https://artbag.io/_next/static/chunks/449.074c6e6c44e85cae.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[449],{5910:function(e,n,r){r.r(n);var t=r(29815),i=r(85893),l=r(67294),o=r(86896),a=r(44012),c=r(1852),s=r(41664),d=r.n(s),u=r(23966),v=r(38275),f=r(60646),x=r(66883),h=r(16547),j=r(11691),m=r(42234),y=r(39147),g=r(2173),E=r.n(g),p=r(26423),N=r(33895),A=r(96977),C=[{label:"Recent",value:"Recent"},{label:"Old",value:"Old"}];n.default=function(e){var n=e.currentTabIndex,r=(0,o.Z)(),s=(0,l.useState)([]),g=s[0],R=s[1],_=(0,l.useState)(0),L=_[0],S=_[1],b=(0,l.useState)(!1),F=b[0],M=b[1],Z=(0,l.useState)(!1),B=Z[0],O=Z[1],T=(0,l.useContext)(v.NX),k=T.updateFiltersOptions,P=T.filtersOptions,I=T.setFiltersOptions,G=(0,c.useMediaQuery)({query:"(max-width: 1024px)"}),K=(0,y.zQ)({offset:L,limit:12,country:(null===P||void 0===P?void 0:P.country)?P.country.toString():"",role:"partner",order_by:(null===P||void 0===P?void 0:P.orderBy)?null===P||void 0===P?void 0:P.orderBy.toLowerCase():"",name:""}),w=K.data,U=K.isLoading,z=K.refetch;(0,l.useEffect)((function(){k("orderBy","")}),[]);var q=(0,l.useRef)(null),D=(0,u.Z)({rootMargin:"".concat(G?"900px":"0px"),externalRef:F?null:q,once:U}).isNearScreen;return(0,l.useEffect)((function(){M(!1),w&&Array.isArray(w)&&(L>=12?w.length<12?(R((function(e){return(0,t.Z)(e).concat((0,t.Z)(w))})),M(!0)):0===w.length?(M(!0),R([])):R((function(e){return(0,t.Z)(e).concat((0,t.Z)(w))})):R(null!==w&&void 0!==w?w:[]))}),[w,U,n]),(0,l.useEffect)((function(){F&&z()}),[L]),(0,l.useEffect)((function(){D&&!F&&S(L+12)}),[D]),U?(0,i.jsx)(f.default,{}):(0,i.jsx)(i.Fragment,{children:(0,i.jsxs)("div",{className:"grid",children:[(0,i.jsx)("div",{className:"col-12",children:G?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(j.zx,{variant:"text",color:"secondary",onClick:function(){return O(!B)},startIcon:(0,i.jsx)(h.lV,{}),children:(0,i.jsx)(a.Z,{id:"PAGE.MARKETPLACE_FILTER"})}),(0,i.jsx)(A.Z,{openFilter:B,closeModal:function(){return O(!1)},getCountry:function(e){if(M(!1),S(0),e.length>0){var n=e.map((function(e){return e.value})).join(",");k("country",null!==n&&void 0!==n?n:""),z()}else k("country","")}})]}):(0,i.jsxs)("div",{className:E().Filters,children:[(0,i.jsxs)("div",{className:E().FiltersGrid,children:[(0,i.jsx)("div",{className:E().FiltersGrid_country,children:(0,i.jsx)(N.Z,{country:(null===P||void 0===P?void 0:P.country)?null===P||void 0===P?void 0:P.country.toString():"",filterCountry:function(e){var n;M(!1),S(0);var r=null===(n=null===m.h||void 0===m.h?void 0:m.h.find((function(n){return n.label.toString()===e.target.value})))||void 0===n?void 0:n.value;k("country",null!==r&&void 0!==r?r:"")}})}),(0,i.jsx)("div",{className:E().FiltersGrid_clear,children:(0,i.jsx)(j.zx,{variant:"text",color:"secondary",onClick:function(){M(!1),S(0),I(null)},startIcon:(0,i.jsx)(h.aXU,{fill:"#000"}),children:(0,i.jsx)(a.Z,{id:"PAGE.MARKETPLACE_CLEAR_FILTERS"})})})]}),(0,i.jsx)("div",{className:E().orderby,children:(0,i.jsx)(p.Z,{filterOrderBy:function(e){var n;M(!1),S(0);var r=null===(n=C.find((function(n){return n.label===e.target.value})))||void 0===n?void 0:n.value;k("orderBy",null!==r&&void 0!==r?r:"")},orderBy:(null===P||void 0===P?void 0:P.orderBy)?null===P||void 0===P?void 0:P.orderBy:"",options:C})})]})}),(null===g||void 0===g?void 0:g.length)<=0?(0,i.jsx)("div",{className:"col-12",children:(0,i.jsx)(x.hr,{icon:(0,i.jsx)(h.tLP,{}),title:r.formatMessage({id:"MARKETPLACE.NO_RESULTS"}),body:r.formatMessage({id:"MARKETPLACE.NO_RESULTS_BODY"})})}):g.length>0&&(null===g||void 0===g?void 0:g.map((function(e){return(0,i.jsx)("div",{className:"col-3 col-md-5 col-sm-8 col-xs-6 mb-2",children:(0,i.jsx)(j.Kq,{direction:"column",children:(0,i.jsx)(d(),{href:"/profile/".concat(e.name),children:(0,i.jsxs)("a",{children:[(0,i.jsx)("div",{className:E().MarketplaceCardArtist,children:(0,i.jsx)(j.Ee,{layout:"fill",src:"".concat(e.id,"/").concat(e.image),blurDataURL:"".concat(e.id,"/").concat(e.image),alt:"image-user"})}),(0,i.jsxs)(j.AI,{className:E().MarketplaceCardArtist_Name,fontWeight:400,children:["@",e.name]})]})})})},e.id)}))),F?null:(0,i.jsx)("div",{id:"visor",ref:q})]})})}}}]);