@easypayment/medusa-paypal 0.1.0

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

@@ -0,0 +1,2127 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const adminSdk = require("@medusajs/admin-sdk");
+const reactRouterDom = require("react-router-dom");
+const react = require("react");
+const config$1 = adminSdk.defineRouteConfig({
+  label: "PayPal",
+  icon: "Coins"
+});
+function PayPalSettingsIndexRoute() {
+  return /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Navigate, { to: "connection", replace: true });
+}
+const BASE = "/settings/paypal";
+const TABS = [
+  { label: "PayPal Connection", to: `${BASE}/connection` },
+  { label: "PayPal Settings", to: `${BASE}/paypal-settings` },
+  { label: "Advanced Card Payments", to: `${BASE}/advanced-card-payments` },
+  { label: "Disputes", to: `${BASE}/disputes` },
+  { label: "Reconciliation Status", to: `${BASE}/reconciliation-status` },
+  /*  { label: "Google Pay", to: `${BASE}/google-pay` },
+    { label: "Apple Pay", to: `${BASE}/apple-pay` },
+    { label: "Pay Later Messaging", to: `${BASE}/pay-later-messaging` }, */
+  { label: "Audit Logs", to: `${BASE}/audit-logs` },
+  { label: "Additional Settings", to: `${BASE}/additional-settings` }
+];
+function isActive(pathname, to) {
+  return pathname === to || pathname.startsWith(to + "/");
+}
+function PayPalTabs() {
+  const { pathname } = reactRouterDom.useLocation();
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-b border-ui-border-base", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-6 text-sm", children: TABS.map((t) => {
+    const active = isActive(pathname, t.to);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      reactRouterDom.Link,
+      {
+        to: t.to,
+        className: active ? "border-b-2 border-ui-fg-base pb-2 font-medium text-ui-fg-base" : "pb-2 text-ui-fg-subtle hover:text-ui-fg-base",
+        children: t.label
+      },
+      t.to
+    );
+  }) }) });
+}
+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/"
+};
+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)
+  };
+}
+function SectionCard$2({
+  title,
+  description,
+  right,
+  children
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-xl border border-ui-border-base bg-ui-bg-base shadow-sm", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-4 border-b border-ui-border-base p-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-base font-semibold text-ui-fg-base", children: title }),
+        description ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1 text-sm text-ui-fg-subtle", children: description }) : null
+      ] }),
+      right
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-4", children })
+  ] });
+}
+function FieldRow$2({
+  label,
+  hint,
+  children
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-12 items-start gap-4 py-3", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "col-span-12 md:col-span-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-medium text-ui-fg-base", children: label }),
+      hint ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1 text-xs text-ui-fg-subtle", children: hint }) : null
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-12 md:col-span-8", children })
+  ] });
+}
+function AdditionalSettingsTab() {
+  const [form, setForm] = react.useState(() => ({ ...DEFAULT_FORM$1 }));
+  const [loading, setLoading] = react.useState(false);
+  const [saving, setSaving] = react.useState(false);
+  const didInit = react.useRef(false);
+  react.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.additional_settings;
+        if (saved && typeof saved === "object") {
+          setForm(mergeWithDefaults$1(saved));
+        }
+      } finally {
+        setLoading(false);
+      }
+    })();
+  }, []);
+  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",
+        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 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));
+      }
+      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);
+    }
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-6", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-6", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-start justify-between gap-4", children: /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-xl font-semibold text-ui-fg-base", children: "PayPal Gateway By Easy Payment" }) }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(PayPalTabs, {}),
+    toast ? /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: "fixed right-6 top-6 z-50 rounded-md border border-ui-border-base bg-ui-bg-base px-4 py-3 text-sm shadow-lg",
+        role: "status",
+        "aria-live": "polite",
+        children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: toast.type === "success" ? "text-ui-fg-base" : "text-ui-fg-error", children: toast.message })
+      }
+    ) : null,
+    /* @__PURE__ */ jsxRuntime.jsx(
+      SectionCard$2,
+      {
+        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",
+            {
+              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__ */ 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(
+              "input",
+              {
+                type: "checkbox",
+                checked: form.requireInstantPayment,
+                onChange: (e) => setForm((p) => ({ ...p, requireInstantPayment: e.target.checked })),
+                className: "h-4 w-4 rounded border-ui-border-base"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-ui-fg-base", children: "Require Instant Payment" })
+          ] }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            FieldRow$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__ */ 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$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" })
+              ] })
+            }
+          ),
+          /* @__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: [
+                /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { className: "text-sm text-ui-fg-base", children: "Skip Order Review Page" })
+              ] })
+            }
+          ),
+          /* @__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" })
+              ] })
+            }
+          )
+        ] })
+      }
+    )
+  ] }) });
+}
+function PayPalApplePayPage() {
+  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
+};
+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 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,
+  right,
+  children
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-xl border border-ui-border-base bg-ui-bg-base shadow-sm", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-4 border-b border-ui-border-base p-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-base font-semibold text-ui-fg-base", children: title }),
+        description ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1 text-sm text-ui-fg-subtle", children: description }) : null
+      ] }),
+      right
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-4", children })
+  ] });
+}
+function FieldRow$1({
+  label,
+  hint,
+  children
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-12 items-start gap-4 py-3", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "col-span-12 md:col-span-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-medium text-ui-fg-base", children: label }),
+      hint ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1 text-xs text-ui-fg-subtle", children: hint }) : null
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-12 md:col-span-8", children })
+  ] });
+}
+function AdvancedCardPaymentsTab() {
+  var _a, _b;
+  const [form, setForm] = react.useState(() => ({ ...DEFAULT_FORM }));
+  const [loading, setLoading] = react.useState(false);
+  const [saving, setSaving] = react.useState(false);
+  const [toast, setToast] = react.useState(null);
+  const didInit = react.useRef(false);
+  react.useEffect(() => {
+    if (didInit.current) return;
+    didInit.current = true;
+    (async () => {
+      try {
+        setLoading(true);
+        const 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() {
+    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 })
+      });
+      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);
+    } 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, {}),
+    toast ? /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: "fixed right-6 top-6 z-50 rounded-md border border-ui-border-base bg-ui-bg-base px-4 py-3 text-sm shadow-lg",
+        role: "status",
+        "aria-live": "polite",
+        children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: toast.type === "success" ? "text-ui-fg-base" : "text-ui-fg-error", children: toast.message })
+      }
+    ) : null,
+    /* @__PURE__ */ jsxRuntime.jsx(
+      SectionCard$1,
+      {
+        title: "Advanced Card Payments",
+        description: "Control card checkout settings, 3D Secure behavior, and card saving.",
+        right: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { className: "text-sm text-ui-fg-subtle", children: "Loading…" }) : null
+        ] }),
+        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "divide-y divide-ui-border-base", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(FieldRow$1, { label: "Enable/Disable", children: /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "inline-flex items-center gap-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                type: "checkbox",
+                checked: form.enabled,
+                onChange: (e) => setForm((p) => ({ ...p, enabled: e.target.checked })),
+                className: "h-4 w-4 rounded border-ui-border-base"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-ui-fg-base", children: "Enable Advanced Credit/Debit Card" })
+          ] }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(FieldRow$1, { label: "Title", children: /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              value: form.title,
+              onChange: (e) => setForm((p) => ({ ...p, title: e.target.value })),
+              className: "w-full rounded-md border border-ui-border-base bg-ui-bg-base px-3 py-2 text-sm text-ui-fg-base outline-none focus:ring-2 focus:ring-ui-border-interactive",
+              placeholder: "Credit or Debit Card"
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            FieldRow$1,
+            {
+              label: "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$1,
+            {
+              label: "Contingency for 3D Secure",
+              hint: "Choose when 3D Secure should be triggered during card payments.",
+              children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "select",
+                  {
+                    value: form.threeDS,
+                    onChange: (e) => setForm((p) => ({ ...p, threeDS: e.target.value })),
+                    className: "w-full rounded-md border border-ui-border-base bg-ui-bg-base px-3 py-2 text-sm text-ui-fg-base outline-none focus:ring-2 focus:ring-ui-border-interactive",
+                    children: THREE_DS_OPTIONS.map((o) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: o.value, children: o.label }, o.value))
+                  }
+                ),
+                ((_a = THREE_DS_OPTIONS.find((o) => o.value === form.threeDS)) == null ? void 0 : _a.hint) ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-ui-fg-subtle", children: (_b = THREE_DS_OPTIONS.find((o) => o.value === form.threeDS)) == null ? void 0 : _b.hint }) : null
+              ] })
+            }
+          ),
+          /* @__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" })
+          ] }) })
+        ] })
+      }
+    )
+  ] }) });
+}
+function formatDate$2(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);
+  const [error, setError] = react.useState(null);
+  const fetchLogs = react.useCallback(async () => {
+    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) || []);
+    } catch (fetchError) {
+      setError((fetchError == null ? void 0 : fetchError.message) || "Failed to load audit logs.");
+      setLogs([]);
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+  react.useEffect(() => {
+    fetchLogs();
+  }, [fetchLogs]);
+  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 Audit Logs" }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-sm text-ui-fg-subtle", children: "Track administrative changes and credential events for PayPal configuration." })
+    ] }),
+    /* @__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 events" }),
+        /* @__PURE__ */ jsxRuntime.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__ */ 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 && logs.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm text-ui-fg-subtle", children: loading ? "Loading audit logs..." : "No audit log entries found yet." }) : null,
+        logs.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "min-w-full text-left text-sm", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("thead", { className: "text-ui-fg-muted", children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("th", { className: "pb-2 pr-4 font-medium", children: "Timestamp" }),
+            /* @__PURE__ */ jsxRuntime.jsx("th", { className: "pb-2 pr-4 font-medium", children: "Event" }),
+            /* @__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: 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)) })
+        ] }) }) : null
+      ] })
+    ] })
+  ] }) });
+}
+const EMPTY_FILTERS = {
+  dispute_id: "",
+  status: "",
+  order_id: "",
+  cart_id: ""
+};
+function formatDate$1(value) {
+  if (!value) {
+    return "";
+  }
+  const parsed = new Date(value);
+  if (Number.isNaN(parsed.getTime())) {
+    return 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$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
+    ] })
+  ] }) });
+}
+function PayPalGooglePayPage() {
+  return /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Navigate, { to: "/settings/paypal/connection", replace: true });
+}
+const config = adminSdk.defineRouteConfig({
+  label: "PayPal Connection",
+  hide: true
+});
+if (typeof window !== "undefined") {
+  const preloadHref = "https://www.paypal.com/webapps/merchantboarding/js/lib/lightbox/partner.js";
+  const existingPreload = document.head.querySelector(
+    `link[rel="preload"][href="${preloadHref}"]`
+  );
+  if (!existingPreload) {
+    const preloadLink = document.createElement("link");
+    preloadLink.rel = "preload";
+    preloadLink.href = preloadHref;
+    preloadLink.as = "script";
+    document.head.appendChild(preloadLink);
+  }
+  const existingScript = document.getElementById(
+    "paypal-partner-js"
+  );
+  if (!existingScript) {
+    const ppScript = document.createElement("script");
+    ppScript.id = "paypal-partner-js";
+    ppScript.src = preloadHref;
+    ppScript.async = true;
+    document.head.appendChild(ppScript);
+  }
+}
+const SERVICE_URL = "/admin/paypal/onboarding-link";
+const CACHE_KEY = "pp_onboard_cache";
+const RELOAD_KEY = "pp_onboard_reloaded_once";
+const CACHE_EXPIRY = 10 * 60 * 1e3;
+const ONBOARDING_COMPLETE_ENDPOINT = "/admin/paypal/onboard-complete";
+const STATUS_ENDPOINT = "/admin/paypal/status";
+const SAVE_CREDENTIALS_ENDPOINT = "/admin/paypal/save-credentials";
+const DISCONNECT_ENDPOINT = "/admin/paypal/disconnect";
+let cachedUrl = null;
+if (typeof window !== "undefined") {
+  try {
+    const cached = localStorage.getItem(CACHE_KEY);
+    if (cached) {
+      const data = JSON.parse(cached);
+      if ((/* @__PURE__ */ new Date()).getTime() - data.ts < CACHE_EXPIRY) {
+        cachedUrl = data.url;
+      }
+    }
+  } catch (e) {
+    console.error("Cache read error:", e);
+  }
+}
+function PayPalConnectionPage() {
+  const [env, setEnv] = react.useState("sandbox");
+  react.useEffect(() => {
+    fetch("/admin/paypal/environment", { method: "GET" }).then((r) => r.json()).then((d) => {
+      const v = (d == null ? void 0 : d.environment) === "live" ? "live" : "sandbox";
+      setEnv(v);
+    }).catch(() => {
+    });
+  }, []);
+  const [connState, setConnState] = react.useState("loading");
+  const [error, setError] = react.useState(null);
+  const [finalUrl, setFinalUrl] = react.useState("");
+  const [showManual, setShowManual] = react.useState(false);
+  const [clientId, setClientId] = react.useState("");
+  const [secret, setSecret] = react.useState("");
+  const [merchantId, setMerchantId] = react.useState("");
+  const [statusInfo, setStatusInfo] = react.useState(null);
+  const [onboardingInProgress, setOnboardingInProgress] = react.useState(false);
+  const initLoaderRef = react.useRef(null);
+  const paypalButtonRef = react.useRef(null);
+  const errorLogRef = react.useRef(null);
+  const runIdRef = react.useRef(0);
+  const currentRunId = react.useRef(0);
+  const ppBtnMeasureRef = react.useRef(null);
+  const [ppBtnWidth, setPpBtnWidth] = react.useState(null);
+  const canSaveManual = react.useMemo(() => {
+    return clientId.trim().length > 0 && secret.trim().length > 0;
+  }, [clientId, secret]);
+  const maskValue = react.useCallback((value, visibleChars = 4) => {
+    if (!value) return "";
+    if (value.length <= visibleChars) {
+      return "•".repeat(value.length);
+    }
+    return `${"•".repeat(Math.max(0, value.length - visibleChars))}${value.slice(
+      -visibleChars
+    )}`;
+  }, []);
+  const fetchFreshLink = react.useCallback(
+    (runId) => {
+      if (initLoaderRef.current) {
+        const loaderText = initLoaderRef.current.querySelector("#loader-text");
+        if (loaderText)
+          loaderText.textContent = "Generating onboarding session...";
+      }
+      fetch(SERVICE_URL, {
+        method: "POST",
+        headers: { "content-type": "application/json" },
+        body: JSON.stringify({
+          products: ["PPCP"]
+        })
+      }).then((r) => r.json()).then((data) => {
+        if (runId !== currentRunId.current) return;
+        const href = data == null ? void 0 : data.onboarding_url;
+        if (!href) {
+          showError("Onboarding URL not returned.");
+          return;
+        }
+        const finalUrl2 = href + (href.includes("?") ? "&" : "?") + "displayMode=minibrowser";
+        localStorage.setItem(
+          CACHE_KEY,
+          JSON.stringify({
+            url: finalUrl2,
+            ts: Date.now()
+          })
+        );
+        if (!localStorage.getItem(RELOAD_KEY)) {
+          localStorage.setItem(RELOAD_KEY, "1");
+          window.location.reload();
+          return;
+        }
+        activatePayPal(finalUrl2, runId);
+      }).catch(() => {
+        if (runId !== currentRunId.current) return;
+        showError("Unable to connect to service.");
+      });
+    },
+    [env]
+  );
+  const showUI = react.useCallback(() => {
+    var _a, _b, _c, _d;
+    const btn = document.querySelector('[data-paypal-button="true"]');
+    if (btn && ((_d = (_c = (_b = (_a = window.PAYPAL) == null ? void 0 : _a.apps) == null ? void 0 : _b.Signup) == null ? void 0 : _c.miniBrowser) == null ? void 0 : _d.init)) {
+      window.PAYPAL.apps.Signup.miniBrowser.init();
+    }
+    setConnState("ready");
+  }, []);
+  const showError = react.useCallback((msg) => {
+    setConnState("error");
+    setError(msg);
+  }, []);
+  const activatePayPal = react.useCallback(
+    (url, runId) => {
+      if (paypalButtonRef.current) {
+        paypalButtonRef.current.href = url;
+      }
+      setFinalUrl(url);
+      const tryInit = () => {
+        var _a, _b;
+        if (runId !== currentRunId.current) return;
+        if ((_b = (_a = window.PAYPAL) == null ? void 0 : _a.apps) == null ? void 0 : _b.Signup) {
+          showUI();
+          return;
+        }
+        setTimeout(tryInit, 50);
+      };
+      tryInit();
+    },
+    [showUI]
+  );
+  react.useEffect(() => {
+    currentRunId.current = ++runIdRef.current;
+    const runId = currentRunId.current;
+    let cancelled = false;
+    const run = async () => {
+      setConnState("loading");
+      setError(null);
+      setFinalUrl("");
+      try {
+        const r = await fetch(`${STATUS_ENDPOINT}?environment=${env}`, {
+          method: "GET"
+        });
+        const st = await r.json().catch(() => ({}));
+        if (cancelled || runId !== currentRunId.current) return;
+        setStatusInfo(st);
+        const isConnected = (st == null ? void 0 : st.status) === "connected" && (st == null ? void 0 : st.seller_client_id_present) === true;
+        if (isConnected) {
+          setConnState("connected");
+          setShowManual(false);
+          return;
+        }
+      } catch (e) {
+        console.error(e);
+      }
+      if (cachedUrl) {
+        console.log("Using prioritized cache...");
+        activatePayPal(cachedUrl, runId);
+      } else {
+        fetchFreshLink(runId);
+      }
+    };
+    run();
+    return () => {
+      cancelled = true;
+      currentRunId.current = 0;
+    };
+  }, [env, fetchFreshLink, activatePayPal]);
+  react.useLayoutEffect(() => {
+    window.onboardingCallback = async function(authCode, sharedId) {
+      var _a, _b, _c, _d, _e, _f, _g;
+      try {
+        ;
+        window.onbeforeunload = "";
+      } catch {
+      }
+      setOnboardingInProgress(true);
+      setConnState("loading");
+      setError(null);
+      const payload = {
+        authCode,
+        sharedId,
+        env: env === "sandbox" ? "sandbox" : "live"
+      };
+      try {
+        const res = await fetch(ONBOARDING_COMPLETE_ENDPOINT, {
+          method: "POST",
+          headers: { "content-type": "application/json" },
+          body: JSON.stringify(payload)
+        });
+        if (!res.ok) {
+          const txt = await res.text().catch(() => "");
+          throw new Error(txt || `Onboarding exchange failed (${res.status})`);
+        }
+        try {
+          const close1 = (_d = (_c = (_b = (_a = window.PAYPAL) == null ? void 0 : _a.apps) == null ? void 0 : _b.Signup) == null ? void 0 : _c.MiniBrowser) == null ? void 0 : _d.closeFlow;
+          if (typeof close1 === "function") close1();
+        } catch {
+        }
+        try {
+          const close2 = ((_g = (_f = (_e = window.PAYPAL) == null ? void 0 : _e.apps) == null ? void 0 : _f.Signup) == null ? void 0 : _g.miniBrowser) && window.PAYPAL.apps.Signup.miniBrowser.closeFlow;
+          if (typeof close2 === "function") close2();
+        } catch {
+        }
+        try {
+          localStorage.removeItem(CACHE_KEY);
+          localStorage.removeItem(RELOAD_KEY);
+        } catch {
+        }
+        window.location.href = window.location.href;
+      } catch (e) {
+        console.error(e);
+        setConnState("error");
+        setError((e == null ? void 0 : e.message) || "Exchange failed while saving credentials.");
+        setOnboardingInProgress(false);
+      }
+    };
+    return () => {
+      window.onboardingCallback = void 0;
+    };
+  }, [env]);
+  react.useLayoutEffect(() => {
+    const el = ppBtnMeasureRef.current;
+    if (!el) return;
+    const update = () => {
+      const w = Math.round(el.getBoundingClientRect().width || 0);
+      if (w > 0) setPpBtnWidth(w);
+    };
+    update();
+    let ro = null;
+    if (typeof ResizeObserver !== "undefined") {
+      ro = new ResizeObserver(() => update());
+      ro.observe(el);
+    } else {
+      window.addEventListener("resize", update);
+    }
+    return () => {
+      if (ro) ro.disconnect();
+      else window.removeEventListener("resize", update);
+    };
+  }, [connState, env, finalUrl]);
+  const handleConnectClick = (e) => {
+    if (connState !== "ready" || !finalUrl || onboardingInProgress) {
+      e.preventDefault();
+    }
+  };
+  const handleSaveManual = async () => {
+    if (!canSaveManual || onboardingInProgress) return;
+    setOnboardingInProgress(true);
+    setConnState("loading");
+    setError(null);
+    try {
+      const res = await fetch(SAVE_CREDENTIALS_ENDPOINT, {
+        method: "POST",
+        headers: { "content-type": "application/json" },
+        body: JSON.stringify({
+          clientId: clientId.trim(),
+          clientSecret: secret.trim()
+        })
+      });
+      if (!res.ok) {
+        const txt = await res.text().catch(() => "");
+        throw new Error(txt || `Save credentials failed (${res.status})`);
+      }
+      setConnState("connected");
+      setStatusInfo({
+        seller_client_id_masked: maskValue(clientId.trim()),
+        seller_client_secret_masked: "••••••••"
+      });
+      setShowManual(false);
+      try {
+        localStorage.removeItem(CACHE_KEY);
+        localStorage.removeItem(RELOAD_KEY);
+      } catch {
+      }
+    } catch (e) {
+      console.error(e);
+      setConnState("error");
+      setError((e == null ? void 0 : e.message) || "Failed to save credentials.");
+    } finally {
+      setOnboardingInProgress(false);
+    }
+  };
+  const handleDisconnect = async () => {
+    if (onboardingInProgress) return;
+    if (!window.confirm("Disconnect PayPal for this environment?")) return;
+    setOnboardingInProgress(true);
+    setConnState("loading");
+    setError(null);
+    setFinalUrl("");
+    setShowManual(false);
+    try {
+      const res = await fetch(DISCONNECT_ENDPOINT, {
+        method: "POST",
+        headers: { "content-type": "application/json" },
+        body: JSON.stringify({ environment: env })
+      });
+      if (!res.ok) {
+        const t = await res.text().catch(() => "");
+        throw new Error(t || `Disconnect failed (${res.status})`);
+      }
+      try {
+        localStorage.removeItem(CACHE_KEY);
+        localStorage.removeItem(RELOAD_KEY);
+      } catch {
+      }
+      currentRunId.current = ++runIdRef.current;
+      const runId = currentRunId.current;
+      fetchFreshLink(runId);
+    } catch (e) {
+      console.error(e);
+      setConnState("error");
+      setError((e == null ? void 0 : e.message) || "Failed to disconnect.");
+    } finally {
+      setOnboardingInProgress(false);
+    }
+  };
+  const handleEnvChange = async (e) => {
+    const next = e.target.value;
+    setEnv(next);
+    cachedUrl = null;
+    try {
+      await fetch("/admin/paypal/environment", {
+        method: "POST",
+        headers: { "content-type": "application/json" },
+        body: JSON.stringify({ environment: next })
+      });
+    } catch {
+    }
+    try {
+      localStorage.removeItem(CACHE_KEY);
+      localStorage.removeItem(RELOAD_KEY);
+    } catch {
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-6", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-6", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-xl font-semibold", children: "PayPal Gateway By Easy Payment" }),
+      /* @__PURE__ */ jsxRuntime.jsx(PayPalTabs, {}),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-md border border-ui-border-base p-4 shadow-sm", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-y-6 md:grid-cols-[260px_1fr] md:items-start", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-medium pt-2", children: "Environment" }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-xl", children: /* @__PURE__ */ jsxRuntime.jsxs(
+          "select",
+          {
+            value: env,
+            onChange: handleEnvChange,
+            disabled: onboardingInProgress,
+            className: "w-full rounded-md border border-ui-border-base bg-transparent px-3 py-2 text-sm",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("option", { value: "sandbox", children: "Sandbox (Test Mode)" }),
+              /* @__PURE__ */ jsxRuntime.jsx("option", { value: "live", children: "Live (Production)" })
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-medium pt-2", children: env === "sandbox" ? "Connect to PayPal Sandbox" : "Connect to PayPal Live" }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-xl", children: connState === "connected" ? /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-sm text-green-600 bg-green-50 p-3 rounded border border-green-200", children: [
+            "✅ Successfully connected to PayPal!",
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "a",
+              {
+                "data-paypal-button": "true",
+                "data-paypal-onboard-complete": "onboardingCallback",
+                href: "#",
+                style: { display: "none" },
+                children: "PayPal"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-3 rounded-md border border-ui-border-base bg-ui-bg-subtle p-3 text-xs text-ui-fg-subtle", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-medium text-ui-fg-base", children: "Connected PayPal account" }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-1", children: [
+              "Email:",
+              " ",
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono text-ui-fg-base", children: (statusInfo == null ? void 0 : statusInfo.seller_email) || "Unavailable" })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-3 flex items-center gap-2", children: /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: handleDisconnect,
+              disabled: onboardingInProgress,
+              className: "rounded-md border border-ui-border-base px-3 py-2 text-sm font-medium hover:bg-ui-bg-subtle disabled:opacity-50 disabled:cursor-not-allowed",
+              children: "Disconnect"
+            }
+          ) })
+        ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              ref: initLoaderRef,
+              id: "init-loader",
+              className: `status-msg mb-4 ${connState !== "loading" ? "hidden" : "block"}`,
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "loader inline-block align-middle mr-2" }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { id: "loader-text", className: "text-sm", children: onboardingInProgress ? "Configuring connection to PayPal…" : "Checking connection..." })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${connState === "ready" ? "block" : "hidden"}`, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "a",
+              {
+                ref: (node) => {
+                  paypalButtonRef.current = node;
+                  ppBtnMeasureRef.current = node;
+                },
+                id: "paypal-button",
+                "data-paypal-button": "true",
+                href: finalUrl || "#",
+                "data-paypal-onboard-complete": "onboardingCallback",
+                onClick: handleConnectClick,
+                className: "btn-paypal",
+                style: {
+                  borderRadius: "50px",
+                  textDecoration: "none",
+                  display: "inline-block",
+                  fontWeight: "bold",
+                  border: "none",
+                  cursor: onboardingInProgress ? "not-allowed" : "pointer",
+                  opacity: onboardingInProgress ? 0.6 : 1,
+                  pointerEvents: onboardingInProgress ? "none" : "auto"
+                },
+                children: "Connect to PayPal"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                className: "mt-2",
+                style: {
+                  width: ppBtnWidth ? `${ppBtnWidth}px` : "auto",
+                  marginTop: "20px",
+                  marginBottom: "10px"
+                },
+                children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[11px] text-ui-fg-muted leading-none", children: "OR" }) })
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1", children: /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => setShowManual(!showManual),
+                disabled: onboardingInProgress,
+                className: "text-sm text-ui-fg-interactive underline whitespace-nowrap disabled:opacity-50 disabled:cursor-not-allowed",
+                children: "Click here to insert credentials manually"
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${connState === "ready" ? "hidden" : "block"} mt-3`, children: /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => setShowManual(!showManual),
+              disabled: onboardingInProgress,
+              className: "text-sm text-ui-fg-interactive underline whitespace-nowrap disabled:opacity-50 disabled:cursor-not-allowed",
+              children: "Click here to insert credentials manually"
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              ref: errorLogRef,
+              id: "error-log",
+              className: `mt-4 text-left text-xs bg-red-50 text-red-600 p-3 border border-red-200 rounded ${connState === "error" && error ? "block" : "hidden"}`,
+              children: error
+            }
+          )
+        ] }) }),
+        showManual && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "md:col-span-2", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ml-[260px] max-w-xl mt-4 grid grid-cols-1 gap-3 md:grid-cols-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-sm font-medium", children: "Client ID" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                type: "text",
+                value: clientId,
+                onChange: (e) => setClientId(e.target.value),
+                disabled: onboardingInProgress,
+                className: "rounded-md border border-ui-border-base bg-transparent px-3 py-2 text-sm disabled:opacity-50",
+                placeholder: env === "sandbox" ? "Sandbox Client ID" : "Live Client ID"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-sm font-medium", children: "Client Secret" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                type: "password",
+                value: secret,
+                onChange: (e) => setSecret(e.target.value),
+                disabled: onboardingInProgress,
+                className: "rounded-md border border-ui-border-base bg-transparent px-3 py-2 text-sm disabled:opacity-50",
+                placeholder: env === "sandbox" ? "Sandbox Secret" : "Live Secret"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1 md:col-span-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-sm font-medium", children: "Merchant ID (optional)" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                type: "text",
+                value: merchantId,
+                onChange: (e) => setMerchantId(e.target.value),
+                disabled: onboardingInProgress,
+                className: "rounded-md border border-ui-border-base bg-transparent px-3 py-2 text-sm disabled:opacity-50",
+                placeholder: "Merchant ID"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "md:col-span-2 flex items-center gap-2 mt-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                className: "rounded-md border border-ui-border-base px-3 py-2 text-sm font-medium hover:bg-ui-bg-subtle disabled:opacity-50 disabled:cursor-not-allowed",
+                onClick: () => setShowManual(false),
+                disabled: onboardingInProgress,
+                children: "Cancel"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                className: "rounded-md border border-ui-border-base px-3 py-2 text-sm font-medium bg-ui-bg-base hover:bg-ui-bg-subtle disabled:opacity-50 disabled:cursor-not-allowed",
+                disabled: !canSaveManual || onboardingInProgress,
+                onClick: handleSaveManual,
+                children: "Save credentials"
+              }
+            )
+          ] })
+        ] }) })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("style", { children: `
+        .loader {
+          border: 3px solid #f3f3f3;
+          border-top: 3px solid #0070ba;
+          border-radius: 50%;
+          width: 18px;
+          height: 18px;
+          animation: spin 1s linear infinite;
+          display: inline-block;
+          vertical-align: middle;
+          margin-right: 8px;
+        }
+        @keyframes spin {
+          0% { transform: rotate(0deg); }
+          100% { transform: rotate(360deg); }
+        }
+      ` })
+  ] });
+}
+function PayPalPayLaterMessagingPage() {
+  return /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Navigate, { to: "/settings/paypal/connection", replace: true });
+}
+const DISPLAY_LOCATION_OPTIONS = [
+  { value: "product", label: "Product Page" },
+  { value: "cart", label: "Cart Page" },
+  { value: "express", label: "Express Checkout" },
+  { value: "checkout", label: "Checkout Page", disabled: true, hint: "Locked by PayPal eligibility / checkout config" },
+  { value: "mini_cart", label: "Mini Cart (Side Cart)" }
+];
+const DISABLE_BUTTON_OPTIONS = [
+  { value: "paypal", label: "PayPal" },
+  { value: "paylater", label: "Pay Later" },
+  { value: "card", label: "Debit / Credit Card" },
+  { value: "venmo", label: "Venmo" },
+  { value: "applepay", label: "Apple Pay" },
+  { value: "googlepay", label: "Google Pay" }
+];
+const HIDDEN_DISABLE_BUTTONS = /* @__PURE__ */ new Set(["applepay", "googlepay", "paylater"]);
+const VISIBLE_DISABLE_BUTTON_OPTIONS = DISABLE_BUTTON_OPTIONS.filter(
+  (option) => !HIDDEN_DISABLE_BUTTONS.has(option.value)
+);
+function filterHiddenDisableButtons(list = []) {
+  return list.filter((value) => !HIDDEN_DISABLE_BUTTONS.has(value));
+}
+const COLOR_OPTIONS = [
+  { value: "gold", label: "Gold (Recommended)" },
+  { value: "blue", label: "Blue" },
+  { value: "silver", label: "Silver" },
+  { value: "black", label: "Black" },
+  { value: "white", label: "White" }
+];
+const SHAPE_OPTIONS = [
+  { value: "rect", label: "Rect (Recommended)" },
+  { value: "pill", label: "Pill" }
+];
+const WIDTH_OPTIONS = [
+  { value: "small", label: "Small" },
+  { value: "medium", label: "Medium" },
+  { value: "large", label: "Large" },
+  { value: "responsive", label: "Responsive" }
+];
+const HEIGHT_OPTIONS = [32, 36, 40, 44, 48, 52, 56];
+const LABEL_OPTIONS = [
+  { value: "paypal", label: "PayPal (Recommended)" },
+  { value: "checkout", label: "Checkout" },
+  { value: "buynow", label: "Buy Now" },
+  { value: "pay", label: "Pay" }
+];
+function cx(...parts) {
+  return parts.filter(Boolean).join(" ");
+}
+function Pill({
+  children,
+  onRemove,
+  disabled
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "span",
+    {
+      className: cx(
+        "inline-flex items-center gap-1 rounded-md border px-2 py-1 text-sm",
+        disabled ? "opacity-60" : "opacity-100"
+      ),
+      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({
+  title,
+  description,
+  children,
+  right
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-xl border border-ui-border-base bg-ui-bg-base shadow-sm", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-4 border-b border-ui-border-base p-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-base font-semibold text-ui-fg-base", children: title }),
+        description ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1 text-sm text-ui-fg-subtle", children: description }) : null
+      ] }),
+      right
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-4", children })
+  ] });
+}
+function FieldRow({
+  label,
+  hint,
+  children
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-12 items-start gap-4 py-3", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "col-span-12 md:col-span-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-medium text-ui-fg-base", children: label }),
+      hint ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1 text-xs text-ui-fg-subtle", children: hint }) : null
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-12 md:col-span-8", children })
+  ] });
+}
+function PayPalSettingsTab() {
+  const [form, setForm] = react.useState({
+    enabled: true,
+    title: "PayPal",
+    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",
+    buttonShape: "rect",
+    buttonWidth: "medium",
+    buttonHeight: 48,
+    buttonLabel: "paypal"
+  });
+  const [loading, setLoading] = react.useState(false);
+  const [saving, setSaving] = react.useState(false);
+  const [toast, setToast] = react.useState(null);
+  const didInit = react.useRef(false);
+  react.useEffect(() => {
+    if (didInit.current) return;
+    didInit.current = true;
+    (async () => {
+      try {
+        setLoading(true);
+        const 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.paypal_settings;
+        if (saved && typeof saved === "object") {
+          setForm((prev) => ({
+            ...prev,
+            ...saved,
+            disableButtons: filterHiddenDisableButtons(saved.disableButtons)
+          }));
+        }
+      } finally {
+        setLoading(false);
+      }
+    })();
+  }, []);
+  async function onSave() {
+    try {
+      setSaving(true);
+      const cleaned = {
+        ...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 payload = (json == null ? void 0 : json.data) ?? json;
+      const saved = payload == null ? void 0 : payload.paypal_settings;
+      if (saved && typeof saved === "object") {
+        setForm((prev) => ({
+          ...prev,
+          ...saved,
+          disableButtons: filterHiddenDisableButtons(saved.disableButtons)
+        }));
+      }
+      setToast({ type: "success", message: "Settings saved" });
+      window.setTimeout(() => setToast(null), 2500);
+    } finally {
+      setSaving(false);
+    }
+  }
+  react.useMemo(() => new Map(DISPLAY_LOCATION_OPTIONS.map((o) => [o.value, o])), []);
+  function toggleMulti(key, value) {
+    setForm((prev) => {
+      const list = prev[key] || [];
+      const exists = list.includes(value);
+      const next = exists ? list.filter((v) => v !== value) : [...list, value];
+      return { ...prev, [key]: next };
+    });
+  }
+  function removeMulti(key, value) {
+    setForm((prev) => {
+      const list = prev[key] || [];
+      return { ...prev, [key]: list.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.jsxs("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("div", { className: "flex items-center gap-2" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(PayPalTabs, {}),
+    toast ? /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: "fixed right-6 top-6 z-50 rounded-md border border-ui-border-base bg-ui-bg-base px-4 py-3 text-sm shadow-lg",
+        role: "status",
+        "aria-live": "polite",
+        children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: toast.type === "success" ? "text-ui-fg-base" : "text-ui-fg-error", children: toast.message })
+      }
+    ) : null,
+    /* @__PURE__ */ jsxRuntime.jsx(
+      SectionCard,
+      {
+        title: "PayPal Settings",
+        description: "Enable PayPal, set title/description, and choose where Smart Buttons appear.",
+        right: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { className: "text-sm text-ui-fg-subtle", children: "Loading…" }) : null
+        ] }),
+        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "divide-y divide-ui-border-base", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(FieldRow, { label: "Enable/Disable", children: /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "inline-flex items-center gap-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                type: "checkbox",
+                checked: form.enabled,
+                onChange: (e) => setForm((p) => ({ ...p, enabled: e.target.checked })),
+                className: "h-4 w-4 rounded border-ui-border-base"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-ui-fg-base", children: "Enable PayPal" })
+          ] }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(FieldRow, { label: "Title", children: /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              value: form.title,
+              onChange: (e) => setForm((p) => ({ ...p, title: e.target.value })),
+              className: "w-full rounded-md border border-ui-border-base bg-ui-bg-base px-3 py-2 text-sm text-ui-fg-base outline-none focus:ring-2 focus:ring-ui-border-interactive",
+              placeholder: "PayPal"
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsx(FieldRow, { label: "Description", children: /* @__PURE__ */ jsxRuntime.jsx(
+            "textarea",
+            {
+              value: form.description,
+              onChange: (e) => setForm((p) => ({ ...p, description: e.target.value })),
+              className: "min-h-[84px] w-full resize-y 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: "Pay via PayPal..."
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            FieldRow,
+            {
+              label: "Display PayPal Buttons On",
+              hint: "Choose where PayPal Smart Buttons should render.",
+              children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap gap-2", children: [
+                  DISPLAY_LOCATION_OPTIONS.filter((o) => form.displayOn.includes(o.value)).map((o) => /* @__PURE__ */ jsxRuntime.jsxs(
+                    Pill,
+                    {
+                      disabled: o.disabled,
+                      onRemove: o.disabled ? void 0 : () => removeMulti("displayOn", o.value),
+                      children: [
+                        o.label,
+                        o.disabled ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-1 rounded bg-ui-bg-subtle px-1 py-[1px] text-[10px] text-ui-fg-subtle", children: "Locked" }) : null
+                      ]
+                    },
+                    o.value
+                  )),
+                  form.displayOn.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-ui-fg-subtle", children: "No locations selected." }) : null
+                ] }),
+                /* @__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: DISPLAY_LOCATION_OPTIONS.map((o) => {
+                  const checked = form.displayOn.includes(o.value);
+                  return /* @__PURE__ */ jsxRuntime.jsxs(
+                    "label",
+                    {
+                      className: cx(
+                        "flex items-start gap-2 rounded-md p-2",
+                        o.disabled ? "opacity-60" : "hover:bg-ui-bg-subtle"
+                      ),
+                      children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(
+                          "input",
+                          {
+                            type: "checkbox",
+                            disabled: o.disabled,
+                            checked,
+                            onChange: () => toggleMulti("displayOn", o.value),
+                            className: "mt-0.5 h-4 w-4 rounded border-ui-border-base"
+                          }
+                        ),
+                        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex flex-col", children: [
+                          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-ui-fg-base", children: o.label }),
+                          o.hint ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-ui-fg-subtle", children: o.hint }) : null
+                        ] })
+                      ]
+                    },
+                    o.value
+                  );
+                }) }) })
+              ] })
+            }
+          )
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      SectionCard,
+      {
+        title: "Button Appearance",
+        description: "Control PayPal Smart Button styling (color/shape/size/label) and optionally disable specific buttons.",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "divide-y divide-ui-border-base", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              FieldRow,
+              {
+                label: "Disable Specific Payment Buttons",
+                hint: "Hide individual funding sources (ex: Card, Venmo).",
+                children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
+                  /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(Pill, { onRemove: () => removeMulti("disableButtons", v), children: (opt == null ? void 0 : opt.label) ?? v }, v);
+                    }),
+                    filterHiddenDisableButtons(form.disableButtons).length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-ui-fg-subtle", children: "No buttons disabled." }) : null
+                  ] }),
+                  /* @__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: VISIBLE_DISABLE_BUTTON_OPTIONS.map((o) => {
+                    const checked = form.disableButtons.includes(o.value);
+                    return /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex items-center gap-2 rounded-md p-2 hover:bg-ui-bg-subtle", children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        "input",
+                        {
+                          type: "checkbox",
+                          checked,
+                          onChange: () => toggleMulti("disableButtons", o.value),
+                          className: "h-4 w-4 rounded border-ui-border-base"
+                        }
+                      ),
+                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-ui-fg-base", children: o.label })
+                    ] }, o.value);
+                  }) }) })
+                ] })
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(FieldRow, { label: "Button Color", children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("option", { value: o.value, children: o.label }, o.value))
+              }
+            ) }),
+            /* @__PURE__ */ jsxRuntime.jsx(FieldRow, { label: "Button Shape", children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("option", { value: o.value, children: o.label }, o.value))
+              }
+            ) }),
+            /* @__PURE__ */ jsxRuntime.jsx(FieldRow, { label: "Button Width", children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("option", { value: o.value, children: o.label }, o.value))
+              }
+            ) }),
+            /* @__PURE__ */ jsxRuntime.jsx(FieldRow, { label: "Button Height", children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("option", { value: h, children: [
+                  h,
+                  " px"
+                ] }, h))
+              }
+            ) }),
+            /* @__PURE__ */ jsxRuntime.jsx(FieldRow, { label: "Button Label", children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("option", { value: o.value, children: o.label }, o.value))
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-6 rounded-md border border-ui-border-base bg-ui-bg-subtle p-4", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-medium text-ui-fg-base", children: "Preview (UI only)" }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-2 text-sm text-ui-fg-subtle", children: [
+              "Color: ",
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-ui-fg-base", children: form.buttonColor }),
+              " · Shape:",
+              " ",
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-ui-fg-base", children: form.buttonShape }),
+              " · Width:",
+              " ",
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-ui-fg-base", children: form.buttonWidth }),
+              " · Height:",
+              " ",
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-ui-fg-base", children: [
+                form.buttonHeight,
+                "px"
+              ] }),
+              " · Label:",
+              " ",
+              /* @__PURE__ */ jsxRuntime.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] = 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: [
+    {
+      Component: PayPalSettingsIndexRoute,
+      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: PayPalAuditLogsPage,
+      path: "/settings/paypal/audit-logs"
+    },
+    {
+      Component: PayPalDisputesPage,
+      path: "/settings/paypal/disputes"
+    },
+    {
+      Component: PayPalGooglePayPage,
+      path: "/settings/paypal/google-pay"
+    },
+    {
+      Component: PayPalConnectionPage,
+      path: "/settings/paypal/connection"
+    },
+    {
+      Component: PayPalPayLaterMessagingPage,
+      path: "/settings/paypal/pay-later-messaging"
+    },
+    {
+      Component: PayPalSettingsTab,
+      path: "/settings/paypal/paypal-settings"
+    },
+    {
+      Component: PayPalReconciliationStatusPage,
+      path: "/settings/paypal/reconciliation-status"
+    }
+  ]
+};
+const menuItemModule = {
+  menuItems: [
+    {
+      label: config$1.label,
+      icon: config$1.icon,
+      path: "/settings/paypal",
+      nested: void 0,
+      rank: void 0,
+      translationNs: void 0
+    },
+    {
+      label: config.label,
+      icon: void 0,
+      path: "/settings/paypal/connection",
+      nested: void 0,
+      rank: void 0,
+      translationNs: void 0
+    }
+  ]
+};
+const formModule = { customFields: {} };
+const displayModule = {
+  displays: {}
+};
+const i18nModule = { resources: {} };
+const plugin = {
+  widgetModule,
+  routeModule,
+  menuItemModule,
+  formModule,
+  displayModule,
+  i18nModule
+};
+module.exports = plugin;