@dcl/shop 0.1.0-30270468476.commit-071c9d3 → 0.1.0-30276533246.commit-f8e4e8f

package/assets/GetCredits-C_zVvwJv.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-ZWDXIF6O.js";import{R as M}from"./resume-buy-Bf0zIH7y.js";import{R as ge}from"./cart-checkout-gXQTm1Je.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-DA-NvTNC.js";import{C as ye}from"./CircularProgress-BJ3mR2Td.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-30276533246.commit-f8e4e8f/assets/pack-coins-BDh1ZDbh.webp",ee="https://cdn.decentraland.org/@dcl/shop/0.1.0-30276533246.commit-f8e4e8f/assets/pack-stacks-D-V2jSHW.webp",te="https://cdn.decentraland.org/@dcl/shop/0.1.0-30276533246.commit-f8e4e8f/assets/pack-chest-BX_j84xW.webp",ke="https://cdn.decentraland.org/@dcl/shop/0.1.0-30276533246.commit-f8e4e8f/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-30276533246.commit-f8e4e8f/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-BhSIsEQG.js → HelpersUtil-ClO_3Jc1.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-_75wkcmX.js";import{d as g,r as v}from"./index-DZak9MEk.js";import{C as c}from"./ConstantsUtil-DTrOBzCe.js";import{R as $,O as u}from"./W3MFrameProviderSingleton-BztPgidQ.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-ezQi9fE0.js";import{d as g,r as v}from"./index-D2w8m12L.js";import{C as c}from"./ConstantsUtil-DTrOBzCe.js";import{R as $,O as u}from"./W3MFrameProviderSingleton-C03Pb4B-.js";import{au as y}from"./NetworkUtil-C1aEwuOK.js";const b=g`
   :host {
     display: flex;
     justify-content: center;

package/assets/{ImportListings-CgSizNHs.js → ImportListings-Bkbdthc9.js}

@@ -1,5 +1,5 @@
-import{u as R,r as h,j as e,L as B}from"./react-BW1xvPTF.js";import{w as P,t as s,e as S,B as k,C as L,j as $,H as Q,m as U,u as W,b as O,o as z,s as F,P as H}from"./index-DKn89nIW.js";import{i as Y,R as D,f as G}from"./import-BfcW9VC0.js";import"./sentry-BV_ZSgtd.js";import"./dcl-schemas-BICTSpB5.js";import"./ethers-CtVvB8eG.js";import"./intl-CBcMB1D2.js";import"./buy-C5fAE4Tk.js";import"./authorizations-LVujlH7N.js";import"./index-HN6Rk25C.js";import"./sendMetaTransaction-CiO3jI6F.js";import"./trade-encoding-BNfrO5uz.js";import"./mana-rate-ClCow8js.js";function J({queue:n,session:w,onClose:j,onDone:o}){const N=R(),d=P(w.providerType),[m,f]=h.useState(()=>n.map(()=>"pending")),[I,M]=h.useState("running"),T=h.useRef(!1);h.useEffect(()=>{if(T.current)return;T.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,w),$("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||M("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(L,{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{u as R,r as h,j as e,L as B}from"./react-BW1xvPTF.js";import{y as U,t as s,e as S,B as k,C as L,j as $,J as Q,x as P,u as W,b as O,n as z,s as F,U as J}from"./index-ZWDXIF6O.js";import{i as Y,R as D,f as G}from"./import-C8mG5kpp.js";import"./sentry-BV_ZSgtd.js";import"./dcl-schemas-BICTSpB5.js";import"./ethers-CtVvB8eG.js";import"./intl-CBcMB1D2.js";import"./buy-B2kHW0nr.js";import"./authorizations-Cp6LZG2p.js";import"./sendMetaTransaction-Bky8YK8T.js";import"./trade-encoding-C0CKvlMZ.js";import"./mana-rate-BkFbk0kZ.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,M]=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||M("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(L,{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;
-`,X=[{key:"creations",title:"importListings.creations.title",sub:"importListings.creations.sub"},{key:"owned",title:"importListings.owned.title",sub:"importListings.owned.sub"}];function oe(){U({title:s("seo.import.title"),noindex:!0});const{session:n,signIn:w,restore:j}=W(),o=O(),N=n==null?void 0:n.address;h.useEffect(()=>{j()},[j]);const{data:d,isLoading:m}=z({queryKey:["importable",N],queryFn:()=>G(N),enabled:!!N}),[f,I]=h.useState({}),[M,T]=h.useState(new Set),[_,v]=h.useState(null),x=h.useMemo(()=>[...(d==null?void 0:d.creations)??[],...(d==null?void 0:d.owned)??[]],[d]);h.useEffect(()=>{x.length&&I(a=>{const l={...a};for(const i of x)l[i.oldTradeId]==null&&(l[i.oldTradeId]=i.suggestedCredits);return l})},[x]);const y=a=>!M.has(a),t=a=>f[a.oldTradeId]??a.suggestedCredits,c=x.filter(a=>y(a.oldTradeId)),r=c.reduce((a,l)=>a+t(l),0);function u(a,l){const i=l.replace(/[^\d]/g,"");I(C=>({...C,[a]:i===""?0:parseInt(i,10)}))}function g(a){T(l=>{const i=new Set(l);return i.has(a)?i.delete(a):i.add(a),i})}function p(a){return a.map(l=>({item:l,priceCredits:Math.max(1,t(l))}))}function b(){o.invalidateQueries({queryKey:["importable"]}),o.invalidateQueries({queryKey:["shop-items"]}),o.invalidateQueries({queryKey:["catalog-items"]}),o.invalidateQueries({queryKey:["overview-listings"]}),o.invalidateQueries({queryKey:["upsell-listings"]}),o.invalidateQueries({queryKey:["my-assets"]}),o.invalidateQueries({queryKey:["collection-sale-state"]}),H.success(s("importListings.toastUpdated"))}return n?!m&&x.length===0?e.jsxs("div",{className:"imp-empty",children:[e.jsx("span",{className:"imp-empty__ico","aria-hidden":!0,children:"✨"}),e.jsx("h1",{className:"imp-empty__title",children:s("importListings.emptyTitle")}),e.jsx("p",{className:"muted",children:s("importListings.emptyBody")}),e.jsx(A,{as:B,to:"/my-assets",variant:"purple",children:s("importListings.goToMyAssets")})]}):e.jsxs("div",{className:"imp",children:[e.jsxs("header",{className:"imp__head",children:[e.jsx("span",{className:"imp__eyebrow",children:s("importListings.eyebrow")}),e.jsxs("h1",{className:"imp__title",children:[s("importListings.titleLead")," ",e.jsx("span",{className:"imp__grad",children:s("importListings.titleAccent")})]}),e.jsx("p",{className:"imp__lede",children:s("importListings.lede",{currency:S.name})})]}),e.jsxs("div",{className:"imp__ratebar",children:[e.jsx(L,{className:"ccy-mark imp__diamond"})," ",s("importListings.rate",{currency:S.nameSingular})]}),m?e.jsx("div",{className:"imp__list",children:Array.from({length:4}).map((a,l)=>e.jsx("div",{className:"imp-row imp-row--skeleton"},l))}):X.map(a=>{const l=(d==null?void 0:d[a.key])??[];return l.length===0?null:e.jsxs("section",{className:"imp__section",children:[e.jsxs("div",{className:"imp__section-head",children:[e.jsx("h2",{className:"imp__section-title",children:s(a.title)}),e.jsx("span",{className:"imp__section-sub",children:s(a.sub)})]}),e.jsx("div",{className:"imp__list",children:l.map(i=>{const C=t(i),K=C!==i.suggestedCredits;return e.jsxs("article",{className:`imp-row${y(i.oldTradeId)?"":" is-off"}`,children:[e.jsx("input",{type:"checkbox",className:"imp-check",checked:y(i.oldTradeId),onChange:()=>g(i.oldTradeId),"aria-label":s("importListings.includeItem",{name:i.name})}),e.jsx("div",{className:"imp-thumb",children:i.thumbnail?e.jsx("img",{src:i.thumbnail,alt:""}):null}),e.jsxs("div",{className:"imp-meta",children:[e.jsx("div",{className:"imp-name",title:i.name,children:i.name||s("importListings.itemFallback")}),e.jsx("span",{className:"imp-chip",children:i.rarity})]}),e.jsxs("div",{className:"imp-price",children:[e.jsxs("div",{className:"imp-price__field",children:[e.jsx(L,{className:"ccy-mark imp-price__diamond"}),e.jsx("input",{className:"imp-price__input","data-testid":"imp-price-input",inputMode:"numeric",value:C.toLocaleString(),onChange:E=>u(i.oldTradeId,E.target.value),"aria-label":s("importListings.priceAria",{currency:S.name,name:i.name})})]}),e.jsxs("div",{className:"imp-price__sub",children:[e.jsxs("span",{children:["$",(C*.1).toFixed(2)]}),K?e.jsxs("button",{className:"imp-price__reset",onClick:()=>I(E=>({...E,[i.oldTradeId]:i.suggestedCredits})),children:[s("importListings.resetTo")," ",e.jsx(L,{className:"ccy-mark"}),i.suggestedCredits.toLocaleString()]}):null]})]}),e.jsx("div",{className:"imp-action",children:e.jsx(k,{size:"sm",className:"imp-row__list",disabled:!y(i.oldTradeId),onClick:()=>v(p([i])),children:s("importListings.list")})})]},i.oldTradeId)})})]},a.key)}),e.jsx("div",{className:"imp-dock",children:e.jsxs("div",{className:"imp-dock__inner",children:[e.jsxs("div",{className:"imp-dock__summary",children:[e.jsxs("div",{className:"imp-dock__total",children:[e.jsx(L,{className:"ccy-mark imp__diamond"})," ",r.toLocaleString()]}),e.jsx("div",{className:"imp-dock__sub",children:s("importListings.selectedSummary",{count:c.length,usd:(r*.1).toFixed(2)})})]}),e.jsx("span",{className:"imp-dock__spacer"}),e.jsx(V,{variant:"purple",disabled:c.length===0,onClick:()=>v(p(c)),children:s("importListings.listAll",{count:c.length})})]})}),_&&n?e.jsx(J,{queue:_,session:n,onClose:()=>v(null),onDone:b}):null]}):e.jsxs("div",{className:"imp-empty",children:[e.jsx("span",{className:"imp-empty__ico","aria-hidden":!0,children:"📦"}),e.jsx("h1",{className:"imp-empty__title",children:s("importListings.signInTitle")}),e.jsx("p",{className:"muted",children:s("importListings.signInBody")}),e.jsx(A,{variant:"purple",onClick:()=>w(),children:s("storeSettings.signIn")})]})}export{oe as ImportListings};
+`,X=[{key:"creations",title:"importListings.creations.title",sub:"importListings.creations.sub"},{key:"owned",title:"importListings.owned.title",sub:"importListings.owned.sub"}];function me(){P({title:s("seo.import.title"),noindex:!0});const{session:n,signIn:T,restore:j}=W(),o=O(),N=n==null?void 0:n.address;h.useEffect(()=>{j()},[j]);const{data:d,isLoading:m}=z({queryKey:["importable",N],queryFn:()=>G(N),enabled:!!N}),[f,I]=h.useState({}),[M,w]=h.useState(new Set),[_,v]=h.useState(null),x=h.useMemo(()=>[...(d==null?void 0:d.creations)??[],...(d==null?void 0:d.owned)??[]],[d]);h.useEffect(()=>{x.length&&I(a=>{const l={...a};for(const i of x)l[i.oldTradeId]==null&&(l[i.oldTradeId]=i.suggestedCredits);return l})},[x]);const y=a=>!M.has(a),t=a=>f[a.oldTradeId]??a.suggestedCredits,c=x.filter(a=>y(a.oldTradeId)),r=c.reduce((a,l)=>a+t(l),0);function u(a,l){const i=l.replace(/[^\d]/g,"");I(C=>({...C,[a]:i===""?0:parseInt(i,10)}))}function g(a){w(l=>{const i=new Set(l);return i.has(a)?i.delete(a):i.add(a),i})}function p(a){return a.map(l=>({item:l,priceCredits:Math.max(1,t(l))}))}function b(){o.invalidateQueries({queryKey:["importable"]}),o.invalidateQueries({queryKey:["shop-items"]}),o.invalidateQueries({queryKey:["catalog-items"]}),o.invalidateQueries({queryKey:["overview-listings"]}),o.invalidateQueries({queryKey:["upsell-listings"]}),o.invalidateQueries({queryKey:["my-assets"]}),o.invalidateQueries({queryKey:["collection-sale-state"]}),J.success(s("importListings.toastUpdated"))}return n?!m&&x.length===0?e.jsxs("div",{className:"imp-empty",children:[e.jsx("span",{className:"imp-empty__ico","aria-hidden":!0,children:"✨"}),e.jsx("h1",{className:"imp-empty__title",children:s("importListings.emptyTitle")}),e.jsx("p",{className:"muted",children:s("importListings.emptyBody")}),e.jsx(A,{as:B,to:"/my-assets",variant:"purple",children:s("importListings.goToMyAssets")})]}):e.jsxs("div",{className:"imp",children:[e.jsxs("header",{className:"imp__head",children:[e.jsx("span",{className:"imp__eyebrow",children:s("importListings.eyebrow")}),e.jsxs("h1",{className:"imp__title",children:[s("importListings.titleLead")," ",e.jsx("span",{className:"imp__grad",children:s("importListings.titleAccent")})]}),e.jsx("p",{className:"imp__lede",children:s("importListings.lede",{currency:S.name})})]}),e.jsxs("div",{className:"imp__ratebar",children:[e.jsx(L,{className:"ccy-mark imp__diamond"})," ",s("importListings.rate",{currency:S.nameSingular})]}),m?e.jsx("div",{className:"imp__list",children:Array.from({length:4}).map((a,l)=>e.jsx("div",{className:"imp-row imp-row--skeleton"},l))}):X.map(a=>{const l=(d==null?void 0:d[a.key])??[];return l.length===0?null:e.jsxs("section",{className:"imp__section",children:[e.jsxs("div",{className:"imp__section-head",children:[e.jsx("h2",{className:"imp__section-title",children:s(a.title)}),e.jsx("span",{className:"imp__section-sub",children:s(a.sub)})]}),e.jsx("div",{className:"imp__list",children:l.map(i=>{const C=t(i),K=C!==i.suggestedCredits;return e.jsxs("article",{className:`imp-row${y(i.oldTradeId)?"":" is-off"}`,children:[e.jsx("input",{type:"checkbox",className:"imp-check",checked:y(i.oldTradeId),onChange:()=>g(i.oldTradeId),"aria-label":s("importListings.includeItem",{name:i.name})}),e.jsx("div",{className:"imp-thumb",children:i.thumbnail?e.jsx("img",{src:i.thumbnail,alt:""}):null}),e.jsxs("div",{className:"imp-meta",children:[e.jsx("div",{className:"imp-name",title:i.name,children:i.name||s("importListings.itemFallback")}),e.jsx("span",{className:"imp-chip",children:i.rarity})]}),e.jsxs("div",{className:"imp-price",children:[e.jsxs("div",{className:"imp-price__field",children:[e.jsx(L,{className:"ccy-mark imp-price__diamond"}),e.jsx("input",{className:"imp-price__input","data-testid":"imp-price-input",inputMode:"numeric",value:C.toLocaleString(),onChange:E=>u(i.oldTradeId,E.target.value),"aria-label":s("importListings.priceAria",{currency:S.name,name:i.name})})]}),e.jsxs("div",{className:"imp-price__sub",children:[e.jsxs("span",{children:["$",(C*.1).toFixed(2)]}),K?e.jsxs("button",{className:"imp-price__reset",onClick:()=>I(E=>({...E,[i.oldTradeId]:i.suggestedCredits})),children:[s("importListings.resetTo")," ",e.jsx(L,{className:"ccy-mark"}),i.suggestedCredits.toLocaleString()]}):null]})]}),e.jsx("div",{className:"imp-action",children:e.jsx(k,{size:"sm",className:"imp-row__list",disabled:!y(i.oldTradeId),onClick:()=>v(p([i])),children:s("importListings.list")})})]},i.oldTradeId)})})]},a.key)}),e.jsx("div",{className:"imp-dock",children:e.jsxs("div",{className:"imp-dock__inner",children:[e.jsxs("div",{className:"imp-dock__summary",children:[e.jsxs("div",{className:"imp-dock__total",children:[e.jsx(L,{className:"ccy-mark imp__diamond"})," ",r.toLocaleString()]}),e.jsx("div",{className:"imp-dock__sub",children:s("importListings.selectedSummary",{count:c.length,usd:(r*.1).toFixed(2)})})]}),e.jsx("span",{className:"imp-dock__spacer"}),e.jsx(V,{variant:"purple",disabled:c.length===0,onClick:()=>v(p(c)),children:s("importListings.listAll",{count:c.length})})]})}),_&&n?e.jsx(H,{queue:_,session:n,onClose:()=>v(null),onDone:b}):null]}):e.jsxs("div",{className:"imp-empty",children:[e.jsx("span",{className:"imp-empty__ico","aria-hidden":!0,children:"📦"}),e.jsx("h1",{className:"imp-empty__title",children:s("importListings.signInTitle")}),e.jsx("p",{className:"muted",children:s("importListings.signInBody")}),e.jsx(A,{variant:"purple",onClick:()=>T(),children:s("storeSettings.signIn")})]})}export{me as ImportListings};