@medusajs/dashboard 3.0.0-snapshot-20251208164410 → 3.0.0-snapshot-20251211173847

package/src/routes/store/store-edit/components/edit-store-form/edit-store-form.tsx

@@ -13,6 +13,7 @@ import { useUpdateStore } from "../../../../../hooks/api/store"
 import { useComboboxData } from "../../../../../hooks/use-combobox-data"
 import { sdk } from "../../../../../lib/client"
 import { useDocumentDirection } from "../../../../../hooks/use-document-direction"
+import { useFeatureFlag } from "../../../../../providers/feature-flag-provider"
 
 type EditStoreFormProps = {
   store: HttpTypes.AdminStore
@@ -21,6 +22,7 @@ type EditStoreFormProps = {
 const EditStoreSchema = z.object({
   name: z.string().min(1),
   default_currency_code: z.string().optional(),
+  default_locale_code: z.string().optional(),
   default_region_id: z.string().optional(),
   default_sales_channel_id: z.string().optional(),
   default_location_id: z.string().optional(),
@@ -28,12 +30,16 @@ const EditStoreSchema = z.object({
 
 export const EditStoreForm = ({ store }: EditStoreFormProps) => {
   const { t } = useTranslation()
+  const isTranslationsEnabled = useFeatureFlag("translation")
   const { handleSuccess } = useRouteModal()
-  const direction = useDocumentDirection()  
+  const direction = useDocumentDirection()
   const form = useForm<z.infer<typeof EditStoreSchema>>({
     defaultValues: {
       name: store.name,
       default_region_id: store.default_region_id || undefined,
+      default_locale_code:
+        store.supported_locales?.find((l) => l.is_default)?.locale_code ||
+        undefined,
       default_currency_code:
         store.supported_currencies?.find((c) => c.is_default)?.currency_code ||
         undefined,
@@ -73,10 +79,14 @@ export const EditStoreForm = ({ store }: EditStoreFormProps) => {
   })
 
   const handleSubmit = form.handleSubmit(async (values) => {
-    const { default_currency_code, ...rest } = values
+    const { default_currency_code, default_locale_code, ...rest } = values
 
     const normalizedMutation: HttpTypes.AdminUpdateStore = {
       ...rest,
+      supported_locales: store.supported_locales?.map((l) => ({
+        ...l,
+        is_default: l.locale_code === default_locale_code,
+      })),
       supported_currencies: store.supported_currencies?.map((c) => ({
         ...c,
         is_default: c.currency_code === default_currency_code,
@@ -95,7 +105,10 @@ export const EditStoreForm = ({ store }: EditStoreFormProps) => {
 
   return (
     <RouteDrawer.Form form={form}>
-      <KeyboundForm onSubmit={handleSubmit} className="flex h-full flex-col overflow-hidden">
+      <KeyboundForm
+        onSubmit={handleSubmit}
+        className="flex h-full flex-col overflow-hidden"
+      >
         <RouteDrawer.Body className="overflow-y-auto">
           <div className="flex flex-col gap-y-8">
             <Form.Field
@@ -143,6 +156,40 @@ export const EditStoreForm = ({ store }: EditStoreFormProps) => {
                 )
               }}
             />
+            {isTranslationsEnabled && (
+              <Form.Field
+                control={form.control}
+                name="default_locale_code"
+                render={({ field: { onChange, ...field } }) => {
+                  return (
+                    <Form.Item>
+                      <Form.Label>{t("store.defaultLocale")}</Form.Label>
+                      <Form.Control>
+                        <Select
+                          dir={direction}
+                          {...field}
+                          onValueChange={onChange}
+                        >
+                          <Select.Trigger ref={field.ref}>
+                            <Select.Value />
+                          </Select.Trigger>
+                          <Select.Content>
+                            {store.supported_locales?.map((locale) => (
+                              <Select.Item
+                                key={locale.locale_code}
+                                value={locale.locale_code}
+                              >
+                                {locale.locale_code}
+                              </Select.Item>
+                            ))}
+                          </Select.Content>
+                        </Select>
+                      </Form.Control>
+                    </Form.Item>
+                  )
+                }}
+              />
+            )}
             <Form.Field
               control={form.control}
               name="default_region_id"

package/src/routes/tax-regions/common/components/target-item/target-item.tsx

@@ -17,7 +17,11 @@ export const TargetItem = ({
 }: TargetItemProps) => {
   const { product } = useProduct(
     value,
-    { fields: "id,title" },
+    {
+      // TODO: Remove exclusion once we avoid including unnecessary relations by default in the query config
+      fields:
+        "id,title,-type,-collection,-options,-tags,-images,-variants,-sales_channels",
+    },
     { enabled: !label }
   )
 

package/src/routes/tax-regions/common/components/tax-override-card/tax-override-card.tsx

@@ -39,18 +39,15 @@ export const TaxOverrideCard = ({ taxRate }: TaxOverrideCardProps) => {
     return null
   }
 
-  const groupedRules = taxRate.rules.reduce(
-    (acc, rule) => {
-      if (!acc[rule.reference]) {
-        acc[rule.reference] = []
-      }
+  const groupedRules = taxRate.rules.reduce((acc, rule) => {
+    if (!acc[rule.reference]) {
+      acc[rule.reference] = []
+    }
 
-      acc[rule.reference].push(rule.reference_id)
+    acc[rule.reference].push(rule.reference_id)
 
-      return acc
-    },
-    {} as Record<string, string[]>
-  )
+    return acc
+  }, {} as Record<string, string[]>)
 
   const validKeys = Object.values(TaxRateRuleReferenceType)
   const numberOfTargets = Object.keys(groupedRules).map((key) =>
@@ -282,6 +279,9 @@ const useReferenceValues = (
     {
       id: ids.slice(0, DISPLAY_OVERRIDE_ITEMS_LIMIT),
       limit: DISPLAY_OVERRIDE_ITEMS_LIMIT,
+      // TODO: Remove exclusion once we avoid including unnecessary relations by default in the query config
+      fields:
+        "-type,-collection,-options,-tags,-images,-variants,-sales_channels",
     },
     {
       enabled: !!ids.length && type === TaxRateRuleReferenceType.PRODUCT,

package/dist/chunk-6CPMXY5N.mjs

@@ -1,18 +0,0 @@
-// src/lib/common.ts
-function pick(obj, keys) {
-  const ret = {};
-  keys.forEach((k) => {
-    if (k in obj) {
-      ret[k] = obj[k];
-    }
-  });
-  return ret;
-}
-function toCamelCase(str) {
-  return /^([a-zA-Z]+)(([A-Z]([a-z]+))+)$/.test(str) ? str : str.toLowerCase().replace(/[^a-zA-Z0-9]+(.)/g, (_, chr) => chr.toUpperCase());
-}
-
-export {
-  pick,
-  toCamelCase
-};

package/dist/chunk-BWU3ZE4W.mjs

@@ -1,13 +0,0 @@
-import {
-  getLinkedFields
-} from "./chunk-AGBHQZZT.mjs";
-
-// src/routes/products/product-detail/constants.ts
-var PRODUCT_DETAIL_FIELDS = getLinkedFields(
-  "product",
-  "*categories,*shipping_profile,-variants"
-);
-
-export {
-  PRODUCT_DETAIL_FIELDS
-};

package/dist/chunk-ZHH3W7CN.mjs

@@ -1,171 +0,0 @@
-// src/components/common/sortable-list/sortable-list.tsx
-import {
-  DndContext,
-  DragOverlay,
-  KeyboardSensor,
-  PointerSensor,
-  defaultDropAnimationSideEffects,
-  useSensor,
-  useSensors
-} from "@dnd-kit/core";
-import {
-  SortableContext,
-  arrayMove,
-  sortableKeyboardCoordinates,
-  useSortable
-} from "@dnd-kit/sortable";
-import { CSS } from "@dnd-kit/utilities";
-import { DotsSix } from "@medusajs/icons";
-import { IconButton, clx } from "@medusajs/ui";
-import {
-  Fragment,
-  createContext,
-  useContext,
-  useMemo,
-  useState
-} from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var List = ({
-  items,
-  onChange,
-  renderItem
-}) => {
-  const [active, setActive] = useState(null);
-  const [activeItem, activeIndex] = useMemo(() => {
-    if (active === null) {
-      return [null, null];
-    }
-    const index = items.findIndex(({ id }) => id === active.id);
-    return [items[index], index];
-  }, [active, items]);
-  const sensors = useSensors(
-    useSensor(PointerSensor),
-    useSensor(KeyboardSensor, {
-      coordinateGetter: sortableKeyboardCoordinates
-    })
-  );
-  const handleDragStart = ({ active: active2 }) => {
-    setActive(active2);
-  };
-  const handleDragEnd = ({ active: active2, over }) => {
-    if (over && active2.id !== over.id) {
-      const activeIndex2 = items.findIndex(({ id }) => id === active2.id);
-      const overIndex = items.findIndex(({ id }) => id === over.id);
-      onChange(arrayMove(items, activeIndex2, overIndex));
-    }
-    setActive(null);
-  };
-  const handleDragCancel = () => {
-    setActive(null);
-  };
-  return /* @__PURE__ */ jsxs(
-    DndContext,
-    {
-      sensors,
-      onDragStart: handleDragStart,
-      onDragEnd: handleDragEnd,
-      onDragCancel: handleDragCancel,
-      children: [
-        /* @__PURE__ */ jsx(Overlay, { children: activeItem && activeIndex !== null ? renderItem(activeItem, activeIndex) : null }),
-        /* @__PURE__ */ jsx(SortableContext, { items, children: /* @__PURE__ */ jsx(
-          "ul",
-          {
-            role: "application",
-            className: "flex list-inside list-none list-image-none flex-col p-0",
-            children: items.map((item, index) => /* @__PURE__ */ jsx(Fragment, { children: renderItem(item, index) }, item.id))
-          }
-        ) })
-      ]
-    }
-  );
-};
-var dropAnimationConfig = {
-  sideEffects: defaultDropAnimationSideEffects({
-    styles: {
-      active: {
-        opacity: "0.4"
-      }
-    }
-  })
-};
-var Overlay = ({ children }) => {
-  return /* @__PURE__ */ jsx(
-    DragOverlay,
-    {
-      className: "shadow-elevation-card-hover overflow-hidden rounded-md [&>li]:border-b-0",
-      dropAnimation: dropAnimationConfig,
-      children
-    }
-  );
-};
-var SortableItemContext = createContext(null);
-var useSortableItemContext = () => {
-  const context = useContext(SortableItemContext);
-  if (!context) {
-    throw new Error(
-      "useSortableItemContext must be used within a SortableItemContext"
-    );
-  }
-  return context;
-};
-var Item = ({
-  id,
-  className,
-  children
-}) => {
-  const {
-    attributes,
-    isDragging,
-    listeners,
-    setNodeRef,
-    setActivatorNodeRef,
-    transform,
-    transition
-  } = useSortable({ id });
-  const context = useMemo(
-    () => ({
-      attributes,
-      listeners,
-      ref: setActivatorNodeRef,
-      isDragging
-    }),
-    [attributes, listeners, setActivatorNodeRef, isDragging]
-  );
-  const style = {
-    opacity: isDragging ? 0.4 : void 0,
-    transform: CSS.Translate.toString(transform),
-    transition
-  };
-  return /* @__PURE__ */ jsx(SortableItemContext.Provider, { value: context, children: /* @__PURE__ */ jsx(
-    "li",
-    {
-      className: clx("transition-fg flex flex-1 list-none", className),
-      ref: setNodeRef,
-      style,
-      children
-    }
-  ) });
-};
-var DragHandle = () => {
-  const { attributes, listeners, ref } = useSortableItemContext();
-  return /* @__PURE__ */ jsx(
-    IconButton,
-    {
-      variant: "transparent",
-      size: "small",
-      ...attributes,
-      ...listeners,
-      ref,
-      className: "cursor-grab touch-none active:cursor-grabbing",
-      children: /* @__PURE__ */ jsx(DotsSix, { className: "text-ui-fg-muted" })
-    }
-  );
-};
-var SortableList = Object.assign(List, {
-  Item,
-  DragHandle
-});
-
-export {
-  SortableList
-};

package/dist/product-option-create-3Z73MSHD.mjs

@@ -1,336 +0,0 @@
-import {
-  ChipInput
-} from "./chunk-XDJ7OMBR.mjs";
-import {
-  SortableList
-} from "./chunk-ZHH3W7CN.mjs";
-import "./chunk-IUCDCPJU.mjs";
-import {
-  KeyboundForm
-} from "./chunk-6HTZNHPT.mjs";
-import {
-  RouteFocusModal,
-  useRouteModal
-} from "./chunk-AERWK3TJ.mjs";
-import {
-  useDocumentDirection
-} from "./chunk-S4DMV3ZT.mjs";
-import {
-  Form
-} from "./chunk-OBQI23QM.mjs";
-import "./chunk-NTYLG6Y3.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-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-5AFMB7XQ.mjs";
-import "./chunk-A63RZVX6.mjs";
-import "./chunk-HBXV7ENS.mjs";
-import "./chunk-CDORR33H.mjs";
-import "./chunk-3ZJ55SFA.mjs";
-import "./chunk-MOGV3UZD.mjs";
-import "./chunk-5N33TBBX.mjs";
-import "./chunk-FNQ227BC.mjs";
-import "./chunk-3BF5SC66.mjs";
-import "./chunk-VCSSQVPD.mjs";
-import "./chunk-HP2JH45P.mjs";
-import "./chunk-SQDIZZDW.mjs";
-import {
-  useCreateProductOption
-} from "./chunk-QW4SQVMT.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, ProgressTabs, toast } from "@medusajs/ui";
-import { useForm } from "react-hook-form";
-import { useTranslation as useTranslation2 } from "react-i18next";
-import { useState } from "react";
-
-// 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: "flex flex-col items-center p-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 { Text as Text2 } from "@medusajs/ui";
-import { useMemo } from "react";
-import { useWatch } from "react-hook-form";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var CreateProductOptionOrganize = ({
-  form
-}) => {
-  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(
-    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 } = useTranslation2();
-  const { handleSuccess } = useRouteModal();
-  const direction = useDocumentDirection();
-  const [activeTab, setActiveTab] = useState("details" /* DETAILS */);
-  const [validDetails, setValidDetails] = useState(false);
-  const form = useForm({
-    defaultValues: {
-      title: "",
-      values: [],
-      value_ranks: {}
-    },
-    resolver: zodResolver(CreateProductOptionSchema)
-  });
-  const handleTabChange = (tab) => {
-    if (tab === "organize" /* ORGANIZE */) {
-      const { title, values } = form.getValues();
-      const result = CreateProductOptionDetailsSchema.safeParse({
-        title,
-        values
-      });
-      if (!result.success) {
-        result.error.errors.forEach((error) => {
-          form.setError(
-            error.path.join("."),
-            {
-              type: "manual",
-              message: error.message
-            }
-          );
-        });
-        return;
-      }
-      form.clearErrors();
-      setValidDetails(true);
-    }
-    setActiveTab(tab);
-  };
-  const { mutateAsync, isPending } = useCreateProductOption();
-  const handleSubmit = form.handleSubmit((data) => {
-    const { title, values, value_ranks } = data;
-    mutateAsync(
-      {
-        title,
-        values,
-        ranks: value_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);
-        }
-      }
-    );
-  });
-  const organizeStatus = form.getFieldState("value_ranks")?.isDirty || activeTab === "organize" /* ORGANIZE */ ? "in-progress" : "not-started";
-  const detailsStatus = validDetails ? "completed" : "in-progress";
-  return /* @__PURE__ */ jsx3(RouteFocusModal.Form, { form, children: /* @__PURE__ */ jsx3(
-    KeyboundForm,
-    {
-      onSubmit: handleSubmit,
-      className: "flex size-full flex-col overflow-hidden",
-      children: /* @__PURE__ */ jsxs3(
-        ProgressTabs,
-        {
-          dir: direction,
-          value: activeTab,
-          onValueChange: (tab) => handleTabChange(tab),
-          className: "flex size-full flex-col",
-          children: [
-            /* @__PURE__ */ jsx3(RouteFocusModal.Header, { children: /* @__PURE__ */ jsx3("div", { className: "flex w-full items-center justify-between", children: /* @__PURE__ */ jsx3("div", { className: "-my-2 w-full max-w-[400px] border-l", children: /* @__PURE__ */ jsxs3(ProgressTabs.List, { className: "grid w-full grid-cols-2", children: [
-              /* @__PURE__ */ jsx3(
-                ProgressTabs.Trigger,
-                {
-                  value: "details" /* DETAILS */,
-                  status: detailsStatus,
-                  className: "w-full min-w-0 overflow-hidden",
-                  children: /* @__PURE__ */ jsx3("span", { className: "truncate", children: t("productOptions.create.tabs.details") })
-                }
-              ),
-              /* @__PURE__ */ jsx3(
-                ProgressTabs.Trigger,
-                {
-                  value: "organize" /* ORGANIZE */,
-                  status: organizeStatus,
-                  className: "w-full min-w-0 overflow-hidden",
-                  children: /* @__PURE__ */ jsx3("span", { className: "truncate", children: t("productOptions.create.tabs.organize") })
-                }
-              )
-            ] }) }) }) }),
-            /* @__PURE__ */ jsxs3(RouteFocusModal.Body, { className: "flex size-full flex-col overflow-auto", children: [
-              /* @__PURE__ */ jsx3(ProgressTabs.Content, { value: "details" /* DETAILS */, children: /* @__PURE__ */ jsx3(CreateProductOptionDetails, { form }) }),
-              /* @__PURE__ */ jsx3(
-                ProgressTabs.Content,
-                {
-                  value: "organize" /* ORGANIZE */,
-                  className: "bg-ui-bg-subtle flex-1",
-                  children: /* @__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") }) }),
-              activeTab === "organize" /* ORGANIZE */ ? /* @__PURE__ */ jsx3(
-                Button,
-                {
-                  size: "small",
-                  variant: "primary",
-                  type: "submit",
-                  isLoading: isPending,
-                  children: t("actions.save")
-                },
-                "submit-btn"
-              ) : /* @__PURE__ */ jsx3(
-                Button,
-                {
-                  size: "small",
-                  variant: "primary",
-                  type: "button",
-                  onClick: () => handleTabChange("organize" /* ORGANIZE */),
-                  children: t("actions.continue")
-                },
-                "continue-btn"
-              )
-            ] }) })
-          ]
-        }
-      )
-    }
-  ) });
-};
-
-// 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
-};