@capillarytech/creatives-library 7.17.5 → 7.17.6-alpha.0

package/package.json

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

package/v2Containers/TemplatesV2/index.js

@@ -32,6 +32,7 @@ import styles, { CapTabStyle } from './TemplatesV2.style';
 import { CREATIVES_UI_VIEW, LOYALTY, WHATSAPP, RCS } from '../App/constants';
 import AccessForbidden from '../../v2Components/AccessForbidden';
 import { getObjFromQueryParams } from '../../utils/v2common';
+import { selectCurrentOrgDetails } from "../../v2Containers/Cap/selectors";
 
 const {CapCustomCardList} = CapCustomCard;
 
@@ -51,6 +52,8 @@ export class TemplatesV2 extends React.Component { // eslint-disable-line react/
       onChannelChange,
       showDisabledFBInfo,
       enableNewChannels = [],
+      currentOrgDetails = {},
+      cap = {},
     } = props;
 
     const defaultPanes = {
@@ -112,6 +115,14 @@ export class TemplatesV2 extends React.Component { // eslint-disable-line react/
       return pane;
     });
 
+    const { accessibleFeatures = [] } = currentOrgDetails || {};
+    const { currentOrgDetails: { accessibleFeatures: libModeAccessibleFeatures = [] } = {} } = cap || {};
+    const hideEngagementChannel = (accessibleFeatures || libModeAccessibleFeatures).includes("HIDE_ENGAGEMENT_CHANNELS");
+    // Show only line and email channel content with both channel tabs if the HIDE_ENGAGEMENT_CHANNELS feature is enabled;
+    filteredPanes = hideEngagementChannel ? filteredPanes?.filter((pane) => ['email', 'line', ].includes(pane?.key) && pane) : filteredPanes;
+    defaultChannel = hideEngagementChannel ? 'email' : defaultChannel;
+    // console.log("Test ### filter ", filteredPanes)
+
     const channel = ['sms', 'email', 'mobilepush', 'line', 'call_task'];
     if (!isEmpty(channelsToDisable)) {
       channel.some((ch) => {
@@ -140,7 +151,7 @@ export class TemplatesV2 extends React.Component { // eslint-disable-line react/
     if (queryItems.channel === WHATSAPP) {
       this.channelChange(WHATSAPP);
     }
-    if(this.props?.isFullMode){
+    if (this.props?.isFullMode) {
       this.props.templateActions.getCdnTransformationConfig();
     }
   }
@@ -295,6 +306,9 @@ export class TemplatesV2 extends React.Component { // eslint-disable-line react/
     if (!accessiblePermissions.includes(CREATIVES_UI_VIEW)) {
       isCreativeAccessible = false;
     }
+
+    console.log("Test ### panes ", { pane: this.state.panes, activeKey: this.state.selectedChannel});
+
     return (
       !isCreativeAccessible ? <AccessForbidden /> : (
         <div className={`${className} creatives-templates-container ${isFullMode ? 'fullmode' : 'library-mode'}`} data-testid="cap-wrapper">
@@ -341,15 +355,18 @@ TemplatesV2.propTypes = {
   authData: PropTypes.object,
   FTPMode: PropTypes.string,
   messageStrategy: PropTypes.string,
+  currentOrgDetails: PropTypes.object,
 };
 
 TemplatesV2.defaultProps = {
   isFullMode: true,
+  currentOrgDetails: {},
 };
 
 const mapStateToProps = createStructuredSelector({
   Templates: makeSelectTemplates(),
   TemplatesList: makeSelectTemplatesResponse(),
+  currentOrgDetails: selectCurrentOrgDetails(),
 });
 
 function mapDispatchToProps(dispatch) {