@dcl/shop 0.10.1-31042990976.commit-7edc9b6 → 1.0.0

package/_assets/{GetCredits-C2rjzPBY.js → GetCredits-Cyw0rRMV.js}

@@ -1,4 +1,4 @@
-import{b as ue,u as xe,r as l,j as t}from"./react-BYHuwl8r.js";import{s as i,t as e,w as F,x as ge,b as n,C as h,o as fe,A as me,$ as g,bh as be,F as G,br as N,bX as we,bb as H,z as re,I as ye,bY as Q}from"./index-BL2RPpVH.js";import{C as ke}from"./Confetti-DkcOmptO.js";import{F as Ce}from"./Faq--E1fBOzk.js";import{R as D}from"./resume-buy-Bf0zIH7y.js";import{u as ve,a as $e,R as je,c as Se,i as Ae,b as Pe}from"./useCreditPacks-UUgawD-U.js";import"./dcl-schemas-CmtP3U6y.js";import"./sentry-Dx-KuLV3.js";import"./ethers-BDpbhgX6.js";import"./intl-CBcMB1D2.js";const A="https://cdn.decentraland.org/@dcl/shop/0.10.1-31042990976.commit-7edc9b6/_assets/pack-coins-BDh1ZDbh.webp",ne="https://cdn.decentraland.org/@dcl/shop/0.10.1-31042990976.commit-7edc9b6/_assets/pack-stacks-D-V2jSHW.webp",se="https://cdn.decentraland.org/@dcl/shop/0.10.1-31042990976.commit-7edc9b6/_assets/pack-chest-BX_j84xW.webp",Re="https://cdn.decentraland.org/@dcl/shop/0.10.1-31042990976.commit-7edc9b6/_assets/credit-coin-CmcTCd5i.webp",Te="data:image/svg+xml,%3csvg%20width='60'%20height='60'%20viewBox='0%200%2060%2060'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='60'%20height='60'%20rx='30'%20fill='%2334CE77'/%3e%3cpath%20d='M21.6583%2046.1067L11.4656%2036.0591C10.1688%2034.829%2010.1905%2032.7207%2011.4769%2031.4622L13.6868%2029.3591C14.9732%2028.1006%2017.1615%2028.1058%2018.4582%2029.3359L23.8747%2034.6197L41.9704%2015.6527C43.2568%2014.3942%2045.4291%2014.2093%2046.7258%2015.4394L48.8765%2017.3628C50.1732%2018.5929%2050.3491%2020.6844%2049.0626%2021.9429L26.6112%2045.8766C25.1433%2047.342%2022.955%2047.3368%2021.6583%2046.1067Z'%20fill='%23FCFCFC'/%3e%3c/svg%3e",_e="https://cdn.decentraland.org/@dcl/shop/0.10.1-31042990976.commit-7edc9b6/_assets/packs-backdrop-BcXiUPeP.webp",Y="linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0)",Be=i.div`
+import{b as ue,u as xe,r as l,j as t}from"./react-BYHuwl8r.js";import{s as i,t as e,w as F,x as ge,b as n,C as h,o as fe,A as me,$ as g,bi as be,F as U,bs as N,bW as we,bc as Q,z as re,I as ye,bX as H}from"./index-C616xNgB.js";import{C as ke}from"./Confetti-BBhDY6Q2.js";import{F as ve}from"./Faq-D03YByjo.js";import{R as D}from"./resume-buy-Bf0zIH7y.js";import{u as Ce,a as $e,R as je,c as Se,i as Ae,b as Pe}from"./useCreditPacks-xyyhS_80.js";import"./dcl-schemas-CmtP3U6y.js";import"./sentry-Dx-KuLV3.js";import"./ethers-BDpbhgX6.js";import"./intl-CBcMB1D2.js";const A="https://cdn.decentraland.org/@dcl/shop/1.0.0/_assets/pack-coins-BDh1ZDbh.webp",ne="https://cdn.decentraland.org/@dcl/shop/1.0.0/_assets/pack-stacks-D-V2jSHW.webp",se="https://cdn.decentraland.org/@dcl/shop/1.0.0/_assets/pack-chest-BX_j84xW.webp",Re="https://cdn.decentraland.org/@dcl/shop/1.0.0/_assets/credit-coin-CmcTCd5i.webp",Te="data:image/svg+xml,%3csvg%20width='60'%20height='60'%20viewBox='0%200%2060%2060'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='60'%20height='60'%20rx='30'%20fill='%2334CE77'/%3e%3cpath%20d='M21.6583%2046.1067L11.4656%2036.0591C10.1688%2034.829%2010.1905%2032.7207%2011.4769%2031.4622L13.6868%2029.3591C14.9732%2028.1006%2017.1615%2028.1058%2018.4582%2029.3359L23.8747%2034.6197L41.9704%2015.6527C43.2568%2014.3942%2045.4291%2014.2093%2046.7258%2015.4394L48.8765%2017.3628C50.1732%2018.5929%2050.3491%2020.6844%2049.0626%2021.9429L26.6112%2045.8766C25.1433%2047.342%2022.955%2047.3368%2021.6583%2046.1067Z'%20fill='%23FCFCFC'/%3e%3c/svg%3e",K="linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0)",_e=i.div`
   display: flex;
   flex-direction: column;
   gap: 24px;
