@medusajs/dashboard 3.0.0-snapshot-20251114155958 → 3.0.0-snapshot-20251126221441

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

@@ -0,0 +1,145 @@
+import {
+  ChipInput
+} from "./chunk-XDJ7OMBR.mjs";
+import "./chunk-IUCDCPJU.mjs";
+import {
+  KeyboundForm
+} from "./chunk-6HTZNHPT.mjs";
+import {
+  RouteDrawer,
+  useRouteModal
+} from "./chunk-AERWK3TJ.mjs";
+import {
+  Form
+} from "./chunk-OBQI23QM.mjs";
+import {
+  useCreateProductOption,
+  useProduct
+} from "./chunk-AENRV3N7.mjs";
+import "./chunk-FXYH54JP.mjs";
+import "./chunk-774WSTCC.mjs";
+import "./chunk-NFEK63OE.mjs";
+import "./chunk-QZ7TP4HQ.mjs";
+
+// src/routes/products/product-create-option/product-create-option.tsx
+import { Heading } from "@medusajs/ui";
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { useParams } from "react-router-dom";
+
+// src/routes/products/product-create-option/components/create-product-option-form/create-product-option-form.tsx
+import { zodResolver } from "@hookform/resolvers/zod";
+import { Button, Input, toast } from "@medusajs/ui";
+import { useForm } from "react-hook-form";
+import { useTranslation } from "react-i18next";
+import { z } from "zod";
+import { jsx, jsxs } from "react/jsx-runtime";
+var CreateProductOptionSchema = z.object({
+  title: z.string().min(1),
+  values: z.array(z.string()).optional()
+});
+var CreateProductOptionForm = ({
+  product
+}) => {
+  const { t } = useTranslation();
+  const { handleSuccess } = useRouteModal();
+  const form = useForm({
+    defaultValues: {
+      title: "",
+      values: []
+    },
+    resolver: zodResolver(CreateProductOptionSchema)
+  });
+  const { mutateAsync, isPending } = useCreateProductOption(product.id);
+  const handleSubmit = form.handleSubmit(async (values) => {
+    mutateAsync(values, {
+      onSuccess: () => {
+        toast.success(
+          t("products.options.create.successToast", {
+            title: values.title
+          })
+        );
+        handleSuccess();
+      },
+      onError: async (err) => {
+        toast.error(err.message);
+      }
+    });
+  });
+  return /* @__PURE__ */ jsx(RouteDrawer.Form, { form, children: /* @__PURE__ */ jsxs(
+    KeyboundForm,
+    {
+      onSubmit: handleSubmit,
+      className: "flex flex-1 flex-col overflow-hidden",
+      children: [
+        /* @__PURE__ */ jsxs(RouteDrawer.Body, { className: "flex flex-1 flex-col gap-y-4 overflow-auto", children: [
+          /* @__PURE__ */ jsx(
+            Form.Field,
+            {
+              control: form.control,
+              name: "title",
+              render: ({ field }) => {
+                return /* @__PURE__ */ jsxs(Form.Item, { children: [
+                  /* @__PURE__ */ jsx(Form.Label, { children: t("products.fields.options.optionTitle") }),
+                  /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
+                    Input,
+                    {
+                      ...field,
+                      placeholder: t(
+                        "products.fields.options.optionTitlePlaceholder"
+                      )
+                    }
+                  ) }),
+                  /* @__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("products.fields.options.variations") }),
+                  /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
+                    ChipInput,
+                    {
+                      ...field,
+                      placeholder: t(
+                        "products.fields.options.variantionsPlaceholder"
+                      )
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                ] });
+              }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(RouteDrawer.Footer, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-x-2", children: [
+          /* @__PURE__ */ jsx(RouteDrawer.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "secondary", size: "small", children: t("actions.cancel") }) }),
+          /* @__PURE__ */ jsx(Button, { type: "submit", size: "small", isLoading: isPending, children: t("actions.save") })
+        ] }) })
+      ]
+    }
+  ) });
+};
+
+// src/routes/products/product-create-option/product-create-option.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var ProductCreateOption = () => {
+  const { id } = useParams();
+  const { t } = useTranslation2();
+  const { product, isLoading, isError, error } = useProduct(id);
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsxs2(RouteDrawer, { children: [
+    /* @__PURE__ */ jsx2(RouteDrawer.Header, { children: /* @__PURE__ */ jsx2(Heading, { children: t("products.options.create.header") }) }),
+    !isLoading && product && /* @__PURE__ */ jsx2(CreateProductOptionForm, { product })
+  ] });
+};
+export {
+  ProductCreateOption as Component
+};

