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

package/lib/module/social/features/chat/features/shared/components/SelectedMember/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SelectedMember"],"sourceRoot":"../../../../../../../../../src","sources":["social/features/chat/features/shared/components/SelectedMember/index.ts"],"mappings":"AAAA,SAASA,cAAc,QAAQ,kBAAkB","ignoreList":[]}

package/lib/module/social/features/chat/features/shared/components/SelectedMember/styles.js

@@ -0,0 +1,40 @@
+import { StyleSheet } from 'react-native';
+import { useToken } from '../../../../../../../core/design/theme/useToken';
+import { AmityColorToken } from '../../../../../../../core/design/tokens/amity-color-tokens';
+
+// Geometry ported from AmityUiKitWeb SelectedMember.module.css (rem -> px, x16):
+// tile width 4rem=64, column gap 0.25rem=4; avatar wrapper 2.5rem=40; name max
+// width 4rem=64. Remove button pinned top-right — its 16px container + transparent
+// surface come from the Button.Icon atom (transparent/primary/16); this style is
+// positioning only (web .selectedMember__removeButton: absolute, top 0, right 0).
+export const useStyles = () => {
+  const token = useToken();
+  const styles = StyleSheet.create({
+    container: {
+      flexShrink: 0,
+      alignItems: 'center',
+      gap: 4,
+      width: 64
+    },
+    avatarWrapper: {
+      position: 'relative',
+      width: 40,
+      height: 40
+    },
+    removeButton: {
+      position: 'absolute',
+      top: 0,
+      right: 0
+    },
+    name: {
+      maxWidth: 64,
+      textAlign: 'center',
+      color: token(AmityColorToken.TextAvatarLabelDefault)
+    }
+  });
+  return {
+    styles,
+    token
+  };
+};
+//# sourceMappingURL=styles.js.map

package/lib/module/social/features/chat/features/shared/components/SelectedMember/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useToken","AmityColorToken","useStyles","token","styles","create","container","flexShrink","alignItems","gap","width","avatarWrapper","position","height","removeButton","top","right","name","maxWidth","textAlign","color","TextAvatarLabelDefault"],"sourceRoot":"../../../../../../../../../src","sources":["social/features/chat/features/shared/components/SelectedMember/styles.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,iDAAiD;AAC1E,SAASC,eAAe,QAAQ,4DAA4D;;AAE5F;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,KAAK,GAAGH,QAAQ,CAAC,CAAC;EAExB,MAAMI,MAAM,GAAGL,UAAU,CAACM,MAAM,CAAC;IAC/BC,SAAS,EAAE;MACTC,UAAU,EAAE,CAAC;MACbC,UAAU,EAAE,QAAQ;MACpBC,GAAG,EAAE,CAAC;MACNC,KAAK,EAAE;IACT,CAAC;IACDC,aAAa,EAAE;MACbC,QAAQ,EAAE,UAAU;MACpBF,KAAK,EAAE,EAAE;MACTG,MAAM,EAAE;IACV,CAAC;IACDC,YAAY,EAAE;MACZF,QAAQ,EAAE,UAAU;MACpBG,GAAG,EAAE,CAAC;MACNC,KAAK,EAAE;IACT,CAAC;IACDC,IAAI,EAAE;MACJC,QAAQ,EAAE,EAAE;MACZC,SAAS,EAAE,QAAQ;MACnBC,KAAK,EAAEjB,KAAK,CAACF,eAAe,CAACoB,sBAAsB;IACrD;EACF,CAAC,CAAC;EAEF,OAAO;IAAEjB,MAAM;IAAED;EAAM,CAAC;AAC1B,CAAC","ignoreList":[]}

package/lib/module/social/features/chat/features/shared/components/VideoPlayer/VideoPlayer.js

