@mercurjs/vendor 2.0.0 → 2.0.2

package/dist/{[id]-Z4P7XA4G.js → [id]-OGHRZ2VY.js}

@@ -11,57 +11,61 @@ import {
 import {
   TwoColumnPage
 } from "./chunk-RM5RSDYP.js";
-import {
-  Thumbnail
-} from "./chunk-WIYFXWRI.js";
 import {
   DataTable,
   useDataTableDateFilters
-} from "./chunk-5XOCUDS2.js";
+} from "./chunk-CUMY2VZ5.js";
 import {
   useQueryParams
 } from "./chunk-THHRRYRS.js";
-import "./chunk-CFETU5BI.js";
+import "./chunk-LRD242C7.js";
 import "./chunk-JRTZWK77.js";
+import "./chunk-NYRRRCJS.js";
+import "./chunk-STBCWNZQ.js";
+import "./chunk-F4OJN2F2.js";
+import "./chunk-LRARA622.js";
+import "./chunk-M6N4ISXL.js";
+import "./chunk-S7EKBD2C.js";
+import "./chunk-VXMOPVRH.js";
+import "./chunk-IQWK723D.js";
+import "./chunk-VV6IKGCN.js";
+import "./chunk-PCMNEUMV.js";
+import "./chunk-BOZJOOGW.js";
+import "./chunk-RL7SFZOF.js";
+import "./chunk-LWJF63JW.js";
+import "./chunk-NBPMNUKZ.js";
+import "./chunk-GCSQEJMD.js";
+import "./chunk-VXWN37PT.js";
+import "./chunk-UL4O5M4S.js";
+import "./chunk-FX4V5JCF.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
+import "./chunk-QHQWEERJ.js";
+import {
+  useSalesChannels
+} from "./chunk-3B34B2M2.js";
+import {
+  useProductCategories
+} from "./chunk-RUE5BPC2.js";
+import {
+  Thumbnail
+} from "./chunk-WIYFXWRI.js";
 import "./chunk-LAVHRER2.js";
 import "./chunk-Y7QKP6QU.js";
 import {
   TwoColumnPageSkeleton
 } from "./chunk-INNFZYX2.js";
-import "./chunk-FPJLYWOU.js";
-import "./chunk-DHADGZJ5.js";
-import "./chunk-VGJTARSA.js";
-import "./chunk-DYUTYBAQ.js";
-import "./chunk-Y4VBOHAP.js";
-import "./chunk-JKXAL7WR.js";
-import "./chunk-DC2K6CFQ.js";
-import "./chunk-VDWGP2U6.js";
-import "./chunk-RE7YXVFG.js";
-import "./chunk-HUNGNEPY.js";
-import "./chunk-PADOWAXM.js";
-import "./chunk-LWVBKUUL.js";
-import "./chunk-RIILGKYR.js";
-import "./chunk-6EYGH3TB.js";
-import "./chunk-GTUR4HSV.js";
-import "./chunk-SI4ALL7W.js";
-import "./chunk-ZFFA36DB.js";
-import {
-  useSalesChannels
-} from "./chunk-VHMGJUYN.js";
-import "./chunk-VJTYMQVA.js";
 import {
   productsQueryKeys,
   useDeleteProduct,
   useDeleteProductOption,
   useDeleteVariantLazy,
   useProduct,
-  useProductAttributes,
   useProductVariants,
+  useRemoveProductAttribute,
   useUpdateProduct
-} from "./chunk-WPFTRRWV.js";
+} from "./chunk-ZEVYT6IX.js";
 import "./chunk-A5DJIOHN.js";
 import {
   queryClient
@@ -69,13 +73,26 @@ import {
 import "./chunk-ZA2KFUFR.js";
 import {
   sdk
-} from "./chunk-Y224F4UU.js";
-import "./chunk-PKBMQBKP.js";
+} from "./chunk-RIN4CBRB.js";
+import "./chunk-NBMM2TZK.js";
 
 // src/pages/products/[id]/loader.tsx
+var PRODUCT_DETAIL_FIELDS = [
+  "*variants.inventory_items",
+  "*variants.images",
+  "*categories",
+  "+additional_data",
+  "+attribute_values.*",
+  "+attribute_values.attribute.*",
+  "+options.*",
+  "+options.values.*"
+].join(",");
 var productDetailQuery = (id) => ({
-  queryKey: productsQueryKeys.detail(id),
-  queryFn: async () => sdk.vendor.products.$id.query({ $id: id })
+  queryKey: productsQueryKeys.detail(id, { fields: PRODUCT_DETAIL_FIELDS }),
+  queryFn: async () => sdk.vendor.products.$id.query({
+    $id: id,
+    fields: PRODUCT_DETAIL_FIELDS
+  })
 });
 var loader = async ({ params }) => {
   const id = params.id;
@@ -189,13 +206,14 @@ var ProductGeneralSection = () => {
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsx2(SectionRow, { title: t("fields.description"), value: product.description }),
+    /* @__PURE__ */ jsx2(SectionRow, { title: t("fields.description"), value: product.description || "-" }),
+    /* @__PURE__ */ jsx2(SectionRow, { title: t("fields.subtitle"), value: product.subtitle || "-" }),
     /* @__PURE__ */ jsx2(SectionRow, { title: t("fields.handle"), value: `/${product.handle}` }),
     /* @__PURE__ */ jsx2(
       SectionRow,
       {
         title: t("fields.discountable"),
-        value: product.discountable ? t("fields.true") : t("fields.false")
+        value: product.discountable ? "True" : "False"
       }
     )
   ] });
