@lodashventure/medusa-parcel-shipping 0.4.7 → 0.4.8

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 } from "react";
 import { Package, AlertCircle, Truck, Clock, Plus, Edit, Trash } from "lucide-react";
-import { MapPin, ArchiveBox, CurrencyDollarSolid, HandTruck } from "@medusajs/icons";
+import { ArchiveBox, CurrencyDollarSolid, HandTruck, MapPin } from "@medusajs/icons";
 import "@medusajs/admin-shared";
 const OrderShippingQuoteWidget = ({ data }) => {
   const [quote, setQuote] = useState(null);
@@ -217,116 +217,55 @@ const OrderShippingQuoteWidget = ({ data }) => {
 defineWidgetConfig({
   zone: "order.details.after"
 });
-const TH_PROVINCES = [
-  "กรุงเทพมหานคร",
-  "กระบี่",
-  "กาญจนบุรี",
-  "กาฬสินธุ์",
-  "กำแพงเพชร",
-  "ขอนแก่น",
-  "จันทบุรี",
-  "ฉะเชิงเทรา",
-  "ชลบุรี",
-  "ชัยนาท",
-  "ชัยภูมิ",
-  "ชุมพร",
-  "เชียงราย",
-  "เชียงใหม่",
-  "ตรัง",
-  "ตราด",
-  "ตาก",
-  "นครนายก",
-  "นครปฐม",
-  "นครพนม",
-  "นครราชสีมา",
-  "นครศรีธรรมราช",
-  "นครสวรรค์",
-  "นนทบุรี",
-  "นราธิวาส",
-  "น่าน",
-  "บึงกาฬ",
-  "บุรีรัมย์",
-  "ปทุมธานี",
-  "ประจวบคีรีขันธ์",
-  "ปราจีนบุรี",
-  "ปัตตานี",
-  "พระนครศรีอยุธยา",
-  "พะเยา",
-  "พังงา",
-  "พัทลุง",
-  "พิจิตร",
-  "พิษณุโลก",
-  "เพชรบุรี",
-  "เพชรบูรณ์",
-  "แพร่",
-  "ภูเก็ต",
-  "มหาสารคาม",
-  "มุกดาหาร",
-  "แม่ฮ่องสอน",
-  "ยโสธร",
-  "ยะลา",
-  "ร้อยเอ็ด",
-  "ระนอง",
-  "ระยอง",
-  "ราชบุรี",
-  "ลพบุรี",
-  "ลำปาง",
-  "ลำพูน",
-  "เลย",
-  "ศรีสะเกษ",
-  "สกลนคร",
-  "สงขลา",
-  "สตูล",
-  "สมุทรปราการ",
-  "สมุทรสงคราม",
-  "สมุทรสาคร",
-  "สระแก้ว",
-  "สระบุรี",
-  "สิงห์บุรี",
-  "สุโขทัย",
-  "สุพรรณบุรี",
-  "สุราษฎร์ธานี",
-  "สุรินทร์",
-  "หนองคาย",
-  "หนองบัวลำภู",
-  "อ่างทอง",
-  "อำนาจเจริญ",
-  "อุดรธานี",
-  "อุตรดิตถ์",
-  "อุทัยธานี",
-  "อุบลราชธานี"
-];
-const ServiceAreaModal = ({ area, onClose }) => {
+const ParcelBoxModal = ({ box, onClose }) => {
   const [formData, setFormData] = useState({
-    kind: "PROVINCE",
-    value: "",
+    name: "",
+    width_cm: "",
+    length_cm: "",
+    height_cm: "",
+    max_weight_kg: "",
+    price_thb: "",
     active: true
   });
   const [isSaving, setIsSaving] = useState(false);
   useEffect(() => {
-    if (area) {
+    if (box) {
       setFormData({
-        kind: area.kind,
-        value: area.value,
-        active: area.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
       });
     }
-  }, [area]);
+  }, [box]);
   const handleSubmit = async (e) => {
     e.preventDefault();
     const errors = [];
-    const trimmedValue = formData.value.trim();
-    if (!trimmedValue) {
-      errors.push("กรุณากรอกค่า");
+    if (!formData.name.trim()) {
+      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 หลัก");
-      }
+    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 (errors.length > 0) {
       toast.error("ข้อมูลไม่ถูกต้อง", {
@@ -337,12 +276,16 @@ const ServiceAreaModal = ({ area, onClose }) => {
     setIsSaving(true);
     try {
       const payload = {
-        kind: formData.kind,
-        value: trimmedValue,
+        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 = area ? `/admin/service-areas/${area.id}` : "/admin/service-areas";
-      const method = area ? "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" },
@@ -351,7 +294,7 @@ const ServiceAreaModal = ({ area, onClose }) => {
       });
       if (response.ok) {
         toast.success("สำเร็จ", {
-          description: area ? "แก้ไขพื้นที่บริการแล้ว" : "สร้างพื้นที่บริการใหม่แล้ว"
+          description: box ? "แก้ไขกล่องพัสดุแล้ว" : "สร้างกล่องพัสดุใหม่แล้ว"
         });
         onClose();
       } else {
@@ -367,53 +310,97 @@ 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: 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: "kind", children: "ประเภท *" }),
-        /* @__PURE__ */ jsxs(
-          Select,
+        /* @__PURE__ */ jsx(Label, { htmlFor: "name", children: "ชื่อกล่อง *" }),
+        /* @__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: "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__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx(Label, { htmlFor: "value", children: formData.kind === "PROVINCE" ? "ชื่อจังหวัด *" : "รหัสไปรษณีย์ (1-5 หลัก) *" }),
-        formData.kind === "PROVINCE" ? /* @__PURE__ */ jsxs(
-          Select,
+        /* @__PURE__ */ jsx(Label, { htmlFor: "maxWeight", children: "น้ำหนักสูงสุด (kg) *" }),
+        /* @__PURE__ */ jsx(
+          Input,
           {
-            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)) })
-            ]
+            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__ */ jsx(
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx(Label, { htmlFor: "price", children: "ราคา (THB) *" }),
+        /* @__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}",
+            id: "price",
+            type: "number",
+            step: "0.01",
+            value: formData.price_thb,
+            onChange: (e) => setFormData({ ...formData, price_thb: e.target.value }),
+            placeholder: "10.00",
             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(
@@ -427,81 +414,59 @@ const ServiceAreaModal = ({ area, 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 AREA_KINDS = [
-  { value: "ALL", label: "ทั้งหมด" },
-  { value: "PROVINCE", label: "จังหวัด" },
-  { value: "POSTCODE_PREFIX", label: "รหัสไปรษณีย์" }
-];
-const ServiceAreasTable = () => {
-  const [areas, setAreas] = useState([]);
-  const [filteredAreas, setFilteredAreas] = useState([]);
+const ParcelBoxesTable = () => {
+  const [boxes, setBoxes] = useState([]);
+  const [filteredBoxes, setFilteredBoxes] = useState([]);
   const [searchTerm, setSearchTerm] = useState("");
-  const [kindFilter, setKindFilter] = useState("ALL");
   const [isModalOpen, setIsModalOpen] = useState(false);
-  const [editingArea, setEditingArea] = useState(null);
+  const [editingBox, setEditingBox] = useState(null);
   const [isLoading, setIsLoading] = useState(false);
-  const [deleteAreaId, setDeleteAreaId] = useState(null);
-  const [deleteAreaValue, setDeleteAreaValue] = useState("");
+  const [deleteBoxId, setDeleteBoxId] = useState(null);
+  const [deleteBoxName, setDeleteBoxName] = useState("");
   useEffect(() => {
-    fetchAreas();
+    fetchBoxes();
   }, []);
   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 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/service-areas", {
+      const response = await fetch("/admin/boxes", {
         credentials: "include"
       });
       const data = await response.json();
-      console.log("Fetched service areas:", data);
-      setAreas(data.service_areas || []);
+      setBoxes(data.boxes || []);
     } catch (error) {
       toast.error("ข้อผิดพลาด", {
-        description: "ไม่สามารถโหลดข้อมูลพื้นที่บริการได้"
+        description: "ไม่สามารถโหลดข้อมูลกล่องพัสดุได้"
       });
     } finally {
       setIsLoading(false);
     }
   };
-  const handleToggleActive = async (area) => {
+  const handleToggleActive = async (box) => {
     try {
-      const response = await fetch(`/admin/service-areas/${area.id}`, {
+      const response = await fetch(`/admin/boxes/${box.id}`, {
         method: "PUT",
         headers: { "Content-Type": "application/json" },
         credentials: "include",
-        body: JSON.stringify({ ...area, active: !area.active })
+        body: JSON.stringify({ ...box, active: !box.active })
       });
       if (response.ok) {
         toast.success("สำเร็จ", {
-          description: `${area.active ? "ปิดใช้งาน" : "เปิดใช้งาน"}พื้นที่ ${area.value} แล้ว`
+          description: `${box.active ? "ปิดใช้งาน" : "เปิดใช้งาน"}กล่อง ${box.name} แล้ว`
         });
-        fetchAreas();
+        fetchBoxes();
       } else {
         throw new Error("Failed to update");
       }
@@ -512,87 +477,91 @@ const ServiceAreasTable = () => {
     }
   };
   const handleDelete = async () => {
-    if (!deleteAreaId) return;
+    if (!deleteBoxId) return;
     try {
-      const response = await fetch(`/admin/service-areas/${deleteAreaId}`, {
+      const response = await fetch(`/admin/boxes/${deleteBoxId}`, {
         method: "DELETE",
         credentials: "include"
       });
       if (response.ok) {
         toast.success("สำเร็จ", {
-          description: `ลบพื้นที่ ${deleteAreaValue} แล้ว`
+          description: `ลบกล่อง ${deleteBoxName} แล้ว`
         });
-        fetchAreas();
+        fetchBoxes();
       } else {
         throw new Error("Failed to delete");
       }
     } catch (error) {
       toast.error("ข้อผิดพลาด", {
-        description: "ไม่สามารถลบพื้นที่ได้"
+        description: "ไม่สามารถลบกล่องได้"
       });
     } finally {
-      setDeleteAreaId(null);
-      setDeleteAreaValue("");
+      setDeleteBoxId(null);
+      setDeleteBoxName("");
     }
   };
-  const handleEdit = (area) => {
-    setEditingArea(area);
+  const handleEdit = (box) => {
+    setEditingBox(box);
     setIsModalOpen(true);
   };
   const handleCreateNew = () => {
-    setEditingArea(null);
+    setEditingBox(null);
     setIsModalOpen(true);
   };
   const handleModalClose = () => {
     setIsModalOpen(false);
-    setEditingArea(null);
-    fetchAreas();
-  };
-  const openDeletePrompt = (id, value) => {
-    setDeleteAreaId(id);
-    setDeleteAreaValue(value);
+    setEditingBox(null);
+    fetchBoxes();
   };
-  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__ */ 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)) })
-          ] })
-        ] }),
+  const openDeletePrompt = (id, name) => {
+    setDeleteBoxId(id);
+    setDeleteBoxName(name);
+  };
+  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(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, { 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: "กำลังโหลด..." }) }) : 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.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,
             {
-              color: area.active ? "green" : "grey",
+              color: box.active ? "green" : "grey",
               className: "cursor-pointer",
-              onClick: () => handleToggleActive(area),
-              children: area.active ? "เปิดใช้งาน" : "ปิดใช้งาน"
+              onClick: () => handleToggleActive(box),
+              children: box.active ? "เปิดใช้งาน" : "ปิดใช้งาน"
             }
           ) }),
           /* @__PURE__ */ jsx(Table.Cell, { className: "text-right", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-x-2", children: [
@@ -601,7 +570,7 @@ const ServiceAreasTable = () => {
               {
                 variant: "transparent",
                 size: "small",
-                onClick: () => handleEdit(area),
+                onClick: () => handleEdit(box),
                 children: /* @__PURE__ */ jsx(Edit, {})
               }
             ),
@@ -610,30 +579,30 @@ const ServiceAreasTable = () => {
               {
                 variant: "transparent",
                 size: "small",
-                onClick: () => openDeletePrompt(area.id, area.value),
+                onClick: () => openDeletePrompt(box.id, box.name),
                 children: /* @__PURE__ */ jsx(Trash, {})
               }
             )
           ] }) })
