@alphawebai/medusa-custom-payments-react 0.1.0-rc.39 → 0.1.0-rc.41

package/README.md

@@ -52,3 +52,8 @@ For redirect-based payment methods, the host must recognize the returned
 payment session before rendering this component again, stop rendering Elements,
 and resume its server-authoritative checkout completion contract. Do not mount
 this component with a PaymentIntent that may already be terminal.
+
+Deferred Stripe consumers that own a page-level error surface can set
+`errorPresentation="external"`. The `onError` callback then identifies whether
+Stripe already presented the error (`presentation: "provider"`) or the host must
+present it (`presentation: "host"`), so the same message is never rendered twice.

package/dist/{chunk-XCUOIQ2U.mjs → chunk-AVZIQKZV.mjs}

@@ -38,7 +38,7 @@ function ClickTimePayPalButton(props) {
           return { orderId };
         },
         savePayment: props.context.savePayment,
-        commit: true,
+        commit: props.context.commit ?? true,
         presentationMode: "auto",
         onApprove: async (data) => {
           if (submittingRef.current) return;
@@ -115,7 +115,13 @@ function PrismClickTimePayPalButton(props) {
       environment: props.context.environment,
       components: ["paypal-payments"],
       pageType: "checkout",
-      children: /* @__PURE__ */ jsx(ClickTimePayPalButton, { ...props })
+      children: /* @__PURE__ */ jsx(
+        ClickTimePayPalButton,
+        {
+          ...props
+        },
+        `${props.context.commit ?? true}:${props.context.savePayment}`
+      )
     },
     `${props.context.environment}:${props.context.clientId}`
   );
@@ -154,7 +160,7 @@ function PayPalButton(props) {
             disabled: props.disabled || submitting,
             orderId: props.session.orderId,
             savePayment: props.session.savePayment,
-            commit: true,
+            commit: props.session.commit ?? true,
             presentationMode: "auto",
             onApprove: async (data) => {
               if (submittingRef.current) return;
@@ -231,7 +237,13 @@ function PrismPayPalPaymentButton(props) {
       environment: props.session.environment,
       components: ["paypal-payments"],
       pageType: "checkout",
-      children: /* @__PURE__ */ jsx2(PayPalButton, { ...props }, props.session.orderId)
+      children: /* @__PURE__ */ jsx2(
+        PayPalButton,
+        {
+          ...props
+        },
+        `${props.session.orderId}:${props.session.commit ?? true}:${props.session.savePayment}`
+      )
     },
     `${props.session.environment}:${props.session.clientId}`
   );

package/dist/{chunk-CNZSWNL2.mjs → chunk-FMPWH5MM.mjs}

@@ -47,6 +47,38 @@ function normalizeStripePaymentIntent(paymentIntent) {
   }
 }
 
+// src/prism/stripe-error-presentation.ts
+var paymentElementErrorCodes = /* @__PURE__ */ new Set([
+  "card_declined",
+  "card_velocity_exceeded",
+  "expired_card",
+  "fraudulent",
+  "generic_decline",
+  "incorrect_cvc",
+  "incorrect_number",
+  "incorrect_zip",
+  "insufficient_funds",
+  "invalid_cvc",
+  "invalid_expiry_month",
+  "invalid_expiry_year",
+  "live_mode_test_card",
+  "lost_card",
+  "processing_error",
+  "stolen_card",
+  "test_mode_live_card"
+]);
+function stripeErrorContext(phase, error) {
+  const paymentElementOwnsMessage = error.type === "validation_error" || error.code !== void 0 && paymentElementErrorCodes.has(error.code) || error.decline_code !== void 0 && paymentElementErrorCodes.has(error.decline_code);
+  return {
+    connector: "stripe",
+    phase,
+    presentation: paymentElementOwnsMessage ? "provider" : "host"
+  };
+}
+function hostErrorContext(phase) {
+  return { connector: "stripe", phase, presentation: "host" };
+}
+
 // src/prism/PrismDeferredPaymentElement.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
 var stripeByPublishableKey = /* @__PURE__ */ new Map();
@@ -113,21 +145,34 @@ function DeferredPaymentElementForm(props) {
     onPending: props.onPending,
     onRequiresAction: props.onRequiresAction
   };
