@capillarytech/creatives-library 3.0.6 → 3.0.8

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@capillarytech/creatives-library",
   "author": "meharaj",
-  "version": "3.0.6",
+  "version": "3.0.8",
   "description": "Capillary creatives ui",
   "main": "./index.js",
   "module": "./index.es.js",

package/v2Containers/CreativesContainer/SlideBoxContent.js

@@ -49,6 +49,7 @@ function SlideBoxContent(props) {
       setIsLoadingContent,
       showTemplateName,
       onValidationFail,
+      channelsToHide,
     } = props;
   const type = messageDetails.type.toLowerCase(); // type is context in get tags values : outbound | dvs | referral | loyalty | coupons
   const query = { type: !isFullMode && 'embedded', module: isFullMode ? 'defualt' : 'library'};
@@ -95,6 +96,7 @@ function SlideBoxContent(props) {
         onChannelChange={onChannelChange}
         onCallTaskSubmit={onCallTaskSubmit}
         cap={cap}
+        channelsToHide={channelsToHide}
         />
         )}
       {isPreview && (
@@ -268,5 +270,6 @@ SlideBoxContent.propTypes = {
   mobilePushCreateMode: PropTypes.string,
   showTemplateName: PropTypes.func,
   onValidationFail: PropTypes.func,
+  channelsToHide: PropTypes.array,
 };
 export default SlideBoxContent;

package/v2Containers/CreativesContainer/index.js

@@ -253,6 +253,7 @@ class Creatives extends React.Component {
       );
     }
   };
+
   setIsLoadingContent = (isLoadingContent) => {
     if (this.state.isLoadingContent !== isLoadingContent) {
       this.setState({isLoadingContent });
@@ -406,7 +407,7 @@ class Creatives extends React.Component {
   }
   render() {
     const {slidBoxContent, isGetFormData, showSlideBox, templateData, currentChannel, emailCreateMode, templateStep, isLoadingContent, mobilePushCreateMode, isDiscardMessage} = this.state;
-    const {isFullMode, creativesMode, cap, isUploading} = this.props;
+    const {isFullMode, creativesMode, cap, isUploading, channelsToHide} = this.props;
     return (
       <SlideBoxWrapper className={classnames(`${classPrefix} ${isFullMode ? 'creatives-full-mode' : 'creatives-library-mode'}`)}>
         <CapSlideBox
@@ -456,6 +457,7 @@ class Creatives extends React.Component {
               mobilePushCreateMode={mobilePushCreateMode}
               showTemplateName={this.showTemplateName}
               onValidationFail={this.onValidationFail}
+              channelsToHide={channelsToHide}
             />
           }
           footer={this.shouldShowFooter() &&
@@ -500,6 +502,7 @@ Creatives.propTypes = {
   templateUserList: PropTypes.array,
   isUploading: PropTypes.bool,
   EmailLayout: PropTypes.string,
+  channelsToHide: PropTypes.array,
 };
 const mapStatesToProps = () => createStructuredSelector({
   isLoading: isLoadingSelector(),

package/v2Containers/TemplatesV2/index.js

@@ -51,19 +51,27 @@ export class TemplatesV2 extends React.Component { // eslint-disable-line react/
   constructor(props) {
     super(props);
     const defaultChannel = get(this, 'props.channel') || get(this, 'props.params.channel') || 'sms';
-    const defaultPanes = [
-      {content: <div></div>, tab: 'SMS', key: 'sms'},
-      {content: <div></div>, tab: 'Email', key: 'email'},
-      // {content: this.getTemplatesComponent('wechat'), tab: 'Wechat', key: 'wechat'},
-      {content: <div></div>, tab: 'Push notification', key: 'mobilepush'},
-    ];
-    if (props.isFullMode) {
-      defaultPanes.push({content: <div></div>, tab: 'Gallery', key: 'assets'});
-    }
-    if (!props.isFullMode) {
-      defaultPanes.push({content: <div></div>, tab: 'Call Task', key: 'call_task'});
+    const defaultPanes = {
+      sms: {content: <div></div>, tab: 'SMS', key: 'sms'},
+      email: {content: <div></div>, tab: 'Email', key: 'email'},
+      //'wechat': {content: this.getTemplatesComponent('wechat'), tab: 'Wechat', key: 'wechat'},
+      mPush: {content: <div></div>, tab: 'Push notification', key: 'mobilepush'},
+    };
+    const channelsToHide = this.props.channelsToHide || [];
+
+    const filteredPanes = Object.keys(defaultPanes)
+      .filter((key) => !channelsToHide.includes(key)).reduce((obj = [], key) => {
+        obj.push(defaultPanes[key]);
+        return obj;
+      }, []);
+
+    if (props.isFullMode ) {
+      filteredPanes.push({content: <div></div>, tab: 'Gallery', key: 'assets'});
+    } else if (!channelsToHide.includes('callTask')) {
+      filteredPanes.push({content: <div></div>, tab: 'Call Task', key: 'call_task'});
     }
-    const panes = this.setChannelContent(defaultChannel, defaultPanes);
+
+    const panes = this.setChannelContent(defaultChannel, filteredPanes);
     this.state = {
       selectedChannel: defaultChannel,
       panes,
@@ -197,6 +205,7 @@ TemplatesV2.propTypes = {
   onCallTaskSubmit: PropTypes.func,
   intl: intlShape,
   onChannelChange: PropTypes.func,
+  channelsToHide: PropTypes.array,
 };
 
 TemplatesV2.defaultProps = {