@mercurjs/vendor 2.2.0-canary.2 → 2.2.0-canary.21

package/dist/chunk-H7BVANDX.js

@@ -0,0 +1,407 @@
+import {
+  CUSTOMER_GROUP_DETAIL_FIELDS
+} from "./chunk-SPFLYPY6.js";
+import {
+  useCustomerTableColumns
+} from "./chunk-GJM5XI3E.js";
+import {
+  useCustomerTableQuery
+} from "./chunk-PVZBDWLK.js";
+import {
+  useCustomerTableFilters
+} from "./chunk-UO6IX5Y7.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-WKRW5OPL.js";
+import {
+  SingleColumnPage
+} from "./chunk-YV6MK4PZ.js";
+import {
+  SingleColumnPageSkeleton
+} from "./chunk-INNFZYX2.js";
+import {
+  useCustomerGroup,
+  useCustomers,
+  useDeleteCustomerGroup,
+  useRemoveCustomersFromGroup
+} from "./chunk-LTQQRVZG.js";
+import {
+  ActionMenu
+} from "./chunk-BDGZ4EQO.js";
+
+// src/pages/customer-groups/customer-group-detail/customer-group-detail.tsx
+import { Children } from "react";
+import { useLoaderData, useParams } from "react-router-dom";
+
+// src/pages/customer-groups/customer-group-detail/components/customer-group-customer-section/customer-group-customer-section.tsx
+import { Trash } from "@medusajs/icons";
+import { Button, Checkbox, Container, Heading, usePrompt } from "@medusajs/ui";
+import { createColumnHelper } from "@tanstack/react-table";
+import { useMemo, useState } from "react";
+import { useTranslation } from "react-i18next";
+import { Link } from "react-router-dom";
+import { jsx, jsxs } from "react/jsx-runtime";
+var PAGE_SIZE = 20;
+var CustomerGroupCustomerSection = ({
+  group
+}) => {
+  const [rowSelection, setRowSelection] = useState({});
+  const { t } = useTranslation();
+  const prompt = usePrompt();
+  const { searchParams, raw } = useCustomerTableQuery({ pageSize: PAGE_SIZE });
+  const { customers, count, isLoading, isError, error } = useCustomers({
+    ...searchParams,
+    groups: [group.id]
+  });
+  const columns = useColumns();
+  const filters = useCustomerTableFilters(["groups"]);
+  const { table } = useDataTable({
+    data: customers ?? [],
+    columns,
+    count,
+    getRowId: (row) => row.id,
+    enablePagination: true,
+    enableRowSelection: true,
+    pageSize: PAGE_SIZE,
+    rowSelection: {
+      state: rowSelection,
+      updater: setRowSelection
+    },
+    meta: {
+      customerGroupId: group.id
+    }
+  });
+  if (isError) {
+    throw error;
+  }
+  const { mutateAsync } = useRemoveCustomersFromGroup(group.id);
+  const handleRemove = async () => {
+    const keys = Object.keys(rowSelection);
+    const res = await prompt({
+      title: t("customerGroups.customers.remove.title", {
+        count: keys.length
+      }),
+      description: t("customerGroups.customers.remove.description", {
+        count: keys.length
+      }),
+      confirmText: t("actions.continue"),
+      cancelText: t("actions.cancel")
+    });
+    if (!res) {
+      return;
+    }
+    await mutateAsync(keys, {
+      onSuccess: () => {
+        setRowSelection({});
+      }
+    });
+  };
+  return /* @__PURE__ */ jsxs(
+    Container,
+    {
+      className: "divide-y p-0",
+      "data-testid": "customer-group-customer-section",
+      children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "flex items-center justify-between px-6 py-4",
+            "data-testid": "customer-group-customer-section-header",
+            children: [
+              /* @__PURE__ */ jsx(
+                Heading,
+                {
+                  level: "h2",
+                  "data-testid": "customer-group-customer-section-heading",
+                  children: t("customers.domain")
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Link,
+                {
+                  to: `/customer-groups/${group.id}/add-customers`,
+                  "data-testid": "customer-group-customer-section-add-link",
+                  children: /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      variant: "secondary",
+                      size: "small",
+                      "data-testid": "customer-group-customer-section-add-button",
+                      children: t("general.add")
+                    }
+                  )
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          _DataTable,
+          {
+            table,
+            columns,
+            pageSize: PAGE_SIZE,
+            isLoading,
+            count,
+            navigateTo: (row) => `/customers/${row.id}`,
+            filters,
+            search: true,
+            pagination: true,
+            orderBy: [
+              { key: "email", label: t("fields.email") },
+              { key: "first_name", label: t("fields.firstName") },
+              { key: "last_name", label: t("fields.lastName") },
+              { key: "has_account", label: t("customers.hasAccount") },
+              { key: "created_at", label: t("fields.createdAt") },
+              { key: "updated_at", label: t("fields.updatedAt") }
+            ],
+            queryObject: raw,
+            commands: [
+              {
+                action: handleRemove,
+                label: t("actions.remove"),
+                shortcut: "r"
+              }
+            ],
+            noRecords: {
+              message: t("customerGroups.customers.list.noRecordsMessage")
+            }
+          }
+        )
+      ]
+    }
+  );
+};
+var CustomerActions = ({
+  customer,
+  customerGroupId
+}) => {
+  const { t } = useTranslation();
+  const { mutateAsync } = useRemoveCustomersFromGroup(customerGroupId);
+  const prompt = usePrompt();
+  const handleRemove = async () => {
+    const res = await prompt({
+      title: t("customerGroups.customers.remove.title", {
+        count: 1
+      }),
+      description: t("customerGroups.customers.remove.description", {
+        count: 1
+      }),
+      confirmText: t("actions.continue"),
+      cancelText: t("actions.cancel")
+    });
+    if (!res) {
+      return;
+    }
+    await mutateAsync([customer.id]);
+  };
+  return /* @__PURE__ */ jsx(
+    ActionMenu,
+    {
+      groups: [
+        {
+          actions: [
+            {
+              icon: /* @__PURE__ */ jsx(Trash, {}),
+              label: t("actions.remove"),
+              onClick: handleRemove
+            }
+          ]
+        }
+      ]
+    }
+  );
+};
+var columnHelper = createColumnHelper();
+var useColumns = () => {
+  const columns = useCustomerTableColumns();
+  return useMemo(
+    () => [
+      columnHelper.display({
+        id: "select",
+        header: ({ table }) => {
+          return /* @__PURE__ */ jsx(
+            Checkbox,
+            {
+              checked: table.getIsSomePageRowsSelected() ? "indeterminate" : table.getIsAllPageRowsSelected(),
+              onCheckedChange: (value) => table.toggleAllPageRowsSelected(!!value)
+            }
+          );
+        },
+        cell: ({ row }) => {
+          return /* @__PURE__ */ jsx(
+            Checkbox,
+            {
+              checked: row.getIsSelected(),
+              onCheckedChange: (value) => row.toggleSelected(!!value),
+              onClick: (e) => {
+                e.stopPropagation();
+              }
+            }
+          );
+        }
+      }),
+      ...columns,
+      columnHelper.display({
+        id: "actions",
+        cell: ({ row, table }) => {
+          const { customerGroupId } = table.options.meta;
+          return /* @__PURE__ */ jsx(
+            CustomerActions,
+            {
+              customer: row.original,
+              customerGroupId
+            }
+          );
+        }
+      })
+    ],
+    [columns]
+  );
+};
+
+// src/pages/customer-groups/customer-group-detail/components/customer-group-general-section/customer-group-general-section.tsx
+import { PencilSquare, Trash as Trash2 } from "@medusajs/icons";
+import { Container as Container2, Heading as Heading2, Text, toast, usePrompt as usePrompt2 } from "@medusajs/ui";
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { useNavigate } from "react-router-dom";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var CustomerGroupGeneralSection = ({
+  group
+}) => {
+  const { t } = useTranslation2();
+  const prompt = usePrompt2();
+  const navigate = useNavigate();
+  const { mutateAsync } = useDeleteCustomerGroup(group.id);
+  const handleDelete = async () => {
+    const res = await prompt({
+      title: t("customerGroups.delete.title"),
+      description: t("customerGroups.delete.description", {
+        name: group.name
+      }),
+      confirmText: t("actions.delete"),
+      cancelText: t("actions.cancel")
+    });
+    if (!res) {
+      return;
+    }
+    await mutateAsync(void 0, {
+      onSuccess: () => {
+        toast.success(
+          t("customerGroups.delete.successToast", {
+            name: group.name
+          })
+        );
+        navigate("/customer-groups", { replace: true });
+      },
+      onError: (error) => {
+        toast.error(error.message);
+      }
+    });
+  };
+  return /* @__PURE__ */ jsxs2(
+    Container2,
+    {
+      className: "divide-y p-0",
+      "data-testid": "customer-group-general-section",
+      children: [
+        /* @__PURE__ */ jsxs2(
+          "div",
+          {
+            className: "flex items-center justify-between px-6 py-4",
+            "data-testid": "customer-group-general-section-header",
+            children: [
+              /* @__PURE__ */ jsx2(Heading2, { "data-testid": "customer-group-general-section-name", children: group.name }),
+              /* @__PURE__ */ jsx2(
+                ActionMenu,
+                {
+                  groups: [
+                    {
+                      actions: [
+                        {
+                          icon: /* @__PURE__ */ jsx2(PencilSquare, {}),
+                          label: t("actions.edit"),
+                          to: `/customer-groups/${group.id}/edit`
+                        }
+                      ]
+                    },
+                    {
+                      actions: [
+                        {
+                          icon: /* @__PURE__ */ jsx2(Trash2, {}),
+                          label: t("actions.delete"),
+                          onClick: handleDelete
+                        }
+                      ]
+                    }
+                  ]
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs2(
+          "div",
+          {
+            className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4",
+            "data-testid": "customer-group-general-section-customers-row",
+            children: [
+              /* @__PURE__ */ jsx2(
+                Text,
+                {
+                  size: "small",
+                  leading: "compact",
+                  weight: "plus",
+                  "data-testid": "customer-group-general-section-customers-label",
+                  children: t("customers.domain")
+                }
+              ),
+              /* @__PURE__ */ jsx2(
+                Text,
+                {
+                  size: "small",
+                  leading: "compact",
+                  "data-testid": "customer-group-general-section-customers-value",
+                  children: group.customers?.length || "-"
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+
+// src/pages/customer-groups/customer-group-detail/customer-group-detail.tsx
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var Root = ({ children }) => {
+  const initialData = useLoaderData();
+  const { id } = useParams();
+  const { customer_group, isLoading, isError, error } = useCustomerGroup(
+    id,
+    {
+      fields: CUSTOMER_GROUP_DETAIL_FIELDS
+    },
+    { initialData }
+  );
+  if (isLoading || !customer_group) {
+    return /* @__PURE__ */ jsx3(SingleColumnPageSkeleton, { sections: 2, showJSON: true });
+  }
+  if (isError) {
+    throw error;
+  }
+  return Children.count(children) > 0 ? /* @__PURE__ */ jsx3(SingleColumnPage, { showJSON: true, data: customer_group, hasOutlet: true, children }) : /* @__PURE__ */ jsxs3(SingleColumnPage, { showJSON: true, data: customer_group, hasOutlet: true, children: [
+    /* @__PURE__ */ jsx3(CustomerGroupGeneralSection, { group: customer_group }),
+    /* @__PURE__ */ jsx3(CustomerGroupCustomerSection, { group: customer_group })
+  ] });
+};
+var CustomerGroupDetailPage = Object.assign(Root, {
+  GeneralSection: CustomerGroupGeneralSection,
+  CustomerSection: CustomerGroupCustomerSection
+});
+
+export {
+  CustomerGroupDetailPage
+};

package/dist/{chunk-FDR22JMM.js → chunk-HFRHHT36.js}

@@ -2,74 +2,20 @@ import {
   useDate
 } from "./chunk-LRD242C7.js";
 
-// src/components/data-table/helpers/general/use-data-table-date-columns.tsx
-import {
-  createDataTableColumnHelper,
-  Tooltip
-} from "@medusajs/ui";
-import { useMemo } from "react";
-import { useTranslation } from "react-i18next";
-import { jsx } from "react/jsx-runtime";
-var columnHelper = createDataTableColumnHelper();
-var useDataTableDateColumns = () => {
-  const { t } = useTranslation();
-  const { getFullDate } = useDate();
-  return useMemo(() => {
-    return [
-      columnHelper.accessor("created_at", {
-        header: t("fields.createdAt"),
-        cell: ({ row }) => {
-          return /* @__PURE__ */ jsx(
-            Tooltip,
-            {
-              content: getFullDate({
-                date: row.original.created_at,
-                includeTime: true
-              }),
-              children: /* @__PURE__ */ jsx("span", { children: getFullDate({ date: row.original.created_at }) })
-            }
-          );
-        },
-        enableSorting: true,
-        sortAscLabel: t("filters.sorting.dateAsc"),
-        sortDescLabel: t("filters.sorting.dateDesc")
-      }),
-      columnHelper.accessor("updated_at", {
-        header: t("fields.updatedAt"),
-        cell: ({ row }) => {
-          return /* @__PURE__ */ jsx(
-            Tooltip,
-            {
-              content: getFullDate({
-                date: row.original.updated_at,
-                includeTime: true
-              }),
-              children: /* @__PURE__ */ jsx("span", { children: getFullDate({ date: row.original.updated_at }) })
-            }
-          );
-        },
-        enableSorting: true,
-        sortAscLabel: t("filters.sorting.dateAsc"),
-        sortDescLabel: t("filters.sorting.dateDesc")
-      })
-    ];
-  }, [t, getFullDate]);
-};
-
 // src/components/data-table/helpers/general/use-data-table-date-filters.tsx
 import { createDataTableFilterHelper } from "@medusajs/ui";
 import { subDays, subMonths } from "date-fns";
-import { useMemo as useMemo2 } from "react";
-import { useTranslation as useTranslation2 } from "react-i18next";
+import { useMemo } from "react";
+import { useTranslation } from "react-i18next";
 var filterHelper = createDataTableFilterHelper();
 var useDateFilterOptions = () => {
-  const { t } = useTranslation2();
-  const today = useMemo2(() => {
+  const { t } = useTranslation();
+  const today = useMemo(() => {
     const date = /* @__PURE__ */ new Date();
     date.setHours(0, 0, 0, 0);
     return date;
   }, []);
-  return useMemo2(() => {
+  return useMemo(() => {
     return [
       {
         label: t("filters.date.today"),
@@ -109,10 +55,10 @@ var useDateFilterOptions = () => {
   }, [today, t]);
 };
 var useDataTableDateFilters = (disableRangeOption) => {
-  const { t } = useTranslation2();
+  const { t } = useTranslation();
   const { getFullDate } = useDate();
   const dateFilterOptions = useDateFilterOptions();
-  const rangeOptions = useMemo2(() => {
+  const rangeOptions = useMemo(() => {
     if (disableRangeOption) {
       return {
         disableRangeOption: true
@@ -125,7 +71,7 @@ var useDataTableDateFilters = (disableRangeOption) => {
       options: dateFilterOptions
     };
   }, [disableRangeOption, t, dateFilterOptions]);
-  return useMemo2(() => {
+  return useMemo(() => {
     return [
       filterHelper.accessor("created_at", {
         type: "date",
@@ -148,6 +94,5 @@ var useDataTableDateFilters = (disableRangeOption) => {
 };
 
 export {
-  useDataTableDateColumns,
   useDataTableDateFilters
 };

package/dist/{chunk-FJUUGFXL.js → chunk-HOUDNM5M.js}

@@ -4,7 +4,7 @@ import {
 import {
   categoriesQueryKeys,
   useProductCategories
-} from "./chunk-RZLN2Q6G.js";
+} from "./chunk-247L47JD.js";
 import {
   queryClient
 } from "./chunk-RHKRREUU.js";

package/dist/{chunk-6Y53VZ3C.js → chunk-HZCSJLGH.js}

@@ -10,7 +10,7 @@ import {
 } from "./chunk-EBZ5VZEO.js";
 import {
   useCollectionTableColumns
-} from "./chunk-JQV7CXEC.js";
+} from "./chunk-II3ACSV2.js";
 import {
   useCollectionTableQuery,
   useProductTagTableQuery
@@ -33,36 +33,36 @@ import {
 } from "./chunk-CMHI2RPL.js";
 import {
   useProductTableColumns
-} from "./chunk-GGWUWT55.js";
+} from "./chunk-QJI4OET7.js";
 import {
   useProductTableQuery
-} from "./chunk-H6LZ77GX.js";
+} from "./chunk-MJCL3WID.js";
 import {
   useProductTableFilters
-} from "./chunk-5L2DCA4W.js";
+} from "./chunk-7ZPJGL4C.js";
 import {
   _DataTable,
   useDataTable
-} from "./chunk-AIF2KTEE.js";
+} from "./chunk-WKRW5OPL.js";
 import {
   StackedDrawer,
   StackedFocusModal
 } from "./chunk-GDWBOQI5.js";
 import {
   useProductTags
-} from "./chunk-GXIAIITP.js";
+} from "./chunk-KZYRC3WR.js";
 import {
   useProductTypes
 } from "./chunk-VV6IKGCN.js";
-import {
-  useCustomerGroups
-} from "./chunk-LWJF63JW.js";
 import {
   useCollections
-} from "./chunk-NXNJQZCP.js";
+} from "./chunk-7FIPNQM2.js";
+import {
+  useCustomerGroups
+} from "./chunk-LTQQRVZG.js";
 import {
   useProducts
-} from "./chunk-QNNJN4H6.js";
+} from "./chunk-TSTUAL6N.js";
 
 // src/pages/settings/tax-regions/_common/components/target-form.tsx
 import { Button, Checkbox } from "@medusajs/ui";