@nextblock-cms/ecom 0.20.3 → 0.21.1

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

@@ -1,211 +1,289 @@
-import { jsx as e, jsxs as a } from "react/jsx-runtime";
-import { getServiceRoleSupabaseClient as w } from "@nextblock-cms/db/server";
-import { TooltipProvider as C, Card as c, CardContent as o, CardTitle as x, CardDescription as f, Button as m, CardHeader as S, Badge as n, Tooltip as T, TooltipTrigger as j, TooltipContent as I } from "@nextblock-cms/ui";
-import { Boxes as q, Truck as N, Globe as v, Trash2 as b, Info as F } from "lucide-react";
-import { ZoneForm as _ } from "./components/ZoneForm.es.js";
-import { RateForm as y } from "./components/RateForm.es.js";
-import { updateInventoryTrackingAction as R, deleteShippingZone as z, deleteShippingRate as P } from "./server-actions.es.js";
-import { normalizeCurrencyRecord as A } from "../../../currency.es.js";
-import { getEcommerceInventorySettings as D } from "../../../inventory-settings.es.js";
-import { resolveSubdivisionName as E } from "../../../states.es.js";
+import { normalizeCurrencyRecord as e } from "../../../currency.es.js";
+import { resolveSubdivisionName as t } from "../../../states.es.js";
+import { getEcommerceInventorySettings as n } from "../../../inventory-settings.es.js";
+import { deleteShippingRate as r, deleteShippingZone as i, updateInventoryTrackingAction as a } from "./server-actions.es.js";
+import { ZoneForm as o } from "./components/ZoneForm.es.js";
+import { RateForm as s } from "./components/RateForm.es.js";
+import "react";
+import { Boxes as c, Globe as l, Info as u, Trash2 as d, Truck as f } from "lucide-react";
 import { formatPrice as p } from "@nextblock-cms/utils";
