@openeventkit/event-site 1.0.18 → 1.0.20

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@openeventkit/event-site",
   "description": "Event Site",
-  "version": "1.0.18",
+  "version": "1.0.20",
   "author": "Tipit LLC",
   "dependencies": {
     "@mui/base": "^5.0.0-alpha.114",
@@ -116,7 +116,7 @@
     "stream-browserify": "^3.0.0",
     "stream-chat": "^2.7.2",
     "stream-chat-react": "3.1.7",
-    "summit-registration-lite": "4.0.9",
+    "summit-registration-lite": "^4.0.11",
     "superagent": "8.0.9",
     "sweetalert2": "^9.17.0",
     "upcoming-events-widget": "2.0.8",

package/src/components/RegistrationLiteComponent.js

@@ -26,195 +26,209 @@ import { SentryFallbackFunction } from "./SentryErrorComponent";
 import styles from "../styles/marketing-hero.module.scss"
 
 const RegistrationLiteComponent = ({
-   registrationProfile,
-   userProfile,
-   attendee,
-   getThirdPartyProviders,
-   thirdPartyProviders,
-   getUserProfile,
-   setPasswordlessLogin,
-   setUserOrder,
-   checkOrderData,
-   loadingProfile,
-   loadingIDP,
-   summit,
-   colorSettings,
-   marketingPageSettings,
-   allowsNativeAuth,
-   allowsOtpAuth,
-   checkRequireExtraQuestionsByAttendee,
-   getExtraQuestions,
-   children,
-}) => {
-  const [isActive, setIsActive] = useState(false);
-  const [initialEmailValue, setInitialEmailValue] = useState("");
-
-  useEffect(() => {
-    const fragmentParser = new FragmentParser();
-    setIsActive(fragmentParser.getParam("registration"));
-    const paramInitialEmailValue = fragmentParser.getParam("email");
-    if (paramInitialEmailValue)
-      setInitialEmailValue(paramInitialEmailValue);
-  }, []);
-
-  useEffect(() => {
-    if (!thirdPartyProviders.length) getThirdPartyProviders();
-  }, [thirdPartyProviders]);
-
-  const getBackURL = () => {
-    let backUrl = "/#registration=1";
-    return URI.encode(backUrl);
-  };
-
-  const handleOpenPopup = () => {
-    setIsActive(true);
-  }
-
-  const onClickLogin = (provider) => {
-    doLogin(getBackURL(), provider);
-  };
-
-  const handleCompanyError = () => {
-    console.log("company error...")
-    Swal.fire("ERROR", "Hold on. Your session expired!.", "error").then(() => {
-      // save current location and summit slug, for further redirect logic
-      window.localStorage.setItem("post_logout_redirect_path", new URI(window.location.href).pathname());
-      doLogout();
-    });
-  }
-
-  const getPasswordlessCode = (email) => {
-    const params = {
-      connection: "email",
-      send: "code",
-      redirect_uri: `${window.location.origin}/auth/callback`,
-      email,
+                                       registrationProfile,
+                                       userProfile,
+                                       attendee,
+                                       getThirdPartyProviders,
+                                       thirdPartyProviders,
+                                       getUserProfile,
+                                       setPasswordlessLogin,
+                                       setUserOrder,
+                                       checkOrderData,
+                                       loadingProfile,
+                                       loadingIDP,
+                                       summit,
+                                       colorSettings,
+                                       marketingPageSettings,
+                                       allowsNativeAuth,
+                                       allowsOtpAuth,
+                                       checkRequireExtraQuestionsByAttendee,
+                                       getExtraQuestions,
+                                       children,
+                                   }) => {
+    const [isActive, setIsActive] = useState(false);
+    const [initialEmailValue, setInitialEmailValue] = useState("");
+
+    useEffect(() => {
+        const fragmentParser = new FragmentParser();
+        setIsActive(fragmentParser.getParam("registration"));
+        const paramInitialEmailValue = fragmentParser.getParam("email");
+        if (paramInitialEmailValue)
+            setInitialEmailValue(paramInitialEmailValue);
+    }, []);
+
+    useEffect(() => {
+        if (!thirdPartyProviders.length) getThirdPartyProviders();
+    }, [thirdPartyProviders]);
+
+    const getBackURL = () => {
+        let backUrl = "/#registration=1";
+        return URI.encode(backUrl);
     };
 
-    return passwordlessStart(params)
-  };
+    const handleOpenPopup = () => {
+        setIsActive(true);
+    }
 
-  const loginPasswordless = (code, email) => {
-    const params = {
-      connection: "email",
-      otp: code,
-      email
+    const onClickLogin = (provider) => {
+        doLogin(getBackURL(), provider);
     };
-    return setPasswordlessLogin(params);
-  };
-
-  const { getSettingByKey } = useMarketingSettings();
-
-  const inPersonDisclaimer = getSettingByKey(MARKETING_SETTINGS_KEYS.registrationInPersonDisclaimer);
-  const allowPromoCodes = !!Number(getSettingByKey(MARKETING_SETTINGS_KEYS.regLiteAllowPromoCodes));
-  const companyInputPlaceholder = getSettingByKey(MARKETING_SETTINGS_KEYS.regLiteCompanyInputPlaceholder);
-  const companyDDLPlaceholder = getSettingByKey(MARKETING_SETTINGS_KEYS.regLiteCompanyDDLPlaceholder);
-
-  const widgetProps = {
-    apiBaseUrl: getEnvVariable(SUMMIT_API_BASE_URL),
-    clientId: getEnvVariable(OAUTH2_CLIENT_ID),
-    summitData: summit,
-    profileData: registrationProfile,
-    marketingData: colorSettings,
-    loginOptions: formatThirdPartyProviders(thirdPartyProviders),
-    loading: loadingProfile || loadingIDP,
-    // only show info if its not a recent purchase
-    ticketOwned: userProfile?.summit_tickets?.length > 0,
-    hasVirtualAccessLevel: userHasAccessLevel(userProfile?.summit_tickets, VirtualAccessLevel),
-    ownedTickets: attendee?.ticket_types || [],
-    authUser: (provider) => onClickLogin(provider),
-    getPasswordlessCode: getPasswordlessCode,
-    loginWithCode:  (code, email) =>  loginPasswordless(code, email).then( () =>  navigate("/#registration=1")),
-    getAccessToken: getAccessToken,
-    closeWidget:  () => {
-      // reload user profile
-      getUserProfile().catch((e) => console.log("getUserProfile error. Not logged in?"));
-      setIsActive(false);
-    },
-    goToExtraQuestions: () => {
-      navigate("/a/extra-questions");
-    },
-    goToEvent: () => navigate("/a/"),
-    goToRegistration: () => navigate(`${getEnvVariable(REGISTRATION_BASE_URL)}/a/${summit.slug}`),
-    goToMyOrders: () => navigate("/a/my-tickets"),
-    completedExtraQuestions: async (order) => {
-      const currentUserTicket = order?.tickets.find(t => t?.owner?.email == userProfile?.email);
-      const currentAttendee = attendee ? attendee : (currentUserTicket ? currentUserTicket?.owner : null);
-      if(!currentAttendee) return true;
-      await getExtraQuestions();
-      return checkRequireExtraQuestionsByAttendee(currentAttendee);
-    },
-    onPurchaseComplete: (order) => {
-      // check if it"s necessary to update profile
-      setUserOrder(order).then(()=> checkOrderData(order));
-    },
-    inPersonDisclaimer: inPersonDisclaimer,
-    handleCompanyError: () => handleCompanyError,
-    allowsNativeAuth: allowsNativeAuth,
-    allowsOtpAuth: allowsOtpAuth,
-    stripeOptions: {
-      fonts: [{ cssSrc: withPrefix("/fonts/fonts.css") }],
-      style: { base: { fontFamily: `"Nunito Sans", sans-serif`, fontWeight: 300 } }
-    },
-    loginInitialEmailInputValue: initialEmailValue,
-    authErrorCallback: (error) => {
-      // we have an auth Error, perform logout
-      const fragment = window?.location?.hash;
-      return navigate("/auth/logout", {
-        state: {
-          backUrl: "/" + fragment
-        }
-      });
-    },
-    allowPromoCodes: allowPromoCodes,
-    companyInputPlaceholder: companyInputPlaceholder,
-    companyDDLPlaceholder: companyDDLPlaceholder,
-    supportEmail: getEnvVariable(SUPPORT_EMAIL),
-  };
-
-  const { registerButton } = marketingPageSettings.hero.buttons;
-
-  return (
-    <>
-      {children ? 
-        React.cloneElement(children, { onClick: handleOpenPopup })
-        :
-        registerButton.display &&
-        <button className={`${styles.button} button is-large`} disabled={isActive}
-            onClick={handleOpenPopup}>
-          <i className={`fa fa-2x fa-edit icon is-large`}/>
-          <b>{registerButton.text}</b>
-        </button>
-      }
-      <Sentry.ErrorBoundary fallback={SentryFallbackFunction({componentName: "Registration Lite"})}>
-        {isActive && <RegistrationLiteWidget {...widgetProps} />}
-      </Sentry.ErrorBoundary>
-    </>
-  )
+
+    const handleCompanyError = () => {
+        console.log("company error...")
+        Swal.fire("ERROR", "Hold on. Your session expired!.", "error").then(() => {
+            // save current location and summit slug, for further redirect logic
+            window.localStorage.setItem("post_logout_redirect_path", new URI(window.location.href).pathname());
+            doLogout();
+        });
+    }
+
+    const getPasswordlessCode = (email) => {
+        const params = {
+            connection: "email",
+            send: "code",
+            redirect_uri: `${window.location.origin}/auth/callback`,
+            email,
+        };
+
+        return passwordlessStart(params)
+    };
+
+    const loginPasswordless = (code, email) => {
+        const params = {
+            connection: "email",
+            otp: code,
+            email
+        };
+        return setPasswordlessLogin(params);
+    };
+
+    const { getSettingByKey } = useMarketingSettings();
+
+    const inPersonDisclaimer = getSettingByKey(MARKETING_SETTINGS_KEYS.registrationInPersonDisclaimer);
+    const allowPromoCodes = !!Number(getSettingByKey(MARKETING_SETTINGS_KEYS.regLiteAllowPromoCodes));
+    const companyInputPlaceholder = getSettingByKey(MARKETING_SETTINGS_KEYS.regLiteCompanyInputPlaceholder);
+    const companyDDLPlaceholder = getSettingByKey(MARKETING_SETTINGS_KEYS.regLiteCompanyDDLPlaceholder);
+    const initialOrderComplete1stParagraph = getSettingByKey(MARKETING_SETTINGS_KEYS.regLiteInitialOrderComplete1stParagraph)
+    const initialOrderComplete2ndParagraph = getSettingByKey(MARKETING_SETTINGS_KEYS.regLiteInitialOrderComplete2ndParagraph)
+    const initialOrderCompleteButton = getSettingByKey(MARKETING_SETTINGS_KEYS.regLiteInitialOrderCompleteButton)
+    const orderComplete1stParagraph = getSettingByKey(MARKETING_SETTINGS_KEYS.regLiteOrderComplete1stParagraph)
+    const orderComplete2ndParagraph = getSettingByKey(MARKETING_SETTINGS_KEYS.regLiteOrderComplete2ndParagraph)
+    const orderCompleteButton = getSettingByKey(MARKETING_SETTINGS_KEYS.regLiteOrderCompleteButton)
+    const noAllowedTicketsMessage = getSettingByKey(MARKETING_SETTINGS_KEYS.regLiteNoAllowedTicketsMessage);
+
+    const widgetProps = {
+        apiBaseUrl: getEnvVariable(SUMMIT_API_BASE_URL),
+        clientId: getEnvVariable(OAUTH2_CLIENT_ID),
+        summitData: summit,
+        profileData: registrationProfile,
+        marketingData: colorSettings,
+        loginOptions: formatThirdPartyProviders(thirdPartyProviders),
+        loading: loadingProfile || loadingIDP,
+        // only show info if its not a recent purchase
+        ticketOwned: userProfile?.summit_tickets?.length > 0,
+        hasVirtualAccessLevel: userHasAccessLevel(userProfile?.summit_tickets, VirtualAccessLevel),
+        ownedTickets: attendee?.ticket_types || [],
+        authUser: (provider) => onClickLogin(provider),
+        getPasswordlessCode: getPasswordlessCode,
+        loginWithCode:  (code, email) =>  loginPasswordless(code, email).then( () =>  navigate("/#registration=1")),
+        getAccessToken: getAccessToken,
+        closeWidget:  () => {
+            // reload user profile
+            getUserProfile().catch((e) => console.log("getUserProfile error. Not logged in?"));
+            setIsActive(false);
+        },
+        goToExtraQuestions: () => {
+            navigate("/a/extra-questions");
+        },
+        goToEvent: () => navigate("/a/"),
+        goToRegistration: () => navigate(`${getEnvVariable(REGISTRATION_BASE_URL)}/a/${summit.slug}`),
+        goToMyOrders: () => navigate("/a/my-tickets"),
+        completedExtraQuestions: async (order) => {
+            const currentUserTicket = order?.tickets.find(t => t?.owner?.email == userProfile?.email);
+            const currentAttendee = attendee ? attendee : (currentUserTicket ? currentUserTicket?.owner : null);
+            if(!currentAttendee) return true;
+            await getExtraQuestions();
+            return checkRequireExtraQuestionsByAttendee(currentAttendee);
+        },
+        onPurchaseComplete: (order) => {
+            // check if it"s necessary to update profile
+            setUserOrder(order).then(()=> checkOrderData(order));
+        },
+        inPersonDisclaimer: inPersonDisclaimer,
+        handleCompanyError: () => handleCompanyError,
+        allowsNativeAuth: allowsNativeAuth,
+        allowsOtpAuth: allowsOtpAuth,
+        stripeOptions: {
+            fonts: [{ cssSrc: withPrefix("/fonts/fonts.css") }],
+            style: { base: { fontFamily: `"Nunito Sans", sans-serif`, fontWeight: 300 } }
+        },
+        loginInitialEmailInputValue: initialEmailValue,
+        authErrorCallback: (error) => {
+            // we have an auth Error, perform logout
+            const fragment = window?.location?.hash;
+            return navigate("/auth/logout", {
+                state: {
+                    backUrl: "/" + fragment
+                }
+            });
+        },
+        allowPromoCodes: allowPromoCodes,
+        companyInputPlaceholder: companyInputPlaceholder,
+        companyDDLPlaceholder: companyDDLPlaceholder,
+        supportEmail: getEnvVariable(SUPPORT_EMAIL),
+        initialOrderComplete1stParagraph: initialOrderComplete1stParagraph,
+        initialOrderComplete2ndParagraph: initialOrderComplete2ndParagraph,
+        initialOrderCompleteButton: initialOrderCompleteButton,
+        orderComplete1stParagraph: orderComplete1stParagraph,
+        orderComplete2ndParagraph: orderComplete2ndParagraph,
+        orderCompleteButton: orderCompleteButton,
+        noAllowedTicketsMessage: noAllowedTicketsMessage
+    };
+
+    const { registerButton } = marketingPageSettings.hero.buttons;
+
+    return (
+        <>
+            {children ?
+                React.cloneElement(children, { onClick: handleOpenPopup })
+                :
+                registerButton.display &&
+                <button className={`${styles.button} button is-large`} disabled={isActive}
+                        onClick={handleOpenPopup}>
+                    <i className={`fa fa-2x fa-edit icon is-large`}/>
+                    <b>{registerButton.text}</b>
+                </button>
+            }
+            <Sentry.ErrorBoundary fallback={SentryFallbackFunction({componentName: "Registration Lite"})}>
+                {isActive && <RegistrationLiteWidget {...widgetProps} />}
+            </Sentry.ErrorBoundary>
+        </>
+    )
 };
 
 const mapStateToProps = ({userState, summitState, settingState}) => {
-  return ({
-    registrationProfile: userState.idpProfile,
-    userProfile: userState.userProfile,
-    attendee: userState.attendee,
-    loadingProfile: userState.loading,
-    loadingIDP: userState.loadingIDP,
-    thirdPartyProviders: summitState.third_party_providers,
-    allowsNativeAuth: summitState.allows_native_auth,
-    allowsOtpAuth: summitState.allows_otp_auth,
-    summit: summitState.summit,
-    colorSettings: settingState.colorSettings,
-    marketingPageSettings: settingState.marketingPageSettings
-  })
+    return ({
+        registrationProfile: userState.idpProfile,
+        userProfile: userState.userProfile,
+        attendee: userState.attendee,
+        loadingProfile: userState.loading,
+        loadingIDP: userState.loadingIDP,
+        thirdPartyProviders: summitState.third_party_providers,
+        allowsNativeAuth: summitState.allows_native_auth,
+        allowsOtpAuth: summitState.allows_otp_auth,
+        summit: summitState.summit,
+        colorSettings: settingState.colorSettings,
+        marketingPageSettings: settingState.marketingPageSettings
+    })
 };
 
 export default connect(mapStateToProps, {
-  getThirdPartyProviders,
-  getUserProfile,
-  setPasswordlessLogin,
-  setUserOrder,
-  checkOrderData,
-  checkRequireExtraQuestionsByAttendee,
-  getExtraQuestions,
-})(RegistrationLiteComponent);
+    getThirdPartyProviders,
+    getUserProfile,
+    setPasswordlessLogin,
+    setUserOrder,
+    checkOrderData,
+    checkRequireExtraQuestionsByAttendee,
+    getExtraQuestions,
+})(RegistrationLiteComponent);

