@dcl/shop 1.9.3-32728193174.commit-a3b6c07 → 1.9.3-32728233076.commit-3f83397

package/_assets/{CollectionCarousel-Cmf4W8MU.js → CollectionCarousel-CLXiDpcX.js}

@@ -1,10 +1,10 @@
-import{j as n,r as k}from"./react-tQZQlQ39.js";import{s as a,t as o,b as v,q as M,E as R,c3 as $,m as le,I as K,h as S,aZ as pe,bQ as O,cu as he,g as C,f as j,b2 as U,a0 as Z,ar as ue,cv as ge,cw as H,Q as xe}from"./index-CUw_0m5M.js";import{s as fe,i as P,A as V,g as z,r as G,m as J,k as Y,l as _}from"./authorizations-DRvMaw3F.js";import{i as me}from"./errors-BDvs-eCk.js";import{E as be}from"./ErrorNotice-CBDZFAVu.js";import{k as we,l as ye,m as ee,n as ve,o as ke}from"./buy-DUn7KFQP.js";import{s as te,M as ae,E as ne}from"./sendMetaTransaction-BQlYsIba.js";import{I as Ce,C as ie}from"./ethers-Dq9su_9o.js";(function(){try{var t=typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},e=new t.Error().stack;e&&(t._sentryDebugIds=t._sentryDebugIds||{},t._sentryDebugIds[e]="ee0b02a8-b374-45a3-bf19-b34a9454dc0a",t._sentryDebugIdIdentifier="sentry-dbid-ee0b02a8-b374-45a3-bf19-b34a9454dc0a")}catch{}})();const N="shop:resume_after_signin",je=900*1e3;function mt(t){try{sessionStorage.setItem(N,JSON.stringify({...t,at:Date.now()}))}catch{}}function bt(t){let e;try{e=sessionStorage.getItem(N)}catch{return null}if(!e)return null;try{sessionStorage.removeItem(N)}catch{}let i;try{i=JSON.parse(e)}catch{return null}return!i||i.type!==t||typeof i.at!="number"||Date.now()-i.at>je?null:i.type==="cart-checkout"?{type:"cart-checkout"}:{type:"item-buy",path:i.path}}const I="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",Me=a.div`
+import{j as n,r as C}from"./react-CdMVTK5A.js";import{s as a,t as r,b as v,q as A,E as R,c3 as E,m as le,I as G,h as $,aZ as he,bQ as X,cu as pe,g as j,f as M,b2 as Z,$ as ue,a0 as J,ar as ge,cv as xe,cw as Q,Q as fe}from"./index-CtlGdtrd.js";import{s as me,i as F,A as V,g as T,r as Y,m as _,k as ee,l as te}from"./authorizations-DF4TCNrP.js";import{i as be}from"./errors-DAq91AQn.js";import{E as we}from"./ErrorNotice-CSPveybR.js";import{k as ye,l as ve,m as ae,n as ke,o as Ce}from"./buy-tMXLicAh.js";import{a as je,w as Me,S as Ae,G as Te}from"./buy-gasless-UFQUKlRJ.js";import{M as D,E as L,s as ne}from"./sendMetaTransaction-9izc41PC.js";import{I as ze,C as ie}from"./ethers-CFEyxHZP.js";(function(){try{var t=typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},e=new t.Error().stack;e&&(t._sentryDebugIds=t._sentryDebugIds||{},t._sentryDebugIds[e]="9a3b171c-680b-42b1-8c52-1d75c0ff2c42",t._sentryDebugIdIdentifier="sentry-dbid-9a3b171c-680b-42b1-8c52-1d75c0ff2c42")}catch{}})();const P="shop:resume_after_signin",We=900*1e3;function Ct(t){try{sessionStorage.setItem(P,JSON.stringify({...t,at:Date.now()}))}catch{}}function jt(t){let e;try{e=sessionStorage.getItem(P)}catch{return null}if(!e)return null;try{sessionStorage.removeItem(P)}catch{}let i;try{i=JSON.parse(e)}catch{return null}return!i||i.type!==t||typeof i.at!="number"||Date.now()-i.at>We?null:i.type==="cart-checkout"?{type:"cart-checkout"}:{type:"item-buy",path:i.path}}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",$e=a.div`
   display: flex;
   flex-direction: column;
   gap: 12px;
   align-items: stretch;
   width: 100%;
-`,oe=`
+`,re=`
   width: 100%;
   min-height: 56px;
   display: flex;
