@capillarytech/creatives-library 9.0.56-betaa.0 → 9.0.57-alpha.0

package/v2Components/CapWhatsappCarouselButton/index.scss

@@ -37,7 +37,49 @@
     height: auto;
   }
 
-  .whatsapp-url-preview-wrapper {
-    max-width: 5.714rem;
+  .whatsapp-saved-cta-cell {
+    display: flex;
+    align-items: center;
+    min-width: 0;
+
+    > * {
+      min-width: 0;
+    }
+  }
+
+  .whatsapp-saved-cta-text-cell {
+    flex: 0 1 10rem;
+  }
+
+  .whatsapp-saved-cta-type-cell {
+    flex: 0 1 5.5rem;
+  }
+
+  .whatsapp-saved-cta-url-cell {
+    flex: 1 1 0;
+  }
+
+  .whatsapp-saved-cta-actions-cell {
+    flex: 0 0 4rem;
+    justify-content: flex-end;
+  }
+
+  .whatsapp-saved-cta-action-icons {
+    display: flex;
+    align-items: center;
+    flex-shrink: 0;
+    gap: $CAP_SPACE_12;
+  }
+
+  // CapTooltip nests `.url` two levels down, so these — not `.url` — are the
+  // boxes that must be allowed to shrink for the ellipsis to apply.
+  .whatsapp-cta-url-tooltip-wrapper {
+    flex: 1 1 0;
+    min-width: 0;
+  }
+
+  .whatsapp-cta-url-tooltip-trigger {
+    width: 100%;
+    min-width: 0;
   }
 }

package/v2Components/CommonTestAndPreview/UnifiedPreview/index.js

@@ -139,6 +139,19 @@ const UnifiedPreview = ({
         );
       }
 
