@nextblock-cms/ecom 0.20.3 → 0.21.1

package/lib/pages/cms/shipping/components/ZoneForm.cjs

@@ -0,0 +1 @@
+"use client";const e=require("../../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../../countries.cjs"),n=require("../../../../states.cjs"),r=require("../server-actions.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("lucide-react"),o=require("react/jsx-runtime"),s=require("@nextblock-cms/ui");function c(e=[]){return[...new Set(e.map(e=>e.country_code))]}function l(e=[]){return e.reduce((e,t)=>{if(!t.state_code)return e;let n=new Set(e[t.country_code]||[]);return n.add(t.state_code),e[t.country_code]=[...n],e},{})}function u(e,t){return e.flatMap(e=>{let n=t[e]||[];return n.length===0?[{country_code:e,state_code:null}]:n.map(t=>({country_code:e,state_code:t}))})}function d({mode:e=`create`,initialData:d}){let[f,p]=(0,i.useState)(!1),m=e===`edit`,[h,g]=(0,i.useState)(d?.name||``),[_,v]=(0,i.useState)(d?.priority_order||0),[y,b]=(0,i.useState)(c(d?.locations)),[x,S]=(0,i.useState)(l(d?.locations)),[C,w]=(0,i.useState)(``),[T,E]=(0,i.useState)(!1);(0,i.useEffect)(()=>{f&&(g(d?.name||``),v(d?.priority_order||0),b(c(d?.locations)),S(l(d?.locations)),w(``))},[d,f]);let D=(0,i.useMemo)(()=>{let e=C.trim().toLowerCase();return e?t.countries.filter(t=>t.name.toLowerCase().includes(e)||t.code.toLowerCase().includes(e)):t.countries},[C]),O=(0,i.useMemo)(()=>t.countries.filter(e=>y.includes(e.code)),[y]),k=e=>{b(t=>t.includes(e)?t.filter(t=>t!==e):[...t,e]),S(t=>{if(t[e]){let n={...t};return delete n[e],n}return t})},A=(e,t)=>{S(n=>{let r=new Set(n[e]||[]);return r.has(t)?r.delete(t):r.add(t),{...n,[e]:[...r]}})};return(0,o.jsxs)(s.Dialog,{open:f,onOpenChange:p,children:[(0,o.jsx)(s.DialogTrigger,{asChild:!0,children:m?(0,o.jsx)(s.Button,{variant:`ghost`,size:`icon`,className:`h-8 w-8 text-slate-400 hover:text-primary`,children:(0,o.jsx)(a.Edit2,{className:`h-4 w-4`})}):(0,o.jsxs)(s.Button,{className:`gap-2 shadow-sm`,children:[(0,o.jsx)(a.Plus,{className:`h-4 w-4`}),`New Zone`]})}),(0,o.jsx)(s.DialogContent,{className:`max-w-4xl max-h-[90vh] flex flex-col overflow-hidden`,children:(0,o.jsxs)(`form`,{onSubmit:async e=>{if(e.preventDefault(),!h||y.length===0)return;E(!0);let t=u(y,x),n=m&&d?.id?await r.updateShippingZone(d.id,h,_,t):await r.createShippingZone(h,_,t);E(!1),n.success?(p(!1),m||(g(``),v(0),b([]),S({}),w(``))):n.error&&alert(n.error)},className:`flex h-full flex-col overflow-hidden`,children:[(0,o.jsxs)(s.DialogHeader,{children:[(0,o.jsx)(s.DialogTitle,{children:m?`Edit Shipping Zone`:`Create Shipping Zone`}),(0,o.jsx)(s.DialogDescription,{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.`})]}),(0,o.jsxs)(`div`,{className:`grid gap-6 overflow-y-auto py-6 pr-2`,children:[(0,o.jsxs)(`div`,{className:`grid grid-cols-4 items-center gap-4`,children:[(0,o.jsx)(s.Label,{htmlFor:`name`,className:`text-right`,children:`Zone Name`}),(0,o.jsx)(s.Input,{id:`name`,value:h,onChange:e=>g(e.target.value),placeholder:`e.g. North America, Canada East, US West`,className:`col-span-3`,required:!0})]}),(0,o.jsxs)(`div`,{className:`grid grid-cols-4 items-center gap-4`,children:[(0,o.jsx)(s.Label,{htmlFor:`priority`,className:`text-right`,children:`Priority Order`}),(0,o.jsx)(s.Input,{id:`priority`,type:`number`,value:_,onChange:e=>v(Number(e.target.value)),className:`col-span-3`})]}),(0,o.jsxs)(`div`,{className:`grid gap-6 lg:grid-cols-[1.2fr_1fr]`,children:[(0,o.jsxs)(`div`,{className:`space-y-4`,children:[(0,o.jsxs)(`div`,{className:`flex items-end justify-between gap-3`,children:[(0,o.jsxs)(s.Label,{className:`text-sm font-semibold`,children:[`Countries (`,y.length,`)`]}),(0,o.jsxs)(`div`,{className:`relative w-full max-w-xs`,children:[(0,o.jsx)(a.Search,{className:`absolute left-2.5 top-2.5 h-4 w-4 text-slate-400`}),(0,o.jsx)(s.Input,{placeholder:`Search countries...`,className:`pl-9 h-9`,value:C,onChange:e=>w(e.target.value)})]})]}),(0,o.jsx)(s.Card,{className:`border-slate-200 bg-slate-50/30 p-4 dark:border-slate-800 dark:bg-slate-900/30`,children:(0,o.jsx)(`div`,{className:`grid max-h-[360px] grid-cols-1 gap-3 overflow-y-auto pr-1 sm:grid-cols-2`,children:D.map(e=>{let t=y.includes(e.code);return(0,o.jsxs)(`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`}`,children:[(0,o.jsx)(s.Checkbox,{id:`country-${e.code}`,checked:t,onCheckedChange:()=>k(e.code)}),(0,o.jsxs)(`label`,{htmlFor:`country-${e.code}`,className:`flex-1 cursor-pointer text-xs py-1`,children:[e.name,` (`,e.code,`)`]})]},e.code)})})})]}),(0,o.jsxs)(`div`,{className:`space-y-4`,children:[(0,o.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,o.jsx)(a.MapPin,{className:`h-4 w-4 text-slate-500`}),(0,o.jsx)(s.Label,{className:`text-sm font-semibold`,children:`States / Provinces`})]}),O.length===0?(0,o.jsx)(s.Card,{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.`}):(0,o.jsx)(`div`,{className:`space-y-4`,children:O.map(e=>{let t=n.getStatesForCountry(e.code),r=x[e.code]||[];return(0,o.jsx)(s.Card,{className:`p-4`,children:(0,o.jsxs)(`div`,{className:`space-y-3`,children:[(0,o.jsxs)(`div`,{className:`flex items-center justify-between gap-3`,children:[(0,o.jsxs)(`div`,{children:[(0,o.jsxs)(`p`,{className:`font-medium`,children:[e.name,` (`,e.code,`)`]}),(0,o.jsx)(`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.`})]}),(0,o.jsx)(`span`,{className:`text-xs text-muted-foreground`,children:r.length>0?`${r.length} selected`:`Whole country`})]}),t.length>0?(0,o.jsx)(`div`,{className:`grid max-h-[220px] grid-cols-1 gap-2 overflow-y-auto pr-1 sm:grid-cols-2`,children:t.map(t=>{let n=r.includes(t.code);return(0,o.jsxs)(`div`,{className:`flex items-center space-x-2 rounded-md border p-2 transition-colors ${n?`border-primary/30 bg-primary/5 text-primary`:`border-transparent hover:bg-slate-50 dark:hover:bg-slate-800/60`}`,children:[(0,o.jsx)(s.Checkbox,{id:`${e.code}-${t.code}`,checked:n,onCheckedChange:()=>A(e.code,t.code)}),(0,o.jsxs)(`label`,{htmlFor:`${e.code}-${t.code}`,className:`flex-1 cursor-pointer text-xs py-1`,children:[t.name,` (`,t.code,`)`]})]},`${e.code}-${t.code}`)})}):null]})},e.code)})})]})]})]}),(0,o.jsxs)(s.DialogFooter,{className:`mt-auto border-t pt-4`,children:[(0,o.jsx)(s.Button,{type:`button`,variant:`ghost`,onClick:()=>p(!1),children:`Cancel`}),(0,o.jsx)(s.Button,{type:`submit`,disabled:T||!h||y.length===0,children:T?m?`Updating...`:`Creating...`:m?`Save Changes`:`Create Zone`})]})]})})]})}exports.ZoneForm=d;

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

@@ -1,228 +1,249 @@
-'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))];
+"use client";
+import { countries as e } from "../../../../countries.es.js";
+import { getStatesForCountry as t } from "../../../../states.es.js";
+import { createShippingZone as n, updateShippingZone as r } from "../server-actions.es.js";
+import { useEffect as i, useMemo as a, useState as o } from "react";
+import { Edit2 as s, MapPin as c, Plus as l, Search as u } from "lucide-react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { Button as p, Card as m, Checkbox as h, Dialog as g, DialogContent as _, DialogDescription as v, DialogFooter as y, DialogHeader as b, DialogTitle as x, DialogTrigger as S, Input as C, Label as w } from "@nextblock-cms/ui";
+//#region src/lib/pages/cms/shipping/components/ZoneForm.tsx
+function T(e = []) {
+	return [...new Set(e.map((e) => e.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 E(e = []) {
+	return e.reduce((e, t) => {
+		if (!t.state_code) return e;
+		let n = new Set(e[t.country_code] || []);
+		return n.add(t.state_code), e[t.country_code] = [...n], e;
+	}, {});
 }
-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 D(e, t) {
+	return e.flatMap((e) => {
+		let n = t[e] || [];
+		return n.length === 0 ? [{
+			country_code: e,
+			state_code: null
+		}] : n.map((t) => ({
+			country_code: e,
+			state_code: t
+		}));
+	});
 }
-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;
-      }
-      return t;
-    });
-  }, M = (e, t) => {
-    g((l) => {
-      const n = new Set(l[e] || []);
-      return n.has(t) ? n.delete(t) : n.add(t), {
-        ...l,
-        [e]: [...n]
-      };
-    });
-  };
-  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" }),
-      "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)
-        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);
-    }, 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,
-            {
-              id: "name",
-              value: p,
-              onChange: (e) => x(e.target.value),
-              placeholder: "e.g. North America, Canada East, US West",
-              className: "col-span-3",
-              required: !0
-            }
-          )
-        ] }),
-        /* @__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,
-            {
-              id: "priority",
-              type: "number",
-              value: v,
-              onChange: (e) => N(Number(e.target.value)),
-              className: "col-span-3"
-            }
-          )
-        ] }),
-        /* @__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: [
-                "Countries (",
-                m.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,
-                  {
-                    placeholder: "Search countries...",
-                    className: "pl-9 h-9",
-                    value: y,
-                    onChange: (e) => S(e.target.value)
-                  }
-                )
-              ] })
-            ] }),
-            /* @__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(
-                "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"}`,
-                  children: [
-                    /* @__PURE__ */ r(
-                      E,
-                      {
-                        id: `country-${e.code}`,
-                        checked: t,
-                        onCheckedChange: () => I(e.code)
-                      }
-                    ),
-                    /* @__PURE__ */ s(
-                      "label",
-                      {
-                        htmlFor: `country-${e.code}`,
-                        className: "flex-1 cursor-pointer text-xs py-1",
-                        children: [
-                          e.name,
-                          " (",
-                          e.code,
-                          ")"
-                        ]
-                      }
-                    )
-                  ]
-                },
-                e.code
-              );
-            }) }) })
-          ] }),
-          /* @__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,
-                      " (",
-                      e.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(
-                    "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"}`,
-                      children: [
-                        /* @__PURE__ */ r(
-                          E,
-                          {
-                            id: `${e.code}-${n.code}`,
-                            checked: F,
-                            onCheckedChange: () => M(e.code, n.code)
-                          }
-                        ),
-                        /* @__PURE__ */ s(
-                          "label",
-                          {
-                            htmlFor: `${e.code}-${n.code}`,
-                            className: "flex-1 cursor-pointer text-xs py-1",
-                            children: [
-                              n.name,
-                              " (",
-                              n.code,
-                              ")"
-                            ]
-                          }
-                        )
-                      ]
-                    },
-                    `${e.code}-${n.code}`
-                  );
-                }) }) : 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" })
-      ] })
-    ] }) })
-  ] });
+function O({ mode: O = "create", initialData: k }) {
+	let [A, j] = o(!1), M = O === "edit", [N, P] = o(k?.name || ""), [F, I] = o(k?.priority_order || 0), [L, R] = o(T(k?.locations)), [z, B] = o(E(k?.locations)), [V, H] = o(""), [U, W] = o(!1);
+	i(() => {
+		A && (P(k?.name || ""), I(k?.priority_order || 0), R(T(k?.locations)), B(E(k?.locations)), H(""));
+	}, [k, A]);
+	let G = a(() => {
+		let t = V.trim().toLowerCase();
+		return t ? e.filter((e) => e.name.toLowerCase().includes(t) || e.code.toLowerCase().includes(t)) : e;
+	}, [V]), K = a(() => e.filter((e) => L.includes(e.code)), [L]), q = (e) => {
+		R((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]), B((t) => {
+			if (t[e]) {
+				let n = { ...t };
+				return delete n[e], n;
+			}
+			return t;
+		});
+	}, J = (e, t) => {
+		B((n) => {
+			let r = new Set(n[e] || []);
+			return r.has(t) ? r.delete(t) : r.add(t), {
+				...n,
+				[e]: [...r]
+			};
+		});
+	};
+	return /* @__PURE__ */ f(g, {
+		open: A,
+		onOpenChange: j,
+		children: [/* @__PURE__ */ d(S, {
+			asChild: !0,
+			children: M ? /* @__PURE__ */ d(p, {
+				variant: "ghost",
+				size: "icon",
+				className: "h-8 w-8 text-slate-400 hover:text-primary",
+				children: /* @__PURE__ */ d(s, { className: "h-4 w-4" })
+			}) : /* @__PURE__ */ f(p, {
+				className: "gap-2 shadow-sm",
+				children: [/* @__PURE__ */ d(l, { className: "h-4 w-4" }), "New Zone"]
+			})
+		}), /* @__PURE__ */ d(_, {
+			className: "max-w-4xl max-h-[90vh] flex flex-col overflow-hidden",
+			children: /* @__PURE__ */ f("form", {
+				onSubmit: async (e) => {
+					if (e.preventDefault(), !N || L.length === 0) return;
+					W(!0);
+					let t = D(L, z), i = M && k?.id ? await r(k.id, N, F, t) : await n(N, F, t);
+					W(!1), i.success ? (j(!1), M || (P(""), I(0), R([]), B({}), H(""))) : i.error && alert(i.error);
+				},
+				className: "flex h-full flex-col overflow-hidden",
+				children: [
+					/* @__PURE__ */ f(b, { children: [/* @__PURE__ */ d(x, { children: M ? "Edit Shipping Zone" : "Create Shipping Zone" }), /* @__PURE__ */ d(v, { 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__ */ f("div", {
+						className: "grid gap-6 overflow-y-auto py-6 pr-2",
+						children: [
+							/* @__PURE__ */ f("div", {
+								className: "grid grid-cols-4 items-center gap-4",
+								children: [/* @__PURE__ */ d(w, {
+									htmlFor: "name",
+									className: "text-right",
+									children: "Zone Name"
+								}), /* @__PURE__ */ d(C, {
+									id: "name",
+									value: N,
+									onChange: (e) => P(e.target.value),
+									placeholder: "e.g. North America, Canada East, US West",
+									className: "col-span-3",
+									required: !0
+								})]
+							}),
+							/* @__PURE__ */ f("div", {
+								className: "grid grid-cols-4 items-center gap-4",
+								children: [/* @__PURE__ */ d(w, {
+									htmlFor: "priority",
+									className: "text-right",
+									children: "Priority Order"
+								}), /* @__PURE__ */ d(C, {
+									id: "priority",
+									type: "number",
+									value: F,
+									onChange: (e) => I(Number(e.target.value)),
+									className: "col-span-3"
+								})]
+							}),
+							/* @__PURE__ */ f("div", {
+								className: "grid gap-6 lg:grid-cols-[1.2fr_1fr]",
+								children: [/* @__PURE__ */ f("div", {
+									className: "space-y-4",
+									children: [/* @__PURE__ */ f("div", {
+										className: "flex items-end justify-between gap-3",
+										children: [/* @__PURE__ */ f(w, {
+											className: "text-sm font-semibold",
+											children: [
+												"Countries (",
+												L.length,
+												")"
+											]
+										}), /* @__PURE__ */ f("div", {
+											className: "relative w-full max-w-xs",
+											children: [/* @__PURE__ */ d(u, { className: "absolute left-2.5 top-2.5 h-4 w-4 text-slate-400" }), /* @__PURE__ */ d(C, {
+												placeholder: "Search countries...",
+												className: "pl-9 h-9",
+												value: V,
+												onChange: (e) => H(e.target.value)
+											})]
+										})]
+									}), /* @__PURE__ */ d(m, {
+										className: "border-slate-200 bg-slate-50/30 p-4 dark:border-slate-800 dark:bg-slate-900/30",
+										children: /* @__PURE__ */ d("div", {
+											className: "grid max-h-[360px] grid-cols-1 gap-3 overflow-y-auto pr-1 sm:grid-cols-2",
+											children: G.map((e) => {
+												let t = L.includes(e.code);
+												return /* @__PURE__ */ f("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"}`,
+													children: [/* @__PURE__ */ d(h, {
+														id: `country-${e.code}`,
+														checked: t,
+														onCheckedChange: () => q(e.code)
+													}), /* @__PURE__ */ f("label", {
+														htmlFor: `country-${e.code}`,
+														className: "flex-1 cursor-pointer text-xs py-1",
+														children: [
+															e.name,
+															" (",
+															e.code,
+															")"
+														]
+													})]
+												}, e.code);
+											})
+										})
+									})]
+								}), /* @__PURE__ */ f("div", {
+									className: "space-y-4",
+									children: [/* @__PURE__ */ f("div", {
+										className: "flex items-center gap-2",
+										children: [/* @__PURE__ */ d(c, { className: "h-4 w-4 text-slate-500" }), /* @__PURE__ */ d(w, {
+											className: "text-sm font-semibold",
+											children: "States / Provinces"
+										})]
+									}), K.length === 0 ? /* @__PURE__ */ d(m, {
+										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__ */ d("div", {
+										className: "space-y-4",
+										children: K.map((e) => {
+											let n = t(e.code), r = z[e.code] || [];
+											return /* @__PURE__ */ d(m, {
+												className: "p-4",
+												children: /* @__PURE__ */ f("div", {
+													className: "space-y-3",
+													children: [/* @__PURE__ */ f("div", {
+														className: "flex items-center justify-between gap-3",
+														children: [/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ f("p", {
+															className: "font-medium",
+															children: [
+																e.name,
+																" (",
+																e.code,
+																")"
+															]
+														}), /* @__PURE__ */ d("p", {
+															className: "text-xs text-muted-foreground",
+															children: n.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__ */ d("span", {
+															className: "text-xs text-muted-foreground",
+															children: r.length > 0 ? `${r.length} selected` : "Whole country"
+														})]
+													}), n.length > 0 ? /* @__PURE__ */ d("div", {
+														className: "grid max-h-[220px] grid-cols-1 gap-2 overflow-y-auto pr-1 sm:grid-cols-2",
+														children: n.map((t) => {
+															let n = r.includes(t.code);
+															return /* @__PURE__ */ f("div", {
+																className: `flex items-center space-x-2 rounded-md border p-2 transition-colors ${n ? "border-primary/30 bg-primary/5 text-primary" : "border-transparent hover:bg-slate-50 dark:hover:bg-slate-800/60"}`,
+																children: [/* @__PURE__ */ d(h, {
+																	id: `${e.code}-${t.code}`,
+																	checked: n,
+																	onCheckedChange: () => J(e.code, t.code)
+																}), /* @__PURE__ */ f("label", {
+																	htmlFor: `${e.code}-${t.code}`,
+																	className: "flex-1 cursor-pointer text-xs py-1",
+																	children: [
+																		t.name,
+																		" (",
+																		t.code,
+																		")"
+																	]
+																})]
+															}, `${e.code}-${t.code}`);
+														})
+													}) : null]
+												})
+											}, e.code);
+										})
+									})]
+								})]
+							})
+						]
+					}),
+					/* @__PURE__ */ f(y, {
+						className: "mt-auto border-t pt-4",
+						children: [/* @__PURE__ */ d(p, {
+							type: "button",
+							variant: "ghost",
+							onClick: () => j(!1),
+							children: "Cancel"
+						}), /* @__PURE__ */ d(p, {
+							type: "submit",
+							disabled: U || !N || L.length === 0,
+							children: U ? M ? "Updating..." : "Creating..." : M ? "Save Changes" : "Create Zone"
+						})]
+					})
+				]
+			})
+		})]
+	});
 }
-export {
-  ce as ZoneForm
-};
+//#endregion
+export { O as ZoneForm };

package/lib/pages/cms/shipping/index.cjs

@@ -0,0 +1 @@
+const e=require("./server-actions.cjs"),t=require("./ShippingPage.cjs");exports.ShippingPage=t.ShippingPage,exports.createShippingRate=e.createShippingRate,exports.createShippingZone=e.createShippingZone,exports.deleteShippingRate=e.deleteShippingRate,exports.deleteShippingZone=e.deleteShippingZone,exports.updateInventoryTrackingAction=e.updateInventoryTrackingAction,exports.updateShippingRate=e.updateShippingRate,exports.updateShippingZone=e.updateShippingZone;

package/lib/pages/cms/shipping/index.es.js

@@ -0,0 +1,3 @@
+import { createShippingRate as e, createShippingZone as t, deleteShippingRate as n, deleteShippingZone as r, updateInventoryTrackingAction as i, updateShippingRate as a, updateShippingZone as o } from "./server-actions.es.js";
+import { ShippingPage as s } from "./ShippingPage.es.js";
+export { s as ShippingPage, e as createShippingRate, t as createShippingZone, n as deleteShippingRate, r as deleteShippingZone, i as updateInventoryTrackingAction, a as updateShippingRate, o as updateShippingZone };

package/lib/pages/cms/shipping/server-actions.cjs

@@ -0,0 +1 @@
+"use server";const e=require("../../../currency.cjs"),t=require("../../../countries.cjs"),n=require("../../../shipping-rate-currency.cjs"),r=require("../../../states.cjs"),i=require("../../../inventory-settings.cjs");let a=require("@nextblock-cms/db/server"),o=require("next/navigation"),s=require("next/cache");function c(e){return Object.entries(e||{}).reduce((e,[t,n])=>{let r=t.trim().toLowerCase(),i=n.trim();return r&&i&&(e[r]=i),e},{})}async function l(e){let t=(0,a.createClient)(),{data:{user:n}}=await t.auth.getUser();if(!n)throw Error(`Unauthorized`);let{data:r}=await t.from(`profiles`).select(`role`).eq(`id`,n.id).single();if(!r||r.role!==`ADMIN`)throw Error(`Forbidden`);let c=e.getAll(`trackQuantities`).includes(`true`),l=await i.getEcommerceInventorySettings(t),{error:u}=await i.upsertEcommerceInventorySettings(t,{trackQuantities:c,enableTaxes:l.enableTaxes,taxCalculationMode:l.taxCalculationMode});if(u)throw Error(u.message);(0,s.revalidatePath)(`/cms/shipping`),(0,o.redirect)(`/cms/shipping?success=Inventory settings updated`)}function u(e){let n=new Map;for(let i of e){let e=t.normalizeCountryCode(i.country_code);if(!e)continue;let a=r.normalizeSubdivisionCode(e,i.state_code)||null,o=`${e}:${a??`*`}`;n.set(o,{country_code:e,state_code:a})}return[...n.values()]}async function d(e){let{data:t,error:n}=await e.from(`currencies`).select(`code, is_default`).eq(`is_active`,!0).order(`is_default`,{ascending:!1}).order(`code`,{ascending:!0});return n?{error:n.message}:{currencies:t||[]}}async function f(e,t,n){let r=(0,a.getServiceRoleSupabaseClient)(),i=u(n),{data:o,error:c}=await r.from(`shipping_zones`).insert({name:e,priority_order:t}).select().single();if(c||!o)return{error:c?.message||`Failed to create zone`};if(i.length>0){let e=i.map(e=>({zone_id:o.id,country_code:e.country_code,state_code:e.state_code??null})),{error:t}=await r.from(`shipping_zone_locations`).insert(e);if(t)return{error:t.message}}return(0,s.revalidatePath)(`/cms/shipping`),{success:!0}}async function p(e,t,n,r){let i=(0,a.getServiceRoleSupabaseClient)(),o=u(r),{error:c}=await i.from(`shipping_zones`).update({name:t,priority_order:n,updated_at:new Date().toISOString()}).eq(`id`,e);if(c)return{error:c.message||`Failed to update zone`};let{error:l}=await i.from(`shipping_zone_locations`).delete().eq(`zone_id`,e);if(l)return{error:`Failed to refresh locations`};if(o.length>0){let t=o.map(t=>({zone_id:e,country_code:t.country_code,state_code:t.state_code??null})),{error:n}=await i.from(`shipping_zone_locations`).insert(t);if(n)return{error:n.message}}return(0,s.revalidatePath)(`/cms/shipping`),{success:!0}}async function m(e){let{error:t}=await(0,a.getServiceRoleSupabaseClient)().from(`shipping_zones`).delete().eq(`id`,e);return t?{error:t.message}:((0,s.revalidatePath)(`/cms/shipping`),{success:!0})}async function h(t,r){let i=(0,a.getServiceRoleSupabaseClient)(),o=await d(i);if(`error`in o)return{error:o.error};let l=n.sanitizeShippingRateAmountMaps({currencies:o.currencies.map(t=>e.normalizeCurrencyRecord(t)),mode:r.currencyPricingMode,sourceCurrencyCode:r.sourceCurrencyCode,costAmounts:r.costAmounts,minOrderAmounts:r.minOrderAmounts,fallbackCostAmount:r.cost,fallbackMinOrderAmount:r.minOrderAmount}),{error:u}=await i.from(`shipping_zone_methods`).insert({zone_id:t,name:r.name.trim(),name_translations:c(r.nameTranslations),method_type:r.type,currency_pricing_mode:l.mode,cost_amount:l.costAmounts[l.sourceCurrencyCode],cost_amounts:l.costAmounts,cost_currency:l.sourceCurrencyCode,min_order_amount:l.minOrderAmounts[l.sourceCurrencyCode],min_order_amounts:l.minOrderAmounts});return u?{error:u.message}:((0,s.revalidatePath)(`/cms/shipping`),{success:!0})}async function g(t,r){let i=(0,a.getServiceRoleSupabaseClient)(),o=await d(i);if(`error`in o)return{error:o.error};let l=n.sanitizeShippingRateAmountMaps({currencies:o.currencies.map(t=>e.normalizeCurrencyRecord(t)),mode:r.currencyPricingMode,sourceCurrencyCode:r.sourceCurrencyCode,costAmounts:r.costAmounts,minOrderAmounts:r.minOrderAmounts,fallbackCostAmount:r.cost,fallbackMinOrderAmount:r.minOrderAmount}),{error:u}=await i.from(`shipping_zone_methods`).update({name:r.name.trim(),name_translations:c(r.nameTranslations),method_type:r.type,currency_pricing_mode:l.mode,cost_amount:l.costAmounts[l.sourceCurrencyCode],cost_amounts:l.costAmounts,cost_currency:l.sourceCurrencyCode,min_order_amount:l.minOrderAmounts[l.sourceCurrencyCode],min_order_amounts:l.minOrderAmounts,updated_at:new Date().toISOString()}).eq(`id`,t);return u?{error:u.message}:((0,s.revalidatePath)(`/cms/shipping`),{success:!0})}async function _(e){let{error:t}=await(0,a.getServiceRoleSupabaseClient)().from(`shipping_zone_methods`).delete().eq(`id`,e);return t?{error:t.message}:((0,s.revalidatePath)(`/cms/shipping`),{success:!0})}exports.createShippingRate=h,exports.createShippingZone=f,exports.deleteShippingRate=_,exports.deleteShippingZone=m,exports.updateInventoryTrackingAction=l,exports.updateShippingRate=g,exports.updateShippingZone=p;