@capillarytech/creatives-library 6.14.1 → 6.15.1

package/app.js

@@ -25,6 +25,7 @@ import initialState from './initialState';
 import './styles/vendor/semantic/dist/semantic.min.css';
 import './styles/main.scss';
 import pathConfig from './config/path';
+import ignoredErrorMessages from './utils/ignoredErrorMessages';
 // addLocaleData([...en, ...es, ...fr, ...it, ...zh]);
 
 const browserHistory = useRouterHistory(createHistory)({
@@ -38,10 +39,12 @@ const history = syncHistoryWithStore(browserHistory, store, {
 });
 
 const bugSnagErrorCallback = (event) => {
-  const { app: { releaseStage } = {} } = event || {};
+  const { app: { releaseStage } = {}, error } = event || {};
+  const errorMessage = error && error.message;
   if (
     (releaseStage || '').includes('nightly') ||
-    process.env.NODE_ENV !== 'production'
+    process.env.NODE_ENV !== 'production' ||
+    ignoredErrorMessages.include[errorMessage]
   ) {
     return false;
   }

package/config/app.js

@@ -11,7 +11,6 @@ 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: {
@@ -20,7 +19,6 @@ 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/index.js

@@ -56,10 +56,6 @@ 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';
@@ -97,7 +93,6 @@ const LineCreateContainer = {LineCreate, lineCreateReducer, lineCreateSaga};
 const TemplatesV2Container = {TemplatesV2, templateReducer, templateSaga};
 const FacebookContainer = {Facebook, facebookReducer, facebookSaga};
 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';
@@ -109,7 +104,6 @@ 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 +131,4 @@ export { CapContainer,
   updateCharCount,
   FacebookContainer,
   GalleryContainer,
-  FTPContainer,
 };

package/package.json

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

package/reducers.js

@@ -17,7 +17,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
  *
@@ -62,7 +62,6 @@ export default function createReducer(asyncReducers) {
     email: emailReducer,
     ebill: ebillReducer,
     beeEditor: beeEditorReducer,
-    FTP: ftpReducer,
     ...asyncReducers,
   });
 }

package/services/api.js

@@ -9,7 +9,6 @@ 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;
@@ -214,12 +213,6 @@ export const duplicateTemplate = ({id, channel}) => {
   return request(url, getAPICallObject('GET'));
 };
 
-export const getFTPServers = () => {
-  console.log('in api.js 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,121 +37,3 @@ export const hasStore2DoorFeature = Auth.hasFeatureAccess.bind(
   null,
   STORE2DOOR_PLUS_ENABLED,
 );
-
-export function getTreeStructuredTags(tagsList, userLocale = 'en') {
-  console.log('populating tags', (tagsList || []).length);
-  const mainTags = {};
-
-  //Form tags object with tag headers
-  _.forEach(tagsList, (temp) => {
-    const tag = temp.definition;
-    if (!tag['tag-header']) {
-      mainTags[tag.value] = {
-        name: tag.label[userLocale] ? tag.label[userLocale] : tag.label.en,
-        value: tag.value,
-      };
-    } 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);
-      mainTags[tag.value] = {
-        'tag-header': true,
-        "name": tag.label[userLocale] ? 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];
-    }
-  });
-  return getTreeStructureData(result);
-}
-
-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;
-}

package/utils/ignoredErrorMessages.js

@@ -0,0 +1,4 @@
+export default [
+  // ref: https://stackoverflow.com/questions/49384120/resizeobserver-loop-limit-exceeded
+  'ResizeObserver loop limit exceeded'
+];

package/v2Components/FormBuilder/index.js

@@ -2362,7 +2362,9 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
           this.renderTextAreaContent(styling, columns, val, isVersionEnable, rows, cols, val.offset);
           break;
         case "contentPreview":
-          content = isVersionEnable ? this.state.formData[this.state.currentTab - 1]['sms-editor'] : this.state.formData['sms-editor'];
+          const { formData , currentTab } = this.state || {};
+          const tab = formData && formData[currentTab - 1];
+          content = isVersionEnable ? tab && tab['sms-editor'] : formData && formData['sms-editor'];
           charList = updateCharCount(content).char_list;
           columns.push(<CapColumn id={val.id} className={"preview-chars"} span={val.width}>
             {charList.map((char) => char)}
@@ -3198,7 +3200,7 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
               }
             }
             const { currentTab, formData } = this.state;
