@mercurjs/admin 2.0.0-canary.33 → 2.0.0-canary.35

package/dist/chunk-5GG65TKV.js

@@ -0,0 +1,335 @@
+import {
+  KeyboundForm
+} from "./chunk-U2ZFCAPX.js";
+import {
+  RouteFocusModal
+} from "./chunk-MWOKFNRO.js";
+
+// src/components/tabbed-form/tabbed-form.tsx
+import { Button, ProgressTabs } from "@medusajs/ui";
+import {
+  Children,
+  createContext,
+  useContext,
+  useMemo as useMemo2
+} from "react";
+import { useTranslation } from "react-i18next";
+
+// src/components/tabbed-form/use-tab-management.ts
+import { useCallback, useEffect, useMemo, useState } from "react";
+var validateTab = async (form, tab) => {
+  if (tab.validationFields?.length) {
+    return form.trigger(tab.validationFields);
+  }
+  return form.trigger();
+};
+var validateTabRange = async (form, tabs, fromIndex, toIndex) => {
+  for (let i = fromIndex; i <= toIndex; i++) {
+    if (!await validateTab(form, tabs[i])) {
+      return false;
+    }
+  }
+  return true;
+};
+var useTabManagement = ({
+  tabs,
+  form
+}) => {
+  const visibleTabs = useMemo(
+    () => tabs.filter((t) => !t.isVisible || t.isVisible(form)),
+    [tabs, form]
+  );
+  const [activeTabId, setActiveTabId] = useState(
+    visibleTabs[0]?.id ?? ""
+  );
+  const [tabState, setTabState] = useState(() => {
+    const state = {};
+    visibleTabs.forEach((t, i) => {
+      state[t.id] = i === 0 ? "in-progress" : "not-started";
+    });
+    return state;
+  });
+  useEffect(() => {
+    let resolvedActiveId = activeTabId;
+    const activeExists = visibleTabs.some((t) => t.id === activeTabId);
+    if (!activeExists && visibleTabs.length > 0) {
+      resolvedActiveId = visibleTabs[0].id;
+      setActiveTabId(resolvedActiveId);
+    }
+    const newState = {};
+    const resolvedIndex = visibleTabs.findIndex(
+      (t) => t.id === resolvedActiveId
+    );
+    visibleTabs.forEach((t, i) => {
+      if (i < resolvedIndex) {
+        newState[t.id] = "completed";
+      } else if (i === resolvedIndex) {
+        newState[t.id] = "in-progress";
+      } else {
+        newState[t.id] = tabState[t.id] ?? "not-started";
+      }
+    });
+    setTabState(newState);
+  }, [activeTabId, visibleTabs]);
+  const activeIndex = visibleTabs.findIndex((t) => t.id === activeTabId);
+  const isLastTab = activeIndex === visibleTabs.length - 1;
+  const onNext = useCallback(async () => {
+    const currentTab = visibleTabs[activeIndex];
+    if (!currentTab) return;
+    const valid = await validateTab(form, currentTab);
+    if (!valid) return;
+    if (activeIndex < visibleTabs.length - 1) {
+      setActiveTabId(visibleTabs[activeIndex + 1].id);
+    }
+  }, [form, activeIndex, visibleTabs]);
+  const onTabChange = useCallback(
+    async (tabId) => {
+      const targetIndex = visibleTabs.findIndex((t) => t.id === tabId);
+      if (targetIndex === -1) return;
+      const currentIndex = visibleTabs.findIndex(
+        (t) => t.id === activeTabId
+      );
+      if (currentIndex === -1) {
+        setActiveTabId(tabId);
+        return;
+      }
+      if (targetIndex <= currentIndex) {
+        setActiveTabId(tabId);
+        return;
+      }
+      const valid = await validateTabRange(
+        form,
+        visibleTabs,
+        currentIndex,
+        targetIndex - 1
+      );
+      if (!valid) return;
+      setActiveTabId(tabId);
+    },
+    [form, visibleTabs, activeTabId]
+  );
+  return {
+    activeTabId,
+    setActiveTabId,
+    tabState,
+    visibleTabs,
+    isLastTab,
+    onNext,
+    onTabChange
+  };
+};
+
+// src/components/tabbed-form/tabbed-form.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var TabbedFormContext = createContext(null);
+var useTabbedForm = () => {
+  const form = useContext(TabbedFormContext);
+  if (!form) {
+    throw new Error("useTabbedForm must be used within a TabbedForm");
+  }
+  return form;
+};
+function resolveTabMeta(child) {
+  const type = child.type;
+  const meta = type?._tabMeta;
+  if (!meta && !child.props?.id) {
+    return null;
+  }
+  const id = child.props?.id ?? meta?.id ?? "";
+  const labelKey = meta?.labelKey ?? "";
+  const label = child.props?.label;
+  if (process.env.NODE_ENV !== "production") {
+    if (!id) {
+      console.warn(
+        "[TabbedForm] A child component is missing a tab id. Either set _tabMeta.id or pass an id prop."
+      );
+    }
+    if (!labelKey && !label) {
+      console.warn(
+        `[TabbedForm] Tab "${id}" has no label or labelKey \u2014 header will be empty.`
+      );
+    }
+  }
+  return {
+    id,
+    labelKey,
+    label,
+    validationFields: child.props?.validationFields ?? meta?.validationFields,
+    isVisible: child.props?.isVisible ?? meta?.isVisible
+  };
+}
+function collectTabs(children) {
+  const tabs = [];
+  const elements = [];
+  Children.forEach(children, (child) => {
+    if (!child || typeof child !== "object" || !("type" in child)) {
+      return;
+    }
+    const meta = resolveTabMeta(child);
+    if (meta) {
+      tabs.push(meta);
+      elements.push(child);
+    }
+  });
+  return { tabs, elements };
+}
+function Root({
+  form,
+  onSubmit,
+  children,
+  isLoading,
+  footer,
+  transformTabs
+}) {
+  const { t } = useTranslation();
+  const { tabs: rawTabs, elements } = useMemo2(
+    () => collectTabs(children),
+    [children]
+  );
+  const tabs = useMemo2(
+    () => transformTabs ? transformTabs(rawTabs) : rawTabs,
+    [transformTabs, rawTabs]
+  );
+  const {
+    activeTabId,
+    tabState,
+    visibleTabs,
+    isLastTab,
+    onNext,
+    onTabChange
+  } = useTabManagement({
+    tabs,
+    form
+  });
+  const visibleElements = elements.filter((el) => {
+    const meta = resolveTabMeta(el);
+    return meta && visibleTabs.some((vt) => vt.id === meta.id);
+  });
+  return /* @__PURE__ */ jsx(TabbedFormContext.Provider, { value: form, children: /* @__PURE__ */ jsx(RouteFocusModal.Form, { form, children: /* @__PURE__ */ jsxs(
+    KeyboundForm,
+    {
+      onKeyDown: (e) => {
+        if (e.key === "Enter") {
+          if (e.target instanceof HTMLTextAreaElement && !(e.metaKey || e.ctrlKey)) {
+            return;
+          }
+          e.preventDefault();
+          if (e.metaKey || e.ctrlKey) {
+            if (isLoading) {
+              return;
+            }
+            if (!isLastTab) {
+              e.preventDefault();
+              e.stopPropagation();
+              onNext();
+              return;
+            }
+            onSubmit();
+          }
+        }
+      },
+      onSubmit,
+      className: "flex h-full flex-col",
+      children: [
+        /* @__PURE__ */ jsxs(
+          ProgressTabs,
+          {
+            value: activeTabId,
+            onValueChange: onTabChange,
+            className: "flex h-full flex-col overflow-hidden",
+            children: [
+              /* @__PURE__ */ jsx(RouteFocusModal.Header, { children: /* @__PURE__ */ jsx("div", { className: "-my-2 w-full border-l", children: /* @__PURE__ */ jsx(ProgressTabs.List, { className: "justify-start-start flex w-full items-center", children: visibleTabs.map((tab) => /* @__PURE__ */ jsx(
+                ProgressTabs.Trigger,
+                {
+                  status: tabState[tab.id] ?? "not-started",
+                  value: tab.id,
+                  className: "max-w-[200px] truncate",
+                  children: tab.label ?? t(tab.labelKey)
+                },
+                tab.id
+              )) }) }) }),
+              /* @__PURE__ */ jsx(RouteFocusModal.Body, { className: "size-full overflow-hidden", children: visibleElements.map((element) => {
+                const meta = resolveTabMeta(element);
+                return /* @__PURE__ */ jsx(
+                  ProgressTabs.Content,
+                  {
+                    className: "size-full overflow-y-auto",
+                    value: meta.id,
+                    children: element
+                  },
+                  meta.id
+                );
+              }) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(RouteFocusModal.Footer, { children: footer ? footer({ isLastTab, onNext, isLoading }) : /* @__PURE__ */ jsx(
+          DefaultFooter,
+          {
+            isLastTab,
+            onNext,
+            isLoading
+          }
+        ) })
+      ]
+    }
+  ) }) });
+}
+var DefaultFooter = ({
+  isLastTab,
+  onNext,
+  isLoading
+}) => {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-x-2", children: [
+    /* @__PURE__ */ jsx(RouteFocusModal.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "secondary", size: "small", children: t("actions.cancel") }) }),
+    isLastTab ? /* @__PURE__ */ jsx(
+      Button,
+      {
+        type: "submit",
+        variant: "primary",
+        size: "small",
+        isLoading,
+        children: t("actions.save")
+      },
+      "submit-button"
+    ) : /* @__PURE__ */ jsx(
+      Button,
+      {
+        type: "button",
+        variant: "primary",
+        size: "small",
+        onClick: () => onNext(),
+        children: t("actions.continue")
+      },
+      "next-button"
+    )
+  ] });
+};
+var Tab = ({
+  children
+}) => {
+  return /* @__PURE__ */ jsx("div", { className: "flex flex-col items-center p-16", children: /* @__PURE__ */ jsx("div", { className: "flex w-full max-w-[720px] flex-col gap-y-8", children }) });
+};
+var TabbedForm = Object.assign(Root, { Tab, useForm: useTabbedForm });
+
+// src/components/tabbed-form/types.ts
+var defineTabMeta = (meta) => {
+  if (process.env.NODE_ENV !== "production") {
+    if (!meta.id) {
+      console.warn("[TabbedForm] Tab meta is missing required 'id' field");
+    }
+    if (!meta.labelKey && !meta.label) {
+      console.warn(
+        `[TabbedForm] Tab "${meta.id}" has neither 'labelKey' nor 'label' \u2014 the tab header will be empty`
+      );
+    }
+  }
+  return meta;
+};
+
+export {
+  useTabbedForm,
+  TabbedForm,
+  defineTabMeta
+};

