@mercurjs/admin 2.0.0-canary.100

package/dist/chunk-QG6PLWNH.js

@@ -0,0 +1,106 @@
+import {
+  DateCell
+} from "./chunk-25LYVP3C.js";
+import {
+  StatusCell
+} from "./chunk-DB6ANJBO.js";
+import {
+  PlaceholderCell
+} from "./chunk-PHOCVOZ5.js";
+
+// src/hooks/table/columns/use-customer-table-columns.tsx
+import { createColumnHelper } from "@tanstack/react-table";
+import { useMemo } from "react";
+
+// src/components/table/table-cells/common/email-cell/email-cell.tsx
+import { useTranslation } from "react-i18next";
+import { jsx } from "react/jsx-runtime";
+var EmailCell = ({ email }) => {
+  if (!email) {
+    return /* @__PURE__ */ jsx(PlaceholderCell, {});
+  }
+  return /* @__PURE__ */ jsx("div", { className: "flex h-full w-full items-center overflow-hidden", children: /* @__PURE__ */ jsx("span", { className: "truncate", children: email }) });
+};
+var EmailHeader = () => {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsx("div", { className: "flex h-full w-full items-center", children: /* @__PURE__ */ jsx("span", { className: "truncate", children: t("fields.email") }) });
+};
+
+// src/components/table/table-cells/common/name-cell/name-cell.tsx
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var NameCell = ({ firstName, lastName }) => {
+  if (!firstName && !lastName) {
+    return /* @__PURE__ */ jsx2(PlaceholderCell, {});
+  }
+  const name = [firstName, lastName].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx2("div", { className: "flex h-full w-full items-center overflow-hidden", children: /* @__PURE__ */ jsx2("span", { className: "truncate", children: name }) });
+};
+var NameHeader = () => {
+  const { t } = useTranslation2();
+  return /* @__PURE__ */ jsx2("div", { className: "flex h-full w-full items-center", children: /* @__PURE__ */ jsx2("span", { className: "truncate", children: t("fields.name") }) });
+};
+
+// src/components/table/table-cells/customer/account-cell/account-cell.tsx
+import { useTranslation as useTranslation3 } from "react-i18next";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var AccountCell = ({ hasAccount }) => {
+  const { t } = useTranslation3();
+  const color = hasAccount ? "green" : "orange";
+  const text = hasAccount ? t("customers.fields.registered") : t("customers.fields.guest");
+  return /* @__PURE__ */ jsx3(StatusCell, { color, children: text });
+};
+var AccountHeader = () => {
+  const { t } = useTranslation3();
+  return /* @__PURE__ */ jsx3("div", { className: "flex h-full w-full items-center", children: /* @__PURE__ */ jsx3("span", { className: "truncate", children: t("fields.account") }) });
+};
+
+// src/components/table/table-cells/customer/first-seen-cell/first-seen-cell.tsx
+import { useTranslation as useTranslation4 } from "react-i18next";
+import { jsx as jsx4 } from "react/jsx-runtime";
+var FirstSeenCell = ({ createdAt }) => {
+  if (!createdAt) {
+    return /* @__PURE__ */ jsx4(PlaceholderCell, {});
+  }
+  return /* @__PURE__ */ jsx4(DateCell, { date: createdAt });
+};
+var FirstSeenHeader = () => {
+  const { t } = useTranslation4();
+  return /* @__PURE__ */ jsx4("div", { className: "flex h-full w-full items-center", children: /* @__PURE__ */ jsx4("span", { className: "truncate", children: t("fields.createdAt") }) });
+};
+
+// src/hooks/table/columns/use-customer-table-columns.tsx
+import { jsx as jsx5 } from "react/jsx-runtime";
+var columnHelper = createColumnHelper();
+var useCustomerTableColumns = () => {
+  return useMemo(
+    () => [
+      columnHelper.accessor("email", {
+        header: () => /* @__PURE__ */ jsx5(EmailHeader, {}),
+        cell: ({ getValue }) => /* @__PURE__ */ jsx5(EmailCell, { email: getValue() })
+      }),
+      columnHelper.display({
+        id: "name",
+        header: () => /* @__PURE__ */ jsx5(NameHeader, {}),
+        cell: ({
+          row: {
+            original: { first_name, last_name }
+          }
+        }) => /* @__PURE__ */ jsx5(NameCell, { firstName: first_name, lastName: last_name })
+      }),
+      columnHelper.accessor("has_account", {
+        header: () => /* @__PURE__ */ jsx5(AccountHeader, {}),
+        cell: ({ getValue }) => /* @__PURE__ */ jsx5(AccountCell, { hasAccount: getValue() })
+      }),
+      columnHelper.accessor("created_at", {
+        header: () => /* @__PURE__ */ jsx5(FirstSeenHeader, {}),
+        cell: ({ getValue }) => /* @__PURE__ */ jsx5(FirstSeenCell, { createdAt: getValue() })
+      })
+    ],
+    []
+  );
+};
+
+export {
+  useCustomerTableColumns
+};

