@nextblock-cms/ecom 0.20.1 → 0.21.0

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

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