yeet

modules/media_viewer/native/components/MediaViewer.tsx

@@ -0,0 +1,268 @@
+// Metro module 12319 (f12320).
+import { useState, useRef, useCallback, useEffect, memo } from "react";
+import { StyleSheet, View } from "react-native";
+import * as _PlatformUtils from "../../../../utils/PlatformUtils";
+import * as _ReanimatedRexport from "../../../reanimated/ReanimatedRexport";
+import ReanimatedRexport, { useSharedValue, useAnimatedRef, useAnimatedStyle, useDerivedValue, useAnimatedProps } from "../../../reanimated/ReanimatedRexport";
+import { useMediaViewerPanGestureConfig, useMediaViewerPanGesture } from "../useMediaViewerPanGesture";
+import { MediaViewerItem } from "./MediaViewerItem";
+import useStateFromSharedValue from "../../../reanimated/native/useStateFromSharedValue";
+import { GestureDetector } from "../../../../_bundle/Module5273";
+import { AnimatedFastList } from "../../../../lib/native/FastList";
+import useAnalyticsLocations, { AnalyticsLocationProvider } from "../../../app_analytics/useAnalyticsLocations";
+import AnalyticsLocation from "../../../app_analytics/AnalyticsLocation";
+import { useMediaViewerDimensions, MediaViewerDimensionsProvider } from "../MediaViewerDimensionsContext";
+import useMediaViewerClosePosition from "../useMediaViewerClosePosition";
+import * as _timing from "../../../../design/animation/reanimated/timing/timing";
+import { unpauseCurrentVideoIfNeeded } from "../useVideoControls";
+import { useOrientationListener } from "../../../device/native/DeviceOrientation";
+import StatusBar_android from "../../../status_bar/native/components/StatusBar.android";
+import REAWorkaroundView from "../../../reanimated/native/REAWorkaroundView";
+import HomeIndicator from "../../../voice_panel/native/HomeIndicator";
+let isAndroid, __initData, __initData2, Component, __initData3, __initData4, __initData5, __initData6, __initData7;
+const MediaViewer = function MediaViewer(props) {
+  let ref, callback, ref2;
+  const { onClose, onLongPress: onLongPress2, originLayout: originLayout2, renderMedia: renderMedia2, renderOverlay, swipeVelocityThreshold, syncer } = props;
+  const { index, sources: sources2, useViewerProps, zoomed: zoomed2 } = syncer;
+  ref = void 0;
+  callback = void 0;
+  ref2 = void 0;
+  const analyticsLocations = useAnalyticsLocations([AnalyticsLocation.MEDIA_VIEWER]).analyticsLocations;
+  const [state, setState] = useState(true);
+  const mediaViewerDimensions = useMediaViewerDimensions();
+  const { width, height } = mediaViewerDimensions;
+  const mediaViewerClosePosition = useMediaViewerClosePosition({
+    index,
+    onClose,
+    sources: sources2,
+    windowHeight: height,
+    windowWidth: width
+  });
+  let c19791_2 = mediaViewerClosePosition;
+  const sharedValue = useSharedValue(0);
+  const sharedValue2 = useSharedValue(false);
+  const animatedRef = useAnimatedRef();
+  const r5 = sources2.length > 1;
+  let c19791_6 = r5;
+  const r79 = useViewerProps();
+  const { ref: ref3, onScroll, onContentSizeChange, useItemVisible: useItemVisible2 } = r79;
+  const mediaViewerPanGestureConfig = useMediaViewerPanGestureConfig(mediaViewerClosePosition, swipeVelocityThreshold, onClose);
+  const { dismiss, translatePos, isClosing, isInteracting, overlayEnabled } = mediaViewerPanGestureConfig;
+  const absoluteFillObject = StyleSheet.absoluteFillObject;
+  const M = () => {
+    const r6 = Math;
+    const r19 = sharedValue.get();
+    const r25 = translatePos.get();
+    return {
+      ...absoluteFillObject,
+      height,
+      backgroundColor: "black",
+      opacity: r6.min(r19, _ReanimatedRexport.interpolate(r25, [-c19791_2, 0, c19791_2], [0, 1, 0]))
+    };
+  };
+  M.__closure = {
+    absoluteFillObject,
+    windowHeight: height,
+    entranceAnimationDriver: sharedValue,
+    interpolate: _ReanimatedRexport.interpolate,
+    translatePos,
+    closePosition: mediaViewerClosePosition
+  };
+  M.__workletHash = 10332062530694;
+  M.__initData = __initData3;
+  const animatedStyle = useAnimatedStyle(M);
+  const [r99] = useState({
+    ...StyleSheet.absoluteFillObject,
+    backgroundColor: "transparent"
+  });
+  const P = () => {
+    let r39;
+    const r19 = isClosing.get();
+    let opacity = 0;
+    if (!r19) {
+      const r22 = sharedValue2.get();
+      opacity = 0;
+      if (!r22) {
+        if (overlayEnabled.get() && !isInteracting.get()) {
+          r39 = _timing.withTiming(1, {
+            easing: _ReanimatedRexport.Easing.linear,
+            duration: 150
+          });
+        } else {
+          const r51 = {
+            easing: _ReanimatedRexport.Easing.linear,
+            duration: 75
+          };
+          const n = function n() {
+            _ReanimatedRexport.runOnJS(setState)(false);
+          };
+          n.__closure = {
+            runOnJS: _ReanimatedRexport.runOnJS,
+            setShowHeader: setState
+          };
+          n.__workletHash = 11572173694016;
+          n.__initData = __initData5;
+          r39 = _timing.withTiming(0, r51, "respect-motion-settings", n);
+        }
+        opacity = r39;
+      }
+    }
+    return {
+      opacity
+    };
+  };
+  P.__closure = {
+    isClosing,
+    hideRelayoutSharedValue: sharedValue2,
+    overlayEnabled,
+    isInteracting,
+    withTiming: _timing.withTiming,
+    Easing: _ReanimatedRexport.Easing,
+    runOnJS: _ReanimatedRexport.runOnJS,
+    setShowHeader: setState
+  };
+  P.__workletHash = 14874736878670;
+  P.__initData = __initData4;
+  const animatedStyle2 = useAnimatedStyle(P);
+  const x = function x() {
+    if (overlayEnabled.get() && !isInteracting.get()) {
+      _ReanimatedRexport.runOnJS(setState)(true);
+    }
+  };
+  x.__closure = {
+    overlayEnabled,
+    isInteracting,
+    runOnJS: _ReanimatedRexport.runOnJS,
+    setShowHeader: setState
+  };
+  x.__workletHash = 2199049578465;
+  x.__initData = __initData6;
+  useDerivedValue(x);
+  const le = () => ({
+    ...absoluteFillObject,
+    alignItems: "center",
+    justifyContent: "center",
+    transform: [{
+      translateY: translatePos.get()
+    }],
+    opacity: sharedValue2.get() ? 0 : _timing.withTiming(1, {
+      easing: _ReanimatedRexport.Easing.linear,
+      duration: 75
+    })
+  });
+  le.__closure = {
+    absoluteFillObject,
+    translatePos,
+    hideRelayoutSharedValue: sharedValue2,
+    withTiming: _timing.withTiming,
+    Easing: _ReanimatedRexport.Easing
+  };
+  le.__workletHash = 8244409104374;
+  le.__initData = __initData7;
+  const animatedStyle3 = useAnimatedStyle(le);
+  ref = useRef(null);
+  callback = useCallback(() => {
+    if (c19791_6 && animatedRef.current != null) {
+      sharedValue2.set(true);
+      clearTimeout(ref.current);
+      ref.current = setTimeout(() => {
+        sharedValue2.set(false);
+      }, 250);
+    }
+  }, [r5, animatedRef, sharedValue2]);
+  const callback2 = useCallback(() => {
+    sharedValue2.set(false);
+  }, [sharedValue2]);
+  ref2 = useRef(false);
+  useEffect(() => {
+    if (ref2.current) {
+      callback();
+    } else {
+      ref2.current = true;
+    }
+  }, [width, height, callback]);
+  useOrientationListener(useCallback((a0, a1) => {
+    if (a0.orientation !== a1.orientation) {
+      callback();
+    }
+    if (isAndroid) {
+      unpauseCurrentVideoIfNeeded();
+    }
+  }, [callback]));
+  return <AnalyticsLocationProvider value={analyticsLocations}>
+    <View style={StyleSheet.absoluteFill} onAccessibilityEscape={dismiss} onLayout={callback2}>
+      <StatusBar_android barStyle="light-content" hidden={!state} />
+      <ReanimatedRexport.View style={animatedStyle} />
+      <REAWorkaroundView ref={animatedRef} style={animatedStyle3}>
+        <Component entranceAnimationDriver={sharedValue} onContentSizeChange={onContentSizeChange} onScroll={onScroll} onLongPress={onLongPress2} originLayout={originLayout2} panGestureConfig={mediaViewerPanGestureConfig} ref={ref3} renderMedia={renderMedia2} sources={sources2} useItemVisible={useItemVisible2} windowHeight={height} windowWidth={width} index={index} zoomed={zoomed2} />
+      </REAWorkaroundView>
+      <REAWorkaroundView style={[r99, animatedStyle2]} pointerEvents={state ? "box-none" : "none"}>
+        {renderOverlay(dismiss, overlayEnabled)}
+      </REAWorkaroundView>
+      <HomeIndicator />
+    </View>
+  </AnalyticsLocationProvider>;
+};
+isAndroid = _PlatformUtils.isAndroid();
+__initData = {
+  code: "function MediaViewerTsx1(){const{zoomed,pinching}=this.__closure;return!zoomed.get()&&!pinching.get();}"
+};
+__initData2 = {
+  code: "function MediaViewerTsx2(){const{scrollEnabled}=this.__closure;return{scrollEnabled:scrollEnabled.get()};}"
+};
+Component = memo(function({ entranceAnimationDriver, onContentSizeChange, onLongPress, onScroll, originLayout, panGestureConfig, renderMedia, sources, useItemVisible, windowWidth, windowHeight, ref: ref3, index, zoomed }) {
+  let derivedValue, panGestureGenerator;
+  derivedValue = void 0;
+  panGestureGenerator = void 0;
+  const sharedValue3 = useSharedValue(false);
+  const T = () => {
+    const r5 = zoomed.get();
+    return r5 ? !r5 : !sharedValue3.get();
+  };
+  T.__closure = {
+    zoomed,
+    pinching: sharedValue3
+  };
+  T.__workletHash = 9157951736691;
+  T.__initData = __initData;
+  derivedValue = useDerivedValue(T);
+  const callback2 = useCallback((a0) => sharedValue3.set(a0.nativeEvent.touches.length === 2), [sharedValue3]);
+  const callback3 = useCallback(() => sharedValue3.set(false), [sharedValue3]);
+  const mediaViewerPanGesture = useMediaViewerPanGesture(panGestureConfig, derivedValue);
+  panGestureGenerator = mediaViewerPanGesture.panGestureGenerator;
+  const nativeGesture = mediaViewerPanGesture.nativeGesture;
+  const callback4 = useCallback((a0, a1) => <MediaViewerItem originLayout={originLayout} renderMedia={renderMedia} onLongPress={onLongPress} windowWidth={windowWidth} windowHeight={windowHeight} panGestureConfig={panGestureConfig} entranceAnimationDriver={entranceAnimationDriver} source={sources[a1]} index={a1} zoomed={zoomed} panGesture={panGestureGenerator(a1)} useItemVisible={useItemVisible} />, [entranceAnimationDriver, onLongPress, originLayout, panGestureConfig, panGestureGenerator, renderMedia, sources, useItemVisible, windowHeight, windowWidth, zoomed]);
+  const H = () => ({
+    scrollEnabled: derivedValue.get()
+  });
+  H.__closure = {
+    scrollEnabled: derivedValue
+  };
+  H.__workletHash = 13550782123441;
+  H.__initData = __initData2;
+  const animatedProps = useAnimatedProps(H);
+  return <GestureDetector gesture={nativeGesture}>
+    <AnimatedFastList ref={ref3} style={StyleSheet.absoluteFill} sections={[sources.length]} onTouchStart={callback2} onTouchEnd={callback3} onTouchCancel={callback3} initialScrollItem={useStateFromSharedValue(index)} automaticallyAdjustContentInsets={false} showsVerticalScrollIndicator={false} showsHorizontalScrollIndicator={false} itemSize={windowWidth} renderItem={callback4} onContentSizeChange={onContentSizeChange} pagingEnabled onScroll={onScroll} scrollEventThrottle={16} animatedProps={animatedProps} disableLegacyGestureHandling chunkBase={windowWidth} horizontal />
+  </GestureDetector>;
+});
+__initData3 = {
+  code: "function MediaViewerTsx3(){const{absoluteFillObject,windowHeight,entranceAnimationDriver,interpolate,translatePos,closePosition}=this.__closure;return{...absoluteFillObject,height:windowHeight,backgroundColor:'black',opacity:Math.min(entranceAnimationDriver.get(),interpolate(translatePos.get(),[-closePosition,0,closePosition],[0,1,0]))};}"
+};
+__initData4 = {
+  code: "function MediaViewerTsx4(){const{isClosing,hideRelayoutSharedValue,overlayEnabled,isInteracting,withTiming,Easing,runOnJS,setShowHeader}=this.__closure;return{opacity:isClosing.get()||hideRelayoutSharedValue.get()?0:overlayEnabled.get()&&!isInteracting.get()?withTiming(1,{easing:Easing.linear,duration:150}):withTiming(0,{easing:Easing.linear,duration:75},'respect-motion-settings',function(){runOnJS(setShowHeader)(false);})};}"
+};
+__initData5 = {
+  code: "function MediaViewerTsx5(){const{runOnJS,setShowHeader}=this.__closure;runOnJS(setShowHeader)(false);}"
+};
+__initData6 = {
+  code: "function MediaViewerTsx6(){const{overlayEnabled,isInteracting,runOnJS,setShowHeader}=this.__closure;if(overlayEnabled.get()&&!isInteracting.get()){runOnJS(setShowHeader)(true);}}"
+};
+__initData7 = {
+  code: "function MediaViewerTsx7(){const{absoluteFillObject,translatePos,hideRelayoutSharedValue,withTiming,Easing}=this.__closure;return{...absoluteFillObject,alignItems:'center',justifyContent:'center',transform:[{translateY:translatePos.get()}],opacity:hideRelayoutSharedValue.get()?0:withTiming(1,{easing:Easing.linear,duration:75})};}"
+};
+const r42 = memo(function(a0) {
+  return <MediaViewerDimensionsProvider>
+    <MediaViewer {...a0} />
+  </MediaViewerDimensionsProvider>;
+});
+export default r42;