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

package/dist/index.cjs

@@ -1,8 +1,8 @@
 'use strict';
 
-var chunkBPOAWI4G_cjs = require('./chunk-BPOAWI4G.cjs');
+var chunkY4YNJ2EX_cjs = require('./chunk-Y4YNJ2EX.cjs');
 var chunkWYUDL4FI_cjs = require('./chunk-WYUDL4FI.cjs');
-var chunkQMAZGLGV_cjs = require('./chunk-QMAZGLGV.cjs');
+var chunk7JLOF6CJ_cjs = require('./chunk-7JLOF6CJ.cjs');
 require('./chunk-EMMSS5I5.cjs');
 var React = require('react');
 var ReactDOM = require('react-dom');
@@ -504,9 +504,9 @@ function LocaleProvider({
   override,
   children
 }) {
-  const [locale, setLocale] = React.useState(() => chunkBPOAWI4G_cjs.resolveLocale(config, detected, override));
+  const [locale, setLocale] = React.useState(() => chunkY4YNJ2EX_cjs.resolveLocale(config, detected, override));
   React.useEffect(() => {
-    setLocale(chunkBPOAWI4G_cjs.resolveLocale(config, detected, override));
+    setLocale(chunkY4YNJ2EX_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: chunkBPOAWI4G_cjs.isRtl(locale) ? "rtl" : "ltr",
+    dir: chunkY4YNJ2EX_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 ? chunkBPOAWI4G_cjs.formatOffering(resolved, locale) : void 0,
+    () => resolved ? chunkY4YNJ2EX_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) => chunkBPOAWI4G_cjs.formatOffering(r, locale)),
+    () => Array.from(catalog.values()).map((r) => chunkY4YNJ2EX_cjs.formatOffering(r, locale)),
     [catalog, locale]
   );
 }
@@ -786,10 +786,10 @@ function FunnelView({
     [pages]
   );
   const seedRef = React.useRef(null);
-  if (seedRef.current === null) seedRef.current = chunkBPOAWI4G_cjs.bucketingSeed(funnel.context);
+  if (seedRef.current === null) seedRef.current = chunkY4YNJ2EX_cjs.bucketingSeed(funnel.context);
   const seed = seedRef.current;
   const experiments = React.useMemo(
-    () => chunkBPOAWI4G_cjs.resolveExperiments(pages, funnel.experiments, seed),
+    () => chunkY4YNJ2EX_cjs.resolveExperiments(pages, funnel.experiments, seed),
     [pages, funnel.experiments, seed]
   );
   const toSlot = React.useCallback((k) => experiments.slotOf[k] ?? k, [experiments]);
@@ -813,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 = chunkBPOAWI4G_cjs.entryGuard(page2?.meta);
-    const ok = page2 && (!guard || chunkBPOAWI4G_cjs.evaluateGate(guard, funnel.snapshot()));
+    const guard = chunkY4YNJ2EX_cjs.entryGuard(page2?.meta);
+    const ok = page2 && (!guard || chunkY4YNJ2EX_cjs.evaluateGate(guard, funnel.snapshot()));
     const first = ok ? target : start;
     return first ? [first] : [];
   });
