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

package/lib/commonjs/social/features/chat/features/shared/components/ScrollToLatestButton/styles.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useStyles = void 0;
+var _reactNative = require("react-native");
+// Styles for ScrollToLatestButton — positioning only. The 40×40 filled/secondary
+// circle (container + surface + states) is owned by the Button.Icon atom; this
+// pins it bottom-right (web .scrollToLatestButton: right 1rem→16, bottom 0.5rem→8).
+// box-shadow dropped (RN, no hex allowed).
+
+const useStyles = () => {
+  const styles = _reactNative.StyleSheet.create({
+    button: {
+      position: 'absolute',
+      right: 16,
+      bottom: 8
+    }
+  });
+  return {
+    styles
+  };
+};
+exports.useStyles = useStyles;
+//# sourceMappingURL=styles.js.map

package/lib/commonjs/social/features/chat/features/shared/components/ScrollToLatestButton/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","useStyles","styles","StyleSheet","create","button","position","right","bottom","exports"],"sourceRoot":"../../../../../../../../../src","sources":["social/features/chat/features/shared/components/ScrollToLatestButton/styles.ts"],"mappings":";;;;;;AAKA,IAAAA,YAAA,GAAAC,OAAA;AALA;AACA;AACA;AACA;;AAIO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;IAC/BC,MAAM,EAAE;MACNC,QAAQ,EAAE,UAAU;MACpBC,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE;IACV;EACF,CAAC,CAAC;EAEF,OAAO;IAAEN;EAAO,CAAC;AACnB,CAAC;AAACO,OAAA,CAAAR,SAAA,GAAAA,SAAA","ignoreList":[]}

package/lib/commonjs/social/features/chat/features/shared/components/SelectedMember/SelectedMember.js

