feat: add popups for import and add users on sponsors global

src/actions/sponsor-actions.js

@@ -29,7 +29,7 @@ import {
   fetchErrorHandler,
   postFile
 } from "openstack-uicore-foundation/lib/utils/actions";
-import debounce from "lodash/debounce"
+import debounce from "lodash/debounce";
 import URI from "urijs";
 import { getAccessTokenSafely } from "../utils/methods";
 import { normalizeLeadReportSettings } from "../models/lead-report-settings";
@@ -195,7 +195,8 @@ export const querySponsors = debounce(async (input, summitId, callback) => {
     .then((json) => {
       const options = [...json.data].map((sp) => ({
         id: sp.id,
-        name: sp.company.name
+        name: sp.company.name,
+        companyId: sp.company.id
       }));
       callback(options);
     })

src/actions/sponsor-users-actions.js

@@ -21,7 +21,10 @@ import {
   postRequest,
   putRequest,
   startLoading,
-  stopLoading
+  stopLoading,
+  snackbarErrorHandler,
+  snackbarErrorMsg,
+  snackbarSuccessHandler
 } from "openstack-uicore-foundation/lib/utils/actions";
 import T from "i18n-react/dist/i18n-react";
 import { escapeFilterValue, getAccessTokenSafely } from "../utils/methods";
@@ -33,11 +36,6 @@ import {
   IMPORT_SPONSOR_USERS_STATUS,
   SPONSOR_USER_ASSIGNMENT_TYPE
 } from "../utils/constants";
-import {
-  snackbarErrorHandler,
-  snackbarErrorMsg,
-  snackbarSuccessHandler
-} from "./base-actions";
 
 export const RECEIVE_SPONSOR_USER_GROUPS = "RECEIVE_SPONSOR_USER_GROUPS";
 export const REQUEST_SPONSOR_USER_REQUESTS = "REQUEST_SPONSOR_USER_REQUESTS";
@@ -504,46 +502,46 @@ export const deleteSponsorUser =
 
 /** ****************  SPONSOR USERS TAB  *************************************** */
 
-export const sendSponsorUserInvite = (email) => async (dispatch, getState) => {
-  const { currentSummitState, currentSponsorState } = getState();
-  const accessToken = await getAccessTokenSafely();
-  const { currentSummit } = currentSummitState;
-  const { entity } = currentSponsorState;
+export const sendSponsorUserInvite =
+  (email, sponsorId = null) =>
+  async (dispatch, getState) => {
+    const { currentSummitState, currentSponsorState } = getState();
+    const accessToken = await getAccessTokenSafely();
+    const { currentSummit } = currentSummitState;
+    const { entity } = currentSponsorState;
 
-  const params = {
-    access_token: accessToken
-  };
+    const params = {
+      access_token: accessToken
+    };
 
-  dispatch(startLoading());
+    dispatch(startLoading());
 
-  const payload = {
-    user_email: email,
-    sponsor_id: entity.id,
-    summit_id: currentSummit.id
-  };
+    const payload = {
+      user_email: email,
+      sponsor_id: sponsorId || entity.id,
+      summit_id: currentSummit.id
+    };
 
-  return postRequest(
-    null,
-    createAction(DUMMY_ACTION),
-    `${window.SPONSOR_USERS_API_URL}/api/v1/sponsor-users`,
-    payload,
-    snackbarErrorHandler,
-    entity
-  )(params)(dispatch)
-    .then(() => {
-      dispatch(stopLoading());
-      dispatch(
-        snackbarSuccessHandler({
-          title: T.translate("general.success"),
-          html: T.translate("sponsor_users.new_user.success")
-        })
-      );
-    })
-    .catch(console.log) // need to catch promise reject
-    .finally(() => {
-      dispatch(stopLoading());
-    });
-};
+    return postRequest(
+      null,
+      createAction(DUMMY_ACTION),
+      `${window.SPONSOR_USERS_API_URL}/api/v1/sponsor-users`,
+      payload,
+      snackbarErrorHandler,
+      entity
+    )(params)(dispatch)
+      .then(() => {
+        dispatch(
+          snackbarSuccessHandler({
+            title: T.translate("general.success"),
+            html: T.translate("sponsor_users.new_user.success")
+          })
+        );
+      })
+      .finally(() => {
+        dispatch(stopLoading());
+      });
+  };
 
 export const fetchSponsorUsersBySummit = async (
   currentSummitId,
@@ -652,7 +650,6 @@ export const importSponsorUsers =
           })
         );
       })
