@easypayment/medusa-paypal-ui 1.2.2 → 1.2.3

package/dist/index.mjs

@@ -72,7 +72,9 @@ function createHttpClient(opts) {
       text = await res.text().catch(() => "");
     } catch (err) {
       if (err instanceof Error && err.name === "AbortError" && !(callerSignal && callerSignal.aborted)) {
-        throw new Error(`[PayPal] Request to ${path} timed out after ${timeoutMs / 1e3}s`);
+        throw new Error(
+          `[PayPal] Request to ${path} timed out after ${timeoutMs / 1e3}s`
+        );
       }
       throw err;
     } finally {
@@ -99,7 +101,10 @@ function createHttpClient(opts) {
       );
     }
     if (!text) {
-      throw new HttpError(`[PayPal] Empty response body from ${path} (${res.status})`, res.status);
+      throw new HttpError(
+        `[PayPal] Empty response body from ${path} (${res.status})`,
+        res.status
+      );
     }
     const contentType = res.headers.get("content-type") || "";
     if (!contentType.includes("application/json")) {
@@ -126,7 +131,9 @@ function createHttpClient(opts) {
         if (i >= retries || !transient || aborted) {
           throw err;
         }
-        await wait(RETRY_BASE_DELAY_MS * Math.pow(2, i) + Math.random() * RETRY_BASE_DELAY_MS);
+        await wait(
+          RETRY_BASE_DELAY_MS * Math.pow(2, i) + Math.random() * RETRY_BASE_DELAY_MS
+        );
       }
     }
     throw lastError;
@@ -175,7 +182,10 @@ function createPayPalStoreApi(opts) {
           // per-order-id fallback is the correct idempotency scope.
           "Idempotency-Key": generateIdempotencyKey()
         },
