@zaamx/netme-pos 0.0.10 → 0.0.12

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

@@ -1,10 +1,11 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { defineRouteConfig } from "@medusajs/admin-sdk";
-import { EllipsisHorizontal, PencilSquare, Trash, Users } from "@medusajs/icons";
-import { toast, Drawer, Label, Input, Text, Button, Prompt, DropdownMenu, IconButton, FocusModal, createDataTableColumnHelper, useDataTable, DataTable, Container, Heading } from "@medusajs/ui";
-import { useState, useMemo } from "react";
+import { EllipsisHorizontal, PencilSquare, ShieldCheck, Trash, Users, CurrencyDollar, XMark, ChevronUpDown, ArrowUturnLeft, Spinner, ArrowLeft, Buildings, ChannelsSolid, Tag } from "@medusajs/icons";
+import { toast, Drawer, Label, Input, Text, Button, Prompt, DropdownMenu, IconButton, FocusModal, createDataTableColumnHelper, useDataTable, DataTable, Container, Heading, Select, Badge, Popover, clx, Checkbox, Switch } from "@medusajs/ui";
+import { useState, useMemo, useEffect, useRef } from "react";
 import { useQueryClient, useMutation, useQuery } from "@tanstack/react-query";
 import Medusa from "@medusajs/js-sdk";
+import { useNavigate, Link, useParams } from "react-router-dom";
 const sdk = new Medusa({
   // @ts-ignore
   baseUrl: "/",
@@ -163,6 +164,7 @@ const DeleteOperatorModal = ({
 const OperatorActions = ({ operator }) => {
   const [editOpen, setEditOpen] = useState(false);
   const [deleteOpen, setDeleteOpen] = useState(false);
+  const navigate = useNavigate();
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs(DropdownMenu, { children: [
       /* @__PURE__ */ jsx(DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ jsx(IconButton, { size: "small", variant: "transparent", children: /* @__PURE__ */ jsx(EllipsisHorizontal, {}) }) }),
@@ -171,6 +173,17 @@ const OperatorActions = ({ operator }) => {
           /* @__PURE__ */ jsx(PencilSquare, { className: "text-ui-fg-subtle" }),
           "Edit"
         ] }),
+        /* @__PURE__ */ jsxs(
+          DropdownMenu.Item,
+          {
+            onClick: () => navigate(`/pos-permissions/${operator.id}`),
+            className: "gap-x-2",
+            children: [
+              /* @__PURE__ */ jsx(ShieldCheck, { className: "text-ui-fg-subtle" }),
+              "Permisos POS"
+            ]
+          }
+        ),
         /* @__PURE__ */ jsx(DropdownMenu.Separator, {}),
         /* @__PURE__ */ jsxs(DropdownMenu.Item, { onClick: () => setDeleteOpen(true), className: "gap-x-2", children: [
           /* @__PURE__ */ jsx(Trash, { className: "text-ui-fg-subtle" }),
@@ -308,24 +321,24 @@ const CreateOperatorModal = () => {
     ] }) }) })
   ] });
 };
