summit-registration-lite 5.8.38-beta.1 → 6.0.0-beta.2

package/README.md

@@ -32,6 +32,8 @@ React component for the summit registration lite widget
 
    **initialOrderCompleteButton** = string with the text for the button when the user bought his first order
 
+   **orderCompleteTitle** = string with the text for title when the user bought an order
+
    **orderComplete1stParagraph** = string with the text for the first paragraph when the user bought an order
 
    **orderComplete2ndParagraph** = string with the text for the second paragraph when the user bought an order
@@ -87,6 +89,14 @@ React component for the summit registration lite widget
 
    **idpLogoAlt**             = string for custom alt logo on otp login
 
+   **hidePostalCode**         = boolean to show/hide postal code on payment step. Default to false
+
+   **onError**                = method passed that will handle on client any error
+
+   **successfulPaymentReturnUrl** = string with the url to return after a payment
+
+   **providerOptions** = custom configuration options for provider
+
 ## PUBLISH TO NPM:
 
 1 - yarn build && yarn publish

package/dist/components/login-passwordless.css

@@ -1,2 +1,2 @@
-.passwordlessWrapper___BRQ_s{height:400px;display:flex;justify-content:center;align-items:center;flex-direction:column}.passwordlessWrapper___BRQ_s .codeSent___NzYb_{background-color:#fff6d7;font-size:16px;color:#767676;text-align:center;width:200px;position:absolute;top:10px;left:calc(50% + 100px);height:50px;line-height:50px}.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 .logo___qNVrv.logoDark___VVYee{display:none}.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;color:var(--color_input_text_color);background-color:var(--color_input_background_color);border:1px solid var(--color_input_border_color);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;color:var(--color_input_text_color);background-color:var(--color_input_background_color);border:1px solid var(--color_input_border_color);width:100%;font-size:1em}.passwordlessWrapper___BRQ_s .innerWrapper___nRLDi .verify___IBgMl .link___f6fDT{color:var(--color_text_dark);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_text_dark);text-decoration:underline;cursor:pointer}html[data-theme="DARK"] .logoLight___vSbn_{display:none}html[data-theme="DARK"] .logoDark___VVYee{display:block !important}html[data-theme="LIGHT"] .logoDark___VVYee{display:none}html[data-theme="LIGHT"] .logoLight___vSbn_{display:block !important}
+.passwordlessWrapper___BRQ_s{height:450px;display:flex;justify-content:center;align-items:center;flex-direction:column}.passwordlessWrapper___BRQ_s .codeSent___NzYb_{margin-top:10px;color:#e5424d;font-weight:bold;font-size:14px}.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 .logo___qNVrv.logoDark___VVYee{display:none}.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{font-family:"Monaco", monospace, "OpenSans", Helvetica;height:56px;width:56px;font-size:42px;color:var(--color_input_text_color);background-color:var(--color_input_background_color);border:1px solid var(--color_input_border_color);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:10px}.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;color:var(--color_input_text_color);background-color:var(--color_input_background_color);border:1px solid var(--color_input_border_color);width:100%;font-size:1em}.passwordlessWrapper___BRQ_s .innerWrapper___nRLDi .verify___IBgMl .link___f6fDT{color:var(--color_text_dark);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 button{color:var(--color_text_dark);text-decoration:underline;cursor:pointer;display:inline;border:none;background-color:transparent;padding:0}.passwordlessWrapper___BRQ_s .resend___Nma1U .disabled___fMnzY{color:var(--color_text_med);cursor:not-allowed}html[data-theme='DARK'] .logoLight___vSbn_{display:none}html[data-theme='DARK'] .logoDark___VVYee{display:block !important}html[data-theme='LIGHT'] .logoDark___VVYee{display:none}html[data-theme='LIGHT'] .logoLight___vSbn_{display:block !important}
 

package/dist/components/login-passwordless.js

@@ -11,6 +11,239 @@
 return /******/ (() => { // webpackBootstrap
 /******/ 	var __webpack_modules__ = ({
 
+/***/ 499:
+/***/ ((__unused_webpack_module, __unused_webpack___webpack_exports__, __webpack_require__) => {
+
+"use strict";
+
+// UNUSED EXPORTS: capitalizeFirstLetter, formatCurrency, formatErrorMessage, getTicketMaxQuantity
+
+// EXTERNAL MODULE: ./src/utils/utils.js + 1 modules
+var utils = __webpack_require__(452);
+;// CONCATENATED MODULE: ./src/helpers/getTicketMaxQuantity.js
+
+const getTicketMaxQuantity = ticket => {
+  if (!ticket) return 0;
+  if (isPrePaidTicketType(ticket)) return 1;
+  return Math.min((ticket.quantity_2_sell || Number.MAX_SAFE_INTEGER) - ticket.quantity_sold, ticket.max_quantity_per_order || Number.MAX_SAFE_INTEGER);
+};
+;// CONCATENATED MODULE: ./src/helpers/index.js
+
+
+
+
+
+/***/ }),
+
+/***/ 243:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "RESEND_TIME": () => (/* binding */ RESEND_TIME)
+/* harmony export */ });
+/* unused harmony exports AUTH_ERROR_MESSAGE, AUTH_ERROR_MISSING_REFRESH_TOKEN, AUTH_ERROR_REQUEST_FAILED, VirtualAccessLevel, DefaultBGColor, DefaultTextColor, DefaultHintColor, EMAIL_REGEXP, TICKET_OWNER_MYSELF, TICKET_OWNER_SOMEONE, TICKET_OWNER_UNASSIGNED, TICKET_TYPE_SUBTYPE_PREPAID, ORDER_STATUS_PAID, ORDER_PAYMENT_METHOD_OFFLINE, STEP_SELECT_TICKET_TYPE, STEP_PERSONAL_INFO, STEP_PAYMENT, STEP_COMPLETE, VIEW_ITEM, ADD_TO_CART, BEGIN_CHECKOUT, PURCHASE_COMPLETE, ERROR_TYPE_ERROR, ERROR_TYPE_VALIDATION, ERROR_TYPE_PAYMENT, PAYMENT_PROVIDER_STRIPE, PAYMENT_PROVIDER_LAWPAY */
+/**
+ * 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 AUTH_ERROR_MESSAGE = 'Missing Auth info';
+const AUTH_ERROR_MISSING_REFRESH_TOKEN = "missing Refresh Token";
+const AUTH_ERROR_REQUEST_FAILED = 'Request failed';
+const VirtualAccessLevel = 'VIRTUAL';
+const DefaultBGColor = '#000000';
+const DefaultTextColor = '#FFFFFF';
+const DefaultHintColor = 'rgb(58, 63, 65)';
+const EMAIL_REGEXP = /(([^<>()\[\]\\.,;:\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,}))/;
+const TICKET_OWNER_MYSELF = 'myself';
+const TICKET_OWNER_SOMEONE = 'someoneElse';
+const TICKET_OWNER_UNASSIGNED = 'unassigned';
+const TICKET_TYPE_SUBTYPE_PREPAID = 'PrePaid';
+const ORDER_STATUS_PAID = 'Paid';
+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;
+const RESEND_TIME = 60; // ANALYTICS
+
+const VIEW_ITEM = 'view_item';
+const ADD_TO_CART = 'add_to_cart';
+const BEGIN_CHECKOUT = 'begin_checkout';
+const PURCHASE_COMPLETE = 'purchase_complete'; // ERRORS
+
+const ERROR_TYPE_ERROR = 'error_type_error';
+const ERROR_TYPE_VALIDATION = 'error_type_validation';
+const ERROR_TYPE_PAYMENT = 'error_type_payment'; // PROVIDERS
+
+const PAYMENT_PROVIDER_STRIPE = 'Stripe';
+const PAYMENT_PROVIDER_LAWPAY = 'LawPay';
+
+/***/ }),
+
+/***/ 452:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "Gj": () => (/* binding */ handleSentryException)
+});
+
+// UNUSED EXPORTS: avoidTooltipOverflow, buildTrackEvent, getContrastingTextColor, getCurrentProvider, getCurrentUserLanguage, getTicketCost, getTicketTaxes, hasDiscountApplied, isEmptyString, isFreeOrder, isPrePaidOrder, isPrePaidTicketType, parseColor, removeWhiteSpaces, ticketHasAccessLevel
+
+// EXTERNAL MODULE: ./src/helpers/index.js + 1 modules
+var helpers = __webpack_require__(499);
+// EXTERNAL MODULE: external "react"
+var external_react_ = __webpack_require__(689);
+;// CONCATENATED MODULE: external "@sentry/react"
+const react_namespaceObject = require("@sentry/react");
+;// 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) => {
+  if (isPrePaidTicketType(ticket)) return '';
+  const ticketTaxes = taxes.filter(tax => tax.ticket_types.includes(ticket?.id));
+  return `${ticketTaxes.length > 0 ? ` plus ${taxes.map(t => t.name).join(' & ')}` : ''}`;
+};
+const hasDiscountApplied = ticketType => ticketType.hasOwnProperty('cost_with_applied_discount') && ticketType.cost !== ticketType?.cost_with_applied_discount;
+const isFreeOrder = reservation => reservation.amount === 0;
+const isPrePaidOrder = reservation => reservation.status === ORDER_STATUS_PAID && reservation.payment_method === ORDER_PAYMENT_METHOD_OFFLINE;
+const getTicketCost = (ticket, quantity = 1) => {
+  return hasDiscountApplied(ticket) ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("s", null, formatCurrency(ticket.cost * quantity, {
+    currency: ticket.currency
+  }), " ", ticket.currency), "\xA0", /*#__PURE__*/React.createElement(React.Fragment, null, formatCurrency(ticket.cost_with_applied_discount * quantity, {
+    currency: ticket.currency
+  }), " ", ticket.currency)) : /*#__PURE__*/React.createElement(React.Fragment, null, formatCurrency(ticket.cost * quantity, {
+    currency: ticket.currency
+  }), " ", ticket.currency);
+};
+const isPrePaidTicketType = ticketType => ticketType?.sub_type === TICKET_TYPE_SUBTYPE_PREPAID;
+const buildTrackEvent = (data, ticketQuantity = null, promoCode = null) => {
+  const eventData = {
+    currency: data.currency || 'USD',
+    items_array: [{
+      item_id: data.id,
+      item_name: data.name,
+      price: data.cost
+    }]
+  };
+
+  if (ticketQuantity) {
+    eventData.value = data.cost * ticketQuantity;
+    eventData.items_array[0].quantity = ticketQuantity;
+  }
+
+  if (promoCode) {
+    eventData.coupon = promoCode;
+    eventData.items_array[0].discount = data.cost - (data.cost_with_applied_discount || 0);
+  }
+
+  return eventData;
+};
+const removeWhiteSpaces = value => value.replace(/\s+/g, ''); // Helper function to resolve CSS variables and parse colors
+
+const parseColor = (input, element = document.documentElement) => {
+  // Check if the input is a CSS variable
+  if (input.startsWith("var(")) {
+    const cssVarName = input.slice(4, -1).trim();
+    input = getComputedStyle(element).getPropertyValue(cssVarName).trim();
+  } // Convert the resolved color to RGB
+
+
+  const div = document.createElement("div");
+  div.style.color = input;
+  document.body.appendChild(div);
+  const m = getComputedStyle(div).color.match(/^rgb\s*\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*\)$/i);
+  document.body.removeChild(div);
+  return m ? [parseInt(m[1]), parseInt(m[2]), parseInt(m[3])] : null;
+};
+const getContrastingTextColor = (bgColor, lightColor, darkColor) => {
+  // Parse the background color to RGB
+  const rgb = parseColor(bgColor); // Fallback to a default color if parsing fails
+
+  if (!rgb) return darkColor; // or lightColor
+
+  const [r, g, b] = rgb; // Calculate luminance 
+
+  const luminance = [r, g, b].map(channel => {
+    const normalized = channel / 255;
+    return normalized <= 0.03928 ? normalized / 12.92 : Math.pow((normalized + 0.055) / 1.055, 2.4);
+  }).reduce((acc, val, i) => acc + val * [0.2126, 0.7152, 0.0722][i], 0); // Return the contrasting color
+
+  return luminance > 0.179 ? darkColor : lightColor;
+};
+
+const isSentryInitialized = () => !!window.SENTRY_DSN;
+
+const handleSentryException = err => isSentryInitialized() ? react_namespaceObject.captureException(err) : console.log("Error on registration: ", err);
+const avoidTooltipOverflow = ({
+  left,
+  top
+}, _e, _t, node) => {
+  return {
+    top,
+    left: typeof node === 'string' ? left : Math.max(left, 0)
+  };
+};
+
+/***/ }),
+
 /***/ 107:
 /***/ ((module) => {
 
@@ -130,15 +363,57 @@ 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);
 // EXTERNAL MODULE: ./src/assets/FNid_BLK_logo_rgb.svg
 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
@@ -159,9 +434,14 @@ var FNid_BLK_logo_rgb_default = /*#__PURE__*/__webpack_require__.n(FNid_BLK_logo
 
 
 
+
+
+
+
 const PasswordlessLoginComponent = ({
   email,
   codeLength,
+  codeLifeTime,
   passwordlessLogin,
   loginWithCode,
   codeError,
@@ -175,11 +455,20 @@ const PasswordlessLoginComponent = ({
   const [otpCode, setOtpCode] = (0,external_react_.useState)('');
   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) {
       setOtpError(false);
-      passwordlessLogin(otpCode, loginWithCode);
+      setIsLoading(true);
+      passwordlessLogin(otpCode, loginWithCode).finally(() => setIsLoading(false));
     } else {
       setOtpError(true);
     }
@@ -189,6 +478,9 @@ const PasswordlessLoginComponent = ({
     getLoginCode(email, getPasswordlessCode).then(() => {
       setCodeSent(true);
       setTimeout(() => setCodeSent(false), 3000);
+      resetResendCountdown(constants.RESEND_TIME);
+    }).catch(err => {
+      (0,utils/* handleSentryException */.Gj)(err);
     });
   };
 
@@ -197,11 +489,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()),
@@ -238,10 +533,15 @@ 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("div", {
+  }, /*#__PURE__*/external_react_default().createElement("button", {
     className: `${index_module.button} button`,
+    disabled: isLoading,
     onClick: () => tryPasswordlessLogin(otpCode),
     "data-testid": "verify"
   }, "Verify Email"), /*#__PURE__*/external_react_default().createElement("b", null, "or go back and ", /*#__PURE__*/external_react_default().createElement("span", {
@@ -250,16 +550,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,

package/dist/components/login-passwordless.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/login-passwordless.js","mappings":"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","sources":["webpack://summit-registration-lite/webpack/universalModuleDefinition","webpack://summit-registration-lite/./src/assets/FNid_BLK_logo_rgb.svg","webpack://summit-registration-lite/./src/assets/FNid_WHT_logo_rgb.svg","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 \"react-otp-input\"","webpack://summit-registration-lite/./src/components/login-passwordless/index.module.scss","webpack://summit-registration-lite/./src/components/login-passwordless/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 = \"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:%23FFFFFF;%7d .st1%7bfill:%230C64C8;%7d %3c/style%3e %3cg%3e %3cpath class='st0' d='M170.89,146.78l-64.77,178.08h535.23l64.77-178.08L170.89,146.78L170.89,146.78z M384.48,309.44H341.7 l-25.6-80.85l-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.49 l25.72,81.24l29.56-81.24h42.75L384.48,309.44z'/%3e %3cg%3e %3cpath class='st1' 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='st1' 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='st1' cx='473.92' cy='182.32' rx='19.87' ry='19.86'/%3e %3c/g%3e %3c/g%3e %3c/svg%3e\"","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\"","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(\"react-otp-input\");","// extracted by mini-css-extract-plugin\nexport default {\"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_\"};","/**\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 OtpInput from 'react-otp-input';\n\nimport styles from \"./index.module.scss\";\n\nimport FNidLogo from '../../assets/FNid_WHT_logo_rgb.svg';\nimport FNidLogoDark from '../../assets/FNid_BLK_logo_rgb.svg';\n\nconst PasswordlessLoginComponent = ({\n        email, codeLength, passwordlessLogin, loginWithCode, codeError, goToLogin,\n        getLoginCode, getPasswordlessCode, idpLogoLight, idpLogoDark, idpLogoAlt }) => {\n\n    const [otpCode, setOtpCode] = useState('');\n    const [otpError, setOtpError] = useState(false)\n    const [codeSent, setCodeSent] = useState(false);\n\n    const tryPasswordlessLogin = (code) => {\n        if (code.length === codeLength) {\n            setOtpError(false)\n            passwordlessLogin(otpCode, loginWithCode)\n        } else {\n            setOtpError(true)\n        }\n    }\n\n    const resendCode = () => {\n        getLoginCode(email, getPasswordlessCode)\n            .then(() => {\n                setCodeSent(true);\n                setTimeout(() => setCodeSent(false), 3000);\n            });\n    }\n\n    const handleSubmit = (e) => {\n        e.preventDefault();\n        tryPasswordlessLogin(otpCode);\n    };\n\n    return (\n        <div className={`${styles.passwordlessWrapper} step-wrapper`}>\n            <>\n                {codeSent &&\n                <div className={styles.codeSent}>Code has been resent.</div>\n                }\n                <div className={`${styles.innerWrapper}`}>\n                    {/* Only one logo is displayed based on data-theme through CSS */}\n                    <img src={idpLogoDark || FNidLogoDark} alt={idpLogoAlt || \"FNid\"} className={`${styles.logo} ${styles.logoDark}`} />\n                    <img src={idpLogoLight || FNidLogo} alt={idpLogoAlt || \"FNid\"} className={`${styles.logo} ${styles.logoLight}`} />\n                    <span>\n                        We sent your single-use code to <br />\n                        <span data-testid=\"email\">{email}</span>\n                        <br />\n                        <span className={styles.digits} data-testid=\"code-digits\">\n                            Add the {codeLength} digit code below\n                        </span>\n                    </span>\n                    <div className={styles.codeInput}>\n                        <form onSubmit={handleSubmit}>\n                            <OtpInput\n                                value={otpCode}\n                                onChange={(code) => setOtpCode(code)}\n                                numInputs={codeLength}\n                                shouldAutoFocus={true}\n                                hasErrored={otpError || codeError}\n                                errorStyle={{ border: '1px solid #e5424d' }}\n                                data-testid=\"otp-input\"\n                            />\n                            {/*\n                                this is to simulate the on key press submit (enter)\n                                @see https://github.com/devfolioco/react-otp-input/issues/98\n                            */}\n                            <button style={{display:'none'}} type='submit' />\n                        </form>\n                    </div>\n                    {codeError && (\n                        <span className={styles.error} data-testid=\"error\">\n                            The code you entered it's incorrect. <br /> Please try again.\n                        </span>\n                    )}\n                    <div className={styles.verify}>\n                        <div className={`${styles.button} button`} onClick={() => tryPasswordlessLogin(otpCode)} data-testid=\"verify\">Verify Email</div>\n                        <b>or go back and <span className={styles.link} onClick={() => goToLogin()} data-testid=\"go-back\">try another way</span></b>\n                    </div>\n                </div>\n                <div className={styles.resend}>\n                    Didn’t receive it? Check your spam/junk folder, or <span className={styles.link} onClick={() => resendCode()} data-testid=\"resend\">resend code</span> now.\n                </div>\n            </>\n        </div>\n    );\n}\n\nPasswordlessLoginComponent.propTypes = {\n    email: PropTypes.string.isRequired,\n    codeLength: PropTypes.number.isRequired,\n    passwordlessLogin: PropTypes.func.isRequired,\n    loginWithCode: PropTypes.func,\n    codeError: PropTypes.bool,\n    goToLogin: PropTypes.func.isRequired,\n    getLoginCode: PropTypes.func.isRequired,\n    getPasswordlessCode: PropTypes.func,\n    idpLogoLight: PropTypes.string,\n    idpLogoDark: PropTypes.string,\n    idpLogoAlt: PropTypes.string\n}\n\nexport default PasswordlessLoginComponent;\n"],"names":["React","useState","PropTypes","OtpInput","styles","FNidLogo","FNidLogoDark","PasswordlessLoginComponent","email","codeLength","passwordlessLogin","loginWithCode","codeError","goToLogin","getLoginCode","getPasswordlessCode","idpLogoLight","idpLogoDark","idpLogoAlt","otpCode","setOtpCode","otpError","setOtpError","codeSent","setCodeSent","tryPasswordlessLogin","code","length","resendCode","then","setTimeout","handleSubmit","e","preventDefault","passwordlessWrapper","innerWrapper","logo","logoDark","logoLight","digits","codeInput","border","display","error","verify","button","link","resend","propTypes","string","isRequired","number","func","bool"],"sourceRoot":""}
+{"version":3,"file":"components/login-passwordless.js","mappings":"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","sources":["webpack://summit-registration-lite/webpack/universalModuleDefinition","webpack://summit-registration-lite/./src/helpers/getTicketMaxQuantity.js","webpack://summit-registration-lite/./src/helpers/index.js","webpack://summit-registration-lite/./src/utils/constants.js","webpack://summit-registration-lite/external commonjs \"@sentry/react\"","webpack://summit-registration-lite/./src/utils/utils.js","webpack://summit-registration-lite/./src/assets/FNid_BLK_logo_rgb.svg","webpack://summit-registration-lite/./src/assets/FNid_WHT_logo_rgb.svg","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 \"react-otp-input\"","webpack://summit-registration-lite/external commonjs \"moment-timezone\"","webpack://summit-registration-lite/./src/components/login-passwordless/index.module.scss","webpack://summit-registration-lite/./src/utils/hooks/useCountdown.js","webpack://summit-registration-lite/./src/components/login-passwordless/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 ","import { isPrePaidTicketType } from '../utils/utils';\n\nexport const getTicketMaxQuantity = (ticket) => {\n    if(!ticket) return 0;\n    if(isPrePaidTicketType(ticket)) return 1;\n    return Math.min((ticket.quantity_2_sell || Number.MAX_SAFE_INTEGER) - ticket.quantity_sold, (ticket.max_quantity_per_order || Number.MAX_SAFE_INTEGER));\n}\n\n","export * from './capitalizeFirstLetter';\nexport * from './formatCurrency';\nexport * from './formatErrorMessage';\nexport * from './getTicketMaxQuantity';\n","/**\n * Copyright 2022 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\nexport const AUTH_ERROR_MESSAGE = 'Missing Auth info';\nexport const AUTH_ERROR_MISSING_REFRESH_TOKEN = \"missing Refresh Token\";\nexport const AUTH_ERROR_REQUEST_FAILED = 'Request failed';\nexport const VirtualAccessLevel = 'VIRTUAL';\nexport const DefaultBGColor = '#000000';\nexport const DefaultTextColor = '#FFFFFF';\nexport const DefaultHintColor = 'rgb(58, 63, 65)';\n\nexport const EMAIL_REGEXP = /(([^<>()\\[\\]\\\\.,;:\\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\nexport const TICKET_OWNER_MYSELF = 'myself';\nexport const TICKET_OWNER_SOMEONE = 'someoneElse';\nexport const TICKET_OWNER_UNASSIGNED = 'unassigned';\n\nexport const TICKET_TYPE_SUBTYPE_PREPAID = 'PrePaid';\nexport const ORDER_STATUS_PAID = 'Paid';\nexport const ORDER_PAYMENT_METHOD_OFFLINE = 'Offline';\n\nexport const STEP_SELECT_TICKET_TYPE = 0;\nexport const STEP_PERSONAL_INFO = 1;\nexport const STEP_PAYMENT = 2;\nexport const STEP_COMPLETE = 3;\n\nexport const RESEND_TIME = 60;\n\n// ANALYTICS\nexport const VIEW_ITEM = 'view_item';\nexport const ADD_TO_CART = 'add_to_cart';\nexport const BEGIN_CHECKOUT = 'begin_checkout';\nexport const PURCHASE_COMPLETE = 'purchase_complete';\n// ERRORS\nexport const ERROR_TYPE_ERROR= 'error_type_error';\nexport const ERROR_TYPE_VALIDATION = 'error_type_validation';\nexport const ERROR_TYPE_PAYMENT = 'error_type_payment';\n// PROVIDERS\n\nexport const PAYMENT_PROVIDER_STRIPE = 'Stripe';\nexport const PAYMENT_PROVIDER_LAWPAY = 'LawPay';\n\n","const __WEBPACK_NAMESPACE_OBJECT__ = require(\"@sentry/react\");","import { formatCurrency } from '../helpers';\nimport { ORDER_PAYMENT_METHOD_OFFLINE, ORDER_STATUS_PAID, TICKET_TYPE_SUBTYPE_PREPAID } from './constants';\n\nimport React from 'react';\nimport * as Sentry from \"@sentry/react\";\n\n/**\n * Copyright 2022 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\nexport const getCurrentProvider = (summit) => {\n    for (let profile of summit.payment_profiles) {\n        if (profile.application_type === 'Registration') {\n            return {\n                publicKey : profile.test_mode_enabled ? profile.test_publishable_key : profile.live_publishable_key,\n                provider : profile.provider\n            }\n        }\n    }\n    return {\n        publicKey : null,\n        provider : ''\n    }\n}\n\nexport const ticketHasAccessLevel = (ticket, accessLevel) => {\n    if(!ticket) return false;\n    return ticket.badge?.type?.access_levels.map(al => al.name).includes(accessLevel);\n};\n\nexport const getCurrentUserLanguage = () => {\n    let language = 'en';\n    if(typeof navigator !== 'undefined') {\n        language = (navigator.languages && navigator.languages[0]) || navigator.language || navigator.userLanguage;\n    }\n    return language;\n};\n\nexport const isEmptyString = (val) => {\n    return typeof val === 'string' && val.trim().length == 0;\n}\n\nexport const getTicketTaxes = (ticket, taxes) => {\n    if(isPrePaidTicketType(ticket)) return '';\n    const ticketTaxes = taxes.filter(tax => tax.ticket_types.includes(ticket?.id));\n    return `${ticketTaxes.length > 0 ? ` plus ${taxes.map(t => t.name).join(' & ')}` : ''}`;\n}\n\nexport const hasDiscountApplied = (ticketType) => ticketType.hasOwnProperty('cost_with_applied_discount') && ticketType.cost !== ticketType?.cost_with_applied_discount;\n\nexport const isFreeOrder = (reservation) => reservation.amount === 0 ;\n\nexport const isPrePaidOrder = (reservation) => reservation.status === ORDER_STATUS_PAID  && reservation.payment_method === ORDER_PAYMENT_METHOD_OFFLINE;\n\nexport const getTicketCost = (ticket, quantity = 1) => {\n    return hasDiscountApplied(ticket) ?\n        <>\n            <s>{formatCurrency(ticket.cost * quantity, { currency: ticket.currency })} {ticket.currency}</s>\n            &nbsp;\n            <>{formatCurrency(ticket.cost_with_applied_discount * quantity, { currency: ticket.currency })} {ticket.currency}</>\n        </>\n        :\n        <>{formatCurrency(ticket.cost * quantity, { currency: ticket.currency })} {ticket.currency}</>\n}\n\nexport const isPrePaidTicketType = (ticketType) => ticketType?.sub_type === TICKET_TYPE_SUBTYPE_PREPAID;\n\nexport const buildTrackEvent = (data, ticketQuantity = null, promoCode = null) => {\n    const eventData = {\n        currency: data.currency || 'USD',\n        items_array: [\n            {\n                item_id: data.id,\n                item_name: data.name,\n                price: data.cost,\n            }\n        ]\n    };\n\n    if (ticketQuantity) {\n        eventData.value = data.cost * ticketQuantity;\n        eventData.items_array[0].quantity = ticketQuantity;\n    }\n\n    if (promoCode) {\n        eventData.coupon = promoCode;\n        eventData.items_array[0].discount = data.cost - (data.cost_with_applied_discount || 0);\n    }\n\n    return eventData;\n}\n\nexport const removeWhiteSpaces = (value) => value.replace(/\\s+/g, '');\n\n// Helper function to resolve CSS variables and parse colors\n\nexport const parseColor = (input, element = document.documentElement) => {\n    // Check if the input is a CSS variable\n    if (input.startsWith(\"var(\")) { \n      const cssVarName = input.slice(4, -1).trim(); \n      input = getComputedStyle(element).getPropertyValue(cssVarName).trim();\n    }\n\n    // Convert the resolved color to RGB\n    const div = document.createElement(\"div\");  \n    div.style.color = input;\n    document.body.appendChild(div);\n    const m = getComputedStyle(div).color.match(/^rgb\\s*\\(\\s*(\\d+)\\s*,\\s*(\\d+)\\s*,\\s*(\\d+)\\s*\\)$/i);\n    document.body.removeChild(div);\n    return m ? [parseInt(m[1]), parseInt(m[2]), parseInt(m[3])] : null;\n}\n  \n\nexport const getContrastingTextColor = (bgColor, lightColor, darkColor) => {\n    // Parse the background color to RGB\n    const rgb = parseColor(bgColor);\n\n    // Fallback to a default color if parsing fails\n    if (!rgb) return darkColor; // or lightColor\n  \n    const [r, g, b] = rgb;\n\n    // Calculate luminance \n    const luminance = [r, g, b].map(channel => {\n      const normalized = channel / 255;\n      return normalized <= 0.03928 \n        ? normalized / 12.92 \n        : Math.pow((normalized + 0.055) / 1.055, 2.4);\n    }).reduce((acc, val, i) => acc + val * [0.2126, 0.7152, 0.0722][i], 0);\n  \n\n    // Return the contrasting color\n    return luminance > 0.179 ? darkColor : lightColor;\n}\n\nconst isSentryInitialized = () => !!window.SENTRY_DSN;\n\nexport const handleSentryException = (err) => \n    isSentryInitialized() \n        ? Sentry.captureException(err)\n        : console.log(\"Error on registration: \", err);\n\nexport const avoidTooltipOverflow = ({ left, top }, _e, _t, node) => {\n    return {\n        top,\n        left: typeof node === 'string' ? left : Math.max(left, 0),\n    };\n}","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:%23FFFFFF;%7d .st1%7bfill:%230C64C8;%7d %3c/style%3e %3cg%3e %3cpath class='st0' d='M170.89,146.78l-64.77,178.08h535.23l64.77-178.08L170.89,146.78L170.89,146.78z M384.48,309.44H341.7 l-25.6-80.85l-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.49 l25.72,81.24l29.56-81.24h42.75L384.48,309.44z'/%3e %3cg%3e %3cpath class='st1' 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='st1' 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='st1' cx='473.92' cy='182.32' rx='19.87' ry='19.86'/%3e %3c/g%3e %3c/g%3e %3c/svg%3e\"","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\"","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(\"react-otp-input\");","const __WEBPACK_NAMESPACE_OBJECT__ = require(\"moment-timezone\");","// extracted by mini-css-extract-plugin\nexport default {\"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_\"};","import { useState, useEffect, useRef } from 'react';\n\nconst useCountdown = (initialTime) => {\n  const [countdown, setCountdown] = useState(initialTime);\n  const intervalRef = useRef(null);\n\n  const resetCountdown = (newTime) => {\n    const time = newTime !== undefined ? newTime : initialTime;\n    if (intervalRef.current) clearInterval(intervalRef.current);\n    setCountdown(time);\n\n    if (time > 0) {\n      intervalRef.current = setInterval(() => {\n        setCountdown((prevCountdown) => {\n          if (prevCountdown <= 1) {\n            clearInterval(intervalRef.current);\n            return 0;\n          }\n          return prevCountdown - 1;\n        });\n      }, 1000);\n    }\n  };\n\n  useEffect(() => {\n    // Initialize the countdown when the hook is first used\n    resetCountdown(initialTime);\n    return () => clearInterval(intervalRef.current);\n  }, [initialTime]);\n\n  return [countdown, resetCountdown];\n};\n\nexport default useCountdown;","/**\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, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport OtpInput from 'react-otp-input';\nimport moment from 'moment-timezone';\n\nimport styles from \"./index.module.scss\";\n\nimport FNidLogo from '../../assets/FNid_WHT_logo_rgb.svg';\nimport FNidLogoDark from '../../assets/FNid_BLK_logo_rgb.svg';\nimport { handleSentryException } from '../../utils/utils';\nimport { RESEND_TIME } from '../../utils/constants';\nimport useCountdown from '../../utils/hooks/useCountdown';\n\nconst PasswordlessLoginComponent = ({\n    email, codeLength, codeLifeTime, passwordlessLogin, loginWithCode, codeError, goToLogin,\n    getLoginCode, getPasswordlessCode, idpLogoLight, idpLogoDark, idpLogoAlt }) => {\n\n    const [otpCode, setOtpCode] = useState('');\n    const [otpError, setOtpError] = useState(false)\n    const [codeSent, setCodeSent] = useState(false);\n    const [isLoading, setIsLoading] = useState(false);\n    const [resendCountdown, resetResendCountdown] = useCountdown(0);\n    const [lifetimeCountdown, resetLifetimeCountdown] = useCountdown(0);\n\n    useEffect(() => {\n        if(codeLifeTime > 0) {\n            resetLifetimeCountdown(codeLifeTime);\n        }\n    }, [codeLifeTime])\n\n    const tryPasswordlessLogin = (code) => {\n        if (code.length === codeLength) {\n            setOtpError(false);\n            setIsLoading(true);\n            passwordlessLogin(otpCode, loginWithCode).finally(() => setIsLoading(false));\n        } else {\n            setOtpError(true)\n        }\n    }\n\n    const resendCode = () => {\n        getLoginCode(email, getPasswordlessCode)\n            .then(() => {\n                setCodeSent(true);\n                setTimeout(() => setCodeSent(false), 3000);\n                resetResendCountdown(RESEND_TIME);\n            })\n            .catch((err) => {\n                handleSentryException(err);\n            });\n    };\n\n    const handleSubmit = (e) => {\n        e.preventDefault();\n        tryPasswordlessLogin(otpCode);\n    };\n\n    const formatDuration = (seconds) => {\n        const duration = moment.duration(seconds, 'seconds');\n        return moment.utc(duration.asMilliseconds()).format('mm:ss');\n      };\n\n    return (\n        <div className={`${styles.passwordlessWrapper} step-wrapper`}>\n            <>\n                <div className={`${styles.innerWrapper}`}>\n                    {/* Only one logo is displayed based on data-theme through CSS */}\n                    <img src={idpLogoDark || FNidLogoDark} alt={idpLogoAlt || \"FNid\"} className={`${styles.logo} ${styles.logoDark}`} />\n                    <img src={idpLogoLight || FNidLogo} alt={idpLogoAlt || \"FNid\"} className={`${styles.logo} ${styles.logoLight}`} />\n                    <span>\n                        We sent your single-use code to <br />\n                        <span data-testid=\"email\">{email}</span>\n                        <br />\n                        <span className={styles.digits} data-testid=\"code-digits\">\n                            Add the {codeLength} digit code below\n                        </span>\n                    </span>\n                    <div className={styles.codeInput}>\n                        <form onSubmit={handleSubmit}>\n                            <OtpInput\n                                value={otpCode}\n                                onChange={(code) => setOtpCode(code)}\n                                numInputs={codeLength}\n                                shouldAutoFocus={true}\n                                hasErrored={otpError || codeError}\n                                errorStyle={{ border: '1px solid #e5424d' }}\n                                data-testid=\"otp-input\"\n                            />\n                            {/*\n                                this is to simulate the on key press submit (enter)\n                                @see https://github.com/devfolioco/react-otp-input/issues/98\n                            */}\n                            <button style={{ display: 'none' }} type='submit' />\n                        </form>\n                    </div>\n                    {codeError && (\n                        <span className={styles.error} data-testid=\"error\">\n                            The code you entered it's incorrect. <br /> Please try again.\n                        </span>\n                    )}\n                    {codeSent &&\n                        <p className={styles.codeSent}>Code has been resent.</p>\n                    }\n                    {lifetimeCountdown > 0 &&\n                        <p className={styles.codeSent}>Code expires in {formatDuration(lifetimeCountdown)} minutes.</p>\n                    }\n                    <div className={styles.verify}>\n                        <button className={`${styles.button} button`} disabled={isLoading} onClick={() => tryPasswordlessLogin(otpCode)} data-testid=\"verify\">Verify Email</button>\n                        <b>or go back and <span className={styles.link} onClick={() => goToLogin()} data-testid=\"go-back\">try another way</span></b>\n                    </div>\n                </div>\n                <div className={styles.resend}>\n                    Didn’t receive it? Check your spam/junk folder, or&nbsp;\n                    <button\n                        className={`${styles.link} ${resendCountdown > 0 ? styles.disabled : ''}`}\n                        disabled={resendCountdown > 0}\n                        onClick={() => resendCode()}\n                        data-testid=\"resend\">\n                        resend code {' '} {resendCountdown > 0 && (<span>({resendCountdown})</span>)}\n                    </button>\n                    &nbsp;now.\n                </div>\n            </>\n        </div>\n    );\n}\n\nPasswordlessLoginComponent.propTypes = {\n    email: PropTypes.string.isRequired,\n    codeLength: PropTypes.number.isRequired,\n    codeLifeTime: PropTypes.number.isRequired,\n    passwordlessLogin: PropTypes.func.isRequired,\n    loginWithCode: PropTypes.func,\n    codeError: PropTypes.bool,\n    goToLogin: PropTypes.func.isRequired,\n    getLoginCode: PropTypes.func.isRequired,\n    getPasswordlessCode: PropTypes.func,\n    idpLogoLight: PropTypes.string,\n    idpLogoDark: PropTypes.string,\n    idpLogoAlt: PropTypes.string\n}\n\nexport default PasswordlessLoginComponent;\n"],"names":["isPrePaidTicketType","getTicketMaxQuantity","ticket","Math","min","quantity_2_sell","Number","MAX_SAFE_INTEGER","quantity_sold","max_quantity_per_order","AUTH_ERROR_MESSAGE","AUTH_ERROR_MISSING_REFRESH_TOKEN","AUTH_ERROR_REQUEST_FAILED","VirtualAccessLevel","DefaultBGColor","DefaultTextColor","DefaultHintColor","EMAIL_REGEXP","TICKET_OWNER_MYSELF","TICKET_OWNER_SOMEONE","TICKET_OWNER_UNASSIGNED","TICKET_TYPE_SUBTYPE_PREPAID","ORDER_STATUS_PAID","ORDER_PAYMENT_METHOD_OFFLINE","STEP_SELECT_TICKET_TYPE","STEP_PERSONAL_INFO","STEP_PAYMENT","STEP_COMPLETE","RESEND_TIME","VIEW_ITEM","ADD_TO_CART","BEGIN_CHECKOUT","PURCHASE_COMPLETE","ERROR_TYPE_ERROR","ERROR_TYPE_VALIDATION","ERROR_TYPE_PAYMENT","PAYMENT_PROVIDER_STRIPE","PAYMENT_PROVIDER_LAWPAY","formatCurrency","React","Sentry","getCurrentProvider","summit","profile","payment_profiles","application_type","publicKey","test_mode_enabled","test_publishable_key","live_publishable_key","provider","ticketHasAccessLevel","accessLevel","badge","type","access_levels","map","al","name","includes","getCurrentUserLanguage","language","navigator","languages","userLanguage","isEmptyString","val","trim","length","getTicketTaxes","taxes","ticketTaxes","filter","tax","ticket_types","id","t","join","hasDiscountApplied","ticketType","hasOwnProperty","cost","cost_with_applied_discount","isFreeOrder","reservation","amount","isPrePaidOrder","status","payment_method","getTicketCost","quantity","currency","sub_type","buildTrackEvent","data","ticketQuantity","promoCode","eventData","items_array","item_id","item_name","price","value","coupon","discount","removeWhiteSpaces","replace","parseColor","input","element","document","documentElement","startsWith","cssVarName","slice","getComputedStyle","getPropertyValue","div","createElement","style","color","body","appendChild","m","match","removeChild","parseInt","getContrastingTextColor","bgColor","lightColor","darkColor","rgb","r","g","b","luminance","channel","normalized","pow","reduce","acc","i","isSentryInitialized","window","SENTRY_DSN","handleSentryException","err","captureException","console","log","avoidTooltipOverflow","left","top","_e","_t","node","max","useState","useEffect","useRef","useCountdown","initialTime","countdown","setCountdown","intervalRef","resetCountdown","newTime","time","undefined","current","clearInterval","setInterval","prevCountdown","PropTypes","OtpInput","moment","styles","FNidLogo","FNidLogoDark","PasswordlessLoginComponent","email","codeLength","codeLifeTime","passwordlessLogin","loginWithCode","codeError","goToLogin","getLoginCode","getPasswordlessCode","idpLogoLight","idpLogoDark","idpLogoAlt","otpCode","setOtpCode","otpError","setOtpError","codeSent","setCodeSent","isLoading","setIsLoading","resendCountdown","resetResendCountdown","lifetimeCountdown","resetLifetimeCountdown","tryPasswordlessLogin","code","finally","resendCode","then","setTimeout","catch","handleSubmit","e","preventDefault","formatDuration","seconds","duration","utc","asMilliseconds","format","passwordlessWrapper","innerWrapper","logo","logoDark","logoLight","digits","codeInput","border","display","error","verify","button","link","resend","disabled","propTypes","string","isRequired","number","func","bool"],"sourceRoot":""}

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;font-weight:normal;display:inline-flex;justify-content:center;margin:5px 0;border-radius:5px;cursor:pointer;background-position:12px 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)}.title___NnwWR{padding:15px 0 0 0}.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}.primaryEmailButton___gH1fC{display:flex;justify-content:space-between;padding:10px 9px;width:100%;background-color:var(--color_input_background_color);border:1px solid var(--color_input_border_color)}.primaryEmailButton___gH1fC span{padding:0 0 0 8px;margin:0;color:var(--color_input_text_color)}.primaryEmailButton___gH1fC:disabled{cursor:not-allowed;background-color:var(--color_input_background_color_disabled);border:1px solid var(--color_input_border_color_disabled)}.primaryEmailButton___gH1fC:disabled span{color:var(--color_input_text_color_disabled)}.h2Styled___rfIKD{color:var(--color_gray_darker) !important;font-size:18px !important;font-weight:800 !important;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}
+.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;font-weight:normal;display:inline-flex;justify-content:center;margin:5px 0;border-radius:5px;cursor:pointer;background-position:12px 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)}.title___NnwWR{padding:15px 0 0 0}.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}.loginCode___dDBup .error___aCF7E{color:#e5424d;font-size:14px;font-weight:bold}.primaryEmailButton___gH1fC{background-color:var(--color_input_background_color);border:1px solid var(--color_input_border_color);color:var(--color_input_text_color)}.buttonDisabled___T9tkn{background-color:var(--color_secondary_contrast);color:var(--color_input_text_color_disabled)}.pointerDisabled___qt_HK{pointer-events:none}.email_login_button___seiLi{display:flex;justify-content:space-between;padding:10px 9px;width:100%}.email_login_button___seiLi span{padding:0 0 0 8px;margin:0}.h2Styled___rfIKD{color:var(--color_gray_darker) !important;font-size:18px !important;font-weight:800 !important;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}