-            const supportedLanguages = (formData[currentTab - 1] || {}).selectedLanguages;
+            const supportedLanguages = (formData[currentTab - 1] || {}).selectedLanguages || {};
             const currentLang = supportedLanguages[langTab - 1];
 
             let beeJson = '',

package/v2Containers/App/constants.js

@@ -47,5 +47,5 @@ export const CHANNEL_EDIT_TRACK_MAPPING = {
 };
 export const GTM_TRACKING_ID = 'UA-110024621-2';
 export const BEE_PLUGIN = 'BEE_PLUGIN';
-export const NO_COMMUNICATION = 'NO_COMMUNICATION';
+
 export const CREATIVES_UI_VIEW = 'CREATIVES_UI_VIEW';

package/v2Containers/CreativesContainer/SlideBoxContent.js

@@ -18,7 +18,6 @@ import CallTask from '../CallTask';
 import MobliPushEdit from '../MobilePush/Edit';
 import * as constants from './constants';
 import LineContainer from '../Line/Container';
-import FTP from '../FTP';
 const CreativesWrapper = styled.div`
   .ant-popover,
   .ant-notification,
@@ -118,7 +117,6 @@ function SlideBoxContent(props) {
       selectedAccount,
       onShowTemplates,
       handleClose,
-      onFTPSubmit,
     } = props;
   const type = (messageDetails.type || '').toLowerCase(); // type is context in get tags values : outbound | dvs | referral | loyalty | coupons
   const query = { type: !isFullMode && 'embedded', module: isFullMode ? 'default' : 'library', isEditFromCampaigns: (templateData || {}).isEditFromCampaigns};
@@ -149,7 +147,6 @@ function SlideBoxContent(props) {
   let isEditCallTask = false;
   let isEditMPush = false;
   let isEditFacebook = false;
-  let isEditFTP = false;
   const isEmailCreate = slidBoxContent === 'createTemplate' && channel === constants.EMAIL;
   if (templateData && channel) {
     channel = templateData.type;// for edit mode with template data
@@ -162,7 +159,6 @@ function SlideBoxContent(props) {
     isPreview = slidBoxContent === 'preview' && (channel === constants.SMS || channel === constants.LINE);
     isEmailPreview = slidBoxContent === 'preview' && channel === constants.EMAIL;
     isMpushPreview = slidBoxContent === 'preview' && channel === constants.MOBILE_PUSH;
-    isEditFTP = slidBoxContent === 'editTemplate' && [constants.NO_COMMUNICATION, constants.FTP].includes(channel);
   }
 
   const getChannelPreviewContent = (templateDataObject) => {
@@ -231,6 +227,7 @@ function SlideBoxContent(props) {
         return get(templateDataObject, `versions.base.content`);
     }
   };
+
   return (
     <CreativesWrapper>
       {!isFullMode && slidBoxContent === 'templates' && (
@@ -253,10 +250,6 @@ function SlideBoxContent(props) {
         onCreateComplete={onCreateComplete}
         getFormSubscriptionData={getFormData}
         handleClose={handleClose}
-        onFTPSubmit={onFTPSubmit}
-        slidBoxContent={slidBoxContent}
-        FTPMode="create"
-        selectedOfferDetails={selectedOfferDetails}
         />
       )}
       {isPreview && (
@@ -323,14 +316,6 @@ function SlideBoxContent(props) {
           onTestContentClicked={onTestContentClicked}
         />
       )}
-      {isEditFTP && (
-        <FTP
-          mode="edit"
-          onFTPSubmit={onFTPSubmit}
-          messageDetails={messageDetails}
-          selectedOfferDetails={selectedOfferDetails}
-        />
-      )}
       {
         isEditCallTask &&
           <CallTask
@@ -558,6 +543,5 @@ SlideBoxContent.propTypes = {
   onCreateComplete: PropTypes.func,
   saveMessage: PropTypes.func,
   selectedAccount: PropTypes.object,
-  onFTPSubmit: PropTypes.func,
 };
 export default SlideBoxContent;

package/v2Containers/CreativesContainer/SlideBoxHeader.js

@@ -15,8 +15,6 @@ function getChannelLabel(channel = '') {
     email: 'Email',
     mobilepush: 'Push notification',
     wechat: 'Wechat',
-    no_communication: 'NO_COMMUNICATION',
-    ftp: 'FTP',
   };
   return labels[channel.toLowerCase()];
 }

package/v2Containers/CreativesContainer/constants.js

@@ -13,7 +13,5 @@ export const CALL_TASK = "CALL_TASK";
 export const MOBILE_PUSH = "MOBILEPUSH";
 export const WECHAT = "WECHAT";
 export const FACEBOOK = "FACEBOOK";
-export const FTP = "FTP";
-export const NO_COMMUNICATION = "NO_COMMUNICATION";
 export const SHOW_CONTANER_LOADER = "app/CreativesContainer/SHOW_CONTANER_LOADER";
 export const HIDE_CONTAINER_LOADER = "app/CreativesContainer/HIDE_CONTAINER_LOADER";

package/v2Containers/CreativesContainer/index.js

@@ -143,13 +143,6 @@ class Creatives extends React.Component {
       const {channel} = templateData;
       let creativesTemplateData = {type: channel };
       switch (channel) {
-        case constants.NO_COMMUNICATION: {
-          creativesTemplateData = {
-            type: channel,
-            ...templateData,
-          };
-          break;
-        }
         case constants.SMS: {
           const formData = {
             "sms-editor": templateData.messageBody,
@@ -613,7 +606,6 @@ class Creatives extends React.Component {
               selectedAccount={this.props.selectedAccount}
               onShowTemplates={this.onShowTemplates}
               handleClose={this.handleCloseSlideBox}
-              onFTPSubmit={getCreativesData}
               editor={editor}
           />
           }

package/v2Containers/Line/Create/_lineCreate.scss

@@ -0,0 +1,64 @@
+@import '~@capillarytech/cap-ui-library/styles/_variables.scss';
+
+.line-row{
+  margin-bottom: 16px;
+}
+.slidebox-content-container {
+  overflow-x: hidden;
+}
+.line-image {
+  position: relative;
+}
+.image-container {
+  display: flex;
+  & > div {
+    min-width: 516px;
+  }
+  border-radius: 5px;
+  .image-placeholder{
+    line-height: 150px;
+  }
+  img {
+    object-fit: cover;
+    max-width: 100%;
+    max-height: 100%;
+    height: auto !important;
+    width: auto !important;
+  }
+}
+
+.pagination-container.gallery-upload {
+  height: calc(100vh - 60px);
+
+  .cap-custom-card-list-col {
+    max-width: 156px;
+    max-height: 156px;
+    display: inline-block;
+    margin-left: $CAP_SPACE_04;
+    margin-right: $CAP_SPACE_04;
+  }
+
+  .ant-card-body {
+    padding-top: 0;
+
+    .ant-card-meta-description img {
+      height: 80px;
+      width: auto;
+    }
+  }
+}
+
+.gallery-image {
+  height: 156px;
+  width: 156px;
+  border-radius: 4px;
+  margin: 3px;
+}
+
+.sms-text {
+  img {
+    display: block;
+    max-width: 100%;
+    object-fit: cover;
+  }
+}

package/v2Containers/Line/Create/actions.js

@@ -0,0 +1,94 @@
+/*
+ *
+ * Create actions
+ *
+ */
+
+import * as types from './constants';
+
+export function createTemplate(template, callback) {
+  console.log('action trigereed createtemplate');
+  return {
+    type: types.CREATE_TEMPLATE_REQUEST,
+    template,
+    callback,
+  };
+}
+
+export function clearCreateResponse() {
+  console.log('clearCreateResponse');
+  return {
+    type: types.CLEAR_CREATE_RESPONSE_REQUEST,
+  };
+}
+
+export function defaultAction() {
+  return {
+    type: types.DEFAULT_ACTION,
+  };
+}
+
+export function uploadAsset(file, assetType, fileParams) {
+  return {
+    type: types.UPLOAD_ASSET_REQUEST,
+    file,
+    assetType,
+    fileParams,
+  };
+}
+
+export function clearAsset() {
+  return {
+    type: types.CLEAR_ASSET,
+  };
+}
+
+
+// FOR EDIT
+
+
+export function editTemplate(template, callback) {
+  console.log('action trigereed editTemplate line @@@');
+  return {
+    type: types.EDIT_TEMPLATE_REQUEST,
+    template,
+    callback,
+  };
+}
+
+export function getTemplateDetails(id) {
+  console.log('getting template line @@@', id);
+  return {
+    type: types.GET_TEMPLATE_DETAILS_REQUEST,
+    id,
+    channel: 'LINE',
+  };
+}
+
+export function clearEditResponse() {
+  console.log('clearEditResponse');
+  return {
+    type: types.CLEAR_EDIT_RESPONSE_REQUEST,
+  };
+}
+
+export function clearData() {
+  return {
+    type: types.CLEAR_DATA,
+  };
+}
+
+export function getLineTemplatesList(channel, queryParams) {
+  return {
+    type: types.GET_LINE_TEMPLATES_LIST_REQUEST,
+    channel,
+    queryParams,
+  };
+}
+
+export function setSelectedTemplate(templateData) {
+  return {
+    type: types.SET_SELECTED_TEMPLATE,
+    data: templateData,
+  };
+}

package/v2Containers/Line/Create/constants.js

@@ -0,0 +1,43 @@
+/*
+ *
+ * Create constants
+ *
+ */
+
+export const DEFAULT_ACTION = 'app/Create/DEFAULT_ACTION';
+
+
+export const CREATE_TEMPLATE_REQUEST = 'app/v2Containers/Line/Create/CREATE_TEMPLATE_REQUEST';
+export const CREATE_TEMPLATE_SUCCESS = 'app/v2Containers/Line/Create/CREATE_TEMPLATE_SUCCESS';
+export const CREATE_TEMPLATE_FAILURE = 'app/v2Containers/Line/Create/CREATE_TEMPLATE_FAILURE';
+export const UPLOAD_ASSET_REQUEST = 'app/v2Containers/Line/Create/UPLOAD_ASSET_REQUEST';
+export const UPLOAD_ASSET_SUCCESS = 'app/v2Containers/Line/Create/UPLOAD_ASSET_SUCCESS';
+export const UPLOAD_ASSET_FAILURE = 'app/v2Containers/Line/Create/UPLOAD_ASSET_FAILURE';
+export const CLEAR_ASSET = 'app/v2Containers/Line/Create/CLEAR_ASSET';
+
+export const CLEAR_CREATE_RESPONSE_REQUEST = 'app/v2Containers/Line/Create/CLEAR_CREATE_RESPONSE_REQUEST';
+export const CLEAR_CREATE_RESPONSE_SUCCESS = 'app/v2Containers/Line/Create/CLEAR_CREATE_RESPONSE_SUCCESS';
+export const CLEAR_CREATE_RESPONSE_FAILURE = 'app/v2Containers/Line/Create/CLEAR_CREATE_RESPONSE_FAILURE';
+
+export const LINE_IMG_HEIGHT = 400;
+export const LINE_IMG_WIDTH = 300;
+export const LINE_IMG_SIZE = 30000000;
+
+
+// edit
+
+export const GET_TEMPLATE_DETAILS_REQUEST = 'app/v2Containers/line/Edit/GET_TEMPLATE_DETAILS_REQUEST';
+export const GET_TEMPLATE_DETAILS_SUCCESS = 'app/v2Containers/line/Edit/GET_TEMPLATE_DETAILS_SUCCESS';
+export const GET_TEMPLATE_DETAILS_FAILURE = 'app/v2Containers/line/Edit/GET_TEMPLATE_DETAILS_FAILURE';
+
+export const EDIT_TEMPLATE_REQUEST = 'app/v2Containers/line/Edit/EDIT_TEMPLATE_REQUEST';
+export const EDIT_TEMPLATE_SUCCESS = 'app/v2Containers/line/Edit/EDIT_TEMPLATE_SUCCESS';
+export const EDIT_TEMPLATE_FAILURE = 'app/v2Containers/line/Edit/EDIT_TEMPLATE_FAILURE';
+
+export const CLEAR_EDIT_RESPONSE_REQUEST = 'app/v2Containers/line/Edit/CLEAR_EDIT_RESPONSE_REQUEST';
+export const CLEAR_DATA = 'app/v2Containers/Line/Edit/CLEAR_DATA';
+export const SET_SELECTED_TEMPLATE = 'app/v2Containers/Line/Edit/SET_SELECTED_TEMPLATE';
+
+export const GET_LINE_TEMPLATES_LIST_REQUEST = 'app/v2Containers/Line/GET_LINE_TEMPLATES_LIST_REQUEST';
+export const GET_LINE_TEMPLATES_LIST_SUCCESS = 'app/v2Containers/Line/GET_LINE_TEMPLATES_LIST_SUCCESS';
+export const GET_LINE_TEMPLATES_LIST_FAILURE = 'app/v2Containers/Line/GET_LINE_TEMPLATES_LIST_FAILURE';