@capillarytech/creatives-library 6.13.8 → 6.14.0

package/translations/zh.json

@@ -1,8 +1,6 @@
 {
   "app.components.TemplatePreview.includesOptoutTag": "",
   "app.components.TemplatePreview.optoutCharactersTotal": "",
-  "creatives.components.AccessForbidden.forbiddenDesc": "",
-  "creatives.components.AccessForbidden.forbiddenHeader": "",
   "creatives.components.BreadCrumbs.header": "",
   "creatives.components.CapTagList.Cancel": "",
   "creatives.components.CapTagList.Ok": "",
@@ -145,7 +143,7 @@
   "creatives.componentsV2.ImagePreview.close": "",
   "creatives.componentsV2.ImagePreview.loadingImage": "",
   "creatives.componentsV2.NavigationBar.businessProcesses": "",
-  "creatives.componentsV2.NavigationBar.campaigns/ui/list": "",
+  "creatives.componentsV2.NavigationBar.campaign": "",
   "creatives.componentsV2.NavigationBar.header": "",
   "creatives.componentsV2.NavigationBar.insights": "",
   "creatives.componentsV2.NavigationBar.logout": "",
@@ -174,11 +172,9 @@
   "creatives.componentsV2.TemplatePreview.charactersPerSms": "",
   "creatives.componentsV2.TemplatePreview.charactersTotal": "",
   "creatives.componentsV2.TemplatePreview.close": "",
-  "creatives.componentsV2.TemplatePreview.playVideo": "",
   "creatives.componentsV2.TemplatePreview.preview": "",
   "creatives.componentsV2.TemplatePreview.previewGenerated": "",
   "creatives.componentsV2.TemplatePreview.previewGenerationMessage": "",
-  "creatives.componentsV2.TemplatePreview.showDetails": "",
   "creatives.componentsV2.TemplatePreview.sms": "",
   "creatives.componentsV2.TemplatePreview.smsFormatType": "",
   "creatives.componentsV2.TemplatePreview.smsIcon": "",
@@ -251,6 +247,8 @@
   "creatives.containers.Create.graphic_details_page": "",
   "creatives.containers.Create.header": "",
   "creatives.containers.Create.http_example": "",
+  "creatives.containers.Create.imageGallery": "",
+  "creatives.containers.Create.lineImageIncorrectSize": "",
   "creatives.containers.Create.markFinalVersionLabel": "",
   "creatives.containers.Create.maxContentCount": "",
   "creatives.containers.Create.messageLabel": "",
@@ -268,9 +266,17 @@
   "creatives.containers.Create.sourceLinkEmpty": "",
   "creatives.containers.Create.tagsErrorMessage": "",
   "creatives.containers.Create.tagsLabel": "",
+  "creatives.containers.Create.templateAddTag": "",
   "creatives.containers.Create.templateDataNotValid": "",
   "creatives.containers.Create.templateMarkedFinal": "",
+  "creatives.containers.Create.templateMessageError": "",
+  "creatives.containers.Create.templateMessagePlaceholder": "",
+  "creatives.containers.Create.templateMessagePreviewPropsError": "",
+  "creatives.containers.Create.templateMessagePreviewPropsInductiveText": "",
+  "creatives.containers.Create.templateMessagePreviewPropsLabel": "",
+  "creatives.containers.Create.templateNameErrorPlaceholder": "",
   "creatives.containers.Create.templateNamePlaceHolder": "",
+  "creatives.containers.Create.templatePlaceholder": "",
   "creatives.containers.Create.titleCharacterCount": "",
   "creatives.containers.Create.titleEmpty": "",
   "creatives.containers.Create.titleNameRepeated": "",
@@ -1083,6 +1089,102 @@
   "creatives.containersV2.FacebookMarketingObjective.fbMarketingObjectiveDescription": "",
   "creatives.containersV2.FacebookMarketingObjective.fbMarketingObjectiveDone": "",
   "creatives.containersV2.FacebookMarketingObjective.fbMarketingObjectiveTitle": "",
+  "creatives.containersV2.Line.Create.Campaigns": "",
+  "creatives.containersV2.Line.Create.Creatives": "",
+  "creatives.containersV2.Line.Create.Image": "",
+  "creatives.containersV2.Line.Create.ImageUploadLabel": "",
+  "creatives.containersV2.Line.Create.Tags": "",
+  "creatives.containersV2.Line.Create.accountId": "",
+  "creatives.containersV2.Line.Create.alertMessage": "",
+  "creatives.containersV2.Line.Create.button1": "",
+  "creatives.containersV2.Line.Create.button2": "",
+  "creatives.containersV2.Line.Create.cancel": "",
+  "creatives.containersV2.Line.Create.discardChanges": "",
+  "creatives.containersV2.Line.Create.enterTemplateName": "",
+  "creatives.containersV2.Line.Create.enterTemplateNameImportant": "",
+  "creatives.containersV2.Line.Create.goBackTemporaryLost": "",
+  "creatives.containersV2.Line.Create.image": "",
+  "creatives.containersV2.Line.Create.inputLineTemplateContent": "",
+  "creatives.containersV2.Line.Create.line": "",
+  "creatives.containersV2.Line.Create.lineTemplateCreatedSuccessfully": "",
+  "creatives.containersV2.Line.Create.maxUploadFileSize": "",
+  "creatives.containersV2.Line.Create.maximumCharacterLengthExceeds": "",
+  "creatives.containersV2.Line.Create.message": "",
+  "creatives.containersV2.Line.Create.messageHasUnsupportedTag": "",
+  "creatives.containersV2.Line.Create.messageLabel": "",
+  "creatives.containersV2.Line.Create.messageTitleWithUnsupportedTag": "",
+  "creatives.containersV2.Line.Create.nameAndDescription": "",
+  "creatives.containersV2.Line.Create.pleaseUploadImage": "",
+  "creatives.containersV2.Line.Create.save": "",
+  "creatives.containersV2.Line.Create.selectLineAccount": "",
+  "creatives.containersV2.Line.Create.selectLineTemplate": "",
+  "creatives.containersV2.Line.Create.somethingWentWrong": "",
+  "creatives.containersV2.Line.Create.template": "",
+  "creatives.containersV2.Line.Create.templateCantEmpty": "",
+  "creatives.containersV2.Line.Create.templateEditedSuccessfully": "",
+  "creatives.containersV2.Line.Create.templateNameNotEmpty": "",
+  "creatives.containersV2.Line.Create.templateNotConfigured": "",
+  "creatives.containersV2.Line.Create.title": "",
+  "creatives.containersV2.Line.Create.titleHasUnsupportedTag": "",
+  "creatives.containersV2.Line.Create.titleLabel": "",
+  "creatives.containersV2.Line.Create.titleNameInvalid": "",
+  "creatives.containersV2.Line.Create.uploadFileSizeError": "",
+  "creatives.containersV2.Line.Create.uploadImage": "",
+  "creatives.containersV2.Line.Create.uploadSuccess": "",
+  "creatives.containersV2.Line.Create.uploadingImage": "",
+  "creatives.containersV2.Line.Create.valueCantEmpty": "",
+  "creatives.containersV2.Line.CreateWrapper.accountLineListDescription": "",
+  "creatives.containersV2.Line.CreateWrapper.accountLineListTitle": "",
+  "creatives.containersV2.Line.CreateWrapper.accountLineNoListTitle": "",
+  "creatives.containersV2.Line.CreateWrapper.continue": "",
+  "creatives.containersV2.Line.CreateWrapper.hybridTemplateDescription": "",
+  "creatives.containersV2.Line.CreateWrapper.hybridTemplateTitle": "",
+  "creatives.containersV2.Line.CreateWrapper.imageTemplateDescription": "",
+  "creatives.containersV2.Line.CreateWrapper.imageTemplateTitle": "",
+  "creatives.containersV2.Line.CreateWrapper.templateType": "",
+  "creatives.containersV2.Line.CreateWrapper.textTemplateDescription": "",
+  "creatives.containersV2.Line.CreateWrapper.textTemplateTitle": "",
+  "creatives.containersV2.Line.Edit.Campaigns": "",
+  "creatives.containersV2.Line.Edit.Creatives": "",
+  "creatives.containersV2.Line.Edit.Image": "",
+  "creatives.containersV2.Line.Edit.ImageUploadLabel": "",
+  "creatives.containersV2.Line.Edit.Tags": "",
+  "creatives.containersV2.Line.Edit.alertMessage": "",
+  "creatives.containersV2.Line.Edit.androidNotConfigured": "",
+  "creatives.containersV2.Line.Edit.button1": "",
+  "creatives.containersV2.Line.Edit.button2": "",
+  "creatives.containersV2.Line.Edit.cancel": "",
+  "creatives.containersV2.Line.Edit.discardChanges": "",
+  "creatives.containersV2.Line.Edit.enterTemplateName": "",
+  "creatives.containersV2.Line.Edit.enterTemplateNameImportant": "",
+  "creatives.containersV2.Line.Edit.goBackConfirmation": "",
+  "creatives.containersV2.Line.Edit.goBackTemporaryChangesLost": "",
+  "creatives.containersV2.Line.Edit.inputLineTemplateContent": "",
+  "creatives.containersV2.Line.Edit.iosNotConfigured": "",
+  "creatives.containersV2.Line.Edit.maxUploadFileSize": "",
+  "creatives.containersV2.Line.Edit.message": "",
+  "creatives.containersV2.Line.Edit.messageHasUnsupportedTag": "",
+  "creatives.containersV2.Line.Edit.messageLabel": "",
+  "creatives.containersV2.Line.Edit.messageTitleWithUnsupportedTag": "",
+  "creatives.containersV2.Line.Edit.mobilePush": "",
+  "creatives.containersV2.Line.Edit.nameAndDescription": "",
+  "creatives.containersV2.Line.Edit.pleaseUploadImage": "",
+  "creatives.containersV2.Line.Edit.save": "",
+  "creatives.containersV2.Line.Edit.selectLineTemplate": "",
+  "creatives.containersV2.Line.Edit.somethingWentWrong": "",
+  "creatives.containersV2.Line.Edit.template": "",
+  "creatives.containersV2.Line.Edit.templateCantEmpty": "",
+  "creatives.containersV2.Line.Edit.templateEditedSuccessfully": "",
+  "creatives.containersV2.Line.Edit.templateNameNotEmpty": "",
+  "creatives.containersV2.Line.Edit.templateNotConfigured": "",
+  "creatives.containersV2.Line.Edit.title": "",
+  "creatives.containersV2.Line.Edit.titleHasUnsupportedTag": "",
+  "creatives.containersV2.Line.Edit.titleLabel": "",
+  "creatives.containersV2.Line.Edit.titleNameInvalid": "",
+  "creatives.containersV2.Line.Edit.uploadFileSizeError": "",
+  "creatives.containersV2.Line.Edit.uploadImage": "",
+  "creatives.containersV2.Line.Edit.uploadingImage": "",
+  "creatives.containersV2.Line.Edit.valueCantEmpty": "",
   "creatives.containersV2.LineContainer.addMessageButtonLabel": "",
   "creatives.containersV2.LineContainer.cancelButtonLabel": "",
   "creatives.containersV2.LineContainer.changeAccount": "",
@@ -1091,7 +1193,6 @@
   "creatives.containersV2.LineContainer.lineAccount": "",
   "creatives.containersV2.LineContainer.lineAccountHeading": "",
   "creatives.containersV2.LineContainer.lineAccountHeadingChangeLabel": "",
-  "creatives.containersV2.LineContainer.lineAccountLabel": "",
   "creatives.containersV2.LineContainer.lineCreateNotification": "",
   "creatives.containersV2.LineContainer.lineCreativeDescription": "",
   "creatives.containersV2.LineContainer.lineCreativeTitle": "",
@@ -1183,39 +1284,6 @@
   "creatives.containersV2.LineText.textMessageSelectTemplate": "",
   "creatives.containersV2.LineText.textMessageTitleLabel": "",
   "creatives.containersV2.LineText.textMessageTitlePlaceholder": "",
-  "creatives.containersV2.LineVideo.actionButtonLabel": "",
-  "creatives.containersV2.LineVideo.actionLabelInductiveTitle": "",
-  "creatives.containersV2.LineVideo.actionLabelPlaceholder": "",
-  "creatives.containersV2.LineVideo.actionLabelTitle": "",
-  "creatives.containersV2.LineVideo.actionUrlPlaceholder": "",
-  "creatives.containersV2.LineVideo.actionUrlTitle": "",
-  "creatives.containersV2.LineVideo.dragAndDrop": "",
-  "creatives.containersV2.LineVideo.emptyAltTextErrorMessage": "",
-  "creatives.containersV2.LineVideo.emptyLabelErrorMessage": "",
-  "creatives.containersV2.LineVideo.emptyTitleErrorMessage": "",
-  "creatives.containersV2.LineVideo.emptyUrlErrorMessage": "",
-  "creatives.containersV2.LineVideo.imageGallery": "",
-  "creatives.containersV2.LineVideo.imageReUpload": "",
-  "creatives.containersV2.LineVideo.inValidUrlErrorMessage": "",
-  "creatives.containersV2.LineVideo.lineTemplateImage": "",
-  "creatives.containersV2.LineVideo.lineVideoIncorrectSize": "",
-  "creatives.containersV2.LineVideo.maxActionLabelErrorMessage": "",
-  "creatives.containersV2.LineVideo.or": "",
-  "creatives.containersV2.LineVideo.searchImages": "",
-  "creatives.containersV2.LineVideo.select": "",
-  "creatives.containersV2.LineVideo.textMessageAddLabel": "",
-  "creatives.containersV2.LineVideo.textMessageCreateNew": "",
-  "creatives.containersV2.LineVideo.textMessageORLabel": "",
-  "creatives.containersV2.LineVideo.textMessageSelectTemplate": "",
-  "creatives.containersV2.LineVideo.textMessageTitleLabel": "",
-  "creatives.containersV2.LineVideo.textMessageTitlePlaceholder": "",
-  "creatives.containersV2.LineVideo.titleDescription": "",
-  "creatives.containersV2.LineVideo.titleLabel": "",
-  "creatives.containersV2.LineVideo.uploadComputer": "",
-  "creatives.containersV2.LineVideo.uploadGallery": "",
-  "creatives.containersV2.LineVideo.uploadVideoLabel": "",
-  "creatives.containersV2.LineVideo.videoFormatDescription": "",
-  "creatives.containersV2.LineVideo.videoSizeDescription": "",
   "creatives.containersV2.LineWrapper.changeModalDescription": "",
   "creatives.containersV2.LineWrapper.changeModalLabel": "",
   "creatives.containersV2.LineWrapper.changeModalTitle": "",
@@ -1226,7 +1294,6 @@
   "creatives.containersV2.LineWrapper.stickerLabel": "",
   "creatives.containersV2.LineWrapper.templateLabel": "",
   "creatives.containersV2.LineWrapper.textLabel": "",
-  "creatives.containersV2.LineWrapper.videoLabel": "",
   "creatives.containersV2.Login.header": "",
   "creatives.containersV2.Login.invalidCredential": "",
   "creatives.containersV2.Login.loginPage": "",
@@ -1414,7 +1481,6 @@
   "creatives.containersV2.Templates.header": "",
   "creatives.containersV2.Templates.imageCarouselTemplate": "",
   "creatives.containersV2.Templates.imageMapTemplate": "",
-  "creatives.containersV2.Templates.imageMapVideoTemplate": "",
   "creatives.containersV2.Templates.imageTemplate": "",
   "creatives.containersV2.Templates.invalidUploadFileError": "",
   "creatives.containersV2.Templates.layoutSelection": "",
@@ -1531,19 +1597,10 @@
   "creatives.containersV2.WeChat.wechatCreateSuccess": "",
   "creatives.containersV2.WeChat.wechatEditSuccess": "",
   "creatives.containersV2.appName": "",
-  "creatives.containersV2.areYouSureText": "",
   "creatives.containersV2.audience": "",
   "creatives.containersV2.campaignsDashboard": "",
   "creatives.containersV2.campaignsHome": "",
-  "creatives.containersV2.cancel": "",
-  "creatives.containersV2.changeOk": "",
   "creatives.containersV2.incentive": "",
-  "creatives.containersV2.newOrgName": "",
-  "creatives.containersV2.orgChangeText": "",
-  "creatives.containersV2.orgChangedText": "",
-  "creatives.containersV2.orgRefreshHeading": "",
-  "creatives.containersV2.refreshOrgText": "",
-  "creatives.containersV2.refreshText": "",
   "creatives.containersV2.richMedia.Create.Anyone": "",
   "creatives.containersV2.richMedia.Create.Author": "",
   "creatives.containersV2.richMedia.Create.Content": "",

package/v2Components/FormBuilder/index.js

@@ -1470,6 +1470,10 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
           } else if (key === this.props.baseLanguage) {
             formData[newTabIndex][key] = {};
             _.forEach(val, (subVal, index) => {
+                // if (subVal === 'is_drag_drop' || subVal === 'lang_id' || subVal === 'iso_code' === 'language') {
+                //
+                //   formData[newTabIndex][key][index] = formData[0][this.props.baseLanguage][subVal];
+                // } else {
               if (index === 'tabKey') {
                 formData[newTabIndex][key][index] = _.uniqueId();
               } else if (index === 'template-content') {
@@ -2362,9 +2366,7 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
           this.renderTextAreaContent(styling, columns, val, isVersionEnable, rows, cols, val.offset);
           break;
         case "contentPreview":
-          const { formData , currentTab } = this.state || {};
-          const tab = formData && formData[currentTab - 1];
-          content = isVersionEnable ? tab && tab['sms-editor'] : formData && formData['sms-editor'];
+          content = isVersionEnable ? this.state.formData[this.state.currentTab - 1]['sms-editor'] : this.state.formData['sms-editor'];
           charList = updateCharCount(content).char_list;
           columns.push(<CapColumn id={val.id} className={"preview-chars"} span={val.width}>
             {charList.map((char) => char)}
@@ -3177,7 +3179,11 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
               }
               console.log('CKEditor Data 2', this.state.formData, this.state.formData[`${this.state.currentTab - 1}`], val, this.state.currentTab, this.state.currentLangTab, langIndex);
               const currentLang = ((!_.isEmpty(this.state.formData) && !_.isEmpty(this.state.formData[`${this.state.currentTab - 1}`]) && !_.isEmpty(this.state.formData[`${this.state.currentTab - 1}`].selectedLanguages) && this.state.formData[`${this.state.currentTab - 1}`].selectedLanguages[langIndex]) ? this.state.formData[`${this.state.currentTab - 1}`].selectedLanguages[langIndex] : this.props.baseLanguage) || 'en';
-              const content = (!_.isEmpty(this.state.formData) && this.state.formData[`${this.state.currentTab - 1}`] && this.state.formData[`${this.state.currentTab - 1}`][currentLang] && this.state.formData[`${this.state.currentTab - 1}`][currentLang]['template-content'] || '');
+              const content = (!_.isEmpty(this.state.formData) && this.state.formData[`${this.state.currentTab - 1}`][currentLang]['template-content'] ? this.state.formData[`${this.state.currentTab - 1}`][currentLang]['template-content'] : '');
+              console.log('ckeditor current lang', currentLang, content);
+              if (this.state.formData[`${this.state.currentTab - 1}`][currentLang].is_drag_drop) {
+                // content = "";
+              }
               columns.push(
                 <CapColumn style={val.colStyle ? val.colStyle : {}} span={val.width}>
                   <CKEditor
@@ -3200,7 +3206,7 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
               }
             }
             const { currentTab, formData } = this.state;
-            const supportedLanguages = (formData[currentTab - 1] || {}).selectedLanguages || {};
+            const supportedLanguages = formData[currentTab - 1].selectedLanguages;
             const currentLang = supportedLanguages[langTab - 1];
 
             let beeJson = '',

package/v2Components/TemplatePreview/_templatePreview.scss

@@ -21,6 +21,8 @@
     left: 23%;
     width: 42%;
     height: 336px;
+    display: -webkit-box;
+    display: -ms-flexbox;
     display: flex;
 
     .sms-icon{
@@ -49,14 +51,6 @@
         left: 36px;
         margin-top: -6px;
       }
-      }
-      &.viber-preview{
-        width: 43%;
-        .message-pop {
-          width: 80%;
-          left: 36px;
-          margin-top: -6px;
-        }
     }
 
     .message-pop{

package/v2Components/TemplatePreview/index.js

@@ -16,19 +16,15 @@ import {updateCharCount} from '../../utils/smsCharCountV2';
 import messages from './messages';
 import { WECHAT } from '../../v2Containers/CreativesContainer/constants';
 import Carousel from '../Carousel';
-import { VIBER } from '../../v2Containers/App/constants';
 const wechatBodyNew = require('./assets/images/wechat_mobile_android.svg');
 const smsMobileAndroid = require('./assets/images/sms_mobile_android.svg');
 const lineMobileAndroid = require('../../assets/line.png');
-const viberMobileAndroid = require('../../assets/viber.png');
-
 const lineImgPlaceholder = require('../../assets/line-image-placeholder.svg');
 const lineStickerPlaceholder = require('../../assets/smiley-placeholder.svg');
 const lineVideoPlaceholder = require('../../assets/rich-video-placeholder.svg');
 const androidPushMessagePhone = require('./assets/images/androidPushMessage.svg');
 const iPhonePushMessagePhone = require('./assets/images/iPhonePushMessage.svg');
-
-import { CAP_COLOR_03, CAP_WHITE, FONT_COLOR_01, CAP_G08, CAP_G06, CAP_G15, CAP_PURPLE01, CAP_G16 } from '@capillarytech/cap-ui-library/styled/variables';
+import { CAP_COLOR_03, CAP_WHITE, FONT_COLOR_01, CAP_G08, CAP_G06 } from '@capillarytech/cap-ui-library/styled/variables';
 import { TEMPLATE, IMAGE_CAROUSEL, IMAGE, STICKER, TEXT, IMAGE_MAP, VIDEO } from '../../v2Containers/Line/Container/constants';
 
 class TemplatePreview extends React.Component { // eslint-disable-line react/prefer-stateless-function
@@ -131,8 +127,7 @@ class TemplatePreview extends React.Component { // eslint-disable-line react/pre
 
   render() {
     let content = channel && channel.toLowerCase() === 'sms' ? [this.props.content] : this.props.content;
-    const { channel, showTestAndPreviewIcon, module } = this.props;
-    const { buttonText, imageURL, messageContent: viberMessageContent } = content || {};
+    const { channel, showTestAndPreviewIcon, module} = this.props;
     let smsDetails = {};
     // let smsText = '';
     if (this.props.content && this.props.charCounterEnabled) {
@@ -160,11 +155,11 @@ class TemplatePreview extends React.Component { // eslint-disable-line react/pre
       });
     }
     const disablePreviewAndTest = this.props.channel === 'MOBILEPUSH' ? !this.props.content.header : (this.props.channel === 'SMS' ? !this.props.content : false);
-    const showTestAndPreview = showTestAndPreviewIcon &&
+    const showTestAndPreview = showTestAndPreviewIcon && 
         channel !== WECHAT &&
         ['outbound', 'library'].includes(module);
 
-    const renderLineMultiText = (content) => {
+    const renderLineMultiText = (content)  => {
       let textCount = 0;
       return content.map((item) => {
         const { type, messageContent = '' } = item || {};
@@ -175,17 +170,12 @@ class TemplatePreview extends React.Component { // eslint-disable-line react/pre
               {this.props.intl.formatMessage(messages.textMessageLabel)}
               {textCount}: ({messageContent.length}/{1600} {this.props.intl.formatMessage(messages.textMessageCharacter)})
             </p>
-          );
+          )
         }
-        return null;
+        return null
       });
-    };
-    const viberSectionStyle = {
-      "padding": '3.5px 0 0',
-      'border-radius': '8px',
-      'background-color': CAP_G15,
-      'width': '79%',
-    };
+    }
+    
     const getVideoContent = ({
       video,
       actionUrl,
@@ -255,7 +245,7 @@ class TemplatePreview extends React.Component { // eslint-disable-line react/pre
             />
           )
         }
-      </div>
+      </div>  
     );
 
     return (
@@ -403,8 +393,7 @@ class TemplatePreview extends React.Component { // eslint-disable-line react/pre
                   marginLeft: 40,
                 }}
               >
-                <div
-                  className="sms-icon"
+                <div className="sms-icon"
                   style={{
                     left: 0,
                     top: 8,
@@ -412,7 +401,7 @@ class TemplatePreview extends React.Component { // eslint-disable-line react/pre
                     width: 20,
                     height: 20,
                     background: CAP_COLOR_03,
-                    paddingRight: 5,
+                    paddingRight: 5
                   }}
                 >
                   {this.props.LineAccountName}
@@ -475,7 +464,7 @@ class TemplatePreview extends React.Component { // eslint-disable-line react/pre
                                 },
                               }}
                             />
-                          </div>
+                          </div>  
                         );
                       }
                       if (type === VIDEO) {
@@ -506,7 +495,7 @@ class TemplatePreview extends React.Component { // eslint-disable-line react/pre
                                 },
                               }}
                             />
