@funnelsgrove/runtime 0.1.0 → 0.1.1

package/dist/components/SubscriptionHandoffScreen.js

@@ -0,0 +1,338 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useMemo, useState, useSyncExternalStore } from 'react';
+import { getFunnelUserAttribution } from '../runtime/funnel-attribution.js';
+import { resolveSubscriptionHandoff } from '../runtime/subscription-handoff.js';
+import { runtimePublicConfig } from '../services/public-env.js';
+import { useFunnel } from './FunnelContext.js';
+const QR_CODE_IMAGE_SIZE = 320;
+const browserSnapshotSeparator = '\n';
+const subscribeToBrowserSnapshot = () => () => undefined;
+const buildQrCodeImageUrl = (value) => {
+    if (!value) {
+        return null;
+    }
+    return `https://api.qrserver.com/v1/create-qr-code/?size=${QR_CODE_IMAGE_SIZE}x${QR_CODE_IMAGE_SIZE}&data=${encodeURIComponent(value)}`;
+};
+const buildMailtoHref = (input) => {
+    const searchParams = new URLSearchParams({
+        subject: input.subject,
+        body: input.lines.join('\n'),
+    });
+    return `mailto:${encodeURIComponent(input.recipient || '')}?${searchParams.toString()}`;
+};
+const getStoreLinkContent = (links, id) => {
+    var _a;
+    return (_a = links.find((link) => link.id === id)) !== null && _a !== void 0 ? _a : null;
+};
+function AppleBadgeIcon() {
+    return (_jsx("svg", { viewBox: '0 0 24 24', "aria-hidden": 'true', className: 'subscription-handoff-store-icon', children: _jsx("path", { fill: 'currentColor', d: 'M16.78 12.28c.03 3.21 2.82 4.28 2.85 4.29-.02.08-.44 1.52-1.46 3.01-.88 1.29-1.8 2.57-3.24 2.6-1.41.03-1.86-.84-3.46-.84-1.6 0-2.1.82-3.44.87-1.39.05-2.44-1.39-3.33-2.68-1.81-2.62-3.2-7.4-1.34-10.63.93-1.6 2.58-2.62 4.37-2.65 1.37-.03 2.67.92 3.46.92.79 0 2.27-1.14 3.83-.97.65.03 2.49.26 3.66 1.98-.09.06-2.19 1.28-2.16 3.8Zm-2.63-6.9c.73-.89 1.22-2.13 1.08-3.38-1.05.04-2.31.7-3.07 1.59-.67.77-1.25 2.02-1.09 3.21 1.17.09 2.35-.59 3.08-1.42Z' }) }));
+}
+function PlayStoreIcon() {
+    return (_jsxs("svg", { viewBox: '0 0 24 24', "aria-hidden": 'true', className: 'subscription-handoff-store-icon', children: [_jsx("path", { fill: '#34A853', d: 'M4.2 4.4 13.9 12 4.2 19.6a2.2 2.2 0 0 1-.2-.96V5.36c0-.34.07-.67.2-.96Z' }), _jsx("path", { fill: '#4285F4', d: 'M15.72 13.43 6.2 20.84l7.28-4.17 2.24-3.24Z' }), _jsx("path", { fill: '#FBBC04', d: 'm20.53 10.54-2.8-1.61-2.52 2.23 2.52 2.24 2.85-1.63c.96-.55.96-1.69-.05-2.23Z' }), _jsx("path", { fill: '#EA4335', d: 'M6.2 3.16 15.72 10.57l-2.24 3.24Z' })] }));
+}
+function WebLinkIcon() {
+    return (_jsx("svg", { viewBox: '0 0 24 24', "aria-hidden": 'true', className: 'subscription-handoff-store-icon', children: _jsx("path", { fill: 'none', stroke: 'currentColor', strokeLinecap: 'round', strokeLinejoin: 'round', strokeWidth: '1.8', d: 'M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18Zm0 0c2.5 2.47 3.75 5.47 3.75 9S14.5 18.53 12 21m0-18c-2.5 2.47-3.75 5.47-3.75 9S9.5 18.53 12 21M3.6 9h16.8M3.6 15h16.8' }) }));
+}
+const renderStoreIcon = (variant) => {
+    if (variant === 'ios') {
+        return _jsx(AppleBadgeIcon, {});
+    }
+    if (variant === 'android') {
+        return _jsx(PlayStoreIcon, {});
+    }
+    return _jsx(WebLinkIcon, {});
+};
+export function SubscriptionHandoffScreen({ stepId, content, confirmationUrl, nodeId, }) {
+    const { user } = useFunnel();
+    const [autoOpenAttempted, setAutoOpenAttempted] = useState(false);
+    const [emailSent, setEmailSent] = useState(false);
+    const browserSnapshotKey = useSyncExternalStore(subscribeToBrowserSnapshot, () => [
+        confirmationUrl !== null && confirmationUrl !== void 0 ? confirmationUrl : window.location.href,
+        navigator.userAgent,
+    ].join(browserSnapshotSeparator), () => [
+        confirmationUrl !== null && confirmationUrl !== void 0 ? confirmationUrl : '',
+        '',
+    ].join(browserSnapshotSeparator));
+    const browserSnapshot = useMemo(() => {
+        const [resolvedConfirmationUrl = '', userAgent = ''] = browserSnapshotKey.split(browserSnapshotSeparator);
+        return {
+            confirmationUrl: resolvedConfirmationUrl || null,
+            userAgent: userAgent || null,
+        };
+    }, [browserSnapshotKey]);
+    const handoff = useMemo(() => {
+        return resolveSubscriptionHandoff({
+            userId: user.id,
+            email: user.email,
+            confirmationUrl: browserSnapshot.confirmationUrl,
+            userAgent: browserSnapshot.userAgent,
+            attribution: getFunnelUserAttribution(user.document),
+            config: {
+                iosAppStoreUrl: runtimePublicConfig.iosAppStoreUrl,
+                androidPlayStoreUrl: runtimePublicConfig.androidPlayStoreUrl,
+                universalLink: runtimePublicConfig.universalLink,
+                iosDeepLink: runtimePublicConfig.iosDeepLink,
+                androidDeepLink: runtimePublicConfig.androidDeepLink,
+            },
+        });
+    }, [browserSnapshot, user.document, user.email, user.id]);
+    const qrCodeImageUrl = useMemo(() => buildQrCodeImageUrl(handoff.qrConfirmationUrl), [handoff.qrConfirmationUrl]);
+    const installLinks = useMemo(() => {
+        const links = [];
+        const iosLinkContent = getStoreLinkContent(content.storeLinks, 'ios');
+        if (handoff.iosStoreUrl && iosLinkContent) {
+            links.push({
+                id: 'ios',
+                href: handoff.iosStoreUrl,
+                eyebrow: iosLinkContent.eyebrow,
+                title: iosLinkContent.title,
+                variant: 'ios',
+            });
+        }
+        const androidLinkContent = getStoreLinkContent(content.storeLinks, 'android');
+        if (handoff.androidStoreUrl && androidLinkContent) {
+            links.push({
+                id: 'android',
+                href: handoff.androidStoreUrl,
+                eyebrow: androidLinkContent.eyebrow,
+                title: androidLinkContent.title,
+                variant: 'android',
+            });
+        }
+        const webLinkContent = getStoreLinkContent(content.storeLinks, 'web');
+        const shouldShowWebLink = handoff.platform === 'desktop' || handoff.platform === 'android';
+        if (shouldShowWebLink && handoff.webLinkUrl && webLinkContent) {
+            links.push({
+                id: 'web',
+                href: handoff.webLinkUrl,
+                eyebrow: webLinkContent.eyebrow,
+                title: webLinkContent.title,
+                variant: 'web',
+            });
+        }
+        return links;
+    }, [
+        content.storeLinks,
+        handoff.androidStoreUrl,
+        handoff.iosStoreUrl,
+        handoff.platform,
+        handoff.webLinkUrl,
+    ]);
+    const emailHref = useMemo(() => {
+        const lines = [
+            content.emailIntro,
+            '',
+            handoff.emailOpenAppUrl ? `${content.emailOpenAppLabel}: ${handoff.emailOpenAppUrl}` : null,
+            handoff.emailIosDeepLinkUrl
+                ? `${content.emailIosDeepLinkLabel}: ${handoff.emailIosDeepLinkUrl}`
+                : null,
+            handoff.emailAndroidDeepLinkUrl
+                ? `${content.emailAndroidDeepLinkLabel}: ${handoff.emailAndroidDeepLinkUrl}`
+                : null,
+            handoff.emailIosStoreUrl
+                ? `${content.emailStoreLabels.ios}: ${handoff.emailIosStoreUrl}`
+                : null,
+            handoff.emailAndroidStoreUrl
+                ? `${content.emailStoreLabels.android}: ${handoff.emailAndroidStoreUrl}`
+                : null,
+        ].filter((line) => Boolean(line));
+        return buildMailtoHref({
+            recipient: user.email || null,
+            subject: content.emailSubject,
+            lines,
+        });
+    }, [content, handoff, user.email]);
+    useEffect(() => {
+        const openAppUrl = handoff.openAppUrl;
+        if (handoff.platform === 'desktop' || typeof window === 'undefined' || !openAppUrl) {
+            return;
+        }
+        const attemptKey = `app-deals:deep-link-attempt:${stepId}:${user.id}`;
+        if (window.sessionStorage.getItem(attemptKey) === '1') {
+            return;
+        }
+        window.sessionStorage.setItem(attemptKey, '1');
+        const timer = window.setTimeout(() => {
+            window.location.assign(openAppUrl);
+            setAutoOpenAttempted(true);
+        }, 500);
+        return () => window.clearTimeout(timer);
+    }, [handoff.openAppUrl, handoff.platform, stepId, user.id]);
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: 'subscription-handoff-step', "data-node-id": nodeId || stepId, children: [_jsxs("header", { className: 'subscription-handoff-head', children: [_jsx("p", { className: 'subscription-handoff-kicker', children: content.kicker }), _jsx("h2", { className: 'subscription-handoff-title', children: content.title })] }), installLinks.length > 0 ? (_jsx("div", { className: 'subscription-handoff-store-links', children: installLinks.map((link) => (_jsxs("a", { href: link.href, target: '_blank', rel: 'noopener noreferrer', "aria-label": `${link.eyebrow} ${link.title}`, className: `subscription-handoff-store-badge is-${link.variant}`, children: [renderStoreIcon(link.variant), _jsxs("span", { className: 'subscription-handoff-store-copy', children: [_jsx("span", { className: 'subscription-handoff-store-eyebrow', children: link.eyebrow }), _jsx("span", { className: 'subscription-handoff-store-title', children: link.title })] })] }, link.id))) })) : null, _jsx("p", { className: 'subscription-handoff-copy', children: qrCodeImageUrl ? content.copyWithQr : content.copyWithoutQr }), qrCodeImageUrl && handoff.qrConfirmationUrl ? (_jsx("a", { href: handoff.qrConfirmationUrl, className: 'subscription-handoff-qr-card', target: '_blank', rel: 'noopener noreferrer', "aria-label": content.qrOpenLabel, children: _jsx("span", { "aria-hidden": 'true', className: 'subscription-handoff-qr-image', style: { backgroundImage: `url(${qrCodeImageUrl})` } }) })) : null, _jsx("p", { className: 'subscription-handoff-note', children: content.note }), handoff.platform !== 'desktop' && handoff.openAppUrl ? (_jsx("a", { href: handoff.openAppUrl, className: 'subscription-handoff-open-app', children: content.openAppLabel })) : null, _jsx("a", { href: emailHref, className: 'subscription-handoff-email-button', onClick: () => setEmailSent(true), children: content.emailButtonLabel }), emailSent ? (_jsx("p", { className: 'subscription-handoff-status', children: content.emailSentStatus })) : null, autoOpenAttempted ? (_jsx("p", { className: 'subscription-handoff-status', children: content.autoOpenStatus })) : null] }), _jsx("style", { children: subscriptionHandoffScreenStyles })] }));
+}
+const subscriptionHandoffScreenStyles = `
+.subscription-handoff-step {
+  position: absolute;
+  inset: 0;
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  text-align: center;
+  gap: 16px;
+  padding: calc(env(safe-area-inset-top, 0px) + 84px) 20px calc(env(safe-area-inset-bottom, 0px) + 32px);
+  background: var(--color-bg, #f5f7fa);
+  color: var(--color-text, #262729);
+}
+
+.subscription-handoff-head {
+  width: min(100%, 360px);
+}
+
+.subscription-handoff-kicker {
+  margin: 0;
+  color: var(--color-secondary, #f28100);
+  font-size: clamp(36px, 9vw, 52px);
+  line-height: 1;
+  font-weight: 800;
+  letter-spacing: -0.03em;
+}
+
+.subscription-handoff-title {
+  margin: 14px 0 0;
+  color: var(--color-text, #262729);
+  font-size: clamp(28px, 7vw, 36px);
+  line-height: 1.12;
+  font-weight: 800;
+  letter-spacing: -0.03em;
+}
+
+.subscription-handoff-store-links {
+  width: min(100%, 360px);
+  display: grid;
+  gap: 12px;
+}
+
+.subscription-handoff-store-badge {
+  box-sizing: border-box;
+  min-height: 72px;
+  border-radius: 18px;
+  padding: 12px 16px;
+  display: flex;
+  align-items: center;
+  gap: 14px;
+  text-decoration: none;
+  background: #101114;
+  color: #fff;
+  box-shadow: 0 18px 40px rgb(16 17 20 / 16%);
+}
+
+.subscription-handoff-store-badge.is-android {
+  background: linear-gradient(135deg, #151717 0%, #111827 100%);
+}
+
+.subscription-handoff-store-badge.is-web {
+  border: 1px solid rgb(38 39 41 / 12%);
+  background: #fff;
+  color: var(--color-text, #262729);
+}
+
+.subscription-handoff-store-icon {
+  width: 28px;
+  height: 28px;
+  flex: 0 0 auto;
+}
+
+.subscription-handoff-store-copy {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  text-align: left;
+}
+
+.subscription-handoff-store-eyebrow {
+  font-size: 12px;
+  line-height: 1.1;
+  font-weight: 500;
+  opacity: 0.82;
+}
+
+.subscription-handoff-store-title {
+  margin-top: 2px;
+  font-size: 24px;
+  line-height: 1.08;
+  font-weight: 700;
+  letter-spacing: -0.02em;
+}
+
+.subscription-handoff-copy,
+.subscription-handoff-note,
+.subscription-handoff-status {
+  width: min(100%, 360px);
+  margin: 0;
+}
+
+.subscription-handoff-copy {
+  color: var(--color-text, #262729);
+  font-size: 16px;
+  line-height: 1.5;
+}
+
+.subscription-handoff-qr-card {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: min(100%, 272px);
+  aspect-ratio: 1;
+  padding: 18px;
+  border-radius: 24px;
+  background: #fff;
+  box-shadow: 0 20px 48px rgb(38 39 41 / 12%);
+}
+
+.subscription-handoff-qr-image {
+  display: block;
+  width: 100%;
+  height: 100%;
+  background: center / contain no-repeat;
+}
+
+.subscription-handoff-note {
+  color: rgb(38 39 41 / 72%);
+  font-size: 14px;
+  line-height: 1.5;
+}
+
+.subscription-handoff-open-app,
+.subscription-handoff-email-button {
+  width: min(100%, 360px);
+  min-height: 56px;
+  border-radius: 16px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  text-decoration: none;
+  font-size: 18px;
+  line-height: 1.2;
+  font-weight: 700;
+}
+
+.subscription-handoff-open-app {
+  background: var(--color-primary, #4db53f);
+  color: #fff;
+}
+
+.subscription-handoff-email-button {
+  border: 1px solid rgb(38 39 41 / 12%);
+  background: #fff;
+  color: var(--color-text, #262729);
+}
+
+.subscription-handoff-status {
+  font-size: 14px;
+  line-height: 1.45;
+  color: rgb(38 39 41 / 72%);
+}
+
+@media (max-width: 480px) {
+  .subscription-handoff-step {
+    padding-inline: 16px;
+  }
+
+  .subscription-handoff-store-title {
+    font-size: 22px;
+  }
+}
+`;

