@mercurjs/admin 2.2.0-rc.0 → 2.2.0-rc.1

package/dist/{campaign-detail-RNB3FEJZ.js → campaign-detail-3PNOOUGP.js}

@@ -1,30 +1,30 @@
 import {
   CAMPAIGN_DETAIL_FIELDS,
   CampaignDetailPage
-} from "./chunk-GISFIAGQ.js";
-import "./chunk-ML7UVBKL.js";
+} from "./chunk-MPRW23TB.js";
+import "./chunk-TIG77LHS.js";
 import "./chunk-S2WEYEQR.js";
 import "./chunk-RK5N3XIX.js";
-import "./chunk-RIO2IHPE.js";
+import "./chunk-67KYEPSA.js";
 import "./chunk-JHIMVLB2.js";
 import "./chunk-FMFVTERD.js";
 import "./chunk-DB6ANJBO.js";
 import "./chunk-PHOCVOZ5.js";
-import "./chunk-F2SZ4LPF.js";
+import "./chunk-R2LW5LGL.js";
 import "./chunk-IQPN4PZJ.js";
 import "./chunk-E74OUNA3.js";
+import "./chunk-H6MYB7GB.js";
+import "./chunk-THHRRYRS.js";
 import "./chunk-FQERBIVS.js";
-import "./chunk-6ZVV2XHU.js";
+import "./chunk-GRFWCCUW.js";
 import "./chunk-YN3FGNJM.js";
 import "./chunk-ZAOEFQ6K.js";
-import "./chunk-PAYQJPGK.js";
-import "./chunk-H6MYB7GB.js";
+import "./chunk-7PPT3477.js";
 import "./chunk-UZWFZMOX.js";
 import "./chunk-XQNVC4Q7.js";
-import "./chunk-THHRRYRS.js";
 import "./chunk-ABS7HMLY.js";
 import "./chunk-R325CPYC.js";
-import "./chunk-YNN2YNSE.js";
+import "./chunk-ZAANJVLM.js";
 import "./chunk-J54BZXZX.js";
 import "./chunk-JI7HMGMO.js";
 import "./chunk-F5NW4XBU.js";
@@ -38,28 +38,28 @@ import "./chunk-VHCDSNXF.js";
 import "./chunk-A2F5MDPU.js";
 import "./chunk-IC2PLPRP.js";
 import "./chunk-L7DIEO5B.js";
-import "./chunk-LSMTJU6Y.js";
-import "./chunk-BNFTJW4L.js";
+import "./chunk-G2LHEJLS.js";
+import "./chunk-FVG5DTS6.js";
 import "./chunk-EJY35WBK.js";
 import "./chunk-GYRTURN7.js";
 import {
   campaignsQueryKeys,
   useCampaign
-} from "./chunk-GCEOEV6P.js";
+} from "./chunk-MTHPNKQ4.js";
 import "./chunk-Q6GUA5VE.js";
 import "./chunk-VXW3BCN2.js";
-import "./chunk-GLZLBHFC.js";
+import "./chunk-WX4ABVXL.js";
 import "./chunk-WF3ZDT5Z.js";
 import "./chunk-PYF5EER5.js";
-import "./chunk-BILFRATX.js";
-import "./chunk-RGS5ZOY7.js";
+import "./chunk-SAU35JEB.js";
+import "./chunk-AFYILTAC.js";
 import "./chunk-BDGZ4EQO.js";
-import "./chunk-MW47LDBT.js";
-import "./chunk-JZJT26E3.js";
+import "./chunk-ZOTBKQLG.js";
+import "./chunk-QVIX6O76.js";
 import "./chunk-LAVHRER2.js";
 import "./chunk-Y7QKP6QU.js";
 import "./chunk-INNFZYX2.js";
-import "./chunk-ZKHF75MZ.js";
+import "./chunk-MMKUMSZS.js";
 import {
   queryClient
 } from "./chunk-RHKRREUU.js";
@@ -90,10 +90,14 @@ var CampaignDetailBreadcrumb = (props) => {
 };
 
 // src/pages/campaigns/campaign-detail/loader.ts
