@mercurjs/admin 2.2.0-canary.2 → 2.2.0-canary.20

package/dist/product-brand-create-B3ZJGHUQ.js

@@ -1,171 +0,0 @@
-import {
-  HandleInput
-} from "./chunk-HJ56YXBU.js";
-import "./chunk-TKGWSUEI.js";
-import {
-  KeyboundForm
-} from "./chunk-U2ZFCAPX.js";
-import {
-  RouteFocusModal,
-  useRouteModal
-} from "./chunk-FWJLS7XD.js";
-import {
-  Form
-} from "./chunk-3QSRE5LS.js";
-import {
-  useCreateProductBrand
-} from "./chunk-ZZ3XFIEM.js";
-import "./chunk-RHKRREUU.js";
-import "./chunk-ZA2KFUFR.js";
-import "./chunk-ZBWL72TB.js";
-import "./chunk-NBMM2TZK.js";
-
-// src/pages/product-brands/product-brand-create/components/create-product-brand-form/create-product-brand-form.tsx
-import { zodResolver } from "@hookform/resolvers/zod";
-import { Button, Heading, Input, Text, 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 CreateProductBrandSchema = z.object({
-  name: z.string().min(1),
-  handle: z.string().optional()
-});
-var CreateProductBrandForm = () => {
-  const { t } = useTranslation();
-  const { handleSuccess } = useRouteModal();
-  const form = useForm({
-    defaultValues: {
-      name: "",
-      handle: ""
-    },
-    resolver: zodResolver(CreateProductBrandSchema)
-  });
-  const { mutateAsync, isPending } = useCreateProductBrand();
-  const handleSubmit = form.handleSubmit(
-    async (values) => {
-      await mutateAsync(
-        {
-          name: values.name,
-          handle: values.handle ? values.handle : void 0
-        },
-        {
-          onSuccess: ({ product_brand }) => {
-            toast.success(
-              t("productBrands.create.successToast", {
-                name: product_brand.name.trim()
-              })
-            );
-            handleSuccess(`/settings/product-brands/${product_brand.id}`);
-          },
-          onError: (e) => {
-            toast.error(e.message);
-          }
-        }
-      );
-    }
-  );
-  return /* @__PURE__ */ jsx(RouteFocusModal.Form, { form, "data-testid": "product-brand-create-form", children: /* @__PURE__ */ jsxs(KeyboundForm, { onSubmit: handleSubmit, className: "flex h-full flex-col", children: [
-    /* @__PURE__ */ jsx(
-      RouteFocusModal.Body,
-      {
-        className: "flex flex-col items-center overflow-auto p-16",
-        "data-testid": "product-brand-create-form-body",
-        children: /* @__PURE__ */ jsxs("div", { className: "flex w-full max-w-[720px] flex-col gap-y-8", children: [
-          /* @__PURE__ */ jsxs("div", { "data-testid": "product-brand-create-form-header-section", children: [
-            /* @__PURE__ */ jsx(Heading, { "data-testid": "product-brand-create-form-heading", children: t("productBrands.create.header") }),
-            /* @__PURE__ */ jsx(
-              Text,
-              {
-                size: "small",
-                className: "text-ui-fg-subtle",
-                "data-testid": "product-brand-create-form-hint",
-                children: t("productBrands.create.hint")
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2", children: [
-            /* @__PURE__ */ jsx(
-              Form.Field,
-              {
-                control: form.control,
-                name: "name",
-                render: ({ field }) => {
-                  return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "product-brand-create-form-name-item", children: [
-                    /* @__PURE__ */ jsx(Form.Label, { "data-testid": "product-brand-create-form-name-label", children: t("fields.name") }),
-                    /* @__PURE__ */ jsx(Form.Control, { "data-testid": "product-brand-create-form-name-control", children: /* @__PURE__ */ jsx(
-                      Input,
-                      {
-                        ...field,
-                        "data-testid": "product-brand-create-form-name-input"
-                      }
-                    ) }),
-                    /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "product-brand-create-form-name-error" })
-                  ] });
-                }
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              Form.Field,
-              {
-                control: form.control,
-                name: "handle",
-                render: ({ field }) => {
-                  return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "product-brand-create-form-handle-item", children: [
-                    /* @__PURE__ */ jsx(
-                      Form.Label,
-                      {
-                        optional: true,
-                        "data-testid": "product-brand-create-form-handle-label",
-                        children: t("fields.handle")
-                      }
-                    ),
-                    /* @__PURE__ */ jsx(Form.Control, { "data-testid": "product-brand-create-form-handle-control", children: /* @__PURE__ */ jsx(
-                      HandleInput,
-                      {
-                        ...field,
-                        "data-testid": "product-brand-create-form-handle-input"
-                      }
-                    ) }),
-                    /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "product-brand-create-form-handle-error" })
-                  ] });
-                }
-              }
-            )
-          ] })
-        ] })
-      }
-    ),
-    /* @__PURE__ */ jsx(RouteFocusModal.Footer, { "data-testid": "product-brand-create-form-footer", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-x-2", children: [
-      /* @__PURE__ */ jsx(RouteFocusModal.Close, { asChild: true, children: /* @__PURE__ */ jsx(
-        Button,
-        {
-          size: "small",
-          variant: "secondary",
-          "data-testid": "product-brand-create-form-cancel-button",
-          children: t("actions.cancel")
-        }
-      ) }),
-      /* @__PURE__ */ jsx(
-        Button,
-        {
-          size: "small",
-          variant: "primary",
-          type: "submit",
-          isLoading: isPending,
-          "data-testid": "product-brand-create-form-create-button",
-          children: t("actions.create")
-        }
-      )
-    ] }) })
-  ] }) });
-};
-
-// src/pages/product-brands/product-brand-create/product-brand-create.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
-var ProductBrandCreate = () => {
-  return /* @__PURE__ */ jsx2(RouteFocusModal, { "data-testid": "product-brand-create-modal", children: /* @__PURE__ */ jsx2(CreateProductBrandForm, {}) });
-};
-export {
-  ProductBrandCreate as Component
-};

