npm - @easypayment/medusa-paypal - Versions diffs - 0.1.5 → 0.1.6 - Mend

@easypayment/medusa-paypal 0.1.5 → 0.1.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (32) hide show

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

@@ -41,17 +41,11 @@ function PayPalTabs() {
   }) }) });
 }
 const DEFAULT_FORM$1 = {
-  paymentAction: "capture",
-  brandName: "PayPal",
-  landingPage: "no_preference",
-  requireInstantPayment: false,
-  useShippingAsBilling: true,
-  sendItemDetails: true,
-  skipOrderReviewPage: true,
-  invoicePrefix: "WC-",
-  creditCardStatementName: "PayPal",
-  enableLogging: true,
-  logPath: "/uploads/wc-logs/"
+  enabled: true,
+  title: "Credit or Debit Card",
+  disabledCards: [],
+  threeDS: "when_required",
+  cardSaveEnabled: false
 };
 function mergeWithDefaults$1(saved) {
   if (!saved) return { ...DEFAULT_FORM$1 };
@@ -61,6 +55,53 @@ function mergeWithDefaults$1(saved) {
     ...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 cx$1(...parts) {
+  return parts.filter(Boolean).join(" ");
+}
+function Pill$1({
+  children,
+  onRemove
+}) {
+  return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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$2({
   title,
   description,
@@ -91,10 +132,12 @@ function FieldRow$2({
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-12 md:col-span-8", children })
   ] });
 }
-function AdditionalSettingsTab() {
+function AdvancedCardPaymentsTab() {
+  var _a, _b;
   const [form, setForm] = react.useState(() => ({ ...DEFAULT_FORM$1 }));
   const [loading, setLoading] = react.useState(false);
   const [saving, setSaving] = react.useState(false);
+  const [toast, setToast] = react.useState(null);
   const didInit = react.useRef(false);
   react.useEffect(() => {
     if (didInit.current) return;
@@ -109,7 +152,7 @@ function AdditionalSettingsTab() {
         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.additional_settings;
+        const saved = payload == null ? void 0 : payload.advanced_card_payments;
         if (saved && typeof saved === "object") {
           setForm(mergeWithDefaults$1(saved));
         }
@@ -118,11 +161,9 @@ function AdditionalSettingsTab() {
       }
     })();
   }, []);
-  const [toast, setToast] = react.useState(null);
   async function onSave() {
     try {
       setSaving(true);
-      setToast(null);
       const r = await fetch("/admin/paypal/settings", {
         method: "POST",
         credentials: "include",
@@ -130,29 +171,42 @@ function AdditionalSettingsTab() {
           "Content-Type": "application/json",
           "Accept": "application/json"
         },
-        body: JSON.stringify({
-          additional_settings: form
-        })
+        body: JSON.stringify({ advanced_card_payments: form })
       });
       if (!r.ok) {
-        const errText = await r.text().catch(() => "");
-        throw new Error(errText || "Failed to save settings");
+        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(() => ({}));
+      const json = await r.json().catch(() => null);
       const payload = (json == null ? void 0 : json.data) ?? json;
-      const saved = payload == null ? void 0 : payload.additional_settings;
+      const saved = payload == null ? void 0 : payload.advanced_card_payments;
       if (saved && typeof saved === "object") {
         setForm(mergeWithDefaults$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" });
-      window.setTimeout(() => setToast(null), 3500);
     } finally {
       setSaving(false);
     }
   }
+  const disabledSet = react.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__ */ jsxRuntime.jsx("div", { className: "p-6", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-6", children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-start justify-between gap-4", children: /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-xl font-semibold text-ui-fg-base", children: "PayPal Gateway By Easy Payment" }) }) }),
     /* @__PURE__ */ jsxRuntime.jsx(PayPalTabs, {}),
@@ -168,8 +222,8 @@ function AdditionalSettingsTab() {
     /* @__PURE__ */ jsxRuntime.jsx(
       SectionCard$2,
       {
-        title: "Additional Settings",
-        description: "These settings control checkout behavior, PayPal experience, and logging.",
+        title: "Advanced Card Payments",
+        description: "Control card checkout settings, 3D Secure behavior, and card saving.",
         right: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
           /* @__PURE__ */ jsxRuntime.jsx(
             "button",
@@ -184,161 +238,102 @@ function AdditionalSettingsTab() {
           loading ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-ui-fg-subtle", children: "Loading…" }) : null
         ] }),
         children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "divide-y divide-ui-border-base", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(FieldRow$2, { label: "Payment action", children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("option", { value: "capture", children: "Capture" }),
-                /* @__PURE__ */ jsxRuntime.jsx("option", { value: "authorize", children: "Authorize" })
-              ]
-            }
-          ) }),
-          /* @__PURE__ */ jsxRuntime.jsx(FieldRow$2, { label: "Brand Name", children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(FieldRow$2, { label: "Landing Page", children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("option", { value: "no_preference", children: "No Preference" }),
-                /* @__PURE__ */ jsxRuntime.jsx("option", { value: "login", children: "Login" }),
-                /* @__PURE__ */ jsxRuntime.jsx("option", { value: "billing", children: "Billing" })
-              ]
-            }
-          ) }),
-          /* @__PURE__ */ jsxRuntime.jsx(FieldRow$2, { label: "Instant Payments", children: /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "inline-flex items-center gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(FieldRow$2, { label: "Enable/Disable", children: /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "inline-flex items-center gap-2", children: [
             /* @__PURE__ */ jsxRuntime.jsx(
               "input",
               {
                 type: "checkbox",
-                checked: form.requireInstantPayment,
-                onChange: (e) => setForm((p) => ({ ...p, requireInstantPayment: e.target.checked })),
+                checked: form.enabled,
+                onChange: (e) => setForm((p) => ({ ...p, enabled: e.target.checked })),
                 className: "h-4 w-4 rounded border-ui-border-base"
               }
             ),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-ui-fg-base", children: "Require Instant Payment" })
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-ui-fg-base", children: "Enable Advanced Credit/Debit Card" })
           ] }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            FieldRow$2,
+          /* @__PURE__ */ jsxRuntime.jsx(FieldRow$2, { label: "Title", children: /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
             {
-              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__ */ jsxRuntime.jsxs("label", { className: "inline-flex items-center gap-2", children: [
-                /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { className: "text-sm text-ui-fg-base", children: "Use PayPal Shipping Address as Billing" })
-              ] })
+              value: form.title,
+              onChange: (e) => setForm((p) => ({ ...p, title: e.target.value })),
+              className: "w-full rounded-md border border-ui-border-base bg-ui-bg-base px-3 py-2 text-sm text-ui-fg-base outline-none focus:ring-2 focus:ring-ui-border-interactive",
+              placeholder: "Credit or Debit Card"
             }
-          ),
+          ) }),
           /* @__PURE__ */ jsxRuntime.jsx(
             FieldRow$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__ */ jsxRuntime.jsxs("label", { className: "inline-flex items-center gap-2", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  "input",
-                  {
-                    type: "checkbox",
-                    checked: form.sendItemDetails,
-                    onChange: (e) => setForm((p) => ({ ...p, sendItemDetails: e.target.checked })),
-                    className: "h-4 w-4 rounded border-ui-border-base"
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-ui-fg-base", children: "Send line item details to PayPal" })
+              label: "Disable specific credit cards",
+              hint: "Select card brands to hide from the card form.",
+              children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
+                /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(Pill$1, { onRemove: () => removeDisabledCard(v), children: label }, v);
+                }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-ui-fg-subtle", children: "No card brands disabled." }) }),
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-md border border-ui-border-base p-3", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid gap-2 md:grid-cols-2", children: CARD_BRANDS.map((b) => {
+                  const checked = disabledSet.has(b.value);
+                  return /* @__PURE__ */ jsxRuntime.jsxs(
+                    "label",
+                    {
+                      className: cx$1(
+                        "flex items-center gap-2 rounded-md p-2",
+                        "hover:bg-ui-bg-subtle"
+                      ),
+                      children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(
+                          "input",
+                          {
+                            type: "checkbox",
+                            checked,
+                            onChange: () => toggleDisabledCard(b.value),
+                            className: "h-4 w-4 rounded border-ui-border-base"
+                          }
+                        ),
+                        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-ui-fg-base", children: b.label })
+                      ]
+                    },
+                    b.value
+                  );
+                }) }) })
               ] })
             }
           ),
           /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("label", { className: "inline-flex items-center gap-2", children: [
+              label: "Contingency for 3D Secure",
+              hint: "Choose when 3D Secure should be triggered during card payments.",
+              children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
-                  "input",
+                  "select",
                   {
-                    type: "checkbox",
-                    checked: form.skipOrderReviewPage,
-                    onChange: (e) => setForm((p) => ({ ...p, skipOrderReviewPage: e.target.checked })),
-                    className: "h-4 w-4 rounded border-ui-border-base"
+                    value: form.threeDS,
+                    onChange: (e) => setForm((p) => ({ ...p, threeDS: e.target.value })),
+                    className: "w-full rounded-md border border-ui-border-base bg-ui-bg-base px-3 py-2 text-sm text-ui-fg-base outline-none focus:ring-2 focus:ring-ui-border-interactive",
+                    children: THREE_DS_OPTIONS.map((o) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: o.value, children: o.label }, o.value))
                   }
                 ),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-ui-fg-base", children: "Skip Order Review Page" })
