@mercurjs/vendor 2.2.0-rc.0 → 2.2.0-rc.2

package/dist/{chunk-LQSLDDPT.js → chunk-T35QBLG7.js}

@@ -15,7 +15,7 @@ var getOrderPaymentStatus = (t, status) => {
     ],
     awaiting: [t("orders.payment.status.awaiting"), "orange"],
     captured: [t("orders.payment.status.captured"), "green"],
-    refunded: [t("orders.payment.status.refunded"), "red"],
+    refunded: [t("orders.payment.status.refunded"), "green"],
     partially_refunded: [
       t("orders.payment.status.partiallyRefunded"),
       "orange"

package/dist/{chunk-7EXKHL5L.js → chunk-TDL742KZ.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-SPFLYPY6.js";
 import {
   useCustomerGroup
-} from "./chunk-OYUJYPDF.js";
+} from "./chunk-II3CLUXA.js";
 
 // src/pages/customer-groups/customer-group-detail/breadcrumb.tsx
 import { jsx } from "react/jsx-runtime";

package/dist/{chunk-6Q3J6ZMM.js → chunk-UDPMSL6L.js}

@@ -1,6 +1,6 @@
 import {
   useDeletePriceListAction
-} from "./chunk-IEVN722X.js";
+} from "./chunk-DSY5PNK6.js";
 import {
   getPriceListStatus
 } from "./chunk-XRNDVICA.js";
@@ -14,13 +14,13 @@ import {
 import {
   StatusCell
 } from "./chunk-DB6ANJBO.js";
-import {
-  _DataTable,
-  useDataTable
-} from "./chunk-W3UHAQCV.js";
 import {
   SingleColumnPage
 } from "./chunk-YV6MK4PZ.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-7TQNE3E2.js";
 import {
   useQueryParams
 } from "./chunk-THHRRYRS.js";
@@ -29,10 +29,11 @@ import {
 } from "./chunk-BDGZ4EQO.js";
 import {
   usePriceLists
-} from "./chunk-5PAUN3PM.js";
+} from "./chunk-P7UBW2EI.js";
 
 // src/pages/price-lists/price-list-list-page.tsx
 import { Children as Children3 } from "react";
+import { WidgetZone } from "@mercurjs/dashboard-shared";
 
 // src/pages/price-lists/_components/price-list-list-table/price-list-list-table.tsx
 import { Children as Children2 } from "react";
