Module 956123

13,496 characters · in 3e528590d2bbcda9.js
Dependencies
Source Raw
function(e,t,l){l.d(t,{G:()=>eC}),l(321073);var r=l(627968),n=l(64700),s=l(696292),a=l(17928),o=l(939249),i=l(926268),c=l(34188),u=l(661531),d=l(770178),b=l(742589),m=l(617986);let p=(0,l(945810).mj)({name:"2026-05-social-layer-storefront-game-shops-dropdown",kind:"user",defaultConfig:{enabled:!1},variations:{0:{enabled:!1},1:{enabled:!0}}});var S=l(975732),E=l(318346),f=l(70926),h=l(287809),C=l(13875),g=l(23161),A=l(503698),y=l.n(A),T=l(477782),O=l(509434),I=l(980707),x=l(81341),L=l(146919),_=l(375708);function R(e){let{shops:t,onClose:l}=e,n=(0,L.yB)("CollectiblesGameShopsContextMenu"),s=(0,x.I)({location:"CollectiblesGameShopsContextMenu"});return(0,r.jsx)("div",{className:y()({[L.jP]:n}),children:(0,r.jsx)(I.W,{"data-menu-migrated":!0,navId:"collectibles-game-shops-menu",className:y()({[L.jP]:n}),onClose:l,"aria-label":_.intl.string(_.t.FkjcWY),onSelect:()=>{},children:t.map(e=>(0,r.jsx)(T.Dr,{id:e.id,label:e.label,leadingAccessory:null!=e.iconSrc&&s?{type:"image",src:e.iconSrc}:void 0,trailingIndicator:s?void 0:{type:"icon",icon:O.I},action:e.onSelect},e.id))})})}var F=l(641150),j=l(478016),v=l(758836);let P=[{tab:v.G2.AVATAR_DECORATIONS,labelKey:_.t.dRZYNE},{tab:v.G2.NAMEPLATES,labelKey:_.t.V68Fqz},{tab:v.G2.PROFILE_EFFECTS,labelKey:_.t["1cNjtx"]},{tab:v.G2.PROFILE_FRAMES,labelKey:_.t.ecTJkR},{tab:v.G2.BUNDLES,labelKey:_.t.FYFpps},{tab:v.G2.CATALOG,labelKey:_.t.xFcotU}],G={[F.q.ALL]:v.G2.CATALOG,[F.q.AVATAR_DECORATION]:v.G2.AVATAR_DECORATIONS,[F.q.PROFILE_EFFECT]:v.G2.PROFILE_EFFECTS,[F.q.NAMEPLATE]:v.G2.NAMEPLATES,[F.q.PROFILE_FRAME]:v.G2.PROFILE_FRAMES,[F.q.BUNDLE]:v.G2.BUNDLES};function k(e,t){if(e!==v.G2.CATALOG||0===t.size)return e;let l=t.values().next().value;return null==l?e:G[l]??e}function N(e){let{handleTransition:t,onClose:l,selectedTab:n,itemTypeFilters:s}=e,a=(0,L.yB)("CollectiblesIndexPageContextMenu"),o=(0,C.sk)("CollectiblesIndexPageContextMenu"),i=k(n,s),c=P.filter(e=>{let{tab:t}=e;return o||t!==v.G2.PROFILE_FRAMES});return(0,r.jsx)("div",{className:y()({[L.jP]:a}),children:(0,r.jsx)(I.W,{"data-menu-migrated":!0,navId:"collectibles-index-page-menu",className:y()({[L.jP]:a}),onClose:l,"aria-label":_.intl.string(_.t.xFcotU),onSelect:()=>{},children:c.map(e=>{let{tab:l,labelKey:n}=e,s=l===i;return(0,r.jsx)(T.Dr,{id:l,label:_.intl.string(n),badge:l===v.G2.PROFILE_FRAMES?"new":void 0,trailingIndicator:s?{type:"icon",icon:j.U}:void 0,action:()=>{t(l)}},l)})})})}var M=l(7689),$=l(892547),w=l(773669),D=l(174459),B=l(440938),q=l(652215),H=l(113960);function U(e){let{handleTransition:t,selectedTab:l,isNarrow:s,hasText:i}=e,{searchQuery:c,onSetSearchQuery:d}=(0,g.v)(),[b,m]=n.useState(""),p=(0,B.uM)(),S=(0,a.bG)([w.default],()=>w.default.locale),E=n.useRef(null),[f,h]=n.useState(!1);n.useEffect(()=>{let e=setTimeout(()=>{d(b)},250);return()=>clearTimeout(e)},[b,d]),n.useEffect(()=>{m(c)},[c]),n.useEffect(()=>{h(s&&i)},[s,i]);let C=n.useCallback(e=>{"Enter"===e.key&&d(b)},[b,d]),A=n.useCallback(e=>{D.default.track(q.HAw.COLLECTIBLES_SHOP_ELEMENT_CLICKED,{collectibles_shop_session_id:p?.sessionId,page_section:p?.pageSection,page_category:p?.pageCategory,page_index:p?.pageIndex,page_size:p?.pageSize,cta_name:e,page_type:l})},[l,p]),T=n.useCallback(()=>{l!==v.G2.CATALOG&&t(v.G2.CATALOG),A(v.uY.SEARCH_ICON),h(!0),setTimeout(()=>E.current?.focus())},[l,t,A]),O=n.useCallback(()=>{l!==v.G2.CATALOG&&t(v.G2.CATALOG),A(v.uY.SEARCH_BAR)},[l,t,A]),I=n.useCallback(()=>{m(""),d(""),A(v.uY.SEARCH_BAR_CLEAR),s&&h(!1)},[d,A,s]),x=n.useCallback(()=>{s&&""===b&&h(!1)},[s,b]),L=s&&!f,R=(0,r.jsx)(o.D,{className:H.qc,onClick:T,children:(0,r.jsx)(M.$,{size:"sm",color:u.A.colors.INTERACTIVE_ICON_DEFAULT})}),F=(0,r.jsx)($.I,{size:"sm",ref:E,onKeyDown:C,query:b,onChange:m,onClear:I,onBlur:x,placeholder:"en-US"===S?_.intl.string(_.t.arz34K):_.intl.string(_.t["hIt/Nm"])}),j={"--custom-search-bar-width":`${v.rr}px`,"--custom-search-bar-icon-width":`${v.Dy}px`};return L?(0,r.jsx)("div",{style:j,children:R}):(0,r.jsx)("div",{className:y()(H.ON,{[H.Nz]:f}),style:j,children:(0,r.jsx)(o.D,{ignoreKeyPress:!0,onClick:O,children:F})})}var z=l(3666),V=l(834730),K=l(812993),Y=l(761508),W=l(922016),Q=l(900797),J=l(847374),X=l(955572),Z=l(775602),ee=l(421773);function et(e){let{tabs:t,selectedTab:l,onTabSelect:n,onClose:s,showOrbRentalNewBadge:a}=e;return(0,r.jsx)(I.W,{"data-menu-migrated-auto":!0,navId:"collectibles-shop-tabs-overflow-menu","aria-label":_.intl.string(_.t["UKOtz+"]),hideScroller:!0,onClose:s,onSelect:s,children:(0,r.jsx)(T.rX,{children:t.map(e=>{let{tab:t,label:o,renderOverflowContent:i}=e;if(null!=i)return(0,r.jsx)(T.Dr,{id:t,label:o,hasSubmenu:!0,children:i({onClose:s})},t);let c=t===v.G2.ORBS&&a;return(0,r.jsx)(T.Dr,{id:t,label:o,trailingIndicator:t===l?{type:"icon",icon:j.U}:void 0,badge:c?"new":void 0,action:()=>n(t)},t)})},"overflow-tabs")})}var el=l(584512);function er(e){let{label:t,icon:l,showNewBadge:n}=e;return(0,r.jsxs)(V.E,{variant:"text-md/medium",color:"none",children:[null!=l?(0,r.jsxs)("span",{className:el.nt,children:[t,(0,r.jsx)(l,{size:"xs",color:"currentColor"})]}):t,n&&(0,r.jsx)(K.Lp,{text:_.intl.string(_.t.y2b7CA),className:el.Ad})]})}function en(e){let{tab:t,label:l,selected:n,handleTransition:s,renderSubmenu:a,submenuOnly:o,showNewBadge:i,icon:c}=e;return null!=a?(0,r.jsx)(es,{tab:t,label:l,selected:n,handleTransition:s,renderSubmenu:a,submenuOnly:o}):(0,r.jsx)(Y.V.Item,{id:t,look:"brand",disableItemStyles:!0,selectedItem:n?t:void 0,onClick:()=>s(t),className:el.Mf,"aria-label":l,children:(0,r.jsx)(er,{label:l,icon:c,showNewBadge:i})})}function es(e){let{tab:t,label:l,selected:s,handleTransition:a,renderSubmenu:o,submenuOnly:i}=e,c=n.useRef(null),u=n.useRef(!1),{isHovered:d,setIsHovered:b,onMouseEnter:m,onMouseLeave:p,cancelTimers:S}=(0,ee.A)(100,100),E=n.useCallback(()=>{u.current=Z.Ay.keyboardModeEnabled,m()},[m]),f=n.useCallback(()=>{S(),b(!0),u.current=Z.Ay.keyboardModeEnabled,i||a(t)},[S,b,i,a,t]);return(0,r.jsx)(W.Y,{targetElementRef:c,shouldShow:d,position:"bottom",align:"left",onRequestOpen:()=>{S(),b(!0),u.current=Z.Ay.keyboardModeEnabled},onRequestClose:()=>{u.current&&!Z.Ay.keyboardModeEnabled&&(0,X.uS)(),b(!1),requestAnimationFrame(()=>c.current?.focus())},renderPopout:e=>{let{closePopout:t}=e;return(0,r.jsx)("div",{onMouseEnter:m,onMouseLeave:p,children:o({onClose:t})})},children:(e,n)=>{let{isShown:a}=n,o=a?Q.t:J.a;return(0,r.jsx)(Y.V.Item,{...e,id:t,look:"brand",disableItemStyles:!0,selectedItem:s?t:void 0,onClick:f,clickableRef:e=>{null!=e&&null!=e.ref&&(c.current=e.ref)},className:el.Mf,"aria-label":l,children:(0,r.jsx)("div",{"aria-hidden":"true",className:el.Lj,onMouseEnter:E,onMouseLeave:p,children:(0,r.jsx)(V.E,{variant:"text-md/medium",color:"none",children:(0,r.jsxs)("span",{className:el.hP,children:[l,(0,r.jsx)(o,{size:"sm",color:"currentColor"})]})})})})}})}function ea(e){let{onTabSelect:t,tabs:l,selectedTab:s,selected:a}=e,o=n.useRef(null),i=n.useRef(!1),{isHovered:c,setIsHovered:u,onMouseEnter:d,onMouseLeave:b,cancelTimers:m}=(0,ee.A)(100,100),p=n.useCallback(()=>{i.current=Z.Ay.keyboardModeEnabled,d()},[d]),S=n.useCallback(()=>{m(),u(!0),i.current=Z.Ay.keyboardModeEnabled},[m,u]);return(0,r.jsx)(W.Y,{targetElementRef:o,shouldShow:c,position:"bottom",align:"left",onRequestOpen:()=>{m(),u(!0),i.current=Z.Ay.keyboardModeEnabled},onRequestClose:()=>{i.current&&!Z.Ay.keyboardModeEnabled&&(0,X.uS)(),u(!1),requestAnimationFrame(()=>o.current?.focus())},renderPopout:e=>{let{closePopout:n}=e;return(0,r.jsx)("div",{onMouseEnter:d,onMouseLeave:b,children:(0,r.jsx)(et,{selectedTab:s,onClose:n,tabs:l,onTabSelect:t})})},children:(e,t)=>{let{isShown:l}=t,n=l?Q.t:J.a;return(0,r.jsx)(Y.V.Item,{...e,id:"more",look:"brand",disableItemStyles:!0,selectedItem:a?"more":void 0,onClick:S,clickableRef:e=>{null!=e&&null!=e.ref&&(o.current=e.ref)},className:y()(el.Mf,el.OS),"aria-label":_.intl.string(_.t["UKOtz+"]),children:(0,r.jsx)("div",{"aria-hidden":"true",className:el.Lj,onMouseEnter:p,onMouseLeave:b,children:(0,r.jsx)(V.E,{variant:"text-md/medium",color:"none",children:(0,r.jsxs)("span",{className:el.hP,children:[_.intl.string(_.t["UKOtz+"]),(0,r.jsx)(n,{size:"xs"})]})})})})}})}function eo(e,t,l){return e===l||null!=t.renderSubmenu&&(0,v.dF)(l)&&e===v.G2.CATALOG}function ei(e){let{className:t,selectedTab:l,tabs:s,onTabSelect:a}=e,[o,i]=n.useState(0),c=n.useRef(o),{lastVisibleIndex:u,onItemLayout:b,overflowItemsRef:m}=(0,z.Wv)({items:s,itemGapPx:32,maxLines:1,containerWidth:o}),p=n.useMemo(()=>s.slice(0,u+1),[u,s]),S=n.useMemo(()=>s.slice(u+1),[u,s]),E=n.useRef(null),f=n.useCallback(e=>{let t=e.contentRect.width;null!=t&&c.current!==t&&(i(t),c.current=t)},[]);(0,d.g)(E,f);let h=0!==o,C=S.some(e=>eo(e.tab,e,l));return(0,r.jsxs)("div",{className:y()(el.kL,t),ref:E,children:[(0,r.jsxs)("div",{className:el.Kk,"aria-hidden":"true",children:[s.map((e,t)=>(0,r.jsx)(z.Ae,{index:t,onItemLayout:b,children:(0,r.jsx)(en,{tab:e.tab,label:e.label,selected:eo(e.tab,e,l),handleTransition:a,renderSubmenu:e.renderSubmenu,submenuOnly:e.submenuOnly,icon:e.icon})},e.tab)),(0,r.jsx)("div",{ref:m,children:(0,r.jsx)(ea,{tabs:S,onTabSelect:a,selectedTab:l,selected:C})})]}),h&&(0,r.jsxs)(Y.V,{type:"top",look:"brand",selectedItem:l,onItemSelect:a,className:el.vR,children:[p.map(e=>(0,r.jsx)(en,{tab:e.tab,label:e.label,selected:eo(e.tab,e,l),handleTransition:a,renderSubmenu:e.renderSubmenu,submenuOnly:e.submenuOnly,icon:e.icon},e.tab)),0!==S.length?(0,r.jsx)(ea,{tabs:S,onTabSelect:a,selectedTab:l,selected:C}):null]})]})}var ec=l(812729),eu=l.n(ec),ed=l(627363),eb=l(587895),em=l(733391),ep=l(832163),eS=l(44724),eE=l(486020);l(801416);var ef=l(518477),eh=l(773743);function eC(e){let{selectedTab:t,handleTransition:l}=e,A=(0,a.bG)([h.default],()=>h.default.getCurrentUser()),y=function(e){let{location:t}=e;return p.useConfig({location:t}).enabled}({location:"collectibles_shop_header_bar"}),I=(0,C.sk)("CollectiblesShopHeaderBar"),{searchQuery:L,itemTypeFilters:F}=(0,g.v)(),G=n.useRef(null),[M,$]=n.useState(!1);(0,d.g)(G,n.useCallback(e=>{$(e.contentRect.width<800)},[]));let w=function(e){let{enabled:t}=e,l=(0,B.uM)(),r=(0,a.yK)([ep.A],()=>t?(ep.A.getConfig()?.storefronts??[]).filter(e=>e.collectiblesShopNavigationEnabled):[],[t]);n.useEffect(()=>{t&&(0,em.Xw)()},[t]),n.useEffect(()=>{r.length>0&&ed.Ay.fetchApplications(r.map(e=>e.applicationId),!1)},[r]);let s=n.useCallback(e=>{D.default.track(q.HAw.COLLECTIBLES_SHOP_ELEMENT_CLICKED,{collectibles_shop_session_id:l?.sessionId,page_type:v.G2.GAME_SHOPS,page_category:l?.pageCategory,page_section:l?.pageSection,tile_type:"SOCIAL_LAYER_STOREFRONT_SHOP_TAB",cta_name:"go_to_game_shop"}),(0,eS.default)({applicationId:e}).catch(()=>{})},[l]),o=(0,a.bG)([eb.A],()=>r.flatMap(e=>{let t=eb.A.getApplication(e.applicationId),l=t?.name;return null==l?[]:[{id:e.applicationId,label:l,iconSrc:t?.icon!=null?eE.Ay.getApplicationIconURL({id:t.id,icon:t.icon,size:32}):void 0}]}),[r],eu());return n.useMemo(()=>o.map(e=>({...e,onSelect:()=>s(e.id)})),[o,s])}({enabled:y}),H=w.length>0,z=n.useMemo(()=>{let e=[{tab:v.G2.HOME,label:_.intl.string(_.t["xNiB/O"])},{tab:v.G2.CATALOG,label:_.intl.string(_.t.FshAeN),renderSubmenu:e=>{let{onClose:n}=e;return(0,r.jsx)(N,{handleTransition:l,onClose:n,selectedTab:t,itemTypeFilters:F})},renderOverflowContent:e=>{let{onClose:n}=e;return function(e){let{selectedTab:t,itemTypeFilters:l,canViewProfileFrames:n,onTabSelect:s,onClose:a}=e,o=k(t,l);return P.filter(e=>{let{tab:t}=e;return n||t!==v.G2.PROFILE_FRAMES}).map(e=>{let{tab:t,labelKey:l}=e,n=t===o;return(0,r.jsx)(T.Dr,{id:t,label:_.intl.string(l),badge:t===v.G2.PROFILE_FRAMES?"new":void 0,trailingIndicator:n?{type:"icon",icon:j.U}:void 0,action:()=>{s(t),a()}},t)})}({selectedTab:t,itemTypeFilters:F,canViewProfileFrames:I,onTabSelect:l,onClose:n})}}];return e.push({tab:v.G2.ORBS,label:_.intl.string(_.t.EBYkzk)}),y&&H&&e.push({tab:v.G2.GAME_SHOPS,label:_.intl.string(_.t.FkjcWY),submenuOnly:!0,renderSubmenu:e=>{let{onClose:t}=e;return(0,r.jsx)(R,{shops:w,onClose:t})},renderOverflowContent:e=>{let{onClose:t}=e;return function(e){let{shops:t,onClose:l}=e,n=(0,x.V)({location:"CollectiblesGameShopsContextMenu"});return t.map(e=>(0,r.jsx)(T.Dr,{id:e.id,label:e.label,leadingAccessory:null!=e.iconSrc&&n?{type:"image",src:e.iconSrc}:void 0,trailingIndicator:n?void 0:{type:"icon",icon:O.I},action:()=>{e.onSelect(),l()}},e.id))}({shops:w,onClose:t})}}),e},[l,w,t,F,I,y,H]),V=t===v.G2.ORBS?q.liQ.SHOP_ORBS_TAB:q.liQ.COLLECTIBLES_SHOP,K=n.useCallback(()=>{(0,E.Y)({pageType:V,sectionType:q.JJy.ORBS_BALANCE_MENU,ctaObject:q.ZSU.CTA_TO_QUEST_HOME}),(0,m.navigateToQuestHome)({fromContent:s.u.ORBS_BALANCE_MENU})},[V]),Y=n.useCallback(()=>{A?.id!=null&&(0,S.openUserProfileModal)({userId:A.id,tabSection:ef.RP.WISHLIST})},[A?.id]),W=n.useCallback(e=>{l(e)},[l]);return(0,r.jsx)("div",{ref:G,children:(0,r.jsxs)(b.A,{disableDoubleClick:!0,className:eh.jr,toolbar:(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(U,{handleTransition:l,selectedTab:t,isNarrow:M,hasText:""!==L}),(0,r.jsx)(o.D,{className:eh.ij,onClick:Y,"aria-label":_.intl.string(_.t["7lZ31J"]),children:(0,r.jsx)(i.C,{size:"xs",color:"currentColor"})}),(0,r.jsx)(f.SS,{analyticsPage:V,cardAlignment:f.SS.CardAlignment.END,ctaText:_.intl.string(_.t.VC4Mq0),ctaOnClick:K})]}),hideSearch:!0,children:[(0,r.jsx)(o.D,{className:eh.sU,onClick:()=>l(v.G2.HOME),"aria-label":_.intl.string(_.t["5upuqx"]),children:(0,r.jsx)(c.U,{size:"md",color:u.A.colors.TEXT_DEFAULT})}),(0,r.jsx)(ei,{tabs:z,selectedTab:t,onTabSelect:W})]})})}}