yeet

modules/virtual_currency/native/BalanceCounter.tsx

@@ -0,0 +1,120 @@
+// Metro module 9813 (f9814).
+import { useCallback, useEffect, useRef, useState, useContext } from "react";
+import * as _ReanimatedRexport from "../../reanimated/ReanimatedRexport";
+import ReanimatedRexport, { useSharedValue, useAnimatedStyle } from "../../reanimated/ReanimatedRexport";
+import { AccessibilityPreferencesContext } from "../../../_bundle/Module3908";
+import { withSpring } from "../../../design/animation/reanimated/spring/spring";
+import { getDesiredAnimationConfigs, EXPECTED_ORB_LOTTIE_ANIMATION_DURATION_MS } from "../shared/AnimationUtils";
+import { Text } from "../../../design/components/Text/native/Text";
+const __initData = {
+  code: "function BalanceCounterTsx1(){const{runOnJS,setIsAnimating}=this.__closure;runOnJS(setIsAnimating)(false);}"
+};
+const __initData2 = {
+  code: "function BalanceCounterTsx2(){const{isAnimating,animatedValue,runOnJS,setDisplayValue,setMaxDigits}=this.__closure;if(isAnimating){const roundedValue=Math.round(animatedValue.get());runOnJS(setDisplayValue)(roundedValue);runOnJS(setMaxDigits)(roundedValue.toString().length);}return{};}"
+};
+export const BalanceCounter = (props) => {
+  let ref, sharedValue, ref2, enabled, setState, setState2, state, setState3, callback;
+  const { value, onValueChange, onValueReached, style } = props;
+  ref = void 0;
+  sharedValue = void 0;
+  ref2 = void 0;
+  enabled = void 0;
+  setState = void 0;
+  setState2 = void 0;
+  state = void 0;
+  setState3 = void 0;
+  callback = void 0;
+  const clearAnimationTimeout2 = function clearAnimationTimeout() {
+    if (ref2.current != null) {
+      clearTimeout(ref2.current);
+      ref2.current = null;
+    }
+    setState3(false);
+  };
+  ref = useRef(null);
+  sharedValue = useSharedValue(0);
+  ref2 = useRef(null);
+  enabled = useContext(AccessibilityPreferencesContext).reducedMotion.enabled;
+  let state2;
+  [state2, setState] = useState(0);
+  let state3;
+  [state3, setState2] = useState(1);
+  [state, setState3] = useState(false);
+  callback = useCallback((a0, a1, a2) => {
+    setState3(true);
+    const set = a0.set;
+    const r8 = {
+      duration: a2,
+      damping: 15,
+      stiffness: 150,
+      mass: 1
+    };
+    const l = function l() {
+      _ReanimatedRexport.runOnJS(setState3)(false);
+    };
+    l.__closure = {
+      runOnJS: _ReanimatedRexport.runOnJS,
+      setIsAnimating: setState3
+    };
+    l.__workletHash = 16153226572520;
+    l.__initData = __initData;
+    set.call(a0, withSpring(a1, r8, "respect-motion-settings", l));
+  }, []);
+  useEffect(() => {
+    L5: {
+      if (value !== null) {
+        if (ref.current !== null && !enabled) {
+          if (value !== ref.current) {
+            const r9 = value - ref.current;
+            onValueChange(r9);
+            ref.current = value;
+            const desiredAnimationConfigs = getDesiredAnimationConfigs(r9, EXPECTED_ORB_LOTTIE_ANIMATION_DURATION_MS);
+            const { duration, delay } = desiredAnimationConfigs;
+            if (ref2.current != null) {
+              clearTimeout(ref2.current);
+              ref2.current = null;
+            }
+            setState3(false);
+            ref2.current = setTimeout(() => {
+              callback(sharedValue, value, duration);
+              ref2.current = null;
+            }, delay);
+            return clearAnimationTimeout2;
+          }
+          setState(value);
+          break L5;
+        }
+        setState(value);
+        sharedValue.set(value);
+        ref.current = value;
+        return void 0;
+      }
+    }
+  }, [value, onValueChange, onValueReached, sharedValue, callback, enabled]);
+  const F = function F() {
+    if (state) {
+      const r11 = Math.round(sharedValue.get());
+      _ReanimatedRexport.runOnJS(setState)(r11);
+      _ReanimatedRexport.runOnJS(setState2)(r11.toString().length);
+    }
+    return {};
+  };
+  F.__closure = {
+    isAnimating: state,
+    animatedValue: sharedValue,
+    runOnJS: _ReanimatedRexport.runOnJS,
+    setDisplayValue: setState,
+    setMaxDigits: setState2
+  };
+  F.__workletHash = 4408542396979;
+  F.__initData = __initData2;
+  const animatedStyle = useAnimatedStyle(F);
+  return value !== null ? <ReanimatedRexport.View style={[animatedStyle, {
+    minWidth: 7 * state3
+  }]}>
+    <Text variant="text-sm/semibold" style={style} maxFontSizeMultiplier={2}>
+      {state2.toFixed(0)}
+    </Text>
+  </ReanimatedRexport.View> : null;
+};
+export default BalanceCounter;