@capillarytech/creatives-library 7.0.8 → 7.1.3

package/v2Containers/Templates/_templates.scss

@@ -54,9 +54,9 @@
           .button-content {    
             .ant-card-meta-description {
                 min-width: 108px;
-                max-width: 215px;
+                max-width: 160px;
                 height: 24px;
-                padding: 2px 0px;
+                padding: 1px 23px 2px 22px;
                 border-radius: 16px;
                 font-size: 14px;
                 font-weight: 500;

package/v2Containers/TemplatesV2/index.js

@@ -24,6 +24,7 @@ import CallTask from '../CallTask';
 import Facebook from '../Facebook';
 import Viber from '../Viber';
 import Line from '../Line/Container';
+import FTP from '../FTP';
 import Gallery from '../Assets/Gallery';
 import withStyles from '../../hoc/withStyles';
 import styles, { CapTabStyle } from './TemplatesV2.style';
@@ -72,6 +73,10 @@ export class TemplatesV2 extends React.Component { // eslint-disable-line react/
       if (!channelsToHide.includes('facebook')) {
         filteredPanes.push({content: <div></div>, tab: intl.formatMessage(messages.facebook), key: 'facebook'});
       }
+      if (!channelsToHide.includes('FTP')) {
+        filteredPanes.push({content: <></>, tab: intl.formatMessage(messages.FTP), key: 'ftp'});
+        defaultChannel = 'FTP';
+      }
     }
 
     filteredPanes = filteredPanes.map( (pane) => {
@@ -168,6 +173,10 @@ export class TemplatesV2 extends React.Component { // eslint-disable-line react/
       />
     )
 
+  getFTPComponent = () => (
+    <FTP mode={this.props.FTPMode} {...this.props} />
+  );
+
   getTemplatesComponent(channel) {
     // const templates = this.props.Templates[`${channel}Templates`];
     let query = {};
@@ -176,6 +185,9 @@ export class TemplatesV2 extends React.Component { // eslint-disable-line react/
       if (channel === 'line') {
         return this.getLineComponent();
       }
+      if (channel === 'ftp') {
+        return this.getFTPComponent();
+      }
     }
     const location = {pathname: `/${channel}`, search: '', query};
     switch (channel) {
@@ -274,6 +286,7 @@ TemplatesV2.propTypes = {
   messageDetails: PropTypes.object,
   cap: PropTypes.object,
   authData: PropTypes.object,
+  FTPMode: PropTypes.string,
 };
 
 TemplatesV2.defaultProps = {

package/v2Containers/TemplatesV2/messages.js

@@ -34,6 +34,10 @@ export default defineMessages({
     id: 'creatives.containersV2.TemplatesV2.email',
     defaultMessage: 'Email',
   },
+  FTP: {
+    id: 'creatives.containersV2.TemplatesV2.FTP',
+    defaultMessage: 'FTP',
+  },
   pushNotification: {
     id: 'creatives.containersV2.TemplatesV2.pushNotification',
     defaultMessage: 'Push notification',

package/v2Containers/Viber/index.js

@@ -516,7 +516,6 @@ const Viber = (props) => {
       defaultValue={buttonText}
       value={buttonText}
       style={{paddingBottom: '11px'}}
-      maxLength={20}
     />
     <CapInput
       id="viber-button-url"
@@ -564,7 +563,7 @@ const Viber = (props) => {
   const createCallback = (errorMessage, isEdit) => {
     if (!errorMessage) {
       CapNotification.success({
-        message: isEdit ? formatMessage(messages.viberEditNotification) : formatMessage(messages.viberCreateNotification),
+        message: formatMessage(messages.viberCreateNotification),
       });
       if (isEdit) {
         actions.clearEditResponse();
@@ -627,7 +626,7 @@ const Viber = (props) => {
       return true;
     }
     // if button is being added than button url and button Text both are mandatory
-    if (( trimedButtonText === '' && trimedButtonUrl !== '') || ( trimedButtonText !== '' && trimedButtonUrl === '')) {
+    if (( trimedButtonText === '' && trimedButtonUrl !== '') || ( trimedButtonUrl !== '' && trimedButtonUrl === '')) {
       return true;
     }
     // if button url is not valid url

package/v2Containers/Viber/messages.js

@@ -118,10 +118,6 @@ export default defineMessages({
     id: `${scope}.viberCreateNotification`,
     defaultMessage: 'Viber template created successfully',
   },
-  viberEditNotification: {
-    id: `${scope}.viberEditNotification`,
-    defaultMessage: 'Viber template updated successfully',
-  },
   textMessageTitlePlaceholder: {
     id: `${scope}.textMessageTitlePlaceholder`,
     defaultMessage: 'Enter template name',