package/dist/chunk-QLTN2DIY.js

@@ -0,0 +1,119 @@
+import {
+  SingleColumnPage
+} from "./chunk-XIZLPYEE.js";
+import {
+  SingleColumnPageSkeleton
+} from "./chunk-INNFZYX2.js";
+import {
+  ActionMenu
+} from "./chunk-BDGZ4EQO.js";
+import {
+  useDeleteUser,
+  useUser
+} from "./chunk-A2F5MDPU.js";
+
+// src/pages/users/user-detail/user-detail.tsx
+import { Children } from "react";
+import { useLoaderData, useParams } from "react-router-dom";
+
+// src/pages/users/user-detail/components/user-general-section/user-general-section.tsx
+import { PencilSquare, Trash } from "@medusajs/icons";
+import { Container, Heading, Text, toast, usePrompt } from "@medusajs/ui";
+import { useTranslation } from "react-i18next";
+import { useNavigate } from "react-router-dom";
+import { jsx, jsxs } from "react/jsx-runtime";
+var UserGeneralSection = ({ user }) => {
+  const { t } = useTranslation();
+  const navigate = useNavigate();
+  const prompt = usePrompt();
+  const { mutateAsync } = useDeleteUser(user.id);
+  const name = [user.first_name, user.last_name].filter(Boolean).join(" ");
+  const handleDeleteUser = async () => {
+    const res = await prompt({
+      title: t("general.areYouSure"),
+      description: t("users.deleteUserWarning", {
+        name: name ?? user.email
+      }),
+      verificationText: name ?? user.email,
+      verificationInstruction: t("general.typeToConfirm"),
+      confirmText: t("actions.delete"),
+      cancelText: t("actions.cancel")
+    });
+    if (!res) {
+      return;
+    }
+    await mutateAsync(void 0, {
+      onSuccess: () => {
+        toast.success(t("users.deleteUserSuccess", { name: user.email }));
+        navigate("..");
+      },
+      onError: (error) => {
+        toast.error(error.message);
+      }
+    });
+  };
+  return /* @__PURE__ */ jsxs(Container, { className: "divide-y p-0", "data-testid": "user-general-section-container", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-6 py-4", "data-testid": "user-general-section-header", children: [
+      /* @__PURE__ */ jsx(Heading, { "data-testid": "user-general-section-email", children: user.email }),
+      /* @__PURE__ */ jsx(
+        ActionMenu,
+        {
+          groups: [
+            {
+              actions: [
+                {
+                  label: t("actions.edit"),
+                  to: "edit",
+                  icon: /* @__PURE__ */ jsx(PencilSquare, {})
+                }
+              ]
+            },
+            {
+              actions: [
+                {
+                  label: t("actions.delete"),
+                  onClick: handleDeleteUser,
+                  icon: /* @__PURE__ */ jsx(Trash, {})
+                }
+              ]
+            }
+          ],
+          "data-testid": "user-general-section-action-menu"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", "data-testid": "user-general-section-name", children: [
+      /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", weight: "plus", "data-testid": "user-general-section-name-label", children: t("fields.name") }),
+      /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", "data-testid": "user-general-section-name-value", children: name ?? "-" })
+    ] })
+  ] });
+};
+
+// src/pages/users/user-detail/user-detail.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var Root = ({ children }) => {
+  const initialData = useLoaderData();
+  const { id } = useParams();
+  const {
+    user,
+    isPending: isLoading,
+    isError,
+    error
+  } = useUser(id, void 0, {
+    initialData
+  });
+  if (isLoading || !user) {
+    return /* @__PURE__ */ jsx2(SingleColumnPageSkeleton, { sections: 1, showJSON: true, showMetadata: true });
+  }
+  if (isError) {
+    throw error;
+  }
+  return Children.count(children) > 0 ? /* @__PURE__ */ jsx2(SingleColumnPage, { data: user, showJSON: true, showMetadata: true, children }) : /* @__PURE__ */ jsx2(SingleColumnPage, { data: user, showJSON: true, showMetadata: true, children: /* @__PURE__ */ jsx2(UserGeneralSection, { user }) });
+};
+var UserDetailPage = Object.assign(Root, {
+  GeneralSection: UserGeneralSection
+});
+
+export {
+  UserDetailPage
+};