+      case CHANNELS.LINE:
+        // LINE currently supports plain text only, so reuse the SMS bubble preview; rich message types are not rendered yet.
+        return (
+          <SmsPreviewContent
+            content={typeof content === 'string' ? content : (content?.resolvedBody || '')}
+            device={device}
+            isUpdating={isUpdating}
+            error={error}
+            formatMessage={formatMessage}
+            showHeader={showHeader}
+          />
+        );
+
       case CHANNELS.WHATSAPP: {
         // WhatsApp content is an object with templateMsg, media, CTA, etc.
         const whatsappContent = typeof content === 'object' ? content : {};

package/v2Components/CommonTestAndPreview/actions.js

@@ -10,6 +10,7 @@ import {
   EXTRACT_TAGS_REQUESTED,
   UPDATE_PREVIEW_REQUESTED,
   SEND_TEST_MESSAGE_REQUESTED,
+  SEND_CCS_TEST_MESSAGE_REQUESTED,
   CLEAR_CUSTOMER_SEARCH_STATE,
   GET_TEST_CUSTOMERS_REQUESTED,
   GET_TEST_GROUPS_REQUESTED,
@@ -65,6 +66,18 @@ export const sendTestMessageRequested = (payload, callback) => ({
   callback,
 });
 
+/**
+ * notify/ui only — send a test message through CCS's send/transaction endpoint
+ * against a real CommDefinition, instead of the legacy createMessageMeta/sendTestMessage flow.
+ * @param {Object} payload - { commDefinitionId|referenceId, uniqueKey, isTest, recipient }
+ * @param {Function} callback - Success/error callback
+ */
+export const sendCcsTestMessageRequested = (payload, callback) => ({
+  type: SEND_CCS_TEST_MESSAGE_REQUESTED,
+  payload,
+  callback,
+});
+
 /**
  * Clear all customer search state
  */

package/v2Components/CommonTestAndPreview/constants.js

@@ -29,6 +29,11 @@ export const SEND_TEST_MESSAGE_REQUESTED = 'app/CommonTestAndPreview/SEND_TEST_M
 export const SEND_TEST_MESSAGE_SUCCESS = 'app/CommonTestAndPreview/SEND_TEST_MESSAGE_SUCCESS';
 export const SEND_TEST_MESSAGE_FAILURE = 'app/CommonTestAndPreview/SEND_TEST_MESSAGE_FAILURE';
 
+// Send CCS Test Message (notify/ui — send/transaction against a real CommDefinition)
+export const SEND_CCS_TEST_MESSAGE_REQUESTED = 'app/CommonTestAndPreview/SEND_CCS_TEST_MESSAGE_REQUESTED';
+export const SEND_CCS_TEST_MESSAGE_SUCCESS = 'app/CommonTestAndPreview/SEND_CCS_TEST_MESSAGE_SUCCESS';
+export const SEND_CCS_TEST_MESSAGE_FAILURE = 'app/CommonTestAndPreview/SEND_CCS_TEST_MESSAGE_FAILURE';
+
 // Test Customers
 export const GET_TEST_CUSTOMERS_REQUESTED = 'app/CommonTestAndPreview/GET_TEST_CUSTOMERS_REQUESTED';
 export const GET_TEST_CUSTOMERS_SUCCESS = 'app/CommonTestAndPreview/GET_TEST_CUSTOMERS_SUCCESS';
@@ -85,6 +90,7 @@ export const CHANNELS = {
   VIBER: 'VIBER',
   ZALO: 'ZALO',
   WEBPUSH: 'WEBPUSH',
+  LINE: 'LINE',
 };
 
 /** Unified preview tab keys when RCS shows RCS + SMS fallback panes. */
@@ -100,6 +106,7 @@ export const CHANNELS_USING_ANDROID_PREVIEW_DEVICE = [
   CHANNELS.INAPP,
   CHANNELS.MOBILEPUSH,
   CHANNELS.VIBER,
+  CHANNELS.LINE,
 ];
 
 /** RCS createMessageMeta test payload — rich card envelope literals. */
@@ -290,6 +297,7 @@ export const ERROR_MESSAGES = {
   FAILED_TO_EXTRACT_TAGS: 'Failed to extract tags',
   FAILED_TO_UPDATE_PREVIEW: 'Failed to update preview',
   FAILED_TO_SEND_TEST_EMAIL: 'Failed to send test email',
+  FAILED_TO_SEND_CCS_TEST_MESSAGE: 'Failed to send test message',
   PROFILE_IS_EMPTY: 'Profile is empty',
   NO_TEST_CUSTOMERS_FOUND: 'No test customers found',
   FAILED_TO_FETCH_TEST_CUSTOMERS: 'Failed to fetch test customers',

package/v2Components/CommonTestAndPreview/index.js

@@ -200,6 +200,7 @@ const CommonTestAndPreview = (props) => {
     messageMetaConfigId,
     prefilledValues,
     isSendingTestMessage,
+    isSendingCcsTestMessage,
     updatePreviewError,
     updatePreviewErrors,
     fetchPrefilledValuesError,
@@ -208,6 +209,8 @@ const CommonTestAndPreview = (props) => {
     wecrmAccounts = [],
     isLoadingSenderDetails = false,
     orgUnitId = -1,
+    // notify/ui only:{commDefinitionId, referenceId} routes "Send test" to CCS's send/transaction endpoint.
+    ccsSendTransaction,
     // Email-specific props
     beeInstance,
     currentTab = 1,
@@ -3621,11 +3624,53 @@ const CommonTestAndPreview = (props) => {
       setIsCustomerDataLoading(false);
     }
   };
-  
+
   /**
    * Handle send test message
    */
+  // notify/ui sends tests via CCS's CommDefinition send/transaction endpoint using the standard action/saga flow, not the legacy messageMeta flow.
+  const handleCcsSendTestMessage = () => {
+    const allUserIds = [];
+    selectedTestEntities.forEach((entityId) => {
+      const group = testGroups.find((testGroup) => testEntityIdsEqual(testGroup.groupId, entityId));
+      if (group) {
+        allUserIds.push(...group.userIds);
+      } else {
+        allUserIds.push(entityId);
+      }
+    });
+    const uniqueUserIds = [...new Set(allUserIds)];
+    const { commDefinitionId, referenceId } = ccsSendTransaction;
+
+    actions.sendCcsTestMessageRequested(
+      {
+        ...(commDefinitionId ? { commDefinitionId } : { referenceId }),
+        uniqueKey: `test_${Date.now()}`,
+        isTest: true,
+        recipient: {
+          identifiers: uniqueUserIds.map((userId) => ({ type: 'USER_ID', value: String(userId) })),
+          tagValues: customValues,
+        },
+      },
+      (success) => {
+        if (success) {
+          CapNotification.success({
+            message: formatMessage(messages.testMessageSent),
+          });
+        } else {
+          CapNotification.error({
+            message: formatMessage(messages.testMessageFailed),
+          });
+        }
+      },
+    );
+  };
+
   const handleSendTestMessage = () => {
+    if (ccsSendTransaction) {
+      handleCcsSendTestMessage();
+      return;
+    }
     const allUserIds = [];
     selectedTestEntities.forEach((entityId) => {
       const group = testGroups.find((testGroup) => testEntityIdsEqual(testGroup.groupId, entityId));
@@ -3763,7 +3808,7 @@ const CommonTestAndPreview = (props) => {
       formData={formDataForSendTest}
       content={getCurrentContent}
       channel={channel}
-      isSendingTestMessage={isSendingTestMessage}
+      isSendingTestMessage={isSendingTestMessage || isSendingCcsTestMessage}
       renderAddTestCustomerButton={renderAddTestCustomerButton}
       formatMessage={formatMessage}
       deliverySettings={testPreviewDeliverySettings[channel]}
@@ -3816,7 +3861,7 @@ const CommonTestAndPreview = (props) => {
       header={slideboxHeader}
       handleClose={handleClose}
       show={show}
-      size="size-xl"
+      size="size-l"
       content={(
         <CapSpin
           spinning={isCustomerDataLoading}
@@ -3913,11 +3958,16 @@ CommonTestAndPreview.propTypes = {
     message: PropTypes.string,
   })),
   isSendingTestMessage: PropTypes.bool.isRequired,
+  isSendingCcsTestMessage: PropTypes.bool,
   intl: PropTypes.object.isRequired,
   senderDetailsByChannel: PropTypes.object,
   wecrmAccounts: PropTypes.array,
   isLoadingSenderDetails: PropTypes.bool,
   orgUnitId: PropTypes.number,
+  ccsSendTransaction: PropTypes.shape({
+    commDefinitionId: PropTypes.string,
+    referenceId: PropTypes.string,
+  }),
 
   // Email-specific props
   beeInstance: PropTypes.object,
@@ -3957,6 +4007,8 @@ CommonTestAndPreview.defaultProps = {
   wecrmAccounts: [],
   isLoadingSenderDetails: false,
   orgUnitId: -1,
+  ccsSendTransaction: null,
+  isSendingCcsTestMessage: false,
 };
 
 // ============================================

package/v2Components/CommonTestAndPreview/reducer.js

@@ -15,6 +15,9 @@ import {
   SEND_TEST_MESSAGE_REQUESTED,
   SEND_TEST_MESSAGE_SUCCESS,
   SEND_TEST_MESSAGE_FAILURE,
+  SEND_CCS_TEST_MESSAGE_REQUESTED,
+  SEND_CCS_TEST_MESSAGE_SUCCESS,
+  SEND_CCS_TEST_MESSAGE_FAILURE,
   CLEAR_CUSTOMER_SEARCH_STATE,
   CLEAR_SEARCH_RESULTS,
   GET_TEST_CUSTOMERS_REQUESTED,
@@ -69,6 +72,10 @@ const initialState = fromJS({
   sendTestMessageError: null,
   testMessageResponse: null,
 
+  // CCS test message state (notify/ui)
+  isSendingCcsTestMessage: false,
+  sendCcsTestMessageError: null,
+
   tags: {
     loading: false,
     error: null,
@@ -194,6 +201,19 @@ const previewAndTestReducer = (state = initialState, action) => {
         .set('isSendingTestMessage', false)
         .set('sendTestMessageError', action.payload.error);
 
+    // Send CCS Test Message (notify/ui)
+    case SEND_CCS_TEST_MESSAGE_REQUESTED:
+      return state.set('isSendingCcsTestMessage', true)
+        .set('sendCcsTestMessageError', null);
+
+    case SEND_CCS_TEST_MESSAGE_SUCCESS:
+      return state.set('isSendingCcsTestMessage', false)
+        .set('sendCcsTestMessageError', null);
+
+    case SEND_CCS_TEST_MESSAGE_FAILURE:
+      return state.set('isSendingCcsTestMessage', false)
+        .set('sendCcsTestMessageError', action.payload.error);
+
     // Clear Actions
     case CLEAR_SEARCH_RESULTS:
       return state.set('customers', [])

package/v2Components/CommonTestAndPreview/sagas.js

@@ -21,6 +21,9 @@ import {
   SEND_TEST_MESSAGE_REQUESTED,
   SEND_TEST_MESSAGE_SUCCESS,
   SEND_TEST_MESSAGE_FAILURE,
+  SEND_CCS_TEST_MESSAGE_REQUESTED,
+  SEND_CCS_TEST_MESSAGE_SUCCESS,
+  SEND_CCS_TEST_MESSAGE_FAILURE,
   GET_TEST_CUSTOMERS_REQUESTED,
   GET_TEST_GROUPS_REQUESTED,
   GET_TEST_CUSTOMERS_SUCCESS,
@@ -144,6 +147,26 @@ export function* sendTestMessageSaga(action) {
   }
 }
 
+// notify/ui: Send Test Message via CCS's send/transaction endpoint, against a real
+// CommDefinition, instead of the legacy createMessageMeta/sendTestMessage flow above.
+export function* sendCcsTestMessageSaga(action) {
+  try {
+    const { callback } = action;
+    const res = yield call(Api.sendTransactionalComm, action.payload);
+    if (res?.response?.success === false) {
+      const error = res?.response?.errors?.[0]?.message || ERROR_MESSAGES.FAILED_TO_SEND_CCS_TEST_MESSAGE;
+      yield put({ type: SEND_CCS_TEST_MESSAGE_FAILURE, payload: { error } });
+      callback(false);
+    } else {
+      yield put({ type: SEND_CCS_TEST_MESSAGE_SUCCESS });
+      callback(true);
+    }
+  } catch (error) {
+    yield put({ type: SEND_CCS_TEST_MESSAGE_FAILURE, payload: { error: error.message || ERROR_MESSAGES.NETWORK_ERROR } });
+    action.callback(false);
+  }
+}
+
 export function* getBulkCustomerDetails({fetchedUserIds}) {
   try {
     const bulkCustomerDetails = yield call(Api.getBulkCustomerDetails, {
@@ -285,6 +308,10 @@ export function* watchSendTestMessage() {
   yield takeLatest(SEND_TEST_MESSAGE_REQUESTED, sendTestMessageSaga);
 }
 
+export function* watchSendCcsTestMessage() {
+  yield takeLatest(SEND_CCS_TEST_MESSAGE_REQUESTED, sendCcsTestMessageSaga);
+}
+
 export function* watchFetchTestCustomers() {
   yield takeLatest(GET_TEST_CUSTOMERS_REQUESTED, fetchTestCustomersSaga);
 }
@@ -371,6 +398,7 @@ export function* commonTestAndPreviewSaga() {
     watchExtractTags(),
     watchUpdatePreview(),
     watchSendTestMessage(),
+    watchSendCcsTestMessage(),
     watchFetchTestCustomers(),
     watchFetchTestGroups(),
     watchCreateMessageMeta(),

package/v2Components/CommonTestAndPreview/selectors.js

@@ -124,6 +124,11 @@ const makeSelectIsSendingTestMessage = () => createSelector(
   (substate) => substate.get('isSendingTestMessage'),
 );
 
+const makeSelectIsSendingCcsTestMessage = () => createSelector(
+  selectCommonTestAndPreviewDomain,
+  (substate) => substate.get('isSendingCcsTestMessage'),
+);
+
 const makeSelectUpdatePreviewError = () => createSelector(
   selectCommonTestAndPreviewDomain,
   (substate) => substate.get('updatePreviewError'),
@@ -212,6 +217,7 @@ export {
   makeSelectPrefilledValues,
   makeSelectTestMessageResponse,
   makeSelectIsSendingTestMessage,
+  makeSelectIsSendingCcsTestMessage,
   makeSelectUpdatePreviewError,
   makeSelectUpdatePreviewErrors,
   makeSelectFetchPrefilledValuesError,

package/v2Components/CommonTestAndPreview/tests/UnifiedPreview/index.test.js

@@ -479,6 +479,112 @@ describe('UnifiedPreview', () => {
     });
   });
 
+  describe('Channel Routing - LINE', () => {
+    it('should render SmsPreviewContent for LINE channel with string content', () => {
+      const props = {
+        ...defaultProps,
+        channel: CHANNELS.LINE,
+        content: 'Hello world',
+      };
+
+      render(
+        <TestWrapper>
+          <ComponentToRender {...props} />
+        </TestWrapper>
+      );
+
+      expect(screen.getByTestId('sms-preview')).toBeTruthy();
+      expect(screen.getByTestId('sms-content')).toHaveTextContent('Hello world');
+    });
+
+    it('should handle object content with resolvedBody for LINE channel', () => {
+      const props = {
+        ...defaultProps,
+        channel: CHANNELS.LINE,
+        content: {
+          resolvedBody: 'some text',
+        },
+      };
+
+      render(
+        <TestWrapper>
+          <ComponentToRender {...props} />
+        </TestWrapper>
+      );
+
+      expect(screen.getByTestId('sms-preview')).toBeTruthy();
+      expect(screen.getByTestId('sms-content')).toHaveTextContent('some text');
+    });
+
+    it('should not crash and render empty content for LINE channel when content is undefined', () => {
+      const props = {
+        ...defaultProps,
+        channel: CHANNELS.LINE,
+        content: undefined,
+      };
+
+      render(
+        <TestWrapper>
+          <ComponentToRender {...props} />
+        </TestWrapper>
+      );
+
+      expect(screen.getByTestId('sms-preview')).toBeTruthy();
+      expect(screen.getByTestId('sms-content')).toHaveTextContent('');
+    });
+
+    it('should not crash and render empty content for LINE channel when content is null', () => {
+      const props = {
+        ...defaultProps,
+        channel: CHANNELS.LINE,
+        content: null,
+      };
+
+      render(
+        <TestWrapper>
+          <ComponentToRender {...props} />
+        </TestWrapper>
+      );
+
+      expect(screen.getByTestId('sms-preview')).toBeTruthy();
+      expect(screen.getByTestId('sms-content')).toHaveTextContent('');
+    });
+
+    it('should render empty content for LINE channel when content is not a string and has no resolvedBody', () => {
+      const props = {
+        ...defaultProps,
+        channel: CHANNELS.LINE,
+        content: { someOtherField: 'value' },
+      };
+
+      render(
+        <TestWrapper>
+          <ComponentToRender {...props} />
+        </TestWrapper>
+      );
+
+      expect(screen.getByTestId('sms-preview')).toBeTruthy();
+      expect(screen.getByTestId('sms-content')).toHaveTextContent('');
+    });
+
+    it('should not render the Unknown Channel fallback for LINE channel', () => {
+      const props = {
+        ...defaultProps,
+        channel: CHANNELS.LINE,
+        content: 'Hello world',
+      };
+
+      render(
+        <TestWrapper>
+          <ComponentToRender {...props} />
+        </TestWrapper>
+      );
+
+      expect(screen.queryByText('Unknown Channel')).toBeNull();
+      expect(screen.getByTestId('sms-preview')).toBeTruthy();
+    });
+  });
+
   describe('Channel Routing - WHATSAPP', () => {
     it('should render WhatsAppPreviewContent for WHATSAPP channel', () => {
       const props = {

package/v2Components/CommonTestAndPreview/tests/actions.test.js

@@ -9,6 +9,7 @@ import {
   extractTagsRequested,
   updatePreviewRequested,
   sendTestMessageRequested,
+  sendCcsTestMessageRequested,
   clearCustomerSearchState,
   clearSearchResults,
   getTestCustomersRequested,
@@ -26,6 +27,7 @@ import {
   EXTRACT_TAGS_REQUESTED,
   UPDATE_PREVIEW_REQUESTED,
   SEND_TEST_MESSAGE_REQUESTED,
+  SEND_CCS_TEST_MESSAGE_REQUESTED,
   CLEAR_CUSTOMER_SEARCH_STATE,
   CLEAR_SEARCH_RESULTS,
   GET_TEST_CUSTOMERS_REQUESTED,
@@ -205,6 +207,19 @@ describe('CommonTestAndPreview Actions', () => {
     });
   });
 
+  describe('sendCcsTestMessageRequested', () => {
+    it('should create an action to send a CCS test message with payload and callback', () => {
+      const payload = { commDefinitionId: 'cd_123', recipient: { identifiers: [] } };
+      const callback = jest.fn();
+      const expectedAction = {
+        type: SEND_CCS_TEST_MESSAGE_REQUESTED,
+        payload,
+        callback,
+      };
+      expect(sendCcsTestMessageRequested(payload, callback)).toEqual(expectedAction);
+    });
+  });
+
   describe('clearCustomerSearchState', () => {
     it('should create an action to clear customer search state', () => {
       const expectedAction = {

package/v2Components/CommonTestAndPreview/tests/constants.test.js

@@ -42,6 +42,7 @@ import {
   CLEAR_PREVIEW_ERRORS,
   // Channel Constants
   CHANNELS,
+  CHANNELS_USING_ANDROID_PREVIEW_DEVICE,
   // Device Constants
   DESKTOP,
   MOBILE,
@@ -180,15 +181,22 @@ describe('CommonTestAndPreview Constants', () => {
       expect(CHANNELS.VIBER).toBe('VIBER');
       expect(CHANNELS.ZALO).toBe('ZALO');
       expect(CHANNELS.WEBPUSH).toBe('WEBPUSH');
+      expect(CHANNELS.LINE).toBe('LINE');
     });
 
     it('should have all required channel keys', () => {
-      const expectedChannels = ['EMAIL', 'SMS', 'RCS', 'WHATSAPP', 'INAPP', 'MOBILEPUSH', 'VIBER', 'ZALO', 'WEBPUSH'];
+      const expectedChannels = ['EMAIL', 'SMS', 'RCS', 'WHATSAPP', 'INAPP', 'MOBILEPUSH', 'VIBER', 'ZALO', 'WEBPUSH', 'LINE'];
       expect(Object.keys(CHANNELS)).toEqual(expect.arrayContaining(expectedChannels));
       expect(Object.keys(CHANNELS).length).toBe(expectedChannels.length);
     });
   });
 
+  describe('CHANNELS_USING_ANDROID_PREVIEW_DEVICE', () => {
+    it('should include CHANNELS.LINE', () => {
+      expect(CHANNELS_USING_ANDROID_PREVIEW_DEVICE).toContain(CHANNELS.LINE);
+    });
+  });
+
   describe('Device Constants', () => {
     it('should export all device constants with correct values', () => {
       expect(DESKTOP).toBe('desktop');

package/v2Components/CommonTestAndPreview/tests/index.test.js

@@ -128,6 +128,7 @@ describe('CommonTestAndPreview', () => {
     extractTagsRequested: jest.fn(),
     updatePreviewRequested: jest.fn(),
     sendTestMessageRequested: jest.fn(),
+    sendCcsTestMessageRequested: jest.fn(),
     clearCustomerSearchState: jest.fn(),
     getTestCustomersRequested: jest.fn(),
     getTestGroupsRequested: jest.fn(),
@@ -1686,6 +1687,106 @@ describe('CommonTestAndPreview', () => {
     });
   });
 
+  describe('CCS Test Message Sending (notify/ui)', () => {
+    it('dispatches sendCcsTestMessageRequested (not the legacy createMessageMeta/sendTestMessage flow) when ccsSendTransaction is set', async () => {
+      const props = {
+        ...defaultProps,
+        selectedTestEntities: ['user-1'],
+        testGroups: [],
+        ccsSendTransaction: { commDefinitionId: 'cd_123', referenceId: 'ORDER_PLACED' },
+      };
+
+      render(
+        <TestWrapper>
+          <CommonTestAndPreview {...props} />
+        </TestWrapper>
+      );
+
+      lastSendTestMessageProps.handleSendTestMessage();
+
+      expect(mockActions.sendCcsTestMessageRequested).toHaveBeenCalledWith(
+        expect.objectContaining({
+          commDefinitionId: 'cd_123',
+          isTest: true,
+          recipient: expect.objectContaining({
+            identifiers: expect.any(Array),
+          }),
+        }),
+        expect.any(Function),
+      );
+      expect(mockActions.createMessageMetaRequested).not.toHaveBeenCalled();
+      expect(mockActions.sendTestMessageRequested).not.toHaveBeenCalled();
+    });
+
+    it('falls back to referenceId when commDefinitionId is absent', async () => {
+      const props = {
+        ...defaultProps,
+        selectedTestEntities: ['user-1'],
+        testGroups: [],
+        ccsSendTransaction: { referenceId: 'ORDER_PLACED' },
+      };
+
+      render(
+        <TestWrapper>
+          <CommonTestAndPreview {...props} />
+        </TestWrapper>
+      );
+
+      lastSendTestMessageProps.handleSendTestMessage();
+
+      expect(mockActions.sendCcsTestMessageRequested).toHaveBeenCalledWith(
+        expect.objectContaining({ referenceId: 'ORDER_PLACED' }),
+        expect.any(Function),
+      );
+    });
+
+    it('shows a success notification when the callback receives true', async () => {
+      const CapNotification = require('@capillarytech/cap-ui-library/CapNotification');
+      mockActions.sendCcsTestMessageRequested.mockImplementation((payload, cb) => cb(true));
+      const props = {
+        ...defaultProps,
+        selectedTestEntities: ['user-1'],
+        testGroups: [],
+        ccsSendTransaction: { commDefinitionId: 'cd_123' },
+      };
+
+      render(
+        <TestWrapper>
+          <CommonTestAndPreview {...props} />
+        </TestWrapper>
+      );
+
+      lastSendTestMessageProps.handleSendTestMessage();
+
+      await waitFor(() => {
+        expect(CapNotification.success).toHaveBeenCalled();
+      });
+    });
+
+    it('shows an error notification when the callback receives false', async () => {
+      const CapNotification = require('@capillarytech/cap-ui-library/CapNotification');
+      mockActions.sendCcsTestMessageRequested.mockImplementation((payload, cb) => cb(false));
+      const props = {
+        ...defaultProps,
+        selectedTestEntities: ['user-1'],
+        testGroups: [],
+        ccsSendTransaction: { commDefinitionId: 'cd_123' },
+      };
+
+      render(
+        <TestWrapper>
+          <CommonTestAndPreview {...props} />
+        </TestWrapper>
+      );
+
+      lastSendTestMessageProps.handleSendTestMessage();
+
+      await waitFor(() => {
+        expect(CapNotification.error).toHaveBeenCalled();
+      });
+    });
+  });
+
   describe('Content Extraction', () => {
     it('should extract EMAIL content from formData', async () => {
       const props = {