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

package/dist/index.js

@@ -1,10 +1,11 @@
-import { isRtl, formatOffering, bucketingSeed, resolveExperiments, entryGuard, evaluateGate, expectedPathLength, nextPage, outgoingKeys, buildCatalog, resolveLocale } from './chunk-VW2HVPR4.js';
-export { assignVariant, bucketingSeed, buildCatalog, compileManifest, currencyExponent, defineFunnel, definePage, entryGuard, evaluateCondition, evaluateGate, expectedPathLength, fnv1a, formatMoney, formatOffering, hashToUnit, isRtl, isVariantKey, nextPage, outgoingKeys, pageMeta, parseSlotKey, pickByWeight, resolveExperiments, resolveLocale, resolveOffering, resolveRoute } from './chunk-VW2HVPR4.js';
+import { isRtl, formatOffering, bucketingSeed, resolveExperiments, entryGuard, evaluateGate, expectedPathLength, groupProgress, nextPage, outgoingKeys, buildCatalog, resolveLocale } from './chunk-UAQV22UK.js';
+export { assignVariant, bucketingSeed, buildCatalog, compileManifest, currencyExponent, defineFunnel, definePage, entryGuard, evaluateCondition, evaluateGate, expectedPathLength, fnv1a, formatMoney, formatOffering, groupProgress, hashToUnit, isRtl, isVariantKey, nextPage, outgoingKeys, pageMeta, parseSlotKey, pickByWeight, resolveExperiments, resolveLocale, resolveOffering, resolveRoute } from './chunk-UAQV22UK.js';
 import { AF_PROTOCOL } from './chunk-ZZJG4EYL.js';
 import { checkoutError, resolveSurface, isInlineSurface, PROVIDER_PROFILES } from './chunk-OXQBEKZ5.js';
 export { INLINE_SURFACES, PROVIDER_PROFILES, checkoutError, isInlineSurface, isMerchantOfRecord, isOrchestrator, isRenderableSurface, renderableSurfaces, resolveSurface, surfacesFor, validateCheckout, validateUpsell } from './chunk-OXQBEKZ5.js';
 import './chunk-G3PMV62Z.js';
-import React, { createContext, createElement, useCallback, useContext, useMemo, lazy, useRef, useState, useEffect, useTransition, Suspense, Fragment, isValidElement, cloneElement, useReducer, useSyncExternalStore } from 'react';
+import * as React2 from 'react';
+import React2__default, { createContext, createElement, useCallback, useContext, useMemo, lazy, useRef, useState, useEffect, useTransition, Suspense, Fragment, isValidElement, cloneElement, useReducer, useSyncExternalStore } from 'react';
 import ReactDOM, { createPortal } from 'react-dom';
 import { jsx } from 'react/jsx-runtime';
 
@@ -703,16 +704,20 @@ async function captureScreenshot(params = {}) {
 }
 
 // src/flow/flow.tsx
+var Activity2 = React2.Activity ?? React2.unstable_Activity;
+var HIDDEN_CANDIDATE_CAP = 2;
 var NavContext = createContext(null);
