summit-registration-lite 5.0.15 → 5.0.17

package/dist/components/login.css

@@ -1,2 +1,2 @@
-.loginWrapper___sxUEn{display:flex;justify-content:center;font-weight:bold;text-align:center;padding:20px 0 30px}.innerWrapper___GQRkq{display:flex;flex-direction:column;justify-content:center;width:300px}.innerWrapper___GQRkq span{margin:10px 0}.button___QMZPu{padding:10px 30px;background-color:red;color:white;font-weight:normal;display:inline-flex;justify-content:center;margin:5px 0;border-radius:5px;cursor:pointer;background-position:28px center;background-repeat:no-repeat;background-size:16px;line-height:1.4;box-shadow:0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12)}.button___QMZPu:hover{box-shadow:0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12)}.loginCode___dDBup{margin-bottom:10px;font-size:16px}.loginCode___dDBup>div{margin-top:10px}.loginCode___dDBup span{display:inline-block;font-weight:normal;font-size:14px;color:#e5424d}.input___QR9sA{display:flex;height:40px;margin-top:5px}.input___QR9sA input{border:1px solid var(--color_input_border_color);color:var(--color_input_text_color);background-color:var(--color_input_background_color);border-radius:5px;padding:5px;width:100%}.input___QR9sA input::placeholder{color:var(--color_text_input_hints)}.input___QR9sA button{margin-left:5px;background-color:var(--color_input_background_color);padding:0px 15px;border:1px solid var(--color_input_border_color);color:var(--color_text_dark);box-shadow:none;text-align:center;white-space:nowrap;font-weight:bold;border-radius:5px;cursor:pointer;display:flex;align-items:center;justify-content:center}
+.loginWrapper___sxUEn{display:flex;justify-content:center;font-weight:bold;text-align:center;padding:20px 0 30px}.innerWrapper___GQRkq{display:flex;flex-direction:column;justify-content:center;width:300px}.innerWrapper___GQRkq span{margin:10px 0}.button___QMZPu{padding:10px 30px;background-color:red;color:white;font-weight:normal;display:inline-flex;justify-content:center;margin:5px 0;border-radius:5px;cursor:pointer;background-position:28px center;background-repeat:no-repeat;background-size:16px;line-height:1.4;box-shadow:0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12)}.button___QMZPu:hover{box-shadow:0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12)}.loginCode___dDBup{margin-bottom:10px;font-size:15px}.loginCode___dDBup>div{margin-top:10px}.loginCode___dDBup span{display:inline-block;font-weight:normal;font-size:14px;color:#e5424d}.primaryEmailButton___gH1fC{background-color:var(--color_primary)}.buttonDisabled___T9tkn{background-color:var(--color_text_input_hints)}.pointerDisabled___qt_HK{pointer-events:none}.email_login_button___seiLi{display:flex;color:var(--color_primary_contrast);width:100%}.email_login_button___seiLi span{padding:0 0 0 8px;margin:0;color:#fff}.h2Styled___rfIKD{color:var(--color_gray_darker) !important;font-size:16px !important;font-weight:bold;display:flex;flex-direction:row}.h2Styled___rfIKD::before,.h2Styled___rfIKD::after{content:"";flex:1 1;border-bottom:1px solid var(--color_gray_dark);margin:auto}.h2Styled___rfIKD::before{margin-right:10px}.h2Styled___rfIKD::after{margin-left:10px}.input___QR9sA{display:flex;height:40px;margin-top:5px}.input___QR9sA input{border:1px solid var(--color_input_border_color);color:var(--color_input_text_color);background-color:var(--color_input_background_color);border-radius:5px;padding:5px;width:100%}.input___QR9sA input::placeholder{color:var(--color_text_input_hints)}.input___QR9sA button{margin-left:5px;background-color:var(--color_input_background_color);padding:0px 15px;border:1px solid var(--color_input_border_color);color:var(--color_text_dark);box-shadow:none;text-align:center;white-space:nowrap;font-weight:bold;border-radius:5px;cursor:pointer;display:flex;align-items:center;justify-content:center}
 

package/dist/components/login.js

@@ -111,9 +111,12 @@ var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_)
 // EXTERNAL MODULE: external "prop-types"
 var external_prop_types_ = __webpack_require__(580);
 var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
+;// CONCATENATED MODULE: external "@mui/icons-material/EmailRounded"
+const EmailRounded_namespaceObject = require("@mui/icons-material/EmailRounded");
+var EmailRounded_default = /*#__PURE__*/__webpack_require__.n(EmailRounded_namespaceObject);
 ;// CONCATENATED MODULE: ./src/components/login/index.module.scss
 // extracted by mini-css-extract-plugin