-        ] }, area.id)) })
+        ] }, box.id)) })
       ] })
     ] }),
-    isModalOpen && /* @__PURE__ */ jsx(ServiceAreaModal, { area: editingArea, onClose: handleModalClose }),
+    isModalOpen && /* @__PURE__ */ jsx(ParcelBoxModal, { box: editingBox, onClose: handleModalClose }),
     /* @__PURE__ */ jsx(
       Prompt,
       {
         variant: "confirmation",
-        open: !!deleteAreaId,
+        open: !!deleteBoxId,
         onOpenChange: () => {
-          setDeleteAreaId(null);
-          setDeleteAreaValue("");
+          setDeleteBoxId(null);
+          setDeleteBoxName("");
         },
         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: [
-              'คุณต้องการลบพื้นที่ "',
-              deleteAreaValue,
+              'คุณต้องการลบกล่อง "',
+              deleteBoxName,
               '" ใช่หรือไม่? การดำเนินการนี้ไม่สามารถย้อนกลับได้'
             ] })
           ] }),
@@ -646,65 +615,63 @@ const ServiceAreasTable = () => {
     )
   ] });
 };
-const AreasPage = () => {
+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(ServiceAreasTable, {})
+    /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ jsx(Heading, { level: "h1", children: "กล่องพัสดุ" }) }),
+    /* @__PURE__ */ jsx(ParcelBoxesTable, {})
   ] }) });
 };
 const config$3 = defineRouteConfig({
-  icon: MapPin,
-  label: "พื้นที่บริการ"
+  icon: ArchiveBox,
+  label: "กล่องพัสดุ"
 });
-const ParcelBoxModal = ({ box, onClose }) => {
+const CATEGORIES$1 = [
+  { value: "PACKAGING", label: "วัสดุหีบห่อ" },
+  { value: "PROTECTION", label: "วัสดุป้องกัน" },
+  { value: "FILLING", label: "วัสดุเติมช่องว่าง" },
+  { value: "TAPE", label: "เทป/กาว" },
+  { value: "LABEL", label: "ฉลาก/สติกเกอร์" },
+  { value: "OTHER", label: "อื่นๆ" }
+];
+const MaterialCostModal = ({
+  materialCost,
+  onClose
+}) => {
   const [formData, setFormData] = useState({
     name: "",
-    width_cm: "",
-    length_cm: "",
-    height_cm: "",
-    max_weight_kg: "",
-    price_thb: "",
+    unit: "",
+    cost_per_unit: "",
+    currency: "THB",
+    category: "",
+    description: "",
     active: true
   });
   const [isSaving, setIsSaving] = useState(false);
   useEffect(() => {
-    if (box) {
+    if (materialCost) {
       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
+        name: materialCost.name,
+        unit: materialCost.unit,
+        cost_per_unit: materialCost.cost_per_unit.toString(),
+        currency: materialCost.currency,
+        category: materialCost.category || "",
+        description: materialCost.description || "",
+        active: materialCost.active
       });
     }
-  }, [box]);
+  }, [materialCost]);
   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");
+      errors.push("กรุณากรอกชื่อวัสดุ");
     }
