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

package/lib/components/mediaPlayback.js.map

@@ -1 +1 @@
-{"version":3,"file":"mediaPlayback.js","sourceRoot":"","sources":["../../src/components/mediaPlayback.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAIH,MAAM,OAAO,GAAG,IAAI,GAAG,EAAuB,CAAA;AAE9C;;;GAGG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAU,EAAE,IAAiB,EAAE,EAAE;IAC7D,KAAK,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC,IAAI,OAAO;QACxC,IAAI,OAAO,KAAK,EAAE;YAChB,IAAI,CAAC;gBACH,SAAS,EAAE,CAAA;YACb,CAAC;YAAC,MAAM,CAAC;gBACP,yDAAyD;YAC3D,CAAC;IAEL,OAAO,CAAC,KAAK,EAAE,CAAA;IACf,OAAO,CAAC,GAAG,CAAC,EAAE,EAAE,IAAI,CAAC,CAAA;AACvB,CAAC,CAAA;AAED,2DAA2D;AAC3D,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAU,EAAE,EAAE;IAC5C,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC,CAAA;AACpB,CAAC,CAAA"}
+{"version":3,"file":"mediaPlayback.js","names":["createContext","useContext","useEffect","useLayoutEffect","useRef","useSyncExternalStore","createNotePlayerCache","detachRoundNote","players","Map","claimPlayback","id","stop","otherId","stopOther","clear","set","releasePlayback","delete","stopAllPlayback","values","PLAYBACK_RATES","PLAYBACK_RATE_PRESETS","playbackRate","rateListeners","Set","getPlaybackRate","setPlaybackRate","rate","Number","isFinite","listener","nextPlaybackRate","index","indexOf","length","subscribeRate","add","usePlaybackRate","subscribePlaybackRate","isPlayableNote","message","audio","video","videoNote","createMediaPlaybackController","messages","isInverted","options","isAutoPlayNextEnabled","isRoundVideoAutoplayEnabled","entries","nearEarListeners","grownNote","grownTimeShift","grownListeners","scroller","nowPlaying","nowPlayingListeners","notifyNowPlaying","forEach","viewable","viewableListeners","floatingNote","floatingListeners","notePlayers","setViewableMessages","messageIds","next","size","every","has","isMessageViewable","messageId","undefined","subscribeViewable","setFloatingNote","getFloatingNote","subscribeFloatingNote","setNowPlaying","entry","clearNowPlaying","getNowPlaying","subscribeNowPlaying","getMessage","find","_id","setScroller","scrollToMessage","setGrownNote","timeShift","getGrownTimeShift","getGrownNote","subscribeGrownNote","setMessages","inverted","setOptions","wasNearEar","isNearEar","subscribeNearEar","getOptions","markRead","m","isMediaUnread","onMediaRead","register","get","onEnded","findIndex","step","i","play","MediaPlaybackContext","LiftedPlaybackContext","noteGrowShifts","liftedMedia","liftedListeners","subscribeLifted","setMediaLifted","key","isLifted","useIsMediaLifted","$","_c","t0","_temp","useReadablePlayback","controller","lifted","usePlaylistEntry","playRef","current","t1","t2","onEndedRef","_temp2","t3","useNotePlaybackOptions","markReadRef","_temp3","t4","onTranscribe","t5","onViewOnceEnd","t6","noSubscription","useIsNoteGrown","_temp4","useReportNoteGrown","isGrown","useNoteTimeShift","_temp5","useReportNowPlaying","kind","isCurrent","isPlaying","toggle","player","actionsRef","useScrollToMessage","useNowPlaying","_temp6","useIsNearEar","_temp7","useIsMessageViewable","_temp8","useIsNoteFloating","_temp9","sharedNotePlayers","useNotePlayerCache","detachRoundNoteFromRow","cache","cacheKey","canFloat","isActive","isFloatingRoundNoteEnabled","pause","keep","claim","unclaim","getRate","report","state","useMediaPlaybackController"],"sources":["../../src/components/mediaPlayback.ts"],"sourcesContent":["import { createContext, useContext, useEffect, useLayoutEffect, useRef, useSyncExternalStore } from 'react'\nimport { NotePlayer, NotePlayerCache, createNotePlayerCache, detachRoundNote } from './roundNotePlayers'\n\n/**\n * Module-level registry so only one piece of media plays at a time.\n *\n * Every voice note and round video note owns its own player, and nothing\n * coordinated them: starting a second note left the first one playing, and a\n * chat with several round notes played all of them at once. Now the current\n * one always stops when a new one starts.\n *\n * Deliberately not React context - bubbles are recycled by the list, and the\n * registry has to outlive individual mounts to stop a player whose row has\n * already scrolled away.\n */\n\n/**\n * Why a player is told to stop. `replaced`: another note started, so this one\n * is no longer current and resets its progress. `paused`: something else took the audio (a\n * recording), so it pauses and stays current.\n */\nexport type StopReason = 'replaced' | 'paused'\n\ntype StopHandler = (reason: StopReason) => void\n\nconst players = new Map<string, StopHandler>()\n\n/**\n * Claim playback for `id`, stopping whatever else was playing.\n * Call when a player actually starts. A paused note may keep its claim, so a\n * later note can still reset it.\n */\nexport const claimPlayback = (id: string, stop: StopHandler) => {\n  for (const [otherId, stopOther] of players)\n    if (otherId !== id)\n      try {\n        stopOther('replaced')\n      } catch {\n        // a player that fails to stop must not block the new one\n      }\n\n  players.clear()\n  players.set(id, stop)\n}\n\n/** Give up the claim (on completion, reset or unmount). */\nexport const releasePlayback = (id: string) => {\n  players.delete(id)\n}\n\n/**\n * Pause whatever is playing. Recording calls this first: opening the mic takes\n * audio focus, which pauses the playing note - otherwise it would bleed straight into the new take. The\n * paused note keeps its claim and stays current.\n */\nexport const stopAllPlayback = () => {\n  for (const stop of [...players.values()])\n    try {\n      stop('paused')\n    } catch {\n      // a player that fails to stop must not block the others\n    }\n}\n\n/** A tap of the speed pill cycles through these. */\nexport const PLAYBACK_RATES = [1, 1.5, 2] as const\n\n/**\n * The presets a long press on the speed pill offers: Slow, Normal, Medium,\n * Fast, Very fast and Super fast.\n */\nexport const PLAYBACK_RATE_PRESETS = [0.5, 1, 1.2, 1.5, 1.7, 2] as const\n\n/*\n * One playback speed for every voice and round note: picking 2x on one note keeps 2x for\n * the next instead of resetting each bubble to 1x. Module-level so it survives\n * rows being recycled; apps that want it across launches persist it through\n * `mediaPlayback.onPlaybackRateChange` and hand it back as `playbackRate`.\n */\nlet playbackRate = 1\nconst rateListeners = new Set<() => void>()\n\nexport const getPlaybackRate = () => playbackRate\n\nexport const setPlaybackRate = (rate: number) => {\n  if (!Number.isFinite(rate) || rate <= 0 || rate === playbackRate)\n    return\n\n  playbackRate = rate\n  for (const listener of rateListeners)\n    listener()\n}\n\n/** The next step on the speed pill after `rate`. */\nexport const nextPlaybackRate = (rate: number) => {\n  const index = PLAYBACK_RATES.indexOf(rate as typeof PLAYBACK_RATES[number])\n  return PLAYBACK_RATES[(index + 1) % PLAYBACK_RATES.length]\n}\n\nconst subscribeRate = (listener: () => void) => {\n  rateListeners.add(listener)\n  return () => {\n    rateListeners.delete(listener)\n  }\n}\n\n/** The shared playback speed, re-rendering when any note changes it. */\nexport const usePlaybackRate = () =>\n  useSyncExternalStore(subscribeRate, getPlaybackRate, getPlaybackRate)\n\nexport const subscribePlaybackRate = (listener: (rate: number) => void) =>\n  subscribeRate(() => listener(playbackRate))\n\n/** What a message needs for the \"play the next note\" lookup. */\ninterface PlaylistMessage {\n  _id: string | number\n  audio?: string\n  video?: string\n  videoNote?: boolean\n  isMediaUnread?: boolean\n}\n\n/** Chat-level playback options, from the `mediaPlayback` prop. */\nexport interface MediaPlaybackOptions {\n  isAutoPlayNextEnabled: boolean\n  isRoundVideoAutoplayEnabled: boolean\n  onMediaRead?: (message: any) => void\n  isNearEar?: boolean\n  onTranscribe?: (message: any) => void\n  onViewOnceEnd?: (message: any) => void\n  isFloatingRoundNoteEnabled?: boolean\n}\n\n/** A mounted player the controller can start when the previous note ends. */\ninterface PlaylistEntry {\n  play: () => void\n}\n\n/**\n * Per-chat coordinator for auto-playing the next note. When a voice or round\n * note finishes on its own, playback moves on to the next newer voice/round\n * message in the chat, so a run of notes plays as one.\n *\n * The chat feeds it the current messages on every render (a ref write, no\n * re-render), and players register by message id while they are mounted. The\n * next note can only be started if its row is mounted - the list virtualizes,\n * but the next note sits right below the current one, so it nearly always is.\n */\nexport interface MediaPlaybackController {\n  setMessages: (messages: readonly PlaylistMessage[], isInverted: boolean) => void\n  setOptions: (options: MediaPlaybackOptions) => void\n  getOptions: () => MediaPlaybackOptions\n  /** Notified when `isNearEar` flips (raise to listen). */\n  subscribeNearEar: (listener: () => void) => () => void\n  register: (messageId: string | number, entry: PlaylistEntry) => () => void\n  /** Called by a player whose note reached its end without being paused. */\n  onEnded: (messageId: string | number) => void\n  /**\n   * An incoming unread note started playing: report it, since playing\n   * marks the content read.\n   */\n  markRead: (messageId: string | number) => void\n  /**\n   * The round note grown to play, if any. Its row hides the sender's avatar\n   * meanwhile.\n   */\n  setGrownNote: (messageId: string | number | null, timeShift?: number) => void\n  getGrownNote: () => string | number | null\n  /**\n   * How far the grown note's right edge moved from where it rests, so the\n   * bubble can carry the sent time along with the circle.\n   */\n  getGrownTimeShift: () => number\n  subscribeGrownNote: (listener: () => void) => () => void\n  /**\n   * The note that owns playback, playing or paused, for the \"now playing\" bar\n   * at the top of the chat.\n   */\n  setNowPlaying: (entry: NowPlayingEntry | null) => void\n  /** Clears the bar only if `messageId` still owns it. */\n  clearNowPlaying: (messageId: string | number) => void\n  getNowPlaying: () => NowPlayingEntry | null\n  subscribeNowPlaying: (listener: () => void) => () => void\n  getMessage: (messageId: string | number) => PlaylistMessage | undefined\n  /** Set by the chat: scrolls the list so a message sits mid-screen. */\n  setScroller: (scroll: ((messageId: string | number) => void) | null) => void\n  /**\n   * Centres a message in the list, used when a round note starts playing.\n   */\n  scrollToMessage: (messageId: string | number) => void\n  /**\n   * The messages whose rows are at least partly on screen, from the list's\n   * viewability. The playing round note floats once its row is no longer\n   * among them.\n   */\n  setViewableMessages: (messageIds: readonly (string | number)[]) => void\n  /** `undefined` until the list first reports, so nothing floats before layout. */\n  isMessageViewable: (messageId: string | number) => boolean | undefined\n  subscribeViewable: (listener: () => void) => () => void\n  /** The round note drawn floating over the list, while its view is mounted. */\n  setFloatingNote: (messageId: string | number | null) => void\n  getFloatingNote: () => string | number | null\n  subscribeFloatingNote: (listener: () => void) => () => void\n  /** Round note players, which outlive their rows while the note is current. */\n  notePlayers: NotePlayerCache\n}\n\n/** What the \"now playing\" bar shows and controls. */\nexport interface NowPlayingEntry {\n  messageId: string | number\n  kind: 'voice' | 'round'\n  isPlaying: boolean\n  toggle: () => void\n  stop: () => void\n  /** A round note's expo-video player, so the floating note shows the same video. */\n  player?: unknown\n}\n\nconst isPlayableNote = (message: PlaylistMessage) =>\n  !!message.audio || (!!message.video && !!message.videoNote)\n\nexport const createMediaPlaybackController = (): MediaPlaybackController => {\n  let messages: readonly PlaylistMessage[] = []\n  let isInverted = true\n  let options: MediaPlaybackOptions = { isAutoPlayNextEnabled: true, isRoundVideoAutoplayEnabled: false }\n  const entries = new Map<string | number, PlaylistEntry>()\n  const nearEarListeners = new Set<() => void>()\n  let grownNote: string | number | null = null\n  let grownTimeShift = 0\n  const grownListeners = new Set<() => void>()\n  let scroller: ((messageId: string | number) => void) | null = null\n  let nowPlaying: NowPlayingEntry | null = null\n  const nowPlayingListeners = new Set<() => void>()\n  const notifyNowPlaying = () => nowPlayingListeners.forEach(listener => listener())\n  let viewable: Set<string | number> | null = null\n  const viewableListeners = new Set<() => void>()\n  let floatingNote: string | number | null = null\n  const floatingListeners = new Set<() => void>()\n  const notePlayers = createNotePlayerCache()\n\n  return {\n    notePlayers,\n    setViewableMessages (messageIds) {\n      const next = new Set(messageIds)\n      if (viewable && viewable.size === next.size && [...next].every(id => viewable!.has(id)))\n        return\n      viewable = next\n      viewableListeners.forEach(listener => listener())\n    },\n    isMessageViewable (messageId) {\n      return viewable ? viewable.has(messageId) : undefined\n    },\n    subscribeViewable (listener) {\n      viewableListeners.add(listener)\n      return () => {\n        viewableListeners.delete(listener)\n      }\n    },\n    setFloatingNote (messageId) {\n      if (floatingNote === messageId)\n        return\n      floatingNote = messageId\n      floatingListeners.forEach(listener => listener())\n    },\n    getFloatingNote () {\n      return floatingNote\n    },\n    subscribeFloatingNote (listener) {\n      floatingListeners.add(listener)\n      return () => {\n        floatingListeners.delete(listener)\n      }\n    },\n    setNowPlaying (entry) {\n      nowPlaying = entry\n      notifyNowPlaying()\n    },\n    clearNowPlaying (messageId) {\n      if (nowPlaying?.messageId !== messageId)\n        return\n      nowPlaying = null\n      notifyNowPlaying()\n    },\n    getNowPlaying () {\n      return nowPlaying\n    },\n    subscribeNowPlaying (listener) {\n      nowPlayingListeners.add(listener)\n      return () => {\n        nowPlayingListeners.delete(listener)\n      }\n    },\n    getMessage (messageId) {\n      return messages.find(message => message._id === messageId)\n    },\n    setScroller (next) {\n      scroller = next\n    },\n    scrollToMessage (messageId) {\n      scroller?.(messageId)\n    },\n    setGrownNote (messageId, timeShift = 0) {\n      if (grownNote === messageId && grownTimeShift === timeShift)\n        return\n      grownTimeShift = messageId == null ? 0 : timeShift\n      grownNote = messageId\n      grownListeners.forEach(listener => listener())\n    },\n    getGrownTimeShift () {\n      return grownTimeShift\n    },\n    getGrownNote () {\n      return grownNote\n    },\n    subscribeGrownNote (listener) {\n      grownListeners.add(listener)\n      return () => {\n        grownListeners.delete(listener)\n      }\n    },\n    setMessages (next, inverted) {\n      messages = next\n      isInverted = inverted\n    },\n    setOptions (next) {\n      const wasNearEar = !!options.isNearEar\n      options = next\n      // Rows do not re-render when the chat's options change, so the sensor\n      // reaches players through a subscription.\n      if (wasNearEar !== !!next.isNearEar)\n        nearEarListeners.forEach(listener => listener())\n    },\n    subscribeNearEar (listener) {\n      nearEarListeners.add(listener)\n      return () => {\n        nearEarListeners.delete(listener)\n      }\n    },\n    getOptions () {\n      return options\n    },\n    markRead (messageId) {\n      const message = messages.find(m => m._id === messageId)\n      if (message?.isMediaUnread)\n        options.onMediaRead?.(message)\n    },\n    register (messageId, entry) {\n      entries.set(messageId, entry)\n      return () => {\n        if (entries.get(messageId) === entry)\n          entries.delete(messageId)\n      }\n    },\n    onEnded (messageId) {\n      if (!options.isAutoPlayNextEnabled)\n        return\n\n      const index = messages.findIndex(message => message._id === messageId)\n      if (index < 0)\n        return\n\n      // An inverted list keeps the newest message first, so \"newer\" walks\n      // towards index 0; a non-inverted one walks the other way.\n      const step = isInverted ? -1 : 1\n      for (let i = index + step; i >= 0 && i < messages.length; i += step) {\n        const message = messages[i]\n        if (!isPlayableNote(message))\n          continue\n\n        entries.get(message._id)?.play()\n        return\n      }\n    },\n  }\n}\n\nexport const MediaPlaybackContext = createContext<MediaPlaybackController | null>(null)\n\n/**\n * Inside the long-press copy of a message: the chat's playback, to show (never drive). The copy\n * sits over its hidden original while the menu is open; its media mirrors what the original is\n * playing, as Telegram's lifted message does, instead of starting a player of its own.\n */\nexport const LiftedPlaybackContext = createContext<MediaPlaybackController | null>(null)\n\n/**\n * The horizontal shift of each grown round note, by its player key, so a lifted copy of it sits\n * exactly over the original.\n */\nexport const noteGrowShifts = new Map<string, number>()\n\n// Media a lifted copy is showing, by player key. On Android a player draws into one view at a\n// time, so the hidden original lets go of it while the copy holds it, and takes it back after.\nconst liftedMedia = new Set<string>()\nconst liftedListeners = new Set<() => void>()\nconst subscribeLifted = (listener: () => void) => {\n  liftedListeners.add(listener)\n  return () => {\n    liftedListeners.delete(listener)\n  }\n}\n\n/** A lifted copy started (or stopped) showing the media under `key`. */\nexport const setMediaLifted = (key: string, isLifted: boolean) => {\n  if (isLifted)\n    liftedMedia.add(key)\n  else\n    liftedMedia.delete(key)\n  liftedListeners.forEach(listener => listener())\n}\n\n/** Whether a lifted copy is showing the media under `key`. */\nexport const useIsMediaLifted = (key: string) => useSyncExternalStore(\n  subscribeLifted,\n  () => liftedMedia.has(key),\n  () => false\n)\n\n/** The chat's controller, or, inside a lifted copy, the one it mirrors. Read-only uses only. */\nconst useReadablePlayback = () => {\n  const controller = useContext(MediaPlaybackContext)\n  const lifted = useContext(LiftedPlaybackContext)\n  return controller ?? lifted\n}\n\n/**\n * Registers a player for auto-play-next and returns the `onEnded` callback it\n * should fire when its note finishes on its own. A no-op outside a `Chat`, or\n * when the message id is unknown.\n */\nexport const usePlaylistEntry = (messageId: string | number | undefined, play: () => void) => {\n  const controller = useContext(MediaPlaybackContext)\n  const playRef = useRef(play)\n  useLayoutEffect(() => {\n    playRef.current = play\n  })\n\n  useEffect(() => {\n    if (!controller || messageId == null)\n      return\n\n    return controller.register(messageId, { play: () => playRef.current() })\n  }, [controller, messageId])\n\n  const onEndedRef = useRef(() => {})\n  useLayoutEffect(() => {\n    onEndedRef.current = () => {\n      if (controller && messageId != null)\n        controller.onEnded(messageId)\n    }\n  })\n\n  return onEndedRef\n}\n\n/**\n * Whether round notes loop silently in the list, and a callback that reports\n * an incoming unread note as read. Both are no-ops outside a `Chat`.\n */\nexport const useNotePlaybackOptions = (messageId: string | number | undefined) => {\n  const controller = useContext(MediaPlaybackContext)\n  const markReadRef = useRef(() => {})\n  useLayoutEffect(() => {\n    markReadRef.current = () => {\n      if (controller && messageId != null)\n        controller.markRead(messageId)\n    }\n  })\n\n  const options = controller?.getOptions()\n  return {\n    isRoundVideoAutoplayEnabled: options?.isRoundVideoAutoplayEnabled ?? false,\n    isNearEar: options?.isNearEar ?? false,\n    onTranscribe: options?.onTranscribe,\n    onViewOnceEnd: options?.onViewOnceEnd,\n    markReadRef,\n  }\n}\n\nconst noSubscription = () => () => {}\n\n/** Whether this message's round note is grown to play; false outside a `Chat`. */\nexport const useIsNoteGrown = (messageId: string | number | undefined) => {\n  const controller = useReadablePlayback()\n  return useSyncExternalStore(\n    controller?.subscribeGrownNote ?? noSubscription,\n    () => messageId != null && controller?.getGrownNote() === messageId,\n    () => false\n  )\n}\n\n/** Reports this note growing or shrinking back, so its row can hide the avatar. */\nexport const useReportNoteGrown = (messageId: string | number | undefined, isGrown: boolean, timeShift = 0) => {\n  const controller = useContext(MediaPlaybackContext)\n  useEffect(() => {\n    if (!controller || messageId == null || !isGrown)\n      return\n\n    controller.setGrownNote(messageId, timeShift)\n  }, [controller, messageId, isGrown, timeShift])\n\n  useEffect(() => {\n    if (!controller || messageId == null || !isGrown)\n      return\n\n    return () => {\n      if (controller.getGrownNote() === messageId)\n        controller.setGrownNote(null)\n    }\n  }, [controller, messageId, isGrown])\n}\n\n/** How far this message's grown round note moved its right edge; 0 at rest. */\nexport const useNoteTimeShift = (messageId: string | number | undefined) => {\n  const controller = useReadablePlayback()\n  return useSyncExternalStore(\n    controller?.subscribeGrownNote ?? noSubscription,\n    () => messageId != null && controller?.getGrownNote() === messageId ? controller.getGrownTimeShift() : 0,\n    () => 0\n  )\n}\n\n/**\n * Puts this note in the \"now playing\" bar while it owns playback, playing or\n * paused, and takes it out when it stops, is replaced or unmounts.\n */\nexport const useReportNowPlaying = (\n  messageId: string | number | undefined,\n  kind: 'voice' | 'round',\n  isCurrent: boolean,\n  isPlaying: boolean,\n  toggle: () => void,\n  stop: () => void,\n  player?: unknown\n) => {\n  const controller = useContext(MediaPlaybackContext)\n  const actionsRef = useRef({ toggle, stop })\n  useLayoutEffect(() => {\n    actionsRef.current = { toggle, stop }\n  })\n\n  useEffect(() => {\n    if (!controller || messageId == null || !isCurrent)\n      return\n\n    controller.setNowPlaying({\n      messageId,\n      kind,\n      isPlaying,\n      toggle: () => actionsRef.current.toggle(),\n      stop: () => actionsRef.current.stop(),\n      player,\n    })\n  }, [controller, messageId, kind, isCurrent, isPlaying, player])\n\n  useEffect(() => {\n    if (!controller || messageId == null || !isCurrent)\n      return\n\n    return () => controller.clearNowPlaying(messageId)\n  }, [controller, messageId, isCurrent])\n}\n\n/** Centres a message in the chat's list; a no-op outside a `Chat`. */\nexport const useScrollToMessage = () => {\n  const controller = useContext(MediaPlaybackContext)\n  return (messageId: string | number | undefined) => {\n    if (controller && messageId != null)\n      controller.scrollToMessage(messageId)\n  }\n}\n\n/** The note in the \"now playing\" bar, or null; null outside a `Chat`. */\nexport const useNowPlaying = () => {\n  const controller = useContext(MediaPlaybackContext)\n  return useSyncExternalStore(\n    controller?.subscribeNowPlaying ?? noSubscription,\n    () => controller?.getNowPlaying() ?? null,\n    () => null\n  )\n}\n\n/** The phone is held to the ear (raise to listen); false outside a `Chat`. */\nexport const useIsNearEar = () => {\n  const controller = useContext(MediaPlaybackContext)\n  return useSyncExternalStore(\n    controller?.subscribeNearEar ?? noSubscription,\n    () => !!controller?.getOptions().isNearEar,\n    () => false\n  )\n}\n\n/**\n * Whether a message's row is on screen: `undefined` outside a `Chat` or before\n * the list has reported, so callers can tell \"scrolled away\" from \"unknown\".\n */\nexport const useIsMessageViewable = (messageId: string | number | undefined) => {\n  const controller = useContext(MediaPlaybackContext)\n  return useSyncExternalStore(\n    controller?.subscribeViewable ?? noSubscription,\n    () => (controller && messageId != null ? controller.isMessageViewable(messageId) : undefined),\n    () => undefined\n  )\n}\n\n/** Whether this message's round note is currently drawn floating over the list. */\nexport const useIsNoteFloating = (messageId: string | number | undefined) => {\n  const controller = useContext(MediaPlaybackContext)\n  return useSyncExternalStore(\n    controller?.subscribeFloatingNote ?? noSubscription,\n    () => messageId != null && controller?.getFloatingNote() === messageId,\n    () => false\n  )\n}\n\n// Round notes rendered outside a `Chat` still borrow their players from a\n// cache, so React's strict effects (unmount, mount again) do not release a\n// player that is still on screen.\nconst sharedNotePlayers = createNotePlayerCache()\n\n/** The chat's round note players, or a shared cache outside a `Chat`. */\nexport const useNotePlayerCache = () => {\n  const controller = useContext(MediaPlaybackContext)\n  return controller?.notePlayers ?? sharedNotePlayers\n}\n\n/**\n * Hands a current round note whose row is unmounting over to a detached\n * session, so it keeps playing (and floating) until it ends, another note\n * starts, or its row mounts again and takes it back. Without a `Chat`, or\n * while the chat itself is going away, the note just stops.\n */\nexport const detachRoundNoteFromRow = (\n  controller: MediaPlaybackController | null,\n  cache: NotePlayerCache,\n  cacheKey: string | number,\n  messageId: string | number | undefined,\n  player: NotePlayer,\n  isPlaying: boolean,\n  /** False for a note that must not outlive its row (a view-once one). */\n  canFloat = true\n) => {\n  if (\n    !canFloat ||\n    !controller ||\n    messageId == null ||\n    !cache.isActive() ||\n    controller.getOptions().isFloatingRoundNoteEnabled === false\n  ) {\n    try {\n      player.pause()\n    } catch {\n      // already torn down\n    }\n    cache.keep(cacheKey, false)\n    return\n  }\n\n  detachRoundNote(cacheKey, player, isPlaying, {\n    cache,\n    claim: claimPlayback,\n    unclaim: releasePlayback,\n    getRate: getPlaybackRate,\n    subscribeRate: subscribePlaybackRate,\n    report: state => {\n      if (state)\n        controller.setNowPlaying({ messageId, kind: 'round', player, ...state })\n      else\n        controller.clearNowPlaying(messageId)\n    },\n    onEnded: () => controller.onEnded(messageId),\n  })\n}\n\n/** The chat's playback controller, or `null` outside a `Chat`. */\nexport const useMediaPlaybackController = () => useContext(MediaPlaybackContext)\n"],"mappings":"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","ignoreList":[]}

package/lib/components/mediaTransfer.d.ts

@@ -0,0 +1,29 @@
+import { IMessage, MediaTransferProps } from '../Models';
+/**
+ * The app's download and cancel handlers, read at press time so a new handler
+ * on every render of `Chat` never re-renders a bubble.
+ */
+export interface MediaTransferController {
+    get: () => MediaTransferProps | undefined;
+}
+export declare const createMediaTransferController: () => {
+    get: () => MediaTransferProps | undefined;
+    set: (next: MediaTransferProps | undefined) => void;
+};
+export declare const MediaTransferContext: import("react").Context<MediaTransferController | null>;
+/** The handlers `Chat` was given; empty outside a `Chat`. */
+export declare const useMediaTransfer: () => {
+    onDownload: (message: IMessage) => void | undefined;
+    onCancel: (message: IMessage) => void | undefined;
+    hasDownloadHandler: () => boolean;
+};
+/** What a media button shows for a message's `transfer` / `isDownloadRequired`. */
+export declare const transferState: (message: IMessage | undefined) => {
+    icon: "cancel";
+    progress: number;
+} | {
+    icon: "download";
+    progress: number;
+} | null;
+export declare const clampProgress: (value: number | undefined) => number;
+//# sourceMappingURL=mediaTransfer.d.ts.map

package/lib/components/mediaTransfer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mediaTransfer.d.ts","sourceRoot":"","sources":["../../src/components/mediaTransfer.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAA;AAExD;;;GAGG;AACH,MAAM,WAAW,uBAAuB;IACtC,GAAG,EAAE,MAAM,kBAAkB,GAAG,SAAS,CAAA;CAC1C;AAED,eAAO,MAAM,6BAA6B;;gBAI1B,kBAAkB,GAAG,SAAS;CAI7C,CAAA;AAED,eAAO,MAAM,oBAAoB,yDAAsD,CAAA;AAEvF,6DAA6D;AAC7D,eAAO,MAAM,gBAAgB;0BAGH,QAAQ;wBACV,QAAQ;;CAG/B,CAAA;AAED,mFAAmF;AACnF,eAAO,MAAM,aAAa,GAAI,SAAS,QAAQ,GAAG,SAAS;;;;;;QAM1D,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,OAAO,MAAM,GAAG,SAAS,WACyB,CAAA"}

package/lib/components/mediaTransfer.js

@@ -0,0 +1,52 @@
+import { c as _c } from "react/compiler-runtime";
+import { createContext, useContext } from 'react';
+
+/**
+ * The app's download and cancel handlers, read at press time so a new handler
+ * on every render of `Chat` never re-renders a bubble.
+ */
+
+export const createMediaTransferController = () => {
+  let props;
+  return {
+    get: () => props,
+    set: next => {
+      props = next;
+    }
+  };
+};
+export const MediaTransferContext = createContext(null);
+
+/** The handlers `Chat` was given; empty outside a `Chat`. */
+export const useMediaTransfer = () => {
+  const $ = _c(2);
+  const controller = useContext(MediaTransferContext);
+  let t0;
+  if ($[0] !== controller) {
+    t0 = {
+      onDownload: message => controller?.get()?.onDownload?.(message),
+      onCancel: message_0 => controller?.get()?.onCancel?.(message_0),
+      hasDownloadHandler: () => !!controller?.get()?.onDownload
+    };
+    $[0] = controller;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return t0;
+};
+
+/** What a media button shows for a message's `transfer` / `isDownloadRequired`. */
+export const transferState = message => {
+  if (message?.transfer) return {
+    icon: 'cancel',
+    progress: clampProgress(message.transfer.progress)
+  };
+  if (message?.isDownloadRequired) return {
+    icon: 'download',
+    progress: 0
+  };
+  return null;
+};
+export const clampProgress = value => value == null || !Number.isFinite(value) ? 0 : Math.max(0, Math.min(1, value));
+//# sourceMappingURL=mediaTransfer.js.map

package/lib/components/mediaTransfer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mediaTransfer.js","names":["createContext","useContext","createMediaTransferController","props","get","set","next","MediaTransferContext","useMediaTransfer","$","_c","controller","t0","onDownload","message","onCancel","message_0","hasDownloadHandler","transferState","transfer","icon","progress","clampProgress","isDownloadRequired","value","Number","isFinite","Math","max","min"],"sources":["../../src/components/mediaTransfer.ts"],"sourcesContent":["import { createContext, useContext } from 'react'\n\nimport { IMessage, MediaTransferProps } from '../Models'\n\n/**\n * The app's download and cancel handlers, read at press time so a new handler\n * on every render of `Chat` never re-renders a bubble.\n */\nexport interface MediaTransferController {\n  get: () => MediaTransferProps | undefined\n}\n\nexport const createMediaTransferController = () => {\n  let props: MediaTransferProps | undefined\n  return {\n    get: () => props,\n    set: (next: MediaTransferProps | undefined) => {\n      props = next\n    },\n  }\n}\n\nexport const MediaTransferContext = createContext<MediaTransferController | null>(null)\n\n/** The handlers `Chat` was given; empty outside a `Chat`. */\nexport const useMediaTransfer = () => {\n  const controller = useContext(MediaTransferContext)\n  return {\n    onDownload: (message: IMessage) => controller?.get()?.onDownload?.(message),\n    onCancel: (message: IMessage) => controller?.get()?.onCancel?.(message),\n    hasDownloadHandler: () => !!controller?.get()?.onDownload,\n  }\n}\n\n/** What a media button shows for a message's `transfer` / `isDownloadRequired`. */\nexport const transferState = (message: IMessage | undefined) => {\n  if (message?.transfer)\n    return { icon: 'cancel' as const, progress: clampProgress(message.transfer.progress) }\n  if (message?.isDownloadRequired)\n    return { icon: 'download' as const, progress: 0 }\n  return null\n}\n\nexport const clampProgress = (value: number | undefined) =>\n  value == null || !Number.isFinite(value) ? 0 : Math.max(0, Math.min(1, value))\n"],"mappings":";AAAA,SAASA,aAAa,EAAEC,UAAU,QAAQ,OAAO;;AAIjD;AACA;AACA;AACA;;AAKA,OAAO,MAAMC,6BAA6B,GAAGA,CAAA,KAAM;EACjD,IAAIC,KAAqC;EACzC,OAAO;IACLC,GAAG,EAAEA,CAAA,KAAMD,KAAK;IAChBE,GAAG,EAAGC,IAAoC,IAAK;MAC7CH,KAAK,GAAGG,IAAI;IACd;EACF,CAAC;AACH,CAAC;AAED,OAAO,MAAMC,oBAAoB,GAAGP,aAAa,CAAiC,IAAI,CAAC;;AAEvF;AACA,OAAO,MAAMQ,gBAAgB,GAAGA,CAAA;EAAA,MAAAC,CAAA,GAAAC,EAAA;EAC9B,MAAAC,UAAA,GAAmBV,UAAU,CAACM,oBAAoB,CAAC;EAAA,IAAAK,EAAA;EAAA,IAAAH,CAAA,QAAAE,UAAA;IAC5CC,EAAA;MAAAC,UAAA,EACOC,OAAA,IAAuBH,UAAU,EAAAP,GAAO,CAAW,CAAC,EAAAS,UAAW,GAARC,OAAO,CAAC;MAAAC,QAAA,EACjEC,SAAA,IAAuBL,UAAU,EAAAP,GAAO,CAAS,CAAC,EAAAW,QAAW,GAARD,SAAO,CAAC;MAAAG,kBAAA,EACnDA,CAAA,KAAM,CAAC,CAACN,UAAU,EAAAP,GAAO,CAAW,CAAC,EAAAS;IAC3D,CAAC;IAAAJ,CAAA,MAAAE,UAAA;IAAAF,CAAA,MAAAG,EAAA;EAAA;IAAAA,EAAA,GAAAH,CAAA;EAAA;EAAA,OAJMG,EAIN;AAAA,CACF;;AAED;AACA,OAAO,MAAMM,aAAa,GAAIJ,OAA6B,IAAK;EAC9D,IAAIA,OAAO,EAAEK,QAAQ,EACnB,OAAO;IAAEC,IAAI,EAAE,QAAiB;IAAEC,QAAQ,EAAEC,aAAa,CAACR,OAAO,CAACK,QAAQ,CAACE,QAAQ;EAAE,CAAC;EACxF,IAAIP,OAAO,EAAES,kBAAkB,EAC7B,OAAO;IAAEH,IAAI,EAAE,UAAmB;IAAEC,QAAQ,EAAE;EAAE,CAAC;EACnD,OAAO,IAAI;AACb,CAAC;AAED,OAAO,MAAMC,aAAa,GAAIE,KAAyB,IACrDA,KAAK,IAAI,IAAI,IAAI,CAACC,MAAM,CAACC,QAAQ,CAACF,KAAK,CAAC,GAAG,CAAC,GAAGG,IAAI,CAACC,GAAG,CAAC,CAAC,EAAED,IAAI,CAACE,GAAG,CAAC,CAAC,EAAEL,KAAK,CAAC,CAAC","ignoreList":[]}

package/lib/components/mediaViewer/MediaViewer.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { ImageProps } from 'react-native';
+import { IMessage } from '../../Models';
+export interface MediaViewerProps {
+    /** The photos to page through, oldest first. */
+    items: IMessage[];
+    initialIndex: number;
+    imageProps?: Partial<ImageProps>;
+    onClose: () => void;
+}
+/**
+ * The full-screen photo viewer: every photo in the chat, side by side, swiped through as in
+ * Telegram (left for newer, right for older), pinch and double tap to zoom, and a drag up or
+ * down to put it away.
+ */
+export declare function MediaViewer({ items, initialIndex, imageProps, onClose }: MediaViewerProps): React.JSX.Element;
+//# sourceMappingURL=MediaViewer.d.ts.map

package/lib/components/mediaViewer/MediaViewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaViewer.d.ts","sourceRoot":"","sources":["../../../src/components/mediaViewer/MediaViewer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAA;AACvE,OAAO,EAAe,UAAU,EAAuF,MAAM,cAAc,CAAA;AAM3I,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAevC,MAAM,WAAW,gBAAgB;IAC/B,gDAAgD;IAChD,KAAK,EAAE,QAAQ,EAAE,CAAA;IACjB,YAAY,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,CAAA;IAChC,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAE,EAAE,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,OAAO,EAAE,EAAE,gBAAgB,qBA+H1F"}

package/lib/components/mediaViewer/MediaViewer.js

@@ -0,0 +1,347 @@
+import { c as _c } from "react/compiler-runtime";
+import React, { useCallback, useEffect, useRef, useState } from 'react';
+import { BackHandler, StatusBar, StyleSheet, useWindowDimensions } from 'react-native';
+import { FlatList, GestureDetector, GestureHandlerRootView, usePanGesture } from 'react-native-gesture-handler';
+import { OverKeyboardView } from 'react-native-keyboard-controller';
+import Animated, { runOnJS, useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
+import { SafeAreaProvider } from 'react-native-safe-area-context';
+import { DECELERATE, EASE_OUT_QUINT } from '../../motion';
+import { MediaViewerChrome } from './MediaViewerChrome';
+import { MediaViewerPage } from './MediaViewerPage';
+
+// Telegram's viewer keeps 15dp between neighbouring photos, and a release past a third of the
+// screen or faster than 650dp/s turns the page (`PhotoViewer.onTouchEvent`); a native paging
+// list gives the same feel and the platform's own fling.
+const PAGE_GAP = 15;
+const OPEN = {
+  duration: 250,
+  easing: EASE_OUT_QUINT
+};
+const CLOSE = {
+  duration: 200,
+  easing: DECELERATE
+};
+// Dragged this share of the screen down (or flung), the photo is let go.
+const DISMISS_SHARE = 0.15;
+const DISMISS_VELOCITY = 1000;
+/**
+ * The full-screen photo viewer: every photo in the chat, side by side, swiped through as in
+ * Telegram (left for newer, right for older), pinch and double tap to zoom, and a drag up or
+ * down to put it away.
+ */
+export function MediaViewer(t0) {
+  const $ = _c(68);
+  const {
+    items,
+    initialIndex,
+    imageProps,
+    onClose
+  } = t0;
+  const {
+    width,
+    height
+  } = useWindowDimensions();
+  const pageWidth = width + PAGE_GAP;
+  const listRef = useRef(null);
+  const [index, setIndex] = useState(initialIndex);
+  const [zoomedIndex, setZoomedIndex] = useState(null);
+  const isZoomed = zoomedIndex === index;
+  const progress = useSharedValue(0);
+  const dragY = useSharedValue(0);
+  const [isClosing, setIsClosing] = useState(false);
+  let t1;
+  let t2;
+  if ($[0] !== progress) {
+    t1 = () => {
+      progress.set(withTiming(1, OPEN));
+    };
+    t2 = [progress];
+    $[0] = progress;
+    $[1] = t1;
+    $[2] = t2;
+  } else {
+    t1 = $[1];
+    t2 = $[2];
+  }
+  useEffect(t1, t2);
+  let t3;
+  if ($[3] !== isClosing || $[4] !== onClose || $[5] !== progress) {
+    t3 = () => {
+      if (isClosing) {
+        return;
+      }
+      setIsClosing(true);
+      progress.set(withTiming(0, CLOSE, isFinished => {
+        if (isFinished) {
+          runOnJS(onClose)();
+        }
+      }));
+    };
+    $[3] = isClosing;
+    $[4] = onClose;
+    $[5] = progress;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  const close = t3;
+  let t4;
+  let t5;
+  if ($[7] !== close) {
+    t4 = () => {
+      const subscription = BackHandler.addEventListener("hardwareBackPress", () => {
+        close();
+        return true;
+      });
+      return () => subscription.remove();
+    };
+    t5 = [close];
+    $[7] = close;
+    $[8] = t4;
+    $[9] = t5;
+  } else {
+    t4 = $[8];
+    t5 = $[9];
+  }
+  useEffect(t4, t5);
+  let t6;
+  if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
+    t6 = (pageIndex, isPageZoomed) => {
+      setZoomedIndex(current => isPageZoomed ? pageIndex : current === pageIndex ? null : current);
+    };
+    $[10] = t6;
+  } else {
+    t6 = $[10];
+  }
+  const onZoomStateChange = t6;
+  let t7;
+  if ($[11] !== items.length || $[12] !== pageWidth) {
+    t7 = event => {
+      const next = Math.round(event.nativeEvent.contentOffset.x / pageWidth);
+      setIndex(Math.max(0, Math.min(items.length - 1, next)));
+    };
+    $[11] = items.length;
+    $[12] = pageWidth;
+    $[13] = t7;
+  } else {
+    t7 = $[13];
+  }
+  const onMomentumScrollEnd = t7;
+  const t8 = !isZoomed && !isClosing;
+  let t10;
+  let t9;
+  if ($[14] === Symbol.for("react.memo_cache_sentinel")) {
+    t9 = [-12, 12];
+    t10 = [-12, 12];
+    $[14] = t10;
+    $[15] = t9;
+  } else {
+    t10 = $[14];
+    t9 = $[15];
+  }
+  let t11;
+  if ($[16] !== dragY) {
+    t11 = event_0 => {
+      dragY.set(event_0.translationY);
+    };
+    $[16] = dragY;
+    $[17] = t11;
+  } else {
+    t11 = $[17];
+  }
+  let t12;
+  if ($[18] !== close || $[19] !== dragY || $[20] !== height) {
+    t12 = event_1 => {
+      const y = dragY.get();
+      if (Math.abs(y) > height * DISMISS_SHARE || Math.abs(event_1.velocityY) > DISMISS_VELOCITY) {
+        dragY.set(withTiming(Math.sign(y || event_1.velocityY) * height, CLOSE));
+        runOnJS(close)();
+      } else {
+        dragY.set(withTiming(0, OPEN));
+      }
+    };
+    $[18] = close;
+    $[19] = dragY;
+    $[20] = height;
+    $[21] = t12;
+  } else {
+    t12 = $[21];
+  }
+  let t13;
+  if ($[22] !== t11 || $[23] !== t12 || $[24] !== t8) {
+    t13 = {
+      enabled: t8,
+      activeOffsetY: t9,
+      failOffsetX: t10,
+      onUpdate: t11,
+      onDeactivate: t12
+    };
+    $[22] = t11;
+    $[23] = t12;
+    $[24] = t8;
+    $[25] = t13;
+  } else {
+    t13 = $[25];
+  }
+  const dismissPan = usePanGesture(t13);
+  const backdropStyle = useAnimatedStyle(() => ({
+    opacity: progress.get() * (1 - Math.min(1, Math.abs(dragY.get()) / (height / 2)))
+  }));
+  const contentStyle = useAnimatedStyle(() => ({
+    opacity: progress.get(),
+    transform: [{
+      translateY: dragY.get()
+    }, {
+      scale: 0.9 + 0.1 * progress.get()
+    }]
+  }));
+  const chromeStyle = useAnimatedStyle(() => ({
+    opacity: progress.get() * (dragY.get() === 0 ? 1 : 0)
+  }));
+  let t14;
+  if ($[26] !== height || $[27] !== imageProps || $[28] !== pageWidth || $[29] !== width) {
+    t14 = t15 => {
+      const {
+        item,
+        index: pageIndex_0
+      } = t15;
+      return <MediaViewerPage message={item} index={pageIndex_0} width={width} height={height} pageWidth={pageWidth} listRef={listRef} imageProps={imageProps} onZoomStateChange={onZoomStateChange} />;
+    };
+    $[26] = height;
+    $[27] = imageProps;
+    $[28] = pageWidth;
+    $[29] = width;
+    $[30] = t14;
+  } else {
+    t14 = $[30];
+  }
+  const renderItem = t14;
+  let t15;
+  if ($[31] !== pageWidth) {
+    t15 = (_, itemIndex) => ({
+      length: pageWidth,
+      offset: pageWidth * itemIndex,
+      index: itemIndex
+    });
+    $[31] = pageWidth;
+    $[32] = t15;
+  } else {
+    t15 = $[32];
+  }
+  const getItemLayout = t15;
+  let t16;
+  if ($[33] === Symbol.for("react.memo_cache_sentinel")) {
+    t16 = <StatusBar animated={true} barStyle="light-content" />;
+    $[33] = t16;
+  } else {
+    t16 = $[33];
+  }
+  let t17;
+  if ($[34] !== backdropStyle) {
+    t17 = <Animated.View style={[StyleSheet.absoluteFill, styles.backdrop, backdropStyle]} />;
+    $[34] = backdropStyle;
+    $[35] = t17;
+  } else {
+    t17 = $[35];
+  }
+  let t18;
+  if ($[36] !== contentStyle) {
+    t18 = [StyleSheet.absoluteFill, contentStyle];
+    $[36] = contentStyle;
+    $[37] = t18;
+  } else {
+    t18 = $[37];
+  }
+  const t19 = !isZoomed;
+  let t20;
+  if ($[38] !== pageWidth) {
+    t20 = {
+      width: pageWidth
+    };
+    $[38] = pageWidth;
+    $[39] = t20;
+  } else {
+    t20 = $[39];
+  }
+  let t21;
+  if ($[40] !== getItemLayout || $[41] !== initialIndex || $[42] !== items || $[43] !== onMomentumScrollEnd || $[44] !== renderItem || $[45] !== t19 || $[46] !== t20) {
+    t21 = <FlatList ref={listRef} testID="media-viewer-pager" data={items} keyExtractor={_temp} renderItem={renderItem} getItemLayout={getItemLayout} initialScrollIndex={initialIndex} horizontal={true} pagingEnabled={true} scrollEnabled={t19} showsHorizontalScrollIndicator={false} onMomentumScrollEnd={onMomentumScrollEnd} initialNumToRender={1} maxToRenderPerBatch={2} windowSize={3} style={t20} />;
+    $[40] = getItemLayout;
+    $[41] = initialIndex;
+    $[42] = items;
+    $[43] = onMomentumScrollEnd;
+    $[44] = renderItem;
+    $[45] = t19;
+    $[46] = t20;
+    $[47] = t21;
+  } else {
+    t21 = $[47];
+  }
+  let t22;
+  if ($[48] !== t18 || $[49] !== t21) {
+    t22 = <Animated.View style={t18}>{t21}</Animated.View>;
+    $[48] = t18;
+    $[49] = t21;
+    $[50] = t22;
+  } else {
+    t22 = $[50];
+  }
+  let t23;
+  if ($[51] !== dismissPan || $[52] !== t22) {
+    t23 = <GestureDetector gesture={dismissPan}>{t22}</GestureDetector>;
+    $[51] = dismissPan;
+    $[52] = t22;
+    $[53] = t23;
+  } else {
+    t23 = $[53];
+  }
+  let t24;
+  if ($[54] !== chromeStyle) {
+    t24 = [StyleSheet.absoluteFill, chromeStyle];
+    $[54] = chromeStyle;
+    $[55] = t24;
+  } else {
+    t24 = $[55];
+  }
+  const t25 = items[index];
+  let t26;
+  if ($[56] !== close || $[57] !== index || $[58] !== items.length || $[59] !== t25) {
+    t26 = <MediaViewerChrome message={t25} index={index} count={items.length} onClose={close} />;
+    $[56] = close;
+    $[57] = index;
+    $[58] = items.length;
+    $[59] = t25;
+    $[60] = t26;
+  } else {
+    t26 = $[60];
+  }
+  let t27;
+  if ($[61] !== t24 || $[62] !== t26) {
+    t27 = <Animated.View style={t24} pointerEvents="box-none">{t26}</Animated.View>;
+    $[61] = t24;
+    $[62] = t26;
+    $[63] = t27;
+  } else {
+    t27 = $[63];
+  }
+  let t28;
+  if ($[64] !== t17 || $[65] !== t23 || $[66] !== t27) {
+    t28 = <OverKeyboardView visible={true}><SafeAreaProvider>{t16}<GestureHandlerRootView style={StyleSheet.absoluteFill}>{t17}{t23}{t27}</GestureHandlerRootView></SafeAreaProvider></OverKeyboardView>;
+    $[64] = t17;
+    $[65] = t23;
+    $[66] = t27;
+    $[67] = t28;
+  } else {
+    t28 = $[67];
+  }
+  return t28;
+}
+function _temp(item_0) {
+  return String(item_0._id);
+}
+const styles = StyleSheet.create({
+  backdrop: {
+    backgroundColor: '#000000'
+  }
+});
+//# sourceMappingURL=MediaViewer.js.map

package/lib/components/mediaViewer/MediaViewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaViewer.js","names":["React","useCallback","useEffect","useRef","useState","BackHandler","StatusBar","StyleSheet","useWindowDimensions","FlatList","GestureDetector","GestureHandlerRootView","usePanGesture","OverKeyboardView","Animated","runOnJS","useAnimatedStyle","useSharedValue","withTiming","SafeAreaProvider","DECELERATE","EASE_OUT_QUINT","MediaViewerChrome","MediaViewerPage","PAGE_GAP","OPEN","duration","easing","CLOSE","DISMISS_SHARE","DISMISS_VELOCITY","MediaViewer","t0","$","_c","items","initialIndex","imageProps","onClose","width","height","pageWidth","listRef","index","setIndex","zoomedIndex","setZoomedIndex","isZoomed","progress","dragY","isClosing","setIsClosing","t1","t2","set","t3","isFinished","close","t4","t5","subscription","addEventListener","remove","t6","Symbol","for","pageIndex","isPageZoomed","current","onZoomStateChange","t7","length","event","next","Math","round","nativeEvent","contentOffset","x","max","min","onMomentumScrollEnd","t8","t10","t9","t11","event_0","translationY","t12","event_1","y","get","abs","velocityY","sign","t13","enabled","activeOffsetY","failOffsetX","onUpdate","onDeactivate","dismissPan","backdropStyle","opacity","contentStyle","transform","translateY","scale","chromeStyle","t14","t15","item","pageIndex_0","renderItem","_","itemIndex","offset","getItemLayout","t16","t17","absoluteFill","styles","backdrop","t18","t19","t20","t21","_temp","t22","t23","t24","t25","t26","t27","t28","item_0","String","_id","create","backgroundColor"],"sources":["../../../src/components/mediaViewer/MediaViewer.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react'\nimport { BackHandler, ImageProps, NativeScrollEvent, NativeSyntheticEvent, StatusBar, StyleSheet, useWindowDimensions } from 'react-native'\nimport { FlatList, GestureDetector, GestureHandlerRootView, usePanGesture } from 'react-native-gesture-handler'\nimport { OverKeyboardView } from 'react-native-keyboard-controller'\nimport Animated, { runOnJS, useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated'\nimport { SafeAreaProvider } from 'react-native-safe-area-context'\n\nimport { IMessage } from '../../Models'\nimport { DECELERATE, EASE_OUT_QUINT } from '../../motion'\nimport { MediaViewerChrome } from './MediaViewerChrome'\nimport { MediaViewerPage } from './MediaViewerPage'\n\n// Telegram's viewer keeps 15dp between neighbouring photos, and a release past a third of the\n// screen or faster than 650dp/s turns the page (`PhotoViewer.onTouchEvent`); a native paging\n// list gives the same feel and the platform's own fling.\nconst PAGE_GAP = 15\nconst OPEN = { duration: 250, easing: EASE_OUT_QUINT }\nconst CLOSE = { duration: 200, easing: DECELERATE }\n// Dragged this share of the screen down (or flung), the photo is let go.\nconst DISMISS_SHARE = 0.15\nconst DISMISS_VELOCITY = 1000\n\nexport interface MediaViewerProps {\n  /** The photos to page through, oldest first. */\n  items: IMessage[]\n  initialIndex: number\n  imageProps?: Partial<ImageProps>\n  onClose: () => void\n}\n\n/**\n * The full-screen photo viewer: every photo in the chat, side by side, swiped through as in\n * Telegram (left for newer, right for older), pinch and double tap to zoom, and a drag up or\n * down to put it away.\n */\nexport function MediaViewer ({ items, initialIndex, imageProps, onClose }: MediaViewerProps) {\n  const { width, height } = useWindowDimensions()\n  const pageWidth = width + PAGE_GAP\n  const listRef = useRef<React.ComponentRef<typeof FlatList<IMessage>>>(null)\n  const [index, setIndex] = useState(initialIndex)\n  const [zoomedIndex, setZoomedIndex] = useState<number | null>(null)\n  const isZoomed = zoomedIndex === index\n\n  const progress = useSharedValue(0)\n  const dragY = useSharedValue(0)\n  const [isClosing, setIsClosing] = useState(false)\n\n  useEffect(() => {\n    progress.set(withTiming(1, OPEN))\n  }, [progress])\n\n  const close = useCallback(() => {\n    if (isClosing)\n      return\n    setIsClosing(true)\n    progress.set(withTiming(0, CLOSE, isFinished => {\n      if (isFinished)\n        runOnJS(onClose)()\n    }))\n  }, [isClosing, progress, onClose])\n\n  useEffect(() => {\n    const subscription = BackHandler.addEventListener('hardwareBackPress', () => {\n      close()\n      return true\n    })\n    return () => subscription.remove()\n  }, [close])\n\n  const onZoomStateChange = useCallback((pageIndex: number, isPageZoomed: boolean) => {\n    setZoomedIndex(current => (isPageZoomed ? pageIndex : current === pageIndex ? null : current))\n  }, [])\n\n  // The counter and the bottom bar follow the page once it has settled, as Telegram's do.\n  const onMomentumScrollEnd = useCallback((event: NativeSyntheticEvent<NativeScrollEvent>) => {\n    const next = Math.round(event.nativeEvent.contentOffset.x / pageWidth)\n    setIndex(Math.max(0, Math.min(items.length - 1, next)))\n  }, [pageWidth, items.length])\n\n  const dismissPan = usePanGesture({\n    enabled: !isZoomed && !isClosing,\n    activeOffsetY: [-12, 12],\n    failOffsetX: [-12, 12],\n    onUpdate: event => {\n      dragY.set(event.translationY)\n    },\n    onDeactivate: event => {\n      const y = dragY.get()\n      if (Math.abs(y) > height * DISMISS_SHARE || Math.abs(event.velocityY) > DISMISS_VELOCITY) {\n        // The photo carries on the way it was thrown while the backdrop fades.\n        dragY.set(withTiming(Math.sign(y || event.velocityY) * height, CLOSE))\n        runOnJS(close)()\n      } else {\n        dragY.set(withTiming(0, OPEN))\n      }\n    },\n  })\n\n  const backdropStyle = useAnimatedStyle(() => ({\n    opacity: progress.get() * (1 - Math.min(1, Math.abs(dragY.get()) / (height / 2))),\n  }))\n  const contentStyle = useAnimatedStyle(() => ({\n    opacity: progress.get(),\n    transform: [{ translateY: dragY.get() }, { scale: 0.9 + 0.1 * progress.get() }],\n  }))\n  const chromeStyle = useAnimatedStyle(() => ({\n    opacity: progress.get() * (dragY.get() === 0 ? 1 : 0),\n  }))\n\n  const renderItem = useCallback(({ item, index: pageIndex }: { item: IMessage, index: number }) => (\n    <MediaViewerPage\n      message={item}\n      index={pageIndex}\n      width={width}\n      height={height}\n      pageWidth={pageWidth}\n      listRef={listRef}\n      imageProps={imageProps}\n      onZoomStateChange={onZoomStateChange}\n    />\n  ), [width, height, pageWidth, imageProps, onZoomStateChange])\n\n  const getItemLayout = useCallback((_: unknown, itemIndex: number) => (\n    { length: pageWidth, offset: pageWidth * itemIndex, index: itemIndex }\n  ), [pageWidth])\n\n  return (\n    <OverKeyboardView visible>\n      <SafeAreaProvider>\n        {/* White on the black viewer, whatever the app's own bar style. */}\n        <StatusBar animated barStyle='light-content' />\n        <GestureHandlerRootView style={StyleSheet.absoluteFill}>\n          <Animated.View style={[StyleSheet.absoluteFill, styles.backdrop, backdropStyle]} />\n          <GestureDetector gesture={dismissPan}>\n            <Animated.View style={[StyleSheet.absoluteFill, contentStyle]}>\n              <FlatList\n                ref={listRef}\n                testID='media-viewer-pager'\n                data={items}\n                keyExtractor={item => String(item._id)}\n                renderItem={renderItem}\n                getItemLayout={getItemLayout}\n                initialScrollIndex={initialIndex}\n                horizontal\n                pagingEnabled\n                scrollEnabled={!isZoomed}\n                showsHorizontalScrollIndicator={false}\n                onMomentumScrollEnd={onMomentumScrollEnd}\n                initialNumToRender={1}\n                maxToRenderPerBatch={2}\n                windowSize={3}\n                style={{ width: pageWidth }}\n              />\n            </Animated.View>\n          </GestureDetector>\n          <Animated.View style={[StyleSheet.absoluteFill, chromeStyle]} pointerEvents='box-none'>\n            <MediaViewerChrome message={items[index]} index={index} count={items.length} onClose={close} />\n          </Animated.View>\n        </GestureHandlerRootView>\n      </SafeAreaProvider>\n    </OverKeyboardView>\n  )\n}\n\nconst styles = StyleSheet.create({\n  backdrop: {\n    backgroundColor: '#000000',\n  },\n})\n\n"],"mappings":"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","ignoreList":[]}

package/lib/components/mediaViewer/MediaViewerChrome.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { IMessage } from '../../Models';
+export interface MediaViewerChromeProps {
+    message: IMessage | undefined;
+    index: number;
+    count: number;
+    onClose: () => void;
+}
+/**
+ * The viewer's bars, as in Telegram's: a close button and "3 of 12" on top; the caption, the
+ * sender and when it was sent at the bottom, over a shade so they read on any photo.
+ */
+export declare function MediaViewerChrome({ message, index, count, onClose }: MediaViewerChromeProps): React.JSX.Element;
+//# sourceMappingURL=MediaViewerChrome.d.ts.map

package/lib/components/mediaViewer/MediaViewerChrome.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaViewerChrome.d.ts","sourceRoot":"","sources":["../../../src/components/mediaViewer/MediaViewerChrome.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAIvC,MAAM,WAAW,sBAAsB;IACrC,OAAO,EAAE,QAAQ,GAAG,SAAS,CAAA;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAE,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,sBAAsB,qBAoC5F"}