@easypayment/medusa-paypal 0.1.3 → 0.1.4

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

@@ -41,17 +41,11 @@ function PayPalTabs() {
   }) }) });
 }
 const DEFAULT_FORM$1 = {
-  paymentAction: "capture",
-  brandName: "PayPal",
-  landingPage: "no_preference",
-  requireInstantPayment: false,
-  useShippingAsBilling: true,
-  sendItemDetails: true,
-  skipOrderReviewPage: true,
-  invoicePrefix: "WC-",
-  creditCardStatementName: "PayPal",
-  enableLogging: true,
-  logPath: "/uploads/wc-logs/"
+  enabled: true,
+  title: "Credit or Debit Card",
+  disabledCards: [],
+  threeDS: "when_required",
+  cardSaveEnabled: false
 };
 function mergeWithDefaults$1(saved) {
   if (!saved) return { ...DEFAULT_FORM$1 };
@@ -61,6 +55,53 @@ function mergeWithDefaults$1(saved) {
     ...Object.fromEntries(entries)
   };
 }
+const CARD_BRANDS = [
+  { value: "visa", label: "Visa" },
+  { value: "mastercard", label: "Mastercard" },
+  { value: "amex", label: "American Express" },
+  { value: "discover", label: "Discover" },
+  { value: "diners", label: "Diners Club" },
+  { value: "jcb", label: "JCB" },
+  { value: "unionpay", label: "UnionPay" }
+];
+const THREE_DS_OPTIONS = [
+  {
+    value: "when_required",
+    label: "3D Secure when required",
+    hint: "Triggers 3DS only when the card / issuer requires it."
+  },
+  {
+    value: "sli",
+    label: "3D Secure (SCA) / liability shift (recommended)",
+    hint: "Attempts to optimize for liability shift while remaining compliant."
+  },
+  {
+    value: "always",
+    label: "Always request 3D Secure",
+    hint: "Forces 3DS challenge whenever possible (may reduce conversion)."
+  }
+];
+function cx$1(...parts) {
+  return parts.filter(Boolean).join(" ");
+}
+function Pill$1({
+  children,
+  onRemove
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1 rounded-md border border-ui-border-base bg-ui-bg-base px-2 py-1 text-sm text-ui-fg-base", children: [
+    children,
+    onRemove ? /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        onClick: onRemove,
+        className: "ml-1 rounded px-1 text-ui-fg-subtle hover:text-ui-fg-base",
+        "aria-label": "Remove",
+        children: "×"
+      }
+    ) : null
+  ] });
+}
 function SectionCard$2({
   title,
   description,
@@ -91,10 +132,12 @@ function FieldRow$2({
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-12 md:col-span-8", children })
   ] });
 }
-function AdditionalSettingsTab() {
+function AdvancedCardPaymentsTab() {
+  var _a, _b;
   const [form, setForm] = react.useState(() => ({ ...DEFAULT_FORM$1 }));
   const [loading, setLoading] = react.useState(false);
   const [saving, setSaving] = react.useState(false);
+  const [toast, setToast] = react.useState(null);
   const didInit = react.useRef(false);
   react.useEffect(() => {
     if (didInit.current) return;
@@ -109,7 +152,7 @@ function AdditionalSettingsTab() {
         if (!r.ok) return;
         const json = await r.json();
         const payload = (json == null ? void 0 : json.data) ?? json;
-        const saved = payload == null ? void 0 : payload.additional_settings;
+        const saved = payload == null ? void 0 : payload.advanced_card_payments;
         if (saved && typeof saved === "object") {
           setForm(mergeWithDefaults$1(saved));
         }
@@ -118,11 +161,9 @@ function AdditionalSettingsTab() {
       }
     })();
   }, []);
-  const [toast, setToast] = react.useState(null);
   async function onSave() {
     try {
       setSaving(true);
-      setToast(null);
       const r = await fetch("/admin/paypal/settings", {
         method: "POST",
         credentials: "include",
@@ -130,29 +171,42 @@ function AdditionalSettingsTab() {
           "Content-Type": "application/json",
           "Accept": "application/json"
         },
-        body: JSON.stringify({
-          additional_settings: form
-        })
+        body: JSON.stringify({ advanced_card_payments: form })
       });
       if (!r.ok) {
-        const errText = await r.text().catch(() => "");
-        throw new Error(errText || "Failed to save settings");
+        const t = await r.text();
+        setToast({ type: "error", message: "Failed to save settings. " + t });
+        window.setTimeout(() => setToast(null), 3500);
+        return;
       }
-      const json = await r.json().catch(() => ({}));
+      const json = await r.json().catch(() => null);
       const payload = (json == null ? void 0 : json.data) ?? json;
-      const saved = payload == null ? void 0 : payload.additional_settings;
+      const saved = payload == null ? void 0 : payload.advanced_card_payments;
       if (saved && typeof saved === "object") {
         setForm(mergeWithDefaults$1(saved));
       }
       setToast({ type: "success", message: "Settings saved" });
       window.setTimeout(() => setToast(null), 2500);
-    } catch (e) {
-      setToast({ type: "error", message: (e == null ? void 0 : e.message) || "Failed to save settings" });
-      window.setTimeout(() => setToast(null), 3500);
     } finally {
       setSaving(false);
     }
   }
+  const disabledSet = react.useMemo(() => new Set(form.disabledCards), [form.disabledCards]);
+  function toggleDisabledCard(value) {
+    setForm((prev) => {
+      const exists = prev.disabledCards.includes(value);
+      return {
+        ...prev,
+        disabledCards: exists ? prev.disabledCards.filter((v) => v !== value) : [...prev.disabledCards, value]
+      };
+    });
+  }
+  function removeDisabledCard(value) {
+    setForm((prev) => ({
+      ...prev,
+      disabledCards: prev.disabledCards.filter((v) => v !== value)
+    }));
+  }
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-6", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-6", children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-start justify-between gap-4", children: /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-xl font-semibold text-ui-fg-base", children: "PayPal Gateway By Easy Payment" }) }) }),
     /* @__PURE__ */ jsxRuntime.jsx(PayPalTabs, {}),
