@capillarytech/creatives-library 7.0.0 → 7.0.4

package/v2Containers/CreativesContainer/constants.js

@@ -13,5 +13,7 @@ export const CALL_TASK = "CALL_TASK";
 export const MOBILE_PUSH = "MOBILEPUSH";
 export const WECHAT = "WECHAT";
 export const FACEBOOK = "FACEBOOK";
+export const VIBER = "VIBER";
+
 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

@@ -5,7 +5,7 @@ import {
 } from '@capillarytech/cap-ui-library';
 import { injectIntl, FormattedMessage } from 'react-intl';
 import classnames from 'classnames';
-import {isEmpty, get, forEach} from 'lodash';
+import {isEmpty, get, forEach, cloneDeep} from 'lodash';
 import { connect } from 'react-redux';
 import { createStructuredSelector } from 'reselect';
 import { bindActionCreators } from 'redux';
@@ -18,7 +18,6 @@ import SlideBoxHeader from './SlideBoxHeader';
 import SlideBoxFooter from './SlideBoxFooter';
 import * as constants from './constants';
 import * as commonUtil from '../../utils/common';
-
 import './index.scss';
 import * as templateActions from '../Templates/actions';
 import * as globalActions from '../Cap/actions';
@@ -247,6 +246,24 @@ class Creatives extends React.Component {
           };
           break;
         }
+        case constants.VIBER: {
+          const { messageBody, isDefault } = templateData;
+          const viber = JSON.parse(messageBody || '{}');
+          creativesTemplateData = {
+            type: constants.VIBER,
+            isDefault,
+            edit: true,
+            name: "",
+            versions: {
+              base: {
+                content: {
+                  ...viber,
+                },
+              },
+            },
+          };
+          break;
+        }
         default:
           break;
       }
@@ -332,6 +349,23 @@ class Creatives extends React.Component {
           };
         }
         break;
+      case constants.VIBER:
+        if (template.value) {
+          const { Templates = {} } = this.props || {};
+          const selectedViberAccount = Templates && Templates.selectedViberAccount;
+          const accountDetails = selectedViberAccount ? JSON.stringify(selectedViberAccount) : '';
+          const accountId = selectedViberAccount ? selectedViberAccount.id : '';
+          const { versions } = template.value;
+          const content = cloneDeep(versions.base.content);
+          content.scenarioKey = get(accountDetails, 'configs.scenario_key');
+          templateData = {
+            channel,
+            accountId,
+            accountDetails,
+            messageBody: JSON.stringify(content),
+          };
+        }
+        break;
       default:
         break;
     }
@@ -446,8 +480,8 @@ class Creatives extends React.Component {
       }
     }
 
-    const isLineChannel = templateData && templateData.type === constants.LINE;
-    if (channel === constants.LINE || isLineChannel) {
+    const isLineViberChannel = templateData && [constants.LINE, constants.VIBER].includes(templateData);
+    if ([constants.LINE, constants.VIBER].includes(channel) || isLineViberChannel) {
       showFooter = false;
     }
 

package/v2Containers/Templates/_templates.scss

@@ -46,6 +46,63 @@
         }
       }
     }
+    .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/actions.js

@@ -4,119 +4,126 @@
  *
  */
 
- 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 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 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,
+  };
+}

package/v2Containers/Templates/constants.js

@@ -43,6 +43,8 @@ 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,6 +30,7 @@ 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';
@@ -40,6 +41,8 @@ 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';
@@ -50,8 +53,13 @@ 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 } from '../App/constants';
-import { MOBILE_PUSH, WECHAT, SMS, EMAIL, EBILL, LINE } from '../CreativesContainer/constants';
+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 emailIllustration from '../Assets/images/emailIllustration.svg';
 import smsIllustration from '../Assets/images/smsIllustration.svg';
 import pushIllustration from '../Assets/images/pushIllustration.svg';
