@dcl/builder-site 7.5.3 → 7.5.4-14670996270.commit-b667047

package/assets/{index-m01u3iZ6.js → index-By9berEU.js}

@@ -1 +1 @@
-import{bv as be,Z as F,D as n,af as je,H as e,G as s,L as de,K as E,dE as me,M as a,N as U,eq as Ie,X as he,er as Se,es as Z,a1 as fe,dD as Ce,et as Ne,eu as ue,ev as ve,ew as ce,J as Re,ex as N,aZ as oe,ey as w,aH as we,ez as Le,eA as De,eB as Ee,eC as Ae,eD as Oe,bw as G,eE as Pe,eF as ie,eG as ye,eH as ke,eI as Me,eJ as He,eK as $e,eL as Be,eM as Fe,eN as Ue,eO as Ve,eP as ze}from"./index-C3HlqCBZ.js";import{B as qe,b as Ge,N as Ye}from"./Navigation.container-C8BTALTd.js";import{L as Ze}from"./LoggedInDetailPage.container-BMX1d7bi.js";import{O as ge}from"./OptionsDropdown-CkgY0ZQ8.js";import{a as B}from"./date-DfOx7gwH.js";import{C as _e}from"./CollectionStatus.container-CglSuZa1.js";import"./selectors-CYllvatO.js";import"./SignInRequired-CjXWxB7A.js";import"./index-CJk6cKNC.js";const Qe=l=>l.ui.collection,We=l=>Qe(l).view,re=20;function Je(l){const{search:t,pathname:c}=be(),d=F(),r=d.push.bind(d),o=n.useMemo(()=>{var i;return((i=l==null?void 0:l.pageSize)==null?void 0:i.toString())??re.toString()},[l==null?void 0:l.pageSize]),x=n.useMemo(()=>{const i=new URLSearchParams(t);return i.delete("page"),i.delete("first"),i.delete("offset"),i.delete("sortBy"),Object.fromEntries(i.entries())},[t]),u=n.useMemo(()=>new URLSearchParams(t).get("sortBy"),[t])??void 0,[g,b,A]=n.useMemo(()=>{const i=new URLSearchParams(t),_=parseInt(i.get("page")??"1"),p=parseInt(i.get("first")??o),I=(_-1)*p;return[_,p,I]},[o,t]),j=n.useCallback(()=>{const i=new URLSearchParams(t);i.set("page",(g+1).toString()),r(`${c}?${i.toString()}`)},[t,g,r,c]),S=n.useCallback(i=>{const _=new URLSearchParams(t);_.set("page",i.toString()),r(`${c}?${_.toString()}`)},[t,r,c]),O=n.useCallback(i=>{const _=new URLSearchParams(t);_.set("page","1"),_.set("sortBy",i),r(`${c}?${_.toString()}`)},[c,r,t]),V=n.useCallback((i,_,p={clearOldFilters:!1})=>{const I=new URLSearchParams(p.clearOldFilters?{}:t);I.set("page","1"),p.clearOldFilters&&u&&I.set("sortBy",u),I.set(i,_),r(`${c}?${I.toString()}`)},[c,r,t,u]),v=l!=null&&l.count?Math.ceil((l==null?void 0:l.count)/((l==null?void 0:l.pageSize)??re)):void 0,f=v?g<v:void 0;return{page:g,pages:v,hasMorePages:f,first:b,offset:A,sortBy:u,filters:x,goToNextPage:j,goToPage:S,changeSorting:O,changeFilter:V}}const Ke="data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M18%2018H28V28H18V18Z'%20fill='%23A09BA8'/%3e%3cpath%20d='M4%204H14V14H4V4Z'%20fill='%23A09BA8'/%3e%3cpath%20d='M18%204H28V14H18V4Z'%20fill='%23A09BA8'/%3e%3cpath%20d='M4%2018H14V28H4V18Z'%20fill='%23A09BA8'/%3e%3c/svg%3e",Xe=l=>{const{item:t,onDeleteItem:c,onOpenModal:d}=l,[r,o]=n.useState(!1),x=n.useCallback(()=>o(!1),[o]),u=n.useCallback(()=>o(!0),[o]),g=n.useCallback(()=>d("MoveItemToCollectionModal"),[d]),b=n.useCallback(()=>{o(!1),c()},[o,c]);return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"ItemCard is-card",children:[e.jsx(ge,{className:"options-dropdown",options:[{text:s("item_card.move_to_collection"),handler:g},{text:s("global.delete"),handler:u}]}),e.jsxs(de,{to:E.itemDetail(t.id),children:[e.jsx(me,{item:t}),e.jsxs(a.Card.Content,{children:[e.jsx("div",{className:"text",title:t.name,children:t.name}),e.jsx("div",{className:"subtitle",children:s(`item.type.${t.type}`)})]})]})]}),e.jsx(a.Confirm,{size:"tiny",open:r,header:s("item_card.confirm_delete_header",{name:t.name}),content:s("item_card.confirm_delete_content",{name:t.name}),confirmButton:e.jsx(a.Button,{primary:!0,children:s("global.confirm")}),cancelButton:e.jsx(a.Button,{secondary:!0,children:s("global.cancel")}),onCancel:x,onConfirm:b})]})},et=je.memo(Xe),tt=(l,t)=>({onDeleteItem:()=>l(Ie(t.item)),onOpenModal:c=>l(he(c,{item:t.item}))}),at=U(void 0,tt)(et),lt="_ItemRow_xmdia_1",st="_image_xmdia_7",nt="_name_xmdia_21",ct="_title_xmdia_29",ot="_imageColumn_xmdia_30",it="_published_xmdia_35",D={ItemRow:lt,image:st,name:nt,title:ct,imageColumn:ot,published:it};function rt(l){const{item:t}=l,c=F(),d=n.useCallback(()=>{c.push(E.itemDetail(t.id))},[c]);return e.jsxs(a.Table.Row,{className:D.ItemRow,onClick:d,children:[e.jsx(a.Table.Cell,{width:4,children:e.jsxs("div",{className:D.imageColumn,children:[e.jsx(me,{className:D.image,item:t}),e.jsxs("div",{className:D.title,children:[e.jsx(Se,{item:t}),e.jsx("div",{className:D.name,children:t.name})]})]})}),e.jsx(a.Table.Cell,{width:3,children:B(t.createdAt,{addSuffix:!0})}),e.jsx(a.Table.Cell,{width:3,children:B(t.updatedAt,{addSuffix:!0})})]})}const dt=l=>{const{collection:t,onDeleteCollection:c,itemCount:d}=l,[r,o]=n.useState(!1),x=n.useCallback(()=>o(!1),[o]),u=n.useCallback(()=>o(!0),[o]),g=n.useCallback(()=>{o(!1),c()},[o,c]),b=Z(t);return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"CollectionCard is-card",children:[!t.isPublished&&e.jsx(ge,{className:fe({"empty-collection-options":d===0},"options-dropdown"),options:[{text:s("global.delete"),handler:u}]}),e.jsxs(de,{to:E.collectionDetail(t.id,b),children:[e.jsx(Ce,{collectionId:t.id}),e.jsxs(a.Card.Content,{children:[e.jsxs("div",{className:"text",title:t.name,children:[e.jsx(_e,{collection:t})," ",t.name]}),e.jsxs("div",{className:"subtitle",children:[s(`collection.type.${b}`)," · ",s("collection_card.item_count",{count:d})]}),!t.isMappingComplete&&Ne(t.urn)&&e.jsxs("div",{className:"pending-migration",children:[e.jsx(a.Icon,{name:"warning circle"})," ",s("item_status.pending_migration")]})]})]})]}),e.jsx(a.Confirm,{size:"tiny",open:r,header:s("collection_card.confirm_delete_header",{name:t.name}),content:s("collection_card.confirm_delete_content",{name:t.name}),confirmButton:e.jsx(a.Button,{primary:!0,children:s("global.confirm")}),cancelButton:e.jsx(a.Button,{secondary:!0,children:s("global.cancel")}),onCancel:x,onConfirm:g,className:"delete-collection-confirm"})]})},mt=n.memo(dt),ht=(l,t)=>({itemCount:ue(l,t.collection.id)}),Ct=(l,t)=>({onDeleteCollection:()=>l(ve(t.collection))}),ut=U(ht,Ct)(mt),gt="_CollectionRow_k7d4q_1",_t="_image_k7d4q_7",xt="_name_k7d4q_16",pt="_title_k7d4q_24",Tt="_imageColumn_k7d4q_25",bt="_published_k7d4q_30",L={CollectionRow:gt,image:_t,name:xt,title:pt,imageColumn:Tt,published:bt};function jt(l){const{collection:t,itemCount:c}=l,d=F(),r=n.useCallback(()=>{d.push(E.collectionDetail(t.id,Z(t)))},[d]),o=Z(t);return e.jsxs(a.Table.Row,{className:L.CollectionRow,onClick:r,children:[e.jsx(a.Table.Cell,{width:3,children:e.jsxs("div",{className:L.imageColumn,children:[e.jsx(Ce,{className:L.image,collectionId:t.id}),e.jsxs("div",{className:L.title,children:[e.jsx(_e,{collection:t}),e.jsx("div",{className:L.name,children:t.name})]})]})}),e.jsx(a.Table.Cell,{width:3,children:s(`collection.type.${o}`)}),e.jsx(a.Table.Cell,{width:2,children:c}),e.jsx(a.Table.Cell,{width:3,children:B(t.createdAt,{addSuffix:!0})}),e.jsx(a.Table.Cell,{width:3,children:B(t.updatedAt,{addSuffix:!0})}),e.jsx(a.Table.Cell,{width:3,children:t.isPublished?e.jsxs("div",{className:L.published,children:[s("global.published")," ",e.jsx(a.Icon,{name:"check"})]}):null})]})}const It=(l,t)=>({itemCount:ue(l,t.collection.id)}),St=U(It)(jt);var m=(l=>(l.STANDARD_COLLECTIONS="standard_collections",l.THIRD_PARTY_COLLECTIONS="third_party_collections",l.ITEMS="orphan_items",l))(m||{});const Y=20;function ft(l){const{address:t,items:c,collections:d,view:r,collectionsPaginationData:o,itemsPaginationData:x,hasUserOrphanItems:u,isLoadingItems:g,isLoadingCollections:b,isLoadingOrphanItem:A,isLinkedWearablesPaymentsEnabled:j,isThirdPartyManager:S,onFetchCollections:O,onFetchOrphanItem:V,onFetchOrphanItems:v,onOpenModal:f,onSetView:i}=l,_=F(),{page:p,pages:I,goToPage:Q,filters:P,changeFilter:y,sortBy:k,changeSorting:W}=Je({pageSize:Y,count:o==null?void 0:o.total}),h=P.section??m.STANDARD_COLLECTIONS,M=h===m.STANDARD_COLLECTIONS||h===m.THIRD_PARTY_COLLECTIONS,[J,xe]=n.useState(P.search??""),H=n.useRef(null);n.useEffect(()=>{u===void 0&&t&&V(t)},[t,u]),n.useEffect(()=>{t&&(h===m.ITEMS?v(t,{page:p,limit:Y}):O(t,{page:p,limit:Y,q:P.search??void 0,type:h===m.STANDARD_COLLECTIONS?ce.STANDARD:ce.THIRD_PARTY,sort:k}))},[t,p,h,P.search,k,v,O]);const pe=n.useCallback(()=>{f("CreateThirdPartyCollectionModal")},[f]),$=n.useCallback(()=>{f(j?"CreateCollectionSelectorModal":"CreateCollectionModal")},[f,j]),K=n.useCallback((C,T)=>{xe(T.value),H.current&&(clearTimeout(H.current),H.current=null),H.current=setTimeout(()=>{y("search",T.value)},500)},[y]),X=n.useCallback(()=>{_.push(E.itemEditor())},[_]),ee=n.useCallback((C,{value:T})=>{W(T)},[W]),z=n.useCallback(C=>{h!==C&&y("section",C)},[t,h,y]),te=n.useCallback(()=>e.jsx(a.Card.Group,{children:M?d.map((C,T)=>e.jsx(ut,{collection:C},T)):g?e.jsx(a.Loader,{size:"large",active:!0}):c.map((C,T)=>e.jsx(at,{item:C},T))}),[c,d,g,M,h]),ae=n.useCallback(()=>M?e.jsx(a.Section,{children:e.jsxs(a.Table,{basic:"very",children:[e.jsx(a.Table.Header,{children:e.jsxs(a.Table.Row,{children:[e.jsx(a.Table.HeaderCell,{children:s("collections_page.collection")}),e.jsx(a.Table.HeaderCell,{children:s("collections_page.type")}),e.jsx(a.Table.HeaderCell,{children:s("collections_page.items")}),e.jsx(a.Table.HeaderCell,{children:s("collections_page.created_at")}),e.jsx(a.Table.HeaderCell,{children:s("collections_page.last_modified")}),e.jsx(a.Table.HeaderCell,{})]})}),e.jsx(a.Table.Body,{children:d.map(C=>e.jsx(St,{collection:C},C.id))})]})}):e.jsx(a.Section,{children:e.jsxs(a.Table,{basic:"very",children:[e.jsx(a.Table.Header,{children:e.jsxs(a.Table.Row,{children:[e.jsx(a.Table.HeaderCell,{children:s("global.item")}),e.jsx(a.Table.HeaderCell,{children:s("collections_page.created_at")}),e.jsx(a.Table.HeaderCell,{children:s("collections_page.last_modified")})]})}),e.jsx(a.Table.Body,{children:c.map(C=>e.jsx(rt,{item:C},C.id))})]})}),[c,d,M]),le=n.useCallback((C,T)=>{p!==T.activePage&&Q(Number(T.activePage))},[p,Q]),se=n.useCallback(()=>e.jsxs("div",{className:"collections-main-actions",children:[h!==m.ITEMS&&e.jsx(a.Field,{placeholder:s("itemdrawer.search_items"),className:"collections-search-field",input:{icon:"search"},onChange:K,icon:e.jsx(a.Icon,{name:"search",className:"searchIcon"}),iconPosition:"left",value:J,isClearable:!0}),e.jsxs(a.Row,{className:"actions",grow:!1,children:[S&&!j&&e.jsx(a.Button,{className:"action-button",size:"small",basic:!0,onClick:pe,children:s("collections_page.new_third_party_collection")}),e.jsxs(a.Button,{className:"action-button open-editor",size:"small",basic:!0,onClick:X,children:[e.jsx(Re,{name:"cube"}),s("item_editor.open")]}),e.jsxs(a.Button,{className:"action-button",size:"small",primary:!0,onClick:$,children:[e.jsx(a.Icon,{name:"plus square"})," ",s("collections_page.new_collection")]})]})]}),[J,S,j,K,X,$]),ne=n.useCallback(()=>e.jsx(a.Column,{align:"right",children:e.jsxs(a.Row,{className:"actions",children:[h===m.STANDARD_COLLECTIONS||m.THIRD_PARTY_COLLECTIONS&&e.jsx(a.Dropdown,{direction:"left",value:k,options:[{value:N.MOST_RELEVANT,text:s("curation_page.order.most_relevant")},{value:N.CREATED_AT_DESC,text:s("global.order.newest")},{value:N.CREATED_AT_ASC,text:s("global.order.oldest")},{value:N.UPDATED_AT_DESC,text:s("global.order.updated_at_desc")},{value:N.UPDATED_AT_ASC,text:s("global.order.updated_at_asc")},{value:N.NAME_DESC,text:s("global.order.name_desc")},{value:N.NAME_ASC,text:s("global.order.name_asc")}],onChange:ee}),e.jsx(oe,{className:"grid",icon:"grid",isActive:r===w.GRID,onClick:()=>i(w.GRID)}),e.jsx(oe,{className:"list",icon:"table",isActive:r===w.LIST,onClick:()=>i(w.LIST)})]})}),[r,i,k,ee]),Te=n.useCallback(()=>{const C=o==null?void 0:o.total,T=x==null?void 0:x.total,R=h===m.STANDARD_COLLECTIONS||h===m.THIRD_PARTY_COLLECTIONS?C:T,q=h===m.STANDARD_COLLECTIONS||h===m.THIRD_PARTY_COLLECTIONS?I:x==null?void 0:x.totalPages;return A?e.jsx(a.Loader,{active:!0,size:"large"}):e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"banner-container",children:e.jsx(qe,{id:Ge})}),e.jsx("div",{className:"filters",children:e.jsxs(a.Container,{children:[(u||S||j)&&e.jsxs("div",{className:"action-tabs-container",children:[e.jsx("img",{src:Ke,className:"collections-icon"}),e.jsxs(a.Tabs,{isFullscreen:!0,children:[e.jsx(a.Tabs.Tab,{active:h===m.STANDARD_COLLECTIONS,onClick:()=>z(m.STANDARD_COLLECTIONS),children:s("collections_page.collections")}),(S||j)&&e.jsx(a.Tabs.Tab,{active:h===m.THIRD_PARTY_COLLECTIONS,onClick:()=>z(m.THIRD_PARTY_COLLECTIONS),children:s("collections_page.third_party_collections")}),u&&e.jsx(a.Tabs.Tab,{active:h===m.ITEMS,onClick:()=>z(m.ITEMS),children:s("collections_page.single_items")})]})]}),se(),e.jsxs(a.Row,{height:30,children:[e.jsx(a.Column,{children:e.jsx(a.Row,{children:!g&&!b&&!!R&&R>0&&e.jsx(a.Header,{sub:!0,children:s("collections_page.results",{count:R})})})}),ne()]})]})}),g||b||R===void 0?e.jsx(a.Loader,{active:!0,size:"large"}):R>0?e.jsxs(e.Fragment,{children:[r===w.GRID?te():r===w.LIST?ae():null,!!q&&q>1&&e.jsx(a.Pagination,{className:"pagination",firstItem:null,lastItem:null,totalPages:q,activePage:p,onPageChange:le})]}):e.jsxs("div",{className:"empty",children:[e.jsx(a.Header,{className:"title",size:"large",children:s("collections_page.no_items")}),e.jsx("div",{className:"empty-description",children:s("collections_page.empty_description")}),e.jsx("div",{className:"create-new-wrapper",children:e.jsx("div",{className:"create-new create-new-collection",onClick:$,children:e.jsx("div",{className:"text",children:s("collections_page.new_collection")})})})]})]})},[p,I,o,x,r,u,g,b,A,j,S,le,$,te,ae,ne,se]);return e.jsx(Ze,{className:"CollectionsPage",activeTab:Ye.COLLECTIONS,children:Te()})}const Nt=l=>{const t=we(l),c=Le(l),d=t?De(l,t):[],r=t?Ee(l,t):null,o=Ae(l);return{items:d,address:t,collections:c,collectionsPaginationData:o,itemsPaginationData:r,view:We(l),isThirdPartyManager:Oe(l),isLoadingCollections:G(Pe(l),Ue),isLoadingItems:G(ie(l),Ve),isLoadingOrphanItem:G(ie(l),ze),isLinkedWearablesPaymentsEnabled:ye(l),isCampaignEnabled:ke(l),hasUserOrphanItems:Me(l)}},vt=l=>({onSetView:t=>l(He(t)),onOpenModal:(t,c)=>l(he(t,c)),onFetchOrphanItems:(t,c)=>l($e(t,c)),onFetchCollections:(t,c)=>l(Be(t,c)),onFetchOrphanItem:t=>l(Fe(t))}),kt=U(Nt,vt)(ft);export{kt as default};
+import{bv as be,Z as F,D as n,af as je,H as e,G as s,L as de,K as E,dE as me,M as a,N as U,eq as Ie,X as he,er as Se,es as Z,a1 as fe,dD as Ce,et as Ne,eu as ue,ev as ve,ew as ce,J as Re,ex as N,aZ as oe,ey as w,aH as we,ez as Le,eA as De,eB as Ee,eC as Ae,eD as Oe,bw as G,eE as Pe,eF as ie,eG as ye,eH as ke,eI as Me,eJ as He,eK as $e,eL as Be,eM as Fe,eN as Ue,eO as Ve,eP as ze}from"./index-CxB3KHp7.js";import{B as qe,b as Ge,N as Ye}from"./Navigation.container-CyoOQzSD.js";import{L as Ze}from"./LoggedInDetailPage.container-BW73QDU4.js";import{O as ge}from"./OptionsDropdown-B0qN8Owx.js";import{a as B}from"./date-D0e72uZz.js";import{C as _e}from"./CollectionStatus.container-0kD9-M7s.js";import"./selectors-DFvmr5EE.js";import"./SignInRequired-CPDQ0bk2.js";import"./index-QKnFthb4.js";const Qe=l=>l.ui.collection,We=l=>Qe(l).view,re=20;function Je(l){const{search:t,pathname:c}=be(),d=F(),r=d.push.bind(d),o=n.useMemo(()=>{var i;return((i=l==null?void 0:l.pageSize)==null?void 0:i.toString())??re.toString()},[l==null?void 0:l.pageSize]),x=n.useMemo(()=>{const i=new URLSearchParams(t);return i.delete("page"),i.delete("first"),i.delete("offset"),i.delete("sortBy"),Object.fromEntries(i.entries())},[t]),u=n.useMemo(()=>new URLSearchParams(t).get("sortBy"),[t])??void 0,[g,b,A]=n.useMemo(()=>{const i=new URLSearchParams(t),_=parseInt(i.get("page")??"1"),p=parseInt(i.get("first")??o),I=(_-1)*p;return[_,p,I]},[o,t]),j=n.useCallback(()=>{const i=new URLSearchParams(t);i.set("page",(g+1).toString()),r(`${c}?${i.toString()}`)},[t,g,r,c]),S=n.useCallback(i=>{const _=new URLSearchParams(t);_.set("page",i.toString()),r(`${c}?${_.toString()}`)},[t,r,c]),O=n.useCallback(i=>{const _=new URLSearchParams(t);_.set("page","1"),_.set("sortBy",i),r(`${c}?${_.toString()}`)},[c,r,t]),V=n.useCallback((i,_,p={clearOldFilters:!1})=>{const I=new URLSearchParams(p.clearOldFilters?{}:t);I.set("page","1"),p.clearOldFilters&&u&&I.set("sortBy",u),I.set(i,_),r(`${c}?${I.toString()}`)},[c,r,t,u]),v=l!=null&&l.count?Math.ceil((l==null?void 0:l.count)/((l==null?void 0:l.pageSize)??re)):void 0,f=v?g<v:void 0;return{page:g,pages:v,hasMorePages:f,first:b,offset:A,sortBy:u,filters:x,goToNextPage:j,goToPage:S,changeSorting:O,changeFilter:V}}const Ke="data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M18%2018H28V28H18V18Z'%20fill='%23A09BA8'/%3e%3cpath%20d='M4%204H14V14H4V4Z'%20fill='%23A09BA8'/%3e%3cpath%20d='M18%204H28V14H18V4Z'%20fill='%23A09BA8'/%3e%3cpath%20d='M4%2018H14V28H4V18Z'%20fill='%23A09BA8'/%3e%3c/svg%3e",Xe=l=>{const{item:t,onDeleteItem:c,onOpenModal:d}=l,[r,o]=n.useState(!1),x=n.useCallback(()=>o(!1),[o]),u=n.useCallback(()=>o(!0),[o]),g=n.useCallback(()=>d("MoveItemToCollectionModal"),[d]),b=n.useCallback(()=>{o(!1),c()},[o,c]);return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"ItemCard is-card",children:[e.jsx(ge,{className:"options-dropdown",options:[{text:s("item_card.move_to_collection"),handler:g},{text:s("global.delete"),handler:u}]}),e.jsxs(de,{to:E.itemDetail(t.id),children:[e.jsx(me,{item:t}),e.jsxs(a.Card.Content,{children:[e.jsx("div",{className:"text",title:t.name,children:t.name}),e.jsx("div",{className:"subtitle",children:s(`item.type.${t.type}`)})]})]})]}),e.jsx(a.Confirm,{size:"tiny",open:r,header:s("item_card.confirm_delete_header",{name:t.name}),content:s("item_card.confirm_delete_content",{name:t.name}),confirmButton:e.jsx(a.Button,{primary:!0,children:s("global.confirm")}),cancelButton:e.jsx(a.Button,{secondary:!0,children:s("global.cancel")}),onCancel:x,onConfirm:b})]})},et=je.memo(Xe),tt=(l,t)=>({onDeleteItem:()=>l(Ie(t.item)),onOpenModal:c=>l(he(c,{item:t.item}))}),at=U(void 0,tt)(et),lt="_ItemRow_xmdia_1",st="_image_xmdia_7",nt="_name_xmdia_21",ct="_title_xmdia_29",ot="_imageColumn_xmdia_30",it="_published_xmdia_35",D={ItemRow:lt,image:st,name:nt,title:ct,imageColumn:ot,published:it};function rt(l){const{item:t}=l,c=F(),d=n.useCallback(()=>{c.push(E.itemDetail(t.id))},[c]);return e.jsxs(a.Table.Row,{className:D.ItemRow,onClick:d,children:[e.jsx(a.Table.Cell,{width:4,children:e.jsxs("div",{className:D.imageColumn,children:[e.jsx(me,{className:D.image,item:t}),e.jsxs("div",{className:D.title,children:[e.jsx(Se,{item:t}),e.jsx("div",{className:D.name,children:t.name})]})]})}),e.jsx(a.Table.Cell,{width:3,children:B(t.createdAt,{addSuffix:!0})}),e.jsx(a.Table.Cell,{width:3,children:B(t.updatedAt,{addSuffix:!0})})]})}const dt=l=>{const{collection:t,onDeleteCollection:c,itemCount:d}=l,[r,o]=n.useState(!1),x=n.useCallback(()=>o(!1),[o]),u=n.useCallback(()=>o(!0),[o]),g=n.useCallback(()=>{o(!1),c()},[o,c]),b=Z(t);return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"CollectionCard is-card",children:[!t.isPublished&&e.jsx(ge,{className:fe({"empty-collection-options":d===0},"options-dropdown"),options:[{text:s("global.delete"),handler:u}]}),e.jsxs(de,{to:E.collectionDetail(t.id,b),children:[e.jsx(Ce,{collectionId:t.id}),e.jsxs(a.Card.Content,{children:[e.jsxs("div",{className:"text",title:t.name,children:[e.jsx(_e,{collection:t})," ",t.name]}),e.jsxs("div",{className:"subtitle",children:[s(`collection.type.${b}`)," · ",s("collection_card.item_count",{count:d})]}),!t.isMappingComplete&&Ne(t.urn)&&e.jsxs("div",{className:"pending-migration",children:[e.jsx(a.Icon,{name:"warning circle"})," ",s("item_status.pending_migration")]})]})]})]}),e.jsx(a.Confirm,{size:"tiny",open:r,header:s("collection_card.confirm_delete_header",{name:t.name}),content:s("collection_card.confirm_delete_content",{name:t.name}),confirmButton:e.jsx(a.Button,{primary:!0,children:s("global.confirm")}),cancelButton:e.jsx(a.Button,{secondary:!0,children:s("global.cancel")}),onCancel:x,onConfirm:g,className:"delete-collection-confirm"})]})},mt=n.memo(dt),ht=(l,t)=>({itemCount:ue(l,t.collection.id)}),Ct=(l,t)=>({onDeleteCollection:()=>l(ve(t.collection))}),ut=U(ht,Ct)(mt),gt="_CollectionRow_k7d4q_1",_t="_image_k7d4q_7",xt="_name_k7d4q_16",pt="_title_k7d4q_24",Tt="_imageColumn_k7d4q_25",bt="_published_k7d4q_30",L={CollectionRow:gt,image:_t,name:xt,title:pt,imageColumn:Tt,published:bt};function jt(l){const{collection:t,itemCount:c}=l,d=F(),r=n.useCallback(()=>{d.push(E.collectionDetail(t.id,Z(t)))},[d]),o=Z(t);return e.jsxs(a.Table.Row,{className:L.CollectionRow,onClick:r,children:[e.jsx(a.Table.Cell,{width:3,children:e.jsxs("div",{className:L.imageColumn,children:[e.jsx(Ce,{className:L.image,collectionId:t.id}),e.jsxs("div",{className:L.title,children:[e.jsx(_e,{collection:t}),e.jsx("div",{className:L.name,children:t.name})]})]})}),e.jsx(a.Table.Cell,{width:3,children:s(`collection.type.${o}`)}),e.jsx(a.Table.Cell,{width:2,children:c}),e.jsx(a.Table.Cell,{width:3,children:B(t.createdAt,{addSuffix:!0})}),e.jsx(a.Table.Cell,{width:3,children:B(t.updatedAt,{addSuffix:!0})}),e.jsx(a.Table.Cell,{width:3,children:t.isPublished?e.jsxs("div",{className:L.published,children:[s("global.published")," ",e.jsx(a.Icon,{name:"check"})]}):null})]})}const It=(l,t)=>({itemCount:ue(l,t.collection.id)}),St=U(It)(jt);var m=(l=>(l.STANDARD_COLLECTIONS="standard_collections",l.THIRD_PARTY_COLLECTIONS="third_party_collections",l.ITEMS="orphan_items",l))(m||{});const Y=20;function ft(l){const{address:t,items:c,collections:d,view:r,collectionsPaginationData:o,itemsPaginationData:x,hasUserOrphanItems:u,isLoadingItems:g,isLoadingCollections:b,isLoadingOrphanItem:A,isLinkedWearablesPaymentsEnabled:j,isThirdPartyManager:S,onFetchCollections:O,onFetchOrphanItem:V,onFetchOrphanItems:v,onOpenModal:f,onSetView:i}=l,_=F(),{page:p,pages:I,goToPage:Q,filters:P,changeFilter:y,sortBy:k,changeSorting:W}=Je({pageSize:Y,count:o==null?void 0:o.total}),h=P.section??m.STANDARD_COLLECTIONS,M=h===m.STANDARD_COLLECTIONS||h===m.THIRD_PARTY_COLLECTIONS,[J,xe]=n.useState(P.search??""),H=n.useRef(null);n.useEffect(()=>{u===void 0&&t&&V(t)},[t,u]),n.useEffect(()=>{t&&(h===m.ITEMS?v(t,{page:p,limit:Y}):O(t,{page:p,limit:Y,q:P.search??void 0,type:h===m.STANDARD_COLLECTIONS?ce.STANDARD:ce.THIRD_PARTY,sort:k}))},[t,p,h,P.search,k,v,O]);const pe=n.useCallback(()=>{f("CreateThirdPartyCollectionModal")},[f]),$=n.useCallback(()=>{f(j?"CreateCollectionSelectorModal":"CreateCollectionModal")},[f,j]),K=n.useCallback((C,T)=>{xe(T.value),H.current&&(clearTimeout(H.current),H.current=null),H.current=setTimeout(()=>{y("search",T.value)},500)},[y]),X=n.useCallback(()=>{_.push(E.itemEditor())},[_]),ee=n.useCallback((C,{value:T})=>{W(T)},[W]),z=n.useCallback(C=>{h!==C&&y("section",C)},[t,h,y]),te=n.useCallback(()=>e.jsx(a.Card.Group,{children:M?d.map((C,T)=>e.jsx(ut,{collection:C},T)):g?e.jsx(a.Loader,{size:"large",active:!0}):c.map((C,T)=>e.jsx(at,{item:C},T))}),[c,d,g,M,h]),ae=n.useCallback(()=>M?e.jsx(a.Section,{children:e.jsxs(a.Table,{basic:"very",children:[e.jsx(a.Table.Header,{children:e.jsxs(a.Table.Row,{children:[e.jsx(a.Table.HeaderCell,{children:s("collections_page.collection")}),e.jsx(a.Table.HeaderCell,{children:s("collections_page.type")}),e.jsx(a.Table.HeaderCell,{children:s("collections_page.items")}),e.jsx(a.Table.HeaderCell,{children:s("collections_page.created_at")}),e.jsx(a.Table.HeaderCell,{children:s("collections_page.last_modified")}),e.jsx(a.Table.HeaderCell,{})]})}),e.jsx(a.Table.Body,{children:d.map(C=>e.jsx(St,{collection:C},C.id))})]})}):e.jsx(a.Section,{children:e.jsxs(a.Table,{basic:"very",children:[e.jsx(a.Table.Header,{children:e.jsxs(a.Table.Row,{children:[e.jsx(a.Table.HeaderCell,{children:s("global.item")}),e.jsx(a.Table.HeaderCell,{children:s("collections_page.created_at")}),e.jsx(a.Table.HeaderCell,{children:s("collections_page.last_modified")})]})}),e.jsx(a.Table.Body,{children:c.map(C=>e.jsx(rt,{item:C},C.id))})]})}),[c,d,M]),le=n.useCallback((C,T)=>{p!==T.activePage&&Q(Number(T.activePage))},[p,Q]),se=n.useCallback(()=>e.jsxs("div",{className:"collections-main-actions",children:[h!==m.ITEMS&&e.jsx(a.Field,{placeholder:s("itemdrawer.search_items"),className:"collections-search-field",input:{icon:"search"},onChange:K,icon:e.jsx(a.Icon,{name:"search",className:"searchIcon"}),iconPosition:"left",value:J,isClearable:!0}),e.jsxs(a.Row,{className:"actions",grow:!1,children:[S&&!j&&e.jsx(a.Button,{className:"action-button",size:"small",basic:!0,onClick:pe,children:s("collections_page.new_third_party_collection")}),e.jsxs(a.Button,{className:"action-button open-editor",size:"small",basic:!0,onClick:X,children:[e.jsx(Re,{name:"cube"}),s("item_editor.open")]}),e.jsxs(a.Button,{className:"action-button",size:"small",primary:!0,onClick:$,children:[e.jsx(a.Icon,{name:"plus square"})," ",s("collections_page.new_collection")]})]})]}),[J,S,j,K,X,$]),ne=n.useCallback(()=>e.jsx(a.Column,{align:"right",children:e.jsxs(a.Row,{className:"actions",children:[h===m.STANDARD_COLLECTIONS||m.THIRD_PARTY_COLLECTIONS&&e.jsx(a.Dropdown,{direction:"left",value:k,options:[{value:N.MOST_RELEVANT,text:s("curation_page.order.most_relevant")},{value:N.CREATED_AT_DESC,text:s("global.order.newest")},{value:N.CREATED_AT_ASC,text:s("global.order.oldest")},{value:N.UPDATED_AT_DESC,text:s("global.order.updated_at_desc")},{value:N.UPDATED_AT_ASC,text:s("global.order.updated_at_asc")},{value:N.NAME_DESC,text:s("global.order.name_desc")},{value:N.NAME_ASC,text:s("global.order.name_asc")}],onChange:ee}),e.jsx(oe,{className:"grid",icon:"grid",isActive:r===w.GRID,onClick:()=>i(w.GRID)}),e.jsx(oe,{className:"list",icon:"table",isActive:r===w.LIST,onClick:()=>i(w.LIST)})]})}),[r,i,k,ee]),Te=n.useCallback(()=>{const C=o==null?void 0:o.total,T=x==null?void 0:x.total,R=h===m.STANDARD_COLLECTIONS||h===m.THIRD_PARTY_COLLECTIONS?C:T,q=h===m.STANDARD_COLLECTIONS||h===m.THIRD_PARTY_COLLECTIONS?I:x==null?void 0:x.totalPages;return A?e.jsx(a.Loader,{active:!0,size:"large"}):e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"banner-container",children:e.jsx(qe,{id:Ge})}),e.jsx("div",{className:"filters",children:e.jsxs(a.Container,{children:[(u||S||j)&&e.jsxs("div",{className:"action-tabs-container",children:[e.jsx("img",{src:Ke,className:"collections-icon"}),e.jsxs(a.Tabs,{isFullscreen:!0,children:[e.jsx(a.Tabs.Tab,{active:h===m.STANDARD_COLLECTIONS,onClick:()=>z(m.STANDARD_COLLECTIONS),children:s("collections_page.collections")}),(S||j)&&e.jsx(a.Tabs.Tab,{active:h===m.THIRD_PARTY_COLLECTIONS,onClick:()=>z(m.THIRD_PARTY_COLLECTIONS),children:s("collections_page.third_party_collections")}),u&&e.jsx(a.Tabs.Tab,{active:h===m.ITEMS,onClick:()=>z(m.ITEMS),children:s("collections_page.single_items")})]})]}),se(),e.jsxs(a.Row,{height:30,children:[e.jsx(a.Column,{children:e.jsx(a.Row,{children:!g&&!b&&!!R&&R>0&&e.jsx(a.Header,{sub:!0,children:s("collections_page.results",{count:R})})})}),ne()]})]})}),g||b||R===void 0?e.jsx(a.Loader,{active:!0,size:"large"}):R>0?e.jsxs(e.Fragment,{children:[r===w.GRID?te():r===w.LIST?ae():null,!!q&&q>1&&e.jsx(a.Pagination,{className:"pagination",firstItem:null,lastItem:null,totalPages:q,activePage:p,onPageChange:le})]}):e.jsxs("div",{className:"empty",children:[e.jsx(a.Header,{className:"title",size:"large",children:s("collections_page.no_items")}),e.jsx("div",{className:"empty-description",children:s("collections_page.empty_description")}),e.jsx("div",{className:"create-new-wrapper",children:e.jsx("div",{className:"create-new create-new-collection",onClick:$,children:e.jsx("div",{className:"text",children:s("collections_page.new_collection")})})})]})]})},[p,I,o,x,r,u,g,b,A,j,S,le,$,te,ae,ne,se]);return e.jsx(Ze,{className:"CollectionsPage",activeTab:Ye.COLLECTIONS,children:Te()})}const Nt=l=>{const t=we(l),c=Le(l),d=t?De(l,t):[],r=t?Ee(l,t):null,o=Ae(l);return{items:d,address:t,collections:c,collectionsPaginationData:o,itemsPaginationData:r,view:We(l),isThirdPartyManager:Oe(l),isLoadingCollections:G(Pe(l),Ue),isLoadingItems:G(ie(l),Ve),isLoadingOrphanItem:G(ie(l),ze),isLinkedWearablesPaymentsEnabled:ye(l),isCampaignEnabled:ke(l),hasUserOrphanItems:Me(l)}},vt=l=>({onSetView:t=>l(He(t)),onOpenModal:(t,c)=>l(he(t,c)),onFetchOrphanItems:(t,c)=>l($e(t,c)),onFetchCollections:(t,c)=>l(Be(t,c)),onFetchOrphanItem:t=>l(Fe(t))}),kt=U(Nt,vt)(ft);export{kt as default};