@medusajs/dashboard 3.0.0-snapshot-20251216145629 → 3.0.0-snapshot-20260102134455

package/dist/{product-metadata-GL2MVPDI.mjs → product-metadata-KTVRI7B3.mjs}

@@ -9,37 +9,37 @@ import "./chunk-LPEUYMRK.mjs";
 import "./chunk-OC7BQLYI.mjs";
 import "./chunk-S4DMV3ZT.mjs";
 import "./chunk-OBQI23QM.mjs";
-import "./chunk-GRZSG4EP.mjs";
+import "./chunk-74WPAWMW.mjs";
 import "./chunk-I4OBEAOJ.mjs";
 import "./chunk-HI6URQ7H.mjs";
 import "./chunk-6CLQKVAU.mjs";
+import "./chunk-ML7BA2NY.mjs";
 import "./chunk-KI7TOXBR.mjs";
-import "./chunk-UJ2TMPV4.mjs";
-import "./chunk-23GTCEOV.mjs";
+import "./chunk-QBIQEVTU.mjs";
 import "./chunk-WAXMT4IY.mjs";
 import "./chunk-DYDGGABK.mjs";
-import "./chunk-LGNTHZ5Y.mjs";
 import "./chunk-CN7JXSGW.mjs";
+import "./chunk-LGNTHZ5Y.mjs";
 import "./chunk-5BQQRHQS.mjs";
-import "./chunk-HTCYX4VD.mjs";
+import "./chunk-G35UUG2P.mjs";
 import "./chunk-5AFMB7XQ.mjs";
-import "./chunk-UWY5ZV66.mjs";
+import "./chunk-VQ73B7ZZ.mjs";
 import "./chunk-A63RZVX6.mjs";
 import "./chunk-HBXV7ENS.mjs";
 import "./chunk-CDORR33H.mjs";
-import "./chunk-4JQR6QNW.mjs";
-import "./chunk-FYWHE3W5.mjs";
-import "./chunk-OSHH5GAS.mjs";
-import "./chunk-2XTBDCGE.mjs";
+import "./chunk-333HK6Y6.mjs";
+import "./chunk-GJN5SXGZ.mjs";
+import "./chunk-Q34TRFIW.mjs";
 import "./chunk-3BF5SC66.mjs";
+import "./chunk-DWH2OQFK.mjs";
 import "./chunk-VCSSQVPD.mjs";
 import "./chunk-HP2JH45P.mjs";
 import "./chunk-SQDIZZDW.mjs";
 import {
   useProduct,
   useUpdateProduct
-} from "./chunk-Z6BFNHEO.mjs";
-import "./chunk-HGRIOEAR.mjs";
+} from "./chunk-UCYUWNJL.mjs";
+import "./chunk-7AXHHXCX.mjs";
 import "./chunk-FXYH54JP.mjs";
 import "./chunk-774WSTCC.mjs";
 import "./chunk-NFEK63OE.mjs";

package/dist/product-option-create-C5BPN6P6.mjs

