Module 213750

function(e,t,n){n.d(t,{i:()=>Y});var i=n(627968),l=n(64700),a=n(503698),r=n.n(a),s=n(837381),o=n(934551),d=n(158954),c=n(554146),u=n(827734),A=n(582754),h=n(397927),_=n(565645),m=n(701363),g=n(736653),p=n(793574),E=n(688810),I=n(932001),f=n(7584),C=n(486164),T=n(821589),N=n(979286),S=n(335657),x=n(252362),b=n(540063),v=n(870308),y=n(998694),O=n(158216),L=n(758836),R=n(652215),P=n(49999),D=n(985018),j=n(563337);let M=e=>{let{badgeIcon:t,badgeText:n}=e,l=null!=t&&""!==t?o[t]:void 0;return(0,i.jsx)("div",{className:j.newBadge,children:(0,i.jsx)(d.Exy,{type:null!=n&&""!==n?{text:n}:"new",variant:"expressive",icon:l})})},w=()=>{let{noCache:e,includeUnpublished:t}=(0,y.A)();return(0,S.y)(L.G2.HOME,{noCache:e,includeUnpublished:t},void 0,!0),null},U=e=>{let{selected:t,locationState:n,icon:a,onClick:r,collectibleShopTab:o,onMouseEnter:d,onMouseLeave:c,children:u,showHoverGradient:A,hoverGradientStart:_,hoverGradientMiddle:g,hoverGradientEnd:I,...f}=e,C=(0,s.rm)("shop"),T=p.A.HOME_PAGE_SHOP_TAB,{analyticsLocations:S}=(0,E.Ay)(T),[x,b]=l.useState(!1),v=l.useCallback(()=>{void 0!==r&&r(),void 0!==o&&(0,N.Cz)({tab:o,analyticsLocations:S,analyticsSource:T}),b(!0),(0,N.Sw)({analyticsSource:T,analyticsLocations:S})},[T,S,r,b,o]),y=R.BVt.COLLECTIBLES_SHOP;return(0,i.jsxs)(i.Fragment,{children:[x&&(0,i.jsx)(w,{}),(0,i.jsx)(m.z9,{showHoverGradient:A??!1,selected:t,route:y,icon:a??h.U1X,text:D.intl.string(D.t.pWG4ze),locationState:n,...C,...f,hoverGradientStart:_,hoverGradientMiddle:g,hoverGradientEnd:I,onMouseEnter:d,onMouseLeave:c,onClick:v,children:u})]})},G=e=>(0,i.jsx)(U,{...e,children:(0,i.jsx)(M,{})}),k=e=>{if(null==e.current||null==e.current.parentElement)return!1;let t=e.current.parentElement.offsetWidth;return t>=175&&t<=230},V=e=>{let t,n,{displayOptions:a,...s}=e,[o,d]=l.useState(!1),[c,h]=l.useState(!1),_=l.useRef(null),m=l.useRef(null),p=(0,g.Ay)(),E=(0,A.Mw)(p);o?(t=E?a.entryPointBackgroundAssets?.srcDarkHovered:a.entryPointBackgroundAssets?.srcLightHovered,n=E?a.entrypointBackgroundStyle?.hovered?.dark:a.entrypointBackgroundStyle?.hovered?.light):(t=E?a.entryPointBackgroundAssets?.srcDark:a.entryPointBackgroundAssets?.srcLight,n=E?a.entrypointBackgroundStyle?.resting?.dark:a.entrypointBackgroundStyle?.resting?.light);let I=l.useCallback(()=>{d(!0);let e=()=>h(k(_));e(),m.current=requestAnimationFrame(e)},[]),f=l.useCallback(()=>{d(!1),h(!1),null!=m.current&&(cancelAnimationFrame(m.current),m.current=null)},[]);return l.useEffect(()=>()=>{null!=m.current&&cancelAnimationFrame(m.current)},[]),(0,i.jsx)(C.A,{title:a.title(),body:a.body?.()??"",asset:(0,i.jsx)("img",{src:a.asset,alt:"","aria-hidden":!0}),children:(0,i.jsxs)(U,{className:null!=a.entryPointClassName?(0,T.t)(j,a.entryPointClassName):void 0,...s,icon:a.entryPointIcon,onMouseEnter:I,onMouseLeave:f,...!0===a.showHoverGradient&&{showHoverGradient:!0,hoverGradientStart:u.A.colors.COLLECTIBLES_TAB_GRADIENT_CENTER,hoverGradientMiddle:u.A.colors.COLLECTIBLES_TAB_GRADIENT_INNER,hoverGradientEnd:u.A.colors.COLLECTIBLES_TAB_GRADIENT_OUTER},children:[(0,i.jsx)("div",{ref:_,className:j.marketingButtonBackgroundNew,style:{background:n},children:null!=t&&(0,i.jsx)("img",{src:t,className:r()(j.marketingButtonBackgroundImage,c&&j.marketingButtonBackgroundImageFaded),alt:"","aria-hidden":!0})}),(0,i.jsx)(M,{badgeIcon:a.badgeIcon,badgeText:a.badgeText})]})})},B=e=>{let{displayOptions:t,...n}=e,a=l.useMemo(()=>{let e=null!=t.emojiName?f.Ay.getByName(t.emojiName)?.surrogates:null;return(0,i.jsxs)(h.Text,{variant:"text-sm/medium",className:j.marketingBadgeTooltipContent,children:[null!=e&&(0,i.jsx)(_.A,{emojiName:e}),t.title()]})},[t]);return(0,i.jsx)(h.STz,{"data-migration-pending":!0,text:a,tooltipClassName:j.marketingBadgeTooltip,position:"right",delay:100,hideOnClick:!1,"aria-label":t.title(),children:e=>(0,i.jsx)(U,{...n,...e,children:(0,i.jsx)(M,{badgeIcon:t.badgeIcon,badgeText:t.badgeText})})})},H=e=>{let{displayOptions:t,dismissContent:n,...a}=e,s=l.useRef(null),o=l.useRef(null),[d,c]=l.useState(!1),u=(0,g.Ay)(),h=(0,A.Mw)(u),_=t.entryPointBackgroundAssets,m=t.entrypointBackgroundStyle,p=h?_?.srcDarkHovered:_?.srcLightHovered,E=h?m?.hovered?.dark:m?.hovered?.light;return l.useEffect(()=>{if(null==p||""===p)return void c(!1);let e=()=>{c(k(o))};e();let t=requestAnimationFrame(e);return()=>{cancelAnimationFrame(t)}},[p]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(U,{...a,onClick:()=>n(P.i.TAKE_ACTION),listItemRef:s,children:[(0,i.jsx)("div",{ref:o,className:j.marketingButtonBackgroundNew,style:null!=E?{background:E}:void 0,children:null!=p&&(0,i.jsx)("img",{src:p,className:r()(j.marketingButtonBackgroundImage,d&&j.marketingButtonBackgroundImageFaded),alt:"","aria-hidden":!0})}),(0,i.jsx)(M,{badgeIcon:t.badgeIcon,badgeText:t.badgeText})]}),(0,i.jsx)(x.A,{displayOptions:t,targetElementRef:s,onClick:()=>n(P.i.TAKE_ACTION),onRequestClose:()=>n(P.i.USER_DISMISS)})]})},F=e=>{let{dismissContent:t,...n}=e,a=l.useRef(null);return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(U,{...n,onClick:()=>t(P.i.TAKE_ACTION),listItemRef:a}),(0,i.jsx)(b.A,{targetElementRef:a,onClick:()=>t(P.i.TAKE_ACTION),onRequestClose:()=>t(P.i.USER_DISMISS)})]})},Y=e=>{let{selected:t,onClick:n,locationState:l,listItemRef:a}=e,{shopButtonDisplayOptions:r,dismissShopButtonDC:s}=(0,v.A)(),o=!(0,h.ueM)(),[d,u]=(0,I.kn)(o?[c.M.WISHLIST_SHOP_BUTTON_POPOVER]:[]),A={selected:t,locationState:l,onClick:()=>{s(),n?.()},listItemRef:a};if(null!=r)switch(r.type){case O.FF.TOOLTIP:return(0,i.jsx)(B,{...A,displayOptions:r});case O.FF.TAB_TOOLTIP:return(0,i.jsx)(V,{...A,displayOptions:r});case O.FF.BADGE:return(0,i.jsx)(G,{...A});case O.FF.COACHMARK:return(0,i.jsx)(H,{dismissContent:s,...A,displayOptions:r})}return d===c.M.WISHLIST_SHOP_BUTTON_POPOVER?(0,i.jsx)(F,{...A,dismissContent:u}):(0,i.jsx)(U,{...A})}}