@capillarytech/creatives-library 8.0.260-alpha.0 → 8.0.260-alpha.1

package/package.json

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

package/utils/common.js

@@ -22,6 +22,7 @@ import {
   BADGES_ISSUE,
   ENABLE_WECHAT,
   ENABLE_WEBPUSH,
+  LIQUID_SUPPORT,
   ENABLE_NEW_MPUSH
 } from '../constants/unified';
 import { apiMessageFormatHandler } from './commonUtils';
@@ -90,6 +91,12 @@ export const hasPromoFeature = Auth.hasFeatureAccess.bind(
   PROMO_ENGINE,
 );
 
+export const hasLiquidSupportFeature = Auth.hasFeatureAccess.bind(
+  null,
+  LIQUID_SUPPORT,
+);
+
+
 export const hasGiftVoucherFeature = Auth.hasFeatureAccess.bind(
   null,
   GIFT_CARDS,

package/v2Components/FormBuilder/index.js

@@ -60,7 +60,7 @@ import { GET_TRANSLATION_MAPPED } from '../../constants/unified';
 import moment from 'moment';
 import { CUSTOMER_BARCODE_TAG , COPY_OF, ENTRY_TRIGGER_TAG_REGEX, SKIP_TAGS_REGEX_GROUPS} from '../../constants/unified';
 import { REQUEST } from '../../v2Containers/Cap/constants'
-import { isEmailUnsubscribeTagMandatory } from '../../utils/common';
+import { hasLiquidSupportFeature, isEmailUnsubscribeTagMandatory } from '../../utils/common';
 import { isUrl } from '../../v2Containers/Line/Container/Wrapper/utils';
 import { bindActionCreators } from 'redux';
 import { getChannelData, validateLiquidTemplateContent, validateMobilePushContent } from '../../utils/commonUtils';
@@ -331,7 +331,7 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
   }
 
   isLiquidFlowSupported = () => {
-    return Boolean(LIQUID_SUPPORTED_CHANNELS.includes(this.props?.schema?.channel?.toUpperCase()));
+    return Boolean(LIQUID_SUPPORTED_CHANNELS.includes(this.props?.schema?.channel?.toUpperCase()) && hasLiquidSupportFeature());
   }
 
   componentWillMount() {
@@ -3971,7 +3971,7 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
                 <CapColumn
                   style={val.colStyle ? val.colStyle : {border : ""}}
                   span={val.width}
-                  className={`${(this.state.liquidErrorMessage?.LIQUID_ERROR_MSG?.length || this.state.liquidErrorMessage?.STANDARD_ERROR_MSG?.length) && this.liquidFlow() ? "error-boundary" : ""}  `}
+                  className={`${(this.state.liquidErrorMessage?.LIQUID_ERROR_MSG?.length || this.state.liquidErrorMessage?.STANDARD_ERROR_MSG?.length) && this.liquidFlow() && "error-boundary"}  `}
                 >
                   <CKEditor
                     id={val.id}
@@ -4015,7 +4015,7 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
               isModuleFilterEnabled = this.props.isFullMode;
             }
             columns.push(
-              <CapColumn style={val.colStyle ? val.colStyle : {}} span={val.width} className={`${(this.state.liquidErrorMessage?.LIQUID_ERROR_MSG?.length || this.state.liquidErrorMessage?.STANDARD_ERROR_MSG?.length) && this.liquidFlow() ? "error-boundary" : ""}`}>
+              <CapColumn style={val.colStyle ? val.colStyle : {}} span={val.width} className={`${(this.state.liquidErrorMessage?.LIQUID_ERROR_MSG?.length || this.state.liquidErrorMessage?.STANDARD_ERROR_MSG?.length) && this.liquidFlow() && "error-boundary"}`}>
                 <BeeEditor
                   uid={uuid}
                   tokenData={beeToken}

package/v2Containers/CreativesContainer/index.js

@@ -109,6 +109,7 @@ export class Creatives extends React.Component {
       // Performance optimization: Local template name for immediate UI feedback
       localTemplateName: '',
     };
+    this.liquidFlow = Boolean(commonUtil.hasLiquidSupportFeature());
     this.creativesTemplateSteps = {
       1: 'modeSelection',
       2: 'templateSelection', // only for email in current flows wil be used for mpush, line and wechat as well.

package/v2Containers/Email/index.js

@@ -26,7 +26,7 @@ import * as globalActions from '../Cap/actions';
 import './_email.scss';
 import {getMessageObject} from '../../utils/messageUtils';
 import EmailPreview from '../../v2Components/EmailPreview';
-import { getDecodedFileName } from '../../utils/common';
+import { getDecodedFileName ,hasLiquidSupportFeature} from '../../utils/common';
 import Pagination from '../../v2Components/Pagination';
 import * as creativesContainerActions from '../CreativesContainer/actions';
 import withCreatives from '../../hoc/withCreatives';
@@ -62,6 +62,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
       isEdit: false,
       schema: {},
       loading: false,
+      isFormValid: true,
       injectedTags: {},
       checkValidation: false,
       saveEdmDataMode: 'save',
@@ -167,6 +168,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
         deleteLanguage: this.deleteLanguage,
       },
     };
