https://direk.io/_next/static/chunks/pages/customise-package-dc52fefec4e6b62c.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5458],{13732:function(e,s,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/customise-package",function(){return n(35470)}])},35470:function(e,s,n){"use strict";n.r(s),n.d(s,{__N_SSP:function(){return D},default:function(){return customise_package}});var t=n(85893),o=n(11163),i=n(33120),l=n(9008),a=n.n(l),r=n(40259),c=n(57747),d=n(71293),u=n(32138),x=n.n(u),m=n(67294),p=n(43085),g=n.n(p),h=n(20967),j=n(67990),_=n(19778),f=n(14581),C=n(6705),k=n.n(C),y=n(67707);n(92101),n(59112);var b=n(87441),v=n(86118);(0,y.Dd)({className:"toastError",zIndex:9999});var DetailsModal=e=>{let{data:s}=e,{isOpen:n,onOpen:o,onClose:i}=(0,h.q)(),l=(0,b.TU)(s.description),customClose=()=>{i()},a=(0,v.Z)();return(0,t.jsxs)(c.xu,{className:k().module,children:[(0,t.jsx)(d.x,{className:k().detail,onClick:o,children:"View Details"}),(0,t.jsxs)(j.u_,{isCentered:!0,onClose:customClose,isOpen:n,motionPreset:"scale",size:"xl",children:[(0,t.jsx)(_.Z,{}),(0,t.jsxs)(f.h,{children:[(0,t.jsxs)(c.xu,{style:{height:"66px",backgroundColor:"#E6F6F9",borderRadius:"6px",display:"flex",padding:"0 20px",alignItems:"center",justifyContent:"space-between",borderBottomLeftRadius:"0",borderBottomRightRadius:"0"},children:[(0,t.jsxs)(c.xu,{children:[(0,t.jsx)(d.x,{style:{fontSize:"16px",fontWeight:"500"},children:s.technicalName}),(0,t.jsx)(d.x,{style:{fontSize:"12px",fontWeight:"500",color:"#00788A"},children:s.name})]}),(0,t.jsx)(c.xu,{style:{display:"flex",position:"relative",cursor:"pointer"},onClick:customClose,children:(0,t.jsx)("img",{src:"/assets/sensor-package/Close.svg",style:{background:"transparent",width:"24px",height:"24px"}})})]}),(0,t.jsx)("div",{style:{padding:"20px"},dangerouslySetInnerHTML:{__html:l},className:"detail-modal"}),(0,t.jsx)(c.xu,{style:{height:"48px",background:"#E6F6F9",display:"flex",alignItems:"center",padding:"0 20px",fontSize:"16px",fontWeight:500},children:"Specifications"}),(0,t.jsx)(c.xu,{children:Object.keys(s.specs).map((e,n)=>(0,t.jsxs)(c.xu,{style:{height:"38px",display:"flex",alignItems:"center",borderBottom:n===Object.keys(s.specs).length-1?"none":"1px solid #E1E1E1",padding:"0 20px",fontSize:a>745?"14px":"12px"},children:[(0,t.jsx)(c.xu,{style:{width:a>745?"250px":"150px",fontWeight:"500",color:"#424242"},children:e}),(0,t.jsx)(c.xu,{style:{color:"#707070"},children:s.specs[e]})]},e))})]})]})]})},sensor=e=>{let{mainData:s,setMainData:n,sensorKey:o,sensor:i}=e,[l,a]=(0,m.useState)();(0,m.useEffect)(()=>{a(s.find(e=>e.sensor.id.toString()==o))},[]);let addCount=()=>{let e=[...s],t=e.findIndex(e=>e.sensor.id.toString()===o);-1!==t&&(e[t].count=e[t].count+1),n([...e])},minusCount=()=>{let e=[...s],t=e.findIndex(e=>e.sensor.id.toString()===o);-1!==t&&(e[t].count=e[t].count-1),n([...e])};return(0,t.jsxs)(c.xu,{className:g().module,children:[(0,t.jsx)(c.xu,{className:g().imgCon,children:(0,t.jsx)("img",{src:"".concat(null==l?void 0:l.sensor.image)})}),(0,t.jsxs)(c.xu,{className:g().content,children:[(0,t.jsx)(d.x,{className:g().title,children:null==l?void 0:l.sensor.name}),(0,t.jsx)(d.x,{className:g().subTitle,children:null==l?void 0:l.sensor.subtitle}),(0,t.jsxs)(c.xu,{className:g().btnConContainer,children:[(0,t.jsx)(c.xu,{className:g().btnCon,children:(null==l?void 0:l.count)===0?(0,t.jsx)(c.xu,{className:g().fillSumBtn,onClick:addCount,children:(0,t.jsx)("img",{src:"/assets/sensor-package/fill-sum.svg"})}):(null==l?void 0:l.count)===1?(0,t.jsxs)(c.xu,{className:g().twoBtnContainer,children:[(0,t.jsx)(c.xu,{className:g().trashBtn,onClick:minusCount,children:(0,t.jsx)("img",{src:"/assets/sensor-package/trash.svg"})}),l.count,(0,t.jsx)(c.xu,{className:g().borderSumBtn,onClick:addCount,children:(0,t.jsx)("img",{src:"/assets/sensor-package/border-sum.svg"})})]}):(0,t.jsxs)(c.xu,{className:g().twoBtnContainer,children:[(0,t.jsx)(c.xu,{className:g().trashBtn,onClick:minusCount,children:(0,t.jsx)("img",{src:"/assets/sensor-package/border-minus.svg"})}),null==l?void 0:l.count,(0,t.jsx)(c.xu,{className:g().borderSumBtn,onClick:addCount,children:(0,t.jsx)("img",{src:"/assets/sensor-package/border-sum.svg"})})]})}),(0,t.jsx)(c.xu,{children:(0,t.jsx)(DetailsModal,{data:i})})]})]})]})},S=n(14225),N=n(64859),B=n(54346),w=n(82140),E=n(32735),T=n(33090),P=n(14253),z=n(28294),A=n.n(z);(0,y.Dd)({className:"toastError",zIndex:9999});var SubmitModal=e=>{let{message:s}=e,{isOpen:n,onOpen:o,onClose:i}=(0,h.q)(),[l,a]=(0,m.useState)(""),[r,u]=(0,m.useState)(""),[x,p]=(0,m.useState)(""),g=/^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/,[C,k]=(0,m.useState)(!1),[b,v]=(0,m.useState)(!1),customClose=()=>{i(),v(!1),k(!1)},validation=()=>""===r.trim()?"Please enter full name!":""===l.trim()?"Please enter email!":""===x.trim()?"Please enter phone number!":g.test(l)?"":"Please enter a correct email!",submit=async()=>

