@dcl/shop 0.7.2 → 0.7.3-30998099552.commit-f7fa6e3

package/_assets/{GetCredits-Dn-IHOnM.js → GetCredits-kPP7odsJ.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,o as E,q as ge,d as n,e as p,k as ue,x as fe,S as u,bb as me,A as N,bk as U,bO as be,I as ie,b5 as H,w as re,bP as O}from"./index-B1DCMe50.js";import{R as D}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-eXmbKxJO.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.7.2/_assets/pack-coins-BDh1ZDbh.webp",ne="https://cdn.decentraland.org/@dcl/shop/0.7.2/_assets/pack-stacks-D-V2jSHW.webp",se="https://cdn.decentraland.org/@dcl/shop/0.7.2/_assets/pack-chest-BX_j84xW.webp",je="https://cdn.decentraland.org/@dcl/shop/0.7.2/_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.7.2/_assets/packs-backdrop-BcXiUPeP.webp",K="linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0)",_e=i.div`
+import{d as ue,e as xe,r as l,j as t}from"./react-DehiWSvs.js";import{s as i,t as e,o as q,q as ge,d as n,e as h,k as fe,x as me,S as g,bb as be,A as G,bk as N,bO as we,b5 as H,w as re,I as ye,bP as Q}from"./index-CzGc0rp2.js";import{F as ke}from"./Faq-mPkwptjW.js";import{R as O}from"./resume-buy-Bf0zIH7y.js";import{u as ve,a as Ce,R as $e,c as je,i as Se,b as Pe}from"./useCreditPacks-DsT6A2e-.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.7.3-30998099552.commit-f7fa6e3/_assets/pack-coins-BDh1ZDbh.webp",ne="https://cdn.decentraland.org/@dcl/shop/0.7.3-30998099552.commit-f7fa6e3/_assets/pack-stacks-D-V2jSHW.webp",se="https://cdn.decentraland.org/@dcl/shop/0.7.3-30998099552.commit-f7fa6e3/_assets/pack-chest-BX_j84xW.webp",Ae="https://cdn.decentraland.org/@dcl/shop/0.7.3-30998099552.commit-f7fa6e3/_assets/credit-coin-CmcTCd5i.webp",Re="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",Te="https://cdn.decentraland.org/@dcl/shop/0.7.3-30998099552.commit-f7fa6e3/_assets/packs-backdrop-BcXiUPeP.webp",D="linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0)",_e=i.div`
   display: flex;
   flex-direction: column;
   gap: 24px;
-`,Re=i.section`
+`,Be=i.section`
   position: relative;
   isolation: isolate;
   display: flex;
@@ -23,54 +23,73 @@ 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;
   }
-`,Te=i.div`
+`,ze=i.div`
   position: absolute;
   inset: 0;
   z-index: -1;
   opacity: 0.9;
   pointer-events: none;
-  background-image: url(${Pe});
+  background-image: url(${Te});
   background-size: cover;
   background-position: 50% 96%;
   background-repeat: no-repeat;
-`,Ae=i.div`
+`,qe=i.div`
+  position: relative;
+  width: 100%;
+  display: flex;
+  justify-content: center;
+`,Fe=i.div`
+  width: 100%;
+  max-width: 1478px;
+  margin-top: 82px;
+
+  &:focus {
+    outline: none;
+  }
+
+  ${e.media.maxWidth("lg")} {
+    margin-top: 48px;
+  }
+  ${e.media.maxWidth("mobile")} {
+    margin-top: 32px;
+  }
+`,Ee=i.div`
   width: 100%;
   max-width: 1478px;
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 52px;
-  ${({$hidden:a})=>a&&"visibility: hidden;"}
+  ${({$hidden:d})=>d&&"visibility: hidden;"}
 
   ${e.media.maxWidth("lg")} {
     gap: 32px;
   }
-`,ze=i.header`
+`,Ie=i.header`
   display: flex;
   flex-direction: column;
   align-items: center;
-  gap: 12px;
+  gap: 16px;
   width: 100%;
   text-align: center;
-`,Be=i.h1`
+`,We=i.h1`
   margin: 0;
   font-family: ${e.font.sans};
   font-size: 40px;
   font-weight: 700;
   line-height: 1.167;
   color: ${e.colors.white};
-  text-transform: capitalize;
 
   ${e.media.maxWidth("mobile")} {
     font-size: 28px;
   }
-`,Ee=i.div`
+`,Le=i.div`
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: center;
   gap: 8px;
-`,Fe=i.p`
+`,Ue=i.p`
   margin: 0;
   font-family: ${e.font.sans};
   font-size: 24px;
@@ -81,10 +100,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("mobile")} {
     font-size: 16px;
   }
-`,Le=i.a`
+`,Me=i.button`
+  appearance: none;
+  padding: 0;
+  border: none;
+  background: none;
+  cursor: pointer;
   display: inline-flex;
   align-items: center;
-  gap: 2px;
   font-family: ${e.font.sans};
   font-size: 20px;
   font-weight: 500;
@@ -93,10 +116,6 @@ import{d as he,e as xe,r as l,j as t}from"./react-DehiWSvs.js";import{s as i,t a
   text-decoration: underline;
   text-underline-offset: 2px;
 
-  .ico {
-    width: 26px;
-    height: 26px;
-  }
   &:hover {
     opacity: 0.85;
   }
@@ -115,7 +134,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;
     }
   }
-`,We=i.p`
+`,Ge=i.p`
   margin: 0;
   padding: 10px 16px;
   border-radius: ${e.radius.btn};
@@ -125,7 +144,7 @@ import{d as he,e as xe,r as l,j as t}from"./react-DehiWSvs.js";import{s as i,t a
   line-height: 1.6;
   color: ${e.colors.media};
   text-align: center;
-`,Y=i.div`
+`,K=i.div`
   display: grid;
   grid-template-columns: repeat(4, minmax(0, 1fr));
   gap: 24px;
@@ -141,7 +160,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: 12px;
     row-gap: 24px;
   }
-`,q=i.button`
+`,Y=i.button`
   position: relative;
   display: flex;
   flex-direction: column;
@@ -180,9 +199,9 @@ import{d as he,e as xe,r as l,j as t}from"./react-DehiWSvs.js";import{s as i,t a
     inset: 0;
     border-radius: inherit;
     pointer-events: none;
-    -webkit-mask: ${K};
+    -webkit-mask: ${D};
     -webkit-mask-composite: xor;
-    mask: ${K};
+    mask: ${D};
     mask-composite: exclude;
     transition: opacity 0.15s ease;
   }
@@ -241,7 +260,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`
+`,Ne=i.span`
   position: absolute;
   top: -18px;
   left: 50%;