-/* harmony default export */ const index_module = ({"loginWrapper":"loginWrapper___sxUEn","innerWrapper":"innerWrapper___GQRkq","button":"button___QMZPu","loginCode":"loginCode___dDBup","input":"input___QR9sA"});
+/* harmony default export */ const index_module = ({"loginWrapper":"loginWrapper___sxUEn","innerWrapper":"innerWrapper___GQRkq","button":"button___QMZPu","loginCode":"loginCode___dDBup","primaryEmailButton":"primaryEmailButton___gH1fC","buttonDisabled":"buttonDisabled___T9tkn","pointerDisabled":"pointerDisabled___qt_HK","email_login_button":"email_login_button___seiLi","h2Styled":"h2Styled___rfIKD","input":"input___QR9sA"});
 ;// CONCATENATED MODULE: ./src/components/login/index.js
 /**
  * Copyright 2020 OpenStack Foundation
@@ -131,7 +134,9 @@ var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_pr
 
 
 
+
 const LoginComponent = ({
+  summitData,
   loginOptions,
   login,
   allowsNativeAuth,
@@ -164,7 +169,10 @@ const LoginComponent = ({
     className: `${index_module.innerWrapper}`
   }, /*#__PURE__*/external_react_default().createElement("div", {
     className: index_module.loginCode
-  }, title, /*#__PURE__*/external_react_default().createElement("div", {
+  }, summitData?.secondary_logo && /*#__PURE__*/external_react_default().createElement("img", {
+    className: "login-logo",
+    src: `${summitData?.secondary_logo}`
+  }), title, /*#__PURE__*/external_react_default().createElement("div", {
     className: index_module.input
   }, /*#__PURE__*/external_react_default().createElement("input", {
     placeholder: "youremail@example.com",
@@ -172,12 +180,19 @@ const LoginComponent = ({
     onChange: e => setEmail(e.target.value),
     onKeyPress: ev => ev.key === 'Enter' ? loginCode() : null,
     "data-testid": "email-input"
-  }), /*#__PURE__*/external_react_default().createElement("button", {
+  })), /*#__PURE__*/external_react_default().createElement("div", {
     onClick: () => loginCode(),
-    "data-testid": "email-button"
-  }, ">"), /*#__PURE__*/external_react_default().createElement("br", null)), emailError && /*#__PURE__*/external_react_default().createElement("span", {
+    "data-testid": "email-button",
+    className: `${index_module.button} ${index_module.email_login_button} ${email === '' ? `${index_module.pointerDisabled} ${index_module.buttonDisabled}` : `${index_module.primaryEmailButton}`}`
+  }, /*#__PURE__*/external_react_default().createElement((EmailRounded_default()), {
+    style: {
+      fontSize: '20px'
+    }
+  }), /*#__PURE__*/external_react_default().createElement("span", null, "Email me a login code")), emailError && /*#__PURE__*/external_react_default().createElement("span", {
     "data-testid": "email-error"
-  }, "Please enter a valid email address")), /*#__PURE__*/external_react_default().createElement("span", null, "Or you may login with one of the following:"), loginOptions.map((o, index) => {
+  }, "Please enter a valid email address"), /*#__PURE__*/external_react_default().createElement("h2", {
+    className: index_module.h2Styled
+  }, "or")), loginOptions.map((o, index) => {
     return o.provider_param ? /*#__PURE__*/external_react_default().createElement("div", {
       className: `${index_module.button}`,
       key: `provider-${o.provider_param}`,
@@ -213,10 +228,15 @@ const LoginComponent = ({
     onChange: e => setEmail(e.target.value),
     onKeyPress: ev => ev.key === 'Enter' ? loginCode() : null,
     "data-testid": "email-input"
-  }), /*#__PURE__*/external_react_default().createElement("button", {
+  }), /*#__PURE__*/external_react_default().createElement("br", null)), /*#__PURE__*/external_react_default().createElement("div", {
     onClick: () => loginCode(),
-    "data-testid": "email-button"
-  }, ">"), /*#__PURE__*/external_react_default().createElement("br", null)), emailError && /*#__PURE__*/external_react_default().createElement("span", {
+    "data-testid": "email-button",
+    className: "button",
+    style: {
+      background: "#000",
+      color: "#fff"
+    }
+  }, "Email me a login code"), emailError && /*#__PURE__*/external_react_default().createElement("span", {
     "data-testid": "email-error"
   }, "Please enter a valid email adress")))));
 };