package/src/content/lobby-page/index.json

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

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

@@ -1 +1,17 @@
-{"widgets":{"chat":{"showQA":false,"showHelp":false,"defaultScope":"page"},"schedule":{"allowClick":true}},"favicons":{"favicon180":"/img/favicon.png","favicon32":"/img/favicon.png","favicon16":"/img/favicon.png"},"staticJsonFilesBuildTime":[{"file":"src/data/summit.json","build_time":1685583800464},{"file":"src/data/events.json","build_time":1685583805439},{"file":"src/data/events.idx.json","build_time":1685583805444},{"file":"src/data/speakers.json","build_time":1685583806489},{"file":"src/data/speakers.idx.json","build_time":1685583806490},{"file":"src/data/voteable-presentations.json","build_time":1685583806896}],"lastBuild":1685583806897}
+{
+  "widgets": {
+    "chat": {
+      "showQA": false,
+      "showHelp": false,
+      "defaultScope": "page"
+    },
+    "schedule": {
+      "allowClick": true
+    }
+  },
+  "favicons": {
+    "favicon180": "/img/favicon.png",
+    "favicon32": "/img/favicon.png",
+    "favicon16": "/img/favicon.png"
+  }
+}

package/src/utils/useMarketingSettings.js

@@ -11,7 +11,14 @@ export const MARKETING_SETTINGS_KEYS = {
   activityCtaText: "ACTIVITY_CTA_TEXT",
   regLiteAllowPromoCodes: "REG_LITE_ALLOW_PROMO_CODES",
   regLiteCompanyInputPlaceholder: "REG_LITE_COMPANY_INPUT_PLACEHOLDER",
-  regLiteCompanyDDLPlaceholder: "REG_LITE_COMPANY_DDL_PLACEHOLDER"
+  regLiteCompanyDDLPlaceholder: "REG_LITE_COMPANY_DDL_PLACEHOLDER",
+  regLiteInitialOrderComplete1stParagraph: "REG_LITE_INITIAL_ORDER_COMPLETE_STEP_1ST_PARAGRAPH",
+  regLiteInitialOrderComplete2ndParagraph: "REG_LITE_INITIAL_ORDER_COMPLETE_STEP_2ND_PARAGRAPH",
+  regLiteInitialOrderCompleteButton: "REG_LITE_INITIAL_ORDER_COMPLETE_BTN_LABEL",
+  regLiteOrderComplete1stParagraph: "REG_LITE_ORDER_COMPLETE_STEP_1ST_PARAGRAPH",
+  regLiteOrderComplete2ndParagraph: "REG_LITE_ORDER_COMPLETE_STEP_2ND_PARAGRAPH",
+  regLiteOrderCompleteButton: "REG_LITE_ORDER_COMPLETE_BTN_LABEL",
+  regLiteNoAllowedTicketsMessage: "REG_LITE_NO_ALLOWED_TICKETS_MESSAGE",
 }
 
 const marketingSettingsQuery = graphql`