https://www.kvik.fi/_next/static/chunks/6700-c76ce5104b806459.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6700],{10977:(e,t,l)=>{l.d(t,{N:()=>p});var s=l(37876),a=l(14232),r=l(11110),i=l(96636),n=l(17994),o=l(67605),d=l(17269),c=l(18221),u=l(16878),x=l(57835);let h=e=>(0,s.jsx)("svg",{width:"1em",height:"1em",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-label":"Filter icon",...e,children:(0,s.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6 11.5a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm.959-.5a3 3 0 1 0 0 1H23v-1H6.959ZM14 18.5a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm.959-.5a3 3 0 0 0-5.918 0H1v1h8.041a3 3 0 0 0 5.918 0H23v-1h-8.041ZM20 4.5a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm.959-.5a3 3 0 0 0-5.918 0H1v1h14.041a3 3 0 0 0 5.918 0H23V4h-2.041Z",fill:"currentColor"})});var m=l(94517);let p=e=>{let{facets:t,activeFilters:l,handleOnSingleFilterClick:p,clearFilters:g,totalCount:v,isFetching:f}=e,{t:b}=(0,d.Bd)(),j=(0,o.xC)(t,l),[N,y]=(0,a.useState)(!1);return(0,m.m)(N),(0,s.jsxs)(x._s,{open:N,onOpenChange:y,children:[(0,s.jsx)(x.Uz,{asChild:!0,children:(0,s.jsxs)(i.$,{color:"white",className:"flex-1 flex-shrink-0 [&>span]:justify-self-center",children:[(0,s.jsx)(h,{className:"size-5 rs:size-8 inline-block mr-2"}),b("Filters")]})}),(0,s.jsxs)(x.zj,{isFullScreen:!0,className:"sm:min-w-[480px]",ariaLabelledby:"filters-title",children:[(0,s.jsx)(x.BE,{className:"!pl-6 sm:!pl-md",children:(0,s.jsx)(x.gk,{className:"!text-h2 sm:!text-2xl",id:"filters-title",children:b("Filters")})}),(0,s.jsx)(x.ys,{children:t?(0,s.jsxs)("div",{className:"flex flex-col justify-end pb-sm h-full rs:w-[40vw]",children:[(0,s.jsx)("div",{className:"overflow-y-scroll thin-scrollbars",children:(0,s.jsx)(c.bL,{type:"single",collapsible:!0,className:"lg:hidden my-12 border-gray-tint border-b border-solid",children:(0,s.jsx)(s.Fragment,{children:t.map(e=>{var t;return(0,s.jsxs)(c.q7,{value:null==e?void 0:e.displayName,className:"py-2 border-gray-tint border-t first-of-type:border-t-0 border-solid",children:[(0,s.jsxs)(c.l9,{className:"group w-full text-start py-4 data-[state=open]:text-black data-[state=open]:font-bold flex justify-between items-center",children:[null!=(t=null==e?void 0:e.displayName)?t:null==e?void 0:e.name,(0,s.jsx)(u.A,{className:"duration-300 transform rotate-90 group-data-[state=open]:-rotate-90"})]}),(0,s.jsx)(c.UC,{className:"py-4 data-[state=closed]:animate-accordionSlideUp data-[state=open]:animate-accordionSlideDown overflow-hidden",children:(0,s.jsx)(r.s,{activeFilters:l,facet:e,handleOnSingleFilterClick:p})})]},null==e?void 0:e.displayName)})})})}),(0,s.jsxs)("div",{className:"fixed w-full bottom-0 left-0 flex justify-around gap-xs py-xs px-sm sm:py-sm sm:px-md",children:[(0,s.jsx)(i.$,{className:"!w-1/3 !px-0 !border-0",onClick:g,children:b("ClearFilters")}),(0,s.jsx)(x.cp,{asChild:!0,children:(0,s.jsx)(i.$,{className:"!w-2/3",color:"black",children:b("FiltersShowProductsButtonLabel",{amount:j||v})})})]})]}):f&&(0,s.jsx)("div",{className:"flex justify-center items-center h-[75vh]",children:(0,s.jsx)(n.a,{})})})]})]})}},11110:(e,t,l)=>{l.d(t,{s:()=>i});var s=l(37876),a=l(69241),r=l(94643);let i=e=>{var t;let{facet:l,activeFilters:i,handleOnSingleFilterClick:n,itemClassName:o,className:d}=e;return l.values&&l.values.length&&"ColorName"!==l.name&&"EcomProductTRIGGER"!==l.name?(0,s.jsx)("div",{className:(0,a.A)("flex flex-col pt-xs pb-xs gap-2xs rs:gap-xs",d),children:null==(t=l.values)?void 0:t.map((e,t)=>{var d;let c=l.name||"temp",u=e.value||"something",x=!!i[c]&&-1!==i[c].findIndex(e=>e===u),h="ColorFamily"===l.name;return(0,s.jsxs)("label",{className:(0,a.A)("flex justify-between items-center cursor-pointer",o),children:[(0,s.jsxs)("div",{className:"flex items-center",children:[h&&(0,s.jsx)("div",{className:"size-8 rs:size-14 rounded-[50%] mr-sm rs:mr-xs border border-solid border-black/50",style:{backgroundColor:null==(d=e.hexCode)?void 0:d.toString()}}),(0,s.jsx)("p",{className:"text text-body",children:e.value})]}),(0,s.jsxs)("p",{className:"text text-body text-gray-tint flex-grow text-right mr-2 rs:mr-6",children:["(",e.count,")"]}),(0,s.jsx)(r.S,{checked:x,value:u,onCheckedChange:()=>n(c,u)})]},t)})}):null}},26700:(e,t,l)=>{l.d(t,{z:()=>B,H:()=>I});var s=l(37876),a=l(89099),r=l(63925),i=l(82405),n=l(427),o=l(54882),d=l(42320),c=l(67605),u=l(76824),x=l(10977),h=l(88729),m=l(22033),p=l(17269),g=l(51556),v=l(97154),f=l(14169),b=l(77328),j=l.n(b),N=l(97860),y=l(51420),w=l(27888),P=l(78567),k=l(38280),C=l(14232),F=l(84663),L=l(22285),O=l(62116),S=l(11110),_=l(72499),z=l(67260),M=l(38671);let R=e=>{let{count:t=1,name:l}=e,{t:s}=(0,p.Bd)();return 1===t?l:s("PageCountOfName",{count:t,name:l})},I=()=>{let{push:e,query:t,asPath:l}=(0,a.useRouter)(),{subcategory:s,page:i="1",sortOrder:n="4",...o}=t,d=(0,r.XH)(o),c=Object.keys(d).reduce((e,t)=>

