@medusajs/draft-order 2.11.1-snapshot-20251021125705 → 2.11.1-snapshot-20251022072519

package/.medusa/server/src/admin/index.js

@@ -9761,74 +9761,6 @@ const BillingAddressForm = ({ order }) => {
   ) });
 };
 const schema$5 = addressSchema;
-const Email = () => {
-  const { id } = reactRouterDom.useParams();
-  const { order, isPending, isError, error } = useOrder(id, {
-    fields: "+email"
-  });
-  if (isError) {
-    throw error;
-  }
-  const isReady = !isPending && !!order;
-  return /* @__PURE__ */ jsxRuntime.jsxs(RouteDrawer, { children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(RouteDrawer.Header, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { children: "Edit Email" }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Description, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Edit the email for the draft order" }) })
-    ] }),
-    isReady && /* @__PURE__ */ jsxRuntime.jsx(EmailForm, { order })
-  ] });
-};
-const EmailForm = ({ order }) => {
-  const form = reactHookForm.useForm({
-    defaultValues: {
-      email: order.email ?? ""
-    },
-    resolver: zod.zodResolver(schema$4)
-  });
-  const { mutateAsync, isPending } = useUpdateDraftOrder(order.id);
-  const { handleSuccess } = useRouteModal();
-  const onSubmit = form.handleSubmit(async (data) => {
-    await mutateAsync(
-      { email: data.email },
-      {
-        onSuccess: () => {
-          handleSuccess();
-        },
-        onError: (error) => {
-          ui.toast.error(error.message);
-        }
-      }
-    );
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Form, { form, children: /* @__PURE__ */ jsxRuntime.jsxs(
-    KeyboundForm,
-    {
-      className: "flex flex-1 flex-col overflow-hidden",
-      onSubmit,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Body, { className: "flex flex-col gap-y-6 overflow-y-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
-          Form$2.Field,
-          {
-            control: form.control,
-            name: "email",
-            render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs(Form$2.Item, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(Form$2.Label, { children: "Email" }),
-              /* @__PURE__ */ jsxRuntime.jsx(Form$2.Control, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { ...field }) }),
-              /* @__PURE__ */ jsxRuntime.jsx(Form$2.ErrorMessage, {})
-            ] })
-          }
-        ) }),
-        /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Footer, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-end gap-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Close, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "secondary", children: "Cancel" }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", type: "submit", isLoading: isPending, children: "Save" })
-        ] }) })
-      ]
-    }
-  ) });
-};
-const schema$4 = objectType({
-  email: stringType().email()
-});
 const CustomItems = () => {
   return /* @__PURE__ */ jsxRuntime.jsxs(RouteDrawer, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Header, { children: /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { children: "Edit Custom Items" }) }) }),
@@ -9837,7 +9769,7 @@ const CustomItems = () => {
 };
 const CustomItemsForm = () => {
   const form = reactHookForm.useForm({
-    resolver: zod.zodResolver(schema$3)
+    resolver: zod.zodResolver(schema$4)
   });
   return /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Form, { form, children: /* @__PURE__ */ jsxRuntime.jsxs(KeyboundForm, { className: "flex flex-1 flex-col", children: [
     /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Body, {}),
@@ -9847,7 +9779,7 @@ const CustomItemsForm = () => {
     ] }) })
   ] }) });
 };
-const schema$3 = objectType({
+const schema$4 = objectType({
   email: stringType().email()
 });
 const InlineTip = React.forwardRef(
@@ -10551,7 +10483,7 @@ const SalesChannelForm = ({ order }) => {
     defaultValues: {
       sales_channel_id: order.sales_channel_id || ""
     },
-    resolver: zod.zodResolver(schema$2)
+    resolver: zod.zodResolver(schema$3)
   });
   const { mutateAsync, isPending } = useUpdateDraftOrder(order.id);
   const { handleSuccess } = useRouteModal();
@@ -10626,7 +10558,7 @@ const SalesChannelField = ({ control, order }) => {
     }
   );
 };
