@mercurjs/admin 2.0.0-canary.24

package/dist/user-list-BJXFPTJ7.js

@@ -0,0 +1,341 @@
+import {
+  DateCell
+} from "./chunk-25LYVP3C.js";
+import "./chunk-PHOCVOZ5.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-FLCYR7E5.js";
+import "./chunk-YBZWO4ZV.js";
+import "./chunk-KAZ5BYTQ.js";
+import "./chunk-3EF54XFY.js";
+import "./chunk-KBYZLKI4.js";
+import "./chunk-YWWUOGJA.js";
+import {
+  SingleColumnPage
+} from "./chunk-U2UCL2VG.js";
+import "./chunk-INNFZYX2.js";
+import {
+  ActionMenu
+} from "./chunk-BDGZ4EQO.js";
+import "./chunk-LAVHRER2.js";
+import "./chunk-Y7QKP6QU.js";
+import {
+  useQueryParams
+} from "./chunk-THHRRYRS.js";
+import "./chunk-UZWFZMOX.js";
+import "./chunk-XQNVC4Q7.js";
+import {
+  useUsers
+} from "./chunk-WDZFLCSQ.js";
+import "./chunk-2KCF3ZIB.js";
+import "./chunk-ZYNBKBY3.js";
+import "./chunk-NBMM2TZK.js";
+
+// src/pages/users/user-list/components/user-list-table/user-list-table.tsx
+import { useMemo as useMemo2 } from "react";
+import { PencilSquare } from "@medusajs/icons";
+import { Button, Container, Heading } from "@medusajs/ui";
+import { keepPreviousData } from "@tanstack/react-query";
+import { createColumnHelper } from "@tanstack/react-table";
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { Link, useNavigate } from "react-router-dom";
+
+// src/hooks/table/query/use-user-table-query.tsx
+var useUserTableQuery = (options) => {
+  const { prefix, pageSize = 20 } = options ?? {};
+  const queryObject = useQueryParams(["offset", "q", "created_at", "updated_at", "order"], prefix);
+  const { offset, created_at, updated_at, q, order } = queryObject;
+  const searchParams = {
+    limit: pageSize,
+    offset: offset ? Number(offset) : 0,
+    created_at: created_at ? JSON.parse(created_at) : void 0,
+    updated_at: updated_at ? JSON.parse(updated_at) : void 0,
+    order: order ? order : "-created_at",
+    q
+  };
+  return {
+    searchParams,
+    raw: queryObject
+  };
+};
+
+// src/pages/users/user-list/components/user-list-table/use-user-table-filters.tsx
+import { useMemo } from "react";
+import { useTranslation } from "react-i18next";
+var useUserTableFilters = () => {
+  const { t } = useTranslation();
+  return useMemo(
+    () => [
+      {
+        key: "created_at",
+        label: t("fields.createdAt"),
+        type: "date"
+      },
+      {
+        key: "updated_at",
+        label: t("fields.updatedAt"),
+        type: "date"
+      }
+    ],
+    [t]
+  );
+};
+
+// src/pages/users/user-list/components/user-list-table/user-list-table.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var PAGE_SIZE = 20;
+var UserListTable = () => {
+  const { t } = useTranslation2();
+  const { searchParams, raw } = useUserTableQuery({ pageSize: PAGE_SIZE });
+  const { users, count, isPending, isError, error } = useUsers(
+    {
+      ...searchParams
+    },
+    {
+      placeholderData: keepPreviousData
+    }
+  );
+  const filters = useUserTableFilters();
+  const columns = useColumns();
+  const { table } = useDataTable({
+    data: users ?? [],
+    columns,
+    enablePagination: true,
+    count,
+    pageSize: PAGE_SIZE,
+    getRowId: (row) => row.id
+  });
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsxs(
+    Container,
+    {
+      className: "divide-y p-0",
+      "data-testid": "users-list-table",
+      children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "flex items-center justify-between px-6 py-4",
+            "data-testid": "users-list-header",
+            children: [
+              /* @__PURE__ */ jsx(
+                Heading,
+                {
+                  level: "h2",
+                  "data-testid": "users-list-title",
+                  children: t("users.domain")
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Link,
+                {
+                  to: "invite",
+                  "data-testid": "users-invite-link",
+                  children: /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      size: "small",
+                      variant: "secondary",
+                      "data-testid": "users-invite-button",
+                      children: t("users.invite")
+                    }
+                  )
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { "data-testid": "users-data-table", children: /* @__PURE__ */ jsx(
+          _DataTable,
+          {
+            table,
+            columns,
+            count,
+            pageSize: PAGE_SIZE,
+            filters,
+            search: true,
+            pagination: true,
+            isLoading: isPending,
+            queryObject: raw,
+            navigateTo: (row) => `${row.original.id}`,
+            orderBy: [
+              { key: "email", label: t("fields.email") },
+              { key: "first_name", label: t("fields.firstName") },
+              { key: "last_name", label: t("fields.lastName") },
+              { key: "created_at", label: t("fields.createdAt") },
+              { key: "updated_at", label: t("fields.updatedAt") }
+            ],
+            noRecords: {
+              message: t("users.list.empty.description")
+            }
+          }
+        ) })
+      ]
+    }
+  );
+};
+var columnHelper = createColumnHelper();
+var useColumns = () => {
+  const { t } = useTranslation2();
+  const navigate = useNavigate();
+  return useMemo2(
+    () => [
+      columnHelper.accessor("email", {
+        header: () => /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "flex h-full w-full items-center",
+            "data-testid": "users-table-header-email",
+            children: /* @__PURE__ */ jsx("span", { "data-testid": "users-table-header-email-text", children: t("fields.email") })
+          }
+        ),
+        cell: ({ row }) => {
+          return /* @__PURE__ */ jsx("div", { className: "flex size-full items-center overflow-hidden", children: /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: "truncate",
+              "data-testid": `users-table-cell-${row.index}-email-value`,
+              children: row.original.email
+            }
+          ) });
+        }
+      }),
+      columnHelper.accessor("first_name", {
+        header: () => /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "flex h-full w-full items-center",
+            "data-testid": "users-table-header-first_name",
+            children: /* @__PURE__ */ jsx("span", { "data-testid": "users-table-header-first_name-text", children: t("fields.firstName") })
+          }
+        ),
+        cell: ({ row }) => {
+          return /* @__PURE__ */ jsx("div", { className: "flex size-full items-center overflow-hidden", children: /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: "truncate",
+              "data-testid": `users-table-cell-${row.index}-first_name-value`,
+              children: row.original.first_name || "-"
+            }
+          ) });
+        }
+      }),
+      columnHelper.accessor("last_name", {
+        header: () => /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "flex h-full w-full items-center",
+            "data-testid": "users-table-header-last_name",
+            children: /* @__PURE__ */ jsx("span", { "data-testid": "users-table-header-last_name-text", children: t("fields.lastName") })
+          }
+        ),
+        cell: ({ row }) => {
+          return /* @__PURE__ */ jsx("div", { className: "flex size-full items-center overflow-hidden", children: /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: "truncate",
+              "data-testid": `users-table-cell-${row.index}-last_name-value`,
+              children: row.original.last_name || "-"
+            }
+          ) });
+        }
+      }),
+      columnHelper.accessor("created_at", {
+        header: () => /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "flex h-full w-full items-center",
+            "data-testid": "users-table-header-created_at",
+            children: /* @__PURE__ */ jsx("span", { "data-testid": "users-table-header-created_at-text", children: t("fields.createdAt") })
+          }
+        ),
+        cell: ({ getValue, row }) => {
+          const date = getValue();
+          return /* @__PURE__ */ jsx(
+            DateCell,
+            {
+              date: date ? new Date(date) : null,
+              "data-testid": `users-table-cell-${row.index}-created_at-value`
+            }
+          );
+        }
+      }),
+      columnHelper.accessor("updated_at", {
+        header: () => /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "flex h-full w-full items-center",
+            "data-testid": "users-table-header-updated_at",
+            children: /* @__PURE__ */ jsx("span", { "data-testid": "users-table-header-updated_at-text", children: t("fields.updatedAt") })
+          }
+        ),
+        cell: ({ getValue, row }) => {
+          const date = getValue();
+          return /* @__PURE__ */ jsx(
+            DateCell,
+            {
+              date: date ? new Date(date) : null,
+              "data-testid": `users-table-cell-${row.index}-updated_at-value`
+            }
+          );
+        }
+      }),
+      columnHelper.display({
+        id: "actions",
+        header: () => /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "flex h-full w-full items-center",
+            "data-testid": "users-table-header-actions",
+            children: /* @__PURE__ */ jsx("span", { "data-testid": "users-table-header-actions-text" })
+          }
+        ),
+        cell: ({ row }) => {
+          return /* @__PURE__ */ jsx(
+            UserActions,
+            {
+              user: row.original,
+              index: row.index
+            }
+          );
+        }
+      })
+    ],
+    [t, navigate]
+  );
+};
+var UserActions = ({ user, index }) => {
+  const { t } = useTranslation2();
+  const navigate = useNavigate();
+  return /* @__PURE__ */ jsx(
+    ActionMenu,
+    {
+      groups: [
+        {
+          actions: [
+            {
+              icon: /* @__PURE__ */ jsx(PencilSquare, {}),
+              label: t("actions.edit"),
+              onClick: () => {
+                navigate(`${user.id}/edit`);
+              }
+            }
+          ]
+        }
+      ],
+      "data-testid": `user-actions-${index}`
+    }
+  );
+};
+
+// src/pages/users/user-list/user-list.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var UserList = () => {
+  return /* @__PURE__ */ jsx2(SingleColumnPage, { children: /* @__PURE__ */ jsx2(UserListTable, {}) });
+};
+export {
+  UserList as Component
+};

