@mercurjs/admin 2.2.0-canary.39 → 2.2.0-canary.41

package/dist/{chunk-SLKOHWKT.js → chunk-3L4IFGRJ.js}

@@ -1,6 +1,6 @@
 import {
   InventoryItemGeneralSection
-} from "./chunk-LFKTHNWI.js";
+} from "./chunk-APAT344J.js";
 import {
   getFormattedCountry
 } from "./chunk-W6Y3PPU5.js";
@@ -23,7 +23,7 @@ import {
 import {
   _DataTable,
   useDataTable
-} from "./chunk-HSL5IICN.js";
+} from "./chunk-6ZVV2XHU.js";
 import {
   useDate
 } from "./chunk-UZWFZMOX.js";
@@ -59,10 +59,12 @@ import {
 // src/pages/inventory/inventory-detail/inventory-detail.tsx
 import { Children } from "react";
 import { useLoaderData, useParams } from "react-router-dom";
+import { WidgetZone } from "@mercurjs/dashboard-shared";
 
 // src/pages/inventory/inventory-detail/components/inventory-item-attributes/attributes-section.tsx
 import { Container, Heading } from "@medusajs/ui";
 import { PencilSquare } from "@medusajs/icons";
+import { DisplayExtensionZone } from "@mercurjs/dashboard-shared";
 import { useTranslation } from "react-i18next";
 import { jsx, jsxs } from "react/jsx-runtime";
 var InventoryItemAttributeSection = ({
@@ -104,12 +106,21 @@ var InventoryItemAttributeSection = ({
         value: getFormattedCountry(inventoryItem.origin_country),
         "data-testid": "inventory-item-country-of-origin-row"
       }
+    ),
+    /* @__PURE__ */ jsx(
+      DisplayExtensionZone,
+      {
+        model: "inventory_item",
+        zone: "attributes",
+        data: inventoryItem
+      }
     )
   ] });
 };
 
 // src/pages/inventory/inventory-detail/components/inventory-item-location-levels.tsx
 import { Button, Container as Container2, Heading as Heading2 } from "@medusajs/ui";
+import { DisplayExtensionZone as DisplayExtensionZone2 } from "@mercurjs/dashboard-shared";
 import { useTranslation as useTranslation3 } from "react-i18next";
 import { Link } from "react-router-dom";
 
@@ -340,7 +351,15 @@ var InventoryItemLocationLevelsSection = ({
             ]
           }
         ),
-        /* @__PURE__ */ jsx4(ItemLocationListTable, { inventory_item_id: inventoryItem.id })
+        /* @__PURE__ */ jsx4(ItemLocationListTable, { inventory_item_id: inventoryItem.id }),
+        /* @__PURE__ */ jsx4(
+          DisplayExtensionZone2,
+          {
+            model: "inventory_item",
+            zone: "locations",
+            data: inventoryItem
+          }
+        )
       ]
     }
   );
@@ -348,6 +367,7 @@ var InventoryItemLocationLevelsSection = ({
 
 // src/pages/inventory/inventory-detail/components/inventory-item-reservations.tsx
 import { Button as Button2, Container as Container3, Heading as Heading3 } from "@medusajs/ui";
+import { DisplayExtensionZone as DisplayExtensionZone3 } from "@mercurjs/dashboard-shared";
 import { useTranslation as useTranslation7 } from "react-i18next";
 import { Link as Link2 } from "react-router-dom";
 
@@ -591,13 +611,22 @@ var InventoryItemReservationsSection = ({
       /* @__PURE__ */ jsx9(Heading3, { "data-testid": "inventory-item-reservations-title", children: t("reservations.domain") }),
       /* @__PURE__ */ jsx9(Button2, { size: "small", variant: "secondary", asChild: true, "data-testid": "inventory-create-reservation-button", children: /* @__PURE__ */ jsx9(Link2, { to: `/reservations/create?item_id=${inventoryItem.id}`, "data-testid": "inventory-create-reservation-link", children: t("actions.create") }) })
     ] }),
-    /* @__PURE__ */ jsx9(ReservationItemTable, { inventoryItem })
+    /* @__PURE__ */ jsx9(ReservationItemTable, { inventoryItem }),
+    /* @__PURE__ */ jsx9(
+      DisplayExtensionZone3,
+      {
+        model: "inventory_item",
+        zone: "reservations",
+        data: inventoryItem
+      }
+    )
   ] });
 };
 
 // src/pages/inventory/inventory-detail/components/inventory-item-variants/variants-section.tsx
 import { TriangleRightMini } from "@medusajs/icons";
 import { Container as Container4, Heading as Heading4 } from "@medusajs/ui";
