@easypayment/medusa-paypal-ui 1.1.0 → 1.2.0

package/dist/index.cjs

@@ -1,8 +1,10 @@
 "use client";
 "use strict";
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -16,6 +18,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.ts
@@ -29,13 +39,17 @@ __export(index_exports, {
   PayPalPaymentSection: () => PayPalPaymentSection,
   PayPalProvider: () => PayPalProvider,
   PayPalSmartButtons: () => PayPalSmartButtons,
+  clearCartCaptured: () => clearCartCaptured,
   createPayPalStoreApi: () => createPayPalStoreApi,
+  generateIdempotencyKey: () => generateIdempotencyKey,
   hideProcessingOverlay: () => hideProcessingOverlay,
   isPayPalProviderId: () => isPayPalProviderId,
+  markCartCaptured: () => markCartCaptured,
   markPaymentComplete: () => markPaymentComplete,
   showProcessingOverlay: () => showProcessingOverlay,
   usePayPalConfig: () => usePayPalConfig,
-  usePayPalPaymentMethods: () => usePayPalPaymentMethods
+  usePayPalPaymentMethods: () => usePayPalPaymentMethods,
+  wasCartCaptured: () => wasCartCaptured
 });
 module.exports = __toCommonJS(index_exports);
 
@@ -55,6 +69,18 @@ function isRetryableError(err) {
   return err instanceof Error && !(err instanceof HttpError);
 }
 var wait = (ms) => new Promise((r) => setTimeout(r, ms));