@@ -168,8 +222,8 @@ function AdditionalSettingsTab() {
     /* @__PURE__ */ jsxRuntime.jsx(
       SectionCard$2,
       {
-        title: "Additional Settings",
-        description: "These settings control checkout behavior, PayPal experience, and logging.",
+        title: "Advanced Card Payments",
+        description: "Control card checkout settings, 3D Secure behavior, and card saving.",
         right: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
           /* @__PURE__ */ jsxRuntime.jsx(
             "button",
@@ -184,164 +238,114 @@ function AdditionalSettingsTab() {
           loading ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-ui-fg-subtle", children: "Loading…" }) : null
         ] }),
         children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "divide-y divide-ui-border-base", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(FieldRow$2, { label: "Payment action", children: /* @__PURE__ */ jsxRuntime.jsxs(
-            "select",
-            {
-              value: form.paymentAction,
-              onChange: (e) => setForm((p) => ({ ...p, paymentAction: e.target.value })),
-              className: "w-full rounded-md border border-ui-border-base bg-ui-bg-base px-3 py-2 text-sm text-ui-fg-base outline-none focus:ring-2 focus:ring-ui-border-interactive",
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx("option", { value: "capture", children: "Capture" }),
-                /* @__PURE__ */ jsxRuntime.jsx("option", { value: "authorize", children: "Authorize" })
-              ]
-            }
-          ) }),
-          /* @__PURE__ */ jsxRuntime.jsx(FieldRow$2, { label: "Brand Name", children: /* @__PURE__ */ jsxRuntime.jsx(
-            "input",
-            {
-              value: form.brandName,
-              onChange: (e) => setForm((p) => ({ ...p, brandName: e.target.value })),
-              className: "w-full rounded-md border border-ui-border-base bg-ui-bg-base px-3 py-2 text-sm text-ui-fg-base outline-none focus:ring-2 focus:ring-ui-border-interactive",
-              placeholder: "PayPal"
-            }
-          ) }),
-          /* @__PURE__ */ jsxRuntime.jsx(FieldRow$2, { label: "Landing Page", children: /* @__PURE__ */ jsxRuntime.jsxs(
-            "select",
-            {
-              value: form.landingPage,
-              onChange: (e) => setForm((p) => ({ ...p, landingPage: e.target.value })),
-              className: "w-full rounded-md border border-ui-border-base bg-ui-bg-base px-3 py-2 text-sm text-ui-fg-base outline-none focus:ring-2 focus:ring-ui-border-interactive",
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx("option", { value: "no_preference", children: "No Preference" }),
-                /* @__PURE__ */ jsxRuntime.jsx("option", { value: "login", children: "Login" }),
-                /* @__PURE__ */ jsxRuntime.jsx("option", { value: "billing", children: "Billing" })
-              ]
-            }
-          ) }),
-          /* @__PURE__ */ jsxRuntime.jsx(FieldRow$2, { label: "Instant Payments", children: /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "inline-flex items-center gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(FieldRow$2, { label: "Enable/Disable", children: /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "inline-flex items-center gap-2", children: [
             /* @__PURE__ */ jsxRuntime.jsx(
               "input",
               {
                 type: "checkbox",
-                checked: form.requireInstantPayment,
-                onChange: (e) => setForm((p) => ({ ...p, requireInstantPayment: e.target.checked })),
+                checked: form.enabled,
+                onChange: (e) => setForm((p) => ({ ...p, enabled: e.target.checked })),
                 className: "h-4 w-4 rounded border-ui-border-base"
               }
             ),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-ui-fg-base", children: "Require Instant Payment" })
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-ui-fg-base", children: "Enable Advanced Credit/Debit Card" })
           ] }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            FieldRow$2,
