@alphawebai/medusa-custom-payments-react 0.1.0-rc.49 → 0.1.0-rc.50

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

@@ -1,16 +1,56 @@
 // src/prism/PrismClickTimePayPalButton.tsx
+import { PayPalProvider } from "@paypal/react-paypal-js/sdk-v6";
+import { useRef as useRef2, useState } from "react";
+
+// src/prism/PayPalOneTimePaymentButton.tsx
 import {
-  PayPalOneTimePaymentButton,
-  PayPalProvider
+  usePayPal,
+  usePayPalOneTimePaymentSession
 } from "@paypal/react-paypal-js/sdk-v6";
-import { useRef, useState } from "react";
+import { createElement, useEffect, useRef } from "react";
+function PayPalOneTimePaymentButton({
+  type = "pay",
+  disabled = false,
+  onStartError,
+  ...hookProps
+}) {
+  const errorNotifications = useRef(0);
+  const { error, isPending, handleClick } = usePayPalOneTimePaymentSession({
+    ...hookProps,
+    onError: (error2) => {
+      errorNotifications.current += 1;
+      hookProps.onError?.(error2);
+    }
+  });
+  const { isHydrated } = usePayPal();
+  useEffect(() => {
+    if (error) console.error(error);
+  }, [error]);
+  return isHydrated ? createElement("paypal-button", {
+    type,
+    disabled: disabled || isPending || error !== null ? true : void 0,
+    onClick: async () => {
+      if (disabled || isPending || error !== null) return;
+      const notificationsBeforeStart = errorNotifications.current;
+      try {
+        await handleClick();
+      } catch (error2) {
+        if (errorNotifications.current === notificationsBeforeStart) {
+          onStartError(error2);
+        }
+      }
+    }
+  }) : createElement("div", null);
+}
+
+// src/prism/PrismClickTimePayPalButton.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
 function safeError(value) {
   return value instanceof Error ? value : new Error("PayPal could not complete payment approval.");
 }
 function ClickTimePayPalButton(props) {
-  const submittingRef = useRef(false);
-  const createdOrderIdRef = useRef(null);
+  const submittingRef = useRef2(false);
+  const createdOrderIdRef = useRef2(null);
   const [submitting, setSubmittingState] = useState(false);
   const [message, setMessage] = useState(null);
   function setSubmitting(next) {
@@ -18,6 +58,12 @@ function ClickTimePayPalButton(props) {
     setSubmittingState(next);
     props.onSubmittingChange?.(next);
   }
+  function handleError(error) {
+    const normalized = safeError(error);
+    setSubmitting(false);
+    setMessage(normalized.message);
+    props.onError(normalized);
+  }
   return /* @__PURE__ */ jsxs("div", { "aria-busy": submitting, className: props.classNames?.container, children: [
     /* @__PURE__ */ jsx(
       PayPalOneTimePaymentButton,
@@ -77,15 +123,11 @@ function ClickTimePayPalButton(props) {
             orderId: createdOrderIdRef.current
           });
         },
-        onError: (error) => {
-          const normalized = safeError(error);
-          setSubmitting(false);
-          setMessage(normalized.message);
-          props.onError(normalized);
-        }
+        onError: handleError,
+        onStartError: handleError
       }
     ),
-    message ? /* @__PURE__ */ jsx("p", { role: "alert", "aria-live": "assertive", className: props.classNames?.error, children: message }) : null,
+    message && props.errorPresentation !== "external" ? /* @__PURE__ */ jsx("p", { role: "alert", "aria-live": "assertive", className: props.classNames?.error, children: message }) : null,
     /* @__PURE__ */ jsx(
       "span",
       {
@@ -122,17 +164,14 @@ function PrismClickTimePayPalButton(props) {
 }
 
 // src/prism/PrismPayPalPaymentButton.tsx
-import {
-  PayPalOneTimePaymentButton as PayPalOneTimePaymentButton2,
-  PayPalProvider as PayPalProvider2
-} from "@paypal/react-paypal-js/sdk-v6";
-import { useRef as useRef2, useState as useState2 } from "react";
+import { PayPalProvider as PayPalProvider2 } from "@paypal/react-paypal-js/sdk-v6";
+import { useRef as useRef3, useState as useState2 } from "react";
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 function safeError2(value) {
   return value instanceof Error ? value : new Error("PayPal could not complete payment approval.");
 }
 function PayPalButton(props) {
-  const submittingRef = useRef2(false);
+  const submittingRef = useRef3(false);
   const [submitting, setSubmittingState] = useState2(false);
   const [message, setMessage] = useState2(null);
   function setSubmitting(next) {
@@ -140,6 +179,12 @@ function PayPalButton(props) {
     setSubmittingState(next);
     props.onSubmittingChange?.(next);
   }
+  function handleError(error) {
+    const normalized = safeError2(error);
+    setSubmitting(false);
+    setMessage(normalized.message);
+    props.onError(normalized);
+  }
   return /* @__PURE__ */ jsxs2(
     "div",
     {
@@ -147,7 +192,7 @@ function PayPalButton(props) {
       className: props.classNames?.container,
       children: [
         /* @__PURE__ */ jsx2(
-          PayPalOneTimePaymentButton2,
+          PayPalOneTimePaymentButton,
           {
             type: "pay",
             className: props.classNames?.button,
@@ -191,15 +236,11 @@ function PayPalButton(props) {
                 orderId: props.session.orderId
               });
             },
-            onError: (error) => {
-              const normalized = safeError2(error);
-              setSubmitting(false);
-              setMessage(normalized.message);
-              props.onError(normalized);
-            }
+            onError: handleError,
+            onStartError: handleError
           }
         ),
-        message ? /* @__PURE__ */ jsx2("p", { role: "alert", "aria-live": "assertive", className: props.classNames?.error, children: message }) : null,
+        message && props.errorPresentation !== "external" ? /* @__PURE__ */ jsx2("p", { role: "alert", "aria-live": "assertive", className: props.classNames?.error, children: message }) : null,
         /* @__PURE__ */ jsx2(
           "span",
           {

package/dist/index.d.mts

@@ -1,6 +1,6 @@
 import * as react from 'react';
-import { P as PrismDeferredPaymentElementProps, a as PrismPaymentElementProps } from './types-CzSrJFo2.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-CzSrJFo2.mjs';
+import { P as PrismDeferredPaymentElementProps, a as PrismPaymentElementProps } from './types-Dufdvsa0.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-Dufdvsa0.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-CzSrJFo2.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-CzSrJFo2.js';
+import { P as PrismDeferredPaymentElementProps, a as PrismPaymentElementProps } from './types-Dufdvsa0.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-Dufdvsa0.js';
 import '@stripe/stripe-js';
 
 declare function PrismDeferredPaymentElement(props: PrismDeferredPaymentElementProps): react.JSX.Element;

package/dist/payment-surface.d.mts

@@ -1,6 +1,6 @@
 import * as react from 'react';
-import { e as PrismDeferredPaymentSurfaceProps, p as PrismPaymentSurfaceProps } from './types-CzSrJFo2.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-CzSrJFo2.mjs';
+import { e as PrismDeferredPaymentSurfaceProps, p as PrismPaymentSurfaceProps } from './types-Dufdvsa0.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-Dufdvsa0.mjs';
 import '@stripe/stripe-js';
 
 /**

package/dist/payment-surface.d.ts

@@ -1,6 +1,6 @@
 import * as react from 'react';
-import { e as PrismDeferredPaymentSurfaceProps, p as PrismPaymentSurfaceProps } from './types-CzSrJFo2.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-CzSrJFo2.js';
+import { e as PrismDeferredPaymentSurfaceProps, p as PrismPaymentSurfaceProps } from './types-Dufdvsa0.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-Dufdvsa0.js';
 import '@stripe/stripe-js';
 
 /**

package/dist/payment-surface.js

@@ -26,25 +26,71 @@ __export(payment_surface_exports, {
 module.exports = __toCommonJS(payment_surface_exports);
 
 // src/prism/PrismClickTimePayPalButton.tsx
+var import_sdk_v62 = require("@paypal/react-paypal-js/sdk-v6");
+var import_react2 = require("react");
+
+// src/prism/PayPalOneTimePaymentButton.tsx
 var import_sdk_v6 = require("@paypal/react-paypal-js/sdk-v6");
 var import_react = require("react");
+function PayPalOneTimePaymentButton({
+  type = "pay",
+  disabled = false,
+  onStartError,
+  ...hookProps
+}) {
+  const errorNotifications = (0, import_react.useRef)(0);
+  const { error, isPending, handleClick } = (0, import_sdk_v6.usePayPalOneTimePaymentSession)({
+    ...hookProps,
+    onError: (error2) => {
+      errorNotifications.current += 1;
+      hookProps.onError?.(error2);
+    }
+  });
+  const { isHydrated } = (0, import_sdk_v6.usePayPal)();
+  (0, import_react.useEffect)(() => {
+    if (error) console.error(error);
+  }, [error]);
+  return isHydrated ? (0, import_react.createElement)("paypal-button", {
+    type,
+    disabled: disabled || isPending || error !== null ? true : void 0,
+    onClick: async () => {
+      if (disabled || isPending || error !== null) return;
+      const notificationsBeforeStart = errorNotifications.current;
+      try {
+        await handleClick();
+      } catch (error2) {
+        if (errorNotifications.current === notificationsBeforeStart) {
+          onStartError(error2);
+        }
+      }
+    }
+  }) : (0, import_react.createElement)("div", null);
+}
+
+// src/prism/PrismClickTimePayPalButton.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
 function safeError(value) {
   return value instanceof Error ? value : new Error("PayPal could not complete payment approval.");
 }
 function ClickTimePayPalButton(props) {
-  const submittingRef = (0, import_react.useRef)(false);
-  const createdOrderIdRef = (0, import_react.useRef)(null);
-  const [submitting, setSubmittingState] = (0, import_react.useState)(false);
-  const [message, setMessage] = (0, import_react.useState)(null);
+  const submittingRef = (0, import_react2.useRef)(false);
+  const createdOrderIdRef = (0, import_react2.useRef)(null);
+  const [submitting, setSubmittingState] = (0, import_react2.useState)(false);
+  const [message, setMessage] = (0, import_react2.useState)(null);
   function setSubmitting(next) {
     submittingRef.current = next;
     setSubmittingState(next);
     props.onSubmittingChange?.(next);
   }
+  function handleError(error) {
+    const normalized = safeError(error);
+    setSubmitting(false);
+    setMessage(normalized.message);
+    props.onError(normalized);
+  }
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { "aria-busy": submitting, className: props.classNames?.container, children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_sdk_v6.PayPalOneTimePaymentButton,
+      PayPalOneTimePaymentButton,
       {
         type: "pay",
         className: props.classNames?.button,
@@ -101,15 +147,11 @@ function ClickTimePayPalButton(props) {
             orderId: createdOrderIdRef.current
           });
         },
-        onError: (error) => {
-          const normalized = safeError(error);
-          setSubmitting(false);
-          setMessage(normalized.message);
-          props.onError(normalized);
-        }
+        onError: handleError,
+        onStartError: handleError
       }
     ),
-    message ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { role: "alert", "aria-live": "assertive", className: props.classNames?.error, children: message }) : null,
+    message && props.errorPresentation !== "external" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { role: "alert", "aria-live": "assertive", className: props.classNames?.error, children: message }) : null,
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "span",
       {
@@ -133,7 +175,7 @@ function PrismClickTimePayPalButton(props) {
     throw new Error("Prism PayPal checkout context is invalid.");
   }
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_sdk_v6.PayPalProvider,
+    import_sdk_v62.PayPalProvider,
     {
       clientId: props.context.clientId,
       environment: props.context.environment,
@@ -148,7 +190,7 @@ function PrismClickTimePayPalButton(props) {
 // src/prism/PrismDeferredPaymentElement.tsx
 var import_react_stripe_js = require("@stripe/react-stripe-js");
 var import_stripe_js = require("@stripe/stripe-js");
-var import_react2 = require("react");
+var import_react3 = require("react");
 
 // src/prism/outcome.ts
 function normalizeStripePaymentIntent(paymentIntent) {
@@ -277,9 +319,9 @@ async function dispatchOutcome(outcome, callbacks) {
 function DeferredPaymentElementForm(props) {
   const stripe = (0, import_react_stripe_js.useStripe)();
   const elements = (0, import_react_stripe_js.useElements)();
-  const [ready, setReady] = (0, import_react2.useState)(false);
-  const [submitting, setSubmitting] = (0, import_react2.useState)(false);
-  const [message, setMessage] = (0, import_react2.useState)(null);
+  const [ready, setReady] = (0, import_react3.useState)(false);
+  const [submitting, setSubmitting] = (0, import_react3.useState)(false);
+  const [message, setMessage] = (0, import_react3.useState)(null);
   const callbacks = {
     onAuthorized: props.onAuthorized,
     onPending: props.onPending,
@@ -432,7 +474,7 @@ function deferredStripeElementsContract(props) {
 }
 function PrismDeferredPaymentElement(props) {
   const validationError = props.connector !== "stripe" || props.context.connector !== "stripe" ? "Unsupported Prism payment connector." : props.context.providerId !== "pp_hyperswitch-prism_stripe" || !/^pk_(test|live)_/.test(props.context.publishableKey) || !Number.isSafeInteger(props.amountMinor) || props.amountMinor <= 0 || !/^[a-z]{3}$/.test(props.currency) ? "Prism Stripe checkout context is invalid." : null;
-  const stripe = (0, import_react2.useMemo)(
+  const stripe = (0, import_react3.useMemo)(
     () => validationError ? null : stripePromise(props.context.publishableKey),
     [props.context.publishableKey, validationError]
   );
@@ -451,21 +493,27 @@ function PrismDeferredPaymentSurface(props) {
 }
 
 // src/prism/PrismPayPalPaymentButton.tsx
-var import_sdk_v62 = require("@paypal/react-paypal-js/sdk-v6");
-var import_react3 = require("react");
+var import_sdk_v63 = require("@paypal/react-paypal-js/sdk-v6");
+var import_react4 = require("react");
 var import_jsx_runtime4 = require("react/jsx-runtime");
 function safeError2(value) {
   return value instanceof Error ? value : new Error("PayPal could not complete payment approval.");
 }
 function PayPalButton(props) {
-  const submittingRef = (0, import_react3.useRef)(false);
-  const [submitting, setSubmittingState] = (0, import_react3.useState)(false);
-  const [message, setMessage] = (0, import_react3.useState)(null);
+  const submittingRef = (0, import_react4.useRef)(false);
+  const [submitting, setSubmittingState] = (0, import_react4.useState)(false);
+  const [message, setMessage] = (0, import_react4.useState)(null);
   function setSubmitting(next) {
     submittingRef.current = next;
     setSubmittingState(next);
     props.onSubmittingChange?.(next);
   }
+  function handleError(error) {
+    const normalized = safeError2(error);
+    setSubmitting(false);
+    setMessage(normalized.message);
+    props.onError(normalized);
+  }
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
     "div",
     {
@@ -473,7 +521,7 @@ function PayPalButton(props) {
       className: props.classNames?.container,
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-          import_sdk_v62.PayPalOneTimePaymentButton,
+          PayPalOneTimePaymentButton,
           {
             type: "pay",
             className: props.classNames?.button,
@@ -517,15 +565,11 @@ function PayPalButton(props) {
                 orderId: props.session.orderId
               });
             },
-            onError: (error) => {
-              const normalized = safeError2(error);
-              setSubmitting(false);
-              setMessage(normalized.message);
-              props.onError(normalized);
-            }
+            onError: handleError,
+            onStartError: handleError
           }
         ),
-        message ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { role: "alert", "aria-live": "assertive", className: props.classNames?.error, children: message }) : null,
+        message && props.errorPresentation !== "external" ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { role: "alert", "aria-live": "assertive", className: props.classNames?.error, children: message }) : null,
         /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
           "span",
           {
@@ -551,7 +595,7 @@ function PrismPayPalPaymentButton(props) {
     throw new Error("Prism PayPal payment session is invalid.");
   }
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-    import_sdk_v62.PayPalProvider,
+    import_sdk_v63.PayPalProvider,
     {
       clientId: props.session.clientId,
       environment: props.session.environment,
@@ -566,7 +610,7 @@ function PrismPayPalPaymentButton(props) {
 // src/prism/PrismPaymentElement.tsx
 var import_react_stripe_js2 = require("@stripe/react-stripe-js");
 var import_stripe_js2 = require("@stripe/stripe-js");
-var import_react4 = require("react");
+var import_react5 = require("react");
 var import_jsx_runtime5 = require("react/jsx-runtime");
 var stripeByPublishableKey2 = /* @__PURE__ */ new Map();
 function stripePromise2(publishableKey) {
@@ -618,9 +662,9 @@ async function dispatchOutcome2(outcome, callbacks) {
 function PaymentElementForm(props) {
   const stripe = (0, import_react_stripe_js2.useStripe)();
   const elements = (0, import_react_stripe_js2.useElements)();
-  const [ready, setReady] = (0, import_react4.useState)(false);
-  const [submitting, setSubmitting] = (0, import_react4.useState)(false);
-  const [message, setMessage] = (0, import_react4.useState)(null);
+  const [ready, setReady] = (0, import_react5.useState)(false);
+  const [submitting, setSubmitting] = (0, import_react5.useState)(false);
+  const [message, setMessage] = (0, import_react5.useState)(null);
   const callbacks = {
     onAuthorized: props.onAuthorized,
     onPending: props.onPending,
@@ -738,7 +782,7 @@ function PaymentElementForm(props) {
 }
 function PrismPaymentElement(props) {
   const validationError = props.connector !== "stripe" || props.session.connector !== "stripe" ? "Unsupported Prism payment connector." : props.session.providerId !== "pp_hyperswitch-prism_stripe" || !props.session.clientSecret.startsWith("pi_") || !props.session.clientSecret.includes("_secret_") || !/^pk_(test|live)_/.test(props.session.publishableKey) ? "Prism Stripe payment session is invalid." : null;
-  const stripe = (0, import_react4.useMemo)(
+  const stripe = (0, import_react5.useMemo)(
     () => validationError ? null : stripePromise2(props.session.publishableKey),
     [props.session.publishableKey, validationError]
   );

package/dist/payment-surface.mjs

@@ -5,7 +5,7 @@ import {
 import {
   PrismClickTimePayPalButton,
   PrismPayPalPaymentButton
-} from "./chunk-XCUOIQ2U.mjs";
+} from "./chunk-IXQEWGRG.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-CzSrJFo2.mjs';
-export { d as PrismClickTimePayPalOrder, g as PrismPayPalApprovalOutcome, h as PrismPayPalCheckoutProviderContext, i as PrismPayPalPaymentButtonClassNames, q as PrismPreparedPayPalPaymentSession } from './types-CzSrJFo2.mjs';
+import { c as PrismClickTimePayPalButtonProps, j as PrismPayPalPaymentButtonProps } from './types-Dufdvsa0.mjs';
+export { d as PrismClickTimePayPalOrder, g as PrismPayPalApprovalOutcome, h as PrismPayPalCheckoutProviderContext, i as PrismPayPalPaymentButtonClassNames, q as PrismPreparedPayPalPaymentSession } from './types-Dufdvsa0.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-CzSrJFo2.js';
-export { d as PrismClickTimePayPalOrder, g as PrismPayPalApprovalOutcome, h as PrismPayPalCheckoutProviderContext, i as PrismPayPalPaymentButtonClassNames, q as PrismPreparedPayPalPaymentSession } from './types-CzSrJFo2.js';
+import { c as PrismClickTimePayPalButtonProps, j as PrismPayPalPaymentButtonProps } from './types-Dufdvsa0.js';
+export { d as PrismClickTimePayPalOrder, g as PrismPayPalApprovalOutcome, h as PrismPayPalCheckoutProviderContext, i as PrismPayPalPaymentButtonClassNames, q as PrismPreparedPayPalPaymentSession } from './types-Dufdvsa0.js';
 import '@stripe/stripe-js';
 
 declare function PrismClickTimePayPalButton(props: PrismClickTimePayPalButtonProps): react.JSX.Element;

package/dist/paypal.js

@@ -26,25 +26,71 @@ __export(paypal_exports, {
 module.exports = __toCommonJS(paypal_exports);
 
 // src/prism/PrismClickTimePayPalButton.tsx
+var import_sdk_v62 = require("@paypal/react-paypal-js/sdk-v6");
+var import_react2 = require("react");
+
+// src/prism/PayPalOneTimePaymentButton.tsx
 var import_sdk_v6 = require("@paypal/react-paypal-js/sdk-v6");
 var import_react = require("react");
+function PayPalOneTimePaymentButton({
+  type = "pay",
+  disabled = false,
+  onStartError,
+  ...hookProps
+}) {
+  const errorNotifications = (0, import_react.useRef)(0);
+  const { error, isPending, handleClick } = (0, import_sdk_v6.usePayPalOneTimePaymentSession)({
+    ...hookProps,
+    onError: (error2) => {
+      errorNotifications.current += 1;
+      hookProps.onError?.(error2);
+    }
+  });
+  const { isHydrated } = (0, import_sdk_v6.usePayPal)();
+  (0, import_react.useEffect)(() => {
+    if (error) console.error(error);
+  }, [error]);
+  return isHydrated ? (0, import_react.createElement)("paypal-button", {
+    type,
+    disabled: disabled || isPending || error !== null ? true : void 0,
+    onClick: async () => {
+      if (disabled || isPending || error !== null) return;
+      const notificationsBeforeStart = errorNotifications.current;
+      try {
+        await handleClick();
+      } catch (error2) {
+        if (errorNotifications.current === notificationsBeforeStart) {
+          onStartError(error2);
+        }
+      }
+    }
+  }) : (0, import_react.createElement)("div", null);
+}
+
+// src/prism/PrismClickTimePayPalButton.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
 function safeError(value) {
   return value instanceof Error ? value : new Error("PayPal could not complete payment approval.");
 }
 function ClickTimePayPalButton(props) {
-  const submittingRef = (0, import_react.useRef)(false);
-  const createdOrderIdRef = (0, import_react.useRef)(null);
-  const [submitting, setSubmittingState] = (0, import_react.useState)(false);
-  const [message, setMessage] = (0, import_react.useState)(null);
+  const submittingRef = (0, import_react2.useRef)(false);
+  const createdOrderIdRef = (0, import_react2.useRef)(null);
+  const [submitting, setSubmittingState] = (0, import_react2.useState)(false);
+  const [message, setMessage] = (0, import_react2.useState)(null);
   function setSubmitting(next) {
     submittingRef.current = next;
     setSubmittingState(next);
     props.onSubmittingChange?.(next);
   }
+  function handleError(error) {
+    const normalized = safeError(error);
+    setSubmitting(false);
+    setMessage(normalized.message);
+    props.onError(normalized);
+  }
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { "aria-busy": submitting, className: props.classNames?.container, children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_sdk_v6.PayPalOneTimePaymentButton,
+      PayPalOneTimePaymentButton,
       {
         type: "pay",
         className: props.classNames?.button,
@@ -101,15 +147,11 @@ function ClickTimePayPalButton(props) {
             orderId: createdOrderIdRef.current
           });
         },
-        onError: (error) => {
-          const normalized = safeError(error);
-          setSubmitting(false);
-          setMessage(normalized.message);
-          props.onError(normalized);
-        }
+        onError: handleError,
+        onStartError: handleError
       }
     ),
-    message ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { role: "alert", "aria-live": "assertive", className: props.classNames?.error, children: message }) : null,
+    message && props.errorPresentation !== "external" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { role: "alert", "aria-live": "assertive", className: props.classNames?.error, children: message }) : null,
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "span",
       {
@@ -133,7 +175,7 @@ function PrismClickTimePayPalButton(props) {
     throw new Error("Prism PayPal checkout context is invalid.");
   }
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_sdk_v6.PayPalProvider,
+    import_sdk_v62.PayPalProvider,
     {
       clientId: props.context.clientId,
       environment: props.context.environment,
@@ -146,21 +188,27 @@ function PrismClickTimePayPalButton(props) {
 }
 
 // src/prism/PrismPayPalPaymentButton.tsx
-var import_sdk_v62 = require("@paypal/react-paypal-js/sdk-v6");
-var import_react2 = require("react");
+var import_sdk_v63 = require("@paypal/react-paypal-js/sdk-v6");
+var import_react3 = require("react");
 var import_jsx_runtime2 = require("react/jsx-runtime");
 function safeError2(value) {
   return value instanceof Error ? value : new Error("PayPal could not complete payment approval.");
 }
 function PayPalButton(props) {
-  const submittingRef = (0, import_react2.useRef)(false);
-  const [submitting, setSubmittingState] = (0, import_react2.useState)(false);
-  const [message, setMessage] = (0, import_react2.useState)(null);
+  const submittingRef = (0, import_react3.useRef)(false);
+  const [submitting, setSubmittingState] = (0, import_react3.useState)(false);
+  const [message, setMessage] = (0, import_react3.useState)(null);
   function setSubmitting(next) {
     submittingRef.current = next;
     setSubmittingState(next);
     props.onSubmittingChange?.(next);
   }
+  function handleError(error) {
+    const normalized = safeError2(error);
+    setSubmitting(false);
+    setMessage(normalized.message);
+    props.onError(normalized);
+  }
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
     "div",
     {
@@ -168,7 +216,7 @@ function PayPalButton(props) {
       className: props.classNames?.container,
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-          import_sdk_v62.PayPalOneTimePaymentButton,
+          PayPalOneTimePaymentButton,
           {
             type: "pay",
             className: props.classNames?.button,
@@ -212,15 +260,11 @@ function PayPalButton(props) {
                 orderId: props.session.orderId
               });
             },
-            onError: (error) => {
-              const normalized = safeError2(error);
-              setSubmitting(false);
-              setMessage(normalized.message);
-              props.onError(normalized);
-            }
+            onError: handleError,
+            onStartError: handleError
           }
         ),
-        message ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { role: "alert", "aria-live": "assertive", className: props.classNames?.error, children: message }) : null,
+        message && props.errorPresentation !== "external" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { role: "alert", "aria-live": "assertive", className: props.classNames?.error, children: message }) : null,
         /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
           "span",
           {
@@ -246,7 +290,7 @@ function PrismPayPalPaymentButton(props) {
     throw new Error("Prism PayPal payment session is invalid.");
   }
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    import_sdk_v62.PayPalProvider,
+    import_sdk_v63.PayPalProvider,
     {
       clientId: props.session.clientId,
       environment: props.session.environment,

package/dist/paypal.mjs

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

package/dist/{types-CzSrJFo2.d.mts → types-Dufdvsa0.d.mts}

@@ -97,6 +97,7 @@ interface PrismPayPalPaymentButtonProps {
     connector: "paypal";
     intent: "checkout";
     classNames?: PrismPayPalPaymentButtonClassNames;
+    errorPresentation?: "inline" | "external";
     disabled?: boolean;
     onSubmittingChange?: (submitting: boolean) => void;
     onProviderApproved: (outcome: PrismPayPalApprovalOutcome) => void | Promise<void>;
@@ -157,6 +158,7 @@ interface PrismClickTimePayPalButtonProps {
     intent: "checkout";
     onCreateOrder: () => Promise<PrismClickTimePayPalOrder>;
     classNames?: PrismPayPalPaymentButtonClassNames;
+    errorPresentation?: "inline" | "external";
     disabled?: boolean;
     onSubmittingChange?: (submitting: boolean) => void;
     onProviderApproved: (outcome: PrismPayPalApprovalOutcome) => void | Promise<void>;

package/dist/{types-CzSrJFo2.d.ts → types-Dufdvsa0.d.ts}

@@ -97,6 +97,7 @@ interface PrismPayPalPaymentButtonProps {
     connector: "paypal";
     intent: "checkout";
     classNames?: PrismPayPalPaymentButtonClassNames;
+    errorPresentation?: "inline" | "external";
     disabled?: boolean;
     onSubmittingChange?: (submitting: boolean) => void;
     onProviderApproved: (outcome: PrismPayPalApprovalOutcome) => void | Promise<void>;
@@ -157,6 +158,7 @@ interface PrismClickTimePayPalButtonProps {
     intent: "checkout";
     onCreateOrder: () => Promise<PrismClickTimePayPalOrder>;
     classNames?: PrismPayPalPaymentButtonClassNames;
+    errorPresentation?: "inline" | "external";
     disabled?: boolean;
     onSubmittingChange?: (submitting: boolean) => void;
     onProviderApproved: (outcome: PrismPayPalApprovalOutcome) => void | Promise<void>;

package/package.json

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