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

package/lib/components/TranscribeButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TranscribeButton.js","names":["React","useCallback","useEffect","useState","Pressable","StyleSheet","Text","View","Animated","Easing","cancelAnimation","useAnimatedStyle","useSharedValue","withRepeat","withTiming","TRANSCRIBE_BUTTON_HEIGHT","TRANSCRIBE_BUTTON_RADIUS","TRANSCRIBE_BUTTON_WIDTH","LOADING_FADE_MS","EASE_OUT_QUINT","bezier","LOADING_PULSE_MS","OPEN_MS","BACKGROUND_ALPHA","transcribeTapAction","hasTranscription","isOpen","isLoading","useTranscription","message","messageId","transcription","onTranscribe","$","_c","setIsOpen","requestedFor","setRequestedFor","isRequested","t0","t1","t2","Symbol","for","t3","t4","action","onPress","t5","t6","t7","isVisible","TranscribeButton","color","turn","loading","pulse","value","duration","easing","arrowStyle","transform","rotate","outlineStyle","opacity","expanded","busy","t8","top","bottom","left","right","t9","buttonStyles","fill","backgroundColor","t10","borderColor","t11","outline","t12","arrow","t13","shaft","t14","head","t15","t16","letter","t17","glyph","t18","button","TranscriptionText","text","open","textHeight","isMounted","setIsMounted","event","set","nativeEvent","layout","height","onTextLayout","style","textStyles","clip","measure","ARROW_BOX","STROKE","HEAD","create","width","borderRadius","overflow","alignItems","justifyContent","position","borderWidth","borderStyle","flexDirection","gap","Math","SQRT2","borderTopWidth","borderRightWidth","fontSize","lineHeight","fontWeight","paddingBottom"],"sources":["../../src/components/TranscribeButton.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react'\nimport { LayoutChangeEvent, Pressable, StyleSheet, Text, View } from 'react-native'\nimport Animated, {\n  Easing,\n  cancelAnimation,\n  useAnimatedStyle,\n  useSharedValue,\n  withRepeat,\n  withTiming,\n} from 'react-native-reanimated'\n\nimport {\n  TRANSCRIBE_BUTTON_HEIGHT,\n  TRANSCRIBE_BUTTON_RADIUS,\n  TRANSCRIBE_BUTTON_WIDTH,\n} from './voiceWaveform'\n\n// TranscribeButton's `loadingFloat`: the loading outline fades over 250ms,\n// eased out-quint.\nconst LOADING_FADE_MS = 250\nconst EASE_OUT_QUINT = Easing.bezier(0.23, 1, 0.32, 1)\n// While loading, a dashed outline breathes on the beat of a stroke segment\n// running round it.\nconst LOADING_PULSE_MS = 650\n// The transcription opens with the bubble's height change\n// (`transitionParams.animateChangeProgress`, about 220ms) and fades in with it.\nconst OPEN_MS = 220\n// The button is filled with its color at 0.156 alpha.\nconst BACKGROUND_ALPHA = 0.156\n\nexport type TranscribeTapAction = 'none' | 'request' | 'collapse' | 'expand'\n\n/**\n * What a tap on the transcribe button does. It ignores taps while a\n * transcription is loading, asks for one when there\n * is none yet, and otherwise toggles the text.\n */\nexport const transcribeTapAction = ({\n  hasTranscription,\n  isOpen,\n  isLoading,\n}: {\n  hasTranscription: boolean\n  isOpen: boolean\n  isLoading: boolean\n}): TranscribeTapAction => {\n  if (isLoading)\n    return 'none'\n  if (!hasTranscription)\n    return 'request'\n  return isOpen ? 'collapse' : 'expand'\n}\n\n/**\n * Transcription state for one voice note. The button shows when the app can\n * transcribe (`onTranscribe`) or the message already carries a transcription.\n * Asking for one shows the loading outline until `transcription` arrives, and\n * then opens it.\n */\nexport const useTranscription = <TMessage, >(\n  message: TMessage | undefined,\n  messageId: string | number | undefined,\n  transcription: string | undefined,\n  onTranscribe: ((message: TMessage) => void) | undefined\n) => {\n  const [isOpen, setIsOpen] = useState(false)\n  // Keyed by message: a recycled row must not inherit another note's request.\n  const [requestedFor, setRequestedFor] = useState<string | number | undefined | null>(null)\n  const hasTranscription = !!transcription\n  const isRequested = requestedFor != null && requestedFor === messageId\n  const isLoading = isRequested && !hasTranscription\n\n  useEffect(() => {\n    if (isRequested && hasTranscription) {\n      setIsOpen(true)\n      setRequestedFor(null)\n    }\n  }, [isRequested, hasTranscription])\n\n  useEffect(() => {\n    setIsOpen(false)\n  }, [messageId])\n\n  const onPress = useCallback(() => {\n    const action = transcribeTapAction({ hasTranscription, isOpen, isLoading })\n    if (action === 'request') {\n      if (!message || !onTranscribe || messageId == null)\n        return\n      setRequestedFor(messageId)\n      onTranscribe(message)\n    } else if (action !== 'none') {\n      setIsOpen(action === 'expand')\n    }\n  }, [hasTranscription, isOpen, isLoading, message, messageId, onTranscribe])\n\n  return {\n    isVisible: !!onTranscribe || hasTranscription,\n    isOpen: isOpen && hasTranscription,\n    isLoading,\n    onPress,\n  }\n}\n\n/**\n * The transcribe button, drawn as vectors: an arrow\n * into an \"A\" in a softly filled rounded rect. The arrow turns up once the\n * text is open, so the button reads as \"collapse\".\n */\nexport function TranscribeButton ({\n  isOpen,\n  isLoading,\n  onPress,\n  color,\n}: {\n  isOpen: boolean\n  isLoading: boolean\n  onPress: () => void\n  color: string\n}) {\n  const turn = useSharedValue(isOpen ? 1 : 0)\n  const loading = useSharedValue(isLoading ? 1 : 0)\n  const pulse = useSharedValue(1)\n\n  useEffect(() => {\n    turn.value = withTiming(isOpen ? 1 : 0, { duration: OPEN_MS, easing: EASE_OUT_QUINT })\n  }, [isOpen, turn])\n\n  useEffect(() => {\n    loading.value = withTiming(isLoading ? 1 : 0, { duration: LOADING_FADE_MS, easing: EASE_OUT_QUINT })\n    if (isLoading) {\n      pulse.value = 1\n      pulse.value = withRepeat(withTiming(0.35, { duration: LOADING_PULSE_MS }), -1, true)\n    } else {\n      cancelAnimation(pulse)\n    }\n  }, [isLoading, loading, pulse])\n\n  useEffect(() => () => {\n    cancelAnimation(turn)\n    cancelAnimation(loading)\n    cancelAnimation(pulse)\n  }, [turn, loading, pulse])\n\n  const arrowStyle = useAnimatedStyle(() => ({\n    transform: [{ rotate: `${-90 * turn.value}deg` }],\n  }))\n  const outlineStyle = useAnimatedStyle(() => ({\n    opacity: loading.value * pulse.value,\n  }))\n\n  return (\n    <Pressable\n      onPress={onPress}\n      accessibilityRole='button'\n      accessibilityLabel='transcribe'\n      accessibilityState={{ expanded: isOpen, busy: isLoading }}\n      hitSlop={{ top: 8, bottom: 8, left: 8, right: 8 }}\n      style={buttonStyles.button}\n    >\n      <View pointerEvents='none' style={[buttonStyles.fill, { backgroundColor: color }]} />\n      <Animated.View\n        pointerEvents='none'\n        testID='transcribe-loading'\n        style={[buttonStyles.outline, { borderColor: color }, outlineStyle]}\n      />\n      <View pointerEvents='none' style={buttonStyles.glyph}>\n        <Animated.View style={[buttonStyles.arrow, arrowStyle]}>\n          <View style={[buttonStyles.shaft, { backgroundColor: color }]} />\n          <View style={[buttonStyles.head, { borderColor: color }]} />\n        </Animated.View>\n        <Text style={[buttonStyles.letter, { color }]}>A</Text>\n      </View>\n    </Pressable>\n  )\n}\n\n/**\n * The transcription under the waveform. It opens by growing to the text's\n * height while fading in, and closes the same way back.\n */\nexport function TranscriptionText ({\n  text,\n  isOpen,\n  color,\n}: {\n  text: string | undefined\n  isOpen: boolean\n  color: string\n}) {\n  const open = useSharedValue(isOpen ? 1 : 0)\n  const textHeight = useSharedValue(0)\n  const [isMounted, setIsMounted] = useState(isOpen)\n\n  useEffect(() => {\n    if (isOpen)\n      setIsMounted(true)\n    open.value = withTiming(isOpen ? 1 : 0, { duration: OPEN_MS, easing: EASE_OUT_QUINT })\n  }, [isOpen, open])\n\n  useEffect(() => () => cancelAnimation(open), [open])\n\n  const onTextLayout = useCallback((event: LayoutChangeEvent) => {\n    textHeight.set(event.nativeEvent.layout.height)\n  }, [textHeight])\n\n  const style = useAnimatedStyle(() => ({\n    height: textHeight.value * open.value,\n    opacity: open.value,\n  }))\n\n  if (!isMounted || !text)\n    return null\n\n  return (\n    <Animated.View style={[textStyles.clip, style]}>\n      {/* Absolute, so it lays out at its full height whatever the clip's. */}\n      <View style={textStyles.measure} onLayout={onTextLayout}>\n        <Text style={[textStyles.text, { color }]} selectable>{text}</Text>\n      </View>\n    </Animated.View>\n  )\n}\n\nconst ARROW_BOX = 9\nconst STROKE = 1.5\nconst HEAD = 5\n\nconst buttonStyles = StyleSheet.create({\n  button: {\n    width: TRANSCRIBE_BUTTON_WIDTH,\n    height: TRANSCRIBE_BUTTON_HEIGHT,\n    borderRadius: TRANSCRIBE_BUTTON_RADIUS,\n    overflow: 'hidden',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  fill: {\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    right: 0,\n    bottom: 0,\n    borderRadius: TRANSCRIBE_BUTTON_RADIUS,\n    opacity: BACKGROUND_ALPHA,\n  },\n  outline: {\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    right: 0,\n    bottom: 0,\n    borderRadius: TRANSCRIBE_BUTTON_RADIUS,\n    borderWidth: STROKE,\n    borderStyle: 'dashed',\n  },\n  glyph: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    gap: 1,\n  },\n  arrow: {\n    width: ARROW_BOX,\n    height: ARROW_BOX,\n  },\n  shaft: {\n    position: 'absolute',\n    left: 0,\n    top: (ARROW_BOX - STROKE) / 2,\n    width: ARROW_BOX - 1,\n    height: STROKE,\n    borderRadius: STROKE / 2,\n  },\n  // A square's top and right edges turned 45 degrees make the arrowhead.\n  head: {\n    position: 'absolute',\n    left: ARROW_BOX - HEAD * Math.SQRT2 / 2 - HEAD / 2 - 0.5,\n    top: (ARROW_BOX - HEAD) / 2,\n    width: HEAD,\n    height: HEAD,\n    borderTopWidth: STROKE,\n    borderRightWidth: STROKE,\n    transform: [{ rotate: '45deg' }],\n  },\n  letter: {\n    fontSize: 12,\n    lineHeight: 14,\n    fontWeight: '700',\n  },\n})\n\nconst textStyles = StyleSheet.create({\n  clip: {\n    overflow: 'hidden',\n  },\n  measure: {\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    right: 0,\n  },\n  text: {\n    fontSize: 15,\n    lineHeight: 20,\n    // Under the row's own bottom padding; this one keeps the same gap below.\n    paddingBottom: 6,\n  },\n})\n"],"mappings":"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","ignoreList":[]}