package/dist/chunk-QSGR43JM.js

@@ -0,0 +1,30 @@
+// src/components/common/progress-bar/progress-bar.tsx
+import { motion } from "motion/react";
+import { jsx } from "react/jsx-runtime";
+var ProgressBar = ({ duration = 2 }) => {
+  return /* @__PURE__ */ jsx(
+    motion.div,
+    {
+      className: "bg-ui-fg-subtle size-full",
+      initial: {
+        width: "0%"
+      },
+      transition: {
+        delay: 0.2,
+        duration,
+        ease: "linear"
+      },
+      animate: {
+        width: "90%"
+      },
+      exit: {
+        width: "100%",
+        transition: { duration: 0.2, ease: "linear" }
+      }
+    }
+  );
+};
+
+export {
+  ProgressBar
+};

package/dist/chunk-QUNCQMFH.js

@@ -0,0 +1,219 @@
+import {
+  TextCell,
+  TextHeader
+} from "./chunk-JHIMVLB2.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-ULJ3OMWU.js";
+import {
+  SingleColumnPage
+} from "./chunk-XIZLPYEE.js";
+import {
+  ActionMenu
+} from "./chunk-BDGZ4EQO.js";
+import {
+  useCommissionRates,
+  useDeleteCommissionRate
+} from "./chunk-25DQRKFS.js";
+
+// src/pages/commission-rates/commission-rate-list/commission-rate-list.tsx
+import { Children as Children3 } from "react";
+
+// src/pages/commission-rates/commission-rate-list/components/commission-rate-list-view/commission-rate-list-view.tsx
+import { Children as Children2 } from "react";
+import { Container } from "@medusajs/ui";
+
+// src/pages/commission-rates/commission-rate-list/components/commission-rate-list-view/commission-rate-list-data-table.tsx
+import { PencilSquare, Trash } from "@medusajs/icons";
+import {
+  Badge,
+  StatusBadge,
+  toast,
+  usePrompt
+} from "@medusajs/ui";
+import { keepPreviousData } from "@tanstack/react-query";
+import { createColumnHelper } from "@tanstack/react-table";
+import { useMemo } from "react";
+import { useTranslation } from "react-i18next";
+import { jsx } from "react/jsx-runtime";
+var PAGE_SIZE = 20;
+var CommissionRateListDataTable = () => {
+  const { t } = useTranslation();
+  const { commission_rates, count, isPending: isLoading, isError, error } = useCommissionRates(
+    {
+      limit: PAGE_SIZE,
+      offset: 0,
+      fields: "*rules"
+    },
+    {
+      placeholderData: keepPreviousData
+    }
+  );
+  const columns = useColumns();
+  const { table } = useDataTable({
+    data: commission_rates ?? [],
+    columns,
+    count: count ?? 0,
+    enablePagination: true,
+    getRowId: (row) => row.id,
+    pageSize: PAGE_SIZE
+  });
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsx(
+    _DataTable,
+    {
+      table,
+      columns,
+      count: count ?? 0,
+      pageSize: PAGE_SIZE,
+      isLoading,
+      navigateTo: (row) => `${row.original.id}`,
+      pagination: true,
+      search: true,
+      orderBy: [
+        { key: "name", label: "Name" },
+        { key: "created_at", label: t("fields.createdAt") },
+        { key: "updated_at", label: t("fields.updatedAt") }
+      ]
+    }
+  );
+};
+var CommissionRateActions = ({
+  commissionRate
+}) => {
+  const { t } = useTranslation();
+  const prompt = usePrompt();
+  const { mutateAsync } = useDeleteCommissionRate(commissionRate.id);
+  const handleDelete = async () => {
+    const res = await prompt({
+      title: t("general.areYouSure"),
+      description: `Are you sure you want to delete the commission rate "${commissionRate.name}"?`,
+      confirmText: t("actions.delete"),
+      cancelText: t("actions.cancel")
+    });
+    if (!res) {
+      return;
+    }
+    await mutateAsync(void 0, {
+      onSuccess: () => {
+        toast.success("Commission rate deleted successfully");
+      },
+      onError: (e) => {
+        toast.error(e.message);
+      }
+    });
+  };
+  return /* @__PURE__ */ jsx(
+    ActionMenu,
+    {
+      groups: [
+        {
+          actions: [
+            {
+              label: t("actions.edit"),
+              to: `/settings/commission-rates/${commissionRate.id}/edit`,
+              icon: /* @__PURE__ */ jsx(PencilSquare, {})
+            }
+          ]
+        },
+        {
+          actions: [
+            {
+              label: t("actions.delete"),
+              onClick: handleDelete,
+              icon: /* @__PURE__ */ jsx(Trash, {})
+            }
+          ]
+        }
+      ]
+    }
+  );
+};
+var columnHelper = createColumnHelper();
+var useColumns = () => {
+  return useMemo(
+    () => [
+      columnHelper.accessor("code", {
+        header: "Code",
+        cell: ({ getValue }) => /* @__PURE__ */ jsx(Badge, { size: "2xsmall", className: "uppercase", children: getValue() })
+      }),
+      columnHelper.accessor("type", {
+        header: () => /* @__PURE__ */ jsx(TextHeader, { text: "Type" }),
+        cell: ({ getValue }) => {
+          const type = getValue();
+          return /* @__PURE__ */ jsx(TextCell, { text: type === "percentage" ? "Percentage" : "Fixed" });
+        }
+      }),
+      columnHelper.accessor("is_enabled", {
+        header: "Status",
+        cell: ({ getValue }) => {
+          const enabled = getValue();
+          return /* @__PURE__ */ jsx(StatusBadge, { color: enabled ? "green" : "grey", children: enabled ? "Enabled" : "Disabled" });
+        }
+      }),
+      columnHelper.display({
+        id: "actions",
+        cell: ({ row }) => /* @__PURE__ */ jsx(CommissionRateActions, { commissionRate: row.original })
+      })
+    ],
+    []
+  );
+};
+
+// src/pages/commission-rates/commission-rate-list/components/commission-rate-list-view/commission-rate-list-header.tsx
+import { Children } from "react";
+import { Button, Heading, Text } from "@medusajs/ui";
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { Link } from "react-router-dom";
+import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
+var CommissionRateListTitle = () => {
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx2(Heading, { children: "Commission Rates" }),
+    /* @__PURE__ */ jsx2(Text, { className: "text-ui-fg-subtle", size: "small", children: "Manage commission rates and rules for your marketplace." })
+  ] });
+};
+var CommissionRateListActions = ({
+  children
+}) => {
+  const { t } = useTranslation2();
+  return /* @__PURE__ */ jsx2("div", { className: "flex items-center justify-center gap-x-2", children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsx2(Link, { to: "/settings/commission-rates/create", children: /* @__PURE__ */ jsx2(Button, { size: "small", variant: "secondary", children: t("actions.create") }) }) });
+};
+var CommissionRateListHeader = ({
+  children
+}) => {
+  return /* @__PURE__ */ jsx2("div", { className: "flex items-center justify-between px-6 py-4", children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx2(CommissionRateListTitle, {}),
+    /* @__PURE__ */ jsx2(CommissionRateListActions, {})
+  ] }) });
+};
+
+// src/pages/commission-rates/commission-rate-list/components/commission-rate-list-view/commission-rate-list-view.tsx
+import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var CommissionRateListView = ({
+  children
+}) => {
+  return /* @__PURE__ */ jsx3(Container, { className: "divide-y p-0", children: Children2.count(children) > 0 ? children : /* @__PURE__ */ jsxs2(Fragment2, { children: [
+    /* @__PURE__ */ jsx3(CommissionRateListHeader, {}),
+    /* @__PURE__ */ jsx3(CommissionRateListDataTable, {})
+  ] }) });
+};
+
+// src/pages/commission-rates/commission-rate-list/commission-rate-list.tsx
+import { jsx as jsx4 } from "react/jsx-runtime";
+var Root = ({ children }) => {
+  return /* @__PURE__ */ jsx4(SingleColumnPage, { children: Children3.count(children) > 0 ? children : /* @__PURE__ */ jsx4(CommissionRateListView, {}) });
+};
+var CommissionRateListPage = Object.assign(Root, {
+  Table: CommissionRateListView,
+  Header: CommissionRateListHeader,
+  HeaderTitle: CommissionRateListTitle,
+  HeaderActions: CommissionRateListActions,
+  DataTable: CommissionRateListDataTable
+});
+
+export {
+  CommissionRateListPage
+};

