@amityco/react-native-social-uikit 4.1.1-e85011d9.0 → 4.1.1-fb84f89a.0

package/lib/typescript/social/components/SelectedMediaComponent/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/social/components/SelectedMediaComponent/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,YAAY,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAC"}

package/lib/typescript/social/components/SelectedMediaComponent/styles.d.ts

@@ -1,25 +0,0 @@
-export declare const useStyles: () => {
-    selectedMedia: {
-        width: "100%";
-        paddingVertical: number;
-    };
-    selectedMedia__track: {
-        position: "relative";
-        width: "100%";
-    };
-    selectedMedia__slide: {};
-    selectedMedia__frame: {
-        width: "100%";
-        overflow: "hidden";
-        backgroundColor: string;
-    };
-    selectedMedia__media: {
-        width: "100%";
-        height: "100%";
-    };
-    selectedMedia__mediaButton: {
-        width: "100%";
-        height: "100%";
-    };
-};
-//# sourceMappingURL=styles.d.ts.map

package/lib/typescript/social/components/SelectedMediaComponent/styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/social/components/SelectedMediaComponent/styles.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;CA8BrB,CAAC"}

package/lib/typescript/social/constants/index.d.ts

@@ -1,4 +0,0 @@
-export declare const MAX_INDICATOR_DOTS = 6;
-export declare const MEDIA_ATTACHMENT_CAP = 10;
-export declare const SWIPE_COMMIT_PX = 40;
-//# sourceMappingURL=index.d.ts.map

package/lib/typescript/social/constants/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/social/constants/index.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,kBAAkB,IAAI,CAAC;AACpC,eAAO,MAAM,oBAAoB,KAAK,CAAC;AACvC,eAAO,MAAM,eAAe,KAAK,CAAC"}

package/lib/typescript/social/elements/PostMediaElement/PostMediaElement.d.ts