@@ -19,37 +19,37 @@ import{j as n,r as k}from"./react-tQZQlQ39.js";import{s as a,t as o,b as v,q as
   transition:
     background 0.15s ease,
     filter 0.15s ease;
-  font-family: ${o.font.sans};
+  font-family: ${r.font.sans};
   font-weight: 600;
   font-size: 15px;
   line-height: 24px;
   letter-spacing: 0.46px;
   text-transform: uppercase;
-  color: ${o.colors.softWhite};
+  color: ${r.colors.softWhite};
 
   &:focus-visible {
-    outline: 2px solid ${o.colors.accent};
+    outline: 2px solid ${r.colors.accent};
     outline-offset: 2px;
   }
   &:disabled {
     opacity: 0.6;
     cursor: default;
   }
-`,X=a.button`
-  ${oe}
-  background: ${o.gradients.buyBtn};
+`,U=a.button`
+  ${re}
+  background: ${r.gradients.buyBtn};
 
   &:hover:not(:disabled) {
     filter: brightness(1.08);
   }
-`,E=a.button`
-  ${oe}
-  background: ${o.colors.text2};
+`,S=a.button`
+  ${re}
+  background: ${r.colors.text2};
 
   &:hover:not(:disabled) {
-    background: ${o.colors.gray0};
+    background: ${r.colors.gray0};
   }
-`,A=a.span`
+`,z=a.span`
   display: inline-flex;
   align-items: center;
   gap: 6px;
@@ -64,9 +64,9 @@ import{j as n,r as k}from"./react-tQZQlQ39.js";import{s as a,t as o,b as v,q as
   .ico {
     width: 24px;
     height: 24px;
-    background: ${o.colors.softWhite};
+    background: ${r.colors.softWhite};
   }
-`,B=a.span`
+`,N=a.span`
   position: relative;
   display: block;
   width: 30px;
@@ -84,61 +84,61 @@ import{j as n,r as k}from"./react-tQZQlQ39.js";import{s as a,t as o,b as v,q as
     height: 24px;
     display: block;
   }
-`,Ae=a.span`
+`,Ie=a.span`
   font-size: 13px;
   font-weight: 600;
   letter-spacing: 0.02em;
   opacity: 0.85;
-`,Te=a.span`
+`,Ee=a.span`
   font-size: 18px;
   font-weight: 600;
   opacity: 0.7;
-`,ze=a.p`
+`,Be=a.p`
   margin: -4px 0 0;
-  font-family: ${o.font.sans};
+  font-family: ${r.font.sans};
   font-weight: 400;
   font-size: 12px;
   line-height: 1.4;
-  color: ${o.colors.muted};
+  color: ${r.colors.muted};
   text-align: center;
-`;function wt({options:t,totalCents:e,onPay:i,busy:r=!1,creditsLabel:c,shortfall:l,showCreditsAmount:h=!0,creditsFallback:u=null}){const w=t.some(g=>g.method==="credits");return n.jsxs(Me,{children:[!w&&u?n.jsx(X,{type:"button","data-testid":"pay-with-credits-topup",onClick:u.onClick,disabled:r,children:n.jsx("span",{children:u.label})}):null,t.map(g=>g.method==="credits"?n.jsxs(X,{type:"button","data-testid":"pay-with-credits",onClick:()=>i("credits"),disabled:r,children:[n.jsx("span",{children:c??v("buyModal.buy")}),h?n.jsxs(A,{children:[n.jsx(M,{}),n.jsx("span",{children:R(g.credits)})]}):null]},"credits"):g.method==="mana"?n.jsxs(E,{type:"button","data-testid":"pay-with-mana",onClick:()=>i("mana"),disabled:r,children:[n.jsx("span",{children:v("buyModal.buyWithMana")}),n.jsxs(A,{children:[n.jsx(B,{children:n.jsx("img",{src:I,alt:"","aria-hidden":!0})}),n.jsx("span",{children:$(g.manaWei)})]})]},"mana"):n.jsxs(E,{type:"button","data-testid":"pay-with-combined",onClick:()=>i("combined"),disabled:r,children:[n.jsx("span",{children:v("buyModal.buyWith")}),n.jsxs(A,{children:[n.jsx(M,{}),n.jsx("span",{children:R(g.credits)}),n.jsx(Te,{children:"+"}),n.jsx(B,{children:n.jsx("img",{src:I,alt:"","aria-hidden":!0})}),n.jsx("span",{children:$(g.manaWei)}),n.jsx(Ae,{children:"MANA"})]})]},"combined")),l?n.jsxs(n.Fragment,{children:[n.jsxs(E,{type:"button","data-testid":"pay-with-mana-disabled",disabled:!0,children:[n.jsx("span",{children:v("buyModal.buyWithMana")}),n.jsxs(A,{children:[n.jsx(B,{children:n.jsx("img",{src:I,alt:"","aria-hidden":!0})}),n.jsx("span",{children:$(l.manaWei)})]})]},"mana-short"),n.jsx(ze,{"data-testid":"mana-shortfall-note",children:v("buyModal.notEnoughMana")})]}):null,n.jsx("span",{hidden:!0,"data-testid":"pay-total-cents",children:e})]})}function yt(t,e){const i=(r,...c)=>void t.invalidateQueries({queryKey:e?[r,...c]:[r]});t.invalidateQueries({queryKey:["usd-balance"]}),t.invalidateQueries({queryKey:["detail-trade"]}),t.invalidateQueries({queryKey:["shop-item"]}),i("owned-token",e==null?void 0:e.contractAddress,e==null?void 0:e.tokenId),i("public-token",e==null?void 0:e.contractAddress,e==null?void 0:e.tokenId),i("item-resales",e==null?void 0:e.contractAddress,e==null?void 0:e.itemId),t.invalidateQueries({queryKey:["shop-items"]}),t.invalidateQueries({queryKey:["catalog-items"]}),t.invalidateQueries({queryKey:["overview-listings"]}),t.invalidateQueries({queryKey:["upsell-listings"]}),t.invalidateQueries({queryKey:["my-assets"]}),t.invalidateQueries({queryKey:["purchases"]}),t.invalidateQueries({queryKey:["owned-item-count"]})}const We=le`
+`;function Mt({options:t,totalCents:e,onPay:i,busy:o=!1,creditsLabel:l,shortfall:h,showCreditsAmount:g=!0,creditsFallback:p=null}){const w=t.some(u=>u.method==="credits");return n.jsxs($e,{children:[!w&&p?n.jsx(U,{type:"button","data-testid":"pay-with-credits-topup",onClick:p.onClick,disabled:o,children:n.jsx("span",{children:p.label})}):null,t.map(u=>u.method==="credits"?n.jsxs(U,{type:"button","data-testid":"pay-with-credits",onClick:()=>i("credits"),disabled:o,children:[n.jsx("span",{children:l??v("buyModal.buy")}),g?n.jsxs(z,{children:[n.jsx(A,{}),n.jsx("span",{children:R(u.credits)})]}):null]},"credits"):u.method==="mana"?n.jsxs(S,{type:"button","data-testid":"pay-with-mana",onClick:()=>i("mana"),disabled:o,children:[n.jsx("span",{children:v("buyModal.buyWithMana")}),n.jsxs(z,{children:[n.jsx(N,{children:n.jsx("img",{src:B,alt:"","aria-hidden":!0})}),n.jsx("span",{children:E(u.manaWei)})]})]},"mana"):n.jsxs(S,{type:"button","data-testid":"pay-with-combined",onClick:()=>i("combined"),disabled:o,children:[n.jsx("span",{children:v("buyModal.buyWith")}),n.jsxs(z,{children:[n.jsx(A,{}),n.jsx("span",{children:R(u.credits)}),n.jsx(Ee,{children:"+"}),n.jsx(N,{children:n.jsx("img",{src:B,alt:"","aria-hidden":!0})}),n.jsx("span",{children:E(u.manaWei)}),n.jsx(Ie,{children:"MANA"})]})]},"combined")),h?n.jsxs(n.Fragment,{children:[n.jsxs(S,{type:"button","data-testid":"pay-with-mana-disabled",disabled:!0,children:[n.jsx("span",{children:v("buyModal.buyWithMana")}),n.jsxs(z,{children:[n.jsx(N,{children:n.jsx("img",{src:B,alt:"","aria-hidden":!0})}),n.jsx("span",{children:E(h.manaWei)})]})]},"mana-short"),n.jsx(Be,{"data-testid":"mana-shortfall-note",children:v("buyModal.notEnoughMana")})]}):null,n.jsx("span",{hidden:!0,"data-testid":"pay-total-cents",children:e})]})}function At(t,e){const i=(o,...l)=>void t.invalidateQueries({queryKey:e?[o,...l]:[o]});t.invalidateQueries({queryKey:["usd-balance"]}),t.invalidateQueries({queryKey:["detail-trade"]}),t.invalidateQueries({queryKey:["shop-item"]}),i("owned-token",e==null?void 0:e.contractAddress,e==null?void 0:e.tokenId),i("public-token",e==null?void 0:e.contractAddress,e==null?void 0:e.tokenId),i("item-resales",e==null?void 0:e.contractAddress,e==null?void 0:e.itemId),t.invalidateQueries({queryKey:["shop-items"]}),t.invalidateQueries({queryKey:["catalog-items"]}),t.invalidateQueries({queryKey:["overview-listings"]}),t.invalidateQueries({queryKey:["upsell-listings"]}),t.invalidateQueries({queryKey:["my-assets"]}),t.invalidateQueries({queryKey:["purchases"]}),t.invalidateQueries({queryKey:["owned-item-count"]})}const Se=le`
   to { transform: rotate(360deg); }
-`,$e=a.div`
+`,Ne=a.div`
   position: fixed;
   inset: 0;
-  z-index: ${o.z.prompt};
+  z-index: ${r.z.prompt};
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 16px;
   background: rgba(22, 21, 24, 0.55);
-`,Ie=a.div`
+`,Pe=a.div`
   width: 480px;
   max-width: 100%;
   max-height: 92vh;
   overflow-y: auto;
-  background: ${o.colors.white};
+  background: ${r.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;
-`,Ee=a.div`
+`,Fe=a.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 8px;
   padding-bottom: 16px;
-  border-bottom: 1px solid ${o.colors.gray4};
-`,Be=a.h2`
+  border-bottom: 1px solid ${r.colors.gray4};
+`,Ve=a.h2`
   margin: 0;
-  font-family: ${o.font.sans};
+  font-family: ${r.font.sans};
   font-weight: 600;
   font-size: 20px;
   line-height: 1.6;
-  color: ${o.colors.text};
-`,Ne=a.button`
+  color: ${r.colors.text};
+`,De=a.button`
   flex: none;
   display: grid;
   place-items: center;
@@ -147,7 +147,7 @@ import{j as n,r as k}from"./react-tQZQlQ39.js";import{s as a,t as o,b as v,q as
   border: 0;
   background: none;
   cursor: pointer;
-  color: ${o.colors.text};
+  color: ${r.colors.text};
 
   .ico {
     width: 18px;
@@ -158,34 +158,34 @@ import{j as n,r as k}from"./react-tQZQlQ39.js";import{s as a,t as o,b as v,q as
     cursor: default;
   }
   &:focus-visible {
-    outline: 2px solid ${o.colors.accent};
+    outline: 2px solid ${r.colors.accent};
     outline-offset: 2px;
   }
-`,Se=a.span`
+`,Le=a.span`
   margin-left: auto;
   margin-right: 12px;
-  color: ${o.colors.muted};
+  color: ${r.colors.muted};
   font-size: 14px;
   white-space: nowrap;
-`,Pe=a.div`
+`,qe=a.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: ${r.colors.white};
+  border: 1px solid ${r.colors.line};
   border-radius: 16px;
-`,Ve=a.div`
+`,He=a.div`
   width: 44px;
   height: 44px;
   border-radius: 10px;
-  background: ${o.colors.media};
+  background: ${r.colors.media};
   overflow: hidden;
   display: flex;
   align-items: center;
   justify-content: center;
-  color: ${o.colors.muted2};
+  color: ${r.colors.muted2};
 
   img {
     width: 100%;
@@ -196,39 +196,39 @@ import{j as n,r as k}from"./react-tQZQlQ39.js";import{s as a,t as o,b as v,q as
     width: 26px;
     height: 26px;
   }
-`,Fe=a.div`
+`,Oe=a.div`
   min-width: 0;
   display: flex;
   flex-direction: column;
   gap: 4px;
-`,Le=a.span`
+`,Re=a.span`
   font-weight: 700;
-  color: ${o.colors.text};
-`,De=a.span`
+  color: ${r.colors.text};
+`,Xe=a.span`
   font-size: 13px;
   line-height: 1.45;
-  color: ${o.colors.muted};
-`,qe=a.p`
+  color: ${r.colors.muted};
+`,Qe=a.p`
   margin: 0;
   font-size: 12px;
   line-height: 1.5;
-  color: ${o.colors.muted2};
-`,Re=a.div`
+  color: ${r.colors.muted2};
+`,Ue=a.div`
   display: flex;
   gap: 12px;
 
-  ${o.media.maxWidth("mobile")} {
+  ${r.media.maxWidth("mobile")} {
     flex-direction: column-reverse;
   }
-`,Oe=a.button`
+`,Ke=a.button`
   flex: 1 1 0;
   height: 48px;
-  border: 2px solid ${o.colors.accent};
+  border: 2px solid ${r.colors.accent};
   border-radius: 12px;
   background: transparent;
-  color: ${o.colors.accent};
+  color: ${r.colors.accent};
   cursor: pointer;
-  font-family: ${o.font.sans};
+  font-family: ${r.font.sans};
   font-weight: 600;
   font-size: 13px;
   line-height: 24px;
@@ -243,10 +243,10 @@ import{j as n,r as k}from"./react-tQZQlQ39.js";import{s as a,t as o,b as v,q as
     opacity: 0.5;
   }
   &:focus-visible {
-    outline: 2px solid ${o.colors.accent};
+    outline: 2px solid ${r.colors.accent};
     outline-offset: 2px;
   }
-`,He=a.button`
+`,Ge=a.button`
   flex: 1 1 0;
   display: inline-flex;
   align-items: center;
@@ -255,10 +255,10 @@ import{j as n,r as k}from"./react-tQZQlQ39.js";import{s as a,t as o,b as v,q as
   height: 48px;
   border: 0;
   border-radius: 12px;
-  background: ${o.colors.accent};
-  color: ${o.colors.softWhite};
+  background: ${r.colors.accent};
+  color: ${r.colors.softWhite};
   cursor: pointer;
-  font-family: ${o.font.sans};
+  font-family: ${r.font.sans};
   font-weight: 600;
   font-size: 13px;
   line-height: 24px;
@@ -266,39 +266,39 @@ import{j as n,r as k}from"./react-tQZQlQ39.js";import{s as a,t as o,b as v,q as
   text-transform: uppercase;
 
   &:hover:not(:disabled) {
-    background: ${o.colors.accentHover};
+    background: ${r.colors.accentHover};
   }
   &:disabled {
     cursor: default;
     background: rgba(105, 31, 169, 0.4);
   }
   &:focus-visible {
-    outline: 2px solid ${o.colors.accent};
+    outline: 2px solid ${r.colors.accent};
     outline-offset: 2px;
   }
-`,Xe=a.span`
+`,Ze=a.span`
   width: 16px;
   height: 16px;
   border-radius: 50%;
   border: 2px solid rgba(255, 255, 255, 0.5);
-  border-top-color: ${o.colors.white};
-  animation: ${We} 0.7s linear infinite;
+  border-top-color: ${r.colors.white};
+  animation: ${Se} 0.7s linear infinite;
 
   @media (prefers-reduced-motion: reduce) {
     animation: none;
   }
-`;function vt({auth:t,signer:e,step:i,title:r,reason:c,name:l,image:h,icon:u,onAuthorized:w,onCancel:g,onClose:x}){const[f,m]=k.useState(!1),[s,y]=k.useState(null);async function b(){m(!0),y(null);try{await fe({auth:t,signer:e,active:!0}),w()}catch(p){me(p)?y(v("authorizeStep.errorRejected")):(S(p,{flow:"authorize_step",kind:t.kind}),y(v("authorizeStep.errorGeneric"))),m(!1)}}return n.jsx($e,{onClick:f?void 0:x,role:"presentation","data-testid":"authorize-step-scrim",children:n.jsxs(Ie,{onClick:p=>p.stopPropagation(),role:"dialog","aria-modal":"true","aria-label":r,children:[n.jsxs(Ee,{children:[n.jsx(Be,{children:r}),i&&i.total>1?n.jsx(Se,{"data-testid":"authorize-step-count",children:v("authorizeStep.stepOf",{index:i.index,total:i.total})}):null,n.jsx(Ne,{onClick:x,disabled:f,"aria-label":v("authorizeStep.close"),children:n.jsx(K,{name:"close",className:"ico"})})]}),n.jsxs(Pe,{"data-testid":"authorize-step-row",children:[n.jsx(Ve,{children:h?n.jsx("img",{src:h,alt:""}):u}),n.jsxs(Fe,{children:[n.jsx(Le,{title:l,children:l}),n.jsx(De,{children:c})]})]}),n.jsx(qe,{children:v("authorizeStep.note")}),n.jsx(be,{message:s}),n.jsxs(Re,{children:[n.jsx(Oe,{type:"button",onClick:g,disabled:f,children:v("authorizeStep.cancel")}),n.jsx(He,{type:"button","data-testid":"authorize-step-action",onClick:()=>void b(),disabled:f,children:f?n.jsxs(n.Fragment,{children:[n.jsx(Xe,{"aria-hidden":!0}),v("authorizeStep.authorizing")]}):v("authorizeStep.authorize")})]})]})})}const kt="data:image/webp;base64,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",Ct="https://cdn.decentraland.org/@dcl/shop/1.9.3-32728193174.commit-a3b6c07/_assets/buy-error-22UunaPC.png";function Qe(t,e){return(t+e-1n)/e}function Ke(t,e,i){return t<=0||e<=0?0n:t>=e?i:Qe(i*BigInt(t),BigInt(e))}function jt(t){var x,f,m;const e=Number.isFinite(t.priceCents)?Math.max(0,Math.trunc(t.priceCents)):0,i=Number.isFinite(t.balanceCents)?Math.max(0,Math.trunc(t.balanceCents)):0,r=t.priceManaWei>0n?t.priceManaWei:0n,c=t.manaBalanceWei>0n?t.manaBalanceWei:0n;if(e<=0)return{options:[],preferred:null,manaShortfall:null};const l=[];i>=e&&l.push({method:"credits",creditsCents:e,credits:pe(e),manaWei:0n});const h=O(i)*he;if(r>0n&&h>0&&h<e){const s=e-h,y=Ke(s,e,r);c>=y&&l.push({method:"combined",creditsCents:h,credits:O(h),manaWei:y})}r>0n&&c>=r&&l.push({method:"mana",creditsCents:0,credits:0,manaWei:r});const u=((x=l.find(s=>s.method==="credits"))==null?void 0:x.method)??((f=l.find(s=>s.method==="combined"))==null?void 0:f.method)??((m=l.find(s=>s.method==="mana"))==null?void 0:m.method)??null,g=!l.some(s=>s.method==="mana"||s.method==="combined")&&r>0n&&c>0n?{manaWei:c,manaCents:Ue(c,e,r),priceCents:e}:null;return{options:l,preferred:u,manaShortfall:g}}function Ue(t,e,i){return Number(t*BigInt(e)/i)}function Mt(t,e){let i=Number.isFinite(e)?Math.max(0,Math.trunc(e)):0;return t.map(r=>{const c=Number.isFinite(r)?Math.max(0,Math.trunc(r)):0,l=Math.min(c,i);return i-=l,l})}function At(t,e){return t.options.find(i=>i.method===e)??null}async function Tt(t){const[e]=await re({...t,trades:[t.trade]});return e}async function zt(t){const[e]=await re({...t,trades:[],mints:[t.mint]});return e}async function re(t){const{trades:e,mints:i=[],buyer:r,signer:c,onSigned:l,manaWei:h}=t;if(e.length===0&&i.length===0)throw new Error("No items to buy");const u=new Map;for(const x of e){const f=`${x.chainId}:${x.contract.toLowerCase()}`,m=u.get(f);m?m.push(x):u.set(f,[x])}const w=new Map;for(const x of i){const f=w.get(x.chainId);f?f.push(x):w.set(x.chainId,[x])}const g=[];for(const x of u.values())g.push(await Ze({trades:x,buyer:r,signer:c,onSigned:l,requiredManaWei:h}));for(const[x,f]of w){const m=h??f.reduce((s,y)=>s+BigInt(y.item.priceWei),0n);g.push(await Ge({mints:f,chainId:x,buyer:r,signer:c,onSigned:l,requiredManaWei:m}))}return g}async function Ze(t){const{trades:e,buyer:i,signer:r,onSigned:c,requiredManaWei:l}=t,h=e[0],u=C(U(h.contract),h.chainId),w=C(j.MANAToken,h.chainId);await P({auth:{kind:V.Allowance,contractAddress:w.address,spenderAddress:u.address,chainId:h.chainId},signer:r,requiredWei:l});const g=e.map(s=>ye(s,i));if(z.enabled)try{const s=new Ce(u.abi).encodeFunctionData("accept",[g]),y=G(),b=J(r.provider,y),p=await te(b,y,s,u,{serverURL:z.relayerUrl});return c==null||c(),await Y(p,"the MANA purchase"),p}catch(s){if(s instanceof ae&&s.code===ne.USER_DENIED||s instanceof _)throw s;S(s,{flow:"buy_mana",step:"gasless_fallback"})}await Z(r.provider,h.chainId);const f=await new ie(u.address,u.abi,r).accept(g,ee(h.chainId));return c==null||c(),(await f.wait()).transactionHash}async function Ge(t){const{mints:e,chainId:i,buyer:r,signer:c,onSigned:l,requiredManaWei:h}=t,u=C(j.CollectionStore,i),w=C(j.MANAToken,i),g=e.map(s=>s.item);if(await P({auth:{kind:V.Allowance,contractAddress:w.address,spenderAddress:u.address,chainId:i},signer:c,requiredWei:h}),z.enabled)try{const s=ve(g,r,u.abi),y=G(),b=J(c.provider,y),p=await te(b,y,s,u,{serverURL:z.relayerUrl});return l==null||l(),await Y(p,"the MANA purchase"),p}catch(s){if(s instanceof ae&&s.code===ne.USER_DENIED||s instanceof _)throw s;S(s,{flow:"buy_mint_mana",step:"gasless_fallback"})}await Z(c.provider,i);const f=await new ie(u.address,u.abi,c).buy(ke(g,r),ee(i));return l==null||l(),(await f.wait()).transactionHash}async function Wt(t){const{trade:e,...i}=t;return se({target:{kind:"trade",trade:e},...i})}async function $t(t){const{mint:e,...i}=t;return se({target:{kind:"store",mint:e},...i})}async function se(t){const{target:e,buyer:i,signer:r,credits:c,manaGapWei:l,onBroadcast:h,onReverted:u}=t;if(c.length===0)throw new Error("No credits to spend — use the MANA-only rail for that");if(l<=0n)throw new Error("No MANA gap to cover — use the credits-only rail for that");const w=de(e),g=C(j.MANAToken,w),x=C(j.CreditsManager,w);await P({auth:{kind:V.Allowance,contractAddress:g.address,spenderAddress:x.address,chainId:w},signer:r,requiredWei:l});const m=(c.reduce((s,y)=>s+BigInt(y.availableAmount),0n)+l).toString();return we({purchase:Je(e,c,m),buyer:i,signer:r,onBroadcast:h,onReverted:u})}function de(t){return t.kind==="trade"?t.trade.chainId:t.mint.chainId}function Je(t,e,i){return t.kind==="trade"?{kind:"trade",trade:t.trade,credits:e,maxCreditedValue:i}:{kind:"store",item:t.mint.item,chainId:t.mint.chainId,credits:e,maxCreditedValue:i}}function It(t,e){const i=de(e);return t==="combined"?{spender:C(j.CreditsManager,i).address,chainId:i}:{spender:e.kind==="trade"?C(U(e.trade.contract),i).address:C(j.CollectionStore,i).address,chainId:i}}function Et(t){return n.jsx("svg",{viewBox:"0 0 18 18",width:"18",height:"18","aria-hidden":!0,...t,children:n.jsx("path",{d:"M4 4l10 10M14 4L4 14",stroke:"#161518",strokeWidth:"1.8",strokeLinecap:"round"})})}function Bt(t){return n.jsx("svg",{viewBox:"0 0 20 20",width:"24",height:"24","aria-hidden":!0,...t,children:n.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:d,gradients:F,radius:ce,z:Ye}=o,Nt=a.div`
+`;function Tt({auth:t,signer:e,step:i,title:o,reason:l,name:h,image:g,icon:p,onAuthorized:w,onCancel:u,onClose:x}){const[f,b]=C.useState(!1),[d,y]=C.useState(null);async function m(){b(!0),y(null);try{await me({auth:t,signer:e,active:!0}),w()}catch(c){be(c)?y(v("authorizeStep.errorRejected")):($(c,{flow:"authorize_step",kind:t.kind}),y(v("authorizeStep.errorGeneric"))),b(!1)}}return n.jsx(Ne,{onClick:f?void 0:x,role:"presentation","data-testid":"authorize-step-scrim",children:n.jsxs(Pe,{onClick:c=>c.stopPropagation(),role:"dialog","aria-modal":"true","aria-label":o,children:[n.jsxs(Fe,{children:[n.jsx(Ve,{children:o}),i&&i.total>1?n.jsx(Le,{"data-testid":"authorize-step-count",children:v("authorizeStep.stepOf",{index:i.index,total:i.total})}):null,n.jsx(De,{onClick:x,disabled:f,"aria-label":v("authorizeStep.close"),children:n.jsx(G,{name:"close",className:"ico"})})]}),n.jsxs(qe,{"data-testid":"authorize-step-row",children:[n.jsx(He,{children:g?n.jsx("img",{src:g,alt:""}):p}),n.jsxs(Oe,{children:[n.jsx(Re,{title:h,children:h}),n.jsx(Xe,{children:l})]})]}),n.jsx(Qe,{children:v("authorizeStep.note")}),n.jsx(we,{message:d}),n.jsxs(Ue,{children:[n.jsx(Ke,{type:"button",onClick:u,disabled:f,children:v("authorizeStep.cancel")}),n.jsx(Ge,{type:"button","data-testid":"authorize-step-action",onClick:()=>void m(),disabled:f,children:f?n.jsxs(n.Fragment,{children:[n.jsx(Ze,{"aria-hidden":!0}),v("authorizeStep.authorizing")]}):v("authorizeStep.authorize")})]})]})})}const zt="data:image/webp;base64,UklGRvgKAABXRUJQVlA4IOwKAADQKwCdASpgAGUAPjEUiEKiISEUnq8wIAMEtgBkC7j/3+G/I38cvlZrz9m/Bv7ucdsZLtP/U/cL2pPMH/Tb/Nfar3MfMJ+1P7ge7h/p/W5/dvUF/ln/R60X0FfLU/cP4VP2y/bv2Zf//dh/DX9N2THgHQ12q7Xn+Y33EAH0+/4PqITRFa4zT/1eWj619gr9Vf+j6x/rq/cX2Hv1j//7lHMptECj4S9oGS9bHSMqnYSXt0dT9/kqkBaEohWLz5fYi/Xc3O4w88eWX2PNn6f6HvokNQLshYmWuZVr+fWvmb8Mxmef32yaJFKhIrqBLsKH0p5i3G0l0My3DEGl5xNk8x8K5XQfwFnKNgmq56O8EtvsHrECHmK24etcKyXmPUNXqKG2wZt46qpzuG9FVqioXjkt+Ml5ZFMcX4Qt/gSM/pW5noqKyz52OQ+lnhtm6rvL/2wg1r915uiwJUqVqwoeahezVpjC5WF8gAD+//5xQfuw+m9CcVG4VSUxpYVbr28IJLI3JdtWufv0qzX1l/3///nmDOH9JxLbHvzElYZJh+KXu/Vm+DvLe+P3f899UasoAiqy0L6a080Zavene3J0LDFVwNKwBgTJhhnyHyXiivUCl9zFEJexNTm1uifLMn5AZB2Xhc14br6GW53pQRv/ZFIb42GbedOasp2CIgHD1AJtyBg/Yezhfuezuqo6BepEhErXb16zn+iTu/Au8DBrwz0ECgvcMrvW3Tl0jCaZqgsLwX93iEett0p1YS4pccTTlEJdxO4akcHPIoqkIq4x6COqE3W7HJ8lENPyAK9D22Zm6RAw7y23dzUt3eFk2R8ispGWbqcc/Bc4vmwZoglkFKho1lkVGOPPKjEME6mh3us+O7/UujXlQwLOh2O1Z37xfMuHPssVRIhAo8JjaMNPeY1Gc8OnuRjPp1KMfXaYQMqEVVqX7+p63Vg8xE7pnolcBqsi2123Sd1YQoFY/IdzmOWPpd1ArCvv7AJu1XlsrEbcbPt77rTmXqXgL7MTdrLwJTHSa9eMkhjkVSL2kQmiIeLlnlCTSDBW2VUJk70ZkAh1pxjwg7vagecieGvdjVPsg3qs4KdFjz8mQwdlU7nYiRLy4fs5XeEPHwuNRjqTZLmR4+P+g4i7Zld4R0BKjaNzU6io3Wg4nbeKP4Y+odsQRWTiMmULla/V5U4+shB6rhSyyxah5qNb8JF/AeM/ZEMC/ruNHFVt2z99+G334RjV11a2DLmDOKk9ULgM+aE+Yvf5FamiiBHu2zJyVP7tAllsCtG9RNmH0r5gx4OhIh17p5dfa8U78wK4Jbvcq14Zo7vgs1XwYcWKO2paQrmjei9+P5hbMwOlwQa5W1hnpxBU9gySq2/opHOaHYFiFqD8b9OReysGuVclXPTDKmqtCUHVSZYHmKP9SHubBuavbErBRmVY+Nmz5/B5SzRCnPk3+cfd7wYriQaMwOS/BOCOBvr1SO0gSrIIx4DZCbhAqPUhV9emH31oXt5i1r88/lsQKPT0LrwlaJslMnvEkMbyD9UoApwbtAZqvqugP84V2o6mM62j670PrgZQEfdrfU/Brf0uTzjZCvCUbO9oEswXg6unROfjUtgZnghqpTXVvThkder6/50kGKJje5eoSL8jwIInxFI/v/5hPjsO29Tu1V+3cT5pJ2NkOia+rW+0X3pvw9VEWQQngLrTZhrPuNAcaAWSvy+dppsI+zNXiWwCFwO+p9LyTusGvrw3oYM1FvmXff91gzvOTnyjBAeVacK1AOLetlzmatqtuQysM9IxbOLVnQ9tffTmqDbxmQTY36WqDIp2rFx05HMlrdU8jV2cl4FL70S9JSuBRoGBUYYTK1i94k3Gr2foiVl/1sktnyF95b+foK2ThVL47hB+FjNZl/Q5hTnB53rn1EppKC3jDCjN0RwIG+xO3/iwvVmdA1FEPlB/m+7K/PplluG+hMXZdqh3Vb9jGlnL1G331f68q/T4Nn53VaedqyO+K/EaZOEfFwFWbD3J0XY7eklhHvnvN+GHzT/+1ZZ/iSjsT5VcncMxDkPVAEE5+Iv8DKGs//vXXfBMs7evhxSafUuPe7x7/VPkmKnd3V+Ibc3YympmNS6TDTxtAQWCBWgJ+ZQPXvrj4Xg8lb5ZDvvVDXrXN+VzCMqq54jt2MMdkjh3QMHo32O5bPYOnQl9zl+KmVQf7XNUE3O2MxAzv2dA7w6RPbOP2OOIWRgwLdNy6OIn23vTZOirV3ufMnGIjTehD8YrfBtMhQjIpRyvVuNf8YzYoCwF8ybfcFoatV5hvAaQwhruxLD0XRSM+oAGPo44Kl6q8jz7/Qp2PtBCFVj56ostyJs0hg3PAAg+YjMvWuQMecMhPjns/mX//5XmYe9lHvfe79d91n/0puJ8C/mfnuGOTRostWX6xRZd2og1rRieHnM/8dJ58g7leMFibJD2gtq8r7n9Ce+wpYNpznRUmHcU/mP5Wlfbs/hGxk2K82pViHQElv+AumJhHOSR4Skb42vDdVFDsDyCYpN6qcJDwaDExGlckHBj2YfMCfhNFmFnEO/exYslmeNN7+UzbSW8dI1W5F/5JxVmygNHYODYFCxBcfUBf/KSOXMy+FnP9BXJx1JWZwFMeYk0JLF0cXByy84zX4WNi5IDCH6JVMx+EAzKiYrqFbfkqqWXPYzyyTFD7DQX9noCFp43nE3GNFJ/1Hg3aiFUzJuhIiBOcVnmdqcSXZmaoVN83qTB/UlqZlreRNmYOMhP1mB30Ap9yebO12VCfQ/t59iX/JHZAV4DOn3Wj10EdAmiJ4LIM7FFZuVoHwTIVBtCluMMQ5hm5kGsCp7tSnG6tgKv6r699n4BwegEJxjIBln/anJbwVigZdYOv9MJ9SmBt2yFttw3Ar3Aw1+o3Ux0CqBc23d3/urM30mJNJUyaHfuTVBXmKInUWQnT05RzFvEbS2qnBEiicuXN+h0dTN3MCAdChkQvF4nn7WeJDvg4KEdS6FN0s4TiFuWQVhloZV/3+PzN4lqrKEXSLCdzrf/gK1i2fVuLsZTulPvvcz6hhhKfA4Fni6xlMZqxVIsYoUySePySdGiyRwpzFmi3yeInf75Z8T3uqtArQNMwe3glLiiS5PUy7Y8Svsbg5xwXhr6aOPuUvj4NrXNcSgefLeNmL680LGBzBGg2M9qv2auWIpJohW8LDNngafslp+2ydYZ60t+jonPHmMDTK1R/BkkDSoxfARfSpzxRoQqCibQ/i/KfV3hnGHLWJQ9L9CaFbMy/xF1JrNXwBpZVVIEt3ivU4LwEGnaDWcgbd2t+QbDsrepZNFW9PsCU4T7IEvTthlSDAqV8HTsoCcCc0t2vD3+G8gy8h32cZaYPvipwofQ+Zd23iBld0QOVDxEDGInn4CucUTfC3/c9tjfveCPuFQTdp7Wrc2qmpty8Kn7IJOa+Hy3xJuNHAW7yTU8KHJTrxD/9fvFMkH6eDgNbEzJ5NOCoxFFplGXuhHd8jxk9u/k3bBVF6oLskpdipOj9NqvNNv7Dy1cNnPGqKJSTZ01tIQ7lIcMeBvj6Ov6rRVP4ue+EW7a/VxCfsIzlgflFXrjoKLs1k1hQW83BtGjQ37OmBhgI+6ULvZAWhooUlzBa7n+F/yXGW5dmI1gA3TANbTih2YGTLfBnAI9Z7QHGSJh6CMgmUr2kMgJYoxGft2beB7EXyDAwxQmjAEpZ2zFRVHDTYDjyz+H094nbYcAhgAAAAA=",Wt="https://cdn.decentraland.org/@dcl/shop/1.9.3-32728233076.commit-3f83397/_assets/buy-error-22UunaPC.png";function Je(t,e){return(t+e-1n)/e}function Ye(t,e,i){return t<=0||e<=0?0n:t>=e?i:Je(i*BigInt(t),BigInt(e))}function $t(t){var x,f,b;const e=Number.isFinite(t.priceCents)?Math.max(0,Math.trunc(t.priceCents)):0,i=Number.isFinite(t.balanceCents)?Math.max(0,Math.trunc(t.balanceCents)):0,o=t.priceManaWei>0n?t.priceManaWei:0n,l=t.manaBalanceWei>0n?t.manaBalanceWei:0n;if(e<=0)return{options:[],preferred:null,manaShortfall:null};const h=[];i>=e&&h.push({method:"credits",creditsCents:e,credits:he(e),manaWei:0n});const g=X(i)*pe;if(o>0n&&g>0&&g<e){const d=e-g,y=Ye(d,e,o);l>=y&&h.push({method:"combined",creditsCents:g,credits:X(g),manaWei:y})}o>0n&&l>=o&&h.push({method:"mana",creditsCents:0,credits:0,manaWei:o});const p=((x=h.find(d=>d.method==="credits"))==null?void 0:x.method)??((f=h.find(d=>d.method==="combined"))==null?void 0:f.method)??((b=h.find(d=>d.method==="mana"))==null?void 0:b.method)??null,u=!h.some(d=>d.method==="mana"||d.method==="combined")&&o>0n&&l>0n?{manaWei:l,manaCents:_e(l,e,o),priceCents:e}:null;return{options:h,preferred:p,manaShortfall:u}}function _e(t,e,i){return Number(t*BigInt(e)/i)}function It(t,e){let i=Number.isFinite(e)?Math.max(0,Math.trunc(e)):0;return t.map(o=>{const l=Number.isFinite(o)?Math.max(0,Math.trunc(o)):0,h=Math.min(l,i);return i-=h,h})}function Et(t,e){return t.options.find(i=>i.method===e)??null}async function Bt(t){const[e]=await oe({...t,trades:[t.trade]});return e}async function St(t){const[e]=await oe({...t,trades:[],mints:[t.mint]});return e}async function oe(t){const{trades:e,mints:i=[],buyer:o,signer:l,onSigned:h,manaWei:g}=t;if(e.length===0&&i.length===0)throw new Error("No items to buy");const p=new Map;for(const x of e){const f=`${x.chainId}:${x.contract.toLowerCase()}`,b=p.get(f);b?b.push(x):p.set(f,[x])}const w=new Map;for(const x of i){const f=w.get(x.chainId);f?f.push(x):w.set(x.chainId,[x])}const u=[];for(const x of p.values())u.push(await et({trades:x,buyer:o,signer:l,onSigned:h,requiredManaWei:g}));for(const[x,f]of w){const b=g??f.reduce((d,y)=>d+BigInt(y.item.priceWei),0n);u.push(await tt({mints:f,chainId:x,buyer:o,signer:l,onSigned:h,requiredManaWei:b}))}return u}async function et(t){const{trades:e,buyer:i,signer:o,onSigned:l,requiredManaWei:h}=t,g=e[0],p=j(Z(g.contract),g.chainId),w=j(M.MANAToken,g.chainId);await F({auth:{kind:V.Allowance,contractAddress:w.address,spenderAddress:p.address,chainId:g.chainId},signer:o,requiredWei:h});const u=e.map(d=>ve(d,i));if(T.enabled)try{const d=new ze(p.abi).encodeFunctionData("accept",[u]),y=Y(),m=_(o.provider,y),c=await ne(m,y,d,p,{serverURL:T.relayerUrl});return l==null||l(),await ee(c,"the MANA purchase"),c}catch(d){if(d instanceof D&&d.code===L.USER_DENIED||d instanceof te)throw d;$(d,{flow:"buy_mana",step:"gasless_fallback"})}await J(o.provider,g.chainId);const f=await new ie(p.address,p.abi,o).accept(u,ae(g.chainId));return l==null||l(),(await f.wait()).transactionHash}async function tt(t){const{mints:e,chainId:i,buyer:o,signer:l,onSigned:h,requiredManaWei:g}=t,p=j(M.CollectionStore,i),w=j(M.MANAToken,i),u=e.map(d=>d.item);if(await F({auth:{kind:V.Allowance,contractAddress:w.address,spenderAddress:p.address,chainId:i},signer:l,requiredWei:g}),T.enabled)try{const d=ke(u,o,p.abi),y=Y(),m=_(l.provider,y),c=await ne(m,y,d,p,{serverURL:T.relayerUrl});return h==null||h(),await ee(c,"the MANA purchase"),c}catch(d){if(d instanceof D&&d.code===L.USER_DENIED||d instanceof te)throw d;$(d,{flow:"buy_mint_mana",step:"gasless_fallback"})}await J(l.provider,i);const f=await new ie(p.address,p.abi,l).buy(Ce(u,o),ae(i));return h==null||h(),(await f.wait()).transactionHash}async function Nt(t){const{trade:e,...i}=t;return se({target:{kind:"trade",trade:e},...i})}async function Pt(t){const{mint:e,...i}=t;return se({target:{kind:"store",mint:e},...i})}async function se(t){const{target:e,buyer:i,signer:o,credits:l,manaGapWei:h,providerType:g,onBroadcast:p,onReverted:w,onUnobservable:u}=t;if(l.length===0)throw new Error("No credits to spend — use the MANA-only rail for that");if(h<=0n)throw new Error("No MANA gap to cover — use the credits-only rail for that");const x=de(e),f=j(M.MANAToken,x),b=j(M.CreditsManager,x);await F({auth:{kind:V.Allowance,contractAddress:f.address,spenderAddress:b.address,chainId:x},signer:o,requiredWei:h});const y=(l.reduce((c,k)=>c+BigInt(k.availableAmount),0n)+h).toString(),m=at(e,l,y);if(T.enabled){let c;try{return c=await je({purchase:m,buyer:i,signer:o}),p==null||p({txHash:c}),await Me(c),c}catch(k){if(k instanceof D&&k.code===L.USER_DENIED||k instanceof Ae)throw k;if(!(k instanceof Te))throw c&&(w==null||w({txHash:c})),k;if(k.reason==="relayer-unreachable")throw u==null||u(),k;if(!ue(g))throw k;$(k,{flow:"buy_credits_and_mana",step:"gasless_fallback"})}}return ye({purchase:m,buyer:i,signer:o,onBroadcast:p,onReverted:w})}function de(t){return t.kind==="trade"?t.trade.chainId:t.mint.chainId}function at(t,e,i){return t.kind==="trade"?{kind:"trade",trade:t.trade,credits:e,maxCreditedValue:i}:{kind:"store",item:t.mint.item,chainId:t.mint.chainId,credits:e,maxCreditedValue:i}}function Ft(t,e){const i=de(e);return t==="combined"?{spender:j(M.CreditsManager,i).address,chainId:i}:{spender:e.kind==="trade"?j(Z(e.trade.contract),i).address:j(M.CollectionStore,i).address,chainId:i}}function Vt(t){return n.jsx("svg",{viewBox:"0 0 18 18",width:"18",height:"18","aria-hidden":!0,...t,children:n.jsx("path",{d:"M4 4l10 10M14 4L4 14",stroke:"#161518",strokeWidth:"1.8",strokeLinecap:"round"})})}function Dt(t){return n.jsx("svg",{viewBox:"0 0 20 20",width:"24",height:"24","aria-hidden":!0,...t,children:n.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:ce,z:nt}=r,Lt=a.div`
   position: fixed;
   inset: 0;
-  z-index: ${Ye.overlay};
+  z-index: ${nt.overlay};
   display: flex;
   overflow-y: auto;
   padding: 20px;
-`,St=a.div`
+`,qt=a.div`
   position: fixed;
   inset: 0;
   background: rgba(22, 21, 24, 0.45);
-`,Pt=a.div`
+`,Ht=a.div`
   position: relative;
   z-index: 1;
   margin: auto;
@@ -315,7 +315,7 @@ import{j as n,r as k}from"./react-tQZQlQ39.js";import{s as a,t as o,b as v,q as
      edge instead of painting its buttons out on the scrim. */
   max-height: 100%;
   overflow: hidden;
-  background: ${d.white};
+  background: ${s.white};
   border-radius: 16px;
   padding: 12px 16px 16px;
   box-shadow: 0 24px 60px rgba(22, 21, 24, 0.28);
@@ -328,46 +328,46 @@ import{j as n,r as k}from"./react-tQZQlQ39.js";import{s as a,t as o,b as v,q as
     min-height: 379px;
     justify-content: space-between;
   }
-`,Vt=a.div`
+`,Ot=a.div`
   display: flex;
   flex-direction: column;
   gap: 4px;
   padding-bottom: 16px;
-  border-bottom: 1px solid ${d.gray4};
-`,Ft=a.div`
+  border-bottom: 1px solid ${s.gray4};
+`,Rt=a.div`
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   gap: 8px;
-`,Lt=a.h2`
+`,Xt=a.h2`
   margin: 0;
   font-size: 20px;
   font-weight: 700;
   line-height: 1.6;
-  color: ${d.text};
-`,Dt=a.button`
+  color: ${s.text};
+`,Qt=a.button`
   flex-shrink: 0;
   border: 0;
   background: transparent;
   cursor: pointer;
   padding: 2px;
   line-height: 0;
-`,qt=a.div`
+`,Ut=a.div`
   display: flex;
   align-items: center;
   gap: 4px;
-`,Rt=a.span`
+`,Kt=a.span`
   font-size: 14px;
   font-weight: 600;
-  color: ${d.muted1};
-`,Ot=a(M)`
+  color: ${s.muted1};
+`,Gt=a(A)`
   width: 14px;
   height: 14px;
-  background: ${d.text};
-`,Ht=a.span`
+  background: ${s.text};
+`,Zt=a.span`
   font-size: 14px;
-  color: ${d.text};
-`,Xt=a.div`
+  color: ${s.text};
+`,Jt=a.div`
   display: flex;
   flex-direction: column;
   gap: 24px;
@@ -385,19 +385,19 @@ import{j as n,r as k}from"./react-tQZQlQ39.js";import{s as a,t as o,b as v,q as
     gap: 32px;
     padding: 24px 0;
   }
-`,Qt=a.div`
+`,Yt=a.div`
   display: flex;
   gap: 24px;
   align-items: center;
 
-  ${o.media.maxWidth("mobile")} {
+  ${r.media.maxWidth("mobile")} {
     gap: 12px;
   }
-`,Kt=a.div`
+`,_t=a.div`
   flex-shrink: 0;
   width: 110px;
   height: 110px;
-  background: ${d.media};
+  background: ${s.media};
   border-radius: 8px;
   display: grid;
   place-items: center;
@@ -410,38 +410,38 @@ import{j as n,r as k}from"./react-tQZQlQ39.js";import{s as a,t as o,b as v,q as
     filter: drop-shadow(0.7px 2.9px 3.7px rgba(0, 0, 0, 0.1));
   }
 
-  ${o.media.maxWidth("mobile")} {
+  ${r.media.maxWidth("mobile")} {
     width: 78px;
     height: 78px;
     border-radius: 7px;
   }
-`,Ut=a.div`
+`,ea=a.div`
   flex: 1;
   min-width: 0;
   display: flex;
   flex-direction: column;
   justify-content: center;
   gap: 4px;
-`,Zt=a.div`
+`,ta=a.div`
   font-size: 18px;
   font-weight: 700;
   line-height: 1.3;
-  color: ${d.text};
+  color: ${s.text};
   overflow: hidden;
   text-overflow: ellipsis;
 
-  ${o.media.maxWidth("mobile")} {
+  ${r.media.maxWidth("mobile")} {
     font-size: 16px;
   }
-`,Gt=a(ue)`
+`,aa=a(ge)`
   font-size: 12px;
   line-height: 1.43;
-  color: ${d.muted};
+  color: ${s.muted};
 
-  ${o.media.maxWidth("mobile")} {
+  ${r.media.maxWidth("mobile")} {
     font-size: 10px;
   }
-`,Jt=a.div`
+`,na=a.div`
   display: flex;
   align-items: center;
   gap: 6px;
@@ -450,19 +450,19 @@ import{j as n,r as k}from"./react-tQZQlQ39.js";import{s as a,t as o,b as v,q as
   & span {
     font-size: 18px;
     font-weight: 700;
-    color: ${d.text2};
+    color: ${s.text2};
   }
 
-  ${o.media.maxWidth("mobile")} {
+  ${r.media.maxWidth("mobile")} {
     & span {
       font-size: 20px;
     }
   }
-`,Yt=a(M)`
+`,ia=a(A)`
   width: 18px;
   height: 18px;
-  background: ${d.text2};
-`,_t=a.div`
+  background: ${s.text2};
+`,ra=a.div`
   display: flex;
   align-items: flex-start;
   gap: 12px;
@@ -474,33 +474,33 @@ import{j as n,r as k}from"./react-tQZQlQ39.js";import{s as a,t as o,b as v,q as
     flex-shrink: 0;
   }
 
-  ${o.media.maxWidth("mobile")} {
+  ${r.media.maxWidth("mobile")} {
     align-items: center;
     gap: 8px;
     padding: 12px 8px;
   }
-`,ea=a.p`
+`,oa=a.p`
   margin: 0;
   font-size: 14px;
   line-height: 1.334;
-  color: ${d.text2};
+  color: ${s.text2};
 
   & b {
     font-weight: 700;
   }
-`,ta=a.a`
+`,sa=a.a`
   display: inline-block;
   margin-top: 4px;
   font-size: 14px;
   font-weight: 600;
   line-height: 1.334;
-  color: ${d.text2};
+  color: ${s.text2};
   text-decoration: underline;
 
   &:hover {
-    color: ${d.accent};
+    color: ${s.accent};
   }
-`,aa=a.div`
+`,da=a.div`
   display: flex;
   flex-wrap: wrap;
   gap: 12px;
@@ -512,18 +512,18 @@ import{j as n,r as k}from"./react-tQZQlQ39.js";import{s as a,t as o,b as v,q as
      sharing a line and claimed a full row: the four landed 2/1/1, three rows tall. That extra row is
      also what pushed the total under the sticky CTAs. The tracks are minmax(0, 1fr), not 1fr, so a
      long price shrinks the text inside the tile instead of widening the column past the card. */
-  ${o.media.maxWidth("mobile")} {
+  ${r.media.maxWidth("mobile")} {
     display: grid;
     grid-template-columns: repeat(2, minmax(0, 1fr));
     gap: 16px 12px;
   }
-`,na=a.button`
+`,ca=a.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 ${d.muted2};
-  background: ${d.media};
+  border: 1px solid ${s.muted2};
+  background: ${s.media};
   border-radius: 16px;
   display: flex;
   align-items: center;
@@ -545,7 +545,7 @@ import{j as n,r as k}from"./react-tQZQlQ39.js";import{s as a,t as o,b as v,q as
     padding: 0;
     border-color: transparent;
     border-width: 4px;
-    background-image: linear-gradient(${d.media}, ${d.media}), ${F.buyBtn};
+    background-image: linear-gradient(${s.media}, ${s.media}), ${q.buyBtn};
     background-origin: border-box;
     background-clip: padding-box, border-box;
   }
@@ -555,7 +555,7 @@ import{j as n,r as k}from"./react-tQZQlQ39.js";import{s as a,t as o,b as v,q as
     transform: scale(1.03);
   }
 
-  ${o.media.maxWidth("mobile")} {
+  ${r.media.maxWidth("mobile")} {
     height: 83px;
     gap: 6px;
     /* A grid item defaults to min-width:auto, which would let the widest price push the tile out of
@@ -568,46 +568,46 @@ import{j as n,r as k}from"./react-tQZQlQ39.js";import{s as a,t as o,b as v,q as
       transform: none;
     }
   }
-`,ia=a.img`
+`,la=a.img`
   width: 24px;
   height: 26px;
   flex: none;
-`,oa=a.span`
+`,ha=a.span`
   font-size: 24px;
   font-weight: 500;
-  color: ${d.text};
-`,ra=a.span`
+  color: ${s.text};
+`,pa=a.span`
   font-size: 14px;
-  color: ${d.text};
-`,sa=a.div`
+  color: ${s.text};
+`,ua=a.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
-  border-top: 1px solid ${d.gray4};
+  border-top: 1px solid ${s.gray4};
   padding-top: 12px;
-`,da=a.div`
+`,ga=a.div`
   display: flex;
   align-items: center;
   gap: 8px;
   font-size: 24px;
   font-weight: 700;
-  color: ${d.text};
-`,ca=a(M)`
+  color: ${s.text};
+`,xa=a(A)`
   width: 30px;
   height: 30px;
-  background: ${d.text};
-`,la=a.span`
+  background: ${s.text};
+`,fa=a.span`
   font-size: 14px;
   font-weight: 600;
-  color: ${d.muted1};
-`,pa=a.div`
+  color: ${s.muted1};
+`,ma=a.div`
   position: sticky;
   bottom: 0;
   display: flex;
   gap: 12px;
   margin-top: -8px;
   padding-top: 8px;
-  background: ${d.white};
+  background: ${s.white};
 
   /*
    * data-stack — one CTA per row on a phone.
@@ -620,7 +620,7 @@ import{j as n,r as k}from"./react-tQZQlQ39.js";import{s as a,t as o,b as v,q as
    * right-hand side on desktop, where the secondary-then-primary reading order is what every other row in
    * the flow uses.
    */
-  ${o.media.maxWidth("mobile")} {
+  ${r.media.maxWidth("mobile")} {
     &[data-stack] {
       flex-direction: column-reverse;
 
@@ -634,7 +634,7 @@ import{j as n,r as k}from"./react-tQZQlQ39.js";import{s as a,t as o,b as v,q as
       }
     }
   }
-`,_e=a.button`
+`,it=a.button`
   flex: 1;
   /* Let the CTAs shrink so their min-content can't widen the modal past the viewport on mobile. */
   min-width: 0;
@@ -657,50 +657,50 @@ import{j as n,r as k}from"./react-tQZQlQ39.js";import{s as a,t as o,b as v,q 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: ${F.buyBtn};
-    color: ${d.softWhite};
+    background: ${q.buyBtn};
+    color: ${s.softWhite};
   }
   &[data-variant='gradient']:hover:not(:disabled),
   &[data-variant='gradient']:active:not(:disabled) {
-    background-image: linear-gradient(${d.dclRed}, ${d.dclRed});
+    background-image: linear-gradient(${s.dclRed}, ${s.dclRed});
   }
   &[data-variant='outline'] {
     background: transparent;
-    border: 0.5px solid ${d.text};
-    color: ${d.text2};
+    border: 0.5px solid ${s.text};
+    color: ${s.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: ${d.text2};
-    color: ${d.softWhite};
+    background: ${s.text2};
+    color: ${s.softWhite};
   }
   &[data-variant='ruby'] {
-    background: ${d.dclRed};
-    color: ${d.softWhite};
+    background: ${s.dclRed};
+    color: ${s.softWhite};
     font-size: 13px;
     letter-spacing: 0.61px;
   }
   // Solid accent fill (the error state's "Try again").
   &[data-variant='purple'] {
-    background: ${d.accent};
-    color: ${d.softWhite};
+    background: ${s.accent};
+    color: ${s.softWhite};
     font-size: 13px;
   }
   &:hover:not(:disabled),
   &[data-variant='purple']:hover:not(:disabled) {
-    background: ${d.accentHover};
+    background: ${s.accentHover};
   }
   &:disabled {
     opacity: 0.6;
     cursor: default;
   }
-`,ha=_e.withComponent("a"),ua=a.img`
+`,ba=it.withComponent("a"),wa=a.img`
   width: 61px;
   height: 61px;
-`,ga=a.div`
+`,ya=a.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -708,39 +708,39 @@ import{j as n,r as k}from"./react-tQZQlQ39.js";import{s as a,t as o,b as v,q as
   background: rgba(255, 201, 213, 0.5);
   border-radius: 16px;
   padding: 24px 16px;
-`,xa=a.img`
+`,va=a.img`
   width: 64px;
   height: 80px;
   object-fit: contain;
-`,fa=a.p`
+`,ka=a.p`
   margin: 0;
   text-align: center;
   font-size: 20px;
   line-height: 1.334;
   font-weight: 400;
-  color: ${d.text2};
+  color: ${s.text2};
 
   & b {
     font-weight: 700;
   }
-`,ma=a.div`
+`,Ca=a.div`
   font-size: 20px;
   font-weight: 700;
-  color: ${d.text2};
+  color: ${s.text2};
   text-align: center;
-`,ba=a.div`
+`,ja=a.div`
   width: 100%;
   max-width: 456px;
   height: 12px;
-  background: ${d.media};
+  background: ${s.media};
   border-radius: 100px;
   overflow: hidden;
-`,wa=a.span`
+`,Ma=a.span`
   display: block;
   height: 100%;
   width: 40%;
   border-radius: 100px;
-  background: ${F.amethyst};
+  background: ${q.amethyst};
   animation: buy-modal-progress 1.1s ease-in-out infinite;
 
   @keyframes buy-modal-progress {
@@ -757,7 +757,7 @@ import{j as n,r as k}from"./react-tQZQlQ39.js";import{s as a,t as o,b as v,q as
     min-width: 12px;
     transition: width 0.35s ease;
   }
-`,ya=a.div`
+`,Aa=a.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -779,11 +779,11 @@ import{j as n,r as k}from"./react-tQZQlQ39.js";import{s as a,t as o,b as v,q as
       padding: 16px;
     }
   }
-`,va=a.p`
+`,Ta=a.p`
   margin: 0;
   font-size: 20px;
   line-height: 1.334;
-  color: ${d.text2};
+  color: ${s.text2};
   text-align: center;
 
   & b {
@@ -799,25 +799,25 @@ import{j as n,r as k}from"./react-tQZQlQ39.js";import{s as a,t as o,b as v,q as
       text-align: center;
     }
   }
-`,{colors:L,media:T}=o,et=a.section`
+`,{colors:H,media:W}=r,rt=a.section`
   margin-top: 40px;
-`,tt=a.div`
+`,ot=a.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-bottom: 20px;
-`,at=a.h2`
+`,st=a.h2`
   font-size: 22px;
   font-weight: 700;
-  color: ${L.softWhite};
-`,nt=a.button`
+  color: ${H.softWhite};
+`,dt=a.button`
   display: inline-flex;
   align-items: center;
   gap: 4px;
   background: none;
   border: 0;
   padding: 0;
-  color: ${L.softWhite};
+  color: ${H.softWhite};
   font-weight: 700;
   font-size: 13px;
   letter-spacing: 0.046em;
@@ -828,11 +828,11 @@ import{j as n,r as k}from"./react-tQZQlQ39.js";import{s as a,t as o,b as v,q as
   &:hover {
     text-decoration: underline;
   }
-`,it=a(K)`
+`,ct=a(G)`
   transform: rotate(-90deg);
-`,ot=a.div`
+`,lt=a.div`
   position: relative;
-`,Q=a.button`
+`,K=a.button`
   position: absolute;
   top: 112px;
   transform: translateY(-50%);
@@ -876,17 +876,17 @@ import{j as n,r as k}from"./react-tQZQlQ39.js";import{s as a,t as o,b as v,q as
   @media (prefers-reduced-motion: reduce) {
     transition: none;
   }
-  ${T.maxWidth("lg")} {
+  ${W.maxWidth("lg")} {
     display: none;
   }
-`,rt=a.div`
+`,ht=a.div`
   display: grid;
   grid-auto-flow: column;
   grid-auto-columns: calc((100% - 64px) / 5);
   gap: 16px;
   overflow-x: auto;
   overflow-y: hidden;
-  ${ge};
+  ${xe};
   scroll-snap-type: x mandatory;
   scrollbar-width: none;
 
@@ -896,22 +896,22 @@ import{j as n,r as k}from"./react-tQZQlQ39.js";import{s as a,t as o,b as v,q as
   & > * {
     scroll-snap-align: start;
   }
-  ${T.maxWidth("xl")} {
+  ${W.maxWidth("xl")} {
     grid-auto-columns: calc((100% - 48px) / 4);
   }
-  ${T.maxWidth("lg")} {
+  ${W.maxWidth("lg")} {
     grid-auto-columns: calc((100% - 32px) / 3);
   }
-  ${T.maxWidth("sm")} {
+  ${W.maxWidth("sm")} {
     grid-auto-columns: calc((100% - 16px) / 2);
   }
-`,st=a.div`
+`,pt=a.div`
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 8px;
   margin-top: 18px;
-`,dt=a.button`
+`,ut=a.button`
   width: 10px;
   height: 10px;
   border-radius: 50%;
@@ -929,9 +929,9 @@ import{j as n,r as k}from"./react-tQZQlQ39.js";import{s as a,t as o,b as v,q as
     opacity: 0.8;
   }
   &[data-active] {
-    background: ${L.media};
+    background: ${H.media};
     opacity: 1;
     transform: scale(1.1);
   }
-`;function ka({title:t,items:e,onViewAll:i}){const r=k.useRef(null),[c,l]=k.useState(1),[h,u]=k.useState(0),[w,g]=k.useState(!0),[x,f]=k.useState(!1),m=k.useCallback(()=>{const b=r.current;if(!b)return;const{scrollLeft:p,scrollWidth:D,clientWidth:W}=b,q=Math.max(1,Math.ceil(D/W));l(q),u(Math.min(q-1,Math.round(p/W))),g(p<=1),f(p+W>=D-1)},[]);if(k.useEffect(()=>{m();const b=r.current;if(b)return b.addEventListener("scroll",m,{passive:!0}),window.addEventListener("resize",m),()=>{b.removeEventListener("scroll",m),window.removeEventListener("resize",m)}},[m,e.length]),e.length===0)return null;function s(b){const p=r.current;p&&p.scrollBy({left:b*p.clientWidth,behavior:"smooth"})}function y(b){const p=r.current;p&&p.scrollTo({left:b*p.clientWidth,behavior:"smooth"})}return n.jsxs(et,{"data-testid":"carousel",children:[n.jsxs(tt,{children:[n.jsx(at,{children:t}),i?n.jsxs(nt,{onClick:i,children:[v("collectionCarousel.viewAll"),n.jsx(it,{name:"chevron-down",size:16})]}):null]}),n.jsxs(ot,{children:[n.jsx(Q,{"data-side":"left",onClick:()=>s(-1),"aria-label":v("collectionCarousel.scrollLeft"),disabled:w,children:n.jsx("img",{src:H,alt:"","aria-hidden":!0})}),n.jsx(rt,{ref:r,children:e.map(b=>n.jsx(xe,{item:b},b.id))}),n.jsx(Q,{"data-side":"right",onClick:()=>s(1),"aria-label":v("collectionCarousel.scrollRight"),disabled:x,children:n.jsx("img",{src:H,alt:"","aria-hidden":!0})})]}),c>1?n.jsx(st,{"aria-label":v("collectionCarousel.pages"),children:Array.from({length:c}).map((b,p)=>n.jsx(dt,{"data-active":p===h||void 0,"aria-label":v("collectionCarousel.goToPage",{page:p+1}),"aria-current":p===h?"true":void 0,onClick:()=>y(p)},p))}):null]})}export{re as $,Qt as A,qt as B,Pt as C,ia as D,kt as E,oa as F,ra as G,Vt as H,sa as I,da as J,ca as K,ua as L,Nt as M,la as N,jt as O,wt as P,bt as Q,ka as R,St as S,Lt as T,vt as U,I as V,_t as W,Dt as X,mt as Y,yt as Z,It as _,Ft as a,Mt as a0,Ke as a1,Je as a2,de as a3,ya as a4,va as a5,ha as a6,At as a7,Tt as a8,zt as a9,Wt as aa,$t as ab,Et as b,Rt as c,Ot as d,Ht as e,Xt as f,ga as g,xa as h,Ct as i,fa as j,pa as k,_e as l,ma as m,ba as n,wa as o,Bt as p,ea as q,ta as r,Kt as s,Ut as t,Zt as u,Gt as v,Jt as w,Yt as x,aa as y,na as z};
-//# sourceMappingURL=CollectionCarousel-Cmf4W8MU.js.map
+`;function za({title:t,items:e,onViewAll:i}){const o=C.useRef(null),[l,h]=C.useState(1),[g,p]=C.useState(0),[w,u]=C.useState(!0),[x,f]=C.useState(!1),b=C.useCallback(()=>{const m=o.current;if(!m)return;const{scrollLeft:c,scrollWidth:k,clientWidth:I}=m,O=Math.max(1,Math.ceil(k/I));h(O),p(Math.min(O-1,Math.round(c/I))),u(c<=1),f(c+I>=k-1)},[]);if(C.useEffect(()=>{b();const m=o.current;if(m)return m.addEventListener("scroll",b,{passive:!0}),window.addEventListener("resize",b),()=>{m.removeEventListener("scroll",b),window.removeEventListener("resize",b)}},[b,e.length]),e.length===0)return null;function d(m){const c=o.current;c&&c.scrollBy({left:m*c.clientWidth,behavior:"smooth"})}function y(m){const c=o.current;c&&c.scrollTo({left:m*c.clientWidth,behavior:"smooth"})}return n.jsxs(rt,{"data-testid":"carousel",children:[n.jsxs(ot,{children:[n.jsx(st,{children:t}),i?n.jsxs(dt,{onClick:i,children:[v("collectionCarousel.viewAll"),n.jsx(ct,{name:"chevron-down",size:16})]}):null]}),n.jsxs(lt,{children:[n.jsx(K,{"data-side":"left",onClick:()=>d(-1),"aria-label":v("collectionCarousel.scrollLeft"),disabled:w,children:n.jsx("img",{src:Q,alt:"","aria-hidden":!0})}),n.jsx(ht,{ref:o,children:e.map(m=>n.jsx(fe,{item:m},m.id))}),n.jsx(K,{"data-side":"right",onClick:()=>d(1),"aria-label":v("collectionCarousel.scrollRight"),disabled:x,children:n.jsx("img",{src:Q,alt:"","aria-hidden":!0})})]}),l>1?n.jsx(pt,{"aria-label":v("collectionCarousel.pages"),children:Array.from({length:l}).map((m,c)=>n.jsx(ut,{"data-active":c===g||void 0,"aria-label":v("collectionCarousel.goToPage",{page:c+1}),"aria-current":c===g?"true":void 0,onClick:()=>y(c)},c))}):null]})}export{oe as $,Yt as A,Ut as B,Ht as C,la as D,zt as E,ha as F,pa as G,Ot as H,ua as I,ga as J,xa as K,wa as L,Lt as M,fa as N,$t as O,Mt as P,jt as Q,za as R,qt as S,Xt as T,Tt as U,B as V,ra as W,Qt as X,Ct as Y,At as Z,Ft as _,Rt as a,It as a0,Ye as a1,at as a2,de as a3,Aa as a4,Ta as a5,ba as a6,Et as a7,Bt as a8,St as a9,Nt as aa,Pt as ab,Vt as b,Kt as c,Gt as d,Zt as e,Jt as f,ya as g,va as h,Wt as i,ka as j,ma as k,it as l,Ca as m,ja as n,Ma as o,Dt as p,oa as q,sa as r,_t as s,ea as t,ta as u,aa as v,na as w,ia as x,da as y,ca as z};
+//# sourceMappingURL=CollectionCarousel-CLXiDpcX.js.map