@dcl/shop 1.3.1-31191620721.commit-720133f → 1.3.1-31191774447.commit-6e7d6f7

package/_assets/{Confetti-DqCpqSGh.js → Confetti-BJzr7oOJ.js}

@@ -1,5 +1,5 @@
 const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["_assets/index.es-C4oAOZ2V.js","_assets/react-BYHuwl8r.js"])))=>i.map(i=>d[i]);
-import{s as o,_ as a}from"./index-BG5saEE6.js";import{r as n,j as e}from"./react-BYHuwl8r.js";const s=o.div`
+import{s as o,_ as a}from"./index-DmPTEtlr.js";import{r as n,j as e}from"./react-BYHuwl8r.js";const s=o.div`
   position: fixed;
   inset: 0;
   /**

package/_assets/{Creator-DdbvRhiH.js → Creator-dcSlsbmQ.js}

@@ -1,4 +1,4 @@
-import{b as ce,j as e,L as Me,d as Be,u as Ie,r as L}from"./react-BYHuwl8r.js";import{u as Re}from"./useUrlFilters-DH-gxdfV.js";import{u as Ae,S as Y,R as Te,F as _e,e as ze}from"./categories-gDlRucVv.js";import{t as de,by as We,P as Z,O as X,s,bz as De,J as Oe,bA as Ke,b as o,bB as Ue,bC as ee,B as Ge,K as he,a1 as ue,v as He,E as pe,bu as qe,bv as Ve,I as te,c as Je,y as Qe,l as Ye,ac as Ze,an as Xe,ao as et,ap as M,aq as oe,bD as re,bE as tt}from"./index-BG5saEE6.js";import{T as me}from"./skeleton.styles-CV7fqHt3.js";import{d as ot,P as rt,C as it,a as st,b as at,c as nt,e as lt}from"./collectionPage.styles-C4IUHz6N.js";import{u as ct,L as dt}from"./useStore-DuwkQdft.js";import{R as ht,S as ut,a as pt,D as mt,b as xt,C as gt,c as ft,F as bt,d as wt,e as yt,M as vt,E as R,f as A,g as jt,h as Ct,i as kt,j as $t}from"./Assets.styles-CLQKfUGn.js";import{L as ie}from"./LoadMore-CQIEBXEe.js";import{u as se}from"./useInfiniteGrid-CPmv8ezG.js";import{E as T}from"./ErrorNotice-ZO3VddUA.js";import{G as ae}from"./grid.styles-BCyzN-Pc.js";import"./dcl-schemas-CmtP3U6y.js";import"./sentry-Dx-KuLV3.js";import"./ethers-BDpbhgX6.js";import"./intl-CBcMB1D2.js";import"./Tooltip-CvreJNab.js";function St(r){const{gridLoading:i,gridError:a,gridCount:l,baselinePending:c,baselineError:d,baselineCount:b}=r;return i?"skeletons":a?"error":l>0?"items":c?"skeletons":d?"error":b===0?"no-creations":"filters"}const{colors:w,radius:xe,media:Nt}=de,Et=s.article`
+import{b as ce,j as e,L as Me,d as Be,u as Ie,r as L}from"./react-BYHuwl8r.js";import{u as Re}from"./useUrlFilters-DH-gxdfV.js";import{u as Ae,S as Y,R as Te,F as _e,e as ze}from"./categories-DFNz9BWG.js";import{t as de,by as We,P as Z,O as X,s,bz as De,J as Oe,bA as Ke,b as o,bB as Ue,bC as ee,B as Ge,K as he,a1 as ue,v as He,E as pe,bu as qe,bv as Ve,I as te,c as Je,y as Qe,l as Ye,ac as Ze,an as Xe,ao as et,ap as M,aq as oe,bD as re,bE as tt}from"./index-DmPTEtlr.js";import{T as me}from"./skeleton.styles-H8mPuQpn.js";import{d as ot,P as rt,C as it,a as st,b as at,c as nt,e as lt}from"./collectionPage.styles-VE6xQ4Pq.js";import{u as ct,L as dt}from"./useStore-BDX6RUJl.js";import{R as ht,S as ut,a as pt,D as mt,b as xt,C as gt,c as ft,F as bt,d as wt,e as yt,M as vt,E as R,f as A,g as jt,h as Ct,i as kt,j as $t}from"./Assets.styles-Cyayzp96.js";import{L as ie}from"./LoadMore-DUsq2Liu.js";import{u as se}from"./useInfiniteGrid-BM-TIQD6.js";import{E as T}from"./ErrorNotice-DTm_-YHD.js";import{G as ae}from"./grid.styles-4ZcNyj0y.js";import"./dcl-schemas-CmtP3U6y.js";import"./sentry-Dx-KuLV3.js";import"./ethers-BDpbhgX6.js";import"./intl-CBcMB1D2.js";import"./Tooltip-DGHRMccf.js";function St(r){const{gridLoading:i,gridError:a,gridCount:l,baselinePending:c,baselineError:d,baselineCount:b}=r;return i?"skeletons":a?"error":l>0?"items":c?"skeletons":d?"error":b===0?"no-creations":"filters"}const{colors:w,radius:xe,media:Nt}=de,Et=s.article`
   height: 300px;
   /* No fill of its own (Figma 922:183803): the mosaic covers the top and the footer paints its own
      translucent black, so the page field is what shows through the corners. */

package/_assets/{ErrorNotice-ZO3VddUA.js → ErrorNotice-DTm_-YHD.js}

@@ -1 +1 @@
-import{j as r}from"./react-BYHuwl8r.js";import{I as i}from"./index-BG5saEE6.js";function a({message:e,className:o,testId:t}){return e?r.jsxs("p",{className:o?`error-notice ${o}`:"error-notice","data-testid":t,role:"alert",children:[r.jsx(i,{name:"alert",className:"error-notice__ico",size:18}),r.jsx("span",{className:"error-notice__msg",children:e})]}):null}export{a as E};
+import{j as r}from"./react-BYHuwl8r.js";import{I as i}from"./index-DmPTEtlr.js";function a({message:e,className:o,testId:t}){return e?r.jsxs("p",{className:o?`error-notice ${o}`:"error-notice","data-testid":t,role:"alert",children:[r.jsx(i,{name:"alert",className:"error-notice__ico",size:18}),r.jsx("span",{className:"error-notice__msg",children:e})]}):null}export{a as E};

package/_assets/{ExchangeController-DukmAekv.js → ExchangeController-BdXbQOvh.js}

