https://www.cobbleweb.co.uk/_next/static/chunks/pages/request-quote-64a915bc02264b45.js

1try{!function(){var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},r=(new e.Error).stack;r&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[r]="4e064299-54d3-4f7b-adc7-f83b59ce944a",e._sentryDebugIdIdentifier="sentry-dbid-4e064299-54d3-4f7b-adc7-f83b59ce944a")}()}catch(e){}(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7233],{25929:function(e,r,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/request-quote",function(){return a(25723)}])},25723:function(r,a,o){"use strict";o.r(a),o.d(a,{__N_SSG:function(){return H},"default":function(){return X}});var l=o(85893),t=o(9008),n=o.n(t),s=o(86492),i=o.n(s),d=o(20567),c=o(14932),u=o(67294),m=o(36715),p=o(11163),f=o(5034),h=o(26975),g=o(87536),b=o(34925),v=o(47702),_=o(45697),x=o.n(_),j=o(61826),w=(o(73495),o(35747));const y=e=>{var{onChange:r,countryCode:a="GB"}=e,o=(0,v._)(e,["onChange","countryCode"]);const[t,n]=(0,u.useState)();return(0,l.jsx)(j.ZP,(0,c._)((0,d._)({defaultCountry:a},o),{value:t,onChange:e=>{const a={target:{value:e,name:o.name}};n(e),r(a)},countrySelectProps:{arrowComponent:()=>(0,l.jsx)(w.Z,{style:{color:"#999999"}})}}))};y.propTypes={placeholder:x().string,countryCode:x().string,onChange:x().func};var N=y,C=o(74014),S=o(47685),k=o(5954),M=o(32059),Z=o(42739),T=o(85268),A=o(53238),I=o(66068),E=o(90515),q=o(31955),D=o(39424);async function P(r){try{let a=[];if(r.files&&r.files.length>0){const e=await async function(e){let r=new FormData;for(const l of e)r.append("files[]",l);const a=await fetch(A.Tt,{method:"POST",body:r}),o=await a.json();if(200===a.status)return o;throw new Error(o.error)}(r.files);e.forEach(e=>{a.push(e.url)})}const o=q.Z.get("hubspotutk");let l;try{const r=await fetch("https://api.ipify.org/?format=json"),a=r.headers.get("content-type");let o;if(a&&-1!==a.indexOf("application/json"))l=await r.json();else{o=await r.text();try{l=JSON.parse(o)}catch(e){D.Tb(e),console.error(e)}}}catch(e){D.Tb(e),console.error(e)}let t={"hutk":o,"pageUri":window.location.href,"pageName":window.document.title};l&&l.ip&&(t.ipAddress=l.ip);let n=r.GA_Client_ID;!n&&window.ga&&window.ga(function(e){n=e.get("clientId")});let s={"fields":[{"name":"email","value":r.email},{"name":"firstname","value":r.firstname},{"name":"lastname","value":r.lastname},{"name":"phone","value":r.phone||"N/A"},{"name":"subject","value":r.subject},{"name":"budget","value":r.budget},{"name":"message","value":r.message},{"name":"ga_client_id","value":n||""}],"context":t};a.length>0&&a.forEach(e=>{s.fields.push({"name":"files","value":e})});const i=await fetch(A.Vo,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(s)});return i.status>=200&&i.status<=299?{success:!0}:{error:"Form submission failed. Please try again."}}catch(e){return console.error(e),D.Tb(e),{error:e.message}}}var z=o(20238),F=o(31203),O=o(63448),R=o(22161);const B=O.Ry({firstname:(0,R.UJ)(),lastname:(0,R.UJ)(),email:(0,R.Io)(),phone:(0,R.BQ)(),subject:(0,R.UJ)(),budget:(0,R.UJ)(),message:(0,R.UJ)(),files:(0,R.NM)(1)});var G=o(74011),J=o(94058),Q=o(62444);var U=e=>{let{page:r,projects:a}=e;var o;const{updateAppState:t,GA_Client_ID:n}=(0,z.b)(),{control:s,formState:{errors:i},trigger:v,setValue:_,setError:x,submitError:j,loading:w,submitWithErrorHandling:y}=(0,G.U)(B,{firstname:"",lastname:"",email:"",phone:"",subject:"",budget:"",message:"",files:[]}),q=(0,J.r)(v,"email"),D=(0,I.Z)(),O=D(r,"title"),R=D(r,"text_block"),U=D(r,"form_title"),V=D(r,"form_placeholders"),H=D(r,"form_send_button_label"),X=(0,u.useMemo)(()=>[{label:"Create a new high-performance marketplace",value:"create_new"},{label:"Improve and optimise my existing marketplace",value:"improve_optimize"},{label:"Assist with marketplace maintenance and/or servers",value:"assist"},{label:"Something else",value:"something_else"}],[]),L=(0,u.useMemo)(()=>[{label:"Less than £25,000",value:"less_than_25k"},{label:"£25,000-£50,000",value:"25k_50k"},{label:"£50,000-£100,000",value:"50k_100k"},{label:"£100,000 or more",value:"100k_or_more"}],[]),W=D(r,"request_free_consultation_label"),K=(0,p.useRouter)(),Y=(0,u.useCallback)(e=>{const r=Array.isArray(e)?e:[];_("files",r),r.length>0&&v("files")},[_,v]),$=(0,u.useCallback)(e=>{(0,Q.V)(e,x,"files")},[x]),ee=(0,u.useCallback)(async e=>{const r=(0,c._)((0,d._)({},e),{GA_Client_ID:n}),a=await P(r);if(a.error)throw new Error(a.error);t({sendConversionGTM:!0}

1),setTimeout(()=>{K.push(A.Bm)},10)},[n,K,t]);return(0,l.jsxs)("div",{className:"conversion",children:[(0,l.jsx)("div",{className:"container-fluid add-dis form-container",children:(0,l.jsxs)("div",{className:"row flex-column flex-lg-row flex-column-reverse",children:[(0,l.jsxs)("div",{className:"col-lg-6 pt-4 pt-lg-0",children:[(0,l.jsx)(m.Z,{variant:"h1",color:"primary",className:"mb-2 mb-lg-cwb-25",children:O}),(0,l.jsx)("div",{className:"text-block",dangerouslySetInnerHTML:{__html:R}})]}),(0,l.jsx)("div",{className:"col-lg-6",children:(0,l.jsxs)("div",{className:"conversion-form-wrapper bg-white shadow rounded p-2 p-lg-4 ml-0 ml-xl-cwb-33",children:[(0,l.jsx)(m.Z,{variant:"h4",className:"font-weight-normal mb-3 mb-lg-cwb-15",children:U}),(0,l.jsxs)("form",{autoComplete:"off",onSubmit:y(ee),children:[(0,l.jsxs)("div",{className:"form-row",children:[(0,l.jsx)("div",{className:"col-lg-6",children:(0,l.jsx)(g.Qr,{name:"firstname",control:s,render:e=>{let{field:r,fieldState:{error:a}}=e;return(0,l.jsx)(b.Z,(0,c._)((0,d._)({},r),{placeholder:V.first_name,error:!!a,errorMsg:null==a?void 0:a.message,"aria-label":V.first_name,"aria-invalid":!!a,"aria-describedby":a?"firstname-error":void 0}))}})}),(0,l.jsx)("div",{className:"col-lg-6",children:(0,l.jsx)(g.Qr,{name:"lastname",control:s,render:e=>{let{field:r,fieldState:{error:a}}=e;return(0,l.jsx)(b.Z,(0,c._)((0,d._)({},r),{placeholder:V.surname,error:!!a,errorMsg:null==a?void 0:a.message,"aria-label":V.surname,"aria-invalid":!!a,"aria-describedby":a?"lastname-error":void 0}))}})})]}),(0,l.jsx)("div",{className:"form-group",children:(0,l.jsx)(g.Qr,{name:"email",control:s,render:e=>{let{field:r,fieldState:{error:a}}=e;return(0,l.jsx)(b.Z,(0,c._)((0,d._)({},r),{placeholder:V.email_address,onChange:e=>{r.onChange(e),q()},error:!!a,errorMsg:null==a?void 0:a.message,"aria-label":V.email_address,"aria-invalid":!!a,"aria-describedby":a?"email-error":void 0}))}})}),(0,l.jsx)("div",{className:"form-group",children:(0,l.jsx)(g.Qr,{name:"phone",control:s,render:e=>{let{field:r,fieldState:{error:a}}=e;return(0,l.jsx)(N,(0,c._)((0,d._)({},r),{placeholder:V.phone,countryCode:"GB",error:!!a,errorMsg:null==a?void 0:a.message,"aria-label":V.phone,"aria-invalid":!!a,"aria-describedby":a?"phone-error":void 0}))}})}),(0,l.jsx)("div",{className:"form-group",children:(0,l.jsx)(g.Qr,{name:"subject",control:s,render:e=>{let{field:r,fieldState:{error:a}}=e;return(0,l.jsx)(C.Z,(0,c._)((0,d._)({},r),{placeholder:V.what_can_cobbleweb,options:X,error:!!a,errorMsg:null==a?void 0:a.message,"aria-label":V.what_can_cobbleweb,"aria-invalid":!!a,"aria-describedby":a?"subject-error":void 0}))}})}),(0,l.jsx)("div",{className:"form-group",children:(0,l.jsx)(g.Qr,{name:"budget",control:s,render:e=>{let{field:r,fieldState:{error:a}}=e;return(0,l.jsx)(C.Z,(0,c._)((0,d._)({},r),{placeholder:"Budget size",options:L,error:!!a,errorMsg:null==a?void 0:a.message,"aria-label":"Budget size","aria-invalid":!!a,"aria-describedby":a?"budget-error":void 0}))}})}),(0,l.jsx)("div",{className:"form-group",children:(0,l.jsx)(g.Qr,{name:"message",control:s,render:e=>{let{field:r,fieldState:{error:a}}=e;return(0,l.jsx)(S.Z,(0,c._)((0,d._)({},r),{rows:4,placeholder:V.tell_about_project,error:!!a,errorMsg:null==a?void 0:a.message,"aria-label":V.tell_about_project,"aria-invalid":!!a,"aria-describedby":a?"message-error":void 0}))}})}),(0,l.jsxs)("div",{className:"form-group",children:[(0,l.jsx)(Z.Z,{error:!!i.files,errorMsg:null===(o=i.files)||void 0===o?void 0:o.message,showBrowse:!0,hideFieldUpload:!0,showFileFormat:!0,customDeleteIcon:(0,l.jsx)(F.zS,{style:{fontSize:11}}),label:V.drop_files_here,onChange:Y,maxFiles:1,multiple:!1,onDropRejected:$,accept:[".doc",".docx",".pdf",".png",".jpg",".jpeg"],maxSize:2e7}),(0,l.jsx)("p",{className:"lead text-muted mt-2",children:"Accepts PDF, DOC, DOCX, JPG and PNG files"})]}),j&&(0,l.jsx)("div",{className:"form-group submit-error",children:j}),(0,l.jsx)(M.Z,{disabled:w,loading:w,label:H,className:"w-100",type:"submit"})]})]})})]})}),(0,l.jsx)(h.ZP,{generateClassName:(re="abt",(0,f.Z)({productionPrefix:re,disableGlobal:!0})),children:(0,l.jsx)(T.Z,{page:r,viewAllShown:!1,projects:a})}),(0,l.jsx)("div",{className:"container pb-10",children:(0,l.jsx)("div",{className:"row",children:(0,l.jsx)("div",{className:"col",children:(0,l.jsx)("div",{className:"text-center",children:(0,l.jsx)(k.Z,{className:"action-btn",label:W,onClick:E.SM})})})})})]});var re},V=o(222);var H=!0,X=function(e){let{page:r,projects:a}=e;return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)(n(),{children:[(0,l.jsx)("title",{children:i().decode(r.title.rendered)}),(0,l.jsx)(V.Z,{page:r})]}),(0,l.jsx)(U,{page:r,projects:a})]})}},74014:function(e,r,a){"use strict";var o=a(20567),l=a(14932),t=a(47702),n=a(85893),s=a(45697),i=a.n(s),d=a(77623),c=a(72945),u=a(80495),m=a(89160),p=a(44895);const f=(0,d.Z)(e=>({formControl:{display:"flex","& .MuiInput-underline:after":{borderBottomColor:e.palette.text.primary},"& .MuiFormHelperText-root":{position:"absolute",left:0,bottom:-35,fontSize:14,lineHeight:2.14,marginTop:5,[e.breakpoints.down("md")]:{fontSize:12,bottom:-22,lineHeight:1.5}}},menu:{"& .MuiMenu-paper":{margin:"2px 0 0 0",borderRadius:0,boxShadow:e.shadows[1]},"& .MuiMenu-list":{padding:"0",borderRadius:0}},select:{"& .MuiSelect-selectMenu":{paddingTop:10,paddingBottom:11,fontFamily:"Averta Regular",fontSize:18,"&:focus":{backgroundColor:"inherit"},[e.breakpoints.down("md")]:{fontSize:14,paddingTop:0}},"& .MuiSelect-icon":{color:e.palette.text.hint,right:-7,[e.breakpoints.down("md")]:{top:-4}},"& .placeholder":{color:e.palette.text.hint}},option:{fontFamily:"Averta Regular","&:hover":{fontFamily:"Averta Semibold",backgroundColor:"inherit"}}})),h=e=>{var{placeholder:r,required:a=!1,options:s,onChange:i=()=>{},error:d,errorMsg:h,value:g}=e,b=(0,t._)(e,["placeholder","required","options","onChange","error","errorMsg","value"]);const v=f();return(0,n.jsxs)(c.Z,{className:v.formControl,children:[(0,n.jsx)(p.Z,(0,l._)((0,o._)({},b),{displayEmpty:!0,className:v.select,value:g,required:!0,onClose:()=>{var e;const r={target:{value:g,name:b.name}};null==b||null===(e=b.onBlur)||void 0===e||e.call(b,r)},onChange:e=>{i(e)},renderValue:""!==g?void 0:()=>(0,n.jsx)("div",{className:"placeholder",children:r+(a?"*":"")}),MenuProps:{anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},getContentAnchorEl:null,className:v.menu},children:s.map((e,r)=>{let{label:a,value:o}=e;return(0,n.jsx)(m.Z,{value:o,className:v.option,children:a},r)})})),d&&(0,n.jsx)(u.Z,{error:!0,children:h})]})};h.propTypes={placeholder:i().string.isRequired,required:i().bool,options:i().arrayOf(i().shape({value:i().any.isRequired,label:i().string.isRequired})).isRequired},r.Z=h},90515:function(e,r,a){"use strict";a.d(r,{SM:function(){return t},VA:function(){return o},XJ:function(){return n},uf:function(){return l}});const o=e=>{const r=e.filter(e=>""!==e.acf.order),a=e.filter(e=>""===e.acf.order);return[...r.sort((e,r)=>e.acf.order-r.acf.order),...a]},l=(e,r)=>e.replace(":slug",r),t=()=>{window.innerWidth<992?document.querySelector(".react-container").scrollIntoView({behavior:"smooth"}):document.querySelector("nav.navbar").scrollIntoView({behavior:"smooth"})},n=e=>{let r="default";switch(e){case"remote-job":r="secondary";break;case"product":r="yellow"}return r}}},function(e){e.O(0,[8086,6492,79,8262,6066,6466,3,3142,5268,7103,2888,9774,179],function(){return r=25929,e(e.s=r);var r});var r=e.O();_N_E=r}]);