@lodashventure/medusa-parcel-shipping 0.4.29 → 0.4.30

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

@@ -1,9 +1,9 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { defineWidgetConfig, defineRouteConfig } from "@medusajs/admin-sdk";
-import { Container, Heading, Button, Text, Badge, Drawer, Label, Select, Input, Switch, toast, Table, Prompt, Textarea } from "@medusajs/ui";
+import { Container, Heading, Button, Text, Badge, Drawer, Label, Input, Switch, toast, Table, Prompt, Select, Textarea } from "@medusajs/ui";
 import { useState, useEffect, useMemo } from "react";
 import { Package, AlertCircle, Truck, Clock, Plus, Edit, Trash, ExternalLink } from "lucide-react";
-import { MapPin, Directions, ArchiveBox, CurrencyDollarSolid, HandTruck } from "@medusajs/icons";
+import { Directions, ArchiveBox, MapPin, CurrencyDollarSolid, HandTruck } from "@medusajs/icons";
 import "@medusajs/admin-shared";
 const OrderShippingQuoteWidget = ({ data }) => {
   const [quote, setQuote] = useState(null);
@@ -235,116 +235,49 @@ const OrderShippingQuoteWidget = ({ data }) => {
 defineWidgetConfig({
   zone: "order.details.after"
 });
-const TH_PROVINCES = [
-  "กรุงเทพมหานคร",
-  "กระบี่",
-  "กาญจนบุรี",
-  "กาฬสินธุ์",
-  "กำแพงเพชร",
-  "ขอนแก่น",
-  "จันทบุรี",
-  "ฉะเชิงเทรา",
-  "ชลบุรี",
-  "ชัยนาท",
-  "ชัยภูมิ",
-  "ชุมพร",
-  "เชียงราย",
-  "เชียงใหม่",
-  "ตรัง",
-  "ตราด",
-  "ตาก",
-  "นครนายก",
-  "นครปฐม",
-  "นครพนม",
-  "นครราชสีมา",
-  "นครศรีธรรมราช",
-  "นครสวรรค์",
-  "นนทบุรี",
-  "นราธิวาส",
-  "น่าน",
-  "บึงกาฬ",
-  "บุรีรัมย์",
-  "ปทุมธานี",
-  "ประจวบคีรีขันธ์",
-  "ปราจีนบุรี",
-  "ปัตตานี",
-  "พระนครศรีอยุธยา",
-  "พะเยา",
-  "พังงา",
-  "พัทลุง",
-  "พิจิตร",
-  "พิษณุโลก",
-  "เพชรบุรี",
-  "เพชรบูรณ์",
-  "แพร่",
-  "ภูเก็ต",
-  "มหาสารคาม",
-  "มุกดาหาร",
-  "แม่ฮ่องสอน",
-  "ยโสธร",
-  "ยะลา",
-  "ร้อยเอ็ด",
-  "ระนอง",
-  "ระยอง",
-  "ราชบุรี",
-  "ลพบุรี",
-  "ลำปาง",
-  "ลำพูน",
-  "เลย",
-  "ศรีสะเกษ",
-  "สกลนคร",
-  "สงขลา",
-  "สตูล",
-  "สมุทรปราการ",
-  "สมุทรสงคราม",
-  "สมุทรสาคร",
-  "สระแก้ว",
-  "สระบุรี",
-  "สิงห์บุรี",
-  "สุโขทัย",
-  "สุพรรณบุรี",
-  "สุราษฎร์ธานี",
-  "สุรินทร์",
-  "หนองคาย",
-  "หนองบัวลำภู",
-  "อ่างทอง",
-  "อำนาจเจริญ",
-  "อุดรธานี",
-  "อุตรดิตถ์",
-  "อุทัยธานี",
-  "อุบลราชธานี"
-];
-const ServiceAreaModal = ({ area, onClose }) => {
+const MessengerBaseRateModal = ({
+  rate,
+  onClose
+}) => {
   const [formData, setFormData] = useState({
-    kind: "PROVINCE",
-    value: "",
+    min_distance_km: "0",
+    max_distance_km: "",
+    price: "",
+    priority: "0",
     active: true
   });
   const [isSaving, setIsSaving] = useState(false);
   useEffect(() => {
-    if (area) {
+    var _a, _b;
+    if (rate) {
       setFormData({
-        kind: area.kind,
-        value: area.value,
-        active: area.active
+        min_distance_km: ((_a = rate.min_distance_km) == null ? void 0 : _a.toString()) ?? "0",
+        max_distance_km: ((_b = rate.max_distance_km) == null ? void 0 : _b.toString()) || "",
+        price: rate.price.toString(),
+        priority: (rate.priority ?? 0).toString(),
+        active: rate.active
       });
     }
-  }, [area]);
+  }, [rate]);
   const handleSubmit = async (e) => {
     e.preventDefault();
     const errors = [];
-    const trimmedValue = formData.value.trim();
-    if (!trimmedValue) {
-      errors.push("กรุณากรอกค่า");
+    const minDistance = parseFloat(formData.min_distance_km || "0");
+    const hasMaxDistance = formData.max_distance_km !== "";
+    const maxDistance = hasMaxDistance ? parseFloat(formData.max_distance_km) : void 0;
+    const price = parseFloat(formData.price);
+    const priority = parseInt(formData.priority || "0", 10);
+    if (isNaN(minDistance) || minDistance < 0) {
+      errors.push("ระยะทางเริ่มต้นต้องไม่ติดลบ");
     }
-    if (formData.kind === "PROVINCE") {
-      if (!TH_PROVINCES.includes(trimmedValue)) {
-        errors.push("จังหวัดไม่ถูกต้อง กรุณาตรวจสอบการสะกดชื่อจังหวัด");
-      }
-    } else if (formData.kind === "POSTCODE_PREFIX") {
-      if (!/^\d{1,5}$/.test(trimmedValue)) {
-        errors.push("รหัสไปรษณีย์ต้องเป็นตัวเลข 1-5 หลัก");
-      }
+    if (hasMaxDistance && (maxDistance === void 0 || isNaN(maxDistance) || (maxDistance ?? 0) < minDistance)) {
+      errors.push("ระยะทางสูงสุดต้องมากกว่าหรือเท่ากับระยะทางเริ่มต้น");
+    }
+    if (isNaN(price) || price < 0) {
+      errors.push("ราคาต้องเป็นตัวเลขไม่ติดลบ");
+    }
+    if (isNaN(priority)) {
+      errors.push("ลำดับความสำคัญต้องเป็นตัวเลข");
     }
     if (errors.length > 0) {
       toast.error("ข้อมูลไม่ถูกต้อง", {
@@ -355,27 +288,32 @@ const ServiceAreaModal = ({ area, onClose }) => {
     setIsSaving(true);
     try {
       const payload = {
-        kind: formData.kind,
-        value: trimmedValue,
+        carrier_type: "COMPANY_FLEET",
+        carrier: "COMPANY_FLEET",
+        service_code: "MESSENGER_3H",
+        min_distance_km: minDistance,
+        max_distance_km: maxDistance === void 0 || isNaN(maxDistance) ? null : maxDistance,
+        price,
+        currency: "THB",
+        priority,
         active: formData.active
       };
-      const url = area ? `/admin/service-areas/${area.id}` : "/admin/service-areas";
-      const method = area ? "PUT" : "POST";
+      const url = rate ? `/admin/base-shipping-prices/${rate.id}` : "/admin/base-shipping-prices";
+      const method = rate ? "PUT" : "POST";
       const response = await fetch(url, {
         method,
         headers: { "Content-Type": "application/json" },
         credentials: "include",
         body: JSON.stringify(payload)
       });
-      if (response.ok) {
-        toast.success("สำเร็จ", {
-          description: area ? "แก้ไขพื้นที่บริการแล้ว" : "สร้างพื้นที่บริการใหม่แล้ว"
-        });
-        onClose();
-      } else {
-        const error = await response.json();
-        throw new Error(error.message || "Failed to save");
+      if (!response.ok) {
+        const error = await response.json().catch(() => ({}));
+        throw new Error(error.message || "ไม่สามารถบันทึกข้อมูลได้");
       }
+      toast.success("สำเร็จ", {
+        description: rate ? "แก้ไขฐานราคาตามระยะทางแล้ว" : "สร้างฐานราคาตามระยะทางใหม่แล้ว"
+      });
+      onClose();
     } catch (error) {
       toast.error("ข้อผิดพลาด", {
         description: error instanceof Error ? error.message : "ไม่สามารถบันทึกข้อมูลได้"
@@ -385,53 +323,69 @@ const ServiceAreaModal = ({ area, onClose }) => {
     }
   };
   return /* @__PURE__ */ jsx(Drawer, { open: true, onOpenChange: (open) => !open && onClose(), children: /* @__PURE__ */ jsxs(Drawer.Content, { children: [
-    /* @__PURE__ */ jsx(Drawer.Header, { children: /* @__PURE__ */ jsx(Drawer.Title, { children: area ? "แก้ไขพื้นที่บริการ" : "สร้างพื้นที่บริการใหม่" }) }),
+    /* @__PURE__ */ jsx(Drawer.Header, { children: /* @__PURE__ */ jsx(Drawer.Title, { children: rate ? "แก้ไขฐานราคาตามระยะทาง" : "สร้างฐานราคาตามระยะทาง" }) }),
     /* @__PURE__ */ jsx(Drawer.Body, { children: /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: "flex flex-col gap-y-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-x-4", children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(Label, { htmlFor: "min_distance_km", children: "ระยะทางเริ่มต้น (กม.) *" }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              id: "min_distance_km",
+              type: "number",
+              min: "0",
+              step: "0.1",
+              value: formData.min_distance_km,
+              onChange: (e) => setFormData({ ...formData, min_distance_km: e.target.value }),
+              required: true
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(Label, { htmlFor: "max_distance_km", children: "ระยะทางสูงสุด (กม.)" }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              id: "max_distance_km",
+              type: "number",
+              min: "0",
+              step: "0.1",
+              placeholder: "ปล่อยว่างหากไม่มีที่สิ้นสุด",
+              value: formData.max_distance_km,
+              onChange: (e) => setFormData({ ...formData, max_distance_km: e.target.value })
+            }
+          ),
+          /* @__PURE__ */ jsx("p", { className: "text-xs text-ui-fg-subtle mt-1", children: "เว้นว่างเพื่อกำหนดช่วงราคาแบบ 30+ กม." })
+        ] })
+      ] }),
       /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx(Label, { htmlFor: "kind", children: "ประเภท *" }),
-        /* @__PURE__ */ jsxs(
-          Select,
+        /* @__PURE__ */ jsx(Label, { htmlFor: "price", children: "ราคา (THB) *" }),
+        /* @__PURE__ */ jsx(
+          Input,
           {
-            value: formData.kind,
-            onValueChange: (value) => setFormData({ ...formData, kind: value, value: "" }),
-            required: true,
-            children: [
-              /* @__PURE__ */ jsx(Select.Trigger, { children: /* @__PURE__ */ jsx(Select.Value, { placeholder: "เลือกประเภท" }) }),
-              /* @__PURE__ */ jsxs(Select.Content, { children: [
-                /* @__PURE__ */ jsx(Select.Item, { value: "PROVINCE", children: "จังหวัด" }),
-                /* @__PURE__ */ jsx(Select.Item, { value: "POSTCODE_PREFIX", children: "รหัสไปรษณีย์" })
-              ] })
-            ]
+            id: "price",
+            type: "number",
+            min: "0",
+            step: "0.01",
+            value: formData.price,
+            onChange: (e) => setFormData({ ...formData, price: e.target.value }),
+            required: true
           }
         )
       ] }),
       /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx(Label, { htmlFor: "value", children: formData.kind === "PROVINCE" ? "ชื่อจังหวัด *" : "รหัสไปรษณีย์ (1-5 หลัก) *" }),
-        formData.kind === "PROVINCE" ? /* @__PURE__ */ jsxs(
-          Select,
-          {
-            value: formData.value,
-            onValueChange: (value) => setFormData({ ...formData, value }),
-            required: true,
-            children: [
-              /* @__PURE__ */ jsx(Select.Trigger, { children: /* @__PURE__ */ jsx(Select.Value, { placeholder: "เลือกจังหวัด" }) }),
-              /* @__PURE__ */ jsx(Select.Content, { children: TH_PROVINCES.map((province) => /* @__PURE__ */ jsx(Select.Item, { value: province, children: province }, province)) })
-            ]
-          }
-        ) : /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx(Label, { htmlFor: "priority", children: "ลำดับความสำคัญ" }),
+        /* @__PURE__ */ jsx(
           Input,
           {
-            id: "value",
-            type: "text",
-            value: formData.value,
-            onChange: (e) => setFormData({ ...formData, value: e.target.value }),
-            placeholder: "เช่น 10, 102, 10200",
-            maxLength: 5,
-            pattern: "\\d{1,5}",
-            required: true
+            id: "priority",
+            type: "number",
+            value: formData.priority,
+            onChange: (e) => setFormData({ ...formData, priority: e.target.value }),
+            placeholder: "0"
           }
         ),
-        formData.kind === "POSTCODE_PREFIX" && /* @__PURE__ */ jsx("p", { className: "text-xs text-ui-fg-subtle mt-1", children: 'ใส่รหัส 1-5 หลักเพื่อครอบคลุมหลายพื้นที่ เช่น "10" = กรุงเทพฯ ทั้งหมด' })
+        /* @__PURE__ */ jsx("p", { className: "text-xs text-ui-fg-subtle mt-1", children: "ใช้สำหรับจัดลำดับเมื่อมีช่วงราคาทับกัน (ค่าเริ่มต้น 0)" })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-2", children: [
         /* @__PURE__ */ jsx(
@@ -460,200 +414,148 @@ const ServiceAreaModal = ({ area, onClose }) => {
     ] }) })
   ] }) });
 };
-const AREA_KINDS = [
-  { value: "ALL", label: "ทั้งหมด" },
-  { value: "PROVINCE", label: "จังหวัด" },
-  { value: "POSTCODE_PREFIX", label: "รหัสไปรษณีย์" }
-];
-const ServiceAreasTable = () => {
-  const [areas, setAreas] = useState([]);
-  const [filteredAreas, setFilteredAreas] = useState([]);
-  const [searchTerm, setSearchTerm] = useState("");
-  const [kindFilter, setKindFilter] = useState("ALL");
-  const [isModalOpen, setIsModalOpen] = useState(false);
-  const [editingArea, setEditingArea] = useState(null);
+const MessengerBasePricingTable = () => {
+  const [rates, setRates] = useState([]);
   const [isLoading, setIsLoading] = useState(false);
-  const [deleteAreaId, setDeleteAreaId] = useState(null);
-  const [deleteAreaValue, setDeleteAreaValue] = useState("");
+  const [isModalOpen, setIsModalOpen] = useState(false);
+  const [editingRate, setEditingRate] = useState(null);
+  const [deleteId, setDeleteId] = useState(null);
   useEffect(() => {
-    fetchAreas();
+    fetchRates();
   }, []);
-  useEffect(() => {
-    let filtered = areas;
-    if (kindFilter !== "ALL") {
-      filtered = filtered.filter((area) => area.kind === kindFilter);
-    }
-    if (searchTerm) {
-      filtered = filtered.filter(
-        (area) => area.value.toLowerCase().includes(searchTerm.toLowerCase())
-      );
-    }
-    setFilteredAreas(filtered);
-  }, [searchTerm, kindFilter, areas]);
-  const fetchAreas = async () => {
+  const orderedRates = useMemo(() => {
+    return [...rates].sort((a, b) => {
+      if (a.min_distance_km !== b.min_distance_km) {
+        return a.min_distance_km - b.min_distance_km;
+      }
+      const aMax = a.max_distance_km ?? Number.POSITIVE_INFINITY;
+      const bMax = b.max_distance_km ?? Number.POSITIVE_INFINITY;
+      return aMax - bMax;
+    });
+  }, [rates]);
+  const fetchRates = async () => {
     setIsLoading(true);
     try {
-      const response = await fetch("/admin/service-areas", {
-        credentials: "include"
-      });
+      const response = await fetch(
+        "/admin/base-shipping-prices?carrier_type=COMPANY_FLEET&service_code=MESSENGER_3H",
+        {
+          credentials: "include"
+        }
+      );
+      if (!response.ok) {
+        throw new Error("failed_to_load_base_rates");
+      }
       const data = await response.json();
-      console.log("Fetched service areas:", data);
-      setAreas(data.service_areas || []);
+      setRates(data.base_rates || []);
     } catch (error) {
       toast.error("ข้อผิดพลาด", {
-        description: "ไม่สามารถโหลดข้อมูลพื้นที่บริการได้"
+        description: "ไม่สามารถโหลดฐานราคาตามระยะทางได้"
       });
     } finally {
       setIsLoading(false);
     }
   };
-  const handleToggleActive = async (area) => {
-    try {
-      const response = await fetch(`/admin/service-areas/${area.id}`, {
-        method: "PUT",
-        headers: { "Content-Type": "application/json" },
-        credentials: "include",
-        body: JSON.stringify({ ...area, active: !area.active })
-      });
-      if (response.ok) {
-        toast.success("สำเร็จ", {
-          description: `${area.active ? "ปิดใช้งาน" : "เปิดใช้งาน"}พื้นที่ ${area.value} แล้ว`
-        });
-        fetchAreas();
-      } else {
-        throw new Error("Failed to update");
-      }
-    } catch (error) {
-      toast.error("ข้อผิดพลาด", {
-        description: "ไม่สามารถอัพเดทสถานะได้"
-      });
-    }
-  };
   const handleDelete = async () => {
-    if (!deleteAreaId) return;
+    if (!deleteId) return;
     try {
-      const response = await fetch(`/admin/service-areas/${deleteAreaId}`, {
-        method: "DELETE",
-        credentials: "include"
-      });
-      if (response.ok) {
-        toast.success("สำเร็จ", {
-          description: `ลบพื้นที่ ${deleteAreaValue} แล้ว`
-        });
-        fetchAreas();
-      } else {
-        throw new Error("Failed to delete");
+      const response = await fetch(
+        `/admin/base-shipping-prices/${deleteId}`,
+        {
+          method: "DELETE",
+          credentials: "include"
+        }
+      );
+      if (!response.ok) {
+        throw new Error("failed_to_delete");
       }
+      toast.success("สำเร็จ", {
+        description: "ลบฐานราคาสำเร็จ"
+      });
+      fetchRates();
     } catch (error) {
       toast.error("ข้อผิดพลาด", {
-        description: "ไม่สามารถลบพื้นที่ได้"
+        description: "ไม่สามารถลบฐานราคาได้"
       });
     } finally {
-      setDeleteAreaId(null);
-      setDeleteAreaValue("");
+      setDeleteId(null);
     }
   };
-  const handleEdit = (area) => {
-    setEditingArea(area);
-    setIsModalOpen(true);
-  };
-  const handleCreateNew = () => {
-    setEditingArea(null);
-    setIsModalOpen(true);
-  };
   const handleModalClose = () => {
     setIsModalOpen(false);
-    setEditingArea(null);
-    fetchAreas();
+    setEditingRate(null);
+    fetchRates();
   };
-  const openDeletePrompt = (id, value) => {
-    setDeleteAreaId(id);
-    setDeleteAreaValue(value);
+  const formatDistanceRange = (rate) => {
+    const min = rate.min_distance_km ?? 0;
+    const max = rate.max_distance_km;
+    if (max === void 0 || max === null) {
+      return `${min}+ กม.`;
+    }
+    return `${min}-${max} กม.`;
   };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-4", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-x-4", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex gap-x-4 flex-1", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-x-4", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold", children: "ฐานราคาตามระยะทาง (Messenger 3H)" }),
+        /* @__PURE__ */ jsx("p", { className: "text-ui-fg-subtle text-sm", children: "กำหนดราคาเริ่มต้นตามระยะทาง เช่น 0-5, 5-20, 20-30, 30+ กม." })
+      ] }),
+      /* @__PURE__ */ jsxs(Button, { onClick: () => setIsModalOpen(true), children: [
+        /* @__PURE__ */ jsx(Plus, {}),
+        "เพิ่มช่วงราคา"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(Table, { className: "mt-4", children: [
+      /* @__PURE__ */ jsx(Table.Header, { children: /* @__PURE__ */ jsxs(Table.Row, { children: [
+        /* @__PURE__ */ jsx(Table.HeaderCell, { children: "ช่วงระยะทาง" }),
+        /* @__PURE__ */ jsx(Table.HeaderCell, { children: "ราคา (THB)" }),
+        /* @__PURE__ */ jsx(Table.HeaderCell, { children: "ลำดับ" }),
+        /* @__PURE__ */ jsx(Table.HeaderCell, { children: "สถานะ" }),
+        /* @__PURE__ */ jsx(Table.HeaderCell, { className: "text-right", children: "การจัดการ" })
+      ] }) }),
+      /* @__PURE__ */ jsx(Table.Body, { children: isLoading ? /* @__PURE__ */ jsx(Table.Row, { children: /* @__PURE__ */ jsx(Table.Cell, { className: "text-center", children: "กำลังโหลด..." }) }) : orderedRates.length === 0 ? /* @__PURE__ */ jsx(Table.Row, { children: /* @__PURE__ */ jsx(Table.Cell, { className: "text-center", children: "ยังไม่ได้ตั้งค่าฐานราคาตามระยะทาง" }) }) : orderedRates.map((rate) => /* @__PURE__ */ jsxs(Table.Row, { children: [
+        /* @__PURE__ */ jsx(Table.Cell, { children: formatDistanceRange(rate) }),
+        /* @__PURE__ */ jsxs(Table.Cell, { children: [
+          "฿",
+          rate.price.toFixed(2)
+        ] }),
+        /* @__PURE__ */ jsx(Table.Cell, { children: rate.priority ?? 0 }),
+        /* @__PURE__ */ jsx(Table.Cell, { children: /* @__PURE__ */ jsx(Badge, { color: rate.active ? "green" : "grey", children: rate.active ? "เปิดใช้งาน" : "ปิดใช้งาน" }) }),
+        /* @__PURE__ */ jsx(Table.Cell, { className: "text-right", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-x-2", children: [
           /* @__PURE__ */ jsx(
-            Input,
+            Button,
             {
-              type: "search",
-              placeholder: "ค้นหาจังหวัดหรือรหัสไปรษณีย์...",
-              value: searchTerm,
-              onChange: (e) => setSearchTerm(e.target.value),
-              className: "max-w-md"
+              variant: "transparent",
+              size: "small",
+              onClick: () => {
+                setEditingRate(rate);
+                setIsModalOpen(true);
+              },
+              children: /* @__PURE__ */ jsx(Edit, {})
             }
           ),
-          /* @__PURE__ */ jsxs(Select, { value: kindFilter, onValueChange: setKindFilter, children: [
-            /* @__PURE__ */ jsx(Select.Trigger, { children: /* @__PURE__ */ jsx(Select.Value, { placeholder: "ประเภท" }) }),
-            /* @__PURE__ */ jsx(Select.Content, { children: AREA_KINDS.map((kind) => /* @__PURE__ */ jsx(Select.Item, { value: kind.value, children: kind.label }, kind.value)) })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs(Button, { onClick: handleCreateNew, children: [
-          /* @__PURE__ */ jsx(Plus, {}),
-          "สร้างพื้นที่ใหม่"
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs(Table, { children: [
-        /* @__PURE__ */ jsx(Table.Header, { children: /* @__PURE__ */ jsxs(Table.Row, { children: [
-          /* @__PURE__ */ jsx(Table.HeaderCell, { children: "ประเภท" }),
-          /* @__PURE__ */ jsx(Table.HeaderCell, { children: "ค่า" }),
-          /* @__PURE__ */ jsx(Table.HeaderCell, { children: "สถานะ" }),
-          /* @__PURE__ */ jsx(Table.HeaderCell, { className: "text-right", children: "การจัดการ" })
-        ] }) }),
-        /* @__PURE__ */ jsx(Table.Body, { children: isLoading ? /* @__PURE__ */ jsx(Table.Row, { children: /* @__PURE__ */ jsx(Table.Cell, { className: "text-center", children: "กำลังโหลด..." }) }) : filteredAreas.length === 0 ? /* @__PURE__ */ jsx(Table.Row, { children: /* @__PURE__ */ jsx(Table.Cell, { className: "text-center", children: "ไม่พบข้อมูลพื้นที่บริการ" }) }) : filteredAreas.map((area) => /* @__PURE__ */ jsxs(Table.Row, { children: [
-          /* @__PURE__ */ jsx(Table.Cell, { children: /* @__PURE__ */ jsx(Badge, { color: area.kind === "PROVINCE" ? "blue" : "purple", children: area.kind === "PROVINCE" ? "จังหวัด" : "รหัสไปรษณีย์" }) }),
-          /* @__PURE__ */ jsx(Table.Cell, { children: area.value }),
-          /* @__PURE__ */ jsx(Table.Cell, { children: /* @__PURE__ */ jsx(
-            Badge,
+          /* @__PURE__ */ jsx(
+            Button,
             {
-              color: area.active ? "green" : "grey",
-              className: "cursor-pointer",
-              onClick: () => handleToggleActive(area),
-              children: area.active ? "เปิดใช้งาน" : "ปิดใช้งาน"
+              variant: "transparent",
+              size: "small",
+              onClick: () => setDeleteId(rate.id),
+              children: /* @__PURE__ */ jsx(Trash, {})
             }
-          ) }),
-          /* @__PURE__ */ jsx(Table.Cell, { className: "text-right", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-x-2", children: [
-            /* @__PURE__ */ jsx(
-              Button,
-              {
-                variant: "transparent",
-                size: "small",
-                onClick: () => handleEdit(area),
-                children: /* @__PURE__ */ jsx(Edit, {})
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              Button,
-              {
-                variant: "transparent",
-                size: "small",
-                onClick: () => openDeletePrompt(area.id, area.value),
-                children: /* @__PURE__ */ jsx(Trash, {})
-              }
-            )
-          ] }) })
-        ] }, area.id)) })
-      ] })
+          )
+        ] }) })
+      ] }, rate.id)) })
     ] }),
-    isModalOpen && /* @__PURE__ */ jsx(ServiceAreaModal, { area: editingArea, onClose: handleModalClose }),
+    isModalOpen && /* @__PURE__ */ jsx(MessengerBaseRateModal, { rate: editingRate, onClose: handleModalClose }),
     /* @__PURE__ */ jsx(
       Prompt,
       {
         variant: "confirmation",
-        open: !!deleteAreaId,
-        onOpenChange: () => {
-          setDeleteAreaId(null);
-          setDeleteAreaValue("");
-        },
+        open: !!deleteId,
+        onOpenChange: () => setDeleteId(null),
         children: /* @__PURE__ */ jsxs(Prompt.Content, { children: [
           /* @__PURE__ */ jsxs(Prompt.Header, { children: [
-            /* @__PURE__ */ jsx(Prompt.Title, { children: "ลบพื้นที่บริการ" }),
-            /* @__PURE__ */ jsxs(Prompt.Description, { children: [
-              'คุณต้องการลบพื้นที่ "',
-              deleteAreaValue,
-              '" ใช่หรือไม่? การดำเนินการนี้ไม่สามารถย้อนกลับได้'
-            ] })
+            /* @__PURE__ */ jsx(Prompt.Title, { children: "ลบฐานราคา" }),
+            /* @__PURE__ */ jsx(Prompt.Description, { children: "คุณต้องการลบช่วงราคานี้ใช่หรือไม่? การดำเนินการนี้ไม่สามารถย้อนกลับได้" })
           ] }),
           /* @__PURE__ */ jsxs(Prompt.Footer, { children: [
             /* @__PURE__ */ jsx(Prompt.Cancel, { children: "ยกเลิก" }),
@@ -664,60 +566,69 @@ const ServiceAreasTable = () => {
     )
   ] });
 };
-const AreasPage = () => {
-  return /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-4", children: [
-    /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ jsx(Heading, { level: "h1", children: "พื้นที่บริการ" }) }),
-    /* @__PURE__ */ jsx(ServiceAreasTable, {})
+const BasePricingPage = () => {
+  return /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-6", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-1", children: [
+      /* @__PURE__ */ jsx(Heading, { level: "h1", children: "ฐานราคาตามระยะทาง (Messenger)" }),
+      /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: "ตั้งราคาฐานสำหรับบริการ Messenger 3 ชั่วโมงตามช่วงระยะทาง เช่น 0-5, 5-20, 20-30, 30+ กม." })
+    ] }),
+    /* @__PURE__ */ jsx(MessengerBasePricingTable, {})
   ] }) });
 };
 const config$4 = defineRouteConfig({
-  icon: MapPin,
-  label: "พื้นที่บริการ"
+  icon: Directions,
+  label: "ฐานราคาตามระยะทาง"
 });
-const MessengerBaseRateModal = ({
-  rate,
-  onClose
-}) => {
+const ParcelBoxModal = ({ box, onClose }) => {
   const [formData, setFormData] = useState({
-    min_distance_km: "0",
-    max_distance_km: "",
-    price: "",
-    priority: "0",
+    name: "",
+    width_cm: "",
+    length_cm: "",
+    height_cm: "",
+    max_weight_kg: "",
+    price_thb: "",
     active: true
   });
   const [isSaving, setIsSaving] = useState(false);
   useEffect(() => {
-    var _a, _b;
-    if (rate) {
+    if (box) {
       setFormData({
-        min_distance_km: ((_a = rate.min_distance_km) == null ? void 0 : _a.toString()) ?? "0",
-        max_distance_km: ((_b = rate.max_distance_km) == null ? void 0 : _b.toString()) || "",
-        price: rate.price.toString(),
-        priority: (rate.priority ?? 0).toString(),
-        active: rate.active
+        name: box.name,
+        width_cm: box.width_cm.toString(),
+        length_cm: box.length_cm.toString(),
+        height_cm: box.height_cm.toString(),
+        max_weight_kg: box.max_weight_kg.toString(),
+        price_thb: box.price_thb.toString(),
+        active: box.active
       });
     }
-  }, [rate]);
+  }, [box]);
   const handleSubmit = async (e) => {
     e.preventDefault();
     const errors = [];
-    const minDistance = parseFloat(formData.min_distance_km || "0");
-    const hasMaxDistance = formData.max_distance_km !== "";
-    const maxDistance = hasMaxDistance ? parseFloat(formData.max_distance_km) : void 0;
-    const price = parseFloat(formData.price);
-    const priority = parseInt(formData.priority || "0", 10);
-    if (isNaN(minDistance) || minDistance < 0) {
-      errors.push("ระยะทางเริ่มต้นต้องไม่ติดลบ");
+    if (!formData.name.trim()) {
+      errors.push("กรุณากรอกชื่อกล่อง");
     }
-    if (hasMaxDistance && (maxDistance === void 0 || isNaN(maxDistance) || (maxDistance ?? 0) < minDistance)) {
-      errors.push("ระยะทางสูงสุดต้องมากกว่าหรือเท่ากับระยะทางเริ่มต้น");
+    const width = parseFloat(formData.width_cm);
+    const length = parseFloat(formData.length_cm);
+    const height = parseFloat(formData.height_cm);
+    const maxWeight = parseFloat(formData.max_weight_kg);
+    const price = parseFloat(formData.price_thb);
+    if (isNaN(width) || width <= 0) {
+      errors.push("ความกว้างต้องเป็นตัวเลขมากกว่า 0");
+    }
+    if (isNaN(length) || length <= 0) {
+      errors.push("ความยาวต้องเป็นตัวเลขมากกว่า 0");
+    }
+    if (isNaN(height) || height <= 0) {
+      errors.push("ความสูงต้องเป็นตัวเลขมากกว่า 0");
+    }
+    if (isNaN(maxWeight) || maxWeight <= 0) {
+      errors.push("น้ำหนักสูงสุดต้องเป็นตัวเลขมากกว่า 0");
     }
     if (isNaN(price) || price < 0) {
       errors.push("ราคาต้องเป็นตัวเลขไม่ติดลบ");
     }
-    if (isNaN(priority)) {
-      errors.push("ลำดับความสำคัญต้องเป็นตัวเลข");
-    }
     if (errors.length > 0) {
       toast.error("ข้อมูลไม่ถูกต้อง", {
         description: errors.join(", ")
@@ -727,32 +638,31 @@ const MessengerBaseRateModal = ({
     setIsSaving(true);
     try {
       const payload = {
-        carrier_type: "COMPANY_FLEET",
-        carrier: "COMPANY_FLEET",
-        service_code: "MESSENGER_3H",
-        min_distance_km: minDistance,
-        max_distance_km: maxDistance === void 0 || isNaN(maxDistance) ? null : maxDistance,
-        price,
-        currency: "THB",
-        priority,
+        name: formData.name.trim(),
+        width_cm: width,
+        length_cm: length,
+        height_cm: height,
+        max_weight_kg: maxWeight,
+        price_thb: price,
         active: formData.active
       };
-      const url = rate ? `/admin/base-shipping-prices/${rate.id}` : "/admin/base-shipping-prices";
-      const method = rate ? "PUT" : "POST";
+      const url = box ? `/admin/boxes/${box.id}` : "/admin/boxes";
+      const method = box ? "PUT" : "POST";
       const response = await fetch(url, {
         method,
         headers: { "Content-Type": "application/json" },
         credentials: "include",
         body: JSON.stringify(payload)
       });
-      if (!response.ok) {
-        const error = await response.json().catch(() => ({}));
-        throw new Error(error.message || "ไม่สามารถบันทึกข้อมูลได้");
+      if (response.ok) {
+        toast.success("สำเร็จ", {
+          description: box ? "แก้ไขกล่องพัสดุแล้ว" : "สร้างกล่องพัสดุใหม่แล้ว"
+        });
+        onClose();
+      } else {
+        const error = await response.json();
+        throw new Error(error.message || "Failed to save");
       }
-      toast.success("สำเร็จ", {
-        description: rate ? "แก้ไขฐานราคาตามระยะทางแล้ว" : "สร้างฐานราคาตามระยะทางใหม่แล้ว"
-      });
-      onClose();
     } catch (error) {
       toast.error("ข้อผิดพลาด", {
         description: error instanceof Error ? error.message : "ไม่สามารถบันทึกข้อมูลได้"
@@ -762,41 +672,83 @@ const MessengerBaseRateModal = ({
     }
   };
   return /* @__PURE__ */ jsx(Drawer, { open: true, onOpenChange: (open) => !open && onClose(), children: /* @__PURE__ */ jsxs(Drawer.Content, { children: [
-    /* @__PURE__ */ jsx(Drawer.Header, { children: /* @__PURE__ */ jsx(Drawer.Title, { children: rate ? "แก้ไขฐานราคาตามระยะทาง" : "สร้างฐานราคาตามระยะทาง" }) }),
+    /* @__PURE__ */ jsx(Drawer.Header, { children: /* @__PURE__ */ jsx(Drawer.Title, { children: box ? "แก้ไขกล่องพัสดุ" : "สร้างกล่องพัสดุใหม่" }) }),
     /* @__PURE__ */ jsx(Drawer.Body, { children: /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: "flex flex-col gap-y-4", children: [
-      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-x-4", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx(Label, { htmlFor: "name", children: "ชื่อกล่อง *" }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            id: "name",
+            value: formData.name,
+            onChange: (e) => setFormData({ ...formData, name: e.target.value }),
+            placeholder: "เช่น กล่อง S, กล่อง M",
+            required: true
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-3 gap-x-4", children: [
         /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx(Label, { htmlFor: "min_distance_km", children: "ระยะทางเริ่มต้น (กม.) *" }),
+          /* @__PURE__ */ jsx(Label, { htmlFor: "width", children: "ความกว้าง (cm) *" }),
           /* @__PURE__ */ jsx(
             Input,
             {
-              id: "min_distance_km",
+              id: "width",
               type: "number",
-              min: "0",
               step: "0.1",
-              value: formData.min_distance_km,
-              onChange: (e) => setFormData({ ...formData, min_distance_km: e.target.value }),
+              value: formData.width_cm,
+              onChange: (e) => setFormData({ ...formData, width_cm: e.target.value }),
+              placeholder: "20",
               required: true
             }
           )
         ] }),
         /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx(Label, { htmlFor: "max_distance_km", children: "ระยะทางสูงสุด (กม.)" }),
+          /* @__PURE__ */ jsx(Label, { htmlFor: "length", children: "ความยาว (cm) *" }),
           /* @__PURE__ */ jsx(
             Input,
             {
-              id: "max_distance_km",
+              id: "length",
               type: "number",
-              min: "0",
               step: "0.1",
-              placeholder: "ปล่อยว่างหากไม่มีที่สิ้นสุด",
-              value: formData.max_distance_km,
-              onChange: (e) => setFormData({ ...formData, max_distance_km: e.target.value })
+              value: formData.length_cm,
+              onChange: (e) => setFormData({ ...formData, length_cm: e.target.value }),
+              placeholder: "30",
+              required: true
             }
-          ),
-          /* @__PURE__ */ jsx("p", { className: "text-xs text-ui-fg-subtle mt-1", children: "เว้นว่างเพื่อกำหนดช่วงราคาแบบ 30+ กม." })
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(Label, { htmlFor: "height", children: "ความสูง (cm) *" }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              id: "height",
+              type: "number",
+              step: "0.1",
+              value: formData.height_cm,
+              onChange: (e) => setFormData({ ...formData, height_cm: e.target.value }),
+              placeholder: "15",
+              required: true
+            }
+          )
         ] })
       ] }),
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx(Label, { htmlFor: "maxWeight", children: "น้ำหนักสูงสุด (kg) *" }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            id: "maxWeight",
+            type: "number",
+            step: "0.1",
+            value: formData.max_weight_kg,
+            onChange: (e) => setFormData({ ...formData, max_weight_kg: e.target.value }),
+            placeholder: "0.5",
+            required: true
+          }
+        )
+      ] }),
       /* @__PURE__ */ jsxs("div", { children: [
         /* @__PURE__ */ jsx(Label, { htmlFor: "price", children: "ราคา (THB) *" }),
         /* @__PURE__ */ jsx(
@@ -804,28 +756,14 @@ const MessengerBaseRateModal = ({
           {
             id: "price",
             type: "number",
-            min: "0",
             step: "0.01",
-            value: formData.price,
-            onChange: (e) => setFormData({ ...formData, price: e.target.value }),
+            value: formData.price_thb,
+            onChange: (e) => setFormData({ ...formData, price_thb: e.target.value }),
+            placeholder: "10.00",
             required: true
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx(Label, { htmlFor: "priority", children: "ลำดับความสำคัญ" }),
-        /* @__PURE__ */ jsx(
-          Input,
-          {
-            id: "priority",
-            type: "number",
-            value: formData.priority,
-            onChange: (e) => setFormData({ ...formData, priority: e.target.value }),
-            placeholder: "0"
-          }
-        ),
-        /* @__PURE__ */ jsx("p", { className: "text-xs text-ui-fg-subtle mt-1", children: "ใช้สำหรับจัดลำดับเมื่อมีช่วงราคาทับกัน (ค่าเริ่มต้น 0)" })
-      ] }),
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-2", children: [
         /* @__PURE__ */ jsx(
           Switch,
@@ -838,163 +776,197 @@ const MessengerBaseRateModal = ({
         /* @__PURE__ */ jsx(Label, { htmlFor: "active", children: "เปิดใช้งาน" })
       ] }),
       /* @__PURE__ */ jsxs(Drawer.Footer, { children: [
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            type: "button",
-            variant: "secondary",
-            onClick: onClose,
-            disabled: isSaving,
-            children: "ยกเลิก"
-          }
-        ),
+        /* @__PURE__ */ jsx(Button, { type: "button", variant: "secondary", onClick: onClose, disabled: isSaving, children: "ยกเลิก" }),
         /* @__PURE__ */ jsx(Button, { type: "submit", disabled: isSaving, children: isSaving ? "กำลังบันทึก..." : "บันทึก" })
       ] })
     ] }) })
   ] }) });
 };
-const MessengerBasePricingTable = () => {
-  const [rates, setRates] = useState([]);
-  const [isLoading, setIsLoading] = useState(false);
+const ParcelBoxesTable = () => {
+  const [boxes, setBoxes] = useState([]);
+  const [filteredBoxes, setFilteredBoxes] = useState([]);
+  const [searchTerm, setSearchTerm] = useState("");
   const [isModalOpen, setIsModalOpen] = useState(false);
-  const [editingRate, setEditingRate] = useState(null);
-  const [deleteId, setDeleteId] = useState(null);
+  const [editingBox, setEditingBox] = useState(null);
+  const [isLoading, setIsLoading] = useState(false);
+  const [deleteBoxId, setDeleteBoxId] = useState(null);
+  const [deleteBoxName, setDeleteBoxName] = useState("");
   useEffect(() => {
-    fetchRates();
+    fetchBoxes();
   }, []);
-  const orderedRates = useMemo(() => {
-    return [...rates].sort((a, b) => {
-      if (a.min_distance_km !== b.min_distance_km) {
-        return a.min_distance_km - b.min_distance_km;
-      }
-      const aMax = a.max_distance_km ?? Number.POSITIVE_INFINITY;
-      const bMax = b.max_distance_km ?? Number.POSITIVE_INFINITY;
-      return aMax - bMax;
-    });
-  }, [rates]);
-  const fetchRates = async () => {
+  useEffect(() => {
+    const filtered = boxes.filter(
+      (box) => box.name.toLowerCase().includes(searchTerm.toLowerCase())
+    );
+    setFilteredBoxes(filtered);
+  }, [searchTerm, boxes]);
+  const fetchBoxes = async () => {
     setIsLoading(true);
     try {
-      const response = await fetch(
-        "/admin/base-shipping-prices?carrier_type=COMPANY_FLEET&service_code=MESSENGER_3H",
-        {
-          credentials: "include"
-        }
-      );
-      if (!response.ok) {
-        throw new Error("failed_to_load_base_rates");
-      }
+      const response = await fetch("/admin/boxes", {
+        credentials: "include"
+      });
       const data = await response.json();
-      setRates(data.base_rates || []);
+      setBoxes(data.boxes || []);
     } catch (error) {
       toast.error("ข้อผิดพลาด", {
-        description: "ไม่สามารถโหลดฐานราคาตามระยะทางได้"
+        description: "ไม่สามารถโหลดข้อมูลกล่องพัสดุได้"
       });
     } finally {
       setIsLoading(false);
     }
   };
-  const handleDelete = async () => {
-    if (!deleteId) return;
+  const handleToggleActive = async (box) => {
     try {
-      const response = await fetch(
-        `/admin/base-shipping-prices/${deleteId}`,
-        {
-          method: "DELETE",
-          credentials: "include"
-        }
-      );
-      if (!response.ok) {
-        throw new Error("failed_to_delete");
+      const response = await fetch(`/admin/boxes/${box.id}`, {
+        method: "PUT",
+        headers: { "Content-Type": "application/json" },
+        credentials: "include",
+        body: JSON.stringify({ ...box, active: !box.active })
+      });
+      if (response.ok) {
+        toast.success("สำเร็จ", {
+          description: `${box.active ? "ปิดใช้งาน" : "เปิดใช้งาน"}กล่อง ${box.name} แล้ว`
+        });
+        fetchBoxes();
+      } else {
+        throw new Error("Failed to update");
       }
-      toast.success("สำเร็จ", {
-        description: "ลบฐานราคาสำเร็จ"
+    } catch (error) {
+      toast.error("ข้อผิดพลาด", {
+        description: "ไม่สามารถอัพเดทสถานะได้"
       });
-      fetchRates();
+    }
+  };
+  const handleDelete = async () => {
+    if (!deleteBoxId) return;
+    try {
+      const response = await fetch(`/admin/boxes/${deleteBoxId}`, {
+        method: "DELETE",
+        credentials: "include"
+      });
+      if (response.ok) {
+        toast.success("สำเร็จ", {
+          description: `ลบกล่อง ${deleteBoxName} แล้ว`
+        });
+        fetchBoxes();
+      } else {
+        throw new Error("Failed to delete");
+      }
     } catch (error) {
       toast.error("ข้อผิดพลาด", {
-        description: "ไม่สามารถลบฐานราคาได้"
+        description: "ไม่สามารถลบกล่องได้"
       });
     } finally {
-      setDeleteId(null);
+      setDeleteBoxId(null);
+      setDeleteBoxName("");
     }
   };
+  const handleEdit = (box) => {
+    setEditingBox(box);
+    setIsModalOpen(true);
+  };
+  const handleCreateNew = () => {
+    setEditingBox(null);
+    setIsModalOpen(true);
+  };
   const handleModalClose = () => {
     setIsModalOpen(false);
-    setEditingRate(null);
-    fetchRates();
+    setEditingBox(null);
+    fetchBoxes();
   };
-  const formatDistanceRange = (rate) => {
-    const min = rate.min_distance_km ?? 0;
-    const max = rate.max_distance_km;
-    if (max === void 0 || max === null) {
-      return `${min}+ กม.`;
-    }
-    return `${min}-${max} กม.`;
+  const openDeletePrompt = (id, name) => {
+    setDeleteBoxId(id);
+    setDeleteBoxName(name);
   };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-x-4", children: [
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold", children: "ฐานราคาตามระยะทาง (Messenger 3H)" }),
-        /* @__PURE__ */ jsx("p", { className: "text-ui-fg-subtle text-sm", children: "กำหนดราคาเริ่มต้นตามระยะทาง เช่น 0-5, 5-20, 20-30, 30+ กม." })
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-x-4", children: [
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            type: "search",
+            placeholder: "ค้นหาชื่อกล่อง...",
+            value: searchTerm,
+            onChange: (e) => setSearchTerm(e.target.value),
+            className: "max-w-md"
+          }
+        ),
+        /* @__PURE__ */ jsxs(Button, { onClick: handleCreateNew, children: [
+          /* @__PURE__ */ jsx(Plus, {}),
+          "สร้างกล่องใหม่"
+        ] })
       ] }),
-      /* @__PURE__ */ jsxs(Button, { onClick: () => setIsModalOpen(true), children: [
-        /* @__PURE__ */ jsx(Plus, {}),
-        "เพิ่มช่วงราคา"
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs(Table, { className: "mt-4", children: [
-      /* @__PURE__ */ jsx(Table.Header, { children: /* @__PURE__ */ jsxs(Table.Row, { children: [
-        /* @__PURE__ */ jsx(Table.HeaderCell, { children: "ช่วงระยะทาง" }),
-        /* @__PURE__ */ jsx(Table.HeaderCell, { children: "ราคา (THB)" }),
-        /* @__PURE__ */ jsx(Table.HeaderCell, { children: "ลำดับ" }),
-        /* @__PURE__ */ jsx(Table.HeaderCell, { children: "สถานะ" }),
-        /* @__PURE__ */ jsx(Table.HeaderCell, { className: "text-right", children: "การจัดการ" })
-      ] }) }),
-      /* @__PURE__ */ jsx(Table.Body, { children: isLoading ? /* @__PURE__ */ jsx(Table.Row, { children: /* @__PURE__ */ jsx(Table.Cell, { className: "text-center", children: "กำลังโหลด..." }) }) : orderedRates.length === 0 ? /* @__PURE__ */ jsx(Table.Row, { children: /* @__PURE__ */ jsx(Table.Cell, { className: "text-center", children: "ยังไม่ได้ตั้งค่าฐานราคาตามระยะทาง" }) }) : orderedRates.map((rate) => /* @__PURE__ */ jsxs(Table.Row, { children: [
-        /* @__PURE__ */ jsx(Table.Cell, { children: formatDistanceRange(rate) }),
-        /* @__PURE__ */ jsxs(Table.Cell, { children: [
-          "฿",
-          rate.price.toFixed(2)
-        ] }),
-        /* @__PURE__ */ jsx(Table.Cell, { children: rate.priority ?? 0 }),
-        /* @__PURE__ */ jsx(Table.Cell, { children: /* @__PURE__ */ jsx(Badge, { color: rate.active ? "green" : "grey", children: rate.active ? "เปิดใช้งาน" : "ปิดใช้งาน" }) }),
-        /* @__PURE__ */ jsx(Table.Cell, { className: "text-right", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-x-2", children: [
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              variant: "transparent",
-              size: "small",
-              onClick: () => {
-                setEditingRate(rate);
-                setIsModalOpen(true);
-              },
-              children: /* @__PURE__ */ jsx(Edit, {})
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Button,
+      /* @__PURE__ */ jsxs(Table, { children: [
+        /* @__PURE__ */ jsx(Table.Header, { children: /* @__PURE__ */ jsxs(Table.Row, { children: [
+          /* @__PURE__ */ jsx(Table.HeaderCell, { children: "ชื่อ" }),
+          /* @__PURE__ */ jsx(Table.HeaderCell, { children: "ขนาด (กว้าง×ยาว×สูง cm)" }),
+          /* @__PURE__ */ jsx(Table.HeaderCell, { children: "น้ำหนักสูงสุด (kg)" }),
+          /* @__PURE__ */ jsx(Table.HeaderCell, { children: "ราคา (THB)" }),
+          /* @__PURE__ */ jsx(Table.HeaderCell, { children: "สถานะ" }),
+          /* @__PURE__ */ jsx(Table.HeaderCell, { className: "text-right", children: "การจัดการ" })
+        ] }) }),
+        /* @__PURE__ */ jsx(Table.Body, { children: isLoading ? /* @__PURE__ */ jsx(Table.Row, { children: /* @__PURE__ */ jsx(Table.Cell, { className: "text-center", children: "กำลังโหลด..." }) }) : filteredBoxes.length === 0 ? /* @__PURE__ */ jsx(Table.Row, { children: /* @__PURE__ */ jsx(Table.Cell, { className: "text-center", children: "ไม่พบข้อมูลกล่องพัสดุ" }) }) : filteredBoxes.map((box) => /* @__PURE__ */ jsxs(Table.Row, { children: [
+          /* @__PURE__ */ jsx(Table.Cell, { children: box.name }),
+          /* @__PURE__ */ jsxs(Table.Cell, { children: [
+            box.width_cm,
+            " × ",
+            box.length_cm,
+            " × ",
+            box.height_cm
+          ] }),
+          /* @__PURE__ */ jsx(Table.Cell, { children: box.max_weight_kg }),
+          /* @__PURE__ */ jsx(Table.Cell, { children: box.price_thb.toFixed(2) }),
+          /* @__PURE__ */ jsx(Table.Cell, { children: /* @__PURE__ */ jsx(
+            Badge,
             {
-              variant: "transparent",
-              size: "small",
-              onClick: () => setDeleteId(rate.id),
-              children: /* @__PURE__ */ jsx(Trash, {})
+              color: box.active ? "green" : "grey",
+              className: "cursor-pointer",
+              onClick: () => handleToggleActive(box),
+              children: box.active ? "เปิดใช้งาน" : "ปิดใช้งาน"
             }
-          )
-        ] }) })
-      ] }, rate.id)) })
+          ) }),
+          /* @__PURE__ */ jsx(Table.Cell, { className: "text-right", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-x-2", children: [
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "transparent",
+                size: "small",
+                onClick: () => handleEdit(box),
+                children: /* @__PURE__ */ jsx(Edit, {})
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "transparent",
+                size: "small",
+                onClick: () => openDeletePrompt(box.id, box.name),
+                children: /* @__PURE__ */ jsx(Trash, {})
+              }
+            )
+          ] }) })
+        ] }, box.id)) })
+      ] })
     ] }),