package/dist/user-metadata-ZLC6T6XH.js

@@ -0,0 +1,83 @@
+import "./chunk-NCMUZ6BQ.js";
+import {
+  MetadataForm
+} from "./chunk-JISYRXUS.js";
+import "./chunk-TKGWSUEI.js";
+import "./chunk-U2ZFCAPX.js";
+import {
+  RouteDrawer
+} from "./chunk-MWOKFNRO.js";
+import "./chunk-3QSRE5LS.js";
+import "./chunk-INNFZYX2.js";
+import "./chunk-LAVHRER2.js";
+import "./chunk-Y7QKP6QU.js";
+import "./chunk-ORW4HNX5.js";
+import "./chunk-ODBDAABQ.js";
+import "./chunk-YGQUBTKR.js";
+import "./chunk-362QMJZM.js";
+import "./chunk-FODCCP6C.js";
+import "./chunk-AWZFIP25.js";
+import "./chunk-2QKPRGNK.js";
+import "./chunk-XBMLI2YI.js";
+import "./chunk-XL52SYWY.js";
+import "./chunk-NS5CHWOH.js";
+import {
+  useUpdateUser,
+  useUser
+} from "./chunk-WDZFLCSQ.js";
+import "./chunk-VVTSF42Z.js";
+import "./chunk-D3KDXELJ.js";
+import "./chunk-2MKZ4HD4.js";
+import "./chunk-OGYWOPHZ.js";
+import "./chunk-U62GYN4A.js";
+import "./chunk-KTKL7M34.js";
+import "./chunk-JJVGCTKT.js";
+import "./chunk-I43SCBL3.js";
+import "./chunk-LLWK3OR6.js";
+import "./chunk-HYUGYB23.js";
+import "./chunk-XCMR2HTV.js";
+import "./chunk-CI5Z6FGV.js";
+import "./chunk-LCZXAT4Q.js";
+import "./chunk-S6LPCNXQ.js";
+import "./chunk-T435NFHC.js";
+import "./chunk-2KCF3ZIB.js";
+import "./chunk-ZYNBKBY3.js";
+import "./chunk-NBMM2TZK.js";
+
+// src/pages/users/user-metadata/user-metadata.tsx
+import { useParams } from "react-router-dom";
+import { ClientError } from "@mercurjs/client";
+import { jsx } from "react/jsx-runtime";
+var UserMetadata = () => {
+  const { id } = useParams();
+  const { user, isPending, isError, error } = useUser(id);
+  const { mutateAsync, isPending: isMutating } = useUpdateUser(id);
+  if (isError) {
+    throw error;
+  }
+  const handleSubmit = async (params, callbacks) => {
+    try {
+      const result = await mutateAsync({
+        metadata: params.metadata === void 0 ? void 0 : params.metadata
+      });
+      callbacks.onSuccess?.();
+      return result;
+    } catch (error2) {
+      const message = error2 instanceof ClientError ? error2.message : "An error occurred";
+      callbacks.onError?.(message);
+      throw error2;
+    }
+  };
+  return /* @__PURE__ */ jsx(RouteDrawer, { "data-testid": "user-metadata-drawer", children: /* @__PURE__ */ jsx(
+    MetadataForm,
+    {
+      isPending,
+      isMutating,
+      hook: handleSubmit,
+      metadata: user?.metadata
+    }
+  ) });
+};
+export {
+  UserMetadata as Component
+};

