diff --git a/package.json b/package.json
index 1058855e5..0e869b5fc 100644
--- a/package.json
+++ b/package.json
@@ -92,7 +92,7 @@
     "moment": "^2.29.1",
     "moment-duration-format": "^2.3.2",
     "moment-timezone": "^0.5.33",
-    "openstack-uicore-foundation": "5.0.34",
+    "openstack-uicore-foundation": "5.0.36-beta.1",
     "p-limit": "^6.1.0",
     "path-browserify": "^1.0.1",
     "postcss-loader": "^6.2.1",
@@ -114,7 +114,7 @@
     "react-dropzone": "^4.2.13",
     "react-final-form": "^6.5.9",
     "react-google-maps": "^9.4.5",
-    "react-redux": "^5.0.7",
+    "react-redux": "^7.1.0",
     "react-router": "^4.3.1",
     "react-router-dom": "^4.3.1",
     "react-rte": "^0.16.3",
@@ -124,7 +124,7 @@
     "react-switch": "^6.0.0",
     "react-tooltip": "^5.28.0",
     "react-window": "^1.8.10",
-    "redux": "^3.7.2",
+    "redux": "^4.2.1",
     "redux-persist": "^5.10.0",
     "redux-thunk": "^2.3.0",
     "segmented-control": "0.1.12",
diff --git a/src/actions/__tests__/event-actions.test.js b/src/actions/__tests__/event-actions.test.js
index 0dce052d8..ba2e72dec 100644
--- a/src/actions/__tests__/event-actions.test.js
+++ b/src/actions/__tests__/event-actions.test.js
@@ -52,7 +52,7 @@ describe("Event Actions", () => {
     capturedParams = null;
   });
 
