@easypayment/medusa-paypal-ui 1.0.45 → 1.0.48

package/dist/index.mjs

@@ -1,7 +1,3 @@
-import { useMemo, useState, useRef, useEffect, useCallback } from 'react';
-import { PayPalScriptProvider, PayPalButtons, PayPalCardFieldsProvider, PayPalNumberField, PayPalExpiryField, PayPalCVVField, usePayPalCardFields } from '@paypal/react-paypal-js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
 // src/client/http.ts
 function toHeaderRecord(headers) {
   if (!headers) {
@@ -39,25 +35,47 @@ function createHttpClient(opts) {
           "[PayPal] Forbidden (403) \u2014 this request is not allowed. Check your CORS and API key settings."
         );
       }
-      throw new Error(text || `Request failed (${res.status})`);
+      throw new Error(
+        text.slice(0, 500).replace(/<[^>]*>/g, "") || `Request failed (${res.status})`
+      );
+    }
+    if (!text) {
+      throw new Error(`[PayPal] Empty response body from ${path} (${res.status})`);
     }
-    if (!text) return {};
     const contentType = res.headers.get("content-type") || "";
     if (!contentType.includes("application/json")) {
-      console.warn("[PayPal] Unexpected non-JSON response:", contentType, text.slice(0, 200));
-      return {};
+      throw new Error(
+        `[PayPal] Unexpected non-JSON response (${contentType}) from ${path}`
+      );
     }
     try {
       return JSON.parse(text);
     } catch {
-      console.warn("[PayPal] Failed to parse JSON response:", text.slice(0, 200));
-      return {};
+      throw new Error(`[PayPal] Failed to parse JSON response from ${path}`);
     }
   }
   return { request };
 }
 
 // src/client/paypal.ts
+async function markPaymentComplete(baseUrl, cartId, publishableApiKey) {
+  try {
+    const resp = await fetch(`${baseUrl.replace(/\/$/, "")}/store/paypal-complete`, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        ...publishableApiKey ? { "x-publishable-api-key": publishableApiKey } : {}
+      },
+      body: JSON.stringify({ cart_id: cartId }),
+      credentials: "include"
+    });
+    const data = await resp.json().catch(() => ({}));
+    return data || {};
+  } catch (e) {
+    console.warn("[PayPal] paypal-complete call failed:", e);
+    return {};
+  }
+}
 function createPayPalStoreApi(opts) {
   const http = createHttpClient(opts);
   return {
@@ -84,6 +102,9 @@ function createPayPalStoreApi(opts) {
     }
   };
 }
+
+// src/hooks/usePayPalConfig.ts
+import { useEffect, useMemo, useRef, useState } from "react";
 var _cache = /* @__PURE__ */ new Map();
 var CACHE_TTL = 5 * 60 * 1e3;
 function cacheKey(baseUrl, cartId) {
@@ -146,13 +167,17 @@ function usePayPalConfig({
   }, [api, baseUrl, cartId, enabled]);
   return { config, loading, error };
 }
