@capillarytech/creatives-library 7.2.0 → 7.3.0

package/config/app.js

@@ -11,6 +11,7 @@ const config = {
     dashboard_url: '/sms',
     dashboard_url_v2: '/v2',
     subscription_api_endpoint: '/arya/api/v1/org-settings/subscription',
+    exports_api_endpoint: '/arya/api/v1/export/data',
     accountConfig: (strs, accountId) => `${window.location.origin}/org/config/AccountAdd?q=a&channelId=2&accountId=${accountId}&edit=1`,
   },
   development: {
@@ -19,6 +20,7 @@ const config = {
     auth_endpoint: 'https://crm-nightly-new.cc.capillarytech.com/arya/api/v1/auth',
     arya_endpoint: 'https://crm-nightly-new.cc.capillarytech.com/arya/api/v1',
     subscription_api_endpoint: 'https://crm-nightly-new.cc.capillarytech.com/arya/api/v1/org-settings/subscription',
+    exports_api_endpoint: 'https://crm-nightly-new.cc.capillarytech.com/arya/api/v1/export/data',
     login_url: '/auth/login',
     dashboard_url: '/sms',
     dashboard_url_v2: '/v2',

package/containers/Templates/index.js

@@ -866,7 +866,7 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
   duplicateTemplate(template) {
     console.log('dup template', template);
     const duplicateObj = _.cloneDeep(template);
-    duplicateObj.name = `Copy of ${template.name} ${moment().format('MM-DD-YYYY hh:mma')}`;
+    duplicateObj.name = `Copy of ${template.name} ${moment().format('MM-DD-YYYY HH:mm:ss')}`;
     delete duplicateObj._id;
     if (this.state.channel.toLowerCase() === "sms") {
       this.props.smsActions.createTemplate(duplicateObj);
@@ -1115,7 +1115,7 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
               {content}
             </div>
             {!layoutSelection && template._id === this.state.hoveredItem ? <CapButton onClick={(e) => this.handleEditClick(e, template._id)} className="edit-button" type="secondary">{type === 'embedded' ? this.props.intl.formatMessage(messages.selectButton) : this.props.intl.formatMessage(messages.editButton)}</CapButton> : ''}
-            {layoutSelection && template._id === this.state.hoveredItem ? <CapButton onClick={() => this.handleEdmDefaultTemplateSelection(true, template._id)} className="select-button" type="secondary">{type === 'embedded' ? this.props.intl.formatMessage(messages.selectDefaultButton) : this.props.intl.formatMessage(messages.selectDefaultButton)}</CapButton> : ''}
+            {layoutSelection && template._id === this.state.hoveredItem ? <CapButton onClick={(event) =>{this.handleEdmDefaultTemplateSelection(true, template._id); event.stopPropagation();}} className="select-button" type="secondary">{type === 'embedded' ? this.props.intl.formatMessage(messages.selectDefaultButton) : this.props.intl.formatMessage(messages.selectDefaultButton)}</CapButton> : ''}
             {!layoutSelection && template._id === this.state.hoveredItem ? <CapButton onClick={() => this.handlePreviewClick(template)} className="preview-button" type="cancel">{this.props.intl.formatMessage(messages.previewButton)}</CapButton> : ''}
           </div>);
       } else if (this.state.channel.toLowerCase() === 'mobilepush') {

package/index.js

@@ -56,6 +56,10 @@ import MobilepushCreate from './v2Containers/MobilePush/Create';
 import mobilepushCreateReducer from './v2Containers/MobilePush/Create/reducer';
 import mobilepushCreateSaga from './v2Containers/MobilePush/Create/sagas';
 
+import FTP from './v2Containers/FTP';
+import FTPReducer from './v2Containers/FTP/reducer';
+import FTPSagas from './v2Containers/FTP/sagas';
+
 import MobilepushEdit from './v2Containers/MobilePush/Edit';
 import mobilepushEditReducer from './v2Containers/MobilePush/Edit/reducer';
 import mobilepushEditSaga from './v2Containers/MobilePush/Edit/sagas';
@@ -99,6 +103,7 @@ const FacebookContainer = {Facebook, facebookReducer, facebookSaga};
 const ViberContainer = {Viber, viberReducer, viberSaga};
 
 const GalleryContainer = {Gallery, galleryReducer, gallerySagas};
+const FTPContainer = {FTP, FTPReducer, FTPSagas};
 
 export {default as TagList} from './v2Containers/TagList/index';
 export {default as TagListSaga} from './v2Containers/TagList/sagas';
@@ -110,6 +115,7 @@ export {default as CallTaskPreview} from './v2Components/CallTaskPreview';
 export {default as EmailMobilePreview} from './v2Components/EmailMobilePreview';
 export {default as MobilePushPreview} from './v2Components/MobilePushPreviewV2';
 export {default as WechatRichmediaTemplatePreview} from './v2Components/TemplatePreview/WechatRichmediaTemplatePreview';
+export {default as FTP} from './v2Containers/FTP';
 
 CreativesContainer.CreativesContainerReducer = CreativesContainerReducer;
 
@@ -137,5 +143,6 @@ export { CapContainer,
   updateCharCount,
   FacebookContainer,
   GalleryContainer,
+  FTPContainer,
   ViberContainer,
 };

package/package.json

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

package/reducers.js

@@ -19,7 +19,7 @@ import templateReducer from 'containers/Templates/reducer';
 import tagsReducer from 'containers/TagList/reducer';
 import emailReducer from 'containers/Email/reducer';
 import ebillReducer from 'containers/Ebill/reducer';
-
+import ftpReducer from 'v2Containers/FTP/reducer';
 /*
  * routeReducer
  *
@@ -64,6 +64,7 @@ export default function createReducer(asyncReducers) {
     email: emailReducer,
     ebill: ebillReducer,
     beeEditor: beeEditorReducer,
+    FTP: ftpReducer,
     ...asyncReducers,
   });
 }

package/services/api.js

@@ -9,6 +9,7 @@ import getSchema from './getSchema';
 import * as API from '../utils/ApiCaller';
 import { GA } from '@capillarytech/cap-ui-utils';
 let API_ENDPOINT = config.development.api_endpoint;
+let EXPORT_API_ENDPOINT = config.development.exports_api_endpoint;
 let CAMPAIGNS_API_ENDPOINT = config.development.campaigns_api_endpoint;
 let API_AUTH_ENDPOINT = config.development.auth_endpoint;
 let ARYA_ENDPOINT = config.development.arya_endpoint;
@@ -213,6 +214,11 @@ export const duplicateTemplate = ({id, channel}) => {
   return request(url, getAPICallObject('GET'));
 };
 
+export const getFTPServers = () => {
+  const url = `${EXPORT_API_ENDPOINT}/ftplist`;
+  return request(url, getAPICallObject('GET'));
+};
+
 export const editWeChatTemplate = ({template}) => {
   console.log('in api.js', template);
   const url = `${API_ENDPOINT}/templates/WECHAT`;

package/utils/common.js

@@ -37,3 +37,181 @@ export const hasStore2DoorFeature = Auth.hasFeatureAccess.bind(
   null,
   STORE2DOOR_PLUS_ENABLED,
 );
+
+export function getTreeStructuredTags({tagsList, userLocale = 'en', offerDetails = []}) {
+  console.log('populating tags', (tagsList || []).length);
+  const mainTags = {};
+
+  _.forEach(tagsList, (temp) => {
+    const tag = temp.definition;
+    if (!tag['tag-header']) { //if tag doesn't have subtag(s), which means this tag itself is tag and not a tag header.
+      mainTags[tag.value] = {
+        name: tag.label[userLocale] || tag.label.en,
+        value: tag.value,
+      };
+    } else if (tag['tag-header'] && mainTags[tag.value]) { 
+      // to check it this tag header is already available in mainTags object,
+      //If yes, it will concat the subtag
+      mainTags[tag.value].subtags = _.concat(mainTags[tag.value].subtags, tag.subtags);
+    } else if (!mainTags[tag.value]) {
+      //If tag is not available in mainTag object, new maintag will be added.
+      mainTags[tag.value] = {
+        'tag-header': true,
+        "name": tag.label[userLocale] || tag.label.en,
+        "subtags": tag.subtags,
+        "value": tag.value,
+      };
+    }
+  });
+
+  const mainTagsCloned = _.cloneDeep(mainTags);
+  //Insert subtags in tag headers and reomve them from top level
+  const result = {};
+  _.forEach(mainTagsCloned, (tag, key) => {
+    if (tag['tag-header']) {
+      const tagWithChildren = populateTagForChildren(tag, mainTagsCloned, key);
+      tagWithChildren.resolved = true;
+      result[key] = tagWithChildren;
+    } else {
+      result[key] = tag;
+    }
+  });
+
+  //Delete extra tag headers
+  _.forEach(result, (tag) => {
+    if (tag['tag-header']) {
+      _.forEach(tag.subtags, (subtag, key) => {
+        if (result[key]) {
+          result[key].deleted = true;
+        }
+      });
+    }
+  });
+  //Actually delete them
+  _.forEach(result, (tag, key) => {
+    if (tag.deleted) {
+      delete result[key];
+    }
+  });
+  let combinedTags = result;
+  if (offerDetails.length) {
+    combinedTags = transformCouponTags(offerDetails, result);
+  }
+  return getTreeStructureData(combinedTags);
+}
+
+function transformCouponTags(offerDetails, allTags) {
+  const couponTags = {};
+  const couponTagsKeys = Object.keys(_.get(allTags, 'coupon.subtags', []));
+  const withCouponId = (obj, id) => {
+    const tempObj = {};
+    if (obj.subtags) {
+      tempObj.subtags = _.mapValues(obj.subtags, (tag) => {
+        let val = tag.value;
+        val = `${val}(${id})`;
+        const newObj = {
+          ...tag,
+          value: val,
+        };
+        return {
+          ...withCouponId(newObj, id),
+        };
+      });
+    }
+    return {
+      ...obj,
+      ...tempObj,
+      couponSeriesId: id,
+    };
+  };
+  offerDetails.forEach((offer) => {
+    const { id, couponName, description, couponSeriesId } = offer;
+    const couponId = id || couponSeriesId;
+    const couponSubTags = {};
+    couponTagsKeys.forEach((couponTagKey) => {
+      let val = allTags.coupon.subtags[couponTagKey].value;
+      val = `${val}(${couponId})`;
+      const newObj = {
+        ...allTags.coupon.subtags[couponTagKey],
+        value: val,
+      };
+      const couponSubTagsObj = withCouponId(newObj, couponId);
+      couponSubTags[couponTagKey] = couponSubTagsObj;
+    });
+    const couponNameFinal = couponName || description;
+    const key = couponNameFinal || couponId;
+    couponTags[key] = {
+      'tag-header': true,
+      'name': couponNameFinal || couponId,
+      'desc': couponNameFinal || couponId,
+      'couponSeriesId': couponId,
+      'subtags': couponSubTags,
+      'resolved': true,
+      'couponTags': true,
+    };
+  });
+  // eslint-disable-next-line no-param-reassign
+  allTags.coupon.subtags = couponTags;
+  return allTags;
+}
+
+function populateTagForChildren(targetTag, tagsObject, tagValue) {
+  const tag = targetTag;
+  if (tag && tag['tag-header'] && !tag.resolved) {
+    const tempSubTags = {};
+    _.forEach(tag.subtags, (subtag) => {
+      if (tagsObject[subtag]) {
+        const children = populateTagForChildren(tagsObject[subtag], tagsObject, subtag);
+        children.resolved = true;
+        tempSubTags[subtag] = children;
+      }
+    });
+    tag.subtags = tempSubTags;
+    return tag;
+  }
+  return tagsObject[tagValue];
+}
+
+function getTreeStructureData(data) {
+  const result = [];
+  _.forOwn(data, (mainTag) => {
+    const { name, value, subtags = [] } = mainTag;
+    if (!mainTag['tag-header']) {
+      result.push({
+        title: name,
+        value: `{{${value}}}`,
+      });
+    } else {
+      const obj = {
+        title: name,
+        value: `{{${value}}}`,
+        selectable: false,
+      };
+      obj.children = getSubTags(subtags);
+      result.push(obj);
+    }
+  });
+  return result;
+}
+
+function getSubTags(subtagsParam) {
+  const result = [];
+  _.forOwn(subtagsParam, (subTag) => {
+    const { name, value, subtags = [] } = subTag;
+    if (_.isEmpty(subtags)) {
+      result.push({
+        title: name,
+        value: `{{${value}}}`,
+      });
+    } else {
+      const obj = {
+        title: name,
+        value: `{{${value}}}`,
+        selectable: false,
+      };
+      obj.children = getSubTags(subtags);
+      result.push(obj);
+    }
+  });
+  return result;
+}