@openeventkit/event-site 2.0.108-beta.9 → 2.0.109

package/{gatsby-config.mjs → gatsby-config.js}

@@ -1,21 +1,12 @@
-import path, { dirname } from "path";
-import dotenv from "dotenv";
-import { createRequire } from "module";
-import { fileURLToPath } from "url";
-import remarkGfm from "remark-gfm";
+const path = require("path");
 
-const require = createRequire(import.meta.url);
-const __dirname = dirname(fileURLToPath(import.meta.url));
-
-dotenv.config({
+require("dotenv").config({
   path: `.env.${process.env.NODE_ENV}`
 });
 
 const {
   STATIC_CONTENT_DIR_PATH,
-  PAGES_DIR_PATH,
   CONTENT_PAGES_DIR_PATH,
-  CONTENT_PAGES_PATH_NAME,
   SITE_SETTINGS_FILE_PATH,
   SITE_SETTINGS_DIR_PATH,
   MARKETING_SETTINGS_FILE_PATH
@@ -126,38 +117,24 @@ const plugins = [
       name: "marketingSettings"
     }
   },
-  {
-    resolve: "gatsby-plugin-page-creator",
-    options: {
-      path: path.resolve(PAGES_DIR_PATH),
-      ignore: [`**/${CONTENT_PAGES_PATH_NAME}/**`],
-    }
-  },
   "gatsby-plugin-image",
   "gatsby-plugin-sharp",
   "gatsby-transformer-sharp",
   "gatsby-transformer-json",
   {
-    resolve: "gatsby-plugin-mdx",
+    resolve: "gatsby-transformer-remark",
     options: {
-      extensions: [".mdx", ".md"],
-      gatsbyRemarkPlugins: [
+      plugins: [
         {
           resolve: "gatsby-remark-images",
           options: {
-            // It's important to specify the maxWidth (in pixels) of
+            // It"s important to specify the maxWidth (in pixels) of
             // the content container as this plugin uses this as the
             // base for generating different widths of each image.
             maxWidth: 2048
           }
         }
-      ],
-      mdxOptions: {
-        remarkPlugins: [
-          // Add GitHub Flavored Markdown (GFM) support
-          remarkGfm
-        ]
-      }
+      ]
     }
   },
   {
@@ -214,9 +191,10 @@ const plugins = [
   "gatsby-plugin-netlify", // make sure to keep it last in the array
 ];
 
-const siteMetadata = {
-  title,
-  description
+module.exports = {
+  siteMetadata: {
+    title,
+    description
+  },
+  plugins
 };
-
-export { siteMetadata, plugins };

package/gatsby-node.js

@@ -22,7 +22,7 @@ const {
   SPEAKERS_IDX_FILE_PATH,
   VOTEABLE_PRESENTATIONS_FILE_PATH,
   MARKETING_SETTINGS_FILE_PATH,
-  CONTENT_PAGES_PATH_NAME,
+  MAINTENANCE_FILE_PATH,
   SPONSORS_FILE_PATH,
   FONTS_SCSS_FILE_PATH
 } = require("./src/utils/filePath");
@@ -226,7 +226,7 @@ exports.onPreBootstrap = async () => {
   const summitApiBaseUrl = process.env.GATSBY_SUMMIT_API_BASE_URL;
   let   marketingSettings = await SSR_getMarketingSettings(process.env.GATSBY_MARKETING_API_BASE_URL, summitId);
   const colorSettings = fs.existsSync(COLORS_FILE_PATH) ? JSON.parse(fs.readFileSync(COLORS_FILE_PATH)) : require(`./${DEFAULT_COLORS_FILE_PATH}`);
-  const siteSettings = fs.existsSync(SITE_SETTINGS_FILE_PATH) ? JSON.parse(fs.readFileSync(SITE_SETTINGS_FILE_PATH)) : {};
+  const globalSettings = fs.existsSync(SITE_SETTINGS_FILE_PATH) ? JSON.parse(fs.readFileSync(SITE_SETTINGS_FILE_PATH)) : {};
 
   const config = {
     client: {
@@ -328,13 +328,13 @@ exports.onPreBootstrap = async () => {
   fs.writeFileSync(VOTEABLE_PRESENTATIONS_FILE_PATH, JSON.stringify(allVoteablePresentations), "utf8");
 
   // setting build times
-  siteSettings.staticJsonFilesBuildTime = fileBuildTimes;
-  siteSettings.lastBuild = Date.now();
+  globalSettings.staticJsonFilesBuildTime = fileBuildTimes;
+  globalSettings.lastBuild = Date.now();
 
-  fs.writeFileSync(SITE_SETTINGS_FILE_PATH, JSON.stringify(siteSettings), "utf8");
+  fs.writeFileSync(SITE_SETTINGS_FILE_PATH, JSON.stringify(globalSettings), "utf8");
 
   // Read fonts from site settings
-  const siteFonts = siteSettings.siteFont;
+  const siteFonts = globalSettings.siteFont;
 
   if(siteFonts && Object.keys(siteFonts).length > 0) {
     // Generate the SCSS file
@@ -360,56 +360,85 @@ exports.createSchemaCustomization = ({ actions }) => {
 
 exports.onCreateNode = ({ node, actions, getNode }) => {
   const { createNodeField } = actions;
-  if (node.internal.type === "Mdx") {
+  if (node.internal.type === "MarkdownRemark") {
     const value = createFilePath({ node, getNode });
     createNodeField({
       name: "slug",
       node,
-      value
+      value,
     })
   }
 };
 
-exports.createPages = async ({ actions, graphql }) => {
+exports.createPages = ({ actions, graphql }) => {
   const { createPage, createRedirect } = actions;
 
-  const result = await graphql(`
+  const maintenanceMode = fs.existsSync(MAINTENANCE_FILE_PATH) ?
+    JSON.parse(fs.readFileSync(MAINTENANCE_FILE_PATH)) : { enabled: false };
+
+  // create a catch all redirect
+  if (maintenanceMode.enabled) {
+    createRedirect({
+      fromPath: "/*",
+      toPath: "/maintenance/"
+    });
+  }
+
+  return graphql(`
     {
-      allMdx {
-        nodes {
-          id
-          fields {
-            slug
-          }
-          frontmatter {
-            templateKey
-          }
-          internal {
-            contentFilePath
+      allMarkdownRemark(limit: 1000) {
+        edges {
+          node {
+            id
+            fields {
+              slug
+            }
+            frontmatter {
+              templateKey
+            }
           }
         }
       }
     }
-  `);
+  `).then((result) => {
+    const {
+      errors,
+      data: {
+        allMarkdownRemark: {
+          edges
+        }
+      }
+    } = result;
+
+    if (errors) {
+      errors.forEach((e) => console.error(e.toString()));
+      return Promise.reject(errors);
+    }
 
-  if (result.errors) {
-    result.errors.forEach((e) => console.error(e.toString()));
-    return Promise.reject(result.errors);
-  }
+    edges.forEach((edge) => {
+      const { id, fields, frontmatter: { templateKey } } = edge.node;
+
+      var slug = fields.slug;
+      if (slug.match(/content-pages/)) {
+        slug = slug.replace("/content-pages/", "/");
+      }
 
-  const nodes = result.data.allMdx.nodes;
-
-  nodes.forEach((node) => {
-    const { id, fields: { slug }, frontmatter: { templateKey }, internal: { contentFilePath } } = node;
-    const template = require.resolve(`./src/templates/${String(templateKey)}`);
-    // remove content pages namespace from path 
-    const path = slug.replace(`${CONTENT_PAGES_PATH_NAME}`, "/");
-    const page = {
-      path: path,
-      component: `${template}?__contentFilePath=${contentFilePath}`,
-      context: { id }
-    };
-    createPage(page);
+      const page = {
+        path: slug,
+        component: require.resolve(
+          `./src/templates/${String(templateKey)}.js`
+        ),
+        context: {
+          id,
+        },
+      };
+
+      // dont create pages if maintenance mode enabled
+      // gatsby disregards redirect if pages created for path
+      if (maintenanceMode.enabled && !page.path.match(/maintenance/)) return;
+
+      createPage(page);
+    });
   });
 };
 

package/package.json

@@ -1,11 +1,10 @@
 {
   "name": "@openeventkit/event-site",
   "description": "Event Site",
-  "version": "2.0.108-beta.9",
+  "version": "2.0.109",
   "author": "Tipit LLC",
   "dependencies": {
-    "@mdx-js/react": "^3.0.1",
-    "@mui/base": "^5.0.0-beta.40",
+    "@mui/base": "^5.0.0-alpha.114",
     "@mux/mux-player-react": "^1.14.1",
     "@ncwidgets/file-relation": "^0.8.0",
     "@ncwidgets/id": "^0.8.1",
@@ -45,20 +44,19 @@
     "font-awesome": "^4.7.0",
     "formik": "^2.2.9",
     "full-schedule-widget": "3.0.5",
-    "gatsby": "^5.9.1",
+    "gatsby": "^5.8.1",
     "gatsby-alias-imports": "^1.0.6",
     "gatsby-plugin-google-tagmanager": "^5.13.1",
     "gatsby-plugin-image": "^3.8.0",
     "gatsby-plugin-manifest": "^5.12.3",
-    "gatsby-plugin-mdx": "^5.12.3",
     "gatsby-plugin-netlify": "^5.1.0",
     "gatsby-plugin-netlify-cms": "^7.8.0",
-    "gatsby-plugin-page-creator": "^5.13.1",
     "gatsby-plugin-sass": "^6.8.0",
     "gatsby-plugin-sharp": "^5.12.3",
     "gatsby-remark-images": "^7.8.0",
-    "gatsby-source-filesystem": "^5.12.3",
-    "gatsby-transformer-json": "^5.12.3",
+    "gatsby-source-filesystem": "^5.8.0",
+    "gatsby-transformer-json": "^5.8.0",
+    "gatsby-transformer-remark": "^6.8.0",
     "gatsby-transformer-sharp": "^5.12.3",
     "history": "^4.10.1",
     "i18n-react": "^0.6.4",
@@ -112,7 +110,7 @@
     "redux": "^4.1.2",
     "redux-persist": "^6.0.0",
     "redux-thunk": "^2.4.1",
-    "remark-gfm": "^4.0.0",
+    "sanitize-html": "^2.7.0",
     "sass": "^1.49.9",
     "schedule-filter-widget": "3.0.1",
     "simple-chat-widget": "^1.0.31",
@@ -124,7 +122,7 @@
     "stream-browserify": "^3.0.0",
     "stream-chat": "^2.7.2",
     "stream-chat-react": "3.1.7",
-    "summit-registration-lite": "5.0.30",
+    "summit-registration-lite": "5.0.31",
     "superagent": "8.0.9",
     "sweetalert2": "^9.17.0",
     "upcoming-events-widget": "3.0.5",

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

@@ -1,15 +1,8 @@
 
 module.exports = `
-  type MdxFields {
-    slug: String
-  }
-  type MdxFrontmatter {
+  type MarkdownRemarkFrontmatter {
     templateKey: String
     title: String
     userRequirement: String
   }
-  type Mdx {
-    frontmatter: MdxFrontmatter
-    fields: MdxFields
-  }
 `;

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

@@ -1,18 +1,21 @@
-import * as React from "react";
-import PropTypes from "prop-types";
-import ContentPageTemplate from "../../templates/content-page/template";
+import React from 'react'
+import PropTypes from 'prop-types'
+import { ContentPageTemplate } from '../../templates/content-page'
 
-const ContentPagePreview = ({ entry, widgetFor }) =>
-  <ContentPageTemplate
-    title={entry.getIn(["data", "title"])}
-    content={widgetFor("body")}
-  />;
+const ContentPagePreview = ({ entry, getAsset, widgetFor }) => {
+  return (
+    <ContentPageTemplate
+      title={entry.getIn(['data', 'title'])}
+      content={widgetFor('body')}
+    />
+  )
+}
 
 ContentPagePreview.propTypes = {
   entry: PropTypes.shape({
-    getIn: PropTypes.func
+    getIn: PropTypes.func,
   }),
-  widgetFor: PropTypes.func
-};
+  getAsset: PropTypes.func,
+}
 
-export default ContentPagePreview;
+export default ContentPagePreview

package/src/components/Content.js

@@ -0,0 +1,42 @@
+import React, { useState, useEffect } from 'react'
+import PropTypes from 'prop-types'
+import sanitizeHtml from 'sanitize-html';
+
+export const HTMLContent = ({ content, className }) => {
+  const [cleanHTML, setCleanHTML] = useState(content);
+
+  useEffect(() => {
+    const clean = sanitizeHtml(content, {
+      // adds custom settings to default settings (https://www.npmjs.com/package/sanitize-html#default-options)
+      allowedTags: sanitizeHtml.defaults.allowedTags.concat(['iframe', 'img']),
+      allowedAttributes: {
+        ...sanitizeHtml.defaults.allowedAttributes,
+        'iframe': ['src', 'width', 'height', 'frameborder', 'allow', 'allowfullscreen'],
+        'a': ['target'],
+        '*': ['href', 'class']
+      },
+      exclusiveFilter: (frame) => {
+        // removing a and p tags with no text or media childrens
+        return (frame.tag === 'a' || frame.tag === 'p') && !frame.text.trim() && !frame.mediaChildren;
+      }
+    });
+    setCleanHTML(clean);
+  }, [content])
+
+  return (
+    <div className={className} dangerouslySetInnerHTML={{ __html: cleanHTML }} />
+  )
+}
+
+const Content = ({ content, className }) => (
+  <div className={className}>{content}</div>
+)
+
+Content.propTypes = {
+  content: PropTypes.node,
+  className: PropTypes.string,
+}
+
+HTMLContent.propTypes = Content.propTypes
+
+export default Content

package/src/components/ProfilePopupComponent.js

@@ -343,7 +343,7 @@ const ProfilePopupComponent = ({ userProfile, idpLoading, closePopup, showProfil
                   </div>
                 </div>
                 <div className={`columns is-mobile ${styles.inputRow}`}>
-                  <div className='column is-one-quarter'>Twitter</div>
+                  <div className='column is-one-quarter'>X</div>
                   <div className='column is-two-thirds'>
                     <input
                         className={`${styles.input} ${styles.isMedium}`}

package/src/content/maintenance.json

@@ -0,0 +1,5 @@
+{
+  "enabled": false,
+  "title": "Site under maintenance",
+  "subtitle": "Please reload page shortly"
+}

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

@@ -1 +1,50 @@
-{"widgets":{"chat":{"enabled":true,"showQA":false,"showHelp":false,"defaultScope":"page"},"schedule":{"allowClick":true}},"favicon":{"asset":"icon.png"},"idpLogo":{"idpLogoDark":"","idpLogoLight":"","idpLogoAlt":""},"identityProviderButtons":[{"buttonColor":"#082238","providerLabel":"Continue with FNid","providerLogo":"logo_fn.svg","providerLogoSize":27},{"buttonColor":"#0A66C2","providerLabel":"Sign in with LinkedIn","providerParam":"linkedin","providerLogo":"logo_linkedin.svg","providerLogoSize":18},{"buttonColor":"#000000","providerLabel":"Sign in with Apple","providerParam":"apple","providerLogoSize":17,"providerLogo":"logo_apple.svg"},{"buttonColor":"#1877F2","providerLabel":"Login with Facebook","providerParam":"facebook","providerLogo":"logo_facebook.svg","providerLogoSize":20}],"staticJsonFilesBuildTime":[{"file":"src/data/summit.json","build_time":1715959223162},{"file":"src/data/events.json","build_time":1715959234014},{"file":"src/data/events.idx.json","build_time":1715959234024},{"file":"src/data/speakers.json","build_time":1715959236830},{"file":"src/data/speakers.idx.json","build_time":1715959236832},{"file":"src/content/sponsors.json","build_time":1715959237223},{"file":"src/data/voteable-presentations.json","build_time":1715959237604}],"lastBuild":1715959237604}
+{
+  "widgets": {
+    "chat": {
+      "enabled": true,
+      "showQA": false,
+      "showHelp": false,
+      "defaultScope": "page"
+    },
+    "schedule": {
+      "allowClick": true
+    }
+  },
+  "favicon": {
+    "asset": "icon.png"
+  },
+  "idpLogo": {
+    "idpLogoDark": "",
+    "idpLogoLight": "",
+    "idpLogoAlt": ""
+  },
+  "identityProviderButtons": [
+    {
+      "buttonColor": "#082238",
+      "providerLabel": "Continue with FNid",
+      "providerLogo": "logo_fn.svg",
+      "providerLogoSize": 27
+    },
+    {
+      "buttonColor": "#0A66C2",
+      "providerLabel": "Sign in with LinkedIn",
+      "providerParam": "linkedin",
+      "providerLogo": "logo_linkedin.svg",
+      "providerLogoSize": 18
+    },
+    {
+      "buttonColor": "#000000",
+      "providerLabel": "Sign in with Apple",
+      "providerParam": "apple",
+      "providerLogoSize": 17,
+      "providerLogo": "logo_apple.svg"
+    },
+    {
+      "buttonColor": "#1877F2",
+      "providerLabel": "Login with Facebook",
+      "providerParam": "facebook",
+      "providerLogo": "logo_facebook.svg",
+      "providerLogoSize": 20
+    }
+  ]
+}

package/src/pages/maintenance.md

@@ -0,0 +1,3 @@
+---
+templateKey: maintenance-page
+---

package/src/templates/content-page.js

@@ -0,0 +1,92 @@
+import * as React from "react";
+import PropTypes from "prop-types";
+import { connect } from "react-redux";
+import { graphql } from "gatsby";
+import { Redirect } from "@gatsbyjs/reach-router";
+import Seo from "../components/Seo";
+import Layout from "../components/Layout";
+import Content, { HTMLContent } from "../components/Content";
+import { titleFromPathname } from "../utils/urlFormating";
+
+
+import { USER_REQUIREMENTS } from "../cms/config/collections/contentPagesCollection"
+
+export const ContentPageTemplate = ({
+  title,
+  content,
+  contentComponent
+}) => {
+  const PageContent = contentComponent || Content
+
+  return (
+    <div className="content">
+      <h1>{title}</h1>
+      <PageContent content={content} />
+    </div>
+  )
+}
+
+ContentPageTemplate.propTypes = {
+  title: PropTypes.string,
+  content: PropTypes.string,
+  contentComponent: PropTypes.func,
+}
+
+const ContentPage = ({ data, isLoggedUser, hasTicket, isAuthorized }) => {
+  const { frontmatter: {title, userRequirement}, html } = data.markdownRemark
+  // if isAuthorized byoass the AUTHZ check
+  if (!isAuthorized && (
+    (userRequirement === USER_REQUIREMENTS.loggedIn && !isLoggedUser) || (userRequirement === USER_REQUIREMENTS.hasTicket && !hasTicket)
+  )) {
+    return <Redirect to='/' noThrow />
+  }
+
+  return (
+    <Layout>
+      <ContentPageTemplate
+        contentComponent={HTMLContent}
+        title={title}
+        content={html}
+      />
+    </Layout>
+  )
+}
+
+ContentPage.propTypes = {
+  data: PropTypes.shape({
+    markdownRemark: PropTypes.shape({
+      frontmatter: PropTypes.object,
+    }),
+  }),
+  isLoggedUser: PropTypes.bool,
+  hasTicket: PropTypes.bool
+};
+
+const mapStateToProps = ({ loggedUserState, userState }) => ({
+  isLoggedUser: loggedUserState.isLoggedUser,
+  hasTicket: userState.hasTicket,
+  isAuthorized: userState.isAuthorized
+});
+
+export default connect(mapStateToProps, null)(ContentPage);
+
+export const contentPageQuery = graphql`
+  query ($id: String!) {    
+    markdownRemark(id: { eq: $id }) {
+      html
+      frontmatter {        
+        title
+        userRequirement
+      }
+    }
+  }
+`;
+
+export const Head = ({
+  location
+}) => (
+  <Seo
+    title={titleFromPathname(location.pathname)}
+    location={location}
+  />
+);

package/src/templates/full-profile-page.js

@@ -402,7 +402,7 @@ export const FullProfilePageTemplate = ({ user, getIDPProfile, updateProfile, up
                                         />
                                     </div>
                                     <div className={`column is-half ${styles.inputField}`}>
-                                        <b>Twitter</b>
+                                        <b>X</b>
                                         <input
                                             className={`${styles.input} ${styles.isLarge}`}
                                             type="text"

package/src/templates/maintenance-page.js

@@ -0,0 +1,40 @@
+import * as React from "react";
+import PropTypes from "prop-types";
+import maintenanceMode from "content/maintenance.json";
+
+import HeroComponent from "../components/HeroComponent";
+
+import "../styles/bulma.scss";
+
+const MaintenancePageTemplate = ({
+  title,
+  subtitle
+}) => {
+  return (
+    <HeroComponent
+      title={title}
+      subtitle={subtitle}
+    />
+  );
+}
+
+MaintenancePageTemplate.propTypes = {
+  title: PropTypes.string,
+  subtitle: PropTypes.string,
+}
+
+const MaintenancePage = () => {
+  const {
+    title,
+    subtitle
+  } = maintenanceMode;
+
+  return (
+    <MaintenancePageTemplate
+      title={title}
+      subtitle={subtitle}
+    />
+  )
+};
+
+export default MaintenancePage;

package/src/utils/filePath.js

@@ -1,9 +1,7 @@
 const DATA_DIR_PATH = "src/data";
 const STATIC_CONTENT_DIR_PATH = "src/content";
 const DEFAULTS_DIR_PATH = "src/defaults";
-const PAGES_DIR_PATH = "src/pages";
-const CONTENT_PAGES_PATH_NAME = `content-pages`;
-const CONTENT_PAGES_DIR_PATH = `${PAGES_DIR_PATH}/${CONTENT_PAGES_PATH_NAME}`;
+const CONTENT_PAGES_DIR_PATH = "src/pages/content-pages";
 const STYLES_DIR_PATH = "src/styles";
 const DEFAULT_COLORS_FILE_PATH = `${DEFAULTS_DIR_PATH}/colors.json`;
 const COLORS_FILE_PATH = `${DATA_DIR_PATH}/colors.json`;
@@ -35,6 +33,7 @@ const VOTEABLE_PRESENTATIONS_FILE_NAME = "voteable-presentations.json";
 const VOTEABLE_PRESENTATIONS_FILE_PATH = `${DATA_DIR_PATH}/${VOTEABLE_PRESENTATIONS_FILE_NAME}`;
 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";
@@ -45,27 +44,25 @@ const APPLE_PAY_DOMAIN_FILE_PATH = `/static/.well-known/`
 const APPLE_PAY_DOMAIN_FILE_NAME = `apple-developer-merchantid-domain-association`;
 
 exports.REQUIRED_DIR_PATHS = [
-  DATA_DIR_PATH,
-  STATIC_CONTENT_DIR_PATH,
-  CONTENT_PAGES_DIR_PATH,
-  STYLES_DIR_PATH,
-  SITE_SETTINGS_DIR_PATH,
-  MARKETING_PAGE_DIR_PATH,
-  LOBBY_PAGE_DIR_PATH,
-  INVITATIONS_REJECT_PAGE_FILE_PATH,
-  NAVBAR_DIR_PATH,
-  FOOTER_DIR_PATH
+	DATA_DIR_PATH,
+	STATIC_CONTENT_DIR_PATH,
+	CONTENT_PAGES_DIR_PATH,
+	STYLES_DIR_PATH,
+	SITE_SETTINGS_DIR_PATH,
+	MARKETING_PAGE_DIR_PATH,
+	LOBBY_PAGE_DIR_PATH,
+	INVITATIONS_REJECT_PAGE_FILE_PATH,
+	NAVBAR_DIR_PATH,
+	FOOTER_DIR_PATH	
 ];
 exports.STATIC_CONTENT_DIR_PATH = STATIC_CONTENT_DIR_PATH;
-exports.PAGES_DIR_PATH = PAGES_DIR_PATH;
-exports.CONTENT_PAGES_PATH_NAME = CONTENT_PAGES_PATH_NAME;
-exports.CONTENT_PAGES_DIR_PATH = CONTENT_PAGES_DIR_PATH;
 exports.DEFAULT_COLORS_FILE_PATH = DEFAULT_COLORS_FILE_PATH;
 exports.COLORS_FILE_PATH = COLORS_FILE_PATH;
 exports.COLORS_SASS_FILE_PATH = COLORS_SASS_FILE_PATH;
 exports.FONTS_SCSS_FILE_PATH = FONTS_SCSS_FILE_PATH;
 exports.SITE_SETTINGS_DIR_PATH = SITE_SETTINGS_DIR_PATH;
 exports.SITE_SETTINGS_FILE_PATH = SITE_SETTINGS_FILE_PATH;
+exports.CONTENT_PAGES_DIR_PATH = CONTENT_PAGES_DIR_PATH;
 exports.MARKETING_PAGE_FILE_PATH = MARKETING_PAGE_FILE_PATH;
 exports.LOBBY_PAGE_FILE_PATH = LOBBY_PAGE_FILE_PATH;
 exports.ADS_FILE_PATH = ADS_FILE_PATH;
@@ -86,6 +83,7 @@ exports.VOTEABLE_PRESENTATIONS_FILE_NAME = VOTEABLE_PRESENTATIONS_FILE_NAME;
 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.INVITATIONS_REJECT_PAGE_FILE_PATH = INVITATIONS_REJECT_PAGE_FILE_PATH;
 exports.SPONSORS_FILE_PATH = SPONSORS_FILE_PATH;

package/src/templates/content-page/index.js

@@ -1,74 +0,0 @@
-import React from "react";
-import PropTypes from "prop-types";
-import { connect } from "react-redux";
-import { graphql } from "gatsby";
-import { Redirect } from "@gatsbyjs/reach-router";
-import { MDXProvider } from "@mdx-js/react";
-import ContentPageTemplate from "./template";
-import Layout from "../../components/Layout";
-import Seo from "../../components/Seo";
-import { titleFromPathname } from "../../utils/urlFormating";
-
-import { USER_REQUIREMENTS } from "../../cms/config/collections/contentPagesCollection";
-
-const ContentPage = ({
-  data,
-  isAuthorized,
-  isLoggedUser,
-  hasTicket,
-  children
-}) => {
-  const { frontmatter: { title, userRequirement } } = data.mdx;
-  if (!isAuthorized && (
-    (userRequirement === USER_REQUIREMENTS.loggedIn && !isLoggedUser) ||
-    (userRequirement === USER_REQUIREMENTS.hasTicket && !hasTicket)
-  )) {
-    return <Redirect to="/" noThrow />;
-  }
-  return (
-    <Layout>
-      <ContentPageTemplate
-        title={title}
-        content={children}
-      />
-    </Layout>
-  );
-};
-
-ContentPage.propTypes = {
-  data: PropTypes.object.isRequired,
-  isAuthorized: PropTypes.bool.isRequired,
-  isLoggedUser: PropTypes.bool.isRequired,
-  hasTicket: PropTypes.bool.isRequired,
-  children: PropTypes.node.isRequired
-};
-
-const mapStateToProps = ({ loggedUserState, userState }) => ({
-  isLoggedUser: loggedUserState.isLoggedUser,
-  hasTicket: userState.hasTicket,
-  isAuthorized: userState.isAuthorized
-});
-
-const StoreConnectedContentPage = connect(mapStateToProps)(ContentPage);
-
-export default StoreConnectedContentPage;
-
-export const query = graphql`
-  query($id: String!) {
-    mdx(id: { eq: $id }) {
-      frontmatter {
-        title
-        userRequirement
-      }
-    }
-  }
-`;
-
-export const Head = ({
-  location
-}) => (
-  <Seo
-    title={titleFromPathname(location.pathname)}
-    location={location}
-  />
-);

package/src/templates/content-page/shortcodes.js

@@ -1,15 +0,0 @@
-// This file is intended to allow for theme extension with component shadowing.
-// You can add your component imports and map them here to be used as shortcodes in MDX content.
-
-// Import components here when needed
-// import Grid from "../../../../components/Grid";
-// import SpeakerCard from "../../../../components/SpeakerCard";
-
-const shortcodes = {
-  // Map your components here
-  // Example:
-  // Grid,
-  // SpeakerCard
-};
-
-export default shortcodes;

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

@@ -1,21 +0,0 @@
-import * as React from "react";
-import PropTypes from "prop-types";
-import { MDXProvider } from "@mdx-js/react";
-
-import shortcodes from "./shortcodes"; 
-
-const ContentPageTemplate = ({ title, content }) => (
-  <div className="content">
-    <h1>{title}</h1>
-    <MDXProvider components={shortcodes}>
-      {content}
-    </MDXProvider>
-  </div>
-);
-
-export default ContentPageTemplate;
-
-ContentPageTemplate.propTypes = {
-  title: PropTypes.string.isRequired,
-  content: PropTypes.node.isRequired
-};