@dcl/shop 0.6.1-30950057562.commit-5ce11cd → 0.6.1-30952038035.commit-ab739fb

package/_assets/{GetCredits-Dhtzz_nn.js → GetCredits-DrTYg5Zo.js}

@@ -1,8 +1,8 @@
-import{d as he,e as xe,r as l,j as t}from"./react-DehiWSvs.js";import{s as i,t as e,q as B,v as ge,d as r,e as p,l as ue,y as fe,U as u,b7 as me,D as N,bg as U,I as ie,b0 as D,x as re,bJ as H}from"./index-Crv-6FMt.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-RMR6xQ90.js";import"./sentry-973sfbO9.js";import"./dcl-schemas-Dr9BTjb7.js";import"./ethers-CtNGBird.js";import"./intl-CBcMB1D2.js";const P="https://cdn.decentraland.org/@dcl/shop/0.6.1-30950057562.commit-5ce11cd/_assets/pack-coins-BDh1ZDbh.webp",ne="https://cdn.decentraland.org/@dcl/shop/0.6.1-30950057562.commit-5ce11cd/_assets/pack-stacks-D-V2jSHW.webp",oe="https://cdn.decentraland.org/@dcl/shop/0.6.1-30950057562.commit-5ce11cd/_assets/pack-chest-BX_j84xW.webp",$e="https://cdn.decentraland.org/@dcl/shop/0.6.1-30950057562.commit-5ce11cd/_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.6.1-30950057562.commit-5ce11cd/_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,q as B,v as ge,d as n,e as p,l as ue,y as fe,U as u,b7 as me,D as N,bg as U,bK as be,I as ie,b0 as D,x as re,bL as H}from"./index-CkcRMZdJ.js";import{R as K}from"./resume-buy-Bf0zIH7y.js";import{u as we,a as ye,R as ke,c as Ce,i as ve,b as $e}from"./useCreditPacks-B1L_qiQa.js";import"./sentry-973sfbO9.js";import"./dcl-schemas-Dr9BTjb7.js";import"./ethers-CtNGBird.js";import"./intl-CBcMB1D2.js";const P="https://cdn.decentraland.org/@dcl/shop/0.6.1-30952038035.commit-ab739fb/_assets/pack-coins-BDh1ZDbh.webp",ne="https://cdn.decentraland.org/@dcl/shop/0.6.1-30952038035.commit-ab739fb/_assets/pack-stacks-D-V2jSHW.webp",oe="https://cdn.decentraland.org/@dcl/shop/0.6.1-30952038035.commit-ab739fb/_assets/pack-chest-BX_j84xW.webp",je="https://cdn.decentraland.org/@dcl/shop/0.6.1-30952038035.commit-ab739fb/_assets/credit-coin-CmcTCd5i.webp",Se="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",Pe="https://cdn.decentraland.org/@dcl/shop/0.6.1-30952038035.commit-ab739fb/_assets/packs-backdrop-BcXiUPeP.webp",O="linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0)",_e=i.div`
   display: flex;
   flex-direction: column;
   gap: 24px;
-`,_e=i.section`
+`,Re=i.section`
   position: relative;
   isolation: isolate;
   display: flex;
@@ -18,17 +18,17 @@ 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: 32px 16px 40px;
   }
-`,Re=i.div`
+`,Te=i.div`
   position: absolute;
   inset: 0;
   z-index: -1;
   opacity: 0.9;
   pointer-events: none;
-  background-image: url(${Se});
+  background-image: url(${Pe});
   background-size: cover;
   background-position: 50% 96%;
   background-repeat: no-repeat;
-`,Te=i.div`
+`,Ae=i.div`
   width: 100%;
   max-width: 1478px;
   display: flex;
@@ -40,14 +40,14 @@ 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("lg")} {
     gap: 32px;
   }
-`,Ae=i.header`
+`,ze=i.header`
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 12px;
   width: 100%;
   text-align: center;
-`,ze=i.h1`
+`,Be=i.h1`
   margin: 0;
   font-family: ${e.font.sans};
   font-size: 40px;
@@ -59,13 +59,13 @@ 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")} {
     font-size: 28px;
   }
