@capillarytech/creatives-library 6.13.5 → 6.13.6

package/v2Containers/Line/Edit/messages.js

@@ -0,0 +1,173 @@
+/*
+ * Edit Messages
+ *
+ * This contains all the text for the Edit component.
+ */
+import { defineMessages } from 'react-intl';
+
+export default defineMessages({
+  "imageUploadLabel": {
+    id: 'creatives.containersV2.Line.Edit.ImageUploadLabel',
+    defaultMessage: 'Upload image',
+  },
+  "Enter template name*": {
+    id: 'creatives.containersV2.Line.Edit.enterTemplateNameImportant',
+    defaultMessage: 'Enter template name*',
+  },
+  "Enter template name": {
+    id: 'creatives.containersV2.Line.Edit.enterTemplateName',
+    defaultMessage: 'Enter template name',
+  },
+  "Template name cannot be empty": {
+    id: 'creatives.containersV2.Line.Edit.templateCantEmpty',
+    defaultMessage: 'Template name cannot be empty',
+  },
+  "Discard Changes": {
+    id: 'creatives.containersV2.Line.Edit.discardChanges',
+    defaultMessage: 'Discard changes',
+  },
+  "Cancel": {
+    id: 'creatives.containersV2.Line.Edit.cancel',
+    defaultMessage: 'Cancel',
+  },
+  "Save": {
+    id: 'creatives.containersV2.Line.Edit.save',
+    defaultMessage: 'Save',
+  },
+  "Select Line Template": {
+    id: 'creatives.containersV2.Line.Edit.selectLineTemplate',
+    defaultMessage: 'Select line template',
+  },
+  "Template": {
+    id: 'creatives.containersV2.Line.Edit.template',
+    defaultMessage: 'Template',
+  },
+  "Title*": {
+    id: 'creatives.containersV2.Line.Edit.titleLabel',
+    defaultMessage: 'Title*',
+  },
+  "Title": {
+    id: 'creatives.containersV2.Line.Edit.title',
+    defaultMessage: 'Title',
+  },
+  "Please input message title name.": {
+    id: 'creatives.containersV2.Line.Edit.titleNameInvalid',
+    defaultMessage: 'Please enter the message title',
+  },
+  "Template message has unsupported/missing tags!": {
+    id: 'creatives.containersV2.Line.Edit.messageHasUnsupportedTag',
+    defaultMessage: 'Please check the message content for unsupported/missing tags',
+  },
+  "Tags": {
+    id: 'creatives.containersV2.Line.Edit.Tags',
+    defaultMessage: 'Tags',
+  },
+  "Message*": {
+    id: 'creatives.containersV2.Line.Edit.messageLabel',
+    defaultMessage: 'Message*',
+  },
+  "Message": {
+    id: 'creatives.containersV2.Line.Edit.message',
+    defaultMessage: 'Message',
+  },
+  "Please input mobile push template content.": {
+    id: 'creatives.containersV2.Line.Edit.inputLineTemplateContent',
+    defaultMessage: 'Please enter the message content',
+  },
+  "Template title has unsupported/missing tags.": {
+    id: 'creatives.containersV2.Line.Edit.titleHasUnsupportedTag',
+    defaultMessage: 'Please check the message content for unsupported/missing tags',
+  },
+  "Template name cannot be empty.": {
+    id: 'creatives.containersV2.Line.Edit.templateNameNotEmpty',
+    defaultMessage: 'Please provide a template name ',
+  },
+  "Message title has unsupported/missing tags!": {
+    id: 'creatives.containersV2.Line.Edit.messageTitleWithUnsupportedTag',
+    defaultMessage: 'Please check the message content for unsupported/missing tags',
+  },
+  "Image": {
+    id: 'creatives.containersV2.Line.Edit.Image',
+    defaultMessage: 'Image',
+  },
+  "Max file size acceptable is 5mb": {
+    id: 'creatives.containersV2.Line.Edit.maxUploadFileSize',
+    defaultMessage: 'Max file size acceptable is 5mb',
+  },
+  "Please upload Image": {
+    id: 'creatives.containersV2.Line.Edit.pleaseUploadImage',
+    defaultMessage: 'Please upload image',
+  },
+  "Upload Image": {
+    id: 'creatives.containersV2.Line.Edit.uploadImage',
+    defaultMessage: 'Upload image',
+  },
+  "Line Template Edited Successfully": {
+    id: 'creatives.containersV2.Line.Edit.templateEditedSuccessfully',
+    defaultMessage: 'Line template edited successfully',
+  },
+  "somethingWentWrong": {
+    id: 'creatives.containersV2.Line.Edit.somethingWentWrong',
+    defaultMessage: 'Something went wrong!!',
+  },
+  "Do you really want to go back? All your temporary changes will be lost!": {
+    id: 'creatives.containersV2.Line.Edit.goBackConfirmation',
+    defaultMessage: "Going back will discard all the changes you've made. Continue?",
+  },
+  "Name and Description": {
+    id: 'creatives.containersV2.Line.Edit.nameAndDescription',
+    defaultMessage: 'Name and description',
+  },
+  "Button 1": {
+    id: 'creatives.containersV2.Line.Edit.button1',
+    defaultMessage: 'Button 1',
+  },
+  "Button 2": {
+    id: 'creatives.containersV2.Line.Edit.button2',
+    defaultMessage: 'Button 2',
+  },
+  "File size cannot be more than 5mb": {
+    id: 'creatives.containersV2.Line.Edit.uploadFileSizeError',
+    defaultMessage: 'File size cannot be more than 5mb',
+  },
+  "value cannot be empty.": {
+    id: 'creatives.containersV2.Line.Edit.valueCantEmpty',
+    defaultMessage: 'value cannot be empty.',
+  },
+  "Uploading Image...": {
+    id: 'creatives.containersV2.Line.Edit.uploadingImage',
+    defaultMessage: 'Uploading image...',
+  },
+  "Campaigns": {
+    id: 'creatives.containersV2.Line.Edit.Campaigns',
+    defaultMessage: 'Campaigns',
+  },
+  "Creatives": {
+    id: 'creatives.containersV2.Line.Edit.Creatives',
+    defaultMessage: 'Creatives',
+  },
+  "mobilePush": {
+    id: 'creatives.containersV2.Line.Edit.mobilePush',
+    defaultMessage: 'Mobile Push',
+  },
+  "templateNotConfigured": {
+    id: 'creatives.containersV2.Line.Edit.templateNotConfigured',
+    defaultMessage: 'template not configured,',
+  },
+  "alertMessage": {
+    id: 'creatives.containersV2.Line.Edit.alertMessage',
+    defaultMessage: 'Alert',
+  },
+  "androidNotConfigured": {
+    id: 'creatives.containersV2.Line.Edit.androidNotConfigured',
+    defaultMessage: 'Android template is not configured. Save without Android template',
+  },
+  "iosNotConfigured": {
+    id: 'creatives.containersV2.Line.Edit.iosNotConfigured',
+    defaultMessage: 'IOS template is not configured, Save without IOS template',
+  },
+  "goBackTemporaryChangesLost": {
+    id: 'creatives.containersV2.Line.Edit.goBackTemporaryChangesLost',
+    defaultMessage: 'Do you really want to go back? All your temporary changes will be lost!',
+  },
+});

