@easypayment/medusa-paypal-ui 1.1.0 → 1.2.0

package/dist/index.mjs

@@ -16,6 +16,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 {};
@@ -40,39 +52,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
       );
     }
@@ -113,6 +135,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(
@@ -138,7 +168,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 })
       });
     },
@@ -268,14 +304,41 @@ function PayPalCurrencyNotice({ config }) {
 }
 
 // src/components/PayPalSmartButtons.tsx
-import { useCallback, useMemo as useMemo3, useState as useState2 } from "react";
+import { useCallback, useEffect as useEffect2, useMemo as useMemo3, useRef as useRef2, useState as useState2 } from "react";
 import { PayPalButtons, usePayPalScriptReducer } from "@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
@@ -339,8 +402,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;
   };
@@ -373,11 +441,56 @@ function PayPalSmartButtons(props) {
   const [error, setError] = useState2(null);
   const [processing, setProcessing] = useState2(false);
   const [buttonsReady, setButtonsReady] = useState2(false);
+  const [loadTimedOut, setLoadTimedOut] = useState2(false);
+  const capturedRef = useRef2(null);
+  const [completionPending, setCompletionPending] = useState2(false);
   const [{ isPending, isResolved, isRejected }] = usePayPalScriptReducer();
   const handleInit = useCallback(() => {
     setButtonsReady(true);
   }, []);
-  const showSpinner = isPending || isResolved && !buttonsReady;
+  useEffect2(() => {
+    const onPageShow = (e) => {
+      if (e.persisted) setProcessing(false);
+    };
+    window.addEventListener("pageshow", onPageShow);
+    return () => window.removeEventListener("pageshow", onPageShow);
+  }, []);
+  useEffect2(() => {
+    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]);
+  useEffect2(() => {
+    if (!isResolved || buttonsReady) {
+      return;
+    }
+    const t = setTimeout(() => setLoadTimedOut(true), 1e4);
+    return () => clearTimeout(t);
+  }, [isResolved, buttonsReady]);
+  const finalizeCapturedPayment = 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__ */ jsxs2("div", { style: { width: containerWidth, position: "relative" }, children: [
@@ -516,6 +629,28 @@ function PayPalSmartButtons(props) {
         ]
       }
     ),
+    loadTimedOut && !buttonsReady && !isRejected && /* @__PURE__ */ jsxs2(
+      "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__ */ jsx3("span", { style: { flexShrink: 0, fontSize: 15 }, children: "\u26A0\uFE0F" }),
+          /* @__PURE__ */ jsx3("span", { children: "PayPal is not available for this purchase. Please try a different payment method." })
+        ]
+      }
+    ),
     isRejected && /* @__PURE__ */ jsxs2(
       "div",
       {
@@ -576,7 +711,7 @@ function PayPalSmartButtons(props) {
         ]
       }
     ),
