@mercurjs/admin 2.0.0-canary.24

package/dist/chunk-3LDJURK5.js

@@ -0,0 +1,296 @@
+import {
+  CreateCampaignFormFields
+} from "./chunk-BMNW3AEU.js";
+import {
+  useComboboxData
+} from "./chunk-O67KME6D.js";
+import {
+  Combobox
+} from "./chunk-AW77UWCZ.js";
+import {
+  KeyboundForm
+} from "./chunk-U2ZFCAPX.js";
+import {
+  RouteDrawer,
+  useRouteModal
+} from "./chunk-MWOKFNRO.js";
+import {
+  Form
+} from "./chunk-3QSRE5LS.js";
+import {
+  useDocumentDirection
+} from "./chunk-Y7QKP6QU.js";
+import {
+  useCampaign,
+  useUpdatePromotion
+} from "./chunk-U62GYN4A.js";
+import {
+  sdk
+} from "./chunk-ZYNBKBY3.js";
+
+// src/pages/promotions/promotion-add-campaign/components/add-campaign-promotion-form/add-campaign-promotion-form.tsx
+import { zodResolver } from "@hookform/resolvers/zod";
+import { Button, RadioGroup, toast } from "@medusajs/ui";
+import { useEffect } from "react";
+import { useForm, useWatch } from "react-hook-form";
+import { useTranslation as useTranslation2 } from "react-i18next";
+import * as zod from "zod";
+
+// src/pages/promotions/promotion-add-campaign/components/add-campaign-promotion-form/campaign-details.tsx
+import { Heading, Text } from "@medusajs/ui";
+import { Fragment } from "react";
+import { useTranslation } from "react-i18next";
+import { jsx, jsxs } from "react/jsx-runtime";
+var translationKeyMap = {
+  spend: "spend",
+  usage: "usage",
+  use_by_attribute: "useByAttribute"
+};
+var CampaignDetails = ({ campaign }) => {
+  const { t } = useTranslation();
+  if (!campaign) {
+    return;
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx(Heading, { level: "h2", className: "mb-4", children: t("campaigns.details") }),
+      /* @__PURE__ */ jsxs("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center py-1", children: [
+        /* @__PURE__ */ jsx(Text, { className: "txt-small-plus font-", children: t("campaigns.fields.identifier") }),
+        /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1", children: /* @__PURE__ */ jsx(Text, { className: "txt-small", children: campaign.campaign_identifier || "-" }) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center py-1", children: [
+        /* @__PURE__ */ jsx(Text, { className: "txt-small-plus", children: t("fields.description") }),
+        /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1", children: /* @__PURE__ */ jsx(Text, { className: "txt-small", children: campaign.description || "-" }) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center py-1", children: [
+        /* @__PURE__ */ jsx(Text, { className: "txt-small-plus", children: t("campaigns.fields.start_date") }),
+        /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1", children: /* @__PURE__ */ jsx(Text, { className: "txt-small", children: campaign.starts_at?.toString() || "-" }) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center py-1", children: [
+        /* @__PURE__ */ jsx(Text, { className: "txt-small-plus", children: t("campaigns.fields.end_date") }),
+        /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1", children: /* @__PURE__ */ jsx(Text, { className: "txt-small", children: campaign.ends_at?.toString() || "-" }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx(Heading, { level: "h2", className: "mb-4", children: t("campaigns.budget.details") }),
+      /* @__PURE__ */ jsxs("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center py-1", children: [
+        /* @__PURE__ */ jsx(Text, { className: "txt-small-plus font-", children: t("campaigns.budget.fields.type") }),
+        /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1", children: /* @__PURE__ */ jsx(Text, { className: "txt-small truncate", children: t(
+          `campaigns.budget.type.${translationKeyMap[campaign.budget?.type]}.title`,
+          {
+            defaultValue: "-"
+          }
+        ) }) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center py-1", children: [
+        /* @__PURE__ */ jsx(Text, { className: "txt-small-plus", children: t("campaigns.budget.fields.currency") }),
+        /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1", children: /* @__PURE__ */ jsx(Text, { className: "txt-small", children: campaign?.budget?.currency_code || "-" }) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center py-1", children: [
+        /* @__PURE__ */ jsx(Text, { className: "txt-small-plus", children: t("campaigns.budget.fields.limit") }),
+        /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1", children: /* @__PURE__ */ jsx(Text, { className: "txt-small", children: campaign.budget?.limit || "-" }) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center py-1", children: [
+        /* @__PURE__ */ jsx(Text, { className: "txt-small-plus", children: campaign.budget?.type === "use_by_attribute" ? t("campaigns.fields.totalUsedByAttribute") : t("campaigns.budget.fields.used") }),
+        /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1", children: /* @__PURE__ */ jsx(Text, { className: "txt-small", children: campaign.budget?.used || "-" }) })
+      ] })
+    ] })
+  ] });
+};
+
+// src/pages/promotions/promotion-add-campaign/components/add-campaign-promotion-form/add-campaign-promotion-form.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var EditPromotionSchema = zod.object({
+  campaign_id: zod.string().optional().nullable(),
+  campaign_choice: zod.enum(["none", "existing"]).optional()
+});
+var AddCampaignPromotionFields = ({
+  form,
+  withNewCampaign = true,
+  promotionCurrencyCode
+}) => {
+  const { t } = useTranslation2();
+  const direction = useDocumentDirection();
+  const watchCampaignId = useWatch({
+    control: form.control,
+    name: "campaign_id"
+  });
+  const watchCampaignChoice = useWatch({
+    control: form.control,
+    name: "campaign_choice"
+  });
+  const campaignsCombobox = useComboboxData({
+    queryFn: (params) => sdk.admin.campaign.list({
+      ...params
+    }),
+    queryKey: ["campaigns"],
+    getOptions: (data) => data.campaigns.map((campaign) => ({
+      label: campaign.name.toUpperCase(),
+      value: campaign.id,
+      disabled: campaign.budget?.currency_code && campaign.budget?.currency_code?.toLowerCase() !== promotionCurrencyCode?.toLowerCase()
+      // also cannot add promotion which doesn't have currency defined to a campaign with a currency amount budget
+    }))
+  });
+  const { campaign: selectedCampaign } = useCampaign(
+    watchCampaignId,
+    void 0,
+    {
+      enabled: !!watchCampaignId
+    }
+  );
+  return /* @__PURE__ */ jsxs2("div", { className: "flex flex-col gap-y-8", "data-testid": "promotion-add-campaign-fields", children: [
+    /* @__PURE__ */ jsx2(
+      Form.Field,
+      {
+        control: form.control,
+        name: "campaign_choice",
+        render: ({ field }) => {
+          return /* @__PURE__ */ jsxs2(Form.Item, { "data-testid": "promotion-add-campaign-form-campaign-choice-item", children: [
+            /* @__PURE__ */ jsx2(Form.Label, { "data-testid": "promotion-add-campaign-form-campaign-choice-label", children: t("promotions.fields.campaign") }),
+            /* @__PURE__ */ jsx2(Form.Control, { "data-testid": "promotion-add-campaign-form-campaign-choice-control", children: /* @__PURE__ */ jsxs2(
+              RadioGroup,
+              {
+                dir: direction,
+                className: "grid grid-cols-1 gap-3",
+                ...field,
+                value: field.value,
+                onValueChange: field.onChange,
+                "data-testid": "promotion-add-campaign-form-campaign-choice-radio-group",
+                children: [
+                  /* @__PURE__ */ jsx2(
+                    RadioGroup.ChoiceBox,
+                    {
+                      value: "none",
+                      label: t("promotions.form.campaign.none.title"),
+                      description: t("promotions.form.campaign.none.description"),
+                      "data-testid": "promotion-add-campaign-form-campaign-choice-option-none"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx2(
+                    RadioGroup.ChoiceBox,
+                    {
+                      value: "existing",
+                      label: t("promotions.form.campaign.existing.title"),
+                      description: t(
+                        "promotions.form.campaign.existing.description"
+                      ),
+                      "data-testid": "promotion-add-campaign-form-campaign-choice-option-existing"
+                    }
+                  ),
+                  withNewCampaign && /* @__PURE__ */ jsx2(
+                    RadioGroup.ChoiceBox,
+                    {
+                      value: "new",
+                      label: t("promotions.form.campaign.new.title"),
+                      description: t(
+                        "promotions.form.campaign.new.description"
+                      ),
+                      "data-testid": "promotion-add-campaign-form-campaign-choice-option-new"
+                    }
+                  )
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ jsx2(Form.ErrorMessage, { "data-testid": "promotion-add-campaign-form-campaign-choice-error" })
+          ] });
+        }
+      }
+    ),
+    watchCampaignChoice === "existing" && /* @__PURE__ */ jsx2(
+      Form.Field,
+      {
+        control: form.control,
+        name: "campaign_id",
+        render: ({ field: { onChange, ...field } }) => {
+          return /* @__PURE__ */ jsxs2(Form.Item, { "data-testid": "promotion-add-campaign-form-campaign-id-item", children: [
+            /* @__PURE__ */ jsx2(Form.Label, { tooltip: t("campaigns.fields.campaign_id.hint"), "data-testid": "promotion-add-campaign-form-campaign-id-label", children: t("promotions.form.campaign.existing.title") }),
+            /* @__PURE__ */ jsx2(Form.Control, { "data-testid": "promotion-add-campaign-form-campaign-id-control", children: /* @__PURE__ */ jsx2(
+              Combobox,
+              {
+                dir: direction,
+                options: campaignsCombobox.options,
+                searchValue: campaignsCombobox.searchValue,
+                onSearchValueChange: campaignsCombobox.onSearchValueChange,
+                onChange,
+                ...field,
+                "data-testid": "promotion-add-campaign-form-campaign-id-combobox"
+              }
+            ) }),
+            /* @__PURE__ */ jsx2(Form.ErrorMessage, { "data-testid": "promotion-add-campaign-form-campaign-id-error" })
+          ] });
+        }
+      }
+    ),
+    watchCampaignChoice === "new" && /* @__PURE__ */ jsx2(CreateCampaignFormFields, { form, fieldScope: "campaign." }),
+    /* @__PURE__ */ jsx2(CampaignDetails, { campaign: selectedCampaign })
+  ] });
+};
+var AddCampaignPromotionForm = ({
+  promotion
+}) => {
+  const { t } = useTranslation2();
+  const { handleSuccess } = useRouteModal();
+  const { campaign } = promotion;
+  const originalId = campaign?.id;
+  const form = useForm({
+    defaultValues: {
+      campaign_id: campaign?.id,
+      campaign_choice: campaign?.id ? "existing" : "none"
+    },
+    resolver: zodResolver(EditPromotionSchema)
+  });
+  const { setValue } = form;
+  const { mutateAsync, isPending } = useUpdatePromotion(promotion.id);
+  const handleSubmit = form.handleSubmit(async (data) => {
+    await mutateAsync(
+      { campaign_id: data.campaign_id },
+      {
+        onSuccess: () => {
+          toast.success(t("promotions.campaign.edit.successToast"));
+          handleSuccess();
+        },
+        onError: (e) => {
+          toast.error(e.message);
+        }
+      }
+    );
+  });
+  const watchCampaignChoice = useWatch({
+    control: form.control,
+    name: "campaign_choice"
+  });
+  useEffect(() => {
+    if (watchCampaignChoice === "none") {
+      setValue("campaign_id", null);
+    }
+    if (watchCampaignChoice === "existing") {
+      setValue("campaign_id", originalId);
+    }
+  }, [watchCampaignChoice, setValue, originalId]);
+  return /* @__PURE__ */ jsx2(RouteDrawer.Form, { form, "data-testid": "promotion-add-campaign-form", children: /* @__PURE__ */ jsxs2(
+    KeyboundForm,
+    {
+      onSubmit: handleSubmit,
+      className: "flex size-full flex-col overflow-hidden",
+      children: [
+        /* @__PURE__ */ jsx2(RouteDrawer.Body, { className: "size-full overflow-auto", "data-testid": "promotion-add-campaign-form-body", children: /* @__PURE__ */ jsx2(
+          AddCampaignPromotionFields,
+          {
+            form,
+            withNewCampaign: false,
+            promotionCurrencyCode: promotion.application_method?.currency_code
+          }
+        ) }),
+        /* @__PURE__ */ jsx2(RouteDrawer.Footer, { "data-testid": "promotion-add-campaign-form-footer", children: /* @__PURE__ */ jsxs2("div", { className: "flex items-center justify-end gap-x-2", children: [
+          /* @__PURE__ */ jsx2(RouteDrawer.Close, { asChild: true, children: /* @__PURE__ */ jsx2(Button, { size: "small", variant: "secondary", "data-testid": "promotion-add-campaign-form-cancel-button", children: t("actions.cancel") }) }),
+          /* @__PURE__ */ jsx2(Button, { size: "small", type: "submit", isLoading: isPending, "data-testid": "promotion-add-campaign-form-save-button", children: t("actions.save") })
+        ] }) })
+      ]
+    }
+  ) });
+};
+
+export {
+  AddCampaignPromotionFields,
+  AddCampaignPromotionForm
+};

package/dist/chunk-3QSRE5LS.js

@@ -0,0 +1,161 @@
+// src/components/common/form/form.tsx
+import { InformationCircleSolid } from "@medusajs/icons";
+import {
+  Hint as HintComponent,
+  Label as LabelComponent,
+  Text,
+  Tooltip,
+  clx
+} from "@medusajs/ui";
+import { Slot } from "radix-ui";
+import {
+  createContext,
+  forwardRef,
+  useContext,
+  useId
+} from "react";
+import {
+  Controller,
+  FormProvider,
+  useFormContext,
+  useFormState
+} from "react-hook-form";
+import { useTranslation } from "react-i18next";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Provider = FormProvider;
+var FormFieldContext = createContext(
+  {}
+);
+var Field = ({
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx(Controller, { ...props }) });
+};
+var FormItemContext = createContext(
+  {}
+);
+var useFormField = () => {
+  const fieldContext = useContext(FormFieldContext);
+  const itemContext = useContext(FormItemContext);
+  const { getFieldState } = useFormContext();
+  const formState = useFormState({ name: fieldContext.name });
+  const fieldState = getFieldState(fieldContext.name, formState);
+  if (!fieldContext) {
+    throw new Error("useFormField should be used within a FormField");
+  }
+  const { id } = itemContext;
+  return {
+    id,
+    name: fieldContext.name,
+    formItemId: `${id}-form-item`,
+    formLabelId: `${id}-form-item-label`,
+    formDescriptionId: `${id}-form-item-description`,
+    formErrorMessageId: `${id}-form-item-message`,
+    ...fieldState
+  };
+};
+var Item = forwardRef(
+  ({ className, ...props }, ref) => {
+    const id = useId();
+    return /* @__PURE__ */ jsx(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: clx("flex flex-col space-y-2", className),
+        ...props
+      }
+    ) });
+  }
+);
+Item.displayName = "Form.Item";
+var Label = forwardRef(({ className, optional = false, tooltip, icon, ...props }, ref) => {
+  const { formLabelId, formItemId } = useFormField();
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-1", children: [
+    /* @__PURE__ */ jsx(
+      LabelComponent,
+      {
+        id: formLabelId,
+        ref,
+        className: clx(className),
+        htmlFor: formItemId,
+        size: "small",
+        weight: "plus",
+        ...props
+      }
+    ),
+    tooltip && /* @__PURE__ */ jsx(Tooltip, { content: tooltip, children: /* @__PURE__ */ jsx(InformationCircleSolid, { className: "text-ui-fg-muted" }) }),
+    icon,
+    optional && /* @__PURE__ */ jsxs(Text, { size: "small", leading: "compact", className: "text-ui-fg-muted", children: [
+      "(",
+      t("fields.optional"),
+      ")"
+    ] })
+  ] });
+});
+Label.displayName = "Form.Label";
+var Control = forwardRef(({ ...props }, ref) => {
+  const {
+    error,
+    formItemId,
+    formDescriptionId,
+    formErrorMessageId,
+    formLabelId
+  } = useFormField();
+  return /* @__PURE__ */ jsx(
+    Slot.Root,
+    {
+      ref,
+      id: formItemId,
+      "aria-describedby": !error ? `${formDescriptionId}` : `${formDescriptionId} ${formErrorMessageId}`,
+      "aria-invalid": !!error,
+      "aria-labelledby": formLabelId,
+      ...props
+    }
+  );
+});
+Control.displayName = "Form.Control";
+var Hint = forwardRef(({ className, ...props }, ref) => {
+  const { formDescriptionId } = useFormField();
+  return /* @__PURE__ */ jsx(
+    HintComponent,
+    {
+      ref,
+      id: formDescriptionId,
+      className,
+      ...props
+    }
+  );
+});
+Hint.displayName = "Form.Hint";
+var ErrorMessage = forwardRef(({ className, children, ...props }, ref) => {
+  const { error, formErrorMessageId } = useFormField();
+  const msg = error ? String(error?.message) : children;
+  if (!msg || msg === "undefined") {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    HintComponent,
+    {
+      ref,
+      id: formErrorMessageId,
+      className,
+      variant: error ? "error" : "info",
+      ...props,
+      children: msg
+    }
+  );
+});
+ErrorMessage.displayName = "Form.ErrorMessage";
+var Form = Object.assign(Provider, {
+  Item,
+  Label,
+  Control,
+  Hint,
+  ErrorMessage,
+  Field
+});
+
+export {
+  Form
+};