@@ -0,0 +1,170 @@
+// VideoPlayer — ported from AmityUiKitWeb chat/features/shared/components/VideoPlayer.
+// Resolves the message's video fileId to its raw playable URL, then plays it inside the
+// shared MediaViewer shell (close / delete / save chrome). Replaces react-native-video's
+// NATIVE controls with a custom dark control overlay ported from the web SOCIAL player's
+// MOBILE layout (VideoControls): tap the video to toggle controls, which auto-hide after
+// 1s while playing; a header mute toggle, a centre play/pause + ±10s skip row, and a
+// draggable bottom scrubber. Playback is driven from react-native-video callbacks + ref.
+
+// 1. React / RN imports
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { Pressable, StyleSheet, View } from 'react-native';
+
+// 2. Third-party imports
+import Video from 'react-native-video';
+
+// 3. Internal imports
+import { MediaViewer } from '../MediaViewer';
+import { useVideoFileUrl } from '../../../../hooks/useVideoFileUrl';
+import { VideoControls } from './components/VideoControls';
+import { useStyles } from './styles';
+
+// Ported from AmityUiKitWeb src/v4/social/constants (VIDEO_CONTROLS_AUTO_HIDE_MS).
+const VIDEO_CONTROLS_AUTO_HIDE_MS = 1000;
+const SKIP_SECONDS = 10;
+
+// 4. Types
+
+// 5. Named function component
+export function VideoPlayer({
+  message,
+  onClose,
+  isOwn = false,
+  onDelete
+}) {
+  var _message$data;
+  const {
+    styles
+  } = useStyles();
+  const fileId = (_message$data = message.data) === null || _message$data === void 0 ? void 0 : _message$data.fileId;
+  const src = useVideoFileUrl(fileId);
+  const videoRef = useRef(null);
+  const hideTimerRef = useRef(null);
+  const wasPlayingBeforeScrubRef = useRef(false);
+  const [paused, setPaused] = useState(false);
+  const [muted, setMuted] = useState(false);
+  const [duration, setDuration] = useState(0);
+  const [currentTime, setCurrentTime] = useState(0);
+  const [controlsVisible, setControlsVisible] = useState(true);
+  const [isScrubbing, setIsScrubbing] = useState(false);
+  const clearHideTimer = useCallback(() => {
+    if (hideTimerRef.current) {
+      clearTimeout(hideTimerRef.current);
+      hideTimerRef.current = null;
+    }
+  }, []);
+  const scheduleHide = useCallback(() => {
+    clearHideTimer();
+    hideTimerRef.current = setTimeout(() => {
+      setControlsVisible(false);
+    }, VIDEO_CONTROLS_AUTO_HIDE_MS);
+  }, [clearHideTimer]);
+
+  // Mirror web: while playing, arm the auto-hide; when paused, keep controls shown.
+  useEffect(() => {
+    if (paused) {
+      setControlsVisible(true);
+      clearHideTimer();
+    } else {
+      scheduleHide();
+    }
+  }, [paused, scheduleHide, clearHideTimer]);
+  useEffect(() => clearHideTimer, [clearHideTimer]);
+  const handleTapArea = useCallback(() => {
+    setControlsVisible(prev => {
+      const next = !prev;
+      if (next && !paused) {
+        scheduleHide();
+      } else {
+        clearHideTimer();
+      }
+      return next;
+    });
+  }, [paused, scheduleHide, clearHideTimer]);
+  const handleTogglePlay = useCallback(() => {
+    if (paused && duration > 0 && currentTime >= duration - 0.25) {
+      var _videoRef$current;
+      // Replay from the start when resuming after the video ended.
+      (_videoRef$current = videoRef.current) === null || _videoRef$current === void 0 || _videoRef$current.seek(0);
+      setCurrentTime(0);
+    }
+    setPaused(prev => !prev);
+  }, [paused, duration, currentTime]);
+  const handleToggleMute = useCallback(() => {
+    setMuted(prev => !prev);
+  }, []);
+  const seekTo = useCallback(seconds => {
+    var _videoRef$current2;
+    const clamped = Math.max(0, duration > 0 ? Math.min(duration, seconds) : seconds);
+    (_videoRef$current2 = videoRef.current) === null || _videoRef$current2 === void 0 || _videoRef$current2.seek(clamped);
+    setCurrentTime(clamped);
+    if (!paused) scheduleHide();
+  }, [duration, paused, scheduleHide]);
+  const handleSkipBackward = useCallback(() => {
+    seekTo(currentTime - SKIP_SECONDS);
+  }, [currentTime, seekTo]);
+  const handleSkipForward = useCallback(() => {
+    seekTo(currentTime + SKIP_SECONDS);
+  }, [currentTime, seekTo]);
+  const handleScrubStart = useCallback(() => {
+    wasPlayingBeforeScrubRef.current = !paused;
+    setIsScrubbing(true);
+    clearHideTimer();
+    if (!paused) setPaused(true);
+  }, [paused, clearHideTimer]);
+  const handleScrubEnd = useCallback(seconds => {
+    var _videoRef$current3;
+    const clamped = Math.max(0, duration > 0 ? Math.min(duration, seconds) : seconds);
+    (_videoRef$current3 = videoRef.current) === null || _videoRef$current3 === void 0 || _videoRef$current3.seek(clamped);
+    setCurrentTime(clamped);
+    setIsScrubbing(false);
+    if (wasPlayingBeforeScrubRef.current) setPaused(false);
+  }, [duration]);
+  return /*#__PURE__*/React.createElement(MediaViewer, {
+    accessibilityLabel: "Video player",
+    onClose: onClose,
+    isOwn: isOwn,
+    onDelete: onDelete
+    // onSave deliberately omitted — hides the download button (MediaViewer
+    // renders a spacer in its place, so delete keeps its position).
+  }, src ? /*#__PURE__*/React.createElement(View, {
+    style: styles.stage
+  }, /*#__PURE__*/React.createElement(Video, {
+    ref: videoRef,
+    source: {
+      uri: src
+    },
+    paused: paused,
+    muted: muted,
+    resizeMode: "contain",
+    playWhenInactive: false,
+    playInBackground: false,
+    onLoad: e => setDuration(e.duration),
+    onProgress: e => setCurrentTime(e.currentTime),
+    onEnd: () => {
+      setPaused(true);
+      setControlsVisible(true);
+      clearHideTimer();
+    },
+    style: styles.video
+  }), /*#__PURE__*/React.createElement(Pressable, {
+    style: StyleSheet.absoluteFill,
+    onPress: handleTapArea,
+    accessibilityRole: "button",
+    accessibilityLabel: "Toggle video controls"
+  }), /*#__PURE__*/React.createElement(VideoControls, {
+    visible: controlsVisible,
+    paused: paused,
+    isScrubbing: isScrubbing,
+    muted: muted,
+    currentTime: currentTime,
+    duration: duration,
+    onTogglePlay: handleTogglePlay,
+    onToggleMute: handleToggleMute,
+    onSkipBackward: handleSkipBackward,
+    onSkipForward: handleSkipForward,
+    onScrubStart: handleScrubStart,
+    onScrubEnd: handleScrubEnd
+  })) : null);
+}
+//# sourceMappingURL=VideoPlayer.js.map