-  test("builds speakers_count between filter using [] syntax", async () => {
+  test("passes pre-built [] range filter strings through to the request", async () => {
     const store = mockStore({
       currentSummitState: {
         currentSummit: {
@@ -63,7 +63,7 @@ describe("Event Actions", () => {
     });
 
     store.dispatch(
-      getEvents(null, 1, 10, "id", 1, { speakers_count_filter: [1, 3] }, [])
+      getEvents(null, 1, 10, "id", 1, ["speakers_count[]1&&3"], [])
     );
 
     await flushPromises();
@@ -71,7 +71,6 @@ describe("Event Actions", () => {
     expect(getRequest).toHaveBeenCalledTimes(1);
     expect(capturedParams).toBeTruthy();
     expect(capturedParams["filter[]"]).toContain("speakers_count[]1&&3");
-    expect(capturedParams["filter[]"]).not.toContain("speakers_count[]]1&&3");
   });
 
   test("requests type.use_speakers in fields for event list", async () => {
@@ -93,7 +92,7 @@ describe("Event Actions", () => {
     expect(capturedParams.fields).toContain("type.use_speakers");
   });
 
-  test("builds speakers_count operator filter when value is not an array", async () => {
+  test("passes pre-built operator filter strings through to the request", async () => {
     const store = mockStore({
       currentSummitState: {
         currentSummit: {
@@ -103,9 +102,7 @@ describe("Event Actions", () => {
       }
     });
 
-    store.dispatch(
-      getEvents(null, 1, 10, "id", 1, { speakers_count_filter: ">=2" }, [])
-    );
+    store.dispatch(getEvents(null, 1, 10, "id", 1, ["speakers_count>=2"], []));
 
     await flushPromises();
 
diff --git a/src/actions/event-actions.js b/src/actions/event-actions.js
index 795915f49..60a669f89 100644
--- a/src/actions/event-actions.js
+++ b/src/actions/event-actions.js
@@ -36,11 +36,9 @@ import { epochToMomentTimeZone } from "openstack-uicore-foundation/lib/utils/met
 import URI from "urijs";
 import history from "../history";
 import {
-  checkOrFilter,
   getAccessTokenSafely,
   isNumericString,
-  joinCVSChunksAndNormalizeHeaders,
-  parseDateRangeFilter
+  joinCVSChunksAndNormalizeHeaders
 } from "../utils/methods";
 import { getQAUsersBySummitEvent } from "./user-chat-roles-actions";
 import { getAuditLog } from "./audit-log-actions";
@@ -51,9 +49,7 @@ import {
   DEFAULT_PER_PAGE,
   EXPORT_PAGE_SIZE_200,
   FIVE_PER_PAGE,
-  HOUR_AND_HALF,
-  SECONDS_TO_MINUTES,
-  TWO
+  HOUR_AND_HALF
 } from "../utils/constants";
 import { getIdValue } from "../utils/summitUtils";
 
@@ -99,323 +95,6 @@ const fieldsBoundToQuestions = [
   SOCIAL_DESCRIPTION
 ];
 
-const parseFilters = (filters, term = null) => {
-  const filter = [];
-
-  if (
-    filters.hasOwnProperty("event_type_capacity_filter") &&
-    Array.isArray(filters.event_type_capacity_filter) &&
-    filters.event_type_capacity_filter.length > 0
-  ) {
-    if (
-      filters.event_type_capacity_filter.includes("allows_attendee_vote_filter")
-    ) {
-      filter.push("type_allows_attendee_vote==1");
-    }
-    if (filters.event_type_capacity_filter.includes("allows_location_filter")) {
-      filter.push("type_allows_location==1");
-    }
-    if (
-      filters.event_type_capacity_filter.includes(
-        "allows_publishing_dates_filter"
-      )
-    ) {
-      filter.push("type_allows_publishing_dates==1");
-    }
-  }
-
-  if (
-    filters.hasOwnProperty("selection_plan_id_filter") &&
-    Array.isArray(filters.selection_plan_id_filter) &&
-    filters.selection_plan_id_filter.length > 0
-  ) {
-    filter.push(
-      `selection_plan_id==${filters.selection_plan_id_filter.join("||")}`
-    );
-  }
-
-  if (
-    filters.hasOwnProperty("location_id_filter") &&
-    Array.isArray(filters.location_id_filter) &&
-    filters.location_id_filter.length > 0
-  ) {
-    filter.push(`location_id==${filters.location_id_filter.join("||")}`);
-  }
-
-  if (
-    filters.hasOwnProperty("selection_status_filter") &&
-    Array.isArray(filters.selection_status_filter) &&
-    filters.selection_status_filter.length > 0
-  ) {
-    filter.push(
-      `selection_status==${filters.selection_status_filter.join("||")}`
-    );
-  }
-
-  if (
-    filters.hasOwnProperty("review_status_filter") &&
-    Array.isArray(filters.review_status_filter) &&
-    filters.review_status_filter.length > 0
-  ) {
-    filter.push(`review_status==${filters.review_status_filter.join("||")}`);
-  }
-
-  if (filters?.progress_flag?.length > 0) {
-    filter.push(
-      filters.progress_flag
-        .map((pf) => `actions==type_id==${pf}&&is_completed==1`)
-        .join(",")
-    );
-  }
-
-  if (
-    filters.hasOwnProperty("track_id_filter") &&
-    Array.isArray(filters.track_id_filter) &&
-    filters.track_id_filter.length > 0
-  ) {
-    filter.push(`track_id==${filters.track_id_filter.join("||")}`);
-  }
-
-  if (
-    filters.hasOwnProperty("event_type_id_filter") &&
-    Array.isArray(filters.event_type_id_filter) &&
-    filters.event_type_id_filter.length > 0
-  ) {
-    filter.push(`event_type_id==${filters.event_type_id_filter.join("||")}`);
-  }
-
-  if (
-    filters.hasOwnProperty("speaker_id_filter") &&
-    Array.isArray(filters.speaker_id_filter) &&
-    filters.speaker_id_filter.length > 0
-  ) {
-    filter.push(
-      `speaker_id==${filters.speaker_id_filter
-        .map((speaker) => speaker.id)
-        .join("||")}`
-    );
-  }
-
-  if (
-    filters.hasOwnProperty("level_filter") &&
-    Array.isArray(filters.level_filter) &&
-    filters.level_filter.length > 0
-  ) {
-    filter.push(`level==${filters.level_filter.join("||")}`);
-  }
-
-  if (
-    filters.hasOwnProperty("tags_filter") &&
-    Array.isArray(filters.tags_filter) &&
-    filters.tags_filter.length > 0
-  ) {
-    filter.push(`tags==${filters.tags_filter.map((t) => t.tag).join("||")}`);
-  }
-
-  if (filters.published_filter) {
-    filter.push(
-      `published==${filters.published_filter === "published" ? "1" : "0"}`
-    );
-  }
-
-  if (filters.has_rsvp_filter) {
-    filter.push(
-      `rsvp_type${filters.has_rsvp_filter === "yes" ? "<>" : "=="}None`
-    );
-  }
-
-  if (filters.start_date_filter) {
-    parseDateRangeFilter(filter, filters.start_date_filter, "start_date");
-  }
-
-  if (filters.end_date_filter) {
-    parseDateRangeFilter(filter, filters.end_date_filter, "end_date");
-  }
-
-  if (filters.created_filter) {
-    parseDateRangeFilter(filter, filters.created_filter, "created");
-  }
-
-  if (filters.modified_filter) {
-    parseDateRangeFilter(filter, filters.modified_filter, "last_edited");
-  }
-
-  if (filters.duration_filter) {
-    // multiply values to send the minutes in seconds
-    if (Array.isArray(filters.duration_filter)) {
-      // between
-      filter.push(
-        `duration[]${filters.duration_filter[0] * SECONDS_TO_MINUTES}&&${
-          filters.duration_filter[1] * SECONDS_TO_MINUTES
-        }`
-      );
-    } else {
-      filter.push(
-        `duration${filters.duration_filter.replace(/\d/g, "")}${
-          filters.duration_filter.replace(/\D/g, "") * SECONDS_TO_MINUTES
-        }`
-      );
-    }
-  }
-
-  if (filters.speakers_count_filter) {
-    if (
-      Array.isArray(filters.speakers_count_filter) &&
-      filters.speakers_count_filter.length === TWO
-    ) {
-      // between
-      filter.push(
-        `speakers_count[]${filters.speakers_count_filter[0]}&&${filters.speakers_count_filter[1]}`
-      );
-    } else {
-      filter.push(`speakers_count${filters.speakers_count_filter}`);
-    }
-  }
-
-  if (
-    filters.hasOwnProperty("submitters") &&
-    Array.isArray(filters.submitters) &&
-    filters.submitters.length > 0
-  ) {
-    // created by fullname | created_by_email
-    filter.push(
-      filters.submitters.map((tt) => {
-        const escapedFullName = escapeFilterValue(
-          `${tt.first_name} ${tt.last_name}`
-        );
-        const escapedEmail = escapeFilterValue(tt.email);
-        const fullNameFilter = `created_by_fullname==${escapedFullName}`;
-        const emailFilter = `created_by_email==${escapedEmail}`;
-        return [fullNameFilter, emailFilter];
-      }, "")
-    );
-  }
-
-  if (filters.hasOwnProperty("streaming_url") && filters.streaming_url) {
-    const searchString = escapeFilterValue(filters.streaming_url);
-    filter.push(`streaming_url@@${searchString}`);
-  }
-  if (filters.hasOwnProperty("meeting_url") && filters.meeting_url) {
-    const searchString = escapeFilterValue(filters.meeting_url);
-    filter.push(`meeting_url@@${searchString}`);
-  }
-  if (filters.hasOwnProperty("etherpad_link") && filters.etherpad_link) {
-    const searchString = escapeFilterValue(filters.etherpad_link);
-    filter.push(`etherpad_link@@${searchString}`);
-  }
-
-  if (filters.hasOwnProperty("streaming_type") && filters.streaming_type) {
-    filter.push(`streaming_type==${filters.streaming_type}`);
-  }
-
-  if (
-    filters.hasOwnProperty("submission_source_filter") &&
-    filters.submission_source_filter
-  ) {
-    filter.push(`submission_source==${filters.submission_source_filter}`);
-  }
-
-  if (
-    filters.hasOwnProperty("speaker_company") &&
-    Array.isArray(filters.speaker_company) &&
-    filters.speaker_company.length > 0
-  ) {
-    filter.push(
-      `speaker_company==${filters.speaker_company
-        .map((c) => escapeFilterValue(c.name))
-        .join("||")}`
-    );
-  }
-
-  if (
-    filters.hasOwnProperty("submitter_company") &&
-    Array.isArray(filters.submitter_company) &&
-    filters.submitter_company.length > 0
-  ) {
-    filter.push(
-      `created_by_company==${filters.submitter_company
-        .map((c) => escapeFilterValue(c.name))
-        .join("||")}`
-    );
-  }
-
-  if (
-    filters.hasOwnProperty("sponsor") &&
-    Array.isArray(filters.sponsor) &&
-    filters.sponsor.length > 0
-  ) {
-    filter.push(
-      `sponsor==${filters.sponsor.map((sponsor) => sponsor.name).join("||")}`
-    );
-  }
-
-  if (
-    filters.hasOwnProperty("all_companies") &&
-    Array.isArray(filters.all_companies) &&
-    filters.all_companies.length > 0
-  ) {
-    const companies = filters.all_companies
-      .map((c) => escapeFilterValue(c.name))
-      .join("||");
-    filter.push(
-      `speaker_company==${companies},created_by_company==${companies},sponsor==${companies}`
-    );
-  }
-
-  if (filters.is_public) {
-    filter.push("is_public==1");
-  }
-
-  if (filters.is_activity) {
-    filter.push("is_activity==1");
-  }
-
-  if (
-    filters.hasOwnProperty("submission_status_filter") &&
-    Array.isArray(filters.submission_status_filter) &&
-    filters.submission_status_filter.length > 0
-  ) {
-    filter.push(
-      `submission_status==${filters.submission_status_filter.join("||")}`
-    );
-  }
-
-  if (
-    filters.hasOwnProperty("media_upload_with_type") &&
-    filters.media_upload_with_type.operator !== null &&
-    Array.isArray(filters.media_upload_with_type.value) &&
-    filters.media_upload_with_type.value.length > 0
-  ) {
-    const concatOperator =
-      filters.media_upload_with_type.operator === "has_media_upload_with_type=="
-        ? "||"
-        : "&&";
-    filter.push(
-      `${
-        filters.media_upload_with_type.operator
-      }${filters.media_upload_with_type.value
-        .map((v) => v.id)
-        .join(concatOperator)}`
-    );
-  }
-
-  if (term) {
-    const escapedTerm = escapeFilterValue(term);
-    let searchString =
-      `title=@${escapedTerm},` +
-      `abstract=@${escapedTerm},` +
-      `speaker_title=@${escapedTerm}`;
-
-    if (isNumericString(term)) {
-      searchString += `,id==${term}`;
-    }
-
-    filter.push(searchString);
-  }
-
-  return checkOrFilter(filters, filter);
-};
-
 export const normalizeEvent = (entity, eventTypeConfig, summit) => {
   const normalizedEntity = { ...entity };
   if (!normalizedEntity.start_date) delete normalizedEntity.start_date;
@@ -545,12 +224,12 @@ export const normalizeBulkEvents = (entity) => {
 
 export const getEvents =
   (
-    term = null,
+    term = "",
     page = DEFAULT_CURRENT_PAGE,
     perPage = DEFAULT_PER_PAGE,
     order = "id",
     orderDir = DEFAULT_ORDER_DIR,
-    filters = {},
+    filters = [],
     extraColumns = []
   ) =>
   async (dispatch, getState) => {
@@ -558,10 +237,23 @@ export const getEvents =
     const accessToken = await getAccessTokenSafely();
     const { currentSummit } = currentSummitState;
     const summitTZ = currentSummit.time_zone.name;
+    const filter = [...filters];
 
     dispatch(startLoading());
 
-    const filter = parseFilters(filters, term);
+    if (term) {
+      const escapedTerm = escapeFilterValue(term);
+      let searchString =
+        `title=@${escapedTerm},` +
+        `abstract=@${escapedTerm},` +
+        `speaker_title=@${escapedTerm}`;
+
+      if (isNumericString(term)) {
+        searchString += `,id==${term}`;
+      }
+
+      filter.push(searchString);
+    }
 
     const params = {
       expand:
@@ -1236,26 +928,35 @@ export const deleteEvent = (eventId) => async (dispatch, getState) => {
 };
 
 export const exportEvents =
-  (
-    term = null,
-    order = "id",
-    orderDir = DEFAULT_ORDER_DIR,
-    extraFilters = {}
-  ) =>
+  (term = null, order = "id", orderDir = DEFAULT_ORDER_DIR, filters = []) =>
   async (dispatch, getState) => {
     dispatch(startLoading());
     const { currentSummitState, currentEventListState } = getState();
     const accessToken = await getAccessTokenSafely();
     const { currentSummit } = currentSummitState;
     const { totalEvents } = currentEventListState;
-
     const csvMIME = "text/csv;charset=utf-8";
     const filename = `${currentSummit.name}-Activities.csv`;
     const totalPages = Math.ceil(totalEvents / EXPORT_PAGE_SIZE_200);
-
     const endpoint = `${window.API_BASE_URL}/api/v1/summits/${currentSummit.id}/events/csv`;
 
-    const filter = parseFilters(extraFilters, term);
+    const filter = [...filters];
+
+    dispatch(startLoading());
+
+    if (term) {
+      const escapedTerm = escapeFilterValue(term);
+      let searchString =
+        `title=@${escapedTerm},` +
+        `abstract=@${escapedTerm},` +
+        `speaker_title=@${escapedTerm}`;
+
+      if (isNumericString(term)) {
+        searchString += `,id==${term}`;
+      }
+
+      filter.push(searchString);
+    }
 
     const params = Array.from({ length: totalPages }, (_, i) => {
       const res = {
@@ -1489,10 +1190,17 @@ export const getEventComments =
     const { currentSummitState } = getState();
     const { currentSummit } = currentSummitState;
     const summitTZ = currentSummit.time_zone_id;
+    const filter = [];
 
     dispatch(startLoading());
 
-    const filter = parseFilters(filters);
+    if (filters.is_public) {
+      filter.push("is_public==1");
+    }
+
+    if (filters.is_activity) {
+      filter.push("is_activity==1");
+    }
 
     if (term) {
       const escapedTerm = escapeFilterValue(term);
@@ -1500,9 +1208,6 @@ export const getEventComments =
       filter.push(searchString);
     }
 
-    // `is_public==${escapedTerm},`;
-    // `is_activity==${escapedTerm},`;
-
     const params = {
       page,
       per_page: perPage,
diff --git a/src/components/filters/select-filter-criteria/index.js b/src/components/filters/select-filter-criteria/index.js
index 06c7c4a04..f4d8c9420 100644
--- a/src/components/filters/select-filter-criteria/index.js
+++ b/src/components/filters/select-filter-criteria/index.js
@@ -1,4 +1,4 @@
-/**
+/* *
  * Copyright 2019 OpenStack Foundation
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -9,15 +9,13 @@
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
- **/
+ * */
 
 import React, { useEffect, useState } from "react";
 import PropTypes from "prop-types";
 import T from "i18n-react/dist/i18n-react";
 import Swal from "sweetalert2";
 import AsyncSelect from "react-select/lib/Async";
-
-import styles from "./index.module.less";
 import { queryFilterCriterias } from "../../../actions/filter-criteria-actions";
 
 const SelectFilterCriteria = ({
@@ -30,7 +28,6 @@ const SelectFilterCriteria = ({
 }) => {
   const [selectedFilter, setSelectedFilter] = useState(null);
   const [defaultOptions, setDefaultOptions] = useState([]);
-  const [isLoading, setIsLoading] = useState(false);
 
   useEffect(() => {
     if (!selectedFilterCriteria) setSelectedFilter(null);
@@ -44,9 +41,9 @@ const SelectFilterCriteria = ({
   const handleFilterDelete = () => {
     Swal.fire({
       title: T.translate("general.are_you_sure"),
-      text:
-        T.translate("select_filter_criteria.remove_filter_criteria_warning") +
-        `"${selectedFilter.label}"`,
+      text: `${T.translate(
+        "select_filter_criteria.remove_filter_criteria_warning"
+      )}"${selectedFilter.label}"`,
       type: "warning",
       showCancelButton: true,
       confirmButtonColor: "#DD6B55",
@@ -59,7 +56,6 @@ const SelectFilterCriteria = ({
   };
 
   const getCriterias = (input, callback) => {
-    setIsLoading(true);
     // we need to map into value/label because of a bug in react-select 2
     // https://github.com/JedWatson/react-select/issues/2998
 
@@ -69,7 +65,6 @@ const SelectFilterCriteria = ({
         label: c.name,
         ...c
       }));
-      setIsLoading(false);
       callback(newOptions);
     };
 
@@ -88,18 +83,18 @@ const SelectFilterCriteria = ({
   };
 
   return (
-    <div className={`${styles.selectFilterWrapper} row`}>
+    <div className="row">
       <div className="col-md-10">
         <AsyncSelect
-          id={"filter_criteria_select"}
+          id="filter_criteria_select"
           value={selectedFilter}
           placeholder={T.translate("select_filter_criteria.placeholder")}
           onChange={handleFilterChange}
           loadOptions={getCriterias}
-          isClearable={true}
+          isClearable
           defaultOptions={defaultOptions}
           onMenuOpen={handleMenuOpen}
-          isLoading={true}
+          isLoading
           {...rest}
         />
       </div>
diff --git a/src/components/filters/select-filter-criteria/index.module.less b/src/components/filters/select-filter-criteria/index.module.less
deleted file mode 100644
index c9a629fe6..000000000
--- a/src/components/filters/select-filter-criteria/index.module.less
+++ /dev/null
@@ -1,3 +0,0 @@
-.selectFilterWrapper {
-  margin-bottom: 20px;
-}
diff --git a/src/i18n/en.json b/src/i18n/en.json
index eda7913d2..1092c1a45 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -1155,19 +1155,18 @@
     "add_event": "Add Activity",
     "title": "Title",
     "type": "Activity Type",
-    "event_type_capacity": "Activity Type Capacity",
-    "selection_plan": "Selection Plan",
-    "location": "Location",
-    "level": "Level",
+    "event_type_capacity": "Select..",
+    "selection_plan": "Select Selection Plan",
+    "location": "Select Location",
+    "level": "Select Level",
     "tags": "Tags",
     "progress_flags": "Progress Flags",
     "streaming_url": "Streaming URL",
     "meeting_url": "Meeting URL",
     "etherpad_link": "Etherpad URL",
     "streaming_type": "Streaming Type",
-    "status": "Status",
-    "selection_status": "Selection Status",
-    "submission_status": "Submission Status",
+    "selection_status": "Select Status",
+    "submission_status": "Select Status",
     "published": "Published",
     "speakers": "Speakers",
     "duration": "Duration",
@@ -1176,7 +1175,7 @@
     "submitter_company": "Submitter Company",
     "sponsor": "Sponsors",
     "all_companies": "All Companies",
-    "track": "Activity Category",
+    "track": "Select Activity Category",
     "start_date": "Start Date",
     "end_date": "End Date",
     "media_uploads_display": "Display on Site",
@@ -1194,7 +1193,6 @@
     "mux_token_secret_info": "MUX Token Secret",
     "mux_email_to": "Email to",
     "mux_email_to_info": "Recipient to send process excerpt.",
-    "export": "Export",
     "created_by": "Submitter",
     "mux_import_done": "MUX MP4 Import Process Requested Successfuly.",
     "allows_attendee_vote_filter": "Allows attendee vote",
@@ -1215,50 +1213,12 @@
     "submission_status_accepted": "Accepted",
     "submission_status_received": "Received",
     "submission_status_not_submitted": "Not Submitted",
-    "media_upload_type": "Media Upload Type",
     "media_uploads": "Media Uploads",
-    "media_upload_with_type": "Media Upload Types",
     "edit_selected": "Edit Selected",
-    "delete_selected": "Delete Selected",
     "placeholders": {
       "search_events": "Search by Id, Title, Abstract, Speaker Title",
-      "event_type_capacity": "Filter by Activity Type Capacity",
-      "selection_plan": "Filter by Selection Plan",
-      "location": "Filter by Location",
-      "selection_status": "Filter by Selection Status",
-      "progress_flag": "Filter by Progress Flag",
-      "track": "Filter by Activity Category",
       "event_type": "Filter by Activity Type",
-      "speaker": "Filter by Speaker",
-      "speaker_company": "Filter by Speaker Company",
-      "level": "Filter by Level",
-      "tags": "Filter by Tags",
-      "start_date": "Filter from Date",
-      "end_date": "Filter to Date",
-      "start_date_from": "Filter Start Date from",
-      "start_date_to": "Filter Start Date to",
-      "end_date_from": "Filter End Date from",
-      "end_date_to": "Filter End Date to",
-      "created_from": "Filter Created Date from",
-      "created_to": "Filter Created Date to",
-      "modified_from": "Filter Modified Date from",
-      "modified_to": "Filter Modified Date to",
-      "select_fields": "Select data to display",
-      "has_rsvp": "Has RSVP?",
-      "submitters": "Filter by Submitter",
-      "submitter_company": "Filter by Submitter Company",
-      "streaming_url": "Filter by Stream URL",
-      "meeting_url": "Filter by Meeting URL",
-      "etherpad_link": "Filter by Etherpad URL",
-      "streaming_type": "Filter by Streaming Type",
-      "sponsor": "Filter by Sponsor",
-      "all_companies": "Filter by All Companies",
-      "submission_status": "Filter by Submission Status",
-      "review_status": "Filter by Review Status",
-      "media_upload_type": "Filter by Media Upload Type",
-      "submission_source": "Filter by Submission Source",
-      "media_upload_type_id_to_include": "Select the Media Upload Types to include",
-      "media_upload_type_id_to_exclude": "Select the Media Upload Types to exclude"
+      "select_fields": "Select data to display"
     }
   },
   "event_type_list": {
diff --git a/src/pages/events/__tests__/summit-event-list-page.test.js b/src/pages/events/__tests__/summit-event-list-page.test.js
index 00ab2f5c5..e932bbb16 100644
--- a/src/pages/events/__tests__/summit-event-list-page.test.js
+++ b/src/pages/events/__tests__/summit-event-list-page.test.js
@@ -4,19 +4,6 @@ import { renderWithRedux } from "../../../utils/test-utils";
 
 const mockEditableTableSpy = jest.fn(() => null);
 
-jest.mock("openstack-uicore-foundation/lib/components", () => ({
-  CompanyInput: () => null,
-  DateTimePicker: () => null,
-  Dropdown: () => null,
-  FreeTextSearch: () => null,
-  Input: () => null,
-  MemberInput: () => null,
-  OperatorInput: () => null,
-  SpeakerInput: () => null,
-  TagInput: () => null,
-  UploadInput: () => null
-}));
-
 jest.mock(
   "../../../components/tables/editable-table/EditableTable",
   () =>
@@ -51,8 +38,6 @@ jest.mock("react-bootstrap", () => {
   };
 });
 
-jest.mock("../../../components/filters/media-type-filter", () => () => null);
-jest.mock("../../../components/filters/or-and-filter", () => () => null);
 jest.mock("../../../components/filters/save-filter-criteria", () => () => null);
 jest.mock(
   "../../../components/filters/select-filter-criteria",
@@ -86,6 +71,9 @@ describe("SummitEventListPage", () => {
             presentation_action_types: []
           }
         },
+        mediaUploadListState: {
+          media_uploads: []
+        },
         currentEventListState: {
           events: [
             {
@@ -104,8 +92,7 @@ describe("SummitEventListPage", () => {
           term: "",
           filters: {},
           extraColumns: ["media_uploads"],
-          perPage: 10,
-          enabledFilters: []
+          perPage: 10
         }
       }
     });
@@ -134,6 +121,9 @@ describe("SummitEventListPage", () => {
             presentation_action_types: []
           }
         },
+        mediaUploadListState: {
+          media_uploads: []
+        },
         currentEventListState: {
           events: [
             {
@@ -161,8 +151,7 @@ describe("SummitEventListPage", () => {
           term: "",
           filters: {},
           extraColumns: ["media_uploads"],
-          perPage: 10,
-          enabledFilters: []
+          perPage: 10
         }
       }
     });
@@ -215,6 +204,9 @@ describe("SummitEventListPage", () => {
             presentation_action_types: []
           }
         },
+        mediaUploadListState: {
+          media_uploads: []
+        },
         currentEventListState: {
           events: [
             {
@@ -239,8 +231,7 @@ describe("SummitEventListPage", () => {
           term: "",
           filters: {},
           extraColumns: ["media_uploads"],
-          perPage: 10,
-          enabledFilters: []
+          perPage: 10
         }
       }
     });
@@ -290,6 +281,9 @@ describe("SummitEventListPage", () => {
             presentation_action_types: []
           }
         },
+        mediaUploadListState: {
+          media_uploads: []
+        },
         currentEventListState: {
           events: [
             {
@@ -315,8 +309,7 @@ describe("SummitEventListPage", () => {
           term: "",
           filters: {},
           extraColumns: ["media_uploads"],
-          perPage: 10,
-          enabledFilters: []
+          perPage: 10
         }
       }
     });
diff --git a/src/pages/events/summit-event-list-page.js b/src/pages/events/summit-event-list-page.js
deleted file mode 100644
index 058754b88..000000000
--- a/src/pages/events/summit-event-list-page.js
+++ /dev/null
@@ -1,2150 +0,0 @@
-/**
- * Copyright 2026 OpenStack Foundation
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- * http://www.apache.org/licenses/LICENSE-2.0
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- * */
-
-import React from "react";
-import { connect } from "react-redux";
-import T from "i18n-react/dist/i18n-react";
-import Swal from "sweetalert2";
-import { Modal, Pagination } from "react-bootstrap";
-import CompanyInput from "openstack-uicore-foundation/lib/components/inputs/company-input"
-import DateTimePicker from "openstack-uicore-foundation/lib/components/inputs/datetimepicker"
-import Dropdown from "openstack-uicore-foundation/lib/components/inputs/dropdown"
-import FreeTextSearch from "openstack-uicore-foundation/lib/components/free-text-search"
-import Input from "openstack-uicore-foundation/lib/components/inputs/text-input"
-import MemberInput from "openstack-uicore-foundation/lib/components/inputs/member-input"
-import OperatorInput from "openstack-uicore-foundation/lib/components/inputs/operator-input"
-import SpeakerInput from "openstack-uicore-foundation/lib/components/inputs/speaker-input"
-import TagInput from "openstack-uicore-foundation/lib/components/inputs/tag-input"
-import UploadInput from "openstack-uicore-foundation/lib/components/inputs/upload-input";
-import { SegmentedControl } from "segmented-control";
-import { epochToMomentTimeZone } from "openstack-uicore-foundation/lib/utils/methods";
-import {
-  bulkUpdateEvents,
-  changeEventListSearchTerm,
-  deleteEvent,
-  exportEvents,
-  getEvents,
-  importEventsCSV,
-  importMP4AssetsFromMUX,
-  queryAllCompanies,
-  querySpeakerCompany,
-  querySubmitterCompany
-} from "../../actions/event-actions";
-import { handleDDLSortByLabel, hasErrors } from "../../utils/methods";
-import "../../styles/summit-event-list-page.less";
-import OrAndFilter from "../../components/filters/or-and-filter";
-import MediaTypeFilter from "../../components/filters/media-type-filter";
-import {
-  ALL_FILTER,
-  DATE_FILTER_ARRAY_SIZE,
-  DEFAULT_CURRENT_PAGE,
-  DEFAULT_PER_PAGE,
-  DEFAULT_Z_INDEX,
-  HIGH_Z_INDEX
-} from "../../utils/constants";
-import {
-  defaultColumns,
-  editableColumns,
-  formatEventData
-} from "../../utils/summitUtils";
-import SaveFilterCriteria from "../../components/filters/save-filter-criteria";
-import SelectFilterCriteria from "../../components/filters/select-filter-criteria";
-import {
-  deleteFilterCriteria,
-  saveFilterCriteria
-} from "../../actions/filter-criteria-actions";
-import { CONTEXT_ACTIVITIES } from "../../utils/filter-criteria-constants";
-import EditableTable from "../../components/tables/editable-table/EditableTable";
-import { buildNameIdDDL } from "../../utils/events/summit-event-list-page.utils";
-
-const fieldNames = (
-  allSelectionPlans,
-  allTracks,
-  event_types,
-  currentSummitId
-) => [
-  {
-    columnKey: "speakers",
-    value: "speakers",
-    customStyle: { minWidth: "350px" },
-    editableField: (extraProps) => {
-      const useSpeakers = extraProps.row.type?.use_speakers;
-      return useSpeakers ? (
-        <SpeakerInput
-          id="speakers"
-          value={extraProps.rowData}
-          isClearable
-          isMulti
-          placeholder={T.translate("edit_event.search_speakers")}
-          menuPortalTarget={document.body}
-          menuPosition="fixed"
-          styles={{
-            menuPortal: (base) => ({ ...base, zIndex: 9999 }),
-            control: (base, state) => ({
-              ...base,
-              zIndex: state.menuIsOpen ? HIGH_Z_INDEX : DEFAULT_Z_INDEX
-            })
-          }}
-          getOptionLabel={(speaker) =>
-            `${speaker.first_name} ${speaker.last_name} (${speaker.email})`
-          }
-          // eslint-disable-next-line react/jsx-props-no-spreading
-          {...extraProps}
-        />
-      ) : (
-        false
-      );
-    }
-  },
-  { columnKey: "created_by_fullname", value: "created_by", sortable: true },
-  { columnKey: "published_date", value: "published", sortable: true },
-  { columnKey: "duration", value: "duration", sortable: true },
-  { columnKey: "speakers_count", value: "speakers_count", sortable: true },
-  { columnKey: "speaker_company", value: "speaker_company", sortable: true },
-  {
-    columnKey: "track",
-    value: "track",
-    sortable: true,
-    editableField: (extraProps) => {
-      const track_ddl = buildNameIdDDL(allTracks);
-
-      return (
-        <Dropdown
-          id="track"
-          value={extraProps.value}
-          options={track_ddl}
-          menuPortalTarget={document.body}
-          menuPosition="fixed"
-          styles={{
-            menuPortal: (base) => ({ ...base, zIndex: 9999 }),
-            control: (base, state) => ({
-              ...base,
-              zIndex: state.menuIsOpen ? HIGH_Z_INDEX : DEFAULT_Z_INDEX
-            })
-          }}
-          // eslint-disable-next-line react/jsx-props-no-spreading
-          {...extraProps}
-        />
-      );
-    }
-  },
-  { columnKey: "start_date", value: "start_date", sortable: true },
-  { columnKey: "end_date", value: "end_date", sortable: true },
-  { columnKey: "submitters", value: "submitters" },
-  {
-    columnKey: "submitter_company",
-    value: "submitter_company",
-    sortable: true
-  },
-  { columnKey: "sponsor", value: "sponsor", sortable: true },
-  { columnKey: "event_type_capacity", value: "event_type_capacity" },
-  {
-    columnKey: "selection_plan",
-    value: "selection_plan",
-    sortable: true,
-    editableField: (extraProps) => {
-      if (!extraProps.row?.type?.id) return false;
-      const event_type = Array.isArray(event_types)
-        ? event_types.find(
-            (t) => t?.id !== undefined && t.id === extraProps.row.type?.id
-          )
-        : null;
-      if (!event_type) return false;
-
-      const allowSelectionPlanEdit =
-        ["PresentationType"].includes(event_type.class_name) ||
-        ["PresentationType"].includes(event_type.name);
-      if (!allowSelectionPlanEdit) return false;
-
-      const trackId = extraProps.row?.track?.id;
-      const track =
-        trackId !== undefined && trackId !== null
-          ? allTracks.find((t) => t?.id !== undefined && t.id === trackId)
-          : null;
-
-      const selection_plans_per_track = buildNameIdDDL(
-        (Array.isArray(allSelectionPlans) ? allSelectionPlans : []).filter(
-          (sp) =>
-            !track ||
-            (Array.isArray(sp.track_groups) &&
-              Array.isArray(track.track_groups) &&
-              sp.track_groups.some((gr) => track.track_groups.includes(gr)))
-        )
-      );
-
-      return (
-        <Dropdown
-          id="selection_plan"
-          options={selection_plans_per_track}
-          value={extraProps.value || ""}
-          menuPortalTarget={document.body}
-          menuPosition="fixed"
-          styles={{
-            menuPortal: (base) => ({ ...base, zIndex: 9999 }),
-            control: (base, state) => ({
-              ...base,
-              width: 220,
-              zIndex: state.menuIsOpen ? HIGH_Z_INDEX : DEFAULT_Z_INDEX
-            })
-          }}
-          // eslint-disable-next-line react/jsx-props-no-spreading
-          {...extraProps}
-        />
-      );
-    },
-    render: (e) => (e?.name ? e.name : "N/A")
-  },
-  { columnKey: "location", value: "location", sortable: true },
-  { columnKey: "level", value: "level", sortable: true },
-  { columnKey: "tags", value: "tags", sortable: true },
-  {
-    columnKey: "streaming_url",
-    value: "streaming_url",
-    sortable: true,
-    title: true,
-    editableField: true
-  },
-  {
-    columnKey: "meeting_url",
-    value: "meeting_url",
-    sortable: true,
-    title: true,
-    editableField: true
-  },
-  {
-    columnKey: "etherpad_link",
-    value: "etherpad_link",
-    sortable: true,
-    title: true,
-    editableField: true
-  },
-  { columnKey: "streaming_type", value: "streaming_type", sortable: true },
-  {
-    columnKey: "review_status",
-    value: "review_status",
-    sortable: true,
-    title: true
-  },
-  {
-    columnKey: "status",
-    value: "submission_status",
-    sortable: true,
-    title: true
-  },
-  {
-    columnKey: "progress_flags",
-    value: "progress_flags",
-    sortable: true,
-    title: true
-  },
-  { columnKey: "created", value: "created", sortable: true },
-  { columnKey: "modified", value: "modified", sortable: true },
-  {
-    columnKey: "submission_source",
-    value: "submission_source",
-    sortable: true
-  },
-  {
-    columnKey: "media_uploads",
-    value: "media_uploads",
-    sortable: false,
-    render: (e, row) => {
-      if (!e?.length) return "N/A";
-      return (
-        <>
-          {e.map((m) => (
-            <React.Fragment key={m.id}>
-              <button
-                type="button"
-                className="text-link-button"
-                onClick={(ev) => {
-                  ev.preventDefault();
-                  if (!row?.id || !currentSummitId) return false;
-                  window.open(
-                    `/app/summits/${currentSummitId}/events/${row.id}/materials/${m.id}`,
-                    "_blank"
-                  );
-                  return false;
-                }}
-              >
-                {m.media_upload_type.name} - {m.created}
-              </button>
-              <br />
-            </React.Fragment>
-          ))}
-        </>
-      );
-    }
-  },
-  {
-    columnKey: "media_uploads_display",
-    value: "media_uploads_display",
-    sortable: false,
-    render: (e, row) => {
-      const media_uploads = row?.media_uploads || [];
-      if (!media_uploads.length) return "N/A";
-      return (
-        <>
-          {media_uploads.map((m) => (
-            <React.Fragment key={m.id}>
-              {`"${m.media_upload_type.name}" : `}
-              <b>{`${m.display_on_site ? "Yes" : "No"}`}</b>
-              <br />
-            </React.Fragment>
-          ))}
-        </>
-      );
-    }
-  },
-  {
-    columnKey: "allow_feedback",
-    value: "allow_feedback",
-    sortable: false,
-    render: (field) =>
-      field === undefined ? "N/A" : field === true ? "Yes" : "No",
-    editableField: (extraProps) => (
-      <Dropdown
-        id="allow_feedback"
-        value={extraProps}
-        options={[
-          { label: "Yes", value: true },
-          { label: "No", value: false }
-        ]}
-        menuPortalTarget={document.body}
-        menuPosition="fixed"
-        styles={{
-          menuPortal: (base) => ({ ...base, zIndex: 9999 }),
-          control: (base, state) => ({
-            ...base,
-            zIndex: state.menuIsOpen ? HIGH_Z_INDEX : DEFAULT_Z_INDEX
-          })
-        }}
-        // eslint-disable-next-line react/jsx-props-no-spreading
-        {...extraProps}
-      />
-    )
-  },
-  {
-    columnKey: "to_record",
-    value: "to_record",
-    sortable: false,
-    render: (field) =>
-      field === undefined ? "N/A" : field === true ? "Yes" : "No",
-    editableField: (extraProps) => (
-      <Dropdown
-        id="to_record"
-        value={extraProps}
-        options={[
-          { label: "Yes", value: true },
-          { label: "No", value: false }
-        ]}
-        menuPortalTarget={document.body}
-        menuPosition="fixed"
-        styles={{
-          menuPortal: (base) => ({ ...base, zIndex: 9999 }),
-          control: (base, state) => ({
-            ...base,
-            zIndex: state.menuIsOpen ? HIGH_Z_INDEX : DEFAULT_Z_INDEX
-          })
-        }}
-        // eslint-disable-next-line react/jsx-props-no-spreading
-        {...extraProps}
-      />
-    )
-  }
-];
-
-const defaultFilters = {
-  event_type_capacity_filter: [],
-  selection_plan_id_filter: [],
-  location_id_filter: [],
-  selection_status_filter: [],
-  track_id_filter: [],
-  event_type_id_filter: [],
-  speaker_id_filter: [],
-  speaker_company: [],
-  level_filter: [],
-  tags_filter: [],
-  published_filter: null,
-  has_rsvp_filter: null,
-  progress_flag: [],
-  created_filter: Array(DATE_FILTER_ARRAY_SIZE).fill(null),
-  modified_filter: Array(DATE_FILTER_ARRAY_SIZE).fill(null),
-  start_date_filter: Array(DATE_FILTER_ARRAY_SIZE).fill(null),
-  end_date_filter: Array(DATE_FILTER_ARRAY_SIZE).fill(null),
-  duration_filter: "",
-  speakers_count_filter: "",
-  submitters: [],
-  submitter_company: [],
-  streaming_url: "",
-  meeting_url: "",
-  etherpad_link: "",
-  streaming_type: "",
-  sponsor: [],
-  all_companies: [],
-  submission_status_filter: [],
-  media_upload_with_type: { operator: null, value: [] },
-  review_status_filter: [],
-  submission_source_filter: ""
-};
-
-class SummitEventListPage extends React.Component {
-  constructor(props) {
-    super(props);
-
-    this.handleEdit = this.handleEdit.bind(this);
-    this.handlePageChange = this.handlePageChange.bind(this);
-    this.handleSort = this.handleSort.bind(this);
-    this.handleSearch = this.handleSearch.bind(this);
-    this.handleNewEvent = this.handleNewEvent.bind(this);
-    this.handleDeleteEvent = this.handleDeleteEvent.bind(this);
-    this.handleExport = this.handleExport.bind(this);
-    this.handleChangeSendSpeakerEmail =
-      this.handleChangeSendSpeakerEmail.bind(this);
-    this.handleImportEvents = this.handleImportEvents.bind(this);
-    this.handleMUXImport = this.handleMUXImport.bind(this);
-    this.handleChangeMUXModal = this.handleChangeMUXModal.bind(this);
-    this.handleImportAssetsFromMUX = this.handleImportAssetsFromMUX.bind(this);
-    this.handleExtraFilterChange = this.handleExtraFilterChange.bind(this);
-    this.handleTagOrSpeakerFilterChange =
-      this.handleTagOrSpeakerFilterChange.bind(this);
-    this.handleSetPublishedFilter = this.handleSetPublishedFilter.bind(this);
-    this.handleSetRSVPFilter = this.handleSetRSVPFilter.bind(this);
-    this.handleChangeDateFilter = this.handleChangeDateFilter.bind(this);
-    this.handleApplyEventFilters = this.handleApplyEventFilters.bind(this);
-    this.handleFiltersChange = this.handleFiltersChange.bind(this);
-    this.handleColumnsChange = this.handleColumnsChange.bind(this);
-    this.handleTermChange = this.handleTermChange.bind(this);
-    this.handleOrAndFilter = this.handleOrAndFilter.bind(this);
-    this.handleFilterCriteriaSave = this.handleFilterCriteriaSave.bind(this);
-    this.handleFilterCriteriaChange =
-      this.handleFilterCriteriaChange.bind(this);
-    this.handleFilterCriteriaDelete =
-      this.handleFilterCriteriaDelete.bind(this);
-
-    this.state = {
-      showImportModal: false,
-      send_speaker_email: false,
-      showImportFromMUXModal: false,
-      importFile: null,
-      muxModalState: {
-        mux_token_id: "",
-        mux_token_secret: "",
-        mux_email_to: ""
-      },
-      enabledFilters: [],
-      errors: {},
-      eventFilters: {
-        ...defaultFilters,
-        orAndFilter: ALL_FILTER
-      },
-      selectedColumns: [],
-      selectedFilterCriteria: null
-    };
-
-    this.extraFilters = {
-      allows_attendee_vote_filter: false,
-      allows_location_filter: false,
-      allows_publishing_dates_filter: false
-    };
-  }
-
-  componentDidMount() {
-    const {
-      getEvents,
-      currentSummit,
-      filters,
-      extraColumns,
-      term,
-      currentPage,
-      perPage,
-      order,
-      orderDir
-    } = this.props;
-    const { eventFilters } = this.state;
-    const enabledFilters = Object.keys(filters).filter((e) =>
-      Array.isArray(filters[e])
-        ? filters[e]?.some((e) => e !== null)
-        : filters[e]?.length > 0
-    );
-
-    this.setState((prevState) => ({
-      ...prevState,
-      selectedColumns: extraColumns,
-      enabledFilters,
-      eventFilters: { ...eventFilters, ...filters }
-    }));
-
-    if (currentSummit) {
-      getEvents(
-        term,
-        currentPage,
-        perPage,
-        order,
-        orderDir,
-        filters,
-        extraColumns
-      );
-    }
-  }
-
-  handleChangeSendSpeakerEmail(ev) {
-    this.setState((prevState) => ({
-      ...prevState,
-      send_speaker_email: ev.target.checked
-    }));
-  }
-
-  handleChangeMUXModal(ev) {
-    const { errors, muxModalState } = this.state;
-    const newErrors = { ...errors };
-    const newMuxModalState = { ...muxModalState };
-    const { value, id } = ev.target;
-    newErrors[id] = "";
-    newMuxModalState[id] = value;
-    this.setState((prevState) => ({
-      ...prevState,
-      muxModalState,
-      errors: newErrors
-    }));
-  }
-
-  handleMUXImport(ev) {
-    ev.preventDefault();
-    this.setState((prevState) => ({
-      ...prevState,
-      showImportFromMUXModal: true
-    }));
-  }
-
-  handleImportAssetsFromMUX(ev) {
-    const { importMP4AssetsFromMUX } = this.props;
-    const {
-      muxModalState: { mux_token_id, mux_token_secret, mux_email_to }
-    } = this.state;
-    ev.preventDefault();
-    importMP4AssetsFromMUX(mux_token_id, mux_token_secret, mux_email_to).then(
-      () =>
-        this.setState((prevState) => ({
-          ...prevState,
-          muxModalState: {
-            mux_token_id: "",
-            mux_token_secret: "",
-            mux_email_to: ""
-          }
-        }))
-    );
-  }
-
-  handleImportEvents() {
-    const { importEventsCSV } = this.props;
-    const { importFile, send_speaker_email } = this.state;
-    if (importFile) {
-      importEventsCSV(importFile, send_speaker_email);
-    }
-    this.setState((prevState) => ({
-      ...prevState,
-      showImportModal: false,
-      send_speaker_email: false,
-      importFile: null
-    }));
-  }
-
-  handleEdit(event_id) {
-    const { currentSummit, history } = this.props;
-    history.push(`/app/summits/${currentSummit.id}/events/${event_id}`);
-  }
-
-  handleExport(ev) {
-    const { order, orderDir, term, exportEvents } = this.props;
-    const { eventFilters, selectedColumns } = this.state;
-    ev.preventDefault();
-    exportEvents(term, order, orderDir, eventFilters, selectedColumns);
-  }
-
-  handlePageChange(page) {
-    const { order, orderDir, perPage, term, getEvents } = this.props;
-    const { eventFilters, selectedColumns } = this.state;
-    getEvents(
-      term,
-      page,
-      perPage,
-      order,
-      orderDir,
-      eventFilters,
-      selectedColumns
-    );
-  }
-
-  handleSort(index, key, dir) {
-    const { term, getEvents } = this.props;
-    const { eventFilters, selectedColumns } = this.state;
-
-    switch (key) {
-      case "name":
-        key = "last_name";
-        break;
-      case "submitter_company":
-        key = "created_by_company";
-        break;
-      case "progress_flags":
-        key = "actions";
-        break;
-      default:
-        break;
-    }
-
-    getEvents(
-      term,
-      DEFAULT_CURRENT_PAGE,
-      DEFAULT_PER_PAGE,
-      key,
-      dir,
-      eventFilters,
-      selectedColumns
-    );
-  }
-
-  handleSearch(term) {
-    const { order, orderDir, getEvents } = this.props;
-    const { eventFilters, selectedColumns } = this.state;
-    getEvents(
-      term,
-      DEFAULT_CURRENT_PAGE,
-      DEFAULT_PER_PAGE,
-      order,
-      orderDir,
-      eventFilters,
-      selectedColumns
-    );
-  }
-
-  handleNewEvent() {
-    const { currentSummit, history } = this.props;
-    history.push(`/app/summits/${currentSummit.id}/events/new`);
-  }
-
-  handleDeleteEvent(eventId) {
-    const { deleteEvent, events } = this.props;
-    const event = events.find((e) => e.id === eventId);
-
-    Swal.fire({
-      title: T.translate("general.are_you_sure"),
-      text: `${T.translate("event_list.delete_event_warning")} ${event.title}`,
-      type: "warning",
-      showCancelButton: true,
-      confirmButtonColor: "#DD6B55",
-      confirmButtonText: T.translate("general.yes_delete")
-    }).then((result) => {
-      if (result.value) {
-        deleteEvent(eventId);
-      }
-    });
-  }
-
-  handleTermChange(term) {
-    const { changeEventListSearchTerm } = this.props;
-    changeEventListSearchTerm(term);
-  }
-
-  handleApplyEventFilters() {
-    const { order, orderDir, term, getEvents } = this.props;
-    const { eventFilters, selectedColumns } = this.state;
-    getEvents(
-      term,
-      DEFAULT_CURRENT_PAGE,
-      DEFAULT_PER_PAGE,
-      order,
-      orderDir,
-      eventFilters,
-      selectedColumns
-    );
-    this.setState((prevState) => ({
-      ...prevState,
-      selectedFilterCriteria: null
-    }));
-  }
-
-  handleExtraFilterChange(ev) {
-    const { eventFilters } = this.state;
-    const { type, id } = ev.target;
-    let { value } = ev.target;
-    if (type === "operatorinput") {
-      value = Array.isArray(value)
-        ? value
-        : `${ev.target.operator}${ev.target.value}`;
-      if (id === "duration_filter") {
-        value = Array.isArray(value)
-          ? value
-          : `${ev.target.operator}${ev.target.value}`;
-      }
-    }
-    if (type === "mediatypeinput") {
-      value = {
-        operator: ev.target.operator,
-        value: ev.target.value
-      };
-    }
-    this.setState((prevState) => ({
-      ...prevState,
-      eventFilters: { ...eventFilters, [id]: value },
-      selectedFilterCriteria: null
-    }));
-  }
-
-  handleOrAndFilter(ev) {
-    const { eventFilters } = this.state;
-    this.setState((prevState) => ({
-      ...prevState,
-      eventFilters: { ...eventFilters, orAndFilter: ev }
-    }));
-  }
-
-  handleTagOrSpeakerFilterChange(ev) {
-    const { value, id } = ev.target;
-    const { eventFilters } = this.state;
-    this.setState((prevState) => ({
-      ...prevState,
-      eventFilters: { ...eventFilters, [id]: value }
-    }));
-  }
-
-  handleSetPublishedFilter(ev) {
-    const { eventFilters } = this.state;
-    this.extraFilters.published_filter = ev;
-    this.setState((prevState) => ({
-      ...prevState,
-      eventFilters: { ...eventFilters, published_filter: ev }
-    }));
-  }
-
-  handleSetRSVPFilter(ev) {
-    const { eventFilters } = this.state;
-    this.extraFilters.has_rsvp_filter = ev;
-    this.setState((prevState) => ({
-      ...prevState,
-      eventFilters: { ...eventFilters, has_rsvp_filter: ev }
-    }));
-  }
-
-  handleFiltersChange(ev) {
-    const { value } = ev.target;
-    const { enabledFilters, eventFilters } = this.state;
-    if (value.length < enabledFilters.length) {
-      if (value.length === 0) {
-        this.setState((prevState) => ({
-          ...prevState,
-          enabledFilters: value,
-          eventFilters: defaultFilters,
-          selectedFilterCriteria: null
-        }));
-      } else {
-        const removedFilter = enabledFilters.filter(
-          (e) => !value.includes(e)
-        )[0];
-        let defaultValue;
-        if (
-          removedFilter === "published_filter" ||
-          removedFilter === "has_rsvp_filter"
-        ) {
-          defaultValue = null;
-        } else if (Array.isArray(eventFilters[removedFilter])) {
-          defaultValue = [];
-        } else {
-          defaultValue = "";
-        }
-        const newEventFilters = {
-          ...eventFilters,
-          [removedFilter]: defaultValue
-        };
-        this.setState((prevState) => ({
-          ...prevState,
-          enabledFilters: value,
-          eventFilters: newEventFilters,
-          selectedFilterCriteria: null
-        }));
-      }
-    } else {
-      this.setState((prevState) => ({
-        ...prevState,
-        enabledFilters: value,
-        selectedFilterCriteria: null
-      }));
-    }
-  }
-
-  handleChangeDateFilter(ev, lastDate) {
-    const { value, id } = ev.target;
-    const { eventFilters } = this.state;
-    const newDateFilter = eventFilters[id];
-
-    this.setState((prevState) => ({
-      ...prevState,
-      eventFilters: {
-        ...eventFilters,
-        [id]: lastDate
-          ? [newDateFilter[0], value.unix()]
-          : [value.unix(), newDateFilter[1]]
-      }
-    }));
-  }
-
-  handleFilterCriteriaSave(filterData) {
-    const { enabledFilters, eventFilters } = this.state;
-    const { currentSummit, saveFilterCriteria } = this.props;
-    const filterToSave = {
-      id: filterData.id,
-      show_id: currentSummit.id,
-      name: filterData.name,
-      enabled_filters: enabledFilters,
-      // only save criteria for enabled filters
-      criteria: Object.fromEntries(
-        Object.entries(eventFilters).filter(([key]) =>
-          enabledFilters.includes(key)
-        )
-      ),
-      context: CONTEXT_ACTIVITIES,
-      visibility: filterData.visibility
-    };
-    saveFilterCriteria(filterToSave);
-  }
-
-  handleColumnsChange(ev) {
-    const { value } = ev.target;
-    const { selectedColumns } = this.state;
-    let newColumns = value;
-    const all_companies = ["submitter_company", "speaker_company", "sponsor"];
-
-    const mediaUploadsSelected = newColumns.includes("media_uploads");
-
-    // Ensure 'media_uploads_display' is included if 'media_uploads' is selected
-    if (mediaUploadsSelected && !newColumns.includes("media_uploads_display")) {
-      newColumns = [...newColumns, "media_uploads_display"];
-    }
-
-    // Remove 'media_uploads_display' if 'media_uploads' is deselected
-    if (!mediaUploadsSelected && newColumns.includes("media_uploads_display")) {
-      newColumns = newColumns.filter((col) => col !== "media_uploads_display");
-    }
-
-    if (
-      selectedColumns.includes("all_companies") &&
-      !newColumns.includes("all_companies")
-    ) {
-      newColumns = [...newColumns.filter((e) => !all_companies.includes(e))];
-    }
-    const selectedCompanies = selectedColumns.filter((c) =>
-      all_companies.includes(c)
-    ).length;
-    const newCompanies = newColumns.filter((c) =>
-      all_companies.includes(c)
-    ).length;
-    if (newColumns.includes("all_companies")) {
-      if (newColumns.filter((c) => all_companies.includes(c)).length === 0) {
-        newColumns = [...selectedColumns, ...all_companies, "all_companies"];
-      } else if (selectedCompanies === newCompanies) {
-        newColumns = [
-          ...new Set([...newColumns, ...all_companies, "all_companies"])
-        ];
-      } else if (newCompanies < selectedCompanies) {
-        newColumns = [...newColumns.filter((c) => c !== "all_companies")];
-      }
-    }
-    this.setState((prevState) => ({
-      ...prevState,
-      selectedColumns: newColumns
-    }));
-  }
-
-  handleFilterCriteriaChange(filterCriteria) {
-    const { extraColumns, term, order, orderDir, getEvents } = this.props;
-    const { eventFilters } = this.state;
-    let newEventFilters = {};
-    if (filterCriteria) {
-      Object.entries(filterCriteria.criteria).forEach(([key, values]) => {
-        newEventFilters = { ...newEventFilters, [key]: values };
-      });
-    }
-
-    this.setState(
-      (prevState) => ({
-        ...prevState,
-        eventFilters: { ...defaultFilters, ...newEventFilters },
-        enabledFilters: filterCriteria ? filterCriteria.enabled_filters : [],
-        selectedFilterCriteria: filterCriteria || null
-      }),
-      () =>
-        getEvents(
-          term,
-          DEFAULT_CURRENT_PAGE,
-          DEFAULT_PER_PAGE,
-          order,
-          orderDir,
-          eventFilters,
-          extraColumns
-        )
-    );
-  }
-
-  handleFilterCriteriaDelete(filterCriteriaId) {
-    const {
-      extraColumns,
-      term,
-      order,
-      orderDir,
-      getEvents,
-      deleteFilterCriteria
-    } = this.props;
-    const { eventFilters } = this.state;
-    deleteFilterCriteria(filterCriteriaId).then(() =>
-      this.setState(
-        (prevState) => ({
-          ...prevState,
-          eventFilters: { ...defaultFilters, orAndFilter: ALL_FILTER },
-          enabledFilters: [],
-          selectedFilterCriteria: null
-        }),
-        () =>
-          getEvents(
-            term,
-            DEFAULT_CURRENT_PAGE,
-            DEFAULT_PER_PAGE,
-            order,
-            orderDir,
-            eventFilters,
-            extraColumns
-          )
-      )
-    );
-  }
-
-  translateSortKey = (key) => {
-    switch (key) {
-      case "last_name":
-        return "name";
-      case "created_by_company":
-        return "submitter_company";
-      case "actions":
-        return "progress_flags";
-      default:
-        break;
-    }
-
-    return key;
-  };
-
-  render() {
-    const {
-      currentSummit,
-      events,
-      lastPage,
-      currentPage,
-      order,
-      orderDir,
-      totalEvents,
-      term,
-      bulkUpdateEvents
-    } = this.props;
-    const {
-      enabledFilters,
-      eventFilters,
-      selectedFilterCriteria,
-      selectedColumns,
-      showImportModal,
-      send_speaker_email,
-      importFile,
-      showImportFromMUXModal,
-      errors,
-      muxModalState: { mux_token_id, mux_token_secret, mux_email_to }
-    } = this.state;
-
-    let columns = [
-      { columnKey: "id", value: T.translate("general.id"), sortable: true },
-      {
-        columnKey: "type",
-        value: T.translate("event_list.type"),
-        sortable: true,
-        // eslint-disable-next-line react/no-unstable-nested-components
-        editableField: (extraProps) => (
-          <Dropdown
-            id="type"
-            placeholder={T.translate("event_list.placeholders.event_type")}
-            options={event_type_ddl}
-            value={extraProps.value}
-            menuPortalTarget={document.body}
-            menuPosition="fixed"
-            styles={{
-              menuPortal: (base) => ({ ...base, zIndex: 9999 }),
-              control: (base, state) => ({
-                ...base,
-                zIndex: state.menuIsOpen ? HIGH_Z_INDEX : DEFAULT_Z_INDEX
-              })
-            }}
-            // eslint-disable-next-line react/jsx-props-no-spreading
-            {...extraProps}
-          />
-        ),
-        render: (e) => e.name
-      },
-      {
-        columnKey: "title",
-        value: T.translate("event_list.title"),
-        sortable: true,
-        editableField: true
-      },
-      {
-        columnKey: "selection_status",
-        value: T.translate("event_list.selection_status"),
-        sortable: true
-      }
-    ];
-
-    const table_options = {
-      sortCol: this.translateSortKey(order),
-      sortDir: orderDir,
-      className: "summit-event-list-table",
-      actions: {
-        edit: { onClick: this.handleEdit },
-        delete: { onClick: this.handleDeleteEvent }
-      }
-    };
-
-    const selection_plans_ddl = buildNameIdDDL(currentSummit.selection_plans);
-
-    const location_ddl = buildNameIdDDL(currentSummit.locations);
-
-    const selection_status_ddl = [
-      { label: "Pending", value: "pending" },
-      { label: "Accepted", value: "accepted" },
-      { label: "Rejected", value: "rejected" },
-      { label: "Alternate", value: "alternate" }
-    ];
-
-    const track_ddl = buildNameIdDDL(currentSummit.tracks);
-
-    const event_type_ddl = buildNameIdDDL(currentSummit.event_types);
-
-    const level_ddl = [
-      { label: "Beginner", value: "beginner" },
-      { label: "Intermediate", value: "intermediate" },
-      { label: "Advanced", value: "advanced" },
-      { label: "N/A", value: "na" }
-    ];
-
-    const streaming_type_ddl = [
-      { label: "LIVE", value: "LIVE" },
-      { label: "VOD", value: "VOD" }
-    ];
-
-    const submission_source_ddl = [
-      { label: "Admin", value: "Admin" },
-      { label: "Submission", value: "Submission" }
-    ];
-
-    const filters_ddl = [
-      { label: "Activity Type Capacity", value: "event_type_capacity_filter" },
-      { label: "Selection Plan", value: "selection_plan_id_filter" },
-      { label: "Activity Type", value: "event_type_id_filter" },
-      { label: "Activity Category", value: "track_id_filter" },
-      { label: "Level", value: "level_filter" },
-      { label: "Etherpad URL", value: "etherpad_link" },
-      { label: "Location", value: "location_id_filter" },
-      { label: "Meeting URL", value: "meeting_url" },
-      { label: "Progress Flag", value: "progress_flag" },
-      { label: "Published Status", value: "published_filter" },
-      { label: "Speakers", value: "speaker_id_filter" },
-      { label: "Speakers Companies", value: "speaker_company" },
-      { label: "Tags", value: "tags_filter" },
-      { label: "Start Date", value: "start_date_filter" },
-      { label: "End Date", value: "end_date_filter" },
-      { label: "Duration", value: "duration_filter" },
-      { label: "Speakers Count", value: "speakers_count_filter" },
-      { label: "Submitter", value: "submitters" },
-      { label: "Submitter Company", value: "submitter_company" },
-      { label: "Selection Status", value: "selection_status_filter" },
-      { label: "Stream URL", value: "streaming_url" },
-      { label: "Streaming Type", value: "streaming_type" },
-      { label: "Sponsors", value: "sponsor" },
-      { label: "All Companies", value: "all_companies" },
-      {
-        label: T.translate("event_list.submission_status"),
-        value: "submission_status_filter"
-      },
-      {
-        label: T.translate("event_list.media_upload_with_type"),
-        value: "media_upload_with_type"
-      },
-      { label: "Review Status", value: "review_status_filter" },
-      { label: "Created", value: "created_filter" },
-      { label: "Modified", value: "modified_filter" },
-      { label: "Submission Source", value: "submission_source_filter" },
-      { label: "Has RSVP?", value: "has_rsvp_filter" }
-    ];
-
-    const ddl_columns = [
-      {
-        value: "event_type_capacity",
-        label: T.translate("event_list.event_type_capacity")
-      },
-      { value: "speakers", label: T.translate("event_list.speakers") },
-      {
-        value: "all_companies",
-        label: T.translate("event_list.all_companies")
-      },
-      {
-        value: "created_by_fullname",
-        label: T.translate("event_list.created_by")
-      },
-      { value: "duration", label: T.translate("event_list.duration") },
-      { value: "end_date", label: T.translate("event_list.end_date") },
-      { value: "published_date", label: T.translate("event_list.published") },
-      {
-        value: "speaker_company",
-        label: T.translate("event_list.speaker_company")
-      },
-      {
-        value: "speakers_count",
-        label: T.translate("event_list.speakers_count")
-      },
-      { value: "sponsor", label: T.translate("event_list.sponsor") },
-      {
-        value: "selection_plan",
-        label: T.translate("event_list.selection_plan")
-      },
-      { value: "location", label: T.translate("event_list.location") },
-      { value: "level", label: T.translate("event_list.level") },
-      { value: "tags", label: T.translate("event_list.tags") },
-      {
-        value: "streaming_url",
-        label: T.translate("event_list.streaming_url")
-      },
-      { value: "meeting_url", label: T.translate("event_list.meeting_url") },
-      {
-        value: "etherpad_link",
-        label: T.translate("event_list.etherpad_link")
-      },
-      {
-        value: "streaming_type",
-        label: T.translate("event_list.streaming_type")
-      },
-      { value: "start_date", label: T.translate("event_list.start_date") },
-      {
-        value: "submitter_company",
-        label: T.translate("event_list.submitter_company")
-      },
-      { value: "track", label: T.translate("event_list.track") },
-      { value: "status", label: T.translate("event_list.submission_status") },
-      {
-        value: "submission_source",
-        label: T.translate("event_list.submission_source")
-      },
-      {
-        value: "progress_flags",
-        label: T.translate("event_list.progress_flags")
-      },
-      {
-        value: "media_uploads",
-        label: T.translate("event_list.media_uploads")
-      },
-      {
-        value: "review_status",
-        label: T.translate("event_list.review_status")
-      },
-      { value: "created", label: T.translate("event_list.created") },
-      { value: "modified", label: T.translate("event_list.modified") },
-      {
-        value: "allow_feedback",
-        label: T.translate("event_list.allow_feedback")
-      },
-      {
-        value: "to_record",
-        label: T.translate("event_list.to_record")
-      }
-    ];
-
-    const ddl_filterByEventTypeCapacity = [
-      {
-        value: "allows_attendee_vote_filter",
-        label: T.translate("event_list.allows_attendee_vote_filter")
-      },
-      {
-        value: "allows_location_filter",
-        label: T.translate("event_list.allows_location_filter")
-      },
-      {
-        value: "allows_publishing_dates_filter",
-        label: T.translate("event_list.allows_publishing_dates_filter")
-      }
-    ];
-
-    const submission_status_ddl = [
-      {
-        label: T.translate("event_list.submission_status_accepted"),
-        value: "Accepted"
-      },
-      {
-        label: T.translate("event_list.submission_status_received"),
-        value: "Received"
-      },
-      {
-        label: T.translate("event_list.submission_status_not_submitted"),
-        value: "NonReceived"
-      }
-    ];
-
-    const review_status_ddl = [
-      {
-        label: T.translate("event_list.review_status_accepted"),
-        value: "Accepted"
-      },
-      {
-        label: T.translate("event_list.review_status_in_review"),
-        value: "InReview"
-      },
-      {
-        label: T.translate("event_list.review_status_no_submitted"),
-        value: "NotSubmitted"
-      },
-      {
-        label: T.translate("event_list.review_status_published"),
-        value: "Published"
-      },
-      {
-        label: T.translate("event_list.review_status_received"),
-        value: "Received"
-      },
-      {
-        label: T.translate("event_list.review_status_rejected"),
-        value: "Rejected"
-      }
-    ];
-
-    const progress_flag_ddl = currentSummit.presentation_action_types.map(
-      (pf) => ({ value: pf.id, label: pf.label })
-    );
-
-    const showColumns = fieldNames(
-      currentSummit.selection_plans,
-      currentSummit.tracks,
-      currentSummit.event_types,
-      currentSummit.id
-    )
-      .filter(
-        (f) =>
-          selectedColumns.includes(f.columnKey) &&
-          !defaultColumns.includes(f.columnKey)
-      )
-      .map((f2) => {
-        let c = {
-          columnKey: f2.columnKey,
-          value: T.translate(`event_list.${f2.value}`),
-          sortable: f2.sortable,
-          editable: !!editableColumns.includes(f2.editable),
-          customStyle: f2.customStyle
-        };
-        // optional fields
-        if (f2.hasOwnProperty("title")) c = { ...c, title: f2.title };
-
-        if (f2.hasOwnProperty("render")) c = { ...c, render: f2.render };
-
-        if (f2.hasOwnProperty("editableField"))
-          c = { ...c, editableField: f2.editableField };
-
-        return c;
-      });
-
-    columns = [...columns, ...showColumns];
-
-    if (!currentSummit.id) return <div />;
-
-    return (
-      <div className="container summit-event-list-filters">
-        <h3>
-          {" "}
-          {T.translate("event_list.event_list")} ({totalEvents})
-        </h3>
-        <div className="row">
-          <div className="col-md-6">
-            <FreeTextSearch
-              value={term ?? ""}
-              placeholder={T.translate("event_list.placeholders.search_events")}
-              title={T.translate("event_list.placeholders.search_events")}
-              onSearch={this.handleSearch}
-              onChange={this.handleTermChange}
-            />
-          </div>
-          <div className="col-md-6 text-right">
-            <button
-              className="btn btn-primary right-space"
-              onClick={this.handleNewEvent}
-              type="button"
-            >
-              {T.translate("event_list.add_event")}
-            </button>
-            <button
-              className="btn btn-default right-space"
-              onClick={this.handleExport}
-              type="button"
-            >
-              {T.translate("general.export")}
-            </button>
-            <button
-              className="btn btn-default right-space"
-              onClick={this.handleMUXImport}
-              type="button"
-            >
-              {T.translate("event_list.mux_import")}
-            </button>
-            <button
-              className="btn btn-default"
-              onClick={() => this.setState({ showImportModal: true })}
-              type="button"
-            >
-              {T.translate("event_list.import")}
-            </button>
-          </div>
-        </div>
-        <hr />
-        <div className="row">
-          <div className="col-md-6">
-            <OrAndFilter
-              value={eventFilters.orAndFilter}
-              entity="events"
-              onChange={(filter) => this.handleOrAndFilter(filter)}
-            />
-          </div>
-          <div className="col-md-6">
-            <SelectFilterCriteria
-              summitId={currentSummit.id}
-              context={CONTEXT_ACTIVITIES}
-              onDelete={this.handleFilterCriteriaDelete}
-              selectedFilterCriteria={selectedFilterCriteria}
-              onChange={this.handleFilterCriteriaChange}
-            />
-          </div>
-        </div>
-        <div className="row">
-          <div className="col-md-6">
-            <Dropdown
-              id="enabled_filters"
-              placeholder="Enabled Filters"
-              value={enabledFilters}
-              onChange={this.handleFiltersChange}
-              options={handleDDLSortByLabel(filters_ddl)}
-              isClearable
-              isMulti
-            />
-          </div>
-          <div className="col-md-6">
-            <button
-              className="btn btn-primary right-space"
-              onClick={this.handleApplyEventFilters}
-              type="button"
-            >
-              {T.translate("event_list.apply_filters")}
-            </button>
-          </div>
-        </div>
-        <SaveFilterCriteria
-          onSave={this.handleFilterCriteriaSave}
-          selectedFilterCriteria={selectedFilterCriteria}
-        />
-        <div className="filters-row">
-          {enabledFilters.includes("event_type_capacity_filter") && (
-            <div className="col-md-6">
-              <Dropdown
-                id="event_type_capacity_filter"
-                placeholder={T.translate(
-                  "event_list.placeholders.event_type_capacity"
-                )}
-                value={eventFilters.event_type_capacity_filter}
-                onChange={this.handleExtraFilterChange}
-                options={ddl_filterByEventTypeCapacity}
-                isClearable
-                isMulti
-              />
-            </div>
-          )}
-          {enabledFilters.includes("selection_plan_id_filter") && (
-            <div className="col-md-6">
-              <Dropdown
-                id="selection_plan_id_filter"
-                placeholder={T.translate(
-                  "event_list.placeholders.selection_plan"
-                )}
-                value={eventFilters.selection_plan_id_filter}
-                onChange={this.handleExtraFilterChange}
-                options={selection_plans_ddl}
-                isClearable
-                isMulti
-              />
-            </div>
-          )}
-          {enabledFilters.includes("location_id_filter") && (
-            <div className="col-md-6">
-              <Dropdown
-                id="location_id_filter"
-                placeholder={T.translate("event_list.placeholders.location")}
-                value={eventFilters.location_id_filter}
-                onChange={this.handleExtraFilterChange}
-                options={location_ddl}
-                isClearable
-                isMulti
-              />
-            </div>
-          )}
-          {enabledFilters.includes("selection_status_filter") && (
-            <div className="col-md-6">
-              <Dropdown
-                id="selection_status_filter"
-                placeholder={T.translate(
-                  "event_list.placeholders.selection_status"
-                )}
-                value={eventFilters.selection_status_filter}
-                onChange={this.handleExtraFilterChange}
-                options={selection_status_ddl}
-                isClearable
-                isMulti
-              />
-            </div>
-          )}
-          {enabledFilters.includes("published_filter") && (
-            <div className="col-md-6">
-              <SegmentedControl
-                name="published_filter"
-                options={[
-                  {
-                    label: "All",
-                    value: null,
-                    default: eventFilters.published_filter === null
-                  },
-                  {
-                    label: "Published",
-                    value: "published",
-                    default: eventFilters.published_filter === "published"
-                  },
-                  {
-                    label: "Non Published",
-                    value: "non_published",
-                    default: eventFilters.published_filter === "non_published"
-                  }
-                ]}
-                setValue={(newValue) => this.handleSetPublishedFilter(newValue)}
-                style={{
-                  width: "100%",
-                  height: 40,
-                  color: "#337ab7",
-                  fontSize: "10px"
-                }}
-              />
-            </div>
-          )}
-          {enabledFilters.includes("progress_flag") && (
-            <div className="col-md-6">
-              <Dropdown
-                id="progress_flag"
-                placeholder={T.translate(
-                  "event_list.placeholders.progress_flag"
-                )}
-                value={eventFilters.progress_flag}
-                onChange={this.handleExtraFilterChange}
-                options={progress_flag_ddl}
-                isClearable
-                isMulti
-              />
-            </div>
-          )}
-          {enabledFilters.includes("track_id_filter") && (
-            <div className="col-md-6">
-              <Dropdown
-                id="track_id_filter"
-                placeholder={T.translate("event_list.placeholders.track")}
-                value={eventFilters.track_id_filter}
-                onChange={this.handleExtraFilterChange}
-                options={track_ddl}
-                isClearable
-                isMulti
-              />
-            </div>
-          )}
-          {enabledFilters.includes("event_type_id_filter") && (
-            <div className="col-md-6">
-              <Dropdown
-                id="event_type_id_filter"
-                placeholder={T.translate("event_list.placeholders.event_type")}
-                value={eventFilters.event_type_id_filter}
-                onChange={this.handleExtraFilterChange}
-                options={event_type_ddl}
-                isClearable
-                isMulti
-              />
-            </div>
-          )}
-          {enabledFilters.includes("speaker_id_filter") && (
-            <div className="col-md-6">
-              <SpeakerInput
-                id="speaker_id_filter"
-                placeholder={T.translate("event_list.placeholders.speaker")}
-                value={eventFilters.speaker_id_filter}
-                onChange={this.handleTagOrSpeakerFilterChange}
-                summitId={currentSummit.id}
-                isMulti
-                isClearable
-              />
-            </div>
-          )}
-          {enabledFilters.includes("speaker_company") && (
-            <div className="col-md-6">
-              <CompanyInput
-                id="speaker_company"
-                value={eventFilters.speaker_company}
-                placeholder={T.translate(
-                  "event_list.placeholders.speaker_company"
-                )}
-                onChange={this.handleExtraFilterChange}
-                queryFunction={querySpeakerCompany}
-                multi
-              />
-            </div>
-          )}
-          {enabledFilters.includes("level_filter") && (
-            <div className="col-md-6">
-              <Dropdown
-                id="level_filter"
-                placeholder={T.translate("event_list.placeholders.level")}
-                value={eventFilters.level_filter}
-                onChange={this.handleExtraFilterChange}
-                options={level_ddl}
-                isClearable
-                isMulti
-              />
-            </div>
-          )}
-          {enabledFilters.includes("tags_filter") && (
-            <div className="col-md-6">
-              <TagInput
-                id="tags_filter"
-                placeholder={T.translate("event_list.placeholders.tags")}
-                value={eventFilters.tags_filter}
-                onChange={this.handleTagOrSpeakerFilterChange}
-                summitId={currentSummit.id}
-                isMulti
-                isClearable
-              />
-            </div>
-          )}
-          {enabledFilters.includes("sponsor") && (
-            <div className="col-md-6">
-              <CompanyInput
-                id="sponsor"
-                value={eventFilters.sponsor}
-                placeholder={T.translate("event_list.placeholders.sponsor")}
-                onChange={this.handleExtraFilterChange}
-                multi
-              />
-            </div>
-          )}
-          {enabledFilters.includes("all_companies") && (
-            <div className="col-md-6">
-              <CompanyInput
-                id="all_companies"
-                value={eventFilters.all_companies}
-                placeholder={T.translate(
-                  "event_list.placeholders.all_companies"
-                )}
-                queryFunction={queryAllCompanies}
-                onChange={this.handleExtraFilterChange}
-                multi
-                menuPortalTarget={document.body}
-                menuPosition="fixed"
-                styles={{
-                  menuPortal: (base) => ({ ...base, zIndex: 9999 }),
-                  control: (base, state) => ({
-                    ...base,
-                    zIndex: state.menuIsOpen ? HIGH_Z_INDEX : DEFAULT_Z_INDEX
-                  })
-                }}
-              />
-            </div>
-          )}
-          {enabledFilters.includes("start_date_filter") && (
-            <>
-              <div className="col-md-3">
-                <DateTimePicker
-                  id="start_date_filter"
-                  format={{ date: "YYYY-MM-DD", time: "HH:mm" }}
-                  inputProps={{
-                    placeholder: T.translate(
-                      "event_list.placeholders.start_date_from"
-                    )
-                  }}
-                  timezone={currentSummit.time_zone.name}
-                  onChange={(ev) => this.handleChangeDateFilter(ev, false)}
-                  value={epochToMomentTimeZone(
-                    eventFilters.start_date_filter[0],
-                    currentSummit.time_zone_id
-                  )}
-                  className="event-list-date-picker"
-                />
-              </div>
-              <div className="col-md-3">
-                <DateTimePicker
-                  id="start_date_filter"
-                  format={{ date: "YYYY-MM-DD", time: "HH:mm" }}
-                  inputProps={{
-                    placeholder: T.translate(
-                      "event_list.placeholders.start_date_to"
-                    )
-                  }}
-                  timezone={currentSummit.time_zone.name}
-                  onChange={(ev) => this.handleChangeDateFilter(ev, true)}
-                  value={epochToMomentTimeZone(
-                    eventFilters.start_date_filter[1],
-                    currentSummit.time_zone_id
-                  )}
-                  className="event-list-date-picker"
-                />
-              </div>
-            </>
-          )}
-          {enabledFilters.includes("end_date_filter") && (
-            <>
-              <div className="col-md-3">
-                <DateTimePicker
-                  id="end_date_filter"
-                  format={{ date: "YYYY-MM-DD", time: "HH:mm" }}
-                  inputProps={{
-                    placeholder: T.translate(
-                      "event_list.placeholders.end_date_from"
-                    )
-                  }}
-                  timezone={currentSummit.time_zone.name}
-                  onChange={(ev) => this.handleChangeDateFilter(ev, false)}
-                  value={epochToMomentTimeZone(
-                    eventFilters.end_date_filter[0],
-                    currentSummit.time_zone_id
-                  )}
-                  className="event-list-date-picker"
-                />
-              </div>
-              <div className="col-md-3">
-                <DateTimePicker
-                  id="end_date_filter"
-                  format={{ date: "YYYY-MM-DD", time: "HH:mm" }}
-                  inputProps={{
-                    placeholder: T.translate(
-                      "event_list.placeholders.end_date_to"
-                    )
-                  }}
-                  timezone={currentSummit.time_zone.name}
-                  onChange={(ev) => this.handleChangeDateFilter(ev, true)}
-                  value={epochToMomentTimeZone(
-                    eventFilters.end_date_filter[1],
-                    currentSummit.time_zone_id
-                  )}
-                  className="event-list-date-picker"
-                />
-              </div>
-            </>
-          )}
-          {enabledFilters.includes("created_filter") && (
-            <>
-              <div className="col-md-3">
-                <DateTimePicker
-                  id="created_filter"
-                  format={{ date: "YYYY-MM-DD", time: "HH:mm" }}
-                  inputProps={{
-                    placeholder: T.translate(
-                      "event_list.placeholders.created_from"
-                    )
-                  }}
-                  timezone={currentSummit.time_zone.name}
-                  onChange={(ev) => this.handleChangeDateFilter(ev, false)}
-                  value={epochToMomentTimeZone(
-                    eventFilters.created_filter[0],
-                    currentSummit.time_zone_id
-                  )}
-                  className="event-list-date-picker"
-                />
-              </div>
-              <div className="col-md-3">
-                <DateTimePicker
-                  id="created_filter"
-                  format={{ date: "YYYY-MM-DD", time: "HH:mm" }}
-                  inputProps={{
-                    placeholder: T.translate(
-                      "event_list.placeholders.created_to"
-                    )
-                  }}
-                  timezone={currentSummit.time_zone.name}
-                  onChange={(ev) => this.handleChangeDateFilter(ev, true)}
-                  value={epochToMomentTimeZone(
-                    eventFilters.created_filter[1],
-                    currentSummit.time_zone_id
-                  )}
-                  className="event-list-date-picker"
-                />
-              </div>
-            </>
-          )}
-          {enabledFilters.includes("modified_filter") && (
-            <>
-              <div className="col-md-3">
-                <DateTimePicker
-                  id="modified_filter"
-                  format={{ date: "YYYY-MM-DD", time: "HH:mm" }}
-                  inputProps={{
-                    placeholder: T.translate(
-                      "event_list.placeholders.modified_from"
-                    )
-                  }}
-                  timezone={currentSummit.time_zone.name}
-                  onChange={(ev) => this.handleChangeDateFilter(ev, false)}
-                  value={epochToMomentTimeZone(
-                    eventFilters.modified_filter[0],
-                    currentSummit.time_zone_id
-                  )}
-                  className="event-list-date-picker"
-                />
-              </div>
-              <div className="col-md-3">
-                <DateTimePicker
-                  id="modified_filter"
-                  format={{ date: "YYYY-MM-DD", time: "HH:mm" }}
-                  inputProps={{
-                    placeholder: T.translate(
-                      "event_list.placeholders.modified_to"
-                    )
-                  }}
-                  timezone={currentSummit.time_zone.name}
-                  onChange={(ev) => this.handleChangeDateFilter(ev, true)}
-                  value={epochToMomentTimeZone(
-                    eventFilters.modified_filter[1],
-                    currentSummit.time_zone_id
-                  )}
-                  className="event-list-date-picker"
-                />
-              </div>
-            </>
-          )}
-          {enabledFilters.includes("submitters") && (
-            <div className="col-md-6">
-              <MemberInput
-                id="submitters"
-                value={eventFilters.submitters}
-                onChange={this.handleExtraFilterChange}
-                multi
-                placeholder={T.translate("event_list.placeholders.submitters")}
-                getOptionLabel={(member) =>
-                  member.hasOwnProperty("email")
-                    ? `${member.first_name} ${member.last_name} (${member.email})`
-                    : `${member.first_name} ${member.last_name} (${member.id})`
-                }
-              />
-            </div>
-          )}
-          {enabledFilters.includes("submitter_company") && (
-            <div className="col-md-6">
-              <CompanyInput
-                id="submitter_company"
-                value={eventFilters.submitter_company}
-                placeholder={T.translate(
-                  "event_list.placeholders.submitter_company"
-                )}
-                onChange={this.handleExtraFilterChange}
-                queryFunction={querySubmitterCompany}
-                multi
-              />
-            </div>
-          )}
-          {enabledFilters.includes("streaming_url") && (
-            <div className="col-md-6">
-              <Input
-                id="streaming_url"
-                value={eventFilters.streaming_url}
-                placeholder={T.translate(
-                  "event_list.placeholders.streaming_url"
-                )}
-                onChange={this.handleExtraFilterChange}
-              />
-            </div>
-          )}
-          {enabledFilters.includes("meeting_url") && (
-            <div className="col-md-6">
-              <Input
-                id="meeting_url"
-                value={eventFilters.meeting_url}
-                placeholder={T.translate("event_list.placeholders.meeting_url")}
-                onChange={this.handleExtraFilterChange}
-              />
-            </div>
-          )}
-          {enabledFilters.includes("etherpad_link") && (
-            <div className="col-md-6">
-              <Input
-                id="etherpad_link"
-                value={eventFilters.etherpad_link}
-                placeholder={T.translate(
-                  "event_list.placeholders.etherpad_link"
-                )}
-                onChange={this.handleExtraFilterChange}
-              />
-            </div>
-          )}
-          {enabledFilters.includes("streaming_type") && (
-            <div className="col-md-6">
-              <Dropdown
-                id="streaming_type"
-                value={eventFilters.streaming_type}
-                onChange={this.handleExtraFilterChange}
-                placeholder={T.translate(
-                  "event_list.placeholders.streaming_type"
-                )}
-                options={streaming_type_ddl}
-              />
-            </div>
-          )}
-          {enabledFilters.includes("submission_source_filter") && (
-            <div className="col-md-6">
-              <Dropdown
-                id="submission_source_filter"
-                value={eventFilters.submission_source_filter}
-                onChange={this.handleExtraFilterChange}
-                placeholder={T.translate(
-                  "event_list.placeholders.submission_source"
-                )}
-                options={submission_source_ddl}
-              />
-            </div>
-          )}
-          {enabledFilters.includes("has_rsvp_filter") && (
-            <div className="col-md-6">
-              <SegmentedControl
-                name="has_rsvp_filter"
-                options={[
-                  {
-                    label: "All",
-                    value: null,
-                    default: eventFilters.has_rsvp_filter === null
-                  },
-                  {
-                    label: "Has RSVP",
-                    value: "yes",
-                    default: eventFilters.has_rsvp_filter === "yes"
-                  },
-                  {
-                    label: "No RSVP",
-                    value: "no",
-                    default: eventFilters.has_rsvp_filter === "no"
-                  }
-                ]}
-                setValue={(newValue) => this.handleSetRSVPFilter(newValue)}
-                style={{
-                  width: "100%",
-                  height: 40,
-                  color: "#337ab7",
-                  fontSize: "10px"
-                }}
-              />
-            </div>
-          )}
-          {enabledFilters.includes("duration_filter") && (
-            <div className="col-md-10 col-md-offset-1">
-              <OperatorInput
-                id="duration_filter"
-                label={T.translate("event_list.duration")}
-                value={eventFilters.duration_filter}
-                onChange={this.handleExtraFilterChange}
-              />
-            </div>
-          )}
-          {enabledFilters.includes("speakers_count_filter") && (
-            <div className="col-md-10 col-md-offset-1">
-              <OperatorInput
-                id="speakers_count_filter"
-                label={T.translate("event_list.speakers_count")}
-                value={eventFilters.speakers_count_filter}
-                onChange={this.handleExtraFilterChange}
-              />
-            </div>
-          )}
-          {enabledFilters.includes("submission_status_filter") && (
-            <div className="col-md-6">
-              <Dropdown
-                id="submission_status_filter"
-                placeholder={T.translate(
-                  "event_list.placeholders.submission_status"
-                )}
-                value={eventFilters.submission_status_filter}
-                onChange={this.handleExtraFilterChange}
-                options={submission_status_ddl}
-                isClearable
-                isMulti
-              />
-            </div>
-          )}
-          {enabledFilters.includes("review_status_filter") && (
-            <div className="col-md-6">
-              <Dropdown
-                id="review_status_filter"
-                placeholder={T.translate(
-                  "event_list.placeholders.review_status"
-                )}
-                value={eventFilters.review_status_filter}
-                onChange={this.handleExtraFilterChange}
-                options={review_status_ddl}
-                isClearable
-                isMulti
-              />
-            </div>
-          )}
-          {enabledFilters.includes("media_upload_with_type") && (
-            <div className="col-md-12">
-              <MediaTypeFilter
-                id="media_upload_with_type"
-                operatorInitialValue={
-                  eventFilters.media_upload_with_type.operator
-                }
-                filterInitialValue={eventFilters.media_upload_with_type.value}
-                summitId={currentSummit.id}
-                onChange={this.handleExtraFilterChange}
-              />
-            </div>
-          )}
-        </div>
-
-        <hr />
-
-        <div className="row" style={{ marginBottom: 15 }}>
-          <div className="col-md-12">
-            <label htmlFor="select_fields">
-              {T.translate("event_list.select_fields")}
-            </label>
-            <Dropdown
-              id="select_fields"
-              placeholder={T.translate("event_list.placeholders.select_fields")}
-              value={selectedColumns}
-              onChange={this.handleColumnsChange}
-              options={handleDDLSortByLabel(ddl_columns)}
-              isClearable
-              isMulti
-            />
-          </div>
-        </div>
-
-        {events.length === 0 && (
-          <div>{T.translate("event_list.no_events")}</div>
-        )}
-
-        {events.length > 0 && (
-          <div>
-            <div className="summit-event-list-table-wrapper">
-              <EditableTable
-                currentSummit={currentSummit}
-                page={currentPage}
-                options={table_options}
-                data={events}
-                columns={columns}
-                handleSort={this.handleSort}
-                updateData={bulkUpdateEvents}
-                handleDeleteRow={this.handleDeleteEvent}
-                formattingFunction={formatEventData}
-              />
-            </div>
-            <Pagination
-              bsSize="medium"
-              prev
-              next
-              first
-              last
-              ellipsis
-              boundaryLinks
-              maxButtons={10}
-              items={lastPage}
-              activePage={currentPage}
-              onSelect={this.handlePageChange}
-            />
-          </div>
-        )}
-
-        <Modal
-          show={showImportModal}
-          onHide={() => this.setState({ showImportModal: false })}
-        >
-          <Modal.Header closeButton>
-            <Modal.Title>{T.translate("event_list.import_events")}</Modal.Title>
-          </Modal.Header>
-          <Modal.Body>
-            <div className="row">
-              <div className="col-md-12">
-                Format must be the following:
-                <br />
-                (Minimal data required)
-                <br />
-                * title ( text )<br />
-                * description (text )<br />
-                * type_id (int) or type (string type name)
-                <br />
-                * track_id (int) or track ( string track name)
-                <br />
-                * speaker_emails ( list of email | delimited) [optional]
-                <br />
-                * speaker_fullnames ( list of full names | delimited) [optional]
-                <br />
-                * speaker_companies ( list of companies | delimited) [optional]
-                <br />
-                * speaker_titles ( list of titles | delimited) [optional]
-                <br />
-                <br />
-              </div>
-              <div className="col-md-12 ticket-import-upload-wrapper">
-                <UploadInput
-                  value={importFile && importFile?.name}
-                  handleUpload={(file) => this.setState({ importFile: file })}
-                  handleRemove={() => this.setState({ importFile: null })}
-                  className="dropzone col-md-6"
-                  multiple={false}
-                  accept=".csv"
-                />
-              </div>
-              <div className="col-md-12 checkboxes-div">
-                <div className="form-check abc-checkbox">
-                  <input
-                    type="checkbox"
-                    id="send_speaker_email"
-                    checked={send_speaker_email}
-                    onChange={this.handleChangeSendSpeakerEmail}
-                    className="form-check-input"
-                  />
-                  <label
-                    className="form-check-label"
-                    htmlFor="send_speaker_email"
-                  >
-                    {T.translate("event_list.send_speaker_email")}
-                  </label>
-                </div>
-              </div>
-            </div>
-          </Modal.Body>
-          <Modal.Footer>
-            <button
-              disabled={!importFile}
-              className="btn btn-primary"
-              onClick={this.handleImportEvents}
-              type="button"
-            >
-              {T.translate("event_list.ingest")}
-            </button>
-          </Modal.Footer>
-        </Modal>
-
-        <Modal
-          show={showImportFromMUXModal}
-          onHide={() => this.setState({ showImportFromMUXModal: false })}
-        >
-          <Modal.Header closeButton>
-            <Modal.Title>{T.translate("event_list.mux_import")}</Modal.Title>
-          </Modal.Header>
-          <Modal.Body>
-            <div className="row">
-              <div className="col-md-4">
-                <label htmlFor="mux_token_id">
-                  {" "}
-                  {T.translate("event_list.mux_token_id")}
-                </label>
-                &nbsp;
-                <i
-                  className="fa fa-info-circle"
-                  aria-hidden="true"
-                  title={T.translate("event_list.mux_token_id_info")}
-                />
-                <Input
-                  id="mux_token_id"
-                  value={mux_token_id}
-                  onChange={this.handleChangeMUXModal}
-                  className="form-control"
-                  error={hasErrors("mux_token_id", errors)}
-                />
-              </div>
-              <div className="col-md-4">
-                <label htmlFor="mux_token_secret">
-                  {" "}
-                  {T.translate("event_list.mux_token_secret")}
-                </label>
-                &nbsp;
-                <i
-                  className="fa fa-info-circle"
-                  aria-hidden="true"
-                  title={T.translate("event_list.mux_token_secret_info")}
-                />
-                <Input
-                  id="mux_token_secret"
-                  value={mux_token_secret}
-                  onChange={this.handleChangeMUXModal}
-                  className="form-control"
-                  error={hasErrors("mux_token_secret", errors)}
-                />
-              </div>
-              <div className="col-md-4">
-                <label htmlFor="mux_email_to">
-                  {" "}
-                  {T.translate("event_list.mux_email_to")}
-                </label>
-                &nbsp;
-                <i
-                  className="fa fa-info-circle"
-                  aria-hidden="true"
-                  title={T.translate("event_list.mux_email_to_info")}
-                />
-                <Input
-                  id="mux_email_to"
-                  type="email"
-                  value={mux_email_to}
-                  onChange={this.handleChangeMUXModal}
-                  className="form-control"
-                  error={hasErrors("mux_email_to", errors)}
-                />
-              </div>
-            </div>
-          </Modal.Body>
-          <Modal.Footer>
-            <button
-              className="btn btn-primary"
-              onClick={this.handleImportAssetsFromMUX}
-              type="button"
-            >
-              {T.translate("event_list.import")}
-            </button>
-          </Modal.Footer>
-        </Modal>
-      </div>
-    );
-  }
-}
-
-const mapStateToProps = ({ currentSummitState, currentEventListState }) => ({
-  currentSummit: currentSummitState.currentSummit,
-  ...currentEventListState
-});
-
-export default connect(mapStateToProps, {
-  getEvents,
-  deleteEvent,
-  exportEvents,
-  importEventsCSV,
-  importMP4AssetsFromMUX,
-  changeEventListSearchTerm,
-  saveFilterCriteria,
-  deleteFilterCriteria,
-  bulkUpdateEvents
-})(SummitEventListPage);
diff --git a/src/pages/events/summit-event-list-page/components/ImportMUXModal/index.jsx b/src/pages/events/summit-event-list-page/components/ImportMUXModal/index.jsx
new file mode 100644
index 000000000..6ab2af527
--- /dev/null
+++ b/src/pages/events/summit-event-list-page/components/ImportMUXModal/index.jsx
@@ -0,0 +1,102 @@
+import React, { useState } from "react";
+import { Modal } from "react-bootstrap";
+import T from "i18n-react";
+import { Input } from "@mui/material";
+
+const ImportMUXModal = ({ show, onClose, onImport }) => {
+  const [tokenId, setTokenId] = useState("");
+  const [tokenSecret, setTokenSecret] = useState("");
+  const [emailTo, setEmailTo] = useState("");
+
+  const handleClose = () => {
+    setTokenId("");
+    setTokenSecret("");
+    setEmailTo("");
+    onClose();
+  };
+
+  const handleImport = (ev) => {
+    ev.preventDefault();
+    onImport(tokenId, tokenSecret, emailTo).then(() => {
+      handleClose();
+    });
+  };
+
+  return (
+    <Modal show={show} onHide={onClose}>
+      <Modal.Header closeButton>
+        <Modal.Title>{T.translate("event_list.mux_import")}</Modal.Title>
+      </Modal.Header>
+      <Modal.Body>
+        <div className="row">
+          <div className="col-md-4">
+            <label htmlFor="mux_token_id">
+              {" "}
+              {T.translate("event_list.mux_token_id")}
+            </label>
+            &nbsp;
+            <i
+              className="fa fa-info-circle"
+              aria-hidden="true"
+              title={T.translate("event_list.mux_token_id_info")}
+            />
+            <Input
+              id="mux_token_id"
+              value={tokenId}
+              onChange={(ev) => setTokenId(ev.target.value)}
+              className="form-control"
+            />
+          </div>
+          <div className="col-md-4">
+            <label htmlFor="mux_token_secret">
+              {" "}
+              {T.translate("event_list.mux_token_secret")}
+            </label>
+            &nbsp;
+            <i
+              className="fa fa-info-circle"
+              aria-hidden="true"
+              title={T.translate("event_list.mux_token_secret_info")}
+            />
+            <Input
+              id="mux_token_secret"
+              value={tokenSecret}
+              onChange={(ev) => setTokenSecret(ev.target.value)}
+              className="form-control"
+            />
+          </div>
+          <div className="col-md-4">
+            <label htmlFor="mux_email_to">
+              {" "}
+              {T.translate("event_list.mux_email_to")}
+            </label>
+            &nbsp;
+            <i
+              className="fa fa-info-circle"
+              aria-hidden="true"
+              title={T.translate("event_list.mux_email_to_info")}
+            />
+            <Input
+              id="mux_email_to"
+              type="email"
+              value={emailTo}
+              onChange={(ev) => setEmailTo(ev.target.value)}
+              className="form-control"
+            />
+          </div>
+        </div>
+      </Modal.Body>
+      <Modal.Footer>
+        <button
+          className="btn btn-primary"
+          onClick={handleImport}
+          type="button"
+        >
+          {T.translate("event_list.import")}
+        </button>
+      </Modal.Footer>
+    </Modal>
+  );
+};
+
+export default ImportMUXModal;
diff --git a/src/pages/events/summit-event-list-page/components/ImportModal/index.jsx b/src/pages/events/summit-event-list-page/components/ImportModal/index.jsx
new file mode 100644
index 000000000..1b4a6e962
--- /dev/null
+++ b/src/pages/events/summit-event-list-page/components/ImportModal/index.jsx
@@ -0,0 +1,92 @@
+import React, { useState } from "react";
+import { Modal } from "react-bootstrap";
+import T from "i18n-react";
+import UploadInput from "openstack-uicore-foundation/lib/components/inputs/upload-input";
+
+const ImportModal = ({ show, onClose, onImport }) => {
+  const [importFile, setImportFile] = useState(null);
+  const [sendSpeakerEmail, setSendSpeakerEmail] = useState(false);
+
+  const handleClose = () => {
+    setImportFile(null);
+    setSendSpeakerEmail(false);
+    onClose();
+  };
+
+  const handleImportEvents = () => {
+    if (importFile) {
+      onImport(importFile, sendSpeakerEmail);
+    }
+
+    handleClose();
+  };
+
+  return (
+    <Modal show={show} onHide={onClose}>
+      <Modal.Header closeButton>
+        <Modal.Title>{T.translate("event_list.import_events")}</Modal.Title>
+      </Modal.Header>
+      <Modal.Body>
+        <div className="row">
+          <div className="col-md-12">
+            Format must be the following:
+            <br />
+            (Minimal data required)
+            <br />
+            * title ( text )<br />
+            * description (text )<br />
+            * type_id (int) or type (string type name)
+            <br />
+            * track_id (int) or track ( string track name)
+            <br />
+            * speaker_emails ( list of email | delimited) [optional]
+            <br />
+            * speaker_fullnames ( list of full names | delimited) [optional]
+            <br />
+            * speaker_companies ( list of companies | delimited) [optional]
+            <br />
+            * speaker_titles ( list of titles | delimited) [optional]
+            <br />
+            <br />
+          </div>
+          <div className="col-md-12 ticket-import-upload-wrapper">
+            <UploadInput
+              value={importFile && importFile?.name}
+              handleUpload={(file) => setImportFile(file)}
+              handleRemove={() => setImportFile(null)}
+              className="dropzone col-md-6"
+              multiple={false}
+              accept=".csv"
+            />
+          </div>
+          <div className="col-md-12 checkboxes-div">
+            <div className="form-check abc-checkbox">
+              <input
+                type="checkbox"
+                id="send_speaker_email"
+                checked={sendSpeakerEmail}
+                onChange={(ev) => setSendSpeakerEmail(ev.target.checked)}
+                className="form-check-input"
+              />
+              <label className="form-check-label" htmlFor="send_speaker_email">
+                {T.translate("event_list.send_speaker_email")}
+              </label>
+            </div>
+          </div>
+        </div>
+      </Modal.Body>
+      <Modal.Footer>
+        <button
+          disabled={!importFile}
+          className="btn btn-primary"
+          onClick={handleImportEvents}
+          type="button"
+        >
+          {T.translate("event_list.ingest")}
+        </button>
+      </Modal.Footer>
+    </Modal>
+  );
+};
+
+export default ImportModal;
diff --git a/src/pages/events/summit-event-list-page/index.js b/src/pages/events/summit-event-list-page/index.js
new file mode 100644
index 000000000..73c9a21ab
--- /dev/null
+++ b/src/pages/events/summit-event-list-page/index.js
@@ -0,0 +1,1472 @@
+/**
+ * Copyright 2026 OpenStack Foundation
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ * http://www.apache.org/licenses/LICENSE-2.0
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ * */
+
+import React, { useEffect, useState } from "react";
+import { connect } from "react-redux";
+import T from "i18n-react/dist/i18n-react";
+import Swal from "sweetalert2";
+import { Pagination } from "react-bootstrap";
+import Dropdown from "openstack-uicore-foundation/lib/components/inputs/dropdown";
+import FreeTextSearch from "openstack-uicore-foundation/lib/components/free-text-search";
+import SpeakerInput from "openstack-uicore-foundation/lib/components/inputs/speaker-input";
+import { escapeFilterValue } from "openstack-uicore-foundation/lib/utils/actions";
+import {
+  GridFilter,
+  OPERATORS,
+  useGridFilter
+} from "openstack-uicore-foundation/lib/components/mui/grid-filter";
+import {
+  queryMembers,
+  queryTags
+} from "openstack-uicore-foundation/lib/utils/query-actions";
+import {
+  bulkUpdateEvents,
+  changeEventListSearchTerm,
+  deleteEvent,
+  exportEvents,
+  getEvents,
+  importEventsCSV,
+  importMP4AssetsFromMUX,
+  queryAllCompanies,
+  querySpeakerCompany,
+  querySubmitterCompany
+} from "../../../actions/event-actions";
+import { getMediaUploads } from "../../../actions/media-upload-actions";
+import { handleDDLSortByLabel } from "../../../utils/methods";
+import {
+  DEFAULT_CURRENT_PAGE,
+  DEFAULT_Z_INDEX,
+  HIGH_Z_INDEX,
+  MAX_PER_PAGE
+} from "../../../utils/constants";
+import {
+  defaultColumns,
+  editableColumns,
+  formatEventData
+} from "../../../utils/summitUtils";
+import SaveFilterCriteria from "../../../components/filters/save-filter-criteria";
+import SelectFilterCriteria from "../../../components/filters/select-filter-criteria";
+import {
+  deleteFilterCriteria,
+  saveFilterCriteria
+} from "../../../actions/filter-criteria-actions";
+import { CONTEXT_ACTIVITIES } from "../../../utils/filter-criteria-constants";
+import EditableTable from "../../../components/tables/editable-table/EditableTable";
+import { buildNameIdDDL } from "../../../utils/events/summit-event-list-page.utils";
+import ImportModal from "./components/ImportModal";
+import ImportMUXModal from "./components/ImportMUXModal";
+
+const FILTER_ID = "summit_activity_list";
+
+const fieldNames = (
+  allSelectionPlans,
+  allTracks,
+  eventTypes,
+  currentSummitId
+) => [
+  {
+    columnKey: "speakers",
+    value: "speakers",
+    customStyle: { minWidth: "350px" },
+    editableField: (extraProps) => {
+      const useSpeakers = extraProps.row.type?.use_speakers;
+      return (
+        useSpeakers && (
+          <SpeakerInput
+            id="speakers"
+            value={extraProps.rowData}
+            isClearable
+            isMulti
+            placeholder={T.translate("edit_event.search_speakers")}
+            menuPortalTarget={document.body}
+            menuPosition="fixed"
+            styles={{
+              menuPortal: (base) => ({ ...base, zIndex: 9999 }),
+              control: (base, state) => ({
+                ...base,
+                zIndex: state.menuIsOpen ? HIGH_Z_INDEX : DEFAULT_Z_INDEX
+              })
+            }}
+            getOptionLabel={(speaker) =>
+              `${speaker.first_name} ${speaker.last_name} (${speaker.email})`
+            }
+            // eslint-disable-next-line react/jsx-props-no-spreading
+            {...extraProps}
+          />
+        )
+      );
+    }
+  },
+  { columnKey: "created_by_fullname", value: "created_by", sortable: true },
+  { columnKey: "published_date", value: "published", sortable: true },
+  { columnKey: "duration", value: "duration", sortable: true },
+  { columnKey: "speakers_count", value: "speakers_count", sortable: true },
+  { columnKey: "speaker_company", value: "speaker_company", sortable: true },
+  {
+    columnKey: "track",
+    value: "track",
+    sortable: true,
+    editableField: (extraProps) => {
+      const trackOptions = buildNameIdDDL(allTracks);
+
+      return (
+        <Dropdown
+          id="track"
+          value={extraProps.value}
+          options={trackOptions}
+          menuPortalTarget={document.body}
+          menuPosition="fixed"
+          styles={{
+            menuPortal: (base) => ({ ...base, zIndex: 9999 }),
+            control: (base, state) => ({
+              ...base,
+              zIndex: state.menuIsOpen ? HIGH_Z_INDEX : DEFAULT_Z_INDEX
+            })
+          }}
+          // eslint-disable-next-line react/jsx-props-no-spreading
+          {...extraProps}
+        />
+      );
+    }
+  },
+  { columnKey: "start_date", value: "start_date", sortable: true },
+  { columnKey: "end_date", value: "end_date", sortable: true },
+  { columnKey: "submitters", value: "submitters" },
+  {
+    columnKey: "submitter_company",
+    value: "submitter_company",
+    sortable: true
+  },
+  { columnKey: "sponsor", value: "sponsor", sortable: true },
+  { columnKey: "event_type_capacity", value: "event_type_capacity" },
+  {
+    columnKey: "selection_plan",
+    value: "selection_plan",
+    sortable: true,
+    editableField: (extraProps) => {
+      if (!extraProps.row?.type?.id) return false;
+      const eventType = Array.isArray(eventTypes)
+        ? eventTypes.find(
+            (t) => t?.id !== undefined && t.id === extraProps.row.type?.id
+          )
+        : null;
+      if (!eventType) return false;
+
+      const allowSelectionPlanEdit =
+        ["PresentationType"].includes(eventType.class_name) ||
+        ["PresentationType"].includes(eventType.name);
+      if (!allowSelectionPlanEdit) return false;
+
+      const trackId = extraProps.row?.track?.id;
+      const track =
+        trackId !== undefined && trackId !== null
+          ? allTracks.find((t) => t?.id !== undefined && t.id === trackId)
+          : null;
+
+      const selectionPlansPerTrack = buildNameIdDDL(
+        (Array.isArray(allSelectionPlans) ? allSelectionPlans : []).filter(
+          (sp) =>
+            !track ||
+            (Array.isArray(sp.track_groups) &&
+              Array.isArray(track.track_groups) &&
+              sp.track_groups.some((gr) => track.track_groups.includes(gr)))
+        )
+      );
+
+      return (
+        <Dropdown
+          id="selection_plan"
+          options={selectionPlansPerTrack}
+          value={extraProps.value || ""}
+          menuPortalTarget={document.body}
+          menuPosition="fixed"
+          styles={{
+            menuPortal: (base) => ({ ...base, zIndex: 9999 }),
+            control: (base, state) => ({
+              ...base,
+              width: 220,
+              zIndex: state.menuIsOpen ? HIGH_Z_INDEX : DEFAULT_Z_INDEX
+            })
+          }}
+          // eslint-disable-next-line react/jsx-props-no-spreading
+          {...extraProps}
+        />
+      );
+    },
+    render: (e) => (e?.name ? e.name : "N/A")
+  },
+  { columnKey: "location", value: "location", sortable: true },
+  { columnKey: "level", value: "level", sortable: true },
+  { columnKey: "tags", value: "tags", sortable: true },
+  {
+    columnKey: "streaming_url",
+    value: "streaming_url",
+    sortable: true,
+    title: true,
+    editableField: true
+  },
+  {
+    columnKey: "meeting_url",
+    value: "meeting_url",
+    sortable: true,
+    title: true,
+    editableField: true
+  },
+  {
+    columnKey: "etherpad_link",
+    value: "etherpad_link",
+    sortable: true,
+    title: true,
+    editableField: true
+  },
+  { columnKey: "streaming_type", value: "streaming_type", sortable: true },
+  {
+    columnKey: "review_status",
+    value: "review_status",
+    sortable: true,
+    title: true
+  },
+  {
+    columnKey: "status",
+    value: "submission_status",
+    sortable: true,
+    title: true
+  },
+  {
+    columnKey: "progress_flags",
+    value: "progress_flags",
+    sortable: true,
+    title: true
+  },
+  { columnKey: "created", value: "created", sortable: true },
+  { columnKey: "modified", value: "modified", sortable: true },
+  {
+    columnKey: "submission_source",
+    value: "submission_source",
+    sortable: true
+  },
+  {
+    columnKey: "media_uploads",
+    value: "media_uploads",
+    sortable: false,
+    render: (e, row) => {
+      if (!e?.length) return "N/A";
+      return (
+        <>
+          {e.map((m) => (
+            <React.Fragment key={m.id}>
+              <button
+                type="button"
+                className="text-link-button"
+                onClick={(ev) => {
+                  ev.preventDefault();
+                  if (!row?.id || !currentSummitId) return false;
+                  window.open(
+                    `/app/summits/${currentSummitId}/events/${row.id}/materials/${m.id}`,
+                    "_blank"
+                  );
+                  return false;
+                }}
+              >
+                {m.media_upload_type.name} - {m.created}
+              </button>
+              <br />
+            </React.Fragment>
+          ))}
+        </>
+      );
+    }
+  },
+  {
+    columnKey: "media_uploads_display",
+    value: "media_uploads_display",
+    sortable: false,
+    render: (e, row) => {
+      const mediaUploads = row?.media_uploads || [];
+      if (!mediaUploads.length) return "N/A";
+      return (
+        <>
+          {mediaUploads.map((m) => (
+            <React.Fragment key={m.id}>
+              {`"${m.media_upload_type.name}" : `}
+              <b>{`${m.display_on_site ? "Yes" : "No"}`}</b>
+              <br />
+            </React.Fragment>
+          ))}
+        </>
+      );
+    }
+  },
+  {
+    columnKey: "allow_feedback",
+    value: "allow_feedback",
+    sortable: false,
+    render: (field) =>
+      field === undefined ? "N/A" : field === true ? "Yes" : "No",
+    editableField: (extraProps) => (
+      <Dropdown
+        id="allow_feedback"
+        value={extraProps}
+        options={[
+          { label: "Yes", value: true },
+          { label: "No", value: false }
+        ]}
+        menuPortalTarget={document.body}
+        menuPosition="fixed"
+        styles={{
+          menuPortal: (base) => ({ ...base, zIndex: 9999 }),
+          control: (base, state) => ({
+            ...base,
+            zIndex: state.menuIsOpen ? HIGH_Z_INDEX : DEFAULT_Z_INDEX
+          })
+        }}
+        // eslint-disable-next-line react/jsx-props-no-spreading
+        {...extraProps}
+      />
+    )
+  },
+  {
+    columnKey: "to_record",
+    value: "to_record",
+    sortable: false,
+    render: (field) =>
+      field === undefined ? "N/A" : field === true ? "Yes" : "No",
+    editableField: (extraProps) => (
+      <Dropdown
+        id="to_record"
+        value={extraProps}
+        options={[
+          { label: "Yes", value: true },
+          { label: "No", value: false }
+        ]}
+        menuPortalTarget={document.body}
+        menuPosition="fixed"
+        styles={{
+          menuPortal: (base) => ({ ...base, zIndex: 9999 }),
+          control: (base, state) => ({
+            ...base,
+            zIndex: state.menuIsOpen ? HIGH_Z_INDEX : DEFAULT_Z_INDEX
+          })
+        }}
+        // eslint-disable-next-line react/jsx-props-no-spreading
+        {...extraProps}
+      />
+    )
+  }
+];
+
+const eventTypeCapacityOptions = [
+  {
+    value: "allows_attendee_vote_filter",
+    label: T.translate("event_list.allows_attendee_vote_filter")
+  },
+  {
+    value: "allows_location_filter",
+    label: T.translate("event_list.allows_location_filter")
+  },
+  {
+    value: "allows_publishing_dates_filter",
+    label: T.translate("event_list.allows_publishing_dates_filter")
+  }
+];
+
+const levelOptions = [
+  { label: "Beginner", value: "beginner" },
+  { label: "Intermediate", value: "intermediate" },
+  { label: "Advanced", value: "advanced" },
+  { label: "N/A", value: "na" }
+];
+
+const selectionStatusOptions = [
+  { label: "Pending", value: "pending" },
+  { label: "Accepted", value: "accepted" },
+  { label: "Rejected", value: "rejected" },
+  { label: "Alternate", value: "alternate" }
+];
+
+const publishedStatusOptions = [
+  {
+    label: "Published",
+    value: "1"
+  },
+  {
+    label: "Non Published",
+    value: "0"
+  }
+];
+
+const rsvpOptions = [
+  {
+    label: "Has RSVP",
+    value: true
+  },
+  {
+    label: "No RSVP",
+    value: false
+  }
+];
+
+const streamingTypeOptions = [
+  { label: "LIVE", value: "LIVE" },
+  { label: "VOD", value: "VOD" }
+];
+
+const submissionStatusOptions = [
+  {
+    label: T.translate("event_list.submission_status_accepted"),
+    value: "Accepted"
+  },
+  {
+    label: T.translate("event_list.submission_status_received"),
+    value: "Received"
+  },
+  {
+    label: T.translate("event_list.submission_status_not_submitted"),
+    value: "NonReceived"
+  }
+];
+
+const reviewStatusOptions = [
+  {
+    label: T.translate("event_list.review_status_accepted"),
+    value: "Accepted"
+  },
+  {
+    label: T.translate("event_list.review_status_in_review"),
+    value: "InReview"
+  },
+  {
+    label: T.translate("event_list.review_status_no_submitted"),
+    value: "NotSubmitted"
+  },
+  {
+    label: T.translate("event_list.review_status_published"),
+    value: "Published"
+  },
+  {
+    label: T.translate("event_list.review_status_received"),
+    value: "Received"
+  },
+  {
+    label: T.translate("event_list.review_status_rejected"),
+    value: "Rejected"
+  }
+];
+
+const submissionSourceOptions = [
+  { label: "Admin", value: "Admin" },
+  { label: "Submission", value: "Submission" }
+];
+
+// queryTags' response shape differs depending on whether it's summit-scoped
+// (nested `tag.tag`) or global (flat `tag`); handle both defensively.
+const tagFormatOption = (item) => ({
+  value: item.id,
+  label:
+    typeof item.tag === "string" ? item.tag : item.tag?.tag || String(item.id)
+});
+
+const getCriterias = (summit, mediaUploadTypes) => [
+  {
+    key: "event_type_capacity",
+    label: "Activity Type Capacity",
+    operators: [OPERATORS.IS],
+    values: {
+      type: "select",
+      props: {
+        options: eventTypeCapacityOptions,
+        multiple: true
+      }
+    },
+    customParser: (f) => {
+      const filter = [];
+
+      if (f.value.includes("allows_attendee_vote_filter")) {
+        filter.push("type_allows_attendee_vote==1");
+      }
+      if (f.value.includes("allows_location_filter")) {
+        filter.push("type_allows_location==1");
+      }
+      if (f.value.includes("allows_publishing_dates_filter")) {
+        filter.push("type_allows_publishing_dates==1");
+      }
+
+      return filter;
+    }
+  },
+  {
+    key: "selection_plan_id",
+    label: "Selection Plan",
+    operators: [OPERATORS.IS],
+    values: {
+      type: "select",
+      props: {
+        options: summit.selection_plans.map((sp) => ({
+          label: sp.name,
+          value: sp.id
+        })),
+        multiple: true
+      }
+    }
+  },
+  {
+    key: "location_id",
+    label: "Location",
+    operators: [OPERATORS.IS],
+    values: {
+      type: "select",
+      props: {
+        options: summit.locations.map((sp) => ({
+          label: sp.name,
+          value: sp.id
+        })),
+        multiple: true
+      }
+    }
+  },
+  {
+    key: "selection_status",
+    label: "Selection Status",
+    operators: [OPERATORS.IS],
+    values: {
+      type: "select",
+      props: {
+        options: selectionStatusOptions,
+        multiple: true
+      }
+    }
+  },
+  {
+    key: "track_id",
+    label: "Activity Category",
+    operators: [OPERATORS.IS],
+    values: {
+      type: "select",
+      props: {
+        options: summit.tracks.map((t) => ({ label: t.name, value: t.id })),
+        multiple: true
+      }
+    }
+  },
+  {
+    key: "event_type_id",
+    label: "Activity Type",
+    operators: [OPERATORS.IS],
+    values: {
+      type: "select",
+      props: {
+        options: summit.event_types.map((type) => ({
+          label: type.name,
+          value: type.id
+        })),
+        multiple: true
+      }
+    }
+  },
+  {
+    key: "speaker_id",
+    label: "Speakers",
+    operators: [OPERATORS.IS],
+    values: {
+      type: "speaker",
+      props: {
+        summitId: summit.id,
+        multiple: true
+      }
+    },
+    customParser: (f) => [
+      `speaker_id==${f.value.map((s) => s.value).join("||")}`
+    ]
+  },
+  {
+    key: "speaker_company",
+    label: "Speaker Company",
+    operators: [OPERATORS.IS],
+    values: {
+      type: "company",
+      props: {
+        queryFunction: querySpeakerCompany,
+        multiple: true
+      }
+    },
+    customParser: (f) => [
+      `speaker_company==${f.value
+        .map((c) => escapeFilterValue(c.raw.name))
+        .join("||")}`
+    ]
+  },
+  {
+    key: "level",
+    label: "Activity Level",
+    operators: [OPERATORS.IS],
+    values: {
+      type: "select",
+      props: {
+        options: levelOptions,
+        multiple: true
+      }
+    }
+  },
+  {
+    key: "tags",
+    label: "Tags",
+    operators: [OPERATORS.IS],
+    values: {
+      type: "asyncSelect",
+      props: {
+        queryFunction: (input, callback) =>
+          queryTags(summit.id, input, callback),
+        formatOption: tagFormatOption,
+        multiple: true
+      }
+    },
+    customParser: (f) => [
+      `tags==${f.value.map((t) => escapeFilterValue(t.label)).join("||")}`
+    ]
+  },
+  {
+    key: "published",
+    label: "Published",
+    operators: [OPERATORS.IS],
+    values: {
+      type: "select",
+      props: {
+        options: publishedStatusOptions
+      }
+    }
+  },
+  {
+    key: "rsvp_type",
+    label: "Has RSVP?",
+    operators: [OPERATORS.IS],
+    values: {
+      type: "select",
+      props: {
+        options: rsvpOptions
+      }
+    },
+    customParser: (f) => [`rsvp_type${f.value ? "<>" : "=="}None`]
+  },
+  {
+    key: "progress_flag",
+    label: "Progress Flag",
+    operators: [OPERATORS.IS],
+    values: {
+      type: "select",
+      props: {
+        options: summit.presentation_action_types.map((pf) => ({
+          value: pf.id,
+          label: pf.label
+        })),
+        multiple: true
+      }
+    },
+    customParser: (f) => [
+      f.value.map((pf) => `actions==type_id==${pf}&&is_completed==1`).join(",")
+    ]
+  },
+  {
+    key: "created",
+    label: "Created",
+    operators: [OPERATORS.BEFORE, OPERATORS.AFTER],
+    values: {
+      type: "datetime",
+      props: {
+        mode: "datetime"
+      }
+    }
+  },
+  {
+    key: "last_edited",
+    label: "Modified",
+    operators: [OPERATORS.BEFORE, OPERATORS.AFTER],
+    values: {
+      type: "datetime",
+      props: {
+        mode: "datetime"
+      }
+    }
+  },
+  {
+    key: "start_date",
+    label: "Start Date",
+    operators: [OPERATORS.BEFORE, OPERATORS.AFTER],
+    values: {
+      type: "datetime",
+      props: {
+        mode: "datetime"
+      }
+    }
+  },
+  {
+    key: "end_date",
+    label: "End Date",
+    operators: [OPERATORS.BEFORE, OPERATORS.AFTER],
+    values: {
+      type: "datetime",
+      props: {
+        mode: "datetime"
+      }
+    }
+  },
+  {
+    key: "duration",
+    label: "Duration",
+    operators: [OPERATORS.IS, OPERATORS.LESS, OPERATORS.GREATER],
+    values: {
+      type: "number",
+      props: {
+        min: 0,
+        integer: true
+      }
+    }
+  },
+  {
+    key: "speakers_count",
+    label: "Speaker Count",
+    operators: [OPERATORS.IS, OPERATORS.LESS, OPERATORS.GREATER],
+    values: {
+      type: "number",
+      props: {
+        min: 0,
+        integer: true
+      }
+    }
+  },
+  {
+    key: "submitters",
+    label: "Submitters",
+    operators: [OPERATORS.IS],
+    values: {
+      type: "asyncSelect",
+      props: {
+        queryFunction: queryMembers,
+        formatOption: (m) => ({
+          value: m.id,
+          label: `${m.first_name} ${m.last_name} (${m.email})`
+        }),
+        multiple: true
+      }
+    },
+    customParser: (f) => [
+      f.value
+        .flatMap((s) => {
+          const escapedFullName = escapeFilterValue(
+            `${s.raw.first_name} ${s.raw.last_name}`
+          );
+          const escapedEmail = escapeFilterValue(s.raw.email);
+          const fullNameFilter = `created_by_fullname==${escapedFullName}`;
+          const emailFilter = `created_by_email==${escapedEmail}`;
+          return [fullNameFilter, emailFilter];
+        })
+        .join(",")
+    ]
+  },
+  {
+    key: "created_by_company",
+    label: "Submitter Company",
+    operators: [OPERATORS.IS],
+    values: {
+      type: "company",
+      props: {
+        queryFunction: querySubmitterCompany,
+        multiple: true
+      }
+    },
+    customParser: (f) => [
+      `created_by_company==${f.value
+        .map((c) => escapeFilterValue(c.raw.name))
+        .join("||")}`
+    ]
+  },
+  {
+    key: "streaming_url",
+    label: "Streaming URL",
+    operators: [OPERATORS.IS, OPERATORS.LIKE_START, OPERATORS.LIKE],
+    values: {
+      type: "text",
+      props: {}
+    }
+  },
+  {
+    key: "meeting_url",
+    label: "Meeting URL",
+    operators: [OPERATORS.IS, OPERATORS.LIKE_START, OPERATORS.LIKE],
+    values: {
+      type: "text",
+      props: {}
+    }
+  },
+  {
+    key: "etherpad_link",
+    label: "Etherpad Link",
+    operators: [OPERATORS.IS, OPERATORS.LIKE_START, OPERATORS.LIKE],
+    values: {
+      type: "text",
+      props: {}
+    }
+  },
+  {
+    key: "streaming_type",
+    label: "Streaming Type",
+    operators: [OPERATORS.IS],
+    values: {
+      type: "select",
+      props: {
+        options: streamingTypeOptions
+      }
+    }
+  },
+  {
+    key: "sponsor",
+    label: "Sponsor",
+    operators: [OPERATORS.IS],
+    values: {
+      type: "company",
+      props: {
+        multiple: true
+      }
+    },
+    customParser: (f) => [
+      `sponsor==${f.value.map((s) => escapeFilterValue(s.raw.name)).join("||")}`
+    ]
+  },
+  {
+    key: "all_companies",
+    label: "All Companies",
+    operators: [OPERATORS.IS],
+    values: {
+      type: "company",
+      props: {
+        queryFunction: queryAllCompanies,
+        multiple: true
+      }
+    },
+    customParser: (f) => {
+      const companies = f.value
+        .map((c) => escapeFilterValue(c.raw.name))
+        .join("||");
+      return [
+        `speaker_company==${companies},created_by_company==${companies},sponsor==${companies}`
+      ];
+    }
+  },
+  {
+    key: "submission_status",
+    label: "Submitter Company",
+    operators: [OPERATORS.IS],
+    values: {
+      type: "select",
+      props: {
+        options: submissionStatusOptions
+      }
+    }
+  },
+  {
+    key: "media_upload_with_type",
+    label: "Media Upload Type",
+    operators: [OPERATORS.HAS, OPERATORS.HAS_NOT],
+    values: {
+      type: "select",
+      props: {
+        options: mediaUploadTypes.map((type) => ({
+          value: type.id,
+          label: type.name
+        })),
+        multiple: true
+      }
+    },
+    customParser: (f) => {
+      const filter = [];
+
+      if (f.operator === OPERATORS.HAS.value) {
+        const value = Array.isArray(f.value) ? f.value.join("||") : f.value;
+        filter.push(`has_media_upload_with_type==${value}`);
+      } else {
+        const value = Array.isArray(f.value) ? f.value.join("&&") : f.value;
+        filter.push(`has_not_media_upload_with_type==${value}`);
+      }
+
+      return filter;
+    }
+  },
+  {
+    key: "review_status",
+    label: "Review Status",
+    operators: [OPERATORS.IS],
+    values: {
+      type: "select",
+      props: {
+        options: reviewStatusOptions,
+        multiple: true
+      }
+    }
+  },
+  {
+    key: "submission_source",
+    label: "Submitter Status",
+    operators: [OPERATORS.IS],
+    values: {
+      type: "select",
+      props: {
+        options: submissionSourceOptions
+      }
+    }
+  }
+];
+
+const SummitEventListPage = ({
+  events,
+  currentSummit,
+  extraColumns,
+  term,
+  currentPage,
+  perPage,
+  lastPage,
+  order,
+  orderDir,
+  totalEvents,
+  history,
+  mediaUploadTypes,
+  getEvents,
+  deleteEvent,
+  getMediaUploads,
+  exportEvents,
+  importEventsCSV,
+  importMP4AssetsFromMUX,
+  changeEventListSearchTerm,
+  saveFilterCriteria,
+  deleteFilterCriteria,
+  bulkUpdateEvents
+}) => {
+  const [showImportModal, setShowImportModal] = useState(false);
+  const [showImportFromMUXModal, setShowImportFromMUXModal] = useState(false);
+  const [selectedColumns, setSelectedColumns] = useState([]);
+  const [selectedFilterCriteria, setSelectedFilterCriteria] = useState(null);
+  const { parsedFilter, resetFilters, filterValues, setFilters } =
+    useGridFilter(FILTER_ID);
+
+  // eslint-disable-next-line no-underscore-dangle
+  const _getEvents = (params = {}) => {
+    const mergedParams = {
+      term,
+      page: currentPage,
+      perPage,
+      order,
+      orderDir,
+      ...params
+    };
+
+    const {
+      term: t,
+      page: p,
+      perPage: pp,
+      order: o,
+      orderDir: od
+    } = mergedParams;
+
+    getEvents(t, p, pp, o, od, parsedFilter, extraColumns);
+  };
+
+  useEffect(() => {
+    if (currentSummit) {
+      getMediaUploads("", 1, MAX_PER_PAGE, "name", 1);
+      getEvents();
+      // GridFilter persists criteria to localStorage under a summit-agnostic
+      // FILTER_ID, so it survives a summit switch unless cleared explicitly here.
+      setSelectedFilterCriteria(null);
+      resetFilters();
+    }
+  }, [currentSummit?.id]);
+
+  useEffect(() => {
+    _getEvents();
+  }, [parsedFilter.join(",")]);
+
+  useEffect(() => {
+    if (selectedFilterCriteria) {
+      setFilters(selectedFilterCriteria.criteria);
+    } else {
+      resetFilters();
+    }
+  }, [selectedFilterCriteria]);
+
+  useEffect(() => {
+    setSelectedColumns(extraColumns);
+  }, [extraColumns]);
+
+  const handleMUXImport = (ev) => {
+    ev.preventDefault();
+    setShowImportFromMUXModal(true);
+  };
+
+  const handleEdit = (eventId) => {
+    history.push(`/app/summits/${currentSummit.id}/events/${eventId}`);
+  };
+
+  const handleExport = (ev) => {
+    ev.preventDefault();
+    exportEvents(term, order, orderDir, parsedFilter, selectedColumns);
+  };
+
+  const handlePageChange = (page) => {
+    _getEvents({ page });
+  };
+
+  const handleSort = (index, key, dir) => {
+    let translatedKey = key;
+    switch (key) {
+      case "name":
+        translatedKey = "last_name";
+        break;
+      case "submitter_company":
+        translatedKey = "created_by_company";
+        break;
+      case "progress_flags":
+        translatedKey = "actions";
+        break;
+      default:
+        break;
+    }
+
+    _getEvents({ order: translatedKey, orderDir: dir });
+  };
+
+  const handleSearch = (newTerm) => {
+    _getEvents({ term: newTerm, page: DEFAULT_CURRENT_PAGE });
+  };
+
+  const handleNewEvent = () => {
+    history.push(`/app/summits/${currentSummit.id}/events/new`);
+  };
+
+  const handleDeleteEvent = (eventId) => {
+    const event = events.find((e) => e.id === eventId);
+
+    Swal.fire({
+      title: T.translate("general.are_you_sure"),
+      text: `${T.translate("event_list.delete_event_warning")} ${event.title}`,
+      type: "warning",
+      showCancelButton: true,
+      confirmButtonColor: "#DD6B55",
+      confirmButtonText: T.translate("general.yes_delete")
+    }).then((result) => {
+      if (result.value) {
+        deleteEvent(eventId);
+      }
+    });
+  };
+
+  const handleTermChange = (newTerm) => {
+    changeEventListSearchTerm(newTerm);
+  };
+
+  const handleFilterCriteriaSave = ({ name, id, visibility }) => {
+    const filterToSave = {
+      id,
+      show_id: currentSummit.id,
+      name,
+      enabled_filters: filterValues.map((f) => f.criteria),
+      // only save criteria for enabled filters
+      criteria: filterValues,
+      context: CONTEXT_ACTIVITIES,
+      visibility
+    };
+
+    saveFilterCriteria(filterToSave);
+  };
+
+  const handleColumnsChange = (ev) => {
+    const { value } = ev.target;
+    let newColumns = value;
+    const allCompanies = ["submitter_company", "speaker_company", "sponsor"];
+    const mediaUploadsSelected = newColumns.includes("media_uploads");
+
+    newColumns = newColumns.filter((col) => col !== "media_uploads_display");
+    if (mediaUploadsSelected) newColumns.push("media_uploads_display");
+
+    const hasAllCompanies = newColumns.includes("all_companies");
+    const selectedCompanies = selectedColumns.filter((c) =>
+      allCompanies.includes(c)
+    ).length;
+    const newCompanies = newColumns.filter((c) =>
+      allCompanies.includes(c)
+    ).length;
+
+    if (selectedColumns.includes("all_companies") && !hasAllCompanies) {
+      newColumns = newColumns.filter((e) => !allCompanies.includes(e));
+    } else if (hasAllCompanies) {
+      if (newCompanies === 0) {
+        newColumns = [...selectedColumns, ...allCompanies, "all_companies"];
+      } else if (newCompanies === selectedCompanies) {
+        newColumns = [
+          ...new Set([...newColumns, ...allCompanies, "all_companies"])
+        ];
+      } else if (newCompanies < selectedCompanies) {
+        newColumns = newColumns.filter((c) => c !== "all_companies");
+      }
+    }
+
+    setSelectedColumns(newColumns);
+  };
+
+  const handleFilterCriteriaChange = (filterCriteria) => {
+    setSelectedFilterCriteria(filterCriteria);
+  };
+
+  const handleFilterCriteriaDelete = (filterCriteriaId) => {
+    deleteFilterCriteria(filterCriteriaId).then(() => {
+      setSelectedFilterCriteria(null);
+    });
+  };
+
+  const translateSortKey = (key) => {
+    switch (key) {
+      case "last_name":
+        return "name";
+      case "created_by_company":
+        return "submitter_company";
+      case "actions":
+        return "progress_flags";
+      default:
+        break;
+    }
+
+    return key;
+  };
+
+  const eventTypeOptions = buildNameIdDDL(currentSummit.event_types);
+
+  let columns = [
+    { columnKey: "id", value: T.translate("general.id"), sortable: true },
+    {
+      columnKey: "type",
+      value: T.translate("event_list.type"),
+      sortable: true,
+      // eslint-disable-next-line react/no-unstable-nested-components
+      editableField: (extraProps) => (
+        <Dropdown
+          id="type"
+          placeholder={T.translate("event_list.placeholders.event_type")}
+          options={eventTypeOptions}
+          value={extraProps.value}
+          menuPortalTarget={document.body}
+          menuPosition="fixed"
+          styles={{
+            menuPortal: (base) => ({ ...base, zIndex: 9999 }),
+            control: (base, state) => ({
+              ...base,
+              zIndex: state.menuIsOpen ? HIGH_Z_INDEX : DEFAULT_Z_INDEX
+            })
+          }}
+          // eslint-disable-next-line react/jsx-props-no-spreading
+          {...extraProps}
+        />
+      ),
+      render: (e) => e.name
+    },
+    {
+      columnKey: "title",
+      value: T.translate("event_list.title"),
+      sortable: true,
+      editableField: true
+    },
+    {
+      columnKey: "selection_status",
+      value: T.translate("event_list.selection_status"),
+      sortable: true
+    }
+  ];
+
+  const tableOptions = {
+    sortCol: translateSortKey(order),
+    sortDir: orderDir,
+    className: "summit-event-list-table",
+    actions: {
+      edit: { onClick: handleEdit },
+      delete: { onClick: handleDeleteEvent }
+    }
+  };
+
+  const columnOptions = [
+    {
+      value: "event_type_capacity",
+      label: T.translate("event_list.event_type_capacity")
+    },
+    { value: "speakers", label: T.translate("event_list.speakers") },
+    {
+      value: "all_companies",
+      label: T.translate("event_list.all_companies")
+    },
+    {
+      value: "created_by_fullname",
+      label: T.translate("event_list.created_by")
+    },
+    { value: "duration", label: T.translate("event_list.duration") },
+    { value: "end_date", label: T.translate("event_list.end_date") },
+    { value: "published_date", label: T.translate("event_list.published") },
+    {
+      value: "speaker_company",
+      label: T.translate("event_list.speaker_company")
+    },
+    {
+      value: "speakers_count",
+      label: T.translate("event_list.speakers_count")
+    },
+    { value: "sponsor", label: T.translate("event_list.sponsor") },
+    {
+      value: "selection_plan",
+      label: T.translate("event_list.selection_plan")
+    },
+    { value: "location", label: T.translate("event_list.location") },
+    { value: "level", label: T.translate("event_list.level") },
+    { value: "tags", label: T.translate("event_list.tags") },
+    {
+      value: "streaming_url",
+      label: T.translate("event_list.streaming_url")
+    },
+    { value: "meeting_url", label: T.translate("event_list.meeting_url") },
+    {
+      value: "etherpad_link",
+      label: T.translate("event_list.etherpad_link")
+    },
+    {
+      value: "streaming_type",
+      label: T.translate("event_list.streaming_type")
+    },
+    { value: "start_date", label: T.translate("event_list.start_date") },
+    {
+      value: "submitter_company",
+      label: T.translate("event_list.submitter_company")
+    },
+    { value: "track", label: T.translate("event_list.track") },
+    { value: "status", label: T.translate("event_list.submission_status") },
+    {
+      value: "submission_source",
+      label: T.translate("event_list.submission_source")
+    },
+    {
+      value: "progress_flags",
+      label: T.translate("event_list.progress_flags")
+    },
+    {
+      value: "media_uploads",
+      label: T.translate("event_list.media_uploads")
+    },
+    {
+      value: "review_status",
+      label: T.translate("event_list.review_status")
+    },
+    { value: "created", label: T.translate("event_list.created") },
+    { value: "modified", label: T.translate("event_list.modified") },
+    {
+      value: "allow_feedback",
+      label: T.translate("event_list.allow_feedback")
+    },
+    {
+      value: "to_record",
+      label: T.translate("event_list.to_record")
+    }
+  ];
+
+  const showColumns = fieldNames(
+    currentSummit.selection_plans,
+    currentSummit.tracks,
+    currentSummit.event_types,
+    currentSummit.id
+  )
+    .filter(
+      (f) =>
+        selectedColumns.includes(f.columnKey) &&
+        !defaultColumns.includes(f.columnKey)
+    )
+    .map((f2) => {
+      let c = {
+        columnKey: f2.columnKey,
+        value: T.translate(`event_list.${f2.value}`),
+        sortable: f2.sortable,
+        editable: !!editableColumns.includes(f2.editable),
+        customStyle: f2.customStyle
+      };
+      // optional fields
+      if (f2?.title) c = { ...c, title: f2.title };
+
+      if (f2?.render) c = { ...c, render: f2.render };
+
+      if (f2?.editableField) c = { ...c, editableField: f2.editableField };
+
+      return c;
+    });
+
+  columns = [...columns, ...showColumns];
+
+  if (!currentSummit.id) return <div />;
+
+  return (
+    <div className="container summit-event-list-filters">
+      <h3>
+        {T.translate("event_list.event_list")} ({totalEvents})
+      </h3>
+      <div
+        style={{
+          display: "flex",
+          justifyContent: "space-between",
+          gap: "20px"
+        }}
+      >
+        <div style={{ flex: 1 }}>
+          <FreeTextSearch
+            value={term ?? ""}
+            placeholder={T.translate("event_list.placeholders.search_events")}
+            title={T.translate("event_list.placeholders.search_events")}
+            onSearch={handleSearch}
+            onChange={handleTermChange}
+          />
+        </div>
+        <button
+          className="btn btn-primary"
+          onClick={handleNewEvent}
+          type="button"
+        >
+          {T.translate("event_list.add_event")}
+        </button>
+        <button
+          className="btn btn-default"
+          onClick={handleExport}
+          type="button"
+        >
+          {T.translate("general.export")}
+        </button>
+        <button
+          className="btn btn-default"
+          onClick={handleMUXImport}
+          type="button"
+        >
+          {T.translate("event_list.mux_import")}
+        </button>
+        <button
+          className="btn btn-default"
+          onClick={() => setShowImportModal(true)}
+          type="button"
+        >
+          {T.translate("event_list.import")}
+        </button>
+      </div>
+      <hr />
+      <div style={{ display: "flex", gap: "20px" }}>
+        <div style={{ minWidth: "50%" }}>
+          <SelectFilterCriteria
+            summitId={currentSummit.id}
+            context={CONTEXT_ACTIVITIES}
+            onDelete={handleFilterCriteriaDelete}
+            selectedFilterCriteria={selectedFilterCriteria}
+            onChange={handleFilterCriteriaChange}
+          />
+        </div>
+        <GridFilter
+          id={FILTER_ID}
+          criterias={getCriterias(currentSummit, mediaUploadTypes)}
+        />
+      </div>
+      <SaveFilterCriteria
+        onSave={handleFilterCriteriaSave}
+        selectedFilterCriteria={selectedFilterCriteria}
+      />
+      <hr />
+      <div className="row" style={{ marginBottom: 15 }}>
+        <div className="col-md-12">
+          <label htmlFor="select_fields">
+            {T.translate("event_list.select_fields")}
+          </label>
+          <Dropdown
+            id="select_fields"
+            placeholder={T.translate("event_list.placeholders.select_fields")}
+            value={selectedColumns}
+            onChange={handleColumnsChange}
+            options={handleDDLSortByLabel(columnOptions)}
+            isClearable
+            isMulti
+          />
+        </div>
+      </div>
+
+      {events.length === 0 && <div>{T.translate("event_list.no_events")}</div>}
+
+      {events.length > 0 && (
+        <div>
+          <div className="summit-event-list-table-wrapper">
+            <EditableTable
+              currentSummit={currentSummit}
+              page={currentPage}
+              options={tableOptions}
+              data={events}
+              columns={columns}
+              handleSort={handleSort}
+              updateData={bulkUpdateEvents}
+              handleDeleteRow={handleDeleteEvent}
+              formattingFunction={formatEventData}
+            />
+          </div>
+          <Pagination
+            bsSize="medium"
+            prev
+            next
+            first
+            last
+            ellipsis
+            boundaryLinks
+            maxButtons={10}
+            items={lastPage}
+            activePage={currentPage}
+            onSelect={handlePageChange}
+          />
+        </div>
+      )}
+
+      <ImportModal
+        show={showImportModal}
+        onClose={() => setShowImportModal(false)}
+        onImport={importEventsCSV}
+      />
+
+      <ImportMUXModal
+        show={showImportFromMUXModal}
+        onClose={() => setShowImportFromMUXModal(false)}
+        onImport={importMP4AssetsFromMUX}
+      />
+    </div>
+  );
+};
+
+const mapStateToProps = ({
+  currentSummitState,
+  currentEventListState,
+  mediaUploadListState
+}) => ({
+  currentSummit: currentSummitState.currentSummit,
+  mediaUploadTypes: mediaUploadListState.media_uploads,
+  ...currentEventListState
+});
+
+export default connect(mapStateToProps, {
+  getEvents,
+  deleteEvent,
+  exportEvents,
+  importEventsCSV,
+  importMP4AssetsFromMUX,
+  changeEventListSearchTerm,
+  saveFilterCriteria,
+  deleteFilterCriteria,
+  bulkUpdateEvents,
+  getMediaUploads
+})(SummitEventListPage);
diff --git a/src/store.js b/src/store.js
index 326f84399..9d9d6e57c 100644
--- a/src/store.js
+++ b/src/store.js
@@ -16,6 +16,7 @@ import { loggedUserReducer } from "openstack-uicore-foundation/lib/security/redu
 import thunk from "redux-thunk";
 import { persistStore, persistCombineReducers } from "redux-persist";
 import storage from "redux-persist/es/storage";
+import { allFiltersReducer } from "openstack-uicore-foundation/lib/components/mui/grid-filter";
 import baseReducer from "./reducers/base-reducer";
 import currentSummitReducer from "./reducers/summits/current-summit-reducer";
 import directoryReducer from "./reducers/summits/directory-reducer";
@@ -185,6 +186,7 @@ const config = {
 
 const reducers = persistCombineReducers(config, {
   loggedUserState: loggedUserReducer,
+  allGridFiltersState: allFiltersReducer,
   baseState: baseReducer,
   directoryState: directoryReducer,
   currentSummitState: currentSummitReducer,
diff --git a/src/styles/summit-event-list-page.less b/src/styles/summit-event-list-page.less
deleted file mode 100644
index fd043173d..000000000
--- a/src/styles/summit-event-list-page.less
+++ /dev/null
@@ -1,23 +0,0 @@
-.filters-row {
-  margin: 25px -15px 0px;
-  display: flex;
-  flex-wrap: wrap;
-  align-items: start;
-
-  .col-md-6,
-  .col-md-3 {
-    margin-bottom: 10px;
-  }
-}
-
-.event-list-date-picker {
-  > div:first-of-type {
-    width: 100%;
-  }
-}
-
-@media (max-width: 991px) {
-  .filters-row {
-    display: block;
-  }
-}
diff --git a/yarn.lock b/yarn.lock
index b60b5f3ea..43300d058 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -9056,10 +9056,10 @@ open@^10.0.3:
     is-inside-container "^1.0.0"
     wsl-utils "^0.1.0"
 
-openstack-uicore-foundation@5.0.34:
-  version "5.0.34"
-  resolved "https://registry.npmjs.org/openstack-uicore-foundation/-/openstack-uicore-foundation-5.0.34.tgz#28345b0c4338f6a24237862864236d989129c85b"
-  integrity sha512-gVvfJn7DtKC4s/2HRCOnCqiLFZqWL+P3+Wh0jnNQpGurUrk6UrC2lTkYZ6Vw2W/qqJeJwWjus7rG17+Ff32LaA==
+openstack-uicore-foundation@5.0.36-beta.1:
+  version "5.0.36-beta.1"
+  resolved "https://registry.yarnpkg.com/openstack-uicore-foundation/-/openstack-uicore-foundation-5.0.36-beta.1.tgz#2982cb73482ce662b0cd32c01eb4d4f88bbbf447"
+  integrity sha512-g0bXh7z/vlWOlB/vSWN4R3SoLUAJgyU01WCf6+wbBAITkI9pJ/7tWStzAf6iZPyfu5r4q23ySyl6m7Z9Wy5PTQ==
   dependencies:
     use-sync-external-store "^1.6.0"
 
@@ -10015,7 +10015,7 @@ react-input-autosize@^2.2.1:
   dependencies:
     prop-types "^15.5.8"
 
-react-is@^16.13.1, react-is@^16.3.2, react-is@^16.6.0, react-is@^16.7.0:
+react-is@^16.13.1, react-is@^16.3.2, react-is@^16.7.0:
   version "16.13.1"
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4"
   integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==
@@ -10035,7 +10035,7 @@ react-is@^19.0.0, react-is@^19.2.3:
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-19.2.5.tgz#7e7b54143e9313fed787b23fd4295d5a23872ad9"
   integrity sha512-Dn0t8IQhCmeIT3wu+Apm1/YVsJXsGWi6k4sPdnBIdqMVtHtv0IGi6dcpNpNkNac0zB2uUAqNX3MHzN8c+z2rwQ==
 
-react-lifecycles-compat@^3.0.0, react-lifecycles-compat@^3.0.4:
+react-lifecycles-compat@^3.0.4:
   version "3.0.4"
   resolved "https://registry.yarnpkg.com/react-lifecycles-compat/-/react-lifecycles-compat-3.0.4.tgz#4f1a273afdfc8f3488a8c516bfda78f872352362"
   integrity sha512-fBASbA6LnOU9dOU2eW7aQ8xmYBSXUIWr+UmF9b1efZBazGNO+rcXT/icdKnYm2pTwcRylVUYwW7H1PHfLekVzA==
@@ -10056,20 +10056,7 @@ react-overlays@^0.7.4:
     prop-types-extra "^1.0.1"
     warning "^3.0.0"
 
-react-redux@^5.0.7:
-  version "5.1.2"
-  resolved "https://registry.yarnpkg.com/react-redux/-/react-redux-5.1.2.tgz#b19cf9e21d694422727bf798e934a916c4080f57"
-  integrity sha512-Ns1G0XXc8hDyH/OcBHOxNgQx9ayH3SPxBnFCOidGKSle8pKihysQw2rG/PmciUQRoclhVBO8HMhiRmGXnDja9Q==
-  dependencies:
-    "@babel/runtime" "^7.1.2"
-    hoist-non-react-statics "^3.3.0"
-    invariant "^2.2.4"
-    loose-envify "^1.1.0"
-    prop-types "^15.6.1"
-    react-is "^16.6.0"
-    react-lifecycles-compat "^3.0.0"
-
-react-redux@^7.2.0:
+react-redux@^7.1.0, react-redux@^7.2.0:
   version "7.2.9"
   resolved "https://registry.yarnpkg.com/react-redux/-/react-redux-7.2.9.tgz#09488fbb9416a4efe3735b7235055442b042481d"
   integrity sha512-Gx4L3uM182jEEayZfRbI/G11ZpYdNAnBs70lFVMNdHJI76XYtR+7m0MN+eAs7UHBPhWXcnFPaS+9owSCJQHNpQ==
@@ -10275,7 +10262,7 @@ redux-thunk@^2.3.0:
   resolved "https://registry.yarnpkg.com/redux-thunk/-/redux-thunk-2.4.2.tgz#b9d05d11994b99f7a91ea223e8b04cf0afa5ef3b"
   integrity sha512-+P3TjtnP0k/FEjcBL5FZpoovtvrTNT/UXd4/sluaSyrURlSlhLSzEdfsTBW7WsKB6yPvgd7q/iZPICFjW4o57Q==
 
-redux@^3.6.0, redux@^3.7.2:
+redux@^3.6.0:
   version "3.7.2"
   resolved "https://registry.yarnpkg.com/redux/-/redux-3.7.2.tgz#06b73123215901d25d065be342eb026bc1c8537b"
   integrity sha512-pNqnf9q1hI5HHZRBkj3bAngGZW/JMCmexDlOxw4XagXY2o1327nHH54LoTjiPJ0gizoqPDRqWyX/00g0hD6w+A==
@@ -10285,7 +10272,7 @@ redux@^3.6.0, redux@^3.7.2:
     loose-envify "^1.1.0"
     symbol-observable "^1.0.3"
 
-redux@^4.0.0, redux@^4.0.4, redux@^4.2.0:
+redux@^4.0.0, redux@^4.0.4, redux@^4.2.0, redux@^4.2.1:
   version "4.2.1"
   resolved "https://registry.yarnpkg.com/redux/-/redux-4.2.1.tgz#c08f4306826c49b5e9dc901dee0452ea8fce6197"
   integrity sha512-LAUYz4lc+Do8/g7aeRa8JkyDErK6ekstQaqWQrNRW//MY1TvCEpMtpTWvlQ+FPbWCx+Xixu/6SHt5N0HR+SB4w==