summit-registration-lite 5.0.45-beta.2 → 5.0.46

package/dist/index.js

@@ -11,7 +11,7 @@
 return /******/ (() => { // webpackBootstrap
 /******/ 	var __webpack_modules__ = ({
 
-/***/ 168:
+/***/ 590:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -30,9 +30,12 @@ var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_pr
 ;// CONCATENATED MODULE: external "react-otp-input"
 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: external "moment-timezone"
+const external_moment_timezone_namespaceObject = require("moment-timezone");
+var external_moment_timezone_default = /*#__PURE__*/__webpack_require__.n(external_moment_timezone_namespaceObject);
 ;// CONCATENATED MODULE: ./src/components/login-passwordless/index.module.scss
 // extracted by mini-css-extract-plugin
-/* harmony default export */ const index_module = ({"passwordlessWrapper":"passwordlessWrapper___BRQ_s","codeSent":"codeSent___NzYb_","innerWrapper":"innerWrapper___nRLDi","logo":"logo___qNVrv","logoDark":"logoDark___VVYee","digits":"digits___Vu5iy","codeInput":"codeInput___LnTZe","error":"error___wZflZ","verify":"verify___IBgMl","button":"button___nBhtQ","link":"link___f6fDT","resend":"resend___Nma1U","logoLight":"logoLight___vSbn_"});
+/* harmony default export */ const index_module = ({"passwordlessWrapper":"passwordlessWrapper___BRQ_s","codeSent":"codeSent___NzYb_","innerWrapper":"innerWrapper___nRLDi","logo":"logo___qNVrv","logoDark":"logoDark___VVYee","digits":"digits___Vu5iy","codeInput":"codeInput___LnTZe","error":"error___wZflZ","verify":"verify___IBgMl","button":"button___nBhtQ","link":"link___f6fDT","resend":"resend___Nma1U","disabled":"disabled___fMnzY","logoLight":"logoLight___vSbn_"});
 // 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);
@@ -41,6 +44,43 @@ var FNid_BLK_logo_rgb = __webpack_require__(107);
 var FNid_BLK_logo_rgb_default = /*#__PURE__*/__webpack_require__.n(FNid_BLK_logo_rgb);
 // EXTERNAL MODULE: ./src/utils/utils.js + 1 modules
 var utils = __webpack_require__(452);
+// EXTERNAL MODULE: ./src/utils/constants.js
+var constants = __webpack_require__(243);
+;// CONCATENATED MODULE: ./src/utils/hooks/useCountdown.js
+
+
+const useCountdown = initialTime => {
+  const [countdown, setCountdown] = (0,external_react_.useState)(initialTime);
+  const intervalRef = (0,external_react_.useRef)(null);
+
+  const resetCountdown = newTime => {
+    const time = newTime !== undefined ? newTime : initialTime;
+    if (intervalRef.current) clearInterval(intervalRef.current);
+    setCountdown(time);
+
+    if (time > 0) {
+      intervalRef.current = setInterval(() => {
+        setCountdown(prevCountdown => {
+          if (prevCountdown <= 1) {
+            clearInterval(intervalRef.current);
+            return 0;
+          }
+
+          return prevCountdown - 1;
+        });
+      }, 1000);
+    }
+  };
+
+  (0,external_react_.useEffect)(() => {
+    // Initialize the countdown when the hook is first used
+    resetCountdown(initialTime);
+    return () => clearInterval(intervalRef.current);
+  }, [initialTime]);
+  return [countdown, resetCountdown];
+};
+
+/* harmony default export */ const hooks_useCountdown = (useCountdown);
 ;// CONCATENATED MODULE: ./src/components/login-passwordless/index.js
 /**
  * Copyright 2020 OpenStack Foundation
@@ -62,9 +102,13 @@ var utils = __webpack_require__(452);
 
 
 
+
+
+
 const PasswordlessLoginComponent = ({
   email,
   codeLength,
+  codeLifeTime,
   passwordlessLogin,
   loginWithCode,
   codeError,
@@ -79,6 +123,13 @@ const PasswordlessLoginComponent = ({
   const [otpError, setOtpError] = (0,external_react_.useState)(false);
   const [codeSent, setCodeSent] = (0,external_react_.useState)(false);
   const [isLoading, setIsLoading] = (0,external_react_.useState)(false);
+  const [resendCountdown, resetResendCountdown] = hooks_useCountdown(0);
+  const [lifetimeCountdown, resetLifetimeCountdown] = hooks_useCountdown(0);
+  (0,external_react_.useEffect)(() => {
+    if (codeLifeTime > 0) {
+      resetLifetimeCountdown(codeLifeTime);
+    }
+  }, [codeLifeTime]);
 
   const tryPasswordlessLogin = code => {
     if (code.length === codeLength) {
@@ -94,6 +145,7 @@ const PasswordlessLoginComponent = ({
     getLoginCode(email, getPasswordlessCode).then(() => {
       setCodeSent(true);
       setTimeout(() => setCodeSent(false), 3000);
+      resetResendCountdown(constants/* RESEND_TIME */.Jr);
     }).catch(err => {
       (0,utils/* handleSentryException */.Gj)(err);
     });
@@ -104,11 +156,14 @@ const PasswordlessLoginComponent = ({
     tryPasswordlessLogin(otpCode);
   };
 
+  const formatDuration = seconds => {
+    const duration = external_moment_timezone_default().duration(seconds, 'seconds');
+    return external_moment_timezone_default().utc(duration.asMilliseconds()).format('mm:ss');
+  };
+
   return /*#__PURE__*/external_react_default().createElement("div", {
     className: `${index_module.passwordlessWrapper} step-wrapper`
-  }, /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, codeSent && /*#__PURE__*/external_react_default().createElement("div", {
-    className: index_module.codeSent
-  }, "Code has been resent."), /*#__PURE__*/external_react_default().createElement("div", {
+  }, /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, /*#__PURE__*/external_react_default().createElement("div", {
     className: `${index_module.innerWrapper}`
   }, /*#__PURE__*/external_react_default().createElement("img", {
     src: idpLogoDark || (FNid_BLK_logo_rgb_default()),
@@ -145,7 +200,11 @@ const PasswordlessLoginComponent = ({
   }))), codeError && /*#__PURE__*/external_react_default().createElement("span", {
     className: index_module.error,
     "data-testid": "error"
-  }, "The code you entered it's incorrect. ", /*#__PURE__*/external_react_default().createElement("br", null), " Please try again."), /*#__PURE__*/external_react_default().createElement("div", {
+  }, "The code you entered it's incorrect. ", /*#__PURE__*/external_react_default().createElement("br", null), " Please try again."), codeSent && /*#__PURE__*/external_react_default().createElement("p", {
+    className: index_module.codeSent
+  }, "Code has been resent."), lifetimeCountdown > 0 && /*#__PURE__*/external_react_default().createElement("p", {
+    className: index_module.codeSent
+  }, "Code expires in ", formatDuration(lifetimeCountdown), " minutes."), /*#__PURE__*/external_react_default().createElement("div", {
     className: index_module.verify
   }, /*#__PURE__*/external_react_default().createElement("button", {
     className: `${index_module.button} button`,
@@ -158,16 +217,18 @@ const PasswordlessLoginComponent = ({
     "data-testid": "go-back"
   }, "try another way")))), /*#__PURE__*/external_react_default().createElement("div", {
     className: index_module.resend
-  }, "Didn\u2019t receive it? Check your spam/junk folder, or ", /*#__PURE__*/external_react_default().createElement("span", {
-    className: index_module.link,
+  }, "Didn\u2019t receive it? Check your spam/junk folder, or\xA0", /*#__PURE__*/external_react_default().createElement("button", {
+    className: `${index_module.link} ${resendCountdown > 0 ? index_module.disabled : ''}`,
+    disabled: resendCountdown > 0,
     onClick: () => resendCode(),
     "data-testid": "resend"
-  }, "resend code"), " now.")));
+  }, "resend code ", ' ', " ", resendCountdown > 0 && /*#__PURE__*/external_react_default().createElement("span", null, "(", resendCountdown, ")")), "\xA0now.")));
 };
 
 PasswordlessLoginComponent.propTypes = {
   email: (external_prop_types_default()).string.isRequired,
   codeLength: (external_prop_types_default()).number.isRequired,
+  codeLifeTime: (external_prop_types_default()).number.isRequired,
   passwordlessLogin: (external_prop_types_default()).func.isRequired,
   loginWithCode: (external_prop_types_default()).func,
   codeError: (external_prop_types_default()).bool,
@@ -487,6 +548,7 @@ const getTicketMaxQuantity = ticket => {
 /* harmony export */   "G2": () => (/* binding */ ADD_TO_CART),
 /* harmony export */   "GB": () => (/* binding */ TICKET_TYPE_SUBTYPE_PREPAID),
 /* harmony export */   "I6": () => (/* binding */ VIEW_ITEM),
+/* harmony export */   "Jr": () => (/* binding */ RESEND_TIME),
 /* harmony export */   "K8": () => (/* binding */ VirtualAccessLevel),
 /* harmony export */   "NR": () => (/* binding */ BEGIN_CHECKOUT),
 /* harmony export */   "QN": () => (/* binding */ DefaultHintColor),
@@ -533,7 +595,8 @@ const ORDER_PAYMENT_METHOD_OFFLINE = 'Offline';
 const STEP_SELECT_TICKET_TYPE = 0;
 const STEP_PERSONAL_INFO = 1;
 const STEP_PAYMENT = 2;
-const STEP_COMPLETE = 3; // ANALYTICS
+const STEP_COMPLETE = 3;
+const RESEND_TIME = 60; // ANALYTICS
 
 const VIEW_ITEM = 'view_item';
 const ADD_TO_CART = 'add_to_cart';
@@ -1175,7 +1238,7 @@ const DELETE_RESERVATION_ERROR = 'DELETE_RESERVATION_ERROR';
 const PAY_RESERVATION = 'PAY_RESERVATION';
 const CLEAR_RESERVATION = 'CLEAR_RESERVATION';
 const SET_PASSWORDLESS_LOGIN = 'SET_PASSWORDLESS_LOGIN';
-const SET_PASSWORDLESS_LENGTH = 'SET_PASSWORDLESS_LENGTH';
+const SET_PASSWORDLESS_SETTINGS = 'SET_PASSWORDLESS_SETTINGS';
 const SET_PASSWORDLESS_ERROR = 'SET_PASSWORDLESS_ERROR';
 const GO_TO_LOGIN = 'GO_TO_LOGIN';
 const GET_MY_INVITATION = 'GET_MY_INVITATION';
@@ -1577,7 +1640,7 @@ const getLoginCode = (email, getPasswordlessCode) => async (dispatch, getState)
   dispatch((0,actions_namespaceObject.createAction)(SET_PASSWORDLESS_LOGIN)(email));
   return new Promise((resolve, reject) => {
     getPasswordlessCode(email).then(res => {
-      dispatch((0,actions_namespaceObject.createAction)(SET_PASSWORDLESS_LENGTH)(res.response));
+      dispatch((0,actions_namespaceObject.createAction)(SET_PASSWORDLESS_SETTINGS)(res.response));
       resolve(res);
     }, err => {
       const errorMessage = err.response?.body?.error || err.message;
@@ -1710,6 +1773,7 @@ const DEFAULT_STATE = {
   passwordless: {
     email: null,
     otp_length: 0,
+    otp_lifetime: 0,
     code_sent: false,
     error: false
   },
@@ -1830,19 +1894,22 @@ const RegistrationLiteReducer = (state = DEFAULT_STATE, action) => {
         return reducer_objectSpread(reducer_objectSpread({}, state), {}, {
           passwordless: reducer_objectSpread(reducer_objectSpread({}, state.passwordless), {}, {
             email: payload,
-            error: false
+            error: false,
+            otp_lifetime: 0
           })
         });
       }
 
-    case SET_PASSWORDLESS_LENGTH:
+    case SET_PASSWORDLESS_SETTINGS:
       {
         const {
-          otp_length
+          otp_length,
+          otp_lifetime
         } = payload;
         return reducer_objectSpread(reducer_objectSpread({}, state), {}, {
           passwordless: reducer_objectSpread(reducer_objectSpread({}, state.passwordless), {}, {
             otp_length,
+            otp_lifetime,
             code_sent: true,
             error: false
           })
@@ -3678,8 +3745,8 @@ const PurchaseComplete = _ref2 => {
 };
 
 /* harmony default export */ const purchase_complete = (PurchaseComplete);
-// EXTERNAL MODULE: ./src/components/login-passwordless/index.js + 2 modules
-var login_passwordless = __webpack_require__(168);
+// EXTERNAL MODULE: ./src/components/login-passwordless/index.js + 4 modules
+var login_passwordless = __webpack_require__(590);
 ;// CONCATENATED MODULE: ./src/components/ticket-owned/index.module.scss
 // extracted by mini-css-extract-plugin
 /* harmony default export */ const ticket_owned_index_module = ({"ticketOwnedWrapper":"ticketOwnedWrapper___nhkDY","alert":"alert___c49oP"});
@@ -3789,7 +3856,7 @@ const TicketTaxesError = ({
 
 /* harmony default export */ const ticket_taxes_error = (TicketTaxesError);
 ;// CONCATENATED MODULE: ./src/components/registration-lite.js
-const registration_lite_excluded = ["loadSession", "setMarketingSettings", "changeStep", "removeReservedTicket", "reserveTicket", "payTicketWithProvider", "trackEvent", "onPurchaseComplete", "getTicketTypesAndTaxes", "getLoginCode", "passwordlessLogin", "goToLogin", "loginOptions", "allowsNativeAuth", "allowsOtpAuth", "reservation", "checkout", "ticketTypes", "taxTypes", "step", "passwordlessCodeSent", "passwordlessEmail", "passwordlessCode", "getPasswordlessCode", "passwordlessCodeError", "loginWithCode", "goToExtraQuestions", "goToMyOrders", "goToEvent", "profileData", "summitData", "supportEmail", "ticketOwned", "ownedTickets", "widgetLoading", "loading", "inPersonDisclaimer", "userProfile", "handleCompanyError", "stripeOptions", "invitation", "loginInitialEmailInputValue", "getMyInvitation", "showMultipleTicketTexts", "noAllowedTicketsMessage", "ticketTaxesErrorMessage", "authErrorCallback", "clearWidgetState", "requestedTicketTypes", "allowPromoCodes", "showCompanyInput", "companyDDLPlaceholder", "nowUtc", "updateClock", "completedExtraQuestions", "loadProfileData", "closeWidget", "hasVirtualAccessLevel", "hidePostalCode", "idpLogoLight", "idpLogoDark", "idpLogoAlt", "showCompanyInputDefaultOptions", "companyDDLOptions2Show", "promoCode", "hasDiscount", "getTicketDiscount", "removePromoCode", "applyPromoCode", "validatePromoCode"];
+const registration_lite_excluded = ["loadSession", "setMarketingSettings", "changeStep", "removeReservedTicket", "reserveTicket", "payTicketWithProvider", "trackEvent", "onPurchaseComplete", "getTicketTypesAndTaxes", "getLoginCode", "passwordlessLogin", "goToLogin", "loginOptions", "allowsNativeAuth", "allowsOtpAuth", "reservation", "checkout", "ticketTypes", "taxTypes", "step", "passwordlessCodeSent", "passwordlessEmail", "passwordlessCode", "passwordlessCodeLifeTime", "getPasswordlessCode", "passwordlessCodeError", "loginWithCode", "goToExtraQuestions", "goToMyOrders", "goToEvent", "profileData", "summitData", "supportEmail", "ticketOwned", "ownedTickets", "widgetLoading", "loading", "inPersonDisclaimer", "userProfile", "handleCompanyError", "stripeOptions", "invitation", "loginInitialEmailInputValue", "getMyInvitation", "showMultipleTicketTexts", "noAllowedTicketsMessage", "ticketTaxesErrorMessage", "authErrorCallback", "clearWidgetState", "requestedTicketTypes", "allowPromoCodes", "showCompanyInput", "companyDDLPlaceholder", "nowUtc", "updateClock", "completedExtraQuestions", "loadProfileData", "closeWidget", "hasVirtualAccessLevel", "hidePostalCode", "idpLogoLight", "idpLogoDark", "idpLogoAlt", "showCompanyInputDefaultOptions", "companyDDLOptions2Show", "promoCode", "hasDiscount", "getTicketDiscount", "removePromoCode", "applyPromoCode", "validatePromoCode"];
 
 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; }
 
@@ -3878,6 +3945,7 @@ const RegistrationLite = _ref => {
     passwordlessCodeSent,
     passwordlessEmail,
     passwordlessCode,
+    passwordlessCodeLifeTime,
     getPasswordlessCode,
     passwordlessCodeError,
     loginWithCode,
@@ -4119,6 +4187,7 @@ const RegistrationLite = _ref => {
     initialEmailValue: loginInitialEmailInputValue
   }), !profileData && passwordlessCodeSent && /*#__PURE__*/external_react_default().createElement(login_passwordless["default"], {
     codeLength: passwordlessCode,
+    codeLifeTime: passwordlessCodeLifeTime,
     email: passwordlessEmail,
     passwordlessLogin: passwordlessLogin,
     loginWithCode: loginWithCode,
@@ -4142,6 +4211,9 @@ const RegistrationLite = _ref => {
     applyPromoCode: applyPromoCode,
     removePromoCode: () => {
       setFormErrors({});
+      setFormValues(registration_lite_objectSpread(registration_lite_objectSpread({}, formValues), {}, {
+        promoCode: ""
+      }));
       removePromoCode();
     },
     promoCode: promoCode,
@@ -4250,6 +4322,7 @@ const mapStateToProps = ({
   step: registrationLiteState.step,
   passwordlessEmail: registrationLiteState.passwordless.email,
   passwordlessCode: registrationLiteState.passwordless.otp_length,
+  passwordlessCodeLifeTime: registrationLiteState.passwordless.otp_lifetime,
   passwordlessCodeSent: registrationLiteState.passwordless.code_sent,
   passwordlessCodeError: registrationLiteState.passwordless.error,
   nowUtc: registrationLiteState.nowUtc,