@mercurjs/vendor 2.2.0-canary.9 → 2.2.0-rc.0

package/dist/create-7R6CZU53.js

@@ -1,215 +0,0 @@
-import {
-  AttributeValueInput
-} from "./chunk-ADGVQVHP.js";
-import {
-  defineTabMeta
-} from "./chunk-LEWA4BPH.js";
-import "./chunk-VBRTC2VU.js";
-import {
-  TabbedForm,
-  useTabbedForm
-} from "./chunk-LQD232FW.js";
-import "./chunk-TKGWSUEI.js";
-import "./chunk-U2ZFCAPX.js";
-import {
-  RouteFocusModal,
-  useRouteModal
-} from "./chunk-GDWBOQI5.js";
-import {
-  Form
-} from "./chunk-3QSRE5LS.js";
-import {
-  require_dist
-} from "./chunk-UCYSCKZV.js";
-import {
-  PRODUCT_DETAIL_QUERY
-} from "./chunk-U6PBLMXD.js";
-import {
-  useCreateProductVariant,
-  useProduct
-} from "./chunk-JAUZ73XE.js";
-import "./chunk-A5DJIOHN.js";
-import "./chunk-RHKRREUU.js";
-import "./chunk-ZA2KFUFR.js";
-import "./chunk-RIN4CBRB.js";
-import {
-  __toESM
-} from "./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 { toast } from "@medusajs/ui";
-import { Children, useMemo } from "react";
-import { useForm } from "react-hook-form";
-
-// src/pages/products/[id]/variants/create/create-product-variant-form/constants.ts
-import { z } from "zod";
-var CreateProductVariantSchema = z.object({
-  title: z.string().min(1),
-  sku: z.string().optional(),
-  options: z.record(z.string()).optional()
-});
-var CreateVariantDetailsSchema = CreateProductVariantSchema.pick({
-  title: true,
-  sku: true,
-  options: true
-});
-var CreateVariantDetailsFields = Object.keys(
-  CreateVariantDetailsSchema.shape
-);
-
-// src/pages/products/[id]/variants/create/create-product-variant-form/details-tab.tsx
-var import_types = __toESM(require_dist(), 1);
-import { Heading, Input } from "@medusajs/ui";
-import { useTranslation } from "react-i18next";
-import { jsx, jsxs } from "react/jsx-runtime";
-function DetailsTab({ product }) {
-  const { t } = useTranslation();
-  const form = useTabbedForm();
-  const variantAttributes = product.attributes?.filter((a) => a.is_variant_axis) ?? [];
-  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, {})
-            ] });
-          }
-        }
-      ),
-      variantAttributes.map((attribute) => {
-        const fieldKey = attribute.handle ?? attribute.id;
-        return /* @__PURE__ */ jsx(
-          Form.Field,
-          {
-            control: form.control,
-            name: `options.${fieldKey}`,
-            render: ({ field: { value, onChange } }) => {
-              return /* @__PURE__ */ jsxs(Form.Item, { children: [
-                /* @__PURE__ */ jsx(Form.Label, { children: attribute.name }),
-                /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
-                  AttributeValueInput,
-                  {
-                    type: import_types.AttributeType.SINGLE_SELECT,
-                    value: typeof value === "string" ? value : "",
-                    onChange,
-                    availableValues: (attribute.values ?? []).map((v) => ({
-                      id: v.id,
-                      name: v.name
-                    }))
-                  }
-                ) }),
-                /* @__PURE__ */ jsx(Form.ErrorMessage, {})
-              ] });
-            }
-          },
-          attribute.id
-        );
-      })
-    ] })
-  ] }) });
-}
-DetailsTab._tabMeta = defineTabMeta({
-  id: "detail",
-  labelKey: "priceLists.create.tabs.details",
-  validationFields: ["title", "sku", "options"]
-});
-var details_tab_default = DetailsTab;
-
-// src/pages/products/[id]/variants/create/create-product-variant-form/create-product-variant-form.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
-var CREATE_VARIANT_DEFAULTS = {
-  sku: "",
-  title: "",
-  options: {}
-};
-var CreateProductVariantForm = ({
-  product,
-  children,
-  schema,
-  defaultValues: extraDefaults
-}) => {
-  const { handleSuccess } = useRouteModal();
-  const form = useForm({
-    defaultValues: {
-      ...CREATE_VARIANT_DEFAULTS,
-      ...extraDefaults
-    },
-    resolver: zodResolver(schema ?? CreateProductVariantSchema)
-  });
-  const { mutateAsync, isPending } = useCreateProductVariant(product.id);
-  const variantAttributes = product.attributes?.filter((a) => a.is_variant_axis) ?? [];
-  const handleSubmit = form.handleSubmit(async (data) => {
-    const { title, options } = data;
-    const cleanedOptions = variantAttributes.reduce(
-      (acc, attr) => {
-        const fieldKey = attr.handle ?? attr.id;
-        const v = options?.[fieldKey];
-        if (v && attr.name) acc[attr.name] = v;
-        return acc;
-      },
-      {}
-    );
-    await mutateAsync(
-      {
-        title,
-        options: Object.keys(cleanedOptions).length ? cleanedOptions : void 0
-      },
-      {
-        onSuccess: () => {
-          handleSuccess();
-        },
-        onError: (error) => {
-          toast.error(error.message);
-        }
-      }
-    );
-  });
-  const defaultTabs = useMemo(
-    () => [/* @__PURE__ */ jsx2(details_tab_default, { product }, "details")],
-    [product]
-  );
-  const hasCustomChildren = Children.count(children) > 0;
-  return /* @__PURE__ */ jsx2(TabbedForm, { form, onSubmit: handleSubmit, isLoading: isPending, children: hasCustomChildren ? children : defaultTabs });
-};
-
-// src/pages/products/[id]/variants/create/index.tsx
-import { jsx as jsx3 } from "react/jsx-runtime";
-var Component = () => {
-  const { id } = useParams();
-  const { product, isLoading, isError, error } = useProduct(
-    id,
-    PRODUCT_DETAIL_QUERY
-  );
-  if (isError) {
-    throw error;
-  }
-  return /* @__PURE__ */ jsx3(RouteFocusModal, { children: !isLoading && product && /* @__PURE__ */ jsx3(CreateProductVariantForm, { product }) });
-};
-export {
-  Component
-};