+          /* @__PURE__ */ jsxRuntime.jsx(FieldRow$2, { label: "Title", children: /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
             {
-              label: "Billing Address",
-              hint: "If the billing address is empty and PayPal provides a shipping address, the order will use the shipping address as the billing address.",
-              children: /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "inline-flex items-center gap-2", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  "input",
-                  {
-                    type: "checkbox",
-                    checked: form.useShippingAsBilling,
-                    onChange: (e) => setForm((p) => ({ ...p, useShippingAsBilling: e.target.checked })),
-                    className: "h-4 w-4 rounded border-ui-border-base"
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-ui-fg-base", children: "Use PayPal Shipping Address as Billing" })
-              ] })
+              value: form.title,
+              onChange: (e) => setForm((p) => ({ ...p, title: e.target.value })),
+              className: "w-full rounded-md border border-ui-border-base bg-ui-bg-base px-3 py-2 text-sm text-ui-fg-base outline-none focus:ring-2 focus:ring-ui-border-interactive",
+              placeholder: "Credit or Debit Card"
             }
-          ),
+          ) }),
           /* @__PURE__ */ jsxRuntime.jsx(
             FieldRow$2,
             {
-              label: "Send Item Details",
-              hint: "Include all line item details in the payment request to PayPal so that they can be seen from the PayPal transaction details page.",
-              children: /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "inline-flex items-center gap-2", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  "input",
-                  {
-                    type: "checkbox",
-                    checked: form.sendItemDetails,
-                    onChange: (e) => setForm((p) => ({ ...p, sendItemDetails: e.target.checked })),
-                    className: "h-4 w-4 rounded border-ui-border-base"
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-ui-fg-base", children: "Send line item details to PayPal" })
+              label: "Disable specific credit cards",
+              hint: "Select card brands to hide from the card form.",
+              children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2", children: form.disabledCards.length ? form.disabledCards.map((v) => {
+                  var _a2;
+                  const label = ((_a2 = CARD_BRANDS.find((b) => b.value === v)) == null ? void 0 : _a2.label) ?? v;
+                  return /* @__PURE__ */ jsxRuntime.jsx(Pill$1, { onRemove: () => removeDisabledCard(v), children: label }, v);
+                }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-ui-fg-subtle", children: "No card brands disabled." }) }),
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-md border border-ui-border-base p-3", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid gap-2 md:grid-cols-2", children: CARD_BRANDS.map((b) => {
+                  const checked = disabledSet.has(b.value);
+                  return /* @__PURE__ */ jsxRuntime.jsxs(
+                    "label",
+                    {
+                      className: cx$1(
+                        "flex items-center gap-2 rounded-md p-2",
+                        "hover:bg-ui-bg-subtle"
+                      ),
+                      children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(
+                          "input",
+                          {
+                            type: "checkbox",
+                            checked,
+                            onChange: () => toggleDisabledCard(b.value),
+                            className: "h-4 w-4 rounded border-ui-border-base"
+                          }
+                        ),
+                        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-ui-fg-base", children: b.label })
+                      ]
+                    },
+                    b.value
+                  );
+                }) }) })
               ] })
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
             FieldRow$2,
             {
-              label: "Order Review Page",
-              hint: "Payments from the Product or Cart page skip the review step and go straight to the Thank You page.",
-              children: /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "inline-flex items-center gap-2", children: [
+              label: "Contingency for 3D Secure",
+              hint: "Choose when 3D Secure should be triggered during card payments.",
+              children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
-                  "input",
+                  "select",
                   {
-                    type: "checkbox",
-                    checked: form.skipOrderReviewPage,
-                    onChange: (e) => setForm((p) => ({ ...p, skipOrderReviewPage: e.target.checked })),
-                    className: "h-4 w-4 rounded border-ui-border-base"
+                    value: form.threeDS,
+                    onChange: (e) => setForm((p) => ({ ...p, threeDS: e.target.value })),
+                    className: "w-full rounded-md border border-ui-border-base bg-ui-bg-base px-3 py-2 text-sm text-ui-fg-base outline-none focus:ring-2 focus:ring-ui-border-interactive",
+                    children: THREE_DS_OPTIONS.map((o) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: o.value, children: o.label }, o.value))
                   }
                 ),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-ui-fg-base", children: "Skip Order Review Page" })
