@capillarytech/creatives-library 6.13.9 → 6.14.0

package/v2Containers/Templates/actions.js

@@ -4,126 +4,119 @@
  *
  */
 
-import * as types from './constants';
-
-export function getAllTemplates(channel, queryParams) {
-  console.log('get all templates action trigereed', channel, queryParams);
-  return {
-    type: types.GET_ALL_TEMPLATES_REQUEST, channel, queryParams,
-  };
-}
-
-export function resetTemplate() {
-  return {
-    type: types.RESET_TEMPLATE,
-  };
-}
-
-export function resetAccount() {
-  return {
-    type: types.RESET_ACCOUNT,
-  };
-}
-
-export function deleteTemplate(channel, id) {
-  console.log('delete template action trigereed', channel, id);
-  return {
-    type: types.DELETE_TEMPLATE_REQUEST, channel, id,
-  };
-}
-
-export function getUserList() {
-  return {
-    type: types.GET_USER_LIST_REQUEST,
-  };
-}
-
-export function getWeCrmAccounts(source) {
-  return {
-    type: types.GET_WECRM_ACCOUNTS_REQUEST, source,
-  };
-}
-
-export function setWeChatAccount(weChatAccount) {
-  console.log('setting wechat account', weChatAccount);
-  return {
-    type: types.SET_WECHAT_ACCOUNT,
-    weChatAccount,
-  };
-}
-
-export function setLineAccount(lineAccount) {
+ import * as types from './constants';
+
+ export function getAllTemplates(channel, queryParams) {
+   console.log('get all templates action trigereed', channel, queryParams);
+   return {
+     type: types.GET_ALL_TEMPLATES_REQUEST, channel, queryParams,
+   };
+ }
+
+ export function resetTemplate() {
+   return {
+     type: types.RESET_TEMPLATE,
+   };
+ }
+
+ export function resetAccount() {
+   return {
+     type: types.RESET_ACCOUNT,
+   };
+ }
+
+ export function deleteTemplate(channel, id) {
+   console.log('delete template action trigereed', channel, id);
+   return {
+     type: types.DELETE_TEMPLATE_REQUEST, channel, id,
+   };
+ }
+
+ export function getUserList() {
+   return {
+     type: types.GET_USER_LIST_REQUEST,
+   };
+ }
+
+ export function getWeCrmAccounts(source) {
+   return {
+     type: types.GET_WECRM_ACCOUNTS_REQUEST, source,
+   };
+ }
+
+ export function setWeChatAccount(weChatAccount) {
+   console.log('setting wechat account', weChatAccount);
+   return {
+     type: types.SET_WECHAT_ACCOUNT,
+     weChatAccount,
+   };
+ }
+
+ export function setLineAccount(lineAccount) {
   return {
     type: types.SET_LINE_ACCOUNT,
     lineAccount,
   };
 }
 
-export function setViberAccount(viberAccount) {
-  return {
-    type: types.SET_VIBER_ACCOUNT,
-    viberAccount,
-  };
-}
-
-export function handleHtmlUpload(selectedTemplate) {
-  return {
-    type: types.SET_SELECTED_LAYOUT,
-    selectedTemplate,
-  };
-}
-
-export function handleZipUpload(selectedFile, successHandler, errorHandler) {
-  return {
-    type: types.SEND_ZIPPED_FILE_REQUEST,
-    selectedFile,
-    successHandler,
-    errorHandler,
-  };
-}
-
-export function getDefaultBeeTemplates() {
-  return {
-    type: types.GET_DEAFULT_BEE_TEMPLATES_REQUEST,
-  };
-}
-
-export function setEdmTemplate(template) {
-  return {
-    type: types.SET_EDM_TEMPLATE,
-    template,
-  };
-}
-export function setBEETemplate(template) {
-  return {
-    type: types.SET_BEE_TEMPLATE,
-    template,
-  };
-}
-export function getTemplateDetails(id, channel) {
-  console.log('getting template', id, channel);
-  return {
-    type: types.GET_TEMPLATE_DETAILS_REQUEST,
-    id,
-    channel,
-  };
-}
-
-export function resetTemplateData() {
-  return {
-    type: types.RESET_TEMPLATE_DATA,
-  };
-}
-
-export function resetUploadData() {
-  console.log('clearing upload data');
-  return {
-    type: types.RESET_UPLOAD_DATA,
-  };
-}
-
-export function resetTemplateStoreData() {
-  return {
-    type: types.CLEAR_TEMPLATE_STORE_DATA,
-  };
-}
+ export function handleHtmlUpload(selectedTemplate) {
+   return {
+     type: types.SET_SELECTED_LAYOUT,
+     selectedTemplate,
+   };
+ }
+
+ export function handleZipUpload(selectedFile, successHandler, errorHandler) {
+   return {
+     type: types.SEND_ZIPPED_FILE_REQUEST,
+     selectedFile,
+     successHandler,
+     errorHandler,
+   };
+ }
+
+ export function getDefaultBeeTemplates() {
+   return {
+     type: types.GET_DEAFULT_BEE_TEMPLATES_REQUEST,
+   };
+ }
+
+ export function setEdmTemplate(template) {
+   return {
+     type: types.SET_EDM_TEMPLATE,
+     template,
+   };
+ }
+ export function setBEETemplate(template) {
+   return {
+     type: types.SET_BEE_TEMPLATE,
+     template,
+   };
+ }
+ export function getTemplateDetails(id, channel) {
+   console.log('getting template', id, channel);
+   return {
+     type: types.GET_TEMPLATE_DETAILS_REQUEST,
+     id,
+     channel,
+   };
+ }
+
+ export function resetTemplateData() {
+   return {
+     type: types.RESET_TEMPLATE_DATA,
+   };
+ }
+
+ export function resetUploadData() {
+   console.log('clearing upload data');
+   return {
+     type: types.RESET_UPLOAD_DATA,
+   };
+ }
+
+ export function resetTemplateStoreData() {
+   return {
+     type: types.CLEAR_TEMPLATE_STORE_DATA,
+   };
+ }

package/v2Containers/Templates/constants.js

@@ -43,8 +43,6 @@ export const RESET_UPLOAD_DATA = "app/v2Containers/Templates/RESET_UPLOAD_DATA";
 export const CLEAR_TEMPLATE_STORE_DATA = "app/v2Containers/Templates/CLEAR_TEMPLATE_STORE_DATA";
 
 export const SET_LINE_ACCOUNT = "app/v2Containers/Templates/SET_LINE_ACCOUNT";
-export const SET_VIBER_ACCOUNT = "app/v2Containers/Templates/SET_VIBER_ACCOUNT";
-
 
 export const GET_DEAFULT_BEE_TEMPLATES_REQUEST = 'app/v2Containers/Templates/GET_DEAFULT_BEE_TEMPLATES_REQUEST';
 export const GET_DEAFULT_BEE_TEMPLATES_SUCCESS = 'app/v2Containers/Templates/GET_DEAFULT_BEE_TEMPLATES_SUCCESS';

package/v2Containers/Templates/index.js

@@ -30,7 +30,6 @@ import { makeSelectEbill as makeSelectCreateEbill } from '../Ebill/selectors';
 import { makeSelectEmail as makeSelectCreateEmail } from '../Email/selectors';
 import { makeSelectEdit } from '../Sms/Edit/selectors';
 import { makeSelectLine } from '../Line/Container/selectors';
-import { makeSelectViber } from '../Viber/selectors';
 import { UserIsAuthenticated } from '../../utils/authWrapper';
 import messages from './messages';
 import {checkUnicode} from '../../utils/smsCharCountV2';
@@ -41,8 +40,6 @@ import * as smsEditActions from '../Sms/Edit/actions';
 import * as ebillActions from '../Ebill/actions';
 import * as emailActions from '../Email/actions';
 import * as lineActions from '../Line/Container/actions';
-import * as viberActions from '../Viber/actions';
-
 import CardGrid from '../../v2Components/CardGrid';
 import config from '../../config/app';
 import './_templates.scss';
@@ -53,13 +50,8 @@ import Pagination from '../../v2Components/Pagination';
 import EmailPreview from '../../v2Components/EmailPreview';
 import CreativesContainer from '../CreativesContainer';
 import WechatRichmediaTemplatePreview from '../../v2Components/TemplatePreview/WechatRichmediaTemplatePreview';
-import {
-  CHANNEL_CREATE_TRACK_MAPPING,
-  CHANNEL_EDIT_TRACK_MAPPING,
-  VIBER as VIBER_CHANNEL,
-} from '../App/constants';
-import { MOBILE_PUSH, WECHAT, SMS, EMAIL, EBILL, LINE, VIBER } from '../CreativesContainer/constants';
-
+import { CHANNEL_CREATE_TRACK_MAPPING, CHANNEL_EDIT_TRACK_MAPPING } from '../App/constants';
+import { MOBILE_PUSH, WECHAT, SMS, EMAIL, EBILL, LINE } from '../CreativesContainer/constants';
 import emailIllustration from '../Assets/images/emailIllustration.svg';
 import smsIllustration from '../Assets/images/smsIllustration.svg';
 import pushIllustration from '../Assets/images/pushIllustration.svg';
@@ -169,13 +161,6 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
         case EBILL:
           channel = 'Ebill';
           break;
-        case VIBER:
-          channel = 'Viber';
-          if (!this.props.isFullMode) {
-            activeMode = ACCOUNT_SELECTION_MODE;
-            this.props.actions.getWeCrmAccounts(channel);
-          }
-          break;
         case LINE:
           channel = "Line";
           if (!this.props.isFullMode) {
@@ -200,7 +185,7 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
     if (this.props.location.query.type === 'embedded') {
       this.props.actions.resetAccount();
     }
-    if ((['line', VIBER_CHANNEL, 'sms', 'email', 'ebill'].includes((this.state.channel || '').toLowerCase())) || ((['wechat', 'mobilepush'].includes(this.state.channel.toLowerCase()) && !isEmpty(this.props.Templates.selectedWeChatAccount)))) {
+    if ((this.state.channel && (this.state.channel.toLowerCase() === 'line' || this.state.channel.toLowerCase() === 'sms' || this.state.channel.toLowerCase() === 'email' || this.state.channel.toLowerCase() === 'ebill')) || ((this.state.channel.toLowerCase() === 'wechat' || this.state.channel.toLowerCase() === 'mobilepush') && !isEmpty(this.props.Templates.selectedWeChatAccount))) {
       const queryParams = {
         // name: this.state.searchText,
         // sortBy: this.state.sortBy,
@@ -260,16 +245,9 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
           this.setState({defaultAccount: true});
           nextProps.actions.getWeCrmAccounts(channel);
         }
-      } else if (nextProps.route.name.toLowerCase() === VIBER_CHANNEL) {
-        channel = 'Viber';
-        if (!this.props.isFullMode) {
-          this.setState({defaultAccount: true});
-          nextProps.actions.getWeCrmAccounts(channel);
-        }
       }
-
       this.setState({ channel }, () => {
-        if (['line', VIBER_CHANNEL, 'sms', 'email', 'ebill'].includes(this.state.channel.toLowerCase()) || (this.state.channel.toLowerCase() === 'wechat' && !isEmpty(nextProps.Templates.selectedWeChatAccount))) {
+        if ((this.state.channel.toLowerCase() === 'line' || this.state.channel.toLowerCase() === 'sms' || this.state.channel.toLowerCase() === 'email' || this.state.channel.toLowerCase() === 'ebill') || (this.state.channel.toLowerCase() === 'wechat' && !isEmpty(nextProps.Templates.selectedWeChatAccount))) {
           if (this.state.channel.toLowerCase() === 'wechat' && !isEmpty(nextProps.Templates.selectedWeChatAccount)) {
             params.wecrmId = (nextProps.Templates.selectedWeChatAccount.configs || {}).wecrm_app_id;
             params.wecrmToken = (nextProps.Templates.selectedWeChatAccount.configs || {}).wecrm_token;
@@ -290,20 +268,6 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
     if ((this.state.channel || '').toLowerCase() === "mobilepush" && nextProps.Templates.selectedWeChatAccount) {
       params.accountId = nextProps.Templates.selectedWeChatAccount.id;
     }
-    if (this.state.channel.toLowerCase() === VIBER_CHANNEL && isEmpty(nextProps.Templates.selectedViberAccount)) {
-      let selectedAccount = '';
-      if (isEmpty(nextProps.Templates.weCrmAccounts)) {
-        return;
-      }
-      selectedAccount = nextProps.Templates.weCrmAccounts[0];
-      this.setState({selectedAccount: selectedAccount.name}, () => {
-        params.wecrmId = selectedAccount.configs.wecrm_app_id;
-        params.wecrmToken = selectedAccount.configs.wecrm_token;
-        params.originalId = selectedAccount.sourceAccountIdentifier;
-        this.props.actions.setViberAccount(nextProps.Templates.weCrmAccounts[0]);
-        this.getAllTemplates({params});
-      });
-    }
     if ((this.state.channel.toLowerCase() === 'wechat' || this.state.channel.toLowerCase() === 'mobilepush') && isEmpty(nextProps.Templates.selectedWeChatAccount) && (this.props.location.query.type === 'embedded') && !this.isEnabledInLibraryModule("showAccountSelection")) {
       let selectedAccount = '';
       if (isEmpty(nextProps.Templates.weCrmAccounts)) {
@@ -372,8 +336,6 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
           this.props.ebillActions.clearCreateResponse();
         } else if (this.state.channel.toLowerCase() === "line") {
           this.props.lineActions.clearCreateResponse();
-        } else if (this.state.channel.toLowerCase() === VIBER_CHANNEL) {
-          this.props.viberActions.clearCreateResponse();
         }
       }
     }
@@ -470,7 +432,6 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
       } else if (this.state.channel.toLowerCase() === 'line') {
         this.props.actions.setLineAccount(this.props.Templates.weCrmAccounts.find((item) => item.name === this.state.selectedAccount));
       }
-
       this.setState({activeMode: TEMPLATES_MODE});
       console.log("getAllTemplates params: ", params);
       this.getAllTemplates({params, resetPage: true});
@@ -690,7 +651,7 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
               <video height="279">
                 <source src={originalVideoContentUrl} type="video/mp4" />
               </video>
-            );
+            )
           }
           if (carouselTemplate) {
             const carouselContent = get(carouselTemplate, 'columns', [{}]).map(({ imageUrl, action: { label: actionLabel } = {} }) => ({ imageUrl, actionLabel }) );
@@ -716,26 +677,6 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
           }
           break;
         }
-        case VIBER: {
-          const {
-            content: {
-              viber: {
-                text = '',
-                imageURL = '',
-                buttonURL = '',
-                buttonText = '',
-                } = {},
-              } = {},
-            } = template.versions.base;
-          templateData.content = text;
-          if (imageURL) {
-            templateData.url = imageURL;
-          }
-          if (buttonURL && buttonText) {
-            templateData.buttonText = buttonText;
-          }
-          break;
-        }
         default:
           templateData.content = "";
       }
@@ -1233,15 +1174,6 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
           this.props.lineActions.clearCreateResponse();
         }
       });
