@capillarytech/creatives-library 9.0.56-alpha.3 → 9.0.56-alpha.5

package/v2Components/TestAndPreviewSlidebox/index.js

@@ -36,6 +36,7 @@ import {
   makeSelectMessageMetaConfigId,
   makeSelectPrefilledValues,
   makeSelectIsSendingTestMessage,
+  makeSelectIsSendingCcsTestMessage,
   makeSelectUpdatePreviewError,
   makeSelectUpdatePreviewErrors,
   makeSelectFetchPrefilledValuesError,
@@ -103,6 +104,7 @@ TestAndPreviewSlidebox.propTypes = {
   messageMetaConfigId: PropTypes.string,
   prefilledValues: PropTypes.object,
   isSendingTestMessage: PropTypes.bool.isRequired,
+  isSendingCcsTestMessage: PropTypes.bool.isRequired,
   intl: PropTypes.object.isRequired,
   senderDetailsByChannel: PropTypes.object,
   wecrmAccounts: PropTypes.array,
@@ -151,6 +153,7 @@ const mapStateToProps = createStructuredSelector({
   fetchPrefilledValuesError: makeSelectFetchPrefilledValuesError(),
   fetchPrefilledValuesErrors: makeSelectFetchPrefilledValuesErrors(),
   isSendingTestMessage: makeSelectIsSendingTestMessage(),
+  isSendingCcsTestMessage: makeSelectIsSendingCcsTestMessage(),
   senderDetailsByChannel: makeSelectSenderDetailsByChannel(),
   wecrmAccounts: makeSelectWeCrmAccounts(),
   isLoadingSenderDetails: makeSelectIsLoadingSenderDetails(),

package/v2Containers/CommunicationFlow/CommunicationFlow.js

@@ -13,14 +13,13 @@ import { injectIntl } from 'react-intl';
 import { compose } from 'redux';
 import { connect } from 'react-redux';
 import { createStructuredSelector } from 'reselect';
-// import { CouponsCapContainer } from '@capillarytech/cap-coupons'; // Commented - cap-coupons flows disabled
 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 injectReducer from '../../utils/injectReducer';
 import { makeSelectAuthenticated } from '../Cap/selectors';
+import capReducer from '../Cap/reducer';
 import { createCommDefinition, editCommDefinition } from '../../services/api';
 import DynamicControlsStep from './steps/DynamicControlsStep';
 import MessageTypeStep from './steps/MessageTypeStep';
@@ -41,20 +40,15 @@ import {
   CCS_CHANNEL_DELIVERY_KEY_MAP,
   CCS_CHANNEL_NAME_MAP,
   CCS_CONTENT_TRANSFORMS,
+  REFERENCE_ID_EXISTS,
 } from './constants';
 import { getEnabledSteps } from './utils/getEnabledSteps';
 import messages from './messages';
 import './CommunicationFlow.scss';
 
-// Inject couponsCap reducer and saga - commented out (cap-coupons flows disabled)
-// const withCouponsReducer = injectReducer({
-//   key: 'couponsCap',
-//   reducer: CouponsCapContainer.couponsCapReducer,
-// });
-// const withCouponsSaga = injectSaga({
-//   key: 'couponsCapSaga',
-//   saga: CouponsCapContainer.couponsCapSaga,
-// });
+// Self-injects the same 'cap' reducer CreativesContainer already injects under this key;
+// idempotent, so it's a no-op if the consumer's own store already provides it.
+const withCapReducer = injectReducer({ key: 'cap', reducer: capReducer });
 
 const getDeliveryChannels = (contentItems) => {
   const channels = contentItems.map((item) => (item.channel || '').toUpperCase()).filter(Boolean);
@@ -67,8 +61,8 @@ const hasDeliverySettingForChannel = (channelSetting, channel) => {
   return !!settings && Object.values(settings).some((v) => v !== null && v !== '' && v !== undefined);
 };
 
-// createCommDefinition resolves with the CCS error envelope for 4xx/5xx responses (see api.js request()/checkStatus); duplicate referenceId within the org returns a 409.
-const isDuplicateReferenceIdError = (res) => res?.success === false && res?.status?.message === 'REFERENCE_ID_EXISTS';
+// Duplicate referenceId within the org returns a 409 CCS error envelope.
+const isDuplicateReferenceIdError = (res) => res?.success === false && res?.status?.message === REFERENCE_ID_EXISTS;
 
 const CommunicationFlow = ({
   config,
@@ -165,12 +159,10 @@ const CommunicationFlow = ({
     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.
+      // Consumer-supplied (e.g. CapNotify's Alert Name field) — CommunicationFlow has no name input of its own.
       const name = config?.context?.name;
 
-      // CCS create is SINGLE-strategy only this phase (D1); CHANNEL_PRIORITY/AB_TEST
-      // carry multiple content items with no CCS equivalent yet.
+      // CCS create only supports SINGLE strategy; CHANNEL_PRIORITY/AB_TEST have no CCS equivalent yet.
       if (!isMultiChannel && contentItem && name) {
         const rawChannel = (contentItem.channel || '').toUpperCase();
         const channel = CCS_CHANNEL_NAME_MAP[rawChannel] || rawChannel;
@@ -180,8 +172,7 @@ const CommunicationFlow = ({
         const contentPayload = contentTransform ? contentTransform(contentItem.templateData) : contentItem.templateData;
         const { dynamicControls = {} } = aggregatedData;
         const channelSettings = aggregatedData.deliverySetting?.channelSetting?.[channel] || {};
-        // referenceId/description are user-editable, optional fields (up until Send for
-        // approval) — sent as '' rather than auto-generated/omitted when left blank.
+        // Optional fields — sent as '' rather than omitted when left blank.
         const referenceId = config?.context?.referenceId || '';
         const description = config?.context?.description || '';
 
@@ -202,29 +193,35 @@ const CommunicationFlow = ({
           singleChannelStrategy: {
             variant: {
               channel,
-              // `channel` must be spread last in both objects so CCS's normalized enum (e.g. `PUSH`) overrides the UI's internal identifier (e.g. `MOBILEPUSH`) from templateData.
+              // `channel` spread last so CCS's normalized enum overrides the UI's internal identifier.
               ...(contentKey && { [contentKey]: { ...contentPayload, channel } }),
               ...(deliveryKey && { [deliveryKey]: { channelSettings: { ...channelSettings, channel } } }),
             },
           },
         };
 
-        // Editing an existing alert (e.g. rejected) uses config.context.existingCommDefinitionId to create a new DRAFT version on the same CommDefinition, preserving its id/referenceId instead of creating a new alert.
+        // existingCommDefinitionId (set when editing, e.g. a rejected alert) creates a new
+        // DRAFT version on the same CommDefinition instead of a new one.
         const { existingCommDefinitionId } = config?.context || {};
+        const {
+          referenceId: payloadReferenceId,
+          description: payloadDescription,
+          strategyType,
+          settings,
+          singleChannelStrategy,
+        } = payload;
 
         try {
           const res = existingCommDefinitionId
             ? await editCommDefinition(existingCommDefinitionId, {
-              referenceId: payload.referenceId,
-              description: payload.description,
-              strategyType: payload.strategyType,
-              settings: payload.settings,
-              singleChannelStrategy: payload.singleChannelStrategy,
+              referenceId: payloadReferenceId,
+              description: payloadDescription,
+              strategyType,
+              settings,
+              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;
           }
@@ -293,9 +290,17 @@ const CommunicationFlow = ({
             <CapDivider />
           </CapRow>
         );
-      case STEPS.COMMUNICATION_STRATEGY:
+      case STEPS.COMMUNICATION_STRATEGY: {
+        // No divider when there's no content yet, but the spacing above the Channel
+        // card must stay either way — see .communication-strategy-row in the scss.
+        const templateStepFollows = enabledSteps.includes(STEPS.CHANNEL_SELECTION);
+        const hasContent = stepData.contentItems?.length > 0;
         return (
-          <CapRow useLegacy key={step}>
+          <CapRow
+            useLegacy
+            key={step}
+            className={(!templateStepFollows || hasContent) ? '' : 'communication-strategy-row--no-divider'}
+          >
             <CommunicationStrategyStep
               {...commonProps}
               value={stepData.communicationStrategy}
@@ -304,9 +309,10 @@ const CommunicationFlow = ({
               disabled={communicationStrategyData.disabled}
               onChange={(communicationStrategy) => handleStepChange(step, { communicationStrategy })}
             />
-            <CapDivider />
+            {(!templateStepFollows || hasContent) && <CapDivider />}
           </CapRow>
         );
+      }
       case STEPS.CHANNEL_SELECTION:
         // Only show ChannelSelectionStep if communication strategy is selected
         if (!stepData.communicationStrategy) {
@@ -322,7 +328,6 @@ const CommunicationFlow = ({
               channelsToHide={contentTemplateData.channelsToHide}
               channelsToDisable={contentTemplateData.channelsToDisable}
               disablePreviewAndTest={!!contentTemplateData.disablePreviewAndTest}
-              autoOpenExistingContent={!!contentTemplateData.autoOpenExistingContent}
               creativesMode={config.mode || 'create'}
               selectedOfferDetails={stepData.selectedOfferDetails}
               incentivesData={{
@@ -376,7 +381,7 @@ const CommunicationFlow = ({
 
 CommunicationFlow.propTypes = {
   config: PropTypes.shape({
-    consumer: PropTypes.oneOf(['campaigns', 'loyalty', 'adiona']).isRequired,
+    consumer: PropTypes.oneOf(['campaigns', 'loyalty', 'adiona', 'coupons', 'cartPromotions']).isRequired,
     channel: PropTypes.string,
     mode: PropTypes.oneOf(['create', 'edit', 'preview']).isRequired,
     channelsToHide: PropTypes.arrayOf(PropTypes.string),
@@ -411,7 +416,6 @@ CommunicationFlow.propTypes = {
         required: PropTypes.bool,
         channels: PropTypes.object,
         disablePreviewAndTest: PropTypes.bool,
-        autoOpenExistingContent: PropTypes.bool,
       }),
       enableIncentives: PropTypes.bool,
       enableDeliverySettings: PropTypes.bool,
@@ -444,8 +448,7 @@ const mapStateToProps = createStructuredSelector({
 const withConnect = connect(mapStateToProps);
 
 export default compose(
-  // withCouponsReducer, // cap-coupons flows disabled
-  // withCouponsSaga,   // cap-coupons flows disabled
+  withCapReducer,
   withConnect,
   injectIntl,
 )(CommunicationFlow);

package/v2Containers/CommunicationFlow/CommunicationFlow.scss

@@ -128,15 +128,43 @@
 }
 
 .communication-flow-container {
+  // Anchors the Save footer to the bottom of the slidebox's scrollable content
+  // area regardless of how much step content is above it. <CapRow useLegacy>
+  // carries cap-ui-library's `.ant-row-legacy` rule (`display: block !important`),
+  // which silently defeats a plain `display:flex`/`min-height` here unless the
+  // selector is compounded with `.ant-row-legacy` and marked `!important` too.
+  // Deliberately position-based, not flex + margin-top: auto — a flex version
+  // makes this element (and its .ant-row-legacy children) a flex container, and
+  // flexbox's default align-items: stretch leaks into deeply nested descendants
+  // (e.g. ChannelSelectionStep's fixed-width empty-state card), stretching them
+  // to fill the container instead of keeping their own size.
+  &.ant-row-legacy {
+    position: relative !important;
+    min-height: calc(100vh - 6.571rem) !important;
+    padding-bottom: 6rem !important;
+  }
+
   .step-divider {
     margin: $CAP_SPACE_32 0;
   }
 
+  // CommunicationStrategyStep's own trailing divider is hidden until content
+  // exists (no dangling line above an empty "Add creative" state), but the gap
+  // it would have provided (.step-divider's margin) must stay — otherwise the
+  // section sits flush against the Channel card in the empty state.
+  .communication-strategy-row--no-divider {
+    margin-bottom: $CAP_SPACE_32;
+  }
+
   .heading-style {
     margin-bottom: $CAP_SPACE_08;
   }
 
-  &__footer {
+  &__footer.ant-row-legacy {
+    position: absolute !important;
+    left: 0;
+    right: 0;
+    bottom: 0 !important;
     padding: 3.142rem 0 $CAP_SPACE_08;
   }
 }

package/v2Containers/CommunicationFlow/CommunicationFlowCard.js

@@ -111,10 +111,8 @@ const CommunicationFlowCard = ({
     const senderIdValue = getSenderIdValue(firstItem, savedData);
     const controls = config?.features?.dynamicControlsData?.controls || DYNAMIC_CONTROLS_CONFIG;
     const dynamicControlKeys = Object.keys(savedData?.dynamicControls || {});
-    // Mirrors getEnabledSteps.js's own gate on this flag (which skips the in-slidebox
-    // DynamicControlsStep) — consumers like CapNotify that set showDynamicControls:
-    // false render their own "Advanced controls" section elsewhere, so this summary
-    // card's right column would otherwise show a redundant, always-empty control list.
+    // Consumers that set showDynamicControls: false render their own "Advanced
+    // controls" section elsewhere, so skip this card's redundant control list.
     const showDynamicControls = config?.features?.showDynamicControls !== false;
     const channel = firstItem.channel?.toUpperCase();
     const senderLabel = [WHATSAPP, RCS].includes(channel)

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

@@ -1029,9 +1029,22 @@ describe('step dividers', () => {
         contentItems: [],
       },
     });
-    // Only CommunicationStrategyStep's divider renders — ChannelSelectionStep's own
-    // divider is conditional on content existing, to avoid a dangling line above an
-    // empty "Add creative" state.
+    // Neither divider renders — both CommunicationStrategyStep's and ChannelSelectionStep's
+    // own trailing dividers are conditional on content existing, to avoid a dangling line
+    // around an empty "Add creative" state.
+    expect(container.querySelectorAll('.ant-divider')).toHaveLength(0);
+  });
+
+  it('renders the divider after CommunicationStrategyStep unconditionally when no CHANNEL_SELECTION step follows', () => {
+    const { container } = renderWithFlow({
+      features: {
+        communicationStrategyData: { required: true, options: STRATEGY_OPTIONS },
+        // contentTemplateData.required omitted — no CHANNEL_SELECTION step in this flow.
+      },
+      initialData: {
+        communicationStrategy: SINGLE_TEMPLATE,
+      },
+    });
     expect(container.querySelectorAll('.ant-divider')).toHaveLength(1);
   });
 });

package/v2Containers/CommunicationFlow/constants.js

@@ -38,15 +38,16 @@ 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.
+// CCS create is only supported for SINGLE (CHANNEL_PRIORITY/AB_TEST skip CCS entirely).
 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.
+// Mirrors CCS SingleChannelStrategy field names; 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*'.
+  // CCS's channel enum for mobile push is 'PUSH', but content/delivery keys stay 'mpush*'.
   PUSH: 'mpushMessageContent',
   INAPP: 'inAppMessageContent',
   ANDROID: 'androidMessageContent',
@@ -58,17 +59,16 @@ export const CCS_CHANNEL_CONTENT_KEY_MAP = {
   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`.
+// Transforms legacy messageMeta field names to CCS's before sending, for channels
+// where the two shapes don't already match.
 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 {
@@ -94,12 +94,14 @@ export const CCS_CHANNEL_DELIVERY_KEY_MAP = {
   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.
+// UI uses `MOBILEPUSH`; CCS uses `PUSH` for the channel enum. Other channels pass through.
 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 key used by channelsToHide.
+// channelProp: CreativesContainer channel prop that must match pane.key for the tab to be active.
 export const CHANNELS = [
   {
     value: 'SMS',
@@ -292,3 +294,5 @@ export const INCENTIVE_TYPES = [
     value: 'badges', label: <FormattedMessage {...messages.badges} />, isActive: false, disabled: false,
   },
 ];
+
+export const REFERENCE_ID_EXISTS = 'REFERENCE_ID_EXISTS';

package/v2Containers/CommunicationFlow/index.js

@@ -30,7 +30,7 @@ const CommunicationFlowContainer = ({
 
 CommunicationFlowContainer.propTypes = {
   config: PropTypes.shape({
-    consumer: PropTypes.oneOf(['campaigns', 'loyalty', 'adiona']).isRequired,
+    consumer: PropTypes.oneOf(['campaigns', 'loyalty', 'adiona', 'coupons', 'cartPromotions']).isRequired,
     channel: PropTypes.string, // optional if channel step is skipped
     mode: PropTypes.oneOf(['create', 'edit', 'preview']).isRequired,
     channelsToHide: PropTypes.arrayOf(PropTypes.string),
@@ -80,15 +80,13 @@ 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, name, referenceId, description
+    useCCS: PropTypes.bool, // skips the CCS createCommDefinition call on save when false; 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
-  onCancel: PropTypes.func.isRequired, // () => void - called when user cancels
-  onChange: PropTypes.func, // (data) => void - optional, called on data changes
+  onSave: PropTypes.func.isRequired, // (data) => void, data.ccsCommDefinition set when CCS create succeeded
+  onCancel: PropTypes.func.isRequired, // () => void
+  onChange: PropTypes.func, // (data) => void
 };
 
 CommunicationFlowContainer.defaultProps = {

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

@@ -4,9 +4,7 @@
  * Content template selection with channel dropdown
  */
 
-import React, {
-  useState, useCallback, useMemo, useEffect, useRef,
-} from 'react';
+import React, { useState, useCallback, useMemo } from 'react';
 import PropTypes from 'prop-types';
 import { injectIntl } from 'react-intl';
 import CapButton from '@capillarytech/cap-ui-library/CapButton';
@@ -48,7 +46,6 @@ const ChannelSelectionStep = ({
   channelsToHide = [],
   channelsToDisable = [],
   disablePreviewAndTest = false,
-  autoOpenExistingContent = false,
   creativesMode = 'create',
   selectedOfferDetails = [],
   incentivesData,
@@ -121,21 +118,6 @@ const ChannelSelectionStep = ({
     }
   }, [contentItems]);
 
-  // Editing an existing single-channel alert (e.g. CapNotify's rejected-alert edit page) should
-  // land straight in that channel's template editor, not the one-card content list — there's
-  // only ever one item under the SINGLE strategy, so the list is just an extra click. Runs once
-  // on mount only; the ref guard keeps a later content-item change (e.g. after closing/re-saving)
-  // from re-triggering the auto-open.
-  const hasAutoOpenedRef = useRef(false);
-  useEffect(() => {
-    if (hasAutoOpenedRef.current) return;
-    hasAutoOpenedRef.current = true;
-    if (autoOpenExistingContent && contentItems.length > 0) {
-      handleEditContent(contentItems[0].contentId);
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-
   const handleDeleteContent = useCallback((contentId) => {
     onChange({ contentItems: contentItems.filter((c) => c.contentId !== contentId) });
   }, [contentItems, onChange]);
@@ -437,7 +419,7 @@ const ChannelSelectionStep = ({
           )}
 
           {contentItems?.length === 0 ? (
-            <CapRow className="content-template-section">
+            <CapRow className={`content-template-section ${contentItems?.length === 0 ? 'no-content-items' : ''}`}>
               <CapDropdown
                 overlay={renderChannelDropdownOverlay() || <CapMenu />}
                 onVisibleChange={handleChannelsVisibleChange}
@@ -571,7 +553,6 @@ ChannelSelectionStep.propTypes = {
   channelsToHide: PropTypes.array,
   channelsToDisable: PropTypes.array,
   disablePreviewAndTest: PropTypes.bool,
-  autoOpenExistingContent: PropTypes.bool,
   creativesMode: PropTypes.oneOf(['create', 'edit', 'preview']),
   selectedOfferDetails: PropTypes.array,
   incentivesData: PropTypes.shape({
@@ -594,7 +575,6 @@ ChannelSelectionStep.defaultProps = {
   channelsToHide: [],
   channelsToDisable: [],
   disablePreviewAndTest: false,
-  autoOpenExistingContent: false,
   creativesMode: 'create',
   selectedOfferDetails: [],
   incentivesData: null,

package/v2Containers/CommunicationFlow/steps/ChannelSelectionStep/ChannelSelectionStep.scss

@@ -130,6 +130,10 @@
     border-bottom: 1px solid $CAP_G07;
   }
 
+  .no-content-items {
+    border-bottom: none;
+  }
+
   .add-content-template-button {
     padding: $CAP_SPACE_12 $CAP_SPACE_16;
     align-self: center !important;

package/v2Containers/CreativesContainer/index.js

@@ -164,7 +164,6 @@ export class Creatives extends React.Component {
       isFullMode: props.isFullMode,
       useLocalTemplates,
     });
-
     this.state = {
       isLoadingContent: true,
       templateStep: 1, //modeSelection: for template name and (for email selecting upload or editor), and createTemplate to create template create based on modeSelection