+                ((_a = THREE_DS_OPTIONS.find((o) => o.value === form.threeDS)) == null ? void 0 : _a.hint) ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-ui-fg-subtle", children: (_b = THREE_DS_OPTIONS.find((o) => o.value === form.threeDS)) == null ? void 0 : _b.hint }) : null
               ] })
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx(FieldRow$2, { label: "Invoice prefix", children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(FieldRow$2, { label: "Credit Card Statement Name", children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
-            FieldRow$2,
-            {
-              label: "Debug log",
-              hint: /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-                "Log PayPal events such as Webhook, Payment, Refund.",
-                " ",
-                form.logPath ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                  "Log location: ",
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono", children: form.logPath })
-                ] }) : null
-              ] }),
-              children: /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "inline-flex items-center gap-2", children: [
-                /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { className: "text-sm text-ui-fg-base", children: "Enable logging" })
-              ] })
-            }
-          )
+          /* @__PURE__ */ jsxRuntime.jsx(FieldRow$2, { label: "Card Save Enabled", hint: "Allow customers to save a card at checkout for future use.", children: /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "inline-flex items-center gap-2", children: [
+            /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { className: "text-sm text-ui-fg-base", children: "Enable card saving at checkout" })
+          ] }) })
         ] })
       }
     )
   ] }) });
 }
