@zaamx/netme-pos 0.0.15 → 0.0.18

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

@@ -1,11 +1,11 @@
-import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { defineRouteConfig } from "@medusajs/admin-sdk";
-import { ShieldCheck, EllipsisHorizontal, PencilSquare, Trash, Users, CurrencyDollar, XMark, ChevronUpDown, ArrowUturnLeft, Spinner, ArrowLeft, Buildings, ChannelsSolid, Tag } from "@medusajs/icons";
-import { createDataTableColumnHelper, useDataTable, Container, Heading, Text, DataTable, Badge, Button, toast, Drawer, Label, Input, Prompt, DropdownMenu, IconButton, FocusModal, Select, Popover, clx, Checkbox, Switch } from "@medusajs/ui";
+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 { useQuery, useQueryClient, useMutation } from "@tanstack/react-query";
-import { Link, useNavigate, useParams } from "react-router-dom";
+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: "/",
@@ -15,187 +15,6 @@ const sdk = new Medusa({
     type: "session"
   }
 });
-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$2 = 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$2 = () => useMemo(
-  () => [
-    columnHelper$2.accessor("first_name", {
-      header: "Nombre",
-      cell: ({ row }) => `${row.original.first_name ?? ""} ${row.original.last_name ?? ""}`.trim() || "—"
-    }),
-    columnHelper$2.accessor("email", {
-      header: "Email"
-    }),
-    columnHelper$2.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$2.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$2.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$2();
-  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$2 = defineRouteConfig({
-  label: "Permisos POS",
-  icon: ShieldCheck
-});
 const EditOperatorDrawer = ({
   operator,
   open,
@@ -502,24 +321,24 @@ const CreateOperatorModal = () => {
     ] }) }) })
   ] });
 };
