@openeventkit/event-site 2.0.42 → 2.0.44

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@openeventkit/event-site",
   "description": "Event Site",
-  "version": "2.0.42",
+  "version": "2.0.44",
   "author": "Tipit LLC",
   "dependencies": {
     "@mui/base": "^5.0.0-alpha.114",
@@ -21,7 +21,7 @@
     "@types/react": "^16.9.42",
     "@vimeo/player": "^2.16.3",
     "ably": "^1.2.34",
-    "attendee-to-attendee-widget": "3.0.4",
+    "attendee-to-attendee-widget": "3.0.5",
     "awesome-bootstrap-checkbox": "^1.0.1",
     "axios": "^0.19.2",
     "babel-preset-gatsby": "^3.9.0",

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

@@ -0,0 +1,39 @@
+import {    
+  stringField,
+  objectField,
+  imageWithAltField
+} from "../../../fields";
+
+import {
+  EXPO_HALL_PAGE_FILE_PATH
+} from "@utils/filePath";
+
+const expoHallPage = {
+  label: "Expo Hall Page",
+  name: "expo-hall-page",
+  file: EXPO_HALL_PAGE_FILE_PATH,
+  fields: [
+    objectField({
+      label: "Hero",
+      name: "hero",
+      fields: [
+        stringField({
+          label: "Title",
+          name: "title"
+        }),
+        stringField({
+          label: "Subtitle",
+          name: "subTitle",
+          required: false
+        }),
+        imageWithAltField({
+          label: "Background Image",
+          name: "background"
+        })
+      ]
+    })
+  ]
+};
+
+export default expoHallPage;
+  

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

@@ -0,0 +1,15 @@
+
+module.exports = `
+  type ImageWithAlt {
+    src: File @fileByRelativePath
+    alt: String
+  }
+  type ExpoHallPageHero {
+    title: String
+    subTitle: String
+    background: ImageWithAlt
+  }
+  type ExpoHallPageJson implements Node {
+    hero: ExpoHallPageHero
+  }
+`;

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

@@ -4,6 +4,7 @@ import {
 
 import marketingPage from "./marketingPage";
 import lobbyPage from "./lobbyPage";
+import expoHallPage from "./expoHallPage";
 
 const defaultPagesCollection = {
   ...collectionDefaults({
@@ -12,7 +13,8 @@ const defaultPagesCollection = {
   }),
   files: [
     marketingPage,
-    lobbyPage
+    lobbyPage,
+    expoHallPage
   ]
 };
 

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

@@ -60,6 +60,22 @@ const lobbyPage = {
       label: "Live Event Widget - Featured Event",
       name: "liveNowFeaturedEventId",
       required: false
+    }),
+    objectField({
+      label: "Sponsors Widget Button",
+      name: "sponsorsWidgetButton",
+      fields: [
+        stringField({
+          label: "Text",
+          name: "text",
+          required: false
+        }),
+        stringField({
+          label: "Link",
+          name: "link",
+          required: false
+        }),
+      ]
     })
   ]
 };

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

@@ -1,5 +1,9 @@
 
 module.exports = `
+  type Button {
+    text: String
+    link: String
+  }
   type ImageWithAlt {
     src: File @fileByRelativePath
     alt: String
@@ -20,5 +24,6 @@ module.exports = `
     hero: LobbyPageHero
     centerColumn: LobbyPageCenterColumn
     liveNowFeaturedEventId: String
