@dcl/shop 1.13.1-35585926635.commit-02c8d2e → 1.13.1-35586925336.commit-233cb74

package/_assets/CollectionCarousel-CrMGuIJ3.js

@@ -1,322 +0,0 @@
-import{r as k,j as i}from"./react-ZT2P9-hV.js";import{v as Z,u as z,A as N,f as j,l as ee,w as te,x as ne,y as ae,r as L,n as G,p as O,m as F,k as E,z as re,B as oe}from"./trade-encoding-JnGsRcov.js";import{i as se}from"./errors-COVZQXFS.js";import{a as h,s as f,k as ie,t as v,I as Q,l as $,aG as ce,bY as B,cv as de,h as C,j as M,L as U,be as le,M as H,cw as ue,cx as P,a0 as pe}from"./index-y9tZLe7Z.js";import{E as he}from"./ErrorNotice-Cm0KaFyV.js";import{d as fe}from"./buy-Da1E8jgj.js";import{a as me,w as ge,S as xe,G as be}from"./buy-gasless-CaUM9sxG.js";import{M as _,E as T,s as q}from"./sendMetaTransaction-BcKatlZr.js";import{C as V}from"./ethers-DVrorjJ1.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]="2dd088a4-6299-40b1-bdc9-db4e91a9cfc5",t._sentryDebugIdIdentifier="sentry-dbid-2dd088a4-6299-40b1-bdc9-db4e91a9cfc5")}catch{}})();const S="shop:resume_after_signin",ye=900*1e3;function it(t){try{sessionStorage.setItem(S,JSON.stringify({...t,at:Date.now()}))}catch{}}function ct(t){let e;try{e=sessionStorage.getItem(S)}catch{return null}if(!e)return null;try{sessionStorage.removeItem(S)}catch{}let n;try{n=JSON.parse(e)}catch{return null}return!n||n.type!==t||typeof n.at!="number"||Date.now()-n.at>ye?null:n.type==="cart-checkout"?{type:"cart-checkout"}:{type:"item-buy",path:n.path}}function dt(t,e){const n=(a,...l)=>void t.invalidateQueries({queryKey:e?[a,...l]:[a]});t.invalidateQueries({queryKey:["usd-balance"]}),t.invalidateQueries({queryKey:["detail-trade"]}),t.invalidateQueries({queryKey:["shop-item"]}),n("owned-token",e==null?void 0:e.contractAddress,e==null?void 0:e.tokenId),n("public-token",e==null?void 0:e.contractAddress,e==null?void 0:e.tokenId),n("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=ie`
-  to { transform: rotate(360deg); }
-`,ve=f.div`
-  position: fixed;
-  inset: 0;
-  z-index: ${h.z.prompt};
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 16px;
-  background: rgba(22, 21, 24, 0.55);
-`,ke=f.div`
-  width: 480px;
-  max-width: 100%;
-  max-height: 92vh;
-  overflow-y: auto;
-  background: ${h.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;
-`,Ce=f.div`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 8px;
-  padding-bottom: 16px;
-  border-bottom: 1px solid ${h.colors.gray4};
-`,Me=f.h2`
-  margin: 0;
-  font-family: ${h.font.sans};
-  font-weight: 600;
-  font-size: 20px;
-  line-height: 1.6;
-  color: ${h.colors.text};
-`,Ae=f.button`
-  flex: none;
-  display: grid;
-  place-items: center;
-  width: 24px;
-  height: 24px;
-  border: 0;
-  background: none;
-  cursor: pointer;
-  color: ${h.colors.text};
-
-  .ico {
-    width: 18px;
-    height: 18px;
-  }
-  &:disabled {
-    opacity: 0.4;
-    cursor: default;
-  }
-  &:focus-visible {
-    outline: 2px solid ${h.colors.accent};
-    outline-offset: 2px;
-  }
-`,je=f.span`
-  margin-left: auto;
-  margin-right: 12px;
-  color: ${h.colors.muted};
-  font-size: 14px;
-  white-space: nowrap;
-`,Ie=f.div`
-  display: grid;
-  grid-template-columns: 44px 1fr;
-  align-items: center;
-  gap: 14px;
-  padding: 14px 18px;
-  background: ${h.colors.white};
-  border: 1px solid ${h.colors.line};
-  border-radius: 16px;
-`,We=f.div`
-  width: 44px;
-  height: 44px;
-  border-radius: 10px;
-  background: ${h.colors.media};
-  overflow: hidden;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: ${h.colors.muted2};
-
-  img {
-    width: 100%;
-    height: 100%;
-    object-fit: contain;
-  }
-  .ccy-mark {
-    width: 26px;
-    height: 26px;
-  }
-`,$e=f.div`
-  min-width: 0;
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-`,Ee=f.span`
-  font-weight: 700;
-  color: ${h.colors.text};
-`,Se=f.span`
-  font-size: 13px;
-  line-height: 1.45;
-  color: ${h.colors.muted};
-`,ze=f.p`
-  margin: 0;
-  font-size: 12px;
-  line-height: 1.5;
-  color: ${h.colors.muted2};
-`,Ne=f.div`
-  display: flex;
-  gap: 12px;
-
-  ${h.media.maxWidth("mobile")} {
-    flex-direction: column-reverse;
-  }
-`,_e=f.button`
-  flex: 1 1 0;
-  height: 48px;
-  border: 2px solid ${h.colors.accent};
-  border-radius: 12px;
-  background: transparent;
-  color: ${h.colors.accent};
-  cursor: pointer;
-  font-family: ${h.font.sans};
-  font-weight: 600;
-  font-size: 13px;
-  line-height: 24px;
-  letter-spacing: 0.46px;
-  text-transform: uppercase;
-
-  &:hover:not(:disabled) {
-    background: rgba(105, 31, 169, 0.06);
-  }
-  &:disabled {
-    cursor: default;
-    opacity: 0.5;
-  }
-  &:focus-visible {
-    outline: 2px solid ${h.colors.accent};
-    outline-offset: 2px;
-  }
-`,Te=f.button`
-  flex: 1 1 0;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  gap: 8px;
-  height: 48px;
-  border: 0;
-  border-radius: 12px;
-  background: ${h.colors.accent};
-  color: ${h.colors.softWhite};
-  cursor: pointer;
-  font-family: ${h.font.sans};
-  font-weight: 600;
-  font-size: 13px;
-  line-height: 24px;
-  letter-spacing: 0.46px;
-  text-transform: uppercase;
-
-  &:hover:not(:disabled) {
-    background: ${h.colors.accentHover};
-  }
-  &:disabled {
-    cursor: default;
-    background: rgba(105, 31, 169, 0.4);
-  }
-  &:focus-visible {
-    outline: 2px solid ${h.colors.accent};
-    outline-offset: 2px;
-  }
-`,Re=f.span`
-  width: 16px;
-  height: 16px;
-  border-radius: 50%;
-  border: 2px solid rgba(255, 255, 255, 0.5);
-  border-top-color: ${h.colors.white};
-  animation: ${we} 0.7s linear infinite;
-
-  @media (prefers-reduced-motion: reduce) {
-    animation: none;
-  }
-`;function lt({auth:t,signer:e,step:n,title:a,reason:l,name:s,image:g,icon:p,onAuthorized:m,onCancel:b,onClose:x}){const[d,u]=k.useState(!1),[r,w]=k.useState(null);async function c(){u(!0),w(null);try{await Z({auth:t,signer:e,active:!0}),m()}catch(o){se(o)?w(v("authorizeStep.errorRejected")):($(o,{flow:"authorize_step",kind:t.kind}),w(v("authorizeStep.errorGeneric"))),u(!1)}}return i.jsx(ve,{onClick:d?void 0:x,role:"presentation","data-testid":"authorize-step-scrim",children:i.jsxs(ke,{onClick:o=>o.stopPropagation(),role:"dialog","aria-modal":"true","aria-label":a,children:[i.jsxs(Ce,{children:[i.jsx(Me,{children:a}),n&&n.total>1?i.jsx(je,{"data-testid":"authorize-step-count",children:v("authorizeStep.stepOf",{index:n.index,total:n.total})}):null,i.jsx(Ae,{onClick:x,disabled:d,"aria-label":v("authorizeStep.close"),children:i.jsx(Q,{name:"close",className:"ico"})})]}),i.jsxs(Ie,{"data-testid":"authorize-step-row",children:[i.jsx(We,{children:g?i.jsx("img",{src:g,alt:""}):p}),i.jsxs($e,{children:[i.jsx(Ee,{title:s,children:s}),i.jsx(Se,{children:l})]})]}),i.jsx(ze,{children:v("authorizeStep.note")}),i.jsx(he,{message:r}),i.jsxs(Ne,{children:[i.jsx(_e,{type:"button",onClick:b,disabled:d,children:v("authorizeStep.cancel")}),i.jsx(Te,{type:"button","data-testid":"authorize-step-action",onClick:()=>void c(),disabled:d,children:d?i.jsxs(i.Fragment,{children:[i.jsx(Re,{"aria-hidden":!0}),v("authorizeStep.authorizing")]}):v("authorizeStep.authorize")})]})]})})}const ut="https://cdn.decentraland.org/@dcl/shop/1.13.1-35585926635.commit-02c8d2e/_assets/buy-error-22UunaPC.png";function De(t,e){return(t+e-1n)/e}function Be(t,e,n){return t<=0||e<=0?0n:t>=e?n:De(n*BigInt(t),BigInt(e))}function pt(t){var x,d,u;const e=Number.isFinite(t.priceCents)?Math.max(0,Math.trunc(t.priceCents)):0,n=Number.isFinite(t.balanceCents)?Math.max(0,Math.trunc(t.balanceCents)):0,a=t.priceManaWei>0n?t.priceManaWei:0n,l=t.manaBalanceWei>0n?t.manaBalanceWei:0n;if(e<=0)return{options:[],preferred:null,manaShortfall:null};const s=[];n>=e&&s.push({method:"credits",creditsCents:e,credits:ce(e),manaWei:0n});const g=B(n)*de;if(a>0n&&g>0&&g<e){const r=e-g,w=Be(r,e,a);l>=w&&s.push({method:"combined",creditsCents:g,credits:B(g),manaWei:w})}a>0n&&l>=a&&s.push({method:"mana",creditsCents:0,credits:0,manaWei:a});const p=((x=s.find(r=>r.method==="credits"))==null?void 0:x.method)??((d=s.find(r=>r.method==="combined"))==null?void 0:d.method)??((u=s.find(r=>r.method==="mana"))==null?void 0:u.method)??null,b=!s.some(r=>r.method==="mana"||r.method==="combined")&&a>0n&&l>0n?{manaWei:l,manaCents:Pe(l,e,a),priceCents:e}:null;return{options:s,preferred:p,manaShortfall:b}}function Pe(t,e,n){return Number(t*BigInt(e)/n)}function ht(t,e){let n=Number.isFinite(e)?Math.max(0,Math.trunc(e)):0;return t.map(a=>{const l=Number.isFinite(a)?Math.max(0,Math.trunc(a)):0,s=Math.min(l,n);return n-=s,s})}function ft(t,e){return t.options.find(n=>n.method===e)??null}async function mt(t){const[e]=await Y({...t,trades:[t.trade],coupons:t.coupon?{[t.trade.id]:t.coupon}:void 0});return e}async function gt(t){const[e]=await Y({...t,trades:[],mints:[t.mint]});return e}async function Y(t){const{trades:e,coupons:n,mints:a=[],buyer:l,signer:s,onSigned:g,manaWei:p}=t;if(e.length===0&&a.length===0)throw new Error("No items to buy");const m=new Map;for(const d of e){const u=`${d.chainId}:${d.contract.toLowerCase()}:${n!=null&&n[d.id]?"coupon":"plain"}`,r=m.get(u);r?r.push(d):m.set(u,[d])}const b=new Map;for(const d of a){const u=b.get(d.chainId);u?u.push(d):b.set(d.chainId,[d])}const x=[];for(const d of m.values()){const u=n?d.map(r=>n[r.id]).filter(r=>r!=null):[];x.push(await Ke({trades:d,coupons:u.length?u:void 0,buyer:l,signer:s,onSigned:g,requiredManaWei:p}))}for(const[d,u]of b){const r=p??u.reduce((w,c)=>w+BigInt(c.item.priceWei),0n);x.push(await Le({mints:u,chainId:d,buyer:l,signer:s,onSigned:g,requiredManaWei:r}))}return x}async function Ke(t){const{trades:e,coupons:n,buyer:a,signer:l,onSigned:s,requiredManaWei:g}=t,p=e[0],m=C(U(p.contract),p.chainId),b=C(M.MANAToken,p.chainId);await z({auth:{kind:N.Allowance,contractAddress:b.address,spenderAddress:m.address,chainId:p.chainId},signer:l,requiredWei:g});const x=e.map(c=>ee(c,a));if(n!=null&&n.length&&n.length!==e.length)throw new Error(`acceptWithCoupon needs one coupon per trade, got ${n.length} for ${e.length} trades`);const d=n!=null&&n.length?n.map((c,o)=>te(c,e[o].sent.length)):void 0;if(j.enabled)try{const{selector:c,data:o}=d?ne(e,n??[],a,m.abi):ae(e,a,m.abi),y=c+o.slice(2),A=L(),I=G(l.provider,A),D=await q(I,A,y,m,{serverURL:j.relayerUrl});return s==null||s(),await O(D,"the MANA purchase"),D}catch(c){if(c instanceof _&&c.code===T.USER_DENIED||c instanceof F)throw c;$(c,{flow:"buy_mana",step:"gasless_fallback"})}await H(l.provider,p.chainId);const u=new V(m.address,m.abi,l),r=d?await u.acceptWithCoupon(x,d,E(p.chainId)):await u.accept(x,E(p.chainId));return s==null||s(),(await r.wait()).transactionHash}async function Le(t){const{mints:e,chainId:n,buyer:a,signer:l,onSigned:s,requiredManaWei:g}=t,p=C(M.CollectionStore,n),m=C(M.MANAToken,n),b=e.map(r=>r.item);if(await z({auth:{kind:N.Allowance,contractAddress:m.address,spenderAddress:p.address,chainId:n},signer:l,requiredWei:g}),j.enabled)try{const r=re(b,a,p.abi),w=L(),c=G(l.provider,w),o=await q(c,w,r,p,{serverURL:j.relayerUrl});return s==null||s(),await O(o,"the MANA purchase"),o}catch(r){if(r instanceof _&&r.code===T.USER_DENIED||r instanceof F)throw r;$(r,{flow:"buy_mint_mana",step:"gasless_fallback"})}await H(l.provider,n);const d=await new V(p.address,p.abi,l).buy(oe(b,a),E(n));return s==null||s(),(await d.wait()).transactionHash}async function xt(t){const{trade:e,coupon:n,...a}=t;return J({target:{kind:"trade",trade:e,coupon:n},...a})}async function bt(t){const{mint:e,...n}=t;return J({target:{kind:"store",mint:e},...n})}async function J(t){const{target:e,buyer:n,signer:a,credits:l,manaGapWei:s,providerType:g,onBroadcast:p,onReverted:m,onUnobservable:b}=t;if(l.length===0)throw new Error("No credits to spend — use the MANA-only rail for that");if(s<=0n)throw new Error("No MANA gap to cover — use the credits-only rail for that");const x=X(e),d=C(M.MANAToken,x),u=C(M.CreditsManager,x);await z({auth:{kind:N.Allowance,contractAddress:d.address,spenderAddress:u.address,chainId:x},signer:a,requiredWei:s});const w=(l.reduce((o,y)=>o+BigInt(y.availableAmount),0n)+s).toString(),c=Ge(e,l,w);if(j.enabled){let o;try{return o=await me({purchase:c,buyer:n,signer:a}),p==null||p({txHash:o}),await ge(o),o}catch(y){if(y instanceof _&&y.code===T.USER_DENIED||y instanceof xe)throw y;if(!(y instanceof be))throw o&&(m==null||m({txHash:o})),y;if(y.reason==="relayer-unreachable")throw b==null||b(),y;if(!le(g))throw y;$(y,{flow:"buy_credits_and_mana",step:"gasless_fallback"})}}return fe({purchase:c,buyer:n,signer:a,onBroadcast:p,onReverted:m})}function X(t){return t.kind==="trade"?t.trade.chainId:t.mint.chainId}function Ge(t,e,n){return t.kind==="trade"?{kind:"trade",trade:t.trade,coupon:t.coupon,credits:e,maxCreditedValue:n}:{kind:"store",item:t.mint.item,chainId:t.mint.chainId,credits:e,maxCreditedValue:n}}function yt(t,e){const n=X(e);return t==="combined"?{spender:C(M.CreditsManager,n).address,chainId:n}:{spender:e.kind==="trade"?C(U(e.trade.contract),n).address:C(M.CollectionStore,n).address,chainId:n}}function wt(t){return i.jsx("svg",{viewBox:"0 0 18 18",width:"18",height:"18","aria-hidden":!0,...t,children:i.jsx("path",{d:"M4 4l10 10M14 4L4 14",stroke:"#161518",strokeWidth:"1.8",strokeLinecap:"round"})})}const{colors:R,media:W}=h,Oe=f.section`
-  margin-top: 40px;
-`,Fe=f.div`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  margin-bottom: 20px;
-`,Qe=f.h2`
-  font-size: 22px;
-  font-weight: 700;
-  color: ${R.softWhite};
-`,Ue=f.button`
-  display: inline-flex;
-  align-items: center;
-  gap: 4px;
-  background: none;
-  border: 0;
-  padding: 0;
-  color: ${R.softWhite};
-  font-weight: 700;
-  font-size: 13px;
-  letter-spacing: 0.046em;
-  text-transform: uppercase;
-  cursor: pointer;
-  white-space: nowrap;
-
-  &:hover {
-    text-decoration: underline;
-  }
-`,He=f(Q)`
-  transform: rotate(-90deg);
-`,qe=f.div`
-  position: relative;
-`,K=f.button`
-  position: absolute;
-  top: 112px;
-  transform: translateY(-50%);
-  z-index: 5;
-  width: 53px;
-  height: 53px;
-  padding: 0;
-  border: 0;
-  background: transparent;
-  cursor: pointer;
-  filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.18));
-  transition:
-    transform 0.15s ease,
-    filter 0.15s ease,
-    opacity 0.15s ease;
-
-  & img {
-    display: block;
-    width: 100%;
-    height: 100%;
-  }
-  // Sit the arrows in the page gutter (aligned to the nav's 54px), not over the cards — at -40px their
-  // inner edge landed ~13px onto the first/last card.
-  &[data-side='left'] {
-    left: -53px;
-  }
-  &[data-side='right'] {
-    right: -53px;
-  }
-  &[data-side='left'] img {
-    transform: scaleX(-1);
-  }
-  &:hover:not(:disabled) {
-    transform: translateY(-50%) scale(1.07);
-  }
-  &:disabled {
-    opacity: 0;
-    pointer-events: none;
-  }
-
-  @media (prefers-reduced-motion: reduce) {
-    transition: none;
-  }
-  ${W.maxWidth("lg")} {
-    display: none;
-  }
-`,Ve=f.div`
-  display: grid;
-  grid-auto-flow: column;
-  grid-auto-columns: calc((100% - 64px) / 5);
-  gap: 16px;
-  overflow-x: auto;
-  overflow-y: hidden;
-  ${ue};
-  scroll-snap-type: x mandatory;
-  scrollbar-width: none;
-
-  &::-webkit-scrollbar {
-    display: none;
-  }
-  & > * {
-    scroll-snap-align: start;
-  }
-  ${W.maxWidth("xl")} {
-    grid-auto-columns: calc((100% - 48px) / 4);
-  }
-  ${W.maxWidth("lg")} {
-    grid-auto-columns: calc((100% - 32px) / 3);
-  }
-  ${W.maxWidth("sm")} {
-    grid-auto-columns: calc((100% - 16px) / 2);
-  }
-`,Ye=f.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 8px;
-  margin-top: 18px;
-`,Je=f.button`
-  width: 10px;
-  height: 10px;
-  border-radius: 50%;
-  border: 0;
-  padding: 0;
-  /* Figma "Carousel Dots" (verbatim): rgba(0,0,0,0.5) at rest, Brand/Orange active. */
-  background: rgba(0, 0, 0, 0.5);
-  cursor: pointer;
-  transition:
-    opacity 0.12s ease,
-    background 0.12s ease,
-    transform 0.12s ease;
-
-  &:hover {
-    opacity: 0.8;
-  }
-  &[data-active] {
-    background: ${R.media};
-    opacity: 1;
-    transform: scale(1.1);
-  }
-`;function vt({title:t,items:e,onViewAll:n}){const a=k.useRef(null),[l,s]=k.useState(1),[g,p]=k.useState(0),[m,b]=k.useState(!0),[x,d]=k.useState(!1),u=k.useCallback(()=>{const c=a.current;if(!c)return;const{scrollLeft:o,scrollWidth:y,clientWidth:A}=c,I=Math.max(1,Math.ceil(y/A));s(I),p(Math.min(I-1,Math.round(o/A))),b(o<=1),d(o+A>=y-1)},[]);if(k.useEffect(()=>{u();const c=a.current;if(c)return c.addEventListener("scroll",u,{passive:!0}),window.addEventListener("resize",u),()=>{c.removeEventListener("scroll",u),window.removeEventListener("resize",u)}},[u,e.length]),e.length===0)return null;function r(c){const o=a.current;o&&o.scrollBy({left:c*o.clientWidth,behavior:"smooth"})}function w(c){const o=a.current;o&&o.scrollTo({left:c*o.clientWidth,behavior:"smooth"})}return i.jsxs(Oe,{"data-testid":"carousel",children:[i.jsxs(Fe,{children:[i.jsx(Qe,{children:t}),n?i.jsxs(Ue,{onClick:n,children:[v("collectionCarousel.viewAll"),i.jsx(He,{name:"chevron-down",size:16})]}):null]}),i.jsxs(qe,{children:[i.jsx(K,{"data-side":"left",onClick:()=>r(-1),"aria-label":v("collectionCarousel.scrollLeft"),disabled:m,children:i.jsx("img",{src:P,alt:"","aria-hidden":!0})}),i.jsx(Ve,{ref:a,children:e.map(c=>i.jsx(pe,{item:c},c.id))}),i.jsx(K,{"data-side":"right",onClick:()=>r(1),"aria-label":v("collectionCarousel.scrollRight"),disabled:x,children:i.jsx("img",{src:P,alt:"","aria-hidden":!0})})]}),l>1?i.jsx(Ye,{"aria-label":v("collectionCarousel.pages"),children:Array.from({length:l}).map((c,o)=>i.jsx(Je,{"data-active":o===g||void 0,"aria-label":v("collectionCarousel.goToPage",{page:o+1}),"aria-current":o===g?"true":void 0,onClick:()=>w(o)},o))}):null]})}export{lt as A,wt as C,vt as a,ut as b,pt as c,Y as d,ht as e,Be as f,X as g,ft as h,dt as i,mt as j,gt as k,xt as l,yt as m,bt as n,Ge as p,it as s,ct as t};
-//# sourceMappingURL=CollectionCarousel-CrMGuIJ3.js.map

package/_assets/Event-C9d1J0Kb.js

@@ -1,72 +0,0 @@
-import{j as a,b as u,r as g}from"./react-ZT2P9-hV.js";import{a as b,s as n,H as f,N as x,E as w,O as v,P as y,Q as j,R as C,S as k,U as I,t as s}from"./index-y9tZLe7Z.js";import{Assets as N}from"./Assets-CN1LU5Xt.js";import"./dcl-schemas-Do6ePE9M.js";import"./sentry-qVQnooqM.js";import"./ethers-DVrorjJ1.js";import"./intl-AKLEHPeO.js";import"./search-empty-CkXuQVln.js";import"./Filters-Dw8HD8Ma.js";import"./browseLayout.styles-Dg021Y7v.js";import"./Tooltip-Bj-rfWuS.js";import"./skeleton.styles-DTLcQB9A.js";import"./LoadMore-i7_riiE5.js";import"./useInfiniteGrid-56c_34kP.js";import"./categories-DeCaTWZU.js";import"./ErrorNotice-Cm0KaFyV.js";import"./buy-gasless-CaUM9sxG.js";import"./trade-encoding-JnGsRcov.js";import"./sendMetaTransaction-BcKatlZr.js";import"./buy-Da1E8jgj.js";import"./errors-COVZQXFS.js";import"./CreditPackPicker-COb2KClL.js";import"./cart-checkout-uu8usx3x.js";import"./resume-name-CTz059A2.js";import"./resume-buy-VqFhR9e8.js";import"./name-glyph-aUugT8vq.js";import"./crumbs.styles-6TXvIB5e.js";import"./grid.styles-zbj0YrVx.js";(function(){try{var i=typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},t=new i.Error().stack;t&&(i._sentryDebugIds=i._sentryDebugIds||{},i._sentryDebugIds[t]="dde52c88-706a-46a1-ae2f-46f574a4b253",i._sentryDebugIdIdentifier="sentry-dbid-dde52c88-706a-46a1-ae2f-46f574a4b253")}catch{}})();const{colors:B,gradients:_,media:d,radius:l}=b,E=n.section`
-  position: relative;
-  display: flex;
-  align-items: center;
-  aspect-ratio: 1920 / 220;
-  max-height: 220px;
-  margin-bottom: 28px;
-  overflow: hidden;
-  border-radius: ${l.banner};
-  background: #14161b;
-
-  ${d.maxWidth("mobile")} {
-    aspect-ratio: 390 / 200;
-    max-height: none;
-    border-radius: 0;
-    /* Out to the window edges, the way the home hero runs: a rounded inset strip at this width reads as a
-       widget rather than as the page's header. */
-    width: 100vw;
-    margin-inline: calc(50% - 50vw);
-    padding-inline: calc(50vw - 50%);
-    justify-content: center;
-  }
-`,P=n.img`
-  position: absolute;
-  inset: 0;
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-  object-position: center right;
-`,$=n.div`
-  position: relative;
-  z-index: 2;
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  gap: 16px;
-  padding-inline: 40px;
-
-  ${d.maxWidth("mobile")} {
-    align-items: center;
-    text-align: center;
-    padding-inline: 16px;
-  }
-`,D=n.h2`
-  margin: 0;
-  color: ${B.white};
-  font-size: clamp(22px, 2.6vw, 34px);
-  font-weight: 700;
-  line-height: 1.235;
-`,S=n(f)`
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  height: 44px;
-  padding: 0 28px;
-  border-radius: ${l.btn};
-
-  /* The home hero's treatment, so a campaign's button looks the same wherever it appears: the orange BUY
-     gradient rather than the flat purple variant, which sits too close to the artwork behind it to read as
-     a button at all. Doubled ampersands because the variant's own rules are an attribute selector and
-     outweigh this class on their own. */
-  && {
-    background: ${_.buyBtn};
-    font-size: 15px;
-    letter-spacing: 0.46px;
-  }
-  /* The variant fades a solid accent overlay in on hover; this button has no flat state to fade from. */
-  &&::before {
-    content: none;
-  }
-`;function T({slot:i}){const t=x(i);return t?a.jsxs(E,{"data-testid":"campaign-banner",children:[a.jsxs("picture",{children:[a.jsx("source",{media:"(max-width: 768px)",srcSet:t.mobileImage}),a.jsx(P,{src:t.desktopImage,alt:"","aria-hidden":!0})]}),a.jsxs($,{children:[a.jsx(D,{"data-testid":"campaign-banner-title",children:t.title}),!w()&&t.cta?a.jsx(S,{as:"a",href:t.cta.href,variant:"purple","data-testid":"campaign-banner-cta",onClick:()=>v("Shop Clicked Banner",{slot:i,banner_id:t.bannerId,campaign:t.campaignName}),children:t.cta.label}):null]})]}):null}const z="marketplaceCampaignCollectiblesBanner";function ce(){const i=u(),t=y(h=>h.locale),{campaign:e,isPending:o}=j(),{contracts:c,isPending:p}=C((e==null?void 0:e.tags)??[],e==null?void 0:e.collections),r=!o&&!(e!=null&&e.mainTag);if(g.useEffect(()=>{r&&i("/items",{replace:!0})},[r,i]),o||p||r)return a.jsx("div",{className:"page-loading","aria-busy":"true",children:a.jsx("span",{className:"spinner","aria-hidden":!0})});const m=k(e==null?void 0:e.tabName,I(t))??(e==null?void 0:e.name)??"";return a.jsxs(a.Fragment,{children:[a.jsx(T,{slot:z}),a.jsx(N,{contracts:c,hideNames:!0,lockStatus:"on_sale",seo:{title:m||s("seo.collectibles.title"),description:s("seo.collectibles.description"),noindex:!0}})]})}export{ce as Event};
-//# sourceMappingURL=Event-C9d1J0Kb.js.map