Loading
function(e,t,n){n.d(t,{Gy:()=>w,k7:()=>c.k});var a=n(627968),l=n(64700),r=n(503698),s=n.n(r),i=n(939249);let u={EARN:.25,SPEND:.3};var c=n(305003),o=n(873174),d=n(834730),m=n(717421),x=n(475743),f=n(626584),h=n(572009),j=n(115093),v=n(745926);let g=new f.A("BalanceCounter"),C=(0,h._$)(void 0)===j.B.PRODUCTION,A=e=>null==e?0:`${e.toFixed(0)}`.length,N=e=>{let t,n,{value:r,onSetDigitCount:s,onValueChange:i,onValueReached:c,targetTotalCounterTime:d=3e3}=e,[x,f]=(0,l.useState)(0),h=(0,l.useRef)(null),j=(0,l.useRef)(null);(0,l.useEffect)(()=>{if(null===r)return;if(null===h.current){h.current=r;return}let e=null!==h.current?r-h.current:r;0!==e&&null!==h.current&&i(e),j.current={lastChangedAt:Date.now(),totalDelta:Math.abs(e)}},[r,i]);let v=r??0,N=h.current??v,{duration:R,delay:k}={duration:n=d*u[(t=v-N>0)?"EARN":"SPEND"],delay:t?d-n:0},{number:E}=(0,m.z)({from:{number:h.current??v},number:v,config:{mass:1,tension:20,friction:10,duration:R},delay:k,onStart:()=>{s(A(N))},onRest:()=>{if(f(x+1),c(),!C&&null!==j.current&&null!==h.current){let e=Date.now();g.log("Balance Counter finished updating: ",{time:e-j.current.lastChangedAt,delta:v-h.current})}s(A(v)),h.current=v}}),b=A(Math.max(r??0,E.get()));return(0,a.jsx)(o.animated.div,{style:{width:`calc(${b}ch)`},children:E.to(e=>`${e.toFixed(0)}`)})},R=e=>{let{value:t,className:n,...r}=e,i=null===t,[u,c]=(0,l.useState)(null),o=(0,l.useMemo)(()=>A(t),[t]),m=(0,x.A)(o)??0,f=(0,l.useMemo)(()=>null===u?Math.max(m,o):Math.max(o,u),[m,o,u]),h=`${i?0:f}ch`;return(0,a.jsx)(d.E,{variant:"text-md/semibold",className:s()(v.S,i?void 0:v.r,n),style:{width:h,opacity:i?"0":1},children:i?null:(0,a.jsx)(N,{onSetDigitCount:e=>{e!==u&&c(e)},value:t,...r})})};var k=n(744682);let E={earn:{name:"earn",start:0,duration:180},spend:{name:"spend",start:240,duration:180}},b={earn:{name:"earn",start:0,duration:180},spend:{name:"spend",start:240,duration:180}};var p=n(462887),S=n(736653),y=n(743383);let O={width:60,height:60},D=e=>{let{currentAnimationType:t,animationTypeRef:n,onSetAnimationDurationMS:a,play:r,getDuration:s}=e,i=s(),u=null!=i?1e3*i:3e3;(0,l.useEffect)(()=>{null!==t&&t!==n.current&&(n.current=t,r())},[t,r,n]),(0,l.useEffect)(()=>{a(u)},[a,u])},M=e=>{var t;let r,s,i,u,{currentAnimationType:c,...o}=e,{Component:d,...m}=(t=c??"earn",r=l.useRef(null),(s=l.useRef(t)).current=t,i=l.useMemo(()=>()=>{null!=r.current&&r.current.play(t)},[t]),u=l.useCallback(e=>(0,a.jsx)(k.P,{...e,src:()=>n.e("78611").then(n.t.bind(n,433886,19)),ref:r,initialAnimation:s.current,markers:b}),[]),{events:{},play:i,getDuration:l.useCallback(()=>r.current?.getDuration(),[]),getCurrentFrame:l.useCallback(()=>r.current?.getCurrentFrame()??null,[]),Component:u});return D({currentAnimationType:c,...o,...m}),(0,a.jsx)(d,{...O,size:"custom",className:y.E$,useLottieDefaultColors:!0})},T=e=>{var t;let r,s,i,u,{currentAnimationType:c,...o}=e,{Component:d,...m}=(t=c??"earn",r=l.useRef(null),(s=l.useRef(t)).current=t,i=l.useMemo(()=>()=>{null!=r.current&&r.current.play(t)},[t]),u=l.useCallback(e=>(0,a.jsx)(k.P,{...e,src:()=>n.e("45492").then(n.t.bind(n,653727,19)),ref:r,initialAnimation:s.current,markers:E}),[]),{events:{},play:i,getDuration:l.useCallback(()=>r.current?.getDuration(),[]),getCurrentFrame:l.useCallback(()=>r.current?.getCurrentFrame()??null,[]),Component:u});return D({currentAnimationType:c,...o,...m}),(0,a.jsx)(d,{...O,size:"custom",className:y.E$,useLottieDefaultColors:!0})},_=e=>{let t=(0,S.Ay)();return(0,p.q)(t)?(0,a.jsx)(T,{...e}):(0,a.jsx)(M,{...e})},L=()=>(0,a.jsx)("img",{className:y.V8,src:n(324292),alt:""}),w=(0,l.forwardRef)(function(e,t){let{id:n,balance:r,balanceWidgetMode:u=c.k.DEFAULT,showNotificationBadge:o,onClick:d,onMouseDown:m,disabled:x,isInModalOverlay:f,className:h}=e,[j,v]=(0,l.useState)(!1),g=(0,l.useMemo)(()=>u===c.k.SELECTED?y.wH:j?y.mr:y.Ay,[u,j]),[C,A]=(0,l.useState)(!1),[N,k]=(0,l.useState)(!1),[E,b]=(0,l.useState)(2700),p=null===r;(0,l.useEffect)(()=>{p&&!C&&(A(!0),setTimeout(()=>{k(!0)},500))},[p,A,C]),(0,l.useEffect)(()=>{N&&!p&&A(!1)},[p,N]);let S=p||C,O=C?null:r,[D,M]=(0,l.useState)(null),T=(0,l.useRef)(null),w=(0,l.useCallback)(()=>{T.current=null,M(null)},[]),B=(0,l.useCallback)(e=>{let t=D===T.current;e>0&&("earn"!==D||!t)&&M("earn")},[M,D]);return(0,a.jsx)(i.D,{onClick:S?void 0:d,className:s()(y.vk,{[y.r9]:x}),id:n??"balance-widget-pill",children:(0,a.jsxs)("span",{onMouseDown:m,onMouseEnter:x?void 0:()=>v(!0),onMouseLeave:x?void 0:()=>v(!1),ref:t,className:s()(y.kL,g,h,{[y.En]:S,[y.dA]:f,[y.r9]:x}),children:[(0,a.jsx)("div",{className:s()(y.hr,S?y.nr:void 0),children:(0,a.jsx)(_,{currentAnimationType:D,animationTypeRef:T,onSetAnimationDurationMS:b})}),(0,a.jsx)(R,{value:O,onValueChange:B,onValueReached:w,targetTotalCounterTime:E,className:S?y.F:void 0}),o&&(0,a.jsx)(L,{})]})})})}