@easypayment/medusa-paypal-ui 1.2.0 → 1.2.3

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 All notable changes to `@easypayment/medusa-paypal-ui` are documented here.
 
+## 1.2.3 — 2026-09-21
+
+### Changed
+- Code formatting only: applied the repo's Prettier style (no semicolons,
+  double quotes, 80-column width) across `src/` and added `.prettierrc` so the
+  package shares the plugin's formatting config. No behavior changes.
+
 ## 1.2.0 — 2026-09-02
 
 ### Fixed

package/dist/index.cjs

@@ -125,7 +125,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 {
@@ -152,7 +154,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")) {
@@ -179,7 +184,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;
@@ -228,7 +235,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) {
@@ -274,7 +284,9 @@ function usePayPalConfig({
   const hit = _cache.get(key);
   const seedConfig = hit && Date.now() - hit.at < CACHE_TTL ? hit.config : null;
   const [config, setConfig] = (0, import_react.useState)(seedConfig);
-  const [loading, setLoading] = (0, import_react.useState)(seedConfig === null && enabled);
+  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)(() => {
@@ -305,7 +317,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);
       }
@@ -335,7 +349,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__ */ (0, import_jsx_runtime.jsx)(
     import_react_paypal_js.PayPalScriptProvider,
     {
@@ -350,10 +370,17 @@ function PayPalProvider(props) {
 var import_jsx_runtime2 = require("react/jsx-runtime");
 function PayPalCurrencyNotice({ config }) {
   if (config.currency_supported) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { role: "alert", 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)) })
-  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    "div",
+    {
+      role: "alert",
+      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
@@ -529,7 +556,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);
@@ -612,12 +643,34 @@ function PayPalSmartButtons(props) {
             )
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { textAlign: "center" }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: { fontSize: 18, fontWeight: 600, color: "#111827", letterSpacing: "-0.01em" }, children: "Processing your payment" }),
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { fontSize: 14, color: "#6b7280", marginTop: 6, lineHeight: 1.5 }, children: [
-              "This may take a few moments. Please do not close",
-              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("br", {}),
-              "or refresh this page."
-            ] })
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+              "div",
+              {
+                style: {
+                  fontSize: 18,
+                  fontWeight: 600,
+                  color: "#111827",
+                  letterSpacing: "-0.01em"
+                },
+                children: "Processing your payment"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+              "div",
+              {
+                style: {
+                  fontSize: 14,
+                  color: "#6b7280",
+                  marginTop: 6,
+                  lineHeight: 1.5
+                },
+                children: [
+                  "This may take a few moments. Please do not close",
+                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("br", {}),
+                  "or refresh this page."
+                ]
+              }
+            )
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
             "div",
@@ -764,68 +817,84 @@ function PayPalSmartButtons(props) {
         ]
       }
     ),
-    isResolved && !completionPending && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: buttonsReady ? void 0 : { position: "absolute", left: -9999, opacity: 0, pointerEvents: "none" }, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-      import_react_paypal_js2.PayPalButtons,
+    isResolved && !completionPending && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      "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__ */ (0, import_jsx_runtime3.jsx)(
+          import_react_paypal_js2.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__ */ (0, import_jsx_runtime3.jsx)(
       "button",
       {
@@ -1025,7 +1094,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);
@@ -1185,12 +1258,34 @@ function PayPalAdvancedCard(props) {
             )
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { style: { textAlign: "center" }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { style: { fontSize: 18, fontWeight: 600, color: "#111827", letterSpacing: "-0.01em" }, children: "Processing your payment" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { style: { fontSize: 14, color: "#6b7280", marginTop: 6, lineHeight: 1.5 }, children: [
-              "This may take a few moments. Please do not close",
-              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("br", {}),
-              "or refresh this page."
-            ] })
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+              "div",
+              {
+                style: {
+                  fontSize: 18,
+                  fontWeight: 600,
+                  color: "#111827",
+                  letterSpacing: "-0.01em"
+                },
+                children: "Processing your payment"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+              "div",
+              {
+                style: {
+                  fontSize: 14,
+                  color: "#6b7280",
+                  marginTop: 6,
+                  lineHeight: 1.5
+                },
+                children: [
+                  "This may take a few moments. Please do not close",
+                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("br", {}),
+                  "or refresh this page."
+                ]
+              }
+            )
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
             "div",
@@ -1225,10 +1320,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 {
@@ -1245,7 +1343,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);
@@ -1304,7 +1405,13 @@ function PayPalAdvancedCard(props) {
                     /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { children: [
                       "Sandbox mode \u2014 use test card",
                       " ",
-                      /* @__PURE__ */ (0, import_jsx_runtime4.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."
                     ] })
@@ -1706,7 +1813,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] = (0, import_react6.useState)(seed ?? { ...DEFAULT_RESULT, loading: enabled });
+  const [result, setResult] = (0, import_react6.useState)(
+    seed ?? { ...DEFAULT_RESULT, loading: enabled }
+  );
   const fetchIdRef = (0, import_react6.useRef)(0);
   (0, import_react6.useEffect)(() => {
     if (!enabled) {