@kesha-antonov/react-native-chat 5.0.1 → 6.0.0

package/lib/MessageVideo/RoundTranscription.js

@@ -0,0 +1,151 @@
+import { c as _c } from "react/compiler-runtime";
+import React, { useEffect } from 'react';
+import { View } from 'react-native';
+import Animated, { useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
+import { roundTranscribePosition } from '../components/roundNoteChrome';
+import { TranscribeButton, TranscriptionText } from '../components/TranscribeButton';
+import { useTheme } from '../hooks/useTheme';
+import { TRANSCRIPTION_GAP, TRANSCRIPTION_OPEN_MS, TRANSCRIPTION_PADDING_TOP } from './constants';
+import { styles } from './styles';
+
+/**
+ * The transcribe button beside a round note (closed: a
+ * 32dp circle on the service background, out of the bubble since a round note
+ * has none). It follows the note's grow on the UI thread.
+ */
+export const RoundTranscribeButton = t0 => {
+  const $ = _c(13);
+  const {
+    size,
+    grow,
+    isIncoming,
+    isOpen,
+    isLoading,
+    onPress
+  } = t0;
+  const theme = useTheme();
+  const positionStyle = useAnimatedStyle(() => roundTranscribePosition(isIncoming, size.value, grow.value));
+  let t1;
+  if ($[0] !== positionStyle) {
+    t1 = [styles.transcribe, positionStyle];
+    $[0] = positionStyle;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== theme.colors.dayPillBackground) {
+    t2 = <View pointerEvents="none" style={[styles.transcribeBackground, {
+      backgroundColor: theme.colors.dayPillBackground
+    }]} />;
+    $[2] = theme.colors.dayPillBackground;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  let t3;
+  if ($[4] !== isLoading || $[5] !== isOpen || $[6] !== onPress || $[7] !== theme.colors.dayPillText) {
+    t3 = <TranscribeButton isOpen={isOpen} isLoading={isLoading} onPress={onPress} color={theme.colors.dayPillText} />;
+    $[4] = isLoading;
+    $[5] = isOpen;
+    $[6] = onPress;
+    $[7] = theme.colors.dayPillText;
+    $[8] = t3;
+  } else {
+    t3 = $[8];
+  }
+  let t4;
+  if ($[9] !== t1 || $[10] !== t2 || $[11] !== t3) {
+    t4 = <Animated.View style={t1}>{t2}{t3}</Animated.View>;
+    $[9] = t1;
+    $[10] = t2;
+    $[11] = t3;
+    $[12] = t4;
+  } else {
+    t4 = $[12];
+  }
+  return t4;
+};
+
+/**
+ * The transcription of a round note, in a bubble of the sender's color under
+ * the circle. The bubble grows and fades with the text.
+ */
+export const RoundTranscription = t0 => {
+  const $ = _c(17);
+  const {
+    text,
+    isOpen,
+    isIncoming,
+    width
+  } = t0;
+  const theme = useTheme();
+  const open = useSharedValue(isOpen ? 1 : 0);
+  let t1;
+  let t2;
+  if ($[0] !== isOpen || $[1] !== open) {
+    t1 = () => {
+      open.set(withTiming(isOpen ? 1 : 0, {
+        duration: TRANSCRIPTION_OPEN_MS
+      }));
+    };
+    t2 = [isOpen, open];
+    $[0] = isOpen;
+    $[1] = open;
+    $[2] = t1;
+    $[3] = t2;
+  } else {
+    t1 = $[2];
+    t2 = $[3];
+  }
+  useEffect(t1, t2);
+  const bubbleStyle = useAnimatedStyle(() => ({
+    opacity: open.get(),
+    marginTop: TRANSCRIPTION_GAP * open.get(),
+    paddingTop: TRANSCRIPTION_PADDING_TOP * open.get()
+  }));
+  const t3 = isIncoming ? theme.colors.incomingBubble : theme.colors.outgoingBubble;
+  let t4;
+  if ($[4] !== t3 || $[5] !== width) {
+    t4 = {
+      width,
+      backgroundColor: t3
+    };
+    $[4] = t3;
+    $[5] = width;
+    $[6] = t4;
+  } else {
+    t4 = $[6];
+  }
+  let t5;
+  if ($[7] !== bubbleStyle || $[8] !== t4) {
+    t5 = [styles.transcription, t4, bubbleStyle];
+    $[7] = bubbleStyle;
+    $[8] = t4;
+    $[9] = t5;
+  } else {
+    t5 = $[9];
+  }
+  const t6 = isIncoming ? theme.colors.incomingText : theme.colors.outgoingText;
+  let t7;
+  if ($[10] !== isOpen || $[11] !== t6 || $[12] !== text) {
+    t7 = <TranscriptionText text={text} isOpen={isOpen} color={t6} />;
+    $[10] = isOpen;
+    $[11] = t6;
+    $[12] = text;
+    $[13] = t7;
+  } else {
+    t7 = $[13];
+  }
+  let t8;
+  if ($[14] !== t5 || $[15] !== t7) {
+    t8 = <Animated.View style={t5}>{t7}</Animated.View>;
+    $[14] = t5;
+    $[15] = t7;
+    $[16] = t8;
+  } else {
+    t8 = $[16];
+  }
+  return t8;
+};
+//# sourceMappingURL=RoundTranscription.js.map

package/lib/MessageVideo/RoundTranscription.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RoundTranscription.js","names":["React","useEffect","View","Animated","useAnimatedStyle","useSharedValue","withTiming","roundTranscribePosition","TranscribeButton","TranscriptionText","useTheme","TRANSCRIPTION_GAP","TRANSCRIPTION_OPEN_MS","TRANSCRIPTION_PADDING_TOP","styles","RoundTranscribeButton","t0","$","_c","size","grow","isIncoming","isOpen","isLoading","onPress","theme","positionStyle","value","t1","transcribe","t2","colors","dayPillBackground","transcribeBackground","backgroundColor","t3","dayPillText","t4","RoundTranscription","text","width","open","set","duration","bubbleStyle","opacity","get","marginTop","paddingTop","incomingBubble","outgoingBubble","t5","transcription","t6","incomingText","outgoingText","t7","t8"],"sources":["../../src/MessageVideo/RoundTranscription.tsx"],"sourcesContent":["import React, { useEffect } from 'react'\nimport { View } from 'react-native'\nimport Animated, { SharedValue, useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated'\nimport { roundTranscribePosition } from '../components/roundNoteChrome'\nimport { TranscribeButton, TranscriptionText } from '../components/TranscribeButton'\nimport { useTheme } from '../hooks/useTheme'\nimport { TRANSCRIPTION_GAP, TRANSCRIPTION_OPEN_MS, TRANSCRIPTION_PADDING_TOP } from './constants'\nimport { styles } from './styles'\n\n/**\n * The transcribe button beside a round note (closed: a\n * 32dp circle on the service background, out of the bubble since a round note\n * has none). It follows the note's grow on the UI thread.\n */\nexport const RoundTranscribeButton = ({\n  size,\n  grow,\n  isIncoming,\n  isOpen,\n  isLoading,\n  onPress,\n}: {\n  size: SharedValue<number>\n  grow: SharedValue<number>\n  isIncoming: boolean\n  isOpen: boolean\n  isLoading: boolean\n  onPress: () => void\n}) => {\n  const theme = useTheme()\n  const positionStyle = useAnimatedStyle(() => roundTranscribePosition(isIncoming, size.value, grow.value))\n\n  return (\n    <Animated.View style={[styles.transcribe, positionStyle]}>\n      <View pointerEvents='none' style={[styles.transcribeBackground, { backgroundColor: theme.colors.dayPillBackground }]} />\n      <TranscribeButton\n        isOpen={isOpen}\n        isLoading={isLoading}\n        onPress={onPress}\n        color={theme.colors.dayPillText}\n      />\n    </Animated.View>\n  )\n}\n\n/**\n * The transcription of a round note, in a bubble of the sender's color under\n * the circle. The bubble grows and fades with the text.\n */\nexport const RoundTranscription = ({\n  text,\n  isOpen,\n  isIncoming,\n  width,\n}: {\n  text: string | undefined\n  isOpen: boolean\n  isIncoming: boolean\n  /** The note's resting width. The text is measured off-flow, so the bubble needs one. */\n  width: number\n}) => {\n  const theme = useTheme()\n  const open = useSharedValue(isOpen ? 1 : 0)\n  useEffect(() => {\n    open.set(withTiming(isOpen ? 1 : 0, { duration: TRANSCRIPTION_OPEN_MS }))\n  }, [isOpen, open])\n  // Padding follows the opening too, so a closed transcription leaves no\n  // empty bubble behind.\n  const bubbleStyle = useAnimatedStyle(() => ({\n    opacity: open.get(),\n    marginTop: TRANSCRIPTION_GAP * open.get(),\n    paddingTop: TRANSCRIPTION_PADDING_TOP * open.get(),\n  }))\n\n  return (\n    <Animated.View\n      style={[\n        styles.transcription,\n        { width, backgroundColor: isIncoming ? theme.colors.incomingBubble : theme.colors.outgoingBubble },\n        bubbleStyle,\n      ]}\n    >\n      <TranscriptionText\n        text={text}\n        isOpen={isOpen}\n        color={isIncoming ? theme.colors.incomingText : theme.colors.outgoingText}\n      />\n    </Animated.View>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/MessageVideo/VideoTransferOverlay.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { IMessage } from '../Models';
+/**
+ * A video's media button while it uploads or waits to download (`transfer`,
+ * `isDownloadRequired`): a 48 ring over the frame and the size pill. A tap on the
+ * video is then the button's.
+ */
+export declare const VideoTransferOverlay: ({ message }: {
+    message: IMessage;
+}) => React.JSX.Element | null;
+//# sourceMappingURL=VideoTransferOverlay.d.ts.map

package/lib/MessageVideo/VideoTransferOverlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VideoTransferOverlay.d.ts","sourceRoot":"","sources":["../../src/MessageVideo/VideoTransferOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAWvC,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAA;AAGpC;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,GAAI,aAAa;IAAE,OAAO,EAAE,QAAQ,CAAA;CAAE,6BAiCtE,CAAA"}

package/lib/MessageVideo/VideoTransferOverlay.js

@@ -0,0 +1,88 @@
+import { c as _c } from "react/compiler-runtime";
+import React, { useState } from 'react';
+import { Pressable, StyleSheet, View } from 'react-native';
+import { MEDIA_BUTTON_SIZE, MEDIA_LOADER_BACKGROUND, MEDIA_LOADER_ICON, MediaInfoPill, transferLabel } from '../components/MediaLoader';
+import { transferState, useMediaTransfer } from '../components/mediaTransfer';
+import { RadialProgress } from '../components/RadialProgress';
+import { styles } from './styles';
+
+/**
+ * A video's media button while it uploads or waits to download (`transfer`,
+ * `isDownloadRequired`): a 48 ring over the frame and the size pill. A tap on the
+ * video is then the button's.
+ */
+export const VideoTransferOverlay = t0 => {
+  const $ = _c(15);
+  const {
+    message
+  } = t0;
+  const mediaTransfer = useMediaTransfer();
+  const state = transferState(message);
+  const [hasShown, setHasShown] = useState(!!state);
+  if (state && !hasShown) {
+    setHasShown(true);
+  }
+  if (!hasShown) {
+    return null;
+  }
+  const label = message.transfer ? transferLabel(state?.progress ?? 0, message.transfer.totalBytes) : null;
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = [StyleSheet.absoluteFill, styles.videoOverlay];
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  const t2 = state ? "auto" : "none";
+  const t3 = state?.icon === "cancel" ? "cancel" : "download video";
+  let t4;
+  if ($[1] !== mediaTransfer || $[2] !== message) {
+    t4 = () => {
+      if (message.transfer) {
+        mediaTransfer.onCancel(message);
+      } else {
+        if (message.isDownloadRequired) {
+          mediaTransfer.onDownload(message);
+        }
+      }
+    };
+    $[1] = mediaTransfer;
+    $[2] = message;
+    $[3] = t4;
+  } else {
+    t4 = $[3];
+  }
+  const t5 = state?.icon ?? "none";
+  const t6 = state?.progress ?? 0;
+  let t7;
+  if ($[4] !== t5 || $[5] !== t6) {
+    t7 = <RadialProgress icon={t5} progress={t6} size={MEDIA_BUTTON_SIZE} color={MEDIA_LOADER_ICON} backgroundColor={MEDIA_LOADER_BACKGROUND} />;
+    $[4] = t5;
+    $[5] = t6;
+    $[6] = t7;
+  } else {
+    t7 = $[6];
+  }
+  let t8;
+  if ($[7] !== label) {
+    t8 = label != null && <View style={styles.videoPill}><MediaInfoPill label={label} /></View>;
+    $[7] = label;
+    $[8] = t8;
+  } else {
+    t8 = $[8];
+  }
+  let t9;
+  if ($[9] !== t2 || $[10] !== t3 || $[11] !== t4 || $[12] !== t7 || $[13] !== t8) {
+    t9 = <Pressable style={t1} pointerEvents={t2} accessibilityRole="button" accessibilityLabel={t3} onPress={t4}>{t7}{t8}</Pressable>;
+    $[9] = t2;
+    $[10] = t3;
+    $[11] = t4;
+    $[12] = t7;
+    $[13] = t8;
+    $[14] = t9;
+  } else {
+    t9 = $[14];
+  }
+  return t9;
+};
+//# sourceMappingURL=VideoTransferOverlay.js.map

package/lib/MessageVideo/VideoTransferOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VideoTransferOverlay.js","names":["React","useState","Pressable","StyleSheet","View","MEDIA_BUTTON_SIZE","MEDIA_LOADER_BACKGROUND","MEDIA_LOADER_ICON","MediaInfoPill","transferLabel","transferState","useMediaTransfer","RadialProgress","styles","VideoTransferOverlay","t0","$","_c","message","mediaTransfer","state","hasShown","setHasShown","label","transfer","progress","totalBytes","t1","Symbol","for","absoluteFill","videoOverlay","t2","t3","icon","t4","onCancel","isDownloadRequired","onDownload","t5","t6","t7","t8","videoPill","t9"],"sources":["../../src/MessageVideo/VideoTransferOverlay.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { Pressable, StyleSheet, View } from 'react-native'\nimport {\n  MEDIA_BUTTON_SIZE,\n  MEDIA_LOADER_BACKGROUND,\n  MEDIA_LOADER_ICON,\n  MediaInfoPill,\n  transferLabel,\n} from '../components/MediaLoader'\nimport { transferState, useMediaTransfer } from '../components/mediaTransfer'\nimport { RadialProgress } from '../components/RadialProgress'\nimport { IMessage } from '../Models'\nimport { styles } from './styles'\n\n/**\n * A video's media button while it uploads or waits to download (`transfer`,\n * `isDownloadRequired`): a 48 ring over the frame and the size pill. A tap on the\n * video is then the button's.\n */\nexport const VideoTransferOverlay = ({ message }: { message: IMessage }) => {\n  const mediaTransfer = useMediaTransfer()\n  const state = transferState(message)\n  const [hasShown, setHasShown] = useState(!!state)\n  if (state && !hasShown)\n    setHasShown(true)\n  if (!hasShown)\n    return null\n\n  const label = message.transfer ? transferLabel(state?.progress ?? 0, message.transfer.totalBytes) : null\n  return (\n    <Pressable\n      style={[StyleSheet.absoluteFill, styles.videoOverlay]}\n      pointerEvents={state ? 'auto' : 'none'}\n      accessibilityRole='button'\n      accessibilityLabel={state?.icon === 'cancel' ? 'cancel' : 'download video'}\n      onPress={() => {\n        if (message.transfer)\n          mediaTransfer.onCancel(message)\n        else if (message.isDownloadRequired)\n          mediaTransfer.onDownload(message)\n      }}\n    >\n      <RadialProgress\n        icon={state?.icon ?? 'none'}\n        progress={state?.progress ?? 0}\n        size={MEDIA_BUTTON_SIZE}\n        color={MEDIA_LOADER_ICON}\n        backgroundColor={MEDIA_LOADER_BACKGROUND}\n      />\n      {label != null && <View style={styles.videoPill}><MediaInfoPill label={label} /></View>}\n    </Pressable>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/MessageVideo/constants.d.ts

@@ -0,0 +1,13 @@
+export declare const NOTE_SIZE_RATIO = 0.6;
+export declare const PLAYING_NOTE_INSET = 28;
+/** Centre the note once it has grown, so the list scrolls to its final size. */
+export declare const NOTE_CENTRE_DELAY_MS = 260;
+/** Seeks while dragging the ring are throttled to one per 100ms. */
+export declare const SEEK_THROTTLE_MS = 100;
+/** How often a playing note checks the player's real position. */
+export declare const PROGRESS_SYNC_MS = 250;
+/** The transcription opens with the cell's height change, about 220ms. */
+export declare const TRANSCRIPTION_OPEN_MS = 220;
+export declare const TRANSCRIPTION_GAP = 4;
+export declare const TRANSCRIPTION_PADDING_TOP = 6;
+//# sourceMappingURL=constants.d.ts.map

package/lib/MessageVideo/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/MessageVideo/constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,MAAM,CAAA;AAClC,eAAO,MAAM,kBAAkB,KAAK,CAAA;AACpC,gFAAgF;AAChF,eAAO,MAAM,oBAAoB,MAAM,CAAA;AACvC,oEAAoE;AACpE,eAAO,MAAM,gBAAgB,MAAM,CAAA;AACnC,kEAAkE;AAClE,eAAO,MAAM,gBAAgB,MAAM,CAAA;AACnC,0EAA0E;AAC1E,eAAO,MAAM,qBAAqB,MAAM,CAAA;AACxC,eAAO,MAAM,iBAAiB,IAAI,CAAA;AAClC,eAAO,MAAM,yBAAyB,IAAI,CAAA"}

package/lib/MessageVideo/constants.js

@@ -0,0 +1,15 @@
+// A round note is sized from the screen: 60% of its short side at rest, and
+// all of it but 28pt while it plays with sound.
+export const NOTE_SIZE_RATIO = 0.6;
+export const PLAYING_NOTE_INSET = 28;
+/** Centre the note once it has grown, so the list scrolls to its final size. */
+export const NOTE_CENTRE_DELAY_MS = 260;
+/** Seeks while dragging the ring are throttled to one per 100ms. */
+export const SEEK_THROTTLE_MS = 100;
+/** How often a playing note checks the player's real position. */
+export const PROGRESS_SYNC_MS = 250;
+/** The transcription opens with the cell's height change, about 220ms. */
+export const TRANSCRIPTION_OPEN_MS = 220;
+export const TRANSCRIPTION_GAP = 4;
+export const TRANSCRIPTION_PADDING_TOP = 6;
+//# sourceMappingURL=constants.js.map

package/lib/MessageVideo/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","names":["NOTE_SIZE_RATIO","PLAYING_NOTE_INSET","NOTE_CENTRE_DELAY_MS","SEEK_THROTTLE_MS","PROGRESS_SYNC_MS","TRANSCRIPTION_OPEN_MS","TRANSCRIPTION_GAP","TRANSCRIPTION_PADDING_TOP"],"sources":["../../src/MessageVideo/constants.ts"],"sourcesContent":["// A round note is sized from the screen: 60% of its short side at rest, and\n// all of it but 28pt while it plays with sound.\nexport const NOTE_SIZE_RATIO = 0.6\nexport const PLAYING_NOTE_INSET = 28\n/** Centre the note once it has grown, so the list scrolls to its final size. */\nexport const NOTE_CENTRE_DELAY_MS = 260\n/** Seeks while dragging the ring are throttled to one per 100ms. */\nexport const SEEK_THROTTLE_MS = 100\n/** How often a playing note checks the player's real position. */\nexport const PROGRESS_SYNC_MS = 250\n/** The transcription opens with the cell's height change, about 220ms. */\nexport const TRANSCRIPTION_OPEN_MS = 220\nexport const TRANSCRIPTION_GAP = 4\nexport const TRANSCRIPTION_PADDING_TOP = 6\n"],"mappings":"AAAA;AACA;AACA,OAAO,MAAMA,eAAe,GAAG,GAAG;AAClC,OAAO,MAAMC,kBAAkB,GAAG,EAAE;AACpC;AACA,OAAO,MAAMC,oBAAoB,GAAG,GAAG;AACvC;AACA,OAAO,MAAMC,gBAAgB,GAAG,GAAG;AACnC;AACA,OAAO,MAAMC,gBAAgB,GAAG,GAAG;AACnC;AACA,OAAO,MAAMC,qBAAqB,GAAG,GAAG;AACxC,OAAO,MAAMC,iBAAiB,GAAG,CAAC;AAClC,OAAO,MAAMC,yBAAyB,GAAG,CAAC","ignoreList":[]}

package/lib/{MessageVideo.d.ts → MessageVideo/index.d.ts}

@@ -1,4 +1,4 @@
 import React from 'react';
-import { IMessage, MessageVideoProps } from './Models';
+import { IMessage, MessageVideoProps } from '../Models';
 export declare function MessageVideo<TMessage extends IMessage = IMessage>({ currentMessage, position, containerStyle, videoStyle, videoProps, }: Partial<MessageVideoProps<TMessage>>): React.JSX.Element | null;
-//# sourceMappingURL=MessageVideo.d.ts.map
+//# sourceMappingURL=index.d.ts.map

package/lib/MessageVideo/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/MessageVideo/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAKzC,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AASvD,wBAAgB,YAAY,CAAC,QAAQ,SAAS,QAAQ,GAAG,QAAQ,EAAG,EAClE,cAAc,EACd,QAAiB,EACjB,cAAc,EACd,UAAU,EACV,UAAU,GACX,EAAE,OAAO,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAAC,4BAwEtC"}

package/lib/MessageVideo/index.js

@@ -0,0 +1,92 @@
+import { c as _c } from "react/compiler-runtime";
+import React, { useContext } from 'react';
+import { View, useWindowDimensions } from 'react-native';
+import { MediaCard } from '../components/MediaCard';
+import { LiftedPlaybackContext } from '../components/mediaPlayback';
+import { isFreshOutgoingNote } from '../components/voiceWaveform';
+import { NOTE_SIZE_RATIO, PLAYING_NOTE_INSET } from './constants';
+import { ExpoVideoPlayer } from './ExpoVideoPlayer';
+import { MirroredInlineVideo, MirroredRoundNote } from './MirroredVideo';
+import { RoundNotePlayer } from './RoundNotePlayer';
+import { styles } from './styles';
+import { isExpoVideoAvailable, isRoundNotePlayerAvailable, videoPlayerKey } from './videoPlayers';
+import { VideoTransferOverlay } from './VideoTransferOverlay';
+export function MessageVideo(t0) {
+  const $ = _c(21);
+  const {
+    currentMessage,
+    position: t1,
+    containerStyle,
+    videoStyle,
+    videoProps
+  } = t0;
+  const position = t1 === undefined ? "left" : t1;
+  const {
+    width,
+    height
+  } = useWindowDimensions();
+  const lifted = useContext(LiftedPlaybackContext);
+  const shortSide = Math.min(width, height);
+  const noteSize = shortSide * NOTE_SIZE_RATIO;
+  const playingNoteSize = shortSide - PLAYING_NOTE_INSET;
+  const uri = currentMessage?.video;
+  if (!uri) {
+    return null;
+  }
+  const isNote = !!currentMessage?.videoNote;
+  const t2 = noteSize / 2;
+  let t3;
+  if ($[0] !== noteSize || $[1] !== t2) {
+    t3 = {
+      width: noteSize,
+      height: noteSize,
+      borderRadius: t2
+    };
+    $[0] = noteSize;
+    $[1] = t2;
+    $[2] = t3;
+  } else {
+    t3 = $[2];
+  }
+  const noteStyle = t3;
+  const t4 = isNote && styles.noteContainer;
+  const t5 = isNote && (position === "right" ? styles.noteRight : styles.noteLeft);
+  let t6;
+  if ($[3] !== containerStyle || $[4] !== t4 || $[5] !== t5) {
+    t6 = [styles.container, t4, t5, containerStyle];
+    $[3] = containerStyle;
+    $[4] = t4;
+    $[5] = t5;
+    $[6] = t6;
+  } else {
+    t6 = $[6];
+  }
+  let t7;
+  if ($[7] !== currentMessage || $[8] !== isNote || $[9] !== lifted || $[10] !== noteSize || $[11] !== noteStyle || $[12] !== playingNoteSize || $[13] !== position || $[14] !== uri || $[15] !== videoProps || $[16] !== videoStyle) {
+    t7 = isExpoVideoAvailable && (!isNote || isRoundNotePlayerAvailable) ? isNote ? lifted && currentMessage?._id != null ? <MirroredRoundNote uri={uri} videoProps={videoProps} videoStyle={videoStyle} noteSize={noteSize} playingNoteSize={playingNoteSize} messageId={currentMessage._id} isIncoming={position === "left"} controller={lifted} /> : <RoundNotePlayer key={`${String(currentMessage?._id)}:${uri}`} uri={uri} videoProps={videoProps} videoStyle={videoStyle} duration={currentMessage?.duration} noteSize={noteSize} playingNoteSize={playingNoteSize} messageId={currentMessage?._id} isIncoming={position === "left"} isMediaUnread={currentMessage?.isMediaUnread} animateAppear={isFreshOutgoingNote(position, currentMessage?.createdAt)} message={currentMessage} isViewOnce={!!currentMessage?.isViewOnce} transcription={currentMessage?.transcription} /> : <View>{lifted && videoPlayerKey(currentMessage?._id, uri) ? <MirroredInlineVideo uri={uri} style={[styles.video, videoStyle]} videoProps={videoProps} playerKey={videoPlayerKey(currentMessage?._id, uri)} /> : <ExpoVideoPlayer uri={uri} style={[styles.video, videoStyle]} videoProps={videoProps} playerKey={videoPlayerKey(currentMessage?._id, uri)} />}{currentMessage && <VideoTransferOverlay message={currentMessage} />}</View> : <MediaCard kind="video" uri={uri} position={position} style={[isNote && noteStyle, videoStyle]} />;
+    $[7] = currentMessage;
+    $[8] = isNote;
+    $[9] = lifted;
+    $[10] = noteSize;
+    $[11] = noteStyle;
+    $[12] = playingNoteSize;
+    $[13] = position;
+    $[14] = uri;
+    $[15] = videoProps;
+    $[16] = videoStyle;
+    $[17] = t7;
+  } else {
+    t7 = $[17];
+  }
+  let t8;
+  if ($[18] !== t6 || $[19] !== t7) {
+    t8 = <View style={t6}>{t7}</View>;
+    $[18] = t6;
+    $[19] = t7;
+    $[20] = t8;
+  } else {
+    t8 = $[20];
+  }
+  return t8;
+}
+//# sourceMappingURL=index.js.map

package/lib/MessageVideo/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","useContext","View","useWindowDimensions","MediaCard","LiftedPlaybackContext","isFreshOutgoingNote","NOTE_SIZE_RATIO","PLAYING_NOTE_INSET","ExpoVideoPlayer","MirroredInlineVideo","MirroredRoundNote","RoundNotePlayer","styles","isExpoVideoAvailable","isRoundNotePlayerAvailable","videoPlayerKey","VideoTransferOverlay","MessageVideo","t0","$","_c","currentMessage","position","t1","containerStyle","videoStyle","videoProps","undefined","width","height","lifted","shortSide","Math","min","noteSize","playingNoteSize","uri","video","isNote","videoNote","t2","t3","borderRadius","noteStyle","t4","noteContainer","t5","noteRight","noteLeft","t6","container","t7","_id","String","duration","isMediaUnread","createdAt","isViewOnce","transcription","t8"],"sources":["../../src/MessageVideo/index.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport { View, useWindowDimensions } from 'react-native'\nimport { MediaCard } from '../components/MediaCard'\nimport { LiftedPlaybackContext } from '../components/mediaPlayback'\nimport { isFreshOutgoingNote } from '../components/voiceWaveform'\nimport { IMessage, MessageVideoProps } from '../Models'\nimport { NOTE_SIZE_RATIO, PLAYING_NOTE_INSET } from './constants'\nimport { ExpoVideoPlayer } from './ExpoVideoPlayer'\nimport { MirroredInlineVideo, MirroredRoundNote } from './MirroredVideo'\nimport { RoundNotePlayer } from './RoundNotePlayer'\nimport { styles } from './styles'\nimport { isExpoVideoAvailable, isRoundNotePlayerAvailable, videoPlayerKey } from './videoPlayers'\nimport { VideoTransferOverlay } from './VideoTransferOverlay'\n\nexport function MessageVideo<TMessage extends IMessage = IMessage> ({\n  currentMessage,\n  position = 'left',\n  containerStyle,\n  videoStyle,\n  videoProps,\n}: Partial<MessageVideoProps<TMessage>>) {\n  const { width, height } = useWindowDimensions()\n  // Inside a long-press copy: show what the original plays (see `MirroredRoundNote`).\n  const lifted = useContext(LiftedPlaybackContext)\n  const shortSide = Math.min(width, height)\n  const noteSize = shortSide * NOTE_SIZE_RATIO\n  const playingNoteSize = shortSide - PLAYING_NOTE_INSET\n  const uri = currentMessage?.video\n\n  if (!uri)\n    return null\n\n  const isNote = !!currentMessage?.videoNote\n  const noteStyle = { width: noteSize, height: noteSize, borderRadius: noteSize / 2 }\n\n  return (\n    <View\n      style={[\n        styles.container,\n        isNote && styles.noteContainer,\n        // A note follows its sender's side; hardcoding flex-end detached an\n        // incoming note from the left edge of its row.\n        isNote && (position === 'right' ? styles.noteRight : styles.noteLeft),\n        containerStyle,\n      ]}\n    >\n      {isExpoVideoAvailable && (!isNote || isRoundNotePlayerAvailable)\n        ? isNote\n          ? lifted && currentMessage?._id != null\n            ? (\n              <MirroredRoundNote\n                uri={uri}\n                videoProps={videoProps}\n                videoStyle={videoStyle}\n                noteSize={noteSize}\n                playingNoteSize={playingNoteSize}\n                messageId={currentMessage._id}\n                isIncoming={position === 'left'}\n                controller={lifted}\n              />\n            )\n            : (\n              <RoundNotePlayer\n              // A new note in this bubble (the uri changed) gets a fresh player and state\n              // rather than inheriting the previous one's.\n                key={`${String(currentMessage?._id)}:${uri}`}\n                uri={uri}\n                videoProps={videoProps}\n                videoStyle={videoStyle}\n                duration={currentMessage?.duration}\n                noteSize={noteSize}\n                playingNoteSize={playingNoteSize}\n                messageId={currentMessage?._id}\n                isIncoming={position === 'left'}\n                isMediaUnread={currentMessage?.isMediaUnread}\n                animateAppear={isFreshOutgoingNote(position, currentMessage?.createdAt)}\n                message={currentMessage}\n                isViewOnce={!!currentMessage?.isViewOnce}\n                transcription={currentMessage?.transcription}\n              />\n            )\n          : (\n            <View>\n              {lifted && videoPlayerKey(currentMessage?._id, uri)\n                ? <MirroredInlineVideo uri={uri} style={[styles.video, videoStyle]} videoProps={videoProps} playerKey={videoPlayerKey(currentMessage?._id, uri)!} />\n                : <ExpoVideoPlayer uri={uri} style={[styles.video, videoStyle]} videoProps={videoProps} playerKey={videoPlayerKey(currentMessage?._id, uri)} />}\n              {currentMessage && <VideoTransferOverlay message={currentMessage} />}\n            </View>\n          )\n        : <MediaCard kind='video' uri={uri} position={position} style={[isNote && noteStyle, videoStyle]} />}\n    </View>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/MessageVideo/liftedMedia.d.ts

@@ -0,0 +1,13 @@
+/** A lifted copy marks its media as shown while it is up (see `useReattachAfterLift`). */
+export declare const useMarkLifted: (playerKey: string, isEnabled: boolean) => void;
+/**
+ * On Android a player draws into one view at a time, the last one attached: the lifted copy takes
+ * the picture from the hidden original simply by attaching. The original must not let go of it by
+ * setting its player to null - expo-video then throws, as the player still reports a view - so it
+ * keeps its prop, and once the copy is gone it mounts its video view again (a new key), which
+ * attaches the player back. iOS shows one player in several views and needs none of this.
+ */
+export declare const useReattachAfterLift: (playerKey: string) => number;
+/** Where the grown circle sits, for the long-press copy to sit exactly over it. */
+export declare const useReportGrowShift: (playerKey: string, growShift: number) => void;
+//# sourceMappingURL=liftedMedia.d.ts.map

package/lib/MessageVideo/liftedMedia.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"liftedMedia.d.ts","sourceRoot":"","sources":["../../src/MessageVideo/liftedMedia.ts"],"names":[],"mappings":"AAIA,0FAA0F;AAC1F,eAAO,MAAM,aAAa,GAAI,WAAW,MAAM,EAAE,WAAW,OAAO,SAOlE,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,oBAAoB,GAAI,WAAW,MAAM,WAUrD,CAAA;AAED,mFAAmF;AACnF,eAAO,MAAM,kBAAkB,GAAI,WAAW,MAAM,EAAE,WAAW,MAAM,SAUtE,CAAA"}

package/lib/MessageVideo/liftedMedia.js

@@ -0,0 +1,106 @@
+import { c as _c } from "react/compiler-runtime";
+import { useEffect, useRef, useState } from 'react';
+import { Platform } from 'react-native';
+import { noteGrowShifts, setMediaLifted, useIsMediaLifted } from '../components/mediaPlayback';
+
+/** A lifted copy marks its media as shown while it is up (see `useReattachAfterLift`). */
+export const useMarkLifted = (playerKey, isEnabled) => {
+  const $ = _c(4);
+  let t0;
+  let t1;
+  if ($[0] !== isEnabled || $[1] !== playerKey) {
+    t0 = () => {
+      if (!isEnabled) {
+        return;
+      }
+      setMediaLifted(playerKey, true);
+      return () => setMediaLifted(playerKey, false);
+    };
+    t1 = [playerKey, isEnabled];
+    $[0] = isEnabled;
+    $[1] = playerKey;
+    $[2] = t0;
+    $[3] = t1;
+  } else {
+    t0 = $[2];
+    t1 = $[3];
+  }
+  useEffect(t0, t1);
+};
+
+/**
+ * On Android a player draws into one view at a time, the last one attached: the lifted copy takes
+ * the picture from the hidden original simply by attaching. The original must not let go of it by
+ * setting its player to null - expo-video then throws, as the player still reports a view - so it
+ * keeps its prop, and once the copy is gone it mounts its video view again (a new key), which
+ * attaches the player back. iOS shows one player in several views and needs none of this.
+ */
+export const useReattachAfterLift = playerKey => {
+  const $ = _c(3);
+  const isLifted = useIsMediaLifted(playerKey);
+  const [epoch, setEpoch] = useState(0);
+  const wasLiftedRef = useRef(false);
+  let t0;
+  let t1;
+  if ($[0] !== isLifted) {
+    t0 = () => {
+      if (wasLiftedRef.current && !isLifted && Platform.OS === "android") {
+        setEpoch(_temp);
+      }
+      wasLiftedRef.current = isLifted;
+    };
+    t1 = [isLifted];
+    $[0] = isLifted;
+    $[1] = t0;
+    $[2] = t1;
+  } else {
+    t0 = $[1];
+    t1 = $[2];
+  }
+  useEffect(t0, t1);
+  return epoch;
+};
+
+/** Where the grown circle sits, for the long-press copy to sit exactly over it. */
+export const useReportGrowShift = (playerKey, growShift) => {
+  const $ = _c(7);
+  let t0;
+  let t1;
+  if ($[0] !== growShift || $[1] !== playerKey) {
+    t0 = () => {
+      if (growShift) {
+        noteGrowShifts.set(playerKey, growShift);
+      } else {
+        noteGrowShifts.delete(playerKey);
+      }
+    };
+    t1 = [growShift, playerKey];
+    $[0] = growShift;
+    $[1] = playerKey;
+    $[2] = t0;
+    $[3] = t1;
+  } else {
+    t0 = $[2];
+    t1 = $[3];
+  }
+  useEffect(t0, t1);
+  let t2;
+  let t3;
+  if ($[4] !== playerKey) {
+    t2 = () => () => {
+      noteGrowShifts.delete(playerKey);
+    };
+    t3 = [playerKey];
+    $[4] = playerKey;
+    $[5] = t2;
+    $[6] = t3;
+  } else {
+    t2 = $[5];
+    t3 = $[6];
+  }
+  useEffect(t2, t3);
+};
+function _temp(value) {
+  return value + 1;
+}
+//# sourceMappingURL=liftedMedia.js.map

package/lib/MessageVideo/liftedMedia.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"liftedMedia.js","names":["useEffect","useRef","useState","Platform","noteGrowShifts","setMediaLifted","useIsMediaLifted","useMarkLifted","playerKey","isEnabled","$","_c","t0","t1","useReattachAfterLift","isLifted","epoch","setEpoch","wasLiftedRef","current","OS","_temp","useReportGrowShift","growShift","set","delete","t2","t3","value"],"sources":["../../src/MessageVideo/liftedMedia.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\nimport { Platform } from 'react-native'\nimport { noteGrowShifts, setMediaLifted, useIsMediaLifted } from '../components/mediaPlayback'\n\n/** A lifted copy marks its media as shown while it is up (see `useReattachAfterLift`). */\nexport const useMarkLifted = (playerKey: string, isEnabled: boolean) => {\n  useEffect(() => {\n    if (!isEnabled)\n      return\n    setMediaLifted(playerKey, true)\n    return () => setMediaLifted(playerKey, false)\n  }, [playerKey, isEnabled])\n}\n\n/**\n * On Android a player draws into one view at a time, the last one attached: the lifted copy takes\n * the picture from the hidden original simply by attaching. The original must not let go of it by\n * setting its player to null - expo-video then throws, as the player still reports a view - so it\n * keeps its prop, and once the copy is gone it mounts its video view again (a new key), which\n * attaches the player back. iOS shows one player in several views and needs none of this.\n */\nexport const useReattachAfterLift = (playerKey: string) => {\n  const isLifted = useIsMediaLifted(playerKey)\n  const [epoch, setEpoch] = useState(0)\n  const wasLiftedRef = useRef(false)\n  useEffect(() => {\n    if (wasLiftedRef.current && !isLifted && Platform.OS === 'android')\n      setEpoch(value => value + 1)\n    wasLiftedRef.current = isLifted\n  }, [isLifted])\n  return epoch\n}\n\n/** Where the grown circle sits, for the long-press copy to sit exactly over it. */\nexport const useReportGrowShift = (playerKey: string, growShift: number) => {\n  useEffect(() => {\n    if (growShift)\n      noteGrowShifts.set(playerKey, growShift)\n    else\n      noteGrowShifts.delete(playerKey)\n  }, [growShift, playerKey])\n  useEffect(() => () => {\n    noteGrowShifts.delete(playerKey)\n  }, [playerKey])\n}\n"],"mappings":"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","ignoreList":[]}