package/lib/module/social/features/chat/features/shared/components/VideoPlayer/VideoPlayer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useEffect","useRef","useState","Pressable","StyleSheet","View","Video","MediaViewer","useVideoFileUrl","VideoControls","useStyles","VIDEO_CONTROLS_AUTO_HIDE_MS","SKIP_SECONDS","VideoPlayer","message","onClose","isOwn","onDelete","_message$data","styles","fileId","data","src","videoRef","hideTimerRef","wasPlayingBeforeScrubRef","paused","setPaused","muted","setMuted","duration","setDuration","currentTime","setCurrentTime","controlsVisible","setControlsVisible","isScrubbing","setIsScrubbing","clearHideTimer","current","clearTimeout","scheduleHide","setTimeout","handleTapArea","prev","next","handleTogglePlay","_videoRef$current","seek","handleToggleMute","seekTo","seconds","_videoRef$current2","clamped","Math","max","min","handleSkipBackward","handleSkipForward","handleScrubStart","handleScrubEnd","_videoRef$current3","React","createElement","accessibilityLabel","style","stage","ref","source","uri","resizeMode","playWhenInactive","playInBackground","onLoad","e","onProgress","onEnd","video","absoluteFill","onPress","accessibilityRole","visible","onTogglePlay","onToggleMute","onSkipBackward","onSkipForward","onScrubStart","onScrubEnd"],"sourceRoot":"../../../../../../../../../src","sources":["social/features/chat/features/shared/components/VideoPlayer/VideoPlayer.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/social/features/chat/features/shared/components/VideoPlayer/components/VideoControls/VideoControls.js

