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

package/dist/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkY4YNJ2EX_cjs = require('./chunk-Y4YNJ2EX.cjs');
+var chunkRKPRMTSU_cjs = require('./chunk-RKPRMTSU.cjs');
 var chunkWYUDL4FI_cjs = require('./chunk-WYUDL4FI.cjs');
 var chunk7JLOF6CJ_cjs = require('./chunk-7JLOF6CJ.cjs');
 require('./chunk-EMMSS5I5.cjs');
@@ -504,9 +504,9 @@ function LocaleProvider({
   override,
   children
 }) {
-  const [locale, setLocale] = React.useState(() => chunkY4YNJ2EX_cjs.resolveLocale(config, detected, override));
+  const [locale, setLocale] = React.useState(() => chunkRKPRMTSU_cjs.resolveLocale(config, detected, override));
   React.useEffect(() => {
-    setLocale(chunkY4YNJ2EX_cjs.resolveLocale(config, detected, override));
+    setLocale(chunkRKPRMTSU_cjs.resolveLocale(config, detected, override));
   }, [config, detected, override]);
   const value = React.useMemo(
     () => ({ locale, setLocale, config, catalog }),
@@ -578,7 +578,7 @@ function useTranslation() {
     fmt,
     locale,
     setLocale,
-    dir: chunkY4YNJ2EX_cjs.isRtl(locale) ? "rtl" : "ltr",
+    dir: chunkRKPRMTSU_cjs.isRtl(locale) ? "rtl" : "ltr",
     locales: config?.supported ?? [locale]
   };
 }
@@ -600,7 +600,7 @@ function useOffering(id) {
   const locale = useActiveLocale();
   const resolved = id ? catalog.get(id) : void 0;
   return React.useMemo(
-    () => resolved ? chunkY4YNJ2EX_cjs.formatOffering(resolved, locale) : void 0,
+    () => resolved ? chunkRKPRMTSU_cjs.formatOffering(resolved, locale) : void 0,
     [resolved, locale]
   );
 }
@@ -608,7 +608,7 @@ function useOfferings() {
   const catalog = useCatalog();
   const locale = useActiveLocale();
   return React.useMemo(
-    () => Array.from(catalog.values()).map((r) => chunkY4YNJ2EX_cjs.formatOffering(r, locale)),
+    () => Array.from(catalog.values()).map((r) => chunkRKPRMTSU_cjs.formatOffering(r, locale)),
     [catalog, locale]
   );
 }
@@ -709,15 +709,17 @@ async function captureScreenshot(params = {}) {
 
 // src/flow/flow.tsx
 var NavContext = React.createContext(null);
+var GroupProgressContext = React.createContext(null);
 var ExperimentContext = React.createContext({});
 function useExperiment(id) {
   return React.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,
@@ -786,10 +788,10 @@ function FunnelView({
     [pages]
   );
   const seedRef = React.useRef(null);
-  if (seedRef.current === null) seedRef.current = chunkY4YNJ2EX_cjs.bucketingSeed(funnel.context);
+  if (seedRef.current === null) seedRef.current = chunkRKPRMTSU_cjs.bucketingSeed(funnel.context);
   const seed = seedRef.current;
   const experiments = React.useMemo(
-    () => chunkY4YNJ2EX_cjs.resolveExperiments(pages, funnel.experiments, seed),
+    () => chunkRKPRMTSU_cjs.resolveExperiments(pages, funnel.experiments, seed),
     [pages, funnel.experiments, seed]
   );
   const toSlot = React.useCallback((k) => experiments.slotOf[k] ?? k, [experiments]);
@@ -813,8 +815,8 @@ function FunnelView({
     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 = chunkRKPRMTSU_cjs.entryGuard(page2?.meta);
+    const ok = page2 && (!guard || chunkRKPRMTSU_cjs.evaluateGate(guard, funnel.snapshot()));
     const first = ok ? target : start;
     return first ? [first] : [];
   });
@@ -822,14 +824,20 @@ function FunnelView({
   const index = history.length - 1;
   const startKey = history[0];
   const total = React.useMemo(
-    () => chunkY4YNJ2EX_cjs.expectedPathLength(flow, startKey, funnel.snapshot()),
+    () => chunkRKPRMTSU_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 group = pageByKey.get(currentKey)?.meta?.group;
   const page = React.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 = React.useMemo(
+    () => chunkRKPRMTSU_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(() => {
     funnel.context.page = page;
@@ -857,7 +865,7 @@ function FunnelView({
   usePageExitTimer(tracker, currentKey);
   const [isNavigating, startNav] = React.useTransition();
   const next = React.useCallback(() => {
-    const target = chunkY4YNJ2EX_cjs.nextPage(flow, currentKey, funnel.snapshot());
+    const target = chunkRKPRMTSU_cjs.nextPage(flow, currentKey, funnel.snapshot());
     const resolved = target ? toSlot(target) : target;
     if (resolved) startNav(() => setHistory((h) => [...h, resolved]));
   }, [flow, currentKey, funnel, toSlot]);
@@ -881,7 +889,7 @@ function FunnelView({
     [loaders, toRenderKey]
   );
   const nextCandidates = React.useMemo(
-    () => [...new Set(chunkY4YNJ2EX_cjs.outgoingKeys(flow, currentKey).map(toRenderKey))],
+    () => [...new Set(chunkRKPRMTSU_cjs.outgoingKeys(flow, currentKey).map(toRenderKey))],
     [flow, currentKey, toRenderKey]
   );
   React.useEffect(() => {
@@ -943,7 +951,11 @@ function FunnelView({
   return React.createElement(
     ExperimentContext.Provider,
     { value: experiments.assignments },
-    React.createElement(NavContext.Provider, { value }, content)
+    React.createElement(
+      NavContext.Provider,
+      { value },
+      React.createElement(GroupProgressContext.Provider, { value: groups }, content)
+    )
   );
 }
 function useNavigation() {
@@ -1029,6 +1041,11 @@ function EmbedBridge() {
 function usePage() {
   return useNavigation().page;
 }
+function useGroupProgress() {
+  const ctx = React.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);
@@ -3043,7 +3060,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 = chunkRKPRMTSU_cjs.buildCatalog(offerings ?? []);
     return {
       funnel: createFunnel(s, ctx, busTracker, experiments ?? []),
       store: s,
@@ -3708,107 +3725,111 @@ function Script({
 
 Object.defineProperty(exports, "assignVariant", {
   enumerable: true,
-  get: function () { return chunkY4YNJ2EX_cjs.assignVariant; }
+  get: function () { return chunkRKPRMTSU_cjs.assignVariant; }
 });
 Object.defineProperty(exports, "bucketingSeed", {
   enumerable: true,
-  get: function () { return chunkY4YNJ2EX_cjs.bucketingSeed; }
+  get: function () { return chunkRKPRMTSU_cjs.bucketingSeed; }
 });
 Object.defineProperty(exports, "buildCatalog", {
   enumerable: true,
-  get: function () { return chunkY4YNJ2EX_cjs.buildCatalog; }
+  get: function () { return chunkRKPRMTSU_cjs.buildCatalog; }
 });
 Object.defineProperty(exports, "compileManifest", {
   enumerable: true,
-  get: function () { return chunkY4YNJ2EX_cjs.compileManifest; }
+  get: function () { return chunkRKPRMTSU_cjs.compileManifest; }
 });
 Object.defineProperty(exports, "currencyExponent", {
   enumerable: true,
-  get: function () { return chunkY4YNJ2EX_cjs.currencyExponent; }
+  get: function () { return chunkRKPRMTSU_cjs.currencyExponent; }
 });
 Object.defineProperty(exports, "defineFunnel", {
   enumerable: true,
-  get: function () { return chunkY4YNJ2EX_cjs.defineFunnel; }
+  get: function () { return chunkRKPRMTSU_cjs.defineFunnel; }
 });
 Object.defineProperty(exports, "definePage", {
   enumerable: true,
-  get: function () { return chunkY4YNJ2EX_cjs.definePage; }
+  get: function () { return chunkRKPRMTSU_cjs.definePage; }
 });
 Object.defineProperty(exports, "entryGuard", {
   enumerable: true,
-  get: function () { return chunkY4YNJ2EX_cjs.entryGuard; }
+  get: function () { return chunkRKPRMTSU_cjs.entryGuard; }
 });
 Object.defineProperty(exports, "evaluateCondition", {
   enumerable: true,
-  get: function () { return chunkY4YNJ2EX_cjs.evaluateCondition; }
+  get: function () { return chunkRKPRMTSU_cjs.evaluateCondition; }
 });
 Object.defineProperty(exports, "evaluateGate", {
   enumerable: true,
-  get: function () { return chunkY4YNJ2EX_cjs.evaluateGate; }
+  get: function () { return chunkRKPRMTSU_cjs.evaluateGate; }
 });
 Object.defineProperty(exports, "expectedPathLength", {
   enumerable: true,
-  get: function () { return chunkY4YNJ2EX_cjs.expectedPathLength; }
+  get: function () { return chunkRKPRMTSU_cjs.expectedPathLength; }
 });
 Object.defineProperty(exports, "fnv1a", {
   enumerable: true,
-  get: function () { return chunkY4YNJ2EX_cjs.fnv1a; }
+  get: function () { return chunkRKPRMTSU_cjs.fnv1a; }
 });
 Object.defineProperty(exports, "formatMoney", {
   enumerable: true,
-  get: function () { return chunkY4YNJ2EX_cjs.formatMoney; }
+  get: function () { return chunkRKPRMTSU_cjs.formatMoney; }
 });
 Object.defineProperty(exports, "formatOffering", {
   enumerable: true,
-  get: function () { return chunkY4YNJ2EX_cjs.formatOffering; }
+  get: function () { return chunkRKPRMTSU_cjs.formatOffering; }
+});
+Object.defineProperty(exports, "groupProgress", {
+  enumerable: true,
+  get: function () { return chunkRKPRMTSU_cjs.groupProgress; }
 });
 Object.defineProperty(exports, "hashToUnit", {
   enumerable: true,
-  get: function () { return chunkY4YNJ2EX_cjs.hashToUnit; }
+  get: function () { return chunkRKPRMTSU_cjs.hashToUnit; }
 });
 Object.defineProperty(exports, "isRtl", {
   enumerable: true,
-  get: function () { return chunkY4YNJ2EX_cjs.isRtl; }
+  get: function () { return chunkRKPRMTSU_cjs.isRtl; }
 });
 Object.defineProperty(exports, "isVariantKey", {
   enumerable: true,
-  get: function () { return chunkY4YNJ2EX_cjs.isVariantKey; }
+  get: function () { return chunkRKPRMTSU_cjs.isVariantKey; }
 });
 Object.defineProperty(exports, "nextPage", {
   enumerable: true,
-  get: function () { return chunkY4YNJ2EX_cjs.nextPage; }
+  get: function () { return chunkRKPRMTSU_cjs.nextPage; }
 });
 Object.defineProperty(exports, "outgoingKeys", {
   enumerable: true,
-  get: function () { return chunkY4YNJ2EX_cjs.outgoingKeys; }
+  get: function () { return chunkRKPRMTSU_cjs.outgoingKeys; }
 });
 Object.defineProperty(exports, "pageMeta", {
   enumerable: true,
-  get: function () { return chunkY4YNJ2EX_cjs.pageMeta; }
+  get: function () { return chunkRKPRMTSU_cjs.pageMeta; }
 });
 Object.defineProperty(exports, "parseSlotKey", {
   enumerable: true,
-  get: function () { return chunkY4YNJ2EX_cjs.parseSlotKey; }
+  get: function () { return chunkRKPRMTSU_cjs.parseSlotKey; }
 });
 Object.defineProperty(exports, "pickByWeight", {
   enumerable: true,
-  get: function () { return chunkY4YNJ2EX_cjs.pickByWeight; }
+  get: function () { return chunkRKPRMTSU_cjs.pickByWeight; }
 });
 Object.defineProperty(exports, "resolveExperiments", {
   enumerable: true,
-  get: function () { return chunkY4YNJ2EX_cjs.resolveExperiments; }
+  get: function () { return chunkRKPRMTSU_cjs.resolveExperiments; }
 });
 Object.defineProperty(exports, "resolveLocale", {
   enumerable: true,
-  get: function () { return chunkY4YNJ2EX_cjs.resolveLocale; }
+  get: function () { return chunkRKPRMTSU_cjs.resolveLocale; }
 });
 Object.defineProperty(exports, "resolveOffering", {
   enumerable: true,
-  get: function () { return chunkY4YNJ2EX_cjs.resolveOffering; }
+  get: function () { return chunkRKPRMTSU_cjs.resolveOffering; }
 });
 Object.defineProperty(exports, "resolveRoute", {
   enumerable: true,
-  get: function () { return chunkY4YNJ2EX_cjs.resolveRoute; }
+  get: function () { return chunkRKPRMTSU_cjs.resolveRoute; }
 });
 Object.defineProperty(exports, "INLINE_SURFACES", {
   enumerable: true,
@@ -3906,6 +3927,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;