@openeventkit/event-site 2.1.41 → 2.1.43

package/.claude/CLAUDE.md

@@ -0,0 +1,122 @@
+# Event Site - Claude Local Settings
+
+## Package Manager
+
+This project uses **yarn** (not npm).
+
+## Node Version
+
+This project requires Node.js 20.19.4 (see `.nvmrc`).
+
+Before running any yarn commands, always use nvm:
+
+```bash
+source ~/.nvm/nvm.sh && nvm use
+```
+
+## Build Commands
+
+```bash
+# Install dependencies
+source ~/.nvm/nvm.sh && nvm use && yarn install
+
+# Development
+source ~/.nvm/nvm.sh && nvm use && yarn develop
+
+# Production build
+source ~/.nvm/nvm.sh && nvm use && yarn build
+
+# Clean
+source ~/.nvm/nvm.sh && nvm use && yarn clean
+```
+
+## Release Workflow
+
+This package is published to npm as `@openeventkit/event-site` and used as a theme by client sites (e.g., `fnevent-tier1-default-theme`, `fnevent-2025ocpemea-theme`).
+
+### Steps to release a new version:
+
+1. **Pull latest main**:
+   ```bash
+   git checkout main && git pull origin main
+   ```
+
+2. **Update dependencies** (if needed, e.g., widget updates):
+   ```bash
+   # Update package.json with new widget version
+   # Run yarn install to update yarn.lock
+   source ~/.nvm/nvm.sh && nvm use && yarn install
+   git add package.json yarn.lock
+   git commit -m "chore: update my-orders-tickets-widget to X.X.X"
+   ```
+
+3. **Bump version** in package.json:
+   ```bash
+   # Update version field in package.json (e.g., 2.1.41 → 2.1.42)
+   git add package.json
+   git commit -m "2.1.42"
+   ```
+
+4. **Tag and push**:
+   ```bash
+   git tag -a v2.1.42 -m "2.1.42"
+   git push origin main --tags
+   ```
+
+5. **Build to verify**, then **publish to npm**:
+   ```bash
+   # NPM token is configured in ~/.npmrc
+   source ~/.nvm/nvm.sh && nvm use && yarn build && npm publish
+   ```
+
+6. **Update client themes** to use the new version and deploy.
+
+### Notes:
+- Widget updates are typically direct commits to main (not PRs)
+- Version bumps are also direct commits to main
+- Client themes are in `/Users/gcutrini/Development/Work/fntech/`
+- Before `npm publish`, temporarily add `.claude/` to `.npmignore` to avoid publishing local settings, then rollback after publish
+
+## Pull Request Guidelines
+
+- Do NOT include "Test plan" sections in PR descriptions
+- Testing instructions should be added to the ClickUp task, not the PR
+- Always end with `ref: <clickup_task_url>`
+- When asked to "assign" a PR to someone, add them as a **reviewer** (not assignee)
+
+## Team Usernames
+
+| Name | GitHub | ClickUp ID |
+|------|--------|------------|
+| Santiago Palenque | santipalenque | 42976547 |
+| Sebastian Marcet | smarcet | 88382342 |
+| Román Gutierrez | romanetar | 88434939 |
+| JP Maxwell | - | 156169762 |
+| Mark Leutwyler | - | 88381000 |
+
+## Time Tracking
+
+- Always set time entries as **billable**
+- Add a brief description in **past tense** (e.g., "Fixed PDF receipt bug" not "Fix PDF receipt bug")
+- Time entries can be edited via ClickUp API if adjustment needed
+
+## Terminology
+
+- "Tasks" = ClickUp tasks (not GitHub)
+
+## ClickUp Comment Mentions
+
+To tag users in ClickUp comments via API, use structured JSON format (not plain `@user_id`):
+
+```bash
+curl -X POST "https://api.clickup.com/api/v2/task/TASK_ID/comment" \
+  -H "Authorization: CLICKUP_API_TOKEN" \
+  -H "Content-Type: application/json" \
+  -d '{
+    "comment": [
+      {"text": "Message before "},
+      {"type": "tag", "user": {"id": USER_ID}},
+      {"text": " message after"}
+    ]
+  }'
+```

package/.claude/settings.local.json

