@mercurjs/vendor 2.2.0-canary.9 → 2.2.0-rc.1

package/dist/{chunk-SPOHNK4X.js → chunk-EX5IIVVN.js}

@@ -4,7 +4,7 @@ import {
 import {
   LocalizedTablePagination,
   useDeleteTaxRateAction
-} from "./chunk-E2HQPY32.js";
+} from "./chunk-5RMLLTR7.js";
 import {
   formatPercentage
 } from "./chunk-QDPLZDMX.js";
@@ -13,23 +13,23 @@ import {
 } from "./chunk-YN3FGNJM.js";
 import {
   DataTableOrderBy
-} from "./chunk-6OUPJNYO.js";
+} from "./chunk-KCHYLLVG.js";
 import {
   NoRecords,
   NoResults
-} from "./chunk-3EF54XFY.js";
+} from "./chunk-CVXKASWV.js";
 import {
   TableFooterSkeleton
 } from "./chunk-INNFZYX2.js";
-import {
-  useProductTypes
-} from "./chunk-VV6IKGCN.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
+import {
+  useProductTypes
+} from "./chunk-NTJ3BMOE.js";
 import {
   useProducts
-} from "./chunk-JAUZ73XE.js";
+} from "./chunk-744GLNZW.js";
 
 // src/pages/settings/tax-regions/_common/components/tax-rate-line.tsx
 import { PencilSquare, Trash } from "@medusajs/icons";

package/dist/{chunk-YQYRAD5C.js → chunk-FCZJAYMM.js}

@@ -1,6 +1,6 @@
 import {
   useStockLocation
-} from "./chunk-NBPMNUKZ.js";
+} from "./chunk-ZQCCVCHB.js";
 
 // src/pages/settings/locations/[location_id]/constants.ts
 var LOCATION_DETAILS_FIELD = "name,*sales_channels,*address,fulfillment_sets.type,fulfillment_sets.name,*fulfillment_sets.service_zones.geo_zones,*fulfillment_sets.service_zones,*fulfillment_sets.service_zones.shipping_options,*fulfillment_sets.service_zones.shipping_options.rules,*fulfillment_sets.service_zones.shipping_options.shipping_profile,*fulfillment_providers";

package/dist/{chunk-SZBERGA4.js → chunk-FXQWGW2J.js}

@@ -10,13 +10,13 @@ import {
 import {
   usePromotionRuleAttributes,
   usePromotionRules
-} from "./chunk-BOZJOOGW.js";
+} from "./chunk-JIXW4WHZ.js";
 import {
   useCurrentSeller
-} from "./chunk-S23FD6FA.js";
+} from "./chunk-4NADEZZQ.js";
 import {
   sdk
-} from "./chunk-RIN4CBRB.js";
+} from "./chunk-LXZXXOJ3.js";
 
 // src/pages/promotions/common/edit-rules/components/rules-form-field/rules-form-field.tsx
 import { XMarkMini } from "@medusajs/icons";
