@dcl/shop 1.0.2-31061952187.commit-8d8b09e → 1.0.2-31075138109.commit-b4b8f60

package/_assets/{Confetti-Dl6FT7nL.js → Confetti-mgEJ457s.js}

@@ -1,5 +1,5 @@
 const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["_assets/index.es-C4oAOZ2V.js","_assets/react-BYHuwl8r.js"])))=>i.map(i=>d[i]);
-import{s as o,_ as a}from"./index-CKUuopSw.js";import{r as n,j as e}from"./react-BYHuwl8r.js";const s=o.div`
+import{s as o,_ as a}from"./index-H0_FOTS1.js";import{r as n,j as e}from"./react-BYHuwl8r.js";const s=o.div`
   position: fixed;
   inset: 0;
   /**

package/_assets/Creator-BVn3jG76.js

@@ -0,0 +1,307 @@
+import{b as ce,j as e,L as Me,d as Ie,u as Be,r as L}from"./react-BYHuwl8r.js";import{u as Re}from"./useUrlFilters-DH-gxdfV.js";import{u as Ae,S as Y,R as Te,F as _e,e as ze}from"./categories-Q8-sA-ag.js";import{t as de,bF as We,P as Z,O as X,s,bG as De,J as Oe,bH as Ke,b as o,bI as Ge,bJ as ee,B as Ue,K as he,a1 as pe,bs as He,o as qe,D as ue,bz as Ve,bt as Je,bu as Qe,I as te,c as Ye,x as Ze,v as Xe,ac as et,an as tt,ao as ot,ap as M,aq as oe,bK as re,bL as rt}from"./index-H0_FOTS1.js";import{T as xe}from"./skeleton.styles-sGub2C43.js";import{d as it,P as st,C as at,a as nt,b as lt,c as ct,e as dt}from"./collectionPage.styles-DQbgY52P.js";import{g as ht,h as pt,i as ut,j as xt,k as mt,C as gt,l as ft,o as bt,m as wt,n as yt,M as vt,E as R,p as A,q as jt,r as Ct,s as kt,t as $t}from"./Assets.styles-B9PWoIMZ.js";import{L as ie}from"./LoadMore-DY0yTnWX.js";import{u as se}from"./useInfiniteGrid-BHHEAbZ5.js";import{E as T}from"./ErrorNotice-CCUuPON0.js";import{G as ae}from"./grid.styles-DODm717m.js";import"./dcl-schemas-CmtP3U6y.js";import"./sentry-Dx-KuLV3.js";import"./ethers-BDpbhgX6.js";import"./intl-CBcMB1D2.js";import"./Tooltip-Cwe0Yraw.js";function St(r){const{gridLoading:i,gridError:a,gridCount:l,baselinePending:c,baselineError:d,baselineCount:b}=r;return i?"skeletons":a?"error":l>0?"items":c?"skeletons":d?"error":b===0?"no-creations":"filters"}const{colors:w,radius:me,media:Nt}=de,Et=s.article`
+  height: 300px;
+  /* No fill of its own (Figma 922:183803): the mosaic covers the top and the footer paints its own
+     translucent black, so the page field is what shows through the corners. */
+  background: transparent;
+  border-radius: ${me.card};
+  overflow: hidden;
+  position: relative;
+  isolation: isolate;
+  display: flex;
+  flex-direction: column;
+  cursor: pointer;
+  transition: box-shadow 0.15s ease;
+
+  &::after {
+    ${We};
+  }
+
+  &:focus-visible {
+    ${Z};
+  }
+  &: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 {
+      ${Z};
+    }
+    &:hover::after {
+      ${X};
+    }
+    &:hover [data-view] {
+      visibility: visible;
+    }
+    &:hover [data-meta] {
+      visibility: hidden;
+    }
+  }
+`,Pt=s.div`
+  position: relative;
+  flex: 1;
+  min-height: 0;
+  background: ${w.media};
+  overflow: hidden;
+`,Ft=s.img`
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  display: block;
+`,Lt=s(De)`
+  & [data-testid='coll-thumb-cell'] img {
+    object-fit: contain;
+    padding: 10px;
+  }
+`,Mt=s.div`
+  flex: 0 0 102px;
+  height: 102px;
+  padding: 12px 12px 16px 16px;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  background: ${w.overlay};
+`,It=s.h3`
+  margin: 0;
+  font-weight: 700;
+  font-size: 16px;
+  line-height: 1.6;
+  color: ${w.white};
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+
+  ${Nt.maxWidth("mobile")} {
+    font-size: 16px;
+  }
+`,Bt=s.div`
+  flex: 1;
+  min-height: 0;
+  display: grid;
+  grid-template-areas: 'stack';
+  align-items: center;
+
+  & > * {
+    grid-area: stack;
+  }
+`,Rt=s.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 10px;
+`,At=s(Oe)`
+  min-width: 0;
+  color: ${w.gray4};
+
+  & [data-avatar] {
+    width: 24px;
+    height: 24px;
+  }
+  & [data-testid='creator-name'] {
+    font-size: 14px;
+  }
+  & [data-testid='creator-display'] {
+    color: ${w.white};
+    font-weight: 600;
+  }
+`,Tt=s.span`
+  min-width: 0;
+`,_t=s.span`
+  flex: none;
+  color: ${w.gray4};
+  font-weight: 600;
+  font-size: 14px;
+  white-space: nowrap;
+`,zt=s.button`
+  visibility: hidden;
+  width: 100%;
+  height: 46px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: ${w.overlay};
+  color: ${w.softWhite};
+  border: 0;
+  border-radius: ${me.card};
+  font-weight: 600;
+  font-size: 13px;
+  line-height: 24px;
+  text-transform: uppercase;
+  letter-spacing: 0.46px;
+  transition: background 0.15s ease;
+
+  &:hover,
+  &:active {
+    background: ${w.text2};
+  }
+`;function Wt({collection:r,cover:i,itemCount:a}){const l=ce(),{contractAddress:c,name:d,creator:b}=r,j=i==null||a==null,{data:n}=Ke(c,j),g=i==null?(n==null?void 0:n.items)??[]:[],f=a??(n==null?void 0:n.total);function h(){l(`/collection/${c}`)}return e.jsxs(Et,{"data-testid":"coll-card",role:"link",tabIndex:0,onClick:h,onKeyDown:u=>{(u.key==="Enter"||u.key===" ")&&(u.preventDefault(),h())},children:[e.jsx(Pt,{children:i?e.jsx(Ft,{"data-testid":"coll-card-img",src:i,alt:"",loading:"lazy"}):g.length>0?e.jsx(Lt,{items:g,tinted:!1}):null}),e.jsxs(Mt,{children:[e.jsx(It,{title:d,children:d}),e.jsxs(Bt,{children:[e.jsxs(Rt,{"data-meta":!0,"data-testid":"coll-card-meta",children:[b?e.jsx(At,{address:b,linkToProfile:!0}):e.jsx(Tt,{children:" "}),e.jsx(_t,{"data-testid":"coll-card-count","aria-busy":f==null||void 0,children:f==null?e.jsx(xe,{className:"skeleton",width:54,"data-testid":"coll-card-count-skeleton","aria-hidden":!0}):o("collectionCard.itemCount",{count:f})})]}),e.jsx(zt,{"data-view":!0,"data-testid":"coll-card-view",onClick:u=>{u.stopPropagation(),h()},tabIndex:-1,children:o("collectionCard.viewCollection")})]})]})]})}function Dt({address:r,className:i=""}){const a=Ge(),l=ee(d=>d.followed.includes(r.toLowerCase())),c=ee(d=>d.toggle);return!a||!r?null:e.jsx(Ue,{type:"button",size:"sm",variant:l?"ghost":"outline",className:i||void 0,"data-testid":"follow-button","aria-pressed":l,title:l?o("creator.unfollowTitle"):o("creator.followTitle"),onClick:()=>c(r),children:l?o("creator.following"):o("creator.follow")})}const{colors:y,radius:ge,media:v}=de,fe=he`
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  height: 40px;
+  padding: 0 28px;
+  border-radius: ${ge.btn};
+  background: rgba(0, 0, 0, 0.5);
+  color: ${y.white};
+  font-weight: 600;
+  font-size: 13px;
+  text-transform: uppercase;
+  letter-spacing: 0.046em;
+  text-decoration: none;
+`,Ot=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: ${y.blackBtn};
+  }
+
+  ${v.maxWidth("mobile")} {
+    min-height: 260px;
+  }
+`,Kt=s.div`
+  position: absolute;
+  inset: 0;
+  z-index: 0;
+`,Gt=s.img`
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  display: block;
+`,Ut=s.div`
+  position: absolute;
+  inset: 0;
+  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.5) 100%);
+`,Ht=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=he`
+  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;
+    }
+  }
+`,qt=s.a`
+  ${be};
+`,Vt=s(Me)`
+  ${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;
+    }
+  }
+`,Jt=s.div`
+  position: relative;
+  z-index: 1;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  text-align: center;
+  gap: 24px;
+  padding: 40px 20px;
+
+  ${v.maxWidth("mobile")} {
+    padding: 56px 16px 24px;
+  }
+`,ne=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;
+  }
+`,Qt=s.h2`
+  margin: 0;
+  font-size: 18px;
+  font-weight: 700;
+  color: ${y.white};
+  line-height: 1.6;
+
+  ${v.maxWidth("mobile")} {
+    font-size: 16px;
+  }
+`,Yt=s.p`
+  margin: 0;
+  font-size: 15px;
+  color: ${y.white};
+  line-height: 1.6;
+  max-width: 520px;
+
+  ${v.maxWidth("mobile")} {
+    font-size: 14px;
+  }
+`,Zt=s.div`
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  flex-wrap: wrap;
+  justify-content: center;
+`,Xt=s.a`
+  ${fe};
+  transition: background 0.15s ease;
+
+  &:hover {
+    background: ${y.blackBtn};
+  }
+`,eo={website:"website",twitter:"twitter",discord:"discord",facebook:"facebook"};function to({address:r}){var u,C;const{data:i}=pe(r),{data:a}=He(r),l=qe(x=>{var $;return($=x.session)==null?void 0:$.address}),c=!!l&&l.toLowerCase()===r.toLowerCase(),d=(i==null?void 0:i.name)||ue(r),b=(C=(u=i==null?void 0:i.avatar)==null?void 0:u.snapshots)==null?void 0:C.face256,j=(a==null?void 0:a.cover)||it,n=a==null?void 0:a.description,g=`${Ye.profileUrl}/${r}`,f=Ve.filter(x=>a==null?void 0:a.links[x]),h=Je(Qe({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(Ot,{"aria-label":`${d} storefront`,children:[e.jsxs(Kt,{children:[e.jsx(Gt,{src:j,alt:"",loading:"eager"}),e.jsx(Ut,{"aria-hidden":!0})]}),(f.length>0||c)&&e.jsxs(Ht,{children:[f.map(x=>e.jsx(qt,{"data-testid":"creator-hero-link",href:(a==null?void 0:a.links[x])??"",target:"_blank",rel:"noopener noreferrer",title:o(`creator.link.${x}`),"aria-label":o(`creator.link.${x}`),children:e.jsx(te,{name:eo[x]})},x)),c&&e.jsx(Vt,{to:"/store-settings",title:o("creator.editStore"),"aria-label":o("creator.editStore"),children:e.jsx(te,{name:"pen"})})]}),e.jsxs(Jt,{children:[b?e.jsx(ne,{src:b,alt:"",loading:"eager",style:{backgroundColor:h}}):e.jsx(ne,{as:"span","aria-hidden":!0,style:{backgroundColor:h}}),e.jsxs("div",{children:[e.jsx(Qt,{children:d}),n?e.jsx(Yt,{children:n}):null]}),e.jsxs(Zt,{children:[e.jsx(Xt,{"data-testid":"creator-hero-view",href:g,target:"_blank",rel:"noopener noreferrer",children:o("creator.viewProfile")}),e.jsx(Dt,{address:r,className:"creator-hero__follow"})]})]})]})}const oo=["all","on_sale","not_for_sale"],le=48;function yo(){var J,Q;const{address:r}=Ie(),i=ce(),[a]=Be(),l=a.has("collections"),{data:c}=pe(r),d=(c==null?void 0:c.name)||(r?ue(r):o("creator.fallbackName"));Ze({title:d,description:o("seo.creator.description",{name:d}),image:(Q=(J=c==null?void 0:c.avatar)==null?void 0:J.snapshots)==null?void 0:Q.face256});const b=L.useMemo(()=>({category:"all",status:"all",subCategory:null,rarities:[],priceMin:"",priceMax:"",smart:!1,sort:"newest"}),[]),[j,n]=Re(b),{category:g,subCategory:f,rarities:h,priceMin:u,priceMax:C,smart:x,sort:$}=j,S=oo.includes(j.status)?j.status:"all",_=t=>n({status:t});Ae(`${l}:${g}:${f??""}`);const[E,N]=L.useState(!1);L.useEffect(()=>{if(!E)return;const t=Le=>{Le.key==="Escape"&&N(!1)};document.addEventListener("keydown",t);const m=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.removeEventListener("keydown",t),document.body.style.overflow=m}},[E]);const z=u&&!Number.isNaN(Number(u))?Number(u):void 0,W=C&&!Number.isNaN(Number(C))?Number(C):void 0,we=f?ze[f]:void 0,ye=(Y.find(t=>t.key===$)??Y[0]).server,D={creator:r,category:g,rarities:h.length?h:void 0,wearableCategories:we,minPriceCredits:z,maxPriceCredits:W,isWearableSmart:x||void 0,isOnSale:S==="all"?void 0:S==="on_sale",sortBy:ye},{items:I,total:ve,isLoading:je,isPlaceholderData:Ce,error:O,hasNextPage:ke,isFetchingNextPage:K,isFetchNextPageError:$e,fetchNextPage:Se}=se(["creator-items",D],t=>re({...D,first:le,skip:t}),{enabled:!!r&&!l}),P=Xe({queryKey:["creator-item-count",r],queryFn:()=>re({creator:r,first:1}).then(t=>t.total),enabled:!!r}),p=se(["creator-collections",r],t=>rt(r,{first:le,skip:t}).then(m=>({items:m.collections,total:m.total})),{enabled:!!r&&l});function G(t){n({category:t,subCategory:null},{drop:l?["collections"]:void 0})}function Ne(){const t=new URLSearchParams(a);t.delete("collections");const m=t.toString();i({search:m?`?${m}`:""},{replace:!0})}function Ee(){if(l){Ne();return}const t=new URLSearchParams(a);t.delete("collections");const m=t.toString();i({search:m?`?${m}&collections`:"?collections"},{replace:!0})}function U(t){n({rarities:h.includes(t)?h.filter(m=>m!==t):[...h,t]})}function H(){n(b)}const k=[];(g==="wearable"||g==="emote")&&k.push({key:"category",label:o(g==="emote"?"categories.emotes":"categories.wearables"),onRemove:()=>G("all")}),(z!=null||W!=null)&&k.push({key:"price",label:o("filter.price"),onRemove:()=>{n({priceMin:"",priceMax:""})}});for(const t of Te)h.includes(t)&&k.push({key:`rarity-${t}`,label:et(t),onRemove:()=>U(t)});x&&k.push({key:"smart",label:o("filter.smart"),onRemove:()=>n({smart:!1})}),S!=="all"&&k.push({key:"status",label:S==="on_sale"?o("filter.onSale"):o("filter.notForSale"),onRemove:()=>_("all")});const F=St({gridLoading:je||Ce,gridError:!!O,gridCount:I.length,baselinePending:P.isPending,baselineError:P.isError,baselineCount:P.data}),q=F==="skeletons",{data:V}=tt(),Pe=L.useMemo(()=>I.map(t=>({...t,priceCredits:ot(t,V)})),[I,V]),Fe=t=>t.priceCredits>0||!!t.manaWei,B=F==="items"||F==="skeletons"?null:F;return e.jsxs(st,{children:[e.jsxs(at,{"aria-label":o("creator.breadcrumbAria"),children:[e.jsx(nt,{onClick:()=>i("/items"),children:o("creator.breadcrumb")}),e.jsx("span",{children:"/"}),e.jsx(lt,{children:d})]}),r?e.jsx(to,{address:r}):null,e.jsxs(ht,{children:[E?e.jsx(pt,{onClick:()=>N(!1),"aria-hidden":!0}):null,e.jsxs(ut,{"data-open":E||void 0,"data-testid":"creator-sidebar",children:[e.jsxs(xt,{children:[e.jsx(mt,{children:o("assets.filters")}),e.jsx(gt,{onClick:()=>N(!1),"aria-label":o("assets.closeFilters"),children:"✕"})]}),e.jsx(ft,{children:e.jsx(bt,{category:g,subCategory:f,onCategory:G,onSub:t=>n({subCategory:t}),priceMin:u,priceMax:C,onPriceMin:t=>n({priceMin:t}),onPriceMax:t=>n({priceMax:t}),rarities:h,onToggleRarity:U,status:S,onStatus:_,smart:x,onSmart:t=>n({smart:t}),hideNames:!0,collections:l,onCollections:Ee})}),e.jsx(wt,{children:e.jsx(yt,{type:"button",onClick:()=>N(!1),children:o("assets.showItems")})})]}),e.jsx(vt,{children:l?e.jsxs(e.Fragment,{children:[e.jsx(ct,{children:e.jsx(dt,{"data-testid":"creator-collections-count","aria-busy":p.isLoading||void 0,children:p.isLoading?e.jsx(xe,{className:"skeleton",width:72,"data-testid":"creator-collections-count-skeleton","aria-hidden":!0}):o("creator.collectionsCount",{count:p.total})})}),p.error?e.jsx(T,{message:o("creator.error")}):null,e.jsx(ae,{"data-variant":"collections",children:p.isLoading?e.jsx(M,{count:9}):e.jsxs(e.Fragment,{children:[p.items.map(t=>e.jsx(Wt,{collection:t,itemCount:t.itemCount},t.contractAddress)),p.isFetchingNextPage?e.jsx(M,{count:6}):null]})}),e.jsx(ie,{hasNextPage:p.hasNextPage,isFetching:p.isFetchingNextPage,isError:p.isFetchNextPageError,onLoadMore:()=>void p.fetchNextPage()}),!p.isLoading&&!p.error&&p.items.length===0?e.jsx(R,{children:e.jsx(A,{children:o("creator.collectionsEmpty")})}):null]}):e.jsxs(e.Fragment,{children:[e.jsx(_e,{sort:$,onSort:t=>n({sort:t}),total:ve,loading:q,onOpenFilters:()=>N(!0),chips:k,onClearChips:H}),O?e.jsx(T,{message:o("creator.error"),testId:"creator-error"}):null,e.jsx(ae,{"data-testid":"creator-grid",children:q?e.jsx(M,{count:15}):e.jsxs(e.Fragment,{children:[Pe.map(t=>Fe(t)?e.jsx(oe,{item:t},t.id):e.jsx(oe,{item:t,mode:"view"},t.id)),K?e.jsx(M,{count:6}):null]})}),e.jsx(ie,{hasNextPage:ke,isFetching:K,isError:$e,onLoadMore:()=>void Se()}),B==="error"?e.jsx(T,{message:o("creator.error"),testId:"creator-empty-error"}):B==="no-creations"?e.jsx(R,{children:e.jsx(A,{"data-testid":"creator-empty-none",children:o("creator.emptyNoCreations")})}):B==="filters"?e.jsxs(jt,{"data-testid":"creator-empty-filters",children:[e.jsxs(R,{children:[e.jsx(Ct,{children:o("creator.emptyFilters.title")}),e.jsx(A,{children:o("creator.emptyFilters.body",{count:P.data??0})})]}),e.jsx(kt,{children:e.jsx($t,{type:"button",onClick:H,children:o("filterBar.clearAll")})})]}):null]})})]})]})}export{yo as Creator,yo as default};

package/_assets/{ErrorNotice-OUNK486K.js → ErrorNotice-CCUuPON0.js}

@@ -1 +1 @@
-import{j as r}from"./react-BYHuwl8r.js";import{I as i}from"./index-CKUuopSw.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-BYHuwl8r.js";import{I as i}from"./index-H0_FOTS1.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-Cp3qbfAM.js → ExchangeController-CXuE8lHA.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-BQyeyr-U.js";import{g as T,a as W,f as b,b as _,c as v}from"./index-C7hpB9s1.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-ZccF4Y9V.js";import{g as T,a as W,f as b,b as _,c as v}from"./index-CEwRybny.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/{Faq-DXtTtsuA.js → Faq-Bkcjo8OM.js}

@@ -1,4 +1,4 @@
-import{r as l,j as o}from"./react-BYHuwl8r.js";import{t as e,s as a,b as s,I as w}from"./index-CKUuopSw.js";const m=a.section`
+import{r as l,j as o}from"./react-BYHuwl8r.js";import{t as e,s as a,b as s,I as w}from"./index-H0_FOTS1.js";const m=a.section`
   display: flex;
   flex-direction: column;
   gap: 36px;

package/_assets/{GetCredits-BhRNCaTG.js → GetCredits-Bq6LvsYg.js}

@@ -1,4 +1,4 @@
-import{b as ue,u as xe,r as l,j as t}from"./react-BYHuwl8r.js";import{s as i,t as e,w as F,x as ge,b as n,C as h,o as fe,A as me,Z as g,bh as be,F as U,br as N,bW as we,bb as Q,z as re,I as ye,bX as H}from"./index-CKUuopSw.js";import{C as ke}from"./Confetti-Dl6FT7nL.js";import{F as ve}from"./Faq-DXtTtsuA.js";import{R as D}from"./resume-buy-Bf0zIH7y.js";import{u as Ce,a as $e,R as je,c as Se,i as Ae,b as Pe}from"./useCreditPacks-BcavayJ3.js";import"./dcl-schemas-CmtP3U6y.js";import"./sentry-Dx-KuLV3.js";import"./ethers-BDpbhgX6.js";import"./intl-CBcMB1D2.js";const A="https://cdn.decentraland.org/@dcl/shop/1.0.2-31061952187.commit-8d8b09e/_assets/pack-coins-BDh1ZDbh.webp",ne="https://cdn.decentraland.org/@dcl/shop/1.0.2-31061952187.commit-8d8b09e/_assets/pack-stacks-D-V2jSHW.webp",se="https://cdn.decentraland.org/@dcl/shop/1.0.2-31061952187.commit-8d8b09e/_assets/pack-chest-BX_j84xW.webp",Re="https://cdn.decentraland.org/@dcl/shop/1.0.2-31061952187.commit-8d8b09e/_assets/credit-coin-CmcTCd5i.webp",Te="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",K="linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0)",_e=i.div`
+import{b as ue,u as xe,r as l,j as t}from"./react-BYHuwl8r.js";import{s as i,t as e,w as F,x as ge,b as n,C as h,o as fe,A as me,Z as g,aE as be,F as U,aO as N,bV as we,ax as Q,z as re,I as ye,bW as H}from"./index-H0_FOTS1.js";import{C as ke}from"./Confetti-mgEJ457s.js";import{F as ve}from"./Faq-Bkcjo8OM.js";import{R as D}from"./resume-buy-Bf0zIH7y.js";import{u as Ce,a as $e,R as je,c as Se,i as Ae,b as Pe}from"./useCreditPacks-D_gG97Vg.js";import"./dcl-schemas-CmtP3U6y.js";import"./sentry-Dx-KuLV3.js";import"./ethers-BDpbhgX6.js";import"./intl-CBcMB1D2.js";const A="https://cdn.decentraland.org/@dcl/shop/1.0.2-31075138109.commit-b4b8f60/_assets/pack-coins-BDh1ZDbh.webp",ne="https://cdn.decentraland.org/@dcl/shop/1.0.2-31075138109.commit-b4b8f60/_assets/pack-stacks-D-V2jSHW.webp",se="https://cdn.decentraland.org/@dcl/shop/1.0.2-31075138109.commit-b4b8f60/_assets/pack-chest-BX_j84xW.webp",Re="https://cdn.decentraland.org/@dcl/shop/1.0.2-31075138109.commit-b4b8f60/_assets/credit-coin-CmcTCd5i.webp",Te="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",O="linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0)",_e=i.div`
   display: flex;
   flex-direction: column;
   gap: 24px;
@@ -146,7 +146,7 @@ import{b as ue,u as xe,r as l,j as t}from"./react-BYHuwl8r.js";import{s as i,t a
   line-height: 1.6;
   color: ${e.colors.media};
   text-align: center;
-`,O=i.div`
+`,K=i.div`
   display: grid;
   grid-template-columns: repeat(4, minmax(0, 1fr));
   gap: 24px;
@@ -162,7 +162,7 @@ import{b as ue,u as xe,r as l,j as t}from"./react-BYHuwl8r.js";import{s as i,t a
     gap: 12px;
     row-gap: 24px;
   }
-`,Y=i.button`
+`,V=i.button`
   position: relative;
   display: flex;
   flex-direction: column;
@@ -201,9 +201,9 @@ import{b as ue,u as xe,r as l,j as t}from"./react-BYHuwl8r.js";import{s as i,t a
     inset: 0;
     border-radius: inherit;
     pointer-events: none;
-    -webkit-mask: ${K};
+    -webkit-mask: ${O};
     -webkit-mask-composite: xor;
-    mask: ${K};
+    mask: ${O};
     mask-composite: exclude;
     transition: opacity 0.15s ease;
   }
@@ -299,7 +299,7 @@ import{b as ue,u as xe,r as l,j as t}from"./react-BYHuwl8r.js";import{s as i,t a
       height: 18px;
     }
   }
-`,V=i.span`
+`,Y=i.span`
   align-self: stretch;
   display: flex;
   flex-direction: column;
@@ -385,7 +385,7 @@ import{b as ue,u as xe,r as l,j as t}from"./react-BYHuwl8r.js";import{s as i,t a
       transform: none;
     }
   }
-`,Ke=i.span`
+`,Oe=i.span`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -423,7 +423,14 @@ import{b as ue,u as xe,r as l,j as t}from"./react-BYHuwl8r.js";import{s as i,t a
     font-size: 16px;
     font-weight: 800;
   }
-`,Oe=F`
+
+  ${e.media.maxWidth("mobile")} {
+    background: ${e.colors.white};
+    color: ${e.colors.text2};
+    font-size: 16px;
+    font-weight: 800;
+  }
+`,Ke=F`
   to {
     background-position: -200% 0;
   }
@@ -436,12 +443,12 @@ import{b as ue,u as xe,r as l,j as t}from"./react-BYHuwl8r.js";import{s as i,t a
     rgba(255, 255, 255, 0.08) 70%
   );
   background-size: 200% 100%;
-  animation: ${Oe} 1.4s infinite linear;
+  animation: ${Ke} 1.4s infinite linear;
 
   @media (prefers-reduced-motion: reduce) {
     animation: none;
   }
-`,Ye=i(P)`
+`,Ve=i(P)`
   width: 60%;
   height: 30px;
   border-radius: ${e.radius.chip};
@@ -449,7 +456,7 @@ import{b as ue,u as xe,r as l,j as t}from"./react-BYHuwl8r.js";import{s as i,t a
   ${e.media.maxWidth("mobile")} {
     height: 24px;
   }
-`,Ve=i(P)`
+`,Ye=i(P)`
   width: 36%;
   height: 15px;
   border-radius: ${e.radius.chip};
@@ -742,4 +749,4 @@ import{b as ue,u as xe,r as l,j as t}from"./react-BYHuwl8r.js";import{s as i,t a
   margin: 0;
   font-family: ${e.font.sans};
   color: ${e.colors.err};
-`,C=Ae()?"mock":"stripe",te=[A,A,ne,se],$t={pack_5:A,pack_10:A,pack_25:ne,pack_50:se};function ae(d,s){return $t[d.id]??te[s%te.length]}function jt(d,s){return d.artUrl??ae(d,s)}const St=[{question:"faq.buyers.whatAreQ",answer:"faq.buyers.whatAreA"},{question:"faq.buyers.whatCanIBuyQ",answer:"faq.buyers.whatCanIBuyA"},{question:"faq.buyers.whereBuyQ",answer:"faq.buyers.whereBuyA"},{question:"faq.buyers.whereUseQ",answer:"faq.buyers.whereUseA"},{question:"faq.buyers.expireQ",answer:"faq.buyers.expireA"},{question:"faq.buyers.transferQ",answer:"faq.buyers.transferA"}];function ie(d){const s=d;if((s==null?void 0:s.name)==="AbortError")return n("getCredits.errorCanceled");const f=((s==null?void 0:s.message)??"").toLowerCase();return f.includes("sign in")?n("getCredits.errorSignIn",{currency:h.name}):f.includes("timed out")?n("getCredits.errorTimeout",{currency:h.name}):n("getCredits.errorGeneric")}function Wt(){var L;ge({title:n("nav.getCredits",{currency:h.name}),noindex:!0});const d=ue(),{session:s,signIn:f}=fe(),o=me(),[m,b]=xe(),{packs:$,isLoading:y}=Ce(),[u,p]=l.useState("select"),[c,q]=l.useState(null),[j,E]=l.useState(null),de=(j!=null?(L=$.find(r=>r.credits===j))==null?void 0:L.artUrl:void 0)??Re,[ce,k]=l.useState(null),[le,R]=l.useState(!1),T=l.useRef(null);l.useEffect(()=>()=>{var r;return(r=T.current)==null?void 0:r.abort()},[]);const I=l.useCallback(()=>{b(r=>{const a=new URLSearchParams(r);return a.delete("order"),a.delete("canceled"),a},{replace:!0})},[b]),_=l.useCallback(async r=>{p("processing");const a=new AbortController;T.current=a;try{const x=await $e(r,{signal:a.signal,address:s==null?void 0:s.address,identity:s==null?void 0:s.identity});if(x.status==="credited"){const w=x.creditsGranted??(c==null?void 0:c.credits)??0;E(w>0?w:null),p("success"),g("Shop Completed Buy Credits",{order_id:r,pack_usd:(c==null?void 0:c.usd)??null,credits:w>0?w:null,provider:C}),o.invalidateQueries({queryKey:["usd-balance"]});try{if(sessionStorage.getItem(je)){const S={resumeCheckout:!0,...w>0?{creditsAdded:w}:{}};d("/cart",{state:S});return}}catch{}try{const S=sessionStorage.getItem(D);if(S){sessionStorage.removeItem(D);const M=JSON.parse(S),G=be(M);if(G){d(G,{state:{item:M,resumeBuy:!0}});return}}}catch{}}else x.status==="pending"?(g("Shop Buy Credits Pending",{step:"grant",pack_usd:(c==null?void 0:c.usd)??null}),o.invalidateQueries({queryKey:["usd-balance"]}),p("pending")):(g("Shop Buy Credits Failed",{step:"grant",error_code:"grant_failed",pack_usd:(c==null?void 0:c.usd)??null}),k(x.error??n("getCredits.errorGrant",{currency:h.name})),p("error"))}catch(x){U(x,{flow:"get_credits",step:"grant",order_id:r}),g("Shop Buy Credits Failed",{step:"grant",error_code:N(x),pack_usd:(c==null?void 0:c.usd)??null}),k(ie(x)),p("error")}},[c,s,o,d]),pe=l.useCallback(async r=>{if(!s){f();return}k(null),R(!1),q(r),p(C==="mock"?"processing":"redirecting"),g("Shop Started Buy Credits",{pack_usd:r.usd,credits:r.credits,provider:C});try{const a=await Se(r.id,{address:s.address,identity:s.identity});if(a.mock)_(a.orderId);else if(a.url)g("Shop Redirected To Stripe",{order_id:a.orderId,pack_usd:r.usd,credits:r.credits}),window.location.href=a.url;else throw new Error("Checkout did not return a redirect url")}catch(a){U(a,{flow:"get_credits",step:"checkout",provider:C}),g("Shop Buy Credits Failed",{step:"checkout",error_code:N(a),pack_usd:r.usd}),k(ie(a)),p("error")}},[s,f,_]),z=l.useRef(!1),W=l.useRef(null);l.useEffect(()=>{if(z.current)return;const r=m.get("order");if(m.get("canceled")!=null){z.current=!0,g("Shop Buy Credits Cancelled",{order_id:r,provider:C}),r&&s&&we(r,s.identity),I(),R(!0),p("select");return}r&&(p("processing"),s&&(z.current=!0,I(),_(r)))},[m,s]);function B(){var r;(r=T.current)==null||r.abort(),p("select"),q(null),E(null),k(null),R(!1)}function he(){const r=W.current;if(!r)return;const a=window.matchMedia("(prefers-reduced-motion: reduce)").matches;r.scrollIntoView({behavior:a?"auto":"smooth",block:"center"}),r.focus({preventScroll:!0})}return t.jsxs(_e,{children:[(u==="select"||u==="redirecting")&&t.jsxs(t.Fragment,{children:[t.jsx(ze,{"data-testid":"credits-hero",children:t.jsxs(Be,{children:[t.jsxs(qe,{$hidden:u==="redirecting",children:[t.jsxs(Ee,{children:[t.jsx(Ie,{children:n("getCredits.title")}),t.jsxs(We,{children:[t.jsx(Le,{children:n("getCredits.subtitle")}),t.jsx(Me,{type:"button",onClick:he,"data-testid":"credits-learn-more",children:n("getCredits.learnMore")})]})]}),le&&t.jsx(Ge,{role:"status",children:n("getCredits.canceledNote")}),t.jsx(At,{packs:$,loading:y,onSelect:r=>void pe(r)})]}),u==="redirecting"&&t.jsxs(et,{role:"status","aria-live":"polite",children:[t.jsx(nt,{src:Q,alt:"",width:72,height:72}),t.jsx(tt,{children:n("getCredits.redirecting")})]})]})}),t.jsx(Fe,{ref:W,tabIndex:-1,"data-testid":"credits-faq",children:t.jsx(ve,{title:"faq.title",entries:St,tone:"on-dark"})})]}),u==="processing"&&t.jsxs(rt,{role:"status","aria-live":"polite",children:[t.jsx(oe,{src:Q,alt:"",width:61,height:61}),t.jsxs(st,{children:[t.jsxs(ot,{children:[t.jsx("strong",{children:n("getCredits.processing")}),"…"]}),t.jsxs(at,{"aria-hidden":!0,children:[t.jsx(ct,{children:t.jsx(lt,{})}),t.jsx(pt,{children:"1/1"})]})]})]}),u==="success"&&t.jsxs(ht,{role:"status","aria-live":"polite",children:[t.jsx(ke,{}),t.jsxs(ut,{children:[t.jsx(xt,{src:Te,alt:"",width:60,height:60}),t.jsxs(gt,{children:[t.jsx("strong",{children:n("getCredits.successTitle")})," ",n("getCredits.successBody",{currency:h.name})]})]}),j!=null&&t.jsx(ft,{children:t.jsxs(mt,{children:[t.jsx(bt,{src:de,alt:"",width:93,height:93}),t.jsxs(wt,{children:[t.jsx(re,{}),t.jsxs("span",{children:[t.jsx(yt,{children:n("getCredits.creditsAmount",{credits:j,currency:h.name})})," ",t.jsx(kt,{children:n("getCredits.creditsAdded")})]})]})]})}),t.jsxs(vt,{children:[t.jsx(v,{"data-variant":"outline",onClick:B,children:n("getCredits.buyMore",{currency:h.name})}),t.jsx(v,{onClick:()=>d("/items"),children:n("getCredits.startShopping")})]})]}),u==="pending"&&t.jsxs(Z,{role:"status","aria-live":"polite",children:[t.jsx(J,{children:n("getCredits.pendingTitle",{currency:h.name})}),t.jsx(Je,{children:n("getCredits.pendingBody")}),t.jsxs(ee,{children:[t.jsx(v,{onClick:()=>d("/items"),children:n("getCredits.startShopping")}),t.jsx(v,{"data-variant":"outline",onClick:B,children:n("getCredits.done")})]})]}),u==="error"&&t.jsxs(Z,{role:"alert",children:[t.jsx(J,{"data-tone":"error",children:n("getCredits.errorTitle")}),t.jsx(Ct,{children:ce}),t.jsx(ee,{children:t.jsx(v,{onClick:B,children:n("getCredits.tryAgain")})})]})]})}function At({packs:d,loading:s,onSelect:f}){return s?t.jsx(O,{"aria-busy":"true","aria-label":n("getCredits.packsLoading",{currency:h.name}),children:[0,1,2,3].map(o=>t.jsxs(Y,{as:"div","data-skeleton":"true","data-testid":"pack-skeleton","aria-hidden":!0,children:[t.jsxs(V,{children:[t.jsxs(X,{children:[t.jsx(Ye,{}),t.jsx(Ve,{})]}),t.jsx(Xe,{})]}),t.jsx(Ze,{})]},o))}):t.jsx(O,{children:d.map((o,m)=>{const b=Pe(o,d);return t.jsxs(Y,{type:"button","data-testid":"pack","data-best":o.bestValue?"true":void 0,onClick:()=>f(o),"aria-label":b?n("getCredits.packAriaBonus",{amount:H(o.credits),usd:o.usd,bonus:b.bonus,baseline:b.baseline}):n("getCredits.packAria",{amount:H(o.credits),usd:o.usd}),children:[o.bestValue&&t.jsxs(Ue,{children:[t.jsx(ye,{name:"star-rounded"}),n("getCredits.packBadge")]}),t.jsxs(V,{children:[t.jsxs(X,{children:[t.jsxs(Ne,{children:[t.jsx(re,{}),t.jsx(Qe,{children:o.credits})]}),t.jsx(He,{children:n("getCredits.packUnit",{currency:h.name})})]}),t.jsx(De,{children:t.jsx("img",{src:jt(o,m),alt:"",loading:"lazy",width:507,height:507,onError:$=>{const y=$.currentTarget;y.dataset.artFallback||(y.dataset.artFallback="done",y.src=ae(o,m))}})})]}),t.jsxs(Ke,{children:["$",o.usd.toFixed(2)]})]},o.id)})})}export{Wt as GetCredits,Wt as default};
+`,C=Ae()?"mock":"stripe",te=[A,A,ne,se],$t={pack_5:A,pack_10:A,pack_25:ne,pack_50:se};function ae(d,s){return $t[d.id]??te[s%te.length]}function jt(d,s){return d.artUrl??ae(d,s)}const St=[{question:"faq.buyers.whatAreQ",answer:"faq.buyers.whatAreA"},{question:"faq.buyers.whatCanIBuyQ",answer:"faq.buyers.whatCanIBuyA"},{question:"faq.buyers.whereBuyQ",answer:"faq.buyers.whereBuyA"},{question:"faq.buyers.whereUseQ",answer:"faq.buyers.whereUseA"},{question:"faq.buyers.expireQ",answer:"faq.buyers.expireA"},{question:"faq.buyers.transferQ",answer:"faq.buyers.transferA"}];function ie(d){const s=d;if((s==null?void 0:s.name)==="AbortError")return n("getCredits.errorCanceled");const f=((s==null?void 0:s.message)??"").toLowerCase();return f.includes("sign in")?n("getCredits.errorSignIn",{currency:h.name}):f.includes("timed out")?n("getCredits.errorTimeout",{currency:h.name}):n("getCredits.errorGeneric")}function Wt(){var L;ge({title:n("nav.getCredits",{currency:h.name}),noindex:!0});const d=ue(),{session:s,signIn:f}=fe(),o=me(),[m,b]=xe(),{packs:$,isLoading:y}=Ce(),[u,p]=l.useState("select"),[c,q]=l.useState(null),[j,E]=l.useState(null),de=(j!=null?(L=$.find(r=>r.credits===j))==null?void 0:L.artUrl:void 0)??Re,[ce,k]=l.useState(null),[le,R]=l.useState(!1),T=l.useRef(null);l.useEffect(()=>()=>{var r;return(r=T.current)==null?void 0:r.abort()},[]);const I=l.useCallback(()=>{b(r=>{const a=new URLSearchParams(r);return a.delete("order"),a.delete("canceled"),a},{replace:!0})},[b]),_=l.useCallback(async r=>{p("processing");const a=new AbortController;T.current=a;try{const x=await $e(r,{signal:a.signal,address:s==null?void 0:s.address,identity:s==null?void 0:s.identity});if(x.status==="credited"){const w=x.creditsGranted??(c==null?void 0:c.credits)??0;E(w>0?w:null),p("success"),g("Shop Completed Buy Credits",{order_id:r,pack_usd:(c==null?void 0:c.usd)??null,credits:w>0?w:null,provider:C}),o.invalidateQueries({queryKey:["usd-balance"]});try{if(sessionStorage.getItem(je)){const S={resumeCheckout:!0,...w>0?{creditsAdded:w}:{}};d("/cart",{state:S});return}}catch{}try{const S=sessionStorage.getItem(D);if(S){sessionStorage.removeItem(D);const M=JSON.parse(S),G=be(M);if(G){d(G,{state:{item:M,resumeBuy:!0}});return}}}catch{}}else x.status==="pending"?(g("Shop Buy Credits Pending",{step:"grant",pack_usd:(c==null?void 0:c.usd)??null}),o.invalidateQueries({queryKey:["usd-balance"]}),p("pending")):(g("Shop Buy Credits Failed",{step:"grant",error_code:"grant_failed",pack_usd:(c==null?void 0:c.usd)??null}),k(x.error??n("getCredits.errorGrant",{currency:h.name})),p("error"))}catch(x){U(x,{flow:"get_credits",step:"grant",order_id:r}),g("Shop Buy Credits Failed",{step:"grant",error_code:N(x),pack_usd:(c==null?void 0:c.usd)??null}),k(ie(x)),p("error")}},[c,s,o,d]),pe=l.useCallback(async r=>{if(!s){f();return}k(null),R(!1),q(r),p(C==="mock"?"processing":"redirecting"),g("Shop Started Buy Credits",{pack_usd:r.usd,credits:r.credits,provider:C});try{const a=await Se(r.id,{address:s.address,identity:s.identity});if(a.mock)_(a.orderId);else if(a.url)g("Shop Redirected To Stripe",{order_id:a.orderId,pack_usd:r.usd,credits:r.credits}),window.location.href=a.url;else throw new Error("Checkout did not return a redirect url")}catch(a){U(a,{flow:"get_credits",step:"checkout",provider:C}),g("Shop Buy Credits Failed",{step:"checkout",error_code:N(a),pack_usd:r.usd}),k(ie(a)),p("error")}},[s,f,_]),z=l.useRef(!1),W=l.useRef(null);l.useEffect(()=>{if(z.current)return;const r=m.get("order");if(m.get("canceled")!=null){z.current=!0,g("Shop Buy Credits Cancelled",{order_id:r,provider:C}),r&&s&&we(r,s.identity),I(),R(!0),p("select");return}r&&(p("processing"),s&&(z.current=!0,I(),_(r)))},[m,s]);function B(){var r;(r=T.current)==null||r.abort(),p("select"),q(null),E(null),k(null),R(!1)}function he(){const r=W.current;if(!r)return;const a=window.matchMedia("(prefers-reduced-motion: reduce)").matches;r.scrollIntoView({behavior:a?"auto":"smooth",block:"center"}),r.focus({preventScroll:!0})}return t.jsxs(_e,{children:[(u==="select"||u==="redirecting")&&t.jsxs(t.Fragment,{children:[t.jsx(ze,{"data-testid":"credits-hero",children:t.jsxs(Be,{children:[t.jsxs(qe,{$hidden:u==="redirecting",children:[t.jsxs(Ee,{children:[t.jsx(Ie,{children:n("getCredits.title")}),t.jsxs(We,{children:[t.jsx(Le,{children:n("getCredits.subtitle")}),t.jsx(Me,{type:"button",onClick:he,"data-testid":"credits-learn-more",children:n("getCredits.learnMore")})]})]}),le&&t.jsx(Ge,{role:"status",children:n("getCredits.canceledNote")}),t.jsx(At,{packs:$,loading:y,onSelect:r=>void pe(r)})]}),u==="redirecting"&&t.jsxs(et,{role:"status","aria-live":"polite",children:[t.jsx(nt,{src:Q,alt:"",width:72,height:72}),t.jsx(tt,{children:n("getCredits.redirecting")})]})]})}),t.jsx(Fe,{ref:W,tabIndex:-1,"data-testid":"credits-faq",children:t.jsx(ve,{title:"faq.title",entries:St,tone:"on-dark"})})]}),u==="processing"&&t.jsxs(rt,{role:"status","aria-live":"polite",children:[t.jsx(oe,{src:Q,alt:"",width:61,height:61}),t.jsxs(st,{children:[t.jsxs(ot,{children:[t.jsx("strong",{children:n("getCredits.processing")}),"…"]}),t.jsxs(at,{"aria-hidden":!0,children:[t.jsx(ct,{children:t.jsx(lt,{})}),t.jsx(pt,{children:"1/1"})]})]})]}),u==="success"&&t.jsxs(ht,{role:"status","aria-live":"polite",children:[t.jsx(ke,{}),t.jsxs(ut,{children:[t.jsx(xt,{src:Te,alt:"",width:60,height:60}),t.jsxs(gt,{children:[t.jsx("strong",{children:n("getCredits.successTitle")})," ",n("getCredits.successBody",{currency:h.name})]})]}),j!=null&&t.jsx(ft,{children:t.jsxs(mt,{children:[t.jsx(bt,{src:de,alt:"",width:93,height:93}),t.jsxs(wt,{children:[t.jsx(re,{}),t.jsxs("span",{children:[t.jsx(yt,{children:n("getCredits.creditsAmount",{credits:j,currency:h.name})})," ",t.jsx(kt,{children:n("getCredits.creditsAdded")})]})]})]})}),t.jsxs(vt,{children:[t.jsx(v,{"data-variant":"outline",onClick:B,children:n("getCredits.buyMore",{currency:h.name})}),t.jsx(v,{onClick:()=>d("/items"),children:n("getCredits.startShopping")})]})]}),u==="pending"&&t.jsxs(Z,{role:"status","aria-live":"polite",children:[t.jsx(J,{children:n("getCredits.pendingTitle",{currency:h.name})}),t.jsx(Je,{children:n("getCredits.pendingBody")}),t.jsxs(ee,{children:[t.jsx(v,{onClick:()=>d("/items"),children:n("getCredits.startShopping")}),t.jsx(v,{"data-variant":"outline",onClick:B,children:n("getCredits.done")})]})]}),u==="error"&&t.jsxs(Z,{role:"alert",children:[t.jsx(J,{"data-tone":"error",children:n("getCredits.errorTitle")}),t.jsx(Ct,{children:ce}),t.jsx(ee,{children:t.jsx(v,{onClick:B,children:n("getCredits.tryAgain")})})]})]})}function At({packs:d,loading:s,onSelect:f}){return s?t.jsx(K,{"aria-busy":"true","aria-label":n("getCredits.packsLoading",{currency:h.name}),children:[0,1,2,3].map(o=>t.jsxs(V,{as:"div","data-skeleton":"true","data-testid":"pack-skeleton","aria-hidden":!0,children:[t.jsxs(Y,{children:[t.jsxs(X,{children:[t.jsx(Ve,{}),t.jsx(Ye,{})]}),t.jsx(Xe,{})]}),t.jsx(Ze,{})]},o))}):t.jsx(K,{children:d.map((o,m)=>{const b=Pe(o,d);return t.jsxs(V,{type:"button","data-testid":"pack","data-best":o.bestValue?"true":void 0,onClick:()=>f(o),"aria-label":b?n("getCredits.packAriaBonus",{amount:H(o.credits),usd:o.usd,bonus:b.bonus,baseline:b.baseline}):n("getCredits.packAria",{amount:H(o.credits),usd:o.usd}),children:[o.bestValue&&t.jsxs(Ue,{children:[t.jsx(ye,{name:"star-rounded"}),n("getCredits.packBadge")]}),t.jsxs(Y,{children:[t.jsxs(X,{children:[t.jsxs(Ne,{children:[t.jsx(re,{}),t.jsx(Qe,{children:o.credits})]}),t.jsx(He,{children:n("getCredits.packUnit",{currency:h.name})})]}),t.jsx(De,{children:t.jsx("img",{src:jt(o,m),alt:"",loading:"lazy",width:507,height:507,onError:$=>{const y=$.currentTarget;y.dataset.artFallback||(y.dataset.artFallback="done",y.src=ae(o,m))}})})]}),t.jsxs(Oe,{children:["$",o.usd.toFixed(2)]})]},o.id)})})}export{Wt as GetCredits,Wt as default};