@dcl/shop 0.5.1-30941423866.commit-16bb43e → 0.5.1-30942936446.commit-2065145

package/_assets/Creator-9YR9zS8U.js

@@ -0,0 +1,306 @@
+import{d as de,j as e,L as Pe,u as Fe,e as Le,r as f}from"./react-DehiWSvs.js";import{t as he,E as Ae,G as J,F as X,s,by as Ie,ar as Re,bz as ze,b as o,bA as Be,bB as ee,B as Me,ab as me,V as xe,bd as _e,l as Te,w as ue,bk as We,be as De,bf as Ge,I as te,c as Oe,n as Ke,u as Ue,ac as He,ae as A,af as oe,bC as re,bD as Ve}from"./index-BmdBaCyf.js";import{d as qe,P as Qe,C as Ye,a as Ze,b as Je,A as Xe,c as et,e as tt}from"./collectionPage.styles-DnFAUb4Q.js";import{g as ot,h as rt,i as it,j as st,k as at,C as nt,l as lt,o as ct,m as dt,n as ht,M as mt,E as xt,p as ut,q as pt,r as gt,s as ft,t as bt}from"./Assets.styles-Dwkb-T-5.js";import{S as ie,R as wt,F as jt,e as vt}from"./categories-CD0l2-IJ.js";import{L as se}from"./LoadMore-CDsECC_S.js";import{u as ae}from"./useInfiniteGrid-Crt1jGuz.js";import{E as W}from"./ErrorNotice-B-k-8lgH.js";import{G as ne}from"./grid.styles-V4B-yWuT.js";import"./sentry-973sfbO9.js";import"./dcl-schemas-Dr9BTjb7.js";import"./ethers-CtNGBird.js";import"./intl-CBcMB1D2.js";import"./Tooltip-POp1BJ4y.js";function yt(r){const{gridLoading:i,gridError:a,gridCount:n,baselinePending:h,baselineError:l,baselineCount:m}=r;return i?"skeletons":a?"error":n>0?"items":h?"skeletons":l?"error":m===0?"no-creations":"filters"}const{colors:b,radius:pe,media:Ct}=he,kt=s.article`
+  height: 300px;
+  background: ${b.bg};
+  border-radius: ${pe.card};
+  overflow: hidden;
+  position: relative;
+  isolation: isolate;
+  display: flex;
+  flex-direction: column;
+  cursor: pointer;
+  transition: box-shadow 0.15s ease;
+
+  &::after {
+    ${Ae};
+  }
+
+  &:focus-visible {
+    ${J};
+  }
+  &:focus-visible::after {
+    ${X};
+  }
+
+  // The swap is a pointer affordance only: keyboard focus must not hide the creator row, whose profile
+  // link is focusable (visibility: hidden would drop it from the tab order). Enter/Space on the card
+  // already opens the collection.
+  @media (hover: hover) {
+    &:hover {
+      ${J};
+    }
+    &:hover::after {
+      ${X};
+    }
+    &:hover [data-view] {
+      visibility: visible;
+    }
+    &:hover [data-meta] {
+      visibility: hidden;
+    }
+  }
+`,$t=s.div`
+  position: relative;
+  flex: 1;
+  min-height: 0;
+  background: ${b.media};
+  overflow: hidden;
+`,St=s.img`
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  display: block;
+`,Nt=s(Ie)`
+  & [data-testid='coll-thumb-cell'] img {
+    object-fit: contain;
+    padding: 10px;
+  }
+`,Et=s.div`
+  flex: 0 0 102px;
+  height: 102px;
+  padding: 12px 14px;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+`,Pt=s.h3`
+  margin: 0;
+  font-weight: 700;
+  font-size: 18px;
+  line-height: 1.3;
+  color: ${b.text};
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+
+  ${Ct.maxWidth("mobile")} {
+    font-size: 16px;
+  }
+`,Ft=s.div`
+  flex: 1;
+  min-height: 0;
+  display: grid;
+  grid-template-areas: 'stack';
+  align-items: center;
+
+  & > * {
+    grid-area: stack;
+  }
+`,Lt=s.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 10px;
+`,At=s(Re)`
+  min-width: 0;
+  color: ${b.muted};
+
+  & [data-avatar] {
+    width: 24px;
+    height: 24px;
+  }
+  & [data-testid='creator-name'] {
+    font-size: 14px;
+  }
+  & [data-testid='creator-display'] {
+    color: ${b.dclRed};
+    font-weight: 700;
+  }
+`,It=s.span`
+  min-width: 0;
+`,Rt=s.span`
+  flex: none;
+  color: ${b.text};
+  font-weight: 600;
+  font-size: 14px;
+  white-space: nowrap;
+`,zt=s.button`
+  visibility: hidden;
+  width: 100%;
+  height: 44px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: ${b.accent};
+  color: ${b.softWhite};
+  border: 0;
+  border-radius: ${pe.btn};
+  font-weight: 700;
+  font-size: 13px;
+  text-transform: uppercase;
+  letter-spacing: 0.046em;
+  transition: background 0.15s ease;
+
+  &:hover {
+    background: ${b.accentHover};
+  }
+  &:active {
+    background: ${b.accentActive};
+  }
+`;function Bt({collection:r,cover:i,itemCount:a}){const n=de(),{contractAddress:h,name:l,creator:m}=r,C=i==null||a==null,{data:x}=ze(h,C),j=i==null?(x==null?void 0:x.items)??[]:[],g=a??(x==null?void 0:x.total);function w(){n(`/collection/${h}`)}return e.jsxs(kt,{"data-testid":"coll-card",role:"link",tabIndex:0,onClick:w,onKeyDown:u=>{(u.key==="Enter"||u.key===" ")&&(u.preventDefault(),w())},children:[e.jsx($t,{children:i?e.jsx(St,{"data-testid":"coll-card-img",src:i,alt:"",loading:"lazy"}):j.length>0?e.jsx(Nt,{items:j,tinted:!1}):null}),e.jsxs(Et,{children:[e.jsx(Pt,{title:l,children:l}),e.jsxs(Ft,{children:[e.jsxs(Lt,{"data-meta":!0,"data-testid":"coll-card-meta",children:[m?e.jsx(At,{address:m,linkToProfile:!0}):e.jsx(It,{children:" "}),e.jsx(Rt,{children:g==null?"…":o("collectionCard.itemCount",{count:g})})]}),e.jsx(zt,{"data-view":!0,"data-testid":"coll-card-view",onClick:u=>{u.stopPropagation(),w()},tabIndex:-1,children:o("collectionCard.viewCollection")})]})]})]})}function Mt({address:r,className:i=""}){const a=Be(),n=ee(l=>l.followed.includes(r.toLowerCase())),h=ee(l=>l.toggle);return!a||!r?null:e.jsx(Me,{type:"button",size:"sm",variant:n?"ghost":"outline",className:i||void 0,"data-testid":"follow-button","aria-pressed":n,title:n?o("creator.unfollowTitle"):o("creator.followTitle"),onClick:()=>h(r),children:n?o("creator.following"):o("creator.follow")})}const{colors:y,radius:ge,media:v}=he,fe=me`
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  height: 44px;
+  padding: 0 28px;
+  border: 2px solid ${y.white};
+  border-radius: ${ge.btn};
+  background: transparent;
+  color: ${y.white};
+  font-weight: 600;
+  font-size: 13px;
+  text-transform: uppercase;
+  letter-spacing: 0.046em;
+  text-decoration: none;
+`,_t=s.section`
+  position: relative;
+  border-radius: ${ge.card};
+  overflow: hidden;
+  margin-bottom: 24px;
+  min-height: 360px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  && .creator-hero__follow {
+    ${fe};
+  }
+  && .creator-hero__follow:hover:not(:disabled) {
+    background: rgba(255, 255, 255, 0.14);
+  }
+
+  ${v.maxWidth("mobile")} {
+    min-height: 260px;
+  }
+`,Tt=s.div`
+  position: absolute;
+  inset: 0;
+  z-index: 0;
+`,Wt=s.img`
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  display: block;
+`,Dt=s.div`
+  position: absolute;
+  inset: 0;
+  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.55) 100%);
+`,Gt=s.div`
+  position: absolute;
+  top: 16px;
+  right: 16px;
+  z-index: 2;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+
+  ${v.maxWidth("mobile")} {
+    top: 12px;
+    right: 12px;
+    gap: 6px;
+  }
+`,be=me`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: ${y.white};
+  transition: opacity 0.15s linear;
+
+  &:hover {
+    opacity: 0.8;
+  }
+  & .ico {
+    width: 36px;
+    height: 36px;
+  }
+  ${v.maxWidth("mobile")} {
+    & .ico {
+      width: 30px;
+      height: 30px;
+    }
+  }
+`,Ot=s.a`
+  ${be};
+`,Kt=s(Pe)`
+  ${be};
+  width: 32px;
+  height: 32px;
+  border-radius: 50%;
+  border: 2px solid ${y.white};
+  transition: background-color 0.15s linear;
+
+  &:hover {
+    opacity: 1;
+    background: rgba(255, 255, 255, 0.24);
+  }
+  & .ico {
+    width: 16px;
+    height: 16px;
+  }
+  ${v.maxWidth("mobile")} {
+    width: 28px;
+    height: 28px;
+    & .ico {
+      width: 14px;
+      height: 14px;
+    }
+  }
+`,Ut=s.div`
+  position: relative;
+  z-index: 1;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  text-align: center;
+  gap: 24px;
+  padding: 32px 20px;
+
+  ${v.maxWidth("mobile")} {
+    padding: 56px 16px 24px;
+  }
+`,le=s.img`
+  display: block;
+  width: 112px;
+  height: 112px;
+  border-radius: 50%;
+  object-fit: cover;
+  border: 4px solid ${y.white};
+  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3);
+  background: #ff4bed;
+
+  ${v.maxWidth("mobile")} {
+    width: 88px;
+    height: 88px;
+  }
+`,Ht=s.h2`
+  margin: 0;
+  font-size: 18px;
+  font-weight: 700;
+  color: ${y.white};
+  line-height: 1.6;
+
+  ${v.maxWidth("mobile")} {
+    font-size: 16px;
+  }
+`,Vt=s.p`
+  margin: 0;
+  font-size: 15px;
+  color: ${y.white};
+  line-height: 1.6;
+  max-width: 520px;
+
+  ${v.maxWidth("mobile")} {
+    font-size: 14px;
+  }
+`,qt=s.div`
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  flex-wrap: wrap;
+  justify-content: center;
+`,Qt=s.a`
+  ${fe};
+  transition: background 0.15s ease;
+
+  &:hover {
+    background: rgba(255, 255, 255, 0.14);
+  }
+`,Yt={website:"website",twitter:"twitter",discord:"discord",facebook:"facebook"};function Zt({address:r}){var u,k;const{data:i}=xe(r),{data:a}=_e(r),n=Te(c=>{var $;return($=c.session)==null?void 0:$.address}),h=!!n&&n.toLowerCase()===r.toLowerCase(),l=(i==null?void 0:i.name)||ue(r),m=(k=(u=i==null?void 0:i.avatar)==null?void 0:u.snapshots)==null?void 0:k.face256,C=(a==null?void 0:a.cover)||qe,x=a==null?void 0:a.description,j=`${Oe.profileUrl}/${r}`,g=We.filter(c=>a==null?void 0:a.links[c]),w=De(Ge({name:i==null?void 0:i.name,hasClaimedName:i==null?void 0:i.hasClaimedName,ethAddress:(i==null?void 0:i.ethAddress)??r}));return e.jsxs(_t,{"aria-label":`${l} storefront`,children:[e.jsxs(Tt,{children:[e.jsx(Wt,{src:C,alt:"",loading:"eager"}),e.jsx(Dt,{"aria-hidden":!0})]}),(g.length>0||h)&&e.jsxs(Gt,{children:[g.map(c=>e.jsx(Ot,{"data-testid":"creator-hero-link",href:(a==null?void 0:a.links[c])??"",target:"_blank",rel:"noopener noreferrer",title:o(`creator.link.${c}`),"aria-label":o(`creator.link.${c}`),children:e.jsx(te,{name:Yt[c]})},c)),h&&e.jsx(Kt,{to:"/store-settings",title:o("creator.editStore"),"aria-label":o("creator.editStore"),children:e.jsx(te,{name:"pen"})})]}),e.jsxs(Ut,{children:[m?e.jsx(le,{src:m,alt:"",loading:"eager",style:{backgroundColor:w}}):e.jsx(le,{as:"span","aria-hidden":!0,style:{backgroundColor:w}}),e.jsxs("div",{children:[e.jsx(Ht,{children:l}),x?e.jsx(Vt,{children:x}):null]}),e.jsxs(qt,{children:[e.jsx(Qt,{"data-testid":"creator-hero-view",href:j,target:"_blank",rel:"noopener noreferrer",children:o("creator.viewProfile")}),e.jsx(Mt,{address:r,className:"creator-hero__follow"})]})]})]})}const ce=48;function xo(){const{address:r}=Fe(),i=de(),[a]=Le(),n=a.has("collections"),{data:h}=xe(r),l=(h==null?void 0:h.name)||(r?ue(r):o("creator.fallbackName"));Ke({title:l,description:o("seo.creator.description",{name:l})});const[m,C]=f.useState("all"),[x,j]=f.useState(null),[g,w]=f.useState([]),[u,k]=f.useState(""),[c,$]=f.useState(""),[N,I]=f.useState("all"),[R,z]=f.useState(!1),[D,we]=f.useState("newest"),[P,E]=f.useState(!1);f.useEffect(()=>{if(!P)return;const t=T=>{T.key==="Escape"&&E(!1)};document.addEventListener("keydown",t);const d=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.removeEventListener("keydown",t),document.body.style.overflow=d}},[P]);const G=u&&!Number.isNaN(Number(u))?Number(u):void 0,O=c&&!Number.isNaN(Number(c))?Number(c):void 0,je=x?vt[x]:void 0,ve=(ie.find(t=>t.key===D)??ie[0]).server,K={creator:r,category:m,rarities:g.length?g:void 0,wearableCategories:je,minPriceCredits:G,maxPriceCredits:O,isWearableSmart:R||void 0,isOnSale:N==="all"?void 0:N==="on_sale",sortBy:ve},{items:B,total:ye,isLoading:Ce,isPlaceholderData:ke,error:U,hasNextPage:$e,isFetchingNextPage:H,isFetchNextPageError:Se,fetchNextPage:Ne}=ae(["creator-items",K],t=>re({...K,first:ce,skip:t}),{enabled:!!r&&!n}),F=Ue({queryKey:["creator-item-count",r],queryFn:()=>re({creator:r,first:1}).then(t=>t.total),enabled:!!r}),p=ae(["creator-collections",r],t=>Ve(r,{first:ce,skip:t}).then(d=>({items:d.collections,total:d.total})),{enabled:!!r&&n});function V(t){C(t),j(null),n&&q()}function q(){const t=new URLSearchParams(a);t.delete("collections");const d=t.toString();i({search:d?`?${d}`:""},{replace:!0})}function Ee(){if(n){q();return}const t=new URLSearchParams(a);t.delete("collections");const d=t.toString();i({search:d?`?${d}&collections`:"?collections"},{replace:!0})}function Q(t){w(d=>d.includes(t)?d.filter(T=>T!==t):[...d,t])}function Y(){C("all"),j(null),w([]),k(""),$(""),I("all"),z(!1)}const S=[];(m==="wearable"||m==="emote")&&S.push({key:"category",label:o(m==="emote"?"categories.emotes":"categories.wearables"),onRemove:()=>V("all")}),(G!=null||O!=null)&&S.push({key:"price",label:o("filter.price"),onRemove:()=>{k(""),$("")}});for(const t of wt)g.includes(t)&&S.push({key:`rarity-${t}`,label:He(t),onRemove:()=>Q(t)});R&&S.push({key:"smart",label:o("filter.smart"),onRemove:()=>z(!1)}),N!=="all"&&S.push({key:"status",label:N==="on_sale"?o("filter.onSale"):o("filter.notForSale"),onRemove:()=>I("all")});const L=yt({gridLoading:Ce||ke,gridError:!!U,gridCount:B.length,baselinePending:F.isPending,baselineError:F.isError,baselineCount:F.data}),M=L==="skeletons",Z=B.filter(t=>t.priceCredits>0),_=L==="items"||L==="skeletons"?null:L;return e.jsxs(Qe,{children:[e.jsxs(Ye,{"aria-label":o("creator.breadcrumbAria"),children:[e.jsx(Ze,{onClick:()=>i("/items"),children:o("creator.breadcrumb")}),e.jsx("span",{children:"/"}),e.jsx(Je,{children:l})]}),r?e.jsx(Zt,{address:r}):null,!n&&!M&&Z.length>0?e.jsx(Xe,{items:Z,source:"creator"}):null,e.jsxs(ot,{children:[P?e.jsx(rt,{onClick:()=>E(!1),"aria-hidden":!0}):null,e.jsxs(it,{"data-open":P||void 0,"data-testid":"creator-sidebar",children:[e.jsxs(st,{children:[e.jsx(at,{children:o("assets.filters")}),e.jsx(nt,{onClick:()=>E(!1),"aria-label":o("assets.closeFilters"),children:"✕"})]}),e.jsx(lt,{children:e.jsx(ct,{category:m,subCategory:x,onCategory:V,onSub:j,priceMin:u,priceMax:c,onPriceMin:k,onPriceMax:$,rarities:g,onToggleRarity:Q,status:N,onStatus:I,smart:R,onSmart:z,hideNames:!0,collections:n,onCollections:Ee})}),e.jsx(dt,{children:e.jsx(ht,{type:"button",onClick:()=>E(!1),children:o("assets.showItems")})})]}),e.jsx(mt,{children:n?e.jsxs(e.Fragment,{children:[e.jsx(et,{children:e.jsx(tt,{children:p.isLoading?"…":o("creator.collectionsCount",{count:p.total})})}),p.error?e.jsx(W,{message:o("creator.error")}):null,e.jsx(ne,{"data-variant":"collections",children:p.isLoading?e.jsx(A,{count:9}):e.jsxs(e.Fragment,{children:[p.items.map(t=>e.jsx(Bt,{collection:t,itemCount:t.itemCount},t.contractAddress)),p.isFetchingNextPage?e.jsx(A,{count:6}):null]})}),e.jsx(se,{hasNextPage:p.hasNextPage,isFetching:p.isFetchingNextPage,isError:p.isFetchNextPageError,onLoadMore:()=>void p.fetchNextPage()}),!p.isLoading&&!p.error&&p.items.length===0?e.jsx("p",{className:"muted",children:o("creator.collectionsEmpty")}):null]}):e.jsxs(e.Fragment,{children:[e.jsx(jt,{sort:D,onSort:we,total:ye,loading:M,onOpenFilters:()=>E(!0),chips:S,onClearChips:Y}),U?e.jsx(W,{message:o("creator.error"),testId:"creator-error"}):null,e.jsx(ne,{"data-testid":"creator-grid",children:M?e.jsx(A,{count:15}):e.jsxs(e.Fragment,{children:[B.map(t=>t.priceCredits>0?e.jsx(oe,{item:t},t.id):e.jsx(oe,{item:t,mode:"view"},t.id)),H?e.jsx(A,{count:6}):null]})}),e.jsx(se,{hasNextPage:$e,isFetching:H,isError:Se,onLoadMore:()=>void Ne()}),_==="error"?e.jsx(W,{message:o("creator.error"),testId:"creator-empty-error"}):_==="no-creations"?e.jsx("p",{className:"muted","data-testid":"creator-empty-none",children:o("creator.emptyNoCreations")}):_==="filters"?e.jsxs(xt,{"data-testid":"creator-empty-filters",children:[e.jsxs(ut,{children:[e.jsx(pt,{children:o("creator.emptyFilters.title")}),e.jsx(gt,{children:o("creator.emptyFilters.body",{count:F.data??0})})]}),e.jsx(ft,{children:e.jsx(bt,{type:"button",onClick:Y,children:o("filterBar.clearAll")})})]}):null]})})]})]})}export{xo as Creator,xo as default};

package/_assets/{ErrorNotice-SoCdrSmZ.js → ErrorNotice-B-k-8lgH.js}

@@ -1 +1 @@
-import{j as r}from"./react-DehiWSvs.js";import{I as i}from"./index-CqLzAYYu.js";function a({message:e,className:o,testId:t}){return e?r.jsxs("p",{className:o?`error-notice ${o}`:"error-notice","data-testid":t,role:"alert",children:[r.jsx(i,{name:"alert",className:"error-notice__ico",size:18}),r.jsx("span",{className:"error-notice__msg",children:e})]}):null}export{a as E};
+import{j as r}from"./react-DehiWSvs.js";import{I as i}from"./index-BmdBaCyf.js";function a({message:e,className:o,testId:t}){return e?r.jsxs("p",{className:o?`error-notice ${o}`:"error-notice","data-testid":t,role:"alert",children:[r.jsx(i,{name:"alert",className:"error-notice__ico",size:18}),r.jsx("span",{className:"error-notice__msg",children:e})]}):null}export{a as E};

package/_assets/{ExchangeController-CfUvjqK_.js → ExchangeController-CgsMU6Of.js}

@@ -1 +1 @@
-import{C as l,E as w,b as E,S as A,d as k,O as U,N as P,g as f,B as x,e as N,i as I,p as L}from"./W3MFrameProviderSingleton-DmUcIZ1-.js";import{g as T,a as W,f as b,b as _,c as v}from"./index-DNQcT8i8.js";const D=0,C={paymentAsset:null,amount:null,tokenAmount:0,priceLoading:!1,error:null,exchanges:[],isLoading:!1,currentPayment:void 0,isPaymentInProgress:!1,paymentId:"",assets:[]},e=L(C),m={state:e,subscribe(t){return I(e,()=>t(e))},subscribeKey(t,n){return N(e,t,n)},resetState(){Object.assign(e,{...C})},async getAssetsForNetwork(t){const n=v(t),s=await m.getAssetsImageAndPrice(n),r=n.map(a=>{var c,o,p,y;const u=a.asset==="native"?f():`${a.network}:${a.asset}`,i=s.find(S=>{var g,d,h;return((h=(d=(g=S.fungibles)==null?void 0:g[0])==null?void 0:d.address)==null?void 0:h.toLowerCase())===u.toLowerCase()});return{...a,price:((o=(c=i==null?void 0:i.fungibles)==null?void 0:c[0])==null?void 0:o.price)||1,metadata:{...a.metadata,iconUrl:(y=(p=i==null?void 0:i.fungibles)==null?void 0:p[0])==null?void 0:y.iconUrl}}});return e.assets=r,r},async getAssetsImageAndPrice(t){const n=t.map(r=>r.asset==="native"?f():`${r.network}:${r.asset}`);return await Promise.all(n.map(r=>x.fetchTokenPrice({addresses:[r]})))},getTokenAmount(){var s;if(!((s=e==null?void 0:e.paymentAsset)!=null&&s.price))throw new Error("Cannot get token price");const t=P.bigNumber(e.amount??0).round(8),n=P.bigNumber(e.paymentAsset.price).round(8);return t.div(n).round(8).toNumber()},setAmount(t){var n;e.amount=t,(n=e.paymentAsset)!=null&&n.price&&(e.tokenAmount=m.getTokenAmount())},setPaymentAsset(t){e.paymentAsset=t},isPayWithExchangeEnabled(){var t;return(t=U.state.remoteFeatures)==null?void 0:t.payWithExchange},isPayWithExchangeSupported(){return m.isPayWithExchangeEnabled()&&l.state.activeCaipNetwork&&k.PAY_WITH_EXCHANGE_SUPPORTED_CHAIN_NAMESPACES.includes(l.state.activeCaipNetwork.chainNamespace)},async fetchExchanges(){var t;try{const n=m.isPayWithExchangeSupported();if(!e.paymentAsset||!n){e.exchanges=[],e.isLoading=!1;return}e.isLoading=!0;const s=await _({page:D,asset:b(e.paymentAsset.network,e.paymentAsset.asset),amount:((t=e.amount)==null?void 0:t.toString())??"0"});e.exchanges=s.exchanges.slice(0,2)}catch{throw A.showError("Unable to get exchanges"),new Error("Unable to get exchanges")}finally{e.isLoading=!1}},async getPayUrl(t,n){try{const s=Number(n.amount),r=await W({exchangeId:t,asset:b(n.network,n.asset),amount:s.toString(),recipient:`${n.network}:${n.recipient}`});return w.sendEvent({type:"track",event:"PAY_EXCHANGE_SELECTED",properties:{exchange:{id:t},configuration:{network:n.network,asset:n.asset,recipient:n.recipient,amount:s},currentPayment:{type:"exchange",exchangeId:t},source:"fund-from-exchange",headless:!1}}),r}catch(s){throw s instanceof Error&&s.message.includes("is not supported")?new Error("Asset not supported"):new Error(s.message)}},async handlePayWithExchange(t){var n;try{const s=(n=l.getAccountData())==null?void 0:n.address;if(!s)throw new Error("No account connected");if(!e.paymentAsset)throw new Error("No payment asset selected");const r=E.returnOpenHref("","popupWindow","scrollbar=yes,width=480,height=720");if(!r)throw new Error("Could not create popup window");e.isPaymentInProgress=!0,e.paymentId=crypto.randomUUID(),e.currentPayment={type:"exchange",exchangeId:t};const{network:a,asset:u}=e.paymentAsset,i={network:a,asset:u,amount:e.tokenAmount,recipient:s},c=await m.getPayUrl(t,i);if(!c){try{r.close()}catch(o){console.error("Unable to close popup window",o)}throw new Error("Unable to initiate payment")}e.currentPayment.sessionId=c.sessionId,e.currentPayment.status="IN_PROGRESS",e.currentPayment.exchangeId=t,r.location.href=c.url}catch{e.error="Unable to initiate payment",A.showError(e.error)}},async waitUntilComplete({exchangeId:t,sessionId:n,paymentId:s,retries:r=20}){const a=await m.getBuyStatus(t,n,s);if(a.status==="SUCCESS"||a.status==="FAILED")return a;if(r===0)throw new Error("Unable to get deposit status");return await new Promise(u=>{setTimeout(u,5e3)}),m.waitUntilComplete({exchangeId:t,sessionId:n,paymentId:s,retries:r-1})},async getBuyStatus(t,n,s){var r,a,u,i,c;try{if(!e.currentPayment)throw new Error("No current payment");const o=await T({sessionId:n,exchangeId:t});if(e.currentPayment.status=o.status,o.status==="SUCCESS"||o.status==="FAILED"){const p=(r=l.getAccountData())==null?void 0:r.address;e.currentPayment.result=o.txHash,e.isPaymentInProgress=!1,w.sendEvent({type:"track",event:o.status==="SUCCESS"?"PAY_SUCCESS":"PAY_ERROR",properties:{message:o.status==="FAILED"?E.parseError(e.error):void 0,source:"fund-from-exchange",paymentId:s,configuration:{network:((a=e.paymentAsset)==null?void 0:a.network)||"",asset:((u=e.paymentAsset)==null?void 0:u.asset)||"",recipient:p||"",amount:e.amount??0},currentPayment:{type:"exchange",exchangeId:(i=e.currentPayment)==null?void 0:i.exchangeId,sessionId:(c=e.currentPayment)==null?void 0:c.sessionId,result:o.txHash}}})}return o}catch{return{status:"UNKNOWN",txHash:""}}},reset(){e.currentPayment=void 0,e.isPaymentInProgress=!1,e.paymentId="",e.paymentAsset=null,e.amount=0,e.tokenAmount=0,e.priceLoading=!1,e.error=null,e.exchanges=[],e.isLoading=!1}};export{m as E};
+import{C as l,E as w,b as E,S as A,d as k,O as U,N as P,g as f,B as x,e as N,i as I,p as L}from"./W3MFrameProviderSingleton-kdy7Kyep.js";import{g as T,a as W,f as b,b as _,c as v}from"./index-BuxC7_jg.js";const D=0,C={paymentAsset:null,amount:null,tokenAmount:0,priceLoading:!1,error:null,exchanges:[],isLoading:!1,currentPayment:void 0,isPaymentInProgress:!1,paymentId:"",assets:[]},e=L(C),m={state:e,subscribe(t){return I(e,()=>t(e))},subscribeKey(t,n){return N(e,t,n)},resetState(){Object.assign(e,{...C})},async getAssetsForNetwork(t){const n=v(t),s=await m.getAssetsImageAndPrice(n),r=n.map(a=>{var c,o,p,y;const u=a.asset==="native"?f():`${a.network}:${a.asset}`,i=s.find(S=>{var g,d,h;return((h=(d=(g=S.fungibles)==null?void 0:g[0])==null?void 0:d.address)==null?void 0:h.toLowerCase())===u.toLowerCase()});return{...a,price:((o=(c=i==null?void 0:i.fungibles)==null?void 0:c[0])==null?void 0:o.price)||1,metadata:{...a.metadata,iconUrl:(y=(p=i==null?void 0:i.fungibles)==null?void 0:p[0])==null?void 0:y.iconUrl}}});return e.assets=r,r},async getAssetsImageAndPrice(t){const n=t.map(r=>r.asset==="native"?f():`${r.network}:${r.asset}`);return await Promise.all(n.map(r=>x.fetchTokenPrice({addresses:[r]})))},getTokenAmount(){var s;if(!((s=e==null?void 0:e.paymentAsset)!=null&&s.price))throw new Error("Cannot get token price");const t=P.bigNumber(e.amount??0).round(8),n=P.bigNumber(e.paymentAsset.price).round(8);return t.div(n).round(8).toNumber()},setAmount(t){var n;e.amount=t,(n=e.paymentAsset)!=null&&n.price&&(e.tokenAmount=m.getTokenAmount())},setPaymentAsset(t){e.paymentAsset=t},isPayWithExchangeEnabled(){var t;return(t=U.state.remoteFeatures)==null?void 0:t.payWithExchange},isPayWithExchangeSupported(){return m.isPayWithExchangeEnabled()&&l.state.activeCaipNetwork&&k.PAY_WITH_EXCHANGE_SUPPORTED_CHAIN_NAMESPACES.includes(l.state.activeCaipNetwork.chainNamespace)},async fetchExchanges(){var t;try{const n=m.isPayWithExchangeSupported();if(!e.paymentAsset||!n){e.exchanges=[],e.isLoading=!1;return}e.isLoading=!0;const s=await _({page:D,asset:b(e.paymentAsset.network,e.paymentAsset.asset),amount:((t=e.amount)==null?void 0:t.toString())??"0"});e.exchanges=s.exchanges.slice(0,2)}catch{throw A.showError("Unable to get exchanges"),new Error("Unable to get exchanges")}finally{e.isLoading=!1}},async getPayUrl(t,n){try{const s=Number(n.amount),r=await W({exchangeId:t,asset:b(n.network,n.asset),amount:s.toString(),recipient:`${n.network}:${n.recipient}`});return w.sendEvent({type:"track",event:"PAY_EXCHANGE_SELECTED",properties:{exchange:{id:t},configuration:{network:n.network,asset:n.asset,recipient:n.recipient,amount:s},currentPayment:{type:"exchange",exchangeId:t},source:"fund-from-exchange",headless:!1}}),r}catch(s){throw s instanceof Error&&s.message.includes("is not supported")?new Error("Asset not supported"):new Error(s.message)}},async handlePayWithExchange(t){var n;try{const s=(n=l.getAccountData())==null?void 0:n.address;if(!s)throw new Error("No account connected");if(!e.paymentAsset)throw new Error("No payment asset selected");const r=E.returnOpenHref("","popupWindow","scrollbar=yes,width=480,height=720");if(!r)throw new Error("Could not create popup window");e.isPaymentInProgress=!0,e.paymentId=crypto.randomUUID(),e.currentPayment={type:"exchange",exchangeId:t};const{network:a,asset:u}=e.paymentAsset,i={network:a,asset:u,amount:e.tokenAmount,recipient:s},c=await m.getPayUrl(t,i);if(!c){try{r.close()}catch(o){console.error("Unable to close popup window",o)}throw new Error("Unable to initiate payment")}e.currentPayment.sessionId=c.sessionId,e.currentPayment.status="IN_PROGRESS",e.currentPayment.exchangeId=t,r.location.href=c.url}catch{e.error="Unable to initiate payment",A.showError(e.error)}},async waitUntilComplete({exchangeId:t,sessionId:n,paymentId:s,retries:r=20}){const a=await m.getBuyStatus(t,n,s);if(a.status==="SUCCESS"||a.status==="FAILED")return a;if(r===0)throw new Error("Unable to get deposit status");return await new Promise(u=>{setTimeout(u,5e3)}),m.waitUntilComplete({exchangeId:t,sessionId:n,paymentId:s,retries:r-1})},async getBuyStatus(t,n,s){var r,a,u,i,c;try{if(!e.currentPayment)throw new Error("No current payment");const o=await T({sessionId:n,exchangeId:t});if(e.currentPayment.status=o.status,o.status==="SUCCESS"||o.status==="FAILED"){const p=(r=l.getAccountData())==null?void 0:r.address;e.currentPayment.result=o.txHash,e.isPaymentInProgress=!1,w.sendEvent({type:"track",event:o.status==="SUCCESS"?"PAY_SUCCESS":"PAY_ERROR",properties:{message:o.status==="FAILED"?E.parseError(e.error):void 0,source:"fund-from-exchange",paymentId:s,configuration:{network:((a=e.paymentAsset)==null?void 0:a.network)||"",asset:((u=e.paymentAsset)==null?void 0:u.asset)||"",recipient:p||"",amount:e.amount??0},currentPayment:{type:"exchange",exchangeId:(i=e.currentPayment)==null?void 0:i.exchangeId,sessionId:(c=e.currentPayment)==null?void 0:c.sessionId,result:o.txHash}}})}return o}catch{return{status:"UNKNOWN",txHash:""}}},reset(){e.currentPayment=void 0,e.isPaymentInProgress=!1,e.paymentId="",e.paymentAsset=null,e.amount=0,e.tokenAmount=0,e.priceLoading=!1,e.error=null,e.exchanges=[],e.isLoading=!1}};export{m as E};

package/_assets/{GetCredits-DoaG2_0N.js → GetCredits-BWKjSlQH.js}

@@ -1,4 +1,4 @@
-import{d as he,e as xe,r as l,j as t}from"./react-DehiWSvs.js";import{s as i,t as e,o as B,q as ue,b as r,C as p,n as ge,x as fe,R as g,b3 as me,j as N,bc as U,I as ie,a_ as H,w as re,bv as D}from"./index-CqLzAYYu.js";import{R as K}from"./resume-buy-Bf0zIH7y.js";import{u as be,a as we,R as ye,c as ke,i as Ce,b as ve}from"./useCreditPacks-C5VR3CBS.js";import"./sentry-973sfbO9.js";import"./dcl-schemas-Dr9BTjb7.js";import"./ethers-CtNGBird.js";import"./intl-CBcMB1D2.js";import"./mana-convert-BvzeO7sG.js";const P="https://cdn.decentraland.org/@dcl/shop/0.5.1-30941423866.commit-16bb43e/_assets/pack-coins-BDh1ZDbh.webp",ne="https://cdn.decentraland.org/@dcl/shop/0.5.1-30941423866.commit-16bb43e/_assets/pack-stacks-D-V2jSHW.webp",oe="https://cdn.decentraland.org/@dcl/shop/0.5.1-30941423866.commit-16bb43e/_assets/pack-chest-BX_j84xW.webp",$e="https://cdn.decentraland.org/@dcl/shop/0.5.1-30941423866.commit-16bb43e/_assets/credit-coin-CmcTCd5i.webp",je="data:image/svg+xml,%3csvg%20width='60'%20height='60'%20viewBox='0%200%2060%2060'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='60'%20height='60'%20rx='30'%20fill='%2334CE77'/%3e%3cpath%20d='M21.6583%2046.1067L11.4656%2036.0591C10.1688%2034.829%2010.1905%2032.7207%2011.4769%2031.4622L13.6868%2029.3591C14.9732%2028.1006%2017.1615%2028.1058%2018.4582%2029.3359L23.8747%2034.6197L41.9704%2015.6527C43.2568%2014.3942%2045.4291%2014.2093%2046.7258%2015.4394L48.8765%2017.3628C50.1732%2018.5929%2050.3491%2020.6844%2049.0626%2021.9429L26.6112%2045.8766C25.1433%2047.342%2022.955%2047.3368%2021.6583%2046.1067Z'%20fill='%23FCFCFC'/%3e%3c/svg%3e",Se="https://cdn.decentraland.org/@dcl/shop/0.5.1-30941423866.commit-16bb43e/_assets/packs-backdrop-BcXiUPeP.webp",O="linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0)",Pe=i.div`
+import{d as he,e as xe,r as l,j as t}from"./react-DehiWSvs.js";import{s as i,t as e,m as B,n as ue,b as r,C as p,l as ge,v as fe,Q as g,b2 as me,y as N,bb as U,I as ie,aZ as H,q as re,bE as D}from"./index-BmdBaCyf.js";import{R as K}from"./resume-buy-Bf0zIH7y.js";import{u as be,a as we,R as ye,c as ke,i as Ce,b as ve}from"./useCreditPacks-DI0sJyEs.js";import"./sentry-973sfbO9.js";import"./dcl-schemas-Dr9BTjb7.js";import"./ethers-CtNGBird.js";import"./intl-CBcMB1D2.js";import"./mana-convert-DjCFeoQ3.js";const P="https://cdn.decentraland.org/@dcl/shop/0.5.1-30942936446.commit-2065145/_assets/pack-coins-BDh1ZDbh.webp",ne="https://cdn.decentraland.org/@dcl/shop/0.5.1-30942936446.commit-2065145/_assets/pack-stacks-D-V2jSHW.webp",oe="https://cdn.decentraland.org/@dcl/shop/0.5.1-30942936446.commit-2065145/_assets/pack-chest-BX_j84xW.webp",$e="https://cdn.decentraland.org/@dcl/shop/0.5.1-30942936446.commit-2065145/_assets/credit-coin-CmcTCd5i.webp",je="data:image/svg+xml,%3csvg%20width='60'%20height='60'%20viewBox='0%200%2060%2060'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='60'%20height='60'%20rx='30'%20fill='%2334CE77'/%3e%3cpath%20d='M21.6583%2046.1067L11.4656%2036.0591C10.1688%2034.829%2010.1905%2032.7207%2011.4769%2031.4622L13.6868%2029.3591C14.9732%2028.1006%2017.1615%2028.1058%2018.4582%2029.3359L23.8747%2034.6197L41.9704%2015.6527C43.2568%2014.3942%2045.4291%2014.2093%2046.7258%2015.4394L48.8765%2017.3628C50.1732%2018.5929%2050.3491%2020.6844%2049.0626%2021.9429L26.6112%2045.8766C25.1433%2047.342%2022.955%2047.3368%2021.6583%2046.1067Z'%20fill='%23FCFCFC'/%3e%3c/svg%3e",Se="https://cdn.decentraland.org/@dcl/shop/0.5.1-30942936446.commit-2065145/_assets/packs-backdrop-BcXiUPeP.webp",O="linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0)",Pe=i.div`
   display: flex;
   flex-direction: column;
   gap: 24px;
@@ -284,7 +284,7 @@ import{d as he,e as xe,r as l,j as t}from"./react-DehiWSvs.js";import{s as i,t a
   ${e.media.maxWidth("mobile")} {
     padding-top: 24px;
   }
-`,X=i.span`
+`,Q=i.span`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -417,7 +417,7 @@ import{d as he,e as xe,r as l,j as t}from"./react-DehiWSvs.js";import{s as i,t a
   font-size: 16px;
   line-height: 1.4;
   color: rgba(255, 255, 255, 0.88);
-`,Xe=B`
+`,Qe=B`
   0%, 100% {
     transform: scale(1);
     opacity: 1;
@@ -426,7 +426,7 @@ import{d as he,e as xe,r as l,j as t}from"./react-DehiWSvs.js";import{s as i,t a
     transform: scale(0.88);
     opacity: 0.7;
   }
-`,Qe=i.div`
+`,Xe=i.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -437,7 +437,7 @@ import{d as he,e as xe,r as l,j as t}from"./react-DehiWSvs.js";import{s as i,t a
 `,se=i.img`
   width: 61px;
   height: 61px;
-  animation: ${Xe} 1.2s ease-in-out infinite;
+  animation: ${Qe} 1.2s ease-in-out infinite;
 
   @media (prefers-reduced-motion: reduce) {
     animation: none;
@@ -641,7 +641,7 @@ import{d as he,e as xe,r as l,j as t}from"./react-DehiWSvs.js";import{s as i,t a
     outline: 2px solid ${e.colors.accent};
     outline-offset: 2px;
   }
-`,Q=i.div`
+`,X=i.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -668,4 +668,4 @@ import{d as he,e as xe,r as l,j as t}from"./react-DehiWSvs.js";import{s as i,t a
   margin: 0;
   font-family: ${e.font.sans};
   color: ${e.colors.err};
-`,v=Ce()?"mock":"stripe",ee=[P,P,ne,oe],bt={pack_5:P,pack_10:P,pack_25:ne,pack_50:oe};function ae(a,o){return bt[a.id]??ee[o%ee.length]}function wt(a,o){return a.artUrl??ae(a,o)}const yt="https://docs.decentraland.org";function te(a){const o=a;if((o==null?void 0:o.name)==="AbortError")return r("getCredits.errorCanceled");const f=((o==null?void 0:o.message)??"").toLowerCase();return f.includes("sign in")?r("getCredits.errorSignIn",{currency:p.name}):f.includes("timed out")?r("getCredits.errorTimeout",{currency:p.name}):r("getCredits.errorGeneric")}function At(){var W;ue({title:r("nav.getCredits",{currency:p.name}),noindex:!0});const a=he(),{session:o,signIn:f}=ge(),s=fe(),[m,b]=xe(),{packs:$,isLoading:y}=be(),[x,h]=l.useState("select"),[c,F]=l.useState(null),[j,L]=l.useState(null),de=(j!=null?(W=$.find(n=>n.credits===j))==null?void 0:W.artUrl:void 0)??$e,[ce,k]=l.useState(null),[le,_]=l.useState(!1),R=l.useRef(null);l.useEffect(()=>()=>{var n;return(n=R.current)==null?void 0:n.abort()},[]);const I=l.useCallback(()=>{b(n=>{const d=new URLSearchParams(n);return d.delete("order"),d.delete("canceled"),d},{replace:!0})},[b]),T=l.useCallback(async n=>{h("processing");const d=new AbortController;R.current=d;try{const u=await we(n,{signal:d.signal,address:o==null?void 0:o.address,identity:o==null?void 0:o.identity});if(u.status==="credited"){const w=u.creditsGranted??(c==null?void 0:c.credits)??0;L(w>0?w:null),h("success"),g("Shop Completed Buy Credits",{order_id:n,pack_usd:(c==null?void 0:c.usd)??null,credits:w>0?w:null,provider:v}),s.invalidateQueries({queryKey:["usd-balance"]});try{if(sessionStorage.getItem(ye)){const S={resumeCheckout:!0,...w>0?{creditsAdded:w}:{}};a("/cart",{state:S});return}}catch{}try{const S=sessionStorage.getItem(K);if(S){sessionStorage.removeItem(K);const M=JSON.parse(S),G=me(M);if(G){a(G,{state:{item:M,resumeBuy:!0}});return}}}catch{}}else u.status==="pending"?(g("Shop Buy Credits Pending",{step:"grant",pack_usd:(c==null?void 0:c.usd)??null}),s.invalidateQueries({queryKey:["usd-balance"]}),h("pending")):(g("Shop Buy Credits Failed",{step:"grant",error_code:"grant_failed",pack_usd:(c==null?void 0:c.usd)??null}),k(u.error??r("getCredits.errorGrant",{currency:p.name})),h("error"))}catch(u){N(u,{flow:"get_credits",step:"grant",order_id:n}),g("Shop Buy Credits Failed",{step:"grant",error_code:U(u),pack_usd:(c==null?void 0:c.usd)??null}),k(te(u)),h("error")}},[c,o,s,a]),pe=l.useCallback(async n=>{if(!o){f();return}k(null),_(!1),F(n),h(v==="mock"?"processing":"redirecting"),g("Shop Started Buy Credits",{pack_usd:n.usd,credits:n.credits,provider:v});try{const d=await ke(n.id,{address:o.address,identity:o.identity});if(d.mock)T(d.orderId);else if(d.url)g("Shop Redirected To Stripe",{order_id:d.orderId,pack_usd:n.usd,credits:n.credits}),window.location.href=d.url;else throw new Error("Checkout did not return a redirect url")}catch(d){N(d,{flow:"get_credits",step:"checkout",provider:v}),g("Shop Buy Credits Failed",{step:"checkout",error_code:U(d),pack_usd:n.usd}),k(te(d)),h("error")}},[o,f,T]),A=l.useRef(!1);l.useEffect(()=>{if(A.current)return;const n=m.get("order");if(m.get("canceled")!=null){A.current=!0,g("Shop Buy Credits Cancelled",{order_id:n,provider:v}),I(),_(!0),h("select");return}n&&(h("processing"),o&&(A.current=!0,I(),T(n)))},[m,o]);function z(){var n;(n=R.current)==null||n.abort(),h("select"),F(null),L(null),k(null),_(!1)}return t.jsxs(Pe,{children:[(x==="select"||x==="redirecting")&&t.jsxs(_e,{"data-testid":"credits-hero",children:[t.jsx(Re,{"aria-hidden":!0}),t.jsxs(Te,{$hidden:x==="redirecting",children:[t.jsxs(Ae,{children:[t.jsx(ze,{children:r("getCredits.title",{currency:p.name})}),t.jsxs(Be,{children:[t.jsx(Ee,{children:r("getCredits.subtitle",{currency:p.nameSingular})}),t.jsxs(Fe,{href:yt,target:"_blank",rel:"noreferrer",children:[r("getCredits.learnMore"),t.jsx(ie,{name:"link-out"})]})]})]}),le&&t.jsx(Le,{role:"status",children:r("getCredits.canceledNote")}),t.jsx(kt,{packs:$,loading:y,onSelect:n=>void pe(n)})]}),x==="redirecting"&&t.jsxs(Ve,{role:"status","aria-live":"polite",children:[t.jsx(Ze,{src:H,alt:"",width:72,height:72}),t.jsx(qe,{children:r("getCredits.redirecting")})]})]}),x==="processing"&&t.jsxs(Qe,{role:"status","aria-live":"polite",children:[t.jsx(se,{src:H,alt:"",width:61,height:61}),t.jsxs(Je,{children:[t.jsxs(et,{children:[t.jsx("strong",{children:r("getCredits.processing")}),"…"]}),t.jsxs(tt,{"aria-hidden":!0,children:[t.jsx(rt,{children:t.jsx(nt,{})}),t.jsx(ot,{children:"1/1"})]})]})]}),x==="success"&&t.jsxs(st,{role:"status","aria-live":"polite",children:[t.jsxs(at,{children:[t.jsx(dt,{src:je,alt:"",width:60,height:60}),t.jsxs(ct,{children:[t.jsx("strong",{children:r("getCredits.successTitle")})," ",r("getCredits.successBody",{currency:p.name})]})]}),j!=null&&t.jsx(lt,{children:t.jsxs(pt,{children:[t.jsx(ht,{src:de,alt:"",width:93,height:93}),t.jsxs(xt,{children:[t.jsx(re,{}),t.jsxs("span",{children:[t.jsx(ut,{children:r("getCredits.creditsAmount",{credits:j,currency:p.name})})," ",t.jsx(gt,{children:r("getCredits.creditsAdded")})]})]})]})}),t.jsxs(ft,{children:[t.jsx(C,{"data-variant":"outline",onClick:z,children:r("getCredits.buyMore",{currency:p.name})}),t.jsx(C,{onClick:()=>a("/items"),children:r("getCredits.startShopping")})]})]}),x==="pending"&&t.jsxs(Q,{role:"status","aria-live":"polite",children:[t.jsx(Z,{children:r("getCredits.pendingTitle",{currency:p.name})}),t.jsx(Ye,{children:r("getCredits.pendingBody")}),t.jsxs(J,{children:[t.jsx(C,{onClick:()=>a("/items"),children:r("getCredits.startShopping")}),t.jsx(C,{"data-variant":"outline",onClick:z,children:r("getCredits.done")})]})]}),x==="error"&&t.jsxs(Q,{role:"alert",children:[t.jsx(Z,{"data-tone":"error",children:r("getCredits.errorTitle")}),t.jsx(mt,{children:ce}),t.jsx(J,{children:t.jsx(C,{onClick:z,children:r("getCredits.tryAgain")})})]})]})}function kt({packs:a,loading:o,onSelect:f}){return o?t.jsx(Y,{"aria-busy":"true","aria-label":r("getCredits.packsLoading",{currency:p.name}),children:[0,1,2,3].map(s=>t.jsxs(V,{as:"div","data-skeleton":"true","data-testid":"pack-skeleton","aria-hidden":!0,children:[t.jsxs(q,{children:[t.jsx(X,{children:t.jsx(De,{})}),t.jsx(Ke,{})]}),t.jsx(Oe,{})]},s))}):t.jsx(Y,{children:a.map((s,m)=>{const b=ve(s,a);return t.jsxs(V,{type:"button","data-testid":"pack","data-best":s.bestValue?"true":void 0,onClick:()=>f(s),"aria-label":b?r("getCredits.packAriaBonus",{amount:D(s.credits),usd:s.usd,bonus:b.bonus,baseline:b.baseline}):r("getCredits.packAria",{amount:D(s.credits),usd:s.usd}),children:[s.bestValue&&t.jsxs(Ie,{children:[t.jsx(ie,{name:"star-rounded"}),r("getCredits.packBadge")]}),t.jsxs(q,{children:[t.jsxs(X,{children:[t.jsxs(We,{children:[t.jsx(re,{}),t.jsx(Me,{children:s.credits})]}),t.jsx(Ge,{children:r("getCredits.packUnit",{currency:p.name})})]}),t.jsx(Ne,{children:t.jsx("img",{src:wt(s,m),alt:"",loading:"lazy",width:507,height:507,onError:$=>{const y=$.currentTarget;y.dataset.artFallback||(y.dataset.artFallback="done",y.src=ae(s,m))}})})]}),t.jsxs(Ue,{children:["$",s.usd.toFixed(2)]})]},s.id)})})}export{At as GetCredits,At as default};
+`,v=Ce()?"mock":"stripe",ee=[P,P,ne,oe],bt={pack_5:P,pack_10:P,pack_25:ne,pack_50:oe};function ae(a,o){return bt[a.id]??ee[o%ee.length]}function wt(a,o){return a.artUrl??ae(a,o)}const yt="https://docs.decentraland.org";function te(a){const o=a;if((o==null?void 0:o.name)==="AbortError")return r("getCredits.errorCanceled");const f=((o==null?void 0:o.message)??"").toLowerCase();return f.includes("sign in")?r("getCredits.errorSignIn",{currency:p.name}):f.includes("timed out")?r("getCredits.errorTimeout",{currency:p.name}):r("getCredits.errorGeneric")}function At(){var W;ue({title:r("nav.getCredits",{currency:p.name}),noindex:!0});const a=he(),{session:o,signIn:f}=ge(),s=fe(),[m,b]=xe(),{packs:$,isLoading:y}=be(),[x,h]=l.useState("select"),[c,F]=l.useState(null),[j,L]=l.useState(null),de=(j!=null?(W=$.find(n=>n.credits===j))==null?void 0:W.artUrl:void 0)??$e,[ce,k]=l.useState(null),[le,_]=l.useState(!1),R=l.useRef(null);l.useEffect(()=>()=>{var n;return(n=R.current)==null?void 0:n.abort()},[]);const I=l.useCallback(()=>{b(n=>{const d=new URLSearchParams(n);return d.delete("order"),d.delete("canceled"),d},{replace:!0})},[b]),T=l.useCallback(async n=>{h("processing");const d=new AbortController;R.current=d;try{const u=await we(n,{signal:d.signal,address:o==null?void 0:o.address,identity:o==null?void 0:o.identity});if(u.status==="credited"){const w=u.creditsGranted??(c==null?void 0:c.credits)??0;L(w>0?w:null),h("success"),g("Shop Completed Buy Credits",{order_id:n,pack_usd:(c==null?void 0:c.usd)??null,credits:w>0?w:null,provider:v}),s.invalidateQueries({queryKey:["usd-balance"]});try{if(sessionStorage.getItem(ye)){const S={resumeCheckout:!0,...w>0?{creditsAdded:w}:{}};a("/cart",{state:S});return}}catch{}try{const S=sessionStorage.getItem(K);if(S){sessionStorage.removeItem(K);const M=JSON.parse(S),G=me(M);if(G){a(G,{state:{item:M,resumeBuy:!0}});return}}}catch{}}else u.status==="pending"?(g("Shop Buy Credits Pending",{step:"grant",pack_usd:(c==null?void 0:c.usd)??null}),s.invalidateQueries({queryKey:["usd-balance"]}),h("pending")):(g("Shop Buy Credits Failed",{step:"grant",error_code:"grant_failed",pack_usd:(c==null?void 0:c.usd)??null}),k(u.error??r("getCredits.errorGrant",{currency:p.name})),h("error"))}catch(u){N(u,{flow:"get_credits",step:"grant",order_id:n}),g("Shop Buy Credits Failed",{step:"grant",error_code:U(u),pack_usd:(c==null?void 0:c.usd)??null}),k(te(u)),h("error")}},[c,o,s,a]),pe=l.useCallback(async n=>{if(!o){f();return}k(null),_(!1),F(n),h(v==="mock"?"processing":"redirecting"),g("Shop Started Buy Credits",{pack_usd:n.usd,credits:n.credits,provider:v});try{const d=await ke(n.id,{address:o.address,identity:o.identity});if(d.mock)T(d.orderId);else if(d.url)g("Shop Redirected To Stripe",{order_id:d.orderId,pack_usd:n.usd,credits:n.credits}),window.location.href=d.url;else throw new Error("Checkout did not return a redirect url")}catch(d){N(d,{flow:"get_credits",step:"checkout",provider:v}),g("Shop Buy Credits Failed",{step:"checkout",error_code:U(d),pack_usd:n.usd}),k(te(d)),h("error")}},[o,f,T]),A=l.useRef(!1);l.useEffect(()=>{if(A.current)return;const n=m.get("order");if(m.get("canceled")!=null){A.current=!0,g("Shop Buy Credits Cancelled",{order_id:n,provider:v}),I(),_(!0),h("select");return}n&&(h("processing"),o&&(A.current=!0,I(),T(n)))},[m,o]);function z(){var n;(n=R.current)==null||n.abort(),h("select"),F(null),L(null),k(null),_(!1)}return t.jsxs(Pe,{children:[(x==="select"||x==="redirecting")&&t.jsxs(_e,{"data-testid":"credits-hero",children:[t.jsx(Re,{"aria-hidden":!0}),t.jsxs(Te,{$hidden:x==="redirecting",children:[t.jsxs(Ae,{children:[t.jsx(ze,{children:r("getCredits.title",{currency:p.name})}),t.jsxs(Be,{children:[t.jsx(Ee,{children:r("getCredits.subtitle",{currency:p.nameSingular})}),t.jsxs(Fe,{href:yt,target:"_blank",rel:"noreferrer",children:[r("getCredits.learnMore"),t.jsx(ie,{name:"link-out"})]})]})]}),le&&t.jsx(Le,{role:"status",children:r("getCredits.canceledNote")}),t.jsx(kt,{packs:$,loading:y,onSelect:n=>void pe(n)})]}),x==="redirecting"&&t.jsxs(Ve,{role:"status","aria-live":"polite",children:[t.jsx(Ze,{src:H,alt:"",width:72,height:72}),t.jsx(qe,{children:r("getCredits.redirecting")})]})]}),x==="processing"&&t.jsxs(Xe,{role:"status","aria-live":"polite",children:[t.jsx(se,{src:H,alt:"",width:61,height:61}),t.jsxs(Je,{children:[t.jsxs(et,{children:[t.jsx("strong",{children:r("getCredits.processing")}),"…"]}),t.jsxs(tt,{"aria-hidden":!0,children:[t.jsx(rt,{children:t.jsx(nt,{})}),t.jsx(ot,{children:"1/1"})]})]})]}),x==="success"&&t.jsxs(st,{role:"status","aria-live":"polite",children:[t.jsxs(at,{children:[t.jsx(dt,{src:je,alt:"",width:60,height:60}),t.jsxs(ct,{children:[t.jsx("strong",{children:r("getCredits.successTitle")})," ",r("getCredits.successBody",{currency:p.name})]})]}),j!=null&&t.jsx(lt,{children:t.jsxs(pt,{children:[t.jsx(ht,{src:de,alt:"",width:93,height:93}),t.jsxs(xt,{children:[t.jsx(re,{}),t.jsxs("span",{children:[t.jsx(ut,{children:r("getCredits.creditsAmount",{credits:j,currency:p.name})})," ",t.jsx(gt,{children:r("getCredits.creditsAdded")})]})]})]})}),t.jsxs(ft,{children:[t.jsx(C,{"data-variant":"outline",onClick:z,children:r("getCredits.buyMore",{currency:p.name})}),t.jsx(C,{onClick:()=>a("/items"),children:r("getCredits.startShopping")})]})]}),x==="pending"&&t.jsxs(X,{role:"status","aria-live":"polite",children:[t.jsx(Z,{children:r("getCredits.pendingTitle",{currency:p.name})}),t.jsx(Ye,{children:r("getCredits.pendingBody")}),t.jsxs(J,{children:[t.jsx(C,{onClick:()=>a("/items"),children:r("getCredits.startShopping")}),t.jsx(C,{"data-variant":"outline",onClick:z,children:r("getCredits.done")})]})]}),x==="error"&&t.jsxs(X,{role:"alert",children:[t.jsx(Z,{"data-tone":"error",children:r("getCredits.errorTitle")}),t.jsx(mt,{children:ce}),t.jsx(J,{children:t.jsx(C,{onClick:z,children:r("getCredits.tryAgain")})})]})]})}function kt({packs:a,loading:o,onSelect:f}){return o?t.jsx(Y,{"aria-busy":"true","aria-label":r("getCredits.packsLoading",{currency:p.name}),children:[0,1,2,3].map(s=>t.jsxs(V,{as:"div","data-skeleton":"true","data-testid":"pack-skeleton","aria-hidden":!0,children:[t.jsxs(q,{children:[t.jsx(Q,{children:t.jsx(De,{})}),t.jsx(Ke,{})]}),t.jsx(Oe,{})]},s))}):t.jsx(Y,{children:a.map((s,m)=>{const b=ve(s,a);return t.jsxs(V,{type:"button","data-testid":"pack","data-best":s.bestValue?"true":void 0,onClick:()=>f(s),"aria-label":b?r("getCredits.packAriaBonus",{amount:D(s.credits),usd:s.usd,bonus:b.bonus,baseline:b.baseline}):r("getCredits.packAria",{amount:D(s.credits),usd:s.usd}),children:[s.bestValue&&t.jsxs(Ie,{children:[t.jsx(ie,{name:"star-rounded"}),r("getCredits.packBadge")]}),t.jsxs(q,{children:[t.jsxs(Q,{children:[t.jsxs(We,{children:[t.jsx(re,{}),t.jsx(Me,{children:s.credits})]}),t.jsx(Ge,{children:r("getCredits.packUnit",{currency:p.name})})]}),t.jsx(Ne,{children:t.jsx("img",{src:wt(s,m),alt:"",loading:"lazy",width:507,height:507,onError:$=>{const y=$.currentTarget;y.dataset.artFallback||(y.dataset.artFallback="done",y.src=ae(s,m))}})})]}),t.jsxs(Ue,{children:["$",s.usd.toFixed(2)]})]},s.id)})})}export{At as GetCredits,At as default};

package/_assets/{HelpersUtil-BMGSbn7T.js → HelpersUtil-C9JEsHd1.js}

@@ -1,4 +1,4 @@
-import{i as f,b as h}from"./lit-element-B3y9oplH.js";import{n as m}from"./class-map-CxwNmq0D.js";import{c as p}from"./index-C9YePsjK.js";import{d as g,r as v}from"./index-DNQcT8i8.js";import{C as c}from"./ConstantsUtil-Di3dRDAF.js";import{R as $,O as u}from"./W3MFrameProviderSingleton-DmUcIZ1-.js";import{au as y}from"./NetworkUtil-EoWQDMpU.js";const b=g`
+import{i as f,b as h}from"./lit-element-B3y9oplH.js";import{n as m}from"./class-map-CxwNmq0D.js";import{c as p}from"./index-BfbRuC2a.js";import{d as g,r as v}from"./index-BuxC7_jg.js";import{C as c}from"./ConstantsUtil-Di3dRDAF.js";import{R as $,O as u}from"./W3MFrameProviderSingleton-kdy7Kyep.js";import{au as y}from"./NetworkUtil-EoWQDMpU.js";const b=g`
   :host {
     display: flex;
     justify-content: center;