@dcl/shop 0.1.0-30275838080.commit-dc84870 → 0.1.0-30277401547.commit-e877307

package/assets/GetCredits-BE-bIUdj.js

@@ -0,0 +1,611 @@
+import{u as ae,b as de,r as c,j as t}from"./react-BW1xvPTF.js";import{s as i,K as e,R,x as ce,t as r,u as le,b as pe,j as g,an as xe,e as l,J as G,k as H,I as J,C as Z,f as ue}from"./index-BFPNYe8x.js";import{R as M}from"./resume-buy-Bf0zIH7y.js";import{R as ge}from"./cart-checkout-K77UDHy3.js";import{l as he}from"./loader-logo-BzY9EKdC.js";import{u as fe,p as me,c as be,i as we}from"./useCreditPacks-BAZLy3JX.js";import{C as ye}from"./CircularProgress-BmwVvF17.js";import"./sentry-BV_ZSgtd.js";import"./dcl-schemas-BICTSpB5.js";import"./ethers-CtVvB8eG.js";import"./intl-CBcMB1D2.js";const j="https://cdn.decentraland.org/@dcl/shop/0.1.0-30277401547.commit-e877307/assets/pack-coins-BDh1ZDbh.webp",ee="https://cdn.decentraland.org/@dcl/shop/0.1.0-30277401547.commit-e877307/assets/pack-stacks-D-V2jSHW.webp",te="https://cdn.decentraland.org/@dcl/shop/0.1.0-30277401547.commit-e877307/assets/pack-chest-BX_j84xW.webp",ke="https://cdn.decentraland.org/@dcl/shop/0.1.0-30277401547.commit-e877307/assets/credit-coin-CmcTCd5i.webp",Ce="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",je="https://cdn.decentraland.org/@dcl/shop/0.1.0-30277401547.commit-e877307/assets/packs-backdrop-BcXiUPeP.webp",N="linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0)",$e=i.div`
+  display: flex;
+  flex-direction: column;
+  gap: 24px;
+`,ve=i.section`
+  position: relative;
+  isolation: isolate;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  border-radius: ${e.radius.banner};
+  overflow: hidden;
+  padding: 82px clamp(16px, 7.06%, 122px) 129px;
+
+  ${e.media.down("lg")} {
+    padding: 48px 24px 56px;
+  }
+  ${e.media.down("mobile")} {
+    padding: 32px 16px 40px;
+  }
+`,Se=i.div`
+  position: absolute;
+  inset: 0;
+  z-index: -1;
+  opacity: 0.9;
+  pointer-events: none;
+  background-image: url(${je});
+  background-size: cover;
+  background-position: 50% 96%;
+  background-repeat: no-repeat;
+`,Pe=i.div`
+  width: 100%;
+  max-width: 1478px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 52px;
+
+  ${e.media.down("lg")} {
+    gap: 32px;
+  }
+`,_e=i.header`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 12px;
+  width: 100%;
+  text-align: center;
+`,Re=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.down("mobile")} {
+    font-size: 28px;
+  }
+`,ze=i.div`
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+`,Ae=i.p`
+  margin: 0;
+  font-family: ${e.font.sans};
+  font-size: 24px;
+  font-weight: 500;
+  line-height: 1.334;
+  color: ${e.colors.media};
+
+  ${e.media.down("mobile")} {
+    font-size: 16px;
+  }
+`,Be=i.a`
+  display: inline-flex;
+  align-items: center;
+  gap: 2px;
+  font-family: ${e.font.sans};
+  font-size: 20px;
+  font-weight: 500;
+  line-height: 30px;
+  color: ${e.colors.white};
+  text-decoration: underline;
+  text-underline-offset: 2px;
+
+  .ico {
+    width: 26px;
+    height: 26px;
+  }
+  &:hover {
+    opacity: 0.85;
+  }
+  &:focus-visible {
+    outline: 2px solid ${e.colors.white};
+    outline-offset: 3px;
+    border-radius: ${e.radius.chip};
+  }
+
+  ${e.media.down("mobile")} {
+    font-size: 15px;
+    line-height: 22px;
+
+    .ico {
+      width: 18px;
+      height: 18px;
+    }
+  }
+`,Ee=i.p`
+  margin: 0;
+  padding: 10px 16px;
+  border-radius: ${e.radius.btn};
+  background: rgba(21, 21, 21, 0.4);
+  font-family: ${e.font.sans};
+  font-size: 14px;
+  line-height: 1.6;
+  color: ${e.colors.media};
+  text-align: center;
+`,U=i.div`
+  display: grid;
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+  gap: 24px;
+  width: 100%;
+
+  /* Two per row from tablet all the way down to the narrowest phone (Figma node 1654-374664): one
+     full-width pack per row wastes the height and pushes the fourth option far below the fold. */
+  @media (max-width: 980px) {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    row-gap: 40px;
+  }
+  @media (max-width: 520px) {
+    gap: 12px;
+    row-gap: 24px;
+  }
+`,K=i.button`
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 48px;
+  min-width: 0;
+  padding: 24px 16px 16px;
+  border: 0;
+  border-radius: ${e.radius.banner};
+  background: rgba(21, 21, 21, 0.4);
+  backdrop-filter: blur(3px);
+  -webkit-backdrop-filter: blur(3px);
+  color: ${e.colors.white};
+  cursor: pointer;
+  text-align: center;
+  transition:
+    background 0.15s ease,
+    box-shadow 0.15s ease;
+
+  &::before,
+  &::after {
+    content: '';
+    position: absolute;
+    border-radius: inherit;
+    pointer-events: none;
+    -webkit-mask: ${N};
+    -webkit-mask-composite: xor;
+    mask: ${N};
+    mask-composite: exclude;
+    transition: opacity 0.15s ease;
+  }
+  /* Hairline outline (Figma: 1px Flare stroke). */
+  &::before {
+    inset: 0;
+    padding: 1px;
+    background: ${e.gradients.flare};
+  }
+  /* Hover ring: a 6px warm outline floating in the 4px gutter outside the card. */
+  &::after {
+    inset: -10px;
+    padding: 6px;
+    border-radius: 30px;
+    background: ${e.gradients.ember};
+    opacity: 0;
+  }
+
+  &:hover,
+  &:focus-visible,
+  &:active {
+    background: ${e.colors.accent};
+    box-shadow: 0 0 8px ${e.colors.brandViolet};
+  }
+  &:hover::before,
+  &:focus-visible::before,
+  &:active::before {
+    opacity: 0;
+  }
+  &:hover::after,
+  &:focus-visible::after,
+  &:active::after {
+    opacity: 1;
+  }
+  &:focus-visible {
+    outline: none;
+  }
+
+  /* Loading placeholder shell — same card, none of the interaction. */
+  &[data-skeleton='true'] {
+    cursor: default;
+  }
+  &[data-skeleton='true']:hover {
+    background: rgba(21, 21, 21, 0.4);
+    box-shadow: none;
+  }
+  &[data-skeleton='true']:hover::before {
+    opacity: 1;
+  }
+  &[data-skeleton='true']:hover::after {
+    opacity: 0;
+  }
+
+  ${e.media.down("mobile")} {
+    gap: 24px;
+  }
+`,Te=i.span`
+  position: absolute;
+  top: -18px;
+  left: 50%;
+  transform: translateX(-50%);
+  z-index: 2;
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  padding: 6px 12px 6px 8px;
+  border-radius: ${e.radius.pill};
+  background: ${e.gradients.flare};
+  font-family: ${e.font.sans};
+  font-size: 20px;
+  font-weight: 500;
+  line-height: 24px;
+  color: ${e.colors.white};
+  white-space: nowrap;
+
+  .ico {
+    width: 24px;
+    height: 24px;
+  }
+
+  ${e.media.down("mobile")} {
+    top: -14px;
+    padding: 4px 10px 4px 6px;
+    font-size: 14px;
+    line-height: 20px;
+
+    .ico {
+      width: 18px;
+      height: 18px;
+    }
+  }
+`,D=i.span`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 12px;
+  padding-top: 32px;
+
+  ${e.media.down("mobile")} {
+    padding-top: 16px;
+  }
+`,O=i.span`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 12px;
+  width: 100%;
+`,Le=i.span`
+  display: flex;
+  align-items: center;
+  gap: 8px;
+
+  .ico {
+    width: 28.21px;
+    height: 29.79px;
+    color: ${e.colors.softWhite};
+  }
+`,Ie=i.span`
+  font-family: ${e.font.sans};
+  font-size: 40px;
+  font-weight: 800;
+  line-height: 30px;
+  color: ${e.colors.white};
+`,Fe=i.span`
+  font-family: ${e.font.sans};
+  font-size: 20px;
+  font-weight: 500;
+  line-height: 15px;
+  color: ${e.colors.media};
+  text-transform: uppercase;
+`,Ge=i.span`
+  display: block;
+  width: 253.5px;
+  max-width: 100%;
+  aspect-ratio: 1;
+
+  img {
+    display: block;
+    width: 100%;
+    height: 100%;
+    object-fit: contain;
+  }
+
+  /* One column: a full-size render per card would make the page absurdly tall. */
+  @media (max-width: 520px) {
+    width: 200px;
+  }
+`,He=i.span`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 48px;
+  padding: 0 12px;
+  border-radius: ${e.radius.card};
+  background: ${e.colors.white};
+  font-family: ${e.font.sans};
+  font-size: 16px;
+  font-weight: 800;
+  line-height: 24px;
+  letter-spacing: 0.46px;
+  color: ${e.colors.text2};
+  text-transform: uppercase;
+`,Me=R`
+  to {
+    background-position: -200% 0;
+  }
+`,z=i.span`
+  display: block;
+  background: linear-gradient(
+    100deg,
+    rgba(255, 255, 255, 0.08) 30%,
+    rgba(255, 255, 255, 0.2) 50%,
+    rgba(255, 255, 255, 0.08) 70%
+  );
+  background-size: 200% 100%;
+  animation: ${Me} 1.4s infinite linear;
+
+  @media (prefers-reduced-motion: reduce) {
+    animation: none;
+  }
+`,Ne=i(z)`
+  width: 60%;
+  height: 30px;
+  border-radius: ${e.radius.chip};
+`,Ue=i(z)`
+  width: 253.5px;
+  max-width: 100%;
+  aspect-ratio: 1;
+  border-radius: 16px;
+`,Ke=i(z)`
+  width: 100%;
+  height: 48px;
+  border-radius: ${e.radius.card};
+`,V=i.p`
+  margin: 0;
+  font-family: ${e.font.sans};
+  color: ${e.colors.muted};
+`,De=i.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 10px;
+  padding: 48px 24px;
+  text-align: center;
+`,Oe=R`
+  0%, 100% {
+    transform: scale(1);
+    opacity: 1;
+  }
+  50% {
+    transform: scale(0.88);
+    opacity: 0.7;
+  }
+`,Ve=i.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 32px;
+  padding: 64px 24px;
+  min-height: 42vh;
+`,We=i.img`
+  width: 61px;
+  height: 61px;
+  animation: ${Oe} 1.2s ease-in-out infinite;
+
+  @media (prefers-reduced-motion: reduce) {
+    animation: none;
+  }
+`,Ye=i.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 8px;
+`,Xe=i.p`
+  margin: 0;
+  font-family: ${e.font.sans};
+  font-size: 20px;
+  line-height: 1.6;
+  color: ${e.colors.text2};
+
+  strong {
+    font-weight: 700;
+  }
+`,qe=i.div`
+  display: flex;
+  align-items: center;
+  gap: 8px;
+`,Qe=R`
+  0% {
+    left: -40%;
+  }
+  100% {
+    left: 100%;
+  }
+`,Je=i.span`
+  position: relative;
+  width: 456px;
+  max-width: 60vw;
+  height: 12px;
+  border-radius: ${e.radius.pill};
+  background: ${e.colors.chip};
+  overflow: hidden;
+`,Ze=i.span`
+  position: absolute;
+  top: 0;
+  left: -40%;
+  width: 40%;
+  height: 100%;
+  border-radius: ${e.radius.pill};
+  background: ${e.gradients.amethyst};
+  animation: ${Qe} 1.4s ease-in-out infinite;
+
+  @media (prefers-reduced-motion: reduce) {
+    left: 0;
+    width: 30%;
+    animation: none;
+  }
+`,et=i.span`
+  font-family: ${e.font.sans};
+  font-size: 16px;
+  line-height: 22px;
+  color: ${e.colors.text2};
+`,tt=i.div`
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  max-width: 895px;
+  margin: 0 auto;
+`,it=i.div`
+  display: flex;
+  align-items: center;
+  gap: 16px;
+  padding: 24px 16px;
+  border-radius: 16px;
+  background: #e0f7e7;
+  border: 1px solid #34ce77;
+
+  @media (max-width: 560px) {
+    flex-direction: column;
+    text-align: center;
+  }
+`,rt=i.img`
+  flex: none;
+  width: 60px;
+  height: 60px;
+`,nt=i.p`
+  flex: 1;
+  margin: 0;
+  font-family: ${e.font.sans};
+  font-size: 20px;
+  line-height: 1.334;
+  color: ${e.colors.text2};
+  text-align: center;
+
+  strong {
+    font-weight: 700;
+  }
+`,st=i.div`
+  padding: 24px;
+  border-radius: 16px;
+  background: ${e.colors.white};
+  border: 1px solid ${e.colors.gray4};
+`,ot=i.div`
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 109px;
+  padding: 8px 24px 8px 150px;
+  border-radius: ${e.radius.btn};
+  background: #f4e9ff;
+
+  @media (max-width: 560px) {
+    flex-direction: column;
+    gap: 10px;
+    padding: 120px 16px 16px;
+  }
+`,at=i.img`
+  position: absolute;
+  left: 35px;
+  top: 50%;
+  transform: translateY(-50%);
+  width: 93px;
+  height: 93px;
+  filter: drop-shadow(5px 7px 14px rgba(0, 0, 0, 0.17));
+
+  @media (max-width: 560px) {
+    left: 50%;
+    top: 16px;
+    transform: translateX(-50%);
+  }
+`,dt=i.p`
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  margin: 0;
+  font-family: ${e.font.sans};
+  color: ${e.colors.text};
+
+  .ico {
+    width: 30px;
+    height: 30px;
+    color: ${e.colors.text};
+  }
+`,ct=i.strong`
+  font-size: 24px;
+  font-weight: 700;
+  text-transform: capitalize;
+`,lt=i.span`
+  font-size: 14px;
+  font-weight: 400;
+`,pt=i.div`
+  display: flex;
+  gap: 12px;
+
+  @media (max-width: 560px) {
+    flex-direction: column;
+  }
+`,y=i.button`
+  flex: 1;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  height: 48px;
+  padding: 0 12px;
+  border: 0;
+  border-radius: ${e.radius.btn};
+  background: ${e.colors.accent};
+  font-family: ${e.font.sans};
+  font-size: 15px;
+  font-weight: 600;
+  letter-spacing: 0.046em;
+  color: ${e.colors.softWhite};
+  text-transform: uppercase;
+  cursor: pointer;
+  transition:
+    background 0.15s ease,
+    filter 0.15s ease;
+
+  &:hover {
+    filter: brightness(1.08);
+  }
+  &[data-variant='outline'] {
+    background: ${e.colors.white};
+    border: 2px solid ${e.colors.accent};
+    color: ${e.colors.accent};
+  }
+  &[data-variant='outline']:hover {
+    background: rgba(105, 31, 169, 0.06);
+    filter: none;
+  }
+  &:focus-visible {
+    outline: 2px solid ${e.colors.accent};
+    outline-offset: 2px;
+  }
+`,W=i.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 10px;
+  max-width: 560px;
+  margin: 0 auto;
+  padding: 48px 24px;
+  text-align: center;
+`,Y=i.p`
+  margin: 0;
+  font-family: ${e.font.sans};
+  font-size: 20px;
+  font-weight: 700;
+  color: ${e.colors.text};
+
+  &[data-tone='error'] {
+    color: ${e.colors.err};
+  }
+`,X=i.div`
+  display: flex;
+  gap: 12px;
+  margin-top: 16px;
+`,xt=i.p`
+  margin: 0;
+  font-family: ${e.font.sans};
+  color: ${e.colors.err};
+`,k=we()?"mock":"stripe",q=[j,j,ee,te],ut={pack_5:j,pack_10:j,pack_25:ee,pack_50:te};function gt(p,s){return ut[p.id]??q[s%q.length]}const ht="https://docs.decentraland.org";function Q(p){const s=p;if((s==null?void 0:s.name)==="AbortError")return r("getCredits.errorCanceled");const h=((s==null?void 0:s.message)??"").toLowerCase();return h.includes("sign in")?r("getCredits.errorSignIn",{currency:l.name}):h.includes("timed out")?r("getCredits.errorTimeout",{currency:l.name}):r("getCredits.errorGeneric")}function _t(){ce({title:r("nav.getCredits",{currency:l.name}),noindex:!0});const p=ae(),{session:s,signIn:h}=le(),d=pe(),[b,A]=de(),{packs:ie,isLoading:re}=fe(),[f,x]=c.useState("select"),[a,B]=c.useState(null),[E,T]=c.useState(null),[ne,w]=c.useState(null),[se,$]=c.useState(!1),v=c.useRef(null);c.useEffect(()=>()=>{var n;return(n=v.current)==null?void 0:n.abort()},[]);const L=c.useCallback(()=>{A(n=>{const o=new URLSearchParams(n);return o.delete("order"),o.delete("canceled"),o},{replace:!0})},[A]),S=c.useCallback(async n=>{x("processing");const o=new AbortController;v.current=o;try{const u=await me(n,{signal:o.signal,address:s==null?void 0:s.address,identity:s==null?void 0:s.identity});if(u.status==="credited"){const m=u.creditsGranted??(a==null?void 0:a.credits)??0;T(m>0?m:null),x("success"),g("Shop Completed Buy Credits",{order_id:n,pack_usd:(a==null?void 0:a.usd)??null,credits:m>0?m:null,provider:k}),d.invalidateQueries({queryKey:["usd-balance"]});try{if(sessionStorage.getItem(ge)){const C={resumeCheckout:!0,...m>0?{creditsAdded:m}:{}};p("/cart",{state:C});return}}catch{}try{const C=sessionStorage.getItem(M);if(C){sessionStorage.removeItem(M);const I=JSON.parse(C),F=xe(I);if(F){p(F,{state:{item:I,resumeBuy:!0}});return}}}catch{}}else u.status==="pending"?(g("Shop Buy Credits Pending",{step:"grant",pack_usd:(a==null?void 0:a.usd)??null}),d.invalidateQueries({queryKey:["usd-balance"]}),x("pending")):(g("Shop Buy Credits Failed",{step:"grant",error_code:"grant_failed",pack_usd:(a==null?void 0:a.usd)??null}),w(u.error??r("getCredits.errorGrant",{currency:l.name})),x("error"))}catch(u){G(u,{flow:"get_credits",step:"grant",order_id:n}),g("Shop Buy Credits Failed",{step:"grant",error_code:H(u),pack_usd:(a==null?void 0:a.usd)??null}),w(Q(u)),x("error")}},[a,s,d,p]),oe=c.useCallback(async n=>{if(!s){h();return}w(null),$(!1),B(n),x(k==="mock"?"processing":"redirecting"),g("Shop Started Buy Credits",{pack_usd:n.usd,credits:n.credits,provider:k});try{const o=await be(n.id,{address:s.address,identity:s.identity});if(o.mock)S(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:k}),g("Shop Buy Credits Failed",{step:"checkout",error_code:H(o),pack_usd:n.usd}),w(Q(o)),x("error")}},[s,h,S]),P=c.useRef(!1);c.useEffect(()=>{if(P.current)return;const n=b.get("order");if(b.get("canceled")!=null){P.current=!0,g("Shop Buy Credits Cancelled",{order_id:n,provider:k}),L(),$(!0),x("select");return}n&&(x("processing"),s&&(P.current=!0,L(),S(n)))},[b,s]);function _(){var n;(n=v.current)==null||n.abort(),x("select"),B(null),T(null),w(null),$(!1)}return t.jsxs($e,{children:[f==="select"&&t.jsxs(ve,{"data-testid":"credits-hero",children:[t.jsx(Se,{"aria-hidden":!0}),t.jsxs(Pe,{children:[t.jsxs(_e,{children:[t.jsx(Re,{children:r("getCredits.title",{currency:l.name})}),t.jsxs(ze,{children:[t.jsx(Ae,{children:r("getCredits.subtitle",{currency:l.nameSingular})}),t.jsxs(Be,{href:ht,target:"_blank",rel:"noreferrer",children:[r("getCredits.learnMore"),t.jsx(J,{name:"link-out"})]})]})]}),se&&t.jsx(Ee,{role:"status",children:r("getCredits.canceledNote")}),t.jsx(ft,{packs:ie,loading:re,onSelect:n=>void oe(n)})]})]}),f==="redirecting"&&t.jsxs(De,{role:"status","aria-live":"polite",children:[t.jsx(ye,{size:32}),t.jsx(V,{children:r("getCredits.redirecting")})]}),f==="processing"&&t.jsxs(Ve,{role:"status","aria-live":"polite",children:[t.jsx(We,{src:he,alt:"",width:61,height:61}),t.jsxs(Ye,{children:[t.jsxs(Xe,{children:[t.jsx("strong",{children:r("getCredits.processing")}),"…"]}),t.jsxs(qe,{"aria-hidden":!0,children:[t.jsx(Je,{children:t.jsx(Ze,{})}),t.jsx(et,{children:"1/1"})]})]})]}),f==="success"&&t.jsxs(tt,{role:"status","aria-live":"polite",children:[t.jsxs(it,{children:[t.jsx(rt,{src:Ce,alt:"",width:60,height:60}),t.jsxs(nt,{children:[t.jsx("strong",{children:r("getCredits.successTitle")})," ",r("getCredits.successBody",{currency:l.name})]})]}),E!=null&&t.jsx(st,{children:t.jsxs(ot,{children:[t.jsx(at,{src:ke,alt:"",width:93,height:93}),t.jsxs(dt,{children:[t.jsx(Z,{}),t.jsxs("span",{children:[t.jsx(ct,{children:r("getCredits.creditsAmount",{credits:E,currency:l.name})})," ",t.jsx(lt,{children:r("getCredits.creditsAdded")})]})]})]})}),t.jsxs(pt,{children:[t.jsx(y,{"data-variant":"outline",onClick:_,children:r("getCredits.buyMore",{currency:l.name})}),t.jsx(y,{onClick:()=>p("/assets"),children:r("getCredits.startShopping")})]})]}),f==="pending"&&t.jsxs(W,{role:"status","aria-live":"polite",children:[t.jsx(Y,{children:r("getCredits.pendingTitle",{currency:l.name})}),t.jsx(V,{children:r("getCredits.pendingBody")}),t.jsxs(X,{children:[t.jsx(y,{onClick:()=>p("/assets"),children:r("getCredits.startShopping")}),t.jsx(y,{"data-variant":"outline",onClick:_,children:r("getCredits.done")})]})]}),f==="error"&&t.jsxs(W,{role:"alert",children:[t.jsx(Y,{"data-tone":"error",children:r("getCredits.errorTitle")}),t.jsx(xt,{children:ne}),t.jsx(X,{children:t.jsx(y,{onClick:_,children:r("getCredits.tryAgain")})})]})]})}function ft({packs:p,loading:s,onSelect:h}){return s?t.jsx(U,{"aria-busy":"true","aria-label":r("getCredits.packsLoading",{currency:l.name}),children:[0,1,2,3].map(d=>t.jsxs(K,{as:"div","data-skeleton":"true","data-testid":"pack-skeleton","aria-hidden":!0,children:[t.jsxs(D,{children:[t.jsx(O,{children:t.jsx(Ne,{})}),t.jsx(Ue,{})]}),t.jsx(Ke,{})]},d))}):t.jsx(U,{children:p.map((d,b)=>t.jsxs(K,{type:"button","data-testid":"pack","data-best":d.bestValue?"true":void 0,onClick:()=>h(d),"aria-label":r("getCredits.packAria",{amount:ue(d.credits),usd:d.usd}),children:[d.bestValue&&t.jsxs(Te,{children:[t.jsx(J,{name:"star-rounded"}),r("getCredits.packBadge")]}),t.jsxs(D,{children:[t.jsxs(O,{children:[t.jsxs(Le,{children:[t.jsx(Z,{}),t.jsx(Ie,{children:d.credits})]}),t.jsx(Fe,{children:r("getCredits.packUnit",{currency:l.name})})]}),t.jsx(Ge,{children:t.jsx("img",{src:gt(d,b),alt:"",loading:"lazy",width:507,height:507})})]}),t.jsxs(He,{children:["$",d.usd.toFixed(2)]})]},d.id))})}export{_t as GetCredits,_t as default};

package/assets/{HelpersUtil-pH82j1ap.js → HelpersUtil-C_aV_Y-W.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-BwPtVV-b.js";import{d as g,r as v}from"./index-CqQDAMpz.js";import{C as c}from"./ConstantsUtil-DTrOBzCe.js";import{R as $,O as u}from"./W3MFrameProviderSingleton-B2IDULyh.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-C7gHM4wY.js";import{d as g,r as v}from"./index-DN-OLR2r.js";import{C as c}from"./ConstantsUtil-DTrOBzCe.js";import{R as $,O as u}from"./W3MFrameProviderSingleton-Ccq1reIt.js";import{au as y}from"./NetworkUtil-C1aEwuOK.js";const b=g`
   :host {
     display: flex;
     justify-content: center;

package/assets/ImportListings-CgB7Xjb_.css

@@ -0,0 +1 @@
+.imp{max-width:860px;margin:0 auto;padding-bottom:120px}.imp__head{margin-bottom:18px}.imp__eyebrow{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--accent);background:var(--rarity-bg);padding:6px 12px;border-radius:999px;margin-bottom:14px}.imp__title{font-size:clamp(26px,4vw,38px);font-weight:800;letter-spacing:-.02em;line-height:1.08;margin:0 0 10px}.imp__grad{background:var(--amethyst);-webkit-background-clip:text;background-clip:text;color:transparent}.imp__lede{color:var(--muted);max-width:60ch;margin:0}.imp__ratebar{font-size:13px;color:var(--muted);margin:16px 0 8px;display:flex;align-items:center;gap:7px}.imp__diamond{color:var(--text)}.imp__section{margin-top:26px}.imp__section-head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:12px}.imp__section-title{font-size:19px;font-weight:800}.imp__section-sub{color:var(--muted);font-size:14px}.imp__list{display:flex;flex-direction:column;gap:12px}.imp-row{display:grid;grid-template-columns:22px 56px 1fr auto auto;align-items:center;gap:16px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 18px;transition:box-shadow .18s ease,opacity .25s ease}.imp-row:hover{box-shadow:0 10px 28px #2e104a1a}.imp-row.is-off{opacity:.5}.imp-row--skeleton{display:block;height:86px;border-color:transparent;background:linear-gradient(100deg,#ededed 30%,#f7f7f7,#ededed 70%);background-size:200% 100%;animation:shimmer 1.3s infinite linear}.imp-check{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;border-radius:7px;border:2px solid var(--line-strong);background:#fff;cursor:pointer;display:grid;place-items:center;flex:none;transition:background .15s,border-color .15s}.imp-check:checked{background:var(--accent);border-color:var(--accent)}.imp-check:checked:after{content:"✓";color:#fff;font-size:13px;font-weight:800}.imp-check:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.imp-thumb{width:56px;height:56px;border-radius:12px;overflow:hidden;flex:none;display:grid;place-items:center;background:radial-gradient(120% 120% at 30% 20%,rgba(165,36,179,.12),var(--media) 70%);border:1px solid var(--line)}.imp-thumb img{width:100%;height:100%;object-fit:contain}.imp-meta{min-width:0}.imp-name{font-weight:700;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.imp-chip{display:inline-flex;margin-top:5px;font-size:10.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--rarity);background:var(--rarity-bg);padding:3px 9px;border-radius:5px}.imp-price{display:flex;flex-direction:column;align-items:flex-end;gap:3px}.imp-price__field{display:inline-flex;align-items:center;gap:4px;border:1.5px solid var(--line-strong);border-radius:10px;padding:7px 12px;background:#fff;transition:border-color .15s,box-shadow .15s}.imp-price__field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--rarity-bg)}.imp-price__diamond{color:var(--text);font-size:15px}.imp-price__input{width:82px;border:0;outline:0;background:transparent;font:inherit;font-weight:800;font-size:17px;color:var(--text);text-align:right;font-variant-numeric:tabular-nums}.imp-price__sub{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:8px}.imp-price__reset{background:none;border:0;padding:0;font:inherit;font-size:12px;font-weight:600;color:var(--accent);cursor:pointer}.imp-action{display:flex;justify-content:flex-end;min-width:74px}.imp-row__list{background:var(--media);color:var(--text-2)}.imp-row__list:hover:not(:disabled){background:#e3e0ea}.imp-dock{position:fixed;left:0;right:0;bottom:0;z-index:30;background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line)}.imp-dock__inner{max-width:860px;margin:0 auto;padding:15px 20px;display:flex;align-items:center;gap:16px}.imp-dock__total{font-weight:800;font-size:16px}.imp-dock__sub{font-size:13px;color:var(--muted)}.imp-dock__spacer{flex:1 1 auto}.imp-empty{max-width:520px;margin:0 auto;text-align:center;padding:80px 20px;display:flex;flex-direction:column;align-items:center;gap:10px}.imp-empty__ico{font-size:44px}.imp-empty__title{font-size:26px;font-weight:800;margin:4px 0 0}.migrate{width:min(460px,94vw);text-align:left;align-items:stretch}.migrate__progress{height:6px;border-radius:999px;background:var(--line);overflow:hidden;margin:6px 0 14px}.migrate__bar{height:100%;width:0;background:var(--amethyst);border-radius:999px;transition:width .45s ease}.migrate__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;max-height:320px;overflow-y:auto}.migrate__row{display:grid;grid-template-columns:34px 1fr auto auto;align-items:center;gap:10px;padding:8px;border-radius:10px;transition:background .2s}.migrate__row--active{background:var(--rarity-bg)}.migrate__row--done{opacity:.75}.migrate__row--skipped,.migrate__row--failed{opacity:.6}.migrate__thumb{width:34px;height:34px;border-radius:8px;overflow:hidden;background:var(--media);display:grid;place-items:center}.migrate__thumb img{width:100%;height:100%;object-fit:contain}.migrate__name{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.migrate__price{font-weight:700;font-size:13px;color:var(--text-2)}.migrate__status{font-size:12px;font-weight:700;color:var(--accent);display:inline-flex;align-items:center;gap:6px;justify-content:flex-end;min-width:74px}.migrate__wait{color:var(--muted-2);font-weight:600}.migrate__skip{color:var(--muted);font-weight:600}.migrate__spin{width:14px;height:14px;margin:0;border-width:2px}.migrate__tick{width:20px;height:20px;border-radius:50%;background:var(--ok);color:#fff;display:grid;place-items:center;font-size:12px}.migrate__hint{margin:12px 0 0}@media(max-width:620px){.imp-row{grid-template-columns:22px 48px 1fr;row-gap:12px}.imp-price{grid-column:2 / 4;align-items:flex-start}.imp-action{grid-column:2 / 4;justify-content:flex-start}}