@capillarytech/creatives-library 7.17.40 → 7.17.42

package/package.json

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

package/v2Components/TemplatePreview/_templatePreview.scss

@@ -510,11 +510,11 @@
 
 .zalo-preview-container-creative {
   position: fixed;
-  padding-left: 72px;
-  padding-right: 110px;
+  padding-left: 4.5rem;
+  padding-right: 6.875rem;
 }
 
 .zalo-preview-container-campaign {
   padding-left: 0px;
-  padding-right: 73px;
+  padding-right: 4.563rem;
 }

package/v2Containers/CreativesContainer/constants.js

@@ -19,6 +19,8 @@ export const VIBER = "VIBER";
 export const WHATSAPP = "WHATSAPP";
 export const RCS = "RCS";
 export const ZALO = "ZALO";
+export const PREVIEW = "preview";
+export const EDIT_TEMPLATE = "editTemplate";
 
 export const SHOW_CONTANER_LOADER = "app/CreativesContainer/SHOW_CONTANER_LOADER";
 export const HIDE_CONTAINER_LOADER = "app/CreativesContainer/HIDE_CONTAINER_LOADER";

package/v2Containers/CreativesContainer/index.js

@@ -97,7 +97,7 @@ export class Creatives extends React.Component {
   }
 
   onSelectTemplate = (template, fbAdManager) => {
-    const data = {slidBoxContent: 'editTemplate', templateData: template};
+    const data = {slidBoxContent: constants.EDIT_TEMPLATE, templateData: template};
     if (fbAdManager) {
       data.fbAdManager = fbAdManager;
     }
@@ -116,7 +116,7 @@ export class Creatives extends React.Component {
       const usersList = commonUtil.getMergedUserList(this.props.templateUserList);
       const userId = parseInt(template.updatedBy, 10);
       templateData.updatedByName = commonUtil.getUserNameById(userId, usersList );
-      this.setState({ slidBoxContent: 'preview', templateData });
+      this.setState({ slidBoxContent: constants.PREVIEW, templateData });
     } else {
       const {
         name = "",
@@ -813,7 +813,9 @@ export class Creatives extends React.Component {
           templateData = {
             ...template.value,
           };
-          templateData?.type && delete templateData.type;
+          if (templateData?.type) {
+            delete templateData.type;
+          }
         }
       }
         break;

package/v2Containers/Zalo/index.js

@@ -40,7 +40,7 @@ import {
   WARNING_ALERT,
   ZALO_STATUSES,
 } from './constants';
-import { ZALO } from '../CreativesContainer/constants';
+import { SMS, ZALO } from '../CreativesContainer/constants';
 import messages from './messages';
 import globalMessages from '../Cap/messages';
 import withCreatives from '../../hoc/withCreatives';
@@ -125,10 +125,8 @@ export const Zalo = (props) => {
 
   const handleSetValues = (paramsData = []) =>
     paramsData.map((paramData) => {
-      // eslint-disable-next-line no-restricted-syntax
       for (const key in varMapped) {
         if (paramData?.name === key) {
-          // eslint-disable-next-line no-param-reassign
           paramData.value = varMapped[key];
         }
       }
@@ -183,7 +181,7 @@ export const Zalo = (props) => {
     const { type, module } = location?.query || {};
     const isEmbedded = type === EMBEDDED;
     const query = {
-      layout: 'SMS',
+      layout: SMS,
       type: TAG,
       context: isEmbedded ? module : DEFAULT,
       embedded: isEmbedded ? type : FULL,
@@ -198,7 +196,7 @@ export const Zalo = (props) => {
     const { type } = location?.query || {};
     const isEmbedded = type === EMBEDDED;
     const query = {
-      layout: 'SMS',
+      layout: SMS,
       type: TAG,
       context:
         (data || '').toLowerCase() === ALL
@@ -454,7 +452,6 @@ export const Zalo = (props) => {
               <CapButton
                 onClick={saveToMessage}
                 disabled={isEditDoneDisabled()}
-                className="whatsapp-create-btn"
               >
                 <FormattedMessage {...globalMessages.done} />
               </CapButton>