@capillarytech/creatives-library 6.13.2 → 6.13.4

package/v2Containers/CreativesContainer/SlideBoxContent.js

@@ -2,6 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import styled from 'styled-components';
 import get from 'lodash/get';
+import cloneDeep from 'lodash/cloneDeep';
 import TemplatesV2 from '../TemplatesV2';
 import TemplatePreview from '../../v2Components/TemplatePreview';
 import SmsCreate from '../Sms/Create';
@@ -18,6 +19,7 @@ import CallTask from '../CallTask';
 import MobliPushEdit from '../MobilePush/Edit';
 import * as constants from './constants';
 import LineContainer from '../Line/Container';
+import Viber from '../Viber';
 const CreativesWrapper = styled.div`
   .ant-popover,
   .ant-notification,
@@ -32,7 +34,6 @@ function getWechatTemplateType(mode, templateData, weChatTemplateType = '') {
   }
   return weChatTemplateType;
 }
-
 const getLineType = ({
   slidBoxContent,
   channel,
@@ -70,6 +71,22 @@ const getLineType = ({
   }
   return {};
 };
+const getViber = ({
+  slidBoxContent,
+  channel,
+  isFullMode,
+  templateData,
+}) => {
+  if ((channel === constants.VIBER || (slidBoxContent === 'editTemplate' && templateData && templateData.type === constants.VIBER)) && slidBoxContent !== 'templates') {
+    const isCreate = slidBoxContent === 'createTemplate';
+    const isEdit = slidBoxContent === 'editTemplate';
+    return {
+      isCreate,
+      isEdit,
+    };
+  }
+  return {};
+};
 
 function SlideBoxContent(props) {
   const {
@@ -135,6 +152,15 @@ function SlideBoxContent(props) {
     isFullMode,
     templateData,
   });
+  const {isCreate: isCreateViber = false,
+    isEdit: isEditViber = false } = getViber({
+      slidBoxContent,
+      channel,
+      isFullMode,
+      templateData,
+    });
+
+
   const isCreateSms = slidBoxContent === 'createTemplate' && channel === constants.SMS;
   const isCreateMPush = slidBoxContent === 'createTemplate' && channel === constants.MOBILE_PUSH;
   const isCreateCallTask = slidBoxContent === 'createTemplate' && channel === constants.CALL_TASK;
@@ -156,7 +182,7 @@ function SlideBoxContent(props) {
     isEditEmailWithId = slidBoxContent === 'editTemplate' && channel === constants.EMAIL && templateData._id;
     isEmailEditWithContent = slidBoxContent === 'editTemplate' && channel === constants.EMAIL && !templateData._id;
     isEditFacebook = slidBoxContent === 'editTemplate' && channel === constants.FACEBOOK;
-    isPreview = slidBoxContent === 'preview' && (channel === constants.SMS || channel === constants.LINE);
+    isPreview = slidBoxContent === 'preview' && (channel === constants.SMS || channel === constants.LINE || channel === constants.VIBER);
     isEmailPreview = slidBoxContent === 'preview' && channel === constants.EMAIL;
     isMpushPreview = slidBoxContent === 'preview' && channel === constants.MOBILE_PUSH;
   }
@@ -223,6 +249,16 @@ function SlideBoxContent(props) {
           return previewContent;
         });
       }
+      case constants.VIBER: {
+        const template = cloneDeep(templateDataObject);
+        const { text = "", imageURL = "", buttonText = "" } = get(template, 'versions.base.content.viber', {});
+        template.content = {
+          messageContent: text,
+          imageURL,
+          buttonText,
+        };
+        return template.content;
+      }
       default:
         return get(templateDataObject, `versions.base.content`);
     }
@@ -500,6 +536,33 @@ function SlideBoxContent(props) {
           />
         )
       }
+      {isCreateViber && (
+        <Viber
+          location={creativesLocationProps}
+          onCreateComplete={onCreateComplete}
+          isFullMode={isFullMode}
+          handleClose={handleClose}
+          isGetFormData={isGetFormData}
+          getFormSubscriptionData={getFormData}
+          onShowTemplates={onShowTemplates}
+          templateData={templateData}
+          createNew/>
+      )}
+
+      {isEditViber && <Viber
+        location={creativesLocationProps}
+        params={{
+          id: templateData._id,
+        }}
+        onCreateComplete={onCreateComplete}
+        isFullMode={isFullMode}
+        handleClose={handleClose}
+        isGetFormData={isGetFormData}
+        getFormSubscriptionData={getFormData}
+        onShowTemplates={onShowTemplates}
+        templateData={templateData}
+        createNew/> }
+
     </CreativesWrapper>
   );
 }

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

@@ -247,6 +247,24 @@ class Creatives extends React.Component {
           };
           break;
         }
+        case constants.VIBER: {
+          const { messageBody, isDefault } = templateData;
+          const viberContent = JSON.parse(messageBody || '{}').messages || [{}];
+          creativesTemplateData = {
+            type: constants.VIBER,
+            isDefault,
+            edit: true,
+            name: "Campaign message VIBER content",
+            versions: {
+              base: {
+                content: {
+                  viber: viberContent,
+                },
+              },
+            },
+          };
+          break;
+        }
         default:
           break;
       }
@@ -332,6 +350,15 @@ class Creatives extends React.Component {
           };
         }
         break;
+      case constants.VIBER:
+        if (template.value) {
+          const { versions } = template.value;
+          templateData = {
+            channel,
+            messageBody: JSON.stringify(versions.base.content),
+          };
+        }
+        break;
       default:
         break;
     }
@@ -446,8 +473,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{
+            .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,6 +30,8 @@ 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 +42,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';
@@ -51,7 +55,7 @@ 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 { 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 +165,9 @@ 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) {
@@ -185,7 +192,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 ((this.state.channel && (this.state.channel.toLowerCase() === 'line' || this.state.channel.toLowerCase() === 'viber' || 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,
@@ -245,9 +252,12 @@ 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 = 'Viber';
       }
+
       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 ((this.state.channel.toLowerCase() === 'line' || this.state.channel.toLowerCase() === 'viber' || 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;
@@ -336,6 +346,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") {
+          this.props.viberActions.clearCreateResponse();
         }
       }
     }
@@ -651,7 +663,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 +689,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 +1206,15 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
           this.props.lineActions.clearCreateResponse();
         }
       });
+    } else if (this.state.channel.toLowerCase() === "viber") {
+      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 +1296,9 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
         pathName += `/${options.account}`;
       }
     }
+    if (this.state.channel.toLowerCase() === 'viber') {
+      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 +1597,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');
     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 +1611,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) => {
@@ -1977,6 +2023,7 @@ Templates.propTypes = {
   isFullMode: PropTypes.bool,
   handlePeviewTemplate: PropTypes.func,
   router: PropTypes.object,
+  viberActions: PropTypes.object,
 };
 
 const mapStateToProps = createStructuredSelector({
@@ -1989,6 +2036,7 @@ const mapStateToProps = createStructuredSelector({
   EmailCreate: makeSelectCreateEmail(),
   Global: makeSelectAuthenticated(),
   Line: makeSelectLine(),
+  Viber: makeSelectViber(),
 });
 
 function mapDispatchToProps(dispatch) {
@@ -2001,6 +2049,7 @@ function mapDispatchToProps(dispatch) {
     emailActions: bindActionCreators(emailActions, dispatch),
     globalActions: bindActionCreators(globalActions, dispatch),
     lineActions: bindActionCreators(lineActions, dispatch),
+    viberActions: bindActionCreators(viberActions, dispatch),
   };
 }
 

package/v2Containers/TemplatesV2/index.js

@@ -22,6 +22,7 @@ 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';
@@ -52,6 +53,8 @@ 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)
@@ -152,7 +155,12 @@ export class TemplatesV2 extends React.Component { // eslint-disable-line react/
       />
     );
   }
-
+  getViberComponent =() => (
+    <Viber
+      {...this.props}
+      isCreateFlow
+    ></Viber>
+  )
   getLineComponent = () => (
     <Line
       {...this.props}
@@ -168,6 +176,9 @@ export class TemplatesV2 extends React.Component { // eslint-disable-line react/
       if (channel === 'line') {
         return this.getLineComponent();
       }
+      if (channel === 'viber') {
+        return this.getViberComponent();
+      }
     }
     const location = {pathname: `/${channel}`, search: '', query};
     switch (channel) {

package/v2Containers/TemplatesV2/messages.js

@@ -46,6 +46,10 @@ 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/Viber/_viber.scss

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

package/v2Containers/Viber/actions.js

@@ -0,0 +1,74 @@
+
+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,
+  };
+}
+

package/v2Containers/Viber/constants.js

@@ -0,0 +1,30 @@
+export const DEFAULT_ACTION = 'app/v2Containers/Viber/DEFAULT_ACTION';
+export const ALLOWED_EXTENSIONS_REGEX = (/\.(jpe?g|png)$/i);
+export const VIBER_IMG_HEIGHT = 400;
+export const VIBER_IMG_WIDTH = 300;
+export const VIBER_IMG_SIZE = 10000000;
+export const charLimit = 1000;
+
+export const UPLOAD_VIBER_ASSET_REQUEST = 'app/v2Containers/Viber/UPLOAD_ASSET_REQUEST';
+export const UPLOAD_VIBER_ASSET_SUCCESS = 'app/v2Containers/Viber/UPLOAD_ASSET_SUCCESS';
+export const UPLOAD_VIBER_ASSET_FAILURE = 'app/v2Containers/Viber/UPLOAD_ASSET_FAILURE';
+
+
+export const CREATE_VIBER_TEMPLATE_REQUEST = 'app/v2Containers/Viber/CREATE_VIBER_TEMPLATE_REQUEST';
+export const CREATE_VIBER_TEMPLATE_SUCCESS = 'app/v2Containers/Viber/CREATE_VIBER_TEMPLATE_SUCCESS';
+export const CREATE_VIBER_TEMPLATE_FAILURE = 'app/v2Containers/Viber/CREATE_VIBER_TEMPLATE_FAILURE';
+
+
+export const GET_VIBER_TEMPLATE_DETAILS_REQUEST = 'app/v2Containers/Viber/EDIT/CREATE_VIBER_TEMPLATE_DETAILS_REQUEST';
+export const GET_VIBER_TEMPLATE_DETAILS_SUCCESS = 'app/v2Containers/Viber/EDIT/CREATE_VIBER_TEMPLATE_DETAILS_SUCCESS';
+export const GET_VIBER_TEMPLATE_DETAILS_FAILURE = 'app/v2Containers/Viber/EDIT/CREATE_VIBER_TEMPLATE_DETAILS_FAILURE';
+
+export const EDIT_VIBER_TEMPLATE_REQUEST = 'app/v2Containers/VIBER/Edit/EDIT_VIBER_TEMPLATE_REQUEST';
+export const EDIT_VIBER_TEMPLATE_SUCCESS = 'app/v2Containers/VIBER/Edit/EDIT_VIBER_TEMPLATE_SUCCESS';
+export const EDIT_VIBER_TEMPLATE_FAILURE = 'app/v2Containers/VIBER/Edit/EDIT_VIBER_TEMPLATE_FAILURE';
+
+export const CLEAR_VIBER_EDIT_RESPONSE_REQUEST = 'app/v2Containers/VIBER/Edit/CLEAR_EDIT_RESPONSE_REQUEST';
+export const CLEAR_VIBER_DATA = 'app/v2Containers/VIBER/Edit/CLEAR_DATA';
+export const CLEAR_VIBER_CREATE_RESPONSE_REQUEST = 'app/v2Containers/VIBER/Create/CLEAR_EDIT_RESPONSE_REQUEST';
+export const CLEAR_VIBER_ASSET = 'app/v2Containers/Viber/CLEAR_ASSET';
+