@appfunnel-dev/sdk 0.8.0 → 0.9.0

package/dist/index.d.cts

@@ -283,11 +283,19 @@ interface StripePaymentFormProps {
     mode?: 'checkout' | 'validate-only';
     /** "elements" for PaymentElement, "embedded" for Stripe Embedded Checkout */
     variant?: 'elements' | 'embedded';
-    /** Called on successful payment */
+    /** Page key to redirect to after successful embedded checkout (required for embedded variant) */
+    successPageKey?: string;
+    /** Enable Stripe automatic tax calculation (embedded variant only) */
+    automaticTax?: boolean;
+    /** Enable Stripe managed payments — Stripe controls tax, payment methods, etc. (embedded variant only, forces embedded mode) */
+    managedPayments?: boolean;
+    /** Allow promotion codes in checkout (embedded variant only) */
+    allowPromotionCodes?: boolean;
+    /** Called on successful payment (elements variant only — embedded uses returnUrl redirect) */
     onSuccess?: () => void;
-    /** Called on payment error */
+    /** Called on payment error (elements variant only) */
     onError?: (error: string) => void;
-    /** Called when the Stripe form is ready to accept submissions */
+    /** Called when the Stripe form is ready to accept submissions (elements variant only) */
     onReady?: () => void;
     /** Additional CSS class */
     className?: string;

package/dist/index.d.ts

@@ -283,11 +283,19 @@ interface StripePaymentFormProps {
     mode?: 'checkout' | 'validate-only';
     /** "elements" for PaymentElement, "embedded" for Stripe Embedded Checkout */
     variant?: 'elements' | 'embedded';
-    /** Called on successful payment */
+    /** Page key to redirect to after successful embedded checkout (required for embedded variant) */
+    successPageKey?: string;
+    /** Enable Stripe automatic tax calculation (embedded variant only) */
+    automaticTax?: boolean;
+    /** Enable Stripe managed payments — Stripe controls tax, payment methods, etc. (embedded variant only, forces embedded mode) */
+    managedPayments?: boolean;
+    /** Allow promotion codes in checkout (embedded variant only) */
+    allowPromotionCodes?: boolean;
+    /** Called on successful payment (elements variant only — embedded uses returnUrl redirect) */
     onSuccess?: () => void;
-    /** Called on payment error */
+    /** Called on payment error (elements variant only) */
     onError?: (error: string) => void;
-    /** Called when the Stripe form is ready to accept submissions */
+    /** Called when the Stripe form is ready to accept submissions (elements variant only) */
     onReady?: () => void;
     /** Additional CSS class */
     className?: string;

package/dist/index.js

@@ -1395,6 +1395,10 @@ var RealStripePaymentForm = forwardRef(
     productId,
     mode = "checkout",
     variant = "elements",
+    successPageKey,
+    automaticTax = false,
+    managedPayments = false,
+    allowPromotionCodes = false,
     onSuccess,
     onError,
     onReady,
@@ -1402,7 +1406,7 @@ var RealStripePaymentForm = forwardRef(
     appearance,
     layout
   }, ref) {
-    const { campaignId, tracker, variableStore, products } = useFunnelContext();
+    const { campaignId, tracker, variableStore, products, router } = useFunnelContext();
     const [email] = useVariable("user.email");
     const validateOnly = mode === "validate-only";
     const product = useMemo(() => {
@@ -1429,18 +1433,36 @@ var RealStripePaymentForm = forwardRef(
       const createIntent = async () => {
         try {
           if (variant === "embedded") {
+            const origin = typeof window !== "undefined" ? window.location.origin : "";
+            let returnUrl = origin + "/";
+            if (successPageKey) {
+              const pageUrl = router.getPageUrl(successPageKey);
+              returnUrl = `${origin}${pageUrl}?checkout=success&session_id={CHECKOUT_SESSION_ID}`;
+            }
+            const apiCheckoutMode = managedPayments ? "embedded" : variant;
+            const body = {
+              campaignId,
+              sessionId: tracker.getSessionId(),
+              customerEmail: email,
+              priceId: product.storePriceId,
+              returnUrl,
+              checkoutMode: apiCheckoutMode,
+              automaticTax,
+              managedPayments,
+              allowPromotionCodes
+            };
+            if (product.hasTrial && product.trialDays > 0) {
+              body.trialPeriodDays = product.trialDays;
+              if (product.paidTrial && product.trialStorePriceId) {
+                body.paidTrialPriceId = product.trialStorePriceId;
+              }
+            }
             const response = await fetch(
               `${API_BASE_URL2}/campaign/${campaignId}/stripe/checkout-session`,
               {
                 method: "POST",
                 headers: { "Content-Type": "application/json" },
-                body: JSON.stringify({
-                  campaignId,
-                  sessionId: tracker.getSessionId(),
-                  customerEmail: email,
-                  priceId: product.storePriceId,
-                  trialPeriodDays: product.hasTrial ? product.trialDays : void 0
-                })
+                body: JSON.stringify(body)
               }
             );
             const result = await response.json();
@@ -1482,7 +1504,7 @@ var RealStripePaymentForm = forwardRef(
         }
       };
       createIntent();
-    }, [email, campaignId, product, paymentMode, validateOnly, variant, tracker, variableStore]);
+    }, [email, campaignId, product, paymentMode, validateOnly, variant, successPageKey, automaticTax, managedPayments, allowPromotionCodes, router, tracker, variableStore]);
     if (isLoading) {
       return /* @__PURE__ */ jsx("div", { className, style: { padding: "20px", textAlign: "center", color: "#6b7280" }, children: "Loading payment form..." });
     }
@@ -1500,16 +1522,7 @@ var RealStripePaymentForm = forwardRef(
         EmbeddedCheckoutProvider,
         {
           stripe: stripePromise,
-          options: {
-            clientSecret,
-            onComplete: () => {
-              tracker.track("purchase.complete", {
-                amount: product?.rawPrice ? product.rawPrice / 100 : 0,
-                currency: product?.currencyCode || "USD"
-              });
-              onSuccess?.();
-            }
-          },
+          options: { clientSecret },
           children: /* @__PURE__ */ jsx(EmbeddedCheckout, {})
         }
       ) });