import * as React from "react"; import { SettingsSectionNotificationPipelineComposerSeven } from "@/registry/settings-section-notification-pipeline-composer-seven/settings-section-notification-pipeline-composer-seven"; import { import { IframeAutoHeight } from "@/app/(dynamic-pages)/(external-dynamic-pages)/ui/(showcase)/iframe-auto-height"; import { IframeAutoHeight } from "@/app/(dynamic-pages)/(external-dynamic-pages)/ui/(showcase)/iframe-auto-height"; import { IframeAutoHeight } from "@/app/(dynamic-pages)/(external-dynamic-pages)/ui/(showcase)/iframe-auto-height"; import { IframeAutoHeight } from "@/app/(dynamic-pages)/(external-dynamic-pages)/ui/(showcase)/iframe-auto-height"; BellIcon, MailIcon, MessageCircleIcon, SmartphoneIcon, } from "lucide-react"; type ComponentProps = React.ComponentPropsWithoutRef< typeof SettingsSectionNotificationPipelineComposerSeven >; type NotificationBreadcrumbItem = NonNullable< ComponentProps["breadcrumbs"] >[number]; type NotificationChannel = NonNullable[number]; type NotificationTemplate = NonNullable[number]; type NotificationPreview = NonNullable[number]; type NotificationWorkflowMeta = NonNullable; const breadcrumbs: NotificationBreadcrumbItem[] = [ { label: "Journeys", href: "#" }, { label: "Lifecycle pipeline" }, ]; const channels: NotificationChannel[] = [ { id: "email", label: "Email", description: "Primary announcement sequence", status: "active", icon: , badge: "Default", }, { id: "slack", label: "Slack", description: "#rev-ops private channel", status: "draft", icon: , }, { id: "in-app", label: "In-app", description: "Dashboard spotlight", status: "paused", icon: , }, { id: "sms", label: "SMS", description: "Escalation fallback", status: "draft", icon: , badge: "Limited", }, ]; const templates: NotificationTemplate[] = [ { channelId: "email", subject: "NextBase | Weekly pipeline digest", headline: "Pipeline momentum update", content: `Hi {{first_name}}, Here is your weekly overview of pipeline health: - {{qualified_leads}} new qualified leads - {{active_campaigns}} active nurture sequences Take action on accounts with late-stage risk to keep momentum.`, variables: [ { id: "first_name", label: "{{first_name}}", description: "Recipient's first name", }, { id: "qualified_leads", label: "{{qualified_leads}}", description: "Qualified leads count", }, { id: "active_campaigns", label: "{{active_campaigns}}", description: "Active campaign total", }, ], schedule: { windowLabel: "business-hours", timezone: "America/New_York" }, targetingSummary: "Targets revenue owners with pipeline over $50k.", versionLabel: "v3", }, { channelId: "slack", content: `{{first_name}} just moved {{account_name}} to Commit. Review next steps and notify finance if legal docs are pending.`, variables: [ { id: "account_name", label: "{{account_name}}" }, { id: "first_name", label: "{{first_name}}" }, ], schedule: { windowLabel: "immediate", timezone: "America/New_York" }, targetingSummary: "Sends to #rev-ops private channel for high-value commits.", }, { channelId: "sms", content: `Pipeline heads-up: {{account_name}} is stalling. Approve incentive by EOD if you want to stay on track. Reply STOP to opt out.`, variables: [{ id: "account_name", label: "{{account_name}}" }], schedule: { windowLabel: "custom-window", timezone: "America/Chicago", delayMinutes: 45, }, targetingSummary: "Escalates when account risk tolerance is high.", }, ]; const previews: NotificationPreview[] = [ { id: "email-desktop", channelId: "email", device: "desktop", title: "Weekly pipeline digest", subtitle: "to jordan@nextbase.com", body: `Subject: NextBase | Weekly pipeline digest Hi Jordan, Here is your weekly overview of pipeline health: - 18 new qualified leads - 6 active nurture sequences Focus on accounts with risk to keep momentum.`, timestamp: "11:00 AM", }, { id: "email-mobile", channelId: "email", device: "mobile", title: "NextBase digest", subtitle: "Gmail preview", body: `18 new qualified leads and 6 active campaigns. See which accounts need attention.`, timestamp: "Now", }, { id: "slack-desktop", channelId: "slack", device: "desktop", title: "Slack message", subtitle: "#rev-ops", body: `Jordan moved Northwind Manufacturing to Commit. Review docs and ping finance if legal review pending.`, timestamp: "11:02 AM", }, { id: "sms-mobile", channelId: "sms", device: "mobile", title: "SMS preview", subtitle: "+1 (555) 010-2212", body: `Pipeline heads-up: Northwind is stalling. Approve incentive by EOD to stay on track. Reply STOP to opt out.`, timestamp: "Scheduled 12:45 PM", }, ]; const workflow: NotificationWorkflowMeta = { owner: "Jordan Ramirez", lastPublished: "Nov 3, 9:40am", version: "v3.1", }; export function SettingsSectionNotificationPipelineComposerSevenDemo() { return (

); } export default SettingsSectionNotificationPipelineComposerSevenDemo;

Simple