@openeventkit/event-site 2.1.17 → 2.1.18-beta.2

package/.nvmrc

@@ -1 +1 @@
-18.15.0
+20.19.4

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@openeventkit/event-site",
   "description": "Event Site",
-  "version": "2.1.17",
+  "version": "2.1.18-beta.2",
   "author": "Tipit LLC",
   "dependencies": {
     "@emotion/server": "^11.11.0",
@@ -9,8 +9,8 @@
     "@fortawesome/free-brands-svg-icons": "^6.5.2",
     "@fortawesome/react-fontawesome": "^0.2.2",
     "@loadable/component": "^5.16.4",
-    "@mdx-js/react": "^3.0.1",
-    "@mdx-js/runtime": "^1.6.22",
+    "@mdx-js/mdx": "^3",
+    "@mdx-js/react": "^3",
     "@mui/base": "^5.0.0-beta.40",
     "@mui/icons-material": "^5.15.20",
     "@mui/material": "^5.15.20",
@@ -123,9 +123,9 @@
     "redux-thunk": "^2.4.1",
     "rehype-external-links": "^3.0.0",
     "rehype-mdx-import-media": "^1.2.0",
-    "remark-gfm": "^4.0.0",
+    "remark-gfm": "^4.0.1",
     "sass": "^1.49.9",
-    "schedule-filter-widget": "3.0.3-beta.1",
+    "schedule-filter-widget": "3.0.4-beta.2",
     "simple-chat-widget": "^1.0.31",
     "simple-oauth2": "^4.1.0",
     "slick-carousel": "^1.8.1",
@@ -135,7 +135,7 @@
     "stream-browserify": "^3.0.0",
     "stream-chat": "^2.7.2",
     "stream-chat-react": "3.1.7",
-    "summit-registration-lite": "6.0.3",
+    "summit-registration-lite": "6.0.4-beta.1",
     "superagent": "8.0.9",
     "sweetalert2": "^11.11.1",
     "upcoming-events-widget": "3.0.7",

package/src/actions/event-actions.js

@@ -112,3 +112,34 @@ export const getEventStreamingInfoById = (
         return (e);
     });
 };
+
+/**
+ * Fetch overflow event by stream key
+ * @param {string} overflowStreamKey
+ * @returns {(function(*): Promise<*>)|*}
+ */
+export const getOverflowEventByKey = (
+    overflowStreamKey
+) => async (dispatch) => {
+    dispatch(startLoading());
+    
+    let params = {
+        k: overflowStreamKey
+    };
+    
+    return getRequest(
+        null,
+        createAction(GET_EVENT_DATA),
+        `${window.SUMMIT_API_BASE_URL}/api/public/v1/summits/${window.SUMMIT_ID}/events/all/published/overflow`,
+        customErrorHandler
+    )(params)(dispatch).then((payload) => {
+        dispatch(stopLoading());
+        return payload.response;
+    }).catch(e => {
+        dispatch(stopLoading());
+        dispatch(createAction(GET_EVENT_DATA_ERROR)(e));
+        console.error("ERROR: ", e);
+        return (e);
+    });
+};
+

package/src/cms/preview-templates/ContentPagePreview.js

@@ -1,49 +1,47 @@
 import React from "react";
 import PropTypes from "prop-types";
-import Mdx from "@mdx-js/runtime";
 import ContentPageTemplate from "../../templates/content-page/template";
 import shortcodes from "../../templates/content-page/shortcodes";
+import Mdx from "../../components/Mdx";
 
 // function to transform content by replacing relative image URLs with absolute ones
 const transformContent = (mdx, getAsset) => {
-  // regex to identify Markdown image tags ![alt](url)
-  const imageRegex = /!\[([^\]]*)\]\(([^)]+)\)/g;
+    // regex to identify Markdown image tags ![alt](url)
+    const imageRegex = /!\[([^\]]*)\]\(([^)]+)\)/g;
 
-  return mdx.replace(imageRegex, (match, alt, url) => {
-    // check if the URL is relative (does not start with http:// or https://)
-    if (!url.startsWith("http://") && !url.startsWith("https://")) {
-      const asset = getAsset(url);
-      if (asset && asset.url) {
-        return `![${alt}](${asset.url})`;
-      }
-    }
-    return match; // return the original match if it's already an absolute URL
-  });
+    return mdx.replace(imageRegex, (match, alt, url) => {
+        // check if the URL is relative (does not start with http:// or https://)
+        if (!url.startsWith("http://") && !url.startsWith("https://")) {
+            const asset = getAsset(url);
+            if (asset && asset.url) {
+                return `![${alt}](${asset.url})`;
+            }
+        }
+        return match; // return the original match if it's already an absolute URL
+    });
 };
 
 // function to render transformed content with Mdx
 const renderContent = (mdx, getAsset) => (
-  <Mdx components={shortcodes}>
-    {transformContent(mdx, getAsset)}
-  </Mdx>
+    <Mdx shortcodes={shortcodes} content={transformContent(mdx, getAsset)}/>
 );
 
 const ContentPagePreview = ({ entry, getAsset }) => {
-  const title = entry.getIn(["data", "title"]);
-  const body = entry.getIn(["data", "body"]);
-  return (
-    <ContentPageTemplate
-      title={title}
-      content={renderContent(body, getAsset)}
-    />
-  );
+    const title = entry.getIn(["data", "title"]);
+    const body = entry.getIn(["data", "body"]);
+    return (
+        <ContentPageTemplate
+            title={title}
+            content={renderContent(body, getAsset)}
+        />
+    );
 };
 
 ContentPagePreview.propTypes = {
-  entry: PropTypes.shape({
-    getIn: PropTypes.func.isRequired
-  }).isRequired,
-  getAsset: PropTypes.func.isRequired
+    entry: PropTypes.shape({
+        getIn: PropTypes.func.isRequired
+    }).isRequired,
+    getAsset: PropTypes.func.isRequired
 };
 