@@ -1 +1 @@
-import{C as l,E as w,b as E,S as A,d as k,O as U,N as P,g as f,B as x,e as N,i as I,p as L}from"./W3MFrameProviderSingleton-CXX6NkJL.js";import{g as T,a as W,f as b,b as _,c as v}from"./index-BV-dSC8Q.js";const D=0,C={paymentAsset:null,amount:null,tokenAmount:0,priceLoading:!1,error:null,exchanges:[],isLoading:!1,currentPayment:void 0,isPaymentInProgress:!1,paymentId:"",assets:[]},e=L(C),m={state:e,subscribe(t){return I(e,()=>t(e))},subscribeKey(t,n){return N(e,t,n)},resetState(){Object.assign(e,{...C})},async getAssetsForNetwork(t){const n=v(t),s=await m.getAssetsImageAndPrice(n),r=n.map(a=>{var c,o,p,y;const u=a.asset==="native"?f():`${a.network}:${a.asset}`,i=s.find(S=>{var g,d,h;return((h=(d=(g=S.fungibles)==null?void 0:g[0])==null?void 0:d.address)==null?void 0:h.toLowerCase())===u.toLowerCase()});return{...a,price:((o=(c=i==null?void 0:i.fungibles)==null?void 0:c[0])==null?void 0:o.price)||1,metadata:{...a.metadata,iconUrl:(y=(p=i==null?void 0:i.fungibles)==null?void 0:p[0])==null?void 0:y.iconUrl}}});return e.assets=r,r},async getAssetsImageAndPrice(t){const n=t.map(r=>r.asset==="native"?f():`${r.network}:${r.asset}`);return await Promise.all(n.map(r=>x.fetchTokenPrice({addresses:[r]})))},getTokenAmount(){var s;if(!((s=e==null?void 0:e.paymentAsset)!=null&&s.price))throw new Error("Cannot get token price");const t=P.bigNumber(e.amount??0).round(8),n=P.bigNumber(e.paymentAsset.price).round(8);return t.div(n).round(8).toNumber()},setAmount(t){var n;e.amount=t,(n=e.paymentAsset)!=null&&n.price&&(e.tokenAmount=m.getTokenAmount())},setPaymentAsset(t){e.paymentAsset=t},isPayWithExchangeEnabled(){var t;return(t=U.state.remoteFeatures)==null?void 0:t.payWithExchange},isPayWithExchangeSupported(){return m.isPayWithExchangeEnabled()&&l.state.activeCaipNetwork&&k.PAY_WITH_EXCHANGE_SUPPORTED_CHAIN_NAMESPACES.includes(l.state.activeCaipNetwork.chainNamespace)},async fetchExchanges(){var t;try{const n=m.isPayWithExchangeSupported();if(!e.paymentAsset||!n){e.exchanges=[],e.isLoading=!1;return}e.isLoading=!0;const s=await _({page:D,asset:b(e.paymentAsset.network,e.paymentAsset.asset),amount:((t=e.amount)==null?void 0:t.toString())??"0"});e.exchanges=s.exchanges.slice(0,2)}catch{throw A.showError("Unable to get exchanges"),new Error("Unable to get exchanges")}finally{e.isLoading=!1}},async getPayUrl(t,n){try{const s=Number(n.amount),r=await W({exchangeId:t,asset:b(n.network,n.asset),amount:s.toString(),recipient:`${n.network}:${n.recipient}`});return w.sendEvent({type:"track",event:"PAY_EXCHANGE_SELECTED",properties:{exchange:{id:t},configuration:{network:n.network,asset:n.asset,recipient:n.recipient,amount:s},currentPayment:{type:"exchange",exchangeId:t},source:"fund-from-exchange",headless:!1}}),r}catch(s){throw s instanceof Error&&s.message.includes("is not supported")?new Error("Asset not supported"):new Error(s.message)}},async handlePayWithExchange(t){var n;try{const s=(n=l.getAccountData())==null?void 0:n.address;if(!s)throw new Error("No account connected");if(!e.paymentAsset)throw new Error("No payment asset selected");const r=E.returnOpenHref("","popupWindow","scrollbar=yes,width=480,height=720");if(!r)throw new Error("Could not create popup window");e.isPaymentInProgress=!0,e.paymentId=crypto.randomUUID(),e.currentPayment={type:"exchange",exchangeId:t};const{network:a,asset:u}=e.paymentAsset,i={network:a,asset:u,amount:e.tokenAmount,recipient:s},c=await m.getPayUrl(t,i);if(!c){try{r.close()}catch(o){console.error("Unable to close popup window",o)}throw new Error("Unable to initiate payment")}e.currentPayment.sessionId=c.sessionId,e.currentPayment.status="IN_PROGRESS",e.currentPayment.exchangeId=t,r.location.href=c.url}catch{e.error="Unable to initiate payment",A.showError(e.error)}},async waitUntilComplete({exchangeId:t,sessionId:n,paymentId:s,retries:r=20}){const a=await m.getBuyStatus(t,n,s);if(a.status==="SUCCESS"||a.status==="FAILED")return a;if(r===0)throw new Error("Unable to get deposit status");return await new Promise(u=>{setTimeout(u,5e3)}),m.waitUntilComplete({exchangeId:t,sessionId:n,paymentId:s,retries:r-1})},async getBuyStatus(t,n,s){var r,a,u,i,c;try{if(!e.currentPayment)throw new Error("No current payment");const o=await T({sessionId:n,exchangeId:t});if(e.currentPayment.status=o.status,o.status==="SUCCESS"||o.status==="FAILED"){const p=(r=l.getAccountData())==null?void 0:r.address;e.currentPayment.result=o.txHash,e.isPaymentInProgress=!1,w.sendEvent({type:"track",event:o.status==="SUCCESS"?"PAY_SUCCESS":"PAY_ERROR",properties:{message:o.status==="FAILED"?E.parseError(e.error):void 0,source:"fund-from-exchange",paymentId:s,configuration:{network:((a=e.paymentAsset)==null?void 0:a.network)||"",asset:((u=e.paymentAsset)==null?void 0:u.asset)||"",recipient:p||"",amount:e.amount??0},currentPayment:{type:"exchange",exchangeId:(i=e.currentPayment)==null?void 0:i.exchangeId,sessionId:(c=e.currentPayment)==null?void 0:c.sessionId,result:o.txHash}}})}return o}catch{return{status:"UNKNOWN",txHash:""}}},reset(){e.currentPayment=void 0,e.isPaymentInProgress=!1,e.paymentId="",e.paymentAsset=null,e.amount=0,e.tokenAmount=0,e.priceLoading=!1,e.error=null,e.exchanges=[],e.isLoading=!1}};export{m as E};
+import{C as l,E as w,b as E,S as A,d as k,O as U,N as P,g as f,B as x,e as N,i as I,p as L}from"./W3MFrameProviderSingleton-GrZmBKsV.js";import{g as T,a as W,f as b,b as _,c as v}from"./index-BCZo8-ZK.js";const D=0,C={paymentAsset:null,amount:null,tokenAmount:0,priceLoading:!1,error:null,exchanges:[],isLoading:!1,currentPayment:void 0,isPaymentInProgress:!1,paymentId:"",assets:[]},e=L(C),m={state:e,subscribe(t){return I(e,()=>t(e))},subscribeKey(t,n){return N(e,t,n)},resetState(){Object.assign(e,{...C})},async getAssetsForNetwork(t){const n=v(t),s=await m.getAssetsImageAndPrice(n),r=n.map(a=>{var c,o,p,y;const u=a.asset==="native"?f():`${a.network}:${a.asset}`,i=s.find(S=>{var g,d,h;return((h=(d=(g=S.fungibles)==null?void 0:g[0])==null?void 0:d.address)==null?void 0:h.toLowerCase())===u.toLowerCase()});return{...a,price:((o=(c=i==null?void 0:i.fungibles)==null?void 0:c[0])==null?void 0:o.price)||1,metadata:{...a.metadata,iconUrl:(y=(p=i==null?void 0:i.fungibles)==null?void 0:p[0])==null?void 0:y.iconUrl}}});return e.assets=r,r},async getAssetsImageAndPrice(t){const n=t.map(r=>r.asset==="native"?f():`${r.network}:${r.asset}`);return await Promise.all(n.map(r=>x.fetchTokenPrice({addresses:[r]})))},getTokenAmount(){var s;if(!((s=e==null?void 0:e.paymentAsset)!=null&&s.price))throw new Error("Cannot get token price");const t=P.bigNumber(e.amount??0).round(8),n=P.bigNumber(e.paymentAsset.price).round(8);return t.div(n).round(8).toNumber()},setAmount(t){var n;e.amount=t,(n=e.paymentAsset)!=null&&n.price&&(e.tokenAmount=m.getTokenAmount())},setPaymentAsset(t){e.paymentAsset=t},isPayWithExchangeEnabled(){var t;return(t=U.state.remoteFeatures)==null?void 0:t.payWithExchange},isPayWithExchangeSupported(){return m.isPayWithExchangeEnabled()&&l.state.activeCaipNetwork&&k.PAY_WITH_EXCHANGE_SUPPORTED_CHAIN_NAMESPACES.includes(l.state.activeCaipNetwork.chainNamespace)},async fetchExchanges(){var t;try{const n=m.isPayWithExchangeSupported();if(!e.paymentAsset||!n){e.exchanges=[],e.isLoading=!1;return}e.isLoading=!0;const s=await _({page:D,asset:b(e.paymentAsset.network,e.paymentAsset.asset),amount:((t=e.amount)==null?void 0:t.toString())??"0"});e.exchanges=s.exchanges.slice(0,2)}catch{throw A.showError("Unable to get exchanges"),new Error("Unable to get exchanges")}finally{e.isLoading=!1}},async getPayUrl(t,n){try{const s=Number(n.amount),r=await W({exchangeId:t,asset:b(n.network,n.asset),amount:s.toString(),recipient:`${n.network}:${n.recipient}`});return w.sendEvent({type:"track",event:"PAY_EXCHANGE_SELECTED",properties:{exchange:{id:t},configuration:{network:n.network,asset:n.asset,recipient:n.recipient,amount:s},currentPayment:{type:"exchange",exchangeId:t},source:"fund-from-exchange",headless:!1}}),r}catch(s){throw s instanceof Error&&s.message.includes("is not supported")?new Error("Asset not supported"):new Error(s.message)}},async handlePayWithExchange(t){var n;try{const s=(n=l.getAccountData())==null?void 0:n.address;if(!s)throw new Error("No account connected");if(!e.paymentAsset)throw new Error("No payment asset selected");const r=E.returnOpenHref("","popupWindow","scrollbar=yes,width=480,height=720");if(!r)throw new Error("Could not create popup window");e.isPaymentInProgress=!0,e.paymentId=crypto.randomUUID(),e.currentPayment={type:"exchange",exchangeId:t};const{network:a,asset:u}=e.paymentAsset,i={network:a,asset:u,amount:e.tokenAmount,recipient:s},c=await m.getPayUrl(t,i);if(!c){try{r.close()}catch(o){console.error("Unable to close popup window",o)}throw new Error("Unable to initiate payment")}e.currentPayment.sessionId=c.sessionId,e.currentPayment.status="IN_PROGRESS",e.currentPayment.exchangeId=t,r.location.href=c.url}catch{e.error="Unable to initiate payment",A.showError(e.error)}},async waitUntilComplete({exchangeId:t,sessionId:n,paymentId:s,retries:r=20}){const a=await m.getBuyStatus(t,n,s);if(a.status==="SUCCESS"||a.status==="FAILED")return a;if(r===0)throw new Error("Unable to get deposit status");return await new Promise(u=>{setTimeout(u,5e3)}),m.waitUntilComplete({exchangeId:t,sessionId:n,paymentId:s,retries:r-1})},async getBuyStatus(t,n,s){var r,a,u,i,c;try{if(!e.currentPayment)throw new Error("No current payment");const o=await T({sessionId:n,exchangeId:t});if(e.currentPayment.status=o.status,o.status==="SUCCESS"||o.status==="FAILED"){const p=(r=l.getAccountData())==null?void 0:r.address;e.currentPayment.result=o.txHash,e.isPaymentInProgress=!1,w.sendEvent({type:"track",event:o.status==="SUCCESS"?"PAY_SUCCESS":"PAY_ERROR",properties:{message:o.status==="FAILED"?E.parseError(e.error):void 0,source:"fund-from-exchange",paymentId:s,configuration:{network:((a=e.paymentAsset)==null?void 0:a.network)||"",asset:((u=e.paymentAsset)==null?void 0:u.asset)||"",recipient:p||"",amount:e.amount??0},currentPayment:{type:"exchange",exchangeId:(i=e.currentPayment)==null?void 0:i.exchangeId,sessionId:(c=e.currentPayment)==null?void 0:c.sessionId,result:o.txHash}}})}return o}catch{return{status:"UNKNOWN",txHash:""}}},reset(){e.currentPayment=void 0,e.isPaymentInProgress=!1,e.paymentId="",e.paymentAsset=null,e.amount=0,e.tokenAmount=0,e.priceLoading=!1,e.error=null,e.exchanges=[],e.isLoading=!1}};export{m as E};

