@mercurjs/vendor 2.2.1 → 2.3.0-canary.0

package/dist/{chunk-IWAL74YU.js → chunk-6GQLSWOO.js}

@@ -758,7 +758,7 @@ var SelectFilter = ({
             return /* @__PURE__ */ jsxs4(
               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);

package/dist/{chunk-HCUIYIIY.js → chunk-6OZQTHCR.js}

@@ -1,6 +1,6 @@
 import {
   useDeletePriceList
-} from "./chunk-2S2WK2OG.js";
+} from "./chunk-NV2RZAHW.js";
 
 // src/pages/price-lists/common/hooks/use-delete-price-list-action.tsx
 import { toast, usePrompt } from "@medusajs/ui";

package/dist/{chunk-RLRWDHME.js → chunk-6YQR2AWM.js}

@@ -155,34 +155,18 @@ var productVariantQueryKeys = queryKeysFactory(
   PRODUCT_VARIANT_QUERY_KEY
 );
 
-// src/hooks/api/regions.tsx
+// src/hooks/api/shipping-option-types.tsx
 import {
   useMutation as useMutation4,
   useQuery as useQuery7
 } from "@tanstack/react-query";
-var REGIONS_QUERY_KEY = "regions";
-var regionsQueryKeys = queryKeysFactory(REGIONS_QUERY_KEY);
-var useRegions = (query, options) => {
-  const { data, ...rest } = useQuery7({
-    queryFn: () => sdk.vendor.regions.query({ ...query }),
-    queryKey: regionsQueryKeys.list(query),
-    ...options
-  });
-  return { ...data, ...rest };
-};
-
-// src/hooks/api/shipping-option-types.tsx
-import {
-  useMutation as useMutation5,
-  useQuery as useQuery8
-} from "@tanstack/react-query";
 var SHIPPING_OPTION_TYPES_QUERY_KEY = "shipping_option_types";
 var shippingOptionTypesQueryKeys = queryKeysFactory(
   SHIPPING_OPTION_TYPES_QUERY_KEY
 );
 
 // src/hooks/api/store.tsx
-import { useQuery as useQuery9 } from "@tanstack/react-query";
+import { useQuery as useQuery8 } from "@tanstack/react-query";
 import { ClientError } from "@mercurjs/client";
 var STORE_QUERY_KEY = "store";
 var storeQueryKeys = queryKeysFactory(STORE_QUERY_KEY);
@@ -195,7 +179,7 @@ async function retrieveActiveStore(query) {
   return { store: activeStore };
 }
 var useStore = (query, options) => {
-  const { data, ...rest } = useQuery9({
+  const { data, ...rest } = useQuery8({
     queryFn: () => retrieveActiveStore(query),
     queryKey: storeQueryKeys.details(),
     ...options
@@ -213,7 +197,6 @@ export {
   useCreateInvite,
   notificationQueryKeys,
   useNotifications,
-  useRegions,
   storeQueryKeys,
   retrieveActiveStore,
   useStore,

package/dist/{chunk-26OOAKQ6.js → chunk-7H6NMQ6U.js}

@@ -13,6 +13,13 @@ var useDateTableFilters = () => {
   return dateFilters;
 };
 
+// src/hooks/table/filters/use-product-type-table-filters.tsx
+var useProductTypeTableFilters = () => {
+  const dateFilters = useDateTableFilters();
+  return dateFilters;
+};
+
 export {
-  useDateTableFilters
+  useDateTableFilters,
+  useProductTypeTableFilters
 };

package/dist/{chunk-SVYBMLVN.js → chunk-7J2QRH4V.js}

@@ -1,7 +1,7 @@
 import {
   FileUpload,
   formatFileSize
-} from "./chunk-UEKRQS5Q.js";
+} from "./chunk-6ECHPZS3.js";
 import {
   Form
 } from "./chunk-3QSRE5LS.js";

package/dist/chunk-7LIENHWP.js

@@ -0,0 +1,26 @@
+import {
+  queryKeysFactory
+} from "./chunk-ZA2KFUFR.js";
+import {
+  sdk
+} from "./chunk-DTGEFKK4.js";
+
+// src/hooks/api/regions.tsx
+import {
+  useMutation,
+  useQuery
+} from "@tanstack/react-query";
+var REGIONS_QUERY_KEY = "regions";
+var regionsQueryKeys = queryKeysFactory(REGIONS_QUERY_KEY);
+var useRegions = (query, options) => {
+  const { data, ...rest } = useQuery({
+    queryFn: () => sdk.vendor.regions.query({ ...query }),
+    queryKey: regionsQueryKeys.list(query),
+    ...options
+  });
+  return { ...data, ...rest };
+};
+
+export {
+  useRegions
+};

package/dist/{chunk-EPSRO7C5.js → chunk-7LIT4GXO.js}

@@ -1,9 +1,9 @@
 import {
   returnsQueryKeys
-} from "./chunk-XVBONKRV.js";
+} from "./chunk-RCMKDW6O.js";
 import {
   ordersQueryKeys
-} from "./chunk-OGUTFP6B.js";
+} from "./chunk-JYUHDM23.js";
 import {
   queryClient
 } from "./chunk-RHKRREUU.js";

package/dist/chunk-7POOMBIN.js

@@ -0,0 +1,108 @@
+import {
+  inventoryItemLevelsQueryKeys,
+  inventoryItemsQueryKeys
+} from "./chunk-EMUCGKHP.js";
+import {
+  queryClient
+} from "./chunk-RHKRREUU.js";
+import {
+  queryKeysFactory
+} from "./chunk-ZA2KFUFR.js";
+import {
+  sdk
+} from "./chunk-DTGEFKK4.js";
+
+// src/hooks/api/reservations.tsx
+import {
+  useMutation,
+  useQuery
+} from "@tanstack/react-query";
+var RESERVATION_ITEMS_QUERY_KEY = "reservation_items";
+var reservationItemsQueryKeys = queryKeysFactory(
+  RESERVATION_ITEMS_QUERY_KEY
+);
+var useReservationItem = (id, query, options) => {
+  const { data, ...rest } = useQuery({
+    queryKey: reservationItemsQueryKeys.detail(id, query),
+    queryFn: async () => sdk.vendor.reservations.$id.query({ $id: id, ...query }),
+    ...options
+  });
+  return { ...data, ...rest };
+};
+var useReservationItems = (query, options) => {
+  const { data, ...rest } = useQuery({
+    queryFn: () => sdk.vendor.reservations.query({ ...query }),
+    queryKey: reservationItemsQueryKeys.list(query),
+    ...options
+  });
+  return { ...data, ...rest };
+};
+var useUpdateReservationItem = (id, options) => {
+  return useMutation({
+    mutationFn: (payload) => sdk.vendor.reservations.$id.mutate({ $id: id, ...payload }),
+    onSuccess: (data, variables, context) => {
+      queryClient.invalidateQueries({
+        queryKey: reservationItemsQueryKeys.detail(id)
+      });
+      queryClient.invalidateQueries({
+        queryKey: reservationItemsQueryKeys.lists()
+      });
+      queryClient.invalidateQueries({
+        queryKey: inventoryItemsQueryKeys.details()
+      });
+      queryClient.invalidateQueries({
+        queryKey: inventoryItemLevelsQueryKeys.details()
+      });
+      options?.onSuccess?.(data, variables, context);
+    },
+    ...options
+  });
+};
+var useCreateReservationItem = (options) => {
+  return useMutation({
+    mutationFn: (payload) => sdk.vendor.reservations.mutate(payload),
+    onSuccess: (data, variables, context) => {
+      queryClient.invalidateQueries({
+        queryKey: reservationItemsQueryKeys.lists()
+      });
+      queryClient.invalidateQueries({
+        queryKey: inventoryItemsQueryKeys.details()
+      });
+      queryClient.invalidateQueries({
+        queryKey: inventoryItemLevelsQueryKeys.details()
+      });
+      options?.onSuccess?.(data, variables, context);
+    },
+    ...options
+  });
+};
+var useDeleteReservationItem = (id, options) => {
+  return useMutation({
+    mutationFn: () => sdk.vendor.reservations.$id.delete({ $id: id }),
+    onSuccess: (data, variables, context) => {
+      queryClient.invalidateQueries({
+        queryKey: reservationItemsQueryKeys.lists()
+      });
+      queryClient.invalidateQueries({
+        queryKey: reservationItemsQueryKeys.detail(id)
+      });
+      queryClient.invalidateQueries({
+        queryKey: inventoryItemsQueryKeys.details()
+      });
+      queryClient.invalidateQueries({
+        queryKey: inventoryItemLevelsQueryKeys.details()
+      });
+      options?.onSuccess?.(data, variables, context);
+    },
+    ...options
+  });
+};
+
+export {
+  reservationItemsQueryKeys,
+  useReservationItem,
+  useReservationItems,
+  useUpdateReservationItem,
+  useCreateReservationItem,
+  useDeleteReservationItem
+};

package/dist/{chunk-SDFZUBS3.js → chunk-CDZALZ5E.js}

@@ -13,7 +13,7 @@ import {
 import {
   _DataTable,
   useDataTable
-} from "./chunk-IWAL74YU.js";
+} from "./chunk-6GQLSWOO.js";
 import {
   useCustomers
 } from "./chunk-II3CLUXA.js";

package/dist/{chunk-72HQFLZI.js → chunk-CSEB2RNO.js}

@@ -1,6 +1,6 @@
 import {
   ordersQueryKeys
-} from "./chunk-OGUTFP6B.js";
+} from "./chunk-JYUHDM23.js";
 import {
   queryClient
 } from "./chunk-RHKRREUU.js";

package/dist/{chunk-X6ZQMFCT.js → chunk-DAOSTHVB.js}

@@ -1,6 +1,3 @@
-import {
-  isProductRow
-} from "./chunk-BNOKKKUU.js";
 import {
   DataGrid,
   createDataGridHelper,
@@ -11,7 +8,7 @@ import {
 } from "./chunk-WIYFXWRI.js";
 import {
   useRegions
-} from "./chunk-RLRWDHME.js";
+} from "./chunk-7LIENHWP.js";
 import {
   usePricePreferences
 } from "./chunk-BHEU34FL.js";
@@ -67,53 +64,63 @@ var usePriceListCurrencyData = () => {
 // src/pages/price-lists/common/hooks/use-price-list-grid-columns.tsx
 import { useMemo } from "react";
 import { useTranslation } from "react-i18next";
+import {
+  isPriceListGroupRow
+} from "@mercurjs/dashboard-shared";
 import { jsx, jsxs } from "react/jsx-runtime";
 var columnHelper = createDataGridHelper();
 var usePriceListGridColumns = ({
   currencies = [],
-  regions: _regions = [],
+  regions = [],
   pricePreferences = []
 }) => {
   const { t } = useTranslation();
   const colDefs = useMemo(() => {
     return [
       columnHelper.column({
-        id: t("fields.title"),
-        header: t("fields.title"),
+        id: t("priceLists.fields.offerVariant"),
+        header: t("priceLists.fields.offerVariant"),
         cell: (context) => {
-          const entity = context.row.original;
-          if (isProductRow(entity)) {
+          const row = context.row.original;
+          if (isPriceListGroupRow(row)) {
             return /* @__PURE__ */ jsx(DataGrid.ReadonlyCell, { context, children: /* @__PURE__ */ jsxs("div", { className: "flex h-full w-full items-center gap-x-2 overflow-hidden", children: [
-              /* @__PURE__ */ jsx(Thumbnail, { src: entity.thumbnail, size: "small" }),
-              /* @__PURE__ */ jsx("span", { className: "truncate", children: entity.title })
+              /* @__PURE__ */ jsx(Thumbnail, { src: row.product_thumbnail, size: "small" }),
+              /* @__PURE__ */ jsx("span", { className: "truncate font-medium", children: row.product_title })
             ] }) });
           }
-          return /* @__PURE__ */ jsx(DataGrid.ReadonlyCell, { context, color: "normal", children: /* @__PURE__ */ jsx("div", { className: "flex h-full w-full items-center gap-x-2 overflow-hidden", children: /* @__PURE__ */ jsx("span", { className: "truncate", children: entity.title }) }) });
+          return /* @__PURE__ */ jsx(DataGrid.ReadonlyCell, { context, color: "normal", children: /* @__PURE__ */ jsx("div", { className: "flex h-full w-full items-center gap-x-2 overflow-hidden", children: /* @__PURE__ */ jsx("span", { className: "truncate", children: row.variant_title }) }) });
         },
         disableHiding: true
       }),
+      columnHelper.column({
+        id: "offer_sku",
+        name: t("fields.sku"),
+        header: t("fields.sku"),
+        cell: (context) => {
+          const row = context.row.original;
+          const sku = isPriceListGroupRow(row) ? "" : row.sku;
+          return /* @__PURE__ */ jsx(DataGrid.ReadonlyCell, { context, children: /* @__PURE__ */ jsx("span", { className: "text-ui-fg-subtle truncate", children: sku }) });
+        }
+      }),
       ...createDataGridPriceColumns({
         currencies,
+        regions,
         pricePreferences,
-        isReadyOnly: (context) => {
-          const entity = context.row.original;
-          return isProductRow(entity);
-        },
+        isReadyOnly: (context) => isPriceListGroupRow(context.row.original),
         getFieldName: (context, value) => {
-          const entity = context.row.original;
-          if (isProductRow(entity)) {
+          const row = context.row.original;
+          if (isPriceListGroupRow(row)) {
             return null;
           }
           if (context.column.id?.startsWith("currency_prices")) {
-            return `products.${entity.product_id}.variants.${entity.id}.currency_prices.${value}.amount`;
+            return `offers.${row.offer_id}.currency_prices.${value}.amount`;
           }
-          return `products.${entity.product_id}.variants.${entity.id}.region_prices.${value}.amount`;
+          return `offers.${row.offer_id}.region_prices.${value}.amount`;
         },
-        t,
-        showCurrentPriceCell: true
+        t
       })
     ];
-  }, [t, currencies, pricePreferences]);
+  }, [t, currencies, regions, pricePreferences]);
   return colDefs;
 };
 
@@ -144,6 +151,12 @@ var PriceListCreateProductsSchema = z.record(
     variants: PriceListCreateProductVariantsSchema
   })
 );
+var PriceListCreateOfferSchema = z.object({
+  variant_id: z.string(),
+  currency_prices: z.record(PriceListCreateCurrencyPriceSchema.optional()),
+  region_prices: z.record(PriceListCreateRegionPriceSchema.optional())
+});
+var PriceListCreateOffersSchema = z.record(PriceListCreateOfferSchema);
 var PriceListUpdateCurrencyPriceSchema = z.object({
   amount: z.string().or(z.number()).optional(),
   id: z.string().nullish()
@@ -163,11 +176,17 @@ var PriceListUpdateProductsSchema = z.record(
     variants: PriceListUpdateProductVariantsSchema
   })
 );
+var PriceListUpdateOfferSchema = z.object({
+  variant_id: z.string(),
+  currency_prices: z.record(PriceListUpdateCurrencyPriceSchema.optional()),
+  region_prices: z.record(PriceListUpdateRegionPriceSchema.optional())
+});
+var PriceListUpdateOffersSchema = z.record(PriceListUpdateOfferSchema);
 
 export {
   usePriceListCurrencyData,
   usePriceListGridColumns,
   PriceListRulesSchema,
-  PriceListCreateProductsSchema,
-  PriceListUpdateProductsSchema
+  PriceListCreateOffersSchema,
+  PriceListUpdateOffersSchema
 };

package/dist/chunk-FKKI62AC.js

@@ -0,0 +1,282 @@
+import {
+  useCustomerGroupTableQuery
+} from "./chunk-VKOE5J66.js";
+import {
+  TextCell,
+  TextHeader
+} from "./chunk-JHIMVLB2.js";
+import {
+  useCustomerGroupTableFilters
+} from "./chunk-CMHI2RPL.js";
+import {
+  StackedDrawer,
+  StackedFocusModal,
+  useStackedModal
+} from "./chunk-GDWBOQI5.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-6GQLSWOO.js";
+import {
+  useCustomerGroups
+} from "./chunk-II3CLUXA.js";
+
+// src/pages/price-lists/common/components/price-list-customer-availability-selector/price-list-customer-availability-selector.tsx
+import { MagnifyingGlass, XMarkMini } from "@medusajs/icons";
+import { Button as Button2, Divider, IconButton, Text, clx } from "@medusajs/ui";
+import { useFieldArray } from "react-hook-form";
+import { useTranslation as useTranslation2 } from "react-i18next";
+
+// src/pages/price-lists/common/components/price-list-customer-group-rule-form/price-list-customer-group-rule-form.tsx
+import { Button, Checkbox } from "@medusajs/ui";
+import { keepPreviousData } from "@tanstack/react-query";
+import {
+  createColumnHelper
+} from "@tanstack/react-table";
+import { useEffect, useMemo, useState } from "react";
+import { useTranslation } from "react-i18next";
+import { jsx, jsxs } from "react/jsx-runtime";
+var PAGE_SIZE = 50;
+var PREFIX = "cg";
+var initRowSelection = (state) => {
+  return state.reduce((acc, group) => {
+    acc[group.id] = true;
+    return acc;
+  }, {});
+};
+var PriceListCustomerGroupRuleForm = ({
+  state,
+  setState,
+  type
+}) => {
+  const { t } = useTranslation();
+  const [rowSelection, setRowSelection] = useState(
+    initRowSelection(state)
+  );
+  const [intermediate, setIntermediate] = useState(state);
+  useEffect(() => {
+    setRowSelection(initRowSelection(state));
+    setIntermediate(state);
+  }, [state]);
+  const { searchParams, raw } = useCustomerGroupTableQuery({
+    pageSize: PAGE_SIZE,
+    prefix: PREFIX
+  });
+  const sortParam = raw.order ? raw.order.startsWith("-") ? raw.order : raw.order : void 0;
+  const { customer_groups: customerGroupsData, count, isLoading, isError, error } = useCustomerGroups(
+    { ...searchParams, fields: "id,name,customers.id" },
+    {
+      placeholderData: keepPreviousData
+    },
+    sortParam ? { sort: sortParam } : void 0
+  );
+  const customerGroups = customerGroupsData;
+  const updater = (value) => {
+    const state2 = typeof value === "function" ? value(rowSelection) : value;
+    const currentIds = Object.keys(rowSelection);
+    const ids = Object.keys(state2);
+    const newIds = ids.filter((id) => !currentIds.includes(id));
+    const removedIds = currentIds.filter((id) => !ids.includes(id));
+    const newCustomerGroups = customerGroups?.filter((cg) => newIds.includes(cg.id)).map((cg) => ({
+      id: cg.id,
+      name: cg.name
+    })) || [];
+    const filteredIntermediate = intermediate.filter(
+      (cg) => !removedIds.includes(cg.id)
+    );
+    setIntermediate([...filteredIntermediate, ...newCustomerGroups]);
+    setRowSelection(state2);
+  };
+  const handleSave = () => {
+    setState(intermediate);
+  };
+  const filters = useCustomerGroupTableFilters();
+  const columns = useColumns();
+  const { table } = useDataTable({
+    data: customerGroups || [],
+    columns,
+    count,
+    enablePagination: true,
+    enableRowSelection: true,
+    getRowId: (row) => row.id,
+    rowSelection: {
+      state: rowSelection,
+      updater
+    },
+    pageSize: PAGE_SIZE,
+    prefix: PREFIX
+  });
+  const Component = type === "focus" ? StackedFocusModal : StackedDrawer;
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "flex size-full flex-col overflow-hidden", children: [
+    /* @__PURE__ */ jsx(Component.Body, { className: "min-h-0 p-0", children: /* @__PURE__ */ jsx(
+      _DataTable,
+      {
+        table,
+        columns,
+        pageSize: PAGE_SIZE,
+        count,
+        isLoading,
+        filters,
+        layout: "fill",
+        pagination: true,
+        search: true,
+        prefix: PREFIX,
+        queryObject: raw,
+        orderBy: [
+          { key: "name", label: t("fields.name") },
+          { key: "created_at", label: t("fields.createdAt") },
+          { key: "updated_at", label: t("fields.updatedAt") }
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxs(Component.Footer, { children: [
+      /* @__PURE__ */ jsx(Component.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "secondary", size: "small", type: "button", children: t("actions.cancel") }) }),
+      /* @__PURE__ */ jsx(Button, { type: "button", size: "small", onClick: handleSave, children: t("actions.save") })
+    ] })
+  ] });
+};
+var columnHelper = createColumnHelper();
+var useColumns = () => {
+  const { t } = useTranslation();
+  return useMemo(
+    () => [
+      columnHelper.display({
+        id: "select",
+        header: ({ table }) => {
+          return /* @__PURE__ */ jsx(
+            Checkbox,
+            {
+              checked: table.getIsSomePageRowsSelected() ? "indeterminate" : table.getIsAllPageRowsSelected(),
+              onCheckedChange: (value) => table.toggleAllPageRowsSelected(!!value)
+            }
+          );
+        },
+        cell: ({ row }) => {
+          return /* @__PURE__ */ jsx(
+            Checkbox,
+            {
+              checked: row.getIsSelected(),
+              onCheckedChange: (value) => row.toggleSelected(!!value),
+              onClick: (e) => {
+                e.stopPropagation();
+              }
+            }
+          );
+        }
+      }),
+      columnHelper.accessor("name", {
+        header: () => /* @__PURE__ */ jsx(TextHeader, { text: t("fields.name") }),
+        cell: ({ row }) => {
+          return /* @__PURE__ */ jsx(
+            TextCell,
+            {
+              text: row.original?.name || "-"
+            }
+          );
+        }
+      })
+    ],
+    [t]
+  );
+};
+
+// src/pages/price-lists/common/components/price-list-customer-availability-selector/price-list-customer-availability-selector.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var PriceListCustomerAvailabilitySelector = ({
+  control,
+  name,
+  stackedId = "cg"
+}) => {
+  const { t } = useTranslation2();
+  const { setIsOpen } = useStackedModal();
+  const { fields, append, remove } = useFieldArray({
+    control,
+    name,
+    keyName: "cg_id"
+  });
+  const selected = fields;
+  const handleAdd = (groups) => {
+    const newIds = groups.map((group) => group.id);
+    const fieldsToAdd = groups.filter(
+      (group) => !selected.some((field) => field.id === group.id)
+    );
+    for (const field of selected) {
+      if (!newIds.includes(field.id)) {
+        remove(selected.indexOf(field));
+      }
+    }
+    append(fieldsToAdd);
+    setIsOpen(stackedId, false);
+  };
+  return /* @__PURE__ */ jsxs2(
+    "div",
+    {
+      className: clx(
+        "bg-ui-bg-component shadow-elevation-card-rest transition-fg grid gap-1.5 rounded-xl py-1.5",
+        "aria-[invalid='true']:shadow-borders-error"
+      ),
+      role: "application",
+      children: [
+        /* @__PURE__ */ jsxs2("div", { className: "text-ui-fg-subtle grid gap-1.5 px-1.5 md:grid-cols-2", children: [
+          /* @__PURE__ */ jsx2("div", { className: "bg-ui-bg-field shadow-borders-base txt-compact-small rounded-md px-2 py-1.5", children: t("priceLists.fields.customerAvailability.attribute") }),
+          /* @__PURE__ */ jsx2("div", { className: "bg-ui-bg-field shadow-borders-base txt-compact-small rounded-md px-2 py-1.5", children: t("operators.in") })
+        ] }),
+        /* @__PURE__ */ jsx2("div", { className: "flex items-center gap-1.5 px-1.5", children: /* @__PURE__ */ jsxs2(StackedFocusModal, { id: stackedId, children: [
+          /* @__PURE__ */ jsx2(StackedFocusModal.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs2(
+            "button",
+            {
+              type: "button",
+              className: "bg-ui-bg-field-component hover:bg-ui-bg-field-component-hover shadow-borders-base txt-compact-small text-ui-fg-muted transition-fg focus-visible:shadow-borders-interactive-with-active flex flex-1 items-center gap-x-2 rounded-md px-2 py-1.5 outline-none",
+              children: [
+                /* @__PURE__ */ jsx2(MagnifyingGlass, {}),
+                t("priceLists.fields.customerAvailability.placeholder")
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ jsx2(StackedFocusModal.Trigger, { asChild: true, children: /* @__PURE__ */ jsx2(Button2, { variant: "secondary", children: t("actions.browse") }) }),
+          /* @__PURE__ */ jsxs2(StackedFocusModal.Content, { children: [
+            /* @__PURE__ */ jsx2(StackedFocusModal.Header, {}),
+            /* @__PURE__ */ jsx2(
+              PriceListCustomerGroupRuleForm,
+              {
+                state: selected,
+                setState: handleAdd,
+                type: "focus"
+              }
+            )
+          ] })
+        ] }) }),
+        selected.length > 0 ? /* @__PURE__ */ jsxs2("div", { className: "flex flex-col gap-y-1.5", children: [
+          /* @__PURE__ */ jsx2(Divider, { variant: "dashed" }),
+          /* @__PURE__ */ jsx2("div", { className: "flex flex-col gap-y-1.5 px-1.5", children: selected.map((field, index) => /* @__PURE__ */ jsxs2(
+            "div",
+            {
+              className: "bg-ui-bg-field-component shadow-borders-base flex items-center justify-between gap-2 rounded-md px-2 py-0.5",
+              children: [
+                /* @__PURE__ */ jsx2(Text, { size: "small", leading: "compact", children: field.name }),
+                /* @__PURE__ */ jsx2(
+                  IconButton,
+                  {
+                    size: "small",
+                    variant: "transparent",
+                    type: "button",
+                    onClick: () => remove(index),
+                    children: /* @__PURE__ */ jsx2(XMarkMini, {})
+                  }
+                )
+              ]
+            },
+            field.cg_id
+          )) })
+        ] }) : null
+      ]
+    }
+  );
+};
+
+export {
+  PriceListCustomerAvailabilitySelector
+};