+                ((_a = THREE_DS_OPTIONS.find((o) => o.value === form.threeDS)) == null ? void 0 : _a.hint) ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-ui-fg-subtle", children: (_b = THREE_DS_OPTIONS.find((o) => o.value === form.threeDS)) == null ? void 0 : _b.hint }) : null
               ] })
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx(FieldRow$2, { label: "Invoice prefix", children: /* @__PURE__ */ jsxRuntime.jsx(
-            "input",
-            {
-              value: form.invoicePrefix,
-              onChange: (e) => setForm((p) => ({ ...p, invoicePrefix: e.target.value })),
-              className: "w-full rounded-md border border-ui-border-base bg-ui-bg-base px-3 py-2 text-sm text-ui-fg-base outline-none focus:ring-2 focus:ring-ui-border-interactive",
-              placeholder: "WC-"
-            }
-          ) }),
-          /* @__PURE__ */ jsxRuntime.jsx(FieldRow$2, { label: "Credit Card Statement Name", children: /* @__PURE__ */ jsxRuntime.jsx(
-            "input",
-            {
-              value: form.creditCardStatementName,
-              onChange: (e) => setForm((p) => ({ ...p, creditCardStatementName: e.target.value })),
-              className: "w-full rounded-md border border-ui-border-base bg-ui-bg-base px-3 py-2 text-sm text-ui-fg-base outline-none focus:ring-2 focus:ring-ui-border-interactive",
-              placeholder: "PayPal"
-            }
-          ) }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            FieldRow$2,
-            {
-              label: "Debug log",
-              hint: /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-                "Log PayPal events such as Webhook, Payment, Refund.",
-                " ",
-                form.logPath ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                  "Log location: ",
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono", children: form.logPath })
-                ] }) : null
-              ] }),
-              children: /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "inline-flex items-center gap-2", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  "input",
-                  {
-                    type: "checkbox",
-                    checked: form.enableLogging,
-                    onChange: (e) => setForm((p) => ({ ...p, enableLogging: e.target.checked })),
-                    className: "h-4 w-4 rounded border-ui-border-base"
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-ui-fg-base", children: "Enable logging" })
-              ] })
-            }
-          )
+          /* @__PURE__ */ jsxRuntime.jsx(FieldRow$2, { label: "Card Save Enabled", hint: "Allow customers to save a card at checkout for future use.", children: /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "inline-flex items-center gap-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                type: "checkbox",
+                checked: form.cardSaveEnabled,
+                onChange: (e) => setForm((p) => ({ ...p, cardSaveEnabled: e.target.checked })),
+                className: "h-4 w-4 rounded border-ui-border-base"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-ui-fg-base", children: "Enable card saving at checkout" })
+          ] }) })
         ] })
       }
     )
   ] }) });
 }
 const DEFAULT_FORM = {
-  enabled: true,
-  title: "Credit or Debit Card",
-  disabledCards: [],
-  threeDS: "when_required",
-  cardSaveEnabled: false
+  paymentAction: "capture",
+  brandName: "PayPal",
+  landingPage: "no_preference",
+  requireInstantPayment: false,
+  useShippingAsBilling: true,
+  sendItemDetails: true,
+  skipOrderReviewPage: true,
+  invoicePrefix: "WC-",
+  creditCardStatementName: "PayPal",
+  enableLogging: true,
+  logPath: "/uploads/wc-logs/"
 };
 function mergeWithDefaults(saved) {
   if (!saved) return { ...DEFAULT_FORM };
@@ -351,53 +355,6 @@ function mergeWithDefaults(saved) {
     ...Object.fromEntries(entries)
   };
 }