-`,Be=i.div`
+`,Ee=i.div`
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: center;
   gap: 8px;
-`,Ee=i.p`
+`,Fe=i.p`
   margin: 0;
   font-family: ${e.font.sans};
   font-size: 24px;
@@ -76,7 +76,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")} {
     font-size: 16px;
   }
-`,Fe=i.a`
+`,Le=i.a`
   display: inline-flex;
   align-items: center;
   gap: 2px;
@@ -110,7 +110,7 @@ import{d as he,e as xe,r as l,j as t}from"./react-DehiWSvs.js";import{s as i,t a
       height: 18px;
     }
   }
-`,Le=i.p`
+`,Ie=i.p`
   margin: 0;
   padding: 10px 16px;
   border-radius: ${e.radius.btn};
@@ -236,7 +236,7 @@ import{d as he,e as xe,r as l,j as t}from"./react-DehiWSvs.js";import{s as i,t a
     padding: 8px;
     border-radius: 16px;
   }
-`,Ie=i.span`
+`,We=i.span`
   position: absolute;
   top: -18px;
   left: 50%;
@@ -290,7 +290,7 @@ import{d as he,e as xe,r as l,j as t}from"./react-DehiWSvs.js";import{s as i,t a
   align-items: center;
   gap: 12px;
   width: 100%;
-`,We=i.span`
+`,Me=i.span`
   display: flex;
   align-items: center;
   gap: 8px;
@@ -307,7 +307,7 @@ import{d as he,e as xe,r as l,j as t}from"./react-DehiWSvs.js";import{s as i,t a
       height: 24.81px;
     }
   }
-`,Me=i.span`
+`,Ge=i.span`
   font-family: ${e.font.sans};
   font-size: 40px;
   font-weight: 800;
@@ -318,7 +318,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: 32px;
     line-height: 24px;
   }
-`,Ge=i.span`
+`,Ne=i.span`
   font-family: ${e.font.sans};
   font-size: 20px;
   font-weight: 500;
@@ -330,7 +330,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: 12px;
   }
-`,Ne=i.span`
+`,Ue=i.span`
   display: block;
   width: 70%;
   aspect-ratio: 1;
@@ -341,7 +341,7 @@ import{d as he,e as xe,r as l,j as t}from"./react-DehiWSvs.js";import{s as i,t a
     height: 100%;
     object-fit: contain;
   }
