@easypayment/medusa-payment-paypal 0.9.21 → 0.9.24

package/.medusa/server/src/admin/index.js

@@ -134,22 +134,20 @@ async function adminFetch(path, opts = {}) {
   }
 }
 const DEFAULT_FORM$1 = {
-  enabled: true,
-  title: "Credit or Debit Card",
-  threeDS: "when_required"
+  paymentAction: "capture",
+  brandName: "PayPal",
+  landingPage: "no_preference",
+  requireInstantPayment: false,
+  sendItemDetails: true,
+  invoicePrefix: "PP-",
+  creditCardStatementName: "PayPal"
 };
 function mergeWithDefaults$1(saved) {
   if (!saved) return { ...DEFAULT_FORM$1 };
   const entries = Object.entries(saved).filter(([, value]) => value !== void 0);
   return { ...DEFAULT_FORM$1, ...Object.fromEntries(entries) };
 }
-const THREE_DS_OPTIONS = [
-  { value: "when_required", label: "3D Secure when required", hint: "Triggers 3DS only when the card / issuer requires it." },
-  { value: "sli", label: "3D Secure (SCA) / liability shift (recommended)", hint: "Attempts to optimize for liability shift while remaining compliant." },
-  { value: "always", label: "Always request 3D Secure", hint: "Forces 3DS challenge whenever possible (may reduce conversion)." }
-];
-function AdvancedCardPaymentsTab() {
-  var _a, _b;
+function AdditionalSettingsTab() {
   const [form, setForm] = react.useState(() => ({ ...DEFAULT_FORM$1 }));
   const [loading, setLoading] = react.useState(false);
   const [saving, setSaving] = react.useState(false);
@@ -164,7 +162,7 @@ function AdvancedCardPaymentsTab() {
         setLoading(true);
         const json = await adminFetch("/admin/paypal/settings");
         const payload = (json == null ? void 0 : json.data) ?? json;
-        const saved = payload == null ? void 0 : payload.advanced_card_payments;
+        const saved = payload == null ? void 0 : payload.additional_settings;
         if (saved && typeof saved === "object") setForm(mergeWithDefaults$1(saved));
       } catch {
       } finally {
@@ -175,16 +173,14 @@ function AdvancedCardPaymentsTab() {
   async function onSave() {
     try {
       setSaving(true);
-      const json = await adminFetch("/admin/paypal/settings", {
-        method: "POST",
-        body: { advanced_card_payments: form }
-      });
+      setToast(null);
+      const json = await adminFetch("/admin/paypal/settings", { method: "POST", body: { additional_settings: form } });
       const payload = (json == null ? void 0 : json.data) ?? json;
-      const saved = payload == null ? void 0 : payload.advanced_card_payments;
+      const saved = payload == null ? void 0 : payload.additional_settings;
       if (saved && typeof saved === "object") setForm(mergeWithDefaults$1(saved));
       setToast({ kind: "success", message: "Settings saved" });
     } catch (e) {
-      setToast({ kind: "error", message: (e instanceof Error ? e.message : "") || "Failed to save settings." });
+      setToast({ kind: "error", message: e instanceof Error ? e.message : "Failed to save settings" });
     } finally {
       setSaving(false);
     }
@@ -196,42 +192,58 @@ function AdvancedCardPaymentsTab() {
     /* @__PURE__ */ jsxRuntime.jsx(
       SectionCard,
       {
-        title: "Advanced Card Payments",
-        description: "Control card checkout settings and 3D Secure behavior.",
+        title: "Additional Settings",
+        description: "These settings control checkout behavior and PayPal experience.",
         right: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
           /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: onSave, disabled: saving || loading, className: "transition-fg relative inline-flex w-fit items-center justify-center overflow-hidden rounded-md outline-none shadow-buttons-neutral text-ui-fg-base bg-ui-button-neutral after:transition-fg after:absolute after:inset-0 after:content-[''] after:button-neutral-gradient hover:bg-ui-button-neutral-hover hover:after:button-neutral-hover-gradient active:bg-ui-button-neutral-pressed active:after:button-neutral-pressed-gradient focus-visible:shadow-buttons-neutral-focus disabled:bg-ui-bg-disabled disabled:border-ui-border-base disabled:text-ui-fg-disabled disabled:shadow-buttons-neutral disabled:after:hidden txt-compact-small-plus px-3 py-1.5", children: saving ? "Saving..." : "Save settings" }),
           loading ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-ui-fg-subtle", children: "Loading…" }) : null
         ] }),
         children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "divide-y divide-ui-border-base", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(FieldRow, { label: "Enable/Disable", children: /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "inline-flex items-center gap-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("input", { type: "checkbox", checked: form.enabled, onChange: (e) => setForm((p) => ({ ...p, enabled: e.target.checked })), className: "h-4 w-4 rounded border-ui-border-base" }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-ui-fg-base", children: "Enable Advanced Credit/Debit Card" })
+          /* @__PURE__ */ jsxRuntime.jsx(FieldRow, { label: "Payment action", htmlFor: "as-payment-action", children: /* @__PURE__ */ jsxRuntime.jsxs("select", { id: "as-payment-action", value: form.paymentAction, onChange: (e) => setForm((p) => ({ ...p, paymentAction: e.target.value })), className: "w-full rounded-md border border-ui-border-base bg-ui-bg-base px-3 py-2 text-sm text-ui-fg-base outline-none focus:ring-2 focus:ring-ui-border-interactive", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "capture", children: "Capture" }),
+            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "authorize", children: "Authorize" })
           ] }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(FieldRow, { label: "Title", htmlFor: "acp-title", children: /* @__PURE__ */ jsxRuntime.jsx("input", { id: "acp-title", value: form.title, onChange: (e) => setForm((p) => ({ ...p, title: e.target.value })), className: "w-full rounded-md border border-ui-border-base bg-ui-bg-base px-3 py-2 text-sm text-ui-fg-base outline-none focus:ring-2 focus:ring-ui-border-interactive", placeholder: "Credit or Debit Card" }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(FieldRow, { label: "Contingency for 3D Secure", hint: "Choose when 3D Secure should be triggered during card payments.", htmlFor: "acp-threeds", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("select", { id: "acp-threeds", value: form.threeDS, onChange: (e) => setForm((p) => ({ ...p, threeDS: e.target.value })), className: "w-full rounded-md border border-ui-border-base bg-ui-bg-base px-3 py-2 text-sm text-ui-fg-base outline-none focus:ring-2 focus:ring-ui-border-interactive", children: THREE_DS_OPTIONS.map((o) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: o.value, children: o.label }, o.value)) }),
-            ((_a = THREE_DS_OPTIONS.find((o) => o.value === form.threeDS)) == null ? void 0 : _a.hint) ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-ui-fg-subtle", children: (_b = THREE_DS_OPTIONS.find((o) => o.value === form.threeDS)) == null ? void 0 : _b.hint }) : null
-          ] }) })
+          /* @__PURE__ */ jsxRuntime.jsx(FieldRow, { label: "Brand Name", htmlFor: "as-brand-name", children: /* @__PURE__ */ jsxRuntime.jsx("input", { id: "as-brand-name", value: form.brandName, onChange: (e) => setForm((p) => ({ ...p, brandName: e.target.value })), className: "w-full rounded-md border border-ui-border-base bg-ui-bg-base px-3 py-2 text-sm text-ui-fg-base outline-none focus:ring-2 focus:ring-ui-border-interactive", placeholder: "PayPal" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(FieldRow, { label: "Landing Page", htmlFor: "as-landing-page", children: /* @__PURE__ */ jsxRuntime.jsxs("select", { id: "as-landing-page", value: form.landingPage, onChange: (e) => setForm((p) => ({ ...p, landingPage: e.target.value })), className: "w-full rounded-md border border-ui-border-base bg-ui-bg-base px-3 py-2 text-sm text-ui-fg-base outline-none focus:ring-2 focus:ring-ui-border-interactive", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "no_preference", children: "No Preference" }),
+            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "login", children: "Login" }),
+            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "billing", children: "Billing" })
+          ] }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(FieldRow, { label: "Instant Payments", children: /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "inline-flex items-center gap-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("input", { type: "checkbox", checked: form.requireInstantPayment, onChange: (e) => setForm((p) => ({ ...p, requireInstantPayment: e.target.checked })), className: "h-4 w-4 rounded border-ui-border-base" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-ui-fg-base", children: "Require Instant Payment" })
+          ] }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(FieldRow, { label: "Send Item Details", hint: "Include all line item details in the payment request to PayPal so that they can be seen from the PayPal transaction details page.", children: /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "inline-flex items-center gap-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("input", { type: "checkbox", checked: form.sendItemDetails, onChange: (e) => setForm((p) => ({ ...p, sendItemDetails: e.target.checked })), className: "h-4 w-4 rounded border-ui-border-base" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-ui-fg-base", children: "Send line item details to PayPal" })
+          ] }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(FieldRow, { label: "Invoice prefix", htmlFor: "as-invoice-prefix", children: /* @__PURE__ */ jsxRuntime.jsx("input", { id: "as-invoice-prefix", value: form.invoicePrefix, onChange: (e) => setForm((p) => ({ ...p, invoicePrefix: e.target.value })), className: "w-full rounded-md border border-ui-border-base bg-ui-bg-base px-3 py-2 text-sm text-ui-fg-base outline-none focus:ring-2 focus:ring-ui-border-interactive", placeholder: "PP-" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(FieldRow, { label: "Credit Card Statement Name", htmlFor: "as-cc-statement", children: /* @__PURE__ */ jsxRuntime.jsx("input", { id: "as-cc-statement", value: form.creditCardStatementName, onChange: (e) => setForm((p) => ({ ...p, creditCardStatementName: e.target.value })), className: "w-full rounded-md border border-ui-border-base bg-ui-bg-base px-3 py-2 text-sm text-ui-fg-base outline-none focus:ring-2 focus:ring-ui-border-interactive", placeholder: "PayPal" }) })
         ] })
       }
     )
   ] }) });
 }
