@capillarytech/creatives-library 7.17.6 → 7.17.7

package/package.json

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

package/v2Containers/App/constants.js

@@ -50,6 +50,11 @@ export const VIBER = 'viber';
 export const FACEBOOK = 'facebook';
 export const WHATSAPP = 'whatsapp';
 export const RCS = 'rcs';
+export const LINE = 'line';
+export const EMAIL = 'email';
+export const ASSETS = 'assets';
+
+export const HIDE_ENGAGEMENT_CHANNELS = 'HIDE_ENGAGEMENT_CHANNELS';
 
 export const TRACK_EDIT_SMS = 'editSms';
 export const TRACK_EDIT_EMAIL = 'editEmail';

package/v2Containers/Email/initialSchema.js

@@ -351,7 +351,7 @@ export const response = {
                             fontFamily: "open-sans, sans-serif",
                             fontStyle: "normal",
                             fontWeight: "600",
-                            marginLeft: "5px",
+                            justifyContent: "flex-end",
                           },
                           customComponent: true,
                           width: 2,

package/v2Containers/TemplatesV2/index.js

@@ -29,9 +29,10 @@ import FTP from '../FTP';
 import Gallery from '../Assets/Gallery';
 import withStyles from '../../hoc/withStyles';
 import styles, { CapTabStyle } from './TemplatesV2.style';
-import { CREATIVES_UI_VIEW, LOYALTY, WHATSAPP, RCS } from '../App/constants';
+import { CREATIVES_UI_VIEW, LOYALTY, WHATSAPP, RCS, LINE, EMAIL, ASSETS, HIDE_ENGAGEMENT_CHANNELS } 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,15 @@ export class TemplatesV2 extends React.Component { // eslint-disable-line react/
       return pane;
     });
 
+    // This data will be available when it will be accessed in full mode
+    const { accessibleFeatures = [] } = currentOrgDetails || {};
+    // This data will be available when it will be accessed in library mode
+    const { currentOrgDetails: { accessibleFeatures: libModeAccessibleFeatures = [] } = {} } = cap || {};
+    const hideEngagementChannel = accessibleFeatures.includes(HIDE_ENGAGEMENT_CHANNELS) || 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, ASSETS].includes(pane?.key) && pane) : filteredPanes;
+    defaultChannel = hideEngagementChannel ? EMAIL : defaultChannel;
+
     const channel = ['sms', 'email', 'mobilepush', 'line', 'call_task'];
     if (!isEmpty(channelsToDisable)) {
       channel.some((ch) => {
@@ -341,15 +353,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) {

package/v2Containers/TemplatesV2/tests/index.test.js

@@ -0,0 +1,98 @@
+import React from 'react';
+import { injectIntl } from 'react-intl';
+import '@testing-library/jest-dom';
+import cloneDeep from 'lodash/cloneDeep';
+import { Provider } from 'react-redux';
+import configureStore from '../../../store';
+import {
+    render,
+    screen,
+} from '../../../utils/test-utils';
+import { TemplatesV2 } from '../index';
+import { Templates, authData, currentOrgDetails } from './mockData';
+
+const ComponentToRender = injectIntl(TemplatesV2);
+const renderComponent = (props) => {
+  const store = configureStore({}, null);
+  return render(
+    <Provider store={store}>
+      <ComponentToRender {...props} />
+    </Provider>,
+  );
+};
+
+// Mock the UserAuthWrapper module
+jest.mock('../../../utils/authWrapper', () => ({
+  UserIsAuthenticated: jest.fn((config) => config),
+}));
+
+describe("Test TemplatesV2", () => {
+  const templateActions = {
+    templateActions: jest.fn(),
+    deleteTemplate: jest.fn(),
+    getAccountsSettings: jest.fn(),
+    getAllTemplates: jest.fn(),
+    getCdnTransformationConfig: jest.fn(),
+    getDefaultBeeTemplates: jest.fn(),
+    getSenderDetails: jest.fn(),
+    getTemplateDetails: jest.fn(),
+    getUserList: jest.fn(),
+    getWeCrmAccounts: jest.fn(),
+    handleHtmlUpload: jest.fn(),
+    handleZipUpload: jest.fn(),
+    resetAccount: jest.fn(),
+    resetTemplate: jest.fn(),
+    resetTemplateData: jest.fn(),
+    resetTemplateStoreData: jest.fn(),
+    resetUploadData: jest.fn(),
+    setBEETemplate: jest.fn(),
+    setChannelAccount: jest.fn(),
+    setEdmTemplate: jest.fn(),
+    setFacebookAccount: jest.fn(),
+    setViberAccount: jest.fn(),
+    setWeChatAccount: jest.fn(),
+  };
+  const props = {
+    actions: { defaultAction: jest.fn(), getTemplates: jest.fn() },
+    Templates,
+    TemplatesList: Templates?.templates,
+    authData,
+    templateActions,
+    isFullMode: true,
+    channelsToHide: [],
+    channelsToDisable: [],
+    onChannelChange: jest.fn(),
+    enableNewChannels: [],
+    currentOrgDetails,
+    location: {
+      pathname: "v2",
+      basename: "/creatives/ui/",
+      query: {},
+    },
+  };
+  const { getByText, queryByText } = screen;
+
+  it("Should show only Email, Line channels and Gallery", () => {
+    renderComponent(props);
+    expect(getByText('Email')).toBeInTheDocument();
+    expect(getByText('Line')).toBeInTheDocument();
+    expect(getByText('Gallery')).toBeInTheDocument();
+    expect(queryByText('RCS')).toBeNull();
+  });
+
+  it("Should show all other channels", () => {
+    const updatedProps = cloneDeep(props);
+    updatedProps.currentOrgDetails.accessibleFeatures.pop();
+    renderComponent(updatedProps);
+    expect(getByText('SMS')).toBeInTheDocument();
+    expect(getByText('RCS')).toBeInTheDocument();
+    expect(getByText('Email')).toBeInTheDocument();
+    expect(getByText('Push notification')).toBeInTheDocument();
+    expect(getByText('Line')).toBeInTheDocument();
+    expect(getByText('Wechat')).toBeInTheDocument();
+    expect(getByText('Viber')).toBeInTheDocument();
+    expect(getByText('Facebook')).toBeInTheDocument();
+    expect(getByText('WhatsApp')).toBeInTheDocument();
+    expect(getByText('Gallery')).toBeInTheDocument();
+  });
+});