Prevent crash during assigning product when has no channel (#5300)

* The Product is not available in voucher when it has no channels

* Add changeset

.changeset/kind-lemons-shop.md

@@ -0,0 +1,5 @@
+---
+"saleor-dashboard": patch
+---
+
+Assign product dialog no more crash when product has no channels 

src/components/AssignProductDialog/utils.test.ts

@@ -2,7 +2,7 @@ import { ProductChannels, SelectedChannel } from "./types";
 import { isProductAvailableInVoucherChannels } from "./utils";
 
 describe("isProductAvailableInVoucherChannels", () => {
-  it("should return trun when product has at least one channel common with voucher", () => {
+  it("should return true when product has at least one channel common with voucher", () => {
     // Arrange
     const mockProductChannels = [
       { channel: { id: "1" } },
@@ -83,4 +83,16 @@ describe("isProductAvailableInVoucherChannels", () => {
     // Assert
     expect(result).toBe(true);
   });
+
+  it("should return false when no products channels", () => {
+    // Arrange
+    const mockProductChannels = undefined;
+    const mockVariantChannels = [] as SelectedChannel[];
+
+    // Act
+    const result = isProductAvailableInVoucherChannels(mockProductChannels, mockVariantChannels);
+
+    // Assert
+    expect(result).toBe(false);
+  });
 });

src/components/AssignProductDialog/utils.ts

@@ -1,13 +1,19 @@
 import { ProductChannels, SelectedChannel } from "./types";
 
 export const isProductAvailableInVoucherChannels = (
-  productChannels: ProductChannels,
+  productChannels?: ProductChannels,
   selectedChannels?: SelectedChannel[],
 ) => {
+  // If there are no selected channels, the product is available in all channels
   if (!selectedChannels) {
     return true;
   }
 
+  // If there are no product channels, the product is not available in any channel
+  if (!productChannels) {
+    return false;
+  }
+
   const selectedChannelsIds = selectedChannels.map(chan => chan.id);
   const productChannelsIds = productChannels.map(chan => chan.channel.id);