@easypayment/medusa-paypal-ui 1.0.45 → 1.0.48

package/dist/index.cjs

@@ -1,8 +1,40 @@
-'use strict';
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-var react = require('react');
-var reactPaypalJs = require('@paypal/react-paypal-js');
-var jsxRuntime = require('react/jsx-runtime');
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  MedusaNextPayPalAdapter: () => MedusaNextPayPalAdapter,
+  PAYPAL_CARD_PROVIDER_ID: () => PAYPAL_CARD_PROVIDER_ID,
+  PAYPAL_WALLET_PROVIDER_ID: () => PAYPAL_WALLET_PROVIDER_ID,
+  PayPalAdvancedCard: () => PayPalAdvancedCard,
+  PayPalCurrencyNotice: () => PayPalCurrencyNotice,
+  PayPalPaymentSection: () => PayPalPaymentSection,
+  PayPalProvider: () => PayPalProvider,
+  PayPalSmartButtons: () => PayPalSmartButtons,
+  createPayPalStoreApi: () => createPayPalStoreApi,
+  isPayPalProviderId: () => isPayPalProviderId,
+  markPaymentComplete: () => markPaymentComplete,
+  usePayPalConfig: () => usePayPalConfig,
+  usePayPalPaymentMethods: () => usePayPalPaymentMethods
+});
+module.exports = __toCommonJS(index_exports);
 
 // src/client/http.ts
 function toHeaderRecord(headers) {
@@ -41,25 +73,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 {
@@ -86,6 +140,9 @@ function createPayPalStoreApi(opts) {
     }
   };
 }
