@dcl/builder-site 7.14.0 → 7.14.1-18876165202.commit-a683bb6

package/assets/{index-BGmdA2YB.js → index-CFIUGlNa.js}

@@ -1 +1 @@
-var y=Object.defineProperty;var E=(o,r,e)=>r in o?y(o,r,{enumerable:!0,configurable:!0,writable:!0,value:e}):o[r]=e;var d=(o,r,e)=>E(o,typeof r!="symbol"?r+"":r,e);import{D as g,az as L,H as s,L as F,K as v,J as C,G as h,N as I,O as M,R as A,X as P,aL as i,ag as D,M as n,ai as b,a4 as w,Z as T,aM as O,a5 as m,ab as R,aN as B,aO as k,aP as W,ad as z,aQ as _,aR as G,aS as U,aT as H,ac as K}from"./index-B0M-djtI.js";import{B as V}from"./Back-DdrQYZHm.js";const Z=["page","sortBy","sortOrder","group","ethAddress"];var j;let $=(j=class extends g.PureComponent{constructor(){super(...arguments);d(this,"state",{isDeleting:!1});d(this,"handleOnClick",()=>{const{onClick:e,pool:t}=this.props;e&&e(t)});d(this,"handleConfirmDeleteProject",()=>{this.setState({isDeleting:!0})});d(this,"handleCancelDeleteProject",()=>{this.setState({isDeleting:!1})});d(this,"handleClearDeployment",()=>{const{pool:e,onOpenModal:t}=this.props;t("DeployModal",{view:L.CLEAR_DEPLOYMENT,projectId:e.id})})}render(){const{pool:e}=this.props,t=e.statistics?e.statistics.parcels:e.layout.cols*e.layout.rows;return s.jsxs(F,{to:v.poolView(e.id,"pool"),className:"PoolCard",children:[s.jsx("div",{className:"thumbnail",style:{backgroundImage:`url(${e.thumbnail})`}}),s.jsxs("div",{className:"project-data",children:[s.jsx("div",{className:"title-wrapper",children:s.jsx("div",{className:"title",children:e.title})}),s.jsx("div",{className:"description",title:e.description,children:s.jsxs("div",{className:"component-list",children:[s.jsxs("div",{className:"component",children:[s.jsx(C,{name:"scene-parcel"})," ",h("public_page.parcel_count",{parcels:t})]}),e.statistics&&s.jsxs("div",{className:"component",children:[s.jsx(C,{name:"scene-object"})," ",h("public_page.item_count",{items:e.statistics.transforms})]})]})})]})]})}},d(j,"defaultProps",{items:0}),j);const q=(o,r)=>{const{pool:e}=r,t=M(o)[e.sceneId];return{items:t&&t.sdk6?t.sdk6.metrics.entities:0,deploymentStatus:A(o)[r.pool.id]}},J=o=>({onOpenModal:(r,e)=>o(P(r,e))}),Q=I(q,J)($);let X=class extends g.PureComponent{constructor(){super(...arguments);d(this,"handleChangeGroup",(e,t)=>{const{group:l,...a}=this.getFilters(),c=1;t.value==="all"?this.handleChangeFilters({...a,page:c}):this.handleChangeFilters({...a,page:c,group:t.value})});d(this,"handleChangeUser",(e,t)=>{const{ethAddress:l,...a}=this.getFilters(),c=1;t.value==="all"?this.handleChangeFilters({...a,page:c}):this.handleChangeFilters({...a,page:c,ethAddress:t.value})});d(this,"handleChangeSort",(e,t)=>{const l=this.getFilters(),a=1;if(t.value&&l.sortBy!==t.value)switch(t.value){case i.NAME:this.handleChangeFilters({...l,page:a,sortBy:t.value,sortOrder:"asc"});break;default:this.handleChangeFilters({...l,page:a,sortBy:t.value,sortOrder:"desc"})}});d(this,"handlePageChange",(e,t)=>{const l=this.getFilters(),a=Number(t.activePage);!Number.isNaN(a)&&a>0&&this.handleChangeFilters({...l,page:a})});d(this,"handleNavigateToScenes",()=>{const{history:e}=this.props;e.push(v.scenes())})}componentDidMount(){const{location:e}=this.props,t=this.getFilters();(e.search===""||e.search==="?")&&(t.sortBy=i.NEWEST,t.sortOrder="desc"),this.handleChangeFilters(t)}getFilters(e=this.props){return Z.reduce((t,l)=>{const a=e[l];return a!==void 0&&(t[l]=a),t},{})}handleChangeFilters(e){const{history:t,onLoadPools:l}=this.props;t.push(v.poolSearch(e)),l(e)}render(){const{pools:e,total:t,totalPages:l,isLoggedIn:a}=this.props,c=this.getFilters(),u={firstItem:null,lastItem:null};return c.page===1&&(u.prevItem=null),c.page===l&&(u.nextItem=null),s.jsxs(s.Fragment,{children:[s.jsx(D,{}),s.jsx(n.Page,{isFullscreen:!0,children:s.jsxs("div",{className:"SceneListPage",children:[s.jsxs(n.Container,{children:[s.jsx(n.Section,{className:"navigation",children:s.jsxs(n.Row,{children:[s.jsx(V,{absolute:!0,onClick:this.handleNavigateToScenes}),s.jsx(n.Narrow,{children:s.jsxs(n.Row,{children:[s.jsx(n.Column,{children:s.jsx(n.Row,{children:s.jsx(n.Header,{size:"large",children:h("scene_list_page.projects_title")})})}),s.jsx(n.Column,{align:"right",children:s.jsxs(n.Row,{children:[s.jsx(n.Responsive,{minWidth:1025,as:g.Fragment,children:a&&s.jsx(n.Dropdown,{direction:"left",value:c.ethAddress||"all",options:[{value:"all",text:h("scene_list_page.filters.all_users")},{value:"me",text:h("scene_list_page.filters.only_me")}],onChange:this.handleChangeUser})}),s.jsx(n.Dropdown,{direction:"left",value:c.sortBy,options:[{value:i.NEWEST,text:h("scene_list_page.filters.newest")},{value:i.NAME,text:h("scene_list_page.filters.name")},{value:i.LIKES,text:h("scene_list_page.filters.likes")},{value:i.ITEMS,text:h("scene_list_page.filters.items")},{value:i.SMART_ITEMS,text:h("scene_list_page.filters.smart_items")},{value:i.SIZE,text:h("scene_list_page.filters.size")}],onChange:this.handleChangeSort})]})})]})})]})}),s.jsx(n.Narrow,{children:s.jsxs("div",{className:"PoolCardList",children:[e===null&&s.jsx(n.Loader,{active:!0,size:"huge"}),Array.isArray(e)&&t===0&&s.jsx("div",{className:"empty-projects",children:h("scene_list_page.no_projects")}),Array.isArray(e)&&t!==0&&s.jsx(s.Fragment,{children:e.map(x=>s.jsx(Q,{pool:x},x.id))})]})})]}),s.jsx(n.Container,{children:t!==null&&l!==null&&s.jsx(n.Pagination,{totalPages:l,activePage:c.page,onPageChange:this.handlePageChange,...u})})]})}),s.jsx(b,{})]})}};const Y=()=>{const o=w(),r=T(),e=O(),t=m(R),l=m(B),a=m(k),c=m(W),u=m(z),x=g.useMemo(()=>{const p=new URLSearchParams(e.search);return{group:_(p.get("group")),ethAddress:_(p.get("eth_address")),page:G(p.get("page"),1),sortBy:U(p.get("sort_by")??"",[i.NEWEST,i.LIKES,i.NAME,i.SIZE,i.ITEMS,i.SMART_ITEMS],i.NEWEST),sortOrder:H(p.get("sort_order"),"desc")}},[e.search]),S=g.useCallback((p,N)=>o(P(p,N)),[o]),f=g.useCallback(p=>o(K(p)),[o]);return s.jsx(X,{pools:t,poolGroups:l,total:a,totalPages:c,isLoggedIn:u,onOpenModal:S,onLoadPools:f,history:r,location:e,...x})},ne=Y;export{ne as default};
+var y=Object.defineProperty;var E=(o,r,e)=>r in o?y(o,r,{enumerable:!0,configurable:!0,writable:!0,value:e}):o[r]=e;var d=(o,r,e)=>E(o,typeof r!="symbol"?r+"":r,e);import{D as g,az as L,H as s,L as F,K as v,J as C,G as h,N as I,O as M,R as A,X as P,aL as i,ag as D,M as n,ai as b,a4 as w,Z as T,aM as O,a5 as m,ab as R,aN as B,aO as k,aP as W,ad as z,aQ as _,aR as G,aS as U,aT as H,ac as K}from"./index-DbJfx024.js";import{B as V}from"./Back-CQa_xhn4.js";const Z=["page","sortBy","sortOrder","group","ethAddress"];var j;let $=(j=class extends g.PureComponent{constructor(){super(...arguments);d(this,"state",{isDeleting:!1});d(this,"handleOnClick",()=>{const{onClick:e,pool:t}=this.props;e&&e(t)});d(this,"handleConfirmDeleteProject",()=>{this.setState({isDeleting:!0})});d(this,"handleCancelDeleteProject",()=>{this.setState({isDeleting:!1})});d(this,"handleClearDeployment",()=>{const{pool:e,onOpenModal:t}=this.props;t("DeployModal",{view:L.CLEAR_DEPLOYMENT,projectId:e.id})})}render(){const{pool:e}=this.props,t=e.statistics?e.statistics.parcels:e.layout.cols*e.layout.rows;return s.jsxs(F,{to:v.poolView(e.id,"pool"),className:"PoolCard",children:[s.jsx("div",{className:"thumbnail",style:{backgroundImage:`url(${e.thumbnail})`}}),s.jsxs("div",{className:"project-data",children:[s.jsx("div",{className:"title-wrapper",children:s.jsx("div",{className:"title",children:e.title})}),s.jsx("div",{className:"description",title:e.description,children:s.jsxs("div",{className:"component-list",children:[s.jsxs("div",{className:"component",children:[s.jsx(C,{name:"scene-parcel"})," ",h("public_page.parcel_count",{parcels:t})]}),e.statistics&&s.jsxs("div",{className:"component",children:[s.jsx(C,{name:"scene-object"})," ",h("public_page.item_count",{items:e.statistics.transforms})]})]})})]})]})}},d(j,"defaultProps",{items:0}),j);const q=(o,r)=>{const{pool:e}=r,t=M(o)[e.sceneId];return{items:t&&t.sdk6?t.sdk6.metrics.entities:0,deploymentStatus:A(o)[r.pool.id]}},J=o=>({onOpenModal:(r,e)=>o(P(r,e))}),Q=I(q,J)($);let X=class extends g.PureComponent{constructor(){super(...arguments);d(this,"handleChangeGroup",(e,t)=>{const{group:l,...a}=this.getFilters(),c=1;t.value==="all"?this.handleChangeFilters({...a,page:c}):this.handleChangeFilters({...a,page:c,group:t.value})});d(this,"handleChangeUser",(e,t)=>{const{ethAddress:l,...a}=this.getFilters(),c=1;t.value==="all"?this.handleChangeFilters({...a,page:c}):this.handleChangeFilters({...a,page:c,ethAddress:t.value})});d(this,"handleChangeSort",(e,t)=>{const l=this.getFilters(),a=1;if(t.value&&l.sortBy!==t.value)switch(t.value){case i.NAME:this.handleChangeFilters({...l,page:a,sortBy:t.value,sortOrder:"asc"});break;default:this.handleChangeFilters({...l,page:a,sortBy:t.value,sortOrder:"desc"})}});d(this,"handlePageChange",(e,t)=>{const l=this.getFilters(),a=Number(t.activePage);!Number.isNaN(a)&&a>0&&this.handleChangeFilters({...l,page:a})});d(this,"handleNavigateToScenes",()=>{const{history:e}=this.props;e.push(v.scenes())})}componentDidMount(){const{location:e}=this.props,t=this.getFilters();(e.search===""||e.search==="?")&&(t.sortBy=i.NEWEST,t.sortOrder="desc"),this.handleChangeFilters(t)}getFilters(e=this.props){return Z.reduce((t,l)=>{const a=e[l];return a!==void 0&&(t[l]=a),t},{})}handleChangeFilters(e){const{history:t,onLoadPools:l}=this.props;t.push(v.poolSearch(e)),l(e)}render(){const{pools:e,total:t,totalPages:l,isLoggedIn:a}=this.props,c=this.getFilters(),u={firstItem:null,lastItem:null};return c.page===1&&(u.prevItem=null),c.page===l&&(u.nextItem=null),s.jsxs(s.Fragment,{children:[s.jsx(D,{}),s.jsx(n.Page,{isFullscreen:!0,children:s.jsxs("div",{className:"SceneListPage",children:[s.jsxs(n.Container,{children:[s.jsx(n.Section,{className:"navigation",children:s.jsxs(n.Row,{children:[s.jsx(V,{absolute:!0,onClick:this.handleNavigateToScenes}),s.jsx(n.Narrow,{children:s.jsxs(n.Row,{children:[s.jsx(n.Column,{children:s.jsx(n.Row,{children:s.jsx(n.Header,{size:"large",children:h("scene_list_page.projects_title")})})}),s.jsx(n.Column,{align:"right",children:s.jsxs(n.Row,{children:[s.jsx(n.Responsive,{minWidth:1025,as:g.Fragment,children:a&&s.jsx(n.Dropdown,{direction:"left",value:c.ethAddress||"all",options:[{value:"all",text:h("scene_list_page.filters.all_users")},{value:"me",text:h("scene_list_page.filters.only_me")}],onChange:this.handleChangeUser})}),s.jsx(n.Dropdown,{direction:"left",value:c.sortBy,options:[{value:i.NEWEST,text:h("scene_list_page.filters.newest")},{value:i.NAME,text:h("scene_list_page.filters.name")},{value:i.LIKES,text:h("scene_list_page.filters.likes")},{value:i.ITEMS,text:h("scene_list_page.filters.items")},{value:i.SMART_ITEMS,text:h("scene_list_page.filters.smart_items")},{value:i.SIZE,text:h("scene_list_page.filters.size")}],onChange:this.handleChangeSort})]})})]})})]})}),s.jsx(n.Narrow,{children:s.jsxs("div",{className:"PoolCardList",children:[e===null&&s.jsx(n.Loader,{active:!0,size:"huge"}),Array.isArray(e)&&t===0&&s.jsx("div",{className:"empty-projects",children:h("scene_list_page.no_projects")}),Array.isArray(e)&&t!==0&&s.jsx(s.Fragment,{children:e.map(x=>s.jsx(Q,{pool:x},x.id))})]})})]}),s.jsx(n.Container,{children:t!==null&&l!==null&&s.jsx(n.Pagination,{totalPages:l,activePage:c.page,onPageChange:this.handlePageChange,...u})})]})}),s.jsx(b,{})]})}};const Y=()=>{const o=w(),r=T(),e=O(),t=m(R),l=m(B),a=m(k),c=m(W),u=m(z),x=g.useMemo(()=>{const p=new URLSearchParams(e.search);return{group:_(p.get("group")),ethAddress:_(p.get("eth_address")),page:G(p.get("page"),1),sortBy:U(p.get("sort_by")??"",[i.NEWEST,i.LIKES,i.NAME,i.SIZE,i.ITEMS,i.SMART_ITEMS],i.NEWEST),sortOrder:H(p.get("sort_order"),"desc")}},[e.search]),S=g.useCallback((p,N)=>o(P(p,N)),[o]),f=g.useCallback(p=>o(K(p)),[o]);return s.jsx(X,{pools:t,poolGroups:l,total:a,totalPages:c,isLoggedIn:u,onOpenModal:S,onLoadPools:f,history:r,location:e,...x})},ne=Y;export{ne as default};