-    if (isNaN(maxWeight) || maxWeight <= 0) {
-      errors.push("น้ำหนักสูงสุดต้องเป็นตัวเลขมากกว่า 0");
+    if (!formData.unit.trim()) {
+      errors.push("กรุณากรอกหน่วย");
     }
-    if (isNaN(price) || price < 0) {
-      errors.push("ราคาต้องเป็นตัวเลขไม่ติดลบ");
+    const costPerUnit = parseFloat(formData.cost_per_unit);
+    if (isNaN(costPerUnit) || costPerUnit < 0) {
+      errors.push("ต้นทุนต่อหน่วยต้องเป็นตัวเลขไม่ติดลบ");
     }
     if (errors.length > 0) {
       toast.error("ข้อมูลไม่ถูกต้อง", {
@@ -716,15 +683,15 @@ const ParcelBoxModal = ({ box, onClose }) => {
     try {
       const payload = {
         name: formData.name.trim(),
-        width_cm: width,
-        length_cm: length,
-        height_cm: height,
-        max_weight_kg: maxWeight,
-        price_thb: price,
+        unit: formData.unit.trim(),
+        cost_per_unit: costPerUnit,
+        currency: formData.currency,
+        category: formData.category || void 0,
+        description: formData.description.trim() || void 0,
         active: formData.active
       };
-      const url = box ? `/admin/boxes/${box.id}` : "/admin/boxes";
-      const method = box ? "PUT" : "POST";
+      const url = materialCost ? `/admin/material-costs/${materialCost.id}` : "/admin/material-costs";
+      const method = materialCost ? "PUT" : "POST";
       const response = await fetch(url, {
         method,
         headers: { "Content-Type": "application/json" },
@@ -733,7 +700,7 @@ const ParcelBoxModal = ({ box, onClose }) => {
       });
       if (response.ok) {
         toast.success("สำเร็จ", {
-          description: box ? "แก้ไขกล่องพัสดุแล้ว" : "สร้างกล่องพัสดุใหม่แล้ว"
+          description: materialCost ? "แก้ไขรายการต้นทุนวัสดุแล้ว" : "สร้างรายการต้นทุนวัสดุใหม่แล้ว"
         });
         onClose();
       } else {
@@ -749,95 +716,87 @@ 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.Header, { children: /* @__PURE__ */ jsx(Drawer.Title, { children: materialCost ? "แก้ไขรายการต้นทุนวัสดุ" : "สร้างรายการต้นทุนวัสดุใหม่" }) }),
     /* @__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(Label, { htmlFor: "name", children: "ชื่อวัสดุ *" }),
         /* @__PURE__ */ jsx(
           Input,
           {
             id: "name",
             value: formData.name,
             onChange: (e) => setFormData({ ...formData, name: e.target.value }),
-            placeholder: "เช่น กล่อง S, กล่อง M",
+            placeholder: "เช่น พลาสติกกันกระแทก, กล่องกระดาษ",
             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: "category", children: "หมวดหมู่ (ไม่บังคับ)" }),
+        /* @__PURE__ */ jsxs(
+          Select,
+          {
+            value: formData.category || void 0,
+            onValueChange: (value) => setFormData({ ...formData, category: value }),
+            children: [
+              /* @__PURE__ */ jsx(Select.Trigger, { children: /* @__PURE__ */ jsx(Select.Value, { placeholder: "เลือกหมวดหมู่ (ไม่บังคับ)" }) }),
+              /* @__PURE__ */ jsx(Select.Content, { children: CATEGORIES$1.map((category) => /* @__PURE__ */ jsx(Select.Item, { value: category.value, children: category.label }, category.value)) })
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-x-4", children: [
         /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx(Label, { htmlFor: "length", children: "ความยาว (cm) *" }),
+          /* @__PURE__ */ jsx(Label, { htmlFor: "unit", children: "หน่วย *" }),
           /* @__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",
+              id: "unit",
+              value: formData.unit,
+              onChange: (e) => setFormData({ ...formData, unit: e.target.value }),
+              placeholder: "เช่น ชิ้น, เมตร, กิโลกรัม",
               required: true
             }
           )
         ] }),
         /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx(Label, { htmlFor: "height", children: "ความสูง (cm) *" }),
+          /* @__PURE__ */ jsx(Label, { htmlFor: "costPerUnit", children: "ต้นทุนต่อหน่วย *" }),
           /* @__PURE__ */ jsx(
             Input,
             {
-              id: "height",
+              id: "costPerUnit",
               type: "number",
-              step: "0.1",
-              value: formData.height_cm,
-              onChange: (e) => setFormData({ ...formData, height_cm: e.target.value }),
-              placeholder: "15",
+              step: "0.01",
+              value: formData.cost_per_unit,
+              onChange: (e) => setFormData({ ...formData, cost_per_unit: e.target.value }),
+              placeholder: "0.00",
               required: true
             }
           )
         ] })
       ] }),
       /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx(Label, { htmlFor: "maxWeight", children: "น้ำหนักสูงสุด (kg) *" }),
+        /* @__PURE__ */ jsx(Label, { htmlFor: "currency", children: "สกุลเงิน" }),
         /* @__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
+            id: "currency",
+            value: formData.currency,
+            onChange: (e) => setFormData({ ...formData, currency: e.target.value }),
+            placeholder: "THB"
           }
         )
       ] }),
       /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx(Label, { htmlFor: "price", children: "ราคา (THB) *" }),
+        /* @__PURE__ */ jsx(Label, { htmlFor: "description", children: "คำอธิบาย" }),
         /* @__PURE__ */ jsx(
-          Input,
+          Textarea,
           {
-            id: "price",
-            type: "number",
-            step: "0.01",
-            value: formData.price_thb,
-            onChange: (e) => setFormData({ ...formData, price_thb: e.target.value }),
-            placeholder: "10.00",
-            required: true
+            id: "description",
+            value: formData.description,
+            onChange: (e) => setFormData({ ...formData, description: e.target.value }),
+            placeholder: "คำอธิบายเพิ่มเติมเกี่ยวกับวัสดุนี้...",
+            rows: 3
           }
         )
       ] }),
@@ -850,62 +809,87 @@ const ParcelBoxModal = ({ box, onClose }) => {
             onCheckedChange: (checked) => setFormData({ ...formData, active: checked })
           }
         ),
-        /* @__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(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: "submit", disabled: isSaving, children: isSaving ? "กำลังบันทึก..." : "บันทึก" })
       ] })
     ] }) })
   ] }) });
 };
-const ParcelBoxesTable = () => {
-  const [boxes, setBoxes] = useState([]);
-  const [filteredBoxes, setFilteredBoxes] = useState([]);
+const CATEGORIES = [
+  { value: "ALL", label: "ทั้งหมด" },
+  { value: "PACKAGING", label: "วัสดุหีบห่อ" },
+  { value: "PROTECTION", label: "วัสดุป้องกัน" },
+  { value: "FILLING", label: "วัสดุเติมช่องว่าง" },
+  { value: "TAPE", label: "เทป/กาว" },
+  { value: "LABEL", label: "ฉลาก/สติกเกอร์" },
+  { value: "OTHER", label: "อื่นๆ" }
+];
+const MaterialCostsTable = () => {
+  const [materialCosts, setMaterialCosts] = useState([]);
+  const [filteredMaterialCosts, setFilteredMaterialCosts] = useState([]);
   const [searchTerm, setSearchTerm] = useState("");
+  const [categoryFilter, setCategoryFilter] = useState("ALL");
   const [isModalOpen, setIsModalOpen] = useState(false);
-  const [editingBox, setEditingBox] = useState(null);
+  const [editingMaterialCost, setEditingMaterialCost] = useState(null);
   const [isLoading, setIsLoading] = useState(false);
-  const [deleteBoxId, setDeleteBoxId] = useState(null);
-  const [deleteBoxName, setDeleteBoxName] = useState("");
+  const [deleteMaterialCostId, setDeleteMaterialCostId] = useState(null);
+  const [deleteMaterialCostName, setDeleteMaterialCostName] = useState("");
   useEffect(() => {
-    fetchBoxes();
+    fetchMaterialCosts();
   }, []);
   useEffect(() => {
-    const filtered = boxes.filter(
-      (box) => box.name.toLowerCase().includes(searchTerm.toLowerCase())
-    );
-    setFilteredBoxes(filtered);
-  }, [searchTerm, boxes]);
-  const fetchBoxes = async () => {
+    let filtered = materialCosts;
+    if (categoryFilter !== "ALL") {
+      filtered = filtered.filter((mc) => mc.category === categoryFilter);
+    }
+    if (searchTerm) {
+      filtered = filtered.filter(
+        (mc) => mc.name.toLowerCase().includes(searchTerm.toLowerCase())
+      );
+    }
+    setFilteredMaterialCosts(filtered);
+  }, [searchTerm, categoryFilter, materialCosts]);
+  const fetchMaterialCosts = async () => {
     setIsLoading(true);
     try {
-      const response = await fetch("/admin/boxes", {
+      const response = await fetch("/admin/material-costs", {
         credentials: "include"
       });
       const data = await response.json();
-      setBoxes(data.boxes || []);
+      setMaterialCosts(data.material_costs || []);
     } catch (error) {
       toast.error("ข้อผิดพลาด", {
-        description: "ไม่สามารถโหลดข้อมูลกล่องพัสดุได้"
+        description: "ไม่สามารถโหลดข้อมูลต้นทุนวัสดุได้"
       });
     } finally {
       setIsLoading(false);
     }
   };
-  const handleToggleActive = async (box) => {
+  const handleToggleActive = async (materialCost) => {
     try {
-      const response = await fetch(`/admin/boxes/${box.id}`, {
+      const response = await fetch(`/admin/material-costs/${materialCost.id}`, {
         method: "PUT",
         headers: { "Content-Type": "application/json" },
         credentials: "include",
-        body: JSON.stringify({ ...box, active: !box.active })
+        body: JSON.stringify({ ...materialCost, active: !materialCost.active })
       });
       if (response.ok) {
         toast.success("สำเร็จ", {
-          description: `${box.active ? "ปิดใช้งาน" : "เปิดใช้งาน"}กล่อง ${box.name} แล้ว`
+          description: `${materialCost.active ? "ปิดใช้งาน" : "เปิดใช้งาน"}วัสดุ ${materialCost.name} แล้ว`
         });
-        fetchBoxes();
+        fetchMaterialCosts();
       } else {
         throw new Error("Failed to update");
       }
@@ -916,91 +900,105 @@ const ParcelBoxesTable = () => {
     }
   };
   const handleDelete = async () => {
-    if (!deleteBoxId) return;
+    if (!deleteMaterialCostId) return;
     try {
-      const response = await fetch(`/admin/boxes/${deleteBoxId}`, {
-        method: "DELETE",
-        credentials: "include"
-      });
+      const response = await fetch(
+        `/admin/material-costs/${deleteMaterialCostId}`,
+        {
+          method: "DELETE",
+          credentials: "include"
+        }
+      );
       if (response.ok) {
         toast.success("สำเร็จ", {
-          description: `ลบกล่อง ${deleteBoxName} แล้ว`
+          description: `ลบวัสดุ ${deleteMaterialCostName} แล้ว`
         });
-        fetchBoxes();
+        fetchMaterialCosts();
       } else {
         throw new Error("Failed to delete");
       }
     } catch (error) {
       toast.error("ข้อผิดพลาด", {
-        description: "ไม่สามารถลบกล่องได้"
+        description: "ไม่สามารถลบวัสดุได้"
       });
     } finally {
-      setDeleteBoxId(null);
-      setDeleteBoxName("");
+      setDeleteMaterialCostId(null);
+      setDeleteMaterialCostName("");
     }
   };
-  const handleEdit = (box) => {
-    setEditingBox(box);
+  const handleEdit = (materialCost) => {
+    setEditingMaterialCost(materialCost);
     setIsModalOpen(true);
   };
   const handleCreateNew = () => {
-    setEditingBox(null);
+    setEditingMaterialCost(null);
     setIsModalOpen(true);
   };
   const handleModalClose = () => {
     setIsModalOpen(false);
-    setEditingBox(null);
-    fetchBoxes();
+    setEditingMaterialCost(null);
+    fetchMaterialCosts();
   };
   const openDeletePrompt = (id, name) => {
-    setDeleteBoxId(id);
-    setDeleteBoxName(name);
+    setDeleteMaterialCostId(id);
+    setDeleteMaterialCostName(name);
+  };
+  const getCategoryLabel = (category) => {
+    var _a;
+    if (!category) return "-";
+    return ((_a = CATEGORIES.find((c) => c.value === category)) == null ? void 0 : _a.label) || category;
   };
   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: categoryFilter, onValueChange: setCategoryFilter, children: [
+            /* @__PURE__ */ jsx(Select.Trigger, { children: /* @__PURE__ */ jsx(Select.Value, { placeholder: "หมวดหมู่" }) }),
+            /* @__PURE__ */ jsx(Select.Content, { children: CATEGORIES.map((category) => /* @__PURE__ */ jsx(Select.Item, { value: category.value, children: category.label }, category.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, { 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__ */ jsx(Table.Body, { children: isLoading ? /* @__PURE__ */ jsx(Table.Row, { children: /* @__PURE__ */ jsx(Table.Cell, { className: "text-center", children: "กำลังโหลด..." }) }) : filteredMaterialCosts.length === 0 ? /* @__PURE__ */ jsx(Table.Row, { children: /* @__PURE__ */ jsx(Table.Cell, { className: "text-center", children: "ไม่พบข้อมูลต้นทุนวัสดุ" }) }) : filteredMaterialCosts.map((materialCost) => /* @__PURE__ */ jsxs(Table.Row, { children: [
+          /* @__PURE__ */ jsx(Table.Cell, { children: materialCost.name }),
+          /* @__PURE__ */ jsx(Table.Cell, { children: /* @__PURE__ */ jsx(Badge, { color: "blue", children: getCategoryLabel(materialCost.category) }) }),
+          /* @__PURE__ */ jsx(Table.Cell, { children: materialCost.unit }),
           /* @__PURE__ */ jsxs(Table.Cell, { children: [
-            box.width_cm,
-            " × ",
-            box.length_cm,
-            " × ",
-            box.height_cm
+            materialCost.cost_per_unit.toFixed(2),
+            " ",
+            materialCost.currency
           ] }),
-          /* @__PURE__ */ jsx(Table.Cell, { children: box.max_weight_kg }),
-          /* @__PURE__ */ jsx(Table.Cell, { children: box.price_thb.toFixed(2) }),
+          /* @__PURE__ */ jsx(Table.Cell, { className: "max-w-xs truncate", children: materialCost.description || "-" }),
           /* @__PURE__ */ jsx(Table.Cell, { children: /* @__PURE__ */ jsx(
             Badge,
             {
-              color: box.active ? "green" : "grey",
+              color: materialCost.active ? "green" : "grey",
               className: "cursor-pointer",
-              onClick: () => handleToggleActive(box),
-              children: box.active ? "เปิดใช้งาน" : "ปิดใช้งาน"
+              onClick: () => handleToggleActive(materialCost),
+              children: materialCost.active ? "เปิดใช้งาน" : "ปิดใช้งาน"
             }
           ) }),
           /* @__PURE__ */ jsx(Table.Cell, { className: "text-right", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-x-2", children: [
@@ -1009,7 +1007,7 @@ const ParcelBoxesTable = () => {
               {
                 variant: "transparent",
                 size: "small",
-                onClick: () => handleEdit(box),
+                onClick: () => handleEdit(materialCost),
                 children: /* @__PURE__ */ jsx(Edit, {})
               }
             ),
@@ -1018,30 +1016,36 @@ const ParcelBoxesTable = () => {
               {
                 variant: "transparent",
                 size: "small",
-                onClick: () => openDeletePrompt(box.id, box.name),
+                onClick: () => openDeletePrompt(materialCost.id, materialCost.name),
                 children: /* @__PURE__ */ jsx(Trash, {})
               }
             )
           ] }) })
-        ] }, box.id)) })
+        ] }, materialCost.id)) })
       ] })
     ] }),
-    isModalOpen && /* @__PURE__ */ jsx(ParcelBoxModal, { box: editingBox, onClose: handleModalClose }),
+    isModalOpen && /* @__PURE__ */ jsx(
+      MaterialCostModal,
+      {
+        materialCost: editingMaterialCost,
+        onClose: handleModalClose
+      }
+    ),
     /* @__PURE__ */ jsx(
       Prompt,
       {
         variant: "confirmation",
-        open: !!deleteBoxId,
+        open: !!deleteMaterialCostId,
         onOpenChange: () => {
-          setDeleteBoxId(null);
-          setDeleteBoxName("");
+          setDeleteMaterialCostId(null);
+          setDeleteMaterialCostName("");
         },
         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,
+              'คุณต้องการลบวัสดุ "',
+              deleteMaterialCostName,
               '" ใช่หรือไม่? การดำเนินการนี้ไม่สามารถย้อนกลับได้'
             ] })
           ] }),
@@ -1054,63 +1058,97 @@ const ParcelBoxesTable = () => {
     )
   ] });
 };
-const BoxesPage = () => {
+const MaterialCostsPage = () => {
   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(MaterialCostsTable, {})
   ] }) });
 };
 const config$2 = defineRouteConfig({
-  icon: ArchiveBox,
-  label: "กล่องพัสดุ"
+  icon: CurrencyDollarSolid,
+  label: "ต้นทุนวัสดุ"
 });