package/v2Containers/Line/Edit/reducer.js

@@ -0,0 +1,83 @@
+/*
+ *
+ * Create reducer
+ *
+ */
+
+import { fromJS } from 'immutable';
+import * as types from './constants';
+
+const initialState = fromJS({
+  editTemplateInProgress: false,
+  editResponse: {},
+  getTemplateDetailsInProgress: false,
+  templateDetails: {},
+});
+
+function editReducer(state = initialState, action) {
+  switch (action.type) {
+    case types.DEFAULT_ACTION:
+      return state;
+    case types.EDIT_TEMPLATE_REQUEST:
+      return state
+        .set('editTemplateInProgress', true)
+        .set('editTemplateError', false)
+        .set('editTemplateErrorMessage', fromJS(""));
+    case types.EDIT_TEMPLATE_SUCCESS:
+      return state.set('editTemplateInProgress', false)
+        .set('editResponse', action.data)
+        .set('editTemplateError', (action.statusCode !== undefined && action.statusCode > 300))
+        .set('editTemplateErrorMessage', fromJS(action.errorMsg));
+    case types.EDIT_TEMPLATE_FAILURE:
+      return state
+        .set('editTemplateInProgress', false)
+        .set('editTemplateError', true)
+        .set('editTemplateErrorMessage', fromJS(action.errorMsg));
+    case types.GET_TEMPLATE_DETAILS_REQUEST:
+      return state.set('getTemplateDetailsInProgress', true);
+    case types.GET_TEMPLATE_DETAILS_SUCCESS:
+    case types.SET_SELECTED_TEMPLATE:
+      return state.set('getTemplateDetailsInProgress', false)
+        .set('templateDetails', action.data);
+    case types.GET_TEMPLATE_DETAILS_FAILURE:
+      return state.set('getTemplateDetailsInProgress', false);
+    case types.CLEAR_EDIT_RESPONSE_REQUEST:
+      return state.set('editResponse', {});
+    case types.UPLOAD_ASSET_REQUEST:
+      return state
+        .set('uploadAssetSuccess', false)
+        .set('assetUploading', true);
+    case types.UPLOAD_ASSET_SUCCESS:
+      return state
+        .set('uploadAssetSuccess', (action.statusCode !== undefined && action.statusCode !== '' && action.statusCode < 300))
+        .set('assetUploading', false)
+        .set('uploadedAssetData', action.data);
+    case types.UPLOAD_ASSET_FAILURE:
+      return state
+        .set('uploadAssetSuccess', false)
+        .set('assetUploading', false);
+    case types.CLEAR_DATA:
+      return state
+        .delete('uploadedAssetData')
+        .delete('metaEntities')
+        .delete('templateDetails');
+    case types.CLEAR_ASSET:
+      return state
+        .delete('uploadedAssetData');
+    case types.GET_LINE_TEMPLATES_LIST_REQUEST:
+      return state
+        .set('fetchingDefaultTemplates', true);
+    case types.GET_LINE_TEMPLATES_LIST_SUCCESS:
+      return state
+        .set('fetchingDefaultTemplates', false)
+        .set('lineTemplates', fromJS(action.data));
+    case types.GET_LINE_TEMPLATES_LIST_FAILURE:
+      return state
+        .set('fetchingDefaultTemplates', false)
+        .set('errorFetchingDefaultTempalte', true);
+    default:
+      return state;
+  }
+}
+
+export default editReducer;