-async function O({
-  searchParams: h
-}) {
-  const i = w(), [{ data: l }, k, { data: g }, { data: d }] = await Promise.all([
-    i.from("shipping_zones").select(`
-                *,
-                shipping_zone_locations (*),
-                shipping_zone_methods (*)
-            `).order("priority_order", { ascending: !0 }),
-    D(i),
-    i.from("languages").select("code, name, is_default").eq("is_active", !0).order("name", { ascending: !0 }),
-    i.from("currencies").select(
-      "code, symbol, exchange_rate, is_default, is_active, auto_sync_product_prices, auto_update_exchange_rate, exchange_rate_source, exchange_rate_updated_at, rounding_mode, rounding_increment, rounding_charm_amount"
-    ).eq("is_active", !0).order("is_default", { ascending: !1 }).order("code", { ascending: !0 })
-  ]), s = d?.find((r) => r.is_default)?.code || d?.[0]?.code || "USD", u = (d || []).map(
-    (r) => A(r)
-  );
-  return /* @__PURE__ */ e(C, { children: /* @__PURE__ */ a("div", { className: "space-y-6", children: [
-    h?.success ? /* @__PURE__ */ e("div", { className: "rounded-lg border border-emerald-200 bg-emerald-50 px-4 py-3 text-sm text-emerald-700", children: h.success }) : null,
-    /* @__PURE__ */ e(c, { className: "overflow-hidden border-slate-200 dark:border-slate-800 shadow-sm", children: /* @__PURE__ */ e(o, { className: "p-4 sm:p-5", children: /* @__PURE__ */ a("form", { action: R, className: "space-y-3", children: [
-      /* @__PURE__ */ a("div", { className: "flex flex-col gap-3 lg:flex-row lg:items-start lg:justify-between", children: [
-        /* @__PURE__ */ a("div", { className: "flex items-start gap-3 min-w-0", children: [
-          /* @__PURE__ */ e("div", { className: "p-2 bg-primary/10 rounded-lg text-primary shadow-inner shrink-0", children: /* @__PURE__ */ e(q, { className: "h-4 w-4" }) }),
-          /* @__PURE__ */ a("div", { className: "min-w-0", children: [
-            /* @__PURE__ */ e(x, { className: "text-base font-semibold leading-none", children: "Inventory Tracking" }),
-            /* @__PURE__ */ e(f, { className: "mt-1 text-sm", children: "Control whether checkout enforces stock counts and paid orders deduct inventory." })
-          ] })
-        ] }),
-        /* @__PURE__ */ e("div", { className: "flex justify-end lg:justify-start shrink-0", children: /* @__PURE__ */ e(m, { type: "submit", size: "sm", className: "w-full sm:w-auto", children: "Save Inventory Settings" }) })
-      ] }),
-      /* @__PURE__ */ a("div", { className: "rounded-lg border bg-muted/20 px-4 py-3", children: [
-        /* @__PURE__ */ e("input", { type: "hidden", name: "trackQuantities", value: "false" }),
-        /* @__PURE__ */ a("label", { htmlFor: "track-quantities", className: "flex cursor-pointer items-start gap-3", children: [
-          /* @__PURE__ */ e(
-            "input",
-            {
-              id: "track-quantities",
-              name: "trackQuantities",
-              type: "checkbox",
-              value: "true",
-              defaultChecked: k.trackQuantities,
-              className: "mt-0.5 h-4 w-4 rounded border-slate-300 text-primary focus:ring-primary"
-            }
-          ),
-          /* @__PURE__ */ a("span", { className: "space-y-0.5", children: [
-            /* @__PURE__ */ e("span", { className: "block text-sm font-medium text-slate-900 dark:text-slate-100", children: "Track product quantities" }),
-            /* @__PURE__ */ e("span", { className: "block text-sm text-muted-foreground", children: "Prevent overselling by checking stock during checkout and decrementing quantities after payment is confirmed." })
-          ] })
-        ] })
-      ] })
-    ] }) }) }),
-    /* @__PURE__ */ a("div", { className: "flex justify-between items-center", children: [
-      /* @__PURE__ */ a("div", { children: [
-        /* @__PURE__ */ e("h2", { className: "text-2xl font-bold tracking-tight text-slate-900 dark:text-slate-100", children: "Shipping Zones" }),
-        /* @__PURE__ */ e("p", { className: "text-slate-500 dark:text-slate-400 text-sm", children: "Manage geographical delivery areas and their associated shipping rates." })
-      ] }),
-      /* @__PURE__ */ e(_, {})
-    ] }),
-    /* @__PURE__ */ e("div", { className: "grid gap-6", children: !l || l.length === 0 ? /* @__PURE__ */ e(c, { className: "bg-slate-50/50 dark:bg-slate-900/10 border-dashed", children: /* @__PURE__ */ a(o, { className: "flex flex-col items-center justify-center py-12", children: [
-      /* @__PURE__ */ e(N, { className: "h-12 w-12 text-slate-300 dark:text-slate-700 mb-4" }),
-      /* @__PURE__ */ e("p", { className: "text-slate-600 dark:text-slate-400 font-medium", children: "No shipping zones defined yet." }),
-      /* @__PURE__ */ e("p", { className: "text-xs text-slate-500 mb-6 text-center max-w-xs", children: "Create a zone to start defining shipping rates for specific regions (e.g., North America, Europe)." })
-    ] }) }) : l.map((r) => /* @__PURE__ */ a(c, { className: "overflow-hidden border-slate-200 dark:border-slate-800 shadow-sm hover:shadow-md transition-shadow", children: [
-      /* @__PURE__ */ e(S, { className: "bg-slate-50/50 dark:bg-slate-900/50 border-b dark:border-slate-800 py-4", children: /* @__PURE__ */ a("div", { className: "flex justify-between items-start md:items-center", children: [
-        /* @__PURE__ */ a("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ e("div", { className: "p-2 bg-primary/10 rounded-lg text-primary shadow-inner", children: /* @__PURE__ */ e(v, { className: "h-5 w-5" }) }),
-          /* @__PURE__ */ a("div", { children: [
-            /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ e(x, { className: "text-lg font-bold", children: r.name }),
-              /* @__PURE__ */ a(n, { variant: "outline", className: "text-[10px] uppercase font-bold py-0 h-4 border-slate-200 bg-white/50 dark:bg-black/20", children: [
-                "Prio: ",
-                r.priority_order
-              ] })
-            ] }),
-            /* @__PURE__ */ a(f, { className: "text-xs", children: [
-              r.shipping_zone_locations?.length || 0,
-              " regions covered"
-            ] })
-          ] })
-        ] }),
-        /* @__PURE__ */ a("div", { className: "flex gap-1", children: [
-          /* @__PURE__ */ e(
-            _,
-            {
-              mode: "edit",
-              initialData: {
-                id: r.id,
-                name: r.name,
-                priority_order: r.priority_order,
-                locations: r.shipping_zone_locations?.map((t) => ({
-                  country_code: t.country_code,
-                  state_code: t.state_code
-                })) || []
-              }
-            }
-          ),
-          /* @__PURE__ */ e("form", { action: async () => {
-            "use server";
-            await z(r.id);
-          }, children: /* @__PURE__ */ e(m, { type: "submit", variant: "ghost", size: "icon", className: "h-8 w-8 text-slate-400 hover:text-red-500 hover:bg-red-50 dark:hover:bg-red-900/20", children: /* @__PURE__ */ e(b, { className: "h-4 w-4" }) }) })
-        ] })
-      ] }) }),
-      /* @__PURE__ */ e(o, { className: "p-0", children: /* @__PURE__ */ a("div", { className: "grid md:grid-cols-2 divide-y md:divide-y-0 md:divide-x divide-slate-100 dark:divide-slate-800", children: [
-        /* @__PURE__ */ a("div", { className: "p-6", children: [
-          /* @__PURE__ */ a("h4", { className: "text-[10px] font-bold uppercase tracking-widest text-slate-500 mb-4 flex items-center gap-1.5", children: [
-            /* @__PURE__ */ e(v, { className: "h-3 w-3" }),
-            " Target Regions"
-          ] }),
-          /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-1.5", children: r.shipping_zone_locations?.length > 0 ? r.shipping_zone_locations.map((t) => /* @__PURE__ */ a(n, { variant: "secondary", className: "bg-slate-100 dark:bg-slate-800/80 text-slate-700 dark:text-slate-300 hover:bg-slate-200 border-none px-2 py-0.5 text-[11px] font-medium", children: [
-            t.country_code,
-            t.state_code ? /* @__PURE__ */ a("span", { className: "text-slate-400 ml-1", children: [
-              "(",
-              E(t.country_code, t.state_code),
-              ")"
-            ] }) : ""
-          ] }, t.id)) : /* @__PURE__ */ e("p", { className: "text-sm text-slate-400 italic", children: "No specific locations assigned." }) })
-        ] }),
-        /* @__PURE__ */ a("div", { className: "p-6", children: [
-          /* @__PURE__ */ a("div", { className: "flex justify-between items-center mb-4", children: [
-            /* @__PURE__ */ a("h4", { className: "text-[10px] font-bold uppercase tracking-widest text-slate-500 flex items-center gap-1.5", children: [
-              /* @__PURE__ */ e(N, { className: "h-3 w-3" }),
-              " Shipping Methods"
-            ] }),
-            /* @__PURE__ */ e(
-              y,
-              {
-                zoneId: r.id,
-                zoneName: r.name,
-                languages: g || [],
-                currencies: u,
-                defaultCurrencyCode: s
-              }
-            )
-          ] }),
-          /* @__PURE__ */ e("div", { className: "space-y-2", children: r.shipping_zone_methods?.length > 0 ? r.shipping_zone_methods.map((t) => /* @__PURE__ */ a("div", { className: "flex justify-between items-center group p-2 hover:bg-slate-50/80 dark:hover:bg-slate-800/30 rounded-lg transition-all border border-transparent hover:border-slate-100 dark:hover:border-slate-800", children: [
-            /* @__PURE__ */ a("div", { className: "flex-1 min-w-0", children: [
-              /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ e("p", { className: "text-sm font-semibold text-slate-900 dark:text-slate-100 truncate", children: t.name }),
-                /* @__PURE__ */ e(n, { variant: "outline", className: "h-4 px-1 text-[9px]", children: t.currency_pricing_mode === "manual" ? "Manual FX" : "Auto FX" }),
-                (t.min_order_amount || 0) > 0 && /* @__PURE__ */ a(T, { children: [
-                  /* @__PURE__ */ e(j, { asChild: !0, children: /* @__PURE__ */ a(n, { variant: "outline", className: "h-4 px-1 text-[9px] bg-emerald-50 text-emerald-700 dark:bg-emerald-900/20 dark:text-emerald-400 border-emerald-100 dark:border-emerald-900/50", children: [
-                    /* @__PURE__ */ e(F, { className: "h-2 w-2 mr-0.5" }),
-                    p(
-                      t.min_order_amount,
-                      t.cost_currency?.toUpperCase() || s
-                    )
-                  ] }) }),
-                  /* @__PURE__ */ a(I, { children: [
-                    "Available for orders over ",
-                    p(
-                      t.min_order_amount,
-                      t.cost_currency?.toUpperCase() || s
-                    )
-                  ] })
-                ] })
-              ] }),
-              /* @__PURE__ */ e("p", { className: "text-[10px] text-slate-500 uppercase tracking-tighter mix-blend-multiply dark:mix-blend-normal", children: t.method_type.replace("_", " ") })
-            ] }),
-            /* @__PURE__ */ a("div", { className: "flex items-center gap-1", children: [
-              /* @__PURE__ */ e("p", { className: "text-sm font-black text-primary px-2", children: t.method_type === "free_shipping" ? "FREE" : p(
-                t.cost_amount,
-                t.cost_currency?.toUpperCase() || s
-              ) }),
-              /* @__PURE__ */ a("div", { className: "flex opacity-0 group-hover:opacity-100 transition-opacity", children: [
-                /* @__PURE__ */ e(
-                  y,
-                  {
-                    zoneId: r.id,
-                    zoneName: r.name,
-                    languages: g || [],
-                    currencies: u,
-                    defaultCurrencyCode: s,
-                    mode: "edit",
-                    initialData: t
-                  }
-                ),
-                /* @__PURE__ */ e("form", { action: async () => {
-                  "use server";
-                  await P(t.id);
-                }, children: /* @__PURE__ */ e(
-                  m,
-                  {
-                    type: "submit",
-                    variant: "ghost",
-                    size: "icon",
-                    className: "h-7 w-7 text-slate-400 hover:text-red-500",
-                    children: /* @__PURE__ */ e(b, { className: "h-3 w-3" })
-                  }
-                ) })
-              ] })
-            ] })
-          ] }, t.id)) : /* @__PURE__ */ e("p", { className: "text-xs text-slate-400 italic", children: "No methods defined for this zone." }) })
-        ] })
-      ] }) })
-    ] }, r.id)) })
-  ] }) });
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { getServiceRoleSupabaseClient as g } from "@nextblock-cms/db/server";
+import { Badge as _, Button as v, Card as y, CardContent as b, CardDescription as x, CardHeader as S, CardTitle as C, Tooltip as w, TooltipContent as T, TooltipProvider as E, TooltipTrigger as D } from "@nextblock-cms/ui";
+//#region src/lib/pages/cms/shipping/ShippingPage.tsx
+async function O({ searchParams: O }) {
+	let k = g(), [{ data: A }, j, { data: M }, { data: N }] = await Promise.all([
+		k.from("shipping_zones").select("\n                *,\n                shipping_zone_locations (*),\n                shipping_zone_methods (*)\n            ").order("priority_order", { ascending: !0 }),
+		n(k),
+		k.from("languages").select("code, name, is_default").eq("is_active", !0).order("name", { ascending: !0 }),
+		k.from("currencies").select("code, symbol, exchange_rate, is_default, is_active, auto_sync_product_prices, auto_update_exchange_rate, exchange_rate_source, exchange_rate_updated_at, rounding_mode, rounding_increment, rounding_charm_amount").eq("is_active", !0).order("is_default", { ascending: !1 }).order("code", { ascending: !0 })
+	]), P = N?.find((e) => e.is_default)?.code || N?.[0]?.code || "USD", F = (N || []).map((t) => e(t));
+	return /* @__PURE__ */ m(E, { children: /* @__PURE__ */ h("div", {
+		className: "space-y-6",
+		children: [
+			O?.success ? /* @__PURE__ */ m("div", {
+				className: "rounded-lg border border-emerald-200 bg-emerald-50 px-4 py-3 text-sm text-emerald-700",
+				children: O.success
+			}) : null,
+			/* @__PURE__ */ m(y, {
+				className: "overflow-hidden border-slate-200 dark:border-slate-800 shadow-sm",
+				children: /* @__PURE__ */ m(b, {
+					className: "p-4 sm:p-5",
+					children: /* @__PURE__ */ h("form", {
+						action: a,
+						className: "space-y-3",
+						children: [/* @__PURE__ */ h("div", {
+							className: "flex flex-col gap-3 lg:flex-row lg:items-start lg:justify-between",
+							children: [/* @__PURE__ */ h("div", {
+								className: "flex items-start gap-3 min-w-0",
+								children: [/* @__PURE__ */ m("div", {
+									className: "p-2 bg-primary/10 rounded-lg text-primary shadow-inner shrink-0",
+									children: /* @__PURE__ */ m(c, { className: "h-4 w-4" })
+								}), /* @__PURE__ */ h("div", {
+									className: "min-w-0",
+									children: [/* @__PURE__ */ m(C, {
+										className: "text-base font-semibold leading-none",
+										children: "Inventory Tracking"
+									}), /* @__PURE__ */ m(x, {
+										className: "mt-1 text-sm",
+										children: "Control whether checkout enforces stock counts and paid orders deduct inventory."
+									})]
+								})]
+							}), /* @__PURE__ */ m("div", {
+								className: "flex justify-end lg:justify-start shrink-0",
+								children: /* @__PURE__ */ m(v, {
+									type: "submit",
+									size: "sm",
+									className: "w-full sm:w-auto",
+									children: "Save Inventory Settings"
+								})
+							})]
+						}), /* @__PURE__ */ h("div", {
+							className: "rounded-lg border bg-muted/20 px-4 py-3",
+							children: [/* @__PURE__ */ m("input", {
+								type: "hidden",
+								name: "trackQuantities",
+								value: "false"
+							}), /* @__PURE__ */ h("label", {
+								htmlFor: "track-quantities",
+								className: "flex cursor-pointer items-start gap-3",
+								children: [/* @__PURE__ */ m("input", {
+									id: "track-quantities",
+									name: "trackQuantities",
+									type: "checkbox",
+									value: "true",
+									defaultChecked: j.trackQuantities,
+									className: "mt-0.5 h-4 w-4 rounded border-slate-300 text-primary focus:ring-primary"
+								}), /* @__PURE__ */ h("span", {
+									className: "space-y-0.5",
+									children: [/* @__PURE__ */ m("span", {
+										className: "block text-sm font-medium text-slate-900 dark:text-slate-100",
+										children: "Track product quantities"
+									}), /* @__PURE__ */ m("span", {
+										className: "block text-sm text-muted-foreground",
+										children: "Prevent overselling by checking stock during checkout and decrementing quantities after payment is confirmed."
+									})]
+								})]
+							})]
+						})]
+					})
+				})
+			}),
+			/* @__PURE__ */ h("div", {
+				className: "flex justify-between items-center",
+				children: [/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("h2", {
+					className: "text-2xl font-bold tracking-tight text-slate-900 dark:text-slate-100",
+					children: "Shipping Zones"
+				}), /* @__PURE__ */ m("p", {
+					className: "text-slate-500 dark:text-slate-400 text-sm",
+					children: "Manage geographical delivery areas and their associated shipping rates."
+				})] }), /* @__PURE__ */ m(o, {})]
+			}),
+			/* @__PURE__ */ m("div", {
+				className: "grid gap-6",
+				children: !A || A.length === 0 ? /* @__PURE__ */ m(y, {
+					className: "bg-slate-50/50 dark:bg-slate-900/10 border-dashed",
+					children: /* @__PURE__ */ h(b, {
+						className: "flex flex-col items-center justify-center py-12",
+						children: [
+							/* @__PURE__ */ m(f, { className: "h-12 w-12 text-slate-300 dark:text-slate-700 mb-4" }),
+							/* @__PURE__ */ m("p", {
+								className: "text-slate-600 dark:text-slate-400 font-medium",
+								children: "No shipping zones defined yet."
+							}),
+							/* @__PURE__ */ m("p", {
+								className: "text-xs text-slate-500 mb-6 text-center max-w-xs",
+								children: "Create a zone to start defining shipping rates for specific regions (e.g., North America, Europe)."
+							})
+						]
+					})
+				}) : A.map((e) => /* @__PURE__ */ h(y, {
+					className: "overflow-hidden border-slate-200 dark:border-slate-800 shadow-sm hover:shadow-md transition-shadow",
+					children: [/* @__PURE__ */ m(S, {
+						className: "bg-slate-50/50 dark:bg-slate-900/50 border-b dark:border-slate-800 py-4",
+						children: /* @__PURE__ */ h("div", {
+							className: "flex justify-between items-start md:items-center",
+							children: [/* @__PURE__ */ h("div", {
+								className: "flex items-center gap-3",
+								children: [/* @__PURE__ */ m("div", {
+									className: "p-2 bg-primary/10 rounded-lg text-primary shadow-inner",
+									children: /* @__PURE__ */ m(l, { className: "h-5 w-5" })
+								}), /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ h("div", {
+									className: "flex items-center gap-2",
+									children: [/* @__PURE__ */ m(C, {
+										className: "text-lg font-bold",
+										children: e.name
+									}), /* @__PURE__ */ h(_, {
+										variant: "outline",
+										className: "text-[10px] uppercase font-bold py-0 h-4 border-slate-200 bg-white/50 dark:bg-black/20",
+										children: ["Prio: ", e.priority_order]
+									})]
+								}), /* @__PURE__ */ h(x, {
+									className: "text-xs",
+									children: [e.shipping_zone_locations?.length || 0, " regions covered"]
+								})] })]
+							}), /* @__PURE__ */ h("div", {
+								className: "flex gap-1",
+								children: [/* @__PURE__ */ m(o, {
+									mode: "edit",
+									initialData: {
+										id: e.id,
+										name: e.name,
+										priority_order: e.priority_order,
+										locations: e.shipping_zone_locations?.map((e) => ({
+											country_code: e.country_code,
+											state_code: e.state_code
+										})) || []
+									}
+								}), /* @__PURE__ */ m("form", {
+									action: async () => {
+										"use server";
+										await i(e.id);
+									},
+									children: /* @__PURE__ */ m(v, {
+										type: "submit",
+										variant: "ghost",
+										size: "icon",
+										className: "h-8 w-8 text-slate-400 hover:text-red-500 hover:bg-red-50 dark:hover:bg-red-900/20",
+										children: /* @__PURE__ */ m(d, { className: "h-4 w-4" })
+									})
+								})]
+							})]
+						})
+					}), /* @__PURE__ */ m(b, {
+						className: "p-0",
+						children: /* @__PURE__ */ h("div", {
+							className: "grid md:grid-cols-2 divide-y md:divide-y-0 md:divide-x divide-slate-100 dark:divide-slate-800",
+							children: [/* @__PURE__ */ h("div", {
+								className: "p-6",
+								children: [/* @__PURE__ */ h("h4", {
+									className: "text-[10px] font-bold uppercase tracking-widest text-slate-500 mb-4 flex items-center gap-1.5",
+									children: [/* @__PURE__ */ m(l, { className: "h-3 w-3" }), " Target Regions"]
+								}), /* @__PURE__ */ m("div", {
+									className: "flex flex-wrap gap-1.5",
+									children: e.shipping_zone_locations?.length > 0 ? e.shipping_zone_locations.map((e) => /* @__PURE__ */ h(_, {
+										variant: "secondary",
+										className: "bg-slate-100 dark:bg-slate-800/80 text-slate-700 dark:text-slate-300 hover:bg-slate-200 border-none px-2 py-0.5 text-[11px] font-medium",
+										children: [e.country_code, e.state_code ? /* @__PURE__ */ h("span", {
+											className: "text-slate-400 ml-1",
+											children: [
+												"(",
+												t(e.country_code, e.state_code),
+												")"
+											]
+										}) : ""]
+									}, e.id)) : /* @__PURE__ */ m("p", {
+										className: "text-sm text-slate-400 italic",
+										children: "No specific locations assigned."
+									})
+								})]
+							}), /* @__PURE__ */ h("div", {
+								className: "p-6",
+								children: [/* @__PURE__ */ h("div", {
+									className: "flex justify-between items-center mb-4",
+									children: [/* @__PURE__ */ h("h4", {
+										className: "text-[10px] font-bold uppercase tracking-widest text-slate-500 flex items-center gap-1.5",
+										children: [/* @__PURE__ */ m(f, { className: "h-3 w-3" }), " Shipping Methods"]
+									}), /* @__PURE__ */ m(s, {
+										zoneId: e.id,
+										zoneName: e.name,
+										languages: M || [],
+										currencies: F,
+										defaultCurrencyCode: P
+									})]
+								}), /* @__PURE__ */ m("div", {
+									className: "space-y-2",
+									children: e.shipping_zone_methods?.length > 0 ? e.shipping_zone_methods.map((t) => /* @__PURE__ */ h("div", {
+										className: "flex justify-between items-center group p-2 hover:bg-slate-50/80 dark:hover:bg-slate-800/30 rounded-lg transition-all border border-transparent hover:border-slate-100 dark:hover:border-slate-800",
+										children: [/* @__PURE__ */ h("div", {
+											className: "flex-1 min-w-0",
+											children: [/* @__PURE__ */ h("div", {
+												className: "flex items-center gap-2",
+												children: [
+													/* @__PURE__ */ m("p", {
+														className: "text-sm font-semibold text-slate-900 dark:text-slate-100 truncate",
+														children: t.name
+													}),
+													/* @__PURE__ */ m(_, {
+														variant: "outline",
+														className: "h-4 px-1 text-[9px]",
+														children: t.currency_pricing_mode === "manual" ? "Manual FX" : "Auto FX"
+													}),
+													(t.min_order_amount || 0) > 0 && /* @__PURE__ */ h(w, { children: [/* @__PURE__ */ m(D, {
+														asChild: !0,
+														children: /* @__PURE__ */ h(_, {
+															variant: "outline",
+															className: "h-4 px-1 text-[9px] bg-emerald-50 text-emerald-700 dark:bg-emerald-900/20 dark:text-emerald-400 border-emerald-100 dark:border-emerald-900/50",
+															children: [/* @__PURE__ */ m(u, { className: "h-2 w-2 mr-0.5" }), p(t.min_order_amount, t.cost_currency?.toUpperCase() || P)]
+														})
+													}), /* @__PURE__ */ h(T, { children: ["Available for orders over ", p(t.min_order_amount, t.cost_currency?.toUpperCase() || P)] })] })
+												]
+											}), /* @__PURE__ */ m("p", {
+												className: "text-[10px] text-slate-500 uppercase tracking-tighter mix-blend-multiply dark:mix-blend-normal",
+												children: t.method_type.replace("_", " ")
+											})]
+										}), /* @__PURE__ */ h("div", {
+											className: "flex items-center gap-1",
+											children: [/* @__PURE__ */ m("p", {
+												className: "text-sm font-black text-primary px-2",
+												children: t.method_type === "free_shipping" ? "FREE" : p(t.cost_amount, t.cost_currency?.toUpperCase() || P)
+											}), /* @__PURE__ */ h("div", {
+												className: "flex opacity-0 group-hover:opacity-100 transition-opacity",
+												children: [/* @__PURE__ */ m(s, {
+													zoneId: e.id,
+													zoneName: e.name,
+													languages: M || [],
+													currencies: F,
+													defaultCurrencyCode: P,
+													mode: "edit",
+													initialData: t
+												}), /* @__PURE__ */ m("form", {
+													action: async () => {
+														"use server";
+														await r(t.id);
+													},
+													children: /* @__PURE__ */ m(v, {
+														type: "submit",
+														variant: "ghost",
+														size: "icon",
+														className: "h-7 w-7 text-slate-400 hover:text-red-500",
+														children: /* @__PURE__ */ m(d, { className: "h-3 w-3" })
+													})
+												})]
+											})]
+										})]
+									}, t.id)) : /* @__PURE__ */ m("p", {
+										className: "text-xs text-slate-400 italic",
+										children: "No methods defined for this zone."
+									})
+								})]
+							})]
+						})
+					})]
+				}, e.id))
+			})
+		]
+	}) });
 }
-export {
-  O as ShippingPage
-};
+//#endregion
+export { O as ShippingPage };

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

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

package/lib/pages/cms/shipping/components/RateForm.d.ts

@@ -22,5 +22,5 @@ interface RateFormProps {
         min_order_amounts?: Record<string, number> | null;
     };
 }
-export declare function RateForm({ zoneId, zoneName, languages, currencies, defaultCurrencyCode, mode, initialData, }: RateFormProps): import("react").JSX.Element;
+export declare function RateForm({ zoneId, zoneName, languages, currencies, defaultCurrencyCode, mode, initialData, }: RateFormProps): import('react').JSX.Element;
 export {};