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

package/package.json

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

package/v2Components/CommonTestAndPreview/index.js

@@ -3813,7 +3813,7 @@ const CommonTestAndPreview = (props) => {
       header={slideboxHeader}
       handleClose={handleClose}
       show={show}
-      size="size-xl"
+      size="size-l"
       content={(
         <CapSpin
           spinning={isCustomerDataLoading}

package/v2Components/FormBuilder/Classic.js

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

package/v2Containers/CommunicationFlow/CommunicationFlow.scss

@@ -137,7 +137,7 @@
   }
 
   &__footer {
-    padding: $CAP_SPACE_16 0 $CAP_SPACE_08;
+    padding: 4.142rem 0 $CAP_SPACE_08;
   }
 }
 

package/v2Containers/CommunicationFlow/CommunicationFlowCard.js

@@ -208,7 +208,7 @@ const CommunicationFlowCard = ({
         <CapSlideBox
           show={showSlideBox}
           handleClose={handleClose}
-          size="size-xl"
+          size="size-l"
           header={(
             <CapHeader
               title={formatMessage(messages.addMessage)}

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

@@ -376,8 +376,11 @@ describe('handleSave — CCS flow', () => {
     renderWithFlow({
       features: {},
       config: ccsConfig,
+      // messageBody is the legacy editor's field name for the typed SMS text
+      // (see CreativesContainer/index.js's getCreativesData SMS case) — the
+      // SMS transform maps it to CCS's `message` field.
       initialData: {
-        contentItems: [{ channel: 'sms', templateData: { message: 'Hello' } }],
+        contentItems: [{ channel: 'sms', templateData: { messageBody: 'Hello' } }],
       },
       onSave,
     });
@@ -400,6 +403,59 @@ describe('handleSave — CCS flow', () => {
     expect(onSave).toHaveBeenCalledTimes(1);
   });
 
+  it('transforms SMS content from the legacy editor shape (messageBody) to CCS\'s message field', async () => {
+    const onSave = jest.fn();
+    renderWithFlow({
+      features: {},
+      config: ccsConfig,
+      initialData: {
+        contentItems: [{
+          channel: 'SMS',
+          templateData: { messageBody: 'Hello {{name}}', channel: 'SMS' },
+        }],
+      },
+      onSave,
+    });
+
+    await userEvent.click(screen.getByRole('button', { name: /^save$/i }));
+
+    await waitFor(() => expect(createCommDefinition).toHaveBeenCalledTimes(1));
+    expect(createCommDefinition).toHaveBeenCalledWith(
+      expect.objectContaining({
+        singleChannelStrategy: expect.objectContaining({
+          variant: expect.objectContaining({
+            channel: 'SMS',
+            smsMessageContent: {
+              channel: 'SMS',
+              message: 'Hello {{name}}',
+            },
+          }),
+        }),
+      }),
+    );
+  });
+
+  it('does not carry the legacy messageBody key into smsMessageContent (regression guard against reverting to pass-through)', async () => {
+    const onSave = jest.fn();
+    renderWithFlow({
+      features: {},
+      config: ccsConfig,
+      initialData: {
+        contentItems: [{
+          channel: 'SMS',
+          templateData: { messageBody: 'Hello {{name}}', channel: 'SMS' },
+        }],
+      },
+      onSave,
+    });
+
+    await userEvent.click(screen.getByRole('button', { name: /^save$/i }));
+
+    await waitFor(() => expect(createCommDefinition).toHaveBeenCalledTimes(1));
+    const payload = createCommDefinition.mock.calls[0][0];
+    expect(payload.singleChannelStrategy.variant.smsMessageContent).not.toHaveProperty('messageBody');
+  });
+
   it('transforms EMAIL content from the legacy editor shape (emailSubject) to CCS\'s messageSubject', async () => {
     const onSave = jest.fn();
     renderWithFlow({

package/v2Containers/CommunicationFlow/constants.js

@@ -78,6 +78,15 @@ export const CCS_CONTENT_TRANSFORMS = {
     messageSubject: templateData.emailSubject,
     messageBody: templateData.emailBody || templateData.emailHtml,
   }),
+  // SMS: legacy stores the typed text as `messageBody` (see
+  // CreativesContainer/index.js's getCreativesData SMS case, and the existing
+  // legacy smsMessageContent builder in utils/transformerUtils.js, both of
+  // which read/write this same field) — CCS's schema expects it as `message`
+  // (confirmed against a real CCS response showing smsMessageContent.message
+  // stayed null when messageBody was sent instead).
+  SMS: (templateData = {}) => ({
+    message: templateData.messageBody || '',
+  }),
   // WEBPUSH: the legacy editor nests the real data under
   // messageContent.content (see CommunicationFlowCard.js's own comment on
   // this same wrapping, for the edit-mode case) — extracting it flat here

package/v2Containers/CreativesContainer/index.js

@@ -2456,7 +2456,7 @@ export class Creatives extends React.Component {
           )}
           handleClose={this.handleCloseSlideBox}
           show={showSlideBox}
-          size="size-xl"
+          size="size-l"
         />
       </SlideBoxWrapper>
     );

package/v2Containers/MobilePush/Edit/index.js

@@ -1139,8 +1139,7 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
       this.props.globalActions.addMessageToQueue(message);
     } else {
       const name = data.file.name.split('.');
-      const blob = data.file.slice(0, -1, 'image');
-      const newFile = new File([blob], `${name[0]}${Date.now()}.${name[1]}`, {type: 'image'});
+      const newFile = new File([data.file], `${name[0]}${Date.now()}.${name[1]}`, {type: 'image'});
       this.props.actions.uploadAsset(newFile, data.type, data.fileParams);
     }
   };