-                          </div>
+                          </div>  
                         );
                       }
                       if (type === STICKER && selectedSticker) {
@@ -521,7 +510,7 @@ class TemplatePreview extends React.Component { // eslint-disable-line react/pre
                               alignItems: 'center',
                             }}
                           >
-                            <CapImage
+                            <CapImage 
                               src={selectedSticker.stickerUrl}
                               style={{maxWidth: '100%', marginBottom: 5 }}
                               rest={{
@@ -530,11 +519,11 @@ class TemplatePreview extends React.Component { // eslint-disable-line react/pre
                                   marginBottom: 5,
                                 },
                                 height: 70,
-                                onMouseOut: (e) => (e.currentTarget.src = selectedSticker.stickerUrl),
-                                onMouseOver: (e) => (e.currentTarget.src = selectedSticker.animatedStickerUrl || selectedSticker.stickerUrl),
+                                onMouseOut: e => (e.currentTarget.src = selectedSticker.stickerUrl),
+                                onMouseOver: e => (e.currentTarget.src = selectedSticker.animatedStickerUrl ||  selectedSticker.stickerUrl),
                               }}
                             />
-                          </div>
+                          </div>  
                         );
                       }
                       if ((type === IMAGE_CAROUSEL || type === TEMPLATE) && imageCarousel) {
@@ -546,7 +535,7 @@ class TemplatePreview extends React.Component { // eslint-disable-line react/pre
                           >
                             <Carousel imageCarousel={imageCarousel}/>
                           </div>
-                        );
+                        )
                       }
                       return null;
                     })