package/dist/create-Z5VPBELS.js

@@ -1,76 +0,0 @@
-import {
-  ProductCreate,
-  ProductCreatePage
-} from "./chunk-BENED3NB.js";
-import "./chunk-4LVP635F.js";
-import "./chunk-HJ56YXBU.js";
-import "./chunk-LEWA4BPH.js";
-import "./chunk-IQPN4PZJ.js";
-import "./chunk-YVCBMOJG.js";
-import "./chunk-GAE6TKOR.js";
-import "./chunk-OVPAOBZB.js";
-import "./chunk-EIZP3XL5.js";
-import {
-  EditProductMediaSchema,
-  MediaSchema,
-  PRODUCT_CREATE_FORM_DEFAULTS,
-  ProductCreateSchema
-} from "./chunk-MZTDRBCR.js";
-import "./chunk-AJLGY3LQ.js";
-import "./chunk-SMQT3ZNO.js";
-import "./chunk-YGRTRAWX.js";
-import "./chunk-HDEOZN2Q.js";
-import "./chunk-VBRTC2VU.js";
-import "./chunk-LQD232FW.js";
-import "./chunk-PZEPOPMV.js";
-import "./chunk-TKGWSUEI.js";
-import "./chunk-U2ZFCAPX.js";
-import "./chunk-GDWBOQI5.js";
-import "./chunk-3QSRE5LS.js";
-import "./chunk-HFRHHT36.js";
-import "./chunk-5T6UWTRU.js";
-import "./chunk-THHRRYRS.js";
-import "./chunk-LRD242C7.js";
-import "./chunk-UCYSCKZV.js";
-import "./chunk-WIYFXWRI.js";
-import "./chunk-INNFZYX2.js";
-import "./chunk-TBYCZRZ7.js";
-import "./chunk-F4OJN2F2.js";
-import "./chunk-LRARA622.js";
-import "./chunk-M6N4ISXL.js";
-import "./chunk-S7EKBD2C.js";
-import "./chunk-VV6IKGCN.js";
-import "./chunk-BXRNZS5K.js";
-import "./chunk-BOZJOOGW.js";
-import "./chunk-T6LHVNWO.js";
-import "./chunk-4S6XGIC6.js";
-import "./chunk-S23FD6FA.js";
-import "./chunk-IQWK723D.js";
-import "./chunk-DDJQRV6E.js";
-import "./chunk-LWJF63JW.js";
-import "./chunk-VXWN37PT.js";
-import "./chunk-5QI3NDJG.js";
-import "./chunk-VZUA5SRD.js";
-import "./chunk-VXMOPVRH.js";
-import "./chunk-NBPMNUKZ.js";
-import "./chunk-UORPTGV2.js";
-import "./chunk-Y2MQ5EMD.js";
-import "./chunk-3B34B2M2.js";
-import "./chunk-BDGZ4EQO.js";
-import "./chunk-LAVHRER2.js";
-import "./chunk-QHQWEERJ.js";
-import "./chunk-Y7QKP6QU.js";
-import "./chunk-JAUZ73XE.js";
-import "./chunk-A5DJIOHN.js";
-import "./chunk-RHKRREUU.js";
-import "./chunk-ZA2KFUFR.js";
-import "./chunk-RIN4CBRB.js";
-import "./chunk-NBMM2TZK.js";
-export {
-  EditProductMediaSchema,
-  MediaSchema,
-  PRODUCT_CREATE_FORM_DEFAULTS,
-  ProductCreate,
-  ProductCreatePage,
-  ProductCreateSchema
-};