package/dist/components/login.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/login.js","mappings":"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","sources":["webpack://summit-registration-lite/webpack/universalModuleDefinition","webpack://summit-registration-lite/external commonjs \"prop-types\"","webpack://summit-registration-lite/external commonjs \"react\"","webpack://summit-registration-lite/webpack/bootstrap","webpack://summit-registration-lite/webpack/runtime/compat get default export","webpack://summit-registration-lite/webpack/runtime/define property getters","webpack://summit-registration-lite/webpack/runtime/hasOwnProperty shorthand","webpack://summit-registration-lite/webpack/runtime/make namespace object","webpack://summit-registration-lite/./src/components/login/index.module.scss","webpack://summit-registration-lite/./src/components/login/index.js"],"sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine(\"summit-registration-lite\", [], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"summit-registration-lite\"] = factory();\n\telse\n\t\troot[\"summit-registration-lite\"] = factory();\n})(this, function() {\nreturn ","module.exports = require(\"prop-types\");","module.exports = require(\"react\");","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","// extracted by mini-css-extract-plugin\nexport default {\"loginWrapper\":\"loginWrapper___sxUEn\",\"innerWrapper\":\"innerWrapper___GQRkq\",\"button\":\"button___QMZPu\",\"loginCode\":\"loginCode___dDBup\",\"input\":\"input___QR9sA\"};","/**\n * Copyright 2020 OpenStack Foundation\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n * http://www.apache.org/licenses/LICENSE-2.0\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n **/\n\nimport React, { useState } from 'react';\nimport PropTypes from 'prop-types';\n\nimport styles from \"./index.module.scss\";\n\nconst LoginComponent = ({\n    loginOptions,\n    login,\n    allowsNativeAuth,\n    allowsOtpAuthlogin,\n    getLoginCode,\n    getPasswordlessCode,\n    initialEmailValue,\n    title }) => {\n\n    const [email, setEmail] = useState(initialEmailValue);\n    const [emailError, setEmailError] = useState();\n\n    const isValidEmail = (email) => {\n        const re = /^(([^<>()[\\]\\\\.,;:\\s@\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/;\n        return re.test(String(email).toLowerCase());\n    }\n\n    const loginCode = () => {\n        let isValid = isValidEmail(email);\n        setEmailError(!isValid);\n        if (isValid) {\n            getLoginCode(email, getPasswordlessCode);\n        }\n    }\n\n    return (\n        <div className={`${styles.loginWrapper} step-wrapper`}>\n            <>\n                <div className={`${styles.innerWrapper}`}>\n                    <div className={styles.loginCode}>\n                        {title}\n                        <div className={styles.input}>\n                            <input placeholder=\"youremail@example.com\" value={email} onChange={e => setEmail(e.target.value)}\n                                   onKeyPress={(ev) => ev.key === 'Enter' ? loginCode() : null} data-testid=\"email-input\" />\n                            <button onClick={() => loginCode()} data-testid=\"email-button\">\n                                &gt;\n                            </button>\n                            <br />\n                        </div>\n                        {emailError && <span data-testid=\"email-error\">Please enter a valid email address</span>}\n                    </div>\n                    <span>Or you may login with one of the following:</span>\n                    {loginOptions.map((o, index) => {\n                        return (\n                            o.provider_param ?\n                                <div className={`${styles.button}`} key={`provider-${o.provider_param}`} data-testid=\"login-button\"\n                                    style={{\n                                        color: o.button_text_color ? o.button_text_color : '#ffffff',\n                                        border: `thin solid ${o.button_border_color ? o.button_border_color : o.button_color}`,\n                                        backgroundColor: o.button_color,\n                                        backgroundImage: o.provider_logo ? `url(${o.provider_logo})` : 'none',\n                                        backgroundSize: o.provider_logo_size ? o.provider_logo_size : ''\n                                    }}\n                                    onClick={() => login(o.provider_param)}>\n                                    {o.provider_label}\n                                </div>\n                                :\n                                allowsNativeAuth ?\n                                    <div className={`${styles.button}`} key={`provider-fnid`} data-testid=\"login-button\"\n                                        style={{\n                                            color: o.button_border_color ? o.button_border_color : '#ffffff',\n                                            border: `thin solid ${o.button_border_color ? o.button_border_color : o.button_color}`,\n                                            backgroundColor: o.button_color,\n                                            backgroundImage: o.provider_logo ? `url(${o.provider_logo})` : 'none',\n                                            backgroundSize: o.provider_logo_size ? o.provider_logo_size : ''\n                                        }}\n                                        onClick={() => login(o.provider_param)}>\n                                        {o.provider_label}\n                                    </div>\n                                    :\n                                    null\n                        )\n                    })}\n                    {allowsOtpAuthlogin &&\n                        <div className={styles.loginCode}>\n                            or get a login code emailed to you\n                            <div className={styles.input}>\n                                <input placeholder=\"youremail@example.com\" value={email} onChange={e => setEmail(e.target.value)} onKeyPress={(ev) => ev.key === 'Enter' ? loginCode() : null} data-testid=\"email-input\" />\n                                <button onClick={() => loginCode()} data-testid=\"email-button\">\n                                    &gt;\n                                </button>\n                                <br />\n                            </div>\n                            {emailError && <span data-testid=\"email-error\">Please enter a valid email adress</span>}\n                        </div>\n                    }\n                </div>\n            </>\n        </div>\n    );\n}\n\nLoginComponent.propTypes = {\n    loginOptions: PropTypes.array.isRequired,\n    login: PropTypes.func.isRequired,\n    allowsNativeAuth: PropTypes.bool,\n    allowsOtpAuthlogin: PropTypes.bool,\n    getLoginCode: PropTypes.func.isRequired,\n    getPasswordlessCode: PropTypes.func,\n    initialEmailValue: PropTypes.string,\n    title: PropTypes.string,\n}\n\nLoginComponent.defaultProps = {\n    allowsNativeAuth: true,\n    allowsOtpAuthlogin: false,\n    initialEmailValue: '',\n    title: 'Enter your email to begin registration:',\n}\n\n\nexport default LoginComponent\n\n"],"names":["React","useState","PropTypes","styles","LoginComponent","loginOptions","login","allowsNativeAuth","allowsOtpAuthlogin","getLoginCode","getPasswordlessCode","initialEmailValue","title","email","setEmail","emailError","setEmailError","isValidEmail","re","test","String","toLowerCase","loginCode","isValid","loginWrapper","innerWrapper","input","e","target","value","ev","key","map","o","index","provider_param","button","color","button_text_color","border","button_border_color","button_color","backgroundColor","backgroundImage","provider_logo","backgroundSize","provider_logo_size","provider_label","propTypes","array","isRequired","func","bool","string","defaultProps"],"sourceRoot":""}
+{"version":3,"file":"components/login.js","mappings":"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","sources":["webpack://summit-registration-lite/webpack/universalModuleDefinition","webpack://summit-registration-lite/external commonjs \"prop-types\"","webpack://summit-registration-lite/external commonjs \"react\"","webpack://summit-registration-lite/webpack/bootstrap","webpack://summit-registration-lite/webpack/runtime/compat get default export","webpack://summit-registration-lite/webpack/runtime/define property getters","webpack://summit-registration-lite/webpack/runtime/hasOwnProperty shorthand","webpack://summit-registration-lite/webpack/runtime/make namespace object","webpack://summit-registration-lite/external commonjs \"@mui/icons-material/EmailRounded\"","webpack://summit-registration-lite/./src/components/login/index.module.scss","webpack://summit-registration-lite/./src/components/login/index.js"],"sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine(\"summit-registration-lite\", [], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"summit-registration-lite\"] = factory();\n\telse\n\t\troot[\"summit-registration-lite\"] = factory();\n})(this, function() {\nreturn ","module.exports = require(\"prop-types\");","module.exports = require(\"react\");","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","const __WEBPACK_NAMESPACE_OBJECT__ = require(\"@mui/icons-material/EmailRounded\");","// extracted by mini-css-extract-plugin\nexport default {\"loginWrapper\":\"loginWrapper___sxUEn\",\"innerWrapper\":\"innerWrapper___GQRkq\",\"button\":\"button___QMZPu\",\"loginCode\":\"loginCode___dDBup\",\"primaryEmailButton\":\"primaryEmailButton___gH1fC\",\"buttonDisabled\":\"buttonDisabled___T9tkn\",\"pointerDisabled\":\"pointerDisabled___qt_HK\",\"email_login_button\":\"email_login_button___seiLi\",\"h2Styled\":\"h2Styled___rfIKD\",\"input\":\"input___QR9sA\"};","/**\n * Copyright 2020 OpenStack Foundation\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n * http://www.apache.org/licenses/LICENSE-2.0\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n **/\n\nimport React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport EmailRoundedIcon from '@mui/icons-material/EmailRounded';\n\nimport styles from \"./index.module.scss\";\n\nconst LoginComponent = ({\n    summitData,\n    loginOptions,\n    login,\n    allowsNativeAuth,\n    allowsOtpAuthlogin,\n    getLoginCode,\n    getPasswordlessCode,\n    initialEmailValue,\n    title }) => {\n\n    const [email, setEmail] = useState(initialEmailValue);\n    const [emailError, setEmailError] = useState();\n\n    const isValidEmail = (email) => {\n        const re = /^(([^<>()[\\]\\\\.,;:\\s@\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/;\n        return re.test(String(email).toLowerCase());\n    }\n\n    const loginCode = () => {\n        let isValid = isValidEmail(email);\n        setEmailError(!isValid);\n        if (isValid) {\n            getLoginCode(email, getPasswordlessCode);\n        }\n    }\n    \n    return (\n        <div className={`${styles.loginWrapper} step-wrapper`}>\n            <>\n                <div className={`${styles.innerWrapper}`}>\n                    <div className={styles.loginCode}>\n                        {summitData?.secondary_logo && <img className=\"login-logo\" src={`${summitData?.secondary_logo}`} />}\n                        {title}\n                        <div className={styles.input}>\n                            <input placeholder=\"youremail@example.com\" value={email} onChange={e => setEmail(e.target.value)}\n                                   onKeyPress={(ev) => ev.key === 'Enter' ? loginCode() : null} data-testid=\"email-input\" />                           \n                        </div>\n                        <div onClick={() => loginCode()} data-testid=\"email-button\"\n                            className={`${styles.button} ${styles.email_login_button} ${email === '' ? `${styles.pointerDisabled} ${styles.buttonDisabled}` : `${styles.primaryEmailButton}`}`}>\n                            <EmailRoundedIcon style={{ fontSize: '20px' }} />\n                            <span>Email me a login code</span>\n                        </div>\n                        {emailError && <span data-testid=\"email-error\">Please enter a valid email address</span>}\n                        <h2 className={styles.h2Styled}>or</h2>\n                    </div>\n                    {loginOptions.map((o, index) => {\n                        return (\n                            o.provider_param ?\n                                <div className={`${styles.button}`} key={`provider-${o.provider_param}`} data-testid=\"login-button\"\n                                    style={{\n                                        color: o.button_text_color ? o.button_text_color : '#ffffff',\n                                        border: `thin solid ${o.button_border_color ? o.button_border_color : o.button_color}`,\n                                        backgroundColor: o.button_color,\n                                        backgroundImage: o.provider_logo ? `url(${o.provider_logo})` : 'none',\n                                        backgroundSize: o.provider_logo_size ? o.provider_logo_size : ''\n                                    }}\n                                    onClick={() => login(o.provider_param)}>\n                                    {o.provider_label}\n                                </div>\n                                :\n                                allowsNativeAuth ?\n                                    <div className={`${styles.button}`} key={`provider-fnid`} data-testid=\"login-button\"\n                                        style={{\n                                            color: o.button_border_color ? o.button_border_color : '#ffffff',\n                                            border: `thin solid ${o.button_border_color ? o.button_border_color : o.button_color}`,\n                                            backgroundColor: o.button_color,\n                                            backgroundImage: o.provider_logo ? `url(${o.provider_logo})` : 'none',\n                                            backgroundSize: o.provider_logo_size ? o.provider_logo_size : ''\n                                        }}\n                                        onClick={() => login(o.provider_param)}>\n                                        {o.provider_label}\n                                    </div>\n                                    :\n                                    null\n                        )\n                    })}\n                    {allowsOtpAuthlogin &&\n                        <div className={styles.loginCode}>\n                            or get a login code emailed to you\n                            <div className={styles.input}>\n                                <input placeholder=\"youremail@example.com\" value={email} onChange={e => setEmail(e.target.value)} onKeyPress={(ev) => ev.key === 'Enter' ? loginCode() : null} data-testid=\"email-input\" />\n                                <br />\n                            </div>\n                            <div onClick={() => loginCode()} data-testid=\"email-button\" className=\"button\" style={{ background: \"#000\", color: \"#fff\"}}>\n                                Email me a login code\n                            </div>\n                            {emailError && <span data-testid=\"email-error\">Please enter a valid email adress</span>}\n                        </div>\n                    }\n                </div>\n            </>\n        </div>\n    );\n}\n\nLoginComponent.propTypes = {\n    loginOptions: PropTypes.array.isRequired,\n    login: PropTypes.func.isRequired,\n    allowsNativeAuth: PropTypes.bool,\n    allowsOtpAuthlogin: PropTypes.bool,\n    getLoginCode: PropTypes.func.isRequired,\n    getPasswordlessCode: PropTypes.func,\n    initialEmailValue: PropTypes.string,\n    title: PropTypes.string,\n}\n\nLoginComponent.defaultProps = {\n    allowsNativeAuth: true,\n    allowsOtpAuthlogin: false,\n    initialEmailValue: '',\n    title: 'Enter your email to begin registration:',\n}\n\n\nexport default LoginComponent\n\n"],"names":["React","useState","PropTypes","EmailRoundedIcon","styles","LoginComponent","summitData","loginOptions","login","allowsNativeAuth","allowsOtpAuthlogin","getLoginCode","getPasswordlessCode","initialEmailValue","title","email","setEmail","emailError","setEmailError","isValidEmail","re","test","String","toLowerCase","loginCode","isValid","loginWrapper","innerWrapper","secondary_logo","input","e","target","value","ev","key","button","email_login_button","pointerDisabled","buttonDisabled","primaryEmailButton","fontSize","h2Styled","map","o","index","provider_param","color","button_text_color","border","button_border_color","button_color","backgroundColor","backgroundImage","provider_logo","backgroundSize","provider_logo_size","provider_label","background","propTypes","array","isRequired","func","bool","string","defaultProps"],"sourceRoot":""}

