https://www.qeeper.co.uk/_next/static/chunks/313-9eda56f2dda208a7.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[313],{485:(e,l,s)=>{s.d(l,{A:()=>_});var a=s(37876),n=s(76089),t=s(72824),r=s(96427),i=s(18847),c=s.n(i),d=s(14232),o=s(37101),x=s(88992),m=s(79094),u=s(91745);function f(){let e=(0,r._)(["\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: 20px;\n  border-width: 2px;\n  border-radius: 2px;\n  border-color: ",";\n  border-style: dashed;\n  background-color: #fafafa;\n  color: #bdbdbd;\n  outline: none;\n  transition: border 0.24s ease-in-out;\n"]);return f=function(){return e},e}let b=c()(()=>s.e(9379).then(s.bind(s,19379)),{loadableGenerated:{webpack:()=>[19379]},ssr:!1}),h=(m.R8+m.UJ.production.JOB).length,v=e=>{let{control:l,setValue:s,getValues:n}=(0,x.xW)(),[t,r]=(0,d.useState)([]),{name:i,defaultFiles:c,isVideo:m=!1,deletedFieldName:u,anyFile:f=!1}=e,[v,_]=(0,d.useState)(null!=c?c:[]),p=(0,d.useCallback)(e=>{let l=e.map(e=>Object.assign(e,{preview:URL.createObjectURL(e)}));r(e=>[...e,...l])},[]);(0,d.useEffect)(()=>{s(i,[...t])},[i,t]),(0,d.useEffect)(()=>()=>{t.forEach(e=>URL.revokeObjectURL(e.preview)),s(i,[...t])},[t]);let N={};!f&&m?N.accept="video/*":f||m||(N.accept="image/jpg, image/jpeg, image/png");let{getRootProps:E,getInputProps:g,isDragActive:y,isDragAccept:S,isDragReject:I}=(0,o.VB)({onDrop:p,...N}),A=e=>{r([...t.slice(0,e),...t.slice(e+1)])},C=e=>{let l=[...v.slice(0,e),...v.slice(e+1)];_([...l]);let a=v.filter(e=>!l.includes(e)).map(e=>e.substring(h));if(u){let e=n(u),l=[...a];e&&e.length>0&&(l=[...e,...a]),s(u,l)}},O=m?"Video":"Image";return(0,a.jsx)(x.xI,{render:()=>(0,a.jsxs)("section",{className:"container",children:[(0,a.jsxs)(j,{...E({isDragActive:y,isDragAccept:S,isDragReject:I}),children:[(0,a.jsx)("input",{...g()}),(0,a.jsxs)("p",{children:["Drag 'n' drop some ",O," here, or Click to select"," ",O]})]}),(0,a.jsxs)("div",{style:{display:"flex",flexDirection:"row"},children:[(0,a.jsx)(b,{files:t,onDelete:A,isVideo:m,anyFile:f}),c&&(0,a.jsx)(b,{files:v,onDelete:C,isOnline:!0,isVideo:m,anyFile:f})]})]}),control:l,name:i})},j=u.A.div(f(),e=>(e=>e.isDragAccept?"#00e676":e.isDragReject?"#ff1744":e.isDragActive?"#2196f3":"#000")(e)),_=e=>{let{styles:l,fieldName:s,title:r,...i}=e;return(0,a.jsxs)("div",{children:[r?(0,a.jsx)("label",{className:l.f_label,children:r}):null,(0,a.jsx)("div",{style:{marginBottom:10}}),(0,a.jsx)("div",{className:(0,t.cx)(l.f_in,l.char_count),children:(0,a.jsx)(v,{name:s,isVideo:s===n.bd.VIDEOS,anyFile:!1,...i})})]})}},6037:(e,l,s)=>{s.d(l,{k:()=>r});var a=s(37876);s(14232);var n=s(88992),t=s(16842);function r(e){var l;let{control:s,formState:{errors:r},setValue:i,clearErrors:c}=(0,n.xW)(),{name:d,details:o,rules:x,styles:m,...u}=e,f=e=>{i(d,e.target.value),c(d)};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(n.xI,{render:e=>{let{field:l}=e;return(0,a.jsx)("input",{type:"text",...u,...l,name:d,onChange:f})},control:s,name:d,rules:x}),(0,a.jsx)(t.Ii,{message:null==(l=r[d])?void 0:l.message})]})}},11268:(e,l,s)=>{s.d(l,{W:()=>m});var a=s(37876),n=s(89099),t=s(14232),r=s(88992),i=s(76089),c=s(81581),d=s(72824),o=s(27238);let x=i.bd.PROBLEM_CATEGORY_ID,m=e=>{var l;let{step:s,stepCount:m,styles:u,defaultValue:f}=e,b=(0,n.useRouter)(),h=(0,c.L$)({},{staleTime:6e4}),{getValues:v,watch:j,setValue:_}=(0,r.xW)(),p=j(i.bd.PROBLEM_CATEGORY_ID);(0,t.useEffect)(()=>{_(i.bd.PROBLEM_SUB_CATEGORY_ID,void 0),e.onNext(m)},[p]),(0,t.useEffect)(()=>{v(x)&&e.onNext(m)},[]);let N=null==(l=h.data)?void 0:l.problemCategoryList.problemCategoryList,E=null==N?void 0:N.map(e=>({...e,label:e.name}));return null==E||E.unshift({id:0,label:""}),(0,a.jsx)("div",{className:(0,d.cx)(u.f_wrpr,{[u.active]:s>=m}),children:(0,a.jsx)(o.p,{defaultValue:(()=>{var e,l;let s=null!=(l=null==(e=b.query)?void 0:e.serviceName)?l:null;return s?null==E?void 0:E.filter(e=>e.name==s).pop():null})(),label:"Select service",name:x,options:null!=E?E:[],onNext:()=>{e.onNext(m)},styles:u,disabled:!!f})})}},16842:(e,l,s)=>{s.d(l,{Ii:()=>t});var a=s(37876),n=s(98778);let t=e=>{let{message:l}=e;return l?(0,a.jsx)("div",{style:{marginTop:5,marginBottom:10,fontSize:14},children:r(l)}):(0,a.jsx)("span",{})},r=e=>e&&Array.isArray(e)&&e.length>0?e.map(function(e,l){return(0,a.jsx)("span",{children:i(!0,e,!0)},l)}):e&&e.length>0?(0,a.jsx)("span",{children:i(!0,e,!0)},e):null,i=(e,l,s)=>{let t="black";return e&&(t="green",s&&(t="red")),(0,a.jsxs)("div",{style:{display:"flex",alignItems:"center",margin:"5px 0",color:t},children:[(0,a.jsx)(n.Wux,{style:{marginRight:5},size:24}),(0,a.jsx)("span",{children:l})]},l)}},17818:(e,l,s)=>{s.d(l,{u:()=>d});var a=s(37876),n=s(88992),t=s(76089),r=s(85604),i=s(72824),c=s(485);let d=e=>{let{step:l,stepCount:s,styles:d}=e,{getValues:o}=(0,n.xW)();return(0,a.jsxs)("div",{className:(0,i.cx)(d.f_wrpr,{[d.active]:l>=s}),children:[(0,a.jsx)(c.A,{title:"Any photos of the issue you can supply help us a lot!",fieldName:t.bd.IMAGES,styles:d,defaultFiles:o(t.bd.IMAGES),deletedFieldName:r.ru.DELETED_IMAGES}),(0,a.jsx)("div",{style:{marginTop:20}}),(0,a.jsx)(c.A,{title:"Any videos of the issue you can supply help us a lot!",fieldName:t.bd.VIDEOS,styles:d,defaultFiles:o(t.bd.VIDEOS),deletedFieldName:r.ru.DELETED_VIDEOS}),(0,a.jsx)("div",{className:(0,i.cx)(d.f_btn,d.text_center),children:(0,a.jsx)("button",{className:(0,i.cx)(d.btn_accent,d.form_btn),onClick:()=>{e.onNext(s)},children:"Continue"})})]})}},18945:(e,l,s)=>{s.d(l,{A:()=>i});var a=s(37876),n=s(14232),t=s(88992),r=s(72824);