package/dist/product-brand-detail-QBWHNBYM.js

@@ -1,100 +0,0 @@
-import {
-  ProductBrandDetailPage
-} from "./chunk-TIMU6K63.js";
-import "./chunk-V5XHY5LP.js";
-import "./chunk-Q2QFNTNX.js";
-import "./chunk-H5EOOXPA.js";
-import "./chunk-5POK3PM3.js";
-import "./chunk-LYZDVZWA.js";
-import "./chunk-FWPGOIFA.js";
-import "./chunk-DB6ANJBO.js";
-import "./chunk-PHOCVOZ5.js";
-import "./chunk-FQERBIVS.js";
-import "./chunk-NQEXDLYH.js";
-import "./chunk-YN3FGNJM.js";
-import "./chunk-KAZ5BYTQ.js";
-import "./chunk-634XVU3D.js";
-import "./chunk-E74OUNA3.js";
-import "./chunk-WIYFXWRI.js";
-import "./chunk-H6MYB7GB.js";
-import "./chunk-UZWFZMOX.js";
-import "./chunk-XQNVC4Q7.js";
-import "./chunk-DZIXC7OE.js";
-import "./chunk-THHRRYRS.js";
-import "./chunk-AXTQMIIK.js";
-import "./chunk-OH4AABUT.js";
-import "./chunk-AEMDNTW5.js";
-import "./chunk-LYD3C73Z.js";
-import "./chunk-FTAR3BDS.js";
-import "./chunk-46M463BR.js";
-import {
-  productBrandsQueryKeys,
-  useProductBrand
-} from "./chunk-ZZ3XFIEM.js";
-import "./chunk-533GMKEG.js";
-import "./chunk-YFRC6GEN.js";
-import "./chunk-DAXXLQKB.js";
-import "./chunk-OHOWEMHO.js";
-import "./chunk-JPNPTILP.js";
-import "./chunk-GKGLVDDV.js";
-import "./chunk-N6SI4IIT.js";
-import "./chunk-WJJXUXSO.js";
-import "./chunk-LAPEZATU.js";
-import "./chunk-OSEIN4Y2.js";
-import "./chunk-XZZTC7E5.js";
-import "./chunk-ZN7LWXVC.js";
-import "./chunk-VYMODH6P.js";
-import "./chunk-LEG67A2R.js";
-import "./chunk-PRBE5CM3.js";
-import "./chunk-5TRY5IMZ.js";
-import "./chunk-EPHVGD5Z.js";
-import "./chunk-B3EEDC47.js";
-import "./chunk-A772RAKB.js";
-import "./chunk-ESPLVOFC.js";
-import "./chunk-FXWKGNRV.js";
-import "./chunk-VDKOJ5WD.js";
-import "./chunk-BDGZ4EQO.js";
-import "./chunk-S5BJ5CMF.js";
-import "./chunk-H5PYBIOZ.js";
-import "./chunk-LAVHRER2.js";
-import "./chunk-Y7QKP6QU.js";
-import "./chunk-INNFZYX2.js";
-import "./chunk-2YYXP6XI.js";
-import {
-  queryClient
-} from "./chunk-RHKRREUU.js";
-import "./chunk-ZA2KFUFR.js";
-import {
-  sdk
-} from "./chunk-ZBWL72TB.js";
-import "./chunk-NBMM2TZK.js";
-
-// src/pages/product-brands/product-brand-detail/breadcrumb.tsx
-import { jsx } from "react/jsx-runtime";
-var ProductBrandDetailBreadcrumb = (props) => {
-  const { id } = props.params || {};
-  const { product_brand } = useProductBrand(id, void 0, {
-    initialData: props.data,
-    enabled: Boolean(id)
-  });
-  if (!product_brand) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx("span", { children: product_brand.name });
-};
-
-// src/pages/product-brands/product-brand-detail/loader.ts
-var productBrandDetailQuery = (id) => ({
-  queryKey: productBrandsQueryKeys.detail(id),
-  queryFn: async () => sdk.admin.productBrands.$id.query({ $id: id })
-});
-var productBrandLoader = async ({ params }) => {
-  const id = params.id;
-  const query = productBrandDetailQuery(id);
-  return queryClient.ensureQueryData(query);
-};
-export {
-  ProductBrandDetailBreadcrumb as Breadcrumb,
-  ProductBrandDetailPage as Component,
-  productBrandLoader as loader
-};