@@ -557,82 +546,7 @@ class TemplatePreview extends React.Component { // eslint-disable-line react/pre
             </div>
           ) : ''
         }
-            {
-          channel && channel.toLowerCase() === VIBER ? (
-            <div className="shell-v2 align-center" id="sms-preview">
-              <CapImage className="preview-image" src={viberMobileAndroid} alt={this.props.intl.formatMessage(messages.previewGenerated)}/>
-              <div
-                className="msgContainer viber-preview"
-                style={{
-                  maxHeight: 292,
-                  marginLeft: 28,
-                }}
-              >
-                <div
-                  className="sms-icon"
-                  style={{
-                    "width": 20,
-                    "height": 20,
-                    "margin": '0 4px 277px 0',
-                    "padding": '6px 2px 7px 3px',
-                    'border-radius': '4px',
-                    'background-color': CAP_PURPLE01,
-                    'font-size': '6px',
-                    'font-weight': 900,
-                    "color": CAP_WHITE,
-                  }}
-                >
-                  {this.props.viberAccountName}
-                </div>
-                <div
-                  className="message-pop align-left"
-                  style={viberSectionStyle}>
-                  {/* Text Viber preview */}
-                  <p
-                    style={{
-                      'font-size': '10px',
-                      "color": CAP_G16,
-                      "margin": '1.5px 6px 1px 7px',
-                    }}>{viberMessageContent || ''}
-                  </p>
-                  {/* Image Viber preview */}
-                  {imageURL && <CapImage
-                    src={imageURL}
-                    alt="brand-name"
-                    rest={{
-                      style: {
-                        maxWidth: '100%',
-                        marginBottom: 5,
-                      },
-                    }}
-                    />
-                  }
-                  {/* button viber preview */}
-                  {buttonText && <div
-                    style={{
-                      'border-radius': '16px',
-                      'background-color': CAP_PURPLE01,
-                      "margin-top": '14px',
-                      'text-align': 'center',
-                      "width": '132px',
-                      "height": '20px',
-                      "margin-left": "5px",
-                    }}>
-                    <p
-                      style={{ 'font-size': '12px',
-                        'font-weight': '500',
-                        "color": CAP_WHITE }}
-                      >
-                      {buttonText || ''}</p>
-                  </div>
-                  }
-                  <div style={{ paddingBottom: 32}}></div>
-                </div>
 
-              </div>
-            </div>
-          ) : ''
-        }
           </div>
 
         </CapColumn>

package/v2Containers/App/constants.js

@@ -20,7 +20,7 @@ export const TRACK_CREATE_WECHAT = 'createWeChat';
 export const TRACK_CREATE_IMAGE = 'createImage';
 export const TRACK_CREATE_LINE = 'createLine';
 
-export const VIBER = 'viber';
+
 export const TRACK_EDIT_SMS = 'editSms';
 export const TRACK_EDIT_EMAIL = 'editEmail';
 export const TRACK_EDIT_MPUSH = 'editMpush';