-const schema$2 = objectType({
+const schema$3 = objectType({
   sales_channel_id: stringType().min(1)
 });
 function convertNumber(value) {
@@ -11471,7 +11403,7 @@ const ShippingAddressForm = ({ order }) => {
       postal_code: ((_i = order.shipping_address) == null ? void 0 : _i.postal_code) ?? "",
       phone: ((_j = order.shipping_address) == null ? void 0 : _j.phone) ?? ""
     },
-    resolver: zod.zodResolver(schema$1)
+    resolver: zod.zodResolver(schema$2)
   });
   const { mutateAsync, isPending } = useUpdateDraftOrder(order.id);
   const { handleSuccess } = useRouteModal();
@@ -11641,7 +11573,7 @@ const ShippingAddressForm = ({ order }) => {
     }
   ) });
 };
-const schema$1 = addressSchema;
+const schema$2 = addressSchema;
 const TransferOwnership = () => {
   const { id } = reactRouterDom.useParams();
   const { draft_order, isPending, isError, error } = useDraftOrder(id, {
@@ -11665,7 +11597,7 @@ const TransferOwnershipForm = ({ order }) => {
     defaultValues: {
       customer_id: order.customer_id || ""
     },
-    resolver: zod.zodResolver(schema)
+    resolver: zod.zodResolver(schema$1)
   });
   const { mutateAsync, isPending } = useUpdateDraftOrder(order.id);
   const { handleSuccess } = useRouteModal();
@@ -12115,9 +12047,77 @@ const Illustration = () => {
     }
   );
 };
