@capillarytech/creatives-library 6.9.8 → 6.9.9

package/package.json

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

package/v2Components/BeeEditor/index.js

@@ -40,7 +40,12 @@ function BeeEditor(props) {
   const {formatMessage} = intl;
   const UNSUBSCRIBE = 'unsubscribe';
   let beePluginInstance = null;
-  const categoryOptions = [];
+  const categoryOptions = [{key: 'cta', value: 'cta', label: formatMessage(messages.cta)},
+  {key: 'footer', value: 'footer', label: formatMessage(messages.footer)},
+  {key: 'header', value: 'header', label: formatMessage(messages.header)},
+  {key: 'sp', value: 'sp', label: formatMessage(messages.socialPlatform)},
+  {key: 'others', value: 'others', label: formatMessage(messages.others)},
+  ];
   const [visibleTaglist, setVisibleTaglist] = useState(false);
   const [showRowMetaModal, setRowMetaModal] = useState(false);
   const [selectedTag, setSelectedTag] = useState({});
@@ -77,7 +82,7 @@ function BeeEditor(props) {
           },
         },
         mergeTags: {
-          label: 'search',
+          label: formatMessage(messages.addLabel),
           handler: async (resolve, reject) => {
             // this will open tag modal
             await setVisibleTaglist(true);
@@ -137,9 +142,9 @@ function BeeEditor(props) {
       onSave: (jsonFile, htmlFile) => {
         saveBeeData(jsonFile, htmlFile);
       },
-      // will use this function on save row feature
-      onSaveRows: (jsonFile, htmlFile) => {
-        console.log('bee-plugin-container onSaveRows', jsonFile, htmlFile);
+        // will use this function on save row feature
+      onSaveRow: (rowJSON, rowHTML, pageJSON) => {
+        console.log('bee-plugin-container onSaveRows', rowJSON, rowHTML, pageJSON);
       },
     };
     window.BeePlugin.create(tokenData, beeConfig, (instance) => {
@@ -189,15 +194,12 @@ function BeeEditor(props) {
   const onRowChange = useCallback((e) => {
     setRowName(e.target.value);
   });
-  // will use this function on save row feature
   const onChangeCategoy = (e) => {
-    console.log('onChangeCategoy', e);
+    setRowCategory(e);
   };
-
   const onTagChange = (e) => {
     setRowTags(e.target.value);
   };
-
   const contentSection = <>
     <CapInput
       label={<FormattedMessage {...messages.rowName} />}

package/v2Components/BeeEditor/messages.js

@@ -44,4 +44,28 @@ export default defineMessages({
     id: `${prefix}.tagPlaceHolder`,
     defaultMessage: 'Enter tags',
   },
+  addLabel: {
+    id: `${prefix}.addLabel`,
+    defaultMessage: 'Add label',
+  },
+  cta: {
+    id: `${prefix}.cta`,
+    defaultMessage: 'CTA',
+  },
+  header: {
+    id: `${prefix}.header`,
+    defaultMessage: 'Header',
+  },
+  footer: {
+    id: `${prefix}.footer`,
+    defaultMessage: 'Footer',
+  },
+  others: {
+    id: `${prefix}.others`,
+    defaultMessage: 'Others',
+  },
+  socialPlatform: {
+    id: `${prefix}.socialPlatform`,
+    defaultMessage: 'Social platform',
+  },
 });

package/v2Components/FormBuilder/index.js

@@ -3221,7 +3221,6 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
             if (!beeJson || !beeToken) {
               return false;
             }
-            console.log('beeJson', beeJson);
             let isModuleFilterEnabled = _.get(this.props.location, 'query.type', '') !== 'embedded';
             const schemaChannel = _.get(this.props.schema, 'channel', "");
             if (schemaChannel === 'EMAIL') {
@@ -3333,7 +3332,7 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
       }
 
     });
-    if(!this.props.isEmailLoading && !fields.length) {
+    if(!this.props.isEmailLoading && this.props.schema.channel.toUpperCase() === 'EMAIL' && !fields.length) {
       return (
         <div style={{ textAlign: 'center' }}>
           <CapSpin spinning />

package/v2Containers/TagList/index.js

@@ -66,7 +66,7 @@ export class TagList extends React.Component { // eslint-disable-line react/pref
   }
 
   populateTags(tagsList) {
-    console.log('populating tags', tagsList);
+    console.log('populating tags', (tagsList || []).length);
     const mainTags = {};
 
     //Form tags object with tag headers
@@ -81,7 +81,7 @@ export class TagList extends React.Component { // eslint-disable-line react/pref
       } else if (tag['tag-header'] && mainTags[tag.value]) {
         mainTags[tag.value].subtags = _.concat(mainTags[tag.value].subtags, tag.subtags);
       } else if (!mainTags[tag.value]) {
-        console.log('Inside ', tag.label);
+        // console.log('Inside ', tag.label);
         mainTags[tag.value] = {
           'tag-header': true,
           "name": tag.label[userLocale] ? tag.label[userLocale] : tag.label.en,
@@ -229,13 +229,13 @@ export class TagList extends React.Component { // eslint-disable-line react/pref
     }
     if (this.props.tags && this.props.tags.length > 0) {
       tags = this.populateTags(this.props.tags);
-      console.log('populating tags', tags);
+      console.log('populating tags', Object.keys(tags || {}).length);
     }
     if (this.props.selectedOfferDetails && !_.isEmpty(this.props.selectedOfferDetails) && (tags && tags.coupon)) {
       this.transformCouponTags(this.props.selectedOfferDetails, tags);
     }
     tags = _.merge( {}, tags, injectedTags);
-    console.log('merged tags', tags);
+    console.log('merged tags', Object.keys(tags || {}).length);
     return (
       <div className={this.props.className ? this.props.className : ''}>
         <CapTagList