@dcl/shop 1.0.2-31061952187.commit-8d8b09e → 1.0.2-31075138109.commit-b4b8f60

package/_assets/{CollectionCarousel-B9HmGuVb.js → CollectionCarousel-DZxVlfxf.js}

@@ -1,10 +1,10 @@
-import{j as t,r as v}from"./react-BYHuwl8r.js";import{s as e,t as r,b as m,z as j,L as C,b$ as M,C as Z,w as J,I as X,F as Y,g as W,h as I,f as G,ar as _,a9 as ee,co as F,aq as te}from"./index-CKUuopSw.js";import{s as ne,f as q,A as D,g as L,r as ae,m as ie,i as oe,j as se}from"./authorizations-B3AvOvOm.js";import{i as re}from"./errors-DZ_QWsza.js";import{E as de}from"./ErrorNotice-OUNK486K.js";import{l as ce,m as le,n as pe}from"./buy-BHkfYJLe.js";import{s as he,M as ue,E as xe}from"./sendMetaTransaction-Bp3kwdLJ.js";import{I as ge,C as fe}from"./ethers-BDpbhgX6.js";const P="shop:resume_after_signin",me=900*1e3;function dt(a){try{sessionStorage.setItem(P,JSON.stringify({...a,at:Date.now()}))}catch{}}function ct(a){let n;try{n=sessionStorage.getItem(P)}catch{return null}if(!n)return null;try{sessionStorage.removeItem(P)}catch{}let i;try{i=JSON.parse(n)}catch{return null}return!i||i.type!==a||typeof i.at!="number"||Date.now()-i.at>me?null:i.type==="cart-checkout"?{type:"cart-checkout"}:{type:"item-buy",path:i.path}}function be(a,n){return(a+n-1n)/n}function we(a,n,i){return a<=0||n<=0?0n:a>=n?i:be(i*BigInt(a),BigInt(n))}function lt(a){var b,h,y;const n=Number.isFinite(a.priceCents)?Math.max(0,Math.trunc(a.priceCents)):0,i=Number.isFinite(a.balanceCents)?Math.max(0,Math.trunc(a.balanceCents)):0,o=a.priceManaWei>0n?a.priceManaWei:0n,l=a.manaBalanceWei>0n?a.manaBalanceWei:0n;if(n<=0)return{options:[],preferred:null,manaShortfall:null};const d=[];if(i>=n&&d.push({method:"credits",creditsCents:n,manaWei:0n}),o>0n&&i>0&&i<n){const c=n-i,w=we(c,n,o);l>=w&&d.push({method:"combined",creditsCents:i,manaWei:w})}o>0n&&l>=o&&d.push({method:"mana",creditsCents:0,manaWei:o});const p=((b=d.find(c=>c.method==="credits"))==null?void 0:b.method)??((h=d.find(c=>c.method==="combined"))==null?void 0:h.method)??((y=d.find(c=>c.method==="mana"))==null?void 0:y.method)??null,g=!d.some(c=>c.method==="mana"||c.method==="combined")&&o>0n&&l>0n?{manaWei:l,manaCents:ye(l,n,o),priceCents:n}:null;return{options:d,preferred:p,manaShortfall:g}}function ye(a,n,i){return Number(a*BigInt(n)/i)}function pt(a,n){let i=Number.isFinite(n)?Math.max(0,Math.trunc(n)):0;return a.map(o=>{const l=Number.isFinite(o)?Math.max(0,Math.trunc(o)):0,d=Math.min(l,i);return i-=d,d})}function A(a){return Number.isFinite(a)?Math.max(0,a)/10:0}function ht(a,n){return a.options.find(i=>i.method===n)??null}function ut(a,n){if(!Number.isFinite(a)||a<=0||n<=0n)return null;const i=a/10;return Number(n)/1e18/i}const B="data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Group%201'%3e%3cpath%20id='Vector'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M12%202L22%2012L12%2022L2%2012L12%202ZM12%204.8L19.2%2012L12%2019.2L4.8%2012L12%204.8ZM12%2015.6C12.9548%2015.6001%2013.8705%2015.2209%2014.5457%2014.5459C15.2209%2013.8708%2015.6003%2012.9552%2015.6004%2012.0004C15.6005%2011.0456%2015.2213%2010.1299%2014.5463%209.45471C13.8712%208.7795%2012.9556%208.40011%2012.0008%208.4C11.0461%208.4%2010.1304%208.77928%209.45525%209.45442C8.78012%2010.1295%208.40083%2011.0452%208.40083%2012C8.40083%2012.9548%208.78012%2013.8705%209.45525%2014.5456C10.1304%2015.2207%2011.0461%2015.6%2012.0008%2015.6H12Z'%20fill='white'/%3e%3cg%20id='Rectangle%201'%3e%3c/g%3e%3c/g%3e%3c/svg%3e",ve=e.div`
+import{j as t,r as v}from"./react-BYHuwl8r.js";import{s as e,t as r,b as m,z as j,L as C,b_ as M,C as Z,w as J,I as D,F as Y,g as W,h as I,f as G,ar as _,a9 as ee,cn as q,aq as te}from"./index-H0_FOTS1.js";import{s as ae,i as K,A as H,g as O,r as ne,m as ie,k as oe,l as re}from"./authorizations-CAdQPCMI.js";import{i as se}from"./errors-BUHoc-y5.js";import{E as de}from"./ErrorNotice-CCUuPON0.js";import{l as ce,m as le,n as pe}from"./buy-p0P2Zs7_.js";import{s as he,M as ue,E as xe}from"./sendMetaTransaction-CnhA6a-k.js";import{I as ge,C as fe}from"./ethers-BDpbhgX6.js";const P="shop:resume_after_signin",me=900*1e3;function dt(n){try{sessionStorage.setItem(P,JSON.stringify({...n,at:Date.now()}))}catch{}}function ct(n){let a;try{a=sessionStorage.getItem(P)}catch{return null}if(!a)return null;try{sessionStorage.removeItem(P)}catch{}let i;try{i=JSON.parse(a)}catch{return null}return!i||i.type!==n||typeof i.at!="number"||Date.now()-i.at>me?null:i.type==="cart-checkout"?{type:"cart-checkout"}:{type:"item-buy",path:i.path}}function be(n,a){return(n+a-1n)/a}function we(n,a,i){return n<=0||a<=0?0n:n>=a?i:be(i*BigInt(n),BigInt(a))}function lt(n){var b,h,y;const a=Number.isFinite(n.priceCents)?Math.max(0,Math.trunc(n.priceCents)):0,i=Number.isFinite(n.balanceCents)?Math.max(0,Math.trunc(n.balanceCents)):0,s=n.priceManaWei>0n?n.priceManaWei:0n,l=n.manaBalanceWei>0n?n.manaBalanceWei:0n;if(a<=0)return{options:[],preferred:null,manaShortfall:null};const d=[];if(i>=a&&d.push({method:"credits",creditsCents:a,manaWei:0n}),s>0n&&i>0&&i<a){const c=a-i,w=we(c,a,s);l>=w&&d.push({method:"combined",creditsCents:i,manaWei:w})}s>0n&&l>=s&&d.push({method:"mana",creditsCents:0,manaWei:s});const p=((b=d.find(c=>c.method==="credits"))==null?void 0:b.method)??((h=d.find(c=>c.method==="combined"))==null?void 0:h.method)??((y=d.find(c=>c.method==="mana"))==null?void 0:y.method)??null,g=!d.some(c=>c.method==="mana"||c.method==="combined")&&s>0n&&l>0n?{manaWei:l,manaCents:ye(l,a,s),priceCents:a}:null;return{options:d,preferred:p,manaShortfall:g}}function ye(n,a,i){return Number(n*BigInt(a)/i)}function pt(n,a){let i=Number.isFinite(a)?Math.max(0,Math.trunc(a)):0;return n.map(s=>{const l=Number.isFinite(s)?Math.max(0,Math.trunc(s)):0,d=Math.min(l,i);return i-=d,d})}function A(n){return Number.isFinite(n)?Math.max(0,n)/10:0}function ht(n,a){return n.options.find(i=>i.method===a)??null}function ut(n,a){if(!Number.isFinite(n)||n<=0||a<=0n)return null;const i=n/10;return Number(a)/1e18/i}const B="data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Group%201'%3e%3cpath%20id='Vector'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M12%202L22%2012L12%2022L2%2012L12%202ZM12%204.8L19.2%2012L12%2019.2L4.8%2012L12%204.8ZM12%2015.6C12.9548%2015.6001%2013.8705%2015.2209%2014.5457%2014.5459C15.2209%2013.8708%2015.6003%2012.9552%2015.6004%2012.0004C15.6005%2011.0456%2015.2213%2010.1299%2014.5463%209.45471C13.8712%208.7795%2012.9556%208.40011%2012.0008%208.4C11.0461%208.4%2010.1304%208.77928%209.45525%209.45442C8.78012%2010.1295%208.40083%2011.0452%208.40083%2012C8.40083%2012.9548%208.78012%2013.8705%209.45525%2014.5456C10.1304%2015.2207%2011.0461%2015.6%2012.0008%2015.6H12Z'%20fill='white'/%3e%3cg%20id='Rectangle%201'%3e%3c/g%3e%3c/g%3e%3c/svg%3e",ve=e.div`
   display: flex;
   flex-direction: column;
   gap: 12px;
   align-items: stretch;
   width: 100%;
