@mercurjs/vendor 2.1.2 → 2.2.0-canary.1

package/dist/create-3DOO3RNH.js

@@ -1,716 +0,0 @@
-import {
-  useComboboxData
-} from "./chunk-OVPAOBZB.js";
-import {
-  optionalInt,
-  partialFormValidation
-} from "./chunk-IZ5RG5XI.js";
-import {
-  castNumber
-} from "./chunk-SMQT3ZNO.js";
-import {
-  Combobox
-} from "./chunk-VBRTC2VU.js";
-import {
-  DataGrid,
-  createDataGridHelper,
-  createDataGridPriceColumns
-} from "./chunk-Y2QI7KWS.js";
-import "./chunk-IQPN4PZJ.js";
-import "./chunk-TKGWSUEI.js";
-import {
-  KeyboundForm
-} from "./chunk-U2ZFCAPX.js";
-import {
-  RouteDrawer,
-  RouteFocusModal,
-  useRouteModal
-} from "./chunk-3CK6OINO.js";
-import {
-  Form
-} from "./chunk-3QSRE5LS.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 {
-  usePricePreferences,
-  useRegions
-} from "./chunk-UL4O5M4S.js";
-import {
-  useStore
-} from "./chunk-FX4V5JCF.js";
-import "./chunk-3B34B2M2.js";
-import "./chunk-RUE5BPC2.js";
-import "./chunk-WIYFXWRI.js";
-import "./chunk-LAVHRER2.js";
-import "./chunk-Y7QKP6QU.js";
-import "./chunk-INNFZYX2.js";
-import {
-  useCreateProductVariant,
-  useProduct
-} from "./chunk-ZEVYT6IX.js";
-import "./chunk-A5DJIOHN.js";
-import "./chunk-RHKRREUU.js";
-import "./chunk-ZA2KFUFR.js";
-import {
-  fetchQuery
-} from "./chunk-RIN4CBRB.js";
-import "./chunk-NBMM2TZK.js";
-
-// src/pages/products/[id]/variants/create/index.tsx
-import { useParams } from "react-router-dom";
-
-// src/pages/products/[id]/variants/create/create-product-variant-form/create-product-variant-form.tsx
-import { zodResolver } from "@hookform/resolvers/zod";
-import { Button as Button2, ProgressTabs, toast } from "@medusajs/ui";
-import { useEffect, useMemo as useMemo2, useState } from "react";
-import { useFieldArray as useFieldArray2, useForm, useWatch as useWatch2 } from "react-hook-form";
-import { useTranslation as useTranslation4 } from "react-i18next";
-
-// src/pages/products/[id]/variants/create/create-product-variant-form/constants.ts
-import { z } from "zod";
-import * as zod from "zod";
-var CreateProductVariantSchema = z.object({
-  title: z.string().min(1),
-  sku: z.string().optional(),
-  manage_inventory: z.boolean().optional(),
-  allow_backorder: z.boolean().optional(),
-  inventory_kit: z.boolean().optional(),
-  options: z.record(z.string()),
-  prices: zod.record(zod.string(), zod.string().or(zod.number()).optional()).optional(),
-  inventory: z.array(
-    z.object({
-      inventory_item_id: z.string(),
-      required_quantity: optionalInt
-    })
-  ).optional()
-});
-var CreateVariantDetailsSchema = CreateProductVariantSchema.pick({
-  title: true,
-  sku: true,
-  manage_inventory: true,
-  allow_backorder: true,
-  inventory_kit: true,
-  options: true
-});
-var CreateVariantDetailsFields = Object.keys(
-  CreateVariantDetailsSchema.shape
-);
-var CreateVariantPriceSchema = CreateProductVariantSchema.pick({
-  prices: true
-});
-var CreateVariantPriceFields = Object.keys(
-  CreateVariantPriceSchema.shape
-);
-
-// src/pages/products/[id]/variants/create/create-product-variant-form/details-tab.tsx
-import { Heading, Input } from "@medusajs/ui";
-import { useTranslation } from "react-i18next";
-import { jsx, jsxs } from "react/jsx-runtime";
-function DetailsTab({ form, product }) {
-  const { t } = useTranslation();
-  return /* @__PURE__ */ jsx("div", { className: "flex flex-1 flex-col items-center overflow-y-auto", children: /* @__PURE__ */ jsxs("div", { className: "flex w-full max-w-[720px] flex-col gap-y-8 px-8 py-16", children: [
-    /* @__PURE__ */ jsx(Heading, { level: "h1", children: t("products.variant.create.header") }),
-    /* @__PURE__ */ jsxs("div", { className: "my-8 grid grid-cols-1 gap-4 md:grid-cols-2", children: [
-      /* @__PURE__ */ jsx(
-        Form.Field,
-        {
-          control: form.control,
-          name: "title",
-          render: ({ field }) => {
-            return /* @__PURE__ */ jsxs(Form.Item, { children: [
-              /* @__PURE__ */ jsx(Form.Label, { children: t("fields.title") }),
-              /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
-              /* @__PURE__ */ jsx(Form.ErrorMessage, {})
-            ] });
-          }
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        Form.Field,
-        {
-          control: form.control,
-          name: "sku",
-          render: ({ field }) => {
-            return /* @__PURE__ */ jsxs(Form.Item, { children: [
-              /* @__PURE__ */ jsx(Form.Label, { optional: true, children: t("fields.sku") }),
-              /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
-              /* @__PURE__ */ jsx(Form.ErrorMessage, {})
-            ] });
-          }
-        }
-      ),
-      (product.options || []).map((option) => /* @__PURE__ */ jsx(
-        Form.Field,
-        {
-          control: form.control,
-          name: `options.${option.title}`,
-          render: ({ field: { value, onChange, ...field } }) => {
-            return /* @__PURE__ */ jsxs(Form.Item, { children: [
-              /* @__PURE__ */ jsx(Form.Label, { children: option.title }),
-              /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
-                Combobox,
-                {
-                  value,
-                  onChange: (v) => {
-                    onChange(v);
-                  },
-                  ...field,
-                  options: option.values.map((v) => ({
-                    label: v.value,
-                    value: v.value
-                  }))
-                }
-              ) })
-            ] });
-          }
-        },
-        option.id
-      ))
-    ] })
-  ] }) });
-}
-var details_tab_default = DetailsTab;
-
-// src/pages/products/[id]/variants/create/create-product-variant-form/inventory-kit-tab.tsx
-import { useFieldArray } from "react-hook-form";
-import { Button, Heading as Heading2, IconButton, Input as Input2, Label } from "@medusajs/ui";
-import { XMarkMini } from "@medusajs/icons";
-import { useTranslation as useTranslation2 } from "react-i18next";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-function InventoryKitTab({ form }) {
-  const { t } = useTranslation2();
-  const inventory = useFieldArray({
-    control: form.control,
-    name: `inventory`
-  });
-  const inventoryFormData = inventory.fields;
-  const items = useComboboxData({
-    queryKey: ["inventory_items"],
-    queryFn: (params) => fetchQuery(`/vendor/inventory-items`, {
-      method: "GET",
-      query: params
-    }),
-    getOptions: (data) => data.inventory_items.map((item) => ({
-      label: item.title || item.sku || item.id,
-      value: item.id
-    }))
-  });
-  const isItemOptionDisabled = (option, inventoryIndex) => {
-    return inventoryFormData?.some(
-      (i, index) => index != inventoryIndex && i.inventory_item_id === option.value
-    );
-  };
-  return /* @__PURE__ */ jsx2("div", { className: "flex flex-col items-center p-16", children: /* @__PURE__ */ jsx2("div", { className: "flex w-full max-w-[720px] flex-col gap-y-8", children: /* @__PURE__ */ jsxs2("div", { id: "organize", className: "flex flex-col gap-y-8", children: [
-    /* @__PURE__ */ jsx2(Heading2, { children: t("products.create.inventory.heading") }),
-    /* @__PURE__ */ jsxs2("div", { className: "grid gap-y-4", children: [
-      /* @__PURE__ */ jsxs2("div", { className: "flex items-start justify-between gap-x-4", children: [
-        /* @__PURE__ */ jsxs2("div", { className: "flex flex-col", children: [
-          /* @__PURE__ */ jsx2(Form.Label, { children: form.getValues("title") }),
-          /* @__PURE__ */ jsx2(Form.Hint, { children: t("products.create.inventory.label") })
-        ] }),
-        /* @__PURE__ */ jsx2(
-          Button,
-          {
-            size: "small",
-            variant: "secondary",
-            type: "button",
-            onClick: () => {
-              inventory.append({
-                inventory_item_id: "",
-                required_quantity: ""
-              });
-            },
-            children: t("actions.add")
-          }
-        )
-      ] }),
-      inventory.fields.map((inventoryItem, inventoryIndex) => /* @__PURE__ */ jsxs2(
-        "li",
-        {
-          className: "bg-ui-bg-component shadow-elevation-card-rest grid grid-cols-[1fr_28px] items-center gap-1.5 rounded-xl p-1.5",
-          children: [
-            /* @__PURE__ */ jsxs2("div", { className: "grid grid-cols-[min-content,1fr] items-center gap-1.5", children: [
-              /* @__PURE__ */ jsx2("div", { className: "flex items-center px-2 py-1.5", children: /* @__PURE__ */ jsx2(
-                Label,
-                {
-                  size: "xsmall",
-                  weight: "plus",
-                  className: "text-ui-fg-subtle",
-                  htmlFor: `inventory.${inventoryIndex}.inventory_item_id`,
-                  children: t("fields.item")
-                }
-              ) }),
-              /* @__PURE__ */ jsx2(
-                Form.Field,
-                {
-                  control: form.control,
-                  name: `inventory.${inventoryIndex}.inventory_item_id`,
-                  render: ({ field }) => {
-                    return /* @__PURE__ */ jsx2(Form.Item, { children: /* @__PURE__ */ jsx2(Form.Control, { children: /* @__PURE__ */ jsx2(
-                      Combobox,
-                      {
-                        ...field,
-                        options: items.options.map((o) => ({
-                          ...o,
-                          disabled: isItemOptionDisabled(
-                            o,
-                            inventoryIndex
-                          )
-                        })),
-                        searchValue: items.searchValue,
-                        onSearchValueChange: items.onSearchValueChange,
-                        fetchNextPage: items.fetchNextPage,
-                        className: "bg-ui-bg-field-component hover:bg-ui-bg-field-component-hover",
-                        placeholder: t(
-                          "products.create.inventory.itemPlaceholder"
-                        )
-                      }
-                    ) }) });
-                  }
-                }
-              ),
-              /* @__PURE__ */ jsx2("div", { className: "flex items-center px-2 py-1.5", children: /* @__PURE__ */ jsx2(
-                Label,
-                {
-                  size: "xsmall",
-                  weight: "plus",
-                  className: "text-ui-fg-subtle",
-                  htmlFor: `inventory.${inventoryIndex}.required_quantity`,
-                  children: t("fields.quantity")
-                }
-              ) }),
-              /* @__PURE__ */ jsx2(
-                Form.Field,
-                {
-                  control: form.control,
-                  name: `inventory.${inventoryIndex}.required_quantity`,
-                  render: ({ field: { onChange, value, ...field } }) => {
-                    return /* @__PURE__ */ jsxs2(Form.Item, { children: [
-                      /* @__PURE__ */ jsx2(Form.Control, { children: /* @__PURE__ */ jsx2(
-                        Input2,
-                        {
-                          type: "number",
-                          className: "bg-ui-bg-field-component",
-                          min: 0,
-                          value,
-                          onChange: (e) => {
-                            const value2 = e.target.value;
-                            if (value2 === "") {
-                              onChange(null);
-                            } else {
-                              onChange(Number(value2));
-                            }
-                          },
-                          ...field,
-                          placeholder: t(
-                            "products.create.inventory.quantityPlaceholder"
-                          )
-                        }
-                      ) }),
-                      /* @__PURE__ */ jsx2(Form.ErrorMessage, {})
-                    ] });
-                  }
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsx2(
-              IconButton,
-              {
-                type: "button",
-                size: "small",
-                variant: "transparent",
-                className: "text-ui-fg-muted",
-                onClick: () => inventory.remove(inventoryIndex),
-                children: /* @__PURE__ */ jsx2(XMarkMini, {})
-              }
-            )
-          ]
-        },
-        inventoryItem.id
-      ))
-    ] })
-  ] }) }) });
-}
-var inventory_kit_tab_default = InventoryKitTab;
-
-// src/pages/products/[id]/variants/create/create-product-variant-form/pricing-tab.tsx
-import { useMemo } from "react";
-import { useWatch } from "react-hook-form";
-import { useTranslation as useTranslation3 } from "react-i18next";
-import { jsx as jsx3 } from "react/jsx-runtime";
-function PricingTab({ form }) {
-  const { store } = useStore();
-  const { regions } = useRegions({ limit: 9999 });
-  const { price_preferences: pricePreferences } = usePricePreferences({});
-  const { setCloseOnEscape } = useRouteModal();
-  const columns = useVariantPriceGridColumns({
-    currencies: store?.supported_currencies,
-    regions,
-    pricePreferences
-  });
-  const variant = useWatch({
-    control: form.control
-  });
-  return /* @__PURE__ */ jsx3(
-    DataGrid,
-    {
-      columns,
-      data: [variant],
-      state: form,
-      onEditingChange: (editing) => setCloseOnEscape(!editing)
-    }
-  );
-}
-var columnHelper = createDataGridHelper();
-var useVariantPriceGridColumns = ({
-  currencies = [],
-  regions: _regions = [],
-  pricePreferences = []
-}) => {
-  const { t } = useTranslation3();
-  return useMemo(() => {
-    return [
-      columnHelper.column({
-        id: t("fields.title"),
-        header: t("fields.title"),
-        cell: (context) => {
-          const entity = context.row.original;
-          return /* @__PURE__ */ jsx3(DataGrid.ReadonlyCell, { context, children: /* @__PURE__ */ jsx3("div", { className: "flex h-full w-full items-center gap-x-2 overflow-hidden", children: /* @__PURE__ */ jsx3("span", { className: "truncate", children: entity.title }) }) });
-        },
-        disableHiding: true
-      }),
-      ...createDataGridPriceColumns({
-        currencies: currencies.map((c) => c.currency_code),
-        pricePreferences,
-        getFieldName: (context, value) => {
-          if (context.column.id?.startsWith("currency_prices")) {
-            return `prices.${value}`;
-          }
-          return `prices.${value}`;
-        },
-        t
-      })
-    ];
-  }, [t, currencies, pricePreferences]);
-};
-var pricing_tab_default = PricingTab;
-
-// src/pages/products/[id]/variants/create/create-product-variant-form/create-product-variant-form.tsx
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
-var initialTabState = {
-  ["detail" /* DETAIL */]: "in-progress",
-  ["price" /* PRICE */]: "not-started",
-  ["inventory" /* INVENTORY */]: "not-started"
-};
-var CreateProductVariantForm = ({
-  product
-}) => {
-  const { t } = useTranslation4();
-  const { handleSuccess } = useRouteModal();
-  const [tab, setTab] = useState(
-    "detail" /* DETAIL */
-  );
-  const [tabState, setTabState] = useState(initialTabState);
-  const form = useForm({
-    defaultValues: {
-      sku: "",
-      title: "",
-      manage_inventory: false,
-      allow_backorder: false,
-      inventory_kit: false,
-      options: {}
-    },
-    resolver: zodResolver(CreateProductVariantSchema)
-  });
-  const { mutateAsync, isPending } = useCreateProductVariant(product.id);
-  const { regions } = useRegions({ limit: 9999 });
-  const regionsCurrencyMap = useMemo2(() => {
-    if (!regions?.length) {
-      return {};
-    }
-    return regions.reduce(
-      (acc, reg) => {
-        acc[reg.id] = reg.currency_code;
-        return acc;
-      },
-      {}
-    );
-  }, [regions]);
-  const isManageInventoryEnabled = useWatch2({
-    control: form.control,
-    name: "manage_inventory"
-  });
-  const isInventoryKitEnabled = useWatch2({
-    control: form.control,
-    name: "inventory_kit"
-  });
-  const inventoryField = useFieldArray2({
-    control: form.control,
-    name: `inventory`
-  });
-  const inventoryTabEnabled = isManageInventoryEnabled && isInventoryKitEnabled;
-  const tabOrder = useMemo2(() => {
-    if (inventoryTabEnabled) {
-      return ["detail" /* DETAIL */, "price" /* PRICE */, "inventory" /* INVENTORY */];
-    }
-    return ["detail" /* DETAIL */, "price" /* PRICE */, "inventory" /* INVENTORY */];
-  }, [inventoryTabEnabled]);
-  useEffect(() => {
-    if (isInventoryKitEnabled && inventoryField.fields.length === 0) {
-      inventoryField.append({
-        inventory_item_id: "",
-        required_quantity: void 0
-      });
-    }
-  }, [
-    isInventoryKitEnabled,
-    inventoryField.fields.length,
-    inventoryField
-  ]);
-  const handleChangeTab = (update) => {
-    if (tab === update) {
-      return;
-    }
-    if (tabOrder.indexOf(update) < tabOrder.indexOf(tab)) {
-      const isCurrentTabDirty = false;
-      setTabState((prev) => ({
-        ...prev,
-        [tab]: isCurrentTabDirty ? prev[tab] : "not-started",
-        [update]: "in-progress"
-      }));
-      setTab(update);
-      return;
-    }
-    const tabs = tabOrder.slice(0, tabOrder.indexOf(update));
-    for (const tab2 of tabs) {
-      if (tab2 === "detail" /* DETAIL */) {
-        if (!partialFormValidation(
-          form,
-          CreateVariantDetailsFields,
-          CreateVariantDetailsSchema
-        )) {
-          setTabState((prev) => ({
-            ...prev,
-            [tab2]: "in-progress"
-          }));
-          setTab(tab2);
-          return;
-        }
-        setTabState((prev) => ({
-          ...prev,
-          [tab2]: "completed"
-        }));
-      } else if (tab2 === "price" /* PRICE */) {
-        if (!partialFormValidation(
-          form,
-          CreateVariantPriceFields,
-          CreateVariantPriceSchema
-        )) {
-          setTabState((prev) => ({
-            ...prev,
-            [tab2]: "in-progress"
-          }));
-          setTab(tab2);
-          return;
-        }
-        setTabState((prev) => ({
-          ...prev,
-          [tab2]: "completed"
-        }));
-      }
-    }
-    setTabState((prev) => ({
-      ...prev,
-      [tab]: "completed",
-      [update]: "in-progress"
-    }));
-    setTab(update);
-  };
-  const handleNextTab = (tab2) => {
-    if (tabOrder.indexOf(tab2) + 1 >= tabOrder.length) {
-      return;
-    }
-    const nextTab = tabOrder[tabOrder.indexOf(tab2) + 1];
-    handleChangeTab(nextTab);
-  };
-  const handleSubmit = form.handleSubmit(async (data) => {
-    const { sku, title } = data;
-    await mutateAsync(
-      {
-        title,
-        sku: sku || void 0,
-        allow_backorder: false,
-        manage_inventory: true,
-        options: data.options,
-        prices: Object.entries(data.prices ?? {}).map(([currencyOrRegion, value]) => {
-          if (value === "" || value === void 0) {
-            return void 0;
-          }
-          const amount = castNumber(value);
-          if (currencyOrRegion.startsWith("reg_")) {
-            return {
-              rules: { region_id: currencyOrRegion },
-              currency_code: regionsCurrencyMap[currencyOrRegion],
-              amount
-            };
-          } else {
-            return {
-              currency_code: currencyOrRegion,
-              amount
-            };
-          }
-        }).filter(
-          (price) => !!price
-        )
-      },
-      {
-        onSuccess: () => {
-          handleSuccess();
-        },
-        onError: (error) => {
-          toast.error(error.message);
-        }
-      }
-    );
-  });
-  return /* @__PURE__ */ jsx4(RouteFocusModal.Form, { form, children: /* @__PURE__ */ jsx4(
-    ProgressTabs,
-    {
-      value: tab,
-      onValueChange: (tab2) => handleChangeTab(tab2),
-      className: "flex h-full flex-col overflow-hidden",
-      children: /* @__PURE__ */ jsxs3(
-        KeyboundForm,
-        {
-          onSubmit: handleSubmit,
-          className: "flex h-full flex-col overflow-hidden",
-          children: [
-            /* @__PURE__ */ jsx4(RouteFocusModal.Header, { children: /* @__PURE__ */ jsx4("div", { className: "flex w-full items-center justify-between gap-x-4", children: /* @__PURE__ */ jsx4("div", { className: "-my-2 w-full max-w-[600px] border-l", children: /* @__PURE__ */ jsxs3(ProgressTabs.List, { className: "grid w-full grid-cols-3", children: [
-              /* @__PURE__ */ jsx4(
-                ProgressTabs.Trigger,
-                {
-                  status: tabState.detail,
-                  value: "detail" /* DETAIL */,
-                  children: t("priceLists.create.tabs.details")
-                }
-              ),
-              /* @__PURE__ */ jsx4(
-                ProgressTabs.Trigger,
-                {
-                  status: tabState.price,
-                  value: "price" /* PRICE */,
-                  children: t("priceLists.create.tabs.prices")
-                }
-              ),
-              !!inventoryTabEnabled && /* @__PURE__ */ jsx4(
-                ProgressTabs.Trigger,
-                {
-                  status: tabState.inventory,
-                  value: "inventory" /* INVENTORY */,
-                  children: t("products.create.tabs.inventory")
-                }
-              )
-            ] }) }) }) }),
-            /* @__PURE__ */ jsxs3(RouteFocusModal.Body, { className: "size-full overflow-hidden", children: [
-              /* @__PURE__ */ jsx4(
-                ProgressTabs.Content,
-                {
-                  className: "size-full overflow-y-auto",
-                  value: "detail" /* DETAIL */,
-                  children: /* @__PURE__ */ jsx4(details_tab_default, { form, product })
-                }
-              ),
-              /* @__PURE__ */ jsx4(
-                ProgressTabs.Content,
-                {
-                  className: "size-full overflow-y-auto",
-                  value: "price" /* PRICE */,
-                  children: /* @__PURE__ */ jsx4(pricing_tab_default, { form })
-                }
-              ),
-              !!inventoryTabEnabled && /* @__PURE__ */ jsx4(
-                ProgressTabs.Content,
-                {
-                  className: "size-full overflow-hidden",
-                  value: "inventory" /* INVENTORY */,
-                  children: /* @__PURE__ */ jsx4(inventory_kit_tab_default, { form })
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsx4(RouteFocusModal.Footer, { children: /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-end gap-x-2", children: [
-              /* @__PURE__ */ jsx4(RouteDrawer.Close, { asChild: true, children: /* @__PURE__ */ jsx4(Button2, { variant: "secondary", size: "small", children: t("actions.cancel") }) }),
-              /* @__PURE__ */ jsx4(
-                PrimaryButton,
-                {
-                  tab,
-                  next: handleNextTab,
-                  isLoading: isPending,
-                  inventoryTabEnabled: !!inventoryTabEnabled
-                }
-              )
-            ] }) })
-          ]
-        }
-      )
-    }
-  ) });
-};
-var PrimaryButton = ({
-  tab,
-  next,
-  isLoading,
-  inventoryTabEnabled
-}) => {
-  const { t } = useTranslation4();
-  if (inventoryTabEnabled && tab === "inventory" /* INVENTORY */ || !inventoryTabEnabled && tab === "price" /* PRICE */) {
-    return /* @__PURE__ */ jsx4(
-      Button2,
-      {
-        type: "submit",
-        variant: "primary",
-        size: "small",
-        isLoading,
-        children: t("actions.save")
-      },
-      "submit-button"
-    );
-  }
-  return /* @__PURE__ */ jsx4(
-    Button2,
-    {
-      type: "button",
-      variant: "primary",
-      size: "small",
-      onClick: () => next(tab),
-      children: t("actions.continue")
-    },
-    "next-button"
-  );
-};
-
-// src/pages/products/[id]/variants/create/index.tsx
-import { jsx as jsx5 } from "react/jsx-runtime";
-var Component = () => {
-  const { id } = useParams();
-  const { product, isLoading, isError, error } = useProduct(id);
-  if (isError) {
-    throw error;
-  }
-  return /* @__PURE__ */ jsx5(RouteFocusModal, { children: !isLoading && product && /* @__PURE__ */ jsx5(CreateProductVariantForm, { product }) });
-};
-export {
-  Component
-};