@droppii-org/chat-mobile 0.2.7 → 0.2.8

package/lib/module/screens/MediaView/VideoPlayer.js

@@ -0,0 +1,177 @@
+"use strict";
+
+import { useCallback, useEffect, useMemo, useRef, useState, memo } from 'react';
+import { ActivityIndicator, StyleSheet } from 'react-native';
+import { KColors, KContainer, KImage, KDims, KRadiusValue, KSpacingValue } from '@droppii/libs';
+import Video, { IgnoreSilentSwitchType, ResizeMode } from 'react-native-video';
+import { Gesture, GestureDetector } from 'react-native-gesture-handler';
+import { runOnJS, useSharedValue } from 'react-native-reanimated';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const bufferConfig = {
+  minBufferMs: 15000,
+  maxBufferMs: 50000,
+  bufferForPlaybackMs: 5000,
+  bufferForPlaybackAfterRebufferMs: 5000,
+  cacheSizeMB: 200
+};
+const VideoPlayer = /*#__PURE__*/memo(props => {
+  const {
+    url,
+    onPress,
+    resizeMode = ResizeMode.CONTAIN,
+    showCustomControls = false,
+    height
+  } = props;
+  const videoRef = useRef(null);
+  const containerWidth = useSharedValue(0);
+  const containerHeight = useSharedValue(0);
+  const [muted, setMuted] = useState(true);
+  const [paused, setPaused] = useState(false);
+  const [initLoading, setInitLoading] = useState(true);
+  const [buffering, setBuffering] = useState(false);
+
+  /** VIDEO EVENTS */
+  const onReadyForDisplay = useCallback(() => {
+    setBuffering(false);
+    setInitLoading(false);
+  }, []);
+  const onBuffer = useCallback(e => setBuffering(!!e?.isBuffering), []);
+  const onLoadStart = useCallback(() => setBuffering(true), []);
+  const onLoad = useCallback(() => setBuffering(false), []);
+
+  /** ACTIONS (JS thread) */
+  const resumeVideo = useCallback(() => {
+    videoRef.current?.resume?.();
+    setPaused(false);
+  }, []);
+  const pauseVideo = useCallback(() => {
+    videoRef.current?.pause?.();
+    setPaused(true);
+  }, []);
+  const handleSingleTapJS = useCallback(() => {
+    if (paused) resumeVideo();else {
+      pauseVideo();
+      onPress?.();
+    }
+  }, [paused, resumeVideo, pauseVideo, onPress]);
+
+  /** GESTURE (worklet -> runOnJS) */
+  const singleTap = useMemo(() => Gesture.Tap().maxDuration(250).numberOfTaps(1).onEnd((_e, success) => {
+    'worklet';
+
+    if (!success) return;
+    runOnJS(handleSingleTapJS)();
+  }), [handleSingleTapJS]);
+  useEffect(() => {
+    if (!showCustomControls) setMuted(false);
+  }, [showCustomControls]);
+
+  /** LAYOUT HANDLERS */
+  const handleContainerLayout = useCallback(e => {
+    containerWidth.value = e.nativeEvent.layout.width;
+    containerHeight.value = e.nativeEvent.layout.height;
+  }, [containerWidth, containerHeight]);
+
+  /** RENDERERS */
+  const renderIndicator = useCallback(() => {
+    return /*#__PURE__*/_jsx(KContainer.VisibleView, {
+      visible: (initLoading || buffering) && !paused,
+      children: /*#__PURE__*/_jsx(ActivityIndicator, {
+        animating: true,
+        size: "small",
+        style: styles.loader,
+        color: KColors.primary.normal
+      })
+    });
+  }, [initLoading, buffering, paused]);
+  const renderOverlay = useCallback(() => {
+    return /*#__PURE__*/_jsx(KContainer.VisibleView, {
+      visible: paused && showCustomControls,
+      children: /*#__PURE__*/_jsx(KContainer.View, {
+        style: styles.overlay,
+        children: /*#__PURE__*/_jsx(KContainer.Touchable, {
+          style: styles.playButton,
+          onPress: resumeVideo,
+          children: /*#__PURE__*/_jsx(KImage.VectorIcons, {
+            name: "play-b",
+            size: 28,
+            color: KColors.white
+          })
+        })
+      })
+    });
+  }, [paused, showCustomControls, resumeVideo]);
+  const memoHeight = useMemo(() => ({
+    height: height ?? 0
+  }), [height]);
+
+  /** VIEW */
+  const videoContent = /*#__PURE__*/_jsxs(KContainer.View, {
+    style: [styles.videoContainer, memoHeight],
+    collapsable: false,
+    onLayout: handleContainerLayout,
+    children: [renderIndicator(), /*#__PURE__*/_jsx(Video, {
+      ref: videoRef,
+      source: {
+        uri: url,
+        bufferConfig
+      },
+      onBuffer: onBuffer,
+      onLoadStart: onLoadStart,
+      onLoad: onLoad,
+      onReadyForDisplay: onReadyForDisplay,
+      style: styles.video,
+      muted: muted,
+      paused: paused,
+      resizeMode: resizeMode,
+      repeat: true,
+      controls: !showCustomControls,
+      ignoreSilentSwitch: IgnoreSilentSwitchType.IGNORE
+    }), renderOverlay()]
+  });
+
+  // Only wrap with GestureDetector when using custom controls to avoid conflicts with native controls
+  if (showCustomControls) {
+    return /*#__PURE__*/_jsx(GestureDetector, {
+      gesture: singleTap,
+      children: videoContent
+    });
+  }
+  return videoContent;
+});
+VideoPlayer.displayName = 'Detail.Header.BannerVideo';
+export default VideoPlayer;
+const styles = StyleSheet.create({
+  videoContainer: {
+    flex: 1,
+    width: KDims.width,
+    backgroundColor: KColors.black,
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  video: {
+    ...StyleSheet.absoluteFill,
+    width: '100%',
+    height: '100%'
+  },
+  loader: {
+    position: 'absolute',
+    zIndex: 1
+  },
+  overlay: {
+    position: 'absolute',
+    zIndex: 2,
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  playButton: {
+    backgroundColor: 'rgba(0, 0, 0, 0.5)',
+    justifyContent: 'center',
+    alignItems: 'center',
+    borderRadius: KRadiusValue['4x'],
+    padding: KSpacingValue['1rem'],
+    width: 64,
+    height: 64
+  }
+});
+//# sourceMappingURL=VideoPlayer.js.map

package/lib/module/screens/MediaView/VideoPlayer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useEffect","useMemo","useRef","useState","memo","ActivityIndicator","StyleSheet","KColors","KContainer","KImage","KDims","KRadiusValue","KSpacingValue","Video","IgnoreSilentSwitchType","ResizeMode","Gesture","GestureDetector","runOnJS","useSharedValue","jsx","_jsx","jsxs","_jsxs","bufferConfig","minBufferMs","maxBufferMs","bufferForPlaybackMs","bufferForPlaybackAfterRebufferMs","cacheSizeMB","VideoPlayer","props","url","onPress","resizeMode","CONTAIN","showCustomControls","height","videoRef","containerWidth","containerHeight","muted","setMuted","paused","setPaused","initLoading","setInitLoading","buffering","setBuffering","onReadyForDisplay","onBuffer","e","isBuffering","onLoadStart","onLoad","resumeVideo","current","resume","pauseVideo","pause","handleSingleTapJS","singleTap","Tap","maxDuration","numberOfTaps","onEnd","_e","success","handleContainerLayout","value","nativeEvent","layout","width","renderIndicator","VisibleView","visible","children","animating","size","style","styles","loader","color","primary","normal","renderOverlay","View","overlay","Touchable","playButton","VectorIcons","name","white","memoHeight","videoContent","videoContainer","collapsable","onLayout","ref","source","uri","video","repeat","controls","ignoreSilentSwitch","IGNORE","gesture","displayName","create","flex","backgroundColor","black","justifyContent","alignItems","absoluteFill","position","zIndex","borderRadius","padding"],"sourceRoot":"../../../../src","sources":["screens/MediaView/VideoPlayer.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/screens/MediaView/index.js

@@ -0,0 +1,264 @@
+"use strict";
+
+import { useCallback, useEffect, useRef, useState, useMemo } from 'react';
+import { BackHandler, Platform, StyleSheet, FlatList } from 'react-native';
+import LinearGradient from 'react-native-linear-gradient';
+import Animated, { FadeIn, FadeOut, SlideInDown, SlideOutDown } from 'react-native-reanimated';
+import { Pagination } from 'react-native-snap-carousel';
+import PhotoView from 'react-native-photo-view';
+import { KColors, KContainer, KDims, KImage, KLabel, KRadiusValue, KSpacingValue } from '@droppii/libs';
+import VideoPlayer from "./VideoPlayer.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const MediaViewerScreen = props => {
+  const {
+    images = [],
+    initIndex = 0,
+    download,
+    pagination,
+    onDismiss
+  } = props;
+  const listRef = useRef(null);
+  const [index, setIndex] = useState(initIndex);
+  const [isScrolling, setIsScrolling] = useState(false);
+  const dismiss = useCallback(() => {
+    onDismiss?.();
+  }, [onDismiss]);
+  const onDownload = useCallback(() => {}, []);
+
+  //   useEffect(() => {
+  //     StatusBar.setHidden(true);
+  //     return () => {
+  //       StatusBar.setHidden(false);
+  //     };
+  //   }, []);
+
+  useEffect(() => {
+    if (Platform.OS === 'android') {
+      const sub = BackHandler.addEventListener('hardwareBackPress', () => {
+        dismiss();
+        return true;
+      });
+      return () => sub.remove();
+    }
+  }, [dismiss]);
+  const onMomentumScrollBegin = useCallback(() => setIsScrolling(true), []);
+  const onMomentumScrollEnd = useCallback(() => setIsScrolling(false), []);
+  const onScrollToIndexFailed = useCallback(info => {
+    const len = images.length;
+    const wait = new Promise(resolve => setTimeout(() => resolve(true), 0));
+    wait.then(() => {
+      if (info.index > -1 && info.index < len) {
+        listRef.current?.scrollToIndex({
+          index: info.index,
+          animated: false
+        });
+      }
+    });
+  }, [images]);
+  const onViewableItemsChanged = useRef(({
+    viewableItems
+  }) => {
+    const i = viewableItems[0]?.index;
+    setIndex(i || 0);
+  }).current;
+  const keyEx = useCallback((item, i) => `${item.url}-${i}`, []);
+  const renderItem = useCallback(({
+    item,
+    index: itemIndex
+  }) => /*#__PURE__*/_jsxs(KContainer.Touchable, {
+    center: true,
+    activeOpacity: 1,
+    children: [/*#__PURE__*/_jsx(KContainer.VisibleView, {
+      visible: !!item.isVideo,
+      children: /*#__PURE__*/_jsx(VideoPlayer, {
+        url: item?.url || '',
+        isActive: itemIndex === index && !isScrolling,
+        showCustomControls: false
+      })
+    }), /*#__PURE__*/_jsx(KContainer.VisibleView, {
+      visible: !item.isVideo,
+      children: /*#__PURE__*/_jsx(PhotoView, {
+        source: {
+          uri: item.url
+        },
+        minimumZoomScale: 1,
+        maximumZoomScale: 3,
+        scale: 1,
+        androidScaleType: "fitCenter",
+        style: styles.img
+      })
+    })]
+  }), [index, isScrolling]);
+  const renderFooter = useMemo(() => {
+    if (pagination === false) return null;
+    return /*#__PURE__*/_jsxs(KContainer.View, {
+      style: styles.footer,
+      children: [/*#__PURE__*/_jsxs(KLabel.Text, {
+        typo: "TextNmNormal",
+        color: KColors.white,
+        style: styles.counterText,
+        children: [index + 1, "/", images.length]
+      }), /*#__PURE__*/_jsx(Pagination, {
+        dotContainerStyle: styles.dotContainerStyle,
+        dotStyle: styles.dot,
+        inactiveDotStyle: styles.inactiveDot,
+        inactiveDotScale: 0.6,
+        dotsLength: images.length > 1 ? images.length : 3,
+        activeDotIndex: images.length > 1 ? index : 1,
+        inactiveDotOpacity: images.length > 1 ? 0.5 : 0
+      })]
+    });
+  }, [pagination, images.length, index]);
+  return /*#__PURE__*/_jsx(Animated.View, {
+    style: styles.wrapper,
+    entering: SlideInDown,
+    exiting: SlideOutDown,
+    children: /*#__PURE__*/_jsxs(Animated.View, {
+      entering: FadeIn.stiffness(300),
+      exiting: FadeOut.stiffness(300),
+      style: styles.flex,
+      children: [/*#__PURE__*/_jsx(LinearGradient, {
+        colors: ['rgba(0,0,0,0.9)', 'rgba(0,0,0,0)'],
+        style: [styles.topOverlay],
+        pointerEvents: "box-none",
+        children: /*#__PURE__*/_jsxs(KContainer.View, {
+          style: styles.headerRow,
+          children: [/*#__PURE__*/_jsx(KContainer.Touchable, {
+            style: styles.headerBtn,
+            onPress: dismiss,
+            children: /*#__PURE__*/_jsx(KImage.VectorIcons, {
+              name: "close-o",
+              size: 24,
+              color: KColors.white
+            })
+          }), /*#__PURE__*/_jsx(KContainer.View, {
+            flex: true
+          }), download && /*#__PURE__*/_jsx(KContainer.Touchable, {
+            style: styles.headerBtn,
+            onPress: onDownload,
+            children: /*#__PURE__*/_jsx(KImage.VectorIcons, {
+              name: "download-o",
+              size: 24,
+              color: KColors.white
+            })
+          })]
+        })
+      }), /*#__PURE__*/_jsx(FlatList, {
+        ref: listRef,
+        initialScrollIndex: initIndex >= images?.length ? images?.length - 1 : initIndex,
+        data: images,
+        renderItem: renderItem,
+        keyExtractor: keyEx,
+        pagingEnabled: true,
+        horizontal: true,
+        showsHorizontalScrollIndicator: false,
+        onViewableItemsChanged: onViewableItemsChanged,
+        viewabilityConfig: {
+          itemVisiblePercentThreshold: 50
+        },
+        onScrollToIndexFailed: onScrollToIndexFailed,
+        onMomentumScrollBegin: onMomentumScrollBegin,
+        onMomentumScrollEnd: onMomentumScrollEnd,
+        removeClippedSubviews: true,
+        maxToRenderPerBatch: 2,
+        windowSize: 3,
+        style: styles.flex
+      }), renderFooter]
+    })
+  });
+};
+MediaViewerScreen.displayName = 'Screen.MediaViewer';
+export default MediaViewerScreen;
+const styles = StyleSheet.create({
+  wrapper: {
+    flex: 1,
+    backgroundColor: KColors.black
+  },
+  flex: {
+    flex: 1
+  },
+  img: {
+    width: KDims.width,
+    height: KDims.height
+  },
+  topOverlay: {
+    // position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    zIndex: 100,
+    minHeight: 100,
+    paddingTop: 20
+  },
+  // Figma: Header-First-Row — flex row, padding 8, alignItems center
+  headerRow: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    padding: 8
+  },
+  // Figma: Header-Back — padding 8, borderRadius 128 (fully round)
+  headerBtn: {
+    padding: 8,
+    borderRadius: 128,
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  // Figma: Header-Action-Group — flex row, gap 8, alignItems center
+  actionGroup: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 8
+  },
+  // Figma: Number — absolute, left 50%, top 17, translateX -50%
+  counterWrapper: {
+    position: 'absolute',
+    left: 0,
+    right: 0,
+    top: 17,
+    alignItems: 'center'
+  },
+  counterText: {
+    letterSpacing: 0.14
+  },
+  cartIconStyle: {
+    color: KColors.white
+  },
+  selectToDownloadWrapper: {
+    alignItems: 'center',
+    marginTop: KSpacingValue['0.5rem']
+  },
+  selectToDownloadBtn: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    height: 28,
+    paddingHorizontal: KSpacingValue['0.75rem'],
+    borderRadius: KRadiusValue['2x'],
+    borderWidth: 1,
+    borderColor: KColors.white,
+    gap: KSpacingValue['0.25rem']
+  },
+  selectToDownloadText: {
+    letterSpacing: 0.12
+  },
+  footer: {
+    position: 'absolute',
+    bottom: KDims.bottomSafeHeight > 0 ? KDims.bottomSafeHeight + KSpacingValue['0.5rem'] : KSpacingValue['2rem'],
+    alignSelf: 'center',
+    alignItems: 'center',
+    zIndex: 10
+  },
+  dotContainerStyle: {
+    marginHorizontal: 0
+  },
+  dot: {
+    backgroundColor: KColors.white,
+    width: 8,
+    height: 8,
+    borderRadius: 8,
+    marginHorizontal: 2
+  },
+  inactiveDot: {
+    backgroundColor: KColors.gray.light
+  }
+});
+//# sourceMappingURL=index.js.map

