@capillarytech/creatives-library 7.10.43 → 7.10.45

package/package.json

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

package/v2Containers/CreativesContainer/SlideBoxHeader.js

@@ -47,7 +47,12 @@ function SlideBoxHeader(props) {
   const isWhatsappEdit = channel.toLowerCase() === WHATSAPP && slidBoxContent === 'editTemplate';
   const whatsappOverview = isWhatsappEdit && isFullMode;
   const headerMessage = whatsappOverview ? messages.whatsappOverview : messages.editMessageContent;
-  const whatsappTemplateCategory = get(templateData, `versions.base.content.whatsapp.category`, '');
+  const {
+    whatsappTemplateName,
+    whatsappTemplateCategory,
+  } = templateData;
+  const whatsappName = whatsappTemplateName || templateData?.name;
+  const whatsappCategory = whatsappTemplateCategory || get(templateData, `versions.base.content.whatsapp.category`, '');
 
   return (
     <div key="creatives-container-slidebox-header-content">
@@ -80,10 +85,10 @@ function SlideBoxHeader(props) {
             isWhatsappEdit && (
               <>
                 {renderWhatsappData("label1", <FormattedMessage {...whatsppMsg.templateNameLabel} />)}
-                {renderWhatsappData("label2", templateData?.name)}
+                {renderWhatsappData("label2", whatsappName)}
                 {renderWhatsappData("label3", <FormattedMessage {...whatsppMsg.labelSeperator} />)}
                 {renderWhatsappData("label1", <FormattedMessage {...whatsppMsg.templateCategoryLabel} />)}
-                {renderWhatsappData("label2", formatString(whatsappTemplateCategory))}
+                {renderWhatsappData("label2", formatString(whatsappCategory))}
                 {renderWhatsappData("label3", <FormattedMessage {...whatsppMsg.labelSeperator} />)}
                 {renderWhatsappData("label1", <FormattedMessage {...whatsppMsg.languageLabel} />)}
                 {renderWhatsappData("label2", <FormattedMessage {...whatsppMsg.templateLanguageEnglish} />)}

package/v2Containers/Templates/index.js

@@ -601,12 +601,11 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
           creativesParams._id = pathname.split('/')[3];
           creativesParams.modeType = pathname.split('/')[4];
           creativesParams.account = pathname.split('/')[5];
-          if (this.state.channel.toLowerCase() === WHATSAPP_LOWERCASE){
+          if (this.state.channel.toLowerCase() === WHATSAPP_LOWERCASE) {
             const whatsappSelectedTemplateData = this.selectTemplate(creativesParams._id) || {};
-            creativesParams = {
-              ...creativesParams,
-              ...whatsappSelectedTemplateData,
-            };
+            const { name = '', versions = {} } = whatsappSelectedTemplateData;
+            creativesParams.whatsappTemplateName = name;
+            creativesParams.whatsappTemplateCategory = get(versions, `base.content.whatsapp.category`, '');
           }
         }
         creativesParams.type = this.state.channel.toUpperCase();

package/v2Containers/Whatsapp/index.js

@@ -135,9 +135,11 @@ export const Whatsapp = (props) => {
   const paramObj = params || {};
   useEffect(() => {
     const { id } = paramObj;
-    if (id && !get(templateData, `versions.base.content`)) {
-      setSpin(true);
-      actions.getTemplateDetails(id);
+    if (id) {
+      if (isFullMode) {
+        setSpin(true);
+        actions.getTemplateDetails(id);
+      }
       setEditFlow(true);
     }
     //cleanup code