https://www.renaultforsakring.se/Static/app/static/js/components.block.callbackblock.fa400b68.js

1"use strict";(self.webpackChunkMO=self.webpackChunkMO||[]).push([[2689],{10390:(e,a,t)=>{t.r(a),t.d(a,{CallbackBlock:()=>k,default:()=>h});var n=t(89526),l=t(32772),o=t(55282),r=t(11588),c=t(62248),m=t(81459),i=t(95898),s=t(74937),d=t(14730),u=t(92065),p=t(88172),g=t(23060);const b=(0,l.Z)((e=>({container:{alignItems:"end",[e.breakpoints.down("xs")]:{flexDirection:"column"}},callbackItem:{paddingLeft:e.spacing(2),paddingRight:e.spacing(2),marginBottom:12,[e.breakpoints.up("md")]:{flexBasis:"25%",marginBottom:0},[e.breakpoints.down("xs")]:{flexBasis:"100%",width:"100%",paddingLeft:"0px",paddingRight:"0px"},"&:nth-of-type(3)":{marginTop:30},"&:nth-of-type(4)":{paddingBottom:12},"& input":{backgroundColor:e.colorCard?.background||e.palette?.background?.default},"& button":{width:"100%",[e.breakpoints.up("md")]:{maxWidth:"224px"}}},gdprItem:{display:"block",[e.breakpoints.down("md")]:{display:"flex",justifyContent:"center"}},gdprArea:{color:e.colorCard?.primary||e.palette?.primary?.main,"& a":{color:e.colorCard?.primary||e.palette?.primary?.main,textDecoration:"none",fontSize:"0.875rem","&:hover":{color:e.colorCard?.inputText||e.palette?.text?.primary,textDecoration:"underline"}},"& p":{margin:0},...e.customStyling?.CallbackBlock?.gdprArea},callbackSubmitButton:{textTransform:"none"},bottomSpacer:{marginBottom:18}}))),k=e=>{const a=b(),[t,l]=(0,n.useState)(""),[k,h]=(0,n.useState)(""),[f,x]=(0,n.useState)(!1),[I,S]=(0,n.useState)(!1),[y,v]=(0,n.use

1State)(!1),[C,E]=(0,n.useState)(!1),Z=(0,o.Z)(),{handleInputValue:T,handleFormSubmit:B,formIsPristine:M,formIsValid:F,errors:A}=(0,d.default)({nameRequiredMessage:"Fyll i ditt namn",phoneIncorrectMessage:"Blev telefonnumret rätt?",phoneRegexp:"^[+0-9()\\- ]{8,20}$",phoneRequiredMessage:"Ange ditt telefonnummer",nameIncorrectMessage:"Fyll i ditt namn med enbart bokstäver",nameRegexp:"^[a-zA-ZåäöéÅÄÖÆØÅæøå\\- ]{1,40}$"}),{handleCallbackStatusCheck:L}=(0,u.default)({callbackSuccess:e=>{x(e)},callbackFailure:()=>{console.log("Request failed")},preAction:()=>{console.log("Pre action called")},postAction:()=>{console.log("Pos action called")}});(0,n.useEffect)((()=>{L()}),[]);const{handleCallbackSubmit:N}=(0,p.default)({name:t,phone:k,callbackSuccess:()=>{S(!0)},callbackFailure:()=>{v(!0)},postAction:()=>{E(!0)}});return n.createElement(r.Z,{disableGutters:!0,maxWidth:"xl"},I&&n.createElement(n.Fragment,null,n.createElement(c.Z,{dangerouslySetInnerHTML:{__html:e.data.callbackSuccessText.value}})),y&&n.createElement(n.Fragment,null,n.createElement(c.Z,{dangerouslySetInnerHTML:{__html:e.data.callbackFailureText.value}})),!f&&n.createElement(n.Fragment,null,n.createElement(c.Z,{dangerouslySetInnerHTML:{__html:e.data.callbackClosedText.value}})),f&&!C&&n.createElement(m.Z,{container:!0,className:a.container},n.createElement(m.Z,{item:!0,className:a.callbackItem,xs:12,md:3},n.createElement(s.default,{label:e.data.customerNameInputLabel.value,isValid:!A.name||F(),displayIcon:!1,onChange:function(e){l(e.target.value),T(e)},name:"name",validationMessage:A.name})),n.createElement(m.Z,{item:!0,className:a.callbackItem,xs:12,md:3},n.createElement(s.default,{label:e.data.customerPhoneInputLabel.value,isValid:!A.phone||F(),displayIcon:!1,onChange:function(e){h(e.target.value),T(e)},name:"phone",validationMessage:A.phone})),n.createElement(m.Z,{item:!0,className:(0,g.Z)(a.callbackItem,a.bottomSpacer),xs:12,md:3},n.createElement(i.Z,{variant:"contained",color:"primary",className:a.callbackSubmitButton,onClick:function(){!M()&&F()?N():M()&&(B(),h("1"),l("1"))},title:e.data.buttonText.value,endIcon:Z?.icons?.primaryButtonIcon},e.data.buttonText.value)),n.createElement(m.Z,{item:!0,className:(0,g.Z)(a.callbackItem,a.gdprItem,a.bottomSpacer),xs:12,md:3},n.createElement(c.Z,{variant:"body1",className:a.gdprArea,dangerouslySetInnerHTML:{__html:e.data.gdprText.value}}))))},h=k}}]);
2//# sourceMappingURL=components.block.callbackblock.fa400b68.js.map