package/dist/chunk-QUTZUW55.js

@@ -0,0 +1,163 @@
+import {
+  productsQueryKeys
+} from "./chunk-WBNGBRBK.js";
+import {
+  queryClient
+} from "./chunk-RHKRREUU.js";
+import {
+  queryKeysFactory
+} from "./chunk-ZA2KFUFR.js";
+import {
+  sdk
+} from "./chunk-LXZXXOJ3.js";
+
+// src/hooks/api/sales-channels.tsx
+import {
+  useMutation,
+  useQuery
+} from "@tanstack/react-query";
+var SALES_CHANNELS_QUERY_KEY = "sales-channels";
+var salesChannelsQueryKeys = queryKeysFactory(SALES_CHANNELS_QUERY_KEY);
+var useSalesChannel = (id, options) => {
+  const { data, ...rest } = useQuery({
+    queryKey: salesChannelsQueryKeys.detail(id),
+    queryFn: () => sdk.admin.salesChannels.$id.query({ $id: id }),
+    ...options
+  });
+  return { ...data, ...rest };
+};
+var useSalesChannels = (query, options) => {
+  const { data, ...rest } = useQuery({
+    queryFn: () => sdk.admin.salesChannels.query({ ...query }),
+    queryKey: salesChannelsQueryKeys.list(query),
+    ...options
+  });
+  return { ...data, ...rest };
+};
+var useCreateSalesChannel = (options) => {
+  return useMutation({
+    mutationFn: (payload) => sdk.admin.salesChannels.mutate(payload),
+    onSuccess: (data, variables, context) => {
+      queryClient.invalidateQueries({
+        queryKey: salesChannelsQueryKeys.lists()
+      });
+      options?.onSuccess?.(data, variables, context);
+    },
+    ...options
+  });
+};
+var useUpdateSalesChannel = (id, options) => {
+  return useMutation({
+    mutationFn: (payload) => sdk.admin.salesChannels.$id.mutate({ $id: id, ...payload }),
+    onSuccess: (data, variables, context) => {
+      queryClient.invalidateQueries({
+        queryKey: salesChannelsQueryKeys.lists()
+      });
+      queryClient.invalidateQueries({
+        queryKey: salesChannelsQueryKeys.detail(id)
+      });
+      options?.onSuccess?.(data, variables, context);
+    },
+    ...options
+  });
+};
+var useDeleteSalesChannel = (id, options) => {
+  return useMutation({
+    mutationFn: () => sdk.admin.salesChannels.$id.delete({ $id: id }),
+    onSuccess: (data, variables, context) => {
+      queryClient.invalidateQueries({
+        queryKey: salesChannelsQueryKeys.lists()
+      });
+      queryClient.invalidateQueries({
+        queryKey: salesChannelsQueryKeys.detail(id)
+      });
+      queryClient.invalidateQueries({
+        queryKey: productsQueryKeys.all
+      });
+      options?.onSuccess?.(data, variables, context);
+    },
+    ...options
+  });
+};
+var useDeleteSalesChannelLazy = (options) => {
+  return useMutation({
+    mutationFn: (id) => sdk.admin.salesChannels.$id.delete({ $id: id }),
+    onSuccess: (data, variables, context) => {
+      queryClient.invalidateQueries({
+        queryKey: salesChannelsQueryKeys.lists()
+      });
+      queryClient.invalidateQueries({
+        queryKey: salesChannelsQueryKeys.detail(variables)
+      });
+      queryClient.invalidateQueries({
+        queryKey: productsQueryKeys.all
+      });
+      options?.onSuccess?.(data, variables, context);
+    },
+    ...options
+  });
+};
+var useSalesChannelRemoveProducts = (id, options) => {
+  return useMutation({
+    mutationFn: (payload) => sdk.admin.salesChannels.$id.products.mutate({
+      $id: id,
+      remove: payload
+    }),
+    onSuccess: (data, variables, context) => {
+      queryClient.invalidateQueries({
+        queryKey: salesChannelsQueryKeys.lists()
+      });
+      queryClient.invalidateQueries({
+        queryKey: salesChannelsQueryKeys.detail(id)
+      });
+      for (const product of variables || []) {
+        queryClient.invalidateQueries({
+          queryKey: productsQueryKeys.detail(product)
+        });
+      }
+      queryClient.invalidateQueries({
+        queryKey: productsQueryKeys.lists()
+      });
+      options?.onSuccess?.(data, variables, context);
+    },
+    ...options
+  });
+};
+var useSalesChannelAddProducts = (id, options) => {
+  return useMutation({
+    mutationFn: (payload) => sdk.admin.salesChannels.$id.products.mutate({
+      $id: id,
+      add: payload
+    }),
+    onSuccess: (data, variables, context) => {
+      queryClient.invalidateQueries({
+        queryKey: salesChannelsQueryKeys.lists()
+      });
+      queryClient.invalidateQueries({
+        queryKey: salesChannelsQueryKeys.detail(id)
+      });
+      for (const product of variables || []) {
+        queryClient.invalidateQueries({
+          queryKey: productsQueryKeys.detail(product)
+        });
+      }
+      queryClient.invalidateQueries({
+        queryKey: productsQueryKeys.lists()
+      });
+      options?.onSuccess?.(data, variables, context);
+    },
+    ...options
+  });
+};
+
+export {
+  salesChannelsQueryKeys,
+  useSalesChannel,
+  useSalesChannels,
+  useCreateSalesChannel,
+  useUpdateSalesChannel,
+  useDeleteSalesChannel,
+  useDeleteSalesChannelLazy,
+  useSalesChannelRemoveProducts,
+  useSalesChannelAddProducts
+};