@amityco/react-native-social-uikit 4.1.0 → 4.1.1-11cdc854.0

package/lib/module/social/components/MediaViewer/MediaViewer.js

@@ -0,0 +1,259 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { FlatList, Image, Modal, PanResponder, Pressable, StyleSheet, Text, TouchableOpacity, useWindowDimensions, View } from 'react-native';
+import Video from 'react-native-video';
+import { SvgXml } from 'react-native-svg';
+import { clearIcon, pauseControlIcon, playControlIcon, soundOnIcon, soundOffIcon } from '../../../core/assets/icons/xml';
+import { useStyles } from './styles';
+const CONTROLS_AUTO_HIDE_MS = 3000;
+function formatTime(seconds) {
+  if (!Number.isFinite(seconds) || seconds < 0) return '0:00';
+  const total = Math.floor(seconds);
+  const mins = Math.floor(total / 60);
+  const secs = total % 60;
+  return `${mins}:${secs.toString().padStart(2, '0')}`;
+}
+export function MediaViewer({
+  visible,
+  items,
+  initialIndex,
+  onClose
+}) {
+  var _items$current;
+  const {
+    styles
+  } = useStyles();
+  const {
+    width
+  } = useWindowDimensions();
+  const listRef = useRef(null);
+  const videoRef = useRef(null);
+  const [current, setCurrent] = useState(initialIndex);
+  // Mute-carry (PDT-4309 / PDT-4312): the first video plays unmuted; each swipe
+  // defaults the next video to muted — until the user unmutes, after which
+  // subsequent videos stay unmuted.
+  const [muted, setMuted] = useState(false);
+  const keepUnmutedRef = useRef(false);
+
+  // --- playback controls (ported from web VideoPlayerControls) ---
+  const [userPaused, setUserPaused] = useState(false);
+  const [progress, setProgress] = useState(0);
+  const [duration, setDuration] = useState(0);
+  const [scrubbing, setScrubbing] = useState(false);
+  const [controlsVisible, setControlsVisible] = useState(true);
+  const [trackWidth, setTrackWidth] = useState(0);
+  const hideTimer = useRef(null);
+  const clearHideTimer = useCallback(() => {
+    if (hideTimer.current) {
+      clearTimeout(hideTimer.current);
+      hideTimer.current = null;
+    }
+  }, []);
+  const scheduleHide = useCallback(() => {
+    clearHideTimer();
+    hideTimer.current = setTimeout(() => setControlsVisible(false), CONTROLS_AUTO_HIDE_MS);
+  }, [clearHideTimer]);
+  const revealControls = useCallback(() => {
+    setControlsVisible(true);
+    scheduleHide();
+  }, [scheduleHide]);
+  const resetPlayback = useCallback(() => {
+    setUserPaused(false);
+    setProgress(0);
+    setDuration(0);
+    setScrubbing(false);
+  }, []);
+  useEffect(() => {
+    if (!visible) {
+      clearHideTimer();
+      return;
+    }
+    setCurrent(initialIndex);
+    setMuted(false);
+    keepUnmutedRef.current = false;
+    resetPlayback();
+    revealControls();
+  }, [visible, initialIndex, resetPlayback, revealControls, clearHideTimer]);
+  const onMomentumScrollEnd = useCallback(e => {
+    if (!width) return;
+    const idx = Math.round(e.nativeEvent.contentOffset.x / width);
+    if (idx !== current) {
+      setCurrent(idx);
+      setMuted(!keepUnmutedRef.current);
+      resetPlayback();
+      revealControls();
+    }
+  }, [width, current, resetPlayback, revealControls]);
+  const toggleMute = useCallback(() => {
+    setMuted(prev => {
+      const next = !prev;
+      keepUnmutedRef.current = !next; // user unmuted -> keep unmuted afterwards
+      return next;
+    });
+    revealControls();
+  }, [revealControls]);
+  const togglePlay = useCallback(() => {
+    setUserPaused(p => !p);
+    revealControls();
+  }, [revealControls]);
+  const onLoad = useCallback(data => {
+    setDuration(data.duration ?? 0);
+  }, []);
+  const onProgress = useCallback(data => {
+    if (!scrubbing) setProgress(data.currentTime);
+  }, [scrubbing]);
+  const seekToX = useCallback(locationX => {
+    if (trackWidth <= 0 || duration <= 0) return;
+    const ratio = Math.max(0, Math.min(1, locationX / trackWidth));
+    setProgress(ratio * duration);
+  }, [trackWidth, duration]);
+
+  // Scrubber: a horizontal drag inside a horizontal pager. We claim the gesture
+  // and disable FlatList scroll while scrubbing so the two don't fight.
+  const panResponder = useMemo(() => PanResponder.create({
+    onStartShouldSetPanResponder: () => true,
+    onMoveShouldSetPanResponder: () => true,
+    onPanResponderGrant: e => {
+      setScrubbing(true);
+      clearHideTimer();
+      setControlsVisible(true);
+      seekToX(e.nativeEvent.locationX);
+    },
+    onPanResponderMove: e => {
+      seekToX(e.nativeEvent.locationX);
+    },
+    onPanResponderRelease: e => {
+      var _videoRef$current;
+      const ratio = trackWidth > 0 ? Math.max(0, Math.min(1, e.nativeEvent.locationX / trackWidth)) : 0;
+      const target = ratio * (duration || 0);
+      (_videoRef$current = videoRef.current) === null || _videoRef$current === void 0 || _videoRef$current.seek(target);
+      setProgress(target);
+      setScrubbing(false);
+      scheduleHide();
+    },
+    onPanResponderTerminate: () => {
+      setScrubbing(false);
+      scheduleHide();
+    }
+  }), [seekToX, clearHideTimer, scheduleHide, trackWidth, duration]);
+  const onTrackLayout = useCallback(e => {
+    setTrackWidth(e.nativeEvent.layout.width);
+  }, []);
+
+  // The control overlay must live INSIDE the page (a descendant of the pager),
+  // so horizontal drags on the tap-target are reclaimed by the FlatList's
+  // native scroll — a container-level sibling overlay would swallow swipes.
+  const renderControls = useCallback(() => {
+    const progressPct = duration > 0 ? Math.max(0, Math.min(1, progress / duration)) : 0;
+    return /*#__PURE__*/React.createElement(View, {
+      style: StyleSheet.absoluteFill,
+      pointerEvents: "box-none"
+    }, /*#__PURE__*/React.createElement(Pressable, {
+      style: StyleSheet.absoluteFill,
+      onPress: () => controlsVisible ? setControlsVisible(false) : revealControls()
+    }), controlsVisible && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
+      style: styles.centerControls,
+      pointerEvents: "box-none"
+    }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+      style: styles.centerBtn,
+      onPress: togglePlay
+    }, /*#__PURE__*/React.createElement(SvgXml, {
+      xml: userPaused ? playControlIcon('#FFFFFF') : pauseControlIcon('#FFFFFF'),
+      width: 24,
+      height: 24
+    }))), /*#__PURE__*/React.createElement(View, {
+      style: styles.controlBar,
+      pointerEvents: "box-none"
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: styles.controlTime
+    }, formatTime(progress), " / ", formatTime(duration)), /*#__PURE__*/React.createElement(View, _extends({
+      style: styles.progressTrack,
+      onLayout: onTrackLayout
+    }, panResponder.panHandlers), /*#__PURE__*/React.createElement(View, {
+      style: styles.progressBg
+    }), /*#__PURE__*/React.createElement(View, {
+      style: [styles.progressFill, {
+        width: `${progressPct * 100}%`
+      }]
+    })))));
+  }, [styles, controlsVisible, setControlsVisible, revealControls, togglePlay, userPaused, progress, duration, onTrackLayout, panResponder]);
+  const renderItem = useCallback(({
+    item,
+    index
+  }) => /*#__PURE__*/React.createElement(View, {
+    style: [styles.page, {
+      width
+    }]
+  }, item.type === 'video' ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
+    style: styles.media,
+    pointerEvents: "none"
+  }, /*#__PURE__*/React.createElement(Video, {
+    ref: index === current ? videoRef : undefined,
+    source: item.videoType ? {
+      uri: item.uri,
+      type: item.videoType
+    } : {
+      uri: item.uri
+    },
+    style: styles.media,
+    resizeMode: "contain",
+    paused: index !== current || !visible || userPaused,
+    muted: muted && index === current,
+    repeat: true,
+    playInBackground: false,
+    playWhenInactive: false,
+    onLoad: index === current ? onLoad : undefined,
+    onProgress: index === current ? onProgress : undefined
+  })), index === current && renderControls()) : /*#__PURE__*/React.createElement(Image, {
+    source: {
+      uri: item.uri
+    },
+    style: styles.media,
+    resizeMode: "contain"
+  })), [styles, width, current, muted, visible, userPaused, onLoad, onProgress, renderControls]);
+  const currentIsVideo = ((_items$current = items[current]) === null || _items$current === void 0 ? void 0 : _items$current.type) === 'video';
+  return /*#__PURE__*/React.createElement(Modal, {
+    visible: visible,
+    transparent: true,
+    animationType: "fade",
+    onRequestClose: () => onClose(current)
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.header
+  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: styles.headerBtn,
+    onPress: () => onClose(current)
+  }, /*#__PURE__*/React.createElement(SvgXml, {
+    xml: clearIcon('white'),
+    width: 28,
+    height: 28
+  })), /*#__PURE__*/React.createElement(Text, {
+    style: styles.counter
+  }, current + 1, "/", items.length), /*#__PURE__*/React.createElement(View, {
+    style: styles.headerBtn__right
+  }, currentIsVideo && /*#__PURE__*/React.createElement(TouchableOpacity, {
+    onPress: toggleMute
+  }, /*#__PURE__*/React.createElement(SvgXml, {
+    xml: muted ? soundOffIcon('#FFFFFF') : soundOnIcon('#FFFFFF'),
+    width: 24,
+    height: 24
+  })))), /*#__PURE__*/React.createElement(FlatList, {
+    ref: listRef,
+    data: items,
+    horizontal: true,
+    pagingEnabled: true,
+    scrollEnabled: !scrubbing,
+    showsHorizontalScrollIndicator: false,
+    keyExtractor: (it, i) => `${it.uri}-${i}`,
+    renderItem: renderItem,
+    getItemLayout: (_, index) => ({
+      length: width,
+      offset: width * index,
+      index
+    }),
+    initialScrollIndex: initialIndex,
+    onMomentumScrollEnd: onMomentumScrollEnd
+  })));
+}
+//# sourceMappingURL=MediaViewer.js.map