+
+// src/hooks/usePayPalConfig.ts
+var import_react = require("react");
 var _cache = /* @__PURE__ */ new Map();
 var CACHE_TTL = 5 * 60 * 1e3;
 function cacheKey(baseUrl, cartId) {
@@ -97,18 +154,18 @@ function usePayPalConfig({
   cartId,
   enabled = true
 }) {
-  const api = react.useMemo(
+  const api = (0, import_react.useMemo)(
     () => createPayPalStoreApi({ baseUrl, publishableApiKey }),
     [baseUrl, publishableApiKey]
   );
   const key = cacheKey(baseUrl, cartId);
   const hit = _cache.get(key);
   const seedConfig = hit && Date.now() - hit.at < CACHE_TTL ? hit.config : null;
-  const [config, setConfig] = react.useState(seedConfig);
-  const [loading, setLoading] = react.useState(seedConfig === null && enabled);
-  const [error, setError] = react.useState(null);
-  const fetchIdRef = react.useRef(0);
-  react.useEffect(() => {
+  const [config, setConfig] = (0, import_react.useState)(seedConfig);
+  const [loading, setLoading] = (0, import_react.useState)(seedConfig === null && enabled);
+  const [error, setError] = (0, import_react.useState)(null);
+  const fetchIdRef = (0, import_react.useRef)(0);
+  (0, import_react.useEffect)(() => {
     if (!enabled) {
       setLoading(false);
       setError(null);
@@ -148,13 +205,17 @@ function usePayPalConfig({
   }, [api, baseUrl, cartId, enabled]);
   return { config, loading, error };
 }
+
+// src/components/PayPalProvider.tsx
+var import_react2 = require("react");
+var import_react_paypal_js = require("@paypal/react-paypal-js");
+var import_jsx_runtime = require("react/jsx-runtime");
 var BN_CODE = "MBJTechnolabs_SI_SPB";
 function PayPalProvider(props) {
   const { config, intent = "capture", disableFunding, children } = props;
-  const options = react.useMemo(() => {
+  const options = (0, import_react2.useMemo)(() => {
     return {
       clientId: config.client_id,
-      "client-id": config.client_id,
       currency: config.currency,
       intent,
       components: config.client_token ? "buttons,card-fields" : "buttons",
@@ -163,8 +224,8 @@ function PayPalProvider(props) {
       "data-partner-attribution-id": BN_CODE
     };
   }, [config, intent, disableFunding]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    reactPaypalJs.PayPalScriptProvider,
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_react_paypal_js.PayPalScriptProvider,
     {
       options,
       children
@@ -172,13 +233,21 @@ function PayPalProvider(props) {
     `${options.clientId}-${options["data-client-token"] ?? "no-token"}`
   );
 }
+
+// src/components/PayPalCurrencyNotice.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
 function PayPalCurrencyNotice({ config }) {
   if (config.currency_supported) return null;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { padding: 12, border: "1px solid #ddd", borderRadius: 10 }, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontWeight: 600, marginBottom: 6 }, children: "PayPal currency issue" }),
-    /* @__PURE__ */ jsxRuntime.jsx("ul", { style: { margin: 0, paddingLeft: 18 }, children: (config.currency_errors || []).map((e, i) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: e }, i)) })
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: { padding: 12, border: "1px solid #ddd", borderRadius: 10 }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { style: { fontWeight: 600, marginBottom: 6 }, children: "PayPal currency issue" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("ul", { style: { margin: 0, paddingLeft: 18 }, children: (config.currency_errors || []).map((e) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("li", { children: e }, e)) })
   ] });
 }
+
+// src/components/PayPalSmartButtons.tsx
+var import_react3 = require("react");
+var import_react_paypal_js2 = require("@paypal/react-paypal-js");
+var import_jsx_runtime3 = require("react/jsx-runtime");
 var SPIN_STYLE = `@keyframes _pp_spin { to { transform: rotate(360deg) } }`;
 var BUTTON_WIDTH_MAP = {
   small: "300px",
@@ -186,34 +255,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 = react.useMemo(
+  const api = (0, import_react3.useMemo)(
     () => createPayPalStoreApi({ baseUrl, publishableApiKey }),
     [baseUrl, publishableApiKey]
   );
-  const [error, setError] = react.useState(null);
-  const [processing, setProcessing] = react.useState(false);
+  const [error, setError] = (0, import_react3.useState)(null);
+  const [processing, setProcessing] = (0, import_react3.useState)(false);
   if (!config.currency_supported) return null;
   const containerWidth = BUTTON_WIDTH_MAP[config.button_width ?? "responsive"] ?? "100%";
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { width: containerWidth, position: "relative" }, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("style", { children: SPIN_STYLE }),
-    processing && /* @__PURE__ */ jsxRuntime.jsxs(
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { width: containerWidth, position: "relative" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("style", { children: SPIN_STYLE }),
+    processing && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
       "div",
       {
         style: {
@@ -230,7 +284,7 @@ function PayPalSmartButtons(props) {
           minHeight: 60
         },
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
             "div",
             {
               style: {
@@ -243,14 +297,14 @@ function PayPalSmartButtons(props) {
               }
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { textAlign: "center" }, children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 13, color: "#374151", fontWeight: 500 }, children: "Processing your payment\u2026" }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, color: "#6b7280", marginTop: 4 }, children: "Please do not close or refresh this page" })
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { textAlign: "center" }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: { fontSize: 13, color: "#374151", fontWeight: 500 }, children: "Processing your payment\u2026" }),
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: { fontSize: 12, color: "#6b7280", marginTop: 4 }, children: "Please do not close or refresh this page" })
           ] })
         ]
       }
     ),
-    config.environment === "sandbox" && /* @__PURE__ */ jsxRuntime.jsxs(
+    config.environment === "sandbox" && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
       "div",
       {
         style: {
@@ -267,7 +321,7 @@ function PayPalSmartButtons(props) {
           marginBottom: 10
         },
         children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
             "svg",
             {
               width: "16",
@@ -279,17 +333,17 @@ function PayPalSmartButtons(props) {
               strokeLinecap: "round",
               style: { flexShrink: 0, marginTop: 1 },
               children: [
-                /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10" }),
-                /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 8v4M12 16h.01" })
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M12 8v4M12 16h.01" })
               ]
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Sandbox mode \u2014 you will not be charged. Use your PayPal sandbox account to complete the payment." })
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: "Sandbox mode \u2014 you will not be charged. Use your PayPal sandbox account to complete the payment." })
         ]
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      reactPaypalJs.PayPalButtons,
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      import_react_paypal_js2.PayPalButtons,
       {
         style: {
           layout: "vertical",
@@ -309,12 +363,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);
           }
         },
@@ -329,7 +384,7 @@ function PayPalSmartButtons(props) {
         }
       }
     ),
