@capillarytech/creatives-library 7.9.20 → 7.9.21

package/package.json

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

package/v2Containers/CreativesContainer/SlideBoxContent.js

@@ -204,12 +204,15 @@ function SlideBoxContent(props) {
     switch (templateDataObject.type.toUpperCase()) {
       case constants.SMS: {
         const isTraiDlt = commonUtil.isTraiDLTEnable(isFullMode, smsRegister);
-
-        const updatedSMSEditior = get(templateDataObject, `versions.base['updated-sms-editor']`, '');
-        if (!isTraiDlt || updatedSMSEditior === "") {
+        const updatedSmsEditor = get(
+          templateDataObject,
+          `versions.base['updated-sms-editor']`,
+          '',
+        );
+        if (!isTraiDlt || updatedSmsEditor === '') {
           return get(templateDataObject, `versions.base['sms-editor']`);
         }
-        return updatedSMSEditior.join('');
+        return updatedSmsEditor.join('');
       }
       case constants.LINE: {
         const lineContents = get(templateDataObject, `versions.base.content.messages`, [{}]);

package/v2Containers/CreativesContainer/index.js

@@ -357,7 +357,25 @@ class Creatives extends React.Component {
     switch (channel) {
       case constants.SMS:
         if (template.value.base) {
-          templateData.messageBody = template.value.base['sms-editor'];
+          const smsBase = template.value.base || {};
+          const { isFullMode, smsRegister } = this.props;
+          const isTraiDlt = commonUtil.isTraiDLTEnable(isFullMode, smsRegister);
+          const {
+            ['updated-sms-editor']: updatedSmsEditor,
+            ['sms-editor']: smsEditor,
+          } = smsBase;
+          if (!isTraiDlt || updatedSmsEditor === '') {
+            templateData.messageBody = smsEditor;
+          } else {
+            templateData.messageBody = updatedSmsEditor.join('');
+            const { template_id, template_name, header } = smsBase;
+            templateData.templateConfigs = {
+              templateId: template_id,
+              templateName: template_name,
+              template: smsEditor,
+              registeredSenderIds: header?.split(','),
+            };
+          }
         }
         break;
       case constants.EMAIL:

package/v2Containers/SmsTrai/Edit/index.js

@@ -42,6 +42,7 @@ import {
   LIBRARY,
 } from './constants';
 let varMap = {};
+let traiData = {};
 const { TextArea } = CapInput;
 const { CapLabelInline } = CapLabel;
 export const SmsTraiEdit = (props) => {
@@ -58,6 +59,9 @@ export const SmsTraiEdit = (props) => {
     metaEntities,
     injectedTags,
     onCreateComplete,
+    isFullMode,
+    getFormSubscriptionData,
+    templateData = {},
   } = props || {};
   const { formatMessage } = intl;
   const [loading, updateLoading] = useState(true);
@@ -104,13 +108,15 @@ export const SmsTraiEdit = (props) => {
     }
     return () => {
       actions.resetEditTemplate();
+      varMap = {};
     };
   }, []);
 
   //computing placeholder array for mapping values and rendering dynamic form
   useEffect(() => {
-    if (templateDetails && !isEmpty(templateDetails)) {
-      let msg = get(templateDetails, `versions.base.sms-editor`);
+    traiData = isFullMode ? templateDetails : templateData;
+    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#}',
@@ -134,16 +140,19 @@ export const SmsTraiEdit = (props) => {
       //stop spinner
       updateLoading(false);
     }
-  }, [templateDetails]);
+  }, [templateDetails || templateData]);
 
   useEffect(() => {
     if (tempMsgArray.length !== 0) {
+      const traiBase = traiData?.versions?.base || {};
+      const {
+        ['var-mapped']: varMapped = {},
+        ['updated-sms-editor']: traiSmsEditor = '',
+      } = traiBase;
       //if varMapped and updated-sms-editor is already present on non first edits
-      if (!isEmpty(get(templateDetails, `versions.base.var-mapped`))) {
-        varMap = cloneDeep(get(templateDetails, `versions.base.var-mapped`));
-        setUpdatedSmsEditor(
-          get(templateDetails, `versions.base.updated-sms-editor`),
-        );
+      if (!isEmpty(varMapped)) {
+        varMap = cloneDeep(varMapped);
+        setUpdatedSmsEditor(traiSmsEditor);
       } else {
         //computing varMap for first edit
         let counter = 1;
@@ -197,10 +206,21 @@ export const SmsTraiEdit = (props) => {
     } else {
       //start spinner
       updateLoading(true);
-      templateDetails.versions.base['var-mapped'] = varMap;
-      templateDetails.versions.base['updated-sms-editor'] = updatedSmsEditor;
-      templateDetails.versions.history = [templateDetails.versions.base];
-      actions.editTemplate(templateDetails, onUpdateTemplateComplete);
+      const traiVersions = traiData.versions || {};
+      traiVersions.base = {
+        ...traiVersions.base,
+        'var-mapped': varMap,
+        'updated-sms-editor': updatedSmsEditor,
+      };
+      traiVersions.history = [traiVersions.base];
+      isFullMode
+        ? actions.editTemplate(traiData, onUpdateTemplateComplete)
+        : getFormSubscriptionData({
+            value: traiData.versions,
+            _id: params && params.id,
+            validity: true,
+            type: SMS,
+          });
     }
   };
   //Saving on done end
@@ -391,13 +411,13 @@ export const SmsTraiEdit = (props) => {
     <>
       <CapSpin spinning={loading}>
         <CapRow>
-          {templateDetails && !isEmpty(templateDetails) && (
+          {traiData && !isEmpty(traiData) && (
             <TraiEditTemplateDetails>
               <CapLabelInline type="label1">
                 {formatMessage(messages.templateLabel)}
               </CapLabelInline>
               <CapLabelInline type="label2">
-                {templateDetails.versions.base.template_name}
+                {traiData.versions.base.template_name}
               </CapLabelInline>
               <CapLabelInline type="label1">
                 {formatMessage(messages.traiEditSeperator)}
@@ -406,7 +426,7 @@ export const SmsTraiEdit = (props) => {
                 {formatMessage(messages.senderIdlabel)}
               </CapLabelInline>
               <CapLabelInline type="label2">
-                {templateDetails.versions.base.header}
+                {traiData.versions.base.header}
               </CapLabelInline>
             </TraiEditTemplateDetails>
           )}