package/dist/chunk-3XPXUIK3.js

@@ -0,0 +1,34 @@
+// src/components/common/section/section-row.tsx
+import { Text, clx } from "@medusajs/ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+var SectionRow = ({ title, value, actions }) => {
+  const isValueString = typeof value === "string" || !value;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: clx(
+        `text-ui-fg-subtle grid w-full grid-cols-2 items-center gap-4 px-6 py-4`,
+        {
+          "grid-cols-[1fr_1fr_28px]": !!actions
+        }
+      ),
+      children: [
+        /* @__PURE__ */ jsx(Text, { size: "small", weight: "plus", leading: "compact", children: title }),
+        isValueString ? /* @__PURE__ */ jsx(
+          Text,
+          {
+            size: "small",
+            leading: "compact",
+            className: "whitespace-pre-line text-pretty",
+            children: value ?? "-"
+          }
+        ) : /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1", children: value }),
+        actions && /* @__PURE__ */ jsx("div", { children: actions })
+      ]
+    }
+  );
+};
+
+export {
+  SectionRow
+};

package/dist/chunk-4F5GP7J7.js

@@ -0,0 +1,45 @@
+// src/components/common/list-summary/list-summary.tsx
+import { Tooltip, clx } from "@medusajs/ui";
+import { useTranslation } from "react-i18next";
+import { jsx, jsxs } from "react/jsx-runtime";
+var ListSummary = ({
+  list,
+  className,
+  variant = "compact",
+  inline,
+  n = 2
+}) => {
+  const { t } = useTranslation();
+  const title = t("general.plusCountMore", {
+    count: list.length - n
+  });
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: clx(
+        "text-ui-fg-subtle gap-x-1 overflow-hidden",
+        {
+          "inline-flex": inline,
+          flex: !inline,
+          "txt-compact-small": variant === "compact",
+          "txt-small": variant === "base"
+        },
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "flex-1 truncate", children: /* @__PURE__ */ jsx("span", { className: "truncate", children: list.slice(0, n).join(", ") }) }),
+        list.length > n && /* @__PURE__ */ jsx("div", { className: "whitespace-nowrap", children: /* @__PURE__ */ jsx(
+          Tooltip,
+          {
+            content: /* @__PURE__ */ jsx("ul", { children: list.slice(n).map((c) => /* @__PURE__ */ jsx("li", { children: c }, c)) }),
+            children: /* @__PURE__ */ jsx("span", { className: "cursor-default whitespace-nowrap", children: title })
+          }
+        ) })
+      ]
+    }
+  );
+};
+
+export {
+  ListSummary
+};

