@capillarytech/creatives-library 7.12.84 → 7.12.85

package/components/Ckeditor/index.js

@@ -13,7 +13,7 @@ import React from 'react';
 import _ from 'lodash';
 // import messages from './messages';
 const loadScript = require('load-script');
-const defaultScriptUrl = "https://ckeditor.com/assets/libs/ckeditor4/4.14.1/ckeditor.js";
+const defaultScriptUrl = "https://ckeditor.com/assets/libs/ckeditor4/4.19.0/ckeditor.js";
 const user = localStorage.getItem('user');
 let locale = 'en';
 if (user && JSON.parse(user).lang) {

package/package.json

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

package/v2Components/Ckeditor/index.js

@@ -13,7 +13,7 @@ import React from 'react';
 import _ from 'lodash';
 // import messages from './messages';
 const loadScript = require('load-script');
-const defaultScriptUrl = "https://ckeditor.com/assets/libs/ckeditor4/4.14.1/ckeditor.js";
+const defaultScriptUrl = "https://ckeditor.com/assets/libs/ckeditor4/4.19.0/ckeditor.js";
 const user = localStorage.getItem('user');
 let locale = 'en';
 if (user && JSON.parse(user).lang) {

package/v2Containers/Email/index.js

@@ -322,7 +322,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
       if (this.state.isEdit && nextProps.location.query.module === "library" && !_.isEmpty(nextProps.templateData) && !this.props.params.id && !nextProps.isGetFormData && _.isEmpty(_.get(this, `state.formData['template-subject']`))) {
         this.startTemplateCreation(nextProps.templateData);
       }
-      if (nextProps.location.query.module === 'library' && nextProps.isGetFormData && (this.props.isGetFormData !== nextProps.isGetFormData)) {
+      if (nextProps.location.query.module === 'library' && nextProps.isGetFormData && (this.props.isGetFormData!==nextProps.isGetFormData)) {
         const formData = this.state.formData;
         let isBeeEditor = false;
         const isBEEEnable = this.checkBeeEditorAllowedForLibrary();
@@ -679,9 +679,9 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
         channel: EMAIL,
         timeTaken,
         content: base?.[activeTab]?.['template-content'],
-        mode: isEdit ? EDIT : CREATE,
+        mode: isEdit ? EDIT : CREATE
       });
-
+      
       // this.resetSchema();
       let message;
       if (isEdit) {
@@ -870,6 +870,46 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
           } else {
             schema.containers[index].isActive = false;
           }
+          // const isLanguageSupport = this.props.location.query.isLanguageSupport;
+
+          _.forEach(data.selectedLanguages, (lang, langIndex) => {
+            if ((type !== 'embedded' || (type === 'embedded' && isLanguageSupport === 'true')) && lang !== this.props.currentOrgDetails.basic_details.base_language) {
+              const tabContent = _.cloneDeep(containers[0].tabContent.sections[0]);
+              const tabContentSection = tabContent.inputFields[0].cols[0];
+              const panes = containers[0].panes.slice();
+              const firstPane = _.cloneDeep(panes[0]);
+              const sections = [];
+              _.forEach(firstPane.sections, (section) => {
+                let sect = _.cloneDeep(section);
+
+                if (sect.type === 'col-label') {
+                  sect = this.cloneColLabel(sect, (langIndex + 1));
+                } else if (sect.type === 'multicols') {
+                  sect = this.cloneMultiCol(sect, (langIndex + 1));
+                } else if (sect.type === 'parent') {
+                  sect = this.cloneParent(sect, (langIndex + 1));
+                }
+
+                sections.push(sect);
+                return true;
+              });
+              //
+
+              this.map[`template-content${data.selectedLanguages.indexOf(lang) + 1}`] = this.map['template-content'];
+              tabContentSection.id = `${tabContentSection.id}${index + 1}`;
+              tabContentSection.value = `${data[lang].language}`;
+
+              firstPane.sections = sections;
+              firstPane.sectionsHeaders = [tabContent];
+
+              // panes.push(firstPane);
+
+              schema.containers[index].panes.push(firstPane);
+            } else if (lang !== this.props.currentOrgDetails.basic_details.base_language) {
+              delete data[lang];
+              data.selectedLanguages.splice(langIndex, 1);
+            }
+          });
         }
         if (data.base) {
           formData.base = data;
@@ -2331,7 +2371,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
       const response = {
         action: "getFormData",
         postAction: this.state.getFormDataValue || 'next',
-        id: _.get(this.props, 'Email.templateDetails._id', ''),
+        id : _.get(this.props, 'Email.templateDetails._id', ''),
         value: this.transformFormData(passedData),
         validity: this.state.isFormValid,
         type: 'EMAIL',
@@ -2365,8 +2405,9 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
       const newdata = data;
 
       if (!isNaN(index) && newdata) {
-        const baseLangTabKey = newdata[baseLanguage]?.tabKey || newdata.tabKey;
+        const baseLangTabKey = newdata[baseLanguage].tabKey;
         newdata.tabKey = baseLangTabKey;
+        newdata.activeTab = baseLanguage;
         if (newdata.base) {
           baseKey = baseLangTabKey;
         }
@@ -2388,7 +2429,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
     obj.versions.base = formData.base;
     obj.versions.base.tabKey = baseKey;
     obj.versions.base.subject = formData['template-subject'];
-    obj.versions.base.activeTab = formData?.base?.activeTab || baseLanguage;
+    obj.versions.base.activeTab = baseLanguage;
     _.forEach(obj.versions.base.selectedLanguages, (language) => {
       if (obj.versions.base[language].is_drag_drop) {
         delete obj.versions.base[language].edmeditorsrc;
@@ -2686,7 +2727,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
                   isEdit={this.state.isEdit}
                   iframeParent={parent}
                   router={this.props.router}
-                  baseLanguage={this.state.formData[0]?.activeTab || this.props.currentOrgDetails.basic_details.base_language}
+                  baseLanguage={this.props.currentOrgDetails.basic_details.base_language}
                   supportedLanguages={this.getSupportedLanguages(this.props)}
                   isSchemaChanged={this.state.isSchemaChanged}
                   cmsTemplates={this.props.Templates.cmsTemplates}

package/utils/cdnTransformation.js

@@ -1,155 +0,0 @@
-import cloneDeep from 'lodash/cloneDeep';
-/* eslint-disable no-unused-expressions */
-import { parse } from 'node-html-parser';
-
-// https://storage.crm.n.content-cdn.io/cdn-cgi/image/width=100,height=100,quality=75,fit=cover,g=top,format=auto/intouch_creative_assets/005710a7-6412-44fe-a19f-e72456b1.jpg
-
-const CDN_BASE_URL = `https://storage.crm.n.content-cdn.io`;
-const CDN_TRANSFORMATION_URL_SUFFIX = `/cdn-cgi/image/`;
-const QUALITY = 75;
-// const regex = /https:\/\/.*intouch_creative_assets.*(?:jpg|png|jpeg|gif)$/;
-const regex = /https:\/\/.*intouch_creative_assets.*$/;
-const INTOUCH_CREATIVE_ASSETS = 'intouch_creative_assets';
-
-/**
- * getCdnUrl : utility function to replace and return s3/cdn url with cdn url.
- */
-export const getCdnUrl = ({url, height, width, transformationEnabled = false, reduceQuality = true}) => {
-  if (!url.includes(INTOUCH_CREATIVE_ASSETS)) return url;
-
-  const [, assetKey] = url.split(INTOUCH_CREATIVE_ASSETS);
-  let newUrl = `${CDN_BASE_URL}`;
-  if (transformationEnabled || reduceQuality) {
-    newUrl += CDN_TRANSFORMATION_URL_SUFFIX;
-    if (height) {
-      newUrl += `height=${height},`;
-    }
-    if (width) {
-      newUrl += `width=${width},`;
-    }
-    newUrl += `quality=${QUALITY}`;
-  }
-  newUrl += `/intouch_creative_assets${assetKey}`;
-  return newUrl;
-};
-
-/**
- *
- * @param {*} htmlContents
- * @returns htmlContents with updated urls in image tag
- */
-export const updateImagesInHtml = (htmlContents) => {
-  const copiedHtmlContents = htmlContents;
-  try {
-    const root = parse(htmlContents);
-    root.querySelectorAll('img').forEach((element) => {
-      const imageSrc = element.getAttribute('src');
-      const isAsset = regex.test(imageSrc);
-      if (isAsset) {
-        const height = element.getAttribute('height');
-        const width = element.getAttribute('width');
-        const newUrl = getCdnUrl({url: imageSrc, height, width, transformationEnabled: true, reduceQuality: true});
-        element.setAttribute('src', newUrl);
-      }
-    });
-    return root.toString();
-  } catch (e) {
-    console.log('An error occured while updating images in html', e);
-    return copiedHtmlContents; //return received input directly in case an exception is thrown
-  }
-};
-
-/**
- *
- * @param {*} contents
- * @returns
- */
-export const transformEmailTemplates = (contents) => {
-  const contentsCopy = cloneDeep(contents);
-  try {
-    const base = contentsCopy?.versions?.base;
-    const languages = base?.selectedLanguages;
-    languages?.forEach((lang) => {
-      const htmlContents = base?.[lang]?.['template-content'];
-      const newHtmlContents = updateImagesInHtml(htmlContents);
-      base[lang]['template-content'] = newHtmlContents;
-    });
-    return contentsCopy;
-  } catch (e) {
-    console.log('Some error has occured while transforming email templates', e);
-    return contents; //return received input directly in case an exception is thrown
-  }
-};
-
-// export const transformRcsTemplates = (contents) => {
-//     const contentsCopy = cloneDeep(contents);
-// }
-
-
-// {
-//     "name": "test 1",
-//     "versions": {
-//       "base": {
-//         "content": {
-//           "RCS": {
-//             "cardContent": [
-//               {
-//                 "title": "asdf",
-//                 "description": "asdf",
-//                 "mediaType": "NONE"
-//               }
-//             ],
-//             "cardSettings": {
-//               "cardOrientation": "VERTICAL"
-//             },
-//             "cardType": "STANDALONE",
-//             "contentType": "RICHCARD",
-//             "smsFallBackContent": {
-//               "message": ""
-//             }
-//           }
-//         }
-//       }
-//     },
-//     "type": "RCS"
-//   }
-
-
-// {
-//     "name": "test 2",
-//     "versions": {
-//         "base": {
-//             "content": {
-//                 "RCS": {
-//                     "cardContent": [
-//                         {
-//                             "title": "asdfasdf",
-//                             "description": "asdfadsf",
-//                             "mediaType": "IMAGE",
-//                             "suggestions": [
-//                                 {
-//                                     "type": "CTA",
-//                                     "text": "fasdf",
-//                                     "url": "https://www.google.com"
-//                                 }
-//                             ],
-//                             "media": {
-//                                 "mediaUrl": "https://crm-nightly-new-fileservice.s3.amazonaws.com/intouch_creative_assets/820a9ff9-ad5b-410e-b471-75c2e1a9.jpg",
-//                                 "height": "MEDIUM"
-//                             }
-//                         }
-//                     ],
-//                     "cardSettings": {
-//                         "cardOrientation": "VERTICAL"
-//                     },
-//                     "cardType": "STANDALONE",
-//                     "contentType": "RICHCARD",
-//                     "smsFallBackContent": {
-//                         "message": "asdf"
-//                     }
-//                 }
-//             }
-//         }
-//     },
-//     "type": "RCS"
-// }