@easypayment/medusa-paypal 0.2.6 → 0.2.8

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

@@ -39,6 +39,39 @@ function PayPalTabs() {
     );
   }) }) });
 }
+async function adminFetch$5(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$1 = {
   paymentAction: "capture",
   brandName: "PayPal",
@@ -55,17 +88,9 @@ const DEFAULT_FORM$1 = {
 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)
-  };
+  return { ...DEFAULT_FORM$1, ...Object.fromEntries(entries) };
 }
-function SectionCard$2({
-  title,
-  description,
-  right,
-  children
-}) {
+function SectionCard$2({ 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: [
@@ -77,11 +102,7 @@ function SectionCard$2({
     /* @__PURE__ */ jsx("div", { className: "p-4", children })
   ] });
 }
-function FieldRow$2({
-  label,
-  hint,
-  children
-}) {
+function FieldRow$2({ 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 }),
@@ -94,6 +115,7 @@ function AdditionalSettingsTab() {
   const [form, setForm] = useState(() => ({ ...DEFAULT_FORM$1 }));
   const [loading, setLoading] = useState(false);
   const [saving, setSaving] = useState(false);
+  const [toast, setToast] = useState(null);
   const didInit = useRef(false);
   useEffect(() => {
     if (didInit.current) return;
@@ -101,52 +123,28 @@ function AdditionalSettingsTab() {
     (async () => {
       try {
         setLoading(true);
-        const r = await fetch("/admin/paypal/settings", {
-          credentials: "include",
-          headers: { "Accept": "application/json" }
-        });
-        if (!r.ok) return;
-        const json = await r.json();
+        const json = await adminFetch$5("/admin/paypal/settings");
         const payload = (json == null ? void 0 : json.data) ?? json;
         const saved = payload == null ? void 0 : payload.additional_settings;
-        if (saved && typeof saved === "object") {
-          setForm(mergeWithDefaults$1(saved));
-        }
+        if (saved && typeof saved === "object") setForm(mergeWithDefaults$1(saved));
+      } catch {
       } finally {
         setLoading(false);
       }
     })();
   }, []);
-  const [toast, setToast] = useState(null);
   async function onSave() {
     try {
       setSaving(true);
       setToast(null);
-      const r = await fetch("/admin/paypal/settings", {
-        method: "POST",
-        credentials: "include",
-        headers: {
-          "Content-Type": "application/json",
-          "Accept": "application/json"
-        },
-        body: JSON.stringify({
-          additional_settings: form
-        })
-      });
-      if (!r.ok) {
-        const errText = await r.text().catch(() => "");
-        throw new Error(errText || "Failed to save settings");
-      }
-      const json = await r.json().catch(() => ({}));
+      const json = await adminFetch$5("/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.additional_settings;
-      if (saved && typeof saved === "object") {
-        setForm(mergeWithDefaults$1(saved));
-      }
+      if (saved && typeof saved === "object") setForm(mergeWithDefaults$1(saved));
       setToast({ type: "success", message: "Settings saved" });
       window.setTimeout(() => setToast(null), 2500);
     } catch (e) {
-      setToast({ type: "error", message: (e == null ? void 0 : e.message) || "Failed to save settings" });
+      setToast({ type: "error", message: e instanceof Error ? e.message : "Failed to save settings" });
       window.setTimeout(() => setToast(null), 3500);
     } finally {
       setSaving(false);
@@ -155,181 +153,226 @@ function AdditionalSettingsTab() {
   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,
+    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$2,
       {
         title: "Additional Settings",
         description: "These settings control checkout behavior, PayPal experience, and logging.",
         right: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              onClick: onSave,
-              disabled: saving || loading,
-              className: "rounded-md bg-ui-button-neutral px-4 py-2 text-sm font-medium text-ui-fg-on-color shadow-sm hover:opacity-90 disabled:opacity-60",
-              children: saving ? "Saving..." : "Save settings"
-            }
-          ),
-          loading ? /* @__PURE__ */ jsx("span", { className: "text-sm text-ui-fg-subtle", children: "Loading…" }) : null
+          /* @__PURE__ */ jsx("button", { type: "button", onClick: onSave, disabled: saving || loading, className: "rounded-md bg-ui-button-neutral px-4 py-2 text-sm font-medium text-ui-fg-on-color shadow-sm hover:opacity-90 disabled:opacity-60", 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$2, { label: "Payment action", children: /* @__PURE__ */ jsxs(
-            "select",
-            {
-              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__ */ jsx("option", { value: "capture", children: "Capture" }),
-                /* @__PURE__ */ jsx("option", { value: "authorize", children: "Authorize" })
-              ]
-            }
-          ) }),
-          /* @__PURE__ */ jsx(FieldRow$2, { label: "Brand Name", children: /* @__PURE__ */ jsx(
-            "input",
-            {
-              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__ */ jsx(FieldRow$2, { label: "Landing Page", children: /* @__PURE__ */ jsxs(
-            "select",
-            {
-              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__ */ jsx("option", { value: "no_preference", children: "No Preference" }),
-                /* @__PURE__ */ jsx("option", { value: "login", children: "Login" }),
-                /* @__PURE__ */ jsx("option", { value: "billing", children: "Billing" })
-              ]
-            }
-          ) }),
+          /* @__PURE__ */ jsx(FieldRow$2, { label: "Payment action", children: /* @__PURE__ */ jsxs("select", { 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__ */ jsx("option", { value: "capture", children: "Capture" }),
+            /* @__PURE__ */ jsx("option", { value: "authorize", children: "Authorize" })
+          ] }) }),
+          /* @__PURE__ */ jsx(FieldRow$2, { label: "Brand Name", children: /* @__PURE__ */ jsx("input", { 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__ */ jsx(FieldRow$2, { label: "Landing Page", children: /* @__PURE__ */ jsxs("select", { 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__ */ jsx("option", { value: "no_preference", children: "No Preference" }),
+            /* @__PURE__ */ jsx("option", { value: "login", children: "Login" }),
+            /* @__PURE__ */ jsx("option", { value: "billing", children: "Billing" })
+          ] }) }),
           /* @__PURE__ */ jsx(FieldRow$2, { label: "Instant Payments", children: /* @__PURE__ */ jsxs("label", { className: "inline-flex items-center gap-2", children: [
-            /* @__PURE__ */ 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__ */ 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__ */ jsx("span", { className: "text-sm text-ui-fg-base", children: "Require Instant Payment" })
           ] }) }),
-          /* @__PURE__ */ jsx(
-            FieldRow$2,
-            {
-              label: "Billing Address",
-              hint: "If the billing address is empty and PayPal provides a shipping address, the order will use the shipping address as the billing address.",
-              children: /* @__PURE__ */ jsxs("label", { className: "inline-flex items-center gap-2", children: [
-                /* @__PURE__ */ jsx(
-                  "input",
-                  {
-                    type: "checkbox",
-                    checked: form.useShippingAsBilling,
-                    onChange: (e) => setForm((p) => ({ ...p, useShippingAsBilling: e.target.checked })),
-                    className: "h-4 w-4 rounded border-ui-border-base"
-                  }
-                ),
-                /* @__PURE__ */ jsx("span", { className: "text-sm text-ui-fg-base", children: "Use PayPal Shipping Address as Billing" })
-              ] })
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            FieldRow$2,
-            {
-              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__ */ jsxs("label", { className: "inline-flex items-center gap-2", children: [
-                /* @__PURE__ */ 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__ */ jsx("span", { className: "text-sm text-ui-fg-base", children: "Send line item details to PayPal" })
-              ] })
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            FieldRow$2,
-            {
-              label: "Order Review Page",
-              hint: "Payments from the Product or Cart page skip the review step and go straight to the Thank You page.",
-              children: /* @__PURE__ */ jsxs("label", { className: "inline-flex items-center gap-2", children: [
-                /* @__PURE__ */ jsx(
-                  "input",
-                  {
-                    type: "checkbox",
-                    checked: form.skipOrderReviewPage,
-                    onChange: (e) => setForm((p) => ({ ...p, skipOrderReviewPage: e.target.checked })),
-                    className: "h-4 w-4 rounded border-ui-border-base"
-                  }
-                ),
-                /* @__PURE__ */ jsx("span", { className: "text-sm text-ui-fg-base", children: "Skip Order Review Page" })
-              ] })
-            }
-          ),
-          /* @__PURE__ */ jsx(FieldRow$2, { label: "Invoice prefix", children: /* @__PURE__ */ jsx(
-            "input",
-            {
-              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: "WC-"
-            }
-          ) }),
-          /* @__PURE__ */ jsx(FieldRow$2, { label: "Credit Card Statement Name", children: /* @__PURE__ */ jsx(
-            "input",
-            {
-              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__ */ jsx(
-            FieldRow$2,
-            {
-              label: "Debug log",
-              hint: /* @__PURE__ */ jsxs("span", { children: [
-                "Log PayPal events such as Webhook, Payment, Refund.",
-                " ",
-                form.logPath ? /* @__PURE__ */ jsxs(Fragment, { children: [
-                  "Log location: ",
-                  /* @__PURE__ */ jsx("span", { className: "font-mono", children: form.logPath })
-                ] }) : null
-              ] }),
-              children: /* @__PURE__ */ jsxs("label", { className: "inline-flex items-center gap-2", children: [
-                /* @__PURE__ */ jsx(
-                  "input",
-                  {
-                    type: "checkbox",
-                    checked: form.enableLogging,
-                    onChange: (e) => setForm((p) => ({ ...p, enableLogging: 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 logging" })
-              ] })
-            }
-          )
+          /* @__PURE__ */ jsx(FieldRow$2, { label: "Billing Address", hint: "If the billing address is empty and PayPal provides a shipping address, the order will use the shipping address as the billing address.", children: /* @__PURE__ */ jsxs("label", { className: "inline-flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx("input", { type: "checkbox", checked: form.useShippingAsBilling, onChange: (e) => setForm((p) => ({ ...p, useShippingAsBilling: e.target.checked })), className: "h-4 w-4 rounded border-ui-border-base" }),
+            /* @__PURE__ */ jsx("span", { className: "text-sm text-ui-fg-base", children: "Use PayPal Shipping Address as Billing" })
+          ] }) }),
+          /* @__PURE__ */ jsx(FieldRow$2, { 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__ */ jsxs("label", { className: "inline-flex items-center gap-2", children: [
+            /* @__PURE__ */ 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__ */ jsx("span", { className: "text-sm text-ui-fg-base", children: "Send line item details to PayPal" })
+          ] }) }),
+          /* @__PURE__ */ jsx(FieldRow$2, { label: "Order Review Page", hint: "Payments from the Product or Cart page skip the review step and go straight to the Thank You page.", children: /* @__PURE__ */ jsxs("label", { className: "inline-flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx("input", { type: "checkbox", checked: form.skipOrderReviewPage, onChange: (e) => setForm((p) => ({ ...p, skipOrderReviewPage: e.target.checked })), className: "h-4 w-4 rounded border-ui-border-base" }),
+            /* @__PURE__ */ jsx("span", { className: "text-sm text-ui-fg-base", children: "Skip Order Review Page" })
+          ] }) }),
+          /* @__PURE__ */ jsx(FieldRow$2, { label: "Invoice prefix", children: /* @__PURE__ */ jsx("input", { 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: "WC-" }) }),
+          /* @__PURE__ */ jsx(FieldRow$2, { label: "Credit Card Statement Name", children: /* @__PURE__ */ jsx("input", { 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__ */ jsx(FieldRow$2, { label: "Debug log", hint: /* @__PURE__ */ jsxs("span", { children: [
+            "Log PayPal events such as Webhook, Payment, Refund. ",
+            form.logPath ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              "Log location: ",
+              /* @__PURE__ */ jsx("span", { className: "font-mono", children: form.logPath })
+            ] }) : null
+          ] }), children: /* @__PURE__ */ jsxs("label", { className: "inline-flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx("input", { type: "checkbox", checked: form.enableLogging, onChange: (e) => setForm((p) => ({ ...p, enableLogging: 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 logging" })
+          ] }) })
+        ] })
+      }
+    )
+  ] }) });
+}
+async function adminFetch$4(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", disabledCards: [], threeDS: "when_required", cardSaveEnabled: false };
+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 CARD_BRANDS = [
+  { value: "visa", label: "Visa" },
+  { value: "mastercard", label: "Mastercard" },
+  { value: "amex", label: "American Express" },
+  { value: "discover", label: "Discover" },
+  { value: "diners", label: "Diners Club" },
+  { value: "jcb", label: "JCB" },
+  { value: "unionpay", label: "UnionPay" }
+];
+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 Pill$1({ children, onRemove }) {
+  return /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 rounded-md border border-ui-border-base bg-ui-bg-base px-2 py-1 text-sm text-ui-fg-base", children: [
+    children,
+    onRemove ? /* @__PURE__ */ jsx("button", { type: "button", onClick: onRemove, className: "ml-1 rounded px-1 text-ui-fg-subtle hover:text-ui-fg-base", "aria-label": "Remove", children: "x" }) : null
+  ] });
+}
+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$4("/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$4("/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);
+    }
+  }
+  const disabledSet = useMemo(() => new Set(form.disabledCards), [form.disabledCards]);
+  function toggleDisabledCard(value) {
+    setForm((prev) => {
+      const exists = prev.disabledCards.includes(value);
+      return { ...prev, disabledCards: exists ? prev.disabledCards.filter((v) => v !== value) : [...prev.disabledCards, value] };
+    });
+  }
+  function removeDisabledCard(value) {
+    setForm((prev) => ({ ...prev, disabledCards: prev.disabledCards.filter((v) => v !== value) }));
+  }
+  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, 3D Secure behavior, and card saving.",
+        right: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsx("button", { type: "button", onClick: onSave, disabled: saving || loading, className: "rounded-md bg-ui-button-neutral px-4 py-2 text-sm font-medium text-ui-fg-on-color shadow-sm hover:opacity-90 disabled:opacity-60", 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: "Disable specific credit cards", hint: "Select card brands to hide from the card form.", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+            /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: form.disabledCards.length ? form.disabledCards.map((v) => {
+              var _a2;
+              return /* @__PURE__ */ jsx(Pill$1, { onRemove: () => removeDisabledCard(v), children: ((_a2 = CARD_BRANDS.find((b) => b.value === v)) == null ? void 0 : _a2.label) ?? v }, v);
+            }) : /* @__PURE__ */ jsx("span", { className: "text-sm text-ui-fg-subtle", children: "No card brands disabled." }) }),
+            /* @__PURE__ */ jsx("div", { className: "rounded-md border border-ui-border-base p-3", children: /* @__PURE__ */ jsx("div", { className: "grid gap-2 md:grid-cols-2", children: CARD_BRANDS.map((b) => /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 rounded-md p-2 hover:bg-ui-bg-subtle", children: [
+              /* @__PURE__ */ jsx("input", { type: "checkbox", checked: disabledSet.has(b.value), onChange: () => toggleDisabledCard(b.value), className: "h-4 w-4 rounded border-ui-border-base" }),
+              /* @__PURE__ */ jsx("span", { className: "text-sm text-ui-fg-base", children: b.label })
+            ] }, b.value)) }) })
+          ] }) }),
+          /* @__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
+          ] }) }),
+          /* @__PURE__ */ jsx(FieldRow$1, { label: "Card Save Enabled", hint: "Allow customers to save a card at checkout for future use.", children: /* @__PURE__ */ jsxs("label", { className: "inline-flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx("input", { type: "checkbox", checked: form.cardSaveEnabled, onChange: (e) => setForm((p) => ({ ...p, cardSaveEnabled: 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 card saving at checkout" })
+          ] }) })
         ] })
       }
     )
