https://cardahub.io/static/js/16.9c38c12e.chunk.js

1(this["webpackJsonpcardahub-app-v2"]=this["webpackJsonpcardahub-app-v2"]||[]).push([[16],{585:function(e,a,t){"use strict";t(1);var c=t(29),s=t(279),l=t(3);a.a=function(e){var a=e.collection,t=e.assetCountLabel,n=void 0!==t&&t;return n=n?" ".concat(Object(c.u)(a.assetCount,n)):"",Object(l.jsxs)("div",{className:"product-style-one no-overlay collection-card",children:[Object(l.jsx)("div",{className:"card-thumbnail",children:Object(l.jsx)(s.a,{src:a.coverImage,alt:a.name,style:{borderRadius:5}})}),Object(l.jsx)("div",{className:"product-share-wrapper"}),Object(l.jsxs)("div",{className:"product-details",children:[Object(l.jsx)("div",{className:"product-name",children:a.name}),Object(l.jsx)("div",{className:"product-items-count",children:"".concat(Object(c.i)(a.assetCount)).concat(n)})]})]})}},602:function(e,a,t){},632:function(e,a,t){"use strict";t(1);var c=t(548),s=(t(602),t(3)),l=function(){return Object(s.jsx)(s.Fragment,{children:Object(s.jsxs)("div",{className:"product-style-one no-overlay",children:[Object(s.jsx)("div",{className:"card-thumbnail",children:Object(s.jsx)(c.a.Image,{})}),Object(s.jsx)("div",{className:"product-share-wrapper",children:Object(s.jsx)(c.a,{active:!0,title:!1})})]})})};a.a=function(e){var a=e.pageSize,t=void 0===a?10:a,c=e.wrapperClassName,n=void 0===c?"col-lg-4 col-xl-3 col-md-6 col-sm-6 col-12":c;return Object(s.jsx)(s.Fragment,{children:Array.from(Array(t).keys()).map((function(e){return Object(s.jsx)("div",{className:n,children:Object(s.jsx)(l,{})},e)}))})}},816:function(e,a,t){},837:function(e,a,t){"use strict";t.r(a);var c=t(1),s=t(337),l=t(2),n=t(26),i=t(568),r=t.n(i),o=t(279),d=t(23),j=t(3),b=function(e){var a=e.collections.map((function(e,a){return Object(j.jsxs)("div",{className:"slider-thumbnail thumbnail-overlay",children:[Object(j.jsx)(n.a,{to:"".concat(d.b.Collections.url,"/").concat(e.policyId),children:Object(j.jsx)(o.a,{style:{height:600,objectFit:"cover"},src:e.coverImage,alt:e.name})}),Object(j.jsxs)("div",{className:"read-wrapper",children:[Object(j.jsx)("h5",{children:e.name}),Object(j.jsxs)("span",{children:[e.assetCount," items"]})]})]},a)}));return Object(j.jsx)(r.a,Object(l.a)(Object(l.a)({},{infinite:!0,slidesToShow:1,slidesToScroll:1,dots:!0,arrows:!1,cssEase:"linear",adaptiveHeight:!0,autoplay:!0,autoplaySpeed:2e3}),{},{className:"slider slick-activation-04",children:a}))},u=function(e){var a=e.featureCollections;return Object(j.jsx)("div",{className:"banner-style-4 rn-section-gapTop",children:Object(j.jsx)("div",{className:"container",children:Object(j.jsxs)("div",{className:"row align-items-center",children:[Object(j.jsx)("div",{className:"col-xl-6 col-lg-6 col-md-12 order-2 order-lg-1 mt_md--40 mt_sm--40",children:Object(j.jsxs)("div",{className:"sldier-content",children:[Object(j.jsx)("span",{className:"title-badge","data-sal":"slide-up","data-sal-delay":"150","data-sal-duration":"800",children:"Collection Explorer"}),Object(j.jsx)("h2",{className:"title","data-sal":"slide-up","data-sal-delay":"200","data-sal-duration":"800",children:"Explore CNFT Collections"}),Object(j.jsx)("p",{className:"banner-disc-one","data-sal":"slide-up","data-sal-delay":"250","data-sal-duration":"800",children:"Discover, collect and trade NFTs of popular CNFT collections on Cardahub marketplace"})]})}),Object(j.jsx)("div",{className:"col-xl-6 col-lg-6 col-md-12 order-1 order-lg-2",children:Object(j.jsx)(b,{collections:a})})]})})})},m=t(22),p=t(594),O=t.n(p),x=t(32),v=t(830),h=t(595),g=v.a.Option,f={NAME_ASC:{sortKey:"name",sortOrder:1,name:"Name Ascending"},NAME_DESC:{sortKey:"name",sortOrder:-1,name:"Name Descending"}},N=function(e){var a=e.isOpen,t=void 0===a?0:a,s=e.onChange,l=Object(c.useState)([0,1e4]),n=Object(m.a)(l,2);n[0],n[1];return Object(j.jsx)(h.a,{toggleEvent:t,collapsed:!0,children:function(e){var a=e.setCollapsibleElement;return Object(j.jsx)("div",{className:"default-exp-wrapper default-exp-expand",children:Object(j.jsx)("div",{className:"inner",ref:a,children:Object(j.jsxs)("div",{className:"filter-select-option",children:[Object(j.jsx)("label",{className:"filter-label",children:"Sort by"}

1),Object(j.jsx)(v.a,{defaultValue:"name@@1",style:{width:"100%"},onChange:function(e){s("sort",{sortKey:e.split("@@")[0],sortOrder:e.split("@@")[1]})},children:Object.keys(f).map((function(e){var a=f[e],t=a.sortKey,c=a.sortOrder,s=a.name;return Object(j.jsx)(g,{value:"".concat(t,"@@").concat(c),className:"dropdown-item",children:s},t+c)}))})]})})})}})},C=t(287),y=(t(816),t(585)),k=t(632),w=function(e){e.refresh,e.isSearch;var a=e.initialCondition,t=void 0===a?{}:a,s=(e.showFilter,e.title),l=void 0===s?"Explore Collections":s,i=e.pageSize,r=void 0===i?12:i,o=e.page,b=void 0===o?0:o,u=Object(x.d)(),p=Object(x.e)((function(e){var a=e.collections;return[a.isLoading,a.isLoaded]})),v=Object(m.a)(p,2),h=v[0],g=v[1],f=Object(x.e)((function(e){return e.collections.collections})),w=Object(x.e)((function(e){return e.collections.filter.paging.pageNumber})),E=Object(x.e)((function(e){return e.collections.filter.paging.pagesCount})),S=Object(c.useState)(0),L=Object(m.a)(S,2),F=L[0],I=L[1],A=Object(c.useState)([]),D=Object(m.a)(A,2),T=D[0],P=D[1];Object(c.useEffect)((function(){u(Object(C.a)({condition:t,silent:!1}))}),[]),Object(c.useEffect)((function(){P(f)}),[f]),Object(c.useEffect)((function(){return function(){u(Object(C.b)())}}),[]),Object(c.useEffect)((function(){b&&b!==w&&u(Object(C.c)({page:b}))}),[b,w]);var _=Object(c.useCallback)((function(e,a){if("sort"===e)return u(Object(C.d)({sort:a}))}),[]),K=function(e){var a=e.collections;return null!==a&&void 0!==a&&a.length&&!h?a.map((function(e){return Object(j.jsx)("div",{className:"col-lg-4 col-xl-3 col-md-6 col-sm-6 col-12",children:Object(j.jsx)(n.a,{to:"".concat(d.b.Collections.url,"/").concat(e.policyId),children:Object(j.jsx)(y.a,{collection:e})})},e.policyId)})):g?Object(j.jsx)("div",{className:"container empty-container text-center",children:Object(j.jsxs)(n.a,{to:d.b.Profile.url,children:[Object(j.jsx)("i",{className:"fe fe-upload"}),Object(j.jsx)("br",{}),Object(j.jsx)("br",{}),Object(j.jsx)("span",{className:"text-center mt--30",children:"No collection found!"})]})}):Object(j.jsx)(k.a,{pageSize:r})},z=Object(c.useCallback)((function(e){u(Object(C.c)({page:e.selected}))}),[]);return Object(j.jsxs)("div",{className:"container",children:[Object(j.jsxs)("div",{className:"row mb--50 align-items-center",children:[Object(j.jsx)("div",{className:"col-lg-6 col-md-6 col-sm-6 col-12",children:Object(j.jsx)("h3",{className:"title mb--0","data-sal-delay":"150","data-sal":"slide-up","data-sal-duration":"800",children:l})}),Object(j.jsx)("div",{className:"col-lg-6 col-md-6 col-sm-6 col-12 mt_mobile--15",children:Object(j.jsx)("div",{className:"view-more-btn text-start text-sm-end","data-sal-delay":"150","data-sal":"slide-up","data-sal-duration":"800",children:Object(j.jsxs)("button",{className:"discover-filter-button discover-filter-activation btn btn-primary",onClick:function(e){I(Date.now())},children:["Filter",Object(j.jsx)("i",{className:"fe fe-filter"})]})})})]}),Object(j.jsx)(N,{isOpen:F,onChange:_}),Object(j.jsx)("div",{className:"row g-5","data-sal":"slide-up","data-sal-delay":"150","data-sal-duration":"800",children:Object(j.jsx)(K,{collections:T})}),Object(j.jsx)("div",{className:"row g-5","data-sal":"slide-up","data-sal-delay":"150","data-sal-duration":"800",children:Object(j.jsx)("nav",{className:"pagination-wrapper","aria-label":"Marketplace listing pagination",children:E?Object(j.jsx)(O.a,{onPageChange:z,forcePage:w,pageRangeDisplayed:5,pageCount:E,previousLabel:"Previous",nextLabel:"Next",pageClassName:"page-item",pageLinkClassName:"page-link",previousClassName:"page-item",previousLinkClassName:"page-link",nextClassName:"page-item",nextLinkClassName:"page-link",breakClassName:"page-item",breakLinkClassName:"page-link",breakLabel:"...",marginPagesDisplayed:2,containerClassName:"pagination",activeClassName:"active",disabledClassName:"",disabledLinkClassName:""}):null})})]})},E=t(29);a.default=function(){var e=Object(E.y)(),a=parseInt(e.get("page")||"1")-1,t=Object(x.e)((function(e){return e.collections.collections}));return Object(j.jsxs)(j.Fragment,{children:[Object(j.jsx)(u,{featureCollections:null!==t&&void 0!==t&&t.length?Object(s.a)(t,5):[]}),Object(j.jsx)("div",{className:"rn-collection-area rn-section-gap",children:Object(j.jsx)(w,{page:a})})]})}}}]);