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

package/package.json

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

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';
@@ -292,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,
@@ -233,7 +234,6 @@ const CommonTestAndPreview = (props) => {
   const [smsFallbackOptionalTags, setSmsFallbackOptionalTags] = useState([]);
   const [isExtractingSmsFallbackTags, setIsExtractingSmsFallbackTags] = useState(false);
   const [customValues, setCustomValues] = useState({});
-  const [isSendingCcsTest, setIsSendingCcsTest] = useState(false);
   const previewCustomValuesRef = useRef({});
   const [showJSON, setShowJSON] = useState(false);
   const [tagsExtracted, setTagsExtracted] = useState(false);
@@ -3630,7 +3630,9 @@ const CommonTestAndPreview = (props) => {
    */
   // notify/ui: send the test through CCS's own send/transaction endpoint against the alert's
   // real CommDefinition, instead of the legacy createMessageMeta/sendTestMessage flow below.
-  const handleCcsSendTestMessage = async () => {
+  // Dispatched via the same action/saga pattern as every other API call in this component,
+  // rather than calling Api.sendTransactionalComm directly.
+  const handleCcsSendTestMessage = () => {
     const allUserIds = [];
     selectedTestEntities.forEach((entityId) => {
       const group = testGroups.find((testGroup) => testEntityIdsEqual(testGroup.groupId, entityId));
@@ -3643,9 +3645,8 @@ const CommonTestAndPreview = (props) => {
     const uniqueUserIds = [...new Set(allUserIds)];
     const { commDefinitionId, referenceId } = ccsSendTransaction;
 
-    setIsSendingCcsTest(true);
-    try {
-      const res = await Api.sendTransactionalComm({
+    actions.sendCcsTestMessageRequested(
+      {
         ...(commDefinitionId ? { commDefinitionId } : { referenceId }),
         uniqueKey: `test_${Date.now()}`,
         isTest: true,
@@ -3653,20 +3654,19 @@ const CommonTestAndPreview = (props) => {
           identifiers: uniqueUserIds.map((userId) => ({ type: 'USER_ID', value: String(userId) })),
           tagValues: customValues,
         },
-      });
-      if (res?.response?.success === false) {
-        throw new Error(res?.response?.errors?.[0]?.message || 'Failed to send test message');
-      }
-      CapNotification.success({
-        message: formatMessage(messages.testMessageSent),
-      });
-    } catch (error) {
-      CapNotification.error({
-        message: formatMessage(messages.testMessageFailed),
-      });
-    } finally {
-      setIsSendingCcsTest(false);
-    }
+      },
+      (success) => {
+        if (success) {
+          CapNotification.success({
+            message: formatMessage(messages.testMessageSent),
+          });
+        } else {
+          CapNotification.error({
+            message: formatMessage(messages.testMessageFailed),
+          });
+        }
+      },
+    );
   };
 
   const handleSendTestMessage = () => {
@@ -3811,7 +3811,7 @@ const CommonTestAndPreview = (props) => {
       formData={formDataForSendTest}
       content={getCurrentContent}
       channel={channel}
-      isSendingTestMessage={isSendingTestMessage || isSendingCcsTest}
+      isSendingTestMessage={isSendingTestMessage || isSendingCcsTestMessage}
       renderAddTestCustomerButton={renderAddTestCustomerButton}
       formatMessage={formatMessage}
       deliverySettings={testPreviewDeliverySettings[channel]}
@@ -3961,6 +3961,7 @@ CommonTestAndPreview.propTypes = {
     message: PropTypes.string,
   })),
   isSendingTestMessage: PropTypes.bool.isRequired,
+  isSendingCcsTestMessage: PropTypes.bool,
   intl: PropTypes.object.isRequired,
   senderDetailsByChannel: PropTypes.object,
   wecrmAccounts: PropTypes.array,
@@ -4010,6 +4011,7 @@ CommonTestAndPreview.defaultProps = {
   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/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/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 = {

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

@@ -19,6 +19,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,8 @@ describe('previewAndTestReducer', () => {
       isSendingTestMessage: false,
       sendTestMessageError: null,
       testMessageResponse: null,
+      isSendingCcsTestMessage: false,
+      sendCcsTestMessageError: null,
       tags: {
         loading: false,
         error: null,
@@ -533,6 +538,42 @@ describe('previewAndTestReducer', () => {
     });
   });
 
+  describe('SEND_CCS_TEST_MESSAGE_REQUESTED', () => {
+    it('should set the sending flag and clear errors', () => {
+      const action = { type: SEND_CCS_TEST_MESSAGE_REQUESTED };
+      const result = previewAndTestReducer(initialState, action);
+
+      expect(result.get('isSendingCcsTestMessage')).toBe(true);
+      expect(result.get('sendCcsTestMessageError')).toBeNull();
+    });
+  });
+
+  describe('SEND_CCS_TEST_MESSAGE_SUCCESS', () => {
+    it('should clear the sending flag and any error', () => {
+      const stateWhileSending = initialState
+        .set('isSendingCcsTestMessage', true)
+        .set('sendCcsTestMessageError', 'previous error');
+      const action = { type: SEND_CCS_TEST_MESSAGE_SUCCESS };
+      const result = previewAndTestReducer(stateWhileSending, action);
+
+      expect(result.get('isSendingCcsTestMessage')).toBe(false);
+      expect(result.get('sendCcsTestMessageError')).toBeNull();
+    });
+  });
+
+  describe('SEND_CCS_TEST_MESSAGE_FAILURE', () => {
+    it('should clear the sending flag and set the error', () => {
+      const action = {
+        type: SEND_CCS_TEST_MESSAGE_FAILURE,
+        payload: { error: 'NO_LIVE_VERSION' },
+      };
+      const result = previewAndTestReducer(initialState, action);
+
+      expect(result.get('isSendingCcsTestMessage')).toBe(false);
+      expect(result.get('sendCcsTestMessageError')).toBe('NO_LIVE_VERSION');
+    });
+  });
+
   describe('CLEAR_SEARCH_RESULTS', () => {
     it('should clear search results and reset flags', () => {
       const stateWithResults = initialState

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

@@ -12,6 +12,7 @@ import {
   extractTagsSaga,
   updatePreviewSaga,
   sendTestMessageSaga,
+  sendCcsTestMessageSaga,
   getBulkCustomerDetails,
   fetchTestCustomersSaga,
   fetchTestGroupsSaga,
@@ -45,6 +46,8 @@ import {
   UPDATE_PREVIEW_FAILURE,
   SEND_TEST_MESSAGE_SUCCESS,
   SEND_TEST_MESSAGE_FAILURE,
+  SEND_CCS_TEST_MESSAGE_SUCCESS,
+  SEND_CCS_TEST_MESSAGE_FAILURE,
   GET_TEST_CUSTOMERS_SUCCESS,
   GET_TEST_CUSTOMERS_FAILURE,
   GET_TEST_GROUPS_SUCCESS,
@@ -747,6 +750,87 @@ describe('CommonTestAndPreview Sagas', () => {
     });
   });
 
+  describe('sendCcsTestMessageSaga', () => {
+    it('should send the CCS test message successfully', () => {
+      const callback = jest.fn();
+      const action = {
+        payload: { commDefinitionId: 'cd_123', recipient: { identifiers: [] } },
+        callback,
+      };
+      const response = { response: { success: true, data: {} } };
+
+      const generator = sendCcsTestMessageSaga(action);
+
+      expect(generator.next().value).toEqual(
+        call(Api.sendTransactionalComm, action.payload)
+      );
+
+      expect(generator.next(response).value).toEqual(
+        put({ type: SEND_CCS_TEST_MESSAGE_SUCCESS })
+      );
+
+      generator.next();
+      expect(callback).toHaveBeenCalledWith(true);
+      expect(generator.next().done).toBe(true);
+    });
+
+    it('should handle a CCS envelope failure (success: false)', () => {
+      const callback = jest.fn();
+      const action = {
+        payload: { commDefinitionId: 'cd_123', recipient: { identifiers: [] } },
+        callback,
+      };
+      const response = {
+        response: { success: false, errors: [{ message: 'NO_LIVE_VERSION' }] },
+      };
+
+      const generator = sendCcsTestMessageSaga(action);
+
+      generator.next();
+      expect(generator.next(response).value).toEqual(
+        put({ type: SEND_CCS_TEST_MESSAGE_FAILURE, payload: { error: 'NO_LIVE_VERSION' } })
+      );
+
+      generator.next();
+      expect(callback).toHaveBeenCalledWith(false);
+    });
+
+    it('falls back to a default error message when the envelope carries none', () => {
+      const callback = jest.fn();
+      const action = {
+        payload: { commDefinitionId: 'cd_123', recipient: { identifiers: [] } },
+        callback,
+      };
+      const response = { response: { success: false, errors: [] } };
+
+      const generator = sendCcsTestMessageSaga(action);
+
+      generator.next();
+      expect(generator.next(response).value).toEqual(
+        put({ type: SEND_CCS_TEST_MESSAGE_FAILURE, payload: { error: 'Failed to send test message' } })
+      );
+    });
+
+    it('should handle network error', () => {
+      const callback = jest.fn();
+      const action = {
+        payload: { commDefinitionId: 'cd_123', recipient: { identifiers: [] } },
+        callback,
+      };
+      const error = new Error('Network error');
+
+      const generator = sendCcsTestMessageSaga(action);
+
+      generator.next();
+      expect(generator.throw(error).value).toEqual(
+        put({ type: SEND_CCS_TEST_MESSAGE_FAILURE, payload: { error: 'Network error' } })
+      );
+
+      generator.next();
+      expect(callback).toHaveBeenCalledWith(false);
+    });
+  });
+
   describe('fetchTestCustomersSaga', () => {
     it('should fetch test customers successfully', () => {
       const response = {

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

@@ -28,6 +28,7 @@ import {
   makeSelectPrefilledValues,
   makeSelectTestMessageResponse,
   makeSelectIsSendingTestMessage,
+  makeSelectIsSendingCcsTestMessage,
   makeSelectUpdatePreviewError,
   makeSelectUpdatePreviewErrors,
   makeSelectFetchPrefilledValuesError,
@@ -78,6 +79,8 @@ describe('CommonTestAndPreview Selectors', () => {
       isSendingTestEmail: false,
       sendTestMessageError: null,
       testMessageResponse: { messageId: '123', status: 'sent' },
+      isSendingCcsTestMessage: false,
+      sendCcsTestMessageError: null,
       tags: {
         loading: false,
         error: null,
@@ -470,6 +473,15 @@ describe('CommonTestAndPreview Selectors', () => {
     });
   });
 
+  describe('makeSelectIsSendingCcsTestMessage', () => {
+    it('should select isSendingCcsTestMessage flag', () => {
+      const selector = makeSelectIsSendingCcsTestMessage();
+      const result = selector(mockState);
+
+      expect(result).toBe(false);
+    });
+  });
+
   describe('makeSelectUpdatePreviewError', () => {
     it('should select updatePreviewError from state', () => {
       const selector = makeSelectUpdatePreviewError();

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(),