@@ -0,0 +1,268 @@
+import {
+  ChipInput,
+  SortableList
+} from "./chunk-XD72PXRS.mjs";
+import "./chunk-IUCDCPJU.mjs";
+import {
+  KeyboundForm
+} from "./chunk-6HTZNHPT.mjs";
+import "./chunk-WVA4O7QS.mjs";
+import {
+  RouteFocusModal,
+  useRouteModal
+} from "./chunk-D6UW7URG.mjs";
+import {
+  Form
+} from "./chunk-OBQI23QM.mjs";
+import "./chunk-74WPAWMW.mjs";
+import "./chunk-I4OBEAOJ.mjs";
+import "./chunk-HI6URQ7H.mjs";
+import "./chunk-6CLQKVAU.mjs";
+import "./chunk-ML7BA2NY.mjs";
+import "./chunk-KI7TOXBR.mjs";
+import "./chunk-QBIQEVTU.mjs";
+import "./chunk-WAXMT4IY.mjs";
+import "./chunk-DYDGGABK.mjs";
+import "./chunk-CN7JXSGW.mjs";
+import "./chunk-LGNTHZ5Y.mjs";
+import "./chunk-5BQQRHQS.mjs";
+import "./chunk-G35UUG2P.mjs";
+import "./chunk-5AFMB7XQ.mjs";
+import "./chunk-VQ73B7ZZ.mjs";
+import "./chunk-A63RZVX6.mjs";
+import "./chunk-HBXV7ENS.mjs";
+import "./chunk-CDORR33H.mjs";
+import "./chunk-333HK6Y6.mjs";
+import "./chunk-GJN5SXGZ.mjs";
+import "./chunk-Q34TRFIW.mjs";
+import "./chunk-3BF5SC66.mjs";
+import "./chunk-DWH2OQFK.mjs";
+import "./chunk-VCSSQVPD.mjs";
+import "./chunk-HP2JH45P.mjs";
+import "./chunk-SQDIZZDW.mjs";
+import {
+  useCreateProductOption
+} from "./chunk-UCYUWNJL.mjs";
+import "./chunk-7AXHHXCX.mjs";
+import "./chunk-FXYH54JP.mjs";
+import "./chunk-774WSTCC.mjs";
+import "./chunk-NFEK63OE.mjs";
+import "./chunk-QZ7TP4HQ.mjs";
+
+// src/routes/product-options/product-option-create/components/create-product-option-form/create-product-option-form.tsx
+import { zodResolver } from "@hookform/resolvers/zod";
+import { Button, toast } from "@medusajs/ui";
+import { useForm } from "react-hook-form";
+import { useTranslation as useTranslation3 } from "react-i18next";
+
+// src/routes/product-options/product-option-create/components/create-product-option-form/create-product-option-details.tsx
+import { Heading, Input, Text } from "@medusajs/ui";
+import { useTranslation } from "react-i18next";
+import { jsx, jsxs } from "react/jsx-runtime";
+var CreateProductOptionDetails = ({
+  form
+}) => {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsx("div", { className: "mt-16 flex flex-col items-center px-16", children: /* @__PURE__ */ jsxs("div", { className: "flex w-full max-w-[720px] flex-col gap-y-8", children: [
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx(Heading, { children: t("productOptions.create.header") }),
+      /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: t("productOptions.create.hint") })
+    ] }),
+    /* @__PURE__ */ jsx(
+      Form.Field,
+      {
+        control: form.control,
+        name: "title",
+        render: ({ field }) => {
+          return /* @__PURE__ */ jsxs(Form.Item, { children: [
+            /* @__PURE__ */ jsx(Form.Label, { children: t("productOptions.fields.title.label") }),
+            /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                autoComplete: "off",
+                ...field,
+                placeholder: t("productOptions.fields.title.placeholder")
+              }
+            ) }),
+            /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+          ] });
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Form.Field,
+      {
+        control: form.control,
+        name: "values",
+        render: ({ field }) => {
+          return /* @__PURE__ */ jsxs(Form.Item, { children: [
+            /* @__PURE__ */ jsx(Form.Label, { children: t("productOptions.fields.values.label") }),
+            /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
+              ChipInput,
+              {
+                ...field,
+                placeholder: t("productOptions.fields.values.placeholder")
+              }
+            ) }),
+            /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+          ] });
+        }
+      }
+    )
+  ] }) });
+};
+
+// src/routes/product-options/product-option-create/components/create-product-option-form/create-product-option-organize.tsx
+import { useMemo } from "react";
+import { useWatch } from "react-hook-form";
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { Text as Text2 } from "@medusajs/ui";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var CreateProductOptionOrganize = ({
+  form
+}) => {
+  const { t } = useTranslation2();
+  const values = useWatch({
+    control: form.control,
+    name: "values"
+  });
+  const valueRanks = useWatch({
+    control: form.control,
+    name: "value_ranks"
+  });
+  const items = useMemo(() => {
+    if (!values || values.length === 0) {
+      return [];
+    }
+    return values.map((value, index) => ({
+      id: value,
+      value,
+      rank: valueRanks?.[value] ?? index
+    })).sort((a, b) => a.rank - b.rank);
+  }, [values, valueRanks]);
+  const handleChange = (newItems) => {
+    const newRanks = {};
+    newItems.forEach((item, index) => {
+      newRanks[item.value] = index;
+    });
+    form.setValue("value_ranks", newRanks, {
+      shouldDirty: true,
+      shouldTouch: true
+    });
+  };
+  if (!values || values.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx2("div", { className: "px-16", children: /* @__PURE__ */ jsx2("div", { className: "mx-auto flex w-full max-w-[720px] flex-col gap-y-8 ", children: /* @__PURE__ */ jsxs2("div", { className: "border-ui-border-base flex flex-col gap-y-2 rounded-xl border", children: [
+    /* @__PURE__ */ jsx2("div", { className: "border-b-base bg-ui-bg-component border-b p-2", children: /* @__PURE__ */ jsx2(Text2, { size: "small", leading: "compact", weight: "plus", children: t("productOptions.create.tabs.organize") }) }),
+    /* @__PURE__ */ jsx2(
+      SortableList,
+      {
+        items,
+        onChange: handleChange,
+        renderItem: (item) => /* @__PURE__ */ jsx2(
+          SortableList.Item,
+          {
+            id: item.id,
+            className: "border-ui-border-base border-b last:border-b-0",
+            children: /* @__PURE__ */ jsxs2("div", { className: "flex flex-1 items-center gap-x-3 px-4 py-3", children: [
+              /* @__PURE__ */ jsx2(SortableList.DragHandle, {}),
+              /* @__PURE__ */ jsx2(Text2, { size: "small", children: item.value })
+            ] })
+          }
+        )
+      }
+    ),
+    " "
+  ] }) }) });
+};
+
+// src/routes/product-options/product-option-create/components/create-product-option-form/schema.ts
+import { z } from "zod";
+var CreateProductOptionDetailsSchema = z.object({
+  title: z.string().min(1),
+  values: z.array(z.string()).min(1, "At least one value is required")
+});
+var CreateProductOptionSchema = z.object({
+  value_ranks: z.record(z.string(), z.number()).optional()
+}).merge(CreateProductOptionDetailsSchema);
+
+// src/routes/product-options/product-option-create/components/create-product-option-form/create-product-option-form.tsx
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var CreateProductOptionForm = () => {
+  const { t } = useTranslation3();
+  const { handleSuccess } = useRouteModal();
+  const form = useForm({
+    defaultValues: {
+      title: "",
+      values: [],
+      value_ranks: {}
+    },
+    resolver: zodResolver(CreateProductOptionSchema)
+  });
+  const hasValues = (form.watch("values")?.length ?? 0) > 0;
+  const { mutateAsync, isPending } = useCreateProductOption();
+  const handleSubmit = form.handleSubmit((data) => {
+    const { title, values, value_ranks } = data;
+    const ranks = value_ranks ?? {};
+    if (!Object.keys(ranks).length) {
+      values.forEach((value, index) => ranks[value] = index + 1);
+    }
+    mutateAsync(
+      {
+        title,
+        values,
+        ranks
+      },
+      {
+        onSuccess: ({ product_option }) => {
+          toast.success(
+            t("productOptions.create.successToast", {
+              title: product_option.title
+            })
+          );
+          handleSuccess(`/product-options/${product_option.id}`);
+        },
+        onError: (error) => {
+          toast.error(error.message);
+        }
+      }
+    );
+  });
+  return /* @__PURE__ */ jsx3(RouteFocusModal.Form, { form, children: /* @__PURE__ */ jsxs3(
+    KeyboundForm,
+    {
+      onSubmit: handleSubmit,
+      className: "flex size-full flex-col overflow-hidden",
+      children: [
+        /* @__PURE__ */ jsx3(RouteFocusModal.Header, {}),
+        /* @__PURE__ */ jsxs3(RouteFocusModal.Body, { className: "flex size-full flex-col gap-y-16 overflow-auto", children: [
+          /* @__PURE__ */ jsx3(CreateProductOptionDetails, { form }),
+          hasValues && /* @__PURE__ */ jsx3(CreateProductOptionOrganize, { form })
+        ] }),
+        /* @__PURE__ */ jsx3(RouteFocusModal.Footer, { children: /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-end gap-x-2", children: [
+          /* @__PURE__ */ jsx3(RouteFocusModal.Close, { asChild: true, children: /* @__PURE__ */ jsx3(Button, { size: "small", variant: "secondary", children: t("actions.cancel") }) }),
+          /* @__PURE__ */ jsx3(
+            Button,
+            {
+              size: "small",
+              variant: "primary",
+              type: "submit",
+              isLoading: isPending,
+              children: t("actions.save")
+            }
+          )
+        ] }) })
+      ]
+    }
+  ) });
+};
+
+// src/routes/product-options/product-option-create/product-option-create.tsx
+import { jsx as jsx4 } from "react/jsx-runtime";
+var ProductOptionCreate = () => {
+  return /* @__PURE__ */ jsx4(RouteFocusModal, { children: /* @__PURE__ */ jsx4(CreateProductOptionForm, {}) });
+};
+export {
+  ProductOptionCreate as Component
+};

