@nextblock-cms/ecom 0.8.1 → 0.8.7

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

@@ -0,0 +1,441 @@
+'use client';
+import { jsxs as n, jsx as r } from "react/jsx-runtime";
+import { useState as h, useMemo as C, useEffect as Y } from "react";
+import { Dialog as he, DialogTrigger as pe, Button as z, DialogContent as fe, DialogHeader as ge, DialogTitle as be, DialogDescription as ve, Label as N, Input as O, Select as ee, SelectTrigger as te, SelectValue as re, SelectContent as ne, SelectItem as V, Badge as q, DialogFooter as xe } from "@nextblock-cms/ui";
+import { Edit2 as ye, Plus as Ce, Languages as Ne, DollarSign as B, Gift as _e } from "lucide-react";
+import { updateShippingRate as Ae, createShippingRate as Se } from "../server-actions.es.js";
+import { normalizeCurrencyCode as G, getCurrencyMinorUnitFactor as E, majorUnitAmountToMinor as we, minorUnitAmountToMajor as Me } from "@nextblock-cms/utils";
+import { normalizeCurrencyRecord as oe, convertMinorUnitAmount as ae } from "../../../../currency.es.js";
+import { normalizeShippingRateCurrencyMode as se, sanitizeShippingRateAmountMaps as ke } from "../../../../shipping-rate-currency.es.js";
+function w(u, m) {
+  if (typeof u != "number")
+    return "";
+  const c = Me(u, m);
+  return E(m) === 1 ? c.toFixed(0) : c.toFixed(2);
+}
+function Fe(u) {
+  return u.reduce((m, c) => (m[c.code] = E(c.code) === 1 ? "0" : "0.00", m), {});
+}
+function _(u, m) {
+  const c = String(u || "").trim();
+  if (!c)
+    return null;
+  const f = Number(c);
+  return !Number.isFinite(f) || f < 0 ? null : we(f, m);
+}
+function de(u) {
+  return u.currencies.reduce((m, c) => (m[c.code] = w(
+    u.amounts[c.code],
+    c.code
+  ), m), {});
+}
+function Pe({
+  zoneId: u,
+  zoneName: m,
+  languages: c,
+  currencies: f = [],
+  defaultCurrencyCode: ce = "USD",
+  mode: le = "create",
+  initialData: l
+}) {
+  const [$, I] = h(!1), A = le === "edit", H = C(
+    () => c.find((e) => e.is_default) || c[0] || null,
+    [c]
+  ), X = C(
+    () => c.filter((e) => !e.is_default),
+    [c]
+  ), M = G(ce), s = C(() => {
+    const e = oe({
+      code: M,
+      symbol: M,
+      exchange_rate: 1,
+      is_default: !0,
+      is_active: !0
+    }), o = (f.length > 0 ? f : [e]).map((t) => oe(t)).filter((t) => t.is_active !== !1).sort((t, d) => t.is_default !== d.is_default ? t.is_default ? -1 : 1 : t.code.localeCompare(d.code));
+    return o.length > 0 ? o : [e];
+  }, [f, M]), g = C(
+    () => s.find((e) => e.is_default) || s[0],
+    [s]
+  ), [k, Z] = h(l?.name || ""), [D, J] = h(
+    l?.name_translations || {}
+  ), [b, K] = h(
+    l?.method_type || "flat_rate"
+  ), [i, Q] = h(
+    se(l?.currency_pricing_mode)
+  ), [a, j] = h(
+    G(l?.cost_currency || g?.code || M)
+  ), [v, S] = h({}), [x, F] = h({}), [L, T] = h(!1), P = C(() => {
+    if (i === "manual")
+      return s.reduce((t, d) => (t[d.code] = v[d.code] ?? "", t), {});
+    const e = s.reduce(
+      (t, d) => (t[d.code] = v[d.code] ?? (d.code === a, ""), t),
+      {}
+    ), o = _(
+      v[a],
+      a
+    );
+    if (o === null)
+      return e;
+    for (const t of s) {
+      if (t.code === a) {
+        e[t.code] = v[t.code] ?? w(o, t.code);
+        continue;
+      }
+      e[t.code] = w(
+        ae({
+          amount: o,
+          fromCurrencyCode: a,
+          toCurrencyCode: t.code,
+          currencies: s
+        }),
+        t.code
+      );
+    }
+    return e;
+  }, [s, v, i, a]), U = C(() => {
+    if (i === "manual")
+      return s.reduce((t, d) => (t[d.code] = x[d.code] ?? "", t), {});
+    const e = s.reduce(
+      (t, d) => (t[d.code] = x[d.code] ?? "", t),
+      {}
+    ), o = _(
+      x[a],
+      a
+    );
+    if (o === null)
+      return e;
+    for (const t of s) {
+      if (t.code === a) {
+        e[t.code] = x[t.code] ?? w(o, t.code);
+        continue;
+      }
+      e[t.code] = w(
+        ae({
+          amount: o,
+          fromCurrencyCode: a,
+          toCurrencyCode: t.code,
+          currencies: s
+        }),
+        t.code
+      );
+    }
+    return e;
+  }, [s, x, i, a]);
+  Y(() => {
+    g && (s.some((e) => e.code === a) || j(g.code));
+  }, [s, g, a]), Y(() => {
+    if (!$ || !g)
+      return;
+    const e = se(
+      l?.currency_pricing_mode
+    ), o = ke({
+      currencies: s,
+      mode: e,
+      sourceCurrencyCode: l?.cost_currency || g.code,
+      costAmounts: l?.cost_amounts || void 0,
+      minOrderAmounts: l?.min_order_amounts || void 0,
+      fallbackCostAmount: l?.cost_amount,
+      fallbackMinOrderAmount: l?.min_order_amount
+    });
+    Z(l?.name || ""), J(l?.name_translations || {}), K(l?.method_type || "flat_rate"), Q(e), j(o.sourceCurrencyCode), S(
+      de({
+        amounts: o.costAmounts,
+        currencies: s
+      })
+    ), F(
+      de({
+        amounts: o.minOrderAmounts,
+        currencies: s
+      })
+    );
+  }, [s, g, l, $]);
+  const ie = (e) => {
+    e !== i && (e === "manual" && (S(P), F(U)), Q(e));
+  }, me = (e) => {
+    const o = G(e);
+    S((t) => ({
+      ...t,
+      [o]: P[o] ?? t[o] ?? ""
+    })), F((t) => ({
+      ...t,
+      [o]: U[o] ?? t[o] ?? ""
+    })), j(o);
+  }, ue = (e) => {
+    K(e), e === "free_shipping" && S(Fe(s));
+  };
+  return /* @__PURE__ */ n(he, { open: $, onOpenChange: I, children: [
+    /* @__PURE__ */ r(pe, { asChild: !0, children: A ? /* @__PURE__ */ r(z, { variant: "ghost", size: "icon", className: "h-7 w-7 text-slate-400 hover:text-primary", children: /* @__PURE__ */ r(ye, { className: "h-3 w-3" }) }) : /* @__PURE__ */ n(z, { variant: "outline", size: "sm", className: "h-8 gap-1.5 border-dashed hover:border-solid shadow-sm", children: [
+      /* @__PURE__ */ r(Ce, { className: "h-3.5 w-3.5" }),
+      "Add Rate"
+    ] }) }),
+    /* @__PURE__ */ r(fe, { className: "max-h-[85vh] max-w-4xl overflow-y-auto", children: /* @__PURE__ */ n("form", { onSubmit: async (e) => {
+      e.preventDefault(), T(!0);
+      const o = {}, t = {};
+      if (i === "manual")
+        for (const R of s) {
+          const p = R.code;
+          if (b === "free_shipping")
+            o[p] = 0;
+          else {
+            const W = _(
+              v[p],
+              p
+            );
+            if (W === null) {
+              T(!1), alert(`Enter a valid shipping cost for ${p}.`);
+              return;
+            }
+            o[p] = W;
+          }
+          t[p] = _(x[p], p) ?? 0;
+        }
+      else {
+        const R = b === "free_shipping" ? 0 : _(
+          v[a],
+          a
+        );
+        if (R === null) {
+          T(!1), alert(`Enter a valid shipping cost for ${a}.`);
+          return;
+        }
+        o[a] = R, t[a] = _(
+          x[a],
+          a
+        ) ?? 0;
+      }
+      const d = {
+        name: k,
+        nameTranslations: D,
+        type: b,
+        currencyPricingMode: i,
+        sourceCurrencyCode: a,
+        costAmounts: o,
+        minOrderAmounts: t
+      }, y = A && l?.id ? await Ae(l.id, d) : await Se(u, d);
+      T(!1), y.success ? I(!1) : y.error && alert(y.error);
+    }, children: [
+      /* @__PURE__ */ n(ge, { children: [
+        /* @__PURE__ */ r(be, { children: A ? "Edit Shipping Rate" : "Add Shipping Rate" }),
+        /* @__PURE__ */ n(ve, { children: [
+          "Configure shipping costs and localized labels for matching orders in ",
+          /* @__PURE__ */ r("strong", { children: m }),
+          "."
+        ] })
+      ] }),
+      /* @__PURE__ */ n("div", { className: "grid gap-5 py-6", children: [
+        /* @__PURE__ */ n("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ n(N, { htmlFor: "rate-name", children: [
+            "Rate Name",
+            H ? ` (${H.name})` : ""
+          ] }),
+          /* @__PURE__ */ r(
+            O,
+            {
+              id: "rate-name",
+              value: k,
+              onChange: (e) => Z(e.target.value),
+              placeholder: "e.g. Standard, Express, Free Shipping",
+              required: !0
+            }
+          )
+        ] }),
+        X.length > 0 && /* @__PURE__ */ n("div", { className: "space-y-4 rounded-xl border bg-slate-50/70 p-4 dark:bg-slate-900/40", children: [
+          /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ r(Ne, { className: "h-4 w-4 text-slate-500" }),
+            /* @__PURE__ */ n("div", { children: [
+              /* @__PURE__ */ r("p", { className: "text-sm font-medium", children: "Translations" }),
+              /* @__PURE__ */ r("p", { className: "text-xs text-muted-foreground", children: "Add translated shipping rate labels for the active storefront languages." })
+            ] })
+          ] }),
+          /* @__PURE__ */ r("div", { className: "grid gap-4 md:grid-cols-2", children: X.map((e) => /* @__PURE__ */ n("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ r(N, { htmlFor: `rate-name-${e.code}`, children: e.name }),
+            /* @__PURE__ */ r(
+              O,
+              {
+                id: `rate-name-${e.code}`,
+                value: D[e.code] || "",
+                onChange: (o) => J((t) => ({
+                  ...t,
+                  [e.code]: o.target.value
+                })),
+                placeholder: k || "Translated label"
+              }
+            )
+          ] }, e.code)) })
+        ] }),
+        /* @__PURE__ */ n("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ r(N, { htmlFor: "type", children: "Method Type" }),
+          /* @__PURE__ */ n(
+            ee,
+            {
+              value: b,
+              onValueChange: ue,
+              children: [
+                /* @__PURE__ */ r(
+                  te,
+                  {
+                    id: "type",
+                    className: "bg-slate-50/50 dark:bg-slate-900/50",
+                    children: /* @__PURE__ */ r(re, { placeholder: "Select type" })
+                  }
+                ),
+                /* @__PURE__ */ n(ne, { children: [
+                  /* @__PURE__ */ r(V, { value: "flat_rate", children: /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ r("div", { className: "p-1 min-w-5 h-5 rounded bg-emerald-100 dark:bg-emerald-900/30 text-emerald-600", children: /* @__PURE__ */ r(B, { className: "h-3 w-3" }) }),
+                    /* @__PURE__ */ r("span", { children: "Flat Rate" })
+                  ] }) }),
+                  /* @__PURE__ */ r(V, { value: "free_shipping", children: /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ r("div", { className: "p-1 min-w-5 h-5 rounded bg-amber-100 dark:bg-amber-900/30 text-amber-600", children: /* @__PURE__ */ r(_e, { className: "h-3 w-3" }) }),
+                    /* @__PURE__ */ r("span", { children: "Free Shipping" })
+                  ] }) })
+                ] })
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ n("div", { className: "space-y-3 rounded-xl border bg-slate-50/70 p-4 dark:bg-slate-900/40", children: [
+          /* @__PURE__ */ n("label", { className: "flex items-start gap-3", children: [
+            /* @__PURE__ */ r(
+              "input",
+              {
+                type: "checkbox",
+                checked: i === "auto",
+                onChange: (e) => ie(
+                  e.target.checked ? "auto" : "manual"
+                ),
+                className: "mt-1 h-4 w-4 rounded border-slate-300 text-primary focus:ring-primary"
+              }
+            ),
+            /* @__PURE__ */ n("span", { className: "space-y-1", children: [
+              /* @__PURE__ */ r("span", { className: "block text-sm font-medium text-slate-900 dark:text-slate-100", children: "Auto-sync all currency rates from one source amount" }),
+              /* @__PURE__ */ r("span", { className: "block text-xs text-muted-foreground", children: "Turn this off to set exact shipping costs and free-shipping thresholds for every active currency manually." })
+            ] })
+          ] }),
+          i === "auto" ? /* @__PURE__ */ n("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ r(N, { htmlFor: "rate-currency", children: "Sync From Currency" }),
+            /* @__PURE__ */ n(
+              ee,
+              {
+                value: a,
+                onValueChange: me,
+                children: [
+                  /* @__PURE__ */ r(
+                    te,
+                    {
+                      id: "rate-currency",
+                      className: "bg-background",
+                      children: /* @__PURE__ */ r(re, { placeholder: "Select currency" })
+                    }
+                  ),
+                  /* @__PURE__ */ r(ne, { children: s.map((e) => /* @__PURE__ */ n(V, { value: e.code, children: [
+                    e.code,
+                    e.is_default ? " (Default)" : ""
+                  ] }, e.code)) })
+                ]
+              }
+            ),
+            /* @__PURE__ */ r("p", { className: "text-[10px] text-slate-500", children: "Enter the source amount once and the other currencies will be derived automatically using the current FX rates." })
+          ] }) : /* @__PURE__ */ r("p", { className: "text-[10px] text-slate-500", children: "Manual mode stores exact values per currency. This is the best choice when shipping should not follow exchange-rate math directly." })
+        ] }),
+        /* @__PURE__ */ n("div", { className: "space-y-3", children: [
+          /* @__PURE__ */ n("div", { children: [
+            /* @__PURE__ */ r("p", { className: "text-sm font-medium", children: "Currency Rates" }),
+            /* @__PURE__ */ r("p", { className: "text-xs text-muted-foreground", children: b === "free_shipping" ? "Free-shipping methods keep cost at zero, but you can still control the threshold per currency." : i === "auto" ? `Only ${a} is editable. The rest are derived automatically.` : "Set the exact shopper-facing shipping price for each active currency." })
+          ] }),
+          /* @__PURE__ */ r("div", { className: "grid gap-4 md:grid-cols-2 xl:grid-cols-3", children: s.map((e) => {
+            const o = i === "auto" && e.code !== a, t = E(e.code) === 1 ? "1" : "0.01";
+            return /* @__PURE__ */ n(
+              "div",
+              {
+                className: "space-y-4 rounded-xl border bg-card/70 p-4 shadow-sm",
+                children: [
+                  /* @__PURE__ */ n("div", { className: "flex items-center justify-between gap-2", children: [
+                    /* @__PURE__ */ n("div", { children: [
+                      /* @__PURE__ */ r("p", { className: "font-medium", children: e.code }),
+                      /* @__PURE__ */ n("p", { className: "text-xs text-muted-foreground", children: [
+                        "Rate ",
+                        e.exchange_rate
+                      ] })
+                    ] }),
+                    /* @__PURE__ */ n("div", { className: "flex flex-wrap items-center gap-2", children: [
+                      e.is_default ? /* @__PURE__ */ r(q, { variant: "outline", children: "Default" }) : null,
+                      i === "auto" && e.code === a ? /* @__PURE__ */ r(q, { children: "Source" }) : null,
+                      o ? /* @__PURE__ */ r(q, { variant: "outline", children: "Derived" }) : null
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ n("div", { className: "space-y-2", children: [
+                    /* @__PURE__ */ n(N, { htmlFor: `rate-cost-${e.code}`, children: [
+                      "Cost (",
+                      e.code,
+                      ")"
+                    ] }),
+                    /* @__PURE__ */ n("div", { className: "relative", children: [
+                      /* @__PURE__ */ r(B, { className: "absolute left-2.5 top-2.5 h-4 w-4 text-slate-400" }),
+                      /* @__PURE__ */ r(
+                        O,
+                        {
+                          id: `rate-cost-${e.code}`,
+                          type: "number",
+                          step: t,
+                          min: "0",
+                          value: P[e.code] ?? "",
+                          onChange: (d) => S((y) => ({
+                            ...y,
+                            [e.code]: d.target.value
+                          })),
+                          className: "pl-9 bg-slate-50/50 dark:bg-slate-900/50 disabled:opacity-70",
+                          disabled: b === "free_shipping" || o,
+                          required: b !== "free_shipping" && i === "manual"
+                        }
+                      )
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ n("div", { className: "space-y-2", children: [
+                    /* @__PURE__ */ n(N, { htmlFor: `rate-threshold-${e.code}`, children: [
+                      "Free-Shipping Threshold (",
+                      e.code,
+                      ")"
+                    ] }),
+                    /* @__PURE__ */ n("div", { className: "relative", children: [
+                      /* @__PURE__ */ r(B, { className: "absolute left-2.5 top-2.5 h-4 w-4 text-slate-400" }),
+                      /* @__PURE__ */ r(
+                        O,
+                        {
+                          id: `rate-threshold-${e.code}`,
+                          type: "number",
+                          step: t,
+                          min: "0",
+                          value: U[e.code] ?? "",
+                          onChange: (d) => F((y) => ({
+                            ...y,
+                            [e.code]: d.target.value
+                          })),
+                          className: "pl-9 bg-slate-50/50 dark:bg-slate-900/50 disabled:opacity-70",
+                          disabled: o,
+                          placeholder: E(e.code) === 1 ? "0" : "0.00"
+                        }
+                      )
+                    ] })
+                  ] }),
+                  o ? /* @__PURE__ */ n("p", { className: "text-[10px] text-muted-foreground", children: [
+                    "This currency is synced automatically from ",
+                    a,
+                    "."
+                  ] }) : i === "manual" ? /* @__PURE__ */ r("p", { className: "text-[10px] text-muted-foreground", children: "Enter the exact amount shoppers should see in this currency." }) : null
+                ]
+              },
+              e.code
+            );
+          }) })
+        ] })
+      ] }),
+      /* @__PURE__ */ n(xe, { className: "bg-slate-50 dark:bg-slate-900/50 -mx-6 -mb-6 p-4 border-t dark:border-slate-800", children: [
+        /* @__PURE__ */ r(z, { type: "button", variant: "ghost", onClick: () => I(!1), disabled: L, children: "Cancel" }),
+        /* @__PURE__ */ r(z, { type: "submit", disabled: L || !k.trim(), children: L ? A ? "Saving..." : "Adding..." : A ? "Save Changes" : "Add Rate" })
+      ] })
+    ] }) })
+  ] });
+}
+export {
+  Pe as RateForm
+};

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

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