@lodashventure/medusa-parcel-shipping 0.0.3

package/.medusa/server/src/admin/index.js

@@ -0,0 +1,1165 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const adminSdk = require("@medusajs/admin-sdk");
+const icons = require("@medusajs/icons");
+const react = require("react");
+const ui = require("@medusajs/ui");
+const requestJson = async (url, method = "GET", body) => {
+  const response = await fetch(url, {
+    method,
+    headers: {
+      "Content-Type": "application/json"
+    },
+    body: body ? JSON.stringify(body) : void 0
+  });
+  if (!response.ok) {
+    let message = response.statusText;
+    try {
+      const payload = await response.json();
+      message = (payload == null ? void 0 : payload.code) ?? (payload == null ? void 0 : payload.error) ?? message;
+    } catch (_) {
+    }
+    throw new Error(message);
+  }
+  if (response.status === 204) {
+    return void 0;
+  }
+  return await response.json();
+};
+const toNumber = (value) => {
+  if (value.trim().length === 0) {
+    return null;
+  }
+  const parsed = Number(value);
+  return Number.isFinite(parsed) ? parsed : null;
+};
+const getThaiAddressComponents = () => null;
+const ParcelShippingPage = () => {
+  const [tab, setTab] = react.useState("boxes");
+  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "space-y-6 p-6", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h1", children: "Parcel Shipping" }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-subtle", children: "Configure parcel boxes, shipping rates, and supported service areas." })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ui.Button,
+        {
+          variant: tab === "boxes" ? "primary" : "secondary",
+          size: "small",
+          onClick: () => setTab("boxes"),
+          children: "Boxes"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ui.Button,
+        {
+          variant: tab === "rates" ? "primary" : "secondary",
+          size: "small",
+          onClick: () => setTab("rates"),
+          children: "Shipping Rates"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ui.Button,
+        {
+          variant: tab === "areas" ? "primary" : "secondary",
+          size: "small",
+          onClick: () => setTab("areas"),
+          children: "Service Areas"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pt-6", children: [
+      tab === "boxes" && /* @__PURE__ */ jsxRuntime.jsx(BoxesSection, {}),
+      tab === "rates" && /* @__PURE__ */ jsxRuntime.jsx(RatesSection, {}),
+      tab === "areas" && /* @__PURE__ */ jsxRuntime.jsx(AreasSection, {})
+    ] })
+  ] });
+};
+const BoxesSection = () => {
+  const [boxes, setBoxes] = react.useState([]);
+  const [loading, setLoading] = react.useState(true);
+  const [formState, setFormState] = react.useState({
+    id: null,
+    name: "",
+    width_cm: "",
+    length_cm: "",
+    height_cm: "",
+    max_weight_kg: "",
+    price_thb: "",
+    active: true
+  });
+  const [saving, setSaving] = react.useState(false);
+  const [deletingId, setDeletingId] = react.useState(null);
+  const refresh = react.useCallback(async () => {
+    setLoading(true);
+    try {
+      const data = await requestJson(
+        "/admin/parcel-boxes"
+      );
+      setBoxes(data.boxes ?? []);
+    } catch (error) {
+      ui.toast.error(error.message ?? "Failed to load boxes", {
+        dismissable: true
+      });
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+  react.useEffect(() => {
+    refresh();
+  }, [refresh]);
+  const resetForm = () => setFormState({
+    id: null,
+    name: "",
+    width_cm: "",
+    length_cm: "",
+    height_cm: "",
+    max_weight_kg: "",
+    price_thb: "",
+    active: true
+  });
+  const handleSubmit = async () => {
+    const width = toNumber(formState.width_cm);
+    const length = toNumber(formState.length_cm);
+    const height = toNumber(formState.height_cm);
+    const maxWeight = toNumber(formState.max_weight_kg);
+    const price = toNumber(formState.price_thb);
+    if (!formState.name.trim() || width === null || length === null || height === null || maxWeight === null || price === null) {
+      ui.toast.error("Fill all fields with valid numeric values", {
+        dismissable: true
+      });
+      return;
+    }
+    const payload = {
+      name: formState.name.trim(),
+      width_cm: width,
+      length_cm: length,
+      height_cm: height,
+      max_weight_kg: maxWeight,
+      price_thb: price,
+      active: formState.active
+    };
+    setSaving(true);
+    try {
+      if (formState.id) {
+        await requestJson(
+          `/admin/parcel-boxes/${formState.id}`,
+          "PUT",
+          payload
+        );
+        ui.toast.success("Box updated", { dismissable: true });
+      } else {
+        await requestJson("/admin/parcel-boxes", "POST", payload);
+        ui.toast.success("Box created", { dismissable: true });
+      }
+      await refresh();
+      resetForm();
+    } catch (error) {
+      ui.toast.error(error.message ?? "Failed to save box", {
+        dismissable: true
+      });
+    } finally {
+      setSaving(false);
+    }
+  };
+  const handleDelete = async (id) => {
+    setDeletingId(id);
+    try {
+      await requestJson(`/admin/parcel-boxes/${id}`, "DELETE");
+      ui.toast.success("Box removed", { dismissable: true });
+      await refresh();
+    } catch (error) {
+      ui.toast.error(error.message ?? "Failed to delete box", {
+        dismissable: true
+      });
+    } finally {
+      setDeletingId(null);
+    }
+  };
+  const handleToggle = async (box) => {
+    try {
+      await requestJson(`/admin/parcel-boxes/${box.id}`, "PUT", {
+        active: !box.active
+      });
+      await refresh();
+    } catch (error) {
+      ui.toast.error(error.message ?? "Failed to update box status", {
+        dismissable: true
+      });
+    }
+  };
+  const tableRows = react.useMemo(() => {
+    if (loading) {
+      return /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Row, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { colSpan: 6, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-center text-ui-fg-subtle", children: "Loading boxes..." }) }) });
+    }
+    if (boxes.length === 0) {
+      return /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Row, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { colSpan: 6, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-center text-ui-fg-subtle", children: "No boxes configured yet." }) }) });
+    }
+    return boxes.map((box) => /* @__PURE__ */ jsxRuntime.jsxs(ui.Table.Row, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: box.name }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { className: "text-sm text-ui-fg-subtle", children: [
+        box.width_cm,
+        " × ",
+        box.length_cm,
+        " × ",
+        box.height_cm
+      ] }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: box.max_weight_kg }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: box.price_thb }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { color: box.active ? "green" : "grey", children: box.active ? "Active" : "Inactive" }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-end gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Switch,
+          {
+            checked: box.active,
+            onCheckedChange: () => handleToggle(box)
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Button,
+          {
+            variant: "secondary",
+            size: "small",
+            onClick: () => setFormState({
+              id: box.id,
+              name: box.name,
+              width_cm: String(box.width_cm),
+              length_cm: String(box.length_cm),
+              height_cm: String(box.height_cm),
+              max_weight_kg: String(box.max_weight_kg),
+              price_thb: String(box.price_thb),
+              active: box.active
+            }),
+            children: "Edit"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Button,
+          {
+            variant: "danger",
+            size: "small",
+            onClick: () => handleDelete(box.id),
+            disabled: deletingId === box.id,
+            children: "Delete"
+          }
+        )
+      ] }) })
+    ] }, box.id));
+  }, [boxes, deletingId, loading]);
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "space-y-6", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-4 rounded-md border p-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", children: formState.id ? "Edit Box" : "Create Box" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-4 md:grid-cols-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Label,
+            {
+              className: "text-sm font-medium text-ui-fg-base",
+              htmlFor: "parcel-box-name",
+              children: "Name"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Input,
+            {
+              id: "parcel-box-name",
+              placeholder: "Enter box name",
+              value: formState.name,
+              onChange: (event) => setFormState((prev) => ({ ...prev, name: event.target.value }))
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Label,
+            {
+              className: "text-sm font-medium text-ui-fg-base",
+              htmlFor: "parcel-box-width",
+              children: "Width (cm)"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Input,
+            {
+              id: "parcel-box-width",
+              placeholder: "e.g. 20",
+              type: "number",
+              value: formState.width_cm,
+              onChange: (event) => setFormState((prev) => ({
+                ...prev,
+                width_cm: event.target.value
+              }))
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Label,
+            {
+              className: "text-sm font-medium text-ui-fg-base",
+              htmlFor: "parcel-box-length",
+              children: "Length (cm)"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Input,
+            {
+              id: "parcel-box-length",
+              placeholder: "e.g. 30",
+              type: "number",
+              value: formState.length_cm,
+              onChange: (event) => setFormState((prev) => ({
+                ...prev,
+                length_cm: event.target.value
+              }))
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Label,
+            {
+              className: "text-sm font-medium text-ui-fg-base",
+              htmlFor: "parcel-box-height",
+              children: "Height (cm)"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Input,
+            {
+              id: "parcel-box-height",
+              placeholder: "e.g. 15",
+              type: "number",
+              value: formState.height_cm,
+              onChange: (event) => setFormState((prev) => ({
+                ...prev,
+                height_cm: event.target.value
+              }))
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Label,
+            {
+              className: "text-sm font-medium text-ui-fg-base",
+              htmlFor: "parcel-box-max-weight",
+              children: "Max Weight (kg)"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Input,
+            {
+              id: "parcel-box-max-weight",
+              placeholder: "e.g. 0.5",
+              type: "number",
+              value: formState.max_weight_kg,
+              onChange: (event) => setFormState((prev) => ({
+                ...prev,
+                max_weight_kg: event.target.value
+              }))
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Label,
+            {
+              className: "text-sm font-medium text-ui-fg-base",
+              htmlFor: "parcel-box-price",
+              children: "Box Price (THB)"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Input,
+            {
+              id: "parcel-box-price",
+              placeholder: "e.g. 10",
+              type: "number",
+              value: formState.price_thb,
+              onChange: (event) => setFormState((prev) => ({
+                ...prev,
+                price_thb: event.target.value
+              }))
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Switch,
+          {
+            checked: formState.active,
+            onCheckedChange: (active) => setFormState((prev) => ({ ...prev, active }))
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-sm text-ui-fg-subtle", children: "Active" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { onClick: handleSubmit, disabled: saving, children: formState.id ? "Update" : "Create" }),
+        formState.id && /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "secondary", onClick: resetForm, children: "Cancel" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-hidden rounded-md border", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Table, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Header, { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Table.Row, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Name" }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Dimensions (cm)" }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Max Weight (kg)" }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Price" }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Status" }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { className: "text-right", children: "Actions" })
+      ] }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Body, { children: tableRows })
+    ] }) })
+  ] });
+};
+const RatesSection = () => {
+  const [rates, setRates] = react.useState([]);
+  const [loading, setLoading] = react.useState(true);
+  const [formState, setFormState] = react.useState({
+    id: null,
+    carrier: "COMPANY_TRUCK",
+    min_weight_kg: "0",
+    max_weight_kg: "",
+    price_thb: "",
+    currency: "THB",
+    active: true
+  });
+  const [currencyOptions, setCurrencyOptions] = react.useState([]);
+  const [defaultCurrency, setDefaultCurrency] = react.useState("THB");
+  const [currenciesLoading, setCurrenciesLoading] = react.useState(true);
+  const [saving, setSaving] = react.useState(false);
+  const [deletingId, setDeletingId] = react.useState(null);
+  const refresh = react.useCallback(async () => {
+    setLoading(true);
+    try {
+      const data = await requestJson(
+        "/admin/shipping-config/rates"
+      );
+      setRates(
+        (data.rates ?? []).map((rate) => ({
+          ...rate,
+          currency: (rate.currency ?? "").toUpperCase()
+        }))
+      );
+    } catch (error) {
+      ui.toast.error(error.message ?? "Failed to load rates", {
+        dismissable: true
+      });
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+  const loadCurrencies = react.useCallback(async () => {
+    var _a, _b, _c;
+    setCurrenciesLoading(true);
+    try {
+      const data = await requestJson("/admin/store");
+      const supported = ((_b = (_a = data.store) == null ? void 0 : _a.supported_currencies) == null ? void 0 : _b.map(
+        (item) => item.code.toUpperCase()
+      )) ?? [];
+      const defaultCode = (((_c = data.store) == null ? void 0 : _c.default_currency_code) ?? supported[0] ?? "THB").toUpperCase();
+      const options = supported.length > 0 ? supported : [defaultCode];
+      setCurrencyOptions(options);
+      setDefaultCurrency(defaultCode);
+      setFormState((prev) => ({
+        ...prev,
+        currency: prev.currency && options.includes(prev.currency.toUpperCase()) ? prev.currency.toUpperCase() : defaultCode
+      }));
+    } catch (error) {
+      ui.toast.error(
+        error.message ?? "Failed to load store currencies",
+        { dismissable: true }
+      );
+      setCurrencyOptions((prev) => prev.length > 0 ? prev : ["THB"]);
+      setDefaultCurrency((prev) => prev || "THB");
+    } finally {
+      setCurrenciesLoading(false);
+    }
+  }, []);
+  react.useEffect(() => {
+    refresh();
+  }, [refresh]);
+  react.useEffect(() => {
+    loadCurrencies();
+  }, [loadCurrencies]);
+  const getInitialCurrency = react.useCallback(() => {
+    if (currencyOptions.length === 0) {
+      return defaultCurrency || "THB";
+    }
+    return currencyOptions.includes(defaultCurrency) ? defaultCurrency : currencyOptions[0];
+  }, [currencyOptions, defaultCurrency]);
+  const resetForm = react.useCallback(() => {
+    setFormState({
+      id: null,
+      carrier: "COMPANY_TRUCK",
+      min_weight_kg: "0",
+      max_weight_kg: "",
+      price_thb: "",
+      currency: getInitialCurrency(),
+      active: true
+    });
+  }, [getInitialCurrency]);
+  react.useEffect(() => {
+    if (!formState.id && !currencyOptions.includes(formState.currency)) {
+      setFormState((prev) => ({
+        ...prev,
+        currency: getInitialCurrency()
+      }));
+    }
+  }, [currencyOptions, formState.currency, formState.id, getInitialCurrency]);
+  const handleSubmit = async () => {
+    const min = toNumber(formState.min_weight_kg);
+    const max = toNumber(formState.max_weight_kg);
+    const price = toNumber(formState.price_thb);
+    if (max === null || price === null || max <= 0) {
+      ui.toast.error("Provide valid max weight and price", { dismissable: true });
+      return;
+    }
+    if (min !== null && max <= min) {
+      ui.toast.error("Max weight must be greater than min weight", {
+        dismissable: true
+      });
+      return;
+    }
+    const payload = {
+      carrier: formState.carrier,
+      min_weight_kg: min ?? 0,
+      max_weight_kg: max,
+      price_thb: price,
+      currency: (formState.currency || getInitialCurrency()).trim().toUpperCase(),
+      active: formState.active
+    };
+    setSaving(true);
+    try {
+      if (formState.id) {
+        await requestJson(
+          `/admin/shipping-config/rates/${formState.id}`,
+          "PUT",
+          payload
+        );
+        ui.toast.success("Rate updated", { dismissable: true });
+      } else {
+        await requestJson("/admin/shipping-config/rates", "POST", payload);
+        ui.toast.success("Rate created", { dismissable: true });
+      }
+      await refresh();
+      resetForm();
+    } catch (error) {
+      ui.toast.error(error.message ?? "Failed to save rate", {
+        dismissable: true
+      });
+    } finally {
+      setSaving(false);
+    }
+  };
+  const handleDelete = async (id) => {
+    setDeletingId(id);
+    try {
+      await requestJson(`/admin/shipping-config/rates/${id}`, "DELETE");
+      ui.toast.success("Rate removed", { dismissable: true });
+      await refresh();
+    } catch (error) {
+      ui.toast.error(error.message ?? "Failed to delete rate", {
+        dismissable: true
+      });
+    } finally {
+      setDeletingId(null);
+    }
+  };
+  const handleToggle = async (rate) => {
+    try {
+      await requestJson(`/admin/shipping-config/rates/${rate.id}`, "PUT", {
+        active: !rate.active
+      });
+      await refresh();
+    } catch (error) {
+      ui.toast.error(error.message ?? "Failed to update rate status", {
+        dismissable: true
+      });
+    }
+  };
+  const tableRows = react.useMemo(() => {
+    if (loading) {
+      return /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Row, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { colSpan: 5, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-center text-ui-fg-subtle", children: "Loading rates..." }) }) });
+    }
+    if (rates.length === 0) {
+      return /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Row, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { colSpan: 5, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-center text-ui-fg-subtle", children: "No shipping rates configured." }) }) });
+    }
+    return rates.map((rate) => /* @__PURE__ */ jsxRuntime.jsxs(ui.Table.Row, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: rate.carrier === "COMPANY_TRUCK" ? "Company Truck" : "Private Carrier" }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { className: "text-sm text-ui-fg-subtle", children: [
+        rate.min_weight_kg,
+        " - ",
+        rate.max_weight_kg
+      ] }) }),
+      /* @__PURE__ */ jsxRuntime.jsxs(ui.Table.Cell, { children: [
+        rate.price_thb,
+        " ",
+        rate.currency
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { color: rate.active ? "green" : "grey", children: rate.active ? "Active" : "Inactive" }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-end gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Switch,
+          {
+            checked: rate.active,
+            onCheckedChange: () => handleToggle(rate)
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Button,
+          {
+            variant: "secondary",
+            size: "small",
+            onClick: () => setFormState({
+              id: rate.id,
+              carrier: rate.carrier,
+              min_weight_kg: String(rate.min_weight_kg ?? 0),
+              max_weight_kg: String(rate.max_weight_kg),
+              price_thb: String(rate.price_thb),
+              currency: (rate.currency ?? "").toUpperCase(),
+              active: rate.active
+            }),
+            children: "Edit"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Button,
+          {
+            variant: "danger",
+            size: "small",
+            onClick: () => handleDelete(rate.id),
+            disabled: deletingId === rate.id,
+            children: "Delete"
+          }
+        )
+      ] }) })
+    ] }, rate.id));
+  }, [deletingId, loading, rates]);
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "space-y-6", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-4 rounded-md border p-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", children: formState.id ? "Edit Shipping Rate" : "Create Shipping Rate" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-4 md:grid-cols-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Label,
+            {
+              className: "text-sm font-medium text-ui-fg-base",
+              htmlFor: "parcel-rate-carrier",
+              children: "Carrier"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "select",
+            {
+              id: "parcel-rate-carrier",
+              className: "mt-1 w-full rounded-md border border-ui-border-base bg-ui-bg-field px-3 py-2 text-sm",
+              value: formState.carrier,
+              onChange: (event) => setFormState((prev) => ({
+                ...prev,
+                carrier: event.target.value
+              })),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("option", { value: "COMPANY_TRUCK", children: "Company Truck" }),
+                /* @__PURE__ */ jsxRuntime.jsx("option", { value: "PRIVATE_CARRIER", children: "Private Carrier" })
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Label,
+            {
+              className: "text-sm font-medium text-ui-fg-base",
+              htmlFor: "parcel-rate-min-weight",
+              children: "Min Weight (kg)"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Input,
+            {
+              id: "parcel-rate-min-weight",
+              placeholder: "e.g. 0",
+              type: "number",
+              value: formState.min_weight_kg,
+              onChange: (event) => setFormState((prev) => ({
+                ...prev,
+                min_weight_kg: event.target.value
+              }))
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Label,
+            {
+              className: "text-sm font-medium text-ui-fg-base",
+              htmlFor: "parcel-rate-max-weight",
+              children: "Max Weight (kg)"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Input,
+            {
+              id: "parcel-rate-max-weight",
+              placeholder: "e.g. 5",
+              type: "number",
+              value: formState.max_weight_kg,
+              onChange: (event) => setFormState((prev) => ({
+                ...prev,
+                max_weight_kg: event.target.value
+              }))
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Label,
+            {
+              className: "text-sm font-medium text-ui-fg-base",
+              htmlFor: "parcel-rate-price",
+              children: "Price (THB)"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Input,
+            {
+              id: "parcel-rate-price",
+              placeholder: "e.g. 45",
+              type: "number",
+              value: formState.price_thb,
+              onChange: (event) => setFormState((prev) => ({
+                ...prev,
+                price_thb: event.target.value
+              }))
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Label,
+            {
+              className: "text-sm font-medium text-ui-fg-base",
+              htmlFor: "parcel-rate-currency",
+              children: "Currency"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "select",
+            {
+              id: "parcel-rate-currency",
+              className: "w-full rounded-md border border-ui-border-base bg-ui-bg-field px-3 py-2 text-sm",
+              value: formState.currency,
+              onChange: (event) => setFormState((prev) => ({
+                ...prev,
+                currency: event.target.value
+              })),
+              disabled: currencyOptions.length === 0,
+              children: currencyOptions.map((code) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: code, children: code }, code))
+            }
+          ),
+          currenciesLoading && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-xs text-ui-fg-subtle", children: "Loading currencies..." }),
+          !currenciesLoading && currencyOptions.length === 0 && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-xs text-ui-fg-subtle", children: "Configure store currencies to enable selection." })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Switch,
+          {
+            checked: formState.active,
+            onCheckedChange: (active) => setFormState((prev) => ({ ...prev, active }))
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-sm text-ui-fg-subtle", children: "Active" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { onClick: handleSubmit, disabled: saving, children: formState.id ? "Update" : "Create" }),
+        formState.id && /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "secondary", onClick: resetForm, children: "Cancel" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-hidden rounded-md border", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Table, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Header, { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Table.Row, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Carrier" }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Weight Range (kg)" }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Price" }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Status" }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { className: "text-right", children: "Actions" })
+      ] }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Body, { children: tableRows })
+    ] }) })
+  ] });
+};
+const AreasSection = () => {
+  const [areas, setAreas] = react.useState([]);
+  const [loading, setLoading] = react.useState(true);
+  const [formState, setFormState] = react.useState({
+    id: null,
+    kind: "PROVINCE",
+    value: "",
+    active: true
+  });
+  const thaiAddressInputs = react.useMemo(() => getThaiAddressComponents(), []);
+  const ThaiProvinceInput = thaiAddressInputs == null ? void 0 : thaiAddressInputs.Province;
+  const ThaiZipcodeInput = thaiAddressInputs == null ? void 0 : thaiAddressInputs.Zipcode;
+  const [thaiAddress, setThaiAddress] = react.useState({
+    district: "",
+    amphoe: "",
+    province: "",
+    zipcode: ""
+  });
+  const [saving, setSaving] = react.useState(false);
+  const [deletingId, setDeletingId] = react.useState(null);
+  const refresh = react.useCallback(async () => {
+    setLoading(true);
+    try {
+      const data = await requestJson(
+        "/admin/shipping-config/areas"
+      );
+      setAreas(data.areas ?? []);
+    } catch (error) {
+      ui.toast.error(error.message ?? "Failed to load service areas", {
+        dismissable: true
+      });
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+  react.useEffect(() => {
+    refresh();
+  }, [refresh]);
+  const resetForm = react.useCallback(() => {
+    setFormState({
+      id: null,
+      kind: "PROVINCE",
+      value: "",
+      active: true
+    });
+    setThaiAddress({
+      district: "",
+      amphoe: "",
+      province: "",
+      zipcode: ""
+    });
+  }, []);
+  const handleSubmit = async () => {
+    if (!formState.value.trim()) {
+      ui.toast.error("Provide a value", { dismissable: true });
+      return;
+    }
+    const payload = {
+      kind: formState.kind,
+      value: formState.value.trim(),
+      active: formState.active
+    };
+    setSaving(true);
+    try {
+      if (formState.id) {
+        await requestJson(
+          `/admin/shipping-config/areas/${formState.id}`,
+          "PUT",
+          payload
+        );
+        ui.toast.success("Service area updated", { dismissable: true });
+      } else {
+        await requestJson("/admin/shipping-config/areas", "POST", payload);
+        ui.toast.success("Service area created", { dismissable: true });
+      }
+      await refresh();
+      resetForm();
+    } catch (error) {
+      ui.toast.error(error.message ?? "Failed to save service area", {
+        dismissable: true
+      });
+    } finally {
+      setSaving(false);
+    }
+  };
+  const handleDelete = async (id) => {
+    setDeletingId(id);
+    try {
+      await requestJson(`/admin/shipping-config/areas/${id}`, "DELETE");
+      ui.toast.success("Service area removed", { dismissable: true });
+      await refresh();
+    } catch (error) {
+      ui.toast.error(error.message ?? "Failed to delete service area", {
+        dismissable: true
+      });
+    } finally {
+      setDeletingId(null);
+    }
+  };
+  const handleToggle = async (area) => {
+    try {
+      await requestJson(`/admin/shipping-config/areas/${area.id}`, "PUT", {
+        active: !area.active
+      });
+      await refresh();
+    } catch (error) {
+      ui.toast.error(
+        error.message ?? "Failed to update service area status",
+        { dismissable: true }
+      );
+    }
+  };
+  const beginEdit = react.useCallback((area) => {
+    setFormState({
+      id: area.id,
+      kind: area.kind,
+      value: area.value,
+      active: area.active
+    });
+    setThaiAddress((prev) => ({
+      ...prev,
+      province: area.kind === "PROVINCE" ? area.value : prev.province,
+      zipcode: area.kind === "POSTCODE_PREFIX" ? area.value : prev.zipcode
+    }));
+  }, []);
+  const handleThaiAddressSelect = react.useCallback(
+    (addressRecord) => {
+      const nextAddress = {
+        district: addressRecord.district ?? "",
+        amphoe: addressRecord.amphoe ?? "",
+        province: addressRecord.province ?? "",
+        zipcode: addressRecord.zipcode ? String(addressRecord.zipcode) : ""
+      };
+      setThaiAddress(nextAddress);
+      if (formState.kind === "PROVINCE") {
+        setFormState((prev) => ({
+          ...prev,
+          value: nextAddress.province
+        }));
+      } else {
+        setFormState((prev) => ({
+          ...prev,
+          value: nextAddress.zipcode.slice(0, 3)
+        }));
+      }
+    },
+    [formState.kind]
+  );
+  const handleThaiAddressChange = react.useCallback(
+    (scope) => (rawValue) => {
+      const value = typeof rawValue === "number" ? String(rawValue) : rawValue;
+      setThaiAddress((prev) => ({
+        ...prev,
+        [scope]: value
+      }));
+      if (scope === "province" && formState.kind === "PROVINCE") {
+        setFormState((prev) => ({
+          ...prev,
+          value
+        }));
+      }
+      if (scope === "zipcode" && formState.kind === "POSTCODE_PREFIX") {
+        setFormState((prev) => ({
+          ...prev,
+          value: value.slice(0, 3)
+        }));
+      }
+    },
+    [formState.kind]
+  );
+  const tableRows = react.useMemo(() => {
+    if (loading) {
+      return /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Row, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { colSpan: 4, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-center text-ui-fg-subtle", children: "Loading service areas..." }) }) });
+    }
+    if (areas.length === 0) {
+      return /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Row, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { colSpan: 4, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-center text-ui-fg-subtle", children: "No service areas configured." }) }) });
+    }
+    return areas.map((area) => /* @__PURE__ */ jsxRuntime.jsxs(ui.Table.Row, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: area.kind === "PROVINCE" ? "Province" : "Postcode Prefix" }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: area.value }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { color: area.active ? "green" : "grey", children: area.active ? "Active" : "Inactive" }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-end gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Switch,
+          {
+            checked: area.active,
+            onCheckedChange: () => handleToggle(area)
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Button,
+          {
+            variant: "secondary",
+            size: "small",
+            onClick: () => beginEdit(area),
+            children: "Edit"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Button,
+          {
+            variant: "danger",
+            size: "small",
+            onClick: () => handleDelete(area.id),
+            disabled: deletingId === area.id,
+            children: "Delete"
+          }
+        )
+      ] }) })
+    ] }, area.id));
+  }, [areas, beginEdit, deletingId, handleDelete, handleToggle, loading]);
+  const valueLabel = formState.kind === "PROVINCE" ? "Province" : "Postcode Prefix";
+  react.useEffect(() => {
+    if (formState.kind === "PROVINCE") {
+      setThaiAddress(
+        (prev) => prev.province === formState.value ? prev : { ...prev, province: formState.value }
+      );
+    } else if (formState.kind === "POSTCODE_PREFIX") {
+      setThaiAddress(
+        (prev) => prev.zipcode === formState.value ? prev : { ...prev, zipcode: formState.value }
+      );
+    }
+  }, [formState.kind, formState.value]);
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "space-y-6", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-4 rounded-md border p-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", children: formState.id ? "Edit Service Area" : "Create Service Area" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-4 md:grid-cols-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Label,
+            {
+              className: "text-sm font-medium text-ui-fg-base",
+              htmlFor: "parcel-area-kind",
+              children: "Kind"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "select",
+            {
+              id: "parcel-area-kind",
+              className: "mt-1 w-full rounded-md border border-ui-border-base bg-ui-bg-field px-3 py-2 text-sm",
+              value: formState.kind,
+              onChange: (event) => {
+                const nextKind = event.target.value;
+                setFormState((prev) => ({
+                  ...prev,
+                  kind: nextKind,
+                  value: nextKind === "PROVINCE" ? thaiAddress.province : thaiAddress.zipcode.slice(0, 3)
+                }));
+              },
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("option", { value: "PROVINCE", children: "Province" }),
+                /* @__PURE__ */ jsxRuntime.jsx("option", { value: "POSTCODE_PREFIX", children: "Postcode Prefix" })
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Label,
+            {
+              className: "text-sm font-medium text-ui-fg-base",
+              htmlFor: "parcel-area-value",
+              children: valueLabel
+            }
+          ),
+          ThaiProvinceInput && ThaiZipcodeInput ? formState.kind === "PROVINCE" ? /* @__PURE__ */ jsxRuntime.jsx(
+            ThaiProvinceInput,
+            {
+              className: "w-full",
+              value: thaiAddress.province,
+              onChange: handleThaiAddressChange("province"),
+              onSelect: handleThaiAddressSelect,
+              autoCompleteProps: {
+                style: { width: "100%" },
+                dropdownMatchSelectWidth: false,
+                placement: "bottomLeft"
+              }
+            }
+          ) : /* @__PURE__ */ jsxRuntime.jsx(
+            ThaiZipcodeInput,
+            {
+              className: "w-full",
+              value: thaiAddress.zipcode,
+              onChange: handleThaiAddressChange("zipcode"),
+              onSelect: handleThaiAddressSelect,
+              autoCompleteProps: {
+                style: { width: "100%" },
+                dropdownMatchSelectWidth: false,
+                placement: "bottomLeft"
+              }
+            }
+          ) : /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Input,
+            {
+              id: "parcel-area-value",
+              placeholder: `Enter ${valueLabel.toLowerCase()}`,
+              value: formState.value,
+              onChange: (event) => setFormState((prev) => ({
+                ...prev,
+                value: event.target.value
+              }))
+            }
+          ),
+          formState.kind === "POSTCODE_PREFIX" && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-xs text-ui-fg-subtle", children: "Using the first three digits of the selected postal code." })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Switch,
+          {
+            checked: formState.active,
+            onCheckedChange: (active) => setFormState((prev) => ({ ...prev, active }))
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-sm text-ui-fg-subtle", children: "Active" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { onClick: handleSubmit, disabled: saving, children: formState.id ? "Update" : "Create" }),
+        formState.id && /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "secondary", onClick: resetForm, children: "Cancel" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-hidden rounded-md border", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Table, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Header, { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Table.Row, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Kind" }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Value" }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Status" }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { className: "text-right", children: "Actions" })
+      ] }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Body, { children: tableRows })
+    ] }) })
+  ] });
+};
+const ParcelShippingRoute = () => {
+  return /* @__PURE__ */ jsxRuntime.jsx(ParcelShippingPage, {});
+};
+const config = adminSdk.defineRouteConfig({
+  label: "Parcel Shipping",
+  icon: icons.Directions
+});
+const widgetModule = { widgets: [] };
+const routeModule = {
+  routes: [
+    {
+      Component: ParcelShippingRoute,
+      path: "/parcel-shipping"
+    }
+  ]
+};
+const menuItemModule = {
+  menuItems: [
+    {
+      label: config.label,
+      icon: config.icon,
+      path: "/parcel-shipping",
+      nested: void 0
+    }
+  ]
+};
+const formModule = { customFields: {} };
+const displayModule = {
+  displays: {}
+};
+const plugin = {
+  widgetModule,
+  routeModule,
+  menuItemModule,
+  formModule,
+  displayModule
+};
+module.exports = plugin;