@dcl/shop 0.1.0-29994098968.commit-46a6a0c → 0.1.0-29996672089.commit-ce4d282

package/assets/Activity-ji9z26-b.js

@@ -0,0 +1,243 @@
+import{r as Q,j as e,L as $}from"./react-C51i12iP.js";import{s as o,F as a,N as V,B as X,m as Z,t as c,u as J,I as h,af as Y,ag as tt,C as m,o as w,ah as et,ai as it}from"./index-CGNquv7o.js";import{a as st}from"./mana-rate-BM11zYcS.js";import{u as nt}from"./useManaRate-BEdT5IGm.js";import{L as at}from"./LoadMore-BjvEi3Wj.js";import{u as b}from"./useInfiniteGrid-CDzsfZBu.js";import"./dcl-schemas-BICTSpB5.js";import"./sentry-DKBoGDXH.js";import"./ethers-w5dOkonM.js";import"./intl-CBcMB1D2.js";import"./index-HN6Rk25C.js";const rt=15e3;function ot(t,i){return t.txHash&&i.txHash?t.txHash===i.txHash:t.txHash||i.txHash?!1:t.status===i.status&&Math.abs(t.createdAt-i.createdAt)<=rt}function ct(t){const i=[...t].sort((s,n)=>n.createdAt-s.createdAt),d=[];for(const s of i){const n=d[d.length-1];n&&ot(n[n.length-1],s)?n.push(s):d.push([s])}return d.map(s=>{var n;return{id:((n=s.find(r=>r.txHash))==null?void 0:n.txHash)??s[s.length-1].id,createdAt:Math.max(...s.map(r=>r.createdAt)),status:s.some(r=>r.status==="PENDING")?"PENDING":"SETTLED",totalCredits:s.reduce((r,u)=>r+u.credits,0),lines:s}})}function dt(t){const i=[],d=new Map;for(const s of t)if(s.tradeId){const n=d.get(s.tradeId);if(n){n.quantity+=1,n.credits+=s.credits;continue}const r={key:s.tradeId,tradeId:s.tradeId,quantity:1,credits:s.credits};d.set(s.tradeId,r),i.push(r)}else i.push({key:s.id,tradeId:null,quantity:1,credits:s.credits});return i}function lt(t,i){return{id:t.id,contractAddress:t.contractAddress,tokenId:t.tokenId,itemId:t.itemId,counterparty:t.buyer,credits:i?st(t.manaWei,i):null,createdAt:t.createdAt}}function ut(t){const d=ct(t.purchases.filter(n=>n.status!=="EXPIRED")).map(n=>({kind:"purchase",id:`purchase:${n.id}`,createdAt:n.createdAt,order:n})),s=t.sales.map(n=>{const r=lt(n,t.rate);return{kind:"sale",id:`sale:${r.id}`,createdAt:r.createdAt,sale:r}});return[...d,...s].sort((n,r)=>r.createdAt-n.createdAt||(n.id<r.id?-1:1))}function pt(t,i){if(i==="all")return t;const d=i==="purchases"?"purchase":"sale";return t.filter(s=>s.kind===d)}const g=V`
+  0% { background-position: 200% 0; }
+  100% { background-position: -200% 0; }
+`,xt=o.section`
+  width: 100%;
+  min-width: 0;
+`,ht=o.div`
+  display: flex;
+  align-items: baseline;
+  gap: 12px;
+  margin-bottom: 20px;
+`,mt=o.h1`
+  font-family: ${a.font.sans};
+  margin: 0;
+`;o.span`
+  color: ${a.colors.muted};
+  font-size: 14px;
+`;const gt=o.div`
+  display: flex;
+  gap: 8px;
+  margin-bottom: 20px;
+  flex-wrap: wrap;
+`,ft=o.button`
+  appearance: none;
+  border: 1px solid ${a.colors.line};
+  background: ${a.colors.white};
+  color: ${a.colors.text};
+  font-family: ${a.font.sans};
+  font-size: 14px;
+  font-weight: 600;
+  padding: 8px 16px;
+  min-height: 40px;
+  border-radius: ${a.radius.pill};
+  cursor: pointer;
+  transition:
+    background 0.15s,
+    border-color 0.15s,
+    color 0.15s;
+
+  &:hover {
+    background: ${a.colors.media};
+  }
+  &:focus-visible {
+    outline: 2px solid ${a.colors.accent};
+    outline-offset: 2px;
+  }
+  &[data-active='true'] {
+    background: ${a.colors.accent};
+    border-color: ${a.colors.accent};
+    color: ${a.colors.white};
+  }
+`,j=o.div`
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  max-width: 760px;
+`,I=o.div`
+  background: ${a.colors.white};
+  border: 1px solid ${a.colors.line};
+  border-radius: 16px;
+  overflow: hidden;
+`,A=o.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  padding: 14px 18px;
+  background: ${a.colors.softWhite};
+  border-bottom: 1px solid ${a.colors.line};
+
+  ${a.media.down("mobile")} {
+    flex-wrap: wrap;
+  }
+`,L=o.div`
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  min-width: 0;
+`,N=o.span`
+  font-weight: 700;
+  color: ${a.colors.text};
+`,P=o.span`
+  font-size: 13px;
+  color: ${a.colors.muted};
+`,E=o.div`
+  display: flex;
+  align-items: center;
+  gap: 14px;
+`,T=o.span`
+  font-size: 11px;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: 0.03em;
+  padding: 4px 10px;
+  border-radius: ${a.radius.pill};
+  white-space: nowrap;
+
+  &[data-status='SETTLED'] {
+    background: rgba(30, 166, 114, 0.14);
+    color: ${a.colors.okStrong};
+  }
+  &[data-status='PENDING'] {
+    background: rgba(245, 166, 35, 0.16);
+    color: #b5790a;
+  }
+  &[data-status='SOLD'] {
+    background: rgba(103, 58, 183, 0.14);
+    color: ${a.colors.accent};
+  }
+`,S=o.div`
+  display: flex;
+  align-items: center;
+  gap: 5px;
+  font-weight: 800;
+  color: ${a.colors.text};
+  white-space: nowrap;
+
+  .ccy-mark {
+    width: 16px;
+    height: 16px;
+  }
+
+  // Money received (a sale) reads as income in the shop's success green.
+  &[data-kind='income'] {
+    color: ${a.colors.okStrong};
+  }
+`,C=o.div`
+  display: flex;
+  flex-direction: column;
+`,f=o.div`
+  display: grid;
+  grid-template-columns: 52px 1fr auto;
+  align-items: center;
+  gap: 14px;
+  padding: 12px 18px;
+  text-decoration: none;
+  color: inherit;
+
+  & + & {
+    border-top: 1px solid ${a.colors.line};
+  }
+
+  &[data-link='true'] {
+    transition: background 0.15s;
+  }
+  &[data-link='true']:hover {
+    background: ${a.colors.media};
+  }
+  &[data-link='true']:focus-visible {
+    outline: 2px solid ${a.colors.accent};
+    outline-offset: -2px;
+  }
+`,D=o.div`
+  width: 52px;
+  height: 52px;
+  border-radius: 10px;
+  background: ${a.colors.media};
+  overflow: hidden;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: ${a.colors.muted2};
+
+  img {
+    width: 100%;
+    height: 100%;
+    object-fit: contain;
+  }
+`,F=o.div`
+  width: 52px;
+  height: 52px;
+  border-radius: 10px;
+  background: linear-gradient(100deg, ${a.colors.media} 30%, ${a.colors.panel} 50%, ${a.colors.media} 70%);
+  background-size: 200% 100%;
+  animation: ${g} 1.3s infinite linear;
+
+  @media (prefers-reduced-motion: reduce) {
+    animation: none;
+  }
+`,z=o.div`
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+`,H=o.span`
+  font-weight: 700;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`,q=o.span`
+  display: inline-block;
+  width: 140px;
+  max-width: 60%;
+  height: 12px;
+  border-radius: 6px;
+  background: linear-gradient(100deg, ${a.colors.media} 30%, ${a.colors.panel} 50%, ${a.colors.media} 70%);
+  background-size: 200% 100%;
+  animation: ${g} 1.3s infinite linear;
+
+  @media (prefers-reduced-motion: reduce) {
+    animation: none;
+  }
+`,M=o.span`
+  font-size: 13px;
+  color: ${a.colors.muted};
+`,yt=o.div`
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  font-weight: 700;
+  color: ${a.colors.text};
+  white-space: nowrap;
+
+  .ccy-mark {
+    width: 14px;
+    height: 14px;
+  }
+`,v=o.div`
+  height: 132px;
+  border-radius: 16px;
+  border: 1px solid transparent;
+  background: linear-gradient(100deg, ${a.colors.media} 30%, ${a.colors.panel} 50%, ${a.colors.media} 70%);
+  background-size: 200% 100%;
+  animation: ${g} 1.3s infinite linear;
+
+  @media (prefers-reduced-motion: reduce) {
+    animation: none;
+  }
+`,O=o.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 8px;
+  text-align: center;
+  padding: 90px 20px;
+  min-height: 50vh;
+`,G=o.p`
+  font-size: 22px;
+  font-weight: 700;
+  margin: 6px 0 0;
+`,bt=o(X)`
+  margin-top: 12px;
+`,B=f.withComponent($),k=24,jt=["all","purchases","sales"];function R(t){try{return new Date(t).toLocaleDateString(void 0,{year:"numeric",month:"short",day:"numeric"})}catch{return""}}function vt(t){return t.length>10?`${t.slice(0,6)}…${t.slice(-4)}`:t}function kt({item:t}){const{data:i,isLoading:d}=w({queryKey:["trade-display",t.tradeId],queryFn:()=>et(t.tradeId),enabled:!!t.tradeId,staleTime:3e5}),s=!!t.tradeId&&d,n=(i==null?void 0:i.name)??c("activity.itemFallback"),r=(i==null?void 0:i.thumbnail)??"",u=(i==null?void 0:i.tokenId)??(i==null?void 0:i.itemId)??"",p=i!=null&&i.contractAddress&&u?`/item/${i.contractAddress}/${u}`:void 0,x=e.jsxs(e.Fragment,{children:[s?e.jsx(F,{}):e.jsx(D,{children:r?e.jsx("img",{src:r,alt:n}):e.jsx(h,{name:"cart",size:20})}),e.jsxs(z,{children:[s?e.jsx(q,{}):e.jsx(H,{title:n,children:n}),t.quantity>1?e.jsx(M,{children:c("activity.quantity",{count:t.quantity})}):null]}),e.jsxs(yt,{children:[e.jsx(m,{className:"ccy-mark"})," ",t.credits]})]});return p?e.jsx(B,{to:p,"data-link":"true",children:x}):e.jsx(f,{children:x})}function $t({order:t}){const i=dt(t.lines),d=i.reduce((s,n)=>s+n.quantity,0);return e.jsxs(I,{"data-testid":"purchase-order",children:[e.jsxs(A,{children:[e.jsxs(L,{children:[e.jsx(N,{children:R(t.createdAt)}),e.jsxs(P,{children:[c("activity.purchaseLabel")," · ",c("activity.itemCount",{count:d})]})]}),e.jsxs(E,{children:[e.jsx(T,{"data-status":t.status,children:t.status==="PENDING"?c("activity.processing"):c("activity.completed")}),e.jsxs(S,{children:[e.jsx(m,{className:"ccy-mark"})," ",t.totalCredits]})]})]}),e.jsx(C,{children:i.map(s=>e.jsx(kt,{item:s},s.key))})]})}function wt({sale:t}){const{data:i,isLoading:d}=w({queryKey:["asset-display",t.contractAddress,t.tokenId,t.itemId],queryFn:()=>it(t.contractAddress,{tokenId:t.tokenId,itemId:t.itemId}),enabled:!!t.contractAddress,staleTime:3e5}),s=(i==null?void 0:i.name)??c("activity.itemFallback"),n=(i==null?void 0:i.thumbnail)??"",r=t.tokenId||t.itemId||"",u=t.contractAddress&&r?`/item/${t.contractAddress}/${r}`:void 0,p=e.jsxs(e.Fragment,{children:[d?e.jsx(F,{}):e.jsx(D,{children:n?e.jsx("img",{src:n,alt:s}):e.jsx(h,{name:"offer",size:20})}),e.jsxs(z,{children:[d?e.jsx(q,{}):e.jsx(H,{title:s,children:s}),e.jsx(M,{children:c("activity.soldTo",{account:vt(t.counterparty)})})]})]});return e.jsxs(I,{"data-testid":"activity-sale",children:[e.jsxs(A,{children:[e.jsxs(L,{children:[e.jsx(N,{children:R(t.createdAt)}),e.jsx(P,{children:c("activity.saleLabel")})]}),e.jsxs(E,{children:[e.jsx(T,{"data-status":"SOLD",children:c("activity.sold")}),t.credits!=null?e.jsxs(S,{"data-kind":"income",title:c("activity.approxValue"),children:["+",e.jsx(m,{className:"ccy-mark"})," ",t.credits]}):null]})]}),e.jsx(C,{children:u?e.jsx(B,{to:u,"data-link":"true",children:p}):e.jsx(f,{children:p})})]})}function It({filter:t}){const i={all:{icon:"clock",title:c("activity.emptyAllTitle"),body:c("activity.emptyAllBody")},purchases:{icon:"cart",title:c("activity.emptyPurchasesTitle"),body:c("activity.emptyPurchasesBody")},sales:{icon:"offer",title:c("activity.emptySalesTitle"),body:c("activity.emptySalesBody")}}[t];return e.jsxs(O,{children:[e.jsx(h,{name:i.icon,size:40,color:"var(--muted-2)"}),e.jsx(G,{children:i.title}),e.jsx("p",{className:"muted",children:i.body}),t!=="sales"?e.jsx(bt,{as:$,to:"/assets",variant:"purple",children:c("notFound.cta")}):null]})}function Ht(){Z({title:c("nav.activity"),noindex:!0});const{session:t}=J(),[i,d]=Q.useState("all"),s=!!t&&i!=="sales",n=!!t&&i!=="purchases",r=b(["purchases",t==null?void 0:t.address],l=>tt(t.address,t.identity,{first:k,skip:l}),{enabled:s}),u=b(["sales",t==null?void 0:t.address],l=>Y(t.address,{role:"seller",first:k,skip:l}),{enabled:n}),{data:p}=nt(n);if(!t)return e.jsxs(O,{children:[e.jsx(h,{name:"clock",size:40,color:"var(--muted-2)"}),e.jsx(G,{children:c("activity.signInTitle")}),e.jsx("p",{className:"muted",children:c("activity.signInBody")})]});const x=pt(ut({purchases:s?r.items:[],sales:n?u.items:[],rate:p}),i),W=s&&r.isLoading||n&&u.isLoading,y=s&&r.isFetchingNextPage||n&&u.isFetchingNextPage,_=s&&r.hasNextPage||n&&u.hasNextPage;function U(){s&&r.hasNextPage&&r.fetchNextPage(),n&&u.hasNextPage&&u.fetchNextPage()}return e.jsxs(xt,{children:[e.jsx(ht,{children:e.jsx(mt,{children:c("nav.activity")})}),e.jsx(gt,{role:"tablist","aria-label":c("nav.activity"),children:jt.map(l=>e.jsx(ft,{type:"button",role:"tab","aria-selected":i===l,"data-active":i===l,"data-testid":`activity-filter-${l}`,onClick:()=>d(l),children:c(`activity.filter.${l}`)},l))}),W?e.jsx(j,{children:Array.from({length:3}).map((l,K)=>e.jsx(v,{},K))}):x.length===0?e.jsx(It,{filter:i}):e.jsxs(e.Fragment,{children:[e.jsxs(j,{children:[x.map(l=>l.kind==="purchase"?e.jsx($t,{order:l.order},l.id):e.jsx(wt,{sale:l.sale},l.id)),y?e.jsx(v,{}):null]}),e.jsx(at,{hasNextPage:_,isFetching:y,onLoadMore:U})]})]})}export{Ht as Activity};

package/assets/{AnimatedBackground-BtxoZ_fw.js → AnimatedBackground-dlJZeXOs.js}

@@ -1,4 +1,4 @@
-import{r as l,j as v}from"./react-BrLDncxD.js";const w="https://cdn.decentraland.org/@dcl/shop/0.1.0-29994098968.commit-46a6a0c/assets/custom-welcome-background-BxlFQma9.webp",S="https://cdn.decentraland.org/@dcl/shop/0.1.0-29994098968.commit-46a6a0c/assets/DCL_LogoPattern-BryBPc3d.png",U=`
+import{r as l,j as v}from"./react-C51i12iP.js";const w="https://cdn.decentraland.org/@dcl/shop/0.1.0-29996672089.commit-ce4d282/assets/custom-welcome-background-BxlFQma9.webp",S="https://cdn.decentraland.org/@dcl/shop/0.1.0-29996672089.commit-ce4d282/assets/DCL_LogoPattern-BryBPc3d.png",U=`
 attribute vec2 a_position;
 varying vec2 v_uv;
 void main() {