@@ -0,0 +1,109 @@
+// VideoControls — the custom dark control overlay for the chat full-screen video
+// player, ported from AmityUiKitWeb's VideoPlayer MOBILE branch (VideoHeader +
+// mobileControlsRow + VideoProgressBar). Web's header had a close on the left and a
+// mute on the right; the RN MediaViewer shell already owns a persistent close, so this
+// header renders the mute toggle only (see report). The layer fades with `visible`
+// and drops pointer events when hidden so the tap layer beneath can re-show it.
+
+// 1. React / RN imports
+import { useEffect, useRef } from 'react';
+import { Animated, Pressable, View } from 'react-native';
+
+// 2. Third-party imports
+import LinearGradient from 'react-native-linear-gradient';
+
+// 3. Internal imports
+import { AmityIcon } from '../../../../../../../../../core/design/icons';
+import { AmityColorToken } from '../../../../../../../../../core/design/tokens/amity-color-tokens';
+import { VideoScrubber } from '../VideoScrubber';
+import { useStyles } from './styles';
+
+// 4. Types
+
+const WHITE_ICON = AmityColorToken.IconIconButtonTransparentPrimaryDefault;
+
+// 5. Named function component
+export function VideoControls({
+  visible,
+  paused,
+  isScrubbing,
+  muted,
+  currentTime,
+  duration,
+  onTogglePlay,
+  onToggleMute,
+  onSkipBackward,
+  onSkipForward,
+  onScrubStart,
+  onScrubEnd
+}) {
+  const {
+    styles
+  } = useStyles();
+  const opacity = useRef(new Animated.Value(visible ? 1 : 0)).current;
+  useEffect(() => {
+    Animated.timing(opacity, {
+      toValue: visible ? 1 : 0,
+      duration: 200,
+      useNativeDriver: true
+    }).start();
+  }, [visible, opacity]);
+  return /*#__PURE__*/React.createElement(Animated.View, {
+    style: [styles.overlay, {
+      opacity
+    }],
+    pointerEvents: visible ? 'box-none' : 'none'
+  }, /*#__PURE__*/React.createElement(LinearGradient, {
+    colors: ['rgba(0, 0, 0, 0.2)', 'rgba(0, 0, 0, 0)'],
+    style: styles.header,
+    pointerEvents: "box-none"
+  }, /*#__PURE__*/React.createElement(Pressable, {
+    style: styles.headerButton,
+    hitSlop: 8,
+    onPress: onToggleMute,
+    accessibilityRole: "button",
+    accessibilityLabel: muted ? 'Unmute' : 'Mute'
+  }, /*#__PURE__*/React.createElement(AmityIcon, {
+    name: muted ? 'volume-slash-s' : 'volume-high-s',
+    size: 24,
+    tokenColor: WHITE_ICON
+  }))), !isScrubbing ? /*#__PURE__*/React.createElement(View, {
+    style: styles.centerWrap,
+    pointerEvents: "box-none"
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.centerRow
+  }, /*#__PURE__*/React.createElement(Pressable, {
+    style: styles.circleButton,
+    onPress: onSkipBackward,
+    accessibilityRole: "button",
+    accessibilityLabel: "Skip back 10 seconds"
+  }, /*#__PURE__*/React.createElement(AmityIcon, {
+    name: "Video-Backward10-r",
+    size: 24,
+    tokenColor: WHITE_ICON
+  })), /*#__PURE__*/React.createElement(Pressable, {
+    style: styles.circleButton,
+    onPress: onTogglePlay,
+    accessibilityRole: "button",
+    accessibilityLabel: paused ? 'Play' : 'Pause'
+  }, /*#__PURE__*/React.createElement(AmityIcon, {
+    name: paused ? 'video-play-s' : 'video-pause-s',
+    size: 24,
+    tokenColor: WHITE_ICON
+  })), /*#__PURE__*/React.createElement(Pressable, {
+    style: styles.circleButton,
+    onPress: onSkipForward,
+    accessibilityRole: "button",
+    accessibilityLabel: "Skip forward 10 seconds"
+  }, /*#__PURE__*/React.createElement(AmityIcon, {
+    name: "Video-Forward10-r",
+    size: 24,
+    tokenColor: WHITE_ICON
+  })))) : null, /*#__PURE__*/React.createElement(VideoScrubber, {
+    currentTime: currentTime,
+    duration: duration,
+    onScrubStart: onScrubStart,
+    onScrubEnd: onScrubEnd
+  }));
+}
+//# sourceMappingURL=VideoControls.js.map