@@ -822,7 +822,7 @@ function FunnelView({
   const index = history.length - 1;
   const startKey = history[0];
   const total = React.useMemo(
-    () => chunkBPOAWI4G_cjs.expectedPathLength(flow, startKey, funnel.snapshot()),
+    () => chunkY4YNJ2EX_cjs.expectedPathLength(flow, startKey, funnel.snapshot()),
     // currentKey in deps: re-trace as each step's answers settle the branch.
     [flow, startKey, currentKey, funnel]
   );
@@ -857,7 +857,7 @@ function FunnelView({
   usePageExitTimer(tracker, currentKey);
   const [isNavigating, startNav] = React.useTransition();
   const next = React.useCallback(() => {
-    const target = chunkBPOAWI4G_cjs.nextPage(flow, currentKey, funnel.snapshot());
+    const target = chunkY4YNJ2EX_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 +881,7 @@ function FunnelView({
     [loaders, toRenderKey]
   );
   const nextCandidates = React.useMemo(
-    () => [...new Set(chunkBPOAWI4G_cjs.outgoingKeys(flow, currentKey).map(toRenderKey))],
+    () => [...new Set(chunkY4YNJ2EX_cjs.outgoingKeys(flow, currentKey).map(toRenderKey))],
     [flow, currentKey, toRenderKey]
   );
   React.useEffect(() => {
@@ -1382,7 +1382,7 @@ function createMockDriver(provider = "stripe", options = {}) {
     amountMinor: 0,
     currency: "USD"
   };
-  const offError = typeof options.failOffSession === "object" ? options.failOffSession : chunkQMAZGLGV_cjs.checkoutError(
+  const offError = typeof options.failOffSession === "object" ? options.failOffSession : chunk7JLOF6CJ_cjs.checkoutError(
     "authentication_required",
     "off-session charge declined (mock)"
   );
@@ -1403,7 +1403,7 @@ function createMockDriver(provider = "stripe", options = {}) {
           if (success.ok) cb.onSuccess(success);
           else
             cb.onError(
-              success.error ?? chunkQMAZGLGV_cjs.checkoutError(
+              success.error ?? chunk7JLOF6CJ_cjs.checkoutError(
                 "processing_error",
                 "failed (mock)"
               )
@@ -1524,7 +1524,7 @@ function useCheckout(opts = {}) {
     },
     [tracker, productFacts]
   );
-  const hostInSheet = (surface) => surface === "sheet" || chunkQMAZGLGV_cjs.isInlineSurface(surface) && !!chunkQMAZGLGV_cjs.PROVIDER_PROFILES[driver.provider]?.surfaces.sheet;
+  const hostInSheet = (surface) => surface === "sheet" || chunk7JLOF6CJ_cjs.isInlineSurface(surface) && !!chunk7JLOF6CJ_cjs.PROVIDER_PROFILES[driver.provider]?.surfaces.sheet;
   const startRecovery = (product, surface) => {
     recovering.current = true;
     if (hostInSheet(surface)) {
@@ -1581,7 +1581,7 @@ function useCheckout(opts = {}) {
             else
               startRecovery(
                 product,
-                chunkQMAZGLGV_cjs.PROVIDER_PROFILES[driver.provider]?.surfaces.sheet ? "sheet" : "popup"
+                chunk7JLOF6CJ_cjs.PROVIDER_PROFILES[driver.provider]?.surfaces.sheet ? "sheet" : "popup"
               );
             return;
           }
@@ -1609,12 +1609,12 @@ function useCheckout(opts = {}) {
       if (result.ok) succeedRef.current(result, product);
       else
         failRef.current(
-          result.error ?? chunkQMAZGLGV_cjs.checkoutError("unknown", "Checkout failed"),
+          result.error ?? chunk7JLOF6CJ_cjs.checkoutError("unknown", "Checkout failed"),
           product
         );
       return result;
     } catch (e) {
-      const err = chunkQMAZGLGV_cjs.checkoutError(
+      const err = chunk7JLOF6CJ_cjs.checkoutError(
         "processing_error",
         e instanceof Error ? e.message : "Checkout failed"
       );
@@ -1666,7 +1666,7 @@ var CheckoutSheet = defineModal(({ product, surface, intent, kind, onSuccess, on
     if (!hostable) {
       resolved.current = true;
       onErrorRef.current(
-        chunkQMAZGLGV_cjs.checkoutError(
+        chunk7JLOF6CJ_cjs.checkoutError(
           "processing_error",
           "This checkout driver has no inline surface to host in the sheet"
         )
@@ -1678,7 +1678,7 @@ var CheckoutSheet = defineModal(({ product, surface, intent, kind, onSuccess, on
     return () => {
       if (!resolved.current) {
         onErrorRef.current(
-          chunkQMAZGLGV_cjs.checkoutError(
+          chunk7JLOF6CJ_cjs.checkoutError(
             "canceled",
             "Checkout was dismissed before completing"
           )
@@ -1725,9 +1725,21 @@ function trigger(onClick, {
     children ?? "Continue"
   );
 }
+function detectDeviceClass() {
+  if (typeof window === "undefined") return "desktop";
+  const ua = navigator.userAgent?.toLowerCase() ?? "";
+  if (/mobile|android(?!.*tablet)|iphone|ipod/.test(ua)) return "mobile";
+  try {
+    if (window.matchMedia?.("(pointer: coarse)").matches && window.innerWidth > 0 && window.innerWidth < 768) {
+      return "mobile";
+    }
+  } catch {
+  }
+  return "desktop";
+}
 function Checkout({
   offering,
-  surface,
+  surface: surfacePreference,
   asChild,
   children,
   className,
@@ -1735,9 +1747,12 @@ function Checkout({
 }) {
   const product = offering;
   const driver = useDriver();
+  const [surface] = React.useState(
+    () => chunk7JLOF6CJ_cjs.resolveSurface(driver.provider, surfacePreference, detectDeviceClass())
+  );
   const checkout = useCheckout(options);
   const intent = options.intent ?? "purchase";
-  if (chunkQMAZGLGV_cjs.isInlineSurface(surface)) {
+  if (chunk7JLOF6CJ_cjs.isInlineSurface(surface)) {
     return driver.renderInline ? React.createElement(
       "div",
       { key: product, className },
@@ -1823,7 +1838,7 @@ function CheckoutResume(options = {}) {
         cb.onSuccess(result);
       } else {
         cb.onError(
-          result.error ?? chunkQMAZGLGV_cjs.checkoutError(
+          result.error ?? chunk7JLOF6CJ_cjs.checkoutError(
             "unknown",
             "The checkout could not be verified"
           )
@@ -3028,7 +3043,7 @@ function FunnelProvider({
       const value2 = s.get("user.email");
       return typeof value2 === "string" && /^[^\s@]+@[^\s@]+\.[^\s@]{2,}$/.test(value2) ? value2 : void 0;
     };
-    const catalog = chunkBPOAWI4G_cjs.buildCatalog(offerings ?? []);
+    const catalog = chunkY4YNJ2EX_cjs.buildCatalog(offerings ?? []);
     return {
       funnel: createFunnel(s, ctx, busTracker, experiments ?? []),
       store: s,
@@ -3688,143 +3703,155 @@ function Script({
 
 Object.defineProperty(exports, "assignVariant", {
   enumerable: true,
-  get: function () { return chunkBPOAWI4G_cjs.assignVariant; }
+  get: function () { return chunkY4YNJ2EX_cjs.assignVariant; }
 });
 Object.defineProperty(exports, "bucketingSeed", {
   enumerable: true,
-  get: function () { return chunkBPOAWI4G_cjs.bucketingSeed; }
+  get: function () { return chunkY4YNJ2EX_cjs.bucketingSeed; }
 });
 Object.defineProperty(exports, "buildCatalog", {
   enumerable: true,
-  get: function () { return chunkBPOAWI4G_cjs.buildCatalog; }
+  get: function () { return chunkY4YNJ2EX_cjs.buildCatalog; }
 });
 Object.defineProperty(exports, "compileManifest", {
   enumerable: true,
-  get: function () { return chunkBPOAWI4G_cjs.compileManifest; }
+  get: function () { return chunkY4YNJ2EX_cjs.compileManifest; }
 });
 Object.defineProperty(exports, "currencyExponent", {
   enumerable: true,
-  get: function () { return chunkBPOAWI4G_cjs.currencyExponent; }
+  get: function () { return chunkY4YNJ2EX_cjs.currencyExponent; }
 });
 Object.defineProperty(exports, "defineFunnel", {
   enumerable: true,
-  get: function () { return chunkBPOAWI4G_cjs.defineFunnel; }
+  get: function () { return chunkY4YNJ2EX_cjs.defineFunnel; }
 });
 Object.defineProperty(exports, "definePage", {
   enumerable: true,
-  get: function () { return chunkBPOAWI4G_cjs.definePage; }
+  get: function () { return chunkY4YNJ2EX_cjs.definePage; }
 });
 Object.defineProperty(exports, "entryGuard", {
   enumerable: true,
-  get: function () { return chunkBPOAWI4G_cjs.entryGuard; }
+  get: function () { return chunkY4YNJ2EX_cjs.entryGuard; }
 });
 Object.defineProperty(exports, "evaluateCondition", {
   enumerable: true,
-  get: function () { return chunkBPOAWI4G_cjs.evaluateCondition; }
+  get: function () { return chunkY4YNJ2EX_cjs.evaluateCondition; }
 });
 Object.defineProperty(exports, "evaluateGate", {
   enumerable: true,
-  get: function () { return chunkBPOAWI4G_cjs.evaluateGate; }
+  get: function () { return chunkY4YNJ2EX_cjs.evaluateGate; }
 });
 Object.defineProperty(exports, "expectedPathLength", {
   enumerable: true,
-  get: function () { return chunkBPOAWI4G_cjs.expectedPathLength; }
+  get: function () { return chunkY4YNJ2EX_cjs.expectedPathLength; }
 });
 Object.defineProperty(exports, "fnv1a", {
   enumerable: true,
-  get: function () { return chunkBPOAWI4G_cjs.fnv1a; }
+  get: function () { return chunkY4YNJ2EX_cjs.fnv1a; }
 });
 Object.defineProperty(exports, "formatMoney", {
   enumerable: true,
-  get: function () { return chunkBPOAWI4G_cjs.formatMoney; }
+  get: function () { return chunkY4YNJ2EX_cjs.formatMoney; }
 });
 Object.defineProperty(exports, "formatOffering", {
   enumerable: true,
-  get: function () { return chunkBPOAWI4G_cjs.formatOffering; }
+  get: function () { return chunkY4YNJ2EX_cjs.formatOffering; }
 });
 Object.defineProperty(exports, "hashToUnit", {
   enumerable: true,
-  get: function () { return chunkBPOAWI4G_cjs.hashToUnit; }
+  get: function () { return chunkY4YNJ2EX_cjs.hashToUnit; }
 });
 Object.defineProperty(exports, "isRtl", {
   enumerable: true,
-  get: function () { return chunkBPOAWI4G_cjs.isRtl; }
+  get: function () { return chunkY4YNJ2EX_cjs.isRtl; }
 });
 Object.defineProperty(exports, "isVariantKey", {
   enumerable: true,
-  get: function () { return chunkBPOAWI4G_cjs.isVariantKey; }
+  get: function () { return chunkY4YNJ2EX_cjs.isVariantKey; }
 });
 Object.defineProperty(exports, "nextPage", {
   enumerable: true,
-  get: function () { return chunkBPOAWI4G_cjs.nextPage; }
+  get: function () { return chunkY4YNJ2EX_cjs.nextPage; }
 });
 Object.defineProperty(exports, "outgoingKeys", {
   enumerable: true,
-  get: function () { return chunkBPOAWI4G_cjs.outgoingKeys; }
+  get: function () { return chunkY4YNJ2EX_cjs.outgoingKeys; }
 });
 Object.defineProperty(exports, "pageMeta", {
   enumerable: true,
-  get: function () { return chunkBPOAWI4G_cjs.pageMeta; }
+  get: function () { return chunkY4YNJ2EX_cjs.pageMeta; }
 });
 Object.defineProperty(exports, "parseSlotKey", {
   enumerable: true,
-  get: function () { return chunkBPOAWI4G_cjs.parseSlotKey; }
+  get: function () { return chunkY4YNJ2EX_cjs.parseSlotKey; }
 });
 Object.defineProperty(exports, "pickByWeight", {
   enumerable: true,
-  get: function () { return chunkBPOAWI4G_cjs.pickByWeight; }
+  get: function () { return chunkY4YNJ2EX_cjs.pickByWeight; }
 });
 Object.defineProperty(exports, "resolveExperiments", {
   enumerable: true,
-  get: function () { return chunkBPOAWI4G_cjs.resolveExperiments; }
+  get: function () { return chunkY4YNJ2EX_cjs.resolveExperiments; }
 });
 Object.defineProperty(exports, "resolveLocale", {
   enumerable: true,
-  get: function () { return chunkBPOAWI4G_cjs.resolveLocale; }
+  get: function () { return chunkY4YNJ2EX_cjs.resolveLocale; }
 });
 Object.defineProperty(exports, "resolveOffering", {
   enumerable: true,
-  get: function () { return chunkBPOAWI4G_cjs.resolveOffering; }
+  get: function () { return chunkY4YNJ2EX_cjs.resolveOffering; }
 });
 Object.defineProperty(exports, "resolveRoute", {
   enumerable: true,
-  get: function () { return chunkBPOAWI4G_cjs.resolveRoute; }
+  get: function () { return chunkY4YNJ2EX_cjs.resolveRoute; }
 });
 Object.defineProperty(exports, "INLINE_SURFACES", {
   enumerable: true,
-  get: function () { return chunkQMAZGLGV_cjs.INLINE_SURFACES; }
+  get: function () { return chunk7JLOF6CJ_cjs.INLINE_SURFACES; }
 });
 Object.defineProperty(exports, "PROVIDER_PROFILES", {
   enumerable: true,
-  get: function () { return chunkQMAZGLGV_cjs.PROVIDER_PROFILES; }
+  get: function () { return chunk7JLOF6CJ_cjs.PROVIDER_PROFILES; }
 });
 Object.defineProperty(exports, "checkoutError", {
   enumerable: true,
-  get: function () { return chunkQMAZGLGV_cjs.checkoutError; }
+  get: function () { return chunk7JLOF6CJ_cjs.checkoutError; }
 });
 Object.defineProperty(exports, "isInlineSurface", {
   enumerable: true,
-  get: function () { return chunkQMAZGLGV_cjs.isInlineSurface; }
+  get: function () { return chunk7JLOF6CJ_cjs.isInlineSurface; }
 });
 Object.defineProperty(exports, "isMerchantOfRecord", {
   enumerable: true,
-  get: function () { return chunkQMAZGLGV_cjs.isMerchantOfRecord; }
+  get: function () { return chunk7JLOF6CJ_cjs.isMerchantOfRecord; }
 });
 Object.defineProperty(exports, "isOrchestrator", {
   enumerable: true,
-  get: function () { return chunkQMAZGLGV_cjs.isOrchestrator; }
+  get: function () { return chunk7JLOF6CJ_cjs.isOrchestrator; }
+});
+Object.defineProperty(exports, "isRenderableSurface", {
+  enumerable: true,
+  get: function () { return chunk7JLOF6CJ_cjs.isRenderableSurface; }
+});
+Object.defineProperty(exports, "renderableSurfaces", {
+  enumerable: true,
+  get: function () { return chunk7JLOF6CJ_cjs.renderableSurfaces; }
+});
+Object.defineProperty(exports, "resolveSurface", {
+  enumerable: true,
+  get: function () { return chunk7JLOF6CJ_cjs.resolveSurface; }
 });
 Object.defineProperty(exports, "surfacesFor", {
   enumerable: true,
-  get: function () { return chunkQMAZGLGV_cjs.surfacesFor; }
+  get: function () { return chunk7JLOF6CJ_cjs.surfacesFor; }
 });
 Object.defineProperty(exports, "validateCheckout", {
   enumerable: true,
-  get: function () { return chunkQMAZGLGV_cjs.validateCheckout; }
+  get: function () { return chunk7JLOF6CJ_cjs.validateCheckout; }
 });
 Object.defineProperty(exports, "validateUpsell", {
   enumerable: true,
-  get: function () { return chunkQMAZGLGV_cjs.validateUpsell; }
+  get: function () { return chunk7JLOF6CJ_cjs.validateUpsell; }
 });
 exports.AssetsContext = AssetsContext;
 exports.AssetsProvider = AssetsProvider;