package/assets/index-CJJgj6LM.js

@@ -0,0 +1 @@
+var X=Object.defineProperty;var Y=(r,a,n)=>a in r?X(r,a,{enumerable:!0,configurable:!0,writable:!0,value:n}):r[a]=n;var P=(r,a,n)=>Y(r,typeof a!="symbol"?a+"":a,n);import{D as c,H as e,J as Z,Z as J,K as D,ev as V,eV as A,eW as w,eX as f,eS as q,eY as $,eZ as ee,e_ as S,e$ as se,f0 as ae,f1 as te,M as i,G as t,dH as ie,f2 as le,f3 as T,f4 as ne,f5 as ce,f6 as re,L as oe,eu as de,cH as ue,f7 as me,f8 as z,bF as he,f9 as xe,cG as pe,fa as je,fb as ge,fc as ve,fd as Ne,a4 as be,a5 as g,ed as Ie,fe,ff as _e,fg as Ce,eH as ye,fh as Ee,bD as M,fi as ke,fj as Se,es as Te,X as Pe,eQ as De,fk as we,fl as Me}from"./index-DbJfx024.js";import{d as Le}from"./hooks-D4DeMU6c.js";import{I as Re}from"./ItemProvider.container-CLeV8SlR.js";import{C as Be}from"./ConfirmDelete-DdKJGye-.js";import{L as Ue}from"./LoggedInDetailPage.container-DRbETjdU.js";import{N as Oe}from"./NotFound-fig3xqYA.js";import{B as He}from"./Back-CQa_xhn4.js";import"./Navigation.container-Dh7Y7wYA.js";import"./selectors-nKXgw5FK.js";import"./SignInRequired-DREh5kUx.js";class Fe extends c.PureComponent{constructor(n){super(n);P(this,"state",{isNoticeClosed:!1});P(this,"handleCloseNotice",()=>{const{storageKey:n}=this.props;this.setState({isNoticeClosed:!0}),localStorage.setItem(n,"1")});const{storageKey:o}=n;this.state={isNoticeClosed:localStorage.getItem(o)!==null}}render(){const{children:n}=this.props,{isNoticeClosed:o}=this.state;return o?null:e.jsxs("div",{className:"Notice",children:[e.jsx("div",{className:"text",children:n}),e.jsx(Z,{name:"close",onClick:this.handleCloseNotice})]})}}const Ve="dcl-item-notice";function Ae(r){const{item:a,itemId:n,isLoading:o,status:v,collection:_,hasAccess:N,isWearableUtilityEnabled:C,onDelete:y,onSaveItem:x,onOpenModal:u}=r,j=c.useRef(null),b=J(),I=c.useCallback(()=>{a&&b.push(D.itemEditor({itemId:a.id,collectionId:a.collectionId}),{fromParam:V(a.urn)?A.TP_COLLECTIONS:A.COLLECTIONS})},[b,a]),d=c.useCallback(async s=>{const l=await w({[f]:s}),h={...a,contents:{...a==null?void 0:a.contents,[f]:l[f]}};v&&[q.UNPUBLISHED,q.UNDER_REVIEW].includes(v)&&(h.video=l[f]),x(h,{[f]:s})},[x,a,v]),p=c.useCallback(()=>{u("EditVideoModal",{item:a,onSaveVideo:d})},[a,u,d]),L=c.useCallback(()=>{y(a)},[a,y]),E=c.useCallback(()=>{a&&$(a)?u("CreateSingleItemModal",{item:a,addRepresentation:!0}):u("CreateSingleItemModal",{item:a,changeItemFile:!0})},[u,a]),R=c.useCallback(()=>{u("EditItemURNModal",{item:a})},[a,u]),B=c.useCallback(async s=>{const l=ee(s);x({...a,contents:{...a==null?void 0:a.contents,...await w({[S]:l})}},{[S]:l})},[x,a]),U=c.useCallback(()=>{(a==null?void 0:a.type)===se.EMOTE?u("EditThumbnailModal",{onSaveThumbnail:B,item:a,collection:_}):j.current&&j.current.click()},[j.current,_,a,u,B]),O=c.useCallback(async s=>{const{files:l}=s.target;if(l&&l.length>0){const h=l[0],k=await ae(h,1024,1024);k&&a&&(a.contents={...a.contents,...await w({[S]:k})},x(a,{[S]:k}))}},[x,a]),H=c.useCallback(()=>{u("MoveItemToCollectionModal",{item:a})},[a,u]),W=c.useCallback((s,l)=>{var F;const h=s.data,K=!(l&&te(l));return e.jsxs(e.Fragment,{children:[e.jsx(i.Section,{children:e.jsx(i.Row,{children:e.jsx(He,{onClick:()=>b.push(D.collectionDetail(s.collectionId))})})}),e.jsxs(i.Narrow,{children:[!l&&!s.collectionId?e.jsx(Fe,{storageKey:Ve,children:t("item_detail_page.notice")}):null,e.jsxs("div",{className:"item-data",children:[e.jsxs("div",{className:"item-data-left-panel",children:[e.jsx(ie,{item:s,hasBadge:!0,hasRarityBadge:!0,hasUtilityBadge:!0}),e.jsx("div",{children:e.jsxs(i.Button,{primary:!0,onClick:U,children:[e.jsx("input",{type:"file",ref:j,onChange:O,accept:"image/png"}),e.jsx(i.Icon,{name:"camera"}),t("item_detail_page.edit_thumbnail")]})}),e.jsxs("div",{className:"metrics",children:[e.jsx("span",{className:"subtitle",children:t("item_detail_page.properties")}),e.jsx(le,{item:s})]}),T(s)?e.jsx(ne,{item:s,onClick:p,children:(m,G,Q,$e)=>e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"overlay",children:e.jsx(i.Icon,{name:"play",className:"play-video-button",onClick:p})}),e.jsxs(i.Button,{primary:!0,onClick:p,children:[e.jsx(i.Icon,{name:"video"}),t("item_detail_page.edit_video")]}),e.jsxs("div",{className:"metrics",children:[e.jsx("div",{className:"subtitle",children:t("item_detail_page.properties")}),e.jsx(ce,{duration:G,size:Q,showIcons:!1})]})]})}):null,e.jsxs("div",{className:"details",children:[e.jsx("div",{className:"subtitle",children:t("item_detail_page.details")}),s.isPublished&&e.jsxs("div",{children:[e.jsx("div",{className:"subtitle",children:t("item_detail_page.details_info.id")}),e.jsxs("div",{className:"value",children:["#",s.tokenId]})]}),h.category?e.jsxs("div",{children:[e.jsx("div",{className:"subtitle",children:t("item.category")}),e.jsx("div",{className:"value",children:t(`${s.type}.category.${h.category}`)})]}):null,s.isPublished&&s.rarity?e.jsxs("div",{children:[e.jsx("div",{className:"subtitle",children:t("item.supply")}),e.jsxs("div",{className:"value",children:[s.totalSupply,"/",re(s)]})]}):null,l?e.jsxs("div",{children:[e.jsx("div",{className:"subtitle",children:t("item.collection")}),e.jsx(oe,{className:"collection-link",to:D.collectionDetail(l.id,de(l)),children:l.name})]}):null,s.urn?e.jsxs("div",{children:[e.jsx("div",{className:"subtitle",children:t("global.urn")}),e.jsxs("div",{className:"value urn",children:[e.jsxs("span",{children:[s.urn,e.jsx(ue,{role:"button",text:s.urn,children:e.jsx(i.Icon,{"aria-label":"Copy urn","aria-hidden":"false",className:"link copy",name:"copy outline"})})]}),e.jsx("div",{className:"urn-actions",children:V(s.urn)?e.jsx(i.Popup,{content:t("collection_item.cannot_edit_urn"),disabled:!s.isPublished,position:"top center",trigger:e.jsx("div",{children:e.jsx("button",{disabled:s.isPublished,className:"link",onClick:R,children:t("item.edit_urn")})}),hideOnScroll:!0,on:"hover",inverted:!0,flowing:!0}):null})]})]}):null]})]}),e.jsxs("div",{className:"cards-container",children:[e.jsxs("div",{className:"card",children:[e.jsxs("div",{className:"title-card-container",children:[e.jsx("div",{className:"title",children:s.name}),e.jsxs("div",{className:"actions",children:[T(s)&&e.jsx(i.Button,{className:"edit",inverted:!0,size:"small",onClick:E,children:t("global.edit")}),e.jsx(i.Button,{inverted:!0,size:"small",onClick:I,children:t("collection_detail_page.preview")}),K?e.jsx(i.Dropdown,{trigger:e.jsx(i.Button,{basic:!0,className:"more-actions-button",children:e.jsx(i.Icon,{name:"ellipsis horizontal"})}),inline:!0,direction:"left",children:e.jsxs(i.Dropdown.Menu,{children:[e.jsx(Be,{name:s.name,onDelete:L,trigger:s.isPublished?e.jsx(i.Popup,{content:t("item_detail_page.delete_published_item"),position:"right center",trigger:e.jsx(i.Dropdown.Item,{disabled:!0,text:t("global.delete")}),hideOnScroll:!0,on:"hover",inverted:!0,flowing:!0}):e.jsx(i.Dropdown.Item,{text:t("global.delete")})}),!s.collectionId&&e.jsx(i.Dropdown.Item,{text:t("collection_item.move_to_another_collection"),onClick:H})]})}):null]})]}),e.jsxs("div",{className:"attribute-row",children:[s.description&&e.jsxs("div",{className:"attribute-column",children:[e.jsx("div",{className:"subtitle",children:t("global.description")}),e.jsx("div",{className:"data",children:s.description})]}),s.utility&&C&&e.jsxs("div",{className:"attribute-column",children:[e.jsx("div",{className:"subtitle",children:t("global.utility")}),e.jsx("div",{className:"data",children:s.utility})]})]}),s.data.tags.length?e.jsx("div",{className:"attribute-row",children:e.jsxs("div",{className:"attribute-column",children:[e.jsx("div",{className:"subtitle",children:t("item_detail_page.tags.title")}),e.jsx("div",{className:"data tags-container",children:s.data.tags.map(m=>e.jsx("span",{className:"tag",children:m},m))})]})}):null]}),e.jsxs("div",{className:"card",children:[e.jsx("div",{className:"title",children:t("item_detail_page.selling.title")}),e.jsxs("div",{className:"data",children:[me(s)?e.jsxs(i.Section,{className:"price-container",children:[e.jsx("div",{className:"subtitle",children:t("item.price")}),e.jsx("div",{className:"value",children:t("global.free")})]}):s.price?e.jsxs(i.Section,{className:"price-container",children:[e.jsx("div",{className:"subtitle",children:t("item.price")}),s.price&&s.price!==z.toString()?e.jsx(i.Mana,{showTooltip:!0,network:he.Network.MATIC,className:"mana-price-container",children:(()=>{const m=xe(s.price);return m.length>10?e.jsx(i.Popup,{content:m,position:"top center",trigger:e.jsx("span",{children:`${m.slice(0,3)}...${m.slice(-4)}`}),hideOnScroll:!0,on:"hover",inverted:!0,flowing:!0}):e.jsx("div",{className:"value",children:m})})()}):s.price===z.toString()?e.jsx("div",{className:"value",children:t("item.not_for_sale")}):"-"]}):null,e.jsxs(i.Section,{className:"beneficiary-container",children:[e.jsx("div",{className:"subtitle",children:t("item.beneficiary")}),s.beneficiary?e.jsx("div",{className:"value",children:pe(s.beneficiary)}):"-"]})]})]}),je(s)&&!T(s)?e.jsxs("div",{className:"card",children:[e.jsxs("div",{className:"title-card-container",children:[e.jsx("div",{className:"title",children:t("item_detail_page.representations.title")}),e.jsx(i.Button,{className:"edit-button",inverted:!0,size:"small",onClick:E,children:$(s)?t("global.add"):t("global.edit")})]}),e.jsx("div",{className:"data",children:e.jsx("div",{className:"representations-container",children:s.data.representations.map(m=>e.jsxs("div",{className:"representation",children:[e.jsx("img",{className:"item-image",src:ge(s),alt:s.name}),m.mainFile,e.jsx(ve,{item:s,bodyShape:m.bodyShapes[0]})]},m.mainFile))})})]}):null,T(s)&&((F=s.data.requiredPermissions)!=null&&F.length)?e.jsxs("div",{className:"card",children:[e.jsxs("div",{className:"title-card-container",children:[e.jsx("div",{className:"title",children:t("item_detail_page.required_permissions")}),e.jsx(i.Button,{inverted:!0,className:"learn-more-permissions",size:"small",href:"https://docs.decentraland.org/creator/development-guide/sdk7/scene-metadata/#required-permissions",rel:"noopener noreferrer",target:"_blank",content:t("global.learn_more")})]}),e.jsx("div",{className:"data",children:e.jsx(Ne,{requiredPermissions:s.data.requiredPermissions,basic:!0})})]}):null]})]})]})]})},[C,b,j,U,O,p,R,E,E,H,I,L,I]);return e.jsx(Re,{id:n,children:(s,l,h)=>e.jsx(Ue,{className:"ItemDetailPage",hasNavigation:!N&&!o,isLoading:o||h,children:N&&s?W(s,l):e.jsx(Oe,{})})})}const qe=()=>{const r=be(),a=Le(),n=g(Ie),o=g(d=>a?fe(d,a):null),v=g(d=>o&&o.collectionId?_e(d,o.collectionId):null),_=g(Ce),N=g(ye),C=g(Ee),y=o?_[o.id]:null,x=M(N,De)||M(N,we)||M(N,Me),u=g(d=>o!==null&&ke(d,n.address,v,o)),j=c.useCallback((d,p)=>r(Se(d,p)),[r]),b=c.useCallback(d=>r(Te(d)),[r]),I=c.useCallback((d,p)=>r(Pe(d,p)),[r]);return e.jsx(Ae,{itemId:a,wallet:n,item:o,collection:v,status:y,isLoading:x,isWearableUtilityEnabled:C,hasAccess:u,onSaveItem:j,onDelete:b,onOpenModal:I})},as=qe;export{as as default};