@react-native-oh-tpl/react-native-gesture-handler 2.12.1-0.0.1 → 2.12.6-1

package/lib/module/handlers/gestures/GestureDetector.js

@@ -1,78 +1,72 @@
-var _Reanimated$default$c, _Reanimated$default;
+var _Reanimated$default;
+/**
+ * Why is this file patched?
+ * - replacing import to RNGestureHandlerModule - original code uses (old) Native Modules but RNOH supports only Turbo Modules
+ */
 
 import React, { useContext, useEffect, useRef, useState } from 'react';
-import { BaseGesture, CALLBACK_TYPE } from './gesture';
-import { Reanimated } from './reanimatedWrapper';
-import { registerHandler, unregisterHandler } from '../handlersRegistry';
-import RNGestureHandlerModule from '../../RNGestureHandlerModule';
-import { baseGestureHandlerWithMonitorProps, filterConfig, findNodeHandle, scheduleFlushOperations } from '../gestureHandlerCommon';
-import { GestureStateManager } from './gestureStateManager';
-import { flingGestureHandlerProps } from '../FlingGestureHandler';
-import { forceTouchGestureHandlerProps } from '../ForceTouchGestureHandler';
-import { longPressGestureHandlerProps } from '../LongPressGestureHandler';
-import { panGestureHandlerProps, panGestureHandlerCustomNativeProps } from '../PanGestureHandler';
-import { tapGestureHandlerProps } from '../TapGestureHandler';
-import { hoverGestureHandlerProps } from './hoverGesture';
-import { State } from '../../State';
-import { TouchEventType } from '../../TouchEventType';
-import { ActionType } from '../../ActionType';
-import { isFabric, isJestEnv, tagMessage } from '../../utils';
-import { getReactNativeVersion } from '../../getReactNativeVersion';
-import { getShadowNodeFromRef } from '../../getShadowNodeFromRef';
+import { BaseGesture, CALLBACK_TYPE } from 'react-native-gesture-handler/src/handlers/gestures/gesture';
+import { Reanimated } from 'react-native-gesture-handler/src/handlers/gestures/reanimatedWrapper';
+import { registerHandler, unregisterHandler } from 'react-native-gesture-handler/src/handlers/handlersRegistry';
+import { RNGestureHandlerModule } from '../../RNGestureHandlerModule'; // RNGH: patch
+import { baseGestureHandlerWithMonitorProps, filterConfig, findNodeHandle } from 'react-native-gesture-handler/src/handlers/gestureHandlerCommon';
+import { scheduleFlushOperations } from '../gestureHandlerCommon'; // RNGH: patch
+import { GestureStateManager } from 'react-native-gesture-handler/src/handlers/gestures/gestureStateManager';
+import { flingGestureHandlerProps } from 'react-native-gesture-handler/src/handlers/FlingGestureHandler';
+import { forceTouchGestureHandlerProps } from 'react-native-gesture-handler/src/handlers/ForceTouchGestureHandler';
+import { longPressGestureHandlerProps } from 'react-native-gesture-handler/src/handlers/LongPressGestureHandler';
+import { panGestureHandlerProps, panGestureHandlerCustomNativeProps } from 'react-native-gesture-handler/src/handlers/PanGestureHandler';
+import { tapGestureHandlerProps } from 'react-native-gesture-handler/src/handlers/TapGestureHandler';
+import { State } from 'react-native-gesture-handler/src/State';
+import { TouchEventType } from 'react-native-gesture-handler/src/TouchEventType';
+import { ActionType } from 'react-native-gesture-handler/src/ActionType';
+import { isFabric, isJestEnv, REACT_NATIVE_VERSION, tagMessage } from 'react-native-gesture-handler/src/utils';
+import { getShadowNodeFromRef } from 'react-native-gesture-handler/src/getShadowNodeFromRef';
 import { Platform } from 'react-native';
