1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[11290,31183],{11173:(e,t,i)=>{"use strict";i.d(t,{Q:()=>d});var o=i(26514),a=i(75834),s=i(13742),r=i(17941),l=i(78081),n=i(70007);let c=s.default.div.withConfig({componentId:"sc-7884d962-0"})(["display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;margin:0.75rem 0;font-family:",";font-size:0.875rem;& > label{cursor:pointer;position:relative;font-family:",";margin-bottom:10px;transition:all 0.2s ease-in;color:",";text-align:center;em{color:",";}span.help{margin-top:5px;font-size:0.75rem;display:block;}}.list{display:flex;margin:0;padding:0;li{margin:0 1rem;display:block;position:relative;float:left;&:first-child{margin:0 1rem 0 0;}}}.icon{font-size:1.25rem;z-index:1;width:20px;height:20px;visibility:hidden;opacity:0;transition:all 0.25s linear;-webkit-transition:all 0.25s linear;}.msgError{margin:0.3125rem 0 0;display:none;color:",";}&.error{textarea{border:1px solid ",";&:focus{border-color:",";}}.icon{opacity:1;visibility:visible;}.msgError{display:flex;}}"],r.vX.NunitoSansRegular,r.vX.NunitoSansExtraBold,r.Jy.dimGray,r.Jy.yellowSea,r.Jy.persianRed,r.Jy.persianRed,r.Jy.persianRed),d=e=>{let{data:t,onChange:i}=e,[s,r]=(0,a.useState)({isValid:!0,value:t.value});return(0,a.useEffect)(()=>{r({value:t.value,isValid:!0})},[t.value]),(0,o.jsxs)(c,{className:"".concat(s.isValid?"":"error"),children:[t.labelText&&(0,o.jsx)("label",{htmlFor:t.id,dangerouslySetInnerHTML:{__html:"".concat(t.labelText," ").concat(t.required&&!t.maskError?"<em>*</em>":""," ").concat(t.help?'<span className="help">'.concat(t.help,"</span>"):"")}}),(0,o.jsxs)("div",{className:"list",children:[(0,o.jsx)(l.g,{data:{...t,value:s.value,labelText:t.children[1].label,labelTextBefore:t.children[0].label},checkValue:s.value==t.children[1].value,onCheck:e=>{e.currentTarget.value=e.currentTarget.checked?t.children[1].value:t.children[0].value,i?i(e):r({isValid:!0,value:e.currentTarget.checked?t.children[1].value:t.children[0].value})}}),t.required&&!s.isValid&&(0,o.jsx)("div",{children:(0,o.jsx)("span",{className:"icon",children:(0,o.jsx)(n.default,{})})})]}),!s.isValid&&(0,o.jsx)("span",{className:"msgError",children:t.errMsg})]})}},21640:(e,t,i)=>{"use strict";i.r(t),i.d(t,{default:()=>B});var o=i(26514),a=i(75834),s=i(13742),r=i(46225),l=i.n(r),n=i(94741),c=i(80769),d=i(79161),h=i(17941),p=i(65266),f=i(9778),u=i(39121),m=i(79737),x=i(5593),g=i(57056),b=i(70007);let y=s.default.div.withConfig({componentId:"sc-f5959f4e-0"})(["display:flex;justify-content:flex-start;flex-direction:column;align-items:center;margin:0.75rem 0;font-family:",";font-size:1.125rem;label{cursor:pointer;position:relative;display:block;margin-bottom:10px;transition:all 0.2s ease-in;color:",";text-align:center;em{color:",";}span{margin-top:5px;font-size:0.75rem;display:block;}}.rangeIndicator{display:flex;justify-content:center;width:80%;max-width:800px;margin:0 auto 0.25rem;font-family:",";.rangeIndicatorMin,.rangeIndicatorMax{width:10%;text-align:center;margin:0;padding:0;border:0;vertical-align:baseline;}.rangeIndicatorCurrent{color:",";width:80%;text-align:center;}}.rangeContainer{display:flex;justify-content:center;align-items:center;max-width:800px;width:80%;margin:auto;.rangeBefore,.rangeAfter{color:",';font-size:2.5rem;line-height:30px;text-align:center;display:inline-block;width:10%;cursor:pointer;border-radius:50%;user-select:none;}.rangeAfter{font-size:1.875rem;}}input[type="range"]{box-sizing:border-box;-webkit-appearance:none;background:',";width:80%;height:14px;border-radius:14px;color:",';transition:all 0.25s linear;&:focus{outline:0;}}input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:30px;padding:0.25em;border-radius:50%;background:',';box-shadow:0 0 0em 5px rgba(236,158,48,0.3);}input[type="range"]::-moz-range-thumb{-webkit-appearance:none;width:22px;height:22px;padding:0.25em;border:0px transparent solid;border-radius:50%;background:',';box-shadow:0 0 0em 5px rgba(236,158,48,0.3);}input[type="range"]::-ms-thumb{-webkit-appearance:none;width:30px;height:30px;padding:0.25em;border-radius:50%;background:',";box-shadow:0 0 0em 5px rgba(236,158,48,0.3);}.error-icon{position:absolute;font-size:1.25rem;top:8px;right:8px;z-index:1;width:20px;height:20px;visibility:hidden;opacity:0;transition:all 0.25s linear;-webkit-transition:all 0.25s linear;&.child{right:35px;}}.field-icon{width:35px;position:absolute;right:0;display:flex;align-items:center;justify-content:center;height:100%;margin:0;border:none;padding:0;line-height:0;overflow:hidden;}.msgError{margin:0.3125rem 0 0;display:none;color:",";}&.error{input{border:1px solid ",";padding-right:30px;&:focus{border-color:",";}}.error-icon{opacity:1;visibility:visible;}.msgError{display:flex;}}"],h.vX.NunitoSansRegular,h.Jy.dimGray,h.Jy.yellowSea,h.vX.NunitoSansExtraBold,h.Jy.yellowSea,h.Jy.yellowSea,h.Jy.whiteSmoke,h.Jy.yellowSea,h.Jy.yellowSea,h.Jy.yellowSea,h.Jy.yellowSea,h.Jy.persianRed,h.Jy.persianRed,h.Jy.persianRed),v=e=>{let{data:t,colorTheme:i,colorText:s,onChange:r,forwardedRef:l}
1=e,[n,d]=(0,a.useState)(Number(t.value));(0,a.useEffect)(()=>{d(Number(t.value))},[t.value]);let p=e=>{let i=new Event("input",{bubbles:!0}),o=document.querySelector("#".concat(t.id));(0,c.ZW)(o,e),o.dispatchEvent(i)};return(0,o.jsxs)(y,{colorTheme:i||h.Jy.dimGray,colorText:s||h.Jy.charcoal,children:[t.labelText&&(0,o.jsx)("label",{htmlFor:t.id,dangerouslySetInnerHTML:{__html:"".concat(t.labelText," ").concat(t.required&&!t.maskError?"<em>*</em>":""," ").concat(t.help?'<span className="help">'.concat(t.help,"</span>"):"")}}),(0,o.jsxs)("div",{className:"rangeIndicator",children:[(0,o.jsx)("span",{className:"rangeIndicatorMin",children:t.min}),(0,o.jsx)("span",{className:"rangeIndicatorCurrent",children:n}),(0,o.jsx)("span",{className:"rangeIndicatorMax",children:t.max})]}),(0,o.jsxs)("div",{className:"rangeContainer",children:[(0,o.jsx)("span",{className:"rangeBefore",onClick:e=>p(n-1),children:"-"}),(0,o.jsx)("input",{id:t.id,name:t.id,type:t.type?t.type:"range",min:t.min,max:t.max,onChange:e=>{r?r(e):d(Number(e.currentTarget.value))},required:t.required,ref:l,value:n}),(0,o.jsx)("span",{className:"rangeAfter",onClick:e=>p(n+1),children:"+"}),(0,o.jsx)("span",{className:"error-icon",children:(0,o.jsx)(b.default,{})})]}),!t.maskError&&t.errMsg&&(0,o.jsx)("span",{className:"msgError",children:t.errMsg})]})};var j=i(11173),k=i(21883),w=i(20577),C=i(61569);let S=s.default.div.withConfig({componentId:"sc-185946ec-0"})(["width:80%;margin:auto;@media ","{width:100%;}.msgError{margin:1rem 0 0;font-size:0.875rem;font-family:",";}.objectif-pose-form--navigation{display:flex;align-items:center;justify-content:center;position:relative;font-family:",";margin-bottom:2.5rem;.back{position:absolute;left:80px;}@media ","{margin-bottom:1.5rem;.back{position:absolute;top:-150px;left:-5px;a{color:",";}}}}.objectif-pose-form--title{font-family:",";font-size:1.625rem;color:",";@media ","{font-size:1.143rem;}}.objectif-pose-form--tools{font-family:",";font-size:1.625rem;color:",";margin:3.75rem auto;text-align:center;display:block;@media ","{font-size:1.143rem;}}.objectif-pose-form--container{height:38px;position:relative;@media ","{margin:0px -5px;}}.objectif-pose-form--stateOfProgress{&.fixed{position:fixed;width:100%;top:0;left:0;height:76px;display:flex;justify-content:center;flex-direction:column;align-items:center;background-color:",";box-sizing:border-box;z-index:10;.stateOfProgress-indicator{width:66%;}.stateOfProgress-bars{width:66%;background-color:",";}@media ","{.stateOfProgress-indicator,.stateOfProgress-bars{justify-content:space-between;width:90%;}}}.stateOfProgress-indicator{display:flex;justify-content:space-around;font-size:0.875rem;font-family:",";color:",";.stateOfProgress-text{&.disabled{opacity:0.4;}@media ","{span{display:block;}text-align:center;}}}.stateOfProgress-bars{background-color:",";margin-top:8px;height:14px;border-radius:7px;.stateOfProgress-bars-loader{background-color:",";transition:width 0.4s ease-out;width:0;height:100%;border-radius:7px;}}}.info-line{max-width:580px;margin:3.75rem auto 0;overflow:hidden;@media ","{margin-left:0;}& > div{display:flex;flex-direction:column;flex-wrap:wrap;align-items:center;justify-content:space-around;font-size:1.125rem;& > label{margin-bottom:1.75rem;color:",";@media ","{text-align:center;}strong{font-family:",";}}.msgError{flex:1 0 100%;}.list{width:80%;justify-content:center;label{font-family:",";font-size:0.875rem;text-align:center;}li{&:first-child{margin:0 1rem 0 0;}&:last-child{margin:0 0 0 1rem;}}}.field{max-width:300px;@media ","{max-width:100%;}}@media ","{flex-direction:column;.list{width:100%;}}}}.info-line-checkbox{margin-left:40px;margin-bottom:42px;&.info-line-checkbox-first{margin-top:30px;}& > div{margin:0.75rem 0;max-width:280px;padding-left:calc(25% + 20px);svg{margin-top:-2px;font-size:1.2rem;@media ","{font-size:1.45rem;}}@media ","{padding-left:0;max-width:100%;}}@media ","{margin-left:0;}&:last-child{margin-bottom:70px;}}"],h.uk.tablet,h.vX.NunitoSansExtraBold,h.vX.NunitoSansExtraBold,h.uk.tablet,h.Jy.white,h.vX.NunitoSansExtraBold,h.Jy.chambray,h.uk.tablet,h.vX.NunitoSansExtraBold,h.Jy.chambray,h.uk.tablet,h.uk.tablet,h.Jy.whiteSmoke,h.Jy.white,h.uk.tablet,h.vX.NunitoSansExtraBold,h.Jy.charcoal,h.uk.tablet,h.Jy.whiteSmoke,h.Jy.chambray,h.uk.mobileL,h.Jy.charcoal,h.uk.mobileL,h.vX.NunitoSansExtraBold,h.vX.NunitoSansExtraBold,h.uk.mobileL,h.uk.mobileL,h.uk.mobileL,h.uk.mobileL,h.uk.mobileL);class N extends a.Component{getPourcentPos(e,t){let i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,o=t-window.innerHeight/2;if(window.scrollY>o){i&&i.classList.contains("disabled")&&i.classList.remove("disabled");let t=(window.scrollY-o)/e.getBoundingClientRect().height*100,a=(t>100?100:t)/3;return a<2?2:a}return i&&!i.classList.contains("disabled")&&i.classList.add("disabled"),0}handlerScroll(){if(this.refStateOfProgress){let e=document.getElementsByTagName("header")[0];window.scrollY>window.innerHeight/2?(this.refStateOfProgress.style.top="".concat(e.getBoundingClientRect().top+e.getBoundingClientRect().height,"px"),this.refStateOfProgress.classList.add("fixed")):(this.refStateOfProgress.style.top="0px",this.refStateOfProgress.classList.remove("fixed"));
1let t=this.getPourcentPos(this.refState1,this.initPosState1),i=this.getPourcentPos(this.refState2,this.initPosState2,this.refStateOfProgressTitle2),o=this.getPourcentPos(this.refState3,this.initPosState3,this.refStateOfProgressTitle3);this.refStateOfProgressBars.style.width="".concat(t+i+o,"%")}}componentDidMount(){this.initPosState1=this.refState1.getBoundingClientRect().top+window.scrollY,this.initPosState2=this.refState2.getBoundingClientRect().top+window.scrollY,this.initPosState3=this.refState3.getBoundingClientRect().top+window.scrollY,this.handlerScroll(),window.addEventListener("scroll",this.handlerScroll)}componentWillUnmount(){window.removeEventListener("scroll",this.handlerScroll)}componentDidUpdate(e){this.props.fieldList!==e.fieldList&&this.setState({...this.props.fieldList})}render(){return(0,o.jsx)(S,{children:(0,o.jsxs)("form",{onSubmit:this.handleSubmit,noValidate:!0,id:"objectifPose",method:"post",children:[(0,o.jsxs)("div",{className:"objectif-pose-form--navigation",children:[(0,o.jsx)(k.L,{className:"back",title:"Retour",url:"/objectif-pose",trackingData:{action:"Interactions_Objectif Pose",category:"Objectif Pose",label:"Retour_Step 0"}}),(0,o.jsx)("h1",{className:"objectif-pose-form--title",children:this.props.title})]}),(0,o.jsx)("div",{className:"objectif-pose-form--container",children:(0,o.jsxs)("div",{className:"objectif-pose-form--stateOfProgress",ref:e=>this.refStateOfProgress=e,children:[(0,o.jsxs)("div",{className:"stateOfProgress-indicator",children:[(0,o.jsxs)("div",{className:"stateOfProgress-text",children:[(0,o.jsx)("span",{children:"1."})," Votre projet"]}),(0,o.jsxs)("div",{className:"stateOfProgress-text disabled",ref:e=>this.refStateOfProgressTitle2=e,children:[(0,o.jsx)("span",{children:"2."})," Votre savoir-faire"]}),(0,o.jsxs)("div",{className:"stateOfProgress-text disabled",ref:e=>this.refStateOfProgressTitle3=e,children:[(0,o.jsx)("span",{children:"3."})," Votre outillage"]})]}),(0,o.jsx)("div",{className:"stateOfProgress-bars",children:(0,o.jsx)("div",{className:"stateOfProgress-bars-loader",ref:e=>this.refStateOfProgressBars=e})})]})}),(0,o.jsxs)("div",{ref:e=>this.refState1=e,children:[this.props.floorType==C.Zc.VINYL&&(0,o.jsx)("div",{className:"info-line",children:(0,o.jsx)(g.m,{data:this.state.vinylType,type:"icon",onChange:e=>this.handleCheckField(e)})}),(0,o.jsx)("div",{className:"info-line",children:(0,o.jsx)(v,{data:this.state.q1,onChange:e=>this.handleCheckField(e)})}),(0,o.jsx)("div",{className:"info-line",children:"hidden"===this.state.q2.type?(0,o.jsx)("input",{type:"hidden",id:this.state.q2.id,name:this.state.q2.id,value:this.state.q2.value}):(0,o.jsx)(g.m,{data:this.state.q2,type:"icon",onChange:e=>this.handleCheckField(e)})}),"hidden"===this.state.q3.type?(0,o.jsx)("input",{type:"hidden",id:this.state.q3.id,name:this.state.q3.id,value:this.state.q3.value}):(0,o.jsx)("div",{className:"info-line",children:(0,o.jsx)(g.m,{data:this.state.q3,type:"icon",onChange:e=>this.handleCheckField(e)})}),(0,o.jsx)("div",{className:"info-line",children:(0,o.jsx)(g.m,{data:this.state.q4,onChange:e=>this.handleCheckField(e)})}),(0,o.jsx)("div",{className:"info-line",children:(0,o.jsx)(v,{data:this.state.q5,onChange:e=>this.handleCheckField(e)})}),(0,o.jsx)("div",{className:"info-line",children:(0,o.jsx)(v,{data:this.state.q6,onChange:e=>this.handleCheckField(e)})}),(0,o.jsx)("div",{className:"info-line",children:(0,o.jsx)(v,{data:this.state.q7,onChange:e=>this.handleCheckField(e)})}),(0,o.jsx)("div",{className:"info-line",children:(0,o.jsx)(g.m,{data:this.state.q8,type:"icon",onChange:e=>this.handleCheckField(e)})})]}),(0,o.jsxs)("div",{ref:e=>this.refState2=e,children:[(0,o.jsx)("div",{className:"info-line",children:(0,o.jsx)(g.m,{data:this.state.q9,type:"icon",onChange:e=>this.handleCheckField(e)})}),(0,o.jsx)("div",{className:"info-line",children:(0,o.jsx)(g.m,{data:this.state.q10,type:"icon",onChange:e=>this.handleCheckField(e)})}),(0,o.jsx)("div",{className:"info-line",children:(0,o.jsx)(g.m,{data:this.state.q11,type:"icon",onChange:e=>this.handleCheckField(e)})}),(0,o.jsx)("div",{className:"info-line",children:(0,o.jsx)(g.m,{data:this.state.q12,type:"icon",onChange:e=>this.handleCheckField(e)})})]}),(0,o.jsxs)("div",{ref:e=>this.refState3=e,children:[(0,o.jsx)("span",{className:"objectif-pose-form--tools",children:"Disposez-vous des out
1ils suivants ?"}),(0,o.jsx)("div",{className:"info-line",children:(0,o.jsx)(j.Q,{data:this.state.q13,onChange:e=>this.handleCheckField(e)})}),(0,o.jsx)("div",{className:"info-line",children:(0,o.jsx)(j.Q,{data:this.state.q14,onChange:e=>this.handleCheckField(e)})}),(0,o.jsx)("div",{className:"info-line",children:(0,o.jsx)(j.Q,{data:this.state.q15,onChange:e=>this.handleCheckField(e)})}),this.state.q16&&(0,o.jsx)("div",{className:"info-line",children:(0,o.jsx)(j.Q,{data:this.state.q16,onChange:e=>this.handleCheckField(e)})}),this.state.q17&&(0,o.jsx)("div",{className:"info-line",children:(0,o.jsx)(j.Q,{data:this.state.q17,onChange:e=>this.handleCheckField(e)})}),this.state.q18&&(0,o.jsx)("div",{className:"info-line",children:(0,o.jsx)(j.Q,{data:this.state.q18,onChange:e=>this.handleCheckField(e)})}),this.state.q19&&(0,o.jsx)("div",{className:"info-line",children:(0,o.jsx)(j.Q,{data:this.state.q19,onChange:e=>this.handleCheckField(e)})}),this.state.q20&&(0,o.jsx)("div",{className:"info-line",children:(0,o.jsx)(j.Q,{data:this.state.q20,onChange:e=>this.handleCheckField(e)})}),(0,o.jsx)("div",{className:"info-line",children:(0,o.jsx)(w.$,{type:"submit",text:"Valider mon projet",theme:"secondary",color:h.Jy.yellowSea})})]})]})})}constructor(e){super(e),this.handleCheckField=e=>{let t=(0,x.BT)([e.currentTarget],this.state);this.setState({...t.formValues}),"vinylType"==e.currentTarget.name&&this.props.onChangeFloorType(e.currentTarget.value),(0,c.iw)("Objectif Pose","Renseignement_Objectif Pose","".concat(this.props.floorType,"_").concat(e.currentTarget.name,":").concat(e.currentTarget.value))},this.handleSubmit=e=>{e.preventDefault();let t=e.currentTarget,i=(0,x.BT)(t.elements,this.state),{isValid:o,formValues:a}=i,s=Object.values(i.formValues).filter(e=>!1==e.valid);if(o){let e={q1:Number(a.q1.value),q2:a.q2.value,q3:a.q3.value,q4:Number(a.q4.value),q5:Number(a.q5.value),q6:Number(a.q6.value),q7:Number(a.q7.value),q8:Number(a.q8.value),q9:a.q9.value,q10:a.q10.value,q11:a.q11.value,q12:a.q12.value,q13:Number(a.q13.value),q14:Number(a.q14.value),q15:Number(a.q15.value),q16:a.q16?Number(a.q16.value):null,q17:a.q17?Number(a.q17.value):null,q18:a.q18?Number(a.q18.value):null,q19:a.q19?Number(a.q19.value):null,q20:a.q20?Number(a.q20.value):null};this.props.onValidForm(e),(0,c.iw)("Objectif Pose","Interactions_Objectif Pose","Step 3_Demande Contact Client_Objectif Pose")}else if(this.setState({...a,formValid:o}),s.length>0){let e=document.querySelector('input[name^="'.concat(s[0].id,'"]'));window.scroll(0,window.scrollY+e.getBoundingClientRect().top-window.innerHeight/2)}},this.state={vinylType:this.props.fieldList.vinylType?this.props.fieldList.vinylType:null,q1:this.props.fieldList.q1,q2:this.props.fieldList.q2,q3:this.props.fieldList.q3,q4:this.props.fieldList.q4,q5:this.props.fieldList.q5,q6:this.props.fieldList.q6,q7:this.props.fieldList.q7,q8:this.props.fieldList.q8,q9:this.props.fieldList.q9,q10:this.props.fieldList.q10,q11:this.props.fieldList.q11,q12:this.props.fieldList.q12,q13:this.props.fieldList.q13,q14:this.props.fieldList.q14,q15:this.props.fieldList.q15,q16:this.props.fieldList.q16,q17:this.props.fieldList.q17,q18:this.props.fieldList.q18,q19:this.props.fieldList.q19,q20:this.props.fieldList.q20,formValid:!1,formError:!1},this.refStateOfProgress=null,this.refStateOfProgressBars=null,this.refStateOfProgressTitle2=null,this.refStateOfProgressTitle3=null,this.refState1=null,this.refState2=null,this.refState3=null,this.handlerScroll=this.handlerScroll.bind(this)}}var q=i(96252),T=i.n(q);class P{constructor(e=!1){this.getURL=()=>this.rootUrl,this.getHearderHTTP=()=>{let e={"Content-type":"application/json",Accept:"application/json"};return this.isProduction||(e=Object.assign(e,{Authorization:""})),e},this.isProduction=e;let t=d.yA.PROD;this.rootUrl=e?t.URL:t.PROXY_URL||t.URL}}class L{async checkStatus(e){if(e.ok)return e;{let t=Error(e.statusText);return t.message=e,Promise.reject(t)}}async calculate(e){try{let t={method:"POST",body:JSON.stringify(e),headers:this.headers};return await T()(this.url,t).then(this.checkStatus).then(e=>e.json()).then(e=>e)}catch(e){return null}}constructor(){let e=new P(!0);this.url=e.getURL(),this.headers=e.getHearderHTTP()}}var J=i(86309),O=i(25938),R=i(35772),I=i(99817);let E=s.default.div.withConfig({componentId:"sc-9e5c9763-0"})([".objectif-pose-form{margin:2rem 0 4.375rem;@media ","{max-width:100% !important;margin:1rem 0 4.375rem;}.objectif-pose-form--button{margin:4.5rem 0;}}.objectif-pose-form--error{text-align:center;font-family:",";font-size:1rem;margin:1rem 0;color:",";}"],h.uk.tablet,h.vX.NunitoSansRegular,h.Jy.persianRed);class z extends R.bv{static async getInitialProps(e){let{res:t,query:i}=e,{surface:o}=i,a=!1;o!=C.Zc.CARPET&&o!=C.Zc.FLOORING&&o!=C.Zc.LAMINATE&&o!=C.Zc.NATURAL_SOIL&&o!=C.Zc.VINYL&&(a=!0);let s=null;return a&&(s=404,t&&(t.statusCode=s)),{statusCode:s||200,surface:o}}trackingPageView(){J.Ay.sendPageView({env_type_contenu:I.Qp.PAGE,cd2_pageCategory:"Objectif pose",cd3_pageSubCategory:"Objectif pose ".concat(this.props.surface)}),(0,c.iw)("Objectif Pose","Interactions_Objectif Pose","Step 2_Renseignement_Objectif Pose")}componentDidMount(){let e=JSON.parse(sessionStorage.getItem(C.C1.QUESTIONS));if(e){let t=e.floorType==C.TQ.VINYL_ROLL||e.floorType==C.TQ.VINYL_SLAB;e.floorType==this.state.floorType||t?this.setState({questionStorage:e.questions,vinylType:t?e.floorType:C.TQ.VINYL_SLAB}):(0,C.xf)()}this.trackingPageView()}componentDidUpdate(){this.trackingPageView()}render(){let{statusCode:e,surface:t}=this.props,{formError:i}=this.state;return(0,o.jsxs)(E,{children:[(0,o.jsx)(f.Q,{theme:"absolute",links:[{text:"Accueil",url:"/"},{text:"Objectif Pose",url:O.dE.objectifPose},{text:t.replace("-"," "),url:"".concat(O.Gl.objectifPose).concat(t)}]}),(0,o.jsx)(n.Container,{fluid:!0,children:(0,o.jsx)(n.Row,{children:(0,o.jsx)(u.i,{themeSize:"small",animation:!1,themeTitle:h.Sx.Title.primary,bannerDetails:{imageDesktop:{imageUrl:"/img/desktop/objectifpose/objectif-pose-".concat(t,"-hero-banner.jpg")},imageMobile:{imageUrl:"/img/mobile/objectifpose/objectif-pose-".concat(t,"-hero-banner.jpg")},isTopBanner:!1}})})}),i?(0,o.jsx)(s.ThemeProvider,{theme:{awesomegrid:{...h.AD,container:{md:"full",lg:"full",xl:"full"}}},children:(0,o.jsx)(n.Container,{children:(0,o.jsx)(n.Row,{justify:"center",children:(0,o.jsx)(n.Col,{md:10,children:(0,o.jsx)("div",{className:"objectif-pose-form--error",children:d.IW.GLOBAL})})})})}):(0,o.jsx)(s.ThemeProvider,{theme:{awesomegrid:{...h.AD,container:{md:"full",lg:"full",xl:"full"}}},children:(0,o.jsx)(n.Container,{children:(0,o.jsx)(n.Row,{justify:"center",children:(0,o.jsx)(n.Col,{md:10,children:(0,o.jsx)("div",{className:"objectif-pose-form",children:this.renderForms()})})})})})]})}constructor(e){super(e),this.onChangeFloorType=e=>{this.setState({vinylType:e,questionStorage:null}),(0,C.xf)()},this.handleSubmit=e=>{let t=this;if(e){let i=new L,o=(0,C.dg)(this.state.floorType,this.state.vinylType),a={floor_type:o,session_id:this.state.sessionId,questions:e};i.calculate(a).then(s=>{if(!s)return void this.setState({formError:!0});sessionStorage.setItem(C.C1.QUESTIONS,JSON.stringify({floorType:o,questions:e})),sessionStorage.setItem(C.C1.RESULT,JSON.stringify(s.results)),Object.assign(a.questions,C.rP),i.calculate(a).then(i=>{sessionStorage.setItem(C.C1.RESULTEXPERT,JSON.stringify(i.results)),i.error?t.setState({questions:e,formError:!0}):l().push("/objectif-pose/[surface]/resultat","/objectif-pose/".concat(this.props.surface,"/resultat"))})})}else console.error("Error")},this.initFields=e=>(this.state.questionStorage&&Object.keys(e).forEach(t=>{this.state.questionStorage[t]&&(e[t].value=this.state.questionStorage[t])}),e),this.renderForms=()=>{switch(this.state.floorType){case C.Zc.CARPET:return(0,o.jsx)(N,{floorType:C.Zc.CARPET,fieldList:this.initFields(C.Gg),onValidForm:this.handleSubmit,title:"Pose dâune moquette"});case C.Zc.FLOORING:return(0,o.jsx)(N,{floorType:C.Zc.FLOORING,fieldList:this.initFields(C.ts),onValidForm:this.handleSubmit,title:"Pose dâun parquet"});case C.Zc.LAMINATE:return(0,o.jsx)(N,{floorType:C.Zc.LAMINATE,fieldList:this.initFields(C.Ur),onValidForm:this.handleSubmit,title:"Pose dâun parquet stratifi\xe9"});case C.Zc.NATURAL_SOIL:return(0,o.jsx)(N,{floorType:C.Zc.NATURAL_SOIL,fieldList:this.initFields(C.pR),onValidForm:this.handleSubmit,title:"Pose dâun sol naturel"});case C.Zc.VINYL:let e=this.state.vinylType==C.TQ.VINYL_ROLL?C.aZ:C.ZG;return(0,o.jsx)(N,{onChangeFloorType:this.onChangeFloorType,floorType:C.Zc.VINYL,fieldList:this.initFields(e),onValidForm:this.handleSubmit,title:"Pose dâun vinyle"});default:return null}},this.state={sessionId:1234567,questions:null,questionStorage:null,floorType:this.props.surface,vinylType:C.TQ.VINYL_SLAB,formError:!1},this.handleSubmit=this.handleSubmit.bind(this),this.onChangeFloorType=this.onChangeFloorType.bind(this)}}z.layout=p.Ay,z.getLayoutInitialProps=e=>{let{pageProps:{surface:t}}=e;return{metaTags:{title:"Objectif pose - ".concat(t.replace("-"," ")," | Saint Maclou"),description:"Capable de poser vous-m\xeame votre parquet, moquette ou sol vinyle ? Avec\xa0le test Objectif Pose, \xe9valuez en 1 minute si vous avez les comp\xe9tences pour poser votre sol vous-m\xeame.",type:m.g.website,image:"",robots:"INDEX,FOLLOW",canonical:"".concat(d.k6).concat(O.Gl.objectifPose)}}};let B=z},46351:(e,t,i)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/objectif-pose/[surface]",function(){return i(21640)}])},53564:(e,t,i)=>{"use strict";i.r(t),i.d(t,{default:()=>l});var o=i(26514);i(75834);var a=i(13742),s=i(17941);let r=a.default.div.withConfig({componentId:"sc-5e84242c-0"})(["border:1px solid ",";color:",";border-radius:50%;width:","px;height:","px;opacity:0.5;display:flex;align-items:center;justify-content:center;"],s.Jy.blueDark,s.Jy.blueDark,e=>{let{width:t}=e;return t},e=>{let{width:t}=e;return t}),l=e=>(0,o.jsx)(r,{width:e.width?e.width:18,children:(0,o.jsx)("span",{children:"?"})})},57056:(e,t,i)=>{"use strict";i.d(t,{m:()=>C});var o=i(26514),a=i(75834),s=i(13742),r=i(17941),l=i(85502);let n=s.default.div.withConfig({componentId:"sc-d2e1aabf-0"})(["display:flex;justify-content:flex-start;align-items:flex-start;label{cursor:pointer;}.RadioButton--cell{",' input[type="radio"]{visibility:hidden;position:absolute;}input[type="radio"]:checked ~ label .check::before{background:',";}label{position:relative;display:inline-flex;justify-content:flex-start;color:",";padding:0px 0px 0px 30px;font-size:1rem;line-height:18px;.check{margin-right:8px;display:block;position:absolute;border:1px solid ",';border-radius:100%;height:22px;width:22px;top:50%;transform:translateY(-50%);left:0px;z-index:5;transition:border 0.25s linear;-webkit-transition:border 0.25s linear;&::before{display:block;position:absolute;content:"";border-radius:100%;height:12px;width:12px;left:50%;
1top:50%;transform:translate(-50%,-50%);margin:auto;transition:all 0.25s linear;-webkit-transition:all 0.25s linear;}}}}'],e=>e.theme.cell,e=>e.color,e=>e.color,e=>e.color),c={cell:{paddingLeft:"20px"},square:{position:"absolute",top:"1px",left:"-20px"}},d={cell:{display:"block"},square:{position:"relative",float:"left",marginRight:"6px"}},h=e=>{let{data:t,onCheck:i,checkValue:a,disabled:h=!1,children:p,defaultColor:f}=e,u=t.theme,m=t.id,x=t.value,g=t.labelText,b=t.quantity,y=t.tooltip,v={outside:c,inside:d};return(0,o.jsx)(s.ThemeProvider,{theme:u?v[u]:v.inside,children:(0,o.jsx)(n,{color:t.color||f||r.Jy.black,children:(0,o.jsxs)("div",{className:"RadioButton--cell",children:[(0,o.jsx)("input",{type:"radio",id:"".concat(m,"_").concat(x),name:m,value:x,checked:a,disabled:h,onChange:e=>i(e)}),(0,o.jsxs)("label",{htmlFor:"".concat(m,"_").concat(x),children:[(0,o.jsx)("div",{className:"check"}),g,b&&" (".concat(b,")"),p&&p]}),y&&(0,o.jsx)(l.m,{content:y})]})})})};var p=i(70007);let f=s.default.div.withConfig({componentId:"sc-e95dc324-0"})(["display:flex;justify-content:center;align-items:center;width:140px;@media ","{width:auto;}.RadioButtonIcon--cell{",' input[type="radio"]{visibility:hidden;position:absolute;}label{margin:0 auto;cursor:pointer;position:relative;display:flex;flex-direction:column;color:',";font-size:1rem;.RadioButtonIcon--svg{width:50px;height:50px;display:flex;justify-content:center;align-items:center;box-sizing:border-box;border-radius:50%;background-color:",";color:",';margin:12px auto 0;&:before{z-index:-1;content:"";position:absolute;width:60px;height:60px;border-radius:50%;background-color:',";}&.checked{background:",";color:",";&:before{background-color:",";opacity:0.3;}}.picto{font-size:2.5rem;}}}}"],r.uk.tablet,e=>e.theme.cell,e=>e.color,e=>e.iconColorOff,e=>e.iconColorOn,r.Jy.whiteSmoke,e=>e.iconColorOn,e=>e.iconColorOff,e=>e.iconColorOn),u=e=>{let{data:t,onCheck:i,checkValue:a,icon:s,iconColorOn:n,iconColorOff:c}=e,d=t.id,h=t.value,p=t.labelText,u=t.quantity,m=t.color,x=t.tooltip;return(0,o.jsx)(f,{color:m||r.Jy.charcoal,iconColorOn:n,iconColorOff:c,children:(0,o.jsxs)("div",{className:"RadioButtonIcon--cell",children:[(0,o.jsx)("input",{type:"radio",id:"".concat(d,"_").concat(h),name:d,value:h,checked:a,onChange:e=>i(e)}),(0,o.jsxs)("label",{htmlFor:"".concat(d,"_").concat(h),children:[p,u&&" (".concat(u,")"),(0,o.jsx)("span",{className:"RadioButtonIcon--svg ".concat(a?"checked":""),children:(0,o.jsx)("i",{className:"picto",children:s})})]}),x&&(0,o.jsx)(l.m,{content:x})]})})},m=s.default.div.withConfig({componentId:"sc-88ff7ebf-0"})(["position:relative;*{box-sizing:border-box;}"]),x=s.default.span.withConfig({componentId:"sc-88ff7ebf-1"})(["min-height:44px;font-size:16px !important;line-height:22px;color:",";font-family:",";@media ","{font-size:14px !important;line-height:18px;}"],r.Jy.blueDark,r.vX.NunitoSansBold,r.uk.mobileL),g=s.default.label.withConfig({componentId:"sc-88ff7ebf-2"})(["transition:all 0.3s ease;border:1px solid ",";padding:15px;.informations{opacity:0;transition:all 0.3s ease;font-family:",";font-size:16px;line-height:22px;background:",";color:",";padding:20px 50px;text-align:center;position:absolute;bottom:85px;left:50%;transform:translateX(-50%);width:450px;border:1px solid ",";z-index:1;@media ","{display:none;}b{font-family:",';}&:before{content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:-17px;width:0;height:0;border-left:17px solid transparent;border-right:17px solid transparent;border-top:17px solid ',';}&:after{content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:-15px;width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-top:15px solid ',";}}&:hover{.informations{opacity:1;}}"],r.Jy.blueDark,r.vX.NunitoSansRegular,r.Jy.white,r.Jy.black,r.Jy.fillGrey,r.uk.mobileL,r.vX.NunitoSansBold,r.Jy.fillGrey,r.Jy.white),b=s.default.img.withConfig({componentId:"sc-88ff7ebf-3"})(["width:100%;"]),y=s.default.input.withConfig({componentId:"sc-88ff7ebf-4"})(["opacity:0;position:absolute;&:checked{background:red;}&:checked + ","{background:",";","{color:",";}}"],g,r.Jy.blueDark,x,r.Jy.white),v=e=>{let{data:t,onCheck:i,checkValue:a,disabled:s=!1,children:r}=e;return(0,o.jsxs)(m,{children:[(0,o.jsx)(y,{type:"radio",id:"".concat(t.id,"_").concat(t.value),name:t.id,value:t.value,checked:a,disabled:s,onChange:i}),(0,o.jsxs)(g,{htmlFor:"".concat(t.id,"_").concat(t.value),children:[(0,o.jsx)(b,{src:"/img/desktop/services/pose/".concat(t.value,".jpg"),alt:t.value}),(0,o.jsx)(x,{dangerouslySetInnerHTML:{__html:t.labelText}}),r]})]})},j=s.default.div.withConfig({componentId:"sc-849a4e1a-0"})(["position:relative;*{box-sizing:border-box;}input{opacity:0;position:absolute;&:checked{background:red;}&:checked + label{background:",";color:",";}}label{border:1px solid ",";display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:",";font-size:14px;padding:10px 22px;min-height:40px;white-space:nowrap;cursor:pointer;border-radius:25px;@media ","{padding:8px 22px;min-height:initial;}}"],r.Jy.black,r.Jy.white,r.Jy.black,r.vX.NunitoSansRegular,r.uk.mobileL),k=e=>{let{data:t,onCheck:i,checkValue:a,disabled:s=!1}=e;return(0,o.jsxs)(j,{children:[(0,o.jsx)("input",{type:"radio",id:"".concat(t.id,"_").concat(t.value),name:t.id,value:t.value,checked:a,disabled:s,onChange:i}),(0,o.jsx)("label",{htmlFor:"".concat(t.id,"_").concat(t.value),children:t.labelText})]})},w=s.default.div.withConfig({componentId:"sc-b083fb6-0"})(["display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;margin:0.75rem 0;font-family:",";font-size:16px;line-height:18px;label{cursor:pointer;position:relative;display:block;margin-bottom:10px;transition:all 0.2s ease-in;color:",";font-family:",";span{margin-top:5px;font-size:0.75rem;display:block;text-align:center;}}.list{display:flex;margin:0;padding:0;li{label{font-family:",";}&:first-child{margin:0 1rem 0 0;}margin:0 1rem;display:block;position:relative;float:left;&.is-disabled{opacity:0.7;}}}.icon{color:",";font-size:1.25rem;z-index:1;width:20px;height:20px;visibility:hidden;opacity:0;transition:all 0.25s linear;-webkit-transition:all 0.25s linear;}.msgError{margin:0.3125rem 0 0;display:none;color:",";}&.error{textarea{border:1px solid ",";&:focus{border-color:",";}}.icon{opacity:1;visibility:visible;}.msgError{display:flex;}}"],r.vX.NunitoSansRegular,r.Jy.black,r.vX.NunitoSansBold,r.vX.NunitoSansRegular,r.Jy.persianRed,r.Jy.persianRed,r.Jy.persianRed,r.Jy.persianRed),C=e=>{let{data:t,type:i="default",onChange:s,mainLabelStyle:r={}}=e,[l,n]=(0,a.useState)({isValid:!0,value:t.value});(0,a.useEffect)(()=>{n({value:t.value,isValid:t.valid})},[t.value]);let c=e=>{s?s(e):n({isValid:!0,value:e.currentTarget.value})};return(0,o.jsxs)(w,{className:"".concat(l.isValid?"":"error"),children:[t.labelText&&(0,o.jsx)("label",{className:"main-label",htmlFor:t.i
1d,dangerouslySetInnerHTML:{__html:"".concat(t.labelText," ").concat(t.required&&!t.maskError?"<em>*</em>":""," ").concat(t.help?'<span className="help">'.concat(t.help,"</span>"):"")},style:r}),(0,o.jsxs)("ul",{className:"list",children:[t.children.map((e,a)=>(0,o.jsx)("li",{className:e.isDisabled?"is-disabled":e.isChecked?"is-checked":"",children:"picture"===i?(0,o.jsx)(v,{data:{...t,labelText:e.label,value:e.value},checkValue:e.isChecked,onCheck:c,children:e.children,disabled:e.isDisabled}):"button"===i?(0,o.jsx)(k,{data:{...t,labelText:e.label,value:e.value},checkValue:e.isChecked,onCheck:c,children:e.children,disabled:e.isDisabled}):"default"===i?(0,o.jsx)(h,{data:{...t,labelText:e.label,value:e.value},checkValue:l.value==e.value,onCheck:c,children:e.children,disabled:e.isDisabled,defaultColor:e.iconColorOn}):(0,o.jsx)(u,{data:{...t,labelText:e.label,value:e.value},checkValue:l.value==e.value,onCheck:c,icon:e.icon,iconColorOn:e.iconColorOn,iconColorOff:e.iconColorOff})},a)),t.required&&!l.isValid&&!t.maskError&&(0,o.jsx)("li",{children:(0,o.jsx)("span",{className:"picto icon",children:(0,o.jsx)(p.default,{})})})]}),!l.isValid&&(0,o.jsx)("span",{className:"msgError",children:t.errMsg})]})}},78081:(e,t,i)=>{"use strict";i.d(t,{g:()=>f});var o=i(26514);i(75834);var a=i(13742),s=i(85502),r=i(17941),l=i(67914);let n=a.default.div.withConfig({componentId:"sc-a64d7057-0"})(['display:flex;justify-content:flex-start;align-items:center;label{cursor:pointer;}input[type="checkbox"]{position:absolute;visibility:hidden;&:checked{& + label{color:',";.switch-animation{&--bullet{left:",";background-color:",";svg path{fill:",";}}&:before{background-color:",";}}}}}label{display:inline-flex;justify-content:flex-start;-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;color:",";font-size:0.8rem;line-height:1.2em;&.labelBefore{margin-right:10px;}.switch-animation{position:relative;height:",";display:block;width:",';margin-right:10px;&:before{content:"";display:block;box-sizing:border-box;}&:before{position:relative;z-index:0;width:',";height:",";border-radius:18px 18px;border:1px solid ",";background-color:",";transition:all 0.15s ease-in;}&--bullet{position:absolute;left:4px;top:50%;transform:translate(0,-50%);z-index:1;width:",";height:",";border-radius:50%;background-color:",";transition:all 0.2s ease;display:flex;align-items:center;justify-content:center;svg path{fill:",";}}}}&.cell--error{label{color:",";.switch-animation{&:before{border:1px solid ",";}&--bullet{background-color:",";}}}}&.cell--granted{label{color:",";.switch-animation{&:before{border:1px solid ",";}&--bullet{background-color:",";}}}}"],e=>e.theme.on.textColor,e=>e.theme.anim.endPos,e=>e.theme.on.backgroundColorAfter,e=>e.theme.on.backgroundColorBefore,e=>e.theme.on.backgroundColorBefore,e=>e.color,e=>e.theme.anim.height,e=>e.theme.anim.width,e=>e.theme.anim.width,e=>e.theme.anim.height,e=>e.theme.off.border,e=>e.theme.off.backgroundColorBefore,e=>e.theme.anim.circle,e=>e.theme.anim.circle,e=>e.theme.off.backgroundColorAfter,e=>e.theme.off.backgroundColorBefore,r.Jy.persianRed,r.Jy.persianRed,r.Jy.persianRed,r.Jy.lightSeaGreen,r.Jy.lightSeaGreen,r.Jy.lightSeaGreen),c={anim:{height:"22px",width:"44px",circle:"16px",endPos:"24px"},on:{border:"transparent",backgroundColorBefore:r.Jy.greenVif,backgroundColorAfter:r.Jy.white},off:{border:"transparent",backgroundColorBefore:r.Jy.darkblue,backgroundColorAfter:r.Jy.white}},d={anim:{height:"30px",width:"60px",circle:"24px",endPos:"33px"},on:{border:"transparent",backgroundColorBefore:r.Jy.greenVif,backgroundColorAfter:r.Jy.white},off:{border:"transparent",backgroundColorBefore:"rgba(87, 91, 102, 0.5)",backgroundColorAfter:r.Jy.white}},h={anim:{height:"36px",width:"75px",circle:"26px",endPos:"44px"},on:{border:r.Jy.yellowSea,backgroundColorBefore:r.Jy.yellowSea,backgroundColorAfter:r.Jy.white,textColor:r.Jy.yellowSea},off:{border:r.Jy.whiteSmoke,backgroundColorBefore:r.Jy.whiteSmoke,backgroundColorAfter:r.Jy.white}},p={anim:{height:"36px",width:"75px",circle:"26px",endPos:"44px"},on:{border:r.Jy.lightGrey,backgroundColorBefore:r.Jy.white,backgroundColorAfter:r.Jy.darkblue},off:{border:r.Jy.lightGrey,backgroundColorBefore:r.Jy.white,backgroundColorAfter:r.Jy.darkblue}},f=e=>{let{data:t,onCheck:i,checkValue:f,title:u=""}=e,m=t.id,x=t.value,g=t.name?t.name:t.id,b=t.labelText,y=t.labelTextBefore,v=t.color,j=t.tooltip,k=t.theme;return(0,o.jsx)(a.ThemeProvider,{theme:k?({lightYellow:h,lightYellowChoice:p,light:c})[k]:d,children:(0,o.jsxs)(n,{color:v||r.Jy.dimGray,className:"switch--cell",children:[y&&(0,o.jsx)("label",{className:"labelBefore",htmlFor:m,children:y}),(0,o.jsx)("input",{type:"checkbox",id:m,name:g,value:x,checked:f,onChange:e=>i&&i(e,{...t,filterType:"Toggle",filterName:u})}),(0,o.jsxs)("label",{htmlFor:m,children:[(0,o.jsx)("span",{className:"switch-animation",children:(0,o.jsx)("span",{className:"switch-animation--bullet",children:f?(0,o.jsx)(l.IconCheckmark,{}):(0,o.jsx)(l.IconCross,{width:10,height:10})})}),b&&(0,o.jsx)("span",{className:"switch-animation--label",children:b})]}),j?(0,o.jsx)(s.m,{content:j}):null]})})}},85502:(e,t,i)=>{"use strict";i.d(t,{m:()=>d});var o=i(26514),a=i(75834),s=i(13742),r=i(17941),l=i(97495),n=i(53564);let c=s.default.div.withConfig({componentId:"sc-be2e1294-0"})(['&.tooltip{display:inline-block;padding:0 0 0 4px;.active{&.tooltip--cell{padding:0 4px;opacity:1;overflow:visible;}.tooltip--block{display:block;}}}.tooltip--icon{position:relative;z-index:1;font-size:1rem;cursor:pointer;width:16px;height:16px;}.tooltip--cell{position:absolute;z-index:10;left:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;width:90%;padding:0;opacity:0;overflow:hidden;.tooltip--arrow{box-sizing:border-box;width:100%;height:10px;&:after{content:"";display:block;width:0;height:0;border-width:15px 15px 0 15px;border-style:solid;border-color:'," transparent transparent transparent;transform:translate(-10px,0);}}.tooltip--close{position:absolute;top:12px;right:14px;cursor:pointer;font-size:0.6875rem;}.tooltip--block{display:none;box-sizing:border-box;width:100%;max-width:400px;padding:22px 24px;background-color:",";.tooltip--title{font-size:0.875rem;font-family:",";color:",";line-height:normal;display:block;margin-bottom:8px;}.tooltip--content{margin:0;font-size:0.875rem;font-family:",";color:",";line-height:normal;display:block;}}}
1"],r.Jy.lightGrey,r.Jy.lightGrey,r.vX.NunitoSansExtraBold,r.Jy.charcoal,r.vX.NunitoSansRegular,r.Jy.dimGray),d=e=>{let{content:t,isOpen:i=!1}=e,s=(0,a.useRef)(null),r=(0,a.useRef)(null),d=(0,a.useRef)(null),[h,p]=(0,a.useState)(""),[f,u]=(0,a.useState)(0),[m,x]=(0,a.useState)(0),[g,b]=(0,a.useState)();(0,a.useEffect)(()=>{u(s.current.offsetHeight);let e=r.current;x(e.offsetHeight),b(e.offsetLeft)});let y=()=>{p(""===h?"active":"")};return!function(e){function t(t){e.current&&!e.current.contains(t.target)&&p("")}(0,a.useEffect)(()=>(document.addEventListener("mousedown",t),()=>{document.removeEventListener("mousedown",t)}))}(r),i&&p("active"),(0,o.jsxs)(c,{className:"tooltip",children:[(0,o.jsx)("div",{className:"tooltip--icon",ref:r,onClick:y,children:(0,o.jsx)(n.default,{})}),(0,o.jsxs)("div",{className:"tooltip--cell ".concat(h),ref:s,style:{transform:"translateY(-".concat(f+m,"px)")},children:[(0,o.jsx)(l.J,{className:"tooltip--close",onClick:y}),(0,o.jsxs)("div",{className:"tooltip--block",children:[t.title?(0,o.jsx)("strong",{className:"tooltip--title",children:t.title}):null,t.text?(0,o.jsx)("div",{className:"tooltip--content",children:t.text}):null]}),(0,o.jsx)("div",{className:"tooltip--arrow",ref:d,style:{paddingLeft:"".concat(g,"px")}})]})]})}}},e=>{e.O(0,[60911,90636,46593,38792],()=>e(e.s=46351)),_N_E=e.O()}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.