https://hawc-servers.com/static/js/3511.0c08bc3b.chunk.js

1(self.webpackChunkhawc_web=self.webpackChunkhawc_web||[]).push([[3511],{18424:(e,t,o)=>{"use strict";o.d(t,{Z:()=>d,R:()=>c});o(60092);var r,n=o(9950);function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var r in o)({}).hasOwnProperty.call(o,r)&&(e[r]=o[r])}return e},a.apply(null,arguments)}const i=(e,t)=>{let{title:o,titleId:i,...l}=e;return n.createElement("svg",a({width:25,height:25,viewBox:"0 0 25 25",fill:"none",xmlns:"http://www.w3.org/2000/svg",ref:t,"aria-labelledby":i},l),o?n.createElement("title",{id:i},o):null,r||(r=n.createElement("circle",{cx:12.5,cy:12.5,r:12.5,fill:"#4196F0"})))},l=(0,n.forwardRef)(i);o.p;var s=o(44414);const c=e=>{let{width:t,height:o,fill:r,stroke:n,className:a,imagePath:i}=e;return(0,s.jsx)("svg",{className:a,"data-src":i,style:{width:t,height:o,fill:r,stroke:n}})},d=e=>{let{width:t,height:o,fill:r,stroke:n,className:a}=e;return(0,s.jsx)(l,{className:a,style:{width:t,height:o,fill:r,stroke:n}})}},50073:(e,t,o)=>{"use strict";o.a(e,(async(e,r)=>{try{o.d(t,{A:()=>j});var n=o(12783),a=o(18424),i=o(9950),l=o(28429),s=o(72902),c=o(69447),d=o(20517),u=o(6718),v=o(36050),h=o(73060),m=o(50307),g=o(49411),p=o(24891),_=o(56108),f=o(48897),y=o(44460),b=o(44414),S=e([y]);y=(S.then?(await S)():S)[0];const x=e=>{var t,o,r,a,i,c,d,u,v,h,_,f;const S=(0,l.Zp)(),{i18n:x}=(0,p.Bd)(),w=null===x||void 0===x||null===(t=x.language)||void 0===t?void 0:t.slice(0,2),A=null===e||void 0===e||null===(o=e.product)||void 0===o||null===(r=o.localizations)||void 0===r?void 0:r.find((e=>e.locale===w)),j=window.location.pathname.split("/")[1]||"en",N=y.qJ[j];return(0,b.jsxs)("div",{className:s.A.item,children:[(0,b.jsx)("h3",{children:null===e||void 0===e||null===(a=e.product)||void 0===a?void 0:a.mpn}),(0,b.jsx)(m.A,{hoverImage:"https://admin.hawc-servers.com"+(null===e||void 0===e||null===(i=e.product)||void 0===i||null===(c=i.category)||void 0===c||null===(d=c.background)||void 0===d?void 0:d.url)+"?width=500",onClick:()=>{var t,o,r,n;return S("/".concat(j,"/").concat(N.categories,"/").concat(null===e||void 0===e||null===(t=e.product)||void 0===t||null===(o=t.category)||void 0===o||null===(r=o.name)||void 0===r?void 0:r.toLowerCase(),"/").concat(null===e||void 0===e||null===(n=e.product)||void 0===n?void 0:n.mpn))},className:"".concat(s.A.product),hover:(0,b.jsxs)("div",{className:s.A.hover,children:[(0,b.jsx)("p",{className:"normal ".concat(s.A.scrollableText),children:A?A.sectorDescription:null===e||void 0===e||null===(u=e.product)||void 0===u?void 0:u.sectorDescription}),(0,b.jsx)(n.default,{style:n.Style.Secondary,size:n.Size.Normal,icon:(0,b.jsx)(g.PlusIcon,{stroke:"#0671E0"}),iconPlacement:n.IconPlacement.Left,children:null===e||void 0===e||null===(v=e.translation)||void 0===v||null===(h=v.headers)||void 0===h||null===(_=h.products)||void 0===_?void 0:_.button})]}),children:(0,b.jsx)("img",{className:s.A.foregroundImage,src:"https://admin.hawc-servers.com"+e.path+"?width=500",alt:null===e||void 0===e||null===(f=e.product)||void 0===f?void 0:f.mpn})})]})},w=e=>(0,b.jsxs)("div",{className:s.A.gridItem,children:[(0,b.jsx)("img",{src:e.galleryImg+"?width=500",alt:e.title}),(0,b.jsxs)("div",{className:s.A.itemContent,children:[(0,b.jsx)("h4",{children:e.title}),(0,b.jsx)("p",{className:"body-2",children:e.message})]})]}),A=e=>{var t,o,r,c,m,g,p,S,A,j,N,E,O,I,k,T,C,M,P,q,G,L,F;const H=(0,l.Zp)(),{sectorName:z}=(0,l.g)(),B=(0,u.mZ)(),[D,J]=(0,i.useState)({}),{width:R}=(0,u.vh)(),{data:W,status:K}=(0,h.q)("sectors"),{data:Z,status:V}=(0,f.I)({queryKey:["sectors-products",z],queryFn:()=>(0,_.e)([],{sector:{hash:{$eq:z}}},"mpn",1,999999,["images","category.background","localizations"],B)}),U=window.location.pathname.split("/")[1]||"en",X=y.qJ[U];return(0,i.useEffect)((()=>{var e;J(null===W||void 0===W||null===(e=W.sort(((e,t)=>e.orderOfAppearance-t.orderOfAppearance)))||void 0===e?void 0:e.reduce(((e,t)=>(e[null===t||void 0===t?void 0:t.hash]={name:null===t||void 0===t?void 0:t.name,icon:function(e){var o;let r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"auto";return(0,b.jsx)(a.R,{fill:e,width:"auto",height:r,imagePath:"https://admin.hawc-servers.com"+(null===t||void 0===t||null===(o=t.icon)||void 0===o?void 0:o.url)})},mainImage:null===t||void 0===t?void 0:t.mainImage,gallery:null===t||void 0===t?void 0:t.gallery},e)),{}))}),[K,W]),"success"===K&&D&&z&&e.translationLoaded?(0,b.jsxs)("div",{className:s.A.container,children:[(0,b.jsx)("div",{className:s.A.categories,children:null===Object||void 0===Object||null===(t=Object.entries(D))||void 0===t?void 0:t.map(((e,t)=>{let[o,r]=e;return(0,b.jsx)(n.default,{className:s.A.sector,height:"7em",mobileHeight:"7em",onClick:()=>H("/".concat(U,"/").concat(X.sectors,"/").concat(o)),style:n.Style.BlackOutlineSectors,size:R>=600?n.Size.Big:n.Size.Small,icon:null===r||void 0===r?void 0:r.icon(z===o?"#FEFEFE":"#0092E4",R>=600?"48px":"28px"),iconPlacement:n.IconPlacement.Right,selected:z===o,customFontSize:!0,children:(0,b.jsx)("h4",{children:r.name})},t)}))}),z in D&&(0,b.jsxs)("div",{className:s.A.content,children:[(0,b.jsxs)("div",{className:s.A.header,children:[(0,b.jsxs)(v.A,{templates:[v.a.Opacity,v.a.X],movement:-50,duration:.5,once:!1,exit:!1,className:s.A.left,children:[(0,b.jsx)("h4",{children:null===e||void 0===e||null===(o=e.translation)||void 0===o||null===(r=o.headers)||void 0===r||null===(c=r.solution)||void 0===c?void 0:c.title}),(0,b.jsx)("h1",{children:null===e||void 0===e||null===(m=e.translation)||void 0===m||null===(g=m.sectors)||void 0===g||null===(p=g[z])||void 0===p?void 0:p.title}),(0,b.jsx)("p",{className:"body-1",children:null===e||void 0===e||null===(S=e.translation)||void 0===S||null===(A=S.sectors)||void 0===A||null===(j=A[z])||void 0===j?void 0:j.message})]}),(0,b.jsx)("div",{className:"shadow-2 ".concat(s.A.circle),children:(0,b.jsx)("div",{className:s.A.

1icon,children:D[z].icon("#FEFEFE",R>=600?"66px":"48px")})})]}),(0,b.jsx)(v.A,{templates:[v.a.Opacity],duration:.5,once:!1,exit:!1,children:(0,b.jsx)("img",{className:s.A.image,src:"https://admin.hawc-servers.com"+(null===(N=D[z])||void 0===N||null===(E=N.mainImage)||void 0===E?void 0:E.url),alt:"sector"})}),(0,b.jsxs)("div",{className:s.A.destiny,children:[(0,b.jsx)("h2",{children:(0,b.jsxs)(v.A,{templates:[v.a.Opacity,v.a.X],movement:-50,duration:.5,once:!1,exit:!1,children:[null===e||void 0===e||null===(O=e.translation)||void 0===O||null===(I=O.headers)||void 0===I||null===(k=I.applications)||void 0===k?void 0:k.title," "]})}),(0,b.jsx)(v.A,{templates:[v.a.Opacity],duration:.5,once:!1,exit:!1,className:s.A.grid,children:[1,2,3,4].filter((t=>{var o,r,n,a;const i=null===e||void 0===e||null===(o=e.translation)||void 0===o||null===(r=o.sectors)||void 0===r||null===(n=r[z])||void 0===n||null===(a=n.applications)||void 0===a?void 0:a["h".concat(t)];return(null===i||void 0===i?void 0:i.title)||(null===i||void 0===i?void 0:i.message)})).map((t=>{var o,r,n,a,i,l,s,c,d,u,v,h,m;return(0,b.jsx)(w,{title:null===e||void 0===e||null===(o=e.translation)||void 0===o||null===(r=o.sectors)||void 0===r||null===(n=r[z])||void 0===n||null===(a=n.applications)||void 0===a||null===(i=a["h".concat(t)])||void 0===i?void 0:i.title,message:null===e||void 0===e||null===(l=e.translation)||void 0===l||null===(s=l.sectors)||void 0===s||null===(c=s[z])||void 0===c||null===(d=c.applications)||void 0===d||null===(u=d["h".concat(t)])||void 0===u?void 0:u.message,galleryImg:"https://admin.hawc-servers.com"+(null===(v=D[z])||void 0===v||null===(h=v.gallery)||void 0===h||null===(m=h[t-1])||void 0===m?void 0:m.url)},t)}))})]}),"success"===V&&(null===Z||void 0===Z||null===(T=Z.data)||void 0===T?void 0:T.length)>0&&(0,b.jsxs)("div",{className:s.A.products,children:[(0,b.jsxs)("div",{className:s.A.productsHeader,children:[(0,b.jsx)("h1",{children:null===e||void 0===e||null===(C=e.translation)||void 0===C||null===(M=C.headers)||void 0===M||null===(P=M.products)||void 0===P?void 0:P.title}),(0,b.jsx)("p",{className:"body-1",children:null===e||void 0===e||null===(q=e.translation)||void 0===q||null===(G=q.headers)||void 0===G||null===(L=G.products)||void 0===L?void 0:L.message})]}),(0,b.jsx)("div",{className:"".concat(s.A.productsGrid," productsGrid"),children:null===Z||void 0===Z||null===(F=Z.data)||void 0===F?void 0:F.map(((t,o)=>(0,b.jsx)(x,{product:t,path:t.images[0].url,translation:null===e||void 0===e?void 0:e.translation},o)))})]})]})]}):(0,b.jsx)(d.A,{})},j=(0,c.A)("sectors")(A);r()}catch(x){r(x)}}))},19849:(e,t,o)=>{"use strict";o.a(e,(async(e,r)=>{try{o.r(t),o.d(t,{default:()=>s});var n=o(50073),a=o(43441),i=o(44414),l=e([n,a]);[n,a]=l.then?(await l)():l;const s=()=>(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.A,{}),(0,i.jsx)(a.A,{})]});r()}catch(s){r(s)}}))},60092:()=>{(()=>{"use strict";var e={701:e=>{let t=0;e.exports={incr:()=>++t,decr:()=>--t,curr:()=>t}},941:e=>{e.exports=function(e,t){let o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"";const r=/url\(['"]?#([\w:.-]+)['"]?\)/g,n=/#([\w:.-]+)/g;return t.match(r)&&(t=t.replace(r,(function(t,o){return e[o]?"url(#".concat(e[o],")"):t}))),["href","xlink:href"].includes(o)&&t.match(n)&&(t=t.replace(n,(function(t,o){return e[o]?"#".concat(e[o]):t}))),t}},905:e=>{e.exports=(e,t,o)=>{const r=new RegExp("([^\r\n,{}]+)(,(?=[^}]*{)|s*{)","g");return e.replace(r,(function(e,r,n){if(r.match(/^\s*(@media|@.*keyframes|to|from|@font-face|1?[0-9]?[0-9])/))return r+n;const a=r.match(/#(\w+)/);return a&&o[a[1]]&&(r=r.replace(a[0],"#".concat(o[a[1]]))),(r=r.replace(/^(\s*)/,"$1"+t+" "))+n}))}},678:(e,t,o)=>{function r(e){return new Promise(((t,o)=>{e.oncomplete=e.onsuccess=()=>t(e.result),e.onabort=e.onerror=()=>o(e.error)}))}function n(e,t){const o=indexedDB.open(e);o.onupgradeneeded=()=>o.result.createObjectStore(t);const n=r(o);return(e,o)=>n.then((r=>o(r.transaction(t,e).objectStore(t))))}let a;function i(){return a||(a=n("keyval-store","keyval")),a}function l(e){return(arguments.length>1&&void 0!==arguments[1]?arguments[1]:i())("readonly",(t=>r(t.get(e))))}function s(e,t){return(arguments.length>2&&void 0!==arguments[2]?arguments[2]:i())("readwrite",(o=>(o.put(t,e),r(o.transaction))))}function c(e){return(arguments.length>1&&void 0!==arguments[1]?arguments[1]:i())("readwrite",(t=>(e.forEach((e=>t.put(e[1],e[0]))),r(t.transaction))))}function d(e){return(arguments.length>1&&void 0!==arguments[1]?arguments[1]:i())("readonly",(t=>Promise.all(e.map((e=>r(t.get(e)))))))}function u(e,t){return(arguments.length>2&&void 0!==arguments[2]?arguments[2]:i())("readwrite",(o=>new Promise(((n,a)=>{o.get(e).onsuccess=function(){try{o.put(t(this.result),e),n(r(o.transaction))}catch(e){a(e)}}}))))}function v(e){return(arguments.length>1&&void 0!==arguments[1]?arguments[1]:i())("readwrite",(t=>(t.delete(e),r(t.transaction))))}function h(e){return(arguments.length>1&&void 0!==arguments[1]?arguments[1]:i())("readwrite",(t=>(e.forEach((e=>t.delete(e))),r(t.transaction))))}function m(){return(arguments.length>0&&void 0!==arguments[0]?arguments[0]:i())("readwrite",(e=>(e.clear(),r(e.transaction))))}function g(e,t){return e.openCursor().onsuccess=function(){this.result&&(t(this.result),this.result.continue())},r(e.transaction)}function p(){return(arguments.length>0&&void 0!==arguments[0]?arguments[0]:i())("readonly",(e=>{if(e.getAllKeys)return r(e.getAllKeys());const t=[];return g(e,(e=>t.push(e.key))).then((()=>t))}))}function _(){return(arguments.length>0&&void 0!==arguments[0]?arguments[0]:i())("readonly",(e=>{if(e.getAll)return r(e.getAll());const t=[];return g(e,(e=>t.push(e.value))).then((()=>t))}))}function f(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:i();return e("readonly",(t=>{if(t.getAll&&t.getAllKeys)return Promise.all([r(t.getAllKeys()),r(t.getAll())]).then((e=>{let[t,o]=e;return t.map(((e,t)=>[e,o[t]]))}));const o=[];return e("readonly",(e=>g(e,(e=>o.push([e.key,e.value]))).then((()=>o))))}))}o.r(t),o.d(t,{clear:()=>m,createStore:()=>n,del:()=>v,delMany:()=>

1h,entries:()=>f,get:()=>l,getMany:()=>d,keys:()=>p,promisifyRequest:()=>r,set:()=>s,setMany:()=>c,update:()=>u,values:()=>_})}},t={};function o(r){var n=t[r];if(void 0!==n)return n.exports;var a=t[r]={exports:{}};return e[r](a,a.exports,o),a.exports}o.d=(e,t)=>{for(var r in t)o.o(t,r)&&!o.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{const{get:e,set:t,del:r,entries:n}=o(678),a=o(905),i=o(941),l=o(701),s=[],c={},d=(e,t,o)=>{const{enableJs:r,disableUniqueIds:n,disableCssScoping:d}=t,u=(new DOMParser).parseFromString(o,"text/html"),v=u.querySelector("svg"),h=(()=>{if(s.length)return s;for(const e in document.head)e.startsWith("on")&&s.push(e);return s})(),m=c[e.getAttribute("data-id")]||new Set,g=e.getAttribute("data-id")||"svg-loader_".concat(l.incr()),p={};n||Array.from(u.querySelectorAll("[id]")).forEach((e=>{const t=e.getAttribute("id"),o="".concat(t,"_").concat(l.incr());e.setAttribute("id",o),p[t]=o})),Array.from(u.querySelectorAll("*")).forEach((t=>{if("script"===t.tagName){if(t.remove(),!r)return;{const o=document.createElement("script");o.appendChild(t.childNodes[0]),e.appendChild(o)}}const o=[];for(let e=0;e<t.attributes.length;e++){const{name:n,value:a}=t.attributes[e],l=i(p,a,n);a!==l&&t.setAttribute(n,l),!h.includes(n.toLowerCase())||r?["href","xlink:href"].includes(n)&&a.startsWith("javascript")&&!r&&o.push(n):o.push(n)}if(o.forEach((e=>t.removeAttribute(e))),"style"===t.tagName&&!d){let e=a(t.innerHTML,'[data-id="'.concat(g,'"]'),p);e=i(p,e),e!==t.innerHTML&&(t.innerHTML=e)}}));for(let a=0;a<v.attributes.length;a++){const{name:t,value:o}=v.attributes[a];e.getAttribute(t)&&!m.has(t)||(m.add(t),e.setAttribute(t,o))}c[g]=m,e.setAttribute("data-id",g),e.innerHTML=v.innerHTML;const _=new CustomEvent("iconload",{bubbles:!0});if(e.dispatchEvent(_),e.getAttribute("oniconload")){e.setAttribute("onauxclick",e.getAttribute("oniconload"));const t=new CustomEvent("auxclick",{bubbles:!1,view:window});e.dispatchEvent(t),e.removeAttribute("onauxclick")}},u={},v={},h=async o=>{const n=o.getAttribute("data-src"),a=o.getAttribute("data-cache"),i="enabled"===o.getAttribute("data-js"),l="disabled"===o.getAttribute("data-unique-ids"),s="disabled"===o.getAttribute("data-css-scoping"),c=await(async t=>{let o;try{o=await e("loader_".concat(t))}catch(e){}if(!o)try{o=localStorage.getItem("loader_".concat(t))}catch(e){}if(o)return o=JSON.parse(o),Date.now()<o.expiry?o.data:void r("loader_".concat(t))})(n),m="disabled"!==a,g=d.bind(self,o,{enableJs:i,disableUniqueIds:l,disableCssScoping:s});if(v[n]||m&&c){const e=v[n]||c;g(e)}else{if(u[n])return void setTimeout((()=>h(o)),20);u[n]=!0,fetch(n).then((e=>{if(!e.ok)throw Error("Request for '".concat(n,"' returned ").concat(e.status," (").concat(e.statusText,")"));return e.text()})).then((e=>{const o=e.toLowerCase().trim();if(!o.startsWith("<svg")&&!o.startsWith("<?xml"))throw Error("Resource '".concat(n,"' returned an invalid SVG file"));m&&(async(e,o,r)=>{const n=parseInt(r,10),a=JSON.stringify({data:o,expiry:Date.now()+(Number.isNaN(n)?2592e6:n)});try{await t("loader_".concat(e),a)}catch(t){try{localStorage.setItem("loader_".concat(e),a)}catch(e){console.warn("Failed to set cache: ",e)}}})(n,e,a),v[n]=e,g(e)})).catch((e=>{console.error(e)})).finally((()=>{delete u[n]}))}};let m;globalThis.IntersectionObserver&&(m=new IntersectionObserver((e=>{e.forEach((e=>{e.isIntersecting&&(h(e.target),m.unobserve(e.target))}))}),{rootMargin:"1200px"}));const g=[];function p(){Array.from(document.querySelectorAll("svg[data-src]:not([data-id])")).forEach((e=>{-1===g.indexOf(e)&&(g.push(e),"lazy"===e.getAttribute("data-loading")?m.observe(e):h(e))}))}let _=!1;if(globalThis.addEventListener){const f=setInterval((()=>{p()}),100);function y(){clearInterval(f),p(),_||(_=!0,new MutationObserver((e=>{e.some((e=>Array.from(e.addedNodes).some((e=>e.nodeType===Node.ELEMENT_NODE&&(e.getAttribute("data-src")&&!e.getAttribute("data-id")||e.querySelector("svg[data-src]:not([data-id])"))))))&&p(),e.forEach((e=>{"attributes"===e.type&&h(e.target)}))})).observe(document.documentElement,{attributeFilter:["data-src"],attributes:!0,childList:!0,subtree:!0}))}"interactive"===document.readyState?y():globalThis.addEventListener("DOMContentLoaded",(()=>{y()}))}globalThis.SVGLoader={},globalThis.SVGLoader.destroyCache=async()=>{try{const e=await n();for(const t of e)t[0].startsWith("loader_")&&await r(t[0])}catch(e){}Object.keys(localStorage).forEach((e=>{e.startsWith("loader_")&&localStorage.removeItem(e)}))}})()})()},72902:(e,t,o)=>{"use strict";o.d(t,{A:()=>r});const r={"shadow-1":"Sectors_shadow-1__2AGC5","shadow-2":"Sectors_shadow-2__zy94i","shadow-3":"Sectors_shadow-3__db-6p","shadow-4":"Sectors_shadow-4__9dEc4",h1Style:"Sectors_h1Style__mHBAv",h4Style:"Sectors_h4Style__+GnZ3","body-1":"Sectors_body-1__rBgiu","body-2":"Sectors_body-2__3hA1T","body-3":"Sectors_body-3__30Zjj","body-4":"Sectors_body-4__nFQgF",normal:"Sectors_normal__EWTiw",pStyle:"Sectors_pStyle__lep8F","medium-bold":"Sectors_medium-bold__uGNGf",medium:"Sectors_medium__pPaLG",small:"Sectors_small__-d52H","text-1":"Sectors_text-1__dmBj+","add-bold":"Sectors_add-bold__e2wVm",bold:"Sectors_bold__VAdGa","add-pointer":"Sectors_add-pointer__+vflf",container:"Sectors_container__REaGz",categories:"Sectors_categories__bkNgW",sector:"Sectors_sector__-iM5p",content:"Sectors_content__iEgdK",header:"Sectors_header__yI6jZ",left:"Sectors_left__OfG+H",circle:"Sectors_circle__hUn+T",icon:"Sectors_icon__jyyYw",image:"Sectors_image__+lpoM",features:"Sectors_features__Va73z",headlines:"Sectors_headlines__AWH0n",headline:"Sectors_headline__+Juh7",square:"Sectors_square__jmmU5",headlineContent:"Sectors_headlineContent__-JoHB",destiny:"Sectors_destiny__Tu2S7",grid:"Sectors_grid__4BTOu",gridItem:"Sectors_gridItem__OFNE9",itemContent:"Sectors_itemContent__Mw6JD",products:"Sectors_products__5-adI",productsHeader:"Sectors_productsHeader__ocGDB",productsGrid:"Sectors_productsGrid__Gkf-6",product:"Sectors_product__PcUJK",scrollableText:"Sectors_scrollableText__nIRd2",foregroundImage:"Sectors_foregroundImage__voCpi",hover:"Sectors_hover__MG-1j"}}}]);