@mercurjs/admin 2.0.0-canary.100

package/dist/chunk-ZA2KFUFR.js

@@ -0,0 +1,19 @@
+// src/lib/query-key-factory.ts
+var queryKeysFactory = (globalKey) => {
+  const queryKeyFactory = {
+    all: [globalKey],
+    lists: () => [...queryKeyFactory.all, "list"],
+    list: (query) => [...queryKeyFactory.lists(), query ? { query } : void 0].filter(
+      (k) => !!k
+    ),
+    details: () => [...queryKeyFactory.all, "detail"],
+    detail: (id, query) => [...queryKeyFactory.details(), id, query ? { query } : void 0].filter(
+      (k) => !!k
+    )
+  };
+  return queryKeyFactory;
+};
+
+export {
+  queryKeysFactory
+};

package/dist/chunk-ZGEMSYN7.js

@@ -0,0 +1,61 @@
+import {
+  useCustomerGroups
+} from "./chunk-FIVW6L2I.js";
+
+// src/hooks/table/filters/use-customer-table-filters.tsx
+import { useTranslation } from "react-i18next";
+var useCustomerTableFilters = (exclude) => {
+  const { t } = useTranslation();
+  const isGroupsExcluded = exclude?.includes("groups");
+  const { customer_groups } = useCustomerGroups(
+    {
+      limit: 1e3
+    },
+    {
+      enabled: !isGroupsExcluded
+    }
+  );
+  let filters = [];
+  if (customer_groups && !isGroupsExcluded) {
+    const customerGroupFilter = {
+      key: "groups",
+      label: t("customers.groups.label"),
+      type: "select",
+      multiple: true,
+      options: customer_groups.filter((s) => s?.name).map((s) => ({
+        label: s.name,
+        value: s.id
+      }))
+    };
+    filters = [...filters, customerGroupFilter];
+  }
+  const hasAccountFilter = {
+    key: "has_account",
+    label: t("fields.account"),
+    type: "select",
+    options: [
+      {
+        label: t("customers.registered"),
+        value: "true"
+      },
+      {
+        label: t("customers.guest"),
+        value: "false"
+      }
+    ]
+  };
+  const dateFilters = [
+    { label: t("fields.createdAt"), key: "created_at" },
+    { label: t("fields.updatedAt"), key: "updated_at" }
+  ].map((f) => ({
+    key: f.key,
+    label: f.label,
+    type: "date"
+  }));
+  filters = [...filters, hasAccountFilter, ...dateFilters];
+  return filters;
+};
+
+export {
+  useCustomerTableFilters
+};

package/dist/chunk-ZJO4DDOP.js

