@capillarytech/creatives-library 9.0.54-alpha.4 → 9.0.54

package/constants/unified.js

@@ -63,6 +63,7 @@ export const ENABLE_AI_SUGGESTIONS = 'ENABLE_AI_SUGGESTIONS';
 export const AI_CONTENT_BOT_DISABLED = 'AI_CONTENT_BOT_DISABLED';
 export const AI_DOCUMENTATION_BOT_ENABLED = 'AI_DOCUMENTATION_BOT_ENABLED';
 export const ENABLE_PRODUCT_SUPPORT_VIDEOS = 'ENABLE_PRODUCT_SUPPORT_VIDEOS';
+export const SUPPORT_ENGAGEMENT_MODULE = 'SUPPORT_ENGAGEMENT_MODULE';
 export const EMBEDDED = 'embedded';
 // --- Tag/Validation Constants ---
 export const CARD_RELATED_TAGS = [

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@capillarytech/creatives-library",
   "author": "meharaj",
-  "version": "9.0.54-alpha.4",
+  "version": "9.0.54",
   "description": "Capillary creatives ui",
   "main": "./index.js",
   "module": "./index.es.js",

package/services/api.js

@@ -701,26 +701,6 @@ export const createCentralCommsMetaId = (payload, metaType = TRANSACTION) => {
   return request(url, getAPICallObject('POST', payload, false, false, false, true));
 };
 
-// CCS CommDefinition API (new Veyron /api/v1/commdefinition surface, proxied
-// through cap-creatives-api's /comm-definitions). Used by CommunicationFlow's
-// own Save action — separate from the legacy messageMeta functions above,
-// which remain in use by CreativesContainer's own save flow (Cap/sagas.js).
-export const createCommDefinition = (payload) => {
-  const url = `${API_ENDPOINT}/comm-definitions`;
-  return request(url, getAPICallObject('POST', payload, false, false, false, true));
-};
-
-// Opens a new DRAFT version with the given content on an EXISTING
-// CommDefinition (same id/referenceId) — used by CommunicationFlow's edit-mode
-// save (re-editing a rejected alert) instead of createCommDefinition, so the
-// alert keeps its identity rather than becoming a brand-new CommDefinition.
-// Route verified against a real Postman sample against Veyron's own
-// /commdefinition/{id}/edit endpoint.
-export const editCommDefinition = (commDefinitionId, payload) => {
-  const url = `${API_ENDPOINT}/comm-definitions/${commDefinitionId}/edit`;
-  return request(url, getAPICallObject('POST', payload, false, false, false, true));
-};
-
 export const getCentralCommsMetaIds = (metaIds, metaType = TRANSACTION) => {
   const url = `${API_ENDPOINT}/common/central-comms/meta-id/${metaType}?metaIds=${metaIds}`;
   return request(url, getAPICallObject('GET', null, false, false, false, true));

package/utils/common.js

@@ -99,6 +99,10 @@ export const hasSupportCKEditor = Auth.hasFeatureAccess.bind(
   null,
   SUPPORT_CK_EDITOR,
 );
+export const hasSupportEngagementModule = Auth.hasFeatureAccess.bind(
+  null,
+  SUPPORT_ENGAGEMENT_MODULE,
+);
 
 export const hasGiftVoucherFeature = Auth.hasFeatureAccess.bind(
   null,

package/v2Components/FormBuilder/Classic.js

@@ -4276,13 +4276,13 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
               forceRender: true,
               tab: (
                 <div className="form-tab-header" onInput={(e) => e.stopPropagation()}>
-                  { this.state.translationLang !== 'ja-JP' && (
+                  {
                   _.forEach(renderedContentSections, (value) => {
                     if (value) {
                       return value;
                     }
                     return value;
-                  }))
+                  })
                   }
                 </div>
               ),

package/v2Containers/CommunicationFlow/CommunicationFlow.js

@@ -17,11 +17,10 @@ import { createStructuredSelector } from 'reselect';
 import CapRow from '@capillarytech/cap-ui-library/CapRow';
 import CapDivider from '@capillarytech/cap-ui-library/CapDivider';
 import CapButton from '@capillarytech/cap-ui-library/CapButton';
-import CapLabel from '@capillarytech/cap-ui-library/CapLabel';
 // import injectSaga from '../../utils/injectSaga';   // cap-coupons flows disabled
 // import injectReducer from '../../utils/injectReducer';
 import { makeSelectAuthenticated } from '../Cap/selectors';
-import { createCommDefinition, editCommDefinition } from '../../services/api';
+import { createCentralCommsMetaId, getCentralCommsMetaIds } from '../../services/api';
 import DynamicControlsStep from './steps/DynamicControlsStep';
 import MessageTypeStep from './steps/MessageTypeStep';
 import CommunicationStrategyStep from './steps/CommunicationStrategyStep';
@@ -36,11 +35,9 @@ import {
   CHANNELS,
   INCENTIVE_TYPES,
   DYNAMIC_CONTROLS_CONFIG,
-  CCS_STRATEGY_TYPE_SINGLE,
-  CCS_CHANNEL_CONTENT_KEY_MAP,
-  CCS_CHANNEL_DELIVERY_KEY_MAP,
-  CCS_CHANNEL_NAME_MAP,
-  CCS_CONTENT_TRANSFORMS,
+  CHANNEL_CONTENT_KEY_MAP,
+  CHANNEL_DELIVERY_KEY_MAP,
+  CAMPAIGNS,
 } from './constants';
 import { getEnabledSteps } from './utils/getEnabledSteps';
 import messages from './messages';
@@ -67,25 +64,6 @@ const hasDeliverySettingForChannel = (channelSetting, channel) => {
   return !!settings && Object.values(settings).some((v) => v !== null && v !== '' && v !== undefined);
 };
 
-// createCommDefinition resolves (rather than rejects) with the CCS error envelope
-// for 4xx/5xx responses — see api.js's request()/checkStatus. A duplicate
-// referenceId within the org comes back as this specific 409.
-const isDuplicateReferenceIdError = (res) => res?.success === false && res?.status?.message === 'REFERENCE_ID_EXISTS';
-
-/**
- * CCS requires referenceId on create; the consumer-supplied Alert/comm name is
- * mandatory but referenceId is optional in every consumer's own form. Generate
- * a stable fallback from the name rather than failing the save.
- */
-const buildCcsReferenceId = (name) => {
-  const slug = (name || 'COMM')
-    .trim()
-    .toUpperCase()
-    .replace(/[^A-Z0-9]+/g, '_')
-    .replace(/^_+|_+$/g, '') || 'COMM';
-  return `${slug}_${Date.now()}`;
-};
-
 const CommunicationFlow = ({
   config,
   initialData,
@@ -113,7 +91,6 @@ const CommunicationFlow = ({
     };
   });
   const [validationErrors, setValidationErrors] = useState({});
-  const [saveError, setSaveError] = useState(null);
 
   // Memoize enabled steps
   const enabledSteps = useMemo(() => getEnabledSteps(config), [config]);
@@ -173,108 +150,74 @@ const CommunicationFlow = ({
   }, []);
 
   const handleSave = useCallback(async () => {
-    setSaveError(null);
     const aggregatedData = getAggregatedData();
     const shouldUseCCS = config?.useCCS !== false;
-    let ccsCommDefinition = null;
 
     if (shouldUseCCS) {
-      const isMultiChannel = [CHANNEL_PRIORITY, AB_TEST].includes(aggregatedData.communicationStrategy);
-      const contentItem = (aggregatedData.contentItems || [])[0];
-      // Consumer-supplied name (e.g. CapNotify's Alert Name field) — CommunicationFlow
-      // has no name input of its own, so this is mandatory input from config.context.
-      const name = config?.context?.name;
+      const ouId = config?.context?.ouId || -1;
+      const module = config?.context?.module
+        || (config?.consumer ? config.consumer.toUpperCase() : CAMPAIGNS);
 
-      // CCS create is SINGLE-strategy only this phase (D1); CHANNEL_PRIORITY/AB_TEST
-      // carry multiple content items with no CCS equivalent yet.
-      if (!isMultiChannel && contentItem && name) {
-        const rawChannel = (contentItem.channel || '').toUpperCase();
-        const channel = CCS_CHANNEL_NAME_MAP[rawChannel] || rawChannel;
-        const contentKey = CCS_CHANNEL_CONTENT_KEY_MAP[channel];
-        const deliveryKey = CCS_CHANNEL_DELIVERY_KEY_MAP[channel];
-        const contentTransform = CCS_CONTENT_TRANSFORMS[channel];
-        const contentPayload = contentTransform ? contentTransform(contentItem.templateData) : contentItem.templateData;
-        const { dynamicControls = {} } = aggregatedData;
-        const channelSettings = aggregatedData.deliverySetting?.channelSetting?.[channel] || {};
-        const referenceId = config?.context?.referenceId || buildCcsReferenceId(name);
+      const channelContentKeyMap = CHANNEL_CONTENT_KEY_MAP;
+      const channelDeliveryKeyMap = CHANNEL_DELIVERY_KEY_MAP;
 
-        const payload = {
-          referenceId,
-          name,
-          description: config?.context?.description || undefined,
-          strategyType: CCS_STRATEGY_TYPE_SINGLE,
-          settings: {
-            additionalSettings: {
-              useTinyUrl: dynamicControls.useTinyUrl ?? false,
-              encryptUrl: dynamicControls.sendToControlCustomers ?? false,
-              linkTrackingEnabled: dynamicControls.overrideDailyLimit ?? false,
-              userSubscriptionDisabled: dynamicControls.sendToBrandPocs ?? false,
-            },
-            executionParams: {},
-          },
-          singleChannelStrategy: {
-            variant: {
-              channel,
-              // `channel` spreads LAST in both objects below — contentItem.templateData
-              // (e.g. mobile push) carries the UI's own internal channel identifier
-              // (MOBILEPUSH), which must never win over CCS's normalized enum value
-              // (PUSH) once spread order puts it after.
-              ...(contentKey && { [contentKey]: { ...contentPayload, channel } }),
-              ...(deliveryKey && { [deliveryKey]: { channelSettings: { ...channelSettings, channel } } }),
-            },
-          },
-        };
+      const contentItems = aggregatedData.contentItems || [];
+      const { dynamicControls = {} } = aggregatedData;
 
-        // Editing an existing (e.g. rejected) alert: config.context.existingCommDefinitionId
-        // opens a new DRAFT version on that SAME CommDefinition instead of creating a
-        // brand-new one, so the alert keeps its id/referenceId across the edit.
-        const { existingCommDefinitionId } = config?.context || {};
+      const additionalSettings = {
+        useTinyUrl: dynamicControls.useTinyUrl ?? false,
+        encryptUrl: dynamicControls.sendToControlCustomers ?? false,
+        linkTrackingEnabled: dynamicControls.overrideDailyLimit ?? false,
+        userSubscriptionDisabled: dynamicControls.sendToBrandPocs ?? false,
+      };
 
+      if (contentItems.length > 0) {
         try {
-          const res = existingCommDefinitionId
-            ? await editCommDefinition(existingCommDefinitionId, {
-              strategyType: payload.strategyType,
-              settings: payload.settings,
-              singleChannelStrategy: payload.singleChannelStrategy,
-            })
-            : await createCommDefinition(payload);
-          if (isDuplicateReferenceIdError(res)) {
-            // Duplicate referenceId in this org — block the save so the user can
-            // change it, rather than silently proceeding without a CCS comm.
-            setSaveError(formatMessage(messages.duplicateReferenceIdError));
-            return;
-          }
-          const data = res?.response?.data;
-          if (existingCommDefinitionId) {
-            if (data) {
-              ccsCommDefinition = {
-                id: existingCommDefinitionId,
-                referenceId: referenceId || data.referenceId,
-                version: data.version?.version ?? data.version ?? 1,
-                status: data.status,
+          const responses = await Promise.all(
+            contentItems.map((item) => {
+              const channel = (item.channel || '').toUpperCase();
+              const contentKey = channelContentKeyMap[channel];
+              const deliveryKey = channelDeliveryKeyMap[channel];
+              const payload = {
+                centralCommsPayload: {
+                  ouId,
+                  channel,
+                  module,
+                  executionParams: {},
+                  clientName: 'EMF',
+                  ...(contentKey && {
+                    [contentKey]: { channel, ...item.templateData },
+                  }),
+                  ...(deliveryKey && {
+                    [deliveryKey]: {
+                      additionalSettings,
+                      channelSettings: {
+                        channel,
+                        ...(aggregatedData.deliverySetting?.channelSetting?.[channel] || {}),
+                      },
+                    },
+                  }),
+                },
               };
-            }
-          } else if (data?.id) {
-            ccsCommDefinition = {
-              id: data.id,
-              referenceId: data.referenceId,
-              version: data.version?.version ?? 1,
-              status: data.status,
-            };
+              return createCentralCommsMetaId(payload);
+            }),
+          );
+
+          const metaIds = responses
+            .map((res) => res?.response?.data?.id)
+            .filter(Boolean)
+            .join(',');
+
+          if (metaIds) {
+            const getResponse = await getCentralCommsMetaIds(metaIds);
           }
         } catch (error) {
-          console.error('[CommunicationFlow] CCS createCommDefinition error:', error);
+          console.error('[CommunicationFlow] CCS createCentralCommsMetaId error:', error);
         }
-      } else if (!name) {
-        console.warn('[CommunicationFlow] Skipping CCS createCommDefinition — config.context.name is required');
-      } else if (isMultiChannel) {
-        console.warn('[CommunicationFlow] Skipping CCS createCommDefinition — CHANNEL_PRIORITY/AB_TEST strategies are not supported by CCS create yet (SINGLE only)');
-      } else if (!contentItem) {
-        console.warn('[CommunicationFlow] Skipping CCS createCommDefinition — no content item found (contentItems is empty)');
       }
     }
 
-    onSave(ccsCommDefinition ? { ...aggregatedData, ccsCommDefinition } : aggregatedData);
+    onSave(aggregatedData);
   }, [getAggregatedData, config, onSave]);
 
   // Call onChange callback when stepData changes
@@ -374,11 +317,6 @@ const CommunicationFlow = ({
       {renderSteps()}
       {onSave && (
         <CapRow useLegacy className="communication-flow-container__footer">
-          {saveError && (
-            <CapLabel type="label2" className="communication-flow-container__save-error">
-              {saveError}
-            </CapLabel>
-          )}
           <CapButton type="primary" onClick={handleSave} disabled={isSaveDisabled}>
             {formatMessage(messages.save)}
           </CapButton>

package/v2Containers/CommunicationFlow/CommunicationFlowCard.js

@@ -19,7 +19,6 @@ import CapIcon from '@capillarytech/cap-ui-library/CapIcon';
 import CapLabel from '@capillarytech/cap-ui-library/CapLabel';
 import CapHeader from '@capillarytech/cap-ui-library/CapHeader';
 import CapSlideBox from '@capillarytech/cap-ui-library/CapSlideBox';
-import CapTooltip from '@capillarytech/cap-ui-library/CapTooltip';
 import CommunicationFlow from './index';
 import { CHANNELS, DEFAULT_COMMUNICATION_STRATEGY_OPTIONS, DYNAMIC_CONTROLS_CONFIG } from './constants';
 import {
@@ -42,7 +41,7 @@ const resolveValue = (val) => {
 
 const SENDER_ID_RESOLVERS = {
   [SMS]: (setting) => resolveValue(setting?.gsmSenderId),
-  [EMAIL]: (setting) => resolveValue(setting?.senderId),
+  [EMAIL]: (setting) => resolveValue(setting?.senderEmail),
   [VIBER]: (setting) => resolveValue(setting?.sender) || resolveValue(setting?.gsmSenderId),
   [WHATSAPP]: (setting) => resolveValue(setting?.senderMobNum),
   [RCS]: (setting) => resolveValue(setting?.senderMobNum) || resolveValue(setting?.rcsSender),
@@ -75,8 +74,6 @@ const CommunicationFlowCard = ({
   onChange,
   cap,
   intl,
-  disabled,
-  disabledTooltip,
 }) => {
   const { formatMessage } = intl || {};
   const [showSlideBox, setShowSlideBox] = useState(false);
@@ -94,9 +91,8 @@ const CommunicationFlowCard = ({
   }, [onCancel]);
 
   const handleOpen = useCallback(() => {
-    if (disabled) return;
     setShowSlideBox(true);
-  }, [disabled]);
+  }, []);
 
   const firstItem = savedData?.contentItems?.[0];
   const channelConfig = firstItem
@@ -186,17 +182,9 @@ const CommunicationFlowCard = ({
               <CapImage src={addCreativesIllustration} />
             </CapColumn>
             <CapColumn span={14} className="empty-card-action-col">
-              {disabled && disabledTooltip ? (
-                <CapTooltip title={disabledTooltip}>
-                  <CapButton type="secondary" disabled>
-                    {formatMessage(messages.addCreatives)}
-                  </CapButton>
-                </CapTooltip>
-              ) : (
-                <CapButton type="secondary" onClick={handleOpen} disabled={disabled}>
-                  {formatMessage(messages.addCreatives)}
-                </CapButton>
-              )}
+              <CapButton type="secondary" onClick={handleOpen}>
+                {formatMessage(messages.addCreatives)}
+              </CapButton>
             </CapColumn>
           </CapRow>
         </CapCard>
@@ -239,8 +227,6 @@ CommunicationFlowCard.propTypes = {
   onChange: PropTypes.func,
   cap: PropTypes.object,
   intl: PropTypes.object.isRequired,
-  disabled: PropTypes.bool, // Disables the "Add creatives" trigger (e.g. until a consumer-required field is filled)
-  disabledTooltip: PropTypes.node, // Shown on hover when disabled is true
 };
 
 CommunicationFlowCard.defaultProps = {
@@ -249,8 +235,6 @@ CommunicationFlowCard.defaultProps = {
   onCancel: null,
   onChange: null,
   cap: null,
-  disabled: false,
-  disabledTooltip: null,
 };
 
 export default injectIntl(CommunicationFlowCard);