-    error ? /* @__PURE__ */ jsxRuntime.jsxs(
+    error ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
       "div",
       {
         style: {
@@ -346,13 +401,18 @@ function PayPalSmartButtons(props) {
           lineHeight: 1.5
         },
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { style: { flexShrink: 0, fontSize: 15 }, children: "\u26A0\uFE0F" }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { children: error })
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { style: { flexShrink: 0, fontSize: 15 }, children: "\u26A0\uFE0F" }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: error })
         ]
       }
     ) : null
   ] });
 }
+
+// src/components/PayPalAdvancedCard.tsx
+var import_react4 = require("react");
+var import_react_paypal_js3 = require("@paypal/react-paypal-js");
+var import_jsx_runtime4 = require("react/jsx-runtime");
 var SPIN_STYLE2 = `@keyframes _pp_spin { to { transform: rotate(360deg) } }`;
 var cardStyle = {
   input: {
@@ -396,29 +456,14 @@ 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,
   onSubmit
 }) {
-  const { cardFieldsForm } = reactPaypalJs.usePayPalCardFields();
+  const { cardFieldsForm } = (0, import_react_paypal_js3.usePayPalCardFields)();
   const isDisabled = disabled || !cardFieldsForm;
-  return /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
     "button",
     {
       type: "button",
@@ -445,12 +490,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)";
         }
@@ -461,15 +508,15 @@ function SubmitButton({
 }
 function PayPalAdvancedCard(props) {
   const { baseUrl, publishableApiKey, cartId, config, onPaid, onError } = props;
-  const api = react.useMemo(
+  const api = (0, import_react4.useMemo)(
     () => createPayPalStoreApi({ baseUrl, publishableApiKey }),
     [baseUrl, publishableApiKey]
   );
-  const [error, setError] = react.useState(null);
-  const [submitting, setSubmitting] = react.useState(false);
+  const [error, setError] = (0, import_react4.useState)(null);
+  const [submitting, setSubmitting] = (0, import_react4.useState)(false);
   if (!config.currency_supported) return null;
   if (!config.client_token) {
-    return /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
       "div",
       {
         style: {
@@ -485,9 +532,9 @@ function PayPalAdvancedCard(props) {
     );
   }
   const isSandbox = config.environment === "sandbox";
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { position: "relative" }, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("style", { children: SPIN_STYLE2 }),
-    submitting && /* @__PURE__ */ jsxRuntime.jsxs(
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { style: { position: "relative" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("style", { children: SPIN_STYLE2 }),
+    submitting && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
       "div",
       {
         style: {
@@ -504,7 +551,7 @@ function PayPalAdvancedCard(props) {
           minHeight: 180
         },
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
             "div",
             {
               style: {
@@ -517,20 +564,20 @@ function PayPalAdvancedCard(props) {
               }
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { textAlign: "center" }, children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 15, fontWeight: 600, color: "#111827" }, children: "Processing your payment\u2026" }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 13, color: "#6b7280", marginTop: 4 }, children: "Please do not close or refresh this page" })
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { style: { textAlign: "center" }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { style: { fontSize: 15, fontWeight: 600, color: "#111827" }, children: "Processing your payment\u2026" }),
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { style: { fontSize: 13, color: "#6b7280", marginTop: 4 }, children: "Please do not close or refresh this page" })
           ] })
         ]
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      reactPaypalJs.PayPalCardFieldsProvider,
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      import_react_paypal_js3.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) => {
@@ -538,12 +585,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);
           }
         },
@@ -556,7 +604,7 @@ function PayPalAdvancedCard(props) {
           onError?.(msg);
           setSubmitting(false);
         },
