@funnelsgrove/cli 0.1.14 → 0.1.18

package/template_scaffold/src/steps/editor/step-32-paywall.editor.ts

@@ -0,0 +1,478 @@
+import type { StepEditorSection } from '@funnelsgrove/runtime';
+
+export const stepPaywallEditor: readonly StepEditorSection[] = [
+  {
+    id: 'loading',
+    label: 'Loading',
+    fields: [
+      {
+        id: 'loadingLabel',
+        label: 'Loading label',
+        kind: 'text',
+        path: 'loadingLabel',
+      },
+    ],
+  },
+  {
+    id: 'top-bar',
+    label: 'Top Bar',
+    fields: [
+      {
+        id: 'topBarDiscountLabel',
+        label: 'Discount label',
+        kind: 'text',
+        path: 'topBarDiscountLabel',
+      },
+      {
+        id: 'topBarCtaLabel',
+        label: 'Top CTA label',
+        kind: 'text',
+        path: 'topBarCtaLabel',
+      },
+      {
+        id: 'countdownUnits',
+        label: 'Countdown units',
+        kind: 'textLines',
+        path: 'countdownUnits',
+      },
+    ],
+  },
+  {
+    id: 'hero',
+    label: 'Hero',
+    fields: [
+      {
+        id: 'hero.pills',
+        label: 'Hero pills',
+        kind: 'textLines',
+        path: 'hero.pills',
+      },
+      {
+        id: 'hero.image',
+        label: 'Hero image',
+        kind: 'image',
+        path: 'hero.image',
+      },
+    ],
+  },
+  {
+    id: 'promo',
+    label: 'Promo',
+    fields: [
+      {
+        id: 'promo.ariaLabel',
+        label: 'Promo aria label',
+        kind: 'text',
+        path: 'promo.ariaLabel',
+      },
+      {
+        id: 'promo.initialLabel',
+        label: 'Promo label',
+        kind: 'text',
+        path: 'promo.initialLabel',
+      },
+      {
+        id: 'promo.upgradedLabel',
+        label: 'Upgraded promo label',
+        kind: 'text',
+        path: 'promo.upgradedLabel',
+      },
+    ],
+  },
+  {
+    id: 'highlight',
+    label: 'Highlight',
+    fields: [
+      {
+        id: 'highlight.title',
+        label: 'Highlight title',
+        kind: 'textLines',
+        path: 'highlight.title',
+      },
+      {
+        id: 'highlight.description',
+        label: 'Highlight description',
+        kind: 'textarea',
+        path: 'highlight.description',
+      },
+    ],
+  },
+  {
+    id: 'plans',
+    label: 'Plans',
+    fields: [
+      {
+        id: 'plans.title',
+        label: 'Plans title',
+        kind: 'text',
+        path: 'plans.title',
+      },
+      {
+        id: 'plans.cardButtonLabel',
+        label: 'Card button label',
+        kind: 'text',
+        path: 'plans.cardButtonLabel',
+      },
+      {
+        id: 'plans.metaLabels',
+        label: 'Meta labels',
+        kind: 'textLines',
+        path: 'plans.metaLabels',
+      },
+      {
+        id: 'plans.stripeUnavailableNote',
+        label: 'Stripe unavailable note',
+        kind: 'textarea',
+        path: 'plans.stripeUnavailableNote',
+      },
+    ],
+  },
+  {
+    id: 'checkout',
+    label: 'Checkout',
+    fields: [
+      {
+        id: 'checkout.title',
+        label: 'Dialog title',
+        kind: 'text',
+        path: 'checkout.title',
+      },
+      {
+        id: 'checkout.summaryTitle',
+        label: 'Summary title',
+        kind: 'text',
+        path: 'checkout.summaryTitle',
+      },
+      {
+        id: 'checkout.closeAriaLabel',
+        label: 'Close aria label',
+        kind: 'text',
+        path: 'checkout.closeAriaLabel',
+      },
+      {
+        id: 'checkout.walletPlaceholderLabel',
+        label: 'Wallet placeholder label',
+        kind: 'text',
+        path: 'checkout.walletPlaceholderLabel',
+      },
+      {
+        id: 'checkout.walletButtonLabel',
+        label: 'Wallet button label',
+        kind: 'text',
+        path: 'checkout.walletButtonLabel',
+      },
+      {
+        id: 'checkout.customerEmailLabel',
+        label: 'Customer email label',
+        kind: 'text',
+        path: 'checkout.customerEmailLabel',
+      },
+      {
+        id: 'checkout.customerEmailPlaceholder',
+        label: 'Customer email placeholder',
+        kind: 'text',
+        path: 'checkout.customerEmailPlaceholder',
+      },
+      {
+        id: 'checkout.customerEmailInvalidMessage',
+        label: 'Customer email invalid message',
+        kind: 'text',
+        path: 'checkout.customerEmailInvalidMessage',
+      },
+      {
+        id: 'checkout.countdownLabel',
+        label: 'Checkout countdown label',
+        kind: 'text',
+        path: 'checkout.countdownLabel',
+      },
+      {
+        id: 'checkout.satisfactionPercent',
+        label: 'Satisfaction percent',
+        kind: 'text',
+        path: 'checkout.satisfactionPercent',
+      },
+      {
+        id: 'checkout.satisfactionLabel',
+        label: 'Satisfaction label',
+        kind: 'textarea',
+        path: 'checkout.satisfactionLabel',
+      },
+      {
+        id: 'checkout.originalPriceLabel',
+        label: 'Original price label',
+        kind: 'text',
+        path: 'checkout.originalPriceLabel',
+      },
+      {
+        id: 'checkout.discountLabelTemplate',
+        label: 'Discount label template',
+        kind: 'text',
+        path: 'checkout.discountLabelTemplate',
+      },
+      {
+        id: 'checkout.discountRowLabelTemplate',
+        label: 'Discount row label template',
+        kind: 'text',
+        path: 'checkout.discountRowLabelTemplate',
+      },
+      {
+        id: 'checkout.promoCodeLabel',
+        label: 'Promo code label',
+        kind: 'text',
+        path: 'checkout.promoCodeLabel',
+      },
+      {
+        id: 'checkout.savedLabelTemplate',
+        label: 'Saved label template',
+        kind: 'text',
+        path: 'checkout.savedLabelTemplate',
+      },
+      {
+        id: 'checkout.totalLabel',
+        label: 'Total label',
+        kind: 'text',
+        path: 'checkout.totalLabel',
+      },
+      {
+        id: 'checkout.summaryGuaranteeLabel',
+        label: 'Summary guarantee label',
+        kind: 'text',
+        path: 'checkout.summaryGuaranteeLabel',
+      },
+      {
+        id: 'checkout.submitLabel',
+        label: 'Submit label',
+        kind: 'text',
+        path: 'checkout.submitLabel',
+      },
+      {
+        id: 'checkout.cardSubmitLabel',
+        label: 'Card submit label',
+        kind: 'text',
+        path: 'checkout.cardSubmitLabel',
+      },
+      {
+        id: 'checkout.paypalLabel',
+        label: 'PayPal label',
+        kind: 'text',
+        path: 'checkout.paypalLabel',
+      },
+      {
+        id: 'checkout.paypalButtonLabel',
+        label: 'PayPal button label',
+        kind: 'text',
+        path: 'checkout.paypalButtonLabel',
+      },
+      {
+        id: 'checkout.processingLabel',
+        label: 'Processing label',
+        kind: 'text',
+        path: 'checkout.processingLabel',
+      },
+      {
+        id: 'checkout.secureLabel',
+        label: 'Secure label',
+        kind: 'text',
+        path: 'checkout.secureLabel',
+      },
+      {
+        id: 'checkout.poweredByLabel',
+        label: 'Powered by label',
+        kind: 'text',
+        path: 'checkout.poweredByLabel',
+      },
+      {
+        id: 'checkout.paymentMethodLabels',
+        label: 'Payment method labels',
+        kind: 'textLines',
+        path: 'checkout.paymentMethodLabels',
+      },
+      {
+        id: 'checkout.legalPrefix',
+        label: 'Legal prefix',
+        kind: 'textarea',
+        path: 'checkout.legalPrefix',
+      },
+      {
+        id: 'checkout.legalLinks',
+        label: 'Legal links',
+        kind: 'list',
+        path: 'checkout.legalLinks',
+        preset: 'linkItems',
+      },
+      {
+        id: 'checkout.supportText',
+        label: 'Support text',
+        kind: 'text',
+        path: 'checkout.supportText',
+      },
+      {
+        id: 'checkout.renewalTemplate',
+        label: 'Renewal template',
+        kind: 'textarea',
+        path: 'checkout.renewalTemplate',
+      },
+      {
+        id: 'checkout.specialOffer.discountLabel',
+        label: 'Special offer discount label',
+        kind: 'text',
+        path: 'checkout.specialOffer.discountLabel',
+      },
+      {
+        id: 'checkout.specialOffer.image',
+        label: 'Special offer image',
+        kind: 'image',
+        path: 'checkout.specialOffer.image',
+      },
+      {
+        id: 'checkout.specialOffer.title',
+        label: 'Special offer title',
+        kind: 'text',
+        path: 'checkout.specialOffer.title',
+      },
+      {
+        id: 'checkout.specialOffer.description',
+        label: 'Special offer description',
+        kind: 'textarea',
+        path: 'checkout.specialOffer.description',
+      },
+      {
+        id: 'checkout.specialOffer.buttonLabel',
+        label: 'Special offer button label',
+        kind: 'text',
+        path: 'checkout.specialOffer.buttonLabel',
+      },
+    ],
+  },
+  {
+    id: 'feature-grid',
+    label: 'Feature Grid',
+    fields: [
+      {
+        id: 'featureGrid.title',
+        label: 'Section title',
+        kind: 'textLines',
+        path: 'featureGrid.title',
+      },
+      {
+        id: 'featureGrid.subtitle',
+        label: 'Section subtitle',
+        kind: 'textarea',
+        path: 'featureGrid.subtitle',
+      },
+      {
+        id: 'featureGrid.assistant.image',
+        label: 'Assistant image',
+        kind: 'image',
+        path: 'featureGrid.assistant.image',
+      },
+      {
+        id: 'featureGrid.assistant.title',
+        label: 'Assistant title',
+        kind: 'text',
+        path: 'featureGrid.assistant.title',
+      },
+      {
+        id: 'featureGrid.assistant.description',
+        label: 'Assistant description',
+        kind: 'textarea',
+        path: 'featureGrid.assistant.description',
+      },
+      {
+        id: 'featureGrid.quickFeatures',
+        label: 'Quick features',
+        kind: 'list',
+        path: 'featureGrid.quickFeatures',
+        preset: 'infoItems',
+      },
+      {
+        id: 'featureGrid.history.image',
+        label: 'History image',
+        kind: 'image',
+        path: 'featureGrid.history.image',
+      },
+      {
+        id: 'featureGrid.history.title',
+        label: 'History title',
+        kind: 'textarea',
+        path: 'featureGrid.history.title',
+      },
+      {
+        id: 'featureGrid.detailedFeatures',
+        label: 'Detailed features',
+        kind: 'list',
+        path: 'featureGrid.detailedFeatures',
+        preset: 'infoItems',
+      },
+    ],
+  },
+  {
+    id: 'stories',
+    label: 'Stories',
+    fields: [
+      {
+        id: 'stories.title',
+        label: 'Stories title',
+        kind: 'text',
+        path: 'stories.title',
+      },
+      {
+        id: 'stories.items',
+        label: 'Stories',
+        kind: 'list',
+        path: 'stories.items',
+        preset: 'quoteItems',
+      },
+    ],
+  },
+  {
+    id: 'faq',
+    label: 'FAQ',
+    fields: [
+      {
+        id: 'faq.title',
+        label: 'FAQ title',
+        kind: 'text',
+        path: 'faq.title',
+      },
+      {
+        id: 'faq.items',
+        label: 'FAQ items',
+        kind: 'list',
+        path: 'faq.items',
+        preset: 'qaItems',
+      },
+    ],
+  },
+  {
+    id: 'guarantee',
+    label: 'Guarantee',
+    fields: [
+      {
+        id: 'guarantee.image',
+        label: 'Guarantee image',
+        kind: 'image',
+        path: 'guarantee.image',
+      },
+      {
+        id: 'guarantee.title',
+        label: 'Guarantee title',
+        kind: 'text',
+        path: 'guarantee.title',
+      },
+      {
+        id: 'guarantee.description',
+        label: 'Guarantee description',
+        kind: 'textarea',
+        path: 'guarantee.description',
+      },
+      {
+        id: 'guarantee.links',
+        label: 'Guarantee links',
+        kind: 'list',
+        path: 'guarantee.links',
+        preset: 'linkItems',
+      },
+    ],
+  },
+] as const;