@@ -8,52 +8,54 @@ import{b as ue,u as xe,r as l,j as t}from"./react-BYHuwl8r.js";import{s as i,t a
   display: flex;
   flex-direction: column;
   align-items: center;
-  border-radius: ${e.radius.banner};
-  overflow: hidden;
   padding: 82px clamp(16px, 7.06%, 122px) 129px;
-  /* The panel's own purple, under HeroBackdrop's artwork and sampled from it (its edges are #6c17a3, its
-     centre #9b28d3). The artwork is a separate image request, and until it arrived the panel was the page's
-     white: the white heading was invisible on it and the whole hero snapped from white to purple when the
-     file landed. With the base here the image only adds its silhouettes, so there is nothing to snap. */
-  background: radial-gradient(120% 100% at 50% 50%, #9b28d3 0%, #6c17a3 62%);
+
+  /* Full-bleed and flush against the sub-nav, so it cancels the shell's gutter and top padding — a
+     background on the section itself would stop at the .page container's edges. */
+  &::before {
+    content: '';
+    position: absolute;
+    z-index: -1;
+    top: -28px;
+    bottom: 0;
+    left: 50%;
+    width: 100vw;
+    transform: translateX(-50%);
+    background: rgba(0, 0, 0, 0.2);
+  }
 
   ${e.media.maxWidth("lg")} {
     padding: 48px 24px 56px;
   }
   ${e.media.maxWidth("mobile")} {
     padding: 32px 16px 40px;
+
+    &::before {
+      top: -16px;
+    }
   }
-`,Fe=i.div`
-  position: absolute;
-  inset: 0;
-  z-index: -1;
-  opacity: 0.9;
-  pointer-events: none;
-  background-image: url(${_e});
-  background-size: cover;
-  background-position: 50% 96%;
-  background-repeat: no-repeat;
-`,qe=i.div`
+`,Be=i.div`
   position: relative;
   width: 100%;
   display: flex;
   justify-content: center;
-`,Ee=i.div`
+`,Fe=i.div`
   width: 100%;
   max-width: 1478px;
-  margin-top: 82px;
+  margin: 0 auto;
+  margin-top: 55px;
 
   &:focus {
     outline: none;
   }
 
   ${e.media.maxWidth("lg")} {
-    margin-top: 48px;
+    margin-top: 24px;
   }
   ${e.media.maxWidth("mobile")} {
-    margin-top: 32px;
+    margin-top: 8px;
   }
-`,Ie=i.div`
+`,qe=i.div`
   width: 100%;
   max-width: 1478px;
   display: flex;
@@ -65,14 +67,14 @@ import{b as ue,u as xe,r as l,j as t}from"./react-BYHuwl8r.js";import{s as i,t a
   ${e.media.maxWidth("lg")} {
     gap: 32px;
   }
-`,We=i.header`
+`,Ee=i.header`
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 16px;
   width: 100%;
   text-align: center;
-`,Le=i.h1`
+`,Ie=i.h1`
   margin: 0;
   font-family: ${e.font.sans};
   font-size: 40px;
@@ -83,13 +85,13 @@ import{b as ue,u as xe,r as l,j as t}from"./react-BYHuwl8r.js";import{s as i,t a
   ${e.media.maxWidth("mobile")} {
     font-size: 28px;
   }
-`,Ue=i.div`
+`,We=i.div`
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: center;
   gap: 8px;
-`,Me=i.p`
+`,Le=i.p`
   margin: 0;
   font-family: ${e.font.sans};
   font-size: 24px;
@@ -100,7 +102,7 @@ import{b as ue,u as xe,r as l,j as t}from"./react-BYHuwl8r.js";import{s as i,t a
   ${e.media.maxWidth("mobile")} {
     font-size: 16px;
   }
-`,Ge=i.button`
+`,Me=i.button`
   appearance: none;
   padding: 0;
   border: none;
@@ -134,7 +136,7 @@ import{b as ue,u as xe,r as l,j as t}from"./react-BYHuwl8r.js";import{s as i,t a
       height: 18px;
     }
   }
-`,Ne=i.p`
+`,Ge=i.p`
   margin: 0;
   padding: 10px 16px;
   border-radius: ${e.radius.btn};
@@ -144,7 +146,7 @@ import{b as ue,u as xe,r as l,j as t}from"./react-BYHuwl8r.js";import{s as i,t a
   line-height: 1.6;
   color: ${e.colors.media};
   text-align: center;
-`,K=i.div`
+`,O=i.div`
   display: grid;
   grid-template-columns: repeat(4, minmax(0, 1fr));
   gap: 24px;
@@ -160,7 +162,7 @@ import{b as ue,u as xe,r as l,j as t}from"./react-BYHuwl8r.js";import{s as i,t a
     gap: 12px;
     row-gap: 24px;
   }
-`,O=i.button`
+`,Y=i.button`
   position: relative;
   display: flex;
   flex-direction: column;
@@ -199,9 +201,9 @@ import{b as ue,u as xe,r as l,j as t}from"./react-BYHuwl8r.js";import{s as i,t a
     inset: 0;
     border-radius: inherit;
     pointer-events: none;
-    -webkit-mask: ${Y};
+    -webkit-mask: ${K};
     -webkit-mask-composite: xor;
-    mask: ${Y};
+    mask: ${K};
     mask-composite: exclude;
     transition: opacity 0.15s ease;
   }
@@ -260,7 +262,7 @@ import{b as ue,u as xe,r as l,j as t}from"./react-BYHuwl8r.js";import{s as i,t a
     padding: 8px;
     border-radius: 16px;
   }
-`,He=i.span`
+`,Ue=i.span`
   position: absolute;
   top: -18px;
   left: 50%;
@@ -314,7 +316,7 @@ import{b as ue,u as xe,r as l,j as t}from"./react-BYHuwl8r.js";import{s as i,t a
   align-items: center;
   gap: 12px;
   width: 100%;
-`,Qe=i.span`
+`,Ne=i.span`
   display: flex;
   align-items: center;
   gap: 8px;
@@ -331,7 +333,7 @@ import{b as ue,u as xe,r as l,j as t}from"./react-BYHuwl8r.js";import{s as i,t a
       height: 24.81px;
     }
   }
-`,De=i.span`
+`,Qe=i.span`
   font-family: ${e.font.sans};
   font-size: 40px;
   font-weight: 800;
@@ -342,7 +344,7 @@ import{b as ue,u as xe,r as l,j as t}from"./react-BYHuwl8r.js";import{s as i,t a
     font-size: 32px;
     line-height: 24px;
   }
-`,Ye=i.span`
+`,He=i.span`
   font-family: ${e.font.sans};
   font-size: 20px;
   font-weight: 500;
@@ -354,7 +356,7 @@ import{b as ue,u as xe,r as l,j as t}from"./react-BYHuwl8r.js";import{s as i,t a
     font-size: 16px;
     line-height: 12px;
   }
-`,Ke=i.span`
+`,De=i.span`
   display: block;
   width: 70%;
   aspect-ratio: 1;
@@ -364,8 +366,26 @@ import{b as ue,u as xe,r as l,j as t}from"./react-BYHuwl8r.js";import{s as i,t a
     width: 100%;
     height: 100%;
     object-fit: contain;
+    /* Scaling the IMG, not this box: the box holds the card's layout, so growing it would push the
+       price button down and make the hovered card taller than its neighbours. */
+    transform-origin: center;
+    transition: transform 0.2s ease;
+  }
+
+  [data-testid='pack']:hover & img,
+  [data-testid='pack']:focus-visible & img {
+    transform: scale(1.08);
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    img,
+    [data-testid='pack']:hover & img,
+    [data-testid='pack']:focus-visible & img {
+      transition: none;
+      transform: none;
+    }
   }
-`,Oe=i.span`
+`,Ke=i.span`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -378,18 +398,32 @@ import{b as ue,u as xe,r as l,j as t}from"./react-BYHuwl8r.js";import{s as i,t a
    */
   margin-top: auto;
   width: 100%;
-  height: 48px;
+  height: 56px;
   padding: 0 12px;
   border-radius: ${e.radius.card};
-  background: ${e.colors.white};
+  /* Translucent at rest; the card's hover/selected state below flips it to the solid white the design
+     gives the chosen pack (Figma 2106:416252 vs 1654:372735). */
+  background: rgba(255, 255, 255, 0.2);
   font-family: ${e.font.sans};
-  font-size: 16px;
-  font-weight: 800;
+  font-size: 15px;
+  font-weight: 700;
   line-height: 24px;
   letter-spacing: 0.46px;
-  color: ${e.colors.text2};
+  color: ${e.colors.softWhite};
   text-transform: uppercase;
-`,Ve=F`
+  transition:
+    background 0.15s ease,
+    color 0.15s ease;
+
+  [data-testid='pack']:hover &,
+  [data-testid='pack']:focus-visible &,
+  [data-testid='pack']:active & {
+    background: ${e.colors.white};
+    color: ${e.colors.text2};
+    font-size: 16px;
+    font-weight: 800;
+  }
+`,Oe=F`
   to {
     background-position: -200% 0;
   }
@@ -402,12 +436,12 @@ import{b as ue,u as xe,r as l,j as t}from"./react-BYHuwl8r.js";import{s as i,t a
     rgba(255, 255, 255, 0.08) 70%
   );
   background-size: 200% 100%;
-  animation: ${Ve} 1.4s infinite linear;
+  animation: ${Oe} 1.4s infinite linear;
 
   @media (prefers-reduced-motion: reduce) {
     animation: none;
   }
-`,Xe=i(P)`
+`,Ye=i(P)`
   width: 60%;
   height: 30px;
   border-radius: ${e.radius.chip};
@@ -415,7 +449,7 @@ import{b as ue,u as xe,r as l,j as t}from"./react-BYHuwl8r.js";import{s as i,t a
   ${e.media.maxWidth("mobile")} {
     height: 24px;
   }
-`,Ze=i(P)`
+`,Ve=i(P)`
   width: 36%;
   height: 15px;
   border-radius: ${e.radius.chip};
@@ -423,19 +457,19 @@ import{b as ue,u as xe,r as l,j as t}from"./react-BYHuwl8r.js";import{s as i,t a
   ${e.media.maxWidth("mobile")} {
     height: 12px;
   }
-`,Je=i(P)`
+`,Xe=i(P)`
   width: 70%;
   aspect-ratio: 1;
   border-radius: 16px;
-`,et=i(P)`
+`,Ze=i(P)`
   width: 100%;
   height: 48px;
   border-radius: ${e.radius.card};
-`,tt=i.p`
+`,Je=i.p`
   margin: 0;
   font-family: ${e.font.sans};
   color: ${e.colors.muted};
-`,it=i.div`
+`,et=i.div`
   position: absolute;
   inset: 0;
   z-index: 1;
@@ -446,13 +480,13 @@ import{b as ue,u as xe,r as l,j as t}from"./react-BYHuwl8r.js";import{s as i,t a
   gap: 24px;
   padding: 24px;
   text-align: center;
-`,rt=i.p`
+`,tt=i.p`
   margin: 0;
   font-family: ${e.font.sans};
   font-size: 16px;
   line-height: 1.4;
   color: rgba(255, 255, 255, 0.88);
-`,nt=F`
+`,it=F`
   0%, 100% {
     transform: scale(1);
     opacity: 1;
@@ -461,7 +495,7 @@ import{b as ue,u as xe,r as l,j as t}from"./react-BYHuwl8r.js";import{s as i,t a
     transform: scale(0.88);
     opacity: 0.7;
   }
-`,st=i.div`
+`,rt=i.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -472,20 +506,20 @@ import{b as ue,u as xe,r as l,j as t}from"./react-BYHuwl8r.js";import{s as i,t a
 `,oe=i.img`
   width: 61px;
   height: 61px;
-  animation: ${nt} 1.2s ease-in-out infinite;
+  animation: ${it} 1.2s ease-in-out infinite;
 
   @media (prefers-reduced-motion: reduce) {
     animation: none;
   }
-`,ot=i(oe)`
+`,nt=i(oe)`
   width: 72px;
   height: 72px;
-`,at=i.div`
+`,st=i.div`
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 8px;
-`,dt=i.p`
+`,ot=i.p`
   margin: 0;
   font-family: ${e.font.sans};
   font-size: 20px;
@@ -495,18 +529,18 @@ import{b as ue,u as xe,r as l,j as t}from"./react-BYHuwl8r.js";import{s as i,t a
   strong {
     font-weight: 700;
   }
-`,ct=i.div`
+`,at=i.div`
   display: flex;
   align-items: center;
   gap: 8px;
-`,lt=F`
+`,dt=F`
   0% {
     left: -40%;
   }
   100% {
     left: 100%;
   }
-`,pt=i.span`
+`,ct=i.span`
   position: relative;
   width: 456px;
   max-width: 60vw;
@@ -514,7 +548,7 @@ import{b as ue,u as xe,r as l,j as t}from"./react-BYHuwl8r.js";import{s as i,t a
   border-radius: ${e.radius.pill};
   background: ${e.colors.chip};
   overflow: hidden;
-`,ht=i.span`
+`,lt=i.span`
   position: absolute;
   top: 0;
   left: -40%;
@@ -522,19 +556,19 @@ import{b as ue,u as xe,r as l,j as t}from"./react-BYHuwl8r.js";import{s as i,t a
   height: 100%;
   border-radius: ${e.radius.pill};
   background: ${e.gradients.amethyst};
-  animation: ${lt} 1.4s ease-in-out infinite;
+  animation: ${dt} 1.4s ease-in-out infinite;
 
   @media (prefers-reduced-motion: reduce) {
     left: 0;
     width: 30%;
     animation: none;
   }
-`,ut=i.span`
+`,pt=i.span`
   font-family: ${e.font.sans};
   font-size: 16px;
   line-height: 22px;
   color: ${e.colors.text2};
-`,xt=i.div`
+`,ht=i.div`
   /* Its own stacking context, so the confetti layer (z-index: -1) lands BEHIND this content instead of
      escaping past it and hiding behind the page background. z-index is inert without a position, so both
      are required — same arrangement Success.styles' Root uses for the item-purchase burst. */
@@ -545,7 +579,7 @@ import{b as ue,u as xe,r as l,j as t}from"./react-BYHuwl8r.js";import{s as i,t a
   gap: 12px;
   max-width: 895px;
   margin: 0 auto;
-`,gt=i.div`
+`,ut=i.div`
   display: flex;
   align-items: center;
   gap: 16px;
@@ -558,11 +592,11 @@ import{b as ue,u as xe,r as l,j as t}from"./react-BYHuwl8r.js";import{s as i,t a
     flex-direction: column;
     text-align: center;
   }
-`,ft=i.img`
+`,xt=i.img`
   flex: none;
   width: 60px;
   height: 60px;
-`,mt=i.p`
+`,gt=i.p`
   flex: 1;
   margin: 0;
   font-family: ${e.font.sans};
@@ -574,12 +608,12 @@ import{b as ue,u as xe,r as l,j as t}from"./react-BYHuwl8r.js";import{s as i,t a
   strong {
     font-weight: 700;
   }
-`,bt=i.div`
+`,ft=i.div`
   padding: 24px;
   border-radius: 16px;
   background: ${e.colors.white};
   border: 1px solid ${e.colors.gray4};
-`,wt=i.div`
+`,mt=i.div`
   position: relative;
   display: flex;
   align-items: center;
@@ -603,7 +637,7 @@ import{b as ue,u as xe,r as l,j as t}from"./react-BYHuwl8r.js";import{s as i,t a
     gap: 10px;
     padding: 120px 16px 16px;
   }
-`,yt=i.img`
+`,bt=i.img`
   position: absolute;
   left: 35px;
   top: 50%;
@@ -617,7 +651,7 @@ import{b as ue,u as xe,r as l,j as t}from"./react-BYHuwl8r.js";import{s as i,t a
     top: 16px;
     transform: translateX(-50%);
   }
-`,kt=i.p`
+`,wt=i.p`
   display: inline-flex;
   align-items: center;
   gap: 8px;
@@ -630,21 +664,21 @@ import{b as ue,u as xe,r as l,j as t}from"./react-BYHuwl8r.js";import{s as i,t a
     height: 30px;
     color: ${e.colors.text};
   }
-`,Ct=i.strong`
+`,yt=i.strong`
   font-size: 24px;
   font-weight: 700;
   text-transform: capitalize;
-`,vt=i.span`
+`,kt=i.span`
   font-size: 14px;
   font-weight: 400;
-`,$t=i.div`
+`,vt=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;
@@ -704,8 +738,8 @@ import{b as ue,u as xe,r as l,j as t}from"./react-BYHuwl8r.js";import{s as i,t a
   display: flex;
   gap: 12px;
   margin-top: 16px;
-`,jt=i.p`
+`,Ct=i.p`
   margin: 0;
   font-family: ${e.font.sans};
   color: ${e.colors.err};
-`,v=Ae()?"mock":"stripe",te=[A,A,ne,se],St={pack_5:A,pack_10:A,pack_25:ne,pack_50:se};function ae(d,s){return St[d.id]??te[s%te.length]}function At(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 Ut(){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,q]=l.useState(null),[j,E]=l.useState(null),de=(j!=null?(L=$.find(r=>r.credits===j))==null?void 0:L.artUrl:void 0)??Re,[ce,k]=l.useState(null),[le,R]=l.useState(!1),T=l.useRef(null);l.useEffect(()=>()=>{var r;return(r=T.current)==null?void 0:r.abort()},[]);const I=l.useCallback(()=>{b(r=>{const a=new URLSearchParams(r);return a.delete("order"),a.delete("canceled"),a},{replace:!0})},[b]),_=l.useCallback(async r=>{p("processing");const a=new AbortController;T.current=a;try{const x=await $e(r,{signal:a.signal,address:s==null?void 0:s.address,identity:s==null?void 0:s.identity});if(x.status==="credited"){const w=x.creditsGranted??(c==null?void 0:c.credits)??0;E(w>0?w:null),p("success"),g("Shop Completed Buy Credits",{order_id:r,pack_usd:(c==null?void 0:c.usd)??null,credits:w>0?w:null,provider:v}),o.invalidateQueries({queryKey:["usd-balance"]});try{if(sessionStorage.getItem(je)){const S={resumeCheckout:!0,...w>0?{creditsAdded:w}:{}};d("/cart",{state:S});return}}catch{}try{const S=sessionStorage.getItem(D);if(S){sessionStorage.removeItem(D);const 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),q(r),p(v==="mock"?"processing":"redirecting"),g("Shop Started Buy Credits",{pack_usd:r.usd,credits:r.credits,provider:v});try{const a=await Se(r.id,{address:s.address,identity:s.identity});if(a.mock)_(a.orderId);else if(a.url)g("Shop Redirected To Stripe",{order_id:a.orderId,pack_usd:r.usd,credits:r.credits}),window.location.href=a.url;else throw new Error("Checkout did not return a redirect url")}catch(a){G(a,{flow:"get_credits",step:"checkout",provider:v}),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:v}),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"),q(null),E(null),k(null),R(!1)}function he(){const r=W.current;if(!r)return;const a=window.matchMedia("(prefers-reduced-motion: reduce)").matches;r.scrollIntoView({behavior:a?"auto":"smooth",block:"center"}),r.focus({preventScroll:!0})}return t.jsxs(Be,{children:[(u==="select"||u==="redirecting")&&t.jsxs(ze,{"data-testid":"credits-hero",children:[t.jsx(Fe,{"aria-hidden":!0}),t.jsxs(qe,{children:[t.jsxs(Ie,{$hidden:u==="redirecting",children:[t.jsxs(We,{children:[t.jsx(Le,{children:n("getCredits.title")}),t.jsxs(Ue,{children:[t.jsx(Me,{children:n("getCredits.subtitle")}),t.jsx(Ge,{type:"button",onClick:he,"data-testid":"credits-learn-more",children:n("getCredits.learnMore")})]})]}),le&&t.jsx(Ne,{role:"status",children:n("getCredits.canceledNote")}),t.jsx(Rt,{packs:$,loading:y,onSelect:r=>void pe(r)})]}),u==="redirecting"&&t.jsxs(it,{role:"status","aria-live":"polite",children:[t.jsx(ot,{src:H,alt:"",width:72,height:72}),t.jsx(rt,{children:n("getCredits.redirecting")})]})]}),t.jsx(Ee,{ref:W,tabIndex:-1,"data-testid":"credits-faq",children:t.jsx(Ce,{title:"faq.title",entries:Pt,tone:"on-dark"})})]}),u==="processing"&&t.jsxs(st,{role:"status","aria-live":"polite",children:[t.jsx(oe,{src:H,alt:"",width:61,height:61}),t.jsxs(at,{children:[t.jsxs(dt,{children:[t.jsx("strong",{children:n("getCredits.processing")}),"…"]}),t.jsxs(ct,{"aria-hidden":!0,children:[t.jsx(pt,{children:t.jsx(ht,{})}),t.jsx(ut,{children:"1/1"})]})]})]}),u==="success"&&t.jsxs(xt,{role:"status","aria-live":"polite",children:[t.jsx(ke,{}),t.jsxs(gt,{children:[t.jsx(ft,{src:Te,alt:"",width:60,height:60}),t.jsxs(mt,{children:[t.jsx("strong",{children:n("getCredits.successTitle")})," ",n("getCredits.successBody",{currency:h.name})]})]}),j!=null&&t.jsx(bt,{children:t.jsxs(wt,{children:[t.jsx(yt,{src:de,alt:"",width:93,height:93}),t.jsxs(kt,{children:[t.jsx(re,{}),t.jsxs("span",{children:[t.jsx(Ct,{children:n("getCredits.creditsAmount",{credits:j,currency:h.name})})," ",t.jsx(vt,{children:n("getCredits.creditsAdded")})]})]})]})}),t.jsxs($t,{children:[t.jsx(C,{"data-variant":"outline",onClick:z,children:n("getCredits.buyMore",{currency:h.name})}),t.jsx(C,{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(tt,{children:n("getCredits.pendingBody")}),t.jsxs(ee,{children:[t.jsx(C,{onClick:()=>d("/items"),children:n("getCredits.startShopping")}),t.jsx(C,{"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(jt,{children:ce}),t.jsx(ee,{children:t.jsx(C,{onClick:z,children:n("getCredits.tryAgain")})})]})]})}function Rt({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(O,{as:"div","data-skeleton":"true","data-testid":"pack-skeleton","aria-hidden":!0,children:[t.jsxs(V,{children:[t.jsxs(X,{children:[t.jsx(Xe,{}),t.jsx(Ze,{})]}),t.jsx(Je,{})]}),t.jsx(et,{})]},o))}):t.jsx(K,{children:d.map((o,m)=>{const b=Pe(o,d);return t.jsxs(O,{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(He,{children:[t.jsx(ye,{name:"star-rounded"}),n("getCredits.packBadge")]}),t.jsxs(V,{children:[t.jsxs(X,{children:[t.jsxs(Qe,{children:[t.jsx(re,{}),t.jsx(De,{children:o.credits})]}),t.jsx(Ye,{children:n("getCredits.packUnit",{currency:h.name})})]}),t.jsx(Ke,{children:t.jsx("img",{src:At(o,m),alt:"",loading:"lazy",width:507,height:507,onError:$=>{const y=$.currentTarget;y.dataset.artFallback||(y.dataset.artFallback="done",y.src=ae(o,m))}})})]}),t.jsxs(Oe,{children:["$",o.usd.toFixed(2)]})]},o.id)})})}export{Ut as GetCredits,Ut as default};
+`,C=Ae()?"mock":"stripe",te=[A,A,ne,se],$t={pack_5:A,pack_10:A,pack_25:ne,pack_50:se};function ae(d,s){return $t[d.id]??te[s%te.length]}function jt(d,s){return d.artUrl??ae(d,s)}const St=[{question:"faq.buyers.whatAreQ",answer:"faq.buyers.whatAreA"},{question:"faq.buyers.whatCanIBuyQ",answer:"faq.buyers.whatCanIBuyA"},{question:"faq.buyers.whereBuyQ",answer:"faq.buyers.whereBuyA"},{question:"faq.buyers.whereUseQ",answer:"faq.buyers.whereUseA"},{question:"faq.buyers.expireQ",answer:"faq.buyers.expireA"},{question:"faq.buyers.transferQ",answer:"faq.buyers.transferA"}];function ie(d){const s=d;if((s==null?void 0:s.name)==="AbortError")return n("getCredits.errorCanceled");const f=((s==null?void 0:s.message)??"").toLowerCase();return f.includes("sign in")?n("getCredits.errorSignIn",{currency:h.name}):f.includes("timed out")?n("getCredits.errorTimeout",{currency:h.name}):n("getCredits.errorGeneric")}function Wt(){var L;ge({title:n("nav.getCredits",{currency:h.name}),noindex:!0});const d=ue(),{session:s,signIn:f}=fe(),o=me(),[m,b]=xe(),{packs:$,isLoading:y}=Ce(),[u,p]=l.useState("select"),[c,q]=l.useState(null),[j,E]=l.useState(null),de=(j!=null?(L=$.find(r=>r.credits===j))==null?void 0:L.artUrl:void 0)??Re,[ce,k]=l.useState(null),[le,R]=l.useState(!1),T=l.useRef(null);l.useEffect(()=>()=>{var r;return(r=T.current)==null?void 0:r.abort()},[]);const I=l.useCallback(()=>{b(r=>{const a=new URLSearchParams(r);return a.delete("order"),a.delete("canceled"),a},{replace:!0})},[b]),_=l.useCallback(async r=>{p("processing");const a=new AbortController;T.current=a;try{const x=await $e(r,{signal:a.signal,address:s==null?void 0:s.address,identity:s==null?void 0:s.identity});if(x.status==="credited"){const w=x.creditsGranted??(c==null?void 0:c.credits)??0;E(w>0?w:null),p("success"),g("Shop Completed Buy Credits",{order_id:r,pack_usd:(c==null?void 0:c.usd)??null,credits:w>0?w:null,provider:C}),o.invalidateQueries({queryKey:["usd-balance"]});try{if(sessionStorage.getItem(je)){const S={resumeCheckout:!0,...w>0?{creditsAdded:w}:{}};d("/cart",{state:S});return}}catch{}try{const S=sessionStorage.getItem(D);if(S){sessionStorage.removeItem(D);const M=JSON.parse(S),G=be(M);if(G){d(G,{state:{item:M,resumeBuy:!0}});return}}}catch{}}else x.status==="pending"?(g("Shop Buy Credits Pending",{step:"grant",pack_usd:(c==null?void 0:c.usd)??null}),o.invalidateQueries({queryKey:["usd-balance"]}),p("pending")):(g("Shop Buy Credits Failed",{step:"grant",error_code:"grant_failed",pack_usd:(c==null?void 0:c.usd)??null}),k(x.error??n("getCredits.errorGrant",{currency:h.name})),p("error"))}catch(x){U(x,{flow:"get_credits",step:"grant",order_id:r}),g("Shop Buy Credits Failed",{step:"grant",error_code:N(x),pack_usd:(c==null?void 0:c.usd)??null}),k(ie(x)),p("error")}},[c,s,o,d]),pe=l.useCallback(async r=>{if(!s){f();return}k(null),R(!1),q(r),p(C==="mock"?"processing":"redirecting"),g("Shop Started Buy Credits",{pack_usd:r.usd,credits:r.credits,provider:C});try{const a=await Se(r.id,{address:s.address,identity:s.identity});if(a.mock)_(a.orderId);else if(a.url)g("Shop Redirected To Stripe",{order_id:a.orderId,pack_usd:r.usd,credits:r.credits}),window.location.href=a.url;else throw new Error("Checkout did not return a redirect url")}catch(a){U(a,{flow:"get_credits",step:"checkout",provider:C}),g("Shop Buy Credits Failed",{step:"checkout",error_code:N(a),pack_usd:r.usd}),k(ie(a)),p("error")}},[s,f,_]),z=l.useRef(!1),W=l.useRef(null);l.useEffect(()=>{if(z.current)return;const r=m.get("order");if(m.get("canceled")!=null){z.current=!0,g("Shop Buy Credits Cancelled",{order_id:r,provider:C}),r&&s&&we(r,s.identity),I(),R(!0),p("select");return}r&&(p("processing"),s&&(z.current=!0,I(),_(r)))},[m,s]);function B(){var r;(r=T.current)==null||r.abort(),p("select"),q(null),E(null),k(null),R(!1)}function he(){const r=W.current;if(!r)return;const a=window.matchMedia("(prefers-reduced-motion: reduce)").matches;r.scrollIntoView({behavior:a?"auto":"smooth",block:"center"}),r.focus({preventScroll:!0})}return t.jsxs(_e,{children:[(u==="select"||u==="redirecting")&&t.jsxs(t.Fragment,{children:[t.jsx(ze,{"data-testid":"credits-hero",children:t.jsxs(Be,{children:[t.jsxs(qe,{$hidden:u==="redirecting",children:[t.jsxs(Ee,{children:[t.jsx(Ie,{children:n("getCredits.title")}),t.jsxs(We,{children:[t.jsx(Le,{children:n("getCredits.subtitle")}),t.jsx(Me,{type:"button",onClick:he,"data-testid":"credits-learn-more",children:n("getCredits.learnMore")})]})]}),le&&t.jsx(Ge,{role:"status",children:n("getCredits.canceledNote")}),t.jsx(At,{packs:$,loading:y,onSelect:r=>void pe(r)})]}),u==="redirecting"&&t.jsxs(et,{role:"status","aria-live":"polite",children:[t.jsx(nt,{src:Q,alt:"",width:72,height:72}),t.jsx(tt,{children:n("getCredits.redirecting")})]})]})}),t.jsx(Fe,{ref:W,tabIndex:-1,"data-testid":"credits-faq",children:t.jsx(ve,{title:"faq.title",entries:St,tone:"on-dark"})})]}),u==="processing"&&t.jsxs(rt,{role:"status","aria-live":"polite",children:[t.jsx(oe,{src:Q,alt:"",width:61,height:61}),t.jsxs(st,{children:[t.jsxs(ot,{children:[t.jsx("strong",{children:n("getCredits.processing")}),"…"]}),t.jsxs(at,{"aria-hidden":!0,children:[t.jsx(ct,{children:t.jsx(lt,{})}),t.jsx(pt,{children:"1/1"})]})]})]}),u==="success"&&t.jsxs(ht,{role:"status","aria-live":"polite",children:[t.jsx(ke,{}),t.jsxs(ut,{children:[t.jsx(xt,{src:Te,alt:"",width:60,height:60}),t.jsxs(gt,{children:[t.jsx("strong",{children:n("getCredits.successTitle")})," ",n("getCredits.successBody",{currency:h.name})]})]}),j!=null&&t.jsx(ft,{children:t.jsxs(mt,{children:[t.jsx(bt,{src:de,alt:"",width:93,height:93}),t.jsxs(wt,{children:[t.jsx(re,{}),t.jsxs("span",{children:[t.jsx(yt,{children:n("getCredits.creditsAmount",{credits:j,currency:h.name})})," ",t.jsx(kt,{children:n("getCredits.creditsAdded")})]})]})]})}),t.jsxs(vt,{children:[t.jsx(v,{"data-variant":"outline",onClick:B,children:n("getCredits.buyMore",{currency:h.name})}),t.jsx(v,{onClick:()=>d("/items"),children:n("getCredits.startShopping")})]})]}),u==="pending"&&t.jsxs(Z,{role:"status","aria-live":"polite",children:[t.jsx(J,{children:n("getCredits.pendingTitle",{currency:h.name})}),t.jsx(Je,{children:n("getCredits.pendingBody")}),t.jsxs(ee,{children:[t.jsx(v,{onClick:()=>d("/items"),children:n("getCredits.startShopping")}),t.jsx(v,{"data-variant":"outline",onClick:B,children:n("getCredits.done")})]})]}),u==="error"&&t.jsxs(Z,{role:"alert",children:[t.jsx(J,{"data-tone":"error",children:n("getCredits.errorTitle")}),t.jsx(Ct,{children:ce}),t.jsx(ee,{children:t.jsx(v,{onClick:B,children:n("getCredits.tryAgain")})})]})]})}function At({packs:d,loading:s,onSelect:f}){return s?t.jsx(O,{"aria-busy":"true","aria-label":n("getCredits.packsLoading",{currency:h.name}),children:[0,1,2,3].map(o=>t.jsxs(Y,{as:"div","data-skeleton":"true","data-testid":"pack-skeleton","aria-hidden":!0,children:[t.jsxs(V,{children:[t.jsxs(X,{children:[t.jsx(Ye,{}),t.jsx(Ve,{})]}),t.jsx(Xe,{})]}),t.jsx(Ze,{})]},o))}):t.jsx(O,{children:d.map((o,m)=>{const b=Pe(o,d);return t.jsxs(Y,{type:"button","data-testid":"pack","data-best":o.bestValue?"true":void 0,onClick:()=>f(o),"aria-label":b?n("getCredits.packAriaBonus",{amount:H(o.credits),usd:o.usd,bonus:b.bonus,baseline:b.baseline}):n("getCredits.packAria",{amount:H(o.credits),usd:o.usd}),children:[o.bestValue&&t.jsxs(Ue,{children:[t.jsx(ye,{name:"star-rounded"}),n("getCredits.packBadge")]}),t.jsxs(V,{children:[t.jsxs(X,{children:[t.jsxs(Ne,{children:[t.jsx(re,{}),t.jsx(Qe,{children:o.credits})]}),t.jsx(He,{children:n("getCredits.packUnit",{currency:h.name})})]}),t.jsx(De,{children:t.jsx("img",{src:jt(o,m),alt:"",loading:"lazy",width:507,height:507,onError:$=>{const y=$.currentTarget;y.dataset.artFallback||(y.dataset.artFallback="done",y.src=ae(o,m))}})})]}),t.jsxs(Ke,{children:["$",o.usd.toFixed(2)]})]},o.id)})})}export{Wt as GetCredits,Wt as default};