@capillarytech/creatives-library 9.0.55 → 9.0.56-alpha.0

package/v2Containers/CommunicationFlow/Tests/CommunicationFlowCard.test.js

@@ -108,6 +108,22 @@ describe('CommunicationFlowCard', () => {
       fireEvent.click(screen.getByText('Add creatives'));
       expect(screen.getByTestId('comm-flow-mock')).toHaveAttribute('data-mode', 'create');
     });
+
+    it('disables the Add creatives button when disabled prop is true', () => {
+      renderCard({ disabled: true, disabledTooltip: 'Enter an Alert name to add content' });
+      expect(screen.getByText('Add creatives').closest('button')).toBeDisabled();
+    });
+
+    it('does not open SlideBox when Add creatives is clicked while disabled', () => {
+      renderCard({ disabled: true, disabledTooltip: 'Enter an Alert name to add content' });
+      fireEvent.click(screen.getByText('Add creatives'));
+      expect(screen.queryByTestId('slide-box')).not.toBeInTheDocument();
+    });
+
+    it('Add creatives button is enabled by default (disabled prop absent)', () => {
+      renderCard();
+      expect(screen.getByText('Add creatives').closest('button')).not.toBeDisabled();
+    });
   });
 
   describe('configured state (initialData provided)', () => {
@@ -186,6 +202,26 @@ describe('CommunicationFlowCard', () => {
       renderCard({ initialData: makeSavedData() });
       expect(screen.getByText('Other controls')).toBeInTheDocument();
     });
+
+    it('hides the Other controls column when config.features.showDynamicControls is false', () => {
+      renderCard({
+        config: { ...baseConfig, features: { showDynamicControls: false } },
+        initialData: makeSavedData({
+          dynamicControls: {
+            sendToControlCustomers: false, sendToBrandPocs: false, useTinyUrl: false, overrideDailyLimit: false,
+          },
+        }),
+      });
+      expect(screen.queryByText('Other controls')).not.toBeInTheDocument();
+    });
+
+    it('still shows the Other controls column when showDynamicControls is unset (Engagement Module default)', () => {
+      renderCard({
+        config: { ...baseConfig, features: {} },
+        initialData: makeSavedData(),
+      });
+      expect(screen.getByText('Other controls')).toBeInTheDocument();
+    });
   });
 
   describe('channel config resolution', () => {
@@ -231,11 +267,11 @@ describe('CommunicationFlowCard', () => {
       expect(screen.getByText(/Sender ID/)).toBeInTheDocument();
     });
 
-    it('shows senderEmail for EMAIL with Sender ID label', () => {
+    it('shows senderId for EMAIL with Sender ID label', () => {
       renderCard({
         initialData: makeSavedData({
           contentItems: [{ channel: 'EMAIL', templateData: {} }],
-          deliverySetting: { channelSetting: { EMAIL: { senderEmail: 'test@example.com' } } },
+          deliverySetting: { channelSetting: { EMAIL: { senderId: 'test@example.com' } } },
         }),
       });
       expect(screen.getByText(/test@example.com/)).toBeInTheDocument();
@@ -545,10 +581,10 @@ describe('CommunicationFlowCard', () => {
   });
 
   describe('SlideBox header', () => {
-    it('renders Add message title in the slidebox header', () => {
+    it('renders Add content title in the slidebox header', () => {
       renderCard();
       fireEvent.click(screen.getByText('Add creatives'));
-      expect(screen.getByText('Add message')).toBeInTheDocument();
+      expect(screen.getByText('Add content')).toBeInTheDocument();
     });
   });
 

package/v2Containers/CommunicationFlow/Tests/constants.test.js

@@ -0,0 +1,85 @@
+import {
+  CCS_CONTENT_TRANSFORMS,
+  CCS_CHANNEL_NAME_MAP,
+  CCS_CHANNEL_CONTENT_KEY_MAP,
+  CCS_CHANNEL_DELIVERY_KEY_MAP,
+} from '../constants';
+
+describe('CCS_CONTENT_TRANSFORMS', () => {
+  describe('EMAIL', () => {
+    it('prefers emailBody over emailHtml when both are present', () => {
+      expect(
+        CCS_CONTENT_TRANSFORMS.EMAIL({
+          emailSubject: 'Subject', emailBody: '<p>Body</p>', emailHtml: '<p>Html</p>',
+        }),
+      ).toEqual({ messageSubject: 'Subject', messageBody: '<p>Body</p>' });
+    });
+
+    it('falls back to emailHtml when emailBody is absent', () => {
+      expect(
+        CCS_CONTENT_TRANSFORMS.EMAIL({ emailSubject: 'Subject', emailHtml: '<p>Html</p>' }),
+      ).toEqual({ messageSubject: 'Subject', messageBody: '<p>Html</p>' });
+    });
+
+    it('defaults templateData to {} when called with no argument', () => {
+      expect(CCS_CONTENT_TRANSFORMS.EMAIL()).toEqual({
+        messageSubject: undefined, messageBody: undefined,
+      });
+    });
+  });
+
+  describe('SMS', () => {
+    it('uses messageBody when present', () => {
+      expect(CCS_CONTENT_TRANSFORMS.SMS({ messageBody: 'Hello' })).toEqual({ message: 'Hello' });
+    });
+
+    it('falls back to an empty string when messageBody is absent', () => {
+      expect(CCS_CONTENT_TRANSFORMS.SMS({})).toEqual({ message: '' });
+    });
+
+    it('defaults templateData to {} when called with no argument', () => {
+      expect(CCS_CONTENT_TRANSFORMS.SMS()).toEqual({ message: '' });
+    });
+  });
+
+  describe('WEBPUSH', () => {
+    it('extracts fields from the nested messageContent.content wrapper', () => {
+      expect(
+        CCS_CONTENT_TRANSFORMS.WEBPUSH({
+          messageContent: {
+            content: {
+              messageSubject: 'Subject', accountId: 'acc_1', content: 'Body', offers: [{ id: 1 }],
+            },
+          },
+        }),
+      ).toEqual({ messageSubject: 'Subject', accountId: 'acc_1', content: 'Body' });
+    });
+
+    it('falls back to the flat templateData when messageContent.content is absent', () => {
+      expect(
+        CCS_CONTENT_TRANSFORMS.WEBPUSH({
+          messageSubject: 'Subject', accountId: 'acc_1', content: 'Body',
+        }),
+      ).toEqual({ messageSubject: 'Subject', accountId: 'acc_1', content: 'Body' });
+    });
+
+    it('defaults templateData to {} when called with no argument', () => {
+      expect(CCS_CONTENT_TRANSFORMS.WEBPUSH()).toEqual({
+        messageSubject: undefined, accountId: undefined, content: undefined,
+      });
+    });
+  });
+});
+
+describe('CCS_CHANNEL_NAME_MAP', () => {
+  it('normalizes the UI\'s MOBILEPUSH identifier to CCS\'s PUSH enum value', () => {
+    expect(CCS_CHANNEL_NAME_MAP.MOBILEPUSH).toBe('PUSH');
+  });
+});
+
+describe('CCS_CHANNEL_CONTENT_KEY_MAP / CCS_CHANNEL_DELIVERY_KEY_MAP', () => {
+  it('maps the PUSH channel to its mpush-prefixed content and delivery keys', () => {
+    expect(CCS_CHANNEL_CONTENT_KEY_MAP.PUSH).toBe('mpushMessageContent');
+    expect(CCS_CHANNEL_DELIVERY_KEY_MAP.PUSH).toBe('mpushDeliverySettings');
+  });
+});

package/v2Containers/CommunicationFlow/constants.js

@@ -38,9 +38,68 @@ export const CHANNEL_PRIORITY = 'CHANNEL_PRIORITY';
 export const AB_TEST = 'AB_TEST';
 export const SINGLE_TEMPLATE = 'SINGLE_TEMPLATE';
 
-// Channel config - single source of truth for CreativesContainer and TemplatesV2
-// paneKey: TemplatesV2 defaultPanes object key (for channelsToHide)
-// channelProp: CreativesContainer channel prop (must match pane.key for tab to be active)
+// CCS CommDefinition strategyType — distinct from SINGLE_TEMPLATE above, which is this UI's own communicationStrategy value. Only SINGLE is supported this phase; CCS create is skipped entirely for CHANNEL_PRIORITY/AB_TEST.
+export const CCS_STRATEGY_TYPE_SINGLE = 'SINGLE';
+
+// Mirrors CCS SingleChannelStrategy field names exactly (per Cap Notify API design samples and real create responses); kept separate from the legacy messageMeta CHANNEL_CONTENT_KEY_MAP/CHANNEL_DELIVERY_KEY_MAP.
+export const CCS_CHANNEL_CONTENT_KEY_MAP = {
+  SMS: 'smsMessageContent',
+  EMAIL: 'emailMessageContent',
+  WHATSAPP: 'whatsappMessageContent',
+  // CCS's channel enum value for mobile push is 'PUSH' (verified against real create responses), even though the content/delivery keys stay 'mpush*'.
+  PUSH: 'mpushMessageContent',
+  INAPP: 'inAppMessageContent',
+  ANDROID: 'androidMessageContent',
+  IOS: 'iosMessageContent',
+  ZALO: 'zaloMessageContent',
+  VIBER: 'viberMessageContent',
+  LINE: 'lineMessageContent',
+  WEBPUSH: 'webPushMessageContent',
+  RCS: 'rcsMessageContent',
+};
+
+// contentItem.templateData uses legacy messageMeta field names, so transform mismatched channel fields before sending to CCS; for EMAIL, map legacy `emailSubject`/`emailBody` to CCS's `messageSubject`/`messageBody`.
+export const CCS_CONTENT_TRANSFORMS = {
+  EMAIL: (templateData = {}) => ({
+    messageSubject: templateData.emailSubject,
+    messageBody: templateData.emailBody || templateData.emailHtml,
+  }),
+  // SMS: legacy stores text as `messageBody`, while CCS expects `message`; map the field explicitly to avoid CCS returning smsMessageContent.message as null.
+  SMS: (templateData = {}) => ({
+    message: templateData.messageBody || '',
+  }),
+  // WEBPUSH: the legacy editor nests data under messageContent.content; flatten it to CCS's { messageSubject, accountId, content } shape and drop the legacy-only `offers` field.
+  WEBPUSH: (templateData = {}) => {
+    const inner = templateData.messageContent?.content || templateData;
+    return {
+      messageSubject: inner.messageSubject,
+      accountId: inner.accountId,
+      content: inner.content,
+    };
+  },
+};
+
+export const CCS_CHANNEL_DELIVERY_KEY_MAP = {
+  SMS: 'smsDeliverySettings',
+  EMAIL: 'emailDeliverySettings',
+  WHATSAPP: 'whatsappDeliverySettings',
+  PUSH: 'mpushDeliverySettings',
+  INAPP: 'inAppDeliverySettings',
+  ANDROID: 'androidDeliverySettings',
+  IOS: 'iosDeliverySettings',
+  ZALO: 'zaloDeliverySettings',
+  VIBER: 'viberDeliverySettings',
+  LINE: 'lineDeliverySettings',
+  WEBPUSH: 'webPushDeliverySettings',
+  RCS: 'rcsDeliverySettings',
+};
+
+// The UI uses `MOBILEPUSH`, while CCS uses `PUSH` for the channel enum (verified against real create responses); normalize this value before building the CCS payload, while retaining the `mpush*` content/delivery keys. All other channel identifiers pass through unchanged.
+export const CCS_CHANNEL_NAME_MAP = {
+  MOBILEPUSH: 'PUSH',
+};
+
+// Channel config — single source of truth for CreativesContainer and TemplatesV2; paneKey is the TemplatesV2 defaultPanes key used by channelsToHide, and channelProp is the CreativesContainer channel prop that must match pane.key for the tab to be active.
 export const CHANNELS = [
   {
     value: 'SMS',
@@ -232,4 +291,4 @@ export const INCENTIVE_TYPES = [
   {
     value: 'badges', label: <FormattedMessage {...messages.badges} />, isActive: false, disabled: false,
   },
-];
+];

package/v2Containers/CommunicationFlow/index.js

@@ -9,7 +9,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import CommunicationFlow from './CommunicationFlow';
-import { hasSupportEngagementModule } from '../../utils/common';
 
 const CommunicationFlowContainer = ({
   config,
@@ -18,22 +17,16 @@ const CommunicationFlowContainer = ({
   onCancel,
   onChange,
   ...otherProps
-}) => {
-  if (!hasSupportEngagementModule()) {
-    return null;
-  }
-
-  return (
-    <CommunicationFlow
-      config={config}
-      initialData={initialData}
-      onSave={onSave}
-      onCancel={onCancel}
-      onChange={onChange}
-      {...otherProps}
-    />
-  );
-};
+}) => (
+  <CommunicationFlow
+    config={config}
+    initialData={initialData}
+    onSave={onSave}
+    onCancel={onCancel}
+    onChange={onChange}
+    {...otherProps}
+  />
+);
 
 CommunicationFlowContainer.propTypes = {
   config: PropTypes.shape({
@@ -87,11 +80,13 @@ CommunicationFlowContainer.propTypes = {
         controls: PropTypes.array,
       }),
     }),
-    context: PropTypes.object, // ouId, campaignId, programId, etc.
-    useCCS: PropTypes.bool, // If false, skips CCS bulk-claim-approve on save. Defaults to true.
+    context: PropTypes.object, // ouId, campaignId, programId; name (required for CCS create),
+    // referenceId (optional, auto-generated from name if absent), description (optional).
+    useCCS: PropTypes.bool, // If false, skips the CCS createCommDefinition call on save. Defaults to true.
   }).isRequired,
   initialData: PropTypes.object, // for edit/preview mode
-  onSave: PropTypes.func.isRequired, // (data) => void - called when user saves
+  onSave: PropTypes.func.isRequired, // (data) => void - called when user saves; data.ccsCommDefinition
+  // ({id, referenceId, version, status}) is present when the CCS create succeeded
   onCancel: PropTypes.func.isRequired, // () => void - called when user cancels
   onChange: PropTypes.func, // (data) => void - optional, called on data changes
 };

package/v2Containers/CommunicationFlow/messages.js

@@ -64,9 +64,9 @@ export default {
   },
 
   // Slidebox header
-  addMessage: {
-    id: `${prefix}.addMessage`,
-    defaultMessage: 'Add message',
+  addContent: {
+    id: `${prefix}.addContent`,
+    defaultMessage: 'Add content',
   },
 
   // Step prompts
@@ -363,4 +363,8 @@ export default {
     id: `${prefix}.senderNotConfiguredError`,
     defaultMessage: 'Selected domain gateway id is not correct. Please change the domain id or contact the gateway team to register them with Capillary.',
   },
+  duplicateReferenceIdError: {
+    id: `${prefix}.duplicateReferenceIdError`,
+    defaultMessage: 'This reference ID is already in use in your organization. Please use a different reference ID.',
+  },
 };

package/v2Containers/CommunicationFlow/steps/ChannelSelectionStep/ChannelSelectionStep.js

@@ -407,10 +407,6 @@ const ChannelSelectionStep = ({
   return (
     <>
       <CapRow className="channel-selection-step">
-        <CapHeading type="h3" className="margin-b-8">
-          {formatMessage(messages.contentTemplate)}
-        </CapHeading>
-
         <CapRow
           useLegacy
           className={`content-template-container ${contentItems?.length > 0 ? 'content-template-container--has-content' : ''}`}

package/v2Containers/CommunicationFlow/steps/ChannelSelectionStep/Tests/ChannelSelectionStep.test.js

@@ -94,7 +94,7 @@ describe('ChannelSelectionStep', () => {
     console.log.mockRestore();
   });
 
-  it('empty state: shows content template heading and add-template entry point', () => {
+  it('empty state: shows the Channel heading and add-template entry point', () => {
     const onChange = jest.fn();
     renderStep(
       <ChannelSelectionStep
@@ -104,7 +104,7 @@ describe('ChannelSelectionStep', () => {
       />,
     );
 
-    expect(screen.getAllByText('Content template').length).toBeGreaterThanOrEqual(1);
+    expect(screen.getAllByText('Channel').length).toBeGreaterThanOrEqual(1);
     expect(screen.getByRole('button', { name: /add creative/i })).toBeInTheDocument();
     expect(screen.queryByTestId('creatives-mock')).not.toBeInTheDocument();
   });

package/v2Containers/CommunicationFlow/steps/DeliverySettingsStep/SenderDetails.js

@@ -29,6 +29,7 @@ import {
   getEmailDefaultsForDomainId,
   getSmsDefaultsForDomainId,
   getRcsAccountName,
+  getEmailDomainGatewayMapIdByDomainId,
 } from './deliverySettingsConfig';
 import messages from '../../messages';
 import './SenderDetails.scss';
@@ -151,6 +152,11 @@ const SenderDetails = ({
           saveValues.whatsappDomainId = matchedDomain?.domainProperties?.id ?? matchedDomain?.domainId ?? matchedDomain?.id;
         }
       }
+      // Include EMAIL domainGatewayMapId derived from the selected domain for persistence -
+      // CCS needs it alongside domainId, but it's not a user-facing field.
+      if (entity && fieldValues.emailDomain != null && fieldValues.emailDomain !== '') {
+        saveValues.emailDomainGatewayMapId = getEmailDomainGatewayMapIdByDomainId(entity, fieldValues.emailDomain);
+      }
       onSave(saveValues);
     }
     onClose();

package/v2Containers/CommunicationFlow/steps/DeliverySettingsStep/Tests/SenderDetails.test.js

@@ -83,6 +83,7 @@ const ENTITIES = {
   emailTwoDomains: {
     EMAIL: [
       {
+        id: 'gwmap-a',
         domainProperties: {
           id: 'em-a',
           domainName: 'Mail Alpha',
@@ -101,6 +102,7 @@ const ENTITIES = {
         },
       },
       {
+        id: 'gwmap-b',
         domainProperties: {
           id: 'em-b',
           domainName: 'Mail Beta',
@@ -322,6 +324,29 @@ describe('SenderDetails', () => {
     });
   });
 
+  it('persists emailDomainGatewayMapId derived from the selected email domain on save', async () => {
+    const { onSave } = renderSenderDetails({
+      channels: ['EMAIL'],
+      preloadedDomainProperties: ENTITIES.emailTwoDomains,
+    });
+    const root = document.querySelector('.sender-details');
+    await waitFor(() => expect(within(root).getByText('Mail Alpha')).toBeInTheDocument());
+
+    await openSelectAndChoose(root, 0, 'Mail Beta');
+    await waitFor(() => expect(within(root).getByText('beta@other.com')).toBeInTheDocument());
+
+    const saveBtn = within(root).getByRole('button', { name: /save changes/i });
+    await waitFor(() => expect(saveBtn).not.toBeDisabled());
+    fireEvent.click(saveBtn);
+
+    expect(onSave).toHaveBeenCalledWith(
+      expect.objectContaining({
+        emailDomain: 'em-b',
+        emailDomainGatewayMapId: 'gwmap-b',
+      }),
+    );
+  });
+
   it('resets email domain row back to the first gateway', async () => {
     renderSenderDetails({
       channels: ['EMAIL'],

package/v2Containers/CommunicationFlow/steps/DeliverySettingsStep/Tests/deliverySettingsConfig.test.js

@@ -438,6 +438,7 @@ describe('deliverySettingsConfig — user-facing flows', () => {
         smsDomain: 'd1',
         smsSenderId: 'g1',
         emailDomain: 'ed',
+        emailDomainGatewayMapId: 'gwmap-1',
         emailSenderId: 'mail@x.com',
         emailSenderName: 'N',
         emailReplyToId: 'r@x.com',
@@ -455,9 +456,10 @@ describe('deliverySettingsConfig — user-facing flows', () => {
         SMS: { domainId: 'd1', gsmSenderId: 'g1' },
         EMAIL: {
           domainId: 'ed',
-          senderEmail: 'mail@x.com',
+          domainGatewayMapId: 'gwmap-1',
+          senderId: 'mail@x.com',
           senderLabel: 'N',
-          senderReplyTo: 'r@x.com',
+          replyToId: 'r@x.com',
         },
         WHATSAPP: { domainId: 'wd', senderMobNum: '+w' },
         RCS: { senderMobNum: '+r', rcsSender: '+r' },
@@ -472,9 +474,10 @@ describe('deliverySettingsConfig — user-facing flows', () => {
         SMS: { domainId: 'd', gsmSenderId: 'g' },
         EMAIL: {
           domainId: 'ed',
-          senderEmail: 'e@e.com',
+          domainGatewayMapId: 'gwmap-2',
+          senderId: 'e@e.com',
           senderLabel: 'L',
-          senderReplyTo: 'r@e.com',
+          replyToId: 'r@e.com',
         },
         WHATSAPP: { senderMobNum: '+w', domainId: 'wid' },
         RCS: { rcsSender: '+r' },
@@ -486,6 +489,10 @@ describe('deliverySettingsConfig — user-facing flows', () => {
         smsDomain: 'd',
         smsSenderId: 'g',
         emailDomain: 'ed',
+        emailDomainGatewayMapId: 'gwmap-2',
+        emailSenderId: 'e@e.com',
+        emailSenderName: 'L',
+        emailReplyToId: 'r@e.com',
         whatsappDomainId: 'wid',
         viberSenderId: 'vx',
       });

package/v2Containers/CommunicationFlow/steps/DeliverySettingsStep/deliverySettingsConfig.js

@@ -181,6 +181,12 @@ const getEmailDomainValue = (entity) => {
   return emailData.domainProperties?.id ?? emailData.domainId ?? emailData.id ?? '';
 };
 
+// CCS's domainGatewayMapId is the domainProperties API's outer `id`, distinct from domainProperties.id (the numeric domainId); it identifies the domain-gateway mapping for the selected domain.
+const getEmailDomainGatewayMapIdByDomainId = (entity, domainId) => {
+  const domainEntry = getEmailDomainById(entity, domainId);
+  return domainEntry?.id ?? '';
+};
+
 /** Domain name for summary display (parseEntityForDisplay) */
 const getEmailDomainNameForDisplay = (entity) => {
   const emailData = getEmailData(entity);
@@ -262,6 +268,8 @@ const getEmailDefaultsForDomain = (domainData) => {
  * context.fieldValues has current form state (e.g. selected emailDomain)
  * Aligned with adiona-ui/cap-campaigns-v2: default = contactInfo item with default:true, or first
  */
+export { getEmailDomainGatewayMapIdByDomainId };
+
 export const getDefaultValueForField = (fieldKey, entity, context = {}) => {
   if (!entity) return '';
   const fieldValues = context?.fieldValues || {};
@@ -574,7 +582,10 @@ export const parseEntityForDisplay = (entity, context = {}) => {
     senderDetails: entity,
     smsSenderId: getSmsSenderIdValue(entity),
     smsDomain: getSmsDomainValue(entity),
+    // emailDomain here is the domain NAME (for display only) - buildChannelSettingFromFieldValues needs the numeric domainId/domainGatewayMapId, sourced separately below.
     emailDomain: getEmailDomainNameForDisplay(entity),
+    emailDomainId: getEmailDomainValue(entity),
+    emailDomainGatewayMapId: getEmailDomainGatewayMapIdByDomainId(entity, getEmailDomainValue(entity)),
     emailSenderId: getEmailSenderIdValue(entity),
     viberSenderId: getSenderIdFromContactInfo(entity, 'VIBER'),
     zaloSenderId: getSenderIdFromContactInfo(entity, 'ZALO'),
@@ -600,10 +611,12 @@ export const buildChannelSettingFromFieldValues = (fieldValues = {}) => {
   }
   if (fieldValues.emailDomain != null || fieldValues.emailSenderId != null || fieldValues.emailSenderName != null || fieldValues.emailReplyToId != null) {
     channelSetting.EMAIL = {
-      domainId: fieldValues.emailDomain,
-      senderEmail: fieldValues.emailSenderId,
+      // emailDomainId (numeric, from auto-save defaults via parseEntityForDisplay) takes precedence over emailDomain, which may be a numeric ID in SenderDetails state or a display name from parseEntityForDisplay.
+      domainId: fieldValues.emailDomainId ?? fieldValues.emailDomain,
+      domainGatewayMapId: fieldValues.emailDomainGatewayMapId,
+      senderId: fieldValues.emailSenderId,
       senderLabel: fieldValues.emailSenderName,
-      senderReplyTo: fieldValues.emailReplyToId,
+      replyToId: fieldValues.emailReplyToId,
     };
   }
   if (fieldValues.whatsappSenderNumber != null || fieldValues.whatsappAccount != null) {
@@ -673,9 +686,10 @@ export const parseChannelSettingForDisplay = (channelSetting = {}) => {
   }
   if (channelSetting.EMAIL) {
     out.emailDomain = channelSetting.EMAIL.domainId;
-    out.emailSenderId = channelSetting.EMAIL.senderEmail;
+    out.emailDomainGatewayMapId = channelSetting.EMAIL.domainGatewayMapId;
+    out.emailSenderId = channelSetting.EMAIL.senderId;
     out.emailSenderName = channelSetting.EMAIL.senderLabel;
-    out.emailReplyToId = channelSetting.EMAIL.senderReplyTo;
+    out.emailReplyToId = channelSetting.EMAIL.replyToId;
   }
   if (channelSetting.WHATSAPP) {
     out.whatsappSenderNumber = channelSetting.WHATSAPP.senderMobNum;

package/v2Containers/CreativesContainer/index.js

@@ -2462,7 +2462,7 @@ export class Creatives extends React.Component {
           )}
           handleClose={this.handleCloseSlideBox}
           show={showSlideBox}
-          size="size-xl"
+          size="size-l"
         />
       </SlideBoxWrapper>
     );

package/v2Containers/CreativesContainer/tests/__snapshots__/index.test.js.snap

@@ -89,7 +89,7 @@ exports[`Test SlideBoxContent container campaign message, add creative click rcs
       />
     }
     show={true}
-    size="size-xl"
+    size="size-l"
   />
 </CreativesSlideBoxWrapper>
 `;
@@ -183,7 +183,7 @@ exports[`Test SlideBoxContent container campaign message, add creative click wha
       />
     }
     show={true}
-    size="size-xl"
+    size="size-l"
   />
 </CreativesSlideBoxWrapper>
 `;
@@ -320,7 +320,7 @@ exports[`Test SlideBoxContent container campaign message, whatsapp edit all data
       />
     }
     show={false}
-    size="size-xl"
+    size="size-l"
   />
 </CreativesSlideBoxWrapper>
 `;
@@ -457,7 +457,7 @@ exports[`Test SlideBoxContent container campaign message, whatsapp edit min data
       />
     }
     show={false}
-    size="size-xl"
+    size="size-l"
   />
 </CreativesSlideBoxWrapper>
 `;
@@ -594,7 +594,7 @@ exports[`Test SlideBoxContent container it should clear the url, on channel chan
       />
     }
     show={false}
-    size="size-xl"
+    size="size-l"
   />
 </CreativesSlideBoxWrapper>
 `;