package/_assets/{Faq-CZP7_2cD.js → Faq-BDJ3tHRE.js}

@@ -1,4 +1,4 @@
-import{r as l,j as o}from"./react-BYHuwl8r.js";import{t as e,s as a,b as s,I as w}from"./index-BG5saEE6.js";const m=a.section`
+import{r as l,j as o}from"./react-BYHuwl8r.js";import{t as e,s as a,b as s,I as w}from"./index-DmPTEtlr.js";const m=a.section`
   display: flex;
   flex-direction: column;
   gap: 36px;

package/_assets/{GetCredits-MGdIwIFh.js → GetCredits-CBX3VO6B.js}

@@ -1,8 +1,8 @@
-import{b as ue,u as xe,r as l,j as t}from"./react-BYHuwl8r.js";import{s as i,t as e,x as F,y as ge,b as n,C as h,v as fe,D as me,Z as g,aF as be,k as U,aP as N,bO as we,ax as Q,A as re,I as ye,bP as D}from"./index-BG5saEE6.js";import{C as ke}from"./Confetti-DqCpqSGh.js";import{F as ve}from"./Faq-CZP7_2cD.js";import{R as H}from"./resume-buy-Bf0zIH7y.js";import{u as Ce,b as $e,R as je,c as Se,i as Ae,d as Pe}from"./useCreditPacks-vgB1sZNv.js";import"./dcl-schemas-CmtP3U6y.js";import"./sentry-Dx-KuLV3.js";import"./ethers-BDpbhgX6.js";import"./intl-CBcMB1D2.js";const A="https://cdn.decentraland.org/@dcl/shop/1.3.1-31191620721.commit-720133f/_assets/pack-coins-BDh1ZDbh.webp",ne="https://cdn.decentraland.org/@dcl/shop/1.3.1-31191620721.commit-720133f/_assets/pack-stacks-D-V2jSHW.webp",se="https://cdn.decentraland.org/@dcl/shop/1.3.1-31191620721.commit-720133f/_assets/pack-chest-BX_j84xW.webp",Re="https://cdn.decentraland.org/@dcl/shop/1.3.1-31191620721.commit-720133f/_assets/credit-coin-CmcTCd5i.webp",Te="data:image/svg+xml,%3csvg%20width='60'%20height='60'%20viewBox='0%200%2060%2060'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='60'%20height='60'%20rx='30'%20fill='%2334CE77'/%3e%3cpath%20d='M21.6583%2046.1067L11.4656%2036.0591C10.1688%2034.829%2010.1905%2032.7207%2011.4769%2031.4622L13.6868%2029.3591C14.9732%2028.1006%2017.1615%2028.1058%2018.4582%2029.3359L23.8747%2034.6197L41.9704%2015.6527C43.2568%2014.3942%2045.4291%2014.2093%2046.7258%2015.4394L48.8765%2017.3628C50.1732%2018.5929%2050.3491%2020.6844%2049.0626%2021.9429L26.6112%2045.8766C25.1433%2047.342%2022.955%2047.3368%2021.6583%2046.1067Z'%20fill='%23FCFCFC'/%3e%3c/svg%3e",O="linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0)",_e=i.div`
+import{b as he,u as xe,r as l,j as t}from"./react-BYHuwl8r.js";import{s as i,t as e,x as F,y as ue,b as n,C as h,v as ge,D as fe,Z as g,aF as me,k as U,aP as N,bO as be,ax as H,A as ie,I as we,bP as Q}from"./index-DmPTEtlr.js";import{C as ye}from"./Confetti-BJzr7oOJ.js";import{F as ke}from"./Faq-BDJ3tHRE.js";import{R as D}from"./resume-buy-Bf0zIH7y.js";import{u as ve,b as Ce,R as $e,c as je,i as Se,d as Pe}from"./useCreditPacks-4hcmsM5F.js";import"./dcl-schemas-CmtP3U6y.js";import"./sentry-Dx-KuLV3.js";import"./ethers-BDpbhgX6.js";import"./intl-CBcMB1D2.js";const P="https://cdn.decentraland.org/@dcl/shop/1.3.1-31191774447.commit-6e7d6f7/_assets/pack-coins-BDh1ZDbh.webp",re="https://cdn.decentraland.org/@dcl/shop/1.3.1-31191774447.commit-6e7d6f7/_assets/pack-stacks-D-V2jSHW.webp",ne="https://cdn.decentraland.org/@dcl/shop/1.3.1-31191774447.commit-6e7d6f7/_assets/pack-chest-BX_j84xW.webp",Ae="https://cdn.decentraland.org/@dcl/shop/1.3.1-31191774447.commit-6e7d6f7/_assets/credit-coin-CmcTCd5i.webp",O="data:image/svg+xml,%3csvg%20width='60'%20height='60'%20viewBox='0%200%2060%2060'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='60'%20height='60'%20rx='30'%20fill='%2334CE77'/%3e%3cpath%20d='M21.6583%2046.1067L11.4656%2036.0591C10.1688%2034.829%2010.1905%2032.7207%2011.4769%2031.4622L13.6868%2029.3591C14.9732%2028.1006%2017.1615%2028.1058%2018.4582%2029.3359L23.8747%2034.6197L41.9704%2015.6527C43.2568%2014.3942%2045.4291%2014.2093%2046.7258%2015.4394L48.8765%2017.3628C50.1732%2018.5929%2050.3491%2020.6844%2049.0626%2021.9429L26.6112%2045.8766C25.1433%2047.342%2022.955%2047.3368%2021.6583%2046.1067Z'%20fill='%23FCFCFC'/%3e%3c/svg%3e",K="linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0)",Te=i.div`
   display: flex;
   flex-direction: column;
   gap: 24px;