1function i(e){let{control:l,setValue:s,getValues:i,clearErrors:c}=(0,t.xW)(),{name:d,option:o,onNext:x,rules:m,styles:u,...f}=e;(0,n.useEffect)(()=>{},[]);let b=e=>{s(d,e.target.value),c(d),x&&x()};return(0,a.jsx)(t.xI,{render:e=>{let{field:l}=e;return(0,a.jsxs)("div",{className:u.radio_wrpr,children:[(0,a.jsx)("input",{type:"radio",...f,...l,name:d,id:o.label,value:JSON.stringify(o),onChange:b,checked:(e=>{if(i(d)&&e.label===JSON.parse(i(d)).label)return!0})(o)}),(0,a.jsx)("label",{children:o.label}),(0,a.jsx)("p",{className:(0,r.cx)(u.p,u.r_label),children:o.details})]})},control:l,name:d,rules:m})}},27238:(e,l,s)=>{s.d(l,{p:()=>i});var a=s(37876),n=s(14232),t=s(88992),r=s(72824);let i=e=>{let{control:l,setValue:s,getValues:i}=(0,t.xW)(),{name:c,label:d,options:o,defaultValue:x,rules:m,onNext:u,styles:f,...b}=e;(0,n.useEffect)(()=>{!i(c)&&x&&(s(c,JSON.stringify(x)),u&&u())},[x]);let h=e=>{s(c,e.target.value),u&&u()};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("label",{className:f.f_label,children:d}),(0,a.jsx)(t.xI,{render:e=>{let{field:l}=e;return(0,a.jsx)("div",{className:(0,r.cx)(f.f_in,f.f_select),children:(0,a.jsx)("select",{className:f.form_control,...l,...b,onChange:h,children:o.map(e=>(0,a.jsx)("option",{value:JSON.stringify(e),children:e.label},e.label))})})},control:l,name:c,rules:m})]})}},28319:(e,l,s)=>{s.d(l,{n:()=>c});var a=s(37876);s(14232);var n=s(88992),t=s(76089),r=s(72824),i=s(6037);let c=e=>{let{step:l,stepCount:s,styles:c,isOptional:d}=e,{formState:{errors:o},getValues:x}=(0,n.xW)();return(0,a.jsxs)("div",{className:(0,r.cx)(c.f_wrpr,{[c.active]:l>=s}),children:[(0,a.jsx)("label",{className:c.f_label,children:"Full name"}),(0,a.jsxs)("div",{className:(0,r.cx)(c.f_in),children:[(0,a.jsx)(i.k,{name:t.bd.FULL_NAME,className:(0,r.cx)(c.form_control,c.no_action),placeholder:"Enter your full name"}),(0,a.jsx)("div",{className:c.overlay})]}),(0,a.jsx)("div",{style:{marginTop:30}}),(0,a.jsx)("label",{className:c.f_label,children:"Email"}),(0,a.jsxs)("div",{className:(0,r.cx)(c.f_in),children:[(0,a.jsx)(i.k,{name:t.bd.EMAIL,className:(0,r.cx)(c.form_control,c.no_action),placeholder:"Your Email Address"}),(0,a.jsx)("div",{className:c.overlay})]}),(0,a.jsx)("div",{style:{marginTop:30}}),(0,a.jsx)("label",{className:c.f_label,children:"Contact number"}),(0,a.jsxs)("div",{className:(0,r.cx)(c.f_in),children:[(0,a.jsx)(i.k,{name:t.bd.PHONE_NUMBER,className:(0,r.cx)(c.form_control,c.no_action),placeholder:"Your contact number"}),(0,a.jsx)("div",{className:c.overlay})]}),(0,a.jsx)("div",{className:(0,r.cx)(c.f_btn,c.text_center),children:(!!(!o[t.bd.FULL_NAME]&&x(t.bd.FULL_NAME)&&!o[t.bd.EMAIL]&&x(t.bd.EMAIL)&&!o[t.bd.PHONE_NUMBER]&&x(t.bd.PHONE_NUMBER))||!!d)&&(0,a.jsx)("button",{className:(0,r.cx)(c.btn_accent,c.form_btn),onClick:()=>{e.onNext(s)},children:"Continue"})})]})}},39522:(e,l,s)=>{s.d(l,{U:()=>x});var a=s(37876),n=s(14232),t=s(88992),r=s(76089),i=s(81581),c=s(72824),d=s(18945);let o=r.bd.PROBLEM_SUB_CATEGORY_ID,x=e=>{var l,s;let{step:x,stepCount:m,styles:u,defaultValue:f}=e,{watch:b,getValues:h,setValue:v}=(0,t.xW)(),j=(0,i.T8)({},{staleTime:6e4}),_=b(r.bd.PROBLEM_CATEGORY_ID),p=b(r.bd.PROBLEM_SUB_CATEGORY_ID);(0,n.useEffect)(()=>{h(o)&&e.onNext(m)},[]),(0,n.useEffect)(()=>{var e,l;let s=null==p?void 0:p.skillId;null==j||null==(l=j.data)||null==(e=l.listSkill)||e.map(e=>{s&&e.id===s&&v(r.bd.SKILL_LIST,[e])})},[p,null==j||null==(l=j.data)?void 0:l.listSkill]);let N=()=>{var l,s;let a=null==p?void 0:p.skillId;null==j||null==(s=j.data)||null==(l=s.listSkill)||l.map(e=>{a&&e.id===a&&v(r.bd.SKILL_LIST,[e])}),e.onNext(m)};if(!_)return(0,a.jsx)("div",{});let E=null==(s=JSON.parse(_))?void 0:s.problemSubcategoryConnection;if(!E)return(0,a.jsx)("div",{});let g=null==E?void 0:E.map(e=>({...e,label:e.name}));return(0,a.jsxs)("div",{className:(0,c.cx)(u.f_wrpr,{[u.active]:x>=m}),children:[(0,a.jsx)("label",{className:u.f_label,children:"What do you need help with? "}),(0,a.jsxs)("div",{className:(0,c.cx)(u.f_in,u.radio_main),children:[null==g?void 0:g.map(e=>(0,a.jsx)(d.A,{name:o,option:e,onNext:N,styles:u,disabled:!!f},e.label)),(0,a.jsx)("div",{className:u.overlay}),(0,a.jsx)("div",{className:u.overlay})]})]})}},47150:(e,l,s)=>{s.d(l,{k:()=>o});var a=s(37876),n=s(14232),t=s(88992),r=s(76089),i=s(72824),c=s(57720);let d=r.bd.DESCRIPTION,o=e=>{let{step:l,stepCount:s,styles:o,defaultValue:x,isOptional:m}=e,{formState:{errors:u},getValues:f}=(0,t.xW)();return(0,n.useEffect)(()=>{x&&e.onNext(s)},[]),(0,a.jsxs)("div",{className:(0,i.cx)(o.f_wrpr,{[o.active]:l>=s}),style:{marginTop:150},children:[(0,a.jsx)("label",{className:o.f_label,children:"Add a description"}),(0,a.jsxs)("div",{className:(0,i.cx)(o.f_in,o.char_count,o.textarea),children:[(0,a.jsx)(c.N,{name:d,className:(0,i.cx)(o.form_control,o.no_action),cols:30,rows:10,placeholder:"Include any details you think the tradeperson should know ",disabled:!!x}),(0,a.jsx)("div",{className:o.overlay})]}),(0,a.jsx)("div",{className:(0,i.cx)(o.f_btn,o.text_center),children:(!!(!u[r.bd.DESCRIPTION]&&f(r.bd.DESCRIPTION))||!!m)&&(0,a.jsx)("button",{className:(0,i.cx)(o.btn_accent,o.form_btn),onClick:()=>{e.onNext(s)},children:"Continue"})})]})}},57720:(e,l,s)=>{s.d(l,{N:()=>r});var a=s(37876);s(14232);var n=s(88992),t=s(16842);function r(e){var l;let{control:s,formState:{errors:r},setValue:i,clearErrors:c}=(0,n.xW)(),{name:d,rules:o,styles:x,...m}=e,u=e=>{i(d,e.target.value),c(d)};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(n.xI,{render:e=>{let{field:l}=e;return(0,a.jsx)("textarea",{...m,...l,name:d,onChange:u})},control:s,name:d,rules:o}),(0,a.jsx)(t.Ii,{message:null==(l=r[d])?void 0:l.message})]})}},78066:(e,l,s)=>{s.d(l,{n:()=>m});var a=s(37876),n=s(14232),t=s(88992),r=s(76089),i=s(72824),c=s(18847);let d=s.n(c)()(()=>Promise.all([s.e(2275),s.e(8531),s.e(4683),s.e(7424),s.e(4888),s.e(5661)]).then(s.bind(s,25661)),{loadableGenerated:{webpack:()=>[25661]},ssr:!1}),o=e=>{let{control:l,setValue:s}=(0,t.xW)(),{name:n,defaultValue:r,minimumSlots:i}=e,c=e=>{s(n,e)};return(0,a.jsx)(t.xI,{render:()=>(0,a.jsx)(d,{onChange:c,defaultValue:r,minimumSlots:i}),control:l,name:n})},x=r.bd.DATE_AND_TIME,m=e=>{let{step:l,stepCount:s,styles:r,defaultValue:c,minimumSlots:d,isOptional:m}=e,{formState:{errors:u},watch:f}=(0,t.xW)();return(0,n.useEffect)(()=>{c&&c.length>=d&&e.onNext(s)},[]),(0,a.jsx)("div",{className:(0,i.cx)(r.f_wrpr,{[r.active]:l>=s}),children:(0,a.jsxs)("div",{style:{height:"100%"},children:[(0,a.jsx)("label",{className:r.f_label,children:"Please select multiple arrival time slots if possible. We will confirm which timeslot our Tradesperson will attend shortly after you submit."}),(0,a.jsx)("div",{className:(0,i.cx)(r.f_in),children:(0,a.jsx)(o,{name:x,defaultValue:c,minimumSlots:d})}),(0,a.jsx)("div",{className:(0,i.cx)(r.f_btn,r.text_center),style:{marginTop:10},children:(()=>{let e=f(x);return!u[x]&&!!e&&e.length>=d||(!!c||!!m)&&(!e||0===e.length)})()&&(0,a.jsx)("button",{className:(0,i.cx)(r.btn_accent,r.form_btn),onClick:()=>{e.onNext(s)},children:"Continue"})})]})})}},92604:(e,l,s)=>{s.d(l,{m:()=>x});var a=s(37876),n=s(14232),t=s(88992),r=s(76089),i=s(85604),c=s(72824),d=s(6037);let o=r.bd.ADDRESS,x=e=>{let{step:l,stepCount:s,styles:r,defaultValue:x,isOptional:m}=e,{formState:{errors:u},watch:f}=(0,t.xW)(),b=f(o);return(0,n.useEffect)(()=>{x&&x.length>0&&e.onNext(s)}

1,[]),(0,a.jsxs)("div",{className:(0,c.cx)(r.f_wrpr,{[r.active]:l>=s}),children:[(0,a.jsx)("label",{className:r.f_label,children:"Property address"}),(0,a.jsx)("div",{className:(0,c.cx)(r.f_in,r.char_count),children:(0,a.jsx)(d.k,{name:i.ru.ADDRESS,className:(0,c.cx)(r.form_control,r.no_action)})}),(0,a.jsx)("div",{style:{marginTop:40}}),(0,a.jsx)("label",{className:r.f_label,children:"How can we access your property"}),(0,a.jsxs)("div",{className:(0,c.cx)(r.f_in,r.char_count),children:[(0,a.jsx)(d.k,{name:i.ru.PROPERTY_ACCESS,className:(0,c.cx)(r.form_control,r.no_action)}),(0,a.jsxs)("p",{className:(0,c.cx)(r.p,r.label),style:{marginTop:5},children:["Will you be at the property to provide access? We can also use Keynest's & Lockbox's'"," "]})]}),(0,a.jsx)("div",{className:(0,c.cx)(r.f_btn,r.text_center),children:(!u[o]&&!!b||!!m)&&(0,a.jsx)("button",{className:(0,c.cx)(r.btn_accent,r.form_btn),onClick:()=>{e.onNext(s)},children:"Continue"})})]})}}}]);
2//# sourceMappingURL=313-9eda56f2dda208a7.js.map