@mercurjs/dashboard-shared 2.2.1 → 2.3.0-canary.0

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import { QueryKey, UseQueryOptions } from '@tanstack/react-query';
-import { ProductChangeActionDTO, HttpTypes, AttributeType, ProductAttributeBatchInput, ProductAttributeDTO } from '@mercurjs/types';
+import { ProductChangeActionDTO, HttpTypes, AttributeType, ProductAttributeBatchInput, ProductAttributeDTO, OfferDTO } from '@mercurjs/types';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React$1 from 'react';
 import React__default, { ReactNode, PropsWithChildren, ComponentPropsWithoutRef, CSSProperties, ComponentType, Ref, RefCallback } from 'react';
@@ -236,8 +236,9 @@ type NoResultsProps = {
     title?: string;
     message?: string;
     className?: string;
+    icon?: React__default.ReactNode;
 };
-declare const NoResults: ({ title, message, className }: NoResultsProps) => react_jsx_runtime.JSX.Element;
+declare const NoResults: ({ title, message, className, icon, }: NoResultsProps) => react_jsx_runtime.JSX.Element;
 type ActionProps = {
     action?: {
         to: string;
@@ -1147,6 +1148,10 @@ interface DataTableRootProps<TData> {
      * Whether the table is empty due to no results from the active query
      */
     noResults?: boolean;
+    /**
+     * Props forwarded to the NoResults empty state (title / message / icon)
+     */
+    noResultsProps?: Pick<NoResultsProps, "title" | "message" | "icon">;
     /**
      * Whether to display the tables header
      */
@@ -1157,16 +1162,17 @@ interface DataTableRootProps<TData> {
     layout?: "fill" | "fit";
 }
 
-interface DataTableProps<TData> extends Omit<DataTableRootProps<TData>, "noResults">, DataTableQueryProps<TData> {
+interface DataTableProps<TData> extends Omit<DataTableRootProps<TData>, "noResults" | "noResultsProps">, DataTableQueryProps<TData> {
     isLoading?: boolean;
     pageSize: number;
     queryObject?: Record<string, any>;
-    noRecords?: Pick<NoResultsProps, "title" | "message">;
+    noRecords?: Pick<NoRecordsProps, "title" | "message" | "icon" | "action">;
+    noResults?: Pick<NoResultsProps, "title" | "message" | "icon">;
 }
 /**
  * @deprecated Use the DataTable component from "/components/data-table" instead
  */
-declare const _DataTable: <TData>({ table, columns, pagination, navigateTo, commands, count, search, orderBy, filters, prefix, queryObject, pageSize, isLoading, noHeader, layout, noRecords: noRecordsProps, }: DataTableProps<TData>) => react_jsx_runtime.JSX.Element;
+declare const _DataTable: <TData>({ table, columns, pagination, navigateTo, commands, count, search, orderBy, filters, prefix, queryObject, pageSize, isLoading, noHeader, layout, noRecords: noRecordsProps, noResults: noResultsProps, }: DataTableProps<TData>) => react_jsx_runtime.JSX.Element;
 
 type Option = {
     label: string;
@@ -1621,4 +1627,92 @@ interface UseExtendableFormProps<TSchema extends ZodObject<Record<string, z.ZodT
  */
 declare const useExtendableForm: <TSchema extends ZodObject<Record<string, z.ZodTypeAny>>, TContext = unknown, TTransformedValues extends FieldValues | undefined = undefined>({ schema: baseSchema, defaultValues: baseDefaultValues, model, data, zone, tab, ...props }: UseExtendableFormProps<TSchema, TContext>) => react_hook_form.UseFormReturn<WithAdditionalData<z.TypeOf<TSchema>>, TContext, TTransformedValues>;
 
-export { type Action, type ActionGroup, ActionMenu, AddressForm, type AttributeChange, type AttributeChangeKind, AttributeValueInput, BadgeListSummary, ChipGroup, CodeCell, CodeHeader, type Command, ConditionalTooltip, ConfirmPrompt, type ConfirmPromptProps, type CoreNavItem, CreatedAtCell, CreatedAtHeader, type CustomFieldsModule, CustomerInfo, DataGrid, DataTable, DateCell, DateHeader, DateRangeDisplay, DisplayExtensionZone, type DisplayExtensionZoneProps, DisplayField, type DisplayFieldProps, DisplaySection, type DisplaySectionField, type DisplaySectionProps, type EditAttributeAttribute, EditAttributeForm, type EditAttributeFormProps, EmailCell, EmailForm, EmailHeader, type ExtendableTable, ExtensionProvider, type ExtensionProviderProps, ExtensionRegistry, type FieldDiff, FilePreview, type FileType, FileUpload, type FileUploadProps, type Filter, FilterGroup, Form, FormExtensionZone, type FormExtensionZoneProps, GeneralSectionSkeleton, HeadingSkeleton, IconAvatar, IconButtonSkeleton, ImageAvatar, type ImageRef, IncludesTaxTooltip, InfiniteList, JsonViewSection, JsonViewSectionSkeleton, LinkButton, ListBadge, ListSummary, Listicle, type ListicleProps, type MediaDiff, MetadataForm, MetadataSection, MoneyAmountCell, NameCell, NameHeader, type NavigationModule, NoRecords, NoResults, type NoResultsProps, OrderBy, PlaceholderCell, type ProductAttributeBatchPayload, ProductAttributeSection, type ProductAttributeSectionProps, type ProductChangeAttribute, ProductChangePanel, type ProductChangePanelProps, type ProductChangeProduct, type ProductChangeResolvers, type ProductChangeVariant, type ProductChangeView, ProgressBar, Query, REFERENCE_FIELDS, type ReferenceField, type ResolvedAttribute, type ResolvedDisplays, type ResolvedFormField, RouteDrawer, RouteFocusModal, SectionRow, type SectionRowProps, SegmentedControl, type SegmentedControlOption, SidebarLink, type SidebarLinkProps, SingleColumnPage, SingleColumnPageSkeleton, Skeleton, SortableList, SortableTree, StackedDrawer, StackedFocusModal, StatusCell, SwitchBox, type TQueryKey, type TabDefinition, TabbedForm, TableFooterSkeleton, TableSectionSkeleton, TableSkeleton, TextCell, TextHeader, TextSkeleton, Thumbnail, TwoColumnPage, TwoColumnPageSkeleton, type UseExtendableFormProps, type UseExtendableTableProps, type UseQueryOptionsWrapper, type VariantGroup, type Widget, type WidgetModule, type WidgetPlacement, WidgetZone, type WidgetZoneProps, type ZoneWidgets, _DataTable, applyNavOverrides, buildAdditionalDataDefaults, buildAdditionalDataSchema, buildProductChangeView, createDataGridHelper, createDataGridPriceColumns, createFormHelper, extractReferenceIds, formatFieldValue, getExtensionRegistry, getLinkQuery, humanizeFieldName, isImageList, isReferenceField, linkFields, productChangeViewHasContent, queryKeysFactory, useCombinedRefs, useCommandHistory, useDataTable, useDate, useDisplayFieldOverride, useDocumentDirection, useExtendableForm, useExtendableTable, useExtension, useLinkQuery, useQueryParams, useRouteModal, useStackedModal, useTabManagement, useTabbedForm, withLinkFields };
+/**
+ * Re-implementation of enums from `@medusajs/medusa` as they cannot be imported
+ * directly. Shared by the admin and vendor price-list surfaces.
+ */
+declare enum PriceListStatus {
+    ACTIVE = "active",
+    DRAFT = "draft"
+}
+declare enum PriceListDateStatus {
+    SCHEDULED = "scheduled",
+    EXPIRED = "expired"
+}
+declare enum PriceListType {
+    SALE = "sale",
+    OVERRIDE = "override"
+}
+
+/**
+ * The Prices grid is keyed by **offer**, not variant: the same product sold by
+ * two sellers must show as two separate groups (product + seller) with their own
+ * variant rows, never merged. Each offer row binds prices to `offers.<offer_id>`.
+ */
+type PriceListGridGroupRow = {
+    __group: true;
+    id: string;
+    product_title: string;
+    product_thumbnail?: string | null;
+    seller_name: string;
+};
+type PriceListGridOfferRow = {
+    __group: false;
+    id: string;
+    offer_id: string;
+    variant_id: string;
+    variant_title: string;
+    product_id: string;
+    seller_name: string;
+    sku: string;
+};
+type PriceListGridRow = PriceListGridGroupRow | PriceListGridOfferRow;
+declare const isPriceListGroupRow: (row: PriceListGridRow) => row is PriceListGridGroupRow;
+type ProductWithVariants = {
+    variants?: {
+        id: string;
+        title?: string | null;
+    }[] | null;
+};
+/**
+ * Turn the selected offers + their products into the interleaved grid rows for
+ * the Prices grid: one group header per (product, seller) followed by that
+ * seller's variant/offer rows. The same product from two sellers yields two
+ * separate groups. Also returns offer_id -> variant_id for seeding the form.
+ */
+declare const buildOfferGridData: (offers: OfferDTO[], products: ProductWithVariants[]) => {
+    gridData: PriceListGridRow[];
+    variantIdByOffer: Record<string, string>;
+};
+
+declare const getPriceListStatus: (t: TFunction<"translation">, priceList: HttpTypes.AdminPriceList) => {
+    color: "green" | "grey" | "orange" | "red";
+    text: string;
+    status: string;
+};
+declare const isProductRow: (row: HttpTypes.AdminProduct | HttpTypes.AdminProductVariant) => row is HttpTypes.AdminProduct;
+type OfferCurrencyPrice = {
+    amount?: string | number;
+};
+type ExtractableOffer = {
+    variant_id: string;
+    currency_prices?: Record<string, OfferCurrencyPrice | undefined>;
+    region_prices?: Record<string, OfferCurrencyPrice | undefined>;
+};
+type ExtractableOffers = Record<string, ExtractableOffer>;
+/**
+ * Build the API price payload from the offer-keyed grid state. Each price
+ * carries its `offer_id` rule so the override is scoped to that seller's offer
+ * and never leaks onto another seller's offer of the same variant.
+ */
+declare const extractPricesFromOffers: (offers: ExtractableOffers, regions: HttpTypes.AdminRegion[]) => {
+    amount: number;
+    rules: {
+        region_id?: string | undefined;
+        offer_id: string;
+    };
+    currency_code: string;
+    variant_id: string;
+}[];
+
+export { type Action, type ActionGroup, ActionMenu, AddressForm, type AttributeChange, type AttributeChangeKind, AttributeValueInput, BadgeListSummary, ChipGroup, CodeCell, CodeHeader, type Command, ConditionalTooltip, ConfirmPrompt, type ConfirmPromptProps, type CoreNavItem, CreatedAtCell, CreatedAtHeader, type CustomFieldsModule, CustomerInfo, DataGrid, DataTable, DateCell, DateHeader, DateRangeDisplay, DisplayExtensionZone, type DisplayExtensionZoneProps, DisplayField, type DisplayFieldProps, DisplaySection, type DisplaySectionField, type DisplaySectionProps, type EditAttributeAttribute, EditAttributeForm, type EditAttributeFormProps, EmailCell, EmailForm, EmailHeader, type ExtendableTable, ExtensionProvider, type ExtensionProviderProps, ExtensionRegistry, type ExtractableOffer, type ExtractableOffers, type FieldDiff, FilePreview, type FileType, FileUpload, type FileUploadProps, type Filter, FilterGroup, Form, FormExtensionZone, type FormExtensionZoneProps, GeneralSectionSkeleton, HeadingSkeleton, IconAvatar, IconButtonSkeleton, ImageAvatar, type ImageRef, IncludesTaxTooltip, InfiniteList, JsonViewSection, JsonViewSectionSkeleton, LinkButton, ListBadge, ListSummary, Listicle, type ListicleProps, type MediaDiff, MetadataForm, MetadataSection, MoneyAmountCell, NameCell, NameHeader, type NavigationModule, NoRecords, type NoRecordsProps, NoResults, type NoResultsProps, OrderBy, PlaceholderCell, PriceListDateStatus, type PriceListGridGroupRow, type PriceListGridOfferRow, type PriceListGridRow, PriceListStatus, PriceListType, type ProductAttributeBatchPayload, ProductAttributeSection, type ProductAttributeSectionProps, type ProductChangeAttribute, ProductChangePanel, type ProductChangePanelProps, type ProductChangeProduct, type ProductChangeResolvers, type ProductChangeVariant, type ProductChangeView, ProgressBar, Query, REFERENCE_FIELDS, type ReferenceField, type ResolvedAttribute, type ResolvedDisplays, type ResolvedFormField, RouteDrawer, RouteFocusModal, SectionRow, type SectionRowProps, SegmentedControl, type SegmentedControlOption, SidebarLink, type SidebarLinkProps, SingleColumnPage, SingleColumnPageSkeleton, Skeleton, SortableList, SortableTree, StackedDrawer, StackedFocusModal, StatusCell, SwitchBox, type TQueryKey, type TabDefinition, TabbedForm, TableFooterSkeleton, TableSectionSkeleton, TableSkeleton, TextCell, TextHeader, TextSkeleton, Thumbnail, TwoColumnPage, TwoColumnPageSkeleton, type UseExtendableFormProps, type UseExtendableTableProps, type UseQueryOptionsWrapper, type VariantGroup, type Widget, type WidgetModule, type WidgetPlacement, WidgetZone, type WidgetZoneProps, type ZoneWidgets, _DataTable, applyNavOverrides, buildAdditionalDataDefaults, buildAdditionalDataSchema, buildOfferGridData, buildProductChangeView, createDataGridHelper, createDataGridPriceColumns, createFormHelper, extractPricesFromOffers, extractReferenceIds, formatFieldValue, getExtensionRegistry, getLinkQuery, getPriceListStatus, humanizeFieldName, isImageList, isPriceListGroupRow, isProductRow, isReferenceField, linkFields, productChangeViewHasContent, queryKeysFactory, useCombinedRefs, useCommandHistory, useDataTable, useDate, useDisplayFieldOverride, useDocumentDirection, useExtendableForm, useExtendableTable, useExtension, useLinkQuery, useQueryParams, useRouteModal, useStackedModal, useTabManagement, useTabbedForm, withLinkFields };

package/dist/index.js

@@ -9901,6 +9901,48 @@ var require_promotion_cost = __commonJS({
   }
 });
 
+// ../types/dist/review/common.js
+var require_common42 = __commonJS({
+  "../types/dist/review/common.js"(exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+  }
+});
+
+// ../types/dist/review/mutation.js
+var require_mutation3 = __commonJS({
+  "../types/dist/review/mutation.js"(exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+  }
+});
+
+// ../types/dist/review/index.js
+var require_review = __commonJS({
+  "../types/dist/review/index.js"(exports) {
+    "use strict";
+    var __createBinding = exports && exports.__createBinding || (Object.create ? (function(o, m, k, k2) {
+      if (k2 === void 0) k2 = k;
+      var desc = Object.getOwnPropertyDescriptor(m, k);
+      if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+        desc = { enumerable: true, get: function() {
+          return m[k];
+        } };
+      }
+      Object.defineProperty(o, k2, desc);
+    }) : (function(o, m, k, k2) {
+      if (k2 === void 0) k2 = k;
+      o[k2] = m[k];
+    }));
+    var __exportStar = exports && exports.__exportStar || function(m, exports2) {
+      for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports2, p)) __createBinding(exports2, m, p);
+    };
+    Object.defineProperty(exports, "__esModule", { value: true });
+    __exportStar(require_common42(), exports);
+    __exportStar(require_mutation3(), exports);
+  }
+});
+
 // ../types/dist/product/status.js
 var require_status = __commonJS({
   "../types/dist/product/status.js"(exports) {
@@ -9917,7 +9959,7 @@ var require_status = __commonJS({
 });
 
 // ../types/dist/product/common.js
-var require_common42 = __commonJS({
+var require_common43 = __commonJS({
   "../types/dist/product/common.js"(exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
@@ -9983,7 +10025,7 @@ var require_product5 = __commonJS({
       for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports2, p)) __createBinding(exports2, m, p);
     };
     Object.defineProperty(exports, "__esModule", { value: true });
-    __exportStar(require_common42(), exports);
+    __exportStar(require_common43(), exports);
     __exportStar(require_mutations26(), exports);
   }
 });
@@ -10008,6 +10050,7 @@ var require_modules = __commonJS({
       MercurModules2["ADMIN_UI"] = "admin_ui";
       MercurModules2["CODEGEN"] = "codegen";
       MercurModules2["PROMOTION_COST"] = "promotion_cost";
+      MercurModules2["REVIEW"] = "review";
     })(MercurModules || (exports.MercurModules = MercurModules = {}));
   }
 });
@@ -10096,6 +10139,7 @@ var require_dist2 = __commonJS({
     __exportStar(require_payout2(), exports);
     __exportStar(require_offer2(), exports);
     __exportStar(require_promotion_cost(), exports);
+    __exportStar(require_review(), exports);
     var status_1 = require_status();
     Object.defineProperty(exports, "ProductStatus", { enumerable: true, get: function() {
       return status_1.ProductStatus;
@@ -10122,12 +10166,10 @@ var queryKeysFactory = (globalKey) => {
   const queryKeyFactory = {
     all: [globalKey],
     lists: () => [...queryKeyFactory.all, "list"],
-    // @ts-expect-error
     list: (query) => [...queryKeyFactory.lists(), query ? { query } : void 0].filter(
       (k) => !!k
     ),
     details: () => [...queryKeyFactory.all, "detail"],
-    // @ts-expect-error
     detail: (id, query) => [...queryKeyFactory.details(), id, query ? { query } : void 0].filter(
       (k) => !!k
     )
@@ -12769,7 +12811,12 @@ import { Button as Button2, Text as Text3, clx as clx6 } from "@medusajs/ui";
 import { useTranslation as useTranslation7 } from "react-i18next";
 import { Link as Link3 } from "react-router-dom";
 import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
-var NoResults = ({ title, message, className }) => {
+var NoResults = ({
+  title,
+  message,
+  className,
+  icon = /* @__PURE__ */ jsx9(MagnifyingGlass, {})
+}) => {
   const { t: t2 } = useTranslation7();
   return /* @__PURE__ */ jsx9(
     "div",
@@ -12779,7 +12826,7 @@ var NoResults = ({ title, message, className }) => {
         className
       ),
       children: /* @__PURE__ */ jsxs8("div", { className: "flex flex-col items-center gap-y-2", children: [
-        /* @__PURE__ */ jsx9(MagnifyingGlass, {}),
+        icon,
         /* @__PURE__ */ jsx9(Text3, { size: "small", leading: "compact", weight: "plus", children: title ?? t2("general.noResultsTitle") }),
         /* @__PURE__ */ jsx9(Text3, { size: "small", className: "text-ui-fg-subtle", children: message ?? t2("general.noResultsMessage") })
       ] })
@@ -16521,7 +16568,7 @@ var useDataGridCellSnapshot = ({
   form
 }) => {
   const [snapshot, setSnapshot] = useState9(null);
-  const { getValues, setValue: setValue2 } = form;
+  const { getValues: getValues2, setValue: setValue2 } = form;
   const createSnapshot = useCallback4(
     (cell) => {
       if (!cell) {
@@ -16531,7 +16578,7 @@ var useDataGridCellSnapshot = ({
       if (!field) {
         return null;
       }
-      const value = getValues(field);
+      const value = getValues2(field);
       setSnapshot((curr) => {
         if (curr?.field === field) {
           return curr;
@@ -16539,7 +16586,7 @@ var useDataGridCellSnapshot = ({
         return { field, value };
       });
     },
-    [getValues, matrix]
+    [getValues2, matrix]
   );
   const restoreSnapshot = useCallback4(() => {
     if (!snapshot) {
@@ -16767,18 +16814,18 @@ var useDataGridFormHandlers = ({
   form,
   anchor
 }) => {
-  const { getValues, reset } = form;
+  const { getValues: getValues2, reset } = form;
   const getSelectionValues = useCallback8(
     (fields) => {
       if (!fields.length) {
         return [];
       }
-      const allValues = getValues();
+      const allValues = getValues2();
       return fields.map((field) => {
         return field.split(".").reduce((obj, key) => obj?.[key], allValues);
       });
     },
-    [getValues]
+    [getValues2]
   );
   const setSelectionValues = useCallback8(
     async (fields, values, isHistory) => {
@@ -16790,7 +16837,7 @@ var useDataGridFormHandlers = ({
         return;
       }
       const convertedValues = convertArrayToPrimitive(values, type);
-      const currentValues = getValues();
+      const currentValues = getValues2();
       fields.forEach((field, index) => {
         if (!field) {
           return;
@@ -16805,7 +16852,7 @@ var useDataGridFormHandlers = ({
         keepDefaultValues: true
       });
     },
-    [matrix, anchor, getValues, reset]
+    [matrix, anchor, getValues2, reset]
   );
   return {
     getSelectionValues,
@@ -16935,7 +16982,7 @@ var useDataGridKeydownEvent = ({
   setSingleRange,
   setRangeEnd,
   onEditingChangeHandler,
-  getValues,
+  getValues: getValues2,
   setValue: setValue2,
   execute,
   undo,
@@ -17055,7 +17102,7 @@ var useDataGridKeydownEvent = ({
         return;
       }
       createSnapshot(anchor2);
-      const current = getValues(field);
+      const current = getValues2(field);
       const next = "";
       const command = new DataGridUpdateCommand({
         next,
@@ -17070,7 +17117,7 @@ var useDataGridKeydownEvent = ({
       execute(command);
       input.focus();
     },
-    [matrix, queryTool, getValues, execute, setValue2, createSnapshot]
+    [matrix, queryTool, getValues2, execute, setValue2, createSnapshot]
   );
   const handleSpaceKeyTogglableNumber = useCallback9(
     (anchor2) => {
@@ -17080,7 +17127,7 @@ var useDataGridKeydownEvent = ({
         return;
       }
       createSnapshot(anchor2);
-      const current = getValues(field);
+      const current = getValues2(field);
       let checked = current.checked;
       if (!current.disabledToggle) {
         checked = false;
@@ -17099,7 +17146,7 @@ var useDataGridKeydownEvent = ({
       execute(command);
       input.focus();
     },
-    [matrix, queryTool, getValues, execute, setValue2, createSnapshot]
+    [matrix, queryTool, getValues2, execute, setValue2, createSnapshot]
   );
   const handleSpaceKey = useCallback9(
     (e) => {
@@ -17203,7 +17250,7 @@ var useDataGridKeydownEvent = ({
       if (!field) {
         return;
       }
-      const current = getValues(field);
+      const current = getValues2(field);
       let next;
       if (typeof current === "boolean") {
         next = !current;
@@ -17223,7 +17270,7 @@ var useDataGridKeydownEvent = ({
       execute(command);
       handleMoveOnEnter(e, anchor2);
     },
-    [execute, getValues, handleMoveOnEnter, matrix, setValue2]
+    [execute, getValues2, handleMoveOnEnter, matrix, setValue2]
   );
   const handleEnterKey = useCallback9(
     (e) => {
@@ -19139,7 +19186,7 @@ var DataGridRoot = ({
   const {
     register,
     control,
-    getValues,
+    getValues: getValues2,
     setValue: setValue2,
     formState: { errors }
   } = state;
@@ -19369,7 +19416,7 @@ var DataGridRoot = ({
     setTrapActive,
     setRangeEnd,
     getSelectionValues,
-    getValues,
+    getValues: getValues2,
     setSelectionValues,
     onEditingChangeHandler,
     restoreSnapshot,
@@ -25016,7 +25063,7 @@ var SelectFilter = ({
             return /* @__PURE__ */ jsxs58(
               Command.Item,
               {
-                className: "bg-ui-bg-base hover:bg-ui-bg-base-hover aria-selected:bg-ui-bg-base-pressed focus-visible:bg-ui-bg-base-pressed text-ui-fg-base data-[disabled]:text-ui-fg-disabled txt-compact-small relative flex cursor-pointer select-none items-center gap-x-2 rounded-md px-2 py-1.5 outline-none transition-colors data-[disabled]:pointer-events-none",
+                className: "bg-ui-bg-base hover:bg-ui-bg-base-hover aria-selected:bg-ui-bg-base-pressed focus-visible:bg-ui-bg-base-pressed text-ui-fg-base data-[disabled=true]:text-ui-fg-disabled txt-compact-small relative flex cursor-pointer select-none items-center gap-x-2 rounded-md px-2 py-1.5 outline-none transition-colors data-[disabled=true]:pointer-events-none",
                 value: option.label,
                 onSelect: () => {
                   handleSelect(option.value);
@@ -25583,6 +25630,7 @@ var DataTableRoot = ({
   commands,
   count = 0,
   noResults = false,
+  noResultsProps,
   noHeader = false,
   layout = "fit"
 }) => {
@@ -25748,7 +25796,7 @@ var DataTableRoot = ({
                   row.id
                 );
               }) })
-            ] }) : /* @__PURE__ */ jsx88("div", { className: clx44({ "border-b": layout === "fit" }), children: /* @__PURE__ */ jsx88(NoResults, {}) })
+            ] }) : /* @__PURE__ */ jsx88("div", { className: clx44({ "border-b": layout === "fit" }), children: /* @__PURE__ */ jsx88(NoResults, { ...noResultsProps }) })
           }
         ),
         pagination && /* @__PURE__ */ jsx88("div", { className: clx44({ "border-t": layout === "fill" }), children: /* @__PURE__ */ jsx88(
@@ -25825,7 +25873,8 @@ var _DataTable = ({
   isLoading = false,
   noHeader = false,
   layout = "fit",
-  noRecords: noRecordsProps = {}
+  noRecords: noRecordsProps = {},
+  noResults: noResultsProps = {}
 }) => {
   if (isLoading) {
     return /* @__PURE__ */ jsx89(
@@ -25841,7 +25890,7 @@ var _DataTable = ({
     );
   }
   const noQuery = Object.values(queryObject).filter((v) => Boolean(v)).length === 0;
-  const noResults = !isLoading && count === 0 && !noQuery;
+  const showNoResults = !isLoading && count === 0 && !noQuery;
   const noRecords = !isLoading && count === 0 && noQuery;
   if (noRecords) {
     return /* @__PURE__ */ jsx89(
@@ -25879,7 +25928,8 @@ var _DataTable = ({
             pagination: true,
             navigateTo,
             commands,
-            noResults,
+            noResults: showNoResults,
+            noResultsProps,
             noHeader,
             layout
           }
@@ -26203,6 +26253,163 @@ var useDataTable2 = ({
   });
   return { table };
 };
+
+// src/price-lists/constants.ts
+var PriceListStatus = /* @__PURE__ */ ((PriceListStatus2) => {
+  PriceListStatus2["ACTIVE"] = "active";
+  PriceListStatus2["DRAFT"] = "draft";
+  return PriceListStatus2;
+})(PriceListStatus || {});
+var PriceListDateStatus = /* @__PURE__ */ ((PriceListDateStatus2) => {
+  PriceListDateStatus2["SCHEDULED"] = "scheduled";
+  PriceListDateStatus2["EXPIRED"] = "expired";
+  return PriceListDateStatus2;
+})(PriceListDateStatus || {});
+var PriceListType = /* @__PURE__ */ ((PriceListType2) => {
+  PriceListType2["SALE"] = "sale";
+  PriceListType2["OVERRIDE"] = "override";
+  return PriceListType2;
+})(PriceListType || {});
+
+// src/price-lists/build-offer-grid-data.ts
+var isPriceListGroupRow = (row) => row.__group === true;
+var buildOfferGridData = (offers, products) => {
+  const variantTitle = {};
+  const variantOrder = {};
+  for (const product of products) {
+    ;
+    (product.variants ?? []).forEach((variant, index) => {
+      variantTitle[variant.id] = variant.title ?? "";
+      variantOrder[variant.id] = index;
+    });
+  }
+  const variantIdByOffer = {};
+  const groups = /* @__PURE__ */ new Map();
+  for (const offer of offers) {
+    variantIdByOffer[offer.id] = offer.variant_id;
+    const key = `${offer.product_id}::${offer.seller_id}`;
+    const group = groups.get(key);
+    if (group) {
+      group.offers.push(offer);
+    } else {
+      groups.set(key, {
+        product_title: offer.product?.title ?? "",
+        product_thumbnail: offer.product?.thumbnail ?? null,
+        seller_name: offer.seller?.name ?? "",
+        offers: [offer]
+      });
+    }
+  }
+  const gridData = [];
+  for (const [key, group] of groups) {
+    gridData.push({
+      __group: true,
+      id: `group-${key}`,
+      product_title: group.product_title,
+      product_thumbnail: group.product_thumbnail,
+      seller_name: group.seller_name
+    });
+    const sortedOffers = [...group.offers].sort((a, b) => {
+      const oa = variantOrder[a.variant_id];
+      const ob = variantOrder[b.variant_id];
+      if (oa !== void 0 && ob !== void 0 && oa !== ob) {
+        return oa - ob;
+      }
+      return (variantTitle[a.variant_id] ?? a.sku ?? "").localeCompare(
+        variantTitle[b.variant_id] ?? b.sku ?? ""
+      );
+    });
+    for (const offer of sortedOffers) {
+      gridData.push({
+        __group: false,
+        id: offer.id,
+        offer_id: offer.id,
+        variant_id: offer.variant_id,
+        variant_title: variantTitle[offer.variant_id] ?? offer.sku ?? "",
+        product_id: offer.product_id,
+        seller_name: group.seller_name,
+        sku: offer.sku ?? ""
+      });
+    }
+  }
+  return { gridData, variantIdByOffer };
+};
+
+// src/price-lists/utils.ts
+import i18n from "i18next";
+var castNumber = (number) => typeof number === "string" ? Number(number.replace(",", ".")) : number;
+var getValues = (priceList) => {
+  const startsAt = priceList.starts_at;
+  const endsAt = priceList.ends_at;
+  const isExpired = endsAt ? new Date(endsAt) < /* @__PURE__ */ new Date() : false;
+  const isScheduled = startsAt ? new Date(startsAt) > /* @__PURE__ */ new Date() : false;
+  const isDraft = priceList.status === "draft" /* DRAFT */;
+  return {
+    isExpired,
+    isScheduled,
+    isDraft
+  };
+};
+var getPriceListStatus = (t2, priceList) => {
+  const { isExpired, isScheduled, isDraft } = getValues(priceList);
+  let text = t2("priceLists.fields.status.options.active");
+  let color = "green";
+  let status = "active" /* ACTIVE */;
+  if (isDraft) {
+    color = "grey";
+    text = t2("priceLists.fields.status.options.draft");
+    status = "draft" /* DRAFT */;
+  }
+  if (isExpired) {
+    color = "red";
+    text = t2("priceLists.fields.status.options.expired");
+    status = "expired" /* EXPIRED */;
+  }
+  if (isScheduled) {
+    color = "orange";
+    text = t2("priceLists.fields.status.options.scheduled");
+    status = "scheduled" /* SCHEDULED */;
+  }
+  return {
+    color,
+    text,
+    status
+  };
+};
+var isProductRow = (row) => {
+  return "variants" in row;
+};
+var extractPricesFromOffers = (offers, regions) => {
+  return Object.entries(offers).flatMap(([offerId, offer]) => {
+    const extractPriceDetails = (price, priceType, id) => {
+      const currencyCode = priceType === "currency" ? id : regions.find((r) => r.id === id)?.currency_code;
+      if (!currencyCode) {
+        throw new Response(
+          JSON.stringify({
+            message: i18n.t("validation.currencyCodeNotFound")
+          }),
+          { status: 400, headers: { "Content-Type": "application/json" } }
+        );
+      }
+      return {
+        amount: castNumber(price.amount),
+        rules: {
+          offer_id: offerId,
+          ...priceType === "region" ? { region_id: id } : {}
+        },
+        currency_code: currencyCode,
+        variant_id: offer.variant_id
+      };
+    };
+    const currencyPrices = Object.entries(offer.currency_prices || {}).flatMap(
+      ([currencyCode, currencyPrice]) => currencyPrice?.amount ? [extractPriceDetails(currencyPrice, "currency", currencyCode)] : []
+    );
+    const regionPrices = Object.entries(offer.region_prices || {}).flatMap(
+      ([regionId, regionPrice]) => regionPrice?.amount ? [extractPriceDetails(regionPrice, "region", regionId)] : []
+    );
+    return [...currencyPrices, ...regionPrices];
+  });
+};
 export {
   ActionMenu,
   AddressForm,
@@ -26257,6 +26464,9 @@ export {
   NoResults,
   OrderBy,
   PlaceholderCell,
+  PriceListDateStatus,
+  PriceListStatus,
+  PriceListType,
   ProductAttributeSection,
   ProductChangePanel,
   ProgressBar,
@@ -26291,16 +26501,21 @@ export {
   applyNavOverrides,
   buildAdditionalDataDefaults,
   buildAdditionalDataSchema,
+  buildOfferGridData,
   buildProductChangeView,
   createDataGridHelper,
   createDataGridPriceColumns,
   createFormHelper,
+  extractPricesFromOffers,
   extractReferenceIds,
   formatFieldValue,
   getExtensionRegistry,
   getLinkQuery,
+  getPriceListStatus,
   humanizeFieldName,
   isImageList,
+  isPriceListGroupRow,
+  isProductRow,
   isReferenceField,
   linkFields,
   productChangeViewHasContent,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mercurjs/dashboard-shared",
-  "version": "2.2.1",
+  "version": "2.3.0-canary.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/mercurjs/mercur",
@@ -23,7 +23,7 @@
     "build": "tsup"
   },
   "dependencies": {
-    "@mercurjs/client": "2.2.1",
+    "@mercurjs/client": "2.3.0-canary.0",
     "@ariakit/react": "^0.4.15",
     "@babel/runtime": "^8.0.0",
     "@dnd-kit/core": "^6.1.0",
@@ -63,9 +63,9 @@
     "zod": "4.4.3"
   },
   "devDependencies": {
-    "@mercurjs/types": "2.2.1",
-    "@mercurjs/core": "2.2.1",
-    "@mercurjs/dashboard-sdk": "2.2.1",
+    "@mercurjs/types": "2.3.0-canary.0",
+    "@mercurjs/core": "2.3.0-canary.0",
+    "@mercurjs/dashboard-sdk": "2.3.0-canary.0",
     "tsup": "^8.0.2",
     "typescript": "5.9.3",
     "@types/lodash.debounce": "^4.0.8",