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

package/package.json

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

package/v2Containers/SmsTrai/Edit/index.js

@@ -1,6 +1,6 @@
 /* eslint-disable no-restricted-syntax */
 /* eslint-disable no-undef */
-import React, { useState, useEffect, useRef } from 'react';
+import React, { useState, useEffect } from 'react';
 import { createStructuredSelector } from 'reselect';
 import { bindActionCreators } from 'redux';
 import { FormattedMessage } from 'react-intl';
@@ -100,18 +100,18 @@ export const SmsTraiEdit = (props) => {
   /** After user closes the validation panel, keep it hidden until Save is clicked again (even if ErrorInfoNote remounts). */
   const [liquidErrorPanelDismissed, setLiquidErrorPanelDismissed] = useState(false);
   const [showTestAndPreviewSlidebox, setShowTestAndPreviewSlidebox] = useState(false);
-  const routeTemplateId = (params && params.id) || '';
-  const traitSource = isFullMode ? templateDetails : templateData;
-  const smsEditorSource = get(traitSource, 'versions.base.sms-editor', '') || '';
-  const baseTemplateId = get(traitSource, 'versions.base.template_id', '') || '';
-  /** Avoid reparsing props into tempMsgArray when only object identity changes (fixes cleared text snapping back). */
-  const lastHydratedSignatureRef = useRef(null);
   const SMSTraiFooter = styled.div`
     background-color: ${CAP_WHITE};
     padding: ${CAP_SPACE_32} ${CAP_SPACE_24};
     position: fixed;
     bottom: 2rem;
     margin-left: -2rem;
+    /* Prevent global creatives tabpane min-height from stretching footer validation tabs */
+    .error-info-note__tabs {
+      .ant-tabs-tabpane {
+        min-height: auto !important;
+      }
+    }
     .ant-btn {
       margin-right: ${CAP_SPACE_16};
     }
@@ -153,43 +153,29 @@ export const SmsTraiEdit = (props) => {
   //computing placeholder array for mapping values and rendering dynamic form
   useEffect(() => {
     traiData = isFullMode ? templateDetails : templateData;
-    if (!traiData || isEmpty(traiData)) {
-      return;
-    }
-    const hydrateSignature = `${String(isFullMode)}|${routeTemplateId}|${baseTemplateId}|${smsEditorSource}`;
-    if (lastHydratedSignatureRef.current === hydrateSignature) {
-      return;
-    }
-    lastHydratedSignatureRef.current = hydrateSignature;
-
-    let msg = smsEditorSource;
-    const templateMessageArray = [];
-    //converting sms-editor string to an array split at '{#var#}'
-    //split and push string before '{#var#}[0 to index]', push '{#var#}',
-    //split and repeat for remaining string[index+7  to length]
-    while (msg.length !== 0) {
-      const index = msg.search(SMS_TRAI_VAR);
-      if (index !== -1) {
-        templateMessageArray.push(msg.substring(0, index));
-        templateMessageArray.push(SMS_TRAI_VAR);
-        msg = msg.substring(index + 7, msg.length);
-      } else {
-        templateMessageArray.push(msg);
-        break;
+    if (traiData && !isEmpty(traiData)) {
+      let msg = get(traiData, `versions.base.sms-editor`, '');
+      const templateMessageArray = [];
+      //converting sms-editor string to an array split at '{#var#}'
+      //split and push string before '{#var#}[0 to index]', push '{#var#}',
+      //split and repeat for remaining string[index+7  to length]
+      while (msg.length !== 0) {
+        const index = msg.search(SMS_TRAI_VAR);
+        if (index !== -1) {
+          templateMessageArray.push(msg.substring(0, index));
+          templateMessageArray.push(SMS_TRAI_VAR);
+          msg = msg.substring(index + 7, msg.length);
+        } else {
+          templateMessageArray.push(msg);
+          break;
+        }
       }
+      const filteredTemplateMessageArray = templateMessageArray.filter((i) => i === 0 || i);
+      updateTempMsgArray(filteredTemplateMessageArray);
+      //stop spinner
+      updateLoading(false);
     }
-    const filteredTemplateMessageArray = templateMessageArray.filter((i) => i === 0 || i);
-    updateTempMsgArray(filteredTemplateMessageArray);
-    //stop spinner
-    updateLoading(false);
-  }, [
-    isFullMode,
-    routeTemplateId,
-    baseTemplateId,
-    smsEditorSource,
-    templateDetails,
-    templateData,
-  ]);
+  }, [templateDetails || templateData]);
 
   //compute/get varMapped and updated-sms-editor
   useEffect(() => {