@appfunnel-dev/sdk 0.12.0 → 0.14.0

package/dist/{chunk-GZKA33W2.js → chunk-7JLCKTX6.js}

@@ -1,4 +1,4 @@
-import { useFunnelContext } from './chunk-DAHMOQ63.js';
+import { useFunnelContext } from './chunk-H5C2QJIY.js';
 import { useCallback, useSyncExternalStore, useMemo } from 'react';
 
 function useResponse(key) {
@@ -100,5 +100,5 @@ function useNavigation() {
 }
 
 export { useNavigation, useResponse, useResponses };
-//# sourceMappingURL=chunk-GZKA33W2.js.map
-//# sourceMappingURL=chunk-GZKA33W2.js.map
+//# sourceMappingURL=chunk-7JLCKTX6.js.map
+//# sourceMappingURL=chunk-7JLCKTX6.js.map

package/dist/{chunk-GZKA33W2.js.map → chunk-7JLCKTX6.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/hooks/useResponse.ts","../src/hooks/useNavigation.ts"],"names":["useSyncExternalStore","useCallback"],"mappings":"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","file":"chunk-GZKA33W2.js","sourcesContent":["import { useSyncExternalStore, useCallback, useMemo } from 'react'\nimport { useFunnelContext } from '../components/FunnelProvider'\nimport type { VariableValue } from '../types'\n\n/**\n * Read/write a single response variable (answers.*).\n *\n * ```tsx\n * const [goal, setGoal] = useResponse<string>('goal')\n * const [interests, setInterests] = useResponse<string[]>('interests')\n * ```\n */\nexport function useResponse<T extends VariableValue>(\n  key: string,\n): [T, (value: T) => void] {\n  const { variableStore } = useFunnelContext()\n  const prefixedKey = `answers.${key}`\n\n  const subscribe = useCallback(\n    (cb: () => void) => variableStore.subscribe(cb, { keys: [prefixedKey] }),\n    [variableStore, prefixedKey],\n  )\n  const getSnapshot = useCallback(\n    () => variableStore.get(prefixedKey) as T,\n    [variableStore, prefixedKey],\n  )\n\n  const value = useSyncExternalStore(subscribe, getSnapshot, getSnapshot)\n\n  const setValue = useCallback(\n    (v: T) => variableStore.set(prefixedKey, v),\n    [variableStore, prefixedKey],\n  )\n\n  return [value, setValue]\n}\n\n/**\n * Read all response variables as a flat object (without the `answers.` prefix).\n *\n * Only re-renders when an `answers.*` variable changes.\n *\n * ```tsx\n * const responses = useResponses()\n * // { goal: 'weight_loss', interests: ['yoga', 'running'] }\n * ```\n */\nexport function useResponses(): Record<string, VariableValue> {\n  const { variableStore } = useFunnelContext()\n\n  const subscribe = useCallback(\n    (cb: () => void) => variableStore.subscribe(cb, { prefix: 'answers.' }),\n    [variableStore],\n  )\n  const getSnapshot = useCallback(\n    () => variableStore.getState(),\n    [variableStore],\n  )\n  const variables = useSyncExternalStore(subscribe, getSnapshot, getSnapshot)\n\n  return useMemo(() => {\n    const result: Record<string, VariableValue> = {}\n    for (const [key, value] of Object.entries(variables)) {\n      if (key.startsWith('answers.')) {\n        result[key.slice(8)] = value\n      }\n    }\n    return result\n  }, [variables])\n}\n","import { useCallback, useSyncExternalStore } from 'react'\nimport { useFunnelContext } from '../components/FunnelProvider'\nimport type { NavigationState } from '../types'\n\n/**\n * Navigation hook — evaluates routes, navigates between pages, tracks progress.\n *\n * Only re-renders when the router's current page changes (not on variable changes).\n * Variables are read lazily at navigation time — callbacks are referentially stable.\n */\nexport function useNavigation(): NavigationState {\n  const { router, variableStore, tracker } = useFunnelContext()\n\n  // Re-render only when the router's current page changes\n  useSyncExternalStore(\n    useCallback((cb: () => void) => router.subscribe(cb), [router]),\n    useCallback(() => router.getSnapshot(), [router]),\n    useCallback(() => router.getSnapshot(), [router]),\n  )\n\n  /** Called after the router has already navigated to `key`. */\n  const afterNavigate = useCallback((key: string) => {\n    const page = router.getCurrentPage()\n    if (page) {\n      tracker.track('page.view', {\n        pageId: page.key,\n        pageKey: page.key,\n        pageName: page.name,\n      })\n      tracker.startPageTracking(page.key)\n    }\n    variableStore.setMany({\n      'page.currentId': key,\n      'page.currentIndex': router.getPageHistory().length,\n      'page.current': router.getPageHistory().length + 1,\n      'page.startedAt': Date.now(),\n    })\n  }, [router, tracker, variableStore])\n\n  const goToNextPage = useCallback(() => {\n    const previousPage = router.getCurrentPage()\n    if (previousPage) {\n      tracker.stopPageTracking()\n    }\n\n    // Read variables at call time — not captured in closure\n    const variables = variableStore.getState()\n    const nextKey = router.goToNextPage(variables)\n    if (nextKey) {\n      afterNavigate(nextKey)\n    }\n  }, [router, tracker, variableStore, afterNavigate])\n\n  const goBack = useCallback(() => {\n    tracker.stopPageTracking()\n    const prevKey = router.goBack()\n    if (prevKey) {\n      afterNavigate(prevKey)\n    }\n  }, [router, tracker, afterNavigate])\n\n  const goToPage = useCallback((pageKey: string) => {\n    tracker.stopPageTracking()\n    const key = router.goToPage(pageKey)\n    if (key) {\n      afterNavigate(key)\n    }\n  }, [router, tracker, afterNavigate])\n\n  return {\n    goToNextPage,\n    goBack,\n    goToPage,\n    currentPage: router.getCurrentPage(),\n    pageHistory: router.getPageHistory(),\n    progress: router.getProgress(),\n  }\n}\n"]}
+{"version":3,"sources":["../src/hooks/useResponse.ts","../src/hooks/useNavigation.ts"],"names":["useSyncExternalStore","useCallback"],"mappings":"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","file":"chunk-7JLCKTX6.js","sourcesContent":["import { useSyncExternalStore, useCallback, useMemo } from 'react'\nimport { useFunnelContext } from '../components/FunnelProvider'\nimport type { VariableValue } from '../types'\n\n/**\n * Read/write a single response variable (answers.*).\n *\n * ```tsx\n * const [goal, setGoal] = useResponse<string>('goal')\n * const [interests, setInterests] = useResponse<string[]>('interests')\n * ```\n */\nexport function useResponse<T extends VariableValue>(\n  key: string,\n): [T, (value: T) => void] {\n  const { variableStore } = useFunnelContext()\n  const prefixedKey = `answers.${key}`\n\n  const subscribe = useCallback(\n    (cb: () => void) => variableStore.subscribe(cb, { keys: [prefixedKey] }),\n    [variableStore, prefixedKey],\n  )\n  const getSnapshot = useCallback(\n    () => variableStore.get(prefixedKey) as T,\n    [variableStore, prefixedKey],\n  )\n\n  const value = useSyncExternalStore(subscribe, getSnapshot, getSnapshot)\n\n  const setValue = useCallback(\n    (v: T) => variableStore.set(prefixedKey, v),\n    [variableStore, prefixedKey],\n  )\n\n  return [value, setValue]\n}\n\n/**\n * Read all response variables as a flat object (without the `answers.` prefix).\n *\n * Only re-renders when an `answers.*` variable changes.\n *\n * ```tsx\n * const responses = useResponses()\n * // { goal: 'weight_loss', interests: ['yoga', 'running'] }\n * ```\n */\nexport function useResponses(): Record<string, VariableValue> {\n  const { variableStore } = useFunnelContext()\n\n  const subscribe = useCallback(\n    (cb: () => void) => variableStore.subscribe(cb, { prefix: 'answers.' }),\n    [variableStore],\n  )\n  const getSnapshot = useCallback(\n    () => variableStore.getState(),\n    [variableStore],\n  )\n  const variables = useSyncExternalStore(subscribe, getSnapshot, getSnapshot)\n\n  return useMemo(() => {\n    const result: Record<string, VariableValue> = {}\n    for (const [key, value] of Object.entries(variables)) {\n      if (key.startsWith('answers.')) {\n        result[key.slice(8)] = value\n      }\n    }\n    return result\n  }, [variables])\n}\n","import { useCallback, useSyncExternalStore } from 'react'\nimport { useFunnelContext } from '../components/FunnelProvider'\nimport type { NavigationState } from '../types'\n\n/**\n * Navigation hook — evaluates routes, navigates between pages, tracks progress.\n *\n * Only re-renders when the router's current page changes (not on variable changes).\n * Variables are read lazily at navigation time — callbacks are referentially stable.\n */\nexport function useNavigation(): NavigationState {\n  const { router, variableStore, tracker } = useFunnelContext()\n\n  // Re-render only when the router's current page changes\n  useSyncExternalStore(\n    useCallback((cb: () => void) => router.subscribe(cb), [router]),\n    useCallback(() => router.getSnapshot(), [router]),\n    useCallback(() => router.getSnapshot(), [router]),\n  )\n\n  /** Called after the router has already navigated to `key`. */\n  const afterNavigate = useCallback((key: string) => {\n    const page = router.getCurrentPage()\n    if (page) {\n      tracker.track('page.view', {\n        pageId: page.key,\n        pageKey: page.key,\n        pageName: page.name,\n      })\n      tracker.startPageTracking(page.key)\n    }\n    variableStore.setMany({\n      'page.currentId': key,\n      'page.currentIndex': router.getPageHistory().length,\n      'page.current': router.getPageHistory().length + 1,\n      'page.startedAt': Date.now(),\n    })\n  }, [router, tracker, variableStore])\n\n  const goToNextPage = useCallback(() => {\n    const previousPage = router.getCurrentPage()\n    if (previousPage) {\n      tracker.stopPageTracking()\n    }\n\n    // Read variables at call time — not captured in closure\n    const variables = variableStore.getState()\n    const nextKey = router.goToNextPage(variables)\n    if (nextKey) {\n      afterNavigate(nextKey)\n    }\n  }, [router, tracker, variableStore, afterNavigate])\n\n  const goBack = useCallback(() => {\n    tracker.stopPageTracking()\n    const prevKey = router.goBack()\n    if (prevKey) {\n      afterNavigate(prevKey)\n    }\n  }, [router, tracker, afterNavigate])\n\n  const goToPage = useCallback((pageKey: string) => {\n    tracker.stopPageTracking()\n    const key = router.goToPage(pageKey)\n    if (key) {\n      afterNavigate(key)\n    }\n  }, [router, tracker, afterNavigate])\n\n  return {\n    goToNextPage,\n    goBack,\n    goToPage,\n    currentPage: router.getCurrentPage(),\n    pageHistory: router.getPageHistory(),\n    progress: router.getProgress(),\n  }\n}\n"]}

package/dist/{chunk-DAHMOQ63.js → chunk-H5C2QJIY.js}

@@ -1,4 +1,4 @@
-import { createContext, useContext, useRef, useMemo, useCallback, useEffect } from 'react';
+import { createContext, useContext, useRef, useState, useEffect, useMemo, useCallback } from 'react';
 import { Toaster } from 'sonner';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
@@ -376,7 +376,8 @@ var Router = class {
         this.initialKey = config.pages?.[initialPage] ? initialPage : defaultInitial;
       } else {
         const hasSession = this.hasSessionCookie(campaignSlug);
-        this.initialKey = hasSession && config.pages?.[initialPage] ? initialPage : defaultInitial;
+        const hasPendingSession = typeof window !== "undefined" && (window.location.search.includes("customer=") || window.location.search.includes("sid="));
+        this.initialKey = (hasSession || hasPendingSession) && config.pages?.[initialPage] ? initialPage : defaultInitial;
       }
     } else {
       this.initialKey = initialPage || defaultInitial;
@@ -1176,6 +1177,121 @@ var I18n = class {
     this.listeners.forEach((l) => l());
   }
 };
+
+// src/runtime/session.ts
+var API_BASE_URL2 = "https://api.appfunnel.net";
+var API_HEADERS = { "ngrok-skip-browser-warning": "1" };
+async function apiFetch(path) {
+  try {
+    const res = await fetch(`${API_BASE_URL2}${path}`, { headers: API_HEADERS });
+    return res.ok ? res.json() : null;
+  } catch {
+    return null;
+  }
+}
+function mergeVariables(store, data) {
+  if (Object.keys(data).length === 0) return;
+  store.setState((prev) => {
+    const merged = { ...prev };
+    for (const [key, value] of Object.entries(data)) {
+      if (value !== void 0) merged[key] = value;
+    }
+    return merged;
+  });
+}
+function cleanUrlParams(...keys) {
+  const url = new URL(window.location.href);
+  for (const key of keys) url.searchParams.delete(key);
+  window.history.replaceState({}, "", url.toString());
+}
+async function fetchAndRestoreSession(store, sessionId, funnelId) {
+  const result = await apiFetch(`/session/${sessionId}/data`);
+  if (!result?.success) return;
+  if (result.data?.funnelId && result.data.funnelId !== funnelId) return;
+  const savedData = result.data?.data || {};
+  mergeVariables(store, savedData);
+}
+async function resolveCheckoutSuccess(ctx, params) {
+  const stripeSessionId = params.get("session_id");
+  cleanUrlParams("checkout", "session_id");
+  const sessionId = ctx.tracker.getSessionId();
+  if (!sessionId) return { ok: false };
+  ctx.store.setMany({
+    "purchase.status": "success",
+    "purchase.success": true,
+    "purchase.cancelled": false
+  });
+  await Promise.all([
+    apiFetch(
+      `/campaign/${ctx.campaignId}/stripe/checkout-status?sessionId=${encodeURIComponent(sessionId)}&checkoutSessionId=${encodeURIComponent(stripeSessionId)}`
+    ).then((result) => {
+      if (!result?.success) return;
+      const updates = {
+        "payment.status": result.paymentStatus || "paid"
+      };
+      if (result.stripeCustomerId) {
+        updates["user.stripeCustomerId"] = result.stripeCustomerId;
+      }
+      if (result.subscriptionId) {
+        updates["stripe.subscriptionId"] = result.subscriptionId;
+        updates["subscription.status"] = result.subscriptionStatus || "active";
+      }
+      if (result.paymentIntentId) {
+        updates["stripe.paymentIntentId"] = result.paymentIntentId;
+      }
+      ctx.store.setMany(updates);
+      ctx.tracker.track("purchase.complete", {
+        eventId: stripeSessionId,
+        amount: result.amountTotal ? result.amountTotal / 100 : 0,
+        currency: result.currency || "usd",
+        email: result.customerEmail
+      });
+    }),
+    fetchAndRestoreSession(ctx.store, sessionId, ctx.funnelId)
+  ]);
+  return { ok: true };
+}
+function resolveCheckoutCanceled(ctx) {
+  cleanUrlParams("checkout", "session_id");
+  ctx.store.setMany({
+    "purchase.status": "cancelled",
+    "purchase.success": false,
+    "purchase.cancelled": true
+  });
+  return { ok: true };
+}
+async function resolveCustomer(ctx, customerId) {
+  cleanUrlParams("customer");
+  const result = await apiFetch(
+    `/session/by-customer?customerId=${encodeURIComponent(customerId)}&campaignId=${encodeURIComponent(ctx.campaignId)}&funnelId=${encodeURIComponent(ctx.funnelId)}`
+  );
+  if (!result?.success || !result.sessionId) return { ok: false };
+  ctx.tracker.setSessionId(result.sessionId);
+  if (result.data) {
+    mergeVariables(ctx.store, result.data);
+  }
+  return { ok: true };
+}
+async function resolveExistingSession(ctx) {
+  const sessionId = ctx.tracker.getSessionId();
+  if (!sessionId) return { ok: true };
+  await fetchAndRestoreSession(ctx.store, sessionId, ctx.funnelId);
+  return { ok: true };
+}
+async function resolveSession(ctx, params) {
+  const checkoutStatus = params.get("checkout");
+  const customerId = params.get("customer");
+  if (checkoutStatus === "success" && params.get("session_id")) {
+    return resolveCheckoutSuccess(ctx, params);
+  }
+  if (checkoutStatus === "canceled") {
+    return resolveCheckoutCanceled(ctx);
+  }
+  if (customerId) {
+    return resolveCustomer(ctx, customerId);
+  }
+  return resolveExistingSession(ctx);
+}
 var FunnelContext = createContext(null);
 function useFunnelContext() {
   const ctx = useContext(FunnelContext);
@@ -1196,6 +1312,23 @@ function FunnelProvider({
 }) {
   const campaignId = sessionData?.campaignId || config.projectId || "";
   const funnelId = sessionData?.funnelId || config.projectId || "";
+  const disableLoadingScreen = config.settings?.disableLoadingScreen === true;
+  const initialUrlParams = useRef(null);
+  if (!initialUrlParams.current && typeof window !== "undefined") {
+    initialUrlParams.current = new URLSearchParams(window.location.search);
+  }
+  const [isReady, setIsReady] = useState(() => {
+    if (disableLoadingScreen) return true;
+    if (sessionData?.variables) return true;
+    if (globalThis.__APPFUNNEL_DEV__) return true;
+    if (typeof window === "undefined") return false;
+    const params = initialUrlParams.current;
+    if (!params.has("checkout") && !params.has("customer") && !params.has("sid")) {
+      const hasCookie = document.cookie.includes("fs_");
+      if (!hasCookie) return true;
+    }
+    return false;
+  });
   const storeRef = useRef(null);
   const routerRef = useRef(null);
   const trackerRef = useRef(null);
@@ -1208,12 +1341,7 @@ function FunnelProvider({
     );
   }
   if (!routerRef.current) {
-    routerRef.current = new Router({
-      config,
-      initialPage,
-      basePath,
-      campaignSlug
-    });
+    routerRef.current = new Router({ config, initialPage, basePath, campaignSlug });
   }
   if (!trackerRef.current) {
     trackerRef.current = new FunnelTracker();
@@ -1233,29 +1361,21 @@ function FunnelProvider({
   const router = routerRef.current;
   const tracker = trackerRef.current;
   const i18n = i18nRef.current;
-  const products = useMemo(() => {
-    if (!config.products?.items || !priceData) return [];
-    return buildRuntimeProducts(config.products.items, priceData);
-  }, [config.products, priceData]);
-  const defaultProductId = config.products?.defaultId || products[0]?.id || null;
-  const selectedProductIdRef = useRef(defaultProductId);
-  const selectProduct = useCallback((productId) => {
-    selectedProductIdRef.current = productId;
-    store.set("products.selectedProductId", productId);
-  }, [store]);
   useEffect(() => {
-    const eventBus = new AppFunnelEventBus(store, router, selectProduct);
-    eventBus.attach();
-    eventBusRef.current = eventBus;
-    if (config.integrations && Object.keys(config.integrations).length > 0) {
-      initializeIntegrations(config.integrations);
-    }
-    return () => {
-      eventBus.destroy();
-      eventBusRef.current = null;
-    };
+    if (sessionData?.variables) return;
+    if (globalThis.__APPFUNNEL_DEV__) return;
+    if (typeof window === "undefined") return;
+    tracker.init(campaignId, funnelId, campaignSlug, sessionData?.experimentId);
+    const params = initialUrlParams.current || new URLSearchParams(window.location.search);
+    resolveSession({ store, tracker, campaignId, funnelId }, params).then((result) => {
+      if (!result.ok) {
+        const initialKey = config.initialPageKey || Object.keys(config.pages ?? {})[0];
+        if (initialKey) router.goToPage(initialKey);
+      }
+    }).finally(() => setIsReady(true));
   }, []);
   useEffect(() => {
+    if (!isReady) return;
     tracker.init(campaignId, funnelId, campaignSlug, sessionData?.experimentId);
     if (sessionData?.sessionId) {
       tracker.setSessionId(sessionData.sessionId);
@@ -1278,11 +1398,33 @@ function FunnelProvider({
       tracker.stopPageTracking();
       tracker.flushVariables();
     };
+  }, [isReady]);
+  const products = useMemo(() => {
+    if (!config.products?.items || !priceData) return [];
+    return buildRuntimeProducts(config.products.items, priceData);
+  }, [config.products, priceData]);
+  const defaultProductId = config.products?.defaultId || products[0]?.id || null;
+  const selectedProductIdRef = useRef(defaultProductId);
+  const selectProduct = useCallback((productId) => {
+    selectedProductIdRef.current = productId;
+    store.set("products.selectedProductId", productId);
+  }, [store]);
+  useEffect(() => {
+    const eventBus = new AppFunnelEventBus(store, router, selectProduct);
+    eventBus.attach();
+    eventBusRef.current = eventBus;
+    if (config.integrations && Object.keys(config.integrations).length > 0) {
+      initializeIntegrations(config.integrations);
+    }
+    return () => {
+      eventBus.destroy();
+      eventBusRef.current = null;
+    };
   }, []);
   const sessionStartTime = useRef(Date.now());
   const pageStartTime = useRef(Date.now());
   useEffect(() => {
-    const sysVars = computeSystemVariables({
+    store.setMany(computeSystemVariables({
       currentPageKey: router.getCurrentPage()?.key || "",
       pageHistory: router.getPageHistory(),
       pageStartTime: pageStartTime.current,
@@ -1290,8 +1432,7 @@ function FunnelProvider({
       totalPages: Object.keys(config.pages ?? {}).length,
       funnelId,
       campaignId
-    });
-    store.setMany(sysVars);
+    }));
     if (defaultProductId) {
       store.set("products.selectedProductId", defaultProductId);
     }
@@ -1315,11 +1456,20 @@ function FunnelProvider({
     sessionId: tracker.getSessionId()
   }), [config, store, router, tracker, i18n, products, selectProduct, funnelId, campaignId]);
   return /* @__PURE__ */ jsxs(FunnelContext.Provider, { value: contextValue, children: [
-    children,
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: {
+          opacity: isReady ? 1 : 0,
+          transition: "opacity 0.15s ease-in"
+        },
+        children
+      }
+    ),
     /* @__PURE__ */ jsx(Toaster, { position: "top-center" })
   ] });
 }
 
 export { FunnelProvider, __require, registerIntegration, useFunnelContext };
-//# sourceMappingURL=chunk-DAHMOQ63.js.map
-//# sourceMappingURL=chunk-DAHMOQ63.js.map
+//# sourceMappingURL=chunk-H5C2QJIY.js.map
+//# sourceMappingURL=chunk-H5C2QJIY.js.map