@@ -0,0 +1,454 @@
+import {
+  INVENTORY_ITEM_IDS_KEY
+} from "./chunk-EOZUAYQL.js";
+import {
+  PlaceholderCell
+} from "./chunk-PHOCVOZ5.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-ULJ3OMWU.js";
+import {
+  SingleColumnPage
+} from "./chunk-XIZLPYEE.js";
+import {
+  ActionMenu
+} from "./chunk-BDGZ4EQO.js";
+import {
+  useQueryParams
+} from "./chunk-THHRRYRS.js";
+import {
+  useStockLocations
+} from "./chunk-VXW3BCN2.js";
+import {
+  useDeleteInventoryItem,
+  useInventoryItems
+} from "./chunk-WBNGBRBK.js";
+
+// src/pages/inventory/inventory-list/inventory-list.tsx
+import { Children as Children2 } from "react";
+
+// src/pages/inventory/inventory-list/components/inventory-list-table.tsx
+import { Button, Container, Heading, Text } from "@medusajs/ui";
+import { Children, useState } from "react";
+import { useTranslation as useTranslation4 } from "react-i18next";
+import { Link, useNavigate } from "react-router-dom";
+
+// src/pages/inventory/inventory-list/components/use-inventory-table-columns.tsx
+import { Checkbox } from "@medusajs/ui";
+import { createColumnHelper } from "@tanstack/react-table";
+import { useMemo } from "react";
+import { useTranslation as useTranslation2 } from "react-i18next";
+
+// src/pages/inventory/inventory-list/components/inventory-actions.tsx
+import { PencilSquare, Trash } from "@medusajs/icons";
+import { usePrompt } from "@medusajs/ui";
+import { useTranslation } from "react-i18next";
+import { jsx } from "react/jsx-runtime";
+var InventoryActions = ({ item }) => {
+  const { t } = useTranslation();
+  const prompt = usePrompt();
+  const { mutateAsync } = useDeleteInventoryItem(item.id);
+  const handleDelete = async () => {
+    const res = await prompt({
+      title: t("general.areYouSure"),
+      description: t("inventory.deleteWarning"),
+      confirmText: t("actions.delete"),
+      cancelText: t("actions.cancel")
+    });
+    if (!res) {
+      return;
+    }
+    await mutateAsync();
+  };
+  return /* @__PURE__ */ jsx(
+    ActionMenu,
+    {
+      groups: [
+        {
+          actions: [
+            {
+              icon: /* @__PURE__ */ jsx(PencilSquare, {}),
+              label: t("actions.edit"),
+              to: `${item.id}/edit`
+            }
+          ]
+        },
+        {
+          actions: [
+            {
+              icon: /* @__PURE__ */ jsx(Trash, {}),
+              label: t("actions.delete"),
+              onClick: handleDelete
+            }
+          ]
+        }
+      ],
+      "data-testid": `inventory-item-actions-${item.id}`
+    }
+  );
+};
+
+// src/pages/inventory/inventory-list/components/use-inventory-table-columns.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var columnHelper = createColumnHelper();
+var useInventoryTableColumns = () => {
+  const { t } = useTranslation2();
+  return useMemo(
+    () => [
+      columnHelper.display({
+        id: "select",
+        header: ({ table }) => {
+          return /* @__PURE__ */ jsx2(
+            Checkbox,
+            {
+              checked: table.getIsSomePageRowsSelected() ? "indeterminate" : table.getIsAllPageRowsSelected(),
+              onCheckedChange: (value) => table.toggleAllPageRowsSelected(!!value),
+              "data-testid": "inventory-table-header-select-checkbox"
+            }
+          );
+        },
+        cell: ({ row }) => {
+          return /* @__PURE__ */ jsx2(
+            Checkbox,
+            {
+              checked: row.getIsSelected(),
+              onCheckedChange: (value) => row.toggleSelected(!!value),
+              onClick: (e) => {
+                e.stopPropagation();
+              },
+              "data-testid": `inventory-table-cell-${row.id}-select-checkbox`
+            }
+          );
+        }
+      }),
+      columnHelper.accessor("title", {
+        header: () => /* @__PURE__ */ jsx2("div", { className: "flex h-full w-full items-center", "data-testid": "inventory-table-header-title", children: /* @__PURE__ */ jsx2("span", { "data-testid": "inventory-table-header-title-text", children: t("fields.title") }) }),
+        cell: ({ getValue, row }) => {
+          const title = getValue();
+          if (!title) {
+            return /* @__PURE__ */ jsx2(PlaceholderCell, {});
+          }
+          return /* @__PURE__ */ jsx2("div", { className: "flex size-full items-center overflow-hidden", children: /* @__PURE__ */ jsx2(
+            "span",
+            {
+              className: "truncate",
+              "data-testid": `inventory-table-cell-${row.id}-title-value`,
+              children: title
+            }
+          ) });
+        }
+      }),
+      columnHelper.accessor("sku", {
+        header: () => /* @__PURE__ */ jsx2("div", { className: "flex h-full w-full items-center", "data-testid": "inventory-table-header-sku", children: /* @__PURE__ */ jsx2("span", { "data-testid": "inventory-table-header-sku-text", children: t("fields.sku") }) }),
+        cell: ({ getValue, row }) => {
+          const sku = getValue();
+          if (!sku) {
+            return /* @__PURE__ */ jsx2(PlaceholderCell, {});
+          }
+          return /* @__PURE__ */ jsx2("div", { className: "flex size-full items-center overflow-hidden", children: /* @__PURE__ */ jsx2(
+            "span",
+            {
+              className: "truncate",
+              "data-testid": `inventory-table-cell-${row.id}-sku-value`,
+              children: sku
+            }
+          ) });
+        }
+      }),
+      columnHelper.accessor("reserved_quantity", {
+        header: () => /* @__PURE__ */ jsx2("div", { className: "flex h-full w-full items-center", "data-testid": "inventory-table-header-reserved-quantity", children: /* @__PURE__ */ jsx2("span", { "data-testid": "inventory-table-header-reserved-quantity-text", children: t("inventory.reserved") }) }),
+        cell: ({ getValue, row }) => {
+          const quantity = getValue();
+          if (Number.isNaN(quantity)) {
+            return /* @__PURE__ */ jsx2(PlaceholderCell, {});
+          }
+          return /* @__PURE__ */ jsx2("div", { className: "flex size-full items-center overflow-hidden", children: /* @__PURE__ */ jsx2(
+            "span",
+            {
+              className: "truncate",
+              "data-testid": `inventory-table-cell-${row.id}-reserved_quantity-value`,
+              children: quantity
+            }
+          ) });
+        }
+      }),
+      columnHelper.accessor("stocked_quantity", {
+        header: () => /* @__PURE__ */ jsx2("div", { className: "flex h-full w-full items-center", "data-testid": "inventory-table-header-stocked-quantity", children: /* @__PURE__ */ jsx2("span", { "data-testid": "inventory-table-header-stocked-quantity-text", children: t("fields.inStock") }) }),
+        cell: ({ getValue, row }) => {
+          const quantity = getValue();
+          if (Number.isNaN(quantity)) {
+            return /* @__PURE__ */ jsx2(PlaceholderCell, {});
+          }
+          return /* @__PURE__ */ jsx2("div", { className: "flex size-full items-center overflow-hidden", children: /* @__PURE__ */ jsx2(
+            "span",
+            {
+              className: "truncate",
+              "data-testid": `inventory-table-cell-${row.id}-stocked_quantity-value`,
+              children: quantity
+            }
+          ) });
+        }
+      }),
+      columnHelper.display({
+        id: "actions",
+        header: () => /* @__PURE__ */ jsx2("div", { className: "flex h-full w-full items-center", "data-testid": "inventory-table-header-actions", children: /* @__PURE__ */ jsx2("span", { "data-testid": "inventory-table-header-actions-text" }) }),
+        cell: ({ row }) => /* @__PURE__ */ jsx2(InventoryActions, { item: row.original })
+      })
+    ],
+    [t]
+  );
+};
+
+// src/pages/inventory/inventory-list/components/use-inventory-table-filters.tsx
+import { useTranslation as useTranslation3 } from "react-i18next";
+var useInventoryTableFilters = () => {
+  const { t } = useTranslation3();
+  const { stock_locations } = useStockLocations({
+    limit: 1e3
+  });
+  const filters = [];
+  if (stock_locations) {
+    const stockLocationFilter = {
+      type: "select",
+      options: stock_locations.map((s) => ({
+        label: s.name,
+        value: s.id
+      })),
+      key: "location_id",
+      searchable: true,
+      label: t("fields.location")
+    };
+    filters.push(stockLocationFilter);
+  }
+  filters.push({
+    type: "string",
+    key: "material",
+    label: t("fields.material")
+  });
+  filters.push({
+    type: "string",
+    key: "sku",
+    label: t("fields.sku")
+  });
+  filters.push({
+    type: "string",
+    key: "mid_code",
+    label: t("fields.midCode")
+  });
+  filters.push({
+    type: "number",
+    key: "height",
+    label: t("fields.height")
+  });
+  filters.push({
+    type: "number",
+    key: "width",
+    label: t("fields.width")
+  });
+  filters.push({
+    type: "number",
+    key: "length",
+    label: t("fields.length")
+  });
+  filters.push({
+    type: "number",
+    key: "weight",
+    label: t("fields.weight")
+  });
+  filters.push({
+    type: "select",
+    options: [
+      { label: t("fields.true"), value: "true" },
+      { label: t("fields.false"), value: "false" }
+    ],
+    key: "requires_shipping",
+    multiple: false,
+    label: t("fields.requiresShipping")
+  });
+  return filters;
+};
+
+// src/pages/inventory/inventory-list/components/use-inventory-table-query.tsx
+var useInventoryTableQuery = ({
+  pageSize = 20,
+  prefix
+}) => {
+  const raw = useQueryParams(
+    [
+      "id",
+      "location_id",
+      "q",
+      "order",
+      "requires_shipping",
+      "offset",
+      "sku",
+      "origin_country",
+      "material",
+      "mid_code",
+      "hs_code",
+      "order",
+      "weight",
+      "width",
+      "length",
+      "height"
+    ],
+    prefix
+  );
+  const {
+    offset,
+    weight,
+    width,
+    length,
+    height,
+    requires_shipping,
+    ...params
+  } = raw;
+  const searchParams = {
+    limit: pageSize,
+    offset: offset ? parseInt(offset) : void 0,
+    weight: weight ? JSON.parse(weight) : void 0,
+    width: width ? JSON.parse(width) : void 0,
+    length: length ? JSON.parse(length) : void 0,
+    height: height ? JSON.parse(height) : void 0,
+    requires_shipping: requires_shipping ? JSON.parse(requires_shipping) : void 0,
+    q: params.q,
+    sku: params.sku,
+    order: params.order,
+    mid_code: params.mid_code,
+    hs_code: params.hs_code,
+    material: params.material,
+    location_levels: {
+      location_id: params.location_id || []
+    },
+    id: params.id ? params.id.split(",") : void 0
+  };
+  return {
+    searchParams,
+    raw
+  };
+};
+
+// src/pages/inventory/inventory-list/components/inventory-list-table.tsx
+import { Fragment, jsx as jsx3, jsxs } from "react/jsx-runtime";
+var PAGE_SIZE = 20;
+var InventoryListTitle = () => {
+  const { t } = useTranslation4();
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx3(Heading, { "data-testid": "inventory-list-title", children: t("inventory.domain") }),
+    /* @__PURE__ */ jsx3(Text, { className: "text-ui-fg-subtle", size: "small", "data-testid": "inventory-list-subtitle", children: t("inventory.subtitle") })
+  ] });
+};
+var InventoryListCreateButton = () => {
+  const { t } = useTranslation4();
+  return /* @__PURE__ */ jsx3(Button, { size: "small", variant: "secondary", asChild: true, "data-testid": "inventory-create-button", children: /* @__PURE__ */ jsx3(Link, { to: "create", "data-testid": "inventory-create-link", children: t("actions.create") }) });
+};
+var InventoryListActions = ({ children }) => {
+  return /* @__PURE__ */ jsx3("div", { className: "flex items-center gap-x-2", children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsx3(InventoryListCreateButton, {}) });
+};
+var InventoryListHeader = ({ children }) => {
+  return /* @__PURE__ */ jsx3(
+    "div",
+    {
+      className: "flex items-center justify-between px-6 py-4",
+      "data-testid": "inventory-list-header",
+      children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx3(InventoryListTitle, {}),
+        /* @__PURE__ */ jsx3(InventoryListActions, {})
+      ] })
+    }
+  );
+};
+var InventoryListDataTable = () => {
+  const { t } = useTranslation4();
+  const navigate = useNavigate();
+  const [selection, setSelection] = useState({});
+  const { searchParams, raw } = useInventoryTableQuery({
+    pageSize: PAGE_SIZE
+  });
+  const {
+    inventory_items,
+    count,
+    isPending: isLoading,
+    isError,
+    error
+  } = useInventoryItems({
+    ...searchParams
+  });
+  const filters = useInventoryTableFilters();
+  const columns = useInventoryTableColumns();
+  const { table } = useDataTable({
+    data: inventory_items ?? [],
+    columns,
+    count,
+    enablePagination: true,
+    getRowId: (row) => row.id,
+    pageSize: PAGE_SIZE,
+    enableRowSelection: true,
+    rowSelection: {
+      state: selection,
+      updater: setSelection
+    }
+  });
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsx3("div", { "data-testid": "inventory-data-table", children: /* @__PURE__ */ jsx3(
+    _DataTable,
+    {
+      table,
+      columns,
+      pageSize: PAGE_SIZE,
+      count,
+      isLoading,
+      pagination: true,
+      search: true,
+      filters,
+      queryObject: raw,
+      orderBy: [
+        { key: "title", label: t("fields.title") },
+        { key: "sku", label: t("fields.sku") },
+        { key: "stocked_quantity", label: t("fields.inStock") },
+        { key: "reserved_quantity", label: t("inventory.reserved") }
+      ],
+      navigateTo: (row) => `${row.id}`,
+      commands: [
+        {
+          action: async (selection2) => {
+            navigate(
+              `stock?${INVENTORY_ITEM_IDS_KEY}=${Object.keys(selection2).join(
+                ","
+              )}`
+            );
+          },
+          label: t("inventory.stock.action"),
+          shortcut: "i"
+        }
+      ]
+    }
+  ) });
+};
+var InventoryListTable = ({ children }) => {
+  return /* @__PURE__ */ jsx3(Container, { className: "divide-y p-0", "data-testid": "inventory-list-table", children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx3(InventoryListHeader, {}),
+    /* @__PURE__ */ jsx3(InventoryListDataTable, {})
+  ] }) });
+};
+
+// src/pages/inventory/inventory-list/inventory-list.tsx
+import { jsx as jsx4 } from "react/jsx-runtime";
+var Root = ({ children }) => {
+  return /* @__PURE__ */ jsx4("div", { "data-testid": "inventory-page", children: /* @__PURE__ */ jsx4(SingleColumnPage, { children: Children2.count(children) > 0 ? children : /* @__PURE__ */ jsx4(InventoryListTable, {}) }) });
+};
+var InventoryListPage = Object.assign(Root, {
+  Table: InventoryListTable,
+  Header: InventoryListHeader,
+  HeaderTitle: InventoryListTitle,
+  HeaderActions: InventoryListActions,
+  HeaderCreateButton: InventoryListCreateButton,
+  DataTable: InventoryListDataTable
+});
+
+export {
+  InventoryListPage
+};