@@ -71,12 +72,10 @@ var PriceListListHeader = ({
 
 // src/pages/price-lists/_components/price-list-list-table/price-list-list-data-table.tsx
 import { keepPreviousData } from "@tanstack/react-query";
+import { createColumnHelper as createColumnHelper2 } from "@tanstack/react-table";
+import { useMemo as useMemo2 } from "react";
 import { useTranslation as useTranslation4 } from "react-i18next";
-
-// src/pages/price-lists/_components/price-list-list-table/use-pricing-table-columns.tsx
-import { createColumnHelper } from "@tanstack/react-table";
-import { useMemo } from "react";
-import { useTranslation as useTranslation3 } from "react-i18next";
+import { useExtendableTable, useLinkQuery } from "@mercurjs/dashboard-shared";
 
 // src/pages/price-lists/_components/price-list-list-table/price-list-list-table-actions.tsx
 import { PencilSquare, Trash } from "@medusajs/icons";
@@ -117,6 +116,9 @@ var PriceListListTableActions = ({
 };
 
 // src/pages/price-lists/_components/price-list-list-table/use-pricing-table-columns.tsx
+import { createColumnHelper } from "@tanstack/react-table";
+import { useMemo } from "react";
+import { useTranslation as useTranslation3 } from "react-i18next";
 import { jsx as jsx3 } from "react/jsx-runtime";
 var columnHelper = createColumnHelper();
 var usePricingTableColumns = () => {
@@ -142,10 +144,6 @@ var usePricingTableColumns = () => {
           const prices = row.original?.prices?.length || "-";
           return /* @__PURE__ */ jsx3(TextCell, { text: prices });
         }
-      }),
-      columnHelper.display({
-        id: "actions",
-        cell: ({ row }) => /* @__PURE__ */ jsx3(PriceListListTableActions, { priceList: row.original })
       })
     ],
     [t]
@@ -185,14 +183,19 @@ var PriceListListDataTable = () => {
   const { searchParams, raw } = usePricingTableQuery({
     pageSize: PAGE_SIZE
   });
+  const linkQuery = useLinkQuery("price_list");
   const { price_lists, count, isLoading, isError, error } = usePriceLists(
-    searchParams,
+    { ...searchParams, ...linkQuery },
     {
       placeholderData: keepPreviousData
     }
   );
-  const filters = usePricingTableFilters();
-  const columns = usePricingTableColumns();
+  const baseFilters = usePricingTableFilters();
+  const { columns, filters: extFilters } = useColumns();
+  const filters = useMemo2(
+    () => [...baseFilters, ...extFilters],
+    [baseFilters, extFilters]
+  );
   const { table } = useDataTable({
     data: price_lists || [],
     columns,
@@ -232,6 +235,25 @@ var PriceListListDataTable = () => {
     }
   );
 };
+var columnHelper2 = createColumnHelper2();
+var useColumns = () => {
+  const base = usePricingTableColumns();
+  const { columns: extended, filters } = useExtendableTable({
+    model: "price_list",
+    columns: base
+  });
+  const columns = useMemo2(
+    () => [
+      ...extended,
+      columnHelper2.display({
+        id: "actions",
+        cell: ({ row }) => /* @__PURE__ */ jsx4(PriceListListTableActions, { priceList: row.original })
+      })
+    ],
+    [extended]
+  );
+  return { columns, filters };
+};
 
 // src/pages/price-lists/_components/price-list-list-table/price-list-list-table.tsx
 import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
@@ -245,7 +267,7 @@ var PriceListListTable = ({ children }) => {
 // src/pages/price-lists/price-list-list-page.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(PriceListListTable, {}) });
+  return /* @__PURE__ */ jsx6(SingleColumnPage, { hasOutlet: true, children: /* @__PURE__ */ jsx6(WidgetZone, { id: "price-lists.list", children: Children3.count(children) > 0 ? children : /* @__PURE__ */ jsx6(PriceListListTable, {}) }) });
 };
 var PriceListListPage = Object.assign(Root, {
   Table: PriceListListTable,

package/dist/{chunk-EDV4MTTT.js → chunk-VQTQILLY.js}

@@ -9,14 +9,14 @@ import {
 } from "./chunk-GRH7C3QN.js";
 import {
   useCustomerTableFilters
-} from "./chunk-QWJTJSIT.js";
-import {
-  _DataTable,
-  useDataTable
-} from "./chunk-W3UHAQCV.js";
+} from "./chunk-ZC2ME3UB.js";
 import {
   SingleColumnPage
 } from "./chunk-YV6MK4PZ.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-7TQNE3E2.js";
 import {
   SingleColumnPageSkeleton
 } from "./chunk-INNFZYX2.js";
@@ -28,11 +28,12 @@ import {
   useCustomers,
   useDeleteCustomerGroup,
   useRemoveCustomersFromGroup
-} from "./chunk-OYUJYPDF.js";
+} from "./chunk-II3CLUXA.js";
 
 // src/pages/customer-groups/customer-group-detail/customer-group-detail.tsx
 import { Children } from "react";
 import { useLoaderData, useParams } from "react-router-dom";
+import { useLinkQuery, WidgetZone } from "@mercurjs/dashboard-shared";
 
 // src/pages/customer-groups/customer-group-detail/components/customer-group-customer-section/customer-group-customer-section.tsx
 import { XCircle } from "@medusajs/icons";
@@ -48,6 +49,7 @@ import { createColumnHelper } from "@tanstack/react-table";
 import { useMemo, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { Link } from "react-router-dom";
+import { DisplayExtensionZone } from "@mercurjs/dashboard-shared";
 import { jsx, jsxs } from "react/jsx-runtime";
 var PAGE_SIZE = 20;
 var CustomerGroupCustomerSection = ({
@@ -186,6 +188,14 @@ var CustomerGroupCustomerSection = ({
               message: t("customerGroups.customers.list.noRecordsMessage")
             }
           }
+        ),
+        /* @__PURE__ */ jsx(
+          DisplayExtensionZone,
+          {
+            model: "customer_group",
+            zone: "customers",
+            data: group
+          }
         )
       ]
     }
@@ -293,6 +303,7 @@ import { PencilSquare, Trash } from "@medusajs/icons";
 import { Container as Container2, Heading as Heading2, Text, toast as toast2, usePrompt as usePrompt2 } from "@medusajs/ui";
 import { useTranslation as useTranslation2 } from "react-i18next";
 import { useNavigate } from "react-router-dom";
+import { DisplayExtensionZone as DisplayExtensionZone2, DisplayField } from "@mercurjs/dashboard-shared";
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var CustomerGroupGeneralSection = ({
   group
@@ -339,7 +350,7 @@ var CustomerGroupGeneralSection = ({
             className: "flex items-center justify-between px-6 py-4",
             "data-testid": "customer-group-general-section-header",
             children: [
-              /* @__PURE__ */ jsx2(Heading2, { "data-testid": "customer-group-general-section-name", children: group.name }),
+              /* @__PURE__ */ jsx2(DisplayField, { model: "customer_group", zone: "general", id: "name", data: group, children: /* @__PURE__ */ jsx2(Heading2, { "data-testid": "customer-group-general-section-name", children: group.name }) }),
               /* @__PURE__ */ jsx2(
                 ActionMenu,
                 {
@@ -368,32 +379,50 @@ var CustomerGroupGeneralSection = ({
             ]
           }
         ),
-        /* @__PURE__ */ jsxs2(
-          "div",
+        /* @__PURE__ */ jsx2(
+          DisplayField,
           {
-            className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4",
-            "data-testid": "customer-group-general-section-customers-row",
-            children: [
-              /* @__PURE__ */ jsx2(
-                Text,
-                {
-                  size: "small",
-                  leading: "compact",
-                  weight: "plus",
-                  "data-testid": "customer-group-general-section-customers-label",
-                  children: t("customers.domain")
-                }
-              ),
-              /* @__PURE__ */ jsx2(
-                Text,
-                {
-                  size: "small",
-                  leading: "compact",
-                  "data-testid": "customer-group-general-section-customers-value",
-                  children: group.customers?.length || "-"
-                }
-              )
-            ]
+            model: "customer_group",
+            zone: "general",
+            id: "customers",
+            data: group,
+            children: /* @__PURE__ */ jsxs2(
+              "div",
+              {
+                className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4",
+                "data-testid": "customer-group-general-section-customers-row",
+                children: [
+                  /* @__PURE__ */ jsx2(
+                    Text,
+                    {
+                      size: "small",
+                      leading: "compact",
+                      weight: "plus",
+                      "data-testid": "customer-group-general-section-customers-label",
+                      children: t("customers.domain")
+                    }
+                  ),
+                  /* @__PURE__ */ jsx2(
+                    Text,
+                    {
+                      size: "small",
+                      leading: "compact",
+                      "data-testid": "customer-group-general-section-customers-value",
+                      children: group.customers?.length || "-"
+                    }
+                  )
+                ]
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx2(
+          DisplayExtensionZone2,
+          {
+            model: "customer_group",
+            zone: "general",
+            data: group,
+            builtInFieldIds: ["name", "customers"]
           }
         )
       ]
@@ -406,11 +435,10 @@ import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 var Root = ({ children }) => {
   const initialData = useLoaderData();
   const { id } = useParams();
+  const query = useLinkQuery("customer_group", CUSTOMER_GROUP_DETAIL_FIELDS);
   const { customer_group, isLoading, isError, error } = useCustomerGroup(
     id,
-    {
-      fields: CUSTOMER_GROUP_DETAIL_FIELDS
-    },
+    query,
     { initialData }
   );
   if (isLoading || !customer_group) {
@@ -419,10 +447,10 @@ var Root = ({ children }) => {
   if (isError) {
     throw error;
   }
-  return Children.count(children) > 0 ? /* @__PURE__ */ jsx3(SingleColumnPage, { showJSON: true, data: customer_group, hasOutlet: true, children }) : /* @__PURE__ */ jsxs3(SingleColumnPage, { showJSON: true, data: customer_group, hasOutlet: true, children: [
+  return Children.count(children) > 0 ? /* @__PURE__ */ jsx3(SingleColumnPage, { showJSON: true, data: customer_group, hasOutlet: true, children }) : /* @__PURE__ */ jsx3(SingleColumnPage, { showJSON: true, data: customer_group, hasOutlet: true, children: /* @__PURE__ */ jsxs3(WidgetZone, { id: "customer-groups.detail.main", data: customer_group, children: [
     /* @__PURE__ */ jsx3(CustomerGroupGeneralSection, { group: customer_group }),
     /* @__PURE__ */ jsx3(CustomerGroupCustomerSection, { group: customer_group })
-  ] });
+  ] }) });
 };
 var CustomerGroupDetailPage = Object.assign(Root, {
   GeneralSection: CustomerGroupGeneralSection,

package/dist/{chunk-TPGIMZLI.js → chunk-VR7P4DAZ.js}

@@ -1,6 +1,6 @@
 import {
   StatusCell
-} from "./chunk-Y4PM3IDZ.js";
+} from "./chunk-GGXGKMYK.js";
 import {
   TextCell,
   TextHeader

package/dist/{chunk-5BQO3YQP.js → chunk-VUWAOX7H.js}

@@ -1,6 +1,6 @@
 import {
   ordersQueryKeys
-} from "./chunk-6FDPVW7Y.js";
+} from "./chunk-DIAWPVYS.js";
 import {
   queryClient
 } from "./chunk-RHKRREUU.js";
@@ -9,7 +9,7 @@ import {
 } from "./chunk-ZA2KFUFR.js";
 import {
   sdk
-} from "./chunk-LXZXXOJ3.js";
+} from "./chunk-DTGEFKK4.js";
 
 // src/hooks/api/payments.tsx
 import {

package/dist/{chunk-JR7AABT5.js → chunk-VWPNMEOE.js}

@@ -1,6 +1,6 @@
 import {
   stockLocationsQueryKeys
-} from "./chunk-ZQCCVCHB.js";
+} from "./chunk-O72AIZUN.js";
 import {
   queryClient
 } from "./chunk-RHKRREUU.js";
@@ -9,7 +9,7 @@ import {
 } from "./chunk-ZA2KFUFR.js";
 import {
   sdk
-} from "./chunk-LXZXXOJ3.js";
+} from "./chunk-DTGEFKK4.js";
 
 // src/hooks/api/shipping-options.tsx
 import {

package/dist/{chunk-MVEHWM7K.js → chunk-W34KDYZA.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-ZA2KFUFR.js";
 import {
   sdk
-} from "./chunk-LXZXXOJ3.js";
+} from "./chunk-DTGEFKK4.js";
 
 // src/hooks/api/members.tsx
 import {
@@ -18,10 +18,12 @@ var membersQueryKeys = {
   ...queryKeysFactory(MEMBERS_QUERY_KEY),
   me: () => [MEMBERS_QUERY_KEY, "me"]
 };
-var useMe = (options) => {
+var useMe = (query, options) => {
   const { data, ...rest } = useQuery({
-    queryFn: () => sdk.vendor.members.me.query(),
-    queryKey: membersQueryKeys.me(),
+    queryFn: () => sdk.vendor.members.me.query(
+      query
+    ),
+    queryKey: query ? [...membersQueryKeys.me(), query] : membersQueryKeys.me(),
     ...options
   });
   return {
@@ -96,6 +98,14 @@ var useCurrentSeller = () => {
     error
   };
 };
+var useSeller = (id, query, options) => {
+  const { data, ...rest } = useQuery2({
+    queryKey: sellersQueryKeys.detail(id, query),
+    queryFn: () => sdk.vendor.sellers.$id.query({ $id: id, ...query }),
+    ...options
+  });
+  return { ...data, ...rest };
+};
 var useSellers = (query, options) => {
   const { data, ...rest } = useQuery2({
     queryKey: sellersQueryKeys.list(query),
@@ -200,6 +210,7 @@ export {
   useMember,
   useRemoveSellerMember,
   useCurrentSeller,
+  useSeller,
   useSellers,
   useSelectSeller,
   useUpdateSeller,

package/dist/{chunk-EAAZV3B7.js → chunk-WJ4KVDFV.js}

@@ -6,20 +6,21 @@ import {
 } from "./chunk-GRH7C3QN.js";
 import {
   useCustomerTableFilters
-} from "./chunk-QWJTJSIT.js";
-import {
-  _DataTable,
-  useDataTable
-} from "./chunk-W3UHAQCV.js";
+} from "./chunk-ZC2ME3UB.js";
 import {
   SingleColumnPage
 } from "./chunk-YV6MK4PZ.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-7TQNE3E2.js";
 import {
   useCustomers
-} from "./chunk-OYUJYPDF.js";
+} from "./chunk-II3CLUXA.js";
 
 // src/pages/customers/customer-list-page.tsx
 import { Children as Children3 } from "react";
+import { WidgetZone } from "@mercurjs/dashboard-shared";
 
 // src/pages/customers/_components/customer-list-table/customer-list-table.tsx
 import { Children as Children2 } from "react";
@@ -51,6 +52,7 @@ var CustomerListHeader = ({
 
 // src/pages/customers/_components/customer-list-table/customer-list-data-table.tsx
 import { keepPreviousData } from "@tanstack/react-query";
+import { useExtendableTable, useLinkQuery } from "@mercurjs/dashboard-shared";
 import { useMemo } from "react";
 import { useTranslation as useTranslation2 } from "react-i18next";
 import { jsx as jsx2 } from "react/jsx-runtime";
@@ -60,16 +62,22 @@ var CustomerListDataTable = () => {
   const { searchParams, raw } = useCustomerTableQuery({
     pageSize: PAGE_SIZE
   });
+  const linkQuery = useLinkQuery("customer");
   const { customers, count, isLoading, isError, error } = useCustomers(
     {
-      ...searchParams
+      ...searchParams,
+      ...linkQuery
     },
     {
       placeholderData: keepPreviousData
     }
   );
-  const filters = useCustomerTableFilters();
-  const columns = useColumns();
+  const baseFilters = useCustomerTableFilters();
+  const { columns, filters: extFilters } = useColumns();
+  const filters = useMemo(
+    () => [...baseFilters, ...extFilters],
+    [baseFilters, extFilters]
+  );
   const { table } = useDataTable({
     data: customers ?? [],
     columns,
@@ -121,8 +129,12 @@ var CustomerListDataTable = () => {
   );
 };
 var useColumns = () => {
-  const columns = useCustomerTableColumns();
-  return useMemo(() => [...columns], [columns]);
+  const base = useCustomerTableColumns();
+  const { columns, filters } = useExtendableTable({
+    model: "customer",
+    columns: base
+  });
+  return { columns: useMemo(() => [...columns], [columns]), filters };
 };
 
 // src/pages/customers/_components/customer-list-table/customer-list-table.tsx
@@ -140,7 +152,7 @@ var CustomerListTable = ({ children }) => {
 // src/pages/customers/customer-list-page.tsx
 import { jsx as jsx4 } from "react/jsx-runtime";
 var Root = ({ children }) => {
-  return /* @__PURE__ */ jsx4(SingleColumnPage, { children: Children3.count(children) > 0 ? children : /* @__PURE__ */ jsx4(CustomerListTable, {}) });
+  return /* @__PURE__ */ jsx4(SingleColumnPage, { children: /* @__PURE__ */ jsx4(WidgetZone, { id: "customers.list", children: Children3.count(children) > 0 ? children : /* @__PURE__ */ jsx4(CustomerListTable, {}) }) });
 };
 var CustomerListPage = Object.assign(Root, {
   Table: CustomerListTable,

package/dist/{chunk-MUGQQY6P.js → chunk-WN2NWWVO.js}

@@ -7,7 +7,7 @@ import {
 import {
   useDeleteProduct,
   useUpdateProduct
-} from "./chunk-G6YNCIVF.js";
+} from "./chunk-YAUGB4LD.js";
 
 // src/pages/products/[id]/_components/product-media-section/product-media-section.tsx
 import { useState } from "react";
@@ -25,6 +25,7 @@ import {
 } from "@medusajs/ui";
 import { useTranslation } from "react-i18next";
 import { Link } from "react-router-dom";
+import { DisplayExtensionZone } from "@mercurjs/dashboard-shared";
 import { jsx, jsxs } from "react/jsx-runtime";
 var ProductMediaSection = ({
   product,
@@ -186,7 +187,8 @@ var ProductMediaSection = ({
           shortcut: "d"
         }
       )
-    ] }) })
+    ] }) }),
+    /* @__PURE__ */ jsx(DisplayExtensionZone, { model: "product", zone: "media", data: product })
   ] });
 };
 var getMedia = (product) => {
@@ -211,7 +213,16 @@ import { PencilSquare as PencilSquare2, Trash } from "@medusajs/icons";
 import { Container as Container2, Heading as Heading2, StatusBadge, usePrompt as usePrompt2 } from "@medusajs/ui";
 import { useTranslation as useTranslation2 } from "react-i18next";
 import { useNavigate } from "react-router-dom";
+import { DisplayExtensionZone as DisplayExtensionZone2, DisplayField } from "@mercurjs/dashboard-shared";
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var GENERAL_FIELD_IDS = [
+  "title",
+  "status",
+  "description",
+  "subtitle",
+  "handle",
+  "discountable"
+];
 var productStatusColor = (status) => {
   switch (status) {
     case "draft":
@@ -253,9 +264,18 @@ var ProductGeneralSection = ({
   };
   return /* @__PURE__ */ jsxs2(Container2, { className: "divide-y p-0", children: [
     /* @__PURE__ */ jsxs2("div", { className: "flex items-center justify-between px-6 py-4", children: [
-      /* @__PURE__ */ jsx2(Heading2, { children: product.title }),
+      /* @__PURE__ */ jsx2(DisplayField, { model: "product", zone: "general", id: "title", data: product, children: /* @__PURE__ */ jsx2(Heading2, { children: product.title }) }),
       /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-x-4", children: [
-        /* @__PURE__ */ jsx2(StatusBadge, { color: productStatusColor(product.status), children: t(`products.productStatus.${product.status}`) }),
+        /* @__PURE__ */ jsx2(
+          DisplayField,
+          {
+            model: "product",
+            zone: "general",
+            id: "status",
+            data: product,
+            children: /* @__PURE__ */ jsx2(StatusBadge, { color: productStatusColor(product.status), children: t(`products.productStatus.${product.status}`) })
+          }
+        ),
         /* @__PURE__ */ jsx2(
           ActionMenu,
           {
@@ -283,26 +303,44 @@ var ProductGeneralSection = ({
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsx2(
+    /* @__PURE__ */ jsx2(DisplayField, { model: "product", zone: "general", id: "description", data: product, children: /* @__PURE__ */ jsx2(
       SectionRow,
       {
         title: t("fields.description"),
         value: product.description || "-"
       }
-    ),
-    /* @__PURE__ */ jsx2(
+    ) }),
+    /* @__PURE__ */ jsx2(DisplayField, { model: "product", zone: "general", id: "subtitle", data: product, children: /* @__PURE__ */ jsx2(
       SectionRow,
       {
         title: t("fields.subtitle"),
         value: product.subtitle || "-"
       }
+    ) }),
+    /* @__PURE__ */ jsx2(DisplayField, { model: "product", zone: "general", id: "handle", data: product, children: /* @__PURE__ */ jsx2(SectionRow, { title: t("fields.handle"), value: `/${product.handle}` }) }),
+    /* @__PURE__ */ jsx2(
+      DisplayField,
+      {
+        model: "product",
+        zone: "general",
+        id: "discountable",
+        data: product,
+        children: /* @__PURE__ */ jsx2(
+          SectionRow,
+          {
+            title: t("fields.discountable"),
+            value: product.discountable ? t("general.true") : t("general.false")
+          }
+        )
+      }
     ),
-    /* @__PURE__ */ jsx2(SectionRow, { title: t("fields.handle"), value: `/${product.handle}` }),
     /* @__PURE__ */ jsx2(
-      SectionRow,
+      DisplayExtensionZone2,
       {
-        title: t("fields.discountable"),
-        value: product.discountable ? t("general.true") : t("general.false")
+        model: "product",
+        zone: "general",
+        data: product,
+        builtInFieldIds: GENERAL_FIELD_IDS
       }
     )
   ] });

package/dist/chunk-WQTWBXKO.js

@@ -0,0 +1,23 @@
+// src/components/common/display-id/display-id.tsx
+import { useTranslation } from "react-i18next";
+import { useState } from "react";
+import copy from "copy-to-clipboard";
+import { clx, toast, Tooltip } from "@medusajs/ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+function DisplayId({ id, className }) {
+  const { t } = useTranslation();
+  const [open, setOpen] = useState(false);
+  const onClick = () => {
+    copy(id);
+    toast.success(t("actions.idCopiedToClipboard"));
+  };
+  return /* @__PURE__ */ jsx(Tooltip, { maxWidth: 260, content: id, open, onOpenChange: setOpen, children: /* @__PURE__ */ jsxs("span", { onClick, className: clx("cursor-pointer", className), children: [
+    "#",
+    id.slice(-7)
+  ] }) });
+}
+var display_id_default = DisplayId;
+
+export {
+  display_id_default
+};

package/dist/{chunk-3BXCPHN6.js → chunk-XCHKUSUU.js}

@@ -43,6 +43,7 @@ var isAmountLessThenRoundingError = (amount, currencyCode) => {
 };
 
 export {
+  getDecimalDigits,
   getLocaleAmount,
   getStylizedAmount,
   isAmountLessThenRoundingError