@momo-kits/foundation 0.164.1-beta.3 → 0.164.1-beta.4

package/Application/utils.tsx

@@ -389,6 +389,13 @@ const useSwipeBackHaptic = () => {
   const { navigator } = useContext<any>(ApplicationContext);
   const animation = useContext(CardAnimationContext);
 
+  /**
+   * the latch has to outlive the effect. `animation` identity changes on every
+   * navigator render, so a `hasFired` local re-arms several times per drag and
+   * the tick then repeats on every frame past the threshold
+   */
+  const hasFired = useRef(false);
+
   useEffect(() => {
     if (Platform.OS !== 'ios' || !animation) {
       return;
@@ -406,7 +413,6 @@ const useSwipeBackHaptic = () => {
      * has already been missed
      */
     let isSwiping = readAnimatedValue(swiping, 0) === 1;
-    let hasFired = false;
 
     /**
      * sign, not magnitude: a leftward overdrag reports a negative
@@ -417,7 +423,7 @@ const useSwipeBackHaptic = () => {
     const swipingListener = swiping.addListener(({ value }) => {
       isSwiping = value === 1;
       if (!isSwiping) {
-        hasFired = false;
+        hasFired.current = false;
       }
     });
 
@@ -427,12 +433,12 @@ const useSwipeBackHaptic = () => {
       }
 
       if (translation * direction < SWIPE_BACK_HAPTIC_THRESHOLD) {
-        hasFired = false;
+        hasFired.current = false;
         return;
       }
 
-      if (!hasFired) {
-        hasFired = true;
+      if (!hasFired.current) {
+        hasFired.current = true;
         navigator?.maxApi?.triggerEventVibration?.('light');
       }
     });

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@momo-kits/foundation",
-    "version": "0.164.1-beta.3",
+    "version": "0.164.1-beta.4",
     "description": "React Native Component Kits",
     "main": "index.ts",
     "scripts": {},