+function extractJsonMessage(text) {
+  if (!text) return null;
+  try {
+    const parsed = JSON.parse(text);
+    const message = parsed?.message;
+    if (typeof message === "string" && message.trim()) {
+      return message.trim().slice(0, 500);
+    }
+  } catch {
+  }
+  return null;
+}
 function toHeaderRecord(headers) {
   if (!headers) {
     return {};
@@ -79,39 +105,49 @@ function createHttpClient(opts) {
       headers["x-publishable-api-key"] = opts.publishableApiKey;
     }
     const timeoutMs = 3e4;
-    let timeoutId;
     const controller = new AbortController();
-    if (!init?.signal) {
-      timeoutId = setTimeout(() => controller.abort(), timeoutMs);
+    const timeoutId = setTimeout(() => controller.abort(), timeoutMs);
+    const callerSignal = init?.signal ?? null;
+    const onCallerAbort = () => controller.abort();
+    if (callerSignal) {
+      if (callerSignal.aborted) controller.abort();
+      else callerSignal.addEventListener("abort", onCallerAbort);
     }
-    const effectiveSignal = init?.signal || controller.signal;
     let res;
+    let text;
     try {
-      res = await fetch(url, { ...init, headers, credentials: "include", signal: effectiveSignal });
+      res = await fetch(url, {
+        ...init,
+        headers,
+        credentials: opts.credentials ?? "include",
+        signal: controller.signal
+      });
+      text = await res.text().catch(() => "");
     } catch (err) {
-      if (err instanceof Error && err.name === "AbortError" && !init?.signal) {
+      if (err instanceof Error && err.name === "AbortError" && !(callerSignal && callerSignal.aborted)) {
         throw new Error(`[PayPal] Request to ${path} timed out after ${timeoutMs / 1e3}s`);
       }
       throw err;
     } finally {
-      if (timeoutId !== void 0) clearTimeout(timeoutId);
+      clearTimeout(timeoutId);
+      if (callerSignal) callerSignal.removeEventListener("abort", onCallerAbort);
     }
-    const text = await res.text().catch(() => "");
     if (!res.ok) {
+      const parsedMessage = extractJsonMessage(text);
       if (res.status === 401) {
         throw new HttpError(
-          "[PayPal] Unauthorized (401) \u2014 check that your publishable API key is correct and set in NEXT_PUBLIC_MEDUSA_PUBLISHABLE_KEY",
+          parsedMessage || "[PayPal] Unauthorized (401) \u2014 check that your publishable API key is correct and set in NEXT_PUBLIC_MEDUSA_PUBLISHABLE_KEY",
           401
         );
       }
       if (res.status === 403) {
         throw new HttpError(
-          "[PayPal] Forbidden (403) \u2014 this request is not allowed. Check your CORS and API key settings.",
+          parsedMessage || "[PayPal] Forbidden (403) \u2014 this request is not allowed. Check your CORS and API key settings.",
           403
         );
       }
       throw new HttpError(
-        text.slice(0, 500).replace(/<[^>]*>/g, "") || `Request failed (${res.status})`,
+        parsedMessage || text.slice(0, 500).replace(/<[^>]*>/g, "") || `Request failed (${res.status})`,
         res.status
       );
     }
@@ -152,6 +188,14 @@ function createHttpClient(opts) {
 }
 
 // src/client/paypal.ts
+function generateIdempotencyKey() {
+  try {
+    const c = globalThis.crypto;
+    if (c?.randomUUID) return c.randomUUID();
+  } catch {
+  }
+  return `pp-${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 12)}`;
+}
 async function markPaymentComplete(baseUrl, cartId, publishableApiKey) {
   const http = createHttpClient({ baseUrl, publishableApiKey });
   return http.request(
@@ -177,7 +221,13 @@ function createPayPalStoreApi(opts) {
     createOrder(cartId, isCardPayment = false) {
       return http.request(`/store/paypal/create-order`, {
         method: "POST",
-        headers: { "Content-Type": "application/json" },
+        headers: {
+          "Content-Type": "application/json",
+          // One key per attempt — see generateIdempotencyKey. Deliberately NOT
+          // sent for capture-order: there the server's deterministic
+          // per-order-id fallback is the correct idempotency scope.
+          "Idempotency-Key": generateIdempotencyKey()
+        },
         body: JSON.stringify({ cart_id: cartId, is_card_payment: isCardPayment })
       });
     },
@@ -310,11 +360,38 @@ function PayPalCurrencyNotice({ config }) {
 var import_react3 = require("react");
 var import_react_paypal_js2 = require("@paypal/react-paypal-js");
 
+// src/utils/captured-state.ts
+var KEY_PREFIX = "__pp_captured::";
+function markCartCaptured(cartId) {
+  if (!cartId) return;
+  try {
+    window.sessionStorage.setItem(`${KEY_PREFIX}${cartId}`, String(Date.now()));
+  } catch {
+  }
+}
+function wasCartCaptured(cartId) {
+  if (!cartId) return false;
+  try {
+    return window.sessionStorage.getItem(`${KEY_PREFIX}${cartId}`) !== null;
+  } catch {
+    return false;
+  }
+}
+function clearCartCaptured(cartId) {
+  if (!cartId) return;
+  try {
+    window.sessionStorage.removeItem(`${KEY_PREFIX}${cartId}`);
+  } catch {
+  }
+}
+
 // src/utils/next-errors.ts
 function isNextRouterError(e) {
   if (typeof e !== "object" || e === null || !("digest" in e)) return false;
   const digest = e.digest;
-  return typeof digest === "string" && (digest.startsWith("NEXT_REDIRECT") || digest.startsWith("NEXT_NOT_FOUND"));
+  return typeof digest === "string" && (digest.startsWith("NEXT_REDIRECT") || digest.startsWith("NEXT_NOT_FOUND") || // Next.js 15: notFound()/forbidden()/unauthorized() throw
+  // HTTPAccessFallbackError with digest "NEXT_HTTP_ERROR_FALLBACK;<status>".
+  digest.startsWith("NEXT_HTTP_ERROR_FALLBACK"));
 }
 
 // src/utils/processing-overlay.ts
@@ -378,8 +455,13 @@ function showProcessingOverlay() {
     origReplace(...args);
     onNav();
   };
+  const onPageShow = (e) => {
+    if (e.persisted) hideProcessingOverlay();
+  };
+  window.addEventListener("pageshow", onPageShow);
   cleanupNavListener = () => {
     window.removeEventListener("popstate", onNav);
+    window.removeEventListener("pageshow", onPageShow);
     history.pushState = origPush;
     history.replaceState = origReplace;
   };
@@ -412,11 +494,56 @@ function PayPalSmartButtons(props) {
   const [error, setError] = (0, import_react3.useState)(null);
   const [processing, setProcessing] = (0, import_react3.useState)(false);
   const [buttonsReady, setButtonsReady] = (0, import_react3.useState)(false);
+  const [loadTimedOut, setLoadTimedOut] = (0, import_react3.useState)(false);
+  const capturedRef = (0, import_react3.useRef)(null);
+  const [completionPending, setCompletionPending] = (0, import_react3.useState)(false);
   const [{ isPending, isResolved, isRejected }] = (0, import_react_paypal_js2.usePayPalScriptReducer)();
   const handleInit = (0, import_react3.useCallback)(() => {
     setButtonsReady(true);
   }, []);
-  const showSpinner = isPending || isResolved && !buttonsReady;
+  (0, import_react3.useEffect)(() => {
+    const onPageShow = (e) => {
+      if (e.persisted) setProcessing(false);
+    };
+    window.addEventListener("pageshow", onPageShow);
+    return () => window.removeEventListener("pageshow", onPageShow);
+  }, []);
+  (0, import_react3.useEffect)(() => {
+    if (capturedRef.current || !wasCartCaptured(cartId)) return;
+    capturedRef.current = {};
+    setCompletionPending(true);
+    const msg = "Your payment was already received for this cart. Please use the button below to finish placing your order \u2014 do not pay again.";
+    setError(msg);
+  }, [cartId]);
+  (0, import_react3.useEffect)(() => {
+    if (!isResolved || buttonsReady) {
+      return;
+    }
+    const t = setTimeout(() => setLoadTimedOut(true), 1e4);
+    return () => clearTimeout(t);
+  }, [isResolved, buttonsReady]);
+  const finalizeCapturedPayment = (0, import_react3.useCallback)(async () => {
+    const captured = capturedRef.current;
+    if (!captured) return;
+    setProcessing(true);
+    showProcessingOverlay();
+    setError(null);
+    try {
+      const completeResult = await markPaymentComplete(baseUrl, cartId, publishableApiKey);
+      clearCartCaptured(cartId);
+      await onPaid?.({ ...captured, ...completeResult });
+      setCompletionPending(false);
+    } catch (e) {
+      if (isNextRouterError(e)) return;
+      hideProcessingOverlay();
+      setProcessing(false);
+      setCompletionPending(true);
+      const msg = "Your payment was received, but finalizing your order failed. Please use the Retry button below \u2014 do not pay again.";
+      setError(msg);
+      onError?.(msg);
+    }
+  }, [baseUrl, cartId, publishableApiKey, onPaid, onError]);
+  const showSpinner = (isPending || isResolved && !buttonsReady) && !loadTimedOut;
   if (!config.currency_supported) return null;
   const containerWidth = BUTTON_WIDTH_MAP[config.button_width ?? "responsive"] ?? "100%";
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { width: containerWidth, position: "relative" }, children: [
@@ -555,6 +682,28 @@ function PayPalSmartButtons(props) {
         ]
       }
     ),
+    loadTimedOut && !buttonsReady && !isRejected && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+      "div",
+      {
+        role: "alert",
+        style: {
+          display: "flex",
+          alignItems: "flex-start",
+          gap: 8,
+          padding: "10px 14px",
+          background: "#fef2f2",
+          border: "1px solid #fecaca",
+          borderRadius: 8,
+          fontSize: 13,
+          color: "#b91c1c",
+          lineHeight: 1.5
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { style: { flexShrink: 0, fontSize: 15 }, children: "\u26A0\uFE0F" }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: "PayPal is not available for this purchase. Please try a different payment method." })
+        ]
+      }
+    ),
     isRejected && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
       "div",
       {
@@ -615,7 +764,7 @@ function PayPalSmartButtons(props) {
         ]
       }
     ),
-    isResolved && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: buttonsReady ? void 0 : { position: "absolute", left: -9999, opacity: 0, pointerEvents: "none" }, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    isResolved && !completionPending && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: buttonsReady ? void 0 : { position: "absolute", left: -9999, opacity: 0, pointerEvents: "none" }, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
       import_react_paypal_js2.PayPalButtons,
       {
         forceReRender: [config.currency, config.intent, cartId],
@@ -629,6 +778,10 @@ function PayPalSmartButtons(props) {
         },
         createOrder: async () => {
           if (processing) throw new Error("Payment already processing");
+          if (capturedRef.current) {
+            void finalizeCapturedPayment();
+            throw new Error("Your payment was already received \u2014 finalizing your order.");
+          }
           setError(null);
           setProcessing(true);
           try {
@@ -647,8 +800,8 @@ function PayPalSmartButtons(props) {
             const orderId = String(data?.orderID || "");
             if (!orderId) throw new Error("PayPal order ID is missing from approval response");
             const result = await api.captureOrder(cartId, orderId);
-            const completeResult = await markPaymentComplete(baseUrl, cartId, publishableApiKey);
-            await onPaid?.({ ...result, ...completeResult });
+            capturedRef.current = result || {};
+            markCartCaptured(cartId);
           } catch (e) {
             if (isNextRouterError(e)) return;
             hideProcessingOverlay();
@@ -656,7 +809,9 @@ function PayPalSmartButtons(props) {
             const msg = e instanceof Error ? e.message : "Payment capture failed";
             setError(msg);
             onError?.(msg);
+            return;
           }
+          await finalizeCapturedPayment();
         },
         onCancel: () => {
           hideProcessingOverlay();
@@ -671,6 +826,29 @@ function PayPalSmartButtons(props) {
         }
       }
     ) }),
+    completionPending && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      "button",
+      {
+        type: "button",
+        onClick: () => void finalizeCapturedPayment(),
+        disabled: processing,
+        "aria-busy": processing,
+        style: {
+          width: "100%",
+          padding: "12px 16px",
+          marginTop: 4,
+          background: "#0070ba",
+          color: "#ffffff",
+          border: "none",
+          borderRadius: 8,
+          fontSize: 14,
+          fontWeight: 600,
+          cursor: processing ? "not-allowed" : "pointer",
+          opacity: processing ? 0.7 : 1
+        },
+        children: "Retry \u2014 finish placing my order"
+      }
+    ),
     error ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
       "div",
       {
@@ -698,7 +876,7 @@ function PayPalSmartButtons(props) {
 }
 
 // src/components/PayPalAdvancedCard.tsx
-var import_react4 = require("react");
+var import_react4 = __toESM(require("react"), 1);
 var import_react_paypal_js3 = require("@paypal/react-paypal-js");
 var import_jsx_runtime4 = require("react/jsx-runtime");
 var SPIN_STYLE2 = `
@@ -750,7 +928,8 @@ var labelStyle = {
 function SubmitButton({
   disabled,
   label,
-  onSubmit
+  onSubmit,
+  onSubmitError
 }) {
   const { cardFieldsForm } = (0, import_react_paypal_js3.usePayPalCardFields)();
   const isDisabled = disabled || !cardFieldsForm;
@@ -762,10 +941,10 @@ function SubmitButton({
       "aria-busy": disabled,
       onClick: () => {
         onSubmit();
-        try {
-          cardFieldsForm?.submit();
-        } catch {
-        }
+        Promise.resolve(cardFieldsForm?.submit()).catch((e) => {
+          const msg = e instanceof Error && e.message ? e.message : "Card payment could not be submitted. Please check your card details.";
+          onSubmitError(msg);
+        });
       },
       style: {
         width: "100%",
@@ -811,7 +990,54 @@ function PayPalAdvancedCard(props) {
   const [submitting, setSubmitting] = (0, import_react4.useState)(false);
   const submittingRef = (0, import_react4.useRef)(false);
   const creatingOrderRef = (0, import_react4.useRef)(false);
+  const capturedRef = (0, import_react4.useRef)(null);
+  const [completionPending, setCompletionPending] = (0, import_react4.useState)(false);
   const [{ isPending, isResolved, isRejected }] = (0, import_react_paypal_js3.usePayPalScriptReducer)();
+  const resetSubmitState = import_react4.default.useCallback(() => {
+    hideProcessingOverlay();
+    creatingOrderRef.current = false;
+    submittingRef.current = false;
+    setSubmitting(false);
+  }, []);
+  import_react4.default.useEffect(() => {
+    const onPageShow = (e) => {
+      if (e.persisted) {
+        creatingOrderRef.current = false;
+        submittingRef.current = false;
+        setSubmitting(false);
+      }
+    };
+    window.addEventListener("pageshow", onPageShow);
+    return () => window.removeEventListener("pageshow", onPageShow);
+  }, []);
+  import_react4.default.useEffect(() => {
+    if (capturedRef.current || !wasCartCaptured(cartId)) return;
+    capturedRef.current = {};
+    setCompletionPending(true);
+    setError(
+      "Your payment was already received for this cart. Please use the button below to finish placing your order \u2014 do not pay again."
+    );
+  }, [cartId]);
+  const finalizeCapturedPayment = import_react4.default.useCallback(async () => {
+    const captured = capturedRef.current;
+    if (!captured) return;
+    setSubmitting(true);
+    showProcessingOverlay();
+    setError(null);
+    try {
+      const completeResult = await markPaymentComplete(baseUrl, cartId, publishableApiKey);
+      clearCartCaptured(cartId);
+      await onPaid?.({ ...captured, ...completeResult });
+      setCompletionPending(false);
+    } catch (e) {
+      if (isNextRouterError(e)) return;
+      resetSubmitState();
+      setCompletionPending(true);
+      const msg = "Your payment was received, but finalizing your order failed. Please use the Retry button below \u2014 do not pay again.";
+      setError(msg);
+      onError?.(msg);
+    }
+  }, [baseUrl, cartId, publishableApiKey, onPaid, onError, resetSubmitState]);
   if (!config.currency_supported) return null;
   if (isRejected) {
     return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
@@ -1000,6 +1226,10 @@ function PayPalAdvancedCard(props) {
         style: cardStyle,
         createOrder: async () => {
           if (creatingOrderRef.current) throw new Error("Payment already processing");
+          if (capturedRef.current) {
+            void finalizeCapturedPayment();
+            throw new Error("Your payment was already received \u2014 finalizing your order.");
+          }
           creatingOrderRef.current = true;
           try {
             setError(null);
@@ -1015,19 +1245,19 @@ function PayPalAdvancedCard(props) {
             setError(null);
             showProcessingOverlay();
             const orderId = String(data?.orderID || "");
+            if (!orderId) throw new Error("PayPal order ID is missing from approval response");
             const result = await api.captureOrder(cartId, orderId);
-            const completeResult = await markPaymentComplete(baseUrl, cartId, publishableApiKey);
-            await onPaid?.({ ...result, ...completeResult });
+            capturedRef.current = result || {};
+            markCartCaptured(cartId);
           } catch (e) {
             if (isNextRouterError(e)) return;
-            hideProcessingOverlay();
-            creatingOrderRef.current = false;
-            submittingRef.current = false;
-            setSubmitting(false);
+            resetSubmitState();
             const msg = e instanceof Error ? e.message : "Card payment failed";
             setError(msg);
             onError?.(msg);
+            return;
           }
+          await finalizeCapturedPayment();
         },
         onCancel: () => {
           hideProcessingOverlay();
@@ -1134,7 +1364,29 @@ function PayPalAdvancedCard(props) {
                   ]
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+              completionPending ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => void finalizeCapturedPayment(),
+                  disabled: submitting,
+                  "aria-busy": submitting,
+                  style: {
+                    width: "100%",
+                    height: 48,
+                    padding: "0 20px",
+                    borderRadius: 8,
+                    border: "none",
+                    background: "#0070ba",
+                    color: "#ffffff",
+                    fontSize: 15,
+                    fontWeight: 600,
+                    cursor: submitting ? "not-allowed" : "pointer",
+                    opacity: submitting ? 0.7 : 1
+                  },
+                  children: "Retry \u2014 finish placing my order"
+                }
+              ) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
                 SubmitButton,
                 {
                   disabled: submitting,
@@ -1145,6 +1397,11 @@ function PayPalAdvancedCard(props) {
                     setError(null);
                     setSubmitting(true);
                     showProcessingOverlay();
+                  },
+                  onSubmitError: (msg) => {
+                    resetSubmitState();
+                    setError(msg);
+                    onError?.(msg);
                   }
                 }
               ),
@@ -1180,9 +1437,23 @@ function PayPalAdvancedCard(props) {
 
 // src/adapters/MedusaNextPayPalAdapter.tsx
 var import_react5 = require("react");
+
+// src/constants.ts
+var PAYPAL_WALLET_PROVIDER_ID = "pp_paypal_paypal";
+var PAYPAL_CARD_PROVIDER_ID = "pp_paypal_card_paypal_card";
+var PAYPAL_PROVIDER_IDS = [
+  PAYPAL_WALLET_PROVIDER_ID,
+  PAYPAL_CARD_PROVIDER_ID
+];
+function isPayPalProviderId(providerId) {
+  if (!providerId) return false;
+  return PAYPAL_PROVIDER_IDS.includes(
+    providerId
+  );
+}
+
+// src/adapters/MedusaNextPayPalAdapter.tsx
 var import_jsx_runtime5 = require("react/jsx-runtime");
-var DEFAULT_PAYPAL_PROVIDER_ID = "pp_paypal_paypal";
-var DEFAULT_PAYPAL_CARD_PROVIDER_ID = "pp_paypal_card_paypal_card";
 var SPIN_STYLE3 = `@keyframes _pp_spin { to { transform: rotate(360deg) } }`;
 function PayPalLoadingCard() {
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
@@ -1240,6 +1511,26 @@ function PayPalErrorCard({ message }) {
     }
   );
 }
+function PayPalUnavailableCard({ label }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+    "div",
+    {
+      role: "status",
+      style: {
+        padding: "12px 16px",
+        background: "#f9fafb",
+        border: "1px solid #e5e7eb",
+        borderRadius: 10,
+        fontSize: 13,
+        color: "#6b7280"
+      },
+      children: [
+        label,
+        " is currently unavailable. Please choose a different payment method."
+      ]
+    }
+  );
+}
 function MedusaNextPayPalAdapter(props) {
   const {
     cartId,
@@ -1251,8 +1542,8 @@ function MedusaNextPayPalAdapter(props) {
     onError,
     onPaid
   } = props;
-  const paypalProviderId = providerIds?.paypal || DEFAULT_PAYPAL_PROVIDER_ID;
-  const paypalCardProviderId = providerIds?.paypalCard || DEFAULT_PAYPAL_CARD_PROVIDER_ID;
+  const paypalProviderId = providerIds?.paypal || PAYPAL_WALLET_PROVIDER_ID;
+  const paypalCardProviderId = providerIds?.paypalCard || PAYPAL_CARD_PROVIDER_ID;
   const shouldRender = selectedProviderId === paypalProviderId || selectedProviderId === paypalCardProviderId;
   const { config, loading, error } = usePayPalConfig({
     baseUrl,
@@ -1272,8 +1563,12 @@ function MedusaNextPayPalAdapter(props) {
   if (error) return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(PayPalErrorCard, { message: error });
   if (!config) return null;
   const isCardProvider = selectedProviderId === paypalCardProviderId;
-  if (config.paypal_enabled === false && !isCardProvider) return null;
-  if (isCardProvider && config.card_enabled === false) return null;
+  if (config.paypal_enabled === false && !isCardProvider) {
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(PayPalUnavailableCard, { label: config.paypal_title || "PayPal" });
+  }
+  if (isCardProvider && config.card_enabled === false) {
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(PayPalUnavailableCard, { label: config.card_title || "Card payment" });
+  }
   const disableFunding = Array.isArray(config.disable_buttons) ? config.disable_buttons.join(",") : void 0;
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: { display: "grid", gap: 12 }, children: [
     /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(PayPalCurrencyNotice, { config }),
@@ -1310,18 +1605,7 @@ function MedusaNextPayPalAdapter(props) {
 }
 
 // src/components/PayPalPaymentSection.tsx
-var import_react6 = require("react");
 var import_jsx_runtime6 = require("react/jsx-runtime");
-var PAYPAL_WALLET_PROVIDER_ID = "pp_paypal_paypal";
-var PAYPAL_CARD_PROVIDER_ID = "pp_paypal_card_paypal_card";
-var PAYPAL_PROVIDER_IDS = [
-  PAYPAL_WALLET_PROVIDER_ID,
-  PAYPAL_CARD_PROVIDER_ID
-];
-function isPayPalProviderId(id) {
-  if (!id) return false;
-  return PAYPAL_PROVIDER_IDS.includes(id);
-}
 var SPIN_STYLE4 = `@keyframes _pp_section_spin { to { transform: rotate(360deg) } }`;
 function SessionInitCard() {
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
@@ -1360,62 +1644,6 @@ function SessionInitCard() {
     }
   );
 }
-function ConfigLoadingCard() {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
-    "div",
-    {
-      role: "status",
-      "aria-label": "Connecting to PayPal",
-      style: {
-        display: "flex",
-        alignItems: "center",
-        gap: 12,
-        padding: "14px 16px",
-        background: "#f9fafb",
-        border: "1px solid #e5e7eb",
-        borderRadius: 10
-      },
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("style", { children: SPIN_STYLE4 }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-          "div",
-          {
-            style: {
-              width: 22,
-              height: 22,
-              borderRadius: "50%",
-              border: "2.5px solid #e5e7eb",
-              borderTopColor: "#0070ba",
-              animation: "_pp_section_spin .7s linear infinite",
-              flexShrink: 0
-            }
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: { fontSize: 13, fontWeight: 500, color: "#111827" }, children: "Connecting to PayPal\u2026" }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: { fontSize: 12, color: "#6b7280", marginTop: 2 }, children: "Setting up secure payment" })
-        ] })
-      ]
-    }
-  );
-}
-function ErrorCard({ message }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-    "div",
-    {
-      role: "alert",
-      style: {
-        padding: "12px 16px",
-        background: "#fef2f2",
-        border: "1px solid #fecaca",
-        borderRadius: 10,
-        fontSize: 13,
-        color: "#b91c1c"
-      },
-      children: message
-    }
-  );
-}
 function PayPalPaymentSection({
   cartId,
   selectedProviderId,
@@ -1426,67 +1654,24 @@ function PayPalPaymentSection({
   onError,
   onPaid
 }) {
-  const shouldRender = isPayPalProviderId(selectedProviderId);
-  const { config, loading, error } = usePayPalConfig({
-    baseUrl,
-    publishableApiKey,
-    cartId,
-    enabled: shouldRender
-  });
-  const handlePaid = (0, import_react6.useCallback)(
-    async (captureResult) => {
-      onPaid?.(captureResult);
-      await onSuccess?.(cartId);
-    },
-    [cartId, onPaid, onSuccess]
-  );
-  if (!shouldRender) return null;
+  if (!isPayPalProviderId(selectedProviderId)) return null;
   if (sessionLoading) return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SessionInitCard, {});
-  if (loading) return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ConfigLoadingCard, {});
-  if (error) return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ErrorCard, { message: error });
-  if (!config) return null;
-  if (config.paypal_enabled === false && selectedProviderId === PAYPAL_WALLET_PROVIDER_ID) {
-    return null;
-  }
-  const isCardProvider = selectedProviderId === PAYPAL_CARD_PROVIDER_ID;
-  if (isCardProvider && config.card_enabled === false) return null;
-  const disableFunding = Array.isArray(config.disable_buttons) ? config.disable_buttons.join(",") : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: { display: "grid", gap: 12 }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PayPalCurrencyNotice, { config }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-      PayPalProvider,
-      {
-        config,
-        intent: config.intent === "authorize" ? "authorize" : "capture",
-        disableFunding,
-        children: isCardProvider ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-          PayPalAdvancedCard,
-          {
-            baseUrl,
-            publishableApiKey,
-            cartId,
-            config,
-            onPaid: handlePaid,
-            onError
-          }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-          PayPalSmartButtons,
-          {
-            baseUrl,
-            publishableApiKey,
-            cartId,
-            config,
-            onPaid: handlePaid,
-            onError
-          }
-        )
-      }
-    )
-  ] }, selectedProviderId);
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    MedusaNextPayPalAdapter,
+    {
+      cartId,
+      selectedProviderId,
+      baseUrl,
+      publishableApiKey,
+      onSuccess,
+      onError,
+      onPaid
+    }
+  );
 }
 
 // src/hooks/usePayPalPaymentMethods.ts
-var import_react7 = require("react");
+var import_react6 = require("react");
 var MAX_CACHE_ENTRIES2 = 50;
 var _cache2 = /* @__PURE__ */ new Map();
 var CACHE_TTL2 = 5 * 60 * 1e3;
@@ -1505,7 +1690,8 @@ var DEFAULT_RESULT = {
   paypalTitle: "PayPal",
   cardEnabled: true,
   cardTitle: "Credit or Debit Card",
-  loading: false
+  loading: false,
+  error: null
 };
 function usePayPalPaymentMethods({
   baseUrl,
@@ -1513,16 +1699,16 @@ function usePayPalPaymentMethods({
   cartId,
   enabled = true
 }) {
-  const api = (0, import_react7.useMemo)(
+  const api = (0, import_react6.useMemo)(
     () => createPayPalStoreApi({ baseUrl, publishableApiKey }),
     [baseUrl, publishableApiKey]
   );
   const key = cacheKey2(baseUrl, cartId);
   const hit = _cache2.get(key);
   const seed = hit && Date.now() - hit.at < CACHE_TTL2 ? hit.result : null;
-  const [result, setResult] = (0, import_react7.useState)(seed ?? { ...DEFAULT_RESULT, loading: enabled });
-  const fetchIdRef = (0, import_react7.useRef)(0);
-  (0, import_react7.useEffect)(() => {
+  const [result, setResult] = (0, import_react6.useState)(seed ?? { ...DEFAULT_RESULT, loading: enabled });
+  const fetchIdRef = (0, import_react6.useRef)(0);
+  (0, import_react6.useEffect)(() => {
     if (!enabled) {
       setResult((prev) => ({ ...prev, loading: false }));
       return;
@@ -1546,7 +1732,8 @@ function usePayPalPaymentMethods({
           paypalTitle: typeof cfg.paypal_title === "string" && cfg.paypal_title ? cfg.paypal_title : "PayPal",
           cardEnabled: cfg.card_enabled !== false,
           cardTitle: typeof cfg.card_title === "string" && cfg.card_title ? cfg.card_title : "Credit or Debit Card",
-          loading: false
+          loading: false,
+          error: null
         };
         cacheSet2(k, { result: next, at: Date.now() });
         setResult(next);
@@ -1559,12 +1746,17 @@ function usePayPalPaymentMethods({
             ...DEFAULT_RESULT,
             paypalEnabled: false,
             cardEnabled: false,
-            loading: false
+            loading: false,
+            error: msg || "PayPal is disabled"
           };
           setResult(disabled);
           return;
         }
-        setResult({ ...DEFAULT_RESULT, loading: false });
+        setResult({
+          ...DEFAULT_RESULT,
+          loading: false,
+          error: msg || "Failed to load PayPal payment methods"
+        });
       }
     })();
     return () => {
@@ -1584,12 +1776,16 @@ function usePayPalPaymentMethods({
   PayPalPaymentSection,
   PayPalProvider,
   PayPalSmartButtons,
+  clearCartCaptured,
   createPayPalStoreApi,
+  generateIdempotencyKey,
   hideProcessingOverlay,
   isPayPalProviderId,
+  markCartCaptured,
   markPaymentComplete,
   showProcessingOverlay,
   usePayPalConfig,
-  usePayPalPaymentMethods
+  usePayPalPaymentMethods,
+  wasCartCaptured
 });
 //# sourceMappingURL=index.cjs.map