@capillarytech/creatives-library 6.9.7 → 6.9.8

package/containers/TagList/index.js

@@ -71,10 +71,9 @@ export class TagList extends React.Component { // eslint-disable-line react/pref
     //Form tags object with tag headers
     _.forEach(tagsList, (temp) => {
       const tag = temp.definition;
-      const userLocale = this.props.userLocale;
       if (!tag['tag-header']) {
         mainTags[tag.value] = {
-          name: tag.label[userLocale] ? tag.label[userLocale] : tag.label.en,
+          name: tag.label[this.props.userLocale] ? tag.label[this.props.userLocale] : tag.label.en,
           desc: tag.desc ? tag.desc : tag.label.en,
         };
       } else if (tag['tag-header'] && mainTags[tag.value]) {
@@ -83,7 +82,7 @@ export class TagList extends React.Component { // eslint-disable-line react/pref
         console.log('Inside ', tag.label);
         mainTags[tag.value] = {
           'tag-header': true,
-          "name": tag.label[userLocale] ? tag.label[userLocale] : tag.label.en,
+          "name": tag.label[this.props.userLocale] ? tag.label[this.props.userLocale] : tag.label.en,
           "desc": tag.desc ? tag.desc : tag.label.en,
           "subtags": tag.subtags,
         };

package/package.json

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

package/v2Components/BeeEditor/index.js

@@ -79,14 +79,19 @@ function BeeEditor(props) {
         mergeTags: {
           label: 'search',
           handler: async (resolve, reject) => {
+            // this will open tag modal
             await setVisibleTaglist(true);
+            // until tag modal will not open promise will not execute
+            // once tag modal is opened it will start 2 sec interval to wait use has selected any tag or cancel the tag selection
             const promise = new Promise((resolveP) => {
               intervalTimer = setInterval(() => {
+                // this will execute, if user cancel the tag selection
                 if ((savedCallback.current || {}).close === true) {
                   reject();
                   clearInterval(intervalTimer);
                   return;
                 }
+                // this block is checking use has selected any tag or not
                 if (Object.keys(savedCallback.current || {}).length > 0) {
                   resolveP(savedCallback.current);
                   setSelectedTag({});
@@ -94,8 +99,9 @@ function BeeEditor(props) {
                 }
               }, 2000);
             });
+            // once prmise will resolve , pass the resolve data to handler to show tags in bee edior
             const result = await promise;
-            resolve(result); // "done!"
+            resolve(result);
           },
         },
         saveRow: {

package/v2Containers/App/constants.js

@@ -46,3 +46,4 @@ export const CHANNEL_EDIT_TRACK_MAPPING = {
   line: TRACK_EDIT_LINE,
 };
 export const GTM_TRACKING_ID = 'UA-110024621-2';
+export const BEE_PLUGIN = 'BEE_PLUGIN';

package/v2Containers/Email/index.js

@@ -31,7 +31,7 @@ import * as creativesContainerActions from '../CreativesContainer/actions';
 import withCreatives from '../../hoc/withCreatives';
 import { EMAIL } from '../CreativesContainer/constants';
 import { GA } from '@capillarytech/cap-ui-utils';
-import { TRACK_CREATE_EMAIL, TRACK_EDIT_EMAIL } from '../App/constants';
+import { TRACK_CREATE_EMAIL, TRACK_EDIT_EMAIL, BEE_PLUGIN } from '../App/constants';
 import { FONT_COLOR_05 } from '@capillarytech/cap-ui-library/styled/variables';
 const {CapCustomCardList} = CapCustomCard;
 export class Email extends React.Component { // eslint-disable-line react/prefer-stateless-function
@@ -189,9 +189,9 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
         this.setState({isDragDrop: true});
       }
       if (this.props.params.id) {
-        this.props.actions.getCmsSetting('BEE', this.props.Templates.BEETemplate._id, 'open', undefined, isBEESupport);
+        this.props.actions.getCmsSetting(BEE_PLUGIN, this.props.Templates.BEETemplate._id, 'open', undefined, isBEESupport);
       } else if (this.props.location.query.module !== "library" || (this.props.location.query.module === "library" && !this.props.templateData)) {
-        this.props.actions.getCmsSetting('BEE', this.props.Templates.BEETemplate._id, 'create', undefined, isBEESupport);
+        this.props.actions.getCmsSetting(BEE_PLUGIN, this.props.Templates.BEETemplate._id, 'create', undefined, isBEESupport);
       }
     }
     this.setState({ content: (this.props.Templates.selectedEmailLayout ? this.props.Templates.selectedEmailLayout : ''), formData});
@@ -706,7 +706,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
         if (!isNaN(index)) {
           _.forEach(val.selectedLanguages, (language) => {
             if (val[language].is_drag_drop) {
-              that.props.actions.getCmsData('BEE', id, language);
+              that.props.actions.getCmsData(BEE_PLUGIN, id, language);
             }
           });
         }
@@ -914,7 +914,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
         //   formData.base.activeTab = language;
         // }
         if (language && editData.versions.base[language].is_drag_drop) {
-          this.props.actions.getCmsSetting('BEE', editData._id, 'open', language, isBEESupport);
+          this.props.actions.getCmsSetting(BEE_PLUGIN, editData._id, 'open', language, isBEESupport);
         }
       });
 
@@ -1125,7 +1125,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
       const currentTab = this.state.currentTab - 1;
       const baseLanguage = this.props.currentOrgDetails.basic_details.base_language ? this.props.currentOrgDetails.basic_details.base_language : 'en';
       if (formData[currentTab][baseLanguage].is_drag_drop) {
-        this.props.actions.getCmsSetting('BEE', formData[currentTab][baseLanguage].drag_drop_id, 'duplicate', baseLanguage, isEdmSupport);
+        this.props.actions.getCmsSetting(BEE_PLUGIN, formData[currentTab][baseLanguage].drag_drop_id, 'duplicate', baseLanguage, isEdmSupport);
       }
     });
   }
@@ -1404,7 +1404,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
       if (!id) {
         id = _.get(formData, `base[${formData.base.activeTab}].id`, '');
       }
-      this.props.actions.getCmsData('BEE', id);
+      this.props.actions.getCmsData(BEE_PLUGIN, id);
       if (this.state.mode === 'switchEditor') {
         let schema = _.cloneDeep(this.state.schema);
         _.forEach(schema.containers, (container, index) => {
@@ -2129,7 +2129,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
           };
           if (templates.drag_drop_id) {
             tempData.drag_drop_id = templates.drag_drop_id;
-            this.props.actions.getCmsSetting('BEE', tempData._id, 'open', tempData.iso_code, isEdmSupport);
+            this.props.actions.getCmsSetting(BEE_PLUGIN, tempData._id, 'open', tempData.iso_code, isEdmSupport);
           }
           // formData.usingTabContainer = true;
           // formData.tabCount = 1;
@@ -2155,7 +2155,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
         // this.setState({tabKey: ''});
         _.forEach(formData[0].selectedLanguages, (language) => {
           if (formData[0][language].is_drag_drop) {
-            this.props.actions.getCmsSetting('BEE', formData[0][language].drag_drop_id, 'open', language, isEdmSupport);
+            this.props.actions.getCmsSetting(BEE_PLUGIN, formData[0][language].drag_drop_id, 'open', language, isEdmSupport);
           }
         });
       });
@@ -2493,7 +2493,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
       // let getQuery = '';
       const isEdmSupport = (this.props.location.query.isEdmSupport !== "false") || false;
 
-      this.props.actions.getCmsSetting('BEE', data._id, 'create', this.state.formData[this.state.currentTab - 1].activeTab, isEdmSupport);
+      this.props.actions.getCmsSetting(BEE_PLUGIN, data._id, 'create', this.state.formData[this.state.currentTab - 1].activeTab, isEdmSupport);
       // this.props.templatesActions.setEdmTemplate(data);
       this.toggleEdmEmailTemplateSelection();
       // if (type && type.toLowerCase() === 'email') {

package/v2Containers/Line/Container/ImageCarousel/Content.js

@@ -367,8 +367,8 @@ export const LineImageCarouselContent = ({
 
   const updateActionLabelError = (value) => {
     if (value.length > MAX_ACTION_LABEL_LENGTH) {
-      updateActionLabelErrorMessage(formatMessage(messages.emptyActionContentErrorMessage));
-      return formatMessage(messages.emptyActionContentErrorMessage);
+      updateActionLabelErrorMessage(formatMessage(messages.maxActionLabelErrorMessage));
+      return formatMessage(messages.maxActionLabelErrorMessage);
     } else {
       updateActionLabelErrorMessage();
     }

package/v2Containers/Line/Container/ImageCarousel/constants.js

@@ -7,4 +7,4 @@ export const TEXT_ACTION_TYPE = 'text';
 export const MESSAGE_ACTION_TYPE = 'message';
 export const URL_ACTION_TYPE = 'uri';
 export const MAX_ACTION_LABEL_LENGTH = 12;
-export const MAX_ALLOWED_TITLE_LENGTH = 20;
+export const MAX_ALLOWED_TITLE_LENGTH = 100;

package/v2Containers/Line/Container/ImageCarousel/index.js

@@ -12,7 +12,7 @@ import CapTooltip from '@capillarytech/cap-ui-library/CapTooltip';
 import CapTooltipWithInfo from '@capillarytech/cap-ui-library/CapTooltipWithInfo';
 import LineDrawer from '../Drawer';
 import style from './style';
-import { CAP_G06, FONT_COLOR_01, FONT_COLOR_02, CAP_SPACE_08, CAP_WHITE } from '@capillarytech/cap-ui-library/styled/variables';
+import { CAP_G06, FONT_COLOR_01, FONT_COLOR_02, CAP_SPACE_08, CAP_WHITE, CAP_SPACE_24, CAP_SPACE_04 } from '@capillarytech/cap-ui-library/styled/variables';
 import withStyles from '../../../../hoc/withStyles';
 
 import LineImageCarouselContent from './Content';
@@ -122,7 +122,7 @@ export const LineImageCarousel = (props) => {
 		}) => {
 			isErrorIndex = (isErrorIndex !== undefined)
 				? isErrorIndex
-				: ((!originalContentUrl || !selectedActionType || actionContentErrorMessage || actionLabelErrorMessage) && activeIndex);
+				: ((!originalContentUrl || !selectedActionType || actionContentErrorMessage || actionLabelErrorMessage || !actionContent) && activeIndex);
 			columns.push({
 				imageUrl: originalContentUrl,
 				action: {
@@ -290,7 +290,10 @@ export const LineImageCarousel = (props) => {
 							borderRadius: '50%',
 							color: CAP_WHITE,
 							backgroundColor: !isSelected ? FONT_COLOR_02 : FONT_COLOR_01,
-							padding: '5px 10px',
+							height: CAP_SPACE_24,
+							width: CAP_SPACE_24,
+							textAlign: 'center',
+							paddingTop: 4,
 						}}
 					>
 						{index + 1}

package/v2Containers/Line/Container/_lineCreate.scss

@@ -3,6 +3,12 @@
 .line-row{
   margin-bottom: 16px;
 }
+
+.form-builder-dragger {
+  border-radius: $CAP_SPACE_04;
+  background: $CAP_G10;
+}
+
 .slidebox-content-container {
   overflow-x: hidden;
 }

package/v2Containers/TagList/index.js

@@ -72,9 +72,10 @@ export class TagList extends React.Component { // eslint-disable-line react/pref
     //Form tags object with tag headers
     _.forEach(tagsList, (temp) => {
       const tag = temp.definition;
+      const { userLocale } = this.props;
       if (!tag['tag-header']) {
         mainTags[tag.value] = {
-          name: tag.label[this.props.userLocale] ? tag.label[this.props.userLocale] : tag.label.en,
+          name: tag.label[userLocale] ? tag.label[userLocale] : tag.label.en,
           desc: tag.desc ? tag.desc : tag.label.en,
         };
       } else if (tag['tag-header'] && mainTags[tag.value]) {
@@ -83,7 +84,7 @@ export class TagList extends React.Component { // eslint-disable-line react/pref
         console.log('Inside ', tag.label);
         mainTags[tag.value] = {
           'tag-header': true,
-          "name": tag.label[this.props.userLocale] ? tag.label[this.props.userLocale] : tag.label.en,
+          "name": tag.label[userLocale] ? tag.label[userLocale] : tag.label.en,
           "desc": tag.desc ? tag.desc : tag.label.en,
           "subtags": tag.subtags,
         };