@amityco/react-native-social-uikit 4.1.1-fdf83f6b.0 → 4.2.0

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

@@ -1,9 +1,10 @@
-import { useCallback, useEffect, useState } from 'react';
+import { useCallback, useEffect, useRef, useState } from 'react';
+import NetInfo from '@react-native-community/netinfo';
 import { View, TouchableOpacity, Platform, Image } from 'react-native';
 import * as Progress from 'react-native-progress';
 import { SvgXml } from 'react-native-svg';
 import { deleteAmityFile, uploadVideoFile } from '../../../core/legacy/file';
-import { closeIcon, playBtn, toastIcon } from '../../../core/assets/icons/xml';
+import { mediaRemoveIcon, playBtn, toastIcon, videoControlIcon } from '../../../core/assets/icons/xml';
 import { useStyles } from './styles';
 import Video from 'react-native-video';
 import { useNavigation } from '@react-navigation/native';
@@ -17,13 +18,15 @@ const LoadingVideo = ({
   onLoadFinish,
   onUploadError,
   isUploaded = false,
+  displayUri,
   thumbNail,
   onPlay,
   fileId,
   isEditMode = false,
   fileCount,
   postId,
-  setIsUploading
+  onUploadingChange,
+  carousel = false
 }) => {
   const dispatch = useUIKitDispatch();
   const {
@@ -34,6 +37,10 @@ const LoadingVideo = ({
   const [isProcess, setIsProcess] = useState(false);
   const [isUploadError, setIsUploadError] = useState(false);
   const [thumbNailImage, setThumbNailImage] = useState(thumbNail ?? '');
+  // `uploadFileToAmity` is memoised on [source] only, so reading the state
+  // there would capture the empty first-render value. Mirror it into a ref so
+  // the upload callback always sees the frame that was actually decoded.
+  const thumbNailImageRef = useRef(thumbNail ?? '');
   const styles = useStyles();
   const [playingUri, setPlayingUri] = useState('');
   const [isPause, setIsPause] = useState(true);
@@ -54,10 +61,11 @@ const LoadingVideo = ({
   };
   const handleLoadEnd = () => {
     setLoading(false);
-    setIsUploading(false);
+    onUploadingChange === null || onUploadingChange === void 0 || onUploadingChange(false, source);
   };
   const processThumbNail = async () => {
-    const generatedThumbNail = await createVideoThumbnail(source);
+    const generatedThumbNail = await createVideoThumbnail(displayUri ?? source);
+    thumbNailImageRef.current = generatedThumbNail.path;
     setThumbNailImage(generatedThumbNail.path);
   };
   useEffect(() => {
@@ -69,8 +77,25 @@ const LoadingVideo = ({
     }
   }, [progress]);
   const uploadFileToAmity = useCallback(async () => {
-    setIsUploading(true);
+    onUploadingChange === null || onUploadingChange === void 0 || onUploadingChange(true, source);
     setIsUploadError(false);
+    // A retry re-enters this function with `loading` already false — the failed
+    // attempt's `handleLoadEnd` cleared it and nothing ever set it back, so
+    // `setLoading` only ever ran downwards in this component. The frame then
+    // re-uploaded with no spinner at all, which reads as "finished instantly"
+    // while Post stays disabled for the length of the upload.
+    // Progress and the processing flag are stale from the failed attempt too,
+    // so reset the whole visual upload state here rather than only in the
+    // mount effect, which does not re-run on a retry.
+    setLoading(true);
+    setProgress(0);
+    setIsProcess(false);
+    // Clearing the local flag alone left this source inside the parent's
+    // `videoErrors` set, and that set is otherwise only cleared by the
+    // mount effect below — which does not re-run on a retry, since none of
+    // `fileId`/`isUploaded`/`source` changed. Post stayed disabled even after
+    // the retry uploaded fine, so tell the parent the error is gone up front.
+    onUploadError === null || onUploadError === void 0 || onUploadError(false, source);
     try {
       const file = await uploadVideoFile(source, percent => {
         setProgress(percent);
@@ -79,7 +104,13 @@ const LoadingVideo = ({
         var _file$, _file$2, _file$3;
         setIsProcess(false);
         handleLoadEnd();
-        onLoadFinish && onLoadFinish((_file$ = file[0]) === null || _file$ === void 0 ? void 0 : _file$.fileId, (_file$2 = file[0]) === null || _file$2 === void 0 ? void 0 : _file$2.fileUrl, (_file$3 = file[0]) === null || _file$3 === void 0 ? void 0 : _file$3.attributes.name, index, source, thumbNail);
+        onLoadFinish && onLoadFinish((_file$ = file[0]) === null || _file$ === void 0 ? void 0 : _file$.fileId, (_file$2 = file[0]) === null || _file$2 === void 0 ? void 0 : _file$2.fileUrl, (_file$3 = file[0]) === null || _file$3 === void 0 ? void 0 : _file$3.attributes.name, index, source,
+        // Hand back the frame this component decoded, not the incoming
+        // prop — for a newly picked video that prop is empty, so the
+        // generated thumbnail used to be dropped on the floor. The
+        // composer stores it so the feed can show it while the server is
+        // still transcoding (PDT-4904).
+        thumbNailImageRef.current || thumbNail);
       } else {
         handleLoadEnd();
         dispatch(showToastMessage({
@@ -99,6 +130,30 @@ const LoadingVideo = ({
       onUploadError === null || onUploadError === void 0 || onUploadError(true, source);
     }
   }, [source]);
+
+  // The frame is expected to end up uploaded, and Post enabled, once
+  // connectivity returns. Nothing retried on its own —
+  // the error key only cleared on a manual tap on that specific frame, and the
+  // peek carousel can leave a failed frame off-screen entirely, so Post stayed
+  // disabled with no visible cause. Retry when the device regains a
+  // connection, using the same NetInfo listener idiom as post Detail and the
+  // livestream screens.
+  //
+  // Gated on a disconnected -> connected transition, not merely on being
+  // connected: addEventListener fires immediately with the current state, so a
+  // failure that happened while online (a server error, say) would otherwise
+  // re-fire on every resubscribe and spin.
+  const wasDisconnectedRef = useRef(false);
+  useEffect(() => {
+    const unsubscribe = NetInfo.addEventListener(state => {
+      const isConnected = !!state.isConnected;
+      if (isConnected && wasDisconnectedRef.current && isUploadError) {
+        uploadFileToAmity();
+      }
+      wasDisconnectedRef.current = !isConnected;
+    });
+    return () => unsubscribe();
+  }, [isUploadError, uploadFileToAmity]);
   const handleDelete = async () => {
     if (fileId && !isEditMode) {
       await deleteAmityFile(fileId);
@@ -117,22 +172,41 @@ const LoadingVideo = ({
     }
   }, [fileId, isUploaded, source]);
   const handleOnPlay = () => {
+    // In carousel mode the parent (onPlay) owns the full-screen media viewer,
+    // so this component never mounts the inline <Video> and never receives a
+    // dismiss callback to unpause with. Leaving `isPause` alone keeps the play
+    // icon rendered, which is what the frame shows once the viewer closes
+    // (PDT-4904); toggling it here hid the icon for the rest of the session.
+    if (onPlay) {
+      onPlay(source);
+      return;
+    }
     setIsPause(!isPause);
     playVideoFullScreen(source);
-    onPlay && onPlay(source);
   };
+
+  // A frame can be removed (or its source swapped) while its upload is still
+  // in flight, in which case `handleLoadEnd` never runs and the composer would
+  // keep waiting on an entry no mounted child owns any more — leaving Post
+  // disabled forever. Clearing it from this cleanup keeps the
+  // bookkeeping in the same component that added it.
+  useEffect(() => {
+    return () => {
+      onUploadingChange === null || onUploadingChange === void 0 || onUploadingChange(false, source);
+    };
+  }, [onUploadingChange, source]);
   const onRetryUpload = () => {
     uploadFileToAmity();
   };
   return /*#__PURE__*/React.createElement(View, {
-    style: fileCount >= 3 ? styles.image3XContainer : styles.container
+    style: carousel ? styles.carouselContainer : fileCount >= 3 ? styles.image3XContainer : styles.container
   }, !loading && !isUploadError && isPause && /*#__PURE__*/React.createElement(TouchableOpacity, {
     style: styles.playButton,
     onPress: handleOnPlay
   }, /*#__PURE__*/React.createElement(SvgXml, {
-    xml: playBtn,
-    width: "50",
-    height: "50"
+    xml: carousel ? videoControlIcon : playBtn,
+    width: carousel ? 40 : 50,
+    height: carousel ? 40 : 50
   })), playingUri && !isPause ? /*#__PURE__*/React.createElement(Video, {
     controls: true,
     style: styles.image,
@@ -149,7 +223,7 @@ const LoadingVideo = ({
     style: [styles.image, loading ? styles.loadingImage : styles.loadedImage]
   }) : /*#__PURE__*/React.createElement(View, {
     style: styles.image
-  }), loading ? /*#__PURE__*/React.createElement(View, {
+  }), loading && /*#__PURE__*/React.createElement(View, {
     style: styles.overlay
   }, isProcess ? /*#__PURE__*/React.createElement(Progress.CircleSnail, {
     size: 24,
@@ -161,21 +235,27 @@ const LoadingVideo = ({
     borderColor: "transparent",
     unfilledColor: "#ffffff",
     thickness: 2
-  })) : isUploadError ? /*#__PURE__*/React.createElement(TouchableOpacity, {
+  })), !loading && isUploadError && /*#__PURE__*/React.createElement(TouchableOpacity, {
     style: styles.overlay,
     onPress: onRetryUpload
   }, /*#__PURE__*/React.createElement(SvgXml, {
     xml: toastIcon(),
     width: "24",
     height: "24"
-  })) : /*#__PURE__*/React.createElement(TouchableOpacity, {
-    style: styles.closeButton,
+  })), /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: styles.closeButton
+    // The button matches web at 28dp, which is still under Apple's 44pt
+    // minimum touch target. Grow the touch area rather than the black
+    // disc, so the visual stays in parity while the frame stays tappable:
+    // 28 + 8 on each side lands exactly on 44.
+    ,
+    hitSlop: 8,
     disabled: (loading || isProcess) && !isUploadError,
     onPress: handleDelete
   }, /*#__PURE__*/React.createElement(SvgXml, {
-    xml: closeIcon('white'),
-    width: "12",
-    height: "12"
+    xml: mediaRemoveIcon(),
+    width: "20",
+    height: "20"
   })));
 };
 export default LoadingVideo;

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

@@ -1 +1 @@
-{"version":3,"names":["useCallback","useEffect","useState","View","TouchableOpacity","Platform","Image","Progress","SvgXml","deleteAmityFile","uploadVideoFile","closeIcon","playBtn","toastIcon","useStyles","Video","useNavigation","uiSlice","createVideoThumbnail","useUIKitDispatch","LoadingVideo","source","onClose","index","onLoadFinish","onUploadError","isUploaded","thumbNail","onPlay","fileId","isEditMode","fileCount","postId","setIsUploading","dispatch","showToastMessage","actions","loading","setLoading","progress","setProgress","isProcess","setIsProcess","isUploadError","setIsUploadError","thumbNailImage","setThumbNailImage","styles","playingUri","setPlayingUri","isPause","setIsPause","navigation","playVideoFullScreen","fileUrl","OS","navigate","onClosePlayer","handleLoadEnd","processThumbNail","generatedThumbNail","path","uploadFileToAmity","file","percent","_file$","_file$2","_file$3","attributes","name","toastMessage","error","handleDelete","handleOnPlay","onRetryUpload","React","createElement","style","image3XContainer","container","playButton","onPress","xml","width","height","controls","image","uri","onFullscreenPlayerWillDismiss","paused","resizeMode","loadingImage","loadedImage","overlay","CircleSnail","size","borderColor","thickness","Circle","unfilledColor","closeButton","disabled"],"sourceRoot":"../../../../../src","sources":["social/components/LoadingVideo/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useCallback","useEffect","useRef","useState","NetInfo","View","TouchableOpacity","Platform","Image","Progress","SvgXml","deleteAmityFile","uploadVideoFile","mediaRemoveIcon","playBtn","toastIcon","videoControlIcon","useStyles","Video","useNavigation","uiSlice","createVideoThumbnail","useUIKitDispatch","LoadingVideo","source","onClose","index","onLoadFinish","onUploadError","isUploaded","displayUri","thumbNail","onPlay","fileId","isEditMode","fileCount","postId","onUploadingChange","carousel","dispatch","showToastMessage","actions","loading","setLoading","progress","setProgress","isProcess","setIsProcess","isUploadError","setIsUploadError","thumbNailImage","setThumbNailImage","thumbNailImageRef","styles","playingUri","setPlayingUri","isPause","setIsPause","navigation","playVideoFullScreen","fileUrl","OS","navigate","onClosePlayer","handleLoadEnd","processThumbNail","generatedThumbNail","current","path","uploadFileToAmity","file","percent","_file$","_file$2","_file$3","attributes","name","toastMessage","error","wasDisconnectedRef","unsubscribe","addEventListener","state","isConnected","handleDelete","handleOnPlay","onRetryUpload","React","createElement","style","carouselContainer","image3XContainer","container","playButton","onPress","xml","width","height","controls","image","uri","onFullscreenPlayerWillDismiss","paused","resizeMode","loadingImage","loadedImage","overlay","CircleSnail","size","borderColor","thickness","Circle","unfilledColor","closeButton","hitSlop","disabled"],"sourceRoot":"../../../../../src","sources":["social/components/LoadingVideo/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -14,6 +14,10 @@ export const useStyles = () => {
       height: width / 3 - 16,
       margin: 3
     },
+    carouselContainer: {
+      width: '100%',
+      height: '100%'
+    },
     image: {
       width: '100%',
       height: '100%',
@@ -42,11 +46,20 @@ export const useStyles = () => {
     },
     closeButton: {
       position: 'absolute',
-      top: 7,
-      right: 7,
-      padding: 7,
-      backgroundColor: 'rgba(255, 255, 255, 0.4)',
-      borderRadius: 72
+      // Matched to the web UIKit's remove button, which is 20px of icon inside
+      // 4px of padding at an 8px offset. The old 12/7 pair came to nearly the
+      // same 26dp outer size but filled only 46% of the circle with the glyph
+      // against web's 71%, so it read as a heavy black disc with a tiny cross
+      // in it.
+      top: 8,
+      right: 8,
+      padding: 4,
+      // Matches LoadingImage exactly: the icon is closeIcon('white') in both,
+      // so the white scrim this used to carry left a white-on-white button
+      // that all but disappeared over a light frame.
+      backgroundColor: 'rgba(0, 0, 0, 0.4)',
+      borderRadius: 72,
+      zIndex: 10
     },
     playButton: {
       width: 100,

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

@@ -1 +1 @@
-{"version":3,"names":["useWindowDimensions","StyleSheet","useStyles","width","create","container","flex","height","margin","image3XContainer","image","resizeMode","borderRadius","backgroundColor","overlay","position","top","left","transform","translateX","translateY","progressBar","marginVertical","loadingImage","opacity","loadedImage","closeButton","right","padding","playButton","zIndex"],"sourceRoot":"../../../../../src","sources":["social/components/LoadingVideo/styles.ts"],"mappings":"AAAA,SAASA,mBAAmB,EAAEC,UAAU,QAAQ,cAAc;AAE9D,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAM;IAAEC;EAAM,CAAC,GAAGH,mBAAmB,CAAC,CAAC;EACvC,OAAOC,UAAU,CAACG,MAAM,CAAC;IACvBC,SAAS,EAAE;MACTC,IAAI,EAAE,CAAC;MACPC,MAAM,EAAEJ,KAAK,GAAG,EAAE;MAClBK,MAAM,EAAE;IACV,CAAC;IACDC,gBAAgB,EAAE;MAChBN,KAAK,EAAEA,KAAK,GAAG,CAAC,GAAG,EAAE;MACrBI,MAAM,EAAEJ,KAAK,GAAG,CAAC,GAAG,EAAE;MACtBK,MAAM,EAAE;IACV,CAAC;IACDE,KAAK,EAAE;MACLP,KAAK,EAAE,MAAM;MACbI,MAAM,EAAE,MAAM;MACdI,UAAU,EAAE,OAAO;MACnBC,YAAY,EAAE,CAAC;MACfC,eAAe,EAAE;IACnB,CAAC;IACDC,OAAO,EAAE;MACPC,QAAQ,EAAE,UAAU;MACpBC,GAAG,EAAE,KAAK;MACVC,IAAI,EAAE,KAAK;MACXC,SAAS,EAAE,CAAC;QAAEC,UAAU,EAAE,CAAC;MAAG,CAAC,EAAE;QAAEC,UAAU,EAAE,CAAC;MAAG,CAAC;IACtD,CAAC;IACDC,WAAW,EAAE;MACXC,cAAc,EAAE;IAClB,CAAC;IACDC,YAAY,EAAE;MACZC,OAAO,EAAE;IACX,CAAC;IACDC,WAAW,EAAE;MACXD,OAAO,EAAE;IACX,CAAC;IACDE,WAAW,EAAE;MACXX,QAAQ,EAAE,UAAU;MACpBC,GAAG,EAAE,CAAC;MACNW,KAAK,EAAE,CAAC;MACRC,OAAO,EAAE,CAAC;MACVf,eAAe,EAAE,0BAA0B;MAC3CD,YAAY,EAAE;IAChB,CAAC;IACDiB,UAAU,EAAE;MACV1B,KAAK,EAAE,GAAG;MACVI,MAAM,EAAE,GAAG;MACXK,YAAY,EAAE,EAAE;MAChBG,QAAQ,EAAE,UAAU;MACpBC,GAAG,EAAE,KAAK;MACVC,IAAI,EAAE,KAAK;MACXC,SAAS,EAAE,CAAC;QAAEC,UAAU,EAAE,CAAC;MAAG,CAAC,EAAE;QAAEC,UAAU,EAAE,CAAC;MAAG,CAAC,CAAC;MACrDU,MAAM,EAAE;IACV;EACF,CAAC,CAAC;AACJ,CAAC","ignoreList":[]}
+{"version":3,"names":["useWindowDimensions","StyleSheet","useStyles","width","create","container","flex","height","margin","image3XContainer","carouselContainer","image","resizeMode","borderRadius","backgroundColor","overlay","position","top","left","transform","translateX","translateY","progressBar","marginVertical","loadingImage","opacity","loadedImage","closeButton","right","padding","zIndex","playButton"],"sourceRoot":"../../../../../src","sources":["social/components/LoadingVideo/styles.ts"],"mappings":"AAAA,SAASA,mBAAmB,EAAEC,UAAU,QAAQ,cAAc;AAE9D,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAM;IAAEC;EAAM,CAAC,GAAGH,mBAAmB,CAAC,CAAC;EACvC,OAAOC,UAAU,CAACG,MAAM,CAAC;IACvBC,SAAS,EAAE;MACTC,IAAI,EAAE,CAAC;MACPC,MAAM,EAAEJ,KAAK,GAAG,EAAE;MAClBK,MAAM,EAAE;IACV,CAAC;IACDC,gBAAgB,EAAE;MAChBN,KAAK,EAAEA,KAAK,GAAG,CAAC,GAAG,EAAE;MACrBI,MAAM,EAAEJ,KAAK,GAAG,CAAC,GAAG,EAAE;MACtBK,MAAM,EAAE;IACV,CAAC;IACDE,iBAAiB,EAAE;MACjBP,KAAK,EAAE,MAAM;MACbI,MAAM,EAAE;IACV,CAAC;IACDI,KAAK,EAAE;MACLR,KAAK,EAAE,MAAM;MACbI,MAAM,EAAE,MAAM;MACdK,UAAU,EAAE,OAAO;MACnBC,YAAY,EAAE,CAAC;MACfC,eAAe,EAAE;IACnB,CAAC;IACDC,OAAO,EAAE;MACPC,QAAQ,EAAE,UAAU;MACpBC,GAAG,EAAE,KAAK;MACVC,IAAI,EAAE,KAAK;MACXC,SAAS,EAAE,CAAC;QAAEC,UAAU,EAAE,CAAC;MAAG,CAAC,EAAE;QAAEC,UAAU,EAAE,CAAC;MAAG,CAAC;IACtD,CAAC;IACDC,WAAW,EAAE;MACXC,cAAc,EAAE;IAClB,CAAC;IACDC,YAAY,EAAE;MACZC,OAAO,EAAE;IACX,CAAC;IACDC,WAAW,EAAE;MACXD,OAAO,EAAE;IACX,CAAC;IACDE,WAAW,EAAE;MACXX,QAAQ,EAAE,UAAU;MACpB;MACA;MACA;MACA;MACA;MACAC,GAAG,EAAE,CAAC;MACNW,KAAK,EAAE,CAAC;MACRC,OAAO,EAAE,CAAC;MACV;MACA;MACA;MACAf,eAAe,EAAE,oBAAoB;MACrCD,YAAY,EAAE,EAAE;MAChBiB,MAAM,EAAE;IACV,CAAC;IACDC,UAAU,EAAE;MACV5B,KAAK,EAAE,GAAG;MACVI,MAAM,EAAE,GAAG;MACXM,YAAY,EAAE,EAAE;MAChBG,QAAQ,EAAE,UAAU;MACpBC,GAAG,EAAE,KAAK;MACVC,IAAI,EAAE,KAAK;MACXC,SAAS,EAAE,CAAC;QAAEC,UAAU,EAAE,CAAC;MAAG,CAAC,EAAE;QAAEC,UAAU,EAAE,CAAC;MAAG,CAAC,CAAC;MACrDS,MAAM,EAAE;IACV;EACF,CAAC,CAAC;AACJ,CAAC","ignoreList":[]}

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);
+  // The sound setting belongs to the viewing session, not to one frame: the
+  // first video opens unmuted and swiping carries whatever the viewer last
+  // chose. Re-defaulting each new frame to muted meant a swipe silenced a
+  // session the viewer never muted, since opening unmuted is a default rather
+  // than an explicit choice.
+  const [muted, setMuted] = useState(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);
+    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);
+      resetPlayback();
+      revealControls();
+    }
+  }, [width, current, resetPlayback, revealControls]);
+  const toggleMute = useCallback(() => {
+    setMuted(prev => !prev);
+    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
+    // Only the frame on screen may be audible. `paused` alone is
+    // not a reliable gag on an off-screen native player, so an
+    // unmuted session must not leave a neighbouring frame able to
+    // emit sound.
+    ,
+    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","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","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.map

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