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

package/dist/index.cjs

@@ -2,7 +2,7 @@
 
 var chunkY4YNJ2EX_cjs = require('./chunk-Y4YNJ2EX.cjs');
 var chunkWYUDL4FI_cjs = require('./chunk-WYUDL4FI.cjs');
-var chunkRY3LOSVZ_cjs = require('./chunk-RY3LOSVZ.cjs');
+var chunk7JLOF6CJ_cjs = require('./chunk-7JLOF6CJ.cjs');
 require('./chunk-EMMSS5I5.cjs');
 var React = require('react');
 var ReactDOM = require('react-dom');
@@ -1382,7 +1382,7 @@ function createMockDriver(provider = "stripe", options = {}) {
     amountMinor: 0,
     currency: "USD"
   };
-  const offError = typeof options.failOffSession === "object" ? options.failOffSession : chunkRY3LOSVZ_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 ?? chunkRY3LOSVZ_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" || chunkRY3LOSVZ_cjs.isInlineSurface(surface) && !!chunkRY3LOSVZ_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,
-                chunkRY3LOSVZ_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 ?? chunkRY3LOSVZ_cjs.checkoutError("unknown", "Checkout failed"),
+          result.error ?? chunk7JLOF6CJ_cjs.checkoutError("unknown", "Checkout failed"),
           product
         );
       return result;
     } catch (e) {
-      const err = chunkRY3LOSVZ_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(
-        chunkRY3LOSVZ_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(
-          chunkRY3LOSVZ_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 (chunkRY3LOSVZ_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 ?? chunkRY3LOSVZ_cjs.checkoutError(
+          result.error ?? chunk7JLOF6CJ_cjs.checkoutError(
             "unknown",
             "The checkout could not be verified"
           )
@@ -3792,39 +3807,51 @@ Object.defineProperty(exports, "resolveRoute", {
 });
 Object.defineProperty(exports, "INLINE_SURFACES", {
   enumerable: true,
-  get: function () { return chunkRY3LOSVZ_cjs.INLINE_SURFACES; }
+  get: function () { return chunk7JLOF6CJ_cjs.INLINE_SURFACES; }
 });
 Object.defineProperty(exports, "PROVIDER_PROFILES", {
   enumerable: true,
-  get: function () { return chunkRY3LOSVZ_cjs.PROVIDER_PROFILES; }
+  get: function () { return chunk7JLOF6CJ_cjs.PROVIDER_PROFILES; }
 });
 Object.defineProperty(exports, "checkoutError", {
   enumerable: true,
-  get: function () { return chunkRY3LOSVZ_cjs.checkoutError; }
+  get: function () { return chunk7JLOF6CJ_cjs.checkoutError; }
 });
 Object.defineProperty(exports, "isInlineSurface", {
   enumerable: true,
-  get: function () { return chunkRY3LOSVZ_cjs.isInlineSurface; }
+  get: function () { return chunk7JLOF6CJ_cjs.isInlineSurface; }
 });
 Object.defineProperty(exports, "isMerchantOfRecord", {
   enumerable: true,
-  get: function () { return chunkRY3LOSVZ_cjs.isMerchantOfRecord; }
+  get: function () { return chunk7JLOF6CJ_cjs.isMerchantOfRecord; }
 });
 Object.defineProperty(exports, "isOrchestrator", {
   enumerable: true,
-  get: function () { return chunkRY3LOSVZ_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 chunkRY3LOSVZ_cjs.surfacesFor; }
+  get: function () { return chunk7JLOF6CJ_cjs.surfacesFor; }
 });
 Object.defineProperty(exports, "validateCheckout", {
   enumerable: true,
-  get: function () { return chunkRY3LOSVZ_cjs.validateCheckout; }
+  get: function () { return chunk7JLOF6CJ_cjs.validateCheckout; }
 });
 Object.defineProperty(exports, "validateUpsell", {
   enumerable: true,
-  get: function () { return chunkRY3LOSVZ_cjs.validateUpsell; }
+  get: function () { return chunk7JLOF6CJ_cjs.validateUpsell; }
 });
 exports.AssetsContext = AssetsContext;
 exports.AssetsProvider = AssetsProvider;