-var campaignDetailQuery = (id) => ({
-  queryKey: campaignsQueryKeys.detail(id),
-  queryFn: async () => sdk.admin.campaigns.$id.query({ $id: id, fields: CAMPAIGN_DETAIL_FIELDS })
-});
+import { getLinkQuery } from "@mercurjs/dashboard-shared";
+var campaignDetailQuery = (id) => {
+  const query = getLinkQuery("campaign", CAMPAIGN_DETAIL_FIELDS);
+  return {
+    queryKey: campaignsQueryKeys.detail(id, query),
+    queryFn: async () => sdk.admin.campaigns.$id.query({ $id: id, ...query })
+  };
+};
 var campaignLoader = async ({ params }) => {
   const id = params.id;
   const query = campaignDetailQuery(id);

package/dist/{campaign-edit-MAS3DCFB.js → campaign-edit-6CIGS4ZU.js}

@@ -15,7 +15,7 @@ import {
 import {
   useCampaign,
   useUpdateCampaign
-} from "./chunk-GCEOEV6P.js";
+} from "./chunk-MTHPNKQ4.js";
 import "./chunk-RHKRREUU.js";
 import "./chunk-ZA2KFUFR.js";
 import "./chunk-LXZXXOJ3.js";
@@ -25,13 +25,16 @@ import "./chunk-NBMM2TZK.js";
 import { Heading } from "@medusajs/ui";
 import { useTranslation as useTranslation2 } from "react-i18next";
 import { useParams } from "react-router-dom";
+import { useLinkQuery } from "@mercurjs/dashboard-shared";
 
 // src/pages/campaigns/campaign-edit/components/edit-campaign-form/edit-campaign-form.tsx
-import { zodResolver } from "@hookform/resolvers/zod";
 import { Button, DatePicker, Input, toast } from "@medusajs/ui";
-import { useForm } from "react-hook-form";
 import { useTranslation } from "react-i18next";
 import * as zod from "zod";
+import {
+  FormExtensionZone,
+  useExtendableForm
+} from "@mercurjs/dashboard-shared";
 import { jsx, jsxs } from "react/jsx-runtime";
 var EditCampaignSchema = zod.object({
   name: zod.string(),
@@ -43,15 +46,18 @@ var EditCampaignSchema = zod.object({
 var EditCampaignForm = ({ campaign }) => {
   const { t } = useTranslation();
   const { handleSuccess } = useRouteModal();
-  const form = useForm({
+  const form = useExtendableForm({
+    schema: EditCampaignSchema,
+    model: "campaign",
+    zone: "edit",
+    data: campaign,
     defaultValues: {
       name: campaign.name || "",
       description: campaign.description || "",
       campaign_identifier: campaign.campaign_identifier || "",
       starts_at: campaign.starts_at ? new Date(campaign.starts_at) : void 0,
       ends_at: campaign.ends_at ? new Date(campaign.ends_at) : void 0
-    },
-    resolver: zodResolver(EditCampaignSchema)
+    }
   });
   const { mutateAsync, isPending } = useUpdateCampaign(campaign.id);
   const handleSubmit = form.handleSubmit(async (data) => {
@@ -166,6 +172,15 @@ var EditCampaignForm = ({ campaign }) => {
             ] });
           }
         }
+      ),
+      /* @__PURE__ */ jsx(
+        FormExtensionZone,
+        {
+          model: "campaign",
+          zone: "edit",
+          control: form.control,
+          data: campaign
+        }
       )
     ] }) }),
     /* @__PURE__ */ jsx(RouteDrawer.Footer, { "data-testid": "campaign-edit-form-footer", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-x-2", children: [
@@ -190,7 +205,8 @@ import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var CampaignEdit = () => {
   const { t } = useTranslation2();
   const { id } = useParams();
-  const { campaign, isLoading, isError, error } = useCampaign(id);
+  const query = useLinkQuery("campaign");
+  const { campaign, isLoading, isError, error } = useCampaign(id, query);
   if (isError) {
     throw error;
   }

package/dist/{campaign-list-CDV4GWWD.js → campaign-list-TNJDWTM5.js}

@@ -1,22 +1,22 @@
 import {
   CampaignListPage
-} from "./chunk-HRDVGFS7.js";
+} from "./chunk-OX6HZPVY.js";
 import "./chunk-HINXQTCW.js";
 import "./chunk-DY3XQPHC.js";
 import "./chunk-25LYVP3C.js";
 import "./chunk-JHIMVLB2.js";
 import "./chunk-PHOCVOZ5.js";
 import "./chunk-E74OUNA3.js";
+import "./chunk-H6MYB7GB.js";
+import "./chunk-THHRRYRS.js";
 import "./chunk-FQERBIVS.js";
-import "./chunk-6ZVV2XHU.js";
+import "./chunk-GRFWCCUW.js";
 import "./chunk-YN3FGNJM.js";
 import "./chunk-ZAOEFQ6K.js";
-import "./chunk-PAYQJPGK.js";
-import "./chunk-H6MYB7GB.js";
+import "./chunk-7PPT3477.js";
 import "./chunk-UZWFZMOX.js";
 import "./chunk-XQNVC4Q7.js";
-import "./chunk-THHRRYRS.js";
-import "./chunk-GCEOEV6P.js";
+import "./chunk-MTHPNKQ4.js";
 import "./chunk-BDGZ4EQO.js";
 import "./chunk-LAVHRER2.js";
 import "./chunk-Y7QKP6QU.js";

package/dist/{categories-metadata-4LXL2PWA.js → categories-metadata-AIT33J5U.js}

@@ -10,7 +10,7 @@ import {
 import "./chunk-3QSRE5LS.js";
 import "./chunk-ABS7HMLY.js";
 import "./chunk-R325CPYC.js";
-import "./chunk-YNN2YNSE.js";
+import "./chunk-ZAANJVLM.js";
 import "./chunk-J54BZXZX.js";
 import "./chunk-JI7HMGMO.js";
 import "./chunk-F5NW4XBU.js";
@@ -24,27 +24,27 @@ import "./chunk-VHCDSNXF.js";
 import "./chunk-A2F5MDPU.js";
 import "./chunk-IC2PLPRP.js";
 import "./chunk-L7DIEO5B.js";
-import "./chunk-LSMTJU6Y.js";
-import "./chunk-BNFTJW4L.js";
+import "./chunk-G2LHEJLS.js";
+import "./chunk-FVG5DTS6.js";
 import "./chunk-EJY35WBK.js";
 import "./chunk-GYRTURN7.js";
-import "./chunk-GCEOEV6P.js";
+import "./chunk-MTHPNKQ4.js";
 import "./chunk-Q6GUA5VE.js";
 import "./chunk-VXW3BCN2.js";
-import "./chunk-GLZLBHFC.js";
+import "./chunk-WX4ABVXL.js";
 import "./chunk-WF3ZDT5Z.js";
 import "./chunk-PYF5EER5.js";
-import "./chunk-BILFRATX.js";
-import "./chunk-RGS5ZOY7.js";
-import "./chunk-MW47LDBT.js";
+import "./chunk-SAU35JEB.js";
+import "./chunk-AFYILTAC.js";
+import "./chunk-ZOTBKQLG.js";
 import {
   useProductCategory,
   useUpdateProductCategory
-} from "./chunk-JZJT26E3.js";
+} from "./chunk-QVIX6O76.js";
 import "./chunk-LAVHRER2.js";
 import "./chunk-Y7QKP6QU.js";
 import "./chunk-INNFZYX2.js";
-import "./chunk-ZKHF75MZ.js";
+import "./chunk-MMKUMSZS.js";
 import "./chunk-RHKRREUU.js";
 import "./chunk-ZA2KFUFR.js";
 import "./chunk-LXZXXOJ3.js";

package/dist/{category-create-AIS2MG7E.js → category-create-NTSIOKLK.js}

@@ -1,6 +1,6 @@
 import {
   CategoryCreate
-} from "./chunk-BLR3NTU6.js";
+} from "./chunk-GVPKRQWI.js";
 import "./chunk-XLA2CNCW.js";
 import "./chunk-BW7BDHZV.js";
 import "./chunk-Y456KVIN.js";
@@ -14,9 +14,9 @@ import "./chunk-TKGWSUEI.js";
 import "./chunk-SITRHMZZ.js";
 import "./chunk-FWJLS7XD.js";
 import "./chunk-3QSRE5LS.js";
-import "./chunk-JZJT26E3.js";
+import "./chunk-QVIX6O76.js";
 import "./chunk-Y7QKP6QU.js";
-import "./chunk-ZKHF75MZ.js";
+import "./chunk-MMKUMSZS.js";
 import "./chunk-RHKRREUU.js";
 import "./chunk-ZA2KFUFR.js";
 import "./chunk-LXZXXOJ3.js";

package/dist/{category-detail-557376TZ.js → category-detail-3WUCMDWO.js}

@@ -1,33 +1,33 @@
 import {
   CategoryDetailPage
-} from "./chunk-IVBNI2QE.js";
+} from "./chunk-VQ6OPDS3.js";
 import "./chunk-7AV5EJJ5.js";
