@openeventkit/event-site 2.0.115 → 2.0.117

package/plugins/gatsby-plugin-google-tagmanager/LICENSE

@@ -0,0 +1,22 @@
+The MIT License (MIT)
+
+Copyright (c) 2015 Gatsbyjs
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+

package/plugins/gatsby-plugin-google-tagmanager/README.md

@@ -0,0 +1,102 @@
+# gatsby-plugin-google-tagmanager
+
+Easily add Google Tagmanager to your Gatsby site.
+
+## Install
+
+`npm install gatsby-plugin-google-tagmanager`
+
+## How to use
+
+// In your gatsby-config.js
+plugins: [
+  {
+    resolve: "gatsby-plugin-google-tagmanager",
+    options: {
+      id: "YOUR_GOOGLE_TAGMANAGER_ID",
+
+      // Include GTM in development.
+      //
+      // Defaults to false meaning GTM will only be loaded in production.
+      includeInDevelopment: false,
+
+      // datalayer to be set before GTM is loaded
+      // should be an object or a function that is executed in the browser
+      //
+      // Defaults to null
+      defaultDataLayer: { platform: "gatsby" },
+
+      // Specify optional GTM environment details.
+      gtmAuth: "YOUR_GOOGLE_TAGMANAGER_ENVIRONMENT_AUTH_STRING",
+      gtmPreview: "YOUR_GOOGLE_TAGMANAGER_ENVIRONMENT_PREVIEW_NAME",
+      dataLayerName: "YOUR_DATA_LAYER_NAME",
+
+      // Name of the event that is triggered
+      // on every Gatsby route change.
+      //
+      // Defaults to gatsby-route-change
+      routeChangeEventName: "YOUR_ROUTE_CHANGE_EVENT_NAME",
+      // Defaults to false
+      enableWebVitalsTracking: true,
+      // Defaults to https://www.googletagmanager.com
+      selfHostedOrigin: "YOUR_SELF_HOSTED_ORIGIN",
+      // Defaults to gtm.js
+      selfHostedPath: "YOUR_SELF_HOSTED_PATH",
+      
+      // Defer loading of GTM script until consent is given.
+      deferLoading: true,
+    },
+  },
+]
+
+If you like to use data at runtime for your defaultDataLayer you can do that by defining it as a function.
+
+// In your gatsby-config.js
+plugins: [
+  {
+    resolve: "gatsby-plugin-google-tagmanager",
+    options: {
+      // datalayer to be set before GTM is loaded
+      // should be a stringified object or object
+      //
+      // Defaults to null
+      defaultDataLayer: function () {
+        return {
+          pageType: window.pageType,
+        }
+      },
+    },
+  },
+]
+
+This plugin only initiates the tag manager _container_. If you want to use Google Analytics, please also add `gatsby-plugin-google-analytics`.
+
+If you want to link analytics use with anything inside the container (for example, a cookie consent manager such as OneTrust), you will need to ensure that the tag manager script comes _before_ the analytics script in your `gatsby-config.js`.
+
+#### Tracking routes
+
+This plugin will fire a new event called `gatsby-route-change` (or as in the `gatsby-config.js` configured `routeChangeEventName`) whenever a route is changed in your Gatsby application. To record this in Google Tag Manager, we will need to add a trigger to the desired tag to listen for the event:
+
+1. Visit the [Google Tag Manager console](https://tagmanager.google.com/) and click on the workspace for your site.
+2. Navigate to the desired tag using the 'Tags' tab of the menu on the right hand side.
+3. Under "Triggering", click the pencil icon, then the "+" button to add a new trigger.
+4. In the "Choose a trigger" window, click on the "+" button again.
+5. Choose the trigger type by clicking the pencil button and clicking "Custom event". For event name, enter `gatsby-route-change` (or as in the `gatsby-config.js` configured `routeChangeEventName`).
+
+This tag will now catch every route change in Gatsby, and you can add Google tag services as you wish to it.
+
+#### Tracking Core Web Vitals
+
+Optimizing for the quality of user experience is key to the long-term success of any site on the web. Capturing Real user metrics (RUM) helps you understand the experience of your user/customer. By setting `enableWebVitalsTracking` to `true`, GTM will get ["core-web-vitals"](https://web.dev/vitals/) events with their values.
+
+You can save this data in Google Analytics or any database of your choosing.
+
+We send three metrics:
+
+- **Largest Contentful Paint (LCP)**: measures loading performance. To provide a good user experience, LCP should occur within 2.5 seconds of when the page first starts loading.
+- **First Input Delay (FID)**: measures interactivity. To provide a good user experience, pages should have a FID of 100 milliseconds or less.
+- **Cumulative Layout Shift (CLS)**: measures visual stability. To provide a good user experience, pages should maintain a CLS of 0.1. or less.
+
+#### Note
+
+Out of the box this plugin will simply load Google Tag Manager on the initial page/app load. It's up to you to fire tags based on changes in your app. See the above "Tracking routes" section for an example.

package/plugins/gatsby-plugin-google-tagmanager/gatsby-browser.js

@@ -0,0 +1,99 @@
+const listOfMetricsSend = new Set();
+
+const debounce = (fn, timeout) => {
+  let timer = null;
+
+  return (...args) => {
+    if (timer) {
+      clearTimeout(timer);
+    }
+
+    timer = setTimeout(fn, timeout, ...args);
+  };
+};
+
+const sendWebVitals = (dataLayerName = "dataLayer") => {
+  const win = window;
+
+  const sendData = (data) => {
+    if (listOfMetricsSend.has(data.name)) {
+      return;
+    }
+    listOfMetricsSend.add(data.name);
+
+    sendToGTM(data, win[dataLayerName]);
+  };
+
+  return import("web-vitals/base").then(({ getLCP, getFID, getCLS }) => {
+    const debouncedCLS = debounce(sendData, 3000);
+    // we don't need to debounce FID - we send it when it happens
+    const debouncedFID = sendData;
+    // LCP can occur multiple times so we debounce it
+    const debouncedLCP = debounce(sendData, 3000);
+
+    // With the true flag, we measure all previous occurrences too, in case we start listening too late.
+    getCLS(debouncedCLS, true);
+    getFID(debouncedFID, true);
+    getLCP(debouncedLCP, true);
+  });
+};
+
+const sendToGTM = ({ name, value, id }, dataLayer) => {
+  // Log warning and return if dataLayer is undefined
+  if (!dataLayer) {
+    console.log("GTM dataLayer is undefined. Consent granted?");
+    return;
+  }
+
+  dataLayer.push({
+    event: "core-web-vitals",
+    webVitalsMeasurement: {
+      name: name,
+      // The `id` value will be unique to the current page load. When sending
+      // multiple values from the same page (e.g. for CLS), Google Analytics can
+      // compute a total by grouping on this ID (note: requires `eventLabel` to
+      // be a dimension in your report).
+      id,
+      // Google Analytics metrics must be integers, so the value is rounded.
+      // For CLS the value is first multiplied by 1000 for greater precision
+      // (note: increase the multiplier for greater precision if needed).
+      value: Math.round(name === "CLS" ? value * 1000 : value)
+    }
+  });
+};
+
+export const onRouteUpdate = (_, pluginOptions) => {
+  if (
+    process.env.NODE_ENV === "production" ||
+    pluginOptions.includeInDevelopment
+  ) {
+    // wrap inside a timeout to ensure the title has properly been changed
+    setTimeout(() => {
+      const data = pluginOptions.dataLayerName
+        ? window[pluginOptions.dataLayerName]
+        : window.dataLayer;
+
+      // Log warning and return if dataLayer is undefined
+      if (!data) {
+        console.log("GTM dataLayer is undefined. Consent granted?");
+        return;
+      }
+
+      const eventName = pluginOptions.routeChangeEventName
+        ? pluginOptions.routeChangeEventName
+        : "gatsby-route-change";
+
+      data.push({ event: eventName });
+    }, 50);
+  }
+};
+
+export const onInitialClientRender = (_, pluginOptions) => {
+  // we only load the polyfill in production so we can't enable it in development
+  if (
+    process.env.NODE_ENV === "production" &&
+    pluginOptions.enableWebVitalsTracking
+  ) {
+    sendWebVitals(pluginOptions.dataLayerName);
+  }
+};

package/plugins/gatsby-plugin-google-tagmanager/gatsby-node.js

@@ -0,0 +1,53 @@
+/** @type {import('gatsby').GatsbyNode["onPreInit"]} */
+exports.onPreInit = (args, options) => {
+  if (options.defaultDataLayer) {
+    options.defaultDataLayer = {
+      type: typeof options.defaultDataLayer,
+      value: options.defaultDataLayer
+    }
+
+    if (options.defaultDataLayer.type === "function") {
+      options.defaultDataLayer.value = options.defaultDataLayer.value.toString()
+    }
+  }
+}
+
+exports.pluginOptionsSchema = ({ Joi }) =>
+  Joi.object({
+    id: Joi.string().description(
+      "Google Tag Manager ID that can be found in your Tag Manager dashboard."
+    ),
+    includeInDevelopment: Joi.boolean()
+      .default(false)
+      .description(
+        "Include Google Tag Manager when running in development mode."
+      ),
+    defaultDataLayer: Joi.alternatives()
+      .try(Joi.object(), Joi.function())
+      .default(null)
+      .description(
+        "Data layer to be set before Google Tag Manager is loaded. Should be an object or a function."
+      ),
+    gtmAuth: Joi.string().description(
+      "Google Tag Manager environment auth string."
+    ),
+    gtmPreview: Joi.string().description(
+      "Google Tag Manager environment preview name."
+    ),
+    dataLayerName: Joi.string().description("Data layer name."),
+    routeChangeEventName: Joi.string()
+      .default("gatsby-route-change")
+      .description(
+        "Name of the event that is triggered on every Gatsby route change."
+      ),
+    enableWebVitalsTracking: Joi.boolean().default(false),
+    selfHostedOrigin: Joi.string()
+      .default("https://www.googletagmanager.com")
+      .description("The origin where GTM is hosted."),
+    selfHostedPath: Joi.string()
+      .default("gtm.js")
+      .description("The path where GTM is hosted."),
+    deferLoading: Joi.boolean()
+      .default(false)
+      .description("Defer loading of Google Tag Manager script until consent is given.")
+  })

package/plugins/gatsby-plugin-google-tagmanager/gatsby-ssr.js

@@ -0,0 +1,127 @@
+import * as React from "react";
+import { oneLine, stripIndent } from "common-tags";
+
+const generateGTM = ({
+  id,
+  environmentParamStr,
+  dataLayerName,
+  selfHostedOrigin,
+  selfHostedPath,
+}) => stripIndent`
+  (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+  new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+  j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+  '${selfHostedOrigin}/${selfHostedPath}?id='+i+dl+'${environmentParamStr}';f.parentNode.insertBefore(j,f);
+  })(window,document,'script','${dataLayerName}', '${id}');`;
+
+const generateGTMIframe = ({ id, environmentParamStr, selfHostedOrigin, deferLoading }) => {
+  const iframeSrc = deferLoading ? `data-src` : `src`;
+  return oneLine`<iframe ${iframeSrc}="${selfHostedOrigin}/ns.html?id=${id}${environmentParamStr}" data-name="google-tag-manager" height="0" width="0" style="display: none; visibility: hidden" aria-hidden="true"></iframe>`;
+}
+
+const generateDefaultDataLayer = (dataLayer, reporter, dataLayerName) => {
+  let result = `window.${dataLayerName} = window.${dataLayerName} || [];`
+
+  if (dataLayer.type === "function") {
+    result += `window.${dataLayerName}.push((${dataLayer.value})());`
+  } else {
+    if (dataLayer.type !== "object" || dataLayer.value.constructor !== Object) {
+      reporter.panic(
+        `Oops the plugin option "defaultDataLayer" should be a plain object. "${dataLayer}" is not valid.`
+      )
+    }
+
+    result += `window.${dataLayerName}.push(${JSON.stringify(
+      dataLayer.value
+    )});`
+  }
+
+  return stripIndent`${result}`;
+}
+
+export const onRenderBody = (
+  { setHeadComponents, setPreBodyComponents, reporter },
+  {
+    id,
+    includeInDevelopment = false,
+    gtmAuth,
+    gtmPreview,
+    defaultDataLayer,
+    dataLayerName = "dataLayer",
+    enableWebVitalsTracking = false,
+    selfHostedOrigin = "https://www.googletagmanager.com",
+    selfHostedPath = "gtm.js",
+    deferLoading = false
+  }
+) => {
+  if (process.env.NODE_ENV === "production" || includeInDevelopment) {
+    const environmentParamStr =
+      gtmAuth && gtmPreview
+        ? oneLine`&gtm_auth=${gtmAuth}&gtm_preview=${gtmPreview}&gtm_cookies_win=x`
+        : "";
+
+    let defaultDataLayerCode = "";
+    if (defaultDataLayer) {
+      defaultDataLayerCode = generateDefaultDataLayer(
+        defaultDataLayer,
+        reporter,
+        dataLayerName
+      );
+    }
+
+    selfHostedOrigin = selfHostedOrigin.replace(/\/$/, "");
+
+    const inlineScripts = [];
+    if (enableWebVitalsTracking) {
+      // web-vitals/polyfill (necessary for non chromium browsers)
+      // @seehttps://www.npmjs.com/package/web-vitals#how-the-polyfill-works
+      inlineScripts.push(
+        <script
+          key={"gatsby-plugin-google-tagmanager-web-vitals"}
+          data-gatsby="web-vitals-polyfill"
+          dangerouslySetInnerHTML={{
+            __html: `
+              !function(){var e,t,n,i,r={passive:!0,capture:!0},a=new Date,o=function(){i=[],t=-1,e=null,f(addEventListener)},c=function(i,r){e||(e=r,t=i,n=new Date,f(removeEventListener),u())},u=function(){if(t>=0&&t<n-a){var r={entryType:"first-input",name:e.type,target:e.target,cancelable:e.cancelable,startTime:e.timeStamp,processingStart:e.timeStamp+t};i.forEach((function(e){e(r)})),i=[]}},s=function(e){if(e.cancelable){var t=(e.timeStamp>1e12?new Date:performance.now())-e.timeStamp;"pointerdown"==e.type?function(e,t){var n=function(){c(e,t),a()},i=function(){a()},a=function(){removeEventListener("pointerup",n,r),removeEventListener("pointercancel",i,r)};addEventListener("pointerup",n,r),addEventListener("pointercancel",i,r)}(t,e):c(t,e)}},f=function(e){["mousedown","keydown","touchstart","pointerdown"].forEach((function(t){return e(t,s,r)}))},p="hidden"===document.visibilityState?0:1/0;addEventListener("visibilitychange",(function e(t){"hidden"===document.visibilityState&&(p=t.timeStamp,removeEventListener("visibilitychange",e,!0))}),!0);o(),self.webVitals={firstInputPolyfill:function(e){i.push(e),u()},resetFirstInputPolyfill:o,get firstHiddenTime(){return p}}}();
+            `
+          }}
+        />
+      );
+    }
+
+    const scriptType = deferLoading ? { type: "text/plain", "data-type": "application/javascript" } : { type: "application/javascript" };
+    inlineScripts.push(
+      <script
+        key="plugin-google-tagmanager"
+        {...scriptType}
+        data-name="google-tag-manager"
+        dangerouslySetInnerHTML={{
+          __html: oneLine`
+          ${defaultDataLayerCode}
+          ${generateGTM({
+            id,
+            environmentParamStr,
+            dataLayerName,
+            selfHostedOrigin,
+            selfHostedPath
+          })}`
+        }}
+      />
+    );
+
+    setHeadComponents(inlineScripts);
+
+    setPreBodyComponents([
+      <noscript
+        key="plugin-google-tagmanager"
+        dangerouslySetInnerHTML={{
+          __html: generateGTMIframe({
+            id,
+            environmentParamStr,
+            selfHostedOrigin,
+            deferLoading
+          })
+        }}
+      />
+    ]);
+  }
+}

package/plugins/gatsby-plugin-google-tagmanager/index.js

@@ -0,0 +1 @@
+// noop

package/plugins/gatsby-plugin-google-tagmanager/package.json

@@ -0,0 +1,48 @@
+{
+  "name": "gatsby-plugin-google-tagmanager",
+  "description": "Gatsby plugin to add google tagmanager onto a site",
+  "version": "5.13.1",
+  "author": "Thijs Koerselman <thijs@vauxlab.com>",
+  "bugs": {
+    "url": "https://github.com/gatsbyjs/gatsby/issues"
+  },
+  "dependencies": {
+    "@babel/runtime": "^7.20.13",
+    "web-vitals": "^1.1.2"
+  },
+  "devDependencies": {
+    "@babel/cli": "^7.20.7",
+    "@babel/core": "^7.20.12",
+    "babel-preset-gatsby-package": "^3.13.1",
+    "cross-env": "^7.0.3",
+    "gatsby-plugin-utils": "^4.13.1"
+  },
+  "homepage": "https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-plugin-google-tagmanager#readme",
+  "keywords": [
+    "gatsby",
+    "gatsby-plugin",
+    "google analytics",
+    "google tagmanager"
+  ],
+  "license": "MIT",
+  "main": "index.js",
+  "peerDependencies": {
+    "gatsby": "^5.0.0-next",
+    "react": "^18.0.0 || ^0.0.0",
+    "react-dom": "^18.0.0 || ^0.0.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/gatsbyjs/gatsby.git",
+    "directory": "packages/gatsby-plugin-google-tagmanager"
+  },
+  "scripts": {
+    "build": "babel src --out-dir . --ignore \"**/__tests__\"",
+    "prepare": "cross-env NODE_ENV=production npm run build",
+    "watch": "babel -w src --out-dir . --ignore \"**/__tests__\""
+  },
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "gitHead": "b24134df49cf5fb509c3fba4310a0a71a952a35b"
+}

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

@@ -20,18 +20,18 @@ const invitationsRejectPage = {
       required: false,
       default: "Invitation not found."
     }),
-    stringField({
-      label: "Rejected text",
-      name: "rejectedText",
-      required: false,
-      default: "Invitation has already been rejected."
-    }),
     stringField({
       label: "Reject text",
       name: "rejectText",
       required: false,
       default: "To reject please click on the button below."
     }),
+    stringField({
+      label: "Reject Confirmation Text",
+      name: "rejectedText",
+      required: false,
+      default: "Invitation has already been rejected."
+    }),
     stringField({
       label: "Reject CTA label",
       name: "rejectCTALabel",

package/src/components/AttendeeToAttendeeWidgetComponent.js

@@ -17,16 +17,15 @@ import {
   SUMMIT_ID,
   SUPABASE_URL,
   SUPABASE_KEY,
-} from "../utils/envVariables";
-import { PHASES } from "../utils/phasesUtils";
+} from "@utils/envVariables";
+import { PHASES } from "@utils/phasesUtils";
 
 import "attendee-to-attendee-widget/dist/index.css";
 
 import { SentryFallbackFunction } from "./SentryErrorComponent";
-import {
-  useCustomEvent,
-  INIT_LOGOUT_EVENT
-} from "../utils/customEvents";
+
+import { useEventListener } from "@utils/hooks";
+import { INIT_LOGOUT_EVENT } from "@utils/eventTriggers";
 
 const sbAuthProps = {
   supabaseUrl: getEnvVariable(SUPABASE_URL),
@@ -192,9 +191,9 @@ const AccessTracker = ({ user, isLoggedUser, summitPhase, chatSettings }) => {
   const handleLogout = useCallback(() => {
     if (trackerRef.current)
       trackerRef.current.signOut();
-  },[]);
+  }, []);
 
-  useCustomEvent(INIT_LOGOUT_EVENT, handleLogout);
+  useEventListener(INIT_LOGOUT_EVENT, handleLogout);
 
   useEffect(() => {
     if (!isLoggedUser) {

package/src/components/Footer/template.js

@@ -1,4 +1,5 @@
 import * as React from "react";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import FooterMarketing from "../FooterMarketing";
 import Link from "../Link";
 
@@ -29,7 +30,7 @@ const FooterTemplate = ({ data, summit, marketing }) => {
                         {data.social.networks.map((net, index) => (
                           net.display &&
                           <Link to={net.link} key={index}>
-                            <i className={`fa icon is-large ${net.icon}`}></i>
+                            <FontAwesomeIcon icon={`fa-brands ${net.icon}`} size="lg" />
                           </Link>
                         ))}
                       </div>
@@ -81,7 +82,7 @@ const FooterTemplate = ({ data, summit, marketing }) => {
                     {data.social.networks.map((net, index) => (
                       net.display &&
                       <Link to={net.link} className={styles.link} key={index}>
-                        <i className={`fa icon is-large ${net.icon}`} />
+                        <FontAwesomeIcon icon={`fa-brands ${net.icon}`} size="lg" />
                       </Link>
                     ))}
                   </div>

package/src/components/FooterMarketing.js

@@ -1,6 +1,6 @@
 import * as React from "react";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import Link from "./Link";
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 
 import footerContent from "content/footer/index.json";
 

package/src/components/LogoutButton.js

@@ -1,13 +1,13 @@
-import React from 'react'
-import { navigate } from "gatsby"
-import {triggerOnInitLogout} from "../utils/customEvents";
+import React from "react";
+import { navigate } from "gatsby";
+import { triggerLogoutEvent } from "@utils/eventTriggers";
 
 export default class
   LogoutButton extends React.Component {
 
   onClickLogout() {
-    triggerOnInitLogout();
-    navigate('/auth/logout', {
+    triggerLogoutEvent();
+    navigate("/auth/logout", {
       state: {
         backUrl: window.location.pathname
       }
@@ -19,10 +19,9 @@ export default class
 
     if (isLoggedUser) {
       return (
-
         <div className={styles.buttons}>
           <button className={`link ${styles.userIcon}`} title="Logout" onClick={() => this.onClickLogout()}>
-            <i className="fa fa-sign-out icon is-medium" style={{fontSize: '1.5rem'}} />
+            <i className="fa fa-sign-out icon is-medium" style={{ fontSize: "1.5rem" }} />
           </button>
         </div>
       );

package/src/components/MarketingHero/ImagesColumn.js

@@ -22,7 +22,7 @@ const ImagesColumn = ({ images }) => {
           <img
             key={index}
             src={getSrc(image.src)}
-            alt={image.alt}
+            alt={image.alt ?? ""}
           />
           ))}
         </Slider>
@@ -30,7 +30,7 @@ const ImagesColumn = ({ images }) => {
         <GatsbyImage
           className={styles.singleImage}
           image={getImage(images[0].src)}
-          alt={images[0].alt}
+          alt={images[0].alt ?? ""}
         />
       )}
     </div>

package/src/components/MarketingHero/index.js

@@ -37,7 +37,7 @@ const MarketingHero = ({ location, data }) => {
 };
 
 MarketingHero.propTypes = {
-  location: PropTypes.string.isRequired,
+  location: PropTypes.object.isRequired,
   data: PropTypes.object
 };
 

package/src/components/RegistrationLiteComponent.js

@@ -21,14 +21,12 @@ import { SentryFallbackFunction } from "./SentryErrorComponent";
 // these two libraries are client-side only
 import RegistrationLiteWidget from "summit-registration-lite/dist";
 import "summit-registration-lite/dist/index.css";
-
 import useSiteSettings from "@utils/useSiteSettings";
 import useMarketingSettings, { MARKETING_SETTINGS_KEYS }  from "@utils/useMarketingSettings";
 import { getEnvVariable, SUMMIT_API_BASE_URL, OAUTH2_CLIENT_ID, REGISTRATION_BASE_URL, SUPPORT_EMAIL } from "@utils/envVariables";
 import { userHasAccessLevel, VirtualAccessLevel } from "@utils/authorizedGroups";
 import { validateIdentityProviderButtons } from "@utils/loginUtils";
-import { triggerAnalyticsTrackEvent } from "@utils/customEvents";
-import { PURCHASE_COMPLETE } from "@utils/analytics/events";
+import { triggerTagManagerTrackEvent } from "@utils/eventTriggers";
 
 const RegistrationLiteComponent = ({
    registrationProfile,
@@ -161,10 +159,10 @@ const RegistrationLiteComponent = ({
             return checkRequireExtraQuestionsByAttendee(attendee);
         },
         onPurchaseComplete: (order) => {
-            triggerAnalyticsTrackEvent(PURCHASE_COMPLETE, { order });
             // check if it"s necessary to update profile
             setUserOrder(order).then(()=> checkOrderData(order));
         },
+        trackEvent: triggerTagManagerTrackEvent,
         inPersonDisclaimer: inPersonDisclaimer,
         handleCompanyError: () => handleCompanyError,
         allowsNativeAuth: allowsNativeAuth,

package/src/components/Seo.js

@@ -2,7 +2,6 @@ import * as React from "react";
 import PropTypes from "prop-types";
 import useSiteMetadata from "@utils/useSiteMetadata";
 import useSiteSettings from "@utils/useSiteSettings";
-import { getSrc } from "gatsby-plugin-image";
 import { buildUrl } from "@utils/urlFormating";
 import { getEnvVariable, SITE_URL } from "@utils/envVariables";
 
@@ -13,7 +12,7 @@ const Seo = ({ title, description, location, children }) => {
   } = useSiteMetadata();
 
   const siteSettings = useSiteSettings();
-  const image = siteSettings?.siteMetadata?.image
+  const image = siteSettings?.siteMetadata?.image;
 
   const siteUrl = getEnvVariable(SITE_URL);
   const siteUrlInfo = siteUrl ? new URL(siteUrl) : null;
@@ -25,8 +24,9 @@ const Seo = ({ title, description, location, children }) => {
     title: title ? `${siteTitle} - ${title}` : siteTitle,
     description: description || defaultDescription,
     url: buildUrl(scheme, host, pathname),
-    image: host && image ? buildUrl(scheme, host, getSrc(image)) : null,
+    image: host && image ? buildUrl(scheme, host, image.publicURL) : null,
   };
+
   return (
     <>
       {seo.title && <title>{seo.title}</title>}