@openeventkit/event-site 2.1.20 → 2.1.22

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@openeventkit/event-site",
   "description": "Event Site",
-  "version": "2.1.20",
+  "version": "2.1.22",
   "author": "Tipit LLC",
   "dependencies": {
     "@emotion/server": "^11.11.0",
@@ -55,7 +55,7 @@
     "font-awesome": "^4.7.0",
     "formik": "^2.4.6",
     "fs-extra": "^11.3.0",
-    "full-schedule-widget": "3.1.0-beta.10",
+    "full-schedule-widget": "3.1.1-beta.2",
     "gatsby": "^5.13.5",
     "gatsby-alias-imports": "^1.0.6",
     "gatsby-plugin-decap-cms": "^4.0.4",
@@ -78,6 +78,7 @@
     "immutability-helper": "2.9.1",
     "immutable": "^5.0.0-beta.5",
     "js-cookie": "^3.0.5",
+    "jsdom": "^24",
     "klaro": "^0.7.21",
     "lite-schedule-widget": "3.0.3",
     "live-event-widget": "4.0.4",

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

@@ -148,6 +148,7 @@ const siteSettings = {
             selectField({
               label: "Font Format",
               name: "fontFormat",
+              hint: "TTF format is required for certificate PDF generation",
               multiple: false,
               required: false,
               options: mapObjectToSelectOptions(FONT_FORMATS)
@@ -167,6 +168,7 @@ const siteSettings = {
             selectField({
               label: "Font Format",
               name: "fontFormat",
+              hint: "TTF format is required for certificate PDF generation",
               multiple: false,
               required: false,
               options: mapObjectToSelectOptions(FONT_FORMATS)

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

@@ -8,6 +8,15 @@ module.exports = `
   type Favicon {
     asset: File @fileByRelativePath
   }
+  type FontFile {
+    fontFile: String
+    fontFormat: String
+  }
+  type SiteFont {
+    fontFamily: String
+    regularFont: FontFile
+    boldFont: FontFile
+  }
   type Schedule {
     allowClick: Boolean
   }
@@ -42,6 +51,7 @@ module.exports = `
   type SiteSettingsJson implements Node {
     siteMetadata: SiteMetadata
     favicon: Favicon
+    siteFont: SiteFont
     widgets: Widgets
     idpLogo: IdpLogo
     identityProviderButtons: [IdentityProviderButton]

package/src/components/CertificatePDF.js

@@ -0,0 +1,313 @@
+import React from "react";
+import { Document, Page, Text, View, Image, StyleSheet, Font, pdf } from "@react-pdf/renderer";
+
+import fontRegular from "../../static/fonts/nunito-sans/nunito-sans-v18-latin-400.ttf";
+import fontBold from "../../static/fonts/nunito-sans/nunito-sans-v18-latin-700.ttf";
+
+const registerDefaultFont = () => {
+  try {
+    Font.register({
+      family: "Nunito Sans", 
+      fonts: [
+        {
+          src: fontRegular,
+          fontWeight: "normal"
+        },
+        {
+          src: fontBold,
+          fontWeight: "bold"
+        },
+      ]
+    });
+    return true;
+  } catch (error) {
+    console.error("Failed to register default font:", error);
+    return false;
+  }
+};
+
+// helper to convert relative font paths to absolute URLs
+const getFontUrl = (fontPath) => {
+  if (!fontPath) return null;
+  
+  if (fontPath.startsWith("http://") || fontPath.startsWith("https://")) {
+    return fontPath;
+  }
+
+  // For relative paths, prepend the origin
+  // Site settings fonts are served from /fonts/ (not /static/fonts/)
+  if (typeof window !== "undefined") {
+    // Remove /static prefix if present since fonts are served at root /fonts/
+    const cleanPath = fontPath.replace("/static/fonts/", "/fonts/");
+    return `${window.location.origin}${cleanPath}`;
+  }
+  
+  return fontPath;
+};
+
+// register custom font from site settings if available
+const registerCustomFont = (siteFont) => {
+  if (!siteFont || !siteFont.fontFamily || !siteFont.regularFont || !siteFont.boldFont) {
+    return false;
+  }
+  
+  const fonts = [];
+
+  if (siteFont.regularFont.fontFile && siteFont.regularFont.fontFormat === "ttf") {
+    const fontUrl = getFontUrl(siteFont.regularFont.fontFile);
+    if (fontUrl) {
+      fonts.push({
+        src: fontUrl,
+        fontWeight: "normal"
+      });
+    }
+  }
+
+  if (siteFont.boldFont.fontFile && siteFont.boldFont.fontFormat === "ttf") {
+    const fontUrl = getFontUrl(siteFont.boldFont.fontFile);
+    if (fontUrl) {
+      fonts.push({
+        src: fontUrl,
+        fontWeight: "bold"
+      });
+    }
+  }
+
+  if (fonts.length > 0) {
+    try {
+      Font.register({
+        family: siteFont.fontFamily,
+        fonts: fonts
+      });
+      return true;
+    } catch (error) {
+      console.warn("Failed to register custom font:", error);
+      return false;
+    }
+  }
+  
+  return false;
+};
+
+const calculateOptimalFontSize = (text, maxWidth = 650, initialFontSize = 48, minFontSize = 24) => {
+  // estimate average character width based on font size
+  // for most fonts, character width is roughly 0.5-0.6 times the font size
+  const avgCharWidthRatio = 0.55;
+  
+  // start with initial font size
+  let fontSize = initialFontSize;
+  
+  // calculate the approximate text width
+  const estimatedWidth = text.length * fontSize * avgCharWidthRatio;
+  
+  // if text fits within maxWidth, use initial font size
+  if (estimatedWidth <= maxWidth) {
+    return fontSize;
+  }
+  
+  // calculate optimal font size to fit within maxWidth
+  fontSize = Math.floor(maxWidth / (text.length * avgCharWidthRatio));
+  
+  // ensure font size is within bounds
+  fontSize = Math.max(minFontSize, Math.min(initialFontSize, fontSize));
+  
+  // round to common font sizes for better appearance
+  const commonSizes = [48, 44, 40, 36, 32, 28, 24];
+  const finalSize = commonSizes.find(size => size <= fontSize) || minFontSize;
+  
+  return finalSize;
+};
+
+const CertificatePDF = ({ 
+  attendee, 
+  summit, 
+  settings, 
+  isCheckedIn = true 
+}) => {
+
+  const role = attendee.role || "Attendee";
+  const position = attendee.jobTitle || "";
+  const company = attendee.company || "";
+
+  const fullName = `${attendee.firstName} ${attendee.lastName}`;
+
+  const nameFontSize = calculateOptimalFontSize(fullName);
+
+
+  let fontFamily = "Nunito Sans";
+
+  if (settings?.siteFont && settings.siteFont.fontFamily) {
+    const customFontRegistered = registerCustomFont(settings.siteFont);
+    if (customFontRegistered) {
+      fontFamily = settings.siteFont.fontFamily;
+    } else {
+      registerDefaultFont();
+    }
+  } else {
+    registerDefaultFont();
+  }
+
+  const styles = StyleSheet.create({
+    page: {
+      width: settings.width || "11in",
+      height: settings.height || "8.5in",
+      backgroundColor: settings.mainColor || settings.colorAccent || "#ff5e32",
+      fontFamily: fontFamily,
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      padding: 40,
+    },
+    whiteCard: {
+      width: "100%",
+      maxWidth: 680,
+      height: "100%",
+      maxHeight: 502,
+      backgroundColor: "#ffffff",
+      borderRadius: 4,
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+    },
+    content: {
+      position: "relative",
+      width: "100%",
+      height: "100%",
+      padding: 60,
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "center",
+      justifyContent: "center",
+    },
+    logo: {
+      maxWidth: settings.logoWidth || 250,
+      ...(settings.logoHeight && { maxHeight: settings.logoHeight }),
+      marginBottom: 25,
+      objectFit: "contain",
+    },
+    title: {
+      fontSize: 20,
+      fontWeight: "normal",
+      color: "#000000",
+      textAlign: "center",
+      letterSpacing: 0.15,
+      lineHeight: "160%",
+    },
+    summitName: {
+      fontSize: 24,
+      fontWeight: "bold",
+      color: settings.mainColor || settings.colorAccent || "#ff5e32",
+      textAlign: "center",
+      textTransform: "uppercase",
+      letterSpacing: 0,
+      lineHeight: "133%",
+    },
+    name: {
+      fontSize: nameFontSize,
+      fontWeight: "normal",
+      color: "#000000",
+      textAlign: "center",
+      letterSpacing: 0,
+      lineHeight: "117%",
+      marginTop: 36,
+    },
+    nameUnderline: {
+      width: 500,
+      height: 1.2,
+      backgroundColor: "#000000",
+      marginTop: 8,
+      marginBottom: 20,
+    },
+    details: {
+      fontSize: 14,
+      fontWeight: "normal",
+      color: "#000000",
+      textAlign: "center",
+      letterSpacing: 0.4,
+      lineHeight: "166%",
+    },
+    role: {
+      fontSize: 14,
+      fontWeight: "normal",
+      color: "#000000",
+      textAlign: "center",
+      letterSpacing: 0.4,
+      lineHeight: "166%",
+      marginTop: 6,
+    },
+  });
+
+  return (
+    <Document>
+      <Page size="LETTER" orientation="landscape" style={styles.page}>
+        {/* White Card Container */}
+        <View style={styles.whiteCard}>
+          <View style={styles.content}>
+            {/* Logo */}
+            {(settings.logo || summit.logo) && (
+              <Image 
+                src={settings.logo || summit.logo} 
+                style={styles.logo} 
+              />
+            )}
+            
+            {/* Title */}
+            <Text style={styles.title}>
+              {settings.titleText || "CERTIFICATE OF ATTENDANCE"}
+            </Text>
+            
+            {/* Event Name */}
+            <Text style={styles.summitName}>
+              {settings.summitName || summit.name || "EVENT NAME"}
+            </Text>
+            
+            {/* Attendee Name */}
+            <Text style={styles.name}>
+              {fullName}
+            </Text>
+            
+            {/* Underline */}
+            <View style={styles.nameUnderline} />
+            
+            {/* Position and Company */}
+            {(position || company) && (
+              <Text style={styles.details}>
+                {position}{position && company ? ", " : ""}{company}
+              </Text>
+            )}
+            
+            {/* Role */}
+            {settings.showRole && (
+              <Text style={styles.role}>
+                {role}
+              </Text>
+            )}
+          </View>
+        </View>
+      </Page>
+    </Document>
+  );
+};
+
+// helper function to generate and download the certificate
+export const generateCertificatePDF = async (attendee, summit, settings) => {
+  try {
+    const doc = <CertificatePDF attendee={attendee} summit={summit} settings={settings} />;
+    const blob = await pdf(doc).toBlob();
+    
+    // create download link
+    const url = URL.createObjectURL(blob);
+    const link = document.createElement("a");
+    link.href = url;
+    link.download = `certificate-${attendee.firstName}-${attendee.lastName}.pdf`.toLowerCase().replace(/\s+/g, "-");
+    document.body.appendChild(link);
+    link.click();
+    document.body.removeChild(link);
+    URL.revokeObjectURL(url);
+  } catch (error) {
+    console.error("Error generating certificate PDF:", error);
+    throw error;
+  }
+};
+
+export default CertificatePDF;

package/src/components/CertificateSection.js

@@ -0,0 +1,139 @@
+import React, { useState, useEffect } from 'react';
+import { connect } from 'react-redux';
+import { generateCertificatePDF } from './CertificatePDF';
+import { useCertificateSettings } from '../utils/certificateSettings';
+import useMarketingSettings from '../utils/useMarketingSettings';
+import { MARKETING_SETTINGS_KEYS, DISPLAY_OPTIONS } from '../utils/useMarketingSettings';
+import useSiteSettings from '../utils/useSiteSettings';
+import styles from '../styles/full-profile.module.scss';
+
+const USER_ROLES = {
+  SPEAKER: 'Speaker',
+  ATTENDEE: 'Attendee'
+};
+
+const CertificateSection = ({ 
+  user, 
+  summit, 
+  freshTickets = []
+}) => {
+  const [error, setError] = useState(null);
+  const { getSettingByKey } = useMarketingSettings();
+  const siteSettings = useSiteSettings();
+
+  // Get certificate settings
+  const certificateSettings = useCertificateSettings(summit, siteSettings?.siteFont);
+  
+  // Check if certificates are enabled
+  const certificatesEnabled = getSettingByKey(MARKETING_SETTINGS_KEYS.certificateEnabled) !== DISPLAY_OPTIONS.hide;
+  
+  if (!certificatesEnabled) {
+    return null;
+  }
+
+  // Filter tickets that are checked in
+  const checkedInTickets = freshTickets.filter(ticket => {
+    const isCheckedIn = ticket.owner?.summit_hall_checked_in === true;
+    const isValidTicket = 
+      ticket.status !== 'Cancelled' &&
+      ticket.status !== 'RefundRequested' &&
+      ticket.owner !== null;
+    
+    return isCheckedIn && isValidTicket;
+  });
+
+  if (checkedInTickets.length === 0) {
+    return (
+      <div>
+        <h3 className={styles.header}>Certificate of Attendance</h3>
+        <div style={{ padding: '15px 0', color: '#666' }}>
+          Check-in required to download certificate.
+        </div>
+      </div>
+    );
+  }
+
+  // Get user role from tickets/badges - prioritize Speaker role across all tickets
+  const getUserRole = (allTickets) => {
+    // Check if any ticket has speaker role
+    const hasSpeakerTicket = allTickets.some(ticket => {
+      // Check badge type name for speaker
+      const badgeType = summit?.badge_types?.find(bt => bt.id === ticket.badge?.type_id);
+      if (badgeType?.name?.toLowerCase().includes('speaker')) {
+        return true;
+      }
+      
+      // Check badge features for speaker
+      const featureIds = ticket.badge?.features || [];
+      const badgeFeaturesTypes = summit?.badge_features_types || [];
+      
+      return featureIds.some(featureId => {
+        const feature = badgeFeaturesTypes.find(f => f.id === featureId);
+        return feature?.name?.toLowerCase().includes('speaker');
+      });
+    });
+    
+    return hasSpeakerTicket ? USER_ROLES.SPEAKER : USER_ROLES.ATTENDEE;
+  };
+
+  // Determine the user's role across all tickets (prioritize Speaker)
+  const userRole = getUserRole(checkedInTickets);
+
+  const handleDownloadCertificate = async (ticket) => {
+    setError(null);
+    
+    try {
+      const attendeeData = {
+        firstName: user.first_name || user.given_name || ticket.owner?.first_name,
+        lastName: user.last_name || user.family_name || ticket.owner?.last_name,
+        company: user.company || ticket.owner?.company || '',
+        jobTitle: user.job_title || user.jobTitle || '',
+        email: user.email || ticket.owner?.email,
+        role: userRole // Use the prioritized role across all tickets
+      };
+
+      const summitData = {
+        name: summit.name,
+        logo: summit.logo,
+        start_date: summit.start_date,
+        end_date: summit.end_date
+      };
+
+      await generateCertificatePDF(attendeeData, summitData, certificateSettings);
+    } catch (err) {
+      console.error('Error downloading certificate:', err);
+      setError('Failed to download certificate. Please try again.');
+    }
+  };
+
+  return (
+    <div style={{ marginTop: '20px' }}>
+      <button 
+        className="button is-large"
+        onClick={() => handleDownloadCertificate(checkedInTickets[0])}
+        style={{ 
+          width: '100%', 
+          height: '5.5rem',
+          color: 'var(--color_input_text_color)',
+          backgroundColor: 'var(--color_input_background_color)',
+          borderColor: 'var(--color_input_border_color)'
+        }}
+      >
+        Download Certificate
+      </button>
+      
+      {error && (
+        <div style={{ color: '#d32f2f', fontSize: '14px', marginTop: '10px' }}>
+          {error}
+        </div>
+      )}
+    </div>
+  );
+};
+
+const mapStateToProps = ({ summitState, userState }) => ({
+  summit: summitState.summit,
+  user: userState.userProfile || userState.idpProfile
+});
+
+export default connect(mapStateToProps)(CertificateSection);

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

@@ -17,6 +17,11 @@ import LiteScheduleComponent from '../components/LiteScheduleComponent'
 import AvatarEditorModal from '../components/AvatarEditorModal'
 import ChangePasswordComponent from '../components/ChangePasswordComponent';
 import AccessTracker from "../components/AttendeeToAttendeeWidgetComponent";
+import CertificateSection from '../components/CertificateSection';
+import useMarketingSettings from '../utils/useMarketingSettings';
+import { MARKETING_SETTINGS_KEYS, DISPLAY_OPTIONS } from '../utils/useMarketingSettings';
+import { getAccessTokenSafely } from '../utils/loginUtils';
+import { getEnvVariable, SUMMIT_API_BASE_URL } from '../utils/envVariables';
 
 import { updateProfilePicture, updateProfile, getIDPProfile, updatePassword } from '../actions/user-actions'
 
@@ -24,9 +29,12 @@ import styles from '../styles/full-profile.module.scss'
 
 import "openstack-uicore-foundation/lib/css/components/inputs/datetimepicker.css";
 
-export const FullProfilePageTemplate = ({ user, getIDPProfile, updateProfile, updateProfilePicture, updatePassword }) => {
+export const FullProfilePageTemplate = ({ user, getIDPProfile, updateProfile, updateProfilePicture, updatePassword, summit }) => {
 
     const [showProfile, setShowProfile] = useState(false);
+    const [freshTickets, setFreshTickets] = useState([]);
+    const [ticketsFetched, setTicketsFetched] = useState(false);
+    const { getSettingByKey } = useMarketingSettings();
     const [personalProfile, setPersonalProfile] = useState({
         firstName: '',
         lastName: '',
@@ -193,6 +201,51 @@ export const FullProfilePageTemplate = ({ user, getIDPProfile, updateProfile, up
         navigate('/a/my-schedule')
     };
 
+    // Fetch fresh tickets for certificate validation
+    const fetchFreshTickets = async () => {
+        try {
+            const accessToken = await getAccessTokenSafely();
+            if (!accessToken || !summit) return;
+
+            const params = new URLSearchParams({
+                access_token: accessToken,
+                fields: 'id,status',
+                expand: 'owner'
+            });
+
+            const apiBaseUrl = getEnvVariable(SUMMIT_API_BASE_URL);
+            const url = `${apiBaseUrl}/api/v1/summits/${summit.id}/orders/all/tickets/me?${params}`;
+            
+            const response = await fetch(url);
+
+            if (response.ok) {
+                const data = await response.json();
+                setFreshTickets(data.data || []);
+            }
+        } catch (err) {
+            console.error('Profile page - Error fetching tickets:', err);
+        } finally {
+            setTicketsFetched(true);
+        }
+    };
+
+    useEffect(() => {
+        if (summit && user.idpProfile && !ticketsFetched) {
+            fetchFreshTickets();
+        }
+    }, [summit, user.idpProfile, ticketsFetched]);
+
+    // Check if certificates are enabled and user has checked-in tickets
+    const certificatesEnabled = getSettingByKey(MARKETING_SETTINGS_KEYS.certificateEnabled) !== DISPLAY_OPTIONS.hide;
+    const checkedInTickets = freshTickets.filter(ticket => {
+        const isCheckedIn = ticket.owner?.summit_hall_checked_in === true;
+        console.log(ticket)
+        const isValidTicket = ticket.status === 'Paid';
+        return isCheckedIn && isValidTicket;
+    });
+    
+    const showCertificate = certificatesEnabled && checkedInTickets.length > 0;
+
     const discardChanges = (state) => {
         switch (state) {
             case 'profile':
@@ -264,6 +317,9 @@ export const FullProfilePageTemplate = ({ user, getIDPProfile, updateProfile, up
                         <h4>
                             @{user.idpProfile?.nickname}
                         </h4>
+                        {showCertificate && (
+                            <CertificateSection freshTickets={freshTickets} />
+                        )}
                         <ChangePasswordComponent updatePassword={handlePasswordUpdate} />
                     </div>
                     <div className="column">
@@ -661,6 +717,7 @@ const FullProfilePage = (
     {
         location,
         user,
+        summit,
         getIDPProfile,
         updateProfile,
         updateProfilePicture,
@@ -671,6 +728,7 @@ const FullProfilePage = (
         <Layout location={location}>
             <OrchestedTemplate
                 user={user}
+                summit={summit}
                 getIDPProfile={getIDPProfile}
                 updateProfile={updateProfile}
                 updateProfilePicture={updateProfilePicture}
@@ -695,8 +753,9 @@ FullProfilePageTemplate.propTypes = {
     updatePassword: PropTypes.func
 };
 
-const mapStateToProps = ({ userState }) => ({
+const mapStateToProps = ({ userState, summitState }) => ({
     user: userState,
+    summit: summitState.summit,
 });
 
 export default connect(mapStateToProps,

package/src/utils/certificateSettings.js

@@ -0,0 +1,45 @@
+import useMarketingSettings, { MARKETING_SETTINGS_KEYS, DISPLAY_OPTIONS } from './useMarketingSettings';
+
+export const useCertificateSettings = (siteFont = null) => {
+  const { getSettingByKey } = useMarketingSettings();
+  
+  const certificateKeys = {
+    // general summit keys
+    colorAccent: MARKETING_SETTINGS_KEYS.colorAccent,
+    colorPrimary: MARKETING_SETTINGS_KEYS.colorPrimary,
+    colorPrimaryContrast: MARKETING_SETTINGS_KEYS.colorPrimaryContrast,
+    colorSecondary: MARKETING_SETTINGS_KEYS.colorSecondary,
+    colorTextDark: MARKETING_SETTINGS_KEYS.colorTextDark,
+    colorTextLight: MARKETING_SETTINGS_KEYS.colorTextLight,
+    // certificate specific
+    enabled: MARKETING_SETTINGS_KEYS.certificateEnabled,
+    height: MARKETING_SETTINGS_KEYS.certificateHeight,
+    width: MARKETING_SETTINGS_KEYS.certificateWidth,
+    mainColor: MARKETING_SETTINGS_KEYS.certificateMainColor,
+    logo: MARKETING_SETTINGS_KEYS.certificateLogo,
+    logoWidth: MARKETING_SETTINGS_KEYS.certificateLogoWidth,
+    logoHeight: MARKETING_SETTINGS_KEYS.certificateLogoHeight,
+    titleText: MARKETING_SETTINGS_KEYS.certificateTitleText,
+    summitName: MARKETING_SETTINGS_KEYS.certificateSummitName,
+    showRole: MARKETING_SETTINGS_KEYS.certificateShowRole,
+  };
+
+  const certificateSettings = {};
+  
+  Object.entries(certificateKeys).forEach(([propName, key]) => {
+    const value = getSettingByKey(key);
+    if (value !== undefined) {
+      certificateSettings[propName] = value;
+    }
+  });
+
+  certificateSettings.enabled = certificateSettings.enabled !== DISPLAY_OPTIONS.hide;
+  certificateSettings.showRole = certificateSettings.showRole !== DISPLAY_OPTIONS.hide;
+  
+  // Pass through the site font information if available
+  if (siteFont) {
+    certificateSettings.siteFont = siteFont;
+  }
+  
+  return certificateSettings;
+};

package/src/utils/schedule.js

@@ -5,6 +5,8 @@ import { isString } from "lodash";
 import { getEnvVariable, SCHEDULE_EXCLUDING_TAGS } from "./envVariables";
 import {getUserAccessLevelIds, isAuthorizedUser} from './authorizedGroups';
 import {uniq} from "lodash";
+import * as Sentry from "@sentry/react";
+
 
 const groupByDay = (events) => {
   let groupedEvents = [];
@@ -61,13 +63,15 @@ export const filterEventsByTags = (events) => {
 
 export const filterEventsByTicket = (events, user) => {
   const assignedTickets = user?.summit_tickets || [];
-  const ticketTypeIds = uniq(assignedTickets.map(t => t.ticket_type?.id));
+  const ticketTypeIds = uniq(assignedTickets?.map(t => t?.ticket_type?.id));
 
   return events.filter(ev => {
-    const hasEventRestriction = ev.allowed_ticket_types.length > 0;
-    const typeAllowed = ev.type.allowed_ticket_types.length === 0 || ev.type.allowed_ticket_types.some(att => ticketTypeIds.includes(att));
+    const hasEventRestriction = ev?.allowed_ticket_types?.length > 0;
+    if(!ev?.allowed_ticket_types){
+        Sentry?.captureMessage(`event ${ev.id} has not set allowed_ticket_types collection`);
+    }
+    const typeAllowed = ev?.type?.allowed_ticket_types.length === 0 || ev?.type?.allowed_ticket_types.some(att => ticketTypeIds.includes(att));
     const eventAllowed = !hasEventRestriction || ev.allowed_ticket_types.some(att => ticketTypeIds.includes(att));
-
     return hasEventRestriction ? eventAllowed : typeAllowed;
   });
 };

package/src/utils/useMarketingSettings.js

@@ -1,6 +1,11 @@
 import * as React from "react";
 import { graphql, useStaticQuery } from "gatsby";
 
+export const DISPLAY_OPTIONS = {
+  show: "SHOW",
+  hide: "HIDE"
+};
+
 export const MARKETING_SETTINGS_KEYS = {
   disqusThreadsBy: "disqus_threads_by",
   disqusExcludeEvents: "disqus_exclude_events",
@@ -22,9 +27,51 @@ export const MARKETING_SETTINGS_KEYS = {
   regLiteOrderComplete2ndParagraph: "REG_LITE_ORDER_COMPLETE_STEP_2ND_PARAGRAPH",
   regLiteOrderCompleteButton: "REG_LITE_ORDER_COMPLETE_BTN_LABEL",
   regLiteNoAllowedTicketsMessage: "REG_LITE_NO_ALLOWED_TICKETS_MESSAGE",
+  // Color settings (from scssUtils/defaults)
+  colorAccent: "color_accent",
+  colorAlerts: "color_alerts",
+  colorBackgroundLight: "color_background_light",
+  colorBackgroundDark: "color_background_dark",
+  colorButtonBackgroundColor: "color_button_background_color",
+  colorButtonColor: "color_button_color",
+  colorGrayLighter: "color_gray_lighter",
+  colorGrayLight: "color_gray_light",
+  colorGrayDark: "color_gray_dark",
+  colorGrayDarker: "color_gray_darker",
+  colorHorizontalRuleLight: "color_horizontal_rule_light",
+  colorHorizontalRuleDark: "color_horizontal_rule_dark",
+  colorIconLight: "color_icon_light",
+  colorInputBackgroundColorLight: "color_input_background_color_light",
+  colorInputBackgroundColorDark: "color_input_background_color_dark",
+  colorInputBorderColorLight: "color_input_border_color_light",
+  colorInputBorderColorDark: "color_input_border_color_dark",
+  colorInputTextColorLight: "color_input_text_color_light",
+  colorInputTextColorDark: "color_input_text_color_dark",
+  colorInputTextColorDisabledLight: "color_input_text_color_disabled_light",
+  colorInputTextColorDisabledDark: "color_input_text_color_disabled_dark",
+  colorPrimary: "color_primary",
+  colorPrimaryContrast: "color_primary_contrast", 
+  colorSecondary: "color_secondary",
+  colorSecondaryContrast: "color_secondary_contrast",
+  colorTextLight: "color_text_light",
+  colorTextMed: "color_text_med",
+  colorTextDark: "color_text_dark",
+  colorTextInputHintsLight: "color_text_input_hints_light",
+  colorTextInputHintsDark: "color_text_input_hints_dark",
+  colorTextInputHints: "color_text_input_hints",
+  // Certificate of Attendance settings
+  certificateEnabled: "CERTIFICATE_ENABLED",
+  certificateHeight: "CERTIFICATE_HEIGHT",
+  certificateWidth: "CERTIFICATE_WIDTH",
+  certificateMainColor: "CERTIFICATE_MAIN_COLOR",
+  certificateLogo: "CERTIFICATE_LOGO",
+  certificateLogoWidth: "CERTIFICATE_LOGO_WIDTH",
+  certificateLogoHeight: "CERTIFICATE_LOGO_HEIGHT",
+  certificateTitleText: "CERTIFICATE_TITLE_TEXT",
+  certificateSummitName: "CERTIFICATE_SUMMIT_NAME",
+  certificateShowRole: "CERTIFICATE_SHOW_ROLE",
 }
 
-
 const marketingSettingsQuery = graphql`
   query {
     allMarketingSettingsJson {

package/src/utils/useSiteSettings.js

@@ -13,6 +13,17 @@ const siteSettingsQuery = graphql`
           publicURL
         }
       }
+      siteFont {
+        fontFamily
+        regularFont {
+          fontFile
+          fontFormat
+        }
+        boldFont {
+          fontFile
+          fontFormat
+        }
+      }
       widgets {
         chat {
           enabled

package/src/workers/feeds.worker.js

@@ -6,101 +6,96 @@ import speakersBuildJson from "data/speakers.json";
 import speakersIDXBuildJson from "data/speakers.idx.json";
 
 import {
-  bucket_getSummit,
-  bucket_getEvents,
-  bucket_getEventsIDX,
-  bucket_getSpeakers,
-  bucket_getSpeakersIDX
+    bucket_getSummit,
+    bucket_getEvents,
+    bucket_getEventsIDX,
+    bucket_getSpeakers,
+    bucket_getSpeakersIDX
 } from "../actions/update-data-actions";
 
 import {
-  SUMMIT_FILE_PATH,
-  EVENTS_FILE_PATH,
-  EVENTS_IDX_FILE_PATH,
-  SPEAKERS_FILE_PATH,
-  SPEAKERS_IDX_FILE_PATH
+    SUMMIT_FILE_PATH,
+    EVENTS_FILE_PATH,
+    EVENTS_IDX_FILE_PATH,
+    SPEAKERS_FILE_PATH,
+    SPEAKERS_IDX_FILE_PATH
 } from "../utils/filePath";
 
+const isNonEmptyObject = (v) =>
+    v && typeof v === "object" && !Array.isArray(v) && Object.keys(v).length > 0;
+
+const isNonEmptyArray = (v) => Array.isArray(v) && v.length > 0;
+
+const pick = (result, expect) => {
+    if (!result || typeof result !== "object") {
+        return {accepted: false, data: null, lastModified: 0};
+    }
+    const {file, lastModified} = result;
+    const ok =
+        expect === "object" ? isNonEmptyObject(file) :
+            expect === "array" ? isNonEmptyArray(file) : false;
+
+    return ok
+        ? {accepted: true, data: file, lastModified: lastModified}
+        : {accepted: false, data: null, lastModified: 0};
+};
+
 /* eslint-disable-next-line no-restricted-globals */
 self.onmessage = async ({data: {summitId, staticJsonFilesBuildTime}}) => {
-  staticJsonFilesBuildTime = JSON.parse(staticJsonFilesBuildTime);
-
-  console.log(`feeds worker running for ${summitId} ....`)
-  const calls = [];
-
-  // events
-  let buildTime = staticJsonFilesBuildTime.find(e => e.file === EVENTS_FILE_PATH).build_time;
-
-  calls.push(bucket_getEvents(summitId, buildTime));
-
-  buildTime = staticJsonFilesBuildTime.find(e => e.file === EVENTS_IDX_FILE_PATH).build_time;
-  calls.push(bucket_getEventsIDX(summitId, buildTime));
-
-  // summit
-  buildTime = staticJsonFilesBuildTime.find(e => e.file === SUMMIT_FILE_PATH).build_time;
-  calls.push(bucket_getSummit(summitId, buildTime));
-
-  //speakers
-  buildTime = staticJsonFilesBuildTime.find(e => e.file === SPEAKERS_FILE_PATH).build_time;
-  calls.push(bucket_getSpeakers(summitId, buildTime));
-
-  buildTime = staticJsonFilesBuildTime.find(e => e.file === SPEAKERS_IDX_FILE_PATH).build_time;
-  calls.push(bucket_getSpeakersIDX(summitId, buildTime));
-
-  Promise.all(calls)
-    .then((values) => {
-      let lastModified = settings.lastBuild;
-      let eventsData = values[0];
-      let eventsIDXData = values[1];
-      let summitData = values[2];
-      let speakersData = values[3];
-      let speakersIXData = values[4];
-
-      // if null , then set the SSR content
-      // summit
-      if (summitData && summitData?.file){
-        if(summitData.lastModified > lastModified)
-          lastModified = summitData.lastModified;
-        summitData = summitData.file;
-      }
-      else
-        summitData = summitBuildJson;
-      // events
-      if (eventsData && eventsData?.file){
-        if(eventsData.lastModified > lastModified)
-          lastModified = eventsData.lastModified;
-        eventsData = eventsData.file;
-      }
-      else
-        eventsData = eventsBuildJson;
-      // events idx
-      if (eventsIDXData && eventsIDXData?.file){
-        if(eventsIDXData.lastModified > lastModified)
-          lastModified = eventsIDXData.lastModified;
-        eventsIDXData = eventsIDXData.file;
-      }
-      else
-        eventsIDXData = eventsIDXBuildJson;
-      // speakers
-      if (speakersData && speakersData?.file){
-        if(speakersData.lastModified > lastModified)
-          lastModified = speakersData.lastModified;
-        speakersData = speakersData.file;
-      }
-      else
-        speakersData = speakersBuildJson;
-      // speakers idx
-      if (speakersIXData && speakersIXData?.file){
-        if(speakersIXData.lastModified > lastModified)
-          lastModified = speakersIXData.lastModified;
-        speakersIXData = speakersIXData.file;
-      }
-      else
-        speakersIXData = speakersIDXBuildJson;
-
-      /* eslint-disable-next-line no-restricted-globals */
-      self.postMessage({
-        eventsData, summitData, speakersData, eventsIDXData, speakersIXData, lastModified
-      });
-    });
+    staticJsonFilesBuildTime = JSON.parse(staticJsonFilesBuildTime);
+
+    console.log(`feeds worker running for ${summitId} ....`)
+    const calls = [];
+
+    // events
+    let buildTime = staticJsonFilesBuildTime.find(e => e.file === EVENTS_FILE_PATH).build_time;
+
+    calls.push(bucket_getEvents(summitId, buildTime));
+
+    buildTime = staticJsonFilesBuildTime.find(e => e.file === EVENTS_IDX_FILE_PATH).build_time;
+    calls.push(bucket_getEventsIDX(summitId, buildTime));
+
+    // summit
+    buildTime = staticJsonFilesBuildTime.find(e => e.file === SUMMIT_FILE_PATH).build_time;
+    calls.push(bucket_getSummit(summitId, buildTime));
+
+    //speakers
+    buildTime = staticJsonFilesBuildTime.find(e => e.file === SPEAKERS_FILE_PATH).build_time;
+    calls.push(bucket_getSpeakers(summitId, buildTime));
+
+    buildTime = staticJsonFilesBuildTime.find(e => e.file === SPEAKERS_IDX_FILE_PATH).build_time;
+    calls.push(bucket_getSpeakersIDX(summitId, buildTime));
+
+    Promise.all(calls)
+        .then((values) => {
+            let lastModified = settings.lastBuild;
+            let eventsData = values[0];
+            let eventsIDXData = values[1];
+            let summitData = values[2];
+            let speakersData = values[3];
+            let speakersIXData = values[4];
+
+            // if null , then set the SSR content
+            // summit
+            const summitDataPicked = pick(summitData, "object");
+            summitData = summitDataPicked.accepted && summitDataPicked.lastModified > lastModified ? summitDataPicked.data : summitBuildJson;
+            // events
+            const eventsDataPicked = pick(eventsData, "array");
+            eventsData = eventsDataPicked.accepted && eventsDataPicked.lastModified > lastModified ? eventsDataPicked.data : eventsBuildJson;
+            // events idx
+            const eventsIDXDataPicked = pick(eventsIDXData, "object");
+            eventsIDXData = eventsIDXDataPicked.accepted && eventsIDXDataPicked.lastModified > lastModified ? eventsIDXDataPicked.data : eventsIDXBuildJson;
+            // speakers
+            const speakersDataPicked = pick(speakersData, "array");
+            speakersData = speakersDataPicked.accepted && speakersDataPicked.lastModified > lastModified ? speakersDataPicked.data : speakersBuildJson;
+            // speakers idx
+            const speakersIXDataPicked = pick(speakersIXData, "object");
+            speakersIXData = speakersIXDataPicked.accepted && speakersIXDataPicked.lastModified > lastModified ? speakersIXDataPicked.data : speakersIDXBuildJson;
+
+
+            /* eslint-disable-next-line no-restricted-globals */
+            self.postMessage({
+                eventsData, summitData, speakersData, eventsIDXData, speakersIXData, lastModified
+            });
+        });
 };

package/static/fonts/fonts.css

@@ -1,65 +1,165 @@
 /**
- * Generated using google-webfonts-helper
- * @see http://google-webfonts-helper.herokuapp.com/fonts/nunito-sans?subsets=latin
+ * Nunito Sans Font Family - Version 18
+ * Weights: 200, 300, 400, 500, 600, 700, 800, 900
+ * Styles: normal, italic
  */
 
+/* nunito-sans-200 - latin */
+@font-face {
+  font-family: "Nunito Sans";
+  font-style: normal;
+  font-weight: 200;
+  font-display: swap;
+  src: local(""),
+    url("nunito-sans/nunito-sans-v18-latin-200.woff2") format("woff2");
+}
+
+/* nunito-sans-200italic - latin */
+@font-face {
+  font-family: "Nunito Sans";
+  font-style: italic;
+  font-weight: 200;
+  font-display: swap;
+  src: local(""),
+    url("nunito-sans/nunito-sans-v18-latin-200italic.woff2") format("woff2");
+}
+
 /* nunito-sans-300 - latin */
 @font-face {
   font-family: "Nunito Sans";
   font-style: normal;
   font-weight: 300;
+  font-display: swap;
   src: local(""),
-    url("nunito-sans/nunito-sans-v12-latin-300.woff2") format("woff2"),
-    /* Chrome 26+, Opera 23+, Firefox 39+ */
-      url("nunito-sans/nunito-sans-v12-latin-300.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+    url("nunito-sans/nunito-sans-v18-latin-300.woff2") format("woff2");
 }
+
 /* nunito-sans-300italic - latin */
 @font-face {
   font-family: "Nunito Sans";
   font-style: italic;
   font-weight: 300;
+  font-display: swap;
+  src: local(""),
+    url("nunito-sans/nunito-sans-v18-latin-300italic.woff2") format("woff2");
+}
+
+/* nunito-sans-400 - latin */
+@font-face {
+  font-family: "Nunito Sans";
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: local(""),
+    url("nunito-sans/nunito-sans-v18-latin-400.woff2") format("woff2");
+}
+
+/* nunito-sans-400italic - latin */
+@font-face {
+  font-family: "Nunito Sans";
+  font-style: italic;
+  font-weight: 400;
+  font-display: swap;
+  src: local(""),
+    url("nunito-sans/nunito-sans-v18-latin-400italic.woff2") format("woff2");
+}
+
+/* nunito-sans-500 - latin */
+@font-face {
+  font-family: "Nunito Sans";
+  font-style: normal;
+  font-weight: 500;
+  font-display: swap;
+  src: local(""),
+    url("nunito-sans/nunito-sans-v18-latin-500.woff2") format("woff2");
+}
+
+/* nunito-sans-500italic - latin */
+@font-face {
+  font-family: "Nunito Sans";
+  font-style: italic;
+  font-weight: 500;
+  font-display: swap;
   src: local(""),
-    url("nunito-sans/nunito-sans-v12-latin-300italic.woff2") format("woff2"),
-    /* Chrome 26+, Opera 23+, Firefox 39+ */
-      url("nunito-sans/nunito-sans-v12-latin-300italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+    url("nunito-sans/nunito-sans-v18-latin-500italic.woff2") format("woff2");
 }
+
 /* nunito-sans-600 - latin */
 @font-face {
   font-family: "Nunito Sans";
   font-style: normal;
   font-weight: 600;
+  font-display: swap;
   src: local(""),
-    url("nunito-sans/nunito-sans-v12-latin-600.woff2") format("woff2"),
-    /* Chrome 26+, Opera 23+, Firefox 39+ */
-      url("nunito-sans/nunito-sans-v12-latin-600.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+    url("nunito-sans/nunito-sans-v18-latin-600.woff2") format("woff2");
 }
+
 /* nunito-sans-600italic - latin */
 @font-face {
   font-family: "Nunito Sans";
   font-style: italic;
   font-weight: 600;
+  font-display: swap;
   src: local(""),
-    url("nunito-sans/nunito-sans-v12-latin-600italic.woff2") format("woff2"),
-    /* Chrome 26+, Opera 23+, Firefox 39+ */
-      url("nunito-sans/nunito-sans-v12-latin-600italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+    url("nunito-sans/nunito-sans-v18-latin-600italic.woff2") format("woff2");
 }
+
 /* nunito-sans-700 - latin */
 @font-face {
   font-family: "Nunito Sans";
   font-style: normal;
   font-weight: 700;
+  font-display: swap;
   src: local(""),
-    url("nunito-sans/nunito-sans-v12-latin-700.woff2") format("woff2"),
-    /* Chrome 26+, Opera 23+, Firefox 39+ */
-      url("nunito-sans/nunito-sans-v12-latin-700.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+    url("nunito-sans/nunito-sans-v18-latin-700.woff2") format("woff2");
 }
+
 /* nunito-sans-700italic - latin */
 @font-face {
   font-family: "Nunito Sans";
   font-style: italic;
   font-weight: 700;
+  font-display: swap;
+  src: local(""),
+    url("nunito-sans/nunito-sans-v18-latin-700italic.woff2") format("woff2");
+}
+
+/* nunito-sans-800 - latin */
+@font-face {
+  font-family: "Nunito Sans";
+  font-style: normal;
+  font-weight: 800;
+  font-display: swap;
+  src: local(""),
+    url("nunito-sans/nunito-sans-v18-latin-800.woff2") format("woff2");
+}
+
+/* nunito-sans-800italic - latin */
+@font-face {
+  font-family: "Nunito Sans";
+  font-style: italic;
+  font-weight: 800;
+  font-display: swap;
+  src: local(""),
+    url("nunito-sans/nunito-sans-v18-latin-800italic.woff2") format("woff2");
+}
+
+/* nunito-sans-900 - latin */
+@font-face {
+  font-family: "Nunito Sans";
+  font-style: normal;
+  font-weight: 900;
+  font-display: swap;
   src: local(""),
-    url("nunito-sans/nunito-sans-v12-latin-700italic.woff2") format("woff2"),
-    /* Chrome 26+, Opera 23+, Firefox 39+ */
-      url("nunito-sans/nunito-sans-v12-latin-700italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+    url("nunito-sans/nunito-sans-v18-latin-900.woff2") format("woff2");
 }
+
+/* nunito-sans-900italic - latin */
+@font-face {
+  font-family: "Nunito Sans";
+  font-style: italic;
+  font-weight: 900;
+  font-display: swap;
+  src: local(""),
+    url("nunito-sans/nunito-sans-v18-latin-900italic.woff2") format("woff2");
+}