@zaamx/netme-pos 0.0.3

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

@@ -0,0 +1,428 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const adminSdk = require("@medusajs/admin-sdk");
+const icons = require("@medusajs/icons");
+const ui = require("@medusajs/ui");
+const react = require("react");
+const reactQuery = require("@tanstack/react-query");
+const Medusa = require("@medusajs/js-sdk");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const Medusa__default = /* @__PURE__ */ _interopDefault(Medusa);
+const sdk = new Medusa__default.default({
+  // @ts-ignore
+  baseUrl: "http://localhost:9000",
+  // @ts-ignore
+  debug: false,
+  auth: {
+    type: "session"
+  }
+});
+const EditOperatorDrawer = ({
+  operator,
+  open,
+  setOpen
+}) => {
+  const [formData, setFormData] = react.useState({
+    first_name: operator.first_name,
+    last_name: operator.last_name,
+    email: operator.email
+  });
+  const [errors, setErrors] = react.useState({});
+  const queryClient = reactQuery.useQueryClient();
+  const updateOperator = reactQuery.useMutation({
+    mutationFn: (data) => sdk.client.fetch(`/admin/operators/${operator.id}`, {
+      method: "POST",
+      body: data
+    }),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ["operators"] });
+      ui.toast.success("Operator updated successfully");
+      setOpen(false);
+    },
+    onError: (error) => {
+      ui.toast.error(error.message || "Failed to update operator");
+    }
+  });
+  const handleSubmit = () => {
+    const newErrors = {};
+    if (!formData.first_name) newErrors.first_name = "First name is required";
+    if (!formData.last_name) newErrors.last_name = "Last name is required";
+    if (!formData.email) newErrors.email = "Email is required";
+    else if (!formData.email.includes("@")) newErrors.email = "Valid email is required";
+    if (Object.keys(newErrors).length > 0) {
+      setErrors(newErrors);
+      return;
+    }
+    updateOperator.mutate(formData);
+  };
+  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: "Edit Operator" }) }),
+    /* @__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-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "First Name" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Input,
+          {
+            value: formData.first_name,
+            onChange: (e) => {
+              setFormData({ ...formData, first_name: e.target.value });
+              setErrors({ ...errors, first_name: "" });
+            }
+          }
+        ),
+        errors.first_name && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-error", children: errors.first_name })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Last Name" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Input,
+          {
+            value: formData.last_name,
+            onChange: (e) => {
+              setFormData({ ...formData, last_name: e.target.value });
+              setErrors({ ...errors, last_name: "" });
+            }
+          }
+        ),
+        errors.last_name && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-error", children: errors.last_name })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Email" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Input,
+          {
+            type: "email",
+            value: formData.email,
+            onChange: (e) => {
+              setFormData({ ...formData, email: e.target.value });
+              setErrors({ ...errors, email: "" });
+            }
+          }
+        ),
+        errors.email && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-error", children: errors.email })
+      ] })
+    ] }) }),
+    /* @__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: updateOperator.isPending,
+          children: "Cancel"
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ui.Button,
+        {
+          size: "small",
+          onClick: handleSubmit,
+          isLoading: updateOperator.isPending,
+          children: "Save"
+        }
+      )
+    ] }) })
+  ] }) });
+};
+const DeleteOperatorModal = ({
+  operator,
+  open,
+  setOpen
+}) => {
+  const queryClient = reactQuery.useQueryClient();
+  const deleteMutation = reactQuery.useMutation({
+    mutationFn: () => sdk.client.fetch(`/admin/operators/${operator.id}`, { method: "DELETE" }),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ["operators"] });
+      ui.toast.success("Operator deleted successfully");
+      setOpen(false);
+    },
+    onError: (error) => {
+      ui.toast.error(error.message || "Failed to delete operator");
+    }
+  });
+  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: "Delete Operator" }),
+      /* @__PURE__ */ jsxRuntime.jsxs(ui.Prompt.Description, { children: [
+        "Are you sure you want to delete ",
+        operator.first_name,
+        "? This action cannot be undone."
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(ui.Prompt.Footer, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Prompt.Cancel, { children: "Cancel" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ui.Prompt.Action,
+        {
+          onClick: () => deleteMutation.mutate(),
+          disabled: deleteMutation.isPending,
+          children: "Delete"
+        }
+      )
+    ] })
+  ] }) });
+};
+const OperatorActions = ({ operator }) => {
+  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" }),
+          "Edit"
+        ] }),
+        /* @__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" }),
+          "Delete"
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(EditOperatorDrawer, { operator, open: editOpen, setOpen: setEditOpen }),
+    /* @__PURE__ */ jsxRuntime.jsx(DeleteOperatorModal, { operator, open: deleteOpen, setOpen: setDeleteOpen })
+  ] });
+};
+const CreateOperatorModal = () => {
+  const [open, setOpen] = react.useState(false);
+  const [formData, setFormData] = react.useState({
+    first_name: "",
+    last_name: "",
+    email: "",
+    password: ""
+  });
+  const [errors, setErrors] = react.useState({});
+  const queryClient = reactQuery.useQueryClient();
+  const createOperator = reactQuery.useMutation({
+    mutationFn: (data) => sdk.client.fetch("/admin/operators", {
+      method: "POST",
+      body: data
+    }),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ["operators"] });
+      ui.toast.success("Operator created successfully");
+      setOpen(false);
+      setFormData({ first_name: "", last_name: "", email: "", password: "" });
+      setErrors({});
+    },
+    onError: (error) => {
+      ui.toast.error(error.message || "Failed to create operator");
+    }
+  });
+  const handleSubmit = () => {
+    const newErrors = {};
+    if (!formData.first_name) newErrors.first_name = "First name is required";
+    if (!formData.last_name) newErrors.last_name = "Last name is required";
+    if (!formData.email) newErrors.email = "Email is required";
+    else if (!formData.email.includes("@")) newErrors.email = "Valid email is required";
+    if (!formData.password) newErrors.password = "Password is required";
+    if (Object.keys(newErrors).length > 0) {
+      setErrors(newErrors);
+      return;
+    }
+    createOperator.mutate(formData);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "secondary", onClick: () => setOpen(true), children: "Create Operator" }),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.FocusModal, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsxRuntime.jsx(ui.FocusModal.Content, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col overflow-hidden h-full", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.FocusModal.Header, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-end gap-x-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.FocusModal.Close, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Button,
+          {
+            size: "small",
+            variant: "secondary",
+            disabled: createOperator.isPending,
+            children: "Cancel"
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Button,
+          {
+            size: "small",
+            onClick: handleSubmit,
+            isLoading: createOperator.isPending,
+            children: "Save"
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.FocusModal.Body, { className: "flex-1 overflow-auto", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-4 max-w-[600px] mx-auto mt-8", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "First Name *" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Input,
+            {
+              value: formData.first_name,
+              onChange: (e) => {
+                setFormData({ ...formData, first_name: e.target.value });
+                setErrors({ ...errors, first_name: "" });
+              }
+            }
+          ),
+          errors.first_name && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-error", children: errors.first_name })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Last Name *" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Input,
+            {
+              value: formData.last_name,
+              onChange: (e) => {
+                setFormData({ ...formData, last_name: e.target.value });
+                setErrors({ ...errors, last_name: "" });
+              }
+            }
+          ),
+          errors.last_name && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-error", children: errors.last_name })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Email *" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Input,
+            {
+              type: "email",
+              value: formData.email,
+              onChange: (e) => {
+                setFormData({ ...formData, email: e.target.value });
+                setErrors({ ...errors, email: "" });
+              }
+            }
+          ),
+          errors.email && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-error", children: errors.email })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Password *" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Input,
+            {
+              type: "password",
+              value: formData.password,
+              onChange: (e) => {
+                setFormData({ ...formData, password: e.target.value });
+                setErrors({ ...errors, password: "" });
+              }
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "This password will be used by the operator to log into their portal." }),
+          errors.password && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-error", children: errors.password })
+        ] })
+      ] }) })
+    ] }) }) })
+  ] });
+};
+const columnHelper = ui.createDataTableColumnHelper();
+const useColumns = () => {
+  return react.useMemo(
+    () => [
+      columnHelper.accessor("first_name", {
+        header: "First Name"
+      }),
+      columnHelper.accessor("last_name", {
+        header: "Last Name"
+      }),
+      columnHelper.accessor("email", {
+        header: "Email"
+      }),
+      columnHelper.accessor("created_at", {
+        header: "Date Added",
+        cell: ({ getValue }) => new Date(getValue()).toLocaleDateString()
+      }),
+      columnHelper.display({
+        id: "actions",
+        cell: ({ row }) => /* @__PURE__ */ jsxRuntime.jsx(OperatorActions, { operator: row.original })
+      })
+    ],
+    []
+  );
+};
+const OperatorTable = () => {
+  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/operators", {
+      query: {
+        limit,
+        offset,
+        q: searchValue || void 0
+      }
+    }),
+    queryKey: ["operators", limit, offset, searchValue],
+    placeholderData: (previousData) => previousData
+  });
+  const columns = useColumns();
+  const table = ui.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__ */ jsxRuntime.jsxs(ui.DataTable, { instance: table, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ui.DataTable.Toolbar, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-x-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(CreateOperatorModal, {}),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.DataTable.Search, { placeholder: "Search operators..." })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.DataTable.Table, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.DataTable.Pagination, {})
+  ] });
+};
+const OperatorsPage = () => {
+  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.jsx(ui.Heading, { level: "h2", children: "Operators" }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(OperatorTable, {})
+  ] });
+};
+const config = adminSdk.defineRouteConfig({
+  label: "Operators",
+  icon: icons.Users
+});
+const i18nTranslations0 = {};
+const widgetModule = { widgets: [] };
+const routeModule = {
+  routes: [
+    {
+      Component: OperatorsPage,
+      path: "/operators"
+    }
+  ]
+};
+const menuItemModule = {
+  menuItems: [
+    {
+      label: config.label,
+      icon: config.icon,
+      path: "/operators",
+      nested: void 0,
+      rank: void 0,
+      translationNs: void 0
+    }
+  ]
+};
+const formModule = { customFields: {} };
+const displayModule = {
+  displays: {}
+};
+const i18nModule = { resources: i18nTranslations0 };
+const plugin = {
+  widgetModule,
+  routeModule,
+  menuItemModule,
+  formModule,
+  displayModule,
+  i18nModule
+};
+module.exports = plugin;