package/dist/index.css

@@ -2,7 +2,7 @@
 
 .step-wrapper{padding:10px;margin:10px;border:1px solid var(--color_input_border_color);border-radius:5px}.summit-registration-lite{color:var(--color_text_dark);font-size:15px;font-smooth:auto !important;-moz-osx-font-smoothing:auto !important;-webkit-font-smoothing:auto !important}.summit-registration-lite input:-moz-placeholder,.summit-registration-lite input::-moz-placeholder{opacity:1}input{outline:none}.registration_company_dll .registration_company_dll_prefix__control{border:1px solid var(--color_primary) !important;border-radius:5px !important}
 
-.loginWrapper___sxUEn{display:flex;justify-content:center;font-weight:bold;text-align:center;padding:20px 0 30px}.innerWrapper___GQRkq{display:flex;flex-direction:column;justify-content:center;width:300px}.innerWrapper___GQRkq span{margin:10px 0}.button___QMZPu{padding:10px 30px;background-color:red;color:white;font-weight:normal;display:inline-flex;justify-content:center;margin:5px 0;border-radius:5px;cursor:pointer;background-position:28px center;background-repeat:no-repeat;background-size:16px;line-height:1.4;box-shadow:0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12)}.button___QMZPu:hover{box-shadow:0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12)}.loginCode___dDBup{margin-bottom:10px;font-size:16px}.loginCode___dDBup>div{margin-top:10px}.loginCode___dDBup span{display:inline-block;font-weight:normal;font-size:14px;color:#e5424d}.input___QR9sA{display:flex;height:40px;margin-top:5px}.input___QR9sA input{border:1px solid var(--color_input_border_color);color:var(--color_input_text_color);background-color:var(--color_input_background_color);border-radius:5px;padding:5px;width:100%}.input___QR9sA input::placeholder{color:var(--color_text_input_hints)}.input___QR9sA button{margin-left:5px;background-color:var(--color_input_background_color);padding:0px 15px;border:1px solid var(--color_input_border_color);color:var(--color_text_dark);box-shadow:none;text-align:center;white-space:nowrap;font-weight:bold;border-radius:5px;cursor:pointer;display:flex;align-items:center;justify-content:center}
+.loginWrapper___sxUEn{display:flex;justify-content:center;font-weight:bold;text-align:center;padding:20px 0 30px}.innerWrapper___GQRkq{display:flex;flex-direction:column;justify-content:center;width:300px}.innerWrapper___GQRkq span{margin:10px 0}.button___QMZPu{padding:10px 30px;background-color:red;color:white;font-weight:normal;display:inline-flex;justify-content:center;margin:5px 0;border-radius:5px;cursor:pointer;background-position:28px center;background-repeat:no-repeat;background-size:16px;line-height:1.4;box-shadow:0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12)}.button___QMZPu:hover{box-shadow:0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12)}.loginCode___dDBup{margin-bottom:10px;font-size:15px}.loginCode___dDBup>div{margin-top:10px}.loginCode___dDBup span{display:inline-block;font-weight:normal;font-size:14px;color:#e5424d}.primaryEmailButton___gH1fC{background-color:var(--color_primary)}.buttonDisabled___T9tkn{background-color:var(--color_text_input_hints)}.pointerDisabled___qt_HK{pointer-events:none}.email_login_button___seiLi{display:flex;color:var(--color_primary_contrast);width:100%}.email_login_button___seiLi span{padding:0 0 0 8px;margin:0;color:#fff}.h2Styled___rfIKD{color:var(--color_gray_darker) !important;font-size:16px !important;font-weight:bold;display:flex;flex-direction:row}.h2Styled___rfIKD::before,.h2Styled___rfIKD::after{content:"";flex:1 1;border-bottom:1px solid var(--color_gray_dark);margin:auto}.h2Styled___rfIKD::before{margin-right:10px}.h2Styled___rfIKD::after{margin-left:10px}.input___QR9sA{display:flex;height:40px;margin-top:5px}.input___QR9sA input{border:1px solid var(--color_input_border_color);color:var(--color_input_text_color);background-color:var(--color_input_background_color);border-radius:5px;padding:5px;width:100%}.input___QR9sA input::placeholder{color:var(--color_text_input_hints)}.input___QR9sA button{margin-left:5px;background-color:var(--color_input_background_color);padding:0px 15px;border:1px solid var(--color_input_border_color);color:var(--color_text_dark);box-shadow:none;text-align:center;white-space:nowrap;font-weight:bold;border-radius:5px;cursor:pointer;display:flex;align-items:center;justify-content:center}
 
 .title___LksVm{font-weight:bold;cursor:pointer}.form___v5GIx{display:flex;flex-wrap:wrap;justify-content:space-between;margin:10px 0}.form___v5GIx div.fieldWrapper___Eoe61{width:48%;border-radius:5px;color:var(--color_input_text_color);border:1px solid var(--color_input_border_color);background-color:var(--color_input_background_color);height:36px;padding:5px 10px;display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.form___v5GIx div.fieldWrapper___Eoe61:first-of-type{width:100%}.form___v5GIx div.fieldWrapper___Eoe61 input{width:100%;background-color:transparent;border:none}.form___v5GIx div.fieldWrapper___Eoe61 input:focus-visible{outline:none}.form___v5GIx div.fieldWrapper___Eoe61 i{position:relative}.form___v5GIx div.fieldWrapper___Eoe61>div{width:100%}.form___v5GIx div.fieldWrapper___Eoe61>div:first-of-type{width:95%}.form___v5GIx input{width:48%;border-radius:5px;color:var(--color_input_text_color);border:1px solid var(--color_input_border_color);background-color:var(--color_input_background_color);font-size:16px;height:36px;padding:5px 10px;display:flex;justify-content:space-between;align-items:center;margin-bottom:5px;font-weight:bold}.form___v5GIx input::placeholder{color:var(--color_text_input_hints)}
 

package/dist/index.js

@@ -164,7 +164,7 @@ PasswordlessLoginComponent.propTypes = {
 
 /***/ }),
 
-/***/ 711:
+/***/ 462:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -180,9 +180,12 @@ var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_)
 // EXTERNAL MODULE: external "prop-types"
 var external_prop_types_ = __webpack_require__(580);
 var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
