@capillarytech/creatives-library 9.0.55-alpha.2 → 9.0.55

package/v2Containers/CommunicationFlow/constants.js

@@ -38,68 +38,9 @@ export const CHANNEL_PRIORITY = 'CHANNEL_PRIORITY';
 export const AB_TEST = 'AB_TEST';
 export const SINGLE_TEMPLATE = 'SINGLE_TEMPLATE';
 
-// 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.
+// 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)
 export const CHANNELS = [
   {
     value: 'SMS',
@@ -291,4 +232,4 @@ export const INCENTIVE_TYPES = [
   {
     value: 'badges', label: <FormattedMessage {...messages.badges} />, isActive: false, disabled: false,
   },
-];
+];

package/v2Containers/CommunicationFlow/index.js

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

package/v2Containers/CommunicationFlow/messages.js

@@ -363,8 +363,4 @@ 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/DeliverySettingsStep/SenderDetails.js

@@ -29,7 +29,6 @@ import {
   getEmailDefaultsForDomainId,
   getSmsDefaultsForDomainId,
   getRcsAccountName,
-  getEmailDomainGatewayMapIdByDomainId,
 } from './deliverySettingsConfig';
 import messages from '../../messages';
 import './SenderDetails.scss';
@@ -152,11 +151,6 @@ 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,7 +83,6 @@ const ENTITIES = {
   emailTwoDomains: {
     EMAIL: [
       {
-        id: 'gwmap-a',
         domainProperties: {
           id: 'em-a',
           domainName: 'Mail Alpha',
@@ -102,7 +101,6 @@ const ENTITIES = {
         },
       },
       {
-        id: 'gwmap-b',
         domainProperties: {
           id: 'em-b',
           domainName: 'Mail Beta',
@@ -324,29 +322,6 @@ 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,7 +438,6 @@ describe('deliverySettingsConfig — user-facing flows', () => {
         smsDomain: 'd1',
         smsSenderId: 'g1',
         emailDomain: 'ed',
-        emailDomainGatewayMapId: 'gwmap-1',
         emailSenderId: 'mail@x.com',
         emailSenderName: 'N',
         emailReplyToId: 'r@x.com',
@@ -456,10 +455,9 @@ describe('deliverySettingsConfig — user-facing flows', () => {
         SMS: { domainId: 'd1', gsmSenderId: 'g1' },
         EMAIL: {
           domainId: 'ed',
-          domainGatewayMapId: 'gwmap-1',
-          senderId: 'mail@x.com',
+          senderEmail: 'mail@x.com',
           senderLabel: 'N',
-          replyToId: 'r@x.com',
+          senderReplyTo: 'r@x.com',
         },
         WHATSAPP: { domainId: 'wd', senderMobNum: '+w' },
         RCS: { senderMobNum: '+r', rcsSender: '+r' },
@@ -474,10 +472,9 @@ describe('deliverySettingsConfig — user-facing flows', () => {
         SMS: { domainId: 'd', gsmSenderId: 'g' },
         EMAIL: {
           domainId: 'ed',
-          domainGatewayMapId: 'gwmap-2',
-          senderId: 'e@e.com',
+          senderEmail: 'e@e.com',
           senderLabel: 'L',
-          replyToId: 'r@e.com',
+          senderReplyTo: 'r@e.com',
         },
         WHATSAPP: { senderMobNum: '+w', domainId: 'wid' },
         RCS: { rcsSender: '+r' },
@@ -489,10 +486,6 @@ 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,12 +181,6 @@ 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);
@@ -268,8 +262,6 @@ 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 || {};
@@ -582,10 +574,7 @@ 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'),
@@ -611,12 +600,10 @@ export const buildChannelSettingFromFieldValues = (fieldValues = {}) => {
   }
   if (fieldValues.emailDomain != null || fieldValues.emailSenderId != null || fieldValues.emailSenderName != null || fieldValues.emailReplyToId != null) {
     channelSetting.EMAIL = {
-      // 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,
+      domainId: fieldValues.emailDomain,
+      senderEmail: fieldValues.emailSenderId,
       senderLabel: fieldValues.emailSenderName,
-      replyToId: fieldValues.emailReplyToId,
+      senderReplyTo: fieldValues.emailReplyToId,
     };
   }
   if (fieldValues.whatsappSenderNumber != null || fieldValues.whatsappAccount != null) {
@@ -686,10 +673,9 @@ export const parseChannelSettingForDisplay = (channelSetting = {}) => {
   }
   if (channelSetting.EMAIL) {
     out.emailDomain = channelSetting.EMAIL.domainId;
-    out.emailDomainGatewayMapId = channelSetting.EMAIL.domainGatewayMapId;
-    out.emailSenderId = channelSetting.EMAIL.senderId;
+    out.emailSenderId = channelSetting.EMAIL.senderEmail;
     out.emailSenderName = channelSetting.EMAIL.senderLabel;
-    out.emailReplyToId = channelSetting.EMAIL.replyToId;
+    out.emailReplyToId = channelSetting.EMAIL.senderReplyTo;
   }
   if (channelSetting.WHATSAPP) {
     out.whatsappSenderNumber = channelSetting.WHATSAPP.senderMobNum;

package/v2Containers/CreativesContainer/index.js

@@ -1441,7 +1441,12 @@ export class Creatives extends React.Component {
             cardType = "",
             cardSettings = {},
             accountId = "",
+            vfTemplateId: vfTemplateIdFromPayload,
           } = get(versions, 'base.content.RCS.rcsContent', {});
+          const { templateId: rootTemplateId = '' } = versions || {};
+          const vfTemplateId = vfTemplateIdFromPayload
+            || get(this.state.templateData, 'versions.base.content.RCS.rcsContent.vfTemplateId', '')
+            || rootTemplateId;
           const firstCardFromSubmit = Array.isArray(cardContentFromSubmit)
             ? cardContentFromSubmit[0]
             : null;
@@ -1469,6 +1474,7 @@ export class Creatives extends React.Component {
             creativeName: name,
             rcsContent,
             accountId,
+            ...(vfTemplateId && { templateId: vfTemplateId }),
             ...(includeRootRcsCardVarMappedOnConsumerPayload
               ? { rcsCardVarMapped: cardVarMappedFromFirstRcsCard }
               : {}),
@@ -2456,7 +2462,7 @@ export class Creatives extends React.Component {
           )}
           handleClose={this.handleCloseSlideBox}
           show={showSlideBox}
-          size="size-l"
+          size="size-xl"
         />
       </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-l"
+    size="size-xl"
   />
 </CreativesSlideBoxWrapper>
 `;
@@ -183,7 +183,7 @@ exports[`Test SlideBoxContent container campaign message, add creative click wha
       />
     }
     show={true}
-    size="size-l"
+    size="size-xl"
   />
 </CreativesSlideBoxWrapper>
 `;
@@ -320,7 +320,7 @@ exports[`Test SlideBoxContent container campaign message, whatsapp edit all data
       />
     }
     show={false}
-    size="size-l"
+    size="size-xl"
   />
 </CreativesSlideBoxWrapper>
 `;
@@ -457,7 +457,7 @@ exports[`Test SlideBoxContent container campaign message, whatsapp edit min data
       />
     }
     show={false}
-    size="size-l"
+    size="size-xl"
   />
 </CreativesSlideBoxWrapper>
 `;
@@ -594,7 +594,7 @@ exports[`Test SlideBoxContent container it should clear the url, on channel chan
       />
     }
     show={false}
-    size="size-l"
+    size="size-xl"
   />
 </CreativesSlideBoxWrapper>
 `;

package/v2Containers/Rcs/constants.js

@@ -32,6 +32,7 @@ export const RCS_STATUSES = {
 
 export const HOST_ICS="rcsicsbulk";
 export const HOST_INFOBIP="rcsinfobipbulk";
+export const HOST_VALUE_FIRST="rcsvaluefirstbulk";
 
 export const contentType = {
   text_message: 'text_message',

package/v2Containers/Rcs/index.js

@@ -358,6 +358,8 @@ export const Rcs = (props) => {
   const [accessToken, setAccessToken] = useState('');
   const [hostName, setHostName] = useState('');
   const [accountName, setAccountName] = useState('');
+  const [botId, setBotId] = useState('');
+  const [vfTemplateId, setVfTemplateId] = useState('');
   const isHostInfoBip = hostName === HOST_INFOBIP;
   const isHostIcs = hostName === HOST_ICS;
 
@@ -381,12 +383,14 @@ export const Rcs = (props) => {
       setHostName(accountObj.hostName || '');
       setAccountName(accountObj.name || '');
       setRcsAccount(accountObj.id || '');
+      setBotId(accountObj.connectionProperties?.agentid || '');
     } else {
       setAccountId('');
       setWecrmAccountId('');
       setAccessToken('');
       setHostName('');
       setAccountName('');
+      setBotId('');
     }
   }, [accountData.selectedRcsAccount]);
 
@@ -1387,6 +1391,8 @@ export const Rcs = (props) => {
         const rcsAccountId = get(details, 'versions.base.content.RCS.rcsContent.accountId', '');
         setRcsAccount(rcsAccountId);
       }
+      const storedVfTemplateId = get(details, 'versions.base.content.RCS.rcsContent.vfTemplateId', '');
+      if (storedVfTemplateId) setVfTemplateId(storedVfTemplateId);
 
       applySmsFallbackHydration({
         details,
@@ -2710,6 +2716,7 @@ const onTitleAddVar = () => {
   
   const createPayload = () => {
     const isSlotMappingMode = isEditFlow || !isFullMode;
+    const resolvedVfTemplateId = vfTemplateId || get(rcsHydrationDetails, 'versions.base.content.RCS.rcsContent.vfTemplateId', '');
     const alignment = isMediaTypeImage
       ? RCS_IMAGE_DIMENSIONS[selectedDimension]?.alignment
       : RCS_VIDEO_THUMBNAIL_DIMENSIONS[selectedDimension]?.alignment;
@@ -2824,7 +2831,8 @@ const onTitleAddVar = () => {
                   }
                 ],
                 contentType: isFullMode ? templateType : RICHCARD,
-                ...(isFullMode && {accountId:accountId, accessToken: accessToken, accountName: accountName, hostName: hostName}),
+                ...(isFullMode && {accountId, accessToken, accountName, hostName, botId}),
+                ...(resolvedVfTemplateId && { vfTemplateId: resolvedVfTemplateId }),
               },
               ...smsFallbackPayloadContent,
             },
@@ -2964,6 +2972,7 @@ const onTitleAddVar = () => {
     accountName,
     hostName,
     smsRegister,
+    vfTemplateId,
   ]);
 
   /**