@openeventkit/event-site 2.0.87 → 2.0.89

package/env.template

@@ -31,4 +31,5 @@ GATSBY_SENTRY_RELEASE=
 GATSBY_METADATA_TITLE=
 GATSBY_METADATA_DESCRIPTION=
 GATSBY_CMS_BACKEND_REPO=
-GATSBY_CMS_BACKEND_BRANCH=
+GATSBY_CMS_BACKEND_BRANCH=
+GATSBY_SITE_URL=

package/gatsby-ssr.js

@@ -1,4 +1,3 @@
-import * as React from "react";
 import ReduxWrapper from "./src/state/ReduxWrapper";
 import { 
   HtmlAttributes,
@@ -31,6 +30,4 @@ global.window.matchMedia = () => ({
   addListener: () => {},
   removeListener: () => {}
 });
-global.window.window.requestAnimationFrame = () => {};
-global.window.window.cancelAnimationFrame = () => {};
 global.XMLHttpRequest = XMLHttpRequest;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@openeventkit/event-site",
   "description": "Event Site",
-  "version": "2.0.87",
+  "version": "2.0.89",
   "author": "Tipit LLC",
   "dependencies": {
     "@mui/base": "^5.0.0-alpha.114",
@@ -29,6 +29,7 @@
     "browser-tabs-lock": "^1.2.15",
     "buffer": "^6.0.3",
     "bulma": "^0.9.0",
+    "chain-function": "^1.0.1",
     "classnames": "^2.3.1",
     "clean-html": "^1.5.0",
     "codemirror": "^5.55.0",
@@ -87,6 +88,7 @@
     "react-bootstrap": "^0.33.1",
     "react-datetime": "^2.16.3",
     "react-dnd": "15.1.1",
+    "react-dnd-html5-backend": "^16.0.1",
     "react-dom": "^18.2.0",
     "react-final-form": "6.5.9",
     "react-i18next": "^11.16.9",
@@ -120,7 +122,7 @@
     "stream-browserify": "^3.0.0",
     "stream-chat": "^2.7.2",
     "stream-chat-react": "3.1.7",
-    "summit-registration-lite": "5.0.18",
+    "summit-registration-lite": "5.0.19",
     "superagent": "8.0.9",
     "sweetalert2": "^9.17.0",
     "upcoming-events-widget": "3.0.5",

package/src/actions/user-actions.js

@@ -50,6 +50,9 @@ export const UNCAST_PRESENTATION_VOTE_RESPONSE = 'UNCAST_PRESENTATION_VOTE_RESPO
 export const TOGGLE_PRESENTATION_VOTE = 'TOGGLE_PRESENTATION_VOTE';
 export const GET_EXTRA_QUESTIONS = 'GET_EXTRA_QUESTIONS';
 export const TICKET_OWNER_CHANGED = 'TICKET_OWNER_CHANGED';
+export const REQUEST_INVITATION = 'REQUEST_INVITATION';
+export const RECEIVE_INVITATION = 'RECEIVE_INVITATION';
+export const REJECT_INVITATION = 'REJECT_INVITATION';
 
 // shortName is the unique identifier assigned to a Disqus site.
 export const getDisqusSSO = (shortName) => async (dispatch, getState) => {
@@ -436,7 +439,7 @@ export const updatePassword = (password) => async (dispatch) => {
 
 export const saveAttendeeQuestions = (values, ticketId = null) => async (dispatch, getState) => {
 
-  const { userState: { userProfile: { summit_tickets } } } = getState();  
+  const { userState: { userProfile: { summit_tickets } } } = getState();
 
   const normalizedEntity = {...values};
 
@@ -453,7 +456,7 @@ export const saveAttendeeQuestions = (values, ticketId = null) => async (dispatc
   } catch (e) {
     console.log('getAccessToken error: ', e);
     return Promise.reject();
-  }  
+  }
 
   let params = {
     access_token: accessToken,
@@ -529,10 +532,11 @@ export const setUserOrder = (order) => (dispatch) => Promise.resolve().then(() =
 export const checkOrderData = (order) => (dispatch, getState) => {
   if (!order) return;
 
-  const { userState: { idpProfile: { company, given_name, family_name } } } = getState();
-  const { owner_company, owner_first_name, owner_last_name } = order || {};
+  const { userState: { idpProfile: { company, given_name, family_name, email } } } = getState();
+  const { owner_company, owner_first_name, owner_last_name, owner_email } = order || {};
 
-  if (owner_company !== company || owner_first_name !== given_name || owner_last_name !== family_name) {
+  // only change data if I am the order owner
+  if (owner_email === email  && (owner_company !== company || owner_first_name !== given_name || owner_last_name !== family_name)) {
     const newProfile = {
       first_name: owner_first_name,
       last_name: owner_last_name,
@@ -577,3 +581,44 @@ export const doVirtualCheckIn = (attendee) => async (dispatch, getState) => {
     return e;
   });
 };
+
+
+/**
+ * Get invitation by token to allow reject
+ * @param token
+ * @returns {function(*=, *): *}
+ */
+export const getInvitation = (token) => async (dispatch) => {
+  dispatch(startLoading());
+
+  return getRequest(
+    createAction(REQUEST_INVITATION),
+    createAction(RECEIVE_INVITATION),
+    `${window.API_BASE_URL}/api/public/v1/summits/${window.SUMMIT_ID}/registration-invitations/${token}`,
+    customErrorHandler
+  )({})(dispatch)
+    .finally(() => dispatch(stopLoading()));
+}
+
+/**
+ * Reject invitation by token
+ * @param token
+ * @returns {function(*=, *): *}
+ */
+export const rejectInvitation = (token) => async (dispatch) => {
+  dispatch(startLoading());
+
+  return deleteRequest(
+    null,
+    createAction(REJECT_INVITATION),
+    `${window.API_BASE_URL}/api/public/v1/summits/${window.SUMMIT_ID}/registration-invitations/${token}/reject`,
+    {},
+    customErrorHandler
+  )({})(dispatch)
+    .then(() => {
+      //redirect ?
+    })
+    .finally(() => dispatch(stopLoading()));
+}
+
+

package/src/cms/config/collections/defaultPagesCollection/index.js

@@ -5,6 +5,7 @@ import {
 import marketingPage from "./marketingPage";
 import lobbyPage from "./lobbyPage";
 import expoHallPage from "./expoHallPage";
+import invitationsRejectPage from "./invitationsRejectPage";
 
 const defaultPagesCollection = {
   ...collectionDefaults({
@@ -14,7 +15,8 @@ const defaultPagesCollection = {
   files: [
     marketingPage,
     lobbyPage,
-    expoHallPage
+    expoHallPage,
+    invitationsRejectPage
   ]
 };
 

package/src/cms/config/collections/defaultPagesCollection/invitationsRejectPage/index.js

@@ -0,0 +1,45 @@
+import {stringField} from "../../../fields";
+
+import {
+  INVITATIONS_REJECT_PAGE_FILE_PATH
+} from "@utils/filePath";
+
+const invitationsRejectPage = {
+  label: "Invitations Reject Page",
+  name: "invitations-reject-page",
+  file: INVITATIONS_REJECT_PAGE_FILE_PATH,
+  fields: [
+    stringField({
+      label: "Title",
+      name: "title",
+      default: "Reject Invitation"
+    }),
+    stringField({
+      label: "Not found text",
+      name: "notFoundText",
+      required: false,
+      default: "Invitation not found."
+    }),
+    stringField({
+      label: "Rejected text",
+      name: "rejectedText",
+      required: false,
+      default: "Invitation has already been rejected."
+    }),
+    stringField({
+      label: "Reject text",
+      name: "rejectText",
+      required: false,
+      default: "To reject please click on the button below."
+    }),
+    stringField({
+      label: "Reject CTA label",
+      name: "rejectCTALabel",
+      required: false,
+      default: "Reject Invitation"
+    }),
+  ]
+};
+
+export default invitationsRejectPage;
+  

package/src/cms/config/collections/defaultPagesCollection/invitationsRejectPage/typeDefs.js

@@ -0,0 +1,10 @@
+
+module.exports = `
+  type InvitationsRejectPageJson implements Node {
+    title: String
+    notFoundText: String
+    rejectedText: String
+    rejectText: String
+    rejectCTALabel: String
+  }
+`;

package/src/cms/config/collections/defaultPagesCollection/typeDefs.js

@@ -1,9 +1,11 @@
 const marketingPageTypeDefs = require("./marketingPage/typeDefs");
 const lobbyPageTypeDefs = require("./lobbyPage/typeDefs");
 const expoHallPageTypeDefs = require("./expoHallPage/typeDefs");
+const invitationsRejectPageTypeDefs = require("./invitationsRejectPage/typeDefs");
 
 module.exports = [
   marketingPageTypeDefs,
   lobbyPageTypeDefs,
-  expoHallPageTypeDefs
+  expoHallPageTypeDefs,
+  invitationsRejectPageTypeDefs
 ].join("");

package/src/components/AuthComponent.js

@@ -138,7 +138,7 @@ const AuthComponent = ({
         allowsNativeAuth: allowsNativeAuth,
         allowsOtpAuth: allowsOtpAuth,
         initialEmailValue: initialEmailValue,
-        title: 'Enter your email address to login with a one time code',
+        title: 'Sign in using the email associated with your account:',
         summitData: summit
     };
 

package/src/components/Seo.js

@@ -1,29 +1,34 @@
 import * as React from "react";
 import PropTypes from "prop-types";
+import useSiteMetadata from "@utils/useSiteMetadata";
 import useSiteSettings from "@utils/useSiteSettings";
-import { Helmet } from "react-helmet";
 import { getSrc } from "gatsby-plugin-image";
-import { getUrl } from "@utils/urlFormating";
+import { buildUrl } from "@utils/urlFormating";
+import { getEnvVariable, SITE_URL } from "@utils/envVariables";
 
 const Seo = ({ title, description, location, children }) => {
   const {
-    siteMetadata: {
-      title: siteTitle,
-      description: defaultDescription,
-      image
-    }
-  } = useSiteSettings();
-  const host = typeof window !== "undefined" ? window.location.host : null;
-  const scheme = typeof window !== "undefined" ? window.location.protocol.replace(":", "") : "https";
+    title: siteTitle,
+    description: defaultDescription
+  } = useSiteMetadata();
+
+  const siteSettings = useSiteSettings();
+  const image = siteSettings.siteMetadata?.image
+
+  const siteUrl = getEnvVariable(SITE_URL);
+  const siteUrlInfo = siteUrl ? new URL(siteUrl) : null;
+  const scheme = siteUrlInfo ? siteUrlInfo.protocol.replace(":", "") : "https";
+  const host = siteUrlInfo ? siteUrlInfo.host : null;
   const { pathname } = location;
+
   const seo = {
     title: title ? `${siteTitle} - ${title}` : siteTitle,
     description: description || defaultDescription,
-    url: getUrl(scheme, host, pathname),
-    image: host && image ? getUrl(scheme, host, getSrc(image)) : null,
+    url: buildUrl(scheme, host, pathname),
+    image: host && image ? buildUrl(scheme, host, getSrc(image)) : null,
   };
   return (
-    <Helmet>
+    <>
       {seo.title && <title>{seo.title}</title>}
       {seo.description && <meta name="description" content={seo.description} />}
       {seo.url && <meta property="og:url" content={seo.url} />}
@@ -38,7 +43,7 @@ const Seo = ({ title, description, location, children }) => {
       {seo.description && <meta name="twitter:description" content={seo.description} />}
       {seo.image && <meta name="twitter:image" content={seo.image} />}
       {children}
-    </Helmet>
+    </>
   );
 };
 

package/src/content/invitations-reject-page/index.json

@@ -0,0 +1,7 @@
+{
+  "title": "Invitation rejection",
+  "notFoundText": "Invitation not found.",
+  "rejectedText": "You have rejected your invitation. ",
+  "rejectText": "Be certain.  This is your last chance to purchase this ticket...",
+  "rejectCTALabel": "Reject"
+}

package/src/pages/a/[...].js

@@ -4,6 +4,7 @@ import { connect } from "react-redux";
 import EventPage from "../../templates/event-page";
 import PostersPage from "../../templates/posters-page";
 import SchedulePage from "../../templates/schedule-page";
+import InvitationsRejectPage from "../../templates/invitations-reject-page";
 import SponsorPage from "../../templates/sponsor-page";
 import ExpoHallPage from "../../templates/expo-hall-page";
 import FullProfilePage from "../../templates/full-profile-page";
@@ -19,8 +20,21 @@ import withFeedsWorker from "../../utils/withFeedsWorker";
 import Seo from "../../components/Seo";
 import Link from "../../components/Link";
 import { titleFromPathname } from "../../utils/urlFormating";
+import {graphql} from "gatsby";
 
-const App = ({ isLoggedUser, user, summitPhase, allowClick = true }) => {
+export const appQuery = graphql`
+  query {
+    invitationsRejectPageJson {
+      title
+      notFoundText
+      rejectedText
+      rejectText
+      rejectCTALabel
+    }
+  }
+`;
+
+const App = ({ isLoggedUser, user, summitPhase, allowClick = true, data }) => {
   return (
     <Location>
       {({ location }) => (
@@ -34,6 +48,7 @@ const App = ({ isLoggedUser, user, summitPhase, allowClick = true }) => {
             }}
             allowClick={allowClick}
           />
+          <InvitationsRejectPage path="/invitations/reject/:invitationToken" location={location} data={data} />
           <WithAuthRoute path="/" isLoggedIn={isLoggedUser} location={location}>
             <MyTicketsPage path="/my-tickets" isLoggedIn={isLoggedUser} user={user} location={location} />
             <FullProfilePage path="/profile" summitPhase={summitPhase} isLoggedIn={isLoggedUser} user={user} location={location} />

package/src/reducers/index.js

@@ -0,0 +1,25 @@
+import { loggedUserReducer } from "openstack-uicore-foundation/lib/security/reducers";
+import settingReducer from "./setting-reducer";
+import userReducer from "./user-reducer";
+import clockReducer from "./clock-reducer";
+import summitReducer from "./summit-reducer";
+import allSchedulesReducer from "./all-schedules-reducer";
+import presentationsReducer from "./presentations-reducer";
+import eventReducer from "./event-reducer";
+import speakerReducer from "./speaker-reducer";
+import sponsorReducer from "./sponsor-reducer";
+import extraQuestionsReducer from "./extra-questions-reducer";
+
+export {
+  loggedUserReducer,
+  settingReducer,
+  userReducer,
+  clockReducer,
+  summitReducer,
+  allSchedulesReducer,
+  presentationsReducer,
+  eventReducer,
+  speakerReducer,
+  sponsorReducer,
+  extraQuestionsReducer,
+};

package/src/reducers/schedule-reducer.js

@@ -18,6 +18,7 @@ const INITIAL_STATE = {
     colorSource: 'track',
     is_my_schedule: false,
     only_events_with_attendee_access: false,
+    hide_past_events_with_show_always_on_schedule: false,
 };
 
 const scheduleReducer = (state = INITIAL_STATE, action) => {
@@ -41,6 +42,7 @@ const scheduleReducer = (state = INITIAL_STATE, action) => {
                 filters,
                 baseFilters,
                 only_events_with_attendee_access,
+                hide_past_events_with_show_always_on_schedule,
                 is_my_schedule,
                 userProfile,
                 isLoggedUser
@@ -48,15 +50,25 @@ const scheduleReducer = (state = INITIAL_STATE, action) => {
 
             const filterByAccessLevel = only_events_with_attendee_access && isLoggedUser;
             const filterByMySchedule = is_my_schedule && isLoggedUser;
-            const allFilteredEvents = preFilterEvents(all_events, pre_filters, summitTimeZoneId, userProfile, filterByAccessLevel, filterByMySchedule);
+            const allFilteredEvents = preFilterEvents(all_events, pre_filters, summitTimeZoneId, userProfile, filterByAccessLevel, filterByMySchedule, hide_past_events_with_show_always_on_schedule);
             const newFilters = syncFilters(filters, state.filters);
-            const events = getFilteredEvents(allFilteredEvents, newFilters, summitTimeZoneId);
+            const events = getFilteredEvents(allFilteredEvents, newFilters, summitTimeZoneId, hide_past_events_with_show_always_on_schedule);
 
-            return {...state, allEvents: allFilteredEvents, baseFilters, filters: newFilters, colorSource: color_source.toLowerCase(), events, is_my_schedule, only_events_with_attendee_access};
+            return {
+                ...state,
+                allEvents: allFilteredEvents,
+                baseFilters,
+                filters: newFilters,
+                colorSource: color_source.toLowerCase(),
+                events,
+                is_my_schedule,
+                only_events_with_attendee_access,
+                hide_past_events_with_show_always_on_schedule
+            };
         }
         case `SCHED_UPDATE_FILTER`: {
            
-            const { type : filterType, values } = payload;
+            const { type : filterType, values, hide_past_events_with_show_always_on_schedule } = payload;
             const { filters, allEvents } = state;
             // update the filters with new values
             const newFilters = {
@@ -70,24 +82,24 @@ const scheduleReducer = (state = INITIAL_STATE, action) => {
             return {...state,
                 filters : newFilters ,
                 // refilter events
-                events: getFilteredEvents(allEvents, newFilters, summitTimeZoneId)}
+                events: getFilteredEvents(allEvents, newFilters, summitTimeZoneId, hide_past_events_with_show_always_on_schedule)}
         }
         case `SCHED_UPDATE_FILTERS`: {
             const {filters, view} = payload;
-            const {allEvents} = state;
+            const {allEvents, hide_past_events_with_show_always_on_schedule} = state;
             
             // update events
-            const events = getFilteredEvents(allEvents, filters, summitTimeZoneId);
+            const events = getFilteredEvents(allEvents, filters, summitTimeZoneId, hide_past_events_with_show_always_on_schedule);
 
             return {...state, filters, events, view}
         }
         case `SCHED_CLEAR_FILTERS`: {
-            const { allEvents, baseFilters } = state;
+            const { allEvents, baseFilters, hide_past_events_with_show_always_on_schedule } = state;
             
             return {...state,
                 filters : baseFilters ,
                 // refilter events
-                events: getFilteredEvents(allEvents, baseFilters, summitTimeZoneId)}
+                events: getFilteredEvents(allEvents, baseFilters, summitTimeZoneId, hide_past_events_with_show_always_on_schedule)}
         }
         case `SCHED_CHANGE_VIEW`: {
             const {view} = payload;
@@ -99,20 +111,20 @@ const scheduleReducer = (state = INITIAL_STATE, action) => {
         }
         case `SCHED_ADD_TO_SCHEDULE`: {
             const event = payload;
-            const {allEvents, filters} = state;
+            const {allEvents, filters, hide_past_events_with_show_always_on_schedule} = state;
 
             allEvents.push(event);
-            const events = getFilteredEvents(allEvents, filters, summitTimeZoneId);
+            const events = getFilteredEvents(allEvents, filters, summitTimeZoneId, hide_past_events_with_show_always_on_schedule);
 
             return {...state, allEvents, events};
 
         }
         case `SCHED_REMOVE_FROM_SCHEDULE`: {
             const event = payload;
-            const {allEvents: allEventsCurrent, filters} = state;
+            const {allEvents: allEventsCurrent, filters, hide_past_events_with_show_always_on_schedule} = state;
 
             const allEvents = allEventsCurrent.filter(ev => ev.id !== event.id);
-            const events = getFilteredEvents(allEvents, filters, summitTimeZoneId);
+            const events = getFilteredEvents(allEvents, filters, summitTimeZoneId, hide_past_events_with_show_always_on_schedule);
 
             return {...state, allEvents, events};
 

package/src/reducers/user-reducer.js

@@ -16,7 +16,10 @@ import {
   CAST_PRESENTATION_VOTE_RESPONSE,
   UNCAST_PRESENTATION_VOTE_RESPONSE,
   TOGGLE_PRESENTATION_VOTE,
-  TICKET_OWNER_CHANGED
+  TICKET_OWNER_CHANGED,
+  RECEIVE_INVITATION,
+  REQUEST_INVITATION,
+  REJECT_INVITATION
 } from '../actions/user-actions';
 import { RESET_STATE } from '../actions/base-actions-definitions';
 import { isAuthorizedUser } from '../utils/authorizedGroups';
@@ -29,7 +32,8 @@ const DEFAULT_STATE = {
   idpProfile: null,
   isAuthorized: false,
   hasTicket: false,
-  attendee: null
+  attendee: null,
+  invitation: null,
 }
 
 const userReducer = (state = DEFAULT_STATE, action) => {
@@ -107,6 +111,15 @@ const userReducer = (state = DEFAULT_STATE, action) => {
         }
       };
     }
+    case REQUEST_INVITATION: {
+      return {...state, invitation: null};
+    }
+    case RECEIVE_INVITATION: {
+      return {...state, invitation: payload.response}
+    }
+    case REJECT_INVITATION: {
+      return {...state, invitation: {...state.invitation, status: 'Rejected'}}
+    }
     default:
       return state;
   }

package/src/routes/WithAuthRoute.js

@@ -1,31 +1,21 @@
-import React from "react";
-import {connect} from "react-redux";
-import {navigate} from "gatsby";
+import * as React from "react";
+import { navigate } from "gatsby";
 
 /**
- *
- * @param isLoggedIn
- * @param location
- * @param children
- * @returns {null|*}
- * @constructor
+ * @param {boolean} isLoggedIn - Indicates whether the user is logged in.
+ * @param {object} location - The location object from React Router.
+ * @param {ReactNode} children - The children components to be rendered.
+ * @returns {ReactNode|null} - Returns children if isLoggedIn is true, otherwise redirects to login.
  */
-const WithAuthRoute = ({
-
-                           isLoggedIn,
-                           location,
-                           children
-                       }) => {
-
+const WithAuthRoute = ({ isLoggedIn, location, children }) => {
+  React.useEffect(() => {
     if (!isLoggedIn) {
-        // reject it and redirect with current location to login
-        navigate("/#login=1", {state: {backUrl: `${location.pathname}`,},});
-        return null;
+      // Use navigate with state to redirect and add data to navigation state
+      navigate("/#login=1", { state: { backUrl: `${location.pathname}` } });
     }
+  }, [isLoggedIn, location.pathname]);
 
-    return children;
+  return isLoggedIn ? children : null;
 };
 
-const mapStateToProps = ({}) => ({});
-
-export default connect(mapStateToProps, {})(WithAuthRoute);
+export default WithAuthRoute;

package/src/state/ReduxWrapper.js

@@ -1,23 +1,24 @@
-import React  from "react";
+import * as React from "react";
 import { Provider } from "react-redux";
 import { PersistGate } from "redux-persist/integration/react";
-import store, { persistor } from "./store";
-
+import { store, persistor } from "./store";
 import { RESET_STATE } from "../actions/base-actions-definitions";
 
 const onBeforeLift = () => {
-    const params = new URLSearchParams(window.location.search);
-    const flush = params.has("flushState");
+  const params = new URLSearchParams(window.location.search);
+  const flush = params.has("flushState");
 
-    if (flush) {
-        store.dispatch({ type: RESET_STATE, payload: null });
-    }
+  if (flush) {
+    store.dispatch({ type: RESET_STATE, payload: null });
+  }
 };
 
-export default ({ element }) => (
-    <Provider store={store}>
-        <PersistGate onBeforeLift={onBeforeLift} persistor={persistor}>
-            {element}
-        </PersistGate>
-    </Provider>
+const ReduxWrapper = ({ element }) => (
+  <Provider store={store}>
+    <PersistGate onBeforeLift={onBeforeLift} persistor={persistor}>
+      {() => element}
+    </PersistGate>
+  </Provider>
 );
+
+export default ReduxWrapper;

package/src/state/store.js

@@ -1,68 +1,62 @@
 import { applyMiddleware, compose, createStore } from "redux";
 import { persistCombineReducers, persistStore } from "redux-persist";
+import storage from "redux-persist/lib/storage";
 import thunk from "redux-thunk";
-import storage from "./reduxPersistStorage";
 
-import { loggedUserReducer } from "openstack-uicore-foundation/lib/security/reducers";
-import settingReducer from "../reducers/setting-reducer";
-import userReducer from "../reducers/user-reducer";
-import clockReducer from "../reducers/clock-reducer";
-import summitReducer from "../reducers/summit-reducer";
-import allSchedulesReducer from "../reducers/all-schedules-reducer";
-import presentationsReducer from "../reducers/presentations-reducer";
-import eventReducer from "../reducers/event-reducer";
-import speakerReducer from "../reducers/speaker-reducer";
-import sponsorReducer from "../reducers/sponsor-reducer";
-import extraQuestionReducer from "../reducers/extra-questions-reducer";
+import * as reducers from "../reducers";
 
-// get from process.env bc window is not set yet
+// Get from process.env because window is not set yet
 const clientId = process.env.GATSBY_OAUTH2_CLIENT_ID;
 const summitID = process.env.GATSBY_SUMMIT_ID;
 
 const config = {
   key: `root_${clientId}_${summitID}`,
-  storage: storage,
+  storage,
   blacklist: [
     // this will be not saved to persistent storage see
     // https://github.com/rt2zz/redux-persist#blacklist--whitelist
-    'summitState',
-    'allSchedulesState',
-    'presentationsState',
-    'eventState',
-    'speakerState',
-    'sponsorState',
-  ]
+    "summitState",
+    "allSchedulesState",
+    "presentationsState",
+    "eventState",
+    "speakerState",
+    "sponsorState",
+  ],
 };
 
-const persistedReducers = persistCombineReducers(config, {
-  loggedUserState: loggedUserReducer,
-  settingState: settingReducer,
-  userState: userReducer,
-  allSchedulesState: allSchedulesReducer,
-  clockState: clockReducer,
-  eventState: eventReducer,
-  presentationsState: presentationsReducer,
-  summitState: summitReducer,
-  speakerState: speakerReducer,
-  sponsorState: sponsorReducer,
-  extraQuestionState: extraQuestionReducer
-});
+const states = {
+  loggedUserState: reducers.loggedUserReducer,
+  settingState: reducers.settingReducer,
+  userState: reducers.userReducer,
+  clockState: reducers.clockReducer,
+  summitState: reducers.summitReducer,
+  allSchedulesState: reducers.allSchedulesReducer,
+  presentationsState: reducers.presentationsReducer,
+  eventState: reducers.eventReducer,
+  speakerState: reducers.speakerReducer,
+  sponsorState: reducers.sponsorReducer,
+  extraQuestionsReducer: reducers.extraQuestionsReducer
+};
 
-function appendLoggedUser({ getState }) {
-  return next => action => {
-    const { userState: { userProfile } } = getState();
-    // Call the next dispatch method in the middleware chain.
-    action.userProfile = userProfile;
-    return next(action);
-  }
-}
+const appendLoggedUser = ({ getState }) => (next) => (action) => {
+  const { userState: { userProfile } } = getState();
+  action.userProfile = userProfile;
+  return next(action);
+};
 
-const composeEnhancers = typeof window === 'object' && window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ ? window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ : compose;
+const composeEnhancers = typeof window === "object" && window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__
+    ? window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__
+    : compose;
 
-const store = createStore(persistedReducers, composeEnhancers(applyMiddleware(appendLoggedUser, thunk)));
+const enhancer = composeEnhancers(applyMiddleware(appendLoggedUser, thunk));
 
-const onRehydrateComplete = () => {};
+// Create store with persistor
+export const { store, persistor } = (() => {
+  const persistedReducers = persistCombineReducers(config, states);
 
-export const persistor = persistStore(store, null, onRehydrateComplete);
+  const store = createStore(persistedReducers, enhancer);
+  const onRehydrateComplete = () => {};
+  const persistor = persistStore(store, null, onRehydrateComplete);
 
-export default store;
+  return { store, persistor };
+})();

package/src/styles/invitation-reject.module.scss

@@ -0,0 +1,24 @@
+@import "colors.scss";
+
+.container {
+  position: inherit;
+
+  .wrapper {
+    display: flex;
+    flex-direction: column;
+    max-width: 800px;
+    margin: 0 auto;
+
+    h1 {
+      margin-top: 40px;
+    }
+
+    div {
+      margin-top: 10px;
+    }
+
+    button {
+      margin-top: 40px;
+    }
+  }
+}

package/src/templates/expo-hall-page.js

@@ -13,6 +13,7 @@ const ExpoHallPage = ({
 }) => {
   const { expoHallPageJson: { hero } } = data;
   const style = hero?.background ? { backgroundImage: `url(${getSrc(hero.background.src)})` } : {};
+
   return (
     <Layout location={location}>
       <AttendanceTrackerComponent />

package/src/templates/invitations-reject-page.js

@@ -0,0 +1,106 @@
+import React, {useEffect, useState, useCallback, useRef} from "react";
+import PropTypes from "prop-types";
+import {connect} from "react-redux";
+import Layout from "../components/Layout";
+import AttendanceTrackerComponent from "../components/AttendanceTrackerComponent";
+import AccessTracker from "../components/AttendeeToAttendeeWidgetComponent";
+import {getInvitation, rejectInvitation} from "../actions/user-actions";
+
+import styles from "../styles/invitation-reject.module.scss";
+
+const InvitationsRejectPage = ({data, location, invitationToken, invitation, loading, ...props}) => {
+  const [loaded, setLoaded] = useState(false);
+  const [rejecting, setRejecting] = useState(false);
+  const {invitationsRejectPageJson: {title, notFoundText, rejectedText, rejectText, rejectCTALabel}} = data;
+  const titleStr = title || "Reject invitation"
+  const rejectStr = rejectText || "To reject please click on the button below."
+  const rejectCTA = rejectCTALabel || "Reject"
+  const notFoundStr = notFoundText || "Invitation not found."
+  const rejectedStr = rejectedText || "Invitation has already been rejected."
+
+  useEffect(() => {
+    setLoaded(false);
+    if (invitationToken) {
+      props.getInvitation(invitationToken)
+        .finally(() => {
+          setLoaded(true)
+        });
+    }
+  }, []);
+
+  const rejectInvitation = () => {
+    setRejecting(true);
+    props.rejectInvitation(invitationToken)
+      .finally(() => {
+        setRejecting(false);
+      });
+  }
+
+  const getMessage = () => {
+    if (!invitationToken) {
+      return (
+        <>
+          <div>Missing token.</div>
+        </>
+      );
+    }
+    else if (loaded) {
+      if (!invitation) {
+        return (
+          <>
+            <div>{notFoundStr}</div>
+          </>
+        );
+      } else {
+        if (invitation.status === 'Rejected') {
+          return (
+            <>
+              <div>{rejectedStr}</div>
+            </>
+          )
+        } else {
+          return (
+            <>
+              <div>{rejectStr}</div>
+              <button className="button is-large" onClick={rejectInvitation} disabled={rejecting}>
+                {rejectCTA}
+              </button>
+            </>
+          )
+        }
+
+      }
+    } else {
+      return null;
+    }
+  }
+
+
+  return (
+    <Layout location={location}>
+      <div className={`container ${styles.container}`}>
+        <div className={styles.wrapper}>
+          <h1>{titleStr}</h1>
+          {getMessage()}
+        </div>
+      </div>
+      <AttendanceTrackerComponent/>
+      <AccessTracker/>
+    </Layout>
+  );
+};
+
+InvitationsRejectPage.propTypes = {
+  invitationToken: PropTypes.string.isRequired
+};
+
+const mapStateToProps = ({userState, globalState}) => ({
+  invitation: userState.invitation,
+  loading: globalState?.loading
+});
+
+export default connect(
+  mapStateToProps, {
+    getInvitation,
+    rejectInvitation
+  })(InvitationsRejectPage);

package/src/templates/ticket-error-page.js

@@ -1,16 +1,17 @@
-import React from 'react'
-import {connect} from "react-redux";
-import PropTypes from 'prop-types'
-import {navigate} from 'gatsby'
-import {getEnvVariable, REGISTRATION_BASE_URL} from '../utils/envVariables'
-import HeroComponent from '../components/HeroComponent'
+import * as React from "react";
+import { connect } from "react-redux";
+import PropTypes from "prop-types";
+import { Redirect } from "@gatsbyjs/reach-router";
+import { getEnvVariable, REGISTRATION_BASE_URL } from "../utils/envVariables";
+import HeroComponent from "../components/HeroComponent";
+import { navigate } from "gatsby";
 
 export const TicketErrorPageTemplate = class extends React.Component {
 
     constructor(props) {
         super(props);
 
-        const {location} = this.props;
+        const { location } = this.props;
 
         this.state = {
             error: location.state?.error
@@ -18,21 +19,21 @@ export const TicketErrorPageTemplate = class extends React.Component {
     }
 
     redirect() {
-        const {error} = this.state;
+        const { error } = this.state;
 
         if (getEnvVariable(REGISTRATION_BASE_URL)) {
 
             let targetUrl = null;
 
             switch (error) {
-                case 'no-virtual-access':
-                    targetUrl = `/`;
+                case "no-virtual-access":
+                    targetUrl = "/";
                     break
-                case 'no-ticket':
-                    targetUrl = `/#registration=1`;
+                case "no-ticket":
+                    targetUrl = "/#registration=1";
                     break;
-                case 'incomplete':
-                    targetUrl = `/a/extra-questions`;
+                case "incomplete":
+                    targetUrl = "/a/extra-questions";
                     break;
                 default:
                     break;
@@ -46,25 +47,23 @@ export const TicketErrorPageTemplate = class extends React.Component {
             return;
         }
 
-        setTimeout(() => {
-            navigate('/')
-        }, 5000);
+        setTimeout(() => navigate("/"), 5000);
     }
 
     getErrorMessage() {
-        const {error} = this.state;
+        const { error } = this.state;
 
-        let message = '';
+        let message = "";
 
         switch (error) {
-            case 'no-virtual-access':
-                message = 'I’m sorry your badge does not allow access to this section.';
+            case "no-virtual-access":
+                message = "I’m sorry your badge does not allow access to this section.";
                 break;
-            case 'no-ticket':
-                message = 'I’m sorry you are not registered for this event.';
+            case "no-ticket":
+                message = "I’m sorry you are not registered for this event.";
                 break;
-            case 'incomplete':
-                message = 'You have not answered questions required to join the event.';
+            case "incomplete":
+                message = "You have not answered questions required to join the event.";
                 break;
             default:
                 break;
@@ -74,11 +73,13 @@ export const TicketErrorPageTemplate = class extends React.Component {
     }
 
     getRedirectMessage() {
-        const {error} = this.state;
-        let message = '';
+        const { error } = this.state;
+
+        let message = "";
+
         switch (error) {
-            case 'no-ticket':
-                message = getEnvVariable(REGISTRATION_BASE_URL) ? 'You will be redirected to registration.' : '';
+            case "no-ticket":
+                message = getEnvVariable(REGISTRATION_BASE_URL) ? "You will be redirected to registration." : "";
                 break;
             default:
                 break;
@@ -88,7 +89,7 @@ export const TicketErrorPageTemplate = class extends React.Component {
     }
 
     render() {
-        const {error} = this.state;
+        const { error } = this.state;
 
         if (error) {
             this.redirect();
@@ -100,8 +101,7 @@ export const TicketErrorPageTemplate = class extends React.Component {
             )
         }
 
-        navigate('/');
-        return null
+        return <Redirect to={"/"} noThrow />;
     }
 };
 
@@ -109,23 +109,19 @@ TicketErrorPageTemplate.propTypes = {
     location: PropTypes.object,
 };
 
-const TicketErrorPage = ({location, summit}) => {
-
-    return (
-        <TicketErrorPageTemplate
-            location={location}
-            summit={summit}
-        />
-    )
-
-};
+const TicketErrorPage = ({ location, summit }) => (
+    <TicketErrorPageTemplate
+        location={location}
+        summit={summit}
+    />
+);
 
 TicketErrorPage.propTypes = {
     location: PropTypes.object,
 };
 
-const mapStateToProps = ({summitState}) => ({
+const mapStateToProps = ({ summitState }) => ({
     summit: summitState.summit,
 });
 
-export default connect(mapStateToProps, {})(TicketErrorPage);
+export default connect(mapStateToProps, null)(TicketErrorPage);

package/src/utils/envVariables.js

@@ -1,3 +1,4 @@
+export const SITE_URL = 'SITE_URL';
 export const IDP_BASE_URL = 'IDP_BASE_URL';
 export const SUMMIT_API_BASE_URL = 'SUMMIT_API_BASE_URL';
 export const SUMMIT_ID = 'SUMMIT_ID';
@@ -26,6 +27,15 @@ export const TIMEINTERVALSINCE1970_API_URL = 'TIMEINTERVALSINCE1970_API_URL';
 export const ABLY_API_KEY = 'ABLY_API_KEY';
 
 const processEnv = {
+    /**
+     * Retrieve the site URL from environment variable set by the deploy provider.
+     * See documentation for more details:
+     * - Netlify: {@link https://docs.netlify.com/configure-builds/environment-variables/#deploy-urls-and-metadata}
+     * - Cloudflare Pages: {@link https://developers.cloudflare.com/pages/platform/build-configuration#environment-variables}
+     *
+     * If not available, fallback to user-defined GATSBY_SITE_URL env var.
+     */
+    SITE_URL: process.env.GATSBY_URL || process.env.GATSBY_CF_PAGES_URL || process.env.GATSBY_SITE_URL,
     IDP_BASE_URL: process.env.GATSBY_IDP_BASE_URL,
     SUMMIT_API_BASE_URL: process.env.GATSBY_SUMMIT_API_BASE_URL,
     API_BASE_URL: process.env.GATSBY_SUMMIT_API_BASE_URL,
@@ -62,6 +72,7 @@ export const getEnvVariable = (name) => {
 }
 
 if (typeof window === 'object') {
+    window.SITE_URL = processEnv[SITE_URL];
     window.OAUTH2_FLOW = processEnv[OAUTH2_FLOW];
     window.OAUTH2_CLIENT_ID = processEnv[OAUTH2_CLIENT_ID];
     window.SCOPES = processEnv[SCOPES];

package/src/utils/filePath.js

@@ -35,6 +35,7 @@ const POSTERS_PAGES_FILE_PATH = `${STATIC_CONTENT_DIR_PATH}/posters-pages.json`;
 const MARKETING_SETTINGS_FILE_PATH = `${DATA_DIR_PATH}/marketing-settings.json`;
 const MAINTENANCE_FILE_PATH = `${STATIC_CONTENT_DIR_PATH}/maintenance.json`;
 const EXPO_HALL_PAGE_FILE_PATH = `${STATIC_CONTENT_DIR_PATH}/expo-hall-page/index.json`;
+const INVITATIONS_REJECT_PAGE_FILE_PATH = `${STATIC_CONTENT_DIR_PATH}/invitations-reject-page/index.json`;
 const SPONSORS_FILE_NAME = "sponsors.json";
 const SPONSORS_FILE_PATH = `${STATIC_CONTENT_DIR_PATH}/${SPONSORS_FILE_NAME}`;
 const CMS_FONT_FILE_PATH = "/static/fonts/"
@@ -50,6 +51,7 @@ exports.REQUIRED_DIR_PATHS = [
 	SITE_SETTINGS_DIR_PATH,
 	MARKETING_PAGE_DIR_PATH,
 	LOBBY_PAGE_DIR_PATH,
+	INVITATIONS_REJECT_PAGE_FILE_PATH,
 	NAVBAR_DIR_PATH,
 	FOOTER_DIR_PATH	
 ];
@@ -83,6 +85,7 @@ exports.POSTERS_PAGES_FILE_PATH = POSTERS_PAGES_FILE_PATH;
 exports.MARKETING_SETTINGS_FILE_PATH = MARKETING_SETTINGS_FILE_PATH;
 exports.MAINTENANCE_FILE_PATH = MAINTENANCE_FILE_PATH;
 exports.EXPO_HALL_PAGE_FILE_PATH = EXPO_HALL_PAGE_FILE_PATH;
+exports.INVITATIONS_REJECT_PAGE_FILE_PATH = INVITATIONS_REJECT_PAGE_FILE_PATH;
 exports.SPONSORS_FILE_PATH = SPONSORS_FILE_PATH;
 exports.CMS_FONT_FILE_PATH = CMS_FONT_FILE_PATH;
 exports.PAYMENTS_FILE_PATH = PAYMENTS_FILE_PATH;

package/src/utils/loginUtils.js

@@ -7,13 +7,13 @@ export const getDefaultLocation = (eventRedirect, hasVirtualAccess = false) => {
 
 export const formatThirdPartyProviders = (providersArray) => {
     const providers = [
-        { button_color: '#082238', provider_label: 'Continue with FNid', provider_param: '', provider_logo: '../img/logo_fn.svg', provider_logo_size: 35 },
+        { button_color: '#082238', provider_label: 'Sign in with FNid', provider_param: '', provider_logo: '../img/logo_fn.svg', provider_logo_size: 35 },
     ];
 
     const thirdPartyProviders = [
-        { button_color: '#1877F2', provider_label: 'Continue with Facebook', provider_param: 'facebook', provider_logo: '../img/third-party-idp/logo_facebook.svg', provider_logo_size: 22 },
+        { button_color: '#1877F2', provider_label: 'Login with Facebook', provider_param: 'facebook', provider_logo: '../img/third-party-idp/logo_facebook.svg', provider_logo_size: 22 },
         { button_color: '#0A66C2', provider_label: 'Sign in with LinkedIn', provider_param: 'linkedin', provider_logo: '../img/third-party-idp/logo_linkedin.svg', provider_logo_size: 21 },
-        { button_border_color:'var(--color_input_border_color)', button_color: '#000000', provider_label: 'Continue with Apple', provider_param: 'apple', provider_logo: '../img/third-party-idp/logo_apple.svg', provider_logo_size: 19 }
+        { button_border_color:'var(--color_input_border_color)', button_color: '#000000', provider_label: 'Sign in with Apple', provider_param: 'apple', provider_logo: '../img/third-party-idp/logo_apple.svg', provider_logo_size: 19 }
     ];
 
     return [...providers, ...thirdPartyProviders.filter(p => providersArray && providersArray.includes(p.provider_param))];

package/src/utils/schedule.js

@@ -63,7 +63,7 @@ const filterMyEvents = (myEvents, events) => {
   return events.filter(ev =>  myEventsIds.includes(ev.id));
 };
 
-export const preFilterEvents = (events, filters, summitTimezone, userProfile, filterByAccessLevel, filterByMySchedule) => {
+export const preFilterEvents = (events, filters, summitTimezone, userProfile, filterByAccessLevel, filterByMySchedule, hidePast) => {
   const {schedule_summit_events = []} = userProfile || {};
   let result = [...events];
 
@@ -75,10 +75,11 @@ export const preFilterEvents = (events, filters, summitTimezone, userProfile, fi
     result = filterEventsByAccessLevel(result, userProfile);
   }
 
-  return getFilteredEvents(result, filters, summitTimezone);
+  return getFilteredEvents(result, filters, summitTimezone, hidePast);
 };
 
-export const getFilteredEvents = (events, filters, summitTimezone) => {
+export const getFilteredEvents = (events, filters, summitTimezone, hidePast) => {
+  const localNow = Date.now() / 1000;
 
   return events.filter((ev) => {
     let valid = true;
@@ -90,8 +91,11 @@ export const getFilteredEvents = (events, filters, summitTimezone) => {
       valid = filters.date.values.includes(dateString);
       if (!valid) return false;
     }
-    
-    if (ev.type.show_always_on_schedule) return true;
+
+    if (ev.type.show_always_on_schedule) {
+      // hide past events when the flag is on
+      return !(hidePast && ev.end_date < localNow);
+    }
 
     if (filters.level?.values.length > 0) {
       valid = filters.level.values.some(l => l.toString().toLowerCase() === ev.level?.toLowerCase());

package/src/utils/urlFormating.js

@@ -1,5 +1,5 @@
 
-export const getUrl = (scheme, host, pathname) => {
+export const buildUrl = (scheme, host, pathname) => {
   if (!host) return null;
   const domain = `${scheme}://${host}`;
   return `${domain}${pathname ?? "/"}`;

package/src/state/reduxPersistStorage.js

@@ -1,26 +0,0 @@
-/**
- * Create dummy storage on the server-side and wrapper for localStorage on the client-side.
- * @see https://github.com/rt2zz/redux-persist/issues/1208#issuecomment-658695446
- * @see https://stackoverflow.com/questions/57781527/how-to-solve-console-error-redux-persist-failed-to-create-sync-storage-falli
- * @see https://github.com/vercel/next.js/discussions/15687#discussioncomment-45319
- */
-
-import createWebStorage from 'redux-persist/lib/storage/createWebStorage';
-
-const createNoopStorage = () => {
-  return {
-    getItem(_key) {
-      return Promise.resolve(null);
-    },
-    setItem(_key, value) {
-      return Promise.resolve(value);
-    },
-    removeItem(_key) {
-      return Promise.resolve();
-    },
-  };
-};
-
-const storage = typeof window !== 'undefined' ? createWebStorage('local') : createNoopStorage();
-
-export default storage;