-    isModalOpen && /* @__PURE__ */ jsx(MessengerBaseRateModal, { rate: editingRate, onClose: handleModalClose }),
+    isModalOpen && /* @__PURE__ */ jsx(ParcelBoxModal, { box: editingBox, onClose: handleModalClose }),
     /* @__PURE__ */ jsx(
       Prompt,
       {
         variant: "confirmation",
-        open: !!deleteId,
-        onOpenChange: () => setDeleteId(null),
+        open: !!deleteBoxId,
+        onOpenChange: () => {
+          setDeleteBoxId(null);
+          setDeleteBoxName("");
+        },
         children: /* @__PURE__ */ jsxs(Prompt.Content, { children: [
           /* @__PURE__ */ jsxs(Prompt.Header, { children: [
-            /* @__PURE__ */ jsx(Prompt.Title, { children: "ลบฐานราคา" }),
-            /* @__PURE__ */ jsx(Prompt.Description, { children: "คุณต้องการลบช่วงราคานี้ใช่หรือไม่? การดำเนินการนี้ไม่สามารถย้อนกลับได้" })
+            /* @__PURE__ */ jsx(Prompt.Title, { children: "ลบกล่องพัสดุ" }),
+            /* @__PURE__ */ jsxs(Prompt.Description, { children: [
+              'คุณต้องการลบกล่อง "',
+              deleteBoxName,
+              '" ใช่หรือไม่? การดำเนินการนี้ไม่สามารถย้อนกลับได้'
+            ] })
           ] }),
           /* @__PURE__ */ jsxs(Prompt.Footer, { children: [
             /* @__PURE__ */ jsx(Prompt.Cancel, { children: "ยกเลิก" }),
@@ -1005,68 +977,126 @@ const MessengerBasePricingTable = () => {
     )
   ] });
 };
-const BasePricingPage = () => {
-  return /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-6", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-1", children: [
-      /* @__PURE__ */ jsx(Heading, { level: "h1", children: "ฐานราคาตามระยะทาง (Messenger)" }),
-      /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: "ตั้งราคาฐานสำหรับบริการ Messenger 3 ชั่วโมงตามช่วงระยะทาง เช่น 0-5, 5-20, 20-30, 30+ กม." })
-    ] }),
-    /* @__PURE__ */ jsx(MessengerBasePricingTable, {})
+const BoxesPage = () => {
+  return /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-4", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ jsx(Heading, { level: "h1", children: "กล่องพัสดุ" }) }),
+    /* @__PURE__ */ jsx(ParcelBoxesTable, {})
   ] }) });
 };
 const config$3 = defineRouteConfig({
-  icon: Directions,
-  label: "ฐานราคาตามระยะทาง"
+  icon: ArchiveBox,
+  label: "กล่องพัสดุ"
 });
