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

package/lib/components/ChatWallpaper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatWallpaper.js","names":["React","useCallback","useEffect","useMemo","useRef","useState","Image","StyleSheet","View","Animated","Easing","runOnJS","useAnimatedStyle","useSharedValue","withTiming","averageBrightness","useTheme","getWallpaperUri","WALLPAPER_PHASES","STEP","duration","easing","bezier","toPhase","step","ChatWallpaper","t0","$","_c","colors","colorsProp","t1","isAnimated","isAnimatedProp","pattern","patternProp","patternOpacity","patternOpacityProp","patternColor","patternColorProp","style","undefined","theme","wallpaper","t2","join","colorsKey","t3","phase","t4","base","top","layers","setLayers","topOpacity","t5","t6","previous","t7","Symbol","for","settledPhase","previous_0","settle","t8","value","target","isFinished","t9","topStyle","opacity","t10","split","t11","uri","baseSource","t12","t13","topSource","t14","absoluteFill","t15","t16","t17","tintColor","mixBlendMode","t18","useOutgoingStep","messages","userId","isInverted","newest","length","newestId","_id","isNewestOutgoing","user","system","setStep","previousNewestRef","current","_temp"],"sources":["../../src/components/ChatWallpaper.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'\nimport { Image, ImageSourcePropType, ImageStyle, StyleProp, StyleSheet, View, ViewStyle } from 'react-native'\nimport Animated, { Easing, runOnJS, useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated'\n\nimport { averageBrightness } from '../colorUtils'\nimport { useTheme } from '../hooks/useTheme'\nimport { IMessage } from '../Models'\nimport { getWallpaperUri, WALLPAPER_PHASES } from './wallpaperGradient'\n\n// Each step to the next position takes 500ms on bezier(0.33, 0, 0, 1).\nconst STEP = { duration: 500, easing: Easing.bezier(0.33, 0, 0, 1) }\n\nexport interface ChatWallpaperProps {\n  /** Three or four gradient colors; defaults to the theme's `wallpaper.colors`. */\n  colors?: string[]\n  /**\n   * How many steps the gradient has turned. It turns one step back per outgoing\n   * message; any change animates to the new position.\n   */\n  step?: number\n  /** Animate step changes; defaults to the theme's `wallpaper.isAnimated`. */\n  isAnimated?: boolean\n  /** An image tiled over the gradient; defaults to the theme's `wallpaper.pattern`. */\n  pattern?: ImageSourcePropType | null\n  patternOpacity?: number\n  patternColor?: string\n  style?: StyleProp<ViewStyle>\n}\n\nconst toPhase = (step: number) =>\n  ((-step % WALLPAPER_PHASES) + WALLPAPER_PHASES) % WALLPAPER_PHASES\n\n/**\n * The default chat background: a four-color\n * swirl gradient that turns one step, with a 500ms crossfade, every time you send a message.\n * Fills its parent. No doodle pattern is bundled; pass your own tile as `pattern` (drawn soft-light, black over a light gradient and\n * white over a dark one).\n */\nexport function ChatWallpaper ({\n  colors: colorsProp,\n  step = 0,\n  isAnimated: isAnimatedProp,\n  pattern: patternProp,\n  patternOpacity: patternOpacityProp,\n  patternColor: patternColorProp,\n  style,\n}: ChatWallpaperProps) {\n  const theme = useTheme()\n  const colors = colorsProp ?? theme.wallpaper.colors\n  const isAnimated = isAnimatedProp ?? theme.wallpaper.isAnimated\n  const pattern = patternProp === undefined ? theme.wallpaper.pattern : patternProp\n  const patternOpacity = patternOpacityProp ?? theme.wallpaper.patternOpacity\n  const colorsKey = colors.join(',')\n\n  const phase = toPhase(step)\n  // The phase under the fading one, and the one fading in.\n  const [layers, setLayers] = useState({ base: phase, top: phase })\n  const topOpacity = useSharedValue(1)\n\n  useEffect(() => {\n    setLayers(previous => {\n      if (previous.top === phase)\n        return previous\n\n      return isAnimated ? { base: previous.top, top: phase } : { base: phase, top: phase }\n    })\n  }, [phase, isAnimated])\n\n  const settle = useCallback((settledPhase: number) => {\n    setLayers(previous => previous.top === settledPhase ? { base: settledPhase, top: settledPhase } : previous)\n  }, [])\n\n  useEffect(() => {\n    if (layers.base === layers.top) {\n      topOpacity.value = 1\n      return\n    }\n\n    const target = layers.top\n    topOpacity.value = 0\n    topOpacity.value = withTiming(1, STEP, isFinished => {\n      if (isFinished)\n        runOnJS(settle)(target)\n    })\n  }, [layers, topOpacity, settle])\n\n  const topStyle = useAnimatedStyle(() => ({ opacity: topOpacity.value }))\n\n  // Memoized sources keep their identity, so an unrelated render does not reload the image.\n  const baseSource = useMemo(() => ({ uri: getWallpaperUri(colorsKey.split(','), layers.base) }), [colorsKey, layers.base])\n  const topSource = useMemo(() => ({ uri: getWallpaperUri(colorsKey.split(','), layers.top) }), [colorsKey, layers.top])\n\n  // The pattern is tinted black over a light gradient and white over a dark one (average\n  // HSB brightness under 0.3).\n  const patternColor = patternColorProp ?? theme.wallpaper.patternColor ??\n    (averageBrightness(colors) < 0.3 ? '#FFFFFF' : '#000000')\n\n  return (\n    <View pointerEvents='none' style={[StyleSheet.absoluteFill, style]} testID='chat-wallpaper'>\n      <Image\n        source={baseSource}\n        style={StyleSheet.absoluteFill}\n        resizeMode='stretch'\n        fadeDuration={0}\n      />\n      {layers.base !== layers.top && (\n        <Animated.Image\n          source={topSource}\n          style={[StyleSheet.absoluteFill, topStyle]}\n          resizeMode='stretch'\n          fadeDuration={0}\n        />\n      )}\n      {!!pattern && (\n        <Image\n          source={pattern}\n          resizeMode='repeat'\n          style={[\n            StyleSheet.absoluteFill,\n            { opacity: patternOpacity, tintColor: patternColor, mixBlendMode: 'soft-light' } as ImageStyle,\n          ]}\n        />\n      )}\n    </View>\n  )\n}\n\n/**\n * How many outgoing messages have arrived since mount - the wallpaper's step. A message the\n * current user sent becoming the newest one turns it, wherever it came from.\n */\nexport function useOutgoingStep (messages: IMessage[], userId: string | number | undefined, isInverted: boolean): number {\n  const newest = messages.length ? (isInverted ? messages[0] : messages[messages.length - 1]) : undefined\n  const newestId = newest?._id\n  const isNewestOutgoing = !!newest && userId != null && newest.user?._id === userId && !newest.system\n  const [step, setStep] = useState(0)\n  const previousNewestRef = useRef(newestId)\n\n  useEffect(() => {\n    const previous = previousNewestRef.current\n    previousNewestRef.current = newestId\n    if (previous !== undefined && newestId !== undefined && newestId !== previous && isNewestOutgoing)\n      setStep(value => value + 1)\n  }, [newestId, isNewestOutgoing])\n\n  return step\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/components/ContextMenu/MenuCard.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import { LayoutChangeEvent } from 'react-native';
+import { SharedValue } from 'react-native-reanimated';
+import { MessageMenuItem } from '../../Models';
+import { ChatTheme } from '../../Theme';
+import { Styles } from './styles';
+/** The action card: unrolls from the top, and fades away while the reactions panel is open. */
+export declare const MenuCard: ({ items, revealMs, top, left, isExpanded, reveal, menuFade, onLayout, onPress, styles, theme, }: {
+    items: MessageMenuItem[];
+    revealMs: number;
+    top: number;
+    left: number;
+    isExpanded: boolean;
+    reveal: SharedValue<number>;
+    menuFade: SharedValue<number>;
+    onLayout: (event: LayoutChangeEvent) => void;
+    onPress: (onPress: () => void) => void;
+    styles: Styles;
+    theme: ChatTheme;
+}) => React.JSX.Element;
+//# sourceMappingURL=MenuCard.d.ts.map