+;// CONCATENATED MODULE: external "@mui/icons-material/EmailRounded"
+const EmailRounded_namespaceObject = require("@mui/icons-material/EmailRounded");
+var EmailRounded_default = /*#__PURE__*/__webpack_require__.n(EmailRounded_namespaceObject);
 ;// CONCATENATED MODULE: ./src/components/login/index.module.scss
 // extracted by mini-css-extract-plugin
-/* harmony default export */ const index_module = ({"loginWrapper":"loginWrapper___sxUEn","innerWrapper":"innerWrapper___GQRkq","button":"button___QMZPu","loginCode":"loginCode___dDBup","input":"input___QR9sA"});
+/* harmony default export */ const index_module = ({"loginWrapper":"loginWrapper___sxUEn","innerWrapper":"innerWrapper___GQRkq","button":"button___QMZPu","loginCode":"loginCode___dDBup","primaryEmailButton":"primaryEmailButton___gH1fC","buttonDisabled":"buttonDisabled___T9tkn","pointerDisabled":"pointerDisabled___qt_HK","email_login_button":"email_login_button___seiLi","h2Styled":"h2Styled___rfIKD","input":"input___QR9sA"});
 ;// CONCATENATED MODULE: ./src/components/login/index.js
 /**
  * Copyright 2020 OpenStack Foundation
@@ -200,7 +203,9 @@ var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_pr
 
 
 
+
 const LoginComponent = ({
+  summitData,
   loginOptions,
   login,
   allowsNativeAuth,
@@ -233,7 +238,10 @@ const LoginComponent = ({
     className: `${index_module.innerWrapper}`
   }, /*#__PURE__*/external_react_default().createElement("div", {
     className: index_module.loginCode
-  }, title, /*#__PURE__*/external_react_default().createElement("div", {
+  }, summitData?.secondary_logo && /*#__PURE__*/external_react_default().createElement("img", {
+    className: "login-logo",
+    src: `${summitData?.secondary_logo}`
+  }), title, /*#__PURE__*/external_react_default().createElement("div", {
     className: index_module.input
   }, /*#__PURE__*/external_react_default().createElement("input", {
     placeholder: "youremail@example.com",
@@ -241,12 +249,19 @@ const LoginComponent = ({
     onChange: e => setEmail(e.target.value),
     onKeyPress: ev => ev.key === 'Enter' ? loginCode() : null,
     "data-testid": "email-input"
-  }), /*#__PURE__*/external_react_default().createElement("button", {
+  })), /*#__PURE__*/external_react_default().createElement("div", {
     onClick: () => loginCode(),
-    "data-testid": "email-button"
-  }, ">"), /*#__PURE__*/external_react_default().createElement("br", null)), emailError && /*#__PURE__*/external_react_default().createElement("span", {
+    "data-testid": "email-button",
+    className: `${index_module.button} ${index_module.email_login_button} ${email === '' ? `${index_module.pointerDisabled} ${index_module.buttonDisabled}` : `${index_module.primaryEmailButton}`}`
+  }, /*#__PURE__*/external_react_default().createElement((EmailRounded_default()), {
+    style: {
+      fontSize: '20px'
+    }
+  }), /*#__PURE__*/external_react_default().createElement("span", null, "Email me a login code")), emailError && /*#__PURE__*/external_react_default().createElement("span", {
     "data-testid": "email-error"
-  }, "Please enter a valid email address")), /*#__PURE__*/external_react_default().createElement("span", null, "Or you may login with one of the following:"), loginOptions.map((o, index) => {
+  }, "Please enter a valid email address"), /*#__PURE__*/external_react_default().createElement("h2", {
+    className: index_module.h2Styled
+  }, "or")), loginOptions.map((o, index) => {
     return o.provider_param ? /*#__PURE__*/external_react_default().createElement("div", {
       className: `${index_module.button}`,
       key: `provider-${o.provider_param}`,
@@ -282,10 +297,15 @@ const LoginComponent = ({
     onChange: e => setEmail(e.target.value),
     onKeyPress: ev => ev.key === 'Enter' ? loginCode() : null,
     "data-testid": "email-input"
-  }), /*#__PURE__*/external_react_default().createElement("button", {
+  }), /*#__PURE__*/external_react_default().createElement("br", null)), /*#__PURE__*/external_react_default().createElement("div", {
     onClick: () => loginCode(),
-    "data-testid": "email-button"
-  }, ">"), /*#__PURE__*/external_react_default().createElement("br", null)), emailError && /*#__PURE__*/external_react_default().createElement("span", {
+    "data-testid": "email-button",
+    className: "button",
+    style: {
+      background: "#000",
+      color: "#fff"
+    }
+  }, "Email me a login code"), emailError && /*#__PURE__*/external_react_default().createElement("span", {
     "data-testid": "email-error"
   }, "Please enter a valid email adress")))));
 };