package/dist/chunk-4GPAS5GW.js

@@ -0,0 +1,36 @@
+import {
+  IconAvatar
+} from "./chunk-U2EI2ZLM.js";
+
+// src/components/common/sidebar-link/sidebar-link.tsx
+import { Link } from "react-router-dom";
+import { TriangleRightMini } from "@medusajs/icons";
+import { Text } from "@medusajs/ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+var SidebarLink = ({
+  to,
+  labelKey,
+  descriptionKey,
+  icon
+}) => {
+  return /* @__PURE__ */ jsx(Link, { to, className: "group outline-none", children: /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2 px-2 pb-2", children: /* @__PURE__ */ jsx("div", { className: "shadow-elevation-card-rest bg-ui-bg-component transition-fg hover:bg-ui-bg-component-hover active:bg-ui-bg-component-pressed group-focus-visible:shadow-borders-interactive-with-active rounded-md px-4 py-2", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
+    /* @__PURE__ */ jsx(IconAvatar, { children: icon }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col", children: [
+      /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", weight: "plus", children: labelKey }),
+      /* @__PURE__ */ jsx(
+        Text,
+        {
+          size: "small",
+          leading: "compact",
+          className: "text-ui-fg-subtle",
+          children: descriptionKey
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "flex size-7 items-center justify-center", children: /* @__PURE__ */ jsx(TriangleRightMini, { className: "text-ui-fg-muted rtl:rotate-180" }) })
+  ] }) }) }) });
+};
+
+export {
+  SidebarLink
+};