-import { onGestureHandlerEvent } from './eventReceiver';
-import { RNRenderer } from '../../RNRenderer';
-import { isNewWebImplementationEnabled } from '../../EnableNewWebImplementation';
-import { nativeViewGestureHandlerProps } from '../NativeViewGestureHandler';
-import GestureHandlerRootViewContext from '../../GestureHandlerRootViewContext';
-import { ghQueueMicrotask } from '../../ghQueueMicrotask';
-const ALLOWED_PROPS = [...baseGestureHandlerWithMonitorProps, ...tapGestureHandlerProps, ...panGestureHandlerProps, ...panGestureHandlerCustomNativeProps, ...longPressGestureHandlerProps, ...forceTouchGestureHandlerProps, ...flingGestureHandlerProps, ...hoverGestureHandlerProps, ...nativeViewGestureHandlerProps];
-
+import { onGestureHandlerEvent } from 'react-native-gesture-handler/src/handlers/gestures/eventReceiver';
+import { RNRenderer } from 'react-native-gesture-handler/src/RNRenderer';
+import { isNewWebImplementationEnabled } from 'react-native-gesture-handler/src/EnableNewWebImplementation';
+import { nativeViewGestureHandlerProps } from 'react-native-gesture-handler/src/handlers/NativeViewGestureHandler';
+import GestureHandlerRootViewContext from 'react-native-gesture-handler/src/GestureHandlerRootViewContext';
+const ALLOWED_PROPS = [...baseGestureHandlerWithMonitorProps, ...tapGestureHandlerProps, ...panGestureHandlerProps, ...panGestureHandlerCustomNativeProps, ...longPressGestureHandlerProps, ...forceTouchGestureHandlerProps, ...flingGestureHandlerProps, ...nativeViewGestureHandlerProps];
 function convertToHandlerTag(ref) {
   if (typeof ref === 'number') {
     return ref;
   } else if (ref instanceof BaseGesture) {
     return ref.handlerTag;
   } else {
-    var _ref$current$handlerT, _ref$current;
-
+    var _ref$current;
     // @ts-ignore in this case it should be a ref either to gesture object or
     // a gesture handler component, in both cases handlerTag property exists
-    return (_ref$current$handlerT = (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.handlerTag) !== null && _ref$current$handlerT !== void 0 ? _ref$current$handlerT : -1;
+    return ((_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.handlerTag) ?? -1;
   }
 }
-
 function extractValidHandlerTags(interactionGroup) {
-  var _interactionGroup$map, _interactionGroup$map2;
-
-  return (_interactionGroup$map = interactionGroup === null || interactionGroup === void 0 ? void 0 : (_interactionGroup$map2 = interactionGroup.map(convertToHandlerTag)) === null || _interactionGroup$map2 === void 0 ? void 0 : _interactionGroup$map2.filter(tag => tag > 0)) !== null && _interactionGroup$map !== void 0 ? _interactionGroup$map : [];
+  var _interactionGroup$map;
+  return (interactionGroup === null || interactionGroup === void 0 || (_interactionGroup$map = interactionGroup.map(convertToHandlerTag)) === null || _interactionGroup$map === void 0 ? void 0 : _interactionGroup$map.filter(tag => tag > 0)) ?? [];
 }
-
 function dropHandlers(preparedGesture) {
   for (const handler of preparedGesture.config) {
     RNGestureHandlerModule.dropGestureHandler(handler.handlerTag);
     unregisterHandler(handler.handlerTag, handler.config.testId);
   }
-
   scheduleFlushOperations();
 }
-
 function checkGestureCallbacksForWorklets(gesture) {
   // if a gesture is explicitly marked to run on the JS thread there is no need to check
   // if callbacks are worklets as the user is aware they will be ran on the JS thread
   if (gesture.config.runOnJS) {
     return;
   }
-
   const areSomeNotWorklets = gesture.handlers.isWorklet.includes(false);
-  const areSomeWorklets = gesture.handlers.isWorklet.includes(true); // if some of the callbacks are worklets and some are not, and the gesture is not
-  // explicitly marked with `.runOnJS(true)` show an error
+  const areSomeWorklets = gesture.handlers.isWorklet.includes(true);
 
+  // if some of the callbacks are worklets and some are not, and the gesture is not
+  // explicitly marked with `.runOnJS(true)` show an error
   if (areSomeNotWorklets && areSomeWorklets) {
     console.error(tagMessage(`Some of the callbacks in the gesture are worklets and some are not. Either make sure that all calbacks are marked as 'worklet' if you wish to run them on the UI thread or use '.runOnJS(true)' modifier on the gesture explicitly to run all callbacks on the JS thread.`));
   }
 }
-
 function attachHandlers({
   preparedGesture,
   gestureConfig,
@@ -85,101 +79,81 @@ function attachHandlers({
     gestureConfig.initialize();
   } else {
     preparedGesture.firstExecution = false;
-  } // use queueMicrotask to extract handlerTags, because all refs should be initialized
-  // when it's ran
-
+  }
 
-  ghQueueMicrotask(() => {
+  // use queueMicrotask to extract handlerTags, because all refs should be initialized
+  // when it's ran
+  queueMicrotask(() => {
     if (!mountedRef.current) {
       return;
     }
-
     gestureConfig.prepare();
   });
-
   for (const handler of gesture) {
     checkGestureCallbacksForWorklets(handler);
     RNGestureHandlerModule.createGestureHandler(handler.handlerName, handler.handlerTag, filterConfig(handler.config, ALLOWED_PROPS));
     registerHandler(handler.handlerTag, handler, handler.config.testId);
-  } // use queueMicrotask to extract handlerTags, because all refs should be initialized
-  // when it's ran
-
+  }
 
-  ghQueueMicrotask(() => {
+  // use queueMicrotask to extract handlerTags, because all refs should be initialized
+  // when it's ran
+  queueMicrotask(() => {
     if (!mountedRef.current) {
       return;
     }
-
     for (const handler of gesture) {
       let requireToFail = [];
-
       if (handler.config.requireToFail) {
         requireToFail = extractValidHandlerTags(handler.config.requireToFail);
       }
-
       let simultaneousWith = [];
-
       if (handler.config.simultaneousWith) {
         simultaneousWith = extractValidHandlerTags(handler.config.simultaneousWith);
       }
-
-      let blocksHandlers = [];
-
-      if (handler.config.blocksHandlers) {
-        blocksHandlers = extractValidHandlerTags(handler.config.blocksHandlers);
-      }
-
       RNGestureHandlerModule.updateGestureHandler(handler.handlerTag, filterConfig(handler.config, ALLOWED_PROPS, {
         simultaneousHandlers: simultaneousWith,
-        waitFor: requireToFail,
-        blocksHandlers: blocksHandlers
+        waitFor: requireToFail
       }));
     }
-
     scheduleFlushOperations();
   });
   preparedGesture.config = gesture;
-
   for (const gesture of preparedGesture.config) {
     const actionType = gesture.shouldUseReanimated ? ActionType.REANIMATED_WORKLET : ActionType.JS_FUNCTION_NEW_API;
-
     if (Platform.OS === 'web') {
-      RNGestureHandlerModule.attachGestureHandler(gesture.handlerTag, viewTag, ActionType.JS_FUNCTION_OLD_API, // ignored on web
+      RNGestureHandlerModule.attachGestureHandler(gesture.handlerTag, viewTag, ActionType.JS_FUNCTION_OLD_API,
+      // ignored on web
       webEventHandlersRef);
     } else {
       RNGestureHandlerModule.attachGestureHandler(gesture.handlerTag, viewTag, actionType);
     }
   }
-
   if (preparedGesture.animatedHandlers) {
     const isAnimatedGesture = g => g.shouldUseReanimated;
-
     preparedGesture.animatedHandlers.value = gesture.filter(isAnimatedGesture).map(g => g.handlers);
   }
 }
-
 function updateHandlers(preparedGesture, gestureConfig, gesture, mountedRef) {
   gestureConfig.prepare();
-
   for (let i = 0; i < gesture.length; i++) {
     const handler = preparedGesture.config[i];
-    checkGestureCallbacksForWorklets(handler); // only update handlerTag when it's actually different, it may be the same
-    // if gesture config object is wrapped with useMemo
+    checkGestureCallbacksForWorklets(handler);
 
+    // only update handlerTag when it's actually different, it may be the same
+    // if gesture config object is wrapped with useMemo
     if (gesture[i].handlerTag !== handler.handlerTag) {
       gesture[i].handlerTag = handler.handlerTag;
       gesture[i].handlers.handlerTag = handler.handlerTag;
     }
-  } // use queueMicrotask to extract handlerTags, because when it's ran, all refs should be updated
+  }
+
+  // use queueMicrotask to extract handlerTags, because when it's ran, all refs should be updated
   // and handlerTags in BaseGesture references should be updated in the loop above (we need to wait
   // in case of external relations)
-
-
-  ghQueueMicrotask(() => {
+  queueMicrotask(() => {
     if (!mountedRef.current) {
       return;
     }
-
     for (let i = 0; i < gesture.length; i++) {
       const handler = preparedGesture.config[i];
       handler.config = gesture[i].config;
@@ -192,158 +166,130 @@ function updateHandlers(preparedGesture, gestureConfig, gesture, mountedRef) {
       }));
       registerHandler(handler.handlerTag, handler, handler.config.testId);
     }
-
     if (preparedGesture.animatedHandlers) {
-      var _preparedGesture$anim;
-
-      const previousHandlersValue = (_preparedGesture$anim = preparedGesture.animatedHandlers.value) !== null && _preparedGesture$anim !== void 0 ? _preparedGesture$anim : [];
+      const previousHandlersValue = preparedGesture.animatedHandlers.value ?? [];
       const newHandlersValue = preparedGesture.config.filter(g => g.shouldUseReanimated) // ignore gestures that shouldn't run on UI
-      .map(g => g.handlers); // if amount of gesture configs changes, we need to update the callbacks in shared value
+      .map(g => g.handlers);
 
+      // if amount of gesture configs changes, we need to update the callbacks in shared value
       let shouldUpdateSharedValue = previousHandlersValue.length !== newHandlersValue.length;
-
       if (!shouldUpdateSharedValue) {
         // if the amount is the same, we need to check if any of the configs inside has changed
         for (let i = 0; i < newHandlersValue.length; i++) {
-          if ( // we can use the `gestureId` prop as it's unique for every config instance
+          if (
+          // we can use the `gestureId` prop as it's unique for every config instance
           newHandlersValue[i].gestureId !== previousHandlersValue[i].gestureId) {
             shouldUpdateSharedValue = true;
             break;
           }
         }
       }
-
       if (shouldUpdateSharedValue) {
         preparedGesture.animatedHandlers.value = newHandlersValue;
       }
     }
-
     scheduleFlushOperations();
   });
 }
-
 function needsToReattach(preparedGesture, gesture) {
   if (gesture.length !== preparedGesture.config.length) {
     return true;
   }
-
   for (let i = 0; i < gesture.length; i++) {
     if (gesture[i].handlerName !== preparedGesture.config[i].handlerName || gesture[i].shouldUseReanimated !== preparedGesture.config[i].shouldUseReanimated) {
       return true;
     }
   }
-
   return false;
 }
-
 function isStateChangeEvent(event) {
-  'worklet'; // @ts-ignore Yes, the oldState prop is missing on GestureTouchEvent, that's the point
+  'worklet';
 
+  // @ts-ignore Yes, the oldState prop is missing on GestureTouchEvent, that's the point
   return event.oldState != null;
 }
-
 function isTouchEvent(event) {
   'worklet';
 
   return event.eventType != null;
 }
-
 function getHandler(type, gesture) {
   'worklet';
 
   switch (type) {
     case CALLBACK_TYPE.BEGAN:
       return gesture.onBegin;
-
     case CALLBACK_TYPE.START:
       return gesture.onStart;
-
     case CALLBACK_TYPE.UPDATE:
       return gesture.onUpdate;
-
     case CALLBACK_TYPE.CHANGE:
       return gesture.onChange;
-
     case CALLBACK_TYPE.END:
       return gesture.onEnd;
-
     case CALLBACK_TYPE.FINALIZE:
       return gesture.onFinalize;
-
     case CALLBACK_TYPE.TOUCHES_DOWN:
       return gesture.onTouchesDown;
-
     case CALLBACK_TYPE.TOUCHES_MOVE:
       return gesture.onTouchesMove;
-
     case CALLBACK_TYPE.TOUCHES_UP:
       return gesture.onTouchesUp;
-
     case CALLBACK_TYPE.TOUCHES_CANCELLED:
       return gesture.onTouchesCancelled;
   }
 }
-
 function touchEventTypeToCallbackType(eventType) {
   'worklet';
 
   switch (eventType) {
     case TouchEventType.TOUCHES_DOWN:
       return CALLBACK_TYPE.TOUCHES_DOWN;
-
     case TouchEventType.TOUCHES_MOVE:
       return CALLBACK_TYPE.TOUCHES_MOVE;
-
     case TouchEventType.TOUCHES_UP:
       return CALLBACK_TYPE.TOUCHES_UP;
-
     case TouchEventType.TOUCHES_CANCELLED:
       return CALLBACK_TYPE.TOUCHES_CANCELLED;
   }
-
   return CALLBACK_TYPE.UNDEFINED;
 }
-
 function runWorklet(type, gesture, event, ...args) {
   'worklet';
 
   const handler = getHandler(type, gesture);
-
   if (gesture.isWorklet[type]) {
     // @ts-ignore Logic below makes sure the correct event is send to the
     // correct handler.
-    handler === null || handler === void 0 ? void 0 : handler(event, ...args);
+    handler === null || handler === void 0 || handler(event, ...args);
   } else if (handler) {
     console.warn(tagMessage('Animated gesture callback must be a worklet'));
   }
 }
-
 function useAnimatedGesture(preparedGesture, needsRebuild) {
   if (!Reanimated) {
     return;
-  } // Hooks are called conditionally, but the condition is whether the
+  }
+
+  // Hooks are called conditionally, but the condition is whether the
   // react-native-reanimated is installed, which shouldn't change while running
   // eslint-disable-next-line react-hooks/rules-of-hooks
+  const sharedHandlersCallbacks = Reanimated.useSharedValue(null);
 
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  const lastUpdateEvent = Reanimated.useSharedValue([]);
 
-  const sharedHandlersCallbacks = Reanimated.useSharedValue(null); // eslint-disable-next-line react-hooks/rules-of-hooks
-
-  const lastUpdateEvent = Reanimated.useSharedValue([]); // not every gesture needs a state controller, init them lazily
-
+  // not every gesture needs a state controller, init them lazily
   const stateControllers = [];
-
   const callback = event => {
     'worklet';
 
     const currentCallback = sharedHandlersCallbacks.value;
-
     if (!currentCallback) {
       return;
     }
-
     for (let i = 0; i < currentCallback.length; i++) {
       const gesture = currentCallback[i];
-
       if (event.handlerTag === gesture.handlerTag) {
         if (isStateChangeEvent(event)) {
           if (event.oldState === State.UNDETERMINED && event.state === State.BEGAN) {
@@ -355,44 +301,39 @@ function useAnimatedGesture(preparedGesture, needsRebuild) {
             if (event.oldState === State.ACTIVE) {
               runWorklet(CALLBACK_TYPE.END, gesture, event, true);
             }
-
             runWorklet(CALLBACK_TYPE.FINALIZE, gesture, event, true);
           } else if ((event.state === State.FAILED || event.state === State.CANCELLED) && event.state !== event.oldState) {
             if (event.oldState === State.ACTIVE) {
               runWorklet(CALLBACK_TYPE.END, gesture, event, false);
             }
-
             runWorklet(CALLBACK_TYPE.FINALIZE, gesture, event, false);
           }
         } else if (isTouchEvent(event)) {
           if (!stateControllers[i]) {
             stateControllers[i] = GestureStateManager.create(event.handlerTag);
           }
-
           if (event.eventType !== TouchEventType.UNDETERMINED) {
             runWorklet(touchEventTypeToCallbackType(event.eventType), gesture, event, stateControllers[i]);
           }
         } else {
           runWorklet(CALLBACK_TYPE.UPDATE, gesture, event);
-
           if (gesture.onChange && gesture.changeEventCalculator) {
             var _gesture$changeEventC;
-
             runWorklet(CALLBACK_TYPE.CHANGE, gesture, (_gesture$changeEventC = gesture.changeEventCalculator) === null || _gesture$changeEventC === void 0 ? void 0 : _gesture$changeEventC.call(gesture, event, lastUpdateEvent.value[gesture.handlerTag]));
             lastUpdateEvent.value[gesture.handlerTag] = event;
           }
         }
       }
     }
-  }; // eslint-disable-next-line react-hooks/rules-of-hooks
-
+  };
 
+  // eslint-disable-next-line react-hooks/rules-of-hooks
   const event = Reanimated.useEvent(callback, ['onGestureHandlerStateChange', 'onGestureHandlerEvent'], needsRebuild);
   preparedGesture.animatedEventHandler = event;
   preparedGesture.animatedHandlers = sharedHandlersCallbacks;
-} // eslint-disable-next-line @typescript-eslint/no-explicit-any
-
+}
 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 function validateDetectorChildren(ref) {
   // finds the first native view under the Wrap component and traverses the fiber tree upwards
   // to check whether there is more than one native view as a pseudo-direct child of GestureDetector
@@ -416,49 +357,46 @@ function validateDetectorChildren(ref) {
   //         /       \
   //   NativeView  NativeView
   if (__DEV__ && Platform.OS !== 'web') {
-    const REACT_NATIVE_VERSION = getReactNativeVersion(); // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-
-    const wrapType = REACT_NATIVE_VERSION.minor > 63 || REACT_NATIVE_VERSION.major > 0 ? // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
-    ref._reactInternals.elementType : // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
-    ref._reactInternalFiber.elementType; // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-
-    let instance = RNRenderer.findHostInstance_DEPRECATED(ref)._internalFiberInstanceHandleDEV; // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
-
-
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+    const wrapType = REACT_NATIVE_VERSION.minor > 63 || REACT_NATIVE_VERSION.major > 0 ?
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
+    ref._reactInternals.elementType :
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
+    ref._reactInternalFiber.elementType;
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+    let instance = RNRenderer.findHostInstance_DEPRECATED(ref)._internalFiberInstanceHandleDEV;
+
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
     while (instance && instance.elementType !== wrapType) {
       // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
       if (instance.sibling) {
         throw new Error('GestureDetector has more than one native view as its children. This can happen if you are using a custom component that renders multiple views, like React.Fragment. You should wrap content of GestureDetector with a <View> or <Animated.View>.');
-      } // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-member-access
-
+      }
 
+      // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-member-access
       instance = instance.return;
     }
   }
 }
-
 const applyUserSelectProp = (userSelect, gesture) => {
   for (const g of gesture.toGestureArray()) {
     g.config.userSelect = userSelect;
   }
 };
-
 export const GestureDetector = props => {
   const rootViewContext = useContext(GestureHandlerRootViewContext);
-
-  if (__DEV__ && !rootViewContext && !isJestEnv() && Platform.OS !== 'web') {
+  if (__DEV__ && !rootViewContext && !isJestEnv() && Platform.OS !== 'web' && Platform.OS !== "harmony") {
+    // RNOH: patch
     throw new Error('GestureDetector must be used as a descendant of GestureHandlerRootView. Otherwise the gestures will not be recognized. See https://docs.swmansion.com/react-native-gesture-handler/docs/installation for more details.');
   }
-
   const gestureConfig = props.gesture;
-
   if (props.userSelect) {
     applyUserSelectProp(props.userSelect, gestureConfig);
   }
-
   const gesture = gestureConfig.toGestureArray();
-  const useReanimatedHook = gesture.some(g => g.shouldUseReanimated); // store state in ref to prevent unnecessary renders
+  const useReanimatedHook = gesture.some(g => g.shouldUseReanimated);
 
+  // store state in ref to prevent unnecessary renders
   const state = useRef({
     firstRender: true,
     viewRef: null,
@@ -475,11 +413,9 @@ export const GestureDetector = props => {
     } : undefined
   });
   const [renderState, setRenderState] = useState(false);
-
   function forceRender() {
     setRenderState(!renderState);
   }
-
   const preparedGesture = React.useRef({
     config: gesture,
     animatedEventHandler: null,
@@ -487,16 +423,13 @@ export const GestureDetector = props => {
     firstExecution: true,
     useReanimatedHook: useReanimatedHook
   }).current;
-
   if (useReanimatedHook !== preparedGesture.useReanimatedHook) {
     throw new Error(tagMessage('You cannot change the thread the callbacks are ran on while the app is running'));
   }
-
   function onHandlersUpdate(skipConfigUpdate) {
     // if the underlying view has changed we need to reattach handlers to the new view
     const viewTag = findNodeHandle(state.viewRef);
     const forceReattach = viewTag !== state.previousViewTag;
-
     if (forceReattach || needsToReattach(preparedGesture, gesture)) {
       validateDetectorChildren(state.viewRef);
       dropHandlers(preparedGesture);
@@ -510,30 +443,26 @@ export const GestureDetector = props => {
       });
       state.previousViewTag = viewTag;
       state.forceReattach = forceReattach;
-
       if (forceReattach) {
         forceRender();
       }
     } else if (!skipConfigUpdate) {
       updateHandlers(preparedGesture, gestureConfig, gesture, mountedRef);
     }
-  } // Reanimated event should be rebuilt only when gestures are reattached, otherwise
-  // config update will be enough as all necessary items are stored in shared values anyway
-
+  }
 
+  // Reanimated event should be rebuilt only when gestures are reattached, otherwise
+  // config update will be enough as all necessary items are stored in shared values anyway
   const needsToRebuildReanimatedEvent = preparedGesture.firstExecution || needsToReattach(preparedGesture, gesture) || state.forceReattach;
   state.forceReattach = false;
-
   if (preparedGesture.firstExecution) {
     gestureConfig.initialize();
   }
-
   if (useReanimatedHook) {
     // Whether animatedGesture or gesture is used shouldn't change while the app is running
     // eslint-disable-next-line react-hooks/rules-of-hooks
     useAnimatedGesture(preparedGesture, needsToRebuildReanimatedEvent);
   }
-
   useEffect(() => {
     const viewTag = findNodeHandle(state.viewRef);
     state.firstRender = true;
@@ -559,30 +488,27 @@ export const GestureDetector = props => {
       state.firstRender = false;
     }
   }, [props]);
-
   const refFunction = ref => {
     if (ref !== null) {
       // @ts-ignore Just setting the view ref
-      state.viewRef = ref; // if it's the first render, also set the previousViewTag to prevent reattaching gestures when not needed
+      state.viewRef = ref;
 
+      // if it's the first render, also set the previousViewTag to prevent reattaching gestures when not needed
       if (state.previousViewTag === -1) {
         state.previousViewTag = findNodeHandle(state.viewRef);
-      } // pass true as `skipConfigUpdate`, here we only want to trigger the eventual reattaching of handlers
-      // in case the view has changed, while config update would be handled be the `useEffect` above
-
+      }
 
+      // pass true as `skipConfigUpdate`, here we only want to trigger the eventual reattaching of handlers
+      // in case the view has changed, while config update would be handled be the `useEffect` above
       onHandlersUpdate(true);
-
       if (isFabric()) {
         const node = getShadowNodeFromRef(ref);
-
         if (global.isFormsStackingContext(node) === false) {
           console.error(tagMessage('GestureDetector has received a child that may get view-flattened. ' + '\nTo prevent it from misbehaving you need to wrap the child with a `<View collapsable={false}>`.'));
         }
       }
     }
   };
-
   if (useReanimatedHook) {
     return /*#__PURE__*/React.createElement(AnimatedWrap, {
       ref: refFunction,
@@ -594,7 +520,6 @@ export const GestureDetector = props => {
     }, props.children);
   }
 };
-
 class Wrap extends React.Component {
   render() {
     try {
@@ -606,14 +531,13 @@ class Wrap extends React.Component {
       const child = React.Children.only(this.props.children);
       return /*#__PURE__*/React.cloneElement(child, {
         collapsable: false
-      }, // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
+      },
+      // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
       child.props.children);
     } catch (e) {
       throw new Error(tagMessage(`GestureDetector got more than one view as a child. If you want the gesture to work on multiple views, wrap them with a common parent and attach the gesture to that view.`));
     }
   }
-
 }
-
-const AnimatedWrap = (_Reanimated$default$c = Reanimated === null || Reanimated === void 0 ? void 0 : (_Reanimated$default = Reanimated.default) === null || _Reanimated$default === void 0 ? void 0 : _Reanimated$default.createAnimatedComponent(Wrap)) !== null && _Reanimated$default$c !== void 0 ? _Reanimated$default$c : Wrap;
+const AnimatedWrap = (Reanimated === null || Reanimated === void 0 || (_Reanimated$default = Reanimated.default) === null || _Reanimated$default === void 0 ? void 0 : _Reanimated$default.createAnimatedComponent(Wrap)) ?? Wrap;
 //# sourceMappingURL=GestureDetector.js.map