@@ -1,15 +0,0 @@
-import { type MutableRefObject } from 'react';
-export type PostMediaControls = {
-    slideTo: (index: number) => void;
-};
-export type PostMediaElementProps = {
-    posts: Amity.Post[];
-    onImageClick: (index: number) => void;
-    onVideoClick: (index: number) => void;
-    controlsRef?: MutableRefObject<PostMediaControls | null>;
-    /** While the post's media children are still being fetched, show a
-     * placeholder frame instead of nothing (avoids a blank → pop). */
-    loading?: boolean;
-};
-export declare function PostMediaElement({ posts, onImageClick, onVideoClick, controlsRef, loading, }: PostMediaElementProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=PostMediaElement.d.ts.map

package/lib/typescript/social/elements/PostMediaElement/PostMediaElement.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PostMediaElement.d.ts","sourceRoot":"","sources":["../../../../../src/social/elements/PostMediaElement/PostMediaElement.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAqDzE,MAAM,MAAM,iBAAiB,GAAG;IAC9B,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC;IACpB,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,WAAW,CAAC,EAAE,gBAAgB,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;IACzD;sEACkE;IAClE,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,OAAe,GAChB,EAAE,qBAAqB,2CAiHvB"}

package/lib/typescript/social/elements/PostMediaElement/index.d.ts

@@ -1,3 +0,0 @@
-export { PostMediaElement } from './PostMediaElement';
-export type { PostMediaElementProps, PostMediaControls, } from './PostMediaElement';
-//# sourceMappingURL=index.d.ts.map

package/lib/typescript/social/elements/PostMediaElement/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/social/elements/PostMediaElement/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EACV,qBAAqB,EACrB,iBAAiB,GAClB,MAAM,oBAAoB,CAAC"}

package/lib/typescript/social/elements/PostMediaElement/styles.d.ts

@@ -1,88 +0,0 @@
-import { StyleSheet } from 'react-native';
-export declare const useStyles: () => StyleSheet.NamedStyles<any> | StyleSheet.NamedStyles<{
-    postMedia: {
-        marginHorizontal: number;
-        paddingVertical: number;
-    };
-    postMedia__track: {
-        position: "relative";
-        width: "100%";
-    };
-    postMedia__slide: {};
-    postMedia__frame: {
-        width: "100%";
-        overflow: "hidden";
-        backgroundColor: string;
-    };
-    postMedia__media: {
-        width: "100%";
-        height: "100%";
-    };
-    postMedia__playButton: {
-        position: "absolute";
-        top: "50%";
-        left: "50%";
-        width: number;
-        height: number;
-        transform: ({
-            translateX: number;
-            translateY?: undefined;
-        } | {
-            translateY: number;
-            translateX?: undefined;
-        })[];
-        zIndex: number;
-    };
-    postMedia__broken: {
-        flex: number;
-        alignItems: "center";
-        justifyContent: "center";
-        backgroundColor: string;
-    };
-    postMedia__counter: {
-        position: "absolute";
-        top: number;
-        right: number;
-        alignItems: "center";
-        justifyContent: "center";
-        paddingVertical: number;
-        paddingHorizontal: number;
-        borderRadius: number;
-        backgroundColor: string;
-    };
-    postMedia__counterLabel: {
-        color: string;
-    };
-    postMedia__indicator: {
-        flexDirection: "row";
-        alignItems: "center";
-        justifyContent: "center";
-        gap: number;
-        height: number;
-        marginTop: number;
-    };
-    postMedia__dotSlot: {
-        alignItems: "center";
-        justifyContent: "center";
-        width: number;
-        height: number;
-    };
-    postMedia__dot: {
-        borderRadius: number;
-        backgroundColor: string;
-    };
-    postMedia__dotActive: {
-        width: number;
-        height: number;
-        backgroundColor: string;
-    };
-    postMedia__dotInactive: {
-        width: number;
-        height: number;
-    };
-    postMedia__dotEdge: {
-        width: number;
-        height: number;
-    };
-}>;
-//# sourceMappingURL=styles.d.ts.map

package/lib/typescript/social/elements/PostMediaElement/styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/social/elements/PostMediaElement/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAM1C,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4FrB,CAAC"}

package/lib/typescript/social/utils/getFrameRatio.d.ts

@@ -1,21 +0,0 @@
-export type FrameRatio = '16:9' | '1:1' | '4:5';
-/**
- * Numeric aspect ratio (width / height) for each frame ratio.
- * React Native's `aspectRatio` style takes a number, unlike web's CSS string.
- */
-export declare const FRAME_RATIO_VALUE: Record<FrameRatio, number>;
-export declare const DEFAULT_FRAME_RATIO: FrameRatio;
-export declare function getFrameRatio(width?: number, height?: number): FrameRatio;
-/**
- * Swap width/height when a video is rotated 90/270 degrees so the frame ratio
- * reflects how the video is actually displayed. Mirrors web getVideoDisplayDims.
- */
-export declare function getVideoDisplayDims(video?: {
-    width?: number;
-    height?: number;
-    rotation?: number;
-}): {
-    width?: number;
-    height?: number;
-};
-//# sourceMappingURL=getFrameRatio.d.ts.map

package/lib/typescript/social/utils/getFrameRatio.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"getFrameRatio.d.ts","sourceRoot":"","sources":["../../../../src/social/utils/getFrameRatio.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,KAAK,GAAG,KAAK,CAAC;AAEhD;;;GAGG;AACH,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAIxD,CAAC;AAKF,eAAO,MAAM,mBAAmB,EAAE,UAAkB,CAAC;AAErD,wBAAgB,aAAa,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,UAAU,CAQzE;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,CAAC,EAAE;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,CAMtC"}

package/lib/typescript/social/utils/getIndicatorConfig.d.ts

@@ -1,11 +0,0 @@
-export type IndicatorDotState = 'active' | 'inactive' | 'edge';
-export type IndicatorDot = {
-    key: string;
-    state: IndicatorDotState;
-    side?: 'left' | 'right';
-};
-export type IndicatorConfig = {
-    dots: IndicatorDot[];
-};
-export declare function getIndicatorConfig(current: number, total: number): IndicatorConfig;
-//# sourceMappingURL=getIndicatorConfig.d.ts.map

package/lib/typescript/social/utils/getIndicatorConfig.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"getIndicatorConfig.d.ts","sourceRoot":"","sources":["../../../../src/social/utils/getIndicatorConfig.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,iBAAiB,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;AAE/D,MAAM,MAAM,YAAY,GAAG;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,iBAAiB,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,YAAY,EAAE,CAAC;CACtB,CAAC;AAEF,wBAAgB,kBAAkB,CAChC,OAAO,EAAE,MAAM,EACf,KAAK,EAAE,MAAM,GACZ,eAAe,CA4CjB"}

package/src/core/hooks/usePostByIds.ts

@@ -1,33 +0,0 @@
-import { useEffect, useState } from 'react';
-import { PostRepository } from '@amityco/ts-sdk-react-native';
-
-/**
- * Resolve a list of post ids to their loaded post objects — the same approach
- * the web UIKit uses (core/hooks/usePostByIds) to load an edited post's child
- * media. Uses the batch `getPostByIds` API, which is properly awaited, instead
- * of the racy per-id live-object fetch.
- */
-export const usePostByIds = (postIds: string[]) => {
-  const [posts, setPosts] = useState<Amity.Post[]>([]);
-  // Depend on a stable string key so a fresh `[]`/array identity each render
-  // doesn't re-trigger the effect (and loop).
-  const key = (postIds ?? []).join(',');
-
-  useEffect(() => {
-    let active = true;
-    async function run() {
-      if (!key) {
-        setPosts((prev) => (prev.length ? [] : prev));
-        return;
-      }
-      const response = await PostRepository.getPostByIds(key.split(','));
-      if (active) setPosts(response.data);
-    }
-    run();
-    return () => {
-      active = false;
-    };
-  }, [key]);
-
-  return posts;
-};

package/src/social/components/MediaViewer/MediaViewer.tsx

@@ -1,384 +0,0 @@
-import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import {
-  FlatList,
-  GestureResponderEvent,
-  Image,
-  ImageStyle,
-  LayoutChangeEvent,
-  Modal,
-  NativeScrollEvent,
-  NativeSyntheticEvent,
-  PanResponder,
-  Pressable,
-  StyleProp,
-  StyleSheet,
-  Text,
-  TouchableOpacity,
-  useWindowDimensions,
-  View,
-} from 'react-native';
-import Video, {
-  type OnLoadData,
-  type OnProgressData,
-  type VideoRef,
-} from 'react-native-video';
-import { SvgXml } from 'react-native-svg';
-import {
-  clearIcon,
-  pauseControlIcon,
-  playControlIcon,
-  soundOnIcon,
-  soundOffIcon,
-} from '../../../core/assets/icons/xml';
-import { useStyles } from './styles';
-
-export type MediaViewerItem = {
-  type: 'image' | 'video';
-  uri: string;
-  /** e.g. 'm3u8' for HLS (published) videos; omit for local files. */
-  videoType?: string;
-};
-
-type MediaViewerProps = {
-  visible: boolean;
-  items: MediaViewerItem[];
-  initialIndex: number;
-  /** Called with the last-viewed index so the caller can decide where to
-   * return (published: last-viewed; composer: originally-tapped). */
-  onClose: (lastIndex: number) => void;
-};
-
-const CONTROLS_AUTO_HIDE_MS = 3000;
-
-function formatTime(seconds: number): string {
-  if (!Number.isFinite(seconds) || seconds < 0) return '0:00';
-  const total = Math.floor(seconds);
-  const mins = Math.floor(total / 60);
-  const secs = total % 60;
-  return `${mins}:${secs.toString().padStart(2, '0')}`;
-}
-
-export function MediaViewer({
-  visible,
-  items,
-  initialIndex,
-  onClose,
-}: MediaViewerProps) {
-  const { styles } = useStyles();
-  const { width } = useWindowDimensions();
-  const listRef = useRef<FlatList<MediaViewerItem>>(null);
-  const videoRef = useRef<VideoRef | null>(null);
-  const [current, setCurrent] = 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] = useState(false);
-  const keepUnmutedRef = useRef(false);
-
-  // --- playback controls (ported from web VideoPlayerControls) ---
-  const [userPaused, setUserPaused] = useState(false);
-  const [progress, setProgress] = useState(0);
-  const [duration, setDuration] = useState(0);
-  const [scrubbing, setScrubbing] = useState(false);
-  const [controlsVisible, setControlsVisible] = useState(true);
-  const [trackWidth, setTrackWidth] = useState(0);
-  const hideTimer = useRef<ReturnType<typeof setTimeout> | null>(null);
-
-  const clearHideTimer = useCallback(() => {
-    if (hideTimer.current) {
-      clearTimeout(hideTimer.current);
-      hideTimer.current = null;
-    }
-  }, []);
-
-  const scheduleHide = useCallback(() => {
-    clearHideTimer();
-    hideTimer.current = setTimeout(
-      () => setControlsVisible(false),
-      CONTROLS_AUTO_HIDE_MS
-    );
-  }, [clearHideTimer]);
-
-  const revealControls = useCallback(() => {
-    setControlsVisible(true);
-    scheduleHide();
-  }, [scheduleHide]);
-
-  const resetPlayback = useCallback(() => {
-    setUserPaused(false);
-    setProgress(0);
-    setDuration(0);
-    setScrubbing(false);
-  }, []);
-
-  useEffect(() => {
-    if (!visible) {
-      clearHideTimer();
-      return;
-    }
-    setCurrent(initialIndex);
-    setMuted(false);
-    keepUnmutedRef.current = false;
-    resetPlayback();
-    revealControls();
-  }, [visible, initialIndex, resetPlayback, revealControls, clearHideTimer]);
-
-  const onMomentumScrollEnd = useCallback(
-    (e: NativeSyntheticEvent<NativeScrollEvent>) => {
-      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 = useCallback(() => {
-    setMuted((prev) => {
-      const next = !prev;
-      keepUnmutedRef.current = !next; // user unmuted -> keep unmuted afterwards
-      return next;
-    });
-    revealControls();
-  }, [revealControls]);
-
-  const togglePlay = useCallback(() => {
-    setUserPaused((p) => !p);
-    revealControls();
-  }, [revealControls]);
-
-  const onLoad = useCallback((data: OnLoadData) => {
-    setDuration(data.duration ?? 0);
-  }, []);
-
-  const onProgress = useCallback(
-    (data: OnProgressData) => {
-      if (!scrubbing) setProgress(data.currentTime);
-    },
-    [scrubbing]
-  );
-
-  const seekToX = useCallback(
-    (locationX: number) => {
-      if (trackWidth <= 0 || duration <= 0) return;
-      const ratio = Math.max(0, Math.min(1, locationX / trackWidth));
-      setProgress(ratio * duration);
-    },
-    [trackWidth, duration]
-  );
-
-  // Scrubber: a horizontal drag inside a horizontal pager. We claim the gesture
-  // and disable FlatList scroll while scrubbing so the two don't fight.
-  const panResponder = useMemo(
-    () =>
-      PanResponder.create({
-        onStartShouldSetPanResponder: () => true,
-        onMoveShouldSetPanResponder: () => true,
-        onPanResponderGrant: (e: GestureResponderEvent) => {
-          setScrubbing(true);
-          clearHideTimer();
-          setControlsVisible(true);
-          seekToX(e.nativeEvent.locationX);
-        },
-        onPanResponderMove: (e: GestureResponderEvent) => {
-          seekToX(e.nativeEvent.locationX);
-        },
-        onPanResponderRelease: (e: GestureResponderEvent) => {
-          const ratio =
-            trackWidth > 0
-              ? Math.max(0, Math.min(1, e.nativeEvent.locationX / trackWidth))
-              : 0;
-          const target = ratio * (duration || 0);
-          videoRef.current?.seek(target);
-          setProgress(target);
-          setScrubbing(false);
-          scheduleHide();
-        },
-        onPanResponderTerminate: () => {
-          setScrubbing(false);
-          scheduleHide();
-        },
-      }),
-    [seekToX, clearHideTimer, scheduleHide, trackWidth, duration]
-  );
-
-  const onTrackLayout = useCallback((e: LayoutChangeEvent) => {
-    setTrackWidth(e.nativeEvent.layout.width);
-  }, []);
-
-  // The control overlay must live INSIDE the page (a descendant of the pager),
-  // so horizontal drags on the tap-target are reclaimed by the FlatList's
-  // native scroll — a container-level sibling overlay would swallow swipes.
-  const renderControls = useCallback(() => {
-    const progressPct =
-      duration > 0 ? Math.max(0, Math.min(1, progress / duration)) : 0;
-    return (
-      <View style={StyleSheet.absoluteFill} pointerEvents="box-none">
-        {/* full-surface tap target: taps toggle controls; horizontal moves
-            fall through to the pager (Pressable cancels on move). */}
-        <Pressable
-          style={StyleSheet.absoluteFill}
-          onPress={() =>
-            controlsVisible ? setControlsVisible(false) : revealControls()
-          }
-        />
-        {controlsVisible && (
-          <>
-            {/* Centered play/pause */}
-            <View style={styles.centerControls} pointerEvents="box-none">
-              <TouchableOpacity style={styles.centerBtn} onPress={togglePlay}>
-                <SvgXml
-                  xml={
-                    userPaused
-                      ? playControlIcon('#FFFFFF')
-                      : pauseControlIcon('#FFFFFF')
-                  }
-                  width={24}
-                  height={24}
-                />
-              </TouchableOpacity>
-            </View>
-
-            {/* Bottom bar: time + scrubbable progress */}
-            <View style={styles.controlBar} pointerEvents="box-none">
-              <Text style={styles.controlTime}>
-                {formatTime(progress)} / {formatTime(duration)}
-              </Text>
-              <View
-                style={styles.progressTrack}
-                onLayout={onTrackLayout}
-                {...panResponder.panHandlers}
-              >
-                <View style={styles.progressBg} />
-                <View
-                  style={[
-                    styles.progressFill,
-                    { width: `${progressPct * 100}%` },
-                  ]}
-                />
-              </View>
-            </View>
-          </>
-        )}
-      </View>
-    );
-  }, [
-    styles,
-    controlsVisible,
-    setControlsVisible,
-    revealControls,
-    togglePlay,
-    userPaused,
-    progress,
-    duration,
-    onTrackLayout,
-    panResponder,
-  ]);
-
-  const renderItem = useCallback(
-    ({ item, index }: { item: MediaViewerItem; index: number }) => (
-      <View style={[styles.page, { width }]}>
-        {item.type === 'video' ? (
-          <>
-            {/* pointerEvents none so horizontal swipes reach the pager instead
-                of being captured by the native video view. */}
-            <View style={styles.media} pointerEvents="none">
-              <Video
-                ref={index === current ? videoRef : undefined}
-                source={
-                  item.videoType
-                    ? { uri: item.uri, type: item.videoType }
-                    : { uri: item.uri }
-                }
-                style={styles.media}
-                resizeMode="contain"
-                paused={index !== current || !visible || userPaused}
-                muted={muted && index === current}
-                repeat
-                playInBackground={false}
-                playWhenInactive={false}
-                onLoad={index === current ? onLoad : undefined}
-                onProgress={index === current ? onProgress : undefined}
-              />
-            </View>
-            {index === current && renderControls()}
-          </>
-        ) : (
-          <Image
-            source={{ uri: item.uri }}
-            style={styles.media as StyleProp<ImageStyle>}
-            resizeMode="contain"
-          />
-        )}
-      </View>
-    ),
-    [
-      styles,
-      width,
-      current,
-      muted,
-      visible,
-      userPaused,
-      onLoad,
-      onProgress,
-      renderControls,
-    ]
-  );
-
-  const currentIsVideo = items[current]?.type === 'video';
-
-  return (
-    <Modal
-      visible={visible}
-      transparent
-      animationType="fade"
-      onRequestClose={() => onClose(current)}
-    >
-      <View style={styles.container}>
-        <View style={styles.header}>
-          <TouchableOpacity
-            style={styles.headerBtn}
-            onPress={() => onClose(current)}
-          >
-            <SvgXml xml={clearIcon('white')} width={28} height={28} />
-          </TouchableOpacity>
-          <Text style={styles.counter}>
-            {current + 1}/{items.length}
-          </Text>
-          <View style={styles.headerBtn__right}>
-            {currentIsVideo && (
-              <TouchableOpacity onPress={toggleMute}>
-                <SvgXml
-                  xml={muted ? soundOffIcon('#FFFFFF') : soundOnIcon('#FFFFFF')}
-                  width={24}
-                  height={24}
-                />
-              </TouchableOpacity>
-            )}
-          </View>
-        </View>
-        <FlatList
-          ref={listRef}
-          data={items}
-          horizontal
-          pagingEnabled
-          scrollEnabled={!scrubbing}
-          showsHorizontalScrollIndicator={false}
-          keyExtractor={(it, i) => `${it.uri}-${i}`}
-          renderItem={renderItem}
-          getItemLayout={(_, index) => ({
-            length: width,
-            offset: width * index,
-            index,
-          })}
-          initialScrollIndex={initialIndex}
-          onMomentumScrollEnd={onMomentumScrollEnd}
-        />
-      </View>
-    </Modal>
-  );
-}

package/src/social/components/MediaViewer/index.tsx

@@ -1,2 +0,0 @@
-export { MediaViewer } from './MediaViewer';
-export type { MediaViewerItem } from './MediaViewer';