Module 441241

function(e,l,s){s.r(l),s.d(l,{default:()=>eC});var t=s(477900),n=s(582128),a=s(503698),r=s.n(a),i=s(806163),o=s(132500),c=s(17928),d=s(364522),u=s(944791),h=s(444927),g=s(688810),C=s(475073),x=s(611924),m=s(744082),I=s(594832),p=s(440938),E=s(590180),b=s(50920),j=s(395856),A=s(790297),L=s(350172),f=s(730202),_=s(295586),N=s(510801),v=s(682301);function O(e){let{enabled:l=!0}=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},s=l&&null!=e?e:"";n.useEffect(()=>{""!==s&&_.p.requestCollections([s])},[s]);let{collection:t,fetchState:a}=(0,c.cf)([f.A],()=>({collection:f.A.getCollection(s),fetchState:f.A.getFetchState(s)}),[s]),r=(0,v.Hd)(s,a),i=n.useMemo(()=>null!=t?N.A.fromStorefrontCollectionRecord(t):null,[t]),o=n.useMemo(()=>"error"===a||r?"error":null!=i?"ready":"loading",[a,r,i]);return{category:i,state:o,retry:n.useCallback(()=>{""!==s&&(0,L._v)({collectionIds:[s],ignoreCache:!0})},[s])}}var T=s(841702),S=s(983545),R=s(178504),k=s(235939);s(321073);var y=s(575593),B=s(651162),F=s(40474),P=s(297264),G=s(821609),M=s(449543),D=s(152858),U=s(287809),H=s(174459),V=s(161918),w=s(993408),X=s(511265),W=s(13875),$=s(652215),Y=s(828515),z=s(110629),K=s(258245),q=s(484469),J=s(196231),Z=s(337183),Q=s(758836),ee=s(375708),el=s(146053);function es(e,l){let s=(0,j.$)(l),{category:t}=O(e,{enabled:s}),n=(0,c.bG)([E.A],()=>E.A.getCategory(e));return s?t??void 0:n}let et={aspectRatio:"1 / 1"},en={[y.R.PROFILE_EFFECT]:{className:el.I5,aspectRatio:"1 / 2"},[y.R.BUNDLE]:{className:el.kP,aspectRatio:"2 / 1"}};function ea(e){let{category:l}=e,s=(0,c.bG)([U.default],()=>U.default.getCurrentUser()),n=(0,X.p)()(l.products);return null==s||0===n.length?null:(0,t.jsx)("div",{className:el.hd,children:(0,t.jsx)("div",{className:el.fr,children:n.map((e,l)=>{let{className:s,aspectRatio:n}=en[e.type===y.R.VARIANTS_GROUP&&null!=e.variants&&e.variants.length>0&&e.variants.every(e=>e.type===y.R.PROFILE_EFFECT)?y.R.PROFILE_EFFECT:e.type]??et;return(0,t.jsx)(p.R9,{newValue:{tilePosition:l},children:(0,t.jsx)(K.A,{skuId:e.skuId,cardClassName:s,aspectRatio:n})},e.skuId)})})})}function er(e){let{currentCategorySkuId:l,handleTransition:s}=e,a=(0,j.$)("collection_index_related_drops"),{categories:r}=function(e){let{anchorCollectionId:l,limit:s,enabled:t=!0}=e,a=n.useMemo(()=>({applicationId:$.FYj,anchorCollectionId:l??"",limit:s}),[l,s]),r=t&&null!=l&&""!==l,i=(0,L.HX)(a);n.useEffect(()=>{r&&(0,L.Su)(a)},[r,a]);let{collectionIds:o,fetchState:d}=(0,c.cf)([f.A],()=>({collectionIds:f.A.getCollectionsAfterIds(i),fetchState:f.A.getCollectionsAfterFetchState(i)}),[i]),u=n.useMemo(()=>r?o??[]:[],[r,o]),h=u.join(","),g=(0,c.cf)([f.A],()=>{let e={};for(let l of u)e[l]=f.A.getCollectionOrSummary(l);return e},[u]);return{categories:n.useMemo(()=>u.map(e=>g[e]).filter(e=>null!=e).map(e=>N.A.fromStorefrontCollectionRecord(e)),[h,g]),isLoading:r&&null==o&&"error"!==d}}({anchorCollectionId:l,limit:12,enabled:a}),i=(0,c.bG)([E.A],()=>E.A.categories),o=n.useCallback(e=>e.skuId!==l&&null!=e.featuredBlockUrl&&!0!==e.isOrbsExclusive&&(null==e.unpublishedAt||e.unpublishedAt>new Date)&&!Q.MS.some(l=>{let{categorySkuId:s}=l;return s===e.skuId}),[l]),d=n.useMemo(()=>{if(a)return r.filter(o).slice(0,8);let e=[...i.values()],s=e.findIndex(e=>e.skuId===l);if(-1===s)return[];let t=[];for(let l=1;l<=e.length&&t.length<8;l++){let n=e[(s+l)%e.length];o(n)&&n.products.length>0&&t.push(n)}return t},[a,r,i,l,o]);return 0===d.length?null:(0,t.jsxs)("div",{className:el.t3,children:[(0,t.jsx)("div",{className:el.bb,children:(0,t.jsx)(P.D,{variant:"heading-lg/semibold",children:ee.intl.string(ee.t.EhRZ9o)})}),(0,t.jsx)(M.A,{gap:"xl",scrollBehavior:D.Uf.ITEM,children:d.map((e,l)=>(0,t.jsx)(p.R9,{newValue:{categoryPosition:l,pageCategory:e.name,pageSection:"related_drops",tilePosition:l},children:(0,t.jsx)("div",{className:el.EU,children:(0,t.jsx)(J.S,{category:e,badgeText:(0,w.HF)(e.unpublishedAt)?ee.intl.string(ee.t["h/uBCR"]):void 0,handleTransition:s,pageType:Q.G2.COLLECTION_INDEX,className:el.vK})})},e.skuId))},l)]})}let ei=[{tab:Q.G2.AVATAR_DECORATIONS,label:()=>ee.intl.string(ee.t.dRZYNE)},{tab:Q.G2.PROFILE_EFFECTS,label:()=>ee.intl.string(ee.t["1cNjtx"])},{tab:Q.G2.NAMEPLATES,label:()=>ee.intl.string(ee.t.V68Fqz)},{tab:Q.G2.PROFILE_FRAMES,label:()=>ee.intl.string(ee.t.ecTJkR)},{tab:Q.G2.BUNDLES,label:()=>ee.intl.string(ee.t.FYFpps)}];function eo(){let e=(0,i.W6)(),l=(0,W.sk)("CollectionPageFooter"),s=n.useMemo(()=>ei.filter(e=>{let{tab:s}=e;return l||s!==Q.G2.PROFILE_FRAMES}),[l]);return(0,t.jsxs)("div",{className:el.nb,children:[(0,t.jsx)(P.D,{variant:"heading-md/semibold",children:ee.intl.string(ee.t.Yr70c4)}),(0,t.jsx)("div",{className:el.J2,children:s.map(l=>{let{tab:s,label:n}=l;return(0,t.jsx)(G.$,{variant:"secondary",text:n(),onClick:()=>e.push($.BVt.COLLECTIBLES_SHOP_WITH_TAB(s))},s)})})]})}function ec(e){let{collectionId:l}=e,s=(0,i.W6)(),a=(0,p.uM)(),o=es(l,"collection_index_breadcrumb")?.name,c=n.useMemo(()=>[{id:"shop_all",label:ee.intl.string(ee.t.xFcotU)},{id:"collection",label:o??""}],[o]),d=n.useCallback(e=>{"shop_all"===e.id&&(H.default.track($.HAw.COLLECTIBLES_SHOP_ELEMENT_CLICKED,{collectibles_shop_session_id:a?.sessionId,sku_id:l,page_type:Q.G2.COLLECTION_INDEX,page_category:o,cta_name:"collection breadcrumb shop all"}),s.push($.BVt.COLLECTIBLES_SHOP_WITH_TAB(Q.G2.CATALOG)))},[s,a?.sessionId,l,o]),u=n.useCallback((e,l)=>(0,t.jsxs)("span",{className:r()(el.u,{[el.kG]:l}),children:[e.label,!l&&(0,t.jsx)("span",{className:el.Tl,children:"/"})]}),[]);return(0,t.jsx)(F.A,{className:el.C2,separatorClassName:el.Lw,breadcrumbs:c,activeId:"collection",onBreadcrumbClick:d,renderCustomBreadcrumb:u})}function ed(){return(0,t.jsxs)("div",{className:el.kL,children:[(0,t.jsx)(Z.A,{isLoading:!0,hideButton:!0,hideCards:!0,tab:Q.G2.COLLECTION_INDEX}),(0,t.jsx)("div",{className:el.hd,children:(0,t.jsx)("div",{className:el.fr,children:Array.from({length:8},(e,l)=>(0,t.jsx)(q.A,{},l))})}),(0,t.jsxs)("div",{className:el.t3,children:[(0,t.jsx)("div",{className:el.bb,children:(0,t.jsx)("div",{className:el.M$})}),(0,t.jsxs)("div",{className:el.A9,children:[(0,t.jsx)("div",{className:el.nl}),(0,t.jsx)("div",{className:el.nl})]})]})]})}let eu=function(e){let{collectionId:l}=e,s=(0,i.W6)(),a=es(l,"collection_index_page_content"),r=n.useMemo(()=>a?.products.some(e=>e.type===y.R.PROFILE_FRAME)??!1,[a]),o=n.useCallback(e=>{let{categorySkuId:l}=e;null!=l&&s.push($.BVt.COLLECTIBLES_SHOP_COLLECTION_DETAIL(l))},[s]),c=n.useMemo(()=>null==a?null:{rankedSkuIds:a.heroRanking??[],name:a.name,unpublishedAt:a.unpublishedAt,categorySkuId:a.skuId,summary:a.summary,type:B.g.HERO,categoryStoreListingId:a.storeListingId,bannerDisplayConfig:a.heroBannerDisplayConfig,logoDisplayConfig:a.heroLogoDisplayConfig,heroLogoUrl:a.heroLogoUrl,heroBannerUrl:a.heroBannerUrl,heroBannerAnimatedUrl:a.heroBannerAnimatedUrl,heroRiveUrl:a.heroRiveUrl},[a]);if(null==a)return null;let d=null!=a.heroBannerUrl||null!=a.heroRiveUrl;return(0,t.jsx)(V.iM,{tab:Q.G2.COLLECTION_INDEX,children:(0,t.jsxs)("div",{className:el.kL,children:[d&&null!=c?(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)("div",{className:el.rz,children:[(0,t.jsx)("div",{className:el.zn,children:(0,t.jsx)(ec,{collectionId:l})}),(0,t.jsx)(Z.A,{heroBlock:c,isLoading:!1,tab:Q.G2.COLLECTION_INDEX,badge:r?(0,t.jsx)(z.A,{location:"CollectionIndexPage"}):void 0,hideButton:!0,hideCards:!0})]}),(0,t.jsx)(ea,{category:a}),(0,t.jsx)(er,{currentCategorySkuId:a.skuId,handleTransition:o},a.skuId)]}):(0,t.jsxs)("div",{className:el.AW,children:[(0,t.jsx)("div",{className:el.zn,children:(0,t.jsx)(ec,{collectionId:l})}),(0,t.jsx)("div",{className:el.$T,children:(0,t.jsx)(Y.A,{category:a})}),(0,t.jsx)(ea,{category:a}),(0,t.jsx)(er,{currentCategorySkuId:a.skuId,handleTransition:o},a.skuId)]}),(0,t.jsx)(eo,{})]})})};var eh=s(146919),eg=s(170522);let eC=function(e){let{collectionId:l}=e,s=n.useRef(null),a=n.useRef(null);(0,x.P)(C.a);let L=(0,eh.yB)("CollectiblesShopIndexPage");(0,eh.gB)();let{selectedTab:f,transitionToTab:_,transitionState:N}=(0,S.o)(Q.G2.COLLECTION_INDEX);(0,I.pE)();let v=(0,j.$)("collection_index_page");(0,T.Ay)({stalePurchasesOK:!0,skipFetch:v}),(0,m.A)($.FYj);let y=(0,h.A)((0,o.A)()),B=(0,b.a)("CollectiblesShopIndexPage"),{category:F,state:P}=O(l,{enabled:v}),G=(0,c.bG)([E.A],()=>null!=l?E.A.getCategory(l):void 0),M=(0,c.bG)([E.A],()=>E.A.isFetchingCategories),D=(0,c.bG)([E.A],()=>null!=E.A.lastSuccessfulFetch),U=(0,c.bG)([E.A],()=>E.A.error),H=v?F??void 0:G,{analyticsLocations:V}=(0,A.lC)(Q.G2.COLLECTION_INDEX);(0,A.uS)(y,f,H?.name,N),n.useEffect(()=>{a.current?.scrollTo({top:0})},[l]),n.useEffect(()=>{(0,u.I)($.BVt.COLLECTIBLES_SHOP)},[]);let w=(v?"loading"!==P:!M&&(D||null!=U))&&null==H;return null==l||!B||w?(0,t.jsx)(i.rd,{to:$.BVt.COLLECTIBLES_SHOP}):H?.isOrbsExclusive===!0?(0,t.jsx)(i.rd,{to:$.BVt.COLLECTIBLES_SHOP_WITH_TAB(Q.G2.ORBS)}):null==H?(0,t.jsxs)("div",{className:r()(eg.bx,{[eh.jP]:L}),ref:s,tabIndex:-1,children:[(0,t.jsx)(R.G,{handleTransition:_,selectedTab:f}),(0,t.jsx)(d.Ip,{children:(0,t.jsx)(ed,{})})]}):(0,t.jsx)(g.f5,{value:V,children:(0,t.jsx)(p.R9,{newValue:{sessionId:y},children:(0,t.jsxs)("div",{className:r()(eg.bx,{[eh.jP]:L}),ref:s,tabIndex:-1,children:[(0,t.jsx)(R.G,{handleTransition:_,selectedTab:f}),(0,t.jsx)(k.A,{tab:f,handleTransition:_}),(0,t.jsx)(d.Ip,{ref:a,children:(0,t.jsx)(eu,{collectionId:l})})]})})})}}