feat(dashboard): order fulfillment UI (#7262)

* feat: initial impl. of Unfulfilled section and create flow

* feat: create fulfillment

* feat: order <> fulfillment link, fulfillment section

* feat: accept order_id when creating fulfillment

* feat: finish create and cancel

* fix: integration test

* refactor: real Order<>Fulfillment link instead readonly, add link step to the workflow

* fix: revert `order_id` definitions

* chore: add changeset

* fix: build

* fix: address comments

* fix: fetch inventory and location levels for fulfilled variant

* fix: loading inventory details

* add isList to order fulfillment link

* fix: duplicate declaration

* fix: type

* refactor: link orders step, fix client

* fix: move translations to the new file

* fix: pass order id in test

---------

Co-authored-by: olivermrbl <oliver@mrbltech.com>

packages/admin-next/dashboard/src/lib/client/client.ts

@@ -9,13 +9,14 @@ import { customers } from "./customers"
 import { fulfillmentProviders } from "./fulfillment-providers"
 import { inventoryItems } from "./inventory"
 import { invites } from "./invites"
-import { orders } from "./orders"
 import { payments } from "./payments"
 import { priceLists } from "./price-lists"
 import { productTypes } from "./product-types"
 import { products } from "./products"
 import { promotions } from "./promotions"
 import { regions } from "./regions"
+import { orders } from "./orders"
+import { fulfillments } from "./fulfillments"
 import { reservations } from "./reservations"
 import { salesChannels } from "./sales-channels"
 import { shippingOptions } from "./shipping-options"
@@ -49,6 +50,7 @@ export const client = {
   invites: invites,
   inventoryItems: inventoryItems,
   reservations: reservations,
+  fulfillments: fulfillments,
   fulfillmentProviders: fulfillmentProviders,
   products: products,
   productTypes: productTypes,

packages/admin-next/dashboard/src/lib/client/fulfillments.ts

@@ -0,0 +1,17 @@
+import { CreateFulfillmentDTO } from "@medusajs/types"
+
+import { FulfillmentRes } from "../../types/api-responses"
+import { postRequest } from "./common"
+
+async function createFulfillment(payload: CreateFulfillmentDTO) {
+  return postRequest<FulfillmentRes>(`/admin/fulfillments`, payload)
+}
+
+async function cancelFulfillment(id: string) {
+  return postRequest<FulfillmentRes>(`/admin/fulfillments/${id}/cancel`)
+}
+
+export const fulfillments = {
+  create: createFulfillment,
+  cancel: cancelFulfillment,
+}