@dcl/shop 1.0.2-31061650925.commit-fa244eb → 1.0.2-31075138109.commit-b4b8f60

package/_assets/OutfitDetail-BNlw-NwV.js

@@ -1,334 +0,0 @@
-import{L as k,d as te,j as e,r as p}from"./react-BYHuwl8r.js";import{s as t,I as j,t as ie,O as se,P as ae,Q as ne,B as w,R as oe,o as B,S as re,v as le,x as de,b as a,U as M,V as F,W as ce,X as pe,Y as he,Z as me,$ as xe,a0 as ue,a1 as ge,a2 as fe,a3 as be,a4 as ve,a5 as ye,a6 as je,a7 as we,a8 as ke,a9 as Ie,aa as $e,z as E,ab as Ce,ac as Ee,ad as ze,ae as Le,af as Oe,ag as Se}from"./index-D7dTUoYt.js";import{E as _}from"./ErrorNotice-CCsvrT3H.js";import{E as Ae}from"./LazyEmoteControls-lVtDIvME.js";import{O as Fe}from"./OutfitPreview-J5m3e8Gl.js";import"./dcl-schemas-CmtP3U6y.js";import"./sentry-Dx-KuLV3.js";import"./ethers-BDpbhgX6.js";import"./intl-CBcMB1D2.js";import"./disposePreview-5vjiqVZ0.js";const{colors:o,radius:Ne,media:d}=ie,H=t.div`
-  max-width: 1721px;
-  margin: 0 auto;
-`,Te=t.nav`
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  font-size: 13px;
-  color: ${o.muted};
-  margin-bottom: 18px;
-`,N=t(k)`
-  color: ${o.muted};
-
-  &:hover {
-    color: ${o.text};
-  }
-`,Pe=t.span`
-  color: ${o.text};
-  font-weight: 600;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-`,K=t.div`
-  display: grid;
-  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
-  gap: 40px;
-  align-items: stretch;
-  height: calc(100dvh - 240px);
-  min-height: 520px;
-
-  ${d.maxWidth("mobile")} {
-    grid-template-columns: 1fr;
-    gap: 16px;
-    height: auto;
-    min-height: 0;
-  }
-`,D=t.div`
-  position: relative;
-  border-radius: 24px;
-  overflow: hidden;
-  background: ${o.media};
-
-  ${d.maxWidth("mobile")} {
-    aspect-ratio: 1 / 1;
-  }
-
-  & iframe {
-    width: 100%;
-    height: 100%;
-    border: 0;
-    display: block;
-  }
-
-  [data-preview-viewport] {
-    position: absolute;
-    inset: 0;
-    pointer-events: none;
-  }
-`,We=t.div`
-  position: absolute;
-  inset: 0;
-  pointer-events: none;
-
-  & [class*='MuiBox'] {
-    pointer-events: auto;
-  }
-`,Re=t.img`
-  position: absolute;
-  inset: 0;
-  width: 100%;
-  height: 100%;
-  object-fit: contain;
-`,U=t.div`
-  display: flex;
-  flex-direction: column;
-  gap: 15px;
-  min-height: 0;
-`,Be=t.h1`
-  font-size: 28px;
-  font-weight: 600;
-  overflow-wrap: anywhere;
-`,Me=t.p`
-  font-size: 12px;
-  font-weight: 500;
-  letter-spacing: 0.04em;
-  text-transform: uppercase;
-  color: ${o.muted1};
-`,_e=t.div`
-  flex: 0 1 auto;
-  min-height: 0;
-  overflow-y: auto;
-  /* Breathing room INSIDE the scroller (with the matching negative margin re-aligning the cards):
-     the hover zoom + ring + glow would otherwise be cropped by the overflow clip. */
-  padding: 8px 10px;
-  margin: -8px -10px;
-
-  ${d.maxWidth("mobile")} {
-    overflow: visible;
-    padding: 0;
-    margin: 0;
-  }
-`,He=t.ul`
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-`,Ke=t.li`
-  position: relative;
-  display: flex;
-  align-items: stretch;
-  gap: 14px;
-  border-radius: 16px;
-  background: ${o.bg};
-  overflow: hidden;
-  isolation: isolate;
-  transition:
-    box-shadow 0.35s ease,
-    transform 0.25s ease;
-
-  &::after {
-    ${se};
-  }
-
-  &::before {
-    content: '';
-    position: absolute;
-    inset: 0;
-    z-index: 5;
-    pointer-events: none;
-    border-radius: inherit;
-    ${ae};
-    opacity: 0;
-    transition: opacity 0.3s ease;
-  }
-
-  @media (hover: hover) {
-    &:hover,
-    &:focus-within {
-      ${ne};
-      transform: scale(1.015);
-      /* Above the neighbouring rows while zoomed, or the next card paints over the growth. */
-      z-index: 6;
-    }
-    &:hover::before,
-    &:focus-within::before {
-      opacity: 1;
-    }
-  }
-
-  @media (prefers-reduced-motion: reduce) {
-    transition: none;
-
-    &:hover,
-    &:focus-within {
-      transform: none;
-    }
-    &::before {
-      transition: none;
-    }
-  }
-
-  &[data-state='unavailable'],
-  &[data-state='missing'] {
-    opacity: 0.55;
-  }
-`,De=t(k)`
-  position: absolute;
-  inset: 0;
-  z-index: 1;
-`,Ue=t.img`
-  width: 96px;
-  height: 96px;
-  object-fit: cover;
-  background: ${o.panel};
-  flex-shrink: 0;
-
-  ${d.maxWidth("mobile")} {
-    width: 88px;
-    height: 88px;
-  }
-`,Ve=t.span`
-  width: 96px;
-  height: 96px;
-  background: ${o.panel};
-  flex-shrink: 0;
-
-  ${d.maxWidth("mobile")} {
-    width: 88px;
-    height: 88px;
-  }
-`,T=t.div`
-  flex: 1;
-  min-width: 0;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  gap: 3px;
-  padding: 10px 14px 10px 0;
-`,z=t.span`
-  font-size: 14px;
-  font-weight: 600;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-`,qe=t(k)`
-  position: relative;
-  z-index: 2;
-  align-self: flex-start;
-  font-size: 13px;
-  color: ${o.muted};
-
-  &:hover {
-    color: ${o.text};
-    text-decoration: underline;
-  }
-`,P=t.span`
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  margin-top: 2px;
-`,Qe=t.span`
-  display: inline-flex;
-  align-items: center;
-  gap: 5px;
-  font-size: 16px;
-  font-weight: 600;
-  white-space: nowrap;
-`,v=t.span`
-  font-size: 12px;
-  font-weight: 400;
-  padding: 2px 8px;
-  border-radius: ${Ne.chip};
-  background: ${o.chip};
-  color: ${o.text2};
-  white-space: nowrap;
-`,Ge=t.span`
-  display: flex;
-  align-items: center;
-  gap: 3px;
-  margin-left: auto;
-
-  ${d.maxWidth("mobile")} {
-    display: none;
-  }
-`,y=t(oe)`
-  &[data-variant='smart'] {
-    gap: 2px;
-    background: ${o.chip};
-    color: ${o.text2};
-    text-transform: uppercase;
-    letter-spacing: 0.02em;
-  }
-`,Xe=t.p`
-  margin-top: 8px;
-`,Ye=t.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  gap: 12px;
-  padding: 8px 0;
-`,Ze=t.div`
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-  padding-top: 12px;
-  border-top: 1px solid ${o.line};
-
-  ${d.maxWidth("mobile")} {
-    /* Sticky, not fixed: it rides the viewport bottom while the list is longer than the screen,
-       then STOPS at the list's end (its natural place as the column's last child) when the user
-       scrolls on toward the footer. Negative margin restores the full-bleed bar inside the page's
-       16px gutter. */
-    position: sticky;
-    bottom: 0;
-    z-index: 5;
-    margin: 40px -16px 0;
-    padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
-    border-top: 0;
-    background: ${o.softWhite};
-    box-shadow: 0 -4px 16px rgba(22, 21, 24, 0.12);
-  }
-`,Je=t.div`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-
-  ${d.maxWidth("mobile")} {
-    /* The phone CTA carries the price itself (the Figma bar). */
-    display: none;
-  }
-`,et=t.span`
-  font-size: 14px;
-  font-weight: 600;
-  letter-spacing: 0.04em;
-  text-transform: uppercase;
-  color: ${o.muted1};
-`,tt=t.span`
-  display: inline-flex;
-  align-items: center;
-  gap: 6px;
-  font-size: 26px;
-  font-weight: 800;
-`,it=t(w)`
-  width: 100%;
-  min-height: 52px;
-  border-radius: 16px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  gap: 10px;
-`,st=t.span`
-  display: none;
-
-  ${d.maxWidth("mobile")} {
-    display: inline-flex;
-    align-items: center;
-    gap: 5px;
-    font-size: 16px;
-  }
-`,W=t.div`
-  min-height: 52vh;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  text-align: center;
-  gap: 14px;
-`,at=t(j)`
-  opacity: 0.4;
-`,nt=t.h1`
-  font-size: 24px;
-`,R="outfit-detail-preview";function bt(){const{id:i}=te(),n=B(f=>f.session),c=re(),g=c==="creator",{data:r,isError:I,refetch:m}=le({queryKey:["outfit",i,g],enabled:F()&&!!i,staleTime:6e4,queryFn:()=>Se(i,g&&n?n.identity:void 0)}),l=!F()||!i||r===null&&c!=="pending";return de(l?{title:a("seo.outfit.notFoundTitle"),noindex:!0}:r?{title:r.name,image:M(r.thumbnailHash)??void 0}:{}),l?e.jsxs(W,{"data-testid":"outfit-notfound",children:[e.jsx(at,{name:"cart",size:44}),e.jsx(nt,{children:a("outfits.detail.notFoundTitle")}),e.jsx("p",{className:"muted",children:a("outfits.detail.notFoundBody")}),e.jsx(w,{as:k,to:"/items",variant:"purple",children:a("notFound.cta")})]}):I?e.jsxs(W,{"data-testid":"outfit-detail-error",children:[e.jsx(_,{message:a("outfits.errors.generic")}),e.jsx(w,{variant:"purple",onClick:()=>void m(),children:a("outfits.detail.retry")})]}):r?e.jsx(rt,{outfit:r}):e.jsx(H,{"aria-busy":"true","data-testid":"outfit-detail-loading",children:e.jsxs(K,{children:[e.jsx(D,{children:e.jsx("span",{className:"skeleton",style:{position:"absolute",inset:0},"aria-hidden":!0})}),e.jsxs(U,{children:[e.jsx("span",{className:"skeleton",style:{width:"60%",height:32},"aria-hidden":!0}),e.jsx("span",{className:"skeleton",style:{width:"40%",height:16},"aria-hidden":!0}),e.jsx("span",{className:"skeleton",style:{width:"100%",height:48},"aria-hidden":!0})]})]})})}function ot({item:i}){const n=Ce(i),c=Ee(i.gender);return e.jsxs(Ge,{children:[i.rarity?e.jsx(y,{"data-variant":"rarity",style:{background:Oe(i.rarity),color:Le(i.rarity)},title:ze(i.rarity),children:i.rarity}):null,i.isSmart?e.jsxs(y,{"data-variant":"smart",children:[e.jsx(j,{name:"smart",size:13}),a("assetCard.smart")]}):null,n?e.jsx(y,{"data-variant":"icon",children:e.jsx(j,{name:n})}):null,c?e.jsx(y,{"data-variant":"icon",children:e.jsx(j,{name:c})}):null]})}function rt({outfit:i}){const n=ce(i),{split:c,availableCount:g,totalCredits:r,addOutfit:I,isAdding:m}=pe(i,n),l=B(s=>{var u;return(u=s.session)==null?void 0:u.address}),f=he(s=>s.items),L=p.useMemo(()=>new Set(f.map(me)),[f]),O=M(i.thumbnailHash),S=p.useRef(null);p.useEffect(()=>{S.current!==i.id&&(S.current=i.id,xe("Shop Outfit Viewed",{outfit_id:i.id,item_count:i.items.length}))},[i.id,i.items.length]);const $=p.useMemo(()=>i.items.map(s=>{const u=ue(s),C=n.byKey.get(u)??null;return{key:u,item:C,state:C?ge(C,{address:l,cartKeys:L}):"missing"}}),[i,n.byKey,l,L]),{data:V,isFetched:q}=fe(l),Q=!l||q,G=!!l&&!!V,X=i.bodyShape==="female"?be:i.bodyShape==="male"?ve:void 0,x=p.useMemo(()=>$.map(s=>s.item).filter(s=>!!s),[$]),A=p.useMemo(()=>ye(x),[x]),Y=p.useMemo(()=>!!je(x),[x]),Z=p.useMemo(()=>x.map(s=>we(s)??"").filter(Boolean),[x]),h=ke({address:l,tryOnUrns:A,tryOnCategories:Z}),J=i.items.length,ee=!n.isLoading&&!n.isError,b=c.purchasable.length;return e.jsxs(H,{"data-testid":"outfit-detail",children:[e.jsxs(Te,{"aria-label":a("outfits.detail.breadcrumbAria"),children:[e.jsx(N,{to:"/overview",children:a("nav.overview")}),e.jsx("span",{"aria-hidden":!0,children:">"}),e.jsx(N,{to:"/overview",children:a("outfits.detail.breadcrumbLooks")}),e.jsx("span",{"aria-hidden":!0,children:">"}),e.jsx(Pe,{children:i.name})]}),e.jsxs(K,{children:[e.jsx(D,{"data-testid":"outfit-detail-preview",style:{background:Ie(i)},children:O&&!n.isLoading&&A.length===0?e.jsx(Re,{src:O,alt:i.name}):e.jsx(Fe,{id:R,profile:h.profile,bodyShape:h.bodyShape??(G?void 0:X),urns:h.urns,skin:h.skin,hair:h.hair,eyes:h.eyes,enabled:Q&&!h.isLoading&&!n.isLoading,controls:Y?e.jsx(We,{"data-testid":"outfit-emote-controls",children:e.jsx(Ae,{wearablePreviewId:R,hideFrameInput:!0})}):null})}),e.jsxs(U,{children:[e.jsx(Be,{children:i.name}),e.jsx(Me,{"data-testid":"outfit-detail-meta",children:a("outfits.detail.itemsCount",{count:J})}),n.isError?e.jsxs(Ye,{children:[e.jsx(_,{message:a("outfits.detail.resolveError"),testId:"outfit-detail-resolve-error"}),e.jsx(w,{variant:"outline","data-testid":"outfit-detail-retry",onClick:n.retry,children:a("outfits.detail.retry")})]}):e.jsxs(e.Fragment,{children:[e.jsxs(_e,{children:[e.jsx(He,{children:$.map(s=>e.jsx(Ke,{"data-testid":"outfit-detail-item","data-state":s.state,children:s.item?e.jsxs(e.Fragment,{children:[e.jsx(De,{to:`/item/${s.item.contractAddress}/${s.item.itemId}`,state:{item:s.item},"aria-label":s.item.name}),e.jsx(Ue,{src:s.item.thumbnail,alt:"",loading:"lazy"}),e.jsxs(T,{children:[e.jsx(z,{children:s.item.name}),s.item.creator?e.jsx(qe,{to:`/items/creator/${s.item.creator}`,children:e.jsx($e,{address:s.item.creator})}):null,e.jsxs(P,{children:[s.state!=="unavailable"?e.jsxs(Qe,{children:[e.jsx(E,{size:15}),s.item.priceCredits.toLocaleString()]}):null,s.state==="unavailable"?e.jsx(v,{children:a("outfits.card.unavailable")}):s.state==="own_listing"?e.jsx(v,{children:a("outfits.detail.yourListing")}):s.state==="in_cart"?e.jsx(v,{children:a("outfits.detail.inCart")}):null,e.jsx(ot,{item:s.item})]})]})]}):e.jsxs(e.Fragment,{children:[e.jsx(Ve,{className:n.isLoading?"skeleton":void 0,"aria-hidden":!0}),e.jsx(T,{children:n.isLoading?e.jsx(z,{children:e.jsx("span",{className:"skeleton",style:{display:"block",width:"70%",height:14}})}):e.jsxs(e.Fragment,{children:[e.jsx(z,{className:"muted",children:a("outfits.card.unavailable")}),e.jsx(P,{children:e.jsx(v,{children:a("outfits.card.unavailable")})})]})})]})},s.key))}),ee&&c.ownListing.length>0?e.jsx(Xe,{className:"muted small",children:a("outfits.detail.yourListingHint")}):null]}),e.jsxs(Ze,{"data-testid":"outfit-detail-ctabar",children:[e.jsxs(Je,{children:[e.jsx(et,{children:a("outfits.detail.totalPrice")}),n.isLoading?e.jsx("span",{className:"skeleton",style:{width:64,height:26},"aria-hidden":!0}):e.jsxs(tt,{children:[e.jsx(E,{size:22}),r.toLocaleString()]})]}),n.isLoading?e.jsx("span",{className:"skeleton",style:{width:"100%",height:52,borderRadius:26},"aria-hidden":!0}):e.jsxs(it,{variant:"purple","data-testid":"outfit-detail-cta",onClick:I,disabled:m||b===0,"aria-busy":m||void 0,children:[m?a("outfits.card.adding"):b>0?a("outfits.detail.addCount",{count:b}):g>0?a("outfits.detail.nothingToAdd"):a("outfits.card.unavailable"),!m&&b>0?e.jsxs(st,{children:[e.jsx(E,{size:16}),r.toLocaleString()]}):null]})]})]})]})]})]})}export{bt as OutfitDetail,bt as default};

package/_assets/Success-lmJVKgtL.js

@@ -1,280 +0,0 @@
-import{a as E,b as F,j as e,N as M,r as S}from"./react-BYHuwl8r.js";import{t as P,s as t,z as B,J as W,K as O,o as _,x as q,b as n,y as J,C as U,L as D,M as H,c as T,B as K,N as X}from"./index-D7dTUoYt.js";import{C as Q}from"./Confetti-D7bsXMqQ.js";import{w as Y,S as G}from"./buy-gasless-BuzErI_K.js";import"./dcl-schemas-CmtP3U6y.js";import"./sentry-Dx-KuLV3.js";import"./ethers-BDpbhgX6.js";import"./intl-CBcMB1D2.js";import"./authorizations-CbXH-W_L.js";import"./sendMetaTransaction-De85nOcx.js";import"./buy-BllmT-mt.js";const{colors:s,radius:f}=P,m="@media (max-width: 600px)",I=t.div`
-  /* Its own stacking context, above the confetti layer (z-index 0). Needed because z-index is inert without
-     a position, so the content would otherwise sit below the burst regardless of order. */
-  position: relative;
-  z-index: 1;
-  max-width: 895px;
-  margin: 0 auto;
-  padding: 32px 12px;
-  min-height: 72vh;
-`,V=t.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  text-align: center;
-  justify-content: center;
-  min-height: 60vh;
-`,Z=t.span`
-  margin: 4px auto 8px;
-  width: 40px;
-  height: 40px;
-`,$=t.h1`
-  font-size: clamp(30px, 4vw, 42px);
-  font-weight: 800;
-  letter-spacing: -0.02em;
-  margin: 20px 0 8px;
-`,C=t.p`
-  font-size: 18px;
-  color: #4b4b57;
-  margin: 0 0 22px;
-`,w=t.div`
-  display: flex;
-  gap: 18px;
-  justify-content: center;
-  margin: 0 0 20px;
-
-  &[data-receipt] {
-    justify-content: flex-end;
-    margin: 0;
-  }
-`,ee=t.a`
-  display: inline-block;
-  margin: 0;
-  color: ${s.accent};
-  font-weight: 600;
-  font-size: 14px;
-  text-decoration: none;
-`,L=t.div`
-  display: flex;
-  gap: 12px;
-  flex-wrap: wrap;
-  justify-content: center;
-`,te=t.div`
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-  width: 100%;
-`,ne=t.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 16px;
-  padding: 24px 16px;
-  background: #e0f7e7;
-  border: 1px solid #34ce77;
-  border-radius: 16px;
-`,ie=t.span`
-  flex-shrink: 0;
-  width: 60px;
-  height: 60px;
-  line-height: 0;
-`,se=t.p`
-  flex: 1;
-  margin: 0;
-  text-align: center;
-  font-size: 20px;
-  line-height: 1.334;
-  color: ${s.text2};
-
-  & b {
-    font-weight: 700;
-  }
-`,re=t.div`
-  display: flex;
-  flex-direction: column;
-  padding: 24px;
-  background: ${s.white};
-  border: 1px solid ${s.gray4};
-  border-radius: 16px;
-`,oe=t.div`
-  display: flex;
-  flex-direction: column;
-`,ce=t.span`
-  display: block;
-  height: 1px;
-  margin: 12px 0;
-  background: ${s.gray4};
-`,ae=t.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 8px;
-  min-height: 109px;
-  margin-bottom: 12px;
-  padding: 8px 24px;
-  border-radius: ${f.btn};
-  background: #f4e9ff;
-  color: ${s.text};
-`,de=t(B)`
-  width: 30px;
-  height: 30px;
-  color: ${s.text};
-`,le=t.p`
-  display: inline-flex;
-  align-items: baseline;
-  gap: 6px;
-  margin: 0;
-`,xe=t.span`
-  font-size: 24px;
-  font-weight: 700;
-  text-transform: capitalize;
-`,pe=t.span`
-  font-size: 14px;
-  font-weight: 400;
-`,he=t.div`
-  display: flex;
-  align-items: center;
-  gap: 12px;
-`,ue=t.div`
-  position: relative;
-  flex-shrink: 0;
-  width: 137px;
-  height: 137px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: ${s.media};
-  border: 0.134px solid ${s.muted2};
-  border-radius: ${f.btn};
-  overflow: hidden;
-
-  & img {
-    width: 83%;
-    height: 83%;
-    object-fit: contain;
-    filter: drop-shadow(0.56px 2.24px 2.8px rgba(0, 0, 0, 0.1));
-  }
-
-  ${m} {
-    width: 96px;
-    height: 96px;
-  }
-`,ge=t.span`
-  position: absolute;
-  top: 8px;
-  left: 8px;
-  width: 20px;
-  height: 20px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: ${s.dclRed};
-  border-radius: ${f.chip};
-  line-height: 0;
-`,fe=t.div`
-  flex: 1;
-  min-width: 0;
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-  padding: 8px;
-`,me=t.div`
-  font-weight: 600;
-  font-size: 20px;
-  line-height: 1.57;
-  color: ${s.text};
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-
-  ${m} {
-    font-size: 16px;
-  }
-`,je=t.span`
-  margin-left: 8px;
-  font-weight: 600;
-  font-size: 13px;
-  color: ${s.muted};
-`,we=t(W)`
-  position: relative;
-  z-index: 1;
-  color: ${s.muted};
-  font-size: 10px;
-
-  & [data-avatar] {
-    display: none;
-  }
-`,be=t.div`
-  flex-shrink: 0;
-  display: flex;
-  align-items: center;
-  gap: 4px;
-  padding: 8px;
-  font-weight: 600;
-  font-size: 21px;
-  color: ${s.text2};
-  white-space: nowrap;
-
-  ${m} {
-    font-size: 18px;
-  }
-`,ye=t(B)`
-  width: 22px;
-  height: 22px;
-`,ve=t.div`
-  display: flex;
-  gap: 12px;
-  align-items: center;
-  justify-content: flex-end;
-
-  ${m} {
-    flex-direction: column-reverse;
-  }
-`,N=O`
-  flex: 1;
-  min-width: 0;
-  height: 48px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  gap: 12px;
-  padding: 0 24px;
-  border-radius: ${f.btn};
-  font-weight: 600;
-  font-size: 15px;
-  letter-spacing: 0.04em;
-  text-transform: uppercase;
-  text-decoration: none;
-  cursor: pointer;
-  transition:
-    filter 0.15s ease,
-    background 0.15s ease;
-
-  &[data-variant='ghost'] {
-    background: transparent;
-    border: 2px solid ${s.accent};
-    color: ${s.accent};
-  }
-  &[data-variant='ghost']:hover {
-    background: rgba(105, 31, 169, 0.06);
-  }
-  &[data-variant='ruby'] {
-    background: ${s.dclRed};
-    border: 0;
-    color: ${s.softWhite};
-  }
-  &[data-variant='ruby']:hover {
-    filter: brightness(0.95);
-  }
-
-  ${m} {
-    width: 100%;
-    flex: none;
-  }
-`,ke=t.button`
-  ${N};
-`,$e=t.a`
-  ${N};
-`,Ce=t.span`
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 32px;
-  height: 32px;
-  border: 2.5px solid rgba(252, 252, 252, 0.5);
-  border-radius: ${f.btn};
-  line-height: 0;
-`,z=t(K)`
-  min-width: 160px;
-  text-align: center;
-`;function ze(l){return null}const Re=l=>new Promise(a=>setTimeout(a,l));function Ae(l,a){const[i,c]=S.useState(l?"pending":"confirmed"),x=a?`${a.owner}-${a.contractAddress}-${a.itemId}`:"";return S.useEffect(()=>{if(!l)return;let d=!1;return(async()=>{let g=!1;for(let r=0;r<20&&!d;r++)try{await Y(l,{timeoutMs:15e3}),g=!0;break}catch(y){if(y instanceof G)continue;d||c("failed");return}if(!d){if(!g){c("timed-out");return}if(!a){c("confirmed");return}c("indexing");for(let r=0;r<40&&!d;r++){if(await X(a.owner,a.contractAddress,a.itemId)){d||c("confirmed");return}await Re(3e3)}d||c("timed-out")}})(),()=>{d=!0}},[l,x]),i}const Se=T.chainId===80002?"https://decentraland.zone/jump":"https://decentraland.org/jump",Ie=T.chainId===80002?"https://amoy.polygonscan.com/tx/":"https://polygonscan.com/tx/";function Je(){var A;const{state:l,search:a}=E(),i=l??ze(),c=F(),{session:x}=_(),d=i==null?void 0:i.txHash,b=(i==null?void 0:i.items)??[],g=i!=null&&i.creditsAdded&&i.creditsAdded>0?i.creditsAdded:null,r=b[0],y=x!=null&&x.address&&(r!=null&&r.contractAddress)&&(r!=null&&r.itemId)?{owner:x.address,contractAddress:r.contractAddress,itemId:r.itemId}:null,u=Ae(i!=null&&i.settled?void 0:d,y);q({title:n("seo.success.title"),noindex:!0});const p=b;if(p.length===0)return e.jsx(M,{to:"/items",replace:!0});const R=p[0],j=(A=i==null?void 0:i.txHashes)!=null&&A.length?i.txHashes:d?[d]:[],h=j.length>0&&J(x==null?void 0:x.providerType)?j.map((o,v)=>e.jsx(ee,{href:`${Ie}${o}`,target:"_blank",rel:"noreferrer",children:j.length>1?n("success.viewTransactionNumbered",{n:v+1,total:j.length}):n("success.viewTransaction")},o)):null;return u!=="confirmed"?e.jsx(I,{children:e.jsx(V,{children:u==="pending"||u==="indexing"?e.jsxs(e.Fragment,{children:[e.jsx(Z,{className:"spinner","aria-hidden":!0}),e.jsx($,{children:u==="indexing"?n("success.finalizing"):n("success.processing")}),e.jsx(C,{children:u==="indexing"?e.jsxs(e.Fragment,{children:[n("success.indexingBefore")," ",p.length===1?e.jsx("strong",{children:R.name}):n("success.itemCount",{count:p.length})," ",n("success.indexingAfter")]}):e.jsxs(e.Fragment,{children:[n("success.confirmingBefore")," ",p.length===1?e.jsx("strong",{children:R.name}):n("success.itemCount",{count:p.length})," ",n("success.confirmingAfter")]})}),h?e.jsx(w,{children:h}):null]}):u==="timed-out"?e.jsxs(e.Fragment,{children:[e.jsx($,{children:n("success.stillProcessingTitle")}),e.jsxs(C,{children:[n("success.timedOutBefore")," ",e.jsx("button",{className:"link",onClick:()=>c("/activity"),children:n("nav.activity")})," ",n("success.timedOutAfter")]}),h?e.jsx(w,{children:h}):null,e.jsxs(L,{children:[e.jsx(z,{variant:"purple",onClick:()=>c("/activity"),children:n("success.viewActivity")}),e.jsx(z,{variant:"ghost",onClick:()=>c("/items"),children:n("success.keepShopping")})]})]}):e.jsxs(e.Fragment,{children:[e.jsx($,{children:n("success.failedTitle")}),e.jsx(C,{children:n("success.failedBody")}),h?e.jsx(w,{children:h}):null,e.jsx(L,{children:e.jsx(z,{variant:"purple",onClick:()=>c("/items"),children:n("success.backToShop")})})]})})}):e.jsxs(I,{children:[e.jsx(Q,{}),e.jsxs(te,{children:[e.jsxs(ne,{role:"status",children:[e.jsx(ie,{"aria-hidden":!0,children:e.jsxs("svg",{viewBox:"0 0 60 60",width:"60",height:"60",children:[e.jsx("circle",{cx:"30",cy:"30",r:"30",fill:"#34ce77"}),e.jsx("path",{d:"M18 31l8 8 16-18",fill:"none",stroke:"#fff",strokeWidth:"4.5",strokeLinecap:"round",strokeLinejoin:"round"})]})}),e.jsxs(se,{children:[e.jsx("b",{children:n("success.bannerTitle")})," ",n("success.bannerBody")]})]}),e.jsxs(re,{children:[g?e.jsxs(ae,{"data-testid":"success-credits",children:[e.jsx(de,{}),e.jsxs(le,{children:[e.jsx(xe,{children:n("getCredits.creditsAmount",{credits:g,currency:U.name})})," ",e.jsx(pe,{children:n("getCredits.creditsAdded")})]})]}):null,p.map((o,v)=>{const k=o.quantity??1;return e.jsxs(oe,{children:[v>0?e.jsx(ce,{"aria-hidden":!0}):null,e.jsxs(he,{children:[e.jsxs(ue,{children:[o.thumbnail?e.jsx("img",{src:o.thumbnail,alt:""}):null,e.jsx(ge,{"aria-hidden":!0,children:e.jsx("svg",{viewBox:"0 0 18 18",width:"12",height:"12",children:e.jsx("path",{d:"M4 9l3.5 3.5L14 5",fill:"none",stroke:"#fff",strokeWidth:"2.4",strokeLinecap:"round",strokeLinejoin:"round"})})})]}),e.jsxs(fe,{children:[e.jsxs(me,{title:o.name,children:[o.name||n("buyModal.itemFallback"),k>1?e.jsx(je,{children:n("cartCheckout.qty",{count:k})}):null]}),o.creator?e.jsx(we,{address:o.creator,linkToProfile:!0}):null]}),e.jsxs(be,{children:[e.jsx(ye,{}),e.jsx("span",{children:D(o.priceCredits*k)})]})]})]},o.id)})]}),h?e.jsx(w,{"data-receipt":!0,children:h}):null,e.jsxs(ve,{children:[e.jsx(ke,{"data-variant":"ghost",onClick:()=>c(H(p.map(o=>o.category))),children:n("success.myAssets")}),e.jsxs($e,{"data-variant":"ruby",href:Se,target:"_blank",rel:"noreferrer",children:[n("success.tryInWorld"),e.jsx(Ce,{"aria-hidden":!0,children:e.jsx("svg",{viewBox:"0 0 24 24",width:"20",height:"20",children:e.jsx("path",{d:"M5 12h12M13 7l5 5-5 5",fill:"none",stroke:"#fcfcfc",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})})]})]})]})]})}export{Je as Success,Je as default};

package/_assets/collectionPage.styles-BgKDi1Aa.js

@@ -1,49 +0,0 @@
-import{j as r}from"./react-BYHuwl8r.js";import{t as c,s,Y as d,o as C,az as y,aA as A,b as i,z as v,B as w,E as $}from"./index-D7dTUoYt.js";const S="https://cdn.decentraland.org/@dcl/shop/1.0.2-31061650925.commit-fa244eb/_assets/default-cover-7vUE644d.jpeg",{colors:l,radius:j}=c,z=s.div`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 16px;
-  flex-wrap: wrap;
-  padding: 12px 16px;
-  margin-bottom: 20px;
-  border: 1px solid ${l.line};
-  border-radius: ${j.card};
-  background: ${l.media};
-`,k=s.span`
-  display: inline-flex;
-  align-items: center;
-  gap: 6px;
-  font-weight: 600;
-  color: ${l.text};
-`;function B({items:p,source:u}){const g=d(t=>t.add),m=d(t=>t.items.map(a=>a.id)),x=C(t=>{var a;return(a=t.session)==null?void 0:a.address}),o=p.filter(t=>!y(t)&&!A(t,x));if(o.length===0)return null;const f=new Set(m),e=o.filter(t=>!f.has(t.id)),h=o.reduce((t,a)=>t+a.priceCredits,0);function b(){e.forEach(t=>g(t,u)),$.success(i("addAll.added",{count:e.length}))}return r.jsxs(z,{children:[r.jsxs(k,{children:[i("addAll.forSale",{count:o.length})," · ",r.jsx(v,{size:16})," ",h.toLocaleString()]}),r.jsx(w,{variant:"purple",size:"sm",onClick:b,disabled:e.length===0,children:e.length===0?i("addAll.allInCart"):i("addAll.addAll",{count:e.length})})]})}const{colors:n}=c,I=s.div`
-  max-width: 1721px;
-  margin: 0 auto;
-`,P=s.nav`
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  font-size: 13px;
-  color: ${n.gray4};
-  margin-bottom: 18px;
-`,R=s.button`
-  background: none;
-  border: 0;
-  padding: 0;
-  color: ${n.gray4};
-  cursor: pointer;
-
-  &:hover {
-    color: ${n.white};
-  }
-`,U=s.span`
-  color: ${n.softWhite};
-  font-weight: 600;
-`,W=s.div`
-  display: flex;
-  align-items: center;
-  min-height: 44px;
-  margin-bottom: 16px;
-`,O=s.span`
-  color: ${n.muted};
-  font-weight: 600;
-`;export{B as A,P as C,I as P,R as a,U as b,W as c,S as d,O as e};