/*! VERSION | 11.0.90 */"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[9813],{67169:(e,t,i)=>{i.d(t,{Z:()=>r});var a=i(27378),n=i(78983),s=i(97606);let l=e=>{let t=new Date;return(0,n.bq)(t,e,"day")?n.TIME_FORMATS.TIME:(0,n.bq)(t,e,"year")?n.TIME_FORMATS.DAY_AND_MONTH:n.TIME_FORMATS.DAY_MONTH_YEAR},r=({className:e="",dateTime:t=null})=>{let{formatTime:i}=(0,s.QT)();return t?a.createElement("span",{className:e},i(t,l(t))):null}},97447:(e,t,i)=>{i.d(t,{ZP:()=>u});var a,n=i(18775),s=i(77397),l=i(37051),r=i(27378),o=i(99748),c=i(12710),h=i(62512);let d={LEFT:"left",RIGHT:"right"},p="transform .200s ease",m=(e=0)=>`translate3d(${e}px, 0, 0)`;class f extends(a=r.Component){componentDidMount(){let e=this.slidableRef.current;e&&((0,h.H0)(this,e,"touchstart",this.touchStartHandler),(0,h.H0)(this,e,"touchmove",this.touchMoveHandler),(0,h.H0)(this,e,"touchend",this.touchEndHandler))}componentWillUnmount(){(0,h.OM)(this)}moveSlider(e){this.slidableRef.current&&(this.slidableRef.current.style.transform=m(e))}moveAppearingContent(e){let t;let{appearingContentLeftWidth:i,appearingContentRightWidth:a}=this.props,n=0,s=0;e<0?n=e>-a?e:-a:s=e<i?e:i,this.leftAppearingRef.current&&((t=s-i)!==this.lastLeftAppearingTransformX&&(this.leftAppearingRef.current.style.transform=m(t)),this.lastLeftAppearingTransformX=t),this.rightAppearingRef.current&&((t=n+a)!==this.lastRightAppearingTransformX&&(this.rightAppearingRef.current.style.transform=m(t)),this.lastRightAppearingTransformX=t)}breakReactMemoization(e){this.lastShiftX=e,this.setState({expandedSide:"",collapsedSide:""})}getSlidableStatefulStyles(){let{appearingContentRightWidth:e,appearingContentLeftWidth:t}=this.props,{expandedSide:i,forceAnimation:a,collapsedSide:n}=this.state,s=null,l=m(this.lastShiftX);return n&&(s=p,l=m(0)),i&&(s=p,l=m(i===d.RIGHT?-e:t)),a&&(s=p),{transition:s,transform:l}}getAppearingStatefulStyles(e){let{appearingContentRightWidth:t,appearingContentLeftWidth:i}=this.props,{expandedSide:a,forceAnimation:n,collapsedSide:s}=this.state,l=e===d.RIGHT,r=l?t:-i,o=null,c=m(this.lastShiftX+r);return e===a&&(o=p,c=m(0)),e===s&&(o=p,c=m(l?t:-i)),n&&(o=p),{transition:o,transform:c}}render(){let{appearingContentLeft:e,appearingContentRight:t,children:i,className:a,onClick:n}=this.props;return r.createElement("div",{onClick:n,className:a},r.cloneElement(i,{className:(0,o.AK)(i.props.className,"slidable"),ref:this.slidableRef,style:this.getSlidableStatefulStyles()}),e&&r.createElement("div",{className:"slidable-appearing-container-left",ref:this.leftAppearingRef,style:this.getAppearingStatefulStyles(d.LEFT)},e),t&&r.createElement("div",{className:"slidable-appearing-container-right",ref:this.rightAppearingRef,style:this.getAppearingStatefulStyles(d.RIGHT)},t))}constructor(e){super(e),(0,n._)(this,"deltaX",0),(0,n._)(this,"deltaY",0),(0,n._)(this,"lastShiftX",0),(0,n._)(this,"leftAppearingRef",(0,r.createRef)()),(0,n._)(this,"rightAppearingRef",(0,r.createRef)()),(0,n._)(this,"shiftX",0),(0,n._)(this,"slidableRef",(0,r.createRef)()),(0,n._)(this,"touchMoveX",0),(0,n._)(this,"touchMoveY",0),(0,n._)(this,"touchStartTime",0),(0,n._)(this,"lastLeftAppearingTransformX",void 0),(0,n._)(this,"lastRightAppearingTransformX",void 0),(0,n._)(this,"velocity",0),(0,n._)(this,"expandedSide",""),(0,n._)(this,"isAppearingExpanded",!1),(0,n._)(this,"touchStartX",0),(0,n._)(this,"touchStartY",0),(0,n._)(this,"isLockedUntilNextSlide",!1),(0,n._)(this,"isSliding",!1),(0,n._)(this,"toggleAppearingContent",(0,s.Z)((e,t,i=!1)=>()=>{this.expandedSide=t?e:"",this.isAppearingExpanded=t,this.lastShiftX=0,t&&(this.lastShiftX=e===d.LEFT?this.props.appearingContentLeftWidth:-this.props.appearingContentRightWidth),this.setState({expandedSide:t?e:"",collapsedSide:t?"":e,forceAnimation:i},()=>{let e=t&&this.state.expandedSide&&!this.state.collapsedSide,i=!t&&!this.state.expandedSide&&this.state.collapsedSide;e&&this.props.onShifted(),i&&this.props.onHidden()}),setTimeout(()=>this.setState({expandedSide:"",collapsedSide:"",forceAnimation:!1}),200)},(...e)=>JSON.stringify(e))),(0,n._)(this,"touchStartHandler",e=>{let{pageX:t,pageY:i}=e.touches[0];this.isAppearingExpanded&&e.preventDefault(),this.touchStartTime=Date.now(),this.deltaX=0,this.deltaY=0,this.touchStartX=t,this.touchStartY=i,this.props.onTouchStart(this.toggleAppearingContent("",!1,!0))}),(0,n._)(this,"touchMoveHandler",e=>{if(this.isLockedUntilNextSlide)return;let{pageX:t,pageY:i}=e.touches[0],{appearingContentLeftWidth:a,appearingContentRightWidth:n}=this.props;this.touchMoveX=t,this.touchMoveY=i,this.deltaX=this.touchMoveX-this.touchStartX,this.shiftX=(0,c.$Y)(c.bN.X,this.deltaX+this.lastShiftX,n,a,1.5),this.deltaY=this.touchStartY-this.touchMoveY;let s=(0,c.q8)(c.bN.X,this.deltaX,this.deltaY,45);!this.isSliding&&s&&this.breakReactMemoization(this.shiftX),this.isSliding||s?(e.preventDefault(),this.velocity=(0,c.JJ)(this.deltaX,this.deltaY,Date.now()-this.touchStartTime),this.isSliding=!0,this.moveSlider(this.shiftX),this.moveAppearingContent(this.shiftX)):this.isLockedUntilNextSlide=!0}),(0,n._)(this,"touchEndHandler",()=>{let{appearingContentLeftWidth:e,appearingContentRightWidth:t,flickThreshold:i}=this.props,a=this.velocity>i,n=0===this.deltaX,s=this.shiftX<0;if(this.velocity=0,this.isLockedUntilNextSlide=!1,this.isSliding=!1,a){this.toggleAppearingContent(s?d.RIGHT:d.LEFT,s?!!t:!!e);return}if(n){this.isAppearingExpanded&&this.toggleAppearingContent(this.expandedSide===d.RIGHT?d.RIGHT:d.LEFT,!1);return}let l=!!(t&&this.shiftX<-t),r=!!(e&&this.shiftX>e);if(r||l){this.toggleAppearingContent(s?d.RIGHT:d.LEFT,s?l:r);return}let o=Math.abs(this.shiftX);(o<t||o<e)&&this.toggleAppearingContent(s?d.RIGHT:d.LEFT,!1)}),this.state={expandedSide:"",collapsedSide:"",forceAnimation:!1}}}(0,n._)(f,"defaultProps",{appearingContentLeft:null,appearingContentLeftWidth:0,appearingContentRight:null,appearingContentRightWidth:0,className:"",flickThreshold:.6,onClick:l.Z,onHidden:l.Z,onShifted:l.Z,onTouchStart:l.Z});let u=f},98581:(e,t,i)=>{i.d(t,{TM:()=>N,ZP:()=>b,kj:()=>A,zx:()=>E});var a=i(47722),n=i(27378),s=i(4289),l=i(67169),r=i(29413),o=i(7288),c=i(97447),h=i(99973),d=i(99748),p=i(94380),m=i(31843),f=i(97534),u=i(19144);let{touch:g}=h.BROWSER_CAPABILITIES,S="personal-notification-image",E=72,A=43.199999999999996,v=e=>n.createElement("div",{className:"personal-notification-appearing-trash",onClick:e},n.createElement(r.Z,{img:"trash"})),T=({sender:e,hideDropdown:t})=>e?n.createElement(o.Z,{className:"personal-notification-profile-link",user:e,onClick:t},n.createElement(u.Z,{isFavoriteBadgeVisible:!0,className:S,user:e,isBorderAvatar:!1,showLiveBadge:!0})):null,N=({additionalComment:e=null,additionalCommentLink:t="",image:i=null,body:o=null,className:h="",controls:u=null,hideDropdown:N,isClosable:b=!0,linkTo:_="",onCloseIconClick:R,onNotificationClick:C,sender:X,shouldEllipsisBody:y=!1,createdAt:k})=>{let L=(0,p.T)(),H=g&&b?c.ZP:"div",I=g&&b?{threshold:A,appearingContentRight:v(R),appearingContentRightWidth:E}:{};return n.createElement(H,{...I,onClick:C},n.createElement("div",{className:(0,d.AK)("personal-notification new-notifications-style",h)},n.createElement("div",{className:"personal-notification-body"},n.createElement("div",{className:"personal-notification-body-left"},i?n.cloneElement(i,{className:(0,d.AK)(i.props.className,S)}):n.createElement(T,{sender:X,hideDropdown:N})),n.createElement("div",{className:"personal-notification-body-middle"},n.createElement("div",{className:"personal-notification-body-middle__container"},n.createElement("div",{className:(0,d.AK)("personal-notification-body-middle-body",{ellipsis:y})},n.createElement("span",{className:"personal-notification-body-text pale-text"},o)),e&&n.createElement("div",{className:(0,d.AK)("personal-notification-additional-comment","personal-notification-additional-comment-new-messenger",{"personal-notification-additional-comment-navigable":!!t})},n.createElement("div",{className:"personal-notification-additional-comment-inners"},'"',e,t&&n.createElement(a.mI,{className:"personal-notification-additional-comment-link",onClick:e=>{e.preventDefault(),null==N||N(),X&&L((0,m.WB)((0,f.f)(X)))}}),'"')),k&&n.createElement("div",{className:"personal-notification-body-middle-footer"},n.createElement("span",{className:"personal-notification-description-text"},n.createElement(l.Z,{dateTime:k}))),_&&n.createElement(s.rU,{className:"personal-notification-background-link",to:_})),u&&n.createElement("div",{className:"personal-notification-footer"},u))),b&&!g&&n.createElement("div",{className:"personal-notification-closer",onClick:R,"data-testid":"notification-close-button"},n.createElement(r.Z,{className:"personal-notification-closer-icon",img:"close-5"}))))},b=N},9133:(e,t,i)=>{i.d(t,{F:()=>c});var a=i(27378),n=i(57174),s=i(97606),l=i(94380),r=i(31843),o=i(97534);let c=({user:e,onBeforeOpenChat:t})=>{let{trans:i}=(0,s.QT)(),c=(0,l.T)();return a.createElement(n.ZP,{style:"default-filled",onClick:()=>{null==t||t(),c((0,r.WB)((0,o.f)(e)))}},i("fanClub.sayThanks"))}},69813:(e,t,i)=>{i.d(t,{Z:()=>v,e:()=>A});var a=i(27378),n=i(48204),s=i(95366),l=i(38667),r=i(83550),o=i(65804),c=i(33440),h=i(98581),d=i(9133),p=i(64515),m=i(99748),f=i(97606),u=i(95654),g=i(68020),S=i(7474);let E={emitButtonEvent:r.d2,deleteNotifications:c.Qi},A=({subscription:e,sender:t,customUsername:i})=>{let{formatNumber:n,trans:r}=(0,f.QT)(),c=(0,u.C)(g.KE);if(!c)return null;let{tier:h,isRecurrent:d,periodMonths:p}=e,E=r(s.HN4[h]),A=a.createElement(o.Z,{messageId:"fanClub.userJoinedSubscribedNotification.before",parameters:{tier:E},elements:{tier:a.createElement("span",{className:`tier-name ${h}`}),accent:i||a.createElement(S.Z,{hideIcons:!0,user:t,isGenderIconHidden:!0,isLevelLeagueStatusVisible:!1,isUltimateIconVisible:!1,fanClubTier:h})}}),v=a.createElement(o.Z,{messageId:`fanClub.userJoinedSubscribedNotification.${d?"recurring":"oneTime"}`,choiceParameter:"months",className:"accent",parameters:{tokenAmount:(0,l.F1)(c,h,d,p,n),months:p},elements:{price:a.createElement("strong",null),months:a.createElement("span",{className:(0,m.AK)(1===p&&"hidden")})}});return a.createElement(a.Fragment,null,A," ",v)},v=(0,n.$j)((e,t)=>{var i;let a=null===(i=t.notification.payload)||void 0===i?void 0:i.fanClubSubscription;return{sender:(null==a?void 0:a.userId)?(0,p.kl)(e,null==a?void 0:a.userId):null,subscription:a}},E)(({subscription:e,notification:t,deleteNotifications:i,keepDropdownOpen:n,sender:s,...l})=>{let r=(0,a.useCallback)(()=>i([t.id]),[i,t]);if(!e||!s)return null;let o=!e.isRecurrent&&a.createElement(d.F,{user:s});return a.createElement(h.ZP,{...l,className:"fan-club-user-joined-personal-notification",onNotificationClick:n,onCloseIconClick:r,createdAt:t.createdAt,body:a.createElement(A,{subscription:e,sender:s}),linkTo:"/model/fan-club",controls:o,sender:s})})}}]);