exports.id = 32502;
exports.ids = [32502];
exports.modules = {

/***/ 97183:
/***/ ((module) => {

// Exports
module.exports = {
	"outerContainer": "login_outerContainer__A5dFD",
	"innerContainer": "login_innerContainer__zmY_3",
	"cta": "login_cta__wFjiE",
	"title": "login_title__2X_RY",
	"loginButton": "login_loginButton__dummI",
	"googleButton": "login_googleButton__C3bbp",
	"facebookButton": "login_facebookButton__fBPjs",
	"emailSentContainer": "login_emailSentContainer__WuCgZ",
	"paragraphContainer": "login_paragraphContainer__pVbiZ",
	"emailContainer": "login_emailContainer___pCrO",
	"verificationCode": "login_verificationCode__7ykje",
	"resendEmailSection": "login_resendEmailSection__QpqqL",
	"resendButton": "login_resendButton__jWH7R",
	"privacyText": "login_privacyText__n_Ss5",
	"bold": "login_bold__MqfjF"
};


/***/ }),

/***/ 21485:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var lodash_capitalize__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(59969);
/* harmony import */ var lodash_capitalize__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash_capitalize__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var types_ErrorMessageId__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(99133);


const DEFAULT_ERROR_ID = types_ErrorMessageId__WEBPACK_IMPORTED_MODULE_1__/* ["default"].InvalidField */ .Z.InvalidField;
const buildTranslatedErrorMessageByErrorId = (errorId, fieldName, t, extraParams)=>{
    if (Object.values(types_ErrorMessageId__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z).includes(errorId)) {
        return t(`common:validation.${errorId}`, {
            field: lodash_capitalize__WEBPACK_IMPORTED_MODULE_0___default()(fieldName),
            ...extraParams
        });
    }
    return t(`common:validation.${DEFAULT_ERROR_ID}`, {
        field: lodash_capitalize__WEBPACK_IMPORTED_MODULE_0___default()(fieldName)
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (buildTranslatedErrorMessageByErrorId);


/***/ }),

/***/ 68205:
/***/ ((module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20997);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(16689);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(60866);
/* harmony import */ var next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _dls_Button_Button__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(50497);
/* harmony import */ var _login_module_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(97183);
/* harmony import */ var _login_module_scss__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_login_module_scss__WEBPACK_IMPORTED_MODULE_4__);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_dls_Button_Button__WEBPACK_IMPORTED_MODULE_3__]);
_dls_Button_Button__WEBPACK_IMPORTED_MODULE_3__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];





const ResendEmailSection = ({ onResendButtonClicked , initialRemainingTimeInSeconds =60  })=>{
    const { 0: remainingTimeInSeconds , 1: setRemainingTimeInSeconds  } = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(initialRemainingTimeInSeconds);
    const { t  } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2___default()("common");
    const disabled = remainingTimeInSeconds > 0;
    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(()=>{
        const interval = setInterval(()=>{
            setRemainingTimeInSeconds((prevRemainingTime)=>{
                if (prevRemainingTime > 0) {
                    return prevRemainingTime - 1;
                }
                return prevRemainingTime;
            });
        }, 1000);
        return ()=>clearInterval(interval);
    }, []);
    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
        className: (_login_module_scss__WEBPACK_IMPORTED_MODULE_4___default().resendEmailSection),
        children: [
            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                children: t("email-verification.check-spam")
            }),
            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Button_Button__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .ZP, {
                className: (_login_module_scss__WEBPACK_IMPORTED_MODULE_4___default().resendButton),
                isDisabled: disabled,
                variant: _dls_Button_Button__WEBPACK_IMPORTED_MODULE_3__/* .ButtonVariant.Outlined */ .Wu.Outlined,
                onClick: onResendButtonClicked,
                children: disabled ? t("email-verification.resend-email-in", {
                    remainingTime: remainingTimeInSeconds
                }) : t("email-verification.resend-email")
            })
        ]
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ResendEmailSection);

__webpack_async_result__();
} catch(e) { __webpack_async_result__(e); } });

/***/ }),

/***/ 99133:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
var ErrorMessageId;
(function(ErrorMessageId) {
    ErrorMessageId["InvalidEmail"] = "invalid-email";
    ErrorMessageId["RequiredField"] = "required-field";
    ErrorMessageId["InvalidField"] = "invalid-field";
    ErrorMessageId["MaximumLength"] = "maximum-length";
    ErrorMessageId["MinimumLength"] = "minimum-length";
})(ErrorMessageId || (ErrorMessageId = {}));
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ErrorMessageId);


/***/ })

};
;
//# sourceMappingURL=32502.js.map