-`,Ue=i.span`
+`,De=i.span`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -365,7 +365,7 @@ import{d as he,e as xe,r as l,j as t}from"./react-DehiWSvs.js";import{s as i,t a
   letter-spacing: 0.46px;
   color: ${e.colors.text2};
   text-transform: uppercase;
-`,De=B`
+`,He=B`
   to {
     background-position: -200% 0;
   }
@@ -378,29 +378,29 @@ import{d as he,e as xe,r as l,j as t}from"./react-DehiWSvs.js";import{s as i,t a
     rgba(255, 255, 255, 0.08) 70%
   );
   background-size: 200% 100%;
-  animation: ${De} 1.4s infinite linear;
+  animation: ${He} 1.4s infinite linear;
 
   @media (prefers-reduced-motion: reduce) {
     animation: none;
   }
-`,He=i(E)`
+`,Ke=i(E)`
   width: 60%;
   height: 30px;
   border-radius: ${e.radius.chip};
-`,Ke=i(E)`
+`,Oe=i(E)`
   width: 253.5px;
   max-width: 100%;
   aspect-ratio: 1;
   border-radius: 16px;
-`,Oe=i(E)`
+`,Ye=i(E)`
   width: 100%;
   height: 48px;
   border-radius: ${e.radius.card};
-`,Ye=i.p`
+`,Ve=i.p`
   margin: 0;
   font-family: ${e.font.sans};
   color: ${e.colors.muted};
-`,Ve=i.div`
+`,qe=i.div`
   position: absolute;
   inset: 0;
   z-index: 1;
@@ -411,13 +411,13 @@ import{d as he,e as xe,r as l,j as t}from"./react-DehiWSvs.js";import{s as i,t a
   gap: 24px;
   padding: 24px;
   text-align: center;
-`,qe=i.p`
+`,Xe=i.p`
   margin: 0;
   font-family: ${e.font.sans};
   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`
+`,Ze=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;
@@ -445,12 +445,12 @@ import{d as he,e as xe,r as l,j as t}from"./react-DehiWSvs.js";import{s as i,t a
 `,Je=i(se)`
   width: 72px;
   height: 72px;
-`,Ze=i.div`
+`,et=i.div`
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 8px;
-`,et=i.p`
+`,tt=i.p`
   margin: 0;
   font-family: ${e.font.sans};
   font-size: 20px;
@@ -460,18 +460,18 @@ import{d as he,e as xe,r as l,j as t}from"./react-DehiWSvs.js";import{s as i,t a
   strong {
     font-weight: 700;
   }
-`,tt=i.div`
+`,it=i.div`
   display: flex;
   align-items: center;
   gap: 8px;
-`,it=B`
+`,rt=B`
   0% {
     left: -40%;
   }
   100% {
     left: 100%;
   }
-`,rt=i.span`
+`,nt=i.span`
   position: relative;
   width: 456px;
   max-width: 60vw;
@@ -479,7 +479,7 @@ import{d as he,e as xe,r as l,j as t}from"./react-DehiWSvs.js";import{s as i,t a
   border-radius: ${e.radius.pill};
   background: ${e.colors.chip};
   overflow: hidden;
-`,nt=i.span`
+`,ot=i.span`
   position: absolute;
   top: 0;
   left: -40%;
@@ -487,25 +487,25 @@ import{d as he,e as xe,r as l,j as t}from"./react-DehiWSvs.js";import{s as i,t a
   height: 100%;
   border-radius: ${e.radius.pill};
   background: ${e.gradients.amethyst};
-  animation: ${it} 1.4s ease-in-out infinite;
+  animation: ${rt} 1.4s ease-in-out infinite;
 
   @media (prefers-reduced-motion: reduce) {
     left: 0;
     width: 30%;
     animation: none;
   }
-`,ot=i.span`
+`,st=i.span`
   font-family: ${e.font.sans};
   font-size: 16px;
   line-height: 22px;
   color: ${e.colors.text2};
-`,st=i.div`
+`,at=i.div`
   display: flex;
   flex-direction: column;
   gap: 12px;
   max-width: 895px;
   margin: 0 auto;
-`,at=i.div`
+`,dt=i.div`
   display: flex;
   align-items: center;
   gap: 16px;
@@ -518,11 +518,11 @@ import{d as he,e as xe,r as l,j as t}from"./react-DehiWSvs.js";import{s as i,t a
     flex-direction: column;
     text-align: center;
   }
-`,dt=i.img`
+`,ct=i.img`
   flex: none;
   width: 60px;
   height: 60px;
-`,ct=i.p`
+`,lt=i.p`
   flex: 1;
   margin: 0;
   font-family: ${e.font.sans};
@@ -534,12 +534,12 @@ import{d as he,e as xe,r as l,j as t}from"./react-DehiWSvs.js";import{s as i,t a
   strong {
     font-weight: 700;
   }
-`,lt=i.div`
+`,pt=i.div`
   padding: 24px;
   border-radius: 16px;
   background: ${e.colors.white};
   border: 1px solid ${e.colors.gray4};
-`,pt=i.div`
+`,ht=i.div`
   position: relative;
   display: flex;
   align-items: center;
@@ -563,7 +563,7 @@ import{d as he,e as xe,r as l,j as t}from"./react-DehiWSvs.js";import{s as i,t a
     gap: 10px;
     padding: 120px 16px 16px;
   }
-`,ht=i.img`
+`,xt=i.img`
   position: absolute;
   left: 35px;
   top: 50%;
@@ -577,7 +577,7 @@ import{d as he,e as xe,r as l,j as t}from"./react-DehiWSvs.js";import{s as i,t a
     top: 16px;
     transform: translateX(-50%);
   }
-`,xt=i.p`
+`,gt=i.p`
   display: inline-flex;
   align-items: center;
   gap: 8px;
@@ -590,14 +590,14 @@ import{d as he,e as xe,r as l,j as t}from"./react-DehiWSvs.js";import{s as i,t a
     height: 30px;
     color: ${e.colors.text};
   }
-`,gt=i.strong`
+`,ut=i.strong`
   font-size: 24px;
   font-weight: 700;
   text-transform: capitalize;
-`,ut=i.span`
+`,ft=i.span`
   font-size: 14px;
   font-weight: 400;
-`,ft=i.div`
+`,mt=i.div`
   display: flex;
   gap: 12px;
 
@@ -650,7 +650,7 @@ 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 auto;
   padding: 48px 24px;
   text-align: center;
-`,J=i.p`
+`,Z=i.p`
   margin: 0;
   font-family: ${e.font.sans};
   font-size: 20px;
@@ -660,12 +660,12 @@ import{d as he,e as xe,r as l,j as t}from"./react-DehiWSvs.js";import{s as i,t a
   &[data-tone='error'] {
     color: ${e.colors.err};
   }
-`,Z=i.div`
+`,J=i.div`
   display: flex;
   gap: 12px;
   margin-top: 16px;
-`,mt=i.p`
+`,bt=i.p`
   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 Tt(){var W;ge({title:r("nav.getCredits",{currency:p.name}),noindex:!0});const a=he(),{session:o,signIn:f}=ue(),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 g=await we(n,{signal:d.signal,address:o==null?void 0:o.address,identity:o==null?void 0:o.identity});if(g.status==="credited"){const w=g.creditsGranted??(c==null?void 0:c.credits)??0;L(w>0?w:null),h("success"),u("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 g.status==="pending"?(u("Shop Buy Credits Pending",{step:"grant",pack_usd:(c==null?void 0:c.usd)??null}),s.invalidateQueries({queryKey:["usd-balance"]}),h("pending")):(u("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})),h("error"))}catch(g){N(g,{flow:"get_credits",step:"grant",order_id:n}),u("Shop Buy Credits Failed",{step:"grant",error_code:U(g),pack_usd:(c==null?void 0:c.usd)??null}),k(te(g)),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"),u("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)u("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}),u("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,u("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(Je,{src:D,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:D,alt:"",width:61,height:61}),t.jsxs(Ze,{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(gt,{children:r("getCredits.creditsAmount",{credits:j,currency:p.name})})," ",t.jsx(ut,{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(J,{children:r("getCredits.pendingTitle",{currency:p.name})}),t.jsx(Ye,{children:r("getCredits.pendingBody")}),t.jsxs(Z,{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(J,{"data-tone":"error",children:r("getCredits.errorTitle")}),t.jsx(mt,{children:ce}),t.jsx(Z,{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(He,{})}),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:H(s.credits),usd:s.usd,bonus:b.bonus,baseline:b.baseline}):r("getCredits.packAria",{amount:H(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{Tt as GetCredits,Tt as default};
+`,v=ve()?"mock":"stripe",ee=[P,P,ne,oe],wt={pack_5:P,pack_10:P,pack_25:ne,pack_50:oe};function ae(a,o){return wt[a.id]??ee[o%ee.length]}function yt(a,o){return a.artUrl??ae(a,o)}const kt="https://docs.decentraland.org";function te(a){const o=a;if((o==null?void 0:o.name)==="AbortError")return n("getCredits.errorCanceled");const f=((o==null?void 0:o.message)??"").toLowerCase();return f.includes("sign in")?n("getCredits.errorSignIn",{currency:p.name}):f.includes("timed out")?n("getCredits.errorTimeout",{currency:p.name}):n("getCredits.errorGeneric")}function At(){var W;ge({title:n("nav.getCredits",{currency:p.name}),noindex:!0});const a=he(),{session:o,signIn:f}=ue(),s=fe(),[m,b]=xe(),{packs:$,isLoading:y}=we(),[x,h]=l.useState("select"),[c,F]=l.useState(null),[j,L]=l.useState(null),de=(j!=null?(W=$.find(r=>r.credits===j))==null?void 0:W.artUrl:void 0)??je,[ce,k]=l.useState(null),[le,_]=l.useState(!1),R=l.useRef(null);l.useEffect(()=>()=>{var r;return(r=R.current)==null?void 0:r.abort()},[]);const I=l.useCallback(()=>{b(r=>{const d=new URLSearchParams(r);return d.delete("order"),d.delete("canceled"),d},{replace:!0})},[b]),T=l.useCallback(async r=>{h("processing");const d=new AbortController;R.current=d;try{const g=await ye(r,{signal:d.signal,address:o==null?void 0:o.address,identity:o==null?void 0:o.identity});if(g.status==="credited"){const w=g.creditsGranted??(c==null?void 0:c.credits)??0;L(w>0?w:null),h("success"),u("Shop Completed Buy Credits",{order_id:r,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(ke)){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 g.status==="pending"?(u("Shop Buy Credits Pending",{step:"grant",pack_usd:(c==null?void 0:c.usd)??null}),s.invalidateQueries({queryKey:["usd-balance"]}),h("pending")):(u("Shop Buy Credits Failed",{step:"grant",error_code:"grant_failed",pack_usd:(c==null?void 0:c.usd)??null}),k(g.error??n("getCredits.errorGrant",{currency:p.name})),h("error"))}catch(g){N(g,{flow:"get_credits",step:"grant",order_id:r}),u("Shop Buy Credits Failed",{step:"grant",error_code:U(g),pack_usd:(c==null?void 0:c.usd)??null}),k(te(g)),h("error")}},[c,o,s,a]),pe=l.useCallback(async r=>{if(!o){f();return}k(null),_(!1),F(r),h(v==="mock"?"processing":"redirecting"),u("Shop Started Buy Credits",{pack_usd:r.usd,credits:r.credits,provider:v});try{const d=await Ce(r.id,{address:o.address,identity:o.identity});if(d.mock)T(d.orderId);else if(d.url)u("Shop Redirected To Stripe",{order_id:d.orderId,pack_usd:r.usd,credits:r.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}),u("Shop Buy Credits Failed",{step:"checkout",error_code:U(d),pack_usd:r.usd}),k(te(d)),h("error")}},[o,f,T]),A=l.useRef(!1);l.useEffect(()=>{if(A.current)return;const r=m.get("order");if(m.get("canceled")!=null){A.current=!0,u("Shop Buy Credits Cancelled",{order_id:r,provider:v}),r&&o&&be(r,o.identity),I(),_(!0),h("select");return}r&&(h("processing"),o&&(A.current=!0,I(),T(r)))},[m,o]);function z(){var r;(r=R.current)==null||r.abort(),h("select"),F(null),L(null),k(null),_(!1)}return t.jsxs(_e,{children:[(x==="select"||x==="redirecting")&&t.jsxs(Re,{"data-testid":"credits-hero",children:[t.jsx(Te,{"aria-hidden":!0}),t.jsxs(Ae,{$hidden:x==="redirecting",children:[t.jsxs(ze,{children:[t.jsx(Be,{children:n("getCredits.title",{currency:p.name})}),t.jsxs(Ee,{children:[t.jsx(Fe,{children:n("getCredits.subtitle",{currency:p.nameSingular})}),t.jsxs(Le,{href:kt,target:"_blank",rel:"noreferrer",children:[n("getCredits.learnMore"),t.jsx(ie,{name:"link-out"})]})]})]}),le&&t.jsx(Ie,{role:"status",children:n("getCredits.canceledNote")}),t.jsx(Ct,{packs:$,loading:y,onSelect:r=>void pe(r)})]}),x==="redirecting"&&t.jsxs(qe,{role:"status","aria-live":"polite",children:[t.jsx(Je,{src:D,alt:"",width:72,height:72}),t.jsx(Xe,{children:n("getCredits.redirecting")})]})]}),x==="processing"&&t.jsxs(Ze,{role:"status","aria-live":"polite",children:[t.jsx(se,{src:D,alt:"",width:61,height:61}),t.jsxs(et,{children:[t.jsxs(tt,{children:[t.jsx("strong",{children:n("getCredits.processing")}),"…"]}),t.jsxs(it,{"aria-hidden":!0,children:[t.jsx(nt,{children:t.jsx(ot,{})}),t.jsx(st,{children:"1/1"})]})]})]}),x==="success"&&t.jsxs(at,{role:"status","aria-live":"polite",children:[t.jsxs(dt,{children:[t.jsx(ct,{src:Se,alt:"",width:60,height:60}),t.jsxs(lt,{children:[t.jsx("strong",{children:n("getCredits.successTitle")})," ",n("getCredits.successBody",{currency:p.name})]})]}),j!=null&&t.jsx(pt,{children:t.jsxs(ht,{children:[t.jsx(xt,{src:de,alt:"",width:93,height:93}),t.jsxs(gt,{children:[t.jsx(re,{}),t.jsxs("span",{children:[t.jsx(ut,{children:n("getCredits.creditsAmount",{credits:j,currency:p.name})})," ",t.jsx(ft,{children:n("getCredits.creditsAdded")})]})]})]})}),t.jsxs(mt,{children:[t.jsx(C,{"data-variant":"outline",onClick:z,children:n("getCredits.buyMore",{currency:p.name})}),t.jsx(C,{onClick:()=>a("/items"),children:n("getCredits.startShopping")})]})]}),x==="pending"&&t.jsxs(Q,{role:"status","aria-live":"polite",children:[t.jsx(Z,{children:n("getCredits.pendingTitle",{currency:p.name})}),t.jsx(Ve,{children:n("getCredits.pendingBody")}),t.jsxs(J,{children:[t.jsx(C,{onClick:()=>a("/items"),children:n("getCredits.startShopping")}),t.jsx(C,{"data-variant":"outline",onClick:z,children:n("getCredits.done")})]})]}),x==="error"&&t.jsxs(Q,{role:"alert",children:[t.jsx(Z,{"data-tone":"error",children:n("getCredits.errorTitle")}),t.jsx(bt,{children:ce}),t.jsx(J,{children:t.jsx(C,{onClick:z,children:n("getCredits.tryAgain")})})]})]})}function Ct({packs:a,loading:o,onSelect:f}){return o?t.jsx(Y,{"aria-busy":"true","aria-label":n("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(Ke,{})}),t.jsx(Oe,{})]}),t.jsx(Ye,{})]},s))}):t.jsx(Y,{children:a.map((s,m)=>{const b=$e(s,a);return t.jsxs(V,{type:"button","data-testid":"pack","data-best":s.bestValue?"true":void 0,onClick:()=>f(s),"aria-label":b?n("getCredits.packAriaBonus",{amount:H(s.credits),usd:s.usd,bonus:b.bonus,baseline:b.baseline}):n("getCredits.packAria",{amount:H(s.credits),usd:s.usd}),children:[s.bestValue&&t.jsxs(We,{children:[t.jsx(ie,{name:"star-rounded"}),n("getCredits.packBadge")]}),t.jsxs(q,{children:[t.jsxs(X,{children:[t.jsxs(Me,{children:[t.jsx(re,{}),t.jsx(Ge,{children:s.credits})]}),t.jsx(Ne,{children:n("getCredits.packUnit",{currency:p.name})})]}),t.jsx(Ue,{children:t.jsx("img",{src:yt(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(De,{children:["$",s.usd.toFixed(2)]})]},s.id)})})}export{At as GetCredits,At as default};

package/_assets/{HelpersUtil-DsfsYJYj.js → HelpersUtil-C8T44vZW.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-BI1kDThq.js";import{d as g,r as v}from"./index-7ZmsD7pV.js";import{C as c}from"./ConstantsUtil-Di3dRDAF.js";import{R as $,O as u}from"./W3MFrameProviderSingleton-pXBowcJX.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-D_ZvDVdA.js";import{d as g,r as v}from"./index-Bm6qEnT_.js";import{C as c}from"./ConstantsUtil-Di3dRDAF.js";import{R as $,O as u}from"./W3MFrameProviderSingleton-3o8ISiTB.js";import{au as y}from"./NetworkUtil-EoWQDMpU.js";const b=g`
   :host {
     display: flex;
     justify-content: center;