@dcl/shop 0.10.1-31040959942.commit-e9e6433 → 0.10.1-31042990976.commit-7edc9b6

package/_assets/{CollectionCarousel-Cg2MTF9W.js → CollectionCarousel-BAwS8rTZ.js}

@@ -1,10 +1,10 @@
-import{j as t,r as v}from"./react-BYHuwl8r.js";import{s as e,t as o,b as f,z as k,L as j,bW as C,C as G,w as Y,I as Q,F as X,g as W,h as B,f as Z,at as q,aa as J,b_ as F,ar as ee}from"./index-buu21jrH.js";import{s as te,f as U,A as _,g as K,r as ne,m as ae,i as ie,j as oe}from"./authorizations-dpp0OnHI.js";import{i as se}from"./errors-CzBZCztT.js";import{E as re}from"./ErrorNotice-CXsnDhEh.js";import{l as ce,m as de,n as le}from"./buy-Dgj0sRqb.js";import{s as pe,M as he,E as ue}from"./sendMetaTransaction-CzqCMKMd.js";import{I as xe,C as ge}from"./ethers-BDpbhgX6.js";const L="shop:resume_after_signin",fe=900*1e3;function ct(a){try{sessionStorage.setItem(L,JSON.stringify({...a,at:Date.now()}))}catch{}}function dt(a){let n;try{n=sessionStorage.getItem(L)}catch{return null}if(!n)return null;try{sessionStorage.removeItem(L)}catch{}let i;try{i=JSON.parse(n)}catch{return null}return!i||i.type!==a||typeof i.at!="number"||Date.now()-i.at>fe?null:i.type==="cart-checkout"?{type:"cart-checkout"}:{type:"item-buy",path:i.path}}function me(a,n){return(a+n-1n)/n}function be(a,n,i){return a<=0||n<=0?0n:a>=n?i:me(i*BigInt(a),BigInt(n))}function lt(a){var b,y,w;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,s=a.priceManaWei>0n?a.priceManaWei:0n,l=a.manaBalanceWei>0n?a.manaBalanceWei:0n;if(n<=0)return{options:[],preferred:null,manaShortfall:null};const c=[];if(i>=n&&c.push({method:"credits",creditsCents:n,manaWei:0n}),s>0n&&i>0&&i<n){const d=n-i,m=be(d,n,s);l>=m&&c.push({method:"combined",creditsCents:i,manaWei:m})}s>0n&&l>=s&&c.push({method:"mana",creditsCents:0,manaWei:s});const p=((b=c.find(d=>d.method==="credits"))==null?void 0:b.method)??((y=c.find(d=>d.method==="combined"))==null?void 0:y.method)??((w=c.find(d=>d.method==="mana"))==null?void 0:w.method)??null,u=!c.some(d=>d.method==="mana"||d.method==="combined")&&s>0n&&l>0n?{manaWei:l,manaCents:ye(l,n,s),priceCents:n}:null;return{options:c,preferred:p,manaShortfall:u}}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(s=>{const l=Number.isFinite(s)?Math.max(0,Math.trunc(s)):0,c=Math.min(l,i);return i-=c,c})}function z(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 T="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",we=e.div`
+import{j as e,r as v}from"./react-BYHuwl8r.js";import{s as t,t as s,b as m,z as k,L as $,bW as C,C as Y,w as X,I as U,F as Z,g as W,h as B,f as q,at as J,aa as ee,b_ as F,ar as te}from"./index-BL2RPpVH.js";import{s as ne,f as _,A as H,g as K,r as ae,m as ie,i as oe,j as se}from"./authorizations-2Xd-ft_C.js";import{i as re}from"./errors-hu6Xw0D2.js";import{E as ce}from"./ErrorNotice-C_rQ_hZp.js";import{l as de,m as le,n as pe}from"./buy-CgUGATyG.js";import{s as he,M as ue,E as xe}from"./sendMetaTransaction-CYTRgQS4.js";import{I as ge,C as fe}from"./ethers-BDpbhgX6.js";const R="shop:resume_after_signin",me=900*1e3;function ct(a){try{sessionStorage.setItem(R,JSON.stringify({...a,at:Date.now()}))}catch{}}function dt(a){let n;try{n=sessionStorage.getItem(R)}catch{return null}if(!n)return null;try{sessionStorage.removeItem(R)}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 ye(a,n,i){return a<=0||n<=0?0n:a>=n?i:be(i*BigInt(a),BigInt(n))}function lt(a){var b,h,w;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 c=[];if(i>=n&&c.push({method:"credits",creditsCents:n,manaWei:0n}),o>0n&&i>0&&i<n){const d=n-i,y=ye(d,n,o);l>=y&&c.push({method:"combined",creditsCents:i,manaWei:y})}o>0n&&l>=o&&c.push({method:"mana",creditsCents:0,manaWei:o});const p=((b=c.find(d=>d.method==="credits"))==null?void 0:b.method)??((h=c.find(d=>d.method==="combined"))==null?void 0:h.method)??((w=c.find(d=>d.method==="mana"))==null?void 0:w.method)??null,g=!c.some(d=>d.method==="mana"||d.method==="combined")&&o>0n&&l>0n?{manaWei:l,manaCents:we(l,n,o),priceCents:n}:null;return{options:c,preferred:p,manaShortfall:g}}function we(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,c=Math.min(l,i);return i-=c,c})}function z(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 T="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=t.div`
   display: flex;
   flex-direction: column;
   gap: 12px;
   align-items: stretch;
   width: 100%;
-`,H=`
+`,O=`
   width: 100%;
   min-height: 56px;
   display: flex;
@@ -19,37 +19,37 @@ import{j as t,r as v}from"./react-BYHuwl8r.js";import{s as e,t as o,b as f,z as
   transition:
     background 0.15s ease,
     filter 0.15s ease;
-  font-family: ${o.font.sans};
+  font-family: ${s.font.sans};
   font-weight: 600;
   font-size: 15px;
   line-height: 24px;
   letter-spacing: 0.46px;
   text-transform: uppercase;
-  color: ${o.colors.softWhite};
+  color: ${s.colors.softWhite};
 
   &:focus-visible {
-    outline: 2px solid ${o.colors.accent};
+    outline: 2px solid ${s.colors.accent};
     outline-offset: 2px;
   }
   &:disabled {
     opacity: 0.6;
     cursor: default;
   }
-`,ve=e.button`
-  ${H}
-  background: ${o.gradients.amethyst};
+`,D=t.button`
+  ${O}
+  background: ${s.gradients.amethyst};
 
   &:hover:not(:disabled) {
     filter: brightness(1.08);
   }
-`,N=e.button`
-  ${H}
-  background: ${o.colors.text2};
+`,N=t.button`
+  ${O}
+  background: ${s.colors.text2};
 
   &:hover:not(:disabled) {
-    background: ${o.colors.gray0};
+    background: ${s.colors.gray0};
   }
-`,M=e.span`
+`,M=t.span`
   display: inline-flex;
   align-items: center;
   gap: 6px;
@@ -64,9 +64,9 @@ import{j as t,r as v}from"./react-BYHuwl8r.js";import{s as e,t as o,b as f,z as
   .ico {
     width: 24px;
     height: 24px;
-    background: ${o.colors.softWhite};
+    background: ${s.colors.softWhite};
   }
-`,E=e.span`
+`,E=t.span`
   position: relative;
   display: block;
   width: 30px;
@@ -84,34 +84,34 @@ import{j as t,r as v}from"./react-BYHuwl8r.js";import{s as e,t as o,b as f,z as
     height: 24px;
     display: block;
   }
-`,ke=e.span`
+`,ke=t.span`
   font-size: 13px;
   font-weight: 600;
   letter-spacing: 0.02em;
   opacity: 0.85;
-`,$e=e.span`
+`,je=t.span`
   font-size: 18px;
   font-weight: 600;
   opacity: 0.7;
-`,je=e.p`
+`,$e=t.p`
   margin: 0;
-  font-family: ${o.font.sans};
+  font-family: ${s.font.sans};
   font-weight: 400;
   font-size: 12px;
   line-height: 1;
-  color: ${o.colors.muted};
+  color: ${s.colors.muted};
   text-align: center;
-`,Ce=e.p`
+`,Ce=t.p`
   margin: -4px 0 0;
-  font-family: ${o.font.sans};
+  font-family: ${s.font.sans};
   font-weight: 400;
   font-size: 12px;
   line-height: 1.4;
-  color: ${o.colors.muted};
+  color: ${s.colors.muted};
   text-align: center;
-`;function xt({options:a,totalCents:n,onPay:i,busy:s=!1,rateNote:l,creditsLabel:c,shortfall:p,showCreditsAmount:x=!0}){return t.jsxs(we,{children:[a.map(u=>u.method==="credits"?t.jsxs(ve,{type:"button","data-testid":"pay-with-credits",onClick:()=>i("credits"),disabled:s,children:[t.jsx("span",{children:c??f("buyModal.buy")}),x?t.jsxs(M,{children:[t.jsx(k,{}),t.jsx("span",{children:j(z(u.creditsCents))})]}):null]},"credits"):u.method==="mana"?t.jsxs(N,{type:"button","data-testid":"pay-with-mana",onClick:()=>i("mana"),disabled:s,children:[t.jsx("span",{children:f("buyModal.buyWithMana")}),t.jsxs(M,{children:[t.jsx(E,{children:t.jsx("img",{src:T,alt:"","aria-hidden":!0})}),t.jsx("span",{children:C(u.manaWei)})]})]},"mana"):t.jsxs(N,{type:"button","data-testid":"pay-with-combined",onClick:()=>i("combined"),disabled:s,children:[t.jsx("span",{children:f("buyModal.buyWith")}),t.jsxs(M,{children:[t.jsx(k,{}),t.jsx("span",{children:j(z(u.creditsCents))}),t.jsx($e,{children:"+"}),t.jsx(E,{children:t.jsx("img",{src:T,alt:"","aria-hidden":!0})}),t.jsx("span",{children:C(u.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:f("buyModal.buyWithMana")}),t.jsxs(M,{children:[t.jsx(E,{children:t.jsx("img",{src:T,alt:"","aria-hidden":!0})}),t.jsx("span",{children:C(p.manaWei)})]})]},"mana-short"),t.jsx(Ce,{"data-testid":"mana-shortfall-note",children:f("buyModal.manaWorth",{mana:C(p.manaWei),credits:j(z(p.manaCents)),price:j(z(p.priceCents)),currency:G.name})})]}):null,l?t.jsx(je,{"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=(s,...l)=>void a.invalidateQueries({queryKey:n?[s,...l]:[s]});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 ze=Y`
+`;function xt({options:a,totalCents:n,onPay:i,busy:o=!1,rateNote:l,creditsLabel:c,shortfall:p,showCreditsAmount:x=!0,creditsFallback:g=null}){const b=a.some(h=>h.method==="credits");return e.jsxs(ve,{children:[!b&&g?e.jsx(D,{type:"button","data-testid":"pay-with-credits-topup",onClick:g.onClick,disabled:o,children:e.jsx("span",{children:g.label})}):null,a.map(h=>h.method==="credits"?e.jsxs(D,{type:"button","data-testid":"pay-with-credits",onClick:()=>i("credits"),disabled:o,children:[e.jsx("span",{children:c??m("buyModal.buy")}),x?e.jsxs(M,{children:[e.jsx(k,{}),e.jsx("span",{children:$(z(h.creditsCents))})]}):null]},"credits"):h.method==="mana"?e.jsxs(N,{type:"button","data-testid":"pay-with-mana",onClick:()=>i("mana"),disabled:o,children:[e.jsx("span",{children:m("buyModal.buyWithMana")}),e.jsxs(M,{children:[e.jsx(E,{children:e.jsx("img",{src:T,alt:"","aria-hidden":!0})}),e.jsx("span",{children:C(h.manaWei)})]})]},"mana"):e.jsxs(N,{type:"button","data-testid":"pay-with-combined",onClick:()=>i("combined"),disabled:o,children:[e.jsx("span",{children:m("buyModal.buyWith")}),e.jsxs(M,{children:[e.jsx(k,{}),e.jsx("span",{children:$(z(h.creditsCents))}),e.jsx(je,{children:"+"}),e.jsx(E,{children:e.jsx("img",{src:T,alt:"","aria-hidden":!0})}),e.jsx("span",{children:C(h.manaWei)}),e.jsx(ke,{children:"MANA"})]})]},"combined")),p?e.jsxs(e.Fragment,{children:[e.jsxs(N,{type:"button","data-testid":"pay-with-mana-disabled",disabled:!0,children:[e.jsx("span",{children:m("buyModal.buyWithMana")}),e.jsxs(M,{children:[e.jsx(E,{children:e.jsx("img",{src:T,alt:"","aria-hidden":!0})}),e.jsx("span",{children:C(p.manaWei)})]})]},"mana-short"),e.jsx(Ce,{"data-testid":"mana-shortfall-note",children:m("buyModal.manaWorth",{mana:C(p.manaWei),credits:$(z(p.manaCents)),price:$(z(p.priceCents)),currency:Y.name})})]}):null,l?e.jsx($e,{"data-testid":"mana-rate-note",children:l}):null,e.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 ze=X`
   to { transform: rotate(360deg); }
-`,Me=e.div`
+`,Me=t.div`
   position: fixed;
   inset: 0;
   z-index: 10000;
@@ -120,33 +120,33 @@ import{j as t,r as v}from"./react-BYHuwl8r.js";import{s as e,t as o,b as f,z as
   justify-content: center;
   padding: 16px;
   background: rgba(22, 21, 24, 0.55);
-`,Ae=e.div`
+`,Ae=t.div`
   width: 480px;
   max-width: 100%;
   max-height: 92vh;
   overflow-y: auto;
-  background: ${o.colors.white};
+  background: ${s.colors.white};
   border-radius: 16px;
   padding: 12px 16px 16px;
   box-shadow: 0 24px 60px rgba(0, 0, 0, 0.3);
   display: flex;
   flex-direction: column;
   gap: 20px;
-`,We=e.div`
+`,We=t.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 8px;
   padding-bottom: 16px;
-  border-bottom: 1px solid ${o.colors.gray4};
-`,Ie=e.h2`
+  border-bottom: 1px solid ${s.colors.gray4};
+`,Ie=t.h2`
   margin: 0;
-  font-family: ${o.font.sans};
+  font-family: ${s.font.sans};
   font-weight: 600;
   font-size: 20px;
   line-height: 1.6;
-  color: ${o.colors.text};
-`,Se=e.button`
+  color: ${s.colors.text};
+`,Se=t.button`
   flex: none;
   display: grid;
   place-items: center;
@@ -155,7 +155,7 @@ import{j as t,r as v}from"./react-BYHuwl8r.js";import{s as e,t as o,b as f,z as
   border: 0;
   background: none;
   cursor: pointer;
-  color: ${o.colors.text};
+  color: ${s.colors.text};
 
   .ico {
     width: 18px;
@@ -166,28 +166,28 @@ import{j as t,r as v}from"./react-BYHuwl8r.js";import{s as e,t as o,b as f,z as
     cursor: default;
   }
   &:focus-visible {
-    outline: 2px solid ${o.colors.accent};
+    outline: 2px solid ${s.colors.accent};
     outline-offset: 2px;
   }
-`,Te=e.div`
+`,Te=t.div`
   display: grid;
   grid-template-columns: 44px 1fr;
   align-items: center;
   gap: 14px;
   padding: 14px 18px;
-  background: ${o.colors.white};
-  border: 1px solid ${o.colors.line};
+  background: ${s.colors.white};
+  border: 1px solid ${s.colors.line};
   border-radius: 16px;
-`,Ne=e.div`
+`,Ne=t.div`
   width: 44px;
   height: 44px;
   border-radius: 10px;
-  background: ${o.colors.media};
+  background: ${s.colors.media};
   overflow: hidden;
   display: flex;
   align-items: center;
   justify-content: center;
-  color: ${o.colors.muted2};
+  color: ${s.colors.muted2};
 
   img {
     width: 100%;
@@ -198,39 +198,39 @@ import{j as t,r as v}from"./react-BYHuwl8r.js";import{s as e,t as o,b as f,z as
     width: 26px;
     height: 26px;
   }
-`,Ee=e.div`
+`,Ee=t.div`
   min-width: 0;
   display: flex;
   flex-direction: column;
   gap: 4px;
-`,Be=e.span`
+`,Be=t.span`
   font-weight: 700;
-  color: ${o.colors.text};
-`,Le=e.span`
+  color: ${s.colors.text};
+`,Re=t.span`
   font-size: 13px;
   line-height: 1.45;
-  color: ${o.colors.muted};
-`,Re=e.p`
+  color: ${s.colors.muted};
+`,Le=t.p`
   margin: 0;
   font-size: 12px;
   line-height: 1.5;
-  color: ${o.colors.muted2};
-`,Pe=e.div`
+  color: ${s.colors.muted2};
+`,Pe=t.div`
   display: flex;
   gap: 12px;
 
-  ${o.media.maxWidth("mobile")} {
+  ${s.media.maxWidth("mobile")} {
     flex-direction: column-reverse;
   }
-`,Fe=e.button`
+`,Fe=t.button`
   flex: 1 1 0;
   height: 48px;
-  border: 2px solid ${o.colors.accent};
+  border: 2px solid ${s.colors.accent};
   border-radius: 12px;
   background: transparent;
-  color: ${o.colors.accent};
+  color: ${s.colors.accent};
   cursor: pointer;
-  font-family: ${o.font.sans};
+  font-family: ${s.font.sans};
   font-weight: 600;
   font-size: 13px;
   line-height: 24px;
@@ -245,10 +245,10 @@ import{j as t,r as v}from"./react-BYHuwl8r.js";import{s as e,t as o,b as f,z as
     opacity: 0.5;
   }
   &:focus-visible {
-    outline: 2px solid ${o.colors.accent};
+    outline: 2px solid ${s.colors.accent};
     outline-offset: 2px;
   }
-`,Ke=e.button`
+`,Ke=t.button`
   flex: 1 1 0;
   display: inline-flex;
   align-items: center;
@@ -257,10 +257,10 @@ import{j as t,r as v}from"./react-BYHuwl8r.js";import{s as e,t as o,b as f,z as
   height: 48px;
   border: 0;
   border-radius: 12px;
-  background: ${o.colors.accent};
-  color: ${o.colors.softWhite};
+  background: ${s.colors.accent};
+  color: ${s.colors.softWhite};
   cursor: pointer;
-  font-family: ${o.font.sans};
+  font-family: ${s.font.sans};
   font-weight: 600;
   font-size: 13px;
   line-height: 24px;
@@ -268,39 +268,39 @@ import{j as t,r as v}from"./react-BYHuwl8r.js";import{s as e,t as o,b as f,z as
   text-transform: uppercase;
 
   &:hover:not(:disabled) {
-    background: ${o.colors.accentHover};
+    background: ${s.colors.accentHover};
   }
   &:disabled {
     cursor: default;
     background: rgba(105, 31, 169, 0.4);
   }
   &:focus-visible {
-    outline: 2px solid ${o.colors.accent};
+    outline: 2px solid ${s.colors.accent};
     outline-offset: 2px;
   }
-`,De=e.span`
+`,De=t.span`
   width: 16px;
   height: 16px;
   border-radius: 50%;
   border: 2px solid rgba(255, 255, 255, 0.5);
-  border-top-color: ${o.colors.white};
+  border-top-color: ${s.colors.white};
   animation: ${ze} 0.7s linear infinite;
 
   @media (prefers-reduced-motion: reduce) {
     animation: none;
   }
-`;function ft({auth:a,signer:n,title:i,reason:s,name:l,image:c,icon:p,onAuthorized:x,onCancel:u,onClose:b}){const[y,w]=v.useState(!1),[d,m]=v.useState(null);async function $(){w(!0),m(null);try{await te({auth:a,signer:n,active:!0}),x()}catch(h){se(h)?m(f("authorizeStep.errorRejected")):(X(h,{flow:"authorize_step",kind:a.kind}),m(f("authorizeStep.errorGeneric"))),w(!1)}}return t.jsx(Me,{onClick:y?void 0:b,role:"presentation",children:t.jsxs(Ae,{onClick:h=>h.stopPropagation(),role:"dialog","aria-modal":"true","aria-label":i,children:[t.jsxs(We,{children:[t.jsx(Ie,{children:i}),t.jsx(Se,{onClick:b,disabled:y,"aria-label":f("authorizeStep.close"),children:t.jsx(Q,{name:"close",className:"ico"})})]}),t.jsxs(Te,{"data-testid":"authorize-step-row",children:[t.jsx(Ne,{children:c?t.jsx("img",{src:c,alt:""}):p}),t.jsxs(Ee,{children:[t.jsx(Be,{title:l,children:l}),t.jsx(Le,{children:s})]})]}),t.jsx(Re,{children:f("authorizeStep.note")}),t.jsx(re,{message:d}),t.jsxs(Pe,{children:[t.jsx(Fe,{type:"button",onClick:u,disabled:y,children:f("authorizeStep.cancel")}),t.jsx(Ke,{type:"button","data-testid":"authorize-step-action",onClick:()=>void $(),disabled:y,children:y?t.jsxs(t.Fragment,{children:[t.jsx(De,{"aria-hidden":!0}),f("authorizeStep.authorizing")]}):f("authorizeStep.authorize")})]})]})})}async function mt(a){const[n]=await Qe({...a,trades:[a.trade]});return n}async function Qe(a){const{trades:n,buyer:i,signer:s,onSigned:l}=a;if(n.length===0)throw new Error("No items to buy");const c=new Map;for(const x of n){const u=`${x.chainId}:${x.contract.toLowerCase()}`,b=c.get(u);b?b.push(x):c.set(u,[x])}const p=[];for(const x of c.values())p.push(await Ue({trades:x,buyer:i,signer:s,onSigned:l}));return p}async function Ue(a){const{trades:n,buyer:i,signer:s,onSigned:l}=a,c=n[0],p=W(Z(c.contract),c.chainId),x=W(B.MANAToken,c.chainId);await U({auth:{kind:_.Allowance,contractAddress:x.address,spenderAddress:p.address,chainId:c.chainId},signer:s});const u=n.map(d=>de(d,i));if(K.enabled)try{const d=new xe(p.abi).encodeFunctionData("accept",[u]),m=ne(),$=ae(s.provider,m),h=await pe($,m,d,p,{serverURL:K.relayerUrl});return l==null||l(),await ie(h,"the MANA purchase"),h}catch(d){if(d instanceof he&&d.code===ue.USER_DENIED||d instanceof oe)throw d;console.warn("[buyWithMana] gasless meta-tx failed, falling back to a direct tx:",d)}await q(s.provider,c.chainId);const y=await new ge(p.address,p.abi,s).accept(u,le(c.chainId));return l==null||l(),(await y.wait()).transactionHash}async function bt(a){const{trade:n,buyer:i,signer:s,credits:l,manaGapWei:c,onBroadcast:p,onReverted:x}=a;if(l.length===0)throw new Error("No credits to spend — use buyWithMana for a MANA-only purchase");if(c<=0n)throw new Error("No MANA gap to cover — use buyWithCredits for a credits-only purchase");const u=W(B.MANAToken,n.chainId),b=W(B.CreditsManager,n.chainId);await U({auth:{kind:_.Allowance,contractAddress:u.address,spenderAddress:b.address,chainId:n.chainId},signer:s});const w=(l.reduce((d,m)=>d+BigInt(m.availableAmount),0n)+c).toString();return ce({trade:n,buyer:i,signer:s,credits:l,maxCreditedValue:w,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 wt(a){return t.jsxs("svg",{viewBox:"0 0 24 24",width:"24",height:"24","aria-hidden":!0,...a,children:[t.jsx("path",{d:"M12 3L2 20h20L12 3z",fill:"none",stroke:"#691fa9",strokeWidth:"1.8",strokeLinejoin:"round"}),t.jsx("path",{d:"M12 9v5",stroke:"#691fa9",strokeWidth:"1.8",strokeLinecap:"round"}),t.jsx("circle",{cx:"12",cy:"17",r:"1.1",fill:"#691fa9"})]})}const{colors:r,gradients:O,radius:V,z:_e}=o,vt=e.div`
+`;function ft({auth:a,signer:n,title:i,reason:o,name:l,image:c,icon:p,onAuthorized:x,onCancel:g,onClose:b}){const[h,w]=v.useState(!1),[d,y]=v.useState(null);async function j(){w(!0),y(null);try{await ne({auth:a,signer:n,active:!0}),x()}catch(u){re(u)?y(m("authorizeStep.errorRejected")):(Z(u,{flow:"authorize_step",kind:a.kind}),y(m("authorizeStep.errorGeneric"))),w(!1)}}return e.jsx(Me,{onClick:h?void 0:b,role:"presentation",children:e.jsxs(Ae,{onClick:u=>u.stopPropagation(),role:"dialog","aria-modal":"true","aria-label":i,children:[e.jsxs(We,{children:[e.jsx(Ie,{children:i}),e.jsx(Se,{onClick:b,disabled:h,"aria-label":m("authorizeStep.close"),children:e.jsx(U,{name:"close",className:"ico"})})]}),e.jsxs(Te,{"data-testid":"authorize-step-row",children:[e.jsx(Ne,{children:c?e.jsx("img",{src:c,alt:""}):p}),e.jsxs(Ee,{children:[e.jsx(Be,{title:l,children:l}),e.jsx(Re,{children:o})]})]}),e.jsx(Le,{children:m("authorizeStep.note")}),e.jsx(ce,{message:d}),e.jsxs(Pe,{children:[e.jsx(Fe,{type:"button",onClick:g,disabled:h,children:m("authorizeStep.cancel")}),e.jsx(Ke,{type:"button","data-testid":"authorize-step-action",onClick:()=>void j(),disabled:h,children:h?e.jsxs(e.Fragment,{children:[e.jsx(De,{"aria-hidden":!0}),m("authorizeStep.authorizing")]}):m("authorizeStep.authorize")})]})]})})}async function mt(a){const[n]=await Qe({...a,trades:[a.trade]});return n}async function Qe(a){const{trades:n,buyer:i,signer:o,onSigned:l}=a;if(n.length===0)throw new Error("No items to buy");const c=new Map;for(const x of n){const g=`${x.chainId}:${x.contract.toLowerCase()}`,b=c.get(g);b?b.push(x):c.set(g,[x])}const p=[];for(const x of c.values())p.push(await Ue({trades:x,buyer:i,signer:o,onSigned:l}));return p}async function Ue(a){const{trades:n,buyer:i,signer:o,onSigned:l}=a,c=n[0],p=W(q(c.contract),c.chainId),x=W(B.MANAToken,c.chainId);await _({auth:{kind:H.Allowance,contractAddress:x.address,spenderAddress:p.address,chainId:c.chainId},signer:o});const g=n.map(d=>le(d,i));if(K.enabled)try{const d=new ge(p.abi).encodeFunctionData("accept",[g]),y=ae(),j=ie(o.provider,y),u=await he(j,y,d,p,{serverURL:K.relayerUrl});return l==null||l(),await oe(u,"the MANA purchase"),u}catch(d){if(d instanceof ue&&d.code===xe.USER_DENIED||d instanceof se)throw d;console.warn("[buyWithMana] gasless meta-tx failed, falling back to a direct tx:",d)}await J(o.provider,c.chainId);const h=await new fe(p.address,p.abi,o).accept(g,pe(c.chainId));return l==null||l(),(await h.wait()).transactionHash}async function bt(a){const{trade:n,buyer:i,signer:o,credits:l,manaGapWei:c,onBroadcast:p,onReverted:x}=a;if(l.length===0)throw new Error("No credits to spend — use buyWithMana for a MANA-only purchase");if(c<=0n)throw new Error("No MANA gap to cover — use buyWithCredits for a credits-only purchase");const g=W(B.MANAToken,n.chainId),b=W(B.CreditsManager,n.chainId);await _({auth:{kind:H.Allowance,contractAddress:g.address,spenderAddress:b.address,chainId:n.chainId},signer:o});const w=(l.reduce((d,y)=>d+BigInt(y.availableAmount),0n)+c).toString();return de({trade:n,buyer:i,signer:o,credits:l,maxCreditedValue:w,onBroadcast:p,onReverted:x})}function yt(a){return e.jsx("svg",{viewBox:"0 0 18 18",width:"18",height:"18","aria-hidden":!0,...a,children:e.jsx("path",{d:"M4 4l10 10M14 4L4 14",stroke:"#161518",strokeWidth:"1.8",strokeLinecap:"round"})})}function wt(a){return e.jsxs("svg",{viewBox:"0 0 24 24",width:"24",height:"24","aria-hidden":!0,...a,children:[e.jsx("path",{d:"M12 3L2 20h20L12 3z",fill:"none",stroke:"#691fa9",strokeWidth:"1.8",strokeLinejoin:"round"}),e.jsx("path",{d:"M12 9v5",stroke:"#691fa9",strokeWidth:"1.8",strokeLinecap:"round"}),e.jsx("circle",{cx:"12",cy:"17",r:"1.1",fill:"#691fa9"})]})}const{colors:r,gradients:V,radius:G,z:_e}=s,vt=t.div`
   position: fixed;
   inset: 0;
   z-index: ${_e.overlay};
   display: flex;
   overflow-y: auto;
   padding: 20px;
-`,kt=e.div`
+`,kt=t.div`
   position: fixed;
   inset: 0;
   background: rgba(22, 21, 24, 0.45);
-`,$t=e.div`
+`,jt=t.div`
   position: relative;
   z-index: 1;
   margin: auto;
@@ -330,46 +330,46 @@ import{j as t,r as v}from"./react-BYHuwl8r.js";import{s as e,t as o,b as f,z as
     min-height: 379px;
     justify-content: space-between;
   }
-`,jt=e.div`
+`,$t=t.div`
   display: flex;
   flex-direction: column;
   gap: 4px;
   padding-bottom: 16px;
   border-bottom: 1px solid ${r.gray4};
-`,Ct=e.div`
+`,Ct=t.div`
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   gap: 8px;
-`,zt=e.h2`
+`,zt=t.h2`
   margin: 0;
   font-size: 20px;
   font-weight: 600;
   line-height: 1.6;
   color: ${r.text};
-`,Mt=e.button`
+`,Mt=t.button`
   flex-shrink: 0;
   border: 0;
   background: transparent;
   cursor: pointer;
   padding: 2px;
   line-height: 0;
-`,At=e.div`
+`,At=t.div`
   display: flex;
   align-items: center;
   gap: 4px;
-`,Wt=e.span`
+`,Wt=t.span`
   font-size: 14px;
   font-weight: 600;
   color: ${r.muted1};
-`,It=e(k)`
+`,It=t(k)`
   width: 14px;
   height: 14px;
   background: ${r.text};
-`,St=e.span`
+`,St=t.span`
   font-size: 14px;
   color: ${r.text};
-`,Tt=e.div`
+`,Tt=t.div`
   display: flex;
   flex-direction: column;
   gap: 24px;
@@ -387,11 +387,11 @@ import{j as t,r as v}from"./react-BYHuwl8r.js";import{s as e,t as o,b as f,z as
     gap: 32px;
     padding: 24px 0;
   }
-`,Nt=e.div`
+`,Nt=t.div`
   display: flex;
   gap: 12px;
   align-items: center;
-`,Et=e.div`
+`,Et=t.div`
   flex-shrink: 0;
   width: 180px;
   height: 180px;
@@ -408,25 +408,25 @@ import{j as t,r as v}from"./react-BYHuwl8r.js";import{s as e,t as o,b as f,z as
     object-fit: contain;
     filter: drop-shadow(0.7px 2.9px 3.7px rgba(0, 0, 0, 0.1));
   }
-`,Bt=e.div`
+`,Bt=t.div`
   flex: 1;
   min-width: 0;
   display: flex;
   flex-direction: column;
   gap: 32px;
   padding: 8px;
-`,Lt=e.div`
+`,Rt=t.div`
   font-size: 20px;
   font-weight: 600;
   line-height: 1.57;
   color: ${r.text};
   overflow: hidden;
   text-overflow: ellipsis;
-`,Rt=e(J)`
+`,Lt=t(ee)`
   font-size: 10px;
   line-height: 1.43;
   color: ${r.muted};
-`,Pt=e.div`
+`,Pt=t.div`
   display: flex;
   align-items: center;
   gap: 4px;
@@ -436,19 +436,19 @@ import{j as t,r as v}from"./react-BYHuwl8r.js";import{s as e,t as o,b as f,z as
     font-weight: 600;
     color: ${r.text2};
   }
-`,Ft=e(k)`
+`,Ft=t(k)`
   width: 24px;
   height: 24px;
   background: ${r.text2};
-`,Kt=e.div`
+`,Kt=t.div`
   display: flex;
   align-items: center;
   gap: 8px;
   justify-content: center;
   background: rgba(255, 162, 90, 0.3);
-  border-radius: ${V.btn};
+  border-radius: ${G.btn};
   padding: 12px 8px;
-`,Dt=e.p`
+`,Dt=t.p`
   margin: 0;
   font-size: 14px;
   line-height: 1.334;
@@ -458,10 +458,10 @@ import{j as t,r as v}from"./react-BYHuwl8r.js";import{s as e,t as o,b as f,z as
   & b {
     font-weight: 700;
   }
-`,Qt=e.div`
+`,Qt=t.div`
   display: flex;
   gap: 12px;
-`,Ut=e.button`
+`,Ut=t.button`
   flex: 1;
   height: 109px;
   border: 1px solid ${r.muted2};
@@ -477,39 +477,39 @@ import{j as t,r as v}from"./react-BYHuwl8r.js";import{s as e,t as o,b as f,z as
   &[data-on] {
     border: 4px solid ${r.magenta};
   }
-`,_t=e(k)`
+`,_t=t(k)`
   width: 24px;
   height: 24px;
   background: ${r.text};
-`,Ht=e.span`
+`,Ht=t.span`
   font-size: 24px;
   font-weight: 500;
   color: ${r.text};
-`,Ot=e.span`
+`,Ot=t.span`
   font-size: 14px;
   color: ${r.text};
-`,Vt=e.div`
+`,Vt=t.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
   border-top: 1px solid ${r.gray4};
   padding-top: 12px;
-`,Gt=e.div`
+`,Gt=t.div`
   display: flex;
   align-items: center;
   gap: 8px;
   font-size: 24px;
   font-weight: 700;
   color: ${r.text};
-`,Yt=e(k)`
+`,Yt=t(k)`
   width: 30px;
   height: 30px;
   background: ${r.text};
-`,Xt=e.span`
+`,Xt=t.span`
   font-size: 14px;
   font-weight: 600;
   color: ${r.muted1};
-`,Zt=e.div`
+`,Zt=t.div`
   position: sticky;
   bottom: 0;
   display: flex;
@@ -517,12 +517,12 @@ import{j as t,r as v}from"./react-BYHuwl8r.js";import{s as e,t as o,b as f,z as
   margin-top: -8px;
   padding-top: 8px;
   background: ${r.white};
-`,qt=e.button`
+`,qt=t.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: ${V.btn};
+  border-radius: ${G.btn};
   border: 0;
   cursor: pointer;
   font-size: 15px;
@@ -538,7 +538,7 @@ import{j as t,r as v}from"./react-BYHuwl8r.js";import{s as e,t as o,b as f,z as
     width: 100%;
   }
   &[data-variant='gradient'] {
-    background: ${O.amethyst};
+    background: ${V.amethyst};
     color: ${r.softWhite};
   }
   &[data-variant='outline'] {
@@ -563,10 +563,10 @@ import{j as t,r as v}from"./react-BYHuwl8r.js";import{s as e,t as o,b as f,z as
     opacity: 0.6;
     cursor: default;
   }
-`,Jt=e.img`
+`,Jt=t.img`
   width: 61px;
   height: 61px;
-`,en=e.div`
+`,en=t.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -574,11 +574,11 @@ import{j as t,r as v}from"./react-BYHuwl8r.js";import{s as e,t as o,b as f,z as
   background: rgba(255, 201, 213, 0.5);
   border-radius: 16px;
   padding: 24px 16px;
-`,tn=e.img`
+`,tn=t.img`
   width: 64px;
   height: 80px;
   object-fit: contain;
-`,nn=e.p`
+`,nn=t.p`
   margin: 0;
   text-align: center;
   font-size: 20px;
@@ -589,24 +589,24 @@ import{j as t,r as v}from"./react-BYHuwl8r.js";import{s as e,t as o,b as f,z as
   & b {
     font-weight: 700;
   }
-`,an=e.div`
+`,an=t.div`
   font-size: 20px;
   font-weight: 700;
   color: ${r.text2};
   text-align: center;
-`,on=e.div`
+`,on=t.div`
   width: 100%;
   max-width: 456px;
   height: 12px;
   background: ${r.media};
   border-radius: 100px;
   overflow: hidden;
-`,sn=e.span`
+`,sn=t.span`
   display: block;
   height: 100%;
   width: 40%;
   border-radius: 100px;
-  background: ${O.amethyst};
+  background: ${V.amethyst};
   animation: buy-modal-progress 1.1s ease-in-out infinite;
 
   @keyframes buy-modal-progress {
@@ -623,7 +623,7 @@ import{j as t,r as v}from"./react-BYHuwl8r.js";import{s as e,t as o,b as f,z as
     min-width: 12px;
     transition: width 0.35s ease;
   }
-`,rn=e.div`
+`,rn=t.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -645,7 +645,7 @@ import{j as t,r as v}from"./react-BYHuwl8r.js";import{s as e,t as o,b as f,z as
       padding: 16px;
     }
   }
-`,cn=e.p`
+`,cn=t.p`
   margin: 0;
   font-size: 20px;
   line-height: 1.334;
@@ -665,18 +665,18 @@ import{j as t,r as v}from"./react-BYHuwl8r.js";import{s as e,t as o,b as f,z as
       text-align: center;
     }
   }
-`,{colors:I,media:A}=o,He=e.section`
+`,{colors:I,media:A}=s,He=t.section`
   margin-top: 40px;
-`,Oe=e.div`
+`,Oe=t.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-bottom: 20px;
-`,Ve=e.h2`
+`,Ve=t.h2`
   font-size: 22px;
   font-weight: 700;
   color: ${I.text};
-`,Ge=e.button`
+`,Ge=t.button`
   display: inline-flex;
   align-items: center;
   gap: 4px;
@@ -694,11 +694,11 @@ import{j as t,r as v}from"./react-BYHuwl8r.js";import{s as e,t as o,b as f,z as
   &:hover {
     text-decoration: underline;
   }
-`,Ye=e(Q)`
+`,Ye=t(U)`
   transform: rotate(-90deg);
-`,Xe=e.div`
+`,Xe=t.div`
   position: relative;
-`,D=e.button`
+`,Q=t.button`
   position: absolute;
   top: 112px;
   transform: translateY(-50%);
@@ -745,7 +745,7 @@ import{j as t,r as v}from"./react-BYHuwl8r.js";import{s as e,t as o,b as f,z as
   ${A.maxWidth("lg")} {
     display: none;
   }
-`,Ze=e.div`
+`,Ze=t.div`
   display: grid;
   grid-auto-flow: column;
   grid-auto-columns: calc((100% - 64px) / 5);
@@ -773,13 +773,13 @@ import{j as t,r as v}from"./react-BYHuwl8r.js";import{s as e,t as o,b as f,z as
   ${A.maxWidth("sm")} {
     grid-auto-columns: calc((100% - 16px) / 2);
   }
-`,qe=e.div`
+`,qe=t.div`
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 8px;
   margin-top: 18px;
-`,Je=e.button`
+`,Je=t.button`
   width: 10px;
   height: 10px;
   border-radius: 50%;
@@ -801,4 +801,4 @@ import{j as t,r as v}from"./react-BYHuwl8r.js";import{s as e,t as o,b as f,z as
     opacity: 1;
     transform: scale(1.1);
   }
-`;function dn({title:a,items:n,onViewAll:i}){const s=v.useRef(null),[l,c]=v.useState(1),[p,x]=v.useState(0),[u,b]=v.useState(!0),[y,w]=v.useState(!1),d=v.useCallback(()=>{const h=s.current;if(!h)return;const{scrollLeft:g,scrollWidth:R,clientWidth:S}=h,P=Math.max(1,Math.ceil(R/S));c(P),x(Math.min(P-1,Math.round(g/S))),b(g<=1),w(g+S>=R-1)},[]);if(v.useEffect(()=>{d();const h=s.current;if(h)return h.addEventListener("scroll",d,{passive:!0}),window.addEventListener("resize",d),()=>{h.removeEventListener("scroll",d),window.removeEventListener("resize",d)}},[d,n.length]),n.length===0)return null;function m(h){const g=s.current;g&&g.scrollBy({left:h*g.clientWidth,behavior:"smooth"})}function $(h){const g=s.current;g&&g.scrollTo({left:h*g.clientWidth,behavior:"smooth"})}return t.jsxs(He,{"data-testid":"carousel",children:[t.jsxs(Oe,{children:[t.jsx(Ve,{children:a}),i?t.jsxs(Ge,{onClick:i,children:[f("collectionCarousel.viewAll"),t.jsx(Ye,{name:"chevron-down",size:16})]}):null]}),t.jsxs(Xe,{children:[t.jsx(D,{"data-side":"left",onClick:()=>m(-1),"aria-label":f("collectionCarousel.scrollLeft"),disabled:u,children:t.jsx("img",{src:F,alt:"","aria-hidden":!0})}),t.jsx(Ze,{ref:s,children:n.map(h=>t.jsx(ee,{item:h},h.id))}),t.jsx(D,{"data-side":"right",onClick:()=>m(1),"aria-label":f("collectionCarousel.scrollRight"),disabled:y,children:t.jsx("img",{src:F,alt:"","aria-hidden":!0})})]}),l>1?t.jsx(qe,{"aria-label":f("collectionCarousel.pages"),children:Array.from({length:l}).map((h,g)=>t.jsx(Je,{"data-active":g===p||void 0,"aria-label":f("collectionCarousel.goToPage",{page:g+1}),"aria-current":g===p?"true":void 0,onClick:()=>$(g)},g))}):null]})}export{z as $,Nt as A,At as B,$t as C,Ht as D,Ot as E,Vt as F,Gt as G,jt as H,Yt as I,Xt as J,lt as K,Jt as L,vt as M,dt as N,dn as O,xt as P,ft as Q,T as R,kt as S,zt as T,ct as U,gt as V,Kt as W,Mt as X,Qe as Y,pt as Z,be as _,Ct as a,rn as a0,cn as a1,mt as a2,ht as a3,bt as a4,yt as b,Wt as c,It as d,St as e,Tt as f,en as g,tn as h,nn as i,Zt as j,qt as k,an as l,ut as m,on as n,sn as o,wt as p,Dt as q,Et as r,Bt as s,Lt as t,Rt as u,Pt as v,Ft as w,Qt as x,Ut as y,_t as z};
+`;function dn({title:a,items:n,onViewAll:i}){const o=v.useRef(null),[l,c]=v.useState(1),[p,x]=v.useState(0),[g,b]=v.useState(!0),[h,w]=v.useState(!1),d=v.useCallback(()=>{const u=o.current;if(!u)return;const{scrollLeft:f,scrollWidth:L,clientWidth:S}=u,P=Math.max(1,Math.ceil(L/S));c(P),x(Math.min(P-1,Math.round(f/S))),b(f<=1),w(f+S>=L-1)},[]);if(v.useEffect(()=>{d();const u=o.current;if(u)return u.addEventListener("scroll",d,{passive:!0}),window.addEventListener("resize",d),()=>{u.removeEventListener("scroll",d),window.removeEventListener("resize",d)}},[d,n.length]),n.length===0)return null;function y(u){const f=o.current;f&&f.scrollBy({left:u*f.clientWidth,behavior:"smooth"})}function j(u){const f=o.current;f&&f.scrollTo({left:u*f.clientWidth,behavior:"smooth"})}return e.jsxs(He,{"data-testid":"carousel",children:[e.jsxs(Oe,{children:[e.jsx(Ve,{children:a}),i?e.jsxs(Ge,{onClick:i,children:[m("collectionCarousel.viewAll"),e.jsx(Ye,{name:"chevron-down",size:16})]}):null]}),e.jsxs(Xe,{children:[e.jsx(Q,{"data-side":"left",onClick:()=>y(-1),"aria-label":m("collectionCarousel.scrollLeft"),disabled:g,children:e.jsx("img",{src:F,alt:"","aria-hidden":!0})}),e.jsx(Ze,{ref:o,children:n.map(u=>e.jsx(te,{item:u},u.id))}),e.jsx(Q,{"data-side":"right",onClick:()=>y(1),"aria-label":m("collectionCarousel.scrollRight"),disabled:h,children:e.jsx("img",{src:F,alt:"","aria-hidden":!0})})]}),l>1?e.jsx(qe,{"aria-label":m("collectionCarousel.pages"),children:Array.from({length:l}).map((u,f)=>e.jsx(Je,{"data-active":f===p||void 0,"aria-label":m("collectionCarousel.goToPage",{page:f+1}),"aria-current":f===p?"true":void 0,onClick:()=>j(f)},f))}):null]})}export{z as $,Nt as A,At as B,jt as C,Ht as D,Ot as E,Vt as F,Gt as G,$t as H,Yt as I,Xt as J,lt as K,Jt as L,vt as M,dt as N,dn as O,xt as P,ft as Q,T as R,kt as S,zt as T,ct as U,gt as V,Kt as W,Mt as X,Qe as Y,pt as Z,ye as _,Ct as a,rn as a0,cn as a1,mt as a2,ht as a3,bt as a4,yt as b,Wt as c,It as d,St as e,Tt as f,en as g,tn as h,nn as i,Zt as j,qt as k,an as l,ut as m,on as n,sn as o,wt as p,Dt as q,Et as r,Bt as s,Rt as t,Lt as u,Pt as v,Ft as w,Qt as x,Ut as y,_t as z};