@@ -379,7 +379,7 @@ var RulesFormField = ({
                               {
                                 ref,
                                 className: "bg-ui-bg-base",
-                                children: /* @__PURE__ */ jsx2(Select.Value, { placeholder: "Select Operator" })
+                                children: /* @__PURE__ */ jsx2(Select.Value, { placeholder: t("promotions.form.selectOperator") })
                               }
                             ),
                             /* @__PURE__ */ jsx2(Select.Content, { children: options?.map((c) => /* @__PURE__ */ jsx2(Select.Item, { value: c.value, children: /* @__PURE__ */ jsx2("span", { className: "text-ui-fg-subtle", children: c.label }) }, c.key)) })

package/dist/{chunk-6SJTAE66.js → chunk-GGXGKMYK.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-DB6ANJBO.js";
 import {
   i18n
-} from "./chunk-PZEPOPMV.js";
+} from "./chunk-ESXMD6CR.js";
 
 // src/lib/promotions.ts
 var promotionStatusMap = {

package/dist/chunk-GK6X67DV.js

@@ -0,0 +1,462 @@
+import {
+  CUSTOMER_GROUP_DETAIL_FIELDS
+} from "./chunk-SPFLYPY6.js";
+import {
+  useCustomerTableColumns
+} from "./chunk-GJM5XI3E.js";
+import {
+  useCustomerTableQuery
+} from "./chunk-GRH7C3QN.js";
+import {
+  useCustomerTableFilters
+} from "./chunk-Z3SPAROE.js";
+import {
+  SingleColumnPage
+} from "./chunk-YV6MK4PZ.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-7TQNE3E2.js";
+import {
+  SingleColumnPageSkeleton
+} from "./chunk-INNFZYX2.js";
+import {
+  ActionMenu
+} from "./chunk-BDGZ4EQO.js";
+import {
+  useCustomerGroup,
+  useCustomers,
+  useDeleteCustomerGroup,
+  useRemoveCustomersFromGroup
+} from "./chunk-XWHHBJGS.js";
+
+// src/pages/customer-groups/customer-group-detail/customer-group-detail.tsx
+import { Children } from "react";
+import { useLoaderData, useParams } from "react-router-dom";
+import { useLinkQuery, WidgetZone } from "@mercurjs/dashboard-shared";
+
+// src/pages/customer-groups/customer-group-detail/components/customer-group-customer-section/customer-group-customer-section.tsx
+import { XCircle } from "@medusajs/icons";
+import {
+  Button,
+  Checkbox,
+  Container,
+  Heading,
+  toast,
+  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 { DisplayExtensionZone } from "@mercurjs/dashboard-shared";
+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,
+    order: searchParams.order || "email",
+    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({});
+        toast.success(
+          t("customerGroups.customers.remove.successToast", {
+            count: keys.length
+          })
+        );
+      },
+      onError: (e) => {
+        toast.error(e.message);
+      }
+    });
+  };
+  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") }
+            ],
+            defaultOrderBy: "email",
+            queryObject: raw,
+            commands: [
+              {
+                action: handleRemove,
+                label: t("actions.remove"),
+                shortcut: "r"
+              }
+            ],
+            noRecords: {
+              title: t("customerGroups.customers.list.noRecordsTitle"),
+              message: t("customerGroups.customers.list.noRecordsMessage")
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          DisplayExtensionZone,
+          {
+            model: "customer_group",
+            zone: "customers",
+            data: group
+          }
+        )
+      ]
+    }
+  );
+};
+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], {
+      onSuccess: () => {
+        toast.success(
+          t("customerGroups.customers.remove.successToast", { count: 1 })
+        );
+      },
+      onError: (e) => {
+        toast.error(e.message);
+      }
+    });
+  };
+  return /* @__PURE__ */ jsx(
+    ActionMenu,
+    {
+      groups: [
+        {
+          actions: [
+            {
+              icon: /* @__PURE__ */ jsx(XCircle, {}),
+              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 } from "@medusajs/icons";
+import { Container as Container2, Heading as Heading2, Text, toast as toast2, usePrompt as usePrompt2 } from "@medusajs/ui";
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { useNavigate } from "react-router-dom";
+import { DisplayExtensionZone as DisplayExtensionZone2, DisplayField } from "@mercurjs/dashboard-shared";
+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: () => {
+        toast2.success(
+          t("customerGroups.delete.successToast", {
+            name: group.name
+          })
+        );
+        navigate("/customer-groups", { replace: true });
+      },
+      onError: (error) => {
+        toast2.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(DisplayField, { model: "customer_group", zone: "general", id: "name", data: group, 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(Trash, {}),
+                          label: t("actions.delete"),
+                          onClick: handleDelete
+                        }
+                      ]
+                    }
+                  ]
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx2(
+          DisplayField,
+          {
+            model: "customer_group",
+            zone: "general",
+            id: "customers",
+            data: group,
+            children: /* @__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 || "-"
+                    }
+                  )
+                ]
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx2(
+          DisplayExtensionZone2,
+          {
+            model: "customer_group",
+            zone: "general",
+            data: group,
+            builtInFieldIds: ["name", "customers"]
+          }
+        )
+      ]
+    }
+  );
+};
+
+// 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 query = useLinkQuery("customer_group", CUSTOMER_GROUP_DETAIL_FIELDS);
+  const { customer_group, isLoading, isError, error } = useCustomerGroup(
+    id,
+    query,
+    { 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__ */ jsx3(SingleColumnPage, { showJSON: true, data: customer_group, hasOutlet: true, children: /* @__PURE__ */ jsxs3(WidgetZone, { id: "customer-groups.detail.main", data: customer_group, 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-PVZBDWLK.js → chunk-GRH7C3QN.js}

@@ -25,7 +25,7 @@ var useCustomerTableQuery = ({
     offset: offset ? Number(offset) : 0,
     groups: groups?.split(","),
     has_account: has_account ? has_account === "true" : void 0,
-    order,
+    order: order ? order : "-created_at",
     created_at: created_at ? JSON.parse(created_at) : void 0,
     updated_at: updated_at ? JSON.parse(updated_at) : void 0,
     q

package/dist/{chunk-IQWK723D.js → chunk-GZ4KTAWS.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-ZA2KFUFR.js";
 import {
   sdk
-} from "./chunk-RIN4CBRB.js";
+} from "./chunk-LXZXXOJ3.js";
 
 // src/hooks/api/shipping-profiles.tsx
 import {

package/dist/{chunk-3PMM6AMP.js → chunk-GZRCPKO5.js}

@@ -1,25 +1,26 @@
 import {
   usePayoutTableColumns
-} from "./chunk-27WLUOI2.js";
+} from "./chunk-Y6S7K3YB.js";
 import {
   usePayoutTableQuery
 } from "./chunk-N3T24SEK.js";
 import {
   usePayoutTableFilters
 } from "./chunk-UAE6XBYL.js";
-import {
-  _DataTable,
-  useDataTable
-} from "./chunk-SSUUT5LK.js";
 import {
   SingleColumnPage
 } from "./chunk-YV6MK4PZ.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-7TQNE3E2.js";
 import {
   usePayouts
-} from "./chunk-VXWN37PT.js";
+} from "./chunk-KIURBTC4.js";
 
 // src/pages/payouts/payout-list-page.tsx
 import { Children as Children3 } from "react";
+import { WidgetZone } from "@mercurjs/dashboard-shared";
 
 // src/pages/payouts/_components/payout-list-table/payout-list-table.tsx
 import { Children as Children2 } from "react";
@@ -46,8 +47,10 @@ var PayoutListHeader = ({
 };
 
 // src/pages/payouts/_components/payout-list-table/payout-list-data-table.tsx
+import { useMemo } from "react";
 import { useTranslation as useTranslation2 } from "react-i18next";
 import { keepPreviousData } from "@tanstack/react-query";
+import { useExtendableTable } from "@mercurjs/dashboard-shared";
 import { jsx as jsx2 } from "react/jsx-runtime";
 var PAGE_SIZE = 10;
 var PayoutListDataTable = () => {
@@ -61,8 +64,16 @@ var PayoutListDataTable = () => {
       initialData: keepPreviousData
     }
   );
-  const columns = usePayoutTableColumns();
-  const filters = usePayoutTableFilters();
+  const base = usePayoutTableColumns();
+  const { columns, filters: extFilters } = useExtendableTable({
+    model: "payout",
+    columns: base
+  });
+  const baseFilters = usePayoutTableFilters();
+  const filters = useMemo(
+    () => [...baseFilters, ...extFilters],
+    [baseFilters, extFilters]
+  );
   const { table } = useDataTable({
     data: payouts ?? [],
     columns,
@@ -114,7 +125,7 @@ var PayoutListTable = ({ children }) => {
 // src/pages/payouts/payout-list-page.tsx
 import { jsx as jsx4 } from "react/jsx-runtime";
 var Root = ({ children }) => {
-  return /* @__PURE__ */ jsx4(SingleColumnPage, { children: Children3.count(children) > 0 ? children : /* @__PURE__ */ jsx4(PayoutListTable, {}) });
+  return /* @__PURE__ */ jsx4(SingleColumnPage, { children: /* @__PURE__ */ jsx4(WidgetZone, { id: "payouts.list", children: Children3.count(children) > 0 ? children : /* @__PURE__ */ jsx4(PayoutListTable, {}) }) });
 };
 var PayoutListPage = Object.assign(Root, {
   Table: PayoutListTable,

package/dist/{chunk-TF6V3TFG.js → chunk-HLAV55RT.js}

@@ -1,6 +1,6 @@
 import {
   ordersQueryKeys
-} from "./chunk-Y2MQ5EMD.js";
+} from "./chunk-UEPUKWD7.js";
 import {
   queryClient
 } from "./chunk-RHKRREUU.js";
@@ -9,7 +9,7 @@ import {
 } from "./chunk-ZA2KFUFR.js";
 import {
   sdk
-} from "./chunk-RIN4CBRB.js";
+} from "./chunk-LXZXXOJ3.js";
 
 // src/hooks/api/returns.tsx
 import {

package/dist/{chunk-E6W57UP3.js → chunk-HRUO43BZ.js}

@@ -8,11 +8,11 @@ import {
 } from "./chunk-SYNUA6LQ.js";
 import {
   MoneyAmountCell
-} from "./chunk-L57USMYC.js";
+} from "./chunk-5YZ3G5EZ.js";
 import {
   getOrderFulfillmentStatus,
   getOrderPaymentStatus
-} from "./chunk-LQSLDDPT.js";
+} from "./chunk-T35QBLG7.js";
 import {
   StatusCell
 } from "./chunk-DB6ANJBO.js";