https://www.freshbybrookshires.com/static/js/Hoc-sp-OnScrollPaginationComponent.9d8723ff.chunk.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[1330],{22510:(e,t,o)=>{o.d(t,{$V:()=>d,Fo:()=>c,IC:()=>s,nw:()=>m,sI:()=>p});var n=o(85086),i=o(14168),a=o(41292),l=o(68575),r=o(31245);let s=n.ZP.div.withConfig({displayName:"ScrollPaginationWrapper",componentId:"-__sc-a51c1c87-0"})(({theme:e})=>`
2  display: inline-block;
3  width: 100%;
4  background-color: ${e.colors.uiColors.greyscale1};
5`),c=n.ZP.div.withConfig({displayName:"ScrollPaginationContent",componentId:"-__sc-a51c1c87-1"})(["padding:0 ",";","{padding:0;}"],l.W0.lg,(0,r.Z)("sm")),d=n.ZP.h4.withConfig({displayName:"ShowItemsInfo",componentId:"-__sc-a51c1c87-2"})(({theme:e})=>`
6    text-align: center;
7    color: ${e.colors.uiColors.greyscale5};
8  `),m=(0,n.ZP)(i.bS).withConfig({displayName:"LoadMoreButton",componentId:"-__sc-a51c1c87-3"})(["display:block;min-width:",";margin:"," auto "," auto;"],"130px",l.W0.sm,l.W0.lg),p=(0,n.ZP)(a.f).withConfig({displayName:"LoadMoreButtonSpinner",componentId:"-__sc-a51c1c87-4"})(({theme:e})=>`
9    svg {
10      stroke: ${e.buttons.primary.static.color};
11    }
12  `)},64222:(e,t,o)=>{o.d(t,{JD:()=>i,K0:()=>n,zN:()=>a});let n="ButtonPaginationComponent",i="OnScrollPaginationComponent",a="ScrollPaginationLoadMoreButton"},29496:(e,t,o)=>{o.r(t),o.d(t,{default:()=>p});var n=o(85893),i=o(68827),a=o(67294),l=o(68575),r=o(76633),s=o(5559),c=o(26323),d=o(22510),m=o(64222);let p=e=>{let t,o,p,g,u,h,f,w,_,L,I,S,y,C=(0,i.c)(37),{t:D}=a.useContext(r.q),P=a.useRef(null);C[0]!==e.pagination?(t=t=>{let{totalItems:o,itemsPerPage:n,activePage:i}=e.pagination,a=o>=i*n?i*n:o;return{showSpinner:t,itemsToLoad:o>a+n?n:o-a,loadedItems:a}},C[0]=e.pagination,C[1]=t):t=C[1];let v=t;C[2]!==v?(o=v(!1),C[2]=v,C[3]=o):o=C[3];let[E,x]=a.useState(o),N=a.useRef(E),Z=e.customRef?.current;C[4]!==v?(p=e=>{let t=v(e);N.current=t,x(t)},C[4]=v,C[5]=p):p=C[5];let R=p;C[6]!==Z?(g=()=>({scrollHeight:Z?Z.offsetHeight+30:window.outerHeight,scrollY:Z?Z.scrollTop:window.scrollY}),C[6]=Z,C[7]=g):g=C[7];let A=g;if(C[8]!==R?(u=()=>{R(!1)},C[8]=R,C[9]=u):u=C[9],C[10]!==e.pagination?(h=[e.pagination],C[10]=e.pagination,C[11]=h):h=C[11],a.useEffect(u,h),C[12]!==A||C[13]!==e||C[14]!==R){f=()=>{if(N.current.showSpinner||!N.current.itemsToLoad)return;let e=P.current.getBoundingClientRect().height,{scrollY:o,scrollHeight:n}=A();o+n>e&&t()};let t=()=>{N.current.showSpinner||(R(!0),e.productApiCall())};C[12]=A,C[13]=e,C[14]=R,C[15]=f}else f=C[15];C[16]!==f||C[17]!==e.customRef?(w=()=>(window&&!e.customRef&&window.addEventListener("scroll",f),()=>{window&&!e.customRef&&window.removeEventListener("scroll",f)}),C[16]=f,C[17]=e.customRef,C[18]=w):w=C[18],C[19]===Symbol.for("react.memo_cache_sentinel")?(_=[],C[19]=_):_=C[19],a.useEffect(w,_),C[20]!==Z||C[21]!==f?(L=()=>(Z&&Z.addEventListener("scroll",f),()=>{Z?.removeEventListener("scroll",f)}),C[20]=Z,C[21]=f,C[22]=L):L=C[22],C[23]!==Z?(I=[Z],C[23]=Z,C[24]=I):I=C[24],a.useEffect(L,I),C[25]!==E||C[26]!==e.hideLoadedItems||C[27]!==e.pagination.totalItems||C[28]!==e.termDictionary||C[29]!==D?(S=()=>(0,c.Z)(()=>e.hideLoadedItems?null:(0,n.jsx)(d.$V,{children:D(`${e.termDictionary.loadedItems}`,{loadedItems:E.loadedItems,totalItems:e.pagination.totalItems})}),{componentName:"ShowingItems"}),C[25]=E,C[26]=e.hideLoadedItems,C[27]=e.pagination.totalItems,C[28]=e.termDictionary,C[29]=D,C[30]=S):S=C[30];let B=S;return C[31]!==B||C[32]!==E||C[33]!==e.children||C[34]!==e.termDictionary||C[35]!==D?(y=(0,c.Z)(()=>(0,n.jsxs)(d.IC,{ref:P,"data-testid":m.JD,children:[(0,n.jsx)(B,{}),(0,n.jsx)(d.Fo,{children:e.children}),!!E.itemsToLoad&&E.showSpinner&&(0,n.jsx)(s.Z,{spinnerSize:l.W0.lg,text:D(`${e.termDictionary.loadMoreSpinner}`,{itemsToLoad:E.itemsToLoad})}),!E.itemsToLoad&&(0,n.jsx)(B,{})]}),{componentName:"hoc ScrollPagination - OnScrollPagination"}),C[31]=B,C[32]=E,C[33]=e.children,C[34]=e.termDictionary,C[35]=D,C[36]=y):y=C[36],y}}}]);