-const schema = objectType({
+const schema$1 = objectType({
   customer_id: stringType().min(1)
 });
+const Email = () => {
+  const { id } = reactRouterDom.useParams();
+  const { order, isPending, isError, error } = useOrder(id, {
+    fields: "+email"
+  });
+  if (isError) {
+    throw error;
+  }
+  const isReady = !isPending && !!order;
+  return /* @__PURE__ */ jsxRuntime.jsxs(RouteDrawer, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(RouteDrawer.Header, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { children: "Edit Email" }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Description, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Edit the email for the draft order" }) })
+    ] }),
+    isReady && /* @__PURE__ */ jsxRuntime.jsx(EmailForm, { order })
+  ] });
+};
+const EmailForm = ({ order }) => {
+  const form = reactHookForm.useForm({
+    defaultValues: {
+      email: order.email ?? ""
+    },
+    resolver: zod.zodResolver(schema)
+  });
+  const { mutateAsync, isPending } = useUpdateDraftOrder(order.id);
+  const { handleSuccess } = useRouteModal();
+  const onSubmit = form.handleSubmit(async (data) => {
+    await mutateAsync(
+      { email: data.email },
+      {
+        onSuccess: () => {
+          handleSuccess();
+        },
+        onError: (error) => {
+          ui.toast.error(error.message);
+        }
+      }
+    );
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Form, { form, children: /* @__PURE__ */ jsxRuntime.jsxs(
+    KeyboundForm,
+    {
+      className: "flex flex-1 flex-col overflow-hidden",
+      onSubmit,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Body, { className: "flex flex-col gap-y-6 overflow-y-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
+          Form$2.Field,
+          {
+            control: form.control,
+            name: "email",
+            render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs(Form$2.Item, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(Form$2.Label, { children: "Email" }),
+              /* @__PURE__ */ jsxRuntime.jsx(Form$2.Control, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { ...field }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(Form$2.ErrorMessage, {})
+            ] })
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Footer, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-end gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Close, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "secondary", children: "Cancel" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", type: "submit", isLoading: isPending, children: "Save" })
+        ] }) })
+      ]
+    }
+  ) });
+};
+const schema = objectType({
+  email: stringType().email()
+});
 const NumberInput = React.forwardRef(
   ({
     value,
@@ -13067,10 +13067,6 @@ const routeModule = {
           Component: BillingAddress,
           path: "/draft-orders/:id/billing-address"
         },
-        {
-          Component: Email,
-          path: "/draft-orders/:id/email"
-        },
         {
           Component: CustomItems,
           path: "/draft-orders/:id/custom-items"
@@ -13099,6 +13095,10 @@ const routeModule = {
           Component: TransferOwnership,
           path: "/draft-orders/:id/transfer-ownership"
         },
+        {
+          Component: Email,
+          path: "/draft-orders/:id/email"
+        },
         {
           Component: Items,
           path: "/draft-orders/:id/items"

package/.medusa/server/src/admin/index.mjs

@@ -9755,74 +9755,6 @@ const BillingAddressForm = ({ order }) => {
   ) });
 };
 const schema$5 = addressSchema;
-const Email = () => {
-  const { id } = useParams();
-  const { order, isPending, isError, error } = useOrder(id, {
-    fields: "+email"
-  });
-  if (isError) {
-    throw error;
-  }
-  const isReady = !isPending && !!order;
-  return /* @__PURE__ */ jsxs(RouteDrawer, { children: [
-    /* @__PURE__ */ jsxs(RouteDrawer.Header, { children: [
-      /* @__PURE__ */ jsx(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsx(Heading, { children: "Edit Email" }) }),
-      /* @__PURE__ */ jsx(RouteDrawer.Description, { asChild: true, children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Edit the email for the draft order" }) })
-    ] }),
-    isReady && /* @__PURE__ */ jsx(EmailForm, { order })
-  ] });
-};
-const EmailForm = ({ order }) => {
-  const form = useForm({
-    defaultValues: {
-      email: order.email ?? ""
-    },
-    resolver: zodResolver(schema$4)
-  });
-  const { mutateAsync, isPending } = useUpdateDraftOrder(order.id);
-  const { handleSuccess } = useRouteModal();
-  const onSubmit = form.handleSubmit(async (data) => {
-    await mutateAsync(
-      { email: data.email },
-      {
-        onSuccess: () => {
-          handleSuccess();
-        },
-        onError: (error) => {
-          toast.error(error.message);
-        }
-      }
-    );
-  });
-  return /* @__PURE__ */ jsx(RouteDrawer.Form, { form, children: /* @__PURE__ */ jsxs(
-    KeyboundForm,
-    {
-      className: "flex flex-1 flex-col overflow-hidden",
-      onSubmit,
-      children: [
-        /* @__PURE__ */ jsx(RouteDrawer.Body, { className: "flex flex-col gap-y-6 overflow-y-auto", children: /* @__PURE__ */ jsx(
-          Form$2.Field,
-          {
-            control: form.control,
-            name: "email",
-            render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
-              /* @__PURE__ */ jsx(Form$2.Label, { children: "Email" }),
-              /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
-              /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
-            ] })
-          }
-        ) }),
-        /* @__PURE__ */ jsx(RouteDrawer.Footer, { children: /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2", children: [
-          /* @__PURE__ */ jsx(RouteDrawer.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { size: "small", variant: "secondary", children: "Cancel" }) }),
-          /* @__PURE__ */ jsx(Button, { size: "small", type: "submit", isLoading: isPending, children: "Save" })
-        ] }) })
-      ]
-    }
-  ) });
-};
-const schema$4 = objectType({
-  email: stringType().email()
-});
 const CustomItems = () => {
   return /* @__PURE__ */ jsxs(RouteDrawer, { children: [
     /* @__PURE__ */ jsx(RouteDrawer.Header, { children: /* @__PURE__ */ jsx(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsx(Heading, { children: "Edit Custom Items" }) }) }),
@@ -9831,7 +9763,7 @@ const CustomItems = () => {
 };
 const CustomItemsForm = () => {
   const form = useForm({
-    resolver: zodResolver(schema$3)
+    resolver: zodResolver(schema$4)
   });
   return /* @__PURE__ */ jsx(RouteDrawer.Form, { form, children: /* @__PURE__ */ jsxs(KeyboundForm, { className: "flex flex-1 flex-col", children: [
     /* @__PURE__ */ jsx(RouteDrawer.Body, {}),
@@ -9841,7 +9773,7 @@ const CustomItemsForm = () => {
     ] }) })
   ] }) });
 };
-const schema$3 = objectType({
+const schema$4 = objectType({
   email: stringType().email()
 });
 const InlineTip = forwardRef(
@@ -10545,7 +10477,7 @@ const SalesChannelForm = ({ order }) => {
     defaultValues: {
       sales_channel_id: order.sales_channel_id || ""
     },
-    resolver: zodResolver(schema$2)
+    resolver: zodResolver(schema$3)
   });
   const { mutateAsync, isPending } = useUpdateDraftOrder(order.id);
   const { handleSuccess } = useRouteModal();
@@ -10620,7 +10552,7 @@ const SalesChannelField = ({ control, order }) => {
     }
   );
 };
