@capillarytech/creatives-library 1.0.1-alpha.0 → 1.0.2

package/components/organisms/NavigationBar/tests/NavigationBar.test.js

@@ -1,19 +1,12 @@
 import React from 'react';
 import { mount, shallow } from 'enzyme';
-import { IntlProvider, injectIntl } from 'react-intl';
-import '@testing-library/jest-dom';
 import CapNavigation from '@capillarytech/cap-ui-library/CapNavigation';
-import { configureStore } from '@capillarytech/vulcan-react-sdk/utils';
 import { BrowserRouter as Router } from 'react-router-dom';
-import { Provider } from 'react-redux';
-import { createMemoryHistory } from 'history';
 import { NavigationBar } from '../NavigationBar';
 import * as localStorageApi from '../../../../services/localStorageApi';
 import * as mockdata from './mockdata';
-import { render } from '../../../../tests/test-utils';
-import { mockInitialState } from '../../../../tests/integration/commonMocks/initialState';
-import { initialReducer } from '../../../../initialReducer';
-const { naviData, userData } = mockdata;
+
+const { naviData } = mockdata;
 jest.mock('../../../../services/localStorageApi');
 
 jest.mock('react', () => {
@@ -25,67 +18,31 @@ jest.mock('react', () => {
   };
 });
 
-let mockIsExpanded = true;
-jest.mock('@capillarytech/cap-ui-library/CapCollapsibleLeftNavigation', () => {
-  const Component = ({ switcherClicked }) => {
-    const handleSetLeftNavbarExpanded = () => {
-      switcherClicked(mockIsExpanded);
-    };
-    return (
-      <button
-        className="cap-component-wrapper"
-        onClick={handleSetLeftNavbarExpanded}
-      >
-        dummy collapsible left nav
-      </button>
-    );
-  };
-  return Component;
-});
-let store;
-let history;
-beforeAll(() => {
-  history = createMemoryHistory();
-  store = configureStore({}, {}, history);
-});
-
 const setup = props => (
-  <IntlProvider>
-    <Provider store={store}>
-      <Router>
-        <NavigationBar
-          history={[]}
-          sidebarMenuData={[{}]}
-          intl={{ formatMessage: () => {} }}
-          {...props}
-        />
-      </Router>
-    </Provider>
-  </IntlProvider>
+  <Router>
+    <NavigationBar
+      history={[]}
+      sidebarMenuData={[{}]}
+      intl={{ formatMessage: () => {} }}
+      {...props}
+    />
+  </Router>
 );
 
-const initializeComponent = props => {
-  const Component = injectIntl(NavigationBar);
-
-  const propsObj = {
-    ...props,
-  };
-
-  render(Component, undefined, propsObj);
-};
-
 describe('<NavigationBar />', () => {
-  beforeAll(() => {
-    global.Intl.DisplayNames = class {
-      constructor(locales, options) {
-        this.locales = locales;
-        this.options = options;
-      }
+  it('should render the Navigation Bar', async () => {
+    const renderedComponent = shallow(setup());
+    expect(renderedComponent).toMatchSnapshot();
+  });
 
-      of(code) {
-        return code === 'en' ? 'English' : code;
-      }
-    };
+  it('should render the Navigation Bar without secondary top bar', async () => {
+    const renderedComponent = mount(
+      setup({
+        showSecondaryTopBar: false,
+        ...naviData,
+      }),
+    );
+    expect(renderedComponent.html()).toMatchSnapshot();
   });
 
   it('Push history while sidebar menu item clicks', async () => {
@@ -188,12 +145,11 @@ describe('<NavigationBar />', () => {
     expect(history.length).toBe(1);
   });
 
-  it('Push history while settings icon click', async () => {
-    const history = [];
+  it('Should call window.open on help icon click', async () => {
+    const spy = jest.spyOn(window, 'open');
     const renderedComponent = mount(
       setup({
-        history,
-        settingsUrl: '/',
+        helpUrl: '/',
         ...naviData,
       }),
     );
@@ -201,9 +157,25 @@ describe('<NavigationBar />', () => {
       .find(CapNavigation)
       .props()
       .topbarIcons[1].onClickHandler();
-    expect(history.length).toBe(1);
+    expect(spy).toBeCalled();
   });
 
+  // it('Push history while settings icon click', async () => {
+  //   const history = [];
+  //   const renderedComponent = mount(
+  //     setup({
+  //       history,
+  //       settingsUrl: '/',
+  //       ...naviData,
+  //     }),
+  //   );
+  //   renderedComponent
+  //     .find(CapNavigation)
+  //     .props()
+  //     .topbarIcons[2].onClickHandler();
+  //   expect(history.length).toBe(1);
+  // });
+
   it('Should not push history while notification icon click with null notificationUrl', async () => {
     const history = [];
     const renderedComponent = mount(
@@ -233,93 +205,4 @@ describe('<NavigationBar />', () => {
   //     .topbarIcons[2].onClickHandler();
   //   expect(history.length).toBe(0);
   // });
-
-  it.skip('Should render selected top bar product as Bulk configurations', () => {
-    global.window = Object.create(window);
-    Object.defineProperty(window, 'location', {
-      value: {
-        href: 'https://www.domain.com/loyalty/ui/bulkConfigurations/list',
-        pathname: '/loyalty/ui/bulkConfigurations/list',
-      },
-    });
-    initializeComponent({ userData: { user: {} } });
-    expect(window.location.href).toBe(
-      'https://www.domain.com/loyalty/ui/bulkConfigurations/list',
-    );
-  });
-
-  it.skip('Should render selected top bar as Programs by default when pathname is not defined', () => {
-    delete window.location;
-    Object.defineProperty(window, 'location', {
-      value: {
-        pathname: undefined,
-      },
-    });
-    initializeComponent({ userData: { user: {} } });
-  });
-
-  it('Should render navigation bar when the feature gate for ENABLE_AI_SUGGESTIONS is lifted.', () => {
-    const renderedComponent = mount(
-      setup({
-        userData,
-      }),
-    );
-  });
-
-  it('Should render new left navigation bar when the ENABLE_NEW_LEFT_NAVIGATION flag is present', () => {
-    const userDataPropsLocal = JSON.parse(JSON.stringify(userData));
-    userDataPropsLocal.currentOrgDetails.accessibleFeatures.push(
-      'ENABLE_NEW_LEFT_NAVIGATION',
-    );
-    const renderedComponent = mount(
-      setup({
-        userData: userDataPropsLocal,
-      }),
-    );
-
-    expect(renderedComponent.exists('.cap-component-wrapper')).toBe(true);
-
-    renderedComponent
-      .find('.cap-component-wrapper')
-      .at(1)
-      .simulate('click');
-  });
-
-  it('Should render when new left nav is enabled and sidebarMenuData is given', async () => {
-    const userDataPropsLocal = JSON.parse(JSON.stringify(userData));
-    userDataPropsLocal.currentOrgDetails.accessibleFeatures.push(
-      'ENABLE_NEW_LEFT_NAVIGATION',
-    );
-    const renderedComponent = mount(
-      setup({
-        userData: userDataPropsLocal,
-        sidebarMenuData: [{}],
-        sidebarMenuItemsPosition: 'left',
-      }),
-    );
-    renderedComponent
-      .find('.cap-component-wrapper')
-      .at(1)
-      .simulate('click');
-    expect(renderedComponent.exists('.cap-component-wrapper')).toBe(true);
-  });
-
-  it('Aira configuration bot should be loaded in promotions module', async () => {
-    window.history.pushState({}, 'Test', '/loyalty/ui/promotions/list');
-    expect(window.location.href).toContain('/loyalty/ui/promotions/list');
-
-    const userDataPropsLocal = JSON.parse(JSON.stringify(userData));
-    userDataPropsLocal.currentOrgDetails.accessibleFeatures.push(
-      'ENABLE_AI_SUGGESTIONS',
-    );
-    const renderedComponent = mount(
-      setup({
-        userData: userDataPropsLocal,
-        sidebarMenuData: [{}],
-        sidebarMenuItemsPosition: 'left',
-      }),
-    );
-    expect(renderedComponent.exists('.cap-component-wrapper')).toBe(true);
-    expect(renderedComponent.exists('.cap-ask-aira-bot-icon')).toBe(true);
-  });
 });

package/components/organisms/NavigationBar/tests/__snapshots__/NavigationBar.test.js.snap

@@ -0,0 +1,42 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`<NavigationBar /> should render the Navigation Bar 1`] = `
+<Router
+  history={
+    Object {
+      "action": "POP",
+      "block": [Function],
+      "createHref": [Function],
+      "go": [Function],
+      "goBack": [Function],
+      "goForward": [Function],
+      "length": 1,
+      "listen": [Function],
+      "location": Object {
+        "hash": "",
+        "pathname": "/",
+        "search": "",
+        "state": undefined,
+      },
+      "push": [Function],
+      "replace": [Function],
+    }
+  }
+>
+  <NavigationBar
+    history={Array []}
+    intl={
+      Object {
+        "formatMessage": [Function],
+      }
+    }
+    sidebarMenuData={
+      Array [
+        Object {},
+      ]
+    }
+  />
+</Router>
+`;
+
+exports[`<NavigationBar /> should render the Navigation Bar without secondary top bar 1`] = `"<div><ul class=\\"ant-menu cap-menu-v2 cap-secondary-topbar-header ant-menu-light ant-menu-root ant-menu-horizontal\\" role=\\"menu\\"><li class=\\"ant-menu-submenu ant-menu-submenu-horizontal ant-menu-overflowed-submenu\\" style=\\"display: none;\\" role=\\"menuitem\\"><div class=\\"ant-menu-submenu-title\\" aria-expanded=\\"false\\" aria-haspopup=\\"true\\"><span>···</span><i class=\\"ant-menu-submenu-arrow\\"></i></div></li><li class=\\"ant-menu-item primary-menu\\" role=\\"menuitem\\"><i class=\\"anticon CapIcon__AntIcon-sc-52535-0 bUWyul cap-icon-v2 cap-icon-v2-more-applications apps-icon\\"><svg width=\\"1em\\" height=\\"1em\\" viewBox=\\"0 0 24 24\\" fill=\\"currentColor\\"><path d=\\"M3 5a2 2 0 1 1 4 0 2 2 0 0 1-4 0zm7 0a2 2 0 1 1 4 0 2 2 0 0 1-4 0zm7 0a2 2 0 1 1 4 0 2 2 0 0 1-4 0zM3 12a2 2 0 1 1 4 0 2 2 0 0 1-4 0zm7 0a2 2 0 1 1 4 0 2 2 0 0 1-4 0zm7 0a2 2 0 1 1 4 0 2 2 0 0 1-4 0zM3 19a2 2 0 1 1 4 0 2 2 0 0 1-4 0zm7 0a2 2 0 1 1 4 0 2 2 0 0 1-4 0zm7 0a2 2 0 1 1 4 0 2 2 0 0 1-4 0z\\" id=\\"more_applications_svg__a\\"></path></svg></i><div type=\\"h3\\" class=\\"CapHeading-vrvcag-0 CapSecondaryTopBar__MenuHeading-sc-1xahxnq-0 bntzPI\\"></div><div class=\\"cap-divider-v2 vertical-divider ant-divider ant-divider-vertical\\" style=\\"margin-left: auto;\\"></div></li><li class=\\"ant-menu-submenu ant-menu-submenu-horizontal ant-menu-overflowed-submenu\\" style=\\"display: none;\\" role=\\"menuitem\\"><div class=\\"ant-menu-submenu-title\\" aria-expanded=\\"false\\" aria-haspopup=\\"true\\"><span>···</span><i class=\\"ant-menu-submenu-arrow\\"></i></div></li><li class=\\"ant-menu-item cap-secondary-topbar-secondary-menu\\" role=\\"menuitem\\"><div class=\\"cap-secondary-topbar-selected-icon\\"><svg width=\\"2.285rem\\" height=\\"2.285rem\\" viewBox=\\"0 0 32 32\\"><defs><path id=\\"a\\" d=\\"M1515.532 844.532c-1.557 1.636-3.638 2.632-6.244 2.987-1.829.375-3.925.53-6.288.467-2.363.064-4.46-.092-6.288-.467-2.605-.355-4.687-1.35-6.244-2.987-1.636-1.557-2.632-3.639-2.987-6.244-.374-1.829-.53-3.925-.467-6.288-.063-2.363.093-4.46.467-6.288.355-2.605 1.35-4.687 2.987-6.244 1.557-1.636 3.639-2.632 6.244-2.987 1.829-.375 3.925-.53 6.288-.467 2.363-.063 4.46.092 6.288.467 2.606.355 4.687 1.35 6.244 2.987 1.636 1.557 2.632 3.639 2.987 6.244.375 1.829.53 3.925.467 6.288.063 2.363-.092 4.46-.467 6.288-.355 2.605-1.35 4.687-2.987 6.244z\\"></path></defs><use fill=\\"#dfe2e7\\" fill-rule=\\"evenodd\\" transform=\\"translate(-1487 -816)\\" xlink:href=\\"#a\\"></use></svg><span class=\\"text-label\\"></span></div><div type=\\"h3\\" class=\\"CapHeading-vrvcag-0 CapSecondaryTopBar__MenuHeading-sc-1xahxnq-0 bntzPI\\"></div></li><li class=\\"ant-menu-submenu ant-menu-submenu-horizontal ant-menu-overflowed-submenu\\" style=\\"display: none;\\" role=\\"menuitem\\"><div class=\\"ant-menu-submenu-title\\" aria-expanded=\\"false\\" aria-haspopup=\\"true\\"><span>···</span><i class=\\"ant-menu-submenu-arrow\\"></i></div></li><ul class=\\"ant-menu cap-menu-v2 actions-menu ant-menu-light ant-menu-root ant-menu-horizontal\\" role=\\"menu\\"><li class=\\"ant-menu-submenu ant-menu-submenu-horizontal ant-menu-overflowed-submenu\\" style=\\"display: none;\\" role=\\"menuitem\\"><div class=\\"ant-menu-submenu-title\\" aria-expanded=\\"false\\" aria-haspopup=\\"true\\"><span>···</span><i class=\\"ant-menu-submenu-arrow\\"></i></div></li><li class=\\"ant-menu-item\\" role=\\"menuitem\\"><i class=\\"anticon CapIcon__AntIcon-sc-52535-0 bUWyul cap-icon-v2 cap-icon-v2-close\\"><svg width=\\"1em\\" height=\\"1em\\" viewBox=\\"0 0 16 16\\" fill=\\"currentColor\\"><path d=\\"M12.718 3.282a.964.964 0 0 0-1.363 0L8 6.637 4.645 3.282a.964.964 0 1 0-1.363 1.363L6.637 8l-3.355 3.355a.964.964 0 1 0 1.363 1.363L8 9.363l3.355 3.355a.964.964 0 1 0 1.363-1.363L9.363 8l3.355-3.355a.964.964 0 0 0 0-1.363z\\"></path></svg></i></li><li class=\\"ant-menu-submenu ant-menu-submenu-horizontal ant-menu-overflowed-submenu\\" style=\\"visibility: hidden; position: absolute; display: none;\\" role=\\"menuitem\\"><div class=\\"ant-menu-submenu-title\\" aria-expanded=\\"false\\" aria-haspopup=\\"true\\"><span>···</span><i class=\\"ant-menu-submenu-arrow\\"></i></div></li></ul><li class=\\"ant-menu-submenu ant-menu-submenu-horizontal ant-menu-overflowed-submenu\\" style=\\"visibility: hidden; position: absolute; display: none;\\" role=\\"menuitem\\"><div class=\\"ant-menu-submenu-title\\" aria-expanded=\\"false\\" aria-haspopup=\\"true\\"><span>···</span><i class=\\"ant-menu-submenu-arrow\\"></i></div></li></ul><div class=\\"cap-content-wrapper\\" style=\\"display: flex;\\"><div class=\\"cap-sidebar-v2\\"><div type=\\"h2\\" class=\\"CapHeading-vrvcag-0 eHvyRg cap-sidebar-v2-page-heading\\">Settings</div><div class=\\"ant-collapse ant-collapse-borderless cap-sidebar-v2-accordian\\" role=\\"tablist\\"><div class=\\"ant-collapse-item ant-collapse-item-disabled cap-sidebar-v2-leaf-node\\"><div class=\\"ant-collapse-header\\" role=\\"tab\\" tabindex=\\"-1\\" aria-expanded=\\"false\\"><i aria-label=\\"icon: caret-right\\" class=\\"anticon anticon-caret-right ant-collapse-arrow\\"><svg viewBox=\\"0 0 1024 1024\\" class=\\"\\" data-icon=\\"caret-right\\" width=\\"1em\\" height=\\"1em\\" fill=\\"currentColor\\" aria-hidden=\\"true\\" focusable=\\"false\\"><path d=\\"M715.8 493.5L335 165.1c-14.2-12.2-35-1.2-35 18.5v656.8c0 19.7 20.8 30.7 35 18.5l380.8-328.4c10.9-9.4 10.9-27.6 0-37z\\"></path></svg></i><div type=\\"h4\\" class=\\"CapHeading-vrvcag-0 hlVFZb link-item\\"><span></span></div></div></div></div></div><div class=\\"cap-component-wrapper\\" style=\\"width: calc(100% - 240px);\\"><div class=\\"pageTemplate__Wrapper-sc-5eya35-0 fwjwME\\"><section class=\\"pageTemplate__Content-sc-5eya35-1 fkYxdt\\"><h2 class=\\"withStyles__StyledComponent-lzchdo-0 hQXXx\\"><span>Looks like you are lost!</span></h2></section></div></div></div></div>"`;

package/components/organisms/NavigationBar/tests/mockdata.js

@@ -13,131 +13,3 @@ export const naviData = {
   showSecondaryTopBar: true,
   sidebarMenuItemsPosition: 'left',
 };
-
-export const userData = {
-  user: {
-    id: '14783',
-    refID: '14783',
-    orgID: 0,
-  },
-  currentOrgDetails: {
-    basic_details: {
-      org_id: '50672',
-      name: 'Sahana_TestOrg',
-      address: 'hrs layout',
-      phone: '',
-      fiscal_year_start: '-1',
-      language: '',
-      base_language: '',
-      base_lang_locale: '',
-      base_currency_name: '',
-      base_currency: '',
-      base_currency_symbol: '',
-      timezone: 'Asia/Kolkata',
-      timezone_offset: '+05:30',
-      min_sms_hour: 2,
-      max_sms_hour: 21,
-      is_active: 1,
-      value_sms_credits: '',
-      bulk_sms_credits: '',
-      base_country: 'India',
-      base_country_code: 'IN',
-      base_language_iso: {
-        lang: '',
-        locale: '',
-      },
-      base_timezone_iso: {
-        label: 'Asia/Kolkata',
-        offset: '+05:30',
-      },
-      base_country_iso: {
-        code: 'IN',
-        name: 'India',
-      },
-      base_currency_iso: {
-        label: '',
-        symbol: '',
-      },
-    },
-    sender_details: {
-      GSM: '917057170721',
-      CDMA: '918830046834',
-      label: 'BooksTesting',
-      replyToEmail: 'labhavyas09@gmail.com',
-      senderEmail: 'labhavyas09@gmail.com',
-    },
-    accessibleFeatures: [
-      // 'PROMO_ENGINE',
-      // 'GIFT_CARDS',
-      // 'LOYALTY_PROMOTION_ENABLED',
-      // 'ENABLE_CUSTOM_AUDIENCE_UPLOAD',
-      // 'LOYALTY_UX_ENHANCEMENTS',
-      'ENABLE_AI_SUGGESTIONS',
-    ],
-    org_loyalty_v2_status: false,
-    module_details: [
-      {
-        code: 'intouchHomePage',
-        display_order: 1,
-        id: -1,
-        name: 'HOME',
-        namespace: 'intouchHomePage',
-        url: '/home/ui',
-        version: '1.0.0',
-      },
-      {
-        id: 44,
-        name: 'ENGAGE+',
-        code: 'campaigns/ui/list',
-        version: '1.0.0.1',
-        namespace: 'campaign',
-        display_order: 9,
-        url: '/campaigns/ui/list',
-      },
-      {
-        id: 41,
-        name: 'LOYALTY+',
-        code: 'loyaltyProgram',
-        version: '1.0.0.1',
-        namespace: 'loyaltyProgram',
-        display_order: 6,
-        url: '/loyaltyProgram/index',
-      },
-      {
-        id: 39,
-        name: 'MEMBER CARE',
-        code: 'memberCare',
-        version: '1.0.0.1',
-        namespace: 'memberCare',
-        display_order: 5,
-        url: '/memberCare/index',
-      },
-      {
-        id: 27,
-        name: 'MASTERS',
-        code: 'org',
-        version: '1.0.0.1',
-        namespace: 'org',
-        display_order: 0,
-        url: '/org/index',
-      },
-      {
-        id: 26,
-        name: 'WORKBENCH',
-        code: 'businessProcesses',
-        version: '1.0.0.1',
-        namespace: 'businessProcesses',
-        display_order: 10,
-        url: '/businessProcesses/index',
-      },
-    ],
-    org_campaign_v2_status: true,
-    orgNamespaceInfo: {
-      orgNamespaceEnabled: '0',
-      namespace: {},
-    },
-  },
-  systemTimeZone: 'Asia/Calcutta',
-  systemCurrentDate: '2023-04-13 17:26:19',
-  currentDate: '2023-04-13 17:26:19',
-};

package/components/organisms/NoConfigWorkflowAction/NoConfigWorkflowAction.js

@@ -24,7 +24,6 @@ const NoConfigWorkflowAction = ({
   actionData = {},
   actionDetailsData: { upsertActionStatus } = {},
   updateRuleSet,
-  source,
 }) => {
   const showSpin = upsertActionStatus === REQUEST;
 
@@ -40,7 +39,6 @@ const NoConfigWorkflowAction = ({
   const getPayload = () => {
     const payload = {
       ...getCommSaveData({ dataSource: actionData }),
-      source,
     };
     return payload;
   };
@@ -82,7 +80,6 @@ NoConfigWorkflowAction.propTypes = {
   actionDetailsData: PropTypes.object,
   globalActions: PropTypes.object,
   updateRuleSet: PropTypes.func,
-  source: PropTypes.string,
 };
 
 NoConfigWorkflowAction.defaultProps = {

package/components/organisms/Nudges/Nudges.js

@@ -32,7 +32,6 @@ import {
   ACTIVE,
   PROGRAM_LEVEL,
 } from '../../pages/App/constants';
-import { gtmPush } from '../../../utils/gtmTrackers';
 import { colors } from './constants';
 import * as actions from './actions';
 import { makeSelectNudges } from './selectors';
@@ -88,13 +87,6 @@ export const Nudges = ({
   };
 
   const redirectToActionLink = () => {
-    const { id, title, actionLink } = selectedNudge || {};
-    gtmPush('nudgeDetails', {
-      nudgeId: id,
-      title,
-      triggerType: 'CTA',
-      actionLink,
-    });
     const containsHttp = (actionLink || '').includes('http');
     window.open(containsHttp ? actionLink : `https://${actionLink}`, '_blank');
   };
@@ -142,23 +134,15 @@ export const Nudges = ({
                     .filter(nudge => nudge.status === ACTIVE)
                     .map((nudge, index) => {
                       const {
-                        id: nudgeId,
+                        nudgeId,
                         description,
                         additionalDescription,
                         title,
                         thumbnailURL,
-                        actionLink,
                       } = nudge;
                       const selectedColor = colors[index % colors.length];
                       const getNudgeModal = () => {
-                        const { id, title } = nudge;
                         setShowModal(true);
-                        gtmPush('nudgeDetails', {
-                          nudgeId: id,
-                          title,
-                          triggerType: 'LEARN_MORE',
-                          actionLink,
-                        });
                         setSelectedNudge(nudge);
                       };
                       return (
@@ -195,11 +179,7 @@ export const Nudges = ({
                         >
                           <CapRow>
                             <CapRow>
-                              <CapHeading
-                                type="h4"
-                                title={description}
-                                className="nudge-title"
-                              >
+                              <CapHeading type="h4" className="nudge-title">
                                 {description}
                               </CapHeading>
                             </CapRow>

package/components/organisms/Nudges/style.js

@@ -101,9 +101,6 @@ export const styles = css`
       font-weight: 500 !important;
       margin-top: 0;
       margin-bottom: ${CAP_SPACE_08};
-      text-overflow: ellipsis;
-      overflow: hidden;
-      white-space: nowrap;
     }
     .nudge-learn-more-link {
       position: absolute;

package/components/organisms/OrgChange/OrgChange.js

@@ -41,7 +41,7 @@ export const OrgChange = ({
   className,
   selectedOrgId,
   changeOrgAction,
-  navigateToDashboard = () => {},
+  navigateToDashboard,
   intl: { formatMessage },
 }) => {
   const [showRefreshModal, setShowRefreshModal] = useState(false);
@@ -167,7 +167,7 @@ export const OrgChange = ({
   const handleOrgChangeOk = () => {
     if (selectedOrgId !== null) {
       changeOrgAction(selectedOrgId);
-      closeOrgChangeModal();
+      closeOrgChangeModal(false);
     }
   };
 

package/components/organisms/OrgChange/tests/OrgChange.test.js

@@ -25,7 +25,7 @@ describe('<OrgChange />', () => {
     expect(renderedComponent).toMatchSnapshot();
   });
 
-  it('should render the org change component with showOrgChangeModal', done => {
+  it('should render the org change component with showOrgChangeModal', async done => {
     const renderedComponent = mountWithIntl(
       setup({ selectedOrgId: 'selectedOrgId' }),
     );
@@ -35,7 +35,7 @@ describe('<OrgChange />', () => {
     }, 1000);
   });
 
-  it('should render the org change component with showRefreshModal', done => {
+  it('should render the org change component with showRefreshModal', async done => {
     const renderedComponent = mountWithIntl(setup());
     setTimeout(() => {
       global.dispatchEvent(new Event('storage'));
@@ -44,7 +44,7 @@ describe('<OrgChange />', () => {
     }, 1000);
   });
 
-  it('should call callback once while ok button click', done => {
+  it('should call callback once while ok button click', async done => {
     const callback = jest.fn(() => {});
     const renderedComponent = mountWithIntl(
       setup({ selectedOrgId: 'selectedOrgId', changeOrgAction: callback }),
@@ -57,7 +57,7 @@ describe('<OrgChange />', () => {
     }, 1000);
   });
 
-  it('should render the org change component with showOrgChangeSnackBar', done => {
+  it('should render the org change component with showOrgChangeSnackBar', async done => {
     const renderedComponent = mountWithIntl(
       setup({
         userData: { currentOrgDetails: { basic_details: { name: 'name' } } },