package/lib/module/social/components/MediaViewer/MediaViewer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useEffect","useMemo","useRef","useState","FlatList","Image","Modal","PanResponder","Pressable","StyleSheet","Text","TouchableOpacity","useWindowDimensions","View","Video","SvgXml","clearIcon","pauseControlIcon","playControlIcon","soundOnIcon","soundOffIcon","useStyles","CONTROLS_AUTO_HIDE_MS","formatTime","seconds","Number","isFinite","total","Math","floor","mins","secs","toString","padStart","MediaViewer","visible","items","initialIndex","onClose","_items$current","styles","width","listRef","videoRef","current","setCurrent","muted","setMuted","keepUnmutedRef","userPaused","setUserPaused","progress","setProgress","duration","setDuration","scrubbing","setScrubbing","controlsVisible","setControlsVisible","trackWidth","setTrackWidth","hideTimer","clearHideTimer","clearTimeout","scheduleHide","setTimeout","revealControls","resetPlayback","onMomentumScrollEnd","e","idx","round","nativeEvent","contentOffset","x","toggleMute","prev","next","togglePlay","p","onLoad","data","onProgress","currentTime","seekToX","locationX","ratio","max","min","panResponder","create","onStartShouldSetPanResponder","onMoveShouldSetPanResponder","onPanResponderGrant","onPanResponderMove","onPanResponderRelease","_videoRef$current","target","seek","onPanResponderTerminate","onTrackLayout","layout","renderControls","progressPct","React","createElement","style","absoluteFill","pointerEvents","onPress","Fragment","centerControls","centerBtn","xml","height","controlBar","controlTime","_extends","progressTrack","onLayout","panHandlers","progressBg","progressFill","renderItem","item","index","page","type","media","ref","undefined","source","videoType","uri","resizeMode","paused","repeat","playInBackground","playWhenInactive","currentIsVideo","transparent","animationType","onRequestClose","container","header","headerBtn","counter","length","headerBtn__right","horizontal","pagingEnabled","scrollEnabled","showsHorizontalScrollIndicator","keyExtractor","it","i","getItemLayout","_","offset","initialScrollIndex"],"sourceRoot":"../../../../../src","sources":["social/components/MediaViewer/MediaViewer.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/social/components/MediaViewer/index.js