package/dist/config/builder-preview.protocol.d.ts

@@ -2,3 +2,76 @@ export declare const BUILDER_PREVIEW_READY = "builder.preview.ready";
 export declare const BUILDER_PREVIEW_ACTIVE_STEP_CHANGED = "builder.preview.activeStepChanged";
 export declare const BUILDER_PREVIEW_GO_TO_STEP = "builder.preview.goToStep";
 export declare const BUILDER_PREVIEW_RUNTIME_MODE_CHANGED = "builder.preview.runtimeModeChanged";
+export declare const BUILDER_PREVIEW_DEFINITION_PATCH = "builder.preview.definitionPatch";
+export declare const BUILDER_PREVIEW_VARIABLE_VALUES_CHANGED = "builder.preview.variableValuesChanged";
+export declare const BUILDER_PREVIEW_PAYWALL_PLANS_CHANGED = "builder.preview.paywallPlansChanged";
+export type BuilderPreviewReadyMessage = {
+    type: typeof BUILDER_PREVIEW_READY;
+    stepId: string;
+};
+export type BuilderPreviewActiveStepChangedMessage = {
+    type: typeof BUILDER_PREVIEW_ACTIVE_STEP_CHANGED;
+    stepId: string;
+};
+export type BuilderPreviewRuntimeModeChangedMessage = {
+    type: typeof BUILDER_PREVIEW_RUNTIME_MODE_CHANGED;
+    mode: 'test' | 'live';
+};
+export type BuilderPreviewGoToStepMessage = {
+    type: typeof BUILDER_PREVIEW_GO_TO_STEP;
+    stepId: string;
+};
+export type BuilderPreviewContentDefinitionPatch = {
+    kind: 'content';
+    stepId: string;
+    locale: string;
+    content: Record<string, unknown>;
+};
+export type BuilderPreviewPricingDefinitionPatch = {
+    kind: 'pricing';
+    stepId: string;
+    pricing: {
+        defaultOfferKey: string;
+        defaultOfferOrder: readonly string[];
+        countryOverrides?: Record<string, {
+            defaultOfferKey?: string;
+            offerOrder?: readonly string[];
+        }>;
+    };
+};
+export type BuilderPreviewDefinitionPatch = BuilderPreviewContentDefinitionPatch | BuilderPreviewPricingDefinitionPatch;
+export type BuilderPreviewDefinitionPatchMessage = {
+    type: typeof BUILDER_PREVIEW_DEFINITION_PATCH;
+    patch: BuilderPreviewDefinitionPatch;
+};
+export type BuilderPreviewVariableValuesChangedMessage = {
+    type: typeof BUILDER_PREVIEW_VARIABLE_VALUES_CHANGED;
+    stepId: string;
+    values: Record<string, string>;
+};
+export type BuilderPreviewPaywallPlan = {
+    id: string;
+    title: string;
+    description?: string;
+    providerPlanId?: string;
+    priceLabel: string;
+    oldPriceLabel?: string;
+    featuredTag?: string;
+    perDayAmount: string;
+    perDayLabel: string;
+    amountCents: number;
+    comparison?: {
+        perDay?: string;
+        perWeek?: string;
+        perMonth?: string;
+        perYear?: string;
+    };
+    checkoutOriginalAmountCents?: number;
+    checkoutSummaryLabel?: string;
+    source: 'stripe' | 'config';
+};
+export type BuilderPreviewPaywallPlansChangedMessage = {
+    type: typeof BUILDER_PREVIEW_PAYWALL_PLANS_CHANGED;
+    stepId: string;
+    plans: BuilderPreviewPaywallPlan[];
+};