-const columnHelper$1 = createDataTableColumnHelper();
-const useColumns$1 = () => {
+const columnHelper$2 = createDataTableColumnHelper();
+const useColumns$2 = () => {
   return useMemo(
     () => [
-      columnHelper$1.accessor("first_name", {
+      columnHelper$2.accessor("first_name", {
         header: "First Name"
       }),
-      columnHelper$1.accessor("last_name", {
+      columnHelper$2.accessor("last_name", {
         header: "Last Name"
       }),
-      columnHelper$1.accessor("email", {
+      columnHelper$2.accessor("email", {
         header: "Email"
       }),
-      columnHelper$1.accessor("created_at", {
+      columnHelper$2.accessor("created_at", {
         header: "Date Added",
         cell: ({ getValue }) => new Date(getValue()).toLocaleDateString()
       }),
-      columnHelper$1.display({
+      columnHelper$2.display({
         id: "actions",
         cell: ({ row }) => /* @__PURE__ */ jsx(OperatorActions, { operator: row.original })
       })
@@ -546,7 +365,7 @@ const OperatorTable = () => {
     queryKey: ["operators", limit, offset, searchValue],
     placeholderData: (previousData) => previousData
   });
-  const columns = useColumns$1();
+  const columns = useColumns$2();
   const table = useDataTable({
     data: (data == null ? void 0 : data.operators) || [],
     columns,
@@ -577,7 +396,7 @@ const OperatorsPage = () => {
     /* @__PURE__ */ jsx(OperatorTable, {})
   ] });
 };
-const config$1 = defineRouteConfig({
+const config$2 = defineRouteConfig({
   label: "Operators",
   icon: Users
 });
@@ -913,7 +732,7 @@ const PaymentOptionActions = ({
     )
   ] });
 };
-const columnHelper = createDataTableColumnHelper();
+const columnHelper$1 = createDataTableColumnHelper();
 const formatAmount = (value) => {
   const n = Number(value ?? 0);
   return n.toLocaleString("es-MX", {
@@ -944,10 +763,10 @@ const statusColor = (status) => {
       return "grey";
   }
 };
-const useColumns = () => {
+const useColumns$1 = () => {
   return useMemo(
     () => [
-      columnHelper.accessor("order_display_id", {
+      columnHelper$1.accessor("order_display_id", {
         header: "Orden",
         cell: ({ row }) => {
           const displayId = row.original.order_display_id;
@@ -972,19 +791,19 @@ const useColumns = () => {
           );
         }
       }),
-      columnHelper.accessor("reference_code", {
+      columnHelper$1.accessor("reference_code", {
         header: "Folio / Referencia",
         cell: ({ getValue }) => getValue() || "—"
       }),
-      columnHelper.accessor("payment_method", {
+      columnHelper$1.accessor("payment_method", {
         header: "Método",
         cell: ({ getValue }) => getValue() || "—"
       }),
-      columnHelper.accessor("amount", {
+      columnHelper$1.accessor("amount", {
         header: "Monto",
         cell: ({ getValue }) => formatAmount(getValue())
       }),
-      columnHelper.accessor("status", {
+      columnHelper$1.accessor("status", {
         header: "Estatus",
         cell: ({ getValue }) => {
           const status = getValue();
@@ -994,15 +813,15 @@ const useColumns = () => {
           return /* @__PURE__ */ jsx(Badge, { size: "2xsmall", color: statusColor(status), children: status });
         }
       }),
-      columnHelper.accessor("concept", {
+      columnHelper$1.accessor("concept", {
         header: "Concepto",
         cell: ({ getValue }) => getValue() || "—"
       }),
-      columnHelper.accessor("created_at", {
+      columnHelper$1.accessor("created_at", {
         header: "Fecha",
         cell: ({ getValue }) => new Date(getValue()).toLocaleString()
       }),
-      columnHelper.display({
+      columnHelper$1.display({
         id: "actions",
         cell: ({ row }) => /* @__PURE__ */ jsx(PaymentOptionActions, { paymentOption: row.original })
       })
@@ -1029,7 +848,7 @@ const PaymentOptionTable = () => {
     queryKey: ["payment-options", limit, offset, searchValue],
     placeholderData: (previousData) => previousData
   });
-  const columns = useColumns();
+  const columns = useColumns$1();
   const table = useDataTable({
     data: (data == null ? void 0 : data.payment_options) || [],
     columns,
@@ -1066,10 +885,191 @@ const PaymentOptionsPage = () => {
     /* @__PURE__ */ jsx(PaymentOptionTable, {})
   ] });
 };
-const config = defineRouteConfig({
+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,
@@ -1694,10 +1694,6 @@ const i18nTranslations0 = {};
 const widgetModule = { widgets: [] };
 const routeModule = {
   routes: [
-    {
-      Component: PosPermissionsPage,
-      path: "/pos-permissions"
-    },
     {
       Component: OperatorsPage,
       path: "/operators"
@@ -1706,6 +1702,10 @@ const routeModule = {
       Component: PaymentOptionsPage,
       path: "/payment-options"
     },
+    {
+      Component: PosPermissionsPage,
+      path: "/pos-permissions"
+    },
     {
       Component: PosPermissionEditorPage,
       path: "/pos-permissions/:id"
@@ -1715,25 +1715,25 @@ const routeModule = {
 const menuItemModule = {
   menuItems: [
     {
-      label: config.label,
-      icon: config.icon,
-      path: "/payment-options",
+      label: config$2.label,
+      icon: config$2.icon,
+      path: "/operators",
       nested: void 0,
       rank: void 0,
       translationNs: void 0
     },
     {
-      label: config$2.label,
-      icon: config$2.icon,
-      path: "/pos-permissions",
+      label: config$1.label,
+      icon: config$1.icon,
+      path: "/payment-options",
       nested: void 0,
       rank: void 0,
       translationNs: void 0
     },
     {
-      label: config$1.label,
-      icon: config$1.icon,
-      path: "/operators",
+      label: config.label,
+      icon: config.icon,
+      path: "/pos-permissions",
       nested: void 0,
       rank: void 0,
       translationNs: void 0