package/lib/module/social/features/chat/features/shared/components/VideoPlayer/components/VideoControls/VideoControls.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useRef","Animated","Pressable","View","LinearGradient","AmityIcon","AmityColorToken","VideoScrubber","useStyles","WHITE_ICON","IconIconButtonTransparentPrimaryDefault","VideoControls","visible","paused","isScrubbing","muted","currentTime","duration","onTogglePlay","onToggleMute","onSkipBackward","onSkipForward","onScrubStart","onScrubEnd","styles","opacity","Value","current","timing","toValue","useNativeDriver","start","React","createElement","style","overlay","pointerEvents","colors","header","headerButton","hitSlop","onPress","accessibilityRole","accessibilityLabel","name","size","tokenColor","centerWrap","centerRow","circleButton"],"sourceRoot":"../../../../../../../../../../../src","sources":["social/features/chat/features/shared/components/VideoPlayer/components/VideoControls/VideoControls.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/social/features/chat/features/shared/components/VideoPlayer/components/VideoControls/index.js

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

package/lib/module/social/features/chat/features/shared/components/VideoPlayer/components/VideoControls/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["VideoControls"],"sourceRoot":"../../../../../../../../../../../src","sources":["social/features/chat/features/shared/components/VideoPlayer/components/VideoControls/index.ts"],"mappings":"AAAA,SAASA,aAAa,QAAQ,iBAAiB","ignoreList":[]}

package/lib/module/social/features/chat/features/shared/components/VideoPlayer/components/VideoControls/styles.js

@@ -0,0 +1,55 @@
+// Styles for VideoControls — ported from AmityUiKitWeb VideoPlayer.module.css +
+// VideoHeader.module.css (mobile layout). Geometry: header padding 1rem/0.75rem→16/12
+// with a top→bottom black scrim; header icon button 1.5rem→24, transparent bg; center
+// row gap 2rem→32; each control button 2.5rem→40 circle, 0.5rem→8 padding, 50% black
+// fill, 1.5rem→24 white icon. Button fills / scrims are rgba() (allowed).
+
+import { StyleSheet } from 'react-native';
+export const useStyles = () => {
+  const styles = StyleSheet.create({
+    overlay: {
+      ...StyleSheet.absoluteFillObject
+    },
+    header: {
+      position: 'absolute',
+      top: 0,
+      left: 0,
+      right: 0,
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'flex-end',
+      paddingVertical: 16,
+      paddingHorizontal: 12
+    },
+    headerButton: {
+      width: 24,
+      height: 24,
+      alignItems: 'center',
+      justifyContent: 'center',
+      backgroundColor: 'transparent'
+    },
+    centerWrap: {
+      ...StyleSheet.absoluteFillObject,
+      alignItems: 'center',
+      justifyContent: 'center'
+    },
+    centerRow: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 32
+    },
+    circleButton: {
+      width: 40,
+      height: 40,
+      padding: 8,
+      borderRadius: 20,
+      alignItems: 'center',
+      justifyContent: 'center',
+      backgroundColor: 'rgba(0, 0, 0, 0.5)'
+    }
+  });
+  return {
+    styles
+  };
+};
+//# sourceMappingURL=styles.js.map

package/lib/module/social/features/chat/features/shared/components/VideoPlayer/components/VideoControls/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useStyles","styles","create","overlay","absoluteFillObject","header","position","top","left","right","flexDirection","alignItems","justifyContent","paddingVertical","paddingHorizontal","headerButton","width","height","backgroundColor","centerWrap","centerRow","gap","circleButton","padding","borderRadius"],"sourceRoot":"../../../../../../../../../../../src","sources":["social/features/chat/features/shared/components/VideoPlayer/components/VideoControls/styles.ts"],"mappings":"AAAA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,QAAQ,cAAc;AAEzC,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,MAAM,GAAGF,UAAU,CAACG,MAAM,CAAC;IAC/BC,OAAO,EAAE;MACP,GAAGJ,UAAU,CAACK;IAChB,CAAC;IACDC,MAAM,EAAE;MACNC,QAAQ,EAAE,UAAU;MACpBC,GAAG,EAAE,CAAC;MACNC,IAAI,EAAE,CAAC;MACPC,KAAK,EAAE,CAAC;MACRC,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,UAAU;MAC1BC,eAAe,EAAE,EAAE;MACnBC,iBAAiB,EAAE;IACrB,CAAC;IACDC,YAAY,EAAE;MACZC,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE,EAAE;MACVN,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,QAAQ;MACxBM,eAAe,EAAE;IACnB,CAAC;IACDC,UAAU,EAAE;MACV,GAAGpB,UAAU,CAACK,kBAAkB;MAChCO,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE;IAClB,CAAC;IACDQ,SAAS,EAAE;MACTV,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBU,GAAG,EAAE;IACP,CAAC;IACDC,YAAY,EAAE;MACZN,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE,EAAE;MACVM,OAAO,EAAE,CAAC;MACVC,YAAY,EAAE,EAAE;MAChBb,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,QAAQ;MACxBM,eAAe,EAAE;IACnB;EACF,CAAC,CAAC;EAEF,OAAO;IAAEjB;EAAO,CAAC;AACnB,CAAC","ignoreList":[]}

