@nextblock-cms/ecom 0.13.4 → 0.13.6

package/lib/pages/cms/shipping/components/ZoneForm.es.js

@@ -1,227 +1,461 @@
 'use client';
-import { jsxs as s, jsx as r } from "react/jsx-runtime";
-import { useState as h, useEffect as O, useMemo as z } from "react";
-import { Dialog as T, DialogTrigger as U, Button as u, DialogContent as q, DialogHeader as Q, DialogTitle as W, DialogDescription as A, Label as f, Input as w, Card as C, Checkbox as E, DialogFooter as H } from "@nextblock-cms/ui";
-import { Edit2 as G, Plus as J, Search as K, MapPin as R } from "lucide-react";
-import { countries as k } from "../../../../countries.es.js";
-import { getStatesForCountry as V } from "../../../../states.es.js";
-import { updateShippingZone as X, createShippingZone as Y } from "../server-actions.es.js";
-function P(d = []) {
-  return [...new Set(d.map((o) => o.country_code))];
+import { jsxDEV as e } from "react/jsx-dev-runtime";
+import { useState as p, useEffect as B, useMemo as w } from "react";
+import { Dialog as I, DialogTrigger as M, Button as u, DialogContent as O, DialogHeader as T, DialogTitle as q, DialogDescription as Q, Label as h, Input as C, Card as Z, Checkbox as _, DialogFooter as W } from "@nextblock-cms/ui";
+import { Edit2 as A, Plus as H, Search as V, MapPin as G } from "lucide-react";
+import { countries as F } from "../../../../countries.es.js";
+import { getStatesForCountry as J } from "../../../../states.es.js";
+import { updateShippingZone as K, createShippingZone as R } from "../server-actions.es.js";
+function $(t = []) {
+  return [...new Set(t.map((n) => n.country_code))];
 }
-function j(d = []) {
-  return d.reduce((o, a) => {
-    if (!a.state_code)
-      return o;
-    const c = new Set(o[a.country_code] || []);
-    return c.add(a.state_code), o[a.country_code] = [...c], o;
+function L(t = []) {
+  return t.reduce((n, r) => {
+    if (!r.state_code)
+      return n;
+    const c = new Set(n[r.country_code] || []);
+    return c.add(r.state_code), n[r.country_code] = [...c], n;
   }, {});
 }
-function D(d, o) {
-  return d.flatMap((a) => {
-    const c = o[a] || [];
-    return c.length === 0 ? [{ country_code: a, state_code: null }] : c.map((i) => ({
-      country_code: a,
-      state_code: i
+function X(t, n) {
+  return t.flatMap((r) => {
+    const c = n[r] || [];
+    return c.length === 0 ? [{ country_code: r, state_code: null }] : c.map((l) => ({
+      country_code: r,
+      state_code: l
     }));
   });
 }
-function ce({ mode: d = "create", initialData: o }) {
-  const [a, c] = h(!1), i = d === "edit", [p, x] = h(o?.name || ""), [v, N] = h(o?.priority_order || 0), [m, b] = h(
-    P(o?.locations)
-  ), [_, g] = h(
-    j(o?.locations)
-  ), [y, S] = h(""), [$, L] = h(!1);
-  O(() => {
-    a && (x(o?.name || ""), N(o?.priority_order || 0), b(P(o?.locations)), g(j(o?.locations)), S(""));
-  }, [o, a]);
-  const B = z(() => {
-    const e = y.trim().toLowerCase();
-    return e ? k.filter(
-      (t) => t.name.toLowerCase().includes(e) || t.code.toLowerCase().includes(e)
-    ) : k;
-  }, [y]), Z = z(() => k.filter((e) => m.includes(e.code)), [m]), I = (e) => {
-    b(
-      (t) => t.includes(e) ? t.filter((l) => l !== e) : [...t, e]
-    ), g((t) => {
-      if (t[e]) {
-        const l = { ...t };
-        return delete l[e], l;
+function ce({ mode: t = "create", initialData: n }) {
+  const [r, c] = p(!1), l = t === "edit", [d, N] = p(n?.name || ""), [g, x] = p(n?.priority_order || 0), [a, f] = p(
+    $(n?.locations)
+  ), [j, b] = p(
+    L(n?.locations)
+  ), [k, v] = p(""), [U, D] = p(!1);
+  B(() => {
+    r && (N(n?.name || ""), x(n?.priority_order || 0), f($(n?.locations)), b(L(n?.locations)), v(""));
+  }, [n, r]);
+  const E = w(() => {
+    const s = k.trim().toLowerCase();
+    return s ? F.filter(
+      (o) => o.name.toLowerCase().includes(s) || o.code.toLowerCase().includes(s)
+    ) : F;
+  }, [k]), y = w(() => F.filter((s) => a.includes(s.code)), [a]), z = (s) => {
+    f(
+      (o) => o.includes(s) ? o.filter((i) => i !== s) : [...o, s]
+    ), b((o) => {
+      if (o[s]) {
+        const i = { ...o };
+        return delete i[s], i;
       }
-      return t;
+      return o;
     });
-  }, M = (e, t) => {
-    g((l) => {
-      const n = new Set(l[e] || []);
-      return n.has(t) ? n.delete(t) : n.add(t), {
-        ...l,
-        [e]: [...n]
+  }, P = (s, o) => {
+    b((i) => {
+      const m = new Set(i[s] || []);
+      return m.has(o) ? m.delete(o) : m.add(o), {
+        ...i,
+        [s]: [...m]
       };
     });
   };
-  return /* @__PURE__ */ s(T, { open: a, onOpenChange: c, children: [
-    /* @__PURE__ */ r(U, { asChild: !0, children: i ? /* @__PURE__ */ r(u, { variant: "ghost", size: "icon", className: "h-8 w-8 text-slate-400 hover:text-primary", children: /* @__PURE__ */ r(G, { className: "h-4 w-4" }) }) : /* @__PURE__ */ s(u, { className: "gap-2 shadow-sm", children: [
-      /* @__PURE__ */ r(J, { className: "h-4 w-4" }),
+  return /* @__PURE__ */ e(I, { open: r, onOpenChange: c, children: [
+    /* @__PURE__ */ e(M, { asChild: !0, children: l ? /* @__PURE__ */ e(u, { variant: "ghost", size: "icon", className: "h-8 w-8 text-slate-400 hover:text-primary", children: /* @__PURE__ */ e(A, { className: "h-4 w-4" }, void 0, !1, {
+      fileName: "C:/Users/desjardinsn/Desktop/nextblock/libs/ecommerce/src/lib/pages/cms/shipping/components/ZoneForm.tsx",
+      lineNumber: 190,
+      columnNumber: 25
+    }, this) }, void 0, !1, {
+      fileName: "C:/Users/desjardinsn/Desktop/nextblock/libs/ecommerce/src/lib/pages/cms/shipping/components/ZoneForm.tsx",
+      lineNumber: 189,
+      columnNumber: 21
+    }, this) : /* @__PURE__ */ e(u, { className: "gap-2 shadow-sm", children: [
+      /* @__PURE__ */ e(H, { className: "h-4 w-4" }, void 0, !1, {
+        fileName: "C:/Users/desjardinsn/Desktop/nextblock/libs/ecommerce/src/lib/pages/cms/shipping/components/ZoneForm.tsx",
+        lineNumber: 194,
+        columnNumber: 25
+      }, this),
       "New Zone"
-    ] }) }),
-    /* @__PURE__ */ r(q, { className: "max-w-4xl max-h-[90vh] flex flex-col overflow-hidden", children: /* @__PURE__ */ s("form", { onSubmit: async (e) => {
-      if (e.preventDefault(), !p || m.length === 0)
+    ] }, void 0, !0, {
+      fileName: "C:/Users/desjardinsn/Desktop/nextblock/libs/ecommerce/src/lib/pages/cms/shipping/components/ZoneForm.tsx",
+      lineNumber: 193,
+      columnNumber: 21
+    }, this) }, void 0, !1, {
+      fileName: "C:/Users/desjardinsn/Desktop/nextblock/libs/ecommerce/src/lib/pages/cms/shipping/components/ZoneForm.tsx",
+      lineNumber: 187,
+      columnNumber: 13
+    }, this),
+    /* @__PURE__ */ e(O, { className: "max-w-4xl max-h-[90vh] flex flex-col overflow-hidden", children: /* @__PURE__ */ e("form", { onSubmit: async (s) => {
+      if (s.preventDefault(), !d || a.length === 0)
         return;
-      L(!0);
-      const t = D(m, _), l = i && o?.id ? await X(o.id, p, v, t) : await Y(p, v, t);
-      L(!1), l.success ? (c(!1), i || (x(""), N(0), b([]), g({}), S(""))) : l.error && alert(l.error);
+      D(!0);
+      const o = X(a, j), i = l && n?.id ? await K(n.id, d, g, o) : await R(d, g, o);
+      D(!1), i.success ? (c(!1), l || (N(""), x(0), f([]), b({}), v(""))) : i.error && alert(i.error);
     }, className: "flex h-full flex-col overflow-hidden", children: [
-      /* @__PURE__ */ s(Q, { children: [
-        /* @__PURE__ */ r(W, { children: i ? "Edit Shipping Zone" : "Create Shipping Zone" }),
-        /* @__PURE__ */ r(A, { children: "Select countries first, then optionally limit a zone to specific states or provinces. Leaving state selections empty keeps the whole country in the zone." })
-      ] }),
-      /* @__PURE__ */ s("div", { className: "grid gap-6 overflow-y-auto py-6 pr-2", children: [
-        /* @__PURE__ */ s("div", { className: "grid grid-cols-4 items-center gap-4", children: [
-          /* @__PURE__ */ r(f, { htmlFor: "name", className: "text-right", children: "Zone Name" }),
-          /* @__PURE__ */ r(
-            w,
+      /* @__PURE__ */ e(T, { children: [
+        /* @__PURE__ */ e(q, { children: l ? "Edit Shipping Zone" : "Create Shipping Zone" }, void 0, !1, {
+          fileName: "C:/Users/desjardinsn/Desktop/nextblock/libs/ecommerce/src/lib/pages/cms/shipping/components/ZoneForm.tsx",
+          lineNumber: 202,
+          columnNumber: 25
+        }, this),
+        /* @__PURE__ */ e(Q, { children: "Select countries first, then optionally limit a zone to specific states or provinces. Leaving state selections empty keeps the whole country in the zone." }, void 0, !1, {
+          fileName: "C:/Users/desjardinsn/Desktop/nextblock/libs/ecommerce/src/lib/pages/cms/shipping/components/ZoneForm.tsx",
+          lineNumber: 203,
+          columnNumber: 25
+        }, this)
+      ] }, void 0, !0, {
+        fileName: "C:/Users/desjardinsn/Desktop/nextblock/libs/ecommerce/src/lib/pages/cms/shipping/components/ZoneForm.tsx",
+        lineNumber: 201,
+        columnNumber: 21
+      }, this),
+      /* @__PURE__ */ e("div", { className: "grid gap-6 overflow-y-auto py-6 pr-2", children: [
+        /* @__PURE__ */ e("div", { className: "grid grid-cols-4 items-center gap-4", children: [
+          /* @__PURE__ */ e(h, { htmlFor: "name", className: "text-right", children: "Zone Name" }, void 0, !1, {
+            fileName: "C:/Users/desjardinsn/Desktop/nextblock/libs/ecommerce/src/lib/pages/cms/shipping/components/ZoneForm.tsx",
+            lineNumber: 212,
+            columnNumber: 29
+          }, this),
+          /* @__PURE__ */ e(
+            C,
             {
               id: "name",
-              value: p,
-              onChange: (e) => x(e.target.value),
+              value: d,
+              onChange: (s) => N(s.target.value),
               placeholder: "e.g. North America, Canada East, US West",
               className: "col-span-3",
               required: !0
-            }
+            },
+            void 0,
+            !1,
+            {
+              fileName: "C:/Users/desjardinsn/Desktop/nextblock/libs/ecommerce/src/lib/pages/cms/shipping/components/ZoneForm.tsx",
+              lineNumber: 213,
+              columnNumber: 29
+            },
+            this
           )
-        ] }),
-        /* @__PURE__ */ s("div", { className: "grid grid-cols-4 items-center gap-4", children: [
-          /* @__PURE__ */ r(f, { htmlFor: "priority", className: "text-right", children: "Priority Order" }),
-          /* @__PURE__ */ r(
-            w,
+        ] }, void 0, !0, {
+          fileName: "C:/Users/desjardinsn/Desktop/nextblock/libs/ecommerce/src/lib/pages/cms/shipping/components/ZoneForm.tsx",
+          lineNumber: 211,
+          columnNumber: 25
+        }, this),
+        /* @__PURE__ */ e("div", { className: "grid grid-cols-4 items-center gap-4", children: [
+          /* @__PURE__ */ e(h, { htmlFor: "priority", className: "text-right", children: "Priority Order" }, void 0, !1, {
+            fileName: "C:/Users/desjardinsn/Desktop/nextblock/libs/ecommerce/src/lib/pages/cms/shipping/components/ZoneForm.tsx",
+            lineNumber: 224,
+            columnNumber: 29
+          }, this),
+          /* @__PURE__ */ e(
+            C,
             {
               id: "priority",
               type: "number",
-              value: v,
-              onChange: (e) => N(Number(e.target.value)),
+              value: g,
+              onChange: (s) => x(Number(s.target.value)),
               className: "col-span-3"
-            }
+            },
+            void 0,
+            !1,
+            {
+              fileName: "C:/Users/desjardinsn/Desktop/nextblock/libs/ecommerce/src/lib/pages/cms/shipping/components/ZoneForm.tsx",
+              lineNumber: 225,
+              columnNumber: 29
+            },
+            this
           )
-        ] }),
-        /* @__PURE__ */ s("div", { className: "grid gap-6 lg:grid-cols-[1.2fr_1fr]", children: [
-          /* @__PURE__ */ s("div", { className: "space-y-4", children: [
-            /* @__PURE__ */ s("div", { className: "flex items-end justify-between gap-3", children: [
-              /* @__PURE__ */ s(f, { className: "text-sm font-semibold", children: [
+        ] }, void 0, !0, {
+          fileName: "C:/Users/desjardinsn/Desktop/nextblock/libs/ecommerce/src/lib/pages/cms/shipping/components/ZoneForm.tsx",
+          lineNumber: 223,
+          columnNumber: 25
+        }, this),
+        /* @__PURE__ */ e("div", { className: "grid gap-6 lg:grid-cols-[1.2fr_1fr]", children: [
+          /* @__PURE__ */ e("div", { className: "space-y-4", children: [
+            /* @__PURE__ */ e("div", { className: "flex items-end justify-between gap-3", children: [
+              /* @__PURE__ */ e(h, { className: "text-sm font-semibold", children: [
                 "Countries (",
-                m.length,
+                a.length,
                 ")"
-              ] }),
-              /* @__PURE__ */ s("div", { className: "relative w-full max-w-xs", children: [
-                /* @__PURE__ */ r(K, { className: "absolute left-2.5 top-2.5 h-4 w-4 text-slate-400" }),
-                /* @__PURE__ */ r(
-                  w,
+              ] }, void 0, !0, {
+                fileName: "C:/Users/desjardinsn/Desktop/nextblock/libs/ecommerce/src/lib/pages/cms/shipping/components/ZoneForm.tsx",
+                lineNumber: 237,
+                columnNumber: 37
+              }, this),
+              /* @__PURE__ */ e("div", { className: "relative w-full max-w-xs", children: [
+                /* @__PURE__ */ e(V, { className: "absolute left-2.5 top-2.5 h-4 w-4 text-slate-400" }, void 0, !1, {
+                  fileName: "C:/Users/desjardinsn/Desktop/nextblock/libs/ecommerce/src/lib/pages/cms/shipping/components/ZoneForm.tsx",
+                  lineNumber: 241,
+                  columnNumber: 41
+                }, this),
+                /* @__PURE__ */ e(
+                  C,
                   {
                     placeholder: "Search countries...",
                     className: "pl-9 h-9",
-                    value: y,
-                    onChange: (e) => S(e.target.value)
-                  }
+                    value: k,
+                    onChange: (s) => v(s.target.value)
+                  },
+                  void 0,
+                  !1,
+                  {
+                    fileName: "C:/Users/desjardinsn/Desktop/nextblock/libs/ecommerce/src/lib/pages/cms/shipping/components/ZoneForm.tsx",
+                    lineNumber: 242,
+                    columnNumber: 41
+                  },
+                  this
                 )
-              ] })
-            ] }),
-            /* @__PURE__ */ r(C, { className: "border-slate-200 bg-slate-50/30 p-4 dark:border-slate-800 dark:bg-slate-900/30", children: /* @__PURE__ */ r("div", { className: "grid max-h-[360px] grid-cols-1 gap-3 overflow-y-auto pr-1 sm:grid-cols-2", children: B.map((e) => {
-              const t = m.includes(e.code);
-              return /* @__PURE__ */ s(
+              ] }, void 0, !0, {
+                fileName: "C:/Users/desjardinsn/Desktop/nextblock/libs/ecommerce/src/lib/pages/cms/shipping/components/ZoneForm.tsx",
+                lineNumber: 240,
+                columnNumber: 37
+              }, this)
+            ] }, void 0, !0, {
+              fileName: "C:/Users/desjardinsn/Desktop/nextblock/libs/ecommerce/src/lib/pages/cms/shipping/components/ZoneForm.tsx",
+              lineNumber: 236,
+              columnNumber: 33
+            }, this),
+            /* @__PURE__ */ e(Z, { className: "border-slate-200 bg-slate-50/30 p-4 dark:border-slate-800 dark:bg-slate-900/30", children: /* @__PURE__ */ e("div", { className: "grid max-h-[360px] grid-cols-1 gap-3 overflow-y-auto pr-1 sm:grid-cols-2", children: E.map((s) => {
+              const o = a.includes(s.code);
+              return /* @__PURE__ */ e(
                 "div",
                 {
-                  className: `flex items-center space-x-2 rounded-md border p-2 transition-colors ${t ? "border-primary/30 bg-primary/5 text-primary" : "border-transparent hover:bg-slate-100 dark:hover:bg-slate-800/60"}`,
+                  className: `flex items-center space-x-2 rounded-md border p-2 transition-colors ${o ? "border-primary/30 bg-primary/5 text-primary" : "border-transparent hover:bg-slate-100 dark:hover:bg-slate-800/60"}`,
                   children: [
-                    /* @__PURE__ */ r(
-                      E,
+                    /* @__PURE__ */ e(
+                      _,
+                      {
+                        id: `country-${s.code}`,
+                        checked: o,
+                        onCheckedChange: () => z(s.code)
+                      },
+                      void 0,
+                      !1,
                       {
-                        id: `country-${e.code}`,
-                        checked: t,
-                        onCheckedChange: () => I(e.code)
-                      }
+                        fileName: "C:/Users/desjardinsn/Desktop/nextblock/libs/ecommerce/src/lib/pages/cms/shipping/components/ZoneForm.tsx",
+                        lineNumber: 265,
+                        columnNumber: 53
+                      },
+                      this
                     ),
-                    /* @__PURE__ */ s(
+                    /* @__PURE__ */ e(
                       "label",
                       {
-                        htmlFor: `country-${e.code}`,
+                        htmlFor: `country-${s.code}`,
                         className: "flex-1 cursor-pointer text-xs py-1",
                         children: [
-                          e.name,
+                          s.name,
                           " (",
-                          e.code,
+                          s.code,
                           ")"
                         ]
-                      }
+                      },
+                      void 0,
+                      !0,
+                      {
+                        fileName: "C:/Users/desjardinsn/Desktop/nextblock/libs/ecommerce/src/lib/pages/cms/shipping/components/ZoneForm.tsx",
+                        lineNumber: 270,
+                        columnNumber: 53
+                      },
+                      this
                     )
                   ]
                 },
-                e.code
+                s.code,
+                !0,
+                {
+                  fileName: "C:/Users/desjardinsn/Desktop/nextblock/libs/ecommerce/src/lib/pages/cms/shipping/components/ZoneForm.tsx",
+                  lineNumber: 257,
+                  columnNumber: 49
+                },
+                this
               );
-            }) }) })
-          ] }),
-          /* @__PURE__ */ s("div", { className: "space-y-4", children: [
-            /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ r(R, { className: "h-4 w-4 text-slate-500" }),
-              /* @__PURE__ */ r(f, { className: "text-sm font-semibold", children: "States / Provinces" })
-            ] }),
-            Z.length === 0 ? /* @__PURE__ */ r(C, { className: "border-dashed p-4 text-sm text-muted-foreground", children: "Select one or more countries to optionally narrow the zone to specific states or provinces." }) : /* @__PURE__ */ r("div", { className: "space-y-4", children: Z.map((e) => {
-              const t = V(e.code), l = _[e.code] || [];
-              return /* @__PURE__ */ r(C, { className: "p-4", children: /* @__PURE__ */ s("div", { className: "space-y-3", children: [
-                /* @__PURE__ */ s("div", { className: "flex items-center justify-between gap-3", children: [
-                  /* @__PURE__ */ s("div", { children: [
-                    /* @__PURE__ */ s("p", { className: "font-medium", children: [
-                      e.name,
+            }) }, void 0, !1, {
+              fileName: "C:/Users/desjardinsn/Desktop/nextblock/libs/ecommerce/src/lib/pages/cms/shipping/components/ZoneForm.tsx",
+              lineNumber: 252,
+              columnNumber: 37
+            }, this) }, void 0, !1, {
+              fileName: "C:/Users/desjardinsn/Desktop/nextblock/libs/ecommerce/src/lib/pages/cms/shipping/components/ZoneForm.tsx",
+              lineNumber: 251,
+              columnNumber: 33
+            }, this)
+          ] }, void 0, !0, {
+            fileName: "C:/Users/desjardinsn/Desktop/nextblock/libs/ecommerce/src/lib/pages/cms/shipping/components/ZoneForm.tsx",
+            lineNumber: 235,
+            columnNumber: 29
+          }, this),
+          /* @__PURE__ */ e("div", { className: "space-y-4", children: [
+            /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ e(G, { className: "h-4 w-4 text-slate-500" }, void 0, !1, {
+                fileName: "C:/Users/desjardinsn/Desktop/nextblock/libs/ecommerce/src/lib/pages/cms/shipping/components/ZoneForm.tsx",
+                lineNumber: 285,
+                columnNumber: 37
+              }, this),
+              /* @__PURE__ */ e(h, { className: "text-sm font-semibold", children: "States / Provinces" }, void 0, !1, {
+                fileName: "C:/Users/desjardinsn/Desktop/nextblock/libs/ecommerce/src/lib/pages/cms/shipping/components/ZoneForm.tsx",
+                lineNumber: 286,
+                columnNumber: 37
+              }, this)
+            ] }, void 0, !0, {
+              fileName: "C:/Users/desjardinsn/Desktop/nextblock/libs/ecommerce/src/lib/pages/cms/shipping/components/ZoneForm.tsx",
+              lineNumber: 284,
+              columnNumber: 33
+            }, this),
+            y.length === 0 ? /* @__PURE__ */ e(Z, { className: "border-dashed p-4 text-sm text-muted-foreground", children: "Select one or more countries to optionally narrow the zone to specific states or provinces." }, void 0, !1, {
+              fileName: "C:/Users/desjardinsn/Desktop/nextblock/libs/ecommerce/src/lib/pages/cms/shipping/components/ZoneForm.tsx",
+              lineNumber: 290,
+              columnNumber: 37
+            }, this) : /* @__PURE__ */ e("div", { className: "space-y-4", children: y.map((s) => {
+              const o = J(s.code), i = j[s.code] || [];
+              return /* @__PURE__ */ e(Z, { className: "p-4", children: /* @__PURE__ */ e("div", { className: "space-y-3", children: [
+                /* @__PURE__ */ e("div", { className: "flex items-center justify-between gap-3", children: [
+                  /* @__PURE__ */ e("div", { children: [
+                    /* @__PURE__ */ e("p", { className: "font-medium", children: [
+                      s.name,
                       " (",
-                      e.code,
+                      s.code,
                       ")"
-                    ] }),
-                    /* @__PURE__ */ r("p", { className: "text-xs text-muted-foreground", children: t.length > 0 ? "Leave all unchecked to apply this zone to the whole country." : "This country uses a country-level zone in the current UI." })
-                  ] }),
-                  /* @__PURE__ */ r("span", { className: "text-xs text-muted-foreground", children: l.length > 0 ? `${l.length} selected` : "Whole country" })
-                ] }),
-                t.length > 0 ? /* @__PURE__ */ r("div", { className: "grid max-h-[220px] grid-cols-1 gap-2 overflow-y-auto pr-1 sm:grid-cols-2", children: t.map((n) => {
-                  const F = l.includes(n.code);
-                  return /* @__PURE__ */ s(
+                    ] }, void 0, !0, {
+                      fileName: "C:/Users/desjardinsn/Desktop/nextblock/libs/ecommerce/src/lib/pages/cms/shipping/components/ZoneForm.tsx",
+                      lineNumber: 305,
+                      columnNumber: 65
+                    }, this),
+                    /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground", children: o.length > 0 ? "Leave all unchecked to apply this zone to the whole country." : "This country uses a country-level zone in the current UI." }, void 0, !1, {
+                      fileName: "C:/Users/desjardinsn/Desktop/nextblock/libs/ecommerce/src/lib/pages/cms/shipping/components/ZoneForm.tsx",
+                      lineNumber: 308,
+                      columnNumber: 65
+                    }, this)
+                  ] }, void 0, !0, {
+                    fileName: "C:/Users/desjardinsn/Desktop/nextblock/libs/ecommerce/src/lib/pages/cms/shipping/components/ZoneForm.tsx",
+                    lineNumber: 304,
+                    columnNumber: 61
+                  }, this),
+                  /* @__PURE__ */ e("span", { className: "text-xs text-muted-foreground", children: i.length > 0 ? `${i.length} selected` : "Whole country" }, void 0, !1, {
+                    fileName: "C:/Users/desjardinsn/Desktop/nextblock/libs/ecommerce/src/lib/pages/cms/shipping/components/ZoneForm.tsx",
+                    lineNumber: 314,
+                    columnNumber: 61
+                  }, this)
+                ] }, void 0, !0, {
+                  fileName: "C:/Users/desjardinsn/Desktop/nextblock/libs/ecommerce/src/lib/pages/cms/shipping/components/ZoneForm.tsx",
+                  lineNumber: 303,
+                  columnNumber: 57
+                }, this),
+                o.length > 0 ? /* @__PURE__ */ e("div", { className: "grid max-h-[220px] grid-cols-1 gap-2 overflow-y-auto pr-1 sm:grid-cols-2", children: o.map((m) => {
+                  const S = i.includes(m.code);
+                  return /* @__PURE__ */ e(
                     "div",
                     {
-                      className: `flex items-center space-x-2 rounded-md border p-2 transition-colors ${F ? "border-primary/30 bg-primary/5 text-primary" : "border-transparent hover:bg-slate-50 dark:hover:bg-slate-800/60"}`,
+                      className: `flex items-center space-x-2 rounded-md border p-2 transition-colors ${S ? "border-primary/30 bg-primary/5 text-primary" : "border-transparent hover:bg-slate-50 dark:hover:bg-slate-800/60"}`,
                       children: [
-                        /* @__PURE__ */ r(
-                          E,
+                        /* @__PURE__ */ e(
+                          _,
+                          {
+                            id: `${s.code}-${m.code}`,
+                            checked: S,
+                            onCheckedChange: () => P(s.code, m.code)
+                          },
+                          void 0,
+                          !1,
                           {
-                            id: `${e.code}-${n.code}`,
-                            checked: F,
-                            onCheckedChange: () => M(e.code, n.code)
-                          }
+                            fileName: "C:/Users/desjardinsn/Desktop/nextblock/libs/ecommerce/src/lib/pages/cms/shipping/components/ZoneForm.tsx",
+                            lineNumber: 335,
+                            columnNumber: 77
+                          },
+                          this
                         ),
-                        /* @__PURE__ */ s(
+                        /* @__PURE__ */ e(
                           "label",
                           {
-                            htmlFor: `${e.code}-${n.code}`,
+                            htmlFor: `${s.code}-${m.code}`,
                             className: "flex-1 cursor-pointer text-xs py-1",
                             children: [
-                              n.name,
+                              m.name,
                               " (",
-                              n.code,
+                              m.code,
                               ")"
                             ]
-                          }
+                          },
+                          void 0,
+                          !0,
+                          {
+                            fileName: "C:/Users/desjardinsn/Desktop/nextblock/libs/ecommerce/src/lib/pages/cms/shipping/components/ZoneForm.tsx",
+                            lineNumber: 342,
+                            columnNumber: 77
+                          },
+                          this
                         )
                       ]
                     },
-                    `${e.code}-${n.code}`
+                    `${s.code}-${m.code}`,
+                    !0,
+                    {
+                      fileName: "C:/Users/desjardinsn/Desktop/nextblock/libs/ecommerce/src/lib/pages/cms/shipping/components/ZoneForm.tsx",
+                      lineNumber: 327,
+                      columnNumber: 73
+                    },
+                    this
                   );
-                }) }) : null
-              ] }) }, e.code);
-            }) })
-          ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ s(H, { className: "mt-auto border-t pt-4", children: [
-        /* @__PURE__ */ r(u, { type: "button", variant: "ghost", onClick: () => c(!1), children: "Cancel" }),
-        /* @__PURE__ */ r(u, { type: "submit", disabled: $ || !p || m.length === 0, children: $ ? i ? "Updating..." : "Creating..." : i ? "Save Changes" : "Create Zone" })
-      ] })
-    ] }) })
-  ] });
+                }) }, void 0, !1, {
+                  fileName: "C:/Users/desjardinsn/Desktop/nextblock/libs/ecommerce/src/lib/pages/cms/shipping/components/ZoneForm.tsx",
+                  lineNumber: 322,
+                  columnNumber: 61
+                }, this) : null
+              ] }, void 0, !0, {
+                fileName: "C:/Users/desjardinsn/Desktop/nextblock/libs/ecommerce/src/lib/pages/cms/shipping/components/ZoneForm.tsx",
+                lineNumber: 302,
+                columnNumber: 53
+              }, this) }, s.code, !1, {
+                fileName: "C:/Users/desjardinsn/Desktop/nextblock/libs/ecommerce/src/lib/pages/cms/shipping/components/ZoneForm.tsx",
+                lineNumber: 301,
+                columnNumber: 49
+              }, this);
+            }) }, void 0, !1, {
+              fileName: "C:/Users/desjardinsn/Desktop/nextblock/libs/ecommerce/src/lib/pages/cms/shipping/components/ZoneForm.tsx",
+              lineNumber: 295,
+              columnNumber: 37
+            }, this)
+          ] }, void 0, !0, {
+            fileName: "C:/Users/desjardinsn/Desktop/nextblock/libs/ecommerce/src/lib/pages/cms/shipping/components/ZoneForm.tsx",
+            lineNumber: 283,
+            columnNumber: 29
+          }, this)
+        ] }, void 0, !0, {
+          fileName: "C:/Users/desjardinsn/Desktop/nextblock/libs/ecommerce/src/lib/pages/cms/shipping/components/ZoneForm.tsx",
+          lineNumber: 234,
+          columnNumber: 25
+        }, this)
+      ] }, void 0, !0, {
+        fileName: "C:/Users/desjardinsn/Desktop/nextblock/libs/ecommerce/src/lib/pages/cms/shipping/components/ZoneForm.tsx",
+        lineNumber: 210,
+        columnNumber: 21
+      }, this),
+      /* @__PURE__ */ e(W, { className: "mt-auto border-t pt-4", children: [
+        /* @__PURE__ */ e(u, { type: "button", variant: "ghost", onClick: () => c(!1), children: "Cancel" }, void 0, !1, {
+          fileName: "C:/Users/desjardinsn/Desktop/nextblock/libs/ecommerce/src/lib/pages/cms/shipping/components/ZoneForm.tsx",
+          lineNumber: 364,
+          columnNumber: 25
+        }, this),
+        /* @__PURE__ */ e(u, { type: "submit", disabled: U || !d || a.length === 0, children: U ? l ? "Updating..." : "Creating..." : l ? "Save Changes" : "Create Zone" }, void 0, !1, {
+          fileName: "C:/Users/desjardinsn/Desktop/nextblock/libs/ecommerce/src/lib/pages/cms/shipping/components/ZoneForm.tsx",
+          lineNumber: 367,
+          columnNumber: 25
+        }, this)
+      ] }, void 0, !0, {
+        fileName: "C:/Users/desjardinsn/Desktop/nextblock/libs/ecommerce/src/lib/pages/cms/shipping/components/ZoneForm.tsx",
+        lineNumber: 363,
+        columnNumber: 21
+      }, this)
+    ] }, void 0, !0, {
+      fileName: "C:/Users/desjardinsn/Desktop/nextblock/libs/ecommerce/src/lib/pages/cms/shipping/components/ZoneForm.tsx",
+      lineNumber: 200,
+      columnNumber: 17
+    }, this) }, void 0, !1, {
+      fileName: "C:/Users/desjardinsn/Desktop/nextblock/libs/ecommerce/src/lib/pages/cms/shipping/components/ZoneForm.tsx",
+      lineNumber: 199,
+      columnNumber: 13
+    }, this)
+  ] }, void 0, !0, {
+    fileName: "C:/Users/desjardinsn/Desktop/nextblock/libs/ecommerce/src/lib/pages/cms/shipping/components/ZoneForm.tsx",
+    lineNumber: 186,
+    columnNumber: 9
+  }, this);
 }
 export {
   ce as ZoneForm