package/v2Containers/Line/Edit/sagas.js

@@ -0,0 +1,81 @@
+import { call, put, takeLatest, take, cancel } from 'redux-saga/effects';
+import { LOCATION_CHANGE } from 'react-router-redux';
+// import { schema, normalize } from 'normalizr';
+import * as Api from '../../../services/api';
+import * as types from './constants';
+
+// Individual exports for testing
+export function* editTemplate(template) {
+  let errorMsg;
+  try {
+    console.log('saga editTemplate line', template);
+    const result = yield call(Api.createLineTemplate, template);
+    console.log('saga editTemplate success line', result);
+    if (result.message || result.status.code === 500) {
+      errorMsg = result.message;
+    }
+    yield put({ type: types.EDIT_TEMPLATE_SUCCESS, data: result.response, statusCode: result.status ? result.status.code : '', errorMsg });
+  } catch (error) {
+    yield put({ type: types.EDIT_TEMPLATE_FAILURE, error, errorMsg });
+  }
+}
+
+export function* getTemplateDetails(id) {
+  try {
+    console.log('saga get Template details line', id);
+    const result = yield call(Api.getTemplateDetails, id);
+    // const sidebar = result.response.sidebar;
+    yield put({ type: types.GET_TEMPLATE_DETAILS_SUCCESS, data: result.response });
+  } catch (error) {
+    yield put({ type: types.GET_TEMPLATE_DETAILS_FAILURE, error });
+  }
+}
+
+export function* uploadAsset(file, assetType, fileParams, mode) {
+  try {
+    const result = yield call(Api.uploadFile, file, assetType, fileParams, mode);
+    yield put({ type: types.UPLOAD_ASSET_SUCCESS, data: result.response.asset, statusCode: result.status ? result.status.code : '' });
+  } catch (error) {
+    yield put({ type: types.UPLOAD_ASSET_FAILURE, error });
+  }
+}
+
+export function* getLineTemplatesList(params) {
+  try {
+    console.log('Saga param line ', params.channel, params.queryParams);
+    const result = yield call(Api.getAllTemplates, {channel: params.channel, queryParams: params.queryParams});
+    yield put({ type: types.GET_LINE_TEMPLATES_LIST_SUCCESS, data: result.response.templates, templateData: result.response.mapped});
+  } catch (error) {
+    yield put({ type: types.GET_LINE_TEMPLATES_LIST_FAILURE, error });
+  }
+}
+
+function* watchEditTemplate() {
+  const watcher = yield takeLatest(types.EDIT_TEMPLATE_REQUEST, editTemplate);
+  yield take(LOCATION_CHANGE);
+  yield cancel(watcher);
+}
+
+function* watchGetTemplateDetails() {
+  const watcher = yield takeLatest(types.GET_TEMPLATE_DETAILS_REQUEST, getTemplateDetails);
+  yield take(LOCATION_CHANGE);
+  yield cancel(watcher);
+}
+
+function* watchUploadAsset() {
+  const watcher = yield takeLatest(types.UPLOAD_ASSET_REQUEST, uploadAsset);
+  yield take(LOCATION_CHANGE);
+  yield cancel(watcher);
+}
+
+function* watchLineTemplatesList() {
+  const watcher = yield takeLatest(types.GET_LINE_TEMPLATES_LIST_REQUEST, getLineTemplatesList);
+  yield take(LOCATION_CHANGE);
+  yield cancel(watcher);
+}
+
+// All sagas to be loaded
+export default [
+  watchEditTemplate, watchGetTemplateDetails, watchLineTemplatesList,
+  watchUploadAsset,
+];