package/lib/module/social/features/chat/features/shared/components/VideoPlayer/components/VideoScrubber/VideoScrubber.js

@@ -0,0 +1,108 @@
+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); }
+// VideoScrubber — ported from AmityUiKitWeb VideoProgressBar (mobile layout).
+// A draggable bottom scrubber: a MM:SS / MM:SS time row above a 4px track with a
+// solid-white fill and a 12px drag dot. Web set video.currentTime on every touch
+// move; per the RN plan we instead track a local fraction while dragging and seek
+// only on release (onScrubEnd), pausing during the drag (onScrubStart) and resuming
+// upstream. Built with core RN PanResponder because the whole player lives inside a
+// native <Modal>, where react-native-gesture-handler gestures do not fire.
+
+// 1. React / RN imports
+import { useMemo, useRef, useState } from 'react';
+import { PanResponder, Text, View } from 'react-native';
+
+// 2. Internal imports
+import { useStyles } from './styles';
+
+// 3. Types
+
+// MM:SS, zero-padded — mirrors web VideoProgressBar.formatTime.
+function formatTime(seconds) {
+  if (Number.isNaN(seconds) || seconds < 0) return '00:00';
+  const minutes = Math.floor(seconds / 60);
+  const remainingSeconds = Math.floor(seconds % 60);
+  return `${minutes.toString().padStart(2, '0')}:${remainingSeconds.toString().padStart(2, '0')}`;
+}
+
+// 4. Named function component
+export function VideoScrubber({
+  currentTime,
+  duration,
+  onScrubStart,
+  onScrubEnd
+}) {
+  const {
+    styles
+  } = useStyles();
+  const [trackWidth, setTrackWidth] = useState(0);
+  const [isDragging, setIsDragging] = useState(false);
+  const [dragFraction, setDragFraction] = useState(0);
+  const dragFractionRef = useRef(0);
+  const trackWidthRef = useRef(0);
+  const setDrag = fraction => {
+    dragFractionRef.current = fraction;
+    setDragFraction(fraction);
+  };
+  const fractionFromX = x => {
+    const width = trackWidthRef.current;
+    if (width <= 0) return 0;
+    return Math.max(0, Math.min(1, x / width));
+  };
+  const panResponder = useMemo(() => PanResponder.create({
+    onStartShouldSetPanResponder: () => true,
+    onMoveShouldSetPanResponder: () => true,
+    onPanResponderGrant: e => {
+      setIsDragging(true);
+      onScrubStart();
+      setDrag(fractionFromX(e.nativeEvent.locationX));
+    },
+    onPanResponderMove: e => {
+      setDrag(fractionFromX(e.nativeEvent.locationX));
+    },
+    onPanResponderRelease: e => {
+      const fraction = fractionFromX(e.nativeEvent.locationX);
+      setDrag(fraction);
+      setIsDragging(false);
+      onScrubEnd(fraction * duration);
+    },
+    onPanResponderTerminate: () => {
+      setIsDragging(false);
+      onScrubEnd(dragFractionRef.current * duration);
+    }
+  }),
+  // fractionFromX reads width via ref, so it need not be a dependency.
+
+  [duration, onScrubStart, onScrubEnd]);
+  const handleTrackLayout = e => {
+    const width = e.nativeEvent.layout.width;
+    trackWidthRef.current = width;
+    setTrackWidth(width);
+  };
+  const fraction = isDragging ? dragFraction : duration > 0 ? Math.min(1, currentTime / duration) : 0;
+  const displayCurrent = isDragging ? dragFraction * duration : currentTime;
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.container,
+    pointerEvents: "box-none"
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.timeDisplay
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.timeText
+  }, formatTime(displayCurrent)), /*#__PURE__*/React.createElement(Text, {
+    style: styles.timeText
+  }, formatTime(duration))), /*#__PURE__*/React.createElement(View, _extends({
+    style: styles.trackContainer,
+    onLayout: handleTrackLayout
+  }, panResponder.panHandlers), /*#__PURE__*/React.createElement(View, {
+    style: styles.trackBackground
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [styles.trackFill, {
+      width: `${fraction * 100}%`
+    }]
+  })), isDragging ? /*#__PURE__*/React.createElement(View, {
+    style: [styles.dragDot, {
+      left: fraction * trackWidth - 6
+    }],
+    pointerEvents: "none"
+  }) : null));
+}
+//# sourceMappingURL=VideoScrubber.js.map

