feat(medusa, medusa-js, medusa-react): Start implementing remove batch products on a sales channel (#1842)

What
Support sales channel remove product batch in medusa, medusa-js and medusa-react

How
By implementing a new endpoint and the associated service method as well as the repository methods.

Medusa-js new removeProductd method in the resource

Medusa-react new hook in the mutations

Tests

Endpoint test
Service test
Integration test
Hook tests

Fixes CORE-292

packages/medusa-react/mocks/handlers/admin.ts

@@ -1726,4 +1726,13 @@ export const adminHandlers = [
       })
     )
   }),
+
+  rest.delete("/admin/sales-channels/:id/products/batch", (req, res, ctx) => {
+    return res(
+      ctx.status(200),
+      ctx.json({
+        sales_channel: fixtures.get("sales_channel"),
+      })
+    )
+  }),
 ]

packages/medusa-react/src/hooks/admin/sales-channels/mutations.ts

@@ -3,6 +3,7 @@ import {
   AdminSalesChannelsRes,
   AdminPostSalesChannelsSalesChannelReq,
   AdminSalesChannelsDeleteRes,
+  AdminDeleteSalesChannelsChannelProductsBatchReq
 } from "@medusajs/medusa"
 import { Response } from "@medusajs/medusa-js"
 import { useMutation, UseMutationOptions, useQueryClient } from "react-query"
@@ -87,3 +88,33 @@ export const useAdminDeleteSalesChannel = (
     )
   )
 }
+
+/**
+ * Remove products from a sales channel
+ * @experimental This feature is under development and may change in the future.
+ * To use this feature please enable featureflag `sales_channels` in your medusa backend project.
+ * @description remove products from a sales channel
+ * @param id
+ * @param options
+ */
+export const useAdminDeleteProductsFromSalesChannel = (
+  id: string,
+  options?: UseMutationOptions<
+    Response<AdminSalesChannelsRes>,
+    Error,
+    AdminDeleteSalesChannelsChannelProductsBatchReq
+  >
+) => {
+  const { client } = useMedusa()
+  const queryClient = useQueryClient()
+  return useMutation(
+    (payload: AdminDeleteSalesChannelsChannelProductsBatchReq) => {
+      return client.admin.salesChannels.removeProducts(id, payload)
+    },
+    buildOptions(
+      queryClient,
+      [adminSalesChannelsKeys.lists(), adminSalesChannelsKeys.detail(id)],
+      options
+    )
+  )
+}

packages/medusa-react/test/hooks/admin/sales-channels/mutations.test.ts

@@ -4,6 +4,7 @@ import {
   useAdminDeleteSalesChannel,
   useAdminCreateSalesChannel,
   useAdminUpdateSalesChannel,
+  useAdminDeleteProductsFromSalesChannel,
 } from "../../../../src"
 import { fixtures } from "../../../../mocks/data"
 import { createWrapper } from "../../../utils"
@@ -84,3 +85,25 @@ describe("useAdminDeleteSalesChannel hook", () => {
     )
   })
 })
+
+describe("useAdminDeleteProductsFromSalesChannel hook", () => {
+  test("remove products from a sales channel", async () => {
+    const id = fixtures.get("sales_channel").id
+    const productId = fixtures.get("product").id
+
+    const { result, waitFor } = renderHook(
+      () => useAdminDeleteProductsFromSalesChannel(id),
+      { wrapper: createWrapper() }
+    )
+
+    result.current.mutate({ product_ids: [
+      { id: productId }
+    ]})
+
+    await waitFor(() => result.current.isSuccess)
+
+    expect(result.current.data).toEqual(expect.objectContaining({
+      sales_channel: fixtures.get("sales_channel"),
+    }))
+  })
+})