-const CATEGORIES$1 = [
-  { value: "PACKAGING", label: "วัสดุหีบห่อ" },
-  { value: "PROTECTION", label: "วัสดุป้องกัน" },
-  { value: "FILLING", label: "วัสดุเติมช่องว่าง" },
-  { value: "TAPE", label: "เทป/กาว" },
-  { value: "LABEL", label: "ฉลาก/สติกเกอร์" },
-  { value: "OTHER", label: "อื่นๆ" }
+const CARRIER_TYPES$1 = [
+  { value: "COMPANY_FLEET", label: "บริษัทรถส่งของ (Messenger)" },
+  { value: "COMPANY_TRUCK", label: "รถบริษัท (Same Day)" },
+  { value: "PRIVATE_CARRIER", label: "ขนส่งเอกชน (EMS/Express)" }
 ];
-const MaterialCostModal = ({
-  materialCost,
-  onClose
-}) => {
+const SERVICE_CODES$1 = [
+  { value: "MESSENGER_3H", label: "ส่งด่วน 3 ชม.", usesHours: true },
+  { value: "SAME_DAY", label: "ส่งด่วนภายในวัน", usesHours: true },
+  { value: "STANDARD_3_5D", label: "EMS 3-5 วัน", usesHours: false },
+  { value: "EXPRESS_1_2D", label: "Express 1-2 วัน", usesHours: false }
+];
+const ShippingRateModal = ({ rate, onClose }) => {
   const [formData, setFormData] = useState({
-    name: "",
-    unit: "",
-    cost_per_unit: "",
+    carrier_type: "COMPANY_FLEET",
+    service_code: "MESSENGER_3H",
+    max_weight_kg: "",
+    price: "",
     currency: "THB",
-    category: "",
-    description: "",
+    priority: "0",
+    eta_hours_min: "",
+    eta_hours_max: "",
+    eta_days_min: "",
+    eta_days_max: "",
     active: true
   });
   const [isSaving, setIsSaving] = useState(false);
+  const selectedService = SERVICE_CODES$1.find((s) => s.value === formData.service_code);
+  const usesHours = (selectedService == null ? void 0 : selectedService.usesHours) ?? false;
   useEffect(() => {
-    if (materialCost) {
+    var _a, _b, _c, _d;
+    if (rate) {
       setFormData({
-        name: materialCost.name,
-        unit: materialCost.unit,
-        cost_per_unit: materialCost.cost_per_unit.toString(),
-        currency: materialCost.currency,
-        category: materialCost.category || "",
-        description: materialCost.description || "",
-        active: materialCost.active
+        carrier_type: rate.carrier_type,
+        service_code: rate.service_code,
+        max_weight_kg: rate.max_weight_kg.toString(),
+        price: rate.price.toString(),
+        currency: rate.currency,
+        priority: (rate.priority ?? 0).toString(),
+        eta_hours_min: ((_a = rate.eta_hours_min) == null ? void 0 : _a.toString()) || "",
+        eta_hours_max: ((_b = rate.eta_hours_max) == null ? void 0 : _b.toString()) || "",
+        eta_days_min: ((_c = rate.eta_days_min) == null ? void 0 : _c.toString()) || "",
+        eta_days_max: ((_d = rate.eta_days_max) == null ? void 0 : _d.toString()) || "",
+        active: rate.active
       });
     }
-  }, [materialCost]);
+  }, [rate]);
   const handleSubmit = async (e) => {
     e.preventDefault();
     const errors = [];
-    if (!formData.name.trim()) {
-      errors.push("กรุณากรอกชื่อวัสดุ");
+    const maxWeight = parseFloat(formData.max_weight_kg);
+    const price = parseFloat(formData.price);
+    const priority = parseInt(formData.priority);
+    if (isNaN(maxWeight) || maxWeight <= 0) {
+      errors.push("น้ำหนักสูงสุดต้องเป็นตัวเลขมากกว่า 0");
     }
-    if (!formData.unit.trim()) {
-      errors.push("กรุณากรอกหน่วย");
+    if (isNaN(price) || price < 0) {
+      errors.push("ราคาต้องเป็นตัวเลขไม่ติดลบ");
     }
-    const costPerUnit = parseFloat(formData.cost_per_unit);
-    if (isNaN(costPerUnit) || costPerUnit < 0) {
-      errors.push("ต้นทุนต่อหน่วยต้องเป็นตัวเลขไม่ติดลบ");
+    if (isNaN(priority)) {
+      errors.push("ลำดับความสำคัญต้องเป็นตัวเลข");
+    }
+    let etaHoursMin;
+    let etaHoursMax;
+    let etaDaysMin;
+    let etaDaysMax;
+    if (usesHours) {
+      etaHoursMin = formData.eta_hours_min ? parseFloat(formData.eta_hours_min) : void 0;
+      etaHoursMax = formData.eta_hours_max ? parseFloat(formData.eta_hours_max) : void 0;
+      if (etaHoursMin === void 0 || etaHoursMax === void 0) {
+        errors.push("กรุณากรอก ETA เป็นชั่วโมงให้ครบ");
+      } else if (etaHoursMin > etaHoursMax) {
+        errors.push("ETA ชั่วโมงต่ำสุดต้องน้อยกว่าหรือเท่ากับสูงสุด");
+      }
+    } else {
+      etaDaysMin = formData.eta_days_min ? parseFloat(formData.eta_days_min) : void 0;
+      etaDaysMax = formData.eta_days_max ? parseFloat(formData.eta_days_max) : void 0;
+      if (etaDaysMin === void 0 || etaDaysMax === void 0) {
+        errors.push("กรุณากรอก ETA เป็นวันให้ครบ");
+      } else if (etaDaysMin > etaDaysMax) {
+        errors.push("ETA วันต่ำสุดต้องน้อยกว่าหรือเท่ากับสูงสุด");
+      }
     }
     if (errors.length > 0) {
       toast.error("ข้อมูลไม่ถูกต้อง", {
@@ -1121,16 +1159,23 @@ const MaterialCostModal = ({
     setIsSaving(true);
     try {
       const payload = {
-        name: formData.name.trim(),
-        unit: formData.unit.trim(),
-        cost_per_unit: costPerUnit,
+        carrier_type: formData.carrier_type,
+        service_code: formData.service_code,
+        max_weight_kg: maxWeight,
+        price,
         currency: formData.currency,
-        category: formData.category || void 0,
-        description: formData.description.trim() || void 0,
+        priority,
         active: formData.active
       };
-      const url = materialCost ? `/admin/material-costs/${materialCost.id}` : "/admin/material-costs";
-      const method = materialCost ? "PUT" : "POST";
+      if (usesHours) {
+        payload.eta_hours_min = etaHoursMin;
+        payload.eta_hours_max = etaHoursMax;
+      } else {
+        payload.eta_days_min = etaDaysMin;
+        payload.eta_days_max = etaDaysMax;
+      }
+      const url = rate ? `/admin/shipping-rates/${rate.id}` : "/admin/shipping-rates";
+      const method = rate ? "PUT" : "POST";
       const response = await fetch(url, {
         method,
         headers: { "Content-Type": "application/json" },
@@ -1139,7 +1184,7 @@ const MaterialCostModal = ({
       });
       if (response.ok) {
         toast.success("สำเร็จ", {
-          description: materialCost ? "แก้ไขรายการต้นทุนวัสดุแล้ว" : "สร้างรายการต้นทุนวัสดุใหม่แล้ว"
+          description: rate ? "แก้ไขอัตราค่าขนส่งแล้ว" : "สร้างอัตราค่าขนส่งใหม่แล้ว"
         });
         onClose();
       } else {
@@ -1155,89 +1200,139 @@ const MaterialCostModal = ({
     }
   };
   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: materialCost ? "แก้ไขรายการต้นทุนวัสดุ" : "สร้างรายการต้นทุนวัสดุใหม่" }) }),
+    /* @__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", { children: [
-        /* @__PURE__ */ jsx(Label, { htmlFor: "name", children: "ชื่อวัสดุ *" }),
-        /* @__PURE__ */ jsx(
-          Input,
+        /* @__PURE__ */ jsx(Label, { htmlFor: "carrier", children: "ประเภทขนส่ง *" }),
+        /* @__PURE__ */ jsxs(
+          Select,
           {
-            id: "name",
-            value: formData.name,
-            onChange: (e) => setFormData({ ...formData, name: e.target.value }),
-            placeholder: "เช่น พลาสติกกันกระแทก, กล่องกระดาษ",
-            required: true
+            value: formData.carrier_type,
+            onValueChange: (value) => setFormData({ ...formData, carrier_type: value }),
+            children: [
+              /* @__PURE__ */ jsx(Select.Trigger, { children: /* @__PURE__ */ jsx(Select.Value, { placeholder: "เลือกประเภทขนส่ง" }) }),
+              /* @__PURE__ */ jsx(Select.Content, { children: CARRIER_TYPES$1.map((carrier) => /* @__PURE__ */ jsx(Select.Item, { value: carrier.value, children: carrier.label }, carrier.value)) })
+            ]
           }
         )
       ] }),
       /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx(Label, { htmlFor: "category", children: "หมวดหมู่ (ไม่บังคับ)" }),
+        /* @__PURE__ */ jsx(Label, { htmlFor: "service", children: "บริการจัดส่ง *" }),
         /* @__PURE__ */ jsxs(
           Select,
           {
-            value: formData.category || void 0,
-            onValueChange: (value) => setFormData({ ...formData, category: value }),
+            value: formData.service_code,
+            onValueChange: (value) => setFormData({
+              ...formData,
+              service_code: value,
+              eta_hours_min: "",
+              eta_hours_max: "",
+              eta_days_min: "",
+              eta_days_max: ""
+            }),
             children: [
-              /* @__PURE__ */ jsx(Select.Trigger, { children: /* @__PURE__ */ jsx(Select.Value, { placeholder: "เลือกหมวดหมู่ (ไม่บังคับ)" }) }),
-              /* @__PURE__ */ jsx(Select.Content, { children: CATEGORIES$1.map((category) => /* @__PURE__ */ jsx(Select.Item, { value: category.value, children: category.label }, category.value)) })
+              /* @__PURE__ */ jsx(Select.Trigger, { children: /* @__PURE__ */ jsx(Select.Value, { placeholder: "เลือกบริการ" }) }),
+              /* @__PURE__ */ jsx(Select.Content, { children: SERVICE_CODES$1.map((service) => /* @__PURE__ */ jsx(Select.Item, { value: service.value, children: service.label }, service.value)) })
             ]
           }
         )
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-x-4", children: [
         /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx(Label, { htmlFor: "unit", children: "หน่วย *" }),
+          /* @__PURE__ */ jsx(Label, { htmlFor: "maxWeight", children: "น้ำหนักสูงสุด (kg) *" }),
           /* @__PURE__ */ jsx(
             Input,
             {
-              id: "unit",
-              value: formData.unit,
-              onChange: (e) => setFormData({ ...formData, unit: e.target.value }),
-              placeholder: "เช่น ชิ้น, เมตร, กิโลกรัม",
+              id: "maxWeight",
+              type: "number",
+              step: "0.1",
+              min: "0",
+              value: formData.max_weight_kg,
+              onChange: (e) => setFormData({ ...formData, max_weight_kg: e.target.value }),
+              placeholder: "เช่น 3",
               required: true
             }
           )
         ] }),
         /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx(Label, { htmlFor: "costPerUnit", children: "ต้นทุนต่อหน่วย *" }),
+          /* @__PURE__ */ jsx(Label, { htmlFor: "price", children: "ราคา (THB) *" }),
           /* @__PURE__ */ jsx(
             Input,
             {
-              id: "costPerUnit",
+              id: "price",
               type: "number",
               step: "0.01",
-              value: formData.cost_per_unit,
-              onChange: (e) => setFormData({ ...formData, cost_per_unit: e.target.value }),
-              placeholder: "0.00",
+              min: "0",
+              value: formData.price,
+              onChange: (e) => setFormData({ ...formData, price: e.target.value }),
+              placeholder: "เช่น 80",
               required: true
             }
           )
         ] })
       ] }),
       /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx(Label, { htmlFor: "currency", children: "สกุลเงิน" }),
