@contractspec/bundle.marketing 3.7.6 → 3.7.7

package/src/components/templates/TemplatesPreviewModal.tsx

@@ -1,105 +1,104 @@
 'use client';
 
-import { useMemo } from 'react';
-
-import dynamic from 'next/dynamic';
+import type { TemplateId } from '@contractspec/lib.example-shared-ui';
+import { LoadingSpinner } from '@contractspec/lib.ui-kit-web/ui/atoms/LoadingSpinner';
 import { Dialog, DialogContent } from '@contractspec/lib.ui-kit-web/ui/dialog';
 import { ScrollArea } from '@contractspec/lib.ui-kit-web/ui/scroll-area';
-import { LoadingSpinner } from '@contractspec/lib.ui-kit-web/ui/atoms/LoadingSpinner';
-import type { TemplateId } from '@contractspec/lib.example-shared-ui';
+import dynamic from 'next/dynamic';
+import { useMemo } from 'react';
 
 // Dynamically import template components with ssr: false
 const TemplateShell = dynamic(
-  () =>
-    import('@contractspec/lib.example-shared-ui').then(
-      (mod) => mod.TemplateShell
-    ),
-  { ssr: false, loading: () => <LoadingSpinner /> }
+	() =>
+		import('@contractspec/lib.example-shared-ui').then(
+			(mod) => mod.TemplateShell
+		),
+	{ ssr: false, loading: () => <LoadingSpinner /> }
 );
 
 const TodosTaskList = dynamic(
-  () =>
-    import('@contractspec/bundle.library/components/templates/todos/TaskList').then(
-      (mod) => mod.TaskList
-    ),
-  { ssr: false, loading: () => <LoadingSpinner /> }
+	() =>
+		import(
+			'@contractspec/bundle.library/components/templates/todos/TaskList'
+		).then((mod) => mod.TaskList),
+	{ ssr: false, loading: () => <LoadingSpinner /> }
 );
 
 const MessagingWorkspace = dynamic(
-  () =>
-    import('@contractspec/bundle.library/components/templates/messaging/MessagingWorkspace').then(
-      (mod) => mod.MessagingWorkspace
-    ),
-  { ssr: false, loading: () => <LoadingSpinner /> }
+	() =>
+		import(
+			'@contractspec/bundle.library/components/templates/messaging/MessagingWorkspace'
+		).then((mod) => mod.MessagingWorkspace),
+	{ ssr: false, loading: () => <LoadingSpinner /> }
 );
 
 const RecipesExperience = dynamic(
-  () =>
-    import('@contractspec/bundle.library/components/templates/recipes/RecipeList').then(
-      (mod) => mod.RecipeList
-    ),
-  { ssr: false, loading: () => <LoadingSpinner /> }
+	() =>
+		import(
+			'@contractspec/bundle.library/components/templates/recipes/RecipeList'
+		).then((mod) => mod.RecipeList),
+	{ ssr: false, loading: () => <LoadingSpinner /> }
 );
 
 const SaasDashboard = dynamic(
-  () =>
-    import('@contractspec/example.saas-boilerplate').then(
-      (mod) => mod.SaasDashboard
-    ),
-  { ssr: false, loading: () => <LoadingSpinner /> }
+	() =>
+		import('@contractspec/example.saas-boilerplate').then(
+			(mod) => mod.SaasDashboard
+		),
+	{ ssr: false, loading: () => <LoadingSpinner /> }
 );
 
 const CrmDashboard = dynamic(
-  () =>
-    import('@contractspec/example.crm-pipeline').then(
-      (mod) => mod.CrmDashboard
-    ),
-  { ssr: false, loading: () => <LoadingSpinner /> }
+	() =>
+		import('@contractspec/example.crm-pipeline').then(
+			(mod) => mod.CrmDashboard
+		),
+	{ ssr: false, loading: () => <LoadingSpinner /> }
 );
 
 const AgentDashboard = dynamic(
-  () =>
-    import('@contractspec/example.agent-console/ui').then(
-      (mod) => mod.AgentDashboard
-    ),
-  { ssr: false, loading: () => <LoadingSpinner /> }
+	() =>
+		import('@contractspec/example.agent-console/ui').then(
+			(mod) => mod.AgentDashboard
+		),
+	{ ssr: false, loading: () => <LoadingSpinner /> }
 );
 
 const WorkflowDashboard = dynamic(
-  () =>
-    import('@contractspec/example.workflow-system/ui').then(
-      (mod) => mod.WorkflowDashboard
-    ),
-  { ssr: false, loading: () => <LoadingSpinner /> }
+	() =>
+		import('@contractspec/example.workflow-system/ui').then(
+			(mod) => mod.WorkflowDashboard
+		),
+	{ ssr: false, loading: () => <LoadingSpinner /> }
 );
 
 const MarketplaceDashboard = dynamic(
-  () =>
-    import('@contractspec/example.marketplace/ui').then(
-      (mod) => mod.MarketplaceDashboard
-    ),
-  { ssr: false, loading: () => <LoadingSpinner /> }
+	() =>
+		import('@contractspec/example.marketplace/ui').then(
+			(mod) => mod.MarketplaceDashboard
+		),
+	{ ssr: false, loading: () => <LoadingSpinner /> }
 );
 
 const IntegrationDashboard = dynamic(
-  () =>
-    import('@contractspec/example.integration-hub/ui').then(
-      (mod) => mod.IntegrationDashboard
-    ),
-  { ssr: false, loading: () => <LoadingSpinner /> }
+	() =>
+		import('@contractspec/example.integration-hub/ui').then(
+			(mod) => mod.IntegrationDashboard
+		),
+	{ ssr: false, loading: () => <LoadingSpinner /> }
 );
 
 const AnalyticsDashboard = dynamic(
-  () =>
-    import('@contractspec/example.analytics-dashboard').then(
-      (mod) => mod.AnalyticsDashboard
-    ),
-  { ssr: false, loading: () => <LoadingSpinner /> }
+	() =>
+		import('@contractspec/example.analytics-dashboard').then(
+			(mod) => mod.AnalyticsDashboard
+		),
+	{ ssr: false, loading: () => <LoadingSpinner /> }
 );
 
 interface TemplatePreviewModalProps {
-  templateId: TemplateId | null;
-  onClose: () => void;
+	templateId: TemplateId | null;
+	onClose: () => void;
 }
 //
 //   return (