-const CARD_BRANDS = [
-  { value: "visa", label: "Visa" },
-  { value: "mastercard", label: "Mastercard" },
-  { value: "amex", label: "American Express" },
-  { value: "discover", label: "Discover" },
-  { value: "diners", label: "Diners Club" },
-  { value: "jcb", label: "JCB" },
-  { value: "unionpay", label: "UnionPay" }
-];
-const THREE_DS_OPTIONS = [
-  {
-    value: "when_required",
-    label: "3D Secure when required",
-    hint: "Triggers 3DS only when the card / issuer requires it."
-  },
-  {
-    value: "sli",
-    label: "3D Secure (SCA) / liability shift (recommended)",
-    hint: "Attempts to optimize for liability shift while remaining compliant."
-  },
-  {
-    value: "always",
-    label: "Always request 3D Secure",
-    hint: "Forces 3DS challenge whenever possible (may reduce conversion)."
-  }
-];
-function cx$1(...parts) {
-  return parts.filter(Boolean).join(" ");
-}
-function Pill$1({
-  children,
-  onRemove
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1 rounded-md border border-ui-border-base bg-ui-bg-base px-2 py-1 text-sm text-ui-fg-base", children: [
-    children,
-    onRemove ? /* @__PURE__ */ jsxRuntime.jsx(
-      "button",
-      {
-        type: "button",
-        onClick: onRemove,
-        className: "ml-1 rounded px-1 text-ui-fg-subtle hover:text-ui-fg-base",
-        "aria-label": "Remove",
-        children: "×"
-      }
-    ) : null
-  ] });
-}
 function SectionCard$1({
   title,
   description,
@@ -428,12 +385,10 @@ function FieldRow$1({
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-12 md:col-span-8", children })
   ] });
 }
-function AdvancedCardPaymentsTab() {
-  var _a, _b;
+function AdditionalSettingsTab() {
   const [form, setForm] = react.useState(() => ({ ...DEFAULT_FORM }));
   const [loading, setLoading] = react.useState(false);
   const [saving, setSaving] = react.useState(false);
-  const [toast, setToast] = react.useState(null);
   const didInit = react.useRef(false);
   react.useEffect(() => {
     if (didInit.current) return;
@@ -448,7 +403,7 @@ function AdvancedCardPaymentsTab() {
         if (!r.ok) return;
         const json = await r.json();
         const payload = (json == null ? void 0 : json.data) ?? json;
-        const saved = payload == null ? void 0 : payload.advanced_card_payments;
+        const saved = payload == null ? void 0 : payload.additional_settings;
         if (saved && typeof saved === "object") {
           setForm(mergeWithDefaults(saved));
         }
@@ -457,9 +412,11 @@ function AdvancedCardPaymentsTab() {
       }
     })();
   }, []);
+  const [toast, setToast] = react.useState(null);
   async function onSave() {
     try {
       setSaving(true);
+      setToast(null);
       const r = await fetch("/admin/paypal/settings", {
         method: "POST",
         credentials: "include",
@@ -467,42 +424,29 @@ function AdvancedCardPaymentsTab() {
           "Content-Type": "application/json",
           "Accept": "application/json"
         },
-        body: JSON.stringify({ advanced_card_payments: form })
+        body: JSON.stringify({
+          additional_settings: form
+        })
       });
       if (!r.ok) {
-        const t = await r.text();
-        setToast({ type: "error", message: "Failed to save settings. " + t });
-        window.setTimeout(() => setToast(null), 3500);
-        return;
+        const errText = await r.text().catch(() => "");
+        throw new Error(errText || "Failed to save settings");
       }
-      const json = await r.json().catch(() => null);
+      const json = await r.json().catch(() => ({}));
       const payload = (json == null ? void 0 : json.data) ?? json;
-      const saved = payload == null ? void 0 : payload.advanced_card_payments;
+      const saved = payload == null ? void 0 : payload.additional_settings;
       if (saved && typeof saved === "object") {
         setForm(mergeWithDefaults(saved));
       }
       setToast({ type: "success", message: "Settings saved" });
       window.setTimeout(() => setToast(null), 2500);
+    } catch (e) {
+      setToast({ type: "error", message: (e == null ? void 0 : e.message) || "Failed to save settings" });
+      window.setTimeout(() => setToast(null), 3500);
     } finally {
       setSaving(false);
     }
   }
-  const disabledSet = react.useMemo(() => new Set(form.disabledCards), [form.disabledCards]);
-  function toggleDisabledCard(value) {
-    setForm((prev) => {
-      const exists = prev.disabledCards.includes(value);
-      return {
-        ...prev,
-        disabledCards: exists ? prev.disabledCards.filter((v) => v !== value) : [...prev.disabledCards, value]
-      };
-    });
-  }
-  function removeDisabledCard(value) {
-    setForm((prev) => ({
-      ...prev,
-      disabledCards: prev.disabledCards.filter((v) => v !== value)
-    }));
-  }
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-6", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-6", children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-start justify-between gap-4", children: /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-xl font-semibold text-ui-fg-base", children: "PayPal Gateway By Easy Payment" }) }) }),
     /* @__PURE__ */ jsxRuntime.jsx(PayPalTabs, {}),