package/lib/module/social/features/chat/features/shared/components/VideoPlayer/components/VideoScrubber/VideoScrubber.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","useRef","useState","PanResponder","Text","View","useStyles","formatTime","seconds","Number","isNaN","minutes","Math","floor","remainingSeconds","toString","padStart","VideoScrubber","currentTime","duration","onScrubStart","onScrubEnd","styles","trackWidth","setTrackWidth","isDragging","setIsDragging","dragFraction","setDragFraction","dragFractionRef","trackWidthRef","setDrag","fraction","current","fractionFromX","x","width","max","min","panResponder","create","onStartShouldSetPanResponder","onMoveShouldSetPanResponder","onPanResponderGrant","e","nativeEvent","locationX","onPanResponderMove","onPanResponderRelease","onPanResponderTerminate","handleTrackLayout","layout","displayCurrent","React","createElement","style","container","pointerEvents","timeDisplay","timeText","_extends","trackContainer","onLayout","panHandlers","trackBackground","trackFill","dragDot","left"],"sourceRoot":"../../../../../../../../../../../src","sources":["social/features/chat/features/shared/components/VideoPlayer/components/VideoScrubber/VideoScrubber.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/social/features/chat/features/shared/components/VideoPlayer/components/VideoScrubber/index.js

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

package/lib/module/social/features/chat/features/shared/components/VideoPlayer/components/VideoScrubber/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["VideoScrubber"],"sourceRoot":"../../../../../../../../../../../src","sources":["social/features/chat/features/shared/components/VideoPlayer/components/VideoScrubber/index.ts"],"mappings":"AAAA,SAASA,aAAa,QAAQ,iBAAiB","ignoreList":[]}

package/lib/module/social/features/chat/features/shared/components/VideoPlayer/components/VideoScrubber/styles.js

@@ -0,0 +1,62 @@
+// Styles for VideoScrubber — ported from AmityUiKitWeb VideoProgressBar.module.css.
+// Geometry: container bottom 2.5rem→40, left/right 0.75rem→12; time row margin-bottom
+// 1rem→16; track container 1.25rem→20 tall with 0.5rem→8 vertical padding; track
+// 0.25rem→4 tall, radius 0.125rem→2; drag dot 0.75rem→12. Track bg is 30% white and
+// the dot is transparent-on-video, so both stay as rgba() (scrim colours are allowed);
+// the solid-white fill/dot use the white text token.
+
+import { StyleSheet } from 'react-native';
+import { useToken } from '../../../../../../../../../core/design/theme/useToken';
+import { AmityColorToken } from '../../../../../../../../../core/design/tokens/amity-color-tokens';
+export const useStyles = () => {
+  const token = useToken();
+  const white = token(AmityColorToken.TextBaseInverse);
+  const styles = StyleSheet.create({
+    container: {
+      position: 'absolute',
+      bottom: 40,
+      left: 12,
+      right: 12
+    },
+    timeDisplay: {
+      flexDirection: 'row',
+      justifyContent: 'space-between',
+      alignItems: 'center',
+      marginBottom: 16
+    },
+    timeText: {
+      color: white,
+      fontSize: 12
+    },
+    trackContainer: {
+      height: 20,
+      paddingVertical: 8,
+      justifyContent: 'center'
+    },
+    trackBackground: {
+      width: '100%',
+      height: 4,
+      borderRadius: 2,
+      backgroundColor: 'rgba(255, 255, 255, 0.3)',
+      overflow: 'hidden'
+    },
+    trackFill: {
+      height: '100%',
+      borderRadius: 2,
+      backgroundColor: white
+    },
+    dragDot: {
+      position: 'absolute',
+      top: '50%',
+      marginTop: -6,
+      width: 12,
+      height: 12,
+      borderRadius: 6,
+      backgroundColor: white
+    }
+  });
+  return {
+    styles
+  };
+};
+//# sourceMappingURL=styles.js.map

