https://goodnessme.com.au/component---src-pages-brands-tsx-e9fa27c6421731d78161.js

1"use strict";(self.webpackChunkgoodnessme_app=self.webpackChunkgoodnessme_app||[]).push([[7111],{13976:function(e,n,t){t.d(n,{E:function(){return u}});var a=t(67294),l=t(43766),i=t(74780),r=t(47260),o=t(85893),s=function(e){var n=e.handleSubmit,t=e.handleChange,a=e.placeholder,s=e.bgColor,u=e.value,d=e.fontSize,c=void 0===d?"md":d;return(0,o.jsx)(i.xu,{as:"form",onSubmit:function(e){null==e||e.preventDefault(),null==n||n()},children:(0,o.jsxs)(r.BZ,{children:[(0,o.jsx)(r.II,{placeholder:a,variant:"search",type:"text","aria-label":"Open search",pr:15,textOverflow:"ellipsis",onChange:t,bg:s,value:u,h:[10,10,12],fontSize:c}),(0,o.jsx)(r.xH,{display:"flex",alignItems:"center",justifyContent:"center",height:"full",mr:7,cursor:"pointer",onClick:function(e){null==e||e.preventDefault(),null==n||n()},children:(0,o.jsx)(l.W1,{w:4,h:4})})]})})},u=(0,a.memo)(s)},62035:function(e,n,t){t.d(n,{M:function(){return r}});var a=t(67294),l=t(86307),i=t(80104),r=function(e){var n=e.itemsPerPage,t=e.sortOptions,r=e.initialItems,o=e.totalItems,s=(0,a.useState)(t[0]),u=s[0],d=s[1],c=(0,a.useState)(1),h=c[0],g=c[1],m=(0,l.f)(),f=m.searchTerm,p=m.setActiveSearchTerm,v=m.filterItemsBySortOption,b=m.submittedSearchTerm,x=m.setSubmittedSearchTerm,C=m.filterItemsByPagination,S=m.selectedTag,P=m.setSelectedTag,j=(0,a.useCallback)((function(e){return d(e)}),[]),T=(0,a.useCallback)((function(e){var n;p(null==e||null===(n=e.target)||void 0===n?void 0:n.value)}),[p]),O=(0,a.useCallback)((function(e){null==e||e.preventDefault(),x(f)}),[x,f]),I=(0,a.useMemo)((function(){return v({items:r,activeSortOption:u})}),[u,v,r]).itemsFilteredBySortOption,k=(0,a.useMemo)((function(){return C({items:I,humanCurrentPageNumber:h,itemsPerPage:n})}),[C,h,I,n]).itemsFilteredByPagination,y=(0,a.useCallback)((function(e){var n;P((null==e||null===(n=e.target)||void 0===n?void 0:n.textContent)||e)}),[P]),w=(0,a.useCallback)((function(e){return e!==i.dH&&g(e)}),[]),B=(0,a.useCallback)((function(){return g(h+1)}),[h]),N=(0,a.useCallback)((function(){return g(h-1)}),[h]),_=(0,a.useMemo)((function(){return Math.ceil(o/n)}),[o,n]),M=(0,a.useCallback)((function(){return{totalPages:_,humanCurrentPageNumber:h,handlePageChange:w,handleNextPage:B,handlePreviousPage:N,hasPreviousPage:1!==h,hasNextPage:h!==_}}),[h,B,w,N,_]),A=(0,a.useMemo)((function(){return M()}),[M]),W=k;return{filteredItems:W,hasItems:!(null==W||!W.length),searchTerm:f,handleSearchChange:T,activeSortOption:u,handleSortChange:j,handleSearchSubmit:O,paginationOptions:A,sortOptions:t,submittedSearchTerm:b,selectedTag:S,handleTagClick:y}}},27614:function(e,n,t){t.r(n),t.d(n,{Head:function(){return y.F},default:function(){return B}});var a=t(63366),l=t(67294),i=t(53696),r=t(74780),o=t(13976),s=t(25686),u=t(57660),d=t(26679),c=t(18205),h=t(85893),g=function(e){var n=e.title,t=e.shopify,a=e.image,l=(0,c.qt)().settings.routes.COLLECTION+"/"+(null==t?void 0:t.handle);return(0,h.jsx)(r.P4,{children:(0,h.jsxs)(r.fG,{display:"flex",flexDirection:"row",flexWrap:"wrap",height:"100%",children:[(0,h.jsx)(r.xu,{w:"full",h:60,display:"flex",flexGrow:1,alignItems:"center",justifyContent:"center",overflow:"hidden",children:a&&(0,h.jsx)(u.Ee,{src:a,alt:n+" logo",bg:"white"})}),(0,h.jsx)(r.X6,{as:"p",size:"h4",mb:4,mt:2,w:"full",children:n}),(0,h.jsx)(r.AB,{as:d.x,to:l,title:"View Products",variant:"underline",styles:{mt:"auto",w:"full"},children:(0,h.jsx)(r.xv,{fontSize:"sm",children:"View Products"})})]})})},m=(0,l.memo)(g),f=t(86307),p=t(62035),v=t(84640),b=[{label:"A-Z",value:f.P.A_TO_Z},{label:"Z-A",value:f.P.Z_TO_A}],x=Array.from("abcdefghijklmnopqrstuvwxyz"),C=["#"].concat(x),S=["{\n    image,\n    _id,\n    title,\n    shopify {\n      handle\n    },\n }"],P=function(e){var n,t,a=e.brands,i=(0,l.useMemo)((function(){var e;return null==a||null===(e=a.edges)||void 0===e?void 0:e.map((function(e){return e.node}))}),[null==a?void 0:a.edges]),r=(0,v.k)(),o=r.getSanity,u=r.sanityItems,d=r.loading,c=(0,p.M)({itemsPerPage:24,sortOptions:b,initialItems:null!=u&&null!==(n=u.paginated)&&void 0!==n&&n.length?null==u?void 0:u.paginated:i,totalItems:null==u?void 0:u.all}),h=c.searchTerm,g=c.handleSearchChange,m=c.activeSortOption,f=c.handleSortChange,P=c.paginationOptions,j=c.submittedSearchTerm,T=c.selectedTag,O=c.handleTag

1Click,I=c.handleSearchSubmit;(0,l.useEffect)((function(){var e=j?'&& [title, description] match "*'+j+'*"':"",n="";T&&T!==s.f7&&(n="#"===T?x.map((function(e){return'&& !(string::startsWith(lower(title), "'+e+'"))'})).join(""):'&& string::startsWith(lower(title), "'+T+'")');var t=["*[_type == \"collection\" && isBrand == true && shopify.published == true && !(_id in path('drafts.**')) "+e+" "+n+"]"],a="[\n      "+24*((null==P?void 0:P.humanCurrentPageNumber)-1)+"..."+24*(null==P?void 0:P.humanCurrentPageNumber)+"\n    ]",l=["| order("+(null==m?void 0:m.value)+")"],i=t.concat(l).concat(a).concat(S).join("");o("{ 'paginated': "+i+", 'all': "+("count("+t+")")+" }")}),[j,m,null==P?void 0:P.humanCurrentPageNumber,T]);var k=(0,l.useCallback)((function(e){var n,t,a;return O((null==e||null===(n=e.target)||void 0===n||null===(t=n.dataset)||void 0===t?void 0:t.value)||(null==e||null===(a=e.target)||void 0===a?void 0:a.textContent))}),[O]);return{hasItems:!(null==u||null===(t=u.paginated)||void 0===t||!t.length),filteredItems:null==u?void 0:u.paginated,searchTerm:h,handleSearchChange:g,sortOptions:b,activeSortOption:m,handleSortChange:f,paginationOptions:P,headerTags:C,handleTagClick:k,selectedTag:T,handleSearchSubmit:I,loading:d,itemsPerPage:24}},j=t(3591),T=function(e){var n=e.filteredItems;return null==n?void 0:n.map((function(e){return(0,h.jsx)(m,Object.assign({},e),null==e?void 0:e._id)}))},O=function(e){var n=e.page,t=e.brands,a=P({brands:t}),u=a.searchTerm,d=a.handleSearchChange,c=a.hasItems,g=a.filteredItems,m=a.sortOptions,f=a.activeSortOption,p=a.handleSortChange,v=a.paginationOptions,b=a.headerTags,x=a.handleTagClick,C=a.selectedTag,S=a.handleSearchSubmit,j=a.loading,O=a.itemsPerPage,I=(0,l.useMemo)((function(){return(0,h.jsx)(h.Fragment,{children:(0,h.jsxs)(r.xu,{mt:[2,7],children:[(0,h.jsx)(o.E,{placeholder:null==n?void 0:n.additionalSearchBarPlaceholder,bgColor:"brand.offWhite",handleChange:d,handleSubmit:S,value:u}),(0,h.jsx)(r.xu,{mt:[4,4,8],children:(0,h.jsx)(s.AP,{tags:b,handleClick:x,selectedTag:C,minW:{base:12,lg:"unset"},upperCaseTags:!0,variant:"brand"})})]})})}),[d,S,u,C,x,b,null==n?void 0:n.additionalSearchBarPlaceholder]);return(0,h.jsx)(i.N,{headerProps:{title:null==n?void 0:n.title,children:I,paddingTop:[12,18],paddingBottom:[8,7]},gridProps:{hasItems:c,children:(0,h.jsx)(T,{filteredItems:g}),columns:[1,2,3,4],columnGap:[0,4,4],rowGap:[14,14,16],noItemsLabel:null==n?void 0:n.additionalNoBrandsLabel,itemsPerPage:O},paginationProps:{computedOptions:v},sortOptions:m,handleSortChange:p,activeSortOption:f,loading:j})},I=function(e){var n,t=e.page,a=e.brands;return(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)(O,{page:t,brands:a}),!(null==t||null===(n=t.sections)||void 0===n||!n.length)&&(0,h.jsx)(j.default,{page:{content:null==t?void 0:t.sections}})]})},k=(0,l.memo)(I),y=t(66027),w=["data"],B=function(e){var n=e.data,t=(0,a.Z)(e,w);return(0,h.jsx)(k,Object.assign({},t,n))}}}]);
2//# sourceMappingURL=component---src-pages-brands-tsx-e9fa27c6421731d78161.js.map