@capillarytech/creatives-library 7.11.5 → 7.11.7

package/package.json

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

package/v2Components/TemplatePreview/_templatePreview.scss

@@ -43,6 +43,7 @@
     &.line-preview {
       margin-left: $CAP_SPACE_16;
       width: 40%;
+      left: 197px;
 
       .message-pop {
         width: 80%;

package/v2Components/TemplatePreview/index.js

@@ -447,7 +447,7 @@ export class TemplatePreview extends React.Component { // eslint-disable-line re
                     className="msg-container line-preview"
                 style={{
                   maxHeight: 330,
-                  overflow: 'scroll',
+                  overflow: 'auto',
                   flexDirection: 'column',
                   marginLeft: 40,
                 }}

package/v2Containers/CreativesContainer/index.js

@@ -462,12 +462,15 @@ export class Creatives extends React.Component {
           const type = (get(this.props, "messageDetails.type") || '').toLowerCase();
           if (type === LOYALTY) {
             templateData.licenseCode = get(mobilpushTemplate, 'definition.licenseCode');
+            templateData.templateId = get(mobilpushTemplate, '_id');
           }
           const androidContent = get(mobilpushTemplate, 'versions.base.ANDROID');
           if (!isEmpty(androidContent)) {
-            delete androidContent.cuid;
-            delete androidContent.luid;
-            delete androidContent.communicationId;
+            if (type !== LOYALTY) {
+              delete androidContent.cuid;
+              delete androidContent.luid;
+              delete androidContent.communicationId;
+            }
             const custom = {};
             forEach(androidContent.custom, (customKeyValue) => {
               custom[customKeyValue.key] = customKeyValue.value;
@@ -479,9 +482,11 @@ export class Creatives extends React.Component {
           }
           const iosContent = get(mobilpushTemplate, 'versions.base.IOS');
           if (!isEmpty(iosContent)) {
-            delete iosContent.cuid;
-            delete iosContent.luid;
-            delete iosContent.communicationId;
+            if (type !== LOYALTY) {
+              delete iosContent.cuid;
+              delete iosContent.luid;
+              delete iosContent.communicationId;
+            }
             const custom = {};
             forEach(iosContent.custom, (customKeyValue) => {
               custom[customKeyValue.key] = customKeyValue.value;

package/v2Containers/Whatsapp/index.js

@@ -438,30 +438,18 @@ export const Whatsapp = (props) => {
     setTemplateCategory(value);
   };
 
-  const onAddVar = (isAutoComplete) => {
-    let tempMessage = templateMessage;
-
-    //if autocomplete feature, first remove the trailing bracket and then add variable
-    if (isAutoComplete) {
-      tempMessage = tempMessage.slice(0, templateMessage.length - 1);
-    }
-    const validVarArr = tempMessage.match(validVarRegex) || [];
-    const tempMsg = `${tempMessage}{{${validVarArr.length + 1}}}`;
+  const onAddVar = () => {
+    const validVarArr = templateMessage.match(validVarRegex) || [];
+    const tempMsg = `${templateMessage}{{${validVarArr.length + 1}}}`;
     const error = templateMessageErrorHandler(tempMsg);
     setTemplateMessage(tempMsg);
     setTemplateMessageError(error);
   };
 
   const onTemplateMessageChange = ({ target: { value } }) => {
-    // autocomplete feature
-    if ( value.slice(-2) === '{{' ) {
-      onAddVar(true);
-    }
-    else {
-      const error = templateMessageErrorHandler(value);
-      setTemplateMessage(value);
-      setTemplateMessageError(error);
-    }
+    const error = templateMessageErrorHandler(value);
+    setTemplateMessage(value);
+    setTemplateMessageError(error);
   };
 
   const templateMessageErrorHandler = (value) => {