@@ -1,11 +1,20 @@
 {
   "permissions": {
     "allow": [
+      "Bash(ls:*)",
       "Bash(source ~/.nvm/nvm.sh)",
-      "Bash(nvm use v20.19.5)",
-      "Bash(npm run develop:*)"
-    ],
-    "deny": [],
-    "ask": []
+      "Bash(nvm use:*)",
+      "Bash(yarn gatsby clean:*)",
+      "Bash(time yarn build:*)",
+      "Bash(xargs du:*)",
+      "Bash(find:*)",
+      "Bash(du -sh:*)",
+      "Bash(git checkout:*)",
+      "Bash(yarn why:*)",
+      "Bash(git add:*)",
+      "Bash(git commit:*)",
+      "Bash(git cherry-pick:*)",
+      "mcp__clickup__clickup_find_member_by_name"
+    ]
   }
 }

package/README.md

@@ -120,6 +120,14 @@ MacOS users might also encounter some errors, for more info check [node-gyp](htt
 
 This plugin uses [gatsby-plugin-purgecss](https://www.gatsbyjs.org/packages/gatsby-plugin-purgecss/) and [bulma](https://bulma.io/). The bulma builds are usually ~170K but reduced 90% by purgecss.
 
+## Dependency Notes
+
+### cross-fetch Resolution
+
+The `cross-fetch` package is pinned to version 3.1.8 via `resolutions`/`overrides` in package.json to fix a "Failed to execute 'fetch' on 'Window': Illegal invocation" error that occurs with `@react-pdf/renderer` when loading custom fonts.
+
+See: https://github.com/diegomura/react-pdf/issues/3034
+
 # CONTRIBUTING
 
 Contributions are always welcome, no matter how large or small. Before contributing,

package/gatsby-browser.js

@@ -17,6 +17,9 @@ import "./src/styles/bulma.scss";
 import "./src/styles/style.scss";
 // import global fontawesome
 import "./src/utils/fontAwesome";
+// PDF font registration
+import { initializePdfFonts } from "./src/utils/pdfFonts";
+import fontVariable from "./static/fonts/nunito-sans/NunitoSans-Variable.ttf";
 
 import colors from "data/colors.json";
 import marketingSettings from "data/marketing-settings.json";
@@ -29,6 +32,18 @@ export const onClientEntry = () => {
   // smooth scroll polyfill needed for Safari
   smoothscroll.polyfill();
 
+  // Initialize PDF fonts for certificate and receipt generation
+  // Import site settings to check for custom fonts
+  import("./src/content/site-settings/index.json").then((siteSettings) => {
+    initializePdfFonts({
+      defaultFontFile: fontVariable,
+      siteFont: siteSettings.siteFont
+    });
+  }).catch(() => {
+    // Fall back to default font if site settings can't be loaded
+    initializePdfFonts({ defaultFontFile: fontVariable });
+  });
+
   // show cookie consent only if google tag manager was deferred loaded
   // see gatsby-google-tag-manager-plugin in gatsby-config
   if (getEnvVariable(GOOGLE_TAGMANAGER_ID)) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@openeventkit/event-site",
   "description": "Event Site",
-  "version": "2.1.41",
+  "version": "2.1.43",
   "author": "Tipit LLC",
   "dependencies": {
     "@emotion/server": "^11.11.0",
@@ -87,7 +87,7 @@
     "markdown-it": "^12.0.0",
     "moment": "^2.27.0",
     "moment-timezone": "^0.5.31",
-    "my-orders-tickets-widget": "1.0.6",
+    "my-orders-tickets-widget": "1.0.9",
     "object.assign": "^4.1.5",
     "openstack-uicore-foundation": "4.2.16",
     "path-browserify": "^1.0.1",
@@ -135,7 +135,7 @@
     "stream-browserify": "^3.0.0",
     "stream-chat": "^2.7.2",
     "stream-chat-react": "3.1.7",
-    "summit-registration-lite": "6.0.5",
+    "summit-registration-lite": "6.0.6",
     "superagent": "8.0.9",
     "sweetalert2": "^11.11.1",
     "upcoming-events-widget": "3.0.7",
@@ -161,7 +161,7 @@
     "gatsby-clean": "gatsby clean",
     "start": "npm run develop",
     "build": "NODE_ENV=production NODE_OPTIONS=--max-old-space-size=10240 cross-env node --trace-warnings node_modules/.bin/gatsby build --log-pages",
-    "develop": "NODE_OPTIONS=--max-old-space-size=8192 npm run gatsby-clean && node --trace-warnings node_modules/.bin/gatsby develop --S -H 0.0.0.0",
+    "develop": "NODE_OPTIONS=--max-old-space-size=8192 npm run gatsby-clean && NODE_OPTIONS=--max-old-space-size=8192 node --trace-warnings node_modules/.bin/gatsby develop --S -H 0.0.0.0",
     "format": "prettier --trailing-comma es5 --no-semi --single-quote --write \"{gatsby-*.js,src/**/*.js}\"",
     "test": "jest",
     "update-libs": "yarn upgrade live-event-widget openstack-uicore-foundation schedule-lite simple-chat-widget speakers-widget attendee-to-attendee-widget"
@@ -225,5 +225,11 @@
     "setupFilesAfterEnv": [
       "<rootDir>/jest.setup.js"
     ]
+  },
+  "resolutions": {
+    "cross-fetch": "3.1.8"
+  },
+  "overrides": {
+    "cross-fetch": "3.1.8"
   }
 }

package/src/actions/event-actions.js

@@ -103,14 +103,7 @@ export const getEventStreamingInfoById = (
         customErrorHandler,
         {},
         true)
-    (params)(dispatch).then((payload) => {
-        return payload
-    }).catch(e => {
-        dispatch(createAction(GET_EVENT_DATA_ERROR)(e));
-        console.log('ERROR: ', e);
-        clearAccessToken();
-        return (e);
-    });
+    (params)(dispatch);
 };
 
 /**

package/src/components/Certificates/generatePDF.js

@@ -1,94 +1,12 @@
 import React from "react";
-import { Document, Page, Text, View, Image, StyleSheet, Font, pdf } from "@react-pdf/renderer";
+import { Document, Page, Text, View, Image, StyleSheet, pdf } from "@react-pdf/renderer";
 
-import fontVariable from "../../../static/fonts/nunito-sans/NunitoSans-Variable.ttf";
+import {
+  getRegisteredFontFamily,
+  registerCustomFont
+} from "../../utils/pdfFonts";
 import { USER_ROLES } from './constants';
 
-const registerDefaultFont = () => {
-  try {
-    Font.register({
-      family: "Nunito Sans",
-      fonts: [
-        {
-          src: fontVariable,
-          fontWeight: "normal"
-        },
-        {
-          src: fontVariable,
-          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
@@ -119,26 +37,6 @@ const calculateOptimalFontSize = (text, maxWidth = 650, initialFontSize = 48, mi
   return finalSize;
 };
 
-// Validate image URL before PDF generation
-const validateImageUrl = async (url) => {
-  if (!url) return null;
-  
-  try {
-    const response = await fetch(url, {
-      method: 'GET',
-      mode: 'cors'
-    });
-    
-    if (response.ok) {
-      return url;
-    }
-    return null;
-  } catch (error) {
-    console.warn("Image validation failed:", error);
-    return null;
-  }
-};
-
 const CertificatePDF = ({ 
   attendee, 
   summit, 
@@ -156,17 +54,15 @@ const CertificatePDF = ({
   const nameFontSize = calculateOptimalFontSize(fullName);
 
 
-  let fontFamily = "Nunito Sans";
+  // Use fonts registered at app init, or try custom font from site settings
+  let fontFamily = getRegisteredFontFamily();
 
+  // If site settings has a custom font, try to register it (may already be registered at init)
   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({
@@ -336,15 +232,13 @@ const CertificatePDF = ({
 // helper function to generate and download the certificate
 export const generatePDF = async (attendee, summit, settings) => {
   try {
-    // Validate logo URL before generating PDF
-    const logoUrlToValidate = settings.logo || summit.logo;
-    const validatedLogoUrl = await validateImageUrl(logoUrlToValidate);
-    
-    const doc = <CertificatePDF 
-      attendee={attendee} 
-      summit={summit} 
+    const logoUrl = settings.logo || summit.logo || null;
+
+    const doc = <CertificatePDF
+      attendee={attendee}
+      summit={summit}
       settings={settings}
-      logoUrl={validatedLogoUrl}
+      logoUrl={logoUrl}
     />;
     const blob = await pdf(doc).toBlob();
     

package/src/components/MyOrdersTicketsComponent.js

@@ -8,6 +8,9 @@ import loadable from "@loadable/component";
 import 'my-orders-tickets-widget/dist/index.css';
 import 'my-orders-tickets-widget/dist/i18n';
 import { SentryFallbackFunction } from "./SentryErrorComponent";
+import useMarketingSettings, { MARKETING_SETTINGS_KEYS } from '../utils/useMarketingSettings';
+import useSiteSettings from '../utils/useSiteSettings';
+import { DEFAULT_FONT_FAMILY, DEFAULT_FONT_PATH, getFontUrl } from '../utils/pdfFonts';
 const MyOrdersMyTicketsWidget = loadable(() => import("my-orders-tickets-widget/dist/index"), {
     ssr: false,
     fallback: null,
@@ -17,9 +20,34 @@ export const MyOrdersTicketsComponent = () => {
     const dispatch = useDispatch();
     const user = useSelector(state => state.userState);
     const summit = useSelector(state => state.summitState.summit);
+    const { getSettingByKey } = useMarketingSettings();
+    const siteSettings = useSiteSettings();
 
     if (!summit) return null;
 
+    // Get font info from site settings, defaulting to Nunito Sans
+    const siteFont = siteSettings?.siteFont;
+    const fontFamily = siteFont?.fontFamily || DEFAULT_FONT_FAMILY;
+    const fontUrl = getFontUrl(siteFont?.regularFont?.fontFile || DEFAULT_FONT_PATH, window.location.origin);
+
+    // Build receipt settings from marketing settings
+    const receiptSettings = {
+        primaryColor: getSettingByKey(MARKETING_SETTINGS_KEYS.colorPrimary),
+        fontFamily,
+        fontUrl,
+        printLogo: getSettingByKey(MARKETING_SETTINGS_KEYS.printLogo),
+        organizerLegalName: getSettingByKey(MARKETING_SETTINGS_KEYS.receiptOrganizerLegalName),
+        organizerAddressLine1: getSettingByKey(MARKETING_SETTINGS_KEYS.receiptOrganizerAddressLine1),
+        organizerAddressLine2: getSettingByKey(MARKETING_SETTINGS_KEYS.receiptOrganizerAddressLine2),
+        organizerCity: getSettingByKey(MARKETING_SETTINGS_KEYS.receiptOrganizerCity),
+        organizerState: getSettingByKey(MARKETING_SETTINGS_KEYS.receiptOrganizerState),
+        organizerPostalCode: getSettingByKey(MARKETING_SETTINGS_KEYS.receiptOrganizerPostalCode),
+        organizerCountry: getSettingByKey(MARKETING_SETTINGS_KEYS.receiptOrganizerCountry),
+        organizerTaxId: getSettingByKey(MARKETING_SETTINGS_KEYS.receiptOrganizerTaxId),
+        organizerTaxIdLabel: getSettingByKey(MARKETING_SETTINGS_KEYS.receiptOrganizerTaxIdLabel),
+        supportEmail: summit.support_email || getEnvVariable(SUPPORT_EMAIL),
+    };
+
     const widgetProps = {
         apiBaseUrl: getEnvVariable(SUMMIT_API_BASE_URL),
         clientId: getEnvVariable(OAUTH2_CLIENT_ID),
@@ -30,6 +58,7 @@ export const MyOrdersTicketsComponent = () => {
         updateProfile: (profile) =>  dispatch(updateProfile(profile)),
         summit,
         user,
+        receiptSettings,
         onTicketAssigned: (ticket) => dispatch(ticketOwnerChange(ticket))
     };
 

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

@@ -1 +1 @@
-{"favicon":{"asset":"icon.png"},"widgets":{"chat":{"enabled":true,"showQA":false,"showHelp":false,"defaultScope":"page"},"schedule":{"allowClick":true}},"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}],"maintenanceMode":{"enabled":false,"title":"Site under maintenance","subtitle":"Please reload page shortly"},"staticJsonFilesBuildTime":[{"file":"src/data/summit.json","build_time":1757078904637},{"file":"src/data/events.json","build_time":1757078906503},{"file":"src/data/events.idx.json","build_time":1757078906506},{"file":"src/data/speakers.json","build_time":1757078907177},{"file":"src/data/speakers.idx.json","build_time":1757078907177},{"file":"src/content/sponsors.json","build_time":1757078912121},{"file":"src/data/voteable-presentations.json","build_time":1757078912473}],"lastBuild":1757078912473}
+{"favicon":{"asset":"icon.png"},"widgets":{"chat":{"enabled":true,"showQA":false,"showHelp":false,"defaultScope":"page"},"schedule":{"allowClick":true}},"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}],"maintenanceMode":{"enabled":false,"title":"Site under maintenance","subtitle":"Please reload page shortly"},"staticJsonFilesBuildTime":[{"file":"src/data/summit.json","build_time":1769788624706},{"file":"src/data/events.json","build_time":1769788626401},{"file":"src/data/events.idx.json","build_time":1769788626403},{"file":"src/data/speakers.json","build_time":1769788626986},{"file":"src/data/speakers.idx.json","build_time":1769788626987},{"file":"src/content/sponsors.json","build_time":1769788629079},{"file":"src/data/voteable-presentations.json","build_time":1769788629429}],"lastBuild":1769788629430}