1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3944],{42334:e=>{e.exports={colRight:"how-it-works-header_colRight__MDPQt",colLeft:"how-it-works-header_colLeft__ak5rr"}},73944:(e,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>N});var i=s(54009),n=s(18015),a=s(21028),r=s.n(a),l=s(24882),o=s(39749),c=s(13494),d=s(94413),b=s(15654),h=s(5917),m=s(87433),u=s(91031),x=s.n(u);function f(e){let{className:t,title:s,subtitle:n,buttonText:a,uidForm:r}=e,{ref:l,inView:u}=(0,h.Wx)({triggerOnce:!0}),f=(0,d.s)();return(0,o.useEffect)(()=>{u&&f.start("visible"),u||f.start("hidden")},[f,u]),(0,i.jsx)(b.P.div,{ref:l,animate:f,variants:{hidden:{opacity:0},visible:{opacity:1,transition:{duration:.7}}},className:`w-100 ${t} curved-borders ${x().container}`,children:(0,i.jsxs)(c.fI,{children:[(0,i.jsxs)(c.fv,{mobile:12,desktop:8,children:[(0,i.jsx)(c.Y9,{as:"h3",className:"white font-weight-600 txt-display-sm mar-b-4",children:s}),(0,i.jsx)("p",{className:"mar-b-0 font-weight-400 txt-md white",children:n})]}),(0,i.jsx)(c.fv,{mobile:12,desktop:4,className:`justify-content-end d-flex ${x().buttonCol}`,children:(0,i.jsx)(m.A,{formId:r,className:x().button,label:a})})]})})}var j=s(30776),p=s(82421),w=s(42334),v=s.n(w);function g(e){let{setHomeownersTab:t,homeownersTab:s}=e,{t:a}=(0,n.A)("visitor_how_it_works"),{ref:r,inView:l}=(0,h.Wx)({triggerOnce:!0}),m=(0,d.s)();return(0,o.useEffect)(()=>{l&&m.start("visible"),l||m.start("hidden")},[m,l]),(0,i.jsxs)("div",{className:"mar-b-24",children:[(0,i.jsx)(b.P.div,{ref:r,animate:m,variants:{hidden:{y:-50,opacity:0},visible:{y:0,opacity:1,transition:{duration:1}}},children:(0,i.jsx)(c.zf,{titleLabel:a("how-it-works"),subtitleLabel:a("learn-how-our-process"),className:"title-margin-top"})}),(0,i.jsx)(b.P.div,{ref:r,animate:m,variants:{hidden:{opacity:0},visible:{opacity:1,transition:{duration:1}}},children:(0,i.jsx)(c.fI,{className:"d-flex justify-content-center",children:(0,i.jsx)(c.fv,{mobile:12,desktop:4,children:(0,i.jsxs)(c.fI,{children:[(0,i.jsx)(c.fv,{mobile:12,desktop:6,className:v().colLeft,children:(0,i.jsx)(p.A,{className:`w-100 margin-bottom-mobile ${s?"btn-sr-primary":"btn-sr-secondary-neutral"}`,onClick:()=>t(!0),children:a("homeowners")})}),(0,i.jsx)(c.fv,{mobile:12,desktop:6,className:v().colRight,children:(0,i.jsx)(p.A,{className:`w-100 ${s?"btn-sr-secondary-neutral":"btn-sr-primary"}`,onClick:()=>t(!1),children:a("professionals")})})]})})})})]})}let _=r()(()=>Promise.all([s.e(7502),s.e(2169),s.e(8780),s.e(8390),s.e(1062)]).then(s.bind(s,21062)),{loadableGenerated:{webpack:()=>[21062]},loading:()=>(0,i.jsx)("div",{style:{minHeight:"600px"}}),ssr:!0}),y=r()(()=>Promise.all([s.e(7502),s.e(2169),s.e(8780),s.e(8390),s.e(5356)]).then(s.bind(s,5356)),{loadableGenerated:{webpack:()=>[5356]},loading:()=>(0,i.jsx)("div",{style:{minHeight:"600px"}}),ssr:!0}),k=r()(()=>Promise.all([s.e(8780),s.e(5940)]).then(s.bind(s,25940)),{loadableGenerated:{webpack:()=>[25940]},loading:()=>(0,i.jsx)("div",{style:{minHeight:"300px"}}),ssr:!0});function N(){let[e,t]=(0,o.useState)(!0),[s,a]=(0,o.useState)(!0),[r,c]=(0,o.useState)({homeowners:[],professionals:[]}),{t:d}=(0,n.A)("visitor_how_it_works"),{contractor:b}=(0,l.useRouter)().query,h=(0,j.hY)();(0,o.useEffect)(()=>{b&&"true"==b&&(t(!1),a(!1)),m()},[]);let m=async()=>{let e=await h.post("/visitor/get-how-it-work-questions");e.data&&c(e.data)};return(0,i.jsxs)("div",{className:"w-100",children:[s&&(0,i.jsx)(g,{homeownersTab:e,setHomeownersTab:t}),(0,i.jsx)("div",{className:`w-100 ${e?"":"d-none"}`,children:(0,i.jsx)(_,{questions:null==r?void 0:r.homeowners})}),(0,i.jsx)("div",{className:`w-100 ${e?"d-none":""}`,children:(0,i.jsx)(y,{questions:null==r?void 0:r.professionals})}),(0,i.jsx)(k,{}),(0,i.jsx)("div",{className:"mar-t-24",children:(0,i.jsxs)(i.Fragment,{children:[e&&(0,i.jsx)(f,{className:"bgc-primary-800",title:d("cbanner-title"),subtitle:d("cbanner-subtitle"),buttonText:d("cbanner-button")}),!e&&(0,i.jsx)(f,{className:"bgc-primary-800",title:d("hbanner-title"),subtitle:d("hbanner-subtitle"),buttonText:d("hbanner-button"),uidForm:"51"})]})})]})}},91031:e=>{e.exports={container:"single-button-banner_container__ufSml",buttonCol:"single-button-banner_buttonCol__BsbRL",button:"single-button-banner_button__9RBqg"}}}]);
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.