-export default ContentPagePreview;
+export default ContentPagePreview;

package/src/components/ErrorMessage.js

@@ -0,0 +1,25 @@
+import React from "react";
+import { Container, Box, Typography } from "@mui/material";
+
+const ErrorMessage = ({ title, message, fullScreen = false }) => {
+  const containerStyles = fullScreen 
+    ? { height: "100vh", display: "flex", justifyContent: "center", alignItems: "center" }
+    : {};
+
+  return (
+    <Container maxWidth={false} style={containerStyles}>
+      <Box display="flex" justifyContent="center" alignItems="center" height={fullScreen ? "auto" : "100vh"}>
+        <Box textAlign="center" padding={4}>
+          <Typography variant="h3" component="h1" gutterBottom style={{ fontWeight: "bold", color: "#333" }}>
+            {title}
+          </Typography>
+          <Typography variant="h4" component="p" style={{ color: "#666", lineHeight: 1.6, whiteSpace: "pre-line" }}>
+            {message}
+          </Typography>
+        </Box>
+      </Box>
+    </Container>
+  );
+};
+
+export default ErrorMessage;

package/src/components/Mdx.js

@@ -0,0 +1,29 @@
+import React, { useMemo } from "react";
+import { evaluateSync } from "@mdx-js/mdx";
+import * as jsxRuntime from "react/jsx-runtime";
+import remarkGfm from "remark-gfm";
+import rehypeExternalLinks from "rehype-external-links";
+import { MDXProvider } from "@mdx-js/react";
+
+
+const Mdx = ({ content, shortcodes }) => {
+    const mdxContent = useMemo(() => {
+        if ( !content) return null;
+        try {
+            const { default: Comp } = evaluateSync(content, {
+                ...jsxRuntime,
+                remarkPlugins: [remarkGfm],
+                rehypePlugins: [[rehypeExternalLinks, { target: "_blank", rel: ["nofollow","noopener","noreferrer"] }]],
+                useDynamicImport: false, // ensure no async imports in runtime content
+            });
+            return Comp;
+        } catch (err) {
+            console.error("MDX evaluate error:", err);
+            return null;
+        }
+    }, [content]);
+
+    return <MDXProvider components={shortcodes}>{mdxContent}</MDXProvider>;
+}
+
+export default Mdx;

package/src/components/VideoComponent.js

@@ -20,7 +20,7 @@ import SynchWordsPlayer from "./SyncWordsPlayer";
  * @returns {JSX.Element}
  * @constructor
  */