-function PayPalApplePayPage() {
-  return /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Navigate, { to: "/settings/paypal/connection", replace: true });
-}
 const config = adminSdk.defineRouteConfig({
   label: "PayPal Connection",
   hide: true
@@ -923,6 +918,12 @@ function PayPalConnectionPage() {
       ` })
   ] });
 }
+const EMPTY_FILTERS = {
+  dispute_id: "",
+  status: "",
+  order_id: "",
+  cart_id: ""
+};
 function formatDate$2(value) {
   if (!value) {
     return "";
@@ -933,6 +934,195 @@ function formatDate$2(value) {
   }
   return parsed.toLocaleString();
 }
+function PayPalDisputesPage() {
+  const [filters, setFilters] = react.useState({ ...EMPTY_FILTERS });
+  const [disputes, setDisputes] = react.useState([]);
+  const [loading, setLoading] = react.useState(false);
+  const [error, setError] = react.useState(null);
+  const queryString = react.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 = react.useCallback(async (source) => {
+    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) || []);
+    } catch (fetchError) {
+      setError((fetchError == null ? void 0 : fetchError.message) || "Failed to load disputes");
+      setDisputes([]);
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+  react.useEffect(() => {
+    fetchDisputes(EMPTY_FILTERS);
+  }, [fetchDisputes]);
+  const onSubmit = (event) => {
+    event.preventDefault();
+    fetchDisputes(filters);
+  };
+  const onReset = () => {
+    setFilters({ ...EMPTY_FILTERS });
+    fetchDisputes(EMPTY_FILTERS);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-6", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-6", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-xl font-semibold text-ui-fg-base", children: "PayPal Disputes" }),
+      /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(PayPalTabs, {}),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-xl border border-ui-border-base bg-ui-bg-base shadow-sm", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-b border-ui-border-base p-4", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-base font-semibold text-ui-fg-base", children: "Filters" }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-4", children: /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit, className: "flex flex-col gap-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex flex-col gap-1 text-sm text-ui-fg-subtle", children: [
+            "Dispute ID",
+            /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("label", { className: "flex flex-col gap-1 text-sm text-ui-fg-subtle", children: [
+            "Status",
+            /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("label", { className: "flex flex-col gap-1 text-sm text-ui-fg-subtle", children: [
+            "Order ID",
+            /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("label", { className: "flex flex-col gap-1 text-sm text-ui-fg-subtle", children: [
+            "Cart ID",
+            /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap gap-3", children: [
+          /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("span", { className: "text-sm text-ui-fg-subtle", children: [
+            "Showing ",
+            disputes.length,
+            " dispute",
+            disputes.length === 1 ? "" : "s",
+            queryString ? " (filtered)" : ""
+          ] })
+        ] })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-xl border border-ui-border-base bg-ui-bg-base shadow-sm", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-b border-ui-border-base p-4", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-base font-semibold text-ui-fg-base", children: "Dispute Records" }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "min-w-full divide-y divide-ui-border-base text-sm", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("thead", { className: "bg-ui-bg-subtle", children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: "text-left text-ui-fg-subtle", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 font-medium", children: "Dispute" }),
+          /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 font-medium", children: "Status" }),
+          /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 font-medium", children: "Reason" }),
+          /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 font-medium", children: "Stage" }),
+          /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 font-medium", children: "Amount" }),
+          /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 font-medium", children: "Order" }),
+          /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 font-medium", children: "Cart" }),
+          /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 font-medium", children: "Updated" })
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("tbody", { className: "divide-y divide-ui-border-base text-ui-fg-base", children: disputes.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("tr", { children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("tr", { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("td", { className: "px-4 py-3", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-medium text-ui-fg-base", children: dispute.dispute_id }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-ui-fg-subtle", children: dispute.transaction_id || "No transaction" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-3", children: dispute.status || "Unknown" }),
+          /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-3", children: dispute.reason || "-" }),
+          /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-3", children: dispute.stage || "-" }),
+          /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-3", children: dispute.amount ? `${dispute.amount} ${dispute.currency_code || ""}` : "-" }),
+          /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-3", children: dispute.order_id || "-" }),
+          /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-3", children: dispute.cart_id || "-" }),
+          /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-3 text-ui-fg-subtle", children: formatDate$2(dispute.updated_at || dispute.created_at) })
+        ] }, dispute.id)) })
+      ] }) }),
+      error ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t border-ui-border-base px-4 py-3 text-sm text-ui-fg-error", children: error }) : null
+    ] })
+  ] }) });
+}
+function PayPalApplePayPage() {
+  return /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Navigate, { to: "/settings/paypal/connection", replace: true });
+}
+function formatDate$1(value) {
+  if (!value) {
+    return "";
+  }
+  const parsed = new Date(value);
+  if (Number.isNaN(parsed.getTime())) {
+    return value;
+  }
+  return parsed.toLocaleString();
+}
 function PayPalAuditLogsPage() {
   const [logs, setLogs] = react.useState([]);
   const [loading, setLoading] = react.useState(false);
@@ -993,7 +1183,7 @@ function PayPalAuditLogsPage() {
             /* @__PURE__ */ jsxRuntime.jsx("th", { className: "pb-2 font-medium", children: "Details" })
           ] }) }),
           /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: logs.map((entry) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: "border-t border-ui-border-base", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-3 pr-4 text-ui-fg-base", children: formatDate$2(entry.created_at) || "—" }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-3 pr-4 text-ui-fg-base", children: formatDate$1(entry.created_at) || "—" }),
             /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-3 pr-4 text-ui-fg-base", children: entry.event_type || "—" }),
             /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-3 text-ui-fg-subtle", children: /* @__PURE__ */ jsxRuntime.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)) })
@@ -1002,12 +1192,21 @@ function PayPalAuditLogsPage() {
     ] })
   ] }) });
 }
+function PayPalGooglePayPage() {
+  return /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Navigate, { to: "/settings/paypal/connection", replace: true });
+}
 const DEFAULT_FORM = {
-  enabled: true,
-  title: "Credit or Debit Card",
-  disabledCards: [],
-  threeDS: "when_required",
-  cardSaveEnabled: false
+  paymentAction: "capture",
+  brandName: "PayPal",
+  landingPage: "no_preference",
+  requireInstantPayment: false,
+  useShippingAsBilling: true,
+  sendItemDetails: true,
+  skipOrderReviewPage: true,
+  invoicePrefix: "WC-",
+  creditCardStatementName: "PayPal",
+  enableLogging: true,
+  logPath: "/uploads/wc-logs/"
 };
 function mergeWithDefaults(saved) {
   if (!saved) return { ...DEFAULT_FORM };
@@ -1017,53 +1216,6 @@ function mergeWithDefaults(saved) {
     ...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 cx$1(...parts) {
-  return parts.filter(Boolean).join(" ");
-}
-function Pill$1({
-  children,
-  onRemove
-}) {
-  return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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,
@@ -1094,12 +1246,10 @@ function FieldRow$1({
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-12 md:col-span-8", children })
   ] });
 }
-function AdvancedCardPaymentsTab() {
-  var _a, _b;
+function AdditionalSettingsTab() {
   const [form, setForm] = react.useState(() => ({ ...DEFAULT_FORM }));
   const [loading, setLoading] = react.useState(false);
   const [saving, setSaving] = react.useState(false);
-  const [toast, setToast] = react.useState(null);
   const didInit = react.useRef(false);
   react.useEffect(() => {
     if (didInit.current) return;
@@ -1114,7 +1264,7 @@ function AdvancedCardPaymentsTab() {
         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;
+        const saved = payload == null ? void 0 : payload.additional_settings;
         if (saved && typeof saved === "object") {
           setForm(mergeWithDefaults(saved));
         }
@@ -1123,9 +1273,11 @@ function AdvancedCardPaymentsTab() {
       }
     })();
   }, []);
+  const [toast, setToast] = react.useState(null);
   async function onSave() {
     try {
       setSaving(true);
+      setToast(null);
       const r = await fetch("/admin/paypal/settings", {
         method: "POST",
         credentials: "include",
@@ -1133,42 +1285,29 @@ function AdvancedCardPaymentsTab() {
           "Content-Type": "application/json",
           "Accept": "application/json"
         },
-        body: JSON.stringify({ advanced_card_payments: form })
+        body: JSON.stringify({
+          additional_settings: form
+        })
       });
       if (!r.ok) {
-        const t = await r.text();
-        setToast({ type: "error", message: "Failed to save settings. " + t });
-        window.setTimeout(() => setToast(null), 3500);
-        return;
+        const errText = await r.text().catch(() => "");
+        throw new Error(errText || "Failed to save settings");
       }
-      const json = await r.json().catch(() => null);
+      const json = await r.json().catch(() => ({}));
       const payload = (json == null ? void 0 : json.data) ?? json;
-      const saved = payload == null ? void 0 : payload.advanced_card_payments;
+      const saved = payload == null ? void 0 : payload.additional_settings;
       if (saved && typeof saved === "object") {
         setForm(mergeWithDefaults(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" });
+      window.setTimeout(() => setToast(null), 3500);
     } finally {
       setSaving(false);
     }
   }
-  const disabledSet = react.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__ */ jsxRuntime.jsx("div", { className: "p-6", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-6", children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-start justify-between gap-4", children: /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-xl font-semibold text-ui-fg-base", children: "PayPal Gateway By Easy Payment" }) }) }),
     /* @__PURE__ */ jsxRuntime.jsx(PayPalTabs, {}),
@@ -1184,8 +1323,8 @@ function AdvancedCardPaymentsTab() {
     /* @__PURE__ */ jsxRuntime.jsx(
       SectionCard$1,
       {
-        title: "Advanced Card Payments",
-        description: "Control card checkout settings, 3D Secure behavior, and card saving.",
+        title: "Additional Settings",
+        description: "These settings control checkout behavior, PayPal experience, and logging.",
         right: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
           /* @__PURE__ */ jsxRuntime.jsx(
             "button",
@@ -1200,114 +1339,161 @@ function AdvancedCardPaymentsTab() {
           loading ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-ui-fg-subtle", children: "Loading…" }) : null
         ] }),
         children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "divide-y divide-ui-border-base", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(FieldRow$1, { label: "Enable/Disable", children: /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "inline-flex items-center gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(FieldRow$1, { label: "Payment action", children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("option", { value: "capture", children: "Capture" }),
+                /* @__PURE__ */ jsxRuntime.jsx("option", { value: "authorize", children: "Authorize" })
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsx(FieldRow$1, { label: "Brand Name", children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(FieldRow$1, { label: "Landing Page", children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("option", { value: "no_preference", children: "No Preference" }),
+                /* @__PURE__ */ jsxRuntime.jsx("option", { value: "login", children: "Login" }),
+                /* @__PURE__ */ jsxRuntime.jsx("option", { value: "billing", children: "Billing" })
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsx(FieldRow$1, { label: "Instant Payments", children: /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "inline-flex items-center gap-2", children: [
             /* @__PURE__ */ jsxRuntime.jsx(
               "input",
               {
                 type: "checkbox",
-                checked: form.enabled,
-                onChange: (e) => setForm((p) => ({ ...p, enabled: e.target.checked })),
+                checked: form.requireInstantPayment,
+                onChange: (e) => setForm((p) => ({ ...p, requireInstantPayment: e.target.checked })),
                 className: "h-4 w-4 rounded border-ui-border-base"
               }
             ),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-ui-fg-base", children: "Enable Advanced Credit/Debit Card" })
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-ui-fg-base", children: "Require Instant Payment" })
           ] }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(FieldRow$1, { label: "Title", children: /* @__PURE__ */ jsxRuntime.jsx(
-            "input",
+          /* @__PURE__ */ jsxRuntime.jsx(
+            FieldRow$1,
             {
-              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"
+              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__ */ jsxRuntime.jsxs("label", { className: "inline-flex items-center gap-2", children: [
+                /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { className: "text-sm text-ui-fg-base", children: "Use PayPal Shipping Address as Billing" })
+              ] })
             }
-          ) }),
+          ),
           /* @__PURE__ */ jsxRuntime.jsx(
             FieldRow$1,
             {
-              label: "Disable specific credit cards",
-              hint: "Select card brands to hide from the card form.",
-              children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
-                /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(Pill$1, { onRemove: () => removeDisabledCard(v), children: label }, v);
-                }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-ui-fg-subtle", children: "No card brands disabled." }) }),
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-md border border-ui-border-base p-3", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid gap-2 md:grid-cols-2", children: CARD_BRANDS.map((b) => {
-                  const checked = disabledSet.has(b.value);
-                  return /* @__PURE__ */ jsxRuntime.jsxs(
-                    "label",
-                    {
-                      className: cx$1(
-                        "flex items-center gap-2 rounded-md p-2",
-                        "hover:bg-ui-bg-subtle"
-                      ),
-                      children: [
-                        /* @__PURE__ */ jsxRuntime.jsx(
-                          "input",
-                          {
-                            type: "checkbox",
-                            checked,
-                            onChange: () => toggleDisabledCard(b.value),
-                            className: "h-4 w-4 rounded border-ui-border-base"
-                          }
-                        ),
-                        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-ui-fg-base", children: b.label })
-                      ]
-                    },
-                    b.value
-                  );
-                }) }) })
+              label: "Send Item Details",
+              hint: "Include all line item details in the payment request to PayPal so that they can be seen from the PayPal transaction details page.",
+              children: /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "inline-flex items-center gap-2", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "input",
+                  {
+                    type: "checkbox",
+                    checked: form.sendItemDetails,
+                    onChange: (e) => setForm((p) => ({ ...p, sendItemDetails: e.target.checked })),
+                    className: "h-4 w-4 rounded border-ui-border-base"
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-ui-fg-base", children: "Send line item details to PayPal" })
               ] })
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
             FieldRow$1,
             {
-              label: "Contingency for 3D Secure",
-              hint: "Choose when 3D Secure should be triggered during card payments.",
-              children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
+              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__ */ jsxRuntime.jsxs("label", { className: "inline-flex items-center gap-2", children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
-                  "select",
+                  "input",
                   {
-                    value: form.threeDS,
-                    onChange: (e) => setForm((p) => ({ ...p, threeDS: e.target.value })),
-                    className: "w-full rounded-md border border-ui-border-base bg-ui-bg-base px-3 py-2 text-sm text-ui-fg-base outline-none focus:ring-2 focus:ring-ui-border-interactive",
-                    children: THREE_DS_OPTIONS.map((o) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: o.value, children: o.label }, o.value))
+                    type: "checkbox",
+                    checked: form.skipOrderReviewPage,
+                    onChange: (e) => setForm((p) => ({ ...p, skipOrderReviewPage: e.target.checked })),
+                    className: "h-4 w-4 rounded border-ui-border-base"
                   }
                 ),
-                ((_a = THREE_DS_OPTIONS.find((o) => o.value === form.threeDS)) == null ? void 0 : _a.hint) ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-ui-fg-subtle", children: (_b = THREE_DS_OPTIONS.find((o) => o.value === form.threeDS)) == null ? void 0 : _b.hint }) : null
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-ui-fg-base", children: "Skip Order Review Page" })
               ] })
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx(FieldRow$1, { label: "Card Save Enabled", hint: "Allow customers to save a card at checkout for future use.", children: /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "inline-flex items-center gap-2", children: [
-            /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { className: "text-sm text-ui-fg-base", children: "Enable card saving at checkout" })
-          ] }) })
+          /* @__PURE__ */ jsxRuntime.jsx(FieldRow$1, { label: "Invoice prefix", children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(FieldRow$1, { label: "Credit Card Statement Name", children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+            FieldRow$1,
+            {
+              label: "Debug log",
+              hint: /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+                "Log PayPal events such as Webhook, Payment, Refund.",
+                " ",
+                form.logPath ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                  "Log location: ",
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono", children: form.logPath })
+                ] }) : null
+              ] }),
+              children: /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "inline-flex items-center gap-2", children: [
+                /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { className: "text-sm text-ui-fg-base", children: "Enable logging" })
+              ] })
+            }
+          )
         ] })
       }
     )
   ] }) });
 }
-function PayPalGooglePayPage() {
-  return /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Navigate, { to: "/settings/paypal/connection", replace: true });
-}
-const EMPTY_FILTERS = {
-  dispute_id: "",
-  status: "",
-  order_id: "",
-  cart_id: ""
-};
-function formatDate$1(value) {
+function formatDate(value) {
   if (!value) {
-    return "";
+    return "—";
   }
   const parsed = new Date(value);
   if (Number.isNaN(parsed.getTime())) {
@@ -1315,179 +1501,103 @@ function formatDate$1(value) {
   }
   return parsed.toLocaleString();
 }
-function PayPalDisputesPage() {
-  const [filters, setFilters] = react.useState({ ...EMPTY_FILTERS });
-  const [disputes, setDisputes] = react.useState([]);
+function PayPalReconciliationStatusPage() {
+  const [status, setStatus] = react.useState({});
   const [loading, setLoading] = react.useState(false);
   const [error, setError] = react.useState(null);
-  const queryString = react.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 = react.useCallback(async (source) => {
+  const fetchStatus = react.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}` : ""}`, {
+      const response = await fetch("/admin/paypal/reconciliation-status", {
         credentials: "include",
         headers: {
           Accept: "application/json"
         }
       });
-      if (!resp.ok) {
-        const message = await resp.text().catch(() => "");
-        throw new Error(message || "Failed to load disputes");
+      if (!response.ok) {
+        const message = await response.text().catch(() => "");
+        throw new Error(message || "Failed to load reconciliation status.");
       }
-      const json = await resp.json().catch(() => ({}));
-      setDisputes((json == null ? void 0 : json.disputes) || []);
+      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 disputes");
-      setDisputes([]);
+      setError((fetchError == null ? void 0 : fetchError.message) || "Failed to load reconciliation status.");
+      setStatus({});
     } finally {
       setLoading(false);
     }
   }, []);
   react.useEffect(() => {
-    fetchDisputes(EMPTY_FILTERS);
-  }, [fetchDisputes]);
-  const onSubmit = (event) => {
-    event.preventDefault();
-    fetchDisputes(filters);
-  };
-  const onReset = () => {
-    setFilters({ ...EMPTY_FILTERS });
-    fetchDisputes(EMPTY_FILTERS);
-  };
+    fetchStatus();
+  }, [fetchStatus]);
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-6", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-6", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-xl font-semibold text-ui-fg-base", children: "PayPal Disputes" }),
-      /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("h1", { className: "text-xl font-semibold text-ui-fg-base", children: "PayPal Reconciliation Status" }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-sm text-ui-fg-subtle", children: "Monitor reconciliation health and drift detection for PayPal payment sessions." })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx(PayPalTabs, {}),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-xl border border-ui-border-base bg-ui-bg-base shadow-sm", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-b border-ui-border-base p-4", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-base font-semibold text-ui-fg-base", children: "Filters" }) }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-4", children: /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit, className: "flex flex-col gap-4", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-4", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex flex-col gap-1 text-sm text-ui-fg-subtle", children: [
-            "Dispute ID",
-            /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { className: "border-b border-ui-border-base p-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-base font-semibold text-ui-fg-base", children: "Latest reconciliation run" }),
+        /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "p-4", children: [
+        error ? /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "grid gap-4 text-sm text-ui-fg-base md:grid-cols-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-subtle p-3", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-ui-fg-subtle", children: "Last run" }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1 font-medium", children: formatDate(status.last_run_at) })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-subtle p-3", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-ui-fg-subtle", children: "Last run status" }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1 font-medium capitalize", children: status.last_run_status || "—" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-subtle p-3", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-ui-fg-subtle", children: "Last success" }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1 font-medium", children: formatDate(status.last_success_at) })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-subtle p-3", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-ui-fg-subtle", children: "Last failure" }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1 font-medium", children: formatDate(status.last_failure_at) })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-subtle p-3", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-ui-fg-subtle", children: "Sessions checked" }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1 font-medium", children: status.sessions_checked ?? 0 })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex flex-col gap-1 text-sm text-ui-fg-subtle", children: [
-            "Status",
-            /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-subtle p-3", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-ui-fg-subtle", children: "Sessions updated" }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1 font-medium", children: status.sessions_updated ?? 0 })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex flex-col gap-1 text-sm text-ui-fg-subtle", children: [
-            "Order ID",
-            /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-subtle p-3", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-ui-fg-subtle", children: "Drift detections" }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1 font-medium", children: status.drift_count ?? 0 })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex flex-col gap-1 text-sm text-ui-fg-subtle", children: [
-            "Cart ID",
-            /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap gap-3", children: [
-          /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("span", { className: "text-sm text-ui-fg-subtle", children: [
-            "Showing ",
-            disputes.length,
-            " dispute",
-            disputes.length === 1 ? "" : "s",
-            queryString ? " (filtered)" : ""
-          ] })
-        ] })
-      ] }) })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-xl border border-ui-border-base bg-ui-bg-base shadow-sm", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-b border-ui-border-base p-4", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-base font-semibold text-ui-fg-base", children: "Dispute Records" }) }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "min-w-full divide-y divide-ui-border-base text-sm", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("thead", { className: "bg-ui-bg-subtle", children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: "text-left text-ui-fg-subtle", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 font-medium", children: "Dispute" }),
-          /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 font-medium", children: "Status" }),
-          /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 font-medium", children: "Reason" }),
-          /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 font-medium", children: "Stage" }),
-          /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 font-medium", children: "Amount" }),
-          /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 font-medium", children: "Order" }),
-          /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 font-medium", children: "Cart" }),
-          /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 font-medium", children: "Updated" })
-        ] }) }),
-        /* @__PURE__ */ jsxRuntime.jsx("tbody", { className: "divide-y divide-ui-border-base text-ui-fg-base", children: disputes.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("tr", { children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("tr", { children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("td", { className: "px-4 py-3", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-medium text-ui-fg-base", children: dispute.dispute_id }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-ui-fg-subtle", children: dispute.transaction_id || "No transaction" })
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-subtle p-3", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-ui-fg-subtle", children: "Last drift order" }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1 font-medium", children: status.last_drift_order_id || "—" }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1 text-xs text-ui-fg-subtle", children: formatDate(status.last_drift_at) })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-3", children: dispute.status || "Unknown" }),
-          /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-3", children: dispute.reason || "-" }),
-          /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-3", children: dispute.stage || "-" }),
-          /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-3", children: dispute.amount ? `${dispute.amount} ${dispute.currency_code || ""}` : "-" }),
-          /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-3", children: dispute.order_id || "-" }),
-          /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-3", children: dispute.cart_id || "-" }),
-          /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-3 text-ui-fg-subtle", children: formatDate$1(dispute.updated_at || dispute.created_at) })
-        ] }, dispute.id)) })
-      ] }) }),
-      error ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t border-ui-border-base px-4 py-3 text-sm text-ui-fg-error", children: error }) : null
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-subtle p-3 md:col-span-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-ui-fg-subtle", children: "Last error" }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1 font-medium", children: status.last_error || "No errors recorded." })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-subtle p-3 md:col-span-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-ui-fg-subtle", children: "Total runs" }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1 font-medium", children: status.runs ?? 0 })
+          ] })
+        ] }) : null
+      ] })
     ] })
   ] }) });
 }
@@ -1931,116 +2041,6 @@ function PayPalSettingsTab() {
     )
   ] }) });
 }
-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] = react.useState({});
-  const [loading, setLoading] = react.useState(false);
-  const [error, setError] = react.useState(null);
-  const fetchStatus = react.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.");
-      }
-      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);
-    }
-  }, []);
-  react.useEffect(() => {
-    fetchStatus();
-  }, [fetchStatus]);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-6", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-6", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-xl font-semibold text-ui-fg-base", children: "PayPal Reconciliation Status" }),
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-sm text-ui-fg-subtle", children: "Monitor reconciliation health and drift detection for PayPal payment sessions." })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(PayPalTabs, {}),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-xl border border-ui-border-base bg-ui-bg-base shadow-sm", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-b border-ui-border-base p-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-4", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-base font-semibold text-ui-fg-base", children: "Latest reconciliation run" }),
-        /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "p-4", children: [
-        error ? /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "grid gap-4 text-sm text-ui-fg-base md:grid-cols-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-subtle p-3", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-ui-fg-subtle", children: "Last run" }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1 font-medium", children: formatDate(status.last_run_at) })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-subtle p-3", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-ui-fg-subtle", children: "Last run status" }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1 font-medium capitalize", children: status.last_run_status || "—" })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-subtle p-3", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-ui-fg-subtle", children: "Last success" }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1 font-medium", children: formatDate(status.last_success_at) })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-subtle p-3", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-ui-fg-subtle", children: "Last failure" }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1 font-medium", children: formatDate(status.last_failure_at) })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-subtle p-3", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-ui-fg-subtle", children: "Sessions checked" }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1 font-medium", children: status.sessions_checked ?? 0 })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-subtle p-3", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-ui-fg-subtle", children: "Sessions updated" }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1 font-medium", children: status.sessions_updated ?? 0 })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-subtle p-3", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-ui-fg-subtle", children: "Drift detections" }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1 font-medium", children: status.drift_count ?? 0 })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-subtle p-3", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-ui-fg-subtle", children: "Last drift order" }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1 font-medium", children: status.last_drift_order_id || "—" }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1 text-xs text-ui-fg-subtle", children: formatDate(status.last_drift_at) })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-subtle p-3 md:col-span-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-ui-fg-subtle", children: "Last error" }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1 font-medium", children: status.last_error || "No errors recorded." })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-subtle p-3 md:col-span-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-ui-fg-subtle", children: "Total runs" }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1 font-medium", children: status.runs ?? 0 })
-          ] })
-        ] }) : null
-      ] })
-    ] })
-  ] }) });
-}
 const widgetModule = { widgets: [] };
 const routeModule = {
   routes: [
@@ -2049,32 +2049,36 @@ const routeModule = {
       path: "/settings/paypal"
     },
     {
-      Component: AdditionalSettingsTab,
-      path: "/settings/paypal/additional-settings"
-    },
-    {
-      Component: PayPalApplePayPage,
-      path: "/settings/paypal/apple-pay"
+      Component: AdvancedCardPaymentsTab,
+      path: "/settings/paypal/advanced-card-payments"
     },
     {
       Component: PayPalConnectionPage,
       path: "/settings/paypal/connection"
     },
     {
-      Component: PayPalAuditLogsPage,
-      path: "/settings/paypal/audit-logs"
+      Component: PayPalDisputesPage,
+      path: "/settings/paypal/disputes"
     },
     {
-      Component: AdvancedCardPaymentsTab,
-      path: "/settings/paypal/advanced-card-payments"
+      Component: PayPalApplePayPage,
+      path: "/settings/paypal/apple-pay"
+    },
+    {
+      Component: PayPalAuditLogsPage,
+      path: "/settings/paypal/audit-logs"
     },
     {
       Component: PayPalGooglePayPage,
       path: "/settings/paypal/google-pay"
     },
     {
-      Component: PayPalDisputesPage,
-      path: "/settings/paypal/disputes"
+      Component: AdditionalSettingsTab,
+      path: "/settings/paypal/additional-settings"
+    },
+    {
+      Component: PayPalReconciliationStatusPage,
+      path: "/settings/paypal/reconciliation-status"
     },
     {
       Component: PayPalPayLaterMessagingPage,
@@ -2083,10 +2087,6 @@ const routeModule = {
     {
       Component: PayPalSettingsTab,
       path: "/settings/paypal/paypal-settings"
-    },
-    {
-      Component: PayPalReconciliationStatusPage,
-      path: "/settings/paypal/reconciliation-status"
     }
   ]
 };