package/v2Containers/Line/Edit/selectors.js

@@ -0,0 +1,29 @@
+import { createSelector } from 'reselect';
+
+/**
+ * Direct selector to the create state domain
+ */
+const selectLineEditDomain = () => (state) => state.get('edit');
+
+/**
+ * Other specific selectors
+ */
+
+
+/**
+ * Default selector used by Create
+ */
+
+const makeSelectEdit = () => createSelector(
+  selectLineEditDomain(),
+  (substate) => substate.toJS()
+);
+const makeSelectEditResponse = () => createSelector(
+  selectLineEditDomain(), (dimensionState) => dimensionState.get('editResponse')
+);
+const makeSelectTemplateDetailsResponse = () => createSelector(
+  selectLineEditDomain(), (dimensionState) => dimensionState.get('templateDetails')
+);
+export {
+  makeSelectEdit, makeSelectEditResponse, makeSelectTemplateDetailsResponse,
+};

package/v2Containers/Line/Edit/tests/actions.test.js

@@ -0,0 +1,18 @@
+
+import {
+  defaultAction,
+} from '../actions';
+import {
+  DEFAULT_ACTION,
+} from '../constants';
+
+describe('Create actions', () => {
+  describe('Default Action', () => {
+    it('has a type of DEFAULT_ACTION', () => {
+      const expected = {
+        type: DEFAULT_ACTION,
+      };
+      expect(defaultAction()).toEqual(expected);
+    });
+  });
+});

package/v2Containers/Line/Edit/tests/index.test.js

@@ -0,0 +1,10 @@
+// import React from 'react';
+// import { shallow } from 'enzyme';
+
+// import { Create } from '../index';
+
+describe('<Create />', () => {
+  it('Expect to have unit tests specified', () => {
+    expect(true).toEqual(false);
+  });
+});

package/v2Containers/Line/Edit/tests/reducer.test.js

@@ -0,0 +1,9 @@
+
+import { fromJS } from 'immutable';
+import createReducer from '../reducer';
+
+describe('createReducer', () => {
+  it('returns the initial state', () => {
+    expect(createReducer(undefined, {})).toEqual(fromJS({}));
+  });
+});

