/*! VERSION | 11.0.98 */"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[3132],{10761:(e,a,t)=>{t.d(a,{P:()=>s});let s=(0,t(98846).n7)({resolved:{},chunkName:()=>"SendGoalTipLazy",isReady(e){let a=this.resolve(e);return!0===this.resolved[a]&&!!t.m[a]},importAsync:()=>t.e(3489).then(t.bind(t,8718)),requireAsync(e){let a=this.resolve(e);return this.resolved[a]=!1,this.importAsync(e).then(e=>(this.resolved[a]=!0,e))},requireSync(e){return t(this.resolve(e))},resolve:()=>8718})},3132:(e,a,t)=>{t.d(a,{HB:()=>I,xt:()=>E,Ud:()=>F});var s=t(27378),l=t(99748),r=t(97606),o=t(97659),i=t(65657),n=t(3548),c=t(15054),p=o.Z.isFinite,g=Math.min,m=function(e){var a=Math[e];return function(e,t){if(e=(0,n.Z)(e),(t=null==t?0:g((0,i.Z)(t),292))&&p(e)){var s=((0,c.Z)(e)+"e").split("e"),l=a(s[0]+"e"+(+s[1]+t));return+((s=((0,c.Z)(l)+"e").split("e"))[0]+"e"+(+s[1]-t))}return a(e)}}("floor");let _=e=>{let[a,t]=(0,s.useState)(!1),[,l]=(0,s.useState)(e);return(0,s.useEffect)(()=>{l(a=>(a<e&&(t(!0),setTimeout(()=>{t(!1)},1e3)),e))},[e]),a},u=(e,a)=>{if("number"!=typeof e||"number"!=typeof a)return 100;let t=m(e/a*100,1);if(t<=0)return 0;let s=t<.1&&e>0?.1:t;return s>100?100:s},E=({total:e,value:a,isReached:t})=>{let{trans:o}=(0,r.QT)(),i=u(a,e),n=Number(a).toLocaleString(),c=Number(e).toLocaleString(),p=t?o("epicGoals.achieved"):s.createElement(s.Fragment,null,i,"%"),g=_(a),m=(0,l.AK)("epic-goal-progress",{"epic-goal-progress--reached":t,"epic-goal-progress--animate":g});return s.createElement("div",{className:m},s.createElement("div",{className:"epic-goal-progress__inner",style:{width:`${i}%`}}),s.createElement("div",{className:"epic-goal-progress__information"},t&&o("epicGoals.tokensCount",{tokens:c}),!t&&s.createElement(s.Fragment,null,o("epicGoals.tokensCount",{tokens:n})," ",s.createElement("span",{className:"epic-goal-progress__total"},"/ ",o("epicGoals.tokensCount",{tokens:c})))),s.createElement("div",{className:"epic-goal-progress__status"},p))};var d=t(95366),v=t(5177),h=t(10761),f=t(83429),N=t(65804),S=t(29413),y=t(3034),C=t(99973),T=t(84423),A=t(94380),k=t(95654),w=t(80092),b=t(24933),O=t(66483),L=t(30399),D=t(10269),R=t(57174),G=t(76485),P=t(79561);let U=({value:e,total:a,tokensLeft:t,shouldShowGoalButton:l})=>{let{trans:o}=(0,r.QT)(),i=(0,A.T)(),n=(0,k.C)(P.uq),c=(0,k.C)(P.Vf),{start:p}=(0,G.V)();return s.createElement(s.Fragment,null,s.createElement("span",null,o("epicGoals.tokensCount",{tokens:e})," /"," ",o("epicGoals.tokensCount",{tokens:a})),s.createElement("div",null,s.createElement("span",{className:"epic-goal-progress__tokens-label"},o("epicGoals.tokensCount",{tokens:t}))," ",s.createElement("span",{className:"gray"},s.createElement(N.Z,{messageId:"camChat.goalLeftHighlight",elements:{highlight:s.createElement("span",{className:"epic-goal-progress__tokens-highlight"})}}))),l&&!n&&!c&&s.createElement("div",{className:"epic-goal-progress__complete-button-wrap"},s.createElement(R.ZP,{className:"epic-goal-progress__complete-button",style:"apply-ds",size:"small",onClick:()=>{p("CompleteEpicGoalTooltipButton"),i((0,D.U7)())}},o("camChat.completeGoal"))))},F=({value:e,total:a,left:t,description:o,isReached:i,hideGoalButton:n,isOnBroadcastPage:c})=>{let{trans:p}=(0,r.QT)(),[g,m]=s.useState(!1),E=C.BROWSER_CAPABILITIES.touch,D=_(e),R=(0,k.C)(O.A4),G=(0,k.C)(L.yY),P=u(e,a),F=i?p("epicGoals.achieved"):s.createElement(s.Fragment,null,P,"%"),Z="number"==typeof t?t:a-e,I=(0,k.C)(f.ij),B=(0,s.useRef)(null),H=(0,k.C)(w.dS),K=G===d.MODEL_STATUSES.STATUS_OFF,M=G===d.MODEL_STATUSES.STATUS_IDLE,V=(0,A.T)(),q=!n&&!R&&!K&&P<100;return s.createElement(s.Fragment,null,s.createElement("div",{className:(0,l.AK)("epic-goal-progress__wrap epic-goal-progress__wrap--view-cam",{"epic-goal-progress__wrap--on-broadcast-page":c}),ref:B},s.createElement("span",{className:"epic-goal-progress__icon-wrap"},s.createElement(S.Z,{img:"goal",className:"epic-goal-progress__icon",size:18})),s.createElement("div",{className:(0,l.AK)("epic-goal-progress__animation-container",{"epic-goal-progress__animation-container--animate":D})}),s.createElement("div",{className:(0,l.AK)("epic-goal-progress__progress-filler",{"epic-goal-progress__progress-filler--active":P>0})}),s.createElement("div",{className:"epic-goal-progress__content"},s.createElement("div",{className:"epic-goal-progress__inner epic-goal-progress__inner--view-cam",style:{width:`${P}%`}}),s.createElement("div",{className:(0,l.AK)("epic-goal-progress","epic-goal-progress--view-cam",{"epic-goal-progress--reached":i})},s.createElement("div",{className:"epic-goal-progress__information epic-goal-progress__information--view-cam"},s.createElement("span",null,p("epicGoals.descriptionPrefix")," "),s.createElement(N.Z,{className:"epic-goal-progress__tokens",messageId:"epicGoals.tokensCount",parameters:{tokens:Z}}),s.createElement("span",null," ",o)),s.createElement("div",{className:"epic-goal-progress__status epic-goal-progress__status--view-cam"},F)))),H&&!R?s.createElement(y.Z,{holdOnScrool:!0,shouldUseHoverXPosition:!E,targetRef:B,className:(0,l.AK)("epic-goal-progress__tooltip",{"epic-goal-progress__tooltip-new":!0}),shouldRemainVisibleOnTooltipHover:!0,isMobileRelative:!1,shouldPreventDefault:!0,placement:"top",isForcePlacement:!0,isForceVisible:g,triggerOnClick:I,hideDelay:E?0:150,showDelay:E?0:250,onRequestVisibleChange:()=>{!T.P4.has(b.f)&&(m(!g),I&&V((0,v.U0)(!1)))},indentation:0},s.createElement(h.P,{total:a,left:Z,value:e,isOffline:K||M,onClose:()=>m(!1)})):s.createElement(y.Z,{holdOnScrool:!0,shouldPreventDefault:!0,shouldUseHoverXPosition:!E,targetRef:B,className:"epic-goal-progress__tooltip",shouldRemainVisibleOnTooltipHover:!0,isMobileRelative:!1,placement:"top",hideDelay:E?0:150,showDelay:E?0:250},s.createElement(U,{value:e,total:a,tokensLeft:Z,shouldShowGoalButton:q})))};var Z=t(56322);let I=({value:e,total:a,left:t,description:o})=>{let{trans:i}=(0,r.QT)(),[n,c]=s.useState(!1),p=u(e,a),g=C.BROWSER_CAPABILITIES.touch,m=_(e),E="number"==typeof t?t:a-e,D=(0,k.C)(L.yY),R=(0,k.C)(f.ij),G=(0,k.C)(w.dS),P=(0,k.C)(O.A4),F=D===d.MODEL_STATUSES.STATUS_OFF,I=D===d.MODEL_STATUSES.STATUS_IDLE,B=(0,A.T)();return s.createElement(s.Fragment,null,s.createElement("div",{className:"epic-goal-progress__wrap  epic-goal-progress__wrap--player",id:"player-goal-new"},s.createElement("div",{className:"epic-goal-progress__icon-wrap epic-goal-progress__icon-wrap--player"},s.createElement(S.Z,{img:"goal",className:"epic-goal-progress__icon",size:18})),s.createElement("div",{className:(0,l.AK)("epic-goal-progress__animation-container",{"epic-goal-progress__animation-container--animate":m})}),s.createElement("div",{className:(0,l.AK)("epic-goal-progress__progress-filler","epic-goal-progress__progress-filler--player",{"epic-goal-progress__progress-filler--active":p>0})}),s.createElement("div",{className:"epic-goal-progress__content epic-goal-progress__content--player"},s.createElement("div",{className:"epic-goal-progress__inner epic-goal-progress__inner--view-cam epic-goal-progress__inner--player",style:{width:`${p}%`}}),s.createElement("div",{className:"epic-goal-progress epic-goal-progress--player"},s.createElement("div",{className:"epic-goal-progress__information epic-goal-progress__information--player"},s.createElement("span",null,i("epicGoals.descriptionPrefix"))," ",s.createElement(N.Z,{className:"epic-goal-progress__tokens--player",messageId:"epicGoals.tokensCount",parameters:{tokens:E}}),s.createElement("span",null," ",o))))),G&&!P?s.createElement(Z.Z,{className:"epic-goal-progress__tooltip epic-goal-progress__tooltip-new",triggerOnClick:!0,shouldRemainVisibleOnTooltipHover:!0,isMobileRelative:!1,placement:"top-start",isForcePlacement:!0,isForceVisible:n,targetId:"player-goal-new",onRequestVisibleChange:()=>{!T.P4.has(b.f)&&(c(!n),R&&B((0,v.U0)(!1)))},indentation:-10},s.createElement(h.P,{total:a,left:E,value:e,isOffline:F||I,onClose:()=>c(!1)})):s.createElement(y.Z,{className:"epic-goal-progress__tooltip",triggerOnClick:g,shouldRemainVisibleOnTooltipHover:!0,isMobileRelative:!1,placement:"top",shouldPreventDefault:!0,targetId:"player-goal-new"},s.createElement(U,{value:e,total:a,tokensLeft:E,shouldShowGoalButton:p<100})))}}}]);