package/dist/config/builder-preview.protocol.js

@@ -2,3 +2,6 @@ export const BUILDER_PREVIEW_READY = 'builder.preview.ready';
 export const BUILDER_PREVIEW_ACTIVE_STEP_CHANGED = 'builder.preview.activeStepChanged';
 export const BUILDER_PREVIEW_GO_TO_STEP = 'builder.preview.goToStep';
 export const BUILDER_PREVIEW_RUNTIME_MODE_CHANGED = 'builder.preview.runtimeModeChanged';
+export const BUILDER_PREVIEW_DEFINITION_PATCH = 'builder.preview.definitionPatch';
+export const BUILDER_PREVIEW_VARIABLE_VALUES_CHANGED = 'builder.preview.variableValuesChanged';
+export const BUILDER_PREVIEW_PAYWALL_PLANS_CHANGED = 'builder.preview.paywallPlansChanged';

package/dist/config/env.config.d.ts

@@ -0,0 +1,44 @@
+export declare const readRuntimeEnv: (reader: () => string | undefined) => string | undefined;
+export declare const isDevelopmentRuntime: () => boolean;
+export declare const RUNTIME_ENV_KEYS: {
+    readonly appDealsApiBaseUrl: readonly ["NEXT_PUBLIC_APP_DEALS_API_BASE_URL", "APP_DEALS_API_BASE_URL"];
+    readonly funnelSdkPublishableKey: readonly ["NEXT_PUBLIC_FUNNEL_SDK_PUBLISHABLE_KEY", "NEXT_PUBLIC_FUNNEL_PUBLISHABLE_KEY", "FUNNEL_SDK_PUBLISHABLE_KEY"];
+    readonly funnelId: readonly ["NEXT_PUBLIC_FUNNEL_ID", "FUNNEL_ID", "NEXT_PUBLIC_RAG_FUNNEL_ID", "RAG_FUNNEL_ID", "NEXT_PUBLIC_PREVIEW_TEST_FUNNEL_ID", "PREVIEW_TEST_FUNNEL_ID"];
+    readonly projectId: readonly ["NEXT_PUBLIC_PROJECT_ID", "PROJECT_ID"];
+    readonly funnelVersionId: readonly ["NEXT_PUBLIC_FUNNEL_VERSION_ID", "FUNNEL_VERSION_ID"];
+    readonly posthogProjectApiKey: readonly ["NEXT_PUBLIC_POSTHOG_PROJECT_API_KEY", "POSTHOG_PROJECT_API_KEY"];
+    readonly supportEmail: readonly ["NEXT_PUBLIC_FUNNEL_SUPPORT_EMAIL", "FUNNEL_SUPPORT_EMAIL"];
+    readonly iosAppStoreUrl: readonly ["NEXT_PUBLIC_IOS_APP_STORE_URL", "IOS_APP_STORE_URL"];
+    readonly androidPlayStoreUrl: readonly ["NEXT_PUBLIC_ANDROID_PLAY_STORE_URL", "ANDROID_PLAY_STORE_URL", "GOOGLE_PLAY_URL"];
+    readonly appStoreId: readonly ["NEXT_PUBLIC_FUNNEL_APP_STORE_ID", "FUNNEL_APP_STORE_ID"];
+    readonly googleStoreId: readonly ["NEXT_PUBLIC_FUNNEL_GOOGLE_STORE_ID", "FUNNEL_GOOGLE_STORE_ID"];
+    readonly timezone: readonly ["NEXT_PUBLIC_FUNNEL_TIMEZONE", "FUNNEL_TIMEZONE"];
+    readonly faviconUrl: readonly ["NEXT_PUBLIC_FUNNEL_FAVICON_URL", "FUNNEL_FAVICON_URL"];
+    readonly pageTitle: readonly ["NEXT_PUBLIC_FUNNEL_PAGE_TITLE", "FUNNEL_PAGE_TITLE"];
+    readonly pageDescription: readonly ["NEXT_PUBLIC_FUNNEL_PAGE_DESCRIPTION", "FUNNEL_PAGE_DESCRIPTION"];
+    readonly pagePreviewImageUrl: readonly ["NEXT_PUBLIC_FUNNEL_PAGE_PREVIEW_IMAGE_URL", "FUNNEL_PAGE_PREVIEW_IMAGE_URL"];
+    readonly companyName: readonly ["NEXT_PUBLIC_FUNNEL_COMPANY_NAME", "FUNNEL_COMPANY_NAME"];
+    readonly companyAddress: readonly ["NEXT_PUBLIC_FUNNEL_COMPANY_ADDRESS", "FUNNEL_COMPANY_ADDRESS"];
+    readonly companyCountry: readonly ["NEXT_PUBLIC_FUNNEL_COMPANY_COUNTRY", "FUNNEL_COMPANY_COUNTRY"];
+    readonly privacyUrl: readonly ["NEXT_PUBLIC_FUNNEL_PRIVACY_URL", "FUNNEL_PRIVACY_URL"];
+    readonly termsUrl: readonly ["NEXT_PUBLIC_FUNNEL_TERMS_URL", "FUNNEL_TERMS_URL"];
+    readonly universalLink: readonly ["NEXT_PUBLIC_FUNNEL_UNIVERSAL_LINK", "WEB_LANDING_URL", "FUNNEL_UNIVERSAL_LINK"];
+    readonly iosDeepLink: readonly ["NEXT_PUBLIC_FUNNEL_IOS_DEEP_LINK", "APPSTORE_DEEPLINK_URL", "FUNNEL_IOS_DEEP_LINK"];
+    readonly androidDeepLink: readonly ["NEXT_PUBLIC_FUNNEL_ANDROID_DEEP_LINK", "FUNNEL_ANDROID_DEEP_LINK"];
+    readonly qrTarget: readonly ["NEXT_PUBLIC_FUNNEL_QR_TARGET", "FUNNEL_QR_TARGET"];
+    readonly stripeEnabled: readonly ["STRIPE_ENABLED"];
+    readonly stripeActiveMode: readonly ["NEXT_PUBLIC_STRIPE_ACTIVE_MODE", "STRIPE_ACTIVE_MODE"];
+    readonly stripePublishableKey: readonly ["NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY", "STRIPE_PUBLISHABLE_KEY"];
+    readonly stripeTestPublishableKey: readonly ["NEXT_PUBLIC_STRIPE_TEST_PUBLISHABLE_KEY", "STRIPE_TEST_PUBLISHABLE_KEY"];
+    readonly stripeLivePublishableKey: readonly ["NEXT_PUBLIC_STRIPE_LIVE_PUBLISHABLE_KEY", "STRIPE_LIVE_PUBLISHABLE_KEY"];
+    readonly metaPixelEnabled: readonly ["NEXT_PUBLIC_META_PIXEL_ENABLED", "META_PIXEL_ENABLED"];
+    readonly metaPixelId: readonly ["NEXT_PUBLIC_META_PIXEL_ID", "META_PIXEL_ID"];
+    readonly funnelCustomDomain: readonly ["FUNNEL_CUSTOM_DOMAIN"];
+    readonly claimbeeWeeklyPriceId: readonly ["NEXT_PUBLIC_CLAIMBEE_WEEKLY_PRICE_ID", "CLAIMBEE_WEEKLY_PRICE_ID"];
+    readonly claimbeeMonthlyPriceId: readonly ["NEXT_PUBLIC_CLAIMBEE_MONTHLY_PRICE_ID", "CLAIMBEE_MONTHLY_PRICE_ID"];
+    readonly claimbeeYearlyPriceId: readonly ["NEXT_PUBLIC_CLAIMBEE_YEARLY_PRICE_ID", "CLAIMBEE_YEARLY_PRICE_ID"];
+};
+export type RuntimeEnvConfig = {
+    readonly [Key in keyof typeof RUNTIME_ENV_KEYS]: string | undefined;
+};
+export declare const runtimeEnvConfig: RuntimeEnvConfig;

