@zaamx/netme-pos 0.0.9 → 0.0.11

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

@@ -311,24 +311,24 @@ const CreateOperatorModal = () => {
     ] }) }) })
   ] });
 };
-const columnHelper = ui.createDataTableColumnHelper();
-const useColumns = () => {
+const columnHelper$1 = ui.createDataTableColumnHelper();
+const useColumns$1 = () => {
   return react.useMemo(
     () => [
-      columnHelper.accessor("first_name", {
+      columnHelper$1.accessor("first_name", {
         header: "First Name"
       }),
-      columnHelper.accessor("last_name", {
+      columnHelper$1.accessor("last_name", {
         header: "Last Name"
       }),
-      columnHelper.accessor("email", {
+      columnHelper$1.accessor("email", {
         header: "Email"
       }),
-      columnHelper.accessor("created_at", {
+      columnHelper$1.accessor("created_at", {
         header: "Date Added",
         cell: ({ getValue }) => new Date(getValue()).toLocaleDateString()
       }),
-      columnHelper.display({
+      columnHelper$1.display({
         id: "actions",
         cell: ({ row }) => /* @__PURE__ */ jsxRuntime.jsx(OperatorActions, { operator: row.original })
       })
@@ -355,7 +355,7 @@ const OperatorTable = () => {
     queryKey: ["operators", limit, offset, searchValue],
     placeholderData: (previousData) => previousData
   });
-  const columns = useColumns();
+  const columns = useColumns$1();
   const table = ui.useDataTable({
     data: (data == null ? void 0 : data.operators) || [],
     columns,
@@ -386,10 +386,499 @@ const OperatorsPage = () => {
     /* @__PURE__ */ jsxRuntime.jsx(OperatorTable, {})
   ] });
 };
-const config = adminSdk.defineRouteConfig({
+const config$1 = adminSdk.defineRouteConfig({
   label: "Operators",
   icon: icons.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] = react.useState(toForm(paymentOption));
+  const queryClient = reactQuery.useQueryClient();
+  react.useEffect(() => {
+    if (open) {
+      setFormData(toForm(paymentOption));
+    }
+  }, [open, paymentOption]);
+  const update = (key, value) => setFormData((prev) => ({ ...prev, [key]: value }));
+  const updateMutation = reactQuery.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"] });
+      ui.toast.success("Nota de pago actualizada");
+      setOpen(false);
+    },
+    onError: (error) => {
+      ui.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__ */ jsxRuntime.jsx(ui.Drawer, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Drawer.Content, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Drawer.Header, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Drawer.Title, { children: "Editar nota de pago" }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Drawer.Body, { className: "flex-1 overflow-auto p-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-1", children: [
+        paymentOption.order_display_id ? /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: "small", leading: "compact", className: "text-ui-fg-subtle", children: [
+          "Orden #",
+          paymentOption.order_display_id
+        ] }) : null,
+        /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: "small", leading: "compact", className: "text-ui-fg-subtle", children: [
+          "Pago: ",
+          paymentOption.payment_id
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Método de pago" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Input,
+          {
+            value: formData.payment_method,
+            onChange: (e) => update("payment_method", e.target.value)
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-x-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Monto" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Input,
+            {
+              type: "number",
+              step: "0.01",
+              value: formData.amount,
+              onChange: (e) => update("amount", e.target.value)
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Estatus" }),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            ui.Select,
+            {
+              value: formData.status,
+              onValueChange: (value) => update("status", value),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Trigger, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Value, { placeholder: "Seleccionar estatus" }) }),
+                /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Content, { children: statusOptions.map((s) => /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Item, { value: s, children: s }, s)) })
+              ]
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Concepto" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Input,
+          {
+            value: formData.concept,
+            onChange: (e) => update("concept", e.target.value)
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Folio / Referencia" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Input,
+          {
+            value: formData.reference_code,
+            onChange: (e) => update("reference_code", e.target.value)
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Institución" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Input,
+          {
+            value: formData.institution,
+            onChange: (e) => update("institution", e.target.value)
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Nombre del depositante" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Input,
+          {
+            value: formData.depositor_name,
+            onChange: (e) => update("depositor_name", e.target.value)
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-x-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Referencia de terminal" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Input,
+            {
+              value: formData.terminal_reference,
+              onChange: (e) => update("terminal_reference", e.target.value)
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Monto del ticket" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Input,
+            {
+              type: "number",
+              step: "0.01",
+              value: formData.ticket_amount,
+              onChange: (e) => update("ticket_amount", e.target.value)
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Autorizó" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Input,
+          {
+            value: formData.authorizer,
+            onChange: (e) => update("authorizer", e.target.value)
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Comprobante (URL)" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Input,
+          {
+            value: formData.receipt_file,
+            onChange: (e) => update("receipt_file", e.target.value)
+          }
+        ),
+        formData.receipt_file && /* @__PURE__ */ jsxRuntime.jsx(
+          "a",
+          {
+            href: formData.receipt_file,
+            target: "_blank",
+            rel: "noreferrer",
+            className: "text-ui-fg-interactive text-xs",
+            children: "Ver comprobante"
+          }
+        )
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Drawer.Footer, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-end gap-x-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Drawer.Close, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+        ui.Button,
+        {
+          size: "small",
+          variant: "secondary",
+          disabled: updateMutation.isPending,
+          children: "Cancelar"
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ui.Button,
+        {
+          size: "small",
+          onClick: () => updateMutation.mutate(),
+          isLoading: updateMutation.isPending,
+          children: "Guardar"
+        }
+      )
+    ] }) })
+  ] }) });
+};
+const DeletePaymentOptionModal = ({
+  paymentOption,
+  open,
+  setOpen
+}) => {
+  const queryClient = reactQuery.useQueryClient();
+  const deleteMutation = reactQuery.useMutation({
+    mutationFn: () => sdk.client.fetch(`/admin/payment-options/${paymentOption.id}`, {
+      method: "DELETE"
+    }),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ["payment-options"] });
+      ui.toast.success("Nota de pago eliminada");
+      setOpen(false);
+    },
+    onError: (error) => {
+      ui.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__ */ jsxRuntime.jsx(ui.Prompt, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Prompt.Content, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(ui.Prompt.Header, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Prompt.Title, { children: "Eliminar nota de pago" }),
+      /* @__PURE__ */ jsxRuntime.jsxs(ui.Prompt.Description, { children: [
+        '¿Seguro que deseas eliminar la nota de pago "',
+        label,
+        '"? Esta acción no se puede deshacer.'
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(ui.Prompt.Footer, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Prompt.Cancel, { children: "Cancelar" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ui.Prompt.Action,
+        {
+          onClick: () => deleteMutation.mutate(),
+          disabled: deleteMutation.isPending,
+          children: "Eliminar"
+        }
+      )
+    ] })
+  ] }) });
+};
+const PaymentOptionActions = ({
+  paymentOption
+}) => {
+  const [editOpen, setEditOpen] = react.useState(false);
+  const [deleteOpen, setDeleteOpen] = react.useState(false);
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(ui.DropdownMenu, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", variant: "transparent", children: /* @__PURE__ */ jsxRuntime.jsx(icons.EllipsisHorizontal, {}) }) }),
+      /* @__PURE__ */ jsxRuntime.jsxs(ui.DropdownMenu.Content, { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          ui.DropdownMenu.Item,
+          {
+            onClick: () => setEditOpen(true),
+            className: "gap-x-2",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(icons.PencilSquare, { className: "text-ui-fg-subtle" }),
+              "Editar"
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.DropdownMenu.Separator, {}),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          ui.DropdownMenu.Item,
+          {
+            onClick: () => setDeleteOpen(true),
+            className: "gap-x-2",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(icons.Trash, { className: "text-ui-fg-subtle" }),
+              "Eliminar"
+            ]
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      EditPaymentOptionDrawer,
+      {
+        paymentOption,
+        open: editOpen,
+        setOpen: setEditOpen
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      DeletePaymentOptionModal,
+      {
+        paymentOption,
+        open: deleteOpen,
+        setOpen: setDeleteOpen
+      }
+    )
+  ] });
+};
+const columnHelper = ui.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 = () => {
+  return react.useMemo(
+    () => [
+      columnHelper.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__ */ jsxRuntime.jsxs(
+            "a",
+            {
+              href: `/app/orders/${orderId}`,
+              className: "text-ui-fg-interactive hover:underline",
+              onClick: (e) => e.stopPropagation(),
+              children: [
+                "#",
+                displayId
+              ]
+            }
+          );
+        }
+      }),
+      columnHelper.accessor("reference_code", {
+        header: "Folio / Referencia",
+        cell: ({ getValue }) => getValue() || "—"
+      }),
+      columnHelper.accessor("payment_method", {
+        header: "Método",
+        cell: ({ getValue }) => getValue() || "—"
+      }),
+      columnHelper.accessor("amount", {
+        header: "Monto",
+        cell: ({ getValue }) => formatAmount(getValue())
+      }),
+      columnHelper.accessor("status", {
+        header: "Estatus",
+        cell: ({ getValue }) => {
+          const status = getValue();
+          if (!status) {
+            return "—";
+          }
+          return /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { size: "2xsmall", color: statusColor(status), children: status });
+        }
+      }),
+      columnHelper.accessor("concept", {
+        header: "Concepto",
+        cell: ({ getValue }) => getValue() || "—"
+      }),
+      columnHelper.accessor("created_at", {
+        header: "Fecha",
+        cell: ({ getValue }) => new Date(getValue()).toLocaleString()
+      }),
+      columnHelper.display({
+        id: "actions",
+        cell: ({ row }) => /* @__PURE__ */ jsxRuntime.jsx(PaymentOptionActions, { paymentOption: row.original })
+      })
+    ],
+    []
+  );
+};
+const PaymentOptionTable = () => {
+  const [searchValue, setSearchValue] = react.useState("");
+  const [pagination, setPagination] = react.useState({
+    pageIndex: 0,
+    pageSize: 15
+  });
+  const limit = pagination.pageSize;
+  const offset = pagination.pageIndex * limit;
+  const { data, isLoading } = reactQuery.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();
+  const table = ui.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__ */ jsxRuntime.jsxs(ui.DataTable, { instance: table, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ui.DataTable.Toolbar, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full items-center justify-between gap-x-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: [
+        (data == null ? void 0 : data.count) ?? 0,
+        " notas"
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.DataTable.Search, { placeholder: "Buscar por orden, folio, concepto, método..." })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.DataTable.Table, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.DataTable.Pagination, {})
+  ] });
+};
+const PaymentOptionsPage = () => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "flex flex-col items-stretch overflow-hidden p-0", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-between border-b border-ui-border-base px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-1", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", children: "Notas de pago (POS)" }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Revisa, edita o elimina las notas de pago registradas desde el POS." })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(PaymentOptionTable, {})
+  ] });
+};
+const config = adminSdk.defineRouteConfig({
+  label: "Notas de pago",
+  icon: icons.CurrencyDollar
+});
 const i18nTranslations0 = {};
 const widgetModule = { widgets: [] };
 const routeModule = {
@@ -397,15 +886,27 @@ const routeModule = {
     {
       Component: OperatorsPage,
       path: "/operators"
+    },
+    {
+      Component: PaymentOptionsPage,
+      path: "/payment-options"
     }
   ]
 };
 const menuItemModule = {
   menuItems: [
+    {
+      label: config$1.label,
+      icon: config$1.icon,
+      path: "/operators",
+      nested: void 0,
+      rank: void 0,
+      translationNs: void 0
+    },
     {
       label: config.label,
       icon: config.icon,
-      path: "/operators",
+      path: "/payment-options",
       nested: void 0,
       rank: void 0,
       translationNs: void 0