1{if(""!==validation())(0,y.ZP)(validation(),{position:"bottom-center"});else{k(!0);try{let e=await fetch("https://stagingapi.direk.io/users/api/v1/purchase-request",{method:"POST",body:JSON.stringify({fullName:r,email:l,phoneNumber:x,message:s}),headers:{Accept:"application/json","Content-Type":"application/json"}});e.ok?(k(!1),v(!0)):(await e.json(),k(!1),(0,y.ZP)("Network Error!",{position:"bottom-center"}))}catch(e){k(!1),(0,y.ZP)("Network Error!",{position:"bottom-center"}),console.error(e)}}};return(0,t.jsxs)(c.xu,{className:A().module,children:[(0,t.jsx)(S.z,{className:A().fillBtn,onClick:o,isDisabled:!s||""===s.trim(),children:"Get a Qoute"}),(0,t.jsxs)(j.u_,{isCentered:!0,onClose:customClose,isOpen:n,motionPreset:"scale",size:"md",children:[(0,t.jsx)(_.Z,{}),(0,t.jsx)(f.h,{children:b?(0,t.jsxs)(t.Fragment,{children:[" ",(0,t.jsx)(c.xu,{style:{display:"flex",justifyContent:"end",marginRight:"10px",marginTop:"10px",position:"relative",cursor:"pointer"},onClick:customClose,children:(0,t.jsx)("img",{src:"/assets/sensor-package/Close.svg",style:{background:"transparent",width:"24px",height:"24px"}})}),(0,t.jsxs)(N.x,{style:{textAlign:"center",fontSize:"24px",fontWeight:"600",marginTop:"-20px"},children:["Thank You!"," "]}),(0,t.jsxs)(B.f,{style:{padding:"0 30px"},children:[(0,t.jsxs)(d.x,{style:{textAlign:"center",padding:"0 30px",color:"#575757"},children:["Your quote request has been received. We’ll get back to you shortly."," "]}),(0,t.jsx)("a",{href:"/sensor-packages",style:{color:"#00A9C2",textAlign:"center",marginBottom:"30px",display:"block",marginTop:"20px"},children:"Back to Packages"})]})]}):(0,t.jsxs)(t.Fragment,{children:[" ",(0,t.jsx)(c.xu,{style:{display:"flex",justifyContent:"end",marginRight:"10px",marginTop:"10px",position:"relative",cursor:"pointer"},onClick:customClose,children:(0,t.jsx)("img",{src:"/assets/sensor-package/Close.svg",style:{background:"transparent",width:"24px",height:"24px"}})}),(0,t.jsx)(N.x,{style:{textAlign:"center",fontSize:"24px",fontWeight:"600",marginTop:"-20px"},children:"Submit Your Quote Request"}),(0,t.jsxs)(B.f,{style:{padding:"0 30px"},children:[(0,t.jsx)(d.x,{style:{textAlign:"center",padding:"0 30px",color:"#575757"},children:"Complete the form to receive a customized pricing estimate 24h"}),(0,t.jsxs)(c.xu,{style:{width:"80%",margin:"0 auto",marginTop:"30px"},children:[(0,t.jsxs)(w.B,{style:{marginTop:"15px"},children:[(0,t.jsx)(E.Z,{pointerEvents:"none",children:(0,t.jsx)("img",{src:"/assets/sensor-package/fullname.svg"})}),(0,t.jsx)(T.I,{value:r,onChange:e=>u(e.target.value),type:"text",placeholder:"Full Name",style:{fontSize:"14px"}})]}),(0,t.jsxs)(w.B,{style:{marginTop:"15px"},children:[(0,t.jsx)(E.Z,{pointerEvents:"none",children:(0,t.jsx)("img",{src:"/assets/sensor-package/email.svg"})}),(0,t.jsx)(T.I,{value:l,onChange:e=>a(e.target.value),type:"email",placeholder:"Email",style:{fontSize:"14px"}})]}),(0,t.jsxs)(w.B,{style:{marginTop:"15px"},children:[(0,t.jsx)(E.Z,{pointerEvents:"none",children:(0,t.jsx)("img",{src:"/assets/sensor-package/phone.svg"})}),(0,t.jsx)(T.I,{value:x,onChange:e=>p(e.target.value),type:"tel",placeholder:"Phone Number",style:{fontSize:"14px"}})]})]})]}),(0,t.jsx)(P.m,{children:(0,t.jsx)(S.z,{style:{backgroundColor:"#00A9C2",borderRadius:"30px",color:"white",height:"48px",padding:"0 50px",display:"block",margin:"20px auto"},onClick:submit,isDisabled:C,children:C?"Loading ...":"Submit"})})]})})]})]})},CustomisePackage=e=>{let{data:s,packId:n}=e,[i,l]=(0,m.useState)([]),a=(0,o.useRouter)();return(0,m.useEffect)(()=>{if(s.packages.items.length&&n){let n=s.packages.items.find(e=>e.id.toString()==a.query.key),o=[];for(let i=0;i<s.sensors.items.length;i++)if(n){var e,t;o.push({sensor:s.sensors.items[i],count:null!==(t=null==n?void 0:null===(e=n.includes.find(e=>{var n;return e.id.toString()===(null===(n=s.sensors.items[i])||void 0===n?void 0:n.id.toString())}))||void 0===e?void 0:e.count)&&void 0!==t?t:0})}else o.push({sensor:s.sensors.items[i],count:0});l(o)}},[s.packages.items.length,n]),(0,t.jsxs)(c.xu,{className:x().module,children:[(0,t.jsx)(d.x,{as:"h1",children:"Customise Your Sensor Selection"}),(0,t.jsx)(c.xu,{className:x().cardsCon,children:i.map(e=>(0,t.jsx)(sensor,{sensorKey:e.sensor.id.toString(),mainData:i,setMainData:l,sensor:e.sensor},e.sensor.id))}),(0,t.jsxs)(c.xu,{className:x().btnCon,children:[(0,t.jsx)(c.xu,{className:x().cancelBtn,children:(0,t.jsx)("a",{href:n?"/sensor-packages?ke

1y=".concat(n):"/sensor-packages",children:"Cancel"})}),(0,t.jsx)(SubmitModal,{message:(()=>{let e="";for(let s=0;s<i.length;s++)i[s].count>0&&(e+=i[s].sensor.name+" : "+i[s].count+" - ");return e})()})]})]})},D=!0,customise_package=e=>{let{packages:s,sensors:n,packId:l}=e,c=(0,o.useRouter)(),d=c.asPath,u="".concat(i.L).concat(d);return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)(a(),{children:[(0,t.jsx)("title",{children:"Customise Agile Workspace Optimiser Package | DIREK"}),(0,t.jsx)("link",{rel:"canonical",href:u}),(0,t.jsx)("meta",{name:"description",content:"Tailor your Agile Workspace Optimiser package with DIREK. Combine occupancy sensors, gateways, and smart building tools to boost efficiency, flexibility, and\xa0cost\xa0savings."})]}),(0,t.jsx)(r.Z,{children:(0,t.jsx)(CustomisePackage,{data:{packages:s,sensors:n},packId:l})})]})}},6705:function(e){e.exports={module:"module_module___SpTg",detail:"module_detail__E3vyD"}},28294:function(e){e.exports={module:"module_module__rfCvO",fillBtn:"module_fillBtn__BQNM1"}},32138:function(e){e.exports={module:"module_module__wAiJk",cardsCon:"module_cardsCon__7pe_L",btnCon:"module_btnCon__OR46P",cancelBtn:"module_cancelBtn__m_Gnq"}},43085:function(e){e.exports={module:"module_module__d_Dne",imgCon:"module_imgCon__63TDb",title:"module_title__ALSdX",subTitle:"module_subTitle__RiluL",content:"module_content__J_OBo",btnCon:"module_btnCon__7JxG7",fillSumBtn:"module_fillSumBtn__4PzgW",twoBtnContainer:"module_twoBtnContainer__7plcb",trashBtn:"module_trashBtn__SAYB1",borderSumBtn:"module_borderSumBtn__46vAj",btnConContainer:"module_btnConContainer__Ow_jQ"}}},function(e){e.O(0,[1330,4599,6402,7434,9317,8641,7659,9774,2888,179],function(){return e(e.s=13732)}),_N_E=e.O()}]);