@appfunnel-dev/sdk 0.16.0 → 0.17.0

package/dist/index.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunkCZQHTQU2_cjs = require('./chunk-CZQHTQU2.cjs');
-var chunk6QKCIT32_cjs = require('./chunk-6QKCIT32.cjs');
+var chunk7D7VJBOV_cjs = require('./chunk-7D7VJBOV.cjs');
+var chunk7BSBNWJ6_cjs = require('./chunk-7BSBNWJ6.cjs');
 var react = require('react');
 var stripeJs = require('@stripe/stripe-js');
 var sonner = require('sonner');
@@ -16,7 +16,7 @@ function definePage(definition) {
   return definition;
 }
 function useVariable(id) {
-  const { variableStore } = chunk6QKCIT32_cjs.useFunnelContext();
+  const { variableStore } = chunk7BSBNWJ6_cjs.useFunnelContext();
   const subscribe = react.useCallback(
     (callback) => variableStore.subscribe(callback, { keys: [id] }),
     [variableStore, id]
@@ -33,7 +33,7 @@ function useVariable(id) {
   return [value, setValue];
 }
 function useVariables() {
-  const { variableStore } = chunk6QKCIT32_cjs.useFunnelContext();
+  const { variableStore } = chunk7BSBNWJ6_cjs.useFunnelContext();
   const subscribe = react.useCallback(
     (callback) => variableStore.subscribe(callback),
     [variableStore]
@@ -141,7 +141,7 @@ function toISODateWithFormat(input, format) {
 
 // src/hooks/useUser.ts
 function useUser() {
-  const { variableStore, tracker } = chunk6QKCIT32_cjs.useFunnelContext();
+  const { variableStore, tracker } = chunk7BSBNWJ6_cjs.useFunnelContext();
   const subscribe = react.useCallback(
     (cb) => variableStore.subscribe(cb, { prefix: "user." }),
     [variableStore]
@@ -182,7 +182,7 @@ function useUser() {
   );
 }
 function useUserProperty(field) {
-  const { variableStore } = chunk6QKCIT32_cjs.useFunnelContext();
+  const { variableStore } = chunk7BSBNWJ6_cjs.useFunnelContext();
   const key = `user.${field}`;
   const subscribe = react.useCallback(
     (cb) => variableStore.subscribe(cb, { keys: [key] }),
@@ -200,7 +200,7 @@ function useUserProperty(field) {
   return [value, setValue];
 }
 function useDateOfBirth(format = "MM/DD/YYYY") {
-  const { variableStore } = chunk6QKCIT32_cjs.useFunnelContext();
+  const { variableStore } = chunk7BSBNWJ6_cjs.useFunnelContext();
   const key = "user.dateOfBirth";
   const subscribe = react.useCallback(
     (cb) => variableStore.subscribe(cb, { keys: [key] }),
@@ -218,7 +218,7 @@ function useDateOfBirth(format = "MM/DD/YYYY") {
   return [value, setValue];
 }
 function useQueryParams() {
-  const { variableStore } = chunk6QKCIT32_cjs.useFunnelContext();
+  const { variableStore } = chunk7BSBNWJ6_cjs.useFunnelContext();
   const subscribe = react.useCallback(
     (cb) => variableStore.subscribe(cb, { prefix: "query." }),
     [variableStore]
@@ -239,7 +239,7 @@ function useQueryParams() {
   }, [variables]);
 }
 function useQueryParam(key) {
-  const { variableStore } = chunk6QKCIT32_cjs.useFunnelContext();
+  const { variableStore } = chunk7BSBNWJ6_cjs.useFunnelContext();
   const prefixedKey = `query.${key}`;
   const subscribe = react.useCallback(
     (cb) => variableStore.subscribe(cb, { keys: [prefixedKey] }),
@@ -252,7 +252,7 @@ function useQueryParam(key) {
   return react.useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
 }
 function useData(key) {
-  const { variableStore } = chunk6QKCIT32_cjs.useFunnelContext();
+  const { variableStore } = chunk7BSBNWJ6_cjs.useFunnelContext();
   const prefixedKey = `data.${key}`;
   const subscribe = react.useCallback(
     (cb) => variableStore.subscribe(cb, { keys: [prefixedKey] }),
@@ -305,7 +305,7 @@ function detect24Hour(locale) {
   }
 }
 function useTranslation() {
-  const { i18n } = chunk6QKCIT32_cjs.useFunnelContext();
+  const { i18n } = chunk7BSBNWJ6_cjs.useFunnelContext();
   const subscribe = react.useCallback(
     (cb) => i18n.subscribe(cb),
     [i18n]
@@ -328,7 +328,7 @@ function useTranslation() {
   return { t, locale, setLocale, availableLocales };
 }
 function useProducts() {
-  const { products, variableStore, selectProduct: ctxSelect } = chunk6QKCIT32_cjs.useFunnelContext();
+  const { products, variableStore, selectProduct: ctxSelect } = chunk7BSBNWJ6_cjs.useFunnelContext();
   const subscribe = react.useCallback(
     (cb) => variableStore.subscribe(cb, { keys: ["products.selectedProductId"] }),
     [variableStore]
@@ -345,7 +345,7 @@ function useProducts() {
   return { products, selected, select };
 }
 function useTracking() {
-  const { tracker } = chunk6QKCIT32_cjs.useFunnelContext();
+  const { tracker } = chunk7BSBNWJ6_cjs.useFunnelContext();
   const track = react.useCallback(
     (eventName, data) => {
       tracker.track(eventName, data);
@@ -357,7 +357,7 @@ function useTracking() {
 var API_BASE_URL = "https://api.appfunnel.net";
 var PAYMENT_KEYS = ["payment.loading", "payment.error"];
 function usePayment() {
-  const { variableStore, products, campaignId, tracker, config } = chunk6QKCIT32_cjs.useFunnelContext();
+  const { variableStore, products, campaignId, tracker, config } = chunk7BSBNWJ6_cjs.useFunnelContext();
   const showToasts = !config.settings?.disableToasts;
   const subscribe = react.useCallback(
     (cb) => variableStore.subscribe(cb, { keys: PAYMENT_KEYS }),
@@ -646,7 +646,7 @@ var DEVICE_KEYS = [
   "browser.language"
 ];
 function useDeviceInfo() {
-  const { variableStore } = chunk6QKCIT32_cjs.useFunnelContext();
+  const { variableStore } = chunk7BSBNWJ6_cjs.useFunnelContext();
   const subscribe = react.useCallback(
     (cb) => variableStore.subscribe(cb, { keys: DEVICE_KEYS }),
     [variableStore]
@@ -780,7 +780,7 @@ var PAGE_KEYS = [
   "page.startedAt"
 ];
 function usePageData() {
-  const { variableStore } = chunk6QKCIT32_cjs.useFunnelContext();
+  const { variableStore } = chunk7BSBNWJ6_cjs.useFunnelContext();
   const subscribe = react.useCallback(
     (cb) => variableStore.subscribe(cb, { keys: PAGE_KEYS }),
     [variableStore]
@@ -802,16 +802,16 @@ function usePageData() {
 
 // src/hooks/useFunnel.ts
 function useFunnel() {
-  const { funnelId, campaignId, tracker } = chunk6QKCIT32_cjs.useFunnelContext();
+  const { funnelId, campaignId, tracker } = chunk7BSBNWJ6_cjs.useFunnelContext();
   return {
     funnelId,
     campaignId,
     sessionId: tracker.getSessionId(),
     variables: useVariables(),
     user: useUser(),
-    responses: chunkCZQHTQU2_cjs.useResponses(),
+    responses: chunk7D7VJBOV_cjs.useResponses(),
     queryParams: useQueryParams(),
-    navigation: chunkCZQHTQU2_cjs.useNavigation(),
+    navigation: chunk7D7VJBOV_cjs.useNavigation(),
     products: useProducts(),
     tracking: useTracking(),
     payment: usePayment()
@@ -1212,7 +1212,7 @@ var DemoStripePaymentForm = react.forwardRef(
     onReady,
     className
   }, ref) {
-    const { variableStore, tracker, products } = chunk6QKCIT32_cjs.useFunnelContext();
+    const { variableStore, tracker, products } = chunk7BSBNWJ6_cjs.useFunnelContext();
     const validateOnly = mode === "validate-only";
     const product = react.useMemo(() => {
       if (productId) return products.find((p) => p.id === productId) || null;
@@ -1272,7 +1272,7 @@ var InnerPaymentForm = react.forwardRef(
     const stripe = reactStripeJs.useStripe();
     const elements = reactStripeJs.useElements();
     const [error, setError] = react.useState(null);
-    const { variableStore, campaignId, tracker, products, config } = chunk6QKCIT32_cjs.useFunnelContext();
+    const { variableStore, campaignId, tracker, products, config } = chunk7BSBNWJ6_cjs.useFunnelContext();
     const showToasts = !config.settings?.disableToasts;
     const readyFired = react.useRef(false);
     react.useEffect(() => {
@@ -1423,7 +1423,7 @@ var RealStripePaymentForm = react.forwardRef(
     appearance,
     layout
   }, ref) {
-    const { campaignId, tracker, variableStore, products, router, config } = chunk6QKCIT32_cjs.useFunnelContext();
+    const { campaignId, tracker, variableStore, products, router, config } = chunk7BSBNWJ6_cjs.useFunnelContext();
     const showToasts = !config.settings?.disableToasts;
     const [email] = useVariable("user.email");
     const validateOnly = mode === "validate-only";
@@ -1441,6 +1441,7 @@ var RealStripePaymentForm = react.forwardRef(
     const [clientSecret, setClientSecret] = react.useState(null);
     const [error, setError] = react.useState(null);
     const [isLoading, setIsLoading] = react.useState(false);
+    const [alreadyCompleted, setAlreadyCompleted] = react.useState(false);
     const hasInitialized = react.useRef(false);
     react.useEffect(() => {
       if (!email || !campaignId || hasInitialized.current) return;
@@ -1485,6 +1486,25 @@ var RealStripePaymentForm = react.forwardRef(
             );
             const result = await response.json();
             if (!result.success) throw new Error(result.error || "Failed to create checkout session");
+            if (result.alreadyCompleted) {
+              variableStore.set("payment.error", "");
+              if (result.subscriptionId) {
+                variableStore.set("stripe.subscriptionId", result.subscriptionId);
+                variableStore.set("subscription.status", result.status);
+              }
+              if (result.paymentIntentId) {
+                variableStore.set("stripe.paymentIntentId", result.paymentIntentId);
+                variableStore.set("payment.status", "succeeded");
+              }
+              tracker.track("checkout.already_completed");
+              setAlreadyCompleted(true);
+              if (variant === "embedded" && successPageKey) {
+                router.goToPage(successPageKey);
+              } else {
+                onSuccess?.();
+              }
+              return;
+            }
             setStripePromise(stripeJs.loadStripe(result.publishableKey));
             setClientSecret(result.clientSecret);
           } else {
@@ -1524,6 +1544,9 @@ var RealStripePaymentForm = react.forwardRef(
       };
       createIntent();
     }, [email, campaignId, product, paymentMode, validateOnly, variant, successPageKey, automaticTax, managedPayments, allowPromotionCodes, router, tracker, variableStore]);
+    if (alreadyCompleted) {
+      return null;
+    }
     if (isLoading) {
       return /* @__PURE__ */ jsxRuntime.jsx("div", { className, style: { padding: "20px", textAlign: "center", color: "#6b7280" }, children: "Loading payment form..." });
     }
@@ -1579,7 +1602,7 @@ function PaddleCheckout({
   onError,
   className
 }) {
-  const { variableStore, tracker, products } = chunk6QKCIT32_cjs.useFunnelContext();
+  const { variableStore, tracker, products } = chunk7BSBNWJ6_cjs.useFunnelContext();
   const containerRef = react.useRef(null);
   const initializedRef = react.useRef(false);
   const product = productId ? products.find((p) => p.id === productId) : products.find((p) => p.id === variableStore.get("products.selectedProductId"));
@@ -1638,23 +1661,23 @@ function PaddleCheckout({
 
 Object.defineProperty(exports, "useNavigation", {
   enumerable: true,
-  get: function () { return chunkCZQHTQU2_cjs.useNavigation; }
+  get: function () { return chunk7D7VJBOV_cjs.useNavigation; }
 });
 Object.defineProperty(exports, "useResponse", {
   enumerable: true,
-  get: function () { return chunkCZQHTQU2_cjs.useResponse; }
+  get: function () { return chunk7D7VJBOV_cjs.useResponse; }
 });
 Object.defineProperty(exports, "useResponses", {
   enumerable: true,
-  get: function () { return chunkCZQHTQU2_cjs.useResponses; }
+  get: function () { return chunk7D7VJBOV_cjs.useResponses; }
 });
 Object.defineProperty(exports, "FunnelProvider", {
   enumerable: true,
-  get: function () { return chunk6QKCIT32_cjs.FunnelProvider; }
+  get: function () { return chunk7BSBNWJ6_cjs.FunnelProvider; }
 });
 Object.defineProperty(exports, "registerIntegration", {
   enumerable: true,
-  get: function () { return chunk6QKCIT32_cjs.registerIntegration; }
+  get: function () { return chunk7BSBNWJ6_cjs.registerIntegration; }
 });
 Object.defineProperty(exports, "toast", {
   enumerable: true,