@capillarytech/creatives-library 7.17.41 → 7.17.42

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@capillarytech/creatives-library",
   "author": "meharaj",
-  "version": "7.17.41",
+  "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 = "",

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';
@@ -181,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,
@@ -196,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