@@ -1431,8 +1451,8 @@ var clock_default = /*#__PURE__*/__webpack_require__.n(clock_namespaceObject);
 ;// CONCATENATED MODULE: ./src/styles/general.module.scss
 // extracted by mini-css-extract-plugin
 /* harmony default export */ const general_module = ({"modal":"modal___G3Cmq","modalContent":"modalContent___lIaqw","outerWrapper":"outerWrapper___OWXyi","innerWrapper":"innerWrapper___mIrBF","title":"title___Tbvkl"});
-// EXTERNAL MODULE: ./src/components/login/index.js + 1 modules
-var login = __webpack_require__(711);
+// EXTERNAL MODULE: ./src/components/login/index.js + 2 modules
+var login = __webpack_require__(462);
 ;// CONCATENATED MODULE: ./src/components/payment/index.module.scss
 // extracted by mini-css-extract-plugin
 /* harmony default export */ const index_module = ({"title":"title___LksVm","form":"form___v5GIx","fieldWrapper":"fieldWrapper___Eoe61"});
@@ -2529,6 +2549,54 @@ const getTicketMaxQuantity = ticket => ticket ? Math.min((ticket.quantity_2_sell
 ;// CONCATENATED MODULE: ./src/components/ticket-dropdown/index.module.scss
 // extracted by mini-css-extract-plugin
 /* harmony default export */ const ticket_dropdown_index_module = ({"placeholder":"placeholder___pcdCn","selectedTicket":"selectedTicket___qkbpH","inPersonDisclaimer":"inPersonDisclaimer___z_DzO","dropdown":"dropdown___mfbPG","soldOut":"soldOut___rBLC0"});
+;// CONCATENATED MODULE: ./src/utils/utils.js
+/**
+ * Copyright 2022 OpenStack Foundation
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ * http://www.apache.org/licenses/LICENSE-2.0
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ **/
+const getCurrentProvider = summit => {
+  for (let profile of summit.payment_profiles) {
+    if (profile.application_type === 'Registration') {
+      return {
+        publicKey: profile.test_mode_enabled ? profile.test_publishable_key : profile.live_publishable_key,
+        provider: profile.provider
+      };
+    }
+  }
+
+  return {
+    publicKey: null,
+    provider: ''
+  };
+};
+const ticketHasAccessLevel = (ticket, accessLevel) => {
+  if (!ticket) return false;
+  return ticket.badge?.type?.access_levels.map(al => al.name).includes(accessLevel);
+};
+const getCurrentUserLanguage = () => {
+  let language = 'en';
+
+  if (typeof navigator !== 'undefined') {
+    language = navigator.languages && navigator.languages[0] || navigator.language || navigator.userLanguage;
+  }
+
+  return language;
+};
+const isEmptyString = val => {
+  return typeof val === 'string' && val.trim().length == 0;
+};
+const getTicketTaxes = (ticket, taxes) => {
+  const ticketTaxes = taxes.filter(tax => tax.ticket_types.includes(ticket?.id));
+  return `${ticketTaxes.length > 0 ? ` plus ${taxes.map(t => t.name).join(' & ')}` : ''}`;
+};
 ;// CONCATENATED MODULE: ./src/components/ticket-dropdown/index.js
 /**
  * Copyright 2020 OpenStack Foundation
@@ -2546,9 +2614,11 @@ const getTicketMaxQuantity = ticket => ticket ? Math.min((ticket.quantity_2_sell
 
 
 
+
 const TicketDropdownComponent = ({
   selectedTicket,
   ticketTypes,
+  taxTypes,
   onTicketSelect
 }) => {
   const [active, setActive] = (0,external_react_.useState)(false);
@@ -2567,7 +2637,8 @@ const TicketDropdownComponent = ({
   }, selectedTicket ? /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, /*#__PURE__*/external_react_default().createElement("span", {
     className: ticket_dropdown_index_module.selectedTicket,
     "data-testid": "selected-ticket"
-  }, `${selectedTicket.name} - ${selectedTicket.currency_symbol}${selectedTicket.cost} ${selectedTicket.currency}`), /*#__PURE__*/external_react_default().createElement("i", {
+  }, `${selectedTicket.name} - ${selectedTicket.currency_symbol}${selectedTicket.cost} ${selectedTicket.currency}
+                            ${getTicketTaxes(selectedTicket, taxTypes)}`), /*#__PURE__*/external_react_default().createElement("i", {
     className: "fa fa-chevron-down"
   })) : /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, /*#__PURE__*/external_react_default().createElement("span", {
     "data-testid": "no-ticket"
@@ -2587,7 +2658,7 @@ const TicketDropdownComponent = ({
         if (isTicketSoldOut) return;
         ticketSelect(t);
       }
-    }, t.name, " -", ` `, !isTicketSoldOut && /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, t.currency_symbol, t.cost, " ", t.currency), isTicketSoldOut && /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, "Sold Out"));
+    }, t.name, " -", ` `, !isTicketSoldOut && /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, t.currency_symbol, t.cost, " ", t.currency), getTicketTaxes(t, taxTypes), isTicketSoldOut && /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, "Sold Out"));
   })));
 };
 