-const schema$2 = objectType({
+const schema$3 = objectType({
   sales_channel_id: stringType().min(1)
 });
 function convertNumber(value) {
@@ -11465,7 +11397,7 @@ const ShippingAddressForm = ({ order }) => {
       postal_code: ((_i = order.shipping_address) == null ? void 0 : _i.postal_code) ?? "",
       phone: ((_j = order.shipping_address) == null ? void 0 : _j.phone) ?? ""
     },
-    resolver: zodResolver(schema$1)
+    resolver: zodResolver(schema$2)
   });
   const { mutateAsync, isPending } = useUpdateDraftOrder(order.id);
   const { handleSuccess } = useRouteModal();
@@ -11635,7 +11567,7 @@ const ShippingAddressForm = ({ order }) => {
     }
   ) });
 };
-const schema$1 = addressSchema;
+const schema$2 = addressSchema;
 const TransferOwnership = () => {
   const { id } = useParams();
   const { draft_order, isPending, isError, error } = useDraftOrder(id, {
@@ -11659,7 +11591,7 @@ const TransferOwnershipForm = ({ order }) => {
     defaultValues: {
       customer_id: order.customer_id || ""
     },
-    resolver: zodResolver(schema)
+    resolver: zodResolver(schema$1)
   });
   const { mutateAsync, isPending } = useUpdateDraftOrder(order.id);
   const { handleSuccess } = useRouteModal();
@@ -12109,9 +12041,77 @@ const Illustration = () => {
     }
   );
 };