@@ -0,0 +1,2 @@
+export { MediaViewer } from './MediaViewer';
+//# sourceMappingURL=index.js.map

package/lib/module/social/components/MediaViewer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["MediaViewer"],"sourceRoot":"../../../../../src","sources":["social/components/MediaViewer/index.tsx"],"mappings":"AAAA,SAASA,WAAW,QAAQ,eAAe","ignoreList":[]}

package/lib/module/social/components/MediaViewer/styles.js

@@ -0,0 +1,109 @@
+import { StyleSheet } from 'react-native';
+import { useTheme } from 'react-native-paper';
+export const useStyles = () => {
+  const theme = useTheme();
+  const styles = StyleSheet.create({
+    container: {
+      flex: 1,
+      backgroundColor: '#000000'
+    },
+    header: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'space-between',
+      paddingHorizontal: 16,
+      height: 56,
+      zIndex: 2
+    },
+    headerBtn: {
+      minWidth: 44,
+      height: 44,
+      alignItems: 'flex-start',
+      justifyContent: 'center'
+    },
+    headerBtn__right: {
+      minWidth: 44,
+      height: 44,
+      alignItems: 'flex-end',
+      justifyContent: 'center'
+    },
+    counter: {
+      color: '#FFFFFF',
+      fontSize: 14,
+      fontWeight: '600'
+    },
+    muteGlyph: {
+      fontSize: 20
+    },
+    page: {
+      flex: 1,
+      alignItems: 'center',
+      justifyContent: 'center'
+    },
+    media: {
+      width: '100%',
+      height: '100%'
+    },
+    // --- video control bar (ported from web VideoPlayerControls) ---
+    controlBar: {
+      position: 'absolute',
+      left: 0,
+      right: 0,
+      bottom: 0,
+      paddingHorizontal: 16,
+      paddingBottom: 24,
+      paddingTop: 12,
+      zIndex: 3
+    },
+    controlTime: {
+      color: '#FFFFFF',
+      fontSize: 12,
+      fontWeight: '600',
+      marginBottom: 8
+    },
+    progressTrack: {
+      height: 24,
+      justifyContent: 'center'
+    },
+    progressBg: {
+      height: 4,
+      borderRadius: 2,
+      backgroundColor: 'rgba(255, 255, 255, 0.3)'
+    },
+    progressFill: {
+      position: 'absolute',
+      left: 0,
+      height: 4,
+      borderRadius: 2,
+      backgroundColor: '#FFFFFF'
+    },
+    // Centered play/pause + skip row (web .mobileControlsRow: top/left 50%,
+    // translate -50%, gap 2rem).
+    centerControls: {
+      position: 'absolute',
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 0,
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'center'
+    },
+    // Circular translucent-black button (web .playButton/.skipButton: 2.5rem,
+    // border-radius 50%, transparent-black bg). 32px gap between buttons.
+    centerBtn: {
+      width: 40,
+      height: 40,
+      borderRadius: 20,
+      backgroundColor: 'rgba(0, 0, 0, 0.5)',
+      alignItems: 'center',
+      justifyContent: 'center',
+      marginHorizontal: 16
+    }
+  });
+  return {
+    styles,
+    theme
+  };
+};
+//# sourceMappingURL=styles.js.map