1(e[t]=(0,_.U)(d[t]),e),{}),u=t=>{"4"===t.sortOrder&&delete t.sortOrder,e({pathname:l.split("?")[0],query:t},void 0,{shallow:!0})},x=Object.keys(c).length>0;return{page:Number(i),sortOrder:n,setParams:u,clearParams:()=>{u({sortOrder:n})},filters:c,toggleFilter:(e,t)=>{let l,{[e]:s,...a}=c;l=void 0===s?[t]:s.includes(t)?s.filter(e=>e!==t):[...s,t],u({...a,sortOrder:n,[e]:l})},hasFilters:x}};function B(e){var t,l,a,b,_,B,A=[e.categoryId];let E=(0,L.b)();(0,C.useEffect)(()=>{A&&0!==A.length&&(null===F.F||void 0===F.F||F.F.trackProductCategoryView({idPath:A,user:E}))},[A]);let{t:H}=(0,p.Bd)(),U=(0,m.t)(),{page:$,sortOrder:T,filters:Z,setParams:q,clearParams:D,toggleFilter:Y,hasFilters:J}=I(),V=(0,r.QT)(e.categoryId,Z,$,e.oneVariantPerGroup);(0,d.I)({products:(0,d.$)(null==(t=V.data)?void 0:t.pages),listName:"product listing page"});let{facets:W}=(0,c.sh)(V.data),G=(null==(l=V.data)?void 0:l.pages[0].totalCount)||0,K=async()=>{await V.fetchNextPage(),q({...Z,sortOrder:T,page:$+1})},Q=e.nlf.options.find(t=>t.url.split("/")[1]===e.slug.split("/")[1]),X=(0,c.fM)({productsData:V.data}),ee=null==(b=e.productsCounterLabel)||null==(a=b.replace("{0}","".concat(X)))?void 0:a.replace("{1}","".concat(G)),et=e.siblingCategories.findIndex(t=>t.categoryId===e.categoryId),el=null==W?void 0:W.reduce((e,t)=>{var l;return{...e,[null!=(l=t.name)?l:""]:t.displayName}},{});return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(j(),{children:$>1&&(0,s.jsx)("title",{children:H("PageCountOfName",{count:$,name:e.name})})}),(0,s.jsx)(n.m,{className:"py-6 rs:pb-[400px]",children:(0,s.jsxs)(o.hA,{moduleName:"productListing",children:[(0,s.jsxs)("div",{className:"mb-16",children:[(0,s.jsxs)("div",{className:"mb-4",children:[(0,s.jsx)("span",{className:"text text-h2",children:H("PLP_Header",{name:null==Q?void 0:Q.text})}),(0,s.jsxs)("small",{className:"text text-h4 ml-2",children:["(",e.siblingCategories.length,")"]})]}),(0,s.jsx)(w.RC,{spaceBetween:8,slidesPerView:"auto",initialSlide:et,children:e.siblingCategories.map((e,t)=>(0,s.jsx)(w.qr,{className:"!w-[160px] rs:!w-[320px]",children:(0,s.jsxs)(P.s,{href:U?"/range-screen".concat(e.link.url):e.link.url,children:[(0,s.jsxs)("div",{className:"relative bg-light-sand-tint aspect-square rounded",children:[(0,s.jsx)(y.K,{image:e.image,fill:!0,className:"object-cover",sizes:"320px"}),(0,s.jsx)(M.I,{discountOnCategoryPercentage:e.discountOnCategoryPercentage,discountOnProductPercentage:e.discountOnProductPercentage})]}),(0,s.jsx)("p",{className:"text text-h4 mt-2",children:e.link.text}),et!==t&&(0,s.jsx)(k.A,{className:"size-10"})]})},t))})]}),(0,s.jsxs)("div",{className:"w-full relative",children:[(0,s.jsxs)("div",{className:"flex flex-wrap items-baseline gap-xs",children:[(0,s.jsx)("h1",{className:"text text-h1",children:(0,s.jsx)(R,{count:$,name:e.name})}),G&&(0,s.jsxs)("div",{className:"text text-body text-gray",children:[G," ",H(1===G?"Product":"Products")]})]}),(0,s.jsxs)("div",{className:"hidden md:flex justify-between my-sm gap-xs",children:[(0,s.jsx)("div",{className:"flex flex-wrap gap-2",children:null==W?void 0:W.map((e,t)=>{if(!e.values||!(e.values.length<=0))return(0,s.jsxs)(v.bL,{children:[(0,s.jsx)(v.l9,{asChild:!0,children:(0,s.jsx)(f.$,{color:"white",endIcon:(0,s.jsx)(g.A,{className:"size-4 rs:size-6"}),onClick:()=>{},children:e.displayName})}),(0,s.jsx)(v.ZL,{children:(0,s.jsx)(v.UC,{className:"z-select min-w-[120px] max-h-[450px] overflow-y-auto thin-scrollbars bg-white rounded-lg border border-light-gray border-solid divide-y divide-light-gray divide-solid",sideOffset:5,side:"bottom",align:"start",collisionPadding:0,tabIndex:22222,avoidCollisions:!1,children:(0,s.jsx)(S.s,{activeFilters:Z,facet:e,handleOnSingleFilterClick:Y,className:"!py-0",itemClassName:"!py-sm !px-[24px] min-w-[300px] border-b border-gray-tint border-solid last-of-type:border-0"})})})]},t)})}),(0,s.jsx)(z.W,{})]}),(0,s.jsxs)("div",{className:"z-10 px-6 bottom-4 mt-4 left-0 right-0 fixed flex justify-between md:hidden gap-4",children:[(0,s.jsx)(x.N,{handleOnSingleFilterClick:Y,activeFilters:Z,facets:W,clearFilters:D,isFetching:V.isFetching,totalCount:G}),(0,s.jsx)(O.Z,{facets:W,isFetching:V.isFetching})]}),J&&(0,s.jsx)(u.o,{filters:Z,filterDisplayNames:el,handleFilterUncheck:Y,clearFilters:D}),(0,s.jsx)(h.f,{products:V,handleOnLoadLessClick:()=>{V.fetchPreviousPage()},handleOnLoadMoreClick:K,productsCounterText:ee,noProductsText:e.noProductsText,noProductsLink:e.noProductsLink,children:(0,s.jsx)(N.F,{activeFilters:Z,productsPages:null!=(B=null==(_=V.data)?void 0:_.pages)?B:[],energyLabelCatalog:e.energyLabelCatalog,inStockLabel:e.inStockLabel,onlyInStoreLabel:e.onlyInStoreLabel,outOfStockLabel:e.outOfStockLabel,promotions:e.promotions})})]})]})}),!!e.contentBlocks.length&&!U&&(0,s.jsx)("div",{className:"bg-light-gray",children:(0,s.jsx)(n.m,{children:(0,i.K)(e.contentBlocks)})})]})}},38280:(e,t,l)=>{l.d(t,{A:()=>a});var s=l(37876);let a=e=>(0,s.jsxs)("svg",{"aria-label":"Large arrow icon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 45 16",width:"1em",height:"1em",...e,children:[(0,s.jsx)("path",{d:"M39.9 14.8l-.8-.6L43.4 8l-4.3-6.2.8-.6L44.6 8z"}),(0,s.jsx)("path",{d:"M0 7.5h44v1H0z"})]})},38671:(e,t,l)=>{l.d(t,{I:()=>o});var s=l(37876),a=l(69241),r=l(17269),i=l(53346),n=l(33521);let o=e=>{let{discountOnCategoryPercentage:t,discountOnProductPercentage:l}=e,{t:o}=(0,r.Bd)(),{priceBadgeColor:d="bg-emphasis-crucial-default"}=(0,i.R)(),{textColor:c}=(0,n.u)(d||"feature");

1if(!t&&!l)return null;let u=Math.max(t,l),x=o(l>t?"SaveUpToPercentageInBadgeText":"SavePercentageInBadgeText",{percentage:u});return(0,s.jsx)("div",{className:(0,a.A)("absolute top-2 right-2 h-6 px-2 caption-default inline-flex rounded justify-center items-center gap-1 leading-none z-10",["bg-".concat(d),"text-".concat(c)]),children:x})}},42320:(e,t,l)=>{l.d(t,{$:()=>c,I:()=>d});var s=l(14232),a=l(71167),r=l(522),i=l(27879),n=l(68990),o=l(4813);let d=e=>{let{products:t,listName:l,additionalParameters:d}=e,c=(0,r.i)(),u=(0,o.I)(),{trackCustomEvent:x}=(0,a.cH)(),h=(0,s.useRef)(void 0);(0,s.useEffect)(()=>{let e=JSON.stringify(t)===JSON.stringify(h.current);t&&t.length>0&&u&&!e&&(h.current=t,x({tealium_event:"view_item_list",...(0,i.o)(t.map(n.t)),...d,item_list_name:l,currency:c},"view"))},[t,d,c,u,x])},c=e=>null==e?void 0:e.reduce((e,t)=>e.concat(t.products?t.products:[]),[])},62116:(e,t,l)=>{l.d(t,{Z:()=>x});var s=l(37876),a=l(14232),r=l(14169),i=l(17994),n=l(64440),o=l(17269),d=l(9190),c=l(57835),u=l(94517);let x=e=>{let{facets:t,isFetching:l}=e,{t:x}=(0,o.Bd)(),h=(0,a.useRef)(null),m=(0,n.Y_)(),[p,g]=(0,n.YJ)(),[v,f]=(0,a.useState)(!1);return(0,u.m)(v),(0,s.jsxs)(c._s,{open:v,onOpenChange:f,children:[(0,s.jsx)(c.Uz,{asChild:!0,children:(0,s.jsx)(r.$,{color:"white",fullwidth:!0,className:"flex-1 flex justify-center [&>span]:gap-4 border border-solid",children:x("Sort")})}),(0,s.jsxs)(c.zj,{isFullScreen:!0,className:"sm:min-w-[480px]",ariaLabelledby:"sorting-title",children:[(0,s.jsx)(c.BE,{className:"!pl-6 sm:!pl-md",children:(0,s.jsx)(c.gk,{className:"!text-h2 sm:!text-2xl",id:"sorting-title",children:x("Sort")})}),(0,s.jsx)(c.ys,{children:t?(0,s.jsxs)("div",{className:"flex flex-col justify-end h-full rs:w-[40vw]",children:[(0,s.jsx)("div",{className:"overflow-y-scroll flex pb-sm flex-col justify-end h-[calc(100%-5rem)] px-0 thin-scrollbars mb-4",ref:h,children:null==m?void 0:m.map((e,t)=>{let{title:l,value:a}=e;return(0,s.jsxs)("div",{onClick:()=>g(a),className:"flex justify-between items-center min-w-[240px] border-b border-gray-tint border-solid rs:min-w-[300px] py-sm cursor-pointer gap-[10px] transition-all duration-200 outline-none hover:bg-light-gray text text-black text-body !font-bold",children:[l,a===p&&(0,s.jsx)(d.A,{})]},t)})}),(0,s.jsx)("div",{className:"fixed w-[calc(100%-64px)] contents bottom-0 left-0 justify-around gap-xs py-xs px-0 sm:py-sm",children:(0,s.jsx)(c.cp,{asChild:!0,children:(0,s.jsx)(r.$,{color:"black",fullwidth:!0,center:!0,children:x("ApplyNow")})})})]}):l&&(0,s.jsx)("div",{className:"flex justify-center items-center h-[75vh]",children:(0,s.jsx)(i.a,{})})})]})]})}},63925:(e,t,l)=>{l.d(t,{QT:()=>c,XH:()=>d});var s=l(40258),a=l(14232),r=l(79819),i=l(89099),n=l(64440);let o=["utm_source","utm_medium","utm_campaign","cid","gad","gclid","gclsrc","designTypeSlug","productsSlug"],d=e=>{let t={...e};return o.forEach(e=>delete t[e]),t};function c(e,t,l,o){let{locale:c="en"}=(0,i.useRouter)(),{current:u}=(0,a.useRef)({previous:-1,next:1}),[x]=(0,n.YJ)(),h=Number(x),m=d(t);return(0,r.q)(["products-list",e,m,h],async t=>{let{pageParam:a=l}=t;a<0?l+a===1?u.previous=void 0:u.previous=a-1:a>0&&(u.next=a+1);let r=Number(a),i=0===Object.keys(m).length&&m.constructor===Object;return{...(await s.f.productsList({CategoryId:e,ResultsPerPage:24,PageNumber:r,SortOrder:h,OneVariantPerGroup:i&&o,...m},{headers:{"x-CultureCode":c}})).data,page:r}},{refetchOnWindowFocus:!1,keepPreviousData:!0,getNextPageParam:e=>{let t=Math.ceil((e.totalCount||0)/24);return e.page<t?e.page+1:null},getPreviousPageParam:e=>e.page>1?e.page-1:null,staleTime:36e5})}},64440:(e,t,l)=>{l.d(t,{YJ:()=>n,Y_:()=>d});var s=l(14e3),a=l(89099);let r={CheapFirst:"1",ExpensiveFirst:"2",OldFirst:"3",NewFirst:"4"},i=r.NewFirst,n=()=>{var e;let t=(0,s.useSearchParams)(),l=(0,a.useRouter)(),r=(0,s.usePathname)();return[null!=(e=t.get("sortOrder"))?e:i,e=>{let s=new URLSearchParams(t);e===i?s.delete("sortOrder"):s.set("sortOrder",String(e)),s.delete("page"),l.push((e=>e.endsWith("?")?e.slice(0,-1):e)("".concat(r,"?").concat(s.toString())),void 0,{shallow:!0,scroll:!1})}]};var o=l(53346);let d=()=>{let{commerce:e}=(0,o.R)(),t=null==e?void 0:e.sortingLabels;return[{title:null==t?void 0:t.descendingByPrice,value:r.ExpensiveFirst},{title:null==t?void 0:t.ascendingByPrice,value:r.CheapFirst},{title:null==t?void 0:t.newestProducts,value:r.NewFirst},{title:null==t?void 0:t.oldestProducts,value:r.OldFirst}]}},67260:(e,t,l)=>{l.d(t,{W:()=>u});var s=l(37876),a=l(17269),r=l(64440),i=l(97154),n=l(14169),o=l(51556),d=l(69241),c=l(9190);let u=()=>{let{t:e}=(0,a.Bd)(),t=(0,r.Y_)(),[l,u]=(0,r.YJ)();return(0,s.jsxs)(i.bL,{modal:!1,children:[(0,s.jsx)("div",{className:"flex-grow flex-shrink-0 sm:flex-grow-0",children:(0,s.jsx)(i.l9,{asChild:!0,children:(0,s.jsx)(n.$,{color:"white",endIcon:(0,s.jsx)(o.A,{className:"size-4 rs:size-6"}),fullwidth:!0,className:"[&_span]:justify-between [&>span]:gap-4 border-0 text-gray hover:!bg-white hover:!text-gray [&_*_svg]:text-black",children:e("Sort")})})}),(0,s.jsx)(i.ZL,{children:(0,s.jsx)(i.UC,{align:"end",className:"hidden md:block overflow-hidden bg-white rounded shadow-normal z-10",children:null==t?void 0:t.map((e,t)=>{let{title:a,value:r}=e;return(0,s.jsxs)(i.q7,{onClick:()=>u(r),className:(0,d.A)("flex justify-between items-center min-w-[240px] border-b border-gray-tint border-solid last-of-type:border-0 rs:min-w-[300px] py-sm px-[24px] curs

1or-pointer gap-[10px] transition-all duration-200 outline-none hover:bg-light-gray text text-black text-body !font-bold","text-black"),children:[a,r===l&&(0,s.jsx)(c.A,{})]},t)})})})]})}},67605:(e,t,l)=>{l.d(t,{fM:()=>i,sh:()=>r,xC:()=>a});var s=l(14232);let a=(e,t)=>(0,s.useMemo)(()=>((e,t)=>{var l,s;let a=Object.keys(t)[0];if(a&&0!=t[a].length)return null==e||null==(s=e.find(e=>e.name===a))||null==(l=s.values)?void 0:l.reduce((e,l)=>t[a].findIndex(e=>e==l.value)>=0?e+(l.count?l.count:0):e,0)})(e,t),[e,t]),r=e=>{var t,l,s;let a=null==e||null==(t=e.pages)?void 0:t[0].facets,r=null==e||null==(l=e.pages)?void 0:l[0].sortOrders,i=(null==a||null==(s=a[0])?void 0:s.totalCount)||0;return{facets:a,sortOrders:r,totalCount:i}},i=e=>{var t;let{productsData:l}=e,s=null!=(t=null==l?void 0:l.pages.map(e=>e.products?e.products.length:0).reduce((e,t)=>e+t,0))?t:0;return(null==l?void 0:l.pages[0].totalCount)&&s>(null==l?void 0:l.pages[0].totalCount)?null==l?void 0:l.pages[0].totalCount:s}},72499:(e,t,l)=>{l.d(t,{U:()=>s});let s=e=>Array.isArray(e)?e:[e]},76824:(e,t,l)=>{l.d(t,{o:()=>o});var s=l(37876),a=l(17269),r=l(86080),i=l(40902),n=l(5259);let o=e=>{let{filters:t,handleFilterUncheck:l,filterDisplayNames:o,clearFilters:d}=e,{t:c}=(0,a.Bd)(),{trackButtonClick:u}=(0,i.z)();return(0,s.jsxs)("div",{className:"flex lg:flex-wrap overflow-x-auto gap-2xs items-center py-xs border-t border-solid border-gray-tint",children:[Object.keys(t).map(e=>t[e].map((t,a)=>(0,s.jsxs)(r.a,{onClick:()=>{u({button_text:"Remove applied filter"}),l(e,t)},children:[o&&"".concat(o[e],": "),t]},"".concat(e,"-").concat(a)))),(0,s.jsxs)("button",{className:"flex gap-1 items-center text text-body rounded hover:bg-light-gray p-2",onClick:d,children:[(0,s.jsx)(n.dAw,{"aria-label":"Update icon",className:"size-5 mb-1"}),(0,s.jsx)("span",{className:"whitespace-nowrap",children:c("ClearFilters")})]})]})}},79819:(e,t,l)=>{l.d(t,{q:()=>o});var s=l(15154),a=l(77771),r=l(93343);class i extends a.${constructor(e,t){super(e,t)}bindMethods(){super.bindMethods(),this.fetchNextPage=this.fetchNextPage.bind(this),this.fetchPreviousPage=this.fetchPreviousPage.bind(this)}setOptions(e,t){super.setOptions({...e,behavior:(0,r.PL)()},t)}getOptimisticResult(e){return e.behavior=(0,r.PL)(),super.getOptimisticResult(e)}fetchNextPage({pageParam:e,...t}={}){return this.fetch({...t,meta:{fetchMore:{direction:"forward",pageParam:e}}})}fetchPreviousPage({pageParam:e,...t}={}){return this.fetch({...t,meta:{fetchMore:{direction:"backward",pageParam:e}}})}createResult(e,t){var l,s,a,i,n,o;let{state:d}=e,c=super.createResult(e,t),{isFetching:u,isRefetching:x}=c,h=u&&(null==(l=d.fetchMeta)||null==(s=l.fetchMore)?void 0:s.direction)==="forward",m=u&&(null==(a=d.fetchMeta)||null==(i=a.fetchMore)?void 0:i.direction)==="backward";return{...c,fetchNextPage:this.fetchNextPage,fetchPreviousPage:this.fetchPreviousPage,hasNextPage:(0,r.rB)(t,null==(n=d.data)?void 0:n.pages),hasPreviousPage:(0,r.RQ)(t,null==(o=d.data)?void 0:o.pages),isFetchingNextPage:h,isFetchingPreviousPage:m,isRefetching:x&&!h&&!m}}}var n=l(20956);function o(e,t,l){let a=(0,s.vh)(e,t,l);return(0,n.t)(a,i)}},86080:(e,t,l)=>{l.d(t,{a:()=>r});var s=l(37876),a=l(51349);let r=e=>{let{children:t,onClick:l}=e;return(0,s.jsxs)("div",{className:"flex items-center text-dark-gray-tint border border-solid border-gray-tint rounded p-1","data-testid":"pill",children:[(0,s.jsx)("div",{className:"text-body px-2xs whitespace-nowrap",children:t}),l&&(0,s.jsx)("button",{className:"p-2xs hover:bg-black/5 transition-colors",onClick:l,children:(0,s.jsx)(a.A,{className:"size-2.5 rs:size-6"})})]})}},88729:(e,t,l)=>{l.d(t,{f:()=>u});var s=l(37876),a=l(31537),r=l(14e3),i=l(89099);let n=(e,t)=>{let l=new URLSearchParams(e);return t>1?l.set("page",String(t)):l.delete("page"),l.size?"?".concat(l.toString()):""};var o=l(17994),d=l(96636),c=l(17269);let u=e=>{var t,l,u,x;let{products:h,handleOnLoadMoreClick:m,handleOnLoadLessClick:p,productsCounterText:g,noProductsText:v,noProductsLink:f,children:b}=e,{t:j}=(0,c.Bd)(),{prevPageLink:N,nextPageLink:y}=(e=>{let{asPath:t}=(0,i.useRouter)(),l=(0,r.useSearchParams)(),s=t.split("?")[0],a=n(l,e[0]-1),o=n(l,e[e.length-1]+1);return{prevPageLink:"".concat(s).concat(a),nextPageLink:"".concat(s).concat(o)}})(null!=(x=null==(t=h.data)?void 0:t.pages.map(e=>e.page))?x:[1]);return(null==(u=h.data)||null==(l=u.pages[0])?void 0:l.totalCount)||!h.isFetched?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",{className:"flex justify-center mb-sm",children:h.isFetchingPreviousPage?(0,s.jsx)(o.a,{className:"h-auto mb-sm"}):h.hasPreviousPage?(0,s.jsx)(d.$,{type:"link",href:N,state:"active",color:"black",onClick:e=>{e.preventDefault(),p()},children:j("LoadPrevious")}):null}),b,(0,s.jsx)("div",{"data-testid":"load-more-action-row",className:"flex flex-col items-center gap-2xs w-full mt-sm",children:h.isFetching?(0,s.jsx)(o.a,{className:"h-auto mt-xs"}):(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("p",{children:g}),h.hasNextPage&&(0,s.jsx)(d.$,{type:"link",href:y,state:"active",color:"black",onClick:e=>{e.preventDefault(),m()},children:j("LoadMoreProducts")})]})})]}):(0,s.jsxs)("div",{className:"flex flex-col gap-2xs mt-sm",children:[(0,s.jsx)("p",{className:"text text-preTitle",children:v}),(0,s.jsx)(a.N,{href:(null==f?void 0:f.url)||"/",decoration:"arrow",children:null==f?void 0:f.text})]})}},97860:(e,t,l)=>{l.d(t,{F:()=>m});var s=l(37876),a=l(14232),r=l(76003),i=l(22033),n=l(26756),o=l(51420),d=l(78567),c=l(71167),u=l(27879),x=l(68990),h=l(42320);let m=e=>{var t;let{productsPages:l,inStockLabel:m,outOfStockLabel:p,onlyInStoreLabel:g,energyLabelCatalog:v,promotions:f,activeFilters:b}=e,j=(e=>{let{products:t}=e,{trackCustomEvent:l}=(0,c.cH)();return(0,a.useCallback)(e=>l({tealium_event:"select_item",product_sku:e,list_context:(0,u.o)(t.map(x.t))},"link"),[t])}

1)({products:null!=(t=(0,h.$)(l))?t:[]}),N=(0,i.t)(),y=(0,a.useMemo)(()=>{let e=[];return l.forEach(t=>{var l;null==(l=t.products)||l.forEach((l,i)=>{e.push((0,a.createElement)(r.AA,{...l,inStockMessage:m,outOfStockMessage:p,onlyInStoreMessage:g,isDoubleWidth:(i+1)%7==0,key:l.sku,energyLabelCatalog:v,onlyInStoreLabel:g,fromPLP:!0,onClickFromList:j}));let c=1===t.page,u=!Object.values(b).some(e=>0!==e.length),x=!N&&u&&c,h=null==f?void 0:f[0],y=x&&!!h&&4===i,w=null==f?void 0:f[1],P=x&&!!w&&12===i;y&&e.push((0,s.jsx)(n.m,{padding:"none",className:"relative overflow-hidden h-full max-[548px]:h-[470px]",outerClassName:"col-span-1",children:(0,s.jsxs)(d.s,{href:h.link.url,children:[(0,s.jsx)(o.K,{image:h.image,fill:!0,className:"w-full h-full object-cover"}),(0,s.jsx)("div",{className:"absolute bottom-0 left-0 right-0 p-2 text-white text-h3",children:h.title})]})},i+"single_promotion_tile")),P&&e.push((0,s.jsx)(n.m,{padding:"none",className:"relative overflow-hidden h-[470px] md:h-full",outerClassName:"max-[548px]:col-span-1 col-span-2",children:(0,s.jsxs)(d.s,{href:w.link.url,children:[(0,s.jsx)(o.K,{image:w.image,fill:!0,className:"w-full h-full object-cover"}),(0,s.jsx)("div",{className:"absolute bottom-0 left-0 right-0 p-2 text-white text-h3",children:w.title})]})},i+"double_promotion_tile"))})}),e},[l,m,p,g,v,N,f,b,j]);return(0,s.jsx)("div",{className:"w-full grid grid-flow-dense max-[548px]:gap-6 max-[548px]:grid-cols-1 grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-2xs md:gap-sm",children:y})}}}]);