package/lib/module/social/features/chat/features/shared/components/VideoPlayer/components/VideoScrubber/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useToken","AmityColorToken","useStyles","token","white","TextBaseInverse","styles","create","container","position","bottom","left","right","timeDisplay","flexDirection","justifyContent","alignItems","marginBottom","timeText","color","fontSize","trackContainer","height","paddingVertical","trackBackground","width","borderRadius","backgroundColor","overflow","trackFill","dragDot","top","marginTop"],"sourceRoot":"../../../../../../../../../../../src","sources":["social/features/chat/features/shared/components/VideoPlayer/components/VideoScrubber/styles.ts"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,uDAAuD;AAChF,SAASC,eAAe,QAAQ,kEAAkE;AAElG,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,KAAK,GAAGH,QAAQ,CAAC,CAAC;EACxB,MAAMI,KAAK,GAAGD,KAAK,CAACF,eAAe,CAACI,eAAe,CAAC;EAEpD,MAAMC,MAAM,GAAGP,UAAU,CAACQ,MAAM,CAAC;IAC/BC,SAAS,EAAE;MACTC,QAAQ,EAAE,UAAU;MACpBC,MAAM,EAAE,EAAE;MACVC,IAAI,EAAE,EAAE;MACRC,KAAK,EAAE;IACT,CAAC;IACDC,WAAW,EAAE;MACXC,aAAa,EAAE,KAAK;MACpBC,cAAc,EAAE,eAAe;MAC/BC,UAAU,EAAE,QAAQ;MACpBC,YAAY,EAAE;IAChB,CAAC;IACDC,QAAQ,EAAE;MACRC,KAAK,EAAEf,KAAK;MACZgB,QAAQ,EAAE;IACZ,CAAC;IACDC,cAAc,EAAE;MACdC,MAAM,EAAE,EAAE;MACVC,eAAe,EAAE,CAAC;MAClBR,cAAc,EAAE;IAClB,CAAC;IACDS,eAAe,EAAE;MACfC,KAAK,EAAE,MAAM;MACbH,MAAM,EAAE,CAAC;MACTI,YAAY,EAAE,CAAC;MACfC,eAAe,EAAE,0BAA0B;MAC3CC,QAAQ,EAAE;IACZ,CAAC;IACDC,SAAS,EAAE;MACTP,MAAM,EAAE,MAAM;MACdI,YAAY,EAAE,CAAC;MACfC,eAAe,EAAEvB;IACnB,CAAC;IACD0B,OAAO,EAAE;MACPrB,QAAQ,EAAE,UAAU;MACpBsB,GAAG,EAAE,KAAK;MACVC,SAAS,EAAE,CAAC,CAAC;MACbP,KAAK,EAAE,EAAE;MACTH,MAAM,EAAE,EAAE;MACVI,YAAY,EAAE,CAAC;MACfC,eAAe,EAAEvB;IACnB;EACF,CAAC,CAAC;EAEF,OAAO;IAAEE;EAAO,CAAC;AACnB,CAAC","ignoreList":[]}

package/lib/module/social/features/chat/features/shared/components/VideoPlayer/components/index.js

@@ -0,0 +1,3 @@
+export * from './VideoControls';
+export * from './VideoScrubber';
+//# sourceMappingURL=index.js.map

package/lib/module/social/features/chat/features/shared/components/VideoPlayer/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../../../../../../src","sources":["social/features/chat/features/shared/components/VideoPlayer/components/index.ts"],"mappings":"AAAA,cAAc,iBAAiB;AAC/B,cAAc,iBAAiB","ignoreList":[]}

package/lib/module/social/features/chat/features/shared/components/VideoPlayer/index.js

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

package/lib/module/social/features/chat/features/shared/components/VideoPlayer/index.js.map

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