-        children: /* @__PURE__ */ jsxRuntime.jsxs(
+        children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
           "div",
           {
             style: {
@@ -566,7 +614,7 @@ function PayPalAdvancedCard(props) {
               width: "100%"
             },
             children: [
-              isSandbox && /* @__PURE__ */ jsxRuntime.jsxs(
+              isSandbox && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
                 "div",
                 {
                   style: {
@@ -582,22 +630,22 @@ function PayPalAdvancedCard(props) {
                     lineHeight: 1.55
                   },
                   children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: 15, flexShrink: 0, marginTop: 1 }, children: "\u{1F9EA}" }),
-                    /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { style: { fontSize: 15, flexShrink: 0, marginTop: 1 }, children: "\u{1F9EA}" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { children: [
                       "Sandbox mode \u2014 use test card",
                       " ",
-                      /* @__PURE__ */ jsxRuntime.jsx("strong", { style: { fontFamily: "monospace", letterSpacing: "0.05em" }, children: "4111 1111 1111 1111" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("strong", { style: { fontFamily: "monospace", letterSpacing: "0.05em" }, children: "4111 1111 1111 1111" }),
                       " ",
                       "with any future date and any CVV."
                     ] })
                   ]
                 }
               ),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                /* @__PURE__ */ jsxRuntime.jsx("label", { style: labelStyle, children: "Card number" }),
-                /* @__PURE__ */ jsxRuntime.jsx(reactPaypalJs.PayPalNumberField, {})
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("label", { style: labelStyle, children: "Card number" }),
+                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_paypal_js3.PayPalNumberField, {})
               ] }),
-              /* @__PURE__ */ jsxRuntime.jsxs(
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
                 "div",
                 {
                   style: {
@@ -606,18 +654,18 @@ function PayPalAdvancedCard(props) {
                     gap: 16
                   },
                   children: [
-                    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                      /* @__PURE__ */ jsxRuntime.jsx("label", { style: labelStyle, children: "Expiration date" }),
-                      /* @__PURE__ */ jsxRuntime.jsx(reactPaypalJs.PayPalExpiryField, {})
+                    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("label", { style: labelStyle, children: "Expiration date" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_paypal_js3.PayPalExpiryField, {})
                     ] }),
-                    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                      /* @__PURE__ */ jsxRuntime.jsx("label", { style: labelStyle, children: "Security code" }),
-                      /* @__PURE__ */ jsxRuntime.jsx(reactPaypalJs.PayPalCVVField, {})
+                    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("label", { style: labelStyle, children: "Security code" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_paypal_js3.PayPalCVVField, {})
                     ] })
                   ]
                 }
               ),
-              /* @__PURE__ */ jsxRuntime.jsxs(
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
                 "div",
                 {
                   style: {
@@ -628,7 +676,7 @@ function PayPalAdvancedCard(props) {
                     color: "#6b7280"
                   },
                   children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(
+                    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
                       "svg",
                       {
                         width: "14",
@@ -639,14 +687,14 @@ function PayPalAdvancedCard(props) {
                         strokeWidth: "2.5",
                         strokeLinecap: "round",
                         strokeLinejoin: "round",
-                        children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" })
+                        children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" })
                       }
                     ),
-                    /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Your payment is secured with 256-bit SSL encryption" })
+                    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: "Your payment is secured with 256-bit SSL encryption" })
                   ]
                 }
               ),
-              /* @__PURE__ */ jsxRuntime.jsx(
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
                 SubmitButton,
                 {
                   disabled: submitting,
@@ -657,7 +705,7 @@ function PayPalAdvancedCard(props) {
                   }
                 }
               ),
-              error && /* @__PURE__ */ jsxRuntime.jsxs(
+              error && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
                 "div",
                 {
                   style: {
@@ -673,8 +721,8 @@ function PayPalAdvancedCard(props) {
                     lineHeight: 1.5
                   },
                   children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("span", { style: { flexShrink: 0, marginTop: 1 }, children: "\u26A0\uFE0F" }),
-                    /* @__PURE__ */ jsxRuntime.jsx("span", { children: error })
+                    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { style: { flexShrink: 0, marginTop: 1 }, children: "\u26A0\uFE0F" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: error })
                   ]
                 }
               )
@@ -685,11 +733,15 @@ function PayPalAdvancedCard(props) {
     )
   ] });
 }