+function PayPalApplePayPage() {
+  return /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Navigate, { to: "/settings/paypal/connection", replace: true });
+}
 const DEFAULT_FORM = {
-  paymentAction: "capture",
-  brandName: "PayPal",
-  landingPage: "no_preference",
-  requireInstantPayment: false,
-  sendItemDetails: true,
-  invoicePrefix: "PP-",
-  creditCardStatementName: "PayPal"
+  enabled: true,
+  title: "Credit or Debit Card",
+  threeDS: "when_required"
 };
 function mergeWithDefaults(saved) {
   if (!saved) return { ...DEFAULT_FORM };
   const entries = Object.entries(saved).filter(([, value]) => value !== void 0);
   return { ...DEFAULT_FORM, ...Object.fromEntries(entries) };
 }
-function AdditionalSettingsTab() {
+const THREE_DS_OPTIONS = [
+  { value: "when_required", label: "3D Secure when required", hint: "Triggers 3DS only when the card / issuer requires it." },
+  { value: "sli", label: "3D Secure (SCA) / liability shift (recommended)", hint: "Attempts to optimize for liability shift while remaining compliant." },
+  { value: "always", label: "Always request 3D Secure", hint: "Forces 3DS challenge whenever possible (may reduce conversion)." }
+];
+function AdvancedCardPaymentsTab() {
+  var _a, _b;
   const [form, setForm] = react.useState(() => ({ ...DEFAULT_FORM }));
   const [loading, setLoading] = react.useState(false);
   const [saving, setSaving] = react.useState(false);
@@ -246,7 +258,7 @@ function AdditionalSettingsTab() {
         setLoading(true);
         const json = await adminFetch("/admin/paypal/settings");
         const payload = (json == null ? void 0 : json.data) ?? json;
-        const saved = payload == null ? void 0 : payload.additional_settings;
+        const saved = payload == null ? void 0 : payload.advanced_card_payments;
         if (saved && typeof saved === "object") setForm(mergeWithDefaults(saved));
       } catch {
       } finally {
@@ -257,14 +269,16 @@ function AdditionalSettingsTab() {
   async function onSave() {
     try {
       setSaving(true);
-      setToast(null);
-      const json = await adminFetch("/admin/paypal/settings", { method: "POST", body: { additional_settings: form } });
+      const json = await adminFetch("/admin/paypal/settings", {
+        method: "POST",
+        body: { advanced_card_payments: form }
+      });
       const payload = (json == null ? void 0 : json.data) ?? json;
-      const saved = payload == null ? void 0 : payload.additional_settings;
+      const saved = payload == null ? void 0 : payload.advanced_card_payments;
       if (saved && typeof saved === "object") setForm(mergeWithDefaults(saved));
       setToast({ kind: "success", message: "Settings saved" });
     } catch (e) {
-      setToast({ kind: "error", message: e instanceof Error ? e.message : "Failed to save settings" });
+      setToast({ kind: "error", message: (e instanceof Error ? e.message : "") || "Failed to save settings." });
     } finally {
       setSaving(false);
     }
@@ -276,44 +290,27 @@ function AdditionalSettingsTab() {
     /* @__PURE__ */ jsxRuntime.jsx(
       SectionCard,
       {
-        title: "Additional Settings",
-        description: "These settings control checkout behavior and PayPal experience.",
+        title: "Advanced Card Payments",
+        description: "Control card checkout settings and 3D Secure behavior.",
         right: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
           /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: onSave, disabled: saving || loading, className: "transition-fg relative inline-flex w-fit items-center justify-center overflow-hidden rounded-md outline-none shadow-buttons-neutral text-ui-fg-base bg-ui-button-neutral after:transition-fg after:absolute after:inset-0 after:content-[''] after:button-neutral-gradient hover:bg-ui-button-neutral-hover hover:after:button-neutral-hover-gradient active:bg-ui-button-neutral-pressed active:after:button-neutral-pressed-gradient focus-visible:shadow-buttons-neutral-focus disabled:bg-ui-bg-disabled disabled:border-ui-border-base disabled:text-ui-fg-disabled disabled:shadow-buttons-neutral disabled:after:hidden txt-compact-small-plus px-3 py-1.5", children: saving ? "Saving..." : "Save settings" }),
           loading ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-ui-fg-subtle", children: "Loading…" }) : null
         ] }),
         children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "divide-y divide-ui-border-base", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(FieldRow, { label: "Payment action", htmlFor: "as-payment-action", children: /* @__PURE__ */ jsxRuntime.jsxs("select", { id: "as-payment-action", value: form.paymentAction, onChange: (e) => setForm((p) => ({ ...p, paymentAction: e.target.value })), className: "w-full rounded-md border border-ui-border-base bg-ui-bg-base px-3 py-2 text-sm text-ui-fg-base outline-none focus:ring-2 focus:ring-ui-border-interactive", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "capture", children: "Capture" }),
-            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "authorize", children: "Authorize" })
-          ] }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(FieldRow, { label: "Brand Name", htmlFor: "as-brand-name", children: /* @__PURE__ */ jsxRuntime.jsx("input", { id: "as-brand-name", value: form.brandName, onChange: (e) => setForm((p) => ({ ...p, brandName: e.target.value })), className: "w-full rounded-md border border-ui-border-base bg-ui-bg-base px-3 py-2 text-sm text-ui-fg-base outline-none focus:ring-2 focus:ring-ui-border-interactive", placeholder: "PayPal" }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(FieldRow, { label: "Landing Page", htmlFor: "as-landing-page", children: /* @__PURE__ */ jsxRuntime.jsxs("select", { id: "as-landing-page", value: form.landingPage, onChange: (e) => setForm((p) => ({ ...p, landingPage: e.target.value })), className: "w-full rounded-md border border-ui-border-base bg-ui-bg-base px-3 py-2 text-sm text-ui-fg-base outline-none focus:ring-2 focus:ring-ui-border-interactive", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "no_preference", children: "No Preference" }),
-            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "login", children: "Login" }),
-            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "billing", children: "Billing" })
-          ] }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(FieldRow, { label: "Instant Payments", children: /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "inline-flex items-center gap-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("input", { type: "checkbox", checked: form.requireInstantPayment, onChange: (e) => setForm((p) => ({ ...p, requireInstantPayment: e.target.checked })), className: "h-4 w-4 rounded border-ui-border-base" }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-ui-fg-base", children: "Require Instant Payment" })
-          ] }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(FieldRow, { label: "Send Item Details", hint: "Include all line item details in the payment request to PayPal so that they can be seen from the PayPal transaction details page.", children: /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "inline-flex items-center gap-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("input", { type: "checkbox", checked: form.sendItemDetails, onChange: (e) => setForm((p) => ({ ...p, sendItemDetails: e.target.checked })), className: "h-4 w-4 rounded border-ui-border-base" }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-ui-fg-base", children: "Send line item details to PayPal" })
+          /* @__PURE__ */ jsxRuntime.jsx(FieldRow, { label: "Enable/Disable", children: /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "inline-flex items-center gap-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("input", { type: "checkbox", checked: form.enabled, onChange: (e) => setForm((p) => ({ ...p, enabled: e.target.checked })), className: "h-4 w-4 rounded border-ui-border-base" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-ui-fg-base", children: "Enable Advanced Credit/Debit Card" })
           ] }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(FieldRow, { label: "Invoice prefix", htmlFor: "as-invoice-prefix", children: /* @__PURE__ */ jsxRuntime.jsx("input", { id: "as-invoice-prefix", value: form.invoicePrefix, onChange: (e) => setForm((p) => ({ ...p, invoicePrefix: e.target.value })), className: "w-full rounded-md border border-ui-border-base bg-ui-bg-base px-3 py-2 text-sm text-ui-fg-base outline-none focus:ring-2 focus:ring-ui-border-interactive", placeholder: "PP-" }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(FieldRow, { label: "Credit Card Statement Name", htmlFor: "as-cc-statement", children: /* @__PURE__ */ jsxRuntime.jsx("input", { id: "as-cc-statement", value: form.creditCardStatementName, onChange: (e) => setForm((p) => ({ ...p, creditCardStatementName: e.target.value })), className: "w-full rounded-md border border-ui-border-base bg-ui-bg-base px-3 py-2 text-sm text-ui-fg-base outline-none focus:ring-2 focus:ring-ui-border-interactive", placeholder: "PayPal" }) })
+          /* @__PURE__ */ jsxRuntime.jsx(FieldRow, { label: "Title", htmlFor: "acp-title", children: /* @__PURE__ */ jsxRuntime.jsx("input", { id: "acp-title", value: form.title, onChange: (e) => setForm((p) => ({ ...p, title: e.target.value })), className: "w-full rounded-md border border-ui-border-base bg-ui-bg-base px-3 py-2 text-sm text-ui-fg-base outline-none focus:ring-2 focus:ring-ui-border-interactive", placeholder: "Credit or Debit Card" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(FieldRow, { label: "Contingency for 3D Secure", hint: "Choose when 3D Secure should be triggered during card payments.", htmlFor: "acp-threeds", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("select", { id: "acp-threeds", value: form.threeDS, onChange: (e) => setForm((p) => ({ ...p, threeDS: e.target.value })), className: "w-full rounded-md border border-ui-border-base bg-ui-bg-base px-3 py-2 text-sm text-ui-fg-base outline-none focus:ring-2 focus:ring-ui-border-interactive", children: THREE_DS_OPTIONS.map((o) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: o.value, children: o.label }, o.value)) }),
+            ((_a = THREE_DS_OPTIONS.find((o) => o.value === form.threeDS)) == null ? void 0 : _a.hint) ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-ui-fg-subtle", children: (_b = THREE_DS_OPTIONS.find((o) => o.value === form.threeDS)) == null ? void 0 : _b.hint }) : null
+          ] }) })
         ] })
       }
     )
   ] }) });
 }