+
+// src/components/PayPalProvider.tsx
+import { useMemo as useMemo2 } from "react";
+import { PayPalScriptProvider } from "@paypal/react-paypal-js";
+import { jsx } from "react/jsx-runtime";
 var BN_CODE = "MBJTechnolabs_SI_SPB";
 function PayPalProvider(props) {
   const { config, intent = "capture", disableFunding, children } = props;
-  const options = useMemo(() => {
+  const options = useMemo2(() => {
     return {
       clientId: config.client_id,
-      "client-id": config.client_id,
       currency: config.currency,
       intent,
       components: config.client_token ? "buttons,card-fields" : "buttons",
@@ -170,13 +195,21 @@ function PayPalProvider(props) {
     `${options.clientId}-${options["data-client-token"] ?? "no-token"}`
   );
 }
+
+// src/components/PayPalCurrencyNotice.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 function PayPalCurrencyNotice({ config }) {
   if (config.currency_supported) return null;
   return /* @__PURE__ */ jsxs("div", { style: { padding: 12, border: "1px solid #ddd", borderRadius: 10 }, children: [
-    /* @__PURE__ */ jsx("div", { style: { fontWeight: 600, marginBottom: 6 }, children: "PayPal currency issue" }),
-    /* @__PURE__ */ jsx("ul", { style: { margin: 0, paddingLeft: 18 }, children: (config.currency_errors || []).map((e, i) => /* @__PURE__ */ jsx("li", { children: e }, i)) })
+    /* @__PURE__ */ jsx2("div", { style: { fontWeight: 600, marginBottom: 6 }, children: "PayPal currency issue" }),
+    /* @__PURE__ */ jsx2("ul", { style: { margin: 0, paddingLeft: 18 }, children: (config.currency_errors || []).map((e) => /* @__PURE__ */ jsx2("li", { children: e }, e)) })
   ] });
 }
+
+// src/components/PayPalSmartButtons.tsx
+import { useMemo as useMemo3, useState as useState2 } from "react";
+import { PayPalButtons } from "@paypal/react-paypal-js";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 var SPIN_STYLE = `@keyframes _pp_spin { to { transform: rotate(360deg) } }`;
 var BUTTON_WIDTH_MAP = {
   small: "300px",
@@ -184,34 +217,19 @@ var BUTTON_WIDTH_MAP = {
   large: "500px",
   responsive: "100%"
 };
-async function markPaymentComplete(baseUrl, cartId, publishableApiKey) {
-  try {
-    await fetch(`${baseUrl.replace(/\/$/, "")}/store/paypal-complete`, {
-      method: "POST",
-      headers: {
-        "Content-Type": "application/json",
-        ...publishableApiKey ? { "x-publishable-api-key": publishableApiKey } : {}
-      },
-      body: JSON.stringify({ cart_id: cartId }),
-      credentials: "include"
-    });
-  } catch (e) {
-    console.warn("[PayPal] paypal-complete call failed:", e);
-  }
-}
 function PayPalSmartButtons(props) {
   const { baseUrl, publishableApiKey, cartId, config, onPaid, onError } = props;
-  const api = useMemo(
+  const api = useMemo3(
     () => createPayPalStoreApi({ baseUrl, publishableApiKey }),
     [baseUrl, publishableApiKey]
   );
-  const [error, setError] = useState(null);
-  const [processing, setProcessing] = useState(false);
+  const [error, setError] = useState2(null);
+  const [processing, setProcessing] = useState2(false);
   if (!config.currency_supported) return null;
   const containerWidth = BUTTON_WIDTH_MAP[config.button_width ?? "responsive"] ?? "100%";
-  return /* @__PURE__ */ jsxs("div", { style: { width: containerWidth, position: "relative" }, children: [
-    /* @__PURE__ */ jsx("style", { children: SPIN_STYLE }),
-    processing && /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs2("div", { style: { width: containerWidth, position: "relative" }, children: [
+    /* @__PURE__ */ jsx3("style", { children: SPIN_STYLE }),
+    processing && /* @__PURE__ */ jsxs2(
       "div",
       {
         style: {
@@ -228,7 +246,7 @@ function PayPalSmartButtons(props) {
           minHeight: 60
         },
         children: [
-          /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx3(
             "div",
             {
               style: {
@@ -241,14 +259,14 @@ function PayPalSmartButtons(props) {
               }
             }
           ),
-          /* @__PURE__ */ jsxs("div", { style: { textAlign: "center" }, children: [
-            /* @__PURE__ */ jsx("div", { style: { fontSize: 13, color: "#374151", fontWeight: 500 }, children: "Processing your payment\u2026" }),
-            /* @__PURE__ */ jsx("div", { style: { fontSize: 12, color: "#6b7280", marginTop: 4 }, children: "Please do not close or refresh this page" })
+          /* @__PURE__ */ jsxs2("div", { style: { textAlign: "center" }, children: [
+            /* @__PURE__ */ jsx3("div", { style: { fontSize: 13, color: "#374151", fontWeight: 500 }, children: "Processing your payment\u2026" }),
+            /* @__PURE__ */ jsx3("div", { style: { fontSize: 12, color: "#6b7280", marginTop: 4 }, children: "Please do not close or refresh this page" })
           ] })
         ]
       }
     ),
-    config.environment === "sandbox" && /* @__PURE__ */ jsxs(
+    config.environment === "sandbox" && /* @__PURE__ */ jsxs2(
       "div",
       {
         style: {
@@ -265,7 +283,7 @@ function PayPalSmartButtons(props) {
           marginBottom: 10
         },
         children: [
-          /* @__PURE__ */ jsxs(
+          /* @__PURE__ */ jsxs2(
             "svg",
             {
               width: "16",
@@ -277,16 +295,16 @@ function PayPalSmartButtons(props) {
               strokeLinecap: "round",
               style: { flexShrink: 0, marginTop: 1 },
               children: [
-                /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
-                /* @__PURE__ */ jsx("path", { d: "M12 8v4M12 16h.01" })
+                /* @__PURE__ */ jsx3("circle", { cx: "12", cy: "12", r: "10" }),
+                /* @__PURE__ */ jsx3("path", { d: "M12 8v4M12 16h.01" })
               ]
             }
           ),
-          /* @__PURE__ */ jsx("span", { children: "Sandbox mode \u2014 you will not be charged. Use your PayPal sandbox account to complete the payment." })
+          /* @__PURE__ */ jsx3("span", { children: "Sandbox mode \u2014 you will not be charged. Use your PayPal sandbox account to complete the payment." })
         ]
       }
     ),
-    /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx3(
       PayPalButtons,
       {
         style: {
@@ -307,12 +325,13 @@ function PayPalSmartButtons(props) {
             setError(null);
             const orderId = String(data?.orderID || "");
             const result = await api.captureOrder(cartId, orderId);
-            await markPaymentComplete(baseUrl, cartId, publishableApiKey);
-            onPaid?.(result);
+            const completeResult = await markPaymentComplete(baseUrl, cartId, publishableApiKey);
+            onPaid?.({ ...result, ...completeResult });
           } catch (e) {
             const msg = e instanceof Error ? e.message : "Payment capture failed";
             setError(msg);
             onError?.(msg);
+          } finally {
             setProcessing(false);
           }
         },
@@ -327,7 +346,7 @@ function PayPalSmartButtons(props) {
         }
       }
     ),
-    error ? /* @__PURE__ */ jsxs(
+    error ? /* @__PURE__ */ jsxs2(
       "div",
       {
         style: {
@@ -344,13 +363,24 @@ function PayPalSmartButtons(props) {
           lineHeight: 1.5
         },
         children: [
-          /* @__PURE__ */ jsx("span", { style: { flexShrink: 0, fontSize: 15 }, children: "\u26A0\uFE0F" }),
-          /* @__PURE__ */ jsx("span", { children: error })
+          /* @__PURE__ */ jsx3("span", { style: { flexShrink: 0, fontSize: 15 }, children: "\u26A0\uFE0F" }),
+          /* @__PURE__ */ jsx3("span", { children: error })
         ]
       }
     ) : null
   ] });
 }
+
+// src/components/PayPalAdvancedCard.tsx
+import { useMemo as useMemo4, useState as useState3 } from "react";
+import {
+  PayPalCardFieldsProvider,
+  PayPalNumberField,
+  PayPalExpiryField,
+  PayPalCVVField,
+  usePayPalCardFields
+} from "@paypal/react-paypal-js";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 var SPIN_STYLE2 = `@keyframes _pp_spin { to { transform: rotate(360deg) } }`;
 var cardStyle = {
   input: {
@@ -394,21 +424,6 @@ var labelStyle = {
   marginBottom: 6,
   letterSpacing: "0.01em"
 };
-async function markPaymentComplete2(baseUrl, cartId, publishableApiKey) {
-  try {
-    await fetch(`${baseUrl.replace(/\/$/, "")}/store/paypal-complete`, {
-      method: "POST",
-      headers: {
-        "Content-Type": "application/json",
-        ...publishableApiKey ? { "x-publishable-api-key": publishableApiKey } : {}
-      },
-      body: JSON.stringify({ cart_id: cartId }),
-      credentials: "include"
-    });
-  } catch (e) {
-    console.warn("[PayPal Card] paypal-complete call failed:", e);
-  }
-}
 function SubmitButton({
   disabled,
   label,
@@ -416,7 +431,7 @@ function SubmitButton({
 }) {
   const { cardFieldsForm } = usePayPalCardFields();
   const isDisabled = disabled || !cardFieldsForm;
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx4(
     "button",
     {
       type: "button",
@@ -443,12 +458,14 @@ function SubmitButton({
       },
       onMouseEnter: (e) => {
         if (!isDisabled) {
+          ;
           e.target.style.background = "linear-gradient(180deg, #1d4ed8 0%, #1e40af 100%)";
           e.target.style.boxShadow = "0 4px 6px rgba(37,99,235,0.35), 0 2px 4px rgba(0,0,0,0.06)";
         }
       },
       onMouseLeave: (e) => {
         if (!isDisabled) {
+          ;
           e.target.style.background = "linear-gradient(180deg, #2563eb 0%, #1d4ed8 100%)";
           e.target.style.boxShadow = "0 1px 3px rgba(37,99,235,0.3), 0 1px 2px rgba(0,0,0,0.06)";
         }
@@ -459,15 +476,15 @@ function SubmitButton({
 }
 function PayPalAdvancedCard(props) {
   const { baseUrl, publishableApiKey, cartId, config, onPaid, onError } = props;
-  const api = useMemo(
+  const api = useMemo4(
     () => createPayPalStoreApi({ baseUrl, publishableApiKey }),
     [baseUrl, publishableApiKey]
   );
-  const [error, setError] = useState(null);
-  const [submitting, setSubmitting] = useState(false);
+  const [error, setError] = useState3(null);
+  const [submitting, setSubmitting] = useState3(false);
   if (!config.currency_supported) return null;
   if (!config.client_token) {
-    return /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx4(
       "div",
       {
         style: {
@@ -483,9 +500,9 @@ function PayPalAdvancedCard(props) {
     );
   }
   const isSandbox = config.environment === "sandbox";
-  return /* @__PURE__ */ jsxs("div", { style: { position: "relative" }, children: [
-    /* @__PURE__ */ jsx("style", { children: SPIN_STYLE2 }),
-    submitting && /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs3("div", { style: { position: "relative" }, children: [
+    /* @__PURE__ */ jsx4("style", { children: SPIN_STYLE2 }),
+    submitting && /* @__PURE__ */ jsxs3(
       "div",
       {
         style: {
@@ -502,7 +519,7 @@ function PayPalAdvancedCard(props) {
           minHeight: 180
         },
         children: [
-          /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx4(
             "div",
             {
               style: {
@@ -515,20 +532,20 @@ function PayPalAdvancedCard(props) {
               }
             }
           ),
-          /* @__PURE__ */ jsxs("div", { style: { textAlign: "center" }, children: [
-            /* @__PURE__ */ jsx("div", { style: { fontSize: 15, fontWeight: 600, color: "#111827" }, children: "Processing your payment\u2026" }),
-            /* @__PURE__ */ jsx("div", { style: { fontSize: 13, color: "#6b7280", marginTop: 4 }, children: "Please do not close or refresh this page" })
+          /* @__PURE__ */ jsxs3("div", { style: { textAlign: "center" }, children: [
+            /* @__PURE__ */ jsx4("div", { style: { fontSize: 15, fontWeight: 600, color: "#111827" }, children: "Processing your payment\u2026" }),
+            /* @__PURE__ */ jsx4("div", { style: { fontSize: 13, color: "#6b7280", marginTop: 4 }, children: "Please do not close or refresh this page" })
           ] })
         ]
       }
     ),
-    /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx4(
       PayPalCardFieldsProvider,
       {
         style: cardStyle,
         createOrder: async () => {
           setError(null);
-          const r = await api.createOrder(cartId);
+          const r = await api.createOrder(cartId, true);
           return r.id;
         },
         onApprove: async (data) => {
@@ -536,12 +553,13 @@ function PayPalAdvancedCard(props) {
             setError(null);
             const orderId = String(data?.orderID || "");
             const result = await api.captureOrder(cartId, orderId);
-            await markPaymentComplete2(baseUrl, cartId, publishableApiKey);
-            onPaid?.(result);
+            const completeResult = await markPaymentComplete(baseUrl, cartId, publishableApiKey);
+            onPaid?.({ ...result, ...completeResult });
           } catch (e) {
             const msg = e instanceof Error ? e.message : "Card payment failed";
             setError(msg);
             onError?.(msg);
+          } finally {
             setSubmitting(false);
           }
         },
@@ -554,7 +572,7 @@ function PayPalAdvancedCard(props) {
           onError?.(msg);
           setSubmitting(false);
         },
-        children: /* @__PURE__ */ jsxs(
+        children: /* @__PURE__ */ jsxs3(
           "div",
           {
             style: {
@@ -564,7 +582,7 @@ function PayPalAdvancedCard(props) {
               width: "100%"
             },
             children: [
-              isSandbox && /* @__PURE__ */ jsxs(
+              isSandbox && /* @__PURE__ */ jsxs3(
                 "div",
                 {
                   style: {
@@ -580,22 +598,22 @@ function PayPalAdvancedCard(props) {
                     lineHeight: 1.55
                   },
                   children: [
-                    /* @__PURE__ */ jsx("span", { style: { fontSize: 15, flexShrink: 0, marginTop: 1 }, children: "\u{1F9EA}" }),
-                    /* @__PURE__ */ jsxs("span", { children: [
+                    /* @__PURE__ */ jsx4("span", { style: { fontSize: 15, flexShrink: 0, marginTop: 1 }, children: "\u{1F9EA}" }),
+                    /* @__PURE__ */ jsxs3("span", { children: [
                       "Sandbox mode \u2014 use test card",
                       " ",
-                      /* @__PURE__ */ jsx("strong", { style: { fontFamily: "monospace", letterSpacing: "0.05em" }, children: "4111 1111 1111 1111" }),
+                      /* @__PURE__ */ jsx4("strong", { style: { fontFamily: "monospace", letterSpacing: "0.05em" }, children: "4111 1111 1111 1111" }),
                       " ",
                       "with any future date and any CVV."
                     ] })
                   ]
                 }
               ),
-              /* @__PURE__ */ jsxs("div", { children: [
-                /* @__PURE__ */ jsx("label", { style: labelStyle, children: "Card number" }),
-                /* @__PURE__ */ jsx(PayPalNumberField, {})
+              /* @__PURE__ */ jsxs3("div", { children: [
+                /* @__PURE__ */ jsx4("label", { style: labelStyle, children: "Card number" }),
+                /* @__PURE__ */ jsx4(PayPalNumberField, {})
               ] }),
-              /* @__PURE__ */ jsxs(
+              /* @__PURE__ */ jsxs3(
                 "div",
                 {
                   style: {
@@ -604,18 +622,18 @@ function PayPalAdvancedCard(props) {
                     gap: 16
                   },
                   children: [
-                    /* @__PURE__ */ jsxs("div", { children: [
-                      /* @__PURE__ */ jsx("label", { style: labelStyle, children: "Expiration date" }),
-                      /* @__PURE__ */ jsx(PayPalExpiryField, {})
+                    /* @__PURE__ */ jsxs3("div", { children: [
+                      /* @__PURE__ */ jsx4("label", { style: labelStyle, children: "Expiration date" }),
+                      /* @__PURE__ */ jsx4(PayPalExpiryField, {})
                     ] }),
-                    /* @__PURE__ */ jsxs("div", { children: [
-                      /* @__PURE__ */ jsx("label", { style: labelStyle, children: "Security code" }),
-                      /* @__PURE__ */ jsx(PayPalCVVField, {})
+                    /* @__PURE__ */ jsxs3("div", { children: [
+                      /* @__PURE__ */ jsx4("label", { style: labelStyle, children: "Security code" }),
+                      /* @__PURE__ */ jsx4(PayPalCVVField, {})
                     ] })
                   ]
                 }
               ),
-              /* @__PURE__ */ jsxs(
+              /* @__PURE__ */ jsxs3(
                 "div",
                 {
                   style: {
@@ -626,7 +644,7 @@ function PayPalAdvancedCard(props) {
                     color: "#6b7280"
                   },
                   children: [
-                    /* @__PURE__ */ jsx(
+                    /* @__PURE__ */ jsx4(
                       "svg",
                       {
                         width: "14",
@@ -637,14 +655,14 @@ function PayPalAdvancedCard(props) {
                         strokeWidth: "2.5",
                         strokeLinecap: "round",
                         strokeLinejoin: "round",
-                        children: /* @__PURE__ */ jsx("path", { d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" })
+                        children: /* @__PURE__ */ jsx4("path", { d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" })
                       }
                     ),
-                    /* @__PURE__ */ jsx("span", { children: "Your payment is secured with 256-bit SSL encryption" })
+                    /* @__PURE__ */ jsx4("span", { children: "Your payment is secured with 256-bit SSL encryption" })
                   ]
                 }
               ),
-              /* @__PURE__ */ jsx(
+              /* @__PURE__ */ jsx4(
                 SubmitButton,
                 {
                   disabled: submitting,
@@ -655,7 +673,7 @@ function PayPalAdvancedCard(props) {
                   }
                 }
               ),
-              error && /* @__PURE__ */ jsxs(
+              error && /* @__PURE__ */ jsxs3(
                 "div",
                 {
                   style: {
@@ -671,8 +689,8 @@ function PayPalAdvancedCard(props) {
                     lineHeight: 1.5
                   },
                   children: [
-                    /* @__PURE__ */ jsx("span", { style: { flexShrink: 0, marginTop: 1 }, children: "\u26A0\uFE0F" }),
-                    /* @__PURE__ */ jsx("span", { children: error })
+                    /* @__PURE__ */ jsx4("span", { style: { flexShrink: 0, marginTop: 1 }, children: "\u26A0\uFE0F" }),
+                    /* @__PURE__ */ jsx4("span", { children: error })
                   ]
                 }
               )
@@ -683,11 +701,15 @@ function PayPalAdvancedCard(props) {
     )
   ] });
 }
+
+// src/adapters/MedusaNextPayPalAdapter.tsx
+import { useCallback } from "react";
+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__ */ jsxs(
+  return /* @__PURE__ */ jsxs4(
     "div",
     {
       style: {
@@ -700,8 +722,8 @@ function PayPalLoadingCard() {
         borderRadius: 10
       },
       children: [
-        /* @__PURE__ */ jsx("style", { children: SPIN_STYLE3 }),
-        /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx5("style", { children: SPIN_STYLE3 }),
+        /* @__PURE__ */ jsx5(
           "div",
           {
             style: {
@@ -715,16 +737,16 @@ function PayPalLoadingCard() {
             }
           }
         ),
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("div", { style: { fontSize: 13, fontWeight: 500, color: "#111827" }, children: "Connecting to PayPal\u2026" }),
-          /* @__PURE__ */ jsx("div", { style: { fontSize: 12, color: "#6b7280", marginTop: 2 }, children: "Setting up secure payment" })
+        /* @__PURE__ */ jsxs4("div", { children: [
+          /* @__PURE__ */ jsx5("div", { style: { fontSize: 13, fontWeight: 500, color: "#111827" }, children: "Connecting to PayPal\u2026" }),
+          /* @__PURE__ */ jsx5("div", { style: { fontSize: 12, color: "#6b7280", marginTop: 2 }, children: "Setting up secure payment" })
         ] })
       ]
     }
   );
 }
 function PayPalErrorCard({ message }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx5(
     "div",
     {
       style: {
@@ -767,21 +789,22 @@ function MedusaNextPayPalAdapter(props) {
     [cartId, onPaid, onSuccess]
   );
   if (!shouldRender) return null;
-  if (loading) return /* @__PURE__ */ jsx(PayPalLoadingCard, {});
-  if (error) return /* @__PURE__ */ jsx(PayPalErrorCard, { message: error });
+  if (loading) return /* @__PURE__ */ jsx5(PayPalLoadingCard, {});
+  if (error) return /* @__PURE__ */ jsx5(PayPalErrorCard, { message: error });
   if (!config) return null;
-  if (config.paypal_enabled === false) return null;
-  if (selectedProviderId === paypalCardProviderId && config.card_enabled === false) return null;
+  const isCardProvider = selectedProviderId === paypalCardProviderId;
+  if (config.paypal_enabled === false && !isCardProvider) return null;
+  if (isCardProvider && config.card_enabled === false) return null;
   const disableFunding = Array.isArray(config.disable_buttons) ? config.disable_buttons.join(",") : void 0;
-  return /* @__PURE__ */ jsxs("div", { style: { display: "grid", gap: 12 }, children: [
-    /* @__PURE__ */ jsx(PayPalCurrencyNotice, { config }),
-    /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs4("div", { style: { display: "grid", gap: 12 }, children: [
+    /* @__PURE__ */ jsx5(PayPalCurrencyNotice, { config }),
+    /* @__PURE__ */ jsx5(
       PayPalProvider,
       {
         config,
         intent: config.intent === "authorize" ? "authorize" : "capture",
         disableFunding,
-        children: selectedProviderId === paypalCardProviderId ? /* @__PURE__ */ jsx(
+        children: isCardProvider ? /* @__PURE__ */ jsx5(
           PayPalAdvancedCard,
           {
             baseUrl,
@@ -791,7 +814,7 @@ function MedusaNextPayPalAdapter(props) {
             onPaid: handlePaid,
             onError
           }
-        ) : /* @__PURE__ */ jsx(
+        ) : /* @__PURE__ */ jsx5(
           PayPalSmartButtons,
           {
             baseUrl,
@@ -806,6 +829,10 @@ function MedusaNextPayPalAdapter(props) {
     )
   ] }, selectedProviderId);
 }
+
+// src/components/PayPalPaymentSection.tsx
+import { useCallback as useCallback2 } 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 = [
@@ -818,7 +845,7 @@ function isPayPalProviderId(id) {
 }
 var SPIN_STYLE4 = `@keyframes _pp_section_spin { to { transform: rotate(360deg) } }`;
 function SessionInitCard() {
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs5(
     "div",
     {
       style: {
@@ -832,8 +859,8 @@ function SessionInitCard() {
         borderRadius: 10
       },
       children: [
-        /* @__PURE__ */ jsx("style", { children: SPIN_STYLE4 }),
-        /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx6("style", { children: SPIN_STYLE4 }),
+        /* @__PURE__ */ jsx6(
           "div",
           {
             style: {
@@ -847,13 +874,13 @@ function SessionInitCard() {
             }
           }
         ),
-        /* @__PURE__ */ jsx("div", { style: { fontSize: 13, fontWeight: 500, color: "#111827" }, children: "Setting up payment\u2026" })
+        /* @__PURE__ */ jsx6("div", { style: { fontSize: 13, fontWeight: 500, color: "#111827" }, children: "Setting up payment\u2026" })
       ]
     }
   );
 }
 function ConfigLoadingCard() {
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs5(
     "div",
     {
       style: {
@@ -866,8 +893,8 @@ function ConfigLoadingCard() {
         borderRadius: 10
       },
       children: [
-        /* @__PURE__ */ jsx("style", { children: SPIN_STYLE4 }),
-        /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx6("style", { children: SPIN_STYLE4 }),
+        /* @__PURE__ */ jsx6(
           "div",
           {
             style: {
@@ -881,16 +908,16 @@ function ConfigLoadingCard() {
             }
           }
         ),
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("div", { style: { fontSize: 13, fontWeight: 500, color: "#111827" }, children: "Connecting to PayPal\u2026" }),
-          /* @__PURE__ */ jsx("div", { style: { fontSize: 12, color: "#6b7280", marginTop: 2 }, children: "Setting up secure payment" })
+        /* @__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__ */ jsx(
+  return /* @__PURE__ */ jsx6(
     "div",
     {
       style: {
@@ -922,7 +949,7 @@ function PayPalPaymentSection({
     cartId,
     enabled: shouldRender
   });
-  const handlePaid = useCallback(
+  const handlePaid = useCallback2(
     (captureResult) => {
       onPaid?.(captureResult);
       onSuccess?.(cartId);
@@ -930,9 +957,9 @@ function PayPalPaymentSection({
     [cartId, onPaid, onSuccess]
   );
   if (!shouldRender) return null;
-  if (sessionLoading) return /* @__PURE__ */ jsx(SessionInitCard, {});
-  if (loading) return /* @__PURE__ */ jsx(ConfigLoadingCard, {});
-  if (error) return /* @__PURE__ */ jsx(ErrorCard, { message: error });
+  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;
@@ -940,15 +967,15 @@ function PayPalPaymentSection({
   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__ */ jsxs("div", { style: { display: "grid", gap: 12 }, children: [
-    /* @__PURE__ */ jsx(PayPalCurrencyNotice, { config }),
-    /* @__PURE__ */ jsx(
+  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__ */ jsx(
+        children: isCardProvider ? /* @__PURE__ */ jsx6(
           PayPalAdvancedCard,
           {
             baseUrl,
@@ -958,7 +985,7 @@ function PayPalPaymentSection({
             onPaid: handlePaid,
             onError
           }
-        ) : /* @__PURE__ */ jsx(
+        ) : /* @__PURE__ */ jsx6(
           PayPalSmartButtons,
           {
             baseUrl,
@@ -973,6 +1000,9 @@ function PayPalPaymentSection({
     )
   ] }, selectedProviderId);
 }
+
+// src/hooks/usePayPalPaymentMethods.ts
+import { useEffect as useEffect2, useMemo as useMemo5, useRef as useRef2, useState as useState4 } from "react";
 var _cache2 = /* @__PURE__ */ new Map();
 var CACHE_TTL2 = 5 * 60 * 1e3;
 function cacheKey2(baseUrl, cartId) {
@@ -991,16 +1021,16 @@ function usePayPalPaymentMethods({
   cartId,
   enabled = true
 }) {
-  const api = useMemo(
+  const api = useMemo5(
     () => 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] = useState(seed ?? { ...DEFAULT_RESULT, loading: enabled });
-  const fetchIdRef = useRef(0);
-  useEffect(() => {
+  const [result, setResult] = useState4(seed ?? { ...DEFAULT_RESULT, loading: enabled });
+  const fetchIdRef = useRef2(0);
+  useEffect2(() => {
     if (!enabled) {
       setResult((prev) => ({ ...prev, loading: false }));
       return;
@@ -1051,6 +1081,19 @@ function usePayPalPaymentMethods({
   }, [api, baseUrl, cartId, enabled]);
   return result;
 }
-
-export { MedusaNextPayPalAdapter, PAYPAL_CARD_PROVIDER_ID, PAYPAL_WALLET_PROVIDER_ID, PayPalAdvancedCard, PayPalCurrencyNotice, PayPalPaymentSection, PayPalProvider, PayPalSmartButtons, createPayPalStoreApi, isPayPalProviderId, usePayPalConfig, usePayPalPaymentMethods };
+export {
+  MedusaNextPayPalAdapter,
+  PAYPAL_CARD_PROVIDER_ID,
+  PAYPAL_WALLET_PROVIDER_ID,
+  PayPalAdvancedCard,
+  PayPalCurrencyNotice,
+  PayPalPaymentSection,
+  PayPalProvider,
+  PayPalSmartButtons,
+  createPayPalStoreApi,
+  isPayPalProviderId,
+  markPaymentComplete,
+  usePayPalConfig,
+  usePayPalPaymentMethods
+};
 //# sourceMappingURL=index.mjs.map