https://www.harwin.com/_next/static/chunks/6751-afd615a772c813c8.js

1try{let 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]="db3b9bfe-36c5-49ef-a259-92e163526b32",e._sentryDebugIdIdentifier="sentry-dbid-db3b9bfe-36c5-49ef-a259-92e163526b32")}catch(e){}"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6751],{23025:(e,r,t)=>{t.d(r,{A:()=>g});var n=t(97135),a=t(34725),i=t(41313),s=t(86840),o=t(43629),l=t(51282),d=t(32987),c=t(62960),m=t(8190),u=t(80155),h=t.n(u);let g=e=>{let{message:r}=e,{family:t,connector:s}=(0,m.useRouter)().query;return(0,n.jsx)(i.A,{children:(0,n.jsx)(a.A,{children:(0,n.jsxs)(f,{gap:2,children:[(0,n.jsx)("svg",{width:"50",height:"45",viewBox:"0 0 50 45",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,n.jsx)("path",{d:"M24.2188 5.55078L4.88281 37.2891C4.6875 37.582 4.6875 37.7773 4.6875 38.0703C4.6875 38.8516 5.27344 39.4375 6.05469 39.4375H43.8477C44.6289 39.4375 45.3125 38.8516 45.3125 38.0703C45.3125 37.7773 45.2148 37.582 45.0195 37.2891L25.6836 5.55078C25.5859 5.25781 25.293 5.0625 25 5.0625C24.6094 5.0625 24.4141 5.25781 24.2188 5.55078ZM20.2148 3.10938C21.1914 1.44922 23.0469 0.375 25 0.375C26.8555 0.375 28.7109 1.44922 29.6875 3.10938L49.0234 34.8477C49.6094 35.8242 50 36.8984 50 38.0703C50 41.3906 47.2656 44.125 43.8477 44.125H6.05469C2.73438 44.125 0 41.3906 0 38.0703C0 36.8984 0.292969 35.8242 0.878906 34.8477L20.2148 3.10938ZM28.125 33.1875C28.125 34.9453 26.6602 36.3125 25 36.3125C23.2422 36.3125 21.875 34.9453 21.875 33.1875C21.875 31.5273 23.2422 30.0625 25 30.0625C26.6602 30.0625 28.125 31.5273 28.125 33.1875ZM27.3438 15.2188V24.5938C27.3438 25.9609 26.2695 26.9375 25 26.9375C23.6328 26.9375 22.6562 25.9609 22.6562 24.5938V15.2188C22.6562 13.9492 23.6328 12.875 25 12.875C26.2695 12.875 27.3438 13.9492 27.3438 15.2188Z",fill:"#FBC83C"})}),(0,n.jsx)(l.A,{as:"h1",type:"4",maven:!0,color:"var(--link)",textAlign:"center",children:"Sorry, something's gone wrong."}),(0,n.jsx)(o.A,{color:"var(--link)",textAlign:"center",children:r}),(0,n.jsx)(c.A,{as:h(),href:"/cable-configurator/".concat(t,"/").concat(s),variant:"hriStandAlone",children:"Make Selections"})]})})})},f=(0,d.Ay)(s.A).withConfig({componentId:"sc-a23532bf-0"})(["align-items:center;justify-content:center;text-align:center;a{margin-inline:auto;}"])},56751:(e,r,t)=>{t.r(r),t.d(r,{SummaryGridElement:()=>P,TitleContainer:()=>R,__N_SSP:()=>Y,default:()=>F});var n=t(97135),a=t(69729),i=t(7023),s=t(51282),o=t(86840),l=t(43629),d=t(34725),c=t(41313),m=t(62960),u=t(32987),h=t(8190),g=t(26943),f=t(80155),p=t.n(f),x=t(29876),j=t.n(x),b=t(28779);let v=e=>{var r;let{title:t,subTitle:a,children:c,currentStep:u,path:f,mident:x}=e,{cableData:v,setWebViewerLoaded:N,temporaryData:S,setTemporaryData:I}=(0,i.useContext)(g.S),[q,E]=(0,i.useState)(!1),[D,L]=(0,i.useState)(!1),Y=(0,h.useRouter)(),F=Y.query.connector,R=Y.query.family,P=encodeURIComponent(JSON.stringify(x)),M=encodeURIComponent(JSON.stringify(f)),_={1:"/cable-configurator",2:"/cable-configurator/".concat(R),3:"/cable-configurator/".concat(R,"/").concat(F),4:"/cable-configurator/".concat(R,"/").concat(F,"/summary?mident=").concat(P,"&path=").concat(M)},B={3:"/cable-configurator/".concat(R,"/").concat(F,"/summary?mident=").concat(P,"&path=").concat(M),4:"/cable-configurator/".concat(R,"/").concat(F,"/offer?mident=").concat(P,"&path=").concat(M)};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(j(),{src:"/cableConfigurator/assets/js/thirdparty.min.js",strategy:"afterInteractive",onLoad:()=>{E(!0)}}),q&&(0,n.jsx)(j(),{src:"/cableConfigurator/assets/js/psol.components.min.js",strategy:"afterInteractive",onLoad:()=>{L(!0)}}),D&&(0,n.jsx)(j(),{src:"/cableConfigurator/assets/js/webviewer3d.js",strategy:"afterInteractive",onLoad:()=>{N(!0)}}),(0,n.jsxs)(y,{"aria-labelledby":"cable-generator-hero-title",currentStep:u,children:[(0,n.jsx)(d.A,{children:(0,n.jsxs)(o.A,{gap:3,as:w,children:[(0,n.jsx)(s.A,{as:"h1",type:"1",color:"var(--hri)",id:"cable-generator-hero-title",children:t}),(0,n.jsxs)(C,{children:[(0,n.jsx)(A,{children:(0,n.jsxs)(l.A,{color:"var(--white)",children:[(0,n.jsx)("span",{children:u<6?u:5}),(0,n.jsx)("span",{children:"\xa0of 5"})]})}),(0,n.jsx)(l.A,{fontSize:"1.125rem",children:a})]}),c]})}),1!==u&&(0,n.jsx)(k,{children:(0,n.jsxs)(d.A,{children:[6!==u&&(0,n.jsx)(m.A,{variant:"hriBorder",as:p(),href:_[u-1],children:"Back"}),u>1&&(0,n.jsxs)(l.A,{weight:"semibold",color:"var(--link)",className:"center-text",style:{gridColumn:6===u?"2"

