fix(dashboard,core-flows,types,medusa): Allow editing Order metadata (#11285)

Resolves SUP-780

packages/admin/dashboard/src/providers/router-provider/route-map.tsx

@@ -355,6 +355,10 @@ export const RouteMap: RouteObject[] = [
                     lazy: () =>
                       import("../../routes/orders/order-edit-billing-address"),
                   },
+                  {
+                    path: "metadata/edit",
+                    lazy: () => import("../../routes/orders/order-metadata"),
+                  },
                 ],
               },
             ],

packages/admin/dashboard/src/routes/orders/order-detail/constants.ts

@@ -6,6 +6,7 @@ const DEFAULT_PROPERTIES = [
   "email",
   "display_id",
   "currency_code",
+  "metadata",
   // --- TOTALS ---
   "total",
   "item_total",

packages/admin/dashboard/src/routes/orders/order-detail/order-detail.tsx

@@ -72,6 +72,7 @@ export const OrderDetail = () => {
       }}
       data={order}
       showJSON
+      showMetadata
       hasOutlet
     >
       <TwoColumnPage.Main>

packages/admin/dashboard/src/routes/orders/order-metadata/index.ts

@@ -0,0 +1 @@
+export { OrderMetadata as Component } from "./order-metadata"

packages/admin/dashboard/src/routes/orders/order-metadata/order-metadata.tsx

@@ -0,0 +1,26 @@
+import { useParams } from "react-router-dom"
+import { MetadataForm } from "../../../components/forms/metadata-form/metadata-form"
+import { useOrder, useUpdateOrder } from "../../../hooks/api"
+
+export const OrderMetadata = () => {
+  const { id } = useParams()
+
+  const { order, isPending, isError, error } = useOrder(id!, {
+    fields: "id,metadata",
+  })
+
+  const { mutateAsync, isPending: isMutating } = useUpdateOrder(order?.id!)
+
+  if (isError) {
+    throw error
+  }
+
+  return (
+    <MetadataForm
+      metadata={order?.metadata}
+      hook={mutateAsync}
+      isPending={isPending}
+      isMutating={isMutating}
+    />
+  )
+}