@openeventkit/event-site 2.0.144 → 2.0.145

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@openeventkit/event-site",
   "description": "Event Site",
-  "version": "2.0.144",
+  "version": "2.0.145",
   "author": "Tipit LLC",
   "dependencies": {
     "@fortawesome/fontawesome-svg-core": "^6.5.2",
@@ -30,7 +30,7 @@
     "@vimeo/player": "^2.16.3",
     "ably": "^1.2.34",
     "assert": "^2.1.0",
-    "attendee-to-attendee-widget": "3.2.0",
+    "attendee-to-attendee-widget": "3.2.1-beta.6",
     "autoprefixer": "10.4.14",
     "awesome-bootstrap-checkbox": "^1.0.1",
     "axios": "^0.19.2",
@@ -85,7 +85,7 @@
     "moment": "^2.27.0",
     "moment-timezone": "^0.5.31",
     "object.assign": "^4.1.5",
-    "openstack-uicore-foundation": "4.1.76",
+    "openstack-uicore-foundation": "4.1.90",
     "path-browserify": "^1.0.1",
     "prop-types": "^15.6.0",
     "react": "^18.2.0",
@@ -130,7 +130,7 @@
     "stream-browserify": "^3.0.0",
     "stream-chat": "^2.7.2",
     "stream-chat-react": "3.1.7",
-    "summit-registration-lite": "5.0.40",
+    "summit-registration-lite": "5.0.41",
     "superagent": "8.0.9",
     "sweetalert2": "^9.17.0",
     "upcoming-events-widget": "3.0.7",

package/src/actions/fetch-entities-actions.js

@@ -163,7 +163,8 @@ export const fetchSpeakerById = async(summitId, speakerId, accessToken = null) =
     apiUrl.addQuery('fields', speakers_fields.join(','));
 
     return fetch(apiUrl.toString(), {
-        method: 'GET'
+        method: 'GET',
+        cache: "no-store",
     }).then(async (response) => {
         if (response.status === 200) {
             return await response.json();

package/src/actions/update-data-actions.js

@@ -239,4 +239,20 @@ export const synchEntityData = (
         dispatch(createAction(RELOAD_EVENT_STATE)(entity));
     }
 
-}
+    // check if it's a presentation to reload event state
+    if (entity && entity_type === 'PresentationSpeaker' && entity_operator === 'UPDATE' && event &&
+      (
+        // current loaded event is a presentation on where speakers is a presenter
+        (entity.all_presentations && entity.all_presentations.find(id => id == event?.id))
+          ||
+        // current loaded event is a presentation on where speakers is a moderator
+        (entity.all_moderated_presentations && entity.all_moderated_presentations.find(id => id == event?.id))
+      )
+    )
+    {
+        const idx = allIDXEvents[event?.id];
+        const updatedEvent = eventsData[idx];
+        dispatch(createAction(RELOAD_EVENT_STATE)(updatedEvent));
+    }
+
+}

package/src/actions/user-actions.js

@@ -9,6 +9,8 @@ import {
   stopLoading,
 } from 'openstack-uicore-foundation/lib/utils/actions';
 
+import {putOnLocalStorage, getFromLocalStorage} from 'openstack-uicore-foundation/lib/utils/methods';
+
 import {
   getAccessToken,
   clearAccessToken,
@@ -23,6 +25,7 @@ import { navigate } from 'gatsby';
 import { customErrorHandler, customBadgeHandler, voidErrorHandler } from '../utils/customErrorHandler';
 import { getEnvVariable, SUMMIT_API_BASE_URL, SUMMIT_ID } from "../utils/envVariables";
 import expiredToken from "../utils/expiredToken";
+import * as Sentry from "@sentry/react";
 
 export const GET_DISQUS_SSO = 'GET_DISQUS_SSO';
 export const GET_USER_PROFILE = 'GET_USER_PROFILE';
@@ -55,11 +58,15 @@ export const REQUEST_INVITATION = 'REQUEST_INVITATION';
 export const RECEIVE_INVITATION = 'RECEIVE_INVITATION';
 export const REJECT_INVITATION = 'REJECT_INVITATION';
 
+const DISQUS_SSO_EXPIRATION = "DISQUS_SSO_EXPIRATION";
+
 // shortName is the unique identifier assigned to a Disqus site.
 export const getDisqusSSO = (shortName) => async (dispatch, getState) => {
   const { userState: { disqusSSO } } = getState();
+  const almostTwoHours = 1000 * 60 * 60 * 1.9;
+  const disqusSsoExpiration = parseInt(getFromLocalStorage(DISQUS_SSO_EXPIRATION)) || 0;
 
-  if (disqusSSO !== null) return;
+  if (disqusSSO && disqusSsoExpiration > Date.now()) return;
 
   let accessToken;
   try {
@@ -74,11 +81,16 @@ export const getDisqusSSO = (shortName) => async (dispatch, getState) => {
     createAction(GET_DISQUS_SSO),
     `${window.IDP_BASE_URL}/api/v1/sso/disqus/${shortName}/profile?access_token=${accessToken}`,
     customErrorHandler
-  )({})(dispatch).catch(e => {
-    console.log('ERROR: ', e);
-    clearAccessToken();
+  )({})(dispatch)
+    .then(() => {
+      putOnLocalStorage(DISQUS_SSO_EXPIRATION, Date.now() + almostTwoHours)
+    })
+    .catch(e => {
+      console.log('ERROR: ', e);
+      Sentry.captureException(e)
+      clearAccessToken();
 
-    return Promise.reject(e);
+      return Promise.reject(e);
   });
 }
 

package/src/components/AttendeeToAttendeeWidgetComponent.js

@@ -34,7 +34,7 @@ const sbAuthProps = {
 
 const adminGroups = ["administrators", "super-admins"];
 
-const AttendeesWidgetComponent = ({ user, event, chatSettings }) => {
+const AttendeesWidgetComponent = ({ user, event, summit, chatSettings }) => {
   const [loading, setLoading] = useState(true);
 
   //Deep linking support
@@ -127,11 +127,14 @@ const AttendeesWidgetComponent = ({ user, event, chatSettings }) => {
         twitterName: twitter_name,
         wechatUser: wechat_user,
       },
-      getBadgeFeatures: () =>
-        summit_tickets
+      getBadgeFeatures: () => {
+        const attendeeBadgeFeatureIds = [...new Set(summit_tickets
           .filter((st) => st.badge)
           .flatMap((st) => st.badge.features)
-          .filter((v, i, a) => a.map((item) => item.id).indexOf(v.id) === i),
+          .map((feature) => feature.id))]
+    
+        return summit.badge_features_types.filter((bft) => attendeeBadgeFeatureIds.includes(bft.id));
+      },
       bio: bio,
       showEmail: public_profile_show_email === true,
       allowChatWithMe: public_profile_allow_chat_with_me === true,
@@ -170,7 +173,7 @@ const AttendeesWidgetComponent = ({ user, event, chatSettings }) => {
         }
       },
     },
-    summitId: parseInt(getEnvVariable(SUMMIT_ID)),
+    summit: summit,
     height: 400,
     defaultScope: chatSettings?.defaultScope || scopes.PAGE,  //Default attendees filter scope (scopes.PAGE | scopes.SHOW)
     ...chatProps,
@@ -297,7 +300,9 @@ const AccessTracker = ({ user, isLoggedUser, summitPhase, chatSettings, updateCh
       showSocialInfo: public_profile_show_social_media_info === true,
       showBio: public_profile_show_bio === true
     },
-    summitId: parseInt(getEnvVariable(SUMMIT_ID)),
+    summit: {
+      id: parseInt(getEnvVariable(SUMMIT_ID)),
+    },
     keepAliveEnabled: true,
     updateChatProfileEnabled: updateChatProfileEnabled,
     ...chatProps,
@@ -313,7 +318,7 @@ const mapStateToProps = ({ loggedUserState, userState, clockState, settingState
   isLoggedUser: loggedUserState.isLoggedUser,
   user: userState,
   summitPhase: clockState.summit_phase,
-  chatSettings: settingState.widgets.chat,
+  chatSettings: settingState.widgets.chat
 });
 
 export default connect(mapStateToProps)(AccessTracker);

package/src/components/AuthComponent.js

@@ -129,10 +129,13 @@ const AuthComponent = ({
 
     const sendCode = (email) => {
         setUserEmail(email);
-        getPasswordlessCode(email).then(({ response }) => {
+        return getPasswordlessCode(email).then(({ response }) => {
             setOtpLength(response.otp_length);
             setOtpLogin(true);
-        });
+        }).catch((err) => {
+            const errorMessage = err.response?.body?.error || err.message;
+            return Promise.reject(new Error(errorMessage));
+        })
     }
 
     const siteSettings = useSiteSettings();

package/src/components/DisqusComponent.js

@@ -1,4 +1,4 @@
-import React from "react";
+import React, {useEffect, useState} from "react";
 import { connect } from "react-redux";
 import { DiscussionEmbed } from "disqus-react";
 import { withMarketingSettings, MARKETING_SETTINGS_KEYS } from "@utils/useMarketingSettings";
@@ -6,61 +6,53 @@ import { getEnvVariable, DISQUS_SHORTNAME } from "@utils/envVariables";
 import { getDisqusSSO } from "../actions/user-actions";
 import PropTypes from "prop-types";
 
-const DisqusComponent = class extends React.Component {
+const DisqusComponent = ({summit, sponsor, event, disqusSSO, hideMobile, title, style, className, page, skipTo, ...props}) => {
+  const [isMobile, setIsMobile] = useState(false);
+  const shortname = getEnvVariable(DISQUS_SHORTNAME);
+  const { auth: remoteAuthS3, public_key: apiKey } = disqusSSO || {};
+  const almostTwoHours = 1000 * 60 * 60 * 1.9;
 
-  constructor(props) {
-    super(props);
+  useEffect(() => {
+    // Resize Handler
+    window.addEventListener('resize', onResize);
+    setIsMobile(window.innerWidth <= 768);
 
-    this.state = {
-      isMobile: false
-    };
+    return () => {
+      window.removeEventListener('resize', onResize);
+    }
+  }, []);
 
-    this.getIdentifier = this.getIdentifier.bind(this);
-    this.getTitle = this.getTitle.bind(this);
-  }
+  // check Disqus SSO on every render
+  useEffect(() => {
+    let disqusSsoInterval = null;
 
-  componentWillUnmount() {
-    window.removeEventListener('resize', this.onResize);
-  }
+    if (shortname) {
+      props.getDisqusSSO(shortname);
 
-  componentDidMount() {
-    const shortname = getEnvVariable(DISQUS_SHORTNAME);
-    if (shortname)
-      this.props.getDisqusSSO(shortname).catch((e) => console.log(e));
-
-    window.addEventListener('resize', this.onResize);
-    if (window.innerWidth <= 768) {
-      this.setState({ isMobile: true })
-    } else {
-      this.setState({ isMobile: false })
+      // Edge case: if component has not rendered for more than 2hrs, we need to force a SSO token refresh.
+      disqusSsoInterval = setInterval(() => {
+        props.getDisqusSSO(shortname);
+      }, almostTwoHours);
     }
-  }
 
-  onResize = () => {
-    if (window.innerWidth <= 768 && this.state.isMobile === false) {
-      this.setState({ isMobile: true })
-    }
-    if (window.innerWidth > 768 && this.state.isMobile === true) {
-      this.setState({ isMobile: false })
+    return () => {
+      if (disqusSsoInterval) {
+        clearInterval(disqusSsoInterval);
+      }
     }
-  };
-
-  getIdentifier() {
-    const {
-      summit,
-      page,
-      sponsor,
-      event,
-      getMarketingSettingByKey
-    } = this.props;
+  });
 
-    let threadsBy = getMarketingSettingByKey(MARKETING_SETTINGS_KEYS.disqusThreadsBy) ?? "event";
+  const onResize = () => {
+    setIsMobile(window.innerWidth <= 768);
+  };
 
+  const getIdentifier = () => {
+    const threadsBy = props.getMarketingSettingByKey(MARKETING_SETTINGS_KEYS.disqusThreadsBy) ?? "event";
     let identifier = null;
 
     if (event) {
-      let eventExcludes = getMarketingSettingByKey(MARKETING_SETTINGS_KEYS.disqusExcludeEvents) ?? [];
-      let trackExcludes = getMarketingSettingByKey(MARKETING_SETTINGS_KEYS.disqusExcludeTracks) ?? [];
+      const eventExcludes = props.getMarketingSettingByKey(MARKETING_SETTINGS_KEYS.disqusExcludeEvents) ?? [];
+      const trackExcludes = props.getMarketingSettingByKey(MARKETING_SETTINGS_KEYS.disqusExcludeTracks) ?? [];
 
       identifier = eventExcludes.includes(event.id) ? `summit/${summit.id}/event/${event.id}` : null;
 
@@ -95,20 +87,12 @@ const DisqusComponent = class extends React.Component {
     return identifier;
   }
 
-  getTitle() {
-    const {
-      summit,
-      page,
-      sponsor,
-      event,
-      getMarketingSettingByKey
-    } = this.props;
-
+  const getTitle = () => {
     let suffix = '';
-    const threadsBy = getMarketingSettingByKey(MARKETING_SETTINGS_KEYS.disqusThreadsBy) ?? "event";
+    const threadsBy = props.getMarketingSettingByKey(MARKETING_SETTINGS_KEYS.disqusThreadsBy) ?? "event";
 
     if (event) {
-      const trackExcludes = getMarketingSettingByKey(MARKETING_SETTINGS_KEYS.disqusExcludeTracks) ?? [];
+      const trackExcludes = props.getMarketingSettingByKey(MARKETING_SETTINGS_KEYS.disqusExcludeTracks) ?? [];
       if (event.track && event.track.id && (threadsBy === 'track' || trackExcludes.includes(event.track.id))) {
         suffix += ' - ';
         suffix += event.track.name;
@@ -133,49 +117,40 @@ const DisqusComponent = class extends React.Component {
     return `${summit.name}${suffix}`;
   }
 
-  render() {
-    const { isMobile } = this.state || null;
-    const { disqusSSO, hideMobile = null } = this.props;
-
-    if (!disqusSSO || (hideMobile !== null && hideMobile === isMobile)) {
-      return null;
-    }
+  if (!disqusSSO || (hideMobile !== null && hideMobile === isMobile)) {
+    return null;
+  }
 
-    const { auth: remoteAuthS3, public_key: apiKey } = disqusSSO;
-    const shortname = getEnvVariable(DISQUS_SHORTNAME);
+  if (!remoteAuthS3 || !apiKey || !shortname) {
+    let error = 'Disqus misconfiguration: ';
+    if (!remoteAuthS3) error = ` ${error} ${!remoteAuthS3 ? 'SSO remoteAuthS3 missing' : ''}`;
+    if (!apiKey) error = ` ${error} ${!apiKey ? 'SSO apiKey missing' : ''}`;
+    if (!shortname) error = ` ${error} ${!shortname ? 'DISQUS_SHORTNAME env var missing' : ''}`;
+    return error;
+  }
 
-    if (!remoteAuthS3 || !apiKey || !shortname) {
-      let error = 'Disqus misconfiguration: ';
-      if (!remoteAuthS3) error = ` ${error} ${!remoteAuthS3 ? 'SSO remoteAuthS3 missing' : ''}`;
-      if (!apiKey) error = ` ${error} ${!apiKey ? 'SSO apiKey missing' : ''}`;
-      if (!shortname) error = ` ${error} ${!shortname ? 'DISQUS_SHORTNAME env var missing' : ''}`;
-      return error;
-    }
+  const disqusConfig = {
+    url: window.location.href,
+    identifier: getIdentifier(),
+    title: getTitle(),
+    remoteAuthS3: remoteAuthS3,
+    apiKey: apiKey
+  };
 
-    const disqusConfig = {
-      url: window.location.href,
-      identifier: this.getIdentifier(),
-      title: this.getTitle(),
-      remoteAuthS3: remoteAuthS3,
-      apiKey: apiKey
-    };
-
-    const { title, style, className, page, skipTo } = this.props;
-    const sectionClass = className ? className : style || page === 'marketing-site' ? '' : 'disqus-container';
-
-    return (
-      <section aria-labelledby={title ? 'disqus-title' : ''} className={sectionClass} style={style}>
-        <div className="disqus-header">
-          {skipTo && <a className="sr-only skip-to-next" href={skipTo}>Skip to next section</a>}
-          {title && <h2 id="disqus-title" className="title">{title}</h2>}
-        </div>
-        <DiscussionEmbed
-          shortname={shortname}
-          config={disqusConfig}
-        />
-      </section>
-    );
-  }
+  const sectionClass = className ? className : style || page === 'marketing-site' ? '' : 'disqus-container';
+
+  return (
+    <section aria-labelledby={title ? 'disqus-title' : ''} className={sectionClass} style={style}>
+      <div className="disqus-header">
+        {skipTo && <a className="sr-only skip-to-next" href={skipTo}>Skip to next section</a>}
+        {title && <h2 id="disqus-title" className="title">{title}</h2>}
+      </div>
+      <DiscussionEmbed
+        shortname={shortname}
+        config={disqusConfig}
+      />
+    </section>
+  );
 };
 
 const mapStateToProps = ({ summitState, userState }) => ({

package/src/components/summit-my-orders-tickets/components/TicketPopup/TicketPopupEditDetailsForm/TicketPopupEditDetailsForm.js

@@ -28,13 +28,13 @@ import { DelegatePopup } from '../../DelegatePopup/DelegatePopup';
 const noop = () => {};
 
 export const TicketPopupEditDetailsForm = ({
-    ticket,
-    summit,
-    order,
-    canEditTicketData,
-    goToReassignPanel,
-    context
-}) => {
+                                               ticket,
+                                               summit,
+                                               order,
+                                               canEditTicketData,
+                                               goToReassignPanel,
+                                               context
+                                           }) => {
     const formRef = useRef(null);
     const { t } = useTranslation();
     const dispatch = useDispatch();
@@ -53,7 +53,7 @@ export const TicketPopupEditDetailsForm = ({
         daysUntilReassignDeadline,
         isUnassigned,
         allowsDelegate
-    } = useTicketDetails({ ticket, summit });    
+    } = useTicketDetails({ ticket, summit });
 
     const { onTicketAssignChange } = useTicketAssignedContext();
 
@@ -73,9 +73,9 @@ export const TicketPopupEditDetailsForm = ({
         } = ticket.owner || {};
 
         const formattedExtraQuestions = extra_questions ?
-            extra_questions.map(({ question_id, value }) => (
-                { question_id, value }
-            )) : [];
+          extra_questions.map(({ question_id, value }) => (
+            { question_id, value }
+          )) : [];
 
         return {
             [TicketKeys.email]: email,
@@ -129,22 +129,22 @@ export const TicketPopupEditDetailsForm = ({
 
         if(isDelegating) {
             dispatch(delegateTicket(params))
-                .then(() => toggleSaveMessage())
-                .catch((error) => console.error(error))
-                .then(() => {
-                    formikHelpers.resetForm({ values });
-                    formikHelpers.setSubmitting(false);
-                    setIsDelegating(false);
-                });
+              .then(() => toggleSaveMessage())
+              .catch((error) => console.error(error))
+              .then(() => {
+                  formikHelpers.resetForm({ values });
+                  formikHelpers.setSubmitting(false);
+                  setIsDelegating(false);
+              });
         } else {
             dispatch(editOwnedTicket(params))
-                .then(() => toggleSaveMessage())
-                .catch((error) => console.error(error))
-                .then(() => {
-                    // Note: Need to do this to persist the extra question values
-                    formikHelpers.resetForm({ values });
-                    formikHelpers.setSubmitting(false);
-                });
+              .then(() => toggleSaveMessage())
+              .catch((error) => console.error(error))
+              .then(() => {
+                  // Note: Need to do this to persist the extra question values
+                  formikHelpers.resetForm({ values });
+                  formikHelpers.setSubmitting(false);
+              });
         }
 
     };
@@ -163,16 +163,16 @@ export const TicketPopupEditDetailsForm = ({
 
     const handleDelegateAccept = () => {
         setShowDelegate(false);
-        setIsDelegating(true);        
+        setIsDelegating(true);
         formik.resetForm({
             values: {
-              ...formik.values,
-              [TicketKeys.firstName]: "",
-              [TicketKeys.lastName]: "",
-              [TicketKeys.disclaimerAccepted]: false,
-              [TicketKeys.extraQuestions]: []
+                ...formik.values,
+                [TicketKeys.firstName]: "",
+                [TicketKeys.lastName]: "",
+                [TicketKeys.disclaimerAccepted]: false,
+                [TicketKeys.extraQuestions]: []
             }
-          });
+        });
     };
 
     const handleDelegateReject = () => {
@@ -255,46 +255,46 @@ export const TicketPopupEditDetailsForm = ({
     }
 
     return (
-        <div className="ticket-popup-edit-details-form">
-            {showSaveMessage &&
+      <div className="ticket-popup-edit-details-form">
+          {showSaveMessage &&
             <CSSTransition
-                unmountOnExit
-                in={showSaveMessage}
-                timeout={2000}
-                classNames="fade-in-out"
+              unmountOnExit
+              in={showSaveMessage}
+              timeout={2000}
+              classNames="fade-in-out"
             >
                 <Alert bsStyle="success" className="ticket-popup-form-alert text-center">
                     {t("tickets.save_message")}
                 </Alert>
             </CSSTransition>
-            }
+          }
 
-            {showUnassignMessage &&
+          {showUnassignMessage &&
             <CSSTransition
-                unmountOnExit
-                in={showUnassignMessage}
-                timeout={2000}
-                classNames="fade-in-out"
+              unmountOnExit
+              in={showUnassignMessage}
+              timeout={2000}
+              classNames="fade-in-out"
             >
                 <Alert bsStyle="success" className="ticket-popup-form-alert text-center">
                     {t("tickets.unassign_success_message")}
                 </Alert>
             </CSSTransition>
-            }
-
-            <div className="ticket-popup-form-body columns is-multiline">
-
-                <div className="attendee-info column is-full">
-                    <h4 className="pb-3">{t("ticket_popup.edit_basic_info")}</h4>
-                    <label htmlFor={TicketKeys.email}>Email</label>
-                    <Input
-                        id={TicketKeys.email}
-                        name={TicketKeys.email}
-                        className="form-control"
-                        value={initialValues[TicketKeys.email]}
-                        disabled={true}
-                    />
-                    {isUserTicketOwner && isReassignable &&
+          }
+
+          <div className="ticket-popup-form-body columns is-multiline">
+
+              <div className="attendee-info column is-full">
+                  <h4 className="pb-3">{t("ticket_popup.edit_basic_info")}</h4>
+                  <label htmlFor={TicketKeys.email}>Email</label>
+                  <Input
+                    id={TicketKeys.email}
+                    name={TicketKeys.email}
+                    className="form-control"
+                    value={initialValues[TicketKeys.email]}
+                    disabled={true}
+                  />
+                  {isUserTicketOwner && isReassignable &&
                     <div className="mt-1">
                         <span onClick={() => goToReassignPanel()}>
                             <u>Reassign</u>
@@ -304,124 +304,122 @@ export const TicketPopupEditDetailsForm = ({
                             <u>Unassign</u>
                         </span>
                     </div>
-                    }
-                </div>
+                  }
+              </div>
+
+              <div className="attendee-info column is-full">
+                  <label htmlFor={TicketKeys.firstName}>
+                      {t("ticket_popup.edit_first_name")}
+                      {!initialValues[TicketKeys.firstName] && <b> *</b>}
+                  </label>
+                  <Input
+                    id={TicketKeys.firstName}
+                    name={TicketKeys.firstName}
+                    className="form-control"
+                    placeholder={t("ticket_popup.edit_first_name_placeholder")}
+                    value={formik.values[TicketKeys.firstName]}
+                    onBlur={formik.handleBlur}
+                    onChange={!!initialValues[TicketKeys.firstName] && !isDelegating ? noop : formik.handleChange}
+                    disabled={!!initialValues[TicketKeys.firstName] && !isDelegating}
+                  />
+                  {(formik.touched[TicketKeys.firstName] || triedSubmitting) && formik.errors[TicketKeys.firstName] &&
+                    <p className="error-label">{t("ticket_popup.edit_required")}</p>
+                  }
+              </div>
+
+              <div className="attendee-info column is-full">
+                  <label htmlFor={TicketKeys.lastName}>
+                      {t("ticket_popup.edit_last_name")}
+                      {!initialValues[TicketKeys.lastName] && <b> *</b>}
+                  </label>
+                  <Input
+                    id={TicketKeys.lastName}
+                    name={TicketKeys.lastName}
+                    className="form-control"
+                    placeholder={t("ticket_popup.edit_last_name_placeholder")}
+                    value={formik.values[TicketKeys.lastName]}
+                    onBlur={formik.handleBlur}
+                    onChange={!!initialValues[TicketKeys.lastName] && !isDelegating ? noop : formik.handleChange}
+                    disabled={!!initialValues[TicketKeys.lastName] && !isDelegating}
+                  />
+                  {(formik.touched[TicketKeys.lastName] || triedSubmitting) && formik.errors[TicketKeys.lastName] &&
+                    <p className="error-label">{t("ticket_popup.edit_required")}</p>
+                  }
+              </div>
 
+              {allowsDelegate &&
                 <div className="attendee-info column is-full">
-                    <label htmlFor={TicketKeys.firstName}>
-                        {t("ticket_popup.edit_first_name")}
-                        {!initialValues[TicketKeys.firstName] && <b> *</b>}
-                    </label>
-                    <Input
-                        id={TicketKeys.firstName}
-                        name={TicketKeys.firstName}
-                        className="form-control"
-                        placeholder={t("ticket_popup.edit_first_name_placeholder")}
-                        value={formik.values[TicketKeys.firstName]}
-                        onBlur={formik.handleBlur}
-                        onChange={!!initialValues[TicketKeys.firstName] && !isDelegating ? noop : formik.handleChange}
-                        disabled={!!initialValues[TicketKeys.firstName] && !isDelegating}
-                    />
-                    {(formik.touched[TicketKeys.firstName] || triedSubmitting) && formik.errors[TicketKeys.firstName] &&
-                    <p className="error-label">{t("ticket_popup.edit_required")}</p>
-                    }
+                    <button className="button-text" type='button' onClick={() => setShowDelegate(true)}>Delegate</button>
                 </div>
+              }
 
+              {showCompanyInput &&
                 <div className="attendee-info column is-full">
-                    <label htmlFor={TicketKeys.lastName}>
-                        {t("ticket_popup.edit_last_name")}
-                        {!initialValues[TicketKeys.lastName] && <b> *</b>}
+                    <label htmlFor={TicketKeys.company}>
+                        {t("ticket_popup.edit_company")}
+                        {!initialValues[TicketKeys.company].name && <b> *</b>}
                     </label>
-                    <Input
-                        id={TicketKeys.lastName}
-                        name={TicketKeys.lastName}
-                        className="form-control"
-                        placeholder={t("ticket_popup.edit_last_name_placeholder")}
-                        value={formik.values[TicketKeys.lastName]}
-                        onBlur={formik.handleBlur}
-                        onChange={!!initialValues[TicketKeys.lastName] && !isDelegating ? noop : formik.handleChange}
-                        disabled={!!initialValues[TicketKeys.lastName] && !isDelegating}
+                    <RegistrationCompanyInput
+                      id={TicketKeys.company}
+                      name={TicketKeys.company}
+                      summitId={summit.id}
+                      placeholder={t("ticket_popup.edit_company_placeholder")}
+                      value={formik.values[TicketKeys.company]}
+                      onBlur={formik.handleBlur}
+                      onChange={!!initialValues[TicketKeys.company].name ? noop : formik.handleChange}
+                      disabled={!!initialValues[TicketKeys.company].name}
+                      defaultOptions={showCompanyInputDefaultOptions}
+                      openMenuOnFocus={showCompanyInputDefaultOptions}
+                      openMenuOnClick={showCompanyInputDefaultOptions}
+                      styles={{
+                          menu: (base) => ({ ...base, zIndex: 9999 }),
+                      }}
+                      tabSelectsValue={false}
                     />
-                    {(formik.touched[TicketKeys.lastName] || triedSubmitting) && formik.errors[TicketKeys.lastName] &&
-                    <p className="error-label">{t("ticket_popup.edit_required")}</p>
+                    {(formik.touched[TicketKeys.company] || triedSubmitting) && formik.errors[TicketKeys.company] &&
+                      <p className="error-label">{t("ticket_popup.edit_required")}</p>
                     }
                 </div>
+              }
 
-                {allowsDelegate && 
-                    <div className="attendee-info column is-full">
-                        <button className="button-text" type='button' onClick={() => setShowDelegate(true)}>Delegate</button>
-                    </div>
-                }
-
-                {showCompanyInput &&
-                    <div className="attendee-info column is-full">
-                        <label htmlFor={TicketKeys.company}>
-                            {t("ticket_popup.edit_company")}
-                            {!initialValues[TicketKeys.company].name && <b> *</b>}
-                        </label>
-                        <RegistrationCompanyInput
-                            id={TicketKeys.company}
-                            name={TicketKeys.company}
-                            summitId={summit.id}
-                            placeholder={t("ticket_popup.edit_company_placeholder")}
-                            value={formik.values[TicketKeys.company]}
-                            onBlur={formik.handleBlur}
-                            onChange={!!initialValues[TicketKeys.company].name ? noop : formik.handleChange}
-                            disabled={!!initialValues[TicketKeys.company].name}
-                            defaultOptions={showCompanyInputDefaultOptions}
-                            openMenuOnFocus={showCompanyInputDefaultOptions}
-                            openMenuOnClick={showCompanyInputDefaultOptions}
-                            menuPortalTarget={document.body}
-                            menuPosition="fixed"
-                            styles={{
-                                menuPortal: (base) => ({ ...base, zIndex: 9999 }),                            
-                            }}
-                            tabSelectsValue={false}
-                        />
-                        {(formik.touched[TicketKeys.company] || triedSubmitting) && formik.errors[TicketKeys.company] &&
-                        <p className="error-label">{t("ticket_popup.edit_required")}</p>
-                        }
-                    </div>
-                }
-
-                {(initialValues[TicketKeys.firstName] || initialValues[TicketKeys.lastName] || initialValues[TicketKeys.company].name) &&
+              {(initialValues[TicketKeys.firstName] || initialValues[TicketKeys.lastName] || initialValues[TicketKeys.company].name) &&
                 <div className="column is-full pb-5">
                     {t("ticket_popup.assign_note")}
                 </div>
-                }
+              }
 
-                {hasExtraQuestions &&
+              {hasExtraQuestions &&
                 <div className="column is-full pt-5">
                     <h4 className="pb-2">{t("ticket_popup.edit_preferences")}</h4>
                     <ExtraQuestionsForm
-                        // This key is added to trigger a new render when the extra questions are resetted on delegation
-                        key={formik.values[TicketKeys.extraQuestions].length}
-                        ref={formRef}
-                        extraQuestions={extraQuestions}
-                        userAnswers={formik.values[TicketKeys.extraQuestions]}
-                        onAnswerChanges={onExtraQuestionsAnswersSet}
-                        allowExtraQuestionsEdit={canEditTicketData || isDelegating}
-                        questionContainerClassName={`columns is-multiline extra-question pt-3`}
-                        questionLabelContainerClassName={'column is-full pb-0'}
-                        questionControlContainerClassName={`column is-full pt-0`}
-                        shouldScroll2FirstError={false}
-                        onError={handleExtraQuestionError}
+                      // This key is added to trigger a new render when the extra questions are resetted on delegation
+                      key={formik.values[TicketKeys.extraQuestions].length}
+                      ref={formRef}
+                      extraQuestions={extraQuestions}
+                      userAnswers={formik.values[TicketKeys.extraQuestions]}
+                      onAnswerChanges={onExtraQuestionsAnswersSet}
+                      allowExtraQuestionsEdit={canEditTicketData || isDelegating}
+                      questionContainerClassName={`columns is-multiline extra-question pt-3`}
+                      questionLabelContainerClassName={'column is-full pb-0'}
+                      questionControlContainerClassName={`column is-full pt-0`}
+                      shouldScroll2FirstError={false}
+                      onError={handleExtraQuestionError}
                     />
                 </div>
-                }
+              }
 
-                {summit.registration_disclaimer_content &&
+              {summit.registration_disclaimer_content &&
                 <div className="column is-full attendee-info abc-checkbox disclaimer mt-3">
                     <div className='input-wrapper'>
                         <input
-                            type="checkbox"
-                            id={TicketKeys.disclaimerAccepted}
-                            name={TicketKeys.disclaimerAccepted}
-                            onBlur={formik.handleBlur}
-                            onChange={(e) =>
-                                formik.setFieldTouched(TicketKeys.disclaimerAccepted, true) && formik.handleChange(e)
-                            }
-                            checked={formik.values[TicketKeys.disclaimerAccepted]}
+                          type="checkbox"
+                          id={TicketKeys.disclaimerAccepted}
+                          name={TicketKeys.disclaimerAccepted}
+                          onBlur={formik.handleBlur}
+                          onChange={(e) =>
+                            formik.setFieldTouched(TicketKeys.disclaimerAccepted, true) && formik.handleChange(e)
+                          }
+                          checked={formik.values[TicketKeys.disclaimerAccepted]}
                         />
                         <label htmlFor={TicketKeys.disclaimerAccepted}>
                             {summit.registration_disclaimer_mandatory && <b> *</b>}
@@ -433,36 +431,36 @@ export const TicketPopupEditDetailsForm = ({
                         </RawHTML>
                     </div>
                     {(formik.touched[TicketKeys.disclaimerAccepted] || triedSubmitting) && formik.errors[TicketKeys.disclaimerAccepted] &&
-                        <p className="error-label">{t("ticket_popup.edit_required")}</p>
+                      <p className="error-label">{t("ticket_popup.edit_required")}</p>
                     }
                 </div>
-                }
-            </div>
+              }
+          </div>
 
-            {canSubmitChanges() &&
+          {canSubmitChanges() &&
             <div className="ticket-popup-footer">
                 <button
-                    type="button"
-                    className="btn btn-primary"
-                    disabled={formik.isSubmitting}
-                    onClick={triggerSubmit}
+                  type="button"
+                  className="btn btn-primary"
+                  disabled={formik.isSubmitting}
+                  onClick={triggerSubmit}
                 >
                     {!formik.isSubmitting && <>{t("ticket_popup.save_changes")}</>}
                     {formik.isSubmitting && <>{t("ticket_popup.saving_changes")}...</>}
                 </button>
             </div>
-            }
-            <ConfirmPopup
-                isOpen={showConfirm}
-                popupCase={CONFIRM_POPUP_CASE.UNASSIGN_TICKET}
-                onAccept={handleConfirmAccept}
-                onReject={handleConfirmReject}
-            />
-            <DelegatePopup
-                isOpen={showDelegate}                
-                onAccept={handleDelegateAccept}
-                onReject={handleDelegateReject}
-            />
-        </div>
+          }
+          <ConfirmPopup
+            isOpen={showConfirm}
+            popupCase={CONFIRM_POPUP_CASE.UNASSIGN_TICKET}
+            onAccept={handleConfirmAccept}
+            onReject={handleConfirmReject}
+          />
+          <DelegatePopup
+            isOpen={showDelegate}
+            onAccept={handleDelegateAccept}
+            onReject={handleDelegateReject}
+          />
+      </div>
     );
 };

package/src/reducers/event-reducer.js

@@ -1,7 +1,7 @@
 import { START_LOADING, STOP_LOADING } from "openstack-uicore-foundation/lib/utils/actions";
 import { LOGOUT_USER } from "openstack-uicore-foundation/lib/security/actions";
 import {GET_EVENT_DATA, GET_EVENT_DATA_ERROR, RELOAD_EVENT_STATE, SET_EVENT_LAST_UPDATE, GET_EVENT_STREAMING_INFO} from "../actions/event-actions-definitions";
-import {RESET_STATE} from "../actions/base-actions-definitions";
+import {RESET_STATE, SYNC_DATA} from "../actions/base-actions-definitions";
 
 const DEFAULT_STATE = {
   loading: false,
@@ -14,6 +14,7 @@ const eventReducer = (state = DEFAULT_STATE, action) => {
   const { type, payload } = action
 
   switch (type) {
+
     case RESET_STATE:
     case LOGOUT_USER:
     {
@@ -32,6 +33,18 @@ const eventReducer = (state = DEFAULT_STATE, action) => {
       const updatedEvent = event.id  === state?.event?.id ? {...state, ...event} : event;
       return { ...state, loading: false, event: updatedEvent, tokens: null };
     }
+    case SYNC_DATA:{
+      // update current event if we have one on data sync
+      const {eventsData, eventsIDXData } = payload;
+      if(state?.event){
+        const idx = eventsIDXData[state?.event?.id] || null;
+        if(idx) {
+          const updatedEvent = eventsData[idx];
+          return {...state, loading: false, event: updatedEvent, tokens: null};
+        }
+      }
+      return state;
+    }
     case GET_EVENT_DATA_ERROR: {
       return { ...state, loading: false, event: null, tokens: null }
     }

package/src/styles/colors.scss

@@ -1,4 +1,4 @@
-$color_accent: #00A2FF;
+$color_accent: #00B189;
 $color_alerts: #ff0000;
 $color_background_light: #ffffff;
 $color_background_dark: #000000;
@@ -19,16 +19,16 @@ $color_input_text_color_light: #363636;
 $color_input_text_color_dark: #ffffff;
 $color_input_text_color_disabled_light: #ffffff;
 $color_input_text_color_disabled_dark: #ffffff;
-$color_primary: #000000;
+$color_primary: #8DC63F;
 $color_primary_contrast: #FFFFFF;
-$color_secondary: #00A2FF;
-$color_secondary_contrast: #181818;
+$color_secondary: #5e5f62;
+$color_secondary_contrast: #005870;
 $color_text_light: #ffffff;
 $color_text_med: #828282;
-$color_text_dark: #000000;
+$color_text_dark: #5e5f62;
 $color_text_input_hints_light: #7b7b7b;
 $color_text_input_hints_dark: #7b7b7b;
-$color_text_input_hints: #131313;
+$color_text_input_hints: #c4c4c4;
 
 :root {
   --color_primary: #{$color_primary};

package/src/styles/fonts.scss

@@ -1,26 +1,31 @@
-/**
-* Warning:
-* Dont edit this file by hand, has been generated by fonts scss util
-* Generated with font values set via CMS
-**/
-
-$font-family: 'Nunito Sans', sans-serif;
+$font-family: "Franklin Gothic";
 
 :root {
-  --font_family: #{$font-family};
+  --font_family: "Franklin Gothic" !important;
 }
 
+@font-face {
+  font-family: "Franklin Gothic";
+  src: url("/fonts/franklingothic-book.ttf") format("truetype");
+  font-weight: normal;
+}
+@font-face {
+  font-family: "Franklin Gothic";
+  src: url("/fonts/franklingothic-medium.ttf") format("truetype");
+  font-weight: bold;
+}
+  
 %font-regular {
-  font-family: 'Nunito Sans', sans-serif;
+  font-family: var(--font_family);
   font-weight: 400;
 }
 
 %font-semi {
-  font-family: 'Nunito Sans', sans-serif;
+  font-family: var(--font_family);
   font-weight: 600;
 }
 
 %font-bold {
-  font-family: 'Nunito Sans', sans-serif;
+  font-family: var(--font_family);
   font-weight: 700;
 }

package/src/styles/style.scss

@@ -98,6 +98,10 @@ button.link {
   justify-content: space-between;
 }
 
+#content-wrapper {
+  flex-grow: 1;
+}
+
 header div.current-user {
   position: absolute;
   top: 30px;

package/src/templates/event-page.js

@@ -67,9 +67,7 @@ export const EventPageTemplate = class extends React.Component {
 
   componentDidMount() {
     const {eventId, event } = this.props;
-    if (parseInt(event?.id) !== parseInt(eventId)) {
-      this.props.getEventById(eventId).then(() => this.props.getEventStreamingInfoById(eventId));
-    }
+    this.props.getEventById(eventId).then(() => this.props.getEventStreamingInfoById(eventId));
   }
 
   onError(err){
@@ -200,7 +198,7 @@ export const EventPageTemplate = class extends React.Component {
             <div className="column px-0 py-0 is-one-quarter is-full-mobile">
               <DocumentsComponent event={event}/>
               <AccessTracker/>
-              <AttendeesWidget user={user} event={event}/>
+              <AttendeesWidget user={user} event={event} summit={summit}/>
               <AdvertiseComponent section="event" column="right"/>
             </div>
           </div>

package/src/templates/lobby-page.js

@@ -121,7 +121,7 @@ export const LobbyPageTemplate = class extends React.Component {
             <div className="column is-one-quarter pb-6">
               <h2><b>My Info</b></h2>
               <AccessTracker/>
-              <AttendeesWidget user={user}/>
+              <AttendeesWidget user={user} summit={summit}/>
               <LiteScheduleComponent
                 id={`lobby_page_lite_schedule_${lastDataSync}`}
                 lastDataSync={lastDataSync}

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

@@ -56,7 +56,7 @@ const MainColumn = ({ widgets, summitPhase, isLoggedUser, onEventClick, lastData
             <DisqusComponent page="marketing-site" />
           </>
         )}
-        {image?.display && image?.image.src && (
+        {image?.display && image?.image?.src && (
           <>
             <h2><b>{image.title}</b></h2>
             <br/>

package/src/templates/poster-detail-page.js

@@ -244,7 +244,7 @@ export const PosterDetailPage = ({
             {poster.meeting_url && <PosterLiveSession poster={poster} ctaText={activityCtaText} />}
             <DocumentsComponent event={poster} />
             <AccessTracker />
-            <AttendeesWidget user={user} event={poster} />
+            <AttendeesWidget user={user} event={poster} summit={summit} />
             <AdvertiseComponent section="event" column="right" />
           </div>
         </div>

package/src/workers/sync_strategies/speaker_synch_strategy.js

@@ -52,12 +52,12 @@ class SpeakerSynchStrategy extends AbstractSynchStrategy{
             }
 
             // check presentations
-            if (entity && entity.hasOwnProperty('presentations')) {
-                for (const publishedEventId of entity.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 presentations activity ${publishedEventId} not found on data set`);
+                        console.log(`SpeakerSynchStrategy::process all_presentations activity ${publishedEventId} not found on data set`);
                         continue;
                     }
                     if (formerEntity && formerEntity.id !== publishedEventId) continue;
@@ -73,12 +73,12 @@ class SpeakerSynchStrategy extends AbstractSynchStrategy{
             }
 
             // check moderated presentations
-            if(entity && entity.hasOwnProperty('moderated_presentations')){
-                for (const publishedEventId of entity.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  moderated_presentations activity ${publishedEventId} not found on data set`);
+                        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
@@ -124,4 +124,4 @@ class SpeakerSynchStrategy extends AbstractSynchStrategy{
     }
 }
 
-export default SpeakerSynchStrategy;
+export default SpeakerSynchStrategy;