@@ -161,6 +169,13 @@ 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) {
@@ -185,7 +200,7 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
     if (this.props.location.query.type === 'embedded') {
       this.props.actions.resetAccount();
     }
-    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))) {
+    if ((['line', VIBER_CHANNEL, 'sms', 'email', 'ebill'].includes((this.state.channel || '').toLowerCase())) || ((['wechat', 'mobilepush'].includes(this.state.channel.toLowerCase()) && !isEmpty(this.props.Templates.selectedWeChatAccount)))) {
       const queryParams = {
         // name: this.state.searchText,
         // sortBy: this.state.sortBy,
@@ -245,9 +260,16 @@ 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 ((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 (['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() === 'wechat' && !isEmpty(nextProps.Templates.selectedWeChatAccount)) {
             params.wecrmId = (nextProps.Templates.selectedWeChatAccount.configs || {}).wecrm_app_id;
             params.wecrmToken = (nextProps.Templates.selectedWeChatAccount.configs || {}).wecrm_token;
@@ -268,6 +290,20 @@ 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)) {
@@ -336,6 +372,8 @@ 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();
         }
       }
     }
@@ -432,6 +470,7 @@ 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});
@@ -651,7 +690,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 }) );
@@ -677,6 +716,26 @@ 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 = "";
       }
@@ -1174,6 +1233,15 @@ 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();
+        }
+      });
     }
   }
 
@@ -1255,6 +1323,9 @@ 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}`;
@@ -1553,6 +1624,7 @@ 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 = (
@@ -1566,7 +1638,8 @@ 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);
+      (lineLoader !== undefined ? lineLoader : false) ||
+      (viberLoader !== undefined ? viberLoader : false);
     return isLoading;
   }
   getChannelTypeIllustrationInfo = (type) => {
@@ -1648,6 +1721,7 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
     const isMobilePushChannel = channel === MOBILE_PUSH;
     const isLineChannel = channel === LINE;
 
+
     if ((isWechatChannel || isMobilePushChannel || isLineChannel) && !isEmpty(weCrmAccounts)) {
       forEach(weCrmAccounts, (account) => {
         if ((isWechatChannel && account.configs && account.configs.is_wecrm_enabled) || isMobilePushChannel || isLineChannel) {
@@ -1706,6 +1780,10 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
         noAccountHeader = messages.noAccountsPresentLine;
         break;
       }
+      case VIBER: {
+        noAccountHeader = messages.noAccountsPresentViber;
+        break;
+      }
       default:
         break;
     }
@@ -1764,7 +1842,8 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
   render() {
     const isFullMode = this.isFullMode();
     const { activeMode, channel, wechatFilter, lineFilter } = this.state;
-    if (activeMode === ACCOUNT_SELECTION_MODE) {
+    const showForViber = (channel.toLowerCase() !== VIBER_CHANNEL || (channel.toLowerCase() === VIBER_CHANNEL && isEmpty(get(this.props, 'Templates.selectedViberAccount', {}))));
+    if (activeMode === ACCOUNT_SELECTION_MODE && showForViber ) {
       return this.renderAccountSelection();
     }
     const pageHeader = "";
@@ -1977,6 +2056,7 @@ Templates.propTypes = {
   isFullMode: PropTypes.bool,
   handlePeviewTemplate: PropTypes.func,
   router: PropTypes.object,
+  viberActions: PropTypes.object,
 };
 
 const mapStateToProps = createStructuredSelector({
@@ -1989,6 +2069,7 @@ const mapStateToProps = createStructuredSelector({
   EmailCreate: makeSelectCreateEmail(),
   Global: makeSelectAuthenticated(),
   Line: makeSelectLine(),
+  Viber: makeSelectViber(),
 });
 
 function mapDispatchToProps(dispatch) {
@@ -2001,6 +2082,7 @@ 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,4 +366,8 @@ 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,6 +73,8 @@ 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')