package/lib/components/ContextMenu/MenuCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuCard.d.ts","sourceRoot":"","sources":["../../../src/components/ContextMenu/MenuCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AACxC,OAAO,EAAE,iBAAiB,EAAyB,MAAM,cAAc,CAAA;AACvE,OAAiB,EACf,WAAW,EAKZ,MAAM,yBAAyB,CAAA;AAEhC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AASvC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAyDjC,+FAA+F;AAC/F,eAAO,MAAM,QAAQ,GAAI,iGAYtB;IACD,KAAK,EAAE,eAAe,EAAE,CAAA;IACxB,QAAQ,EAAE,MAAM,CAAA;IAChB,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,UAAU,EAAE,OAAO,CAAA;IACnB,MAAM,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;IAC3B,QAAQ,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;IAC7B,QAAQ,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAA;IAC5C,OAAO,EAAE,CAAC,OAAO,EAAE,MAAM,IAAI,KAAK,IAAI,CAAA;IACtC,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,SAAS,CAAA;CACjB,sBAgCA,CAAA"}

package/lib/components/ContextMenu/MenuCard.js

@@ -0,0 +1,265 @@
+import { c as _c } from "react/compiler-runtime";
+import React, { useEffect } from 'react';
+import { Pressable, Text, View } from 'react-native';
+import Animated, { useAnimatedStyle, useSharedValue, withDelay, withTiming } from 'react-native-reanimated';
+import { DECELERATE, ICON_SIZE, REDUCE_MOTION, ROW_IN_MS, ROW_SHIFT, timing } from './constants';
+const MenuRow = t0 => {
+  const $ = _c(34);
+  const {
+    item,
+    index,
+    revealMs,
+    rowCount,
+    hasIcons,
+    onPress,
+    styles,
+    theme
+  } = t0;
+  const appear = useSharedValue(0);
+  let t1;
+  let t2;
+  if ($[0] !== appear || $[1] !== index || $[2] !== revealMs || $[3] !== rowCount) {
+    t1 = () => {
+      appear.set(withDelay(revealMs * index / Math.max(1, rowCount), withTiming(1, timing(ROW_IN_MS, DECELERATE)), REDUCE_MOTION));
+    };
+    t2 = [appear, revealMs, index, rowCount];
+    $[0] = appear;
+    $[1] = index;
+    $[2] = revealMs;
+    $[3] = rowCount;
+    $[4] = t1;
+    $[5] = t2;
+  } else {
+    t1 = $[4];
+    t2 = $[5];
+  }
+  useEffect(t1, t2);
+  const appearStyle = useAnimatedStyle(() => ({
+    opacity: appear.value,
+    transform: [{
+      translateY: -ROW_SHIFT * (1 - appear.value)
+    }]
+  }));
+  const color = item.destructive ? theme.contextMenu.destructive : theme.contextMenu.icon;
+  const textColor = item.destructive ? theme.contextMenu.destructive : theme.contextMenu.text;
+  let t3;
+  if ($[6] !== item.onPress || $[7] !== onPress) {
+    t3 = () => onPress(item.onPress);
+    $[6] = item.onPress;
+    $[7] = onPress;
+    $[8] = t3;
+  } else {
+    t3 = $[8];
+  }
+  let t4;
+  if ($[9] !== styles.row || $[10] !== styles.rowPressed) {
+    t4 = t5 => {
+      const {
+        pressed
+      } = t5;
+      return [styles.row, pressed && styles.rowPressed];
+    };
+    $[9] = styles.row;
+    $[10] = styles.rowPressed;
+    $[11] = t4;
+  } else {
+    t4 = $[11];
+  }
+  let t5;
+  if ($[12] !== color || $[13] !== item || $[14] !== styles.iconSlot) {
+    t5 = item.icon && <View style={styles.iconSlot} pointerEvents="none">{item.icon({
+        color,
+        size: ICON_SIZE
+      })}</View>;
+    $[12] = color;
+    $[13] = item;
+    $[14] = styles.iconSlot;
+    $[15] = t5;
+  } else {
+    t5 = $[15];
+  }
+  const t6 = hasIcons && styles.rowLabelWithIcon;
+  let t7;
+  if ($[16] !== textColor) {
+    t7 = {
+      color: textColor
+    };
+    $[16] = textColor;
+    $[17] = t7;
+  } else {
+    t7 = $[17];
+  }
+  let t8;
+  if ($[18] !== styles.rowLabel || $[19] !== t6 || $[20] !== t7) {
+    t8 = [styles.rowLabel, t6, t7];
+    $[18] = styles.rowLabel;
+    $[19] = t6;
+    $[20] = t7;
+    $[21] = t8;
+  } else {
+    t8 = $[21];
+  }
+  let t9;
+  if ($[22] !== item.label || $[23] !== t8) {
+    t9 = <Text style={t8} numberOfLines={1}>{item.label}</Text>;
+    $[22] = item.label;
+    $[23] = t8;
+    $[24] = t9;
+  } else {
+    t9 = $[24];
+  }
+  let t10;
+  if ($[25] !== item.label || $[26] !== t3 || $[27] !== t4 || $[28] !== t5 || $[29] !== t9) {
+    t10 = <Pressable onPress={t3} accessibilityRole="button" accessibilityLabel={item.label} style={t4}>{t5}{t9}</Pressable>;
+    $[25] = item.label;
+    $[26] = t3;
+    $[27] = t4;
+    $[28] = t5;
+    $[29] = t9;
+    $[30] = t10;
+  } else {
+    t10 = $[30];
+  }
+  let t11;
+  if ($[31] !== appearStyle || $[32] !== t10) {
+    t11 = <Animated.View style={appearStyle}>{t10}</Animated.View>;
+    $[31] = appearStyle;
+    $[32] = t10;
+    $[33] = t11;
+  } else {
+    t11 = $[33];
+  }
+  return t11;
+};
+
+/** The action card: unrolls from the top, and fades away while the reactions panel is open. */
+export const MenuCard = t0 => {
+  const $ = _c(37);
+  const {
+    items,
+    revealMs,
+    top,
+    left,
+    isExpanded,
+    reveal,
+    menuFade,
+    onLayout,
+    onPress,
+    styles,
+    theme
+  } = t0;
+  const rowCount = items.length;
+  const menuBackgroundStyle = useAnimatedStyle(() => ({
+    transform: [{
+      scaleY: Math.max(0.0001, reveal.value)
+    }],
+    opacity: Math.min(1, reveal.value * 2)
+  }));
+  const menuFadeStyle = useAnimatedStyle(() => ({
+    opacity: menuFade.value
+  }));
+  let t1;
+  if ($[0] !== items) {
+    t1 = items.some(_temp);
+    $[0] = items;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const hasIcons = t1;
+  let t2;
+  if ($[2] !== left || $[3] !== top) {
+    t2 = {
+      top,
+      left
+    };
+    $[2] = left;
+    $[3] = top;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  let t3;
+  if ($[5] !== menuFadeStyle || $[6] !== styles.menu || $[7] !== t2) {
+    t3 = [styles.menu, t2, menuFadeStyle];
+    $[5] = menuFadeStyle;
+    $[6] = styles.menu;
+    $[7] = t2;
+    $[8] = t3;
+  } else {
+    t3 = $[8];
+  }
+  const t4 = isExpanded ? "none" : "box-none";
+  let t5;
+  if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+    t5 = {
+      transformOrigin: "center top"
+    };
+    $[9] = t5;
+  } else {
+    t5 = $[9];
+  }
+  let t6;
+  if ($[10] !== menuBackgroundStyle || $[11] !== styles.menuBackground) {
+    t6 = <Animated.View style={[styles.menuBackground, t5, menuBackgroundStyle]} />;
+    $[10] = menuBackgroundStyle;
+    $[11] = styles.menuBackground;
+    $[12] = t6;
+  } else {
+    t6 = $[12];
+  }
+  const t7 = styles.menuClip;
+  let t8;
+  if ($[13] !== hasIcons || $[14] !== items || $[15] !== onPress || $[16] !== revealMs || $[17] !== rowCount || $[18] !== styles || $[19] !== theme) {
+    let t9;
+    if ($[21] !== hasIcons || $[22] !== onPress || $[23] !== revealMs || $[24] !== rowCount || $[25] !== styles || $[26] !== theme) {
+      t9 = (item_0, index) => <MenuRow key={`${item_0.key ?? item_0.label}-${index}`} item={item_0} index={index} revealMs={revealMs} rowCount={rowCount} hasIcons={hasIcons} onPress={onPress} styles={styles} theme={theme} />;
+      $[21] = hasIcons;
+      $[22] = onPress;
+      $[23] = revealMs;
+      $[24] = rowCount;
+      $[25] = styles;
+      $[26] = theme;
+      $[27] = t9;
+    } else {
+      t9 = $[27];
+    }
+    t8 = items.map(t9);
+    $[13] = hasIcons;
+    $[14] = items;
+    $[15] = onPress;
+    $[16] = revealMs;
+    $[17] = rowCount;
+    $[18] = styles;
+    $[19] = theme;
+    $[20] = t8;
+  } else {
+    t8 = $[20];
+  }
+  let t9;
+  if ($[28] !== onLayout || $[29] !== styles.menuClip || $[30] !== t8) {
+    t9 = <View style={t7} onLayout={onLayout}>{t8}</View>;
+    $[28] = onLayout;
+    $[29] = styles.menuClip;
+    $[30] = t8;
+    $[31] = t9;
+  } else {
+    t9 = $[31];
+  }
+  let t10;
+  if ($[32] !== t3 || $[33] !== t4 || $[34] !== t6 || $[35] !== t9) {
+    t10 = <Animated.View style={t3} pointerEvents={t4}>{t6}{t9}</Animated.View>;
+    $[32] = t3;
+    $[33] = t4;
+    $[34] = t6;
+    $[35] = t9;
+    $[36] = t10;
+  } else {
+    t10 = $[36];
+  }
+  return t10;
+};
+function _temp(item) {
+  return !!item.icon;
+}
+//# sourceMappingURL=MenuCard.js.map

package/lib/components/ContextMenu/MenuCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuCard.js","names":["React","useEffect","Pressable","Text","View","Animated","useAnimatedStyle","useSharedValue","withDelay","withTiming","DECELERATE","ICON_SIZE","REDUCE_MOTION","ROW_IN_MS","ROW_SHIFT","timing","MenuRow","t0","$","_c","item","index","revealMs","rowCount","hasIcons","onPress","styles","theme","appear","t1","t2","set","Math","max","appearStyle","opacity","value","transform","translateY","color","destructive","contextMenu","icon","textColor","text","t3","t4","row","rowPressed","t5","pressed","iconSlot","size","t6","rowLabelWithIcon","t7","t8","rowLabel","t9","label","t10","t11","MenuCard","items","top","left","isExpanded","reveal","menuFade","onLayout","length","menuBackgroundStyle","scaleY","min","menuFadeStyle","some","_temp","menu","Symbol","for","transformOrigin","menuBackground","menuClip","item_0","key","map"],"sources":["../../../src/components/ContextMenu/MenuCard.tsx"],"sourcesContent":["import React, { useEffect } from 'react'\nimport { LayoutChangeEvent, Pressable, Text, View } from 'react-native'\nimport Animated, {\n  SharedValue,\n  useAnimatedStyle,\n  useSharedValue,\n  withDelay,\n  withTiming,\n} from 'react-native-reanimated'\n\nimport { MessageMenuItem } from '../../Models'\nimport { ChatTheme } from '../../Theme'\nimport {\n  DECELERATE,\n  ICON_SIZE,\n  REDUCE_MOTION,\n  ROW_IN_MS,\n  ROW_SHIFT,\n  timing,\n} from './constants'\nimport { Styles } from './styles'\n\nconst MenuRow = ({\n  item,\n  index,\n  revealMs,\n  rowCount,\n  hasIcons,\n  onPress,\n  styles,\n  theme,\n}: {\n  item: MessageMenuItem\n  index: number\n  revealMs: number\n  rowCount: number\n  hasIcons: boolean\n  onPress: (onPress: () => void) => void\n  styles: Styles\n  theme: ChatTheme\n}) => {\n  // Each row comes in as the unrolling card reaches it.\n  const appear = useSharedValue(0)\n  useEffect(() => {\n    appear.set(withDelay(revealMs * index / Math.max(1, rowCount), withTiming(1, timing(ROW_IN_MS, DECELERATE)), REDUCE_MOTION))\n  }, [appear, revealMs, index, rowCount])\n  const appearStyle = useAnimatedStyle(() => ({\n    opacity: appear.value,\n    transform: [{ translateY: -ROW_SHIFT * (1 - appear.value) }],\n  }))\n  const color = item.destructive ? theme.contextMenu.destructive : theme.contextMenu.icon\n  const textColor = item.destructive ? theme.contextMenu.destructive : theme.contextMenu.text\n\n  return (\n    <Animated.View style={appearStyle}>\n      <Pressable\n        onPress={() => onPress(item.onPress)}\n        accessibilityRole='button'\n        accessibilityLabel={item.label}\n        style={({ pressed }) => [styles.row, pressed && styles.rowPressed]}\n      >\n        {item.icon && (\n          <View style={styles.iconSlot} pointerEvents='none'>\n            {item.icon({ color, size: ICON_SIZE })}\n          </View>\n        )}\n        <Text\n          style={[styles.rowLabel, hasIcons && styles.rowLabelWithIcon, { color: textColor }]}\n          numberOfLines={1}\n        >\n          {item.label}\n        </Text>\n      </Pressable>\n    </Animated.View>\n  )\n}\n\n/** The action card: unrolls from the top, and fades away while the reactions panel is open. */\nexport const MenuCard = ({\n  items,\n  revealMs,\n  top,\n  left,\n  isExpanded,\n  reveal,\n  menuFade,\n  onLayout,\n  onPress,\n  styles,\n  theme,\n}: {\n  items: MessageMenuItem[]\n  revealMs: number\n  top: number\n  left: number\n  isExpanded: boolean\n  reveal: SharedValue<number>\n  menuFade: SharedValue<number>\n  onLayout: (event: LayoutChangeEvent) => void\n  onPress: (onPress: () => void) => void\n  styles: Styles\n  theme: ChatTheme\n}) => {\n  const rowCount = items.length\n  const menuBackgroundStyle = useAnimatedStyle(() => ({\n    transform: [{ scaleY: Math.max(0.0001, reveal.value) }],\n    opacity: Math.min(1, reveal.value * 2),\n  }))\n  const menuFadeStyle = useAnimatedStyle(() => ({ opacity: menuFade.value }))\n  const hasIcons = items.some(item => !!item.icon)\n\n  return (\n    <Animated.View\n      style={[styles.menu, { top, left }, menuFadeStyle]}\n      pointerEvents={isExpanded ? 'none' : 'box-none'}\n    >\n      <Animated.View style={[styles.menuBackground, { transformOrigin: 'center top' }, menuBackgroundStyle]} />\n      <View style={styles.menuClip} onLayout={onLayout}>\n        {items.map((item, index) => (\n          <MenuRow\n            key={`${item.key ?? item.label}-${index}`}\n            item={item}\n            index={index}\n            revealMs={revealMs}\n            rowCount={rowCount}\n            hasIcons={hasIcons}\n            onPress={onPress}\n            styles={styles}\n            theme={theme}\n          />\n        ))}\n      </View>\n    </Animated.View>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/components/ContextMenu/ReactionButton.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { StyleProp, TextStyle } from 'react-native';
+import { Styles } from './styles';
+export declare const ReactionButton: ({ emoji, index, delay, isSelected, isHidden, onPress, emojiStyle, styles, }: {
+    emoji: string;
+    index: number;
+    delay: number;
+    isSelected: boolean;
+    /** Flying to the message, so its spot in the bar is left empty. */
+    isHidden: boolean;
+    onPress: (emoji: string, index: number) => void;
+    emojiStyle?: StyleProp<TextStyle>;
+    styles: Styles;
+}) => React.JSX.Element;
+//# sourceMappingURL=ReactionButton.d.ts.map

package/lib/components/ContextMenu/ReactionButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReactionButton.d.ts","sourceRoot":"","sources":["../../../src/components/ContextMenu/ReactionButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AACxC,OAAO,EAAa,SAAS,EAAQ,SAAS,EAAE,MAAM,cAAc,CAAA;AASpE,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAEjC,eAAO,MAAM,cAAc,GAAI,6EAS5B;IACD,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,UAAU,EAAE,OAAO,CAAA;IACnB,mEAAmE;IACnE,QAAQ,EAAE,OAAO,CAAA;IACjB,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/C,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACjC,MAAM,EAAE,MAAM,CAAA;CACf,sBAwBA,CAAA"}

package/lib/components/ContextMenu/ReactionButton.js

@@ -0,0 +1,116 @@
+import { c as _c } from "react/compiler-runtime";
+import React, { useEffect } from 'react';
+import { Pressable, Text } from 'react-native';
+import Animated, { useAnimatedStyle, useSharedValue, withDelay, withTiming } from 'react-native-reanimated';
+import { EASE_OUT_QUINT, ITEM_IN_MS, REDUCE_MOTION, timing } from './constants';
+export const ReactionButton = t0 => {
+  const $ = _c(31);
+  const {
+    emoji,
+    index,
+    delay,
+    isSelected,
+    isHidden,
+    onPress,
+    emojiStyle,
+    styles
+  } = t0;
+  const appear = useSharedValue(0);
+  let t1;
+  let t2;
+  if ($[0] !== appear || $[1] !== delay) {
+    t1 = () => {
+      appear.set(withDelay(delay, withTiming(1, timing(ITEM_IN_MS, EASE_OUT_QUINT)), REDUCE_MOTION));
+    };
+    t2 = [appear, delay];
+    $[0] = appear;
+    $[1] = delay;
+    $[2] = t1;
+    $[3] = t2;
+  } else {
+    t1 = $[2];
+    t2 = $[3];
+  }
+  useEffect(t1, t2);
+  const appearStyle = useAnimatedStyle(() => ({
+    transform: [{
+      scale: appear.value
+    }]
+  }));
+  let t3;
+  if ($[4] !== emoji || $[5] !== index || $[6] !== onPress) {
+    t3 = () => onPress(emoji, index);
+    $[4] = emoji;
+    $[5] = index;
+    $[6] = onPress;
+    $[7] = t3;
+  } else {
+    t3 = $[7];
+  }
+  let t4;
+  if ($[8] !== isSelected) {
+    t4 = {
+      selected: isSelected
+    };
+    $[8] = isSelected;
+    $[9] = t4;
+  } else {
+    t4 = $[9];
+  }
+  const t5 = isSelected && styles.reactionBoxSelected;
+  const t6 = isHidden && styles.hidden;
+  let t7;
+  if ($[10] !== appearStyle || $[11] !== styles.reactionBox || $[12] !== t5 || $[13] !== t6) {
+    t7 = [styles.reactionBox, t5, t6, appearStyle];
+    $[10] = appearStyle;
+    $[11] = styles.reactionBox;
+    $[12] = t5;
+    $[13] = t6;
+    $[14] = t7;
+  } else {
+    t7 = $[14];
+  }
+  const t8 = isSelected && styles.reactionEmojiSelected;
+  let t9;
+  if ($[15] !== emojiStyle || $[16] !== styles.reactionEmoji || $[17] !== t8) {
+    t9 = [styles.reactionEmoji, t8, emojiStyle];
+    $[15] = emojiStyle;
+    $[16] = styles.reactionEmoji;
+    $[17] = t8;
+    $[18] = t9;
+  } else {
+    t9 = $[18];
+  }
+  let t10;
+  if ($[19] !== emoji || $[20] !== t9) {
+    t10 = <Text style={t9} allowFontScaling={false}>{emoji}</Text>;
+    $[19] = emoji;
+    $[20] = t9;
+    $[21] = t10;
+  } else {
+    t10 = $[21];
+  }
+  let t11;
+  if ($[22] !== t10 || $[23] !== t7) {
+    t11 = <Animated.View style={t7}>{t10}</Animated.View>;
+    $[22] = t10;
+    $[23] = t7;
+    $[24] = t11;
+  } else {
+    t11 = $[24];
+  }
+  let t12;
+  if ($[25] !== emoji || $[26] !== styles.reactionCell || $[27] !== t11 || $[28] !== t3 || $[29] !== t4) {
+    t12 = <Pressable onPress={t3} accessibilityRole="button" accessibilityLabel={emoji} accessibilityState={t4} style={styles.reactionCell}>{t11}</Pressable>;
+    $[25] = emoji;
+    $[26] = styles.reactionCell;
+    $[27] = t11;
+    $[28] = t3;
+    $[29] = t4;
+    $[30] = t12;
+  } else {
+    t12 = $[30];
+  }
+  return t12;
+};
+//# sourceMappingURL=ReactionButton.js.map

package/lib/components/ContextMenu/ReactionButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReactionButton.js","names":["React","useEffect","Pressable","Text","Animated","useAnimatedStyle","useSharedValue","withDelay","withTiming","EASE_OUT_QUINT","ITEM_IN_MS","REDUCE_MOTION","timing","ReactionButton","t0","$","_c","emoji","index","delay","isSelected","isHidden","onPress","emojiStyle","styles","appear","t1","t2","set","appearStyle","transform","scale","value","t3","t4","selected","t5","reactionBoxSelected","t6","hidden","t7","reactionBox","t8","reactionEmojiSelected","t9","reactionEmoji","t10","t11","t12","reactionCell"],"sources":["../../../src/components/ContextMenu/ReactionButton.tsx"],"sourcesContent":["import React, { useEffect } from 'react'\nimport { Pressable, StyleProp, Text, TextStyle } from 'react-native'\nimport Animated, {\n  useAnimatedStyle,\n  useSharedValue,\n  withDelay,\n  withTiming,\n} from 'react-native-reanimated'\n\nimport { EASE_OUT_QUINT, ITEM_IN_MS, REDUCE_MOTION, timing } from './constants'\nimport { Styles } from './styles'\n\nexport const ReactionButton = ({\n  emoji,\n  index,\n  delay,\n  isSelected,\n  isHidden,\n  onPress,\n  emojiStyle,\n  styles,\n}: {\n  emoji: string\n  index: number\n  delay: number\n  isSelected: boolean\n  /** Flying to the message, so its spot in the bar is left empty. */\n  isHidden: boolean\n  onPress: (emoji: string, index: number) => void\n  emojiStyle?: StyleProp<TextStyle>\n  styles: Styles\n}) => {\n  const appear = useSharedValue(0)\n  useEffect(() => {\n    appear.set(withDelay(delay, withTiming(1, timing(ITEM_IN_MS, EASE_OUT_QUINT)), REDUCE_MOTION))\n  }, [appear, delay])\n  const appearStyle = useAnimatedStyle(() => ({\n    transform: [{ scale: appear.value }],\n  }))\n\n  return (\n    <Pressable\n      onPress={() => onPress(emoji, index)}\n      accessibilityRole='button'\n      accessibilityLabel={emoji}\n      accessibilityState={{ selected: isSelected }}\n      style={styles.reactionCell}\n    >\n      <Animated.View style={[styles.reactionBox, isSelected && styles.reactionBoxSelected, isHidden && styles.hidden, appearStyle]}>\n        <Text style={[styles.reactionEmoji, isSelected && styles.reactionEmojiSelected, emojiStyle]} allowFontScaling={false}>\n          {emoji}\n        </Text>\n      </Animated.View>\n    </Pressable>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/components/ContextMenu/ReactionFlight.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { StyleProp, TextStyle } from 'react-native';
+import { Styles } from './styles';
+import { Flight, FlightTarget } from './types';
+/** The picked reaction growing in the bar, then flying into the message's reaction pill. */
+export declare const ReactionFlight: ({ flight, target, onEnd, emojiStyle, styles, }: {
+    flight: Flight;
+    /** Live: it follows the message if the list moves it mid-flight. */
+    target: FlightTarget;
+    onEnd: () => void;
+    emojiStyle?: StyleProp<TextStyle>;
+    styles: Styles;
+}) => React.JSX.Element;
+//# sourceMappingURL=ReactionFlight.d.ts.map

package/lib/components/ContextMenu/ReactionFlight.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReactionFlight.d.ts","sourceRoot":"","sources":["../../../src/components/ContextMenu/ReactionFlight.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AACxC,OAAO,EAAE,SAAS,EAAQ,SAAS,EAAE,MAAM,cAAc,CAAA;AAsBzD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAE9C,4FAA4F;AAC5F,eAAO,MAAM,cAAc,GAAI,gDAM5B;IACD,MAAM,EAAE,MAAM,CAAA;IACd,oEAAoE;IACpE,MAAM,EAAE,YAAY,CAAA;IACpB,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACjC,MAAM,EAAE,MAAM,CAAA;CACf,sBAuCA,CAAA"}

package/lib/components/ContextMenu/ReactionFlight.js

@@ -0,0 +1,111 @@
+import { c as _c } from "react/compiler-runtime";
+import React, { useEffect } from 'react';
+import { Text } from 'react-native';
+import Animated, { runOnJS, useAnimatedStyle, useSharedValue, withDelay, withTiming } from 'react-native-reanimated';
+import { BAR_EMOJI, BAR_EMOJI_BOX, DECELERATE, DEFAULT_CURVE, EASE_OUT_QUINT, FLIGHT_GROW_MS, FLIGHT_GROW_SCALE, FLIGHT_MS, PILL_EMOJI, REDUCE_MOTION, timing } from './constants';
+/** The picked reaction growing in the bar, then flying into the message's reaction pill. */
+export const ReactionFlight = t0 => {
+  const $ = _c(22);
+  const {
+    flight,
+    target,
+    onEnd,
+    emojiStyle,
+    styles
+  } = t0;
+  const grow = useSharedValue(0);
+  const flyX = useSharedValue(0);
+  const flyY = useSharedValue(0);
+  let t1;
+  let t2;
+  if ($[0] !== flyX || $[1] !== flyY || $[2] !== grow || $[3] !== onEnd) {
+    t1 = () => {
+      grow.set(withTiming(1, timing(FLIGHT_GROW_MS, DECELERATE)));
+      flyX.set(withDelay(FLIGHT_GROW_MS, withTiming(1, timing(FLIGHT_MS, EASE_OUT_QUINT)), REDUCE_MOTION));
+      flyY.set(withDelay(FLIGHT_GROW_MS, withTiming(1, timing(FLIGHT_MS, DEFAULT_CURVE), finished => {
+        if (finished) {
+          runOnJS(onEnd)();
+        }
+      }), REDUCE_MOTION));
+    };
+    t2 = [grow, flyX, flyY, onEnd];
+    $[0] = flyX;
+    $[1] = flyY;
+    $[2] = grow;
+    $[3] = onEnd;
+    $[4] = t1;
+    $[5] = t2;
+  } else {
+    t1 = $[4];
+    t2 = $[5];
+  }
+  useEffect(t1, t2);
+  const dx = target.toX - flight.fromX;
+  const dy = target.toY - flight.fromY;
+  const flightStyle = useAnimatedStyle(() => {
+    const grown = 1 + (FLIGHT_GROW_SCALE - 1) * grow.value;
+    const landed = PILL_EMOJI / BAR_EMOJI;
+    return {
+      transform: [{
+        translateX: dx * flyX.value
+      }, {
+        translateY: dy * flyY.value
+      }, {
+        scale: grown + (landed - grown) * flyY.value
+      }]
+    };
+  });
+  const t3 = flight.fromX - BAR_EMOJI_BOX / 2;
+  const t4 = flight.fromY - BAR_EMOJI_BOX / 2;
+  let t5;
+  if ($[6] !== t3 || $[7] !== t4) {
+    t5 = {
+      left: t3,
+      top: t4
+    };
+    $[6] = t3;
+    $[7] = t4;
+    $[8] = t5;
+  } else {
+    t5 = $[8];
+  }
+  let t6;
+  if ($[9] !== flightStyle || $[10] !== styles.flight || $[11] !== t5) {
+    t6 = [styles.flight, t5, flightStyle];
+    $[9] = flightStyle;
+    $[10] = styles.flight;
+    $[11] = t5;
+    $[12] = t6;
+  } else {
+    t6 = $[12];
+  }
+  let t7;
+  if ($[13] !== emojiStyle || $[14] !== styles.reactionEmoji) {
+    t7 = [styles.reactionEmoji, emojiStyle];
+    $[13] = emojiStyle;
+    $[14] = styles.reactionEmoji;
+    $[15] = t7;
+  } else {
+    t7 = $[15];
+  }
+  let t8;
+  if ($[16] !== flight.emoji || $[17] !== t7) {
+    t8 = <Text style={t7} allowFontScaling={false}>{flight.emoji}</Text>;
+    $[16] = flight.emoji;
+    $[17] = t7;
+    $[18] = t8;
+  } else {
+    t8 = $[18];
+  }
+  let t9;
+  if ($[19] !== t6 || $[20] !== t8) {
+    t9 = <Animated.View pointerEvents="none" style={t6}>{t8}</Animated.View>;
+    $[19] = t6;
+    $[20] = t8;
+    $[21] = t9;
+  } else {
+    t9 = $[21];
+  }
+  return t9;
+};
+//# sourceMappingURL=ReactionFlight.js.map

package/lib/components/ContextMenu/ReactionFlight.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReactionFlight.js","names":["React","useEffect","Text","Animated","runOnJS","useAnimatedStyle","useSharedValue","withDelay","withTiming","BAR_EMOJI","BAR_EMOJI_BOX","DECELERATE","DEFAULT_CURVE","EASE_OUT_QUINT","FLIGHT_GROW_MS","FLIGHT_GROW_SCALE","FLIGHT_MS","PILL_EMOJI","REDUCE_MOTION","timing","ReactionFlight","t0","$","_c","flight","target","onEnd","emojiStyle","styles","grow","flyX","flyY","t1","t2","set","finished","dx","toX","fromX","dy","toY","fromY","flightStyle","grown","value","landed","transform","translateX","translateY","scale","t3","t4","t5","left","top","t6","t7","reactionEmoji","t8","emoji","t9"],"sources":["../../../src/components/ContextMenu/ReactionFlight.tsx"],"sourcesContent":["import React, { useEffect } from 'react'\nimport { StyleProp, Text, TextStyle } from 'react-native'\nimport Animated, {\n  runOnJS,\n  useAnimatedStyle,\n  useSharedValue,\n  withDelay,\n  withTiming,\n} from 'react-native-reanimated'\n\nimport {\n  BAR_EMOJI,\n  BAR_EMOJI_BOX,\n  DECELERATE,\n  DEFAULT_CURVE,\n  EASE_OUT_QUINT,\n  FLIGHT_GROW_MS,\n  FLIGHT_GROW_SCALE,\n  FLIGHT_MS,\n  PILL_EMOJI,\n  REDUCE_MOTION,\n  timing,\n} from './constants'\nimport { Styles } from './styles'\nimport { Flight, FlightTarget } from './types'\n\n/** The picked reaction growing in the bar, then flying into the message's reaction pill. */\nexport const ReactionFlight = ({\n  flight,\n  target,\n  onEnd,\n  emojiStyle,\n  styles,\n}: {\n  flight: Flight\n  /** Live: it follows the message if the list moves it mid-flight. */\n  target: FlightTarget\n  onEnd: () => void\n  emojiStyle?: StyleProp<TextStyle>\n  styles: Styles\n}) => {\n  const grow = useSharedValue(0)\n  const flyX = useSharedValue(0)\n  const flyY = useSharedValue(0)\n  useEffect(() => {\n    grow.set(withTiming(1, timing(FLIGHT_GROW_MS, DECELERATE)))\n    flyX.set(withDelay(FLIGHT_GROW_MS, withTiming(1, timing(FLIGHT_MS, EASE_OUT_QUINT)), REDUCE_MOTION))\n    flyY.set(withDelay(FLIGHT_GROW_MS, withTiming(1, timing(FLIGHT_MS, DEFAULT_CURVE), finished => {\n      if (finished)\n        runOnJS(onEnd)()\n    }), REDUCE_MOTION))\n  }, [grow, flyX, flyY, onEnd])\n\n  const dx = target.toX - flight.fromX\n  const dy = target.toY - flight.fromY\n  const flightStyle = useAnimatedStyle(() => {\n    const grown = 1 + (FLIGHT_GROW_SCALE - 1) * grow.value\n    const landed = PILL_EMOJI / BAR_EMOJI\n    return {\n      transform: [\n        { translateX: dx * flyX.value },\n        { translateY: dy * flyY.value },\n        { scale: grown + (landed - grown) * flyY.value },\n      ],\n    }\n  })\n\n  return (\n    <Animated.View\n      pointerEvents='none'\n      style={[\n        styles.flight,\n        { left: flight.fromX - BAR_EMOJI_BOX / 2, top: flight.fromY - BAR_EMOJI_BOX / 2 },\n        flightStyle,\n      ]}\n    >\n      <Text style={[styles.reactionEmoji, emojiStyle]} allowFontScaling={false}>{flight.emoji}</Text>\n    </Animated.View>\n  )\n}\n"],"mappings":"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","ignoreList":[]}