-`,ze=i.section`
+`,Re=i.section`
   position: relative;
   isolation: isolate;
   display: flex;
@@ -34,12 +34,12 @@ import{b as ue,u as xe,r as l,j as t}from"./react-BYHuwl8r.js";import{s as i,t a
       top: -16px;
     }
   }
-`,Be=i.div`
+`,ze=i.div`
   position: relative;
   width: 100%;
   display: flex;
   justify-content: center;
-`,Fe=i.div`
+`,_e=i.div`
   width: 100%;
   max-width: 1478px;
   margin: 0 auto;
@@ -55,7 +55,7 @@ import{b as ue,u as xe,r as l,j as t}from"./react-BYHuwl8r.js";import{s as i,t a
   ${e.media.maxWidth("mobile")} {
     margin-top: 8px;
   }
-`,qe=i.div`
+`,Be=i.div`
   width: 100%;
   max-width: 1478px;
   display: flex;
@@ -67,7 +67,7 @@ import{b as ue,u as xe,r as l,j as t}from"./react-BYHuwl8r.js";import{s as i,t a
   ${e.media.maxWidth("lg")} {
     gap: 32px;
   }
-`,Ee=i.header`
+`,Fe=i.header`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -78,7 +78,7 @@ import{b as ue,u as xe,r as l,j as t}from"./react-BYHuwl8r.js";import{s as i,t a
   ${e.media.maxWidth("mobile")} {
     gap: 12px;
   }
-`,Ie=i.h1`
+`,qe=i.h1`
   margin: 0;
   font-family: ${e.font.sans};
   font-size: 40px;
@@ -89,13 +89,13 @@ import{b as ue,u as xe,r as l,j as t}from"./react-BYHuwl8r.js";import{s as i,t a
   ${e.media.maxWidth("mobile")} {
     font-size: 32px;
   }
-`,We=i.div`
+`,Ee=i.div`
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: center;
   gap: 8px;
-`,Le=i.p`
+`,Ie=i.p`
   margin: 0;
   font-family: ${e.font.sans};
   font-size: 24px;
@@ -106,7 +106,7 @@ import{b as ue,u as xe,r as l,j as t}from"./react-BYHuwl8r.js";import{s as i,t a
   ${e.media.maxWidth("mobile")} {
     font-size: 16px;
   }
-`,Me=i.button`
+`,We=i.button`
   appearance: none;
   padding: 0;
   border: none;
@@ -140,7 +140,7 @@ import{b as ue,u as xe,r as l,j as t}from"./react-BYHuwl8r.js";import{s as i,t a
       height: 18px;
     }
   }
-`,Ge=i.p`
+`,Le=i.p`
   margin: 0;
   padding: 10px 16px;
   border-radius: ${e.radius.btn};
@@ -150,7 +150,7 @@ import{b as ue,u as xe,r as l,j as t}from"./react-BYHuwl8r.js";import{s as i,t a
   line-height: 1.6;
   color: ${e.colors.media};
   text-align: center;
-`,K=i.div`
+`,Y=i.div`
   display: grid;
   grid-template-columns: repeat(4, minmax(0, 1fr));
   gap: 24px;
@@ -166,7 +166,7 @@ import{b as ue,u as xe,r as l,j as t}from"./react-BYHuwl8r.js";import{s as i,t a
     gap: 12px;
     row-gap: 24px;
   }
-`,Y=i.button`
+`,V=i.button`
   position: relative;
   display: flex;
   flex-direction: column;
@@ -205,9 +205,9 @@ import{b as ue,u as xe,r as l,j as t}from"./react-BYHuwl8r.js";import{s as i,t a
     inset: 0;
     border-radius: inherit;
     pointer-events: none;
-    -webkit-mask: ${O};
+    -webkit-mask: ${K};
     -webkit-mask-composite: xor;
-    mask: ${O};
+    mask: ${K};
     mask-composite: exclude;
     transition: opacity 0.15s ease;
   }
@@ -266,7 +266,7 @@ import{b as ue,u as xe,r as l,j as t}from"./react-BYHuwl8r.js";import{s as i,t a
     padding: 8px;
     border-radius: 16px;
   }
-`,Ue=i.span`
+`,Ge=i.span`
   position: absolute;
   top: -18px;
   left: 50%;
@@ -303,7 +303,7 @@ import{b as ue,u as xe,r as l,j as t}from"./react-BYHuwl8r.js";import{s as i,t a
       height: 18px;
     }
   }
-`,V=i.span`
+`,X=i.span`
   align-self: stretch;
   display: flex;
   flex-direction: column;
@@ -314,13 +314,13 @@ import{b as ue,u as xe,r as l,j as t}from"./react-BYHuwl8r.js";import{s as i,t a
   ${e.media.maxWidth("mobile")} {
     padding-top: 24px;
   }
-`,X=i.span`
+`,Z=i.span`
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 12px;
   width: 100%;
-`,Ne=i.span`
+`,Me=i.span`
   display: flex;
   align-items: center;
   gap: 8px;
@@ -337,7 +337,7 @@ import{b as ue,u as xe,r as l,j as t}from"./react-BYHuwl8r.js";import{s as i,t a
       height: 24.81px;
     }
   }
-`,Qe=i.span`
+`,Ue=i.span`
   font-family: ${e.font.sans};
   font-size: 40px;
   font-weight: 800;
@@ -348,7 +348,7 @@ import{b as ue,u as xe,r as l,j as t}from"./react-BYHuwl8r.js";import{s as i,t a
     font-size: 32px;
     line-height: 24px;
   }
-`,De=i.span`
+`,Ne=i.span`
   font-family: ${e.font.sans};
   font-size: 20px;
   font-weight: 500;
@@ -389,7 +389,7 @@ import{b as ue,u as xe,r as l,j as t}from"./react-BYHuwl8r.js";import{s as i,t a
       transform: none;
     }
   }
-`,Oe=i.span`
+`,Qe=i.span`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -434,11 +434,11 @@ import{b as ue,u as xe,r as l,j as t}from"./react-BYHuwl8r.js";import{s as i,t a
     font-size: 16px;
     font-weight: 800;
   }
-`,Ke=F`
+`,De=F`
   to {
     background-position: -200% 0;
   }
-`,P=i.span`
+`,A=i.span`
   display: block;
   background: linear-gradient(
     100deg,
@@ -447,12 +447,12 @@ import{b as ue,u as xe,r as l,j as t}from"./react-BYHuwl8r.js";import{s as i,t a
     rgba(255, 255, 255, 0.08) 70%
   );
   background-size: 200% 100%;
-  animation: ${Ke} 1.4s infinite linear;
+  animation: ${De} 1.4s infinite linear;
 
   @media (prefers-reduced-motion: reduce) {
     animation: none;
   }
-`,Ye=i(P)`
+`,Oe=i(A)`
   width: 60%;
   height: 30px;
   border-radius: ${e.radius.chip};
@@ -460,7 +460,7 @@ import{b as ue,u as xe,r as l,j as t}from"./react-BYHuwl8r.js";import{s as i,t a
   ${e.media.maxWidth("mobile")} {
     height: 24px;
   }
-`,Ve=i(P)`
+`,Ke=i(A)`
   width: 36%;
   height: 15px;
   border-radius: ${e.radius.chip};
@@ -468,19 +468,19 @@ import{b as ue,u as xe,r as l,j as t}from"./react-BYHuwl8r.js";import{s as i,t a
   ${e.media.maxWidth("mobile")} {
     height: 12px;
   }
-`,Xe=i(P)`
+`,Ye=i(A)`
   width: 70%;
   aspect-ratio: 1;
   border-radius: 16px;
-`,Ze=i(P)`
+`,Ve=i(A)`
   width: 100%;
   height: 48px;
   border-radius: ${e.radius.card};
-`,Je=i.p`
+`;i.p`
   margin: 0;
   font-family: ${e.font.sans};
   color: ${e.colors.muted};
-`,et=i.div`
+`;const Xe=i.div`
   position: absolute;
   inset: 0;
   z-index: 1;
@@ -491,13 +491,13 @@ import{b as ue,u as xe,r as l,j as t}from"./react-BYHuwl8r.js";import{s as i,t a
   gap: 24px;
   padding: 24px;
   text-align: center;
-`,tt=i.p`
+`,Ze=i.p`
   margin: 0;
   font-family: ${e.font.sans};
   font-size: 16px;
   line-height: 1.4;
   color: rgba(255, 255, 255, 0.88);
-`,it=F`
+`,Je=F`
   0%, 100% {
     transform: scale(1);
     opacity: 1;
@@ -506,7 +506,7 @@ import{b as ue,u as xe,r as l,j as t}from"./react-BYHuwl8r.js";import{s as i,t a
     transform: scale(0.88);
     opacity: 0.7;
   }
-`,rt=i.div`
+`,et=i.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -517,20 +517,20 @@ import{b as ue,u as xe,r as l,j as t}from"./react-BYHuwl8r.js";import{s as i,t a
 `,oe=i.img`
   width: 61px;
   height: 61px;
-  animation: ${it} 1.2s ease-in-out infinite;
+  animation: ${Je} 1.2s ease-in-out infinite;
 
   @media (prefers-reduced-motion: reduce) {
     animation: none;
   }
-`,nt=i(oe)`
+`,tt=i(oe)`
   width: 72px;
   height: 72px;
-`,st=i.div`
+`,it=i.div`
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 8px;
-`,ot=i.p`
+`,rt=i.p`
   margin: 0;
   font-family: ${e.font.sans};
   font-size: 20px;
@@ -540,18 +540,18 @@ import{b as ue,u as xe,r as l,j as t}from"./react-BYHuwl8r.js";import{s as i,t a
   strong {
     font-weight: 700;
   }
-`,at=i.div`
+`,nt=i.div`
   display: flex;
   align-items: center;
   gap: 8px;
-`,dt=F`
+`,ot=F`
   0% {
     left: -40%;
   }
   100% {
     left: 100%;
   }
-`,ct=i.span`
+`,st=i.span`
   position: relative;
   width: 456px;
   max-width: 60vw;
@@ -559,7 +559,7 @@ import{b as ue,u as xe,r as l,j as t}from"./react-BYHuwl8r.js";import{s as i,t a
   border-radius: ${e.radius.pill};
   background: ${e.colors.chip};
   overflow: hidden;
-`,lt=i.span`
+`,at=i.span`
   position: absolute;
   top: 0;
   left: -40%;
@@ -567,19 +567,19 @@ import{b as ue,u as xe,r as l,j as t}from"./react-BYHuwl8r.js";import{s as i,t a
   height: 100%;
   border-radius: ${e.radius.pill};
   background: ${e.gradients.amethyst};
-  animation: ${dt} 1.4s ease-in-out infinite;
+  animation: ${ot} 1.4s ease-in-out infinite;
 
   @media (prefers-reduced-motion: reduce) {
     left: 0;
     width: 30%;
     animation: none;
   }
-`,pt=i.span`
+`,dt=i.span`
   font-family: ${e.font.sans};
   font-size: 16px;
   line-height: 22px;
   color: ${e.colors.text2};
-`,ht=i.div`
+`,ct=i.div`
   /* Its own stacking context, so the confetti layer (z-index: -1) lands BEHIND this content instead of
      escaping past it and hiding behind the page background. z-index is inert without a position, so both
      are required — same arrangement Success.styles' Root uses for the item-purchase burst. */
@@ -590,7 +590,7 @@ import{b as ue,u as xe,r as l,j as t}from"./react-BYHuwl8r.js";import{s as i,t a
   gap: 12px;
   max-width: 895px;
   margin: 0 auto;
-`,ut=i.div`
+`,lt=i.div`
   display: flex;
   align-items: center;
   gap: 16px;
@@ -603,11 +603,11 @@ import{b as ue,u as xe,r as l,j as t}from"./react-BYHuwl8r.js";import{s as i,t a
     flex-direction: column;
     text-align: center;
   }
-`,xt=i.img`
+`,pt=i.img`
   flex: none;
   width: 60px;
   height: 60px;
-`,gt=i.p`
+`,ht=i.p`
   flex: 1;
   margin: 0;
   font-family: ${e.font.sans};
@@ -619,12 +619,12 @@ import{b as ue,u as xe,r as l,j as t}from"./react-BYHuwl8r.js";import{s as i,t a
   strong {
     font-weight: 700;
   }
-`,ft=i.div`
+`,xt=i.div`
   padding: 24px;
   border-radius: 16px;
   background: ${e.colors.white};
   border: 1px solid ${e.colors.gray4};
-`,mt=i.div`
+`,ut=i.div`
   position: relative;
   display: flex;
   align-items: center;
@@ -648,7 +648,7 @@ import{b as ue,u as xe,r as l,j as t}from"./react-BYHuwl8r.js";import{s as i,t a
     gap: 10px;
     padding: 120px 16px 16px;
   }
-`,bt=i.img`
+`,gt=i.img`
   position: absolute;
   left: 35px;
   top: 50%;
@@ -662,7 +662,7 @@ import{b as ue,u as xe,r as l,j as t}from"./react-BYHuwl8r.js";import{s as i,t a
     top: 16px;
     transform: translateX(-50%);
   }
-`,wt=i.p`
+`,ft=i.p`
   display: inline-flex;
   align-items: center;
   gap: 8px;
@@ -675,14 +675,14 @@ import{b as ue,u as xe,r as l,j as t}from"./react-BYHuwl8r.js";import{s as i,t a
     height: 30px;
     color: ${e.colors.text};
   }
-`,yt=i.strong`
+`,mt=i.strong`
   font-size: 24px;
   font-weight: 700;
   text-transform: capitalize;
-`,kt=i.span`
+`,bt=i.span`
   font-size: 14px;
   font-weight: 400;
-`,vt=i.div`
+`,wt=i.div`
   display: flex;
   gap: 12px;
 
@@ -722,11 +722,23 @@ import{b as ue,u as xe,r as l,j as t}from"./react-BYHuwl8r.js";import{s as i,t a
     background: rgba(105, 31, 169, 0.06);
     filter: none;
   }
+  /* The buy gradient, same primary fill the rest of the shop's terminal CTAs carry. */
+  &[data-variant='ruby'] {
+    background: ${e.gradients.buyBtn};
+    color: ${e.colors.white};
+  }
   &:focus-visible {
     outline: 2px solid ${e.colors.accent};
     outline-offset: 2px;
   }
-`,Z=i.div`
+`,J=i.section`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  min-height: min(62vh, 620px);
+  padding: 48px 16px;
+`,yt=i.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -735,7 +747,48 @@ import{b as ue,u as xe,r as l,j as t}from"./react-BYHuwl8r.js";import{s as i,t a
   margin: 0 auto;
   padding: 48px 24px;
   text-align: center;
-`,J=i.p`
+`,kt=i.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  max-width: 895px;
+  border-radius: 16px;
+  background: ${e.colors.white};
+  overflow: hidden;
+`,vt=i.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 12px;
+  padding: 20px 24px;
+  border-bottom: 1px solid ${e.colors.gray4};
+`,Ct=i.img`
+  flex: none;
+  width: 32px;
+  height: 32px;
+`,$t=i.p`
+  margin: 0;
+  font-family: ${e.font.sans};
+  font-size: 20px;
+  font-weight: 700;
+  color: ${e.colors.text};
+`,jt=i.p`
+  margin: 0;
+  padding: 24px;
+  font-family: ${e.font.sans};
+  font-size: 16px;
+  line-height: 1.4;
+  text-align: center;
+  color: ${e.colors.text};
+`,St=i.div`
+  display: flex;
+  gap: 12px;
+  padding: 0 16px 16px;
+
+  @media (max-width: 560px) {
+    flex-direction: column;
+  }
+`,Pt=i.p`
   margin: 0;
   font-family: ${e.font.sans};
   font-size: 20px;
@@ -745,12 +798,12 @@ import{b as ue,u as xe,r as l,j as t}from"./react-BYHuwl8r.js";import{s as i,t a
   &[data-tone='error'] {
     color: ${e.colors.err};
   }
-`,ee=i.div`
+`,At=i.div`
   display: flex;
   gap: 12px;
   margin-top: 16px;
-`,Ct=i.p`
+`,Tt=i.p`
   margin: 0;
   font-family: ${e.font.sans};
   color: ${e.colors.err};
-`,C=Ae()?"mock":"stripe",te=[A,A,ne,se],$t={pack_5:A,pack_10:A,pack_25:ne,pack_50:se};function ae(d,s){return $t[d.id]??te[s%te.length]}function jt(d,s){return d.artUrl??ae(d,s)}const St=[{question:"faq.buyers.whatAreQ",answer:"faq.buyers.whatAreA"},{question:"faq.buyers.whatCanIBuyQ",answer:"faq.buyers.whatCanIBuyA"},{question:"faq.buyers.whereBuyQ",answer:"faq.buyers.whereBuyA"},{question:"faq.buyers.whereUseQ",answer:"faq.buyers.whereUseA"},{question:"faq.buyers.expireQ",answer:"faq.buyers.expireA"},{question:"faq.buyers.transferQ",answer:"faq.buyers.transferA"}];function ie(d){const s=d;if((s==null?void 0:s.name)==="AbortError")return n("getCredits.errorCanceled");const f=((s==null?void 0:s.message)??"").toLowerCase();return f.includes("sign in")?n("getCredits.errorSignIn",{currency:h.name}):f.includes("timed out")?n("getCredits.errorTimeout",{currency:h.name}):n("getCredits.errorGeneric")}function Wt(){var L;ge({title:n("nav.getCredits",{currency:h.name}),noindex:!0});const d=ue(),{session:s,signIn:f}=fe(),o=me(),[m,b]=xe(),{packs:$,isLoading:y}=Ce(),[u,p]=l.useState("select"),[c,q]=l.useState(null),[j,E]=l.useState(null),de=(j!=null?(L=$.find(r=>r.credits===j))==null?void 0:L.artUrl:void 0)??Re,[ce,k]=l.useState(null),[le,R]=l.useState(!1),T=l.useRef(null);l.useEffect(()=>()=>{var r;return(r=T.current)==null?void 0:r.abort()},[]);const I=l.useCallback(()=>{b(r=>{const a=new URLSearchParams(r);return a.delete("order"),a.delete("canceled"),a},{replace:!0})},[b]),_=l.useCallback(async r=>{p("processing");const a=new AbortController;T.current=a;try{const x=await $e(r,{signal:a.signal,address:s==null?void 0:s.address,identity:s==null?void 0:s.identity});if(x.status==="credited"){const w=x.creditsGranted??(c==null?void 0:c.credits)??0;E(w>0?w:null),p("success"),g("Shop Completed Buy Credits",{order_id:r,pack_usd:(c==null?void 0:c.usd)??null,credits:w>0?w:null,provider:C}),o.invalidateQueries({queryKey:["usd-balance"]});try{if(sessionStorage.getItem(je)){const S={resumeCheckout:!0,...w>0?{creditsAdded:w}:{}};d("/cart",{state:S});return}}catch{}try{const S=sessionStorage.getItem(H);if(S){sessionStorage.removeItem(H);const M=JSON.parse(S),G=be(M);if(G){d(G,{state:{item:M,resumeBuy:!0}});return}}}catch{}}else x.status==="pending"?(g("Shop Buy Credits Pending",{step:"grant",pack_usd:(c==null?void 0:c.usd)??null}),o.invalidateQueries({queryKey:["usd-balance"]}),p("pending")):(g("Shop Buy Credits Failed",{step:"grant",error_code:"grant_failed",pack_usd:(c==null?void 0:c.usd)??null}),k(x.error??n("getCredits.errorGrant",{currency:h.name})),p("error"))}catch(x){U(x,{flow:"get_credits",step:"grant",order_id:r}),g("Shop Buy Credits Failed",{step:"grant",error_code:N(x),pack_usd:(c==null?void 0:c.usd)??null}),k(ie(x)),p("error")}},[c,s,o,d]),pe=l.useCallback(async r=>{if(!s){f();return}k(null),R(!1),q(r),p(C==="mock"?"processing":"redirecting"),g("Shop Started Buy Credits",{pack_usd:r.usd,credits:r.credits,provider:C});try{const a=await Se(r.id,{address:s.address,identity:s.identity});if(a.mock)_(a.orderId);else if(a.url)g("Shop Redirected To Stripe",{order_id:a.orderId,pack_usd:r.usd,credits:r.credits}),window.location.href=a.url;else throw new Error("Checkout did not return a redirect url")}catch(a){U(a,{flow:"get_credits",step:"checkout",provider:C}),g("Shop Buy Credits Failed",{step:"checkout",error_code:N(a),pack_usd:r.usd}),k(ie(a)),p("error")}},[s,f,_]),z=l.useRef(!1),W=l.useRef(null);l.useEffect(()=>{if(z.current)return;const r=m.get("order");if(m.get("canceled")!=null){z.current=!0,g("Shop Buy Credits Cancelled",{order_id:r,provider:C}),r&&s&&we(r,s.identity),I(),R(!0),p("select");return}r&&(p("processing"),s&&(z.current=!0,I(),_(r)))},[m,s]);function B(){var r;(r=T.current)==null||r.abort(),p("select"),q(null),E(null),k(null),R(!1)}function he(){const r=W.current;if(!r)return;const a=window.matchMedia("(prefers-reduced-motion: reduce)").matches;r.scrollIntoView({behavior:a?"auto":"smooth",block:"center"}),r.focus({preventScroll:!0})}return t.jsxs(_e,{children:[(u==="select"||u==="redirecting")&&t.jsxs(t.Fragment,{children:[t.jsx(ze,{"data-testid":"credits-hero",children:t.jsxs(Be,{children:[t.jsxs(qe,{$hidden:u==="redirecting",children:[t.jsxs(Ee,{children:[t.jsx(Ie,{children:n("getCredits.title")}),t.jsxs(We,{children:[t.jsx(Le,{children:n("getCredits.subtitle")}),t.jsx(Me,{type:"button",onClick:he,"data-testid":"credits-learn-more",children:n("getCredits.learnMore")})]})]}),le&&t.jsx(Ge,{role:"status",children:n("getCredits.canceledNote")}),t.jsx(At,{packs:$,loading:y,onSelect:r=>void pe(r)})]}),u==="redirecting"&&t.jsxs(et,{role:"status","aria-live":"polite",children:[t.jsx(nt,{src:Q,alt:"",width:72,height:72}),t.jsx(tt,{children:n("getCredits.redirecting")})]})]})}),t.jsx(Fe,{ref:W,tabIndex:-1,"data-testid":"credits-faq",children:t.jsx(ve,{title:"faq.title",entries:St,tone:"on-dark"})})]}),u==="processing"&&t.jsxs(rt,{role:"status","aria-live":"polite",children:[t.jsx(oe,{src:Q,alt:"",width:61,height:61}),t.jsxs(st,{children:[t.jsxs(ot,{children:[t.jsx("strong",{children:n("getCredits.processing")}),"…"]}),t.jsxs(at,{"aria-hidden":!0,children:[t.jsx(ct,{children:t.jsx(lt,{})}),t.jsx(pt,{children:"1/1"})]})]})]}),u==="success"&&t.jsxs(ht,{role:"status","aria-live":"polite",children:[t.jsx(ke,{}),t.jsxs(ut,{children:[t.jsx(xt,{src:Te,alt:"",width:60,height:60}),t.jsxs(gt,{children:[t.jsx("strong",{children:n("getCredits.successTitle")})," ",n("getCredits.successBody",{currency:h.name})]})]}),j!=null&&t.jsx(ft,{children:t.jsxs(mt,{children:[t.jsx(bt,{src:de,alt:"",width:93,height:93}),t.jsxs(wt,{children:[t.jsx(re,{}),t.jsxs("span",{children:[t.jsx(yt,{children:n("getCredits.creditsAmount",{credits:j,currency:h.name})})," ",t.jsx(kt,{children:n("getCredits.creditsAdded")})]})]})]})}),t.jsxs(vt,{children:[t.jsx(v,{"data-variant":"outline",onClick:B,children:n("getCredits.buyMore",{currency:h.name})}),t.jsx(v,{onClick:()=>d("/items"),children:n("getCredits.startShopping")})]})]}),u==="pending"&&t.jsxs(Z,{role:"status","aria-live":"polite",children:[t.jsx(J,{children:n("getCredits.pendingTitle",{currency:h.name})}),t.jsx(Je,{children:n("getCredits.pendingBody")}),t.jsxs(ee,{children:[t.jsx(v,{onClick:()=>d("/items"),children:n("getCredits.startShopping")}),t.jsx(v,{"data-variant":"outline",onClick:B,children:n("getCredits.done")})]})]}),u==="error"&&t.jsxs(Z,{role:"alert",children:[t.jsx(J,{"data-tone":"error",children:n("getCredits.errorTitle")}),t.jsx(Ct,{children:ce}),t.jsx(ee,{children:t.jsx(v,{onClick:B,children:n("getCredits.tryAgain")})})]})]})}function At({packs:d,loading:s,onSelect:f}){return s?t.jsx(K,{"aria-busy":"true","aria-label":n("getCredits.packsLoading",{currency:h.name}),children:[0,1,2,3].map(o=>t.jsxs(Y,{as:"div","data-skeleton":"true","data-testid":"pack-skeleton","aria-hidden":!0,children:[t.jsxs(V,{children:[t.jsxs(X,{children:[t.jsx(Ye,{}),t.jsx(Ve,{})]}),t.jsx(Xe,{})]}),t.jsx(Ze,{})]},o))}):t.jsx(K,{children:d.map((o,m)=>{const b=Pe(o,d);return t.jsxs(Y,{type:"button","data-testid":"pack","data-best":o.bestValue?"true":void 0,onClick:()=>f(o),"aria-label":b?n("getCredits.packAriaBonus",{amount:D(o.credits),usd:o.usd,bonus:b.bonus,baseline:b.baseline}):n("getCredits.packAria",{amount:D(o.credits),usd:o.usd}),children:[o.bestValue&&t.jsxs(Ue,{children:[t.jsx(ye,{name:"star-rounded"}),n("getCredits.packBadge")]}),t.jsxs(V,{children:[t.jsxs(X,{children:[t.jsxs(Ne,{children:[t.jsx(re,{}),t.jsx(Qe,{children:o.credits})]}),t.jsx(De,{children:n("getCredits.packUnit",{currency:h.name})})]}),t.jsx(He,{children:t.jsx("img",{src:jt(o,m),alt:"",loading:"lazy",width:507,height:507,onError:$=>{const y=$.currentTarget;y.dataset.artFallback||(y.dataset.artFallback="done",y.src=ae(o,m))}})})]}),t.jsxs(Oe,{children:["$",o.usd.toFixed(2)]})]},o.id)})})}export{Wt as GetCredits,Wt as default};
+`,C=Se()?"mock":"stripe",ee=[P,P,re,ne],Rt={pack_5:P,pack_10:P,pack_25:re,pack_50:ne};function se(d,o){return Rt[d.id]??ee[o%ee.length]}function zt(d,o){return d.artUrl??se(d,o)}const _t=[{question:"faq.buyers.whatAreQ",answer:"faq.buyers.whatAreA"},{question:"faq.buyers.whatCanIBuyQ",answer:"faq.buyers.whatCanIBuyA"},{question:"faq.buyers.whereBuyQ",answer:"faq.buyers.whereBuyA"},{question:"faq.buyers.whereUseQ",answer:"faq.buyers.whereUseA"},{question:"faq.buyers.expireQ",answer:"faq.buyers.expireA"},{question:"faq.buyers.transferQ",answer:"faq.buyers.transferA"}];function te(d){const o=d;if((o==null?void 0:o.name)==="AbortError")return n("getCredits.errorCanceled");const f=((o==null?void 0:o.message)??"").toLowerCase();return f.includes("sign in")?n("getCredits.errorSignIn",{currency:h.name}):f.includes("timed out")?n("getCredits.errorTimeout",{currency:h.name}):n("getCredits.errorGeneric")}function Ht(){var L;ue({title:n("nav.getCredits",{currency:h.name}),noindex:!0});const d=he(),{session:o,signIn:f}=ge(),s=fe(),[m,b]=xe(),{packs:$,isLoading:y}=ve(),[x,p]=l.useState("select"),[c,q]=l.useState(null),[j,E]=l.useState(null),ae=(j!=null?(L=$.find(r=>r.credits===j))==null?void 0:L.artUrl:void 0)??Ae,[de,k]=l.useState(null),[ce,T]=l.useState(!1),R=l.useRef(null);l.useEffect(()=>()=>{var r;return(r=R.current)==null?void 0:r.abort()},[]);const I=l.useCallback(()=>{b(r=>{const a=new URLSearchParams(r);return a.delete("order"),a.delete("canceled"),a},{replace:!0})},[b]),z=l.useCallback(async r=>{p("processing");const a=new AbortController;R.current=a;try{const u=await Ce(r,{signal:a.signal,address:o==null?void 0:o.address,identity:o==null?void 0:o.identity});if(u.status==="credited"){const w=u.creditsGranted??(c==null?void 0:c.credits)??0;E(w>0?w:null),p("success"),g("Shop Completed Buy Credits",{order_id:r,pack_usd:(c==null?void 0:c.usd)??null,credits:w>0?w:null,provider:C}),s.invalidateQueries({queryKey:["usd-balance"]});try{if(sessionStorage.getItem($e)){const S={resumeCheckout:!0,...w>0?{creditsAdded:w}:{}};d("/cart",{state:S});return}}catch{}try{const S=sessionStorage.getItem(D);if(S){sessionStorage.removeItem(D);const G=JSON.parse(S),M=me(G);if(M){d(M,{state:{item:G,resumeBuy:!0}});return}}}catch{}}else u.status==="pending"?(g("Shop Buy Credits Pending",{step:"grant",pack_usd:(c==null?void 0:c.usd)??null}),s.invalidateQueries({queryKey:["usd-balance"]}),p("pending")):(g("Shop Buy Credits Failed",{step:"grant",error_code:"grant_failed",pack_usd:(c==null?void 0:c.usd)??null}),k(u.error??n("getCredits.errorGrant",{currency:h.name})),p("error"))}catch(u){U(u,{flow:"get_credits",step:"grant",order_id:r}),g("Shop Buy Credits Failed",{step:"grant",error_code:N(u),pack_usd:(c==null?void 0:c.usd)??null}),k(te(u)),p("error")}},[c,o,s,d]),le=l.useCallback(async r=>{if(!o){f();return}k(null),T(!1),q(r),p(C==="mock"?"processing":"redirecting"),g("Shop Started Buy Credits",{pack_usd:r.usd,credits:r.credits,provider:C});try{const a=await je(r.id,{address:o.address,identity:o.identity});if(a.mock)z(a.orderId);else if(a.url)g("Shop Redirected To Stripe",{order_id:a.orderId,pack_usd:r.usd,credits:r.credits}),window.location.href=a.url;else throw new Error("Checkout did not return a redirect url")}catch(a){U(a,{flow:"get_credits",step:"checkout",provider:C}),g("Shop Buy Credits Failed",{step:"checkout",error_code:N(a),pack_usd:r.usd}),k(te(a)),p("error")}},[o,f,z]),_=l.useRef(!1),W=l.useRef(null);l.useEffect(()=>{if(_.current)return;const r=m.get("order");if(m.get("canceled")!=null){_.current=!0,g("Shop Buy Credits Cancelled",{order_id:r,provider:C}),r&&o&&be(r,o.identity),I(),T(!0),p("select");return}r&&(p("processing"),o&&(_.current=!0,I(),z(r)))},[m,o]);function B(){var r;(r=R.current)==null||r.abort(),p("select"),q(null),E(null),k(null),T(!1)}function pe(){const r=W.current;if(!r)return;const a=window.matchMedia("(prefers-reduced-motion: reduce)").matches;r.scrollIntoView({behavior:a?"auto":"smooth",block:"center"}),r.focus({preventScroll:!0})}return t.jsxs(Te,{children:[(x==="select"||x==="redirecting")&&t.jsxs(t.Fragment,{children:[t.jsx(Re,{"data-testid":"credits-hero",children:t.jsxs(ze,{children:[t.jsxs(Be,{$hidden:x==="redirecting",children:[t.jsxs(Fe,{children:[t.jsx(qe,{children:n("getCredits.title")}),t.jsxs(Ee,{children:[t.jsx(Ie,{children:n("getCredits.subtitle")}),t.jsx(We,{type:"button",onClick:pe,"data-testid":"credits-learn-more",children:n("getCredits.learnMore")})]})]}),ce&&t.jsx(Le,{role:"status",children:n("getCredits.canceledNote")}),t.jsx(Bt,{packs:$,loading:y,onSelect:r=>void le(r)})]}),x==="redirecting"&&t.jsxs(Xe,{role:"status","aria-live":"polite",children:[t.jsx(tt,{src:H,alt:"",width:72,height:72}),t.jsx(Ze,{children:n("getCredits.redirecting")})]})]})}),t.jsx(_e,{ref:W,tabIndex:-1,"data-testid":"credits-faq",children:t.jsx(ke,{title:"faq.title",entries:_t,tone:"on-dark"})})]}),x==="processing"&&t.jsxs(et,{role:"status","aria-live":"polite",children:[t.jsx(oe,{src:H,alt:"",width:61,height:61}),t.jsxs(it,{children:[t.jsxs(rt,{children:[t.jsx("strong",{children:n("getCredits.processing")}),"…"]}),t.jsxs(nt,{"aria-hidden":!0,children:[t.jsx(st,{children:t.jsx(at,{})}),t.jsx(dt,{children:"1/1"})]})]})]}),x==="success"&&t.jsx(J,{children:t.jsxs(ct,{role:"status","aria-live":"polite",children:[t.jsx(ye,{}),t.jsxs(lt,{children:[t.jsx(pt,{src:O,alt:"",width:60,height:60}),t.jsxs(ht,{children:[t.jsx("strong",{children:n("getCredits.successTitle")})," ",n("getCredits.successBody",{currency:h.name})]})]}),j!=null&&t.jsx(xt,{children:t.jsxs(ut,{children:[t.jsx(gt,{src:ae,alt:"",width:93,height:93}),t.jsxs(ft,{children:[t.jsx(ie,{}),t.jsxs("span",{children:[t.jsx(mt,{children:n("getCredits.creditsAmount",{credits:j,currency:h.name})})," ",t.jsx(bt,{children:n("getCredits.creditsAdded")})]})]})]})}),t.jsxs(wt,{children:[t.jsx(v,{"data-variant":"outline",onClick:B,children:n("getCredits.buyMore",{currency:h.name})}),t.jsx(v,{onClick:()=>d("/items"),children:n("getCredits.startShopping")})]})]})}),x==="pending"&&t.jsx(J,{children:t.jsxs(kt,{role:"status","aria-live":"polite","data-testid":"credits-pending",children:[t.jsxs(vt,{children:[t.jsx(Ct,{src:O,alt:"",width:32,height:32}),t.jsx($t,{children:n("getCredits.pendingTitle",{currency:h.name})})]}),t.jsx(jt,{children:n("getCredits.pendingBody")}),t.jsxs(St,{children:[t.jsx(v,{"data-variant":"outline",onClick:()=>d("/items"),children:n("getCredits.goShopping")}),t.jsx(v,{"data-variant":"ruby",onClick:B,children:n("getCredits.gotIt")})]})]})}),x==="error"&&t.jsxs(yt,{role:"alert",children:[t.jsx(Pt,{"data-tone":"error",children:n("getCredits.errorTitle")}),t.jsx(Tt,{children:de}),t.jsx(At,{children:t.jsx(v,{onClick:B,children:n("getCredits.tryAgain")})})]})]})}function Bt({packs:d,loading:o,onSelect:f}){return o?t.jsx(Y,{"aria-busy":"true","aria-label":n("getCredits.packsLoading",{currency:h.name}),children:[0,1,2,3].map(s=>t.jsxs(V,{as:"div","data-skeleton":"true","data-testid":"pack-skeleton","aria-hidden":!0,children:[t.jsxs(X,{children:[t.jsxs(Z,{children:[t.jsx(Oe,{}),t.jsx(Ke,{})]}),t.jsx(Ye,{})]}),t.jsx(Ve,{})]},s))}):t.jsx(Y,{children:d.map((s,m)=>{const b=Pe(s,d);return t.jsxs(V,{type:"button","data-testid":"pack","data-best":s.bestValue?"true":void 0,onClick:()=>f(s),"aria-label":b?n("getCredits.packAriaBonus",{amount:Q(s.credits),usd:s.usd,bonus:b.bonus,baseline:b.baseline}):n("getCredits.packAria",{amount:Q(s.credits),usd:s.usd}),children:[s.bestValue&&t.jsxs(Ge,{children:[t.jsx(we,{name:"star-rounded"}),n("getCredits.packBadge")]}),t.jsxs(X,{children:[t.jsxs(Z,{children:[t.jsxs(Me,{children:[t.jsx(ie,{}),t.jsx(Ue,{children:s.credits})]}),t.jsx(Ne,{children:n("getCredits.packUnit",{currency:h.name})})]}),t.jsx(He,{children:t.jsx("img",{src:zt(s,m),alt:"",loading:"lazy",width:507,height:507,onError:$=>{const y=$.currentTarget;y.dataset.artFallback||(y.dataset.artFallback="done",y.src=se(s,m))}})})]}),t.jsxs(Qe,{children:["$",s.usd.toFixed(2)]})]},s.id)})})}export{Ht as GetCredits,Ht as default};