-    } else if (this.state.channel.toLowerCase() === VIBER_CHANNEL) {
-      this.props.viberActions.createTemplate(duplicateObj, (response) => {
-        if (response && response.templateId) {
-          const message = `${this.state.channel} ${this.props.intl.formatMessage(messages.templateDuplicateSuccess)}`;
-          CapNotification.success({key: 'duplicateSucess', message});
-          this.getAllTemplates({params, resetPage: true});
-          this.props.viberActions.clearCreateResponse();
-        }
-      });
     }
   }
 
@@ -1323,9 +1255,6 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
         pathName += `/${options.account}`;
       }
     }
-    if (this.state.channel.toLowerCase() === VIBER_CHANNEL) {
-      pathName = `/viber/edit/${id}/`;
-    }
     if (this.state.channel.toUpperCase() === WECHAT) {
       if (get(template, 'definition.msgcontent', '') === "RICH_MEDIA_WECHAT") {
         pathName = `/wechat/richmedia/edit/${id}`;
@@ -1624,7 +1553,6 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
     } = Templates;
     const lineLoader = (getAllTemplatesInProgress && this.state.channel.toLowerCase() === 'line');
     const smsLoader = (getAllTemplatesInProgress && this.state.channel.toLowerCase() === 'sms');
-    const viberLoader = (getAllTemplatesInProgress && this.state.channel.toLowerCase() === VIBER_CHANNEL);
     const wechatLoader = (((this.state.selectedAccount !== '' && getAllTemplatesInProgress) || (fetchingWeCrmAccounts)) && this.state.channel.toLowerCase() === 'wechat');
     const mobilePushLoader = (((getAllTemplatesInProgress) || (fetchingWeCrmAccounts)) && this.state.channel.toLowerCase() === 'mobilepush');
     const emailLoader = (
@@ -1638,8 +1566,7 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
       (emailLoader !== undefined ? emailLoader : false) ||
       (ebillLoader !== undefined ? ebillLoader : false) ||
       (mobilePushLoader !== undefined ? mobilePushLoader : false) ||
-      (lineLoader !== undefined ? lineLoader : false) ||
-      (viberLoader !== undefined ? viberLoader : false);
+      (lineLoader !== undefined ? lineLoader : false);
     return isLoading;
   }
   getChannelTypeIllustrationInfo = (type) => {
@@ -1779,10 +1706,6 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
         noAccountHeader = messages.noAccountsPresentLine;
         break;
       }
-      case VIBER: {
-        noAccountHeader = messages.noAccountsPresentViber;
-        break;
-      }
       default:
         break;
     }
