Fix recipient_list format for Email Channel in frontend to match back…

…end (#385)

Signed-off-by: Mohammad Qureshi <[email protected]>

models/interfaces.ts

@@ -44,7 +44,7 @@ export interface ChannelItemType extends ConfigType {
   };
   email?: {
     email_account_id: string;
-    recipient_list: string[]; // custom email addresses
+    recipient_list: { [recipient: string]: string }[]; // custom email addresses
     email_group_id_list: string[];
     // optional fields for displaying or editing email channel, needs more requests
     sender_type?: SenderType;

public/pages/CreateChannel/__tests__/helper.test.ts

@@ -154,7 +154,10 @@ describe('constructs and deconstructs email objects', () => {
       'recipient-group-id-2',
       'recipient-group-id-3',
     ],
-    recipient_list: ['[email protected]', '[email protected]'],
+    recipient_list: [
+      { recipient: '[email protected]' },
+      { recipient: '[email protected]' },
+    ],
   };
 
   it('constructs email objects', () => {

public/pages/CreateChannel/utils/helper.ts

@@ -112,7 +112,7 @@ export const constructEmailObject = (
     if (group.value) {
       recipientGroupIds.push(group.value);
     } else {
-      customEmailsList.push(group.label);
+      customEmailsList.push({ recipient: group.label });
     }
   }
   return {
@@ -142,7 +142,7 @@ export const deconstructEmailObject = (
       label: _.get(email.email_group_id_map, groupId, '-'),
       value: groupId,
     })),
-    ...email.recipient_list.map((address) => ({ label: address })),
+    ...email.recipient_list.map((recipient) => ({ label: recipient.recipient })),
   ];
   return {
     senderType: email.sender_type!,

test/mocks/mockData.ts

@@ -43,7 +43,11 @@ const mockEmail: ChannelItemType = {
   is_enabled: true,
   email: {
     email_account_id: 'dj8etXkBCzVy9Vy-nsiL',
-    recipient_list: ['[email protected]', '[email protected]', '[email protected]'],
+    recipient_list: [
+      { recipient: '[email protected]' },
+      { recipient: '[email protected]' },
+      { recipient: '[email protected]' },
+    ],
     email_group_id_list: [
       '1l8hq3kB0XwiBlEbanSo',
       'dz8etXkBCzVy9Vy-0sgh',
@@ -76,7 +80,11 @@ const mockEmailWithSES: ChannelItemType = {
   is_enabled: true,
   email: {
     email_account_id: 'dj8etXkBCzVy9Vy-nsiL',
-    recipient_list: ['[email protected]', '[email protected]', '[email protected]'],
+    recipient_list: [
+      { recipient: '[email protected]' },
+      { recipient: '[email protected]' },
+      { recipient: '[email protected]' },
+    ],
     email_group_id_list: [
       '1y8ud3xO0KjvOyRonaFb',
       'qm8rgKxOPmIl9Il-0ftu',