package/template_scaffold/src/steps/editor/subscription-started.editor.ts

@@ -0,0 +1,131 @@
+import type { StepEditorSection } from '@funnelsgrove/runtime';
+
+export const subscriptionStartedEditor: readonly StepEditorSection[] = [
+  {
+    id: 'header',
+    label: 'Header',
+    fields: [
+      {
+        id: 'kicker',
+        label: 'Kicker',
+        kind: 'text',
+        path: 'kicker',
+      },
+      {
+        id: 'title',
+        label: 'Title',
+        kind: 'text',
+        path: 'title',
+      },
+      {
+        id: 'copyWithQr',
+        label: 'Copy with QR',
+        kind: 'textarea',
+        path: 'copyWithQr',
+      },
+      {
+        id: 'copyWithoutQr',
+        label: 'Copy without QR',
+        kind: 'textarea',
+        path: 'copyWithoutQr',
+      },
+      {
+        id: 'note',
+        label: 'Note',
+        kind: 'textarea',
+        path: 'note',
+      },
+    ],
+  },
+  {
+    id: 'actions',
+    label: 'Actions',
+    fields: [
+      {
+        id: 'openAppLabel',
+        label: 'Open app label',
+        kind: 'text',
+        path: 'openAppLabel',
+      },
+      {
+        id: 'emailButtonLabel',
+        label: 'Email button label',
+        kind: 'text',
+        path: 'emailButtonLabel',
+      },
+      {
+        id: 'qrOpenLabel',
+        label: 'QR open label',
+        kind: 'text',
+        path: 'qrOpenLabel',
+      },
+      {
+        id: 'storeLinks',
+        label: 'Store links',
+        kind: 'list',
+        path: 'storeLinks',
+        preset: 'storeLinkItems',
+      },
+    ],
+  },
+  {
+    id: 'email',
+    label: 'Email',
+    fields: [
+      {
+        id: 'emailSubject',
+        label: 'Email subject',
+        kind: 'text',
+        path: 'emailSubject',
+      },
+      {
+        id: 'emailIntro',
+        label: 'Email intro',
+        kind: 'textarea',
+        path: 'emailIntro',
+      },
+      {
+        id: 'emailOpenAppLabel',
+        label: 'Email open app label',
+        kind: 'text',
+        path: 'emailOpenAppLabel',
+      },
+      {
+        id: 'emailIosDeepLinkLabel',
+        label: 'Email iOS deep link label',
+        kind: 'text',
+        path: 'emailIosDeepLinkLabel',
+      },
+      {
+        id: 'emailAndroidDeepLinkLabel',
+        label: 'Email Android deep link label',
+        kind: 'text',
+        path: 'emailAndroidDeepLinkLabel',
+      },
+      {
+        id: 'emailStoreLabels.ios',
+        label: 'Email iOS store label',
+        kind: 'text',
+        path: 'emailStoreLabels.ios',
+      },
+      {
+        id: 'emailStoreLabels.android',
+        label: 'Email Android store label',
+        kind: 'text',
+        path: 'emailStoreLabels.android',
+      },
+      {
+        id: 'emailSentStatus',
+        label: 'Email sent status',
+        kind: 'text',
+        path: 'emailSentStatus',
+      },
+      {
+        id: 'autoOpenStatus',
+        label: 'Auto-open status',
+        kind: 'text',
+        path: 'autoOpenStatus',
+      },
+    ],
+  },
+] as const;

