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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@capillarytech/creatives-library",
   "author": "meharaj",
-  "version": "7.17.6-alpha.0",
+  "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/TemplatesV2/index.js

@@ -29,7 +29,7 @@ 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";
@@ -115,13 +115,14 @@ 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 || libModeAccessibleFeatures).includes("HIDE_ENGAGEMENT_CHANNELS");
+    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', ].includes(pane?.key) && pane) : filteredPanes;
-    defaultChannel = hideEngagementChannel ? 'email' : defaultChannel;
-    // console.log("Test ### filter ", filteredPanes)
+    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)) {
@@ -151,7 +152,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();
     }
   }
@@ -306,9 +307,6 @@ 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">

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();
+  });
+});