-function PayPalApplePayPage() {
-  return /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Navigate, { to: "/settings/paypal/connection", replace: true });
-}
-function PayPalGooglePayPage() {
-  return /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Navigate, { to: "/settings/paypal/connection", replace: true });
-}
 const config = adminSdk.defineRouteConfig({
   label: "PayPal Connection"
 });
@@ -324,7 +321,7 @@ const PARTNER_JS_URLS = {
 const SERVICE_URL = "/admin/paypal/onboarding-link";
 const POPUP_NAME = "PPFrame";
 const CACHE_PREFIX = "pp_onboard_cache";
-const CACHE_EXPIRY = 10 * 60 * 1e3;
+const CACHE_EXPIRY = 6 * 60 * 60 * 1e3;
 const ONBOARDING_COMPLETE_ENDPOINT = "/admin/paypal/onboard-complete";
 const STATUS_ENDPOINT = "/admin/paypal/status";
 const SAVE_CREDENTIALS_ENDPOINT = "/admin/paypal/save-credentials";
@@ -347,7 +344,9 @@ function readCachedUrl(env) {
 function writeCachedUrl(env, url) {
   try {
     localStorage.setItem(cacheKeyFor(env), JSON.stringify({ url, ts: Date.now() }));
+    return readCachedUrl(env) === url;
   } catch {
+    return false;
   }
 }
 function clearCachedUrl(env) {
@@ -373,23 +372,27 @@ function extractAuth(data) {
   if (!data) return {};
   if (typeof data === "object") {
     const obj = data;
-    const authCode = obj.authCode ?? obj.auth_code ?? obj.authcode;
+    const authCode = obj.authCode ?? obj.auth_code ?? obj.authcode ?? obj.code;
     const sharedId = obj.sharedId ?? obj.shared_id ?? obj.sharedid;
     if (authCode && sharedId) {
       return { authCode: String(authCode), sharedId: String(sharedId) };
     }
-    for (const key of ["data", "payload", "message", "detail", "body"]) {
+    for (const key of ["data", "payload", "message", "detail", "body", "params"]) {
       if (obj[key] && typeof obj[key] === "object") {
         const inner = extractAuth(obj[key]);
         if (inner.authCode && inner.sharedId) return inner;
       }
+      if (typeof obj[key] === "string") {
+        const inner = extractAuth(obj[key]);
+        if (inner.authCode && inner.sharedId) return inner;
+      }
     }
     return {};
   }
   if (typeof data === "string") {
     const s = data.trim();
     if (!s) return {};
-    if (s.startsWith("{")) {
+    if (s.startsWith("{") || s.startsWith("[")) {
       try {
         return extractAuth(JSON.parse(s));
       } catch {
@@ -424,16 +427,16 @@ function PayPalConnectionPage() {
   const errorLogRef = react.useRef(null);
   const runIdRef = react.useRef(0);
   const currentRunId = react.useRef(0);
+  const envRef = react.useRef(env);
+  envRef.current = env;
   const finalUrlRef = react.useRef(finalUrl);
   finalUrlRef.current = finalUrl;
   const connStateRef = react.useRef(connState);
   connStateRef.current = connState;
   const inProgressRef = react.useRef(onboardingInProgress);
   inProgressRef.current = onboardingInProgress;
-  const envRef = react.useRef(env);
-  envRef.current = env;
   const popupRef = react.useRef(null);
-  const popupPollRef = react.useRef(null);
+  const pollRef = react.useRef(null);
   const completedRef = react.useRef(false);
   const ppBtnMeasureRef = react.useRef(null);
   const [ppBtnWidth, setPpBtnWidth] = react.useState(null);
@@ -444,52 +447,44 @@ function PayPalConnectionPage() {
     setConnState("error");
     setError(msg);
   }, []);
-  const stopPopupPoll = react.useCallback(() => {
-    if (popupPollRef.current) {
-      clearInterval(popupPollRef.current);
-      popupPollRef.current = null;
+  const stopPoll = react.useCallback(() => {
+    if (pollRef.current) {
+      clearInterval(pollRef.current);
+      pollRef.current = null;
     }
   }, []);
-  const openOnboardingPopup = react.useCallback(
-    (url) => {
-      const w = 450;
-      const h = 600;
-      const baseLeft = typeof window.screenX === "number" ? window.screenX : window.screenLeft || 0;
-      const baseTop = typeof window.screenY === "number" ? window.screenY : window.screenTop || 0;
-      const outerW = window.outerWidth || document.documentElement.clientWidth || 1024;
-      const outerH = window.outerHeight || document.documentElement.clientHeight || 768;
-      const left = Math.round(baseLeft + Math.max(0, (outerW - w) / 2));
-      const top = Math.round(baseTop + Math.max(0, (outerH - h) / 2));
-      const features = `popup=yes,width=${w},height=${h},left=${left},top=${top},scrollbars=yes,resizable=yes`;
-      let popup = null;
+  const openOnboardingPopup = react.useCallback((url) => {
+    const w = 450;
+    const h = 600;
+    const baseLeft = typeof window.screenX === "number" ? window.screenX : window.screenLeft || 0;
+    const baseTop = typeof window.screenY === "number" ? window.screenY : window.screenTop || 0;
+    const outerW = window.outerWidth || document.documentElement.clientWidth || 1024;
+    const outerH = window.outerHeight || document.documentElement.clientHeight || 768;
+    const left = Math.round(baseLeft + Math.max(0, (outerW - w) / 2));
+    const top = Math.round(baseTop + Math.max(0, (outerH - h) / 2));
+    const features = `popup=yes,width=${w},height=${h},left=${left},top=${top},scrollbars=yes,resizable=yes`;
+    let popup = null;
+    try {
+      popup = window.open(url, POPUP_NAME, features);
+    } catch {
+      popup = null;
+    }
+    if (popup) {
+      popupRef.current = popup;
       try {
-        popup = window.open(url, POPUP_NAME, features);
+        popup.focus();
       } catch {
-        popup = null;
-      }
-      if (popup) {
-        popupRef.current = popup;
-        try {
-          popup.focus();
-        } catch {
-        }
-        stopPopupPoll();
-        popupPollRef.current = setInterval(() => {
-          if (!popupRef.current || popupRef.current.closed) {
-            stopPopupPoll();
-          }
-        }, 1e3);
       }
-      return popup;
-    },
-    [stopPopupPoll]
-  );
+    }
+    return popup;
+  }, []);
   const completeOnboarding = react.useCallback(
     async (authCode, sharedId) => {
       var _a, _b, _c, _d, _e, _f, _g, _h;
       if (!authCode || !sharedId) return;
       if (completedRef.current) return;
       completedRef.current = true;
+      stopPoll();
       try {
         window.onbeforeunload = null;
       } catch {
@@ -514,7 +509,6 @@ function PayPalConnectionPage() {
           (_a = popupRef.current) == null ? void 0 : _a.close();
         } catch {
         }
-        stopPopupPoll();
         try {
           const close1 = (_e = (_d = (_c = (_b = window.PAYPAL) == null ? void 0 : _b.apps) == null ? void 0 : _c.Signup) == null ? void 0 : _d.MiniBrowser) == null ? void 0 : _e.closeFlow;
           if (typeof close1 === "function") close1();
@@ -527,10 +521,10 @@ function PayPalConnectionPage() {
         }
         clearCachedUrl(activeEnv);
         try {
-          const statusRes = await fetch(
-            `${STATUS_ENDPOINT}?environment=${activeEnv}`,
-            { method: "GET", credentials: "include" }
-          );
+          const statusRes = await fetch(`${STATUS_ENDPOINT}?environment=${activeEnv}`, {
+            method: "GET",
+            credentials: "include"
+          });
           const refreshedStatus = await statusRes.json().catch(() => ({}));
           setStatusInfo(refreshedStatus || null);
         } catch {
@@ -546,29 +540,56 @@ function PayPalConnectionPage() {
         setOnboardingInProgress(false);
       }
     },
-    [stopPopupPoll]
+    [stopPoll]
   );
-  const fetchFreshLink = react.useCallback(
-    (runId, targetEnv) => {
+  const startStatusPoll = react.useCallback(() => {
+    stopPoll();
+    let ticks = 0;
+    pollRef.current = setInterval(async () => {
+      var _a;
+      ticks += 1;
+      if (completedRef.current || ticks > 150) {
+        stopPoll();
+        return;
+      }
+      try {
+        const r = await fetch(`${STATUS_ENDPOINT}?environment=${envRef.current}`, {
+          method: "GET",
+          credentials: "include"
+        });
+        const st = await r.json().catch(() => ({}));
+        if ((st == null ? void 0 : st.status) === "connected" && (st == null ? void 0 : st.seller_client_id_present) === true) {
+          completedRef.current = true;
+          stopPoll();
+          try {
+            (_a = popupRef.current) == null ? void 0 : _a.close();
+          } catch {
+          }
+          clearCachedUrl(envRef.current);
+          setStatusInfo(st);
+          setConnState("connected");
+          setShowManual(false);
+          setOnboardingInProgress(false);
+        }
+      } catch {
+      }
+    }, 2e3);
+  }, [stopPoll]);
+  const generateLinkAndReload = react.useCallback(
+    async (targetEnv, runId) => {
       if (initLoaderRef.current) {
         const loaderText = initLoaderRef.current.querySelector("#loader-text");
-        if (loaderText)
-          loaderText.textContent = "Generating onboarding session...";
+        if (loaderText) loaderText.textContent = "Generating onboarding session...";
       }
-      fetch(SERVICE_URL, {
-        method: "POST",
-        headers: { "content-type": "application/json" },
-        credentials: "include",
-        body: JSON.stringify({
-          products: ["PPCP"],
-          // Generate the link for the explicitly selected environment so it can
-          // never depend on a racing POST /environment having landed yet.
-          environment: targetEnv
-        })
-      }).then((r) => {
-        if (!r.ok) throw new Error(`Service returned ${r.status}`);
-        return r.json();
-      }).then((data) => {
+      try {
+        const res = await fetch(SERVICE_URL, {
+          method: "POST",
+          headers: { "content-type": "application/json" },
+          credentials: "include",
+          body: JSON.stringify({ products: ["PPCP"], environment: targetEnv })
+        });
+        if (!res.ok) throw new Error(`Service returned ${res.status}`);
+        const data = await res.json();
         if (runId !== currentRunId.current) return;
         const href = data == null ? void 0 : data.onboarding_url;
         if (!href) {
@@ -576,13 +597,17 @@ function PayPalConnectionPage() {
           return;
         }
         const url = href + (href.includes("?") ? "&" : "?") + "displayMode=minibrowser";
-        writeCachedUrl(targetEnv, url);
+        const persisted = writeCachedUrl(targetEnv, url);
+        if (persisted) {
+          window.location.reload();
+          return;
+        }
         setFinalUrl(url);
         setConnState("ready");
-      }).catch(() => {
+      } catch {
         if (runId !== currentRunId.current) return;
         showError("Unable to connect to service.");
-      });
+      }
     },
     [showError]
   );
@@ -599,6 +624,48 @@ function PayPalConnectionPage() {
       alive = false;
     };
   }, []);
+  react.useEffect(() => {
+    if (!envReady) return;
+    currentRunId.current = ++runIdRef.current;
+    const runId = currentRunId.current;
+    let cancelled = false;
+    completedRef.current = false;
+    const run = async () => {
+      setConnState("loading");
+      setError(null);
+      setPopupBlocked(false);
+      setFinalUrl("");
+      try {
+        const r = await fetch(`${STATUS_ENDPOINT}?environment=${env}`, {
+          method: "GET",
+          credentials: "include"
+        });
+        const st = await r.json().catch(() => ({}));
+        if (cancelled || runId !== currentRunId.current) return;
+        setStatusInfo(st);
+        const isConnected = (st == null ? void 0 : st.status) === "connected" && (st == null ? void 0 : st.seller_client_id_present) === true;
+        if (isConnected) {
+          setConnState("connected");
+          setShowManual(false);
+          return;
+        }
+      } catch (e) {
+        console.error(e);
+      }
+      if (cancelled || runId !== currentRunId.current) return;
+      const cached = readCachedUrl(env);
+      if (cached) {
+        setFinalUrl(cached);
+        setConnState("ready");
+        return;
+      }
+      await generateLinkAndReload(env, runId);
+    };
+    run();
+    return () => {
+      cancelled = true;
+    };
+  }, [env, envReady, generateLinkAndReload]);
   react.useEffect(() => {
     var _a, _b, _c;
     if (connState !== "ready" || !finalUrl) return;
@@ -653,16 +720,27 @@ function PayPalConnectionPage() {
     document.body.appendChild(ppScript);
     return () => {
       cancelled = true;
-      if (pollTimer) {
-        clearTimeout(pollTimer);
-      }
-      if (ppScript.parentNode) {
-        ppScript.parentNode.removeChild(ppScript);
-      }
+      if (pollTimer) clearTimeout(pollTimer);
+      if (ppScript.parentNode) ppScript.parentNode.removeChild(ppScript);
     };
   }, [connState, finalUrl, env]);
   react.useEffect(() => {
     const onMessage = (ev) => {
+      let serialized = "";
+      try {
+        serialized = typeof ev.data === "string" ? ev.data : JSON.stringify(ev.data);
+      } catch {
+        serialized = String(ev.data);
+      }
+      const looksRelevant = isPayPalOrigin(ev.origin) || /auth_?code|shared_?id|onboard|merchantId/i.test(serialized || "");
+      if (looksRelevant) {
+        console.info(
+          "[PayPal onboarding] message from",
+          ev.origin,
+          "·",
+          (serialized || "").slice(0, 500)
+        );
+      }
       if (!isPayPalOrigin(ev.origin)) return;
       const { authCode, sharedId } = extractAuth(ev.data);
       if (authCode && sharedId) {
@@ -672,48 +750,6 @@ function PayPalConnectionPage() {
     window.addEventListener("message", onMessage);
     return () => window.removeEventListener("message", onMessage);
   }, [completeOnboarding]);
-  react.useEffect(() => {
-    if (!envReady) return;
-    currentRunId.current = ++runIdRef.current;
-    const runId = currentRunId.current;
-    let cancelled = false;
-    completedRef.current = false;
-    const run = async () => {
-      setConnState("loading");
-      setError(null);
-      setPopupBlocked(false);
-      setFinalUrl("");
-      try {
-        const r = await fetch(`${STATUS_ENDPOINT}?environment=${env}`, {
-          method: "GET",
-          credentials: "include"
-        });
-        const st = await r.json().catch(() => ({}));
-        if (cancelled || runId !== currentRunId.current) return;
-        setStatusInfo(st);
-        const isConnected = (st == null ? void 0 : st.status) === "connected" && (st == null ? void 0 : st.seller_client_id_present) === true;
-        if (isConnected) {
-          setConnState("connected");
-          setShowManual(false);
-          return;
-        }
-      } catch (e) {
-        console.error(e);
-      }
-      if (cancelled || runId !== currentRunId.current) return;
-      const cached = readCachedUrl(env);
-      if (cached) {
-        setFinalUrl(cached);
-        setConnState("ready");
-      } else {
-        fetchFreshLink(runId, env);
-      }
-    };
-    run();
-    return () => {
-      cancelled = true;
-    };
-  }, [env, envReady, fetchFreshLink]);
   react.useLayoutEffect(() => {
     window.onboardingCallback = (authCode, sharedId) => {
       completeOnboarding(authCode, sharedId);
@@ -723,10 +759,31 @@ function PayPalConnectionPage() {
     };
   }, [completeOnboarding]);
   react.useEffect(() => {
-    return () => {
-      stopPopupPoll();
+    const onCaptureClick = (e) => {
+      const btn = paypalButtonRef.current;
+      if (!btn) return;
+      const target = e.target;
+      if (!target || !btn.contains(target)) return;
+      e.preventDefault();
+      e.stopImmediatePropagation();
+      if (connStateRef.current !== "ready" || !finalUrlRef.current || inProgressRef.current) {
+        return;
+      }
+      completedRef.current = false;
+      const popup = openOnboardingPopup(finalUrlRef.current);
+      if (!popup) {
+        setPopupBlocked(true);
+        return;
+      }
+      setPopupBlocked(false);
+      startStatusPoll();
     };
-  }, [stopPopupPoll]);
+    document.addEventListener("click", onCaptureClick, true);
+    return () => document.removeEventListener("click", onCaptureClick, true);
+  }, [openOnboardingPopup, startStatusPoll]);
+  react.useEffect(() => {
+    return () => stopPoll();
+  }, [stopPoll]);
   react.useLayoutEffect(() => {
     const el = ppBtnMeasureRef.current;
     if (!el) return;
@@ -747,23 +804,6 @@ function PayPalConnectionPage() {
       else window.removeEventListener("resize", update);
     };
   }, [connState, env, finalUrl]);
-  react.useEffect(() => {
-    const onCaptureClick = (e) => {
-      const btn = paypalButtonRef.current;
-      if (!btn) return;
-      const target = e.target;
-      if (!target || !btn.contains(target)) return;
-      e.preventDefault();
-      if (connStateRef.current !== "ready" || !finalUrlRef.current || inProgressRef.current) {
-        return;
-      }
-      completedRef.current = false;
-      const popup = openOnboardingPopup(finalUrlRef.current);
-      setPopupBlocked(!popup);
-    };
-    document.addEventListener("click", onCaptureClick, true);
-    return () => document.removeEventListener("click", onCaptureClick, true);
-  }, [openOnboardingPopup]);
   const handleConnectClick = (e) => {
     e.preventDefault();
   };
@@ -827,8 +867,7 @@ function PayPalConnectionPage() {
       clearCachedUrl(env);
       completedRef.current = false;
       currentRunId.current = ++runIdRef.current;
-      const runId = currentRunId.current;
-      fetchFreshLink(runId, env);
+      await generateLinkAndReload(env, currentRunId.current);
     } catch (e) {
       console.error(e);
       setConnState("error");
@@ -839,10 +878,11 @@ function PayPalConnectionPage() {
   };
   const handleEnvChange = async (e) => {
     const next = e.target.value;
+    if (next === env || onboardingInProgress) return;
     completedRef.current = false;
-    setPopupBlocked(false);
     clearCachedUrl();
-    setEnv(next);
+    setPopupBlocked(false);
+    setConnState("loading");
     try {
       await fetch(ENVIRONMENT_ENDPOINT, {
         method: "POST",
@@ -852,6 +892,7 @@ function PayPalConnectionPage() {
       });
     } catch {
     }
+    setEnv(next);
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-6", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-6", children: [
@@ -1085,6 +1126,9 @@ function PayPalConnectionPage() {
       ` })
   ] });
 }
+function PayPalGooglePayPage() {
+  return /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Navigate, { to: "/settings/paypal/connection", replace: true });
+}
 function PayPalPayLaterMessagingPage() {
   return /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Navigate, { to: "/settings/paypal/connection", replace: true });
 }
@@ -1302,10 +1346,6 @@ const routeModule = {
       Component: PayPalSettingsIndexRoute,
       path: "/settings/paypal"
     },
-    {
-      Component: AdvancedCardPaymentsTab,
-      path: "/settings/paypal/advanced-card-payments"
-    },
     {
       Component: AdditionalSettingsTab,
       path: "/settings/paypal/additional-settings"
@@ -1315,13 +1355,17 @@ const routeModule = {
       path: "/settings/paypal/apple-pay"
     },
     {
-      Component: PayPalGooglePayPage,
-      path: "/settings/paypal/google-pay"
+      Component: AdvancedCardPaymentsTab,
+      path: "/settings/paypal/advanced-card-payments"
     },
     {
       Component: PayPalConnectionPage,
       path: "/settings/paypal/connection"
     },
+    {
+      Component: PayPalGooglePayPage,
+      path: "/settings/paypal/google-pay"
+    },
     {
       Component: PayPalPayLaterMessagingPage,
       path: "/settings/paypal/pay-later-messaging"