https://www.systemair.com/_next/static/chunks/8507.73fa2d3ab2581a3d.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8507],{98507:(e,s,l)=>{l.r(s),l.d(s,{default:()=>A});var i=l(95155),t=l(99764),a=l(9969),r=l(69730),c=l.n(r),n=l(66702),d=l(49820),o=l(12115),m=l(42387),u=l(56411),f=l(91952),x=l(86503),g=l(99779),h=l(56432),p=l(55521),j=l(35208),v=l(91800),N=l(83908),b=l(58323),w=l(67763),y=l(22082);let A=({relations:e,isInGrid:s,isLoading:l,showHeading:r=!0,showPrices:A,buy:C,buyQuantity:k,className:P,gtmTracking:I,icon:L,productCategory:E,product:S})=>{let U=(0,N.G)(w.YB),_=(0,o.useMemo)(()=>(0,n.A)(e?.items,"id"),[e]),z="Accessories",[M,Y]=(0,b.B)([z,"Quick search"]),{activeFilter:B,setActiveFilter:D,filteredRelations:F,searchValue:G,setSearchValue:Q}=function(e){let[s,l]=(0,o.useState)(),[i,t]=(0,o.useState)([]),[a,r]=(0,o.useState)("");return(0,o.useEffect)(()=>{r(""),l(void 0)},[e]),(0,o.useEffect)(()=>{t(a||s?e.filter(e=>{let l=!a||e.name.toLowerCase().includes(a.toLowerCase())||!!e.vendorId?.toLowerCase().includes(a.toLowerCase()),i=!s||s===e.filter;return l&&i}):e)},[a,s,e]),{activeFilter:s,setActiveFilter:l,filteredRelations:i,searchValue:a,setSearchValue:r}}(_),T=(0,o.useMemo)(()=>(0,d.A)(_,"id"),[_]),q=(0,v.wC)(!!A,T),K=(0,v.ey)(F,q);return(0,i.jsx)(p.A,{id:"relations",className:P,...I&&{"data-gtm-name":z,"data-gtm-label":M},children:(0,i.jsxs)(x.A,{size:j.YuK.FLUID,isInGrid:s,children:[r&&(0,i.jsx)("div",{className:"row",children:(0,i.jsxs)("div",{className:"col-12 flex flex-row gap-100 items-center mb-26",children:[L&&(0,i.jsx)(a.g,{icon:L,className:"text-lg"}),(0,i.jsx)(h.DZ,{level:2,className:"m-0",children:M})]})}),l&&!_.length&&(0,i.jsx)("div",{className:"row",children:(0,i.jsx)("div",{className:"col-12",children:(0,i.jsx)(g.A,{})})}),(0,i.jsxs)("div",{className:"flex gap-400 mb-200 sm-max:flex-col sm-max:gap-200 desktop-nav:items-center",children:[(0,i.jsxs)("div",{className:"form-input-icon-left form-input-icon-right-clickable h-full",children:[(0,i.jsx)("input",{type:"text",placeholder:Y,className:"form-input form-input-small",onChange:e=>Q(e.target.value),value:G,disabled:l}),(0,i.jsx)(a.g,{icon:t.Mj}),(0,i.jsx)("button",{onClick:()=>Q(""),className:c()("absolute flex items-center top-100 right-150",{hidden:!G}),children:(0,i.jsx)(a.g,{icon:t.yY})})]}),e?.filters&&e.filters.length>1&&(0,i.jsx)("div",{className:"flex flex-wrap gap-050",children:(0,d.A)(e.filters,(s,l)=>(0,i.jsx)(m.A,{name:s,label:e.items.find(e=>e.group===s)?.groupName,isSelected:B===s,handleToggle:()=>{D(B===s?void 0:s)}},s+l))})]}),!!G&&!F.length&&(0,i.jsx)("div",{className:"flex justify-center",children:(0,i.jsx)(f.A,{})}),F.length?(0,i.jsxs)("div",{className:"row -mx-100 relative gtm-product-list",children:[l&&(0,i.jsx)("div",{className:"absolute bg-white bg-opacity-50 flex justify-center p-400 w-full h-full z-[100]",children:(0,i.jsx)(a.g,{icon:t.sq,spin:!0,size:"3x"})}),(0,d.A)(K,(e,s)=>(0,i.jsx)("div",{className:"gtm-product-card col-6 md:col-4 lg:col-3 mb-200 px-100",children:(0,i.jsx)(u.A,{linkUrl:(0,y.o)(e.name,e.id,U),name:e.name,imageUrl:e.image,vendorId:e.vendorId,gtmCategoryName:e?.filter,tagline:e.tagline,type:j.ii8.RELATION,buy:C,showPrice:A,buyQuantity:k,skuId:e.id,price:function(e){if(e)return{userPrice:e.float,listPrice:e.float,discountPercentage:0,finalPrice:e.float,formattedUserPrice:e.string,formattedListPrice:e.string,formattedFinalPrice:e.string}}(e.price),productCategory:E,product:S})},e.id+s))]}):null]})})}}}]);