package/lib/module/social/components/MediaViewer/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useTheme","useStyles","theme","styles","create","container","flex","backgroundColor","header","flexDirection","alignItems","justifyContent","paddingHorizontal","height","zIndex","headerBtn","minWidth","headerBtn__right","counter","color","fontSize","fontWeight","muteGlyph","page","media","width","controlBar","position","left","right","bottom","paddingBottom","paddingTop","controlTime","marginBottom","progressTrack","progressBg","borderRadius","progressFill","centerControls","top","centerBtn","marginHorizontal"],"sourceRoot":"../../../../../src","sources":["social/components/MediaViewer/styles.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,oBAAoB;AAG7C,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,KAAK,GAAGF,QAAQ,CAAa,CAAC;EAEpC,MAAMG,MAAM,GAAGJ,UAAU,CAACK,MAAM,CAAC;IAC/BC,SAAS,EAAE;MACTC,IAAI,EAAE,CAAC;MACPC,eAAe,EAAE;IACnB,CAAC;IACDC,MAAM,EAAE;MACNC,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,eAAe;MAC/BC,iBAAiB,EAAE,EAAE;MACrBC,MAAM,EAAE,EAAE;MACVC,MAAM,EAAE;IACV,CAAC;IACDC,SAAS,EAAE;MACTC,QAAQ,EAAE,EAAE;MACZH,MAAM,EAAE,EAAE;MACVH,UAAU,EAAE,YAAY;MACxBC,cAAc,EAAE;IAClB,CAAC;IACDM,gBAAgB,EAAE;MAChBD,QAAQ,EAAE,EAAE;MACZH,MAAM,EAAE,EAAE;MACVH,UAAU,EAAE,UAAU;MACtBC,cAAc,EAAE;IAClB,CAAC;IACDO,OAAO,EAAE;MACPC,KAAK,EAAE,SAAS;MAChBC,QAAQ,EAAE,EAAE;MACZC,UAAU,EAAE;IACd,CAAC;IACDC,SAAS,EAAE;MACTF,QAAQ,EAAE;IACZ,CAAC;IACDG,IAAI,EAAE;MACJjB,IAAI,EAAE,CAAC;MACPI,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE;IAClB,CAAC;IACDa,KAAK,EAAE;MACLC,KAAK,EAAE,MAAM;MACbZ,MAAM,EAAE;IACV,CAAC;IACD;IACAa,UAAU,EAAE;MACVC,QAAQ,EAAE,UAAU;MACpBC,IAAI,EAAE,CAAC;MACPC,KAAK,EAAE,CAAC;MACRC,MAAM,EAAE,CAAC;MACTlB,iBAAiB,EAAE,EAAE;MACrBmB,aAAa,EAAE,EAAE;MACjBC,UAAU,EAAE,EAAE;MACdlB,MAAM,EAAE;IACV,CAAC;IACDmB,WAAW,EAAE;MACXd,KAAK,EAAE,SAAS;MAChBC,QAAQ,EAAE,EAAE;MACZC,UAAU,EAAE,KAAK;MACjBa,YAAY,EAAE;IAChB,CAAC;IACDC,aAAa,EAAE;MACbtB,MAAM,EAAE,EAAE;MACVF,cAAc,EAAE;IAClB,CAAC;IACDyB,UAAU,EAAE;MACVvB,MAAM,EAAE,CAAC;MACTwB,YAAY,EAAE,CAAC;MACf9B,eAAe,EAAE;IACnB,CAAC;IACD+B,YAAY,EAAE;MACZX,QAAQ,EAAE,UAAU;MACpBC,IAAI,EAAE,CAAC;MACPf,MAAM,EAAE,CAAC;MACTwB,YAAY,EAAE,CAAC;MACf9B,eAAe,EAAE;IACnB,CAAC;IACD;IACA;IACAgC,cAAc,EAAE;MACdZ,QAAQ,EAAE,UAAU;MACpBa,GAAG,EAAE,CAAC;MACNZ,IAAI,EAAE,CAAC;MACPC,KAAK,EAAE,CAAC;MACRC,MAAM,EAAE,CAAC;MACTrB,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE;IAClB,CAAC;IACD;IACA;IACA8B,SAAS,EAAE;MACThB,KAAK,EAAE,EAAE;MACTZ,MAAM,EAAE,EAAE;MACVwB,YAAY,EAAE,EAAE;MAChB9B,eAAe,EAAE,oBAAoB;MACrCG,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,QAAQ;MACxB+B,gBAAgB,EAAE;IACpB;EACF,CAAC,CAAC;EAEF,OAAO;IAAEvC,MAAM;IAAED;EAAM,CAAC;AAC1B,CAAC","ignoreList":[]}