package/lib/components/TypingStatus.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import { StyleProp, TextStyle, ViewStyle } from 'react-native';
+import { ChatLabels } from '../i18n';
+import { User } from '../Models';
+/** What the other side is doing: typing, recording a note, sending media or picking a sticker. */
+export type TypingAction = 'typing' | 'recordingVoice' | 'recordingVideo' | 'sendingPhoto' | 'sendingVideo' | 'sendingFile' | 'choosingSticker';
+/**
+ * The status line for who is typing: "typing" in a private chat; in a group "Anna is typing",
+ * "Anna and Max are typing" or "Anna and 3 people are typing". Other actions read "recording a
+ * voice message", "Anna is sending a photo"…
+ */
+export declare function getTypingText(users: User[], labels: ChatLabels, action?: TypingAction, isGroup?: boolean): string;
+export interface TypingStatusProps {
+    /** Who is typing; nothing is drawn when empty. */
+    users: User[];
+    action?: TypingAction;
+    /** Names the people typing ("Anna is typing"), as a group does. */
+    isGroup?: boolean;
+    /** The text and the animation. */
+    color: string;
+    textStyle?: StyleProp<TextStyle>;
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Who is typing, for a chat's header or a row in the chat list: an animation for the action
+ * (three dots that swell in turn, waves for a recording, arrows for an upload) before the text.
+ */
+export declare function TypingStatus({ users, action, isGroup, color, textStyle, style }: TypingStatusProps): React.JSX.Element | null;
+//# sourceMappingURL=TypingStatus.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TypingStatus.d.ts","sourceRoot":"","sources":["../../src/components/TypingStatus.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AACxC,OAAO,EAAE,SAAS,EAAoB,SAAS,EAAQ,SAAS,EAAE,MAAM,cAAc,CAAA;AAatF,OAAO,EAAE,UAAU,EAAe,MAAM,SAAS,CAAA;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAOhC,kGAAkG;AAClG,MAAM,MAAM,YAAY,GACpB,QAAQ,GACR,gBAAgB,GAChB,gBAAgB,GAChB,cAAc,GACd,cAAc,GACd,aAAa,GACb,iBAAiB,CAAA;AAIrB;;;;GAIG;AACH,wBAAgB,aAAa,CAAE,KAAK,EAAE,IAAI,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,GAAE,YAAuB,EAAE,OAAO,UAAQ,GAAG,MAAM,CAe1H;AAWD,MAAM,WAAW,iBAAiB;IAChC,kDAAkD;IAClD,KAAK,EAAE,IAAI,EAAE,CAAA;IACb,MAAM,CAAC,EAAE,YAAY,CAAA;IACrB,mEAAmE;IACnE,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,kCAAkC;IAClC,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAChC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAC7B;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAAE,EAAE,KAAK,EAAE,MAAiB,EAAE,OAAe,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,iBAAiB,4BAetH"}

package/lib/components/TypingStatus.js

@@ -0,0 +1,446 @@
+import { c as _c } from "react/compiler-runtime";
+import React, { useEffect } from 'react';
+import { StyleSheet, Text, View } from 'react-native';
+import Animated, { cancelAnimation, Easing, useAnimatedProps, useAnimatedStyle, useSharedValue, withRepeat, withTiming } from 'react-native-reanimated';
+import { useLabels } from '../hooks/useLabels';
+import { formatLabel } from '../i18n';
+import { getSvg } from '../optional';
+const svg = getSvg();
+const Svg = svg ? svg.Svg ?? svg.default : null;
+const AnimatedPath = svg?.Path ? Animated.createAnimatedComponent(svg.Path) : null;
+
+/** What the other side is doing: typing, recording a note, sending media or picking a sticker. */
+
+const firstName = user => (user?.name ?? '').split(' ')[0];
+
+/**
+ * The status line for who is typing: "typing" in a private chat; in a group "Anna is typing",
+ * "Anna and Max are typing" or "Anna and 3 people are typing". Other actions read "recording a
+ * voice message", "Anna is sending a photo"…
+ */
+export function getTypingText(users, labels, action = 'typing', isGroup = false) {
+  if (!users.length) return '';
+  const name = firstName(users[0]);
+  if (action !== 'typing') {
+    const key = ACTION_LABELS[action];
+    return isGroup ? formatLabel(labels[`${key}Name`], {
+      name
+    }) : labels[key];
+  }
+  if (!isGroup) return labels.typingStatus;
+  if (users.length === 1) return formatLabel(labels.typingStatusName, {
+    name
+  });
+  if (users.length === 2) return formatLabel(labels.typingStatusTwo, {
+    name,
+    other: firstName(users[1])
+  });
+  return formatLabel(labels.typingStatusMany, {
+    name,
+    count: users.length - 1
+  });
+}
+const ACTION_LABELS = {
+  recordingVoice: 'typingRecordingVoice',
+  recordingVideo: 'typingRecordingVideo',
+  sendingPhoto: 'typingSendingPhoto',
+  sendingVideo: 'typingSendingVideo',
+  sendingFile: 'typingSendingFile',
+  choosingSticker: 'typingChoosingSticker'
+};
+/**
+ * Who is typing, for a chat's header or a row in the chat list: an animation for the action
+ * (three dots that swell in turn, waves for a recording, arrows for an upload) before the text.
+ */
+export function TypingStatus(t0) {
+  const $ = _c(22);
+  const {
+    users,
+    action: t1,
+    isGroup: t2,
+    color,
+    textStyle,
+    style
+  } = t0;
+  const action = t1 === undefined ? "typing" : t1;
+  const isGroup = t2 === undefined ? false : t2;
+  const labels = useLabels();
+  if (!users.length) {
+    return null;
+  }
+  let t3;
+  if ($[0] !== style) {
+    t3 = [styles.row, style];
+    $[0] = style;
+    $[1] = t3;
+  } else {
+    t3 = $[1];
+  }
+  let t4;
+  if ($[2] !== action || $[3] !== color) {
+    t4 = action === "recordingVoice" || action === "recordingVideo" ? <RecordWaves color={color} /> : action === "sendingPhoto" || action === "sendingVideo" || action === "sendingFile" ? <SendingArrows color={color} /> : <TypingDots color={color} />;
+    $[2] = action;
+    $[3] = color;
+    $[4] = t4;
+  } else {
+    t4 = $[4];
+  }
+  let t5;
+  if ($[5] !== color) {
+    t5 = {
+      color
+    };
+    $[5] = color;
+    $[6] = t5;
+  } else {
+    t5 = $[6];
+  }
+  let t6;
+  if ($[7] !== t5 || $[8] !== textStyle) {
+    t6 = [textStyle, t5];
+    $[7] = t5;
+    $[8] = textStyle;
+    $[9] = t6;
+  } else {
+    t6 = $[9];
+  }
+  let t7;
+  if ($[10] !== action || $[11] !== isGroup || $[12] !== labels || $[13] !== users) {
+    t7 = getTypingText(users, labels, action, isGroup);
+    $[10] = action;
+    $[11] = isGroup;
+    $[12] = labels;
+    $[13] = users;
+    $[14] = t7;
+  } else {
+    t7 = $[14];
+  }
+  let t8;
+  if ($[15] !== t6 || $[16] !== t7) {
+    t8 = <Text style={t6} numberOfLines={1}>{t7}</Text>;
+    $[15] = t6;
+    $[16] = t7;
+    $[17] = t8;
+  } else {
+    t8 = $[17];
+  }
+  let t9;
+  if ($[18] !== t3 || $[19] !== t4 || $[20] !== t8) {
+    t9 = <View style={t3}>{t4}{t8}</View>;
+    $[18] = t3;
+    $[19] = t4;
+    $[20] = t8;
+    $[21] = t9;
+  } else {
+    t9 = $[21];
+  }
+  return t9;
+}
+
+/** A looping 0..1 clock. */
+const useLoop = period => {
+  const $ = _c(4);
+  const progress = useSharedValue(0);
+  let t0;
+  let t1;
+  if ($[0] !== period || $[1] !== progress) {
+    t0 = () => {
+      progress.value = withRepeat(withTiming(1, {
+        duration: period,
+        easing: Easing.linear
+      }), -1, false);
+      return () => cancelAnimation(progress);
+    };
+    t1 = [period, progress];
+    $[0] = period;
+    $[1] = progress;
+    $[2] = t0;
+    $[3] = t1;
+  } else {
+    t0 = $[2];
+    t1 = $[3];
+  }
+  useEffect(t0, t1);
+  return progress;
+};
+
+// Three dots 6 apart in an 18-wide box. Each swells from radius 1.33 to 2.33 over 320ms and back
+// over the next 320ms on a decelerate curve, rests, and starts again every 800ms, each 150ms
+// after the one before.
+const DOT_PERIOD = 800;
+const DOT_GROW = 320;
+const DOT_MIN = 1.33;
+const decelerate = t => {
+  'worklet';
+
+  return 1 - (1 - t) * (1 - t);
+};
+function Dot(t0) {
+  const $ = _c(5);
+  const {
+    clock,
+    delay,
+    color
+  } = t0;
+  const style = useAnimatedStyle(() => {
+    const t = ((clock.value * DOT_PERIOD - delay) % DOT_PERIOD + DOT_PERIOD) % DOT_PERIOD;
+    const grow = t <= DOT_GROW ? decelerate(t / DOT_GROW) : t <= DOT_GROW * 2 ? 1 - decelerate((t - DOT_GROW) / DOT_GROW) : 0;
+    return {
+      transform: [{
+        scale: (DOT_MIN + grow) / (DOT_MIN + 1)
+      }]
+    };
+  });
+  let t1;
+  if ($[0] !== color) {
+    t1 = {
+      backgroundColor: color
+    };
+    $[0] = color;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== style || $[3] !== t1) {
+    t2 = <Animated.View style={[styles.dot, t1, style]} />;
+    $[2] = style;
+    $[3] = t1;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  return t2;
+}
+function TypingDots(t0) {
+  const $ = _c(3);
+  const {
+    color
+  } = t0;
+  const clock = useLoop(DOT_PERIOD);
+  let t1;
+  if ($[0] !== clock || $[1] !== color) {
+    t1 = <View style={styles.dots}><Dot clock={clock} delay={0} color={color} /><Dot clock={clock} delay={150} color={color} /><Dot clock={clock} delay={300} color={color} /></View>;
+    $[0] = clock;
+    $[1] = color;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  return t1;
+}
+
+// A recording: four 30° arcs pointing ahead, 4 apart, moving out every 800ms; the innermost
+// fades in and the outermost fades out. Without react-native-svg the dots stand in.
+const WAVE_PERIOD = 800;
+const wavePath = radius => {
+  'worklet';
+
+  const a = 15 * Math.PI / 180;
+  const x = 2 + radius * Math.cos(a);
+  const y = radius * Math.sin(a);
+  return `M${x} ${9 - y} A${radius} ${radius} 0 0 1 ${x} ${9 + y}`;
+};
+function Wave(t0) {
+  const $ = _c(3);
+  const {
+    clock,
+    index,
+    color
+  } = t0;
+  const props = useAnimatedProps(() => {
+    const p = clock.value;
+    const radius = Math.max(0.01, 4 * index + 4 * p);
+    const opacity = index === 0 ? p : index === 3 ? 1 - p : 1;
+    return {
+      d: wavePath(radius),
+      strokeOpacity: opacity
+    };
+  });
+  let t1;
+  if ($[0] !== color || $[1] !== props) {
+    t1 = <AnimatedPath animatedProps={props} stroke={color} strokeWidth={2} strokeLinecap="round" fill="none" />;
+    $[0] = color;
+    $[1] = props;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  return t1;
+}
+function RecordWaves(t0) {
+  const $ = _c(6);
+  const {
+    color
+  } = t0;
+  const clock = useLoop(WAVE_PERIOD);
+  if (!Svg || !AnimatedPath) {
+    let t1;
+    if ($[0] !== color) {
+      t1 = <TypingDots color={color} />;
+      $[0] = color;
+      $[1] = t1;
+    } else {
+      t1 = $[1];
+    }
+    return t1;
+  }
+  let t1;
+  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = [0, 1, 2, 3];
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  let t2;
+  if ($[3] !== clock || $[4] !== color) {
+    t2 = <Svg width={20} height={18} style={styles.icon}>{t1.map(index => <Wave key={index} clock={clock} index={index} color={color} />)}</Svg>;
+    $[3] = clock;
+    $[4] = color;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  return t2;
+}
+
+// An upload: three ">" chevrons 5 apart sliding ahead every 500ms; the first fades in and the
+// last fades out.
+const ARROW_PERIOD = 500;
+function Arrow(t0) {
+  const $ = _c(10);
+  const {
+    clock,
+    index,
+    color
+  } = t0;
+  const style = useAnimatedStyle(() => {
+    const p = clock.value;
+    return {
+      opacity: index === 0 ? p : index === 2 ? 1 - p : 1,
+      transform: [{
+        translateX: 5 * index + 5 * p
+      }]
+    };
+  });
+  let t1;
+  if ($[0] !== style) {
+    t1 = [styles.arrow, style];
+    $[0] = style;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== color) {
+    t2 = <View style={[styles.arrowStroke, styles.arrowTop, {
+      backgroundColor: color
+    }]} />;
+    $[2] = color;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  let t3;
+  if ($[4] !== color) {
+    t3 = <View style={[styles.arrowStroke, styles.arrowBottom, {
+      backgroundColor: color
+    }]} />;
+    $[4] = color;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  let t4;
+  if ($[6] !== t1 || $[7] !== t2 || $[8] !== t3) {
+    t4 = <Animated.View style={t1}>{t2}{t3}</Animated.View>;
+    $[6] = t1;
+    $[7] = t2;
+    $[8] = t3;
+    $[9] = t4;
+  } else {
+    t4 = $[9];
+  }
+  return t4;
+}
+function SendingArrows(t0) {
+  const $ = _c(4);
+  const {
+    color
+  } = t0;
+  const clock = useLoop(ARROW_PERIOD);
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = [0, 1, 2];
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  let t2;
+  if ($[1] !== clock || $[2] !== color) {
+    t2 = <View style={styles.arrows}>{t1.map(index => <Arrow key={index} clock={clock} index={index} color={color} />)}</View>;
+    $[1] = clock;
+    $[2] = color;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  return t2;
+}
+const DOT_SIZE = (DOT_MIN + 1) * 2;
+const styles = StyleSheet.create({
+  row: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    flexShrink: 1
+  },
+  icon: {
+    marginEnd: 4
+  },
+  dots: {
+    width: 18,
+    height: 18,
+    marginEnd: 4,
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    paddingHorizontal: 3 - DOT_SIZE / 2
+  },
+  dot: {
+    width: DOT_SIZE,
+    height: DOT_SIZE,
+    borderRadius: DOT_SIZE / 2
+  },
+  arrows: {
+    width: 20,
+    height: 18,
+    marginEnd: 4
+  },
+  arrow: {
+    position: 'absolute',
+    left: 0,
+    top: 4,
+    width: 5,
+    height: 9
+  },
+  arrowStroke: {
+    position: 'absolute',
+    left: -0.5,
+    width: 6,
+    height: 2,
+    borderRadius: 1
+  },
+  arrowTop: {
+    top: 1.5,
+    transform: [{
+      rotate: '45deg'
+    }]
+  },
+  arrowBottom: {
+    top: 5.5,
+    transform: [{
+      rotate: '-45deg'
+    }]
+  }
+});
+//# sourceMappingURL=TypingStatus.js.map

package/lib/components/TypingStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TypingStatus.js","names":["React","useEffect","StyleSheet","Text","View","Animated","cancelAnimation","Easing","useAnimatedProps","useAnimatedStyle","useSharedValue","withRepeat","withTiming","useLabels","formatLabel","getSvg","svg","Svg","default","AnimatedPath","Path","createAnimatedComponent","firstName","user","name","split","getTypingText","users","labels","action","isGroup","length","key","ACTION_LABELS","typingStatus","typingStatusName","typingStatusTwo","other","typingStatusMany","count","recordingVoice","recordingVideo","sendingPhoto","sendingVideo","sendingFile","choosingSticker","TypingStatus","t0","$","_c","t1","t2","color","textStyle","style","undefined","t3","styles","row","t4","t5","t6","t7","t8","t9","useLoop","period","progress","value","duration","easing","linear","DOT_PERIOD","DOT_GROW","DOT_MIN","decelerate","t","Dot","clock","delay","grow","transform","scale","backgroundColor","dot","TypingDots","dots","WAVE_PERIOD","wavePath","radius","a","Math","PI","x","cos","y","sin","Wave","index","props","p","max","opacity","d","strokeOpacity","RecordWaves","Symbol","for","icon","map","ARROW_PERIOD","Arrow","translateX","arrow","arrowStroke","arrowTop","arrowBottom","SendingArrows","arrows","DOT_SIZE","create","flexDirection","alignItems","flexShrink","marginEnd","width","height","justifyContent","paddingHorizontal","borderRadius","position","left","top","rotate"],"sources":["../../src/components/TypingStatus.tsx"],"sourcesContent":["import React, { useEffect } from 'react'\nimport { StyleProp, StyleSheet, Text, TextStyle, View, ViewStyle } from 'react-native'\nimport Animated, {\n  cancelAnimation,\n  Easing,\n  SharedValue,\n  useAnimatedProps,\n  useAnimatedStyle,\n  useSharedValue,\n  withRepeat,\n  withTiming,\n} from 'react-native-reanimated'\n\nimport { useLabels } from '../hooks/useLabels'\nimport { ChatLabels, formatLabel } from '../i18n'\nimport { User } from '../Models'\nimport { getSvg } from '../optional'\n\nconst svg = getSvg()\nconst Svg: any = svg ? svg.Svg ?? svg.default : null\nconst AnimatedPath: any = svg?.Path ? Animated.createAnimatedComponent(svg.Path) : null\n\n/** What the other side is doing: typing, recording a note, sending media or picking a sticker. */\nexport type TypingAction =\n  | 'typing'\n  | 'recordingVoice'\n  | 'recordingVideo'\n  | 'sendingPhoto'\n  | 'sendingVideo'\n  | 'sendingFile'\n  | 'choosingSticker'\n\nconst firstName = (user?: User) => (user?.name ?? '').split(' ')[0]\n\n/**\n * The status line for who is typing: \"typing\" in a private chat; in a group \"Anna is typing\",\n * \"Anna and Max are typing\" or \"Anna and 3 people are typing\". Other actions read \"recording a\n * voice message\", \"Anna is sending a photo\"…\n */\nexport function getTypingText (users: User[], labels: ChatLabels, action: TypingAction = 'typing', isGroup = false): string {\n  if (!users.length)\n    return ''\n  const name = firstName(users[0])\n  if (action !== 'typing') {\n    const key = ACTION_LABELS[action]\n    return isGroup ? formatLabel(labels[`${key}Name`], { name }) : labels[key]\n  }\n  if (!isGroup)\n    return labels.typingStatus\n  if (users.length === 1)\n    return formatLabel(labels.typingStatusName, { name })\n  if (users.length === 2)\n    return formatLabel(labels.typingStatusTwo, { name, other: firstName(users[1]) })\n  return formatLabel(labels.typingStatusMany, { name, count: users.length - 1 })\n}\n\nconst ACTION_LABELS = {\n  recordingVoice: 'typingRecordingVoice',\n  recordingVideo: 'typingRecordingVideo',\n  sendingPhoto: 'typingSendingPhoto',\n  sendingVideo: 'typingSendingVideo',\n  sendingFile: 'typingSendingFile',\n  choosingSticker: 'typingChoosingSticker',\n} as const\n\nexport interface TypingStatusProps {\n  /** Who is typing; nothing is drawn when empty. */\n  users: User[]\n  action?: TypingAction\n  /** Names the people typing (\"Anna is typing\"), as a group does. */\n  isGroup?: boolean\n  /** The text and the animation. */\n  color: string\n  textStyle?: StyleProp<TextStyle>\n  style?: StyleProp<ViewStyle>\n}\n\n/**\n * Who is typing, for a chat's header or a row in the chat list: an animation for the action\n * (three dots that swell in turn, waves for a recording, arrows for an upload) before the text.\n */\nexport function TypingStatus ({ users, action = 'typing', isGroup = false, color, textStyle, style }: TypingStatusProps) {\n  const labels = useLabels()\n  if (!users.length)\n    return null\n\n  return (\n    <View style={[styles.row, style]}>\n      {action === 'recordingVoice' || action === 'recordingVideo'\n        ? <RecordWaves color={color} />\n        : action === 'sendingPhoto' || action === 'sendingVideo' || action === 'sendingFile'\n          ? <SendingArrows color={color} />\n          : <TypingDots color={color} />}\n      <Text style={[textStyle, { color }]} numberOfLines={1}>{getTypingText(users, labels, action, isGroup)}</Text>\n    </View>\n  )\n}\n\n/** A looping 0..1 clock. */\nconst useLoop = (period: number) => {\n  const progress = useSharedValue(0)\n  useEffect(() => {\n    progress.value = withRepeat(withTiming(1, { duration: period, easing: Easing.linear }), -1, false)\n    return () => cancelAnimation(progress)\n  }, [period, progress])\n  return progress\n}\n\n// Three dots 6 apart in an 18-wide box. Each swells from radius 1.33 to 2.33 over 320ms and back\n// over the next 320ms on a decelerate curve, rests, and starts again every 800ms, each 150ms\n// after the one before.\nconst DOT_PERIOD = 800\nconst DOT_GROW = 320\nconst DOT_MIN = 1.33\nconst decelerate = (t: number) => {\n  'worklet'\n  return 1 - (1 - t) * (1 - t)\n}\n\nfunction Dot ({ clock, delay, color }: { clock: SharedValue<number>, delay: number, color: string }) {\n  const style = useAnimatedStyle(() => {\n    const t = ((clock.value * DOT_PERIOD - delay) % DOT_PERIOD + DOT_PERIOD) % DOT_PERIOD\n    const grow = t <= DOT_GROW\n      ? decelerate(t / DOT_GROW)\n      : t <= DOT_GROW * 2\n        ? 1 - decelerate((t - DOT_GROW) / DOT_GROW)\n        : 0\n    return { transform: [{ scale: (DOT_MIN + grow) / (DOT_MIN + 1) }] }\n  })\n  return <Animated.View style={[styles.dot, { backgroundColor: color }, style]} />\n}\n\nfunction TypingDots ({ color }: { color: string }) {\n  const clock = useLoop(DOT_PERIOD)\n  return (\n    <View style={styles.dots}>\n      <Dot clock={clock} delay={0} color={color} />\n      <Dot clock={clock} delay={150} color={color} />\n      <Dot clock={clock} delay={300} color={color} />\n    </View>\n  )\n}\n\n// A recording: four 30° arcs pointing ahead, 4 apart, moving out every 800ms; the innermost\n// fades in and the outermost fades out. Without react-native-svg the dots stand in.\nconst WAVE_PERIOD = 800\n\nconst wavePath = (radius: number) => {\n  'worklet'\n  const a = (15 * Math.PI) / 180\n  const x = 2 + radius * Math.cos(a)\n  const y = radius * Math.sin(a)\n  return `M${x} ${9 - y} A${radius} ${radius} 0 0 1 ${x} ${9 + y}`\n}\n\nfunction Wave ({ clock, index, color }: { clock: SharedValue<number>, index: number, color: string }) {\n  const props = useAnimatedProps(() => {\n    const p = clock.value\n    const radius = Math.max(0.01, 4 * index + 4 * p)\n    const opacity = index === 0 ? p : index === 3 ? 1 - p : 1\n    return { d: wavePath(radius), strokeOpacity: opacity }\n  })\n  return <AnimatedPath animatedProps={props} stroke={color} strokeWidth={2} strokeLinecap='round' fill='none' />\n}\n\nfunction RecordWaves ({ color }: { color: string }) {\n  const clock = useLoop(WAVE_PERIOD)\n  if (!Svg || !AnimatedPath)\n    return <TypingDots color={color} />\n  return (\n    <Svg width={20} height={18} style={styles.icon}>\n      {[0, 1, 2, 3].map(index => <Wave key={index} clock={clock} index={index} color={color} />)}\n    </Svg>\n  )\n}\n\n// An upload: three \">\" chevrons 5 apart sliding ahead every 500ms; the first fades in and the\n// last fades out.\nconst ARROW_PERIOD = 500\n\nfunction Arrow ({ clock, index, color }: { clock: SharedValue<number>, index: number, color: string }) {\n  const style = useAnimatedStyle(() => {\n    const p = clock.value\n    return {\n      opacity: index === 0 ? p : index === 2 ? 1 - p : 1,\n      transform: [{ translateX: 5 * index + 5 * p }],\n    }\n  })\n  return (\n    <Animated.View style={[styles.arrow, style]}>\n      <View style={[styles.arrowStroke, styles.arrowTop, { backgroundColor: color }]} />\n      <View style={[styles.arrowStroke, styles.arrowBottom, { backgroundColor: color }]} />\n    </Animated.View>\n  )\n}\n\nfunction SendingArrows ({ color }: { color: string }) {\n  const clock = useLoop(ARROW_PERIOD)\n  return (\n    <View style={styles.arrows}>\n      {[0, 1, 2].map(index => <Arrow key={index} clock={clock} index={index} color={color} />)}\n    </View>\n  )\n}\n\nconst DOT_SIZE = (DOT_MIN + 1) * 2\n\nconst styles = StyleSheet.create({\n  row: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    flexShrink: 1,\n  },\n  icon: {\n    marginEnd: 4,\n  },\n  dots: {\n    width: 18,\n    height: 18,\n    marginEnd: 4,\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    paddingHorizontal: 3 - DOT_SIZE / 2,\n  },\n  dot: {\n    width: DOT_SIZE,\n    height: DOT_SIZE,\n    borderRadius: DOT_SIZE / 2,\n  },\n  arrows: {\n    width: 20,\n    height: 18,\n    marginEnd: 4,\n  },\n  arrow: {\n    position: 'absolute',\n    left: 0,\n    top: 4,\n    width: 5,\n    height: 9,\n  },\n  arrowStroke: {\n    position: 'absolute',\n    left: -0.5,\n    width: 6,\n    height: 2,\n    borderRadius: 1,\n  },\n  arrowTop: {\n    top: 1.5,\n    transform: [{ rotate: '45deg' }],\n  },\n  arrowBottom: {\n    top: 5.5,\n    transform: [{ rotate: '-45deg' }],\n  },\n})\n"],"mappings":"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","ignoreList":[]}

package/lib/components/UnreadSeparator.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+/**
+ * The "Unread Messages" bar: a full-width strip above the
+ * first message you have not read, with the label in the middle and a small down arrow at the
+ * right.
+ */
+export declare function UnreadSeparator(): React.JSX.Element;
+//# sourceMappingURL=UnreadSeparator.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UnreadSeparator.d.ts","sourceRoot":"","sources":["../../src/components/UnreadSeparator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB;;;;GAIG;AACH,wBAAgB,eAAe,sBAc9B"}