package/dist/edit-GQNIINRR.js

@@ -1,192 +0,0 @@
-import {
-  KeyboundForm
-} from "./chunk-U2ZFCAPX.js";
-import {
-  RouteDrawer,
-  useRouteModal
-} from "./chunk-GDWBOQI5.js";
-import {
-  Form
-} from "./chunk-3QSRE5LS.js";
-import {
-  useCustomer,
-  useUpdateCustomer
-} from "./chunk-LWJF63JW.js";
-import {
-  ConditionalTooltip
-} from "./chunk-LAVHRER2.js";
-import "./chunk-RHKRREUU.js";
-import "./chunk-ZA2KFUFR.js";
-import "./chunk-RIN4CBRB.js";
-import "./chunk-NBMM2TZK.js";
-
-// src/pages/customers/[id]/edit/index.tsx
-import { Heading } from "@medusajs/ui";
-import { useTranslation as useTranslation2 } from "react-i18next";
-import { useParams } from "react-router-dom";
-
-// src/pages/customers/[id]/edit/edit-customer-form/edit-customer-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 * as zod from "zod";
-import { jsx, jsxs } from "react/jsx-runtime";
-var EditCustomerSchema = zod.object({
-  email: zod.string().email(),
-  first_name: zod.string().optional(),
-  last_name: zod.string().optional(),
-  company_name: zod.string().optional(),
-  phone: zod.string().optional()
-});
-var EditCustomerForm = ({ customer }) => {
-  const { t } = useTranslation();
-  const { handleSuccess } = useRouteModal();
-  const form = useForm({
-    defaultValues: {
-      email: customer.email || "",
-      first_name: customer.first_name || "",
-      last_name: customer.last_name || "",
-      company_name: customer.company_name || "",
-      phone: customer.phone || ""
-    },
-    resolver: zodResolver(EditCustomerSchema)
-  });
-  const { mutateAsync, isPending } = useUpdateCustomer(customer.id);
-  const handleSubmit = form.handleSubmit(async (data) => {
-    await mutateAsync(
-      {
-        first_name: data.first_name,
-        last_name: data.last_name,
-        phone: data.phone,
-        company_name: data.company_name,
-        metadata: {
-          email: customer.has_account ? void 0 : data.email
-        }
-      },
-      {
-        onSuccess: ({ customer: customer2 }) => {
-          toast.success(
-            t("customers.edit.successToast", {
-              email: customer2.email
-            })
-          );
-          handleSuccess();
-        },
-        onError: (error) => {
-          toast.error(error.message);
-        }
-      }
-    );
-  });
-  return /* @__PURE__ */ jsx(RouteDrawer.Form, { form, children: /* @__PURE__ */ jsxs(KeyboundForm, { onSubmit: handleSubmit, className: "flex flex-1 flex-col", children: [
-    /* @__PURE__ */ jsx(RouteDrawer.Body, { children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-4", children: [
-      /* @__PURE__ */ jsx(
-        Form.Field,
-        {
-          control: form.control,
-          name: "email",
-          render: ({ field }) => {
-            return /* @__PURE__ */ jsxs(Form.Item, { children: [
-              /* @__PURE__ */ jsx(Form.Label, { children: t("fields.email") }),
-              /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
-                ConditionalTooltip,
-                {
-                  showTooltip: customer.has_account,
-                  content: t("customers.edit.emailDisabledTooltip"),
-                  children: /* @__PURE__ */ jsx(Input, { ...field, disabled: customer.has_account })
-                }
-              ) }),
-              /* @__PURE__ */ jsx(Form.ErrorMessage, {})
-            ] });
-          }
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        Form.Field,
-        {
-          control: form.control,
-          name: "first_name",
-          render: ({ field }) => {
-            return /* @__PURE__ */ jsxs(Form.Item, { children: [
-              /* @__PURE__ */ jsx(Form.Label, { children: t("fields.firstName") }),
-              /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
-              /* @__PURE__ */ jsx(Form.ErrorMessage, {})
-            ] });
-          }
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        Form.Field,
-        {
-          control: form.control,
-          name: "last_name",
-          render: ({ field }) => {
-            return /* @__PURE__ */ jsxs(Form.Item, { children: [
-              /* @__PURE__ */ jsx(Form.Label, { children: t("fields.lastName") }),
-              /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
-              /* @__PURE__ */ jsx(Form.ErrorMessage, {})
-            ] });
-          }
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        Form.Field,
-        {
-          control: form.control,
-          name: "company_name",
-          render: ({ field }) => {
-            return /* @__PURE__ */ jsxs(Form.Item, { children: [
-              /* @__PURE__ */ jsx(Form.Label, { children: t("fields.company") }),
-              /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
-              /* @__PURE__ */ jsx(Form.ErrorMessage, {})
-            ] });
-          }
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        Form.Field,
-        {
-          control: form.control,
-          name: "phone",
-          render: ({ field }) => {
-            return /* @__PURE__ */ jsxs(Form.Item, { children: [
-              /* @__PURE__ */ jsx(Form.Label, { children: t("fields.phone") }),
-              /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
-              /* @__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,
-        {
-          isLoading: isPending,
-          type: "submit",
-          variant: "primary",
-          size: "small",
-          children: t("actions.save")
-        }
-      )
-    ] }) })
-  ] }) });
-};
-
-// src/pages/customers/[id]/edit/index.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var Component = () => {
-  const { t } = useTranslation2();
-  const { id } = useParams();
-  const { customer, isLoading, isError, error } = useCustomer(id);
-  if (isError) throw error;
-  return /* @__PURE__ */ jsxs2(RouteDrawer, { children: [
-    /* @__PURE__ */ jsx2(RouteDrawer.Header, { children: /* @__PURE__ */ jsx2(Heading, { children: t("customers.edit.header") }) }),
-    !isLoading && customer && /* @__PURE__ */ jsx2(EditCustomerForm, { customer })
-  ] });
-};
-export {
-  Component
-};

package/dist/edit-XSICGAVO.js

@@ -1,176 +0,0 @@
-import {
-  AttributeValueInput
-} from "./chunk-ADGVQVHP.js";
-import "./chunk-VBRTC2VU.js";
-import "./chunk-TKGWSUEI.js";
-import {
-  KeyboundForm
-} from "./chunk-U2ZFCAPX.js";
-import {
-  RouteDrawer,
-  useRouteModal
-} from "./chunk-GDWBOQI5.js";
-import {
-  Form
-} from "./chunk-3QSRE5LS.js";
-import {
-  require_dist
-} from "./chunk-UCYSCKZV.js";
-import {
-  PRODUCT_DETAIL_QUERY
-} from "./chunk-U6PBLMXD.js";
-import {
-  useProduct,
-  useUpdateProductAttribute
-} from "./chunk-JAUZ73XE.js";
-import "./chunk-A5DJIOHN.js";
-import "./chunk-RHKRREUU.js";
-import "./chunk-ZA2KFUFR.js";
-import "./chunk-RIN4CBRB.js";
-import {
-  __toESM
-} from "./chunk-NBMM2TZK.js";
-
-// src/pages/products/[id]/attributes/[attribute_id]/edit/index.tsx
-import { Heading, Text } from "@medusajs/ui";
-import { useTranslation as useTranslation2 } from "react-i18next";
-import { useParams } from "react-router-dom";
-
-// src/pages/products/[id]/attributes/[attribute_id]/edit/components/edit-attribute-form/edit-attribute-form.tsx
-var import_types = __toESM(require_dist(), 1);
-import { zodResolver } from "@hookform/resolvers/zod";
-import { Button, Input, Label, toast } from "@medusajs/ui";
-import { useForm } from "react-hook-form";
-import { useTranslation } from "react-i18next";
-import * as zod from "zod";
-import { jsx, jsxs } from "react/jsx-runtime";
-var EditAttributeForm = ({
-  productId,
-  attribute
-}) => {
-  const { t } = useTranslation();
-  const { handleSuccess } = useRouteModal();
-  const hasPresetValues = attribute.type === import_types.AttributeType.SINGLE_SELECT || attribute.type === import_types.AttributeType.MULTI_SELECT;
-  const initialValues = (() => {
-    const selected = attribute.values ?? [];
-    if (attribute.type === import_types.AttributeType.MULTI_SELECT) {
-      return selected.map((v) => v.name);
-    }
-    return selected[0]?.name ?? "";
-  })();
-  const schema = zod.object({
-    values: zod.union([zod.string(), zod.array(zod.string())]).refine(
-      (v) => Array.isArray(v) ? v.length > 0 : v.trim().length > 0,
-      { message: t("products.create.attributes.errors.valuesRequired") }
-    )
-  });
-  const form = useForm({
-    defaultValues: { values: initialValues },
-    resolver: zodResolver(schema)
-  });
-  const { mutateAsync, isPending } = useUpdateProductAttribute(
-    productId,
-    attribute.id
-  );
-  const handleSubmit = form.handleSubmit(async (data) => {
-    const vals = Array.isArray(data.values) ? data.values : [data.values].filter((s) => s.trim().length > 0);
-    const payload = hasPresetValues ? {
-      attribute_value_ids: (attribute.all_values ?? []).filter((v) => vals.includes(v.name)).map((v) => v.id)
-    } : { values: vals };
-    await mutateAsync(payload, {
-      onSuccess: () => handleSuccess(),
-      onError: (error) => toast.error(error.message)
-    });
-  });
-  return /* @__PURE__ */ jsx(RouteDrawer.Form, { form, children: /* @__PURE__ */ jsxs(KeyboundForm, { onSubmit: handleSubmit, className: "flex h-full flex-col", children: [
-    /* @__PURE__ */ jsx(RouteDrawer.Body, { children: /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-y-4", children: /* @__PURE__ */ jsx("div", { className: "bg-ui-bg-component shadow-elevation-card-rest rounded-xl p-1.5", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-[min-content,1fr] items-center gap-1.5", children: [
-      /* @__PURE__ */ jsx("div", { className: "flex items-center px-2 py-1.5", children: /* @__PURE__ */ jsx(
-        Label,
-        {
-          size: "xsmall",
-          weight: "plus",
-          className: "text-ui-fg-subtle",
-          children: t("fields.title")
-        }
-      ) }),
-      /* @__PURE__ */ jsx(
-        Input,
-        {
-          className: "bg-ui-bg-field-component",
-          value: attribute.name,
-          disabled: true,
-          "data-testid": "edit-attribute-title-input"
-        }
-      ),
-      /* @__PURE__ */ jsx("div", { className: "flex items-center px-2 py-1.5", children: /* @__PURE__ */ jsx(
-        Label,
-        {
-          size: "xsmall",
-          weight: "plus",
-          className: "text-ui-fg-subtle",
-          children: t("fields.values")
-        }
-      ) }),
-      /* @__PURE__ */ jsx(
-        Form.Field,
-        {
-          control: form.control,
-          name: "values",
-          render: ({ field: { onChange, value } }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
-            /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
-              AttributeValueInput,
-              {
-                type: attribute.type,
-                value,
-                onChange,
-                availableValues: attribute.all_values ?? []
-              }
-            ) }),
-            /* @__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, { size: "small", variant: "secondary", children: t("actions.cancel") }) }),
-      /* @__PURE__ */ jsx(
-        Button,
-        {
-          size: "small",
-          type: "submit",
-          isLoading: isPending,
-          "data-testid": "edit-attribute-submit-button",
-          children: t("actions.save")
-        }
-      )
-    ] }) })
-  ] }) });
-};
-
-// src/pages/products/[id]/attributes/[attribute_id]/edit/index.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var Component = () => {
-  const { id, attribute_id } = useParams();
-  const { t } = useTranslation2();
-  const { product, isLoading, isError, error } = useProduct(
-    id,
-    PRODUCT_DETAIL_QUERY
-  );
-  if (isError) {
-    throw error;
-  }
-  const attribute = product?.attributes?.find(
-    (a) => a.id === attribute_id
-  );
-  const ready = !isLoading && !!product && !!attribute;
-  return /* @__PURE__ */ jsxs2(RouteDrawer, { children: [
-    /* @__PURE__ */ jsxs2(RouteDrawer.Header, { children: [
-      /* @__PURE__ */ jsx2(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsx2(Heading, { children: t("products.editAttribute") }) }),
-      /* @__PURE__ */ jsx2(RouteDrawer.Description, { asChild: true, children: /* @__PURE__ */ jsx2(Text, { size: "small", className: "text-ui-fg-subtle", children: t("products.editAttributeHint") }) })
-    ] }),
-    ready && /* @__PURE__ */ jsx2(EditAttributeForm, { productId: id, attribute })
-  ] });
-};
-export {
-  Component
-};