@@ -493,6 +511,7 @@ var ProductOptionSection = () => {
 };
 
 // src/pages/products/[id]/_components/product-organization-section/product-organization-section.tsx
+import { useMemo } from "react";
 import { PencilSquare as PencilSquare4 } from "@medusajs/icons";
 import { Badge as Badge2, Container as Container4, Heading as Heading4, Tooltip as Tooltip2 } from "@medusajs/ui";
 import { useTranslation as useTranslation4 } from "react-i18next";
@@ -501,6 +520,30 @@ import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 var ProductOrganizationSection = () => {
   const { product } = useProductDetailContext();
   const { t } = useTranslation4();
+  const additionalSecondaryCategoryIds = useMemo(() => {
+    const additional = product.additional_data?.secondary_categories;
+    if (!additional || !Array.isArray(additional)) return [];
+    return additional.flatMap(
+      (entry) => Array.isArray(entry.category_ids) ? entry.category_ids : []
+    );
+  }, [product]);
+  const hasSecondaryFromAdditional = additionalSecondaryCategoryIds.length > 0;
+  const { product_categories: allCategories } = useProductCategories(
+    {
+      id: additionalSecondaryCategoryIds,
+      limit: 100
+    },
+    { enabled: hasSecondaryFromAdditional }
+  );
+  const secondaryCategories = useMemo(() => {
+    if (product.secondary_categories?.length) {
+      return product.secondary_categories;
+    }
+    if (hasSecondaryFromAdditional && allCategories) {
+      return allCategories;
+    }
+    return [];
+  }, [product, hasSecondaryFromAdditional, allCategories]);
   return /* @__PURE__ */ jsxs4(Container4, { className: "divide-y p-0", children: [
     /* @__PURE__ */ jsxs4("div", { className: "flex items-center justify-between px-6 py-4", children: [
       /* @__PURE__ */ jsx5(Heading4, { level: "h2", children: t("products.organization.header") }),
@@ -564,7 +607,7 @@ var ProductOrganizationSection = () => {
     /* @__PURE__ */ jsx5(
       SectionRow,
       {
-        title: t("fields.categories"),
+        title: t("products.fields.primaryCategory.label"),
         value: product.categories?.length ? product.categories.map((pcat) => /* @__PURE__ */ jsx5(
           OrganizationTag,
           {
@@ -574,6 +617,20 @@ var ProductOrganizationSection = () => {
           pcat.id
         )) : void 0
       }
+    ),
+    /* @__PURE__ */ jsx5(
+      SectionRow,
+      {
+        title: t("products.fields.secondaryCategories.label", "Secondary Categories"),
+        value: secondaryCategories?.length ? secondaryCategories.map((cat) => /* @__PURE__ */ jsx5(
+          OrganizationTag,
+          {
+            label: cat.name,
+            to: `/categories/${cat.id}`
+          },
+          cat.id
+        )) : void 0
+      }
     )
   ] });
 };
@@ -594,7 +651,7 @@ import {
   usePrompt as usePrompt4
 } from "@medusajs/ui";
 import { keepPreviousData } from "@tanstack/react-query";
-import { useCallback, useMemo } from "react";
+import { useCallback, useMemo as useMemo2 } from "react";
 import { useTranslation as useTranslation5 } from "react-i18next";
 import { useNavigate as useNavigate2, useParams, useSearchParams } from "react-router-dom";
 
@@ -625,7 +682,7 @@ var ProductVariantSection = () => {
       limit: PAGE_SIZE,
       allow_backorder: allow_backorder ? JSON.parse(allow_backorder) : void 0,
       manage_inventory: manage_inventory ? JSON.parse(manage_inventory) : void 0,
-      fields: "title,sku,thumbnail,*options,created_at,*inventory_items.inventory.location_levels,inventory_quantity,manage_inventory"
+      fields: "title,sku,thumbnail,*options,created_at,updated_at,*inventory_items.inventory.location_levels,inventory_quantity,manage_inventory"
     },
     {
       placeholderData: keepPreviousData
@@ -666,14 +723,9 @@ var ProductVariantSection = () => {
           {
             actions: [
               {
-                label: t("products.editPrices"),
-                to: `prices`,
+                label: t("products.variants.editStocksAndPrices.action", "Edit Stocks & Prices"),
+                to: `edit-stocks-and-prices`,
                 icon: /* @__PURE__ */ jsx6(PencilSquare5, {})
-              },
-              {
-                label: t("inventory.stock.action"),
-                to: `stock`,
-                icon: /* @__PURE__ */ jsx6(Buildings, {})
               }
             ]
           }
@@ -691,7 +743,7 @@ var useColumns = (product) => {
   const { mutateAsync } = useDeleteVariantLazy(product.id);
   const prompt = usePrompt4();
   const [searchParams] = useSearchParams();
-  const tableSearchParams = useMemo(() => {
+  const tableSearchParams = useMemo2(() => {
     const filtered = new URLSearchParams();
     for (const [key, value] of searchParams.entries()) {
       if (key.startsWith(`${PREFIX}_`)) {
@@ -717,7 +769,7 @@ var useColumns = (product) => {
     },
     [mutateAsync, prompt, t]
   );
-  const optionColumns = useMemo(() => {
+  const optionColumns = useMemo2(() => {
     if (!product?.options) {
       return [];
     }
@@ -787,16 +839,18 @@ var useColumns = (product) => {
           notManaged: true
         };
       }
-      const quantity = variant.inventory_quantity;
       const inventoryItems = castVariant.inventory_items?.map((i) => i.inventory).filter(Boolean);
       const hasInventoryKit = inventoryItems.length > 1;
       const locations = {};
+      let totalStocked = 0;
       inventoryItems.forEach((i) => {
         i.location_levels?.forEach((l) => {
           locations[l.id] = true;
+          totalStocked += l.stocked_quantity ?? 0;
         });
       });
       const locationCount = Object.keys(locations).length;
+      const quantity = variant.inventory_quantity ?? totalStocked;
       const text = hasInventoryKit ? t("products.variant.tableItemAvailable", {
         availableCount: quantity
       }) : t("products.variant.tableItem", {
@@ -808,7 +862,7 @@ var useColumns = (product) => {
     },
     [t]
   );
-  return useMemo(() => {
+  return useMemo2(() => {
     return [
       columnHelper.accessor("thumbnail", {
         header: "",
@@ -830,6 +884,22 @@ var useColumns = (product) => {
         sortAscLabel: t("filters.sorting.alphabeticallyAsc"),
         sortDescLabel: t("filters.sorting.alphabeticallyDesc")
       }),
+      columnHelper.accessor("created_at", {
+        header: t("fields.createdAt"),
+        enableSorting: true,
+        sortAscLabel: t("filters.sorting.dateAsc"),
+        sortDescLabel: t("filters.sorting.dateDesc"),
+        enableHiding: true,
+        isVisibleByDefault: false
+      }),
+      columnHelper.accessor("updated_at", {
+        header: t("fields.updatedAt"),
+        enableSorting: true,
+        sortAscLabel: t("filters.sorting.dateAsc"),
+        sortDescLabel: t("filters.sorting.dateDesc"),
+        enableHiding: true,
+        isVisibleByDefault: false
+      }),
       ...optionColumns,
       columnHelper.display({
         id: "inventory",
@@ -863,7 +933,7 @@ var filterHelper = createDataTableFilterHelper();
 var useFilters = () => {
   const { t } = useTranslation5();
   const dateFilters = useDataTableDateFilters();
-  return useMemo(() => {
+  return useMemo2(() => {
     return [
       filterHelper.accessor("allow_backorder", {
         type: "radio",
@@ -947,63 +1017,122 @@ var ProductAttributeSection = () => {
 };
 
 // src/pages/products/[id]/_components/product-additional-attribute-section/ProductAdditionalAttributesSection.tsx
-import { Container as Container7, Heading as Heading6 } from "@medusajs/ui";
-import { PencilSquare as PencilSquare7 } from "@medusajs/icons";
-import { useMemo as useMemo2 } from "react";
+import { DropCap, PencilSquare as PencilSquare7, Plus as Plus2, Swatch, Trash as Trash4 } from "@medusajs/icons";
+import { Badge as Badge4, Container as Container7, Heading as Heading6, Text as Text2, toast, usePrompt as usePrompt5 } from "@medusajs/ui";
+import { useTranslation as useTranslation7 } from "react-i18next";
 import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
-var ProductAdditionalAttributesSection = () => {
-  const { product } = useProductDetailContext();
-  const { attributes, isLoading } = useProductAttributes(product.id);
-  const attributeList = useMemo2(() => {
-    return attributes?.map((attribute) => {
-      const value = product.attribute_values?.find((av) => av && av.attribute_id === attribute.id)?.value || "-";
-      return {
-        ...attribute,
-        value
-      };
+var OptionRowActions = ({ productId, option }) => {
+  const { t } = useTranslation7();
+  const prompt = usePrompt5();
+  const { mutateAsync, isPending } = useDeleteProductOption(productId, option.id);
+  const canDelete = option.metadata?.author !== "admin";
+  const handleDelete = async () => {
+    const res = await prompt({
+      title: t("general.areYouSure"),
+      description: t("products.options.deleteWarning", { title: option.title }),
+      confirmText: t("actions.delete"),
+      cancelText: t("actions.cancel")
     });
-  }, [attributes, product.attribute_values]);
-  if (isLoading) return;
-  return /* @__PURE__ */ jsxs7(Container7, { className: "divide-y p-0", children: [
-    /* @__PURE__ */ jsxs7("div", { className: "flex items-center justify-between px-6 py-4", children: [
-      /* @__PURE__ */ jsx8(Heading6, { level: "h2", children: "Attributes" }),
-      /* @__PURE__ */ jsx8(
-        ActionMenu,
+    if (!res) return;
+    await mutateAsync(void 0, { onError: (err) => toast.error(err.message) });
+  };
+  return /* @__PURE__ */ jsx8(
+    ActionMenu,
+    {
+      groups: [
+        { actions: [{ icon: /* @__PURE__ */ jsx8(PencilSquare7, {}), label: t("actions.edit"), to: `options/${option.id}/edit` }] },
+        ...canDelete ? [{ actions: [{ icon: /* @__PURE__ */ jsx8(Trash4, {}), label: t("actions.delete"), disabled: isPending, onClick: handleDelete }] }] : []
+      ]
+    }
+  );
+};
+var InformationalAttributeRowActions = ({ productId, attribute }) => {
+  const { t } = useTranslation7();
+  const prompt = usePrompt5();
+  const { mutateAsync, isPending } = useRemoveProductAttribute(productId, attribute.attribute_id);
+  const isVendorSource = attribute.attribute_source === "vendor";
+  const handleDelete = async () => {
+    const res = await prompt({
+      title: t("general.areYouSure"),
+      description: "You are about to remove this attribute from the product. This action cannot be undone.",
+      confirmText: t("actions.delete"),
+      cancelText: t("actions.cancel")
+    });
+    if (!res) return;
+    await mutateAsync(void 0, { onError: (err) => toast.error(err.message) });
+  };
+  return /* @__PURE__ */ jsx8(
+    ActionMenu,
+    {
+      groups: [
+        { actions: [{ icon: /* @__PURE__ */ jsx8(PencilSquare7, {}), label: t("actions.edit"), to: `informational-attributes/${attribute.attribute_id}/edit` }] },
+        ...isVendorSource ? [{ actions: [{ icon: /* @__PURE__ */ jsx8(Trash4, {}), label: t("actions.delete"), disabled: isPending, onClick: handleDelete }] }] : []
+      ]
+    }
+  );
+};
+var ProductAdditionalAttributesSection = ({ product }) => {
+  const { t } = useTranslation7();
+  const informationalAttributes = product.informational_attributes?.filter(Boolean) ?? [];
+  const options = product.options?.filter(Boolean) ?? [];
+  if (!informationalAttributes.length && !options.length) return null;
+  return /* @__PURE__ */ jsxs7(Container7, { className: "p-0", children: [
+    /* @__PURE__ */ jsxs7("div", { className: "flex items-center justify-between border-b px-6 py-4", children: [
+      /* @__PURE__ */ jsx8(Heading6, { children: t("products.attributes") }),
+      /* @__PURE__ */ jsx8(ActionMenu, { groups: [{ actions: [{ label: t("actions.add"), to: "attributes/add", icon: /* @__PURE__ */ jsx8(Plus2, {}) }] }] })
+    ] }),
+    options.length > 0 && /* @__PURE__ */ jsxs7("div", { className: "px-3 py-4", children: [
+      /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-x-3 px-3 pb-4", children: [
+        /* @__PURE__ */ jsx8("div", { className: "flex size-7 items-center justify-center rounded-md bg-ui-bg-base shadow-borders-base", children: /* @__PURE__ */ jsx8("div", { className: "flex size-6 items-center justify-center rounded-[4px] bg-ui-bg-component", children: /* @__PURE__ */ jsx8(Swatch, { className: "text-ui-fg-subtle" }) }) }),
+        /* @__PURE__ */ jsxs7("div", { children: [
+          /* @__PURE__ */ jsx8(Text2, { size: "small", weight: "plus", leading: "compact", children: t("products.options.variations.label") }),
+          /* @__PURE__ */ jsx8(Text2, { size: "xsmall", leading: "compact", className: "text-ui-fg-subtle", children: t("products.options.variations.description") })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx8("div", { className: "divide-y overflow-hidden rounded-lg border", children: options.map((option) => /* @__PURE__ */ jsx8(
+        SectionRow,
         {
-          groups: [
-            {
-              actions: [
-                {
-                  label: "Edit",
-                  to: "additional-attributes",
-                  icon: /* @__PURE__ */ jsx8(PencilSquare7, {})
-                }
-              ]
-            }
-          ]
-        }
-      )
+          title: option.title,
+          actions: /* @__PURE__ */ jsx8(OptionRowActions, { productId: product.id, option }),
+          className: "bg-ui-bg-component p-3",
+          value: option.values?.map((value, index) => /* @__PURE__ */ jsx8(Badge4, { size: "2xsmall", className: "flex min-w-[20px] items-center justify-center", children: value.value }, `${option.id}-${value.value}-${index}`)),
+          tooltip: option.metadata?.author === "admin" ? t("products.edit.attributes.required") : void 0
+        },
+        option.id
+      )) })
     ] }),
-    attributeList?.map((attribute) => /* @__PURE__ */ jsx8(
-      SectionRow,
-      {
-        title: attribute.name,
-        value: attribute.value,
-        tooltip: attribute.description
-      },
-      attribute.id
-    ))
+    options.length > 0 && informationalAttributes.length > 0 && /* @__PURE__ */ jsx8("div", { className: "border-t border-dashed border-ui-border-base" }),
+    informationalAttributes.length > 0 && /* @__PURE__ */ jsxs7("div", { className: "px-3 py-4", children: [
+      /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-x-3 px-3 pb-4", children: [
+        /* @__PURE__ */ jsx8("div", { className: "flex size-7 items-center justify-center rounded-md bg-ui-bg-base shadow-borders-base", children: /* @__PURE__ */ jsx8("div", { className: "flex size-6 items-center justify-center rounded-[4px] bg-ui-bg-component", children: /* @__PURE__ */ jsx8(DropCap, { className: "text-ui-fg-subtle" }) }) }),
+        /* @__PURE__ */ jsxs7("div", { children: [
+          /* @__PURE__ */ jsx8(Text2, { size: "small", weight: "plus", leading: "compact", children: t("products.edit.informationalAttributes.header") }),
+          /* @__PURE__ */ jsx8(Text2, { size: "xsmall", leading: "compact", className: "text-ui-fg-subtle", children: t("products.edit.informationalAttributes.description") })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx8("div", { className: "divide-y overflow-hidden rounded-lg border", children: informationalAttributes.map((attribute) => /* @__PURE__ */ jsx8(
+        SectionRow,
+        {
+          title: attribute.name,
+          actions: /* @__PURE__ */ jsx8(InformationalAttributeRowActions, { productId: product.id, attribute }),
+          className: "bg-ui-bg-component p-3 [&>p]:gap-x-1",
+          value: attribute.values?.length ? attribute.values.map((v) => v.value).join(", ") : "-",
+          tooltip: attribute.is_required ? t("products.edit.attributes.required") : void 0
+        },
+        `${attribute.attribute_id}-${attribute.attribute_source}`
+      )) })
+    ] })
   ] });
 };
 
 // src/pages/products/[id]/_components/product-shipping-profile-section/product-shipping-profile-section.tsx
 import { PencilSquare as PencilSquare8, ShoppingBag } from "@medusajs/icons";
 import { Container as Container8, Heading as Heading7 } from "@medusajs/ui";
-import { useTranslation as useTranslation7 } from "react-i18next";
+import { useTranslation as useTranslation8 } from "react-i18next";
 import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
 var ProductShippingProfileSection = () => {
   const { product } = useProductDetailContext();
-  const { t } = useTranslation7();
+  const { t } = useTranslation8();
   const shippingProfile = product.shipping_profile;
   return /* @__PURE__ */ jsxs8(Container8, { className: "p-0", children: [
     /* @__PURE__ */ jsxs8("div", { className: "flex items-center justify-between px-6 py-4", children: [
@@ -1039,13 +1168,13 @@ var ProductShippingProfileSection = () => {
 
 // src/pages/products/[id]/_components/product-sales-channel-section/product-sales-channel-section.tsx
 import { Channels, PencilSquare as PencilSquare9 } from "@medusajs/icons";
-import { Container as Container9, Heading as Heading8, Text as Text2, Tooltip as Tooltip4 } from "@medusajs/ui";
-import { Trans, useTranslation as useTranslation8 } from "react-i18next";
+import { Container as Container9, Heading as Heading8, Text as Text3, Tooltip as Tooltip4 } from "@medusajs/ui";
+import { Trans, useTranslation as useTranslation9 } from "react-i18next";
 import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
 var ProductSalesChannelSection = () => {
   const { product } = useProductDetailContext();
   const { count } = useSalesChannels();
-  const { t } = useTranslation8();
+  const { t } = useTranslation9();
   const availableInSalesChannels = product.sales_channels?.map((sc) => ({
     id: sc.id,
     name: sc.name
@@ -1075,13 +1204,13 @@ var ProductSalesChannelSection = () => {
     /* @__PURE__ */ jsxs9("div", { className: "grid grid-cols-[28px_1fr] items-center gap-x-3", children: [
       /* @__PURE__ */ jsx10("div", { className: "bg-ui-bg-base shadow-borders-base flex size-7 items-center justify-center rounded-md", children: /* @__PURE__ */ jsx10("div", { className: "bg-ui-bg-component flex size-6 items-center justify-center rounded-[4px]", children: /* @__PURE__ */ jsx10(Channels, { className: "text-ui-fg-subtle" }) }) }),
       availableInSalesChannels.length > 0 ? /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-x-1", children: [
-        /* @__PURE__ */ jsx10(Text2, { size: "small", leading: "compact", children: firstChannels.map((sc) => sc.name).join(", ") }),
+        /* @__PURE__ */ jsx10(Text3, { size: "small", leading: "compact", children: firstChannels.map((sc) => sc.name).join(", ") }),
         restChannels.length > 0 && /* @__PURE__ */ jsx10(
           Tooltip4,
           {
             content: /* @__PURE__ */ jsx10("ul", { children: restChannels.map((sc) => /* @__PURE__ */ jsx10("li", { children: sc.name }, sc.id)) }),
             children: /* @__PURE__ */ jsx10(
-              Text2,
+              Text3,
               {
                 size: "small",
                 leading: "compact",
@@ -1091,9 +1220,9 @@ var ProductSalesChannelSection = () => {
             )
           }
         )
-      ] }) : /* @__PURE__ */ jsx10(Text2, { size: "small", leading: "compact", className: "text-ui-fg-subtle", children: t("products.noSalesChannels") })
+      ] }) : /* @__PURE__ */ jsx10(Text3, { size: "small", leading: "compact", className: "text-ui-fg-subtle", children: t("products.noSalesChannels") })
     ] }),
-    /* @__PURE__ */ jsx10("div", { children: /* @__PURE__ */ jsx10(Text2, { className: "text-ui-fg-subtle", size: "small", leading: "compact", children: /* @__PURE__ */ jsx10(
+    /* @__PURE__ */ jsx10("div", { children: /* @__PURE__ */ jsx10(Text3, { className: "text-ui-fg-subtle", size: "small", leading: "compact", children: /* @__PURE__ */ jsx10(
       Trans,
       {
         i18nKey: "sales_channels.availableIn",
@@ -1137,12 +1266,11 @@ var Root = ({ children }) => {
     /* @__PURE__ */ jsxs10(TwoColumnPage.Main, { children: [
       /* @__PURE__ */ jsx11(ProductGeneralSection, {}),
       /* @__PURE__ */ jsx11(ProductMediaSection, {}),
-      /* @__PURE__ */ jsx11(ProductOptionSection, {}),
       /* @__PURE__ */ jsx11(ProductVariantSection, {})
     ] }),
     /* @__PURE__ */ jsxs10(TwoColumnPage.Sidebar, { children: [
-      /* @__PURE__ */ jsx11(ProductShippingProfileSection, {}),
-      /* @__PURE__ */ jsx11(ProductOrganizationSection, {})
+      /* @__PURE__ */ jsx11(ProductOrganizationSection, {}),
+      /* @__PURE__ */ jsx11(ProductAdditionalAttributesSection, { product })
     ] })
   ] }) });
 };
@@ -1161,6 +1289,7 @@ var ProductDetailPage = Object.assign(Root, {
   useContext: useProductDetailContext
 });
 export {
+  PRODUCT_DETAIL_FIELDS,
   ProductDetailPage,
   loader
 };

package/dist/{[id]-FLIHBDAS.js → [id]-PHS2WYFX.js}

@@ -5,58 +5,60 @@ import {
   useProductTableQuery
 } from "./chunk-4MFMCZEJ.js";
 import "./chunk-FQERBIVS.js";
+import "./chunk-DB6ANJBO.js";
 import {
   useProductTableFilters
-} from "./chunk-AONKZGWL.js";
-import "./chunk-DB6ANJBO.js";
+} from "./chunk-ASEVHHCT.js";
 import "./chunk-PHOCVOZ5.js";
 import {
   _DataTable,
   useDataTable
-} from "./chunk-WHTS4G5K.js";
+} from "./chunk-QXUKJDZB.js";
 import "./chunk-LYUCDASZ.js";
 import "./chunk-KAZ5BYTQ.js";
 import "./chunk-3EF54XFY.js";
 import {
   SingleColumnPage
 } from "./chunk-RM5RSDYP.js";
-import "./chunk-WIYFXWRI.js";
 import "./chunk-THHRRYRS.js";
-import "./chunk-CFETU5BI.js";
+import "./chunk-LRD242C7.js";
+import "./chunk-NYRRRCJS.js";
+import "./chunk-STBCWNZQ.js";
+import "./chunk-F4OJN2F2.js";
+import "./chunk-LRARA622.js";
+import "./chunk-M6N4ISXL.js";
+import "./chunk-S7EKBD2C.js";
+import "./chunk-VXMOPVRH.js";
+import "./chunk-IQWK723D.js";
+import "./chunk-VV6IKGCN.js";
+import "./chunk-PCMNEUMV.js";
+import "./chunk-BOZJOOGW.js";
+import {
+  collectionsQueryKeys,
+  useCollection,
+  useUpdateCollectionProducts
+} from "./chunk-RL7SFZOF.js";
+import "./chunk-LWJF63JW.js";
+import "./chunk-NBPMNUKZ.js";
+import "./chunk-GCSQEJMD.js";
+import "./chunk-VXWN37PT.js";
+import "./chunk-UL4O5M4S.js";
+import "./chunk-FX4V5JCF.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
+import "./chunk-QHQWEERJ.js";
+import "./chunk-3B34B2M2.js";
+import "./chunk-RUE5BPC2.js";
+import "./chunk-WIYFXWRI.js";
 import "./chunk-LAVHRER2.js";
 import "./chunk-Y7QKP6QU.js";
 import {
   SingleColumnPageSkeleton
 } from "./chunk-INNFZYX2.js";
-import "./chunk-FPJLYWOU.js";
-import "./chunk-DHADGZJ5.js";
-import "./chunk-VGJTARSA.js";
-import "./chunk-DYUTYBAQ.js";
-import "./chunk-Y4VBOHAP.js";
-import "./chunk-JKXAL7WR.js";
-import "./chunk-DC2K6CFQ.js";
-import "./chunk-VDWGP2U6.js";
-import "./chunk-RE7YXVFG.js";
-import "./chunk-HUNGNEPY.js";
-import "./chunk-PADOWAXM.js";
-import {
-  collectionsQueryKeys,
-  useCollection,
-  useUpdateCollectionProducts
-} from "./chunk-LWVBKUUL.js";
-import "./chunk-RIILGKYR.js";
-import "./chunk-6EYGH3TB.js";
-import "./chunk-GTUR4HSV.js";
-import "./chunk-SI4ALL7W.js";
-import "./chunk-ZFFA36DB.js";
-import "./chunk-VHMGJUYN.js";
-import "./chunk-VJTYMQVA.js";
 import {
   useProducts
-} from "./chunk-WPFTRRWV.js";
+} from "./chunk-ZEVYT6IX.js";
 import "./chunk-A5DJIOHN.js";
 import {
   queryClient
@@ -64,8 +66,8 @@ import {
 import "./chunk-ZA2KFUFR.js";
 import {
   sdk
-} from "./chunk-Y224F4UU.js";
-import "./chunk-PKBMQBKP.js";
+} from "./chunk-RIN4CBRB.js";
+import "./chunk-NBMM2TZK.js";
 
 // src/pages/collections/[id]/loader.tsx
 var collectionDetailQuery = (id) => ({