@dcl/shop 0.1.0-30381451752.commit-ab871f3 → 0.1.0-30412251367.commit-a3b4797

package/assets/{GetCredits-5VMKvJ-K.js → GetCredits-wex2fjEr.js}

@@ -1,4 +1,4 @@
-import{u as pe,b as xe,r as l,j as t}from"./react-BW1xvPTF.js";import{s as i,L as e,S as E,y as ue,t as r,u as ge,b as he,k as h,aq as fe,g as p,K as U,l as N,I as ee,C as te,f as me}from"./index-CE-8j9dT.js";import{R as H}from"./resume-buy-Bf0zIH7y.js";import{R as be}from"./cart-checkout-BQRIzuA5.js";import{l as K}from"./loader-logo-BzY9EKdC.js";import{u as we,p as ye,c as ke,i as Ce}from"./useCreditPacks-CS3eE-oJ.js";import"./sentry-BV_ZSgtd.js";import"./dcl-schemas-BICTSpB5.js";import"./ethers-CtVvB8eG.js";import"./intl-CBcMB1D2.js";const S="https://cdn.decentraland.org/@dcl/shop/0.1.0-30381451752.commit-ab871f3/assets/pack-coins-BDh1ZDbh.webp",ie="https://cdn.decentraland.org/@dcl/shop/0.1.0-30381451752.commit-ab871f3/assets/pack-stacks-D-V2jSHW.webp",re="https://cdn.decentraland.org/@dcl/shop/0.1.0-30381451752.commit-ab871f3/assets/pack-chest-BX_j84xW.webp",je="https://cdn.decentraland.org/@dcl/shop/0.1.0-30381451752.commit-ab871f3/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-30381451752.commit-ab871f3/assets/packs-backdrop-BcXiUPeP.webp",D="linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0)",Se=i.div`
+import{u as pe,a as xe,r as l,j as t}from"./react-BcSuIh9F.js";import{s as i,t as e,P as E,J as ue,d as r,e as p,o as he,v as ge,D as g,at as fe,H as G,E as U,I as ee,m as te,y as me}from"./index-CKryZsyO.js";import{R as H}from"./resume-buy-Bf0zIH7y.js";import{R as be}from"./cart-checkout-CwE04N9A.js";import{l as N}from"./loader-logo-BzY9EKdC.js";import{u as we,p as ye,c as ke,i as Ce}from"./useCreditPacks-DTfnYysJ.js";import"./sentry-Cmcd0bRo.js";import"./dcl-schemas-BICTSpB5.js";import"./ethers-BcJP3Jlu.js";import"./intl-CBcMB1D2.js";const S="https://cdn.decentraland.org/@dcl/shop/0.1.0-30412251367.commit-a3b4797/assets/pack-coins-BDh1ZDbh.webp",ie="https://cdn.decentraland.org/@dcl/shop/0.1.0-30412251367.commit-a3b4797/assets/pack-stacks-D-V2jSHW.webp",re="https://cdn.decentraland.org/@dcl/shop/0.1.0-30412251367.commit-a3b4797/assets/pack-chest-BX_j84xW.webp",je="https://cdn.decentraland.org/@dcl/shop/0.1.0-30412251367.commit-a3b4797/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-30412251367.commit-a3b4797/assets/packs-backdrop-BcXiUPeP.webp",D="linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0)",Se=i.div`
   display: flex;
   flex-direction: column;
   gap: 24px;