+import { DisplayExtensionZone as DisplayExtensionZone4 } from "@mercurjs/dashboard-shared";
 import { useTranslation as useTranslation8 } from "react-i18next";
 import { Link as Link3 } from "react-router-dom";
 import { jsx as jsx10, jsxs as jsxs4 } from "react/jsx-runtime";
@@ -633,7 +662,15 @@ var InventoryItemVariantsSection = ({
         },
         variant.id
       );
-    }) })
+    }) }),
+    /* @__PURE__ */ jsx10(
+      DisplayExtensionZone4,
+      {
+        model: "inventory_item",
+        zone: "variants",
+        data: variants
+      }
+    )
   ] });
 };
 
@@ -674,7 +711,7 @@ var Root = ({ children }) => {
     throw error;
   }
   return Children.count(children) > 0 ? /* @__PURE__ */ jsx11(TwoColumnPage, { data: inventory_item, showJSON: true, showMetadata: true, "data-testid": "inventory-detail-page", children }) : /* @__PURE__ */ jsxs5(TwoColumnPage, { data: inventory_item, showJSON: true, showMetadata: true, "data-testid": "inventory-detail-page", children: [
-    /* @__PURE__ */ jsxs5(TwoColumnPage.Main, { "data-testid": "inventory-detail-main", children: [
+    /* @__PURE__ */ jsx11(TwoColumnPage.Main, { "data-testid": "inventory-detail-main", children: /* @__PURE__ */ jsxs5(WidgetZone, { id: "inventory.detail.main", data: inventory_item, children: [
       /* @__PURE__ */ jsx11(InventoryItemGeneralSection, { inventoryItem: inventory_item }),
       /* @__PURE__ */ jsx11(
         InventoryItemLocationLevelsSection,
@@ -683,8 +720,8 @@ var Root = ({ children }) => {
         }
       ),
       /* @__PURE__ */ jsx11(InventoryItemReservationsSection, { inventoryItem: inventory_item })
-    ] }),
-    /* @__PURE__ */ jsxs5(TwoColumnPage.Sidebar, { "data-testid": "inventory-detail-sidebar", children: [
+    ] }) }),
+    /* @__PURE__ */ jsx11(TwoColumnPage.Sidebar, { "data-testid": "inventory-detail-sidebar", children: /* @__PURE__ */ jsxs5(WidgetZone, { id: "inventory.detail.side", data: inventory_item, children: [
       inventory_item.variants && inventory_item.variants?.length > 0 && /* @__PURE__ */ jsx11(
         InventoryItemVariantsSection,
         {
@@ -692,7 +729,7 @@ var Root = ({ children }) => {
         }
       ),
       /* @__PURE__ */ jsx11(InventoryItemAttributeSection, { inventoryItem: inventory_item })
-    ] })
+    ] }) })
   ] });
 };
 var InventoryDetailPage = Object.assign(Root, {

package/dist/{chunk-MYJJMHR5.js → chunk-4BPQNCF5.js}

@@ -1,7 +1,7 @@
 import {
   _DataTable,
   useDataTable
-} from "./chunk-HSL5IICN.js";
+} from "./chunk-6ZVV2XHU.js";
 import {
   SingleColumnPage
 } from "./chunk-H6MYB7GB.js";

package/dist/{chunk-VSLKILOI.js → chunk-4RLXMDIJ.js}

@@ -6,7 +6,7 @@ import {
   CategoryHeader,
   ProductStatusCell,
   ProductStatusHeader
-} from "./chunk-WBSUHLO7.js";
+} from "./chunk-RMB7MPIT.js";
 import {
   ProductCell,
   ProductHeader
@@ -19,7 +19,7 @@ import {
 } from "./chunk-THHRRYRS.js";
 import {
   require_dist
-} from "./chunk-YZBEJ3CY.js";
+} from "./chunk-VYSB4CTB.js";
 import {
   useProductTags
 } from "./chunk-ABS7HMLY.js";

package/dist/{chunk-5GVJXMOU.js → chunk-4XYSIVPO.js}