package/dist/product-option-detail-VVK3YBCE.mjs

@@ -0,0 +1,331 @@
+import "./chunk-PA3T6IWL.mjs";
+import "./chunk-QOCJPBRB.mjs";
+import "./chunk-QMRGIWOP.mjs";
+import "./chunk-I3VB6NM2.mjs";
+import "./chunk-ZJRFL6ZN.mjs";
+import "./chunk-YFIYCS7F.mjs";
+import "./chunk-XWO5BP42.mjs";
+import "./chunk-O7JNIATG.mjs";
+import "./chunk-TOCMU7UV.mjs";
+import "./chunk-IR5DHEKS.mjs";
+import "./chunk-MSDRGCRR.mjs";
+import {
+  useProductTableColumns
+} from "./chunk-BW322BVH.mjs";
+import "./chunk-WG7UTTKY.mjs";
+import "./chunk-VT2JJ5C2.mjs";
+import "./chunk-INE2QCSC.mjs";
+import "./chunk-XLDQPLK4.mjs";
+import "./chunk-IQBAUTU5.mjs";
+import "./chunk-NTEWUH4C.mjs";
+import "./chunk-ADOCJB6L.mjs";
+import "./chunk-X6BAAGCL.mjs";
+import "./chunk-P3UUX2T6.mjs";
+import "./chunk-DK4WIVY6.mjs";
+import "./chunk-MFALVTRQ.mjs";
+import "./chunk-RIV7FKGN.mjs";
+import "./chunk-TDK3JDOB.mjs";
+import "./chunk-FHSC5X62.mjs";
+import "./chunk-XR4GEMGR.mjs";
+import "./chunk-MOSRJHJ3.mjs";
+import "./chunk-WRSGHGAT.mjs";
+import "./chunk-OMC5JCQH.mjs";
+import "./chunk-IW4TACOD.mjs";
+import {
+  useProductTableQuery
+} from "./chunk-R65S6ZZV.mjs";
+import {
+  SingleColumnPage
+} from "./chunk-GIZFNLKK.mjs";
+import {
+  DataTable
+} from "./chunk-KCWP7RF5.mjs";
+import "./chunk-C76H5USB.mjs";
+import "./chunk-DFFLVEZ5.mjs";
+import "./chunk-MNXC6Q4F.mjs";
+import "./chunk-DG7J63J2.mjs";
+import "./chunk-G4BWCU5P.mjs";
+import {
+  useExtension
+} from "./chunk-C5P5PL3E.mjs";
+import {
+  SingleColumnPageSkeleton
+} from "./chunk-LPEUYMRK.mjs";
+import {
+  ActionMenu
+} from "./chunk-OZPB6JBL.mjs";
+import "./chunk-OC7BQLYI.mjs";
+import "./chunk-S4DMV3ZT.mjs";
+import "./chunk-535OVBXR.mjs";
+import "./chunk-74WPAWMW.mjs";
+import "./chunk-I4OBEAOJ.mjs";
+import "./chunk-HI6URQ7H.mjs";
+import "./chunk-6CLQKVAU.mjs";
+import "./chunk-ML7BA2NY.mjs";
+import "./chunk-KI7TOXBR.mjs";
+import "./chunk-QBIQEVTU.mjs";
+import "./chunk-WAXMT4IY.mjs";
+import "./chunk-DYDGGABK.mjs";
+import "./chunk-CN7JXSGW.mjs";
+import "./chunk-LGNTHZ5Y.mjs";
+import "./chunk-5BQQRHQS.mjs";
+import "./chunk-G35UUG2P.mjs";
+import "./chunk-5AFMB7XQ.mjs";
+import "./chunk-VQ73B7ZZ.mjs";
+import "./chunk-A63RZVX6.mjs";
+import "./chunk-HBXV7ENS.mjs";
+import "./chunk-CDORR33H.mjs";
+import "./chunk-333HK6Y6.mjs";
+import "./chunk-GJN5SXGZ.mjs";
+import "./chunk-Q34TRFIW.mjs";
+import "./chunk-3BF5SC66.mjs";
+import "./chunk-DWH2OQFK.mjs";
+import "./chunk-VCSSQVPD.mjs";
+import "./chunk-HP2JH45P.mjs";
+import "./chunk-SQDIZZDW.mjs";
+import {
+  productOptionsQueryKeys,
+  useDeleteProductOption,
+  useProductOption,
+  useProducts
+} from "./chunk-UCYUWNJL.mjs";
+import "./chunk-7AXHHXCX.mjs";
+import {
+  queryClient
+} from "./chunk-FXYH54JP.mjs";
+import "./chunk-774WSTCC.mjs";
+import {
+  sdk
+} from "./chunk-NFEK63OE.mjs";
+import "./chunk-QZ7TP4HQ.mjs";
+
+// src/routes/product-options/product-option-detail/breadcrumb.tsx
+import { jsx } from "react/jsx-runtime";
+var ProductOptionBreadcrumb = (match) => {
+  const productOption = match.data.product_option;
+  if (!productOption) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx("span", { children: productOption.title });
+};
+
+// src/routes/product-options/product-option-detail/product-option-detail.tsx
+import { useLoaderData, useParams } from "react-router-dom";
+
+// src/routes/product-options/product-option-detail/components/product-option-general-section/product-option-general-section.tsx
+import { PencilSquare, Trash } from "@medusajs/icons";
+import { Badge, Container, Heading } from "@medusajs/ui";
+import { useMemo } from "react";
+import { useTranslation as useTranslation2 } from "react-i18next";
+
+// src/routes/product-options/common/hooks/use-delete-product-option-action.tsx
+import { useNavigate } from "react-router-dom";
+import { toast, usePrompt } from "@medusajs/ui";
+import { useTranslation } from "react-i18next";
+var useDeleteProductOptionAction = ({
+  id,
+  title
+}) => {
+  const { t } = useTranslation();
+  const prompt = usePrompt();
+  const navigate = useNavigate();
+  const { mutateAsync } = useDeleteProductOption(id);
+  return async () => {
+    const result = await prompt({
+      title: t("general.areYouSure"),
+      description: t("productOptions.delete.confirmation", { title }),
+      confirmText: t("actions.delete"),
+      cancelText: t("actions.cancel")
+    });
+    if (!result) {
+      return;
+    }
+    await mutateAsync(void 0, {
+      onSuccess: () => {
+        navigate("/product-options", {
+          replace: true
+        });
+        toast.success(t("productOptions.delete.successToast", { title }));
+      },
+      onError: (e) => {
+        toast.error(e.message);
+      }
+    });
+  };
+};
+
+// src/routes/product-options/product-option-detail/components/product-option-general-section/product-option-general-section.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var ProductOptionGeneralSection = ({
+  productOption
+}) => {
+  const { t } = useTranslation2();
+  const handleDelete = useDeleteProductOptionAction(productOption);
+  const sortedValues = useMemo(() => {
+    if (!productOption.values) {
+      return [];
+    }
+    return [...productOption.values].sort((a, b) => {
+      const rankA = a.rank ?? Number.MAX_VALUE;
+      const rankB = b.rank ?? Number.MAX_VALUE;
+      return rankA - rankB;
+    });
+  }, [productOption.values]);
+  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: productOption.title }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-2", children: [
+        /* @__PURE__ */ jsx2(
+          Badge,
+          {
+            size: "xsmall",
+            color: productOption.is_exclusive ? "grey" : "blue",
+            children: t(
+              `general.${productOption.is_exclusive ? "exclusive" : "global"}`
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx2(
+          ActionMenu,
+          {
+            groups: [
+              {
+                actions: [
+                  {
+                    label: t("actions.edit"),
+                    icon: /* @__PURE__ */ jsx2(PencilSquare, {}),
+                    to: "edit"
+                  }
+                ]
+              },
+              {
+                actions: [
+                  {
+                    label: t("actions.delete"),
+                    icon: /* @__PURE__ */ jsx2(Trash, {}),
+                    onClick: handleDelete
+                  }
+                ]
+              }
+            ]
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx2("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsx2(ValuesDisplay, { values: sortedValues }) })
+  ] });
+};
+var ValuesDisplay = ({ values }) => {
+  return /* @__PURE__ */ jsx2("div", { className: "flex flex-wrap items-center gap-2", children: values.map((value) => /* @__PURE__ */ jsx2(Badge, { size: "xsmall", children: value.value }, value.id)) });
+};
+
+// src/routes/product-options/product-option-detail/components/product-option-product-section/product-option-product-section.tsx
+import { Container as Container2 } from "@medusajs/ui";
+import { keepPreviousData } from "@tanstack/react-query";
+import { useMemo as useMemo2 } from "react";
+import { useTranslation as useTranslation3 } from "react-i18next";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var PAGE_SIZE = 10;
+var ProductOptionProductSection = ({
+  productOptionId
+}) => {
+  const { t } = useTranslation3();
+  const { searchParams } = useProductTableQuery({ pageSize: PAGE_SIZE });
+  const { products, count, isLoading, isError, error } = useProducts(
+    {
+      limit: PAGE_SIZE,
+      ...searchParams,
+      fields: "id,title,handle,thumbnail,status,*collection,*sales_channels,*product_options,variants.id",
+      option_id: productOptionId
+    },
+    {
+      placeholderData: keepPreviousData,
+      enabled: !!productOptionId
+    }
+  );
+  const columns = useColumns();
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsx3(Container2, { className: "divide-y p-0", children: /* @__PURE__ */ jsx3(
+    DataTable,
+    {
+      data: products,
+      columns,
+      rowCount: count,
+      pageSize: PAGE_SIZE,
+      getRowId: (row) => row.id,
+      heading: t("products.domain"),
+      emptyState: {
+        empty: {
+          heading: /* @__PURE__ */ jsx3("span", { className: "text-ui-fg-subtle", children: t("general.noRecordsMessage") }),
+          description: /* @__PURE__ */ jsx3("span", { className: "text-ui-fg-muted", children: t("productOptions.products.list.noRecords") })
+        },
+        filtered: {
+          heading: t("general.noRecordsMessage"),
+          description: t("general.noRecordsMessageFiltered")
+        }
+      },
+      isLoading,
+      enableSearch: true,
+      rowHref: (row) => `/products/${row.id}`
+    }
+  ) });
+};
+var useColumns = () => {
+  const columns = useProductTableColumns();
+  return useMemo2(() => [...columns], [columns]);
+};
+
+// src/routes/product-options/product-option-detail/product-option-detail.tsx
+import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+var ProductOptionDetail = () => {
+  const { id } = useParams();
+  const initialData = useLoaderData();
+  const { getWidgets } = useExtension();
+  const { product_option, isLoading, isError, error } = useProductOption(
+    id,
+    { fields: "-products" },
+    {
+      initialData
+    }
+  );
+  if (isLoading || !product_option) {
+    return /* @__PURE__ */ jsx4(SingleColumnPageSkeleton, { sections: 2, showJSON: true, showMetadata: true });
+  }
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsxs2(
+    SingleColumnPage,
+    {
+      widgets: {
+        after: getWidgets("product_option.details.after"),
+        before: getWidgets("product_option.details.before")
+      },
+      showJSON: true,
+      showMetadata: true,
+      data: product_option,
+      children: [
+        /* @__PURE__ */ jsx4(ProductOptionGeneralSection, { productOption: product_option }),
+        /* @__PURE__ */ jsx4(ProductOptionProductSection, { productOptionId: product_option.id })
+      ]
+    }
+  );
+};
+
+// src/routes/product-options/product-option-detail/loader.ts
+var productOptionDetailQuery = (id) => ({
+  queryKey: productOptionsQueryKeys.detail(id),
+  queryFn: async () => sdk.admin.productOption.retrieve(id, { fields: "-products" })
+});
+var productOptionLoader = async ({ params }) => {
+  const id = params.id;
+  const query = productOptionDetailQuery(id);
+  return queryClient.ensureQueryData(query);
+};
+export {
+  ProductOptionBreadcrumb as Breadcrumb,
+  ProductOptionDetail as Component,
+  productOptionLoader as loader
+};