@appfunnel-dev/sdk 0.13.0 → 0.15.0

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

@@ -1,4 +1,4 @@
-import { useFunnelContext } from './chunk-EB5VWGR4.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-CMVB7RQE.js.map
-//# sourceMappingURL=chunk-CMVB7RQE.js.map
+//# sourceMappingURL=chunk-7JLCKTX6.js.map
+//# sourceMappingURL=chunk-7JLCKTX6.js.map

package/dist/{chunk-CMVB7RQE.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-CMVB7RQE.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-EB5VWGR4.js → chunk-H5C2QJIY.js}

@@ -1,4 +1,4 @@
-import { createContext, useContext, useState, useRef, useEffect, useMemo, useCallback } 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);
@@ -1197,12 +1313,16 @@ 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 = new URLSearchParams(window.location.search);
+    const params = initialUrlParams.current;
     if (!params.has("checkout") && !params.has("customer") && !params.has("sid")) {
       const hasCookie = document.cookie.includes("fs_");
       if (!hasCookie) return true;
@@ -1221,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();
@@ -1249,163 +1364,18 @@ function FunnelProvider({
   useEffect(() => {
     if (sessionData?.variables) return;
     if (globalThis.__APPFUNNEL_DEV__) return;
-    const API_BASE_URL2 = "https://api.appfunnel.net";
-    const markReady = () => setIsReady(true);
-    tracker.init(campaignId, funnelId, campaignSlug, sessionData?.experimentId);
     if (typeof window === "undefined") return;
-    const urlParams = new URLSearchParams(window.location.search);
-    const checkoutStatus = urlParams.get("checkout");
-    const stripeSessionId = urlParams.get("session_id");
-    if (checkoutStatus === "success" && stripeSessionId) {
-      const url = new URL(window.location.href);
-      url.searchParams.delete("checkout");
-      url.searchParams.delete("session_id");
-      window.history.replaceState({}, "", url.toString());
-      const sessionId2 = tracker.getSessionId();
-      if (!sessionId2) {
-        markReady();
-        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);
       }
-      store.setMany({
-        "purchase.status": "success",
-        "purchase.success": true,
-        "purchase.cancelled": false
-      });
-      Promise.all([
-        // Checkout details (stripeCustomerId, subscription info, etc.)
-        fetch(
-          `${API_BASE_URL2}/campaign/${campaignId}/stripe/checkout-status?sessionId=${encodeURIComponent(sessionId2)}&checkoutSessionId=${encodeURIComponent(stripeSessionId)}`,
-          { headers: { "ngrok-skip-browser-warning": "1" } }
-        ).then((res) => res.ok ? res.json() : null).then((result) => {
-          if (!result?.success) return;
-          const updates = {};
-          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;
-          }
-          updates["payment.status"] = result.paymentStatus || "paid";
-          if (Object.keys(updates).length > 0) {
-            store.setMany(updates);
-          }
-          tracker.track("purchase.complete", {
-            eventId: stripeSessionId,
-            amount: result.amountTotal ? result.amountTotal / 100 : 0,
-            currency: result.currency || "usd",
-            email: result.customerEmail
-          });
-        }).catch(() => {
-        }),
-        // Session variable restoration
-        fetch(`${API_BASE_URL2}/session/${sessionId2}/data`, {
-          headers: { "ngrok-skip-browser-warning": "1" }
-        }).then((res) => res.ok ? res.json() : null).then((result) => {
-          if (!result?.success) return;
-          if (result.data?.funnelId && result.data.funnelId !== funnelId) return;
-          const savedData = result.data?.data || {};
-          if (Object.keys(savedData).length === 0) return;
-          store.setState((prev) => {
-            const merged = { ...prev };
-            for (const [key, value] of Object.entries(savedData)) {
-              if (value !== void 0) merged[key] = value;
-            }
-            return merged;
-          });
-        }).catch(() => {
-        })
-      ]).finally(markReady);
-      return;
-    }
-    if (checkoutStatus === "canceled") {
-      const url = new URL(window.location.href);
-      url.searchParams.delete("checkout");
-      url.searchParams.delete("session_id");
-      window.history.replaceState({}, "", url.toString());
-      store.setMany({
-        "purchase.status": "cancelled",
-        "purchase.success": false,
-        "purchase.cancelled": true
-      });
-      markReady();
-      return;
-    }
-    const customerParam = urlParams.get("customer");
-    if (customerParam) {
-      const url = new URL(window.location.href);
-      url.searchParams.delete("customer");
-      window.history.replaceState({}, "", url.toString());
-      fetch(
-        `${API_BASE_URL2}/session/by-customer?customerId=${encodeURIComponent(customerParam)}&campaignId=${encodeURIComponent(campaignId)}&funnelId=${encodeURIComponent(funnelId)}`,
-        { headers: { "ngrok-skip-browser-warning": "1" } }
-      ).then((res) => res.ok ? res.json() : null).then((result) => {
-        if (!result?.success || !result.sessionId) return;
-        tracker.setSessionId(result.sessionId);
-        if (!result.isNew && result.data) {
-          const savedData = result.data;
-          if (Object.keys(savedData).length > 0) {
-            store.setState((prev) => {
-              const merged = { ...prev };
-              for (const [key, value] of Object.entries(savedData)) {
-                if (value !== void 0) merged[key] = value;
-              }
-              return merged;
-            });
-          }
-        }
-      }).catch(() => {
-      }).finally(markReady);
-      return;
-    }
-    const sessionId = tracker.getSessionId();
-    if (!sessionId) {
-      markReady();
-      return;
-    }
-    fetch(`${API_BASE_URL2}/session/${sessionId}/data`, {
-      headers: { "ngrok-skip-browser-warning": "1" }
-    }).then((res) => res.ok ? res.json() : null).then((result) => {
-      if (!result?.success) return;
-      if (result.data?.funnelId && result.data.funnelId !== funnelId) return;
-      const savedData = result.data?.data || {};
-      if (Object.keys(savedData).length === 0) return;
-      store.setState((prev) => {
-        const merged = { ...prev };
-        for (const [key, value] of Object.entries(savedData)) {
-          if (value !== void 0) merged[key] = value;
-        }
-        return merged;
-      });
-    }).catch(() => {
-    }).finally(markReady);
-  }, []);
-  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;
-    };
+    }).finally(() => setIsReady(true));
   }, []);
   useEffect(() => {
+    if (!isReady) return;
     tracker.init(campaignId, funnelId, campaignSlug, sessionData?.experimentId);
     if (sessionData?.sessionId) {
       tracker.setSessionId(sessionData.sessionId);
@@ -1428,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,
@@ -1440,8 +1432,7 @@ function FunnelProvider({
       totalPages: Object.keys(config.pages ?? {}).length,
       funnelId,
       campaignId
-    });
-    store.setMany(sysVars);
+    }));
     if (defaultProductId) {
       store.set("products.selectedProductId", defaultProductId);
     }
@@ -1480,5 +1471,5 @@ function FunnelProvider({
 }
 
 export { FunnelProvider, __require, registerIntegration, useFunnelContext };
-//# sourceMappingURL=chunk-EB5VWGR4.js.map
-//# sourceMappingURL=chunk-EB5VWGR4.js.map
+//# sourceMappingURL=chunk-H5C2QJIY.js.map
+//# sourceMappingURL=chunk-H5C2QJIY.js.map