@capillarytech/creatives-library 7.11.5 → 7.11.6

package/package.json

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