-import "./chunk-CW3HYGS5.js";
+import "./chunk-7CQD5AQ6.js";
 import "./chunk-Y456KVIN.js";
 import "./chunk-QJCUPZZQ.js";
-import "./chunk-OYZIFLLC.js";
-import "./chunk-DI2M3J5Q.js";
-import "./chunk-4346EIRG.js";
+import "./chunk-I5HY5Q3K.js";
+import "./chunk-RMB7MPIT.js";
+import "./chunk-APMBU7ZV.js";
 import "./chunk-FWPGOIFA.js";
-import "./chunk-H7NIKMPE.js";
+import "./chunk-5NSOIZFB.js";
 import "./chunk-DB6ANJBO.js";
 import "./chunk-PHOCVOZ5.js";
 import "./chunk-VSLHL2AZ.js";
 import "./chunk-E74OUNA3.js";
 import "./chunk-WIYFXWRI.js";
+import "./chunk-H6MYB7GB.js";
+import "./chunk-THHRRYRS.js";
+import "./chunk-VYSB4CTB.js";
 import "./chunk-FQERBIVS.js";
-import "./chunk-6ZVV2XHU.js";
+import "./chunk-GRFWCCUW.js";
 import "./chunk-YN3FGNJM.js";
 import "./chunk-ZAOEFQ6K.js";
