@cedros/pay-react 1.1.27 → 1.1.29

package/dist/{StorefrontSection-BRvIGBEJ.mjs → StorefrontSection-BK_rhrAi.mjs}

@@ -1,9 +1,11 @@
-import { jsx as t, jsxs as a } from "react/jsx-runtime";
+import { jsx as t, jsxs as r } from "react/jsx-runtime";
 import { useState as h, useCallback as z, useEffect as j } from "react";
-import { I as H, E as V, F as x } from "./index-DXnuQp5x.mjs";
+import { I as H } from "./sectionIds-DBavltrL.mjs";
+import { E as V } from "./ErrorBanner-CZXsHi3H.mjs";
+import { F as x } from "./Dropdown-B90Zabxr.mjs";
 import { T as d } from "./Toggle-DAxIdpY4.mjs";
 import { u as q } from "./useAutosave-YwMqRzqy.mjs";
-import { A as X } from "./AutosaveIndicator-Bed0-ekg.mjs";
+import { A as X } from "./AutosaveIndicator-BEvABoKU.mjs";
 const C = {
   enabled: !0,
   relatedProducts: {
@@ -102,18 +104,18 @@ const C = {
   { id: "product-pages", label: "Product Pages" },
   { id: "checkout", label: "Checkout" }
 ];
-function te({ serverUrl: g, apiKey: s, authManager: c }) {
+function ae({ serverUrl: g, apiKey: s, authManager: c }) {
   const [m, W] = h("shop-page"), [o, n] = h(C), [B, L] = h(!0), [N, D] = h(!0), [R, y] = h(null), f = z(async () => {
     try {
       y(null);
       let e;
-      const r = "/admin/config/shop";
+      const a = "/admin/config/shop";
       if (c?.isAuthenticated())
-        e = await c.fetchWithAuth(r);
+        e = await c.fetchWithAuth(a);
       else {
         const i = { "Content-Type": "application/json" };
         s && (i["X-API-Key"] = s);
-        const l = await fetch(`${g}${r}`, { headers: i });
+        const l = await fetch(`${g}${a}`, { headers: i });
         if (!l.ok) throw new Error(`Failed to fetch settings: ${l.status}`);
         e = await l.json();
       }
@@ -128,14 +130,14 @@ function te({ serverUrl: g, apiKey: s, authManager: c }) {
     f();
   }, [f]);
   const A = z(async (e) => {
-    const r = "/admin/config/shop", i = JSON.stringify({ config: e });
+    const a = "/admin/config/shop", i = JSON.stringify({ config: e });
     try {
       if (c?.isAuthenticated())
-        await c.fetchWithAuth(r, { method: "PUT", body: i });
+        await c.fetchWithAuth(a, { method: "PUT", body: i });
       else {
         const l = { "Content-Type": "application/json" };
         s && (l["X-API-Key"] = s);
-        const p = await fetch(`${g}${r}`, { method: "PUT", headers: l, body: i });
+        const p = await fetch(`${g}${a}`, { method: "PUT", headers: l, body: i });
         if (!p.ok) throw new Error(`Failed to save settings: ${p.status}`);
       }
     } catch {
@@ -147,83 +149,83 @@ function te({ serverUrl: g, apiKey: s, authManager: c }) {
     debounceMs: 1500,
     enabled: !N
   }), O = (e) => {
-    n((r) => ({
-      ...r,
-      relatedProducts: { ...r.relatedProducts, mode: e }
+    n((a) => ({
+      ...a,
+      relatedProducts: { ...a.relatedProducts, mode: e }
     }));
   }, $ = (e) => {
-    n((r) => ({
-      ...r,
-      relatedProducts: { ...r.relatedProducts, maxItems: e }
+    n((a) => ({
+      ...a,
+      relatedProducts: { ...a.relatedProducts, maxItems: e }
     }));
-  }, P = (e, r) => {
+  }, P = (e, a) => {
     n((i) => ({
       ...i,
       relatedProducts: {
         ...i.relatedProducts,
-        layout: { ...i.relatedProducts.layout, [e]: r }
+        layout: { ...i.relatedProducts.layout, [e]: a }
       }
     }));
-  }, v = (e, r) => {
+  }, v = (e, a) => {
     n((i) => ({
       ...i,
       catalog: {
         ...i.catalog,
-        filters: { ...i.catalog.filters, [e]: r }
+        filters: { ...i.catalog.filters, [e]: a }
       }
     }));
-  }, b = (e, r) => {
+  }, b = (e, a) => {
     const i = o.catalog.sort, l = Object.values(i).filter(Boolean).length;
-    !r && l <= 1 || n((p) => ({
+    !a && l <= 1 || n((p) => ({
       ...p,
       catalog: {
         ...p.catalog,
-        sort: { ...p.catalog.sort, [e]: r }
+        sort: { ...p.catalog.sort, [e]: a }
       }
     }));
-  }, M = (e, r) => {
+  }, M = (e, a) => {
     n((i) => ({
       ...i,
-      checkout: { ...i.checkout, [e]: r }
+      checkout: { ...i.checkout, [e]: a }
     }));
-  }, w = (e, r) => {
+  }, w = (e, a) => {
     n((i) => ({
       ...i,
-      shopLayout: { ...i.shopLayout, [e]: r }
+      shopLayout: { ...i.shopLayout, [e]: a }
     }));
-  }, I = (e, r) => {
+  }, I = (e, a) => {
     n((i) => ({
       ...i,
-      categoryLayout: { ...i.categoryLayout, [e]: r }
+      categoryLayout: { ...i.categoryLayout, [e]: a }
     }));
-  }, u = (e, r) => {
+  }, u = (e, a) => {
     n((i) => ({
       ...i,
-      sections: { ...i.sections, [e]: r }
+      sections: { ...i.sections, [e]: a }
     }));
-  }, S = (e, r) => {
+  }, S = (e, a) => {
     n((i) => ({
       ...i,
-      inventory: { ...i.inventory, [e]: r }
+      inventory: { ...i.inventory, [e]: a }
     }));
-  }, T = (e, r) => {
+  }, T = (e, a) => {
     n((i) => ({
       ...i,
-      shopPage: { ...i.shopPage, [e]: r }
+      shopPage: { ...i.shopPage, [e]: a }
     }));
   };
-  return B ? /* @__PURE__ */ t("div", { className: "cedros-admin__section", children: /* @__PURE__ */ a("div", { className: "cedros-admin__loading", children: [
+  return B ? /* @__PURE__ */ t("div", { className: "cedros-admin__section", children: /* @__PURE__ */ r("div", { className: "cedros-admin__loading", children: [
     H.loading,
     " Loading storefront settings..."
-  ] }) }) : /* @__PURE__ */ a("div", { className: "cedros-admin__storefront-settings", children: [
-    /* @__PURE__ */ a("div", { className: "cedros-admin__page-header", style: { display: "flex", justifyContent: "space-between", alignItems: "flex-start" }, children: [
-      /* @__PURE__ */ a("div", { children: [
+  ] }) }) : /* @__PURE__ */ r("div", { className: "cedros-admin__storefront-settings", children: [
+    /* @__PURE__ */ r("div", { className: "cedros-admin__page-header", style: { display: "flex", justifyContent: "space-between", alignItems: "flex-start" }, children: [
+      /* @__PURE__ */ r("div", { children: [
         /* @__PURE__ */ t("h2", { className: "cedros-admin__page-title", children: "Storefront" }),
         /* @__PURE__ */ t("p", { className: "cedros-admin__page-description", children: "Configure catalog filters, product layouts, and checkout settings." })
       ] }),
-      /* @__PURE__ */ a("div", { style: { display: "flex", alignItems: "center", gap: "0.75rem", flexShrink: 0 }, children: [
+      /* @__PURE__ */ r("div", { style: { display: "flex", alignItems: "center", gap: "0.75rem", flexShrink: 0 }, children: [
         /* @__PURE__ */ t("span", { style: { fontSize: "0.875rem", color: o.enabled ? "var(--cedros-admin-text, #171717)" : "var(--cedros-admin-muted, #737373)" }, children: o.enabled ? "Enabled" : "Disabled" }),
-        /* @__PURE__ */ t(d, { checked: o.enabled, onChange: (e) => n((r) => ({ ...r, enabled: e })) })
+        /* @__PURE__ */ t(d, { checked: o.enabled, onChange: (e) => n((a) => ({ ...a, enabled: e })) })
       ] })
     ] }),
     !o.enabled && /* @__PURE__ */ t(
@@ -241,7 +243,7 @@ function te({ serverUrl: g, apiKey: s, authManager: c }) {
         children: "The storefront is disabled. Enable it using the toggle above to activate your store."
       }
     ),
-    /* @__PURE__ */ a("div", { className: "cedros-admin__tabs cedros-admin__tabs--line", style: { opacity: o.enabled ? 1 : 0.5, pointerEvents: o.enabled ? "auto" : "none" }, children: [
+    /* @__PURE__ */ r("div", { className: "cedros-admin__tabs cedros-admin__tabs--line", style: { opacity: o.enabled ? 1 : 0.5, pointerEvents: o.enabled ? "auto" : "none" }, children: [
       J.map((e) => /* @__PURE__ */ t(
         "button",
         {
@@ -256,10 +258,10 @@ function te({ serverUrl: g, apiKey: s, authManager: c }) {
       /* @__PURE__ */ t(X, { status: E, error: F })
     ] }),
     /* @__PURE__ */ t(V, { message: R, onRetry: f }),
-    m === "shop-page" && /* @__PURE__ */ a("div", { className: "cedros-admin__section", style: { marginTop: "1rem" }, children: [
+    m === "shop-page" && /* @__PURE__ */ r("div", { className: "cedros-admin__section", style: { marginTop: "1rem" }, children: [
       /* @__PURE__ */ t("h4", { style: { marginBottom: "0.5rem", fontWeight: 600 }, children: "Shop Page Content" }),
       /* @__PURE__ */ t("p", { style: { marginBottom: "1.5rem", fontSize: 14, opacity: 0.7 }, children: "Customize the title and description shown on your shop page." }),
-      /* @__PURE__ */ a("div", { className: "cedros-admin__field", style: { marginBottom: "1.5rem" }, children: [
+      /* @__PURE__ */ r("div", { className: "cedros-admin__field", style: { marginBottom: "1.5rem" }, children: [
         /* @__PURE__ */ t("label", { className: "cedros-admin__field-label", children: "Page Title" }),
         /* @__PURE__ */ t(
           "input",
@@ -273,7 +275,7 @@ function te({ serverUrl: g, apiKey: s, authManager: c }) {
         ),
         /* @__PURE__ */ t("p", { style: { margin: "0.25rem 0 0", fontSize: 12, opacity: 0.6 }, children: "The main heading displayed on your shop page." })
       ] }),
-      /* @__PURE__ */ a("div", { className: "cedros-admin__field", children: [
+      /* @__PURE__ */ r("div", { className: "cedros-admin__field", children: [
         /* @__PURE__ */ t("label", { className: "cedros-admin__field-label", children: "Page Description" }),
         /* @__PURE__ */ t(
           "textarea",
@@ -289,12 +291,12 @@ function te({ serverUrl: g, apiKey: s, authManager: c }) {
         /* @__PURE__ */ t("p", { style: { margin: "0.25rem 0 0", fontSize: 12, opacity: 0.6 }, children: "A short description or subtitle shown below the title. Leave empty to hide." })
       ] })
     ] }),
-    m === "catalog" && /* @__PURE__ */ a("div", { className: "cedros-admin__section", style: { marginTop: "1rem" }, children: [
-      /* @__PURE__ */ a("div", { children: [
+    m === "catalog" && /* @__PURE__ */ r("div", { className: "cedros-admin__section", style: { marginTop: "1rem" }, children: [
+      /* @__PURE__ */ r("div", { children: [
         /* @__PURE__ */ t("h4", { style: { marginBottom: "0.5rem", fontWeight: 600 }, children: "Catalog Filters" }),
         /* @__PURE__ */ t("p", { style: { marginBottom: "1rem", fontSize: 14, opacity: 0.7 }, children: "Choose which filters appear in the shop and category page sidebars." }),
-        /* @__PURE__ */ a("div", { style: { display: "flex", flexDirection: "column", gap: "0.75rem" }, children: [
-          /* @__PURE__ */ a("div", { style: { display: "flex", alignItems: "center", gap: "0.75rem" }, children: [
+        /* @__PURE__ */ r("div", { style: { display: "flex", flexDirection: "column", gap: "0.75rem" }, children: [
+          /* @__PURE__ */ r("div", { style: { display: "flex", alignItems: "center", gap: "0.75rem" }, children: [
             /* @__PURE__ */ t(
               d,
               {
@@ -302,12 +304,12 @@ function te({ serverUrl: g, apiKey: s, authManager: c }) {
                 onChange: (e) => v("tags", e)
               }
             ),
-            /* @__PURE__ */ a("div", { children: [
+            /* @__PURE__ */ r("div", { children: [
               /* @__PURE__ */ t("span", { style: { fontWeight: 500 }, children: "Tags" }),
               /* @__PURE__ */ t("p", { style: { margin: "0.125rem 0 0", fontSize: 13, opacity: 0.6 }, children: "Filter products by tags (multi-select checkboxes)" })
             ] })
           ] }),
-          /* @__PURE__ */ a("div", { style: { display: "flex", alignItems: "center", gap: "0.75rem" }, children: [
+          /* @__PURE__ */ r("div", { style: { display: "flex", alignItems: "center", gap: "0.75rem" }, children: [
             /* @__PURE__ */ t(
               d,
               {
@@ -315,12 +317,12 @@ function te({ serverUrl: g, apiKey: s, authManager: c }) {
                 onChange: (e) => v("priceRange", e)
               }
             ),
-            /* @__PURE__ */ a("div", { children: [
+            /* @__PURE__ */ r("div", { children: [
               /* @__PURE__ */ t("span", { style: { fontWeight: 500 }, children: "Price Range" }),
               /* @__PURE__ */ t("p", { style: { margin: "0.125rem 0 0", fontSize: 13, opacity: 0.6 }, children: "Filter by minimum and maximum price" })
             ] })
           ] }),
-          /* @__PURE__ */ a("div", { style: { display: "flex", alignItems: "center", gap: "0.75rem" }, children: [
+          /* @__PURE__ */ r("div", { style: { display: "flex", alignItems: "center", gap: "0.75rem" }, children: [
             /* @__PURE__ */ t(
               d,
               {
@@ -328,18 +330,18 @@ function te({ serverUrl: g, apiKey: s, authManager: c }) {
                 onChange: (e) => v("inStock", e)
               }
             ),
-            /* @__PURE__ */ a("div", { children: [
+            /* @__PURE__ */ r("div", { children: [
               /* @__PURE__ */ t("span", { style: { fontWeight: 500 }, children: "In Stock" }),
               /* @__PURE__ */ t("p", { style: { margin: "0.125rem 0 0", fontSize: 13, opacity: 0.6 }, children: "Show only products that are in stock" })
             ] })
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ a("div", { style: { marginTop: "2rem", paddingTop: "1.5rem", borderTop: "1px solid var(--cedros-admin-border, #e5e5e5)" }, children: [
+      /* @__PURE__ */ r("div", { style: { marginTop: "2rem", paddingTop: "1.5rem", borderTop: "1px solid var(--cedros-admin-border, #e5e5e5)" }, children: [
         /* @__PURE__ */ t("h4", { style: { marginBottom: "0.5rem", fontWeight: 600 }, children: "Sort Options" }),
         /* @__PURE__ */ t("p", { style: { marginBottom: "1rem", fontSize: 14, opacity: 0.7 }, children: "Choose which sort options appear in the shop and category pages. At least one must be enabled." }),
-        /* @__PURE__ */ a("div", { style: { display: "flex", flexDirection: "column", gap: "0.75rem" }, children: [
-          /* @__PURE__ */ a("div", { style: { display: "flex", alignItems: "center", gap: "0.75rem" }, children: [
+        /* @__PURE__ */ r("div", { style: { display: "flex", flexDirection: "column", gap: "0.75rem" }, children: [
+          /* @__PURE__ */ r("div", { style: { display: "flex", alignItems: "center", gap: "0.75rem" }, children: [
             /* @__PURE__ */ t(
               d,
               {
@@ -347,12 +349,12 @@ function te({ serverUrl: g, apiKey: s, authManager: c }) {
                 onChange: (e) => b("featured", e)
               }
             ),
-            /* @__PURE__ */ a("div", { children: [
+            /* @__PURE__ */ r("div", { children: [
               /* @__PURE__ */ t("span", { style: { fontWeight: 500 }, children: "Featured" }),
               /* @__PURE__ */ t("p", { style: { margin: "0.125rem 0 0", fontSize: 13, opacity: 0.6 }, children: "Default sort order (as returned by backend)" })
             ] })
           ] }),
-          /* @__PURE__ */ a("div", { style: { display: "flex", alignItems: "center", gap: "0.75rem" }, children: [
+          /* @__PURE__ */ r("div", { style: { display: "flex", alignItems: "center", gap: "0.75rem" }, children: [
             /* @__PURE__ */ t(
               d,
               {
@@ -360,12 +362,12 @@ function te({ serverUrl: g, apiKey: s, authManager: c }) {
                 onChange: (e) => b("priceAsc", e)
               }
             ),
-            /* @__PURE__ */ a("div", { children: [
+            /* @__PURE__ */ r("div", { children: [
               /* @__PURE__ */ t("span", { style: { fontWeight: 500 }, children: "Price: Low to High" }),
               /* @__PURE__ */ t("p", { style: { margin: "0.125rem 0 0", fontSize: 13, opacity: 0.6 }, children: "Sort products by price ascending" })
             ] })
           ] }),
-          /* @__PURE__ */ a("div", { style: { display: "flex", alignItems: "center", gap: "0.75rem" }, children: [
+          /* @__PURE__ */ r("div", { style: { display: "flex", alignItems: "center", gap: "0.75rem" }, children: [
             /* @__PURE__ */ t(
               d,
               {
@@ -373,7 +375,7 @@ function te({ serverUrl: g, apiKey: s, authManager: c }) {
                 onChange: (e) => b("priceDesc", e)
               }
             ),
-            /* @__PURE__ */ a("div", { children: [
+            /* @__PURE__ */ r("div", { children: [
               /* @__PURE__ */ t("span", { style: { fontWeight: 500 }, children: "Price: High to Low" }),
               /* @__PURE__ */ t("p", { style: { margin: "0.125rem 0 0", fontSize: 13, opacity: 0.6 }, children: "Sort products by price descending" })
             ] })
@@ -381,14 +383,14 @@ function te({ serverUrl: g, apiKey: s, authManager: c }) {
         ] })
       ] })
     ] }),
-    m === "layouts" && /* @__PURE__ */ a("div", { className: "cedros-admin__section", style: { marginTop: "1rem" }, children: [
+    m === "layouts" && /* @__PURE__ */ r("div", { className: "cedros-admin__section", style: { marginTop: "1rem" }, children: [
       /* @__PURE__ */ t("h4", { style: { marginBottom: "0.5rem", fontWeight: 600 }, children: "Product Layouts" }),
       /* @__PURE__ */ t("p", { style: { marginBottom: "1.5rem", fontSize: 14, opacity: 0.7 }, children: "Configure product card layouts for shop and category pages." }),
-      /* @__PURE__ */ a("div", { style: { marginBottom: "2rem" }, children: [
+      /* @__PURE__ */ r("div", { style: { marginBottom: "2rem" }, children: [
         /* @__PURE__ */ t("div", { style: { fontWeight: 500, marginBottom: "0.75rem" }, children: "Shop Page" }),
         /* @__PURE__ */ t("div", { style: { display: "flex", flexDirection: "column", gap: "0.5rem", marginBottom: "1rem" }, children: _.map((e) => {
-          const r = o.shopLayout.layout === e.value;
-          return /* @__PURE__ */ a(
+          const a = o.shopLayout.layout === e.value;
+          return /* @__PURE__ */ r(
             "label",
             {
               style: {
@@ -396,10 +398,10 @@ function te({ serverUrl: g, apiKey: s, authManager: c }) {
                 alignItems: "flex-start",
                 gap: "0.75rem",
                 padding: "0.75rem",
-                border: `2px solid ${r ? "var(--cedros-admin-primary, #171717)" : "var(--cedros-admin-border, #e5e5e5)"}`,
+                border: `2px solid ${a ? "var(--cedros-admin-primary, #171717)" : "var(--cedros-admin-border, #e5e5e5)"}`,
                 borderRadius: 6,
                 cursor: "pointer",
-                background: r ? "var(--cedros-admin-bg-accent, #f5f5f5)" : void 0,
+                background: a ? "var(--cedros-admin-bg-accent, #f5f5f5)" : void 0,
                 transition: "border-color 0.15s, background 0.15s"
               },
               children: [
@@ -409,12 +411,12 @@ function te({ serverUrl: g, apiKey: s, authManager: c }) {
                     type: "radio",
                     name: "shopLayout",
                     value: e.value,
-                    checked: r,
+                    checked: a,
                     onChange: () => w("layout", e.value),
                     style: { marginTop: 2 }
                   }
                 ),
-                /* @__PURE__ */ a("div", { children: [
+                /* @__PURE__ */ r("div", { children: [
                   /* @__PURE__ */ t("span", { style: { fontWeight: 500 }, children: e.label }),
                   /* @__PURE__ */ t("p", { style: { margin: "0.125rem 0 0", fontSize: 12, opacity: 0.6 }, children: e.description })
                 ] })
@@ -434,11 +436,11 @@ function te({ serverUrl: g, apiKey: s, authManager: c }) {
           }
         )
       ] }),
-      /* @__PURE__ */ a("div", { style: { paddingTop: "1.5rem", borderTop: "1px solid var(--cedros-admin-border, #e5e5e5)" }, children: [
+      /* @__PURE__ */ r("div", { style: { paddingTop: "1.5rem", borderTop: "1px solid var(--cedros-admin-border, #e5e5e5)" }, children: [
         /* @__PURE__ */ t("div", { style: { fontWeight: 500, marginBottom: "0.75rem" }, children: "Category Pages" }),
         /* @__PURE__ */ t("div", { style: { display: "flex", flexDirection: "column", gap: "0.5rem", marginBottom: "1rem" }, children: _.map((e) => {
-          const r = o.categoryLayout.layout === e.value;
-          return /* @__PURE__ */ a(
+          const a = o.categoryLayout.layout === e.value;
+          return /* @__PURE__ */ r(
             "label",
             {
               style: {
@@ -446,10 +448,10 @@ function te({ serverUrl: g, apiKey: s, authManager: c }) {
                 alignItems: "flex-start",
                 gap: "0.75rem",
                 padding: "0.75rem",
-                border: `2px solid ${r ? "var(--cedros-admin-primary, #171717)" : "var(--cedros-admin-border, #e5e5e5)"}`,
+                border: `2px solid ${a ? "var(--cedros-admin-primary, #171717)" : "var(--cedros-admin-border, #e5e5e5)"}`,
                 borderRadius: 6,
                 cursor: "pointer",
-                background: r ? "var(--cedros-admin-bg-accent, #f5f5f5)" : void 0,
+                background: a ? "var(--cedros-admin-bg-accent, #f5f5f5)" : void 0,
                 transition: "border-color 0.15s, background 0.15s"
               },
               children: [
@@ -459,12 +461,12 @@ function te({ serverUrl: g, apiKey: s, authManager: c }) {
                     type: "radio",
                     name: "categoryLayout",
                     value: e.value,
-                    checked: r,
+                    checked: a,
                     onChange: () => I("layout", e.value),
                     style: { marginTop: 2 }
                   }
                 ),
-                /* @__PURE__ */ a("div", { children: [
+                /* @__PURE__ */ r("div", { children: [
                   /* @__PURE__ */ t("span", { style: { fontWeight: 500 }, children: e.label }),
                   /* @__PURE__ */ t("p", { style: { margin: "0.125rem 0 0", fontSize: 12, opacity: 0.6 }, children: e.description })
                 ] })
@@ -485,13 +487,13 @@ function te({ serverUrl: g, apiKey: s, authManager: c }) {
         )
       ] })
     ] }),
-    m === "product-pages" && /* @__PURE__ */ a("div", { className: "cedros-admin__section", style: { marginTop: "1rem" }, children: [
-      /* @__PURE__ */ a("div", { children: [
+    m === "product-pages" && /* @__PURE__ */ r("div", { className: "cedros-admin__section", style: { marginTop: "1rem" }, children: [
+      /* @__PURE__ */ r("div", { children: [
         /* @__PURE__ */ t("h4", { style: { marginBottom: "0.5rem", fontWeight: 600 }, children: "Related Products" }),
         /* @__PURE__ */ t("p", { style: { marginBottom: "1rem", fontSize: 14, opacity: 0.7 }, children: "Configure how related products are displayed on product detail pages." }),
         /* @__PURE__ */ t("div", { style: { display: "flex", flexDirection: "column", gap: "0.75rem", marginBottom: "1.5rem" }, children: G.map((e) => {
-          const r = o.relatedProducts.mode === e.value, i = e.badge === "Coming Soon";
-          return /* @__PURE__ */ a(
+          const a = o.relatedProducts.mode === e.value, i = e.badge === "Coming Soon";
+          return /* @__PURE__ */ r(
             "label",
             {
               style: {
@@ -499,11 +501,11 @@ function te({ serverUrl: g, apiKey: s, authManager: c }) {
                 alignItems: "flex-start",
                 gap: "0.75rem",
                 padding: "1rem",
-                border: `2px solid ${r ? "var(--cedros-admin-primary, #171717)" : "var(--cedros-admin-border, #e5e5e5)"}`,
+                border: `2px solid ${a ? "var(--cedros-admin-primary, #171717)" : "var(--cedros-admin-border, #e5e5e5)"}`,
                 borderRadius: 8,
                 cursor: i ? "not-allowed" : "pointer",
                 opacity: i ? 0.6 : 1,
-                background: r ? "var(--cedros-admin-bg-accent, #f5f5f5)" : void 0,
+                background: a ? "var(--cedros-admin-bg-accent, #f5f5f5)" : void 0,
                 transition: "border-color 0.15s, background 0.15s"
               },
               children: [
@@ -513,14 +515,14 @@ function te({ serverUrl: g, apiKey: s, authManager: c }) {
                     type: "radio",
                     name: "relatedProductsMode",
                     value: e.value,
-                    checked: r,
+                    checked: a,
                     onChange: () => !i && O(e.value),
                     disabled: i,
                     style: { marginTop: 2 }
                   }
                 ),
-                /* @__PURE__ */ a("div", { style: { flex: 1 }, children: [
-                  /* @__PURE__ */ a("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem" }, children: [
+                /* @__PURE__ */ r("div", { style: { flex: 1 }, children: [
+                  /* @__PURE__ */ r("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem" }, children: [
                     /* @__PURE__ */ t("span", { style: { fontWeight: 600 }, children: e.label }),
                     e.badge && /* @__PURE__ */ t(
                       "span",
@@ -543,7 +545,7 @@ function te({ serverUrl: g, apiKey: s, authManager: c }) {
             e.value
           );
         }) }),
-        o.relatedProducts.mode === "manual" && /* @__PURE__ */ a(
+        o.relatedProducts.mode === "manual" && /* @__PURE__ */ r(
           "div",
           {
             style: {
@@ -555,19 +557,19 @@ function te({ serverUrl: g, apiKey: s, authManager: c }) {
             },
             children: [
               /* @__PURE__ */ t("strong", { style: { fontSize: 14 }, children: "How to set related products:" }),
-              /* @__PURE__ */ a("p", { style: { margin: "0.5rem 0 0", fontSize: 13, opacity: 0.8 }, children: [
+              /* @__PURE__ */ r("p", { style: { margin: "0.5rem 0 0", fontSize: 13, opacity: 0.8 }, children: [
                 "When editing a product, add a ",
                 /* @__PURE__ */ t("code", { style: { background: "rgba(0,0,0,0.1)", padding: "2px 4px", borderRadius: 3 }, children: "relatedProductIds" }),
                 " field to its metadata containing a comma-separated list of product IDs."
               ] }),
-              /* @__PURE__ */ a("p", { style: { margin: "0.5rem 0 0", fontSize: 13, opacity: 0.6 }, children: [
+              /* @__PURE__ */ r("p", { style: { margin: "0.5rem 0 0", fontSize: 13, opacity: 0.6 }, children: [
                 "Example: ",
                 /* @__PURE__ */ t("code", { style: { background: "rgba(0,0,0,0.1)", padding: "2px 4px", borderRadius: 3 }, children: "prod_123,prod_456,prod_789" })
               ] })
             ]
           }
         ),
-        /* @__PURE__ */ a("div", { className: "cedros-admin__field", style: { maxWidth: 200 }, children: [
+        /* @__PURE__ */ r("div", { className: "cedros-admin__field", style: { maxWidth: 200 }, children: [
           /* @__PURE__ */ t("label", { className: "cedros-admin__field-label", children: "Max Related Products" }),
           /* @__PURE__ */ t(
             "input",
@@ -582,11 +584,11 @@ function te({ serverUrl: g, apiKey: s, authManager: c }) {
           ),
           /* @__PURE__ */ t("p", { style: { margin: "0.25rem 0 0", fontSize: 12, opacity: 0.6 }, children: "How many related products to show (1-12)" })
         ] }),
-        /* @__PURE__ */ a("div", { style: { marginTop: "1.5rem" }, children: [
+        /* @__PURE__ */ r("div", { style: { marginTop: "1.5rem" }, children: [
           /* @__PURE__ */ t("div", { style: { fontWeight: 500, marginBottom: "0.75rem" }, children: "Display Layout" }),
           /* @__PURE__ */ t("div", { style: { display: "flex", flexDirection: "column", gap: "0.5rem", marginBottom: "1rem" }, children: _.map((e) => {
-            const r = o.relatedProducts.layout.layout === e.value;
-            return /* @__PURE__ */ a(
+            const a = o.relatedProducts.layout.layout === e.value;
+            return /* @__PURE__ */ r(
               "label",
               {
                 style: {
@@ -594,10 +596,10 @@ function te({ serverUrl: g, apiKey: s, authManager: c }) {
                   alignItems: "flex-start",
                   gap: "0.75rem",
                   padding: "0.75rem",
-                  border: `2px solid ${r ? "var(--cedros-admin-primary, #171717)" : "var(--cedros-admin-border, #e5e5e5)"}`,
+                  border: `2px solid ${a ? "var(--cedros-admin-primary, #171717)" : "var(--cedros-admin-border, #e5e5e5)"}`,
                   borderRadius: 6,
                   cursor: "pointer",
-                  background: r ? "var(--cedros-admin-bg-accent, #f5f5f5)" : void 0,
+                  background: a ? "var(--cedros-admin-bg-accent, #f5f5f5)" : void 0,
                   transition: "border-color 0.15s, background 0.15s"
                 },
                 children: [
@@ -607,12 +609,12 @@ function te({ serverUrl: g, apiKey: s, authManager: c }) {
                       type: "radio",
                       name: "relatedLayout",
                       value: e.value,
-                      checked: r,
+                      checked: a,
                       onChange: () => P("layout", e.value),
                       style: { marginTop: 2 }
                     }
                   ),
-                  /* @__PURE__ */ a("div", { children: [
+                  /* @__PURE__ */ r("div", { children: [
                     /* @__PURE__ */ t("span", { style: { fontWeight: 500 }, children: e.label }),
                     /* @__PURE__ */ t("p", { style: { margin: "0.125rem 0 0", fontSize: 12, opacity: 0.6 }, children: e.description })
                   ] })
@@ -633,11 +635,11 @@ function te({ serverUrl: g, apiKey: s, authManager: c }) {
           )
         ] })
       ] }),
-      /* @__PURE__ */ a("div", { style: { marginTop: "2rem", paddingTop: "1.5rem", borderTop: "1px solid var(--cedros-admin-border, #e5e5e5)" }, children: [
+      /* @__PURE__ */ r("div", { style: { marginTop: "2rem", paddingTop: "1.5rem", borderTop: "1px solid var(--cedros-admin-border, #e5e5e5)" }, children: [
         /* @__PURE__ */ t("h4", { style: { marginBottom: "0.5rem", fontWeight: 600 }, children: "Page Sections" }),
         /* @__PURE__ */ t("p", { style: { marginBottom: "1rem", fontSize: 14, opacity: 0.7 }, children: "Choose which sections appear on product detail pages." }),
-        /* @__PURE__ */ a("div", { style: { display: "flex", flexDirection: "column", gap: "0.75rem" }, children: [
-          /* @__PURE__ */ a("div", { style: { display: "flex", alignItems: "center", gap: "0.75rem" }, children: [
+        /* @__PURE__ */ r("div", { style: { display: "flex", flexDirection: "column", gap: "0.75rem" }, children: [
+          /* @__PURE__ */ r("div", { style: { display: "flex", alignItems: "center", gap: "0.75rem" }, children: [
             /* @__PURE__ */ t(
               d,
               {
@@ -645,12 +647,12 @@ function te({ serverUrl: g, apiKey: s, authManager: c }) {
                 onChange: (e) => u("showDescription", e)
               }
             ),
-            /* @__PURE__ */ a("div", { children: [
+            /* @__PURE__ */ r("div", { children: [
               /* @__PURE__ */ t("span", { style: { fontWeight: 500 }, children: "Description" }),
               /* @__PURE__ */ t("p", { style: { margin: "0.125rem 0 0", fontSize: 13, opacity: 0.6 }, children: "Expandable description accordion" })
             ] })
           ] }),
-          /* @__PURE__ */ a("div", { style: { display: "flex", alignItems: "center", gap: "0.75rem" }, children: [
+          /* @__PURE__ */ r("div", { style: { display: "flex", alignItems: "center", gap: "0.75rem" }, children: [
             /* @__PURE__ */ t(
               d,
               {
@@ -658,12 +660,12 @@ function te({ serverUrl: g, apiKey: s, authManager: c }) {
                 onChange: (e) => u("showSpecs", e)
               }
             ),
-            /* @__PURE__ */ a("div", { children: [
+            /* @__PURE__ */ r("div", { children: [
               /* @__PURE__ */ t("span", { style: { fontWeight: 500 }, children: "Specifications" }),
               /* @__PURE__ */ t("p", { style: { margin: "0.125rem 0 0", fontSize: 13, opacity: 0.6 }, children: "Product attributes and details" })
             ] })
           ] }),
-          /* @__PURE__ */ a("div", { style: { display: "flex", alignItems: "center", gap: "0.75rem" }, children: [
+          /* @__PURE__ */ r("div", { style: { display: "flex", alignItems: "center", gap: "0.75rem" }, children: [
             /* @__PURE__ */ t(
               d,
               {
@@ -671,12 +673,12 @@ function te({ serverUrl: g, apiKey: s, authManager: c }) {
                 onChange: (e) => u("showShipping", e)
               }
             ),
-            /* @__PURE__ */ a("div", { children: [
+            /* @__PURE__ */ r("div", { children: [
               /* @__PURE__ */ t("span", { style: { fontWeight: 500 }, children: "Shipping & Returns" }),
               /* @__PURE__ */ t("p", { style: { margin: "0.125rem 0 0", fontSize: 13, opacity: 0.6 }, children: "Shipping and return policy information" })
             ] })
           ] }),
-          /* @__PURE__ */ a("div", { style: { display: "flex", alignItems: "center", gap: "0.75rem" }, children: [
+          /* @__PURE__ */ r("div", { style: { display: "flex", alignItems: "center", gap: "0.75rem" }, children: [
             /* @__PURE__ */ t(
               d,
               {
@@ -684,7 +686,7 @@ function te({ serverUrl: g, apiKey: s, authManager: c }) {
                 onChange: (e) => u("showRelatedProducts", e)
               }
             ),
-            /* @__PURE__ */ a("div", { children: [
+            /* @__PURE__ */ r("div", { children: [
               /* @__PURE__ */ t("span", { style: { fontWeight: 500 }, children: "Related Products" }),
               /* @__PURE__ */ t("p", { style: { margin: "0.125rem 0 0", fontSize: 13, opacity: 0.6 }, children: "Product recommendations section" })
             ] })
@@ -692,11 +694,11 @@ function te({ serverUrl: g, apiKey: s, authManager: c }) {
         ] })
       ] })
     ] }),
-    m === "checkout" && /* @__PURE__ */ a("div", { className: "cedros-admin__section", style: { marginTop: "1rem" }, children: [
-      /* @__PURE__ */ a("div", { children: [
+    m === "checkout" && /* @__PURE__ */ r("div", { className: "cedros-admin__section", style: { marginTop: "1rem" }, children: [
+      /* @__PURE__ */ r("div", { children: [
         /* @__PURE__ */ t("h4", { style: { marginBottom: "0.5rem", fontWeight: 600 }, children: "Checkout Settings" }),
         /* @__PURE__ */ t("p", { style: { marginBottom: "1rem", fontSize: 14, opacity: 0.7 }, children: "Configure checkout and cart page features." }),
-        /* @__PURE__ */ t("div", { style: { display: "flex", flexDirection: "column", gap: "0.75rem" }, children: /* @__PURE__ */ a("div", { style: { display: "flex", alignItems: "center", gap: "0.75rem" }, children: [
+        /* @__PURE__ */ t("div", { style: { display: "flex", flexDirection: "column", gap: "0.75rem" }, children: /* @__PURE__ */ r("div", { style: { display: "flex", alignItems: "center", gap: "0.75rem" }, children: [
           /* @__PURE__ */ t(
             d,
             {
@@ -704,17 +706,17 @@ function te({ serverUrl: g, apiKey: s, authManager: c }) {
               onChange: (e) => M("promoCodes", e)
             }
           ),
-          /* @__PURE__ */ a("div", { children: [
+          /* @__PURE__ */ r("div", { children: [
             /* @__PURE__ */ t("span", { style: { fontWeight: 500 }, children: "Promo Codes" }),
             /* @__PURE__ */ t("p", { style: { margin: "0.125rem 0 0", fontSize: 13, opacity: 0.6 }, children: "Show promo/coupon code input on cart and checkout pages" })
           ] })
         ] }) })
       ] }),
-      /* @__PURE__ */ a("div", { style: { marginTop: "2rem", paddingTop: "1.5rem", borderTop: "1px solid var(--cedros-admin-border, #e5e5e5)" }, children: [
+      /* @__PURE__ */ r("div", { style: { marginTop: "2rem", paddingTop: "1.5rem", borderTop: "1px solid var(--cedros-admin-border, #e5e5e5)" }, children: [
         /* @__PURE__ */ t("h4", { style: { marginBottom: "0.5rem", fontWeight: 600 }, children: "Inventory Settings" }),
         /* @__PURE__ */ t("p", { style: { marginBottom: "1rem", fontSize: 14, opacity: 0.7 }, children: "Configure inventory verification and reservation behavior." }),
-        /* @__PURE__ */ a("div", { style: { display: "flex", flexDirection: "column", gap: "0.75rem" }, children: [
-          /* @__PURE__ */ a("div", { style: { display: "flex", alignItems: "center", gap: "0.75rem" }, children: [
+        /* @__PURE__ */ r("div", { style: { display: "flex", flexDirection: "column", gap: "0.75rem" }, children: [
+          /* @__PURE__ */ r("div", { style: { display: "flex", alignItems: "center", gap: "0.75rem" }, children: [
             /* @__PURE__ */ t(
               d,
               {
@@ -722,12 +724,12 @@ function te({ serverUrl: g, apiKey: s, authManager: c }) {
                 onChange: (e) => S("preCheckoutVerification", e)
               }
             ),
-            /* @__PURE__ */ a("div", { children: [
+            /* @__PURE__ */ r("div", { children: [
               /* @__PURE__ */ t("span", { style: { fontWeight: 500 }, children: "Pre-Checkout Verification" }),
               /* @__PURE__ */ t("p", { style: { margin: "0.125rem 0 0", fontSize: 13, opacity: 0.6 }, children: "Verify inventory availability before processing payment" })
             ] })
           ] }),
-          /* @__PURE__ */ a("div", { style: { display: "flex", alignItems: "center", gap: "0.75rem" }, children: [
+          /* @__PURE__ */ r("div", { style: { display: "flex", alignItems: "center", gap: "0.75rem" }, children: [
             /* @__PURE__ */ t(
               d,
               {
@@ -735,13 +737,13 @@ function te({ serverUrl: g, apiKey: s, authManager: c }) {
                 onChange: (e) => S("holdsEnabled", e)
               }
             ),
-            /* @__PURE__ */ a("div", { children: [
+            /* @__PURE__ */ r("div", { children: [
               /* @__PURE__ */ t("span", { style: { fontWeight: 500 }, children: "Inventory Holds" }),
               /* @__PURE__ */ t("p", { style: { margin: "0.125rem 0 0", fontSize: 13, opacity: 0.6 }, children: "Reserve inventory when items are added to cart" })
             ] })
           ] })
         ] }),
-        o.inventory.holdsEnabled && /* @__PURE__ */ a("div", { className: "cedros-admin__field", style: { maxWidth: 200, marginTop: "1rem" }, children: [
+        o.inventory.holdsEnabled && /* @__PURE__ */ r("div", { className: "cedros-admin__field", style: { maxWidth: 200, marginTop: "1rem" }, children: [
           /* @__PURE__ */ t("label", { className: "cedros-admin__field-label", children: "Hold Duration (minutes)" }),
           /* @__PURE__ */ t(
             "input",
@@ -761,5 +763,5 @@ function te({ serverUrl: g, apiKey: s, authManager: c }) {
   ] });
 }
 export {
-  te as StorefrontSection
+  ae as StorefrontSection
 };