+        /* @__PURE__ */ jsx(Label, { htmlFor: "priority", children: "ลำดับความสำคัญ" }),
         /* @__PURE__ */ jsx(
           Input,
           {
-            id: "currency",
-            value: formData.currency,
-            onChange: (e) => setFormData({ ...formData, currency: e.target.value }),
-            placeholder: "THB"
+            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", { children: [
-        /* @__PURE__ */ jsx(Label, { htmlFor: "description", children: "คำอธิบาย" }),
-        /* @__PURE__ */ jsx(
-          Textarea,
-          {
-            id: "description",
-            value: formData.description,
-            onChange: (e) => setFormData({ ...formData, description: e.target.value }),
-            placeholder: "คำอธิบายเพิ่มเติมเกี่ยวกับวัสดุนี้...",
-            rows: 3
-          }
-        )
+        /* @__PURE__ */ jsxs(Label, { children: [
+          usesHours ? "ETA (ชั่วโมง)" : "ETA (วัน)",
+          " *"
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-x-4 mt-2", children: usesHours ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              type: "number",
+              placeholder: "ต่ำสุด",
+              value: formData.eta_hours_min,
+              onChange: (e) => setFormData({ ...formData, eta_hours_min: e.target.value }),
+              required: true
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              type: "number",
+              placeholder: "สูงสุด",
+              value: formData.eta_hours_max,
+              onChange: (e) => setFormData({ ...formData, eta_hours_max: e.target.value }),
+              required: true
+            }
+          )
+        ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              type: "number",
+              placeholder: "ต่ำสุด",
+              value: formData.eta_days_min,
+              onChange: (e) => setFormData({ ...formData, eta_days_min: e.target.value }),
+              required: true
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              type: "number",
+              placeholder: "สูงสุด",
+              value: formData.eta_days_max,
+              onChange: (e) => setFormData({ ...formData, eta_days_max: e.target.value }),
+              required: true
+            }
+          )
+        ] }) })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-2", children: [
         /* @__PURE__ */ jsx(
@@ -1251,202 +1346,168 @@ const MaterialCostModal = ({
         /* @__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 CATEGORIES = [
+const CARRIER_TYPES = [
   { value: "ALL", label: "ทั้งหมด" },
-  { value: "PACKAGING", label: "วัสดุหีบห่อ" },
-  { value: "PROTECTION", label: "วัสดุป้องกัน" },
-  { value: "FILLING", label: "วัสดุเติมช่องว่าง" },
-  { value: "TAPE", label: "เทป/กาว" },
-  { value: "LABEL", label: "ฉลาก/สติกเกอร์" },
-  { value: "OTHER", label: "อื่นๆ" }
+  { value: "COMPANY_FLEET", label: "บริษัทรถส่งของ (Messenger)" },
+  { value: "COMPANY_TRUCK", label: "รถบริษัท (Same Day)" },
+  { value: "PRIVATE_CARRIER", label: "ขนส่งเอกชน (EMS/Express)" }
 ];
-const MaterialCostsTable = () => {
-  const [materialCosts, setMaterialCosts] = useState([]);
-  const [filteredMaterialCosts, setFilteredMaterialCosts] = useState([]);
-  const [searchTerm, setSearchTerm] = useState("");
-  const [categoryFilter, setCategoryFilter] = useState("ALL");
+const SERVICE_CODES = [
+  { value: "ALL", label: "ทั้งหมด" },
+  { value: "MESSENGER_3H", label: "ส่งด่วน 3 ชม." },
+  { value: "SAME_DAY", label: "ส่งด่วนภายในวัน" },
+  { value: "STANDARD_3_5D", label: "EMS 3-5 วัน" },
+  { value: "EXPRESS_1_2D", label: "Express 1-2 วัน" }
+];
+const ShippingRatesTable = () => {
+  const [rates, setRates] = useState([]);
+  const [filteredRates, setFilteredRates] = useState([]);
+  const [carrierFilter, setCarrierFilter] = useState("ALL");
+  const [serviceFilter, setServiceFilter] = useState("ALL");
   const [isModalOpen, setIsModalOpen] = useState(false);
-  const [editingMaterialCost, setEditingMaterialCost] = useState(null);
+  const [editingRate, setEditingRate] = useState(null);
   const [isLoading, setIsLoading] = useState(false);
-  const [deleteMaterialCostId, setDeleteMaterialCostId] = useState(null);
-  const [deleteMaterialCostName, setDeleteMaterialCostName] = useState("");
+  const [deleteRateId, setDeleteRateId] = useState(null);
   useEffect(() => {
-    fetchMaterialCosts();
+    fetchRates();
   }, []);
   useEffect(() => {
-    let filtered = materialCosts;
-    if (categoryFilter !== "ALL") {
-      filtered = filtered.filter((mc) => mc.category === categoryFilter);
-    }
-    if (searchTerm) {
-      filtered = filtered.filter(
-        (mc) => mc.name.toLowerCase().includes(searchTerm.toLowerCase())
-      );
+    let filtered = rates;
+    if (carrierFilter !== "ALL") {
+      filtered = filtered.filter((rate) => rate.carrier_type === carrierFilter);
     }
-    setFilteredMaterialCosts(filtered);
-  }, [searchTerm, categoryFilter, materialCosts]);
-  const fetchMaterialCosts = async () => {
+    if (serviceFilter !== "ALL") {
+      filtered = filtered.filter((rate) => rate.service_code === serviceFilter);
+    }
+    setFilteredRates(filtered);
+  }, [carrierFilter, serviceFilter, rates]);
+  const fetchRates = async () => {
     setIsLoading(true);
     try {
-      const response = await fetch("/admin/material-costs", {
+      const response = await fetch("/admin/shipping-rates", {
         credentials: "include"
       });
       const data = await response.json();
-      setMaterialCosts(data.material_costs || []);
+      setRates(data.rates || []);
     } catch (error) {
       toast.error("ข้อผิดพลาด", {
-        description: "ไม่สามารถโหลดข้อมูลต้นทุนวัสดุได้"
+        description: "ไม่สามารถโหลดข้อมูลอัตราค่าขนส่งได้"
       });
     } finally {
       setIsLoading(false);
     }
   };
-  const handleToggleActive = async (materialCost) => {
-    try {
-      const response = await fetch(`/admin/material-costs/${materialCost.id}`, {
-        method: "PUT",
-        headers: { "Content-Type": "application/json" },
-        credentials: "include",
-        body: JSON.stringify({ ...materialCost, active: !materialCost.active })
-      });
-      if (response.ok) {
-        toast.success("สำเร็จ", {
-          description: `${materialCost.active ? "ปิดใช้งาน" : "เปิดใช้งาน"}วัสดุ ${materialCost.name} แล้ว`
-        });
-        fetchMaterialCosts();
-      } else {
-        throw new Error("Failed to update");
-      }
-    } catch (error) {
-      toast.error("ข้อผิดพลาด", {
-        description: "ไม่สามารถอัพเดทสถานะได้"
-      });
-    }
-  };
   const handleDelete = async () => {
-    if (!deleteMaterialCostId) return;
+    if (!deleteRateId) return;
     try {
-      const response = await fetch(
-        `/admin/material-costs/${deleteMaterialCostId}`,
-        {
-          method: "DELETE",
-          credentials: "include"
-        }
-      );
+      const response = await fetch(`/admin/shipping-rates/${deleteRateId}`, {
+        method: "DELETE",
+        credentials: "include"
+      });
       if (response.ok) {
         toast.success("สำเร็จ", {
-          description: `ลบวัสดุ ${deleteMaterialCostName} แล้ว`
+          description: "ลบอัตราค่าขนส่งแล้ว"
         });
-        fetchMaterialCosts();
+        fetchRates();
       } else {
         throw new Error("Failed to delete");
       }
     } catch (error) {
       toast.error("ข้อผิดพลาด", {
-        description: "ไม่สามารถลบวัสดุได้"
+        description: "ไม่สามารถลบอัตราค่าขนส่งได้"
       });
     } finally {
-      setDeleteMaterialCostId(null);
-      setDeleteMaterialCostName("");
+      setDeleteRateId(null);
     }
   };
-  const handleEdit = (materialCost) => {
-    setEditingMaterialCost(materialCost);
+  const handleEdit = (rate) => {
+    setEditingRate(rate);
     setIsModalOpen(true);
   };
   const handleCreateNew = () => {
-    setEditingMaterialCost(null);
+    setEditingRate(null);
     setIsModalOpen(true);
   };
   const handleModalClose = () => {
     setIsModalOpen(false);
-    setEditingMaterialCost(null);
-    fetchMaterialCosts();
+    setEditingRate(null);
+    fetchRates();
   };
-  const openDeletePrompt = (id, name) => {
-    setDeleteMaterialCostId(id);
-    setDeleteMaterialCostName(name);
+  const getCarrierLabel = (type) => {
+    var _a;
+    return ((_a = CARRIER_TYPES.find((c) => c.value === type)) == null ? void 0 : _a.label) || type;
   };
-  const getCategoryLabel = (category) => {
+  const getServiceLabel = (code) => {
     var _a;
-    if (!category) return "-";
-    return ((_a = CATEGORIES.find((c) => c.value === category)) == null ? void 0 : _a.label) || category;
+    return ((_a = SERVICE_CODES.find((s) => s.value === code)) == null ? void 0 : _a.label) || code;
+  };
+  const formatETA = (rate) => {
+    if (rate.eta_hours_min !== null && rate.eta_hours_min !== void 0 && rate.eta_hours_max !== null && rate.eta_hours_max !== void 0) {
+      return `${rate.eta_hours_min}-${rate.eta_hours_max} ชม.`;
+    }
+    if (rate.eta_days_min !== null && rate.eta_days_min !== void 0 && rate.eta_days_max !== null && rate.eta_days_max !== void 0) {
+      return `${rate.eta_days_min}-${rate.eta_days_max} วัน`;
+    }
+    return "-";
   };
   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__ */ jsx(
-            Input,
-            {
-              type: "search",
-              placeholder: "ค้นหาชื่อวัสดุ...",
-              value: searchTerm,
-              onChange: (e) => setSearchTerm(e.target.value),
-              className: "max-w-md"
-            }
-          ),
-          /* @__PURE__ */ jsxs(Select, { value: categoryFilter, onValueChange: setCategoryFilter, children: [
-            /* @__PURE__ */ jsx(Select.Trigger, { children: /* @__PURE__ */ jsx(Select.Value, { placeholder: "หมวดหมู่" }) }),
-            /* @__PURE__ */ jsx(Select.Content, { children: CATEGORIES.map((category) => /* @__PURE__ */ jsx(Select.Item, { value: category.value, children: category.label }, category.value)) })
+        /* @__PURE__ */ jsxs("div", { className: "flex gap-x-4 items-end", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-1", children: [
+            /* @__PURE__ */ jsx("label", { className: "text-sm font-medium text-ui-fg-subtle", children: "ประเภทขนส่ง" }),
+            /* @__PURE__ */ jsxs(Select, { value: carrierFilter, onValueChange: setCarrierFilter, children: [
+              /* @__PURE__ */ jsx(Select.Trigger, { children: /* @__PURE__ */ jsx(Select.Value, { placeholder: "ทั้งหมด" }) }),
+              /* @__PURE__ */ jsx(Select.Content, { children: CARRIER_TYPES.map((type) => /* @__PURE__ */ jsx(Select.Item, { value: type.value, children: type.label }, type.value)) })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-1", children: [
+            /* @__PURE__ */ jsx("label", { className: "text-sm font-medium text-ui-fg-subtle", children: "บริการจัดส่ง" }),
+            /* @__PURE__ */ jsxs(Select, { value: serviceFilter, onValueChange: setServiceFilter, children: [
+              /* @__PURE__ */ jsx(Select.Trigger, { children: /* @__PURE__ */ jsx(Select.Value, { placeholder: "ทั้งหมด" }) }),
+              /* @__PURE__ */ jsx(Select.Content, { children: SERVICE_CODES.map((service) => /* @__PURE__ */ jsx(Select.Item, { value: service.value, children: service.label }, service.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, { children: "ต้นทุนต่อหน่วย" }),
-          /* @__PURE__ */ jsx(Table.HeaderCell, { children: "คำอธิบาย" }),
+          /* @__PURE__ */ jsx(Table.HeaderCell, { children: "ประเภทขนส่ง" }),
+          /* @__PURE__ */ jsx(Table.HeaderCell, { children: "บริการ" }),
+          /* @__PURE__ */ jsx(Table.HeaderCell, { children: "น้ำหนัก ≤ (kg)" }),
+          /* @__PURE__ */ jsx(Table.HeaderCell, { children: "ราคา (THB)" }),
+          /* @__PURE__ */ jsx(Table.HeaderCell, { children: "ETA" }),
           /* @__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: "กำลังโหลด..." }) }) : filteredMaterialCosts.length === 0 ? /* @__PURE__ */ jsx(Table.Row, { children: /* @__PURE__ */ jsx(Table.Cell, { className: "text-center", children: "ไม่พบข้อมูลต้นทุนวัสดุ" }) }) : filteredMaterialCosts.map((materialCost) => /* @__PURE__ */ jsxs(Table.Row, { children: [
-          /* @__PURE__ */ jsx(Table.Cell, { children: materialCost.name }),
-          /* @__PURE__ */ jsx(Table.Cell, { children: /* @__PURE__ */ jsx(Badge, { color: "blue", children: getCategoryLabel(materialCost.category) }) }),
-          /* @__PURE__ */ jsx(Table.Cell, { children: materialCost.unit }),
+        /* @__PURE__ */ jsx(Table.Body, { children: isLoading ? /* @__PURE__ */ jsx(Table.Row, { children: /* @__PURE__ */ jsx(Table.Cell, { className: "text-center", children: "กำลังโหลด..." }) }) : filteredRates.length === 0 ? /* @__PURE__ */ jsx(Table.Row, { children: /* @__PURE__ */ jsx(Table.Cell, { className: "text-center", children: "ไม่พบข้อมูลอัตราค่าขนส่ง" }) }) : filteredRates.map((rate) => /* @__PURE__ */ jsxs(Table.Row, { children: [
+          /* @__PURE__ */ jsx(Table.Cell, { children: getCarrierLabel(rate.carrier_type) }),
+          /* @__PURE__ */ jsx(Table.Cell, { children: getServiceLabel(rate.service_code) }),
           /* @__PURE__ */ jsxs(Table.Cell, { children: [
-            materialCost.cost_per_unit.toFixed(2),
-            " ",
-            materialCost.currency
+            "≤ ",
+            rate.max_weight_kg,
+            " kg"
           ] }),
-          /* @__PURE__ */ jsx(Table.Cell, { className: "max-w-xs truncate", children: materialCost.description || "-" }),
-          /* @__PURE__ */ jsx(Table.Cell, { children: /* @__PURE__ */ jsx(
-            Badge,
-            {
-              color: materialCost.active ? "green" : "grey",
-              className: "cursor-pointer",
-              onClick: () => handleToggleActive(materialCost),
-              children: materialCost.active ? "เปิดใช้งาน" : "ปิดใช้งาน"
-            }
-          ) }),
+          /* @__PURE__ */ jsx(Table.Cell, { children: rate.price.toFixed(2) }),
+          /* @__PURE__ */ jsx(Table.Cell, { children: /* @__PURE__ */ jsx(Badge, { color: "blue", children: formatETA(rate) }) }),
+          /* @__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: () => handleEdit(materialCost),
+                onClick: () => handleEdit(rate),
                 children: /* @__PURE__ */ jsx(Edit, {})
               }
             ),
@@ -1455,38 +1516,25 @@ const MaterialCostsTable = () => {
               {
                 variant: "transparent",
                 size: "small",
-                onClick: () => openDeletePrompt(materialCost.id, materialCost.name),
+                onClick: () => setDeleteRateId(rate.id),
                 children: /* @__PURE__ */ jsx(Trash, {})
               }
             )
           ] }) })
-        ] }, materialCost.id)) })
+        ] }, rate.id)) })
       ] })
     ] }),
-    isModalOpen && /* @__PURE__ */ jsx(
-      MaterialCostModal,
-      {
-        materialCost: editingMaterialCost,
-        onClose: handleModalClose
-      }
-    ),
+    isModalOpen && /* @__PURE__ */ jsx(ShippingRateModal, { rate: editingRate, onClose: handleModalClose }),
     /* @__PURE__ */ jsx(
       Prompt,
       {
         variant: "confirmation",
-        open: !!deleteMaterialCostId,
-        onOpenChange: () => {
-          setDeleteMaterialCostId(null);
-          setDeleteMaterialCostName("");
-        },
+        open: !!deleteRateId,
+        onOpenChange: () => setDeleteRateId(null),
         children: /* @__PURE__ */ jsxs(Prompt.Content, { children: [
           /* @__PURE__ */ jsxs(Prompt.Header, { children: [
-            /* @__PURE__ */ jsx(Prompt.Title, { children: "ลบรายการต้นทุนวัสดุ" }),
-            /* @__PURE__ */ jsxs(Prompt.Description, { children: [
-              'คุณต้องการลบวัสดุ "',
-              deleteMaterialCostName,
-              '" ใช่หรือไม่? การดำเนินการนี้ไม่สามารถย้อนกลับได้'
-            ] })
+            /* @__PURE__ */ jsx(Prompt.Title, { children: "ลบอัตราค่าขนส่ง" }),
+            /* @__PURE__ */ jsx(Prompt.Description, { children: "คุณต้องการลบอัตราค่าขนส่งนี้ใช่หรือไม่? การดำเนินการนี้ไม่สามารถย้อนกลับได้" })
           ] }),
           /* @__PURE__ */ jsxs(Prompt.Footer, { children: [
             /* @__PURE__ */ jsx(Prompt.Cancel, { children: "ยกเลิก" }),
@@ -1497,96 +1545,125 @@ const MaterialCostsTable = () => {
     )
   ] });
 };
-const MaterialCostsPage = () => {
+const RatesPage = () => {
   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(MaterialCostsTable, {})
+    /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ jsx(Heading, { level: "h1", children: "อัตราค่าขนส่ง" }) }),
+    /* @__PURE__ */ jsx(ShippingRatesTable, {})
   ] }) });
 };
 const config$1 = defineRouteConfig({
-  icon: CurrencyDollarSolid,
-  label: "ต้นทุนวัสดุ"
+  icon: HandTruck,
+  label: "อัตราค่าขนส่ง"
 });
