https://smh.re/2560-d23759.bundle.js

1"use strict";(self.webpackChunksmarpshare_frontend=self.webpackChunksmarpshare_frontend||[]).push([[2560],{2560:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{DeleteMyAccount:()=>DeleteMyAccount});var emotion_styled_browser_esm=__webpack_require__(59295),react=__webpack_require__(96540),api=__webpack_require__(56433),password_toggle_button=__webpack_require__(89060),password_util=__webpack_require__(20219),util=__webpack_require__(58151),use_get_text=__webpack_require__(87914),use_session=__webpack_require__(84280),Modal=__webpack_require__(76021),lib=__webpack_require__(85821),logo_react=__webpack_require__(72031);class DeleteConfirmDialog extends react.Component{render(){const{gettext}=this.context;return this.props.isModalShow?react.createElement(Modal.A,{show:this.props.isModalShow,onHide:this.props.closeModal,className:"modal-default-2 create-leaderboard-modal"},react.createElement("div",{className:"new-login-page confirm-modal"},react.createElement("div",{className:"modalbox"},react.createElement("div",{className:"mainbox"},react.createElement("div",null,react.createElement("div",{className:"confirm-logo title"},react.createElement(logo_react.z,null)),react.createElement("span",{className:"welcome-title"},"Account deleted"),react.createElement("span",{className:"slogan"},gettext("We're sorry to see you leave. Your Haiilo account and personal data have been deleted. We wish you the best for the future!")),react.createElement("span",{className:"slogan"},gettext("If you want to use Haiilo again, please register a new account!"))),react.createElement("div",{className:"align-center",style:{marginTop:"30px"}},react.createElement("button",{className:"smarp-btn large-btn",onClick:this.props.closeModal},gettext("OK"))))))):null}}DeleteConfirmDialog.contextType=lib.dg;var components=__webpack_require__(66931),tracking_utils=__webpack_require__(48458);const Wrapper=emotion_styled_browser_esm.A.div`
2	display: flex;
3	align-items: center;
4	gap: ${p=>p.theme.cat.spacing.l};
5`,VisibilityButtonContainer=emotion_styled_browser_esm.A.span`
6	margin-left: ${p=>p.theme.cat.spacing.m};
7`,DeleteAccountText=(0,emotion_styled_browser_esm.A)(components.P)`
8	color: #000000;
9	font-size: 15px;
10	line-height: ${p=>p.theme.cat.lineHeight.h5};
11`,InputLabel=emotion_styled_browser_esm.A.div`
12	font-size: 15px;
13	line-height: ${p=>p.theme.cat.lineHeight.h5};
14	color: #000000;
15	margin-top: ${p=>p.theme.cat.spacing.s};
16	margin-bottom: ${p=>p.theme.cat.spacing.s};
17`,DeleteMyAccount=()=>{const{gettext}=(0,use_get_text.z)(),{session:{company:{isSamlEnabled}}}=(0,use_session.w)(),[isSending,setIsSending]=(0,react.useState)(!1),[password,setPassword]=(0,react.useState)(""),[isPasswordVisible,setIsPasswordVisible]=(0,react.useState)(!1),[isModalShow,setIsModalShow]=(0,react.useState)(!1),[errorMessage,setErrorMessage]=(0,react.useState)(""),validateInput=()=>{const validators=isSamlEnabled?[{rule:"DELETE"!==password,message:gettext("The word is not correct. Please check and type precisely “DELETE” to confirm.")}]:(password=>[{rule:password.length<password_util.EO||password.length>password_util.Ab,message:(0,password_util.AL)(gettext)}])(password);return(validators=>{const failedValidator=validators.find((({rule})=>rule));return null==failedValidator?void 0:failedValidator.message})(validators)},openModal=()=>{setIsModalShow(!0)},redirectToLoginPage=()=>{window.location.assign("/auth/out")};return react.createElement(components.Zp,null,react.createElement(components.Zp.HeaderTitle,{title:gettext("Delete my account and information")}),react.createElement(components.Zp.Content,null,react.createElement(Wrapper,null,react.createElement("div",null,react.createElement("img",{alt:"",src:"/images/delete-account.svg"})),react.createElement("div",null,react.createElement(DeleteAccountText,null,gettext("Are you sure you want to permanently delete your Haiilo account?")),react.createElement(DeleteAccountText,null,react.createElement("span",null,gettext(isSamlEnabled?"Type DELETE in the text field below and then click on the button to remove all your data.":"Please enter your password to proceed:"))),react.createElement(InputLabel,null,gettext(isSamlEnabled?"Type DELETE and click the button to confirm":"Password")),react.createElement(Wrapper,null,react.createElement("input",{type:isSamlEnabled||isPasswordVisible?"text":"password",className:"form-control delete-password-input",value:password,placeholder:isSamlEnabled?`${gettext("Type")} DELETE`:gettext("Enter password"),onChange:e=>{setPassword(e.target.value)},"data-testid":"password"}),!isSamlEnabled&&react.createElement(VisibilityButtonContainer,null,react.createElement(password_toggle_button.k,{togglePasswordDisplay:()=>{setIsPasswordVisible(!isPasswordVisible)},isPasswordVisible}))),react.createElement("div",{className:"delete-error-message"},gettext(errorMessage))),react.createElement("div",null,react.createElement(DeleteConfirmDialog,{isModalShow,closeModal:()=>{setIsModalShow(!1),redirectToLoginPage()}})))),react.createElement(components.Zp.FooterActions,null,react.createElement(components.$n,{style:"secondary",onClick:async e=>{var _a,_b;if(null==e||e.preventDefault(),isSending)return;const errorMessage=validateInput();if(errorMessage)return void setErrorMessage(errorMessage);setIsSending(!0);const[,error]=await(0,util.Oi)((()=>api.i$.deleteUser({password})));if(error){const errorMessage=null===(_b=null===(_a=null==error?void 0:error.response)||void 0===_a?void 0:_a.data)||void 0===_b?void 0:_b.message;setErrorMessage(errorMessage)}

17else tracking_utils.A.event("Delete Account"),openModal();setIsSending(!1)},text:gettext(isSending?"Sending...":"Delete account"),dataTestId:"submit-button"})))}},20219:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{AL:()=>PASSWORD_LENGTH_ERROR,Ab:()=>PASSWORD_LENGTH_MAX,EO:()=>PASSWORD_LENGTH_MIN});const PASSWORD_LENGTH_MIN=10,PASSWORD_LENGTH_MAX=128,PASSWORD_LENGTH_ERROR=gettext=>gettext("Sorry, the password should be minimum 10 and maximum 128 characters long.")},72031:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{z:()=>LogoReact});var react=__webpack_require__(96540),image_utils=__webpack_require__(99438),dist=__webpack_require__(71287);__webpack_require__(56433);const getCompanyLogo=session=>session&&session.company&&session.company.ImageUrlLogin?(0,image_utils.x8)(session.company.ImageUrlLogin,dist.JRo.FitIn):"/images/haiilo-logo-black.png";var use_get_text=__webpack_require__(87914),use_session=__webpack_require__(84280);const LogoReact=()=>{var _a;const{gettext}=(0,use_get_text.z)(),{session}=(0,use_session.w)(),logoAlternativeText=(null===(_a=null==session?void 0:session.company)||void 0===_a?void 0:_a.name)?`${session.company.name} ${gettext("logo")}`:gettext("Company logo");return react.createElement("img",{className:"company-logo",src:getCompanyLogo(session),alt:logoAlternativeText})}},89060:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{k:()=>PasswordToggleButton});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(96540),_emotion_styled__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(59295),_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(46784),_fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(66188),src_app_react_common_hooks_use_get_text__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(87914);const ToggleButton=_emotion_styled__WEBPACK_IMPORTED_MODULE_1__.A.button`
18	padding: 0;
19	background-color: #ffffff !important;
20	color: #2e7baf !important;
21	font-size: ${p=>p.theme.spacing.M};
22	font-weight: 700;
23`,PasswordToggleButton=({togglePasswordDisplay,isPasswordVisible})=>{const{gettext}=(0,src_app_react_common_hooks_use_get_text__WEBPACK_IMPORTED_MODULE_3__.z)();return react__WEBPACK_IMPORTED_MODULE_0__.createElement(ToggleButton,{onClick:togglePasswordDisplay,"data-testid":"password-visibility-button"},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_2__.g,{icon:isPasswordVisible?_fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_4__.k6j:_fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_4__.pS3,className:"icon-padding","data-testid":"password-visibility-icon"}),gettext(isPasswordVisible?"Hide":"Show"))}}}]);