summit-registration-lite 3.0.7 → 3.0.8

package/README.md

@@ -22,6 +22,8 @@ React component for the summit registration lite widget
 
    **loading**                = boolean to show/hide a loader on the widget
 
+   **showMultipleTicketTexts**= boolean to show/hide the text for multiple tickets
+
    Example
    
    ```

package/dist/index.css

@@ -20,7 +20,7 @@
 
 .button___XMN8a{background-color:var(--color_secondary_contrast) !important;color:#fff !important;border:none !important;font-weight:bold !important;font-size:1em !important;cursor:pointer !important}.button___XMN8a[disabled]{background-color:var(--color_secondary_contrast) !important}.button___XMN8a:hover{color:#fff !important}.button___XMN8a:active,.button___XMN8a:focus{color:#fff !important}.wrapper___Jd5Xg{height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:15px 0;padding:15px 0;border-radius:5px;border:1px solid lightgray;text-align:center}.wrapper___Jd5Xg .circle___lcN86{margin-top:auto;margin-bottom:10px;background-color:var(--color_primary50);border-radius:50px;border:1px solid var(--color_primary);padding:10px}.wrapper___Jd5Xg .circle___lcN86 i{font-size:36px;color:var(--color_primary)}.wrapper___Jd5Xg .complete___HAHzl{font-weight:bold;font-size:20px}.wrapper___Jd5Xg .actions___jJdPX{display:flex}.wrapper___Jd5Xg button{margin:10px 5px 0 5px}.wrapper___Jd5Xg span{font-size:14px}.wrapper___Jd5Xg a{color:var(--color_primary);text-decoration:underline}.wrapper___Jd5Xg .footer___FL9TW{margin-top:auto;font-size:14px;font-weight:normal}
 
-.passwordlessWrapper___BRQ_s{height:400px;display:flex;justify-content:center;align-items:center;flex-direction:column}.passwordlessWrapper___BRQ_s .innerWrapper___nRLDi{text-align:center;font-weight:bold;height:100%;width:300px;display:flex;flex-direction:column;justify-content:center}.passwordlessWrapper___BRQ_s .innerWrapper___nRLDi .digits___Vu5iy{margin-top:15px;display:inline-block}.passwordlessWrapper___BRQ_s .innerWrapper___nRLDi .codeInput___LnTZe{margin-top:20px;display:flex;justify-content:center}.passwordlessWrapper___BRQ_s .innerWrapper___nRLDi .codeInput___LnTZe input{height:56px;width:56px;font-size:42px;background-color:var(--color_primary50);border:1px solid var(--color_primary);border-radius:5px;padding:5px;display:inline-flex;text-transform:uppercase;text-align:center;margin:0 5px}.passwordlessWrapper___BRQ_s .innerWrapper___nRLDi .error___wZflZ{margin-top:10px;color:#e5424d;font-size:14px}.passwordlessWrapper___BRQ_s .innerWrapper___nRLDi .verify___IBgMl{margin-top:20px}.passwordlessWrapper___BRQ_s .innerWrapper___nRLDi .verify___IBgMl .button___nBhtQ{padding:10px 30px;font-weight:normal;justify-content:center;margin:5px 0;border-radius:5px;cursor:pointer;background-color:var(--color_secondary_contrast);color:#FFFFFF;width:100%;font-size:1em}.passwordlessWrapper___BRQ_s .innerWrapper___nRLDi .verify___IBgMl .link___f6fDT{color:var(--color_primary);text-decoration:underline;cursor:pointer}.passwordlessWrapper___BRQ_s .resend___Nma1U{margin:auto 0 0 0;font-weight:normal;font-size:14px}.passwordlessWrapper___BRQ_s .resend___Nma1U span{color:var(--color_primary);text-decoration:underline;cursor:pointer}
+.passwordlessWrapper___BRQ_s{height:400px;display:flex;justify-content:center;align-items:center;flex-direction:column}.passwordlessWrapper___BRQ_s .innerWrapper___nRLDi{text-align:center;font-weight:bold;height:100%;width:300px;display:flex;flex-direction:column;justify-content:center}.passwordlessWrapper___BRQ_s .innerWrapper___nRLDi .logo___qNVrv{width:175px;align-self:center}.passwordlessWrapper___BRQ_s .innerWrapper___nRLDi .digits___Vu5iy{margin-top:15px;display:inline-block}.passwordlessWrapper___BRQ_s .innerWrapper___nRLDi .codeInput___LnTZe{margin-top:20px;display:flex;justify-content:center}.passwordlessWrapper___BRQ_s .innerWrapper___nRLDi .codeInput___LnTZe input{height:56px;width:56px;font-size:42px;background-color:var(--color_primary50);border:1px solid var(--color_primary);border-radius:5px;padding:5px;display:inline-flex;text-transform:uppercase;text-align:center;margin:0 5px}.passwordlessWrapper___BRQ_s .innerWrapper___nRLDi .error___wZflZ{margin-top:10px;color:#e5424d;font-size:14px}.passwordlessWrapper___BRQ_s .innerWrapper___nRLDi .verify___IBgMl{margin-top:20px}.passwordlessWrapper___BRQ_s .innerWrapper___nRLDi .verify___IBgMl .button___nBhtQ{padding:10px 30px;font-weight:normal;justify-content:center;margin:5px 0;border-radius:5px;cursor:pointer;background-color:var(--color_secondary_contrast);color:#FFFFFF;width:100%;font-size:1em}.passwordlessWrapper___BRQ_s .innerWrapper___nRLDi .verify___IBgMl .link___f6fDT{color:var(--color_primary);text-decoration:underline;cursor:pointer}.passwordlessWrapper___BRQ_s .resend___Nma1U{margin:auto 0 0 0;font-weight:normal;font-size:14px}.passwordlessWrapper___BRQ_s .resend___Nma1U span{color:var(--color_primary);text-decoration:underline;cursor:pointer}
 
 .ticketOwnedWrapper___nhkDY{margin:10px}.alert___c49oP{margin:0 !important}
 

package/dist/index.js

@@ -9,9 +9,40 @@
 		root["summit-registration-lite"] = factory();
 })(this, function() {
 return /******/ (() => { // webpackBootstrap
-/******/ 	"use strict";
-/******/ 	// The require scope
-/******/ 	var __webpack_require__ = {};
+/******/ 	var __webpack_modules__ = ({
+
+/***/ 802:
+/***/ ((module) => {
+
+module.exports = "data:image/svg+xml,%3c!-- Generator: Adobe Illustrator 25.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3e %3csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 812.24 471.64' style='enable-background:new 0 0 812.24 471.64;' xml:space='preserve'%3e %3cstyle type='text/css'%3e .st0%7bfill:%230C64C8;%7d %3c/style%3e %3cg%3e %3cpath d='M170.89,146.78l-64.77,178.08h535.23l64.77-178.08L170.89,146.78L170.89,146.78z M384.48,309.44H341.7l-25.6-80.85 l-29.41,80.85h-42.6l41.94-115.3h-65.52l-9.29,25.54h56.62l-10.8,29.7h-56.62l-21.84,60.06h-45.63l53.39-146.78h153.49l25.72,81.24 l29.56-81.24h42.75L384.48,309.44z'/%3e %3cg%3e %3cpath class='st0' d='M588.49,162.71v50.86c-4-4.27-8.59-7.47-13.76-9.61s-10.92-3.21-17.26-3.21c-13.01,0-23.73,4.67-32.17,14.02 c-8.44,9.34-12.66,22.83-12.66,40.45c0,15.75,3.82,29.13,11.46,40.15c7.64,11.01,18.69,16.52,33.17,16.52 c7.2,0,13.74-1.54,19.61-4.6c4.4-2.34,9.27-6.84,14.61-13.52v15.72h38.12V162.71H588.49z M583.59,275.94 c-3.47,4.07-7.8,6.11-13.01,6.11c-4.87,0-8.96-2.02-12.26-6.06s-4.95-10.4-4.95-19.07c0-9.28,1.6-15.88,4.8-19.82 s7.17-5.91,11.91-5.91c5.4,0,9.87,2.05,13.41,6.16c3.53,4.1,5.3,10.33,5.3,18.67C588.79,265.23,587.05,271.87,583.59,275.94z'/%3e %3cpath class='st0' d='M473.92,207.72c-14.37,0-26.03,7.27-26.03,16.25v2.96v45.48h9.09l3.47,37.09h26.95l3.47-37.09h9.09v-45.48 v-2.96C499.95,214.99,488.29,207.72,473.92,207.72z'/%3e %3cellipse transform='matrix(2.075247e-03 -1 1 2.075247e-03 290.6104 655.8611)' class='st0' cx='473.92' cy='182.32' rx='19.87' ry='19.86'/%3e %3c/g%3e %3c/g%3e %3c/svg%3e"
+
+/***/ })
+
+/******/ 	});
+/************************************************************************/
+/******/ 	// The module cache
+/******/ 	var __webpack_module_cache__ = {};
+/******/ 	
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/ 		// Check if module is in cache
+/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
+/******/ 		if (cachedModule !== undefined) {
+/******/ 			return cachedModule.exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = __webpack_module_cache__[moduleId] = {
+/******/ 			// no module.id needed
+/******/ 			// no module.loaded needed
+/******/ 			exports: {}
+/******/ 		};
+/******/ 	
+/******/ 		// Execute the module function
+/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+/******/ 	
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
 /******/ 	
 /************************************************************************/
 /******/ 	/* webpack/runtime/compat get default export */
@@ -56,6 +87,9 @@ return /******/ (() => { // webpackBootstrap
 /******/ 	
 /************************************************************************/
 var __webpack_exports__ = {};
+// This entry need to be wrapped in an IIFE because it need to be in strict mode.
+(() => {
+"use strict";
 // ESM COMPAT FLAG
 __webpack_require__.r(__webpack_exports__);
 
@@ -1751,7 +1785,8 @@ const PersonalInfoComponent = ({
   handleCompanyError,
   formValues,
   formErrors,
-  invitation
+  invitation,
+  showMultipleTicketTexts
 }) => {
   var _errors$email, _errors$email2;
 
@@ -1921,7 +1956,7 @@ const PersonalInfoComponent = ({
   }, /*#__PURE__*/external_react_default().createElement("input", personal_information_extends({
     type: "text",
     placeholder: "Promo Code"
-  }, register("promoCode")))))), /*#__PURE__*/external_react_default().createElement("a", {
+  }, register("promoCode")))))), showMultipleTicketTexts && /*#__PURE__*/external_react_default().createElement("a", {
     className: personal_information_index_module.moreInfo,
     "data-tip": true,
     "data-for": "promo-code-info"
@@ -2083,7 +2118,8 @@ const TicketTypeComponent = ({
   isActive,
   changeForm,
   reservation,
-  inPersonDisclaimer
+  inPersonDisclaimer,
+  showMultipleTicketTexts
 }) => {
   const [ticket, setTicket] = (0,external_react_namespaceObject.useState)(null);
   const [quantity, setQuantity] = (0,external_react_namespaceObject.useState)(1);
@@ -2192,7 +2228,7 @@ const TicketTypeComponent = ({
     disabled: maxQuantity === 0 || quantity >= maxQuantity
   }, /*#__PURE__*/external_react_default().createElement("i", {
     className: "glyphicon glyphicon-plus"
-  })))))), /*#__PURE__*/external_react_default().createElement("a", {
+  })))))), showMultipleTicketTexts && /*#__PURE__*/external_react_default().createElement("a", {
     className: ticket_type_index_module.moreInfo,
     "data-tip": true,
     "data-for": "ticket-quantity-info"
@@ -2349,7 +2385,10 @@ const external_react_otp_input_namespaceObject = require("react-otp-input");
 var external_react_otp_input_default = /*#__PURE__*/__webpack_require__.n(external_react_otp_input_namespaceObject);
 ;// CONCATENATED MODULE: ./src/components/login-passwordless/index.module.scss
 // extracted by mini-css-extract-plugin
-/* harmony default export */ const login_passwordless_index_module = ({"passwordlessWrapper":"passwordlessWrapper___BRQ_s","innerWrapper":"innerWrapper___nRLDi","digits":"digits___Vu5iy","codeInput":"codeInput___LnTZe","error":"error___wZflZ","verify":"verify___IBgMl","button":"button___nBhtQ","link":"link___f6fDT","resend":"resend___Nma1U"});
+/* harmony default export */ const login_passwordless_index_module = ({"passwordlessWrapper":"passwordlessWrapper___BRQ_s","innerWrapper":"innerWrapper___nRLDi","logo":"logo___qNVrv","digits":"digits___Vu5iy","codeInput":"codeInput___LnTZe","error":"error___wZflZ","verify":"verify___IBgMl","button":"button___nBhtQ","link":"link___f6fDT","resend":"resend___Nma1U"});
+// EXTERNAL MODULE: ./src/assets/FNid_WHT_logo_rgb.svg
+var FNid_WHT_logo_rgb = __webpack_require__(802);
+var FNid_WHT_logo_rgb_default = /*#__PURE__*/__webpack_require__.n(FNid_WHT_logo_rgb);
 ;// CONCATENATED MODULE: ./src/components/login-passwordless/index.js
 /**
  * Copyright 2020 OpenStack Foundation
@@ -2368,6 +2407,7 @@ var external_react_otp_input_default = /*#__PURE__*/__webpack_require__.n(extern
 
 
 
+
 const PasswordlessLoginComponent = ({
   email,
   codeLength,
@@ -2398,7 +2438,11 @@ const PasswordlessLoginComponent = ({
     className: `${login_passwordless_index_module.passwordlessWrapper} step-wrapper`
   }, /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, /*#__PURE__*/external_react_default().createElement("div", {
     className: `${login_passwordless_index_module.innerWrapper}`
-  }, /*#__PURE__*/external_react_default().createElement("span", null, "We sent your single-use login code to ", /*#__PURE__*/external_react_default().createElement("br", null), /*#__PURE__*/external_react_default().createElement("span", {
+  }, /*#__PURE__*/external_react_default().createElement("img", {
+    src: (FNid_WHT_logo_rgb_default()),
+    alt: "FNid",
+    className: login_passwordless_index_module.logo
+  }), /*#__PURE__*/external_react_default().createElement("span", null, "We sent your single-use login code to ", /*#__PURE__*/external_react_default().createElement("br", null), /*#__PURE__*/external_react_default().createElement("span", {
     "data-testid": "email"
   }, email), /*#__PURE__*/external_react_default().createElement("br", null), /*#__PURE__*/external_react_default().createElement("span", {
     className: login_passwordless_index_module.digits,
@@ -2504,7 +2548,7 @@ const getCurrentProvider = summit => {
   };
 };
 ;// CONCATENATED MODULE: ./src/components/registration-lite.js
-const registration_lite_excluded = ["loadSession", "setMarketingSettings", "changeStep", "removeReservedTicket", "reserveTicket", "payTicketWithProvider", "onPurchaseComplete", "getTicketTypes", "getTaxesTypes", "getLoginCode", "passwordlessLogin", "goToLogin", "loginOptions", "allowsNativeAuth", "allowsOtpAuth", "reservation", "checkout", "ticketTypes", "taxTypes", "step", "passwordlessCodeSent", "passwordlessEmail", "passwordlessCode", "getPasswordlessCode", "passwordlessCodeError", "loginWithCode", "goToExtraQuestions", "goToEvent", "goToRegistration", "profileData", "summitData", "supportEmail", "ticketOwned", "ownedTickets", "widgetLoading", "loading", "inPersonDisclaimer", "userProfile", "handleCompanyError", "stripeOptions", "invitation", "loginInitialEmailInputValue", "getMyInvitation"];
+const registration_lite_excluded = ["loadSession", "setMarketingSettings", "changeStep", "removeReservedTicket", "reserveTicket", "payTicketWithProvider", "onPurchaseComplete", "getTicketTypes", "getTaxesTypes", "getLoginCode", "passwordlessLogin", "goToLogin", "loginOptions", "allowsNativeAuth", "allowsOtpAuth", "reservation", "checkout", "ticketTypes", "taxTypes", "step", "passwordlessCodeSent", "passwordlessEmail", "passwordlessCode", "getPasswordlessCode", "passwordlessCodeError", "loginWithCode", "goToExtraQuestions", "goToEvent", "goToRegistration", "profileData", "summitData", "supportEmail", "ticketOwned", "ownedTickets", "widgetLoading", "loading", "inPersonDisclaimer", "userProfile", "handleCompanyError", "stripeOptions", "invitation", "loginInitialEmailInputValue", "getMyInvitation", "showMultipleTicketTexts"];
 
 function registration_lite_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -2593,7 +2637,8 @@ const RegistrationLite = _ref => {
     stripeOptions,
     invitation,
     loginInitialEmailInputValue,
-    getMyInvitation
+    getMyInvitation,
+    showMultipleTicketTexts
   } = _ref,
       rest = registration_lite_objectWithoutProperties(_ref, registration_lite_excluded);
 
@@ -2714,7 +2759,7 @@ const RegistrationLite = _ref => {
     getLoginCode: getLoginCode,
     getPasswordlessCode: getPasswordlessCode,
     initialEmailValue: loginInitialEmailInputValue
-  }), !profileData && passwordlessCodeSent && /*#__PURE__*/external_react_default().createElement(login_passwordless, {
+  }), !profileData && !passwordlessCodeSent && /*#__PURE__*/external_react_default().createElement(login_passwordless, {
     codeLength: passwordlessCode,
     email: passwordlessEmail,
     passwordlessLogin: passwordlessLogin,
@@ -2732,7 +2777,8 @@ const RegistrationLite = _ref => {
     taxTypes: taxTypes,
     reservation: reservation,
     isActive: step === 0,
-    changeForm: ticketForm => setFormValues(registration_lite_objectSpread(registration_lite_objectSpread({}, formValues), ticketForm))
+    changeForm: ticketForm => setFormValues(registration_lite_objectSpread(registration_lite_objectSpread({}, formValues), ticketForm)),
+    showMultipleTicketTexts: showMultipleTicketTexts
   }), /*#__PURE__*/external_react_default().createElement(personal_information, {
     isActive: step === 1,
     reservation: reservation,
@@ -2744,7 +2790,8 @@ const RegistrationLite = _ref => {
     })),
     handleCompanyError: handleCompanyError,
     formValues: formValues,
-    formErrors: formErrors
+    formErrors: formErrors,
+    showMultipleTicketTexts: showMultipleTicketTexts
   }), /*#__PURE__*/external_react_default().createElement(external_react_spring_namespaceObject.animated.div, {
     style: registration_lite_objectSpread({}, toggleAnimation)
   }, /*#__PURE__*/external_react_default().createElement("div", {
@@ -2792,10 +2839,12 @@ const registration_lite_mapStateToProps = ({
 });
 
 RegistrationLite.defaultProps = {
-  loginInitialEmailInputValue: ''
+  loginInitialEmailInputValue: '',
+  showMultipleTicketTexts: true
 };
 RegistrationLite.propTypes = {
-  loginInitialEmailInputValue: (external_prop_types_default()).string
+  loginInitialEmailInputValue: (external_prop_types_default()).string,
+  showMultipleTicketTexts: (external_prop_types_default()).bool
 };
 /* harmony default export */ const registration_lite = ((0,external_react_redux_namespaceObject.connect)(registration_lite_mapStateToProps, {
   loadSession: loadSession,
@@ -2846,6 +2895,8 @@ class RegistrationLiteWidget extends (external_react_default()).PureComponent {
 }
 
 /* harmony default export */ const summit_registration_lite = (RegistrationLiteWidget);
+})();
+
 /******/ 	return __webpack_exports__;
 /******/ })()
 ;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "summit-registration-lite",
-  "version": "3.0.7",
+  "version": "3.0.8",
   "description": "Summit Registration Lite",
   "main": "index.js",
   "scripts": {
@@ -134,6 +134,7 @@
     "react-spring": "^9.1.2",
     "react-use": "^17.2.4",
     "resize-observer-polyfill": "^1.5.1",
+    "svg-url-loader": "^7.1.1",
     "use-debounce": "^6.0.1"
   }
 }