-`,K=`
+`,Q=`
   width: 100%;
   min-height: 56px;
   display: flex;
@@ -35,15 +35,15 @@ import{j as t,r as v}from"./react-BYHuwl8r.js";import{s as e,t as r,b as m,z as
     opacity: 0.6;
     cursor: default;
   }
-`,O=e.button`
-  ${K}
+`,R=e.button`
+  ${Q}
   background: ${r.gradients.buyBtn};
 
   &:hover:not(:disabled) {
     filter: brightness(1.08);
   }
-`,N=e.button`
-  ${K}
+`,E=e.button`
+  ${Q}
   background: ${r.colors.text2};
 
   &:hover:not(:disabled) {
@@ -66,7 +66,7 @@ import{j as t,r as v}from"./react-BYHuwl8r.js";import{s as e,t as r,b as m,z as
     height: 24px;
     background: ${r.colors.softWhite};
   }
-`,E=e.span`
+`,N=e.span`
   position: relative;
   display: block;
   width: 30px;
@@ -109,7 +109,7 @@ import{j as t,r as v}from"./react-BYHuwl8r.js";import{s as e,t as r,b as m,z as
   line-height: 1.4;
   color: ${r.colors.muted};
   text-align: center;
-`;function xt({options:a,totalCents:n,onPay:i,busy:o=!1,rateNote:l,creditsLabel:d,shortfall:p,showCreditsAmount:x=!0,creditsFallback:g=null}){const b=a.some(h=>h.method==="credits");return t.jsxs(ve,{children:[!b&&g?t.jsx(O,{type:"button","data-testid":"pay-with-credits-topup",onClick:g.onClick,disabled:o,children:t.jsx("span",{children:g.label})}):null,a.map(h=>h.method==="credits"?t.jsxs(O,{type:"button","data-testid":"pay-with-credits",onClick:()=>i("credits"),disabled:o,children:[t.jsx("span",{children:d??m("buyModal.buy")}),x?t.jsxs(z,{children:[t.jsx(j,{}),t.jsx("span",{children:C(A(h.creditsCents))})]}):null]},"credits"):h.method==="mana"?t.jsxs(N,{type:"button","data-testid":"pay-with-mana",onClick:()=>i("mana"),disabled:o,children:[t.jsx("span",{children:m("buyModal.buyWithMana")}),t.jsxs(z,{children:[t.jsx(E,{children:t.jsx("img",{src:B,alt:"","aria-hidden":!0})}),t.jsx("span",{children:M(h.manaWei)})]})]},"mana"):t.jsxs(N,{type:"button","data-testid":"pay-with-combined",onClick:()=>i("combined"),disabled:o,children:[t.jsx("span",{children:m("buyModal.buyWith")}),t.jsxs(z,{children:[t.jsx(j,{}),t.jsx("span",{children:C(A(h.creditsCents))}),t.jsx(je,{children:"+"}),t.jsx(E,{children:t.jsx("img",{src:B,alt:"","aria-hidden":!0})}),t.jsx("span",{children:M(h.manaWei)}),t.jsx(ke,{children:"MANA"})]})]},"combined")),p?t.jsxs(t.Fragment,{children:[t.jsxs(N,{type:"button","data-testid":"pay-with-mana-disabled",disabled:!0,children:[t.jsx("span",{children:m("buyModal.buyWithMana")}),t.jsxs(z,{children:[t.jsx(E,{children:t.jsx("img",{src:B,alt:"","aria-hidden":!0})}),t.jsx("span",{children:M(p.manaWei)})]})]},"mana-short"),t.jsx(Me,{"data-testid":"mana-shortfall-note",children:m("buyModal.manaWorth",{mana:M(p.manaWei),credits:C(A(p.manaCents)),price:C(A(p.priceCents)),currency:Z.name})})]}):null,l?t.jsx(Ce,{"data-testid":"mana-rate-note",children:l}):null,t.jsx("span",{hidden:!0,"data-testid":"pay-total-cents",children:n})]})}function gt(a,n){const i=(o,...l)=>void a.invalidateQueries({queryKey:n?[o,...l]:[o]});a.invalidateQueries({queryKey:["usd-balance"]}),a.invalidateQueries({queryKey:["detail-trade"]}),a.invalidateQueries({queryKey:["shop-item"]}),i("owned-token",n==null?void 0:n.contractAddress,n==null?void 0:n.tokenId),i("public-token",n==null?void 0:n.contractAddress,n==null?void 0:n.tokenId),i("item-resales",n==null?void 0:n.contractAddress,n==null?void 0:n.itemId),a.invalidateQueries({queryKey:["shop-items"]}),a.invalidateQueries({queryKey:["catalog-items"]}),a.invalidateQueries({queryKey:["overview-listings"]}),a.invalidateQueries({queryKey:["upsell-listings"]}),a.invalidateQueries({queryKey:["my-assets"]}),a.invalidateQueries({queryKey:["purchases"]}),a.invalidateQueries({queryKey:["owned-item-count"]})}const Ae=J`
+`;function xt({options:n,totalCents:a,onPay:i,busy:s=!1,rateNote:l,creditsLabel:d,shortfall:p,showCreditsAmount:x=!0,creditsFallback:g=null}){const b=n.some(h=>h.method==="credits");return t.jsxs(ve,{children:[!b&&g?t.jsx(R,{type:"button","data-testid":"pay-with-credits-topup",onClick:g.onClick,disabled:s,children:t.jsx("span",{children:g.label})}):null,n.map(h=>h.method==="credits"?t.jsxs(R,{type:"button","data-testid":"pay-with-credits",onClick:()=>i("credits"),disabled:s,children:[t.jsx("span",{children:d??m("buyModal.buy")}),x?t.jsxs(z,{children:[t.jsx(j,{}),t.jsx("span",{children:C(A(h.creditsCents))})]}):null]},"credits"):h.method==="mana"?t.jsxs(E,{type:"button","data-testid":"pay-with-mana",onClick:()=>i("mana"),disabled:s,children:[t.jsx("span",{children:m("buyModal.buyWithMana")}),t.jsxs(z,{children:[t.jsx(N,{children:t.jsx("img",{src:B,alt:"","aria-hidden":!0})}),t.jsx("span",{children:M(h.manaWei)})]})]},"mana"):t.jsxs(E,{type:"button","data-testid":"pay-with-combined",onClick:()=>i("combined"),disabled:s,children:[t.jsx("span",{children:m("buyModal.buyWith")}),t.jsxs(z,{children:[t.jsx(j,{}),t.jsx("span",{children:C(A(h.creditsCents))}),t.jsx(je,{children:"+"}),t.jsx(N,{children:t.jsx("img",{src:B,alt:"","aria-hidden":!0})}),t.jsx("span",{children:M(h.manaWei)}),t.jsx(ke,{children:"MANA"})]})]},"combined")),p?t.jsxs(t.Fragment,{children:[t.jsxs(E,{type:"button","data-testid":"pay-with-mana-disabled",disabled:!0,children:[t.jsx("span",{children:m("buyModal.buyWithMana")}),t.jsxs(z,{children:[t.jsx(N,{children:t.jsx("img",{src:B,alt:"","aria-hidden":!0})}),t.jsx("span",{children:M(p.manaWei)})]})]},"mana-short"),t.jsx(Me,{"data-testid":"mana-shortfall-note",children:m("buyModal.manaWorth",{mana:M(p.manaWei),credits:C(A(p.manaCents)),price:C(A(p.priceCents)),currency:Z.name})})]}):null,l?t.jsx(Ce,{"data-testid":"mana-rate-note",children:l}):null,t.jsx("span",{hidden:!0,"data-testid":"pay-total-cents",children:a})]})}function gt(n,a){const i=(s,...l)=>void n.invalidateQueries({queryKey:a?[s,...l]:[s]});n.invalidateQueries({queryKey:["usd-balance"]}),n.invalidateQueries({queryKey:["detail-trade"]}),n.invalidateQueries({queryKey:["shop-item"]}),i("owned-token",a==null?void 0:a.contractAddress,a==null?void 0:a.tokenId),i("public-token",a==null?void 0:a.contractAddress,a==null?void 0:a.tokenId),i("item-resales",a==null?void 0:a.contractAddress,a==null?void 0:a.itemId),n.invalidateQueries({queryKey:["shop-items"]}),n.invalidateQueries({queryKey:["catalog-items"]}),n.invalidateQueries({queryKey:["overview-listings"]}),n.invalidateQueries({queryKey:["upsell-listings"]}),n.invalidateQueries({queryKey:["my-assets"]}),n.invalidateQueries({queryKey:["purchases"]}),n.invalidateQueries({queryKey:["owned-item-count"]})}const Ae=J`
   to { transform: rotate(360deg); }
 `,ze=e.div`
   position: fixed;
@@ -120,7 +120,7 @@ import{j as t,r as v}from"./react-BYHuwl8r.js";import{s as e,t as r,b as m,z as
   justify-content: center;
   padding: 16px;
   background: rgba(22, 21, 24, 0.55);
-`,Te=e.div`
+`,$e=e.div`
   width: 480px;
   max-width: 100%;
   max-height: 92vh;
@@ -139,7 +139,7 @@ import{j as t,r as v}from"./react-BYHuwl8r.js";import{s as e,t as r,b as m,z as
   gap: 8px;
   padding-bottom: 16px;
   border-bottom: 1px solid ${r.colors.gray4};
-`,$e=e.h2`
+`,Te=e.h2`
   margin: 0;
   font-family: ${r.font.sans};
   font-weight: 600;
@@ -169,7 +169,7 @@ import{j as t,r as v}from"./react-BYHuwl8r.js";import{s as e,t as r,b as m,z as
     outline: 2px solid ${r.colors.accent};
     outline-offset: 2px;
   }
-`,Ne=e.div`
+`,Ee=e.div`
   display: grid;
   grid-template-columns: 44px 1fr;
   align-items: center;
@@ -178,7 +178,7 @@ import{j as t,r as v}from"./react-BYHuwl8r.js";import{s as e,t as r,b as m,z as
   background: ${r.colors.white};
   border: 1px solid ${r.colors.line};
   border-radius: 16px;
-`,Ee=e.div`
+`,Ne=e.div`
   width: 44px;
   height: 44px;
   border-radius: 10px;
@@ -248,7 +248,7 @@ import{j as t,r as v}from"./react-BYHuwl8r.js";import{s as e,t as r,b as m,z as
     outline: 2px solid ${r.colors.accent};
     outline-offset: 2px;
   }
-`,Oe=e.button`
+`,qe=e.button`
   flex: 1 1 0;
   display: inline-flex;
   align-items: center;
@@ -278,7 +278,7 @@ import{j as t,r as v}from"./react-BYHuwl8r.js";import{s as e,t as r,b as m,z as
     outline: 2px solid ${r.colors.accent};
     outline-offset: 2px;
   }
-`,Re=e.span`
+`,Oe=e.span`
   width: 16px;
   height: 16px;
   border-radius: 50%;
@@ -289,18 +289,18 @@ import{j as t,r as v}from"./react-BYHuwl8r.js";import{s as e,t as r,b as m,z as
   @media (prefers-reduced-motion: reduce) {
     animation: none;
   }
-`;function ft({auth:a,signer:n,title:i,reason:o,name:l,image:d,icon:p,onAuthorized:x,onCancel:g,onClose:b}){const[h,y]=v.useState(!1),[c,w]=v.useState(null);async function k(){y(!0),w(null);try{await ne({auth:a,signer:n,active:!0}),x()}catch(u){re(u)?w(m("authorizeStep.errorRejected")):(Y(u,{flow:"authorize_step",kind:a.kind}),w(m("authorizeStep.errorGeneric"))),y(!1)}}return t.jsx(ze,{onClick:h?void 0:b,role:"presentation",children:t.jsxs(Te,{onClick:u=>u.stopPropagation(),role:"dialog","aria-modal":"true","aria-label":i,children:[t.jsxs(We,{children:[t.jsx($e,{children:i}),t.jsx(Be,{onClick:b,disabled:h,"aria-label":m("authorizeStep.close"),children:t.jsx(X,{name:"close",className:"ico"})})]}),t.jsxs(Ne,{"data-testid":"authorize-step-row",children:[t.jsx(Ee,{children:d?t.jsx("img",{src:d,alt:""}):p}),t.jsxs(Ie,{children:[t.jsx(Pe,{title:l,children:l}),t.jsx(Se,{children:o})]})]}),t.jsx(Ve,{children:m("authorizeStep.note")}),t.jsx(de,{message:c}),t.jsxs(Fe,{children:[t.jsx(Le,{type:"button",onClick:g,disabled:h,children:m("authorizeStep.cancel")}),t.jsx(Oe,{type:"button","data-testid":"authorize-step-action",onClick:()=>void k(),disabled:h,children:h?t.jsxs(t.Fragment,{children:[t.jsx(Re,{"aria-hidden":!0}),m("authorizeStep.authorizing")]}):m("authorizeStep.authorize")})]})]})})}const mt="data:image/webp;base64,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";async function bt(a){const[n]=await Xe({...a,trades:[a.trade]});return n}async function Xe(a){const{trades:n,buyer:i,signer:o,onSigned:l}=a;if(n.length===0)throw new Error("No items to buy");const d=new Map;for(const x of n){const g=`${x.chainId}:${x.contract.toLowerCase()}`,b=d.get(g);b?b.push(x):d.set(g,[x])}const p=[];for(const x of d.values())p.push(await qe({trades:x,buyer:i,signer:o,onSigned:l}));return p}async function qe(a){const{trades:n,buyer:i,signer:o,onSigned:l}=a,d=n[0],p=W(G(d.contract),d.chainId),x=W(I.MANAToken,d.chainId);await q({auth:{kind:D.Allowance,contractAddress:x.address,spenderAddress:p.address,chainId:d.chainId},signer:o});const g=n.map(c=>le(c,i));if(L.enabled)try{const c=new ge(p.abi).encodeFunctionData("accept",[g]),w=ae(),k=ie(o.provider,w),u=await he(k,w,c,p,{serverURL:L.relayerUrl});return l==null||l(),await oe(u,"the MANA purchase"),u}catch(c){if(c instanceof ue&&c.code===xe.USER_DENIED||c instanceof se)throw c;console.warn("[buyWithMana] gasless meta-tx failed, falling back to a direct tx:",c)}await _(o.provider,d.chainId);const h=await new fe(p.address,p.abi,o).accept(g,pe(d.chainId));return l==null||l(),(await h.wait()).transactionHash}async function wt(a){const{trade:n,buyer:i,signer:o,credits:l,manaGapWei:d,onBroadcast:p,onReverted:x}=a;if(l.length===0)throw new Error("No credits to spend — use buyWithMana for a MANA-only purchase");if(d<=0n)throw new Error("No MANA gap to cover — use buyWithCredits for a credits-only purchase");const g=W(I.MANAToken,n.chainId),b=W(I.CreditsManager,n.chainId);await q({auth:{kind:D.Allowance,contractAddress:g.address,spenderAddress:b.address,chainId:n.chainId},signer:o});const y=(l.reduce((c,w)=>c+BigInt(w.availableAmount),0n)+d).toString();return ce({trade:n,buyer:i,signer:o,credits:l,maxCreditedValue:y,onBroadcast:p,onReverted:x})}function yt(a){return t.jsx("svg",{viewBox:"0 0 18 18",width:"18",height:"18","aria-hidden":!0,...a,children:t.jsx("path",{d:"M4 4l10 10M14 4L4 14",stroke:"#161518",strokeWidth:"1.8",strokeLinecap:"round"})})}function vt(a){return t.jsx("svg",{viewBox:"0 0 20 20",width:"24",height:"24","aria-hidden":!0,...a,children:t.jsx("path",{fill:"#f48221",d:"M10 0a10 10 0 1 1 0 20 10 10 0 0 1 0-20Zm0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16Zm0 11a1 1 0 1 1 0 2 1 1 0 0 1 0-2Zm0-8a1 1 0 0 1 1 1v5a1 1 0 1 1-2 0V6a1 1 0 0 1 1-1Z"})})}const{colors:s,gradients:Q,radius:H,z:De}=r,kt=e.div`
+`;function ft({auth:n,signer:a,title:i,reason:s,name:l,image:d,icon:p,onAuthorized:x,onCancel:g,onClose:b}){const[h,y]=v.useState(!1),[c,w]=v.useState(null);async function k(){y(!0),w(null);try{await ae({auth:n,signer:a,active:!0}),x()}catch(u){se(u)?w(m("authorizeStep.errorRejected")):(Y(u,{flow:"authorize_step",kind:n.kind}),w(m("authorizeStep.errorGeneric"))),y(!1)}}return t.jsx(ze,{onClick:h?void 0:b,role:"presentation",children:t.jsxs($e,{onClick:u=>u.stopPropagation(),role:"dialog","aria-modal":"true","aria-label":i,children:[t.jsxs(We,{children:[t.jsx(Te,{children:i}),t.jsx(Be,{onClick:b,disabled:h,"aria-label":m("authorizeStep.close"),children:t.jsx(D,{name:"close",className:"ico"})})]}),t.jsxs(Ee,{"data-testid":"authorize-step-row",children:[t.jsx(Ne,{children:d?t.jsx("img",{src:d,alt:""}):p}),t.jsxs(Ie,{children:[t.jsx(Pe,{title:l,children:l}),t.jsx(Se,{children:s})]})]}),t.jsx(Ve,{children:m("authorizeStep.note")}),t.jsx(de,{message:c}),t.jsxs(Fe,{children:[t.jsx(Le,{type:"button",onClick:g,disabled:h,children:m("authorizeStep.cancel")}),t.jsx(qe,{type:"button","data-testid":"authorize-step-action",onClick:()=>void k(),disabled:h,children:h?t.jsxs(t.Fragment,{children:[t.jsx(Oe,{"aria-hidden":!0}),m("authorizeStep.authorizing")]}):m("authorizeStep.authorize")})]})]})})}const mt="data:image/webp;base64,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",bt="https://cdn.decentraland.org/@dcl/shop/1.0.2-31075138109.commit-b4b8f60/_assets/buy-error-22UunaPC.png";async function wt(n){const[a]=await Re({...n,trades:[n.trade]});return a}async function Re(n){const{trades:a,buyer:i,signer:s,onSigned:l}=n;if(a.length===0)throw new Error("No items to buy");const d=new Map;for(const x of a){const g=`${x.chainId}:${x.contract.toLowerCase()}`,b=d.get(g);b?b.push(x):d.set(g,[x])}const p=[];for(const x of d.values())p.push(await Xe({trades:x,buyer:i,signer:s,onSigned:l}));return p}async function Xe(n){const{trades:a,buyer:i,signer:s,onSigned:l}=n,d=a[0],p=W(G(d.contract),d.chainId),x=W(I.MANAToken,d.chainId);await K({auth:{kind:H.Allowance,contractAddress:x.address,spenderAddress:p.address,chainId:d.chainId},signer:s});const g=a.map(c=>le(c,i));if(O.enabled)try{const c=new ge(p.abi).encodeFunctionData("accept",[g]),w=ne(),k=ie(s.provider,w),u=await he(k,w,c,p,{serverURL:O.relayerUrl});return l==null||l(),await oe(u,"the MANA purchase"),u}catch(c){if(c instanceof ue&&c.code===xe.USER_DENIED||c instanceof re)throw c;console.warn("[buyWithMana] gasless meta-tx failed, falling back to a direct tx:",c)}await _(s.provider,d.chainId);const h=await new fe(p.address,p.abi,s).accept(g,pe(d.chainId));return l==null||l(),(await h.wait()).transactionHash}async function yt(n){const{trade:a,buyer:i,signer:s,credits:l,manaGapWei:d,onBroadcast:p,onReverted:x}=n;if(l.length===0)throw new Error("No credits to spend — use buyWithMana for a MANA-only purchase");if(d<=0n)throw new Error("No MANA gap to cover — use buyWithCredits for a credits-only purchase");const g=W(I.MANAToken,a.chainId),b=W(I.CreditsManager,a.chainId);await K({auth:{kind:H.Allowance,contractAddress:g.address,spenderAddress:b.address,chainId:a.chainId},signer:s});const y=(l.reduce((c,w)=>c+BigInt(w.availableAmount),0n)+d).toString();return ce({trade:a,buyer:i,signer:s,credits:l,maxCreditedValue:y,onBroadcast:p,onReverted:x})}function vt(n){return t.jsx("svg",{viewBox:"0 0 18 18",width:"18",height:"18","aria-hidden":!0,...n,children:t.jsx("path",{d:"M4 4l10 10M14 4L4 14",stroke:"#161518",strokeWidth:"1.8",strokeLinecap:"round"})})}function kt(n){return t.jsx("svg",{viewBox:"0 0 20 20",width:"24",height:"24","aria-hidden":!0,...n,children:t.jsx("path",{fill:"#f48221",d:"M10 0a10 10 0 1 1 0 20 10 10 0 0 1 0-20Zm0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16Zm0 11a1 1 0 1 1 0 2 1 1 0 0 1 0-2Zm0-8a1 1 0 0 1 1 1v5a1 1 0 1 1-2 0V6a1 1 0 0 1 1-1Z"})})}const{colors:o,gradients:S,radius:U,z:De}=r,jt=e.div`
   position: fixed;
   inset: 0;
   z-index: ${De.overlay};
   display: flex;
   overflow-y: auto;
   padding: 20px;
-`,jt=e.div`
+`,Ct=e.div`
   position: fixed;
   inset: 0;
   background: rgba(22, 21, 24, 0.45);
-`,Ct=e.div`
+`,Mt=e.div`
   position: relative;
   z-index: 1;
   margin: auto;
@@ -317,7 +317,7 @@ import{j as t,r as v}from"./react-BYHuwl8r.js";import{s as e,t as r,b as m,z as
      edge instead of painting its buttons out on the scrim. */
   max-height: 100%;
   overflow: hidden;
-  background: ${s.white};
+  background: ${o.white};
   border-radius: 16px;
   padding: 12px 16px 16px;
   box-shadow: 0 24px 60px rgba(22, 21, 24, 0.28);
@@ -330,46 +330,46 @@ import{j as t,r as v}from"./react-BYHuwl8r.js";import{s as e,t as r,b as m,z as
     min-height: 379px;
     justify-content: space-between;
   }
-`,Mt=e.div`
+`,At=e.div`
   display: flex;
   flex-direction: column;
   gap: 4px;
   padding-bottom: 16px;
-  border-bottom: 1px solid ${s.gray4};
-`,At=e.div`
+  border-bottom: 1px solid ${o.gray4};
+`,zt=e.div`
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   gap: 8px;
-`,zt=e.h2`
+`,$t=e.h2`
   margin: 0;
   font-size: 20px;
   font-weight: 700;
   line-height: 1.6;
-  color: ${s.text};
-`,Tt=e.button`
+  color: ${o.text};
+`,Wt=e.button`
   flex-shrink: 0;
   border: 0;
   background: transparent;
   cursor: pointer;
   padding: 2px;
   line-height: 0;
-`,Wt=e.div`
+`,Tt=e.div`
   display: flex;
   align-items: center;
   gap: 4px;
-`,$t=e.span`
+`,Bt=e.span`
   font-size: 14px;
   font-weight: 600;
-  color: ${s.muted1};
-`,Bt=e(j)`
+  color: ${o.muted1};
+`,Et=e(j)`
   width: 14px;
   height: 14px;
-  background: ${s.text};
+  background: ${o.text};
 `,Nt=e.span`
   font-size: 14px;
-  color: ${s.text};
-`,Et=e.div`
+  color: ${o.text};
+`,It=e.div`
   display: flex;
   flex-direction: column;
   gap: 24px;
@@ -387,17 +387,20 @@ import{j as t,r as v}from"./react-BYHuwl8r.js";import{s as e,t as r,b as m,z as
     gap: 32px;
     padding: 24px 0;
   }
-`,It=e.div`
+`,Pt=e.div`
   display: flex;
-  gap: 12px;
+  gap: 24px;
   align-items: center;
-`,Pt=e.div`
+
+  ${r.media.maxWidth("mobile")} {
+    gap: 12px;
+  }
+`,St=e.div`
   flex-shrink: 0;
-  width: 180px;
-  height: 180px;
-  background: ${s.media};
-  border: 1px solid ${s.muted2};
-  border-radius: 16px;
+  width: 110px;
+  height: 110px;
+  background: ${o.media};
+  border-radius: 8px;
   display: grid;
   place-items: center;
   overflow: hidden;
@@ -408,120 +411,169 @@ import{j as t,r as v}from"./react-BYHuwl8r.js";import{s as e,t as r,b as m,z as
     object-fit: contain;
     filter: drop-shadow(0.7px 2.9px 3.7px rgba(0, 0, 0, 0.1));
   }
-`,St=e.div`
+
+  ${r.media.maxWidth("mobile")} {
+    width: 80px;
+    height: 80px;
+  }
+`,Vt=e.div`
   flex: 1;
   min-width: 0;
   display: flex;
   flex-direction: column;
-  gap: 32px;
-  padding: 8px;
-`,Vt=e.div`
-  font-size: 20px;
-  font-weight: 600;
-  line-height: 1.57;
-  color: ${s.text};
+  justify-content: center;
+  gap: 4px;
+`,Ft=e.div`
+  font-size: 18px;
+  font-weight: 700;
+  line-height: 1.3;
+  color: ${o.text};
   overflow: hidden;
   text-overflow: ellipsis;
-`,Ft=e(ee)`
-  font-size: 10px;
+
+  ${r.media.maxWidth("mobile")} {
+    font-size: 16px;
+  }
+`,Lt=e(ee)`
+  font-size: 12px;
   line-height: 1.43;
-  color: ${s.muted};
-`,Lt=e.div`
+  color: ${o.muted};
+`,qt=e.div`
   display: flex;
   align-items: center;
-  gap: 4px;
+  gap: 6px;
+  margin-top: 4px;
 
   & span {
-    font-size: 20.5px;
-    font-weight: 600;
-    color: ${s.text2};
+    font-size: 18px;
+    font-weight: 700;
+    color: ${o.text2};
   }
 `,Ot=e(j)`
-  width: 21.5px;
-  height: 21.5px;
-  background: ${s.text2};
+  width: 18px;
+  height: 18px;
+  background: ${o.text2};
 `,Rt=e.div`
   display: flex;
-  align-items: center;
-  gap: 8px;
-  justify-content: center;
+  align-items: flex-start;
+  gap: 12px;
   background: rgba(255, 162, 90, 0.3);
-  border-radius: ${H.btn};
-  padding: 12px 8px;
+  border-radius: ${U.btn};
+  padding: 16px;
+
+  & > svg {
+    flex-shrink: 0;
+  }
 `,Xt=e.p`
   margin: 0;
   font-size: 14px;
   line-height: 1.334;
-  color: ${s.text2};
+  color: ${o.text2};
 
   & b {
     font-weight: 700;
   }
-`,qt=e.div`
+`,Dt=e.a`
+  display: inline-block;
+  margin-top: 4px;
+  font-size: 14px;
+  font-weight: 600;
+  line-height: 1.334;
+  color: ${o.text2};
+  text-decoration: underline;
+
+  &:hover {
+    color: ${o.accent};
+  }
+`,Kt=e.div`
   display: flex;
+  flex-wrap: wrap;
   gap: 12px;
-`,Dt=e.button`
-  flex: 1;
+  margin: -6px 0;
+  padding: 6px;
+`,Ht=e.button`
+  /* Wide enough to stay readable, so a narrow card wraps the tiles onto a second row instead of
+     squeezing four of them into one. */
+  flex: 1 1 140px;
   height: 109px;
-  border: 1px solid ${s.muted2};
-  background: ${s.media};
+  border: 1px solid ${o.muted2};
+  background: ${o.media};
   border-radius: 16px;
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 8px;
   cursor: pointer;
-  transition: border-color 0.12s ease;
+  padding: 3px;
+  transition:
+    transform 0.12s ease,
+    border-color 0.12s ease,
+    border-width 0.12s ease,
+    padding 0.12s ease;
+
+  /* The buy gradient AS the border: the flat fill is clipped to the padding box and the gradient to the
+     border box, which paints a gradient ring on the tile's own radius with no wrapper element (a
+     gradient is not a valid border-color). */
+  &:hover:not(:disabled),
+  &[data-on] {
+    padding: 0;
+    border-color: transparent;
+    border-width: 4px;
+    background-image: linear-gradient(${o.media}, ${o.media}), ${S.buyBtn};
+    background-origin: border-box;
+    background-clip: padding-box, border-box;
+  }
 
+  /* Selected also lifts; hover alone is just the ring. */
   &[data-on] {
-    border: 4px solid #ff7439;
+    transform: scale(1.03);
   }
-`,Kt=e.img`
+`,Qt=e.img`
   width: 24px;
   height: 26px;
   flex: none;
-`,Qt=e.span`
+`,Ut=e.span`
   font-size: 24px;
   font-weight: 500;
-  color: ${s.text};
-`,Ht=e.span`
+  color: ${o.text};
+`,Zt=e.span`
   font-size: 14px;
-  color: ${s.text};
-`,Ut=e.div`
+  color: ${o.text};
+`,Jt=e.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
-  border-top: 1px solid ${s.gray4};
+  border-top: 1px solid ${o.gray4};
   padding-top: 12px;
-`,Zt=e.div`
+`,Yt=e.div`
   display: flex;
   align-items: center;
   gap: 8px;
   font-size: 24px;
   font-weight: 700;
-  color: ${s.text};
-`,Jt=e(j)`
+  color: ${o.text};
+`,Gt=e(j)`
   width: 30px;
   height: 30px;
-  background: ${s.text};
-`,Yt=e.span`
+  background: ${o.text};
+`,_t=e.span`
   font-size: 14px;
   font-weight: 600;
-  color: ${s.muted1};
-`,Gt=e.div`
+  color: ${o.muted1};
+`,ea=e.div`
   position: sticky;
   bottom: 0;
   display: flex;
   gap: 12px;
   margin-top: -8px;
   padding-top: 8px;
-  background: ${s.white};
-`,_t=e.button`
+  background: ${o.white};
+`,ta=e.button`
   flex: 1;
   /* Let the CTAs shrink so their min-content can't widen the modal past the viewport on mobile. */
   min-width: 0;
   height: 46px;
-  border-radius: ${H.card};
+  border-radius: ${U.card};
   border: 0;
   cursor: pointer;
   font-size: 15px;
@@ -539,46 +591,50 @@ import{j as t,r as v}from"./react-BYHuwl8r.js";import{s as e,t as r,b as m,z as
   /* The design system's primary fill (Figma 738:53266 "BUY Button") — the same gradient the cart's
      CHECKOUT carries, so the two ends of the buy flow match. */
   &[data-variant='gradient'] {
-    background: ${Q.buyBtn};
-    color: ${s.softWhite};
+    background: ${S.buyBtn};
+    color: ${o.softWhite};
   }
   &[data-variant='gradient']:hover:not(:disabled),
   &[data-variant='gradient']:active:not(:disabled) {
-    background-image: linear-gradient(${s.dclRed}, ${s.dclRed});
+    background-image: linear-gradient(${o.dclRed}, ${o.dclRed});
   }
   &[data-variant='outline'] {
     background: transparent;
-    border: 0.5px solid ${s.text};
-    color: ${s.text2};
+    border: 0.5px solid ${o.text};
+    color: ${o.text2};
     font-size: 13px;
   }
   /* Figma's outlined hover (738:53251), which on this light card is the readable half of the pair: the
      white-fill hover the dark-field buttons take would be invisible here. Same treatment as the
      drawer's dismissing CTA (CartPopover ctaCss) — the two sit in one flow. */
   &[data-variant='outline']:hover:not(:disabled) {
-    background: ${s.text2};
-    color: ${s.softWhite};
+    background: ${o.text2};
+    color: ${o.softWhite};
   }
   &[data-variant='ruby'] {
-    background: ${s.dclRed};
-    color: ${s.softWhite};
+    background: ${o.dclRed};
+    color: ${o.softWhite};
     font-size: 13px;
     letter-spacing: 0.61px;
   }
   // Solid accent fill (the error state's "Try again").
   &[data-variant='purple'] {
-    background: ${s.accent};
-    color: ${s.softWhite};
+    background: ${o.accent};
+    color: ${o.softWhite};
     font-size: 13px;
   }
+  &:hover:not(:disabled),
+  &[data-variant='purple']:hover:not(:disabled) {
+    background: ${o.accentHover};
+  }
   &:disabled {
     opacity: 0.6;
     cursor: default;
   }
-`,en=e.img`
+`,aa=e.img`
   width: 61px;
   height: 61px;
-`,tn=e.div`
+`,na=e.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -586,39 +642,39 @@ import{j as t,r as v}from"./react-BYHuwl8r.js";import{s as e,t as r,b as m,z as
   background: rgba(255, 201, 213, 0.5);
   border-radius: 16px;
   padding: 24px 16px;
-`,nn=e.img`
+`,ia=e.img`
   width: 64px;
   height: 80px;
   object-fit: contain;
-`,an=e.p`
+`,oa=e.p`
   margin: 0;
   text-align: center;
   font-size: 20px;
   line-height: 1.334;
   font-weight: 400;
-  color: ${s.text2};
+  color: ${o.text2};
 
   & b {
     font-weight: 700;
   }
-`,on=e.div`
+`,ra=e.div`
   font-size: 20px;
   font-weight: 700;
-  color: ${s.text2};
+  color: ${o.text2};
   text-align: center;
-`,sn=e.div`
+`,sa=e.div`
   width: 100%;
   max-width: 456px;
   height: 12px;
-  background: ${s.media};
+  background: ${o.media};
   border-radius: 100px;
   overflow: hidden;
-`,rn=e.span`
+`,da=e.span`
   display: block;
   height: 100%;
   width: 40%;
   border-radius: 100px;
-  background: ${Q.amethyst};
+  background: ${S.amethyst};
   animation: buy-modal-progress 1.1s ease-in-out infinite;
 
   @keyframes buy-modal-progress {
@@ -635,7 +691,7 @@ import{j as t,r as v}from"./react-BYHuwl8r.js";import{s as e,t as r,b as m,z as
     min-width: 12px;
     transition: width 0.35s ease;
   }
-`,dn=e.div`
+`,ca=e.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -657,11 +713,11 @@ import{j as t,r as v}from"./react-BYHuwl8r.js";import{s as e,t as r,b as m,z as
       padding: 16px;
     }
   }
-`,cn=e.p`
+`,la=e.p`
   margin: 0;
   font-size: 20px;
   line-height: 1.334;
-  color: ${s.text2};
+  color: ${o.text2};
   text-align: center;
 
   & b {
@@ -677,17 +733,17 @@ import{j as t,r as v}from"./react-BYHuwl8r.js";import{s as e,t as r,b as m,z as
       text-align: center;
     }
   }
-`,{colors:U,media:T}=r,Ke=e.section`
+`,{colors:V,media:$}=r,Ke=e.section`
   margin-top: 40px;
-`,Qe=e.div`
+`,He=e.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-bottom: 20px;
-`,He=e.h2`
+`,Qe=e.h2`
   font-size: 22px;
   font-weight: 700;
-  color: ${U.softWhite};
+  color: ${V.softWhite};
 `,Ue=e.button`
   display: inline-flex;
   align-items: center;
@@ -695,7 +751,7 @@ import{j as t,r as v}from"./react-BYHuwl8r.js";import{s as e,t as r,b as m,z as
   background: none;
   border: 0;
   padding: 0;
-  color: ${U.softWhite};
+  color: ${V.softWhite};
   font-weight: 700;
   font-size: 13px;
   letter-spacing: 0.046em;
@@ -706,11 +762,11 @@ import{j as t,r as v}from"./react-BYHuwl8r.js";import{s as e,t as r,b as m,z as
   &:hover {
     text-decoration: underline;
   }
-`,Ze=e(X)`
+`,Ze=e(D)`
   transform: rotate(-90deg);
 `,Je=e.div`
   position: relative;
-`,R=e.button`
+`,X=e.button`
   position: absolute;
   top: 112px;
   transform: translateY(-50%);
@@ -754,7 +810,7 @@ import{j as t,r as v}from"./react-BYHuwl8r.js";import{s as e,t as r,b as m,z as
   @media (prefers-reduced-motion: reduce) {
     transition: none;
   }
-  ${T.maxWidth("lg")} {
+  ${$.maxWidth("lg")} {
     display: none;
   }
 `,Ye=e.div`
@@ -776,13 +832,13 @@ import{j as t,r as v}from"./react-BYHuwl8r.js";import{s as e,t as r,b as m,z as
   & > * {
     scroll-snap-align: start;
   }
-  ${T.maxWidth("xl")} {
+  ${$.maxWidth("xl")} {
     grid-auto-columns: calc((100% - 48px) / 4);
   }
-  ${T.maxWidth("lg")} {
+  ${$.maxWidth("lg")} {
     grid-auto-columns: calc((100% - 32px) / 3);
   }
-  ${T.maxWidth("sm")} {
+  ${$.maxWidth("sm")} {
     grid-auto-columns: calc((100% - 16px) / 2);
   }
 `,Ge=e.div`
@@ -809,8 +865,8 @@ import{j as t,r as v}from"./react-BYHuwl8r.js";import{s as e,t as r,b as m,z as
     opacity: 0.8;
   }
   &[data-active] {
-    background: #ff7439;
+    background: ${V.media};
     opacity: 1;
     transform: scale(1.1);
   }
-`;function ln({title:a,items:n,onViewAll:i}){const o=v.useRef(null),[l,d]=v.useState(1),[p,x]=v.useState(0),[g,b]=v.useState(!0),[h,y]=v.useState(!1),c=v.useCallback(()=>{const u=o.current;if(!u)return;const{scrollLeft:f,scrollWidth:S,clientWidth:$}=u,V=Math.max(1,Math.ceil(S/$));d(V),x(Math.min(V-1,Math.round(f/$))),b(f<=1),y(f+$>=S-1)},[]);if(v.useEffect(()=>{c();const u=o.current;if(u)return u.addEventListener("scroll",c,{passive:!0}),window.addEventListener("resize",c),()=>{u.removeEventListener("scroll",c),window.removeEventListener("resize",c)}},[c,n.length]),n.length===0)return null;function w(u){const f=o.current;f&&f.scrollBy({left:u*f.clientWidth,behavior:"smooth"})}function k(u){const f=o.current;f&&f.scrollTo({left:u*f.clientWidth,behavior:"smooth"})}return t.jsxs(Ke,{"data-testid":"carousel",children:[t.jsxs(Qe,{children:[t.jsx(He,{children:a}),i?t.jsxs(Ue,{onClick:i,children:[m("collectionCarousel.viewAll"),t.jsx(Ze,{name:"chevron-down",size:16})]}):null]}),t.jsxs(Je,{children:[t.jsx(R,{"data-side":"left",onClick:()=>w(-1),"aria-label":m("collectionCarousel.scrollLeft"),disabled:g,children:t.jsx("img",{src:F,alt:"","aria-hidden":!0})}),t.jsx(Ye,{ref:o,children:n.map(u=>t.jsx(te,{item:u},u.id))}),t.jsx(R,{"data-side":"right",onClick:()=>w(1),"aria-label":m("collectionCarousel.scrollRight"),disabled:h,children:t.jsx("img",{src:F,alt:"","aria-hidden":!0})})]}),l>1?t.jsx(Ge,{"aria-label":m("collectionCarousel.pages"),children:Array.from({length:l}).map((u,f)=>t.jsx(_e,{"data-active":f===p||void 0,"aria-label":m("collectionCarousel.goToPage",{page:f+1}),"aria-current":f===p?"true":void 0,onClick:()=>k(f)},f))}):null]})}export{we as $,It as A,Wt as B,Ct as C,mt as D,Qt as E,Ht as F,Ut as G,Mt as H,Zt as I,Jt as J,Yt as K,en as L,kt as M,lt as N,ct as O,xt as P,ln as Q,ft as R,jt as S,zt as T,B as U,dt as V,Rt as W,Tt as X,gt as Y,Xe as Z,pt as _,At as a,A as a0,dn as a1,cn as a2,bt as a3,ht as a4,wt as a5,yt as b,$t as c,Bt as d,Nt as e,Et as f,tn as g,nn as h,an as i,Gt as j,_t as k,on as l,ut as m,sn as n,rn as o,vt as p,Xt as q,Pt as r,St as s,Vt as t,Ft as u,Lt as v,Ot as w,qt as x,Dt as y,Kt as z};
+`;function pa({title:n,items:a,onViewAll:i}){const s=v.useRef(null),[l,d]=v.useState(1),[p,x]=v.useState(0),[g,b]=v.useState(!0),[h,y]=v.useState(!1),c=v.useCallback(()=>{const u=s.current;if(!u)return;const{scrollLeft:f,scrollWidth:F,clientWidth:T}=u,L=Math.max(1,Math.ceil(F/T));d(L),x(Math.min(L-1,Math.round(f/T))),b(f<=1),y(f+T>=F-1)},[]);if(v.useEffect(()=>{c();const u=s.current;if(u)return u.addEventListener("scroll",c,{passive:!0}),window.addEventListener("resize",c),()=>{u.removeEventListener("scroll",c),window.removeEventListener("resize",c)}},[c,a.length]),a.length===0)return null;function w(u){const f=s.current;f&&f.scrollBy({left:u*f.clientWidth,behavior:"smooth"})}function k(u){const f=s.current;f&&f.scrollTo({left:u*f.clientWidth,behavior:"smooth"})}return t.jsxs(Ke,{"data-testid":"carousel",children:[t.jsxs(He,{children:[t.jsx(Qe,{children:n}),i?t.jsxs(Ue,{onClick:i,children:[m("collectionCarousel.viewAll"),t.jsx(Ze,{name:"chevron-down",size:16})]}):null]}),t.jsxs(Je,{children:[t.jsx(X,{"data-side":"left",onClick:()=>w(-1),"aria-label":m("collectionCarousel.scrollLeft"),disabled:g,children:t.jsx("img",{src:q,alt:"","aria-hidden":!0})}),t.jsx(Ye,{ref:s,children:a.map(u=>t.jsx(te,{item:u},u.id))}),t.jsx(X,{"data-side":"right",onClick:()=>w(1),"aria-label":m("collectionCarousel.scrollRight"),disabled:h,children:t.jsx("img",{src:q,alt:"","aria-hidden":!0})})]}),l>1?t.jsx(Ge,{"aria-label":m("collectionCarousel.pages"),children:Array.from({length:l}).map((u,f)=>t.jsx(_e,{"data-active":f===p||void 0,"aria-label":m("collectionCarousel.goToPage",{page:f+1}),"aria-current":f===p?"true":void 0,onClick:()=>k(f)},f))}):null]})}export{Re as $,Pt as A,Tt as B,Mt as C,Ht as D,Qt as E,mt as F,Ut as G,At as H,Zt as I,Jt as J,Yt as K,aa as L,jt as M,Gt as N,_t as O,xt as P,lt as Q,ct as R,Ct as S,$t as T,pa as U,ft as V,Rt as W,Wt as X,B as Y,dt as Z,gt as _,zt as a,pt as a0,we as a1,A as a2,ca as a3,la as a4,wt as a5,ht as a6,yt as a7,vt as b,Bt as c,Et as d,Nt as e,It as f,na as g,ia as h,bt as i,oa as j,ea as k,ta as l,ut as m,ra as n,sa as o,da as p,kt as q,Xt as r,Dt as s,St as t,Vt as u,Ft as v,Lt as w,qt as x,Ot as y,Kt as z};