Module 748579

function(e,t,a){a.r(t),a.d(t,{default:()=>N});var s=a(627968),n=a(64700),i=a(503698),r=a.n(i),l=a(562708),d=a(990078),c=a(834730),u=a(408278),o=a(782134),m=a(139286),E=a(607470),h=a(224016),p=a(174459),_=a(764231),f=a(878784),g=a(788868),x=a(652215),v=a(375708),T=a(669622);function N(e){let{levelUpData:t}=e,[a,i]=n.useState(!1),[N,y]=n.useState(!1),[b,j]=n.useState(!1),k=(0,f.Xb)(),R=n.useRef(null),A=n.useRef(null),{currentBadge:U,prevBadge:I,levelUpVideoSrc:L}=t,w=n.useCallback(()=>{let e=700*(U.id!==g.Ac.PREMIUM_TENURE_1_MONTH);A.current.currentTime=0,setTimeout(()=>{j(!0),A.current.play()},e)},[U.id]);n.useEffect(()=>{a&&w()},[a,w]),(0,m.A)({type:l.ImpressionTypes.POPOUT,name:l.ImpressionNames.TIERED_TENURE_BADGE_LEVEL_UP,properties:{new_badge_id:U.id}},{trackOnInitialLoad:!0}),n.useEffect(()=>{null!=A.current&&A.current.load()},[]);let C=n.useCallback(()=>{y(!1),j(!1),w(),R.current.style.display="none",R.current.offsetWidth,R.current.style.display="",p.default.track(x.HAw.TIERED_TENURE_BADGE_LEVEL_UP_REPLAY_CLICKED,{new_badge_id:U.id})},[U.id,w]),D={"--custom-old-badge-color":`linear-gradient(to right, ${t.prevBadgeTextGradient??"transparent"})`,"--custom-new-badge-color":`linear-gradient(to right, ${t.currentBadgeTextGradient})`};return(0,s.jsxs)("div",{className:r()(T.Qs,{[T.v6]:N,[T.Kc]:a,[T.A4]:b}),style:D,ref:R,children:[(0,s.jsx)(E.A,{ref:A,className:T.Ki,src:L,playsInline:!0,onLoadedData:()=>i(!0),onEnded:()=>y(!0)}),(0,s.jsxs)("div",{className:T.FS,children:[(0,s.jsx)(h.A,{width:60,height:15}),null!=I&&(0,s.jsx)(c.E,{variant:"display-md",className:r()(T.Vv,T.km),children:v.intl.string(I.nameUnformatted)}),(0,s.jsx)(c.E,{variant:"display-md",className:r()(T.Vv,T.Hl),children:v.intl.string(U.nameUnformatted)}),null!=k&&(0,s.jsx)(c.E,{variant:"text-xs/medium",className:T.SD,children:v.intl.formatToPlainString(v.t["f/OGgM"],{timeFrame:(0,_.T)(U.id,U.tenureReqNumMonths),date:k})}),(0,s.jsx)("div",{className:T.uu,children:(0,s.jsx)(d.m,{text:v.intl.string(v.t.hsvh0i),children:(0,s.jsx)(u.K,{icon:o.u,variant:"secondary",size:"sm",onClick:C,"aria-label":v.intl.string(v.t.hsvh0i)})})})]})]})}}