@@ -119,142 +118,142 @@ interface TemplatePreviewModalProps {
 // };
 
 export const TemplatePreviewModal = ({
-  templateId,
-  onClose,
+	templateId,
+	onClose,
 }: TemplatePreviewModalProps) => {
-  const previewComponent = useMemo(() => {
-    switch (templateId) {
-      case 'todos-app':
-        return (
-          <TemplateShell
-            title="Starter tasks"
-            description="Track work items with filters, priorities, and per-tenant data isolation."
-            showSaveAction={false}
-          >
-            <TodosTaskList />
-          </TemplateShell>
-        );
-      case 'messaging-app':
-        return (
-          <TemplateShell
-            title="Messaging workspace"
-            description="Realtime-ready messaging surface with optimistic delivery."
-            showSaveAction={false}
-          >
-            <MessagingWorkspace />
-          </TemplateShell>
-        );
-      case 'recipe-app-i18n':
-        return (
-          <TemplateShell
-            title="Ceremony recipes"
-            description="Switch locales and preview how rituals translate across teams."
-            showSaveAction={false}
-          >
-            <RecipesExperience />
-          </TemplateShell>
-        );
-      case 'saas-boilerplate':
-        return (
-          <TemplateShell
-            title="SaaS Boilerplate"
-            description="Multi-tenant organizations, projects, settings, and billing usage tracking."
-            showSaveAction={false}
-          >
-            <SaasDashboard />
-          </TemplateShell>
-        );
-      case 'crm-pipeline':
-        return (
-          <TemplateShell
-            title="CRM Pipeline"
-            description="Sales CRM with contacts, companies, deals, and pipeline stages."
-            showSaveAction={false}
-          >
-            <CrmDashboard />
-          </TemplateShell>
-        );
-      case 'agent-console':
-        return (
-          <TemplateShell
-            title="AI Agent Console"
-            description="AI agent orchestration with tools, agents, runs, and execution logs."
-            showSaveAction={false}
-          >
-            <AgentDashboard />
-          </TemplateShell>
-        );
-      case 'workflow-system':
-        return (
-          <TemplateShell
-            title="Workflow System"
-            description="Multi-step workflows with role-based approvals."
-            showSaveAction={false}
-          >
-            <WorkflowDashboard />
-          </TemplateShell>
-        );
-      case 'marketplace':
-        return (
-          <TemplateShell
-            title="Marketplace"
-            description="Two-sided marketplace with stores, products, and orders."
-            showSaveAction={false}
-          >
-            <MarketplaceDashboard />
-          </TemplateShell>
-        );
-      case 'integration-hub':
-        return (
-          <TemplateShell
-            title="Integration Hub"
-            description="Third-party integrations with sync and field mapping."
-            showSaveAction={false}
-          >
-            <IntegrationDashboard />
-          </TemplateShell>
-        );
-      case 'analytics-dashboard':
-        return (
-          <TemplateShell
-            title="Analytics Dashboard"
-            description="Custom dashboards with widgets and queries."
-            showSaveAction={false}
-          >
-            <AnalyticsDashboard />
-          </TemplateShell>
-        );
-      case null:
-        return null;
-      default:
-        return null;
-    }
-  }, [templateId]);
+	const previewComponent = useMemo(() => {
+		switch (templateId) {
+			case 'todos-app':
+				return (
+					<TemplateShell
+						title="Starter tasks"
+						description="Track work items with filters, priorities, and per-tenant data isolation."
+						showSaveAction={false}
+					>
+						<TodosTaskList />
+					</TemplateShell>
+				);
+			case 'messaging-app':
+				return (
+					<TemplateShell
+						title="Messaging workspace"
+						description="Realtime-ready messaging surface with optimistic delivery."
+						showSaveAction={false}
+					>
+						<MessagingWorkspace />
+					</TemplateShell>
+				);
+			case 'recipe-app-i18n':
+				return (
+					<TemplateShell
+						title="Ceremony recipes"
+						description="Switch locales and preview how rituals translate across teams."
+						showSaveAction={false}
+					>
+						<RecipesExperience />
+					</TemplateShell>
+				);
+			case 'saas-boilerplate':
+				return (
+					<TemplateShell
+						title="SaaS Boilerplate"
+						description="Multi-tenant organizations, projects, settings, and billing usage tracking."
+						showSaveAction={false}
+					>
+						<SaasDashboard />
+					</TemplateShell>
+				);
+			case 'crm-pipeline':
+				return (
+					<TemplateShell
+						title="CRM Pipeline"
+						description="Sales CRM with contacts, companies, deals, and pipeline stages."
+						showSaveAction={false}
+					>
+						<CrmDashboard />
+					</TemplateShell>
+				);
+			case 'agent-console':
+				return (
+					<TemplateShell
+						title="AI Agent Console"
+						description="AI agent orchestration with tools, agents, runs, and execution logs."
+						showSaveAction={false}
+					>
+						<AgentDashboard />
+					</TemplateShell>
+				);
+			case 'workflow-system':
+				return (
+					<TemplateShell
+						title="Workflow System"
+						description="Multi-step workflows with role-based approvals."
+						showSaveAction={false}
+					>
+						<WorkflowDashboard />
+					</TemplateShell>
+				);
+			case 'marketplace':
+				return (
+					<TemplateShell
+						title="Marketplace"
+						description="Two-sided marketplace with stores, products, and orders."
+						showSaveAction={false}
+					>
+						<MarketplaceDashboard />
+					</TemplateShell>
+				);
+			case 'integration-hub':
+				return (
+					<TemplateShell
+						title="Integration Hub"
+						description="Third-party integrations with sync and field mapping."
+						showSaveAction={false}
+					>
+						<IntegrationDashboard />
+					</TemplateShell>
+				);
+			case 'analytics-dashboard':
+				return (
+					<TemplateShell
+						title="Analytics Dashboard"
+						description="Custom dashboards with widgets and queries."
+						showSaveAction={false}
+					>
+						<AnalyticsDashboard />
+					</TemplateShell>
+				);
+			case null:
+				return null;
+			default:
+				return null;
+		}
+	}, [templateId]);
 
-  return (
-    <Dialog open={!!previewComponent} onOpenChange={onClose}>
-      {/*<DialogTrigger asChild>*/}
-      {/*  <Button variant="outline">Fullscreen Dialog</Button>*/}
-      {/*</DialogTrigger>*/}
-      <DialogContent className="mb-8 flex h-[calc(100vh-2rem)] min-w-[calc(100vw-2rem)] flex-col justify-between gap-0 p-0">
-        <ScrollArea className="flex flex-col justify-between overflow-hidden">
-          {/*<DialogHeader className="contents space-y-0 text-left">*/}
-          {/*  <DialogTitle className="px-6 pt-6">Product Information</DialogTitle>*/}
-          {/*  <DialogDescription asChild>*/}
-          {/*  </DialogDescription>*/}
-          {/*</DialogHeader>*/}
-          {previewComponent}
-        </ScrollArea>
-        {/*<DialogFooter className="px-6 pb-6 sm:justify-end">*/}
-        {/*  <DialogClose asChild>*/}
-        {/*    <Button variant="outline">*/}
-        {/*      <ChevronLeftIcon />*/}
-        {/*      Back*/}
-        {/*    </Button>*/}
-        {/*  </DialogClose>*/}
-        {/*  <Button type="button">Read More</Button>*/}
-        {/*</DialogFooter>*/}
-      </DialogContent>
-    </Dialog>
-  );
+	return (
+		<Dialog open={!!previewComponent} onOpenChange={onClose}>
+			{/*<DialogTrigger asChild>*/}
+			{/*  <Button variant="outline">Fullscreen Dialog</Button>*/}
+			{/*</DialogTrigger>*/}
+			<DialogContent className="mb-8 flex h-[calc(100vh-2rem)] min-w-[calc(100vw-2rem)] flex-col justify-between gap-0 p-0">
+				<ScrollArea className="flex flex-col justify-between overflow-hidden">
+					{/*<DialogHeader className="contents space-y-0 text-left">*/}
+					{/*  <DialogTitle className="px-6 pt-6">Product Information</DialogTitle>*/}
+					{/*  <DialogDescription asChild>*/}
+					{/*  </DialogDescription>*/}
+					{/*</DialogHeader>*/}
+					{previewComponent}
+				</ScrollArea>
+				{/*<DialogFooter className="px-6 pb-6 sm:justify-end">*/}
+				{/*  <DialogClose asChild>*/}
+				{/*    <Button variant="outline">*/}
+				{/*      <ChevronLeftIcon />*/}
+				{/*      Back*/}
+				{/*    </Button>*/}
+				{/*  </DialogClose>*/}
+				{/*  <Button type="button">Read More</Button>*/}
+				{/*</DialogFooter>*/}
+			</DialogContent>
+		</Dialog>
+	);
 };

package/src/index.ts

@@ -4,10 +4,10 @@ export * from './components/templates';
 export { submitContactForm } from './libs/email/contact';
 export { subscribeToNewsletter } from './libs/email/newsletter';
 export type {
-  SubmitContactFormResult,
-  SubmitNewsletterResult,
-  SubmitWaitlistApplicationResult,
-  SubmitWaitlistResult,
+	SubmitContactFormResult,
+	SubmitNewsletterResult,
+	SubmitWaitlistApplicationResult,
+	SubmitWaitlistResult,
 } from './libs/email/types';
 export { joinWaitlist } from './libs/email/waitlist';
 export { submitWaitlistApplication } from './libs/email/waitlist-application';

package/src/libs/email/client.test.ts

@@ -5,103 +5,103 @@ import { beforeEach, describe, expect, it } from 'bun:test';
 import { __internal, getEmailConfig, sendEmail } from './client';
 
 const ENV_KEYS = [
-  'SCALEWAY_ACCESS_KEY',
-  'SCALEWAY_SECRET_KEY',
-  'SCALEWAY_PROJECT_ID',
-  'SCALEWAY_ACCESS_KEY_QUEUE',
-  'SCALEWAY_SECRET_KEY_QUEUE',
-  'SCALEWAY_REGION',
-  'SCALEWAY_EMAIL_FROM_EMAIL',
-  'SCALEWAY_EMAIL_FROM_NAME',
-  'SCALEWAY_EMAIL_TEAM_EMAIL',
-  'SCALEWAY_EMAIL_TEAM_NAME',
+	'SCALEWAY_ACCESS_KEY',
+	'SCALEWAY_SECRET_KEY',
+	'SCALEWAY_PROJECT_ID',
+	'SCALEWAY_ACCESS_KEY_QUEUE',
+	'SCALEWAY_SECRET_KEY_QUEUE',
+	'SCALEWAY_REGION',
+	'SCALEWAY_EMAIL_FROM_EMAIL',
+	'SCALEWAY_EMAIL_FROM_NAME',
+	'SCALEWAY_EMAIL_TEAM_EMAIL',
+	'SCALEWAY_EMAIL_TEAM_NAME',
 ];
 
 const clearEnv = () => {
-  ENV_KEYS.forEach((key) => {
-    // eslint-disable-next-line @typescript-eslint/no-dynamic-delete -- Pragmatic use for environment cleanup in tests
-    delete process.env[key];
-  });
+	ENV_KEYS.forEach((key) => {
+		// eslint-disable-next-line @typescript-eslint/no-dynamic-delete -- Pragmatic use for environment cleanup in tests
+		delete process.env[key];
+	});
 };
 
 const setEnv = (values: Partial<Record<string, string>>) => {
-  Object.entries(values).forEach(([key, value]) => {
-    process.env[key] = value;
-  });
+	Object.entries(values).forEach(([key, value]) => {
+		process.env[key] = value;
+	});
 };
 
 describe('email client config', () => {
-  beforeEach(() => {
-    __internal.resetCaches();
-    clearEnv();
-  });
+	beforeEach(() => {
+		__internal.resetCaches();
+		clearEnv();
+	});
 
-  it('returns a failure result when credentials are missing', () => {
-    const result = getEmailConfig();
-    expect(result.ok).toBeFalse();
-    expect(result.config).toBeUndefined();
-  });
+	it('returns a failure result when credentials are missing', () => {
+		const result = getEmailConfig();
+		expect(result.ok).toBeFalse();
+		expect(result.config).toBeUndefined();
+	});
 
-  it('prefers Scaleway env variables for config and region mapping', () => {
-    setEnv({
-      SCALEWAY_ACCESS_KEY: 'access',
-      SCALEWAY_SECRET_KEY: 'secret',
-      SCALEWAY_PROJECT_ID: 'project-123',
-      SCALEWAY_EMAIL_FROM_EMAIL: 'from@example.com',
-      SCALEWAY_EMAIL_FROM_NAME: 'From Name',
-      SCALEWAY_EMAIL_TEAM_EMAIL: 'team@example.com',
-      SCALEWAY_EMAIL_TEAM_NAME: 'Team Name',
-    });
+	it('prefers Scaleway env variables for config and region mapping', () => {
+		setEnv({
+			SCALEWAY_ACCESS_KEY: 'access',
+			SCALEWAY_SECRET_KEY: 'secret',
+			SCALEWAY_PROJECT_ID: 'project-123',
+			SCALEWAY_EMAIL_FROM_EMAIL: 'from@example.com',
+			SCALEWAY_EMAIL_FROM_NAME: 'From Name',
+			SCALEWAY_EMAIL_TEAM_EMAIL: 'team@example.com',
+			SCALEWAY_EMAIL_TEAM_NAME: 'Team Name',
+		});
 
-    const result = getEmailConfig();
-    expect(result.ok).toBeTrue();
-    expect(result.config?.accessKey).toBe('access');
-    expect(result.config?.secretKey).toBe('secret');
-    expect(result.config?.projectId).toBe('project-123');
-    expect(result.config?.region).toBe('fr-par');
-    expect(result.config?.from.email).toBe('from@example.com');
-    expect(result.config?.from.name).toBe('From Name');
-    expect(result.config?.teamInbox.email).toBe('team@example.com');
-    expect(result.config?.teamInbox.name).toBe('Team Name');
-  });
+		const result = getEmailConfig();
+		expect(result.ok).toBeTrue();
+		expect(result.config?.accessKey).toBe('access');
+		expect(result.config?.secretKey).toBe('secret');
+		expect(result.config?.projectId).toBe('project-123');
+		expect(result.config?.region).toBe('fr-par');
+		expect(result.config?.from.email).toBe('from@example.com');
+		expect(result.config?.from.name).toBe('From Name');
+		expect(result.config?.teamInbox.email).toBe('team@example.com');
+		expect(result.config?.teamInbox.name).toBe('Team Name');
+	});
 
-  it('uses provided API factory to send email with reply-to header', async () => {
-    setEnv({
-      SCALEWAY_ACCESS_KEY: 'access',
-      SCALEWAY_SECRET_KEY: 'secret',
-      SCALEWAY_PROJECT_ID: 'project-123',
-    });
+	it('uses provided API factory to send email with reply-to header', async () => {
+		setEnv({
+			SCALEWAY_ACCESS_KEY: 'access',
+			SCALEWAY_SECRET_KEY: 'secret',
+			SCALEWAY_PROJECT_ID: 'project-123',
+		});
 
-    let captured: unknown = null;
+		let captured: unknown = null;
 
-    __internal.setClient({
-      async createEmail(request: unknown) {
-        captured = request;
-        return { emails: [] };
-      },
-    });
+		__internal.setClient({
+			async createEmail(request: unknown) {
+				captured = request;
+				return { emails: [] };
+			},
+		});
 
-    const config = getEmailConfig().config!;
+		const config = getEmailConfig().config!;
 
-    const response = await sendEmail(config, {
-      to: [{ email: 'user@example.com' }],
-      subject: 'Subject',
-      text: 'Plain text',
-      html: '<p>html</p>',
-      replyTo: 'reply@example.com',
-      context: 'test',
-    });
+		const response = await sendEmail(config, {
+			to: [{ email: 'user@example.com' }],
+			subject: 'Subject',
+			text: 'Plain text',
+			html: '<p>html</p>',
+			replyTo: 'reply@example.com',
+			context: 'test',
+		});
 
-    expect(response.success).toBeTrue();
-    const createEmailRequest = captured as Record<string, unknown>;
-    expect(createEmailRequest.region).toBe(config.region);
-    expect(createEmailRequest.projectId).toBe(config.projectId);
-    expect(createEmailRequest.from).toStrictEqual(config.from);
-    expect(createEmailRequest.to).toStrictEqual([
-      { email: 'user@example.com' },
-    ]);
-    expect(createEmailRequest.additionalHeaders).toStrictEqual([
-      { key: 'Reply-To', value: 'reply@example.com' },
-    ]);
-  });
+		expect(response.success).toBeTrue();
+		const createEmailRequest = captured as Record<string, unknown>;
+		expect(createEmailRequest.region).toBe(config.region);
+		expect(createEmailRequest.projectId).toBe(config.projectId);
+		expect(createEmailRequest.from).toStrictEqual(config.from);
+		expect(createEmailRequest.to).toStrictEqual([
+			{ email: 'user@example.com' },
+		]);
+		expect(createEmailRequest.additionalHeaders).toStrictEqual([
+			{ key: 'Reply-To', value: 'reply@example.com' },
+		]);
+	});
 });