-const ParcelBoxModal = ({ box, onClose }) => {
+const TH_PROVINCES = [
+  "กรุงเทพมหานคร",
+  "กระบี่",
+  "กาญจนบุรี",
+  "กาฬสินธุ์",
+  "กำแพงเพชร",
+  "ขอนแก่น",
+  "จันทบุรี",
+  "ฉะเชิงเทรา",
+  "ชลบุรี",
+  "ชัยนาท",
+  "ชัยภูมิ",
+  "ชุมพร",
+  "เชียงราย",
+  "เชียงใหม่",
+  "ตรัง",
+  "ตราด",
+  "ตาก",
+  "นครนายก",
+  "นครปฐม",
+  "นครพนม",
+  "นครราชสีมา",
+  "นครศรีธรรมราช",
+  "นครสวรรค์",
+  "นนทบุรี",
+  "นราธิวาส",
+  "น่าน",
+  "บึงกาฬ",
+  "บุรีรัมย์",
+  "ปทุมธานี",
+  "ประจวบคีรีขันธ์",
+  "ปราจีนบุรี",
+  "ปัตตานี",
+  "พระนครศรีอยุธยา",
+  "พะเยา",
+  "พังงา",
+  "พัทลุง",
+  "พิจิตร",
+  "พิษณุโลก",
+  "เพชรบุรี",
+  "เพชรบูรณ์",
+  "แพร่",
+  "ภูเก็ต",
+  "มหาสารคาม",
+  "มุกดาหาร",
+  "แม่ฮ่องสอน",
+  "ยโสธร",
+  "ยะลา",
+  "ร้อยเอ็ด",
+  "ระนอง",
+  "ระยอง",
+  "ราชบุรี",
+  "ลพบุรี",
+  "ลำปาง",
+  "ลำพูน",
+  "เลย",
+  "ศรีสะเกษ",
+  "สกลนคร",
+  "สงขลา",
+  "สตูล",
+  "สมุทรปราการ",
+  "สมุทรสงคราม",
+  "สมุทรสาคร",
+  "สระแก้ว",
+  "สระบุรี",
+  "สิงห์บุรี",
+  "สุโขทัย",
+  "สุพรรณบุรี",
+  "สุราษฎร์ธานี",
+  "สุรินทร์",
+  "หนองคาย",
+  "หนองบัวลำภู",
+  "อ่างทอง",
+  "อำนาจเจริญ",
+  "อุดรธานี",
+  "อุตรดิตถ์",
+  "อุทัยธานี",
+  "อุบลราชธานี"
+];
+const ServiceAreaModal = ({ area, onClose }) => {
   const [formData, setFormData] = useState({
-    name: "",
-    width_cm: "",
-    length_cm: "",
-    height_cm: "",
-    max_weight_kg: "",
-    price_thb: "",
+    kind: "PROVINCE",
+    value: "",
     active: true
   });
   const [isSaving, setIsSaving] = useState(false);
   useEffect(() => {
-    if (box) {
+    if (area) {
       setFormData({
-        name: box.name,
-        width_cm: box.width_cm.toString(),
-        length_cm: box.length_cm.toString(),
-        height_cm: box.height_cm.toString(),
-        max_weight_kg: box.max_weight_kg.toString(),
-        price_thb: box.price_thb.toString(),
-        active: box.active
+        kind: area.kind,
+        value: area.value,
+        active: area.active
       });
     }
-  }, [box]);
+  }, [area]);
   const handleSubmit = async (e) => {
     e.preventDefault();
     const errors = [];
-    if (!formData.name.trim()) {
-      errors.push("กรุณากรอกชื่อกล่อง");
-    }
-    const width = parseFloat(formData.width_cm);
-    const length = parseFloat(formData.length_cm);
-    const height = parseFloat(formData.height_cm);
-    const maxWeight = parseFloat(formData.max_weight_kg);
-    const price = parseFloat(formData.price_thb);
-    if (isNaN(width) || width <= 0) {
-      errors.push("ความกว้างต้องเป็นตัวเลขมากกว่า 0");
-    }
-    if (isNaN(length) || length <= 0) {
-      errors.push("ความยาวต้องเป็นตัวเลขมากกว่า 0");
-    }
-    if (isNaN(height) || height <= 0) {
-      errors.push("ความสูงต้องเป็นตัวเลขมากกว่า 0");
-    }
-    if (isNaN(maxWeight) || maxWeight <= 0) {
-      errors.push("น้ำหนักสูงสุดต้องเป็นตัวเลขมากกว่า 0");
+    const trimmedValue = formData.value.trim();
+    if (!trimmedValue) {
+      errors.push("กรุณากรอกค่า");
     }
-    if (isNaN(price) || price < 0) {
-      errors.push("ราคาต้องเป็นตัวเลขไม่ติดลบ");
+    if (formData.kind === "PROVINCE") {
+      if (!TH_PROVINCES.includes(trimmedValue)) {
+        errors.push("จังหวัดไม่ถูกต้อง กรุณาตรวจสอบการสะกดชื่อจังหวัด");
+      }
+    } else if (formData.kind === "POSTCODE_PREFIX") {
+      if (!/^\d{1,5}$/.test(trimmedValue)) {
+        errors.push("รหัสไปรษณีย์ต้องเป็นตัวเลข 1-5 หลัก");
+      }
     }
     if (errors.length > 0) {
       toast.error("ข้อมูลไม่ถูกต้อง", {
@@ -1077,16 +1107,12 @@ const ParcelBoxModal = ({ box, onClose }) => {
     setIsSaving(true);
     try {
       const payload = {
-        name: formData.name.trim(),
-        width_cm: width,
-        length_cm: length,
-        height_cm: height,
-        max_weight_kg: maxWeight,
-        price_thb: price,
+        kind: formData.kind,
+        value: trimmedValue,
         active: formData.active
       };
-      const url = box ? `/admin/boxes/${box.id}` : "/admin/boxes";
-      const method = box ? "PUT" : "POST";
+      const url = area ? `/admin/service-areas/${area.id}` : "/admin/service-areas";
+      const method = area ? "PUT" : "POST";
       const response = await fetch(url, {
         method,
         headers: { "Content-Type": "application/json" },
@@ -1095,7 +1121,7 @@ const ParcelBoxModal = ({ box, onClose }) => {
       });
       if (response.ok) {
         toast.success("สำเร็จ", {
-          description: box ? "แก้ไขกล่องพัสดุแล้ว" : "สร้างกล่องพัสดุใหม่แล้ว"
+          description: area ? "แก้ไขพื้นที่บริการแล้ว" : "สร้างพื้นที่บริการใหม่แล้ว"
         });
         onClose();
       } else {
@@ -1111,97 +1137,53 @@ const ParcelBoxModal = ({ box, onClose }) => {
     }
   };
   return /* @__PURE__ */ jsx(Drawer, { open: true, onOpenChange: (open) => !open && onClose(), children: /* @__PURE__ */ jsxs(Drawer.Content, { children: [
-    /* @__PURE__ */ jsx(Drawer.Header, { children: /* @__PURE__ */ jsx(Drawer.Title, { children: box ? "แก้ไขกล่องพัสดุ" : "สร้างกล่องพัสดุใหม่" }) }),
-    /* @__PURE__ */ jsx(Drawer.Body, { children: /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: "flex flex-col gap-y-4", children: [
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx(Label, { htmlFor: "name", children: "ชื่อกล่อง *" }),
-        /* @__PURE__ */ jsx(
-          Input,
-          {
-            id: "name",
-            value: formData.name,
-            onChange: (e) => setFormData({ ...formData, name: e.target.value }),
-            placeholder: "เช่น กล่อง S, กล่อง M",
-            required: true
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-3 gap-x-4", children: [
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx(Label, { htmlFor: "width", children: "ความกว้าง (cm) *" }),
-          /* @__PURE__ */ jsx(
-            Input,
-            {
-              id: "width",
-              type: "number",
-              step: "0.1",
-              value: formData.width_cm,
-              onChange: (e) => setFormData({ ...formData, width_cm: e.target.value }),
-              placeholder: "20",
-              required: true
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx(Label, { htmlFor: "length", children: "ความยาว (cm) *" }),
-          /* @__PURE__ */ jsx(
-            Input,
-            {
-              id: "length",
-              type: "number",
-              step: "0.1",
-              value: formData.length_cm,
-              onChange: (e) => setFormData({ ...formData, length_cm: e.target.value }),
-              placeholder: "30",
-              required: true
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx(Label, { htmlFor: "height", children: "ความสูง (cm) *" }),
-          /* @__PURE__ */ jsx(
-            Input,
-            {
-              id: "height",
-              type: "number",
-              step: "0.1",
-              value: formData.height_cm,
-              onChange: (e) => setFormData({ ...formData, height_cm: e.target.value }),
-              placeholder: "15",
-              required: true
-            }
-          )
-        ] })
-      ] }),
+    /* @__PURE__ */ jsx(Drawer.Header, { children: /* @__PURE__ */ jsx(Drawer.Title, { children: area ? "แก้ไขพื้นที่บริการ" : "สร้างพื้นที่บริการใหม่" }) }),
+    /* @__PURE__ */ jsx(Drawer.Body, { children: /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: "flex flex-col gap-y-4", children: [
       /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx(Label, { htmlFor: "maxWeight", children: "น้ำหนักสูงสุด (kg) *" }),
-        /* @__PURE__ */ jsx(
-          Input,
+        /* @__PURE__ */ jsx(Label, { htmlFor: "kind", children: "ประเภท *" }),
+        /* @__PURE__ */ jsxs(
+          Select,
           {
-            id: "maxWeight",
-            type: "number",
-            step: "0.1",
-            value: formData.max_weight_kg,
-            onChange: (e) => setFormData({ ...formData, max_weight_kg: e.target.value }),
-            placeholder: "0.5",
-            required: true
+            value: formData.kind,
+            onValueChange: (value) => setFormData({ ...formData, kind: value, value: "" }),
+            required: true,
+            children: [
+              /* @__PURE__ */ jsx(Select.Trigger, { children: /* @__PURE__ */ jsx(Select.Value, { placeholder: "เลือกประเภท" }) }),
+              /* @__PURE__ */ jsxs(Select.Content, { children: [
+                /* @__PURE__ */ jsx(Select.Item, { value: "PROVINCE", children: "จังหวัด" }),
+                /* @__PURE__ */ jsx(Select.Item, { value: "POSTCODE_PREFIX", children: "รหัสไปรษณีย์" })
+              ] })
+            ]
           }
         )
       ] }),
       /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx(Label, { htmlFor: "price", children: "ราคา (THB) *" }),
-        /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx(Label, { htmlFor: "value", children: formData.kind === "PROVINCE" ? "ชื่อจังหวัด *" : "รหัสไปรษณีย์ (1-5 หลัก) *" }),
+        formData.kind === "PROVINCE" ? /* @__PURE__ */ jsxs(
+          Select,
+          {
+            value: formData.value,
+            onValueChange: (value) => setFormData({ ...formData, value }),
+            required: true,
+            children: [
+              /* @__PURE__ */ jsx(Select.Trigger, { children: /* @__PURE__ */ jsx(Select.Value, { placeholder: "เลือกจังหวัด" }) }),
+              /* @__PURE__ */ jsx(Select.Content, { children: TH_PROVINCES.map((province) => /* @__PURE__ */ jsx(Select.Item, { value: province, children: province }, province)) })
+            ]
+          }
+        ) : /* @__PURE__ */ jsx(
           Input,
           {
-            id: "price",
-            type: "number",
-            step: "0.01",
-            value: formData.price_thb,
-            onChange: (e) => setFormData({ ...formData, price_thb: e.target.value }),
-            placeholder: "10.00",
+            id: "value",
+            type: "text",
+            value: formData.value,
+            onChange: (e) => setFormData({ ...formData, value: e.target.value }),
+            placeholder: "เช่น 10, 102, 10200",
+            maxLength: 5,
+            pattern: "\\d{1,5}",
             required: true
           }
-        )
+        ),
+        formData.kind === "POSTCODE_PREFIX" && /* @__PURE__ */ jsx("p", { className: "text-xs text-ui-fg-subtle mt-1", children: 'ใส่รหัส 1-5 หลักเพื่อครอบคลุมหลายพื้นที่ เช่น "10" = กรุงเทพฯ ทั้งหมด' })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-2", children: [
         /* @__PURE__ */ jsx(
@@ -1215,59 +1197,81 @@ const ParcelBoxModal = ({ box, onClose }) => {
         /* @__PURE__ */ jsx(Label, { htmlFor: "active", children: "เปิดใช้งาน" })
       ] }),
       /* @__PURE__ */ jsxs(Drawer.Footer, { children: [
-        /* @__PURE__ */ jsx(Button, { type: "button", variant: "secondary", onClick: onClose, disabled: isSaving, children: "ยกเลิก" }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            variant: "secondary",
+            onClick: onClose,
+            disabled: isSaving,
+            children: "ยกเลิก"
+          }
+        ),
         /* @__PURE__ */ jsx(Button, { type: "submit", disabled: isSaving, children: isSaving ? "กำลังบันทึก..." : "บันทึก" })
       ] })
     ] }) })
   ] }) });
 };
-const ParcelBoxesTable = () => {
-  const [boxes, setBoxes] = useState([]);
-  const [filteredBoxes, setFilteredBoxes] = useState([]);
+const AREA_KINDS = [
+  { value: "ALL", label: "ทั้งหมด" },
+  { value: "PROVINCE", label: "จังหวัด" },
+  { value: "POSTCODE_PREFIX", label: "รหัสไปรษณีย์" }
+];
+const ServiceAreasTable = () => {
+  const [areas, setAreas] = useState([]);
+  const [filteredAreas, setFilteredAreas] = useState([]);
   const [searchTerm, setSearchTerm] = useState("");
+  const [kindFilter, setKindFilter] = useState("ALL");
   const [isModalOpen, setIsModalOpen] = useState(false);
-  const [editingBox, setEditingBox] = useState(null);
+  const [editingArea, setEditingArea] = useState(null);
   const [isLoading, setIsLoading] = useState(false);
-  const [deleteBoxId, setDeleteBoxId] = useState(null);
-  const [deleteBoxName, setDeleteBoxName] = useState("");
+  const [deleteAreaId, setDeleteAreaId] = useState(null);
+  const [deleteAreaValue, setDeleteAreaValue] = useState("");
   useEffect(() => {
-    fetchBoxes();
+    fetchAreas();
   }, []);
   useEffect(() => {
-    const filtered = boxes.filter(
-      (box) => box.name.toLowerCase().includes(searchTerm.toLowerCase())
-    );
-    setFilteredBoxes(filtered);
-  }, [searchTerm, boxes]);
-  const fetchBoxes = async () => {
+    let filtered = areas;
+    if (kindFilter !== "ALL") {
+      filtered = filtered.filter((area) => area.kind === kindFilter);
+    }
+    if (searchTerm) {
+      filtered = filtered.filter(
+        (area) => area.value.toLowerCase().includes(searchTerm.toLowerCase())
+      );
+    }
+    setFilteredAreas(filtered);
+  }, [searchTerm, kindFilter, areas]);
+  const fetchAreas = async () => {
     setIsLoading(true);
     try {
-      const response = await fetch("/admin/boxes", {
+      const response = await fetch("/admin/service-areas", {
         credentials: "include"
       });
       const data = await response.json();
-      setBoxes(data.boxes || []);
+      console.log("Fetched service areas:", data);
+      setAreas(data.service_areas || []);
     } catch (error) {
       toast.error("ข้อผิดพลาด", {
-        description: "ไม่สามารถโหลดข้อมูลกล่องพัสดุได้"
+        description: "ไม่สามารถโหลดข้อมูลพื้นที่บริการได้"
       });
     } finally {
       setIsLoading(false);
     }
   };
-  const handleToggleActive = async (box) => {
+  const handleToggleActive = async (area) => {
     try {
-      const response = await fetch(`/admin/boxes/${box.id}`, {
+      const response = await fetch(`/admin/service-areas/${area.id}`, {
         method: "PUT",
         headers: { "Content-Type": "application/json" },
         credentials: "include",
-        body: JSON.stringify({ ...box, active: !box.active })
+        body: JSON.stringify({ ...area, active: !area.active })
       });
       if (response.ok) {
         toast.success("สำเร็จ", {
-          description: `${box.active ? "ปิดใช้งาน" : "เปิดใช้งาน"}กล่อง ${box.name} แล้ว`
+          description: `${area.active ? "ปิดใช้งาน" : "เปิดใช้งาน"}พื้นที่ ${area.value} แล้ว`
         });
-        fetchBoxes();
+        fetchAreas();
       } else {
         throw new Error("Failed to update");
       }
@@ -1278,91 +1282,87 @@ const ParcelBoxesTable = () => {
     }
   };
   const handleDelete = async () => {
-    if (!deleteBoxId) return;
+    if (!deleteAreaId) return;
     try {
-      const response = await fetch(`/admin/boxes/${deleteBoxId}`, {
+      const response = await fetch(`/admin/service-areas/${deleteAreaId}`, {
         method: "DELETE",
         credentials: "include"
       });
       if (response.ok) {
         toast.success("สำเร็จ", {
-          description: `ลบกล่อง ${deleteBoxName} แล้ว`
+          description: `ลบพื้นที่ ${deleteAreaValue} แล้ว`
         });
-        fetchBoxes();
+        fetchAreas();
       } else {
         throw new Error("Failed to delete");
       }
     } catch (error) {
       toast.error("ข้อผิดพลาด", {
-        description: "ไม่สามารถลบกล่องได้"
+        description: "ไม่สามารถลบพื้นที่ได้"
       });
     } finally {
-      setDeleteBoxId(null);
-      setDeleteBoxName("");
+      setDeleteAreaId(null);
+      setDeleteAreaValue("");
     }
   };
-  const handleEdit = (box) => {
-    setEditingBox(box);
+  const handleEdit = (area) => {
+    setEditingArea(area);
     setIsModalOpen(true);
   };
   const handleCreateNew = () => {
-    setEditingBox(null);
+    setEditingArea(null);
     setIsModalOpen(true);
   };
   const handleModalClose = () => {
     setIsModalOpen(false);
-    setEditingBox(null);
-    fetchBoxes();
+    setEditingArea(null);
+    fetchAreas();
   };
-  const openDeletePrompt = (id, name) => {
-    setDeleteBoxId(id);
-    setDeleteBoxName(name);
+  const openDeletePrompt = (id, value) => {
+    setDeleteAreaId(id);
+    setDeleteAreaValue(value);
   };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-4", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-x-4", children: [
-        /* @__PURE__ */ jsx(
-          Input,
-          {
-            type: "search",
-            placeholder: "ค้นหาชื่อกล่อง...",
-            value: searchTerm,
-            onChange: (e) => setSearchTerm(e.target.value),
-            className: "max-w-md"
-          }
-        ),
+        /* @__PURE__ */ jsxs("div", { className: "flex gap-x-4 flex-1", children: [
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              type: "search",
+              placeholder: "ค้นหาจังหวัดหรือรหัสไปรษณีย์...",
+              value: searchTerm,
+              onChange: (e) => setSearchTerm(e.target.value),
+              className: "max-w-md"
+            }
+          ),
+          /* @__PURE__ */ jsxs(Select, { value: kindFilter, onValueChange: setKindFilter, children: [
+            /* @__PURE__ */ jsx(Select.Trigger, { children: /* @__PURE__ */ jsx(Select.Value, { placeholder: "ประเภท" }) }),
+            /* @__PURE__ */ jsx(Select.Content, { children: AREA_KINDS.map((kind) => /* @__PURE__ */ jsx(Select.Item, { value: kind.value, children: kind.label }, kind.value)) })
+          ] })
+        ] }),
         /* @__PURE__ */ jsxs(Button, { onClick: handleCreateNew, children: [
           /* @__PURE__ */ jsx(Plus, {}),
-          "สร้างกล่องใหม่"
+          "สร้างพื้นที่ใหม่"
         ] })
       ] }),
       /* @__PURE__ */ jsxs(Table, { children: [
         /* @__PURE__ */ jsx(Table.Header, { children: /* @__PURE__ */ jsxs(Table.Row, { children: [
-          /* @__PURE__ */ jsx(Table.HeaderCell, { children: "ชื่อ" }),
-          /* @__PURE__ */ jsx(Table.HeaderCell, { children: "ขนาด (กว้าง×ยาว×สูง cm)" }),
-          /* @__PURE__ */ jsx(Table.HeaderCell, { children: "น้ำหนักสูงสุด (kg)" }),
-          /* @__PURE__ */ jsx(Table.HeaderCell, { children: "ราคา (THB)" }),
+          /* @__PURE__ */ jsx(Table.HeaderCell, { children: "ประเภท" }),
+          /* @__PURE__ */ jsx(Table.HeaderCell, { children: "ค่า" }),
           /* @__PURE__ */ jsx(Table.HeaderCell, { children: "สถานะ" }),
           /* @__PURE__ */ jsx(Table.HeaderCell, { className: "text-right", children: "การจัดการ" })
         ] }) }),
-        /* @__PURE__ */ jsx(Table.Body, { children: isLoading ? /* @__PURE__ */ jsx(Table.Row, { children: /* @__PURE__ */ jsx(Table.Cell, { className: "text-center", children: "กำลังโหลด..." }) }) : filteredBoxes.length === 0 ? /* @__PURE__ */ jsx(Table.Row, { children: /* @__PURE__ */ jsx(Table.Cell, { className: "text-center", children: "ไม่พบข้อมูลกล่องพัสดุ" }) }) : filteredBoxes.map((box) => /* @__PURE__ */ jsxs(Table.Row, { children: [
-          /* @__PURE__ */ jsx(Table.Cell, { children: box.name }),
-          /* @__PURE__ */ jsxs(Table.Cell, { children: [
-            box.width_cm,
-            " × ",
-            box.length_cm,
-            " × ",
-            box.height_cm
-          ] }),
-          /* @__PURE__ */ jsx(Table.Cell, { children: box.max_weight_kg }),
-          /* @__PURE__ */ jsx(Table.Cell, { children: box.price_thb.toFixed(2) }),
+        /* @__PURE__ */ jsx(Table.Body, { children: isLoading ? /* @__PURE__ */ jsx(Table.Row, { children: /* @__PURE__ */ jsx(Table.Cell, { className: "text-center", children: "กำลังโหลด..." }) }) : filteredAreas.length === 0 ? /* @__PURE__ */ jsx(Table.Row, { children: /* @__PURE__ */ jsx(Table.Cell, { className: "text-center", children: "ไม่พบข้อมูลพื้นที่บริการ" }) }) : filteredAreas.map((area) => /* @__PURE__ */ jsxs(Table.Row, { children: [
+          /* @__PURE__ */ jsx(Table.Cell, { children: /* @__PURE__ */ jsx(Badge, { color: area.kind === "PROVINCE" ? "blue" : "purple", children: area.kind === "PROVINCE" ? "จังหวัด" : "รหัสไปรษณีย์" }) }),
+          /* @__PURE__ */ jsx(Table.Cell, { children: area.value }),
           /* @__PURE__ */ jsx(Table.Cell, { children: /* @__PURE__ */ jsx(
             Badge,
             {
-              color: box.active ? "green" : "grey",
+              color: area.active ? "green" : "grey",
               className: "cursor-pointer",
-              onClick: () => handleToggleActive(box),
-              children: box.active ? "เปิดใช้งาน" : "ปิดใช้งาน"
+              onClick: () => handleToggleActive(area),
+              children: area.active ? "เปิดใช้งาน" : "ปิดใช้งาน"
             }
           ) }),
           /* @__PURE__ */ jsx(Table.Cell, { className: "text-right", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-x-2", children: [
@@ -1371,7 +1371,7 @@ const ParcelBoxesTable = () => {
               {
                 variant: "transparent",
                 size: "small",
-                onClick: () => handleEdit(box),
+                onClick: () => handleEdit(area),
                 children: /* @__PURE__ */ jsx(Edit, {})
               }
             ),
@@ -1380,30 +1380,30 @@ const ParcelBoxesTable = () => {
               {
                 variant: "transparent",
                 size: "small",
-                onClick: () => openDeletePrompt(box.id, box.name),
+                onClick: () => openDeletePrompt(area.id, area.value),
                 children: /* @__PURE__ */ jsx(Trash, {})
               }
             )
           ] }) })
-        ] }, box.id)) })
+        ] }, area.id)) })
       ] })
     ] }),
-    isModalOpen && /* @__PURE__ */ jsx(ParcelBoxModal, { box: editingBox, onClose: handleModalClose }),
+    isModalOpen && /* @__PURE__ */ jsx(ServiceAreaModal, { area: editingArea, onClose: handleModalClose }),
     /* @__PURE__ */ jsx(
       Prompt,
       {
         variant: "confirmation",
-        open: !!deleteBoxId,
+        open: !!deleteAreaId,
         onOpenChange: () => {
-          setDeleteBoxId(null);
-          setDeleteBoxName("");
+          setDeleteAreaId(null);
+          setDeleteAreaValue("");
         },
         children: /* @__PURE__ */ jsxs(Prompt.Content, { children: [
           /* @__PURE__ */ jsxs(Prompt.Header, { children: [
-            /* @__PURE__ */ jsx(Prompt.Title, { children: "ลบกล่องพัสดุ" }),
+            /* @__PURE__ */ jsx(Prompt.Title, { children: "ลบพื้นที่บริการ" }),
             /* @__PURE__ */ jsxs(Prompt.Description, { children: [
-              'คุณต้องการลบกล่อง "',
-              deleteBoxName,
+              'คุณต้องการลบพื้นที่ "',
+              deleteAreaValue,
               '" ใช่หรือไม่? การดำเนินการนี้ไม่สามารถย้อนกลับได้'
             ] })
           ] }),
@@ -1416,15 +1416,15 @@ const ParcelBoxesTable = () => {
     )
   ] });
 };
-const BoxesPage = () => {
+const AreasPage = () => {
   return /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-4", children: [
-    /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ jsx(Heading, { level: "h1", children: "กล่องพัสดุ" }) }),
-    /* @__PURE__ */ jsx(ParcelBoxesTable, {})
+    /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ jsx(Heading, { level: "h1", children: "พื้นที่บริการ" }) }),
+    /* @__PURE__ */ jsx(ServiceAreasTable, {})
   ] }) });
 };
 const config$2 = defineRouteConfig({
-  icon: ArchiveBox,
-  label: "กล่องพัสดุ"
+  icon: MapPin,
+  label: "พื้นที่บริการ"
 });
 const CATEGORIES$1 = [
   { value: "PACKAGING", label: "วัสดุหีบห่อ" },
@@ -2712,10 +2712,6 @@ const widgetModule = { widgets: [
 ] };
 const routeModule = {
   routes: [
-    {
-      Component: AreasPage,
-      path: "/areas"
-    },
     {
       Component: BasePricingPage,
       path: "/base-pricing"
@@ -2724,6 +2720,10 @@ const routeModule = {
       Component: BoxesPage,
       path: "/boxes"
     },
+    {
+      Component: AreasPage,
+      path: "/areas"
+    },
     {
       Component: MaterialCostsPage,
       path: "/material-costs"
@@ -2737,24 +2737,24 @@ const routeModule = {
 const menuItemModule = {
   menuItems: [
     {
-      label: config$4.label,
-      icon: config$4.icon,
+      label: config$2.label,
+      icon: config$2.icon,
       path: "/areas",
       nested: void 0,
       rank: void 0,
       translationNs: void 0
     },
     {
-      label: config$3.label,
-      icon: config$3.icon,
+      label: config$4.label,
+      icon: config$4.icon,
       path: "/base-pricing",
       nested: void 0,
       rank: void 0,
       translationNs: void 0
     },
     {
-      label: config$2.label,
-      icon: config$2.icon,
+      label: config$3.label,
+      icon: config$3.icon,
       path: "/boxes",
       nested: void 0,
       rank: void 0,