@@ -2054,7 +1977,6 @@ Templates.propTypes = {
   isFullMode: PropTypes.bool,
   handlePeviewTemplate: PropTypes.func,
   router: PropTypes.object,
-  viberActions: PropTypes.object,
 };
 
 const mapStateToProps = createStructuredSelector({
@@ -2067,7 +1989,6 @@ const mapStateToProps = createStructuredSelector({
   EmailCreate: makeSelectCreateEmail(),
   Global: makeSelectAuthenticated(),
   Line: makeSelectLine(),
-  Viber: makeSelectViber(),
 });
 
 function mapDispatchToProps(dispatch) {
@@ -2080,7 +2001,6 @@ function mapDispatchToProps(dispatch) {
     emailActions: bindActionCreators(emailActions, dispatch),
     globalActions: bindActionCreators(globalActions, dispatch),
     lineActions: bindActionCreators(lineActions, dispatch),
-    viberActions: bindActionCreators(viberActions, dispatch),
   };
 }
 

package/v2Containers/Templates/messages.js

@@ -366,8 +366,4 @@ export default defineMessages({
     id: `${scope}.duplicatingTemplate`,
     defaultMessage: 'Duplicating template...'
   },
-  noAccountsPresentViber: {
-    id: `${scope}.noAccountsPresentViber`,
-    defaultMessage: "Viber accounts are not setup for your brand",
-  },
 });

package/v2Containers/Templates/reducer.js

@@ -73,8 +73,6 @@ function templatesReducer(state = initialState, action) {
         .set('selectedWeChatAccount', fromJS(action.weChatAccount));
     case types.SET_LINE_ACCOUNT:
       return state.set('selectedLineAccount', fromJS(action.lineAccount));
-    case types.SET_VIBER_ACCOUNT:
-      return state.set('selectedViberAccount', fromJS(action.viberAccount));
     case types.RESET_ACCOUNT:
       return state
         .remove('selectedWeChatAccount')

package/v2Containers/TemplatesV2/index.js

@@ -22,7 +22,6 @@ import * as actions from './actions';
 import Templates from '../Templates';
 import CallTask from '../CallTask';
 import Facebook from '../Facebook';
-import Viber from '../Viber';
 import Line from '../Line/Container';
 import Gallery from '../Assets/Gallery';
 import withStyles from '../../hoc/withStyles';
@@ -53,9 +52,6 @@ export class TemplatesV2 extends React.Component { // eslint-disable-line react/
       //'wechat': {content: this.getTemplatesComponent('wechat'), tab: 'Wechat', key: 'wechat'},
       mPush: {content: <></>, tab: intl.formatMessage(messages.pushNotification), key: 'mobilepush'},
       line: {content: <></>, tab: intl.formatMessage(messages.line), key: 'line'},
-      viber: {content: <></>, tab: intl.formatMessage(messages.viber), key: 'viber'},
-
-
     };
     let filteredPanes = Object.keys(defaultPanes)
       .filter((key) => !channelsToHide.includes(key)).reduce((obj = [], key) => {
@@ -155,18 +151,15 @@ export class TemplatesV2 extends React.Component { // eslint-disable-line react/
       />
     );
   }
-  getViberComponent =() => (
-    <Viber
-      {...this.props}
-      isCreateFlow
-    ></Viber>
-  )
-  getLineComponent = () => (
-    <Line
-      {...this.props}
-      isCreateFlow
+
+  getLineComponent = () => {
+    return (
+      <Line
+        {...this.props}
+        isCreateFlow
       />
     )
+  }
 
   getTemplatesComponent(channel) {
     // const templates = this.props.Templates[`${channel}Templates`];

package/v2Containers/TemplatesV2/messages.js

@@ -46,10 +46,6 @@ export default defineMessages({
     id: 'creatives.containersV2.TemplatesV2.facebook',
     defaultMessage: 'Facebook',
   },
-  viber: {
-    id: 'creatives.containersV2.TemplatesV2.viber',
-    defaultMessage: 'Viber',
-  },
   gallery: {
     id: 'creatives.containersV2.TemplatesV2.gallery',
     defaultMessage: 'Gallery',

package/v2Containers/WeChat/MapTemplates/index.js

@@ -876,7 +876,7 @@ export class MapTemplates extends React.Component { // eslint-disable-line react
     }
     
     getMappedEvent(id, event) {
-      return (this.state.map[id] && this.state.map[id][event] ?  this.state.map[id][event] : () => {});
+      return this.state.map[id][event];
     }
     
     handleOnTagsContextChange = (data) => {

package/utils/ignoredErrorMessages.js

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

package/v2Containers/Viber/_viber.scss

@@ -1,3 +0,0 @@
-.cap-divider-margin{
-    margin: 14px 0;
-}

package/v2Containers/Viber/actions.js

@@ -1,74 +0,0 @@
-
-import * as types from './constants';
-
-export function defaultAction() {
-  return {
-    type: types.DEFAULT_ACTION,
-  };
-}
-
-export const uploadViberAsset = (file, assetType, fileParams, templateType) => ({
-  type: types.UPLOAD_VIBER_ASSET_REQUEST,
-  file,
-  assetType,
-  fileParams,
-  templateType,
-});
-
-
-export function createTemplate(template, callback) {
-  return {
-    type: types.CREATE_VIBER_TEMPLATE_REQUEST,
-    template,
-    callback,
-  };
-}
-
-
-// FOR EDIT
-
-export function editTemplate(template, callback) {
-  console.log('action trigereed editTemplate viber @@@');
-  return {
-    type: types.EDIT_VIBER_TEMPLATE_REQUEST,
-    template,
-    callback,
-  };
-}
-
-export function getTemplateDetails(id, callback) {
-  console.log('getting template viber @@@', id);
-  return {
-    type: types.GET_VIBER_TEMPLATE_DETAILS_REQUEST,
-    id,
-    channel: 'VIBER',
-    callback,
-  };
-}
-
-export function clearData() {
-  return {
-    type: types.CLEAR_VIBER_DATA,
-  };
-}
-
-export function clearEditResponse() {
-  return {
-    type: types.CLEAR_VIBER_EDIT_RESPONSE_REQUEST,
-  };
-}
-
-
-export function clearCreateResponse() {
-  return {
-    type: types.CLEAR_VIBER_CREATE_RESPONSE_REQUEST,
-  };
-}
-
-export function clearViberAsset(templateType) {
-  return {
-    type: types.CLEAR_VIBER_ASSET,
-    templateType,
-  };
-}
-