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

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/FormBuilder/Functional/FormBuilderShell.js

@@ -70,8 +70,7 @@ const FormBuilderShell = (props) => {
 
   const channel = (channelProp || schema?.channel || SMS).toUpperCase();
   const adapter = getChannelAdapter(channel);
-  // Channels ship their own registry via the adapter; SMS predates the hook and
-  // stays on its original factory.
+  // Channels ship their own registry via the adapter; SMS predates the hook and stays on its original factory.
   const registry = useMemo(
     () => (adapter?.createRegistry ? adapter.createRegistry() : createSmsRegistry()),
     [channel],
@@ -98,23 +97,16 @@ const FormBuilderShell = (props) => {
   const didInitRef = useRef(false);
   const prevStartValidationRef = useRef(startValidation);
   const prevSchemaRef = useRef(null);
-  // Deep snapshot of the last parent formData we processed. The MOBILEPUSH
-  // containers mutate their formData IN PLACE (copy-content, tag insertion), so a
-  // reference-keyed effect would miss genuine pushes — we deep-compare on every
-  // render instead, exactly like Classic's componentWillReceiveProps.
+  // Deep snapshot of the last processed parent formData — containers mutate it in
+  // place (copy-content, tag insertion), so pushes are deep-compared, not ref-keyed.
   const lastSeenParentRef = useRef(null);
-  // Platform validity flags from the last save-validation (MOBILEPUSH android/ios
-  // modal contract): Classic keeps these in state only after a validate pass.
+  // android/ios validity from the last save-validation (single-platform modal contract).
   const platformRef = useRef(null);
-  // Content snapshot of the tags prop for the tags-change re-validation
-  // (Classic.js:569-578) — containers rebuild the array each render, so identity
-  // is useless. Seeded by the init effect (init already validates with those tags).
+  // Content snapshot of the tags prop (containers rebuild the array each render).
   const lastTagsRef = useRef(null);
   const lastNextStateRef = useRef(null);
-  // GOLDEN parity (pinned by mpush.characterization): Classic emits
-  // this.state.tabCount in onChange, which starts at 1 and is mirrored from the
-  // tabCount PROP only when hydrating from a parent formData push (edit sync) —
-  // so the MPUSH create flow emits tabCount 1 even though the containers pass 2.
+  // GOLDEN parity: Classic emits tabCount starting at 1, mirroring the prop only
+  // on a parent formData sync — the create flow emits 1 though the containers pass 2.
   const emittedTabCountRef = useRef(1);
 
   // Stable handler identities for the memoized FieldSlot: these wrappers delegate to
@@ -216,6 +208,12 @@ const FormBuilderShell = (props) => {
   );
   useEffect(() => () => debouncedEmit.cancel(), [debouncedEmit]);
 
+  // Classic pushes formData up (props.onChange) on init AND on every schema change
+  // (initialiseForm -> resetTabKeys when isSchemaChanged, Classic.js:1906-1911,
+  // 740-748) — the MPUSH containers read that copy (copy-content handlers) before
+  // any user input. MPUSH-only; SMS keeps its shipped behavior.
+  const emitFormDataOnSchemaSync = Boolean(adapter.config?.features?.emitFormDataOnSchemaSync);
+
   // ---- initialize once the (possibly async) schema is ready, then validate+emit ----
   const schemaReady = Boolean(schema?.standalone || schema?.containers?.length);
   useEffect(() => {
@@ -232,6 +230,8 @@ const FormBuilderShell = (props) => {
       lastTagsRef.current = cloneDeep(propsRef.current.tags || null);
       const legacy = toLegacy(init);
       emitValidity(runValidate(legacy), legacy);
+      if (emitFormDataOnSchemaSync) emitChange(legacy); // seed the container's formData copy
+
     }
   }, [schemaReady]);
 
@@ -246,6 +246,7 @@ const FormBuilderShell = (props) => {
   // be stale mid container-setState-cascade): hydration-family effects only ARM this
   // flag; the [state]-keyed effect below emits once the new state has rendered.
   const pendingBackgroundValidateRef = useRef(false);
+  const pendingEmitChangeRef = useRef(false);
 
   // ---- reconcile on a genuine schema change (CTA splices, text<->image swap) ----
   // Runs inside the reducer (reconcileSchema) — see the action's note on stale snapshots.
@@ -258,6 +259,8 @@ const FormBuilderShell = (props) => {
     if (validationActive || validateOnExternalChange) {
       pendingBackgroundValidateRef.current = true;
     }
+    // Classic re-emits onChange after a schema-change re-init (Classic.js:1908-1909).
+    if (emitFormDataOnSchemaSync) pendingEmitChangeRef.current = true;
   }, [schema]);
 
   // ---- re-hydrate on a GENUINE external parent push (edit load / discard / copy) ----
@@ -282,12 +285,18 @@ const FormBuilderShell = (props) => {
     }
   });
 
-  // ---- background validity emission from the SETTLED state (see flag above) ----
+  // ---- background validity / formData emission from the SETTLED state (see flags above) ----
   useEffect(() => {
-    if (!didInitRef.current || !pendingBackgroundValidateRef.current) return;
-    pendingBackgroundValidateRef.current = false;
+    if (!didInitRef.current || (!pendingBackgroundValidateRef.current && !pendingEmitChangeRef.current)) return;
     const legacy = toLegacy(state);
-    emitValidity(runValidate(legacy), legacy);
+    if (pendingBackgroundValidateRef.current) {
+      pendingBackgroundValidateRef.current = false;
+      emitValidity(runValidate(legacy), legacy);
+    }
+    if (pendingEmitChangeRef.current) {
+      pendingEmitChangeRef.current = false;
+      emitChange(legacy);
+    }
   }, [state]);
 
   // ---- re-validate when the tag catalog changes (Classic.js:569-578) ----
@@ -566,14 +575,19 @@ const FormBuilderShell = (props) => {
   // Confirmation modal (Classic getModal 'confirm' variant, Classic.js:597-641).
   // Only channels that declare modal semantics render it (MOBILEPUSH); the footer's
   // primary button carries the modal id — that id IS the handleOk dispatch key.
+  // width 520 = the antd Modal default Classic renders (Classic.js:601);
+  // CapModal's own default (324) wraps the single-platform prompt to two lines.
   const confirmModal = adapter.modals && modal && (
     <CapModal
-      visible={modalVisible}
+      open={modalVisible}
+      width={520}
       title={modal.title || ''}
       onCancel={handleModalCancel}
       footer={[
-        <CapButton key="back" onClick={handleModalCancel}>Cancel</CapButton>,
-        <CapButton key="submit" type="primary" id={modal.id} onClick={handleModalOk}>Yes</CapButton>,
+        <CapButton key="back" onClick={handleModalCancel}>{intl.formatMessage(formMessages.cancel)}</CapButton>,
+        <CapButton key="submit" type="primary" id={modal.id} onClick={handleModalOk}>
+          {intl.formatMessage(formMessages.yes)}
+        </CapButton>,
       ]}
     >
       {modal.body || ''}

package/v2Components/FormBuilder/Functional/channels/mobilepush/config.js

@@ -65,18 +65,10 @@ export default {
     preview: true,
     imageUpload: true,
     cta: true,
-    // Bridge checkbox/radio/select commit events to the container-injected handlers
-    // with the performFormDataUpdate signature (true, formData, field). MPUSH-only.
-    bridgeFieldEvents: true,
-    // MPUSH keeps the inline textarea error even though liquid is supported
-    // (Classic.js:2908-2915) — encoded in the MPUSH renderers.
-    inlineErrorWithLiquid: true,
-    // Classic re-validates typing only under startValidation (Classic.js:334-345):
-    // no pre-save errorData, so no tag/footer message before a save attempt.
-    liveValidation: false,
-    // Validity is still maintained in the background (Classic validates + emits on
-    // parent pushes / schema changes / tags changes, Classic.js:516-578, 1361) —
-    // the containers gate their save flows on it (Create/index.js:101).
-    validateOnExternalChange: true,
+    bridgeFieldEvents: true, // checkbox/radio/select commits use the performFormDataUpdate signature (true, formData, field)
+    inlineErrorWithLiquid: true, // MPUSH keeps the inline textarea error despite liquid (Classic.js:2908-2915)
+    liveValidation: false, // Classic re-validates typing only under startValidation (Classic.js:334-345)
+    validateOnExternalChange: true, // background validity on parent/schema/tags changes gates the save flows (Classic.js:516-578, 1361)
+    emitFormDataOnSchemaSync: true, // push formData up on init + schema re-inits; copy-content handlers read it (Classic.js:1906-1911)
   },
 };

package/v2Components/FormBuilder/Functional/channels/mobilepush/modals.js

@@ -5,13 +5,15 @@
  * closes the modal (Classic parity). Modal CONTENT stays container-owned.
  */
 
+import { ANDROID, IOS } from '../../../../../constants/unified';
+
 const mpushModals = {
   handleOk: (id, { platform, submitSingleTab } = {}) => {
     if (!platform || typeof submitSingleTab !== 'function') return;
-    if (id === 'android' && platform.androidValid) {
-      submitSingleTab('android');
-    } else if (id === 'ios' && platform.iosValid) {
-      submitSingleTab('ios');
+    if (id === ANDROID && platform.androidValid) {
+      submitSingleTab(ANDROID);
+    } else if (id === IOS && platform.iosValid) {
+      submitSingleTab(IOS);
     }
   },
 };

package/v2Components/FormBuilder/Functional/channels/mobilepush/validate.js

@@ -8,12 +8,15 @@
 import { validateTagsCore } from '../../../../../utils/tagValidations';
 import { hasPersonalizationTags } from '../../../../../utils/commonUtils';
 import { isUrl } from '../../../../../v2Containers/Line/Container/Wrapper/utils';
-import { DEFAULT as DEFAULT_MODULE } from '../../../../../constants/unified';
+import { DEFAULT as DEFAULT_MODULE, ANDROID, IOS } from '../../../../../constants/unified';
 import { TEMPLATE_NAME_FIELD } from '../../constants';
 import { ERROR_VALUE, TABS, CTA_RULES } from './config';
 
 const isTabKey = (key) => /^\d+$/.test(`${key}`);
 
+// Tab metadata keys skipped when seeding a tab's error map (Classic.js:1627-1656).
+const ERROR_SEED_SKIP_KEYS = ['tabKey', 'base', 'selectedLanguages'];
+
 /** Truthy-value projection of a tab, excluding the given metadata keys. */
 const pickTruthy = (tab, excluded) => {
   const out = {};
@@ -51,12 +54,11 @@ const runTagValidation = (content, { tags, currentModule, isFullMode }) => {
     : { valid: false, isBraceError: false };
 };
 
-// Classic seeds EVERY tab's error map from tab 0's keys, skipping
-// tabKey/base/selectedLanguages (initializeEditErrorData, Classic.js:1627-1656).
+// Classic seeds EVERY tab's error map from tab 0's keys (initializeEditErrorData).
 const seedTabErrors = (tab0) => {
   const seeded = {};
   Object.keys(tab0 || {}).forEach((key) => {
-    if (key !== 'tabKey' && key !== 'base' && key !== 'selectedLanguages') seeded[key] = false;
+    if (!ERROR_SEED_SKIP_KEYS.includes(key)) seeded[key] = false;
   });
   return seeded;
 };
@@ -204,10 +206,9 @@ export default function validateMobilePush(formData = {}, options = {}) {
         });
       }
 
-      // eslint-disable-next-line eqeqeq
-      if (index == 0) androidValid = isCurrentTabValid;
-      // eslint-disable-next-line eqeqeq
-      else if (index == 1) iosValid = isCurrentTabValid;
+      // index is a string key ('0'/'1'/metadata) — Number() keeps Classic's `==` semantics.
+      if (Number(index) === TABS.ANDROID) androidValid = isCurrentTabValid;
+      else if (Number(index) === TABS.IOS) iosValid = isCurrentTabValid;
     });
 
     // --- template-name: root, skipped in embedded mode; failure also suppresses