-        body: JSON.stringify({ cart_id: cartId, is_card_payment: isCardPayment })
+        body: JSON.stringify({
+          cart_id: cartId,
+          is_card_payment: isCardPayment
+        })
       });
     },
     captureOrder(cartId, orderId) {
@@ -221,7 +231,9 @@ function usePayPalConfig({
   const hit = _cache.get(key);
   const seedConfig = hit && Date.now() - hit.at < CACHE_TTL ? hit.config : null;
   const [config, setConfig] = useState(seedConfig);
-  const [loading, setLoading] = useState(seedConfig === null && enabled);
+  const [loading, setLoading] = useState(
+    seedConfig === null && enabled
+  );
   const [error, setError] = useState(null);
   const fetchIdRef = useRef(0);
   useEffect(() => {
@@ -252,7 +264,9 @@ function usePayPalConfig({
       } catch (e) {
         if (e instanceof Error && e.name === "AbortError") return;
         if (!mounted || id !== fetchIdRef.current) return;
-        setError(e instanceof Error ? e.message : "Failed to load PayPal config");
+        setError(
+          e instanceof Error ? e.message : "Failed to load PayPal config"
+        );
       } finally {
         if (mounted && id === fetchIdRef.current) setLoading(false);
       }
@@ -282,7 +296,13 @@ function PayPalProvider(props) {
       "disable-funding": disableFunding,
       "data-partner-attribution-id": BN_CODE
     };
-  }, [config.client_id, config.currency, config.client_token, intent, disableFunding]);
+  }, [
+    config.client_id,
+    config.currency,
+    config.client_token,
+    intent,
+    disableFunding
+  ]);
   return /* @__PURE__ */ jsx(
     PayPalScriptProvider,
     {
@@ -297,10 +317,17 @@ function PayPalProvider(props) {
 import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 function PayPalCurrencyNotice({ config }) {
   if (config.currency_supported) return null;
-  return /* @__PURE__ */ jsxs("div", { role: "alert", style: { padding: 12, border: "1px solid #ddd", borderRadius: 10 }, children: [
-    /* @__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)) })
-  ] });
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      role: "alert",
+      style: { padding: 12, border: "1px solid #ddd", borderRadius: 10 },
+      children: [
+        /* @__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
@@ -476,7 +503,11 @@ function PayPalSmartButtons(props) {
     showProcessingOverlay();
     setError(null);
     try {
-      const completeResult = await markPaymentComplete(baseUrl, cartId, publishableApiKey);
+      const completeResult = await markPaymentComplete(
+        baseUrl,
+        cartId,
+        publishableApiKey
+      );
       clearCartCaptured(cartId);
       await onPaid?.({ ...captured, ...completeResult });
       setCompletionPending(false);
@@ -559,12 +590,34 @@ function PayPalSmartButtons(props) {
             )
           ] }),
           /* @__PURE__ */ jsxs2("div", { style: { textAlign: "center" }, children: [
-            /* @__PURE__ */ jsx3("div", { style: { fontSize: 18, fontWeight: 600, color: "#111827", letterSpacing: "-0.01em" }, children: "Processing your payment" }),
-            /* @__PURE__ */ jsxs2("div", { style: { fontSize: 14, color: "#6b7280", marginTop: 6, lineHeight: 1.5 }, children: [
-              "This may take a few moments. Please do not close",
-              /* @__PURE__ */ jsx3("br", {}),
-              "or refresh this page."
-            ] })
+            /* @__PURE__ */ jsx3(
+              "div",
+              {
+                style: {
+                  fontSize: 18,
+                  fontWeight: 600,
+                  color: "#111827",
+                  letterSpacing: "-0.01em"
+                },
+                children: "Processing your payment"
+              }
+            ),
+            /* @__PURE__ */ jsxs2(
+              "div",
+              {
+                style: {
+                  fontSize: 14,
+                  color: "#6b7280",
+                  marginTop: 6,
+                  lineHeight: 1.5
+                },
+                children: [
+                  "This may take a few moments. Please do not close",
+                  /* @__PURE__ */ jsx3("br", {}),
+                  "or refresh this page."
+                ]
+              }
+            )
           ] }),
           /* @__PURE__ */ jsx3(
             "div",
@@ -711,68 +764,84 @@ function PayPalSmartButtons(props) {
         ]
       }
     ),
-    isResolved && !completionPending && /* @__PURE__ */ jsx3("div", { style: buttonsReady ? void 0 : { position: "absolute", left: -9999, opacity: 0, pointerEvents: "none" }, children: /* @__PURE__ */ jsx3(
-      PayPalButtons,
+    isResolved && !completionPending && /* @__PURE__ */ jsx3(
+      "div",
       {
-        forceReRender: [config.currency, config.intent, cartId],
-        onInit: handleInit,
-        style: {
-          layout: "vertical",
-          color: config.button_color,
-          shape: config.button_shape,
-          label: config.button_label,
-          height: config.button_height
-        },
-        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 {
-            const r = await api.createOrder(cartId);
-            return r.id;
-          } catch (e) {
-            setProcessing(false);
-            throw e;
-          }
+        style: buttonsReady ? void 0 : {
+          position: "absolute",
+          left: -9999,
+          opacity: 0,
+          pointerEvents: "none"
         },
-        onApprove: async (data) => {
-          try {
-            setProcessing(true);
-            showProcessingOverlay();
-            setError(null);
-            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);
-            capturedRef.current = result || {};
-            markCartCaptured(cartId);
-          } catch (e) {
-            if (isNextRouterError(e)) return;
-            hideProcessingOverlay();
-            setProcessing(false);
-            const msg = e instanceof Error ? e.message : "Payment capture failed";
-            setError(msg);
-            onError?.(msg);
-            return;
+        children: /* @__PURE__ */ jsx3(
+          PayPalButtons,
+          {
+            forceReRender: [config.currency, config.intent, cartId],
+            onInit: handleInit,
+            style: {
+              layout: "vertical",
+              color: config.button_color,
+              shape: config.button_shape,
+              label: config.button_label,
+              height: config.button_height
+            },
+            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 {
+                const r = await api.createOrder(cartId);
+                return r.id;
+              } catch (e) {
+                setProcessing(false);
+                throw e;
+              }
+            },
+            onApprove: async (data) => {
+              try {
+                setProcessing(true);
+                showProcessingOverlay();
+                setError(null);
+                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);
+                capturedRef.current = result || {};
+                markCartCaptured(cartId);
+              } catch (e) {
+                if (isNextRouterError(e)) return;
+                hideProcessingOverlay();
+                setProcessing(false);
+                const msg = e instanceof Error ? e.message : "Payment capture failed";
+                setError(msg);
+                onError?.(msg);
+                return;
+              }
+              await finalizeCapturedPayment();
+            },
+            onCancel: () => {
+              hideProcessingOverlay();
+              setProcessing(false);
+            },
+            onError: (err) => {
+              hideProcessingOverlay();
+              setProcessing(false);
+              const msg = err instanceof Error ? err.message : err?.message || "PayPal error";
+              setError(msg);
+              onError?.(msg);
+            }
           }
-          await finalizeCapturedPayment();
-        },
-        onCancel: () => {
-          hideProcessingOverlay();
-          setProcessing(false);
-        },
-        onError: (err) => {
-          hideProcessingOverlay();
-          setProcessing(false);
-          const msg = err instanceof Error ? err.message : err?.message || "PayPal error";
-          setError(msg);
-          onError?.(msg);
-        }
+        )
       }
-    ) }),
+    ),
     completionPending && /* @__PURE__ */ jsx3(
       "button",
       {
@@ -979,7 +1048,11 @@ function PayPalAdvancedCard(props) {
     showProcessingOverlay();
     setError(null);
     try {
-      const completeResult = await markPaymentComplete(baseUrl, cartId, publishableApiKey);
+      const completeResult = await markPaymentComplete(
+        baseUrl,
+        cartId,
+        publishableApiKey
+      );
       clearCartCaptured(cartId);
       await onPaid?.({ ...captured, ...completeResult });
       setCompletionPending(false);
@@ -1139,12 +1212,34 @@ function PayPalAdvancedCard(props) {
             )
           ] }),
           /* @__PURE__ */ jsxs3("div", { style: { textAlign: "center" }, children: [
-            /* @__PURE__ */ jsx4("div", { style: { fontSize: 18, fontWeight: 600, color: "#111827", letterSpacing: "-0.01em" }, children: "Processing your payment" }),
-            /* @__PURE__ */ jsxs3("div", { style: { fontSize: 14, color: "#6b7280", marginTop: 6, lineHeight: 1.5 }, children: [
-              "This may take a few moments. Please do not close",
-              /* @__PURE__ */ jsx4("br", {}),
-              "or refresh this page."
-            ] })
+            /* @__PURE__ */ jsx4(
+              "div",
+              {
+                style: {
+                  fontSize: 18,
+                  fontWeight: 600,
+                  color: "#111827",
+                  letterSpacing: "-0.01em"
+                },
+                children: "Processing your payment"
+              }
+            ),
+            /* @__PURE__ */ jsxs3(
+              "div",
+              {
+                style: {
+                  fontSize: 14,
+                  color: "#6b7280",
+                  marginTop: 6,
+                  lineHeight: 1.5
+                },
+                children: [
+                  "This may take a few moments. Please do not close",
+                  /* @__PURE__ */ jsx4("br", {}),
+                  "or refresh this page."
+                ]
+              }
+            )
           ] }),
           /* @__PURE__ */ jsx4(
             "div",
@@ -1179,10 +1274,13 @@ function PayPalAdvancedCard(props) {
       {
         style: cardStyle,
         createOrder: async () => {
-          if (creatingOrderRef.current) throw new Error("Payment already processing");
+          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.");
+            throw new Error(
+              "Your payment was already received \u2014 finalizing your order."
+            );
           }
           creatingOrderRef.current = true;
           try {
@@ -1199,7 +1297,10 @@ function PayPalAdvancedCard(props) {
             setError(null);
             showProcessingOverlay();
             const orderId = String(data?.orderID || "");
-            if (!orderId) throw new Error("PayPal order ID is missing from approval response");
+            if (!orderId)
+              throw new Error(
+                "PayPal order ID is missing from approval response"
+              );
             const result = await api.captureOrder(cartId, orderId);
             capturedRef.current = result || {};
             markCartCaptured(cartId);
@@ -1258,7 +1359,13 @@ function PayPalAdvancedCard(props) {
                     /* @__PURE__ */ jsxs3("span", { children: [
                       "Sandbox mode \u2014 use test card",
                       " ",
-                      /* @__PURE__ */ jsx4("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."
                     ] })
@@ -1660,7 +1767,9 @@ function usePayPalPaymentMethods({
   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] = useState4(seed ?? { ...DEFAULT_RESULT, loading: enabled });
+  const [result, setResult] = useState4(
+    seed ?? { ...DEFAULT_RESULT, loading: enabled }
+  );
   const fetchIdRef = useRef4(0);
   useEffect3(() => {
     if (!enabled) {