@@ -295,7 +314,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%;
-`,Me=i.span`
+`,He=i.span`
   display: flex;
   align-items: center;
   gap: 8px;
@@ -312,7 +331,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;
     }
   }
-`,Ge=i.span`
+`,Qe=i.span`
   font-family: ${e.font.sans};
   font-size: 40px;
   font-weight: 800;
@@ -323,7 +342,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;
   }
-`,Ne=i.span`
+`,Oe=i.span`
   font-family: ${e.font.sans};
   font-size: 20px;
   font-weight: 500;
@@ -335,7 +354,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;
   }
-`,Ue=i.span`
+`,De=i.span`
   display: block;
   width: 70%;
   aspect-ratio: 1;
@@ -346,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
     height: 100%;
     object-fit: contain;
   }
-`,He=i.span`
+`,Ke=i.span`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -370,11 +389,11 @@ 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;
-`,Oe=E`
+`,Ye=q`
   to {
     background-position: -200% 0;
   }
-`,_=i.span`
+`,A=i.span`
   display: block;
   background: linear-gradient(
     100deg,
@@ -383,12 +402,12 @@ 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: ${Oe} 1.4s infinite linear;
+  animation: ${Ye} 1.4s infinite linear;
 
   @media (prefers-reduced-motion: reduce) {
     animation: none;
   }
-`,De=i(_)`
+`,Ve=i(A)`
   width: 60%;
   height: 30px;
   border-radius: ${e.radius.chip};
@@ -396,7 +415,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")} {
     height: 24px;
   }