-const CARRIER_TYPES$1 = [
-  { value: "COMPANY_FLEET", label: "บริษัทรถส่งของ (Messenger)" },
-  { value: "COMPANY_TRUCK", label: "รถบริษัท (Same Day)" },
-  { value: "PRIVATE_CARRIER", label: "ขนส่งเอกชน (EMS/Express)" }
-];
-const SERVICE_CODES$1 = [
-  { value: "MESSENGER_3H", label: "ส่งด่วน 3 ชม.", usesHours: true },
-  { value: "SAME_DAY", label: "ส่งด่วนภายในวัน", usesHours: true },
-  { value: "STANDARD_3_5D", label: "EMS 3-5 วัน", usesHours: false },
-  { value: "EXPRESS_1_2D", label: "Express 1-2 วัน", usesHours: false }
+const TH_PROVINCES = [
+  "กรุงเทพมหานคร",
+  "กระบี่",
+  "กาญจนบุรี",
+  "กาฬสินธุ์",
+  "กำแพงเพชร",
+  "ขอนแก่น",
+  "จันทบุรี",
+  "ฉะเชิงเทรา",
+  "ชลบุรี",
+  "ชัยนาท",
+  "ชัยภูมิ",
+  "ชุมพร",
+  "เชียงราย",
+  "เชียงใหม่",
+  "ตรัง",
+  "ตราด",
+  "ตาก",
+  "นครนายก",
+  "นครปฐม",
+  "นครพนม",
+  "นครราชสีมา",
+  "นครศรีธรรมราช",
+  "นครสวรรค์",
+  "นนทบุรี",
+  "นราธิวาส",
+  "น่าน",
+  "บึงกาฬ",
+  "บุรีรัมย์",
+  "ปทุมธานี",
+  "ประจวบคีรีขันธ์",
+  "ปราจีนบุรี",
+  "ปัตตานี",
+  "พระนครศรีอยุธยา",
+  "พะเยา",
+  "พังงา",
+  "พัทลุง",
+  "พิจิตร",
+  "พิษณุโลก",
+  "เพชรบุรี",
+  "เพชรบูรณ์",
+  "แพร่",
+  "ภูเก็ต",
+  "มหาสารคาม",
+  "มุกดาหาร",
+  "แม่ฮ่องสอน",
+  "ยโสธร",
+  "ยะลา",
+  "ร้อยเอ็ด",
+  "ระนอง",
+  "ระยอง",
+  "ราชบุรี",
+  "ลพบุรี",
+  "ลำปาง",
+  "ลำพูน",
+  "เลย",
+  "ศรีสะเกษ",
+  "สกลนคร",
+  "สงขลา",
+  "สตูล",
+  "สมุทรปราการ",
+  "สมุทรสงคราม",
+  "สมุทรสาคร",
+  "สระแก้ว",
+  "สระบุรี",
+  "สิงห์บุรี",
+  "สุโขทัย",
+  "สุพรรณบุรี",
+  "สุราษฎร์ธานี",
+  "สุรินทร์",
+  "หนองคาย",
+  "หนองบัวลำภู",
+  "อ่างทอง",
+  "อำนาจเจริญ",
+  "อุดรธานี",
+  "อุตรดิตถ์",
+  "อุทัยธานี",
+  "อุบลราชธานี"
 ];
-const ShippingRateModal = ({ rate, onClose }) => {
+const ServiceAreaModal = ({ area, onClose }) => {
   const [formData, setFormData] = useState({
-    carrier_type: "COMPANY_FLEET",
-    service_code: "MESSENGER_3H",
-    max_weight_kg: "",
-    price: "",
-    currency: "THB",
-    priority: "0",
-    eta_hours_min: "",
-    eta_hours_max: "",
-    eta_days_min: "",
-    eta_days_max: "",
+    kind: "PROVINCE",
+    value: "",
     active: true
   });
   const [isSaving, setIsSaving] = useState(false);
-  const selectedService = SERVICE_CODES$1.find((s) => s.value === formData.service_code);
-  const usesHours = (selectedService == null ? void 0 : selectedService.usesHours) ?? false;
   useEffect(() => {
-    var _a, _b, _c, _d;
-    if (rate) {
+    if (area) {
       setFormData({
-        carrier_type: rate.carrier_type,
-        service_code: rate.service_code,
-        max_weight_kg: rate.max_weight_kg.toString(),
-        price: rate.price.toString(),
-        currency: rate.currency,
-        priority: (rate.priority ?? 0).toString(),
-        eta_hours_min: ((_a = rate.eta_hours_min) == null ? void 0 : _a.toString()) || "",
-        eta_hours_max: ((_b = rate.eta_hours_max) == null ? void 0 : _b.toString()) || "",
-        eta_days_min: ((_c = rate.eta_days_min) == null ? void 0 : _c.toString()) || "",
-        eta_days_max: ((_d = rate.eta_days_max) == null ? void 0 : _d.toString()) || "",
-        active: rate.active
+        kind: area.kind,
+        value: area.value,
+        active: area.active
       });
     }
-  }, [rate]);
+  }, [area]);
   const handleSubmit = async (e) => {
     e.preventDefault();
     const errors = [];
-    const maxWeight = parseFloat(formData.max_weight_kg);
-    const price = parseFloat(formData.price);
-    const priority = parseInt(formData.priority);
-    if (isNaN(maxWeight) || maxWeight <= 0) {
-      errors.push("น้ำหนักสูงสุดต้องเป็นตัวเลขมากกว่า 0");
-    }
-    if (isNaN(price) || price < 0) {
-      errors.push("ราคาต้องเป็นตัวเลขไม่ติดลบ");
-    }
-    if (isNaN(priority)) {
-      errors.push("ลำดับความสำคัญต้องเป็นตัวเลข");
+    const trimmedValue = formData.value.trim();
+    if (!trimmedValue) {
+      errors.push("กรุณากรอกค่า");
     }
-    let etaHoursMin;
-    let etaHoursMax;
-    let etaDaysMin;
-    let etaDaysMax;
-    if (usesHours) {
-      etaHoursMin = formData.eta_hours_min ? parseFloat(formData.eta_hours_min) : void 0;
-      etaHoursMax = formData.eta_hours_max ? parseFloat(formData.eta_hours_max) : void 0;
-      if (etaHoursMin === void 0 || etaHoursMax === void 0) {
-        errors.push("กรุณากรอก ETA เป็นชั่วโมงให้ครบ");
-      } else if (etaHoursMin > etaHoursMax) {
-        errors.push("ETA ชั่วโมงต่ำสุดต้องน้อยกว่าหรือเท่ากับสูงสุด");
+    if (formData.kind === "PROVINCE") {
+      if (!TH_PROVINCES.includes(trimmedValue)) {
+        errors.push("จังหวัดไม่ถูกต้อง กรุณาตรวจสอบการสะกดชื่อจังหวัด");
       }
-    } else {
-      etaDaysMin = formData.eta_days_min ? parseFloat(formData.eta_days_min) : void 0;
-      etaDaysMax = formData.eta_days_max ? parseFloat(formData.eta_days_max) : void 0;
-      if (etaDaysMin === void 0 || etaDaysMax === void 0) {
-        errors.push("กรุณากรอก ETA เป็นวันให้ครบ");
-      } else if (etaDaysMin > etaDaysMax) {
-        errors.push("ETA วันต่ำสุดต้องน้อยกว่าหรือเท่ากับสูงสุด");
+    } else if (formData.kind === "POSTCODE_PREFIX") {
+      if (!/^\d{1,5}$/.test(trimmedValue)) {
+        errors.push("รหัสไปรษณีย์ต้องเป็นตัวเลข 1-5 หลัก");
       }
     }
     if (errors.length > 0) {
@@ -1598,23 +1675,12 @@ const ShippingRateModal = ({ rate, onClose }) => {
     setIsSaving(true);
     try {
       const payload = {
-        carrier_type: formData.carrier_type,
-        service_code: formData.service_code,
-        max_weight_kg: maxWeight,
-        price,
-        currency: formData.currency,
-        priority,
+        kind: formData.kind,
+        value: trimmedValue,
         active: formData.active
       };
-      if (usesHours) {
-        payload.eta_hours_min = etaHoursMin;
-        payload.eta_hours_max = etaHoursMax;
-      } else {
-        payload.eta_days_min = etaDaysMin;
-        payload.eta_days_max = etaDaysMax;
-      }
-      const url = rate ? `/admin/shipping-rates/${rate.id}` : "/admin/shipping-rates";
-      const method = rate ? "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" },
@@ -1623,7 +1689,7 @@ const ShippingRateModal = ({ rate, onClose }) => {
       });
       if (response.ok) {
         toast.success("สำเร็จ", {
-          description: rate ? "แก้ไขอัตราค่าขนส่งแล้ว" : "สร้างอัตราค่าขนส่งใหม่แล้ว"
+          description: area ? "แก้ไขพื้นที่บริการแล้ว" : "สร้างพื้นที่บริการใหม่แล้ว"
         });
         onClose();
       } else {
@@ -1639,139 +1705,53 @@ const ShippingRateModal = ({ rate, 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: rate ? "แก้ไขอัตราค่าขนส่ง" : "สร้างอัตราค่าขนส่งใหม่" }) }),
+    /* @__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: "carrier", children: "ประเภทขนส่ง *" }),
+        /* @__PURE__ */ jsx(Label, { htmlFor: "kind", children: "ประเภท *" }),
         /* @__PURE__ */ jsxs(
           Select,
           {
-            value: formData.carrier_type,
-            onValueChange: (value) => setFormData({ ...formData, carrier_type: value }),
+            value: formData.kind,
+            onValueChange: (value) => setFormData({ ...formData, kind: value, value: "" }),
+            required: true,
             children: [
-              /* @__PURE__ */ jsx(Select.Trigger, { children: /* @__PURE__ */ jsx(Select.Value, { placeholder: "เลือกประเภทขนส่ง" }) }),
-              /* @__PURE__ */ jsx(Select.Content, { children: CARRIER_TYPES$1.map((carrier) => /* @__PURE__ */ jsx(Select.Item, { value: carrier.value, children: carrier.label }, carrier.value)) })
+              /* @__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: "service", children: "บริการจัดส่ง *" }),
-        /* @__PURE__ */ jsxs(
+        /* @__PURE__ */ jsx(Label, { htmlFor: "value", children: formData.kind === "PROVINCE" ? "ชื่อจังหวัด *" : "รหัสไปรษณีย์ (1-5 หลัก) *" }),
+        formData.kind === "PROVINCE" ? /* @__PURE__ */ jsxs(
           Select,
           {
-            value: formData.service_code,
-            onValueChange: (value) => setFormData({
-              ...formData,
-              service_code: value,
-              eta_hours_min: "",
-              eta_hours_max: "",
-              eta_days_min: "",
-              eta_days_max: ""
-            }),
+            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: SERVICE_CODES$1.map((service) => /* @__PURE__ */ jsx(Select.Item, { value: service.value, children: service.label }, service.value)) })
+              /* @__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__ */ jsxs("div", { className: "grid grid-cols-2 gap-x-4", children: [
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx(Label, { htmlFor: "maxWeight", children: "น้ำหนักสูงสุด (kg) *" }),
-          /* @__PURE__ */ jsx(
-            Input,
-            {
-              id: "maxWeight",
-              type: "number",
-              step: "0.1",
-              min: "0",
-              value: formData.max_weight_kg,
-              onChange: (e) => setFormData({ ...formData, max_weight_kg: e.target.value }),
-              placeholder: "เช่น 3",
-              required: true
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx(Label, { htmlFor: "price", children: "ราคา (THB) *" }),
-          /* @__PURE__ */ jsx(
-            Input,
-            {
-              id: "price",
-              type: "number",
-              step: "0.01",
-              min: "0",
-              value: formData.price,
-              onChange: (e) => setFormData({ ...formData, price: e.target.value }),
-              placeholder: "เช่น 80",
-              required: true
-            }
-          )
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx(Label, { htmlFor: "priority", children: "ลำดับความสำคัญ" }),
-        /* @__PURE__ */ jsx(
+        ) : /* @__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", { children: [
-        /* @__PURE__ */ jsxs(Label, { children: [
-          usesHours ? "ETA (ชั่วโมง)" : "ETA (วัน)",
-          " *"
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-x-4 mt-2", children: usesHours ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(
-            Input,
-            {
-              type: "number",
-              placeholder: "ต่ำสุด",
-              value: formData.eta_hours_min,
-              onChange: (e) => setFormData({ ...formData, eta_hours_min: e.target.value }),
-              required: true
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Input,
-            {
-              type: "number",
-              placeholder: "สูงสุด",
-              value: formData.eta_hours_max,
-              onChange: (e) => setFormData({ ...formData, eta_hours_max: e.target.value }),
-              required: true
-            }
-          )
-        ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(
-            Input,
-            {
-              type: "number",
-              placeholder: "ต่ำสุด",
-              value: formData.eta_days_min,
-              onChange: (e) => setFormData({ ...formData, eta_days_min: e.target.value }),
-              required: true
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Input,
-            {
-              type: "number",
-              placeholder: "สูงสุด",
-              value: formData.eta_days_max,
-              onChange: (e) => setFormData({ ...formData, eta_days_max: e.target.value }),
-              required: true
-            }
-          )
-        ] }) })
+            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(
@@ -1785,168 +1765,181 @@ const ShippingRateModal = ({ rate, 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 CARRIER_TYPES = [
-  { value: "ALL", label: "ทั้งหมด" },
-  { value: "COMPANY_FLEET", label: "บริษัทรถส่งของ (Messenger)" },
-  { value: "COMPANY_TRUCK", label: "รถบริษัท (Same Day)" },
-  { value: "PRIVATE_CARRIER", label: "ขนส่งเอกชน (EMS/Express)" }
-];
-const SERVICE_CODES = [
+const AREA_KINDS = [
   { value: "ALL", label: "ทั้งหมด" },
-  { value: "MESSENGER_3H", label: "ส่งด่วน 3 ชม." },
-  { value: "SAME_DAY", label: "ส่งด่วนภายในวัน" },
-  { value: "STANDARD_3_5D", label: "EMS 3-5 วัน" },
-  { value: "EXPRESS_1_2D", label: "Express 1-2 วัน" }
+  { value: "PROVINCE", label: "จังหวัด" },
+  { value: "POSTCODE_PREFIX", label: "รหัสไปรษณีย์" }
 ];
-const ShippingRatesTable = () => {
-  const [rates, setRates] = useState([]);
-  const [filteredRates, setFilteredRates] = useState([]);
-  const [carrierFilter, setCarrierFilter] = useState("ALL");
-  const [serviceFilter, setServiceFilter] = useState("ALL");
+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 [editingRate, setEditingRate] = useState(null);
+  const [editingArea, setEditingArea] = useState(null);
   const [isLoading, setIsLoading] = useState(false);
-  const [deleteRateId, setDeleteRateId] = useState(null);
+  const [deleteAreaId, setDeleteAreaId] = useState(null);
+  const [deleteAreaValue, setDeleteAreaValue] = useState("");
   useEffect(() => {
-    fetchRates();
+    fetchAreas();
   }, []);
   useEffect(() => {
-    let filtered = rates;
-    if (carrierFilter !== "ALL") {
-      filtered = filtered.filter((rate) => rate.carrier_type === carrierFilter);
+    let filtered = areas;
+    if (kindFilter !== "ALL") {
+      filtered = filtered.filter((area) => area.kind === kindFilter);
     }
-    if (serviceFilter !== "ALL") {
-      filtered = filtered.filter((rate) => rate.service_code === serviceFilter);
+    if (searchTerm) {
+      filtered = filtered.filter(
+        (area) => area.value.toLowerCase().includes(searchTerm.toLowerCase())
+      );
     }
-    setFilteredRates(filtered);
-  }, [carrierFilter, serviceFilter, rates]);
-  const fetchRates = async () => {
+    setFilteredAreas(filtered);
+  }, [searchTerm, kindFilter, areas]);
+  const fetchAreas = async () => {
     setIsLoading(true);
     try {
-      const response = await fetch("/admin/shipping-rates", {
+      const response = await fetch("/admin/service-areas", {
         credentials: "include"
       });
       const data = await response.json();
-      setRates(data.rates || []);
+      console.log("Fetched service areas:", data);
+      setAreas(data.service_areas || []);
     } 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 (!deleteRateId) return;
+    if (!deleteAreaId) return;
     try {
-      const response = await fetch(`/admin/shipping-rates/${deleteRateId}`, {
+      const response = await fetch(`/admin/service-areas/${deleteAreaId}`, {
         method: "DELETE",
         credentials: "include"
       });
       if (response.ok) {
         toast.success("สำเร็จ", {
-          description: "ลบอัตราค่าขนส่งแล้ว"
+          description: `ลบพื้นที่ ${deleteAreaValue} แล้ว`
         });
-        fetchRates();
+        fetchAreas();
       } else {
         throw new Error("Failed to delete");
       }
     } catch (error) {
       toast.error("ข้อผิดพลาด", {
-        description: "ไม่สามารถลบอัตราค่าขนส่งได้"
+        description: "ไม่สามารถลบพื้นที่ได้"
       });
     } finally {
-      setDeleteRateId(null);
+      setDeleteAreaId(null);
+      setDeleteAreaValue("");
     }
   };
-  const handleEdit = (rate) => {
-    setEditingRate(rate);
+  const handleEdit = (area) => {
+    setEditingArea(area);
     setIsModalOpen(true);
   };
   const handleCreateNew = () => {
-    setEditingRate(null);
+    setEditingArea(null);
     setIsModalOpen(true);
   };
   const handleModalClose = () => {
     setIsModalOpen(false);
-    setEditingRate(null);
-    fetchRates();
-  };
-  const getCarrierLabel = (type) => {
-    var _a;
-    return ((_a = CARRIER_TYPES.find((c) => c.value === type)) == null ? void 0 : _a.label) || type;
-  };
-  const getServiceLabel = (code) => {
-    var _a;
-    return ((_a = SERVICE_CODES.find((s) => s.value === code)) == null ? void 0 : _a.label) || code;
+    setEditingArea(null);
+    fetchAreas();
   };
-  const formatETA = (rate) => {
-    if (rate.eta_hours_min !== null && rate.eta_hours_min !== void 0 && rate.eta_hours_max !== null && rate.eta_hours_max !== void 0) {
-      return `${rate.eta_hours_min}-${rate.eta_hours_max} ชม.`;
-    }
-    if (rate.eta_days_min !== null && rate.eta_days_min !== void 0 && rate.eta_days_max !== null && rate.eta_days_max !== void 0) {
-      return `${rate.eta_days_min}-${rate.eta_days_max} วัน`;
-    }
-    return "-";
+  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__ */ jsxs("div", { className: "flex gap-x-4 items-end", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-1", children: [
-            /* @__PURE__ */ jsx("label", { className: "text-sm font-medium text-ui-fg-subtle", children: "ประเภทขนส่ง" }),
-            /* @__PURE__ */ jsxs(Select, { value: carrierFilter, onValueChange: setCarrierFilter, children: [
-              /* @__PURE__ */ jsx(Select.Trigger, { children: /* @__PURE__ */ jsx(Select.Value, { placeholder: "ทั้งหมด" }) }),
-              /* @__PURE__ */ jsx(Select.Content, { children: CARRIER_TYPES.map((type) => /* @__PURE__ */ jsx(Select.Item, { value: type.value, children: type.label }, type.value)) })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-1", children: [
-            /* @__PURE__ */ jsx("label", { className: "text-sm font-medium text-ui-fg-subtle", children: "บริการจัดส่ง" }),
-            /* @__PURE__ */ jsxs(Select, { value: serviceFilter, onValueChange: setServiceFilter, children: [
-              /* @__PURE__ */ jsx(Select.Trigger, { children: /* @__PURE__ */ jsx(Select.Value, { placeholder: "ทั้งหมด" }) }),
-              /* @__PURE__ */ jsx(Select.Content, { children: SERVICE_CODES.map((service) => /* @__PURE__ */ jsx(Select.Item, { value: service.value, children: service.label }, service.value)) })
-            ] })
+        /* @__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: "บริการ" }),
-          /* @__PURE__ */ jsx(Table.HeaderCell, { children: "น้ำหนัก ≤ (kg)" }),
-          /* @__PURE__ */ jsx(Table.HeaderCell, { children: "ราคา (THB)" }),
-          /* @__PURE__ */ jsx(Table.HeaderCell, { children: "ETA" }),
+          /* @__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: "กำลังโหลด..." }) }) : filteredRates.length === 0 ? /* @__PURE__ */ jsx(Table.Row, { children: /* @__PURE__ */ jsx(Table.Cell, { className: "text-center", children: "ไม่พบข้อมูลอัตราค่าขนส่ง" }) }) : filteredRates.map((rate) => /* @__PURE__ */ jsxs(Table.Row, { children: [
-          /* @__PURE__ */ jsx(Table.Cell, { children: getCarrierLabel(rate.carrier_type) }),
-          /* @__PURE__ */ jsx(Table.Cell, { children: getServiceLabel(rate.service_code) }),
-          /* @__PURE__ */ jsxs(Table.Cell, { children: [
-            "≤ ",
-            rate.max_weight_kg,
-            " kg"
-          ] }),
-          /* @__PURE__ */ jsx(Table.Cell, { children: rate.price.toFixed(2) }),
-          /* @__PURE__ */ jsx(Table.Cell, { children: /* @__PURE__ */ jsx(Badge, { color: "blue", children: formatETA(rate) }) }),
-          /* @__PURE__ */ jsx(Table.Cell, { children: /* @__PURE__ */ jsx(Badge, { color: rate.active ? "green" : "grey", children: rate.active ? "เปิดใช้งาน" : "ปิดใช้งาน" }) }),
+        /* @__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: area.active ? "green" : "grey",
+              className: "cursor-pointer",
+              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: [
             /* @__PURE__ */ jsx(
               Button,
               {
                 variant: "transparent",
                 size: "small",
-                onClick: () => handleEdit(rate),
+                onClick: () => handleEdit(area),
                 children: /* @__PURE__ */ jsx(Edit, {})
               }
             ),
@@ -1955,25 +1948,32 @@ const ShippingRatesTable = () => {
               {
                 variant: "transparent",
                 size: "small",
-                onClick: () => setDeleteRateId(rate.id),
+                onClick: () => openDeletePrompt(area.id, area.value),
                 children: /* @__PURE__ */ jsx(Trash, {})
               }
             )
           ] }) })
-        ] }, rate.id)) })
+        ] }, area.id)) })
       ] })
     ] }),
-    isModalOpen && /* @__PURE__ */ jsx(ShippingRateModal, { rate: editingRate, onClose: handleModalClose }),
+    isModalOpen && /* @__PURE__ */ jsx(ServiceAreaModal, { area: editingArea, onClose: handleModalClose }),
     /* @__PURE__ */ jsx(
       Prompt,
       {
         variant: "confirmation",
-        open: !!deleteRateId,
-        onOpenChange: () => setDeleteRateId(null),
+        open: !!deleteAreaId,
+        onOpenChange: () => {
+          setDeleteAreaId(null);
+          setDeleteAreaValue("");
+        },
         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: [
+              'คุณต้องการลบพื้นที่ "',
+              deleteAreaValue,
+              '" ใช่หรือไม่? การดำเนินการนี้ไม่สามารถย้อนกลับได้'
+            ] })
           ] }),
           /* @__PURE__ */ jsxs(Prompt.Footer, { children: [
             /* @__PURE__ */ jsx(Prompt.Cancel, { children: "ยกเลิก" }),
@@ -1984,15 +1984,15 @@ const ShippingRatesTable = () => {
     )
   ] });
 };
-const RatesPage = () => {
+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(ShippingRatesTable, {})
+    /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ jsx(Heading, { level: "h1", children: "พื้นที่บริการ" }) }),
+    /* @__PURE__ */ jsx(ServiceAreasTable, {})
   ] }) });
 };
 const config = defineRouteConfig({
-  icon: HandTruck,
-  label: "อัตราค่าขนส่ง"
+  icon: MapPin,
+  label: "พื้นที่บริการ"
 });
 const widgetModule = { widgets: [
   {
@@ -2002,10 +2002,6 @@ const widgetModule = { widgets: [
 ] };
 const routeModule = {
   routes: [
-    {
-      Component: AreasPage,
-      path: "/areas"
-    },
     {
       Component: BoxesPage,
       path: "/boxes"
@@ -2017,32 +2013,36 @@ const routeModule = {
     {
       Component: RatesPage,
       path: "/rates"
+    },
+    {
+      Component: AreasPage,
+      path: "/areas"
     }
   ]
 };
 const menuItemModule = {
   menuItems: [
     {
-      label: config$3.label,
-      icon: config$3.icon,
+      label: config.label,
+      icon: config.icon,
       path: "/areas",
       nested: void 0
     },
     {
-      label: config$2.label,
-      icon: config$2.icon,
+      label: config$3.label,
+      icon: config$3.icon,
       path: "/boxes",
       nested: void 0
     },
     {
-      label: config$1.label,
-      icon: config$1.icon,
+      label: config$2.label,
+      icon: config$2.icon,
       path: "/material-costs",
       nested: void 0
     },
     {
-      label: config.label,
-      icon: config.icon,
+      label: config$1.label,
+      icon: config$1.icon,
       path: "/rates",
       nested: void 0
     }