@@ -922,308 +965,195 @@ function PayPalConnectionPage() {
       ` })
   ] });
 }
-const DEFAULT_FORM = {
-  enabled: true,
-  title: "Credit or Debit Card",
-  disabledCards: [],
-  threeDS: "when_required",
-  cardSaveEnabled: false
-};
-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 CARD_BRANDS = [
-  { value: "visa", label: "Visa" },
-  { value: "mastercard", label: "Mastercard" },
-  { value: "amex", label: "American Express" },
-  { value: "discover", label: "Discover" },
-  { value: "diners", label: "Diners Club" },
-  { value: "jcb", label: "JCB" },
-  { value: "unionpay", label: "UnionPay" }
-];
-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)."
+async function adminFetch$3(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 {};
   }
-];
-function cx$1(...parts) {
-  return parts.filter(Boolean).join(" ");
-}
-function Pill$1({
-  children,
-  onRemove
-}) {
-  return /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 rounded-md border border-ui-border-base bg-ui-bg-base px-2 py-1 text-sm text-ui-fg-base", children: [
-    children,
-    onRemove ? /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        onClick: onRemove,
-        className: "ml-1 rounded px-1 text-ui-fg-subtle hover:text-ui-fg-base",
-        "aria-label": "Remove",
-        children: "×"
-      }
-    ) : null
-  ] });
 }
-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 })
-  ] });
+const EMPTY_FILTERS = { dispute_id: "", status: "", order_id: "", cart_id: "" };
+function formatDate$2(value) {
+  if (!value) return "";
+  const parsed = new Date(value);
+  if (Number.isNaN(parsed.getTime())) return value;
+  return parsed.toLocaleString();
 }
-function AdvancedCardPaymentsTab() {
-  var _a, _b;
-  const [form, setForm] = useState(() => ({ ...DEFAULT_FORM }));
+function PayPalDisputesPage() {
+  const [filters, setFilters] = useState({ ...EMPTY_FILTERS });
+  const [disputes, setDisputes] = useState([]);
   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 r = await fetch("/admin/paypal/settings", {
-          credentials: "include",
-          headers: { "Accept": "application/json" }
-        });
-        if (!r.ok) return;
-        const json = await r.json();
-        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));
-        }
-      } finally {
-        setLoading(false);
-      }
-    })();
-  }, []);
-  async function onSave() {
+  const [error, setError] = useState(null);
+  const queryString = useMemo(() => {
+    const params = new URLSearchParams();
+    Object.entries(filters).forEach(([key, value]) => {
+      if (value.trim()) params.set(key, value.trim());
+    });
+    const qs = params.toString();
+    return qs ? `?${qs}` : "";
+  }, [filters]);
+  const fetchDisputes = useCallback(async (source) => {
     try {
-      setSaving(true);
-      const r = await fetch("/admin/paypal/settings", {
-        method: "POST",
-        credentials: "include",
-        headers: {
-          "Content-Type": "application/json",
-          "Accept": "application/json"
-        },
-        body: JSON.stringify({ advanced_card_payments: form })
+      setLoading(true);
+      setError(null);
+      const query = {};
+      Object.entries(source).forEach(([key, value]) => {
+        if (value.trim()) query[key] = value.trim();
       });
-      if (!r.ok) {
-        const t = await r.text();
-        setToast({ type: "error", message: "Failed to save settings. " + t });
-        window.setTimeout(() => setToast(null), 3500);
-        return;
-      }
-      const json = await r.json().catch(() => null);
-      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);
+      const json = await adminFetch$3("/admin/paypal/disputes", { query });
+      setDisputes((json == null ? void 0 : json.disputes) ?? []);
+    } catch (fetchError) {
+      setError(fetchError instanceof Error ? fetchError.message : "Failed to load disputes");
+      setDisputes([]);
     } finally {
-      setSaving(false);
+      setLoading(false);
     }
-  }
-  const disabledSet = useMemo(() => new Set(form.disabledCards), [form.disabledCards]);
-  function toggleDisabledCard(value) {
-    setForm((prev) => {
-      const exists = prev.disabledCards.includes(value);
-      return {
-        ...prev,
-        disabledCards: exists ? prev.disabledCards.filter((v) => v !== value) : [...prev.disabledCards, value]
-      };
-    });
-  }
-  function removeDisabledCard(value) {
-    setForm((prev) => ({
-      ...prev,
-      disabledCards: prev.disabledCards.filter((v) => v !== value)
-    }));
-  }
+  }, []);
+  useEffect(() => {
+    fetchDisputes(EMPTY_FILTERS);
+  }, [fetchDisputes]);
+  const onSubmit = (event) => {
+    event.preventDefault();
+    fetchDisputes(filters);
+  };
+  const onReset = () => {
+    setFilters({ ...EMPTY_FILTERS });
+    fetchDisputes(EMPTY_FILTERS);
+  };
   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__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("h1", { className: "text-xl font-semibold text-ui-fg-base", children: "PayPal Disputes" }),
+      /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-ui-fg-subtle", children: "Review PayPal dispute activity tied to your Medusa orders. This view is read-only." })
+    ] }),
     /* @__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, 3D Secure behavior, and card saving.",
-        right: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              onClick: onSave,
-              disabled: saving || loading,
-              className: "rounded-md bg-ui-button-neutral px-4 py-2 text-sm font-medium text-ui-fg-on-color shadow-sm hover:opacity-90 disabled:opacity-60",
-              children: saving ? "Saving..." : "Save settings"
-            }
-          ),
-          loading ? /* @__PURE__ */ jsx("span", { className: "text-sm text-ui-fg-subtle", children: "Loading…" }) : null
+    /* @__PURE__ */ jsxs("div", { className: "rounded-xl border border-ui-border-base bg-ui-bg-base shadow-sm", children: [
+      /* @__PURE__ */ jsx("div", { className: "border-b border-ui-border-base p-4", children: /* @__PURE__ */ jsx("div", { className: "text-base font-semibold text-ui-fg-base", children: "Filters" }) }),
+      /* @__PURE__ */ jsx("div", { className: "p-4", children: /* @__PURE__ */ jsxs("form", { onSubmit, className: "flex flex-col gap-4", children: [
+        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-4", children: [
+          /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1 text-sm text-ui-fg-subtle", children: [
+            "Dispute ID",
+            /* @__PURE__ */ jsx("input", { className: "rounded-md border border-ui-border-base bg-ui-bg-base px-3 py-2 text-sm text-ui-fg-base", value: filters.dispute_id, onChange: (e) => setFilters((p) => ({ ...p, dispute_id: e.target.value })), placeholder: "PP-D-123" })
+          ] }),
+          /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1 text-sm text-ui-fg-subtle", children: [
+            "Status",
+            /* @__PURE__ */ jsx("input", { className: "rounded-md border border-ui-border-base bg-ui-bg-base px-3 py-2 text-sm text-ui-fg-base", value: filters.status, onChange: (e) => setFilters((p) => ({ ...p, status: e.target.value })), placeholder: "OPEN" })
+          ] }),
+          /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1 text-sm text-ui-fg-subtle", children: [
+            "Order ID",
+            /* @__PURE__ */ jsx("input", { className: "rounded-md border border-ui-border-base bg-ui-bg-base px-3 py-2 text-sm text-ui-fg-base", value: filters.order_id, onChange: (e) => setFilters((p) => ({ ...p, order_id: e.target.value })), placeholder: "order_..." })
+          ] }),
+          /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1 text-sm text-ui-fg-subtle", children: [
+            "Cart ID",
+            /* @__PURE__ */ jsx("input", { className: "rounded-md border border-ui-border-base bg-ui-bg-base px-3 py-2 text-sm text-ui-fg-base", value: filters.cart_id, onChange: (e) => setFilters((p) => ({ ...p, cart_id: e.target.value })), placeholder: "cart_..." })
+          ] })
         ] }),
-        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: "Disable specific credit cards",
-              hint: "Select card brands to hide from the card form.",
-              children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
-                /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: form.disabledCards.length ? form.disabledCards.map((v) => {
-                  var _a2;
-                  const label = ((_a2 = CARD_BRANDS.find((b) => b.value === v)) == null ? void 0 : _a2.label) ?? v;
-                  return /* @__PURE__ */ jsx(Pill$1, { onRemove: () => removeDisabledCard(v), children: label }, v);
-                }) : /* @__PURE__ */ jsx("span", { className: "text-sm text-ui-fg-subtle", children: "No card brands disabled." }) }),
-                /* @__PURE__ */ jsx("div", { className: "rounded-md border border-ui-border-base p-3", children: /* @__PURE__ */ jsx("div", { className: "grid gap-2 md:grid-cols-2", children: CARD_BRANDS.map((b) => {
-                  const checked = disabledSet.has(b.value);
-                  return /* @__PURE__ */ jsxs(
-                    "label",
-                    {
-                      className: cx$1(
-                        "flex items-center gap-2 rounded-md p-2",
-                        "hover:bg-ui-bg-subtle"
-                      ),
-                      children: [
-                        /* @__PURE__ */ jsx(
-                          "input",
-                          {
-                            type: "checkbox",
-                            checked,
-                            onChange: () => toggleDisabledCard(b.value),
-                            className: "h-4 w-4 rounded border-ui-border-base"
-                          }
-                        ),
-                        /* @__PURE__ */ jsx("span", { className: "text-sm text-ui-fg-base", children: b.label })
-                      ]
-                    },
-                    b.value
-                  );
-                }) }) })
-              ] })
-            }
-          ),
-          /* @__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
-              ] })
-            }
-          ),
-          /* @__PURE__ */ jsx(FieldRow$1, { label: "Card Save Enabled", hint: "Allow customers to save a card at checkout for future use.", children: /* @__PURE__ */ jsxs("label", { className: "inline-flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx(
-              "input",
-              {
-                type: "checkbox",
-                checked: form.cardSaveEnabled,
-                onChange: (e) => setForm((p) => ({ ...p, cardSaveEnabled: 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 card saving at checkout" })
-          ] }) })
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-3", children: [
+          /* @__PURE__ */ jsx("button", { type: "submit", className: "rounded-md bg-ui-fg-base px-4 py-2 text-sm font-medium text-ui-bg-base", disabled: loading, children: loading ? "Loading..." : "Apply filters" }),
+          /* @__PURE__ */ jsx("button", { type: "button", className: "rounded-md border border-ui-border-base px-4 py-2 text-sm text-ui-fg-base", onClick: onReset, disabled: loading, children: "Reset" }),
+          /* @__PURE__ */ jsxs("span", { className: "text-sm text-ui-fg-subtle", children: [
+            "Showing ",
+            disputes.length,
+            " dispute",
+            disputes.length === 1 ? "" : "s",
+            queryString ? " (filtered)" : ""
+          ] })
         ] })
-      }
-    )
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "rounded-xl border border-ui-border-base bg-ui-bg-base shadow-sm", children: [
+      /* @__PURE__ */ jsx("div", { className: "border-b border-ui-border-base p-4", children: /* @__PURE__ */ jsx("div", { className: "text-base font-semibold text-ui-fg-base", children: "Dispute Records" }) }),
+      /* @__PURE__ */ jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxs("table", { className: "min-w-full divide-y divide-ui-border-base text-sm", children: [
+        /* @__PURE__ */ jsx("thead", { className: "bg-ui-bg-subtle", children: /* @__PURE__ */ jsxs("tr", { className: "text-left text-ui-fg-subtle", children: [
+          /* @__PURE__ */ jsx("th", { className: "px-4 py-3 font-medium", children: "Dispute" }),
+          /* @__PURE__ */ jsx("th", { className: "px-4 py-3 font-medium", children: "Status" }),
+          /* @__PURE__ */ jsx("th", { className: "px-4 py-3 font-medium", children: "Reason" }),
+          /* @__PURE__ */ jsx("th", { className: "px-4 py-3 font-medium", children: "Stage" }),
+          /* @__PURE__ */ jsx("th", { className: "px-4 py-3 font-medium", children: "Amount" }),
+          /* @__PURE__ */ jsx("th", { className: "px-4 py-3 font-medium", children: "Order" }),
+          /* @__PURE__ */ jsx("th", { className: "px-4 py-3 font-medium", children: "Cart" }),
+          /* @__PURE__ */ jsx("th", { className: "px-4 py-3 font-medium", children: "Updated" })
+        ] }) }),
+        /* @__PURE__ */ jsx("tbody", { className: "divide-y divide-ui-border-base text-ui-fg-base", children: disputes.length === 0 ? /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { className: "px-4 py-6 text-center text-ui-fg-subtle", colSpan: 8, children: loading ? "Loading disputes..." : "No disputes found." }) }) : disputes.map((dispute) => /* @__PURE__ */ jsxs("tr", { children: [
+          /* @__PURE__ */ jsxs("td", { className: "px-4 py-3", children: [
+            /* @__PURE__ */ jsx("div", { className: "font-medium text-ui-fg-base", children: dispute.dispute_id }),
+            /* @__PURE__ */ jsx("div", { className: "text-xs text-ui-fg-subtle", children: dispute.transaction_id || "No transaction" })
+          ] }),
+          /* @__PURE__ */ jsx("td", { className: "px-4 py-3", children: dispute.status || "Unknown" }),
+          /* @__PURE__ */ jsx("td", { className: "px-4 py-3", children: dispute.reason || "-" }),
+          /* @__PURE__ */ jsx("td", { className: "px-4 py-3", children: dispute.stage || "-" }),
+          /* @__PURE__ */ jsx("td", { className: "px-4 py-3", children: dispute.amount ? `${dispute.amount} ${dispute.currency_code || ""}` : "-" }),
+          /* @__PURE__ */ jsx("td", { className: "px-4 py-3", children: dispute.order_id || "-" }),
+          /* @__PURE__ */ jsx("td", { className: "px-4 py-3", children: dispute.cart_id || "-" }),
+          /* @__PURE__ */ jsx("td", { className: "px-4 py-3 text-ui-fg-subtle", children: formatDate$2(dispute.updated_at || dispute.created_at) })
+        ] }, dispute.id)) })
+      ] }) }),
+      error ? /* @__PURE__ */ jsx("div", { className: "border-t border-ui-border-base px-4 py-3 text-sm text-ui-fg-error", children: error }) : null
+    ] })
   ] }) });
 }
-function formatDate$2(value) {
-  if (!value) {
-    return "";
+async function adminFetch$2(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 parsed = new Date(value);
-  if (Number.isNaN(parsed.getTime())) {
-    return value;
+  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 {};
+  }
+}
+function formatDate$1(value) {
+  if (!value) return "";
+  const parsed = new Date(value);
+  if (Number.isNaN(parsed.getTime())) return value;
   return parsed.toLocaleString();
 }
 function PayPalAuditLogsPage() {
@@ -1234,20 +1164,10 @@ function PayPalAuditLogsPage() {
     try {
       setLoading(true);
       setError(null);
-      const response = await fetch("/admin/paypal/audit-logs?limit=50", {
-        credentials: "include",
-        headers: {
-          Accept: "application/json"
-        }
-      });
-      if (!response.ok) {
-        const message = await response.text().catch(() => "");
-        throw new Error(message || "Failed to load audit logs.");
-      }
-      const data = await response.json().catch(() => ({}));
-      setLogs((data == null ? void 0 : data.logs) || []);
+      const data = await adminFetch$2("/admin/paypal/audit-logs", { query: { limit: "50" } });
+      setLogs((data == null ? void 0 : data.logs) ?? []);
     } catch (fetchError) {
-      setError((fetchError == null ? void 0 : fetchError.message) || "Failed to load audit logs.");
+      setError(fetchError instanceof Error ? fetchError.message : "Failed to load audit logs.");
       setLogs([]);
     } finally {
       setLoading(false);
@@ -1265,16 +1185,7 @@ function PayPalAuditLogsPage() {
     /* @__PURE__ */ jsxs("div", { className: "rounded-xl border border-ui-border-base bg-ui-bg-base shadow-sm", children: [
       /* @__PURE__ */ jsx("div", { className: "border-b border-ui-border-base p-4", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-4", children: [
         /* @__PURE__ */ jsx("div", { className: "text-base font-semibold text-ui-fg-base", children: "Latest events" }),
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            onClick: fetchLogs,
-            className: "rounded-md border border-ui-border-base px-3 py-2 text-sm text-ui-fg-base",
-            disabled: loading,
-            children: loading ? "Refreshing..." : "Refresh"
-          }
-        )
+        /* @__PURE__ */ jsx("button", { type: "button", onClick: fetchLogs, className: "rounded-md border border-ui-border-base px-3 py-2 text-sm text-ui-fg-base", disabled: loading, children: loading ? "Refreshing..." : "Refresh" })
       ] }) }),
       /* @__PURE__ */ jsxs("div", { className: "p-4", children: [
         error ? /* @__PURE__ */ jsx("div", { className: "rounded-md border border-red-200 bg-red-50 p-3 text-sm text-red-600", children: error }) : null,
@@ -1286,7 +1197,7 @@ function PayPalAuditLogsPage() {
             /* @__PURE__ */ jsx("th", { className: "pb-2 font-medium", children: "Details" })
           ] }) }),
           /* @__PURE__ */ jsx("tbody", { children: logs.map((entry) => /* @__PURE__ */ jsxs("tr", { className: "border-t border-ui-border-base", children: [
-            /* @__PURE__ */ jsx("td", { className: "py-3 pr-4 text-ui-fg-base", children: formatDate$2(entry.created_at) || "—" }),
+            /* @__PURE__ */ jsx("td", { className: "py-3 pr-4 text-ui-fg-base", children: formatDate$1(entry.created_at) || "—" }),
             /* @__PURE__ */ jsx("td", { className: "py-3 pr-4 text-ui-fg-base", children: entry.event_type || "—" }),
             /* @__PURE__ */ jsx("td", { className: "py-3 text-ui-fg-subtle", children: /* @__PURE__ */ jsx("pre", { className: "whitespace-pre-wrap rounded-md bg-ui-bg-subtle p-2 text-xs text-ui-fg-subtle", children: JSON.stringify(entry.metadata || {}, null, 2) }) })
           ] }, entry.id)) })
@@ -1298,200 +1209,161 @@ function PayPalAuditLogsPage() {
 function PayPalGooglePayPage() {
   return /* @__PURE__ */ jsx(Navigate, { to: "/settings/paypal/connection", replace: true });
 }
-const EMPTY_FILTERS = {
-  dispute_id: "",
-  status: "",
-  order_id: "",
-  cart_id: ""
-};
-function formatDate$1(value) {
-  if (!value) {
-    return "";
+function PayPalPayLaterMessagingPage() {
+  return /* @__PURE__ */ jsx(Navigate, { to: "/settings/paypal/connection", replace: true });
+}
+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 parsed = new Date(value);
-  if (Number.isNaN(parsed.getTime())) {
-    return value;
+  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 {};
+  }
+}
+function formatDate(value) {
+  if (!value) return "—";
+  const parsed = new Date(value);
+  if (Number.isNaN(parsed.getTime())) return value;
   return parsed.toLocaleString();
 }
-function PayPalDisputesPage() {
-  const [filters, setFilters] = useState({ ...EMPTY_FILTERS });
-  const [disputes, setDisputes] = useState([]);
+function PayPalReconciliationStatusPage() {
+  const [status, setStatus] = useState({});
   const [loading, setLoading] = useState(false);
   const [error, setError] = useState(null);
-  const queryString = useMemo(() => {
-    const params = new URLSearchParams();
-    Object.entries(filters).forEach(([key, value]) => {
-      if (value.trim()) {
-        params.set(key, value.trim());
-      }
-    });
-    const qs = params.toString();
-    return qs ? `?${qs}` : "";
-  }, [filters]);
-  const fetchDisputes = useCallback(async (source) => {
+  const fetchStatus = useCallback(async () => {
     try {
       setLoading(true);
       setError(null);
-      const params = new URLSearchParams();
-      Object.entries(source).forEach(([key, value]) => {
-        if (value.trim()) {
-          params.set(key, value.trim());
-        }
-      });
-      const qs = params.toString();
-      const resp = await fetch(`/admin/paypal/disputes${qs ? `?${qs}` : ""}`, {
-        credentials: "include",
-        headers: {
-          Accept: "application/json"
-        }
-      });
-      if (!resp.ok) {
-        const message = await resp.text().catch(() => "");
-        throw new Error(message || "Failed to load disputes");
-      }
-      const json = await resp.json().catch(() => ({}));
-      setDisputes((json == null ? void 0 : json.disputes) || []);
+      const data = await adminFetch$1("/admin/paypal/reconciliation-status");
+      setStatus((data == null ? void 0 : data.status) ?? {});
     } catch (fetchError) {
-      setError((fetchError == null ? void 0 : fetchError.message) || "Failed to load disputes");
-      setDisputes([]);
+      setError(fetchError instanceof Error ? fetchError.message : "Failed to load reconciliation status.");
+      setStatus({});
     } finally {
       setLoading(false);
     }
   }, []);
   useEffect(() => {
-    fetchDisputes(EMPTY_FILTERS);
-  }, [fetchDisputes]);
-  const onSubmit = (event) => {
-    event.preventDefault();
-    fetchDisputes(filters);
-  };
-  const onReset = () => {
-    setFilters({ ...EMPTY_FILTERS });
-    fetchDisputes(EMPTY_FILTERS);
-  };
+    fetchStatus();
+  }, [fetchStatus]);
   return /* @__PURE__ */ jsx("div", { className: "p-6", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6", children: [
     /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsx("h1", { className: "text-xl font-semibold text-ui-fg-base", children: "PayPal Disputes" }),
-      /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-ui-fg-subtle", children: "Review PayPal dispute activity tied to your Medusa orders. This view is read-only." })
+      /* @__PURE__ */ jsx("h1", { className: "text-xl font-semibold text-ui-fg-base", children: "PayPal Reconciliation Status" }),
+      /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-ui-fg-subtle", children: "Monitor reconciliation health and drift detection for PayPal payment sessions." })
     ] }),
     /* @__PURE__ */ jsx(PayPalTabs, {}),
     /* @__PURE__ */ jsxs("div", { className: "rounded-xl border border-ui-border-base bg-ui-bg-base shadow-sm", children: [
-      /* @__PURE__ */ jsx("div", { className: "border-b border-ui-border-base p-4", children: /* @__PURE__ */ jsx("div", { className: "text-base font-semibold text-ui-fg-base", children: "Filters" }) }),
-      /* @__PURE__ */ jsx("div", { className: "p-4", children: /* @__PURE__ */ jsxs("form", { onSubmit, className: "flex flex-col gap-4", children: [
-        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-4", children: [
-          /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1 text-sm text-ui-fg-subtle", children: [
-            "Dispute ID",
-            /* @__PURE__ */ jsx(
-              "input",
-              {
-                className: "rounded-md border border-ui-border-base bg-ui-bg-base px-3 py-2 text-sm text-ui-fg-base",
-                value: filters.dispute_id,
-                onChange: (event) => setFilters((prev) => ({ ...prev, dispute_id: event.target.value })),
-                placeholder: "PP-D-123"
-              }
-            )
+      /* @__PURE__ */ jsx("div", { className: "border-b border-ui-border-base p-4", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-4", children: [
+        /* @__PURE__ */ jsx("div", { className: "text-base font-semibold text-ui-fg-base", children: "Latest reconciliation run" }),
+        /* @__PURE__ */ jsx("button", { type: "button", onClick: fetchStatus, className: "rounded-md border border-ui-border-base px-3 py-2 text-sm text-ui-fg-base", disabled: loading, children: loading ? "Refreshing..." : "Refresh" })
+      ] }) }),
+      /* @__PURE__ */ jsxs("div", { className: "p-4", children: [
+        error ? /* @__PURE__ */ jsx("div", { className: "rounded-md border border-red-200 bg-red-50 p-3 text-sm text-red-600", children: error }) : null,
+        !error && Object.keys(status).length === 0 ? /* @__PURE__ */ jsx("div", { className: "text-sm text-ui-fg-subtle", children: loading ? "Loading reconciliation status..." : "No reconciliation data yet." }) : null,
+        Object.keys(status).length > 0 ? /* @__PURE__ */ jsxs("div", { className: "grid gap-4 text-sm text-ui-fg-base md:grid-cols-2", children: [
+          /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-subtle p-3", children: [
+            /* @__PURE__ */ jsx("div", { className: "text-ui-fg-subtle", children: "Last run" }),
+            /* @__PURE__ */ jsx("div", { className: "mt-1 font-medium", children: formatDate(status.last_run_at) })
           ] }),
-          /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1 text-sm text-ui-fg-subtle", children: [
-            "Status",
-            /* @__PURE__ */ jsx(
-              "input",
-              {
-                className: "rounded-md border border-ui-border-base bg-ui-bg-base px-3 py-2 text-sm text-ui-fg-base",
-                value: filters.status,
-                onChange: (event) => setFilters((prev) => ({ ...prev, status: event.target.value })),
-                placeholder: "OPEN"
-              }
-            )
+          /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-subtle p-3", children: [
+            /* @__PURE__ */ jsx("div", { className: "text-ui-fg-subtle", children: "Last run status" }),
+            /* @__PURE__ */ jsx("div", { className: "mt-1 font-medium capitalize", children: status.last_run_status || "—" })
           ] }),
-          /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1 text-sm text-ui-fg-subtle", children: [
-            "Order ID",
-            /* @__PURE__ */ jsx(
-              "input",
-              {
-                className: "rounded-md border border-ui-border-base bg-ui-bg-base px-3 py-2 text-sm text-ui-fg-base",
-                value: filters.order_id,
-                onChange: (event) => setFilters((prev) => ({ ...prev, order_id: event.target.value })),
-                placeholder: "order_..."
-              }
-            )
+          /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-subtle p-3", children: [
+            /* @__PURE__ */ jsx("div", { className: "text-ui-fg-subtle", children: "Last success" }),
+            /* @__PURE__ */ jsx("div", { className: "mt-1 font-medium", children: formatDate(status.last_success_at) })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-subtle p-3", children: [
+            /* @__PURE__ */ jsx("div", { className: "text-ui-fg-subtle", children: "Last failure" }),
+            /* @__PURE__ */ jsx("div", { className: "mt-1 font-medium", children: formatDate(status.last_failure_at) })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-subtle p-3", children: [
+            /* @__PURE__ */ jsx("div", { className: "text-ui-fg-subtle", children: "Sessions checked" }),
+            /* @__PURE__ */ jsx("div", { className: "mt-1 font-medium", children: status.sessions_checked ?? 0 })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-subtle p-3", children: [
+            /* @__PURE__ */ jsx("div", { className: "text-ui-fg-subtle", children: "Sessions updated" }),
+            /* @__PURE__ */ jsx("div", { className: "mt-1 font-medium", children: status.sessions_updated ?? 0 })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-subtle p-3", children: [
+            /* @__PURE__ */ jsx("div", { className: "text-ui-fg-subtle", children: "Drift detections" }),
+            /* @__PURE__ */ jsx("div", { className: "mt-1 font-medium", children: status.drift_count ?? 0 })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-subtle p-3", children: [
+            /* @__PURE__ */ jsx("div", { className: "text-ui-fg-subtle", children: "Last drift order" }),
+            /* @__PURE__ */ jsx("div", { className: "mt-1 font-medium", children: status.last_drift_order_id || "—" }),
+            /* @__PURE__ */ jsx("div", { className: "mt-1 text-xs text-ui-fg-subtle", children: formatDate(status.last_drift_at) })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-subtle p-3 md:col-span-2", children: [
+            /* @__PURE__ */ jsx("div", { className: "text-ui-fg-subtle", children: "Last error" }),
+            /* @__PURE__ */ jsx("div", { className: "mt-1 font-medium", children: status.last_error || "No errors recorded." })
           ] }),
-          /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1 text-sm text-ui-fg-subtle", children: [
-            "Cart ID",
-            /* @__PURE__ */ jsx(
-              "input",
-              {
-                className: "rounded-md border border-ui-border-base bg-ui-bg-base px-3 py-2 text-sm text-ui-fg-base",
-                value: filters.cart_id,
-                onChange: (event) => setFilters((prev) => ({ ...prev, cart_id: event.target.value })),
-                placeholder: "cart_..."
-              }
-            )
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-3", children: [
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "submit",
-              className: "rounded-md bg-ui-fg-base px-4 py-2 text-sm font-medium text-ui-bg-base",
-              disabled: loading,
-              children: loading ? "Loading..." : "Apply filters"
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              className: "rounded-md border border-ui-border-base px-4 py-2 text-sm text-ui-fg-base",
-              onClick: onReset,
-              disabled: loading,
-              children: "Reset"
-            }
-          ),
-          /* @__PURE__ */ jsxs("span", { className: "text-sm text-ui-fg-subtle", children: [
-            "Showing ",
-            disputes.length,
-            " dispute",
-            disputes.length === 1 ? "" : "s",
-            queryString ? " (filtered)" : ""
+          /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-subtle p-3 md:col-span-2", children: [
+            /* @__PURE__ */ jsx("div", { className: "text-ui-fg-subtle", children: "Total runs" }),
+            /* @__PURE__ */ jsx("div", { className: "mt-1 font-medium", children: status.runs ?? 0 })
           ] })
-        ] })
-      ] }) })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "rounded-xl border border-ui-border-base bg-ui-bg-base shadow-sm", children: [
-      /* @__PURE__ */ jsx("div", { className: "border-b border-ui-border-base p-4", children: /* @__PURE__ */ jsx("div", { className: "text-base font-semibold text-ui-fg-base", children: "Dispute Records" }) }),
-      /* @__PURE__ */ jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxs("table", { className: "min-w-full divide-y divide-ui-border-base text-sm", children: [
-        /* @__PURE__ */ jsx("thead", { className: "bg-ui-bg-subtle", children: /* @__PURE__ */ jsxs("tr", { className: "text-left text-ui-fg-subtle", children: [
-          /* @__PURE__ */ jsx("th", { className: "px-4 py-3 font-medium", children: "Dispute" }),
-          /* @__PURE__ */ jsx("th", { className: "px-4 py-3 font-medium", children: "Status" }),
-          /* @__PURE__ */ jsx("th", { className: "px-4 py-3 font-medium", children: "Reason" }),
-          /* @__PURE__ */ jsx("th", { className: "px-4 py-3 font-medium", children: "Stage" }),
-          /* @__PURE__ */ jsx("th", { className: "px-4 py-3 font-medium", children: "Amount" }),
-          /* @__PURE__ */ jsx("th", { className: "px-4 py-3 font-medium", children: "Order" }),
-          /* @__PURE__ */ jsx("th", { className: "px-4 py-3 font-medium", children: "Cart" }),
-          /* @__PURE__ */ jsx("th", { className: "px-4 py-3 font-medium", children: "Updated" })
-        ] }) }),
-        /* @__PURE__ */ jsx("tbody", { className: "divide-y divide-ui-border-base text-ui-fg-base", children: disputes.length === 0 ? /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { className: "px-4 py-6 text-center text-ui-fg-subtle", colSpan: 8, children: loading ? "Loading disputes..." : "No disputes found." }) }) : disputes.map((dispute) => /* @__PURE__ */ jsxs("tr", { children: [
-          /* @__PURE__ */ jsxs("td", { className: "px-4 py-3", children: [
-            /* @__PURE__ */ jsx("div", { className: "font-medium text-ui-fg-base", children: dispute.dispute_id }),
-            /* @__PURE__ */ jsx("div", { className: "text-xs text-ui-fg-subtle", children: dispute.transaction_id || "No transaction" })
-          ] }),
-          /* @__PURE__ */ jsx("td", { className: "px-4 py-3", children: dispute.status || "Unknown" }),
-          /* @__PURE__ */ jsx("td", { className: "px-4 py-3", children: dispute.reason || "-" }),
-          /* @__PURE__ */ jsx("td", { className: "px-4 py-3", children: dispute.stage || "-" }),
-          /* @__PURE__ */ jsx("td", { className: "px-4 py-3", children: dispute.amount ? `${dispute.amount} ${dispute.currency_code || ""}` : "-" }),
-          /* @__PURE__ */ jsx("td", { className: "px-4 py-3", children: dispute.order_id || "-" }),
-          /* @__PURE__ */ jsx("td", { className: "px-4 py-3", children: dispute.cart_id || "-" }),
-          /* @__PURE__ */ jsx("td", { className: "px-4 py-3 text-ui-fg-subtle", children: formatDate$1(dispute.updated_at || dispute.created_at) })
-        ] }, dispute.id)) })
-      ] }) }),
-      error ? /* @__PURE__ */ jsx("div", { className: "border-t border-ui-border-base px-4 py-3 text-sm text-ui-fg-error", children: error }) : null
+        ] }) : null
+      ] })
     ] })
   ] }) });
 }
-function PayPalPayLaterMessagingPage() {
-  return /* @__PURE__ */ jsx(Navigate, { to: "/settings/paypal/connection", replace: true });
+async function adminFetch(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 DISPLAY_LOCATION_OPTIONS = [
   { value: "product", label: "Product Page" },
@@ -1604,7 +1476,7 @@ function PayPalSettingsTab() {
   const [form, setForm] = useState({
     enabled: true,
     title: "PayPal",
-    description: "Pay via PayPal; you can pay with your credit card if you don’t have a PayPal account",
+    description: "Pay via PayPal; you can pay with your credit card if you don't have a PayPal account",
     displayOn: ["product", "cart", "express", "mini_cart"],
     disableButtons: [],
     buttonColor: "gold",
@@ -1623,12 +1495,9 @@ function PayPalSettingsTab() {
     (async () => {
       try {
         setLoading(true);
-        const r = await fetch("/admin/paypal/settings", {
-          credentials: "include",
-          headers: { Accept: "application/json" }
-        });
-        if (!r.ok) return;
-        const json = await r.json();
+        const json = await adminFetch(
+          "/admin/paypal/settings"
+        );
         const payload = (json == null ? void 0 : json.data) ?? json;
         const saved = payload == null ? void 0 : payload.paypal_settings;
         if (saved && typeof saved === "object") {
@@ -1638,6 +1507,7 @@ function PayPalSettingsTab() {
             disableButtons: filterHiddenDisableButtons(saved.disableButtons)
           }));
         }
+      } catch {
       } finally {
         setLoading(false);
       }
@@ -1650,22 +1520,13 @@ function PayPalSettingsTab() {
         ...form,
         disableButtons: filterHiddenDisableButtons(form.disableButtons)
       };
-      const r = await fetch("/admin/paypal/settings", {
-        method: "POST",
-        credentials: "include",
-        headers: {
-          "Content-Type": "application/json",
-          Accept: "application/json"
-        },
-        body: JSON.stringify({ paypal_settings: cleaned })
-      });
-      if (!r.ok) {
-        const t = await r.text();
-        setToast({ type: "error", message: "Failed to save settings. " + t });
-        window.setTimeout(() => setToast(null), 3500);
-        return;
-      }
-      const json = await r.json().catch(() => null);
+      const json = await adminFetch(
+        "/admin/paypal/settings",
+        {
+          method: "POST",
+          body: { paypal_settings: cleaned }
+        }
+      );
       const payload = (json == null ? void 0 : json.data) ?? json;
       const saved = payload == null ? void 0 : payload.paypal_settings;
       if (saved && typeof saved === "object") {
@@ -1677,6 +1538,12 @@ function PayPalSettingsTab() {
       }
       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);
     }
@@ -1816,226 +1683,114 @@ function PayPalSettingsTab() {
         ] })
       }
     ),
-    /* @__PURE__ */ jsxs(
+    /* @__PURE__ */ jsx(
       SectionCard,
       {
         title: "Button Appearance",
         description: "Control PayPal Smart Button styling (color/shape/size/label) and optionally disable specific buttons.",
-        children: [
-          /* @__PURE__ */ jsxs("div", { className: "divide-y divide-ui-border-base", children: [
-            /* @__PURE__ */ jsx(
-              FieldRow,
-              {
-                label: "Disable Specific Payment Buttons",
-                hint: "Hide individual funding sources (ex: Card, Venmo).",
-                children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
-                  /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2", children: [
-                    filterHiddenDisableButtons(form.disableButtons).map((v) => {
-                      const opt = VISIBLE_DISABLE_BUTTON_OPTIONS.find((o) => o.value === v);
-                      return /* @__PURE__ */ jsx(Pill, { onRemove: () => removeMulti("disableButtons", v), children: (opt == null ? void 0 : opt.label) ?? v }, v);
-                    }),
-                    filterHiddenDisableButtons(form.disableButtons).length === 0 ? /* @__PURE__ */ jsx("span", { className: "text-sm text-ui-fg-subtle", children: "No buttons disabled." }) : null
-                  ] }),
-                  /* @__PURE__ */ jsx("div", { className: "rounded-md border border-ui-border-base p-3", children: /* @__PURE__ */ jsx("div", { className: "grid gap-2 md:grid-cols-2", children: VISIBLE_DISABLE_BUTTON_OPTIONS.map((o) => {
-                    const checked = form.disableButtons.includes(o.value);
-                    return /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 rounded-md p-2 hover:bg-ui-bg-subtle", children: [
-                      /* @__PURE__ */ jsx(
-                        "input",
-                        {
-                          type: "checkbox",
-                          checked,
-                          onChange: () => toggleMulti("disableButtons", o.value),
-                          className: "h-4 w-4 rounded border-ui-border-base"
-                        }
-                      ),
-                      /* @__PURE__ */ jsx("span", { className: "text-sm text-ui-fg-base", children: o.label })
-                    ] }, o.value);
-                  }) }) })
-                ] })
-              }
-            ),
-            /* @__PURE__ */ jsx(FieldRow, { label: "Button Color", children: /* @__PURE__ */ jsx(
-              "select",
-              {
-                value: form.buttonColor,
-                onChange: (e) => setForm((p) => ({ ...p, buttonColor: 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: COLOR_OPTIONS.map((o) => /* @__PURE__ */ jsx("option", { value: o.value, children: o.label }, o.value))
-              }
-            ) }),
-            /* @__PURE__ */ jsx(FieldRow, { label: "Button Shape", children: /* @__PURE__ */ jsx(
-              "select",
-              {
-                value: form.buttonShape,
-                onChange: (e) => setForm((p) => ({ ...p, buttonShape: 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: SHAPE_OPTIONS.map((o) => /* @__PURE__ */ jsx("option", { value: o.value, children: o.label }, o.value))
-              }
-            ) }),
-            /* @__PURE__ */ jsx(FieldRow, { label: "Button Width", children: /* @__PURE__ */ jsx(
-              "select",
-              {
-                value: form.buttonWidth,
-                onChange: (e) => setForm((p) => ({ ...p, buttonWidth: 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: WIDTH_OPTIONS.map((o) => /* @__PURE__ */ jsx("option", { value: o.value, children: o.label }, o.value))
-              }
-            ) }),
-            /* @__PURE__ */ jsx(FieldRow, { label: "Button Height", children: /* @__PURE__ */ jsx(
-              "select",
-              {
-                value: String(form.buttonHeight),
-                onChange: (e) => setForm((p) => ({ ...p, buttonHeight: Number(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: HEIGHT_OPTIONS.map((h) => /* @__PURE__ */ jsxs("option", { value: h, children: [
-                  h,
-                  " px"
-                ] }, h))
-              }
-            ) }),
-            /* @__PURE__ */ jsx(FieldRow, { label: "Button Label", children: /* @__PURE__ */ jsx(
-              "select",
-              {
-                value: form.buttonLabel,
-                onChange: (e) => setForm((p) => ({ ...p, buttonLabel: 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: LABEL_OPTIONS.map((o) => /* @__PURE__ */ jsx("option", { value: o.value, children: o.label }, o.value))
-              }
-            ) })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "mt-6 rounded-md border border-ui-border-base bg-ui-bg-subtle p-4", children: [
-            /* @__PURE__ */ jsx("div", { className: "text-sm font-medium text-ui-fg-base", children: "Preview (UI only)" }),
-            /* @__PURE__ */ jsxs("div", { className: "mt-2 text-sm text-ui-fg-subtle", children: [
-              "Color: ",
-              /* @__PURE__ */ jsx("span", { className: "text-ui-fg-base", children: form.buttonColor }),
-              " · Shape:",
-              " ",
-              /* @__PURE__ */ jsx("span", { className: "text-ui-fg-base", children: form.buttonShape }),
-              " · Width:",
-              " ",
-              /* @__PURE__ */ jsx("span", { className: "text-ui-fg-base", children: form.buttonWidth }),
-              " · Height:",
-              " ",
-              /* @__PURE__ */ jsxs("span", { className: "text-ui-fg-base", children: [
-                form.buttonHeight,
-                "px"
-              ] }),
-              " · Label:",
-              " ",
-              /* @__PURE__ */ jsx("span", { className: "text-ui-fg-base", children: form.buttonLabel })
-            ] })
-          ] })
-        ]
-      }
-    )
-  ] }) });
-}
-function formatDate(value) {
-  if (!value) {
-    return "—";
-  }
-  const parsed = new Date(value);
-  if (Number.isNaN(parsed.getTime())) {
-    return value;
-  }
-  return parsed.toLocaleString();
-}
-function PayPalReconciliationStatusPage() {
-  const [status, setStatus] = useState({});
-  const [loading, setLoading] = useState(false);
-  const [error, setError] = useState(null);
-  const fetchStatus = useCallback(async () => {
-    try {
-      setLoading(true);
-      setError(null);
-      const response = await fetch("/admin/paypal/reconciliation-status", {
-        credentials: "include",
-        headers: {
-          Accept: "application/json"
-        }
-      });
-      if (!response.ok) {
-        const message = await response.text().catch(() => "");
-        throw new Error(message || "Failed to load reconciliation status.");
+        children: /* @__PURE__ */ jsxs("div", { className: "divide-y divide-ui-border-base", children: [
+          /* @__PURE__ */ jsx(
+            FieldRow,
+            {
+              label: "Disable Specific Payment Buttons",
+              hint: "Hide individual funding sources (ex: Card, Venmo).",
+              children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2", children: [
+                  filterHiddenDisableButtons(form.disableButtons).map((v) => {
+                    const opt = VISIBLE_DISABLE_BUTTON_OPTIONS.find((o) => o.value === v);
+                    return /* @__PURE__ */ jsx(Pill, { onRemove: () => removeMulti("disableButtons", v), children: (opt == null ? void 0 : opt.label) ?? v }, v);
+                  }),
+                  filterHiddenDisableButtons(form.disableButtons).length === 0 ? /* @__PURE__ */ jsx("span", { className: "text-sm text-ui-fg-subtle", children: "No buttons disabled." }) : null
+                ] }),
+                /* @__PURE__ */ jsx("div", { className: "rounded-md border border-ui-border-base p-3", children: /* @__PURE__ */ jsx("div", { className: "grid gap-2 md:grid-cols-2", children: VISIBLE_DISABLE_BUTTON_OPTIONS.map((o) => {
+                  const checked = form.disableButtons.includes(o.value);
+                  return /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 rounded-md p-2 hover:bg-ui-bg-subtle", children: [
+                    /* @__PURE__ */ jsx(
+                      "input",
+                      {
+                        type: "checkbox",
+                        checked,
+                        onChange: () => toggleMulti("disableButtons", o.value),
+                        className: "h-4 w-4 rounded border-ui-border-base"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx("span", { className: "text-sm text-ui-fg-base", children: o.label })
+                  ] }, o.value);
+                }) }) })
+              ] })
+            }
+          ),
+          /* @__PURE__ */ jsx(FieldRow, { label: "Button Color", children: /* @__PURE__ */ jsx(
+            "select",
+            {
+              value: form.buttonColor,
+              onChange: (e) => setForm((p) => ({ ...p, buttonColor: 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: COLOR_OPTIONS.map((o) => /* @__PURE__ */ jsx("option", { value: o.value, children: o.label }, o.value))
+            }
+          ) }),
+          /* @__PURE__ */ jsx(FieldRow, { label: "Button Shape", children: /* @__PURE__ */ jsx(
+            "select",
+            {
+              value: form.buttonShape,
+              onChange: (e) => setForm((p) => ({ ...p, buttonShape: 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: SHAPE_OPTIONS.map((o) => /* @__PURE__ */ jsx("option", { value: o.value, children: o.label }, o.value))
+            }
+          ) }),
+          /* @__PURE__ */ jsx(FieldRow, { label: "Button Width", children: /* @__PURE__ */ jsx(
+            "select",
+            {
+              value: form.buttonWidth,
+              onChange: (e) => setForm((p) => ({ ...p, buttonWidth: 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: WIDTH_OPTIONS.map((o) => /* @__PURE__ */ jsx("option", { value: o.value, children: o.label }, o.value))
+            }
+          ) }),
+          /* @__PURE__ */ jsx(FieldRow, { label: "Button Height", children: /* @__PURE__ */ jsx(
+            "select",
+            {
+              value: String(form.buttonHeight),
+              onChange: (e) => setForm((p) => ({ ...p, buttonHeight: Number(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: HEIGHT_OPTIONS.map((h) => /* @__PURE__ */ jsxs("option", { value: h, children: [
+                h,
+                " px"
+              ] }, h))
+            }
+          ) }),
+          /* @__PURE__ */ jsx(FieldRow, { label: "Button Label", children: /* @__PURE__ */ jsx(
+            "select",
+            {
+              value: form.buttonLabel,
+              onChange: (e) => setForm((p) => ({ ...p, buttonLabel: 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: LABEL_OPTIONS.map((o) => /* @__PURE__ */ jsx("option", { value: o.value, children: o.label }, o.value))
+            }
+          ) })
+        ] })
       }
-      const data = await response.json().catch(() => ({}));
-      setStatus((data == null ? void 0 : data.status) || {});
-    } catch (fetchError) {
-      setError((fetchError == null ? void 0 : fetchError.message) || "Failed to load reconciliation status.");
-      setStatus({});
-    } finally {
-      setLoading(false);
-    }
-  }, []);
-  useEffect(() => {
-    fetchStatus();
-  }, [fetchStatus]);
-  return /* @__PURE__ */ jsx("div", { className: "p-6", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6", children: [
-    /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsx("h1", { className: "text-xl font-semibold text-ui-fg-base", children: "PayPal Reconciliation Status" }),
-      /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-ui-fg-subtle", children: "Monitor reconciliation health and drift detection for PayPal payment sessions." })
-    ] }),
-    /* @__PURE__ */ jsx(PayPalTabs, {}),
-    /* @__PURE__ */ jsxs("div", { className: "rounded-xl border border-ui-border-base bg-ui-bg-base shadow-sm", children: [
-      /* @__PURE__ */ jsx("div", { className: "border-b border-ui-border-base p-4", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-4", children: [
-        /* @__PURE__ */ jsx("div", { className: "text-base font-semibold text-ui-fg-base", children: "Latest reconciliation run" }),
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            onClick: fetchStatus,
-            className: "rounded-md border border-ui-border-base px-3 py-2 text-sm text-ui-fg-base",
-            disabled: loading,
-            children: loading ? "Refreshing..." : "Refresh"
-          }
-        )
-      ] }) }),
-      /* @__PURE__ */ jsxs("div", { className: "p-4", children: [
-        error ? /* @__PURE__ */ jsx("div", { className: "rounded-md border border-red-200 bg-red-50 p-3 text-sm text-red-600", children: error }) : null,
-        !error && Object.keys(status).length === 0 ? /* @__PURE__ */ jsx("div", { className: "text-sm text-ui-fg-subtle", children: loading ? "Loading reconciliation status..." : "No reconciliation data yet." }) : null,
-        Object.keys(status).length > 0 ? /* @__PURE__ */ jsxs("div", { className: "grid gap-4 text-sm text-ui-fg-base md:grid-cols-2", children: [
-          /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-subtle p-3", children: [
-            /* @__PURE__ */ jsx("div", { className: "text-ui-fg-subtle", children: "Last run" }),
-            /* @__PURE__ */ jsx("div", { className: "mt-1 font-medium", children: formatDate(status.last_run_at) })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-subtle p-3", children: [
-            /* @__PURE__ */ jsx("div", { className: "text-ui-fg-subtle", children: "Last run status" }),
-            /* @__PURE__ */ jsx("div", { className: "mt-1 font-medium capitalize", children: status.last_run_status || "—" })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-subtle p-3", children: [
-            /* @__PURE__ */ jsx("div", { className: "text-ui-fg-subtle", children: "Last success" }),
-            /* @__PURE__ */ jsx("div", { className: "mt-1 font-medium", children: formatDate(status.last_success_at) })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-subtle p-3", children: [
-            /* @__PURE__ */ jsx("div", { className: "text-ui-fg-subtle", children: "Last failure" }),
-            /* @__PURE__ */ jsx("div", { className: "mt-1 font-medium", children: formatDate(status.last_failure_at) })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-subtle p-3", children: [
-            /* @__PURE__ */ jsx("div", { className: "text-ui-fg-subtle", children: "Sessions checked" }),
-            /* @__PURE__ */ jsx("div", { className: "mt-1 font-medium", children: status.sessions_checked ?? 0 })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-subtle p-3", children: [
-            /* @__PURE__ */ jsx("div", { className: "text-ui-fg-subtle", children: "Sessions updated" }),
-            /* @__PURE__ */ jsx("div", { className: "mt-1 font-medium", children: status.sessions_updated ?? 0 })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-subtle p-3", children: [
-            /* @__PURE__ */ jsx("div", { className: "text-ui-fg-subtle", children: "Drift detections" }),
-            /* @__PURE__ */ jsx("div", { className: "mt-1 font-medium", children: status.drift_count ?? 0 })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-subtle p-3", children: [
-            /* @__PURE__ */ jsx("div", { className: "text-ui-fg-subtle", children: "Last drift order" }),
-            /* @__PURE__ */ jsx("div", { className: "mt-1 font-medium", children: status.last_drift_order_id || "—" }),
-            /* @__PURE__ */ jsx("div", { className: "mt-1 text-xs text-ui-fg-subtle", children: formatDate(status.last_drift_at) })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-subtle p-3 md:col-span-2", children: [
-            /* @__PURE__ */ jsx("div", { className: "text-ui-fg-subtle", children: "Last error" }),
-            /* @__PURE__ */ jsx("div", { className: "mt-1 font-medium", children: status.last_error || "No errors recorded." })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-subtle p-3 md:col-span-2", children: [
-            /* @__PURE__ */ jsx("div", { className: "text-ui-fg-subtle", children: "Total runs" }),
-            /* @__PURE__ */ jsx("div", { className: "mt-1 font-medium", children: status.runs ?? 0 })
-          ] })
-        ] }) : null
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "mt-6 rounded-md border border-ui-border-base bg-ui-bg-subtle p-4", children: [
+      /* @__PURE__ */ jsx("div", { className: "text-sm font-medium text-ui-fg-base", children: "Preview (UI only)" }),
+      /* @__PURE__ */ jsxs("div", { className: "mt-2 text-sm text-ui-fg-subtle", children: [
+        "Color: ",
+        /* @__PURE__ */ jsx("span", { className: "text-ui-fg-base", children: form.buttonColor }),
+        " · Shape:",
+        " ",
+        /* @__PURE__ */ jsx("span", { className: "text-ui-fg-base", children: form.buttonShape }),
+        " · Width:",
+        " ",
+        /* @__PURE__ */ jsx("span", { className: "text-ui-fg-base", children: form.buttonWidth }),
+        " · Height:",
+        " ",
+        /* @__PURE__ */ jsxs("span", { className: "text-ui-fg-base", children: [
+          form.buttonHeight,
+          "px"
+        ] }),
+        " · Label:",
+        " ",
+        /* @__PURE__ */ jsx("span", { className: "text-ui-fg-base", children: form.buttonLabel })
       ] })
     ] })
   ] }) });
@@ -2051,6 +1806,10 @@ const routeModule = {
       Component: AdditionalSettingsTab,
       path: "/settings/paypal/additional-settings"
     },
+    {
+      Component: AdvancedCardPaymentsTab,
+      path: "/settings/paypal/advanced-card-payments"
+    },
     {
       Component: PayPalApplePayPage,
       path: "/settings/paypal/apple-pay"
@@ -2060,8 +1819,8 @@ const routeModule = {
       path: "/settings/paypal/connection"
     },
     {
-      Component: AdvancedCardPaymentsTab,
-      path: "/settings/paypal/advanced-card-payments"
+      Component: PayPalDisputesPage,
+      path: "/settings/paypal/disputes"
     },
     {
       Component: PayPalAuditLogsPage,
@@ -2071,21 +1830,17 @@ const routeModule = {
       Component: PayPalGooglePayPage,
       path: "/settings/paypal/google-pay"
     },
-    {
-      Component: PayPalDisputesPage,
-      path: "/settings/paypal/disputes"
-    },
     {
       Component: PayPalPayLaterMessagingPage,
       path: "/settings/paypal/pay-later-messaging"
     },
-    {
-      Component: PayPalSettingsTab,
-      path: "/settings/paypal/paypal-settings"
-    },
     {
       Component: PayPalReconciliationStatusPage,
       path: "/settings/paypal/reconciliation-status"
+    },
+    {
+      Component: PayPalSettingsTab,
+      path: "/settings/paypal/paypal-settings"
     }
   ]
 };