package/package.json

@@ -0,0 +1,87 @@
+{
+  "name": "@mercurjs/admin",
+  "version": "2.0.0-canary.24",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/mercurjs/mercur",
+    "directory": "packages/admin"
+  },
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./pages": {
+      "types": "./dist/pages/index.d.ts",
+      "import": "./dist/pages/index.js"
+    },
+    "./index.css": "./dist/index.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "dev": "tsup --watch",
+    "build": "tsup",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0"
+  },
+  "dependencies": {
+    "@mercurjs/dashboard-shared": "2.0.0-canary.24",
+    "@mercurjs/client": "2.0.0-canary.24",
+    "@ariakit/react": "^0.4.15",
+    "@babel/runtime": "^7.26.10",
+    "@dnd-kit/core": "^6.1.0",
+    "@dnd-kit/sortable": "^8.0.0",
+    "@dnd-kit/utilities": "^3.2.2",
+    "@hookform/error-message": "^2.0.1",
+    "@hookform/resolvers": "3.4.2",
+    "@medusajs/admin-shared": "^2.13.0",
+    "@medusajs/dashboard": "^2.13.0",
+    "@medusajs/icons": "2.13.0",
+    "@medusajs/ui": "4.1.1",
+    "@radix-ui/react-dialog": "1.1.4",
+    "@radix-ui/react-dismissable-layer": "1.1.4",
+    "@tanstack/react-query": "5.64.2",
+    "@tanstack/react-table": "8.20.5",
+    "@tanstack/react-virtual": "^3.8.3",
+    "@uiw/react-json-view": "^2.0.0-alpha.17",
+    "cmdk": "^0.2.0",
+    "copy-to-clipboard": "^3.3.3",
+    "date-fns": "^3.6.0",
+    "i18next": "23.7.11",
+    "i18next-browser-languagedetector": "7.2.0",
+    "i18next-http-backend": "2.4.2",
+    "lodash.debounce": "^4.0.8",
+    "lodash.isequal": "^4.5.0",
+    "match-sorter": "^6.3.4",
+    "motion": "^11.15.0",
+    "qs": "^6.12.1",
+    "radix-ui": "1.1.2",
+    "react-country-flag": "^3.1.0",
+    "react-currency-input-field": "^3.6.11",
+    "react-helmet-async": "^2.0.5",
+    "react-hook-form": "7.49.1",
+    "react-i18next": "13.5.0",
+    "react-jwt": "^1.2.0",
+    "react-router-dom": "6.30.3",
+    "zod": "3.25.76"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
+  },
+  "devDependencies": {
+    "@medusajs/ui-preset": "2.13.0",
+    "@types/react": "^18.2.66",
+    "@types/react-dom": "^18.2.22",
+    "tsup": "^8.0.2",
+    "typescript": "5.9.3",
+    "@medusajs/types": "2.13.0",
+    "@mercurjs/core-plugin": "workspace:*",
+    "@mercurjs/dashboard-sdk": "workspace:*",
+    "@mercurjs/types": "workspace:*"
+  }
+}