package/dist/chunk-54EPH67T.js

@@ -0,0 +1,34 @@
+import {
+  TextCell,
+  TextHeader
+} from "./chunk-JHIMVLB2.js";
+
+// src/hooks/table/columns/use-customer-group-table-columns.tsx
+import { createColumnHelper } from "@tanstack/react-table";
+import { useMemo } from "react";
+import { useTranslation } from "react-i18next";
+import { jsx } from "react/jsx-runtime";
+var columnHelper = createColumnHelper();
+var useCustomerGroupTableColumns = () => {
+  const { t } = useTranslation();
+  return useMemo(
+    () => [
+      columnHelper.accessor("name", {
+        header: () => /* @__PURE__ */ jsx(TextHeader, { text: t("fields.name") }),
+        cell: ({ getValue }) => /* @__PURE__ */ jsx(TextCell, { text: getValue() || "-" })
+      }),
+      columnHelper.accessor("customers", {
+        header: () => /* @__PURE__ */ jsx(TextHeader, { text: t("customers.domain") }),
+        cell: ({ getValue }) => {
+          const count = getValue()?.length ?? 0;
+          return /* @__PURE__ */ jsx(TextCell, { text: count });
+        }
+      })
+    ],
+    [t]
+  );
+};
+
+export {
+  useCustomerGroupTableColumns
+};