-`,Ke=i(_)`
+`,Xe=i(A)`
   width: 36%;
   height: 15px;
   border-radius: ${e.radius.chip};
@@ -404,19 +423,19 @@ 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")} {
     height: 12px;
   }
-`,Ye=i(_)`
+`,Ze=i(A)`
   width: 70%;
   aspect-ratio: 1;
   border-radius: 16px;
-`,qe=i(_)`
+`,Je=i(A)`
   width: 100%;
   height: 48px;
   border-radius: ${e.radius.card};
-`,Ve=i.p`
+`,et=i.p`
   margin: 0;
   font-family: ${e.font.sans};
   color: ${e.colors.muted};
-`,Xe=i.div`
+`,tt=i.div`
   position: absolute;
   inset: 0;
   z-index: 1;
@@ -427,13 +446,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`
+`,it=i.p`
   margin: 0;
   font-family: ${e.font.sans};
   font-size: 16px;
   line-height: 1.4;
   color: rgba(255, 255, 255, 0.88);
-`,Ze=E`
+`,rt=q`
   0%, 100% {
     transform: scale(1);
     opacity: 1;
@@ -442,7 +461,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;
   }
-`,Je=i.div`
+`,nt=i.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -453,20 +472,20 @@ import{d as he,e as xe,r as l,j as t}from"./react-DehiWSvs.js";import{s as i,t a
 `,oe=i.img`
   width: 61px;
   height: 61px;
-  animation: ${Ze} 1.2s ease-in-out infinite;
+  animation: ${rt} 1.2s ease-in-out infinite;
 
   @media (prefers-reduced-motion: reduce) {
     animation: none;
   }
-`,et=i(oe)`
+`,st=i(oe)`
   width: 72px;
   height: 72px;
-`,tt=i.div`
+`,ot=i.div`
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 8px;
-`,it=i.p`
+`,at=i.p`
   margin: 0;
   font-family: ${e.font.sans};
   font-size: 20px;
@@ -476,18 +495,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;
   }
-`,rt=i.div`
+`,dt=i.div`
   display: flex;
   align-items: center;
   gap: 8px;
-`,nt=E`
+`,ct=q`
   0% {
     left: -40%;
   }
   100% {
     left: 100%;
   }
-`,st=i.span`
+`,lt=i.span`
   position: relative;
   width: 456px;
   max-width: 60vw;
@@ -495,7 +514,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;
-`,ot=i.span`
+`,pt=i.span`
   position: absolute;
   top: 0;
   left: -40%;
@@ -503,25 +522,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: ${nt} 1.4s ease-in-out infinite;
+  animation: ${ct} 1.4s ease-in-out infinite;
 
   @media (prefers-reduced-motion: reduce) {
     left: 0;
     width: 30%;
     animation: none;
   }
-`,at=i.span`
+`,ht=i.span`
   font-family: ${e.font.sans};
   font-size: 16px;
   line-height: 22px;
   color: ${e.colors.text2};
-`,dt=i.div`
+`,ut=i.div`
   display: flex;
   flex-direction: column;
   gap: 12px;
   max-width: 895px;
   margin: 0 auto;
-`,ct=i.div`
+`,xt=i.div`
   display: flex;
   align-items: center;
   gap: 16px;
@@ -534,11 +553,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;
   }
-`,lt=i.img`
+`,gt=i.img`
   flex: none;
   width: 60px;
   height: 60px;
-`,pt=i.p`
+`,ft=i.p`
   flex: 1;
   margin: 0;
   font-family: ${e.font.sans};
@@ -550,12 +569,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;
   }
-`,ht=i.div`
+`,mt=i.div`
   padding: 24px;
   border-radius: 16px;
   background: ${e.colors.white};
   border: 1px solid ${e.colors.gray4};
-`,xt=i.div`
+`,bt=i.div`
   position: relative;
   display: flex;
   align-items: center;