package/dist/config/env.config.js

@@ -0,0 +1,161 @@
+export const readRuntimeEnv = (reader) => {
+    try {
+        const value = reader();
+        return typeof value === 'string' ? value : undefined;
+    }
+    catch (_a) {
+        return undefined;
+    }
+};
+export const isDevelopmentRuntime = () => {
+    const nodeEnv = readRuntimeEnv(() => process.env.NODE_ENV);
+    return typeof nodeEnv === 'string' && nodeEnv !== 'production';
+};
+export const RUNTIME_ENV_KEYS = {
+    appDealsApiBaseUrl: ['NEXT_PUBLIC_APP_DEALS_API_BASE_URL', 'APP_DEALS_API_BASE_URL'],
+    funnelSdkPublishableKey: [
+        'NEXT_PUBLIC_FUNNEL_SDK_PUBLISHABLE_KEY',
+        'NEXT_PUBLIC_FUNNEL_PUBLISHABLE_KEY',
+        'FUNNEL_SDK_PUBLISHABLE_KEY',
+    ],
+    funnelId: [
+        'NEXT_PUBLIC_FUNNEL_ID',
+        'FUNNEL_ID',
+        'NEXT_PUBLIC_RAG_FUNNEL_ID',
+        'RAG_FUNNEL_ID',
+        'NEXT_PUBLIC_PREVIEW_TEST_FUNNEL_ID',
+        'PREVIEW_TEST_FUNNEL_ID',
+    ],
+    projectId: ['NEXT_PUBLIC_PROJECT_ID', 'PROJECT_ID'],
+    funnelVersionId: ['NEXT_PUBLIC_FUNNEL_VERSION_ID', 'FUNNEL_VERSION_ID'],
+    posthogProjectApiKey: ['NEXT_PUBLIC_POSTHOG_PROJECT_API_KEY', 'POSTHOG_PROJECT_API_KEY'],
+    supportEmail: ['NEXT_PUBLIC_FUNNEL_SUPPORT_EMAIL', 'FUNNEL_SUPPORT_EMAIL'],
+    iosAppStoreUrl: ['NEXT_PUBLIC_IOS_APP_STORE_URL', 'IOS_APP_STORE_URL'],
+    androidPlayStoreUrl: ['NEXT_PUBLIC_ANDROID_PLAY_STORE_URL', 'ANDROID_PLAY_STORE_URL', 'GOOGLE_PLAY_URL'],
+    appStoreId: ['NEXT_PUBLIC_FUNNEL_APP_STORE_ID', 'FUNNEL_APP_STORE_ID'],
+    googleStoreId: ['NEXT_PUBLIC_FUNNEL_GOOGLE_STORE_ID', 'FUNNEL_GOOGLE_STORE_ID'],
+    timezone: ['NEXT_PUBLIC_FUNNEL_TIMEZONE', 'FUNNEL_TIMEZONE'],
+    faviconUrl: ['NEXT_PUBLIC_FUNNEL_FAVICON_URL', 'FUNNEL_FAVICON_URL'],
+    pageTitle: ['NEXT_PUBLIC_FUNNEL_PAGE_TITLE', 'FUNNEL_PAGE_TITLE'],
+    pageDescription: ['NEXT_PUBLIC_FUNNEL_PAGE_DESCRIPTION', 'FUNNEL_PAGE_DESCRIPTION'],
+    pagePreviewImageUrl: ['NEXT_PUBLIC_FUNNEL_PAGE_PREVIEW_IMAGE_URL', 'FUNNEL_PAGE_PREVIEW_IMAGE_URL'],
+    companyName: ['NEXT_PUBLIC_FUNNEL_COMPANY_NAME', 'FUNNEL_COMPANY_NAME'],
+    companyAddress: ['NEXT_PUBLIC_FUNNEL_COMPANY_ADDRESS', 'FUNNEL_COMPANY_ADDRESS'],
+    companyCountry: ['NEXT_PUBLIC_FUNNEL_COMPANY_COUNTRY', 'FUNNEL_COMPANY_COUNTRY'],
+    privacyUrl: ['NEXT_PUBLIC_FUNNEL_PRIVACY_URL', 'FUNNEL_PRIVACY_URL'],
+    termsUrl: ['NEXT_PUBLIC_FUNNEL_TERMS_URL', 'FUNNEL_TERMS_URL'],
+    universalLink: ['NEXT_PUBLIC_FUNNEL_UNIVERSAL_LINK', 'WEB_LANDING_URL', 'FUNNEL_UNIVERSAL_LINK'],
+    iosDeepLink: ['NEXT_PUBLIC_FUNNEL_IOS_DEEP_LINK', 'APPSTORE_DEEPLINK_URL', 'FUNNEL_IOS_DEEP_LINK'],
+    androidDeepLink: ['NEXT_PUBLIC_FUNNEL_ANDROID_DEEP_LINK', 'FUNNEL_ANDROID_DEEP_LINK'],
+    qrTarget: ['NEXT_PUBLIC_FUNNEL_QR_TARGET', 'FUNNEL_QR_TARGET'],
+    stripeEnabled: ['STRIPE_ENABLED'],
+    stripeActiveMode: ['NEXT_PUBLIC_STRIPE_ACTIVE_MODE', 'STRIPE_ACTIVE_MODE'],
+    stripePublishableKey: ['NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY', 'STRIPE_PUBLISHABLE_KEY'],
+    stripeTestPublishableKey: ['NEXT_PUBLIC_STRIPE_TEST_PUBLISHABLE_KEY', 'STRIPE_TEST_PUBLISHABLE_KEY'],
+    stripeLivePublishableKey: ['NEXT_PUBLIC_STRIPE_LIVE_PUBLISHABLE_KEY', 'STRIPE_LIVE_PUBLISHABLE_KEY'],
+    metaPixelEnabled: ['NEXT_PUBLIC_META_PIXEL_ENABLED', 'META_PIXEL_ENABLED'],
+    metaPixelId: ['NEXT_PUBLIC_META_PIXEL_ID', 'META_PIXEL_ID'],
+    funnelCustomDomain: ['FUNNEL_CUSTOM_DOMAIN'],
+    claimbeeWeeklyPriceId: ['NEXT_PUBLIC_CLAIMBEE_WEEKLY_PRICE_ID', 'CLAIMBEE_WEEKLY_PRICE_ID'],
+    claimbeeMonthlyPriceId: ['NEXT_PUBLIC_CLAIMBEE_MONTHLY_PRICE_ID', 'CLAIMBEE_MONTHLY_PRICE_ID'],
+    claimbeeYearlyPriceId: ['NEXT_PUBLIC_CLAIMBEE_YEARLY_PRICE_ID', 'CLAIMBEE_YEARLY_PRICE_ID'],
+};
+const RUNTIME_ENV_VALUES = {
+    APP_DEALS_API_BASE_URL: readRuntimeEnv(() => process.env.APP_DEALS_API_BASE_URL),
+    FUNNEL_ID: readRuntimeEnv(() => process.env.FUNNEL_ID),
+    FUNNEL_VERSION_ID: readRuntimeEnv(() => process.env.FUNNEL_VERSION_ID),
+    FUNNEL_SDK_PUBLISHABLE_KEY: readRuntimeEnv(() => process.env.FUNNEL_SDK_PUBLISHABLE_KEY),
+    PROJECT_ID: readRuntimeEnv(() => process.env.PROJECT_ID),
+    POSTHOG_PROJECT_API_KEY: readRuntimeEnv(() => process.env.POSTHOG_PROJECT_API_KEY),
+    FUNNEL_SUPPORT_EMAIL: readRuntimeEnv(() => process.env.FUNNEL_SUPPORT_EMAIL),
+    IOS_APP_STORE_URL: readRuntimeEnv(() => process.env.IOS_APP_STORE_URL),
+    ANDROID_PLAY_STORE_URL: readRuntimeEnv(() => process.env.ANDROID_PLAY_STORE_URL),
+    GOOGLE_PLAY_URL: readRuntimeEnv(() => process.env.GOOGLE_PLAY_URL),
+    FUNNEL_APP_STORE_ID: readRuntimeEnv(() => process.env.FUNNEL_APP_STORE_ID),
+    FUNNEL_GOOGLE_STORE_ID: readRuntimeEnv(() => process.env.FUNNEL_GOOGLE_STORE_ID),
+    FUNNEL_TIMEZONE: readRuntimeEnv(() => process.env.FUNNEL_TIMEZONE),
+    FUNNEL_FAVICON_URL: readRuntimeEnv(() => process.env.FUNNEL_FAVICON_URL),
+    FUNNEL_PAGE_TITLE: readRuntimeEnv(() => process.env.FUNNEL_PAGE_TITLE),
+    FUNNEL_PAGE_DESCRIPTION: readRuntimeEnv(() => process.env.FUNNEL_PAGE_DESCRIPTION),
+    FUNNEL_PAGE_PREVIEW_IMAGE_URL: readRuntimeEnv(() => process.env.FUNNEL_PAGE_PREVIEW_IMAGE_URL),
+    FUNNEL_COMPANY_NAME: readRuntimeEnv(() => process.env.FUNNEL_COMPANY_NAME),
+    FUNNEL_COMPANY_ADDRESS: readRuntimeEnv(() => process.env.FUNNEL_COMPANY_ADDRESS),
+    FUNNEL_COMPANY_COUNTRY: readRuntimeEnv(() => process.env.FUNNEL_COMPANY_COUNTRY),
+    FUNNEL_PRIVACY_URL: readRuntimeEnv(() => process.env.FUNNEL_PRIVACY_URL),
+    FUNNEL_TERMS_URL: readRuntimeEnv(() => process.env.FUNNEL_TERMS_URL),
+    WEB_LANDING_URL: readRuntimeEnv(() => process.env.WEB_LANDING_URL),
+    FUNNEL_UNIVERSAL_LINK: readRuntimeEnv(() => process.env.FUNNEL_UNIVERSAL_LINK),
+    APPSTORE_DEEPLINK_URL: readRuntimeEnv(() => process.env.APPSTORE_DEEPLINK_URL),
+    FUNNEL_IOS_DEEP_LINK: readRuntimeEnv(() => process.env.FUNNEL_IOS_DEEP_LINK),
+    FUNNEL_ANDROID_DEEP_LINK: readRuntimeEnv(() => process.env.FUNNEL_ANDROID_DEEP_LINK),
+    FUNNEL_QR_TARGET: readRuntimeEnv(() => process.env.FUNNEL_QR_TARGET),
+    STRIPE_ENABLED: readRuntimeEnv(() => process.env.STRIPE_ENABLED),
+    STRIPE_ACTIVE_MODE: readRuntimeEnv(() => process.env.STRIPE_ACTIVE_MODE),
+    STRIPE_PUBLISHABLE_KEY: readRuntimeEnv(() => process.env.STRIPE_PUBLISHABLE_KEY),
+    STRIPE_TEST_PUBLISHABLE_KEY: readRuntimeEnv(() => process.env.STRIPE_TEST_PUBLISHABLE_KEY),
+    STRIPE_LIVE_PUBLISHABLE_KEY: readRuntimeEnv(() => process.env.STRIPE_LIVE_PUBLISHABLE_KEY),
+    META_PIXEL_ENABLED: readRuntimeEnv(() => process.env.META_PIXEL_ENABLED),
+    META_PIXEL_ID: readRuntimeEnv(() => process.env.META_PIXEL_ID),
+    FUNNEL_CUSTOM_DOMAIN: readRuntimeEnv(() => process.env.FUNNEL_CUSTOM_DOMAIN),
+    CLAIMBEE_WEEKLY_PRICE_ID: readRuntimeEnv(() => process.env.CLAIMBEE_WEEKLY_PRICE_ID),
+    CLAIMBEE_MONTHLY_PRICE_ID: readRuntimeEnv(() => process.env.CLAIMBEE_MONTHLY_PRICE_ID),
+    CLAIMBEE_YEARLY_PRICE_ID: readRuntimeEnv(() => process.env.CLAIMBEE_YEARLY_PRICE_ID),
+    RAG_FUNNEL_ID: readRuntimeEnv(() => process.env.RAG_FUNNEL_ID),
+    PREVIEW_TEST_FUNNEL_ID: readRuntimeEnv(() => process.env.PREVIEW_TEST_FUNNEL_ID),
+    NEXT_PUBLIC_APP_DEALS_API_BASE_URL: readRuntimeEnv(() => process.env.NEXT_PUBLIC_APP_DEALS_API_BASE_URL),
+    NEXT_PUBLIC_FUNNEL_SDK_PUBLISHABLE_KEY: readRuntimeEnv(() => process.env.NEXT_PUBLIC_FUNNEL_SDK_PUBLISHABLE_KEY),
+    NEXT_PUBLIC_FUNNEL_PUBLISHABLE_KEY: readRuntimeEnv(() => process.env.NEXT_PUBLIC_FUNNEL_PUBLISHABLE_KEY),
+    NEXT_PUBLIC_FUNNEL_ID: readRuntimeEnv(() => process.env.NEXT_PUBLIC_FUNNEL_ID),
+    NEXT_PUBLIC_FUNNEL_VERSION_ID: readRuntimeEnv(() => process.env.NEXT_PUBLIC_FUNNEL_VERSION_ID),
+    NEXT_PUBLIC_PROJECT_ID: readRuntimeEnv(() => process.env.NEXT_PUBLIC_PROJECT_ID),
+    NEXT_PUBLIC_POSTHOG_PROJECT_API_KEY: readRuntimeEnv(() => process.env.NEXT_PUBLIC_POSTHOG_PROJECT_API_KEY),
+    NEXT_PUBLIC_FUNNEL_SUPPORT_EMAIL: readRuntimeEnv(() => process.env.NEXT_PUBLIC_FUNNEL_SUPPORT_EMAIL),
+    NEXT_PUBLIC_IOS_APP_STORE_URL: readRuntimeEnv(() => process.env.NEXT_PUBLIC_IOS_APP_STORE_URL),
+    NEXT_PUBLIC_ANDROID_PLAY_STORE_URL: readRuntimeEnv(() => process.env.NEXT_PUBLIC_ANDROID_PLAY_STORE_URL),
+    NEXT_PUBLIC_FUNNEL_APP_STORE_ID: readRuntimeEnv(() => process.env.NEXT_PUBLIC_FUNNEL_APP_STORE_ID),
+    NEXT_PUBLIC_FUNNEL_GOOGLE_STORE_ID: readRuntimeEnv(() => process.env.NEXT_PUBLIC_FUNNEL_GOOGLE_STORE_ID),
+    NEXT_PUBLIC_FUNNEL_TIMEZONE: readRuntimeEnv(() => process.env.NEXT_PUBLIC_FUNNEL_TIMEZONE),
+    NEXT_PUBLIC_FUNNEL_FAVICON_URL: readRuntimeEnv(() => process.env.NEXT_PUBLIC_FUNNEL_FAVICON_URL),
+    NEXT_PUBLIC_FUNNEL_PAGE_TITLE: readRuntimeEnv(() => process.env.NEXT_PUBLIC_FUNNEL_PAGE_TITLE),
+    NEXT_PUBLIC_FUNNEL_PAGE_DESCRIPTION: readRuntimeEnv(() => process.env.NEXT_PUBLIC_FUNNEL_PAGE_DESCRIPTION),
+    NEXT_PUBLIC_FUNNEL_PAGE_PREVIEW_IMAGE_URL: readRuntimeEnv(() => process.env.NEXT_PUBLIC_FUNNEL_PAGE_PREVIEW_IMAGE_URL),
+    NEXT_PUBLIC_FUNNEL_COMPANY_NAME: readRuntimeEnv(() => process.env.NEXT_PUBLIC_FUNNEL_COMPANY_NAME),
+    NEXT_PUBLIC_FUNNEL_COMPANY_ADDRESS: readRuntimeEnv(() => process.env.NEXT_PUBLIC_FUNNEL_COMPANY_ADDRESS),
+    NEXT_PUBLIC_FUNNEL_COMPANY_COUNTRY: readRuntimeEnv(() => process.env.NEXT_PUBLIC_FUNNEL_COMPANY_COUNTRY),
+    NEXT_PUBLIC_FUNNEL_PRIVACY_URL: readRuntimeEnv(() => process.env.NEXT_PUBLIC_FUNNEL_PRIVACY_URL),
+    NEXT_PUBLIC_FUNNEL_TERMS_URL: readRuntimeEnv(() => process.env.NEXT_PUBLIC_FUNNEL_TERMS_URL),
+    NEXT_PUBLIC_FUNNEL_UNIVERSAL_LINK: readRuntimeEnv(() => process.env.NEXT_PUBLIC_FUNNEL_UNIVERSAL_LINK),
+    NEXT_PUBLIC_FUNNEL_IOS_DEEP_LINK: readRuntimeEnv(() => process.env.NEXT_PUBLIC_FUNNEL_IOS_DEEP_LINK),
+    NEXT_PUBLIC_FUNNEL_ANDROID_DEEP_LINK: readRuntimeEnv(() => process.env.NEXT_PUBLIC_FUNNEL_ANDROID_DEEP_LINK),
+    NEXT_PUBLIC_FUNNEL_QR_TARGET: readRuntimeEnv(() => process.env.NEXT_PUBLIC_FUNNEL_QR_TARGET),
+    NEXT_PUBLIC_RAG_FUNNEL_ID: readRuntimeEnv(() => process.env.NEXT_PUBLIC_RAG_FUNNEL_ID),
+    NEXT_PUBLIC_PREVIEW_TEST_FUNNEL_ID: readRuntimeEnv(() => process.env.NEXT_PUBLIC_PREVIEW_TEST_FUNNEL_ID),
+    NEXT_PUBLIC_STRIPE_ACTIVE_MODE: readRuntimeEnv(() => process.env.NEXT_PUBLIC_STRIPE_ACTIVE_MODE),
+    NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY: readRuntimeEnv(() => process.env.NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY),
+    NEXT_PUBLIC_STRIPE_TEST_PUBLISHABLE_KEY: readRuntimeEnv(() => process.env.NEXT_PUBLIC_STRIPE_TEST_PUBLISHABLE_KEY),
+    NEXT_PUBLIC_STRIPE_LIVE_PUBLISHABLE_KEY: readRuntimeEnv(() => process.env.NEXT_PUBLIC_STRIPE_LIVE_PUBLISHABLE_KEY),
+    NEXT_PUBLIC_META_PIXEL_ENABLED: readRuntimeEnv(() => process.env.NEXT_PUBLIC_META_PIXEL_ENABLED),
+    NEXT_PUBLIC_META_PIXEL_ID: readRuntimeEnv(() => process.env.NEXT_PUBLIC_META_PIXEL_ID),
+    NEXT_PUBLIC_CLAIMBEE_WEEKLY_PRICE_ID: readRuntimeEnv(() => process.env.NEXT_PUBLIC_CLAIMBEE_WEEKLY_PRICE_ID),
+    NEXT_PUBLIC_CLAIMBEE_MONTHLY_PRICE_ID: readRuntimeEnv(() => process.env.NEXT_PUBLIC_CLAIMBEE_MONTHLY_PRICE_ID),
+    NEXT_PUBLIC_CLAIMBEE_YEARLY_PRICE_ID: readRuntimeEnv(() => process.env.NEXT_PUBLIC_CLAIMBEE_YEARLY_PRICE_ID),
+};
+const readKnownRuntimeEnvValue = (key) => {
+    if (Object.prototype.hasOwnProperty.call(RUNTIME_ENV_VALUES, key)) {
+        return RUNTIME_ENV_VALUES[key];
+    }
+    return readRuntimeEnv(() => process.env[key]);
+};
+const readFirstRuntimeEnvValue = (keys) => {
+    for (const key of keys) {
+        const value = readKnownRuntimeEnvValue(key);
+        if (typeof value === 'string') {
+            return value;
+        }
+    }
+    return undefined;
+};
+export const runtimeEnvConfig = Object.freeze(Object.fromEntries(Object.entries(RUNTIME_ENV_KEYS).map(([key, aliases]) => [
+    key,
+    readFirstRuntimeEnvValue(aliases),
+])));

package/dist/config/font-config.d.ts

@@ -0,0 +1,14 @@
+import type { FunnelThemeFont } from './funnel-theme.js';
+export type FontDefinition = {
+    name: string;
+    category: 'sans-serif' | 'serif' | 'monospace' | 'display';
+    fallbacks: string;
+    weights: number[];
+    hasItalic: boolean;
+    source: 'system' | 'google' | 'custom';
+    googleFontFamily?: string;
+};
+export declare const getFontRegistry: () => FontDefinition[];
+export declare const getFontByName: (name: string) => FontDefinition | undefined;
+export declare const buildFontFamilyString: (font: FunnelThemeFont) => string;
+export declare const buildGoogleFontsUrl: (font: FunnelThemeFont) => string | null;