@@ -1,6 +1,6 @@
 import {
   AttributeValueInput
-} from "./chunk-5K5VNKSE.js";
+} from "./chunk-DJD3MWED.js";
 import {
   TabbedForm,
   defineTabMeta,
@@ -18,7 +18,7 @@ import {
 } from "./chunk-6BAPAIQM.js";
 import {
   require_dist
-} from "./chunk-YZBEJ3CY.js";
+} from "./chunk-VYSB4CTB.js";
 import {
   useCreateProductVariant,
   useProduct

package/dist/{chunk-PSGHE5YJ.js → chunk-5DAFNAZJ.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-KOURHC2N.js";
 import {
   useSellersTableQuery
-} from "./chunk-WKTRJNOK.js";
+} from "./chunk-COOOOQ2N.js";
 import {
   DateCell
 } from "./chunk-25LYVP3C.js";
@@ -13,13 +13,13 @@ import {
 import {
   _DataTable,
   useDataTable
-} from "./chunk-HSL5IICN.js";
+} from "./chunk-6ZVV2XHU.js";
 import {
   SingleColumnPage
 } from "./chunk-H6MYB7GB.js";
 import {
   require_dist
-} from "./chunk-YZBEJ3CY.js";
+} from "./chunk-VYSB4CTB.js";
 import {
   useSellers
 } from "./chunk-BILFRATX.js";
