@openeventkit/event-site 2.0.74 → 2.0.75

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@openeventkit/event-site",
   "description": "Event Site",
-  "version": "2.0.74",
+  "version": "2.0.75",
   "author": "Tipit LLC",
   "dependencies": {
     "@mui/base": "^5.0.0-alpha.114",
@@ -43,7 +43,7 @@
     "font-awesome": "^4.7.0",
     "formik": "^2.2.9",
     "fs-extra": "^9.0.1",
-    "full-schedule-widget": "3.0.2",
+    "full-schedule-widget": "3.0.3",
     "gatsby": "^5.8.1",
     "gatsby-alias-imports": "^1.0.6",
     "gatsby-plugin-image": "^3.8.0",
@@ -67,8 +67,8 @@
     "immutability-helper": "2.9.1",
     "immutable": "^3.7.6",
     "jsdom": "^16.2.2",
-    "lite-schedule-widget": "3.0.2",
-    "live-event-widget": "4.0.1",
+    "lite-schedule-widget": "3.0.3",
+    "live-event-widget": "4.0.2",
     "lodash": "^4.17.19",
     "lz-string": "^1.4.4",
     "markdown-it": "^12.0.0",
@@ -116,14 +116,14 @@
     "slick-carousel": "^1.8.1",
     "smoothscroll-polyfill": "^0.4.4",
     "socket.io-client": "^4.5.2",
-    "speakers-widget": "4.0.0",
+    "speakers-widget": "4.0.1",
     "stream-browserify": "^3.0.0",
     "stream-chat": "^2.7.2",
     "stream-chat-react": "3.1.7",
     "summit-registration-lite": "5.0.13",
     "superagent": "8.0.9",
     "sweetalert2": "^9.17.0",
-    "upcoming-events-widget": "3.0.4",
+    "upcoming-events-widget": "3.0.5",
     "urijs": "^1.19.2",
     "use-fit-text": "^2.4.0",
     "uuid": "^7.0.0",

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

@@ -15,7 +15,7 @@ export const fetchEventById = async (summitId, eventId, accessToken = null) => {
     }
 
     apiUrl.addQuery('expand', 'slides, links, videos, media_uploads, type, track, track.allowed_access_levels, location, location.venue, location.floor, speakers, moderator, sponsors, current_attendance, groups, rsvp_template, tags');
-
+    apiUrl.addQuery('evict_cache', 1);
     return fetch(apiUrl.toString(), {
         method: 'GET'
     }).then(async (response) => {
@@ -45,6 +45,8 @@ export const fetchLocationById = async(summitId, locationId, expand, accessToken
     if(expand)
         apiUrl.addQuery('expand', expand);
 
+    apiUrl.addQuery('evict_cache', 1);
+
     return fetch(apiUrl.toString(), {
         method: 'GET'
     }).then(async (response) => {
@@ -67,10 +69,12 @@ export const fetchSpeakerById = async(summitId, speakerId, accessToken = null) =
     let apiUrl = URI(`${process.env.GATSBY_SUMMIT_API_BASE_URL}/api/public/v1/summits/${summitId}/speakers/${speakerId}`);
 
     if(accessToken){
-        apiUrl = URI(`${process.env.GATSBY_SUMMIT_API_BASE_URL}/api/v1/summits/${summitId}/speaker/${speakerId}`);
+        apiUrl = URI(`${process.env.GATSBY_SUMMIT_API_BASE_URL}/api/v1/summits/${summitId}/speakers/${speakerId}`);
         apiUrl.addQuery('access_token', accessToken);
     }
 
+    apiUrl.addQuery('evict_cache', 1);
+
     return fetch(apiUrl.toString(), {
         method: 'GET'
     }).then(async (response) => {
@@ -92,6 +96,7 @@ export const fetchSummitById =  async(summitId, accessToken = null) => {
 
     apiUrl.addQuery('expand', 'event_types,tracks,track_groups,presentation_levels,locations.rooms,locations.floors,order_extra_questions.values,schedule_settings,schedule_settings.filters,schedule_settings.pre_filters');
     apiUrl.addQuery('t', Date.now());
+    apiUrl.addQuery('evict_cache', 1);
 
     return fetch(apiUrl.toString(), {
         method: 'GET'
@@ -101,4 +106,4 @@ export const fetchSummitById =  async(summitId, accessToken = null) => {
         }
         return null;
     });
-}
+}

package/src/cms/config/collections/configurationsCollection/siteSettings/index.js

@@ -35,14 +35,19 @@ const siteSettings = {
       name: "siteMetadata",
       fields: [
         stringField({
-          label: "title",
+          label: "Title",
           name: "title",
           required: false
         }),
         textField({
-          label: "description",
+          label: "Description",
           name: "description",
           required: false
+        }),
+        imageField({
+          label: "Image",
+          name: "image",
+          required: false
         })
       ]
     }),

package/src/cms/config/collections/configurationsCollection/siteSettings/typeDefs.js

@@ -3,6 +3,7 @@ module.exports = `
   type SiteMetadata {
     title: String
     description: String
+    image: File @fileByRelativePath
   }
   type Favicon {
     asset: File @fileByRelativePath

package/src/components/Seo.js

@@ -1,40 +1,54 @@
 import * as React from "react";
-import useSiteMetadata from "@utils/useSiteMetadata";
-import { withPrefix } from "gatsby";
+import PropTypes from "prop-types";
+import useSiteSettings from "@utils/useSiteSettings";
+import { Helmet } from "react-helmet";
 import { getSrc } from "gatsby-plugin-image";
+import { getUrl } from "@utils/urlFormating";
 
-const Seo = ({
-  title,
-  description,
-  pathname,
-  children
-}) => {
+const Seo = ({ title, description, location, children }) => {
   const {
-    title: defaultTitle,
-    description: defaultDescription,
-  } = useSiteMetadata();
+    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";
+  const { pathname } = location;
   const seo = {
-    title: title ? `${defaultTitle} - ${title}` : defaultTitle,
+    title: title ? `${siteTitle} - ${title}` : siteTitle,
     description: description || defaultDescription,
-    url: `${withPrefix(pathname || "/")}`
-  }
+    url: getUrl(scheme, host, pathname),
+    image: host && image ? getUrl(scheme, host, getSrc(image)) : null,
+  };
   return (
-    <>
-      <title>{seo.title}</title>
-      <meta name="description" content={seo.description} />
-      <meta name="twitter:card" content="summary" />
-      <meta name="twitter:title" content={seo.title} />
-      <meta name="twitter:url" content={seo.url} />
-      <meta name="twitter:description" content={seo.description} />
-      <meta name="description" content={seo.description} />
-      <meta name="theme-color" content="#fff" />
-      <meta property="og:type" content="business.business" />
-      <meta property="og:title" content={seo.title} />
-      <meta property="og:url" content={seo.url} />
-      }
+    <Helmet>
+      {seo.title && <title>{seo.title}</title>}
+      {seo.description && <meta name="description" content={seo.description} />}
+      {seo.url && <meta property="og:url" content={seo.url} />}
+      <meta property="og:type" content="website" />
+      {seo.title && <meta property="og:title" content={seo.title} />}
+      {seo.description && <meta property="og:description" content={seo.description} />}
+      {seo.image && <meta property="og:image" content={seo.image} />}
+      {seo.image && <meta name="twitter:card" content="summary_large_image" />}
+      {host && <meta property="twitter:domain" content={host} />}
+      {seo.url && <meta property="twitter:url" content={seo.url} />}
+      {seo.title && <meta name="twitter:title" content={seo.title} />}
+      {seo.description && <meta name="twitter:description" content={seo.description} />}
+      {seo.image && <meta name="twitter:image" content={seo.image} />}
       {children}
-    </>
-  )
+    </Helmet>
+  );
+};
+
+Seo.propTypes = {
+  title: PropTypes.string,
+  description: PropTypes.string,
+  location: PropTypes.shape({
+    pathname: PropTypes.string.isRequired
+  }).isRequired,
+  children: PropTypes.node
 };
 
 export default Seo;

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

@@ -91,6 +91,6 @@ export const Head = ({
 }) => (
   <Seo
     title={titleFromPathname(location.pathname)}
-    pathname={location.pathname}
+    location={location}
   />
 );

package/src/pages/a/index.js

@@ -74,6 +74,6 @@ export const Head = ({
 }) => (
   <Seo
     title={"Lobby"}
-    pathname={location.pathname}
+    location={location}
   />
 );

package/src/pages/a/sponsors.js

@@ -71,6 +71,6 @@ export const Head = ({
 }) => (
   <Seo
     title={"Expo Hall"}
-    pathname={location.pathname}
+    location={location}
   />
 );

package/src/pages/index.js

@@ -139,4 +139,7 @@ const mapStateToProps = ({
 export default connect(mapStateToProps, {
 })(withFeedsWorker(withRealTimeUpdates(MarketingPage)));
 
-export const Head = () => <Seo />;
+export const Head = ({
+  location
+}) => <Seo location={location} />;
+

package/src/templates/content-page.js

@@ -87,6 +87,6 @@ export const Head = ({
 }) => (
   <Seo
     title={titleFromPathname(location.pathname)}
-    pathname={location.pathname}
+    location={location}
   />
 );

package/src/templates/event-page.js

@@ -191,8 +191,8 @@ export const EventPageTemplate = class extends React.Component {
                 </div>
               )}
               <UpcomingEventsComponent
-                key={`event_page_upcomming_event_${lastDataSync}`}
                 id={`event_page_upcomming_event_${lastDataSync}`}
+                lastDataSync={lastDataSync}
                 trackId={event.track ? event.track.id : null}
                 eventCount={3}
                 title={

package/src/templates/lobby-page.js

@@ -76,7 +76,7 @@ export const LobbyPageTemplate = class extends React.Component {
               <h2><b>Today</b></h2>
               <LiveEventWidgetComponent
                 id={`lobby_page_live_event_${lastDataSync}`}
-                key={`lobby_page_live_event_${lastDataSync}`}
+                lastDataSync={lastDataSync}
                 onlyPresentations={true}
                 featuredEventId={liveNowFeaturedEventId}
                 onEventClick={(ev) => this.onEventChange(ev)}
@@ -91,7 +91,7 @@ export const LobbyPageTemplate = class extends React.Component {
               />
               <UpcomingEventsComponent
                 id={`lobby_page_upcomming_events_${lastDataSync}`}
-                key={`lobby_page_upcomming_events_${lastDataSync}`}
+                lastDataSync={lastDataSync}
                 title="Up Next"
                 eventCount={4}
                 renderEventLink={(event) => <Link to={`/a/event/${event.id}`}>{event.title}</Link>}
@@ -102,7 +102,7 @@ export const LobbyPageTemplate = class extends React.Component {
                 <SpeakersWidgetComponent
                   title="Today's Speakers"
                   id={`home_page_today_speakers_${lastDataSync}`}
-                  key={`home_page_today_speakers_${lastDataSync}`}
+                  lastDataSync={lastDataSync}
                   bigPics={true}
                 />
               }
@@ -110,7 +110,7 @@ export const LobbyPageTemplate = class extends React.Component {
                 <SpeakersWidgetComponent
                   title="Featured Speakers"
                   id={`lobby_page_featured_speakers_${lastDataSync}`}
-                  key={`lobby_page_featured_speakers_${lastDataSync}`}
+                  lastDataSync={lastDataSync}
                   bigPics={false}
                   featured={true}
                   date={null}
@@ -124,7 +124,7 @@ export const LobbyPageTemplate = class extends React.Component {
               <AttendeesWidget user={user}/>
               <LiteScheduleComponent
                 id={`lobby_page_lite_schedule_${lastDataSync}`}
-                key={`lobby_page_lite_schedule_${lastDataSync}`}
+                lastDataSync={lastDataSync}
                 onEventClick={(ev) => this.onEventChange(ev)}
                 onViewAllEventsClick={() => this.onViewAllMyEventsClick()}
                 title="My Schedule"

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

@@ -70,7 +70,7 @@ const MarketingPageTemplate = ({
               <h2><b>{marketingPageJson.leftColumn.schedule.title}</b></h2>
               <LiteScheduleComponent
                 {...scheduleProps}
-                key={`marketing_lite_schedule_${lastDataSync}`}
+                lastDataSync={lastDataSync}
                 id={`marketing_lite_schedule_${lastDataSync}`}
                 page="marketing-site"
                 showAllEvents={true}

package/src/templates/schedule-page.js

@@ -91,9 +91,7 @@ const SchedulePage = ({ summit, scheduleState, summitPhase, isLoggedUser, locati
       <div className={`container ${styles.container}`}>
         <div className={`${styles.wrapper} ${showFilters ? styles.showFilters : ""}`}>
           <div className={styles.scheduleWrapper}>
-            <FullSchedule {...schedProps}
-              key={`fullschedule_${lastDataSync}`}
-            />
+            <FullSchedule {...schedProps} lastDataSync={lastDataSync} />
           </div>
           <div ref={filtersWrapperRef} className={styles.filterWrapper}>
             <ScheduleFilters {...filterProps} />

package/src/templates/sponsor-page.js

@@ -21,7 +21,7 @@ import { getEnvVariable, LIVE_EVENT_THUMBNAIL_GIF_CAPTURE_STARTS } from "../util
 import styles from '../styles/sponsor-page.module.scss'
 import SponsorNavigation from '../components/SponsorNavigation'
 
-const SponsorPageTemplate = ({ sponsorId, sponsors, scanBadge, eventId }) => {
+const SponsorPageTemplate = ({ sponsorId, sponsors, scanBadge, eventId, lastDataSync }) => {
 
   const [sponsorLoading, setSponsorLoading] = useState(true);
   const [sponsor, setSponsor] = useState(null)
@@ -104,6 +104,7 @@ const SponsorPageTemplate = ({ sponsorId, sponsors, scanBadge, eventId }) => {
             }
             {liveEventWidget &&
               <LiveEventWidgetComponent
+                lastDataSync={lastDataSync}
                 onEventClick={(ev) => onEventChange(ev)}
                 onlyPresentations={true}
                 sponsorId={sponsor?.company.id}
@@ -115,6 +116,7 @@ const SponsorPageTemplate = ({ sponsorId, sponsors, scanBadge, eventId }) => {
             {scheduleWidget &&
               <UpcomingEventsComponent
                 eventCount={3}
+                lastDataSync={lastDataSync}
                 sponsorId={sponsor?.company.id}
                 renderEventLink={(event) => <Link to={`/a/event/${event.id}`}>{event.title}</Link>}
                 allEventsLink={<Link to={`/a/schedule#company=${encodeURIComponent(sponsor?.name)}`}>View all <span className="sr-only">events</span></Link>}
@@ -184,10 +186,11 @@ SponsorPageTemplate.propTypes = {
   sponsorId: PropTypes.string,
 };
 
-const mapStateToProps = ({ userState, sponsorState, summitState }) => ({
+const mapStateToProps = ({ userState, sponsorState, summitState, settingState }) => ({
   user: userState,
   sponsors: sponsorState.sponsors,
-  summit: summitState.summit
+  summit: summitState.summit,
+  lastDataSync: settingState.lastDataSync
 });
 
 export default connect(mapStateToProps, { scanBadge })(SponsorPage);

package/src/utils/urlFormating.js

@@ -1,3 +1,10 @@
+
+export const getUrl = (scheme, host, pathname) => {
+  if (!host) return null;
+  const domain = `${scheme}://${host}`;
+  return `${domain}${pathname ?? "/"}`;
+};
+
 export const getSponsorURL = (id, name) => {  
   let formattedName = name.toLowerCase().replace(/\s/g, '-');
   return `${id}-${formattedName}`;

package/src/utils/useSiteSettings.js

@@ -6,6 +6,17 @@ import {
 const siteSettingsQuery = graphql`
   query {
     siteSettingsJson {
+      siteMetadata {
+        title,
+        description,
+        image {
+          childImageSharp {
+            gatsbyImageData (
+              quality: 100
+            )
+          }
+        }
+      }
       widgets {
         chat {
           enabled