@appfunnel-dev/sdk 2.0.0-canary.10 → 2.0.0-canary.12

package/dist/index.cjs

@@ -1,16 +1,34 @@
 'use strict';
 
-var chunkY4YNJ2EX_cjs = require('./chunk-Y4YNJ2EX.cjs');
+var chunk7HDZVHIT_cjs = require('./chunk-7HDZVHIT.cjs');
 var chunkWYUDL4FI_cjs = require('./chunk-WYUDL4FI.cjs');
 var chunk7JLOF6CJ_cjs = require('./chunk-7JLOF6CJ.cjs');
 require('./chunk-EMMSS5I5.cjs');
-var React = require('react');
+var React2 = require('react');
 var ReactDOM = require('react-dom');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var React__default = /*#__PURE__*/_interopDefault(React);
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React2__namespace = /*#__PURE__*/_interopNamespace(React2);
 var ReactDOM__default = /*#__PURE__*/_interopDefault(ReactDOM);
 
 // src/state/variableStore.ts
@@ -337,20 +355,20 @@ function createConsoleTracker(opts = {}) {
     setAcquisition: (acq) => log("acquisition", acq)
   };
 }
-var TrackerContext = React.createContext(null);
+var TrackerContext = React2.createContext(null);
 function TrackerProvider({
   tracker,
   children
 }) {
-  return React.createElement(TrackerContext.Provider, { value: tracker }, children);
+  return React2.createElement(TrackerContext.Provider, { value: tracker }, children);
 }
 function useTrackerRef() {
-  return React.useContext(TrackerContext) ?? FALLBACK;
+  return React2.useContext(TrackerContext) ?? FALLBACK;
 }
 var FALLBACK = createConsoleTracker({ silent: true });
 function useTracker() {
   const tracker = useTrackerRef();
-  const track = React.useCallback(
+  const track = React2.useCallback(
     (event, data, userData) => tracker.track(event, data, userData),
     [tracker]
   );
@@ -496,7 +514,7 @@ function devWarn(message) {
   } catch {
   }
 }
-var LocaleContext = React.createContext(null);
+var LocaleContext = React2.createContext(null);
 function LocaleProvider({
   config,
   catalog = {},
@@ -504,29 +522,29 @@ function LocaleProvider({
   override,
   children
 }) {
-  const [locale, setLocale] = React.useState(() => chunkY4YNJ2EX_cjs.resolveLocale(config, detected, override));
-  React.useEffect(() => {
-    setLocale(chunkY4YNJ2EX_cjs.resolveLocale(config, detected, override));
+  const [locale, setLocale] = React2.useState(() => chunk7HDZVHIT_cjs.resolveLocale(config, detected, override));
+  React2.useEffect(() => {
+    setLocale(chunk7HDZVHIT_cjs.resolveLocale(config, detected, override));
   }, [config, detected, override]);
-  const value = React.useMemo(
+  const value = React2.useMemo(
     () => ({ locale, setLocale, config, catalog }),
     [locale, config, catalog]
   );
-  return React.createElement(LocaleContext.Provider, { value }, children);
+  return React2.createElement(LocaleContext.Provider, { value }, children);
 }
 function useActiveLocale() {
-  return React.useContext(LocaleContext)?.locale ?? "en";
+  return React2.useContext(LocaleContext)?.locale ?? "en";
 }
 function useTranslation() {
-  const ctx = React.useContext(LocaleContext);
+  const ctx = React2.useContext(LocaleContext);
   if (!ctx) throw new Error("useTranslation must be used inside <FunnelProvider>");
   const { locale, setLocale, config, catalog } = ctx;
-  const chain = React.useMemo(() => {
+  const chain = React2.useMemo(() => {
     const def = config?.default;
     const fb = config?.fallback;
     return Array.from(new Set([locale, fb, def].filter(Boolean)));
   }, [locale, config]);
-  const t = React.useMemo(() => {
+  const t = React2.useMemo(() => {
     const fn = ((key, params) => {
       const raw = lookup(catalog, chain, key);
       if (raw === void 0) {
@@ -547,7 +565,7 @@ function useTranslation() {
     };
     return fn;
   }, [catalog, chain, locale]);
-  const fmt = React.useMemo(
+  const fmt = React2.useMemo(
     () => ({
       number: (n, opts) => {
         try {
@@ -578,37 +596,37 @@ function useTranslation() {
     fmt,
     locale,
     setLocale,
-    dir: chunkY4YNJ2EX_cjs.isRtl(locale) ? "rtl" : "ltr",
+    dir: chunk7HDZVHIT_cjs.isRtl(locale) ? "rtl" : "ltr",
     locales: config?.supported ?? [locale]
   };
 }
 
 // src/commerce/catalog.ts
-var CatalogContext = React.createContext(null);
+var CatalogContext = React2.createContext(null);
 function CatalogProvider({
   catalog,
   children
 }) {
-  return React.createElement(CatalogContext.Provider, { value: catalog }, children);
+  return React2.createElement(CatalogContext.Provider, { value: catalog }, children);
 }
 function useCatalog() {
-  return React.useContext(CatalogContext) ?? EMPTY;
+  return React2.useContext(CatalogContext) ?? EMPTY;
 }
 var EMPTY = /* @__PURE__ */ new Map();
 function useOffering(id) {
   const catalog = useCatalog();
   const locale = useActiveLocale();
   const resolved = id ? catalog.get(id) : void 0;
-  return React.useMemo(
-    () => resolved ? chunkY4YNJ2EX_cjs.formatOffering(resolved, locale) : void 0,
+  return React2.useMemo(
+    () => resolved ? chunk7HDZVHIT_cjs.formatOffering(resolved, locale) : void 0,
     [resolved, locale]
   );
 }
 function useOfferings() {
   const catalog = useCatalog();
   const locale = useActiveLocale();
-  return React.useMemo(
-    () => Array.from(catalog.values()).map((r) => chunkY4YNJ2EX_cjs.formatOffering(r, locale)),
+  return React2.useMemo(
+    () => Array.from(catalog.values()).map((r) => chunk7HDZVHIT_cjs.formatOffering(r, locale)),
     [catalog, locale]
   );
 }
@@ -708,16 +726,20 @@ async function captureScreenshot(params = {}) {
 }
 
 // src/flow/flow.tsx
-var NavContext = React.createContext(null);
-var ExperimentContext = React.createContext({});
+var Activity2 = React2__namespace.Activity ?? React2__namespace.unstable_Activity;
+var HIDDEN_CANDIDATE_CAP = 2;
+var NavContext = React2.createContext(null);
+var GroupProgressContext = React2.createContext(null);
+var ExperimentContext = React2.createContext({});
 function useExperiment(id) {
-  return React.useContext(ExperimentContext)[id];
+  return React2.useContext(ExperimentContext)[id];
 }
-function pageContextFor(currentKey, slug, index, total, startedAt) {
+function pageContextFor(currentKey, slug, group, index, total, startedAt) {
   const denom = Math.max(total, index + 1);
   return {
     key: currentKey,
     slug,
+    group,
     index,
     total: denom,
     progressPercentage: denom > 0 ? Math.min(100, Math.round((index + 1) / denom * 100)) : 0,
@@ -726,8 +748,8 @@ function pageContextFor(currentKey, slug, index, total, startedAt) {
 }
 var now = () => typeof performance !== "undefined" ? performance.now() : Date.now();
 function usePageExitTimer(tracker, currentKey) {
-  const timer = React.useRef(null);
-  const emitExit = React.useCallback(() => {
+  const timer = React2.useRef(null);
+  const emitExit = React2.useCallback(() => {
     const t = timer.current;
     if (!t) return;
     const at = now();
@@ -735,7 +757,7 @@ function usePageExitTimer(tracker, currentKey) {
     const durationMs = Math.round(at - t.enteredAt);
     tracker.track("page.exit", { pageId: t.key, durationMs, activeMs: Math.max(0, Math.round(durationMs - hidden)) });
   }, [tracker]);
-  React.useEffect(() => {
+  React2.useEffect(() => {
     if (typeof document === "undefined") return;
     const onVis = () => {
       const t = timer.current;
@@ -749,13 +771,13 @@ function usePageExitTimer(tracker, currentKey) {
     document.addEventListener("visibilitychange", onVis);
     return () => document.removeEventListener("visibilitychange", onVis);
   }, []);
-  React.useEffect(() => {
+  React2.useEffect(() => {
     if (!currentKey) return;
     if (timer.current && timer.current.key !== currentKey) emitExit();
     const hidden = typeof document !== "undefined" && document.visibilityState === "hidden";
     timer.current = { key: currentKey, enteredAt: now(), hidden: 0, hiddenSince: hidden ? now() : null };
   }, [currentKey, emitExit]);
-  React.useEffect(() => () => emitExit(), [emitExit]);
+  React2.useEffect(() => () => emitExit(), [emitExit]);
 }
 function FunnelView({
   pages,
@@ -768,38 +790,38 @@ function FunnelView({
 }) {
   const funnel = useFunnel();
   const tracker = useTrackerRef();
-  const components = React.useMemo(() => {
+  const components = React2.useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     for (const p of pages) {
       if (p.Component) map.set(p.key, p.Component);
       else if (p.load) {
         const load = p.load;
-        map.set(p.key, React.lazy(() => Promise.resolve(load()).then(
+        map.set(p.key, React2.lazy(() => Promise.resolve(load()).then(
           (m) => typeof m === "function" ? { default: m } : m
         )));
       }
     }
     return map;
   }, [pages]);
-  const loaders = React.useMemo(
+  const loaders = React2.useMemo(
     () => new Map(pages.filter((p) => p.load).map((p) => [p.key, p.load])),
     [pages]
   );
-  const seedRef = React.useRef(null);
-  if (seedRef.current === null) seedRef.current = chunkY4YNJ2EX_cjs.bucketingSeed(funnel.context);
+  const seedRef = React2.useRef(null);
+  if (seedRef.current === null) seedRef.current = chunk7HDZVHIT_cjs.bucketingSeed(funnel.context);
   const seed = seedRef.current;
-  const experiments = React.useMemo(
-    () => chunkY4YNJ2EX_cjs.resolveExperiments(pages, funnel.experiments, seed),
+  const experiments = React2.useMemo(
+    () => chunk7HDZVHIT_cjs.resolveExperiments(pages, funnel.experiments, seed),
     [pages, funnel.experiments, seed]
   );
-  const toSlot = React.useCallback((k) => experiments.slotOf[k] ?? k, [experiments]);
-  const toRenderKey = React.useCallback((k) => experiments.render[k] ?? k, [experiments]);
-  const pageByKey = React.useMemo(() => new Map(pages.map((p) => [p.key, p])), [pages]);
-  const flowPages = React.useMemo(
+  const toSlot = React2.useCallback((k) => experiments.slotOf[k] ?? k, [experiments]);
+  const toRenderKey = React2.useCallback((k) => experiments.render[k] ?? k, [experiments]);
+  const pageByKey = React2.useMemo(() => new Map(pages.map((p) => [p.key, p])), [pages]);
+  const flowPages = React2.useMemo(
     () => experiments.activeKeys.map((k) => pageByKey.get(k)).filter((p) => p !== void 0),
     [experiments, pageByKey]
   );
-  const flow = React.useMemo(
+  const flow = React2.useMemo(
     () => flowPages.map((p) => {
       const servedVariant = experiments.render[p.key];
       const variantNext = servedVariant ? pageByKey.get(servedVariant)?.meta?.next : void 0;
@@ -807,87 +829,106 @@ function FunnelView({
     }),
     [flowPages, experiments, pageByKey]
   );
-  const [history, setHistory] = React.useState(() => {
+  const [history, setHistory] = React2.useState(() => {
     const start = flowPages[0]?.key;
     if (!initialKey || initialKey === start) return start ? [start] : [];
     const target = toSlot(initialKey);
     const page2 = flowPages.find((p) => p.key === target);
     if (trustInitialKey) return page2 ? [target] : start ? [start] : [];
-    const guard = chunkY4YNJ2EX_cjs.entryGuard(page2?.meta);
-    const ok = page2 && (!guard || chunkY4YNJ2EX_cjs.evaluateGate(guard, funnel.snapshot()));
+    const guard = chunk7HDZVHIT_cjs.entryGuard(page2?.meta);
+    const ok = page2 && (!guard || chunk7HDZVHIT_cjs.evaluateGate(guard, funnel.snapshot()));
     const first = ok ? target : start;
     return first ? [first] : [];
   });
   const currentKey = history[history.length - 1];
   const index = history.length - 1;
   const startKey = history[0];
-  const total = React.useMemo(
-    () => chunkY4YNJ2EX_cjs.expectedPathLength(flow, startKey, funnel.snapshot()),
+  const total = React2.useMemo(
+    () => chunk7HDZVHIT_cjs.expectedPathLength(flow, startKey, funnel.snapshot()),
     // currentKey in deps: re-trace as each step's answers settle the branch.
     [flow, startKey, currentKey, funnel]
   );
   const slug = pageByKey.get(currentKey)?.meta?.slug ?? currentKey;
-  const page = React.useMemo(
-    () => pageContextFor(currentKey, slug, index, total, funnel.context.system.now),
-    [currentKey, slug, index, total, funnel.context.system.now]
+  const group = pageByKey.get(currentKey)?.meta?.group;
+  const page = React2.useMemo(
+    () => pageContextFor(currentKey, slug, group, index, total, funnel.context.system.now),
+    [currentKey, slug, group, index, total, funnel.context.system.now]
+  );
+  const groups = React2.useMemo(
+    () => chunk7HDZVHIT_cjs.groupProgress(flow, startKey, currentKey, funnel.snapshot()),
+    // currentKey in deps: re-trace as each step's answers settle the branch.
+    [flow, startKey, currentKey, funnel]
   );
-  React.useEffect(() => {
+  React2.useEffect(() => {
     funnel.context.page = page;
   }, [funnel, page]);
-  const started = React.useRef(false);
-  React.useEffect(() => {
+  const started = React2.useRef(false);
+  React2.useEffect(() => {
     if (started.current) return;
     started.current = true;
     tracker.track("funnel.start", {});
   }, [tracker]);
-  React.useEffect(() => {
+  React2.useEffect(() => {
     if (!currentKey) return;
     tracker.track("page.view", { pageId: currentKey, pageKey: currentKey, isInitial: index === 0, eventId: newEventId() });
   }, [tracker, currentKey, index]);
-  React.useEffect(() => {
+  React2.useEffect(() => {
     if (currentKey && onNavigate) onNavigate(currentKey, slug);
   }, [onNavigate, currentKey, slug]);
-  const exposed = React.useRef(/* @__PURE__ */ new Set());
-  React.useEffect(() => {
+  const exposed = React2.useRef(/* @__PURE__ */ new Set());
+  React2.useEffect(() => {
     const expId = experiments.experimentOf[currentKey];
     if (!expId || exposed.current.has(expId)) return;
     exposed.current.add(expId);
     tracker.track("experiment.exposure", exposurePayload(expId, experiments.assignments[expId], experiments.versionOf[expId]));
   }, [tracker, currentKey, experiments]);
   usePageExitTimer(tracker, currentKey);
-  const [isNavigating, startNav] = React.useTransition();
-  const next = React.useCallback(() => {
-    const target = chunkY4YNJ2EX_cjs.nextPage(flow, currentKey, funnel.snapshot());
+  const [isNavigating, startNav] = React2.useTransition();
+  const next = React2.useCallback(() => {
+    const target = chunk7HDZVHIT_cjs.nextPage(flow, currentKey, funnel.snapshot());
     const resolved = target ? toSlot(target) : target;
     if (resolved) startNav(() => setHistory((h) => [...h, resolved]));
   }, [flow, currentKey, funnel, toSlot]);
-  const back = React.useCallback(
+  const back = React2.useCallback(
     () => startNav(() => setHistory((h) => h.length > 1 ? h.slice(0, -1) : h)),
     []
   );
-  const go = React.useCallback(
+  const go = React2.useCallback(
     (key) => startNav(() => setHistory((h) => [...h, toSlot(key)])),
     [toSlot]
   );
-  const prefetched = React.useRef(/* @__PURE__ */ new Set());
-  const prefetch = React.useCallback(
+  const [loadedComps, setLoadedComps] = React2.useState(() => /* @__PURE__ */ new Map());
+  const prefetched = React2.useRef(/* @__PURE__ */ new Set());
+  const prefetch = React2.useCallback(
     (key) => {
       const target = toRenderKey(key);
       const load = loaders.get(target);
       if (!load || prefetched.current.has(target)) return;
       prefetched.current.add(target);
-      load().catch(() => prefetched.current.delete(target));
+      load().then((m) => {
+        const Comp = typeof m === "function" ? m : m.default;
+        setLoadedComps((prev) => prev.has(target) ? prev : new Map(prev).set(target, Comp));
+      }).catch(() => prefetched.current.delete(target));
     },
     [loaders, toRenderKey]
   );
-  const nextCandidates = React.useMemo(
-    () => [...new Set(chunkY4YNJ2EX_cjs.outgoingKeys(flow, currentKey).map(toRenderKey))],
+  const nextCandidates = React2.useMemo(
+    () => [...new Set(chunk7HDZVHIT_cjs.outgoingKeys(flow, currentKey).map(toRenderKey))],
     [flow, currentKey, toRenderKey]
   );
-  React.useEffect(() => {
+  React2.useEffect(() => {
     if (prefetchMode !== "auto") return;
     for (const key of nextCandidates) prefetch(key);
   }, [prefetchMode, nextCandidates, prefetch]);
+  React2.useEffect(() => {
+    if (prefetchMode !== "off") return;
+    for (const key of nextCandidates) prefetch(key);
+  }, [prefetchMode, nextCandidates, prefetch]);
+  const [preMountReady, setPreMountReady] = React2.useState(false);
+  React2.useEffect(() => {
+    const saveData = typeof navigator !== "undefined" && navigator.connection?.saveData === true;
+    if (!saveData) setPreMountReady(true);
+  }, []);
   const value = {
     page,
     next,
@@ -899,9 +940,9 @@ function FunnelView({
     isNavigating
   };
   const bus = useBusInternal();
-  const navRef = React.useRef(value);
+  const navRef = React2.useRef(value);
   navRef.current = value;
-  React.useEffect(() => {
+  React2.useEffect(() => {
     if (!bus) return;
     const control = {
       goTo: (key) => {
@@ -925,7 +966,7 @@ function FunnelView({
     };
     return bus.registerNavigation(control);
   }, [bus]);
-  React.useEffect(() => {
+  React2.useEffect(() => {
     const v = navRef.current;
     bus?.emit("navigation", {
       key: v.page.key,
@@ -938,16 +979,26 @@ function FunnelView({
   }, [bus, currentKey]);
   const renderKey = toRenderKey(currentKey);
   const Current = components.get(renderKey);
-  const pageEl = React.createElement(React.Suspense, { fallback: fallback ?? null }, Current ? React.createElement(Current) : null);
-  const content = layout ? React.createElement(layout, null, pageEl) : pageEl;
-  return React.createElement(
+  const pageEl = React2.createElement(React2.Suspense, { fallback: fallback ?? null }, Current ? React2.createElement(Current) : null);
+  const visible = layout ? React2.createElement(layout, null, pageEl) : pageEl;
+  const hiddenKeys = preMountReady && Activity2 ? nextCandidates.filter((k) => k !== renderKey && (pageByKey.get(k)?.Component !== void 0 || loadedComps.has(k))).slice(0, HIDDEN_CANDIDATE_CAP) : [];
+  const hiddenEls = hiddenKeys.map((k) => {
+    const C = pageByKey.get(k)?.Component ?? loadedComps.get(k);
+    return C ? React2.createElement(Activity2, { key: k, mode: "hidden" }, React2.createElement(C)) : null;
+  });
+  const content = hiddenEls.length > 0 ? React2.createElement(React2.Fragment, null, visible, ...hiddenEls) : visible;
+  return React2.createElement(
     ExperimentContext.Provider,
     { value: experiments.assignments },
-    React.createElement(NavContext.Provider, { value }, content)
+    React2.createElement(
+      NavContext.Provider,
+      { value },
+      React2.createElement(GroupProgressContext.Provider, { value: groups }, content)
+    )
   );
 }
 function useNavigation() {
-  const ctx = React.useContext(NavContext);
+  const ctx = React2.useContext(NavContext);
   if (!ctx) throw new Error("useNavigation must be used inside <FunnelView>");
   return ctx;
 }
@@ -957,7 +1008,7 @@ var EMBED_CAPABILITIES = {
 };
 function EmbedBridge() {
   const bus = useBusInternal();
-  React.useEffect(() => {
+  React2.useEffect(() => {
     if (!bus || typeof window === "undefined" || window.parent === window) return;
     const parent = window.parent;
     let disposed = false;
@@ -1029,11 +1080,16 @@ function EmbedBridge() {
 function usePage() {
   return useNavigation().page;
 }
+function useGroupProgress() {
+  const ctx = React2.useContext(GroupProgressContext);
+  if (!ctx) throw new Error("useGroupProgress must be used inside <FunnelView>");
+  return ctx;
+}
 var symModalId = /* @__PURE__ */ Symbol("AppfunnelModalId");
 var initialState = {};
-var ModalStateContext = React.createContext(initialState);
-var ModalIdContext = React.createContext(null);
-var ModalDispatchContext = React.createContext(null);
+var ModalStateContext = React2.createContext(initialState);
+var ModalIdContext = React2.createContext(null);
+var ModalDispatchContext = React2.createContext(null);
 var REGISTRY = {};
 var ALREADY_MOUNTED = {};
 var modalCallbacks = {};
@@ -1140,48 +1196,48 @@ function setFlags(d, id, flags) {
   d({ type: "set-flags", payload: { modalId: id, flags } });
 }
 function useModal(modal, args) {
-  const modals = React.useContext(ModalStateContext);
-  const contextId = React.useContext(ModalIdContext);
-  const d = React.useContext(ModalDispatchContext) ?? dispatch;
+  const modals = React2.useContext(ModalStateContext);
+  const contextId = React2.useContext(ModalIdContext);
+  const d = React2.useContext(ModalDispatchContext) ?? dispatch;
   const isComponent = !!modal && typeof modal !== "string";
   const id = modal ? idOf(modal) : contextId;
   if (!id)
     throw new Error(
       "useModal: no modal id (call inside a defineModal component, or pass an id/component)."
     );
-  React.useEffect(() => {
+  React2.useEffect(() => {
     if (isComponent && !REGISTRY[id])
       registerModal(id, modal, args);
   }, [isComponent, id, modal, args]);
   const info = modals[id];
-  const show = React.useCallback(
+  const show = React2.useCallback(
     (a) => showModalVia(d, id, a),
     [d, id]
   );
-  const hide = React.useCallback(() => hideModalVia(d, id), [d, id]);
-  const remove = React.useCallback(() => removeModalVia(d, id), [d, id]);
-  const resolve = React.useCallback(
+  const hide = React2.useCallback(() => hideModalVia(d, id), [d, id]);
+  const remove = React2.useCallback(() => removeModalVia(d, id), [d, id]);
+  const resolve = React2.useCallback(
     (v) => {
       modalCallbacks[id]?.resolve(v);
       delete modalCallbacks[id];
     },
     [id]
   );
-  const reject = React.useCallback(
+  const reject = React2.useCallback(
     (v) => {
       modalCallbacks[id]?.reject(v);
       delete modalCallbacks[id];
     },
     [id]
   );
-  const resolveHide = React.useCallback(
+  const resolveHide = React2.useCallback(
     (v) => {
       hideCallbacks[id]?.resolve(v);
       delete hideCallbacks[id];
     },
     [id]
   );
-  return React.useMemo(
+  return React2.useMemo(
     () => ({
       id,
       args: info?.args,
@@ -1216,45 +1272,45 @@ function defineModal(Comp) {
     ...props
   }) {
     const { args, show } = useModal(id);
-    const modals = React.useContext(ModalStateContext);
-    const d = React.useContext(ModalDispatchContext) ?? dispatch;
+    const modals = React2.useContext(ModalStateContext);
+    const d = React2.useContext(ModalDispatchContext) ?? dispatch;
     const shouldMount = !!modals[id];
-    React.useEffect(() => {
+    React2.useEffect(() => {
       if (defaultVisible) show();
       ALREADY_MOUNTED[id] = true;
       return () => {
         delete ALREADY_MOUNTED[id];
       };
     }, [id, show, defaultVisible]);
-    React.useEffect(() => {
+    React2.useEffect(() => {
       if (keepMounted) setFlags(d, id, { keepMounted: true });
     }, [d, id, keepMounted]);
     const delayVisible = modals[id]?.delayVisible;
-    React.useEffect(() => {
+    React2.useEffect(() => {
       if (delayVisible) show(args);
     }, [delayVisible, args, show]);
     if (!shouldMount) return null;
-    return React.createElement(
+    return React2.createElement(
       ModalIdContext.Provider,
       { value: id },
-      React.createElement(Comp, { ...props, ...args })
+      React2.createElement(Comp, { ...props, ...args })
     );
   };
 }
 function ModalRoot() {
-  const modals = React.useContext(ModalStateContext);
+  const modals = React2.useContext(ModalStateContext);
   const toRender = Object.keys(modals).filter((id) => REGISTRY[id]).map((id) => ({ id, ...REGISTRY[id] }));
-  return React.createElement(
+  return React2.createElement(
     "div",
     { "data-appfunnel-modal-root": "" },
     ...toRender.map(
-      (t) => React.createElement(t.comp, { key: t.id, id: t.id, ...t.props })
+      (t) => React2.createElement(t.comp, { key: t.id, id: t.id, ...t.props })
     )
   );
 }
 function ModalRuntime({ children }) {
-  const [state, localDispatch] = React.useReducer(modalReducer, initialState);
-  React.useEffect(() => {
+  const [state, localDispatch] = React2.useReducer(modalReducer, initialState);
+  React2.useEffect(() => {
     runtimeStack.push(localDispatch);
     if (runtimeStack.length > 1) {
       try {
@@ -1269,14 +1325,14 @@ function ModalRuntime({ children }) {
       if (i !== -1) runtimeStack.splice(i, 1);
     };
   }, []);
-  return React.createElement(
+  return React2.createElement(
     ModalDispatchContext.Provider,
     { value: localDispatch },
-    React.createElement(
+    React2.createElement(
       ModalStateContext.Provider,
       { value: state },
       children,
-      React.createElement(ModalRoot, null)
+      React2.createElement(ModalRoot, null)
     )
   );
 }
@@ -1304,7 +1360,7 @@ function OverlayShell({
   panel,
   children
 }) {
-  React.useEffect(() => {
+  React2.useEffect(() => {
     if (!open || typeof document === "undefined") return;
     const onKey = (e) => {
       if (e.key === "Escape") onClose();
@@ -1318,7 +1374,7 @@ function OverlayShell({
     };
   }, [open, onClose]);
   if (!open || typeof document === "undefined") return null;
-  const overlay = React.createElement(
+  const overlay = React2.createElement(
     "div",
     {
       role: "dialog",
@@ -1327,13 +1383,13 @@ function OverlayShell({
       "data-appfunnel-overlay": "",
       style: { position: "fixed", inset: 0, zIndex: 1e3, display: "flex", ...container }
     },
-    React.createElement("div", {
+    React2.createElement("div", {
       "data-appfunnel-overlay-backdrop": "",
       className: backdropClassName,
       onClick: dismissOnBackdrop ? onClose : void 0,
       style: { position: "absolute", inset: 0, background: "rgba(0,0,0,0.5)" }
     }),
-    React.createElement(
+    React2.createElement(
       "div",
       { "data-appfunnel-overlay-panel": "", className, style: { position: "relative", background: "#fff", ...panel } },
       children
@@ -1350,7 +1406,7 @@ var SHEET_LAYOUT = {
 function Sheet(props) {
   const control = useModalControl();
   const layout = SHEET_LAYOUT[props.side ?? "bottom"];
-  return React.createElement(OverlayShell, {
+  return React2.createElement(OverlayShell, {
     ...control,
     className: props.className,
     backdropClassName: props.backdropClassName,
@@ -1363,7 +1419,7 @@ function Sheet(props) {
 }
 function Modal(props) {
   const control = useModalControl();
-  return React.createElement(OverlayShell, {
+  return React2.createElement(OverlayShell, {
     ...control,
     className: props.className,
     backdropClassName: props.backdropClassName,
@@ -1393,7 +1449,7 @@ function createMockDriver(provider = "stripe", options = {}) {
         return Promise.resolve({ ok: false, error: offError });
       return Promise.resolve(success);
     },
-    renderInline: (req, cb) => React.createElement(
+    renderInline: (req, cb) => React2.createElement(
       "button",
       {
         type: "button",
@@ -1431,15 +1487,15 @@ function driverWithCatalog(driver, catalog) {
     renderInline: driver.renderInline ? (req, cb) => driver.renderInline(enrich(req), cb) : void 0
   };
 }
-var DriverContext = React.createContext(null);
+var DriverContext = React2.createContext(null);
 function CheckoutDriverProvider({
   driver,
   children
 }) {
-  return React.createElement(DriverContext.Provider, { value: driver }, children);
+  return React2.createElement(DriverContext.Provider, { value: driver }, children);
 }
 function useDriver() {
-  return React.useContext(DriverContext) ?? FALLBACK_DRIVER;
+  return React2.useContext(DriverContext) ?? FALLBACK_DRIVER;
 }
 var FALLBACK_DRIVER = createMockDriver();
 function useCheckout(opts = {}) {
@@ -1447,12 +1503,12 @@ function useCheckout(opts = {}) {
   const tracker = useTrackerRef();
   const catalog = useCatalog();
   const nav = useNavigation();
-  const [status, setStatus] = React.useState("idle");
-  const [error, setError] = React.useState(null);
+  const [status, setStatus] = React2.useState("idle");
+  const [error, setError] = React2.useState(null);
   const intent = opts.intent ?? "purchase";
   const kind = opts.kind;
   const advance = opts.advanceOnSuccess ?? true;
-  const productFacts = React.useCallback(
+  const productFacts = React2.useCallback(
     (product) => {
       const resolved = product ? catalog.get(product) : void 0;
       return {
@@ -1464,13 +1520,13 @@ function useCheckout(opts = {}) {
     },
     [catalog, kind]
   );
-  const recovering = React.useRef(false);
-  const failRef = React.useRef(
+  const recovering = React2.useRef(false);
+  const failRef = React2.useRef(
     () => {
     }
   );
-  const attemptRef = React.useRef(async () => ({ ok: false }));
-  const succeed = React.useCallback(
+  const attemptRef = React2.useRef(async () => ({ ok: false }));
+  const succeed = React2.useCallback(
     (result, product) => {
       setStatus("success");
       const { productId, isSubscription } = productFacts(product);
@@ -1495,9 +1551,9 @@ function useCheckout(opts = {}) {
     },
     [tracker, nav, advance, opts, productFacts]
   );
-  const succeedRef = React.useRef(succeed);
+  const succeedRef = React2.useRef(succeed);
   succeedRef.current = succeed;
-  const begin = React.useCallback(
+  const begin = React2.useCallback(
     (product, surface) => {
       setStatus("loading");
       setError(null);
@@ -1512,7 +1568,7 @@ function useCheckout(opts = {}) {
     },
     [tracker, productFacts]
   );
-  const paymentAdded = React.useCallback(
+  const paymentAdded = React2.useCallback(
     (product) => {
       const { productId, amount, currency } = productFacts(product);
       tracker.track("checkout.payment_added", {
@@ -1622,14 +1678,14 @@ function useCheckout(opts = {}) {
       return { ok: false, error: err };
     }
   };
-  const open = React.useCallback(
+  const open = React2.useCallback(
     async (product, surface) => {
       recovering.current = false;
       return attemptRef.current(product, surface);
     },
     []
   );
-  const callbacksFor = React.useCallback(
+  const callbacksFor = React2.useCallback(
     (product, surface) => ({
       onStart: () => {
         recovering.current = false;
@@ -1641,7 +1697,7 @@ function useCheckout(opts = {}) {
     }),
     [begin, paymentAdded]
   );
-  const reset = React.useCallback(() => {
+  const reset = React2.useCallback(() => {
     recovering.current = false;
     setStatus("idle");
     setError(null);
@@ -1658,11 +1714,11 @@ function useCheckout(opts = {}) {
 var CheckoutSheet = defineModal(({ product, surface, intent, kind, onSuccess, onError, onPaymentAdded }) => {
   const driver = useDriver();
   const modal = useModal();
-  const resolved = React.useRef(false);
-  const onErrorRef = React.useRef(onError);
+  const resolved = React2.useRef(false);
+  const onErrorRef = React2.useRef(onError);
   onErrorRef.current = onError;
   const hostable = !!driver.renderInline;
-  React.useEffect(() => {
+  React2.useEffect(() => {
     if (!hostable) {
       resolved.current = true;
       onErrorRef.current(
@@ -1692,7 +1748,7 @@ var CheckoutSheet = defineModal(({ product, surface, intent, kind, onSuccess, on
     void modal.hide();
     modal.remove();
   };
-  return React.createElement(Sheet, {
+  return React2.createElement(Sheet, {
     children: driver.renderInline(
       { product, intent, surface, kind },
       {
@@ -1715,11 +1771,11 @@ function trigger(onClick, {
   className,
   disabled
 }) {
-  if (asChild && React.isValidElement(children)) {
+  if (asChild && React2.isValidElement(children)) {
     const child = children;
-    return React.cloneElement(child, { onClick });
+    return React2.cloneElement(child, { onClick });
   }
-  return React.createElement(
+  return React2.createElement(
     "button",
     { type: "button", className, disabled, onClick },
     children ?? "Continue"
@@ -1747,13 +1803,13 @@ function Checkout({
 }) {
   const product = offering;
   const driver = useDriver();
-  const [surface] = React.useState(
+  const [surface] = React2.useState(
     () => chunk7JLOF6CJ_cjs.resolveSurface(driver.provider, surfacePreference, detectDeviceClass())
   );
   const checkout = useCheckout(options);
   const intent = options.intent ?? "purchase";
   if (chunk7JLOF6CJ_cjs.isInlineSurface(surface)) {
-    return driver.renderInline ? React.createElement(
+    return driver.renderInline ? React2.createElement(
       "div",
       { key: product, className },
       driver.renderInline(
@@ -1818,9 +1874,9 @@ var consumedResumes = /* @__PURE__ */ new Set();
 function CheckoutResume(options = {}) {
   const driver = useDriver();
   const checkout = useCheckout(options);
-  const callbacksRef = React.useRef(checkout.callbacksFor);
+  const callbacksRef = React2.useRef(checkout.callbacksFor);
   callbacksRef.current = checkout.callbacksFor;
-  React.useEffect(() => {
+  React2.useEffect(() => {
     if (typeof window === "undefined" || !driver.resume) return;
     const url = new URL(window.location.href);
     const correlationId = url.searchParams.get("af_checkout");
@@ -1872,64 +1928,64 @@ var getAsset = (type) => {
 };
 var bars = Array(12).fill(0);
 var Loader = ({ visible, className }) => {
-  return /* @__PURE__ */ React__default.default.createElement("div", {
+  return /* @__PURE__ */ React2__namespace.default.createElement("div", {
     className: [
       "sonner-loading-wrapper",
       className
     ].filter(Boolean).join(" "),
     "data-visible": visible
-  }, /* @__PURE__ */ React__default.default.createElement("div", {
+  }, /* @__PURE__ */ React2__namespace.default.createElement("div", {
     className: "sonner-spinner"
-  }, bars.map((_, i) => /* @__PURE__ */ React__default.default.createElement("div", {
+  }, bars.map((_, i) => /* @__PURE__ */ React2__namespace.default.createElement("div", {
     className: "sonner-loading-bar",
     key: `spinner-bar-${i}`
   }))));
 };
-var SuccessIcon = /* @__PURE__ */ React__default.default.createElement("svg", {
+var SuccessIcon = /* @__PURE__ */ React2__namespace.default.createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 20 20",
   fill: "currentColor",
   height: "20",
   width: "20"
-}, /* @__PURE__ */ React__default.default.createElement("path", {
+}, /* @__PURE__ */ React2__namespace.default.createElement("path", {
   fillRule: "evenodd",
   d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z",
   clipRule: "evenodd"
 }));
-var WarningIcon = /* @__PURE__ */ React__default.default.createElement("svg", {
+var WarningIcon = /* @__PURE__ */ React2__namespace.default.createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "currentColor",
   height: "20",
   width: "20"
-}, /* @__PURE__ */ React__default.default.createElement("path", {
+}, /* @__PURE__ */ React2__namespace.default.createElement("path", {
   fillRule: "evenodd",
   d: "M9.401 3.003c1.155-2 4.043-2 5.197 0l7.355 12.748c1.154 2-.29 4.5-2.599 4.5H4.645c-2.309 0-3.752-2.5-2.598-4.5L9.4 3.003zM12 8.25a.75.75 0 01.75.75v3.75a.75.75 0 01-1.5 0V9a.75.75 0 01.75-.75zm0 8.25a.75.75 0 100-1.5.75.75 0 000 1.5z",
   clipRule: "evenodd"
 }));
-var InfoIcon = /* @__PURE__ */ React__default.default.createElement("svg", {
+var InfoIcon = /* @__PURE__ */ React2__namespace.default.createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 20 20",
   fill: "currentColor",
   height: "20",
   width: "20"
-}, /* @__PURE__ */ React__default.default.createElement("path", {
+}, /* @__PURE__ */ React2__namespace.default.createElement("path", {
   fillRule: "evenodd",
   d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a.75.75 0 000 1.5h.253a.25.25 0 01.244.304l-.459 2.066A1.75 1.75 0 0010.747 15H11a.75.75 0 000-1.5h-.253a.25.25 0 01-.244-.304l.459-2.066A1.75 1.75 0 009.253 9H9z",
   clipRule: "evenodd"
 }));
-var ErrorIcon = /* @__PURE__ */ React__default.default.createElement("svg", {
+var ErrorIcon = /* @__PURE__ */ React2__namespace.default.createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 20 20",
   fill: "currentColor",
   height: "20",
   width: "20"
-}, /* @__PURE__ */ React__default.default.createElement("path", {
+}, /* @__PURE__ */ React2__namespace.default.createElement("path", {
   fillRule: "evenodd",
   d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-5a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0110 5zm0 10a1 1 0 100-2 1 1 0 000 2z",
   clipRule: "evenodd"
 }));
-var CloseIcon = /* @__PURE__ */ React__default.default.createElement("svg", {
+var CloseIcon = /* @__PURE__ */ React2__namespace.default.createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   width: "12",
   height: "12",
@@ -1939,20 +1995,20 @@ var CloseIcon = /* @__PURE__ */ React__default.default.createElement("svg", {
   strokeWidth: "1.5",
   strokeLinecap: "round",
   strokeLinejoin: "round"
-}, /* @__PURE__ */ React__default.default.createElement("line", {
+}, /* @__PURE__ */ React2__namespace.default.createElement("line", {
   x1: "18",
   y1: "6",
   x2: "6",
   y2: "18"
-}), /* @__PURE__ */ React__default.default.createElement("line", {
+}), /* @__PURE__ */ React2__namespace.default.createElement("line", {
   x1: "6",
   y1: "6",
   x2: "18",
   y2: "18"
 }));
 var useIsDocumentHidden = () => {
-  const [isDocumentHidden, setIsDocumentHidden] = React__default.default.useState(document.hidden);
-  React__default.default.useEffect(() => {
+  const [isDocumentHidden, setIsDocumentHidden] = React2__namespace.default.useState(document.hidden);
+  React2__namespace.default.useEffect(() => {
     const callback = () => {
       setIsDocumentHidden(document.hidden);
     };
@@ -2101,7 +2157,7 @@ var Observer = class {
           "resolve",
           response
         ];
-        const isReactElementResponse = React__default.default.isValidElement(response);
+        const isReactElementResponse = React2__namespace.default.isValidElement(response);
         if (isReactElementResponse) {
           shouldDismiss = false;
           this.create({
@@ -2113,7 +2169,7 @@ var Observer = class {
           shouldDismiss = false;
           const promiseData = typeof data.error === "function" ? await data.error(`HTTP error! status: ${response.status}`) : data.error;
           const description = typeof data.description === "function" ? await data.description(`HTTP error! status: ${response.status}`) : data.description;
-          const isExtendedResult = typeof promiseData === "object" && !React__default.default.isValidElement(promiseData);
+          const isExtendedResult = typeof promiseData === "object" && !React2__namespace.default.isValidElement(promiseData);
           const toastSettings = isExtendedResult ? promiseData : {
             message: promiseData
           };
@@ -2127,7 +2183,7 @@ var Observer = class {
           shouldDismiss = false;
           const promiseData = typeof data.error === "function" ? await data.error(response) : data.error;
           const description = typeof data.description === "function" ? await data.description(response) : data.description;
-          const isExtendedResult = typeof promiseData === "object" && !React__default.default.isValidElement(promiseData);
+          const isExtendedResult = typeof promiseData === "object" && !React2__namespace.default.isValidElement(promiseData);
           const toastSettings = isExtendedResult ? promiseData : {
             message: promiseData
           };
@@ -2141,7 +2197,7 @@ var Observer = class {
           shouldDismiss = false;
           const promiseData = typeof data.success === "function" ? await data.success(response) : data.success;
           const description = typeof data.description === "function" ? await data.description(response) : data.description;
-          const isExtendedResult = typeof promiseData === "object" && !React__default.default.isValidElement(promiseData);
+          const isExtendedResult = typeof promiseData === "object" && !React2__namespace.default.isValidElement(promiseData);
           const toastSettings = isExtendedResult ? promiseData : {
             message: promiseData
           };
@@ -2161,7 +2217,7 @@ var Observer = class {
           shouldDismiss = false;
           const promiseData = typeof data.error === "function" ? await data.error(error) : data.error;
           const description = typeof data.description === "function" ? await data.description(error) : data.description;
-          const isExtendedResult = typeof promiseData === "object" && !React__default.default.isValidElement(promiseData);
+          const isExtendedResult = typeof promiseData === "object" && !React2__namespace.default.isValidElement(promiseData);
           const toastSettings = isExtendedResult ? promiseData : {
             message: promiseData
           };
@@ -2266,45 +2322,45 @@ function getDefaultSwipeDirections(position) {
 var Toast = (props) => {
   var _toast_classNames, _toast_classNames1, _toast_classNames2, _toast_classNames3, _toast_classNames4, _toast_classNames5, _toast_classNames6, _toast_classNames7, _toast_classNames8;
   const { invert: ToasterInvert, toast: toast2, unstyled, interacting, setHeights, visibleToasts, heights, index, toasts, expanded, removeToast, defaultRichColors, closeButton: closeButtonFromToaster, style, cancelButtonStyle, actionButtonStyle, className = "", descriptionClassName = "", duration: durationFromToaster, position, gap, expandByDefault, classNames, icons, closeButtonAriaLabel = "Close toast" } = props;
-  const [swipeDirection, setSwipeDirection] = React__default.default.useState(null);
-  const [swipeOutDirection, setSwipeOutDirection] = React__default.default.useState(null);
-  const [mounted, setMounted] = React__default.default.useState(false);
-  const [removed, setRemoved] = React__default.default.useState(false);
-  const [swiping, setSwiping] = React__default.default.useState(false);
-  const [swipeOut, setSwipeOut] = React__default.default.useState(false);
-  const [isSwiped, setIsSwiped] = React__default.default.useState(false);
-  const [offsetBeforeRemove, setOffsetBeforeRemove] = React__default.default.useState(0);
-  const [initialHeight, setInitialHeight] = React__default.default.useState(0);
-  const remainingTime = React__default.default.useRef(toast2.duration || durationFromToaster || TOAST_LIFETIME);
-  const dragStartTime = React__default.default.useRef(null);
-  const toastRef = React__default.default.useRef(null);
+  const [swipeDirection, setSwipeDirection] = React2__namespace.default.useState(null);
+  const [swipeOutDirection, setSwipeOutDirection] = React2__namespace.default.useState(null);
+  const [mounted, setMounted] = React2__namespace.default.useState(false);
+  const [removed, setRemoved] = React2__namespace.default.useState(false);
+  const [swiping, setSwiping] = React2__namespace.default.useState(false);
+  const [swipeOut, setSwipeOut] = React2__namespace.default.useState(false);
+  const [isSwiped, setIsSwiped] = React2__namespace.default.useState(false);
+  const [offsetBeforeRemove, setOffsetBeforeRemove] = React2__namespace.default.useState(0);
+  const [initialHeight, setInitialHeight] = React2__namespace.default.useState(0);
+  const remainingTime = React2__namespace.default.useRef(toast2.duration || durationFromToaster || TOAST_LIFETIME);
+  const dragStartTime = React2__namespace.default.useRef(null);
+  const toastRef = React2__namespace.default.useRef(null);
   const isFront = index === 0;
   const isVisible = index + 1 <= visibleToasts;
   const toastType = toast2.type;
   const dismissible = toast2.dismissible !== false;
   const toastClassname = toast2.className || "";
   const toastDescriptionClassname = toast2.descriptionClassName || "";
-  const heightIndex = React__default.default.useMemo(() => heights.findIndex((height) => height.toastId === toast2.id) || 0, [
+  const heightIndex = React2__namespace.default.useMemo(() => heights.findIndex((height) => height.toastId === toast2.id) || 0, [
     heights,
     toast2.id
   ]);
-  const closeButton = React__default.default.useMemo(() => {
+  const closeButton = React2__namespace.default.useMemo(() => {
     var _toast_closeButton;
     return (_toast_closeButton = toast2.closeButton) != null ? _toast_closeButton : closeButtonFromToaster;
   }, [
     toast2.closeButton,
     closeButtonFromToaster
   ]);
-  const duration = React__default.default.useMemo(() => toast2.duration || durationFromToaster || TOAST_LIFETIME, [
+  const duration = React2__namespace.default.useMemo(() => toast2.duration || durationFromToaster || TOAST_LIFETIME, [
     toast2.duration,
     durationFromToaster
   ]);
-  const closeTimerStartTimeRef = React__default.default.useRef(0);
-  const offset = React__default.default.useRef(0);
-  const lastCloseTimerStartTimeRef = React__default.default.useRef(0);
-  const pointerStartRef = React__default.default.useRef(null);
+  const closeTimerStartTimeRef = React2__namespace.default.useRef(0);
+  const offset = React2__namespace.default.useRef(0);
+  const lastCloseTimerStartTimeRef = React2__namespace.default.useRef(0);
+  const pointerStartRef = React2__namespace.default.useRef(null);
   const [y, x] = position.split("-");
-  const toastsHeightBefore = React__default.default.useMemo(() => {
+  const toastsHeightBefore = React2__namespace.default.useMemo(() => {
     return heights.reduce((prev, curr, reducerIndex) => {
       if (reducerIndex >= heightIndex) {
         return prev;
@@ -2318,19 +2374,19 @@ var Toast = (props) => {
   const isDocumentHidden = useIsDocumentHidden();
   const invert = toast2.invert || ToasterInvert;
   const disabled = toastType === "loading";
-  offset.current = React__default.default.useMemo(() => heightIndex * gap + toastsHeightBefore, [
+  offset.current = React2__namespace.default.useMemo(() => heightIndex * gap + toastsHeightBefore, [
     heightIndex,
     toastsHeightBefore
   ]);
-  React__default.default.useEffect(() => {
+  React2__namespace.default.useEffect(() => {
     remainingTime.current = duration;
   }, [
     duration
   ]);
-  React__default.default.useEffect(() => {
+  React2__namespace.default.useEffect(() => {
     setMounted(true);
   }, []);
-  React__default.default.useEffect(() => {
+  React2__namespace.default.useEffect(() => {
     const toastNode = toastRef.current;
     if (toastNode) {
       const height = toastNode.getBoundingClientRect().height;
@@ -2349,7 +2405,7 @@ var Toast = (props) => {
     setHeights,
     toast2.id
   ]);
-  React__default.default.useLayoutEffect(() => {
+  React2__namespace.default.useLayoutEffect(() => {
     if (!mounted) return;
     const toastNode = toastRef.current;
     const originalHeight = toastNode.style.height;
@@ -2385,7 +2441,7 @@ var Toast = (props) => {
     toast2.action,
     toast2.cancel
   ]);
-  const deleteToast = React__default.default.useCallback(() => {
+  const deleteToast = React2__namespace.default.useCallback(() => {
     setRemoved(true);
     setOffsetBeforeRemove(offset.current);
     setHeights((h) => h.filter((height) => height.toastId !== toast2.id));
@@ -2398,7 +2454,7 @@ var Toast = (props) => {
     setHeights,
     offset
   ]);
-  React__default.default.useEffect(() => {
+  React2__namespace.default.useEffect(() => {
     if (toast2.promise && toastType === "loading" || toast2.duration === Infinity || toast2.type === "loading") return;
     let timeoutId;
     const pauseTimer = () => {
@@ -2430,7 +2486,7 @@ var Toast = (props) => {
     isDocumentHidden,
     deleteToast
   ]);
-  React__default.default.useEffect(() => {
+  React2__namespace.default.useEffect(() => {
     if (toast2.delete) {
       deleteToast();
       toast2.onDismiss == null ? void 0 : toast2.onDismiss.call(toast2, toast2);
@@ -2443,19 +2499,19 @@ var Toast = (props) => {
     var _toast_classNames9;
     if (icons == null ? void 0 : icons.loading) {
       var _toast_classNames12;
-      return /* @__PURE__ */ React__default.default.createElement("div", {
+      return /* @__PURE__ */ React2__namespace.default.createElement("div", {
         className: cn(classNames == null ? void 0 : classNames.loader, toast2 == null ? void 0 : (_toast_classNames12 = toast2.classNames) == null ? void 0 : _toast_classNames12.loader, "sonner-loader"),
         "data-visible": toastType === "loading"
       }, icons.loading);
     }
-    return /* @__PURE__ */ React__default.default.createElement(Loader, {
+    return /* @__PURE__ */ React2__namespace.default.createElement(Loader, {
       className: cn(classNames == null ? void 0 : classNames.loader, toast2 == null ? void 0 : (_toast_classNames9 = toast2.classNames) == null ? void 0 : _toast_classNames9.loader),
       visible: toastType === "loading"
     });
   }
   const icon = toast2.icon || (icons == null ? void 0 : icons[toastType]) || getAsset(toastType);
   var _toast_richColors, _icons_close;
-  return /* @__PURE__ */ React__default.default.createElement("li", {
+  return /* @__PURE__ */ React2__namespace.default.createElement("li", {
     tabIndex: 0,
     ref: toastRef,
     className: cn(className, toastClassname, classNames == null ? void 0 : classNames.toast, toast2 == null ? void 0 : (_toast_classNames = toast2.classNames) == null ? void 0 : _toast_classNames.toast, classNames == null ? void 0 : classNames.default, classNames == null ? void 0 : classNames[toastType], toast2 == null ? void 0 : (_toast_classNames1 = toast2.classNames) == null ? void 0 : _toast_classNames1[toastType]),
@@ -2580,7 +2636,7 @@ var Toast = (props) => {
       (_toastRef_current = toastRef.current) == null ? void 0 : _toastRef_current.style.setProperty("--swipe-amount-x", `${swipeAmount.x}px`);
       (_toastRef_current1 = toastRef.current) == null ? void 0 : _toastRef_current1.style.setProperty("--swipe-amount-y", `${swipeAmount.y}px`);
     }
-  }, closeButton && !toast2.jsx && toastType !== "loading" ? /* @__PURE__ */ React__default.default.createElement("button", {
+  }, closeButton && !toast2.jsx && toastType !== "loading" ? /* @__PURE__ */ React2__namespace.default.createElement("button", {
     "aria-label": closeButtonAriaLabel,
     "data-disabled": disabled,
     "data-close-button": true,
@@ -2590,19 +2646,19 @@ var Toast = (props) => {
       toast2.onDismiss == null ? void 0 : toast2.onDismiss.call(toast2, toast2);
     },
     className: cn(classNames == null ? void 0 : classNames.closeButton, toast2 == null ? void 0 : (_toast_classNames2 = toast2.classNames) == null ? void 0 : _toast_classNames2.closeButton)
-  }, (_icons_close = icons == null ? void 0 : icons.close) != null ? _icons_close : CloseIcon) : null, (toastType || toast2.icon || toast2.promise) && toast2.icon !== null && ((icons == null ? void 0 : icons[toastType]) !== null || toast2.icon) ? /* @__PURE__ */ React__default.default.createElement("div", {
+  }, (_icons_close = icons == null ? void 0 : icons.close) != null ? _icons_close : CloseIcon) : null, (toastType || toast2.icon || toast2.promise) && toast2.icon !== null && ((icons == null ? void 0 : icons[toastType]) !== null || toast2.icon) ? /* @__PURE__ */ React2__namespace.default.createElement("div", {
     "data-icon": "",
     className: cn(classNames == null ? void 0 : classNames.icon, toast2 == null ? void 0 : (_toast_classNames3 = toast2.classNames) == null ? void 0 : _toast_classNames3.icon)
-  }, toast2.promise || toast2.type === "loading" && !toast2.icon ? toast2.icon || getLoadingIcon() : null, toast2.type !== "loading" ? icon : null) : null, /* @__PURE__ */ React__default.default.createElement("div", {
+  }, toast2.promise || toast2.type === "loading" && !toast2.icon ? toast2.icon || getLoadingIcon() : null, toast2.type !== "loading" ? icon : null) : null, /* @__PURE__ */ React2__namespace.default.createElement("div", {
     "data-content": "",
     className: cn(classNames == null ? void 0 : classNames.content, toast2 == null ? void 0 : (_toast_classNames4 = toast2.classNames) == null ? void 0 : _toast_classNames4.content)
-  }, /* @__PURE__ */ React__default.default.createElement("div", {
+  }, /* @__PURE__ */ React2__namespace.default.createElement("div", {
     "data-title": "",
     className: cn(classNames == null ? void 0 : classNames.title, toast2 == null ? void 0 : (_toast_classNames5 = toast2.classNames) == null ? void 0 : _toast_classNames5.title)
-  }, toast2.jsx ? toast2.jsx : typeof toast2.title === "function" ? toast2.title() : toast2.title), toast2.description ? /* @__PURE__ */ React__default.default.createElement("div", {
+  }, toast2.jsx ? toast2.jsx : typeof toast2.title === "function" ? toast2.title() : toast2.title), toast2.description ? /* @__PURE__ */ React2__namespace.default.createElement("div", {
     "data-description": "",
     className: cn(descriptionClassName, toastDescriptionClassname, classNames == null ? void 0 : classNames.description, toast2 == null ? void 0 : (_toast_classNames6 = toast2.classNames) == null ? void 0 : _toast_classNames6.description)
-  }, typeof toast2.description === "function" ? toast2.description() : toast2.description) : null), /* @__PURE__ */ React__default.default.isValidElement(toast2.cancel) ? toast2.cancel : toast2.cancel && isAction(toast2.cancel) ? /* @__PURE__ */ React__default.default.createElement("button", {
+  }, typeof toast2.description === "function" ? toast2.description() : toast2.description) : null), /* @__PURE__ */ React2__namespace.default.isValidElement(toast2.cancel) ? toast2.cancel : toast2.cancel && isAction(toast2.cancel) ? /* @__PURE__ */ React2__namespace.default.createElement("button", {
     "data-button": true,
     "data-cancel": true,
     style: toast2.cancelButtonStyle || cancelButtonStyle,
@@ -2613,7 +2669,7 @@ var Toast = (props) => {
       deleteToast();
     },
     className: cn(classNames == null ? void 0 : classNames.cancelButton, toast2 == null ? void 0 : (_toast_classNames7 = toast2.classNames) == null ? void 0 : _toast_classNames7.cancelButton)
-  }, toast2.cancel.label) : null, /* @__PURE__ */ React__default.default.isValidElement(toast2.action) ? toast2.action : toast2.action && isAction(toast2.action) ? /* @__PURE__ */ React__default.default.createElement("button", {
+  }, toast2.cancel.label) : null, /* @__PURE__ */ React2__namespace.default.isValidElement(toast2.action) ? toast2.action : toast2.action && isAction(toast2.action) ? /* @__PURE__ */ React2__namespace.default.createElement("button", {
     "data-button": true,
     "data-action": true,
     style: toast2.actionButtonStyle || actionButtonStyle,
@@ -2675,13 +2731,13 @@ function assignOffset(defaultOffset, mobileOffset) {
   });
   return styles;
 }
-var Toaster = /* @__PURE__ */ React__default.default.forwardRef(function Toaster2(props, ref) {
+var Toaster = /* @__PURE__ */ React2__namespace.default.forwardRef(function Toaster2(props, ref) {
   const { id, invert, position = "bottom-right", hotkey = [
     "altKey",
     "KeyT"
   ], expand, closeButton, className, offset, mobileOffset, theme = "light", richColors, duration, style, visibleToasts = VISIBLE_TOASTS_AMOUNT, toastOptions, dir = getDocumentDirection(), gap = GAP, icons, containerAriaLabel = "Notifications" } = props;
-  const [toasts, setToasts] = React__default.default.useState([]);
-  const filteredToasts = React__default.default.useMemo(() => {
+  const [toasts, setToasts] = React2__namespace.default.useState([]);
+  const filteredToasts = React2__namespace.default.useMemo(() => {
     if (id) {
       return toasts.filter((toast2) => toast2.toasterId === id);
     }
@@ -2690,7 +2746,7 @@ var Toaster = /* @__PURE__ */ React__default.default.forwardRef(function Toaster
     toasts,
     id
   ]);
-  const possiblePositions = React__default.default.useMemo(() => {
+  const possiblePositions = React2__namespace.default.useMemo(() => {
     return Array.from(new Set([
       position
     ].concat(filteredToasts.filter((toast2) => toast2.position).map((toast2) => toast2.position))));
@@ -2698,15 +2754,15 @@ var Toaster = /* @__PURE__ */ React__default.default.forwardRef(function Toaster
     filteredToasts,
     position
   ]);
-  const [heights, setHeights] = React__default.default.useState([]);
-  const [expanded, setExpanded] = React__default.default.useState(false);
-  const [interacting, setInteracting] = React__default.default.useState(false);
-  const [actualTheme, setActualTheme] = React__default.default.useState(theme !== "system" ? theme : typeof window !== "undefined" ? window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : "light");
-  const listRef = React__default.default.useRef(null);
+  const [heights, setHeights] = React2__namespace.default.useState([]);
+  const [expanded, setExpanded] = React2__namespace.default.useState(false);
+  const [interacting, setInteracting] = React2__namespace.default.useState(false);
+  const [actualTheme, setActualTheme] = React2__namespace.default.useState(theme !== "system" ? theme : typeof window !== "undefined" ? window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : "light");
+  const listRef = React2__namespace.default.useRef(null);
   const hotkeyLabel = hotkey.join("+").replace(/Key/g, "").replace(/Digit/g, "");
-  const lastFocusedElementRef = React__default.default.useRef(null);
-  const isFocusWithinRef = React__default.default.useRef(false);
-  const removeToast = React__default.default.useCallback((toastToRemove) => {
+  const lastFocusedElementRef = React2__namespace.default.useRef(null);
+  const isFocusWithinRef = React2__namespace.default.useRef(false);
+  const removeToast = React2__namespace.default.useCallback((toastToRemove) => {
     setToasts((toasts2) => {
       var _toasts_find;
       if (!((_toasts_find = toasts2.find((toast2) => toast2.id === toastToRemove.id)) == null ? void 0 : _toasts_find.delete)) {
@@ -2715,7 +2771,7 @@ var Toaster = /* @__PURE__ */ React__default.default.forwardRef(function Toaster
       return toasts2.filter(({ id: id2 }) => id2 !== toastToRemove.id);
     });
   }, []);
-  React__default.default.useEffect(() => {
+  React2__namespace.default.useEffect(() => {
     return ToastState.subscribe((toast2) => {
       if (toast2.dismiss) {
         requestAnimationFrame(() => {
@@ -2751,7 +2807,7 @@ var Toaster = /* @__PURE__ */ React__default.default.forwardRef(function Toaster
   }, [
     toasts
   ]);
-  React__default.default.useEffect(() => {
+  React2__namespace.default.useEffect(() => {
     if (theme !== "system") {
       setActualTheme(theme);
       return;
@@ -2789,14 +2845,14 @@ var Toaster = /* @__PURE__ */ React__default.default.forwardRef(function Toaster
   }, [
     theme
   ]);
-  React__default.default.useEffect(() => {
+  React2__namespace.default.useEffect(() => {
     if (toasts.length <= 1) {
       setExpanded(false);
     }
   }, [
     toasts
   ]);
-  React__default.default.useEffect(() => {
+  React2__namespace.default.useEffect(() => {
     const handleKeyDown = (event) => {
       var _listRef_current;
       const isHotkeyPressed = hotkey.every((key) => event[key] || event.code === key);
@@ -2814,7 +2870,7 @@ var Toaster = /* @__PURE__ */ React__default.default.forwardRef(function Toaster
   }, [
     hotkey
   ]);
-  React__default.default.useEffect(() => {
+  React2__namespace.default.useEffect(() => {
     if (listRef.current) {
       return () => {
         if (lastFocusedElementRef.current) {
@@ -2831,7 +2887,7 @@ var Toaster = /* @__PURE__ */ React__default.default.forwardRef(function Toaster
   ]);
   return (
     // Remove item from normal navigation flow, only available via hotkey
-    /* @__PURE__ */ React__default.default.createElement("section", {
+    /* @__PURE__ */ React2__namespace.default.createElement("section", {
       ref,
       "aria-label": `${containerAriaLabel} ${hotkeyLabel}`,
       tabIndex: -1,
@@ -2843,7 +2899,7 @@ var Toaster = /* @__PURE__ */ React__default.default.forwardRef(function Toaster
       var _heights_;
       const [y, x] = position2.split("-");
       if (!filteredToasts.length) return null;
-      return /* @__PURE__ */ React__default.default.createElement("ol", {
+      return /* @__PURE__ */ React2__namespace.default.createElement("ol", {
         key: position2,
         dir: dir === "auto" ? getDocumentDirection() : dir,
         tabIndex: -1,
@@ -2895,7 +2951,7 @@ var Toaster = /* @__PURE__ */ React__default.default.forwardRef(function Toaster
         onPointerUp: () => setInteracting(false)
       }, filteredToasts.filter((toast2) => !toast2.position && index === 0 || toast2.position === position2).map((toast2, index2) => {
         var _toastOptions_duration, _toastOptions_closeButton;
-        return /* @__PURE__ */ React__default.default.createElement(Toast, {
+        return /* @__PURE__ */ React2__namespace.default.createElement(Toast, {
           key: toast2.id,
           icons,
           index: index2,
@@ -2929,7 +2985,7 @@ var Toaster = /* @__PURE__ */ React__default.default.forwardRef(function Toaster
   );
 });
 function FunnelToaster(props = {}) {
-  return React.createElement(Toaster, { position: "top-center", ...props });
+  return React2.createElement(Toaster, { position: "top-center", ...props });
 }
 function renderToaster(toaster) {
   if (toaster === false) return null;
@@ -3000,7 +3056,7 @@ function createFunnel(store, context, tracker, experiments = []) {
     })
   };
 }
-var FunnelCtx = React.createContext(null);
+var FunnelCtx = React2.createContext(null);
 function FunnelProvider({
   config,
   sessionValues,
@@ -3017,7 +3073,7 @@ function FunnelProvider({
   children
 }) {
   const resolvedTracker = tracker ?? FALLBACK_TRACKER;
-  const [value] = React.useState(() => {
+  const [value] = React2.useState(() => {
     const s = store ?? createFunnelStore(
       { responses: config?.responses, data: config?.data },
       // FLASH-FREE HYDRATION: with deferSessionValues the initial render is seeded with
@@ -3043,7 +3099,7 @@ function FunnelProvider({
       const value2 = s.get("user.email");
       return typeof value2 === "string" && /^[^\s@]+@[^\s@]+\.[^\s@]{2,}$/.test(value2) ? value2 : void 0;
     };
-    const catalog = chunkY4YNJ2EX_cjs.buildCatalog(offerings ?? []);
+    const catalog = chunk7HDZVHIT_cjs.buildCatalog(offerings ?? []);
     return {
       funnel: createFunnel(s, ctx, busTracker, experiments ?? []),
       store: s,
@@ -3062,41 +3118,41 @@ function FunnelProvider({
       bus
     };
   });
-  React.useEffect(() => attachBus(value.bus), [value.bus]);
-  React.useEffect(() => {
+  React2.useEffect(() => attachBus(value.bus), [value.bus]);
+  React2.useEffect(() => {
     if (!deferSessionValues || !sessionValues) return;
     const updates = {};
     for (const [key, v] of Object.entries(sessionValues))
       if (v !== void 0) updates[key] = v;
     if (Object.keys(updates).length > 0) value.store.setMany(updates);
   }, []);
-  React.useEffect(() => {
+  React2.useEffect(() => {
     value.tracker.setAcquisition?.(buildAcquisition(value.context));
   }, [value]);
-  const tree = React.createElement(TrackerProvider, {
+  const tree = React2.createElement(TrackerProvider, {
     tracker: value.tracker,
-    children: React.createElement(CheckoutDriverProvider, {
+    children: React2.createElement(CheckoutDriverProvider, {
       driver: value.driver,
-      children: React.createElement(CatalogProvider, {
+      children: React2.createElement(CatalogProvider, {
         catalog: value.catalog,
-        children: React.createElement(FunnelCtx.Provider, {
+        children: React2.createElement(FunnelCtx.Provider, {
           value,
-          children: React.createElement(LocaleProvider, {
+          children: React2.createElement(LocaleProvider, {
             config: config?.locales,
             catalog: messages,
             detected: value.context.locale.locale,
             override: localeOverride,
-            children: React.createElement(ModalRuntime, { children })
+            children: React2.createElement(ModalRuntime, { children })
           })
         })
       })
     })
   });
-  return React.createElement(React.Fragment, null, tree, renderToaster(toaster));
+  return React2.createElement(React2.Fragment, null, tree, renderToaster(toaster));
 }
 var FALLBACK_TRACKER = createConsoleTracker({ silent: true });
 function useFunnelCtx() {
-  const ctx = React.useContext(FunnelCtx);
+  const ctx = React2.useContext(FunnelCtx);
   if (!ctx) {
     throw new Error(
       "useFunnel/useResponse/\u2026 must be used inside <FunnelProvider>"
@@ -3108,21 +3164,21 @@ function useFunnel() {
   return useFunnelCtx().funnel;
 }
 function useBusInternal() {
-  return React.useContext(FunnelCtx)?.bus ?? null;
+  return React2.useContext(FunnelCtx)?.bus ?? null;
 }
 function useStoreKey(store, key) {
-  const subscribe = React.useCallback(
+  const subscribe = React2.useCallback(
     (cb) => store.subscribe(cb, { keys: [key] }),
     [store, key]
   );
-  const getSnapshot = React.useCallback(() => store.get(key), [store, key]);
-  return React.useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
+  const getSnapshot = React2.useCallback(() => store.get(key), [store, key]);
+  return React2.useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
 }
 function makeFieldHook(ns) {
   return function useNamespaceField(key) {
     const { funnel, store } = useFunnelCtx();
     const value = useStoreKey(store, `${NAMESPACE_PREFIX[ns]}.${key}`);
-    const set = React.useCallback(
+    const set = React2.useCallback(
       (v) => funnel[ns].set({ [key]: v }),
       [funnel, key]
     );
@@ -3143,7 +3199,7 @@ function useField(path) {
     );
   }
   const value = useStoreKey(store, `${NAMESPACE_PREFIX[ns]}.${key}`);
-  const set = React.useCallback(
+  const set = React2.useCallback(
     (v) => funnel[ns].set({ [key]: v }),
     [funnel, ns, key]
   );
@@ -3169,7 +3225,7 @@ function useSystem() {
 }
 function useContextValue(path) {
   const ctx = useContextObject();
-  return React.useMemo(
+  return React2.useMemo(
     () => path.split(".").reduce(
       (acc, k) => acc?.[k],
       ctx
@@ -3483,18 +3539,18 @@ function createPlatformTracker(cfg) {
 }
 
 // src/flow/mount.tsx
-var AssetsContext = React.createContext({});
+var AssetsContext = React2.createContext({});
 function AssetsProvider({
   assets,
   children
 }) {
-  return React.createElement(AssetsContext.Provider, { value: assets ?? {} }, children);
+  return React2.createElement(AssetsContext.Provider, { value: assets ?? {} }, children);
 }
 function useAssets() {
-  return React.useContext(AssetsContext);
+  return React2.useContext(AssetsContext);
 }
 function useAsset(name) {
-  return React.useContext(AssetsContext)[name];
+  return React2.useContext(AssetsContext)[name];
 }
 function createFunnelTree({
   config,
@@ -3523,17 +3579,17 @@ function createFunnelTree({
     const layoutWithResume = function LayoutWithCheckoutResume({
       children
     }) {
-      return React.createElement(
-        React.Fragment,
+      return React2.createElement(
+        React2.Fragment,
         null,
-        React.createElement(CheckoutResume, null),
-        embedEnabled ? React.createElement(EmbedBridge, null) : null,
-        layout ? React.createElement(layout, null, children) : children
+        React2.createElement(CheckoutResume, null),
+        embedEnabled ? React2.createElement(EmbedBridge, null) : null,
+        layout ? React2.createElement(layout, null, children) : children
       );
     };
-    return React.createElement(AssetsProvider, {
+    return React2.createElement(AssetsProvider, {
       assets: opts.assets,
-      children: React.createElement(FunnelProvider, {
+      children: React2.createElement(FunnelProvider, {
         config,
         offerings: opts.offerings ?? [],
         messages: opts.messages ?? messages,
@@ -3549,7 +3605,7 @@ function createFunnelTree({
           customerId: opts.customerId ?? null,
           sessionId: opts.sessionId ?? null
         },
-        children: React.createElement(FunnelView, {
+        children: React2.createElement(FunnelView, {
           pages,
           layout: layoutWithResume,
           initialKey: opts.initialKey,
@@ -3579,7 +3635,7 @@ function Choice({
   return options.map((opt) => {
     const o = typeof opt === "string" ? { value: opt } : opt;
     const selected = value === o.value;
-    return React.createElement(
+    return React2.createElement(
       "button",
       {
         key: o.value,
@@ -3598,7 +3654,7 @@ function Choice({
 }
 function Next({ children, onClick, ...rest }) {
   const { next } = useNavigation();
-  return React.createElement(
+  return React2.createElement(
     "button",
     {
       type: "button",
@@ -3614,7 +3670,7 @@ function Next({ children, onClick, ...rest }) {
 function Back({ children, onClick, ...rest }) {
   const { back, canGoBack } = useNavigation();
   if (!canGoBack) return null;
-  return React.createElement(
+  return React2.createElement(
     "button",
     {
       type: "button",
@@ -3667,7 +3723,7 @@ function Script({
   onLoad,
   onError
 }) {
-  React.useEffect(() => {
+  React2.useEffect(() => {
     if (typeof document === "undefined") return;
     const key = id ?? src;
     if (injected.has(key)) {
@@ -3708,107 +3764,111 @@ function Script({
 
 Object.defineProperty(exports, "assignVariant", {
   enumerable: true,
-  get: function () { return chunkY4YNJ2EX_cjs.assignVariant; }
+  get: function () { return chunk7HDZVHIT_cjs.assignVariant; }
 });
 Object.defineProperty(exports, "bucketingSeed", {
   enumerable: true,
-  get: function () { return chunkY4YNJ2EX_cjs.bucketingSeed; }
+  get: function () { return chunk7HDZVHIT_cjs.bucketingSeed; }
 });
 Object.defineProperty(exports, "buildCatalog", {
   enumerable: true,
-  get: function () { return chunkY4YNJ2EX_cjs.buildCatalog; }
+  get: function () { return chunk7HDZVHIT_cjs.buildCatalog; }
 });
 Object.defineProperty(exports, "compileManifest", {
   enumerable: true,
-  get: function () { return chunkY4YNJ2EX_cjs.compileManifest; }
+  get: function () { return chunk7HDZVHIT_cjs.compileManifest; }
 });
 Object.defineProperty(exports, "currencyExponent", {
   enumerable: true,
-  get: function () { return chunkY4YNJ2EX_cjs.currencyExponent; }
+  get: function () { return chunk7HDZVHIT_cjs.currencyExponent; }
 });
 Object.defineProperty(exports, "defineFunnel", {
   enumerable: true,
-  get: function () { return chunkY4YNJ2EX_cjs.defineFunnel; }
+  get: function () { return chunk7HDZVHIT_cjs.defineFunnel; }
 });
 Object.defineProperty(exports, "definePage", {
   enumerable: true,
-  get: function () { return chunkY4YNJ2EX_cjs.definePage; }
+  get: function () { return chunk7HDZVHIT_cjs.definePage; }
 });
 Object.defineProperty(exports, "entryGuard", {
   enumerable: true,
-  get: function () { return chunkY4YNJ2EX_cjs.entryGuard; }
+  get: function () { return chunk7HDZVHIT_cjs.entryGuard; }
 });
 Object.defineProperty(exports, "evaluateCondition", {
   enumerable: true,
-  get: function () { return chunkY4YNJ2EX_cjs.evaluateCondition; }
+  get: function () { return chunk7HDZVHIT_cjs.evaluateCondition; }
 });
 Object.defineProperty(exports, "evaluateGate", {
   enumerable: true,
-  get: function () { return chunkY4YNJ2EX_cjs.evaluateGate; }
+  get: function () { return chunk7HDZVHIT_cjs.evaluateGate; }
 });
 Object.defineProperty(exports, "expectedPathLength", {
   enumerable: true,
-  get: function () { return chunkY4YNJ2EX_cjs.expectedPathLength; }
+  get: function () { return chunk7HDZVHIT_cjs.expectedPathLength; }
 });
 Object.defineProperty(exports, "fnv1a", {
   enumerable: true,
-  get: function () { return chunkY4YNJ2EX_cjs.fnv1a; }
+  get: function () { return chunk7HDZVHIT_cjs.fnv1a; }
 });
 Object.defineProperty(exports, "formatMoney", {
   enumerable: true,
-  get: function () { return chunkY4YNJ2EX_cjs.formatMoney; }
+  get: function () { return chunk7HDZVHIT_cjs.formatMoney; }
 });
 Object.defineProperty(exports, "formatOffering", {
   enumerable: true,
-  get: function () { return chunkY4YNJ2EX_cjs.formatOffering; }
+  get: function () { return chunk7HDZVHIT_cjs.formatOffering; }
+});
+Object.defineProperty(exports, "groupProgress", {
+  enumerable: true,
+  get: function () { return chunk7HDZVHIT_cjs.groupProgress; }
 });
 Object.defineProperty(exports, "hashToUnit", {
   enumerable: true,
-  get: function () { return chunkY4YNJ2EX_cjs.hashToUnit; }
+  get: function () { return chunk7HDZVHIT_cjs.hashToUnit; }
 });
 Object.defineProperty(exports, "isRtl", {
   enumerable: true,
-  get: function () { return chunkY4YNJ2EX_cjs.isRtl; }
+  get: function () { return chunk7HDZVHIT_cjs.isRtl; }
 });
 Object.defineProperty(exports, "isVariantKey", {
   enumerable: true,
-  get: function () { return chunkY4YNJ2EX_cjs.isVariantKey; }
+  get: function () { return chunk7HDZVHIT_cjs.isVariantKey; }
 });
 Object.defineProperty(exports, "nextPage", {
   enumerable: true,
-  get: function () { return chunkY4YNJ2EX_cjs.nextPage; }
+  get: function () { return chunk7HDZVHIT_cjs.nextPage; }
 });
 Object.defineProperty(exports, "outgoingKeys", {
   enumerable: true,
-  get: function () { return chunkY4YNJ2EX_cjs.outgoingKeys; }
+  get: function () { return chunk7HDZVHIT_cjs.outgoingKeys; }
 });
 Object.defineProperty(exports, "pageMeta", {
   enumerable: true,
-  get: function () { return chunkY4YNJ2EX_cjs.pageMeta; }
+  get: function () { return chunk7HDZVHIT_cjs.pageMeta; }
 });
 Object.defineProperty(exports, "parseSlotKey", {
   enumerable: true,
-  get: function () { return chunkY4YNJ2EX_cjs.parseSlotKey; }
+  get: function () { return chunk7HDZVHIT_cjs.parseSlotKey; }
 });
 Object.defineProperty(exports, "pickByWeight", {
   enumerable: true,
-  get: function () { return chunkY4YNJ2EX_cjs.pickByWeight; }
+  get: function () { return chunk7HDZVHIT_cjs.pickByWeight; }
 });
 Object.defineProperty(exports, "resolveExperiments", {
   enumerable: true,
-  get: function () { return chunkY4YNJ2EX_cjs.resolveExperiments; }
+  get: function () { return chunk7HDZVHIT_cjs.resolveExperiments; }
 });
 Object.defineProperty(exports, "resolveLocale", {
   enumerable: true,
-  get: function () { return chunkY4YNJ2EX_cjs.resolveLocale; }
+  get: function () { return chunk7HDZVHIT_cjs.resolveLocale; }
 });
 Object.defineProperty(exports, "resolveOffering", {
   enumerable: true,
-  get: function () { return chunkY4YNJ2EX_cjs.resolveOffering; }
+  get: function () { return chunk7HDZVHIT_cjs.resolveOffering; }
 });
 Object.defineProperty(exports, "resolveRoute", {
   enumerable: true,
-  get: function () { return chunkY4YNJ2EX_cjs.resolveRoute; }
+  get: function () { return chunk7HDZVHIT_cjs.resolveRoute; }
 });
 Object.defineProperty(exports, "INLINE_SURFACES", {
   enumerable: true,
@@ -3906,6 +3966,7 @@ exports.useDevice = useDevice;
 exports.useExperiment = useExperiment;
 exports.useField = useField;
 exports.useFunnel = useFunnel;
+exports.useGroupProgress = useGroupProgress;
 exports.useLocale = useLocale;
 exports.useModal = useModal;
 exports.useNavigation = useNavigation;