-const columnHelper = createDataTableColumnHelper();
-const useColumns = () => {
+const columnHelper$2 = createDataTableColumnHelper();
+const useColumns$2 = () => {
   return useMemo(
     () => [
-      columnHelper.accessor("first_name", {
+      columnHelper$2.accessor("first_name", {
         header: "First Name"
       }),
-      columnHelper.accessor("last_name", {
+      columnHelper$2.accessor("last_name", {
         header: "Last Name"
       }),
-      columnHelper.accessor("email", {
+      columnHelper$2.accessor("email", {
         header: "Email"
       }),
-      columnHelper.accessor("created_at", {
+      columnHelper$2.accessor("created_at", {
         header: "Date Added",
         cell: ({ getValue }) => new Date(getValue()).toLocaleDateString()
       }),
-      columnHelper.display({
+      columnHelper$2.display({
         id: "actions",
         cell: ({ row }) => /* @__PURE__ */ jsx(OperatorActions, { operator: row.original })
       })
@@ -352,7 +365,7 @@ const OperatorTable = () => {
     queryKey: ["operators", limit, offset, searchValue],
     placeholderData: (previousData) => previousData
   });
-  const columns = useColumns();
+  const columns = useColumns$2();
   const table = useDataTable({
     data: (data == null ? void 0 : data.operators) || [],
     columns,
@@ -383,10 +396,1300 @@ const OperatorsPage = () => {
     /* @__PURE__ */ jsx(OperatorTable, {})
   ] });
 };
-const config = defineRouteConfig({
+const config$2 = defineRouteConfig({
   label: "Operators",
   icon: Users
 });
+const STATUS_OPTIONS = [
+  "pending",
+  "paid",
+  "approved",
+  "rejected",
+  "canceled"
+];
+const toForm = (po) => ({
+  payment_method: po.payment_method ?? "",
+  amount: po.amount != null ? String(po.amount) : "",
+  status: po.status ?? "",
+  concept: po.concept ?? "",
+  reference_code: po.reference_code ?? "",
+  institution: po.institution ?? "",
+  depositor_name: po.depositor_name ?? "",
+  terminal_reference: po.terminal_reference ?? "",
+  ticket_amount: po.ticket_amount != null ? String(po.ticket_amount) : "",
+  authorizer: po.authorizer ?? "",
+  receipt_file: po.receipt_file ?? ""
+});
+const EditPaymentOptionDrawer = ({
+  paymentOption,
+  open,
+  setOpen
+}) => {
+  const [formData, setFormData] = useState(toForm(paymentOption));
+  const queryClient = useQueryClient();
+  useEffect(() => {
+    if (open) {
+      setFormData(toForm(paymentOption));
+    }
+  }, [open, paymentOption]);
+  const update = (key, value) => setFormData((prev) => ({ ...prev, [key]: value }));
+  const updateMutation = useMutation({
+    mutationFn: () => {
+      const payload = {
+        payment_method: formData.payment_method,
+        status: formData.status,
+        concept: formData.concept,
+        reference_code: formData.reference_code,
+        institution: formData.institution,
+        depositor_name: formData.depositor_name,
+        terminal_reference: formData.terminal_reference,
+        authorizer: formData.authorizer,
+        receipt_file: formData.receipt_file
+      };
+      if (formData.amount.trim() !== "") {
+        payload.amount = Number(formData.amount);
+      }
+      if (formData.ticket_amount.trim() !== "") {
+        payload.ticket_amount = Number(formData.ticket_amount);
+      }
+      return sdk.client.fetch(
+        `/admin/payment-options/${paymentOption.id}`,
+        {
+          method: "POST",
+          body: payload
+        }
+      );
+    },
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ["payment-options"] });
+      toast.success("Nota de pago actualizada");
+      setOpen(false);
+    },
+    onError: (error) => {
+      toast.error(error.message || "No se pudo actualizar la nota de pago");
+    }
+  });
+  const statusOptions = STATUS_OPTIONS.includes(formData.status) || !formData.status ? STATUS_OPTIONS : [formData.status, ...STATUS_OPTIONS];
+  return /* @__PURE__ */ jsx(Drawer, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsxs(Drawer.Content, { children: [
+    /* @__PURE__ */ jsx(Drawer.Header, { children: /* @__PURE__ */ jsx(Drawer.Title, { children: "Editar nota de pago" }) }),
+    /* @__PURE__ */ jsx(Drawer.Body, { className: "flex-1 overflow-auto p-4", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-1", children: [
+        paymentOption.order_display_id ? /* @__PURE__ */ jsxs(Text, { size: "small", leading: "compact", className: "text-ui-fg-subtle", children: [
+          "Orden #",
+          paymentOption.order_display_id
+        ] }) : null,
+        /* @__PURE__ */ jsxs(Text, { size: "small", leading: "compact", className: "text-ui-fg-subtle", children: [
+          "Pago: ",
+          paymentOption.payment_id
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-2", children: [
+        /* @__PURE__ */ jsx(Label, { children: "Método de pago" }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            value: formData.payment_method,
+            onChange: (e) => update("payment_method", e.target.value)
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-x-3", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-2", children: [
+          /* @__PURE__ */ jsx(Label, { children: "Monto" }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              type: "number",
+              step: "0.01",
+              value: formData.amount,
+              onChange: (e) => update("amount", e.target.value)
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-2", children: [
+          /* @__PURE__ */ jsx(Label, { children: "Estatus" }),
+          /* @__PURE__ */ jsxs(
+            Select,
+            {
+              value: formData.status,
+              onValueChange: (value) => update("status", value),
+              children: [
+                /* @__PURE__ */ jsx(Select.Trigger, { children: /* @__PURE__ */ jsx(Select.Value, { placeholder: "Seleccionar estatus" }) }),
+                /* @__PURE__ */ jsx(Select.Content, { children: statusOptions.map((s) => /* @__PURE__ */ jsx(Select.Item, { value: s, children: s }, s)) })
+              ]
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-2", children: [
+        /* @__PURE__ */ jsx(Label, { children: "Concepto" }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            value: formData.concept,
+            onChange: (e) => update("concept", e.target.value)
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-2", children: [
+        /* @__PURE__ */ jsx(Label, { children: "Folio / Referencia" }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            value: formData.reference_code,
+            onChange: (e) => update("reference_code", e.target.value)
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-2", children: [
+        /* @__PURE__ */ jsx(Label, { children: "Institución" }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            value: formData.institution,
+            onChange: (e) => update("institution", e.target.value)
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-2", children: [
+        /* @__PURE__ */ jsx(Label, { children: "Nombre del depositante" }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            value: formData.depositor_name,
+            onChange: (e) => update("depositor_name", e.target.value)
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-x-3", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-2", children: [
+          /* @__PURE__ */ jsx(Label, { children: "Referencia de terminal" }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              value: formData.terminal_reference,
+              onChange: (e) => update("terminal_reference", e.target.value)
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-2", children: [
+          /* @__PURE__ */ jsx(Label, { children: "Monto del ticket" }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              type: "number",
+              step: "0.01",
+              value: formData.ticket_amount,
+              onChange: (e) => update("ticket_amount", e.target.value)
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-2", children: [
+        /* @__PURE__ */ jsx(Label, { children: "Autorizó" }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            value: formData.authorizer,
+            onChange: (e) => update("authorizer", e.target.value)
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-2", children: [
+        /* @__PURE__ */ jsx(Label, { children: "Comprobante (URL)" }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            value: formData.receipt_file,
+            onChange: (e) => update("receipt_file", e.target.value)
+          }
+        ),
+        formData.receipt_file && /* @__PURE__ */ jsx(
+          "a",
+          {
+            href: formData.receipt_file,
+            target: "_blank",
+            rel: "noreferrer",
+            className: "text-ui-fg-interactive text-xs",
+            children: "Ver comprobante"
+          }
+        )
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsx(Drawer.Footer, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-x-2", children: [
+      /* @__PURE__ */ jsx(Drawer.Close, { asChild: true, children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          size: "small",
+          variant: "secondary",
+          disabled: updateMutation.isPending,
+          children: "Cancelar"
+        }
+      ) }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          size: "small",
+          onClick: () => updateMutation.mutate(),
+          isLoading: updateMutation.isPending,
+          children: "Guardar"
+        }
+      )
+    ] }) })
+  ] }) });
+};
+const DeletePaymentOptionModal = ({
+  paymentOption,
+  open,
+  setOpen
+}) => {
+  const queryClient = useQueryClient();
+  const deleteMutation = useMutation({
+    mutationFn: () => sdk.client.fetch(`/admin/payment-options/${paymentOption.id}`, {
+      method: "DELETE"
+    }),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ["payment-options"] });
+      toast.success("Nota de pago eliminada");
+      setOpen(false);
+    },
+    onError: (error) => {
+      toast.error(error.message || "No se pudo eliminar la nota de pago");
+    }
+  });
+  const label = paymentOption.reference_code || paymentOption.concept || paymentOption.payment_method || paymentOption.id;
+  return /* @__PURE__ */ jsx(Prompt, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsxs(Prompt.Content, { children: [
+    /* @__PURE__ */ jsxs(Prompt.Header, { children: [
+      /* @__PURE__ */ jsx(Prompt.Title, { children: "Eliminar nota de pago" }),
+      /* @__PURE__ */ jsxs(Prompt.Description, { children: [
+        '¿Seguro que deseas eliminar la nota de pago "',
+        label,
+        '"? Esta acción no se puede deshacer.'
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(Prompt.Footer, { children: [
+      /* @__PURE__ */ jsx(Prompt.Cancel, { children: "Cancelar" }),
+      /* @__PURE__ */ jsx(
+        Prompt.Action,
+        {
+          onClick: () => deleteMutation.mutate(),
+          disabled: deleteMutation.isPending,
+          children: "Eliminar"
+        }
+      )
+    ] })
+  ] }) });
+};
+const PaymentOptionActions = ({
+  paymentOption
+}) => {
+  const [editOpen, setEditOpen] = useState(false);
+  const [deleteOpen, setDeleteOpen] = useState(false);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+      /* @__PURE__ */ jsx(DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ jsx(IconButton, { size: "small", variant: "transparent", children: /* @__PURE__ */ jsx(EllipsisHorizontal, {}) }) }),
+      /* @__PURE__ */ jsxs(DropdownMenu.Content, { children: [
+        /* @__PURE__ */ jsxs(
+          DropdownMenu.Item,
+          {
+            onClick: () => setEditOpen(true),
+            className: "gap-x-2",
+            children: [
+              /* @__PURE__ */ jsx(PencilSquare, { className: "text-ui-fg-subtle" }),
+              "Editar"
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(DropdownMenu.Separator, {}),
+        /* @__PURE__ */ jsxs(
+          DropdownMenu.Item,
+          {
+            onClick: () => setDeleteOpen(true),
+            className: "gap-x-2",
+            children: [
+              /* @__PURE__ */ jsx(Trash, { className: "text-ui-fg-subtle" }),
+              "Eliminar"
+            ]
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(
+      EditPaymentOptionDrawer,
+      {
+        paymentOption,
+        open: editOpen,
+        setOpen: setEditOpen
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      DeletePaymentOptionModal,
+      {
+        paymentOption,
+        open: deleteOpen,
+        setOpen: setDeleteOpen
+      }
+    )
+  ] });
+};
+const columnHelper$1 = createDataTableColumnHelper();
+const formatAmount = (value) => {
+  const n = Number(value ?? 0);
+  return n.toLocaleString("es-MX", {
+    minimumFractionDigits: 2,
+    maximumFractionDigits: 2
+  });
+};
+const statusColor = (status) => {
+  switch ((status || "").toLowerCase()) {
+    case "paid":
+    case "pagado":
+    case "approved":
+    case "aprobado":
+    case "completed":
+      return "green";
+    case "pending":
+    case "pendiente":
+    case "in_progress":
+      return "orange";
+    case "rejected":
+    case "rechazado":
+    case "failed":
+    case "canceled":
+    case "cancelled":
+    case "cancelado":
+      return "red";
+    default:
+      return "grey";
+  }
+};
+const useColumns$1 = () => {
+  return useMemo(
+    () => [
+      columnHelper$1.accessor("order_display_id", {
+        header: "Orden",
+        cell: ({ row }) => {
+          const displayId = row.original.order_display_id;
+          const orderId = row.original.order_id;
+          if (!displayId) {
+            return "—";
+          }
+          if (!orderId) {
+            return `#${displayId}`;
+          }
+          return /* @__PURE__ */ jsxs(
+            "a",
+            {
+              href: `/app/orders/${orderId}`,
+              className: "text-ui-fg-interactive hover:underline",
+              onClick: (e) => e.stopPropagation(),
+              children: [
+                "#",
+                displayId
+              ]
+            }
+          );
+        }
+      }),
+      columnHelper$1.accessor("reference_code", {
+        header: "Folio / Referencia",
+        cell: ({ getValue }) => getValue() || "—"
+      }),
+      columnHelper$1.accessor("payment_method", {
+        header: "Método",
+        cell: ({ getValue }) => getValue() || "—"
+      }),
+      columnHelper$1.accessor("amount", {
+        header: "Monto",
+        cell: ({ getValue }) => formatAmount(getValue())
+      }),
+      columnHelper$1.accessor("status", {
+        header: "Estatus",
+        cell: ({ getValue }) => {
+          const status = getValue();
+          if (!status) {
+            return "—";
+          }
+          return /* @__PURE__ */ jsx(Badge, { size: "2xsmall", color: statusColor(status), children: status });
+        }
+      }),
+      columnHelper$1.accessor("concept", {
+        header: "Concepto",
+        cell: ({ getValue }) => getValue() || "—"
+      }),
+      columnHelper$1.accessor("created_at", {
+        header: "Fecha",
+        cell: ({ getValue }) => new Date(getValue()).toLocaleString()
+      }),
+      columnHelper$1.display({
+        id: "actions",
+        cell: ({ row }) => /* @__PURE__ */ jsx(PaymentOptionActions, { paymentOption: row.original })
+      })
+    ],
+    []
+  );
+};
+const PaymentOptionTable = () => {
+  const [searchValue, setSearchValue] = useState("");
+  const [pagination, setPagination] = useState({
+    pageIndex: 0,
+    pageSize: 15
+  });
+  const limit = pagination.pageSize;
+  const offset = pagination.pageIndex * limit;
+  const { data, isLoading } = useQuery({
+    queryFn: () => sdk.client.fetch("/admin/payment-options", {
+      query: {
+        limit,
+        offset,
+        q: searchValue || void 0
+      }
+    }),
+    queryKey: ["payment-options", limit, offset, searchValue],
+    placeholderData: (previousData) => previousData
+  });
+  const columns = useColumns$1();
+  const table = useDataTable({
+    data: (data == null ? void 0 : data.payment_options) || [],
+    columns,
+    getRowId: (row) => row.id,
+    rowCount: (data == null ? void 0 : data.count) || 0,
+    isLoading,
+    search: {
+      state: searchValue,
+      onSearchChange: setSearchValue
+    },
+    pagination: {
+      state: pagination,
+      onPaginationChange: setPagination
+    }
+  });
+  return /* @__PURE__ */ jsxs(DataTable, { instance: table, children: [
+    /* @__PURE__ */ jsx(DataTable.Toolbar, { children: /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center justify-between gap-x-2", children: [
+      /* @__PURE__ */ jsxs(Text, { size: "small", className: "text-ui-fg-subtle", children: [
+        (data == null ? void 0 : data.count) ?? 0,
+        " notas"
+      ] }),
+      /* @__PURE__ */ jsx(DataTable.Search, { placeholder: "Buscar por orden, folio, concepto, método..." })
+    ] }) }),
+    /* @__PURE__ */ jsx(DataTable.Table, {}),
+    /* @__PURE__ */ jsx(DataTable.Pagination, {})
+  ] });
+};
+const PaymentOptionsPage = () => {
+  return /* @__PURE__ */ jsxs(Container, { className: "flex flex-col items-stretch overflow-hidden p-0", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between border-b border-ui-border-base px-6 py-4", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-1", children: [
+      /* @__PURE__ */ jsx(Heading, { level: "h2", children: "Notas de pago (POS)" }),
+      /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: "Revisa, edita o elimina las notas de pago registradas desde el POS." })
+    ] }) }),
+    /* @__PURE__ */ jsx(PaymentOptionTable, {})
+  ] });
+};
+const config$1 = defineRouteConfig({
+  label: "Notas de pago",
+  icon: CurrencyDollar
+});
+const POS_ROLES = [
+  { value: "cashier", label: "Cajero" },
+  { value: "supervisor", label: "Supervisor" },
+  { value: "manager", label: "Gerente" }
+];
+const CAPABILITY_GROUPS = [
+  {
+    title: "Venta / carrito",
+    items: [
+      { key: "cancel_sale", label: "Cancelar venta", description: "Botón que borra el draft" },
+      { key: "pause_sale", label: "Pausar venta", description: "Guardar para después" },
+      { key: "remove_item", label: "Eliminar ítems del carrito" },
+      { key: "edit_quantity", label: "Cambiar cantidades" },
+      { key: "apply_promotion", label: "Aplicar / quitar cupón" },
+      { key: "apply_manual_discount", label: "Descuento manual (override de precio)", description: "Acción sensible" }
+    ]
+  },
+  {
+    title: "Configuración de la sesión",
+    items: [
+      { key: "change_region", label: "Cambiar región" },
+      { key: "change_sales_channel", label: "Cambiar canal de venta" },
+      { key: "change_location", label: "Cambiar ubicación de surtido" }
+    ]
+  },
+  {
+    title: "Pago",
+    items: [
+      { key: "pay_cash", label: "Cobrar en caja (efectivo)" },
+      { key: "pay_card", label: "Cobrar con tarjeta (Stripe)" },
+      { key: "use_store_credit", label: "Pagar con Monedero (store credit)" },
+      { key: "capture_payment", label: "Capturar pago" },
+      { key: "capture_without_docs", label: "Capturar sin documentación", description: "Acción sensible" }
+    ]
+  },
+  {
+    title: "Envío / dirección",
+    items: [
+      { key: "edit_shipping", label: "Elegir / cambiar método de envío" },
+      { key: "edit_customer_address", label: "Editar dirección de envío del cliente" }
+    ]
+  },
+  {
+    title: "Ventas pendientes",
+    items: [
+      { key: "view_pending_drafts", label: "Ver ventas pendientes (/pos-drafts)" },
+      { key: "recover_draft", label: "Recuperar / cargar un draft" }
+    ]
+  }
+];
+const CAPABILITY_KEYS = CAPABILITY_GROUPS.flatMap(
+  (g) => g.items.map((i) => i.key)
+);
+const allTrue = () => CAPABILITY_KEYS.reduce(
+  (acc, key) => ({ ...acc, [key]: true }),
+  {}
+);
+const ROLE_PRESETS = {
+  cashier: {
+    ...allTrue(),
+    cancel_sale: false,
+    apply_manual_discount: false,
+    change_region: false,
+    change_sales_channel: false,
+    capture_payment: false,
+    capture_without_docs: false,
+    view_pending_drafts: false,
+    recover_draft: false
+  },
+  supervisor: {
+    ...allTrue(),
+    capture_without_docs: false
+  },
+  manager: {
+    ...allTrue()
+  }
+};
+const presetForRole = (role) => {
+  if (role && ROLE_PRESETS[role]) {
+    return ROLE_PRESETS[role];
+  }
+  return allTrue();
+};
+const resolveCapabilities = (role, stored) => {
+  const preset = presetForRole(role);
+  return CAPABILITY_KEYS.reduce((acc, key) => {
+    const storedValue = stored && typeof stored[key] === "boolean" ? stored[key] : void 0;
+    acc[key] = storedValue ?? preset[key] ?? true;
+    return acc;
+  }, {});
+};
+const columnHelper = createDataTableColumnHelper();
+const roleLabel = (role) => {
+  var _a;
+  return ((_a = POS_ROLES.find((r) => r.value === role)) == null ? void 0 : _a.label) || null;
+};
+const scopeSummary = (ids) => Array.isArray(ids) ? `${ids.length} seleccionada${ids.length === 1 ? "" : "s"}` : "Todas";
+const useColumns = () => useMemo(
+  () => [
+    columnHelper.accessor("first_name", {
+      header: "Nombre",
+      cell: ({ row }) => `${row.original.first_name ?? ""} ${row.original.last_name ?? ""}`.trim() || "—"
+    }),
+    columnHelper.accessor("email", {
+      header: "Email"
+    }),
+    columnHelper.display({
+      id: "role",
+      header: "Rol POS",
+      cell: ({ row }) => {
+        var _a;
+        const label = roleLabel((_a = row.original.metadata) == null ? void 0 : _a.pos_role);
+        return label ? /* @__PURE__ */ jsx(Badge, { size: "2xsmall", color: "blue", children: label }) : /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted", children: "Sin rol" });
+      }
+    }),
+    columnHelper.display({
+      id: "locations",
+      header: "Ubicaciones",
+      cell: ({ row }) => {
+        var _a;
+        return /* @__PURE__ */ jsx(Text, { size: "small", children: scopeSummary((_a = row.original.metadata) == null ? void 0 : _a.pos_stock_location_ids) });
+      }
+    }),
+    columnHelper.display({
+      id: "actions",
+      cell: ({ row }) => /* @__PURE__ */ jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx(Button, { asChild: true, size: "small", variant: "secondary", children: /* @__PURE__ */ jsx(Link, { to: `/pos-permissions/${row.original.id}`, children: "Editar permisos" }) }) })
+    })
+  ],
+  []
+);
+const PosPermissionsPage = () => {
+  const [searchValue, setSearchValue] = useState("");
+  const [pagination, setPagination] = useState({
+    pageIndex: 0,
+    pageSize: 15
+  });
+  const limit = pagination.pageSize;
+  const offset = pagination.pageIndex * limit;
+  const { data, isLoading } = useQuery({
+    queryFn: () => sdk.client.fetch("/admin/operators", {
+      query: {
+        limit,
+        offset,
+        q: searchValue || void 0
+      }
+    }),
+    queryKey: ["operators", "pos-permissions", limit, offset, searchValue],
+    placeholderData: (previousData) => previousData
+  });
+  const columns = useColumns();
+  const table = useDataTable({
+    data: (data == null ? void 0 : data.operators) || [],
+    columns,
+    getRowId: (row) => row.id,
+    rowCount: (data == null ? void 0 : data.count) || 0,
+    isLoading,
+    search: {
+      state: searchValue,
+      onSearchChange: setSearchValue
+    },
+    pagination: {
+      state: pagination,
+      onPaginationChange: setPagination
+    }
+  });
+  return /* @__PURE__ */ jsxs(Container, { className: "flex flex-col items-stretch overflow-hidden p-0", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between border-b border-ui-border-base px-6 py-4", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-1", children: [
+      /* @__PURE__ */ jsx(Heading, { level: "h2", children: "Permisos POS" }),
+      /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: "Define el alcance (ubicaciones, canales, regiones) y las capacidades de cada operador del Punto de Venta." })
+    ] }) }),
+    /* @__PURE__ */ jsxs(DataTable, { instance: table, children: [
+      /* @__PURE__ */ jsx(DataTable.Toolbar, { children: /* @__PURE__ */ jsx("div", { className: "flex w-full items-center justify-end", children: /* @__PURE__ */ jsx(DataTable.Search, { placeholder: "Buscar operador..." }) }) }),
+      /* @__PURE__ */ jsx(DataTable.Table, {}),
+      /* @__PURE__ */ jsx(DataTable.Pagination, {})
+    ] })
+  ] });
+};
+const config = defineRouteConfig({
+  label: "Permisos POS",
+  icon: ShieldCheck
+});
+const MultiSelect = ({
+  options,
+  value,
+  onChange,
+  placeholder = "Seleccionar...",
+  searchPlaceholder = "Buscar...",
+  disabled = false
+}) => {
+  const [open, setOpen] = useState(false);
+  const [search, setSearch] = useState("");
+  const filtered = useMemo(() => {
+    const q = search.trim().toLowerCase();
+    if (!q) {
+      return options;
+    }
+    return options.filter(
+      (o) => o.label.toLowerCase().includes(q) || o.value.toLowerCase().includes(q)
+    );
+  }, [options, search]);
+  const selectedOptions = useMemo(
+    () => value.map(
+      (v) => options.find((o) => o.value === v) || { value: v, label: v }
+    ),
+    [value, options]
+  );
+  const toggle = (val) => {
+    if (value.includes(val)) {
+      onChange(value.filter((v) => v !== val));
+    } else {
+      onChange([...value, val]);
+    }
+  };
+  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx(Popover.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        disabled,
+        className: clx(
+          "flex min-h-8 w-full items-center justify-between gap-2 rounded-md border bg-ui-bg-field px-3 py-1.5 text-left shadow-borders-base transition-colors",
+          "hover:bg-ui-bg-field-hover focus:outline-none focus:shadow-borders-interactive-with-active",
+          disabled && "cursor-not-allowed opacity-60"
+        ),
+        children: [
+          selectedOptions.length === 0 ? /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted", children: placeholder }) : /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1", children: selectedOptions.map((o) => /* @__PURE__ */ jsxs(Badge, { size: "2xsmall", className: "gap-x-1", children: [
+            o.label,
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                role: "button",
+                tabIndex: -1,
+                onClick: (e) => {
+                  e.stopPropagation();
+                  toggle(o.value);
+                },
+                className: "hover:text-ui-fg-base",
+                children: /* @__PURE__ */ jsx(XMark, { className: "h-3 w-3" })
+              }
+            )
+          ] }, o.value)) }),
+          /* @__PURE__ */ jsx(ChevronUpDown, { className: "shrink-0 text-ui-fg-muted" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxs(
+      Popover.Content,
+      {
+        align: "start",
+        sideOffset: 4,
+        className: "z-50 w-[var(--radix-popover-trigger-width)] min-w-[280px] p-0",
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "border-b border-ui-border-base p-2", children: /* @__PURE__ */ jsx(
+            Input,
+            {
+              autoFocus: true,
+              placeholder: searchPlaceholder,
+              value: search,
+              onChange: (e) => setSearch(e.target.value)
+            }
+          ) }),
+          /* @__PURE__ */ jsx("div", { className: "max-h-64 overflow-auto p-1", children: filtered.length === 0 ? /* @__PURE__ */ jsx(
+            Text,
+            {
+              size: "small",
+              className: "px-2 py-3 text-center text-ui-fg-muted",
+              children: "Sin resultados"
+            }
+          ) : filtered.map((o) => {
+            const checked = value.includes(o.value);
+            return /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                onClick: () => toggle(o.value),
+                className: "flex w-full items-center gap-x-2 rounded-md px-2 py-1.5 text-left hover:bg-ui-bg-base-hover",
+                children: [
+                  /* @__PURE__ */ jsx(
+                    Checkbox,
+                    {
+                      checked,
+                      className: "pointer-events-none"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(Text, { size: "small", children: o.label })
+                ]
+              },
+              o.value
+            );
+          }) }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between border-t border-ui-border-base px-2 py-1.5", children: [
+            /* @__PURE__ */ jsxs(Text, { size: "xsmall", className: "text-ui-fg-subtle", children: [
+              value.length,
+              " seleccionado",
+              value.length === 1 ? "" : "s"
+            ] }),
+            value.length > 0 && /* @__PURE__ */ jsx(
+              Button,
+              {
+                size: "small",
+                variant: "transparent",
+                onClick: () => onChange([]),
+                children: "Limpiar"
+              }
+            )
+          ] })
+        ]
+      }
+    )
+  ] });
+};
+const AllowListField = ({
+  label,
+  description,
+  icon,
+  options,
+  restricted,
+  onRestrictedChange,
+  selected,
+  onSelectedChange,
+  error,
+  searchPlaceholder
+}) => {
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-3 rounded-lg border border-ui-border-base p-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-x-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-x-2", children: [
+        icon ? /* @__PURE__ */ jsx("span", { className: "mt-0.5 text-ui-fg-subtle", children: icon }) : null,
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+          /* @__PURE__ */ jsx(Label, { weight: "plus", children: label }),
+          description ? /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: description }) : null
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-x-2", children: [
+        /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: restricted ? "Restringido" : "Todas" }),
+        /* @__PURE__ */ jsx(
+          Switch,
+          {
+            checked: restricted,
+            onCheckedChange: onRestrictedChange
+          }
+        )
+      ] })
+    ] }),
+    restricted ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-1", children: [
+      /* @__PURE__ */ jsx(
+        MultiSelect,
+        {
+          options,
+          value: selected,
+          onChange: onSelectedChange,
+          searchPlaceholder
+        }
+      ),
+      error ? /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-error", children: error }) : null
+    ] }) : null
+  ] });
+};
+const NONE$1 = "__none__";
+const CapabilitiesSection = ({
+  role,
+  onRoleChange,
+  capabilities,
+  onCapabilitiesChange
+}) => {
+  const preset = presetForRole(role);
+  const setCapability = (key, nextValue) => {
+    onCapabilitiesChange({ ...capabilities, [key]: nextValue });
+  };
+  const diffCount = Object.keys(preset).filter(
+    (k) => capabilities[k] !== preset[k]
+  ).length;
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-2", children: [
+      /* @__PURE__ */ jsx(Label, { weight: "plus", children: "Rol POS" }),
+      /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: "El rol aplica un preset de capacidades. Puedes ajustar capacidades puntuales abajo; se guarda el mapa completo resuelto." }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-2", children: [
+        /* @__PURE__ */ jsx("div", { className: "max-w-xs flex-1", children: /* @__PURE__ */ jsxs(
+          Select,
+          {
+            value: role || NONE$1,
+            onValueChange: (v) => onRoleChange(v === NONE$1 ? "" : v),
+            children: [
+              /* @__PURE__ */ jsx(Select.Trigger, { children: /* @__PURE__ */ jsx(Select.Value, { placeholder: "Sin rol" }) }),
+              /* @__PURE__ */ jsxs(Select.Content, { children: [
+                /* @__PURE__ */ jsx(Select.Item, { value: NONE$1, children: "Sin rol (todo permitido)" }),
+                POS_ROLES.map((r) => /* @__PURE__ */ jsx(Select.Item, { value: r.value, children: r.label }, r.value))
+              ] })
+            ]
+          }
+        ) }),
+        diffCount > 0 ? /* @__PURE__ */ jsxs(
+          Button,
+          {
+            size: "small",
+            variant: "secondary",
+            onClick: () => onCapabilitiesChange({ ...preset }),
+            children: [
+              /* @__PURE__ */ jsx(ArrowUturnLeft, {}),
+              "Restablecer al preset"
+            ]
+          }
+        ) : null
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-2", children: [
+      /* @__PURE__ */ jsx(Label, { weight: "plus", children: "Capacidades" }),
+      diffCount > 0 ? /* @__PURE__ */ jsxs(Badge, { size: "2xsmall", color: "orange", children: [
+        diffCount,
+        " distinta",
+        diffCount === 1 ? "" : "s",
+        " del preset"
+      ] }) : null
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-y-5", children: CAPABILITY_GROUPS.map((group) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-2", children: [
+      /* @__PURE__ */ jsx(
+        Text,
+        {
+          size: "small",
+          weight: "plus",
+          className: "text-ui-fg-subtle",
+          children: group.title
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: "flex flex-col divide-y divide-ui-border-base rounded-lg border border-ui-border-base", children: group.items.map((item) => {
+        const value = capabilities[item.key] ?? true;
+        const differs = value !== (preset[item.key] ?? true);
+        return /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "flex items-center justify-between gap-x-4 px-4 py-3",
+            children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-2", children: [
+                  /* @__PURE__ */ jsx(Text, { size: "small", weight: "plus", children: item.label }),
+                  differs ? /* @__PURE__ */ jsx(Badge, { size: "2xsmall", color: "orange", children: "≠ preset" }) : null
+                ] }),
+                item.description ? /* @__PURE__ */ jsx(
+                  Text,
+                  {
+                    size: "small",
+                    className: "text-ui-fg-subtle",
+                    children: item.description
+                  }
+                ) : null
+              ] }),
+              /* @__PURE__ */ jsx(
+                Switch,
+                {
+                  checked: value,
+                  onCheckedChange: (checked) => setCapability(item.key, checked)
+                }
+              )
+            ]
+          },
+          item.key
+        );
+      }) })
+    ] }, group.title)) })
+  ] });
+};
+const NONE = "__none__";
+const buildInitialState = (metadata) => {
+  const role = metadata.pos_role ?? "";
+  return {
+    stockRestricted: Array.isArray(metadata.pos_stock_location_ids),
+    stockIds: metadata.pos_stock_location_ids ?? [],
+    channelRestricted: Array.isArray(metadata.pos_sales_channel_ids),
+    channelIds: metadata.pos_sales_channel_ids ?? [],
+    regionRestricted: Array.isArray(metadata.pos_region_ids),
+    regionIds: metadata.pos_region_ids ?? [],
+    shippingRestricted: Array.isArray(metadata.pos_shipping_option_ids),
+    shippingIds: metadata.pos_shipping_option_ids ?? [],
+    defaultRegionId: metadata.pos_default_region_id ?? "",
+    defaultChannelId: metadata.pos_default_sales_channel_id ?? "",
+    defaultStockId: metadata.pos_default_stock_location_id ?? "",
+    role,
+    // Full resolved map (folds any stored partial caps onto the role preset).
+    capabilities: resolveCapabilities(role, metadata.pos_capabilities)
+  };
+};
+const toOptions = (items, decorate) => (items ?? []).map((i) => ({
+  value: i.id,
+  label: decorate ? decorate(i) : i.name || i.id
+}));
+const DefaultSelect = ({
+  label,
+  value,
+  onChange,
+  options: opts,
+  disabledHint
+}) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-2", children: [
+  /* @__PURE__ */ jsx(Label, { weight: "plus", children: label }),
+  /* @__PURE__ */ jsxs(
+    Select,
+    {
+      value: value || NONE,
+      onValueChange: (v) => onChange(v === NONE ? "" : v),
+      children: [
+        /* @__PURE__ */ jsx(Select.Trigger, { children: /* @__PURE__ */ jsx(Select.Value, { placeholder: "Sin valor por defecto" }) }),
+        /* @__PURE__ */ jsxs(Select.Content, { children: [
+          /* @__PURE__ */ jsx(Select.Item, { value: NONE, children: "Sin valor por defecto" }),
+          opts.map((o) => /* @__PURE__ */ jsx(Select.Item, { value: o.value, children: o.label }, o.value))
+        ] })
+      ]
+    }
+  ),
+  opts.length === 0 && disabledHint ? /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: disabledHint }) : null
+] });
+const PosPermissionEditorPage = () => {
+  const { id } = useParams();
+  const navigate = useNavigate();
+  const queryClient = useQueryClient();
+  const { data: operatorData, isLoading: operatorLoading } = useQuery({
+    queryFn: () => sdk.client.fetch(`/admin/pos-permissions/${id}`),
+    queryKey: ["pos-permissions-operator", id],
+    enabled: !!id
+  });
+  const { data: options, isLoading: optionsLoading } = useQuery({
+    queryFn: () => sdk.client.fetch(`/admin/pos-permissions/options`),
+    queryKey: ["pos-permissions-options"]
+  });
+  const [form, setForm] = useState(null);
+  const initializedFor = useRef(null);
+  useEffect(() => {
+    const operator2 = operatorData == null ? void 0 : operatorData.operator;
+    if (operator2 && initializedFor.current !== operator2.id) {
+      initializedFor.current = operator2.id;
+      setForm(buildInitialState(operator2.metadata ?? {}));
+    }
+  }, [operatorData]);
+  const stockOptions = useMemo(
+    () => toOptions(options == null ? void 0 : options.stock_locations),
+    [options]
+  );
+  const channelOptions = useMemo(
+    () => toOptions(options == null ? void 0 : options.sales_channels),
+    [options]
+  );
+  const regionOptions = useMemo(
+    () => toOptions(
+      options == null ? void 0 : options.regions,
+      (r) => r.currency_code ? `${r.name} (${String(r.currency_code).toUpperCase()})` : r.name
+    ),
+    [options]
+  );
+  const shippingOptions = useMemo(
+    () => toOptions(options == null ? void 0 : options.shipping_options),
+    [options]
+  );
+  const saveMutation = useMutation({
+    mutationFn: (payload) => sdk.client.fetch(`/admin/pos-permissions/${id}`, {
+      method: "POST",
+      body: payload
+    }),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ["operators"] });
+      queryClient.invalidateQueries({
+        queryKey: ["pos-permissions-operator", id]
+      });
+      toast.success("Permisos del operador actualizados");
+    },
+    onError: (error) => {
+      toast.error(error.message || "No se pudieron guardar los permisos");
+    }
+  });
+  if (operatorLoading || optionsLoading || !form) {
+    return /* @__PURE__ */ jsx(Container, { className: "flex items-center justify-center py-16", children: /* @__PURE__ */ jsx(Spinner, { className: "animate-spin text-ui-fg-subtle" }) });
+  }
+  const operator = operatorData == null ? void 0 : operatorData.operator;
+  const operatorName = `${(operator == null ? void 0 : operator.first_name) ?? ""} ${(operator == null ? void 0 : operator.last_name) ?? ""}`.trim() || (operator == null ? void 0 : operator.email) || id;
+  const patch = (changes) => setForm((prev) => prev ? { ...prev, ...changes } : prev);
+  const setStockIds = (ids) => setForm((prev) => {
+    if (!prev) return prev;
+    const next = { ...prev, stockIds: ids };
+    if (prev.defaultStockId && !ids.includes(prev.defaultStockId)) {
+      next.defaultStockId = "";
+    }
+    return next;
+  });
+  const setStockRestricted = (restricted) => setForm((prev) => {
+    if (!prev) return prev;
+    const next = { ...prev, stockRestricted: restricted };
+    if (restricted && prev.defaultStockId && !prev.stockIds.includes(prev.defaultStockId)) {
+      next.defaultStockId = "";
+    }
+    return next;
+  });
+  const setChannelIds = (ids) => setForm((prev) => {
+    if (!prev) return prev;
+    const next = { ...prev, channelIds: ids };
+    if (prev.defaultChannelId && !ids.includes(prev.defaultChannelId)) {
+      next.defaultChannelId = "";
+    }
+    return next;
+  });
+  const setChannelRestricted = (restricted) => setForm((prev) => {
+    if (!prev) return prev;
+    const next = { ...prev, channelRestricted: restricted };
+    if (restricted && prev.defaultChannelId && !prev.channelIds.includes(prev.defaultChannelId)) {
+      next.defaultChannelId = "";
+    }
+    return next;
+  });
+  const setRegionIds = (ids) => setForm((prev) => {
+    if (!prev) return prev;
+    const next = { ...prev, regionIds: ids };
+    if (prev.defaultRegionId && !ids.includes(prev.defaultRegionId)) {
+      next.defaultRegionId = "";
+    }
+    return next;
+  });
+  const setRegionRestricted = (restricted) => setForm((prev) => {
+    if (!prev) return prev;
+    const next = { ...prev, regionRestricted: restricted };
+    if (restricted && prev.defaultRegionId && !prev.regionIds.includes(prev.defaultRegionId)) {
+      next.defaultRegionId = "";
+    }
+    return next;
+  });
+  const regionDefaultOptions = form.regionRestricted ? regionOptions.filter((o) => form.regionIds.includes(o.value)) : regionOptions;
+  const channelDefaultOptions = form.channelRestricted ? channelOptions.filter((o) => form.channelIds.includes(o.value)) : channelOptions;
+  const stockDefaultOptions = form.stockRestricted ? stockOptions.filter((o) => form.stockIds.includes(o.value)) : stockOptions;
+  const handleSave = () => {
+    if (form.stockRestricted && form.stockIds.length === 0) {
+      toast.error(
+        "Selecciona al menos una ubicación o desactiva la restricción de ubicaciones."
+      );
+      return;
+    }
+    const payload = {
+      pos_stock_location_ids: form.stockRestricted ? form.stockIds : null,
+      pos_sales_channel_ids: form.channelRestricted ? form.channelIds : null,
+      pos_region_ids: form.regionRestricted ? form.regionIds : null,
+      pos_shipping_option_ids: form.shippingRestricted ? form.shippingIds : null,
+      pos_default_region_id: form.defaultRegionId || null,
+      pos_default_sales_channel_id: form.defaultChannelId || null,
+      pos_default_stock_location_id: form.defaultStockId || null,
+      pos_role: form.role || null,
+      // Store the full resolved capability map so the frontend reads each
+      // flag directly (cap ausente ⇒ permitido) without a preset table.
+      pos_capabilities: form.capabilities
+    };
+    saveMutation.mutate(payload);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-3", children: [
+    /* @__PURE__ */ jsxs(Container, { className: "flex items-center justify-between p-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-3", children: [
+        /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            size: "small",
+            variant: "transparent",
+            onClick: () => navigate("/pos-permissions"),
+            children: /* @__PURE__ */ jsx(ArrowLeft, {})
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+          /* @__PURE__ */ jsx(Heading, { level: "h2", children: operatorName }),
+          /* @__PURE__ */ jsxs(Text, { size: "small", className: "text-ui-fg-subtle", children: [
+            operator == null ? void 0 : operator.email,
+            " · Permisos del Punto de Venta"
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          size: "small",
+          onClick: handleSave,
+          isLoading: saveMutation.isPending,
+          children: "Guardar cambios"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs(Container, { className: "flex flex-col gap-y-4 p-6", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-1", children: [
+        /* @__PURE__ */ jsx(Heading, { level: "h3", children: "Alcance de catálogo" }),
+        /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: 'Restringe a qué ubicaciones, canales, regiones y envíos puede acceder. "Todas" significa sin restricción.' })
+      ] }),
+      /* @__PURE__ */ jsx(
+        AllowListField,
+        {
+          label: "Ubicaciones (sucursales pickup)",
+          description: "Ubicaciones de surtido/recolección que puede usar.",
+          icon: /* @__PURE__ */ jsx(Buildings, {}),
+          options: stockOptions,
+          restricted: form.stockRestricted,
+          onRestrictedChange: setStockRestricted,
+          selected: form.stockIds,
+          onSelectedChange: setStockIds,
+          searchPlaceholder: "Buscar ubicación...",
+          error: form.stockRestricted && form.stockIds.length === 0 ? "Selecciona al menos una ubicación." : void 0
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        AllowListField,
+        {
+          label: "Canales de venta",
+          icon: /* @__PURE__ */ jsx(ChannelsSolid, {}),
+          options: channelOptions,
+          restricted: form.channelRestricted,
+          onRestrictedChange: setChannelRestricted,
+          selected: form.channelIds,
+          onSelectedChange: setChannelIds,
+          searchPlaceholder: "Buscar canal..."
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        AllowListField,
+        {
+          label: "Regiones",
+          icon: /* @__PURE__ */ jsx(CurrencyDollar, {}),
+          options: regionOptions,
+          restricted: form.regionRestricted,
+          onRestrictedChange: setRegionRestricted,
+          selected: form.regionIds,
+          onSelectedChange: setRegionIds,
+          searchPlaceholder: "Buscar región..."
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        AllowListField,
+        {
+          label: "Opciones de envío",
+          icon: /* @__PURE__ */ jsx(Tag, {}),
+          options: shippingOptions,
+          restricted: form.shippingRestricted,
+          onRestrictedChange: (r) => patch({ shippingRestricted: r }),
+          selected: form.shippingIds,
+          onSelectedChange: (ids) => patch({ shippingIds: ids }),
+          searchPlaceholder: "Buscar opción de envío..."
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs(Container, { className: "flex flex-col gap-y-4 p-6", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-1", children: [
+        /* @__PURE__ */ jsx(Heading, { level: "h3", children: "Valores por defecto" }),
+        /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: "Pre-selección al abrir la sesión. Deben pertenecer a su allow-list cuando esté restringida." })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-3", children: [
+        /* @__PURE__ */ jsx(
+          DefaultSelect,
+          {
+            label: "Región por defecto",
+            value: form.defaultRegionId,
+            onChange: (v) => patch({ defaultRegionId: v }),
+            options: regionDefaultOptions,
+            disabledHint: "Restringe regiones y selecciona alguna para elegir un default."
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          DefaultSelect,
+          {
+            label: "Canal por defecto",
+            value: form.defaultChannelId,
+            onChange: (v) => patch({ defaultChannelId: v }),
+            options: channelDefaultOptions,
+            disabledHint: "Restringe canales y selecciona alguno para elegir un default."
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          DefaultSelect,
+          {
+            label: "Ubicación por defecto",
+            value: form.defaultStockId,
+            onChange: (v) => patch({ defaultStockId: v }),
+            options: stockDefaultOptions,
+            disabledHint: "Restringe ubicaciones y selecciona alguna para elegir un default."
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(Container, { className: "flex flex-col gap-y-4 p-6", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-1", children: [
+        /* @__PURE__ */ jsx(Heading, { level: "h3", children: "Rol y capacidades" }),
+        /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: "El rol define un preset; las capacidades permiten ajustes puntuales. El backend debe re-validar las acciones sensibles." })
+      ] }),
+      /* @__PURE__ */ jsx(
+        CapabilitiesSection,
+        {
+          role: form.role,
+          onRoleChange: (role) => patch({ role, capabilities: presetForRole(role) }),
+          capabilities: form.capabilities,
+          onCapabilitiesChange: (capabilities) => patch({ capabilities })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs(Container, { className: "flex items-center justify-end gap-x-2 p-4", children: [
+      /* @__PURE__ */ jsx(Button, { asChild: true, size: "small", variant: "secondary", children: /* @__PURE__ */ jsx(Link, { to: "/pos-permissions", children: "Volver" }) }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          size: "small",
+          onClick: handleSave,
+          isLoading: saveMutation.isPending,
+          children: "Guardar cambios"
+        }
+      )
+    ] })
+  ] });
+};
 const i18nTranslations0 = {};
 const widgetModule = { widgets: [] };
 const routeModule = {
@@ -394,15 +1697,43 @@ const routeModule = {
     {
       Component: OperatorsPage,
       path: "/operators"
+    },
+    {
+      Component: PaymentOptionsPage,
+      path: "/payment-options"
+    },
+    {
+      Component: PosPermissionsPage,
+      path: "/pos-permissions"
+    },
+    {
+      Component: PosPermissionEditorPage,
+      path: "/pos-permissions/:id"
     }
   ]
 };
 const menuItemModule = {
   menuItems: [
+    {
+      label: config$1.label,
+      icon: config$1.icon,
+      path: "/payment-options",
+      nested: void 0,
+      rank: void 0,
+      translationNs: void 0
+    },
+    {
+      label: config$2.label,
+      icon: config$2.icon,
+      path: "/operators",
+      nested: void 0,
+      rank: void 0,
+      translationNs: void 0
+    },
     {
       label: config.label,
       icon: config.icon,
-      path: "/operators",
+      path: "/pos-permissions",
       nested: void 0,
       rank: void 0,
       translationNs: void 0