@mercurjs/vendor 2.1.2 → 2.2.0-canary.1

package/dist/[id]-BYP37PU4.js

@@ -1,1314 +0,0 @@
-import {
-  SectionRow
-} from "./chunk-4TLP3TAA.js";
-import {
-  SidebarLink
-} from "./chunk-4GPAS5GW.js";
-import "./chunk-U2EI2ZLM.js";
-import {
-  getFormattedCountry
-} from "./chunk-W6Y3PPU5.js";
-import {
-  TwoColumnPage
-} from "./chunk-CAS74NLJ.js";
-import {
-  useDataTableDateFilters
-} from "./chunk-HFRHHT36.js";
-import {
-  DataTable
-} from "./chunk-PPLC4IKI.js";
-import {
-  useQueryParams
-} from "./chunk-THHRRYRS.js";
-import "./chunk-LRD242C7.js";
-import "./chunk-JRTZWK77.js";
-import "./chunk-47SXTGLN.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-WBI7FEGI.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 {
-  productsQueryKeys,
-  useDeleteProduct,
-  useDeleteProductOption,
-  useDeleteVariantLazy,
-  useProduct,
-  useProductVariants,
-  useRemoveProductAttribute,
-  useUpdateProduct
-} from "./chunk-ZEVYT6IX.js";
-import "./chunk-A5DJIOHN.js";
-import {
-  queryClient
-} from "./chunk-RHKRREUU.js";
-import "./chunk-ZA2KFUFR.js";
-import {
-  sdk
-} 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, { 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;
-  const query = productDetailQuery(id);
-  const response = await queryClient.ensureQueryData({
-    ...query,
-    staleTime: 9e4
-  });
-  return response;
-};
-
-// src/pages/products/[id]/product-detail-page.tsx
-import { Children } from "react";
-import { useParams as useParams2 } from "react-router-dom";
-
-// src/pages/products/[id]/context.tsx
-import { createContext, useContext } from "react";
-import { jsx } from "react/jsx-runtime";
-var ProductDetailContext = createContext(
-  null
-);
-var useProductDetailContext = () => {
-  const context = useContext(ProductDetailContext);
-  if (!context) {
-    throw new Error(
-      "useProductDetailContext must be used within a ProductDetailPage"
-    );
-  }
-  return context;
-};
-var ProductDetailProvider = ({
-  product,
-  children
-}) => {
-  return /* @__PURE__ */ jsx(ProductDetailContext.Provider, { value: { product }, children });
-};
-
-// src/pages/products/[id]/_components/product-general-section/product-general-section.tsx
-import { PencilSquare, Trash } from "@medusajs/icons";
-import { Container, Heading, StatusBadge, usePrompt } from "@medusajs/ui";
-import { useTranslation } from "react-i18next";
-import { useNavigate } from "react-router-dom";
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-var productStatusColor = (status) => {
-  switch (status) {
-    case "draft":
-      return "grey";
-    case "proposed":
-      return "orange";
-    case "published":
-      return "green";
-    case "rejected":
-      return "red";
-    default:
-      return "grey";
-  }
-};
-var ProductGeneralSection = () => {
-  const { product } = useProductDetailContext();
-  const { t } = useTranslation();
-  const prompt = usePrompt();
-  const navigate = useNavigate();
-  const { mutateAsync } = useDeleteProduct(product.id);
-  const handleDelete = async () => {
-    const res = await prompt({
-      title: t("general.areYouSure"),
-      description: t("products.deleteWarning", {
-        title: product.title
-      }),
-      confirmText: t("actions.delete"),
-      cancelText: t("actions.cancel")
-    });
-    if (!res) {
-      return;
-    }
-    await mutateAsync(void 0, {
-      onSuccess: () => {
-        navigate("..");
-      }
-    });
-  };
-  return /* @__PURE__ */ jsxs(Container, { className: "divide-y p-0", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-6 py-4", children: [
-      /* @__PURE__ */ jsx2(Heading, { children: product.title }),
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-4", children: [
-        /* @__PURE__ */ jsx2(StatusBadge, { color: productStatusColor(product.status), children: t(`products.productStatus.${product.status}`) }),
-        /* @__PURE__ */ jsx2(
-          ActionMenu,
-          {
-            groups: [
-              {
-                actions: [
-                  {
-                    label: t("actions.edit"),
-                    to: "edit",
-                    icon: /* @__PURE__ */ jsx2(PencilSquare, {})
-                  }
-                ]
-              },
-              {
-                actions: [
-                  {
-                    label: t("actions.delete"),
-                    onClick: handleDelete,
-                    icon: /* @__PURE__ */ jsx2(Trash, {})
-                  }
-                ]
-              }
-            ]
-          }
-        )
-      ] })
-    ] }),
-    /* @__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("general.true") : t("general.false")
-      }
-    )
-  ] });
-};
-
-// src/pages/products/[id]/_components/product-media-section/product-media-section.tsx
-import { useState } from "react";
-import { PencilSquare as PencilSquare2, ThumbnailBadge } from "@medusajs/icons";
-import {
-  Button,
-  Checkbox,
-  clx,
-  CommandBar,
-  Container as Container2,
-  Heading as Heading2,
-  Text,
-  Tooltip,
-  usePrompt as usePrompt2
-} from "@medusajs/ui";
-import { useTranslation as useTranslation2 } from "react-i18next";
-import { Link } from "react-router-dom";
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
-var ProductMediaSection = () => {
-  const { product } = useProductDetailContext();
-  const { t } = useTranslation2();
-  const prompt = usePrompt2();
-  const [selection, setSelection] = useState({});
-  const media = getMedia(product);
-  const handleCheckedChange = (id) => {
-    setSelection((prev) => {
-      if (prev[id]) {
-        const { [id]: _, ...rest } = prev;
-        return rest;
-      } else {
-        return { ...prev, [id]: true };
-      }
-    });
-  };
-  const { mutateAsync } = useUpdateProduct(product.id);
-  const handleDelete = async () => {
-    const ids = Object.keys(selection);
-    const includingThumbnail = ids.some((id) => media.find((m) => m.id === id)?.isThumbnail);
-    const res = await prompt({
-      title: t("general.areYouSure"),
-      description: includingThumbnail ? t("products.media.deleteWarningWithThumbnail", {
-        count: ids.length
-      }) : t("products.media.deleteWarning", {
-        count: ids.length
-      }),
-      confirmText: t("actions.delete"),
-      cancelText: t("actions.cancel")
-    });
-    if (!res) {
-      return;
-    }
-    const mediaToKeep = product.images?.filter((i) => !ids.includes(i.id)).map((i) => ({ url: i.url }));
-    await mutateAsync(
-      {
-        images: mediaToKeep,
-        thumbnail: includingThumbnail ? "" : void 0
-      },
-      {
-        onSuccess: () => {
-          setSelection({});
-        }
-      }
-    );
-  };
-  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__ */ jsx3(Heading2, { level: "h2", children: t("products.media.label") }),
-      /* @__PURE__ */ jsx3(
-        ActionMenu,
-        {
-          groups: [
-            {
-              actions: [
-                {
-                  label: t("actions.edit"),
-                  to: "media?view=edit",
-                  icon: /* @__PURE__ */ jsx3(PencilSquare2, {})
-                }
-              ]
-            }
-          ]
-        }
-      )
-    ] }),
-    media.length > 0 ? /* @__PURE__ */ jsx3("div", { className: "grid grid-cols-[repeat(auto-fill,minmax(96px,1fr))] gap-4 px-6 py-4", children: media.map((i, index) => {
-      const isSelected = selection[i.id];
-      return /* @__PURE__ */ jsxs2(
-        "div",
-        {
-          className: "group relative aspect-square size-full cursor-pointer overflow-hidden rounded-[8px] shadow-elevation-card-rest transition-fg hover:shadow-elevation-card-hover",
-          children: [
-            /* @__PURE__ */ jsx3(
-              "div",
-              {
-                className: clx(
-                  "invisible absolute right-2 top-2 opacity-0 transition-fg group-hover:visible group-hover:opacity-100",
-                  {
-                    "visible opacity-100": isSelected
-                  }
-                ),
-                children: /* @__PURE__ */ jsx3(
-                  Checkbox,
-                  {
-                    checked: selection[i.id] || false,
-                    onCheckedChange: () => handleCheckedChange(i.id)
-                  }
-                )
-              }
-            ),
-            i.isThumbnail && /* @__PURE__ */ jsx3("div", { className: "absolute left-2 top-2", children: /* @__PURE__ */ jsx3(Tooltip, { content: t("fields.thumbnail"), children: /* @__PURE__ */ jsx3(ThumbnailBadge, {}) }) }),
-            /* @__PURE__ */ jsx3(
-              Link,
-              {
-                to: `media`,
-                state: { curr: index },
-                children: /* @__PURE__ */ jsx3(
-                  "img",
-                  {
-                    src: i.url,
-                    alt: product.title,
-                    className: "size-full object-cover"
-                  }
-                )
-              }
-            )
-          ]
-        },
-        i.id
-      );
-    }) }) : /* @__PURE__ */ jsxs2("div", { className: "flex flex-col items-center gap-y-4 pb-8 pt-6", children: [
-      /* @__PURE__ */ jsxs2("div", { className: "flex flex-col items-center", children: [
-        /* @__PURE__ */ jsx3(
-          Text,
-          {
-            size: "small",
-            leading: "compact",
-            weight: "plus",
-            className: "text-ui-fg-subtle",
-            children: t("products.media.emptyState.header")
-          }
-        ),
-        /* @__PURE__ */ jsx3(
-          Text,
-          {
-            size: "small",
-            className: "text-ui-fg-muted",
-            children: t("products.media.emptyState.description")
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsx3(
-        Button,
-        {
-          size: "small",
-          variant: "secondary",
-          asChild: true,
-          children: /* @__PURE__ */ jsx3(Link, { to: "media?view=edit", children: t("products.media.emptyState.action") })
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx3(CommandBar, { open: !!Object.keys(selection).length, children: /* @__PURE__ */ jsxs2(CommandBar.Bar, { children: [
-      /* @__PURE__ */ jsx3(CommandBar.Value, { children: t("general.countSelected", {
-        count: Object.keys(selection).length
-      }) }),
-      /* @__PURE__ */ jsx3(CommandBar.Seperator, {}),
-      /* @__PURE__ */ jsx3(
-        CommandBar.Command,
-        {
-          action: handleDelete,
-          label: t("actions.delete"),
-          shortcut: "d"
-        }
-      )
-    ] }) })
-  ] });
-};
-var getMedia = (product) => {
-  const { images = [], thumbnail } = product;
-  const media = (images || []).map((image) => ({
-    id: image.id,
-    url: image.url,
-    isThumbnail: image.url === thumbnail
-  }));
-  if (thumbnail && !media.some((mediaItem) => mediaItem.url === thumbnail)) {
-    media.unshift({
-      id: "img_thumbnail",
-      url: thumbnail,
-      isThumbnail: true
-    });
-  }
-  return media;
-};
-
-// src/pages/products/[id]/_components/product-option-section/product-option-section.tsx
-import { PencilSquare as PencilSquare3, Plus, Trash as Trash2 } from "@medusajs/icons";
-import { Badge, Container as Container3, Heading as Heading3, usePrompt as usePrompt3 } from "@medusajs/ui";
-import { useTranslation as useTranslation3 } from "react-i18next";
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
-var OptionActions = ({
-  option
-}) => {
-  const { product } = useProductDetailContext();
-  const { t } = useTranslation3();
-  const { mutateAsync } = useDeleteProductOption(product.id, option.id);
-  const prompt = usePrompt3();
-  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")
-    });
-    if (!res) {
-      return;
-    }
-    await mutateAsync();
-  };
-  return /* @__PURE__ */ jsx4(
-    ActionMenu,
-    {
-      groups: [
-        {
-          actions: [
-            {
-              label: t("actions.edit"),
-              to: `options/${option.id}/edit`,
-              icon: /* @__PURE__ */ jsx4(PencilSquare3, {})
-            }
-          ]
-        },
-        {
-          actions: [
-            {
-              label: t("actions.delete"),
-              onClick: handleDelete,
-              icon: /* @__PURE__ */ jsx4(Trash2, {})
-            }
-          ]
-        }
-      ]
-    }
-  );
-};
-var ProductOptionSection = () => {
-  const { product } = useProductDetailContext();
-  const { t } = useTranslation3();
-  return /* @__PURE__ */ jsxs3(Container3, { className: "divide-y p-0", children: [
-    /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between px-6 py-4", children: [
-      /* @__PURE__ */ jsx4(Heading3, { level: "h2", children: t("products.options.header") }),
-      /* @__PURE__ */ jsx4(
-        ActionMenu,
-        {
-          groups: [
-            {
-              actions: [
-                {
-                  label: t("actions.create"),
-                  to: "options/create",
-                  icon: /* @__PURE__ */ jsx4(Plus, {})
-                }
-              ]
-            }
-          ]
-        }
-      )
-    ] }),
-    product.options?.map((option) => {
-      return /* @__PURE__ */ jsx4(
-        SectionRow,
-        {
-          title: option.title,
-          value: option.values?.map((val) => {
-            return /* @__PURE__ */ jsx4(
-              Badge,
-              {
-                size: "2xsmall",
-                className: "flex min-w-[20px] items-center justify-center",
-                children: val.value
-              },
-              val.value
-            );
-          }),
-          actions: /* @__PURE__ */ jsx4(OptionActions, { option })
-        },
-        option.id
-      );
-    })
-  ] });
-};
-
-// 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";
-import { Link as Link2 } from "react-router-dom";
-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") }),
-      /* @__PURE__ */ jsx5(
-        ActionMenu,
-        {
-          groups: [
-            {
-              actions: [
-                {
-                  label: t("actions.edit"),
-                  to: "organization",
-                  icon: /* @__PURE__ */ jsx5(PencilSquare4, {})
-                }
-              ]
-            }
-          ]
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx5(
-      SectionRow,
-      {
-        title: t("fields.tags"),
-        value: product.tags?.length ? product.tags.map((tag) => /* @__PURE__ */ jsx5(
-          OrganizationTag,
-          {
-            label: tag.value,
-            to: `/settings/product-tags/${tag.id}`
-          },
-          tag.id
-        )) : void 0
-      }
-    ),
-    /* @__PURE__ */ jsx5(
-      SectionRow,
-      {
-        title: t("fields.type"),
-        value: product.type ? /* @__PURE__ */ jsx5(
-          OrganizationTag,
-          {
-            label: product.type.value,
-            to: `/settings/product-types/${product.type_id}`
-          }
-        ) : void 0
-      }
-    ),
-    /* @__PURE__ */ jsx5(
-      SectionRow,
-      {
-        title: t("fields.collection"),
-        value: product.collection ? /* @__PURE__ */ jsx5(
-          OrganizationTag,
-          {
-            label: product.collection.title,
-            to: `/collections/${product.collection.id}`
-          }
-        ) : void 0
-      }
-    ),
-    /* @__PURE__ */ jsx5(
-      SectionRow,
-      {
-        title: t("products.fields.primaryCategory.label"),
-        value: product.categories?.length ? product.categories.map((pcat) => /* @__PURE__ */ jsx5(
-          OrganizationTag,
-          {
-            label: pcat.name,
-            to: `/categories/${pcat.id}`
-          },
-          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
-      }
-    )
-  ] });
-};
-var OrganizationTag = ({ label, to }) => {
-  return /* @__PURE__ */ jsx5(Tooltip2, { content: label, children: /* @__PURE__ */ jsx5(Badge2, { size: "2xsmall", className: "block w-fit truncate", asChild: true, children: /* @__PURE__ */ jsx5(Link2, { to, children: label }) }) });
-};
-
-// src/pages/products/[id]/_components/product-variant-section/product-variant-section.tsx
-import { Buildings, Component, PencilSquare as PencilSquare5, Trash as Trash3 } from "@medusajs/icons";
-import {
-  Badge as Badge3,
-  clx as clx2,
-  Container as Container5,
-  createDataTableColumnHelper,
-  createDataTableCommandHelper,
-  createDataTableFilterHelper,
-  Tooltip as Tooltip3,
-  usePrompt as usePrompt4
-} from "@medusajs/ui";
-import { keepPreviousData } from "@tanstack/react-query";
-import { useCallback, useMemo as useMemo2 } from "react";
-import { useTranslation as useTranslation5 } from "react-i18next";
-import { useNavigate as useNavigate2, useParams, useSearchParams } from "react-router-dom";
-
-// src/pages/products/common/constants.ts
-var PRODUCT_VARIANT_IDS_KEY = "product_variant_ids";
-
-// src/pages/products/[id]/_components/product-variant-section/product-variant-section.tsx
-import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
-var PAGE_SIZE = 10;
-var PREFIX = "pv";
-var ProductVariantSection = () => {
-  const { id } = useParams();
-  const { product } = useProduct(id);
-  const { t } = useTranslation5();
-  const { q, order, offset, allow_backorder, manage_inventory } = useQueryParams(
-    ["q", "order", "offset", "manage_inventory", "allow_backorder"],
-    PREFIX
-  );
-  const columns = useColumns(product);
-  const filters = useFilters();
-  const commands = useCommands();
-  const { variants, count, isPending, isError, error } = useProductVariants(
-    product.id,
-    {
-      q,
-      order: order ? order : "variant_rank",
-      offset: offset ? parseInt(offset) : void 0,
-      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,updated_at,*inventory_items.inventory.location_levels,inventory_quantity,manage_inventory"
-    },
-    {
-      placeholderData: keepPreviousData
-    }
-  );
-  if (isError) {
-    throw error;
-  }
-  return /* @__PURE__ */ jsx6(Container5, { className: "divide-y p-0", children: /* @__PURE__ */ jsx6(
-    DataTable,
-    {
-      data: variants,
-      columns,
-      filters,
-      rowCount: count,
-      getRowId: (row) => row.id,
-      rowHref: (row) => `/products/${product.id}/variants/${row.id}`,
-      pageSize: PAGE_SIZE,
-      isLoading: isPending,
-      heading: t("products.variants.header"),
-      headingLevel: "h2",
-      emptyState: {
-        empty: {
-          heading: t("products.variants.empty.heading"),
-          description: t("products.variants.empty.description")
-        },
-        filtered: {
-          heading: t("products.variants.filtered.heading"),
-          description: t("products.variants.filtered.description")
-        }
-      },
-      action: {
-        label: t("actions.create"),
-        to: `variants/create`
-      },
-      actionMenu: {
-        groups: [
-          {
-            actions: [
-              {
-                label: t("products.variants.editStocksAndPrices.action", "Edit Stocks & Prices"),
-                to: `edit-stocks-and-prices`,
-                icon: /* @__PURE__ */ jsx6(PencilSquare5, {})
-              }
-            ]
-          }
-        ]
-      },
-      commands,
-      prefix: PREFIX
-    }
-  ) });
-};
-var columnHelper = createDataTableColumnHelper();
-var useColumns = (product) => {
-  const { t } = useTranslation5();
-  const navigate = useNavigate2();
-  const { mutateAsync } = useDeleteVariantLazy(product.id);
-  const prompt = usePrompt4();
-  const [searchParams] = useSearchParams();
-  const _tableSearchParams = useMemo2(() => {
-    const filtered = new URLSearchParams();
-    for (const [key, value] of searchParams.entries()) {
-      if (key.startsWith(`${PREFIX}_`)) {
-        filtered.append(key, value);
-      }
-    }
-    return filtered;
-  }, [searchParams]);
-  const handleDelete = useCallback(
-    async (id, title) => {
-      const res = await prompt({
-        title: t("general.areYouSure"),
-        description: t("products.deleteVariantWarning", {
-          title
-        }),
-        confirmText: t("actions.delete"),
-        cancelText: t("actions.cancel")
-      });
-      if (!res) {
-        return;
-      }
-      await mutateAsync({ variantId: id });
-    },
-    [mutateAsync, prompt, t]
-  );
-  const optionColumns = useMemo2(() => {
-    if (!product?.options) {
-      return [];
-    }
-    return product.options.map((option) => {
-      return columnHelper.display({
-        id: option.id,
-        header: option.title,
-        cell: ({ row }) => {
-          const variantOpt = row.original.options?.find(
-            (opt) => opt.option_id === option.id
-          );
-          if (!variantOpt) {
-            return /* @__PURE__ */ jsx6("span", { className: "text-ui-fg-muted", children: "-" });
-          }
-          return /* @__PURE__ */ jsx6("div", { className: "flex items-center", children: /* @__PURE__ */ jsx6(Tooltip3, { content: variantOpt.value, children: /* @__PURE__ */ jsx6(
-            Badge3,
-            {
-              size: "2xsmall",
-              title: variantOpt.value,
-              className: "inline-flex min-w-[20px] max-w-[140px] items-center justify-center overflow-hidden truncate",
-              children: variantOpt.value
-            }
-          ) }) });
-        }
-      });
-    });
-  }, [product]);
-  const getActions = useCallback(
-    (ctx) => {
-      const variant = ctx.row.original;
-      const mainActions = [
-        {
-          icon: /* @__PURE__ */ jsx6(PencilSquare5, {}),
-          label: t("actions.edit"),
-          onClick: () => {
-            navigate(`variants/${variant.id}/edit`);
-          }
-        }
-      ];
-      if (variant.manage_inventory) {
-        const inventoryItemsCount = variant.inventory_items?.length || 0;
-        if (inventoryItemsCount === 1) {
-          const inventoryItemLink = `/inventory/${variant.inventory_items[0].inventory.id}`;
-          mainActions.push({
-            label: t("products.variant.inventory.actions.inventoryItems"),
-            onClick: () => {
-              navigate(inventoryItemLink);
-            },
-            icon: /* @__PURE__ */ jsx6(Buildings, {})
-          });
-        } else if (inventoryItemsCount > 1) {
-          const ids = variant.inventory_items?.map((i) => i.inventory?.id).filter(Boolean);
-          if (ids && ids.length > 0) {
-            const inventoryKitLink = `/inventory?${new URLSearchParams({
-              id: ids.join(",")
-            }).toString()}`;
-            mainActions.push({
-              label: t("products.variant.inventory.actions.inventoryKit"),
-              onClick: () => {
-                navigate(inventoryKitLink);
-              },
-              icon: /* @__PURE__ */ jsx6(Component, {})
-            });
-          }
-        }
-      }
-      const secondaryActions = [
-        {
-          icon: /* @__PURE__ */ jsx6(Trash3, {}),
-          label: t("actions.delete"),
-          onClick: () => handleDelete(variant.id, variant.title)
-        }
-      ];
-      return [mainActions, secondaryActions];
-    },
-    [handleDelete, navigate, t]
-  );
-  const getInventory = useCallback(
-    (variant) => {
-      const castVariant = variant;
-      if (!variant.manage_inventory) {
-        return {
-          text: t("products.variant.inventory.notManaged"),
-          hasInventoryKit: false,
-          notManaged: true
-        };
-      }
-      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", {
-        availableCount: quantity,
-        locationCount,
-        count: locationCount
-      });
-      return { text, hasInventoryKit, quantity, notManaged: false };
-    },
-    [t]
-  );
-  return useMemo2(() => {
-    return [
-      columnHelper.accessor("thumbnail", {
-        header: "",
-        headerAlign: "center",
-        maxSize: 72,
-        cell: ({ row }) => {
-          return /* @__PURE__ */ jsx6("div", { className: "flex items-center pl-[1px]", children: /* @__PURE__ */ jsx6(Thumbnail, { src: row.original.thumbnail }) });
-        }
-      }),
-      columnHelper.accessor("title", {
-        header: t("fields.title"),
-        enableSorting: true,
-        sortAscLabel: t("filters.sorting.alphabeticallyAsc"),
-        sortDescLabel: t("filters.sorting.alphabeticallyDesc")
-      }),
-      columnHelper.accessor("sku", {
-        header: t("fields.sku"),
-        enableSorting: true,
-        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",
-        header: t("fields.inventory"),
-        cell: ({ row }) => {
-          const { text, hasInventoryKit, quantity, notManaged } = getInventory(
-            row.original
-          );
-          return /* @__PURE__ */ jsx6(Tooltip3, { content: text, children: /* @__PURE__ */ jsxs5("div", { className: "flex h-full w-full items-center gap-2 overflow-hidden", children: [
-            hasInventoryKit && /* @__PURE__ */ jsx6(Component, {}),
-            /* @__PURE__ */ jsx6(
-              "span",
-              {
-                className: clx2("truncate", {
-                  "text-ui-fg-error": !quantity && !notManaged
-                }),
-                children: text
-              }
-            )
-          ] }) });
-        },
-        maxSize: 250
-      }),
-      columnHelper.action({
-        actions: getActions
-      })
-    ];
-  }, [t, optionColumns, getActions, getInventory]);
-};
-var filterHelper = createDataTableFilterHelper();
-var useFilters = () => {
-  const { t } = useTranslation5();
-  const dateFilters = useDataTableDateFilters();
-  return useMemo2(() => {
-    return [
-      filterHelper.accessor("allow_backorder", {
-        type: "radio",
-        label: t("fields.allowBackorder"),
-        options: [
-          { label: t("filters.radio.yes"), value: "true" },
-          { label: t("filters.radio.no"), value: "false" }
-        ]
-      }),
-      filterHelper.accessor("manage_inventory", {
-        type: "radio",
-        label: t("fields.manageInventory"),
-        options: [
-          { label: t("filters.radio.yes"), value: "true" },
-          { label: t("filters.radio.no"), value: "false" }
-        ]
-      }),
-      ...dateFilters
-    ];
-  }, [t, dateFilters]);
-};
-var commandHelper = createDataTableCommandHelper();
-var useCommands = () => {
-  const { t } = useTranslation5();
-  const navigate = useNavigate2();
-  return [
-    commandHelper.command({
-      label: t("inventory.stock.action"),
-      shortcut: "i",
-      action: async (selection) => {
-        navigate(
-          `stock?${PRODUCT_VARIANT_IDS_KEY}=${Object.keys(selection).join(",")}`
-        );
-      }
-    })
-  ];
-};
-
-// src/pages/products/[id]/_components/product-attribute-section/product-attribute-section.tsx
-import { PencilSquare as PencilSquare6 } from "@medusajs/icons";
-import { Container as Container6, Heading as Heading5 } from "@medusajs/ui";
-import { useTranslation as useTranslation6 } from "react-i18next";
-import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
-var ProductAttributeSection = () => {
-  const { product } = useProductDetailContext();
-  const { t } = useTranslation6();
-  return /* @__PURE__ */ jsxs6(Container6, { className: "divide-y p-0", children: [
-    /* @__PURE__ */ jsxs6("div", { className: "flex items-center justify-between px-6 py-4", children: [
-      /* @__PURE__ */ jsx7(Heading5, { level: "h2", children: t("products.attributes") }),
-      /* @__PURE__ */ jsx7(
-        ActionMenu,
-        {
-          groups: [
-            {
-              actions: [
-                {
-                  label: t("actions.edit"),
-                  to: "attributes",
-                  icon: /* @__PURE__ */ jsx7(PencilSquare6, {})
-                }
-              ]
-            }
-          ]
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx7(SectionRow, { title: t("fields.height"), value: product.height }),
-    /* @__PURE__ */ jsx7(SectionRow, { title: t("fields.width"), value: product.width }),
-    /* @__PURE__ */ jsx7(SectionRow, { title: t("fields.length"), value: product.length }),
-    /* @__PURE__ */ jsx7(SectionRow, { title: t("fields.weight"), value: product.weight }),
-    /* @__PURE__ */ jsx7(SectionRow, { title: t("fields.midCode"), value: product.mid_code }),
-    /* @__PURE__ */ jsx7(SectionRow, { title: t("fields.hsCode"), value: product.hs_code }),
-    /* @__PURE__ */ jsx7(
-      SectionRow,
-      {
-        title: t("fields.countryOfOrigin"),
-        value: getFormattedCountry(product.origin_country)
-      }
-    )
-  ] });
-};
-
-// src/pages/products/[id]/_components/product-additional-attribute-section/ProductAdditionalAttributesSection.tsx
-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 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")
-    });
-    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: t("products.attributesSection.removeWarning"),
-      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,
-        {
-          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
-      )) })
-    ] }),
-    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 useTranslation8 } from "react-i18next";
-import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
-var ProductShippingProfileSection = () => {
-  const { product } = useProductDetailContext();
-  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: [
-      /* @__PURE__ */ jsx9(Heading7, { level: "h2", children: t("products.shippingProfile.header") }),
-      /* @__PURE__ */ jsx9(
-        ActionMenu,
-        {
-          groups: [
-            {
-              actions: [
-                {
-                  label: t("actions.edit"),
-                  to: "shipping-profile",
-                  icon: /* @__PURE__ */ jsx9(PencilSquare8, {})
-                }
-              ]
-            }
-          ]
-        }
-      )
-    ] }),
-    shippingProfile && /* @__PURE__ */ jsx9(
-      SidebarLink,
-      {
-        to: `/settings/locations/shipping-profiles/${shippingProfile.id}`,
-        labelKey: shippingProfile.name,
-        descriptionKey: shippingProfile.type,
-        icon: /* @__PURE__ */ jsx9(ShoppingBag, {})
-      }
-    )
-  ] });
-};
-
-// 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 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 } = useTranslation9();
-  const availableInSalesChannels = product.sales_channels?.map((sc) => ({
-    id: sc.id,
-    name: sc.name
-  })) ?? [];
-  const firstChannels = availableInSalesChannels.slice(0, 3);
-  const restChannels = availableInSalesChannels.slice(3);
-  return /* @__PURE__ */ jsxs9(Container9, { className: "flex flex-col gap-y-4 px-6 py-4", children: [
-    /* @__PURE__ */ jsxs9("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsx10(Heading8, { level: "h2", children: t("fields.sales_channels") }),
-      /* @__PURE__ */ jsx10(
-        ActionMenu,
-        {
-          groups: [
-            {
-              actions: [
-                {
-                  label: t("actions.edit"),
-                  to: "sales-channels",
-                  icon: /* @__PURE__ */ jsx10(PencilSquare9, {})
-                }
-              ]
-            }
-          ]
-        }
-      )
-    ] }),
-    /* @__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(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(
-              Text3,
-              {
-                size: "small",
-                leading: "compact",
-                className: "text-ui-fg-subtle",
-                children: `+${restChannels.length}`
-              }
-            )
-          }
-        )
-      ] }) : /* @__PURE__ */ jsx10(Text3, { size: "small", leading: "compact", className: "text-ui-fg-subtle", children: t("products.noSalesChannels") })
-    ] }),
-    /* @__PURE__ */ jsx10("div", { children: /* @__PURE__ */ jsx10(Text3, { className: "text-ui-fg-subtle", size: "small", leading: "compact", children: /* @__PURE__ */ jsx10(
-      Trans,
-      {
-        i18nKey: "sales_channels.availableIn",
-        values: {
-          x: availableInSalesChannels.length,
-          y: count ?? 0
-        },
-        components: [
-          /* @__PURE__ */ jsx10(
-            "span",
-            {
-              className: "text-ui-fg-base txt-compact-medium-plus"
-            },
-            "x"
-          ),
-          /* @__PURE__ */ jsx10(
-            "span",
-            {
-              className: "text-ui-fg-base txt-compact-medium-plus"
-            },
-            "y"
-          )
-        ]
-      }
-    ) }) })
-  ] });
-};
-
-// src/pages/products/[id]/product-detail-page.tsx
-import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
-var Root = ({ children }) => {
-  const { id } = useParams2();
-  const { product, isLoading, isError, error } = useProduct(id);
-  if (isLoading || !product) {
-    return /* @__PURE__ */ jsx11(TwoColumnPageSkeleton, { mainSections: 4, sidebarSections: 3 });
-  }
-  if (isError) {
-    throw error;
-  }
-  return /* @__PURE__ */ jsx11(ProductDetailProvider, { product, children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsxs10(TwoColumnPage, { data: product, children: [
-    /* @__PURE__ */ jsxs10(TwoColumnPage.Main, { children: [
-      /* @__PURE__ */ jsx11(ProductGeneralSection, {}),
-      /* @__PURE__ */ jsx11(ProductMediaSection, {}),
-      /* @__PURE__ */ jsx11(ProductVariantSection, {})
-    ] }),
-    /* @__PURE__ */ jsxs10(TwoColumnPage.Sidebar, { children: [
-      /* @__PURE__ */ jsx11(ProductOrganizationSection, {}),
-      /* @__PURE__ */ jsx11(ProductAdditionalAttributesSection, { product })
-    ] })
-  ] }) });
-};
-var ProductDetailPage = Object.assign(Root, {
-  Main: TwoColumnPage.Main,
-  Sidebar: TwoColumnPage.Sidebar,
-  MainGeneralSection: ProductGeneralSection,
-  MainMediaSection: ProductMediaSection,
-  MainOptionSection: ProductOptionSection,
-  MainVariantSection: ProductVariantSection,
-  MainAttributeSection: ProductAttributeSection,
-  MainAdditionalAttributeSection: ProductAdditionalAttributesSection,
-  SidebarShippingProfileSection: ProductShippingProfileSection,
-  SidebarOrganizationSection: ProductOrganizationSection,
-  SidebarSalesChannelSection: ProductSalesChannelSection,
-  useContext: useProductDetailContext
-});
-export {
-  PRODUCT_DETAIL_FIELDS,
-  ProductDetailPage,
-  loader
-};