@@ -0,0 +1,68 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SelectedMember = SelectedMember;
+var _reactNative = require("react-native");
+var _Button = require("../../../../../../../core/design/atoms/Button");
+var _Typography = require("../../../../../../../core/design/components/Typography");
+var _useFile = _interopRequireDefault(require("../../../../../../../core/hooks/useFile"));
+var _enums = require("../../../../../../../core/enums");
+var _Avatar = require("../../../../elements/Avatar");
+var _styles = require("./styles");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// SelectedMember — ported from AmityUiKitWeb chat/features/shared/components/
+// SelectedMember. A compact tile for a chosen member: rounded avatar with a
+// top-right remove button, and the display name underneath (single line,
+// ellipsised).
+//
+// RN adaptations from web:
+//   - Web resolved the avatar via `FileRepository.fileUrlWithSize(user.avatar.fileUrl)`;
+//     RN resolves `user.avatarFileId` through `useFile` (small size), mirroring
+//     NewMessageNotification. The core Avatar atom is replaced by the chat
+//     `Avatar.User` element (rounded, initials fallback).
+//   - Web `Button.Icon` (react-aria) remove control → RN `Button.Icon` atom.
+
+// 1. React / RN imports
+
+// 2. Internal imports
+
+// 3. Types
+
+// 4. Named function component
+function SelectedMember({
+  user,
+  onRemove
+}) {
+  const {
+    styles
+  } = (0, _styles.useStyles)();
+  const displayName = user.displayName ?? user.userId;
+  const avatarUrl = (0, _useFile.default)({
+    fileId: user.avatarFileId ?? '',
+    imageSize: _enums.ImageSizeState.small
+  });
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.avatarWrapper
+  }, /*#__PURE__*/React.createElement(_Avatar.Avatar.User, {
+    avatarUrl: avatarUrl,
+    displayName: displayName,
+    size: "md"
+  }), onRemove ? /*#__PURE__*/React.createElement(_Button.Button.Icon, {
+    icon: "cross-s",
+    styleType: "transparent",
+    hierarchy: "primary",
+    size: 16,
+    style: styles.removeButton,
+    onPress: () => onRemove(user.userId),
+    accessibilityLabel: `Remove ${displayName}`
+  }) : null), /*#__PURE__*/React.createElement(_Typography.Typography, {
+    variant: "caption",
+    style: styles.name,
+    numberOfLines: 1
+  }, displayName));
+}
+//# sourceMappingURL=SelectedMember.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_Button","_Typography","_useFile","_interopRequireDefault","_enums","_Avatar","_styles","e","__esModule","default","SelectedMember","user","onRemove","styles","useStyles","displayName","userId","avatarUrl","useFile","fileId","avatarFileId","imageSize","ImageSizeState","small","React","createElement","View","style","container","avatarWrapper","Avatar","User","size","Button","Icon","icon","styleType","hierarchy","removeButton","onPress","accessibilityLabel","Typography","variant","name","numberOfLines"],"sourceRoot":"../../../../../../../../../src","sources":["social/features/chat/features/shared/components/SelectedMember/SelectedMember.tsx"],"mappings":";;;;;;AAaA,IAAAA,YAAA,GAAAC,OAAA;AAGA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AACA,IAAAO,OAAA,GAAAP,OAAA;AAAqC,SAAAI,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AArBrC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAGA;;AAQA;;AAMA;AACO,SAASG,cAAcA,CAAC;EAAEC,IAAI;EAAEC;AAA8B,CAAC,EAAE;EACtE,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,iBAAS,EAAC,CAAC;EAE9B,MAAMC,WAAW,GAAGJ,IAAI,CAACI,WAAW,IAAIJ,IAAI,CAACK,MAAM;EACnD,MAAMC,SAAS,GAAG,IAAAC,gBAAO,EAAC;IACxBC,MAAM,EAAER,IAAI,CAACS,YAAY,IAAI,EAAE;IAC/BC,SAAS,EAAEC,qBAAc,CAACC;EAC5B,CAAC,CAAC;EAEF,oBACEC,KAAA,CAAAC,aAAA,CAAC3B,YAAA,CAAA4B,IAAI;IAACC,KAAK,EAAEd,MAAM,CAACe;EAAU,gBAC5BJ,KAAA,CAAAC,aAAA,CAAC3B,YAAA,CAAA4B,IAAI;IAACC,KAAK,EAAEd,MAAM,CAACgB;EAAc,gBAChCL,KAAA,CAAAC,aAAA,CAACpB,OAAA,CAAAyB,MAAM,CAACC,IAAI;IACVd,SAAS,EAAEA,SAAU;IACrBF,WAAW,EAAEA,WAAY;IACzBiB,IAAI,EAAC;EAAI,CACV,CAAC,EACDpB,QAAQ,gBACPY,KAAA,CAAAC,aAAA,CAACzB,OAAA,CAAAiC,MAAM,CAACC,IAAI;IACVC,IAAI,EAAC,SAAS;IACdC,SAAS,EAAC,aAAa;IACvBC,SAAS,EAAC,SAAS;IACnBL,IAAI,EAAE,EAAG;IACTL,KAAK,EAAEd,MAAM,CAACyB,YAAa;IAC3BC,OAAO,EAAEA,CAAA,KAAM3B,QAAQ,CAACD,IAAI,CAACK,MAAM,CAAE;IACrCwB,kBAAkB,EAAE,UAAUzB,WAAW;EAAG,CAC7C,CAAC,GACA,IACA,CAAC,eACPS,KAAA,CAAAC,aAAA,CAACxB,WAAA,CAAAwC,UAAU;IAACC,OAAO,EAAC,SAAS;IAACf,KAAK,EAAEd,MAAM,CAAC8B,IAAK;IAACC,aAAa,EAAE;EAAE,GAChE7B,WACS,CACR,CAAC;AAEX","ignoreList":[]}

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

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "SelectedMember", {
+  enumerable: true,
+  get: function () {
+    return _SelectedMember.SelectedMember;
+  }
+});
+var _SelectedMember = require("./SelectedMember");
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_SelectedMember","require"],"sourceRoot":"../../../../../../../../../src","sources":["social/features/chat/features/shared/components/SelectedMember/index.ts"],"mappings":";;;;;;;;;;;AAAA,IAAAA,eAAA,GAAAC,OAAA","ignoreList":[]}

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

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useStyles = void 0;
+var _reactNative = require("react-native");
+var _useToken = require("../../../../../../../core/design/theme/useToken");
+var _amityColorTokens = require("../../../../../../../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).
+const useStyles = () => {
+  const token = (0, _useToken.useToken)();
+  const styles = _reactNative.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(_amityColorTokens.AmityColorToken.TextAvatarLabelDefault)
+    }
+  });
+  return {
+    styles,
+    token
+  };
+};
+exports.useStyles = useStyles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_useToken","_amityColorTokens","useStyles","token","useToken","styles","StyleSheet","create","container","flexShrink","alignItems","gap","width","avatarWrapper","position","height","removeButton","top","right","name","maxWidth","textAlign","color","AmityColorToken","TextAvatarLabelDefault","exports"],"sourceRoot":"../../../../../../../../../src","sources":["social/features/chat/features/shared/components/SelectedMember/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AAEA;AACA;AACA;AACA;AACA;AACO,MAAMG,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,KAAK,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EAExB,MAAMC,MAAM,GAAGC,uBAAU,CAACC,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,EAAEnB,KAAK,CAACoB,iCAAe,CAACC,sBAAsB;IACrD;EACF,CAAC,CAAC;EAEF,OAAO;IAAEnB,MAAM;IAAEF;EAAM,CAAC;AAC1B,CAAC;AAACsB,OAAA,CAAAvB,SAAA,GAAAA,SAAA","ignoreList":[]}

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