-const VideoComponent = ({ url, title, namespace, isLive, firstHalf, autoPlay, start, tokens, onError = () => {} }) => {
+const VideoComponent = ({ url, title, namespace, isLive, firstHalf, autoPlay, start, tokens, onError = () => {}, onLoaded = () => {} }) => {
 
     if (url) {
         // using mux player
@@ -46,6 +46,8 @@ const VideoComponent = ({ url, title, namespace, isLive, firstHalf, autoPlay, st
                     autoplay={autoPlay}
                     start={start}
                     className={styles.vimeoPlayer}
+                    onLoaded={onLoaded}
+                    onError={onError}
                 />
             );
         };

package/src/content/site-settings/index.json

@@ -1 +1 @@
-{"favicon":{"asset":"icon.png"},"widgets":{"chat":{"enabled":true,"showQA":false,"showHelp":false,"defaultScope":"page"},"schedule":{"allowClick":true}},"identityProviderButtons":[{"buttonColor":"#082238","providerLabel":"Continue with FNid","providerLogo":"logo_fn.svg","providerLogoSize":27},{"buttonColor":"#0A66C2","providerLabel":"Sign in with LinkedIn","providerParam":"linkedin","providerLogo":"logo_linkedin.svg","providerLogoSize":18},{"buttonColor":"#000000","providerLabel":"Sign in with Apple","providerParam":"apple","providerLogoSize":17,"providerLogo":"logo_apple.svg"},{"buttonColor":"#1877F2","providerLabel":"Login with Facebook","providerParam":"facebook","providerLogo":"logo_facebook.svg","providerLogoSize":20}],"maintenanceMode":{"enabled":false,"title":"Site under maintenance","subtitle":"Please reload page shortly"},"staticJsonFilesBuildTime":[{"file":"src/data/summit.json","build_time":1748026605601},{"file":"src/data/events.json","build_time":1748026626928},{"file":"src/data/events.idx.json","build_time":1748026626985},{"file":"src/data/speakers.json","build_time":1748026634015},{"file":"src/data/speakers.idx.json","build_time":1748026634022},{"file":"src/content/sponsors.json","build_time":1748026637386},{"file":"src/data/voteable-presentations.json","build_time":1748026638342}],"lastBuild":1748026638342}
+{"favicon":{"asset":"icon.png"},"widgets":{"chat":{"enabled":true,"showQA":false,"showHelp":false,"defaultScope":"page"},"schedule":{"allowClick":true}},"identityProviderButtons":[{"buttonColor":"#082238","providerLabel":"Continue with FNid","providerLogo":"logo_fn.svg","providerLogoSize":27},{"buttonColor":"#0A66C2","providerLabel":"Sign in with LinkedIn","providerParam":"linkedin","providerLogo":"logo_linkedin.svg","providerLogoSize":18},{"buttonColor":"#000000","providerLabel":"Sign in with Apple","providerParam":"apple","providerLogoSize":17,"providerLogo":"logo_apple.svg"},{"buttonColor":"#1877F2","providerLabel":"Login with Facebook","providerParam":"facebook","providerLogo":"logo_facebook.svg","providerLogoSize":20}],"maintenanceMode":{"enabled":false,"title":"Site under maintenance","subtitle":"Please reload page shortly"},"staticJsonFilesBuildTime":[{"file":"src/data/summit.json","build_time":1755200450530},{"file":"src/data/events.json","build_time":1755200471128},{"file":"src/data/events.idx.json","build_time":1755200471179},{"file":"src/data/speakers.json","build_time":1755200476104},{"file":"src/data/speakers.idx.json","build_time":1755200476112},{"file":"src/content/sponsors.json","build_time":1755200476553},{"file":"src/data/voteable-presentations.json","build_time":1755200476925}],"lastBuild":1755200476925}

package/src/content/sponsors.json

@@ -1 +1 @@
-[{"id":360,"created":1741369599,"last_edited":1741369599,"order":2,"summit_id":63,"is_published":true,"side_image":null,"header_image":null,"header_image_mobile":null,"carousel_advertise_image":null,"marquee":"","intro":"","external_link":"","video_link":"","chat_link":"","featured_event_id":0,"header_image_alt_text":"","side_image_alt_text":"","header_image_mobile_alt_text":"","carousel_advertise_image_alt_text":"","show_logo_in_event_page":true,"lead_report_setting_id":null,"extra_questions":[541],"members":[96743,29308],"company":{"id":3496,"created":1654774567,"last_edited":1654774567,"name":"Tipit","url":null,"url_segment":null,"city":null,"state":null,"country":null,"description":null,"industry":null,"contributions":null,"member_level":null,"overview":null,"products":null,"commitment":null,"commitment_author":null,"logo":null,"big_logo":null,"color":"#f0f0ee","display_on_site":false,"featured":false,"contact_email":null,"admin_email":null,"sponsorships":[],"project_sponsorships":[]},"sponsorship":{"id":2065,"widget_title":"Test Widget Title","lobby_template":"big-images","expo_hall_template":"big-images","sponsor_page_template":"small-header","event_page_template":"small-images","sponsor_page_use_disqus_widget":false,"sponsor_page_use_live_event_widget":false,"sponsor_page_use_schedule_widget":false,"sponsor_page_use_banner_widget":false,"badge_image":"https://summit-api-dev-assets.nyc3.digitaloceanspaces.com/summits/63/summit_sponsorship_types/2065/shopping.png","badge_image_alt_text":"","summit_id":63,"order":2,"should_display_on_expo_hall_page":false,"should_display_on_lobby_page":false,"type":{"id":8,"created":1603223268,"last_edited":1603223268,"name":"Featured","label":"Featured","order":8,"size":"Large"}},"ads":[],"materials":[],"social_networks":[]}]
+[]

package/src/i18n/index.js

@@ -0,0 +1,20 @@
+import i18n from "i18next";
+import { initReactI18next } from "react-i18next";
+import LanguageDetector from "i18next-browser-languagedetector";
+import en from "./locales/en.json";
+
+i18n
+  .use(LanguageDetector)
+  .use(initReactI18next)
+  .init({
+    fallbackLng: "en",
+    debug: false,
+    resources: {
+      en: { translation: en }
+    },
+    interpolation: {
+      escapeValue: false,
+    }
+  });
+
+export default i18n;

package/src/i18n/locales/en.json

@@ -0,0 +1,13 @@
+{
+  "overflow_player": {
+    "no_stream_key": "No stream key provided. Please check the URL.",
+    "stream_unavailable": {
+      "title": "Stream Unavailable",
+      "message": "The overflow stream you're looking for is not currently available.\nPlease check with event staff or try again later."
+    },
+    "no_stream_available": {
+      "title": "No Stream Available",
+      "message": "No event data found for this overflow stream."
+    }
+  }
+}

package/src/pages/a/overflow-player.js

@@ -0,0 +1,149 @@
+import React, { useEffect, useState } from "react";
+import { useParams } from "react-router-dom";
+import { connect } from "react-redux";
+import { useTranslation } from "react-i18next";
+import { getOverflowEventByKey } from "../../actions/event-actions";
+import { Container, Box, CircularProgress, Typography, Fade } from "@mui/material";
+import VideoComponent from "../../components/VideoComponent";
+import ErrorMessage from "../../components/ErrorMessage";
+import "../../i18n";
+
+const OverflowPlayerPage = ({
+  location,
+  fetchOverflowEvent,
+  loading,
+  event,
+  error
+}) => {
+  const params = new URLSearchParams(location.search);
+  const overflowStreamKey = params.get("k");
+  const { t } = useTranslation();
+  const [showTitleFlash, setShowTitleFlash] = useState(false);
+  const [videoError, setVideoError] = useState(false);
+
+  useEffect(() => {
+    if (overflowStreamKey) {
+      fetchOverflowEvent(overflowStreamKey);
+    }
+  }, [overflowStreamKey, fetchOverflowEvent]);
+
+  useEffect(() => {
+    if (event && !loading && !error) {
+      setShowTitleFlash(true);
+    }
+  }, [event, loading, error]);
+
+  const handleVideoLoad = () => {
+    setShowTitleFlash(false);
+  };
+
+  const handleVideoError = (e) => {
+    console.error("Video error:", e);
+    setVideoError(true);
+    setShowTitleFlash(false);
+  };
+
+  if (!overflowStreamKey) {
+    return (
+      <ErrorMessage
+        title={t('overflow_player.stream_unavailable.title')}
+        message={t('overflow_player.no_stream_key')}
+        fullScreen={true}
+      />
+    );
+  }
+
+  return (
+    <>
+      {loading || (!event && !error && overflowStreamKey) ? (
+        <Container maxWidth={false}>
+          <Box display="flex" justifyContent="center" alignItems="center" height="100vh">
+            <CircularProgress sx={{ color: 'var(--color_accent)' }} />
+          </Box>
+        </Container>
+      ) : error ? (
+        <ErrorMessage
+          title={t('overflow_player.stream_unavailable.title')}
+          message={t('overflow_player.stream_unavailable.message')}
+          fullScreen={true}
+        />
+      ) : event ? (
+        videoError ? (
+          <ErrorMessage
+            title={t('overflow_player.stream_unavailable.title')}
+            message={t('overflow_player.stream_unavailable.message')}
+            fullScreen={true}
+          />
+        ) : (
+          <Box 
+            width="100vw" 
+            height="100vh" 
+            position="relative"
+            sx={{
+              '& .video-module--vimeoPlayer--ac603': {
+                paddingBottom: '0 !important',
+                height: '100vh !important',
+                '& iframe': {
+                  width: '100vw !important',
+                  height: '100vh !important',
+                  position: 'absolute',
+                  top: 0,
+                  left: 0
+                }
+              }
+            }}
+          >
+            <VideoComponent
+              url={event.overflow_streaming_url}
+              title={event.title}
+              isLive={true}
+              autoPlay={true}
+              tokens={event.overflow_tokens}
+              onLoaded={handleVideoLoad}
+              onError={handleVideoError}
+            />
+            
+            <Fade in={showTitleFlash} timeout={500}>
+              <Typography 
+                variant="h3" 
+                component="h1" 
+                position="absolute"
+                top="50%"
+                left="50%"
+                sx={{
+                  transform: 'translate(-50%, -50%)',
+                  color: 'white',
+                  fontWeight: 'bold',
+                  textShadow: '2px 2px 4px rgba(0,0,0,0.8)',
+                  zIndex: 1000,
+                  maxWidth: '80%',
+                  textAlign: 'center'
+                }}
+              >
+                {event.title}
+              </Typography>
+            </Fade>
+          </Box>
+        )
+      ) : (
+        <ErrorMessage
+          title={t('overflow_player.no_stream_available.title')}
+          message={t('overflow_player.no_stream_available.message')}
+          fullScreen={true}
+        />
+      )}
+    </>
+  );
+};
+
+const mapStateToProps = ({ eventState }) => ({
+  loading: eventState.loading,
+  event: eventState.event,
+  error: eventState.error
+});
+
+const mapDispatchToProps = (dispatch) => ({
+  fetchOverflowEvent: (streamKey) => dispatch(getOverflowEventByKey(streamKey))
+});
+
+export default connect(mapStateToProps, mapDispatchToProps)(OverflowPlayerPage);

package/src/reducers/event-reducer.js

@@ -8,6 +8,7 @@ const DEFAULT_STATE = {
   event: null,
   lastUpdate: null,
   tokens:null,
+  error: null,
 };
 
 const eventReducer = (state = DEFAULT_STATE, action) => {
@@ -31,7 +32,7 @@ const eventReducer = (state = DEFAULT_STATE, action) => {
       const event = payload?.response ?? payload.event;
       // check if we need to update the current event or do we need to just use the new one
       const updatedEvent = event.id  === state?.event?.id ? {...state, ...event} : event;
-      return { ...state, loading: false, event: updatedEvent, tokens: null };
+      return { ...state, loading: false, event: updatedEvent, tokens: null, error: null };
     }
     case SYNC_DATA:{
       // update current event if we have one on data sync
@@ -46,7 +47,8 @@ const eventReducer = (state = DEFAULT_STATE, action) => {
       return state;
     }
     case GET_EVENT_DATA_ERROR: {
-      return { ...state, loading: false, event: null, tokens: null }
+      const errorMessage = payload?.message || payload?.error || 'Failed to load event';
+      return { ...state, loading: false, event: null, tokens: null, error: errorMessage }
     }
     // reload event state
     case RELOAD_EVENT_STATE:{

package/src/styles/colors.scss

@@ -1,4 +1,4 @@
-$color_accent: #00B189;
+$color_accent: #8ac82d;
 $color_alerts: #ff0000;
 $color_background_light: #ffffff;
 $color_background_dark: #000000;
@@ -21,7 +21,7 @@ $color_input_text_color_disabled_light: #ffffff;
 $color_input_text_color_disabled_dark: #ffffff;
 $color_primary: #8DC63F;
 $color_primary_contrast: #FFFFFF;
-$color_secondary: #5e5f62;
+$color_secondary: #26387f;
 $color_secondary_contrast: #005870;
 $color_text_light: #ffffff;
 $color_text_med: #828282;

package/src/styles/video.module.scss

@@ -8,6 +8,7 @@
   overflow: hidden;
   max-width: 100%;
   background: black;
+  height: 100vh;
 
   iframe, object, embed{
     position: absolute;

package/src/templates/marketing-page-template/MainColumn.js

@@ -2,7 +2,7 @@ import * as React from "react";
 import { navigate } from "gatsby";
 import PropTypes from "prop-types";
 import { GatsbyImage, getImage } from "gatsby-plugin-image";
-import Mdx from "@mdx-js/runtime";
+import Mdx from "../../components/Mdx";
 import Container from "./Container";
 import LiteScheduleComponent from "../../components/LiteScheduleComponent";
 import DisqusComponent from "../../components/DisqusComponent";
@@ -22,49 +22,47 @@ const onEventClick = (ev) => navigate(`/a/event/${ev.id}`);
 
 const MainColumn = ({ widgets, summitPhase, isLoggedUser, onEventClick, lastDataSync, fullWidth, maxHeight }) => {
   const { content, schedule, disqus, image } = widgets || {};
-  
+
   const scheduleProps = schedule && isLoggedUser && summitPhase !== PHASES.BEFORE ? { onEventClick } : {};
 
   return (
-    <div
-      className={`column pt-6 pb-5 px-6 ${!fullWidth ? "is-half" : ""} ${styles.mainColumn || ""}`}
-      style={{ maxHeight: !fullWidth && maxHeight ? maxHeight : "none", overflowY: "auto" }}
-    >
-      <Container>
-        {content?.display && content?.body && (
-          <Mdx components={shortcodes}>
-            {content.body}
-          </Mdx>
-        )}
-        {schedule?.display && (
-          <>
-            <h2><b>{schedule.title}</b></h2>
-            <LiteScheduleComponent
-              {...scheduleProps}
-              lastDataSync={lastDataSync}
-              id={`marketing_lite_schedule_${lastDataSync}`}
-              page="marketing-site"
-              showAllEvents={true}
-              showSearch={false}
-              showNav={true}
-            />
-          </>
-        )}
-        {disqus?.display && (
-          <>
-            <h2><b>{disqus.title}</b></h2>
-            <DisqusComponent page="marketing-site" />
-          </>
-        )}
-        {image?.display && image?.image?.src && (
-          <>
-            <h2><b>{image.title}</b></h2>
-            <br/>
-            <GatsbyImage image={getImage(image.image.src)} alt={image.image.alt ?? ""} />
-          </>
-        )}
-      </Container>
-    </div>
+      <div
+          className={`column pt-6 pb-5 px-6 ${!fullWidth ? "is-half" : ""} ${styles.mainColumn || ""}`}
+          style={{ maxHeight: !fullWidth && maxHeight ? maxHeight : "none", overflowY: "auto" }}
+      >
+        <Container>
+          {content?.display && content?.body && (
+              <Mdx shortcodes={shortcodes} content={content.body}/>
+          )}
+          {schedule?.display && (
+              <>
+                <h2><b>{schedule.title}</b></h2>
+                <LiteScheduleComponent
+                    {...scheduleProps}
+                    lastDataSync={lastDataSync}
+                    id={`marketing_lite_schedule_${lastDataSync}`}
+                    page="marketing-site"
+                    showAllEvents={true}
+                    showSearch={false}
+                    showNav={true}
+                />
+              </>
+          )}
+          {disqus?.display && (
+              <>
+                <h2><b>{disqus.title}</b></h2>
+                <DisqusComponent page="marketing-site" />
+              </>
+          )}
+          {image?.display && image?.image?.src && (
+              <>
+                <h2><b>{image.title}</b></h2>
+                <br/>
+                <GatsbyImage image={getImage(image.image.src)} alt={image.image.alt ?? ""} />
+              </>
+          )}
+        </Container>
+      </div>
   );
 };
 
@@ -77,4 +75,4 @@ MainColumn.propTypes = {
   maxHeight: PropTypes.oneOfType([PropTypes.number, PropTypes.string])
 };
 
-export default MainColumn;
+export default MainColumn;

package/src/utils/arrayUtils.js

@@ -12,4 +12,25 @@ export const insertSorted = (arr, elem, fnCheck) =>
         arr[i + 1] = arr[i];
     arr[i + 1] = elem;
     return i+1;
-}
+}
+
+export const rebuildIndex = (array, key = 'id') => {
+    return array.reduce((acc, item, index) => {
+        acc[item[key]] = index;
+        return acc;
+    }, {});
+};
+
+export const getIndexedItem = (indexMap, array, id) => {
+    const idx = indexMap?.[id] ?? -1;
+    const item = idx !== -1 ? array[idx] : null;
+    return item && item.id === id ? { idx, item } : null;
+};
+
+export const replaceInArray = (array, predicate, newItem) => {
+    const found = array.findIndex(predicate);
+    if (found !== -1) {
+        return [...array.slice(0, found), newItem, ...array.slice(found + 1)];
+    }
+    return array;
+};

package/src/workers/sync_strategies/activity_synch_strategy.js

@@ -1,6 +1,6 @@
 import AbstractSynchStrategy from "./abstract_synch_strategy";
 import {fetchEventById, fetchStreamingInfoByEventId} from "../../actions/fetch-entities-actions";
-import {insertSorted, intCheck} from "../../utils/arrayUtils";
+import {insertSorted, intCheck, rebuildIndex} from "../../utils/arrayUtils";
 import {
     BUCKET_EVENTS_DATA_KEY,
     BUCKET_EVENTS_IDX_DATA_KEY,
@@ -62,10 +62,8 @@ class ActivitySynchStrategy extends AbstractSynchStrategy{
                 });
 
                 // Rebuild the full event index to be safe
-                this.allIDXEvents = eventsData.reduce((acc, e, i) => {
-                    acc[e.id] = i;
-                    return acc;
-                }, {});
+
+                this.allIDXEvents = rebuildIndex(eventsData);
 
                 // Update speakers
                 if (entity.speakers) {

package/src/workers/sync_strategies/speaker_synch_strategy.js

@@ -1,6 +1,7 @@
 import AbstractSynchStrategy from "./abstract_synch_strategy";
 import {fetchSpeakerById} from "../../actions/fetch-entities-actions";
 import {
+    BUCKET_SUMMIT_DATA_KEY,
     BUCKET_EVENTS_DATA_KEY,
     BUCKET_EVENTS_IDX_DATA_KEY,
     BUCKET_SPEAKERS_DATA_KEY,
@@ -8,120 +9,106 @@ import {
     saveFile
 } from "../../utils/dataUpdatesUtils";
 
+import {rebuildIndex, getIndexedItem} from "../../utils/arrayUtils";
+import moment from "moment-timezone";
+
 /**
  * SpeakerSynchStrategy
  */
-class SpeakerSynchStrategy extends AbstractSynchStrategy{
+class SpeakerSynchStrategy extends AbstractSynchStrategy {
     async process(payload) {
 
         console.log(`SpeakerSynchStrategy::process`, payload);
 
         const {entity_operator, entity_id} = payload;
 
+        if (entity_operator !== 'UPDATE') return;
+
         const entity = await fetchSpeakerById(this.summit.id, entity_id, this.accessToken);
 
+        if (!entity) return Promise.reject('SpeakerSynchStrategy::process entity not retrieved.');
+
         let eventsData = [...this.allEvents];
 
-        if (entity_operator === 'UPDATE') {
-            if(!entity) return Promise.reject('SpeakerSynchStrategy::process entity not retrieved.');
-            let idx = this.allIDXSpeakers.hasOwnProperty(entity_id) ? this.allIDXSpeakers[entity_id] : -1;
-            let formerEntity = idx === -1 ? null : ( ( this.allSpeakers.length - 1 ) >= idx ? this.allSpeakers[idx] : null);
-            if (formerEntity && formerEntity.id !== entity_id) {
-                console.log('SpeakerSynchStrategy::process entities are not the same.'); // it's not the same
-                formerEntity = this.allSpeakers.find((e, index) => {
-                    let res = e.id == entity.id;
-                    if(res){
-                        console.log(`SpeakerSynchStrategy::process entity id ${entity.id} found at idx ${index}`);
-                        idx = index;
-                    }
-                    return res;
-                });
-                if(!formerEntity){
-                    return Promise.reject(`SpeakerSynchStrategy::process entity id ${entity.id} not found`);
-                }
-            }
-            const updatedSpeaker =  formerEntity ? {...formerEntity, ...entity} : entity;
-            if(idx === -1){
-                console.log(`SpeakerSynchStrategy::process entity does not exists, inserting it at end`, updatedSpeaker);
-                this.allSpeakers.push(updatedSpeaker);
-                this.allIDXSpeakers[updatedSpeaker.id] = this.allSpeakers.length - 1;
-            }
-            else {
-                console.log(`SpeakerSynchStrategy::process updating speaker at idx ${idx}`, updatedSpeaker);
-                this.allSpeakers[idx] = updatedSpeaker;
+        // Remove speaker and re-insert
+        this.allSpeakers = this.allSpeakers.filter(s => s.id !== entity_id);
+        this.allSpeakers.push(entity);
+        this.allIDXSpeakers = rebuildIndex(this.allSpeakers);
+
+        // Update events where speaker is listed
+        for (const eventId of entity.all_presentations || []) {
+            const res = getIndexedItem(this.allIDXEvents, eventsData, eventId);
+            if (!res || !Array.isArray(res.item.speakers)) {
+                console.log(`SpeakerSynchStrategy::process: event ${eventId} not found or invalid`);
+                continue;
             }
 
-            // check presentations
-            if (entity && entity.hasOwnProperty('all_presentations')) {
-                for (const publishedEventId of entity.all_presentations) {
-                    const eventIdx = this.allIDXEvents.hasOwnProperty(publishedEventId) ? this.allIDXEvents[publishedEventId] : -1;
-                    let formerEntity = eventIdx === -1 ? null : ( (eventsData.length - 1) >= eventIdx ? eventsData[eventIdx] : null);
-                    if(formerEntity === null){
-                        console.log(`SpeakerSynchStrategy::process all_presentations activity ${publishedEventId} not found on data set`);
-                        continue;
-                    }
-                    if (formerEntity && formerEntity.id !== publishedEventId) continue;
-                    // check if speakers collection
-                    let speakers = formerEntity.speakers.map( s => {
-                        if(s.id === entity_id){
-                            return updatedSpeaker;
-                        }
-                        return s;
-                    })
-                    eventsData[eventIdx] = {...formerEntity, speakers: speakers};
-                }
-            }
+            const updatedSpeakers = res.item.speakers.map(s =>
+                s.id === entity.id ? entity : s
+            );
 
-            // check moderated presentations
-            if(entity && entity.hasOwnProperty('all_moderated_presentations')){
-                for (const publishedEventId of entity.all_moderated_presentations) {
-                    const eventIdx = this.allIDXEvents.hasOwnProperty(publishedEventId) ? this.allIDXEvents[publishedEventId] : -1;
-                    let formerEntity = eventIdx === -1 ? null : ( (eventsData.length - 1 ) >= eventIdx ? eventsData[eventIdx] : null);
-                    if(formerEntity === null) {
-                        console.log(`SpeakerSynchStrategy::process all_moderated_presentations activity ${publishedEventId} not found on data set`);
-                        continue;
-                    }
-                    if (formerEntity && formerEntity.id !== publishedEventId) continue; // it's not the same
-                    // check if speakers collection
-                    eventsData[eventIdx] = {...formerEntity, moderator: updatedSpeaker};
-                }
-            }
+            eventsData[res.idx] = {
+                ...res.item,
+                speakers: updatedSpeakers,
+            };
+        }
 
-            // update files on cache
-            console.log(`SpeakerSynchStrategy::process updating cache files`);
+        // Update events where speaker is moderator
+        for (const eventId of entity.all_moderated_presentations || []) {
+            const res = getIndexedItem(this.allIDXEvents, eventsData, eventId);
+            if (!res) {
+                console.log(`SpeakerSynchStrategy::process: moderator event ${eventId} not found`);
+                continue;
+            }
 
-            try {
-                const localNowUtc = Date.now();
+            eventsData[res.idx] = {
+                ...res.item,
+                moderator: entity,
+            };
+        }
 
-                await saveFile(this.summit.id, BUCKET_EVENTS_DATA_KEY, eventsData, localNowUtc);
+        // Update summit timestamp
+        this.summit = {
+            ...this.summit,
+            timestamp: moment().unix(),
+        };
 
-                await saveFile(this.summit.id, BUCKET_EVENTS_IDX_DATA_KEY, this.allIDXEvents, localNowUtc);
+        // update files on cache
+        console.log(`SpeakerSynchStrategy::process updating cache files`);
 
-                await saveFile(this.summit.id, BUCKET_SPEAKERS_DATA_KEY, this.allSpeakers, localNowUtc);
+        try {
+            const localNowUtc = Date.now();
 
-                await saveFile(this.summit.id, BUCKET_SPEAKERS_IDX_DATA_KEY, this.allIDXSpeakers, localNowUtc);
+            await saveFile(this.summit.id, BUCKET_SUMMIT_DATA_KEY, this.summit, localNowUtc);
 
-            }
-            catch (e){
-                console.log(e);
-            }
+            await saveFile(this.summit.id, BUCKET_EVENTS_DATA_KEY, eventsData, localNowUtc);
 
-            let res = {
-                payload,
-                entity,
-                summit : this.summit,
-                eventsData,
-                allIDXEvents : this.allIDXEvents,
-                allSpeakers : this.allSpeakers,
-                allIDXSpeakers : this.allIDXSpeakers
-            };
+            await saveFile(this.summit.id, BUCKET_EVENTS_IDX_DATA_KEY, this.allIDXEvents, localNowUtc);
 
-            console.log(`SpeakerSynchStrategy::process done`, res);
+            await saveFile(this.summit.id, BUCKET_SPEAKERS_DATA_KEY, this.allSpeakers, localNowUtc);
 
-            return Promise.resolve(res);
+            await saveFile(this.summit.id, BUCKET_SPEAKERS_IDX_DATA_KEY, this.allIDXSpeakers, localNowUtc);
 
+        } catch (e) {
+            console.log(e);
         }
+
+        let res = {
+            payload,
+            entity,
+            summit: this.summit,
+            eventsData,
+            allIDXEvents: this.allIDXEvents,
+            allSpeakers: this.allSpeakers,
+            allIDXSpeakers: this.allIDXSpeakers
+        };
+
+        console.log(`SpeakerSynchStrategy::process done`, res);
+
+        return Promise.resolve(res);
+
     }
+
 }
 
 export default SpeakerSynchStrategy;

package/src/workers/sync_strategies/summit_synch_strategy.js

@@ -4,6 +4,7 @@ import {
     BUCKET_SUMMIT_DATA_KEY,
     saveFile
 } from "../../utils/dataUpdatesUtils";
+import moment from "moment-timezone";
 
 /**
  * SummitSynchStrategy
@@ -16,13 +17,19 @@ class SummitSynchStrategy extends AbstractSynchStrategy {
 
         const {entity_operator} = payload;
 
-        const entity = await fetchSummitById(this.summit.id, this.accessToken);
+        let entity = await fetchSummitById(this.summit.id, this.accessToken);
 
         let eventsData = [...this.allEvents];
 
         if (entity_operator === 'UPDATE') {
             if (!entity) return Promise.reject('SummitSynchStrategy::process entity not found.');
 
+            // Update summit timestamp
+            entity = {
+                ...entity,
+                timestamp: moment().unix(),
+            };
+
             // update files on cache
             console.log(`SummitSynchStrategy::process updating cache files`);
 

package/src/workers/sync_strategies/venue_room_synch_strategy.js

@@ -4,9 +4,10 @@ import {
     BUCKET_EVENTS_DATA_KEY,
     BUCKET_EVENTS_IDX_DATA_KEY,
     BUCKET_SPEAKERS_DATA_KEY,
-    BUCKET_SPEAKERS_IDX_DATA_KEY,
+    BUCKET_SPEAKERS_IDX_DATA_KEY, BUCKET_SUMMIT_DATA_KEY,
     saveFile,
 } from "../../utils/dataUpdatesUtils";
+import moment from "moment-timezone";
 
 /**
  * VenueRoomSynchStrategy
@@ -39,12 +40,21 @@ class VenueRoomSynchStrategy extends AbstractSynchStrategy{
                     eventsData[idx] = {...formerEntity, location: entity};
                 }
 
+                // update summit
+                // Update summit timestamp
+                this.summit = {
+                    ...this.summit,
+                    timestamp: moment().unix(),
+                };
+
                 // update files on cache
                 console.log(`VenueRoomSynchStrategy::process updating cache files`);
 
                 try {
                     const localNowUtc = Date.now();
 
+                    await saveFile(this.summit.id, BUCKET_SUMMIT_DATA_KEY, this.summit, localNowUtc);
+
                     await saveFile(this.summit.id, BUCKET_EVENTS_DATA_KEY, eventsData, localNowUtc);
 
                     await saveFile(this.summit.id, BUCKET_EVENTS_IDX_DATA_KEY, this.allIDXEvents, localNowUtc);