https://smh.re/LoginMain-7d5b3d.bundle.js

1"use strict";(self.webpackChunksmarpshare_frontend=self.webpackChunksmarpshare_frontend||[]).push([[8657],{2455:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Y:()=>useRedirectIfLoggedIn});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(96540),src_app_react_common_history_utils_use_router__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(15935),src_app_react_common_hooks_use_session__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(84280);const useRedirectIfLoggedIn=()=>{const isInitialized=react__WEBPACK_IMPORTED_MODULE_0__.useRef(!1),[isChecked,setIsChecked]=react__WEBPACK_IMPORTED_MODULE_0__.useState(!1),{session,isUserLoggedIn}=(0,src_app_react_common_hooks_use_session__WEBPACK_IMPORTED_MODULE_1__.w)(),{history}=(0,src_app_react_common_history_utils_use_router__WEBPACK_IMPORTED_MODULE_2__.r)();return react__WEBPACK_IMPORTED_MODULE_0__.useEffect((()=>{session&&!isInitialized.current&&(isInitialized.current=!0,isUserLoggedIn?history.push("/"):setIsChecked(!0))}),[session,isInitialized,history,isUserLoggedIn]),isChecked}},16325:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{F:()=>LoginHeader});var _emotion_styled__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(59295),react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(96540),src_design_system_components__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(66931),_logo_with_watermark__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(70259);const LoginTitle=_emotion_styled__WEBPACK_IMPORTED_MODULE_0__.A.h1`
2	font-size: 24px;
3	color: #37383a;
4	letter-spacing: 0px;
5	margin-bottom: ${props=>props.theme.spacing.XL};
6	display: block;
7`,LoginHeader=({children})=>react__WEBPACK_IMPORTED_MODULE_1__.createElement("header",null,react__WEBPACK_IMPORTED_MODULE_1__.createElement("div",{className:"login-page-company-logo"},react__WEBPACK_IMPORTED_MODULE_1__.createElement(_logo_with_watermark__WEBPACK_IMPORTED_MODULE_3__.Y,null)),react__WEBPACK_IMPORTED_MODULE_1__.createElement(src_design_system_components__WEBPACK_IMPORTED_MODULE_2__.hK,{dir:"y",size:"m"}),react__WEBPACK_IMPORTED_MODULE_1__.createElement(LoginTitle,null,children))},21943:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{ng:()=>ModalBox,ub:()=>LoginWarning});var _emotion_styled__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(59295),react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(96540),src_app_modules_app_shared_layout_design_system_candidates_warning_box__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(37711);const LoginContent=_emotion_styled__WEBPACK_IMPORTED_MODULE_0__.A.section`
8	display: flex;
9	justify-content: center;
10	padding-top: 5%;
11	padding-bottom: 5%;
12	position: relative;
13	align-items: stretch;
14
15	@media (max-width: 768px) {
16		& {
17			padding: 0;
18		}
19	}
20`,ModalBoxWrapper=_emotion_styled__WEBPACK_IMPORTED_MODULE_0__.A.section`
21	position: relative;
22	background: white;
23	width: 600px;
24	border-radius: 10px;
25	box-shadow: 0px 4px 8px rgba(53, 53, 53, 0.3);
26
27	padding: 60px;
28	font-size: 1rem;
29
30	@media (max-width: 768px) {
31		& {
32			width: 100%;
33			padding: 20px 20px 60px;
34		}
35	}
36`,LoginWarning=(0,_emotion_styled__WEBPACK_IMPORTED_MODULE_0__.A)(src_app_modules_app_shared_layout_design_system_candidates_warning_box__WEBPACK_IMPORTED_MODULE_2__.y)`
37	font-size: 14px;
38	background-color: white;
39	color: ${props=>props.theme.color.InkLight};
40`,LeftSideFigure=_emotion_styled__WEBPACK_IMPORTED_MODULE_0__.A.figure`
41	background-image: url(/images/butterfly1.png);
42	background-size: 100% auto;
43	background-repeat: no-repeat;
44	width: 56px;
45	height: auto;
46	margin-right: 55px;
47	display: flex;
48	@media (max-width: 768px) {
49		& {
50			display: none;
51		}
52	}
53`,RightSideFigure=_emotion_styled__WEBPACK_IMPORTED_MODULE_0__.A.figure`
54	background-image: url(/images/butterfly2.png);
55	background-size: 100% auto;
56	background-repeat: no-repeat;
57	margin-left: 55px;
58	width: 57px;
59	height: auto;
60	background-position: bottom;
61	display: flex;
62	@media (max-width: 768px) {
63		& {
64			display: none;
65		}
66	}
67`,ModalBox=({children})=>react__WEBPACK_IMPORTED_MODULE_1__.createElement(LoginContent,null,react__WEBPACK_IMPORTED_MODULE_1__.createElement(LeftSideFigure,{"aria-hidden":!0}),react__WEBPACK_IMPORTED_MODULE_1__.createElement(ModalBoxWrapper,null,children),react__WEBPACK_IMPORTED_MODULE_1__.createElement(RightSideFigure,{"aria-hidden":!0}))},37711:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{y:()=>WarningBox});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(96540),_emotion_styled__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(59295),_fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(66188),_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(46784),classnames__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(32485),src_design_system_components__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(66931);const Box=_emotion_styled__WEBPACK_IMPORTED_MODULE_1__.A.section`
68	display: flex;
69	flex-grow: 1;
70	align-items: baseline;
71	background: rgba(255, 169, 65, 0.07);
72	border-radius: 0px;
73	border: 1px solid #ffa941;
74	border-left-width: 4px;
75	padding: ${props=>props.theme.spacing.S} ${props=>props.theme.spacing.M};
76	color: #2b2b2b;
77`,WarningBox=({children,className})=>react__WEBPACK_IMPORTED_MODULE_0__.createElement(Box,{className:classnames__WEBPACK_IMPORTED_MODULE_3__(className)},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_2__.g,{icon:_fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_5__.zpE,color:"#ffa941"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(src_design_system_components__WEBPACK_IMPORTED_MODULE_4__.hK,{dir:"x",size:"s"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("section",null,children))},70259:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Y:()=>LogoWithWatermark});var _emotion_styled__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(59295),react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(96540),src_app_modules_core_logo_logo_react__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(72031);const Content=_emotion_styled__WEBPACK_IMPORTED_MODULE_0__.A.div`
78	display: flex;
79	justify-content: space-between;
80	align-items: flex-start;
81	width: 100%;
82	background: #474747;
83	margin-top: 10px;
84	background: #ffffff;
85`,Watermark=_emotion_styled__WEBPACK_IMPORTED_MODULE_0__.A.img`
86	width: 88px;
87	height: auto;
88	align-items: center;

89`,Logo=(0,_emotion_styled__WEBPACK_IMPORTED_MODULE_0__.A)(src_app_modules_core_logo_logo_react__WEBPACK_IMPORTED_MODULE_2__.z)`
90	max-width: 180px;
91	max-height: 56px;
92`,LogoWithWatermark=()=>react__WEBPACK_IMPORTED_MODULE_1__.createElement(Content,null,react__WEBPACK_IMPORTED_MODULE_1__.createElement(Logo,null),react__WEBPACK_IMPORTED_MODULE_1__.createElement(Watermark,{src:"/images/watermarks/wm_haiilo.png",alt:"watermark-smarp","aria-hidden":!0}))},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})}},76582:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{LoginMain:()=>LoginMain});var react=__webpack_require__(96540),emotion_styled_browser_esm=__webpack_require__(59295),get_text=__webpack_require__(59247),use_query_params=__webpack_require__(47547),use_router=__webpack_require__(15935),use_get_text=__webpack_require__(87914),use_session=__webpack_require__(84280),query_utils=__webpack_require__(1162),use_redirect_if_loggedIn=__webpack_require__(2455),components=__webpack_require__(66931),tracking_utils=__webpack_require__(48458),login_header=__webpack_require__(16325),modal_box=__webpack_require__(21943);const ButtonGroup=emotion_styled_browser_esm.A.div`
93	width: 256px;
94	margin: 0 auto;
95	display: flex;
96	flex-direction: column;
97`,SloganGroup=emotion_styled_browser_esm.A.div`
98	margin-top: ${props=>props.theme.spacing.XL};
99	text-align: center;
100`,Slogan=(0,emotion_styled_browser_esm.A)(components.YC)`
101	color: #555459;
102	letter-spacing: 0px;
103	margin-top: ${props=>props.theme.spacing.S};
104	display: block;
105	& > a {
106		color: ${props=>props.theme.color.PrimaryDefault};
107	}
108`,LoginMainContainer=()=>{const{gettext}=(0,use_get_text.z)(),{session,sessionUtil:{isUserRegistrationAllow}}=(0,use_session.w)(),{history}=(0,use_router.r)(),[queryParams]=(0,use_query_params.s)(),isSelfRegistrationAllowed=isUserRegistrationAllow(),trackNavigation=stateName=>tracking_utils.A.event("Login Navigate",{page:stateName,fromPage:"loginMain"}),init=react.useCallback((()=>{tracking_utils.A.setSuperProperties({super_subdomain:session.company.subdomain,super_platform:"WebApp"}),isSelfRegistrationAllowed||(tracking_utils.A.event("Login Main"),history.push("account"))}),[isSelfRegistrationAllowed,session.company.subdomain,history]),isInitialized=react.useRef(!1),isRedirectChecked=(0,use_redirect_if_loggedIn.Y)();return react.useEffect((()=>{session&&!isInitialized.current&&isRedirectChecked&&(isInitialized.current=!0,init())}),[isInitialized,init,session,isRedirectChecked]),react.createElement(modal_box.ng,null,react.createElement(login_header.F,null,react.createElement(get_text.q,null,"Welcome to ",session.company.name)),react.createElement("main",null,react.createElement(ButtonGroup,null,react.createElement(components.$n,{style:"secondary",size:"large",text:gettext("Log in"),onClick:()=>{trackNavigation("existAccount");const url=(0,query_utils.S)("account",{oauthserver:queryParams.oauthserver,response_type:queryParams.response_type,client_id:queryParams.client_id,redirect_uri:queryParams.redirect_uri,state:queryParams.state});history.push(url)}}),react.createElement(components.hK,{dir:"y",size:"m"}),react.createElement(components.$n,{style:"secondary",size:"large",text:gettext("Create Account"),onClick:()=>{trackNavigation("newAccount"),history.push("newAccount")}})),react.createElement(SloganGroup,null,react.createElement(Slogan,null,react.createElement(get_text.q,null,"What’s Haiilo?"),react.createElement("a",{target:"_blank",rel:"noopener noreferrer",href:"https://haiilo.com"},gettext(" Learn more>>"))))))},LoginMain=()=>react.createElement(LoginMainContainer,null)}}]);