@mercurjs/admin 2.2.0-canary.5 → 2.2.0-canary.50

package/dist/{chunk-AKC67AN5.js → chunk-OPE24DZA.js}

@@ -3,16 +3,34 @@ import {
 } from "./chunk-AJLGY3LQ.js";
 import {
   i18n
-} from "./chunk-QFE4AEQJ.js";
+} from "./chunk-Q2CJGCIA.js";
+import {
+  require_dist
+} from "./chunk-VYSB4CTB.js";
+import {
+  __toESM
+} from "./chunk-NBMM2TZK.js";
 
 // src/pages/products/product-create/constants.ts
 import { z } from "zod";
 
 // src/pages/products/product-create/utils.ts
+var import_types = __toESM(require_dist(), 1);
 var normalizeProductFormValues = (values) => {
   const thumbnail = values.media?.find((media) => media.isThumbnail)?.url;
   const images = values.media?.filter((media) => !media.isThumbnail).map((media) => ({ url: media.url }));
-  const { variantAttributes, productAttributes, attributeValues } = normalizeFormAttributes(values.attributes ?? []);
+  const hasAxis = (values.attributes ?? []).some(
+    (a) => a.use_for_variants && toValueArray(a.values).length > 0
+  );
+  const attributes = normalizeFormAttributes(values.attributes ?? []);
+  if (!hasAxis) {
+    attributes.push({
+      title: "Default Option",
+      type: import_types.AttributeType.MULTI_SELECT,
+      values: ["Default"],
+      is_variant_axis: true
+    });
+  }
   return {
     is_giftcard: false,
     status: values.status,
@@ -21,7 +39,7 @@ var normalizeProductFormValues = (values) => {
     collection_id: values.collection_id || void 0,
     categories: values.category_id ? [{ id: values.category_id }] : void 0,
     type_id: values.type_id || void 0,
-    seller_ids: values.seller_ids?.length ? values.seller_ids : void 0,
+    seller_ids: !values.globally_available && values.seller_ids?.length ? values.seller_ids : void 0,
     handle: values.handle?.trim(),
     origin_country: values.origin_country || void 0,
     material: values.material || void 0,
@@ -36,90 +54,73 @@ var normalizeProductFormValues = (values) => {
     length: values.length ? parseFloat(values.length) : void 0,
     height: values.height ? parseFloat(values.height) : void 0,
     weight: values.weight ? parseFloat(values.weight) : void 0,
-    variant_attributes: variantAttributes.length ? variantAttributes : void 0,
-    product_attributes: productAttributes.length ? productAttributes : void 0,
-    attribute_values: Object.keys(attributeValues).length ? attributeValues : void 0,
+    attributes: attributes.length ? attributes : void 0,
     variants: normalizeVariants(
       values.variants.filter((variant) => variant.should_create),
+      hasAxis,
       values.regionsCurrencyMap
     )
   };
 };
-var normalizeVariants = (variants, _regionsCurrencyMap) => {
+var normalizeVariants = (variants, hasAxis, _regionsCurrencyMap) => {
   return variants.map((variant) => {
     const opts = variant.options;
     const hasOpts = opts && Object.keys(opts).length > 0;
     return {
       title: variant.title || (hasOpts ? Object.values(opts).join(" / ") : "Default variant"),
-      options: hasOpts ? opts : void 0,
+      options: hasOpts ? opts : hasAxis ? void 0 : { "Default Option": "Default" },
       sku: variant.sku || void 0,
       variant_rank: variant.variant_rank
     };
   });
 };
+var toValueArray = (values) => Array.isArray(values) ? values.filter(Boolean) : values ? [values] : [];
 var normalizeFormAttributes = (attributes) => {
-  const variantAttributes = [];
-  const productAttributes = [];
-  const attributeValues = {};
+  const result = [];
   for (const attr of attributes) {
-    if (attr.use_for_variants) {
-      if (attr.attribute_id) {
-        const valueNames = Array.isArray(attr.values) ? attr.values : attr.values ? [attr.values] : [];
+    const vals = toValueArray(attr.values);
+    const type = attr.type;
+    const isSelect = type === "single_select" || type === "multi_select";
+    if (attr.attribute_id) {
+      if (isSelect || attr.use_for_variants) {
         const nameToId = new Map(
           (attr.available_values ?? []).map((v) => [v.name, v.id])
         );
-        const valueIds = valueNames.map((name) => nameToId.get(name)).filter(Boolean);
-        variantAttributes.push({
-          attribute_id: attr.attribute_id,
-          value_ids: valueIds.length ? valueIds : void 0
+        const valueIds = vals.map((name) => nameToId.get(name)).filter(Boolean);
+        if (!valueIds.length) continue;
+        result.push({ id: attr.attribute_id, value_ids: valueIds });
+      } else {
+        if (!vals.length || !vals[0]) continue;
+        result.push({
+          id: attr.attribute_id,
+          value: type === "toggle" ? vals[0] === "true" : vals[0]
         });
-      } else if (attr.is_custom && attr.title) {
-        variantAttributes.push({
-          name: attr.title,
-          type: attr.type ?? "multi_select",
-          values: Array.isArray(attr.values) ? attr.values : attr.values ? [attr.values] : [],
+      }
+    } else if (attr.is_custom && attr.title) {
+      if (!vals.length) continue;
+      if (attr.use_for_variants) {
+        result.push({
+          title: attr.title,
+          type: type ?? import_types.AttributeType.MULTI_SELECT,
+          values: vals,
           is_variant_axis: true
         });
-      }
-    } else {
-      const key = attr.title;
-      if (!key) continue;
-      if (attr.is_custom) {
-        const vals = Array.isArray(attr.values) ? attr.values : attr.values ? [attr.values] : [];
-        if (vals.length) {
-          productAttributes.push({
-            name: attr.title,
-            type: attr.type ?? "text",
-            values: vals,
-            is_variant_axis: false
-          });
-        }
-      } else if (attr.attribute_id) {
-        const vals = Array.isArray(attr.values) ? attr.values : attr.values ? [attr.values] : [];
-        if (!vals.length || vals.every((v) => !v)) continue;
-        const type = attr.type;
-        const hasPresetValues = type === "single_select" || type === "multi_select";
-        if (hasPresetValues) {
-          const nameToId = new Map(
-            (attr.available_values ?? []).map((v) => [v.name, v.id])
-          );
-          const valueIds = vals.map((name) => nameToId.get(name)).filter(Boolean);
-          if (valueIds.length) {
-            productAttributes.push({
-              attribute_id: attr.attribute_id,
-              value_ids: valueIds
-            });
-          }
-        } else {
-          productAttributes.push({
-            attribute_id: attr.attribute_id,
-            values: vals
-          });
-        }
+      } else if (isSelect) {
+        result.push({
+          title: attr.title,
+          type,
+          values: vals
+        });
+      } else {
+        result.push({
+          title: attr.title,
+          type: type ?? import_types.AttributeType.TEXT,
+          value: type === "toggle" ? vals[0] === "true" : vals[0]
+        });
       }
     }
   }
-  return { variantAttributes, productAttributes, attributeValues };
+  return result;
 };
 var decorateVariantsWithDefaultValues = (variants) => {
   return variants.map((variant) => ({
@@ -219,14 +220,17 @@ var ProductCreateVariantSchema = z.object({
   variant_rank: z.number()
 });
 var ProductCreateSchema = z.object({
-  title: z.string().min(1),
+  title: z.string().min(1, {
+    message: i18n.t("products.create.errors.requiredTitle")
+  }),
   subtitle: z.string().optional(),
   handle: z.string().optional(),
   description: z.string().optional(),
   discountable: z.boolean(),
+  globally_available: z.boolean(),
   type_id: z.string().optional(),
   collection_id: z.string().optional(),
-  category_id: z.string().min(1),
+  category_id: z.string().min(1, i18n.t("products.create.errors.requiredCategory")),
   seller_ids: z.array(z.string()).optional(),
   tags: z.array(z.string()).optional(),
   origin_country: z.string().optional(),
@@ -253,14 +257,29 @@ var ProductCreateSchema = z.object({
   variants: z.array(ProductCreateVariantSchema).min(1),
   media: z.array(MediaSchema).optional()
 }).superRefine((data, ctx) => {
+  if (!data.globally_available && !data.seller_ids?.length) {
+    ctx.addIssue({
+      code: z.ZodIssueCode.custom,
+      path: ["seller_ids"],
+      message: i18n.t("products.create.errors.requiredStore")
+    });
+  }
   data.attributes?.forEach((attr, index) => {
     if (!attr.is_required) return;
     const isEmpty = attr.values === void 0 || attr.values === "" || Array.isArray(attr.values) && attr.values.length === 0;
     if (isEmpty) {
+      let messageKey = "products.create.errors.requiredAttribute";
+      if (attr.type === "single_select" || attr.type === "toggle") {
+        messageKey = "products.create.errors.requiredAttributeSelect";
+      } else if (attr.type === "multi_select") {
+        messageKey = "products.create.errors.requiredAttributeMultiSelect";
+      } else if (attr.type === "text" || attr.type === "unit") {
+        messageKey = "products.create.errors.requiredAttributeEnter";
+      }
       ctx.addIssue({
         code: z.ZodIssueCode.custom,
         path: [`attributes.${index}.values`],
-        message: i18n.t("products.create.errors.requiredAttribute")
+        message: i18n.t(messageKey)
       });
     }
   });
@@ -290,6 +309,7 @@ var EditProductMediaSchema = z.object({
 });
 var PRODUCT_CREATE_FORM_DEFAULTS = {
   discountable: true,
+  globally_available: true,
   seller_ids: [],
   tags: [],
   variants: decorateVariantsWithDefaultValues([

package/dist/{chunk-C4JUURO5.js → chunk-OT5X3VOQ.js}

@@ -1,6 +1,6 @@
 import {
   useUser
-} from "./chunk-GKGLVDDV.js";
+} from "./chunk-A2F5MDPU.js";
 
 // src/components/common/user-link/user-link.tsx
 import { Avatar, Text } from "@medusajs/ui";

package/dist/chunk-OTGABFC4.js

@@ -0,0 +1,382 @@
+import {
+  useDeleteCommissionRuleAction,
+  useScopeReferenceNames
+} from "./chunk-7IGLZARZ.js";
+import {
+  formatCommissionValue,
+  getIsActiveProps,
+  getScopeSummary,
+  getScopeTypeLabel
+} from "./chunk-CGIVQ7D2.js";
+import {
+  TextCell,
+  TextHeader
+} from "./chunk-JHIMVLB2.js";
+import {
+  StatusCell
+} from "./chunk-DB6ANJBO.js";
+import {
+  SectionRow
+} from "./chunk-3XPXUIK3.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-6ZVV2XHU.js";
+import {
+  SingleColumnPage
+} from "./chunk-H6MYB7GB.js";
+import {
+  useQueryParams
+} from "./chunk-THHRRYRS.js";
+import {
+  useCommissionRules,
+  useDefaultCommission
+} from "./chunk-G5KNNOXX.js";
+import {
+  ActionMenu
+} from "./chunk-BDGZ4EQO.js";
+import {
+  Skeleton
+} from "./chunk-INNFZYX2.js";
+
+// src/pages/commissions/commissions-list/commissions-page.tsx
+import { Children } from "react";
+import { WidgetZone } from "@mercurjs/dashboard-shared";
+
+// src/pages/commissions/commissions-list/components/global-commission-section/global-commission-section.tsx
+import { PencilSquare } from "@medusajs/icons";
+import { Container, Heading } from "@medusajs/ui";
+import { useTranslation } from "react-i18next";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var GLOBAL_COMMISSION_ROWS = [
+  { key: "type", fallback: "Type" },
+  { key: "value", fallback: "Value" },
+  { key: "tax", fallback: "Tax" },
+  { key: "shipping", fallback: "Shipping" }
+];
+var GlobalCommissionSection = () => {
+  const { t } = useTranslation();
+  const { default_commission, isLoading, isError, error } = useDefaultCommission();
+  if (isError) {
+    throw error;
+  }
+  const rate = default_commission;
+  return /* @__PURE__ */ jsxs(Container, { className: "divide-y p-0", "data-testid": "global-commission-section", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-6 py-4", children: [
+      /* @__PURE__ */ jsx(Heading, { children: t("commissions.global.title") }),
+      /* @__PURE__ */ jsx(
+        ActionMenu,
+        {
+          groups: [
+            {
+              actions: [
+                {
+                  label: t("actions.edit"),
+                  icon: /* @__PURE__ */ jsx(PencilSquare, {}),
+                  to: "edit-global"
+                }
+              ]
+            }
+          ]
+        }
+      )
+    ] }),
+    isLoading || !rate ? GLOBAL_COMMISSION_ROWS.map(({ key, fallback }) => /* @__PURE__ */ jsx(
+      SectionRow,
+      {
+        title: t(`commissions.global.${key}`, fallback),
+        value: /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-24" })
+      },
+      key
+    )) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        SectionRow,
+        {
+          title: t("commissions.global.type"),
+          value: rate.type === "percentage" ? t("commissions.fields.type.percentage") : t("commissions.fields.type.fixed")
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        SectionRow,
+        {
+          title: t("commissions.global.value"),
+          value: formatCommissionValue(rate)
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        SectionRow,
+        {
+          title: t("commissions.global.tax"),
+          value: rate.include_tax ? t("commissions.global.included") : t("commissions.global.notIncluded")
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        SectionRow,
+        {
+          title: t("commissions.global.shipping"),
+          value: rate.include_shipping ? t("commissions.global.included") : t("commissions.global.notIncluded")
+        }
+      )
+    ] })
+  ] });
+};
+
+// src/pages/commissions/commissions-list/components/commission-rules-table/commission-rules-table.tsx
+import { Container as Container2 } from "@medusajs/ui";
+
+// src/pages/commissions/commissions-list/components/commission-rules-table/commission-rules-data-table.tsx
+import { PencilSquare as PencilSquare2, Trash } from "@medusajs/icons";
+import { keepPreviousData } from "@tanstack/react-query";
+import { createColumnHelper } from "@tanstack/react-table";
+import { useMemo as useMemo2 } from "react";
+import { useTranslation as useTranslation3 } from "react-i18next";
+
+// src/pages/commissions/commissions-list/components/commission-rules-table/use-commission-rules-filters.tsx
+import { useMemo } from "react";
+import { useTranslation as useTranslation2 } from "react-i18next";
+var useCommissionRulesFilters = () => {
+  const { t } = useTranslation2();
+  return useMemo(
+    () => [
+      {
+        key: "scope_type",
+        label: t("commissions.fields.scopeType.label"),
+        type: "select",
+        multiple: true,
+        options: [
+          {
+            label: t("commissions.fields.scopeType.store"),
+            value: "store"
+          },
+          {
+            label: t("commissions.fields.scopeType.productType"),
+            value: "product_type"
+          },
+          {
+            label: t("commissions.fields.scopeType.category"),
+            value: "category"
+          },
+          {
+            label: t("commissions.fields.scopeType.storeProductType"),
+            value: "store_product_type"
+          },
+          {
+            label: t("commissions.fields.scopeType.storeCategory"),
+            value: "store_category"
+          }
+        ]
+      },
+      {
+        key: "is_enabled",
+        label: t("commissions.fields.status"),
+        type: "select",
+        options: [
+          { label: t("commissions.status.enabled"), value: "true" },
+          {
+            label: t("commissions.status.disabled"),
+            value: "false"
+          }
+        ]
+      }
+    ],
+    [t]
+  );
+};
+
+// src/pages/commissions/commissions-list/components/commission-rules-table/use-commission-rules-query.tsx
+var useCommissionRulesQuery = ({
+  prefix,
+  pageSize = 20
+} = {}) => {
+  const queryObject = useQueryParams(
+    ["offset", "q", "order", "is_enabled", "scope_type"],
+    prefix
+  );
+  const { offset, q, order, is_enabled, scope_type } = queryObject;
+  const searchParams = {
+    limit: pageSize,
+    offset: offset ? Number(offset) : 0,
+    order: order || void 0,
+    q: q || void 0,
+    is_enabled: is_enabled ? is_enabled === "true" : void 0,
+    scope_type: scope_type ? scope_type.split(",") : void 0
+  };
+  return { searchParams, raw: queryObject };
+};
+
+// src/pages/commissions/commissions-list/components/commission-rules-table/commission-rules-data-table.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var PAGE_SIZE = 20;
+var CommissionRulesDataTable = () => {
+  const { t } = useTranslation3();
+  const { searchParams, raw } = useCommissionRulesQuery({ pageSize: PAGE_SIZE });
+  const filters = useCommissionRulesFilters();
+  const {
+    commission_rates,
+    count,
+    isPending: isLoading,
+    isError,
+    error
+  } = useCommissionRules(
+    {
+      ...searchParams,
+      is_default: false,
+      fields: "id,name,code,type,value,currency_code,is_enabled,*rules,*values"
+    },
+    {
+      placeholderData: keepPreviousData
+    }
+  );
+  const data = useMemo2(
+    () => commission_rates ?? [],
+    [commission_rates]
+  );
+  const allRules = useMemo2(
+    () => data.flatMap((rate) => rate.rules ?? []),
+    [data]
+  );
+  const { names } = useScopeReferenceNames(allRules);
+  const columns = useColumns(names);
+  const { table } = useDataTable({
+    data,
+    columns,
+    count: count ?? 0,
+    enablePagination: true,
+    getRowId: (row) => row.id,
+    pageSize: PAGE_SIZE
+  });
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsx2(
+    _DataTable,
+    {
+      table,
+      columns,
+      count: count ?? 0,
+      pageSize: PAGE_SIZE,
+      isLoading,
+      queryObject: raw,
+      filters,
+      navigateTo: (row) => `${row.original.id}`,
+      noRecords: {
+        title: t("commissions.rules.empty.heading"),
+        message: t("commissions.rules.empty.description")
+      },
+      pagination: true,
+      search: true,
+      orderBy: [
+        { key: "name", label: t("commissions.rules.columns.rule") },
+        { key: "created_at", label: t("fields.createdAt") },
+        { key: "updated_at", label: t("fields.updatedAt") }
+      ]
+    }
+  );
+};
+var CommissionRuleRowActions = ({ rule }) => {
+  const { t } = useTranslation3();
+  const handleDelete = useDeleteCommissionRuleAction(rule);
+  return /* @__PURE__ */ jsx2(
+    ActionMenu,
+    {
+      groups: [
+        {
+          actions: [
+            {
+              label: t("actions.edit"),
+              to: `/settings/commissions/${rule.id}/edit`,
+              icon: /* @__PURE__ */ jsx2(PencilSquare2, {})
+            }
+          ]
+        },
+        {
+          actions: [
+            {
+              label: t("actions.delete"),
+              onClick: handleDelete,
+              icon: /* @__PURE__ */ jsx2(Trash, {})
+            }
+          ]
+        }
+      ]
+    }
+  );
+};
+var columnHelper = createColumnHelper();
+var useColumns = (names) => {
+  const { t } = useTranslation3();
+  return useMemo2(
+    () => [
+      columnHelper.accessor("name", {
+        header: () => /* @__PURE__ */ jsx2(TextHeader, { text: t("commissions.rules.columns.rule") }),
+        cell: ({ getValue }) => /* @__PURE__ */ jsx2(TextCell, { text: getValue() })
+      }),
+      columnHelper.display({
+        id: "type",
+        header: () => /* @__PURE__ */ jsx2(TextHeader, { text: t("commissions.rules.columns.type") }),
+        cell: ({ row }) => /* @__PURE__ */ jsx2(TextCell, { text: getScopeTypeLabel(row.original.rules, t) })
+      }),
+      columnHelper.display({
+        id: "scope",
+        header: () => /* @__PURE__ */ jsx2(TextHeader, { text: t("commissions.rules.columns.scope") }),
+        cell: ({ row }) => /* @__PURE__ */ jsx2(TextCell, { text: getScopeSummary(row.original.rules, names) })
+      }),
+      columnHelper.display({
+        id: "value",
+        header: () => /* @__PURE__ */ jsx2(TextHeader, { text: t("commissions.rules.columns.value") }),
+        cell: ({ row }) => /* @__PURE__ */ jsx2(TextCell, { text: formatCommissionValue(row.original) })
+      }),
+      columnHelper.accessor("is_enabled", {
+        header: () => /* @__PURE__ */ jsx2(TextHeader, { text: t("commissions.rules.columns.status") }),
+        cell: ({ getValue }) => {
+          const props = getIsActiveProps(getValue(), t);
+          return /* @__PURE__ */ jsx2(StatusCell, { color: props.color, children: props.label });
+        }
+      }),
+      columnHelper.display({
+        id: "actions",
+        cell: ({ row }) => /* @__PURE__ */ jsx2(CommissionRuleRowActions, { rule: row.original })
+      })
+    ],
+    [t, names]
+  );
+};
+
+// src/pages/commissions/commissions-list/components/commission-rules-table/commission-rules-header.tsx
+import { Button, Heading as Heading2 } from "@medusajs/ui";
+import { useTranslation as useTranslation4 } from "react-i18next";
+import { Link } from "react-router-dom";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var CommissionRulesHeader = () => {
+  const { t } = useTranslation4();
+  return /* @__PURE__ */ jsxs2("div", { className: "flex items-center justify-between px-6 py-4", children: [
+    /* @__PURE__ */ jsx3(Heading2, { children: t("commissions.rules.title") }),
+    /* @__PURE__ */ jsx3(Button, { size: "small", variant: "secondary", asChild: true, children: /* @__PURE__ */ jsx3(Link, { to: "create", children: t("actions.create") }) })
+  ] });
+};
+
+// src/pages/commissions/commissions-list/components/commission-rules-table/commission-rules-table.tsx
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+var CommissionRulesTable = () => {
+  return /* @__PURE__ */ jsxs3(Container2, { className: "divide-y p-0", children: [
+    /* @__PURE__ */ jsx4(CommissionRulesHeader, {}),
+    /* @__PURE__ */ jsx4(CommissionRulesDataTable, {})
+  ] });
+};
+
+// src/pages/commissions/commissions-list/commissions-page.tsx
+import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+var Root = ({ children }) => {
+  return /* @__PURE__ */ jsx5(SingleColumnPage, { hasOutlet: true, "data-testid": "commissions-page", children: /* @__PURE__ */ jsx5(WidgetZone, { id: "commissions.list", children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsxs4(Fragment2, { children: [
+    /* @__PURE__ */ jsx5(GlobalCommissionSection, {}),
+    /* @__PURE__ */ jsx5(CommissionRulesTable, {})
+  ] }) }) });
+};
+var CommissionsPage = Object.assign(Root, {
+  GlobalCommission: GlobalCommissionSection,
+  RulesTable: CommissionRulesTable
+});
+
+export {
+  CommissionsPage
+};

package/dist/{chunk-LD7NVG2X.js → chunk-P2DFLKCN.js}

@@ -1,11 +1,11 @@
 import {
   AttributeValueInput
-} from "./chunk-M5AJSIRN.js";
+} from "./chunk-DJD3MWED.js";
 import {
   TabbedForm,
   defineTabMeta,
   useTabbedForm
-} from "./chunk-4LXBQTFN.js";
+} from "./chunk-FREUYHMS.js";
 import {
   RouteFocusModal,
   useRouteModal
@@ -15,14 +15,14 @@ import {
 } from "./chunk-3QSRE5LS.js";
 import {
   PRODUCT_DETAIL_QUERY
-} from "./chunk-GVEF6UDT.js";
+} from "./chunk-6BAPAIQM.js";
 import {
   require_dist
-} from "./chunk-F5H5JZQZ.js";
+} from "./chunk-VYSB4CTB.js";
 import {
   useCreateProductVariant,
   useProduct
-} from "./chunk-ZRFWXNT3.js";
+} from "./chunk-MMKUMSZS.js";
 import {
   __toESM
 } from "./chunk-NBMM2TZK.js";

package/dist/{chunk-634XVU3D.js → chunk-PAYQJPGK.js}

@@ -48,7 +48,14 @@ var NoRecords = ({
           icon,
           /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-y-1", children: [
             /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", weight: "plus", children: title ?? t("general.noRecordsTitle") }),
-            /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted", children: message ?? t("general.noRecordsMessage") })
+            /* @__PURE__ */ jsx(
+              Text,
+              {
+                size: "small",
+                className: "text-ui-fg-muted whitespace-pre-line text-center",
+                children: message ?? t("general.noRecordsMessage")
+              }
+            )
           ] })
         ] }),
         buttonVariant === "default" && /* @__PURE__ */ jsx(DefaultButton, { action }),