-import "./chunk-PAYQJPGK.js";
-import "./chunk-H6MYB7GB.js";
+import "./chunk-7PPT3477.js";
 import "./chunk-UZWFZMOX.js";
 import "./chunk-XQNVC4Q7.js";
-import "./chunk-THHRRYRS.js";
-import "./chunk-DSTHXHJ5.js";
 import "./chunk-ABS7HMLY.js";
 import "./chunk-R325CPYC.js";
-import "./chunk-YNN2YNSE.js";
+import "./chunk-ZAANJVLM.js";
 import "./chunk-J54BZXZX.js";
 import "./chunk-JI7HMGMO.js";
 import "./chunk-F5NW4XBU.js";
@@ -41,28 +41,28 @@ import "./chunk-VHCDSNXF.js";
 import "./chunk-A2F5MDPU.js";
 import "./chunk-IC2PLPRP.js";
 import "./chunk-L7DIEO5B.js";
-import "./chunk-LSMTJU6Y.js";
-import "./chunk-BNFTJW4L.js";
+import "./chunk-G2LHEJLS.js";
+import "./chunk-FVG5DTS6.js";
 import "./chunk-EJY35WBK.js";
 import "./chunk-GYRTURN7.js";
-import "./chunk-GCEOEV6P.js";
+import "./chunk-MTHPNKQ4.js";
 import "./chunk-Q6GUA5VE.js";
 import "./chunk-VXW3BCN2.js";
-import "./chunk-GLZLBHFC.js";
+import "./chunk-WX4ABVXL.js";
 import "./chunk-WF3ZDT5Z.js";
 import "./chunk-PYF5EER5.js";
