Loading
function(e,t,n){n.d(t,{Gy:()=>P,k7:()=>c.k});var a=n(477900),l=n(582128),r=n(503698),s=n.n(r),i=n(939249);let u={EARN:.25,SPEND:.3};var c=n(305003),o=n(682577),d=n(834730),m=n(717421),f=n(475743),x=n(626584),h=n(572009),j=n(115093),v=n(825038);let g=new x.A("BalanceCounter"),C=(0,h._$)(void 0)===j.B.PRODUCTION;function b(e){return null==e?0:`${e.toFixed(0)}`.length}let A=e=>{let t,n,{value:r,onSetDigitCount:s,onValueChange:i,onValueReached:c,targetTotalCounterTime:d=3e3}=e,[f,x]=(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,A=h.current??v,{duration:N,delay:R}={duration:n=d*u[(t=v-A>0)?"EARN":"SPEND"],delay:t?d-n:0},{number:k}=(0,m.z)({from:{number:h.current??v},number:v,config:{mass:1,tension:20,friction:10,duration:N},delay:R,onStart:()=>{s(b(A))},onRest:()=>{if(x(f+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(b(v)),h.current=v}}),E=b(Math.max(r??0,k.get()));return(0,a.jsx)(o.animated.div,{style:{width:`calc(${E}ch)`},children:k.to(e=>`${e.toFixed(0)}`)})},N=function(e){let{value:t,className:n,...r}=e,i=null===t,[u,c]=(0,l.useState)(null),o=(0,l.useMemo)(()=>b(t),[t]),m=(0,f.Ay)(o)??0,x=(0,l.useMemo)(()=>null===u?Math.max(m,o):Math.max(o,u),[m,o,u]),h=`${i?0:x}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)(A,{onSetDigitCount:e=>{e!==u&&c(e)},value:t,...r})})};var R=n(744682);let k={earn:{name:"earn",start:0,duration:180},spend:{name:"spend",start:240,duration:180}},E={earn:{name:"earn",start:0,duration:180},spend:{name:"spend",start:240,duration:180}};var p=n(462887),y=n(736653),S=n(595055);let O={width:60,height:60};function 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])}function 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)(R.P,{...e,src:()=>n.e("78611").then(n.t.bind(n,433886,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:S.E$,useLottieDefaultColors:!0})}function 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)(R.P,{...e,src:()=>n.e("45492").then(n.t.bind(n,653727,19)),ref:r,initialAnimation:s.current,markers:k}),[]),{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:S.E$,useLottieDefaultColors:!0})}let _=function(e){let t=(0,y.Ay)();return(0,p.q)(t)?(0,a.jsx)(T,{...e}):(0,a.jsx)(M,{...e})};var L=n(375708);function w(){return(0,a.jsx)("img",{className:S.V8,src:n(324292),alt:""})}let P=(0,l.forwardRef)(function(e,t){let{id:n,balance:r,balanceWidgetMode:u=c.k.DEFAULT,showNotificationBadge:o,onClick:d,onMouseDown:m,disabled:f,isInModalOverlay:x,className:h}=e,[j,v]=(0,l.useState)(!1),g=(0,l.useMemo)(()=>u===c.k.SELECTED?S.wH:j?S.mr:S.Ay,[u,j]),[C,b]=(0,l.useState)(!1),[A,R]=(0,l.useState)(!1),[k,E]=(0,l.useState)(2700),p=null===r;(0,l.useEffect)(()=>{p&&!C&&(b(!0),setTimeout(()=>{R(!0)},500))},[p,b,C]),(0,l.useEffect)(()=>{A&&!p&&b(!1)},[p,A]);let y=p||C,O=C?null:r,[D,M]=(0,l.useState)(null),T=(0,l.useRef)(null),P=(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:y?void 0:d,"aria-label":y?L.intl.string(L.t.y0WGqP):L.intl.formatToPlainString(L.t.zPaLL9,{balance:O??0}),"aria-busy":y,className:s()(S.vk,{[S.r9]:f}),id:n??"balance-widget-pill",children:(0,a.jsxs)("span",{onMouseDown:m,onMouseEnter:f?void 0:()=>v(!0),onMouseLeave:f?void 0:()=>v(!1),ref:t,className:s()(S.kL,g,h,{[S.En]:y,[S.dA]:x,[S.r9]:f}),children:[(0,a.jsx)("div",{className:s()(S.hr,y?S.nr:void 0),children:(0,a.jsx)(_,{currentAnimationType:D,animationTypeRef:T,onSetAnimationDurationMS:E})}),(0,a.jsx)(N,{value:O,onValueChange:B,onValueReached:P,targetTotalCounterTime:k,className:y?S.F:void 0}),o&&(0,a.jsx)(w,{})]})})})}