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

package/lib/components/NoteIndicators.js

@@ -0,0 +1,206 @@
+import { c as _c } from "react/compiler-runtime";
+import React, { useEffect, useState } from 'react';
+import { StyleSheet } from 'react-native';
+import Animated, { Easing, ReduceMotion, ZoomIn, ZoomOut, cancelAnimation, useAnimatedStyle, useSharedValue, withRepeat, withSequence, withTiming } from 'react-native-reanimated';
+
+/** Cross-scales the unread dot and the playing bars over 150ms. */
+export const INDICATOR_MS = 150;
+
+/**
+ * `entering` for an indicator that appears in place: none on the first render,
+ * so a row does not animate as it scrolls into view.
+ */
+export const useEnteringAfterMount = () => {
+  const $ = _c(4);
+  const [isMounted, setIsMounted] = useState(false);
+  let t0;
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = () => {
+      setIsMounted(true);
+    };
+    t1 = [];
+    $[0] = t0;
+    $[1] = t1;
+  } else {
+    t0 = $[0];
+    t1 = $[1];
+  }
+  useEffect(t0, t1);
+  let t2;
+  if ($[2] !== isMounted) {
+    t2 = isMounted ? ZoomIn.duration(INDICATOR_MS) : undefined;
+    $[2] = isMounted;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  return t2;
+};
+export const indicatorExiting = ZoomOut.duration(INDICATOR_MS);
+
+/**
+ * The unread dot beside a note's length. It shrinks away when the note
+ * is played rather than vanishing.
+ */
+export function UnreadDot(t0) {
+  const $ = _c(7);
+  const {
+    isVisible,
+    color,
+    size: t1
+  } = t0;
+  const size = t1 === undefined ? 6 : t1;
+  const entering = useEnteringAfterMount();
+  if (!isVisible) {
+    return null;
+  }
+  const t2 = size / 2;
+  let t3;
+  if ($[0] !== color || $[1] !== size || $[2] !== t2) {
+    t3 = {
+      width: size,
+      height: size,
+      borderRadius: t2,
+      backgroundColor: color
+    };
+    $[0] = color;
+    $[1] = size;
+    $[2] = t2;
+    $[3] = t3;
+  } else {
+    t3 = $[3];
+  }
+  let t4;
+  if ($[4] !== entering || $[5] !== t3) {
+    t4 = <Animated.View entering={entering} exiting={indicatorExiting} style={t3} />;
+    $[4] = entering;
+    $[5] = t3;
+    $[6] = t4;
+  } else {
+    t4 = $[6];
+  }
+  return t4;
+}
+
+// The playing indicator: three bars, each bouncing on its own
+// period from its own phase, frozen while the note is paused.
+const BARS = [{
+  phase: 0.47,
+  period: 300
+}, {
+  phase: 0,
+  period: 310
+}, {
+  phase: 0.32,
+  period: 320
+}];
+const BAR_WIDTH = 2;
+const BAR_GAP = 1;
+const BAR_MAX = 8;
+const BAR_TRAVEL = 7;
+const PlayingBar = t0 => {
+  const $ = _c(10);
+  const {
+    phase,
+    period,
+    isAnimating,
+    color
+  } = t0;
+  const value = useSharedValue(phase);
+  let t1;
+  let t2;
+  if ($[0] !== isAnimating || $[1] !== period || $[2] !== value) {
+    t1 = () => {
+      if (!isAnimating) {
+        cancelAnimation(value);
+        return;
+      }
+      value.value = withSequence(withTiming(1, {
+        duration: (1 - value.value) * period,
+        easing: Easing.linear,
+        reduceMotion: ReduceMotion.Never
+      }), withRepeat(withTiming(0, {
+        duration: period,
+        easing: Easing.linear,
+        reduceMotion: ReduceMotion.Never
+      }), -1, true, undefined, ReduceMotion.Never));
+      return () => cancelAnimation(value);
+    };
+    t2 = [isAnimating, period, value];
+    $[0] = isAnimating;
+    $[1] = period;
+    $[2] = value;
+    $[3] = t1;
+    $[4] = t2;
+  } else {
+    t1 = $[3];
+    t2 = $[4];
+  }
+  useEffect(t1, t2);
+  const style = useAnimatedStyle(() => ({
+    height: BAR_MAX - BAR_TRAVEL * value.value
+  }));
+  let t3;
+  if ($[5] !== color) {
+    t3 = {
+      backgroundColor: color
+    };
+    $[5] = color;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  let t4;
+  if ($[7] !== style || $[8] !== t3) {
+    t4 = <Animated.View style={[styles.bar, t3, style]} />;
+    $[7] = style;
+    $[8] = t3;
+    $[9] = t4;
+  } else {
+    t4 = $[9];
+  }
+  return t4;
+};
+
+/** The playing bars that replace the unread dot once a round note is heard. */
+export function PlayingBars(t0) {
+  const $ = _c(6);
+  const {
+    isAnimating,
+    color
+  } = t0;
+  const entering = useEnteringAfterMount();
+  let t1;
+  if ($[0] !== color || $[1] !== isAnimating) {
+    t1 = BARS.map(bar => <PlayingBar key={bar.period} {...bar} isAnimating={isAnimating} color={color} />);
+    $[0] = color;
+    $[1] = isAnimating;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  let t2;
+  if ($[3] !== entering || $[4] !== t1) {
+    t2 = <Animated.View entering={entering} exiting={indicatorExiting} style={styles.bars}>{t1}</Animated.View>;
+    $[3] = entering;
+    $[4] = t1;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  return t2;
+}
+const styles = StyleSheet.create({
+  bars: {
+    width: BARS.length * BAR_WIDTH + (BARS.length - 1) * BAR_GAP,
+    height: BAR_MAX,
+    flexDirection: 'row',
+    alignItems: 'flex-end',
+    gap: BAR_GAP
+  },
+  bar: {
+    width: BAR_WIDTH
+  }
+});
+//# sourceMappingURL=NoteIndicators.js.map

package/lib/components/NoteIndicators.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NoteIndicators.js","names":["React","useEffect","useState","StyleSheet","Animated","Easing","ReduceMotion","ZoomIn","ZoomOut","cancelAnimation","useAnimatedStyle","useSharedValue","withRepeat","withSequence","withTiming","INDICATOR_MS","useEnteringAfterMount","$","_c","isMounted","setIsMounted","t0","t1","Symbol","for","t2","duration","undefined","indicatorExiting","UnreadDot","isVisible","color","size","entering","t3","width","height","borderRadius","backgroundColor","t4","BARS","phase","period","BAR_WIDTH","BAR_GAP","BAR_MAX","BAR_TRAVEL","PlayingBar","isAnimating","value","easing","linear","reduceMotion","Never","style","styles","bar","PlayingBars","map","bars","create","length","flexDirection","alignItems","gap"],"sources":["../../src/components/NoteIndicators.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react'\nimport { StyleSheet } from 'react-native'\nimport Animated, {\n  Easing,\n  ReduceMotion,\n  ZoomIn,\n  ZoomOut,\n  cancelAnimation,\n  useAnimatedStyle,\n  useSharedValue,\n  withRepeat,\n  withSequence,\n  withTiming,\n} from 'react-native-reanimated'\n\n/** Cross-scales the unread dot and the playing bars over 150ms. */\nexport const INDICATOR_MS = 150\n\n/**\n * `entering` for an indicator that appears in place: none on the first render,\n * so a row does not animate as it scrolls into view.\n */\nexport const useEnteringAfterMount = () => {\n  // State, not a ref: the returned value is render output. The one extra render after mount\n  // changes only `entering` on a view that is already mounted, which Reanimated ignores.\n  const [isMounted, setIsMounted] = useState(false)\n  useEffect(() => {\n    setIsMounted(true)\n  }, [])\n  return isMounted ? ZoomIn.duration(INDICATOR_MS) : undefined\n}\n\nexport const indicatorExiting = ZoomOut.duration(INDICATOR_MS)\n\n/**\n * The unread dot beside a note's length. It shrinks away when the note\n * is played rather than vanishing.\n */\nexport function UnreadDot ({ isVisible, color, size = 6 }: { isVisible: boolean, color: string, size?: number }) {\n  const entering = useEnteringAfterMount()\n  if (!isVisible)\n    return null\n\n  return (\n    <Animated.View\n      entering={entering}\n      exiting={indicatorExiting}\n      style={{ width: size, height: size, borderRadius: size / 2, backgroundColor: color }}\n    />\n  )\n}\n\n// The playing indicator: three bars, each bouncing on its own\n// period from its own phase, frozen while the note is paused.\nconst BARS = [\n  { phase: 0.47, period: 300 },\n  { phase: 0, period: 310 },\n  { phase: 0.32, period: 320 },\n]\nconst BAR_WIDTH = 2\nconst BAR_GAP = 1\nconst BAR_MAX = 8\nconst BAR_TRAVEL = 7\n\nconst PlayingBar = ({ phase, period, isAnimating, color }: { phase: number, period: number, isAnimating: boolean, color: string }) => {\n  // 0 is a full bar, 1 a stub.\n  const value = useSharedValue(phase)\n\n  useEffect(() => {\n    if (!isAnimating) {\n      cancelAnimation(value)\n      return\n    }\n\n    // Finish the current leg up, then bounce for as long as it plays.\n    // Always animated: with the system's Reduce Motion on, Reanimated would\n    // hold the bars still and they would not read as \"playing\".\n    value.value = withSequence(\n      withTiming(1, { duration: (1 - value.value) * period, easing: Easing.linear, reduceMotion: ReduceMotion.Never }),\n      withRepeat(\n        withTiming(0, { duration: period, easing: Easing.linear, reduceMotion: ReduceMotion.Never }),\n        -1,\n        true,\n        undefined,\n        ReduceMotion.Never\n      )\n    )\n    return () => cancelAnimation(value)\n  }, [isAnimating, period, value])\n\n  const style = useAnimatedStyle(() => ({\n    height: BAR_MAX - BAR_TRAVEL * value.value,\n  }))\n\n  return <Animated.View style={[styles.bar, { backgroundColor: color }, style]} />\n}\n\n/** The playing bars that replace the unread dot once a round note is heard. */\nexport function PlayingBars ({ isAnimating, color }: { isAnimating: boolean, color: string }) {\n  const entering = useEnteringAfterMount()\n\n  return (\n    <Animated.View entering={entering} exiting={indicatorExiting} style={styles.bars}>\n      {BARS.map(bar => (\n        <PlayingBar key={bar.period} {...bar} isAnimating={isAnimating} color={color} />\n      ))}\n    </Animated.View>\n  )\n}\n\nconst styles = StyleSheet.create({\n  bars: {\n    width: BARS.length * BAR_WIDTH + (BARS.length - 1) * BAR_GAP,\n    height: BAR_MAX,\n    flexDirection: 'row',\n    alignItems: 'flex-end',\n    gap: BAR_GAP,\n  },\n  bar: {\n    width: BAR_WIDTH,\n  },\n})\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAClD,SAASC,UAAU,QAAQ,cAAc;AACzC,OAAOC,QAAQ,IACbC,MAAM,EACNC,YAAY,EACZC,MAAM,EACNC,OAAO,EACPC,eAAe,EACfC,gBAAgB,EAChBC,cAAc,EACdC,UAAU,EACVC,YAAY,EACZC,UAAU,QACL,yBAAyB;;AAEhC;AACA,OAAO,MAAMC,YAAY,GAAG,GAAG;;AAE/B;AACA;AACA;AACA;AACA,OAAO,MAAMC,qBAAqB,GAAGA,CAAA;EAAA,MAAAC,CAAA,GAAAC,EAAA;EAGnC,OAAAC,SAAA,EAAAC,YAAA,IAAkClB,QAAQ,CAAC,KAAK,CAAC;EAAA,IAAAmB,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAL,CAAA,QAAAM,MAAA,CAAAC,GAAA;IACvCH,EAAA,GAAAA,CAAA;MACRD,YAAY,CAAC,IAAI,CAAC;IAAA,CACnB;IAAEE,EAAA,KAAE;IAAAL,CAAA,MAAAI,EAAA;IAAAJ,CAAA,MAAAK,EAAA;EAAA;IAAAD,EAAA,GAAAJ,CAAA;IAAAK,EAAA,GAAAL,CAAA;EAAA;EAFLhB,SAAS,CAACoB,EAET,EAAEC,EAAE,CAAC;EAAA,IAAAG,EAAA;EAAA,IAAAR,CAAA,QAAAE,SAAA;IACCM,EAAA,GAAAN,SAAS,GAAGZ,MAAM,CAAAmB,QAAS,CAACX,YAAwB,CAAC,GAArDY,SAAqD;IAAAV,CAAA,MAAAE,SAAA;IAAAF,CAAA,MAAAQ,EAAA;EAAA;IAAAA,EAAA,GAAAR,CAAA;EAAA;EAAA,OAArDQ,EAAqD;AAAA,CAC7D;AAED,OAAO,MAAMG,gBAAgB,GAAGpB,OAAO,CAACkB,QAAQ,CAACX,YAAY,CAAC;;AAE9D;AACA;AACA;AACA;AACA,OAAO,SAAAc,UAAAR,EAAA;EAAA,MAAAJ,CAAA,GAAAC,EAAA;EAAoB;IAAAY,SAAA;IAAAC,KAAA;IAAAC,IAAA,EAAAV;EAAA,IAAAD,EAAoF;EAAhE,MAAAW,IAAA,GAAAV,EAAQ,KAARK,SAAQ,GAAR,CAAQ,GAARL,EAAQ;EACrD,MAAAW,QAAA,GAAiBjB,qBAAqB,CAAC,CAAC;EACxC,IAAI,CAACc,SAAS;IAAA,OACL,IAAI;EAAA;EAMyC,MAAAL,EAAA,GAAAO,IAAI,GAAG,CAAC;EAAA,IAAAE,EAAA;EAAA,IAAAjB,CAAA,QAAAc,KAAA,IAAAd,CAAA,QAAAe,IAAA,IAAAf,CAAA,QAAAQ,EAAA;IAAnDS,EAAA;MAAAC,KAAA,EAASH,IAAI;MAAAI,MAAA,EAAUJ,IAAI;MAAAK,YAAA,EAAgBZ,EAAQ;MAAAa,eAAA,EAAmBP;IAAM,CAAC;IAAAd,CAAA,MAAAc,KAAA;IAAAd,CAAA,MAAAe,IAAA;IAAAf,CAAA,MAAAQ,EAAA;IAAAR,CAAA,MAAAiB,EAAA;EAAA;IAAAA,EAAA,GAAAjB,CAAA;EAAA;EAAA,IAAAsB,EAAA;EAAA,IAAAtB,CAAA,QAAAgB,QAAA,IAAAhB,CAAA,QAAAiB,EAAA;IAHtFK,EAAA,kBACYN,QAAQ,CAARA,SAAO,CAAC,CACTL,OAAgB,CAAhBA,iBAAe,CAAC,CAClB,KAA6E,CAA7E,CAAAM,EAA4E,CAAC,GACpF;IAAAjB,CAAA,MAAAgB,QAAA;IAAAhB,CAAA,MAAAiB,EAAA;IAAAjB,CAAA,MAAAsB,EAAA;EAAA;IAAAA,EAAA,GAAAtB,CAAA;EAAA;EAAA,OAJFsB,EAIE;AAAA;;AAIN;AACA;AACA,MAAMC,IAAI,GAAG,CACX;EAAEC,KAAK,EAAE,IAAI;EAAEC,MAAM,EAAE;AAAI,CAAC,EAC5B;EAAED,KAAK,EAAE,CAAC;EAAEC,MAAM,EAAE;AAAI,CAAC,EACzB;EAAED,KAAK,EAAE,IAAI;EAAEC,MAAM,EAAE;AAAI,CAAC,CAC7B;AACD,MAAMC,SAAS,GAAG,CAAC;AACnB,MAAMC,OAAO,GAAG,CAAC;AACjB,MAAMC,OAAO,GAAG,CAAC;AACjB,MAAMC,UAAU,GAAG,CAAC;AAEpB,MAAMC,UAAU,GAAG1B,EAAA;EAAA,MAAAJ,CAAA,GAAAC,EAAA;EAAC;IAAAuB,KAAA;IAAAC,MAAA;IAAAM,WAAA;IAAAjB;EAAA,IAAAV,EAA6G;EAE/H,MAAA4B,KAAA,GAActC,cAAc,CAAC8B,KAAK,CAAC;EAAA,IAAAnB,EAAA;EAAA,IAAAG,EAAA;EAAA,IAAAR,CAAA,QAAA+B,WAAA,IAAA/B,CAAA,QAAAyB,MAAA,IAAAzB,CAAA,QAAAgC,KAAA;IAEzB3B,EAAA,GAAAA,CAAA;MACR,IAAI,CAAC0B,WAAW;QACdvC,eAAe,CAACwC,KAAK,CAAC;QAAA;MAAA;MAOxBA,KAAK,CAAAA,KAAA,GAASpC,YAAY,CACxBC,UAAU,CAAC,CAAC,EAAE;QAAAY,QAAA,EAAY,CAAC,CAAC,GAAGuB,KAAK,CAAAA,KAAM,IAAIP,MAAM;QAAAQ,MAAA,EAAU7C,MAAM,CAAA8C,MAAO;QAAAC,YAAA,EAAgB9C,YAAY,CAAA+C;MAAO,CAAC,CAAC,EAChHzC,UAAU,CACRE,UAAU,CAAC,CAAC,EAAE;QAAAY,QAAA,EAAYgB,MAAM;QAAAQ,MAAA,EAAU7C,MAAM,CAAA8C,MAAO;QAAAC,YAAA,EAAgB9C,YAAY,CAAA+C;MAAO,CAAC,CAAC,EAC5F,EAAE,EACF,IAAI,EACJ1B,SAAS,EACTrB,YAAY,CAAA+C,KACd,CACF,CATW;MAAA,OAUJ,MAAM5C,eAAe,CAACwC,KAAK,CAAC;IAAA,CACpC;IAAExB,EAAA,IAACuB,WAAW,EAAEN,MAAM,EAAEO,KAAK,CAAC;IAAAhC,CAAA,MAAA+B,WAAA;IAAA/B,CAAA,MAAAyB,MAAA;IAAAzB,CAAA,MAAAgC,KAAA;IAAAhC,CAAA,MAAAK,EAAA;IAAAL,CAAA,MAAAQ,EAAA;EAAA;IAAAH,EAAA,GAAAL,CAAA;IAAAQ,EAAA,GAAAR,CAAA;EAAA;EApB/BhB,SAAS,CAACqB,EAoBT,EAAEG,EAA4B,CAAC;EAEhC,MAAA6B,KAAA,GAAc5C,gBAAgB,CAAC,OAAO;IAAA0B,MAAA,EAC5BS,OAAO,GAAGC,UAAU,GAAGG,KAAK,CAAAA;EACtC,CAAC,CAAC,CAAC;EAAA,IAAAf,EAAA;EAAA,IAAAjB,CAAA,QAAAc,KAAA;IAEuCG,EAAA;MAAAI,eAAA,EAAmBP;IAAM,CAAC;IAAAd,CAAA,MAAAc,KAAA;IAAAd,CAAA,MAAAiB,EAAA;EAAA;IAAAA,EAAA,GAAAjB,CAAA;EAAA;EAAA,IAAAsB,EAAA;EAAA,IAAAtB,CAAA,QAAAqC,KAAA,IAAArC,CAAA,QAAAiB,EAAA;IAA7DK,EAAA,kBAAsB,KAA+C,CAA/C,EAACgB,MAAM,CAAAC,GAAI,EAAEtB,EAA0B,EAAEoB,KAAK,EAAC,GAAI;IAAArC,CAAA,MAAAqC,KAAA;IAAArC,CAAA,MAAAiB,EAAA;IAAAjB,CAAA,MAAAsB,EAAA;EAAA;IAAAA,EAAA,GAAAtB,CAAA;EAAA;EAAA,OAAzEsB,EAAyE;AAAA,CACjF;;AAED;AACA,OAAO,SAAAkB,YAAApC,EAAA;EAAA,MAAAJ,CAAA,GAAAC,EAAA;EAAsB;IAAA8B,WAAA;IAAAjB;EAAA,IAAAV,EAA+D;EAC1F,MAAAY,QAAA,GAAiBjB,qBAAqB,CAAC,CAAC;EAAA,IAAAM,EAAA;EAAA,IAAAL,CAAA,QAAAc,KAAA,IAAAd,CAAA,QAAA+B,WAAA;IAInC1B,EAAA,GAAAkB,IAAI,CAAAkB,GAAI,CAACF,GAAA,IACR,CAAC,UAAU,CAAM,GAAU,CAAV,CAAAA,GAAG,CAAAd,MAAM,CAAC,KAAMc,GAAG,EAAeR,WAAW,CAAXA,YAAU,CAAC,CAASjB,KAAK,CAALA,MAAI,CAAC,GAC7E,CAAC;IAAAd,CAAA,MAAAc,KAAA;IAAAd,CAAA,MAAA+B,WAAA;IAAA/B,CAAA,MAAAK,EAAA;EAAA;IAAAA,EAAA,GAAAL,CAAA;EAAA;EAAA,IAAAQ,EAAA;EAAA,IAAAR,CAAA,QAAAgB,QAAA,IAAAhB,CAAA,QAAAK,EAAA;IAHJG,EAAA,kBAAyBQ,QAAQ,CAARA,SAAO,CAAC,CAAWL,OAAgB,CAAhBA,iBAAe,CAAC,CAAS,KAAW,CAAX,CAAA2B,MAAM,CAAAI,IAAI,CAAC,CAC7E,CAAArC,EAEA,CACH,gBAAgB;IAAAL,CAAA,MAAAgB,QAAA;IAAAhB,CAAA,MAAAK,EAAA;IAAAL,CAAA,MAAAQ,EAAA;EAAA;IAAAA,EAAA,GAAAR,CAAA;EAAA;EAAA,OAJhBQ,EAIgB;AAAA;AAIpB,MAAM8B,MAAM,GAAGpD,UAAU,CAACyD,MAAM,CAAC;EAC/BD,IAAI,EAAE;IACJxB,KAAK,EAAEK,IAAI,CAACqB,MAAM,GAAGlB,SAAS,GAAG,CAACH,IAAI,CAACqB,MAAM,GAAG,CAAC,IAAIjB,OAAO;IAC5DR,MAAM,EAAES,OAAO;IACfiB,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,UAAU;IACtBC,GAAG,EAAEpB;EACP,CAAC;EACDY,GAAG,EAAE;IACHrB,KAAK,EAAEQ;EACT;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/components/NowPlayingBar.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+export interface NowPlayingBarProps {
+    /** Looks up the sender of the playing note, for the title. */
+    getSenderName: (messageId: string | number) => string | undefined;
+    /** A tap on the title jumps to the playing message. */
+    onPressTitle?: (messageId: string | number) => void;
+}
+/**
+ * The "now playing" bar, shown at
+ * the top of the chat while a voice or round note owns playback: play/pause,
+ * the sender and the kind of note, the playback speed, and close, which stops
+ * it. It pushes the list down rather than covering it.
+ */
+export declare function NowPlayingBar({ getSenderName, onPressTitle }: NowPlayingBarProps): React.JSX.Element | null;
+//# sourceMappingURL=NowPlayingBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NowPlayingBar.d.ts","sourceRoot":"","sources":["../../src/components/NowPlayingBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAA;AAkB1D,MAAM,WAAW,kBAAkB;IACjC,8DAA8D;IAC9D,aAAa,EAAE,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,KAAK,MAAM,GAAG,SAAS,CAAA;IACjE,uDAAuD;IACvD,YAAY,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAA;CACpD;AAED;;;;;GAKG;AACH,wBAAgB,aAAa,CAAE,EAAE,aAAa,EAAE,YAAY,EAAE,EAAE,kBAAkB,4BA8EjF"}

package/lib/components/NowPlayingBar.js

@@ -0,0 +1,261 @@
+import { c as _c } from "react/compiler-runtime";
+import React, { useEffect, useRef, useState } from 'react';
+import { Pressable, StyleSheet, Text, View } from 'react-native';
+import Animated, { Easing, runOnJS, useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
+import { useLabels } from '../hooks/useLabels';
+import { useThemedStyles } from '../hooks/useTheme';
+import { CloseIcon } from './MediaControls';
+import { useNowPlaying, usePlaybackRate } from './mediaPlayback';
+import { PlaybackSpeedPill } from './PlaybackSpeedPill';
+import { PlayPauseIcon } from './PlayPauseIcon';
+
+/** The bar is 36dp tall and slides in by its own height over 200ms. */
+const BAR_HEIGHT = 36;
+/** A 16 glyph in the 36dp play button. */
+const PLAY_ICON_SIZE = 16;
+const SLIDE_MS = 200;
+/**
+ * The "now playing" bar, shown at
+ * the top of the chat while a voice or round note owns playback: play/pause,
+ * the sender and the kind of note, the playback speed, and close, which stops
+ * it. It pushes the list down rather than covering it.
+ */
+export function NowPlayingBar(t0) {
+  const $ = _c(53);
+  const {
+    getSenderName,
+    onPressTitle
+  } = t0;
+  const styles = useThemedStyles(createStyles);
+  const labels = useLabels();
+  const rate = usePlaybackRate();
+  const live = useNowPlaying();
+  const [shown, setShown] = useState(live);
+  const height = useSharedValue(live ? BAR_HEIGHT : 0);
+  const isFirst = useRef(true);
+  let t1;
+  let t2;
+  if ($[0] !== height || $[1] !== live) {
+    t1 = () => {
+      if (live) {
+        setShown(live);
+      }
+      const animate = !isFirst.current;
+      isFirst.current = false;
+      const target = live ? BAR_HEIGHT : 0;
+      if (!animate) {
+        height.value = target;
+        return;
+      }
+      height.value = withTiming(target, {
+        duration: SLIDE_MS,
+        easing: Easing.out(Easing.quad)
+      }, finished => {
+        if (finished && target === 0) {
+          runOnJS(setShown)(null);
+        }
+      });
+    };
+    t2 = [live, height];
+    $[0] = height;
+    $[1] = live;
+    $[2] = t1;
+    $[3] = t2;
+  } else {
+    t1 = $[2];
+    t2 = $[3];
+  }
+  useEffect(t1, t2);
+  const barStyle = useAnimatedStyle(() => ({
+    height: height.value
+  }));
+  if (!shown) {
+    return null;
+  }
+  const entry = live ?? shown;
+  let t3;
+  if ($[4] !== entry.messageId || $[5] !== getSenderName) {
+    t3 = getSenderName(entry.messageId);
+    $[4] = entry.messageId;
+    $[5] = getSenderName;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  const sender = t3;
+  const kind = entry.kind === "round" ? labels.videoMessage : labels.voiceMessage;
+  const title = sender ? `${sender} ${kind}` : kind;
+  let t4;
+  if ($[7] !== barStyle || $[8] !== styles.bar) {
+    t4 = [styles.bar, barStyle];
+    $[7] = barStyle;
+    $[8] = styles.bar;
+    $[9] = t4;
+  } else {
+    t4 = $[9];
+  }
+  const t5 = entry.isPlaying ? "pause" : "play";
+  let t6;
+  if ($[10] !== entry.isPlaying || $[11] !== styles.accent.color) {
+    t6 = <PlayPauseIcon isPlaying={entry.isPlaying} color={styles.accent.color} size={PLAY_ICON_SIZE} />;
+    $[10] = entry.isPlaying;
+    $[11] = styles.accent.color;
+    $[12] = t6;
+  } else {
+    t6 = $[12];
+  }
+  let t7;
+  if ($[13] !== entry.toggle || $[14] !== styles.button || $[15] !== t5 || $[16] !== t6) {
+    t7 = <Pressable onPress={entry.toggle} hitSlop={6} accessibilityRole="button" accessibilityLabel={t5} style={styles.button}>{t6}</Pressable>;
+    $[13] = entry.toggle;
+    $[14] = styles.button;
+    $[15] = t5;
+    $[16] = t6;
+    $[17] = t7;
+  } else {
+    t7 = $[17];
+  }
+  let t8;
+  if ($[18] !== entry.messageId || $[19] !== onPressTitle) {
+    t8 = () => onPressTitle?.(entry.messageId);
+    $[18] = entry.messageId;
+    $[19] = onPressTitle;
+    $[20] = t8;
+  } else {
+    t8 = $[20];
+  }
+  let t9;
+  if ($[21] !== sender || $[22] !== styles.sender) {
+    t9 = sender ? <Text style={styles.sender}>{sender} </Text> : null;
+    $[21] = sender;
+    $[22] = styles.sender;
+    $[23] = t9;
+  } else {
+    t9 = $[23];
+  }
+  let t10;
+  if ($[24] !== kind || $[25] !== styles.title || $[26] !== t9) {
+    t10 = <Text style={styles.title} numberOfLines={1} ellipsizeMode="middle">{t9}{kind}</Text>;
+    $[24] = kind;
+    $[25] = styles.title;
+    $[26] = t9;
+    $[27] = t10;
+  } else {
+    t10 = $[27];
+  }
+  let t11;
+  if ($[28] !== styles.titleArea || $[29] !== t10 || $[30] !== t8 || $[31] !== title) {
+    t11 = <Pressable onPress={t8} accessibilityRole="button" accessibilityLabel={title} style={styles.titleArea}>{t10}</Pressable>;
+    $[28] = styles.titleArea;
+    $[29] = t10;
+    $[30] = t8;
+    $[31] = title;
+    $[32] = t11;
+  } else {
+    t11 = $[32];
+  }
+  let t12;
+  if ($[33] !== rate) {
+    t12 = <PlaybackSpeedPill rate={rate} />;
+    $[33] = rate;
+    $[34] = t12;
+  } else {
+    t12 = $[34];
+  }
+  let t13;
+  if ($[35] !== styles.button || $[36] !== t12) {
+    t13 = <View style={styles.button}>{t12}</View>;
+    $[35] = styles.button;
+    $[36] = t12;
+    $[37] = t13;
+  } else {
+    t13 = $[37];
+  }
+  let t14;
+  if ($[38] !== styles.muted.color) {
+    t14 = <CloseIcon color={styles.muted.color} size={14} />;
+    $[38] = styles.muted.color;
+    $[39] = t14;
+  } else {
+    t14 = $[39];
+  }
+  let t15;
+  if ($[40] !== entry.stop || $[41] !== styles.button || $[42] !== t14) {
+    t15 = <Pressable onPress={entry.stop} hitSlop={6} accessibilityRole="button" accessibilityLabel="stop playback" style={styles.button}>{t14}</Pressable>;
+    $[40] = entry.stop;
+    $[41] = styles.button;
+    $[42] = t14;
+    $[43] = t15;
+  } else {
+    t15 = $[43];
+  }
+  let t16;
+  if ($[44] !== styles.row || $[45] !== t11 || $[46] !== t13 || $[47] !== t15 || $[48] !== t7) {
+    t16 = <View style={styles.row}>{t7}{t11}{t13}{t15}</View>;
+    $[44] = styles.row;
+    $[45] = t11;
+    $[46] = t13;
+    $[47] = t15;
+    $[48] = t7;
+    $[49] = t16;
+  } else {
+    t16 = $[49];
+  }
+  let t17;
+  if ($[50] !== t16 || $[51] !== t4) {
+    t17 = <Animated.View style={t4}>{t16}</Animated.View>;
+    $[50] = t16;
+    $[51] = t4;
+    $[52] = t17;
+  } else {
+    t17 = $[52];
+  }
+  return t17;
+}
+const createStyles = theme => StyleSheet.create({
+  bar: {
+    overflow: 'hidden',
+    backgroundColor: theme.colors.inputBarBackground,
+    borderBottomWidth: StyleSheet.hairlineWidth,
+    borderBottomColor: theme.colors.separator
+  },
+  // Laid out at full height and revealed by the bar's growing height, so the
+  // contents slide in rather than squash. The play button is a 36dp
+  // square flush with the left edge, the title starts right after it, and the
+  // speed and close buttons are 36dp squares with the close 4dp from the right.
+  row: {
+    position: 'absolute',
+    left: 0,
+    right: 0,
+    bottom: 0,
+    height: BAR_HEIGHT,
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingRight: 4
+  },
+  button: {
+    width: BAR_HEIGHT,
+    height: BAR_HEIGHT,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  titleArea: {
+    flex: 1,
+    height: BAR_HEIGHT,
+    justifyContent: 'center'
+  },
+  title: {
+    fontSize: 15,
+    color: theme.colors.inputText
+  },
+  sender: {
+    fontWeight: '600'
+  },
+  accent: {
+    color: theme.colors.accent
+  },
+  muted: {
+    color: theme.colors.placeholder
+  }
+});
+//# sourceMappingURL=NowPlayingBar.js.map

package/lib/components/NowPlayingBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NowPlayingBar.js","names":["React","useEffect","useRef","useState","Pressable","StyleSheet","Text","View","Animated","Easing","runOnJS","useAnimatedStyle","useSharedValue","withTiming","useLabels","useThemedStyles","CloseIcon","useNowPlaying","usePlaybackRate","PlaybackSpeedPill","PlayPauseIcon","BAR_HEIGHT","PLAY_ICON_SIZE","SLIDE_MS","NowPlayingBar","t0","$","_c","getSenderName","onPressTitle","styles","createStyles","labels","rate","live","shown","setShown","height","isFirst","t1","t2","animate","current","target","value","duration","easing","out","quad","finished","barStyle","entry","t3","messageId","sender","kind","videoMessage","voiceMessage","title","t4","bar","t5","isPlaying","t6","accent","color","t7","toggle","button","t8","t9","t10","t11","titleArea","t12","t13","t14","muted","t15","stop","t16","row","t17","theme","create","overflow","backgroundColor","colors","inputBarBackground","borderBottomWidth","hairlineWidth","borderBottomColor","separator","position","left","right","bottom","flexDirection","alignItems","paddingRight","width","justifyContent","flex","fontSize","inputText","fontWeight","placeholder"],"sources":["../../src/components/NowPlayingBar.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react'\nimport { Pressable, StyleSheet, Text, View } from 'react-native'\nimport Animated, { Easing, runOnJS, useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated'\n\nimport { useLabels } from '../hooks/useLabels'\nimport { useThemedStyles } from '../hooks/useTheme'\nimport { ChatTheme } from '../Theme'\nimport { CloseIcon } from './MediaControls'\nimport { NowPlayingEntry, useNowPlaying, usePlaybackRate } from './mediaPlayback'\nimport { PlaybackSpeedPill } from './PlaybackSpeedPill'\nimport { PlayPauseIcon } from './PlayPauseIcon'\n\n/** The bar is 36dp tall and slides in by its own height over 200ms. */\nconst BAR_HEIGHT = 36\n/** A 16 glyph in the 36dp play button. */\nconst PLAY_ICON_SIZE = 16\nconst SLIDE_MS = 200\n\nexport interface NowPlayingBarProps {\n  /** Looks up the sender of the playing note, for the title. */\n  getSenderName: (messageId: string | number) => string | undefined\n  /** A tap on the title jumps to the playing message. */\n  onPressTitle?: (messageId: string | number) => void\n}\n\n/**\n * The \"now playing\" bar, shown at\n * the top of the chat while a voice or round note owns playback: play/pause,\n * the sender and the kind of note, the playback speed, and close, which stops\n * it. It pushes the list down rather than covering it.\n */\nexport function NowPlayingBar ({ getSenderName, onPressTitle }: NowPlayingBarProps) {\n  const styles = useThemedStyles(createStyles)\n  const labels = useLabels()\n  const rate = usePlaybackRate()\n  const live = useNowPlaying()\n\n  // Keep showing the last note while the bar slides away.\n  const [shown, setShown] = useState<NowPlayingEntry | null>(live)\n  const height = useSharedValue(live ? BAR_HEIGHT : 0)\n  const isFirst = useRef(true)\n\n  useEffect(() => {\n    if (live)\n      setShown(live)\n\n    const animate = !isFirst.current\n    isFirst.current = false\n    const target = live ? BAR_HEIGHT : 0\n    if (!animate) {\n      height.value = target\n      return\n    }\n\n    height.value = withTiming(target, { duration: SLIDE_MS, easing: Easing.out(Easing.quad) }, finished => {\n      if (finished && target === 0)\n        runOnJS(setShown)(null)\n    })\n  }, [live, height])\n\n  const barStyle = useAnimatedStyle(() => ({ height: height.value }))\n\n  if (!shown)\n    return null\n\n  const entry = live ?? shown\n  const sender = getSenderName(entry.messageId)\n  const kind = entry.kind === 'round' ? labels.videoMessage : labels.voiceMessage\n  const title = sender ? `${sender} ${kind}` : kind\n\n  return (\n    <Animated.View style={[styles.bar, barStyle]}>\n      <View style={styles.row}>\n        <Pressable\n          onPress={entry.toggle}\n          hitSlop={6}\n          accessibilityRole='button'\n          accessibilityLabel={entry.isPlaying ? 'pause' : 'play'}\n          style={styles.button}\n        >\n          <PlayPauseIcon isPlaying={entry.isPlaying} color={styles.accent.color} size={PLAY_ICON_SIZE} />\n        </Pressable>\n        <Pressable\n          onPress={() => onPressTitle?.(entry.messageId)}\n          accessibilityRole='button'\n          accessibilityLabel={title}\n          style={styles.titleArea}\n        >\n          <Text style={styles.title} numberOfLines={1} ellipsizeMode='middle'>\n            {/* The sender in bold, then the kind of note. */}\n            {sender ? <Text style={styles.sender}>{sender} </Text> : null}\n            {kind}\n          </Text>\n        </Pressable>\n        <View style={styles.button}>\n          <PlaybackSpeedPill rate={rate} />\n        </View>\n        <Pressable\n          onPress={entry.stop}\n          hitSlop={6}\n          accessibilityRole='button'\n          accessibilityLabel='stop playback'\n          style={styles.button}\n        >\n          <CloseIcon color={styles.muted.color} size={14} />\n        </Pressable>\n      </View>\n    </Animated.View>\n  )\n}\n\nconst createStyles = (theme: ChatTheme) => StyleSheet.create({\n  bar: {\n    overflow: 'hidden',\n    backgroundColor: theme.colors.inputBarBackground,\n    borderBottomWidth: StyleSheet.hairlineWidth,\n    borderBottomColor: theme.colors.separator,\n  },\n  // Laid out at full height and revealed by the bar's growing height, so the\n  // contents slide in rather than squash. The play button is a 36dp\n  // square flush with the left edge, the title starts right after it, and the\n  // speed and close buttons are 36dp squares with the close 4dp from the right.\n  row: {\n    position: 'absolute',\n    left: 0,\n    right: 0,\n    bottom: 0,\n    height: BAR_HEIGHT,\n    flexDirection: 'row',\n    alignItems: 'center',\n    paddingRight: 4,\n  },\n  button: {\n    width: BAR_HEIGHT,\n    height: BAR_HEIGHT,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  titleArea: {\n    flex: 1,\n    height: BAR_HEIGHT,\n    justifyContent: 'center',\n  },\n  title: {\n    fontSize: 15,\n    color: theme.colors.inputText,\n  },\n  sender: {\n    fontWeight: '600',\n  },\n  accent: {\n    color: theme.colors.accent,\n  },\n  muted: {\n    color: theme.colors.placeholder,\n  },\n})\n"],"mappings":"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","ignoreList":[]}

package/lib/components/PlayPauseIcon.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+export interface PlayPauseIconProps {
+    isPlaying: boolean;
+    color: string;
+    size: number;
+}
+/**
+ * The play/pause glyph of a voice note. It morphs between the two,
+ * unless the app overrides the `play` or `pause` icon, which is
+ * then drawn as given.
+ */
+export declare function PlayPauseIcon({ isPlaying, color, size }: PlayPauseIconProps): React.JSX.Element;
+//# sourceMappingURL=PlayPauseIcon.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PlayPauseIcon.d.ts","sourceRoot":"","sources":["../../src/components/PlayPauseIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAwIhD,MAAM,WAAW,kBAAkB;IACjC,SAAS,EAAE,OAAO,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;CACb;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAE,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,kBAAkB,qBAS5E"}