-    isResolved && /* @__PURE__ */ jsx3("div", { style: buttonsReady ? void 0 : { position: "absolute", left: -9999, opacity: 0, pointerEvents: "none" }, children: /* @__PURE__ */ jsx3(
+    isResolved && !completionPending && /* @__PURE__ */ jsx3("div", { style: buttonsReady ? void 0 : { position: "absolute", left: -9999, opacity: 0, pointerEvents: "none" }, children: /* @__PURE__ */ jsx3(
       PayPalButtons,
       {
         forceReRender: [config.currency, config.intent, cartId],
@@ -590,6 +725,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 {
@@ -608,8 +747,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();
@@ -617,7 +756,9 @@ function PayPalSmartButtons(props) {
             const msg = e instanceof Error ? e.message : "Payment capture failed";
             setError(msg);
             onError?.(msg);
+            return;
           }
+          await finalizeCapturedPayment();
         },
         onCancel: () => {
           hideProcessingOverlay();
@@ -632,6 +773,29 @@ function PayPalSmartButtons(props) {
         }
       }
     ) }),
+    completionPending && /* @__PURE__ */ jsx3(
+      "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__ */ jsxs2(
       "div",
       {
@@ -659,7 +823,7 @@ function PayPalSmartButtons(props) {
 }
 
 // src/components/PayPalAdvancedCard.tsx
-import { useMemo as useMemo4, useRef as useRef2, useState as useState3 } from "react";
+import React3, { useMemo as useMemo4, useRef as useRef3, useState as useState3 } from "react";
 import {
   PayPalCardFieldsProvider,
   PayPalNumberField,
@@ -718,7 +882,8 @@ var labelStyle = {
 function SubmitButton({
   disabled,
   label,
-  onSubmit
+  onSubmit,
+  onSubmitError
 }) {
   const { cardFieldsForm } = usePayPalCardFields();
   const isDisabled = disabled || !cardFieldsForm;
@@ -730,10 +895,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%",
@@ -777,9 +942,56 @@ function PayPalAdvancedCard(props) {
   );
   const [error, setError] = useState3(null);
   const [submitting, setSubmitting] = useState3(false);
-  const submittingRef = useRef2(false);
-  const creatingOrderRef = useRef2(false);
+  const submittingRef = useRef3(false);
+  const creatingOrderRef = useRef3(false);
+  const capturedRef = useRef3(null);
+  const [completionPending, setCompletionPending] = useState3(false);
   const [{ isPending, isResolved, isRejected }] = usePayPalScriptReducer2();
+  const resetSubmitState = React3.useCallback(() => {
+    hideProcessingOverlay();
+    creatingOrderRef.current = false;
+    submittingRef.current = false;
+    setSubmitting(false);
+  }, []);
+  React3.useEffect(() => {
+    const onPageShow = (e) => {
+      if (e.persisted) {
+        creatingOrderRef.current = false;
+        submittingRef.current = false;
+        setSubmitting(false);
+      }
+    };
+    window.addEventListener("pageshow", onPageShow);
+    return () => window.removeEventListener("pageshow", onPageShow);
+  }, []);
+  React3.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 = React3.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__ */ jsxs3(
@@ -968,6 +1180,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);
@@ -983,19 +1199,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();
@@ -1102,7 +1318,29 @@ function PayPalAdvancedCard(props) {
                   ]
                 }
               ),
-              /* @__PURE__ */ jsx4(
+              completionPending ? /* @__PURE__ */ jsx4(
+                "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__ */ jsx4(
                 SubmitButton,
                 {
                   disabled: submitting,
@@ -1113,6 +1351,11 @@ function PayPalAdvancedCard(props) {
                     setError(null);
                     setSubmitting(true);
                     showProcessingOverlay();
+                  },
+                  onSubmitError: (msg) => {
+                    resetSubmitState();
+                    setError(msg);
+                    onError?.(msg);
                   }
                 }
               ),
@@ -1148,9 +1391,23 @@ function PayPalAdvancedCard(props) {
 
 // src/adapters/MedusaNextPayPalAdapter.tsx
 import { useCallback as useCallback2 } from "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
 import { jsx as jsx5, jsxs as jsxs4 } from "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__ */ jsxs4(
@@ -1208,6 +1465,26 @@ function PayPalErrorCard({ message }) {
     }
   );
 }
+function PayPalUnavailableCard({ label }) {
+  return /* @__PURE__ */ jsxs4(
+    "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,
@@ -1219,8 +1496,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,
@@ -1240,8 +1517,12 @@ function MedusaNextPayPalAdapter(props) {
   if (error) return /* @__PURE__ */ jsx5(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__ */ jsx5(PayPalUnavailableCard, { label: config.paypal_title || "PayPal" });
+  }
+  if (isCardProvider && config.card_enabled === false) {
+    return /* @__PURE__ */ jsx5(PayPalUnavailableCard, { label: config.card_title || "Card payment" });
+  }
   const disableFunding = Array.isArray(config.disable_buttons) ? config.disable_buttons.join(",") : void 0;
   return /* @__PURE__ */ jsxs4("div", { style: { display: "grid", gap: 12 }, children: [
     /* @__PURE__ */ jsx5(PayPalCurrencyNotice, { config }),
@@ -1278,18 +1559,7 @@ function MedusaNextPayPalAdapter(props) {
 }
 
 // src/components/PayPalPaymentSection.tsx
-import { useCallback as useCallback3 } from "react";
 import { jsx as jsx6, jsxs as jsxs5 } from "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__ */ jsxs5(
@@ -1328,62 +1598,6 @@ function SessionInitCard() {
     }
   );
 }
-function ConfigLoadingCard() {
-  return /* @__PURE__ */ jsxs5(
-    "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__ */ jsx6("style", { children: SPIN_STYLE4 }),
-        /* @__PURE__ */ jsx6(
-          "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__ */ jsxs5("div", { children: [
-          /* @__PURE__ */ jsx6("div", { style: { fontSize: 13, fontWeight: 500, color: "#111827" }, children: "Connecting to PayPal\u2026" }),
-          /* @__PURE__ */ jsx6("div", { style: { fontSize: 12, color: "#6b7280", marginTop: 2 }, children: "Setting up secure payment" })
-        ] })
-      ]
-    }
-  );
-}
-function ErrorCard({ message }) {
-  return /* @__PURE__ */ jsx6(
-    "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,
@@ -1394,67 +1608,24 @@ function PayPalPaymentSection({
   onError,
   onPaid
 }) {
-  const shouldRender = isPayPalProviderId(selectedProviderId);
-  const { config, loading, error } = usePayPalConfig({
-    baseUrl,
-    publishableApiKey,
-    cartId,
-    enabled: shouldRender
-  });
-  const handlePaid = useCallback3(
-    async (captureResult) => {
-      onPaid?.(captureResult);
-      await onSuccess?.(cartId);
-    },
-    [cartId, onPaid, onSuccess]
-  );
-  if (!shouldRender) return null;
+  if (!isPayPalProviderId(selectedProviderId)) return null;
   if (sessionLoading) return /* @__PURE__ */ jsx6(SessionInitCard, {});
-  if (loading) return /* @__PURE__ */ jsx6(ConfigLoadingCard, {});
-  if (error) return /* @__PURE__ */ jsx6(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__ */ jsxs5("div", { style: { display: "grid", gap: 12 }, children: [
-    /* @__PURE__ */ jsx6(PayPalCurrencyNotice, { config }),
-    /* @__PURE__ */ jsx6(
-      PayPalProvider,
-      {
-        config,
-        intent: config.intent === "authorize" ? "authorize" : "capture",
-        disableFunding,
-        children: isCardProvider ? /* @__PURE__ */ jsx6(
-          PayPalAdvancedCard,
-          {
-            baseUrl,
-            publishableApiKey,
-            cartId,
-            config,
-            onPaid: handlePaid,
-            onError
-          }
-        ) : /* @__PURE__ */ jsx6(
-          PayPalSmartButtons,
-          {
-            baseUrl,
-            publishableApiKey,
-            cartId,
-            config,
-            onPaid: handlePaid,
-            onError
-          }
-        )
-      }
-    )
-  ] }, selectedProviderId);
+  return /* @__PURE__ */ jsx6(
+    MedusaNextPayPalAdapter,
+    {
+      cartId,
+      selectedProviderId,
+      baseUrl,
+      publishableApiKey,
+      onSuccess,
+      onError,
+      onPaid
+    }
+  );
 }
 
 // src/hooks/usePayPalPaymentMethods.ts
-import { useEffect as useEffect2, useMemo as useMemo5, useRef as useRef3, useState as useState4 } from "react";
+import { useEffect as useEffect3, useMemo as useMemo5, useRef as useRef4, useState as useState4 } from "react";
 var MAX_CACHE_ENTRIES2 = 50;
 var _cache2 = /* @__PURE__ */ new Map();
 var CACHE_TTL2 = 5 * 60 * 1e3;
@@ -1473,7 +1644,8 @@ var DEFAULT_RESULT = {
   paypalTitle: "PayPal",
   cardEnabled: true,
   cardTitle: "Credit or Debit Card",
-  loading: false
+  loading: false,
+  error: null
 };
 function usePayPalPaymentMethods({
   baseUrl,
@@ -1489,8 +1661,8 @@ function usePayPalPaymentMethods({
   const hit = _cache2.get(key);
   const seed = hit && Date.now() - hit.at < CACHE_TTL2 ? hit.result : null;
   const [result, setResult] = useState4(seed ?? { ...DEFAULT_RESULT, loading: enabled });
-  const fetchIdRef = useRef3(0);
-  useEffect2(() => {
+  const fetchIdRef = useRef4(0);
+  useEffect3(() => {
     if (!enabled) {
       setResult((prev) => ({ ...prev, loading: false }));
       return;
@@ -1514,7 +1686,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);
@@ -1527,12 +1700,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 () => {
@@ -1551,12 +1729,16 @@ export {
   PayPalPaymentSection,
   PayPalProvider,
   PayPalSmartButtons,
+  clearCartCaptured,
   createPayPalStoreApi,
+  generateIdempotencyKey,
   hideProcessingOverlay,
   isPayPalProviderId,
+  markCartCaptured,
   markPaymentComplete,
   showProcessingOverlay,
   usePayPalConfig,
-  usePayPalPaymentMethods
+  usePayPalPaymentMethods,
+  wasCartCaptured
 };
 //# sourceMappingURL=index.mjs.map