@dcl/shop 0.1.0-30565861644.commit-86fa62d → 0.1.0-30612955316.commit-0d9b744

package/assets/{GetCredits-DaqSIDEt.js → GetCredits-DWkdHCSk.js}

@@ -1,8 +1,8 @@
-import{b as pe,u as xe,r as l,j as t}from"./react-vyZjIDcS.js";import{s as i,t as e,x as E,m as ue,e as r,h as p,n as he,E as ge,ar as g,ap as fe,l as G,ay as U,I as ee,aj as N,z as te,aQ as me}from"./index-BnbwrW-6.js";import{R as H}from"./resume-buy-Bf0zIH7y.js";import{u as be,p as we,R as ye,c as ke,i as Ce}from"./useCreditPacks-DTZSsQrR.js";import"./sentry-B35L1FdR.js";import"./dcl-schemas-BICTSpB5.js";import"./ethers-CXBJm_wN.js";import"./intl-CBcMB1D2.js";import"./mana-convert-Bc7WVBn5.js";const S="https://cdn.decentraland.org/@dcl/shop/0.1.0-30565861644.commit-86fa62d/assets/pack-coins-BDh1ZDbh.webp",ie="https://cdn.decentraland.org/@dcl/shop/0.1.0-30565861644.commit-86fa62d/assets/pack-stacks-D-V2jSHW.webp",re="https://cdn.decentraland.org/@dcl/shop/0.1.0-30565861644.commit-86fa62d/assets/pack-chest-BX_j84xW.webp",je="https://cdn.decentraland.org/@dcl/shop/0.1.0-30565861644.commit-86fa62d/assets/credit-coin-CmcTCd5i.webp",$e="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",ve="https://cdn.decentraland.org/@dcl/shop/0.1.0-30565861644.commit-86fa62d/assets/packs-backdrop-BcXiUPeP.webp",K="linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0)",Se=i.div`
+import{b as xe,u as ue,r as l,j as t}from"./react-vyZjIDcS.js";import{s as i,t as e,x as T,m as he,e as r,h as p,n as ge,E as fe,ar as f,ap as me,l as N,ay as H,I as re,aj as K,z as E,aQ as D}from"./index-yJi2QIJf.js";import{R as O}from"./resume-buy-Bf0zIH7y.js";import{u as be,p as we,R as ye,c as ke,i as Ce,a as je}from"./useCreditPacks-DnQLmQo7.js";import"./sentry-B35L1FdR.js";import"./dcl-schemas-BICTSpB5.js";import"./ethers-CXBJm_wN.js";import"./intl-CBcMB1D2.js";import"./mana-convert-DTic_WF4.js";const P="https://cdn.decentraland.org/@dcl/shop/0.1.0-30612955316.commit-0d9b744/assets/pack-coins-BDh1ZDbh.webp",ne="https://cdn.decentraland.org/@dcl/shop/0.1.0-30612955316.commit-0d9b744/assets/pack-stacks-D-V2jSHW.webp",se="https://cdn.decentraland.org/@dcl/shop/0.1.0-30612955316.commit-0d9b744/assets/pack-chest-BX_j84xW.webp",$e="https://cdn.decentraland.org/@dcl/shop/0.1.0-30612955316.commit-0d9b744/assets/credit-coin-CmcTCd5i.webp",ve="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.1.0-30612955316.commit-0d9b744/assets/packs-backdrop-BcXiUPeP.webp",Y="linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0)",Pe=i.div`
   display: flex;
   flex-direction: column;
   gap: 24px;
-`,Pe=i.section`
+`,Re=i.section`
   position: relative;
   isolation: isolate;
   display: flex;
