medusa-plugin-quickink-logistics 0.0.1

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

@@ -0,0 +1,668 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const reactDom = require("react-dom");
+const adminSdk = require("@medusajs/admin-sdk");
+const ui = require("@medusajs/ui");
+const icons = require("@medusajs/icons");
+const PINCODES_API = "/admin/quickink-logistics/pincodes";
+const IMPORT_API = "/admin/quickink-logistics/pincodes/import";
+const PAGE_SIZE = 50;
+const useDebounce = (value, delay) => {
+  const [debounced, setDebounced] = react.useState(value);
+  react.useEffect(() => {
+    const t = setTimeout(() => setDebounced(value), delay);
+    return () => clearTimeout(t);
+  }, [value, delay]);
+  return debounced;
+};
+const appendTriBool = (params, key, v) => {
+  if (v === "all") return;
+  params.set(key, v);
+};
+const QikinkServiceabilityPage = () => {
+  const [pincodes, setPincodes] = react.useState([]);
+  const [count, setCount] = react.useState(0);
+  const [page, setPage] = react.useState(0);
+  const [isLoading, setIsLoading] = react.useState(true);
+  const [error, setError] = react.useState(null);
+  const [pincodeSearch, setPincodeSearch] = react.useState("");
+  const debouncedPincode = useDebounce(pincodeSearch, 300);
+  const [codFilter, setCodFilter] = react.useState("all");
+  const [prepaidFilter, setPrepaidFilter] = react.useState("all");
+  const [pickupFilter, setPickupFilter] = react.useState("all");
+  const [reverseFilter, setReverseFilter] = react.useState("all");
+  const [listScope, setListScope] = react.useState(
+    "active"
+  );
+  const [order, setOrder] = react.useState(
+    "created_at"
+  );
+  const [orderDirection, setOrderDirection] = react.useState("DESC");
+  const [createOpen, setCreateOpen] = react.useState(false);
+  const [editRow, setEditRow] = react.useState(null);
+  const fileInputRef = react.useRef(null);
+  const loadList = react.useCallback(async () => {
+    setIsLoading(true);
+    setError(null);
+    try {
+      const params = new URLSearchParams();
+      params.set("limit", String(PAGE_SIZE));
+      params.set("offset", String(page * PAGE_SIZE));
+      params.set("list_scope", listScope);
+      params.set("order", order);
+      params.set("order_direction", orderDirection);
+      if (debouncedPincode.trim()) {
+        params.set("pincode", debouncedPincode.trim());
+      }
+      appendTriBool(params, "cod_delivery", codFilter);
+      appendTriBool(params, "prepaid_delivery", prepaidFilter);
+      appendTriBool(params, "pickup", pickupFilter);
+      appendTriBool(params, "reverse_pickup", reverseFilter);
+      const res = await fetch(`${PINCODES_API}?${params.toString()}`, {
+        credentials: "include"
+      });
+      if (!res.ok) {
+        throw new Error(await res.text());
+      }
+      const data = await res.json();
+      setPincodes(data.pincodes ?? []);
+      setCount(data.count ?? 0);
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Failed to load pincodes");
+    } finally {
+      setIsLoading(false);
+    }
+  }, [
+    page,
+    debouncedPincode,
+    codFilter,
+    prepaidFilter,
+    pickupFilter,
+    reverseFilter,
+    listScope,
+    order,
+    orderDirection
+  ]);
+  const filterKey = react.useMemo(
+    () => [
+      debouncedPincode,
+      codFilter,
+      prepaidFilter,
+      pickupFilter,
+      reverseFilter,
+      listScope,
+      order,
+      orderDirection
+    ].join("|"),
+    [
+      debouncedPincode,
+      codFilter,
+      prepaidFilter,
+      pickupFilter,
+      reverseFilter,
+      listScope,
+      order,
+      orderDirection
+    ]
+  );
+  react.useLayoutEffect(() => {
+    reactDom.flushSync(() => setPage(0));
+  }, [filterKey]);
+  react.useEffect(() => {
+    void loadList();
+  }, [loadList]);
+  const handleDelete = async (id) => {
+    if (!window.confirm("delete pincode entry.")) return;
+    try {
+      const res = await fetch(`${PINCODES_API}/${id}`, {
+        method: "DELETE",
+        credentials: "include"
+      });
+      if (!res.ok) {
+        throw new Error(await res.text());
+      }
+      ui.toast.success("Deleted");
+      await loadList();
+    } catch (e) {
+      ui.toast.error(e instanceof Error ? e.message : "Delete failed");
+    }
+  };
+  const handleImport = async (e) => {
+    var _a;
+    const file = (_a = e.target.files) == null ? void 0 : _a[0];
+    e.target.value = "";
+    if (!file) return;
+    const fd = new FormData();
+    fd.append("file", file);
+    try {
+      const res = await fetch(IMPORT_API, {
+        method: "POST",
+        body: fd,
+        credentials: "include"
+      });
+      if (!res.ok) {
+        const text = await res.text();
+        throw new Error(text || "Import failed");
+      }
+      const data = await res.json();
+      ui.toast.success(
+        `Import done. Created: ${data.created ?? 0}, updated: ${data.updated ?? 0}`
+      );
+      await loadList();
+    } catch (err) {
+      ui.toast.error(err instanceof Error ? err.message : "Import failed");
+    }
+  };
+  const totalPages = Math.max(1, Math.ceil(count / PAGE_SIZE));
+  const canPrev = page > 0;
+  const canNext = (page + 1) * PAGE_SIZE < count;
+  const selectClass = "h-9 min-w-[7rem] rounded-md border border-ui-border-base bg-ui-bg-field px-2 text-sm text-ui-fg-base outline-none focus:ring-2 focus:ring-ui-fg-interactive";
+  const compactSelectClass = "h-8 w-full min-w-[5.5rem] rounded-md border border-ui-border-base bg-ui-bg-field px-2 text-xs text-ui-fg-base outline-none focus:ring-2 focus:ring-ui-fg-interactive";
+  const optionStyle = { color: "#111827", backgroundColor: "#ffffff" };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full p-6", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "mx-auto flex w-full max-w-[1400px] flex-col gap-6 p-6", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("header", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h1", children: "Qikink serviceability" }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Manage pincodes: import CSV, search, filter, create, edit via dialog, and soft-delete." })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4 xl:flex-row xl:items-end xl:justify-between", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-2 xl:max-w-md", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", weight: "plus", className: "text-ui-fg-muted", children: "Search by pincode" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Input,
+            {
+              type: "search",
+              placeholder: "Pincode contains…",
+              value: pincodeSearch,
+              onChange: (ev) => setPincodeSearch(ev.target.value)
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex shrink-0 flex-wrap items-end justify-end gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", className: "text-ui-fg-muted", children: "Rows" }),
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              "select",
+              {
+                className: selectClass,
+                value: listScope,
+                onChange: (e) => setListScope(e.target.value),
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("option", { style: optionStyle, value: "active", children: "Active" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("option", { style: optionStyle, value: "deleted", children: "Deleted" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("option", { style: optionStyle, value: "all", children: "All" })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", className: "text-ui-fg-muted", children: "Sort" }),
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              "select",
+              {
+                className: selectClass,
+                value: order,
+                onChange: (e) => setOrder(e.target.value),
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("option", { style: optionStyle, value: "created_at", children: "Created" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("option", { style: optionStyle, value: "updated_at", children: "Updated" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("option", { style: optionStyle, value: "pincode", children: "Pincode" })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", className: "text-ui-fg-muted", children: "Dir" }),
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              "select",
+              {
+                className: selectClass,
+                value: orderDirection,
+                onChange: (e) => setOrderDirection(e.target.value),
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("option", { style: optionStyle, value: "DESC", children: "Desc" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("option", { style: optionStyle, value: "ASC", children: "Asc" })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              ref: fileInputRef,
+              type: "file",
+              accept: ".csv,text/csv",
+              className: "hidden",
+              onChange: handleImport
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Button,
+            {
+              variant: "secondary",
+              type: "button",
+              onClick: () => {
+                var _a;
+                return (_a = fileInputRef.current) == null ? void 0 : _a.click();
+              },
+              children: "Import CSV"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "primary", type: "button", onClick: () => setCreateOpen(true), children: "Create" })
+        ] })
+      ] }),
+      error && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-ui-border-error p-4 text-ui-fg-error", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: error }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "secondary", className: "mt-2", onClick: () => void loadList(), children: "Retry" })
+      ] }),
+      !error && isLoading && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "py-8 text-center text-ui-fg-muted", children: "Loading…" }),
+      !error && !isLoading && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-x-auto rounded-xl border border-ui-border-base", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Table, { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(ui.Table.Header, { children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(ui.Table.Row, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "id" }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Pincode" }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "COD delivery" }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Prepaid delivery" }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Pickup" }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Reverse pickup" }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Created" }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Updated" }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { className: "text-right", children: "Actions" })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs(ui.Table.Row, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, {}),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, {}),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: /* @__PURE__ */ jsxRuntime.jsxs(
+                "select",
+                {
+                  className: compactSelectClass,
+                  value: codFilter,
+                  onChange: (e) => setCodFilter(e.target.value),
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("option", { style: optionStyle, value: "all", children: "All" }),
+                    /* @__PURE__ */ jsxRuntime.jsx("option", { style: optionStyle, value: "true", children: "Yes" }),
+                    /* @__PURE__ */ jsxRuntime.jsx("option", { style: optionStyle, value: "false", children: "No" })
+                  ]
+                }
+              ) }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: /* @__PURE__ */ jsxRuntime.jsxs(
+                "select",
+                {
+                  className: compactSelectClass,
+                  value: prepaidFilter,
+                  onChange: (e) => setPrepaidFilter(e.target.value),
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("option", { style: optionStyle, value: "all", children: "All" }),
+                    /* @__PURE__ */ jsxRuntime.jsx("option", { style: optionStyle, value: "true", children: "Yes" }),
+                    /* @__PURE__ */ jsxRuntime.jsx("option", { style: optionStyle, value: "false", children: "No" })
+                  ]
+                }
+              ) }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: /* @__PURE__ */ jsxRuntime.jsxs(
+                "select",
+                {
+                  className: compactSelectClass,
+                  value: pickupFilter,
+                  onChange: (e) => setPickupFilter(e.target.value),
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("option", { style: optionStyle, value: "all", children: "All" }),
+                    /* @__PURE__ */ jsxRuntime.jsx("option", { style: optionStyle, value: "true", children: "Yes" }),
+                    /* @__PURE__ */ jsxRuntime.jsx("option", { style: optionStyle, value: "false", children: "No" })
+                  ]
+                }
+              ) }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: /* @__PURE__ */ jsxRuntime.jsxs(
+                "select",
+                {
+                  className: compactSelectClass,
+                  value: reverseFilter,
+                  onChange: (e) => setReverseFilter(e.target.value),
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("option", { style: optionStyle, value: "all", children: "All" }),
+                    /* @__PURE__ */ jsxRuntime.jsx("option", { style: optionStyle, value: "true", children: "Yes" }),
+                    /* @__PURE__ */ jsxRuntime.jsx("option", { style: optionStyle, value: "false", children: "No" })
+                  ]
+                }
+              ) }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, {}),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, {}),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, {}),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, {})
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Body, { children: pincodes.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs(ui.Table.Row, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-muted", children: "No rows match." }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, {}),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, {}),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, {}),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, {}),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, {}),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, {}),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, {}),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, {})
+          ] }) : pincodes.map((row) => {
+            const disabled = row.deleted_at != null;
+            return /* @__PURE__ */ jsxRuntime.jsxs(ui.Table.Row, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { className: "font-mono text-ui-fg-muted text-sm", children: row.id }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { className: "font-medium", children: row.pincode }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: row.cod_delivery ? "Yes" : "No" }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: row.prepaid_delivery ? "Yes" : "No" }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: row.pickup ? "Yes" : "No" }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: row.reverse_pickup ? "Yes" : "No" }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { className: "text-ui-fg-muted text-sm whitespace-nowrap", children: new Date(row.created_at).toLocaleString() }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { className: "text-ui-fg-muted text-sm whitespace-nowrap", children: new Date(row.updated_at).toLocaleString() }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { className: "text-right", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-end gap-1", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  ui.IconButton,
+                  {
+                    type: "button",
+                    variant: "transparent",
+                    disabled,
+                    onClick: () => setEditRow(row),
+                    "aria-label": "Edit row",
+                    children: /* @__PURE__ */ jsxRuntime.jsx(icons.PencilSquare, {})
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  ui.IconButton,
+                  {
+                    type: "button",
+                    variant: "transparent",
+                    disabled,
+                    onClick: () => void handleDelete(row.id),
+                    "aria-label": "Delete row",
+                    children: /* @__PURE__ */ jsxRuntime.jsx(icons.Trash, { className: "text-ui-fg-error" })
+                  }
+                )
+              ] }) })
+            ] }, row.id);
+          }) })
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3 border-t border-ui-border-base pt-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: "small", className: "text-ui-fg-muted", children: [
+            "Page ",
+            page + 1,
+            " of ",
+            totalPages,
+            " — ",
+            count,
+            " total"
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              ui.Button,
+              {
+                variant: "secondary",
+                size: "small",
+                disabled: !canPrev,
+                onClick: () => setPage((p) => Math.max(0, p - 1)),
+                children: "Previous"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              ui.Button,
+              {
+                variant: "secondary",
+                size: "small",
+                disabled: !canNext,
+                onClick: () => setPage((p) => p + 1),
+                children: "Next"
+              }
+            )
+          ] })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      CreatePincodeModal,
+      {
+        open: createOpen,
+        onOpenChange: setCreateOpen,
+        onCreated: () => void loadList()
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      EditPincodeModal,
+      {
+        row: editRow,
+        onOpenChange: (open) => !open && setEditRow(null),
+        onSaved: () => void loadList()
+      }
+    )
+  ] });
+};
+function CreatePincodeModal({ open, onOpenChange, onCreated }) {
+  const [pincode, setPincode] = react.useState("");
+  const [cod, setCod] = react.useState(false);
+  const [prepaid, setPrepaid] = react.useState(false);
+  const [pickup, setPickup] = react.useState(false);
+  const [reverse, setReverse] = react.useState(false);
+  const [saving, setSaving] = react.useState(false);
+  react.useEffect(() => {
+    if (open) {
+      setPincode("");
+      setCod(false);
+      setPrepaid(false);
+      setPickup(false);
+      setReverse(false);
+    }
+  }, [open]);
+  const submit = async () => {
+    const trimmed = pincode.trim();
+    if (!trimmed) {
+      ui.toast.error("Pincode is required");
+      return;
+    }
+    setSaving(true);
+    try {
+      const res = await fetch(PINCODES_API, {
+        method: "POST",
+        credentials: "include",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          pincode: trimmed,
+          cod_delivery: cod,
+          prepaid_delivery: prepaid,
+          pickup,
+          reverse_pickup: reverse
+        })
+      });
+      if (!res.ok) {
+        throw new Error(await res.text());
+      }
+      ui.toast.success("Created");
+      onOpenChange(false);
+      onCreated();
+    } catch (e) {
+      ui.toast.error(e instanceof Error ? e.message : "Create failed");
+    } finally {
+      setSaving(false);
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(ui.FocusModal, { open, onOpenChange, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.FocusModal.Content, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ui.FocusModal.Header, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.FocusModal.Title, { children: "Create pincode" }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(ui.FocusModal.Body, { className: "flex flex-col gap-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", weight: "plus", className: "mb-1", children: "Pincode" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Input,
+          {
+            value: pincode,
+            onChange: (e) => setPincode(e.target.value),
+            placeholder: "e.g. 560011"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Checkbox, { checked: cod, onCheckedChange: (v) => setCod(v === true) }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", children: "COD delivery" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Checkbox,
+          {
+            checked: prepaid,
+            onCheckedChange: (v) => setPrepaid(v === true)
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", children: "Prepaid delivery" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Checkbox,
+          {
+            checked: pickup,
+            onCheckedChange: (v) => setPickup(v === true)
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", children: "Pickup" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Checkbox,
+          {
+            checked: reverse,
+            onCheckedChange: (v) => setReverse(v === true)
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", children: "Reverse pickup" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(ui.FocusModal.Footer, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "secondary", onClick: () => onOpenChange(false), disabled: saving, children: "Cancel" }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "primary", onClick: () => void submit(), disabled: saving, children: saving ? "Saving…" : "Create" })
+    ] })
+  ] }) });
+}
+function EditPincodeModal({ row, onOpenChange, onSaved }) {
+  const open = row != null;
+  const [cod, setCod] = react.useState(false);
+  const [prepaid, setPrepaid] = react.useState(false);
+  const [pickup, setPickup] = react.useState(false);
+  const [reverse, setReverse] = react.useState(false);
+  const [saving, setSaving] = react.useState(false);
+  react.useEffect(() => {
+    if (row) {
+      setCod(row.cod_delivery);
+      setPrepaid(row.prepaid_delivery);
+      setPickup(row.pickup);
+      setReverse(row.reverse_pickup);
+    }
+  }, [row]);
+  const submit = async () => {
+    if (!row) return;
+    setSaving(true);
+    try {
+      const res = await fetch(`${PINCODES_API}/${row.id}`, {
+        method: "PUT",
+        credentials: "include",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          cod_delivery: cod,
+          prepaid_delivery: prepaid,
+          pickup,
+          reverse_pickup: reverse
+        })
+      });
+      if (!res.ok) {
+        throw new Error(await res.text());
+      }
+      ui.toast.success("Saved");
+      onOpenChange(false);
+      onSaved();
+    } catch (e) {
+      ui.toast.error(e instanceof Error ? e.message : "Save failed");
+    } finally {
+      setSaving(false);
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(ui.FocusModal, { open, onOpenChange, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.FocusModal.Content, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ui.FocusModal.Header, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.FocusModal.Title, { children: "Edit pincode" }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(ui.FocusModal.Body, { className: "flex flex-col gap-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", weight: "plus", className: "mb-1", children: "Pincode (read-only)" }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "rounded-md border border-ui-border-base bg-ui-bg-subtle px-3 py-2", children: (row == null ? void 0 : row.pincode) ?? "—" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Checkbox, { checked: cod, onCheckedChange: (v) => setCod(v === true) }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", children: "COD delivery" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Checkbox,
+          {
+            checked: prepaid,
+            onCheckedChange: (v) => setPrepaid(v === true)
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", children: "Prepaid delivery" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Checkbox,
+          {
+            checked: pickup,
+            onCheckedChange: (v) => setPickup(v === true)
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", children: "Pickup" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Checkbox,
+          {
+            checked: reverse,
+            onCheckedChange: (v) => setReverse(v === true)
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", children: "Reverse pickup" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(ui.FocusModal.Footer, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "secondary", onClick: () => onOpenChange(false), disabled: saving, children: "Cancel" }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "primary", onClick: () => void submit(), disabled: saving || !row, children: saving ? "Saving…" : "Save" })
+    ] })
+  ] }) });
+}
+const config = adminSdk.defineRouteConfig({
+  label: "Qikink serviceability",
+  icon: icons.PencilSquare
+});
+const i18nTranslations0 = {};
+const widgetModule = { widgets: [] };
+const routeModule = {
+  routes: [
+    {
+      Component: QikinkServiceabilityPage,
+      path: "/qikink-serviceability"
+    }
+  ]
+};
+const menuItemModule = {
+  menuItems: [
+    {
+      label: config.label,
+      icon: config.icon,
+      path: "/qikink-serviceability",
+      nested: void 0,
+      rank: void 0,
+      translationNs: void 0
+    }
+  ]
+};
+const formModule = { customFields: {} };
+const displayModule = {
+  displays: {}
+};
+const i18nModule = { resources: i18nTranslations0 };
+const plugin = {
+  widgetModule,
+  routeModule,
+  menuItemModule,
+  formModule,
+  displayModule,
+  i18nModule
+};
+module.exports = plugin;