+
+// src/adapters/MedusaNextPayPalAdapter.tsx
+var import_react5 = require("react");
+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__ */ jsxRuntime.jsxs(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
     "div",
     {
       style: {
@@ -702,8 +754,8 @@ function PayPalLoadingCard() {
         borderRadius: 10
       },
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx("style", { children: SPIN_STYLE3 }),
-        /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("style", { children: SPIN_STYLE3 }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
           "div",
           {
             style: {
@@ -717,16 +769,16 @@ function PayPalLoadingCard() {
             }
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 13, fontWeight: 500, color: "#111827" }, children: "Connecting to PayPal\u2026" }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, color: "#6b7280", marginTop: 2 }, children: "Setting up secure payment" })
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { fontSize: 13, fontWeight: 500, color: "#111827" }, children: "Connecting to PayPal\u2026" }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { fontSize: 12, color: "#6b7280", marginTop: 2 }, children: "Setting up secure payment" })
         ] })
       ]
     }
   );
 }
 function PayPalErrorCard({ message }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
     "div",
     {
       style: {
@@ -761,7 +813,7 @@ function MedusaNextPayPalAdapter(props) {
     cartId,
     enabled: shouldRender
   });
-  const handlePaid = react.useCallback(
+  const handlePaid = (0, import_react5.useCallback)(
     (captureResult) => {
       onPaid?.(captureResult);
       onSuccess?.(cartId);
@@ -769,21 +821,22 @@ function MedusaNextPayPalAdapter(props) {
     [cartId, onPaid, onSuccess]
   );
   if (!shouldRender) return null;
-  if (loading) return /* @__PURE__ */ jsxRuntime.jsx(PayPalLoadingCard, {});
-  if (error) return /* @__PURE__ */ jsxRuntime.jsx(PayPalErrorCard, { message: error });
+  if (loading) return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(PayPalLoadingCard, {});
+  if (error) return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(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__ */ jsxRuntime.jsxs("div", { style: { display: "grid", gap: 12 }, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(PayPalCurrencyNotice, { config }),
-    /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: { display: "grid", gap: 12 }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(PayPalCurrencyNotice, { config }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       PayPalProvider,
       {
         config,
         intent: config.intent === "authorize" ? "authorize" : "capture",
         disableFunding,
-        children: selectedProviderId === paypalCardProviderId ? /* @__PURE__ */ jsxRuntime.jsx(
+        children: isCardProvider ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
           PayPalAdvancedCard,
           {
             baseUrl,
@@ -793,7 +846,7 @@ function MedusaNextPayPalAdapter(props) {
             onPaid: handlePaid,
             onError
           }
-        ) : /* @__PURE__ */ jsxRuntime.jsx(
+        ) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
           PayPalSmartButtons,
           {
             baseUrl,
@@ -808,6 +861,10 @@ function MedusaNextPayPalAdapter(props) {
     )
   ] }, selectedProviderId);
 }
+
+// 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 = [
@@ -820,7 +877,7 @@ function isPayPalProviderId(id) {
 }
 var SPIN_STYLE4 = `@keyframes _pp_section_spin { to { transform: rotate(360deg) } }`;
 function SessionInitCard() {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
     "div",
     {
       style: {
@@ -834,8 +891,8 @@ function SessionInitCard() {
         borderRadius: 10
       },
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx("style", { children: SPIN_STYLE4 }),
-        /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("style", { children: SPIN_STYLE4 }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           "div",
           {
             style: {
@@ -849,13 +906,13 @@ function SessionInitCard() {
             }
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 13, fontWeight: 500, color: "#111827" }, children: "Setting up payment\u2026" })
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: { fontSize: 13, fontWeight: 500, color: "#111827" }, children: "Setting up payment\u2026" })
       ]
     }
   );
 }
 function ConfigLoadingCard() {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
     "div",
     {
       style: {
@@ -868,8 +925,8 @@ function ConfigLoadingCard() {
         borderRadius: 10
       },
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx("style", { children: SPIN_STYLE4 }),
-        /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("style", { children: SPIN_STYLE4 }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           "div",
           {
             style: {
@@ -883,16 +940,16 @@ function ConfigLoadingCard() {
             }
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 13, fontWeight: 500, color: "#111827" }, children: "Connecting to PayPal\u2026" }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, color: "#6b7280", marginTop: 2 }, children: "Setting up secure payment" })
+        /* @__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__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     "div",
     {
       style: {
@@ -924,7 +981,7 @@ function PayPalPaymentSection({
     cartId,
     enabled: shouldRender
   });
-  const handlePaid = react.useCallback(
+  const handlePaid = (0, import_react6.useCallback)(
     (captureResult) => {
       onPaid?.(captureResult);
       onSuccess?.(cartId);
@@ -932,9 +989,9 @@ function PayPalPaymentSection({
     [cartId, onPaid, onSuccess]
   );
   if (!shouldRender) return null;
-  if (sessionLoading) return /* @__PURE__ */ jsxRuntime.jsx(SessionInitCard, {});
-  if (loading) return /* @__PURE__ */ jsxRuntime.jsx(ConfigLoadingCard, {});
-  if (error) return /* @__PURE__ */ jsxRuntime.jsx(ErrorCard, { message: error });
+  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;
@@ -942,15 +999,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__ */ jsxRuntime.jsxs("div", { style: { display: "grid", gap: 12 }, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(PayPalCurrencyNotice, { config }),
-    /* @__PURE__ */ jsxRuntime.jsx(
+  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__ */ jsxRuntime.jsx(
+        children: isCardProvider ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           PayPalAdvancedCard,
           {
             baseUrl,
@@ -960,7 +1017,7 @@ function PayPalPaymentSection({
             onPaid: handlePaid,
             onError
           }
-        ) : /* @__PURE__ */ jsxRuntime.jsx(
+        ) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           PayPalSmartButtons,
           {
             baseUrl,
@@ -975,6 +1032,9 @@ function PayPalPaymentSection({
     )
   ] }, selectedProviderId);
 }
+
+// src/hooks/usePayPalPaymentMethods.ts
+var import_react7 = require("react");
 var _cache2 = /* @__PURE__ */ new Map();
 var CACHE_TTL2 = 5 * 60 * 1e3;
 function cacheKey2(baseUrl, cartId) {
@@ -993,16 +1053,16 @@ function usePayPalPaymentMethods({
   cartId,
   enabled = true
 }) {
-  const api = react.useMemo(
+  const api = (0, import_react7.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] = react.useState(seed ?? { ...DEFAULT_RESULT, loading: enabled });
-  const fetchIdRef = react.useRef(0);
-  react.useEffect(() => {
+  const [result, setResult] = (0, import_react7.useState)(seed ?? { ...DEFAULT_RESULT, loading: enabled });
+  const fetchIdRef = (0, import_react7.useRef)(0);
+  (0, import_react7.useEffect)(() => {
     if (!enabled) {
       setResult((prev) => ({ ...prev, loading: false }));
       return;
@@ -1053,17 +1113,20 @@ function usePayPalPaymentMethods({
   }, [api, baseUrl, cartId, enabled]);
   return result;
 }
-
-exports.MedusaNextPayPalAdapter = MedusaNextPayPalAdapter;
-exports.PAYPAL_CARD_PROVIDER_ID = PAYPAL_CARD_PROVIDER_ID;
-exports.PAYPAL_WALLET_PROVIDER_ID = PAYPAL_WALLET_PROVIDER_ID;
-exports.PayPalAdvancedCard = PayPalAdvancedCard;
-exports.PayPalCurrencyNotice = PayPalCurrencyNotice;
-exports.PayPalPaymentSection = PayPalPaymentSection;
-exports.PayPalProvider = PayPalProvider;
-exports.PayPalSmartButtons = PayPalSmartButtons;
-exports.createPayPalStoreApi = createPayPalStoreApi;
-exports.isPayPalProviderId = isPayPalProviderId;
-exports.usePayPalConfig = usePayPalConfig;
-exports.usePayPalPaymentMethods = usePayPalPaymentMethods;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MedusaNextPayPalAdapter,
+  PAYPAL_CARD_PROVIDER_ID,
+  PAYPAL_WALLET_PROVIDER_ID,
+  PayPalAdvancedCard,
+  PayPalCurrencyNotice,
+  PayPalPaymentSection,
+  PayPalProvider,
+  PayPalSmartButtons,
+  createPayPalStoreApi,
+  isPayPalProviderId,
+  markPaymentComplete,
+  usePayPalConfig,
+  usePayPalPaymentMethods
+});
 //# sourceMappingURL=index.cjs.map