@@ -2651,8 +2722,10 @@ function ticket_type_defineProperty(obj, key, value) { if (key in obj) { Object.
 
 
 
+
 const TicketTypeComponent = ({
   ticketTypes,
+  taxTypes,
   isActive,
   changeForm,
   reservation,
@@ -2710,7 +2783,8 @@ const TicketTypeComponent = ({
     className: ticket_type_index_module.summary
   }, /*#__PURE__*/external_react_default().createElement("span", null, ticket && /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, `${ticket.name} (${quantity}): ${formatCurrency(ticket.cost * quantity, {
     currency: ticket.currency
-  })} ${ticket.currency}`, !isActive && reservation?.discount_amount > 0 && /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, /*#__PURE__*/external_react_default().createElement("br", null), /*#__PURE__*/external_react_default().createElement("span", {
+  })} ${ticket.currency} 
+                                        ${getTicketTaxes(ticket, taxTypes)}`, !isActive && reservation?.discount_amount > 0 && /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, /*#__PURE__*/external_react_default().createElement("br", null), /*#__PURE__*/external_react_default().createElement("span", {
     className: ticket_type_index_module.promoCode
   }, "Promo code\xA0", /*#__PURE__*/external_react_default().createElement("abbr", {
     title: reservation.promo_code
@@ -2745,6 +2819,7 @@ const TicketTypeComponent = ({
   }, /*#__PURE__*/external_react_default().createElement(ticket_dropdown, {
     selectedTicket: ticket,
     ticketTypes: ticketTypes,
+    taxTypes: taxTypes,
     onTicketSelect: handleTicketChange
   })), ticket && /*#__PURE__*/external_react_default().createElement("div", {
     className: ticket_type_index_module.quantity
@@ -2861,50 +2936,6 @@ const ButtonBarComponent = ({
 ;// CONCATENATED MODULE: ./src/components/purchase-complete/index.module.scss
 // extracted by mini-css-extract-plugin
 /* harmony default export */ const purchase_complete_index_module = ({"button":"button___XMN8a","wrapper":"wrapper___Jd5Xg","circle":"circle___lcN86","complete":"complete___HAHzl","actions":"actions___jJdPX","footer":"footer___FL9TW"});
-;// CONCATENATED MODULE: ./src/utils/utils.js
-/**
- * Copyright 2022 OpenStack Foundation
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- * http://www.apache.org/licenses/LICENSE-2.0
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- **/
-const getCurrentProvider = summit => {
-  for (let profile of summit.payment_profiles) {
-    if (profile.application_type === 'Registration') {
-      return {
-        publicKey: profile.test_mode_enabled ? profile.test_publishable_key : profile.live_publishable_key,
-        provider: profile.provider
-      };
-    }
-  }
-
-  return {
-    publicKey: null,
-    provider: ''
-  };
-};
-const ticketHasAccessLevel = (ticket, accessLevel) => {
-  if (!ticket) return false;
-  return ticket.badge?.type?.access_levels.map(al => al.name).includes(accessLevel);
-};
-const getCurrentUserLanguage = () => {
-  let language = 'en';
-
-  if (typeof navigator !== 'undefined') {
-    language = navigator.languages && navigator.languages[0] || navigator.language || navigator.userLanguage;
-  }
-
-  return language;
-};
-const isEmptyString = val => {
-  return typeof val === 'string' && val.trim().length == 0;
-};
 ;// CONCATENATED MODULE: external "i18n-react"
 const external_i18n_react_namespaceObject = require("i18n-react");
 var external_i18n_react_default = /*#__PURE__*/__webpack_require__.n(external_i18n_react_namespaceObject);
@@ -3423,6 +3454,7 @@ const RegistrationLite = _ref => {
   }), !ticketTaxesError && /*#__PURE__*/external_react_default().createElement("div", {
     className: general_module.stepsWrapper
   }, !profileData && !passwordlessCodeSent && /*#__PURE__*/external_react_default().createElement(login["default"], {
+    summitData: summitData,
     loginOptions: loginOptions,
     allowsNativeAuth: allowsNativeAuth,
     allowsOtpAuth: allowsOtpAuth,