package/dist/product-brand-edit-3TQDHZNN.js

@@ -1,179 +0,0 @@
-import {
-  HandleInput
-} from "./chunk-HJ56YXBU.js";
-import "./chunk-TKGWSUEI.js";
-import {
-  KeyboundForm
-} from "./chunk-U2ZFCAPX.js";
-import {
-  RouteDrawer,
-  useRouteModal
-} from "./chunk-FWJLS7XD.js";
-import {
-  Form
-} from "./chunk-3QSRE5LS.js";
-import {
-  useProductBrand,
-  useUpdateProductBrand
-} from "./chunk-ZZ3XFIEM.js";
-import "./chunk-RHKRREUU.js";
-import "./chunk-ZA2KFUFR.js";
-import "./chunk-ZBWL72TB.js";
-import "./chunk-NBMM2TZK.js";
-
-// src/pages/product-brands/product-brand-edit/product-brand-edit.tsx
-import { Heading } from "@medusajs/ui";
-import { useTranslation as useTranslation2 } from "react-i18next";
-import { useParams } from "react-router-dom";
-
-// src/pages/product-brands/product-brand-edit/components/edit-product-brand-form/edit-product-brand-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 EditProductBrandSchema = z.object({
-  name: z.string().min(1),
-  handle: z.string().optional()
-});
-var EditProductBrandForm = ({
-  productBrand
-}) => {
-  const { t } = useTranslation();
-  const { handleSuccess } = useRouteModal();
-  const form = useForm({
-    defaultValues: {
-      name: productBrand.name,
-      handle: productBrand.handle
-    },
-    resolver: zodResolver(EditProductBrandSchema)
-  });
-  const { mutateAsync, isPending } = useUpdateProductBrand(productBrand.id);
-  const handleSubmit = form.handleSubmit(async (data) => {
-    await mutateAsync(
-      {
-        name: data.name,
-        handle: data.handle ? data.handle : void 0
-      },
-      {
-        onSuccess: ({ product_brand }) => {
-          toast.success(
-            t("productBrands.edit.successToast", {
-              name: product_brand.name
-            })
-          );
-          handleSuccess();
-        },
-        onError: (error) => {
-          toast.error(error.message);
-        }
-      }
-    );
-  });
-  return /* @__PURE__ */ jsx(RouteDrawer.Form, { form, "data-testid": "product-brand-edit-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-8 overflow-y-auto",
-            "data-testid": "product-brand-edit-form-body",
-            children: [
-              /* @__PURE__ */ jsx(
-                Form.Field,
-                {
-                  control: form.control,
-                  name: "name",
-                  render: ({ field }) => {
-                    return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "product-brand-edit-form-name-item", children: [
-                      /* @__PURE__ */ jsx(Form.Label, { "data-testid": "product-brand-edit-form-name-label", children: t("fields.name") }),
-                      /* @__PURE__ */ jsx(Form.Control, { "data-testid": "product-brand-edit-form-name-control", children: /* @__PURE__ */ jsx(
-                        Input,
-                        {
-                          ...field,
-                          "data-testid": "product-brand-edit-form-name-input"
-                        }
-                      ) }),
-                      /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "product-brand-edit-form-name-error" })
-                    ] });
-                  }
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                Form.Field,
-                {
-                  control: form.control,
-                  name: "handle",
-                  render: ({ field }) => {
-                    return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "product-brand-edit-form-handle-item", children: [
-                      /* @__PURE__ */ jsx(
-                        Form.Label,
-                        {
-                          optional: true,
-                          "data-testid": "product-brand-edit-form-handle-label",
-                          children: t("fields.handle")
-                        }
-                      ),
-                      /* @__PURE__ */ jsx(Form.Control, { "data-testid": "product-brand-edit-form-handle-control", children: /* @__PURE__ */ jsx(
-                        HandleInput,
-                        {
-                          ...field,
-                          "data-testid": "product-brand-edit-form-handle-input"
-                        }
-                      ) }),
-                      /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "product-brand-edit-form-handle-error" })
-                    ] });
-                  }
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx(RouteDrawer.Footer, { "data-testid": "product-brand-edit-form-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,
-            {
-              size: "small",
-              variant: "secondary",
-              "data-testid": "product-brand-edit-form-cancel-button",
-              children: t("actions.cancel")
-            }
-          ) }),
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              size: "small",
-              type: "submit",
-              isLoading: isPending,
-              "data-testid": "product-brand-edit-form-save-button",
-              children: t("actions.save")
-            }
-          )
-        ] }) })
-      ]
-    }
-  ) });
-};
-
-// src/pages/product-brands/product-brand-edit/product-brand-edit.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var ProductBrandEdit = () => {
-  const { id } = useParams();
-  const { t } = useTranslation2();
-  const { product_brand, isPending, isError, error } = useProductBrand(id);
-  const ready = !isPending && !!product_brand;
-  if (isError) {
-    throw error;
-  }
-  return /* @__PURE__ */ jsxs2(RouteDrawer, { "data-testid": "product-brand-edit-drawer", children: [
-    /* @__PURE__ */ jsx2(RouteDrawer.Header, { "data-testid": "product-brand-edit-drawer-header", children: /* @__PURE__ */ jsx2(Heading, { "data-testid": "product-brand-edit-drawer-heading", children: t("productBrands.edit.header") }) }),
-    ready && /* @__PURE__ */ jsx2(EditProductBrandForm, { productBrand: product_brand })
-  ] });
-};
-export {
-  ProductBrandEdit as Component
-};