+    this.liquidFlow =  hasLiquidSupportFeature();
   }
   componentWillMount() {
     const formData = this.initFormData(this.props, true); //_.cloneDeep(this.state.formData);
@@ -228,6 +230,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
       layout: 'EMAIL',
       type: 'LAYOUT',
       version: 'v2',
+      liquidFlow:this.liquidFlow,
     };
     this.props.globalActions.fetchSchemaForEntity(query);
     window.addEventListener("message", this.handleFrameTasks);
@@ -271,6 +274,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
           type: 'TAG',
           context: this.props.location.query.type === 'embedded' ? this.props.location.query.module : 'default',
           embedded: this.props.location.query.type === 'embedded' ? this.props.location.query.type : 'full',
+          liquidFlow:this.liquidFlow
         };
         if (this.props.getDefaultTags) {
           query.context = this.props.getDefaultTags;
@@ -885,7 +889,9 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
     return '';
   }
 
-  setFormValidity = () => {}
+  setFormValidity = (isFormValid) => {
+    this.setState({isFormValid});
+  }
 
   setEditData(editData) {
     const isBEESupport = (this.props.location.query.isBEESupport !== "false") || false;
@@ -1112,6 +1118,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
       isEdit: false,
       schema: {},
       loading: false,
+      isFormValid: true,
       injectedTags: {},
       checkValidation: false,
       tabKey: '',
@@ -2120,6 +2127,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
       type: 'TAG',
       context: (data || '').toLowerCase() === 'all' ? 'default' : (data || '').toLowerCase(),
       embedded: 'full',
+      liquidFlow:this.liquidFlow
     };
     this.props.globalActions.fetchSchemaForEntity(query);
   }
@@ -2452,14 +2460,14 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
   }
 
   saveFormData = (passedData) => {
+    //saveFormData gets called only when validation result is true
     if (this.state.gettingFormData && !this.props.isFullMode) {
       const response = {
         action: "getFormData",
         postAction: this.state.getFormDataValue || 'next',
         id: _.get(this.props, 'Email.templateDetails._id', ''),
         value: this.transformFormData(passedData),
-        //saveFormData gets called only when validation result is true
-        validity: true,
+        validity: this.state.isFormValid,
         type: 'EMAIL',
       };
 

package/v2Containers/InApp/index.js

@@ -59,6 +59,7 @@ import { getCdnUrl } from "../../utils/cdnTransformation";
 import { getCtaObject, hasAnyErrors, getSingleTab } from "./utils";
 import { validateInAppContent } from "../../utils/commonUtils";
 import ErrorInfoNote from "../../v2Components/ErrorInfoNote";
+import { hasLiquidSupportFeature } from "../../utils/common";
 import formBuilderMessages from "../../v2Components/FormBuilder/messages";
 
 let editContent = {};
@@ -875,7 +876,7 @@ export const InApp = (props) => {
     });
   };
 
