1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3461],{27907:function(e,t,n){n.r(t),n.d(t,{default:function(){return T}});var o=n(34727),r=n(32692),i=n(97582),s=n(85893),l=n(67294),a=n(86925),c=n(2185),u=n(50378),p=n(58533),d=n(45097),h=n(12210),f=n(28746),m=n(94097),g=n(11163),v=n(79614),y=function(e,t,n,o,r,i){return{type:v.Sz4,payload:{numberOfItems:e,categoryItems:t,facets:n,pages:o,filterFacets:r,bread:i}}},w=n(35281);function x(){var e=(0,r.Z)(["\n margin-top: 10px;\n width: 100%;\n\n img {\n width: 100%;\n }\n\n a {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n\n p {\n text-align: center;\n }\n }\n\n .infinite-scroll-component {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n grid-gap: 20px;\n -webkit-column-gap: 20px;\n -moz-column-gap: 20px;\n width: 100%;\n\n padding: 3px !important;\n }\n\n .itemFamily {\n width: 100%;\n text-align: left;\n }\n\n .itemBrand {\n font-size: 12px;\n margin-bottom: 0.6rem;\n margin-top: 0.6rem;\n font-style: italic;\n color: rgb(102, 102, 102);\n }\n\n .itemTitle {\n display: block;\n font-size: 12px;\n color: rgb(102, 102, 102);\n }\n\n .itemPrice {\n text-align: left !important;\n font-weight: 400 !important;\n float: left !important;\n width: 100% !important;\n justify-content: flex-start;\n margin-bottom: 5px;\n display: flex;\n align-items: flex-end;\n color: #000;\n }\n\n @media only screen and (max-width: 768px) {\n .itemPrice {\n font-size: 13px !important;\n }\n }\n\n .showMoreWrapper {\n grid-column: 1 / -1;\n display: flex;\n justify-content: center;\n margin-bottom: 10px;\n }\n\n .showMoreBtn {\n padding: 12px 40px;\n color: #000000;\n width: 400px;\n max-width: 100%;\n border: 1px solid #000000;\n }\n\n .showMoreBtn:hover {\n background-color: #000000;\n color: #ffffff;\n }\n\n .loader {\n grid-column: 1 / -1;\n }\n\n @media only screen and (max-width: 1280px) {\n .infinite-scroll-component {\n grid-template-columns: repeat(3, 1fr);\n }\n }\n\n @media only screen and (max-width: 768px) {\n .itemFamily {\n font-size: 13px !important;\n }\n\n .infinite-scroll-component {\n grid-template-columns: repeat(2, 1fr);\n grid-gap: 10px !important;\n .item {\n width: 100%;\n }\n }\n\n .showMoreBtn {\n width: 100%;\n }\n }\n\n @media only screen and (max-width: 375px) {\n .infinite-scroll-component {\n grid-template-columns: repeat(1, 1fr);\n grid-gap: 10px !important;\n }\n }\n"]);return x=function(){return e},e}function T(e){var t,n,r,u,v=e.categoryItems,x=e.scrollPage,T=e.lastPage,E=e.cidN,S=e.dispatch,L=e.queryMappedToParams,M=e.query,D=e.setFacets,_=e.sortBy,j=e.queryIsNotChanged,R=e.setAuthModal,C=e.authModal,P=e.setDynamicCategoryDataFetched,Y=(e.dynamicCategoryDataFetched,(0,g.useRouter)()),N=((0,w.$G)("translation").t,(0,l.useState)(!0)),F=N[0],k=N[1],O=(0,l.useState)(!1),A=O[0],B=O[1],I=(0,c.v9)((function(e){return e.facetReducer.itemsAreBeingFetched}),c.wU),U=((0,c.v9)((function(e){return e.facetReducer.urlFilterParams}),c.wU),(0,c.v9)((function(e){return e.categoryReducer.initialStaticCategoryData}),c.wU)),H=(0,c.v9)((function(e){return e.mainReducer.lang}),c.wU),Z=(0,c.v9)((function(e){return e.loginReducer.customerProps}),c.wU),q=(0,c.v9)((function(e){return e.loginReducer.shopperGroupName}),c.wU),z=(0,c.v9)((function(e){return e.loginReducer.securityToken}),c.wU),$=(0,c.v9)((function(e){return e.categoryReducer.query}),c.wU),W=(0,l.useState)(""),G=W[0],K=(W[1],(null===Z||void 0===Z?void 0:Z.length)>0&&(null===(t=["EMPLOYEE","INTERN"])||void 0===t?void 0:t.includes(null===(n=Z.find((function(e){return"Customer Type"===e.key})))||void 0===n?void 0:n.value))),V=(null===Z||void 0===Z?void 0:Z.length)>0&&(null===(r=["EMPLOYEE","INTERN"])||void 0===r?void 0:r.includes(null===(u=Z.find((function(e){return"OFFERCODE"===e.key})))||void 0===u?void 0:u.value));(0,l.useEffect)((function(){var e;if(z&&(K||V||(null===(e=null===q||void 0===q?void 0:q.toLowerCase())||void 0===e?void 0:e.includes("google")))){J(M,_,(function(){P(!0)}))}}),[z,K,V,q,Y.asPath,Y.locale,E]),(0,l.useEffect)((function(){var e,t,n,o;(($.length>0||""!==_)&&J($,_),0===$.length&&U&&U.json&&!1===j)&&(S((0,d.$1)(U)),(null===U||void 0===U||null===(e=U.json)||void 0===e||null===(t=e[2])||void 0===t?void 0:t.facets)&&(0,m.setFacetsAPI)(D,null===U||void 0===U||null===(n=U.json)||void 0===n||null===(o=n[2])||void 0===o?void 0:o.facets));0===$.length&&""===_&&U&&U.json&&S((0,d.$1)(U))}),[$,_]),(0,l.useEffect)((function(){k(!0),B(!1)}),[E]);(0,c.v9)((function(e){return e.wishListReducer.wishlist}),c.wU);
1if(I)return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("span",{children:"Loading..."}),(0,s.jsx)(h.Z,{numberOfItems:a.mT})]});var J=function(){var e=(0,o.Z)((function(e,t,n){var o,r,s,l,a,c,u,p;return(0,i.__generator)(this,(function(e){switch(e.label){case 0:return[4,(0,m.fetchMyAPI)({id:E,query:L,sortBy:t,lang:H,keyword:Y.query.slug[1],type:"shop"})];case 1:if((o=e.sent()).error)return[2];if(Array.isArray(o)&&0===o.length);else{for(s=[],l=Number(o[0].numOfPages),a=1;a<=l;a++)s.push(a);c=Number(null===o||void 0===o||null===(r=o[4])||void 0===r?void 0:r.itemsCount),u=o[1].items,p=o[2].facets,null,S(y(c,u,p,s,null)),(0,m.setFacetsAPI)(D,p),n&&n()}return[2]}}))}));return function(t,n,o){return e.apply(this,arguments)}}();return(0,s.jsx)(s.Fragment,{children:(0,s.jsx)(b,{itemScope:!0,itemType:"https://schema.org/ItemList",children:(0,s.jsxs)(p.Z,{dataLength:v.length,next:function(){var e=x+1;x<T&&S((0,d.th)(E,e,_,L,k,A,T,Y.locale))},style:{height:"auto",overflow:"visible"},hasMore:x<T&&F,loader:(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",{className:"loader flex items-center justify-center w-full px-3 mb-2",children:(0,s.jsx)("span",{className:"text-lg font-bold",children:"Loading..."})}),(0,s.jsx)("div",{className:"loader w-full",children:(0,s.jsx)(h.Z,{numberOfItems:a.mT})})]}),children:[v.filter((function(e){return e.title.toLowerCase().includes(G.toLowerCase())})).map((function(e,t){return(0,s.jsx)(f.Z,{keyIndex:t,item:e,setAuthModal:R,authModal:C,itemListName:"Category"})})),!1===F&&(0,s.jsx)("div",{className:"showMoreWrapper",children:(0,s.jsx)("button",{"aria-describedby":"Load more products",onKeyDown:function(e){"Enter"===e.code&&e.target.click()},className:"showMoreBtn",onClick:function(){k(!0)},children:"Show More Products"})})]})})})}var b=u.ZP.section.withConfig({componentId:"sc-5662a4e8-0"})(x())},12210:function(e,t,n){n.d(t,{Z:function(){return l}});var o=n(32692),r=n(85893);function i(){var e=(0,o.Z)(["\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n grid-gap: 20px;\n\n @media (max-width: 768px) {\n grid-template-columns: repeat(2, 1fr);\n }\n\n @media (max-width: 360px) {\n grid-template-columns: repeat(1, 1fr);\n }\n"]);return i=function(){return e},e}var s=n(50378).ZP.div.withConfig({componentId:"sc-f36e67e7-0"})(i());function l(e){var t=e.numberOfItems;return(0,r.jsx)(s,{className:"flex flex-wrap my-5 placeholder-category-items-wrapper",children:Array(t).fill(0,0,t).map((function(e,t){return(0,r.jsx)("div",{className:"skeleton-item-wrapper mb-8",children:(0,r.jsx)("div",{className:"skeleton-item",style:{backgroundColor:"#eee",height:"400px"}})},t)}))})}},58533:function(e,t,n){var o=n(67294),r=function(e,t){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},r(e,t)};var i=function(){return i=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},i.apply(this,arguments)};var s="Pixel",l="Percent",a={unit:l,value:.8};function c(e){return"number"===typeof e?{unit:l,value:100*e}:"string"===typeof e?e.match(/^(\d*(\.\d+)?)px$/)?{unit:s,value:parseFloat(e)}:e.match(/^(\d*(\.\d+)?)%$/)?{unit:l,value:parseFloat(e)}:(console.warn('scrollThreshold format is invalid. Valid formats: "120px", "50%"...'),a):(console.warn("scrollThreshold should be string or number"),a)}var u=function(e){function t(t){var n=e.call(this,t)||this;return n.lastScrollTop=0,n.actionTriggered=!1,n.startY=0,n.currentY=0,n.dragging=!1,n.maxPullDownDistance=0,n.getScrollableTarget=function(){return n.props.scrollableTarget instanceof HTMLElement?n.props.scrollableTarget:"string"===typeof n.props.scrollableTarget?document.getElementById(n.props.scrollableTarget):(null===n.props.scrollableTarget&&console.warn("You are trying to pass scrollableTarget but it is null. This might\n happen because the element may not have been added to DOM yet.\n See https://github.com/ankeetmaini/react-infinite-scroll-component/issues/59 for more info.\n "),null)},n.onStart=function(e){n.lastScrollTop||(n.dragging=!0,e instanceof MouseEvent?n.startY=e.pageY:e instanceof TouchEvent&&(n.startY=e.touches[0].pageY),n.currentY=n.startY,n._infScroll&&(n._infScroll.
1style.willChange="transform",n._infScroll.style.transition="transform 0.2s cubic-bezier(0,0,0.31,1)"))},n.onMove=function(e){n.dragging&&(e instanceof MouseEvent?n.currentY=e.pageY:e instanceof TouchEvent&&(n.currentY=e.touches[0].pageY),n.currentY<n.startY||(n.currentY-n.startY>=Number(n.props.pullDownToRefreshThreshold)&&n.setState({pullToRefreshThresholdBreached:!0}),n.currentY-n.startY>1.5*n.maxPullDownDistance||n._infScroll&&(n._infScroll.style.overflow="visible",n._infScroll.style.transform="translate3d(0px, "+(n.currentY-n.startY)+"px, 0px)")))},n.onEnd=function(){n.startY=0,n.currentY=0,n.dragging=!1,n.state.pullToRefreshThresholdBreached&&(n.props.refreshFunction&&n.props.refreshFunction(),n.setState({pullToRefreshThresholdBreached:!1})),requestAnimationFrame((function(){n._infScroll&&(n._infScroll.style.overflow="auto",n._infScroll.style.transform="none",n._infScroll.style.willChange="unset")}))},n.onScrollListener=function(e){"function"===typeof n.props.onScroll&&setTimeout((function(){return n.props.onScroll&&n.props.onScroll(e)}),0);var t=n.props.height||n._scrollableNode?e.target:document.documentElement.scrollTop?document.documentElement:document.body;n.actionTriggered||((n.props.inverse?n.isElementAtTop(t,n.props.scrollThreshold):n.isElementAtBottom(t,n.props.scrollThreshold))&&n.props.hasMore&&(n.actionTriggered=!0,n.setState({showLoader:!0}),n.props.next&&n.props.next()),n.lastScrollTop=t.scrollTop)},n.state={showLoader:!1,pullToRefreshThresholdBreached:!1,prevDataLength:t.dataLength},n.throttledOnScrollListener=function(e,t,n,o){var r,i=!1,s=0;function l(){r&&clearTimeout(r)}function a(){var a=this,c=Date.now()-s,u=arguments;function p(){s=Date.now(),n.apply(a,u)}function d(){r=void 0}i||(o&&!r&&p(),l(),void 0===o&&c>e?p():!0!==t&&(r=setTimeout(o?d:p,void 0===o?e-c:e)))}return"boolean"!==typeof t&&(o=n,n=t,t=void 0),a.cancel=function(){l(),i=!0},a}(150,n.onScrollListener).bind(n),n.onStart=n.onStart.bind(n),n.onMove=n.onMove.bind(n),n.onEnd=n.onEnd.bind(n),n}return function(e,t){function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}(t,e),t.prototype.componentDidMount=function(){if("undefined"===typeof this.props.dataLength)throw new Error('mandatory prop "dataLength" is missing. The prop is needed when loading more content. Check README.md for usage');if(this._scrollableNode=this.getScrollableTarget(),this.el=this.props.height?this._infScroll:this._scrollableNode||window,this.el&&this.el.addEventListener("scroll",this.throttledOnScrollListener),"number"===typeof this.props.initialScrollY&&this.el&&this.el instanceof HTMLElement&&this.el.scrollHeight>this.props.initialScrollY&&this.el.scrollTo(0,this.props.initialScrollY),this.props.pullDownToRefresh&&this.el&&(this.el.addEventListener("touchstart",this.onStart),this.el.addEventListener("touchmove",this.onMove),this.el.addEventListener("touchend",this.onEnd),this.el.addEventListener("mousedown",this.onStart),this.el.addEventListener("mousemove",this.onMove),this.el.addEventListener("mouseup",this.onEnd),this.maxPullDownDistance=this._pullDown&&this._pullDown.firstChild&&this._pullDown.firstChild.getBoundingClientRect().height||0,this.forceUpdate(),"function"!==typeof this.props.refreshFunction))throw new Error('Mandatory prop "refreshFunction" missing.\n Pull Down To Refresh functionality will not work\n as expected. Check README.md for usage\'')},t.prototype.componentWillUnmount=function(){this.el&&(this.el.removeEventListener("scroll",this.throttledOnScrollListener),this.props.pullDownToRefresh&&(this.el.removeEventListener("touchstart",this.onStart),this.el.removeEventListener("touchmove",this.onMove),this.el.removeEventListener("touchend",this.onEnd),this.el.removeEventListener("mousedown",this.onStart),this.el.removeEventListener("mousemove",this.onMove),this.el.removeEventListener("mouseup",this.onEnd)))},t.prototype.componentDidUpdate=function(e){this.props.dataLength!==e.dataLength&&(this.actionTriggered=!1,this.setState({showLoader:!1}))},t.getDerivedStateFromProps=function(e,t){return e.dataLength!==t.prevDataLength?i(i({},t),{prevDataLength:e.dataLength}):null},t.prototype.isElementAtTop=function(e,t){void 0===t&&(t=.8);var n=e===document.body||e===document.documentElement?window.screen.availHeight:e.clientHeight,o=c(t);return o.unit===s?e.scrollTop<=o.value+n-e.scrollHeight+1:e.scrollTop<=o.value/100+n-e.scrollHeight+1},t.prototype.isElementAtBottom=function(e,t){void 0===t&&(t=.8);var n=e===document.body||e===document.documentElement?window.screen.availHeight:e.clientHeight,o=c(t);return o.unit===s?e.scrollTop+n>=e.scrollHeight-o.value:e.scrollTop+n>=o.value/100*e.scrollHeight},t.prototype.render=function(){var e=this,t=i({height:this.props.height||"auto",overflow:"auto",WebkitOverflowScrolling:"touch"},this.props.style),n=this.props.hasChildren||!!(this.props.children&&this.props.children instanceof Array&&this.props.children.length),r=this.props.pullDownToRefresh&&this.props.height?{overflow:"auto"}:{};return o.createElement("div",{style:r,className:"infinite-scroll-component__outerdiv"},o.createElement("div",{className:"infinite-scroll-component "+(this.props.className||""),ref:function(t){return e._infScroll=t},style:t},this.props.pullDownToRefresh&&o.createElement("div",{style:{position:"relative"},ref:function(t){return e._pullDown=t}},o.createElement("div",{style:{position:"absolute",left:0,right:0,top:-1*this.maxPullDownDistance}},this.state.pullToRefreshThresholdBreached?this.props.releaseToRefreshContent:this.props.pullDownToRefreshContent)),this.props.children,!this.state.showLoader&&!n&&this.props.hasMore&&this.props.loader,this.state.showLoader&&this.props.hasMore&&this.props.loader,!this.props.hasMore&&this.props.endMessage))},t}(o.Component);t.Z=u}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.