package/dist/product-brand-metadata-EAMW6PQJ.js

@@ -1,87 +0,0 @@
-import {
-  MetadataForm
-} from "./chunk-WYA62MUL.js";
-import "./chunk-TKGWSUEI.js";
-import "./chunk-U2ZFCAPX.js";
-import "./chunk-FWJLS7XD.js";
-import "./chunk-3QSRE5LS.js";
-import "./chunk-AXTQMIIK.js";
-import "./chunk-OH4AABUT.js";
-import "./chunk-AEMDNTW5.js";
-import "./chunk-LYD3C73Z.js";
-import "./chunk-FTAR3BDS.js";
-import "./chunk-46M463BR.js";
-import {
-  useProductBrand,
-  useUpdateProductBrand
-} from "./chunk-ZZ3XFIEM.js";
-import "./chunk-533GMKEG.js";
-import "./chunk-YFRC6GEN.js";
-import "./chunk-DAXXLQKB.js";
-import "./chunk-OHOWEMHO.js";
-import "./chunk-JPNPTILP.js";
-import "./chunk-GKGLVDDV.js";
-import "./chunk-N6SI4IIT.js";
-import "./chunk-WJJXUXSO.js";
-import "./chunk-LAPEZATU.js";
-import "./chunk-OSEIN4Y2.js";
-import "./chunk-XZZTC7E5.js";
-import "./chunk-ZN7LWXVC.js";
-import "./chunk-VYMODH6P.js";
-import "./chunk-LEG67A2R.js";
-import "./chunk-PRBE5CM3.js";
-import "./chunk-5TRY5IMZ.js";
-import "./chunk-EPHVGD5Z.js";
-import "./chunk-B3EEDC47.js";
-import "./chunk-A772RAKB.js";
-import "./chunk-ESPLVOFC.js";
-import "./chunk-FXWKGNRV.js";
-import "./chunk-VDKOJ5WD.js";
-import "./chunk-S5BJ5CMF.js";
-import "./chunk-H5PYBIOZ.js";
-import "./chunk-LAVHRER2.js";
-import "./chunk-Y7QKP6QU.js";
-import "./chunk-INNFZYX2.js";
-import "./chunk-2YYXP6XI.js";
-import "./chunk-RHKRREUU.js";
-import "./chunk-ZA2KFUFR.js";
-import "./chunk-ZBWL72TB.js";
-import "./chunk-NBMM2TZK.js";
-
-// src/pages/product-brands/product-brand-metadata/product-brand-metadata.tsx
-import { useParams } from "react-router-dom";
-import { ClientError } from "@mercurjs/client";
-import { jsx } from "react/jsx-runtime";
-var ProductBrandMetadata = () => {
-  const { id } = useParams();
-  const { product_brand, isPending, isError, error } = useProductBrand(id);
-  const { mutateAsync, isPending: isMutating } = useUpdateProductBrand(id);
-  if (isError) {
-    throw error;
-  }
-  const handleSubmit = async (params, callbacks) => {
-    try {
-      const result = await mutateAsync({
-        metadata: params.metadata === void 0 ? void 0 : params.metadata
-      });
-      callbacks.onSuccess?.();
-      return result;
-    } catch (error2) {
-      const message = error2 instanceof ClientError ? error2.message : "An error occurred";
-      callbacks.onError?.(message);
-      throw error2;
-    }
-  };
-  return /* @__PURE__ */ jsx(
-    MetadataForm,
-    {
-      metadata: product_brand?.metadata,
-      hook: handleSubmit,
-      isPending,
-      isMutating
-    }
-  );
-};
-export {
-  ProductBrandMetadata as Component
-};