+    sponsorsWidgetButton: Button
   }
 `;

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

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

package/src/components/SponsorComponent.js

@@ -1,17 +1,17 @@
-import React from 'react'
+import * as React from "react";
 import { connect } from "react-redux";
 import Slider from "react-slick";
-import Link from '../components/Link'
-import { getSponsorURL } from '../utils/urlFormating'
+import Link from "../components/Link";
+import { getSponsorURL } from "../utils/urlFormating";
 
-import styles from '../styles/sponsor.module.scss'
+import styles from "../styles/sponsor.module.scss";
 
-const SponsorComponent = ({ page, sponsorsState, lobbyButton }) => {
+const SponsorComponent = ({ page, sponsorsState, linkButton }) => {
   let renderButton = false;
 
   let sponsorsByTier = sponsorsState.reduce((memo, x) => {
-    if (!memo[x['sponsorship'].type.name]) { memo[x['sponsorship'].type.name] = []; }
-    memo[x['sponsorship'].type.name].push(x);
+    if (!memo[x["sponsorship"].type.name]) { memo[x["sponsorship"].type.name] = []; }
+    memo[x["sponsorship"].type.name].push(x);
     return memo;
   }, {});
 
@@ -24,16 +24,16 @@ const SponsorComponent = ({ page, sponsorsState, lobbyButton }) => {
       {Object.values(sponsorsByTier).sort((a, b) => a.order - b.order).map((tier, tierIndex) => {        
         const sponsors = tier.sponsors.sort((a, b) => a.order - b.order);
         if (!tier) return null;
-        const template = page === 'lobby' ? tier.lobby_template : page === 'event' ? tier.event_page_template : 'expo-hall';
+        const template = page === "lobby" ? tier.lobby_template : page === "event" ? tier.event_page_template : "expo-hall";
         if (sponsors?.length > 0) {
           renderButton = true;
           switch (template) {
-            case 'big-images': {
-              if (page === 'lobby' && !tier.should_display_on_lobby_page) {
+            case "big-images": {
+              if (page === "lobby" && !tier.should_display_on_lobby_page) {
                 return null
               } else {
                 return (
-                  <div className={`${tierIndex === 0 ? styles.firstContainer : ''} ${styles.bigImageContainer}`} key={tierIndex}>
+                  <div className={`${tierIndex === 0 ? styles.firstContainer : ""} ${styles.bigImageContainer}`} key={tierIndex}>
                     {tier.widget_title &&
                       <span><b>{tier.widget_title}</b></span>
                     }
@@ -59,17 +59,17 @@ const SponsorComponent = ({ page, sponsorsState, lobbyButton }) => {
                 )
               }
             }
-            case 'small-images': {
-              if (page === 'lobby' && !tier.should_display_on_lobby_page) {
+            case "small-images": {
+              if (page === "lobby" && !tier.should_display_on_lobby_page) {
                 return null
               } else {
                 return (
-                  <div className={`${tierIndex === 0 ? styles.firstContainer : ''} ${styles.smallImageContainer}`} key={tierIndex}>
+                  <div className={`${tierIndex === 0 ? styles.firstContainer : ""} ${styles.smallImageContainer}`} key={tierIndex}>
                     {tier.widget_title &&
                       <span><b>{tier.widget_title}</b></span>
                     }
                     {sponsors.map((sponsor, index) => {
-                      if (page === 'event' && !sponsor.showLogoInEventPage) return null
+                      if (page === "event" && !sponsor.showLogoInEventPage) return null
                       return (
                         (!sponsor.company.big_logo && !sponsor.company.logo) ?
                         null 
@@ -96,9 +96,9 @@ const SponsorComponent = ({ page, sponsorsState, lobbyButton }) => {
                 )
               }
             }
-            case 'horizontal-images': {
+            case "horizontal-images": {
               return (
-                <div className={`${tierIndex === 0 ? styles.firstContainer : ''} ${styles.horizontalContainer} px-6`} key={tierIndex}>
+                <div className={`${tierIndex === 0 ? styles.firstContainer : ""} ${styles.horizontalContainer} px-6`} key={tierIndex}>
                   {sponsors.map((sponsor, index) => {
                     return (
                       (!sponsor.company.big_logo && !sponsor.company.logo) ?
@@ -125,7 +125,7 @@ const SponsorComponent = ({ page, sponsorsState, lobbyButton }) => {
                 </div>
               )
             }
-            case 'expo-hall': {
+            case "expo-hall": {
               return tier.should_display_on_expo_hall_page === true && (
                 <div className={`${styles.expoContainer} px-6`} key={tierIndex}>
                   {sponsors.map((sponsor, index) => {
@@ -136,7 +136,7 @@ const SponsorComponent = ({ page, sponsorsState, lobbyButton }) => {
                       sponsor.is_published ?
                         <div className={`
                           ${styles.imageBox} 
-                          ${tier.expo_hall_template === 'big-images' ? styles.large : tier.expo_hall_template === 'medium-images' ? styles.medium : styles.small}`}
+                          ${tier.expo_hall_template === "big-images" ? styles.large : tier.expo_hall_template === "medium-images" ? styles.medium : styles.small}`}
                           key={`${tier.type.label}-${index}`}
                         >
                           <Link to={`/a/sponsor/${getSponsorURL(sponsor.id, sponsor.company.name)}`}>
@@ -146,7 +146,7 @@ const SponsorComponent = ({ page, sponsorsState, lobbyButton }) => {
                         : sponsor.external_link ?
                           <div className={`
                           ${styles.imageBox} 
-                          ${tier.expo_hall_template === 'big-images' ? styles.large : tier.expo_hall_template === 'medium-images' ? styles.medium : styles.small}`}
+                          ${tier.expo_hall_template === "big-images" ? styles.large : tier.expo_hall_template === "medium-images" ? styles.medium : styles.small}`}
                             key={`${tier.type.label}-${index}`}
                           >
                             <Link to={sponsor.external_link}>
@@ -156,7 +156,7 @@ const SponsorComponent = ({ page, sponsorsState, lobbyButton }) => {
                           :
                           <div className={`
                           ${styles.imageBox} 
-                          ${tier.expo_hall_template === 'big-images' ? styles.large : tier.expo_hall_template === 'medium-images' ? styles.medium : styles.small}`}
+                          ${tier.expo_hall_template === "big-images" ? styles.large : tier.expo_hall_template === "medium-images" ? styles.medium : styles.small}`}
                             key={`${tier.type.label}-${index}`}
                           >
                             <img src={sponsor.company.big_logo ? sponsor.company.big_logo : sponsor.company.logo} alt={sponsor.company.name} />
@@ -166,23 +166,23 @@ const SponsorComponent = ({ page, sponsorsState, lobbyButton }) => {
                 </div>
               )
             }