@@ -0,0 +1,177 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.VideoPlayer = VideoPlayer;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _reactNativeVideo = _interopRequireDefault(require("react-native-video"));
+var _MediaViewer = require("../MediaViewer");
+var _useVideoFileUrl = require("../../../../hooks/useVideoFileUrl");
+var _VideoControls = require("./components/VideoControls");
+var _styles = require("./styles");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// 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
+
+// 2. Third-party imports
+
+// 3. Internal imports
+
+// 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
+function VideoPlayer({
+  message,
+  onClose,
+  isOwn = false,
+  onDelete
+}) {
+  var _message$data;
+  const {
+    styles
+  } = (0, _styles.useStyles)();
+  const fileId = (_message$data = message.data) === null || _message$data === void 0 ? void 0 : _message$data.fileId;
+  const src = (0, _useVideoFileUrl.useVideoFileUrl)(fileId);
+  const videoRef = (0, _react.useRef)(null);
+  const hideTimerRef = (0, _react.useRef)(null);
+  const wasPlayingBeforeScrubRef = (0, _react.useRef)(false);
+  const [paused, setPaused] = (0, _react.useState)(false);
+  const [muted, setMuted] = (0, _react.useState)(false);
+  const [duration, setDuration] = (0, _react.useState)(0);
+  const [currentTime, setCurrentTime] = (0, _react.useState)(0);
+  const [controlsVisible, setControlsVisible] = (0, _react.useState)(true);
+  const [isScrubbing, setIsScrubbing] = (0, _react.useState)(false);
+  const clearHideTimer = (0, _react.useCallback)(() => {
+    if (hideTimerRef.current) {
+      clearTimeout(hideTimerRef.current);
+      hideTimerRef.current = null;
+    }
+  }, []);
+  const scheduleHide = (0, _react.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.
+  (0, _react.useEffect)(() => {
+    if (paused) {
+      setControlsVisible(true);
+      clearHideTimer();
+    } else {
+      scheduleHide();
+    }
+  }, [paused, scheduleHide, clearHideTimer]);
+  (0, _react.useEffect)(() => clearHideTimer, [clearHideTimer]);
+  const handleTapArea = (0, _react.useCallback)(() => {
+    setControlsVisible(prev => {
+      const next = !prev;
+      if (next && !paused) {
+        scheduleHide();
+      } else {
+        clearHideTimer();
+      }
+      return next;
+    });
+  }, [paused, scheduleHide, clearHideTimer]);
+  const handleTogglePlay = (0, _react.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 = (0, _react.useCallback)(() => {
+    setMuted(prev => !prev);
+  }, []);
+  const seekTo = (0, _react.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 = (0, _react.useCallback)(() => {
+    seekTo(currentTime - SKIP_SECONDS);
+  }, [currentTime, seekTo]);
+  const handleSkipForward = (0, _react.useCallback)(() => {
+    seekTo(currentTime + SKIP_SECONDS);
+  }, [currentTime, seekTo]);
+  const handleScrubStart = (0, _react.useCallback)(() => {
+    wasPlayingBeforeScrubRef.current = !paused;
+    setIsScrubbing(true);
+    clearHideTimer();
+    if (!paused) setPaused(true);
+  }, [paused, clearHideTimer]);
+  const handleScrubEnd = (0, _react.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.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(_reactNative.View, {
+    style: styles.stage
+  }, /*#__PURE__*/React.createElement(_reactNativeVideo.default, {
+    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(_reactNative.Pressable, {
+    style: _reactNative.StyleSheet.absoluteFill,
+    onPress: handleTapArea,
+    accessibilityRole: "button",
+    accessibilityLabel: "Toggle video controls"
+  }), /*#__PURE__*/React.createElement(_VideoControls.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/commonjs/social/features/chat/features/shared/components/VideoPlayer/VideoPlayer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_reactNativeVideo","_interopRequireDefault","_MediaViewer","_useVideoFileUrl","_VideoControls","_styles","e","__esModule","default","VIDEO_CONTROLS_AUTO_HIDE_MS","SKIP_SECONDS","VideoPlayer","message","onClose","isOwn","onDelete","_message$data","styles","useStyles","fileId","data","src","useVideoFileUrl","videoRef","useRef","hideTimerRef","wasPlayingBeforeScrubRef","paused","setPaused","useState","muted","setMuted","duration","setDuration","currentTime","setCurrentTime","controlsVisible","setControlsVisible","isScrubbing","setIsScrubbing","clearHideTimer","useCallback","current","clearTimeout","scheduleHide","setTimeout","useEffect","handleTapArea","prev","next","handleTogglePlay","_videoRef$current","seek","handleToggleMute","seekTo","seconds","_videoRef$current2","clamped","Math","max","min","handleSkipBackward","handleSkipForward","handleScrubStart","handleScrubEnd","_videoRef$current3","React","createElement","MediaViewer","accessibilityLabel","View","style","stage","ref","source","uri","resizeMode","playWhenInactive","playInBackground","onLoad","onProgress","onEnd","video","Pressable","StyleSheet","absoluteFill","onPress","accessibilityRole","VideoControls","visible","onTogglePlay","onToggleMute","onSkipBackward","onSkipForward","onScrubStart","onScrubEnd"],"sourceRoot":"../../../../../../../../../src","sources":["social/features/chat/features/shared/components/VideoPlayer/VideoPlayer.tsx"],"mappings":";;;;;;AASA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAGA,IAAAE,iBAAA,GAAAC,sBAAA,CAAAH,OAAA;AAGA,IAAAI,YAAA,GAAAJ,OAAA;AACA,IAAAK,gBAAA,GAAAL,OAAA;AACA,IAAAM,cAAA,GAAAN,OAAA;AACA,IAAAO,OAAA,GAAAP,OAAA;AAAqC,SAAAG,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAnBrC;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAIA;;AAGA;;AAMA;AACA,MAAMG,2BAA2B,GAAG,IAAI;AACxC,MAAMC,YAAY,GAAG,EAAE;;AAEvB;;AAiBA;AACO,SAASC,WAAWA,CAAC;EAC1BC,OAAO;EACPC,OAAO;EACPC,KAAK,GAAG,KAAK;EACbC;AACgB,CAAC,EAAE;EAAA,IAAAC,aAAA;EACnB,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,iBAAS,EAAC,CAAC;EAC9B,MAAMC,MAAM,IAAAH,aAAA,GAAIJ,OAAO,CAACQ,IAAI,cAAAJ,aAAA,uBAAbA,aAAA,CAAmDG,MAAM;EACxE,MAAME,GAAG,GAAG,IAAAC,gCAAe,EAACH,MAAM,CAAC;EAEnC,MAAMI,QAAQ,GAAG,IAAAC,aAAM,EAAW,IAAI,CAAC;EACvC,MAAMC,YAAY,GAAG,IAAAD,aAAM,EAAuC,IAAI,CAAC;EACvE,MAAME,wBAAwB,GAAG,IAAAF,aAAM,EAAC,KAAK,CAAC;EAE9C,MAAM,CAACG,MAAM,EAAEC,SAAS,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EAC3C,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAG,IAAAF,eAAQ,EAAC,KAAK,CAAC;EACzC,MAAM,CAACG,QAAQ,EAAEC,WAAW,CAAC,GAAG,IAAAJ,eAAQ,EAAC,CAAC,CAAC;EAC3C,MAAM,CAACK,WAAW,EAAEC,cAAc,CAAC,GAAG,IAAAN,eAAQ,EAAC,CAAC,CAAC;EACjD,MAAM,CAACO,eAAe,EAAEC,kBAAkB,CAAC,GAAG,IAAAR,eAAQ,EAAC,IAAI,CAAC;EAC5D,MAAM,CAACS,WAAW,EAAEC,cAAc,CAAC,GAAG,IAAAV,eAAQ,EAAC,KAAK,CAAC;EAErD,MAAMW,cAAc,GAAG,IAAAC,kBAAW,EAAC,MAAM;IACvC,IAAIhB,YAAY,CAACiB,OAAO,EAAE;MACxBC,YAAY,CAAClB,YAAY,CAACiB,OAAO,CAAC;MAClCjB,YAAY,CAACiB,OAAO,GAAG,IAAI;IAC7B;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,MAAME,YAAY,GAAG,IAAAH,kBAAW,EAAC,MAAM;IACrCD,cAAc,CAAC,CAAC;IAChBf,YAAY,CAACiB,OAAO,GAAGG,UAAU,CAAC,MAAM;MACtCR,kBAAkB,CAAC,KAAK,CAAC;IAC3B,CAAC,EAAE5B,2BAA2B,CAAC;EACjC,CAAC,EAAE,CAAC+B,cAAc,CAAC,CAAC;;EAEpB;EACA,IAAAM,gBAAS,EAAC,MAAM;IACd,IAAInB,MAAM,EAAE;MACVU,kBAAkB,CAAC,IAAI,CAAC;MACxBG,cAAc,CAAC,CAAC;IAClB,CAAC,MAAM;MACLI,YAAY,CAAC,CAAC;IAChB;EACF,CAAC,EAAE,CAACjB,MAAM,EAAEiB,YAAY,EAAEJ,cAAc,CAAC,CAAC;EAE1C,IAAAM,gBAAS,EAAC,MAAMN,cAAc,EAAE,CAACA,cAAc,CAAC,CAAC;EAEjD,MAAMO,aAAa,GAAG,IAAAN,kBAAW,EAAC,MAAM;IACtCJ,kBAAkB,CAAEW,IAAI,IAAK;MAC3B,MAAMC,IAAI,GAAG,CAACD,IAAI;MAClB,IAAIC,IAAI,IAAI,CAACtB,MAAM,EAAE;QACnBiB,YAAY,CAAC,CAAC;MAChB,CAAC,MAAM;QACLJ,cAAc,CAAC,CAAC;MAClB;MACA,OAAOS,IAAI;IACb,CAAC,CAAC;EACJ,CAAC,EAAE,CAACtB,MAAM,EAAEiB,YAAY,EAAEJ,cAAc,CAAC,CAAC;EAE1C,MAAMU,gBAAgB,GAAG,IAAAT,kBAAW,EAAC,MAAM;IACzC,IAAId,MAAM,IAAIK,QAAQ,GAAG,CAAC,IAAIE,WAAW,IAAIF,QAAQ,GAAG,IAAI,EAAE;MAAA,IAAAmB,iBAAA;MAC5D;MACA,CAAAA,iBAAA,GAAA5B,QAAQ,CAACmB,OAAO,cAAAS,iBAAA,eAAhBA,iBAAA,CAAkBC,IAAI,CAAC,CAAC,CAAC;MACzBjB,cAAc,CAAC,CAAC,CAAC;IACnB;IACAP,SAAS,CAAEoB,IAAI,IAAK,CAACA,IAAI,CAAC;EAC5B,CAAC,EAAE,CAACrB,MAAM,EAAEK,QAAQ,EAAEE,WAAW,CAAC,CAAC;EAEnC,MAAMmB,gBAAgB,GAAG,IAAAZ,kBAAW,EAAC,MAAM;IACzCV,QAAQ,CAAEiB,IAAI,IAAK,CAACA,IAAI,CAAC;EAC3B,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMM,MAAM,GAAG,IAAAb,kBAAW,EACvBc,OAAe,IAAK;IAAA,IAAAC,kBAAA;IACnB,MAAMC,OAAO,GAAGC,IAAI,CAACC,GAAG,CACtB,CAAC,EACD3B,QAAQ,GAAG,CAAC,GAAG0B,IAAI,CAACE,GAAG,CAAC5B,QAAQ,EAAEuB,OAAO,CAAC,GAAGA,OAC/C,CAAC;IACD,CAAAC,kBAAA,GAAAjC,QAAQ,CAACmB,OAAO,cAAAc,kBAAA,eAAhBA,kBAAA,CAAkBJ,IAAI,CAACK,OAAO,CAAC;IAC/BtB,cAAc,CAACsB,OAAO,CAAC;IACvB,IAAI,CAAC9B,MAAM,EAAEiB,YAAY,CAAC,CAAC;EAC7B,CAAC,EACD,CAACZ,QAAQ,EAAEL,MAAM,EAAEiB,YAAY,CACjC,CAAC;EAED,MAAMiB,kBAAkB,GAAG,IAAApB,kBAAW,EAAC,MAAM;IAC3Ca,MAAM,CAACpB,WAAW,GAAGxB,YAAY,CAAC;EACpC,CAAC,EAAE,CAACwB,WAAW,EAAEoB,MAAM,CAAC,CAAC;EAEzB,MAAMQ,iBAAiB,GAAG,IAAArB,kBAAW,EAAC,MAAM;IAC1Ca,MAAM,CAACpB,WAAW,GAAGxB,YAAY,CAAC;EACpC,CAAC,EAAE,CAACwB,WAAW,EAAEoB,MAAM,CAAC,CAAC;EAEzB,MAAMS,gBAAgB,GAAG,IAAAtB,kBAAW,EAAC,MAAM;IACzCf,wBAAwB,CAACgB,OAAO,GAAG,CAACf,MAAM;IAC1CY,cAAc,CAAC,IAAI,CAAC;IACpBC,cAAc,CAAC,CAAC;IAChB,IAAI,CAACb,MAAM,EAAEC,SAAS,CAAC,IAAI,CAAC;EAC9B,CAAC,EAAE,CAACD,MAAM,EAAEa,cAAc,CAAC,CAAC;EAE5B,MAAMwB,cAAc,GAAG,IAAAvB,kBAAW,EAC/Bc,OAAe,IAAK;IAAA,IAAAU,kBAAA;IACnB,MAAMR,OAAO,GAAGC,IAAI,CAACC,GAAG,CACtB,CAAC,EACD3B,QAAQ,GAAG,CAAC,GAAG0B,IAAI,CAACE,GAAG,CAAC5B,QAAQ,EAAEuB,OAAO,CAAC,GAAGA,OAC/C,CAAC;IACD,CAAAU,kBAAA,GAAA1C,QAAQ,CAACmB,OAAO,cAAAuB,kBAAA,eAAhBA,kBAAA,CAAkBb,IAAI,CAACK,OAAO,CAAC;IAC/BtB,cAAc,CAACsB,OAAO,CAAC;IACvBlB,cAAc,CAAC,KAAK,CAAC;IACrB,IAAIb,wBAAwB,CAACgB,OAAO,EAAEd,SAAS,CAAC,KAAK,CAAC;EACxD,CAAC,EACD,CAACI,QAAQ,CACX,CAAC;EAED,oBACEkC,KAAA,CAAAC,aAAA,CAACjE,YAAA,CAAAkE,WAAW;IACVC,kBAAkB,EAAC,cAAc;IACjCxD,OAAO,EAAEA,OAAQ;IACjBC,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAEA;IACV;IACA;EAAA,GAECM,GAAG,gBACF6C,KAAA,CAAAC,aAAA,CAACpE,YAAA,CAAAuE,IAAI;IAACC,KAAK,EAAEtD,MAAM,CAACuD;EAAM,gBACxBN,KAAA,CAAAC,aAAA,CAACnE,iBAAA,CAAAQ,OAAK;IACJiE,GAAG,EAAElD,QAAS;IACdmD,MAAM,EAAE;MAAEC,GAAG,EAAEtD;IAAI,CAAE;IACrBM,MAAM,EAAEA,MAAO;IACfG,KAAK,EAAEA,KAAM;IACb8C,UAAU,EAAC,SAAS;IACpBC,gBAAgB,EAAE,KAAM;IACxBC,gBAAgB,EAAE,KAAM;IACxBC,MAAM,EAAGzE,CAAC,IAAK2B,WAAW,CAAC3B,CAAC,CAAC0B,QAAQ,CAAE;IACvCgD,UAAU,EAAG1E,CAAC,IAAK6B,cAAc,CAAC7B,CAAC,CAAC4B,WAAW,CAAE;IACjD+C,KAAK,EAAEA,CAAA,KAAM;MACXrD,SAAS,CAAC,IAAI,CAAC;MACfS,kBAAkB,CAAC,IAAI,CAAC;MACxBG,cAAc,CAAC,CAAC;IAClB,CAAE;IACF+B,KAAK,EAAEtD,MAAM,CAACiE;EAAM,CACrB,CAAC,eAGFhB,KAAA,CAAAC,aAAA,CAACpE,YAAA,CAAAoF,SAAS;IACRZ,KAAK,EAAEa,uBAAU,CAACC,YAAa;IAC/BC,OAAO,EAAEvC,aAAc;IACvBwC,iBAAiB,EAAC,QAAQ;IAC1BlB,kBAAkB,EAAC;EAAuB,CAC3C,CAAC,eAEFH,KAAA,CAAAC,aAAA,CAAC/D,cAAA,CAAAoF,aAAa;IACZC,OAAO,EAAErD,eAAgB;IACzBT,MAAM,EAAEA,MAAO;IACfW,WAAW,EAAEA,WAAY;IACzBR,KAAK,EAAEA,KAAM;IACbI,WAAW,EAAEA,WAAY;IACzBF,QAAQ,EAAEA,QAAS;IACnB0D,YAAY,EAAExC,gBAAiB;IAC/ByC,YAAY,EAAEtC,gBAAiB;IAC/BuC,cAAc,EAAE/B,kBAAmB;IACnCgC,aAAa,EAAE/B,iBAAkB;IACjCgC,YAAY,EAAE/B,gBAAiB;IAC/BgC,UAAU,EAAE/B;EAAe,CAC5B,CACG,CAAC,GACL,IACO,CAAC;AAElB","ignoreList":[]}

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

@@ -0,0 +1,116 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.VideoControls = VideoControls;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _reactNativeLinearGradient = _interopRequireDefault(require("react-native-linear-gradient"));
+var _icons = require("../../../../../../../../../core/design/icons");
+var _amityColorTokens = require("../../../../../../../../../core/design/tokens/amity-color-tokens");
+var _VideoScrubber = require("../VideoScrubber");
+var _styles = require("./styles");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// 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
+
+// 2. Third-party imports
+
+// 3. Internal imports
+
+// 4. Types
+
+const WHITE_ICON = _amityColorTokens.AmityColorToken.IconIconButtonTransparentPrimaryDefault;
+
+// 5. Named function component
+function VideoControls({
+  visible,
+  paused,
+  isScrubbing,
+  muted,
+  currentTime,
+  duration,
+  onTogglePlay,
+  onToggleMute,
+  onSkipBackward,
+  onSkipForward,
+  onScrubStart,
+  onScrubEnd
+}) {
+  const {
+    styles
+  } = (0, _styles.useStyles)();
+  const opacity = (0, _react.useRef)(new _reactNative.Animated.Value(visible ? 1 : 0)).current;
+  (0, _react.useEffect)(() => {
+    _reactNative.Animated.timing(opacity, {
+      toValue: visible ? 1 : 0,
+      duration: 200,
+      useNativeDriver: true
+    }).start();
+  }, [visible, opacity]);
+  return /*#__PURE__*/React.createElement(_reactNative.Animated.View, {
+    style: [styles.overlay, {
+      opacity
+    }],
+    pointerEvents: visible ? 'box-none' : 'none'
+  }, /*#__PURE__*/React.createElement(_reactNativeLinearGradient.default, {
+    colors: ['rgba(0, 0, 0, 0.2)', 'rgba(0, 0, 0, 0)'],
+    style: styles.header,
+    pointerEvents: "box-none"
+  }, /*#__PURE__*/React.createElement(_reactNative.Pressable, {
+    style: styles.headerButton,
+    hitSlop: 8,
+    onPress: onToggleMute,
+    accessibilityRole: "button",
+    accessibilityLabel: muted ? 'Unmute' : 'Mute'
+  }, /*#__PURE__*/React.createElement(_icons.AmityIcon, {
+    name: muted ? 'volume-slash-s' : 'volume-high-s',
+    size: 24,
+    tokenColor: WHITE_ICON
+  }))), !isScrubbing ? /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.centerWrap,
+    pointerEvents: "box-none"
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.centerRow
+  }, /*#__PURE__*/React.createElement(_reactNative.Pressable, {
+    style: styles.circleButton,
+    onPress: onSkipBackward,
+    accessibilityRole: "button",
+    accessibilityLabel: "Skip back 10 seconds"
+  }, /*#__PURE__*/React.createElement(_icons.AmityIcon, {
+    name: "Video-Backward10-r",
+    size: 24,
+    tokenColor: WHITE_ICON
+  })), /*#__PURE__*/React.createElement(_reactNative.Pressable, {
+    style: styles.circleButton,
+    onPress: onTogglePlay,
+    accessibilityRole: "button",
+    accessibilityLabel: paused ? 'Play' : 'Pause'
+  }, /*#__PURE__*/React.createElement(_icons.AmityIcon, {
+    name: paused ? 'video-play-s' : 'video-pause-s',
+    size: 24,
+    tokenColor: WHITE_ICON
+  })), /*#__PURE__*/React.createElement(_reactNative.Pressable, {
+    style: styles.circleButton,
+    onPress: onSkipForward,
+    accessibilityRole: "button",
+    accessibilityLabel: "Skip forward 10 seconds"
+  }, /*#__PURE__*/React.createElement(_icons.AmityIcon, {
+    name: "Video-Forward10-r",
+    size: 24,
+    tokenColor: WHITE_ICON
+  })))) : null, /*#__PURE__*/React.createElement(_VideoScrubber.VideoScrubber, {
+    currentTime: currentTime,
+    duration: duration,
+    onScrubStart: onScrubStart,
+    onScrubEnd: onScrubEnd
+  }));
+}
+//# sourceMappingURL=VideoControls.js.map

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

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

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

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "VideoControls", {
+  enumerable: true,
+  get: function () {
+    return _VideoControls.VideoControls;
+  }
+});
+var _VideoControls = require("./VideoControls");
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_VideoControls","require"],"sourceRoot":"../../../../../../../../../../../src","sources":["social/features/chat/features/shared/components/VideoPlayer/components/VideoControls/index.ts"],"mappings":";;;;;;;;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA","ignoreList":[]}

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

@@ -0,0 +1,62 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useStyles = void 0;
+var _reactNative = require("react-native");
+// 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).
+
+const useStyles = () => {
+  const styles = _reactNative.StyleSheet.create({
+    overlay: {
+      ..._reactNative.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: {
+      ..._reactNative.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
+  };
+};
+exports.useStyles = useStyles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","useStyles","styles","StyleSheet","create","overlay","absoluteFillObject","header","position","top","left","right","flexDirection","alignItems","justifyContent","paddingVertical","paddingHorizontal","headerButton","width","height","backgroundColor","centerWrap","centerRow","gap","circleButton","padding","borderRadius","exports"],"sourceRoot":"../../../../../../../../../../../src","sources":["social/features/chat/features/shared/components/VideoPlayer/components/VideoControls/styles.ts"],"mappings":";;;;;;AAMA,IAAAA,YAAA,GAAAC,OAAA;AANA;AACA;AACA;AACA;AACA;;AAIO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;IAC/BC,OAAO,EAAE;MACP,GAAGF,uBAAU,CAACG;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,GAAGlB,uBAAU,CAACG,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;IAAElB;EAAO,CAAC;AACnB,CAAC;AAACyB,OAAA,CAAA1B,SAAA,GAAAA,SAAA","ignoreList":[]}