package/dist/{customer-group-detail-CPONLZRF.js → chunk-5VEYNZSW.js}

@@ -1,25 +1,10 @@
 import {
   useCustomerTableColumns
 } from "./chunk-QG6PLWNH.js";
-import "./chunk-25LYVP3C.js";
-import "./chunk-DB6ANJBO.js";
-import "./chunk-FQERBIVS.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 {
-  useCustomerTableFilters
-} from "./chunk-K3GJ266Z.js";
-import {
-  useCustomerTableQuery
-} from "./chunk-PVZBDWLK.js";
-import "./chunk-KBYZLKI4.js";
-import "./chunk-YWWUOGJA.js";
+} from "./chunk-ULJ3OMWU.js";
 import {
   SingleColumnPage
 } from "./chunk-U2UCL2VG.js";
@@ -29,78 +14,18 @@ import {
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
-import "./chunk-LAVHRER2.js";
-import "./chunk-Y7QKP6QU.js";
-import "./chunk-THHRRYRS.js";
-import "./chunk-UZWFZMOX.js";
-import "./chunk-XQNVC4Q7.js";
-import "./chunk-XM6GCWNF.js";
-import "./chunk-ODBDAABQ.js";
-import "./chunk-CDQJKJMX.js";
-import "./chunk-JLATVDLM.js";
-import "./chunk-GPRBBA7S.js";
-import "./chunk-E7ZBQO6E.js";
-import "./chunk-XGHM75N2.js";
-import "./chunk-U2GCSKW3.js";
-import "./chunk-RTAIDSDS.js";
-import "./chunk-LW3UWYZU.js";
-import "./chunk-A4X5VP3G.js";
-import "./chunk-NNZP4PYP.js";
-import "./chunk-GF4QHVX3.js";
-import "./chunk-JOQ3RTF5.js";
-import "./chunk-V534K7G4.js";
+import {
+  useCustomerTableFilters
+} from "./chunk-K3GJ266Z.js";
+import {
+  useCustomerTableQuery
+} from "./chunk-PVZBDWLK.js";
 import {
   useCustomerGroup,
   useCustomers,
   useDeleteCustomerGroup,
   useRemoveCustomersFromGroup
 } from "./chunk-A5XOYSDC.js";
-import "./chunk-TQI3DOQ5.js";
-import "./chunk-5PB7KCTF.js";
-import "./chunk-YOIARITB.js";
-import "./chunk-W7G64ULL.js";
-import "./chunk-6C7TCU42.js";
-import "./chunk-4YF3GAKE.js";
-import "./chunk-M3I52H3M.js";
-import "./chunk-LORVU5II.js";
-import "./chunk-36ORDF7W.js";
-import "./chunk-QSM56ZOP.js";
-import "./chunk-MIHEJ6Y6.js";
-import "./chunk-3VZV6SJQ.js";
-import {
-  productsQueryKeys
-} from "./chunk-K357FGGP.js";
-import {
-  queryClient
-} from "./chunk-RHKRREUU.js";
-import "./chunk-ZA2KFUFR.js";
-import {
-  sdk
-} from "./chunk-ZYNBKBY3.js";
-import "./chunk-NBMM2TZK.js";
-
-// src/pages/customer-groups/customer-group-detail/constants.ts
-var CUSTOMER_GROUP_DETAIL_FIELDS = "+customers.id";
-
-// src/pages/customer-groups/customer-group-detail/breadcrumb.tsx
-import { jsx } from "react/jsx-runtime";
-var CustomerGroupDetailBreadcrumb = (props) => {
-  const { id } = props.params || {};
-  const { customer_group } = useCustomerGroup(
-    id,
-    {
-      fields: CUSTOMER_GROUP_DETAIL_FIELDS
-    },
-    {
-      initialData: props.data,
-      enabled: Boolean(id)
-    }
-  );
-  if (!customer_group) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx("span", { children: customer_group.name });
-};
 
 // src/pages/customer-groups/customer-group-detail/customer-group-detail.tsx
 import { useLoaderData, useParams } from "react-router-dom";
@@ -112,7 +37,7 @@ import { createColumnHelper } from "@tanstack/react-table";
 import { useMemo, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { Link } from "react-router-dom";
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 var PAGE_SIZE = 10;
 var CustomerGroupCustomerSection = ({
   group
@@ -170,10 +95,10 @@ var CustomerGroupCustomerSection = ({
   };
   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__ */ jsx2(Heading, { level: "h2", "data-testid": "customer-group-customer-section-heading", children: t("customers.domain") }),
-      /* @__PURE__ */ jsx2(Link, { to: `/customer-groups/${group.id}/add-customers`, "data-testid": "customer-group-customer-section-add-link", children: /* @__PURE__ */ jsx2(Button, { variant: "secondary", size: "small", "data-testid": "customer-group-customer-section-add-button", children: t("general.add") }) })
+      /* @__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__ */ jsx2(
+    /* @__PURE__ */ jsx(
       _DataTable,
       {
         table,
@@ -231,7 +156,7 @@ var CustomerActions = ({
     }
     await mutateAsync([customer.id]);
   };
-  return /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx(
     ActionMenu,
     {
       "data-testid": `customer-group-customer-section-row-actions-${customer.id}`,
@@ -239,7 +164,7 @@ var CustomerActions = ({
         {
           actions: [
             {
-              icon: /* @__PURE__ */ jsx2(PencilSquare, {}),
+              icon: /* @__PURE__ */ jsx(PencilSquare, {}),
               label: t("actions.edit"),
               to: `/customers/${customer.id}/edit`
             }
@@ -248,7 +173,7 @@ var CustomerActions = ({
         {
           actions: [
             {
-              icon: /* @__PURE__ */ jsx2(Trash, {}),
+              icon: /* @__PURE__ */ jsx(Trash, {}),
               label: t("actions.remove"),
               onClick: handleRemove
             }
@@ -266,7 +191,7 @@ var useColumns = () => {
       columnHelper.display({
         id: "select",
         header: ({ table }) => {
-          return /* @__PURE__ */ jsx2(
+          return /* @__PURE__ */ jsx(
             Checkbox,
             {
               checked: table.getIsSomePageRowsSelected() ? "indeterminate" : table.getIsAllPageRowsSelected(),
@@ -275,7 +200,7 @@ var useColumns = () => {
           );
         },
         cell: ({ row }) => {
-          return /* @__PURE__ */ jsx2(
+          return /* @__PURE__ */ jsx(
             Checkbox,
             {
               checked: row.getIsSelected(),
@@ -292,7 +217,7 @@ var useColumns = () => {
         id: "actions",
         cell: ({ row, table }) => {
           const { customerGroupId } = table.options.meta;
-          return /* @__PURE__ */ jsx2(
+          return /* @__PURE__ */ jsx(
             CustomerActions,
             {
               customer: row.original,
@@ -311,7 +236,7 @@ import { PencilSquare as PencilSquare2, 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 jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var CustomerGroupGeneralSection = ({
   group
 }) => {
@@ -347,8 +272,8 @@ var CustomerGroupGeneralSection = ({
   };
   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__ */ jsx3(Heading2, { "data-testid": "customer-group-general-section-name", children: group.name }),
-      /* @__PURE__ */ jsx3(
+      /* @__PURE__ */ jsx2(Heading2, { "data-testid": "customer-group-general-section-name", children: group.name }),
+      /* @__PURE__ */ jsx2(
         ActionMenu,
         {
           "data-testid": "customer-group-general-section-action-menu",
@@ -356,7 +281,7 @@ var CustomerGroupGeneralSection = ({
             {
               actions: [
                 {
-                  icon: /* @__PURE__ */ jsx3(PencilSquare2, {}),
+                  icon: /* @__PURE__ */ jsx2(PencilSquare2, {}),
                   label: t("actions.edit"),
                   to: `/customer-groups/${group.id}/edit`
                 }
@@ -365,7 +290,7 @@ var CustomerGroupGeneralSection = ({
             {
               actions: [
                 {
-                  icon: /* @__PURE__ */ jsx3(Trash2, {}),
+                  icon: /* @__PURE__ */ jsx2(Trash2, {}),
                   label: t("actions.delete"),
                   onClick: handleDelete
                 }
@@ -376,14 +301,17 @@ var CustomerGroupGeneralSection = ({
       )
     ] }),
     /* @__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__ */ jsx3(Text, { size: "small", leading: "compact", weight: "plus", "data-testid": "customer-group-general-section-customers-label", children: t("customers.domain") }),
-      /* @__PURE__ */ jsx3(Text, { size: "small", leading: "compact", "data-testid": "customer-group-general-section-customers-value", children: group.customers?.length || "-" })
+      /* @__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/constants.ts
+var CUSTOMER_GROUP_DETAIL_FIELDS = "+customers.id";
+
 // src/pages/customer-groups/customer-group-detail/customer-group-detail.tsx
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 var CustomerGroupDetail = () => {
   const initialData = useLoaderData();
   const { id } = useParams();
@@ -395,32 +323,18 @@ var CustomerGroupDetail = () => {
     { initialData }
   );
   if (isLoading || !customer_group) {
-    return /* @__PURE__ */ jsx4(SingleColumnPageSkeleton, { sections: 2, showJSON: true, showMetadata: true });
+    return /* @__PURE__ */ jsx3(SingleColumnPageSkeleton, { sections: 2, showJSON: true, showMetadata: true });
   }
   if (isError) {
     throw error;
   }
   return /* @__PURE__ */ jsxs3(SingleColumnPage, { showJSON: true, showMetadata: true, data: customer_group, children: [
-    /* @__PURE__ */ jsx4(CustomerGroupGeneralSection, { group: customer_group }),
-    /* @__PURE__ */ jsx4(CustomerGroupCustomerSection, { group: customer_group })
+    /* @__PURE__ */ jsx3(CustomerGroupGeneralSection, { group: customer_group }),
+    /* @__PURE__ */ jsx3(CustomerGroupCustomerSection, { group: customer_group })
   ] });
 };
 
-// src/pages/customer-groups/customer-group-detail/loader.ts
-var customerGroupDetailQuery = (id) => ({
-  queryKey: productsQueryKeys.detail(id),
-  queryFn: async () => sdk.admin.customerGroups.$id.query({
-    $id: id,
-    fields: CUSTOMER_GROUP_DETAIL_FIELDS
-  })
-});
-var customerGroupLoader = async ({ params }) => {
-  const id = params.id;
-  const query = customerGroupDetailQuery(id);
-  return queryClient.ensureQueryData(query);
-};
 export {
-  CustomerGroupDetailBreadcrumb as Breadcrumb,
-  CustomerGroupDetail as Component,
-  customerGroupLoader as loader
+  CUSTOMER_GROUP_DETAIL_FIELDS,
+  CustomerGroupDetail
 };

package/dist/{customer-group-list-V2CGT3FT.js → chunk-62ZRA6BZ.js}

@@ -7,52 +7,16 @@ import {
 import {
   DataTable
 } from "./chunk-UQITHKTH.js";
-import "./chunk-BDGZ4EQO.js";
-import "./chunk-LAVHRER2.js";
-import "./chunk-Y7QKP6QU.js";
 import {
   useQueryParams
 } from "./chunk-THHRRYRS.js";
 import {
   useDate
 } from "./chunk-UZWFZMOX.js";
-import "./chunk-XQNVC4Q7.js";
-import "./chunk-XM6GCWNF.js";
-import "./chunk-ODBDAABQ.js";
-import "./chunk-CDQJKJMX.js";
-import "./chunk-JLATVDLM.js";
-import "./chunk-GPRBBA7S.js";
-import "./chunk-E7ZBQO6E.js";
-import "./chunk-XGHM75N2.js";
-import "./chunk-U2GCSKW3.js";
-import "./chunk-RTAIDSDS.js";
-import "./chunk-LW3UWYZU.js";
-import "./chunk-A4X5VP3G.js";
-import "./chunk-NNZP4PYP.js";
-import "./chunk-GF4QHVX3.js";
-import "./chunk-JOQ3RTF5.js";
-import "./chunk-V534K7G4.js";
 import {
   useCustomerGroups,
   useDeleteCustomerGroupLazy
 } from "./chunk-A5XOYSDC.js";
-import "./chunk-TQI3DOQ5.js";
-import "./chunk-5PB7KCTF.js";
-import "./chunk-YOIARITB.js";
-import "./chunk-W7G64ULL.js";
-import "./chunk-6C7TCU42.js";
-import "./chunk-4YF3GAKE.js";
-import "./chunk-M3I52H3M.js";
-import "./chunk-LORVU5II.js";
-import "./chunk-36ORDF7W.js";
-import "./chunk-QSM56ZOP.js";
-import "./chunk-MIHEJ6Y6.js";
-import "./chunk-3VZV6SJQ.js";
-import "./chunk-K357FGGP.js";
-import "./chunk-RHKRREUU.js";
-import "./chunk-ZA2KFUFR.js";
-import "./chunk-ZYNBKBY3.js";
-import "./chunk-NBMM2TZK.js";
 
 // src/pages/customer-groups/customer-group-list/components/customer-group-list-table/customer-group-list-table.tsx
 import { PencilSquare, Trash } from "@medusajs/icons";
@@ -246,6 +210,7 @@ import { jsx as jsx2 } from "react/jsx-runtime";
 var CustomerGroupsList = () => {
   return /* @__PURE__ */ jsx2(SingleColumnPage, { children: /* @__PURE__ */ jsx2(CustomerGroupListTable, {}) });
 };
+
 export {
-  CustomerGroupsList as Component
+  CustomerGroupsList
 };