+var GroupProgressContext = createContext(null);
 var ExperimentContext = createContext({});
 function useExperiment(id) {
   return 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,
@@ -822,9 +827,15 @@ function FunnelView({
     [flow, startKey, currentKey, funnel]
   );
   const slug = pageByKey.get(currentKey)?.meta?.slug ?? currentKey;
+  const group = pageByKey.get(currentKey)?.meta?.group;
   const page = useMemo(
-    () => pageContextFor(currentKey, slug, index, total, funnel.context.system.now),
-    [currentKey, slug, index, total, funnel.context.system.now]
+    () => pageContextFor(currentKey, slug, group, index, total, funnel.context.system.now),
+    [currentKey, slug, group, index, total, funnel.context.system.now]
+  );
+  const groups = useMemo(
+    () => groupProgress(flow, startKey, currentKey, funnel.snapshot()),
+    // currentKey in deps: re-trace as each step's answers settle the branch.
+    [flow, startKey, currentKey, funnel]
   );
   useEffect(() => {
     funnel.context.page = page;
@@ -864,6 +875,7 @@ function FunnelView({
     (key) => startNav(() => setHistory((h) => [...h, toSlot(key)])),
     [toSlot]
   );
+  const [loadedComps, setLoadedComps] = useState(() => /* @__PURE__ */ new Map());
   const prefetched = useRef(/* @__PURE__ */ new Set());
   const prefetch = useCallback(
     (key) => {
@@ -871,7 +883,10 @@ function FunnelView({
       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]
   );
@@ -883,6 +898,15 @@ function FunnelView({
     if (prefetchMode !== "auto") return;
     for (const key of nextCandidates) prefetch(key);
   }, [prefetchMode, nextCandidates, prefetch]);
+  useEffect(() => {
+    if (prefetchMode !== "off") return;
+    for (const key of nextCandidates) prefetch(key);
+  }, [prefetchMode, nextCandidates, prefetch]);
+  const [preMountReady, setPreMountReady] = useState(false);
+  useEffect(() => {
+    const saveData = typeof navigator !== "undefined" && navigator.connection?.saveData === true;
+    if (!saveData) setPreMountReady(true);
+  }, []);
   const value = {
     page,
     next,
@@ -934,11 +958,21 @@ function FunnelView({
   const renderKey = toRenderKey(currentKey);
   const Current = components.get(renderKey);
   const pageEl = createElement(Suspense, { fallback: fallback ?? null }, Current ? createElement(Current) : null);
-  const content = layout ? createElement(layout, null, pageEl) : pageEl;
+  const visible = layout ? 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 ? createElement(Activity2, { key: k, mode: "hidden" }, createElement(C)) : null;
+  });
+  const content = hiddenEls.length > 0 ? createElement(Fragment, null, visible, ...hiddenEls) : visible;
   return createElement(
     ExperimentContext.Provider,
     { value: experiments.assignments },
-    createElement(NavContext.Provider, { value }, content)
+    createElement(
+      NavContext.Provider,
+      { value },
+      createElement(GroupProgressContext.Provider, { value: groups }, content)
+    )
   );
 }
 function useNavigation() {
@@ -1024,6 +1058,11 @@ function EmbedBridge() {
 function usePage() {
   return useNavigation().page;
 }
+function useGroupProgress() {
+  const ctx = useContext(GroupProgressContext);
+  if (!ctx) throw new Error("useGroupProgress must be used inside <FunnelView>");
+  return ctx;
+}
 var symModalId = /* @__PURE__ */ Symbol("AppfunnelModalId");
 var initialState = {};
 var ModalStateContext = createContext(initialState);
@@ -1867,64 +1906,64 @@ var getAsset = (type) => {
 };
 var bars = Array(12).fill(0);
 var Loader = ({ visible, className }) => {
-  return /* @__PURE__ */ React.createElement("div", {
+  return /* @__PURE__ */ React2__default.createElement("div", {
     className: [
       "sonner-loading-wrapper",
       className
     ].filter(Boolean).join(" "),
     "data-visible": visible
-  }, /* @__PURE__ */ React.createElement("div", {
+  }, /* @__PURE__ */ React2__default.createElement("div", {
     className: "sonner-spinner"
-  }, bars.map((_, i) => /* @__PURE__ */ React.createElement("div", {
+  }, bars.map((_, i) => /* @__PURE__ */ React2__default.createElement("div", {
     className: "sonner-loading-bar",
     key: `spinner-bar-${i}`
   }))));
 };
-var SuccessIcon = /* @__PURE__ */ React.createElement("svg", {
+var SuccessIcon = /* @__PURE__ */ React2__default.createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 20 20",
   fill: "currentColor",
   height: "20",
   width: "20"
-}, /* @__PURE__ */ React.createElement("path", {
+}, /* @__PURE__ */ React2__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.createElement("svg", {
+var WarningIcon = /* @__PURE__ */ React2__default.createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "currentColor",
   height: "20",
   width: "20"
-}, /* @__PURE__ */ React.createElement("path", {
+}, /* @__PURE__ */ React2__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.createElement("svg", {
+var InfoIcon = /* @__PURE__ */ React2__default.createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 20 20",
   fill: "currentColor",
   height: "20",
   width: "20"
-}, /* @__PURE__ */ React.createElement("path", {
+}, /* @__PURE__ */ React2__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.createElement("svg", {
+var ErrorIcon = /* @__PURE__ */ React2__default.createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 20 20",
   fill: "currentColor",
   height: "20",
   width: "20"
-}, /* @__PURE__ */ React.createElement("path", {
+}, /* @__PURE__ */ React2__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.createElement("svg", {
+var CloseIcon = /* @__PURE__ */ React2__default.createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   width: "12",
   height: "12",
@@ -1934,20 +1973,20 @@ var CloseIcon = /* @__PURE__ */ React.createElement("svg", {
   strokeWidth: "1.5",
   strokeLinecap: "round",
   strokeLinejoin: "round"
-}, /* @__PURE__ */ React.createElement("line", {
+}, /* @__PURE__ */ React2__default.createElement("line", {
   x1: "18",
   y1: "6",
   x2: "6",
   y2: "18"
-}), /* @__PURE__ */ React.createElement("line", {
+}), /* @__PURE__ */ React2__default.createElement("line", {
   x1: "6",
   y1: "6",
   x2: "18",
   y2: "18"
 }));
 var useIsDocumentHidden = () => {
-  const [isDocumentHidden, setIsDocumentHidden] = React.useState(document.hidden);
-  React.useEffect(() => {
+  const [isDocumentHidden, setIsDocumentHidden] = React2__default.useState(document.hidden);
+  React2__default.useEffect(() => {
     const callback = () => {
       setIsDocumentHidden(document.hidden);
     };
@@ -2096,7 +2135,7 @@ var Observer = class {
           "resolve",
           response
         ];
-        const isReactElementResponse = React.isValidElement(response);
+        const isReactElementResponse = React2__default.isValidElement(response);
         if (isReactElementResponse) {
           shouldDismiss = false;
           this.create({
@@ -2108,7 +2147,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.isValidElement(promiseData);
+          const isExtendedResult = typeof promiseData === "object" && !React2__default.isValidElement(promiseData);
           const toastSettings = isExtendedResult ? promiseData : {
             message: promiseData
           };
@@ -2122,7 +2161,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.isValidElement(promiseData);
+          const isExtendedResult = typeof promiseData === "object" && !React2__default.isValidElement(promiseData);
           const toastSettings = isExtendedResult ? promiseData : {
             message: promiseData
           };
@@ -2136,7 +2175,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.isValidElement(promiseData);
+          const isExtendedResult = typeof promiseData === "object" && !React2__default.isValidElement(promiseData);
           const toastSettings = isExtendedResult ? promiseData : {
             message: promiseData
           };
@@ -2156,7 +2195,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.isValidElement(promiseData);
+          const isExtendedResult = typeof promiseData === "object" && !React2__default.isValidElement(promiseData);
           const toastSettings = isExtendedResult ? promiseData : {
             message: promiseData
           };
@@ -2261,45 +2300,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.useState(null);
-  const [swipeOutDirection, setSwipeOutDirection] = React.useState(null);
-  const [mounted, setMounted] = React.useState(false);
-  const [removed, setRemoved] = React.useState(false);
-  const [swiping, setSwiping] = React.useState(false);
-  const [swipeOut, setSwipeOut] = React.useState(false);
-  const [isSwiped, setIsSwiped] = React.useState(false);
-  const [offsetBeforeRemove, setOffsetBeforeRemove] = React.useState(0);
-  const [initialHeight, setInitialHeight] = React.useState(0);
-  const remainingTime = React.useRef(toast2.duration || durationFromToaster || TOAST_LIFETIME);
-  const dragStartTime = React.useRef(null);
-  const toastRef = React.useRef(null);
+  const [swipeDirection, setSwipeDirection] = React2__default.useState(null);
+  const [swipeOutDirection, setSwipeOutDirection] = React2__default.useState(null);
+  const [mounted, setMounted] = React2__default.useState(false);
+  const [removed, setRemoved] = React2__default.useState(false);
+  const [swiping, setSwiping] = React2__default.useState(false);
+  const [swipeOut, setSwipeOut] = React2__default.useState(false);
+  const [isSwiped, setIsSwiped] = React2__default.useState(false);
+  const [offsetBeforeRemove, setOffsetBeforeRemove] = React2__default.useState(0);
+  const [initialHeight, setInitialHeight] = React2__default.useState(0);
+  const remainingTime = React2__default.useRef(toast2.duration || durationFromToaster || TOAST_LIFETIME);
+  const dragStartTime = React2__default.useRef(null);
+  const toastRef = React2__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.useMemo(() => heights.findIndex((height) => height.toastId === toast2.id) || 0, [
+  const heightIndex = React2__default.useMemo(() => heights.findIndex((height) => height.toastId === toast2.id) || 0, [
     heights,
     toast2.id
   ]);
-  const closeButton = React.useMemo(() => {
+  const closeButton = React2__default.useMemo(() => {
     var _toast_closeButton;
     return (_toast_closeButton = toast2.closeButton) != null ? _toast_closeButton : closeButtonFromToaster;
   }, [
     toast2.closeButton,
     closeButtonFromToaster
   ]);
-  const duration = React.useMemo(() => toast2.duration || durationFromToaster || TOAST_LIFETIME, [
+  const duration = React2__default.useMemo(() => toast2.duration || durationFromToaster || TOAST_LIFETIME, [
     toast2.duration,
     durationFromToaster
   ]);
-  const closeTimerStartTimeRef = React.useRef(0);
-  const offset = React.useRef(0);
-  const lastCloseTimerStartTimeRef = React.useRef(0);
-  const pointerStartRef = React.useRef(null);
+  const closeTimerStartTimeRef = React2__default.useRef(0);
+  const offset = React2__default.useRef(0);
+  const lastCloseTimerStartTimeRef = React2__default.useRef(0);
+  const pointerStartRef = React2__default.useRef(null);
   const [y, x] = position.split("-");
-  const toastsHeightBefore = React.useMemo(() => {
+  const toastsHeightBefore = React2__default.useMemo(() => {
     return heights.reduce((prev, curr, reducerIndex) => {
       if (reducerIndex >= heightIndex) {
         return prev;
@@ -2313,19 +2352,19 @@ var Toast = (props) => {
   const isDocumentHidden = useIsDocumentHidden();
   const invert = toast2.invert || ToasterInvert;
   const disabled = toastType === "loading";
-  offset.current = React.useMemo(() => heightIndex * gap + toastsHeightBefore, [
+  offset.current = React2__default.useMemo(() => heightIndex * gap + toastsHeightBefore, [
     heightIndex,
     toastsHeightBefore
   ]);
-  React.useEffect(() => {
+  React2__default.useEffect(() => {
     remainingTime.current = duration;
   }, [
     duration
   ]);
-  React.useEffect(() => {
+  React2__default.useEffect(() => {
     setMounted(true);
   }, []);
-  React.useEffect(() => {
+  React2__default.useEffect(() => {
     const toastNode = toastRef.current;
     if (toastNode) {
       const height = toastNode.getBoundingClientRect().height;
@@ -2344,7 +2383,7 @@ var Toast = (props) => {
     setHeights,
     toast2.id
   ]);
-  React.useLayoutEffect(() => {
+  React2__default.useLayoutEffect(() => {
     if (!mounted) return;
     const toastNode = toastRef.current;
     const originalHeight = toastNode.style.height;
@@ -2380,7 +2419,7 @@ var Toast = (props) => {
     toast2.action,
     toast2.cancel
   ]);
-  const deleteToast = React.useCallback(() => {
+  const deleteToast = React2__default.useCallback(() => {
     setRemoved(true);
     setOffsetBeforeRemove(offset.current);
     setHeights((h) => h.filter((height) => height.toastId !== toast2.id));
@@ -2393,7 +2432,7 @@ var Toast = (props) => {
     setHeights,
     offset
   ]);
-  React.useEffect(() => {
+  React2__default.useEffect(() => {
     if (toast2.promise && toastType === "loading" || toast2.duration === Infinity || toast2.type === "loading") return;
     let timeoutId;
     const pauseTimer = () => {
@@ -2425,7 +2464,7 @@ var Toast = (props) => {
     isDocumentHidden,
     deleteToast
   ]);
-  React.useEffect(() => {
+  React2__default.useEffect(() => {
     if (toast2.delete) {
       deleteToast();
       toast2.onDismiss == null ? void 0 : toast2.onDismiss.call(toast2, toast2);
@@ -2438,19 +2477,19 @@ var Toast = (props) => {
     var _toast_classNames9;
     if (icons == null ? void 0 : icons.loading) {
       var _toast_classNames12;
-      return /* @__PURE__ */ React.createElement("div", {
+      return /* @__PURE__ */ React2__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.createElement(Loader, {
+    return /* @__PURE__ */ React2__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.createElement("li", {
+  return /* @__PURE__ */ React2__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]),
@@ -2575,7 +2614,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.createElement("button", {
+  }, closeButton && !toast2.jsx && toastType !== "loading" ? /* @__PURE__ */ React2__default.createElement("button", {
     "aria-label": closeButtonAriaLabel,
     "data-disabled": disabled,
     "data-close-button": true,
@@ -2585,19 +2624,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.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__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.createElement("div", {
+  }, toast2.promise || toast2.type === "loading" && !toast2.icon ? toast2.icon || getLoadingIcon() : null, toast2.type !== "loading" ? icon : null) : null, /* @__PURE__ */ React2__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.createElement("div", {
+  }, /* @__PURE__ */ React2__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.createElement("div", {
+  }, toast2.jsx ? toast2.jsx : typeof toast2.title === "function" ? toast2.title() : toast2.title), toast2.description ? /* @__PURE__ */ React2__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.isValidElement(toast2.cancel) ? toast2.cancel : toast2.cancel && isAction(toast2.cancel) ? /* @__PURE__ */ React.createElement("button", {
+  }, typeof toast2.description === "function" ? toast2.description() : toast2.description) : null), /* @__PURE__ */ React2__default.isValidElement(toast2.cancel) ? toast2.cancel : toast2.cancel && isAction(toast2.cancel) ? /* @__PURE__ */ React2__default.createElement("button", {
     "data-button": true,
     "data-cancel": true,
     style: toast2.cancelButtonStyle || cancelButtonStyle,
@@ -2608,7 +2647,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.isValidElement(toast2.action) ? toast2.action : toast2.action && isAction(toast2.action) ? /* @__PURE__ */ React.createElement("button", {
+  }, toast2.cancel.label) : null, /* @__PURE__ */ React2__default.isValidElement(toast2.action) ? toast2.action : toast2.action && isAction(toast2.action) ? /* @__PURE__ */ React2__default.createElement("button", {
     "data-button": true,
     "data-action": true,
     style: toast2.actionButtonStyle || actionButtonStyle,
@@ -2670,13 +2709,13 @@ function assignOffset(defaultOffset, mobileOffset) {
   });
   return styles;
 }
-var Toaster = /* @__PURE__ */ React.forwardRef(function Toaster2(props, ref) {
+var Toaster = /* @__PURE__ */ React2__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.useState([]);
-  const filteredToasts = React.useMemo(() => {
+  const [toasts, setToasts] = React2__default.useState([]);
+  const filteredToasts = React2__default.useMemo(() => {
     if (id) {
       return toasts.filter((toast2) => toast2.toasterId === id);
     }
@@ -2685,7 +2724,7 @@ var Toaster = /* @__PURE__ */ React.forwardRef(function Toaster2(props, ref) {
     toasts,
     id
   ]);
-  const possiblePositions = React.useMemo(() => {
+  const possiblePositions = React2__default.useMemo(() => {
     return Array.from(new Set([
       position
     ].concat(filteredToasts.filter((toast2) => toast2.position).map((toast2) => toast2.position))));
@@ -2693,15 +2732,15 @@ var Toaster = /* @__PURE__ */ React.forwardRef(function Toaster2(props, ref) {
     filteredToasts,
     position
   ]);
-  const [heights, setHeights] = React.useState([]);
-  const [expanded, setExpanded] = React.useState(false);
-  const [interacting, setInteracting] = React.useState(false);
-  const [actualTheme, setActualTheme] = React.useState(theme !== "system" ? theme : typeof window !== "undefined" ? window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : "light");
-  const listRef = React.useRef(null);
+  const [heights, setHeights] = React2__default.useState([]);
+  const [expanded, setExpanded] = React2__default.useState(false);
+  const [interacting, setInteracting] = React2__default.useState(false);
+  const [actualTheme, setActualTheme] = React2__default.useState(theme !== "system" ? theme : typeof window !== "undefined" ? window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : "light");
+  const listRef = React2__default.useRef(null);
   const hotkeyLabel = hotkey.join("+").replace(/Key/g, "").replace(/Digit/g, "");
-  const lastFocusedElementRef = React.useRef(null);
-  const isFocusWithinRef = React.useRef(false);
-  const removeToast = React.useCallback((toastToRemove) => {
+  const lastFocusedElementRef = React2__default.useRef(null);
+  const isFocusWithinRef = React2__default.useRef(false);
+  const removeToast = React2__default.useCallback((toastToRemove) => {
     setToasts((toasts2) => {
       var _toasts_find;
       if (!((_toasts_find = toasts2.find((toast2) => toast2.id === toastToRemove.id)) == null ? void 0 : _toasts_find.delete)) {
@@ -2710,7 +2749,7 @@ var Toaster = /* @__PURE__ */ React.forwardRef(function Toaster2(props, ref) {
       return toasts2.filter(({ id: id2 }) => id2 !== toastToRemove.id);
     });
   }, []);
-  React.useEffect(() => {
+  React2__default.useEffect(() => {
     return ToastState.subscribe((toast2) => {
       if (toast2.dismiss) {
         requestAnimationFrame(() => {
@@ -2746,7 +2785,7 @@ var Toaster = /* @__PURE__ */ React.forwardRef(function Toaster2(props, ref) {
   }, [
     toasts
   ]);
-  React.useEffect(() => {
+  React2__default.useEffect(() => {
     if (theme !== "system") {
       setActualTheme(theme);
       return;
@@ -2784,14 +2823,14 @@ var Toaster = /* @__PURE__ */ React.forwardRef(function Toaster2(props, ref) {
   }, [
     theme
   ]);
-  React.useEffect(() => {
+  React2__default.useEffect(() => {
     if (toasts.length <= 1) {
       setExpanded(false);
     }
   }, [
     toasts
   ]);
-  React.useEffect(() => {
+  React2__default.useEffect(() => {
     const handleKeyDown = (event) => {
       var _listRef_current;
       const isHotkeyPressed = hotkey.every((key) => event[key] || event.code === key);
@@ -2809,7 +2848,7 @@ var Toaster = /* @__PURE__ */ React.forwardRef(function Toaster2(props, ref) {
   }, [
     hotkey
   ]);
-  React.useEffect(() => {
+  React2__default.useEffect(() => {
     if (listRef.current) {
       return () => {
         if (lastFocusedElementRef.current) {
@@ -2826,7 +2865,7 @@ var Toaster = /* @__PURE__ */ React.forwardRef(function Toaster2(props, ref) {
   ]);
   return (
     // Remove item from normal navigation flow, only available via hotkey
-    /* @__PURE__ */ React.createElement("section", {
+    /* @__PURE__ */ React2__default.createElement("section", {
       ref,
       "aria-label": `${containerAriaLabel} ${hotkeyLabel}`,
       tabIndex: -1,
@@ -2838,7 +2877,7 @@ var Toaster = /* @__PURE__ */ React.forwardRef(function Toaster2(props, ref) {
       var _heights_;
       const [y, x] = position2.split("-");
       if (!filteredToasts.length) return null;
-      return /* @__PURE__ */ React.createElement("ol", {
+      return /* @__PURE__ */ React2__default.createElement("ol", {
         key: position2,
         dir: dir === "auto" ? getDocumentDirection() : dir,
         tabIndex: -1,
@@ -2890,7 +2929,7 @@ var Toaster = /* @__PURE__ */ React.forwardRef(function Toaster2(props, ref) {
         onPointerUp: () => setInteracting(false)
       }, filteredToasts.filter((toast2) => !toast2.position && index === 0 || toast2.position === position2).map((toast2, index2) => {
         var _toastOptions_duration, _toastOptions_closeButton;
-        return /* @__PURE__ */ React.createElement(Toast, {
+        return /* @__PURE__ */ React2__default.createElement(Toast, {
           key: toast2.id,
           icons,
           index: index2,
@@ -3701,6 +3740,6 @@ function Script({
   return null;
 }
 
-export { AssetsContext, AssetsProvider, Back, Checkout, CheckoutResume, Choice, EVENT_CATALOG, FunnelProvider, FunnelToaster, FunnelView, Modal, Next, Script, Sheet, Upsell, VariableStore, attachBus, buildAcquisition, buildContext, createBus, createConsoleTracker, createFunnelStore, createFunnelTree, createMockDriver, createPlatformTracker, defineModal, driverWithEmail, hideModal, integrationEvents, isIntegrationEvent, isTrackableEvent, newEventId, registerModal, removeModal, showModal, toast, unregisterModal, useActiveLocale, useAsset, useAssets, useCheckout, useClickIds, useContextValue, useData, useDevice, useExperiment, useField, useFunnel, useLocale, useModal, useNavigation, useOffering, useOfferings, usePage, useResponse, useSystem, useTracker, useTranslation, useUserAttribute, useUtm, withBus };
+export { AssetsContext, AssetsProvider, Back, Checkout, CheckoutResume, Choice, EVENT_CATALOG, FunnelProvider, FunnelToaster, FunnelView, Modal, Next, Script, Sheet, Upsell, VariableStore, attachBus, buildAcquisition, buildContext, createBus, createConsoleTracker, createFunnelStore, createFunnelTree, createMockDriver, createPlatformTracker, defineModal, driverWithEmail, hideModal, integrationEvents, isIntegrationEvent, isTrackableEvent, newEventId, registerModal, removeModal, showModal, toast, unregisterModal, useActiveLocale, useAsset, useAssets, useCheckout, useClickIds, useContextValue, useData, useDevice, useExperiment, useField, useFunnel, useGroupProgress, useLocale, useModal, useNavigation, useOffering, useOfferings, usePage, useResponse, useSystem, useTracker, useTranslation, useUserAttribute, useUtm, withBus };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map