@easypayment/medusa-payment-paypal 0.7.8 → 0.7.9

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

@@ -180,6 +180,151 @@ function AdditionalSettingsTab() {
     )
   ] }) });
 }
+async function adminFetch$1(path, opts = {}) {
+  var _a;
+  const { method = "GET", body, query } = opts;
+  let url = path;
+  if (query && Object.keys(query).length > 0) {
+    const params = new URLSearchParams(query);
+    url = `${path}?${params.toString()}`;
+  }
+  const headers = { Accept: "application/json" };
+  if (body !== void 0) headers["Content-Type"] = "application/json";
+  if (typeof window !== "undefined") {
+    const token = (_a = window.__medusa__) == null ? void 0 : _a.token;
+    if (token) headers["Authorization"] = `Bearer ${token}`;
+  }
+  const res = await fetch(url, {
+    method,
+    headers,
+    credentials: "include",
+    body: body !== void 0 ? JSON.stringify(body) : void 0
+  });
+  const text = await res.text().catch(() => "");
+  if (!res.ok) {
+    if (res.status === 401) throw new Error("Unauthorized (401) - session may have expired. Please reload and log in again.");
+    if (res.status === 403) throw new Error("Forbidden (403) - you do not have permission to perform this action.");
+    throw new Error(text || `Request failed with status ${res.status}`);
+  }
+  if (!text) return {};
+  try {
+    return JSON.parse(text);
+  } catch {
+    return {};
+  }
+}
+const DEFAULT_FORM = {
+  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) };
+}
+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 SectionCard$1({ title, description, right, children }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-xl border border-ui-border-base bg-ui-bg-base shadow-sm", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-4 border-b border-ui-border-base p-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-base font-semibold text-ui-fg-base", children: title }),
+        description ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1 text-sm text-ui-fg-subtle", children: description }) : null
+      ] }),
+      right
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-4", children })
+  ] });
+}
+function FieldRow$1({ label, hint, children }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-12 items-start gap-4 py-3", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "col-span-12 md:col-span-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-medium text-ui-fg-base", children: label }),
+      hint ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1 text-xs text-ui-fg-subtle", children: hint }) : null
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-12 md:col-span-8", children })
+  ] });
+}
+function AdvancedCardPaymentsTab() {
+  var _a, _b;
+  const [form, setForm] = react.useState(() => ({ ...DEFAULT_FORM }));
+  const [loading, setLoading] = react.useState(false);
+  const [saving, setSaving] = react.useState(false);
+  const [toast, setToast] = react.useState(null);
+  const didInit = react.useRef(false);
+  react.useEffect(() => {
+    if (didInit.current) return;
+    didInit.current = true;
+    (async () => {
+      try {
+        setLoading(true);
+        const json = await adminFetch$1("/admin/paypal/settings");
+        const payload = (json == null ? void 0 : json.data) ?? json;
+        const saved = payload == null ? void 0 : payload.advanced_card_payments;
+        if (saved && typeof saved === "object") setForm(mergeWithDefaults(saved));
+      } catch {
+      } finally {
+        setLoading(false);
+      }
+    })();
+  }, []);
+  async function onSave() {
+    try {
+      setSaving(true);
+      const json = await adminFetch$1("/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.advanced_card_payments;
+      if (saved && typeof saved === "object") setForm(mergeWithDefaults(saved));
+      setToast({ type: "success", message: "Settings saved" });
+      window.setTimeout(() => setToast(null), 2500);
+    } catch (e) {
+      setToast({ type: "error", message: (e instanceof Error ? e.message : "") || "Failed to save settings." });
+      window.setTimeout(() => setToast(null), 3500);
+    } finally {
+      setSaving(false);
+    }
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-6", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-6", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-start justify-between gap-4", children: /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-xl font-semibold text-ui-fg-base", children: "PayPal Gateway By Easy Payment" }) }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(PayPalTabs, {}),
+    toast ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fixed right-6 top-6 z-50 rounded-md border border-ui-border-base bg-ui-bg-base px-4 py-3 text-sm shadow-lg", role: "status", "aria-live": "polite", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: toast.type === "success" ? "text-ui-fg-base" : "text-ui-fg-error", children: toast.message }) }) : null,
+    /* @__PURE__ */ jsxRuntime.jsx(
+      SectionCard$1,
+      {
+        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$1, { 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$1, { label: "Title", children: /* @__PURE__ */ jsxRuntime.jsx("input", { 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$1, { label: "Contingency for 3D Secure", hint: "Choose when 3D Secure should be triggered during card payments.", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("select", { 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",
   hide: true
@@ -773,151 +918,6 @@ function PayPalConnectionPage() {
       ` })
   ] });
 }
-async function adminFetch$1(path, opts = {}) {
-  var _a;
-  const { method = "GET", body, query } = opts;
-  let url = path;
-  if (query && Object.keys(query).length > 0) {
-    const params = new URLSearchParams(query);
-    url = `${path}?${params.toString()}`;
-  }
-  const headers = { Accept: "application/json" };
-  if (body !== void 0) headers["Content-Type"] = "application/json";
-  if (typeof window !== "undefined") {
-    const token = (_a = window.__medusa__) == null ? void 0 : _a.token;
-    if (token) headers["Authorization"] = `Bearer ${token}`;
-  }
-  const res = await fetch(url, {
-    method,
-    headers,
-    credentials: "include",
-    body: body !== void 0 ? JSON.stringify(body) : void 0
-  });
-  const text = await res.text().catch(() => "");
-  if (!res.ok) {
-    if (res.status === 401) throw new Error("Unauthorized (401) - session may have expired. Please reload and log in again.");
-    if (res.status === 403) throw new Error("Forbidden (403) - you do not have permission to perform this action.");
-    throw new Error(text || `Request failed with status ${res.status}`);
-  }
-  if (!text) return {};
-  try {
-    return JSON.parse(text);
-  } catch {
-    return {};
-  }
-}
-const DEFAULT_FORM = {
-  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) };
-}
-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 SectionCard$1({ title, description, right, children }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-xl border border-ui-border-base bg-ui-bg-base shadow-sm", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-4 border-b border-ui-border-base p-4", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-base font-semibold text-ui-fg-base", children: title }),
-        description ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1 text-sm text-ui-fg-subtle", children: description }) : null
-      ] }),
-      right
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-4", children })
-  ] });
-}
-function FieldRow$1({ label, hint, children }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-12 items-start gap-4 py-3", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "col-span-12 md:col-span-4", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-medium text-ui-fg-base", children: label }),
-      hint ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1 text-xs text-ui-fg-subtle", children: hint }) : null
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-12 md:col-span-8", children })
-  ] });
-}
-function AdvancedCardPaymentsTab() {
-  var _a, _b;
-  const [form, setForm] = react.useState(() => ({ ...DEFAULT_FORM }));
-  const [loading, setLoading] = react.useState(false);
-  const [saving, setSaving] = react.useState(false);
-  const [toast, setToast] = react.useState(null);
-  const didInit = react.useRef(false);
-  react.useEffect(() => {
-    if (didInit.current) return;
-    didInit.current = true;
-    (async () => {
-      try {
-        setLoading(true);
-        const json = await adminFetch$1("/admin/paypal/settings");
-        const payload = (json == null ? void 0 : json.data) ?? json;
-        const saved = payload == null ? void 0 : payload.advanced_card_payments;
-        if (saved && typeof saved === "object") setForm(mergeWithDefaults(saved));
-      } catch {
-      } finally {
-        setLoading(false);
-      }
-    })();
-  }, []);
-  async function onSave() {
-    try {
-      setSaving(true);
-      const json = await adminFetch$1("/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.advanced_card_payments;
-      if (saved && typeof saved === "object") setForm(mergeWithDefaults(saved));
-      setToast({ type: "success", message: "Settings saved" });
-      window.setTimeout(() => setToast(null), 2500);
-    } catch (e) {
-      setToast({ type: "error", message: (e instanceof Error ? e.message : "") || "Failed to save settings." });
-      window.setTimeout(() => setToast(null), 3500);
-    } finally {
-      setSaving(false);
-    }
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-6", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-6", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-start justify-between gap-4", children: /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-xl font-semibold text-ui-fg-base", children: "PayPal Gateway By Easy Payment" }) }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(PayPalTabs, {}),
-    toast ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fixed right-6 top-6 z-50 rounded-md border border-ui-border-base bg-ui-bg-base px-4 py-3 text-sm shadow-lg", role: "status", "aria-live": "polite", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: toast.type === "success" ? "text-ui-fg-base" : "text-ui-fg-error", children: toast.message }) }) : null,
-    /* @__PURE__ */ jsxRuntime.jsx(
-      SectionCard$1,
-      {
-        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$1, { 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$1, { label: "Title", children: /* @__PURE__ */ jsxRuntime.jsx("input", { 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$1, { label: "Contingency for 3D Secure", hint: "Choose when 3D Secure should be triggered during card payments.", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("select", { 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 });
-}
 function PayPalPayLaterMessagingPage() {
   return /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Navigate, { to: "/settings/paypal/connection", replace: true });
 }
@@ -1205,10 +1205,6 @@ const routeModule = {
       Component: AdditionalSettingsTab,
       path: "/settings/paypal/additional-settings"
     },
-    {
-      Component: PayPalConnectionPage,
-      path: "/settings/paypal/connection"
-    },
     {
       Component: AdvancedCardPaymentsTab,
       path: "/settings/paypal/advanced-card-payments"
@@ -1221,6 +1217,10 @@ const routeModule = {
       Component: PayPalGooglePayPage,
       path: "/settings/paypal/google-pay"
     },
+    {
+      Component: PayPalConnectionPage,
+      path: "/settings/paypal/connection"
+    },
     {
       Component: PayPalPayLaterMessagingPage,
       path: "/settings/paypal/pay-later-messaging"

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

@@ -179,6 +179,151 @@ function AdditionalSettingsTab() {
     )
   ] }) });
 }
+async function adminFetch$1(path, opts = {}) {
+  var _a;
+  const { method = "GET", body, query } = opts;
+  let url = path;
+  if (query && Object.keys(query).length > 0) {
+    const params = new URLSearchParams(query);
+    url = `${path}?${params.toString()}`;
+  }
+  const headers = { Accept: "application/json" };
+  if (body !== void 0) headers["Content-Type"] = "application/json";
+  if (typeof window !== "undefined") {
+    const token = (_a = window.__medusa__) == null ? void 0 : _a.token;
+    if (token) headers["Authorization"] = `Bearer ${token}`;
+  }
+  const res = await fetch(url, {
+    method,
+    headers,
+    credentials: "include",
+    body: body !== void 0 ? JSON.stringify(body) : void 0
+  });
+  const text = await res.text().catch(() => "");
+  if (!res.ok) {
+    if (res.status === 401) throw new Error("Unauthorized (401) - session may have expired. Please reload and log in again.");
+    if (res.status === 403) throw new Error("Forbidden (403) - you do not have permission to perform this action.");
+    throw new Error(text || `Request failed with status ${res.status}`);
+  }
+  if (!text) return {};
+  try {
+    return JSON.parse(text);
+  } catch {
+    return {};
+  }
+}
+const DEFAULT_FORM = {
+  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) };
+}
+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 SectionCard$1({ title, description, right, children }) {
+  return /* @__PURE__ */ jsxs("div", { className: "rounded-xl border border-ui-border-base bg-ui-bg-base shadow-sm", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-4 border-b border-ui-border-base p-4", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("div", { className: "text-base font-semibold text-ui-fg-base", children: title }),
+        description ? /* @__PURE__ */ jsx("div", { className: "mt-1 text-sm text-ui-fg-subtle", children: description }) : null
+      ] }),
+      right
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "p-4", children })
+  ] });
+}
+function FieldRow$1({ label, hint, children }) {
+  return /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-12 items-start gap-4 py-3", children: [
+    /* @__PURE__ */ jsxs("div", { className: "col-span-12 md:col-span-4", children: [
+      /* @__PURE__ */ jsx("div", { className: "text-sm font-medium text-ui-fg-base", children: label }),
+      hint ? /* @__PURE__ */ jsx("div", { className: "mt-1 text-xs text-ui-fg-subtle", children: hint }) : null
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "col-span-12 md:col-span-8", children })
+  ] });
+}
+function AdvancedCardPaymentsTab() {
+  var _a, _b;
+  const [form, setForm] = useState(() => ({ ...DEFAULT_FORM }));
+  const [loading, setLoading] = useState(false);
+  const [saving, setSaving] = useState(false);
+  const [toast, setToast] = useState(null);
+  const didInit = useRef(false);
+  useEffect(() => {
+    if (didInit.current) return;
+    didInit.current = true;
+    (async () => {
+      try {
+        setLoading(true);
+        const json = await adminFetch$1("/admin/paypal/settings");
+        const payload = (json == null ? void 0 : json.data) ?? json;
+        const saved = payload == null ? void 0 : payload.advanced_card_payments;
+        if (saved && typeof saved === "object") setForm(mergeWithDefaults(saved));
+      } catch {
+      } finally {
+        setLoading(false);
+      }
+    })();
+  }, []);
+  async function onSave() {
+    try {
+      setSaving(true);
+      const json = await adminFetch$1("/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.advanced_card_payments;
+      if (saved && typeof saved === "object") setForm(mergeWithDefaults(saved));
+      setToast({ type: "success", message: "Settings saved" });
+      window.setTimeout(() => setToast(null), 2500);
+    } catch (e) {
+      setToast({ type: "error", message: (e instanceof Error ? e.message : "") || "Failed to save settings." });
+      window.setTimeout(() => setToast(null), 3500);
+    } finally {
+      setSaving(false);
+    }
+  }
+  return /* @__PURE__ */ jsx("div", { className: "p-6", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex items-start justify-between gap-4", children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("h1", { className: "text-xl font-semibold text-ui-fg-base", children: "PayPal Gateway By Easy Payment" }) }) }),
+    /* @__PURE__ */ jsx(PayPalTabs, {}),
+    toast ? /* @__PURE__ */ jsx("div", { className: "fixed right-6 top-6 z-50 rounded-md border border-ui-border-base bg-ui-bg-base px-4 py-3 text-sm shadow-lg", role: "status", "aria-live": "polite", children: /* @__PURE__ */ jsx("span", { className: toast.type === "success" ? "text-ui-fg-base" : "text-ui-fg-error", children: toast.message }) }) : null,
+    /* @__PURE__ */ jsx(
+      SectionCard$1,
+      {
+        title: "Advanced Card Payments",
+        description: "Control card checkout settings and 3D Secure behavior.",
+        right: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ 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__ */ jsx("span", { className: "text-sm text-ui-fg-subtle", children: "Loading..." }) : null
+        ] }),
+        children: /* @__PURE__ */ jsxs("div", { className: "divide-y divide-ui-border-base", children: [
+          /* @__PURE__ */ jsx(FieldRow$1, { label: "Enable/Disable", children: /* @__PURE__ */ jsxs("label", { className: "inline-flex items-center gap-2", children: [
+            /* @__PURE__ */ 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__ */ jsx("span", { className: "text-sm text-ui-fg-base", children: "Enable Advanced Credit/Debit Card" })
+          ] }) }),
+          /* @__PURE__ */ jsx(FieldRow$1, { label: "Title", children: /* @__PURE__ */ jsx("input", { 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__ */ jsx(FieldRow$1, { label: "Contingency for 3D Secure", hint: "Choose when 3D Secure should be triggered during card payments.", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+            /* @__PURE__ */ jsx("select", { 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__ */ 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__ */ 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__ */ jsx(Navigate, { to: "/settings/paypal/connection", replace: true });
+}
+function PayPalGooglePayPage() {
+  return /* @__PURE__ */ jsx(Navigate, { to: "/settings/paypal/connection", replace: true });
+}
 const config = defineRouteConfig({
   label: "PayPal Connection",
   hide: true
@@ -772,151 +917,6 @@ function PayPalConnectionPage() {
       ` })
   ] });
 }
-async function adminFetch$1(path, opts = {}) {
-  var _a;
-  const { method = "GET", body, query } = opts;
-  let url = path;
-  if (query && Object.keys(query).length > 0) {
-    const params = new URLSearchParams(query);
-    url = `${path}?${params.toString()}`;
-  }
-  const headers = { Accept: "application/json" };
-  if (body !== void 0) headers["Content-Type"] = "application/json";
-  if (typeof window !== "undefined") {
-    const token = (_a = window.__medusa__) == null ? void 0 : _a.token;
-    if (token) headers["Authorization"] = `Bearer ${token}`;
-  }
-  const res = await fetch(url, {
-    method,
-    headers,
-    credentials: "include",
-    body: body !== void 0 ? JSON.stringify(body) : void 0
-  });
-  const text = await res.text().catch(() => "");
-  if (!res.ok) {
-    if (res.status === 401) throw new Error("Unauthorized (401) - session may have expired. Please reload and log in again.");
-    if (res.status === 403) throw new Error("Forbidden (403) - you do not have permission to perform this action.");
-    throw new Error(text || `Request failed with status ${res.status}`);
-  }
-  if (!text) return {};
-  try {
-    return JSON.parse(text);
-  } catch {
-    return {};
-  }
-}
-const DEFAULT_FORM = {
-  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) };
-}
-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 SectionCard$1({ title, description, right, children }) {
-  return /* @__PURE__ */ jsxs("div", { className: "rounded-xl border border-ui-border-base bg-ui-bg-base shadow-sm", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-4 border-b border-ui-border-base p-4", children: [
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("div", { className: "text-base font-semibold text-ui-fg-base", children: title }),
-        description ? /* @__PURE__ */ jsx("div", { className: "mt-1 text-sm text-ui-fg-subtle", children: description }) : null
-      ] }),
-      right
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: "p-4", children })
-  ] });
-}
-function FieldRow$1({ label, hint, children }) {
-  return /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-12 items-start gap-4 py-3", children: [
-    /* @__PURE__ */ jsxs("div", { className: "col-span-12 md:col-span-4", children: [
-      /* @__PURE__ */ jsx("div", { className: "text-sm font-medium text-ui-fg-base", children: label }),
-      hint ? /* @__PURE__ */ jsx("div", { className: "mt-1 text-xs text-ui-fg-subtle", children: hint }) : null
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: "col-span-12 md:col-span-8", children })
-  ] });
-}
-function AdvancedCardPaymentsTab() {
-  var _a, _b;
-  const [form, setForm] = useState(() => ({ ...DEFAULT_FORM }));
-  const [loading, setLoading] = useState(false);
-  const [saving, setSaving] = useState(false);
-  const [toast, setToast] = useState(null);
-  const didInit = useRef(false);
-  useEffect(() => {
-    if (didInit.current) return;
-    didInit.current = true;
-    (async () => {
-      try {
-        setLoading(true);
-        const json = await adminFetch$1("/admin/paypal/settings");
-        const payload = (json == null ? void 0 : json.data) ?? json;
-        const saved = payload == null ? void 0 : payload.advanced_card_payments;
-        if (saved && typeof saved === "object") setForm(mergeWithDefaults(saved));
-      } catch {
-      } finally {
-        setLoading(false);
-      }
-    })();
-  }, []);
-  async function onSave() {
-    try {
-      setSaving(true);
-      const json = await adminFetch$1("/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.advanced_card_payments;
-      if (saved && typeof saved === "object") setForm(mergeWithDefaults(saved));
-      setToast({ type: "success", message: "Settings saved" });
-      window.setTimeout(() => setToast(null), 2500);
-    } catch (e) {
-      setToast({ type: "error", message: (e instanceof Error ? e.message : "") || "Failed to save settings." });
-      window.setTimeout(() => setToast(null), 3500);
-    } finally {
-      setSaving(false);
-    }
-  }
-  return /* @__PURE__ */ jsx("div", { className: "p-6", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6", children: [
-    /* @__PURE__ */ jsx("div", { className: "flex items-start justify-between gap-4", children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("h1", { className: "text-xl font-semibold text-ui-fg-base", children: "PayPal Gateway By Easy Payment" }) }) }),
-    /* @__PURE__ */ jsx(PayPalTabs, {}),
-    toast ? /* @__PURE__ */ jsx("div", { className: "fixed right-6 top-6 z-50 rounded-md border border-ui-border-base bg-ui-bg-base px-4 py-3 text-sm shadow-lg", role: "status", "aria-live": "polite", children: /* @__PURE__ */ jsx("span", { className: toast.type === "success" ? "text-ui-fg-base" : "text-ui-fg-error", children: toast.message }) }) : null,
-    /* @__PURE__ */ jsx(
-      SectionCard$1,
-      {
-        title: "Advanced Card Payments",
-        description: "Control card checkout settings and 3D Secure behavior.",
-        right: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ 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__ */ jsx("span", { className: "text-sm text-ui-fg-subtle", children: "Loading..." }) : null
-        ] }),
-        children: /* @__PURE__ */ jsxs("div", { className: "divide-y divide-ui-border-base", children: [
-          /* @__PURE__ */ jsx(FieldRow$1, { label: "Enable/Disable", children: /* @__PURE__ */ jsxs("label", { className: "inline-flex items-center gap-2", children: [
-            /* @__PURE__ */ 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__ */ jsx("span", { className: "text-sm text-ui-fg-base", children: "Enable Advanced Credit/Debit Card" })
-          ] }) }),
-          /* @__PURE__ */ jsx(FieldRow$1, { label: "Title", children: /* @__PURE__ */ jsx("input", { 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__ */ jsx(FieldRow$1, { label: "Contingency for 3D Secure", hint: "Choose when 3D Secure should be triggered during card payments.", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
-            /* @__PURE__ */ jsx("select", { 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__ */ 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__ */ 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__ */ jsx(Navigate, { to: "/settings/paypal/connection", replace: true });
-}
-function PayPalGooglePayPage() {
-  return /* @__PURE__ */ jsx(Navigate, { to: "/settings/paypal/connection", replace: true });
-}
 function PayPalPayLaterMessagingPage() {
   return /* @__PURE__ */ jsx(Navigate, { to: "/settings/paypal/connection", replace: true });
 }
@@ -1204,10 +1204,6 @@ const routeModule = {
       Component: AdditionalSettingsTab,
       path: "/settings/paypal/additional-settings"
     },
-    {
-      Component: PayPalConnectionPage,
-      path: "/settings/paypal/connection"
-    },
     {
       Component: AdvancedCardPaymentsTab,
       path: "/settings/paypal/advanced-card-payments"
@@ -1220,6 +1216,10 @@ const routeModule = {
       Component: PayPalGooglePayPage,
       path: "/settings/paypal/google-pay"
     },
+    {
+      Component: PayPalConnectionPage,
+      path: "/settings/paypal/connection"
+    },
     {
       Component: PayPalPayLaterMessagingPage,
       path: "/settings/paypal/pay-later-messaging"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@easypayment/medusa-payment-paypal",
-  "version": "0.7.8",
+  "version": "0.7.9",
   "description": "PayPal integration for Medusa v2",
   "author": "EasyPayment Plugins",
   "license": "MIT",