@capillarytech/creatives-library 7.9.19 → 7.9.21

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@capillarytech/creatives-library",
   "author": "meharaj",
-  "version": "7.9.19",
+  "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`, [{}]);
@@ -470,6 +473,7 @@ function SlideBoxContent(props) {
         onTestContentClicked={onTestContentClicked}
         onCreateComplete={onCreateComplete}
         smsRegister={smsRegister}
+        onShowTemplates={onShowTemplates}
       />
         )}
 

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/Create/index.js

@@ -18,7 +18,6 @@ import CapNotification from '@capillarytech/cap-ui-library/CapNotification';
 import Papa from 'papaparse';
 import cloneDeep from 'lodash/cloneDeep';
 import {
-  CAP_SPACE_12,
   CAP_SPACE_16,
   CAP_SPACE_24,
   CAP_SPACE_32,
@@ -48,7 +47,13 @@ import messages from './messages';
 import withCreatives from '../../../hoc/withCreatives';
 
 export const SmsTraiCreate = (props) => {
-  const { intl, actions, onCreateComplete } = props;
+  const {
+    intl,
+    actions,
+    onCreateComplete,
+    isFullMode,
+    onShowTemplates,
+  } = props;
   const { formatMessage } = intl;
   const [files, setFiles] = useState([]);
   const [errorText, setErrorText] = useState('');
@@ -361,9 +366,7 @@ export const SmsTraiCreate = (props) => {
           tempArray.push(fileData[row]);
         }
       }
-      tempArray = tempArray.map((row) => {
-        return row.map((cell) => cell.replace(',', ' '));
-      });
+      tempArray = tempArray.map((row) => row.map((cell) => cell.replace(',', ' ')));
       csvContent = tempArray
         .map((e) => e.join(','))
         .map((e) => e.replace(/(\r\n|\n|\r)/gm, ' '))
@@ -453,7 +456,11 @@ export const SmsTraiCreate = (props) => {
       { templates: savedData },
       (resp, errorMessage) => {
         createCallback({ errorMessage });
-        onCreateComplete();
+        if (isFullMode) {
+          onCreateComplete();
+        } else {
+          onShowTemplates();
+        }
       },
     );
   };
@@ -531,7 +538,7 @@ export const SmsTraiCreate = (props) => {
           {previewFileIndex !== null && (
             <>
               <CapRow span={24} className="upload-type-group-create-container">
-                <div className="upload-file-preview">
+                <>
                   <CapDivider
                     type="horizontal"
                     className="upload-file-preview-divider-1"
@@ -636,7 +643,7 @@ export const SmsTraiCreate = (props) => {
                     className="upload-file-preview-divider-2"
                   />
                   {errorText && <CapError>{errorText}</CapError>}
-                </div>
+                </>
               </CapRow>
             </>
           )}

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>
           )}

package/v2Containers/SmsWrapper/index.js

@@ -28,6 +28,7 @@ const SmsWrapper = (props) => {
     onCreateComplete,
     handleClose,
     smsRegister,
+    onShowTemplates,
   } = props;
 
   const smsProps = {
@@ -50,7 +51,9 @@ const SmsWrapper = (props) => {
       isCreateSms && (isTraiDlt ?
         <SmsTraiCreate
           isComponent
-          {...smsProps}/> :
+          {...smsProps}
+          onShowTemplates={onShowTemplates}
+          /> :
           <SmsCreate
             isComponent {
               ...smsProps