@@ -224,15 +225,13 @@ export default function validateMobilePush(formData = {}, options = {}) {
     // --- single-platform save prompt (Classic.js:1171-1204) ---
     if (isSave && (androidValid || iosValid)) {
       const androidData = pickTruthy(formData[TABS.ANDROID], ['tabKey', 'base']);
-      // eslint-disable-next-line eqeqeq
-      if (isEmptyObject(androidData) && currentTab == 2) {
-        singlePlatformPrompt = 'ios';
+      if (isEmptyObject(androidData) && Number(currentTab) === 2) {
+        singlePlatformPrompt = IOS;
       } else {
         // Classic's inner rebuild excludes only tabKey — NOT base (line 1191). Preserved.
         const iosData = pickTruthy(formData[TABS.IOS], ['tabKey']);
-        // eslint-disable-next-line eqeqeq
-        if (isEmptyObject(iosData) && currentTab == 1) {
-          singlePlatformPrompt = 'android';
+        if (isEmptyObject(iosData) && Number(currentTab) === 1) {
+          singlePlatformPrompt = ANDROID;
         }
       }
     }

package/v2Components/FormBuilder/Functional/renderers/mpushRenderers.js

@@ -34,6 +34,9 @@ import { ERROR_VALUE } from '../channels/mobilepush/config';
 
 const { TextArea } = CapInput;
 
+// Image types the upload accepts (Classic.js:2746 wrong-file check).
+const ALLOWED_IMAGE_EXTENSIONS = /(\.bmp|\.jpeg|\.png|\.gif|\.avif|\.jpg)$/i;
+
 const dataFieldPropTypes = {
   field: PropTypes.object.isRequired,
   value: PropTypes.any,
@@ -264,12 +267,9 @@ export const UploadField = ({
     const files = e?.target?.files;
     const file = files && files[0];
     if (!file) return;
-    if (field.supportedExtensions) {
-      const allowedExtensions = /(\.bmp|\.jpeg|\.png|\.gif|\.avif|\.jpg)$/i;
-      if (!allowedExtensions.exec(file.name)) {
-        // Classic fires the wrong-file event and CONTINUES (no early return) — preserved.
-        onEvent(field.submitAction, { file, type: 'wrong file' });
-      }
+    if (field.supportedExtensions && !ALLOWED_IMAGE_EXTENSIONS.exec(file.name)) {
+      // Classic fires the wrong-file event and CONTINUES (no early return) — preserved.
+      onEvent(field.submitAction, { file, type: 'wrong file' });
     }
     const objectUrl = (window.URL || window.webkitURL).createObjectURL(file);
     const img = new Image();
@@ -291,7 +291,7 @@ export const UploadField = ({
         {isImage
           ? <CapImage src={value} alt={imageProps.alt} style={imageProps.style} />
           : (
-            <div style={{ width: '100%', textAlign: 'center' }}>
+            <div className="fb-upload-placeholder">
               <span className="image-placeholder">{imageProps.placeholder}</span>
             </div>
           )}
@@ -312,9 +312,12 @@ export const UploadField = ({
         />
       )}
       <form encType="multipart/form-data" id={field.id}>
+        {/* Native file input on purpose — openFileDialog clicks it via #fileName;
+            CapInput wraps antd's text Input (affix wrapper + suffix), which cannot
+            host type="file". Hidden: the visible control is the CapButton below. */}
         <input
           key={field.id}
-          style={{ display: 'none' }}
+          className="fb-upload-file-input"
           id="fileName"
           type="file"
           onChange={onFileChange}
@@ -325,6 +328,8 @@ export const UploadField = ({
           type="link"
           prefix={<CapIcon size="s" type="add-photo" />}
           onClick={openFileDialog}
+          // color is state-dependent and must beat CapButton's own runtime styling —
+          // kept inline (Classic.js:3399 verbatim).
           style={{ float: 'right', color: `${field.disabled ? FONT_COLOR_04 : FONT_COLOR_05}` }}
         >
           {field.label}
@@ -428,6 +433,8 @@ export const createMpushRegistry = () => createFieldRegistry({
   [FIELD_TYPE.TEXTAREA]: MpushTextAreaField,
   [FIELD_TYPE.CHECKBOX]: MpushCheckboxField,
   [FIELD_TYPE.BUTTON]: ButtonField,
+  // TagListField mirrors Classic's SEMANTIC tag-list path (Classic.js:3730-3769):
+  // span = field.width || '', field.style applied — the CTA splices rely on it.
   [FIELD_TYPE.TAG_LIST]: TagListField,
   [FIELD_TYPE.RADIO_GROUP]: RadioGroupField,
   [FIELD_TYPE.SELECT]: SelectField,

package/v2Components/FormBuilder/Functional/tests/mpush.ctaFlows.parity.test.js

@@ -22,6 +22,7 @@
 import React from 'react';
 import '@testing-library/jest-dom';
 import _ from 'lodash';
+import { notification } from 'antd';
 import { Router } from 'react-router-dom';
 import { render, act, fireEvent } from '../../../../utils/test-utils';
 import history from '../../../../utils/history';
@@ -279,4 +280,34 @@ describe.each([
       expectSaveProceeds(r);
     });
   }
+
+  // Copy with EMPTY source fields must warn ("Cannot copy empty field values."):
+  // the container handler reads its own formData copy (Create/index.js:1456-1465),
+  // seeded by the builder's init onChange push (Classic.js:1906-1911 -> 740-748).
+  it('copy from Android with empty fields shows the cannot-copy warning', () => {
+    const warnSpy = jest.spyOn(notification, 'warning').mockImplementation(() => {});
+    try {
+      const props = buildProps();
+      const ui = (p) => (
+        <Router history={history}>
+          <Create {...p} />
+        </Router>
+      );
+      const utils = render(ui(props));
+      const meta = { layouts: [{ definition: fullDefinition() }], tags: { standard: [] } };
+      act(() => {
+        utils.rerender(ui({ ...props, metaEntities: meta }));
+      });
+      act(() => { fireEvent.click(document.querySelectorAll('.ant-tabs-tab')[1]); });
+      const copyLink = document.getElementById('copy-android-content2')
+        || document.getElementById('copy-android-content');
+      if (!copyLink) throw new Error('no copy-android-content link found');
+      act(() => { fireEvent.click(copyLink); });
+      expect(warnSpy).toHaveBeenCalledTimes(1);
+      expect(warnSpy.mock.calls[0][0].description).toBe('Cannot copy empty field values.');
+      utils.unmount();
+    } finally {
+      warnSpy.mockRestore();
+    }
+  });
 });

package/v2Components/FormBuilder/Functional/tests/mpush.shellEvents.test.js

@@ -145,7 +145,20 @@ describe('MPUSH shell event bridge', () => {
     const footer = document.querySelector('.ant-modal-footer');
     expect(footer).toBeTruthy();
     const [cancel] = footer.querySelectorAll('button');
+    expect(cancel.textContent).toBe('Cancel'); // Classic's footer labels (messages.cancel/yes)
     act(() => { fireEvent.click(cancel); });
     expect(props.handleCancelModal).toHaveBeenCalled();
   });
+
+  // Classic seeds the container's formData copy on init (initialiseForm ->
+  // resetTabKeys -> onChange, Classic.js:1906-1911, 740-748); the copy-content
+  // handlers read that copy before any user input.
+  it('emits the seeded legacy formData (onChange) on init', () => {
+    const props = buildProps(buildSchema(), { formData: {} });
+    mount(props);
+    expect(props.onChange).toHaveBeenCalled();
+    const [legacy] = props.onChange.mock.calls[0];
+    expect(legacy[0]).toEqual(expect.objectContaining({ 'message-title': '' }));
+    expect(legacy[1]).toEqual(expect.objectContaining({ 'message-title2': '' }));
+  });
 });

package/v2Components/FormBuilder/Functional/tests/mpushRenderers.test.js

@@ -9,6 +9,7 @@ import {
   SelectField, UploadField, MpushDivField, IconField, MobilePushPreviewField,
   createMpushRegistry,
 } from '../renderers/mpushRenderers';
+import { TagListField } from '../renderers/smsRenderers';
 import { ERROR_VALUE } from '../channels/mobilepush/config';
 import { isAiContentBotDisabled } from '../../../../utils/common';
 
@@ -300,6 +301,31 @@ describe('IconField', () => {
   });
 });
 
+describe('tag-list rendering (shared TagListField)', () => {
+  it('CLASSIC PARITY PIN: column takes field.width and field.style (semantic path, Classic.js:3730-3769)', () => {
+    // the container-spliced CTA tagLists position "Add label" via style
+    // (marginRight 24%/10%) — Classic's semantic tag-list case honors both.
+    const field = {
+      id: 'title-tagList',
+      label: 'Add label',
+      offset: 3,
+      style: { marginRight: '10%', display: 'flex', justifyContent: 'end', width: '100%' },
+    };
+    const el = TagListField({ field, onEvent: jest.fn(), renderContext: {} });
+    expect(el.props.span).toBe(''); // no width -> '' exactly like Classic
+    expect(el.props.offset).toBe(3);
+    expect(el.props.style).toEqual(field.style);
+    expect(el.props.children.props.label).toBe('Add label');
+  });
+
+  it('bridges onTagSelect through onEvent', () => {
+    const onEvent = jest.fn();
+    const el = TagListField({ field: { id: 'title-tagList' }, onEvent, renderContext: {} });
+    el.props.children.props.onTagSelect({ definition: { value: 'x' } });
+    expect(onEvent).toHaveBeenCalledWith('onTagSelect', { definition: { value: 'x' } });
+  });
+});
+
 describe('MobilePushPreviewField', () => {
   const field = {
     id: 'mobile-push-preview',

package/v2Components/FormBuilder/_formBuilder.scss

@@ -67,6 +67,14 @@
     margin: auto;
   }
 }
+// Functional MPUSH upload field (values identical to Classic's inline styles).
+.fb-upload-file-input {
+  display: none;
+}
+.fb-upload-placeholder {
+  width: 100%;
+  text-align: center;
+}
 .disabled {
   pointer-events: none;
   border-bottom: 1px solid #C2C2C2 !important;

package/v2Components/TestAndPreviewSlidebox/index.js

@@ -36,6 +36,7 @@ import {
   makeSelectMessageMetaConfigId,
   makeSelectPrefilledValues,
   makeSelectIsSendingTestMessage,
+  makeSelectIsSendingCcsTestMessage,
   makeSelectUpdatePreviewError,
   makeSelectUpdatePreviewErrors,
   makeSelectFetchPrefilledValuesError,
@@ -103,11 +104,17 @@ 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,
   isLoadingSenderDetails: PropTypes.bool,
   orgUnitId: PropTypes.number,
+  /** notify/ui only — see CommonTestAndPreview's handleSendTestMessage. */
+  ccsSendTransaction: PropTypes.shape({
+    commDefinitionId: PropTypes.string,
+    referenceId: PropTypes.string,
+  }),
 };
 
 TestAndPreviewSlidebox.defaultProps = {
@@ -125,6 +132,7 @@ TestAndPreviewSlidebox.defaultProps = {
   isLoadingSenderDetails: false,
   orgUnitId: -1,
   smsFallbackContent: null,
+  ccsSendTransaction: null,
 };
 
 const mapStateToProps = createStructuredSelector({
@@ -145,6 +153,7 @@ const mapStateToProps = createStructuredSelector({
   fetchPrefilledValuesError: makeSelectFetchPrefilledValuesError(),
   fetchPrefilledValuesErrors: makeSelectFetchPrefilledValuesErrors(),
   isSendingTestMessage: makeSelectIsSendingTestMessage(),
+  isSendingCcsTestMessage: makeSelectIsSendingCcsTestMessage(),
   senderDetailsByChannel: makeSelectSenderDetailsByChannel(),
   wecrmAccounts: makeSelectWeCrmAccounts(),
   isLoadingSenderDetails: makeSelectIsLoadingSenderDetails(),