package/lib/module/screens/MediaView/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useEffect","useRef","useState","useMemo","BackHandler","Platform","StyleSheet","FlatList","LinearGradient","Animated","FadeIn","FadeOut","SlideInDown","SlideOutDown","Pagination","PhotoView","KColors","KContainer","KDims","KImage","KLabel","KRadiusValue","KSpacingValue","VideoPlayer","jsx","_jsx","jsxs","_jsxs","MediaViewerScreen","props","images","initIndex","download","pagination","onDismiss","listRef","index","setIndex","isScrolling","setIsScrolling","dismiss","onDownload","OS","sub","addEventListener","remove","onMomentumScrollBegin","onMomentumScrollEnd","onScrollToIndexFailed","info","len","length","wait","Promise","resolve","setTimeout","then","current","scrollToIndex","animated","onViewableItemsChanged","viewableItems","i","keyEx","item","url","renderItem","itemIndex","Touchable","center","activeOpacity","children","VisibleView","visible","isVideo","isActive","showCustomControls","source","uri","minimumZoomScale","maximumZoomScale","scale","androidScaleType","style","styles","img","renderFooter","View","footer","Text","typo","color","white","counterText","dotContainerStyle","dotStyle","dot","inactiveDotStyle","inactiveDot","inactiveDotScale","dotsLength","activeDotIndex","inactiveDotOpacity","wrapper","entering","exiting","stiffness","flex","colors","topOverlay","pointerEvents","headerRow","headerBtn","onPress","VectorIcons","name","size","ref","initialScrollIndex","data","keyExtractor","pagingEnabled","horizontal","showsHorizontalScrollIndicator","viewabilityConfig","itemVisiblePercentThreshold","removeClippedSubviews","maxToRenderPerBatch","windowSize","displayName","create","backgroundColor","black","width","height","top","left","right","zIndex","minHeight","paddingTop","flexDirection","alignItems","padding","borderRadius","justifyContent","actionGroup","gap","counterWrapper","position","letterSpacing","cartIconStyle","selectToDownloadWrapper","marginTop","selectToDownloadBtn","paddingHorizontal","borderWidth","borderColor","selectToDownloadText","bottom","bottomSafeHeight","alignSelf","marginHorizontal","gray","light"],"sourceRoot":"../../../../src","sources":["screens/MediaView/index.tsx"],"mappings":"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","ignoreList":[]}