@funnelsgrove/runtime 0.7.19 → 0.7.21

package/dist/runtime/use-funnel-flow-controller.d.ts

@@ -118,10 +118,6 @@ type UseFunnelFlowControllerInput<StepId extends string> = {
     stepById: Record<string, FunnelStepMeta>;
     stepComponentById: StepComponentRegistry;
     funnelExperiments: readonly FunnelFlowControllerExperiment<StepId>[];
-    sessionReplay?: {
-        enabled: boolean;
-        sampleRate: number;
-    };
     getPathForStep: (stepId: StepId) => string;
     getStepIdFromPath: (pathname: string) => StepId | null;
     getSequentialNextStepId: (stepId: StepId) => StepId | null;
@@ -183,5 +179,5 @@ export declare function resolveRenderedExperimentStepId(input: {
     resolveRenderableStepId: (stepId: string | null | undefined) => string | null;
     safeActiveStepId: string;
 }): string;
-export declare function useFunnelFlowController<StepId extends string>({ api, analytics, stepContractVersion, initialStepId, initialAttributes, lockToInitialStep, defaultStepId, stepSequence, stepById, stepComponentById, funnelExperiments, sessionReplay, getPathForStep, getStepIdFromPath, getSequentialNextStepId, getChoiceTargetsForStep, isFunnelStepId, resolveConfiguredNextStep, resolveRuntimeInitialStepId, }: UseFunnelFlowControllerInput<StepId>): UseFunnelFlowControllerResult<StepId>;
+export declare function useFunnelFlowController<StepId extends string>({ api, analytics, stepContractVersion, initialStepId, initialAttributes, lockToInitialStep, defaultStepId, stepSequence, stepById, stepComponentById, funnelExperiments, getPathForStep, getStepIdFromPath, getSequentialNextStepId, getChoiceTargetsForStep, isFunnelStepId, resolveConfiguredNextStep, resolveRuntimeInitialStepId, }: UseFunnelFlowControllerInput<StepId>): UseFunnelFlowControllerResult<StepId>;
 export {};

package/dist/runtime/use-funnel-flow-controller.js

@@ -1,5 +1,6 @@
 'use client';
 import { useCallback, useEffect, useMemo, useRef, useState, } from 'react';
+import { useFunnelRuntimeConfig } from '../components/FunnelRuntimeConfigBoundary.js';
 import { writeStepChoice } from '../sdk/userAnswers.js';
 import { apiService } from '../services/api.service.js';
 import { logger } from '../services/logger.js';
@@ -278,8 +279,9 @@ export function resolveRenderedExperimentStepId(input) {
     const variantStepId = resolveRenderableStepId(assignment.routeToStepId);
     return variantStepId !== null && variantStepId !== void 0 ? variantStepId : safeActiveStepId;
 }
-export function useFunnelFlowController({ api = apiService, analytics, stepContractVersion, initialStepId, initialAttributes, lockToInitialStep = false, defaultStepId, stepSequence, stepById, stepComponentById, funnelExperiments, sessionReplay, getPathForStep, getStepIdFromPath, getSequentialNextStepId, getChoiceTargetsForStep, isFunnelStepId, resolveConfiguredNextStep, resolveRuntimeInitialStepId, }) {
-    var _a, _b, _c;
+export function useFunnelFlowController({ api = apiService, analytics, stepContractVersion, initialStepId, initialAttributes, lockToInitialStep = false, defaultStepId, stepSequence, stepById, stepComponentById, funnelExperiments, getPathForStep, getStepIdFromPath, getSequentialNextStepId, getChoiceTargetsForStep, isFunnelStepId, resolveConfiguredNextStep, resolveRuntimeInitialStepId, }) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+    const publishedRuntime = useFunnelRuntimeConfig();
     const [runtimeMode] = useRuntimeMode();
     const [editorModeEnabled, setEditorModeEnabled] = useState(() => isEditorEnabled());
     const [editorPanelExpanded, setEditorPanelExpanded] = useState(false);
@@ -287,8 +289,8 @@ export function useFunnelFlowController({ api = apiService, analytics, stepContr
     const [editorVariantOverrides, setEditorVariantOverrides] = useState({});
     const shouldLockToInitialStep = lockToInitialStep || isPreviewStepLockRequested();
     const isPreviewRuntime = useMemo(() => isPreviewFrameRuntime(), []);
-    const sessionReplayEnabled = sessionReplay === null || sessionReplay === void 0 ? void 0 : sessionReplay.enabled;
-    const sessionReplaySampleRate = sessionReplay === null || sessionReplay === void 0 ? void 0 : sessionReplay.sampleRate;
+    const sessionReplayEnabled = (_c = (_b = (_a = publishedRuntime.config) === null || _a === void 0 ? void 0 : _a.sessionReplay) === null || _b === void 0 ? void 0 : _b.enabled) !== null && _c !== void 0 ? _c : false;
+    const sessionReplaySampleRate = (_f = (_e = (_d = publishedRuntime.config) === null || _d === void 0 ? void 0 : _d.sessionReplay) === null || _e === void 0 ? void 0 : _e.sampleRate) !== null && _f !== void 0 ? _f : 10;
     const resolveRenderableStepId = useCallback((stepId) => {
         if (!stepId || !isFunnelStepId(stepId)) {
             return null;
@@ -318,7 +320,7 @@ export function useFunnelFlowController({ api = apiService, analytics, stepContr
         });
         return resolveFallbackStepId(requestedStepId);
     }, [initialStepId, resolveFallbackStepId, resolveRuntimeInitialStepId]);
-    const isSubscriptionManagementRuntime = ((_a = stepById[safeInitialStepId]) === null || _a === void 0 ? void 0 : _a.kind) === 'manage-subscription';
+    const isSubscriptionManagementRuntime = ((_g = stepById[safeInitialStepId]) === null || _g === void 0 ? void 0 : _g.kind) === 'manage-subscription';
     const lifecycleEventsSuppressed = isPreviewRuntime || editorModeEnabled || isSubscriptionManagementRuntime;
     const [activeStepId, setActiveStepId] = useState(safeInitialStepId);
     const [attributes, setAttributes] = useState(() => (Object.assign({}, (initialAttributes || {}))));
@@ -542,12 +544,10 @@ export function useFunnelFlowController({ api = apiService, analytics, stepContr
             distinctId: localUserId,
             projectId: PROJECT_ID,
             funnelId: FUNNEL_ID,
-            sessionReplay: sessionReplayEnabled !== undefined && sessionReplaySampleRate !== undefined
-                ? {
-                    enabled: sessionReplayEnabled,
-                    sampleRate: sessionReplaySampleRate,
-                }
-                : undefined,
+            sessionReplay: {
+                enabled: sessionReplayEnabled,
+                sampleRate: sessionReplaySampleRate,
+            },
         })
             .then(() => setPostHogReady(true))
             .catch((error) => {
@@ -1232,10 +1232,10 @@ export function useFunnelFlowController({ api = apiService, analytics, stepContr
         safeInitialStepId,
     ]);
     const choiceTargets = getChoiceTargetsForStep(renderedStepId);
-    const actionBar = (_b = renderedStepMeta === null || renderedStepMeta === void 0 ? void 0 : renderedStepMeta.actionBar) !== null && _b !== void 0 ? _b : activeStepMeta === null || activeStepMeta === void 0 ? void 0 : activeStepMeta.actionBar;
+    const actionBar = (_h = renderedStepMeta === null || renderedStepMeta === void 0 ? void 0 : renderedStepMeta.actionBar) !== null && _h !== void 0 ? _h : activeStepMeta === null || activeStepMeta === void 0 ? void 0 : activeStepMeta.actionBar;
     const isAutoAdvanceStep = typeof (actionBar === null || actionBar === void 0 ? void 0 : actionBar.autoAdvanceMs) === 'number';
     const autoAdvanceMs = actionBar === null || actionBar === void 0 ? void 0 : actionBar.autoAdvanceMs;
-    const buttonVariant = (_c = actionBar === null || actionBar === void 0 ? void 0 : actionBar.buttonVariant) !== null && _c !== void 0 ? _c : null;
+    const buttonVariant = (_j = actionBar === null || actionBar === void 0 ? void 0 : actionBar.buttonVariant) !== null && _j !== void 0 ? _j : null;
     const buttonText = (actionBar === null || actionBar === void 0 ? void 0 : actionBar.buttonText) || 'Continue';
     const hideActionBar = (actionBar === null || actionBar === void 0 ? void 0 : actionBar.hidden) === true;
     useEffect(() => {

package/dist/services/funnel-runtime-config.js

@@ -1,4 +1,7 @@
 const inflightByFunnelId = new Map();
+const TRANSIENT_RUNTIME_CONFIG_STATUSES = new Set([408, 429, 500, 502, 503, 504]);
+const RUNTIME_CONFIG_RETRY_DELAYS_MS = [250, 750];
+const wait = (delayMs) => (new Promise((resolve) => setTimeout(resolve, delayMs)));
 const isRecord = (value) => (value !== null && typeof value === 'object' && !Array.isArray(value));
 const readString = (value) => (typeof value === 'string' && value.trim() ? value.trim() : null);
 const readNumber = (value) => (typeof value === 'number' && Number.isFinite(value) ? value : null);
@@ -297,19 +300,38 @@ export const loadFunnelRuntimeConfig = (funnelId, options = {}) => {
     }
     const fetcher = options.fetcher || globalThis.fetch;
     const basePath = (options.basePath || '/api/funnel-config').replace(/\/$/, '');
-    const request = fetcher(`${basePath}/${encodeURIComponent(normalizedFunnelId)}?versionId=${encodeURIComponent(versionId)}`, {
-        cache: 'no-store',
-        headers: { accept: 'application/json', 'cache-control': 'no-cache' },
-    }).then(async (response) => {
-        if (!response.ok) {
-            throw new Error(`Unable to load funnel runtime config (${response.status})`);
-        }
-        const published = parsePublishedRuntimeConfig(await response.json());
-        if (published.config.funnelId !== normalizedFunnelId) {
-            throw new Error('Funnel runtime config belongs to a different funnel');
+    const requestUrl = `${basePath}/${encodeURIComponent(normalizedFunnelId)}?versionId=${encodeURIComponent(versionId)}`;
+    const request = (async () => {
+        for (let attempt = 0;; attempt += 1) {
+            let response;
+            try {
+                response = await fetcher(requestUrl, {
+                    cache: 'no-store',
+                    headers: { accept: 'application/json', 'cache-control': 'no-cache' },
+                });
+            }
+            catch (error) {
+                const retryDelay = RUNTIME_CONFIG_RETRY_DELAYS_MS[attempt];
+                if (retryDelay === undefined)
+                    throw error;
+                await wait(retryDelay);
+                continue;
+            }
+            if (!response.ok) {
+                const retryDelay = RUNTIME_CONFIG_RETRY_DELAYS_MS[attempt];
+                if (retryDelay !== undefined && TRANSIENT_RUNTIME_CONFIG_STATUSES.has(response.status)) {
+                    await wait(retryDelay);
+                    continue;
+                }
+                throw new Error(`Unable to load funnel runtime config (${response.status})`);
+            }
+            const published = parsePublishedRuntimeConfig(await response.json());
+            if (published.config.funnelId !== normalizedFunnelId) {
+                throw new Error('Funnel runtime config belongs to a different funnel');
+            }
+            return published;
         }
-        return published;
-    }).finally(() => {
+    })().finally(() => {
         inflightByFunnelId.delete(cacheKey);
     });
     inflightByFunnelId.set(cacheKey, request);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@funnelsgrove/runtime",
-  "version": "0.7.19",
+  "version": "0.7.21",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/The-Solid-Grove/funnelsgrove.git",