@@ -579,7 +598,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;
   }
-`,gt=i.img`
+`,wt=i.img`
   position: absolute;
   left: 35px;
   top: 50%;
@@ -593,7 +612,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%);
   }
-`,ut=i.p`
+`,yt=i.p`
   display: inline-flex;
   align-items: center;
   gap: 8px;
@@ -606,21 +625,21 @@ 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};
   }
-`,ft=i.strong`
+`,kt=i.strong`
   font-size: 24px;
   font-weight: 700;
   text-transform: capitalize;
-`,mt=i.span`
+`,vt=i.span`
   font-size: 14px;
   font-weight: 400;
-`,bt=i.div`
+`,Ct=i.div`
   display: flex;
   gap: 12px;
 
   @media (max-width: 560px) {
     flex-direction: column;
   }
-`,C=i.button`
+`,v=i.button`
   flex: 1;
   display: inline-flex;
   align-items: center;
@@ -657,7 +676,7 @@ import{d as he,e as xe,r as l,j as t}from"./react-DehiWSvs.js";import{s as i,t a
     outline: 2px solid ${e.colors.accent};
     outline-offset: 2px;
   }
-`,Q=i.div`
+`,Z=i.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -666,7 +685,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;
-`,Z=i.p`
+`,J=i.p`
   margin: 0;
   font-family: ${e.font.sans};
   font-size: 20px;
@@ -676,12 +695,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};
   }
-`,J=i.div`
+`,ee=i.div`
   display: flex;
   gap: 12px;
   margin-top: 16px;
-`,wt=i.p`
+`,$t=i.p`
   margin: 0;
   font-family: ${e.font.sans};
   color: ${e.colors.err};
-`,v=ve()?"mock":"stripe",ee=[P,P,ne,se],yt={pack_5:P,pack_10:P,pack_25:ne,pack_50:se};function ae(a,s){return yt[a.id]??ee[s%ee.length]}function kt(a,s){return a.artUrl??ae(a,s)}const Ct="https://docs.decentraland.org";function te(a){const s=a;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:p.name}):f.includes("timed out")?n("getCredits.errorTimeout",{currency:p.name}):n("getCredits.errorGeneric")}function zt(){var I;ge({title:n("nav.getCredits",{currency:p.name}),noindex:!0});const a=he(),{session:s,signIn:f}=ue(),o=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?(I=$.find(r=>r.credits===j))==null?void 0:I.artUrl:void 0)??je,[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 W=l.useCallback(()=>{b(r=>{const d=new URLSearchParams(r);return d.delete("order"),d.delete("canceled"),d},{replace:!0})},[b]),A=l.useCallback(async r=>{h("processing");const d=new AbortController;T.current=d;try{const g=await ye(r,{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;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}),o.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(D);if(S){sessionStorage.removeItem(D);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}),o.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,s,o,a]),pe=l.useCallback(async r=>{if(!s){f();return}k(null),R(!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:s.address,identity:s.identity});if(d.mock)A(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")}},[s,f,A]),z=l.useRef(!1);l.useEffect(()=>{if(z.current)return;const r=m.get("order");if(m.get("canceled")!=null){z.current=!0,u("Shop Buy Credits Cancelled",{order_id:r,provider:v}),r&&s&&be(r,s.identity),W(),R(!0),h("select");return}r&&(h("processing"),s&&(z.current=!0,W(),A(r)))},[m,s]);function B(){var r;(r=T.current)==null||r.abort(),h("select"),F(null),L(null),k(null),R(!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:Ct,target:"_blank",rel:"noreferrer",children:[n("getCredits.learnMore"),t.jsx(ie,{name:"link-out"})]})]})]}),le&&t.jsx(We,{role:"status",children:n("getCredits.canceledNote")}),t.jsx(vt,{packs:$,loading:y,onSelect:r=>void pe(r)})]}),x==="redirecting"&&t.jsxs(Xe,{role:"status","aria-live":"polite",children:[t.jsx(et,{src:H,alt:"",width:72,height:72}),t.jsx(Qe,{children:n("getCredits.redirecting")})]})]}),x==="processing"&&t.jsxs(Je,{role:"status","aria-live":"polite",children:[t.jsx(oe,{src:H,alt:"",width:61,height:61}),t.jsxs(tt,{children:[t.jsxs(it,{children:[t.jsx("strong",{children:n("getCredits.processing")}),"…"]}),t.jsxs(rt,{"aria-hidden":!0,children:[t.jsx(st,{children:t.jsx(ot,{})}),t.jsx(at,{children:"1/1"})]})]})]}),x==="success"&&t.jsxs(dt,{role:"status","aria-live":"polite",children:[t.jsxs(ct,{children:[t.jsx(lt,{src:Se,alt:"",width:60,height:60}),t.jsxs(pt,{children:[t.jsx("strong",{children:n("getCredits.successTitle")})," ",n("getCredits.successBody",{currency:p.name})]})]}),j!=null&&t.jsx(ht,{children:t.jsxs(xt,{children:[t.jsx(gt,{src:de,alt:"",width:93,height:93}),t.jsxs(ut,{children:[t.jsx(re,{}),t.jsxs("span",{children:[t.jsx(ft,{children:n("getCredits.creditsAmount",{credits:j,currency:p.name})})," ",t.jsx(mt,{children:n("getCredits.creditsAdded")})]})]})]})}),t.jsxs(bt,{children:[t.jsx(C,{"data-variant":"outline",onClick:B,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:B,children:n("getCredits.done")})]})]}),x==="error"&&t.jsxs(Q,{role:"alert",children:[t.jsx(Z,{"data-tone":"error",children:n("getCredits.errorTitle")}),t.jsx(wt,{children:ce}),t.jsx(J,{children:t.jsx(C,{onClick:B,children:n("getCredits.tryAgain")})})]})]})}function vt({packs:a,loading:s,onSelect:f}){return s?t.jsx(Y,{"aria-busy":"true","aria-label":n("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(V,{children:[t.jsxs(X,{children:[t.jsx(De,{}),t.jsx(Ke,{})]}),t.jsx(Ye,{})]}),t.jsx(qe,{})]},o))}):t.jsx(Y,{children:a.map((o,m)=>{const b=$e(o,a);return t.jsxs(q,{type:"button","data-testid":"pack","data-best":o.bestValue?"true":void 0,onClick:()=>f(o),"aria-label":b?n("getCredits.packAriaBonus",{amount:O(o.credits),usd:o.usd,bonus:b.bonus,baseline:b.baseline}):n("getCredits.packAria",{amount:O(o.credits),usd:o.usd}),children:[o.bestValue&&t.jsxs(Ie,{children:[t.jsx(ie,{name:"star-rounded"}),n("getCredits.packBadge")]}),t.jsxs(V,{children:[t.jsxs(X,{children:[t.jsxs(Me,{children:[t.jsx(re,{}),t.jsx(Ge,{children:o.credits})]}),t.jsx(Ne,{children:n("getCredits.packUnit",{currency:p.name})})]}),t.jsx(Ue,{children:t.jsx("img",{src:kt(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(He,{children:["$",o.usd.toFixed(2)]})]},o.id)})})}export{zt as GetCredits,zt as default};
+`,C=Se()?"mock":"stripe",te=[P,P,ne,se],jt={pack_5:P,pack_10:P,pack_25:ne,pack_50:se};function ae(d,s){return jt[d.id]??te[s%te.length]}function St(d,s){return d.artUrl??ae(d,s)}const Pt=[{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}=ve(),[u,p]=l.useState("select"),[c,F]=l.useState(null),[j,E]=l.useState(null),de=(j!=null?(L=$.find(r=>r.credits===j))==null?void 0:L.artUrl:void 0)??Ae,[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 Ce(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($e)){const S={resumeCheckout:!0,...w>0?{creditsAdded:w}:{}};d("/cart",{state:S});return}}catch{}try{const S=sessionStorage.getItem(O);if(S){sessionStorage.removeItem(O);const U=JSON.parse(S),M=be(U);if(M){d(M,{state:{item:U,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){G(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),F(r),p(C==="mock"?"processing":"redirecting"),g("Shop Started Buy Credits",{pack_usd:r.usd,credits:r.credits,provider:C});try{const a=await je(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){G(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,_]),B=l.useRef(!1),W=l.useRef(null);l.useEffect(()=>{if(B.current)return;const r=m.get("order");if(m.get("canceled")!=null){B.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&&(B.current=!0,I(),_(r)))},[m,s]);function z(){var r;(r=T.current)==null||r.abort(),p("select"),F(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(Be,{"data-testid":"credits-hero",children:[t.jsx(ze,{"aria-hidden":!0}),t.jsxs(qe,{children:[t.jsxs(Ee,{$hidden:u==="redirecting",children:[t.jsxs(Ie,{children:[t.jsx(We,{children:n("getCredits.title")}),t.jsxs(Le,{children:[t.jsx(Ue,{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(tt,{role:"status","aria-live":"polite",children:[t.jsx(st,{src:H,alt:"",width:72,height:72}),t.jsx(it,{children:n("getCredits.redirecting")})]})]}),t.jsx(Fe,{ref:W,tabIndex:-1,"data-testid":"credits-faq",children:t.jsx(ke,{title:"faq.title",entries:Pt,tone:"on-dark"})})]}),u==="processing"&&t.jsxs(nt,{role:"status","aria-live":"polite",children:[t.jsx(oe,{src:H,alt:"",width:61,height:61}),t.jsxs(ot,{children:[t.jsxs(at,{children:[t.jsx("strong",{children:n("getCredits.processing")}),"…"]}),t.jsxs(dt,{"aria-hidden":!0,children:[t.jsx(lt,{children:t.jsx(pt,{})}),t.jsx(ht,{children:"1/1"})]})]})]}),u==="success"&&t.jsxs(ut,{role:"status","aria-live":"polite",children:[t.jsxs(xt,{children:[t.jsx(gt,{src:Re,alt:"",width:60,height:60}),t.jsxs(ft,{children:[t.jsx("strong",{children:n("getCredits.successTitle")})," ",n("getCredits.successBody",{currency:h.name})]})]}),j!=null&&t.jsx(mt,{children:t.jsxs(bt,{children:[t.jsx(wt,{src:de,alt:"",width:93,height:93}),t.jsxs(yt,{children:[t.jsx(re,{}),t.jsxs("span",{children:[t.jsx(kt,{children:n("getCredits.creditsAmount",{credits:j,currency:h.name})})," ",t.jsx(vt,{children:n("getCredits.creditsAdded")})]})]})]})}),t.jsxs(Ct,{children:[t.jsx(v,{"data-variant":"outline",onClick:z,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(et,{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:z,children:n("getCredits.done")})]})]}),u==="error"&&t.jsxs(Z,{role:"alert",children:[t.jsx(J,{"data-tone":"error",children:n("getCredits.errorTitle")}),t.jsx($t,{children:ce}),t.jsx(ee,{children:t.jsx(v,{onClick:z,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(Y,{as:"div","data-skeleton":"true","data-testid":"pack-skeleton","aria-hidden":!0,children:[t.jsxs(V,{children:[t.jsxs(X,{children:[t.jsx(Ve,{}),t.jsx(Xe,{})]}),t.jsx(Ze,{})]}),t.jsx(Je,{})]},o))}):t.jsx(K,{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:Q(o.credits),usd:o.usd,bonus:b.bonus,baseline:b.baseline}):n("getCredits.packAria",{amount:Q(o.credits),usd:o.usd}),children:[o.bestValue&&t.jsxs(Ne,{children:[t.jsx(ye,{name:"star-rounded"}),n("getCredits.packBadge")]}),t.jsxs(V,{children:[t.jsxs(X,{children:[t.jsxs(He,{children:[t.jsx(re,{}),t.jsx(Qe,{children:o.credits})]}),t.jsx(Oe,{children:n("getCredits.packUnit",{currency:h.name})})]}),t.jsx(De,{children:t.jsx("img",{src:St(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};