https://smh.re/RecruitUsersPanel-4eb0d8.bundle.js

1"use strict";(self.webpackChunksmarpshare_frontend=self.webpackChunksmarpshare_frontend||[]).push([[2237],{23157:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{RecruitUsersPanel:()=>RecruitUsersPanel});var react=__webpack_require__(96540),emotion_styled_browser_esm=__webpack_require__(59295),components=__webpack_require__(66931),get_text=__webpack_require__(59247),use_session=__webpack_require__(84280),use_get_text=__webpack_require__(87914),util=__webpack_require__(87297),tracking_utils=__webpack_require__(48458);const TrophyIcon=()=>react.createElement("svg",{width:"64px",height:"64px",viewBox:"0 0 64 64",version:"1.1",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink"},react.createElement("title",null,"trophy"),react.createElement("g",{id:"trophy",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"},react.createElement("g",{id:"Group"},react.createElement("rect",{id:"Rectangle",fill:"#FFFFFF",opacity:"0",x:"0",y:"0",width:"64",height:"64"}),react.createElement("g",{transform:"translate(10.000000, 7.000000)",fill:"#F86252",fillRule:"nonzero",id:"Shape"},react.createElement("g",null,react.createElement("path",{d:"M36.2173913,21.6788145 C40.5328615,21.6385455 44,18.1462167 44,13.8646156 C44,10.0692627 41.2821031,6.90109934 37.6865521,6.18733137 L37.685541,6.18733137 C37.685541,2.83896428 37.685541,0 37.685541,0 L6.31445905,0 C6.31445905,0 6.31445905,2.84399791 6.31445905,6.18733137 C2.71789687,6.90109934 0,10.0692627 0,13.8646156 C0,18.1472235 3.47219414,21.6425724 7.78665319,21.6788145 C9.19716886,25.5547054 11.942366,29.2936818 17.2204247,30.7010832 L12.7795753,43.093867 L12.8301314,43.093867 L6.06268959,47.540571 L6.06268959,50 L37.9362993,50 L37.9362993,47.6774856 L31.2194135,43.093867 L26.7836198,30.7111505 C32.065723,29.3047558 34.8068756,25.5567189 36.2173913,21.6788145 Z M37.6865521,8.7655539 C39.8877654,9.42999235 41.4843276,11.4585431 41.4843276,13.8636089 C41.4843276,16.5062618 39.5328615,18.7099827 36.9807887,19.0975718 C36.9797776,19.0975718 36.9787664,19.0975718 36.9787664,19.0975718 C37.5753286,16.5042484 37.685541,14.0770346 37.685541,12.5105706 C37.685541,11.3548504 37.685541,10.0642291 37.6865521,8.7655539 C37.685541,8.7655539 37.6865521,8.7655539 37.6865521,8.7655539 Z M2.51668352,13.8636089 C2.51668352,11.4585431 4.11425683,9.42999235 6.31445905,8.7655539 L6.31445905,12.5105706 C6.31445905,14.0760279 6.42871587,16.5052551 7.02022245,19.0975718 C4.46511628,18.7109894 2.51668352,16.5062618 2.51668352,13.8636089 Z M28.1314459,43.0928603 L15.8685541,43.0928603 L20.1284125,31.2044457 C20.7290192,31.2588088 21.3478261,31.2950509 22.0010111,31.2950509 C22.6541962,31.2950509 23.273003,31.2588088 23.8736097,31.2044457 L28.1314459,43.0928603 Z M35.1698686,2.50473161 L35.1698686,12.5115773 C35.1698686,15.0012081 34.9221436,17.1213708 34.4853387,18.9314622 C34.4610718,19.0361616 34.4287159,19.1318004 34.4034378,19.2344864 C34.2871587,19.682479 34.1587462,20.1113438 34.0202224,20.5200741 C33.966633,20.6771232 33.9120324,20.8311521 33.851365,20.9821608 C31.5106168,27.228889 26.4469161,28.7913261 22,28.7913261 C17.6228514,28.7913261 12.653185,27.2892925 10.2639029,21.3022994 C9.9635996,20.5764507 9.71081901,19.7740909 9.50960566,18.9103209 C9.06976744,17.1072766 8.83114257,14.9911408 8.83114257,12.5115773 L8.83114257,2.50473161 L35.1698686,2.50473161 Z M22.3781598,7.58567229 L20.3397371,11.7132445 L15.7613751,12.3796964 L19.0758342,15.5851085 L18.2851365,20.1294648 L22.3781598,17.9851407 L26.4812942,20.1294648 L25.6966633,15.5851085 L29.0060667,12.3796964 L24.4277048,11.7132445 L22.3781598,7.58567229 Z"})))))),FlexContainer=emotion_styled_browser_esm.A.div`
2	display: flex;
3`,TitleContainer=emotion_styled_browser_esm.A.div`
4	display: flex;
5	justify-content: space-between;
6	align-items: baseline;
7`,ImageWrapper=emotion_styled_browser_esm.A.div`
8	margin-right: ${props=>props.theme.spacing.L};
9	padding-right: ${props=>props.theme.spacing.S};
10	padding-bottom: ${props=>props.theme.spacing.S};
11	padding-top: ${props=>props.theme.spacing.S};
12
13	& svg path {
14		fill: ${props=>props.theme.color.PrimaryDefault};
15	}
16`,MainText=(0,emotion_styled_browser_esm.A)(components.YC)`
17	line-height: 22px;
18`,DescriptionText=(0,emotion_styled_browser_esm.A)(components.VY)`
19	font-size: 12px;
20`,RecruitUsersPanel=()=>{const{session}=(0,use_session.w)(),{gettext}=(0,use_get_text.z)(),[answer,setAnswer]=react.useState("not answered"),handleInterestedClick=isInterested=>{isInterested?(setAnswer("yes"),window.open("https://smarp1.typeform.com/to/eRjRoHL9?typeform-source=admin.typeform.com","_newtab"),tracking_utils.A.event("gamification_recruit_interested_pressed")):(setAnswer("no"),tracking_utils.A.event("gamification_recruit_notinterested_pressed")),(0,util.b)("gamification")};return react.useEffect((()=>{tracking_utils.A.event("gamification_recruit_block_loaded")}

20),[]),"no"===answer?null:react.createElement("section",null,react.createElement(components.Zp,null,react.createElement(components.Zp.Content,null,react.createElement(FlexContainer,null,react.createElement(ImageWrapper,null,react.createElement(TrophyIcon,null)),react.createElement("div",null,react.createElement(TitleContainer,null,react.createElement(components.H4,null,`${gettext("Hi")} ${session.user.firstName}, ${gettext("let's make Haiilo even more engaging!")}`),react.createElement(DescriptionText,null,react.createElement(get_text.q,null,"Visible only for company admins"))),react.createElement(components.hK,{dir:"y",size:"s"}),react.createElement(MainText,null,gettext("We are currently gathering input for new gamification ideas on Haiilo that would help you ambassadors find their experience on Haiilo even more attractive and fun. If you’d like to contribute, make sure you fill in the questionnaire below. The questionnaire will be valid for 5 working days.")),react.createElement(components.hK,{dir:"y",size:"m"}),react.createElement(FlexContainer,null,react.createElement(components.$n,{type:"button",style:"primary",text:gettext("Fill in Questionnaire"),onClick:()=>handleInterestedClick(!0)}),react.createElement(components.hK,{dir:"x",size:"s"}),react.createElement(components.$n,{type:"button",style:"link",text:gettext("I’m not interested"),onClick:()=>handleInterestedClick(!1)})))))),react.createElement(components.hK,{dir:"y",size:"l"}))}}}]);