@appfunnel-dev/sdk 0.9.0 → 0.11.0

package/dist/{chunk-XP44I2MU.cjs → chunk-ECWTUTEJ.cjs}

@@ -1,10 +1,10 @@
 'use strict';
 
-var chunkEVUYCLVY_cjs = require('./chunk-EVUYCLVY.cjs');
+var chunk5E6WNNU4_cjs = require('./chunk-5E6WNNU4.cjs');
 var react = require('react');
 
 function useResponse(key) {
-  const { variableStore } = chunkEVUYCLVY_cjs.useFunnelContext();
+  const { variableStore } = chunk5E6WNNU4_cjs.useFunnelContext();
   const prefixedKey = `answers.${key}`;
   const subscribe = react.useCallback(
     (cb) => variableStore.subscribe(cb, { keys: [prefixedKey] }),
@@ -22,7 +22,7 @@ function useResponse(key) {
   return [value, setValue];
 }
 function useResponses() {
-  const { variableStore } = chunkEVUYCLVY_cjs.useFunnelContext();
+  const { variableStore } = chunk5E6WNNU4_cjs.useFunnelContext();
   const subscribe = react.useCallback(
     (cb) => variableStore.subscribe(cb, { prefix: "answers." }),
     [variableStore]
@@ -43,7 +43,7 @@ function useResponses() {
   }, [variables]);
 }
 function useNavigation() {
-  const { router, variableStore, tracker } = chunkEVUYCLVY_cjs.useFunnelContext();
+  const { router, variableStore, tracker } = chunk5E6WNNU4_cjs.useFunnelContext();
   react.useSyncExternalStore(
     react.useCallback((cb) => router.subscribe(cb), [router]),
     react.useCallback(() => router.getSnapshot(), [router]),
@@ -104,5 +104,5 @@ function useNavigation() {
 exports.useNavigation = useNavigation;
 exports.useResponse = useResponse;
 exports.useResponses = useResponses;
-//# sourceMappingURL=chunk-XP44I2MU.cjs.map
-//# sourceMappingURL=chunk-XP44I2MU.cjs.map
+//# sourceMappingURL=chunk-ECWTUTEJ.cjs.map
+//# sourceMappingURL=chunk-ECWTUTEJ.cjs.map

package/dist/{chunk-XP44I2MU.cjs.map → chunk-ECWTUTEJ.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/hooks/useResponse.ts","../src/hooks/useNavigation.ts"],"names":["useFunnelContext","useCallback","useSyncExternalStore","useMemo"],"mappings":"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","file":"chunk-XP44I2MU.cjs","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":["useFunnelContext","useCallback","useSyncExternalStore","useMemo"],"mappings":"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","file":"chunk-ECWTUTEJ.cjs","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-P4SLDMWY.js → chunk-GZKA33W2.js}

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

package/dist/{chunk-P4SLDMWY.js.map → chunk-GZKA33W2.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-P4SLDMWY.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-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"]}

package/dist/elements/index.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunkXP44I2MU_cjs = require('../chunk-XP44I2MU.cjs');
-var chunkEVUYCLVY_cjs = require('../chunk-EVUYCLVY.cjs');
+var chunkECWTUTEJ_cjs = require('../chunk-ECWTUTEJ.cjs');
+var chunk5E6WNNU4_cjs = require('../chunk-5E6WNNU4.cjs');
 var React27 = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 var ReactDOM = require('react-dom');
@@ -7297,7 +7297,7 @@ function loadExternalIsValidProp(isValidProp) {
   shouldForward = (key) => key.startsWith("on") ? !isValidMotionProp(key) : isValidProp(key);
 }
 try {
-  loadExternalIsValidProp(chunkEVUYCLVY_cjs.__require("@emotion/is-prop-valid").default);
+  loadExternalIsValidProp(chunk5E6WNNU4_cjs.__require("@emotion/is-prop-valid").default);
 } catch {
 }
 function filterProps(props, isDom, forwardMotionProps) {
@@ -12086,8 +12086,8 @@ function SingleSelect({
   autoAdvanceDelay = 200,
   className
 }) {
-  const [selected, setSelected] = chunkXP44I2MU_cjs.useResponse(responseKey);
-  const { goToNextPage } = chunkXP44I2MU_cjs.useNavigation();
+  const [selected, setSelected] = chunkECWTUTEJ_cjs.useResponse(responseKey);
+  const { goToNextPage } = chunkECWTUTEJ_cjs.useNavigation();
   const getKey = React27.useCallback(
     (item, index) => {
       if (keyExtractor) return keyExtractor(item, index);
@@ -12122,7 +12122,7 @@ function MultiSelect({
   max,
   className
 }) {
-  const [selected, setSelected] = chunkXP44I2MU_cjs.useResponse(responseKey);
+  const [selected, setSelected] = chunkECWTUTEJ_cjs.useResponse(responseKey);
   const currentSelection = selected ?? [];
   const getKey = React27.useCallback(
     (item, index) => {

package/dist/elements/index.js

@@ -1,5 +1,5 @@
-import { useResponse, useNavigation } from '../chunk-P4SLDMWY.js';
-import { __require } from '../chunk-H3KHXZSI.js';
+import { useResponse, useNavigation } from '../chunk-GZKA33W2.js';
+import { __require } from '../chunk-DAHMOQ63.js';
 import * as React27 from 'react';
 import { forwardRef, useRef, useMemo, useCallback, useImperativeHandle, useEffect, useState, createContext, useId, useContext, useInsertionEffect, Children, isValidElement, useLayoutEffect, Fragment as Fragment$1, createElement, Component } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';

package/dist/index.cjs

@@ -1,8 +1,9 @@
 'use strict';
 
-var chunkXP44I2MU_cjs = require('./chunk-XP44I2MU.cjs');
-var chunkEVUYCLVY_cjs = require('./chunk-EVUYCLVY.cjs');
+var chunkECWTUTEJ_cjs = require('./chunk-ECWTUTEJ.cjs');
+var chunk5E6WNNU4_cjs = require('./chunk-5E6WNNU4.cjs');
 var react = require('react');
+var sonner = require('sonner');
 var stripeJs = require('@stripe/stripe-js');
 var reactStripeJs = require('@stripe/react-stripe-js');
 var jsxRuntime = require('react/jsx-runtime');
@@ -15,7 +16,7 @@ function definePage(definition) {
   return definition;
 }
 function useVariable(id) {
-  const { variableStore } = chunkEVUYCLVY_cjs.useFunnelContext();
+  const { variableStore } = chunk5E6WNNU4_cjs.useFunnelContext();
   const subscribe = react.useCallback(
     (callback) => variableStore.subscribe(callback, { keys: [id] }),
     [variableStore, id]
@@ -32,7 +33,7 @@ function useVariable(id) {
   return [value, setValue];
 }
 function useVariables() {
-  const { variableStore } = chunkEVUYCLVY_cjs.useFunnelContext();
+  const { variableStore } = chunk5E6WNNU4_cjs.useFunnelContext();
   const subscribe = react.useCallback(
     (callback) => variableStore.subscribe(callback),
     [variableStore]
@@ -140,7 +141,7 @@ function toISODateWithFormat(input, format) {
 
 // src/hooks/useUser.ts
 function useUser() {
-  const { variableStore, tracker } = chunkEVUYCLVY_cjs.useFunnelContext();
+  const { variableStore, tracker } = chunk5E6WNNU4_cjs.useFunnelContext();
   const subscribe = react.useCallback(
     (cb) => variableStore.subscribe(cb, { prefix: "user." }),
     [variableStore]
@@ -178,7 +179,7 @@ function useUser() {
   );
 }
 function useUserProperty(field) {
-  const { variableStore } = chunkEVUYCLVY_cjs.useFunnelContext();
+  const { variableStore } = chunk5E6WNNU4_cjs.useFunnelContext();
   const key = `user.${field}`;
   const subscribe = react.useCallback(
     (cb) => variableStore.subscribe(cb, { keys: [key] }),
@@ -196,7 +197,7 @@ function useUserProperty(field) {
   return [value, setValue];
 }
 function useDateOfBirth(format = "MM/DD/YYYY") {
-  const { variableStore } = chunkEVUYCLVY_cjs.useFunnelContext();
+  const { variableStore } = chunk5E6WNNU4_cjs.useFunnelContext();
   const key = "user.dateOfBirth";
   const subscribe = react.useCallback(
     (cb) => variableStore.subscribe(cb, { keys: [key] }),
@@ -214,7 +215,7 @@ function useDateOfBirth(format = "MM/DD/YYYY") {
   return [value, setValue];
 }
 function useQueryParams() {
-  const { variableStore } = chunkEVUYCLVY_cjs.useFunnelContext();
+  const { variableStore } = chunk5E6WNNU4_cjs.useFunnelContext();
   const subscribe = react.useCallback(
     (cb) => variableStore.subscribe(cb, { prefix: "query." }),
     [variableStore]
@@ -235,7 +236,7 @@ function useQueryParams() {
   }, [variables]);
 }
 function useQueryParam(key) {
-  const { variableStore } = chunkEVUYCLVY_cjs.useFunnelContext();
+  const { variableStore } = chunk5E6WNNU4_cjs.useFunnelContext();
   const prefixedKey = `query.${key}`;
   const subscribe = react.useCallback(
     (cb) => variableStore.subscribe(cb, { keys: [prefixedKey] }),
@@ -248,7 +249,7 @@ function useQueryParam(key) {
   return react.useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
 }
 function useData(key) {
-  const { variableStore } = chunkEVUYCLVY_cjs.useFunnelContext();
+  const { variableStore } = chunk5E6WNNU4_cjs.useFunnelContext();
   const prefixedKey = `data.${key}`;
   const subscribe = react.useCallback(
     (cb) => variableStore.subscribe(cb, { keys: [prefixedKey] }),
@@ -301,7 +302,7 @@ function detect24Hour(locale) {
   }
 }
 function useTranslation() {
-  const { i18n } = chunkEVUYCLVY_cjs.useFunnelContext();
+  const { i18n } = chunk5E6WNNU4_cjs.useFunnelContext();
   const subscribe = react.useCallback(
     (cb) => i18n.subscribe(cb),
     [i18n]
@@ -324,7 +325,7 @@ function useTranslation() {
   return { t, locale, setLocale, availableLocales };
 }
 function useProducts() {
-  const { products, variableStore, selectProduct: ctxSelect } = chunkEVUYCLVY_cjs.useFunnelContext();
+  const { products, variableStore, selectProduct: ctxSelect } = chunk5E6WNNU4_cjs.useFunnelContext();
   const subscribe = react.useCallback(
     (cb) => variableStore.subscribe(cb, { keys: ["products.selectedProductId"] }),
     [variableStore]
@@ -341,7 +342,7 @@ function useProducts() {
   return { products, selected, select };
 }
 function useTracking() {
-  const { tracker } = chunkEVUYCLVY_cjs.useFunnelContext();
+  const { tracker } = chunk5E6WNNU4_cjs.useFunnelContext();
   const track = react.useCallback(
     (eventName, data) => {
       tracker.track(eventName, data);
@@ -353,7 +354,8 @@ function useTracking() {
 var API_BASE_URL = "https://api.appfunnel.net";
 var PAYMENT_KEYS = ["payment.loading", "payment.error"];
 function usePayment() {
-  const { variableStore, products, campaignId, tracker } = chunkEVUYCLVY_cjs.useFunnelContext();
+  const { variableStore, products, campaignId, tracker, config } = chunk5E6WNNU4_cjs.useFunnelContext();
+  const showToasts = !config.settings?.disableToasts;
   const subscribe = react.useCallback(
     (cb) => variableStore.subscribe(cb, { keys: PAYMENT_KEYS }),
     [variableStore]
@@ -385,6 +387,7 @@ function usePayment() {
         const msg = "Please complete payment authorization first";
         console.error("[Purchase] Failed:", msg);
         variableStore.set("payment.error", msg);
+        if (showToasts) sonner.toast.error(msg);
         options?.onError?.(msg);
         return false;
       }
@@ -401,6 +404,7 @@ function usePayment() {
         const msg = "Product not found or missing Stripe price";
         console.error("[Purchase] Failed:", msg);
         variableStore.set("payment.error", msg);
+        if (showToasts) sonner.toast.error(msg);
         options?.onError?.(msg);
         return false;
       }
@@ -450,6 +454,7 @@ function usePayment() {
             const msg = "Failed to load payment processor";
             console.error("[Purchase] Failed:", msg);
             variableStore.set("payment.error", msg);
+            if (showToasts) sonner.toast.error(msg);
             options?.onError?.(msg);
             return false;
           }
@@ -466,6 +471,7 @@ function usePayment() {
             const msg = confirmError?.message || "Payment authentication failed";
             console.error("[Purchase] 3DS failed:", msg);
             variableStore.set("payment.error", msg);
+            if (showToasts) sonner.toast.error(msg);
             options?.onError?.(msg);
             return false;
           }
@@ -591,6 +597,7 @@ function usePayment() {
           const msg = result.error || "Purchase failed";
           console.error("[Purchase] Failed:", msg);
           variableStore.set("payment.error", msg);
+          if (showToasts) sonner.toast.error(msg);
           options?.onError?.(msg);
           return false;
         }
@@ -598,6 +605,7 @@ function usePayment() {
         const msg = err instanceof Error ? err.message : "Purchase failed";
         console.error("[Purchase] Exception:", err);
         variableStore.set("payment.error", msg);
+        if (showToasts) sonner.toast.error(msg);
         options?.onError?.(msg);
         return false;
       } finally {
@@ -605,7 +613,7 @@ function usePayment() {
         variableStore.set("payment.loading", false);
       }
     },
-    [variableStore, products, campaignId, tracker]
+    [variableStore, products, campaignId, tracker, showToasts]
   );
   return react.useMemo(
     () => ({
@@ -636,7 +644,7 @@ var DEVICE_KEYS = [
   "browser.language"
 ];
 function useDeviceInfo() {
-  const { variableStore } = chunkEVUYCLVY_cjs.useFunnelContext();
+  const { variableStore } = chunk5E6WNNU4_cjs.useFunnelContext();
   const subscribe = react.useCallback(
     (cb) => variableStore.subscribe(cb, { keys: DEVICE_KEYS }),
     [variableStore]
@@ -770,7 +778,7 @@ var PAGE_KEYS = [
   "page.startedAt"
 ];
 function usePageData() {
-  const { variableStore } = chunkEVUYCLVY_cjs.useFunnelContext();
+  const { variableStore } = chunk5E6WNNU4_cjs.useFunnelContext();
   const subscribe = react.useCallback(
     (cb) => variableStore.subscribe(cb, { keys: PAGE_KEYS }),
     [variableStore]
@@ -792,16 +800,16 @@ function usePageData() {
 
 // src/hooks/useFunnel.ts
 function useFunnel() {
-  const { funnelId, campaignId, tracker } = chunkEVUYCLVY_cjs.useFunnelContext();
+  const { funnelId, campaignId, tracker } = chunk5E6WNNU4_cjs.useFunnelContext();
   return {
     funnelId,
     campaignId,
     sessionId: tracker.getSessionId(),
     variables: useVariables(),
     user: useUser(),
-    responses: chunkXP44I2MU_cjs.useResponses(),
+    responses: chunkECWTUTEJ_cjs.useResponses(),
     queryParams: useQueryParams(),
-    navigation: chunkXP44I2MU_cjs.useNavigation(),
+    navigation: chunkECWTUTEJ_cjs.useNavigation(),
     products: useProducts(),
     tracking: useTracking(),
     payment: usePayment()
@@ -1202,7 +1210,7 @@ var DemoStripePaymentForm = react.forwardRef(
     onReady,
     className
   }, ref) {
-    const { variableStore, tracker, products } = chunkEVUYCLVY_cjs.useFunnelContext();
+    const { variableStore, tracker, products } = chunk5E6WNNU4_cjs.useFunnelContext();
     const validateOnly = mode === "validate-only";
     const product = react.useMemo(() => {
       if (productId) return products.find((p) => p.id === productId) || null;
@@ -1262,7 +1270,8 @@ var InnerPaymentForm = react.forwardRef(
     const stripe = reactStripeJs.useStripe();
     const elements = reactStripeJs.useElements();
     const [error, setError] = react.useState(null);
-    const { variableStore, campaignId, tracker, products } = chunkEVUYCLVY_cjs.useFunnelContext();
+    const { variableStore, campaignId, tracker, products, config } = chunk5E6WNNU4_cjs.useFunnelContext();
+    const showToasts = !config.settings?.disableToasts;
     const readyFired = react.useRef(false);
     react.useEffect(() => {
       if (stripe && elements && !readyFired.current) {
@@ -1290,6 +1299,7 @@ var InnerPaymentForm = react.forwardRef(
           const msg = confirmResult.error.message || "Payment failed";
           setError(msg);
           variableStore.set("payment.error", msg);
+          if (showToasts) sonner.toast.error(msg);
           onError?.(msg);
           return;
         }
@@ -1300,6 +1310,7 @@ var InnerPaymentForm = react.forwardRef(
             const msg = "PaymentIntent not found after confirmation";
             setError(msg);
             variableStore.set("payment.error", msg);
+            if (showToasts) sonner.toast.error(msg);
             onError?.(msg);
             return;
           }
@@ -1320,6 +1331,7 @@ var InnerPaymentForm = react.forwardRef(
             const msg = result2.error || "Card validation failed";
             setError(msg);
             variableStore.set("payment.error", msg);
+            if (showToasts) sonner.toast.error(msg);
             onError?.(msg);
             return;
           }
@@ -1341,6 +1353,7 @@ var InnerPaymentForm = react.forwardRef(
           const msg = "No product selected or missing Stripe price";
           setError(msg);
           variableStore.set("payment.error", msg);
+          if (showToasts) sonner.toast.error(msg);
           onError?.(msg);
           return;
         }
@@ -1372,12 +1385,14 @@ var InnerPaymentForm = react.forwardRef(
           const msg = result.error || "Failed to process payment";
           setError(msg);
           variableStore.set("payment.error", msg);
+          if (showToasts) sonner.toast.error(msg);
           onError?.(msg);
         }
       } catch (err) {
         const msg = err instanceof Error ? err.message : "An error occurred";
         setError(msg);
         variableStore.set("payment.error", msg);
+        if (showToasts) sonner.toast.error(msg);
         onError?.(msg);
       } finally {
         variableStore.set("payment.loading", false);
@@ -1406,7 +1421,8 @@ var RealStripePaymentForm = react.forwardRef(
     appearance,
     layout
   }, ref) {
-    const { campaignId, tracker, variableStore, products, router } = chunkEVUYCLVY_cjs.useFunnelContext();
+    const { campaignId, tracker, variableStore, products, router, config } = chunk5E6WNNU4_cjs.useFunnelContext();
+    const showToasts = !config.settings?.disableToasts;
     const [email] = useVariable("user.email");
     const validateOnly = mode === "validate-only";
     const product = react.useMemo(() => {
@@ -1498,6 +1514,7 @@ var RealStripePaymentForm = react.forwardRef(
           const msg = err instanceof Error ? err.message : "Failed to initialize payment";
           setError(msg);
           variableStore.set("payment.error", msg);
+          if (showToasts) sonner.toast.error(msg);
         } finally {
           setIsLoading(false);
           variableStore.set("payment.loading", false);
@@ -1560,7 +1577,7 @@ function PaddleCheckout({
   onError,
   className
 }) {
-  const { variableStore, tracker, products } = chunkEVUYCLVY_cjs.useFunnelContext();
+  const { variableStore, tracker, products } = chunk5E6WNNU4_cjs.useFunnelContext();
   const containerRef = react.useRef(null);
   const initializedRef = react.useRef(false);
   const product = productId ? products.find((p) => p.id === productId) : products.find((p) => p.id === variableStore.get("products.selectedProductId"));
@@ -1619,23 +1636,27 @@ function PaddleCheckout({
 
 Object.defineProperty(exports, "useNavigation", {
   enumerable: true,
-  get: function () { return chunkXP44I2MU_cjs.useNavigation; }
+  get: function () { return chunkECWTUTEJ_cjs.useNavigation; }
 });
 Object.defineProperty(exports, "useResponse", {
   enumerable: true,
-  get: function () { return chunkXP44I2MU_cjs.useResponse; }
+  get: function () { return chunkECWTUTEJ_cjs.useResponse; }
 });
 Object.defineProperty(exports, "useResponses", {
   enumerable: true,
-  get: function () { return chunkXP44I2MU_cjs.useResponses; }
+  get: function () { return chunkECWTUTEJ_cjs.useResponses; }
 });
 Object.defineProperty(exports, "FunnelProvider", {
   enumerable: true,
-  get: function () { return chunkEVUYCLVY_cjs.FunnelProvider; }
+  get: function () { return chunk5E6WNNU4_cjs.FunnelProvider; }
 });
 Object.defineProperty(exports, "registerIntegration", {
   enumerable: true,
-  get: function () { return chunkEVUYCLVY_cjs.registerIntegration; }
+  get: function () { return chunk5E6WNNU4_cjs.registerIntegration; }
+});
+Object.defineProperty(exports, "toast", {
+  enumerable: true,
+  get: function () { return sonner.toast; }
 });
 exports.PaddleCheckout = PaddleCheckout;
 exports.StripePaymentForm = StripePaymentForm;