@@ -518,8 +462,8 @@ function AdvancedCardPaymentsTab() {
     /* @__PURE__ */ jsxRuntime.jsx(
       SectionCard$1,
       {
-        title: "Advanced Card Payments",
-        description: "Control card checkout settings, 3D Secure behavior, and card saving.",
+        title: "Additional Settings",
+        description: "These settings control checkout behavior, PayPal experience, and logging.",
         right: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
           /* @__PURE__ */ jsxRuntime.jsx(
             "button",
@@ -534,105 +478,158 @@ function AdvancedCardPaymentsTab() {
           loading ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-ui-fg-subtle", children: "Loading…" }) : null
         ] }),
         children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "divide-y divide-ui-border-base", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(FieldRow$1, { label: "Enable/Disable", children: /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "inline-flex items-center gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(FieldRow$1, { label: "Payment action", children: /* @__PURE__ */ jsxRuntime.jsxs(
+            "select",
+            {
+              value: form.paymentAction,
+              onChange: (e) => setForm((p) => ({ ...p, paymentAction: e.target.value })),
+              className: "w-full rounded-md border border-ui-border-base bg-ui-bg-base px-3 py-2 text-sm text-ui-fg-base outline-none focus:ring-2 focus:ring-ui-border-interactive",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("option", { value: "capture", children: "Capture" }),
+                /* @__PURE__ */ jsxRuntime.jsx("option", { value: "authorize", children: "Authorize" })
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsx(FieldRow$1, { label: "Brand Name", children: /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              value: form.brandName,
+              onChange: (e) => setForm((p) => ({ ...p, brandName: e.target.value })),
+              className: "w-full rounded-md border border-ui-border-base bg-ui-bg-base px-3 py-2 text-sm text-ui-fg-base outline-none focus:ring-2 focus:ring-ui-border-interactive",
+              placeholder: "PayPal"
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsx(FieldRow$1, { label: "Landing Page", children: /* @__PURE__ */ jsxRuntime.jsxs(
+            "select",
+            {
+              value: form.landingPage,
+              onChange: (e) => setForm((p) => ({ ...p, landingPage: e.target.value })),
+              className: "w-full rounded-md border border-ui-border-base bg-ui-bg-base px-3 py-2 text-sm text-ui-fg-base outline-none focus:ring-2 focus:ring-ui-border-interactive",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("option", { value: "no_preference", children: "No Preference" }),
+                /* @__PURE__ */ jsxRuntime.jsx("option", { value: "login", children: "Login" }),
+                /* @__PURE__ */ jsxRuntime.jsx("option", { value: "billing", children: "Billing" })
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsx(FieldRow$1, { label: "Instant Payments", children: /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "inline-flex items-center gap-2", children: [
             /* @__PURE__ */ jsxRuntime.jsx(
               "input",
               {
                 type: "checkbox",
-                checked: form.enabled,
-                onChange: (e) => setForm((p) => ({ ...p, enabled: e.target.checked })),
+                checked: form.requireInstantPayment,
+                onChange: (e) => setForm((p) => ({ ...p, requireInstantPayment: e.target.checked })),
                 className: "h-4 w-4 rounded border-ui-border-base"
               }
             ),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-ui-fg-base", children: "Enable Advanced Credit/Debit Card" })
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-ui-fg-base", children: "Require Instant Payment" })
           ] }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(FieldRow$1, { label: "Title", children: /* @__PURE__ */ jsxRuntime.jsx(
-            "input",
+          /* @__PURE__ */ jsxRuntime.jsx(
+            FieldRow$1,
             {
-              value: form.title,
-              onChange: (e) => setForm((p) => ({ ...p, title: e.target.value })),
-              className: "w-full rounded-md border border-ui-border-base bg-ui-bg-base px-3 py-2 text-sm text-ui-fg-base outline-none focus:ring-2 focus:ring-ui-border-interactive",
-              placeholder: "Credit or Debit Card"
+              label: "Billing Address",
+              hint: "If the billing address is empty and PayPal provides a shipping address, the order will use the shipping address as the billing address.",
+              children: /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "inline-flex items-center gap-2", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "input",
+                  {
+                    type: "checkbox",
+                    checked: form.useShippingAsBilling,
+                    onChange: (e) => setForm((p) => ({ ...p, useShippingAsBilling: e.target.checked })),
+                    className: "h-4 w-4 rounded border-ui-border-base"
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-ui-fg-base", children: "Use PayPal Shipping Address as Billing" })
+              ] })
             }
-          ) }),
+          ),
           /* @__PURE__ */ jsxRuntime.jsx(
             FieldRow$1,
             {
-              label: "Disable specific credit cards",
-              hint: "Select card brands to hide from the card form.",
-              children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2", children: form.disabledCards.length ? form.disabledCards.map((v) => {
-                  var _a2;
-                  const label = ((_a2 = CARD_BRANDS.find((b) => b.value === v)) == null ? void 0 : _a2.label) ?? v;
-                  return /* @__PURE__ */ jsxRuntime.jsx(Pill$1, { onRemove: () => removeDisabledCard(v), children: label }, v);
-                }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-ui-fg-subtle", children: "No card brands disabled." }) }),
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-md border border-ui-border-base p-3", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid gap-2 md:grid-cols-2", children: CARD_BRANDS.map((b) => {
-                  const checked = disabledSet.has(b.value);
-                  return /* @__PURE__ */ jsxRuntime.jsxs(
-                    "label",
-                    {
-                      className: cx$1(
-                        "flex items-center gap-2 rounded-md p-2",
-                        "hover:bg-ui-bg-subtle"
-                      ),
-                      children: [
-                        /* @__PURE__ */ jsxRuntime.jsx(
-                          "input",
-                          {
-                            type: "checkbox",
-                            checked,
-                            onChange: () => toggleDisabledCard(b.value),
-                            className: "h-4 w-4 rounded border-ui-border-base"
-                          }
-                        ),
-                        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-ui-fg-base", children: b.label })
-                      ]
-                    },
-                    b.value
-                  );
-                }) }) })
+              label: "Send Item Details",
+              hint: "Include all line item details in the payment request to PayPal so that they can be seen from the PayPal transaction details page.",
+              children: /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "inline-flex items-center gap-2", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "input",
+                  {
+                    type: "checkbox",
+                    checked: form.sendItemDetails,
+                    onChange: (e) => setForm((p) => ({ ...p, sendItemDetails: e.target.checked })),
+                    className: "h-4 w-4 rounded border-ui-border-base"
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-ui-fg-base", children: "Send line item details to PayPal" })
               ] })
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
             FieldRow$1,
             {
-              label: "Contingency for 3D Secure",
-              hint: "Choose when 3D Secure should be triggered during card payments.",
-              children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
+              label: "Order Review Page",
+              hint: "Payments from the Product or Cart page skip the review step and go straight to the Thank You page.",
+              children: /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "inline-flex items-center gap-2", children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
-                  "select",
+                  "input",
                   {
-                    value: form.threeDS,
-                    onChange: (e) => setForm((p) => ({ ...p, threeDS: e.target.value })),
-                    className: "w-full rounded-md border border-ui-border-base bg-ui-bg-base px-3 py-2 text-sm text-ui-fg-base outline-none focus:ring-2 focus:ring-ui-border-interactive",
-                    children: THREE_DS_OPTIONS.map((o) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: o.value, children: o.label }, o.value))
+                    type: "checkbox",
+                    checked: form.skipOrderReviewPage,
+                    onChange: (e) => setForm((p) => ({ ...p, skipOrderReviewPage: e.target.checked })),
+                    className: "h-4 w-4 rounded border-ui-border-base"
                   }
                 ),
-                ((_a = THREE_DS_OPTIONS.find((o) => o.value === form.threeDS)) == null ? void 0 : _a.hint) ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-ui-fg-subtle", children: (_b = THREE_DS_OPTIONS.find((o) => o.value === form.threeDS)) == null ? void 0 : _b.hint }) : null
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-ui-fg-base", children: "Skip Order Review Page" })
               ] })
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx(FieldRow$1, { label: "Card Save Enabled", hint: "Allow customers to save a card at checkout for future use.", children: /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "inline-flex items-center gap-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "input",
-              {
-                type: "checkbox",
-                checked: form.cardSaveEnabled,
-                onChange: (e) => setForm((p) => ({ ...p, cardSaveEnabled: e.target.checked })),
-                className: "h-4 w-4 rounded border-ui-border-base"
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-ui-fg-base", children: "Enable card saving at checkout" })
-          ] }) })
+          /* @__PURE__ */ jsxRuntime.jsx(FieldRow$1, { label: "Invoice prefix", children: /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              value: form.invoicePrefix,
+              onChange: (e) => setForm((p) => ({ ...p, invoicePrefix: e.target.value })),
+              className: "w-full rounded-md border border-ui-border-base bg-ui-bg-base px-3 py-2 text-sm text-ui-fg-base outline-none focus:ring-2 focus:ring-ui-border-interactive",
+              placeholder: "WC-"
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsx(FieldRow$1, { label: "Credit Card Statement Name", children: /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              value: form.creditCardStatementName,
+              onChange: (e) => setForm((p) => ({ ...p, creditCardStatementName: e.target.value })),
+              className: "w-full rounded-md border border-ui-border-base bg-ui-bg-base px-3 py-2 text-sm text-ui-fg-base outline-none focus:ring-2 focus:ring-ui-border-interactive",
+              placeholder: "PayPal"
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            FieldRow$1,
+            {
+              label: "Debug log",
+              hint: /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+                "Log PayPal events such as Webhook, Payment, Refund.",
+                " ",
+                form.logPath ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                  "Log location: ",
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono", children: form.logPath })
+                ] }) : null
+              ] }),
+              children: /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "inline-flex items-center gap-2", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "input",
+                  {
+                    type: "checkbox",
+                    checked: form.enableLogging,
+                    onChange: (e) => setForm((p) => ({ ...p, enableLogging: e.target.checked })),
+                    className: "h-4 w-4 rounded border-ui-border-base"
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-ui-fg-base", children: "Enable logging" })
+              ] })
+            }
+          )
         ] })
       }
     )
   ] }) });
 }