@@ -12,10 +12,10 @@ import{u as pe,b as xe,r as l,j as t}from"./react-BW1xvPTF.js";import{s as i,L a
   overflow: hidden;
   padding: 82px clamp(16px, 7.06%, 122px) 129px;
 
-  ${e.media.down("lg")} {
+  ${e.media.maxWidth("lg")} {
     padding: 48px 24px 56px;
   }
-  ${e.media.down("mobile")} {
+  ${e.media.maxWidth("mobile")} {
     padding: 32px 16px 40px;
   }
 `,Re=i.div`
@@ -37,7 +37,7 @@ import{u as pe,b as xe,r as l,j as t}from"./react-BW1xvPTF.js";import{s as i,L a
   gap: 52px;
   ${({$hidden:a})=>a&&"visibility: hidden;"}
 
-  ${e.media.down("lg")} {
+  ${e.media.maxWidth("lg")} {
     gap: 32px;
   }
 `,ze=i.header`
@@ -56,7 +56,7 @@ import{u as pe,b as xe,r as l,j as t}from"./react-BW1xvPTF.js";import{s as i,L a
   color: ${e.colors.white};
   text-transform: capitalize;
 
-  ${e.media.down("mobile")} {
+  ${e.media.maxWidth("mobile")} {
     font-size: 28px;
   }
 `,Ee=i.div`
@@ -73,7 +73,7 @@ import{u as pe,b as xe,r as l,j as t}from"./react-BW1xvPTF.js";import{s as i,L a
   line-height: 1.334;
   color: ${e.colors.media};
 
-  ${e.media.down("mobile")} {
+  ${e.media.maxWidth("mobile")} {
     font-size: 16px;
   }
 `,Te=i.a`
@@ -101,7 +101,7 @@ import{u as pe,b as xe,r as l,j as t}from"./react-BW1xvPTF.js";import{s as i,L a
     border-radius: ${e.radius.chip};
   }
 
-  ${e.media.down("mobile")} {
+  ${e.media.maxWidth("mobile")} {
     font-size: 15px;
     line-height: 22px;
 
@@ -110,7 +110,7 @@ import{u as pe,b as xe,r as l,j as t}from"./react-BW1xvPTF.js";import{s as i,L a
       height: 18px;
     }
   }
-`,Le=i.p`
+`,Fe=i.p`
   margin: 0;
   padding: 10px 16px;
   border-radius: ${e.radius.btn};
@@ -120,7 +120,7 @@ import{u as pe,b as xe,r as l,j as t}from"./react-BW1xvPTF.js";import{s as i,L 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;
@@ -136,7 +136,7 @@ import{u as pe,b as xe,r as l,j as t}from"./react-BW1xvPTF.js";import{s as i,L a
     gap: 12px;
     row-gap: 24px;
   }
-`,Y=i.button`
+`,O=i.button`
   position: relative;
   display: flex;
   flex-direction: column;
@@ -218,10 +218,10 @@ import{u as pe,b as xe,r as l,j as t}from"./react-BW1xvPTF.js";import{s as i,L a
     opacity: 0;
   }
 
-  ${e.media.down("mobile")} {
+  ${e.media.maxWidth("mobile")} {
     gap: 24px;
   }
-`,Fe=i.span`
+`,Le=i.span`
   position: absolute;
   top: -18px;
   left: 50%;
@@ -245,7 +245,7 @@ import{u as pe,b as xe,r as l,j as t}from"./react-BW1xvPTF.js";import{s as i,L a
     height: 24px;
   }
 
-  ${e.media.down("mobile")} {
+  ${e.media.maxWidth("mobile")} {
     top: -14px;
     padding: 4px 10px 4px 6px;
     font-size: 14px;
@@ -256,17 +256,17 @@ import{u as pe,b as xe,r as l,j as t}from"./react-BW1xvPTF.js";import{s as i,L a
       height: 18px;
     }
   }
-`,V=i.span`
+`,Y=i.span`
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 12px;
   padding-top: 32px;
 
-  ${e.media.down("mobile")} {
+  ${e.media.maxWidth("mobile")} {
     padding-top: 16px;
   }
-`,W=i.span`
+`,V=i.span`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -282,20 +282,20 @@ import{u as pe,b as xe,r as l,j as t}from"./react-BW1xvPTF.js";import{s as i,L a
     height: 29.79px;
     color: ${e.colors.softWhite};
   }
-`,Me=i.span`
+`,We=i.span`
   font-family: ${e.font.sans};
   font-size: 40px;
   font-weight: 800;
   line-height: 30px;
   color: ${e.colors.white};
-`,Ge=i.span`
+`,Me=i.span`
   font-family: ${e.font.sans};
   font-size: 20px;
   font-weight: 500;
   line-height: 15px;
   color: ${e.colors.media};
   text-transform: uppercase;
-`,Ue=i.span`
+`,Ge=i.span`
   display: block;
   width: 253.5px;
   max-width: 100%;
@@ -312,7 +312,7 @@ import{u as pe,b as xe,r as l,j as t}from"./react-BW1xvPTF.js";import{s as i,L a
   @media (max-width: 520px) {
     width: 200px;
   }
-`,Ne=i.span`
+`,Ue=i.span`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -346,7 +346,7 @@ import{u as pe,b as xe,r as l,j as t}from"./react-BW1xvPTF.js";import{s as i,L a
   @media (prefers-reduced-motion: reduce) {
     animation: none;
   }
-`,Ke=i(B)`
+`,Ne=i(B)`
   width: 60%;
   height: 30px;
   border-radius: ${e.radius.chip};
@@ -355,15 +355,15 @@ import{u as pe,b as xe,r as l,j as t}from"./react-BW1xvPTF.js";import{s as i,L a
   max-width: 100%;
   aspect-ratio: 1;
   border-radius: 16px;
-`,Oe=i(B)`
+`,Ke=i(B)`
   width: 100%;
   height: 48px;
   border-radius: ${e.radius.card};
-`,Ye=i.p`
+`,Oe=i.p`
   margin: 0;
   font-family: ${e.font.sans};
   color: ${e.colors.muted};
-`,Ve=i.div`
+`,Ye=i.div`
   position: absolute;
   inset: 0;
   z-index: 1;
@@ -374,13 +374,13 @@ import{u as pe,b as xe,r as l,j as t}from"./react-BW1xvPTF.js";import{s as i,L a
   gap: 24px;
   padding: 24px;
   text-align: center;
-`,We=i.p`
+`,Ve=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`
+`,Xe=E`
   0%, 100% {
     transform: scale(1);
     opacity: 1;
@@ -389,7 +389,7 @@ import{u as pe,b as xe,r as l,j as t}from"./react-BW1xvPTF.js";import{s as i,L a
     transform: scale(0.88);
     opacity: 0.7;
   }
-`,Xe=i.div`
+`,qe=i.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -400,7 +400,7 @@ import{u as pe,b as xe,r as l,j as t}from"./react-BW1xvPTF.js";import{s as i,L a
 `,ne=i.img`
   width: 61px;
   height: 61px;
-  animation: ${qe} 1.2s ease-in-out infinite;
+  animation: ${Xe} 1.2s ease-in-out infinite;
 
   @media (prefers-reduced-motion: reduce) {
     animation: none;
@@ -408,12 +408,12 @@ import{u as pe,b as xe,r as l,j as t}from"./react-BW1xvPTF.js";import{s as i,L a
 `,Qe=i(ne)`
   width: 72px;
   height: 72px;
-`,Ze=i.div`
+`,Je=i.div`
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 8px;
-`,Je=i.p`
+`,Ze=i.p`
   margin: 0;
   font-family: ${e.font.sans};
   font-size: 20px;
@@ -462,13 +462,13 @@ import{u as pe,b as xe,r as l,j as t}from"./react-BW1xvPTF.js";import{s as i,L a
   font-size: 16px;
   line-height: 22px;
   color: ${e.colors.text2};
-`,ot=i.div`
+`,st=i.div`
   display: flex;
   flex-direction: column;
   gap: 12px;
   max-width: 895px;
   margin: 0 auto;
-`,st=i.div`
+`,ot=i.div`
   display: flex;
   align-items: center;
   gap: 16px;
@@ -557,10 +557,10 @@ import{u as pe,b as xe,r as l,j as t}from"./react-BW1xvPTF.js";import{s as i,L a
   font-size: 24px;
   font-weight: 700;
   text-transform: capitalize;
-`,gt=i.span`
+`,ht=i.span`
   font-size: 14px;
   font-weight: 400;
-`,ht=i.div`
+`,gt=i.div`
   display: flex;
   gap: 12px;
 
@@ -604,7 +604,7 @@ import{u as pe,b as xe,r as l,j as t}from"./react-BW1xvPTF.js";import{s as i,L a
     outline: 2px solid ${e.colors.accent};
     outline-offset: 2px;
   }
-`,q=i.div`
+`,X=i.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -613,7 +613,7 @@ import{u as pe,b as xe,r as l,j as t}from"./react-BW1xvPTF.js";import{s as i,L a
   margin: 0 auto;
   padding: 48px 24px;
   text-align: center;
-`,X=i.p`
+`,q=i.p`
   margin: 0;
   font-family: ${e.font.sans};
   font-size: 20px;
@@ -631,4 +631,4 @@ import{u as pe,b as xe,r as l,j as t}from"./react-BW1xvPTF.js";import{s as i,L a
   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 oe(a,o){return mt[a.id]??Z[o%Z.length]}function bt(a,o){return a.artUrl??oe(a,o)}const wt="https://docs.decentraland.org";function J(a){const o=a;if((o==null?void 0:o.name)==="AbortError")return r("getCredits.errorCanceled");const f=((o==null?void 0:o.message)??"").toLowerCase();return f.includes("sign in")?r("getCredits.errorSignIn",{currency:p.name}):f.includes("timed out")?r("getCredits.errorTimeout",{currency:p.name}):r("getCredits.errorGeneric")}function At(){var I;ue({title:r("nav.getCredits",{currency:p.name}),noindex:!0});const a=pe(),{session:o,signIn:f}=ge(),d=he(),[m,j]=xe(),{packs:b,isLoading:se}=we(),[u,x]=l.useState("select"),[c,T]=l.useState(null),[$,L]=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 F=l.useCallback(()=>{j(n=>{const s=new URLSearchParams(n);return s.delete("order"),s.delete("canceled"),s},{replace:!0})},[j]),_=l.useCallback(async n=>{x("processing");const s=new AbortController;R.current=s;try{const g=await ye(n,{signal:s.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),x("success"),h("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(be)){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 M=JSON.parse(v),G=fe(M);if(G){a(G,{state:{item:M,resumeBuy:!0}});return}}}catch{}}else g.status==="pending"?(h("Shop Buy Credits Pending",{step:"grant",pack_usd:(c==null?void 0:c.usd)??null}),d.invalidateQueries({queryKey:["usd-balance"]}),x("pending")):(h("Shop Buy Credits Failed",{step:"grant",error_code:"grant_failed",pack_usd:(c==null?void 0:c.usd)??null}),y(g.error??r("getCredits.errorGrant",{currency:p.name})),x("error"))}catch(g){U(g,{flow:"get_credits",step:"grant",order_id:n}),h("Shop Buy Credits Failed",{step:"grant",error_code:N(g),pack_usd:(c==null?void 0:c.usd)??null}),y(J(g)),x("error")}},[c,o,d,a]),le=l.useCallback(async n=>{if(!o){f();return}y(null),P(!1),T(n),x(C==="mock"?"processing":"redirecting"),h("Shop Started Buy Credits",{pack_usd:n.usd,credits:n.credits,provider:C});try{const s=await ke(n.id,{address:o.address,identity:o.identity});if(s.mock)_(s.orderId);else if(s.url)h("Shop Redirected To Stripe",{order_id:s.orderId,pack_usd:n.usd,credits:n.credits}),window.location.href=s.url;else throw new Error("Checkout did not return a redirect url")}catch(s){U(s,{flow:"get_credits",step:"checkout",provider:C}),h("Shop Buy Credits Failed",{step:"checkout",error_code:N(s),pack_usd:n.usd}),y(J(s)),x("error")}},[o,f,_]),z=l.useRef(!1);l.useEffect(()=>{if(z.current)return;const n=m.get("order");if(m.get("canceled")!=null){z.current=!0,h("Shop Buy Credits Cancelled",{order_id:n,provider:C}),F(),P(!0),x("select");return}n&&(x("processing"),o&&(z.current=!0,F(),_(n)))},[m,o]);function A(){var n;(n=R.current)==null||n.abort(),x("select"),T(null),L(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(Le,{role:"status",children:r("getCredits.canceledNote")}),t.jsx(yt,{packs:b,loading:se,onSelect:n=>void le(n)})]}),u==="redirecting"&&t.jsxs(Ve,{role:"status","aria-live":"polite",children:[t.jsx(Qe,{src:K,alt:"",width:72,height:72}),t.jsx(We,{children:r("getCredits.redirecting")})]})]}),u==="processing"&&t.jsxs(Xe,{role:"status","aria-live":"polite",children:[t.jsx(ne,{src:K,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(ot,{role:"status","aria-live":"polite",children:[t.jsxs(st,{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(gt,{children:r("getCredits.creditsAdded")})]})]})]})}),t.jsxs(ht,{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(Ye,{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:o,onSelect:f}){return o?t.jsx(O,{"aria-busy":"true","aria-label":r("getCredits.packsLoading",{currency:p.name}),children:[0,1,2,3].map(d=>t.jsxs(Y,{as:"div","data-skeleton":"true","data-testid":"pack-skeleton","aria-hidden":!0,children:[t.jsxs(V,{children:[t.jsx(W,{children:t.jsx(Ke,{})}),t.jsx(De,{})]}),t.jsx(Oe,{})]},d))}):t.jsx(O,{children:a.map((d,m)=>t.jsxs(Y,{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(Fe,{children:[t.jsx(ee,{name:"star-rounded"}),r("getCredits.packBadge")]}),t.jsxs(V,{children:[t.jsxs(W,{children:[t.jsxs(Ie,{children:[t.jsx(te,{}),t.jsx(Me,{children:d.credits})]}),t.jsx(Ge,{children:r("getCredits.packUnit",{currency:p.name})})]}),t.jsx(Ue,{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=oe(d,m))}})})]}),t.jsxs(Ne,{children:["$",d.usd.toFixed(2)]})]},d.id))})}export{At as GetCredits,At as default};
+`,C=Ce()?"mock":"stripe",J=[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]??J[s%J.length]}function bt(a,s){return a.artUrl??se(a,s)}const wt="https://docs.decentraland.org";function Z(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 At(){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}=we(),[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 ye(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(be)){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(Z(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(Z(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(qe,{role:"status","aria-live":"polite",children:[t.jsx(ne,{src:N,alt:"",width:61,height:61}),t.jsxs(Je,{children:[t.jsxs(Ze,{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(X,{role:"status","aria-live":"polite",children:[t.jsx(q,{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(X,{role:"alert",children:[t.jsx(q,{"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(K,{"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(Ne,{})}),t.jsx(De,{})]}),t.jsx(Ke,{})]},d))}):t.jsx(K,{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{At as GetCredits,At as default};

package/assets/{HelpersUtil-XXeaUDZE.js → HelpersUtil-Vd6xvA31.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-CI3LRVdJ.js";import{d as g,r as v}from"./index-CLl3y_zB.js";import{C as c}from"./ConstantsUtil-DTrOBzCe.js";import{R as $,O as u}from"./W3MFrameProviderSingleton-oH9nrVqa.js";import{au as y}from"./NetworkUtil-C1aEwuOK.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-ClCrLGWg.js";import{d as g,r as v}from"./index-CzKb7vNz.js";import{C as c}from"./ConstantsUtil-KNWfO3UV.js";import{R as $,O as u}from"./W3MFrameProviderSingleton-CW-7ZLkS.js";import{au as y}from"./NetworkUtil-C48X2eZd.js";const b=g`
   :host {
     display: flex;
     justify-content: center;