package/dist/{product-create-variant-6UQRMACE.mjs → product-create-variant-RQEPRPG5.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-3TZOFKX2.mjs";
 import {
   Combobox
-} from "./chunk-5AM254NB.mjs";
+} from "./chunk-OFN7DIZA.mjs";
 import {
   optionalInt,
   partialFormValidation
@@ -34,28 +34,28 @@ import {
 import {
   Form
 } from "./chunk-OBQI23QM.mjs";
-import "./chunk-ZOJRDXH3.mjs";
+import "./chunk-KC64IT2X.mjs";
 import "./chunk-I4OBEAOJ.mjs";
-import "./chunk-YGEJFHC3.mjs";
 import "./chunk-HI6URQ7H.mjs";
 import "./chunk-6CLQKVAU.mjs";
-import "./chunk-KI7TOXBR.mjs";
 import "./chunk-HKIF5HVL.mjs";
+import "./chunk-M3CKVBZC.mjs";
+import "./chunk-KI7TOXBR.mjs";
 import "./chunk-WAXMT4IY.mjs";
 import "./chunk-DYDGGABK.mjs";
 import "./chunk-LGNTHZ5Y.mjs";
 import "./chunk-CN7JXSGW.mjs";
 import "./chunk-5BQQRHQS.mjs";
-import "./chunk-7H6DB666.mjs";
-import "./chunk-2WLOIS3L.mjs";
+import "./chunk-WGRVE7KY.mjs";
 import "./chunk-5AFMB7XQ.mjs";
+import "./chunk-O4RZ3Y65.mjs";
 import "./chunk-A63RZVX6.mjs";
 import "./chunk-HBXV7ENS.mjs";
 import "./chunk-CDORR33H.mjs";
-import "./chunk-VW34SZWE.mjs";
-import "./chunk-MOGV3UZD.mjs";
-import "./chunk-5N33TBBX.mjs";
-import "./chunk-FNQ227BC.mjs";
+import "./chunk-MDVO5GXZ.mjs";
+import "./chunk-KLNRCI3K.mjs";
+import "./chunk-56TDUOXV.mjs";
+import "./chunk-K5QWNI6V.mjs";
 import "./chunk-3BF5SC66.mjs";
 import {
   useStore
@@ -69,7 +69,7 @@ import {
 import {
   useCreateProductVariant,
   useProduct
-} from "./chunk-QW4SQVMT.mjs";
+} from "./chunk-AENRV3N7.mjs";
 import "./chunk-FXYH54JP.mjs";
 import "./chunk-774WSTCC.mjs";
 import {

package/dist/{product-detail-JMOULY3O.mjs → product-detail-FOLQUXCM.mjs}

@@ -15,20 +15,20 @@ import {
 import {
   TwoColumnPage
 } from "./chunk-GIZFNLKK.mjs";
-import {
-  DataTable
-} from "./chunk-TBEGSDLQ.mjs";
 import {
   useDataTableDateFilters
 } from "./chunk-2GWGNMAA.mjs";
+import {
+  DataTable
+} from "./chunk-TBEGSDLQ.mjs";
 import {
   useQueryParams
 } from "./chunk-C76H5USB.mjs";
 import "./chunk-DZWH2RV6.mjs";
 import {
   PRODUCT_DETAIL_FIELDS
-} from "./chunk-QPJUVTKW.mjs";
-import "./chunk-YVQIO3JS.mjs";
+} from "./chunk-SWS2BE3M.mjs";
+import "./chunk-GYHQTVXN.mjs";
 import "./chunk-2SSUH2HJ.mjs";
 import "./chunk-ONB3JEHR.mjs";
 import "./chunk-YCDDT44O.mjs";
@@ -55,30 +55,30 @@ import "./chunk-OC7BQLYI.mjs";
 import "./chunk-S4DMV3ZT.mjs";
 import "./chunk-SUYYSKCB.mjs";
 import "./chunk-OBQI23QM.mjs";
-import "./chunk-ZOJRDXH3.mjs";
+import "./chunk-KC64IT2X.mjs";
 import "./chunk-I4OBEAOJ.mjs";
-import "./chunk-YGEJFHC3.mjs";
 import "./chunk-HI6URQ7H.mjs";
 import "./chunk-6CLQKVAU.mjs";
-import "./chunk-KI7TOXBR.mjs";
 import "./chunk-HKIF5HVL.mjs";
+import "./chunk-M3CKVBZC.mjs";
+import "./chunk-KI7TOXBR.mjs";
 import "./chunk-WAXMT4IY.mjs";
 import "./chunk-DYDGGABK.mjs";
 import "./chunk-LGNTHZ5Y.mjs";
 import "./chunk-CN7JXSGW.mjs";
 import "./chunk-5BQQRHQS.mjs";
-import "./chunk-7H6DB666.mjs";
-import "./chunk-2WLOIS3L.mjs";
+import "./chunk-WGRVE7KY.mjs";
 import "./chunk-5AFMB7XQ.mjs";
+import "./chunk-O4RZ3Y65.mjs";
 import "./chunk-A63RZVX6.mjs";
 import "./chunk-HBXV7ENS.mjs";
 import "./chunk-CDORR33H.mjs";
-import "./chunk-VW34SZWE.mjs";
-import "./chunk-MOGV3UZD.mjs";
-import "./chunk-5N33TBBX.mjs";
+import "./chunk-MDVO5GXZ.mjs";
+import "./chunk-KLNRCI3K.mjs";
+import "./chunk-56TDUOXV.mjs";
 import {
   useSalesChannels
-} from "./chunk-FNQ227BC.mjs";
+} from "./chunk-K5QWNI6V.mjs";
 import "./chunk-3BF5SC66.mjs";
 import "./chunk-VCSSQVPD.mjs";
 import "./chunk-HP2JH45P.mjs";
@@ -86,11 +86,12 @@ import "./chunk-SQDIZZDW.mjs";
 import {
   productsQueryKeys,
   useDeleteProduct,
+  useDeleteProductOption,
   useDeleteVariantLazy,
   useProduct,
   useProductVariants,
   useUpdateProduct
-} from "./chunk-QW4SQVMT.mjs";
+} from "./chunk-AENRV3N7.mjs";
 import {
   queryClient
 } from "./chunk-FXYH54JP.mjs";
@@ -472,14 +473,31 @@ var getMedia = (product) => {
 };
 
 // src/routes/products/product-detail/components/product-option-section/product-option-section.tsx
-import { PencilSquare as PencilSquare4 } from "@medusajs/icons";
-import { Badge, Container as Container4, Heading as Heading4 } from "@medusajs/ui";
+import { PencilSquare as PencilSquare4, Plus, Trash as Trash2 } from "@medusajs/icons";
+import { Badge, Container as Container4, Heading as Heading4, usePrompt as usePrompt3 } from "@medusajs/ui";
 import { useTranslation as useTranslation4 } from "react-i18next";
 import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 var OptionActions = ({
+  product,
   option
 }) => {
   const { t } = useTranslation4();
+  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__ */ jsx5(
     ActionMenu,
     {
@@ -488,10 +506,19 @@ var OptionActions = ({
           actions: [
             {
               label: t("actions.edit"),
-              to: `/product-options/${option.id}/edit`,
+              to: `options/${option.id}/edit`,
               icon: /* @__PURE__ */ jsx5(PencilSquare4, {})
             }
           ]
+        },
+        {
+          actions: [
+            {
+              label: t("actions.delete"),
+              onClick: handleDelete,
+              icon: /* @__PURE__ */ jsx5(Trash2, {})
+            }
+          ]
         }
       ]
     }
@@ -511,9 +538,9 @@ var ProductOptionSection = ({
             {
               actions: [
                 {
-                  label: t("actions.manage"),
-                  to: "options/manage",
-                  icon: /* @__PURE__ */ jsx5(PencilSquare4, {})
+                  label: t("actions.create"),
+                  to: "options/create",
+                  icon: /* @__PURE__ */ jsx5(Plus, {})
                 }
               ]
             }
@@ -526,18 +553,7 @@ var ProductOptionSection = ({
         SectionRow,
         {
           title: option.title,
-          value: option.values?.sort((a, b) => {
-            if (a.rank == null && b.rank == null) {
-              return 0;
-            }
-            if (a.rank == null) {
-              return 1;
-            }
-            if (b.rank == null) {
-              return -1;
-            }
-            return a.rank - b.rank;
-          }).map((val) => {
+          value: option.values?.map((val) => {
             return /* @__PURE__ */ jsx5(
               Badge,
               {
@@ -548,7 +564,7 @@ var ProductOptionSection = ({
               val.value
             );
           }),
-          actions: /* @__PURE__ */ jsx5(OptionActions, { option })
+          actions: /* @__PURE__ */ jsx5(OptionActions, { product, option })
         },
         option.id
       );
@@ -737,7 +753,7 @@ var ProductSalesChannelSection = ({
 };
 
 // src/routes/products/product-detail/components/product-variant-section/product-variant-section.tsx
-import { Buildings, Component, PencilSquare as PencilSquare7, Trash as Trash2 } from "@medusajs/icons";
+import { Buildings, Component, PencilSquare as PencilSquare7, Trash as Trash3 } from "@medusajs/icons";
 import {
   Badge as Badge3,
   clx as clx2,
@@ -746,7 +762,7 @@ import {
   createDataTableCommandHelper,
   createDataTableFilterHelper,
   Tooltip as Tooltip4,
-  usePrompt as usePrompt3
+  usePrompt as usePrompt4
 } from "@medusajs/ui";
 import { keepPreviousData } from "@tanstack/react-query";
 import { useCallback, useMemo } from "react";
@@ -839,7 +855,7 @@ var useColumns = (product) => {
   const { t } = useTranslation7();
   const navigate = useNavigate3();
   const { mutateAsync } = useDeleteVariantLazy(product.id);
-  const prompt = usePrompt3();
+  const prompt = usePrompt4();
   const [searchParams] = useSearchParams();
   const tableSearchParams = useMemo(() => {
     const filtered = new URLSearchParams();
@@ -916,7 +932,7 @@ var useColumns = (product) => {
       ];
       const secondaryActions = [
         {
-          icon: /* @__PURE__ */ jsx8(Trash2, {}),
+          icon: /* @__PURE__ */ jsx8(Trash3, {}),
           label: t("actions.delete"),
           onClick: () => handleDelete(variant.id, variant.title)
         }

package/dist/{product-edit-CC4OUBEC.mjs → product-edit-WRONAZ5F.mjs}

@@ -15,11 +15,11 @@ import {
 } from "./chunk-AERWK3TJ.mjs";
 import {
   PRODUCT_DETAIL_FIELDS
-} from "./chunk-QPJUVTKW.mjs";
+} from "./chunk-SWS2BE3M.mjs";
 import {
   FormExtensionZone,
   useExtendableForm
-} from "./chunk-YVQIO3JS.mjs";
+} from "./chunk-GYHQTVXN.mjs";
 import "./chunk-2SSUH2HJ.mjs";
 import "./chunk-ONB3JEHR.mjs";
 import "./chunk-YCDDT44O.mjs";
@@ -44,28 +44,28 @@ import "./chunk-SUYYSKCB.mjs";
 import {
   Form
 } from "./chunk-OBQI23QM.mjs";
-import "./chunk-ZOJRDXH3.mjs";
+import "./chunk-KC64IT2X.mjs";
 import "./chunk-I4OBEAOJ.mjs";
-import "./chunk-YGEJFHC3.mjs";
 import "./chunk-HI6URQ7H.mjs";
 import "./chunk-6CLQKVAU.mjs";
-import "./chunk-KI7TOXBR.mjs";
 import "./chunk-HKIF5HVL.mjs";
+import "./chunk-M3CKVBZC.mjs";
+import "./chunk-KI7TOXBR.mjs";
 import "./chunk-WAXMT4IY.mjs";
 import "./chunk-DYDGGABK.mjs";
 import "./chunk-LGNTHZ5Y.mjs";
 import "./chunk-CN7JXSGW.mjs";
 import "./chunk-5BQQRHQS.mjs";
-import "./chunk-7H6DB666.mjs";
-import "./chunk-2WLOIS3L.mjs";
+import "./chunk-WGRVE7KY.mjs";
 import "./chunk-5AFMB7XQ.mjs";
+import "./chunk-O4RZ3Y65.mjs";
 import "./chunk-A63RZVX6.mjs";
 import "./chunk-HBXV7ENS.mjs";
 import "./chunk-CDORR33H.mjs";
-import "./chunk-VW34SZWE.mjs";
-import "./chunk-MOGV3UZD.mjs";
-import "./chunk-5N33TBBX.mjs";
-import "./chunk-FNQ227BC.mjs";
+import "./chunk-MDVO5GXZ.mjs";
+import "./chunk-KLNRCI3K.mjs";
+import "./chunk-56TDUOXV.mjs";
+import "./chunk-K5QWNI6V.mjs";
 import "./chunk-3BF5SC66.mjs";
 import "./chunk-VCSSQVPD.mjs";
 import "./chunk-HP2JH45P.mjs";
@@ -73,7 +73,7 @@ import "./chunk-SQDIZZDW.mjs";
 import {
   useProduct,
   useUpdateProduct
-} from "./chunk-QW4SQVMT.mjs";
+} from "./chunk-AENRV3N7.mjs";
 import "./chunk-FXYH54JP.mjs";
 import "./chunk-774WSTCC.mjs";
 import "./chunk-NFEK63OE.mjs";

package/dist/product-edit-option-VIU3ZICO.mjs

@@ -0,0 +1,150 @@
+import {
+  ChipInput
+} from "./chunk-XDJ7OMBR.mjs";
+import "./chunk-IUCDCPJU.mjs";
+import {
+  KeyboundForm
+} from "./chunk-6HTZNHPT.mjs";
+import {
+  RouteDrawer,
+  useRouteModal
+} from "./chunk-AERWK3TJ.mjs";
+import {
+  Form
+} from "./chunk-OBQI23QM.mjs";
+import {
+  useProduct,
+  useUpdateProductOption
+} from "./chunk-AENRV3N7.mjs";
+import "./chunk-FXYH54JP.mjs";
+import "./chunk-774WSTCC.mjs";
+import "./chunk-NFEK63OE.mjs";
+import "./chunk-QZ7TP4HQ.mjs";
+
+// src/routes/products/product-edit-option/product-edit-option.tsx
+import { Heading } from "@medusajs/ui";
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { json, useParams } from "react-router-dom";
+
+// src/routes/products/product-edit-option/components/edit-product-option-form/edit-product-option-form.tsx
+import { zodResolver } from "@hookform/resolvers/zod";
+import { Button, Input } from "@medusajs/ui";
+import { useForm } from "react-hook-form";
+import { useTranslation } from "react-i18next";
+import { z } from "zod";
+import { jsx, jsxs } from "react/jsx-runtime";
+var CreateProductOptionSchema = z.object({
+  title: z.string().min(1),
+  values: z.array(z.string()).optional()
+});
+var CreateProductOptionForm = ({
+  option
+}) => {
+  const { t } = useTranslation();
+  const { handleSuccess } = useRouteModal();
+  const form = useForm({
+    defaultValues: {
+      title: option.title,
+      values: option.values.map((v) => v.value)
+    },
+    resolver: zodResolver(CreateProductOptionSchema)
+  });
+  const { mutateAsync, isPending } = useUpdateProductOption(
+    option.product_id,
+    option.id
+  );
+  const handleSubmit = form.handleSubmit(async (values) => {
+    mutateAsync(
+      {
+        id: option.id,
+        ...values
+      },
+      {
+        onSuccess: () => {
+          handleSuccess();
+        }
+      }
+    );
+  });
+  return /* @__PURE__ */ jsx(RouteDrawer.Form, { form, children: /* @__PURE__ */ jsxs(
+    KeyboundForm,
+    {
+      onSubmit: handleSubmit,
+      className: "flex flex-1 flex-col overflow-hidden",
+      children: [
+        /* @__PURE__ */ jsxs(RouteDrawer.Body, { className: "flex flex-1 flex-col gap-y-4 overflow-auto", children: [
+          /* @__PURE__ */ jsx(
+            Form.Field,
+            {
+              control: form.control,
+              name: "title",
+              render: ({ field }) => {
+                return /* @__PURE__ */ jsxs(Form.Item, { children: [
+                  /* @__PURE__ */ jsx(Form.Label, { children: t("products.fields.options.optionTitle") }),
+                  /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
+                    Input,
+                    {
+                      ...field,
+                      placeholder: t(
+                        "products.fields.options.optionTitlePlaceholder"
+                      )
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                ] });
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Form.Field,
+            {
+              control: form.control,
+              name: "values",
+              render: ({ field: { ...field } }) => {
+                return /* @__PURE__ */ jsxs(Form.Item, { children: [
+                  /* @__PURE__ */ jsx(Form.Label, { children: t("products.fields.options.variations") }),
+                  /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
+                    ChipInput,
+                    {
+                      ...field,
+                      placeholder: t(
+                        "products.fields.options.variantionsPlaceholder"
+                      )
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                ] });
+              }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(RouteDrawer.Footer, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-x-2", children: [
+          /* @__PURE__ */ jsx(RouteDrawer.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "secondary", size: "small", children: t("actions.cancel") }) }),
+          /* @__PURE__ */ jsx(Button, { type: "submit", size: "small", isLoading: isPending, children: t("actions.save") })
+        ] }) })
+      ]
+    }
+  ) });
+};
+
+// src/routes/products/product-edit-option/product-edit-option.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var ProductEditOption = () => {
+  const { id, option_id } = useParams();
+  const { t } = useTranslation2();
+  const { product, isPending, isFetching, isError, error } = useProduct(id);
+  const option = product?.options.find((o) => o.id === option_id);
+  if (!isPending && !isFetching && !option) {
+    throw json({ message: `An option with ID ${option_id} was not found` }, 404);
+  }
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsxs2(RouteDrawer, { children: [
+    /* @__PURE__ */ jsx2(RouteDrawer.Header, { children: /* @__PURE__ */ jsx2(Heading, { children: t("products.options.edit.header") }) }),
+    option && /* @__PURE__ */ jsx2(CreateProductOptionForm, { option })
+  ] });
+};
+export {
+  ProductEditOption as Component
+};