@@ -18,17 +18,17 @@ import{b as pe,u as xe,r as l,j as t}from"./react-vyZjIDcS.js";import{s as i,t a
   ${e.media.maxWidth("mobile")} {
     padding: 32px 16px 40px;
   }
-`,Re=i.div`
+`,_e=i.div`
   position: absolute;
   inset: 0;
   z-index: -1;
   opacity: 0.9;
   pointer-events: none;
-  background-image: url(${ve});
+  background-image: url(${Se});
   background-size: cover;
   background-position: 50% 96%;
   background-repeat: no-repeat;
-`,_e=i.div`
+`,ze=i.div`
   width: 100%;
   max-width: 1478px;
   display: flex;
@@ -40,14 +40,14 @@ import{b as pe,u as xe,r as l,j as t}from"./react-vyZjIDcS.js";import{s as i,t a
   ${e.media.maxWidth("lg")} {
     gap: 32px;
   }
-`,ze=i.header`
+`,Ae=i.header`
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 12px;
   width: 100%;
   text-align: center;
-`,Ae=i.h1`
+`,Be=i.h1`
   margin: 0;
   font-family: ${e.font.sans};
   font-size: 40px;
@@ -65,7 +65,7 @@ import{b as pe,u as xe,r as l,j as t}from"./react-vyZjIDcS.js";import{s as i,t a
   align-items: center;
   justify-content: center;
   gap: 8px;
-`,Be=i.p`
+`,Te=i.p`
   margin: 0;
   font-family: ${e.font.sans};
   font-size: 24px;
@@ -76,7 +76,7 @@ import{b as pe,u as xe,r as l,j as t}from"./react-vyZjIDcS.js";import{s as i,t a
   ${e.media.maxWidth("mobile")} {
     font-size: 16px;
   }
-`,Te=i.a`
+`,Fe=i.a`
   display: inline-flex;
   align-items: center;
   gap: 2px;
@@ -110,7 +110,7 @@ import{b as pe,u as xe,r as l,j as t}from"./react-vyZjIDcS.js";import{s as i,t a
       height: 18px;
     }
   }
-`,Fe=i.p`
+`,Le=i.p`
   margin: 0;
   padding: 10px 16px;
   border-radius: ${e.radius.btn};
@@ -120,7 +120,7 @@ import{b as pe,u as xe,r as l,j as t}from"./react-vyZjIDcS.js";import{s as i,t a
   line-height: 1.6;
   color: ${e.colors.media};
   text-align: center;
-`,D=i.div`
+`,V=i.div`
   display: grid;
   grid-template-columns: repeat(4, minmax(0, 1fr));
   gap: 24px;
@@ -136,7 +136,7 @@ import{b as pe,u as xe,r as l,j as t}from"./react-vyZjIDcS.js";import{s as i,t a
     gap: 12px;
     row-gap: 24px;
   }
-`,O=i.button`
+`,Q=i.button`
   position: relative;
   display: flex;
   flex-direction: column;
@@ -162,9 +162,9 @@ import{b as pe,u as xe,r as l,j as t}from"./react-vyZjIDcS.js";import{s as i,t a
     position: absolute;
     border-radius: inherit;
     pointer-events: none;
-    -webkit-mask: ${K};
+    -webkit-mask: ${Y};
     -webkit-mask-composite: xor;
-    mask: ${K};
+    mask: ${Y};
     mask-composite: exclude;
     transition: opacity 0.15s ease;
   }
@@ -221,7 +221,7 @@ import{b as pe,u as xe,r as l,j as t}from"./react-vyZjIDcS.js";import{s as i,t a
   ${e.media.maxWidth("mobile")} {
     gap: 24px;
   }
-`,Le=i.span`
+`,We=i.span`
   position: absolute;
   top: -18px;
   left: 50%;
@@ -256,7 +256,7 @@ import{b as pe,u as xe,r as l,j as t}from"./react-vyZjIDcS.js";import{s as i,t a
       height: 18px;
     }
   }
-`,Y=i.span`
+`,X=i.span`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -266,7 +266,7 @@ import{b as pe,u as xe,r as l,j as t}from"./react-vyZjIDcS.js";import{s as i,t a
   ${e.media.maxWidth("mobile")} {
     padding-top: 16px;
   }
-`,V=i.span`
+`,q=i.span`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -282,20 +282,57 @@ import{b as pe,u as xe,r as l,j as t}from"./react-vyZjIDcS.js";import{s as i,t a
     height: 29.79px;
     color: ${e.colors.softWhite};
   }
-`,We=i.span`
+`,Me=i.span`
   font-family: ${e.font.sans};
   font-size: 40px;
   font-weight: 800;
   line-height: 30px;
   color: ${e.colors.white};
-`,Me=i.span`
+`,Ge=i.span`
   font-family: ${e.font.sans};
   font-size: 20px;
   font-weight: 500;
   line-height: 15px;
   color: ${e.colors.media};
   text-transform: uppercase;
-`,Ge=i.span`
+`,Ue=i.span`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+
+  &[data-empty='true'] {
+    visibility: hidden;
+  }
+
+  .ico {
+    width: 17px;
+    height: 18px;
+    color: ${e.colors.softWhite};
+    opacity: 0.55;
+  }
+`,Ne=i.span`
+  font-family: ${e.font.sans};
+  font-size: 22px;
+  font-weight: 600;
+  line-height: 24px;
+  color: rgba(255, 255, 255, 0.55);
+  text-decoration: line-through;
+  text-decoration-thickness: 2px;
+`,He=i.span`
+  display: inline-flex;
+  align-items: center;
+  padding: 3px 10px;
+  border-radius: ${e.radius.pill};
+  background: rgba(255, 255, 255, 0.16);
+  border: 1px solid rgba(255, 255, 255, 0.28);
+  font-family: ${e.font.sans};
+  font-size: 13px;
+  font-weight: 700;
+  line-height: 18px;
+  color: ${e.colors.white};
+  white-space: nowrap;
+`,Ke=i.span`
   display: block;
   width: 253.5px;
   max-width: 100%;
@@ -312,7 +349,7 @@ import{b as pe,u as xe,r as l,j as t}from"./react-vyZjIDcS.js";import{s as i,t a
   @media (max-width: 520px) {
     width: 200px;
   }
-`,Ue=i.span`
+`,De=i.span`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -328,11 +365,11 @@ import{b as pe,u as xe,r as l,j as t}from"./react-vyZjIDcS.js";import{s as i,t a
   letter-spacing: 0.46px;
   color: ${e.colors.text2};
   text-transform: uppercase;
-`,Ne=E`
+`,Oe=T`
   to {
     background-position: -200% 0;
   }
-`,B=i.span`
+`,F=i.span`
   display: block;
   background: linear-gradient(
     100deg,
@@ -341,29 +378,29 @@ import{b as pe,u as xe,r as l,j as t}from"./react-vyZjIDcS.js";import{s as i,t a
     rgba(255, 255, 255, 0.08) 70%
   );
   background-size: 200% 100%;
-  animation: ${Ne} 1.4s infinite linear;
+  animation: ${Oe} 1.4s infinite linear;
 
   @media (prefers-reduced-motion: reduce) {
     animation: none;
   }
-`,He=i(B)`
+`,Ye=i(F)`
   width: 60%;
   height: 30px;
   border-radius: ${e.radius.chip};
-`,Ke=i(B)`
+`,Ve=i(F)`
   width: 253.5px;
   max-width: 100%;
   aspect-ratio: 1;
   border-radius: 16px;
-`,De=i(B)`
+`,Qe=i(F)`
   width: 100%;
   height: 48px;
   border-radius: ${e.radius.card};
-`,Oe=i.p`
+`,Xe=i.p`
   margin: 0;
   font-family: ${e.font.sans};
   color: ${e.colors.muted};
-`,Ye=i.div`
+`,qe=i.div`
   position: absolute;
   inset: 0;
   z-index: 1;
@@ -374,13 +411,13 @@ import{b as pe,u as xe,r as l,j as t}from"./react-vyZjIDcS.js";import{s as i,t a
   gap: 24px;
   padding: 24px;
   text-align: center;
-`,Ve=i.p`
+`,Ze=i.p`
   margin: 0;
   font-family: ${e.font.sans};
   font-size: 16px;
   line-height: 1.4;
   color: rgba(255, 255, 255, 0.88);
-`,Qe=E`
+`,Je=T`
   0%, 100% {
     transform: scale(1);
     opacity: 1;
@@ -389,7 +426,7 @@ import{b as pe,u as xe,r as l,j as t}from"./react-vyZjIDcS.js";import{s as i,t a
     transform: scale(0.88);
     opacity: 0.7;
   }
-`,Xe=i.div`
+`,et=i.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -397,23 +434,23 @@ import{b as pe,u as xe,r as l,j as t}from"./react-vyZjIDcS.js";import{s as i,t a
   gap: 32px;
   padding: 64px 24px;
   min-height: 42vh;
-`,ne=i.img`
+`,oe=i.img`
   width: 61px;
   height: 61px;
-  animation: ${Qe} 1.2s ease-in-out infinite;
+  animation: ${Je} 1.2s ease-in-out infinite;
 
   @media (prefers-reduced-motion: reduce) {
     animation: none;
   }
-`,qe=i(ne)`
+`,tt=i(oe)`
   width: 72px;
   height: 72px;
-`,Ze=i.div`
+`,it=i.div`
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 8px;
-`,Je=i.p`
+`,rt=i.p`
   margin: 0;
   font-family: ${e.font.sans};
   font-size: 20px;
@@ -423,18 +460,18 @@ import{b as pe,u as xe,r as l,j as t}from"./react-vyZjIDcS.js";import{s as i,t a
   strong {
     font-weight: 700;
   }
-`,et=i.div`
+`,nt=i.div`
   display: flex;
   align-items: center;
   gap: 8px;
-`,tt=E`
+`,st=T`
   0% {
     left: -40%;
   }
   100% {
     left: 100%;
   }
-`,it=i.span`
+`,ot=i.span`
   position: relative;
   width: 456px;
   max-width: 60vw;
@@ -442,7 +479,7 @@ import{b as pe,u as xe,r as l,j as t}from"./react-vyZjIDcS.js";import{s as i,t a
   border-radius: ${e.radius.pill};
   background: ${e.colors.chip};
   overflow: hidden;
-`,rt=i.span`
+`,at=i.span`
   position: absolute;
   top: 0;
   left: -40%;
@@ -450,25 +487,25 @@ import{b as pe,u as xe,r as l,j as t}from"./react-vyZjIDcS.js";import{s as i,t a
   height: 100%;
   border-radius: ${e.radius.pill};
   background: ${e.gradients.amethyst};
-  animation: ${tt} 1.4s ease-in-out infinite;
+  animation: ${st} 1.4s ease-in-out infinite;
 
   @media (prefers-reduced-motion: reduce) {
     left: 0;
     width: 30%;
     animation: none;
   }
-`,nt=i.span`
+`,dt=i.span`
   font-family: ${e.font.sans};
   font-size: 16px;
   line-height: 22px;
   color: ${e.colors.text2};
-`,st=i.div`
+`,ct=i.div`
   display: flex;
   flex-direction: column;
   gap: 12px;
   max-width: 895px;
   margin: 0 auto;
-`,ot=i.div`
+`,lt=i.div`
   display: flex;
   align-items: center;
   gap: 16px;
@@ -481,11 +518,11 @@ import{b as pe,u as xe,r as l,j as t}from"./react-vyZjIDcS.js";import{s as i,t a
     flex-direction: column;
     text-align: center;
   }
-`,at=i.img`
+`,pt=i.img`
   flex: none;
   width: 60px;
   height: 60px;
-`,dt=i.p`
+`,xt=i.p`
   flex: 1;
   margin: 0;
   font-family: ${e.font.sans};
@@ -497,12 +534,12 @@ import{b as pe,u as xe,r as l,j as t}from"./react-vyZjIDcS.js";import{s as i,t a
   strong {
     font-weight: 700;
   }
-`,ct=i.div`
+`,ut=i.div`
   padding: 24px;
   border-radius: 16px;
   background: ${e.colors.white};
   border: 1px solid ${e.colors.gray4};
-`,lt=i.div`
+`,ht=i.div`
   position: relative;
   display: flex;
   align-items: center;
@@ -526,7 +563,7 @@ import{b as pe,u as xe,r as l,j as t}from"./react-vyZjIDcS.js";import{s as i,t a
     gap: 10px;
     padding: 120px 16px 16px;
   }
-`,pt=i.img`
+`,gt=i.img`
   position: absolute;
   left: 35px;
   top: 50%;
@@ -540,7 +577,7 @@ import{b as pe,u as xe,r as l,j as t}from"./react-vyZjIDcS.js";import{s as i,t a
     top: 16px;
     transform: translateX(-50%);
   }
-`,xt=i.p`
+`,ft=i.p`
   display: inline-flex;
   align-items: center;
   gap: 8px;
@@ -553,21 +590,21 @@ import{b as pe,u as xe,r as l,j as t}from"./react-vyZjIDcS.js";import{s as i,t a
     height: 30px;
     color: ${e.colors.text};
   }
-`,ut=i.strong`
+`,mt=i.strong`
   font-size: 24px;
   font-weight: 700;
   text-transform: capitalize;
-`,ht=i.span`
+`,bt=i.span`
   font-size: 14px;
   font-weight: 400;
-`,gt=i.div`
+`,wt=i.div`
   display: flex;
   gap: 12px;
 
   @media (max-width: 560px) {
     flex-direction: column;
   }
-`,k=i.button`
+`,C=i.button`
   flex: 1;
   display: inline-flex;
   align-items: center;
@@ -604,7 +641,7 @@ import{b as pe,u as xe,r as l,j as t}from"./react-vyZjIDcS.js";import{s as i,t a
     outline: 2px solid ${e.colors.accent};
     outline-offset: 2px;
   }
-`,Q=i.div`
+`,Z=i.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -613,7 +650,7 @@ import{b as pe,u as xe,r as l,j as t}from"./react-vyZjIDcS.js";import{s as i,t a
   margin: 0 auto;
   padding: 48px 24px;
   text-align: center;
-`,X=i.p`
+`,J=i.p`
   margin: 0;
   font-family: ${e.font.sans};
   font-size: 20px;
@@ -623,12 +660,12 @@ import{b as pe,u as xe,r as l,j as t}from"./react-vyZjIDcS.js";import{s as i,t a
   &[data-tone='error'] {
     color: ${e.colors.err};
   }
-`,q=i.div`
+`,ee=i.div`
   display: flex;
   gap: 12px;
   margin-top: 16px;
-`,ft=i.p`
+`,yt=i.p`
   margin: 0;
   font-family: ${e.font.sans};
   color: ${e.colors.err};
-`,C=Ce()?"mock":"stripe",Z=[S,S,ie,re],mt={pack_5:S,pack_10:S,pack_25:ie,pack_50:re};function se(a,s){return mt[a.id]??Z[s%Z.length]}function bt(a,s){return a.artUrl??se(a,s)}const wt="https://docs.decentraland.org";function J(a){const s=a;if((s==null?void 0:s.name)==="AbortError")return r("getCredits.errorCanceled");const f=((s==null?void 0:s.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 zt(){var I;ue({title:r("nav.getCredits",{currency:p.name}),noindex:!0});const a=pe(),{session:s,signIn:f}=he(),d=ge(),[m,j]=xe(),{packs:b,isLoading:oe}=be(),[u,x]=l.useState("select"),[c,T]=l.useState(null),[$,F]=l.useState(null),ae=($!=null?(I=b.find(n=>n.credits===$))==null?void 0:I.artUrl:void 0)??je,[de,y]=l.useState(null),[ce,P]=l.useState(!1),R=l.useRef(null);l.useEffect(()=>()=>{var n;return(n=R.current)==null?void 0:n.abort()},[]);const L=l.useCallback(()=>{j(n=>{const o=new URLSearchParams(n);return o.delete("order"),o.delete("canceled"),o},{replace:!0})},[j]),_=l.useCallback(async n=>{x("processing");const o=new AbortController;R.current=o;try{const h=await we(n,{signal:o.signal,address:s==null?void 0:s.address,identity:s==null?void 0:s.identity});if(h.status==="credited"){const w=h.creditsGranted??(c==null?void 0:c.credits)??0;F(w>0?w:null),x("success"),g("Shop Completed Buy Credits",{order_id:n,pack_usd:(c==null?void 0:c.usd)??null,credits:w>0?w:null,provider:C}),d.invalidateQueries({queryKey:["usd-balance"]});try{if(sessionStorage.getItem(ye)){const v={resumeCheckout:!0,...w>0?{creditsAdded:w}:{}};a("/cart",{state:v});return}}catch{}try{const v=sessionStorage.getItem(H);if(v){sessionStorage.removeItem(H);const W=JSON.parse(v),M=fe(W);if(M){a(M,{state:{item:W,resumeBuy:!0}});return}}}catch{}}else h.status==="pending"?(g("Shop Buy Credits Pending",{step:"grant",pack_usd:(c==null?void 0:c.usd)??null}),d.invalidateQueries({queryKey:["usd-balance"]}),x("pending")):(g("Shop Buy Credits Failed",{step:"grant",error_code:"grant_failed",pack_usd:(c==null?void 0:c.usd)??null}),y(h.error??r("getCredits.errorGrant",{currency:p.name})),x("error"))}catch(h){G(h,{flow:"get_credits",step:"grant",order_id:n}),g("Shop Buy Credits Failed",{step:"grant",error_code:U(h),pack_usd:(c==null?void 0:c.usd)??null}),y(J(h)),x("error")}},[c,s,d,a]),le=l.useCallback(async n=>{if(!s){f();return}y(null),P(!1),T(n),x(C==="mock"?"processing":"redirecting"),g("Shop Started Buy Credits",{pack_usd:n.usd,credits:n.credits,provider:C});try{const o=await ke(n.id,{address:s.address,identity:s.identity});if(o.mock)_(o.orderId);else if(o.url)g("Shop Redirected To Stripe",{order_id:o.orderId,pack_usd:n.usd,credits:n.credits}),window.location.href=o.url;else throw new Error("Checkout did not return a redirect url")}catch(o){G(o,{flow:"get_credits",step:"checkout",provider:C}),g("Shop Buy Credits Failed",{step:"checkout",error_code:U(o),pack_usd:n.usd}),y(J(o)),x("error")}},[s,f,_]),z=l.useRef(!1);l.useEffect(()=>{if(z.current)return;const n=m.get("order");if(m.get("canceled")!=null){z.current=!0,g("Shop Buy Credits Cancelled",{order_id:n,provider:C}),L(),P(!0),x("select");return}n&&(x("processing"),s&&(z.current=!0,L(),_(n)))},[m,s]);function A(){var n;(n=R.current)==null||n.abort(),x("select"),T(null),F(null),y(null),P(!1)}return t.jsxs(Se,{children:[(u==="select"||u==="redirecting")&&t.jsxs(Pe,{"data-testid":"credits-hero",children:[t.jsx(Re,{"aria-hidden":!0}),t.jsxs(_e,{$hidden:u==="redirecting",children:[t.jsxs(ze,{children:[t.jsx(Ae,{children:r("getCredits.title",{currency:p.name})}),t.jsxs(Ee,{children:[t.jsx(Be,{children:r("getCredits.subtitle",{currency:p.nameSingular})}),t.jsxs(Te,{href:wt,target:"_blank",rel:"noreferrer",children:[r("getCredits.learnMore"),t.jsx(ee,{name:"link-out"})]})]})]}),ce&&t.jsx(Fe,{role:"status",children:r("getCredits.canceledNote")}),t.jsx(yt,{packs:b,loading:oe,onSelect:n=>void le(n)})]}),u==="redirecting"&&t.jsxs(Ye,{role:"status","aria-live":"polite",children:[t.jsx(qe,{src:N,alt:"",width:72,height:72}),t.jsx(Ve,{children:r("getCredits.redirecting")})]})]}),u==="processing"&&t.jsxs(Xe,{role:"status","aria-live":"polite",children:[t.jsx(ne,{src:N,alt:"",width:61,height:61}),t.jsxs(Ze,{children:[t.jsxs(Je,{children:[t.jsx("strong",{children:r("getCredits.processing")}),"…"]}),t.jsxs(et,{"aria-hidden":!0,children:[t.jsx(it,{children:t.jsx(rt,{})}),t.jsx(nt,{children:"1/1"})]})]})]}),u==="success"&&t.jsxs(st,{role:"status","aria-live":"polite",children:[t.jsxs(ot,{children:[t.jsx(at,{src:$e,alt:"",width:60,height:60}),t.jsxs(dt,{children:[t.jsx("strong",{children:r("getCredits.successTitle")})," ",r("getCredits.successBody",{currency:p.name})]})]}),$!=null&&t.jsx(ct,{children:t.jsxs(lt,{children:[t.jsx(pt,{src:ae,alt:"",width:93,height:93}),t.jsxs(xt,{children:[t.jsx(te,{}),t.jsxs("span",{children:[t.jsx(ut,{children:r("getCredits.creditsAmount",{credits:$,currency:p.name})})," ",t.jsx(ht,{children:r("getCredits.creditsAdded")})]})]})]})}),t.jsxs(gt,{children:[t.jsx(k,{"data-variant":"outline",onClick:A,children:r("getCredits.buyMore",{currency:p.name})}),t.jsx(k,{onClick:()=>a("/assets"),children:r("getCredits.startShopping")})]})]}),u==="pending"&&t.jsxs(Q,{role:"status","aria-live":"polite",children:[t.jsx(X,{children:r("getCredits.pendingTitle",{currency:p.name})}),t.jsx(Oe,{children:r("getCredits.pendingBody")}),t.jsxs(q,{children:[t.jsx(k,{onClick:()=>a("/assets"),children:r("getCredits.startShopping")}),t.jsx(k,{"data-variant":"outline",onClick:A,children:r("getCredits.done")})]})]}),u==="error"&&t.jsxs(Q,{role:"alert",children:[t.jsx(X,{"data-tone":"error",children:r("getCredits.errorTitle")}),t.jsx(ft,{children:de}),t.jsx(q,{children:t.jsx(k,{onClick:A,children:r("getCredits.tryAgain")})})]})]})}function yt({packs:a,loading:s,onSelect:f}){return s?t.jsx(D,{"aria-busy":"true","aria-label":r("getCredits.packsLoading",{currency:p.name}),children:[0,1,2,3].map(d=>t.jsxs(O,{as:"div","data-skeleton":"true","data-testid":"pack-skeleton","aria-hidden":!0,children:[t.jsxs(Y,{children:[t.jsx(V,{children:t.jsx(He,{})}),t.jsx(Ke,{})]}),t.jsx(De,{})]},d))}):t.jsx(D,{children:a.map((d,m)=>t.jsxs(O,{type:"button","data-testid":"pack","data-best":d.bestValue?"true":void 0,onClick:()=>f(d),"aria-label":r("getCredits.packAria",{amount:me(d.credits),usd:d.usd}),children:[d.bestValue&&t.jsxs(Le,{children:[t.jsx(ee,{name:"star-rounded"}),r("getCredits.packBadge")]}),t.jsxs(Y,{children:[t.jsxs(V,{children:[t.jsxs(Ie,{children:[t.jsx(te,{}),t.jsx(We,{children:d.credits})]}),t.jsx(Me,{children:r("getCredits.packUnit",{currency:p.name})})]}),t.jsx(Ge,{children:t.jsx("img",{src:bt(d,m),alt:"",loading:"lazy",width:507,height:507,onError:j=>{const b=j.currentTarget;b.dataset.artFallback||(b.dataset.artFallback="done",b.src=se(d,m))}})})]}),t.jsxs(Ue,{children:["$",d.usd.toFixed(2)]})]},d.id))})}export{zt as GetCredits,zt as default};
+`,j=Ce()?"mock":"stripe",te=[P,P,ne,se],kt={pack_5:P,pack_10:P,pack_25:ne,pack_50:se};function ae(a,s){return kt[a.id]??te[s%te.length]}function Ct(a,s){return a.artUrl??ae(a,s)}const jt="https://docs.decentraland.org";function ie(a){const s=a;if((s==null?void 0:s.name)==="AbortError")return r("getCredits.errorCanceled");const m=((s==null?void 0:s.message)??"").toLowerCase();return m.includes("sign in")?r("getCredits.errorSignIn",{currency:p.name}):m.includes("timed out")?r("getCredits.errorTimeout",{currency:p.name}):r("getCredits.errorGeneric")}function Tt(){var M;he({title:r("nav.getCredits",{currency:p.name}),noindex:!0});const a=xe(),{session:s,signIn:m}=ge(),o=fe(),[b,x]=ue(),{packs:$,isLoading:y}=be(),[h,u]=l.useState("select"),[c,L]=l.useState(null),[v,W]=l.useState(null),de=(v!=null?(M=$.find(n=>n.credits===v))==null?void 0:M.artUrl:void 0)??$e,[ce,k]=l.useState(null),[le,R]=l.useState(!1),_=l.useRef(null);l.useEffect(()=>()=>{var n;return(n=_.current)==null?void 0:n.abort()},[]);const I=l.useCallback(()=>{x(n=>{const d=new URLSearchParams(n);return d.delete("order"),d.delete("canceled"),d},{replace:!0})},[x]),z=l.useCallback(async n=>{u("processing");const d=new AbortController;_.current=d;try{const g=await we(n,{signal:d.signal,address:s==null?void 0:s.address,identity:s==null?void 0:s.identity});if(g.status==="credited"){const w=g.creditsGranted??(c==null?void 0:c.credits)??0;W(w>0?w:null),u("success"),f("Shop Completed Buy Credits",{order_id:n,pack_usd:(c==null?void 0:c.usd)??null,credits:w>0?w:null,provider:j}),o.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(O);if(S){sessionStorage.removeItem(O);const G=JSON.parse(S),U=me(G);if(U){a(U,{state:{item:G,resumeBuy:!0}});return}}}catch{}}else g.status==="pending"?(f("Shop Buy Credits Pending",{step:"grant",pack_usd:(c==null?void 0:c.usd)??null}),o.invalidateQueries({queryKey:["usd-balance"]}),u("pending")):(f("Shop Buy Credits Failed",{step:"grant",error_code:"grant_failed",pack_usd:(c==null?void 0:c.usd)??null}),k(g.error??r("getCredits.errorGrant",{currency:p.name})),u("error"))}catch(g){N(g,{flow:"get_credits",step:"grant",order_id:n}),f("Shop Buy Credits Failed",{step:"grant",error_code:H(g),pack_usd:(c==null?void 0:c.usd)??null}),k(ie(g)),u("error")}},[c,s,o,a]),pe=l.useCallback(async n=>{if(!s){m();return}k(null),R(!1),L(n),u(j==="mock"?"processing":"redirecting"),f("Shop Started Buy Credits",{pack_usd:n.usd,credits:n.credits,provider:j});try{const d=await ke(n.id,{address:s.address,identity:s.identity});if(d.mock)z(d.orderId);else if(d.url)f("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:j}),f("Shop Buy Credits Failed",{step:"checkout",error_code:H(d),pack_usd:n.usd}),k(ie(d)),u("error")}},[s,m,z]),A=l.useRef(!1);l.useEffect(()=>{if(A.current)return;const n=b.get("order");if(b.get("canceled")!=null){A.current=!0,f("Shop Buy Credits Cancelled",{order_id:n,provider:j}),I(),R(!0),u("select");return}n&&(u("processing"),s&&(A.current=!0,I(),z(n)))},[b,s]);function B(){var n;(n=_.current)==null||n.abort(),u("select"),L(null),W(null),k(null),R(!1)}return t.jsxs(Pe,{children:[(h==="select"||h==="redirecting")&&t.jsxs(Re,{"data-testid":"credits-hero",children:[t.jsx(_e,{"aria-hidden":!0}),t.jsxs(ze,{$hidden:h==="redirecting",children:[t.jsxs(Ae,{children:[t.jsx(Be,{children:r("getCredits.title",{currency:p.name})}),t.jsxs(Ee,{children:[t.jsx(Te,{children:r("getCredits.subtitle",{currency:p.nameSingular})}),t.jsxs(Fe,{href:jt,target:"_blank",rel:"noreferrer",children:[r("getCredits.learnMore"),t.jsx(re,{name:"link-out"})]})]})]}),le&&t.jsx(Le,{role:"status",children:r("getCredits.canceledNote")}),t.jsx($t,{packs:$,loading:y,onSelect:n=>void pe(n)})]}),h==="redirecting"&&t.jsxs(qe,{role:"status","aria-live":"polite",children:[t.jsx(tt,{src:K,alt:"",width:72,height:72}),t.jsx(Ze,{children:r("getCredits.redirecting")})]})]}),h==="processing"&&t.jsxs(et,{role:"status","aria-live":"polite",children:[t.jsx(oe,{src:K,alt:"",width:61,height:61}),t.jsxs(it,{children:[t.jsxs(rt,{children:[t.jsx("strong",{children:r("getCredits.processing")}),"…"]}),t.jsxs(nt,{"aria-hidden":!0,children:[t.jsx(ot,{children:t.jsx(at,{})}),t.jsx(dt,{children:"1/1"})]})]})]}),h==="success"&&t.jsxs(ct,{role:"status","aria-live":"polite",children:[t.jsxs(lt,{children:[t.jsx(pt,{src:ve,alt:"",width:60,height:60}),t.jsxs(xt,{children:[t.jsx("strong",{children:r("getCredits.successTitle")})," ",r("getCredits.successBody",{currency:p.name})]})]}),v!=null&&t.jsx(ut,{children:t.jsxs(ht,{children:[t.jsx(gt,{src:de,alt:"",width:93,height:93}),t.jsxs(ft,{children:[t.jsx(E,{}),t.jsxs("span",{children:[t.jsx(mt,{children:r("getCredits.creditsAmount",{credits:v,currency:p.name})})," ",t.jsx(bt,{children:r("getCredits.creditsAdded")})]})]})]})}),t.jsxs(wt,{children:[t.jsx(C,{"data-variant":"outline",onClick:B,children:r("getCredits.buyMore",{currency:p.name})}),t.jsx(C,{onClick:()=>a("/assets"),children:r("getCredits.startShopping")})]})]}),h==="pending"&&t.jsxs(Z,{role:"status","aria-live":"polite",children:[t.jsx(J,{children:r("getCredits.pendingTitle",{currency:p.name})}),t.jsx(Xe,{children:r("getCredits.pendingBody")}),t.jsxs(ee,{children:[t.jsx(C,{onClick:()=>a("/assets"),children:r("getCredits.startShopping")}),t.jsx(C,{"data-variant":"outline",onClick:B,children:r("getCredits.done")})]})]}),h==="error"&&t.jsxs(Z,{role:"alert",children:[t.jsx(J,{"data-tone":"error",children:r("getCredits.errorTitle")}),t.jsx(yt,{children:ce}),t.jsx(ee,{children:t.jsx(C,{onClick:B,children:r("getCredits.tryAgain")})})]})]})}function $t({packs:a,loading:s,onSelect:m}){return s?t.jsx(V,{"aria-busy":"true","aria-label":r("getCredits.packsLoading",{currency:p.name}),children:[0,1,2,3].map(o=>t.jsxs(Q,{as:"div","data-skeleton":"true","data-testid":"pack-skeleton","aria-hidden":!0,children:[t.jsxs(X,{children:[t.jsx(q,{children:t.jsx(Ye,{})}),t.jsx(Ve,{})]}),t.jsx(Qe,{})]},o))}):t.jsx(V,{children:a.map((o,b)=>{const x=je(o,a);return t.jsxs(Q,{type:"button","data-testid":"pack","data-best":o.bestValue?"true":void 0,onClick:()=>m(o),"aria-label":x?r("getCredits.packAriaBonus",{amount:D(o.credits),usd:o.usd,bonus:x.bonus,baseline:x.baseline}):r("getCredits.packAria",{amount:D(o.credits),usd:o.usd}),children:[o.bestValue&&t.jsxs(We,{children:[t.jsx(re,{name:"star-rounded"}),r("getCredits.packBadge")]}),t.jsxs(X,{children:[t.jsxs(q,{children:[t.jsxs(Ie,{children:[t.jsx(E,{}),t.jsx(Me,{children:o.credits})]}),t.jsx(Ge,{children:r("getCredits.packUnit",{currency:p.name})}),t.jsxs(Ue,{"data-empty":x?void 0:"true","aria-hidden":!0,children:[t.jsx(E,{}),t.jsx(Ne,{children:x?x.baseline:0}),x&&t.jsx(He,{children:r("getCredits.packBonus",{bonus:x.bonus})})]})]}),t.jsx(Ke,{children:t.jsx("img",{src:Ct(o,b),alt:"",loading:"lazy",width:507,height:507,onError:$=>{const y=$.currentTarget;y.dataset.artFallback||(y.dataset.artFallback="done",y.src=ae(o,b))}})})]}),t.jsxs(De,{children:["$",o.usd.toFixed(2)]})]},o.id)})})}export{Tt as GetCredits,Tt as default};

package/assets/{HelpersUtil-BmEt66tk.js → HelpersUtil-Bc_-rYa4.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-DmUPrDg1.js";import{d as g,r as v}from"./index-DiUDVsbw.js";import{C as c}from"./ConstantsUtil-Dfwpy1eP.js";import{R as $,O as u}from"./W3MFrameProviderSingleton-CAciSeGb.js";import{au as y}from"./NetworkUtil-HlUKXKcF.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-CkBDyoGg.js";import{d as g,r as v}from"./index-b_a6Xe2g.js";import{C as c}from"./ConstantsUtil-Dfwpy1eP.js";import{R as $,O as u}from"./W3MFrameProviderSingleton-D3RatyJZ.js";import{au as y}from"./NetworkUtil-HlUKXKcF.js";const b=g`
   :host {
     display: flex;
     justify-content: center;

package/assets/{ImportListings-tR_OXub1.js → ImportListings-C61E-WD4.js}

@@ -1,4 +1,4 @@
-import{j as e,b as ee,r as h,L as te}from"./react-vyZjIDcS.js";import{t as S,s as t,x as ie,y as se,e as i,h as R,B as I,z,ar as ne,aP as K,l as W,m as re,n as oe,E as ae,u as de,F as ce}from"./index-BnbwrW-6.js";import{i as le,R as pe,f as ge}from"./import-Da_I6gAZ.js";import{u as xe}from"./useSecondarySales-uafEfAWN.js";import"./sentry-B35L1FdR.js";import"./dcl-schemas-BICTSpB5.js";import"./ethers-CXBJm_wN.js";import"./intl-CBcMB1D2.js";import"./buy-D3hY4JG8.js";import"./authorizations-B6wWjXdQ.js";import"./sendMetaTransaction-DVALeVb8.js";import"./trade-encoding-ZhCceq00.js";import"./mana-rate-CFfqtCHS.js";import"./mana-convert-Bc7WVBn5.js";function U({size:o=12,...w}){return e.jsx("svg",{viewBox:"0 0 20 20",width:o,height:o,fill:"none","aria-hidden":!0,focusable:"false",...w,children:e.jsx("path",{d:"M5 10.5l3 3 7-7.5",stroke:"#fff",strokeWidth:"2.4",strokeLinecap:"round",strokeLinejoin:"round"})})}const{colors:M,radius:me,z:ue}=S,he=ie`
+import{j as e,b as ee,r as h,L as te}from"./react-vyZjIDcS.js";import{t as S,s as t,x as ie,y as se,e as i,h as R,B as I,z,ar as ne,aP as K,l as W,m as re,n as oe,E as ae,u as de,F as ce}from"./index-yJi2QIJf.js";import{i as le,R as pe,f as ge}from"./import-DSm0v4af.js";import{u as xe}from"./useSecondarySales-BLnZD7gi.js";import"./sentry-B35L1FdR.js";import"./dcl-schemas-BICTSpB5.js";import"./ethers-CXBJm_wN.js";import"./intl-CBcMB1D2.js";import"./buy-DLi3_94e.js";import"./authorizations-BrAVsIY_.js";import"./sendMetaTransaction-BOtIj1YL.js";import"./trade-encoding-BFXwI1r3.js";import"./mana-rate-DTd_zYK_.js";import"./mana-convert-DTic_WF4.js";function U({size:o=12,...w}){return e.jsx("svg",{viewBox:"0 0 20 20",width:o,height:o,fill:"none","aria-hidden":!0,focusable:"false",...w,children:e.jsx("path",{d:"M5 10.5l3 3 7-7.5",stroke:"#fff",strokeWidth:"2.4",strokeLinecap:"round",strokeLinejoin:"round"})})}const{colors:M,radius:me,z:ue}=S,he=ie`
   0% {
     transform: scale(0);
     opacity: 0;