package/v2Containers/Line/Edit/tests/sagas.test.js

@@ -0,0 +1,15 @@
+/**
+ * Test  sagas
+ */
+
+/* eslint-disable redux-saga/yield-effects */
+// import { take, call, put, select } from 'redux-saga/effects';
+// import { defaultSaga } from '../sagas';
+
+// const generator = defaultSaga();
+
+describe('defaultSaga Saga', () => {
+  it('Expect to have unit tests specified', () => {
+    expect(true).toEqual(false);
+  });
+});

package/v2Containers/Line/Edit/tests/selectors.test.js

@@ -0,0 +1,10 @@
+// import { fromJS } from 'immutable';
+// import { makeSelectCreateDomain } from '../selectors';
+
+// const selector = makeSelectCreateDomain();
+
+describe('makeSelectCreateDomain', () => {
+  it('Expect to have unit tests specified', () => {
+    expect(true).toEqual(false);
+  });
+});

package/v2Containers/Templates/_templates.scss

@@ -46,63 +46,6 @@
         }
       }
     }
-    .VIBER {
-      &.cap-custom-card{
-        height: 241px;
-        .ant-card-body {
-         padding:0px 24px 0px;
-          .button-content {    
-            .ant-card-meta-description {
-                min-width: 108px;
-                max-width: 160px;
-                height: 24px;
-                padding: 1px 23px 2px 22px;
-                border-radius: 16px;
-                font-size: 14px;
-                font-weight: 500;
-                background-color:$CAP_PURPLE01;
-                color:$CAP_WHITE;
-                text-align:center;
-            }
-          }
-          .truncate-text-viber{
-            .ant-card-meta-description{
-              display: -webkit-box;
-              -webkit-line-clamp: 9;
-              -webkit-box-orient: vertical; 
-            }
-          }
-          .truncate-text-with-button{
-            .ant-card-meta-description{
-            -webkit-line-clamp: 8;
-            }
-          }
-          .truncate-text-with-image{
-            .ant-card-meta-description{
-            -webkit-line-clamp: 2;
-            }
-          }
-        
-        }
-      
-        &.no-image .ant-card-meta {    
-          .ant-card-meta-description {
-            word-wrap: break-word;
-          }
-        }
-    
-  
-        &.carousel-img-section {
-          .ant-card-body {
-            padding: $CAP_SPACE_24 0;
-          }
-          .ant-card-meta {
-            padding: 0;
-          }
-        }
-    }
-
-    }
   }
 }
 

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,9 +161,6 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
         case EBILL:
           channel = 'Ebill';
           break;
-        case VIBER:
-          channel = 'Viber';
-          break;
         case LINE:
           channel = "Line";
           if (!this.props.isFullMode) {
@@ -196,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,
@@ -256,12 +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';
       }
-
       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;
@@ -350,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();
         }
       }
     }
@@ -667,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 }) );
@@ -693,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 = "";
       }
@@ -1210,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();
-        }
-      });
     }
   }
 
@@ -1300,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}`;
@@ -1601,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 = (
@@ -1615,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) => {
@@ -2027,7 +1977,6 @@ Templates.propTypes = {
   isFullMode: PropTypes.bool,
   handlePeviewTemplate: PropTypes.func,
   router: PropTypes.object,
-  viberActions: PropTypes.object,
 };
 
 const mapStateToProps = createStructuredSelector({
@@ -2040,7 +1989,6 @@ const mapStateToProps = createStructuredSelector({
   EmailCreate: makeSelectCreateEmail(),
   Global: makeSelectAuthenticated(),
   Line: makeSelectLine(),
-  Viber: makeSelectViber(),
 });
 
 function mapDispatchToProps(dispatch) {
@@ -2053,7 +2001,6 @@ function mapDispatchToProps(dispatch) {
     emailActions: bindActionCreators(emailActions, dispatch),
     globalActions: bindActionCreators(globalActions, dispatch),
     lineActions: bindActionCreators(lineActions, dispatch),
-    viberActions: bindActionCreators(viberActions, dispatch),
   };
 }