package/template_scaffold/src/steps/index.ts

@@ -0,0 +1,25 @@
+import type { FunctionComponent } from 'react';
+import { funnelManifest, type FunnelStepId } from '@/config/funnel.manifest';
+import { stepRegistry } from '@/runtime/step-registry';
+import type { FunnelStepMeta } from '@funnelsgrove/runtime';
+
+export const steps = funnelManifest.steps.map((step) => {
+  return stepRegistry[step.componentKey].meta;
+}) as FunnelStepMeta[];
+
+export type StepId = FunnelStepId;
+
+export const stepById: Record<StepId, FunnelStepMeta> = Object.fromEntries(
+  funnelManifest.steps.map((step) => [step.id, stepRegistry[step.componentKey].meta] as const),
+) as Record<StepId, FunnelStepMeta>;
+
+export const stepComponentById: Record<
+  StepId,
+  FunctionComponent<Record<string, never>>
+> = Object.fromEntries(
+  funnelManifest.steps.map((step) => [step.id, stepRegistry[step.componentKey].component] as const),
+) as Record<StepId, FunctionComponent<Record<string, never>>>;
+
+export const paywallStepIds: StepId[] = funnelManifest.steps
+  .filter((step) => 'kind' in step && step.kind === 'paywall')
+  .map((step) => step.id as StepId);