@amityco/react-native-social-uikit 4.1.1-b58e7e9.0 → 4.1.1-bcb7944e.0

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

@@ -20,6 +20,10 @@ const useStyles = () => {
       height: width / 3 - 16,
       margin: 3
     },
+    carouselContainer: {
+      width: '100%',
+      height: '100%'
+    },
     image: {
       width: '100%',
       height: '100%',
@@ -48,11 +52,20 @@ 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/commonjs/social/components/LoadingVideo/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","useStyles","width","useWindowDimensions","StyleSheet","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","exports"],"sourceRoot":"../../../../../src","sources":["social/components/LoadingVideo/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAM;IAAEC;EAAM,CAAC,GAAG,IAAAC,gCAAmB,EAAC,CAAC;EACvC,OAAOC,uBAAU,CAACC,MAAM,CAAC;IACvBC,SAAS,EAAE;MACTC,IAAI,EAAE,CAAC;MACPC,MAAM,EAAEN,KAAK,GAAG,EAAE;MAClBO,MAAM,EAAE;IACV,CAAC;IACDC,gBAAgB,EAAE;MAChBR,KAAK,EAAEA,KAAK,GAAG,CAAC,GAAG,EAAE;MACrBM,MAAM,EAAEN,KAAK,GAAG,CAAC,GAAG,EAAE;MACtBO,MAAM,EAAE;IACV,CAAC;IACDE,KAAK,EAAE;MACLT,KAAK,EAAE,MAAM;MACbM,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;MACV5B,KAAK,EAAE,GAAG;MACVM,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;AAACC,OAAA,CAAA/B,SAAA,GAAAA,SAAA","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","useStyles","width","useWindowDimensions","StyleSheet","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","exports"],"sourceRoot":"../../../../../src","sources":["social/components/LoadingVideo/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAM;IAAEC;EAAM,CAAC,GAAG,IAAAC,gCAAmB,EAAC,CAAC;EACvC,OAAOC,uBAAU,CAACC,MAAM,CAAC;IACvBC,SAAS,EAAE;MACTC,IAAI,EAAE,CAAC;MACPC,MAAM,EAAEN,KAAK,GAAG,EAAE;MAClBO,MAAM,EAAE;IACV,CAAC;IACDC,gBAAgB,EAAE;MAChBR,KAAK,EAAEA,KAAK,GAAG,CAAC,GAAG,EAAE;MACrBM,MAAM,EAAEN,KAAK,GAAG,CAAC,GAAG,EAAE;MACtBO,MAAM,EAAE;IACV,CAAC;IACDE,iBAAiB,EAAE;MACjBT,KAAK,EAAE,MAAM;MACbM,MAAM,EAAE;IACV,CAAC;IACDI,KAAK,EAAE;MACLV,KAAK,EAAE,MAAM;MACbM,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;MACV9B,KAAK,EAAE,GAAG;MACVM,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;AAACE,OAAA,CAAAhC,SAAA,GAAAA,SAAA","ignoreList":[]}

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);
+  // 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] = (0, _react.useState)(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);
+    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);
+      resetPlayback();
+      revealControls();
+    }
+  }, [width, current, resetPlayback, revealControls]);
+  const toggleMute = (0, _react.useCallback)(() => {
+    setMuted(prev => !prev);
+    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
+    // 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(_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","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","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,126 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useStyles = void 0;
+var _reactNative = require("react-native");
+var _reactNativePaper = require("react-native-paper");
+var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
+const useStyles = () => {
+  const theme = (0, _reactNativePaper.useTheme)();
+  const {
+    top
+  } = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
+  const styles = _reactNative.StyleSheet.create({
+    container: {
+      flex: 1,
+      backgroundColor: '#000000'
+    },
+    header: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'space-between',
+      paddingHorizontal: 16,
+      // The viewer is a full-screen Modal, so its own content starts at y=0
+      // with nothing above it — the 56pt header sat under the notch / Dynamic
+      // Island and the close button could not be tapped at all. Inset the
+      // header instead of the container so the media itself still fills the
+      // screen behind it.
+      paddingTop: top,
+      height: 56 + top,
+      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","_reactNativeSafeAreaContext","useStyles","theme","useTheme","top","useSafeAreaInsets","styles","StyleSheet","create","container","flex","backgroundColor","header","flexDirection","alignItems","justifyContent","paddingHorizontal","paddingTop","height","zIndex","headerBtn","minWidth","headerBtn__right","counter","color","fontSize","fontWeight","muteGlyph","page","media","width","controlBar","position","left","right","bottom","paddingBottom","controlTime","marginBottom","progressTrack","progressBg","borderRadius","progressFill","centerControls","centerBtn","marginHorizontal","exports"],"sourceRoot":"../../../../../src","sources":["social/components/MediaViewer/styles.ts"],"mappings":"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","ignoreList":[]}