-function PayPalApplePayPage() {
-  return /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Navigate, { to: "/settings/paypal/connection", replace: true });
-}
 const config = adminSdk.defineRouteConfig({
   label: "PayPal Connection",
   hide: true
@@ -1217,84 +1214,8 @@ function PayPalConnectionPage() {
       ` })
   ] });
 }
-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
-      ] })
-    ] })
-  ] }) });
+function PayPalApplePayPage() {
+  return /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Navigate, { to: "/settings/paypal/connection", replace: true });
 }
 const EMPTY_FILTERS = {
   dispute_id: "",
@@ -1302,7 +1223,7 @@ const EMPTY_FILTERS = {
   order_id: "",
   cart_id: ""
 };
-function formatDate$1(value) {
+function formatDate$2(value) {
   if (!value) {
     return "";
   }
@@ -1481,7 +1402,7 @@ function PayPalDisputesPage() {
           /* @__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) })
+          /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-3 text-ui-fg-subtle", children: formatDate$2(dispute.updated_at || dispute.created_at) })
         ] }, dispute.id)) })
       ] }) }),
       error ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t border-ui-border-base px-4 py-3 text-sm text-ui-fg-error", children: error }) : null
@@ -1491,6 +1412,85 @@ function PayPalDisputesPage() {
 function PayPalGooglePayPage() {
   return /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Navigate, { to: "/settings/paypal/connection", replace: true });
 }
+function formatDate$1(value) {
+  if (!value) {
+    return "";
+  }
+  const parsed = new Date(value);
+  if (Number.isNaN(parsed.getTime())) {
+    return value;
+  }
+  return parsed.toLocaleString();
+}
+function PayPalAuditLogsPage() {
+  const [logs, setLogs] = react.useState([]);
+  const [loading, setLoading] = react.useState(false);
+  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$1(entry.created_at) || "—" }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-3 pr-4 text-ui-fg-base", children: entry.event_type || "—" }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "py-3 text-ui-fg-subtle", children: /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "whitespace-pre-wrap rounded-md bg-ui-bg-subtle p-2 text-xs text-ui-fg-subtle", children: JSON.stringify(entry.metadata || {}, null, 2) }) })
+          ] }, entry.id)) })
+        ] }) }) : null
+      ] })
+    ] })
+  ] }) });
+}
 function PayPalPayLaterMessagingPage() {
   return /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Navigate, { to: "/settings/paypal/connection", replace: true });
 }
@@ -2048,25 +2048,21 @@ const routeModule = {
       Component: PayPalSettingsIndexRoute,
       path: "/settings/paypal"
     },
-    {
-      Component: AdditionalSettingsTab,
-      path: "/settings/paypal/additional-settings"
-    },
     {
       Component: AdvancedCardPaymentsTab,
       path: "/settings/paypal/advanced-card-payments"
     },
     {
-      Component: PayPalApplePayPage,
-      path: "/settings/paypal/apple-pay"
+      Component: AdditionalSettingsTab,
+      path: "/settings/paypal/additional-settings"
     },
     {
       Component: PayPalConnectionPage,
       path: "/settings/paypal/connection"
     },
     {
-      Component: PayPalAuditLogsPage,
-      path: "/settings/paypal/audit-logs"
+      Component: PayPalApplePayPage,
+      path: "/settings/paypal/apple-pay"
     },
     {
       Component: PayPalDisputesPage,
@@ -2076,6 +2072,10 @@ const routeModule = {
       Component: PayPalGooglePayPage,
       path: "/settings/paypal/google-pay"
     },
+    {
+      Component: PayPalAuditLogsPage,
+      path: "/settings/paypal/audit-logs"
+    },
     {
       Component: PayPalPayLaterMessagingPage,
       path: "/settings/paypal/pay-later-messaging"