https://smh.re/4256-d6980f.bundle.js

1"use strict";(self.webpackChunksmarpshare_frontend=self.webpackChunksmarpshare_frontend||[]).push([[4256],{64256:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{OnboardingContentLanguage:()=>OnboardingContentLanguage,OnboardingContentLanguageRenderer:()=>OnboardingContentLanguageRenderer});var react=__webpack_require__(96540),es=__webpack_require__(49924),redux=__webpack_require__(82960),tracking_utils=__webpack_require__(48458),react_select_esm=__webpack_require__(37823),prop_types=__webpack_require__(5556);class StyledSelect extends react.Component{render(){const{styles,...other}=this.props,merged=styles?(0,react_select_esm.Zq)(StyledSelect.baseStyle,styles):StyledSelect.baseStyle;return react.createElement(react_select_esm.Ay,{...other,styles:merged})}}StyledSelect.propTypes={value:prop_types.any,options:prop_types.any,onChange:prop_types.any,className:prop_types.any},StyledSelect.baseStyle={container:base=>({...base,alignSelf:"stretch"}),control:(base,state)=>({...base,transition:"border-color .15s ease-in-out,box-shadow .15s ease-in-out",border:"1px solid #d9d9de",borderRadius:0,borderColor:state.isFocused?"#428bca":"#d9d9de",boxShadow:state.isFocused?"0 1px 0 rgba(0, 0, 0, 0.06)":"0",backgroundColor:state.isDisabled?"#f9f9f9":"#FFF",cursor:state.isDisabled?"not-allowed":"auto","&:hover":{borderColor:state.isDisabled?"#d9d9de":"#428bca"}}),multiValueLabel:()=>({overflow:"hidden",padding:"3px",paddingLeft:"6px",textOverflow:"ellipsis",whiteSpace:"nowrap",boxSizing:"border-box"}),multiValue:base=>({...base,backgroundColor:"#428bca",border:"1px solid #357ebd",borderRadius:"2px",color:"#fff",fontSize:"13px"}),multiValueRemove:base=>({...base,"&:hover":{backgroundColor:"#3071a9",cursor:"pointer",color:"#fff"}}),menu:base=>({...base,padding:"0 10px",borderRadius:0,border:"1px solid #d9d9de",boxShadow:0,marginTop:0,"&:hover":{borderColor:"#428bca"}}),option:(base,state)=>({fontSize:"15px",padding:"2px 0px",borderBottom:"1px solid #d9d9de",paddingLeft:"15px",verticalAlign:"center",minHeight:"40px",margin:"auto",display:"flex",alignItems:"center","&:hover":{cursor:"pointer",color:"#428bca"},color:state.isSelected?"#428bca":"inherit"})};var alert_utils=__webpack_require__(20987),layout=__webpack_require__(87020),onboarding_submit_button=__webpack_require__(99284),use_get_text=__webpack_require__(87914),language_state_manager=__webpack_require__(5067),string_utils=__webpack_require__(73225),effects=__webpack_require__(46022);const OnboardingContentLanguageRenderer=({nextState})=>{const{gettext}=(0,use_get_text.z)(),{readLangValid,languageOptionList,selectedLanguage,setSelectedLanguage,isReadAllLanguages,setReadAllLanguages,saveLanguage}=(0,language_state_manager.N)(),handleSetReadAllLanguages=e=>{setReadAllLanguages("true"===e.target.value)};return react.createElement(layout.N,{fakeOnboarding:!0},react.createElement(layout.Y,null,react.createElement("div",null,react.createElement("img",{alt:"",style:{width:64,height:64},src:"/images/welcome-panda.png"})),react.createElement("div",null,react.createElement("span",{className:"cat-text-m","aria-hidden":"true"},react.createElement("b",null,gettext("Almost done!")))),react.createElement(layout.Y.Title,null,gettext("Which languages would you like to receive content in?")),react.createElement("div",{style:{padding:"0 30px"}},react.createElement("div",{role:"radiogroup","aria-label":gettext("Content language")},react.createElement("div",{className:"form-group onboarding-consent-checkbox"},react.createElement("label",null,react.createElement("input",{type:"radio",value:"true",checked:isReadAllLanguages,onChange:handleSetReadAllLanguages}),gettext("I want to receive content in all languages"))),react.createElement("div",{className:"form-group onboarding-consent-checkbox"},react.createElement("label",null,react.createElement("input",{type:"radio",value:"false",checked:!isReadAllLanguages,onChange:handleSetReadAllLanguages}),gettext("I want to receive content in the following languages")))),react.createElement("div",{className:"form-group onboarding-consent-checkbox",style:{marginBottom:30}},react.createElement(StyledSelect,{isMulti:!0,"aria-label":gettext("Select languages in which you want to re

1ceive content"),value:selectedLanguage,onChange:setSelectedLanguage,options:languageOptionList,getOptionLabel:option=>gettext(option.name),getOptionValue:option=>option.value,closeMenuOnSelect:!1,placeholder:gettext("Select...")}),!readLangValid&&react.createElement("div",{className:"onboarding-alert-message",role:"alert"},react.createElement("i",{className:"i-warning","aria-hidden":"true"}),gettext("Please choose at least one language."))),react.createElement("div",{className:"form-group onboarding-consent-checkbox placeholder-text"},gettext("You can change your preference at any time in your “Language settings”."))),react.createElement(layout.Y.Footer,null,react.createElement(onboarding_submit_button._,{"aria-label":gettext("Go to news feed"),isSending:!1,buttonDisable:!1,label:{label:gettext("Let's go!")},submitCallback:async e=>{var _a;e.preventDefault();try{await saveLanguage(),nextState()}catch(err){if("Invalid"===err.message)return;const errorMessage=null!==(_a=(0,string_utils.fi)(err))&&void 0!==_a?_a:"Unexpected error while saving language preference";alert_utils.A.errorFromApi(err,gettext),tracking_utils.A.error(errorMessage,"OnboardingContentLanguageRenderer.handleSaveLanguage",(0,string_utils.hT)(err))}}}))))},OnboardingContentLanguage=(0,es.Ng)(null,(dispatch=>(0,redux.bindActionCreators)({nextState:effects.VK},dispatch)))(OnboardingContentLanguageRenderer)},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})}},87020:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{N:()=>OnboardingContainer,Y:()=>OnboardingCard});var classnames__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(32485),react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(96540),src_app_modules_core_logo_logo_react__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(72031);class OnboardingCard extends react__WEBPACK_IMPORTED_MODULE_1__.Component{render(){return react__WEBPACK_IMPORTED_MODULE_1__.createElement("main",null,react__WEBPACK_IMPORTED_MODULE_1__.createElement("div",{className:classnames__WEBPACK_IMPORTED_MODULE_0__("onboarding-mainbox",this.props.className)},this.props.children))}}OnboardingCard.Title=({children})=>react__WEBPACK_IMPORTED_MODULE_1__.createElement("h1",{className:"cat-h2 cat-mt-s"},children),OnboardingCard.Footer=({children})=>react__WEBPACK_IMPORTED_MODULE_1__.createElement("div",{className:"onboarding-button-container"},children),OnboardingCard.AcknowledgeTitle=({children})=>react__WEBPACK_IMPORTED_MODULE_1__.createElement("div",{className:"greeting-aknowledgement-title"},children);const OnboardingContainer=({fakeOnboarding=!1,children})=>{const containerStyle=fakeOnboarding?{backgroundImage:'url("/images/onboarding-bg.jpg")',backgroundSize:"cover"}:{};return react__WEBPACK_IMPORTED_MODULE_1__.createElement("div",{className:"new-onboarding-page",style:containerStyle},react__WEBPACK_IMPORTED_MODULE_1__.createElement("div",{className:"onboarding-modalbox new-onboarding-card"},!fakeOnboarding&&react__WEBPACK_IMPORTED_MODULE_1__.createElement("div",{className:"title navbar-revamp-onboarding"},react__WEBPACK_IMPORTED_MODULE_1__.createElement(src_app_modules_core_logo_logo_react__WEBPACK_IMPORTED_MODULE_2__.z,null)),react__WEBPACK_IMPORTED_MODULE_1__.createElement("div",null,children)))}},99284:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{_:()=>OnboardingSubmitButton});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(96540),src_app_react_common_components_get_text__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(59247);const OnboardingSubmitButton=({isSending,buttonDisable,label,submitCallback,...other})=>react__WEBPACK_IMPORTED_MODULE_0__.createElement("button",{className:"onboarding-button",disabled:buttonDisable,onClick:submitCallback,...other},isSending?react__WEBPACK_IMPORTED_MODULE_0__.createElement(src_app_react_common_components_get_text__WEBPACK_IMPORTED_MODULE_1__.q,null,"Sending..."):label.label)}}]);