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

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

@@ -0,0 +1,266 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MediaViewer = MediaViewer;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _reactNativeVideo = _interopRequireDefault(require("react-native-video"));
+var _reactNativeSvg = require("react-native-svg");
+var _xml = require("../../../core/assets/icons/xml");
+var _styles = require("./styles");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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); }
+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')}`;
+}
+function MediaViewer({
+  visible,
+  items,
+  initialIndex,
+  onClose
+}) {
+  var _items$current;
+  const {
+    styles
+  } = (0, _styles.useStyles)();
+  const {
+    width
+  } = (0, _reactNative.useWindowDimensions)();
+  const listRef = (0, _react.useRef)(null);
+  const videoRef = (0, _react.useRef)(null);
+  const [current, setCurrent] = (0, _react.useState)(initialIndex);
+  // Mute-carry (PDT-4309 / PDT-4312): the first video plays unmuted; each swipe
+  // defaults the next video to muted — until the user unmutes, after which
+  // subsequent videos stay unmuted.
+  const [muted, setMuted] = (0, _react.useState)(false);
+  const keepUnmutedRef = (0, _react.useRef)(false);
+
+  // --- playback controls (ported from web VideoPlayerControls) ---
+  const [userPaused, setUserPaused] = (0, _react.useState)(false);
+  const [progress, setProgress] = (0, _react.useState)(0);
+  const [duration, setDuration] = (0, _react.useState)(0);
+  const [scrubbing, setScrubbing] = (0, _react.useState)(false);
+  const [controlsVisible, setControlsVisible] = (0, _react.useState)(true);
+  const [trackWidth, setTrackWidth] = (0, _react.useState)(0);
+  const hideTimer = (0, _react.useRef)(null);
+  const clearHideTimer = (0, _react.useCallback)(() => {
+    if (hideTimer.current) {
+      clearTimeout(hideTimer.current);
+      hideTimer.current = null;
+    }
+  }, []);
+  const scheduleHide = (0, _react.useCallback)(() => {
+    clearHideTimer();
+    hideTimer.current = setTimeout(() => setControlsVisible(false), CONTROLS_AUTO_HIDE_MS);
+  }, [clearHideTimer]);
+  const revealControls = (0, _react.useCallback)(() => {
+    setControlsVisible(true);
+    scheduleHide();
+  }, [scheduleHide]);
+  const resetPlayback = (0, _react.useCallback)(() => {
+    setUserPaused(false);
+    setProgress(0);
+    setDuration(0);
+    setScrubbing(false);
+  }, []);
+  (0, _react.useEffect)(() => {
+    if (!visible) {
+      clearHideTimer();
+      return;
+    }
+    setCurrent(initialIndex);
+    setMuted(false);
+    keepUnmutedRef.current = false;
+    resetPlayback();
+    revealControls();
+  }, [visible, initialIndex, resetPlayback, revealControls, clearHideTimer]);
+  const onMomentumScrollEnd = (0, _react.useCallback)(e => {
+    if (!width) return;
+    const idx = Math.round(e.nativeEvent.contentOffset.x / width);
+    if (idx !== current) {
+      setCurrent(idx);
+      setMuted(!keepUnmutedRef.current);
+      resetPlayback();
+      revealControls();
+    }
+  }, [width, current, resetPlayback, revealControls]);
+  const toggleMute = (0, _react.useCallback)(() => {
+    setMuted(prev => {
+      const next = !prev;
+      keepUnmutedRef.current = !next; // user unmuted -> keep unmuted afterwards
+      return next;
+    });
+    revealControls();
+  }, [revealControls]);
+  const togglePlay = (0, _react.useCallback)(() => {
+    setUserPaused(p => !p);
+    revealControls();
+  }, [revealControls]);
+  const onLoad = (0, _react.useCallback)(data => {
+    setDuration(data.duration ?? 0);
+  }, []);
+  const onProgress = (0, _react.useCallback)(data => {
+    if (!scrubbing) setProgress(data.currentTime);
+  }, [scrubbing]);
+  const seekToX = (0, _react.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 = (0, _react.useMemo)(() => _reactNative.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 = (0, _react.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 = (0, _react.useCallback)(() => {
+    const progressPct = duration > 0 ? Math.max(0, Math.min(1, progress / duration)) : 0;
+    return /*#__PURE__*/React.createElement(_reactNative.View, {
+      style: _reactNative.StyleSheet.absoluteFill,
+      pointerEvents: "box-none"
+    }, /*#__PURE__*/React.createElement(_reactNative.Pressable, {
+      style: _reactNative.StyleSheet.absoluteFill,
+      onPress: () => controlsVisible ? setControlsVisible(false) : revealControls()
+    }), controlsVisible && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_reactNative.View, {
+      style: styles.centerControls,
+      pointerEvents: "box-none"
+    }, /*#__PURE__*/React.createElement(_reactNative.TouchableOpacity, {
+      style: styles.centerBtn,
+      onPress: togglePlay
+    }, /*#__PURE__*/React.createElement(_reactNativeSvg.SvgXml, {
+      xml: userPaused ? (0, _xml.playControlIcon)('#FFFFFF') : (0, _xml.pauseControlIcon)('#FFFFFF'),
+      width: 24,
+      height: 24
+    }))), /*#__PURE__*/React.createElement(_reactNative.View, {
+      style: styles.controlBar,
+      pointerEvents: "box-none"
+    }, /*#__PURE__*/React.createElement(_reactNative.Text, {
+      style: styles.controlTime
+    }, formatTime(progress), " / ", formatTime(duration)), /*#__PURE__*/React.createElement(_reactNative.View, _extends({
+      style: styles.progressTrack,
+      onLayout: onTrackLayout
+    }, panResponder.panHandlers), /*#__PURE__*/React.createElement(_reactNative.View, {
+      style: styles.progressBg
+    }), /*#__PURE__*/React.createElement(_reactNative.View, {
+      style: [styles.progressFill, {
+        width: `${progressPct * 100}%`
+      }]
+    })))));
+  }, [styles, controlsVisible, setControlsVisible, revealControls, togglePlay, userPaused, progress, duration, onTrackLayout, panResponder]);
+  const renderItem = (0, _react.useCallback)(({
+    item,
+    index
+  }) => /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [styles.page, {
+      width
+    }]
+  }, item.type === 'video' ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.media,
+    pointerEvents: "none"
+  }, /*#__PURE__*/React.createElement(_reactNativeVideo.default, {
+    ref: index === current ? videoRef : undefined,
+    source: item.videoType ? {
+      uri: item.uri,
+      type: item.videoType
+    } : {
+      uri: item.uri
+    },
+    style: styles.media,
+    resizeMode: "contain",
+    paused: index !== current || !visible || userPaused,
+    muted: muted && index === current,
+    repeat: true,
+    playInBackground: false,
+    playWhenInactive: false,
+    onLoad: index === current ? onLoad : undefined,
+    onProgress: index === current ? onProgress : undefined
+  })), index === current && renderControls()) : /*#__PURE__*/React.createElement(_reactNative.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(_reactNative.Modal, {
+    visible: visible,
+    transparent: true,
+    animationType: "fade",
+    onRequestClose: () => onClose(current)
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.header
+  }, /*#__PURE__*/React.createElement(_reactNative.TouchableOpacity, {
+    style: styles.headerBtn,
+    onPress: () => onClose(current)
+  }, /*#__PURE__*/React.createElement(_reactNativeSvg.SvgXml, {
+    xml: (0, _xml.clearIcon)('white'),
+    width: 28,
+    height: 28
+  })), /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: styles.counter
+  }, current + 1, "/", items.length), /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.headerBtn__right
+  }, currentIsVideo && /*#__PURE__*/React.createElement(_reactNative.TouchableOpacity, {
+    onPress: toggleMute
+  }, /*#__PURE__*/React.createElement(_reactNativeSvg.SvgXml, {
+    xml: muted ? (0, _xml.soundOffIcon)('#FFFFFF') : (0, _xml.soundOnIcon)('#FFFFFF'),
+    width: 24,
+    height: 24
+  })))), /*#__PURE__*/React.createElement(_reactNative.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/commonjs/social/components/MediaViewer/MediaViewer.js.map

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["_MediaViewer","require"],"sourceRoot":"../../../../../src","sources":["social/components/MediaViewer/index.tsx"],"mappings":";;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA","ignoreList":[]}

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

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

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

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