-import "./chunk-BILFRATX.js";
-import "./chunk-RGS5ZOY7.js";
+import "./chunk-SAU35JEB.js";
+import "./chunk-AFYILTAC.js";
 import "./chunk-BDGZ4EQO.js";
-import "./chunk-MW47LDBT.js";
+import "./chunk-ZOTBKQLG.js";
 import {
   categoriesQueryKeys,
   useProductCategory
-} from "./chunk-JZJT26E3.js";
+} from "./chunk-QVIX6O76.js";
 import "./chunk-LAVHRER2.js";
 import "./chunk-Y7QKP6QU.js";
 import "./chunk-INNFZYX2.js";
-import "./chunk-ZKHF75MZ.js";
+import "./chunk-MMKUMSZS.js";
 import {
   queryClient
 } from "./chunk-RHKRREUU.js";
@@ -93,10 +93,14 @@ var CategoryDetailBreadcrumb = (props) => {
 };
 
 // src/pages/categories/category-detail/loader.ts
-var categoryDetailQuery = (id) => ({
-  queryKey: categoriesQueryKeys.detail(id),
-  queryFn: async () => sdk.admin.productCategories.$id.query({ $id: id })
-});
+import { getLinkQuery } from "@mercurjs/dashboard-shared";
+var categoryDetailQuery = (id) => {
+  const query = getLinkQuery("category");
+  return {
+    queryKey: categoriesQueryKeys.detail(id, query),
+    queryFn: async () => sdk.admin.productCategories.$id.query({ $id: id, ...query })
+  };
+};
 var categoryLoader = async ({ params }) => {
   const id = params.id;
   const query = categoryDetailQuery(id);

package/dist/{category-edit-LYR2IOTA.js → category-edit-4PGWERPJ.js}

@@ -15,11 +15,11 @@ import {
 import {
   useProductCategory,
   useUpdateProductCategory
-} from "./chunk-JZJT26E3.js";
+} from "./chunk-QVIX6O76.js";
 import {
   useDocumentDirection
 } from "./chunk-Y7QKP6QU.js";
-import "./chunk-ZKHF75MZ.js";
+import "./chunk-MMKUMSZS.js";
 import "./chunk-RHKRREUU.js";
 import "./chunk-ZA2KFUFR.js";
 import "./chunk-LXZXXOJ3.js";
@@ -27,16 +27,19 @@ import "./chunk-NBMM2TZK.js";
 
 // src/pages/categories/category-edit/category-edit.tsx
 import { Heading } from "@medusajs/ui";
+import { useLinkQuery } from "@mercurjs/dashboard-shared";
 import { useTranslation as useTranslation2 } from "react-i18next";
 import { useParams } from "react-router-dom";
 
 // src/pages/categories/category-edit/components/edit-category-form/edit-category-form.tsx
-import { zodResolver } from "@hookform/resolvers/zod";
 import { Button, Input, Select, Textarea, toast } from "@medusajs/ui";
 import i18n from "i18next";
-import { useForm } from "react-hook-form";
 import { useTranslation } from "react-i18next";
 import { z } from "zod";
+import {
+  FormExtensionZone,
+  useExtendableForm
+} from "@mercurjs/dashboard-shared";
 import { jsx, jsxs } from "react/jsx-runtime";
 var EditCategorySchema = z.object({
   name: z.string().min(1, { message: i18n.t("categories.validation.titleRequired") }),
@@ -49,15 +52,18 @@ var EditCategoryForm = ({ category }) => {
   const { t } = useTranslation();
   const { handleSuccess } = useRouteModal();
   const direction = useDocumentDirection();
-  const form = useForm({
+  const form = useExtendableForm({
+    schema: EditCategorySchema,
+    model: "category",
+    zone: "edit",
+    data: category,
     defaultValues: {
       name: category.name,
       handle: category.handle,
       description: category.description || "",
       status: category.is_active ? "active" : "inactive",
       visibility: category.is_internal ? "internal" : "public"
-    },
-    resolver: zodResolver(EditCategorySchema)
+    }
   });
   const { mutateAsync, isPending } = useUpdateProductCategory(category.id);
   const handleSubmit = form.handleSubmit(async (data) => {
@@ -188,7 +194,16 @@ var EditCategoryForm = ({ category }) => {
             }
           }
         )
-      ] })
+      ] }),
+      /* @__PURE__ */ jsx(
+        FormExtensionZone,
+        {
+          model: "category",
+          zone: "edit",
+          control: form.control,
+          data: category
+        }
+      )
     ] }) }),
     /* @__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") }) }),
@@ -202,8 +217,10 @@ import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var CategoryEdit = () => {
   const { id } = useParams();
   const { t } = useTranslation2();
+  const linkQuery = useLinkQuery("category");
   const { product_category, isPending, isError, error } = useProductCategory(
-    id
+    id,
+    linkQuery
   );
   const ready = !isPending && !!product_category;
   if (isError) {

package/dist/{category-icon-edit-W2TPCSDC.js → category-icon-edit-C2VAH5JA.js}

@@ -22,8 +22,8 @@ import {
 import {
   useProductCategory,
   useUpdateProductCategory
-} from "./chunk-JZJT26E3.js";
-import "./chunk-ZKHF75MZ.js";
+} from "./chunk-QVIX6O76.js";
+import "./chunk-MMKUMSZS.js";
 import "./chunk-RHKRREUU.js";
 import "./chunk-ZA2KFUFR.js";
 import "./chunk-LXZXXOJ3.js";

package/dist/{category-list-XKRI24VN.js → category-list-D4J4G6HW.js}

@@ -1,7 +1,7 @@
 import {
   CategoryListPage
-} from "./chunk-W3P3RP5R.js";
-import "./chunk-CW3HYGS5.js";
+} from "./chunk-PPRIEP4H.js";
+import "./chunk-7CQD5AQ6.js";
 import "./chunk-JHIMVLB2.js";
 import "./chunk-Y456KVIN.js";
 import "./chunk-QJCUPZZQ.js";
@@ -10,21 +10,21 @@ import "./chunk-PHOCVOZ5.js";
 import "./chunk-VSLHL2AZ.js";
 import "./chunk-E74OUNA3.js";
 import "./chunk-WIYFXWRI.js";
+import "./chunk-H6MYB7GB.js";
+import "./chunk-THHRRYRS.js";
 import "./chunk-FQERBIVS.js";
-import "./chunk-6ZVV2XHU.js";
+import "./chunk-GRFWCCUW.js";
 import "./chunk-YN3FGNJM.js";
 import "./chunk-ZAOEFQ6K.js";
-import "./chunk-PAYQJPGK.js";
-import "./chunk-H6MYB7GB.js";
+import "./chunk-7PPT3477.js";
 import "./chunk-UZWFZMOX.js";
 import "./chunk-XQNVC4Q7.js";
-import "./chunk-THHRRYRS.js";
 import "./chunk-BDGZ4EQO.js";
-import "./chunk-JZJT26E3.js";
+import "./chunk-QVIX6O76.js";
 import "./chunk-LAVHRER2.js";
 import "./chunk-Y7QKP6QU.js";
 import "./chunk-INNFZYX2.js";
-import "./chunk-ZKHF75MZ.js";
+import "./chunk-MMKUMSZS.js";
 import "./chunk-RHKRREUU.js";
 import "./chunk-ZA2KFUFR.js";
 import "./chunk-LXZXXOJ3.js";

package/dist/{category-media-PC4V7YU4.js → category-media-E5UUDN3I.js}

@@ -20,8 +20,8 @@ import {
 import {
   useProductCategory,
   useUpdateProductCategory
-} from "./chunk-JZJT26E3.js";
-import "./chunk-ZKHF75MZ.js";
+} from "./chunk-QVIX6O76.js";
+import "./chunk-MMKUMSZS.js";
 import "./chunk-RHKRREUU.js";
 import "./chunk-ZA2KFUFR.js";
 import "./chunk-LXZXXOJ3.js";

package/dist/category-organize-T45BC4HL.js

@@ -0,0 +1,129 @@
+import {
+  CategoryTree
+} from "./chunk-XLA2CNCW.js";
+import {
+  RouteFocusModal,
+  useRouteModal
+} from "./chunk-FWJLS7XD.js";
+import "./chunk-3QSRE5LS.js";
+import {
+  categoriesQueryKeys,
+  useProductCategories
+} from "./chunk-QVIX6O76.js";
+import "./chunk-MMKUMSZS.js";
+import {
+  queryClient
+} from "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import {
+  sdk
+} from "./chunk-LXZXXOJ3.js";
+import "./chunk-NBMM2TZK.js";
+
+// src/pages/categories/category-organize/components/organize-category-form/organize-category-form.tsx
+import { useMutation } from "@tanstack/react-query";
+import { Button, toast } from "@medusajs/ui";
+import { useState } from "react";
+import { useTranslation } from "react-i18next";
+import { jsx, jsxs } from "react/jsx-runtime";
+var QUERY = {
+  fields: "id,name,parent_category_id,rank,*category_children",
+  parent_category_id: "null",
+  include_descendants_tree: true,
+  limit: 9999
+};
+var OrganizeCategoryForm = () => {
+  const { t } = useTranslation();
+  const { handleSuccess } = useRouteModal();
+  const {
+    product_categories,
+    isPending,
+    isError,
+    error: fetchError
+  } = useProductCategories(QUERY);
+  const [items, setItems] = useState(null);
+  const [changes, setChanges] = useState([]);
+  const { mutateAsync, isPending: isSaving } = useMutation({
+    mutationFn: async (pending) => {
+      for (const change of pending) {
+        await sdk.admin.productCategories.$id.mutate({
+          $id: change.id,
+          rank: change.rank,
+          parent_category_id: change.parent_category_id
+        });
+      }
+    },
+    onSuccess: async () => {
+      await queryClient.invalidateQueries({ queryKey: categoriesQueryKeys.all });
+      toast.success(t("categories.organize.successToast"));
+      handleSuccess();
+    },
+    onError: (error) => {
+      toast.error(error.message);
+    }
+  });
+  const handleRankChange = (value, arr) => {
+    setItems(arr);
+    setChanges((prev) => [
+      ...prev,
+      {
+        id: value.id,
+        parent_category_id: value.parentId,
+        rank: value.index
+      }
+    ]);
+  };
+  const handleSave = async () => {
+    if (!changes.length) {
+      return;
+    }
+    await mutateAsync(changes);
+  };
+  if (isError) {
+    throw fetchError;
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col overflow-hidden", children: [
+    /* @__PURE__ */ jsx(RouteFocusModal.Header, {}),
+    /* @__PURE__ */ jsx(RouteFocusModal.Body, { className: "bg-ui-bg-subtle flex flex-1 flex-col overflow-y-auto", children: /* @__PURE__ */ jsx(
+      CategoryTree,
+      {
+        renderValue: (item) => item.name,
+        value: items ?? product_categories ?? [],
+        onChange: handleRankChange,
+        isLoading: isPending
+      }
+    ) }),
+    /* @__PURE__ */ jsx(RouteFocusModal.Footer, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-x-2", children: [
+      /* @__PURE__ */ jsx(RouteFocusModal.Close, { asChild: true, children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          size: "small",
+          variant: "secondary",
+          "data-testid": "category-organize-cancel-button",
+          children: t("actions.cancel")
+        }
+      ) }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          size: "small",
+          type: "button",
+          onClick: handleSave,
+          isLoading: isSaving,
+          disabled: !changes.length,
+          "data-testid": "category-organize-save-button",
+          children: t("actions.save")
+        }
+      )
+    ] }) })
+  ] });
+};
+
+// src/pages/categories/category-organize/category-organize.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var CategoryOrganize = () => {
+  return /* @__PURE__ */ jsx2(RouteFocusModal, { children: /* @__PURE__ */ jsx2(OrganizeCategoryForm, {}) });
+};
+export {
+  CategoryOrganize as Component
+};