-      .catch(console.log) // need to catch promise reject
       .finally(() => {
         dispatch(stopLoading());
       });

src/i18n/en.json

@@ -2963,7 +2963,8 @@
       "import_users": "Import Users",
       "running": "Users import running on background.",
       "success": "Users imported successfully.",
-      "fail": "Import failed"
+      "fail": "Import failed",
+      "fetch_users_fail": "There was an error fetching the users list."
     }
   },
   "sponsorship_list": {

src/pages/sponsors/sponsor-page/tabs/sponsor-users-list-per-sponsor/components/import-users-popup.js

@@ -68,14 +68,11 @@ const ImportUsersPopup = ({
   };
 
   const handleImport = async () => {
-    importSponsorUsers(
-      sponsorId,
-      companyId,
-      selectedSummit,
-      selectedUsers
-    ).then(() => {
-      onClose();
-    });
+    importSponsorUsers(sponsorId, companyId, selectedSummit, selectedUsers)
+      .then(() => {
+        onClose();
+      })
+      .catch(() => {});
   };
 
   const handleSelectOnChange = (items, all = false) => {

src/pages/sponsors/sponsor-page/tabs/sponsor-users-list-per-sponsor/components/new-user-popup.js

@@ -35,10 +35,12 @@ const NewUserPopup = ({
   };
 
   const handleOnSave = (values) => {
-    sendSponsorUserInvite(values.email).finally(() => {
-      getSponsorUsers(sponsorId);
-      handleClose();
-    });
+    sendSponsorUserInvite(values.email)
+      .catch(() => {})
+      .finally(() => {
+        getSponsorUsers(sponsorId);
+        handleClose();
+      });
   };
 
   const formik = useFormik({

src/pages/sponsors/sponsor-users-list-page/__tests__/sponsor-users-list-page.test.js

@@ -0,0 +1,192 @@
+import React from "react";
+import { act, render } from "@testing-library/react";
+import SponsorUsersListPage from "../index";
+import { renderWithRedux } from "../../../../utils/test-utils";
+import {
+  getSponsorUserRequests,
+  getSponsorUsers,
+  trackImportSponsorUsers
+} from "../../../../actions/sponsor-users-actions";
+import { TEN_SECONDS_IN_MILLISECONDS } from "../../../../utils/constants";
+
+// ── Mocks ──────────────────────────────────────────────────────────────────────
+
+jest.mock("i18n-react/dist/i18n-react", () => ({
+  translate: (key) => key
+}));
+
+jest.mock("../../../../actions/sponsor-users-actions", () => ({
+  getSponsorUsers: jest.fn(() => ({ type: "MOCK_ACTION" })),
+  getSponsorUserRequests: jest.fn(() => ({ type: "MOCK_ACTION" })),
+  deleteSponsorUser: jest.fn(() => ({ type: "MOCK_ACTION" })),
+  deleteSponsorUserRequest: jest.fn(() => ({ type: "MOCK_ACTION" })),
+  trackImportSponsorUsers: jest.fn(() => ({ type: "MOCK_ACTION" }))
+}));
+
+jest.mock("react-breadcrumbs", () => ({
+  Breadcrumb: () => <div data-testid="breadcrumb" />
+}));
+
+jest.mock(
+  "openstack-uicore-foundation/lib/components/mui/search-input",
+  () =>
+    function SearchInputMock() {
+      return <div data-testid="search-input" />;
+    }
+);
+
+jest.mock("../components/request-table", () => () => (
+  <div data-testid="request-table" />
+));
+
+jest.mock("../components/users-table", () => () => (
+  <div data-testid="users-table" />
+));
+
+jest.mock("../components/sponsor-global-new-user-popup", () => () => (
+  <div data-testid="new-user-popup" />
+));
+
+jest.mock("../components/sponsor-global-import-users-popup", () => () => (
+  <div data-testid="import-users-popup" />
+));
+
+jest.mock("../components/edit-user-popup", () => () => (
+  <div data-testid="edit-user-popup" />
+));
+
+// ── Helpers ────────────────────────────────────────────────────────────────────
+
+const DEFAULT_USERS = {
+  items: [],
+  order: "id",
+  orderDir: 1,
+  currentPage: 1,
+  lastPage: 1,
+  perPage: 10,
+  totalCount: 0
+};
+
+const DEFAULT_REQUESTS = {
+  items: [],
+  order: "id",
+  orderDir: 1,
+  currentPage: 1,
+  lastPage: 1,
+  perPage: 10,
+  totalCount: 0
+};
+
+const buildState = ({
+  summitId = 1,
+  importTasks = [],
+  requests = DEFAULT_REQUESTS,
+  users = DEFAULT_USERS,
+  term = ""
+} = {}) => ({
+  currentSummitState: { currentSummit: { id: summitId } },
+  sponsorUsersListState: { term, userGroups: [], importTasks, requests, users }
+});
+
+const renderPage = (stateOverrides = {}) =>
+  renderWithRedux(<SponsorUsersListPage match={{ url: "/sponsor-users" }} />, {
+    initialState: buildState(stateOverrides)
+  });
+
+// ── Tests ──────────────────────────────────────────────────────────────────────
+
+describe("SponsorUsersListPage", () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+
+  describe("data fetching on mount", () => {
+    it("fetches sponsor users and access requests on mount", () => {
+      renderPage();
+
+      expect(getSponsorUsers).toHaveBeenCalled();
+      expect(getSponsorUserRequests).toHaveBeenCalled();
+    });
+  });
+
+  describe("polling for import tasks", () => {
+    beforeEach(() => {
+      jest.useFakeTimers();
+    });
+
+    afterEach(() => {
+      jest.useRealTimers();
+    });
+
+    it("polls trackImportSponsorUsers while an import task is pending", () => {
+      renderPage({ importTasks: [123] });
+
+      expect(trackImportSponsorUsers).not.toHaveBeenCalled();
+
+      act(() => {
+        jest.advanceTimersByTime(TEN_SECONDS_IN_MILLISECONDS);
+      });
+
+      expect(trackImportSponsorUsers).toHaveBeenCalledTimes(1);
+    });
+
+    it("does not poll when there are no import tasks", () => {
+      renderPage({ importTasks: [] });
+
+      act(() => {
+        jest.advanceTimersByTime(TEN_SECONDS_IN_MILLISECONDS * 3);
+      });
+
+      expect(trackImportSponsorUsers).not.toHaveBeenCalled();
+    });
+
+    it("stops polling once importTasks is cleared", () => {
+      // Use the inner component directly so we can update props via rerender
+      // without Provider/connect wrapping interfering with effect cleanup timing.
+      const UnconnectedPage = SponsorUsersListPage.WrappedComponent;
+      const trackMock = jest.fn(() => ({ type: "MOCK_ACTION" }));
+      const sharedProps = {
+        summitId: 1,
+        match: { url: "/sponsor-users" },
+        users: DEFAULT_USERS,
+        requests: DEFAULT_REQUESTS,
+        term: "",
+        getSponsorUserRequests: jest.fn(),
+        getSponsorUsers: jest.fn(),
+        deleteSponsorUserRequest: jest.fn(),
+        deleteSponsorUser: jest.fn(),
+        trackImportSponsorUsers: trackMock
+      };
+
+      const { rerender } = render(
+        <UnconnectedPage {...sharedProps} importTasks={[123]} />
+      );
+
+      act(() => {
+        jest.advanceTimersByTime(TEN_SECONDS_IN_MILLISECONDS);
+      });
+      expect(trackMock).toHaveBeenCalledTimes(1);
+
+      rerender(<UnconnectedPage {...sharedProps} importTasks={[]} />);
+
+      act(() => {
+        jest.advanceTimersByTime(TEN_SECONDS_IN_MILLISECONDS * 3);
+      });
+
+      // Still only 1 call — interval was cleared when tasks were removed
+      expect(trackMock).toHaveBeenCalledTimes(1);
+    });
+
+    it("clears the polling interval when the component unmounts", () => {
+      const { unmount } = renderPage({ importTasks: [123] });
+
+      unmount();
+
+      act(() => {
+        jest.advanceTimersByTime(TEN_SECONDS_IN_MILLISECONDS * 3);
+      });
+
+      expect(trackImportSponsorUsers).not.toHaveBeenCalled();
+    });
+  });
+});