@mercurjs/admin 2.1.2 → 2.2.0-canary.2

package/dist/{attribute-detail-R26GDX7Q.js → attribute-detail-3QBRIF6Q.js}

@@ -1,75 +1,74 @@
-import {
-  ATTRIBUTE_DETAIL_FIELDS
-} from "./chunk-LO7XX5M7.js";
 import {
   TextCell
 } from "./chunk-JHIMVLB2.js";
-import {
-  SectionRow
-} from "./chunk-3XPXUIK3.js";
 import "./chunk-PHOCVOZ5.js";
-import "./chunk-E74OUNA3.js";
 import "./chunk-FQERBIVS.js";
 import {
   _DataTable,
   useDataTable
-} from "./chunk-KYPPQGGE.js";
-import "./chunk-ZMC7BKLT.js";
+} from "./chunk-NQEXDLYH.js";
+import "./chunk-YN3FGNJM.js";
 import "./chunk-KAZ5BYTQ.js";
 import {
   NoRecords
 } from "./chunk-634XVU3D.js";
+import {
+  SectionRow
+} from "./chunk-3XPXUIK3.js";
+import "./chunk-E74OUNA3.js";
 import {
   SingleColumnPage
 } from "./chunk-H6MYB7GB.js";
-import {
-  SingleColumnPageSkeleton
-} from "./chunk-INNFZYX2.js";
-import {
-  ActionMenu
-} from "./chunk-BDGZ4EQO.js";
-import "./chunk-LAVHRER2.js";
-import "./chunk-Y7QKP6QU.js";
-import "./chunk-HKDFWQ6Q.js";
-import "./chunk-SESTTUVM.js";
 import "./chunk-UZWFZMOX.js";
 import "./chunk-XQNVC4Q7.js";
-import "./chunk-PBQ5M44A.js";
+import {
+  require_dist
+} from "./chunk-DZIXC7OE.js";
+import "./chunk-AXTQMIIK.js";
 import "./chunk-OH4AABUT.js";
-import "./chunk-YKDEE7ZL.js";
 import "./chunk-AEMDNTW5.js";
 import "./chunk-LYD3C73Z.js";
-import {
-  attributesQueryKeys,
-  useAttribute,
-  useDeleteAttribute,
-  useUpdateAttribute
-} from "./chunk-7O5NDICV.js";
+import "./chunk-FTAR3BDS.js";
 import "./chunk-46M463BR.js";
+import "./chunk-ZZ3XFIEM.js";
+import {
+  productAttributesQueryKeys,
+  useDeleteProductAttribute,
+  useProductAttribute,
+  useUpdateProductAttribute
+} from "./chunk-533GMKEG.js";
 import "./chunk-YFRC6GEN.js";
-import "./chunk-N6SI4IIT.js";
-import "./chunk-JPNPTILP.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-DBNPVU3L.js";
-import "./chunk-U7WZYWGA.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-TAKEQAZZ.js";
-import "./chunk-B6FG7A6W.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-DL2ZIXBO.js";
-import "./chunk-Z2QQZOG3.js";
-import "./chunk-5CK6XEFV.js";
+import {
+  ActionMenu
+} from "./chunk-BDGZ4EQO.js";
+import "./chunk-S5BJ5CMF.js";
+import "./chunk-H5PYBIOZ.js";
+import "./chunk-LAVHRER2.js";
+import "./chunk-Y7QKP6QU.js";
+import {
+  SingleColumnPageSkeleton
+} from "./chunk-INNFZYX2.js";
+import "./chunk-2YYXP6XI.js";
 import {
   queryClient
 } from "./chunk-RHKRREUU.js";
@@ -77,13 +76,15 @@ import "./chunk-ZA2KFUFR.js";
 import {
   sdk
 } from "./chunk-ZBWL72TB.js";