-  const isLiquidFlow = true;
+  const isLiquidFlow = hasLiquidSupportFeature();
   return (
     <CapSpin spinning={spin || fetchingLiquidValidation} tip={fetchingLiquidValidation ? <FormattedMessage {...formBuilderMessages.liquidSpinText} /> : ""}>
       <CapRow className="cap-inapp-creatives">

package/v2Containers/InApp/tests/index.test.js

@@ -6,7 +6,7 @@ import { configureStore }  from '@capillarytech/vulcan-react-sdk/utils';
 import history from '../../../utils/history';
 import { initialReducer } from '../../../initialReducer';
 import { InApp } from '../index';
-import { render, screen, fireEvent, within, waitFor } from '../../../utils/test-utils';
+import { render, screen, fireEvent, within } from '../../../utils/test-utils';
 import {
   editData,
   accountData,
@@ -16,19 +16,15 @@ import {
 } from './mockData';
 import { metaEntities, getDefaultTags, injectedTags } from '../../Zalo/tests/mockData';
 import { getCtaObject } from '../utils';
-import * as commonUtils from '../../../utils/commonUtils';
 
 const mockActions = {
   getTemplateInfoById: jest.fn(),
   resetEditTemplate: jest.fn(),
-  getTemplateDetails: jest.fn((id, setSpin) => setSpin(false)),
+  getTemplateDetails: jest.fn(),
   editTemplate: jest.fn(),
 };
 const mockGlobalActions = {
   fetchSchemaForEntity: jest.fn(),
-  getLiquidTags: jest.fn((content, callback) =>
-    callback({ askAiraResponse: { data: [], errors: [] }, isError: false }),
-  ),
 };
 
 jest.mock('../../../v2Containers/TagList/index.js', () => ({
@@ -54,17 +50,7 @@ const renderComponent = (props) =>
   );
 
 describe('Test activity inApp container', () => {
-  afterEach(() => {
-    jest.restoreAllMocks();
-  });
-
   it('test case for inApp template update flow', async () => {
-    jest
-      .spyOn(commonUtils, 'validateInAppContent')
-      .mockImplementation((payload, options) => {
-        options.onSuccess();
-        return Promise.resolve(true);
-      });
     renderComponent({
       actions: mockActions,
       globalActions: mockGlobalActions,
@@ -83,32 +69,23 @@ describe('Test activity inApp container', () => {
       name: /ios/i,
     });
     fireEvent.click(within(iosTab).getByText(/ios/i));
-    const titleInput = await screen.findAllByPlaceholderText(
-      'Please input message title name',
-    );
-    fireEvent.change(titleInput[1], { target: { value: 'Hello title ios' } });
-    const msgBoxes = screen.getAllByPlaceholderText(/Please input in-app notification message content/i);
-    fireEvent.change(msgBoxes[1], { target: { value: 'val ios' }});
-
     const androidTab = screen.getByRole('tab', {
       name: /android/i,
     });
     fireEvent.click(within(androidTab).getByText(/android/i));
-    fireEvent.change(titleInput[0], { target: { value: 'Hello title' } });
     const inputNameBox = await screen.findAllByPlaceholderText(
       'Enter template name',
     );
     fireEvent.change(inputNameBox[0], { target: { value: 'Hello, welcome' } });
-    msgBoxes[0].focus();
-    fireEvent.change(msgBoxes[0], { target: { value: 'val' }});
+    const msgBox = screen.getAllByPlaceholderText(/Please input in-app notification message content/i);
+    msgBox[0].focus();
+    fireEvent.change(msgBox[0], { target: { value: 'val' }});
     const updateBtn = screen.getByRole('button', {
       name: /update/i,
     });
     expect(updateBtn).toBeEnabled();
     fireEvent.click(updateBtn);
-    await waitFor(() => {
-      expect(mockActions.editTemplate).toHaveBeenCalled();
-    });
+    expect(mockActions.editTemplate).toHaveBeenCalled();
   });
   it('test case for inApp template configuration', async () => {
     renderComponent({

package/v2Containers/MobilePushNew/index.js

@@ -77,6 +77,7 @@ import { getContent } from "../MobilePush/commonMethods";
 import { getMessageObject } from "../../utils/messageUtils";
 import { gtmPush } from "../../utils/gtmTrackers";
 import mobilePushReducer from "./reducer";
+import { hasLiquidSupportFeature } from "../../utils/common";
 import formBuilderMessages from "../../v2Components/FormBuilder/messages";
 import { validateMobilePushContent } from "../../utils/commonUtils";
 import { getSingleTab } from "../InApp/utils";
@@ -2606,7 +2607,7 @@ const MobilePushNew = ({
       messages: formBuilderMessages,
       tagLookupMap: metaEntities?.tagLookupMap || {},
       eventContextTags: metaEntities?.eventContextTags || [],
-      isLiquidFlow: true,
+      isLiquidFlow: hasLiquidSupportFeature(),
       forwardedTags: {},
       skipTags: (tag) => {
         const skipRegexes = [
@@ -2630,7 +2631,7 @@ const MobilePushNew = ({
     accountData,
   ]);
 
-  const isLiquidFlow = true;
+  const isLiquidFlow = hasLiquidSupportFeature();
 
   useEffect(() => {
     // Always map to { label } for both platforms

package/v2Containers/SmsTrai/Edit/index.js

@@ -55,6 +55,7 @@ import v2EditSmsReducer from '../../Sms/Edit/reducer';
 import { v2SmsEditSagas } from '../../Sms/Edit/sagas';
 import ErrorInfoNote from '../../../v2Components/ErrorInfoNote';
 import { validateLiquidTemplateContent } from '../../../utils/commonUtils';
+import { hasLiquidSupportFeature } from '../../../utils/common';
 import { ANDROID } from '../../../v2Components/CommonTestAndPreview/constants';
 
 let varMap = {};
@@ -590,7 +591,7 @@ export const SmsTraiEdit = (props) => {
     setShowTestAndPreviewSlidebox(false);
   };
 
-  const isLiquidSupportFeatureEnabled = true;
+  const isLiquidSupportFeatureEnabled = hasLiquidSupportFeature();
   return (
     <>
       <CapSpin spinning={loading || fetchingLiquidTags} tip={fetchingLiquidTags && formatMessage(formBuilderMessages.liquidSpinText)}>

package/v2Containers/SmsTrai/Edit/tests/__snapshots__/index.test.js.snap

@@ -3007,8 +3007,130 @@ FREE GIFTS-
             "template_name": "CAP71871_4",
             "type": "Service-Explicit",
             "unicode-validity": false,
+            "updated-sms-editor": Array [
+              "LATEST FASHION@VISHAL
+",
+              "{#var#}",
+              "
+
+BUY1GET1-
+",
+              "{#var#}",
+              "
+",
+              "{#var#}",
+              "
+",
+              "{#var#}",
+              "
+
+FREE GIFTS-
+",
+              "{#var#}",
+              "
+",
+              "{#var#}",
+            ],
+            "var-mapped": Object {
+              "{#var#}_1": Object {
+                "count": 1,
+                "data": "",
+              },
+              "{#var#}_11": Object {
+                "count": 1,
+                "data": "",
+              },
+              "{#var#}_3": Object {
+                "count": 1,
+                "data": "",
+              },
+              "{#var#}_5": Object {
+                "count": 1,
+                "data": "",
+              },
+              "{#var#}_7": Object {
+                "count": 1,
+                "data": "",
+              },
+              "{#var#}_9": Object {
+                "count": 1,
+                "data": "",
+              },
+            },
           },
-          "history": Array [],
+          "history": Array [
+            Object {
+              "category": "--",
+              "consent-type": "Explicit",
+              "header": "VISHMM",
+              "sms-editor": "LATEST FASHION@VISHAL
+{#var#}
+
+BUY1GET1-
+{#var#}
+{#var#}
+{#var#}
+
+FREE GIFTS-
+{#var#}
+{#var#}",
+              "tabKey": 1,
+              "template_id": "'1107160207324585172'",
+              "template_name": "CAP71871_4",
+              "type": "Service-Explicit",
+              "unicode-validity": false,
+              "updated-sms-editor": Array [
+                "LATEST FASHION@VISHAL
+",
+                "{#var#}",
+                "
+
+BUY1GET1-
+",
+                "{#var#}",
+                "
+",
+                "{#var#}",
+                "
+",
+                "{#var#}",
+                "
+
+FREE GIFTS-
+",
+                "{#var#}",
+                "
+",
+                "{#var#}",
+              ],
+              "var-mapped": Object {
+                "{#var#}_1": Object {
+                  "count": 1,
+                  "data": "",
+                },
+                "{#var#}_11": Object {
+                  "count": 1,
+                  "data": "",
+                },
+                "{#var#}_3": Object {
+                  "count": 1,
+                  "data": "",
+                },
+                "{#var#}_5": Object {
+                  "count": 1,
+                  "data": "",
+                },
+                "{#var#}_7": Object {
+                  "count": 1,
+                  "data": "",
+                },
+                "{#var#}_9": Object {
+                  "count": 1,
+                  "data": "",
+                },
+              },
+            },
+          ],
         },
       }
     }
@@ -5920,7 +6042,6 @@ FREE GIFTS-
                 </CapButton>
                 <CapButton
                   className="create-msg create-dlt-msg"
-                  disabled={true}
                   isAddBtn={false}
                   onClick={[Function]}
                   type="primary"
@@ -5928,7 +6049,6 @@ FREE GIFTS-
                   <Button
                     block={false}
                     className="cap-button-v2 create-msg create-dlt-msg"
-                    disabled={true}
                     ghost={false}
                     htmlType="button"
                     loading={false}
@@ -5938,7 +6058,6 @@ FREE GIFTS-
                     <Wave>
                       <button
                         className="ant-btn cap-button-v2 create-msg create-dlt-msg ant-btn-primary"
-                        disabled={true}
                         onClick={[Function]}
                         type="button"
                       >
@@ -16743,7 +16862,6 @@ FREE GIFTS-
                 </CapButton>
                 <CapButton
                   className="create-msg create-dlt-msg"
-                  disabled={true}
                   isAddBtn={false}
                   onClick={[Function]}
                   type="primary"
@@ -16751,7 +16869,6 @@ FREE GIFTS-
                   <Button
                     block={false}
                     className="cap-button-v2 create-msg create-dlt-msg"
-                    disabled={true}
                     ghost={false}
                     htmlType="button"
                     loading={false}
@@ -16761,7 +16878,6 @@ FREE GIFTS-
                     <Wave>
                       <button
                         className="ant-btn cap-button-v2 create-msg create-dlt-msg ant-btn-primary"
-                        disabled={true}
                         onClick={[Function]}
                         type="button"
                       >
@@ -27538,7 +27654,6 @@ FREE GIFTS-
                 </CapButton>
                 <CapButton
                   className="create-msg create-dlt-msg"
-                  disabled={true}
                   isAddBtn={false}
                   onClick={[Function]}
                   type="primary"
@@ -27546,7 +27661,6 @@ FREE GIFTS-
                   <Button
                     block={false}
                     className="cap-button-v2 create-msg create-dlt-msg"
-                    disabled={true}
                     ghost={false}
                     htmlType="button"
                     loading={false}
@@ -27556,7 +27670,6 @@ FREE GIFTS-
                     <Wave>
                       <button
                         className="ant-btn cap-button-v2 create-msg create-dlt-msg ant-btn-primary"
-                        disabled={true}
                         onClick={[Function]}
                         type="button"
                       >
@@ -34839,7 +34952,176 @@ new message content.",
     actions={
       Object {
         "clearEditResponse": [MockFunction],
-        "editTemplate": [MockFunction],
+        "editTemplate": [MockFunction] {
+          "calls": Array [
+            Array [
+              Object {
+                "_id": "6125eec5feae248f88e6a634",
+                "createdAt": "2021-08-25T07:25:12.559Z",
+                "createdBy": "15000449",
+                "isActive": true,
+                "name": "CAP71871_4",
+                "orgId": 50146,
+                "type": "SMS",
+                "updatedAt": "2021-08-30T05:54:59.951Z",
+                "updatedBy": "15000449",
+                "versions": Object {
+                  "base": Object {
+                    "category": "--",
+                    "consent-type": "Explicit",
+                    "header": "VISHMM",
+                    "sms-editor": "LATEST FASHION@VISHAL
+{#var#}
+
+BUY1GET1-
+{#var#}
+{#var#}
+{#var#}
+
+FREE GIFTS-
+{#var#}
+{#var#}",
+                    "tabKey": 1,
+                    "template_id": "'1107160207324585172'",
+                    "template_name": "CAP71871_4",
+                    "type": "Service-Explicit",
+                    "unicode-validity": false,
+                    "updated-sms-editor": Array [
+                      "LATEST FASHION@VISHAL
+",
+                      "{#var#}",
+                      "
+
+BUY1GET1-
+",
+                      "{#var#}",
+                      "
+",
+                      "{#var#}",
+                      "
+",
+                      "{#var#}",
+                      "
+
+FREE GIFTS-
+",
+                      "{#var#}",
+                      "
+",
+                      "{#var#}",
+                    ],
+                    "var-mapped": Object {
+                      "{#var#}_1": Object {
+                        "count": 1,
+                        "data": "",
+                      },
+                      "{#var#}_11": Object {
+                        "count": 1,
+                        "data": "",
+                      },
+                      "{#var#}_3": Object {
+                        "count": 1,
+                        "data": "",
+                      },
+                      "{#var#}_5": Object {
+                        "count": 1,
+                        "data": "",
+                      },
+                      "{#var#}_7": Object {
+                        "count": 1,
+                        "data": "",
+                      },
+                      "{#var#}_9": Object {
+                        "count": 1,
+                        "data": "",
+                      },
+                    },
+                  },
+                  "history": Array [
+                    Object {
+                      "category": "--",
+                      "consent-type": "Explicit",
+                      "header": "VISHMM",
+                      "sms-editor": "LATEST FASHION@VISHAL
+{#var#}
+
+BUY1GET1-
+{#var#}
+{#var#}
+{#var#}
+
+FREE GIFTS-
+{#var#}
+{#var#}",
+                      "tabKey": 1,
+                      "template_id": "'1107160207324585172'",
+                      "template_name": "CAP71871_4",
+                      "type": "Service-Explicit",
+                      "unicode-validity": false,
+                      "updated-sms-editor": Array [
+                        "LATEST FASHION@VISHAL
+",
+                        "{#var#}",
+                        "
+
+BUY1GET1-
+",
+                        "{#var#}",
+                        "
+",
+                        "{#var#}",
+                        "
+",
+                        "{#var#}",
+                        "
+
+FREE GIFTS-
+",
+                        "{#var#}",
+                        "
+",
+                        "{#var#}",
+                      ],
+                      "var-mapped": Object {
+                        "{#var#}_1": Object {
+                          "count": 1,
+                          "data": "",
+                        },
+                        "{#var#}_11": Object {
+                          "count": 1,
+                          "data": "",
+                        },
+                        "{#var#}_3": Object {
+                          "count": 1,
+                          "data": "",
+                        },
+                        "{#var#}_5": Object {
+                          "count": 1,
+                          "data": "",
+                        },
+                        "{#var#}_7": Object {
+                          "count": 1,
+                          "data": "",
+                        },
+                        "{#var#}_9": Object {
+                          "count": 1,
+                          "data": "",
+                        },
+                      },
+                    },
+                  ],
+                },
+              },
+              [Function],
+            ],
+          ],
+          "results": Array [
+            Object {
+              "type": "return",
+              "value": undefined,
+            },
+          ],
+        },
         "getTemplateDetails": [MockFunction] {
           "calls": Array [
             Array [
@@ -35256,18 +35538,6 @@ new message content.",
                 "id": "app.v2Components.TestAndPreviewSlidebox.senderId",
               },
             ],
-            Array [
-              Object {
-                "defaultMessage": "Email body cannot be empty",
-                "id": "creatives.componentsV2.FormBuilder.emailBodyEmptyError",
-              },
-            ],
-            Array [
-              Object {
-                "defaultMessage": "Something went wrong while validating content, please try again later",
-                "id": "creatives.componentsV2.FormBuilder.somethingWentWrong",
-              },
-            ],
           ],
           "results": Array [
             Object {
@@ -35470,14 +35740,6 @@ new message content.",
               "type": "return",
               "value": undefined,
             },
-            Object {
-              "type": "return",
-              "value": undefined,
-            },
-            Object {
-              "type": "return",
-              "value": undefined,
-            },
           ],
         },
       }
@@ -35530,8 +35792,130 @@ FREE GIFTS-
             "template_name": "CAP71871_4",
             "type": "Service-Explicit",
             "unicode-validity": false,
+            "updated-sms-editor": Array [
+              "LATEST FASHION@VISHAL
+",
+              "{#var#}",
+              "
+
+BUY1GET1-
+",
+              "{#var#}",
+              "
+",
+              "{#var#}",
+              "
+",
+              "{#var#}",
+              "
+
+FREE GIFTS-
+",
+              "{#var#}",
+              "
+",
+              "{#var#}",
+            ],
+            "var-mapped": Object {
+              "{#var#}_1": Object {
+                "count": 1,
+                "data": "",
+              },
+              "{#var#}_11": Object {
+                "count": 1,
+                "data": "",
+              },
+              "{#var#}_3": Object {
+                "count": 1,
+                "data": "",
+              },
+              "{#var#}_5": Object {
+                "count": 1,
+                "data": "",
+              },
+              "{#var#}_7": Object {
+                "count": 1,
+                "data": "",
+              },
+              "{#var#}_9": Object {
+                "count": 1,
+                "data": "",
+              },
+            },
           },
-          "history": Array [],
+          "history": Array [
+            Object {
+              "category": "--",
+              "consent-type": "Explicit",
+              "header": "VISHMM",
+              "sms-editor": "LATEST FASHION@VISHAL
+{#var#}
+
+BUY1GET1-
+{#var#}
+{#var#}
+{#var#}
+
+FREE GIFTS-
+{#var#}
+{#var#}",
+              "tabKey": 1,
+              "template_id": "'1107160207324585172'",
+              "template_name": "CAP71871_4",
+              "type": "Service-Explicit",
+              "unicode-validity": false,
+              "updated-sms-editor": Array [
+                "LATEST FASHION@VISHAL
+",
+                "{#var#}",
+                "
+
+BUY1GET1-
+",
+                "{#var#}",
+                "
+",
+                "{#var#}",
+                "
+",
+                "{#var#}",
+                "
+
+FREE GIFTS-
+",
+                "{#var#}",
+                "
+",
+                "{#var#}",
+              ],
+              "var-mapped": Object {
+                "{#var#}_1": Object {
+                  "count": 1,
+                  "data": "",
+                },
+                "{#var#}_11": Object {
+                  "count": 1,
+                  "data": "",
+                },
+                "{#var#}_3": Object {
+                  "count": 1,
+                  "data": "",
+                },
+                "{#var#}_5": Object {
+                  "count": 1,
+                  "data": "",
+                },
+                "{#var#}_7": Object {
+                  "count": 1,
+                  "data": "",
+                },
+                "{#var#}_9": Object {
+                  "count": 1,
+                  "data": "",
+                },
+              },
+            },
+          ],
         },
       }
     }
@@ -37306,18 +37690,6 @@ FREE GIFTS-
                                     "id": "app.v2Components.TestAndPreviewSlidebox.senderId",
                                   },
                                 ],
-                                Array [
-                                  Object {
-                                    "defaultMessage": "Email body cannot be empty",
-                                    "id": "creatives.componentsV2.FormBuilder.emailBodyEmptyError",
-                                  },
-                                ],
-                                Array [
-                                  Object {
-                                    "defaultMessage": "Something went wrong while validating content, please try again later",
-                                    "id": "creatives.componentsV2.FormBuilder.somethingWentWrong",
-                                  },
-                                ],
                               ],
                               "results": Array [
                                 Object {
@@ -37520,14 +37892,6 @@ FREE GIFTS-
                                   "type": "return",
                                   "value": undefined,
                                 },
-                                Object {
-                                  "type": "return",
-                                  "value": undefined,
-                                },
-                                Object {
-                                  "type": "return",
-                                  "value": undefined,
-                                },
                               ],
                             }
                           }
@@ -37951,18 +38315,6 @@ FREE GIFTS-
                                                   "id": "app.v2Components.TestAndPreviewSlidebox.senderId",
                                                 },
                                               ],
-                                              Array [
-                                                Object {
-                                                  "defaultMessage": "Email body cannot be empty",
-                                                  "id": "creatives.componentsV2.FormBuilder.emailBodyEmptyError",
-                                                },
-                                              ],
-                                              Array [
-                                                Object {
-                                                  "defaultMessage": "Something went wrong while validating content, please try again later",
-                                                  "id": "creatives.componentsV2.FormBuilder.somethingWentWrong",
-                                                },
-                                              ],
                                             ],
                                             "results": Array [
                                               Object {
@@ -38165,14 +38517,6 @@ FREE GIFTS-
                                                 "type": "return",
                                                 "value": undefined,
                                               },
-                                              Object {
-                                                "type": "return",
-                                                "value": undefined,
-                                              },
-                                              Object {
-                                                "type": "return",
-                                                "value": undefined,
-                                              },
                                             ],
                                           }
                                         }
@@ -38483,7 +38827,6 @@ FREE GIFTS-
                 </CapButton>
                 <CapButton
                   className="create-msg create-dlt-msg"
-                  disabled={true}
                   isAddBtn={false}
                   onClick={[Function]}
                   type="primary"
@@ -38491,7 +38834,6 @@ FREE GIFTS-
                   <Button
                     block={false}
                     className="cap-button-v2 create-msg create-dlt-msg"
-                    disabled={true}
                     ghost={false}
                     htmlType="button"
                     loading={false}
@@ -38501,7 +38843,6 @@ FREE GIFTS-
                     <Wave>
                       <button
                         className="ant-btn cap-button-v2 create-msg create-dlt-msg ant-btn-primary"
-                        disabled={true}
                         onClick={[Function]}
                         type="button"
                       >