@dcl/shop 0.1.0-30347128512.commit-fa777d2 → 0.1.0-30362815497.commit-35ecdbf

package/assets/{GetCredits-hAzqWm5M.js → GetCredits-CbPLtnWt.js}

@@ -1,8 +1,8 @@
-import{a as de,b as ce,r as l,j as t}from"./react-B36MyIP_.js";import{n as r,K as e,R as A,h as le,t as i,e as pe,x as xe,E as g,an as ue,b as p,J as U,F as H,I as Z,k as ee,z as ge}from"./index-BdhwhIIA.js";import{R as M}from"./resume-buy-Bf0zIH7y.js";import{R as he}from"./cart-checkout-D-JbGzKO.js";import{l as fe}from"./loader-logo-BzY9EKdC.js";import{u as me,p as be,c as we,i as ye}from"./useCreditPacks-CqK2ArSn.js";import{C as ke}from"./CircularProgress-Dmrktj_R.js";import"./sentry-gZJVwIqQ.js";import"./dcl-schemas-BICTSpB5.js";import"./ethers-BteKixT0.js";import"./intl-CBcMB1D2.js";const v="https://cdn.decentraland.org/@dcl/shop/0.1.0-30347128512.commit-fa777d2/assets/pack-coins-BDh1ZDbh.webp",te="https://cdn.decentraland.org/@dcl/shop/0.1.0-30347128512.commit-fa777d2/assets/pack-stacks-D-V2jSHW.webp",re="https://cdn.decentraland.org/@dcl/shop/0.1.0-30347128512.commit-fa777d2/assets/pack-chest-BX_j84xW.webp",Ce="https://cdn.decentraland.org/@dcl/shop/0.1.0-30347128512.commit-fa777d2/assets/credit-coin-CmcTCd5i.webp",je="data:image/svg+xml,%3csvg%20width='60'%20height='60'%20viewBox='0%200%2060%2060'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='60'%20height='60'%20rx='30'%20fill='%2334CE77'/%3e%3cpath%20d='M21.6583%2046.1067L11.4656%2036.0591C10.1688%2034.829%2010.1905%2032.7207%2011.4769%2031.4622L13.6868%2029.3591C14.9732%2028.1006%2017.1615%2028.1058%2018.4582%2029.3359L23.8747%2034.6197L41.9704%2015.6527C43.2568%2014.3942%2045.4291%2014.2093%2046.7258%2015.4394L48.8765%2017.3628C50.1732%2018.5929%2050.3491%2020.6844%2049.0626%2021.9429L26.6112%2045.8766C25.1433%2047.342%2022.955%2047.3368%2021.6583%2046.1067Z'%20fill='%23FCFCFC'/%3e%3c/svg%3e",$e="https://cdn.decentraland.org/@dcl/shop/0.1.0-30347128512.commit-fa777d2/assets/packs-backdrop-BcXiUPeP.webp",N="linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0)",ve=r.div`
+import{a as pe,b as xe,r as l,j as t}from"./react-B36MyIP_.js";import{n as i,K as e,R as E,h as ue,t as r,e as ge,x as he,E as h,an as fe,b as p,J as U,F as N,I as ee,k as te,z as me}from"./index-BSeusSHl.js";import{R as H}from"./resume-buy-Bf0zIH7y.js";import{R as be}from"./cart-checkout-D8_UxnB9.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-Dg3_30xn.js";import"./sentry-gZJVwIqQ.js";import"./dcl-schemas-BICTSpB5.js";import"./ethers-BteKixT0.js";import"./intl-CBcMB1D2.js";const S="https://cdn.decentraland.org/@dcl/shop/0.1.0-30362815497.commit-35ecdbf/assets/pack-coins-BDh1ZDbh.webp",ie="https://cdn.decentraland.org/@dcl/shop/0.1.0-30362815497.commit-35ecdbf/assets/pack-stacks-D-V2jSHW.webp",re="https://cdn.decentraland.org/@dcl/shop/0.1.0-30362815497.commit-35ecdbf/assets/pack-chest-BX_j84xW.webp",je="https://cdn.decentraland.org/@dcl/shop/0.1.0-30362815497.commit-35ecdbf/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-30362815497.commit-35ecdbf/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;
-`,Se=r.section`
+`,Pe=i.section`
   position: relative;
   isolation: isolate;
   display: flex;
@@ -18,35 +18,36 @@ import{a as de,b as ce,r as l,j as t}from"./react-B36MyIP_.js";import{n as r,K a
   ${e.media.down("mobile")} {
     padding: 32px 16px 40px;
   }
-`,Pe=r.div`
+`,Re=i.div`
   position: absolute;
   inset: 0;
   z-index: -1;
   opacity: 0.9;
   pointer-events: none;
-  background-image: url(${$e});
+  background-image: url(${ve});
   background-size: cover;
   background-position: 50% 96%;
   background-repeat: no-repeat;
-`,_e=r.div`
+`,_e=i.div`
   width: 100%;
   max-width: 1478px;
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 52px;
+  ${({$hidden:a})=>a&&"visibility: hidden;"}
 
   ${e.media.down("lg")} {
     gap: 32px;
   }
-`,Re=r.header`
+`,ze=i.header`
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 12px;
   width: 100%;
   text-align: center;
-`,ze=r.h1`
+`,Ae=i.h1`
   margin: 0;
   font-family: ${e.font.sans};
   font-size: 40px;
@@ -58,13 +59,13 @@ import{a as de,b as ce,r as l,j as t}from"./react-B36MyIP_.js";import{n as r,K a
   ${e.media.down("mobile")} {
     font-size: 28px;
   }
-`,Ae=r.div`
+`,Ee=i.div`
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: center;
   gap: 8px;
-`,Ee=r.p`
+`,Be=i.p`
   margin: 0;
   font-family: ${e.font.sans};
   font-size: 24px;
@@ -75,7 +76,7 @@ import{a as de,b as ce,r as l,j as t}from"./react-B36MyIP_.js";import{n as r,K a
   ${e.media.down("mobile")} {
     font-size: 16px;
   }
-`,Be=r.a`
+`,Te=i.a`
   display: inline-flex;
   align-items: center;
   gap: 2px;
@@ -109,7 +110,7 @@ import{a as de,b as ce,r as l,j as t}from"./react-B36MyIP_.js";import{n as r,K a
       height: 18px;
     }
   }
-`,Te=r.p`
+`,Fe=i.p`
   margin: 0;
   padding: 10px 16px;
   border-radius: ${e.radius.btn};
@@ -119,7 +120,7 @@ import{a as de,b as ce,r as l,j as t}from"./react-B36MyIP_.js";import{n as r,K a
   line-height: 1.6;
   color: ${e.colors.media};
   text-align: center;
-`,K=r.div`
+`,O=i.div`
   display: grid;
   grid-template-columns: repeat(4, minmax(0, 1fr));
   gap: 24px;
@@ -135,7 +136,7 @@ import{a as de,b as ce,r as l,j as t}from"./react-B36MyIP_.js";import{n as r,K a
     gap: 12px;
     row-gap: 24px;
   }
-`,D=r.button`
+`,Y=i.button`
   position: relative;
   display: flex;
   flex-direction: column;
@@ -161,9 +162,9 @@ import{a as de,b as ce,r as l,j as t}from"./react-B36MyIP_.js";import{n as r,K a
     position: absolute;
     border-radius: inherit;
     pointer-events: none;
-    -webkit-mask: ${N};
+    -webkit-mask: ${D};
     -webkit-mask-composite: xor;
-    mask: ${N};
+    mask: ${D};
     mask-composite: exclude;
     transition: opacity 0.15s ease;
   }
@@ -220,7 +221,7 @@ import{a as de,b as ce,r as l,j as t}from"./react-B36MyIP_.js";import{n as r,K a
   ${e.media.down("mobile")} {
     gap: 24px;
   }
-`,Fe=r.span`
+`,Le=i.span`
   position: absolute;
   top: -18px;
   left: 50%;
@@ -255,7 +256,7 @@ import{a as de,b as ce,r as l,j as t}from"./react-B36MyIP_.js";import{n as r,K a
       height: 18px;
     }
   }
-`,O=r.span`
+`,V=i.span`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -265,13 +266,13 @@ import{a as de,b as ce,r as l,j as t}from"./react-B36MyIP_.js";import{n as r,K a
   ${e.media.down("mobile")} {
     padding-top: 16px;
   }
-`,V=r.span`
+`,W=i.span`
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 12px;
   width: 100%;
-`,Le=r.span`
+`,Ie=i.span`
   display: flex;
   align-items: center;
   gap: 8px;
@@ -281,20 +282,20 @@ import{a as de,b as ce,r as l,j as t}from"./react-B36MyIP_.js";import{n as r,K a
     height: 29.79px;
     color: ${e.colors.softWhite};
   }
-`,Ie=r.span`
+`,Me=i.span`
   font-family: ${e.font.sans};
   font-size: 40px;
   font-weight: 800;
   line-height: 30px;
   color: ${e.colors.white};
-`,Ge=r.span`
+`,Ge=i.span`
   font-family: ${e.font.sans};
   font-size: 20px;
   font-weight: 500;
   line-height: 15px;
   color: ${e.colors.media};
   text-transform: uppercase;
-`,Ue=r.span`
+`,Ue=i.span`
   display: block;
   width: 253.5px;
   max-width: 100%;
@@ -311,7 +312,7 @@ import{a as de,b as ce,r as l,j as t}from"./react-B36MyIP_.js";import{n as r,K a
   @media (max-width: 520px) {
     width: 200px;
   }
-`,He=r.span`
+`,Ne=i.span`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -327,11 +328,11 @@ import{a as de,b as ce,r as l,j as t}from"./react-B36MyIP_.js";import{n as r,K a
   letter-spacing: 0.46px;
   color: ${e.colors.text2};
   text-transform: uppercase;
-`,Me=A`
+`,He=E`
   to {
     background-position: -200% 0;
   }
-`,E=r.span`
+`,B=i.span`
   display: block;
   background: linear-gradient(
     100deg,
@@ -340,36 +341,46 @@ import{a as de,b as ce,r as l,j as t}from"./react-B36MyIP_.js";import{n as r,K a
     rgba(255, 255, 255, 0.08) 70%
   );
   background-size: 200% 100%;
-  animation: ${Me} 1.4s infinite linear;
+  animation: ${He} 1.4s infinite linear;
 
   @media (prefers-reduced-motion: reduce) {
     animation: none;
   }
-`,Ne=r(E)`
+`,Ke=i(B)`
   width: 60%;
   height: 30px;
   border-radius: ${e.radius.chip};
-`,Ke=r(E)`
+`,De=i(B)`
   width: 253.5px;
   max-width: 100%;
   aspect-ratio: 1;
   border-radius: 16px;
-`,De=r(E)`
+`,Oe=i(B)`
   width: 100%;
   height: 48px;
   border-radius: ${e.radius.card};
-`,W=r.p`
+`,Ye=i.p`
   margin: 0;
   font-family: ${e.font.sans};
   color: ${e.colors.muted};
-`,Oe=r.div`
+`,Ve=i.div`
+  position: absolute;
+  inset: 0;
+  z-index: 1;
   display: flex;
   flex-direction: column;
   align-items: center;
-  gap: 10px;
-  padding: 48px 24px;
+  justify-content: center;
+  gap: 24px;
+  padding: 24px;
   text-align: center;
-`,Ve=A`
+`,We=i.p`
+  margin: 0;
+  font-family: ${e.font.sans};
+  font-size: 16px;
+  line-height: 1.4;
+  color: rgba(255, 255, 255, 0.88);
+`,Xe=E`
   0%, 100% {
     transform: scale(1);
     opacity: 1;
@@ -378,7 +389,7 @@ import{a as de,b as ce,r as l,j as t}from"./react-B36MyIP_.js";import{n as r,K a
     transform: scale(0.88);
     opacity: 0.7;
   }
-`,We=r.div`
+`,qe=i.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -386,20 +397,23 @@ import{a as de,b as ce,r as l,j as t}from"./react-B36MyIP_.js";import{n as r,K a
   gap: 32px;
   padding: 64px 24px;
   min-height: 42vh;
-`,Ye=r.img`
+`,ne=i.img`
   width: 61px;
   height: 61px;
-  animation: ${Ve} 1.2s ease-in-out infinite;
+  animation: ${Xe} 1.2s ease-in-out infinite;
 
   @media (prefers-reduced-motion: reduce) {
     animation: none;
   }
-`,Xe=r.div`
+`,Qe=i(ne)`
+  width: 72px;
+  height: 72px;
+`,Je=i.div`
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 8px;
-`,qe=r.p`
+`,Ze=i.p`
   margin: 0;
   font-family: ${e.font.sans};
   font-size: 20px;
@@ -409,18 +423,18 @@ import{a as de,b as ce,r as l,j as t}from"./react-B36MyIP_.js";import{n as r,K a
   strong {
     font-weight: 700;
   }
-`,Qe=r.div`
+`,et=i.div`
   display: flex;
   align-items: center;
   gap: 8px;
-`,Je=A`
+`,tt=E`
   0% {
     left: -40%;
   }
   100% {
     left: 100%;
   }
-`,Ze=r.span`
+`,it=i.span`
   position: relative;
   width: 456px;
   max-width: 60vw;
@@ -428,7 +442,7 @@ import{a as de,b as ce,r as l,j as t}from"./react-B36MyIP_.js";import{n as r,K a
   border-radius: ${e.radius.pill};
   background: ${e.colors.chip};
   overflow: hidden;
-`,et=r.span`
+`,rt=i.span`
   position: absolute;
   top: 0;
   left: -40%;
@@ -436,25 +450,25 @@ import{a as de,b as ce,r as l,j as t}from"./react-B36MyIP_.js";import{n as r,K a
   height: 100%;
   border-radius: ${e.radius.pill};
   background: ${e.gradients.amethyst};
-  animation: ${Je} 1.4s ease-in-out infinite;
+  animation: ${tt} 1.4s ease-in-out infinite;
 
   @media (prefers-reduced-motion: reduce) {
     left: 0;
     width: 30%;
     animation: none;
   }
-`,tt=r.span`
+`,nt=i.span`
   font-family: ${e.font.sans};
   font-size: 16px;
   line-height: 22px;
   color: ${e.colors.text2};
-`,rt=r.div`
+`,ot=i.div`
   display: flex;
   flex-direction: column;
   gap: 12px;
   max-width: 895px;
   margin: 0 auto;
-`,it=r.div`
+`,st=i.div`
   display: flex;
   align-items: center;
   gap: 16px;
@@ -467,11 +481,11 @@ import{a as de,b as ce,r as l,j as t}from"./react-B36MyIP_.js";import{n as r,K a
     flex-direction: column;
     text-align: center;
   }
-`,nt=r.img`
+`,at=i.img`
   flex: none;
   width: 60px;
   height: 60px;
-`,st=r.p`
+`,dt=i.p`
   flex: 1;
   margin: 0;
   font-family: ${e.font.sans};
@@ -483,27 +497,36 @@ import{a as de,b as ce,r as l,j as t}from"./react-B36MyIP_.js";import{n as r,K a
   strong {
     font-weight: 700;
   }
-`,ot=r.div`
+`,ct=i.div`
   padding: 24px;
   border-radius: 16px;
   background: ${e.colors.white};
   border: 1px solid ${e.colors.gray4};
-`,at=r.div`
+`,lt=i.div`
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
   min-height: 109px;
-  padding: 8px 24px 8px 150px;
+  /* SYMMETRIC on purpose. The coin is absolutely positioned, so the only job of the left padding is to keep
+     the text clear of it — but with padding on one side only, centring puts the text in the middle of the
+     space LEFT OF the coin rather than in the middle of the banner, which reads as text nudged right.
+     Mirroring the padding puts it on the banner's true centre line. Below 900px the banner is too narrow to
+     give up 300px, so it falls back to clearance-only until the layout stacks at 560px. */
+  padding: 8px 150px;
   border-radius: ${e.radius.btn};
   background: #f4e9ff;
 
+  @media (max-width: 900px) {
+    padding: 8px 24px 8px 150px;
+  }
+
   @media (max-width: 560px) {
     flex-direction: column;
     gap: 10px;
     padding: 120px 16px 16px;
   }
-`,dt=r.img`
+`,pt=i.img`
   position: absolute;
   left: 35px;
   top: 50%;
@@ -517,7 +540,7 @@ import{a as de,b as ce,r as l,j as t}from"./react-B36MyIP_.js";import{n as r,K a
     top: 16px;
     transform: translateX(-50%);
   }
-`,ct=r.p`
+`,xt=i.p`
   display: inline-flex;
   align-items: center;
   gap: 8px;
@@ -530,21 +553,21 @@ import{a as de,b as ce,r as l,j as t}from"./react-B36MyIP_.js";import{n as r,K a
     height: 30px;
     color: ${e.colors.text};
   }
-`,lt=r.strong`
+`,ut=i.strong`
   font-size: 24px;
   font-weight: 700;
   text-transform: capitalize;
-`,pt=r.span`
+`,gt=i.span`
   font-size: 14px;
   font-weight: 400;
-`,xt=r.div`
+`,ht=i.div`
   display: flex;
   gap: 12px;
 
   @media (max-width: 560px) {
     flex-direction: column;
   }
-`,k=r.button`
+`,k=i.button`
   flex: 1;
   display: inline-flex;
   align-items: center;
@@ -581,7 +604,7 @@ import{a as de,b as ce,r as l,j as t}from"./react-B36MyIP_.js";import{n as r,K a
     outline: 2px solid ${e.colors.accent};
     outline-offset: 2px;
   }
-`,Y=r.div`
+`,X=i.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -590,7 +613,7 @@ import{a as de,b as ce,r as l,j as t}from"./react-B36MyIP_.js";import{n as r,K a
   margin: 0 auto;
   padding: 48px 24px;
   text-align: center;
-`,X=r.p`
+`,q=i.p`
   margin: 0;
   font-family: ${e.font.sans};
   font-size: 20px;
@@ -600,12 +623,12 @@ import{a as de,b as ce,r as l,j as t}from"./react-B36MyIP_.js";import{n as r,K a
   &[data-tone='error'] {
     color: ${e.colors.err};
   }
-`,q=r.div`
+`,Q=i.div`
   display: flex;
   gap: 12px;
   margin-top: 16px;
-`,ut=r.p`
+`,ft=i.p`
   margin: 0;
   font-family: ${e.font.sans};
   color: ${e.colors.err};
-`,C=ye()?"mock":"stripe",Q=[v,v,te,re],gt={pack_5:v,pack_10:v,pack_25:te,pack_50:re};function ie(c,n){return gt[c.id]??Q[n%Q.length]}function ht(c,n){return c.artUrl??ie(c,n)}const ft="https://docs.decentraland.org";function J(c){const n=c;if((n==null?void 0:n.name)==="AbortError")return i("getCredits.errorCanceled");const h=((n==null?void 0:n.message)??"").toLowerCase();return h.includes("sign in")?i("getCredits.errorSignIn",{currency:p.name}):h.includes("timed out")?i("getCredits.errorTimeout",{currency:p.name}):i("getCredits.errorGeneric")}function Rt(){le({title:i("nav.getCredits",{currency:p.name}),noindex:!0});const c=de(),{session:n,signIn:h}=pe(),a=xe(),[f,j]=ce(),{packs:w,isLoading:ne}=me(),[m,x]=l.useState("select"),[d,B]=l.useState(null),[T,F]=l.useState(null),[se,y]=l.useState(null),[oe,S]=l.useState(!1),P=l.useRef(null);l.useEffect(()=>()=>{var s;return(s=P.current)==null?void 0:s.abort()},[]);const L=l.useCallback(()=>{j(s=>{const o=new URLSearchParams(s);return o.delete("order"),o.delete("canceled"),o},{replace:!0})},[j]),_=l.useCallback(async s=>{x("processing");const o=new AbortController;P.current=o;try{const u=await be(s,{signal:o.signal,address:n==null?void 0:n.address,identity:n==null?void 0:n.identity});if(u.status==="credited"){const b=u.creditsGranted??(d==null?void 0:d.credits)??0;F(b>0?b:null),x("success"),g("Shop Completed Buy Credits",{order_id:s,pack_usd:(d==null?void 0:d.usd)??null,credits:b>0?b:null,provider:C}),a.invalidateQueries({queryKey:["usd-balance"]});try{if(sessionStorage.getItem(he)){const $={resumeCheckout:!0,...b>0?{creditsAdded:b}:{}};c("/cart",{state:$});return}}catch{}try{const $=sessionStorage.getItem(M);if($){sessionStorage.removeItem(M);const I=JSON.parse($),G=ue(I);if(G){c(G,{state:{item:I,resumeBuy:!0}});return}}}catch{}}else u.status==="pending"?(g("Shop Buy Credits Pending",{step:"grant",pack_usd:(d==null?void 0:d.usd)??null}),a.invalidateQueries({queryKey:["usd-balance"]}),x("pending")):(g("Shop Buy Credits Failed",{step:"grant",error_code:"grant_failed",pack_usd:(d==null?void 0:d.usd)??null}),y(u.error??i("getCredits.errorGrant",{currency:p.name})),x("error"))}catch(u){U(u,{flow:"get_credits",step:"grant",order_id:s}),g("Shop Buy Credits Failed",{step:"grant",error_code:H(u),pack_usd:(d==null?void 0:d.usd)??null}),y(J(u)),x("error")}},[d,n,a,c]),ae=l.useCallback(async s=>{if(!n){h();return}y(null),S(!1),B(s),x(C==="mock"?"processing":"redirecting"),g("Shop Started Buy Credits",{pack_usd:s.usd,credits:s.credits,provider:C});try{const o=await we(s.id,{address:n.address,identity:n.identity});if(o.mock)_(o.orderId);else if(o.url)g("Shop Redirected To Stripe",{order_id:o.orderId,pack_usd:s.usd,credits:s.credits}),window.location.href=o.url;else throw new Error("Checkout did not return a redirect url")}catch(o){U(o,{flow:"get_credits",step:"checkout",provider:C}),g("Shop Buy Credits Failed",{step:"checkout",error_code:H(o),pack_usd:s.usd}),y(J(o)),x("error")}},[n,h,_]),R=l.useRef(!1);l.useEffect(()=>{if(R.current)return;const s=f.get("order");if(f.get("canceled")!=null){R.current=!0,g("Shop Buy Credits Cancelled",{order_id:s,provider:C}),L(),S(!0),x("select");return}s&&(x("processing"),n&&(R.current=!0,L(),_(s)))},[f,n]);function z(){var s;(s=P.current)==null||s.abort(),x("select"),B(null),F(null),y(null),S(!1)}return t.jsxs(ve,{children:[m==="select"&&t.jsxs(Se,{"data-testid":"credits-hero",children:[t.jsx(Pe,{"aria-hidden":!0}),t.jsxs(_e,{children:[t.jsxs(Re,{children:[t.jsx(ze,{children:i("getCredits.title",{currency:p.name})}),t.jsxs(Ae,{children:[t.jsx(Ee,{children:i("getCredits.subtitle",{currency:p.nameSingular})}),t.jsxs(Be,{href:ft,target:"_blank",rel:"noreferrer",children:[i("getCredits.learnMore"),t.jsx(Z,{name:"link-out"})]})]})]}),oe&&t.jsx(Te,{role:"status",children:i("getCredits.canceledNote")}),t.jsx(mt,{packs:w,loading:ne,onSelect:s=>void ae(s)})]})]}),m==="redirecting"&&t.jsxs(Oe,{role:"status","aria-live":"polite",children:[t.jsx(ke,{size:32}),t.jsx(W,{children:i("getCredits.redirecting")})]}),m==="processing"&&t.jsxs(We,{role:"status","aria-live":"polite",children:[t.jsx(Ye,{src:fe,alt:"",width:61,height:61}),t.jsxs(Xe,{children:[t.jsxs(qe,{children:[t.jsx("strong",{children:i("getCredits.processing")}),"…"]}),t.jsxs(Qe,{"aria-hidden":!0,children:[t.jsx(Ze,{children:t.jsx(et,{})}),t.jsx(tt,{children:"1/1"})]})]})]}),m==="success"&&t.jsxs(rt,{role:"status","aria-live":"polite",children:[t.jsxs(it,{children:[t.jsx(nt,{src:je,alt:"",width:60,height:60}),t.jsxs(st,{children:[t.jsx("strong",{children:i("getCredits.successTitle")})," ",i("getCredits.successBody",{currency:p.name})]})]}),T!=null&&t.jsx(ot,{children:t.jsxs(at,{children:[t.jsx(dt,{src:Ce,alt:"",width:93,height:93}),t.jsxs(ct,{children:[t.jsx(ee,{}),t.jsxs("span",{children:[t.jsx(lt,{children:i("getCredits.creditsAmount",{credits:T,currency:p.name})})," ",t.jsx(pt,{children:i("getCredits.creditsAdded")})]})]})]})}),t.jsxs(xt,{children:[t.jsx(k,{"data-variant":"outline",onClick:z,children:i("getCredits.buyMore",{currency:p.name})}),t.jsx(k,{onClick:()=>c("/assets"),children:i("getCredits.startShopping")})]})]}),m==="pending"&&t.jsxs(Y,{role:"status","aria-live":"polite",children:[t.jsx(X,{children:i("getCredits.pendingTitle",{currency:p.name})}),t.jsx(W,{children:i("getCredits.pendingBody")}),t.jsxs(q,{children:[t.jsx(k,{onClick:()=>c("/assets"),children:i("getCredits.startShopping")}),t.jsx(k,{"data-variant":"outline",onClick:z,children:i("getCredits.done")})]})]}),m==="error"&&t.jsxs(Y,{role:"alert",children:[t.jsx(X,{"data-tone":"error",children:i("getCredits.errorTitle")}),t.jsx(ut,{children:se}),t.jsx(q,{children:t.jsx(k,{onClick:z,children:i("getCredits.tryAgain")})})]})]})}function mt({packs:c,loading:n,onSelect:h}){return n?t.jsx(K,{"aria-busy":"true","aria-label":i("getCredits.packsLoading",{currency:p.name}),children:[0,1,2,3].map(a=>t.jsxs(D,{as:"div","data-skeleton":"true","data-testid":"pack-skeleton","aria-hidden":!0,children:[t.jsxs(O,{children:[t.jsx(V,{children:t.jsx(Ne,{})}),t.jsx(Ke,{})]}),t.jsx(De,{})]},a))}):t.jsx(K,{children:c.map((a,f)=>t.jsxs(D,{type:"button","data-testid":"pack","data-best":a.bestValue?"true":void 0,onClick:()=>h(a),"aria-label":i("getCredits.packAria",{amount:ge(a.credits),usd:a.usd}),children:[a.bestValue&&t.jsxs(Fe,{children:[t.jsx(Z,{name:"star-rounded"}),i("getCredits.packBadge")]}),t.jsxs(O,{children:[t.jsxs(V,{children:[t.jsxs(Le,{children:[t.jsx(ee,{}),t.jsx(Ie,{children:a.credits})]}),t.jsx(Ge,{children:i("getCredits.packUnit",{currency:p.name})})]}),t.jsx(Ue,{children:t.jsx("img",{src:ht(a,f),alt:"",loading:"lazy",width:507,height:507,onError:j=>{const w=j.currentTarget;w.dataset.artFallback||(w.dataset.artFallback="done",w.src=ie(a,f))}})})]}),t.jsxs(He,{children:["$",a.usd.toFixed(2)]})]},a.id))})}export{Rt as GetCredits,Rt 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 oe(a,o){return mt[a.id]??J[o%J.length]}function bt(a,o){return a.artUrl??oe(a,o)}const wt="https://docs.decentraland.org";function Z(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),[$,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 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;F(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(Z(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(Z(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}),L(),P(!0),x("select");return}n&&(x("processing"),o&&(z.current=!0,L(),_(n)))},[m,o]);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: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(qe,{role:"status","aria-live":"polite",children:[t.jsx(ne,{src:K,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(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(X,{role:"status","aria-live":"polite",children:[t.jsx(q,{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(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: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(Le,{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};

package/assets/{HelpersUtil-BJdZT-ZD.js → HelpersUtil-Bj2jMRhF.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-Bti6nPx-.js";import{d as g,r as v}from"./index-BIjljlfD.js";import{C as c}from"./ConstantsUtil-CqaPdSAF.js";import{R as $,O as u}from"./W3MFrameProviderSingleton-CdvVVbWO.js";import{au as y}from"./NetworkUtil-DQZGJzap.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-CFFpa2x2.js";import{d as g,r as v}from"./index-iGJTuv1I.js";import{C as c}from"./ConstantsUtil-CqaPdSAF.js";import{R as $,O as u}from"./W3MFrameProviderSingleton-DvD-aezH.js";import{au as y}from"./NetworkUtil-DQZGJzap.js";const b=g`
   :host {
     display: flex;
     justify-content: center;

package/assets/{ImportListings-CKlnt9Z6.js → ImportListings-Dza88Ul5.js}

@@ -1,4 +1,4 @@
-import{a as R,r as h,j as e,L as B}from"./react-B36MyIP_.js";import{j as U,t as s,b as S,B as k,k as C,E as $,J as Q,h as P,e as W,x as O,u as z,n as F,U as J}from"./index-BdhwhIIA.js";import{i as Y,R as D,f as G}from"./import-Cj6re7IB.js";import"./sentry-gZJVwIqQ.js";import"./dcl-schemas-BICTSpB5.js";import"./ethers-BteKixT0.js";import"./intl-CBcMB1D2.js";import"./buy-zrP-t3zp.js";import"./authorizations-DMJkwvHN.js";import"./sendMetaTransaction-SaUBHgVB.js";import"./trade-encoding-oV0MV6zA.js";import"./mana-rate-DHV9Z9OW.js";function H({queue:n,session:T,onClose:j,onDone:o}){const N=R(),d=U(T.providerType),[m,f]=h.useState(()=>n.map(()=>"pending")),[I,E]=h.useState("running"),w=h.useRef(!1);h.useEffect(()=>{if(w.current)return;w.current=!0;let t=!1;return(async()=>{for(let r=0;r<n.length;r++){if(t)return;f(u=>u.map((g,p)=>p===r?"active":g));try{await Y(n[r].item,n[r].priceCredits,T),$("Shop Migrated Listing",{item_id:n[r].item.itemId??n[r].item.oldTradeId??null,contract_address:n[r].item.contractAddress,new_price_credits:n[r].priceCredits,new_price_usd:n[r].priceCredits/10}),t||f(u=>u.map((g,p)=>p===r?"done":g))}catch(u){if(u instanceof D)Q(u,{flow:"import_listing",step:"relist",itemId:n[r].item.itemId??n[r].item.oldTradeId}),t||f(g=>g.map((p,b)=>b===r?"unlisted":p));else{const g=u,p=g.code===4001||/reject|denied|cancel/i.test(g.message??"");p||Q(u,{flow:"import_listing",itemId:n[r].item.itemId??n[r].item.oldTradeId}),t||f(b=>b.map((a,l)=>l===r?p?"skipped":"failed":a))}}}t||E("finished")})(),()=>{t=!0}},[]);const _=m.filter(t=>t==="done").length,v=m.findIndex(t=>t==="active"),x=Math.round(m.filter(t=>t!=="pending"&&t!=="active").length/n.length*100);function y(){o(),j()}if(I==="finished"){const t=m.filter(r=>r==="skipped"||r==="failed").length,c=m.filter(r=>r==="unlisted").length;return e.jsx("div",{className:"modal-backdrop",role:"presentation",children:e.jsxs("div",{className:"modal modal--success",role:"dialog","aria-modal":"true",children:[e.jsx("div",{className:"modal-success__check","aria-hidden":!0,children:"✓"}),e.jsx("h2",{className:"modal__title",children:_>0?s("migrate.successTitle"):s("migrate.nothingTitle")}),e.jsxs("p",{className:"muted",style:{margin:0},children:[_>0?s("migrate.listedSummary",{count:_,currency:S.name}):s("migrate.noneListed"),t>0?" "+s("migrate.skippedSummary",{count:t}):"",c>0?" "+s("migrate.unlistedSummary",{count:c}):""]}),e.jsxs("div",{className:"modal__actions",children:[e.jsx(k,{variant:"ghost",onClick:y,children:s("getCredits.done")}),c>0?e.jsx(k,{variant:"purple",onClick:()=>{o(),j(),N("/my-assets")},children:s("migrate.goToMyAssets")}):_>0?e.jsx(k,{variant:"purple",onClick:()=>{o(),j(),N("/assets")},children:s("migrate.viewInShop")}):null]})]})})}return e.jsx("div",{className:"modal-backdrop",role:"presentation",children:e.jsxs("div",{className:"modal migrate","data-testid":"modal",role:"dialog","aria-modal":"true","aria-live":"polite",children:[e.jsx("h2",{className:"modal__title",children:s("migrate.listingTitle")}),e.jsxs("p",{className:"muted small",style:{margin:"0 0 4px"},children:[d?s("migrate.subConfirm"):s("migrate.subManaged")," ",v>=0?s("migrate.progressCount",{current:v+1,total:n.length}):""]}),e.jsx("div",{className:"migrate__progress",children:e.jsx("div",{className:"migrate__bar",style:{width:`${x}%`}})}),e.jsx("ul",{className:"migrate__list",children:n.map((t,c)=>e.jsxs("li",{className:`migrate__row migrate__row--${m[c]}`,children:[e.jsx("span",{className:"migrate__thumb",children:t.item.thumbnail?e.jsx("img",{src:t.item.thumbnail,alt:""}):null}),e.jsx("span",{className:"migrate__name",title:t.item.name,children:t.item.name||s("migrate.itemFallback")}),e.jsxs("span",{className:"migrate__price",children:[e.jsx(C,{className:"ccy-mark"})," ",t.priceCredits.toLocaleString()]}),e.jsx("span",{className:"migrate__status",children:m[c]==="active"?e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"spinner migrate__spin","aria-hidden":!0})," ",d?s("migrate.statusConfirm"):s("migrate.statusAdding")]}):m[c]==="done"?e.jsx("span",{className:"migrate__tick",children:"✓"}):m[c]==="skipped"?e.jsx("span",{className:"migrate__skip",children:s("migrate.statusSkipped")}):m[c]==="failed"?e.jsx("span",{className:"migrate__skip",children:s("migrate.statusFailed")}):m[c]==="unlisted"?e.jsx("span",{className:"migrate__skip",title:s("migrate.unlistedTooltip"),children:s("migrate.statusUnlisted")}):e.jsx("span",{className:"migrate__wait",children:s("migrate.statusWaiting")})})]},t.item.oldTradeId))}),e.jsx("p",{className:"muted small migrate__hint",children:d?s("migrate.hintConfirm"):s("migrate.hintManaged")})]})})}const A=F(k)`
+import{a as R,r as h,j as e,L as B}from"./react-B36MyIP_.js";import{j as U,t as s,b as S,B as k,k as C,E as $,J as Q,h as P,e as W,x as O,u as z,n as F,U as J}from"./index-BSeusSHl.js";import{i as Y,R as D,f as G}from"./import-BgvjaGsU.js";import"./sentry-gZJVwIqQ.js";import"./dcl-schemas-BICTSpB5.js";import"./ethers-BteKixT0.js";import"./intl-CBcMB1D2.js";import"./buy-Tme1UHVf.js";import"./authorizations-CUAi4uqJ.js";import"./sendMetaTransaction-DEU_Xtzf.js";import"./trade-encoding-DXoI04Mc.js";import"./mana-rate-BJbe6lgb.js";function H({queue:n,session:T,onClose:j,onDone:o}){const N=R(),d=U(T.providerType),[m,f]=h.useState(()=>n.map(()=>"pending")),[I,E]=h.useState("running"),w=h.useRef(!1);h.useEffect(()=>{if(w.current)return;w.current=!0;let t=!1;return(async()=>{for(let r=0;r<n.length;r++){if(t)return;f(u=>u.map((g,p)=>p===r?"active":g));try{await Y(n[r].item,n[r].priceCredits,T),$("Shop Migrated Listing",{item_id:n[r].item.itemId??n[r].item.oldTradeId??null,contract_address:n[r].item.contractAddress,new_price_credits:n[r].priceCredits,new_price_usd:n[r].priceCredits/10}),t||f(u=>u.map((g,p)=>p===r?"done":g))}catch(u){if(u instanceof D)Q(u,{flow:"import_listing",step:"relist",itemId:n[r].item.itemId??n[r].item.oldTradeId}),t||f(g=>g.map((p,b)=>b===r?"unlisted":p));else{const g=u,p=g.code===4001||/reject|denied|cancel/i.test(g.message??"");p||Q(u,{flow:"import_listing",itemId:n[r].item.itemId??n[r].item.oldTradeId}),t||f(b=>b.map((a,l)=>l===r?p?"skipped":"failed":a))}}}t||E("finished")})(),()=>{t=!0}},[]);const _=m.filter(t=>t==="done").length,v=m.findIndex(t=>t==="active"),x=Math.round(m.filter(t=>t!=="pending"&&t!=="active").length/n.length*100);function y(){o(),j()}if(I==="finished"){const t=m.filter(r=>r==="skipped"||r==="failed").length,c=m.filter(r=>r==="unlisted").length;return e.jsx("div",{className:"modal-backdrop",role:"presentation",children:e.jsxs("div",{className:"modal modal--success",role:"dialog","aria-modal":"true",children:[e.jsx("div",{className:"modal-success__check","aria-hidden":!0,children:"✓"}),e.jsx("h2",{className:"modal__title",children:_>0?s("migrate.successTitle"):s("migrate.nothingTitle")}),e.jsxs("p",{className:"muted",style:{margin:0},children:[_>0?s("migrate.listedSummary",{count:_,currency:S.name}):s("migrate.noneListed"),t>0?" "+s("migrate.skippedSummary",{count:t}):"",c>0?" "+s("migrate.unlistedSummary",{count:c}):""]}),e.jsxs("div",{className:"modal__actions",children:[e.jsx(k,{variant:"ghost",onClick:y,children:s("getCredits.done")}),c>0?e.jsx(k,{variant:"purple",onClick:()=>{o(),j(),N("/my-assets")},children:s("migrate.goToMyAssets")}):_>0?e.jsx(k,{variant:"purple",onClick:()=>{o(),j(),N("/assets")},children:s("migrate.viewInShop")}):null]})]})})}return e.jsx("div",{className:"modal-backdrop",role:"presentation",children:e.jsxs("div",{className:"modal migrate","data-testid":"modal",role:"dialog","aria-modal":"true","aria-live":"polite",children:[e.jsx("h2",{className:"modal__title",children:s("migrate.listingTitle")}),e.jsxs("p",{className:"muted small",style:{margin:"0 0 4px"},children:[d?s("migrate.subConfirm"):s("migrate.subManaged")," ",v>=0?s("migrate.progressCount",{current:v+1,total:n.length}):""]}),e.jsx("div",{className:"migrate__progress",children:e.jsx("div",{className:"migrate__bar",style:{width:`${x}%`}})}),e.jsx("ul",{className:"migrate__list",children:n.map((t,c)=>e.jsxs("li",{className:`migrate__row migrate__row--${m[c]}`,children:[e.jsx("span",{className:"migrate__thumb",children:t.item.thumbnail?e.jsx("img",{src:t.item.thumbnail,alt:""}):null}),e.jsx("span",{className:"migrate__name",title:t.item.name,children:t.item.name||s("migrate.itemFallback")}),e.jsxs("span",{className:"migrate__price",children:[e.jsx(C,{className:"ccy-mark"})," ",t.priceCredits.toLocaleString()]}),e.jsx("span",{className:"migrate__status",children:m[c]==="active"?e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"spinner migrate__spin","aria-hidden":!0})," ",d?s("migrate.statusConfirm"):s("migrate.statusAdding")]}):m[c]==="done"?e.jsx("span",{className:"migrate__tick",children:"✓"}):m[c]==="skipped"?e.jsx("span",{className:"migrate__skip",children:s("migrate.statusSkipped")}):m[c]==="failed"?e.jsx("span",{className:"migrate__skip",children:s("migrate.statusFailed")}):m[c]==="unlisted"?e.jsx("span",{className:"migrate__skip",title:s("migrate.unlistedTooltip"),children:s("migrate.statusUnlisted")}):e.jsx("span",{className:"migrate__wait",children:s("migrate.statusWaiting")})})]},t.item.oldTradeId))}),e.jsx("p",{className:"muted small migrate__hint",children:d?s("migrate.hintConfirm"):s("migrate.hintManaged")})]})})}const A=F(k)`
   margin-top: 10px;
 `,V=F(k)`
   padding: 13px 24px;