@@ -32,6 +32,7 @@ import {
 
 // src/pages/stores/store-list/store-list.tsx
 import { Children as Children3 } from "react";
+import { WidgetZone } from "@mercurjs/dashboard-shared";
 
 // src/pages/stores/store-list/components/store-list-table/store-list-table.tsx
 import { Children as Children2 } from "react";
@@ -44,7 +45,8 @@ import { useTranslation } from "react-i18next";
 import { Link } from "react-router-dom";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var StoreListTitle = () => {
-  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Heading, { level: "h2", children: "Stores" }) });
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Heading, { level: "h2", children: t("stores.domain") }) });
 };
 var StoreListActions = ({
   children
@@ -68,7 +70,10 @@ import { useNavigate } from "react-router-dom";
 import { Checkbox } from "@medusajs/ui";
 import { PencilSquare } from "@medusajs/icons";
 import { keepPreviousData } from "@tanstack/react-query";
-import { createColumnHelper as createColumnHelper2 } from "@tanstack/react-table";
+import {
+  createColumnHelper as createColumnHelper2
+} from "@tanstack/react-table";
+import { useExtendableTable } from "@mercurjs/dashboard-shared";
 
 // src/hooks/table/columns/use-seller-table-columns.tsx
 import { createColumnHelper } from "@tanstack/react-table";
@@ -154,8 +159,12 @@ var StoreListDataTable = () => {
       placeholderData: keepPreviousData
     }
   );
-  const columns = useColumns();
-  const filters = useSellerTableFilters();
+  const { columns, filters: extFilters } = useColumns();
+  const baseFilters = useSellerTableFilters();
+  const filters = useMemo2(
+    () => [...baseFilters, ...extFilters],
+    [baseFilters, extFilters]
+  );
   const { table } = useDataTable({
     data: sellers ?? [],
     columns,
@@ -223,40 +232,48 @@ var StoreActions = ({ seller }) => {
 };
 var useColumns = () => {
   const base = useSellersTableColumns();
-  return useMemo2(
-    () => [
-      columnHelper2.display({
-        id: "select",
-        header: ({ table }) => {
-          return /* @__PURE__ */ jsx4(
-            Checkbox,
-            {
-              checked: table.getIsSomePageRowsSelected() ? "indeterminate" : table.getIsAllPageRowsSelected(),
-              onCheckedChange: (value) => table.toggleAllPageRowsSelected(!!value)
-            }
-          );
-        },
-        cell: ({ row }) => {
-          return /* @__PURE__ */ jsx4(
-            Checkbox,
-            {
-              checked: row.getIsSelected(),
-              onCheckedChange: (value) => row.toggleSelected(!!value),
-              onClick: (e) => {
-                e.stopPropagation();
-              }
+  const selectColumn = useMemo2(
+    () => columnHelper2.display({
+      id: "select",
+      header: ({ table }) => {
+        return /* @__PURE__ */ jsx4(
+          Checkbox,
+          {
+            checked: table.getIsSomePageRowsSelected() ? "indeterminate" : table.getIsAllPageRowsSelected(),
+            onCheckedChange: (value) => table.toggleAllPageRowsSelected(!!value)
+          }
+        );
+      },
+      cell: ({ row }) => {
+        return /* @__PURE__ */ jsx4(
+          Checkbox,
+          {
+            checked: row.getIsSelected(),
+            onCheckedChange: (value) => row.toggleSelected(!!value),
+            onClick: (e) => {
+              e.stopPropagation();
             }
-          );
-        }
-      }),
-      ...base,
+          }
+        );
+      }
+    }),
+    []
+  );
+  const { columns: extended, filters } = useExtendableTable({
+    model: "store",
+    columns: [selectColumn, ...base]
+  });
+  const columns = useMemo2(
+    () => [
+      ...extended,
       columnHelper2.display({
         id: "actions",
         cell: ({ row }) => /* @__PURE__ */ jsx4(StoreActions, { seller: row.original })
       })
     ],
-    [base]
+    [extended]
   );
+  return { columns, filters };
 };
 
 // src/pages/stores/store-list/components/store-list-table/store-list-table.tsx
@@ -271,7 +288,7 @@ var StoreListTable = ({ children }) => {
 // src/pages/stores/store-list/store-list.tsx
 import { jsx as jsx6 } from "react/jsx-runtime";
 var Root = ({ children }) => {
-  return /* @__PURE__ */ jsx6(SingleColumnPage, { hasOutlet: true, children: Children3.count(children) > 0 ? children : /* @__PURE__ */ jsx6(StoreListTable, {}) });
+  return /* @__PURE__ */ jsx6(SingleColumnPage, { hasOutlet: true, children: /* @__PURE__ */ jsx6(WidgetZone, { id: "stores.list", children: Children3.count(children) > 0 ? children : /* @__PURE__ */ jsx6(StoreListTable, {}) }) });
 };
 var StoreListPage = Object.assign(Root, {
   Table: StoreListTable,

package/dist/{chunk-BLR3NTU6.js → chunk-5PNM6QNB.js}

@@ -381,6 +381,8 @@ var CreateCategoryForm = ({
   return /* @__PURE__ */ jsx3(
     TabbedForm,
     {
+      model: "category",
+      zone: "create",
       form,
       onSubmit: handleSubmit,
       isLoading: isPending,

package/dist/{chunk-YUUDST4E.js → chunk-5UT374IW.js}

@@ -1,6 +1,6 @@
 import {
   ProductMediaSection
-} from "./chunk-BVIIRGSW.js";
+} from "./chunk-F3F4JC7E.js";
 import {
   SectionRow
 } from "./chunk-3XPXUIK3.js";
@@ -16,13 +16,13 @@ import {
 import {
   _DataTable,
   useDataTable
-} from "./chunk-HSL5IICN.js";
+} from "./chunk-6ZVV2XHU.js";
 import {
   useQueryParams
 } from "./chunk-THHRRYRS.js";
 import {
   require_dist
-} from "./chunk-YZBEJ3CY.js";
+} from "./chunk-VYSB4CTB.js";
 import {
   useSeller
 } from "./chunk-BILFRATX.js";
@@ -55,6 +55,7 @@ import {
 // src/pages/products/product-detail/product-detail.tsx
 import { Children } from "react";
 import { useLoaderData, useParams } from "react-router-dom";
+import { WidgetZone } from "@mercurjs/dashboard-shared";
 
 // src/pages/products/product-detail/components/product-active-edit-section/product-active-edit-section.tsx
 var import_types = __toESM(require_dist(), 1);
@@ -306,6 +307,7 @@ import { useState as useState3 } from "react";
 import { Button as Button2, Container, Heading, Text as Text2, toast as toast2 } from "@medusajs/ui";
 import { ExclamationCircleSolid } from "@medusajs/icons";
 import { useTranslation as useTranslation3 } from "react-i18next";
+import { DisplayExtensionZone } from "@mercurjs/dashboard-shared";
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 var ProductActiveRequestSection = ({
   product
@@ -451,7 +453,8 @@ var ProductActiveRequestSection = ({
             isLoading: isRejecting,
             onConfirm: handleReject
           }
-        )
+        ),
+        /* @__PURE__ */ jsx3(DisplayExtensionZone, { model: "product", zone: "request", data: product })
       ]
     }
   );
@@ -476,6 +479,7 @@ import {
   usePrompt
 } from "@medusajs/ui";
 import { useTranslation as useTranslation4 } from "react-i18next";
+import { DisplayExtensionZone as DisplayExtensionZone2 } from "@mercurjs/dashboard-shared";
 import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 var AttributeActions = ({
   productId,
@@ -655,7 +659,8 @@ var ProductAttributeSection = ({
         attributes: infoAttributes,
         productId: product.id
       }
-    )
+    ),
+    /* @__PURE__ */ jsx4(DisplayExtensionZone2, { model: "product", zone: "attributes", data: product })
   ] });
 };
 
@@ -664,7 +669,16 @@ import { PencilSquare as PencilSquare2, Trash as Trash2 } from "@medusajs/icons"
 import { Container as Container3, Heading as Heading3, StatusBadge, usePrompt as usePrompt2 } from "@medusajs/ui";
 import { useTranslation as useTranslation5 } from "react-i18next";
 import { useNavigate } from "react-router-dom";
+import { DisplayExtensionZone as DisplayExtensionZone3, DisplayField } from "@mercurjs/dashboard-shared";
 import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+var GENERAL_FIELD_IDS = [
+  "title",
+  "status",
+  "description",
+  "subtitle",
+  "handle",
+  "discountable"
+];
 var productStatusColor = (status) => {
   switch (status) {
     case "draft":
@@ -711,7 +725,7 @@ var ProductGeneralSection = ({
         className: "flex items-center justify-between px-6 py-4",
         "data-testid": "product-general-header",
         children: [
-          /* @__PURE__ */ jsx5(Heading3, { "data-testid": "product-general-title", children: product.title }),
+          /* @__PURE__ */ jsx5(DisplayField, { model: "product", zone: "general", id: "title", data: product, children: /* @__PURE__ */ jsx5(Heading3, { "data-testid": "product-general-title", children: product.title }) }),
           /* @__PURE__ */ jsxs5(
             "div",
             {
@@ -719,11 +733,20 @@ var ProductGeneralSection = ({
               "data-testid": "product-general-actions",
               children: [
                 /* @__PURE__ */ jsx5(
-                  StatusBadge,
+                  DisplayField,
                   {
-                    color: productStatusColor(product.status),
-                    "data-testid": "product-status-badge",
-                    children: t(`products.productStatus.${product.status}`)
+                    model: "product",
+                    zone: "general",
+                    id: "status",
+                    data: product,
+                    children: /* @__PURE__ */ jsx5(
+                      StatusBadge,
+                      {
+                        color: productStatusColor(product.status),
+                        "data-testid": "product-status-badge",
+                        children: t(`products.productStatus.${product.status}`)
+                      }
+                    )
                   }
                 ),
                 /* @__PURE__ */ jsx5(
@@ -758,36 +781,54 @@ var ProductGeneralSection = ({
         ]
       }
     ),
-    /* @__PURE__ */ jsx5(
+    /* @__PURE__ */ jsx5(DisplayField, { model: "product", zone: "general", id: "description", data: product, children: /* @__PURE__ */ jsx5(
       SectionRow,
       {
         title: t("fields.description"),
         value: product.description,
         "data-testid": "product-description-row"
       }
-    ),
-    /* @__PURE__ */ jsx5(
+    ) }),
+    /* @__PURE__ */ jsx5(DisplayField, { model: "product", zone: "general", id: "subtitle", data: product, children: /* @__PURE__ */ jsx5(
       SectionRow,
       {
         title: t("fields.subtitle"),
         value: product.subtitle,
         "data-testid": "product-subtitle-row"
       }
-    ),
-    /* @__PURE__ */ jsx5(
+    ) }),
+    /* @__PURE__ */ jsx5(DisplayField, { model: "product", zone: "general", id: "handle", data: product, children: /* @__PURE__ */ jsx5(
       SectionRow,
       {
         title: t("fields.handle"),
         value: `/${product.handle}`,
         "data-testid": "product-handle-row"
       }
+    ) }),
+    /* @__PURE__ */ jsx5(
+      DisplayField,
+      {
+        model: "product",
+        zone: "general",
+        id: "discountable",
+        data: product,
+        children: /* @__PURE__ */ jsx5(
+          SectionRow,
+          {
+            title: t("fields.discountable"),
+            value: product.discountable ? t("fields.true") : t("fields.false"),
+            "data-testid": "product-discountable-row"
+          }
+        )
+      }
     ),
     /* @__PURE__ */ jsx5(
-      SectionRow,
+      DisplayExtensionZone3,
       {
-        title: t("fields.discountable"),
-        value: product.discountable ? t("fields.true") : t("fields.false"),
-        "data-testid": "product-discountable-row"
+        model: "product",
+        zone: "general",
+        data: product,
+        builtInFieldIds: GENERAL_FIELD_IDS
       }
     )
   ] });
@@ -798,6 +839,7 @@ import { PencilSquare as PencilSquare3 } from "@medusajs/icons";
 import { Badge as Badge2, Container as Container4, Heading as Heading4, Tooltip as Tooltip2 } from "@medusajs/ui";
 import { useTranslation as useTranslation6 } from "react-i18next";
 import { Link } from "react-router-dom";
+import { DisplayExtensionZone as DisplayExtensionZone4 } from "@mercurjs/dashboard-shared";
 import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 var ProductOrganizationSection = ({
   product
@@ -893,7 +935,8 @@ var ProductOrganizationSection = ({
             ) : void 0,
             "data-testid": "product-type-row"
           }
-        )
+        ),
+        /* @__PURE__ */ jsx6(DisplayExtensionZone4, { model: "product", zone: "organize", data: product })
       ]
     }
   );
@@ -912,6 +955,7 @@ var OrganizationTag = ({ label, to }) => {
 // src/pages/products/product-detail/components/product-variant-section/product-variant-section.tsx
 import { useCallback, useMemo } from "react";
 import { PencilSquare as PencilSquare4, Trash as Trash3 } from "@medusajs/icons";
+import { DisplayExtensionZone as DisplayExtensionZone5 } from "@mercurjs/dashboard-shared";
 import {
   Badge as Badge3,
   Button as Button3,
@@ -999,7 +1043,8 @@ var ProductVariantSection = ({
           message: t("products.variants.empty.description")
         }
       }
-    )
+    ),
+    /* @__PURE__ */ jsx7(DisplayExtensionZone5, { model: "product", zone: "variants", data: product })
   ] });
 };
 var columnHelper = createColumnHelper();
@@ -1206,17 +1251,17 @@ var Root = ({ children }) => {
       showMetadata: true,
       "data-testid": "product-detail-page",
       children: [
-        /* @__PURE__ */ jsxs8(TwoColumnPage.Main, { "data-testid": "product-detail-main", children: [
+        /* @__PURE__ */ jsx8(TwoColumnPage.Main, { "data-testid": "product-detail-main", children: /* @__PURE__ */ jsxs8(WidgetZone, { id: "product.detail.main", data: product, children: [
           /* @__PURE__ */ jsx8(ProductActiveRequestSection, { product }),
           /* @__PURE__ */ jsx8(ProductActiveEditSection, { product }),
           /* @__PURE__ */ jsx8(ProductGeneralSection, { product }),
           /* @__PURE__ */ jsx8(ProductMediaSection, { product }),
           /* @__PURE__ */ jsx8(ProductVariantSection, { product })
-        ] }),
-        /* @__PURE__ */ jsxs8(TwoColumnPage.Sidebar, { "data-testid": "product-detail-sidebar", children: [
+        ] }) }),
+        /* @__PURE__ */ jsx8(TwoColumnPage.Sidebar, { "data-testid": "product-detail-sidebar", children: /* @__PURE__ */ jsxs8(WidgetZone, { id: "product.detail.side", data: product, children: [
           /* @__PURE__ */ jsx8(ProductOrganizationSection, { product }),
           /* @__PURE__ */ jsx8(ProductAttributeSection, { product })
-        ] })
+        ] }) })
       ]
     }
   );

package/dist/{chunk-2YAVXVET.js → chunk-6BWJWA2F.js}

@@ -10,7 +10,7 @@ import {
 import {
   _DataTable,
   useDataTable
-} from "./chunk-HSL5IICN.js";
+} from "./chunk-6ZVV2XHU.js";
 import {
   SingleColumnPage
 } from "./chunk-H6MYB7GB.js";

package/dist/{chunk-HSL5IICN.js → chunk-6ZVV2XHU.js}

@@ -734,7 +734,7 @@ var SelectFilter = ({
                 value: search,
                 onValueChange: setSearch,
                 className: "txt-compact-small placeholder:text-ui-fg-muted bg-transparent outline-none",
-                placeholder: "Search"
+                placeholder: t2("general.search")
               }
             ),
             /* @__PURE__ */ jsx4("div", { className: "flex h-5 w-5 items-center justify-center", children: /* @__PURE__ */ jsx4(