https://smh.re/LoginSuccess-bfb731.bundle.js

1"use strict";(self.webpackChunksmarpshare_frontend=self.webpackChunksmarpshare_frontend||[]).push([[5871],{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`
2	display: flex;
3	justify-content: center;
4	padding-top: 5%;
5	padding-bottom: 5%;
6	position: relative;
7	align-items: stretch;
8
9	@media (max-width: 768px) {
10		& {
11			padding: 0;
12		}
13	}
14`,ModalBoxWrapper=_emotion_styled__WEBPACK_IMPORTED_MODULE_0__.A.section`
15	position: relative;
16	background: white;
17	width: 600px;
18	border-radius: 10px;
19	box-shadow: 0px 4px 8px rgba(53, 53, 53, 0.3);
20
21	padding: 60px;
22	font-size: 1rem;
23
24	@media (max-width: 768px) {
25		& {
26			width: 100%;
27			padding: 20px 20px 60px;
28		}
29	}
30`,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)`
31	font-size: 14px;
32	background-color: white;
33	color: ${props=>props.theme.color.InkLight};
34`,LeftSideFigure=_emotion_styled__WEBPACK_IMPORTED_MODULE_0__.A.figure`
35	background-image: url(/images/butterfly1.png);
36	background-size: 100% auto;
37	background-repeat: no-repeat;
38	width: 56px;
39	height: auto;
40	margin-right: 55px;
41	display: flex;
42	@media (max-width: 768px) {
43		& {
44			display: none;
45		}
46	}
47`,RightSideFigure=_emotion_styled__WEBPACK_IMPORTED_MODULE_0__.A.figure`
48	background-image: url(/images/butterfly2.png);
49	background-size: 100% auto;
50	background-repeat: no-repeat;
51	margin-left: 55px;
52	width: 57px;
53	height: auto;
54	background-position: bottom;
55	display: flex;
56	@media (max-width: 768px) {
57		& {
58			display: none;
59		}
60	}
61`,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}))},32500:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{K:()=>SloganGroup,R:()=>Slogan});var _emotion_styled__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(59295);const SloganGroup=_emotion_styled__WEBPACK_IMPORTED_MODULE_0__.A.section`
62	margin-top: 32px;
63	text-align: center;
64`,Slogan=_emotion_styled__WEBPACK_IMPORTED_MODULE_0__.A.span`
65	font-size: 14px;
66	color: #555459;
67	letter-spacing: 0px;
68	margin-top: 8px;
69	display: block;
70	a {
71		color: color(primary-default);
72	}
73`},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`
74	display: flex;
75	flex-grow: 1;
76	align-items: baseline;
77	background: rgba(255, 169, 65, 0.07);
78	border-radius: 0px;
79	border: 1px solid #ffa941;
80	border-left-width: 4px;
81	padding: ${props=>props.theme.spacing.S} ${props=>props.theme.spacing.M};
82	color: #2b2b2b;
83`,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))},44974:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{LoginSuccess:()=>LoginSuccess});var react=__webpack_require__(96540),free_solid_svg_icons=__webpack_require__(66188),index_es=__webpack_require__(46784),emotion_styled_browser_esm=__webpack_require__(59295),components=__webpack_require__(66931),use_query_params=__webpack_require__(47547),logo_with_watermark=__webpack_require__(70259),modal_box=__webpack_require__(21943),slogan=__webpack_require__(32500),get_text=__webpack_require__(59247);const MessageSwitcher=({fromSource,email})=>"onboarding-login"===fromSource?react.createElement(react.Fragment,null,react.createElement("b",null,react.createElement(get_text.q,null,"If we found")),react.createElement(get_text.q,null," a Haiilo account associated with "),react.createElement("b",null,email),",",react.createElement(get_text.q,null," you will receive a reminder email from us shortly.")):react.createElement(react.Fragment,null,react.createElement(get_text.q,null,"We've sent you an email to "),react.createElement("b",null,email),".",react.createElement(get_text.q,null," Go check your email!"));var design_system_candidates_link=__webpack_require__(67395);const SloganSwitcher=({fromSource})=>"onboarding-login"===fromSource?react.createElement(slogan.R,null,react.createElement(get_text.q,null,"Having trouble finding your company?"),react.createElement("br",null),react.createElement(get_text.q,null,"You can "),react.createElement(design_system_candidates_link.N,{to:"/login"},"try another email address")):null,MessageGroup=emotion_styled_browser_esm.A.

83section`
84	margin: 10px 0px;
85	padding: 0 10px;
86	min-height: 100px;
87
88	img {
89		margin: 20px 0;
90		width: 86px;
91		height: 53px;
92	}
93`,Message=emotion_styled_browser_esm.A.div`
94	color: #555459;
95	letter-spacing: 0px;
96	padding-top: 16px;
97	word-break: break-word;
98	overflow-wrap: break-word;
99`,IconWrapper=emotion_styled_browser_esm.A.div`
100	position: relative;
101	display: block;
102	float: left;
103	margin-right: 10px;
104
105	@media (max-width: 768px) {
106		& {
107			float: none;
108		}
109	}
110
111	img {
112		margin: 20px 0;
113		width: 86px;
114		height: 53px;
115	}
116`,Icon=(0,emotion_styled_browser_esm.A)(index_es.g)`
117	font-size: 25px;
118	position: relative;
119	top: 28px;
120	left: -15px;
121	color: #68c690;
122	z-index: 10;
123	background: white;
124	border-radius: 50%;
125`,LoginSuccessContainer=()=>{const[{from:fromSource,success:email}]=(0,use_query_params.s)();return react.createElement(modal_box.ng,null,react.createElement(logo_with_watermark.Y,null),react.createElement(components.hK,{dir:"y",size:"m"}),react.createElement(MessageGroup,null,react.createElement(IconWrapper,null,react.createElement("img",{src:"/images/envelope.png",alt:""}),react.createElement(Icon,{icon:free_solid_svg_icons.SGM})),react.createElement(Message,{className:"media-body"},react.createElement(MessageSwitcher,{fromSource,email}))),react.createElement(slogan.K,null,react.createElement(SloganSwitcher,{fromSource})))},LoginSuccess=()=>react.createElement(LoginSuccessContainer,null)},67395:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{M:()=>Anchor,N:()=>Link});var _emotion_styled__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(59295),react_router_dom__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(54625);const StyledLink=_emotion_styled__WEBPACK_IMPORTED_MODULE_0__.A.a`
126	&,
127	&:link,
128	&:visited,
129	&:hover {
130		color: ${props=>props.theme.color.PrimaryDefault};
131		text-decoration: underline;
132	}
133`,Anchor=StyledLink,Link=StyledLink.withComponent(react_router_dom__WEBPACK_IMPORTED_MODULE_1__.N_)},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`
134	display: flex;
135	justify-content: space-between;
136	align-items: flex-start;
137	width: 100%;
138	background: #474747;
139	margin-top: 10px;
140	background: #ffffff;
141`,Watermark=_emotion_styled__WEBPACK_IMPORTED_MODULE_0__.A.img`
142	width: 88px;
143	height: auto;
144	align-items: center;
145`,Logo=(0,_emotion_styled__WEBPACK_IMPORTED_MODULE_0__.A)(src_app_modules_core_logo_logo_react__WEBPACK_IMPORTED_MODULE_2__.z)`
146	max-width: 180px;
147	max-height: 56px;
148`,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})}}}]);