-const schema = objectType({
+const schema$1 = objectType({
   customer_id: stringType().min(1)
 });
+const Email = () => {
+  const { id } = useParams();
+  const { order, isPending, isError, error } = useOrder(id, {
+    fields: "+email"
+  });
+  if (isError) {
+    throw error;
+  }
+  const isReady = !isPending && !!order;
+  return /* @__PURE__ */ jsxs(RouteDrawer, { children: [
+    /* @__PURE__ */ jsxs(RouteDrawer.Header, { children: [
+      /* @__PURE__ */ jsx(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsx(Heading, { children: "Edit Email" }) }),
+      /* @__PURE__ */ jsx(RouteDrawer.Description, { asChild: true, children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Edit the email for the draft order" }) })
+    ] }),
+    isReady && /* @__PURE__ */ jsx(EmailForm, { order })
+  ] });
+};
+const EmailForm = ({ order }) => {
+  const form = useForm({
+    defaultValues: {
+      email: order.email ?? ""
+    },
+    resolver: zodResolver(schema)
+  });
+  const { mutateAsync, isPending } = useUpdateDraftOrder(order.id);
+  const { handleSuccess } = useRouteModal();
+  const onSubmit = form.handleSubmit(async (data) => {
+    await mutateAsync(
+      { email: data.email },
+      {
+        onSuccess: () => {
+          handleSuccess();
+        },
+        onError: (error) => {
+          toast.error(error.message);
+        }
+      }
+    );
+  });
+  return /* @__PURE__ */ jsx(RouteDrawer.Form, { form, children: /* @__PURE__ */ jsxs(
+    KeyboundForm,
+    {
+      className: "flex flex-1 flex-col overflow-hidden",
+      onSubmit,
+      children: [
+        /* @__PURE__ */ jsx(RouteDrawer.Body, { className: "flex flex-col gap-y-6 overflow-y-auto", children: /* @__PURE__ */ jsx(
+          Form$2.Field,
+          {
+            control: form.control,
+            name: "email",
+            render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
+              /* @__PURE__ */ jsx(Form$2.Label, { children: "Email" }),
+              /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
+              /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
+            ] })
+          }
+        ) }),
+        /* @__PURE__ */ jsx(RouteDrawer.Footer, { children: /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2", children: [
+          /* @__PURE__ */ jsx(RouteDrawer.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { size: "small", variant: "secondary", children: "Cancel" }) }),
+          /* @__PURE__ */ jsx(Button, { size: "small", type: "submit", isLoading: isPending, children: "Save" })
+        ] }) })
+      ]
+    }
+  ) });
+};
+const schema = objectType({
+  email: stringType().email()
+});
 const NumberInput = forwardRef(
   ({
     value,
@@ -13061,10 +13061,6 @@ const routeModule = {
           Component: BillingAddress,
           path: "/draft-orders/:id/billing-address"
         },
-        {
-          Component: Email,
-          path: "/draft-orders/:id/email"
-        },
         {
           Component: CustomItems,
           path: "/draft-orders/:id/custom-items"
@@ -13093,6 +13089,10 @@ const routeModule = {
           Component: TransferOwnership,
           path: "/draft-orders/:id/transfer-ownership"
         },
+        {
+          Component: Email,
+          path: "/draft-orders/:id/email"
+        },
         {
           Component: Items,
           path: "/draft-orders/:id/items"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@medusajs/draft-order",
-  "version": "2.11.1-snapshot-20251021125705",
+  "version": "2.11.1-snapshot-20251022072519",
   "description": "A starter for Medusa plugins.",
   "author": "Medusa (https://medusajs.com)",
   "license": "MIT",
@@ -36,7 +36,7 @@
   "dependencies": {
     "@ariakit/react": "^0.4.15",
     "@hookform/resolvers": "3.4.2",
-    "@medusajs/js-sdk": "2.11.1-snapshot-20251021125705",
+    "@medusajs/js-sdk": "2.11.1-snapshot-20251022072519",
     "@tanstack/react-query": "5.64.2",
     "@uiw/react-json-view": "^2.0.0-alpha.17",
     "date-fns": "^3.6.0",
@@ -45,14 +45,14 @@
     "react-hook-form": "7.49.1"
   },
   "devDependencies": {
-    "@medusajs/admin-sdk": "2.11.1-snapshot-20251021125705",
-    "@medusajs/cli": "2.11.1-snapshot-20251021125705",
-    "@medusajs/framework": "2.11.1-snapshot-20251021125705",
-    "@medusajs/icons": "2.11.1-snapshot-20251021125705",
-    "@medusajs/test-utils": "2.11.1-snapshot-20251021125705",
-    "@medusajs/types": "2.11.1-snapshot-20251021125705",
-    "@medusajs/ui": "4.0.25-snapshot-20251021125705",
-    "@medusajs/ui-preset": "2.11.1-snapshot-20251021125705",
+    "@medusajs/admin-sdk": "2.11.1-snapshot-20251022072519",
+    "@medusajs/cli": "2.11.1-snapshot-20251022072519",
+    "@medusajs/framework": "2.11.1-snapshot-20251022072519",
+    "@medusajs/icons": "2.11.1-snapshot-20251022072519",
+    "@medusajs/test-utils": "2.11.1-snapshot-20251022072519",
+    "@medusajs/types": "2.11.1-snapshot-20251022072519",
+    "@medusajs/ui": "4.0.25-snapshot-20251022072519",
+    "@medusajs/ui-preset": "2.11.1-snapshot-20251022072519",
     "@swc/core": "1.5.7",
     "@types/lodash": "^4.17.15",
     "@types/node": "^20.0.0",
@@ -69,12 +69,12 @@
     "yalc": "^1.0.0-pre.53"
   },
   "peerDependencies": {
-    "@medusajs/admin-sdk": "2.11.1-snapshot-20251021125705",
-    "@medusajs/cli": "2.11.1-snapshot-20251021125705",
-    "@medusajs/framework": "2.11.1-snapshot-20251021125705",
-    "@medusajs/icons": "2.11.1-snapshot-20251021125705",
-    "@medusajs/test-utils": "2.11.1-snapshot-20251021125705",
-    "@medusajs/ui": "4.0.25-snapshot-20251021125705",
+    "@medusajs/admin-sdk": "2.11.1-snapshot-20251022072519",
+    "@medusajs/cli": "2.11.1-snapshot-20251022072519",
+    "@medusajs/framework": "2.11.1-snapshot-20251022072519",
+    "@medusajs/icons": "2.11.1-snapshot-20251022072519",
+    "@medusajs/test-utils": "2.11.1-snapshot-20251022072519",
+    "@medusajs/ui": "4.0.25-snapshot-20251022072519",
     "lodash": "^4.17.21",
     "react-router-dom": "6.20.1"
   },