-            case 'carousel': {
-              if (page === 'lobby' && !tier.should_display_on_lobby_page) {
+            case "carousel": {
+              if (page === "lobby" && !tier.should_display_on_lobby_page) {
                 return null
               } else {
                 const sliderSettings = {
                   autoplay: true,
                   autoplaySpeed: 5000,
                   infinite: true,
-                  className: 'sponsor-carousel',
+                  className: "sponsor-carousel",
                   dots: false,
                   slidesToShow: 1,
                   slidesToScroll: 1
                 };
                 return (
-                  <div className={`${tierIndex === 0 ? styles.firstContainer : ''} ${styles.carouselContainer}`} key={tierIndex}>
+                  <div className={`${tierIndex === 0 ? styles.firstContainer : ""} ${styles.carouselContainer}`} key={tierIndex}>
                     {tier.widget_title &&
-                      <span style={{ marginBottom: '0' }}><b>{tier.widget_title}</b></span>
+                      <span style={{ marginBottom: "0" }}><b>{tier.widget_title}</b></span>
                     }
                     <Slider {...sliderSettings}>
                       {sponsors.map((sponsor, index) => {
@@ -219,10 +219,10 @@ const SponsorComponent = ({ page, sponsorsState, lobbyButton }) => {
           return null;
         }
       })}
-      {page === 'lobby' && lobbyButton.text && lobbyButton.link && renderButton &&
-        <Link className={styles.link} to={lobbyButton.link}>
+      {linkButton?.text && linkButton?.link && renderButton &&
+        <Link className={styles.link} to={linkButton.link}>
           <button className={`${styles.button} button is-large`}>
-            {lobbyButton.text}
+            {linkButton.text}
           </button>
         </Link>
       }
@@ -231,8 +231,7 @@ const SponsorComponent = ({ page, sponsorsState, lobbyButton }) => {
 };
 
 const mapStateToProps = ({ sponsorState }) => ({
-  sponsorsState: sponsorState.sponsors,
-  lobbyButton: sponsorState.lobbyButton
+  sponsorsState: sponsorState.sponsors
 });
 
-export default connect(mapStateToProps, {})(SponsorComponent);
+export default connect(mapStateToProps, {})(SponsorComponent);

package/src/content/expo-hall-page/index.json

@@ -0,0 +1 @@
+{}

package/src/pages/a/index.js

@@ -35,6 +35,10 @@ export const lobbyPageQuery = graphql`
         }
       }
       liveNowFeaturedEventId
+      sponsorsWidgetButton {
+        text
+        link
+      }
     }
   }
 `;
@@ -43,15 +47,15 @@ const App = ({ data, isLoggedUser, user, summitPhase }) => {
   return (
     <Location>
       {({ location }) => (
-        <Router basepath="/a" >
-          <WithAuthRoute path="/" isLoggedIn={isLoggedUser} location={location}>
-            <WithAuthzRoute path="/" summitPhase={summitPhase} isLoggedIn={isLoggedUser} user={user} location={location}>
-              <ShowOpenRoute path="/" summitPhase={summitPhase} isLoggedIn={isLoggedUser} user={user} location={location}>
-                <LobbyPage path="/" data={data} isLoggedIn={isLoggedUser} user={user} location={location} />
-              </ShowOpenRoute>
-            </WithAuthzRoute>
-          </WithAuthRoute>
-        </Router>
+      <Router basepath="/a" >
+        <WithAuthRoute path="/" isLoggedIn={isLoggedUser} location={location}>
+          <WithAuthzRoute path="/" summitPhase={summitPhase} isLoggedIn={isLoggedUser} user={user} location={location}>
+            <ShowOpenRoute path="/" summitPhase={summitPhase} isLoggedIn={isLoggedUser} user={user} location={location}>
+              <LobbyPage path="/" data={data} isLoggedIn={isLoggedUser} user={user} location={location} />
+            </ShowOpenRoute>
+          </WithAuthzRoute>
+        </WithAuthRoute>
+      </Router>
       )}
     </Location>
   );

package/src/pages/a/sponsors.js

@@ -0,0 +1,76 @@
+import * as React from "react";
+import { graphql } from "gatsby";
+import { Router, Location } from "@reach/router";
+import { connect } from "react-redux";
+import ExpoHallPage from "../../templates/expo-hall-page";
+import WithAuthzRoute from "../../routes/WithAuthzRoute";
+import WithAuthRoute from "../../routes/WithAuthRoute";
+import ShowOpenRoute from "../../routes/ShowOpenRoute";
+import withRealTimeUpdates from "../../utils/real_time_updates/withRealTimeUpdates";
+import withFeedsWorker from "../../utils/withFeedsWorker";
+import Seo from "../../components/Seo";
+
+export const expoHallPageQuery = graphql`
+  query {
+    expoHallPageJson {
+      hero {
+        title
+        subTitle
+        background {
+          src {
+            childImageSharp {
+              gatsbyImageData (
+                quality: 100
+                placeholder: BLURRED
+              )
+            }
+          }
+          alt
+        }
+      }
+    }
+  }
+`;
+
+const App = ({
+  data,
+  isLoggedUser,
+  user,
+  summitPhase
+}) => {
+  return (
+    <Location>
+      {({ location }) => (
+      <Router basepath="/a" >
+        <WithAuthRoute path="/" isLoggedIn={isLoggedUser} location={location}>
+          <WithAuthzRoute path="/" summitPhase={summitPhase} isLoggedIn={isLoggedUser} user={user} location={location}>
+            <ShowOpenRoute path="/" summitPhase={summitPhase} isLoggedIn={isLoggedUser} user={user} location={location}>
+              <ExpoHallPage path="/sponsors/" location={location} data={data}/>
+            </ShowOpenRoute>
+          </WithAuthzRoute>
+        </WithAuthRoute>
+      </Router>
+      )}
+    </Location>
+  );
+};
+
+const mapStateToProps = ({
+  loggedUserState,
+  userState, clockState
+}) => ({
+  isLoggedUser: loggedUserState.isLoggedUser,
+  summitPhase: clockState.summit_phase,
+  user: userState
+});
+
+export default connect(mapStateToProps, {})(withFeedsWorker(withRealTimeUpdates(App)));
+
+export const Head = ({
+  location
+}) => (
+  <Seo
+    title={"Expo Hall"}
+    pathname={location.pathname}
+  />
+);

package/src/reducers/sponsor-reducer.js

@@ -1,14 +1,11 @@
 import { START_LOADING, STOP_LOADING } from "openstack-uicore-foundation/lib/utils/actions";
 import { LOGOUT_USER } from "openstack-uicore-foundation/lib/security/actions";
-import {RESET_STATE, SYNC_DATA} from "../actions/base-actions-definitions";
+import { RESET_STATE, SYNC_DATA } from "../actions/base-actions-definitions";
 
-import sponsorData from "content/sponsors";
-import expoHallData from '../content/expo-hall.json';
+import sponsorData from "content/sponsors.json";
 
 const DEFAULT_STATE = {
-  sponsors: sponsorData,
-  imageHeader: expoHallData.imageHeader,
-  lobbyButton: expoHallData.lobbyButton
+  sponsors: sponsorData
 };
 
 const sponsorReducer = (state = DEFAULT_STATE, action) => {

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

@@ -1,40 +1,41 @@
-import React from 'react'
+import React from "react";
+import { getSrc } from "gatsby-plugin-image";
+import Layout from "../components/Layout";
+import SponsorComponent from "../components/SponsorComponent";
+import AttendanceTrackerComponent from "../components/AttendanceTrackerComponent";
+import AccessTracker from "../components/AttendeeToAttendeeWidgetComponent";
 
-import { connect } from "react-redux";
-
-import Layout from '../components/Layout'
-import SponsorComponent from '../components/SponsorComponent'
-import AttendanceTrackerComponent from '../components/AttendanceTrackerComponent'
-import AccessTracker from '../components/AttendeeToAttendeeWidgetComponent'
-import styles from '../styles/expo-hero.module.scss'
-
-const ExpoHallPage = ({ location, imageHeader }) => {
+import styles from "../styles/expo-hero.module.scss";
 
+const ExpoHallPage = ({
+  data,
+  location
+}) => {
+  const { expoHallPageJson: { hero } } = data;
+  const style = hero?.background ? { backgroundImage: `url(${getSrc(hero.background.src)})` } : {};
   return (
     <Layout location={location}>
       <AttendanceTrackerComponent />
       <AccessTracker />
-        <section className="hero is-large sponsors-header" style={{ backgroundImage: `url(${imageHeader.file})` }}>
-          <div className="hero-body">
-            <div className={styles.heroContainer}>
-              <h1 className={styles.title}>
-                Sponsors
-              </h1>
-              <span className={styles.subtitle}>
-                See the schedule to join live sessions and meet representatives from the sponsor companies.
-              </span>
-            </div>
+      { hero && (hero.background || hero.title || hero.subTitle) &&
+      <section className="hero is-large sponsors-header" style={style}>
+        <div className="hero-body">
+          <div className={styles.heroContainer}>
+            <h1 className={styles.title}>
+              {hero.title}
+            </h1>
+            <span className={styles.subtitle}>
+              {hero.subTitle}
+            </span>
           </div>
-        </section>      
+        </div>
+      </section>
+      }    
       <section className="section px-6 py-6">
         <SponsorComponent />
       </section>
     </Layout>
   )
-}
-
-const mapStateToProps = ({ sponsorState }) => ({
-  imageHeader: sponsorState.imageHeader
-});
+};
 
-export default connect(mapStateToProps, {})(ExpoHallPage);
+export default ExpoHallPage;

package/src/templates/lobby-page.js

@@ -46,7 +46,8 @@ export const LobbyPageTemplate = class extends React.Component {
         lobbyPageJson: {
           hero,
           centerColumn,
-          liveNowFeaturedEventId
+          liveNowFeaturedEventId,
+          sponsorsWidgetButton
         }
       },
       lastDataSync
@@ -65,7 +66,10 @@ export const LobbyPageTemplate = class extends React.Component {
           <div className="columns">
             <div className="column is-one-quarter">
               <h2><b>Community</b></h2>
-              <SponsorComponent page="lobby"/>
+              <SponsorComponent
+                page="lobby"
+                linkButton={sponsorsWidgetButton}
+              />
               <AdvertiseComponent section="lobby" column="left"/>
             </div>
             <div className="column is-half">

package/src/utils/filePath.js

@@ -33,6 +33,7 @@ const VOTEABLE_PRESENTATIONS_FILE_PATH = `${DATA_DIR_PATH}/${VOTEABLE_PRESENTATI
 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 SPONSORS_FILE_NAME = "sponsors.json";
 const SPONSORS_FILE_PATH = `${STATIC_CONTENT_DIR_PATH}/${SPONSORS_FILE_NAME}`;
 
@@ -75,4 +76,5 @@ exports.VOTEABLE_PRESENTATIONS_FILE_PATH = VOTEABLE_PRESENTATIONS_FILE_PATH;
 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.SPONSORS_FILE_PATH = SPONSORS_FILE_PATH;

package/src/content/expo-hall.json

@@ -1,10 +0,0 @@
-{
-    "imageHeader": {
-      "file": "/img/tier1-default-sponsor-headerimage-expopage.png",
-      "alt": "header"
-    },
-    "lobbyButton": {
-      "text": "Visit the Expo Hall",
-      "link": "/a/sponsors/"
-    }
-}

package/static/admin/config.yml.template

@@ -1,365 +0,0 @@
-backend:
-  name: github
-  branch: main
-  repo: fntechgit/fnEvent
-  commit_messages:
-    create: 'Create {{collection}} “{{slug}}”'
-    update: 'Update {{collection}} “{{slug}}”'
-    delete: 'Delete {{collection}} “{{slug}}”'
-    uploadMedia: '[skip ci] Upload “{{path}}”'
-    deleteMedia: '[skip ci] Delete “{{path}}”'
-
-media_folder: static/img
-public_folder: /img
-
-collections:
-  - name: "configurations"
-    label: "Configurations"
-    editor:
-      preview: false
-    files:
-      - file: "src/content/site-settings/index.json"
-        label: "Site Settings"
-        name: "site-settings"
-        fields:
-          - {label: "Favicons", name: favicons, widget: object, fields: [
-              {label: "Favicon 180x180", name: favicon180, widget: image},
-              {label: "Favicon 32x32", name: favicon32, widget: image},
-              {label: "Favicon 16x16", name: favicon16, widget: image}
-            ]}
-          - {label: "Widgets", name: widgets, widget: object, fields: [
-              {label: "Chat", name: chat, widget: object, fields: [
-                {label: "Show QA", name: showQA, widget: boolean, required: false, default: false},
-                {label: "Show Help", name: showHelp, widget: boolean, required: false, default: false},
-                {label: "Default Filter Criteria", name: defaultScope, widget: select, required: false, default: 'page', options: [
-                  {label: "In this Room", value: "page" },
-                  {label: "All Attendees", value: "show" }
-                ]}
-              ]},
-              {label: "Schedule", name: schedule, widget: object, fields: [
-                {label: "Allow Clickable Behavior", name: allowClick, widget: boolean, required: false, default: true},
-              ]}
-            ]}
-          - {label: "Site Metadata", name: siteMetadata, widget: object, fields: [
-              {label: "Title", name: title, widget: string, required: false },
-              {label: "Description", name: description, widget: string, required: false }
-          ]}
-      - file: "src/content/ads.json"
-        label: "Advertisement"
-        name: "ads"
-        fields:
-          - {label: "Ads", name: "ads", widget: list, fields: [
-              {label: "Page", name: "section", widget: string},
-              {label: "Ads", name: "columnAds", widget: list, required: false, fields: [
-                {label: "Image", name: "image", widget: object, required: false, fields: [
-                  {label: "Src", name: "src", widget: image, required: false, default: ''},
-                  {label: "Alt", name: "alt", widget: string, required: false, default: ''},
-                ]},
-                {label: "Button", name: "button", widget: object, required: false, fields: [
-                  {label: "Text", name: "text", widget: string, required: false},
-                  {label: "Link", name: "link", widget: string, required: false}
-                ]},
-                {label: "Column", name: "column", widget: select, options: [
-                  {label: "Left", value: "left" },
-                  {label: "Center", value: "center" },
-                  {label: "Right", value: "right" },
-                ]},
-                {label: "Specific Event?", name: "eventId", widget: string, required: false, default: 0}
-              ]},
-            ]}
-      - file: "src/content/sponsors-tiers.json"
-        label: "Sponsors Tiers"
-        name: "sponsors-tiers"
-        fields:
-          - {label: "Tiers", name: "tiers", widget: list, fields: [
-              {label: "Tier", name: "name", widget: string},
-              {label: "Widget Title", name: "widgetTitle", widget: string, required: false},
-              {label: "ID", name: "id", widget: ncw-id, prefix: tier, hidden: true},
-              {label: "Badge", name: "badge", widget: object, required: false, fields: [
-                {label: "File", name: "file", widget: image, required: false, default: ''},
-                {label: "Alt", name: "alt", widget: string, required: false, default: ''},
-              ]},
-              {label: "Lobby", name: "lobby", widget: object, fields: [
-                {label: "Lobby Template", name: "lobbyTemplate", widget: select, required: false, default: 'small-images', options: [
-                  {label: "Big Images", value: "big-images" },
-                  {label: "Small Images", value: "small-images" },
-                  {label: "Horizontal Images", value: "horizontal-images" },
-                  {label: "Carousel", value: "carousel" },
-                ]},
-                {label: "Display", name: display, widget: boolean, required: false, default: false}
-              ]},
-              {label: "Expo Hall Page", name: "expoHallPage", widget: object, fields: [
-                {label: "Expo Hall Template", name: "expoHallTemplate", widget: select, required: false, default: 'medium-images', options: [
-                  {label: "Big Images", value: "big-images" },
-                  {label: "Medium Images", value: "medium-images" },
-                  {label: "Small Images", value: "small-images" },
-                ]},
-                {label: "Display", name: display, widget: boolean, required: false, default: false}
-              ]},
-              {label: "Sponsor Page", name: "sponsorPage", widget: object, fields: [
-                {label: "Sponsor Page Template", name: "sponsorTemplate", widget: select, required: false, default: 'small-header', options: [
-                  {label: "Big Header", value: "big-header" },
-                  {label: "Small Header", value: "small-header" },
-                ]},
-                {label: "Widgets", name: "widgets", widget: object, fields: [
-                  {label: "Disqus", name: disqus, widget: boolean, required: false, default: false},
-                  {label: "Live Event", name: liveEvent, widget: boolean, required: false, default: false},
-                  {label: "Schedule", name: schedule, widget: boolean, required: false, default: false},
-                  {label: "Banner", name: banner, widget: boolean, required: false, default: false}
-                ]}
-              ]},
-              {label: "In Event Template", name: "eventTemplate", widget: select, required: false, default: 'small-images', options: [
-                {label: "Big Images", value: "big-images" },
-                {label: "Small Images", value: "small-images" },
-                {label: "Horizontal Images", value: "horizontal-images" },
-              ]},
-            ]}
-          - {label: "Expo Hall Header Image", name: "imageHeader", widget: object, required: false, fields: [
-              {label: "File", name: "file", widget: image, default: '', required: false},
-              {label: "Alt", name: "alt", widget: string, required: false}
-            ]}
-          - {label: "Lobby Button", name: lobbyButton, widget: object, fields: [
-              {label: "Text", name: "text", widget: string, required: false, default: ''},
-              {label: "Link", name: "link", widget: string, required: false, default: ''}
-            ]}
-      - file: "src/content/navbar.json"
-        label: "Navbar"
-        name: "navbar"
-        fields:
-          - {label: "Navbar", name: "items", widget: list, fields: [
-              {label: "Title", name: "title", widget: string},
-              {label: "Link", name: "link", widget: string},
-              {label: "Display?", name: "display", widget: boolean, required: false},
-              {label: "Requires Auth?", name: "requiresAuth", widget: boolean, required: false, default: false},
-              {label: "Show only at Show Time?", name: "showOnlyAtShowTime", widget: boolean, required: false, default: false},
-              {label: "Show only on page", name: "pageRestriction", widget: select, multiple: true, default: ["ANY"], options: ["ANY", "MARKETING", "LOBBY", "ACTIVITY", "SHOW", "CUSTOM_PAGE"]},
-            ]}
-      - file: "src/content/footer/index.json"
-        label: "Footer"
-        name: "footer"
-        fields:
-          - {label: "Columns", name: "columns", widget: list, fields: [
-              {label: "Title", name: "title", widget: string},
-              {label: "Display", name: "display", widget: boolean, required: false},
-              {label: "Items", name: "items", widget: list, fields: [
-                {label: "Title", name: "title", widget: string},
-                {label: "Link", name: "link", widget: string},         
-              ]}
-            ]}
-          - {label: "Logo", name: "logo", widget: object, fields: [
-              {label: "Display", name: "display", widget: boolean, required: false},
-            ]}
-          - {label: "Social", name: "social", widget: object, fields: [
-              {label: "Title", name: "title", widget: string},
-              {label: "Display", name: "display", widget: boolean, required: false},
-              {label: "Networks", name: "networks", widget: list, fields: [
-                {label: "Icon", name: "icon", widget: string},
-                {label: "Link", name: "link", widget: string},
-                {label: "Display", name: "display", widget: boolean, required: false},
-              ]}
-            ]}
-          - {label: "Legal", name: "legal", widget: list, fields: [
-              {label: "Title", name: "title", widget: string},
-              {label: "Link", name: "link", widget: string},         
-            ]}
-      - file: "src/content/posters-pages.json"
-        label: "Posters Pages"
-        name: "posters-pages"
-        fields:
-          - {label: "Posters Pages", name: "postersPages", widget: list, fields: [
-              {label: "Name", name: "name", widget: string, required: false},
-              {label: "Track Group Id", name: "trackGroupId", widget: number},
-              {label: "Title", name: "title", widget: string },
-              {label: "Subtitle", name: "subtitle", widget: string },
-              {label: "Background Image", name: "image", widget: image, required: false},
-            ]}
-      - file: "src/content/maintenance.json"
-        label: "Maintenance Mode"
-        name: "maintenance"
-        fields:
-          - {label: "Enabled", name: "enabled", widget: boolean, required: true, default: false}
-          - {label: "Title", name: title, widget: string, required: true, default: 'Site under maintenance' }
-          - {label: "Subtitle", name: subtitle, widget: string, default: 'Please reload page shortly'}
-  - name: "home"
-    label: "Lobby Site"
-    editor:
-      preview: false
-    files:
-      - file: "src/content/home-settings.json"
-        name: "home-settings"
-        label: "Lobby Settings"
-        fields:
-          - {label: "Center Column", name: "centerColumn", widget: object, fields: [
-              {label: "Speakers", name: "speakers", widget: object, fields: [
-                {label: "Show Today Speakers", name: "showTodaySpeakers", widget: boolean, required: false},
-                {label: "Show Feature Speakers", name: "showFeatureSpeakers", widget: boolean, required: false}
-              ]}
-            ]}
-          - {label: "Home Hero", name: homeHero, widget: object, fields: [
-              {label: "Title", name: title, widget: string},
-              {label: "Sub Title", name: subTitle, widget: string, required: false},
-              {label: "Image", name: "image", widget: object, required: false, fields: [
-                {label: "File", name: "file", widget: image, default: '', required: false},
-                {label: "Alt", name: "alt", widget: string, required: false},
-              ]}
-            ]}
-          - {label: "Featured Event - Live Event Widget", name: live_now_featured_event_id, widget: number, required: false, default: null}
-  - name: "marketing"
-    label: "Marketing Site"
-    editor:
-      preview: false
-    files:
-      - file: "src/content/marketing-page/index.json"
-        name: "marketing-site"
-        label: "Marketing Site"
-        fields:
-          - {label: "Hero Banner", name: "heroBanner", widget: "object", fields: [
-              {label: "Title", name: "title", widget: string},
-              {label: "Sub Title", name: "subTitle", widget: string, required: false},
-              {label: "Date", name: "date", widget: string, required: false},
-              {label: "Date Layout", name: "dateLayout", widget: boolean, required: false},
-              {label: "Time", name: "time", widget: string, required: false},
-              {label: "Buttons", name: "buttons", widget: object, fields: [
-                {label: "Register Button", name: "registerButton", widget: object, fields: [
-                  {label: "Text", name: "text", widget: string},
-                  {label: "Display", name: "display", widget: boolean, required: false},
-                ]},
-                {label: "Login Button", name: "loginButton", widget: object, fields: [
-                  {label: "Text", name: "text", widget: string},
-                  {label: "Display", name: "display", widget: boolean, required: false},
-                ]}
-              ]},
-              {label: "Background Image", name: "background", widget: object, required: false, fields: [
-                {label: "Src", name: "src", widget: image, required: false},
-                {label: "Alt", name: "alt", widget: string, required: false},
-              ]},
-              {label: "Images", name: "images", widget: list, fields: [
-                {label: "Image", name: "image", widget: image, required: false},
-                {label: "Alt", name: "alt", widget: string, required: false},
-              ]},
-            ]}
-          - {label: "Countdown", name: "countdown", widget: object, fields: [
-              {label: "Should Display?", name: display, widget: boolean, required: false},
-              {label: "Text", name: "text", widget: string}
-            ]}
-          - {label: "Widgets", name: "leftColumn", widget: object, fields: [
-              {label: "Schedule", name: "schedule", widget: object, fields: [
-                {label: "Display", name: "display", widget: boolean, required: false},
-                {label: "Title", name: "title", widget: string, required: false},
-              ]},
-              {label: "Disqus", name: "disqus", widget: object, fields: [
-                {label: "Display", name: "display", widget: boolean, required: false},
-                {label: "Title", name: "title", widget: string, required: false},
-              ]},
-              {label: "Image", name: "image", widget: object, fields: [
-                {label: "Display", name: "display", widget: boolean, required: false},
-                {label: "Title", name: "title", widget: string, required: false},
-                {label: "Image", name: "image", widget: object, required: false, fields: [
-                  {label: "Src", name: "src", widget: image, required: false},
-                  {label: "Alt", name: "alt", widget: string, required: false},
-                ]},
-              ]},
-            ]}
-          - {label: "Redirect to event", name: "eventRedirect", widget: number, required: false, hint: "User will be redirected to this event after login"}
-          - {label: "Sponsors", name: "sponsors", widget: list, fields: [
-              {label: "Name", name: title, widget: hidden},
-              {label: "Size", name: size, widget: select, options: [
-                {label: "Single", value: 1},
-                {label: "Double", value: 2}
-              ]},
-              {label: "Images", name: "images", widget: list, fields: [
-                {label: "Src", name: "src", widget: image, required: false},
-                {label: "Link", name: "link", widget: string, required: false},
-                {label: "Alt", name: "alt", widget: string, required: false},
-              ]}
-  - name: "pages"
-    label: "Pages"
-    folder: "src/pages/custom-pages"
-    create: true
-    slug: "{{slug}}"
-    fields:
-      - {label: "Template Key", name: "templateKey", widget: "hidden", default: "custom-page"}
-      - {label: Title, name: title, widget: string}
-      - {label: "User Requirement", name: userRequirement, widget: select, options: ["NONE", "LOGGED_IN", "HAS_TICKET"], default: "NONE"}
-      - {label: "Body", name: body, widget: markdown}
-  - name: "sponsors"
-    label: "Sponsors Data"
-    editor:
-      preview: false
-    files:
-      - file: "src/content/sponsors.json"
-        label: "Tier Sponsors"
-        name: "tier-sponsors"
-        fields:
-          - {label: "Tier Sponsors", name: "tierSponsors", widget: list, summary: "{{tier[0].label}}", fields: [
-              {label: "Tier", name: "tier", widget: ncw-file-relation, collection: configurations, file: sponsorsTiers, target_field: tiers, id_field: id, display_fields: name},
-              {label: "Sponsors", name: "sponsors", widget: list, fields: [
-                {label: "Name", name: "name", widget: string },
-                {label: "External ID", name: "id", widget: number },
-                {label: "Sponsor ID", name: "sponsorId", widget: number, required: false},
-                {label: "Company ID", name: "companyId", widget: number, required: false},
-                {label: "Featured Event ID", name: "featuredEventId", widget: number, required: false},
-                {label: "Title", name: "title", widget: string, required: false},
-                {label: "Intro", name: "intro", widget: markdown, required: false},
-                {label: "Contact Email", name: "email", widget: string, required: false},
-                {label: "Live Video Chat Link", name: "chatLink", widget: string, required: false},
-                {label: "Marquee Text", name: "marquee", widget: string, required: false},
-                {label: "Sponsor Color", name: "sponsorColor", widget: string, required: false},
-                {label: "Logo", name: "logo", widget: object, required: false, fields: [
-                  { label: "File", name: "file", widget: image, default: '', required: false },
-                  { label: "Alt", name: "alt", widget: string, required: false },
-                ]},
-                {label: "Advertise Image", name: "advertiseImage", widget: object, required: false, fields: [
-                  { label: "File", name: "file", widget: image, default: '', required: false },
-                  { label: "Alt", name: "alt", widget: string, required: false },
-                ]},
-                {label: "External Link", name: "externalLink", widget: string, required: false},
-                {label: "Social Networks", name: "socialNetworks", widget: list, fields: [
-                  {label: "Icon", name: "icon", widget: string},
-                  {label: "Link", name: "link", widget: string},
-                  {label: "Display", name: "display", widget: boolean, required: false},
-                ]},
-                {label: "Documents", name: "documents", widget: object, fields: [
-                  {label: "Slides", name: "slides", widget: list, fields: [
-                    {label: "Class Name", name: class_name, widget: hidden, default: "PresentationSlide"},
-                    {label: "Name", name: name, widget: string},
-                    {label: "Order", name: order, widget: number},
-                    {label: "Link", name: link, widget: file, default: "/documents/" }
-                  ]},
-                  {label: "Links", name: "links", widget: list, fields: [
-                    {label: "Class Name", name: class_name, widget: hidden, default: "PresentationLink"},
-                    {label: "Name", name: name, widget: string},
-                    {label: "Order", name: order, widget: number},
-                    {label: "Link", name: link, widget: string}
-                  ]},
-                  {label: "Videos", name: "videos", widget: list, fields: [
-                    {label: "Class Name", name: class_name, widget: hidden, default: "PresentationVideo"},
-                    {label: "Name", name: name, widget: string},
-                    {label: "Order", name: order, widget: number},
-                    {label: "Link", name: link, widget: string}
-                  ]},
-                ]},
-                {label: "Ads", name: "columnAds", widget: list, required: false, fields: [
-                  {label: "Image", name: "image", widget: image},
-                  {label: "Alt", name: "alt", widget: string, required: false},
-                  {label: "Button Text", name: "text", widget: string, required: false},
-                  {label: "Link", name: "link", widget: string, required: false}
-                ]},
-                {label: "Uses Sponsor Page?", name: "usesSponsorPage", widget: boolean, required: false},
-                {label: "Header Image", name: "headerImage", widget: object, required: false, fields: [
-                  { label: "File", name: "file", widget: image, default: '', required: false},
-                  { label: "Alt", name: "alt", widget: string, required: false},
-                ]},
-                {label: "Mobile Header Image", name: "headerImageMobile", widget: object, required: false, fields: [
-                  { label: "File", name: "file", widget: image, default: '', required: false},
-                  { label: "Alt", name: "alt", widget: string, required: false},
-                ] },
-                {label: "Side Image", name: "sideImage", widget: object, required: false, fields: [
-                  { label: "File", name: "file", widget: image, default: '', required: false},
-                  { label: "Alt", name: "alt", widget: string, required: false},
-                ]},
-                {label: "Video Header", name: "headerVideo", widget: string, required: false},
-                {label: "Show Logo in Event Page", name: "showLogoInEventPage", widget: boolean, required: false, default: true},
-              ]}
-            ]}
-