@appfunnel-dev/sdk 2.0.0-canary.5 → 2.0.0-canary.7

package/dist/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkG44BUG6G_cjs = require('./chunk-G44BUG6G.cjs');
+var chunkBPOAWI4G_cjs = require('./chunk-BPOAWI4G.cjs');
 var chunkWYUDL4FI_cjs = require('./chunk-WYUDL4FI.cjs');
 var chunkQMAZGLGV_cjs = require('./chunk-QMAZGLGV.cjs');
 require('./chunk-EMMSS5I5.cjs');
@@ -392,7 +392,9 @@ function createBus(accessors, now2 = () => Date.now()) {
   const currentNav = () => {
     if (!nav && !warnedNoNav) {
       warnedNoNav = true;
-      console.warn("[appfunnel] window.appfunnel navigation called before the funnel flow mounted \u2014 ignored");
+      console.warn(
+        "[appfunnel] window.appfunnel navigation called before the funnel flow mounted \u2014 ignored"
+      );
     }
     return nav;
   };
@@ -407,7 +409,18 @@ function createBus(accessors, now2 = () => Date.now()) {
   const goNext = () => currentNav()?.goNext();
   const goPrevious = () => currentNav()?.goPrevious();
   const navigation = () => nav?.snapshot() ?? null;
-  return { on, off, events, emit, registerNavigation, goTo, goNext, goPrevious, navigation, ...accessors };
+  return {
+    on,
+    off,
+    events,
+    emit,
+    registerNavigation,
+    goTo,
+    goNext,
+    goPrevious,
+    navigation,
+    ...accessors
+  };
 }
 function withBus(tracker, bus) {
   return {
@@ -491,9 +504,9 @@ function LocaleProvider({
   override,
   children
 }) {
-  const [locale, setLocale] = React.useState(() => chunkG44BUG6G_cjs.resolveLocale(config, detected, override));
+  const [locale, setLocale] = React.useState(() => chunkBPOAWI4G_cjs.resolveLocale(config, detected, override));
   React.useEffect(() => {
-    setLocale(chunkG44BUG6G_cjs.resolveLocale(config, detected, override));
+    setLocale(chunkBPOAWI4G_cjs.resolveLocale(config, detected, override));
   }, [config, detected, override]);
   const value = React.useMemo(
     () => ({ locale, setLocale, config, catalog }),
@@ -565,7 +578,7 @@ function useTranslation() {
     fmt,
     locale,
     setLocale,
-    dir: chunkG44BUG6G_cjs.isRtl(locale) ? "rtl" : "ltr",
+    dir: chunkBPOAWI4G_cjs.isRtl(locale) ? "rtl" : "ltr",
     locales: config?.supported ?? [locale]
   };
 }
@@ -582,17 +595,20 @@ function useCatalog() {
   return React.useContext(CatalogContext) ?? EMPTY;
 }
 var EMPTY = /* @__PURE__ */ new Map();
-function useProduct(id) {
+function useOffering(id) {
   const catalog = useCatalog();
   const locale = useActiveLocale();
   const resolved = id ? catalog.get(id) : void 0;
-  return React.useMemo(() => resolved ? chunkG44BUG6G_cjs.formatProduct(resolved, locale) : void 0, [resolved, locale]);
+  return React.useMemo(
+    () => resolved ? chunkBPOAWI4G_cjs.formatOffering(resolved, locale) : void 0,
+    [resolved, locale]
+  );
 }
-function useProducts() {
+function useOfferings() {
   const catalog = useCatalog();
   const locale = useActiveLocale();
   return React.useMemo(
-    () => Array.from(catalog.values()).map((r) => chunkG44BUG6G_cjs.formatProduct(r, locale)),
+    () => Array.from(catalog.values()).map((r) => chunkBPOAWI4G_cjs.formatOffering(r, locale)),
     [catalog, locale]
   );
 }
@@ -770,10 +786,10 @@ function FunnelView({
     [pages]
   );
   const seedRef = React.useRef(null);
-  if (seedRef.current === null) seedRef.current = chunkG44BUG6G_cjs.bucketingSeed(funnel.context);
+  if (seedRef.current === null) seedRef.current = chunkBPOAWI4G_cjs.bucketingSeed(funnel.context);
   const seed = seedRef.current;
   const experiments = React.useMemo(
-    () => chunkG44BUG6G_cjs.resolveExperiments(pages, funnel.experiments, seed),
+    () => chunkBPOAWI4G_cjs.resolveExperiments(pages, funnel.experiments, seed),
     [pages, funnel.experiments, seed]
   );
   const toSlot = React.useCallback((k) => experiments.slotOf[k] ?? k, [experiments]);
@@ -784,8 +800,12 @@ function FunnelView({
     [experiments, pageByKey]
   );
   const flow = React.useMemo(
-    () => flowPages.map((p) => ({ key: p.key, meta: p.meta })),
-    [flowPages]
+    () => flowPages.map((p) => {
+      const servedVariant = experiments.render[p.key];
+      const variantNext = servedVariant ? pageByKey.get(servedVariant)?.meta?.next : void 0;
+      return variantNext ? { key: p.key, meta: { ...p.meta ?? {}, next: variantNext } } : { key: p.key, meta: p.meta };
+    }),
+    [flowPages, experiments, pageByKey]
   );
   const [history, setHistory] = React.useState(() => {
     const start = flowPages[0]?.key;
@@ -793,8 +813,8 @@ function FunnelView({
     const target = toSlot(initialKey);
     const page2 = flowPages.find((p) => p.key === target);
     if (trustInitialKey) return page2 ? [target] : start ? [start] : [];
-    const guard = chunkG44BUG6G_cjs.entryGuard(page2?.meta);
-    const ok = page2 && (!guard || chunkG44BUG6G_cjs.evaluateGate(guard, funnel.snapshot()));
+    const guard = chunkBPOAWI4G_cjs.entryGuard(page2?.meta);
+    const ok = page2 && (!guard || chunkBPOAWI4G_cjs.evaluateGate(guard, funnel.snapshot()));
     const first = ok ? target : start;
     return first ? [first] : [];
   });
@@ -802,7 +822,7 @@ function FunnelView({
   const index = history.length - 1;
   const startKey = history[0];
   const total = React.useMemo(
-    () => chunkG44BUG6G_cjs.expectedPathLength(flow, startKey, funnel.snapshot()),
+    () => chunkBPOAWI4G_cjs.expectedPathLength(flow, startKey, funnel.snapshot()),
     // currentKey in deps: re-trace as each step's answers settle the branch.
     [flow, startKey, currentKey, funnel]
   );
@@ -837,7 +857,7 @@ function FunnelView({
   usePageExitTimer(tracker, currentKey);
   const [isNavigating, startNav] = React.useTransition();
   const next = React.useCallback(() => {
-    const target = chunkG44BUG6G_cjs.nextPage(flow, currentKey, funnel.snapshot());
+    const target = chunkBPOAWI4G_cjs.nextPage(flow, currentKey, funnel.snapshot());
     const resolved = target ? toSlot(target) : target;
     if (resolved) startNav(() => setHistory((h) => [...h, resolved]));
   }, [flow, currentKey, funnel, toSlot]);
@@ -861,7 +881,7 @@ function FunnelView({
     [loaders, toRenderKey]
   );
   const nextCandidates = React.useMemo(
-    () => [...new Set(chunkG44BUG6G_cjs.outgoingKeys(flow, currentKey).map(toRenderKey))],
+    () => [...new Set(chunkBPOAWI4G_cjs.outgoingKeys(flow, currentKey).map(toRenderKey))],
     [flow, currentKey, toRenderKey]
   );
   React.useEffect(() => {
@@ -1009,7 +1029,7 @@ function EmbedBridge() {
 function usePage() {
   return useNavigation().page;
 }
-var symModalId = /* @__PURE__ */ Symbol("AppFunnelModalId");
+var symModalId = /* @__PURE__ */ Symbol("AppfunnelModalId");
 var initialState = {};
 var ModalStateContext = React.createContext(initialState);
 var ModalIdContext = React.createContext(null);
@@ -1024,7 +1044,9 @@ var runtimeStack = [];
 var dispatch = (action) => {
   const top = runtimeStack[runtimeStack.length - 1];
   if (!top) {
-    throw new Error("No modal dispatch \u2014 render inside <FunnelProvider> (which mounts the modal runtime).");
+    throw new Error(
+      "No modal dispatch \u2014 render inside <FunnelProvider> (which mounts the modal runtime)."
+    );
   }
   top(action);
 };
@@ -1123,26 +1145,42 @@ function useModal(modal, args) {
   const d = React.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).");
+  if (!id)
+    throw new Error(
+      "useModal: no modal id (call inside a defineModal component, or pass an id/component)."
+    );
   React.useEffect(() => {
-    if (isComponent && !REGISTRY[id]) registerModal(id, modal, args);
+    if (isComponent && !REGISTRY[id])
+      registerModal(id, modal, args);
   }, [isComponent, id, modal, args]);
   const info = modals[id];
-  const show = React.useCallback((a) => showModalVia(d, id, a), [d, id]);
+  const show = React.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((v) => {
-    modalCallbacks[id]?.resolve(v);
-    delete modalCallbacks[id];
-  }, [id]);
-  const reject = React.useCallback((v) => {
-    modalCallbacks[id]?.reject(v);
-    delete modalCallbacks[id];
-  }, [id]);
-  const resolveHide = React.useCallback((v) => {
-    hideCallbacks[id]?.resolve(v);
-    delete hideCallbacks[id];
-  }, [id]);
+  const resolve = React.useCallback(
+    (v) => {
+      modalCallbacks[id]?.resolve(v);
+      delete modalCallbacks[id];
+    },
+    [id]
+  );
+  const reject = React.useCallback(
+    (v) => {
+      modalCallbacks[id]?.reject(v);
+      delete modalCallbacks[id];
+    },
+    [id]
+  );
+  const resolveHide = React.useCallback(
+    (v) => {
+      hideCallbacks[id]?.resolve(v);
+      delete hideCallbacks[id];
+    },
+    [id]
+  );
   return React.useMemo(
     () => ({
       id,
@@ -1156,11 +1194,27 @@ function useModal(modal, args) {
       reject,
       resolveHide
     }),
-    [id, info?.args, info?.visible, info?.keepMounted, show, hide, remove, resolve, reject, resolveHide]
+    [
+      id,
+      info?.args,
+      info?.visible,
+      info?.keepMounted,
+      show,
+      hide,
+      remove,
+      resolve,
+      reject,
+      resolveHide
+    ]
   );
 }
 function defineModal(Comp) {
-  return function Wrapped({ id, defaultVisible, keepMounted, ...props }) {
+  return function Wrapped({
+    id,
+    defaultVisible,
+    keepMounted,
+    ...props
+  }) {
     const { args, show } = useModal(id);
     const modals = React.useContext(ModalStateContext);
     const d = React.useContext(ModalDispatchContext) ?? dispatch;
@@ -1193,7 +1247,9 @@ function ModalRoot() {
   return React.createElement(
     "div",
     { "data-appfunnel-modal-root": "" },
-    ...toRender.map((t) => React.createElement(t.comp, { key: t.id, id: t.id, ...t.props }))
+    ...toRender.map(
+      (t) => React.createElement(t.comp, { key: t.id, id: t.id, ...t.props })
+    )
   );
 }
 function ModalRuntime({ children }) {
@@ -1321,12 +1377,20 @@ function Modal(props) {
 
 // src/commerce/checkout.tsx
 function createMockDriver(provider = "stripe", options = {}) {
-  const success = options.result ?? { ok: true, amountMinor: 0, currency: "USD" };
-  const offError = typeof options.failOffSession === "object" ? options.failOffSession : chunkQMAZGLGV_cjs.checkoutError("authentication_required", "off-session charge declined (mock)");
+  const success = options.result ?? {
+    ok: true,
+    amountMinor: 0,
+    currency: "USD"
+  };
+  const offError = typeof options.failOffSession === "object" ? options.failOffSession : chunkQMAZGLGV_cjs.checkoutError(
+    "authentication_required",
+    "off-session charge declined (mock)"
+  );
   return {
     provider,
     start: (req) => {
-      if (options.failOffSession && !req.surface) return Promise.resolve({ ok: false, error: offError });
+      if (options.failOffSession && !req.surface)
+        return Promise.resolve({ ok: false, error: offError });
       return Promise.resolve(success);
     },
     renderInline: (req, cb) => React.createElement(
@@ -1337,7 +1401,13 @@ function createMockDriver(provider = "stripe", options = {}) {
         onClick: () => {
           cb.onStart?.();
           if (success.ok) cb.onSuccess(success);
-          else cb.onError(success.error ?? chunkQMAZGLGV_cjs.checkoutError("processing_error", "failed (mock)"));
+          else
+            cb.onError(
+              success.error ?? chunkQMAZGLGV_cjs.checkoutError(
+                "processing_error",
+                "failed (mock)"
+              )
+            );
         }
       },
       `Pay (mock ${req.surface})`
@@ -1395,11 +1465,11 @@ function useCheckout(opts = {}) {
     [catalog, kind]
   );
   const recovering = React.useRef(false);
-  const failRef = React.useRef(() => {
-  });
-  const attemptRef = React.useRef(
-    async () => ({ ok: false })
+  const failRef = React.useRef(
+    () => {
+    }
   );
+  const attemptRef = React.useRef(async () => ({ ok: false }));
   const succeed = React.useCallback(
     (result, product) => {
       setStatus("success");
@@ -1413,7 +1483,12 @@ function useCheckout(opts = {}) {
         // server-minted (browser↔CAPI dedup); undefined if none
       });
       if (isSubscription) {
-        tracker.track("subscription.created", { amount, currency: result.currency, productId, eventId: result.eventId });
+        tracker.track("subscription.created", {
+          amount,
+          currency: result.currency,
+          productId,
+          eventId: result.eventId
+        });
       }
       opts.onSuccess?.(result);
       if (advance) nav.next();
@@ -1427,14 +1502,25 @@ function useCheckout(opts = {}) {
       setStatus("loading");
       setError(null);
       const { productId, amount, currency } = productFacts(product);
-      tracker.track("checkout.start", { productId, amount, currency, surface, eventId: newEventId() });
+      tracker.track("checkout.start", {
+        productId,
+        amount,
+        currency,
+        surface,
+        eventId: newEventId()
+      });
     },
     [tracker, productFacts]
   );
   const paymentAdded = React.useCallback(
     (product) => {
       const { productId, amount, currency } = productFacts(product);
-      tracker.track("checkout.payment_added", { productId, amount, currency, eventId: newEventId() });
+      tracker.track("checkout.payment_added", {
+        productId,
+        amount,
+        currency,
+        eventId: newEventId()
+      });
     },
     [tracker, productFacts]
   );
@@ -1457,7 +1543,9 @@ function useCheckout(opts = {}) {
     }
   };
   failRef.current = (err, product) => {
-    setStatus(err.category === "authentication_required" ? "requires_action" : "error");
+    setStatus(
+      err.category === "authentication_required" ? "requires_action" : "error"
+    );
     setError(err);
     tracker.track("checkout.failed", {
       category: err.category,
@@ -1488,35 +1576,59 @@ function useCheckout(opts = {}) {
           if (!product) return;
           recovering.current = true;
           if (!surface) {
-            if (intent === "upsell") void attemptRef.current(product);
-            else startRecovery(product, chunkQMAZGLGV_cjs.PROVIDER_PROFILES[driver.provider]?.surfaces.sheet ? "sheet" : "popup");
+            if (intent === "upsell")
+              void attemptRef.current(product);
+            else
+              startRecovery(
+                product,
+                chunkQMAZGLGV_cjs.PROVIDER_PROFILES[driver.provider]?.surfaces.sheet ? "sheet" : "popup"
+              );
             return;
           }
           startRecovery(product, surface);
         }
       };
-      void showModal(route.modal, props);
+      void showModal(
+        route.modal,
+        props
+      );
     } else if ("fallback" in route) {
-      if (product && !recovering.current) startRecovery(product, route.fallback);
+      if (product && !recovering.current)
+        startRecovery(product, route.fallback);
     }
   };
   attemptRef.current = async (product, surface) => {
     begin(product, surface);
     try {
-      const result = await driver.start({ product, intent, surface, kind });
+      const result = await driver.start({
+        product,
+        intent,
+        surface,
+        kind
+      });
       if (result.ok) succeedRef.current(result, product);
-      else failRef.current(result.error ?? chunkQMAZGLGV_cjs.checkoutError("unknown", "Checkout failed"), product);
+      else
+        failRef.current(
+          result.error ?? chunkQMAZGLGV_cjs.checkoutError("unknown", "Checkout failed"),
+          product
+        );
       return result;
     } catch (e) {
-      const err = chunkQMAZGLGV_cjs.checkoutError("processing_error", e instanceof Error ? e.message : "Checkout failed");
+      const err = chunkQMAZGLGV_cjs.checkoutError(
+        "processing_error",
+        e instanceof Error ? e.message : "Checkout failed"
+      );
       failRef.current(err, product);
       return { ok: false, error: err };
     }
   };
-  const open = React.useCallback(async (product, surface) => {
-    recovering.current = false;
-    return attemptRef.current(product, surface);
-  }, []);
+  const open = React.useCallback(
+    async (product, surface) => {
+      recovering.current = false;
+      return attemptRef.current(product, surface);
+    },
+    []
+  );
   const callbacksFor = React.useCallback(
     (product, surface) => ({
       onStart: () => {
@@ -1534,7 +1646,14 @@ function useCheckout(opts = {}) {
     setStatus("idle");
     setError(null);
   }, []);
-  return { open, status, error, isLoading: status === "loading", reset, callbacksFor };
+  return {
+    open,
+    status,
+    error,
+    isLoading: status === "loading",
+    reset,
+    callbacksFor
+  };
 }
 var CheckoutSheet = defineModal(({ product, surface, intent, kind, onSuccess, onError, onPaymentAdded }) => {
   const driver = useDriver();
@@ -1547,7 +1666,10 @@ var CheckoutSheet = defineModal(({ product, surface, intent, kind, onSuccess, on
     if (!hostable) {
       resolved.current = true;
       onErrorRef.current(
-        chunkQMAZGLGV_cjs.checkoutError("processing_error", "This checkout driver has no inline surface to host in the sheet")
+        chunkQMAZGLGV_cjs.checkoutError(
+          "processing_error",
+          "This checkout driver has no inline surface to host in the sheet"
+        )
       );
       void modal.hide();
       modal.remove();
@@ -1555,7 +1677,12 @@ var CheckoutSheet = defineModal(({ product, surface, intent, kind, onSuccess, on
     }
     return () => {
       if (!resolved.current) {
-        onErrorRef.current(chunkQMAZGLGV_cjs.checkoutError("canceled", "Checkout was dismissed before completing"));
+        onErrorRef.current(
+          chunkQMAZGLGV_cjs.checkoutError(
+            "canceled",
+            "Checkout was dismissed before completing"
+          )
+        );
       }
     };
   }, []);
@@ -1582,21 +1709,31 @@ var CheckoutSheet = defineModal(({ product, surface, intent, kind, onSuccess, on
     )
   });
 });
-function trigger(onClick, { asChild, children, className, disabled }) {
+function trigger(onClick, {
+  asChild,
+  children,
+  className,
+  disabled
+}) {
   if (asChild && React.isValidElement(children)) {
     const child = children;
     return React.cloneElement(child, { onClick });
   }
-  return React.createElement("button", { type: "button", className, disabled, onClick }, children ?? "Continue");
+  return React.createElement(
+    "button",
+    { type: "button", className, disabled, onClick },
+    children ?? "Continue"
+  );
 }
 function Checkout({
-  product,
+  offering,
   surface,
   asChild,
   children,
   className,
   ...options
 }) {
+  const product = offering;
   const driver = useDriver();
   const checkout = useCheckout(options);
   const intent = options.intent ?? "purchase";
@@ -1604,7 +1741,10 @@ function Checkout({
     return driver.renderInline ? React.createElement(
       "div",
       { key: product, className },
-      driver.renderInline({ product, intent, surface }, checkout.callbacksFor(product, surface))
+      driver.renderInline(
+        { product, intent, surface },
+        checkout.callbacksFor(product, surface)
+      )
     ) : null;
   }
   if (surface === "sheet") {
@@ -1621,7 +1761,12 @@ function Checkout({
         onPaymentAdded: cb.onPaymentAdded
       });
     };
-    return trigger(open, { asChild, children, className, disabled: checkout.isLoading });
+    return trigger(open, {
+      asChild,
+      children,
+      className,
+      disabled: checkout.isLoading
+    });
   }
   return trigger(() => checkout.open(product, surface), {
     asChild,
@@ -1630,18 +1775,29 @@ function Checkout({
     disabled: checkout.isLoading
   });
 }
-function Upsell({ product, fallback, asChild, children, className, ...options }) {
+function Upsell({
+  offering,
+  fallback,
+  asChild,
+  children,
+  className,
+  ...options
+}) {
+  const product = offering;
   const checkout = useCheckout({
     ...options,
     intent: "upsell",
     recoverySurface: fallback ?? options.recoverySurface
   });
-  return trigger(() => void checkout.open(product), {
-    asChild,
-    children: children ?? "Add to my plan",
-    className,
-    disabled: checkout.isLoading
-  });
+  return trigger(
+    () => void checkout.open(product),
+    {
+      asChild,
+      children: children ?? "Add to my plan",
+      className,
+      disabled: checkout.isLoading
+    }
+  );
 }
 var consumedResumes = /* @__PURE__ */ new Set();
 function CheckoutResume(options = {}) {
@@ -1659,10 +1815,19 @@ function CheckoutResume(options = {}) {
       const cb = callbacksRef.current();
       if (result.ok) {
         url.searchParams.delete("af_checkout");
-        window.history.replaceState(window.history.state, "", url.toString());
+        window.history.replaceState(
+          window.history.state,
+          "",
+          url.toString()
+        );
         cb.onSuccess(result);
       } else {
-        cb.onError(result.error ?? chunkQMAZGLGV_cjs.checkoutError("unknown", "The checkout could not be verified"));
+        cb.onError(
+          result.error ?? chunkQMAZGLGV_cjs.checkoutError(
+            "unknown",
+            "The checkout could not be verified"
+          )
+        );
       }
     });
   }, []);
@@ -2777,7 +2942,8 @@ var Namespace = class {
     const out = {};
     const all = this.store.getState();
     for (const key in all) {
-      if (key.startsWith(this.dot)) out[key.slice(this.dot.length)] = all[key];
+      if (key.startsWith(this.dot))
+        out[key.slice(this.dot.length)] = all[key];
     }
     return out;
   }
@@ -2826,7 +2992,7 @@ function FunnelProvider({
   deferSessionValues = false,
   tracker,
   context: contextOpts,
-  products,
+  offerings,
   experiments,
   checkout,
   messages,
@@ -2862,7 +3028,7 @@ function FunnelProvider({
       const value2 = s.get("user.email");
       return typeof value2 === "string" && /^[^\s@]+@[^\s@]+\.[^\s@]{2,}$/.test(value2) ? value2 : void 0;
     };
-    const catalog = chunkG44BUG6G_cjs.buildCatalog(products ?? []);
+    const catalog = chunkBPOAWI4G_cjs.buildCatalog(offerings ?? []);
     return {
       funnel: createFunnel(s, ctx, busTracker, experiments ?? []),
       store: s,
@@ -2870,7 +3036,13 @@ function FunnelProvider({
       catalog,
       // Slot → catalog-key resolution wraps the email-enriching driver, so the wire charges the real
       // catalog key while pages + analytics keep the durable SLOT identity (req.product).
-      driver: driverWithCatalog(driverWithEmail(checkout ?? createMockDriver(), emailForCheckout), catalog),
+      driver: driverWithCatalog(
+        driverWithEmail(
+          checkout ?? createMockDriver(),
+          emailForCheckout
+        ),
+        catalog
+      ),
       tracker: busTracker,
       bus
     };
@@ -2879,7 +3051,8 @@ function FunnelProvider({
   React.useEffect(() => {
     if (!deferSessionValues || !sessionValues) return;
     const updates = {};
-    for (const [key, v] of Object.entries(sessionValues)) if (v !== void 0) updates[key] = v;
+    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(() => {
@@ -2910,7 +3083,9 @@ var FALLBACK_TRACKER = createConsoleTracker({ silent: true });
 function useFunnelCtx() {
   const ctx = React.useContext(FunnelCtx);
   if (!ctx) {
-    throw new Error("useFunnel/useResponse/\u2026 must be used inside <FunnelProvider>");
+    throw new Error(
+      "useFunnel/useResponse/\u2026 must be used inside <FunnelProvider>"
+    );
   }
   return ctx;
 }
@@ -2948,7 +3123,9 @@ function useField(path) {
   const key = path.slice(dot + 1);
   const { funnel, store } = useFunnelCtx();
   if (!(ns in NAMESPACE_PREFIX)) {
-    throw new Error(`useField: "${path}" is not a writable namespace (user/responses/data)`);
+    throw new Error(
+      `useField: "${path}" is not a writable namespace (user/responses/data)`
+    );
   }
   const value = useStoreKey(store, `${NAMESPACE_PREFIX[ns]}.${key}`);
   const set = React.useCallback(
@@ -2978,7 +3155,10 @@ function useSystem() {
 function useContextValue(path) {
   const ctx = useContextObject();
   return React.useMemo(
-    () => path.split(".").reduce((acc, k) => acc?.[k], ctx),
+    () => path.split(".").reduce(
+      (acc, k) => acc?.[k],
+      ctx
+    ),
     [ctx, path]
   );
 }
@@ -3335,7 +3515,7 @@ function createFunnelTree({
       assets: opts.assets,
       children: React.createElement(FunnelProvider, {
         config,
-        products: opts.products ?? [],
+        offerings: opts.offerings ?? [],
         messages: opts.messages ?? messages,
         locale: opts.locale,
         tracker,
@@ -3508,111 +3688,107 @@ function Script({
 
 Object.defineProperty(exports, "assignVariant", {
   enumerable: true,
-  get: function () { return chunkG44BUG6G_cjs.assignVariant; }
+  get: function () { return chunkBPOAWI4G_cjs.assignVariant; }
 });
 Object.defineProperty(exports, "bucketingSeed", {
   enumerable: true,
-  get: function () { return chunkG44BUG6G_cjs.bucketingSeed; }
+  get: function () { return chunkBPOAWI4G_cjs.bucketingSeed; }
 });
 Object.defineProperty(exports, "buildCatalog", {
   enumerable: true,
-  get: function () { return chunkG44BUG6G_cjs.buildCatalog; }
+  get: function () { return chunkBPOAWI4G_cjs.buildCatalog; }
 });
 Object.defineProperty(exports, "compileManifest", {
   enumerable: true,
-  get: function () { return chunkG44BUG6G_cjs.compileManifest; }
+  get: function () { return chunkBPOAWI4G_cjs.compileManifest; }
 });
 Object.defineProperty(exports, "currencyExponent", {
   enumerable: true,
-  get: function () { return chunkG44BUG6G_cjs.currencyExponent; }
+  get: function () { return chunkBPOAWI4G_cjs.currencyExponent; }
 });
 Object.defineProperty(exports, "defineFunnel", {
   enumerable: true,
-  get: function () { return chunkG44BUG6G_cjs.defineFunnel; }
+  get: function () { return chunkBPOAWI4G_cjs.defineFunnel; }
 });
 Object.defineProperty(exports, "definePage", {
   enumerable: true,
-  get: function () { return chunkG44BUG6G_cjs.definePage; }
+  get: function () { return chunkBPOAWI4G_cjs.definePage; }
 });
 Object.defineProperty(exports, "entryGuard", {
   enumerable: true,
-  get: function () { return chunkG44BUG6G_cjs.entryGuard; }
+  get: function () { return chunkBPOAWI4G_cjs.entryGuard; }
 });
 Object.defineProperty(exports, "evaluateCondition", {
   enumerable: true,
-  get: function () { return chunkG44BUG6G_cjs.evaluateCondition; }
+  get: function () { return chunkBPOAWI4G_cjs.evaluateCondition; }
 });
 Object.defineProperty(exports, "evaluateGate", {
   enumerable: true,
-  get: function () { return chunkG44BUG6G_cjs.evaluateGate; }
+  get: function () { return chunkBPOAWI4G_cjs.evaluateGate; }
 });
 Object.defineProperty(exports, "expectedPathLength", {
   enumerable: true,
-  get: function () { return chunkG44BUG6G_cjs.expectedPathLength; }
+  get: function () { return chunkBPOAWI4G_cjs.expectedPathLength; }
 });
 Object.defineProperty(exports, "fnv1a", {
   enumerable: true,
-  get: function () { return chunkG44BUG6G_cjs.fnv1a; }
+  get: function () { return chunkBPOAWI4G_cjs.fnv1a; }
 });
 Object.defineProperty(exports, "formatMoney", {
   enumerable: true,
-  get: function () { return chunkG44BUG6G_cjs.formatMoney; }
+  get: function () { return chunkBPOAWI4G_cjs.formatMoney; }
 });
-Object.defineProperty(exports, "formatProduct", {
+Object.defineProperty(exports, "formatOffering", {
   enumerable: true,
-  get: function () { return chunkG44BUG6G_cjs.formatProduct; }
+  get: function () { return chunkBPOAWI4G_cjs.formatOffering; }
 });
 Object.defineProperty(exports, "hashToUnit", {
   enumerable: true,
-  get: function () { return chunkG44BUG6G_cjs.hashToUnit; }
+  get: function () { return chunkBPOAWI4G_cjs.hashToUnit; }
 });
 Object.defineProperty(exports, "isRtl", {
   enumerable: true,
-  get: function () { return chunkG44BUG6G_cjs.isRtl; }
+  get: function () { return chunkBPOAWI4G_cjs.isRtl; }
 });
 Object.defineProperty(exports, "isVariantKey", {
   enumerable: true,
-  get: function () { return chunkG44BUG6G_cjs.isVariantKey; }
+  get: function () { return chunkBPOAWI4G_cjs.isVariantKey; }
 });
 Object.defineProperty(exports, "nextPage", {
   enumerable: true,
-  get: function () { return chunkG44BUG6G_cjs.nextPage; }
+  get: function () { return chunkBPOAWI4G_cjs.nextPage; }
 });
 Object.defineProperty(exports, "outgoingKeys", {
   enumerable: true,
-  get: function () { return chunkG44BUG6G_cjs.outgoingKeys; }
+  get: function () { return chunkBPOAWI4G_cjs.outgoingKeys; }
 });
 Object.defineProperty(exports, "pageMeta", {
   enumerable: true,
-  get: function () { return chunkG44BUG6G_cjs.pageMeta; }
+  get: function () { return chunkBPOAWI4G_cjs.pageMeta; }
 });
 Object.defineProperty(exports, "parseSlotKey", {
   enumerable: true,
-  get: function () { return chunkG44BUG6G_cjs.parseSlotKey; }
+  get: function () { return chunkBPOAWI4G_cjs.parseSlotKey; }
 });
 Object.defineProperty(exports, "pickByWeight", {
   enumerable: true,
-  get: function () { return chunkG44BUG6G_cjs.pickByWeight; }
+  get: function () { return chunkBPOAWI4G_cjs.pickByWeight; }
 });
 Object.defineProperty(exports, "resolveExperiments", {
   enumerable: true,
-  get: function () { return chunkG44BUG6G_cjs.resolveExperiments; }
+  get: function () { return chunkBPOAWI4G_cjs.resolveExperiments; }
 });
 Object.defineProperty(exports, "resolveLocale", {
   enumerable: true,
-  get: function () { return chunkG44BUG6G_cjs.resolveLocale; }
+  get: function () { return chunkBPOAWI4G_cjs.resolveLocale; }
 });
-Object.defineProperty(exports, "resolveProduct", {
+Object.defineProperty(exports, "resolveOffering", {
   enumerable: true,
-  get: function () { return chunkG44BUG6G_cjs.resolveProduct; }
+  get: function () { return chunkBPOAWI4G_cjs.resolveOffering; }
 });
 Object.defineProperty(exports, "resolveRoute", {
   enumerable: true,
-  get: function () { return chunkG44BUG6G_cjs.resolveRoute; }
-});
-Object.defineProperty(exports, "validateExperiments", {
-  enumerable: true,
-  get: function () { return chunkG44BUG6G_cjs.validateExperiments; }
+  get: function () { return chunkBPOAWI4G_cjs.resolveRoute; }
 });
 Object.defineProperty(exports, "INLINE_SURFACES", {
   enumerable: true,
@@ -3701,9 +3877,9 @@ exports.useFunnel = useFunnel;
 exports.useLocale = useLocale;
 exports.useModal = useModal;
 exports.useNavigation = useNavigation;
+exports.useOffering = useOffering;
+exports.useOfferings = useOfferings;
 exports.usePage = usePage;
-exports.useProduct = useProduct;
-exports.useProducts = useProducts;
 exports.useResponse = useResponse;
 exports.useSystem = useSystem;
 exports.useTracker = useTracker;