package/dist/product-create-option-NIAP75EE.js

@@ -1,130 +0,0 @@
-import {
-  ChipInput
-} from "./chunk-YGRTRAWX.js";
-import "./chunk-TKGWSUEI.js";
-import {
-  KeyboundForm
-} from "./chunk-U2ZFCAPX.js";
-import {
-  RouteDrawer,
-  useRouteModal
-} from "./chunk-FWJLS7XD.js";
-import {
-  Form
-} from "./chunk-3QSRE5LS.js";
-import {
-  PRODUCT_DETAIL_QUERY
-} from "./chunk-RQ4NMLSS.js";
-import {
-  useProduct
-} from "./chunk-2YYXP6XI.js";
-import "./chunk-RHKRREUU.js";
-import "./chunk-ZA2KFUFR.js";
-import "./chunk-ZBWL72TB.js";
-import "./chunk-NBMM2TZK.js";
-
-// src/pages/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/pages/products/product-create-option/components/create-product-option-form/create-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 = ({
-  product
-}) => {
-  const { t } = useTranslation();
-  const { handleSuccess } = useRouteModal();
-  const form = useForm({
-    defaultValues: {
-      title: "",
-      values: []
-    },
-    resolver: zodResolver(CreateProductOptionSchema)
-  });
-  const handleSubmit = form.handleSubmit(async (values) => {
-  });
-  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__ */ jsx("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") }) }) }) })
-      ]
-    }
-  ) });
-};
-
-// src/pages/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, PRODUCT_DETAIL_QUERY);
-  if (isError) {
-    throw error;
-  }
-  return /* @__PURE__ */ jsxs2(RouteDrawer, { prev: "../..", 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
-};