-import "./chunk-NBMM2TZK.js";
+import {
+  __toESM
+} from "./chunk-NBMM2TZK.js";
 
 // src/pages/attributes/attribute-detail/breadcrumb.tsx
 import { jsx } from "react/jsx-runtime";
 var AttributeDetailBreadcrumb = (props) => {
   const { id } = props.params || {};
-  const { attribute } = useAttribute(id, void 0, {
+  const { product_attribute: attribute } = useProductAttribute(id, void 0, {
     initialData: props.data,
     enabled: Boolean(id)
   });
@@ -95,8 +96,8 @@ var AttributeDetailBreadcrumb = (props) => {
 
 // src/pages/attributes/attribute-detail/loader.ts
 var attributeDetailQuery = (id) => ({
-  queryKey: attributesQueryKeys.detail(id),
-  queryFn: async () => sdk.admin.attributes.$id.query({ $id: id, fields: ATTRIBUTE_DETAIL_FIELDS })
+  queryKey: productAttributesQueryKeys.detail(id),
+  queryFn: async () => sdk.admin.productAttributes.$id.query({ $id: id })
 });
 var attributeDetailLoader = async ({ params }) => {
   const id = params.id;
@@ -120,7 +121,7 @@ var AttributeGeneralSection = ({
   const { t } = useTranslation();
   const navigate = useNavigate();
   const prompt = usePrompt();
-  const { mutateAsync } = useDeleteAttribute(attribute.id);
+  const { mutateAsync } = useDeleteProductAttribute(attribute.id);
   const handleDelete = async () => {
     const confirmed = await prompt({
       title: t("general.areYouSure"),
@@ -145,7 +146,15 @@ var AttributeGeneralSection = ({
       }
     });
   };
-  const typeLabel = t(`attributes.type.${attribute.ui_component}`, attribute.ui_component) ?? attribute.ui_component;
+  const ATTRIBUTE_TYPE_LABELS = {
+    single_select: "attributes.type.select",
+    multi_select: "attributes.type.multivalue",
+    unit: "attributes.type.unit",
+    toggle: "attributes.type.toggle",
+    text: "attributes.type.text_area"
+  };
+  const typeLabelKey = ATTRIBUTE_TYPE_LABELS[attribute.type];
+  const typeLabel = typeLabelKey ? t(typeLabelKey) : attribute.type;
   return /* @__PURE__ */ jsxs(
     Container,
     {
@@ -228,24 +237,16 @@ var AttributeGeneralSection = ({
             "data-testid": "attribute-general-section-required"
           }
         ),
-        /* @__PURE__ */ jsx2(
-          SectionRow,
-          {
-            title: t("attributes.fields.global"),
-            value: attribute.product_categories && attribute.product_categories.length > 0 ? t("fields.false") : t("fields.true"),
-            "data-testid": "attribute-general-section-global"
-          }
-        ),
         /* @__PURE__ */ jsx2(
           SectionRow,
           {
             title: t("attributes.fields.category"),
-            value: attribute.product_categories && attribute.product_categories.length > 0 ? /* @__PURE__ */ jsx2(
+            value: attribute.categories && attribute.categories.length > 0 ? /* @__PURE__ */ jsx2(
               "div",
               {
                 className: "flex flex-wrap gap-1",
                 "data-testid": "attribute-general-section-categories",
-                children: attribute.product_categories.map((category) => /* @__PURE__ */ jsx2(Badge, { size: "2xsmall", children: category.name }, category.id))
+                children: attribute.categories.map((category) => /* @__PURE__ */ jsx2(Badge, { size: "2xsmall", children: category.name }, category.id))
               }
             ) : "-",
             "data-testid": "attribute-general-section-categories-row"
@@ -257,6 +258,7 @@ var AttributeGeneralSection = ({
 };
 
 // src/pages/attributes/attribute-detail/components/attribute-possible-values-section/attribute-possible-values-section.tsx
+var import_types = __toESM(require_dist(), 1);
 import { PencilSquare as PencilSquare2, Trash as Trash2 } from "@medusajs/icons";
 import {
   Button,
@@ -278,24 +280,24 @@ var PossibleValueActions = ({
 }) => {
   const { t } = useTranslation2();
   const prompt = usePrompt2();
-  const { mutateAsync } = useUpdateAttribute(attribute.id);
+  const { mutateAsync } = useUpdateProductAttribute(attribute.id);
   const [inUseOpen, setInUseOpen] = useState(false);
   const handleDelete = async () => {
     const res = await prompt({
       title: t("general.areYouSure"),
       description: t("attributes.deletePossibleValue.confirmation", {
-        value: value.value
+        value: value.name
       }),
       confirmText: t("actions.delete"),
       cancelText: t("actions.cancel")
     });
     if (!res) return;
-    const remainingValues = (attribute.possible_values ?? []).filter((pv) => pv.id !== value.id).map((pv) => ({ id: pv.id, value: pv.value, rank: pv.rank }));
+    const remainingValues = (attribute.values ?? []).filter((pv) => pv.id !== value.id).map((pv) => ({ id: pv.id, name: pv.name, rank: pv.rank }));
     try {
       await mutateAsync({ possible_values: remainingValues });
       toast2.success(
         t("attributes.deletePossibleValue.successToast", {
-          value: value.value
+          value: value.name
         })
       );
     } catch (err) {
@@ -337,7 +339,7 @@ var PossibleValueActions = ({
       /* @__PURE__ */ jsxs2(Prompt.Header, { children: [
         /* @__PURE__ */ jsx3(Prompt.Title, { children: t("attributes.deletePossibleValue.title") }),
         /* @__PURE__ */ jsx3(Prompt.Description, { children: t("attributes.deletePossibleValue.inUseMessage", {
-          value: value.value
+          value: value.name
         }) })
       ] }),
       /* @__PURE__ */ jsx3(Prompt.Footer, { children: /* @__PURE__ */ jsx3(Prompt.Action, { onClick: () => setInUseOpen(false), children: t("attributes.delete.gotIt") }) })
@@ -351,15 +353,18 @@ var AttributePossibleValuesSection = ({
 }) => {
   const { t } = useTranslation2();
   const [search, setSearch] = useState("");
-  const allValues = attribute.possible_values ?? [];
+  if (attribute.type !== import_types.AttributeType.SINGLE_SELECT && attribute.type !== import_types.AttributeType.MULTI_SELECT) {
+    return null;
+  }
+  const allValues = attribute.values ?? [];
   const filtered = useMemo(() => {
     if (!search) return allValues;
     const q = search.toLowerCase();
-    return allValues.filter((v) => v.value?.toLowerCase().includes(q));
-  }, [search, allValues]);
+    return allValues.filter((v) => v.name?.toLowerCase().includes(q));
+  }, [allValues, search]);
   const columns = useMemo(
     () => [
-      columnHelper.accessor("value", {
+      columnHelper.accessor("name", {
         header: () => t("fields.name"),
         cell: ({ getValue }) => /* @__PURE__ */ jsx3(TextCell, { text: getValue() })
       }),
@@ -429,9 +434,14 @@ import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 var Root = ({ children }) => {
   const { id } = useParams();
   const initialData = useLoaderData();
-  const { attribute, isPending, isError, error } = useAttribute(
+  const {
+    product_attribute: attribute,
+    isPending,
+    isError,
+    error
+  } = useProductAttribute(
     id,
-    { fields: ATTRIBUTE_DETAIL_FIELDS },
+    {},
     {
       initialData
     }
@@ -442,7 +452,7 @@ var Root = ({ children }) => {
   if (isError) {
     throw error;
   }
-  return Children.count(children) > 0 ? /* @__PURE__ */ jsx4(SingleColumnPage, { hasOutlet: true, data: attribute, children }) : /* @__PURE__ */ jsxs3(SingleColumnPage, { hasOutlet: true, data: attribute, children: [
+  return Children.count(children) > 0 ? /* @__PURE__ */ jsx4(SingleColumnPage, { hasOutlet: true, showJSON: true, data: attribute, children }) : /* @__PURE__ */ jsxs3(SingleColumnPage, { hasOutlet: true, showJSON: true, data: attribute, children: [
     /* @__PURE__ */ jsx4(AttributeGeneralSection, { attribute }),
     /* @__PURE__ */ jsx4(AttributePossibleValuesSection, { attribute })
   ] });

package/dist/attribute-edit-5G7P3LP2.js

@@ -0,0 +1,183 @@
+import {
+  UpdateAttributeSchema
+} from "./chunk-S72BD7TM.js";
+import {
+  HandleInput
+} from "./chunk-HJ56YXBU.js";
+import {
+  SwitchBox
+} from "./chunk-2EME4AWX.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 "./chunk-DZIXC7OE.js";
+import {
+  useProductAttribute,
+  useUpdateProductAttribute
+} from "./chunk-533GMKEG.js";
+import "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import "./chunk-ZBWL72TB.js";
+import "./chunk-NBMM2TZK.js";
+
+// src/pages/attributes/attribute-edit/attribute-edit.tsx
+import { zodResolver } from "@hookform/resolvers/zod";
+import { Button, Input, Textarea, toast } from "@medusajs/ui";
+import { Heading } from "@medusajs/ui";
+import { useForm } from "react-hook-form";
+import { useTranslation } from "react-i18next";
+import { useParams } from "react-router-dom";
+import { jsx, jsxs } from "react/jsx-runtime";
+var AttributeEditForm = ({ attribute }) => {
+  const { t } = useTranslation();
+  const { handleSuccess } = useRouteModal();
+  const form = useForm({
+    resolver: zodResolver(UpdateAttributeSchema),
+    defaultValues: {
+      name: attribute.name ?? "",
+      handle: attribute.handle ?? "",
+      description: attribute.description ?? "",
+      is_filterable: attribute.is_filterable ?? false,
+      is_required: attribute.is_required ?? false
+    }
+  });
+  const { mutateAsync, isPending: isMutating } = useUpdateProductAttribute(
+    attribute.id
+  );
+  const handleSubmit = form.handleSubmit(async (data) => {
+    await mutateAsync(data, {
+      onSuccess: () => {
+        toast.success(
+          t("attributes.edit.successToast", {
+            name: data.name
+          })
+        );
+        handleSuccess();
+      },
+      onError: (err) => {
+        toast.error(err.message);
+      }
+    });
+  });
+  return /* @__PURE__ */ jsx(RouteDrawer.Form, { form, "data-testid": "attribute-edit-form", children: /* @__PURE__ */ jsxs(
+    KeyboundForm,
+    {
+      className: "flex size-full flex-col overflow-hidden",
+      onSubmit: handleSubmit,
+      children: [
+        /* @__PURE__ */ jsxs(
+          RouteDrawer.Body,
+          {
+            className: "flex flex-1 flex-col gap-y-8 overflow-y-auto",
+            "data-testid": "attribute-edit-form-body",
+            children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-4", children: [
+                /* @__PURE__ */ jsx(
+                  Form.Field,
+                  {
+                    control: form.control,
+                    name: "name",
+                    render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "attribute-edit-name-field", children: [
+                      /* @__PURE__ */ jsx(Form.Label, { children: t("attributes.fields.name") }),
+                      /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
+                      /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                    ] })
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  Form.Field,
+                  {
+                    control: form.control,
+                    name: "handle",
+                    render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "attribute-edit-handle-field", children: [
+                      /* @__PURE__ */ jsx(Form.Label, { optional: true, children: t("attributes.fields.handle") }),
+                      /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(HandleInput, { ...field }) }),
+                      /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                    ] })
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  Form.Field,
+                  {
+                    control: form.control,
+                    name: "description",
+                    render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "attribute-edit-description-field", children: [
+                      /* @__PURE__ */ jsx(Form.Label, { optional: true, children: t("attributes.fields.description") }),
+                      /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Textarea, { ...field }) }),
+                      /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                    ] })
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-4", children: [
+                /* @__PURE__ */ jsx(
+                  SwitchBox,
+                  {
+                    control: form.control,
+                    name: "is_required",
+                    label: t("attributes.fields.isRequired", "Required attribute"),
+                    description: t(
+                      "attributes.fields.isRequiredHint",
+                      "If checked, vendors must set a value for this attribute."
+                    ),
+                    "data-testid": "attribute-edit-required-switch"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  SwitchBox,
+                  {
+                    control: form.control,
+                    name: "is_filterable",
+                    label: t("attributes.fields.isFilterable", "Filterable attribute"),
+                    description: t(
+                      "attributes.fields.isFilterableHint",
+                      "If checked, buyers will be able to filter products using this attribute."
+                    ),
+                    "data-testid": "attribute-edit-filterable-switch"
+                  }
+                )
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(RouteDrawer.Footer, { "data-testid": "attribute-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, { variant: "secondary", size: "small", type: "button", children: t("actions.cancel") }) }),
+          /* @__PURE__ */ jsx(Button, { size: "small", type: "submit", isLoading: isMutating, children: t("actions.save") })
+        ] }) })
+      ]
+    }
+  ) });
+};
+var AttributeEdit = () => {
+  const { id } = useParams();
+  const {
+    product_attribute: attribute,
+    isPending,
+    isError,
+    error
+  } = useProductAttribute(id);
+  if (isError) {
+    throw error;
+  }
+  if (isPending || !attribute) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs(RouteDrawer, { "data-testid": "attribute-edit-drawer", children: [
+    /* @__PURE__ */ jsxs(RouteDrawer.Header, { children: [
+      /* @__PURE__ */ jsx(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsx(Heading, { children: attribute.name }) }),
+      /* @__PURE__ */ jsx(RouteDrawer.Description, { className: "sr-only", children: "Edit attribute" })
+    ] }),
+    /* @__PURE__ */ jsx(AttributeEditForm, { attribute })
+  ] });
+};
+export {
+  AttributeEdit as Component
+};

package/dist/attribute-edit-possible-value-VQ7MEFZA.js

@@ -0,0 +1,164 @@
+import {
+  UpdatePossibleValueSchema
+} from "./chunk-S72BD7TM.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 "./chunk-DZIXC7OE.js";
+import {
+  useProductAttribute,
+  useUpdateProductAttributeValue
+} from "./chunk-533GMKEG.js";
+import "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import "./chunk-ZBWL72TB.js";
+import "./chunk-NBMM2TZK.js";
+
+// src/pages/attributes/attribute-edit-possible-value/attribute-edit-possible-value.tsx
+import { zodResolver } from "@hookform/resolvers/zod";
+import { Button, Heading, Input, toast } from "@medusajs/ui";
+import { useForm } from "react-hook-form";
+import { useTranslation } from "react-i18next";
+import { useParams, useSearchParams } from "react-router-dom";
+import { jsx, jsxs } from "react/jsx-runtime";
+var EditPossibleValueForm = ({
+  attributeId,
+  possibleValue
+}) => {
+  const { t } = useTranslation();
+  const { handleSuccess } = useRouteModal();
+  const { mutateAsync, isPending } = useUpdateProductAttributeValue(
+    attributeId,
+    possibleValue.id
+  );
+  const form = useForm({
+    resolver: zodResolver(UpdatePossibleValueSchema),
+    defaultValues: {
+      name: possibleValue.name,
+      rank: possibleValue.rank ?? void 0
+    }
+  });
+  const handleSubmit = form.handleSubmit(async (data) => {
+    await mutateAsync(
+      {
+        name: data.name,
+        rank: data.rank
+      },
+      {
+        onSuccess: () => {
+          toast.success(
+            t("attributes.editPossibleValue.successToast", {
+              value: data.name
+            })
+          );
+          handleSuccess();
+        },
+        onError: (err) => {
+          toast.error(err.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__ */ jsx("div", { className: "flex flex-col gap-y-4", children: /* @__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 }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
+            /* @__PURE__ */ jsx(Form.Label, { children: t("attributes.fields.value") }),
+            /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                autoComplete: "off",
+                "data-testid": "attribute-edit-possible-value-name-input",
+                ...field
+              }
+            ) }),
+            /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+          ] })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Form.Field,
+        {
+          control: form.control,
+          name: "rank",
+          render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
+            /* @__PURE__ */ jsx(Form.Label, { optional: true, children: t("attributes.fields.rank") }),
+            /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                ...field,
+                type: "number",
+                value: field.value ?? "",
+                onChange: (e) => field.onChange(
+                  e.target.value === "" ? void 0 : Number(e.target.value)
+                ),
+                "data-testid": "attribute-edit-possible-value-rank-input"
+              }
+            ) }),
+            /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+          ] })
+        }
+      )
+    ] }) }) }),
+    /* @__PURE__ */ jsx(RouteDrawer.Footer, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center 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": "attribute-edit-possible-value-submit-button",
+          children: t("actions.save")
+        }
+      )
+    ] }) })
+  ] }) });
+};
+var AttributeEditPossibleValue = () => {
+  const { id } = useParams();
+  const [searchParams] = useSearchParams();
+  const { t } = useTranslation();
+  const possibleValueId = searchParams.get("possible_value_id");
+  const {
+    product_attribute: attribute,
+    isPending,
+    isError,
+    error
+  } = useProductAttribute(id);
+  if (isError) {
+    throw error;
+  }
+  const possibleValue = attribute?.values?.find(
+    (pv) => pv.id === possibleValueId
+  );
+  const ready = !isPending && !!attribute && !!possibleValue;
+  return /* @__PURE__ */ jsxs(RouteDrawer, { "data-testid": "attribute-edit-possible-value-drawer", children: [
+    /* @__PURE__ */ jsxs(RouteDrawer.Header, { children: [
+      /* @__PURE__ */ jsx(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsx(Heading, { children: t("attributes.editPossibleValue.header") }) }),
+      /* @__PURE__ */ jsx(RouteDrawer.Description, { className: "sr-only", children: t("attributes.editPossibleValue.subtitle") })
+    ] }),
+    ready && /* @__PURE__ */ jsx(
+      EditPossibleValueForm,
+      {
+        attributeId: id,
+        possibleValue
+      }
+    )
+  ] });
+};
+export {
+  AttributeEditPossibleValue as Component
+};