1:""},children:[R," ",(null==v||null==(r=v.index)?void 0:r.NB)&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("span",{className:"hide-mobile",children:"|"}),(0,n.jsx)(b.A,{as:"span",fontWeight:"normal",className:"hide-mobile",children:v.index.NB})]})]}),u>2&&u<5&&(0,n.jsx)(m.A,{variant:"hriStandAlone",marginLeft:1===u?"auto":"0",onClick:()=>{if(3===u){let e=Object.fromEntries(Object.entries(S).map(e=>{let r,[t,n]=e;return Number(n.value)<Number(n.min)||Number(n.value)>Number(n.max)?r="minMax":n.step&&Number(n.value)%Number(n.step)!=0&&(r="step"),[t,{...n,error:r}]}));if(I(e),Object.values(e).some(e=>e.error))return}(4===u||3===u)&&Y.push(B[u])},children:"Next"}),6===u&&(0,n.jsx)(m.A,{variant:"hriStandAlone",marginLeft:"auto",style:{gridColumn:3},onClick:()=>{Y.push(_[1])},children:"Back to start"})]})})]})]})},y=(0,u.Ay)(c.A).withConfig({componentId:"sc-7deada14-0"})(["min-height:calc(100vh - 6.875rem);display:flex;flex-direction:column;flex-grow:1;justify-content:space-between;@media (max-width:47.9375rem){margin-bottom:2rem;}"," a,button{justify-content:center;}.center-text{margin:auto;text-transform:capitalize;text-align:center;}&&{padding-block-end:0;padding-block-start:2rem;}"],e=>{let{currentStep:r}=e;return 1===r&&"\n    margin-bottom: 2rem;\n  "}),w=u.Ay.div.withConfig({componentId:"sc-7deada14-1"})(["flex-grow:1;"]),A=u.Ay.div.withConfig({componentId:"sc-7deada14-2"})(["background-color:var(--link);display:inline-block;padding:0.35rem 0.7rem;border-radius:0.125rem 0.125rem 0.125rem 1.25rem;"]),C=u.Ay.div.withConfig({componentId:"sc-7deada14-3"})(["display:flex;align-items:center;gap:0.5rem;max-width:75ch;"]),k=u.Ay.div.withConfig({componentId:"sc-7deada14-4"})(["border-top:1px solid var(--hri);display:flex;align-items:center;margin-top:2.5rem;position:fixed;bottom:0;left:0;width:100%;z-index:2;background-color:var(--white);height:4.5rem;max-height:8rem;text-align:center;p{display:flex;gap:0.5rem;> span{font-weight:400;}@media (max-width:47.9375rem){gap:0;flex-direction:column;flex-wrap:wrap;}}.hide-mobile{display:none;@media (min-width:48rem){display:block;}}@media (min-width:48rem){position:sticky;bottom:0;height:8rem;}","{display:grid;grid-template-rows:1fr;grid-template-columns:repeat(3,1fr);&.connector-selector-footer{grid-template-columns:repeat(2,1fr);@media (min-width:48rem){grid-template-columns:repeat(3,1fr);}}}button,a{padding-inline:2.25rem;&:last-child{justify-self:flex-end;}}"],d.A);var N=t(6492),S=t(53858),I=t(94660),q=t(88501);let E=e=>{var r,t,a;let{setIsCadModalOpen:d,setIsDatasheetModalOpen:c}=e,u=(0,h.useRouter)(),f=u.query.connector,x=u.query.family,{cableData:j}=(0,i.useContext)(g.S);return(0,n.jsxs)(o.A,{gap:4,children:[(0,n.jsxs)(R,{children:[(0,n.jsx)(s.A,{as:"h5",type:"3",color:"var(--link)",maven:!0,children:"Your Selections"}),(0,n.jsx)(l.A,{href:"/cable-configurator/".concat(x,"/").concat(f),as:p(),color:"var(--hri)",children:"Edit Selections"})]}),(0,n.jsx)(q.fD,{}),j&&(0,n.jsx)(P,{children:null==(a=Object)?void 0:a.values((null==j||null==(t=j.index)||null==(r=t.line)?void 0:r.values)||{}).map((e,r)=>{if("-"!==e.resolvedVal&&"0"!==e.resolvedVal)return(0,n.jsxs)(o.A,{gap:0,children:[(0,n.jsx)(l.A,{weight:"semibold",color:"var(--link)",children:null==e?void 0:e.desc}),(0,n.jsx)(l.A,{color:"var(--link)",children:e.resolvedVal})]},r)})}),(0,n.jsx)(q.fD,{}),(0,n.jsxs)(R,{children:[(0,n.jsx)(m.A,{variant:"hriBorder",onClick:()=>d(e=>!e),children:"Download 3D CAD"}),(0,n.jsx)(m.A,{variant:"hriBorder",onClick:()=>c(e=>!e),children:"Download Datasheet (PDF)"})]})]})};var D=t(23025);let L=(0,a.A)(e=>{var r,t,a,s,o,l;let{finalCableData:d,formats:c}=e,[m,u]=(0,i.useState)(!1),[h,f]=(0,i.useState)(!1),{cableData:p,setCableData:x}=(0,i.useContext)(g.S);return((0,i.useEffect)(()=>{d&&x(d)},[d]),p)?(0,n.jsxs)(n.Fragment,{children:[m&&(0,n.jsx)(I.A,{setIsDatasheetModalOpen:u,subtitle:"Please complete the form below to request the download for your desired eCAD format.",title:"Request eCAD Download",formats:c,showDropdown:!0}),h&&(0,n.jsx)(I.A,{setIsDatasheetModalOpen:f,title:"Request PDF Download",subtitle:"Please complete the form below to request the download for your PDF datasheet."}),(0,n.jsx)(v,{title:"Cable Configurator",currentStep:4,subTitle:"Check your cable specification",mident:null==p||null==(r=p.index)?void 0:r.mident,path:null==p||null==(t=p.index)?void 0:t.path,children:(0,n.jsxs)(N.SelectionContainer,{children:[(null==p||null==(a=p.index)?void 0:a.path)&&(null==p||null==(s=p.index)?void 0:s.varsettransfer)&&(0,n.jsx)(S.A,{path:null==p||null==(o=p.index)?void 0:o.path,varset:null==p||null==(l=p.index)?void 0:l.varsettransfer,currentStep:4}),p&&(0,n.jsx)(E,{setIsDatasheetModalOpen:f,setIsCadModalOpen:u})]})})]}):(0,n.jsx)(D.A,{message:"No selections were made so we can't show your summary. Please go back to make your selections and customise your cable."})});var Y=!0;let F=L,R=u.Ay.div.withConfig({componentId:"sc-afe8cdf6-0"})(["display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;button{width:100%;justify-content:center;@media (min-width:31.25rem){width:max-content;}}"]),P=u.Ay.div.withConfig({componentId:"sc-afe8cdf6-1"})(["display:grid;grid-template-columns:1fr;margin-bottom:2rem;gap:1rem;@media (min-width:48rem){gap:1rem;justify-content:space-between;gap:1rem 5rem;grid-template-columns:1fr 1fr;}"])},91921:(e,r,t)=>{t.d(r,{b:()=>a,q:()=>i});var n=t(10663);let a=n.Ik({firstName:n.Yj().min(1,{message:"First Name is required"}),lastName:n.Yj().min(1,{message:"Last Name is required "}),email:n.Yj().min(1,{message:"Email is required"}).email({message:"Invalid email"}),company:n.Yj().min(1,{message:"Company is required"}),formats:n.bz().array().min(1,{message:"Please select a format"}).optional()}),i=n.Ik({firstName:n.Yj().min(1,{message:"First Name is required"}),lastName:n.Yj().min(1,{message:"Last Name is required "}),email:n.Yj().min(1,{message:"Email is required"}).email({message:"Invalid email"}),contactNumber:n.Yj().min(1,{message:"Contact Number is required"}),company:n.Yj().min(1,{message:"Company is required"}),jobTitle:n.Yj().min(1,{message:"Job Title is required"}),jobRole:n.Yj().min(1,{message:"Job Role is required"}),zipCode:n.Yj().min(1,{message:"Zip Code is required"}),street:n.Yj().min(1,{message:"Street is required"}),city:n.Yj().min(1,{message:"City is required"}),state:n.Yj().min(1,{message:"State is required"}),country:n.Yj().min(1,{message:"Country is required"}),message:n.Yj().min(1,{message:"Message is required"}),quantity:n.Yj().min(1,{message:"Quantity is required"}).refine(e=>parseInt(e)>0,{message:"Quantity must be greater than 0"}),terms:n.zM().refine(e=>e,{message:"Please accept the terms"})})},94660:(e,r,t)=>{t.d(r,{A:()=>x});var n=t(97135),a=t(43328),i=t(51282),s=t(86840),o=t(43629),l=t(32987),d=t(71411),c=t(91921),m=t(99244),u=t(26943),h=t(7023),g=t(62960);let f=["mousedown","touchstart","keydown"];var p=t(39735);let x=e=>{var r;let{setIsDatasheetModalOpen:t,formats:l,showDropdown:x,title:w,subtitle:A}=e,[C,k]=(0,h.useState)(!1),[N,S]=(0,h.useState)(!1),{cableData:I}=(0,h.useContext)(u.S),q=(0,h.useRef)(null),{register:E,handleSubmit:D,formState:{errors:L}

1,control:Y}=(0,a.mN)({resolver:(0,d.u)(c.b),mode:"onSubmit",reValidateMode:"onSubmit"});!function(e,r,t){(0,h.useEffect)(()=>{if(!r)return;let n=t=>{!Array.of(e).flat().some(e=>!e.current||e.current.contains(t.target))&&r&&r(t)},a=e=>{"Escape"===e.key&&r(e)};return f.forEach(e=>{document.addEventListener(e,n)}),t&&document.addEventListener("keydown",a),()=>{f.forEach(e=>{document.removeEventListener(e,n)}),t&&document.removeEventListener("keydown",a)}},[!r])}(q,()=>{t(e=>!e)},!0),(0,h.useEffect)(()=>(document.body.classList.add("no-scroll"),()=>{document.body.classList.remove("no-scroll")}),[]);let F=async e=>{var r,n,a;console.log(e),k(!0);let i=null==(r=e.formats)?void 0:r.map(e=>e.value).join(","),s=null==I||null==(n=I.index)?void 0:n.path,o=null==I||null==(a=I.index)?void 0:a.varsettransfer;window.psol.core.setUserInfo({server_type:"SUPPLIER_EXTERNAL_harwin",title:"",firstname:e.firstName,lastname:e.lastName,userfirm:e.company,street:"",zip:"",city:"",country:"",phone:"",fax:"",email:e.email}),Promise.resolve(window.psol.order.orderData(null,s,o,x?i:"PDFDATASHEET",{downloadflags:"ZIP",language:"english"},!1)).then(e=>{let r=document.createElement("a");r.setAttribute("href",e.zipfile),r.setAttribute("download",e.filename),document.body.appendChild(r),r.click(),document.body.removeChild(r)}).catch(()=>{S(!0)}).finally(()=>{k(!1),t(!1)})},R=null==l?void 0:l.map(e=>({value:e.value,label:"".concat(e.name," (").concat(e.value,")")}));return(0,n.jsx)("form",{onSubmit:D(F),children:(0,n.jsx)(b,{children:(0,n.jsx)(v,{children:(0,n.jsx)(y,{ref:q,children:(0,n.jsxs)(s.A,{gap:4,children:[(0,n.jsxs)(s.A,{gap:2,children:[(0,n.jsx)(i.A,{as:"h1",type:"2",color:"var(--hri)",children:w}),(0,n.jsx)(o.A,{children:A})]}),(0,n.jsxs)(s.A,{gap:2,children:[l&&x&&R&&(0,n.jsxs)(s.A,{gap:1,children:[(0,n.jsx)("label",{htmlFor:"formats",children:(0,n.jsx)(o.A,{color:"var(--link)",weight:"semibold",children:"CAD Format"})}),(0,n.jsx)(a.xI,{control:Y,name:"formats",render:e=>{let{field:{onChange:r,onBlur:t,value:a,name:i,ref:s}}=e;return(0,n.jsx)(p.Ay,{options:R,isLoading:C,onChange:r,isMulti:!0,onBlur:t,value:a,name:i,ref:s,styles:{control:(e,r)=>({...e,borderColor:"var(--link);",padding:"0.575rem 0.15rem",borderRadius:"0.625rem"}),dropdownIndicator:e=>({...e,color:"var(--link)",marginRight:"0.5rem"}),indicatorSeparator:e=>({display:"none"}),indicatorsContainer:e=>({...e,alignSelf:"flex-start"})}})}}),L.formats&&(0,n.jsx)(o.A,{color:"var(--hri)",children:null==L||null==(r=L.formats)?void 0:r.message})]}),(0,n.jsxs)(s.A,{gap:1,children:[(0,n.jsx)("label",{htmlFor:"firstName",children:(0,n.jsx)(o.A,{color:"var(--link)",weight:"semibold",children:"First Name"})}),(0,n.jsx)(m.A,{...E("firstName"),placeholder:"Enter your first name",variant:"configurator",fullWidth:!0}),L.firstName&&(0,n.jsx)(o.A,{color:"var(--hri)",children:L.firstName.message})]}),(0,n.jsxs)(s.A,{gap:1,children:[(0,n.jsx)("label",{htmlFor:"lastName",children:(0,n.jsx)(o.A,{color:"var(--link)",weight:"semibold",children:"Last Name"})}),(0,n.jsx)(m.A,{...E("lastName"),placeholder:"Enter your last name",variant:"configurator",fullWidth:!0}),L.lastName&&(0,n.jsx)(o.A,{color:"var(--hri)",children:L.lastName.message})]}),(0,n.jsxs)(s.A,{gap:1,children:[(0,n.jsx)("label",{htmlFor:"email",children:(0,n.jsx)(o.A,{color:"var(--link)",weight:"semibold",children:"Email"})}),(0,n.jsx)(m.A,{...E("email"),placeholder:"Enter your email",variant:"configurator",fullWidth:!0}),L.email&&(0,n.jsx)(o.A,{color:"var(--hri)",children:L.email.message})]}),(0,n.jsxs)(s.A,{gap:1,children:[(0,n.jsx)("label",{htmlFor:"company",children:(0,n.jsx)(o.A,{color:"var(--link)",weight:"semibold",children:"Company"})}),(0,n.jsx)(m.A,{...E("company"),placeholder:"Enter your company name",variant:"configurator",fullWidth:!0}),L.company&&(0,n.jsx)(o.A,{color:"var(--hri)",children:L.company.message})]})]}),C&&(0,n.jsx)(o.A,{color:"var(--link)",children:"Downloading datasheet..."}),N&&(0,n.jsx)(o.A,{color:"var(--hri)",children:"There was an error downloading the datasheet. Please try again later."}),(0,n.jsxs)(j,{children:[(0,n.jsx)(g.A,{variant:"hriBorder",onClick:()=>t(!1),children:"Cancel"}),(0,n.jsx)(g.A,{variant:"hriStandAlone",type:"submit",disabled:C,children:C?"Requesting...":"Request"})]})]})})})})})},j=l.Ay.div.withConfig({componentId:"sc-b31ac800-0"})(["display:flex;gap:1rem;justify-content:space-between;"]),b=l.Ay.div.withConfig({componentId:"sc-b31ac800-1"})(["position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:100;overflow-y:auto;"]),v=l.Ay.div.withConfig({componentId:"sc-b31ac800-2"})(["display:flex;align-items:flex-start;justify-content:center;margin-block:5rem;"]),y=l.Ay.div.withConfig({componentId:"sc-b31ac800-3"})(["background-color:var(--white);padding:1.5rem;border-radius:0.625rem;max-width:41.1875rem;width:100%;margin-block:2rem;margin-inline:1rem;@media (min-width:48rem){padding:3.75rem;margin-block:5rem;}"])}}]);