@medusajs/dashboard 3.0.0-snapshot-20250410112222 → 3.0.0-snapshot-20251104011621

package/dist/{chunk-OV5NMSY6.mjs → chunk-WATKBUHQ.mjs}

@@ -1,6 +1,6 @@
 // src/lib/format-currency.ts
 var formatCurrency = (amount, currency) => {
-  return new Intl.NumberFormat("en-US", {
+  return new Intl.NumberFormat(void 0, {
     style: "currency",
     currency,
     signDisplay: "auto"

package/dist/{chunk-GE4APTT2.mjs → chunk-WEMXXZMY.mjs}

@@ -1,15 +1,18 @@
 import {
   currencies
-} from "./chunk-MWVM4TYO.mjs";
+} from "./chunk-DK4WIVY6.mjs";
 import {
   Skeleton
 } from "./chunk-LPEUYMRK.mjs";
 import {
   ConditionalTooltip
 } from "./chunk-OC7BQLYI.mjs";
+import {
+  useDocumentDirection
+} from "./chunk-S4DMV3ZT.mjs";
 import {
   __publicField
-} from "./chunk-GH77ZQI2.mjs";
+} from "./chunk-QZ7TP4HQ.mjs";
 
 // src/components/data-grid/components/data-grid-skeleton.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -1162,8 +1165,7 @@ function findErrorPaths(obj, path = []) {
 }
 
 // src/components/data-grid/hooks/use-data-grid-form-handlers.tsx
-import get2 from "lodash/get";
-import set from "lodash/set";
+import set from "lodash.set";
 import { useCallback as useCallback8 } from "react";
 var useDataGridFormHandlers = ({
   matrix,
@@ -1263,7 +1265,7 @@ function setValue(currentValues, field, newValue, type, isHistory) {
   setValueToggleableNumber(currentValues, field, newValue, isHistory);
 }
 function setValueToggleableNumber(currentValues, field, newValue, isHistory) {
-  const currentValue = get2(currentValues, field);
+  const currentValue = field.split(".").reduce((obj, key) => obj?.[key], currentValues);
   const { disabledToggle } = currentValue;
   const normalizeQuantity = (value) => {
     if (disabledToggle && value === "") {
@@ -1947,7 +1949,7 @@ var useDataGridQueryTool = (containerRef) => {
 import { ErrorMessage } from "@hookform/error-message";
 import { ExclamationCircle } from "@medusajs/icons";
 import { Tooltip as Tooltip2, clx } from "@medusajs/ui";
-import { get as get3 } from "react-hook-form";
+import { get as get2 } from "react-hook-form";
 
 // src/components/data-grid/components/data-grid-row-error-indicator.tsx
 import { Badge, Tooltip } from "@medusajs/ui";
@@ -2003,7 +2005,7 @@ var DataGridCellContainer = ({
   rowErrors,
   outerComponent
 }) => {
-  const error = get3(errors, field);
+  const error = get2(errors, field);
   const hasError = !!error;
   return /* @__PURE__ */ jsxs3("div", { className: "group/container relative size-full", children: [
     /* @__PURE__ */ jsxs3(
@@ -3121,6 +3123,7 @@ var DataGridHeader = ({
   const [shortcutsOpen, setShortcutsOpen] = useState8(false);
   const [columnsOpen, setColumnsOpen] = useState8(false);
   const { t } = useTranslation3();
+  const direction = useDocumentDirection();
   const hasChanged = columnOptions.some((column) => !column.checked);
   const handleShortcutsOpenChange = (value) => {
     onHeaderInteractionChange(value);
@@ -3132,35 +3135,43 @@ var DataGridHeader = ({
   };
   return /* @__PURE__ */ jsxs7("div", { className: "bg-ui-bg-base flex items-center justify-between border-b p-4", children: [
     /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-x-2", children: [
-      /* @__PURE__ */ jsxs7(DropdownMenu, { open: columnsOpen, onOpenChange: handleColumnsOpenChange, children: [
-        /* @__PURE__ */ jsx9(
-          ConditionalTooltip,
-          {
-            showTooltip: isDisabled,
-            content: t("dataGrid.columns.disabled"),
-            children: /* @__PURE__ */ jsx9(DropdownMenu.Trigger, { asChild: true, disabled: isDisabled, children: /* @__PURE__ */ jsxs7(Button2, { size: "small", variant: "secondary", children: [
-              hasChanged ? /* @__PURE__ */ jsx9(AdjustmentsDone, {}) : /* @__PURE__ */ jsx9(Adjustments, {}),
-              t("dataGrid.columns.view")
-            ] }) })
-          }
-        ),
-        /* @__PURE__ */ jsx9(DropdownMenu.Content, { children: columnOptions.map((column, index) => {
-          const { checked, disabled, id, name } = column;
-          if (disabled) {
-            return null;
-          }
-          return /* @__PURE__ */ jsx9(
-            DropdownMenu.CheckboxItem,
-            {
-              checked,
-              onCheckedChange: onToggleColumn(index),
-              onSelect: (e) => e.preventDefault(),
-              children: name
-            },
-            id
-          );
-        }) })
-      ] }),
+      /* @__PURE__ */ jsxs7(
+        DropdownMenu,
+        {
+          dir: direction,
+          open: columnsOpen,
+          onOpenChange: handleColumnsOpenChange,
+          children: [
+            /* @__PURE__ */ jsx9(
+              ConditionalTooltip,
+              {
+                showTooltip: isDisabled,
+                content: t("dataGrid.columns.disabled"),
+                children: /* @__PURE__ */ jsx9(DropdownMenu.Trigger, { asChild: true, disabled: isDisabled, children: /* @__PURE__ */ jsxs7(Button2, { size: "small", variant: "secondary", children: [
+                  hasChanged ? /* @__PURE__ */ jsx9(AdjustmentsDone, {}) : /* @__PURE__ */ jsx9(Adjustments, {}),
+                  t("dataGrid.columns.view")
+                ] }) })
+              }
+            ),
+            /* @__PURE__ */ jsx9(DropdownMenu.Content, { children: columnOptions.map((column, index) => {
+              const { checked, disabled, id, name } = column;
+              if (disabled) {
+                return null;
+              }
+              return /* @__PURE__ */ jsx9(
+                DropdownMenu.CheckboxItem,
+                {
+                  checked,
+                  onCheckedChange: onToggleColumn(index),
+                  onSelect: (e) => e.preventDefault(),
+                  children: name
+                },
+                id
+              );
+            }) })
+          ]
+        }
+      ),
       hasChanged && /* @__PURE__ */ jsx9(
         Button2,
         {

package/dist/{chunk-DRAV7IQC.mjs → chunk-WT5BXCPV.mjs}

@@ -1,26 +1,39 @@
 import {
   CreateCampaignFormFields
-} from "./chunk-TDDYKNA2.mjs";
+} from "./chunk-AHQI2S2Z.mjs";
+import {
+  useComboboxData
+} from "./chunk-3TZOFKX2.mjs";
+import {
+  Combobox
+} from "./chunk-OFN7DIZA.mjs";
 import {
   KeyboundForm
 } from "./chunk-6HTZNHPT.mjs";
 import {
   RouteDrawer,
   useRouteModal
-} from "./chunk-ZCO6EK4W.mjs";
+} from "./chunk-AERWK3TJ.mjs";
+import {
+  useDocumentDirection
+} from "./chunk-S4DMV3ZT.mjs";
 import {
   Form
 } from "./chunk-OBQI23QM.mjs";
 import {
+  useCampaign,
   useUpdatePromotion
-} from "./chunk-G2H6MAK7.mjs";
+} from "./chunk-R2G2B47Y.mjs";
+import {
+  sdk
+} from "./chunk-DEQUVHHE.mjs";
 
 // src/routes/promotions/promotion-add-campaign/components/add-campaign-promotion-form/add-campaign-promotion-form.tsx
 import { zodResolver } from "@hookform/resolvers/zod";
-import { Button, RadioGroup, Select, Text as Text2, toast } from "@medusajs/ui";
+import { Button, RadioGroup, toast } from "@medusajs/ui";
 import { useEffect } from "react";
 import { useForm, useWatch } from "react-hook-form";
-import { Trans, useTranslation as useTranslation2 } from "react-i18next";
+import { useTranslation as useTranslation2 } from "react-i18next";
 import * as zod from "zod";
 
 // src/routes/promotions/promotion-add-campaign/components/add-campaign-promotion-form/campaign-details.tsx
@@ -28,6 +41,23 @@ 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 getTranslationKey = (budget) => {
+  const translationKey = translationKeyMap[budget?.type] || "-";
+  if (budget?.type === "use_by_attribute") {
+    if (budget?.attribute === "customer_id") {
+      return `campaigns.budget.type.useByAttribute.titleCustomerId`;
+    } else if (budget?.attribute === "customer_email") {
+      return `campaigns.budget.type.useByAttribute.titleEmail`;
+    }
+    return `campaigns.budget.type.useByAttribute.title`;
+  }
+  return `campaigns.budget.type.${translationKey}.title`;
+};
 var CampaignDetails = ({ campaign }) => {
   const { t } = useTranslation();
   if (!campaign) {
@@ -57,7 +87,9 @@ var CampaignDetails = ({ campaign }) => {
       /* @__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", children: campaign.budget?.type || "-" }) })
+        /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1", children: /* @__PURE__ */ jsx(Text, { className: "txt-small truncate", children: t(getTranslationKey(campaign.budget), {
+          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") }),
@@ -68,7 +100,7 @@ var CampaignDetails = ({ campaign }) => {
         /* @__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: t("campaigns.budget.fields.used") }),
+        /* @__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 || "-" }) })
       ] })
     ] })
@@ -83,10 +115,11 @@ var EditPromotionSchema = zod.object({
 });
 var AddCampaignPromotionFields = ({
   form,
-  campaigns,
-  withNewCampaign = true
+  withNewCampaign = true,
+  promotionCurrencyCode
 }) => {
   const { t } = useTranslation2();
+  const direction = useDocumentDirection();
   const watchCampaignId = useWatch({
     control: form.control,
     name: "campaign_id"
@@ -95,7 +128,25 @@ var AddCampaignPromotionFields = ({
     control: form.control,
     name: "campaign_choice"
   });
-  const selectedCampaign = campaigns.find((c) => c.id === watchCampaignId);
+  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", children: [
     /* @__PURE__ */ jsx2(
       Form.Field,
@@ -108,6 +159,7 @@ var AddCampaignPromotionFields = ({
             /* @__PURE__ */ jsx2(Form.Control, { children: /* @__PURE__ */ jsxs2(
               RadioGroup,
               {
+                dir: direction,
                 className: "grid grid-cols-1 gap-3",
                 ...field,
                 value: field.value,
@@ -154,39 +206,20 @@ var AddCampaignPromotionFields = ({
       {
         control: form.control,
         name: "campaign_id",
-        render: ({ field: { onChange, ref, ...field } }) => {
+        render: ({ field: { onChange, ...field } }) => {
           return /* @__PURE__ */ jsxs2(Form.Item, { children: [
-            /* @__PURE__ */ jsx2(Form.Label, { children: t("promotions.form.campaign.existing.title") }),
-            /* @__PURE__ */ jsx2(Form.Control, { children: /* @__PURE__ */ jsxs2(Select, { onValueChange: onChange, ...field, children: [
-              /* @__PURE__ */ jsx2(Select.Trigger, { ref, children: /* @__PURE__ */ jsx2(Select.Value, {}) }),
-              /* @__PURE__ */ jsxs2(Select.Content, { children: [
-                !campaigns.length && /* @__PURE__ */ jsxs2("div", { className: "flex h-[120px] flex-col items-center justify-center gap-2 p-2", children: [
-                  /* @__PURE__ */ jsx2("span", { className: "txt-small text-ui-fg-subtle font-medium", children: t(
-                    "promotions.form.campaign.existing.placeholder.title"
-                  ) }),
-                  /* @__PURE__ */ jsx2("span", { className: "txt-small text-ui-fg-muted", children: t(
-                    "promotions.form.campaign.existing.placeholder.desc"
-                  ) })
-                ] }),
-                campaigns.map((c) => /* @__PURE__ */ jsx2(Select.Item, { value: c.id, children: c.name?.toUpperCase() }, c.id))
-              ] })
-            ] }) }),
-            /* @__PURE__ */ jsx2(
-              Text2,
+            /* @__PURE__ */ jsx2(Form.Label, { tooltip: t("campaigns.fields.campaign_id.hint"), children: t("promotions.form.campaign.existing.title") }),
+            /* @__PURE__ */ jsx2(Form.Control, { children: /* @__PURE__ */ jsx2(
+              Combobox,
               {
-                size: "small",
-                leading: "compact",
-                className: "text-ui-fg-subtle",
-                children: /* @__PURE__ */ jsx2(
-                  Trans,
-                  {
-                    t,
-                    i18nKey: "campaigns.fields.campaign_id.hint",
-                    components: [/* @__PURE__ */ jsx2("br", {}, "break")]
-                  }
-                )
+                dir: direction,
+                options: campaignsCombobox.options,
+                searchValue: campaignsCombobox.searchValue,
+                onSearchValueChange: campaignsCombobox.onSearchValueChange,
+                onChange,
+                ...field
               }
-            ),
+            ) }),
             /* @__PURE__ */ jsx2(Form.ErrorMessage, {})
           ] });
         }
@@ -197,8 +230,7 @@ var AddCampaignPromotionFields = ({
   ] });
 };
 var AddCampaignPromotionForm = ({
-  promotion,
-  campaigns
+  promotion
 }) => {
   const { t } = useTranslation2();
   const { handleSuccess } = useRouteModal();
@@ -249,8 +281,8 @@ var AddCampaignPromotionForm = ({
           AddCampaignPromotionFields,
           {
             form,
-            campaigns,
-            withNewCampaign: false
+            withNewCampaign: false,
+            promotionCurrencyCode: promotion.application_method?.currency_code
           }
         ) }),
         /* @__PURE__ */ jsx2(RouteDrawer.Footer, { children: /* @__PURE__ */ jsxs2("div", { className: "flex items-center justify-end gap-x-2", children: [

package/dist/{chunk-RWU2ZKWZ.mjs → chunk-WTK7SR6S.mjs}

@@ -1,9 +1,9 @@
 import {
   reservationItemsQueryKeys
-} from "./chunk-FVC7M755.mjs";
+} from "./chunk-6XWHQ6ON.mjs";
 import {
   inventoryItemsQueryKeys
-} from "./chunk-6I62UDJA.mjs";
+} from "./chunk-4BGVSXZZ.mjs";
 import {
   queryClient
 } from "./chunk-FXYH54JP.mjs";
@@ -30,6 +30,9 @@ _orderKeys.changes = function(id) {
 _orderKeys.lineItems = function(id) {
   return [this.detail(id), "lineItems"];
 };
+_orderKeys.shippingOptions = function(id) {
+  return [this.detail(id), "shippingOptions"];
+};
 var ordersQueryKeys = _orderKeys;
 var useOrder = (id, query, options) => {
   const { data, ...rest } = useQuery({
@@ -70,6 +73,14 @@ var useOrders = (query, options) => {
   });
   return { ...data, ...rest };
 };
+var useOrderShippingOptions = (id, query, options) => {
+  const { data, ...rest } = useQuery({
+    queryFn: async () => sdk.admin.order.listShippingOptions(id, query),
+    queryKey: ordersQueryKeys.shippingOptions(id),
+    ...options
+  });
+  return { ...data, ...rest };
+};
 var useOrderChanges = (id, query, options) => {
   const { data, ...rest } = useQuery({
     queryFn: async () => sdk.admin.order.listChanges(id, query),
@@ -117,6 +128,12 @@ var useCancelOrderFulfillment = (orderId, fulfillmentId, options) => {
       queryClient.invalidateQueries({
         queryKey: ordersQueryKeys.preview(orderId)
       });
+      queryClient.invalidateQueries({
+        queryKey: reservationItemsQueryKeys.lists()
+      });
+      queryClient.invalidateQueries({
+        queryKey: inventoryItemsQueryKeys.details()
+      });
       options?.onSuccess?.(data, variables, context);
     },
     ...options
@@ -197,6 +214,21 @@ var useCancelOrderTransfer = (orderId, options) => {
     ...options
   });
 };
+var useCreateOrderCreditLine = (orderId, options) => {
+  return useMutation({
+    mutationFn: (payload) => sdk.admin.order.createCreditLine(orderId, payload),
+    onSuccess: (data, variables, context) => {
+      queryClient.invalidateQueries({
+        queryKey: ordersQueryKeys.details()
+      });
+      queryClient.invalidateQueries({
+        queryKey: ordersQueryKeys.preview(orderId)
+      });
+      options?.onSuccess?.(data, variables, context);
+    },
+    ...options
+  });
+};
 
 export {
   ordersQueryKeys,
@@ -204,6 +236,7 @@ export {
   useUpdateOrder,
   useOrderPreview,
   useOrders,
+  useOrderShippingOptions,
   useOrderChanges,
   useOrderLineItems,
   useCreateOrderFulfillment,
@@ -212,5 +245,6 @@ export {
   useMarkOrderFulfillmentAsDelivered,
   useCancelOrder,
   useRequestTransferOrder,
-  useCancelOrderTransfer
+  useCancelOrderTransfer,
+  useCreateOrderCreditLine
 };

package/dist/{chunk-PDWBYQOW.mjs → chunk-X6BAAGCL.mjs}

@@ -1,6 +1,6 @@
 import {
   currencies
-} from "./chunk-MWVM4TYO.mjs";
+} from "./chunk-DK4WIVY6.mjs";
 
 // src/lib/money-amount-helpers.ts
 var getDecimalDigits = (currency) => {

package/dist/{chunk-UAZEQNCO.mjs → chunk-X6DSNTTX.mjs}

@@ -1,6 +1,6 @@
 import {
   taxRegionsQueryKeys
-} from "./chunk-LDJKJLBJ.mjs";
+} from "./chunk-I6E6CALJ.mjs";
 import {
   queryClient
 } from "./chunk-FXYH54JP.mjs";

package/dist/{chunk-4UY4U2B5.mjs → chunk-XDCNT5GQ.mjs}

@@ -1,7 +1,3 @@
-import {
-  CSS
-} from "./chunk-ACBS6KFT.mjs";
-
 // src/components/common/sortable-tree/sortable-tree.tsx
 import {
   DndContext,
@@ -19,6 +15,7 @@ import {
   arrayMove as arrayMove2,
   verticalListSortingStrategy
 } from "@dnd-kit/sortable";
+import { CSS as CSS2 } from "@dnd-kit/utilities";
 import { useEffect, useMemo, useRef, useState } from "react";
 import { createPortal } from "react-dom";
 
@@ -305,6 +302,7 @@ var sortableTreeKeyboardCoordinates = (context, indentationWidth) => (event, {
 
 // src/components/common/sortable-tree/sortable-tree-item.tsx
 import { useSortable } from "@dnd-kit/sortable";
+import { CSS } from "@dnd-kit/utilities";
 
 // src/components/common/sortable-tree/tree-item.tsx
 import { forwardRef } from "react";
@@ -514,10 +512,10 @@ var measuring = {
 var dropAnimationConfig = {
   keyframes({ transform }) {
     return [
-      { opacity: 1, transform: CSS.Transform.toString(transform.initial) },
+      { opacity: 1, transform: CSS2.Transform.toString(transform.initial) },
       {
         opacity: 0,
-        transform: CSS.Transform.toString({
+        transform: CSS2.Transform.toString({
           ...transform.final,
           x: transform.final.x + 5,
           y: transform.final.y + 5

package/dist/{chunk-G3QXMPRB.mjs → chunk-XLDQPLK4.mjs}

@@ -1,7 +1,3 @@
-import {
-  ProductCell,
-  ProductHeader
-} from "./chunk-IQBAUTU5.mjs";
 import {
   StatusCell
 } from "./chunk-ADOCJB6L.mjs";
@@ -9,10 +5,6 @@ import {
   PlaceholderCell
 } from "./chunk-P3UUX2T6.mjs";
 
-// src/hooks/table/columns/use-product-table-columns.tsx
-import { createColumnHelper } from "@tanstack/react-table";
-import { useMemo } from "react";
-
 // src/components/table/table-cells/product/collection-cell/collection-cell.tsx
 import { useTranslation } from "react-i18next";
 import { jsx } from "react/jsx-runtime";
@@ -93,38 +85,13 @@ var VariantHeader = () => {
   return /* @__PURE__ */ jsx4("div", { className: "flex h-full w-full items-center", children: /* @__PURE__ */ jsx4("span", { children: t("fields.variants") }) });
 };
 
-// src/hooks/table/columns/use-product-table-columns.tsx
-import { jsx as jsx5 } from "react/jsx-runtime";
-var columnHelper = createColumnHelper();
-var useProductTableColumns = () => {
-  return useMemo(
-    () => [
-      columnHelper.display({
-        id: "product",
-        header: () => /* @__PURE__ */ jsx5(ProductHeader, {}),
-        cell: ({ row }) => /* @__PURE__ */ jsx5(ProductCell, { product: row.original })
-      }),
-      columnHelper.accessor("collection", {
-        header: () => /* @__PURE__ */ jsx5(CollectionHeader, {}),
-        cell: ({ row }) => /* @__PURE__ */ jsx5(CollectionCell, { collection: row.original.collection })
-      }),
-      columnHelper.accessor("sales_channels", {
-        header: () => /* @__PURE__ */ jsx5(SalesChannelHeader, {}),
-        cell: ({ row }) => /* @__PURE__ */ jsx5(SalesChannelsCell, { salesChannels: row.original.sales_channels })
-      }),
-      columnHelper.accessor("variants", {
-        header: () => /* @__PURE__ */ jsx5(VariantHeader, {}),
-        cell: ({ row }) => /* @__PURE__ */ jsx5(VariantCell, { variants: row.original.variants })
-      }),
-      columnHelper.accessor("status", {
-        header: () => /* @__PURE__ */ jsx5(ProductStatusHeader, {}),
-        cell: ({ row }) => /* @__PURE__ */ jsx5(ProductStatusCell, { status: row.original.status })
-      })
-    ],
-    []
-  );
-};
-
 export {
-  useProductTableColumns
+  CollectionCell,
+  CollectionHeader,
+  ProductStatusCell,
+  ProductStatusHeader,
+  SalesChannelsCell,
+  SalesChannelHeader,
+  VariantCell,
+  VariantHeader
 };

package/dist/chunk-XWO5BP42.mjs

@@ -0,0 +1,37 @@
+import {
+  TextCell
+} from "./chunk-MSDRGCRR.mjs";
+
+// src/hooks/table/columns/use-collection-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 useCollectionTableColumns = () => {
+  const { t } = useTranslation();
+  return useMemo(
+    () => [
+      columnHelper.accessor("title", {
+        header: t("fields.title"),
+        cell: ({ getValue }) => /* @__PURE__ */ jsx(TextCell, { text: getValue() })
+      }),
+      columnHelper.accessor("handle", {
+        header: t("fields.handle"),
+        cell: ({ getValue }) => /* @__PURE__ */ jsx(TextCell, { text: `/${getValue()}` })
+      }),
+      columnHelper.accessor("products", {
+        header: t("fields.products"),
+        cell: ({ getValue }) => {
+          const count = getValue()?.length || void 0;
+          return /* @__PURE__ */ jsx(TextCell, { text: count });
+        }
+      })
+    ],
+    [t]
+  );
+};
+
+export {
+  useCollectionTableColumns
+};