+  function reportError(error, context) {
+    setMessage(
+      context.presentation === "host" && props.errorPresentation !== "external" ? error.message : null
+    );
+    props.onError(error, context);
+  }
   async function submit(event) {
     event.preventDefault();
     if (!stripe || !elements || submitting || props.disabled) return;
     setSubmitting(true);
     props.onSubmittingChange?.(true);
     setMessage(null);
+    let phase = "details";
     try {
       const submitted = await elements.submit();
       if (submitted.error) {
-        throw new Error(
-          submitted.error.message ?? "Payment details are incomplete."
+        reportError(
+          new Error(
+            submitted.error.message ?? "Payment details are incomplete."
+          ),
+          stripeErrorContext("details", submitted.error)
         );
+        return;
       }
+      phase = "prepare";
       const prepared = await props.onPrepare();
       const clientSecret = assertPreparedClientSecret(prepared?.clientSecret);
+      phase = "confirm";
       const result = await stripe.confirmPayment({
         elements,
         clientSecret,
@@ -142,19 +187,23 @@ function DeferredPaymentElementForm(props) {
         redirect: "if_required"
       });
       if (result.error) {
-        throw new Error(result.error.message ?? "Stripe could not confirm payment.");
+        reportError(
+          new Error(result.error.message ?? "Stripe could not confirm payment."),
+          stripeErrorContext("confirm", result.error)
+        );
+        return;
       }
       if (!result.paymentIntent) {
         throw new Error("Stripe did not return a payment result.");
       }
+      phase = "outcome";
       await dispatchOutcome(
         normalizeStripePaymentIntent(result.paymentIntent),
         callbacks
       );
     } catch (error) {
       const safeError = error instanceof Error ? error : new Error("Payment could not be completed.");
-      setMessage(safeError.message);
-      props.onError(safeError);
+      reportError(safeError, hostErrorContext(phase));
     } finally {
       setSubmitting(false);
       props.onSubmittingChange?.(false);
@@ -174,8 +223,7 @@ function DeferredPaymentElementForm(props) {
             onReady: () => setReady(true),
             onLoadError: (event) => {
               const error = new Error(event.error.message);
-              setMessage(error.message);
-              props.onError(error);
+              reportError(error, hostErrorContext("load"));
             }
           }
         ),

package/dist/index.d.mts

@@ -1,6 +1,6 @@
 import * as react from 'react';
-import { P as PrismDeferredPaymentElementProps, a as PrismPaymentElementProps } from './types-CHvHlDN6.mjs';
-export { b as PrismCheckoutProviderContext, c as PrismClickTimePayPalButtonProps, d as PrismClickTimePayPalOrder, e as PrismDeferredPaymentSurfaceProps, f as PrismDeferredStripePreparedPayment, g as PrismPayPalApprovalOutcome, h as PrismPayPalCheckoutProviderContext, i as PrismPayPalPaymentButtonClassNames, j as PrismPayPalPaymentButtonProps, k as PrismPaymentBillingDetails, l as PrismPaymentOutcome, m as PrismPaymentSurfaceProps, n as PrismPreparedPayPalPaymentSession, o as PrismPreparedPaymentSession, p as PrismPreparedStripePaymentSession, q as PrismStripeCheckoutProviderContext, r as PrismStripeDisplayPolicy, S as StripeSupportedTermMethod } from './types-CHvHlDN6.mjs';
+import { P as PrismDeferredPaymentElementProps, a as PrismPaymentElementProps } from './types-BNNA0H0d.mjs';
+export { b as PrismCheckoutProviderContext, c as PrismClickTimePayPalButtonProps, d as PrismClickTimePayPalOrder, e as PrismDeferredPaymentSurfaceProps, f as PrismDeferredStripePreparedPayment, g as PrismPayPalApprovalOutcome, h as PrismPayPalCheckoutProviderContext, i as PrismPayPalPaymentButtonClassNames, j as PrismPayPalPaymentButtonProps, k as PrismPaymentBillingDetails, l as PrismPaymentErrorContext, m as PrismPaymentErrorPhase, n as PrismPaymentErrorPresentation, o as PrismPaymentOutcome, p as PrismPaymentSurfaceProps, q as PrismPreparedPayPalPaymentSession, r as PrismPreparedPaymentSession, s as PrismPreparedStripePaymentSession, t as PrismStripeCheckoutProviderContext, u as PrismStripeDisplayPolicy, S as StripeSupportedTermMethod } from './types-BNNA0H0d.mjs';
 import '@stripe/stripe-js';
 
 declare function PrismDeferredPaymentElement(props: PrismDeferredPaymentElementProps): react.JSX.Element;

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as react from 'react';
-import { P as PrismDeferredPaymentElementProps, a as PrismPaymentElementProps } from './types-CHvHlDN6.js';
-export { b as PrismCheckoutProviderContext, c as PrismClickTimePayPalButtonProps, d as PrismClickTimePayPalOrder, e as PrismDeferredPaymentSurfaceProps, f as PrismDeferredStripePreparedPayment, g as PrismPayPalApprovalOutcome, h as PrismPayPalCheckoutProviderContext, i as PrismPayPalPaymentButtonClassNames, j as PrismPayPalPaymentButtonProps, k as PrismPaymentBillingDetails, l as PrismPaymentOutcome, m as PrismPaymentSurfaceProps, n as PrismPreparedPayPalPaymentSession, o as PrismPreparedPaymentSession, p as PrismPreparedStripePaymentSession, q as PrismStripeCheckoutProviderContext, r as PrismStripeDisplayPolicy, S as StripeSupportedTermMethod } from './types-CHvHlDN6.js';
+import { P as PrismDeferredPaymentElementProps, a as PrismPaymentElementProps } from './types-BNNA0H0d.js';
+export { b as PrismCheckoutProviderContext, c as PrismClickTimePayPalButtonProps, d as PrismClickTimePayPalOrder, e as PrismDeferredPaymentSurfaceProps, f as PrismDeferredStripePreparedPayment, g as PrismPayPalApprovalOutcome, h as PrismPayPalCheckoutProviderContext, i as PrismPayPalPaymentButtonClassNames, j as PrismPayPalPaymentButtonProps, k as PrismPaymentBillingDetails, l as PrismPaymentErrorContext, m as PrismPaymentErrorPhase, n as PrismPaymentErrorPresentation, o as PrismPaymentOutcome, p as PrismPaymentSurfaceProps, q as PrismPreparedPayPalPaymentSession, r as PrismPreparedPaymentSession, s as PrismPreparedStripePaymentSession, t as PrismStripeCheckoutProviderContext, u as PrismStripeDisplayPolicy, S as StripeSupportedTermMethod } from './types-BNNA0H0d.js';
 import '@stripe/stripe-js';
 
 declare function PrismDeferredPaymentElement(props: PrismDeferredPaymentElementProps): react.JSX.Element;

package/dist/index.js

@@ -67,6 +67,38 @@ function normalizeStripePaymentIntent(paymentIntent) {
   }
 }
 
+// src/prism/stripe-error-presentation.ts
+var paymentElementErrorCodes = /* @__PURE__ */ new Set([
+  "card_declined",
+  "card_velocity_exceeded",
+  "expired_card",
+  "fraudulent",
+  "generic_decline",
+  "incorrect_cvc",
+  "incorrect_number",
+  "incorrect_zip",
+  "insufficient_funds",
+  "invalid_cvc",
+  "invalid_expiry_month",
+  "invalid_expiry_year",
+  "live_mode_test_card",
+  "lost_card",
+  "processing_error",
+  "stolen_card",
+  "test_mode_live_card"
+]);
+function stripeErrorContext(phase, error) {
+  const paymentElementOwnsMessage = error.type === "validation_error" || error.code !== void 0 && paymentElementErrorCodes.has(error.code) || error.decline_code !== void 0 && paymentElementErrorCodes.has(error.decline_code);
+  return {
+    connector: "stripe",
+    phase,
+    presentation: paymentElementOwnsMessage ? "provider" : "host"
+  };
+}
+function hostErrorContext(phase) {
+  return { connector: "stripe", phase, presentation: "host" };
+}
+
 // src/prism/PrismDeferredPaymentElement.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
 var stripeByPublishableKey = /* @__PURE__ */ new Map();
@@ -133,21 +165,34 @@ function DeferredPaymentElementForm(props) {
     onPending: props.onPending,
     onRequiresAction: props.onRequiresAction
   };
+  function reportError(error, context) {
+    setMessage(
+      context.presentation === "host" && props.errorPresentation !== "external" ? error.message : null
+    );
+    props.onError(error, context);
+  }
   async function submit(event) {
     event.preventDefault();
     if (!stripe || !elements || submitting || props.disabled) return;
     setSubmitting(true);
     props.onSubmittingChange?.(true);
     setMessage(null);
+    let phase = "details";
     try {
       const submitted = await elements.submit();
       if (submitted.error) {
-        throw new Error(
-          submitted.error.message ?? "Payment details are incomplete."
+        reportError(
+          new Error(
+            submitted.error.message ?? "Payment details are incomplete."
+          ),
+          stripeErrorContext("details", submitted.error)
         );
+        return;
       }
+      phase = "prepare";
       const prepared = await props.onPrepare();
       const clientSecret = assertPreparedClientSecret(prepared?.clientSecret);
+      phase = "confirm";
       const result = await stripe.confirmPayment({
         elements,
         clientSecret,
@@ -162,19 +207,23 @@ function DeferredPaymentElementForm(props) {
         redirect: "if_required"
       });
       if (result.error) {
-        throw new Error(result.error.message ?? "Stripe could not confirm payment.");
+        reportError(
+          new Error(result.error.message ?? "Stripe could not confirm payment."),
+          stripeErrorContext("confirm", result.error)
+        );
+        return;
       }
       if (!result.paymentIntent) {
         throw new Error("Stripe did not return a payment result.");
       }
+      phase = "outcome";
       await dispatchOutcome(
         normalizeStripePaymentIntent(result.paymentIntent),
         callbacks
       );
     } catch (error) {
       const safeError = error instanceof Error ? error : new Error("Payment could not be completed.");
-      setMessage(safeError.message);
-      props.onError(safeError);
+      reportError(safeError, hostErrorContext(phase));
     } finally {
       setSubmitting(false);
       props.onSubmittingChange?.(false);
@@ -194,8 +243,7 @@ function DeferredPaymentElementForm(props) {
             onReady: () => setReady(true),
             onLoadError: (event) => {
               const error = new Error(event.error.message);
-              setMessage(error.message);
-              props.onError(error);
+              reportError(error, hostErrorContext("load"));
             }
           }
         ),

package/dist/index.mjs

@@ -1,7 +1,7 @@
 import {
   PrismDeferredPaymentElement,
   PrismPaymentElement
-} from "./chunk-CNZSWNL2.mjs";
+} from "./chunk-FMPWH5MM.mjs";
 export {
   PrismDeferredPaymentElement,
   PrismPaymentElement

package/dist/payment-surface.d.mts

@@ -1,6 +1,6 @@
 import * as react from 'react';
-import { e as PrismDeferredPaymentSurfaceProps, m as PrismPaymentSurfaceProps } from './types-CHvHlDN6.mjs';
-export { b as PrismCheckoutProviderContext, h as PrismPayPalCheckoutProviderContext, o as PrismPreparedPaymentSession, q as PrismStripeCheckoutProviderContext } from './types-CHvHlDN6.mjs';
+import { e as PrismDeferredPaymentSurfaceProps, p as PrismPaymentSurfaceProps } from './types-BNNA0H0d.mjs';
+export { b as PrismCheckoutProviderContext, h as PrismPayPalCheckoutProviderContext, l as PrismPaymentErrorContext, m as PrismPaymentErrorPhase, n as PrismPaymentErrorPresentation, r as PrismPreparedPaymentSession, t as PrismStripeCheckoutProviderContext } from './types-BNNA0H0d.mjs';
 import '@stripe/stripe-js';
 
 /**

package/dist/payment-surface.d.ts

@@ -1,6 +1,6 @@
 import * as react from 'react';
-import { e as PrismDeferredPaymentSurfaceProps, m as PrismPaymentSurfaceProps } from './types-CHvHlDN6.js';
-export { b as PrismCheckoutProviderContext, h as PrismPayPalCheckoutProviderContext, o as PrismPreparedPaymentSession, q as PrismStripeCheckoutProviderContext } from './types-CHvHlDN6.js';
+import { e as PrismDeferredPaymentSurfaceProps, p as PrismPaymentSurfaceProps } from './types-BNNA0H0d.js';
+export { b as PrismCheckoutProviderContext, h as PrismPayPalCheckoutProviderContext, l as PrismPaymentErrorContext, m as PrismPaymentErrorPhase, n as PrismPaymentErrorPresentation, r as PrismPreparedPaymentSession, t as PrismStripeCheckoutProviderContext } from './types-BNNA0H0d.js';
 import '@stripe/stripe-js';
 
 /**

package/dist/payment-surface.js

@@ -62,7 +62,7 @@ function ClickTimePayPalButton(props) {
           return { orderId };
         },
         savePayment: props.context.savePayment,
-        commit: true,
+        commit: props.context.commit ?? true,
         presentationMode: "auto",
         onApprove: async (data) => {
           if (submittingRef.current) return;
@@ -139,7 +139,13 @@ function PrismClickTimePayPalButton(props) {
       environment: props.context.environment,
       components: ["paypal-payments"],
       pageType: "checkout",
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ClickTimePayPalButton, { ...props })
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        ClickTimePayPalButton,
+        {
+          ...props
+        },
+        `${props.context.commit ?? true}:${props.context.savePayment}`
+      )
     },
     `${props.context.environment}:${props.context.clientId}`
   );
@@ -187,6 +193,38 @@ function normalizeStripePaymentIntent(paymentIntent) {
   }
 }
 
+// src/prism/stripe-error-presentation.ts
+var paymentElementErrorCodes = /* @__PURE__ */ new Set([
+  "card_declined",
+  "card_velocity_exceeded",
+  "expired_card",
+  "fraudulent",
+  "generic_decline",
+  "incorrect_cvc",
+  "incorrect_number",
+  "incorrect_zip",
+  "insufficient_funds",
+  "invalid_cvc",
+  "invalid_expiry_month",
+  "invalid_expiry_year",
+  "live_mode_test_card",
+  "lost_card",
+  "processing_error",
+  "stolen_card",
+  "test_mode_live_card"
+]);
+function stripeErrorContext(phase, error) {
+  const paymentElementOwnsMessage = error.type === "validation_error" || error.code !== void 0 && paymentElementErrorCodes.has(error.code) || error.decline_code !== void 0 && paymentElementErrorCodes.has(error.decline_code);
+  return {
+    connector: "stripe",
+    phase,
+    presentation: paymentElementOwnsMessage ? "provider" : "host"
+  };
+}
+function hostErrorContext(phase) {
+  return { connector: "stripe", phase, presentation: "host" };
+}
+
 // src/prism/PrismDeferredPaymentElement.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var stripeByPublishableKey = /* @__PURE__ */ new Map();
@@ -253,21 +291,34 @@ function DeferredPaymentElementForm(props) {
     onPending: props.onPending,
     onRequiresAction: props.onRequiresAction
   };
+  function reportError(error, context) {
+    setMessage(
+      context.presentation === "host" && props.errorPresentation !== "external" ? error.message : null
+    );
+    props.onError(error, context);
+  }
   async function submit(event) {
     event.preventDefault();
     if (!stripe || !elements || submitting || props.disabled) return;
     setSubmitting(true);
     props.onSubmittingChange?.(true);
     setMessage(null);
+    let phase = "details";
     try {
       const submitted = await elements.submit();
       if (submitted.error) {
-        throw new Error(
-          submitted.error.message ?? "Payment details are incomplete."
+        reportError(
+          new Error(
+            submitted.error.message ?? "Payment details are incomplete."
+          ),
+          stripeErrorContext("details", submitted.error)
         );
+        return;
       }
+      phase = "prepare";
       const prepared = await props.onPrepare();
       const clientSecret = assertPreparedClientSecret(prepared?.clientSecret);
+      phase = "confirm";
       const result = await stripe.confirmPayment({
         elements,
         clientSecret,
@@ -282,19 +333,23 @@ function DeferredPaymentElementForm(props) {
         redirect: "if_required"
       });
       if (result.error) {
-        throw new Error(result.error.message ?? "Stripe could not confirm payment.");
+        reportError(
+          new Error(result.error.message ?? "Stripe could not confirm payment."),
+          stripeErrorContext("confirm", result.error)
+        );
+        return;
       }
       if (!result.paymentIntent) {
         throw new Error("Stripe did not return a payment result.");
       }
+      phase = "outcome";
       await dispatchOutcome(
         normalizeStripePaymentIntent(result.paymentIntent),
         callbacks
       );
     } catch (error) {
       const safeError3 = error instanceof Error ? error : new Error("Payment could not be completed.");
-      setMessage(safeError3.message);
-      props.onError(safeError3);
+      reportError(safeError3, hostErrorContext(phase));
     } finally {
       setSubmitting(false);
       props.onSubmittingChange?.(false);
@@ -314,8 +369,7 @@ function DeferredPaymentElementForm(props) {
             onReady: () => setReady(true),
             onLoadError: (event) => {
               const error = new Error(event.error.message);
-              setMessage(error.message);
-              props.onError(error);
+              reportError(error, hostErrorContext("load"));
             }
           }
         ),
@@ -423,7 +477,7 @@ function PayPalButton(props) {
             disabled: props.disabled || submitting,
             orderId: props.session.orderId,
             savePayment: props.session.savePayment,
-            commit: true,
+            commit: props.session.commit ?? true,
             presentationMode: "auto",
             onApprove: async (data) => {
               if (submittingRef.current) return;
@@ -500,7 +554,13 @@ function PrismPayPalPaymentButton(props) {
       environment: props.session.environment,
       components: ["paypal-payments"],
       pageType: "checkout",
-      children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(PayPalButton, { ...props }, props.session.orderId)
+      children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        PayPalButton,
+        {
+          ...props
+        },
+        `${props.session.orderId}:${props.session.commit ?? true}:${props.session.savePayment}`
+      )
     },
     `${props.session.environment}:${props.session.clientId}`
   );

package/dist/payment-surface.mjs

@@ -1,11 +1,11 @@
 import {
   PrismDeferredPaymentElement,
   PrismPaymentElement
-} from "./chunk-CNZSWNL2.mjs";
+} from "./chunk-FMPWH5MM.mjs";
 import {
   PrismClickTimePayPalButton,
   PrismPayPalPaymentButton
-} from "./chunk-XCUOIQ2U.mjs";
+} from "./chunk-AVZIQKZV.mjs";
 
 // src/prism/PrismDeferredPaymentSurface.tsx
 import { jsx } from "react/jsx-runtime";

package/dist/paypal.d.mts

@@ -1,6 +1,6 @@
 import * as react from 'react';
-import { c as PrismClickTimePayPalButtonProps, j as PrismPayPalPaymentButtonProps } from './types-CHvHlDN6.mjs';
-export { d as PrismClickTimePayPalOrder, g as PrismPayPalApprovalOutcome, h as PrismPayPalCheckoutProviderContext, i as PrismPayPalPaymentButtonClassNames, n as PrismPreparedPayPalPaymentSession } from './types-CHvHlDN6.mjs';
+import { c as PrismClickTimePayPalButtonProps, j as PrismPayPalPaymentButtonProps } from './types-BNNA0H0d.mjs';
+export { d as PrismClickTimePayPalOrder, g as PrismPayPalApprovalOutcome, h as PrismPayPalCheckoutProviderContext, i as PrismPayPalPaymentButtonClassNames, q as PrismPreparedPayPalPaymentSession } from './types-BNNA0H0d.mjs';
 import '@stripe/stripe-js';
 
 declare function PrismClickTimePayPalButton(props: PrismClickTimePayPalButtonProps): react.JSX.Element;

package/dist/paypal.d.ts

@@ -1,6 +1,6 @@
 import * as react from 'react';
-import { c as PrismClickTimePayPalButtonProps, j as PrismPayPalPaymentButtonProps } from './types-CHvHlDN6.js';
-export { d as PrismClickTimePayPalOrder, g as PrismPayPalApprovalOutcome, h as PrismPayPalCheckoutProviderContext, i as PrismPayPalPaymentButtonClassNames, n as PrismPreparedPayPalPaymentSession } from './types-CHvHlDN6.js';
+import { c as PrismClickTimePayPalButtonProps, j as PrismPayPalPaymentButtonProps } from './types-BNNA0H0d.js';
+export { d as PrismClickTimePayPalOrder, g as PrismPayPalApprovalOutcome, h as PrismPayPalCheckoutProviderContext, i as PrismPayPalPaymentButtonClassNames, q as PrismPreparedPayPalPaymentSession } from './types-BNNA0H0d.js';
 import '@stripe/stripe-js';
 
 declare function PrismClickTimePayPalButton(props: PrismClickTimePayPalButtonProps): react.JSX.Element;

package/dist/paypal.js

@@ -62,7 +62,7 @@ function ClickTimePayPalButton(props) {
           return { orderId };
         },
         savePayment: props.context.savePayment,
-        commit: true,
+        commit: props.context.commit ?? true,
         presentationMode: "auto",
         onApprove: async (data) => {
           if (submittingRef.current) return;
@@ -139,7 +139,13 @@ function PrismClickTimePayPalButton(props) {
       environment: props.context.environment,
       components: ["paypal-payments"],
       pageType: "checkout",
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ClickTimePayPalButton, { ...props })
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        ClickTimePayPalButton,
+        {
+          ...props
+        },
+        `${props.context.commit ?? true}:${props.context.savePayment}`
+      )
     },
     `${props.context.environment}:${props.context.clientId}`
   );
@@ -175,7 +181,7 @@ function PayPalButton(props) {
             disabled: props.disabled || submitting,
             orderId: props.session.orderId,
             savePayment: props.session.savePayment,
-            commit: true,
+            commit: props.session.commit ?? true,
             presentationMode: "auto",
             onApprove: async (data) => {
               if (submittingRef.current) return;
@@ -252,7 +258,13 @@ function PrismPayPalPaymentButton(props) {
       environment: props.session.environment,
       components: ["paypal-payments"],
       pageType: "checkout",
-      children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(PayPalButton, { ...props }, props.session.orderId)
+      children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        PayPalButton,
+        {
+          ...props
+        },
+        `${props.session.orderId}:${props.session.commit ?? true}:${props.session.savePayment}`
+      )
     },
     `${props.session.environment}:${props.session.clientId}`
   );

package/dist/paypal.mjs

@@ -1,7 +1,7 @@
 import {
   PrismClickTimePayPalButton,
   PrismPayPalPaymentButton
-} from "./chunk-XCUOIQ2U.mjs";
+} from "./chunk-AVZIQKZV.mjs";
 export {
   PrismClickTimePayPalButton,
   PrismPayPalPaymentButton

package/dist/{types-CHvHlDN6.d.mts → types-BNNA0H0d.d.mts}

@@ -18,6 +18,7 @@ interface PrismPreparedPayPalPaymentSession extends PrismPreparedPaymentSessionB
     clientId: string;
     environment: "sandbox" | "production";
     savePayment: boolean;
+    commit?: boolean;
 }
 type PrismPreparedPaymentSession = PrismPreparedStripePaymentSession | PrismPreparedPayPalPaymentSession;
 interface PrismPaymentBillingDetails {
@@ -51,6 +52,13 @@ interface PrismPaymentElementClassNames {
     submitButton?: string;
     status?: string;
 }
+type PrismPaymentErrorPresentation = "provider" | "host";
+type PrismPaymentErrorPhase = "load" | "details" | "prepare" | "confirm" | "outcome";
+interface PrismPaymentErrorContext {
+    connector: "stripe";
+    phase: PrismPaymentErrorPhase;
+    presentation: PrismPaymentErrorPresentation;
+}
 interface PrismPaymentOutcome {
     connector: "stripe";
     paymentIntentId: string;
@@ -111,6 +119,7 @@ interface PrismPayPalCheckoutProviderContext {
     clientId: string;
     environment: "sandbox" | "production";
     savePayment: boolean;
+    commit?: boolean;
 }
 type PrismCheckoutProviderContext = PrismStripeCheckoutProviderContext | PrismPayPalCheckoutProviderContext;
 interface PrismDeferredStripePreparedPayment {
@@ -130,13 +139,14 @@ interface PrismDeferredPaymentElementProps {
     displayPolicy?: "if_required" | PrismStripeDisplayPolicy;
     appearance?: StripeElementsOptions["appearance"];
     classNames?: PrismPaymentElementClassNames;
+    errorPresentation?: "inline" | "external";
     submitLabel?: string;
     disabled?: boolean;
     onSubmittingChange?: (submitting: boolean) => void;
     onAuthorized: (outcome: PrismPaymentOutcome) => void | Promise<void>;
     onPending: (outcome: PrismPaymentOutcome) => void | Promise<void>;
     onRequiresAction: (outcome: PrismPaymentOutcome) => void | Promise<void>;
-    onError: (error: Error) => void;
+    onError: (error: Error, context: PrismPaymentErrorContext) => void;
 }
 interface PrismClickTimePayPalOrder {
     orderId: string;
@@ -158,4 +168,4 @@ interface PrismClickTimePayPalButtonProps {
 }
 type PrismDeferredPaymentSurfaceProps = PrismDeferredPaymentElementProps | PrismClickTimePayPalButtonProps;
 
-export type { PrismDeferredPaymentElementProps as P, StripeSupportedTermMethod as S, PrismPaymentElementProps as a, PrismCheckoutProviderContext as b, PrismClickTimePayPalButtonProps as c, PrismClickTimePayPalOrder as d, PrismDeferredPaymentSurfaceProps as e, PrismDeferredStripePreparedPayment as f, PrismPayPalApprovalOutcome as g, PrismPayPalCheckoutProviderContext as h, PrismPayPalPaymentButtonClassNames as i, PrismPayPalPaymentButtonProps as j, PrismPaymentBillingDetails as k, PrismPaymentOutcome as l, PrismPaymentSurfaceProps as m, PrismPreparedPayPalPaymentSession as n, PrismPreparedPaymentSession as o, PrismPreparedStripePaymentSession as p, PrismStripeCheckoutProviderContext as q, PrismStripeDisplayPolicy as r };
+export type { PrismDeferredPaymentElementProps as P, StripeSupportedTermMethod as S, PrismPaymentElementProps as a, PrismCheckoutProviderContext as b, PrismClickTimePayPalButtonProps as c, PrismClickTimePayPalOrder as d, PrismDeferredPaymentSurfaceProps as e, PrismDeferredStripePreparedPayment as f, PrismPayPalApprovalOutcome as g, PrismPayPalCheckoutProviderContext as h, PrismPayPalPaymentButtonClassNames as i, PrismPayPalPaymentButtonProps as j, PrismPaymentBillingDetails as k, PrismPaymentErrorContext as l, PrismPaymentErrorPhase as m, PrismPaymentErrorPresentation as n, PrismPaymentOutcome as o, PrismPaymentSurfaceProps as p, PrismPreparedPayPalPaymentSession as q, PrismPreparedPaymentSession as r, PrismPreparedStripePaymentSession as s, PrismStripeCheckoutProviderContext as t, PrismStripeDisplayPolicy as u };

package/dist/{types-CHvHlDN6.d.ts → types-BNNA0H0d.d.ts}

@@ -18,6 +18,7 @@ interface PrismPreparedPayPalPaymentSession extends PrismPreparedPaymentSessionB
     clientId: string;
     environment: "sandbox" | "production";
     savePayment: boolean;
+    commit?: boolean;
 }
 type PrismPreparedPaymentSession = PrismPreparedStripePaymentSession | PrismPreparedPayPalPaymentSession;
 interface PrismPaymentBillingDetails {
@@ -51,6 +52,13 @@ interface PrismPaymentElementClassNames {
     submitButton?: string;
     status?: string;
 }
+type PrismPaymentErrorPresentation = "provider" | "host";
+type PrismPaymentErrorPhase = "load" | "details" | "prepare" | "confirm" | "outcome";
+interface PrismPaymentErrorContext {
+    connector: "stripe";
+    phase: PrismPaymentErrorPhase;
+    presentation: PrismPaymentErrorPresentation;
+}
 interface PrismPaymentOutcome {
     connector: "stripe";
     paymentIntentId: string;
@@ -111,6 +119,7 @@ interface PrismPayPalCheckoutProviderContext {
     clientId: string;
     environment: "sandbox" | "production";
     savePayment: boolean;
+    commit?: boolean;
 }
 type PrismCheckoutProviderContext = PrismStripeCheckoutProviderContext | PrismPayPalCheckoutProviderContext;
 interface PrismDeferredStripePreparedPayment {
@@ -130,13 +139,14 @@ interface PrismDeferredPaymentElementProps {
     displayPolicy?: "if_required" | PrismStripeDisplayPolicy;
     appearance?: StripeElementsOptions["appearance"];
     classNames?: PrismPaymentElementClassNames;
+    errorPresentation?: "inline" | "external";
     submitLabel?: string;
     disabled?: boolean;
     onSubmittingChange?: (submitting: boolean) => void;
     onAuthorized: (outcome: PrismPaymentOutcome) => void | Promise<void>;
     onPending: (outcome: PrismPaymentOutcome) => void | Promise<void>;
     onRequiresAction: (outcome: PrismPaymentOutcome) => void | Promise<void>;
-    onError: (error: Error) => void;
+    onError: (error: Error, context: PrismPaymentErrorContext) => void;
 }
 interface PrismClickTimePayPalOrder {
     orderId: string;
@@ -158,4 +168,4 @@ interface PrismClickTimePayPalButtonProps {
 }
 type PrismDeferredPaymentSurfaceProps = PrismDeferredPaymentElementProps | PrismClickTimePayPalButtonProps;
 
-export type { PrismDeferredPaymentElementProps as P, StripeSupportedTermMethod as S, PrismPaymentElementProps as a, PrismCheckoutProviderContext as b, PrismClickTimePayPalButtonProps as c, PrismClickTimePayPalOrder as d, PrismDeferredPaymentSurfaceProps as e, PrismDeferredStripePreparedPayment as f, PrismPayPalApprovalOutcome as g, PrismPayPalCheckoutProviderContext as h, PrismPayPalPaymentButtonClassNames as i, PrismPayPalPaymentButtonProps as j, PrismPaymentBillingDetails as k, PrismPaymentOutcome as l, PrismPaymentSurfaceProps as m, PrismPreparedPayPalPaymentSession as n, PrismPreparedPaymentSession as o, PrismPreparedStripePaymentSession as p, PrismStripeCheckoutProviderContext as q, PrismStripeDisplayPolicy as r };
+export type { PrismDeferredPaymentElementProps as P, StripeSupportedTermMethod as S, PrismPaymentElementProps as a, PrismCheckoutProviderContext as b, PrismClickTimePayPalButtonProps as c, PrismClickTimePayPalOrder as d, PrismDeferredPaymentSurfaceProps as e, PrismDeferredStripePreparedPayment as f, PrismPayPalApprovalOutcome as g, PrismPayPalCheckoutProviderContext as h, PrismPayPalPaymentButtonClassNames as i, PrismPayPalPaymentButtonProps as j, PrismPaymentBillingDetails as k, PrismPaymentErrorContext as l, PrismPaymentErrorPhase as m, PrismPaymentErrorPresentation as n, PrismPaymentOutcome as o, PrismPaymentSurfaceProps as p, PrismPreparedPayPalPaymentSession as q, PrismPreparedPaymentSession as r, PrismPreparedStripePaymentSession as s, PrismStripeCheckoutProviderContext as t, PrismStripeDisplayPolicy as u };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alphawebai/medusa-custom-payments-react",
-  "version": "0.1.0-rc.39",
+  "version": "0.1.0-rc.41",
   "description": "AlphaWeb-owned Prism Stripe and PayPal checkout surfaces for Medusa storefronts",
   "main": "dist/index.js",
   "module": "dist/index.mjs",