@dcl/builder-site 7.7.1-15451993659.commit-0dd8258 → 7.7.2-15469632085.commit-01578fa
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/{Back-Bcs0rYTT.js → Back-BFeQ217r.js} +1 -1
- package/assets/{CollectionProvider.container-CSptVdHI.js → CollectionProvider.container-B2yhxmfM.js} +1 -1
- package/assets/{CollectionStatus.container-BVKxqEPK.js → CollectionStatus.container-LjoSsRds.js} +1 -1
- package/assets/{ConfirmDelete-BPuE0ONJ.js → ConfirmDelete-D9E5IVRM.js} +1 -1
- package/assets/{FileSaver.min-4WLNoT3G.js → FileSaver.min-yCaU205R.js} +1 -1
- package/assets/{ItemProvider.container-yfX8EyPX.js → ItemProvider.container-WyIDShkU.js} +1 -1
- package/assets/{JumpIn.container-CiB8BGuZ.js → JumpIn.container-B5YUvOvo.js} +1 -1
- package/assets/{LandAction-Br3f05qZ.js → LandAction-B3Dyd6u3.js} +1 -1
- package/assets/{LandProviderPage-Z7Oaj9if.js → LandProviderPage-B34jbSZr.js} +1 -1
- package/assets/{LoggedInDetailPage.container-jxC_-6TE.js → LoggedInDetailPage.container-B7-JCXZc.js} +1 -1
- package/assets/{Navigation-B2atKHc2.css → Navigation-CwpcU-XS.css} +1 -1
- package/assets/{Navigation.container-Blbpgi-a.js → Navigation.container-OV534sYB.js} +1 -1
- package/assets/{NotFound-CSp308tA.js → NotFound-CgJmYeR_.js} +1 -1
- package/assets/{OptionsDropdown-4dpgKWoR.js → OptionsDropdown-bOCuSweM.js} +1 -1
- package/assets/{RentalPeriod-TZFZqz7z.js → RentalPeriod-DhEVxh8L.js} +1 -1
- package/assets/{SDKTag-DH4FAc0L.js → SDKTag-BDvq_nyt.js} +1 -1
- package/assets/{SceneStats.container-D6neWBle.js → SceneStats.container-BvZJ846s.js} +1 -1
- package/assets/{SignInRequired-DGtkN_16.js → SignInRequired-BJDXl1QK.js} +1 -1
- package/assets/{ThirdPartyKindBadge-CFroyz0e.js → ThirdPartyKindBadge-BQEFEC_i.js} +1 -1
- package/assets/{dataReader-Hmc_tjOW.js → dataReader-GJLCCnG3.js} +1 -1
- package/assets/{date-CqdEXN4i.js → date-BurY4QqT.js} +1 -1
- package/assets/{fortmatic-DmfE-Cak.js → fortmatic-DPFMiYK0.js} +1 -1
- package/assets/{index-BPKlqKcT.js → index-1alsgV_U.js} +1 -1
- package/assets/{index-CafqzgB8.css → index-B0pv1AKp.css} +1 -1
- package/assets/{index-CmGpDlNx.js → index-B2vaW2Zp.js} +1 -1
- package/assets/{index-DIAraT8O.js → index-BBBLgl_e.js} +2 -2
- package/assets/{index-RFWlzfnt.js → index-BJI9-Xlq.js} +1 -1
- package/assets/{index-wC6VPLFG.js → index-BgNZ_gtY.js} +1 -1
- package/assets/{index-BgKgBb98.js → index-BnrLFLAz.js} +1 -1
- package/assets/{index-DnafUM7S.js → index-BpRw3zSX.js} +26 -26
- package/assets/{index-Dsl6v51M.css → index-BsU-ZH7L.css} +1 -1
- package/assets/{index-OnMNwt1J.js → index-BtVFbp-2.js} +1 -1
- package/assets/index-Bud1zyWf.js +1 -0
- package/assets/{index-g0_VHNjz.js → index-BvEaRSpL.js} +1 -1
- package/assets/{index-BADyeEKr.js → index-C4-mC7Z4.js} +1 -1
- package/assets/{index-k_zbi58L.js → index-C4chTp2L.js} +1 -1
- package/assets/{index-DlqLWHfB.js → index-C7A6Ikgr.js} +1 -1
- package/assets/{index-CZ40g11W.js → index-C8CDkqln.js} +1 -1
- package/assets/{index-NsjW2LzR.js → index-CAV1hx7l.js} +1 -1
- package/assets/{index-BBU7en16.js → index-CXjEIvzK.js} +1 -1
- package/assets/{index-1sWRUxr6.css → index-CYR_VAKU.css} +7 -7
- package/assets/{index-C0NB1mZN.css → index-CbBMnNWT.css} +1 -1
- package/assets/{index-xGL3fgQW.js → index-CdVNW62R.js} +1 -1
- package/assets/{index-BA7nouwY.js → index-CntP7HNy.js} +1 -1
- package/assets/{index-BVlOGoNm.js → index-CxAiE5-M.js} +1 -1
- package/assets/index-CxAyx5pK.js +1 -0
- package/assets/{index-BuenYVlF.js → index-D0YrWlQe.js} +1 -1
- package/assets/{index-98lFkGLH.js → index-D2_KO_bn.js} +1 -1
- package/assets/{index-DQvS0a5U.js → index-D5voJf_G.js} +1 -1
- package/assets/{index-BO-3Yf0T.js → index-DBB4ILw5.js} +1 -1
- package/assets/{index-YF1XZGXx.js → index-DBHM_ZhK.js} +1 -1
- package/assets/{index-CBLa-AON.js → index-DDaeBIJ9.js} +1 -1
- package/assets/{index-DRcShGJE.js → index-DGgvwgaN.js} +1 -1
- package/assets/{index-DM9-xF1-.css → index-DHJUv9V6.css} +1 -1
- package/assets/{index-DApEmuFv.js → index-DJFFHjMH.js} +1 -1
- package/assets/{index-BcV8StZM.js → index-DKANaP75.js} +1 -1
- package/assets/{index-DKrJ-E7b.js → index-Dm7fw_08.js} +1 -1
- package/assets/{index-CR6f5ROW.js → index-Dn6zjQrC.js} +1 -1
- package/assets/{index-DKVUDpc5.js → index-JVCM-vnu.js} +1 -1
- package/assets/{index-C0pMeu7X.js → index-KdNTSWSQ.js} +1 -1
- package/assets/{index-DgMH8wrh.js → index-OeVPj2Tu.js} +1 -1
- package/assets/{index-B6Iv-kyc.js → index-ToiFaMaN.js} +1 -1
- package/assets/{index-CPeXUgvO.js → index-_5DgnqEc.js} +1 -1
- package/assets/{index-BRFqoRHG.js → index-cu5GXWA7.js} +1 -1
- package/assets/{index-B3Q8BARL.css → index-gXD9IvpE.css} +1 -1
- package/assets/{index-DtEEyBpp.js → index-hDWQW25J.js} +1 -1
- package/assets/{index-DEepyWyg.js → index-l5L6GAGb.js} +1 -1
- package/assets/{index-B_APaZiA.css → index-p4Kbo2KK.css} +1 -1
- package/assets/{index-1_5gzlvs.js → index-pSO_VEnX.js} +1 -1
- package/assets/{index-CT8QyuzZ.js → index-tTRofml0.js} +1 -1
- package/assets/{index-g7c5QAsY.js → index-wJDm7iaL.js} +1 -1
- package/assets/{index.es-DHM-FOGp.js → index.es-2wlsIJGh.js} +4 -4
- package/assets/{selectors-5tPG0SHF.js → selectors-DS1xkIcu.js} +1 -1
- package/index.html +3 -3
- package/package.json +3 -3
- package/assets/index-BzxbtokL.js +0 -1
- package/assets/index-iZzkqszq.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{H as e,g0 as Ae,g1 as Ge,a1 as V,dB as Re,M as n,N as B,fb as je,Z as Y,eZ as We,G as i,fK as Ue,eR as ee,g2 as Oe,cC as He,X as D,et as ze,g3 as Fe,fW as qe,bw as Ie,fY as Ve,eE as Ne,g4 as Ye,f_ as Ze,D as r,K as M,g5 as Ke,g6 as Qe,eO as T,dC as fe,ep as Je,g7 as Xe,bu as ke,L as ye,fc as be,eo as ve,er as _e,g8 as es,g9 as ue,ga as ss,gb as ts,gc as ns,gd as as,ge as is,ff as os,gf as ls,gg as we,eu as rs,gh as cs,gi as ds,gj as ge,J as ms,cA as _s,cB as us,fO as gs,eP as he,ez as pe,fq as hs,aN as ps,e8 as Cs,gk as xs,gl as js,gm as Is,eC as Ns,gn as fs,go as ks,gp as ys,gq as bs,gr as vs,fS as ws}from"./index-DnafUM7S.js";import{g as Ss}from"./selector-CtnQnmhq.js";import{L as Ps}from"./LoggedInDetailPage.container-jxC_-6TE.js";import{C as Ds}from"./CollectionProvider.container-CSptVdHI.js";import{N as Es}from"./NotFound-CSp308tA.js";import{B as Ts}from"./Back-Bcs0rYTT.js";import{C as Ms,T as $s}from"./ThirdPartyKindBadge-CFroyz0e.js";import{C as se}from"./ConfirmDelete-BPuE0ONJ.js";import"./Navigation.container-Blbpgi-a.js";import"./selectors-5tPG0SHF.js";import"./SignInRequired-DGtkN_16.js";const Ls=s=>e.jsx("img",{"data-testid":Ae,src:Ge[s.network],alt:s.network,className:s.className}),Bs="_image_142g7_1",As="_main_142g7_2",Gs="_network_142g7_13",z={image:Bs,main:As,network:Gs},Rs=s=>{const{collection:t,collectionId:o,className:l,shape:c}=s;return e.jsxs("div",{className:V(z.main,l),children:[t!=null&&t.itemCount?e.jsx(Re,{collectionId:o,className:z.image}):e.jsx(n.Blockie,{className:z.image,seed:o,size:8,scale:8,shape:c??"circle"}),t!=null&&t.linkedContractNetwork?e.jsx(Ls,{network:t==null?void 0:t.linkedContractNetwork,className:z.network}):null]})},Ws=(s,t)=>({collection:je(s,t.collectionId)}),Us=B(Ws)(Rs),Os="_ellipsis_4huv2_1",Ce={ellipsis:Os},Hs=s=>{const{collection:t}=s,o=Y(),l=()=>{t.isPublished&&t.forumLink&&v(t.forumLink,"_blank")},c=()=>{const{items:m,onOpenModal:d}=s;d("SeeInWorldModal",{itemIds:m.map(k=>k.id)})},a=()=>{const{collection:m,items:d}=s;o.push(Ue(m,d),{fromParam:ee.TP_COLLECTIONS})},x=()=>{const{collection:m,onDelete:d}=s;d(m)},p=()=>{const{collection:m,onOpenModal:d}=s;m.isPublished||d("EditCollectionURNModal",{collection:m})},N=()=>{const{collection:m,onOpenModal:d}=s;d("CreateAndEditMultipleItemsModal",{collectionId:m.id,type:Oe.EDIT})},v=(m,d="")=>{const k=window.open(m,d);k&&k.focus()},f=!We(t)&&!t.isPublished;return e.jsx(n.Dropdown,{className:Ce.dropdown,trigger:e.jsx(n.Button,{basic:!0,children:e.jsx(n.Icon,{className:Ce.ellipsis,size:"large",name:"ellipsis horizontal"})}),inline:!0,direction:"left",children:e.jsxs(n.Dropdown.Menu,{children:[e.jsx(n.Dropdown.Item,{text:i("collection_context_menu.see_in_decentraland"),onClick:c}),e.jsx(n.Dropdown.Item,{text:i("global.open_in_editor"),onClick:a}),e.jsx(n.Popup,{content:i("collection_context_menu.delete_published_collection"),position:"right center",disabled:f,trigger:f?e.jsx(se,{name:t.name,onDelete:x,trigger:e.jsx(n.Dropdown.Item,{text:i("global.delete")})}):e.jsx(n.Dropdown.Item,{text:i("global.delete"),disabled:!0}),hideOnScroll:!0,on:"hover",inverted:!0}),e.jsx(n.Popup,{content:i("collection_context_menu.change_published_urn"),position:"right center",disabled:!t.isPublished,trigger:e.jsx(n.Dropdown.Item,{text:i("collection_context_menu.edit_urn"),onClick:p,disabled:t.isPublished}),hideOnScroll:!0,on:"hover",inverted:!0}),e.jsx(n.Dropdown.Item,{text:i("collection_context_menu.edit_in_bulk"),onClick:N}),e.jsx(n.Popup,{content:i("collection_context_menu.unpublished"),position:"right center",disabled:t.isPublished||!!t.forumLink,trigger:e.jsx(n.Dropdown.Item,{disabled:!t.isPublished||!t.forumLink,text:i("collection_context_menu.forum_post"),onClick:l}),hideOnScroll:!0,on:"hover",inverted:!0})]})})},zs=Hs,Fs=s=>({name:He(s)||""}),qs=s=>({onOpenModal:(t,o)=>s(D(t,o)),onDelete:t=>s(ze(t))}),Vs=B(Fs,qs)(zs),Ys=(s,t)=>{const{collection:o,items:l}=t;return{itemCurations:qe(s,o.id),isLoadingItemCurations:Ie(Ve(s),Ze),isLinkedWearablesPaymentsEnabled:Ne(s),itemsStatus:Ye(s,l.map(c=>c.id))}},Zs=s=>({onNewClick:(t,o,l)=>s(D("PublishWizardCollectionModal",{collectionId:t,itemsWithChanges:o,itemsToPublish:l})),onPushChangesClick:(t,o)=>s(D("PushChangesModal",{collectionId:t,itemsWithChanges:o})),onClick:(t,o,l)=>s(D("PublishThirdPartyCollectionModal",{collectionId:t,itemIds:o,action:l}))}),Ks=B(Ys,Zs)(Fe),Qs="_itemImage_1y9df_1",Js="_itemStatus_1y9df_10",Xs="_grid_1y9df_14",et="_row_1y9df_25",st="_column_1y9df_30",tt="_statusColumn_1y9df_34",nt="_synced_1y9df_39",at="_unsynced_1y9df_43",it="_avatarColumn_1y9df_47",ot="_nameWrapper_1y9df_52",lt="_name_1y9df_52",rt="_itemActions_1y9df_65",ct="_action_1y9df_72",C={itemImage:Qs,itemStatus:Js,grid:Xs,row:et,column:st,statusColumn:tt,synced:nt,unsynced:at,avatarColumn:it,nameWrapper:ot,name:lt,itemActions:rt,action:ct};function dt({item:s,status:t,selected:o,onSelect:l,onOpenModal:c,onDelete:a}){const x=Y(),p=r.useCallback((h,P)=>{l(s,P.checked)},[s,l]),N=r.useCallback(()=>{c("SeeInWorldModal",{itemIds:[s.id]})},[s,c]),v=r.useCallback(()=>{s.isPublished||c("EditItemURNModal",{item:s})},[s,c]),f=r.useCallback(()=>{x.push(M.itemEditor({itemId:s.id,collectionId:s.collectionId}),{fromParam:ee.TP_COLLECTIONS})},[s,x]),m=r.useCallback(()=>{a(s)},[a,s]),d=r.useMemo(()=>{if(!s.urn)return"";try{const h=Ke(s.urn);return Qe(h)?h.thirdPartyTokenId??"":""}catch{return""}},[s]),k=r.useMemo(()=>{switch(t){case T.UNDER_REVIEW:return e.jsx(n.Icon,{name:"clock outline"});case T.SYNCED:return e.jsx(n.Icon,{name:"check circle outline"});case T.UNSYNCED:return e.jsx(n.Icon,{name:"exclamation circle"});default:return null}},[t]),y=s.data;return e.jsx(n.Grid,{className:`CollectionItem ${C.grid}`,columns:"equal",children:e.jsxs(n.Grid.Row,{className:C.row,children:[e.jsxs(n.Grid.Column,{className:`${C.column} ${C.avatarColumn}`,width:5,children:[e.jsx(n.Checkbox,{checked:o,disabled:s.isPublished,onClick:p}),e.jsx(fe,{className:C.itemImage,item:s,hasBadge:!0,badgeSize:"small"}),e.jsx("div",{className:C.nameWrapper,children:e.jsxs("div",{className:C.name,title:s.name,children:[e.jsx(Je,{className:C.itemStatus,item:s}),s.name]})})]}),e.jsx(n.Grid.Column,{className:C.column,children:y.category?e.jsx("div",{children:i(`wearable.category.${y.category}`)}):null}),e.jsx(n.Grid.Column,{className:C.column,children:e.jsx("div",{children:i(`body_shapes.${Xe(s)}`)})}),e.jsx(n.Grid.Column,{className:C.column,children:e.jsx("div",{children:d})}),e.jsxs(n.Grid.Column,{width:3,className:`${C.column} ${C.statusColumn} ${C[t]}`,children:[k,e.jsx("div",{children:i(`third_party_collection_detail_page.synced_statuses.${t}`)})]}),e.jsx(n.Grid.Column,{width:1,className:C.column,children:e.jsx("div",{className:C.itemActions,children:e.jsx(n.Dropdown,{trigger:e.jsx(n.Button,{basic:!0,children:e.jsx(n.Icon,{name:"ellipsis horizontal"})}),inline:!0,direction:"left",className:C.action,onClick:ke(),children:e.jsxs(n.Dropdown.Menu,{children:[e.jsx(n.Dropdown.Item,{text:i("collection_item.see_details"),as:ye,to:M.itemDetail(s.id)}),e.jsx(n.Dropdown.Item,{text:i("collection_context_menu.see_in_decentraland"),onClick:N}),e.jsx(n.Dropdown.Item,{text:i("global.open_in_editor"),onClick:f}),e.jsx(n.Popup,{content:i("collection_item.cannot_edit_urn"),position:"right center",disabled:!s.isPublished,trigger:e.jsx(n.Dropdown.Item,{text:i("collection_item.edit_urn"),onClick:v,disabled:s.isPublished}),hideOnScroll:!0,on:"hover",inverted:!0,flowing:!0}),!s.isPublished&&e.jsx(se,{name:s.name,onDelete:m,trigger:e.jsx(n.Dropdown.Item,{text:i("global.delete")})})]})})})})]})})}const mt=(s,t)=>({status:be(s)[t.item.id]}),_t=s=>({onDelete:t=>s(ve(t)),onOpenModal:(t,o)=>s(D(t,o))}),ut=B(mt,_t)(dt),gt="data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_8524_427)'%3e%3cpath%20d='M20.5%203L20.34%203.03L15%205.1L9%203L3.36%204.9C3.15%204.97%203%205.15%203%205.38V20.5C3%2020.78%203.22%2021%203.5%2021L3.66%2020.97L9%2018.9L15%2021L20.64%2019.1C20.85%2019.03%2021%2018.85%2021%2018.62V3.5C21%203.22%2020.78%203%2020.5%203ZM15%2019L9%2016.89V5L15%207.11V19Z'%20fill='%23A09BA8'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_8524_427'%3e%3crect%20width='24'%20height='24'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e",ht="data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10.669%200H1.33362C0.593463%200%200%200.600131%200%201.33362V10.669C0%2011.4025%200.593463%2012.0026%201.33362%2012.0026H10.669C11.4025%2012.0026%2012.0026%2011.4025%2012.0026%2010.669V1.33362C12.0026%200.600131%2011.4092%200%2010.669%200ZM10.669%2010.669H1.33362V2.66725H10.669V10.669ZM7.00152%206.66812C7.00152%207.22157%206.55476%207.66834%206.00131%207.66834C5.44785%207.66834%205.00109%207.22157%205.00109%206.66812C5.00109%206.11466%205.44785%205.6679%206.00131%205.6679C6.55476%205.6679%207.00152%206.11466%207.00152%206.66812ZM6.00131%204.00087C4.18091%204.00087%202.62724%205.10778%202.00044%206.66812C2.62724%208.22846%204.18091%209.33537%206.00131%209.33537C7.8217%209.33537%209.37537%208.22846%2010.0022%206.66812C9.37537%205.10778%207.8217%204.00087%206.00131%204.00087ZM6.00131%208.33515C5.08111%208.33515%204.33428%207.58832%204.33428%206.66812C4.33428%205.74792%205.08111%205.00109%206.00131%205.00109C6.92151%205.00109%207.66834%205.74792%207.66834%206.66812C7.66834%207.58832%206.92151%208.33515%206.00131%208.33515Z'%20fill='%23ECEBED'/%3e%3c/svg%3e",pt="_status_rgxu1_1",Ct="_pending_migration_rgxu1_14",xt="_synced_rgxu1_19",jt="_unpublished_rgxu1_24",It="_unsynced_rgxu1_25",Nt="_pending_mapping_rgxu1_30",ft="_under_review_rgxu1_31",kt="_icon_rgxu1_10",F={status:pt,pending_migration:Ct,synced:xt,unpublished:jt,unsynced:It,pending_mapping:Nt,under_review:ft,icon:kt},yt=s=>{const{status:t,item:o}=s,l=!o.mappings&&_e(o.urn),c=!o.isMappingComplete&&_e(o.urn),a=r.useMemo(()=>{if(l)return e.jsx("img",{src:gt,className:F.icon});if(c)return e.jsx(n.Icon,{name:"warning circle"});switch(t){case T.UNDER_REVIEW:return e.jsx("img",{src:ht,className:F.icon});case T.SYNCED:return e.jsx(n.Icon,{name:"check circle"});case T.UNSYNCED:case T.UNPUBLISHED:return e.jsx(n.Icon,{name:"cloud upload"})}},[t,l,c]),x=r.useMemo(()=>l?i("item_status.pending_mapping"):c?i("item_status.pending_migration"):i(`item_status.${t}`),[t,l,c]),p=r.useMemo(()=>l?"pending_mapping":c?"pending_migration":t,[t,l,c]);return e.jsxs("div",{className:V(F[p],F.status),children:[a," ",x]})},bt="_itemImage_1rili_1",vt="_itemStatus_1rili_10",wt="_grid_1rili_14",St="_loading_1rili_21",Pt="_row_1rili_26",Dt="_column_1rili_31",Et="_avatarColumn_1rili_35",Tt="_nameWrapper_1rili_40",Mt="_name_1rili_40",$t="_itemActions_1rili_53",Lt="_action_1rili_60",Bt="_overlay_1rili_65",I={itemImage:bt,itemStatus:vt,grid:wt,loading:St,row:Pt,column:Dt,avatarColumn:Et,nameWrapper:Tt,name:Mt,itemActions:$t,action:Lt,overlay:Bt};function At({item:s,status:t,selected:o,loading:l,collection:c,onSaveItem:a,onSelect:x,onOpenModal:p,onDelete:N}){const v=Y(),f=r.useMemo(()=>es(s),[s]),m=r.useMemo(()=>c.linkedContractAddress&&c.linkedContractNetwork?{address:c.linkedContractAddress,network:c.linkedContractNetwork}:null,[c]),[d,k]=r.useState(f),y=r.useMemo(()=>{if(d&&m){const S=ue(d,m);return ss(S)?void 0:"Invalid mapping"}},[d,m]);r.useEffect(()=>{!m||y||(!f&&d||f&&d&&!ts(f,d))&&h(d,m)},[f,y,d,m]);const h=r.useCallback(ns((S,E)=>{const $=ue(S,E);a({...s,mappings:$})},1e3),[a]),P=r.useCallback((S,E)=>{l||x(s,E.checked)},[s,l,x]),w=r.useCallback(()=>{p("SeeInWorldModal",{itemIds:[s.id]})},[s,p]),O=r.useCallback(()=>{s.isPublished||p("EditItemURNModal",{item:s})},[s,p]),Z=r.useCallback(()=>{v.push(M.itemEditor({itemId:s.id,collectionId:s.collectionId}),{fromParam:ee.TP_COLLECTIONS})},[s,v]),A=r.useCallback(()=>{N(s)},[N,s]);return e.jsxs(n.Grid,{className:V(I.grid,l&&I.loading),columns:"equal",children:[l&&e.jsx("div",{className:I.overlay,children:e.jsx(n.Loader,{size:"large",active:!0})}),e.jsxs(n.Grid.Row,{className:I.row,children:[e.jsxs(n.Grid.Column,{className:`${I.column} ${I.avatarColumn}`,width:4,children:[e.jsx(n.Checkbox,{checked:o,disabled:s.isPublished||l,onClick:P}),e.jsx(fe,{className:I.itemImage,item:s,hasBadge:!0,badgeSize:"small"}),e.jsx("div",{className:I.nameWrapper,children:e.jsx("div",{className:I.name,title:s.name,children:s.name})})]}),e.jsx(n.Grid.Column,{children:m&&e.jsx(as,{disabled:l,mapping:d,error:y,onChange:k,isCompact:!0})}),e.jsx(n.Grid.Column,{width:3,className:V(I.column,I.statusColumn),children:e.jsx(yt,{status:t,item:s})}),e.jsx(n.Grid.Column,{width:1,className:I.column,children:e.jsx("div",{className:I.itemActions,children:e.jsx(n.Dropdown,{trigger:e.jsx(n.Button,{basic:!0,children:e.jsx(n.Icon,{name:"ellipsis horizontal"})}),inline:!0,direction:"left",className:I.action,disabled:l,onClick:ke(),children:e.jsxs(n.Dropdown.Menu,{children:[e.jsx(n.Dropdown.Item,{text:i("collection_item.see_details"),as:ye,to:M.itemDetail(s.id)}),e.jsx(n.Dropdown.Item,{text:i("collection_context_menu.see_in_decentraland"),onClick:w}),e.jsx(n.Dropdown.Item,{text:i("global.open_in_editor"),onClick:Z}),e.jsx(n.Popup,{content:i("collection_item.cannot_edit_urn"),position:"right center",disabled:!s.isPublished,trigger:e.jsx(n.Dropdown.Item,{text:i("collection_item.edit_urn"),onClick:O,disabled:s.isPublished}),hideOnScroll:!0,on:"hover",inverted:!0,flowing:!0}),!s.isPublished&&e.jsx(se,{name:s.name,onDelete:A,trigger:e.jsx(n.Dropdown.Item,{text:i("global.delete")})})]})})})})]})]})}const Gt=(s,t)=>{const o=be(s);return{loading:!!is(s)[t.item.id],status:o[t.item.id]}},Rt=s=>({onDelete:t=>s(ve(t)),onSaveItem:t=>s(os(t,{},{onlySaveItem:!0})),onOpenModal:(t,o)=>s(D(t,o))}),Wt=B(Gt,Rt)(At),L=50,Ut="_itemCheckbox_2k9qa_1",Ot="_gridHeader_2k9qa_5",Ht="_itemColumn_2k9qa_15",X={itemCheckbox:Ut,gridHeader:Ot,itemColumn:Ht},zt=({areAllSelected:s,onSelectedAllClick:t})=>e.jsx(n.Grid,{columns:"equal",className:X.gridHeader,children:e.jsxs(n.Grid.Row,{children:[e.jsxs(n.Grid.Column,{width:5,className:X.itemColumn,children:[e.jsx(n.Checkbox,{className:X.itemCheckbox,checked:s,onClick:t})," ",i("global.item")]}),e.jsx(n.Grid.Column,{children:i("global.category")}),e.jsx(n.Grid.Column,{children:i("global.body_shape")}),e.jsx(n.Grid.Column,{children:"URN ID"}),e.jsxs(n.Grid.Column,{width:3,children:[" ",i("collection_row.status")," "]}),e.jsx(n.Grid.Column,{width:1})]})}),Ft="_gridHeader_4acv6_1",qt="_itemColumn_4acv6_11",Vt="_itemCheckbox_4acv6_16",Yt="_linkedToColumn_4acv6_20",q={gridHeader:Ft,itemColumn:qt,itemCheckbox:Vt,linkedToColumn:Yt},Zt=({areAllSelected:s,onSelectedAllClick:t})=>e.jsx(n.Grid,{columns:"equal",className:q.gridHeader,children:e.jsxs(n.Grid.Row,{children:[e.jsxs(n.Grid.Column,{width:4,className:q.itemColumn,children:[e.jsx(n.Checkbox,{className:q.itemCheckbox,checked:s,onClick:t})," ",i("global.item")]}),e.jsxs(n.Grid.Column,{className:q.linkedToColumn,children:[e.jsx("span",{children:i("third_party_collection_detail_page.linked_to")}),e.jsx(ls,{})]}),e.jsxs(n.Grid.Column,{width:3,children:[" ",i("collection_row.status")," "]}),e.jsx(n.Grid.Column,{width:1})]})}),Kt="_main_16i8r_3",Qt="_slots_16i8r_11",Jt="_empty_16i8r_28",Xt="_searchContainer_16i8r_32",en="_searchInfo_16i8r_42",sn="_syncedStatusList_16i8r_46",tn="_selectionInfo_16i8r_53",nn="_header_16i8r_63",an="_content_16i8r_74",on="_title_16i8r_83",ln="_editCollectionName_16i8r_96",rn="_name_16i8r_101",cn="_nameAndType_16i8r_105",dn="_nameWrapper_16i8r_115",mn="_size_16i8r_139",_n="_actions_16i8r_143",un="_body_16i8r_151",gn="_info_16i8r_162",hn="_infoHeader_16i8r_170",pn="_infoContent_16i8r_178",Cn="_slotsIcon_16i8r_195",xn="_copyButton_16i8r_207",jn="_sparkles_16i8r_232",In="_start_16i8r_241",Nn="_migrationBanner_16i8r_254",fn="_type_16i8r_277",kn="_linkedWearableBadge_16i8r_283",yn="_typeBadge_16i8r_288",bn="_programmaticBadge_16i8r_292",vn="_standardBadge_16i8r_296",wn="_loader_16i8r_302",_={main:Kt,slots:Qt,empty:Jt,searchContainer:Xt,searchInfo:en,syncedStatusList:sn,selectionInfo:tn,header:nn,content:an,title:on,editCollectionName:ln,name:rn,nameAndType:cn,nameWrapper:dn,size:mn,actions:_n,body:un,info:gn,infoHeader:hn,infoContent:pn,slotsIcon:Cn,copyButton:xn,sparkles:jn,start:In,migrationBanner:Nn,type:fn,linkedWearableBadge:kn,typeBadge:yn,programmaticBadge:bn,standardBadge:vn,loader:wn},xe=({children:s,title:t,info:o})=>e.jsxs("div",{className:_.info,children:[e.jsxs("div",{className:_.infoHeader,children:[t," ",o&&e.jsx(n.InfoTooltip,{content:o})]}),e.jsx("div",{className:_.infoContent,children:s})]});function Sn({currentPage:s,lastLocation:t,wallet:o,thirdParty:l,items:c,collection:a,totalItems:x,isLoading:p,isThirdPartyV2Enabled:N,isLinkedWearablesPaymentsEnabled:v,onFetchAvailableSlots:f,onFetchThirdParty:m,onNewItem:d,onEditName:k,isLoadingAvailableSlots:y}){const[h,P]=r.useState({}),[w,O]=r.useState(s),[Z,A]=r.useState(!1),[S,E]=r.useState(!1),[$,te]=r.useState("ALL"),G=Y(),ne=t===M.collections();r.useEffect(()=>{l&&l.availableSlots===void 0&&!y&&f(l.id)},[l,y,f]),r.useEffect(()=>{!p&&!l&&(a!=null&&a.urn)&&m(we(a.urn))},[a==null?void 0:a.urn,p,l]),r.useEffect(()=>{if(s!==w&&O(s),S){const u=c.reduce((g,j)=>(g[j.id]=!0,g),{});P(u),A(!1)}},[w,S,c,l,s]);const Se=r.useCallback(()=>{a!=null&&a.id&&d(a.id)},[a==null?void 0:a.id,d]),Pe=r.useCallback(()=>{a&&k(a)},[a,k]),De=r.useCallback(()=>{ne?G.goBack():G.push(M.collections(rs.THIRD_PARTY))},[G,ne]),Ee=r.useCallback((u,g)=>{O(+g.activePage),G.push(M.thirdPartyCollectionDetail(a.id,{page:+g.activePage}))},[a,G]),K=r.useCallback((u,g)=>{P({...h,[u.id]:g}),E(!1),A(!1)},[h]),R=r.useCallback(u=>u.every(g=>h[g.id]),[h]),ae=r.useCallback((u,g)=>{const j={...h},W=!R(u);for(const U of u)j[U.id]=W;P(j),A(!0),E(S&&!!g.checked)},[h,S,R]),ie=r.useCallback(()=>{P({})},[]),oe=r.useMemo(()=>a&&l&&o&&cs(o.address,l),[a,l,o]),Te=r.useCallback(u=>{if(E(!0),a){const g=Math.ceil(x/L);u(a.id,{page:ds(g),limit:L,overridePaginationData:!1})}},[x]),le=r.useCallback((u,{value:g})=>{te(g)},[te]),Me=[{value:"ALL",text:i("third_party_collection_detail_page.synced_filter.all")},{value:"SYNCED",text:i("item_status.synced")},{value:"UNSYNCED",text:i("item_status.unsynced")},...a!=null&&a.isMappingComplete?[]:[{value:"MIGRATION_REQUIRED",text:i("item_status.pending_migration")},{value:"MAPPING_PENDING",text:i("item_status.pending_mapping")}]],$e=r.useMemo(()=>{switch($){case"SYNCED":return{synced:!0};case"UNSYNCED":return{synced:!1};case"MIGRATION_REQUIRED":return{mappingStatus:ge.UNPUBLISHED_MAPPING};case"MAPPING_PENDING":return{mappingStatus:ge.MISSING_MAPPING};default:return{}}},[$]),Le=r.useCallback((u,g,j,W,U)=>{const re=g.filter(b=>h[b.id]),ce=re.length,de=!!(a!=null&&a.linkedContractAddress&&(a!=null&&a.linkedContractNetwork)),H=x,Q=Math.ceil(H/L),me=(a==null?void 0:a.itemCount)===0;return a?e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:_.header,children:[e.jsx(Ts,{absolute:!0,onClick:De}),e.jsxs("div",{className:_.content,children:[e.jsxs("div",{className:_.title,children:[e.jsx(Us,{collectionId:a.id}),e.jsxs("div",{className:_.nameAndType,children:[e.jsxs("div",{className:_.nameWrapper,children:[e.jsx(n.Header,{size:"large",className:_.name,onClick:Pe,children:a.name}),!a.isPublished&&e.jsx(ms,{name:"edit",className:_.editCollectionName})]}),e.jsxs("div",{className:_.type,children:[e.jsx(Ms,{isThirdParty:!0}),e.jsx($s,{isProgrammatic:u.isProgrammatic})]})]})]}),e.jsxs("div",{className:_.actions,children:[a.linkedContractAddress&&a.linkedContractNetwork&&e.jsxs(xe,{title:i("third_party_collection_detail_page.smart_contract_address_short"),info:i("third_party_collection_detail_page.smart_contract_address_long"),children:[_s(a.linkedContractAddress)," ",e.jsx(us,{className:_.copyButton,showPopup:!0,text:a.linkedContractAddress,role:"button",children:e.jsx(n.Icon,{name:"copy outline"})})]}),!v&&e.jsxs(xe,{title:i("third_party_collection_detail_page.slots_short"),info:i("third_party_collection_detail_page.slots_long"),children:[e.jsx("div",{className:_.slotsIcon}),y?e.jsx(n.Loader,{active:!0,inline:!0,size:"tiny"}):e.jsxs("span",{children:[u.availableSlots??0," / ",u.maxItems]})]}),e.jsxs(n.Button,{inverted:!0,onClick:Se,children:[e.jsx(n.Icon,{name:"plus"}),i("third_party_collection_detail_page.new_items")]}),u.availableSlots!==void 0?e.jsx(Ks,{collection:a,items:re,slots:u.availableSlots}):null,e.jsx(Vs,{collection:a,items:j})]})]})]}),!a.isMappingComplete&&e.jsxs("div",{className:_.migrationBanner,children:[e.jsx(n.Icon,{name:"sync"})," ",i("third_party_collection_detail_page.migration_banner")]}),e.jsx("div",{className:_.body,children:W?e.jsx("div",{className:_.loader,children:e.jsx(n.Loader,{size:"massive",inline:!0,active:!0})}):e.jsxs(e.Fragment,{children:[(a.itemCount??0)>0&&e.jsxs("div",{className:_.searchContainer,children:[j.length>0&&e.jsx("div",{className:_.searchInfo,children:i("third_party_collection_detail_page.search_info",{page:(w-1)*L+1,pageTotal:Math.min(H,w*L),total:H})}),e.jsx(n.Dropdown,{className:_.syncedStatusList,direction:"left",value:$,options:Me,onChange:le})]}),j.length?e.jsxs(e.Fragment,{children:[ce>0?e.jsxs("div",{className:_.selectionInfo,children:[i("third_party_collection_detail_page.selection",{count:ce})," ",e.jsx("span",{className:"link",onClick:ie,children:i("third_party_collection_detail_page.clear_selection")}),". ",Z&&Q>1?e.jsx("span",{className:"link",onClick:()=>Te(U),children:i("third_party_collection_detail_page.select_all",{total:H})}):null," "]}):null,e.jsxs("div",{children:[N&&de?e.jsx(Zt,{areAllSelected:R(j),onSelectedAllClick:(b,J)=>ae(j,J)}):e.jsx(zt,{areAllSelected:R(j),onSelectedAllClick:(b,J)=>ae(j,J)}),j.map(b=>N&&de?e.jsx(Wt,{collection:a,item:b,selected:!!h[b.id],onSelect:K},b.id):e.jsx(ut,{collection:a,item:b,selected:!!h[b.id],onSelect:K},b.id)),Q>1?e.jsx(n.Pagination,{firstItem:null,lastItem:null,totalPages:Q,activePage:w,onPageChange:Ee}):null]})]}):e.jsxs("div",{className:_.empty,children:[e.jsx("div",{className:me?_.start:_.sparkles}),me?e.jsxs(e.Fragment,{children:[e.jsx("h3",{children:i("third_party_collection_detail_page.start_adding_items")}),e.jsx("p",{children:i("third_party_collection_detail_page.cant_remove")})]}):e.jsxs(e.Fragment,{children:[e.jsx("h3",{children:i("third_party_collection_detail_page.not_found")}),e.jsx("p",{children:i("third_party_collection_detail_page.try_again")})]})]})]})})]}):(console.error("No collection defined"),null)},[a,h,y,v,N,x,w,K,R,le,ie,$]),Be=oe&&a;return e.jsx(Ds,{id:a==null?void 0:a.id,itemsPage:w,itemsPageSize:L,fetchCollectionItemsOptions:$e,children:({isLoadingCollection:u,isLoadingCollectionItems:g,items:j,paginatedItems:W,onFetchCollectionItemsPages:U})=>e.jsx(Ps,{className:_.main,hasNavigation:!oe&&!p&&!u,isLoading:p||u,children:Be&&l?Le(l,j,W,g,U):e.jsx(Es,{})})})}const Pn=s=>{var N;const t=gs(s)||"",o=je(s,t),l=o?he(o):!1,c=((N=pe(s,t))==null?void 0:N.total)||null,a=o?hs(s,o.id):[],x=o&&pe(s,o.id)||null,p=Number(ps(s).query.page??1);return{items:a,totalItems:c,currentPage:p,paginatedData:x,wallet:Cs(s),collection:o,isThirdPartyV2Enabled:xs(s),isLinkedWearablesPaymentsEnabled:Ne(s),thirdParty:o&&he(o)?js(s,o):null,authorizations:Is(s),isLoading:Ie(Ns(s),ws)||fs(s)||!!(l&&o&&ks(s,we(o.urn))),isLoadingAvailableSlots:ys(s),lastLocation:Ss(s)}},Dn=s=>({onNewItem:t=>s(D("CreateItemsModal",{collectionId:t})),onEditName:t=>s(D("EditCollectionNameModal",{collection:t})),onFetchAvailableSlots:t=>s(bs(t)),onFetchThirdParty:t=>s(vs(t))}),On=B(Pn,Dn)(Sn);export{On as default};
|
|
1
|
+
import{H as e,g0 as Ae,g1 as Ge,a1 as V,dB as Re,M as n,N as B,fb as je,Z as Y,eZ as We,G as i,fK as Ue,eR as ee,g2 as Oe,cC as He,X as D,et as ze,g3 as Fe,fW as qe,bw as Ie,fY as Ve,eE as Ne,g4 as Ye,f_ as Ze,D as r,K as M,g5 as Ke,g6 as Qe,eO as T,dC as fe,ep as Je,g7 as Xe,bu as ke,L as ye,fc as be,eo as ve,er as _e,g8 as es,g9 as ue,ga as ss,gb as ts,gc as ns,gd as as,ge as is,ff as os,gf as ls,gg as we,eu as rs,gh as cs,gi as ds,gj as ge,J as ms,cA as _s,cB as us,fO as gs,eP as he,ez as pe,fq as hs,aN as ps,e8 as Cs,gk as xs,gl as js,gm as Is,eC as Ns,gn as fs,go as ks,gp as ys,gq as bs,gr as vs,fS as ws}from"./index-BpRw3zSX.js";import{g as Ss}from"./selector-CtnQnmhq.js";import{L as Ps}from"./LoggedInDetailPage.container-B7-JCXZc.js";import{C as Ds}from"./CollectionProvider.container-B2yhxmfM.js";import{N as Es}from"./NotFound-CgJmYeR_.js";import{B as Ts}from"./Back-BFeQ217r.js";import{C as Ms,T as $s}from"./ThirdPartyKindBadge-BQEFEC_i.js";import{C as se}from"./ConfirmDelete-D9E5IVRM.js";import"./Navigation.container-OV534sYB.js";import"./selectors-DS1xkIcu.js";import"./SignInRequired-BJDXl1QK.js";const Ls=s=>e.jsx("img",{"data-testid":Ae,src:Ge[s.network],alt:s.network,className:s.className}),Bs="_image_142g7_1",As="_main_142g7_2",Gs="_network_142g7_13",z={image:Bs,main:As,network:Gs},Rs=s=>{const{collection:t,collectionId:o,className:l,shape:c}=s;return e.jsxs("div",{className:V(z.main,l),children:[t!=null&&t.itemCount?e.jsx(Re,{collectionId:o,className:z.image}):e.jsx(n.Blockie,{className:z.image,seed:o,size:8,scale:8,shape:c??"circle"}),t!=null&&t.linkedContractNetwork?e.jsx(Ls,{network:t==null?void 0:t.linkedContractNetwork,className:z.network}):null]})},Ws=(s,t)=>({collection:je(s,t.collectionId)}),Us=B(Ws)(Rs),Os="_ellipsis_4huv2_1",Ce={ellipsis:Os},Hs=s=>{const{collection:t}=s,o=Y(),l=()=>{t.isPublished&&t.forumLink&&v(t.forumLink,"_blank")},c=()=>{const{items:m,onOpenModal:d}=s;d("SeeInWorldModal",{itemIds:m.map(k=>k.id)})},a=()=>{const{collection:m,items:d}=s;o.push(Ue(m,d),{fromParam:ee.TP_COLLECTIONS})},x=()=>{const{collection:m,onDelete:d}=s;d(m)},p=()=>{const{collection:m,onOpenModal:d}=s;m.isPublished||d("EditCollectionURNModal",{collection:m})},N=()=>{const{collection:m,onOpenModal:d}=s;d("CreateAndEditMultipleItemsModal",{collectionId:m.id,type:Oe.EDIT})},v=(m,d="")=>{const k=window.open(m,d);k&&k.focus()},f=!We(t)&&!t.isPublished;return e.jsx(n.Dropdown,{className:Ce.dropdown,trigger:e.jsx(n.Button,{basic:!0,children:e.jsx(n.Icon,{className:Ce.ellipsis,size:"large",name:"ellipsis horizontal"})}),inline:!0,direction:"left",children:e.jsxs(n.Dropdown.Menu,{children:[e.jsx(n.Dropdown.Item,{text:i("collection_context_menu.see_in_decentraland"),onClick:c}),e.jsx(n.Dropdown.Item,{text:i("global.open_in_editor"),onClick:a}),e.jsx(n.Popup,{content:i("collection_context_menu.delete_published_collection"),position:"right center",disabled:f,trigger:f?e.jsx(se,{name:t.name,onDelete:x,trigger:e.jsx(n.Dropdown.Item,{text:i("global.delete")})}):e.jsx(n.Dropdown.Item,{text:i("global.delete"),disabled:!0}),hideOnScroll:!0,on:"hover",inverted:!0}),e.jsx(n.Popup,{content:i("collection_context_menu.change_published_urn"),position:"right center",disabled:!t.isPublished,trigger:e.jsx(n.Dropdown.Item,{text:i("collection_context_menu.edit_urn"),onClick:p,disabled:t.isPublished}),hideOnScroll:!0,on:"hover",inverted:!0}),e.jsx(n.Dropdown.Item,{text:i("collection_context_menu.edit_in_bulk"),onClick:N}),e.jsx(n.Popup,{content:i("collection_context_menu.unpublished"),position:"right center",disabled:t.isPublished||!!t.forumLink,trigger:e.jsx(n.Dropdown.Item,{disabled:!t.isPublished||!t.forumLink,text:i("collection_context_menu.forum_post"),onClick:l}),hideOnScroll:!0,on:"hover",inverted:!0})]})})},zs=Hs,Fs=s=>({name:He(s)||""}),qs=s=>({onOpenModal:(t,o)=>s(D(t,o)),onDelete:t=>s(ze(t))}),Vs=B(Fs,qs)(zs),Ys=(s,t)=>{const{collection:o,items:l}=t;return{itemCurations:qe(s,o.id),isLoadingItemCurations:Ie(Ve(s),Ze),isLinkedWearablesPaymentsEnabled:Ne(s),itemsStatus:Ye(s,l.map(c=>c.id))}},Zs=s=>({onNewClick:(t,o,l)=>s(D("PublishWizardCollectionModal",{collectionId:t,itemsWithChanges:o,itemsToPublish:l})),onPushChangesClick:(t,o)=>s(D("PushChangesModal",{collectionId:t,itemsWithChanges:o})),onClick:(t,o,l)=>s(D("PublishThirdPartyCollectionModal",{collectionId:t,itemIds:o,action:l}))}),Ks=B(Ys,Zs)(Fe),Qs="_itemImage_1y9df_1",Js="_itemStatus_1y9df_10",Xs="_grid_1y9df_14",et="_row_1y9df_25",st="_column_1y9df_30",tt="_statusColumn_1y9df_34",nt="_synced_1y9df_39",at="_unsynced_1y9df_43",it="_avatarColumn_1y9df_47",ot="_nameWrapper_1y9df_52",lt="_name_1y9df_52",rt="_itemActions_1y9df_65",ct="_action_1y9df_72",C={itemImage:Qs,itemStatus:Js,grid:Xs,row:et,column:st,statusColumn:tt,synced:nt,unsynced:at,avatarColumn:it,nameWrapper:ot,name:lt,itemActions:rt,action:ct};function dt({item:s,status:t,selected:o,onSelect:l,onOpenModal:c,onDelete:a}){const x=Y(),p=r.useCallback((h,P)=>{l(s,P.checked)},[s,l]),N=r.useCallback(()=>{c("SeeInWorldModal",{itemIds:[s.id]})},[s,c]),v=r.useCallback(()=>{s.isPublished||c("EditItemURNModal",{item:s})},[s,c]),f=r.useCallback(()=>{x.push(M.itemEditor({itemId:s.id,collectionId:s.collectionId}),{fromParam:ee.TP_COLLECTIONS})},[s,x]),m=r.useCallback(()=>{a(s)},[a,s]),d=r.useMemo(()=>{if(!s.urn)return"";try{const h=Ke(s.urn);return Qe(h)?h.thirdPartyTokenId??"":""}catch{return""}},[s]),k=r.useMemo(()=>{switch(t){case T.UNDER_REVIEW:return e.jsx(n.Icon,{name:"clock outline"});case T.SYNCED:return e.jsx(n.Icon,{name:"check circle outline"});case T.UNSYNCED:return e.jsx(n.Icon,{name:"exclamation circle"});default:return null}},[t]),y=s.data;return e.jsx(n.Grid,{className:`CollectionItem ${C.grid}`,columns:"equal",children:e.jsxs(n.Grid.Row,{className:C.row,children:[e.jsxs(n.Grid.Column,{className:`${C.column} ${C.avatarColumn}`,width:5,children:[e.jsx(n.Checkbox,{checked:o,disabled:s.isPublished,onClick:p}),e.jsx(fe,{className:C.itemImage,item:s,hasBadge:!0,badgeSize:"small"}),e.jsx("div",{className:C.nameWrapper,children:e.jsxs("div",{className:C.name,title:s.name,children:[e.jsx(Je,{className:C.itemStatus,item:s}),s.name]})})]}),e.jsx(n.Grid.Column,{className:C.column,children:y.category?e.jsx("div",{children:i(`wearable.category.${y.category}`)}):null}),e.jsx(n.Grid.Column,{className:C.column,children:e.jsx("div",{children:i(`body_shapes.${Xe(s)}`)})}),e.jsx(n.Grid.Column,{className:C.column,children:e.jsx("div",{children:d})}),e.jsxs(n.Grid.Column,{width:3,className:`${C.column} ${C.statusColumn} ${C[t]}`,children:[k,e.jsx("div",{children:i(`third_party_collection_detail_page.synced_statuses.${t}`)})]}),e.jsx(n.Grid.Column,{width:1,className:C.column,children:e.jsx("div",{className:C.itemActions,children:e.jsx(n.Dropdown,{trigger:e.jsx(n.Button,{basic:!0,children:e.jsx(n.Icon,{name:"ellipsis horizontal"})}),inline:!0,direction:"left",className:C.action,onClick:ke(),children:e.jsxs(n.Dropdown.Menu,{children:[e.jsx(n.Dropdown.Item,{text:i("collection_item.see_details"),as:ye,to:M.itemDetail(s.id)}),e.jsx(n.Dropdown.Item,{text:i("collection_context_menu.see_in_decentraland"),onClick:N}),e.jsx(n.Dropdown.Item,{text:i("global.open_in_editor"),onClick:f}),e.jsx(n.Popup,{content:i("collection_item.cannot_edit_urn"),position:"right center",disabled:!s.isPublished,trigger:e.jsx(n.Dropdown.Item,{text:i("collection_item.edit_urn"),onClick:v,disabled:s.isPublished}),hideOnScroll:!0,on:"hover",inverted:!0,flowing:!0}),!s.isPublished&&e.jsx(se,{name:s.name,onDelete:m,trigger:e.jsx(n.Dropdown.Item,{text:i("global.delete")})})]})})})})]})})}const mt=(s,t)=>({status:be(s)[t.item.id]}),_t=s=>({onDelete:t=>s(ve(t)),onOpenModal:(t,o)=>s(D(t,o))}),ut=B(mt,_t)(dt),gt="data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_8524_427)'%3e%3cpath%20d='M20.5%203L20.34%203.03L15%205.1L9%203L3.36%204.9C3.15%204.97%203%205.15%203%205.38V20.5C3%2020.78%203.22%2021%203.5%2021L3.66%2020.97L9%2018.9L15%2021L20.64%2019.1C20.85%2019.03%2021%2018.85%2021%2018.62V3.5C21%203.22%2020.78%203%2020.5%203ZM15%2019L9%2016.89V5L15%207.11V19Z'%20fill='%23A09BA8'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_8524_427'%3e%3crect%20width='24'%20height='24'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e",ht="data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10.669%200H1.33362C0.593463%200%200%200.600131%200%201.33362V10.669C0%2011.4025%200.593463%2012.0026%201.33362%2012.0026H10.669C11.4025%2012.0026%2012.0026%2011.4025%2012.0026%2010.669V1.33362C12.0026%200.600131%2011.4092%200%2010.669%200ZM10.669%2010.669H1.33362V2.66725H10.669V10.669ZM7.00152%206.66812C7.00152%207.22157%206.55476%207.66834%206.00131%207.66834C5.44785%207.66834%205.00109%207.22157%205.00109%206.66812C5.00109%206.11466%205.44785%205.6679%206.00131%205.6679C6.55476%205.6679%207.00152%206.11466%207.00152%206.66812ZM6.00131%204.00087C4.18091%204.00087%202.62724%205.10778%202.00044%206.66812C2.62724%208.22846%204.18091%209.33537%206.00131%209.33537C7.8217%209.33537%209.37537%208.22846%2010.0022%206.66812C9.37537%205.10778%207.8217%204.00087%206.00131%204.00087ZM6.00131%208.33515C5.08111%208.33515%204.33428%207.58832%204.33428%206.66812C4.33428%205.74792%205.08111%205.00109%206.00131%205.00109C6.92151%205.00109%207.66834%205.74792%207.66834%206.66812C7.66834%207.58832%206.92151%208.33515%206.00131%208.33515Z'%20fill='%23ECEBED'/%3e%3c/svg%3e",pt="_status_rgxu1_1",Ct="_pending_migration_rgxu1_14",xt="_synced_rgxu1_19",jt="_unpublished_rgxu1_24",It="_unsynced_rgxu1_25",Nt="_pending_mapping_rgxu1_30",ft="_under_review_rgxu1_31",kt="_icon_rgxu1_10",F={status:pt,pending_migration:Ct,synced:xt,unpublished:jt,unsynced:It,pending_mapping:Nt,under_review:ft,icon:kt},yt=s=>{const{status:t,item:o}=s,l=!o.mappings&&_e(o.urn),c=!o.isMappingComplete&&_e(o.urn),a=r.useMemo(()=>{if(l)return e.jsx("img",{src:gt,className:F.icon});if(c)return e.jsx(n.Icon,{name:"warning circle"});switch(t){case T.UNDER_REVIEW:return e.jsx("img",{src:ht,className:F.icon});case T.SYNCED:return e.jsx(n.Icon,{name:"check circle"});case T.UNSYNCED:case T.UNPUBLISHED:return e.jsx(n.Icon,{name:"cloud upload"})}},[t,l,c]),x=r.useMemo(()=>l?i("item_status.pending_mapping"):c?i("item_status.pending_migration"):i(`item_status.${t}`),[t,l,c]),p=r.useMemo(()=>l?"pending_mapping":c?"pending_migration":t,[t,l,c]);return e.jsxs("div",{className:V(F[p],F.status),children:[a," ",x]})},bt="_itemImage_1rili_1",vt="_itemStatus_1rili_10",wt="_grid_1rili_14",St="_loading_1rili_21",Pt="_row_1rili_26",Dt="_column_1rili_31",Et="_avatarColumn_1rili_35",Tt="_nameWrapper_1rili_40",Mt="_name_1rili_40",$t="_itemActions_1rili_53",Lt="_action_1rili_60",Bt="_overlay_1rili_65",I={itemImage:bt,itemStatus:vt,grid:wt,loading:St,row:Pt,column:Dt,avatarColumn:Et,nameWrapper:Tt,name:Mt,itemActions:$t,action:Lt,overlay:Bt};function At({item:s,status:t,selected:o,loading:l,collection:c,onSaveItem:a,onSelect:x,onOpenModal:p,onDelete:N}){const v=Y(),f=r.useMemo(()=>es(s),[s]),m=r.useMemo(()=>c.linkedContractAddress&&c.linkedContractNetwork?{address:c.linkedContractAddress,network:c.linkedContractNetwork}:null,[c]),[d,k]=r.useState(f),y=r.useMemo(()=>{if(d&&m){const S=ue(d,m);return ss(S)?void 0:"Invalid mapping"}},[d,m]);r.useEffect(()=>{!m||y||(!f&&d||f&&d&&!ts(f,d))&&h(d,m)},[f,y,d,m]);const h=r.useCallback(ns((S,E)=>{const $=ue(S,E);a({...s,mappings:$})},1e3),[a]),P=r.useCallback((S,E)=>{l||x(s,E.checked)},[s,l,x]),w=r.useCallback(()=>{p("SeeInWorldModal",{itemIds:[s.id]})},[s,p]),O=r.useCallback(()=>{s.isPublished||p("EditItemURNModal",{item:s})},[s,p]),Z=r.useCallback(()=>{v.push(M.itemEditor({itemId:s.id,collectionId:s.collectionId}),{fromParam:ee.TP_COLLECTIONS})},[s,v]),A=r.useCallback(()=>{N(s)},[N,s]);return e.jsxs(n.Grid,{className:V(I.grid,l&&I.loading),columns:"equal",children:[l&&e.jsx("div",{className:I.overlay,children:e.jsx(n.Loader,{size:"large",active:!0})}),e.jsxs(n.Grid.Row,{className:I.row,children:[e.jsxs(n.Grid.Column,{className:`${I.column} ${I.avatarColumn}`,width:4,children:[e.jsx(n.Checkbox,{checked:o,disabled:s.isPublished||l,onClick:P}),e.jsx(fe,{className:I.itemImage,item:s,hasBadge:!0,badgeSize:"small"}),e.jsx("div",{className:I.nameWrapper,children:e.jsx("div",{className:I.name,title:s.name,children:s.name})})]}),e.jsx(n.Grid.Column,{children:m&&e.jsx(as,{disabled:l,mapping:d,error:y,onChange:k,isCompact:!0})}),e.jsx(n.Grid.Column,{width:3,className:V(I.column,I.statusColumn),children:e.jsx(yt,{status:t,item:s})}),e.jsx(n.Grid.Column,{width:1,className:I.column,children:e.jsx("div",{className:I.itemActions,children:e.jsx(n.Dropdown,{trigger:e.jsx(n.Button,{basic:!0,children:e.jsx(n.Icon,{name:"ellipsis horizontal"})}),inline:!0,direction:"left",className:I.action,disabled:l,onClick:ke(),children:e.jsxs(n.Dropdown.Menu,{children:[e.jsx(n.Dropdown.Item,{text:i("collection_item.see_details"),as:ye,to:M.itemDetail(s.id)}),e.jsx(n.Dropdown.Item,{text:i("collection_context_menu.see_in_decentraland"),onClick:w}),e.jsx(n.Dropdown.Item,{text:i("global.open_in_editor"),onClick:Z}),e.jsx(n.Popup,{content:i("collection_item.cannot_edit_urn"),position:"right center",disabled:!s.isPublished,trigger:e.jsx(n.Dropdown.Item,{text:i("collection_item.edit_urn"),onClick:O,disabled:s.isPublished}),hideOnScroll:!0,on:"hover",inverted:!0,flowing:!0}),!s.isPublished&&e.jsx(se,{name:s.name,onDelete:A,trigger:e.jsx(n.Dropdown.Item,{text:i("global.delete")})})]})})})})]})]})}const Gt=(s,t)=>{const o=be(s);return{loading:!!is(s)[t.item.id],status:o[t.item.id]}},Rt=s=>({onDelete:t=>s(ve(t)),onSaveItem:t=>s(os(t,{},{onlySaveItem:!0})),onOpenModal:(t,o)=>s(D(t,o))}),Wt=B(Gt,Rt)(At),L=50,Ut="_itemCheckbox_2k9qa_1",Ot="_gridHeader_2k9qa_5",Ht="_itemColumn_2k9qa_15",X={itemCheckbox:Ut,gridHeader:Ot,itemColumn:Ht},zt=({areAllSelected:s,onSelectedAllClick:t})=>e.jsx(n.Grid,{columns:"equal",className:X.gridHeader,children:e.jsxs(n.Grid.Row,{children:[e.jsxs(n.Grid.Column,{width:5,className:X.itemColumn,children:[e.jsx(n.Checkbox,{className:X.itemCheckbox,checked:s,onClick:t})," ",i("global.item")]}),e.jsx(n.Grid.Column,{children:i("global.category")}),e.jsx(n.Grid.Column,{children:i("global.body_shape")}),e.jsx(n.Grid.Column,{children:"URN ID"}),e.jsxs(n.Grid.Column,{width:3,children:[" ",i("collection_row.status")," "]}),e.jsx(n.Grid.Column,{width:1})]})}),Ft="_gridHeader_4acv6_1",qt="_itemColumn_4acv6_11",Vt="_itemCheckbox_4acv6_16",Yt="_linkedToColumn_4acv6_20",q={gridHeader:Ft,itemColumn:qt,itemCheckbox:Vt,linkedToColumn:Yt},Zt=({areAllSelected:s,onSelectedAllClick:t})=>e.jsx(n.Grid,{columns:"equal",className:q.gridHeader,children:e.jsxs(n.Grid.Row,{children:[e.jsxs(n.Grid.Column,{width:4,className:q.itemColumn,children:[e.jsx(n.Checkbox,{className:q.itemCheckbox,checked:s,onClick:t})," ",i("global.item")]}),e.jsxs(n.Grid.Column,{className:q.linkedToColumn,children:[e.jsx("span",{children:i("third_party_collection_detail_page.linked_to")}),e.jsx(ls,{})]}),e.jsxs(n.Grid.Column,{width:3,children:[" ",i("collection_row.status")," "]}),e.jsx(n.Grid.Column,{width:1})]})}),Kt="_main_16i8r_3",Qt="_slots_16i8r_11",Jt="_empty_16i8r_28",Xt="_searchContainer_16i8r_32",en="_searchInfo_16i8r_42",sn="_syncedStatusList_16i8r_46",tn="_selectionInfo_16i8r_53",nn="_header_16i8r_63",an="_content_16i8r_74",on="_title_16i8r_83",ln="_editCollectionName_16i8r_96",rn="_name_16i8r_101",cn="_nameAndType_16i8r_105",dn="_nameWrapper_16i8r_115",mn="_size_16i8r_139",_n="_actions_16i8r_143",un="_body_16i8r_151",gn="_info_16i8r_162",hn="_infoHeader_16i8r_170",pn="_infoContent_16i8r_178",Cn="_slotsIcon_16i8r_195",xn="_copyButton_16i8r_207",jn="_sparkles_16i8r_232",In="_start_16i8r_241",Nn="_migrationBanner_16i8r_254",fn="_type_16i8r_277",kn="_linkedWearableBadge_16i8r_283",yn="_typeBadge_16i8r_288",bn="_programmaticBadge_16i8r_292",vn="_standardBadge_16i8r_296",wn="_loader_16i8r_302",_={main:Kt,slots:Qt,empty:Jt,searchContainer:Xt,searchInfo:en,syncedStatusList:sn,selectionInfo:tn,header:nn,content:an,title:on,editCollectionName:ln,name:rn,nameAndType:cn,nameWrapper:dn,size:mn,actions:_n,body:un,info:gn,infoHeader:hn,infoContent:pn,slotsIcon:Cn,copyButton:xn,sparkles:jn,start:In,migrationBanner:Nn,type:fn,linkedWearableBadge:kn,typeBadge:yn,programmaticBadge:bn,standardBadge:vn,loader:wn},xe=({children:s,title:t,info:o})=>e.jsxs("div",{className:_.info,children:[e.jsxs("div",{className:_.infoHeader,children:[t," ",o&&e.jsx(n.InfoTooltip,{content:o})]}),e.jsx("div",{className:_.infoContent,children:s})]});function Sn({currentPage:s,lastLocation:t,wallet:o,thirdParty:l,items:c,collection:a,totalItems:x,isLoading:p,isThirdPartyV2Enabled:N,isLinkedWearablesPaymentsEnabled:v,onFetchAvailableSlots:f,onFetchThirdParty:m,onNewItem:d,onEditName:k,isLoadingAvailableSlots:y}){const[h,P]=r.useState({}),[w,O]=r.useState(s),[Z,A]=r.useState(!1),[S,E]=r.useState(!1),[$,te]=r.useState("ALL"),G=Y(),ne=t===M.collections();r.useEffect(()=>{l&&l.availableSlots===void 0&&!y&&f(l.id)},[l,y,f]),r.useEffect(()=>{!p&&!l&&(a!=null&&a.urn)&&m(we(a.urn))},[a==null?void 0:a.urn,p,l]),r.useEffect(()=>{if(s!==w&&O(s),S){const u=c.reduce((g,j)=>(g[j.id]=!0,g),{});P(u),A(!1)}},[w,S,c,l,s]);const Se=r.useCallback(()=>{a!=null&&a.id&&d(a.id)},[a==null?void 0:a.id,d]),Pe=r.useCallback(()=>{a&&k(a)},[a,k]),De=r.useCallback(()=>{ne?G.goBack():G.push(M.collections(rs.THIRD_PARTY))},[G,ne]),Ee=r.useCallback((u,g)=>{O(+g.activePage),G.push(M.thirdPartyCollectionDetail(a.id,{page:+g.activePage}))},[a,G]),K=r.useCallback((u,g)=>{P({...h,[u.id]:g}),E(!1),A(!1)},[h]),R=r.useCallback(u=>u.every(g=>h[g.id]),[h]),ae=r.useCallback((u,g)=>{const j={...h},W=!R(u);for(const U of u)j[U.id]=W;P(j),A(!0),E(S&&!!g.checked)},[h,S,R]),ie=r.useCallback(()=>{P({})},[]),oe=r.useMemo(()=>a&&l&&o&&cs(o.address,l),[a,l,o]),Te=r.useCallback(u=>{if(E(!0),a){const g=Math.ceil(x/L);u(a.id,{page:ds(g),limit:L,overridePaginationData:!1})}},[x]),le=r.useCallback((u,{value:g})=>{te(g)},[te]),Me=[{value:"ALL",text:i("third_party_collection_detail_page.synced_filter.all")},{value:"SYNCED",text:i("item_status.synced")},{value:"UNSYNCED",text:i("item_status.unsynced")},...a!=null&&a.isMappingComplete?[]:[{value:"MIGRATION_REQUIRED",text:i("item_status.pending_migration")},{value:"MAPPING_PENDING",text:i("item_status.pending_mapping")}]],$e=r.useMemo(()=>{switch($){case"SYNCED":return{synced:!0};case"UNSYNCED":return{synced:!1};case"MIGRATION_REQUIRED":return{mappingStatus:ge.UNPUBLISHED_MAPPING};case"MAPPING_PENDING":return{mappingStatus:ge.MISSING_MAPPING};default:return{}}},[$]),Le=r.useCallback((u,g,j,W,U)=>{const re=g.filter(b=>h[b.id]),ce=re.length,de=!!(a!=null&&a.linkedContractAddress&&(a!=null&&a.linkedContractNetwork)),H=x,Q=Math.ceil(H/L),me=(a==null?void 0:a.itemCount)===0;return a?e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:_.header,children:[e.jsx(Ts,{absolute:!0,onClick:De}),e.jsxs("div",{className:_.content,children:[e.jsxs("div",{className:_.title,children:[e.jsx(Us,{collectionId:a.id}),e.jsxs("div",{className:_.nameAndType,children:[e.jsxs("div",{className:_.nameWrapper,children:[e.jsx(n.Header,{size:"large",className:_.name,onClick:Pe,children:a.name}),!a.isPublished&&e.jsx(ms,{name:"edit",className:_.editCollectionName})]}),e.jsxs("div",{className:_.type,children:[e.jsx(Ms,{isThirdParty:!0}),e.jsx($s,{isProgrammatic:u.isProgrammatic})]})]})]}),e.jsxs("div",{className:_.actions,children:[a.linkedContractAddress&&a.linkedContractNetwork&&e.jsxs(xe,{title:i("third_party_collection_detail_page.smart_contract_address_short"),info:i("third_party_collection_detail_page.smart_contract_address_long"),children:[_s(a.linkedContractAddress)," ",e.jsx(us,{className:_.copyButton,showPopup:!0,text:a.linkedContractAddress,role:"button",children:e.jsx(n.Icon,{name:"copy outline"})})]}),!v&&e.jsxs(xe,{title:i("third_party_collection_detail_page.slots_short"),info:i("third_party_collection_detail_page.slots_long"),children:[e.jsx("div",{className:_.slotsIcon}),y?e.jsx(n.Loader,{active:!0,inline:!0,size:"tiny"}):e.jsxs("span",{children:[u.availableSlots??0," / ",u.maxItems]})]}),e.jsxs(n.Button,{inverted:!0,onClick:Se,children:[e.jsx(n.Icon,{name:"plus"}),i("third_party_collection_detail_page.new_items")]}),u.availableSlots!==void 0?e.jsx(Ks,{collection:a,items:re,slots:u.availableSlots}):null,e.jsx(Vs,{collection:a,items:j})]})]})]}),!a.isMappingComplete&&e.jsxs("div",{className:_.migrationBanner,children:[e.jsx(n.Icon,{name:"sync"})," ",i("third_party_collection_detail_page.migration_banner")]}),e.jsx("div",{className:_.body,children:W?e.jsx("div",{className:_.loader,children:e.jsx(n.Loader,{size:"massive",inline:!0,active:!0})}):e.jsxs(e.Fragment,{children:[(a.itemCount??0)>0&&e.jsxs("div",{className:_.searchContainer,children:[j.length>0&&e.jsx("div",{className:_.searchInfo,children:i("third_party_collection_detail_page.search_info",{page:(w-1)*L+1,pageTotal:Math.min(H,w*L),total:H})}),e.jsx(n.Dropdown,{className:_.syncedStatusList,direction:"left",value:$,options:Me,onChange:le})]}),j.length?e.jsxs(e.Fragment,{children:[ce>0?e.jsxs("div",{className:_.selectionInfo,children:[i("third_party_collection_detail_page.selection",{count:ce})," ",e.jsx("span",{className:"link",onClick:ie,children:i("third_party_collection_detail_page.clear_selection")}),". ",Z&&Q>1?e.jsx("span",{className:"link",onClick:()=>Te(U),children:i("third_party_collection_detail_page.select_all",{total:H})}):null," "]}):null,e.jsxs("div",{children:[N&&de?e.jsx(Zt,{areAllSelected:R(j),onSelectedAllClick:(b,J)=>ae(j,J)}):e.jsx(zt,{areAllSelected:R(j),onSelectedAllClick:(b,J)=>ae(j,J)}),j.map(b=>N&&de?e.jsx(Wt,{collection:a,item:b,selected:!!h[b.id],onSelect:K},b.id):e.jsx(ut,{collection:a,item:b,selected:!!h[b.id],onSelect:K},b.id)),Q>1?e.jsx(n.Pagination,{firstItem:null,lastItem:null,totalPages:Q,activePage:w,onPageChange:Ee}):null]})]}):e.jsxs("div",{className:_.empty,children:[e.jsx("div",{className:me?_.start:_.sparkles}),me?e.jsxs(e.Fragment,{children:[e.jsx("h3",{children:i("third_party_collection_detail_page.start_adding_items")}),e.jsx("p",{children:i("third_party_collection_detail_page.cant_remove")})]}):e.jsxs(e.Fragment,{children:[e.jsx("h3",{children:i("third_party_collection_detail_page.not_found")}),e.jsx("p",{children:i("third_party_collection_detail_page.try_again")})]})]})]})})]}):(console.error("No collection defined"),null)},[a,h,y,v,N,x,w,K,R,le,ie,$]),Be=oe&&a;return e.jsx(Ds,{id:a==null?void 0:a.id,itemsPage:w,itemsPageSize:L,fetchCollectionItemsOptions:$e,children:({isLoadingCollection:u,isLoadingCollectionItems:g,items:j,paginatedItems:W,onFetchCollectionItemsPages:U})=>e.jsx(Ps,{className:_.main,hasNavigation:!oe&&!p&&!u,isLoading:p||u,children:Be&&l?Le(l,j,W,g,U):e.jsx(Es,{})})})}const Pn=s=>{var N;const t=gs(s)||"",o=je(s,t),l=o?he(o):!1,c=((N=pe(s,t))==null?void 0:N.total)||null,a=o?hs(s,o.id):[],x=o&&pe(s,o.id)||null,p=Number(ps(s).query.page??1);return{items:a,totalItems:c,currentPage:p,paginatedData:x,wallet:Cs(s),collection:o,isThirdPartyV2Enabled:xs(s),isLinkedWearablesPaymentsEnabled:Ne(s),thirdParty:o&&he(o)?js(s,o):null,authorizations:Is(s),isLoading:Ie(Ns(s),ws)||fs(s)||!!(l&&o&&ks(s,we(o.urn))),isLoadingAvailableSlots:ys(s),lastLocation:Ss(s)}},Dn=s=>({onNewItem:t=>s(D("CreateItemsModal",{collectionId:t})),onEditName:t=>s(D("EditCollectionNameModal",{collection:t})),onFetchAvailableSlots:t=>s(bs(t)),onFetchThirdParty:t=>s(vs(t))}),On=B(Pn,Dn)(Sn);export{On as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{bv as Re,af as X,Z,H as e,cQ as U,G as l,N as J,cR as _e,a1 as ee,cS as H,M as n,cT as $,cU as ke,cV as L,cB as De,D as o,K as N,aB as se,bC as ye,cW as Pe,cX as he,a4 as me,cY as Ae,bw as E,cZ as Oe,cH as V,c_ as q,c$ as pe,d0 as ge,d1 as oe,d2 as ce,d3 as M,d4 as I,J as de,$ as ue,cD as We,d5 as Be,d6 as Ue,cE as Me,d7 as Ie,c0 as He,d8 as $e,a5 as Fe,ae as ze,d9 as Ke,da as Qe,cI as Ye,X as Q,db as Ge,cJ as Ve,cK as qe,c1 as Xe,dc as Ze}from"./index-DnafUM7S.js";import{L as Je}from"./LoggedInDetailPage.container-jxC_-6TE.js";import{N as es}from"./Navigation.container-Blbpgi-a.js";import"./SignInRequired-DGtkN_16.js";import"./selectors-5tPG0SHF.js";var T=(s=>(s.DESC="DESC",s.ASC="ASC",s))(T||{});const xe="tab";var c=(s=>(s.DCL="dcl",s.ENS="ens",s.CONTRIBUTOR="contributor",s))(c||{});const Ce=()=>{const s=Re(),a=new URLSearchParams(s.search),r=a.get(xe),m={urlSearchParams:a,pathname:s.pathname};switch(r){case"dcl":m.tab="dcl";break;case"ens":m.tab="ens";break;case"contributor":m.tab="contributor";break}return m},ss=({isWorldContributorEnabled:s})=>{const{tab:a,pathname:r,urlSearchParams:m}=Ce(),u=Z(),p=d=>{const b=new URLSearchParams(m);b.set(xe,d),u.push(`${r}?${b.toString()}`)};return!a||a===c.CONTRIBUTOR&&!s?(p(c.DCL),null):e.jsxs(U,{children:[e.jsx(U.Tab,{active:a===c.DCL,onClick:()=>p(c.DCL),children:l("worlds_list_page.name_tabs.dcl_names")}),e.jsx(U.Tab,{active:a===c.ENS,onClick:()=>p(c.ENS),children:l("worlds_list_page.name_tabs.ens_names")}),s&&e.jsx(U.Tab,{active:a===c.CONTRIBUTOR,onClick:()=>p(c.CONTRIBUTOR),children:l("worlds_list_page.name_tabs.contributor_names")})]})},ns=X.memo(ss),as=s=>({isWorldContributorEnabled:_e(s)}),ls=J(as)(ns),ts="_container_12bci_1",rs="_used_12bci_7",is="_description_12bci_13",os="_link_12bci_20",cs="_space_12bci_27",ds="_current_12bci_33",us="_bar_12bci_38",w={container:ts,used:rs,description:is,link:os,space:cs,current:ds,bar:us},bs="worlds-storage-current-mbs",_s="worlds-storage-bar-front",hs="worlds-storage",ms=({maxBytes:s,currentBytes:a,className:r,onViewDetails:m})=>{const u=$(s),p=$(a),d=p*100/u;return e.jsxs("div",{"data-testid":hs,className:ee(w.container,r),children:[e.jsx("span",{className:w.used,children:l("worlds_list_page.worlds_storage.used")}),e.jsxs("div",{className:w.description,children:[e.jsx("span",{children:l("worlds_list_page.worlds_storage.description")})," ",e.jsx("span",{className:w.link,onClick:m,children:l("worlds_list_page.worlds_storage.link")})]}),e.jsxs("div",{className:w.space,children:[e.jsxs("div",{"data-testid":bs,children:[e.jsx("span",{className:w.current,children:H(p)})," / ",H(u)," Mb"]}),e.jsx(n.Progress,{"data-testid":_s,percent:Math.trunc(d),className:w.bar,size:"small"})]})]})},ps=X.memo(ms),gs="_worldUrl_1sb6i_1",xs="_rightContainer_1sb6i_7",Cs="_copyUrn_1sb6i_13",Y={worldUrl:gs,rightContainer:xs,copyUrn:Cs};function je({ens:s,deploymentsByWorlds:a}){const r=ke(s.subdomain);return L(a,s)?e.jsxs("div",{className:Y.worldUrl,children:[e.jsx("span",{children:r}),e.jsxs("div",{className:Y.rightContainer,children:[e.jsx(De,{role:"button",text:r,showPopup:!0,children:e.jsx(n.Icon,{"aria-label":"Copy urn","aria-hidden":"false",className:ee("copy",Y.copyUrn),name:"copy outline"})}),e.jsx("a",{href:r,target:"_blank",rel:"noopener noreferrer",children:e.jsx(n.Icon,{name:"external alternate"})})]})]}):e.jsx("span",{className:"empty-url",children:l("worlds_list_page.table.empty_url")})}function we({deploymentsByWorlds:s,ens:a,projects:r,onEditScene:m,onUnpublishScene:u,onPublishScene:p}){const d=s[a.subdomain];return L(s,a)?e.jsxs("div",{className:"publish-scene",children:[e.jsx(n.Popup,{content:d==null?void 0:d.name,on:"hover",trigger:e.jsx("span",{children:d==null?void 0:d.name})}),r.find(b=>b.id===(d==null?void 0:d.projectId))?m&&e.jsx(n.Button,{inverted:!0,size:"small",onClick:()=>m(a),children:l("worlds_list_page.table.edit_scene")}):u&&e.jsx(n.Popup,{content:l("worlds_list_page.table.scene_published_outside_builder"),on:"hover",position:"top center",trigger:e.jsx(n.Button,{inverted:!0,size:"small",onClick:()=>u(a),children:l("worlds_list_page.table.unpublish_scene")})})]}):e.jsxs("div",{className:"publish-scene",children:[e.jsx("span",{children:"-"}),p&&e.jsx(n.Button,{primary:!0,size:"small",onClick:p,children:l("worlds_list_page.table.publish_scene")})]})}function js({items:s,deploymentsByWorlds:a,projects:r,loading:m,error:u,onUnpublishWorld:p}){const d=Z(),b=o.useCallback(()=>{d.push(N.scenes())},[d]),f=o.useCallback(h=>{const{projectId:x}=a[h.subdomain];d.push(N.sceneDetail(x))},[a,N,d]),S=o.useCallback(h=>{var C;const x=(C=a[h.subdomain])==null?void 0:C.id;x&&p(x)},[a,p]);return u?e.jsx(n.Message,{error:!0,size:"tiny",visible:!0,content:u.message,header:l("worlds_list_page.error_title")}):m?e.jsx(n.Loader,{active:!0,size:"big"}):s.length?e.jsxs(n.Table,{basic:"very",children:[e.jsx(n.Table.Header,{children:e.jsxs(n.Table.Row,{children:[e.jsx(n.Table.HeaderCell,{width:"1",children:l("worlds_list_page.table.name")}),e.jsx(n.Table.HeaderCell,{width:"1",children:l("worlds_list_page.table.owner")}),e.jsx(n.Table.HeaderCell,{width:"2",children:l("worlds_list_page.table.url")}),e.jsx(n.Table.HeaderCell,{width:"1",children:l("worlds_list_page.table.published_scene")}),e.jsx(n.Table.HeaderCell,{width:"1",children:l("worlds_list_page.table.size")}),e.jsx(n.Table.HeaderCell,{width:"1",children:l("worlds_list_page.table.permissions")})]})}),e.jsx(n.Table.Body,{children:s.map((h,x)=>{var R,k;const C=(R=h.userPermissions)==null?void 0:R.includes("deployment"),v=(k=h.userPermissions)==null?void 0:k.map(D=>l(`worlds_list_page.table.user_permissions.${D}`)).join("/");return e.jsxs(n.Table.Row,{className:"TableRow",children:[e.jsx(n.Table.Cell,{width:1,children:h.name}),e.jsx(n.Table.Cell,{width:1,children:e.jsx(ye,{address:h.nftOwnerAddress||""})}),e.jsx(n.Table.Cell,{width:2,children:e.jsx(je,{deploymentsByWorlds:a,ens:h})}),e.jsx(n.Table.Cell,{width:1,children:e.jsx(we,{deploymentsByWorlds:a,ens:h,projects:r,onEditScene:C?f:void 0,onPublishScene:C?b:void 0,onUnpublishScene:C?S:void 0})}),e.jsx(n.Table.Cell,{width:1,children:H($(Number(h.size)||0))}),e.jsx(n.Table.Cell,{width:1,children:v})]},x)})})]}):e.jsxs(n.Empty,{className:"empty-names-container",height:500,children:[e.jsx("div",{className:"empty-icon dcl-icon"}),e.jsx("div",{className:"empty-title",children:l("worlds_list_page.empty_contributor_list.title")}),e.jsx("div",{className:"empty-description",children:l("worlds_list_page.empty_contributor_list.description",{b:h=>e.jsx("b",{children:h})})}),e.jsx(n.Button,{as:"a",href:`${se.get("MARKETPLACE_WEB_URL")}/names/claim`,target:"_blank",className:"empty-action",primary:!0,children:l("worlds_list_page.empty_list.cta")})]})}const ws=s=>({items:Pe(s),deploymentsByWorlds:he(s),projects:me(s),error:Ae(s),loading:E(V(s),Oe)||E(pe(s),q)}),Es=s=>({onUnpublishWorld:a=>s(ge(a))}),Ns=J(ws,Es)(js),be="Worlds List Page Action",Ss=se.get("ENS_DOMAINS_URL",""),Ts=se.get("MARKETPLACE_WEB_URL"),G=12,Ls=s=>{const{ensList:a,externalNames:r,error:m,deploymentsByWorlds:u,isLoading:p,projects:d,worldsWalletStats:b,isConnected:f,isWorldContributorEnabled:S,ensTotal:h,onOpenYourStorageModal:x,onOpenWorldsForENSOwnersAnnouncementModal:C,onUnpublishWorld:v,onOpenPermissionsModal:R,onFetchContributableNames:k,onFetchENSList:D}=s,[ne,y]=o.useState(T.DESC),[F,z]=o.useState(1),{tab:_}=Ce(),P=Z();o.useEffect(()=>{f&&S&&k()},[f,S]),o.useEffect(()=>{_===c.DCL&&D(G,(F-1)*G)},[D,F]);const A=o.useCallback(()=>{_===c.DCL?(oe(be,{action:"Click Claim NAME"}),window.open(`${Ts}/names/claim`,"_blank","noopener,noreferrer")):(oe(be,{action:"Click Claim ENS Domain"}),window.open(Ss,"_blank","noopener,noreferrer"))},[_]),Ee=o.useCallback(()=>{P.push(N.scenes())},[N,P]),Ne=o.useCallback(i=>{const{projectId:t}=u[i.subdomain];P.push(N.sceneDetail(t))},[u,N,P]),Se=o.useCallback(i=>{var g;const t=(g=u[i.subdomain])==null?void 0:g.id;t&&v(t)},[u,v]),ae=o.useCallback((i,t)=>{z(+t.activePage)},[]),le=o.useCallback(()=>e.jsx(n.Dropdown,{direction:"left",value:ne,options:[{value:T.ASC,text:l("global.order.name_asc")},{value:T.DESC,text:l("global.order.name_desc")}],onChange:(i,{value:t})=>y(t)}),[ne,y]),te=o.useCallback(i=>{let t=L(u,i)?"active":"inactive";if(t==="active"&&b&&!ce(i.subdomain))switch(M(b).status){case I.BLOCKED:{t="blocked";break}case I.TO_BE_BLOCKED:t="warning"}return e.jsx("span",{className:`world-status ${t}`,children:l(`worlds_list_page.table.status_${t}`)})},[M,ce,L]),re=o.useCallback((i,t)=>{var B;const g=_===c.DCL?t==null?void 0:t.dclNames:t==null?void 0:t.ensNames;if(!L(u,i)||!g)return"-";const j=(B=g.find(ve=>ve.name===i.subdomain))==null?void 0:B.size,K=_===c.ENS?" / 25":"";return H($(Number(j)))+K},[_]),Te=o.useCallback((i,t)=>{R(t)},[]),O=o.useCallback(()=>{const i=_===c.DCL?h:r.length,t=Math.ceil(i/G),g=_===c.DCL?a:r;return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"filters",children:e.jsx(n.Container,{children:e.jsxs(n.Row,{children:[e.jsx(n.Column,{children:e.jsx(n.Row,{children:e.jsx(n.Header,{sub:!0,className:"items-count",children:l("ens_list_page.items",{count:s.ensTotal.toLocaleString()})})})}),e.jsx(n.Column,{align:"right",children:e.jsx(n.Row,{children:le()})}),e.jsx(n.Column,{align:"right",grow:!1,shrink:!0,children:e.jsx(n.Row,{children:e.jsx("div",{className:"actions",children:e.jsx(n.Button,{basic:!0,onClick:A,children:e.jsx(de,{name:"add-active"})})})})})]})})}),e.jsx(n.Container,{children:e.jsxs(n.Section,{className:"table-section",children:[e.jsxs(n.Table,{basic:"very",children:[e.jsx(n.Table.Header,{children:e.jsxs(n.Table.Row,{children:[e.jsx(n.Table.HeaderCell,{width:"2",children:l("worlds_list_page.table.name")}),e.jsx(n.Table.HeaderCell,{width:"2",children:l("worlds_list_page.table.url")}),e.jsx(n.Table.HeaderCell,{width:"1",children:l("worlds_list_page.table.published_scene")}),e.jsx(n.Table.HeaderCell,{width:"1",textAlign:"center",children:l("worlds_list_page.table.size")}),e.jsx(n.Table.HeaderCell,{width:"1",textAlign:"center",children:l("worlds_list_page.table.status")}),e.jsx(n.Table.HeaderCell,{width:"1",textAlign:"center"})]})}),e.jsx(n.Table.Body,{children:g.map((j,K)=>e.jsxs(n.Table.Row,{className:"TableRow",children:[e.jsx(n.Table.Cell,{width:2,children:j.name}),e.jsx(n.Table.Cell,{width:2,children:e.jsx(je,{deploymentsByWorlds:u,ens:j})}),e.jsx(n.Table.Cell,{width:1,children:e.jsx(we,{deploymentsByWorlds:u,ens:j,projects:d,onEditScene:Ne,onPublishScene:Ee,onUnpublishScene:Se})}),e.jsx(n.Table.Cell,{width:1,textAlign:"center",children:re(j,b)}),e.jsx(n.Table.Cell,{width:1,textAlign:"center",children:te(j)}),e.jsx(n.Table.Cell,{width:1,textAlign:"center",children:e.jsx(n.Button,{basic:!0,onClick:B=>Te(B,j.subdomain),children:"Permissions"})})]},K))})]}),t>1&&e.jsx(n.Pagination,{firstItem:null,lastItem:null,totalPages:t,activePage:F,onPageChange:ae})]})})]})},[_,a,r,A,le,re,te,ae,h]),W=o.useCallback(()=>e.jsxs(n.Empty,{className:"empty-names-container",height:500,children:[e.jsx("div",{className:ee("empty-icon",_===c.DCL?"dcl-icon":"ens-icon")}),e.jsx("div",{className:"empty-title",children:_===c.DCL?l("worlds_list_page.empty_list.title"):l("worlds_list_page.empty_list.title_ens")}),e.jsx("div",{className:"empty-description",children:_===c.DCL?l("worlds_list_page.empty_list.description",{b:i=>e.jsx("b",{children:i})}):l("worlds_list_page.empty_list.description_ens",{b:i=>e.jsx("b",{children:i})})}),e.jsx(n.Button,{className:"empty-action",primary:!0,onClick:A,children:_===c.DCL?l("worlds_list_page.empty_list.cta"):l("worlds_list_page.empty_list.cta_ens")})]}),[_,A]),ie=o.useCallback(()=>{if(!b)return null;const i=M(b);if(i.status===I.OK)return null;let t;return i.status===I.TO_BE_BLOCKED?t=l("worlds_list_page.worlds_warning_message.to_be_blocked",{toBeBlockedAt:i.toBeBlockedAt.toLocaleDateString(),b:g=>e.jsx("b",{children:g})}):t=l("worlds_list_page.worlds_warning_message.blocked",{blockedAt:i.blockedAt.toLocaleDateString(),b:g=>e.jsx("b",{children:g})}),e.jsxs("div",{className:"insufficient-storage-message",children:[e.jsx("div",{children:e.jsx(de,{name:"alert-warning"})}),e.jsx("div",{children:t})]})},[b,M]),Le=o.useCallback(()=>a.length?e.jsxs("div",{children:[b?e.jsx(ps,{maxBytes:Number(b.maxAllowedSpace),currentBytes:Number(b.usedSpace),className:"worlds-storage",onViewDetails:()=>{x({stats:b})}}):null,ie(),O()]}):e.jsx("div",{children:W()}),[a,b,O,W,ie,x]),fe=o.useCallback(()=>e.jsx("div",{children:r.length>0?O():W()}),[r,W,O]);return o.useEffect(()=>{y(T.ASC),z(1)},[_,z,y]),o.useEffect(()=>{ue()&&C()},[ue,C]),e.jsx(Je,{className:"WorldListPage view",error:m,activeTab:es.WORLDS,isLoading:p,isPageFullscreen:!0,children:e.jsxs(n.Container,{children:[e.jsx("h1",{children:l("worlds_list_page.title")}),e.jsx(ls,{}),_===c.DCL&&Le(),_===c.ENS&&fe(),_===c.CONTRIBUTOR&&S&&e.jsx(Ns,{})]})})},fs=X.memo(Ls),vs=s=>{var a;return{ensList:We(s),externalNames:Be(s),deploymentsByWorlds:he(s),projects:me(s),worldsPermissions:Ue(s),error:((a=Me(s))==null?void 0:a.message)??Ie(s)??void 0,isLoading:E(V(s),qe)||E(pe(s),q)||E(He(s),Xe)||E($e(s),q)||E(V(s),Ze)||Fe(s),isLoggedIn:ze(s),worldsWalletStats:Ke(s),isConnected:Qe(s),isWorldContributorEnabled:_e(s),ensTotal:Ye(s)}},Rs=s=>({onOpenYourStorageModal:a=>s(Q("WorldsYourStorageModal",a)),onOpenPermissionsModal:(a,r)=>s(Q("WorldPermissionsModal",{worldName:a,isCollaboratorsTabShown:r})),onOpenWorldsForENSOwnersAnnouncementModal:()=>s(Q("WorldsForENSOwnersAnnouncementModal")),onUnpublishWorld:a=>s(ge(a)),onFetchContributableNames:()=>s(Ge()),onFetchENSList:(a,r)=>s(Ve(a,r))}),Os=J(vs,Rs)(fs);export{Os as default};
|
|
1
|
+
import{bv as Re,af as X,Z,H as e,cQ as U,G as l,N as J,cR as _e,a1 as ee,cS as H,M as n,cT as $,cU as ke,cV as L,cB as De,D as o,K as N,aB as se,bC as ye,cW as Pe,cX as he,a4 as me,cY as Ae,bw as E,cZ as Oe,cH as V,c_ as q,c$ as pe,d0 as ge,d1 as oe,d2 as ce,d3 as M,d4 as I,J as de,$ as ue,cD as We,d5 as Be,d6 as Ue,cE as Me,d7 as Ie,c0 as He,d8 as $e,a5 as Fe,ae as ze,d9 as Ke,da as Qe,cI as Ye,X as Q,db as Ge,cJ as Ve,cK as qe,c1 as Xe,dc as Ze}from"./index-BpRw3zSX.js";import{L as Je}from"./LoggedInDetailPage.container-B7-JCXZc.js";import{N as es}from"./Navigation.container-OV534sYB.js";import"./SignInRequired-BJDXl1QK.js";import"./selectors-DS1xkIcu.js";var T=(s=>(s.DESC="DESC",s.ASC="ASC",s))(T||{});const xe="tab";var c=(s=>(s.DCL="dcl",s.ENS="ens",s.CONTRIBUTOR="contributor",s))(c||{});const Ce=()=>{const s=Re(),a=new URLSearchParams(s.search),r=a.get(xe),m={urlSearchParams:a,pathname:s.pathname};switch(r){case"dcl":m.tab="dcl";break;case"ens":m.tab="ens";break;case"contributor":m.tab="contributor";break}return m},ss=({isWorldContributorEnabled:s})=>{const{tab:a,pathname:r,urlSearchParams:m}=Ce(),u=Z(),p=d=>{const b=new URLSearchParams(m);b.set(xe,d),u.push(`${r}?${b.toString()}`)};return!a||a===c.CONTRIBUTOR&&!s?(p(c.DCL),null):e.jsxs(U,{children:[e.jsx(U.Tab,{active:a===c.DCL,onClick:()=>p(c.DCL),children:l("worlds_list_page.name_tabs.dcl_names")}),e.jsx(U.Tab,{active:a===c.ENS,onClick:()=>p(c.ENS),children:l("worlds_list_page.name_tabs.ens_names")}),s&&e.jsx(U.Tab,{active:a===c.CONTRIBUTOR,onClick:()=>p(c.CONTRIBUTOR),children:l("worlds_list_page.name_tabs.contributor_names")})]})},ns=X.memo(ss),as=s=>({isWorldContributorEnabled:_e(s)}),ls=J(as)(ns),ts="_container_12bci_1",rs="_used_12bci_7",is="_description_12bci_13",os="_link_12bci_20",cs="_space_12bci_27",ds="_current_12bci_33",us="_bar_12bci_38",w={container:ts,used:rs,description:is,link:os,space:cs,current:ds,bar:us},bs="worlds-storage-current-mbs",_s="worlds-storage-bar-front",hs="worlds-storage",ms=({maxBytes:s,currentBytes:a,className:r,onViewDetails:m})=>{const u=$(s),p=$(a),d=p*100/u;return e.jsxs("div",{"data-testid":hs,className:ee(w.container,r),children:[e.jsx("span",{className:w.used,children:l("worlds_list_page.worlds_storage.used")}),e.jsxs("div",{className:w.description,children:[e.jsx("span",{children:l("worlds_list_page.worlds_storage.description")})," ",e.jsx("span",{className:w.link,onClick:m,children:l("worlds_list_page.worlds_storage.link")})]}),e.jsxs("div",{className:w.space,children:[e.jsxs("div",{"data-testid":bs,children:[e.jsx("span",{className:w.current,children:H(p)})," / ",H(u)," Mb"]}),e.jsx(n.Progress,{"data-testid":_s,percent:Math.trunc(d),className:w.bar,size:"small"})]})]})},ps=X.memo(ms),gs="_worldUrl_1sb6i_1",xs="_rightContainer_1sb6i_7",Cs="_copyUrn_1sb6i_13",Y={worldUrl:gs,rightContainer:xs,copyUrn:Cs};function je({ens:s,deploymentsByWorlds:a}){const r=ke(s.subdomain);return L(a,s)?e.jsxs("div",{className:Y.worldUrl,children:[e.jsx("span",{children:r}),e.jsxs("div",{className:Y.rightContainer,children:[e.jsx(De,{role:"button",text:r,showPopup:!0,children:e.jsx(n.Icon,{"aria-label":"Copy urn","aria-hidden":"false",className:ee("copy",Y.copyUrn),name:"copy outline"})}),e.jsx("a",{href:r,target:"_blank",rel:"noopener noreferrer",children:e.jsx(n.Icon,{name:"external alternate"})})]})]}):e.jsx("span",{className:"empty-url",children:l("worlds_list_page.table.empty_url")})}function we({deploymentsByWorlds:s,ens:a,projects:r,onEditScene:m,onUnpublishScene:u,onPublishScene:p}){const d=s[a.subdomain];return L(s,a)?e.jsxs("div",{className:"publish-scene",children:[e.jsx(n.Popup,{content:d==null?void 0:d.name,on:"hover",trigger:e.jsx("span",{children:d==null?void 0:d.name})}),r.find(b=>b.id===(d==null?void 0:d.projectId))?m&&e.jsx(n.Button,{inverted:!0,size:"small",onClick:()=>m(a),children:l("worlds_list_page.table.edit_scene")}):u&&e.jsx(n.Popup,{content:l("worlds_list_page.table.scene_published_outside_builder"),on:"hover",position:"top center",trigger:e.jsx(n.Button,{inverted:!0,size:"small",onClick:()=>u(a),children:l("worlds_list_page.table.unpublish_scene")})})]}):e.jsxs("div",{className:"publish-scene",children:[e.jsx("span",{children:"-"}),p&&e.jsx(n.Button,{primary:!0,size:"small",onClick:p,children:l("worlds_list_page.table.publish_scene")})]})}function js({items:s,deploymentsByWorlds:a,projects:r,loading:m,error:u,onUnpublishWorld:p}){const d=Z(),b=o.useCallback(()=>{d.push(N.scenes())},[d]),f=o.useCallback(h=>{const{projectId:x}=a[h.subdomain];d.push(N.sceneDetail(x))},[a,N,d]),S=o.useCallback(h=>{var C;const x=(C=a[h.subdomain])==null?void 0:C.id;x&&p(x)},[a,p]);return u?e.jsx(n.Message,{error:!0,size:"tiny",visible:!0,content:u.message,header:l("worlds_list_page.error_title")}):m?e.jsx(n.Loader,{active:!0,size:"big"}):s.length?e.jsxs(n.Table,{basic:"very",children:[e.jsx(n.Table.Header,{children:e.jsxs(n.Table.Row,{children:[e.jsx(n.Table.HeaderCell,{width:"1",children:l("worlds_list_page.table.name")}),e.jsx(n.Table.HeaderCell,{width:"1",children:l("worlds_list_page.table.owner")}),e.jsx(n.Table.HeaderCell,{width:"2",children:l("worlds_list_page.table.url")}),e.jsx(n.Table.HeaderCell,{width:"1",children:l("worlds_list_page.table.published_scene")}),e.jsx(n.Table.HeaderCell,{width:"1",children:l("worlds_list_page.table.size")}),e.jsx(n.Table.HeaderCell,{width:"1",children:l("worlds_list_page.table.permissions")})]})}),e.jsx(n.Table.Body,{children:s.map((h,x)=>{var R,k;const C=(R=h.userPermissions)==null?void 0:R.includes("deployment"),v=(k=h.userPermissions)==null?void 0:k.map(D=>l(`worlds_list_page.table.user_permissions.${D}`)).join("/");return e.jsxs(n.Table.Row,{className:"TableRow",children:[e.jsx(n.Table.Cell,{width:1,children:h.name}),e.jsx(n.Table.Cell,{width:1,children:e.jsx(ye,{address:h.nftOwnerAddress||""})}),e.jsx(n.Table.Cell,{width:2,children:e.jsx(je,{deploymentsByWorlds:a,ens:h})}),e.jsx(n.Table.Cell,{width:1,children:e.jsx(we,{deploymentsByWorlds:a,ens:h,projects:r,onEditScene:C?f:void 0,onPublishScene:C?b:void 0,onUnpublishScene:C?S:void 0})}),e.jsx(n.Table.Cell,{width:1,children:H($(Number(h.size)||0))}),e.jsx(n.Table.Cell,{width:1,children:v})]},x)})})]}):e.jsxs(n.Empty,{className:"empty-names-container",height:500,children:[e.jsx("div",{className:"empty-icon dcl-icon"}),e.jsx("div",{className:"empty-title",children:l("worlds_list_page.empty_contributor_list.title")}),e.jsx("div",{className:"empty-description",children:l("worlds_list_page.empty_contributor_list.description",{b:h=>e.jsx("b",{children:h})})}),e.jsx(n.Button,{as:"a",href:`${se.get("MARKETPLACE_WEB_URL")}/names/claim`,target:"_blank",className:"empty-action",primary:!0,children:l("worlds_list_page.empty_list.cta")})]})}const ws=s=>({items:Pe(s),deploymentsByWorlds:he(s),projects:me(s),error:Ae(s),loading:E(V(s),Oe)||E(pe(s),q)}),Es=s=>({onUnpublishWorld:a=>s(ge(a))}),Ns=J(ws,Es)(js),be="Worlds List Page Action",Ss=se.get("ENS_DOMAINS_URL",""),Ts=se.get("MARKETPLACE_WEB_URL"),G=12,Ls=s=>{const{ensList:a,externalNames:r,error:m,deploymentsByWorlds:u,isLoading:p,projects:d,worldsWalletStats:b,isConnected:f,isWorldContributorEnabled:S,ensTotal:h,onOpenYourStorageModal:x,onOpenWorldsForENSOwnersAnnouncementModal:C,onUnpublishWorld:v,onOpenPermissionsModal:R,onFetchContributableNames:k,onFetchENSList:D}=s,[ne,y]=o.useState(T.DESC),[F,z]=o.useState(1),{tab:_}=Ce(),P=Z();o.useEffect(()=>{f&&S&&k()},[f,S]),o.useEffect(()=>{_===c.DCL&&D(G,(F-1)*G)},[D,F]);const A=o.useCallback(()=>{_===c.DCL?(oe(be,{action:"Click Claim NAME"}),window.open(`${Ts}/names/claim`,"_blank","noopener,noreferrer")):(oe(be,{action:"Click Claim ENS Domain"}),window.open(Ss,"_blank","noopener,noreferrer"))},[_]),Ee=o.useCallback(()=>{P.push(N.scenes())},[N,P]),Ne=o.useCallback(i=>{const{projectId:t}=u[i.subdomain];P.push(N.sceneDetail(t))},[u,N,P]),Se=o.useCallback(i=>{var g;const t=(g=u[i.subdomain])==null?void 0:g.id;t&&v(t)},[u,v]),ae=o.useCallback((i,t)=>{z(+t.activePage)},[]),le=o.useCallback(()=>e.jsx(n.Dropdown,{direction:"left",value:ne,options:[{value:T.ASC,text:l("global.order.name_asc")},{value:T.DESC,text:l("global.order.name_desc")}],onChange:(i,{value:t})=>y(t)}),[ne,y]),te=o.useCallback(i=>{let t=L(u,i)?"active":"inactive";if(t==="active"&&b&&!ce(i.subdomain))switch(M(b).status){case I.BLOCKED:{t="blocked";break}case I.TO_BE_BLOCKED:t="warning"}return e.jsx("span",{className:`world-status ${t}`,children:l(`worlds_list_page.table.status_${t}`)})},[M,ce,L]),re=o.useCallback((i,t)=>{var B;const g=_===c.DCL?t==null?void 0:t.dclNames:t==null?void 0:t.ensNames;if(!L(u,i)||!g)return"-";const j=(B=g.find(ve=>ve.name===i.subdomain))==null?void 0:B.size,K=_===c.ENS?" / 25":"";return H($(Number(j)))+K},[_]),Te=o.useCallback((i,t)=>{R(t)},[]),O=o.useCallback(()=>{const i=_===c.DCL?h:r.length,t=Math.ceil(i/G),g=_===c.DCL?a:r;return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"filters",children:e.jsx(n.Container,{children:e.jsxs(n.Row,{children:[e.jsx(n.Column,{children:e.jsx(n.Row,{children:e.jsx(n.Header,{sub:!0,className:"items-count",children:l("ens_list_page.items",{count:s.ensTotal.toLocaleString()})})})}),e.jsx(n.Column,{align:"right",children:e.jsx(n.Row,{children:le()})}),e.jsx(n.Column,{align:"right",grow:!1,shrink:!0,children:e.jsx(n.Row,{children:e.jsx("div",{className:"actions",children:e.jsx(n.Button,{basic:!0,onClick:A,children:e.jsx(de,{name:"add-active"})})})})})]})})}),e.jsx(n.Container,{children:e.jsxs(n.Section,{className:"table-section",children:[e.jsxs(n.Table,{basic:"very",children:[e.jsx(n.Table.Header,{children:e.jsxs(n.Table.Row,{children:[e.jsx(n.Table.HeaderCell,{width:"2",children:l("worlds_list_page.table.name")}),e.jsx(n.Table.HeaderCell,{width:"2",children:l("worlds_list_page.table.url")}),e.jsx(n.Table.HeaderCell,{width:"1",children:l("worlds_list_page.table.published_scene")}),e.jsx(n.Table.HeaderCell,{width:"1",textAlign:"center",children:l("worlds_list_page.table.size")}),e.jsx(n.Table.HeaderCell,{width:"1",textAlign:"center",children:l("worlds_list_page.table.status")}),e.jsx(n.Table.HeaderCell,{width:"1",textAlign:"center"})]})}),e.jsx(n.Table.Body,{children:g.map((j,K)=>e.jsxs(n.Table.Row,{className:"TableRow",children:[e.jsx(n.Table.Cell,{width:2,children:j.name}),e.jsx(n.Table.Cell,{width:2,children:e.jsx(je,{deploymentsByWorlds:u,ens:j})}),e.jsx(n.Table.Cell,{width:1,children:e.jsx(we,{deploymentsByWorlds:u,ens:j,projects:d,onEditScene:Ne,onPublishScene:Ee,onUnpublishScene:Se})}),e.jsx(n.Table.Cell,{width:1,textAlign:"center",children:re(j,b)}),e.jsx(n.Table.Cell,{width:1,textAlign:"center",children:te(j)}),e.jsx(n.Table.Cell,{width:1,textAlign:"center",children:e.jsx(n.Button,{basic:!0,onClick:B=>Te(B,j.subdomain),children:"Permissions"})})]},K))})]}),t>1&&e.jsx(n.Pagination,{firstItem:null,lastItem:null,totalPages:t,activePage:F,onPageChange:ae})]})})]})},[_,a,r,A,le,re,te,ae,h]),W=o.useCallback(()=>e.jsxs(n.Empty,{className:"empty-names-container",height:500,children:[e.jsx("div",{className:ee("empty-icon",_===c.DCL?"dcl-icon":"ens-icon")}),e.jsx("div",{className:"empty-title",children:_===c.DCL?l("worlds_list_page.empty_list.title"):l("worlds_list_page.empty_list.title_ens")}),e.jsx("div",{className:"empty-description",children:_===c.DCL?l("worlds_list_page.empty_list.description",{b:i=>e.jsx("b",{children:i})}):l("worlds_list_page.empty_list.description_ens",{b:i=>e.jsx("b",{children:i})})}),e.jsx(n.Button,{className:"empty-action",primary:!0,onClick:A,children:_===c.DCL?l("worlds_list_page.empty_list.cta"):l("worlds_list_page.empty_list.cta_ens")})]}),[_,A]),ie=o.useCallback(()=>{if(!b)return null;const i=M(b);if(i.status===I.OK)return null;let t;return i.status===I.TO_BE_BLOCKED?t=l("worlds_list_page.worlds_warning_message.to_be_blocked",{toBeBlockedAt:i.toBeBlockedAt.toLocaleDateString(),b:g=>e.jsx("b",{children:g})}):t=l("worlds_list_page.worlds_warning_message.blocked",{blockedAt:i.blockedAt.toLocaleDateString(),b:g=>e.jsx("b",{children:g})}),e.jsxs("div",{className:"insufficient-storage-message",children:[e.jsx("div",{children:e.jsx(de,{name:"alert-warning"})}),e.jsx("div",{children:t})]})},[b,M]),Le=o.useCallback(()=>a.length?e.jsxs("div",{children:[b?e.jsx(ps,{maxBytes:Number(b.maxAllowedSpace),currentBytes:Number(b.usedSpace),className:"worlds-storage",onViewDetails:()=>{x({stats:b})}}):null,ie(),O()]}):e.jsx("div",{children:W()}),[a,b,O,W,ie,x]),fe=o.useCallback(()=>e.jsx("div",{children:r.length>0?O():W()}),[r,W,O]);return o.useEffect(()=>{y(T.ASC),z(1)},[_,z,y]),o.useEffect(()=>{ue()&&C()},[ue,C]),e.jsx(Je,{className:"WorldListPage view",error:m,activeTab:es.WORLDS,isLoading:p,isPageFullscreen:!0,children:e.jsxs(n.Container,{children:[e.jsx("h1",{children:l("worlds_list_page.title")}),e.jsx(ls,{}),_===c.DCL&&Le(),_===c.ENS&&fe(),_===c.CONTRIBUTOR&&S&&e.jsx(Ns,{})]})})},fs=X.memo(Ls),vs=s=>{var a;return{ensList:We(s),externalNames:Be(s),deploymentsByWorlds:he(s),projects:me(s),worldsPermissions:Ue(s),error:((a=Me(s))==null?void 0:a.message)??Ie(s)??void 0,isLoading:E(V(s),qe)||E(pe(s),q)||E(He(s),Xe)||E($e(s),q)||E(V(s),Ze)||Fe(s),isLoggedIn:ze(s),worldsWalletStats:Ke(s),isConnected:Qe(s),isWorldContributorEnabled:_e(s),ensTotal:Ye(s)}},Rs=s=>({onOpenYourStorageModal:a=>s(Q("WorldsYourStorageModal",a)),onOpenPermissionsModal:(a,r)=>s(Q("WorldPermissionsModal",{worldName:a,isCollaboratorsTabShown:r})),onOpenWorldsForENSOwnersAnnouncementModal:()=>s(Q("WorldsForENSOwnersAnnouncementModal")),onUnpublishWorld:a=>s(ge(a)),onFetchContributableNames:()=>s(Ge()),onFetchENSList:(a,r)=>s(Ve(a,r))}),Os=J(vs,Rs)(fs);export{Os as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
._container_12bci_1{background-color:var(--dark-two);border-radius:10px;padding:22px}._container_12bci_1 ._used_12bci_7{font-weight:600;font-size:16px;margin-bottom:8px}._container_12bci_1 ._description_12bci_13{color:#cfcdd4;font-size:14px;font-weight:400;margin-bottom:12px}._container_12bci_1 ._description_12bci_13 ._link_12bci_20{color:#fff;cursor:pointer;text-decoration:underline;font-weight:700}._container_12bci_1 ._space_12bci_27{display:flex;align-items:center;gap:1rem}._container_12bci_1 ._space_12bci_27 ._current_12bci_33{flex:1;font-size:1.5rem}._container_12bci_1 ._space_12bci_27 ._bar_12bci_38{flex:1;margin-bottom:0!important;background-color:#a09ba8!important}._container_12bci_1 ._space_12bci_27 ._bar_12bci_38.ui.progress .bar{background-color:#ff2d55}._worldUrl_1sb6i_1{display:flex;width:100%;justify-content:space-between}._rightContainer_1sb6i_7{display:flex;align-items:center;margin-right:20px}._rightContainer_1sb6i_7 ._copyUrn_1sb6i_13{color:var(--text)}.WorldListPage .filters{margin-bottom:16px}.WorldListPage .filters .ui.header.items-count,.WorldListPage .ui.table>thead>tr th{color:var(--text)}.WorldListPage .TableRow{cursor:default}.WorldListPage .empty-names-container{display:flex;flex-direction:column;text-align:center}.WorldListPage .empty-names-container .empty-icon{margin-bottom:30px;height:87px;width:87px}.WorldListPage .empty-names-container .empty-icon.dcl-icon{background-image:url(https://cdn.decentraland.org/@dcl/builder-site/7.7.
|
|
1
|
+
._container_12bci_1{background-color:var(--dark-two);border-radius:10px;padding:22px}._container_12bci_1 ._used_12bci_7{font-weight:600;font-size:16px;margin-bottom:8px}._container_12bci_1 ._description_12bci_13{color:#cfcdd4;font-size:14px;font-weight:400;margin-bottom:12px}._container_12bci_1 ._description_12bci_13 ._link_12bci_20{color:#fff;cursor:pointer;text-decoration:underline;font-weight:700}._container_12bci_1 ._space_12bci_27{display:flex;align-items:center;gap:1rem}._container_12bci_1 ._space_12bci_27 ._current_12bci_33{flex:1;font-size:1.5rem}._container_12bci_1 ._space_12bci_27 ._bar_12bci_38{flex:1;margin-bottom:0!important;background-color:#a09ba8!important}._container_12bci_1 ._space_12bci_27 ._bar_12bci_38.ui.progress .bar{background-color:#ff2d55}._worldUrl_1sb6i_1{display:flex;width:100%;justify-content:space-between}._rightContainer_1sb6i_7{display:flex;align-items:center;margin-right:20px}._rightContainer_1sb6i_7 ._copyUrn_1sb6i_13{color:var(--text)}.WorldListPage .filters{margin-bottom:16px}.WorldListPage .filters .ui.header.items-count,.WorldListPage .ui.table>thead>tr th{color:var(--text)}.WorldListPage .TableRow{cursor:default}.WorldListPage .empty-names-container{display:flex;flex-direction:column;text-align:center}.WorldListPage .empty-names-container .empty-icon{margin-bottom:30px;height:87px;width:87px}.WorldListPage .empty-names-container .empty-icon.dcl-icon{background-image:url(https://cdn.decentraland.org/@dcl/builder-site/7.7.2-15469632085.commit-01578fa/assets/dcl-empty-state-icon-BDDqmD-V.svg)}.WorldListPage .empty-names-container .empty-icon.ens-icon{background-image:url("data:image/svg+xml,%3csvg%20width='87'%20height='87'%20viewBox='0%200%2087%2087'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='43.5'%20cy='43.5'%20r='43.5'%20fill='white'/%3e%3cg%20clip-path='url(%23clip0_119_22392)'%3e%3cpath%20d='M22.9004%2037.517C23.5096%2038.8466%2025.0327%2041.5058%2025.0327%2041.5058L42.4718%2011.8638L25.4896%2024.0647C24.4996%2024.7686%2023.6619%2025.7071%2023.0527%2026.8021C21.4534%2030.1652%2021.4534%2034.0757%2022.9004%2037.517Z'%20fill='url(%23paint0_linear_119_22392)'/%3e%3cpath%20d='M16.0466%2047.215C16.4274%2052.9244%2019.2451%2058.2427%2023.662%2061.684L42.4719%2075.1363C42.4719%2075.1363%2030.6681%2057.6952%2020.7681%2040.3324C19.7781%2038.5335%2019.0928%2036.5%2018.7881%2034.3884C18.6358%2033.4498%2018.6358%2032.5113%2018.7881%2031.5728C18.5597%2032.042%2018.0266%2033.0588%2018.0266%2033.0588C17.0366%2035.1705%2016.3512%2037.4386%2015.9705%2039.7849C15.742%2042.2877%2015.742%2044.7904%2016.0466%2047.215Z'%20fill='%23A0A8D4'/%3e%3cpath%20d='M64.0234%2049.5615C63.4141%2048.2319%2061.8911%2045.5728%2061.8911%2045.5728L44.4519%2075.1365L61.5103%2063.0138C62.5003%2062.3099%2063.338%2061.3714%2063.9472%2060.2764C65.4703%2056.9134%2065.5464%2053.0028%2064.0234%2049.5615Z'%20fill='url(%23paint1_linear_119_22392)'/%3e%3cpath%20d='M70.9534%2039.7851C70.5726%2034.0757%2067.7549%2028.7574%2063.338%2025.3161L44.5281%2011.8638C44.5281%2011.8638%2056.3319%2029.3048%2066.2318%2046.6677C67.2218%2048.4665%2067.9072%2050.5%2068.2118%2052.6117C68.3641%2053.5503%2068.3641%2054.4888%2068.2118%2055.4273C68.4403%2054.9581%2068.9734%2053.9413%2068.9734%2053.9413C69.9634%2051.8296%2070.6487%2049.5615%2071.0295%2047.2934C71.1818%2044.7124%2071.1818%2042.2879%2070.9534%2039.7851Z'%20fill='%23A0A8D4'/%3e%3cpath%20d='M23.0535%2026.8021C23.6627%2025.7071%2024.4242%2024.7686%2025.4904%2024.0647L42.4726%2011.8638L25.0335%2041.4275C25.0335%2041.4275%2023.5104%2038.7684%2022.9012%2037.4388C21.4543%2034.0757%2021.4543%2030.1652%2023.0535%2026.8021ZM16.0474%2047.2152C16.4281%2052.9246%2019.2458%2058.2429%2023.6627%2061.6842L42.4726%2075.1365C42.4726%2075.1365%2030.6688%2057.6954%2020.7689%2040.3326C19.7789%2038.5337%2019.0935%2036.5002%2018.7889%2034.3885C18.6366%2033.45%2018.6366%2032.5115%2018.7889%2031.573C18.5604%2032.0422%2018.0273%2033.059%2018.0273%2033.059C17.0373%2035.1707%2016.352%2037.4388%2015.9712%2039.7851C15.7427%2042.2879%2015.7427%2044.7906%2016.0474%2047.2152ZM64.0241%2049.5615C63.4149%2048.2319%2061.8918%2045.5727%2061.8918%2045.5727L44.4526%2075.1365L61.511%2063.0138C62.501%2062.3099%2063.3387%2061.3714%2063.9479%2060.2764C65.471%2056.9133%2065.5472%2053.0028%2064.0241%2049.5615ZM70.8779%2039.8633C70.4972%2034.1539%2067.6795%2028.8356%2063.2626%2025.3943L44.5288%2011.8638C44.5288%2011.8638%2056.3326%2029.3048%2066.2325%2046.6677C67.2225%2048.4665%2067.9079%2050.5%2068.2125%2052.6117C68.3649%2053.5503%2068.3649%2054.4888%2068.2125%2055.4273C68.441%2054.958%2068.9741%2053.9413%2068.9741%2053.9413C69.9641%2051.8296%2070.6495%2049.5615%2071.0302%2047.2934C71.1825%2044.7124%2071.1825%2042.2879%2070.8779%2039.8633Z'%20fill='url(%23paint2_linear_119_22392)'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_119_22392'%20x1='43.265'%20y1='12.6053'%20x2='20.2441'%20y2='36.9051'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20offset='0.58'%20stop-color='%23A0A8D4'/%3e%3cstop%20offset='0.73'%20stop-color='%238791C7'/%3e%3cstop%20offset='0.91'%20stop-color='%236470B4'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint1_linear_119_22392'%20x1='43.735'%20y1='74.4471'%20x2='66.7471'%20y2='50.1648'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20offset='0.58'%20stop-color='%23A0A8D4'/%3e%3cstop%20offset='0.73'%20stop-color='%238791C7'/%3e%3cstop%20offset='0.91'%20stop-color='%236470B4'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint2_linear_119_22392'%20x1='43.4798'%20y1='11.551'%20x2='43.4798'%20y2='75.3711'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23513EFF'/%3e%3cstop%20offset='0.18'%20stop-color='%235157FF'/%3e%3cstop%20offset='0.57'%20stop-color='%235298FF'/%3e%3cstop%20offset='1'%20stop-color='%2352E5FF'/%3e%3c/linearGradient%3e%3cclipPath%20id='clip0_119_22392'%3e%3crect%20width='55.3636'%20height='63.2727'%20fill='white'%20transform='translate(15.8181%2011.8638)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e")}.WorldListPage .empty-names-container .empty-title{font-size:24px;font-weight:600;line-height:29px;color:var(--text)}.WorldListPage .empty-names-container .empty-description{font-size:14px;font-weight:500;line-height:24px;color:var(--text);max-width:612px}.WorldListPage .empty-names-container .empty-action{margin-top:40px;width:372px}.WorldListPage .Icon.right-round-arrow{margin-bottom:-2px}.WorldListPage .TableRow .dcl.column.subdomain-wrapper{display:flex;flex:none;flex-direction:row}.WorldListPage .TableRow .empty-url{color:#fffc;font-style:italic}.WorldListPage .TableRow .publish-scene{display:flex;width:100%;justify-content:space-between;align-items:center}.WorldListPage .TableRow .publish-scene span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:100px}.WorldListPage .TableRow .publish-scene button{margin-right:20px;width:168px}.WorldListPage .TableRow .world-status.active{color:#34ce76}.WorldListPage .TableRow .world-status.inactive{color:#cfcdd4}.WorldListPage .TableRow .world-status.warning{color:var(--danger)}.WorldListPage .TableRow .world-status.blocked{color:var(--error)}.WorldListPage .ui.pagination{width:100%;display:flex;justify-content:center}.WorldListPage .ui.pagination .item[type=nextItem],.WorldListPage .ui.pagination .item[type=prevItem]{position:absolute;background-color:var(--secondary)}.WorldListPage .ui.pagination .item[type=prevItem]{left:0}.WorldListPage .ui.pagination .item[type=nextItem]{right:0}.WorldListPage .pagination-section{width:100%}.WorldListPage .ui.sub.header.items-count{flex:1 0 auto;text-transform:uppercase;font-size:13px;line-height:18px;font-weight:500}.WorldListPage .actions{display:flex;flex:1 0 auto;align-items:center;justify-content:flex-end;font-size:13px;line-height:18px;text-transform:uppercase}.WorldListPage .actions .ui.button.basic{width:16px;height:16px;box-sizing:content-box;padding:5px 10px;border-radius:4px;border:solid 1px var(--gray)}.WorldListPage .claim-name .Icon{display:block}.WorldListPage .ui.dropdown{margin-right:20px}.WorldListPage .worlds-storage{margin-bottom:24px}.WorldListPage .insufficient-storage-message{display:flex;align-items:center;gap:1rem;background-color:var(--dark-two);border-radius:10px;padding:22px;margin-bottom:24px}
|