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

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

@@ -0,0 +1,35 @@
+import React from 'react';
+import { LayoutChangeEvent } from 'react-native';
+import { SharedValue } from 'react-native-reanimated';
+import { ChatTheme } from '../../Theme';
+import { Styles } from './styles';
+import { ContextMenuReactions } from './types';
+/**
+ * The reactions pill with its "thought bubble" tail, and the panel the expand button grows it
+ * into.
+ */
+export declare const ReactionsBar: ({ reactions, quickEmojis, flyingEmoji, hasExpand, isExpanded, isRTL, barLeft, barWidth, pillTop, panelLeft, panelTop, panelWidth, panelHeight, barIn, expand, onReaction, onExpand, onExpandedSelect, onAccessoryLayout, styles, theme, }: {
+    reactions?: ContextMenuReactions;
+    quickEmojis: string[];
+    /** The emoji flying to the message, if any; its cell is left empty. */
+    flyingEmoji?: string;
+    hasExpand: boolean;
+    isExpanded: boolean;
+    isRTL: boolean;
+    barLeft: number;
+    barWidth: number;
+    pillTop: number;
+    panelLeft: number;
+    panelTop: number;
+    panelWidth: number;
+    panelHeight: number;
+    barIn: SharedValue<number>;
+    expand: SharedValue<number>;
+    onReaction: (emoji: string, index: number) => void;
+    onExpand: () => void;
+    onExpandedSelect: (emoji: string) => void;
+    onAccessoryLayout: (event: LayoutChangeEvent) => void;
+    styles: Styles;
+    theme: ChatTheme;
+}) => React.JSX.Element;
+//# sourceMappingURL=ReactionsBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ReactionsBar.d.ts","sourceRoot":"","sources":["../../../src/components/ContextMenu/ReactionsBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,iBAAiB,EAA+B,MAAM,cAAc,CAAA;AAC7E,OAAiB,EAAE,WAAW,EAAoB,MAAM,yBAAyB,CAAA;AAEjF,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAcvC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAkB9C;;;GAGG;AACH,eAAO,MAAM,YAAY,GAAI,2OAsB1B;IACD,SAAS,CAAC,EAAE,oBAAoB,CAAA;IAChC,WAAW,EAAE,MAAM,EAAE,CAAA;IACrB,uEAAuE;IACvE,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,EAAE,OAAO,CAAA;IAClB,UAAU,EAAE,OAAO,CAAA;IACnB,KAAK,EAAE,OAAO,CAAA;IACd,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,EAAE,MAAM,CAAA;IAChB,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,EAAE,MAAM,CAAA;IAClB,WAAW,EAAE,MAAM,CAAA;IACnB,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;IAC1B,MAAM,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;IAC3B,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClD,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACzC,iBAAiB,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAA;IACrD,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,SAAS,CAAA;CACjB,sBAiGA,CAAA"}

package/lib/components/ContextMenu/ReactionsBar.js

@@ -0,0 +1,354 @@
+import { c as _c } from "react/compiler-runtime";
+import React from 'react';
+import { Pressable, StyleSheet, View } from 'react-native';
+import Animated, { useAnimatedStyle } from 'react-native-reanimated';
+import { Icon } from '../Icon';
+import { BAR_CLIP, BAR_HEIGHT, BAR_PIVOT, ITEM_DELAY_SPREAD, PANEL_RADIUS, TAIL_BIG, TAIL_OFFSET, TAIL_SMALL } from './constants';
+import { cellCenter } from './placement';
+import { ReactionButton } from './ReactionButton';
+/** A drawn chevron for when react-native-svg (and so the built-in icon) is missing. */
+const ChevronFallback = t0 => {
+  const $ = _c(2);
+  const {
+    color
+  } = t0;
+  let t1;
+  if ($[0] !== color) {
+    t1 = <View style={[chevronStyles.chevron, {
+      borderColor: color
+    }]} />;
+    $[0] = color;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  return t1;
+};
+const chevronStyles = StyleSheet.create({
+  chevron: {
+    width: 8,
+    height: 8,
+    borderRightWidth: 2,
+    borderBottomWidth: 2,
+    marginTop: -4,
+    transform: [{
+      rotate: '45deg'
+    }]
+  }
+});
+
+/**
+ * The reactions pill with its "thought bubble" tail, and the panel the expand button grows it
+ * into.
+ */
+export const ReactionsBar = t0 => {
+  const $ = _c(97);
+  const {
+    reactions,
+    quickEmojis,
+    flyingEmoji,
+    hasExpand,
+    isExpanded,
+    isRTL,
+    barLeft,
+    barWidth,
+    pillTop,
+    panelLeft,
+    panelTop,
+    panelWidth,
+    panelHeight,
+    barIn,
+    expand,
+    onReaction,
+    onExpand,
+    onExpandedSelect,
+    onAccessoryLayout,
+    styles,
+    theme
+  } = t0;
+  const selected = reactions?.selected;
+  const barStyle = useAnimatedStyle(() => {
+    const t = expand.value;
+    return {
+      left: barLeft + (panelLeft - barLeft) * t,
+      top: pillTop + (panelTop - pillTop) * t,
+      width: barWidth + (panelWidth - barWidth) * t,
+      height: BAR_HEIGHT + (panelHeight - BAR_HEIGHT) * t,
+      transform: [{
+        scale: barIn.value
+      }]
+    };
+  });
+  const barClipStyle = useAnimatedStyle(() => {
+    const visible = Math.min(1, Math.max(BAR_CLIP, barIn.value));
+    return {
+      width: `${100 * (visible + (1 - visible) * expand.value)}%`
+    };
+  });
+  const barBackgroundStyle = useAnimatedStyle(() => ({
+    borderRadius: BAR_HEIGHT / 2 + (PANEL_RADIUS - BAR_HEIGHT / 2) * expand.value
+  }));
+  const barItemsStyle = useAnimatedStyle(() => ({
+    opacity: 1 - Math.min(1, expand.value * 2)
+  }));
+  const tailStyle = useAnimatedStyle(() => ({
+    opacity: Math.min(1, barIn.value) * (1 - expand.value)
+  }));
+  const panelContentStyle = useAnimatedStyle(() => ({
+    opacity: Math.max(0, (expand.value - 0.25) / 0.75)
+  }));
+  const barOrigin = `${100 * (isRTL ? 1 - BAR_PIVOT : BAR_PIVOT)}% 50%`;
+  const tailX = isRTL ? barLeft + TAIL_OFFSET : barLeft + barWidth - TAIL_OFFSET;
+  const smallTailX = isRTL ? tailX - TAIL_BIG : tailX + TAIL_BIG;
+  let t1;
+  if ($[0] !== styles.tail || $[1] !== tailStyle) {
+    t1 = [styles.tail, tailStyle];
+    $[0] = styles.tail;
+    $[1] = tailStyle;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const t2 = tailX - TAIL_BIG;
+  const t3 = pillTop + BAR_HEIGHT - TAIL_BIG;
+  let t4;
+  if ($[3] !== t2 || $[4] !== t3) {
+    t4 = {
+      left: t2,
+      top: t3
+    };
+    $[3] = t2;
+    $[4] = t3;
+    $[5] = t4;
+  } else {
+    t4 = $[5];
+  }
+  let t5;
+  if ($[6] !== styles.tailBig || $[7] !== t4) {
+    t5 = <View style={[styles.tailBig, t4]} />;
+    $[6] = styles.tailBig;
+    $[7] = t4;
+    $[8] = t5;
+  } else {
+    t5 = $[8];
+  }
+  const t6 = smallTailX - TAIL_SMALL;
+  const t7 = pillTop + BAR_HEIGHT + 15 - TAIL_SMALL;
+  let t8;
+  if ($[9] !== t6 || $[10] !== t7) {
+    t8 = {
+      left: t6,
+      top: t7
+    };
+    $[9] = t6;
+    $[10] = t7;
+    $[11] = t8;
+  } else {
+    t8 = $[11];
+  }
+  let t9;
+  if ($[12] !== styles.tailSmall || $[13] !== t8) {
+    t9 = <View style={[styles.tailSmall, t8]} />;
+    $[12] = styles.tailSmall;
+    $[13] = t8;
+    $[14] = t9;
+  } else {
+    t9 = $[14];
+  }
+  let t10;
+  if ($[15] !== t1 || $[16] !== t5 || $[17] !== t9) {
+    t10 = <Animated.View style={t1} pointerEvents="none">{t5}{t9}</Animated.View>;
+    $[15] = t1;
+    $[16] = t5;
+    $[17] = t9;
+    $[18] = t10;
+  } else {
+    t10 = $[18];
+  }
+  let t11;
+  if ($[19] !== barOrigin) {
+    t11 = {
+      transformOrigin: barOrigin
+    };
+    $[19] = barOrigin;
+    $[20] = t11;
+  } else {
+    t11 = $[20];
+  }
+  let t12;
+  if ($[21] !== barStyle || $[22] !== styles.bar || $[23] !== t11) {
+    t12 = [styles.bar, t11, barStyle];
+    $[21] = barStyle;
+    $[22] = styles.bar;
+    $[23] = t11;
+    $[24] = t12;
+  } else {
+    t12 = $[24];
+  }
+  const t13 = isRTL ? styles.alignStart : styles.alignEnd;
+  let t14;
+  if ($[25] !== barClipStyle || $[26] !== styles.barClip || $[27] !== t13) {
+    t14 = [styles.barClip, t13, barClipStyle];
+    $[25] = barClipStyle;
+    $[26] = styles.barClip;
+    $[27] = t13;
+    $[28] = t14;
+  } else {
+    t14 = $[28];
+  }
+  const t15 = reactions?.containerStyle;
+  let t16;
+  if ($[29] !== barBackgroundStyle || $[30] !== styles.barBackground || $[31] !== t15) {
+    t16 = <Animated.View style={[styles.barBackground, t15, barBackgroundStyle]} />;
+    $[29] = barBackgroundStyle;
+    $[30] = styles.barBackground;
+    $[31] = t15;
+    $[32] = t16;
+  } else {
+    t16 = $[32];
+  }
+  const t17 = isRTL ? styles.barItemsRTL : styles.barItemsLTR;
+  let t18;
+  if ($[33] !== barWidth) {
+    t18 = {
+      width: barWidth
+    };
+    $[33] = barWidth;
+    $[34] = t18;
+  } else {
+    t18 = $[34];
+  }
+  let t19;
+  if ($[35] !== barItemsStyle || $[36] !== styles.barItems || $[37] !== t17 || $[38] !== t18) {
+    t19 = [styles.barItems, t17, t18, barItemsStyle];
+    $[35] = barItemsStyle;
+    $[36] = styles.barItems;
+    $[37] = t17;
+    $[38] = t18;
+    $[39] = t19;
+  } else {
+    t19 = $[39];
+  }
+  const t20 = isExpanded ? "none" : "box-none";
+  let t21;
+  if ($[40] !== barLeft || $[41] !== barWidth || $[42] !== flyingEmoji || $[43] !== isRTL || $[44] !== onReaction || $[45] !== quickEmojis || $[46] !== reactions?.emojiStyle || $[47] !== selected || $[48] !== styles) {
+    let t22;
+    if ($[50] !== barLeft || $[51] !== barWidth || $[52] !== flyingEmoji || $[53] !== isRTL || $[54] !== onReaction || $[55] !== reactions?.emojiStyle || $[56] !== selected || $[57] !== styles) {
+      t22 = (emoji, index) => {
+        const center = cellCenter(index, barLeft, barWidth, isRTL) - barLeft;
+        return <ReactionButton key={emoji} emoji={emoji} index={index} delay={ITEM_DELAY_SPREAD * Math.abs(center / Math.max(1, barWidth) - (isRTL ? 0.2 : 0.8)) + 30 * index} isSelected={!!selected?.includes(emoji)} isHidden={flyingEmoji === emoji} onPress={onReaction} emojiStyle={reactions?.emojiStyle} styles={styles} />;
+      };
+      $[50] = barLeft;
+      $[51] = barWidth;
+      $[52] = flyingEmoji;
+      $[53] = isRTL;
+      $[54] = onReaction;
+      $[55] = reactions?.emojiStyle;
+      $[56] = selected;
+      $[57] = styles;
+      $[58] = t22;
+    } else {
+      t22 = $[58];
+    }
+    t21 = quickEmojis.map(t22);
+    $[40] = barLeft;
+    $[41] = barWidth;
+    $[42] = flyingEmoji;
+    $[43] = isRTL;
+    $[44] = onReaction;
+    $[45] = quickEmojis;
+    $[46] = reactions?.emojiStyle;
+    $[47] = selected;
+    $[48] = styles;
+    $[49] = t21;
+  } else {
+    t21 = $[49];
+  }
+  let t22;
+  if ($[59] !== onAccessoryLayout || $[60] !== reactions) {
+    t22 = reactions?.renderAccessory && <View onLayout={onAccessoryLayout}>{reactions.renderAccessory()}</View>;
+    $[59] = onAccessoryLayout;
+    $[60] = reactions;
+    $[61] = t22;
+  } else {
+    t22 = $[61];
+  }
+  let t23;
+  if ($[62] !== hasExpand || $[63] !== onExpand || $[64] !== styles.reactionCell || $[65] !== theme) {
+    t23 = hasExpand && <Pressable onPress={onExpand} accessibilityRole="button" accessibilityLabel="more reactions" hitSlop={4} style={styles.reactionCell}><Icon name="chevronDown" color={theme.contextMenu.icon} size={22} fallback={<ChevronFallback color={theme.contextMenu.icon} />} /></Pressable>;
+    $[62] = hasExpand;
+    $[63] = onExpand;
+    $[64] = styles.reactionCell;
+    $[65] = theme;
+    $[66] = t23;
+  } else {
+    t23 = $[66];
+  }
+  let t24;
+  if ($[67] !== t19 || $[68] !== t20 || $[69] !== t21 || $[70] !== t22 || $[71] !== t23) {
+    t24 = <Animated.View style={t19} pointerEvents={t20}>{t21}{t22}{t23}</Animated.View>;
+    $[67] = t19;
+    $[68] = t20;
+    $[69] = t21;
+    $[70] = t22;
+    $[71] = t23;
+    $[72] = t24;
+  } else {
+    t24 = $[72];
+  }
+  let t25;
+  if ($[73] !== hasExpand || $[74] !== isExpanded || $[75] !== isRTL || $[76] !== onExpandedSelect || $[77] !== panelContentStyle || $[78] !== panelHeight || $[79] !== panelWidth || $[80] !== reactions || $[81] !== styles.panelContent || $[82] !== styles.panelContentInner || $[83] !== styles.panelInnerEnd || $[84] !== styles.panelInnerStart) {
+    t25 = hasExpand && <Animated.View style={[styles.panelContent, panelContentStyle]} pointerEvents={isExpanded ? "auto" : "none"}><View style={[styles.panelContentInner, isRTL ? styles.panelInnerStart : styles.panelInnerEnd, {
+        width: panelWidth,
+        height: panelHeight
+      }]}>{isExpanded && reactions?.renderExpandedPicker?.({
+          onSelect: onExpandedSelect
+        })}</View></Animated.View>;
+    $[73] = hasExpand;
+    $[74] = isExpanded;
+    $[75] = isRTL;
+    $[76] = onExpandedSelect;
+    $[77] = panelContentStyle;
+    $[78] = panelHeight;
+    $[79] = panelWidth;
+    $[80] = reactions;
+    $[81] = styles.panelContent;
+    $[82] = styles.panelContentInner;
+    $[83] = styles.panelInnerEnd;
+    $[84] = styles.panelInnerStart;
+    $[85] = t25;
+  } else {
+    t25 = $[85];
+  }
+  let t26;
+  if ($[86] !== t14 || $[87] !== t16 || $[88] !== t24 || $[89] !== t25) {
+    t26 = <Animated.View style={t14}>{t16}{t24}{t25}</Animated.View>;
+    $[86] = t14;
+    $[87] = t16;
+    $[88] = t24;
+    $[89] = t25;
+    $[90] = t26;
+  } else {
+    t26 = $[90];
+  }
+  let t27;
+  if ($[91] !== t12 || $[92] !== t26) {
+    t27 = <Animated.View style={t12}>{t26}</Animated.View>;
+    $[91] = t12;
+    $[92] = t26;
+    $[93] = t27;
+  } else {
+    t27 = $[93];
+  }
+  let t28;
+  if ($[94] !== t10 || $[95] !== t27) {
+    t28 = <>{t10}{t27}</>;
+    $[94] = t10;
+    $[95] = t27;
+    $[96] = t28;
+  } else {
+    t28 = $[96];
+  }
+  return t28;
+};
+//# sourceMappingURL=ReactionsBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ReactionsBar.js","names":["React","Pressable","StyleSheet","View","Animated","useAnimatedStyle","Icon","BAR_CLIP","BAR_HEIGHT","BAR_PIVOT","ITEM_DELAY_SPREAD","PANEL_RADIUS","TAIL_BIG","TAIL_OFFSET","TAIL_SMALL","cellCenter","ReactionButton","ChevronFallback","t0","$","_c","color","t1","chevronStyles","chevron","borderColor","create","width","height","borderRightWidth","borderBottomWidth","marginTop","transform","rotate","ReactionsBar","reactions","quickEmojis","flyingEmoji","hasExpand","isExpanded","isRTL","barLeft","barWidth","pillTop","panelLeft","panelTop","panelWidth","panelHeight","barIn","expand","onReaction","onExpand","onExpandedSelect","onAccessoryLayout","styles","theme","selected","barStyle","t","value","left","top","scale","barClipStyle","visible","Math","min","max","barBackgroundStyle","borderRadius","barItemsStyle","opacity","tailStyle","panelContentStyle","barOrigin","tailX","smallTailX","tail","t2","t3","t4","t5","tailBig","t6","t7","t8","t9","tailSmall","t10","t11","transformOrigin","t12","bar","t13","alignStart","alignEnd","t14","barClip","t15","containerStyle","t16","barBackground","t17","barItemsRTL","barItemsLTR","t18","t19","barItems","t20","t21","emojiStyle","t22","emoji","index","center","abs","includes","map","renderAccessory","t23","reactionCell","contextMenu","icon","t24","t25","panelContent","panelContentInner","panelInnerEnd","panelInnerStart","renderExpandedPicker","onSelect","t26","t27","t28"],"sources":["../../../src/components/ContextMenu/ReactionsBar.tsx"],"sourcesContent":["import React from 'react'\nimport { LayoutChangeEvent, Pressable, StyleSheet, View } from 'react-native'\nimport Animated, { SharedValue, useAnimatedStyle } from 'react-native-reanimated'\n\nimport { ChatTheme } from '../../Theme'\nimport { Icon } from '../Icon'\nimport {\n  BAR_CLIP,\n  BAR_HEIGHT,\n  BAR_PIVOT,\n  ITEM_DELAY_SPREAD,\n  PANEL_RADIUS,\n  TAIL_BIG,\n  TAIL_OFFSET,\n  TAIL_SMALL,\n} from './constants'\nimport { cellCenter } from './placement'\nimport { ReactionButton } from './ReactionButton'\nimport { Styles } from './styles'\nimport { ContextMenuReactions } from './types'\n\n/** A drawn chevron for when react-native-svg (and so the built-in icon) is missing. */\nconst ChevronFallback = ({ color }: { color: string }) => (\n  <View style={[chevronStyles.chevron, { borderColor: color }]} />\n)\n\nconst chevronStyles = StyleSheet.create({\n  chevron: {\n    width: 8,\n    height: 8,\n    borderRightWidth: 2,\n    borderBottomWidth: 2,\n    marginTop: -4,\n    transform: [{ rotate: '45deg' }],\n  },\n})\n\n/**\n * The reactions pill with its \"thought bubble\" tail, and the panel the expand button grows it\n * into.\n */\nexport const ReactionsBar = ({\n  reactions,\n  quickEmojis,\n  flyingEmoji,\n  hasExpand,\n  isExpanded,\n  isRTL,\n  barLeft,\n  barWidth,\n  pillTop,\n  panelLeft,\n  panelTop,\n  panelWidth,\n  panelHeight,\n  barIn,\n  expand,\n  onReaction,\n  onExpand,\n  onExpandedSelect,\n  onAccessoryLayout,\n  styles,\n  theme,\n}: {\n  reactions?: ContextMenuReactions\n  quickEmojis: string[]\n  /** The emoji flying to the message, if any; its cell is left empty. */\n  flyingEmoji?: string\n  hasExpand: boolean\n  isExpanded: boolean\n  isRTL: boolean\n  barLeft: number\n  barWidth: number\n  pillTop: number\n  panelLeft: number\n  panelTop: number\n  panelWidth: number\n  panelHeight: number\n  barIn: SharedValue<number>\n  expand: SharedValue<number>\n  onReaction: (emoji: string, index: number) => void\n  onExpand: () => void\n  onExpandedSelect: (emoji: string) => void\n  onAccessoryLayout: (event: LayoutChangeEvent) => void\n  styles: Styles\n  theme: ChatTheme\n}) => {\n  const selected = reactions?.selected\n\n  // The bar grows from 87.5% across (12.5% in RTL) and is clipped from the far side.\n  const barStyle = useAnimatedStyle(() => {\n    const t = expand.value\n    return {\n      left: barLeft + (panelLeft - barLeft) * t,\n      top: pillTop + (panelTop - pillTop) * t,\n      width: barWidth + (panelWidth - barWidth) * t,\n      height: BAR_HEIGHT + (panelHeight - BAR_HEIGHT) * t,\n      transform: [{ scale: barIn.value }],\n    }\n  })\n  const barClipStyle = useAnimatedStyle(() => {\n    const visible = Math.min(1, Math.max(BAR_CLIP, barIn.value))\n    return { width: `${100 * (visible + (1 - visible) * expand.value)}%` }\n  })\n  const barBackgroundStyle = useAnimatedStyle(() => ({\n    borderRadius: BAR_HEIGHT / 2 + (PANEL_RADIUS - BAR_HEIGHT / 2) * expand.value,\n  }))\n  const barItemsStyle = useAnimatedStyle(() => ({ opacity: 1 - Math.min(1, expand.value * 2) }))\n  const tailStyle = useAnimatedStyle(() => ({ opacity: Math.min(1, barIn.value) * (1 - expand.value) }))\n  const panelContentStyle = useAnimatedStyle(() => ({\n    opacity: Math.max(0, (expand.value - 0.25) / 0.75),\n  }))\n\n  const barOrigin = `${100 * (isRTL ? 1 - BAR_PIVOT : BAR_PIVOT)}% 50%`\n  const tailX = isRTL ? barLeft + TAIL_OFFSET : barLeft + barWidth - TAIL_OFFSET\n  const smallTailX = isRTL ? tailX - TAIL_BIG : tailX + TAIL_BIG\n\n  return (\n    <>\n      <Animated.View style={[styles.tail, tailStyle]} pointerEvents='none'>\n        <View style={[styles.tailBig, { left: tailX - TAIL_BIG, top: pillTop + BAR_HEIGHT - TAIL_BIG }]} />\n        <View style={[styles.tailSmall, { left: smallTailX - TAIL_SMALL, top: pillTop + BAR_HEIGHT + 15 - TAIL_SMALL }]} />\n      </Animated.View>\n      <Animated.View style={[styles.bar, { transformOrigin: barOrigin }, barStyle]}>\n        <Animated.View style={[styles.barClip, isRTL ? styles.alignStart : styles.alignEnd, barClipStyle]}>\n          <Animated.View style={[styles.barBackground, reactions?.containerStyle, barBackgroundStyle]} />\n          <Animated.View\n            style={[styles.barItems, isRTL ? styles.barItemsRTL : styles.barItemsLTR, { width: barWidth }, barItemsStyle]}\n            pointerEvents={isExpanded ? 'none' : 'box-none'}\n          >\n            {quickEmojis.map((emoji, index) => {\n              const center = cellCenter(index, barLeft, barWidth, isRTL) - barLeft\n              return (\n                <ReactionButton\n                  key={emoji}\n                  emoji={emoji}\n                  index={index}\n                  delay={ITEM_DELAY_SPREAD * Math.abs(center / Math.max(1, barWidth) - (isRTL ? 0.2 : 0.8)) + 30 * index}\n                  isSelected={!!selected?.includes(emoji)}\n                  isHidden={flyingEmoji === emoji}\n                  onPress={onReaction}\n                  emojiStyle={reactions?.emojiStyle}\n                  styles={styles}\n                />\n              )\n            })}\n            {reactions?.renderAccessory && (\n              <View onLayout={onAccessoryLayout}>{reactions.renderAccessory()}</View>\n            )}\n            {hasExpand && (\n              <Pressable\n                onPress={onExpand}\n                accessibilityRole='button'\n                accessibilityLabel='more reactions'\n                hitSlop={4}\n                style={styles.reactionCell}\n              >\n                <Icon\n                  name='chevronDown'\n                  color={theme.contextMenu.icon}\n                  size={22}\n                  fallback={<ChevronFallback color={theme.contextMenu.icon} />}\n                />\n              </Pressable>\n            )}\n          </Animated.View>\n          {/* Mounted from the start: a view that attaches to an animated style after its\n            animation has finished keeps the style's first value, here invisible. */}\n          {hasExpand && (\n            <Animated.View style={[styles.panelContent, panelContentStyle]} pointerEvents={isExpanded ? 'auto' : 'none'}>\n              {/* Laid out once at the panel's final size and revealed by the growing,\n                clipped panel, which masks it. Filling the panel instead resized the\n                content on every frame of the expand, so a grid re-laid out its cells\n                each frame. */}\n              <View style={[styles.panelContentInner, isRTL ? styles.panelInnerStart : styles.panelInnerEnd, { width: panelWidth, height: panelHeight }]}>\n                {isExpanded && reactions?.renderExpandedPicker?.({ onSelect: onExpandedSelect })}\n              </View>\n            </Animated.View>\n          )}\n        </Animated.View>\n      </Animated.View>\n    </>\n  )\n}\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAA4BC,SAAS,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC7E,OAAOC,QAAQ,IAAiBC,gBAAgB,QAAQ,yBAAyB;AAGjF,SAASC,IAAI,QAAQ,SAAS;AAC9B,SACEC,QAAQ,EACRC,UAAU,EACVC,SAAS,EACTC,iBAAiB,EACjBC,YAAY,EACZC,QAAQ,EACRC,WAAW,EACXC,UAAU,QACL,aAAa;AACpB,SAASC,UAAU,QAAQ,aAAa;AACxC,SAASC,cAAc,QAAQ,kBAAkB;AAIjD;AACA,MAAMC,eAAe,GAAGC,EAAA;EAAA,MAAAC,CAAA,GAAAC,EAAA;EAAC;IAAAC;EAAA,IAAAH,EAA4B;EAAA,IAAAI,EAAA;EAAA,IAAAH,CAAA,QAAAE,KAAA;IACnDC,EAAA,IAAC,IAAI,CAAQ,KAA+C,CAA/C,EAACC,aAAa,CAAAC,OAAQ,EAAE;MAAAC,WAAA,EAAeJ;IAAM,CAAC,EAAC,GAAI;IAAAF,CAAA,MAAAE,KAAA;IAAAF,CAAA,MAAAG,EAAA;EAAA;IAAAA,EAAA,GAAAH,CAAA;EAAA;EAAA,OAAhEG,EAAgE;AAAA,CACjE;AAED,MAAMC,aAAa,GAAGrB,UAAU,CAACwB,MAAM,CAAC;EACtCF,OAAO,EAAE;IACPG,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE,CAAC;IACTC,gBAAgB,EAAE,CAAC;IACnBC,iBAAiB,EAAE,CAAC;IACpBC,SAAS,EAAE,CAAC,CAAC;IACbC,SAAS,EAAE,CAAC;MAAEC,MAAM,EAAE;IAAQ,CAAC;EACjC;AACF,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA,OAAO,MAAMC,YAAY,GAAGhB,EAAA;EAAA,MAAAC,CAAA,GAAAC,EAAA;EAAC;IAAAe,SAAA;IAAAC,WAAA;IAAAC,WAAA;IAAAC,SAAA;IAAAC,UAAA;IAAAC,KAAA;IAAAC,OAAA;IAAAC,QAAA;IAAAC,OAAA;IAAAC,SAAA;IAAAC,QAAA;IAAAC,UAAA;IAAAC,WAAA;IAAAC,KAAA;IAAAC,MAAA;IAAAC,UAAA;IAAAC,QAAA;IAAAC,gBAAA;IAAAC,iBAAA;IAAAC,MAAA;IAAAC;EAAA,IAAArC,EA6C5B;EACC,MAAAsC,QAAA,GAAiBrB,SAAS,EAAAqB,QAAU;EAGpC,MAAAC,QAAA,GAAiBpD,gBAAgB,CAAC;IAChC,MAAAqD,CAAA,GAAUT,MAAM,CAAAU,KAAM;IAAA,OACf;MAAAC,IAAA,EACCnB,OAAO,GAAG,CAACG,SAAS,GAAGH,OAAO,IAAIiB,CAAC;MAAAG,GAAA,EACpClB,OAAO,GAAG,CAACE,QAAQ,GAAGF,OAAO,IAAIe,CAAC;MAAA/B,KAAA,EAChCe,QAAQ,GAAG,CAACI,UAAU,GAAGJ,QAAQ,IAAIgB,CAAC;MAAA9B,MAAA,EACrCpB,UAAU,GAAG,CAACuC,WAAW,GAAGvC,UAAU,IAAIkD,CAAC;MAAA1B,SAAA,EACxC,CAAC;QAAA8B,KAAA,EAASd,KAAK,CAAAW;MAAO,CAAC;IACpC,CAAC;EAAA,CACF,CAAC;EACF,MAAAI,YAAA,GAAqB1D,gBAAgB,CAAC;IACpC,MAAA2D,OAAA,GAAgBC,IAAI,CAAAC,GAAI,CAAC,CAAC,EAAED,IAAI,CAAAE,GAAI,CAAC5D,QAAQ,EAAEyC,KAAK,CAAAW,KAAM,CAAC,CAAC;IAAA,OACrD;MAAAhC,KAAA,EAAS,GAAG,GAAG,IAAIqC,OAAO,GAAG,CAAC,CAAC,GAAGA,OAAO,IAAIf,MAAM,CAAAU,KAAM,CAAC;IAAI,CAAC;EAAA,CACvE,CAAC;EACF,MAAAS,kBAAA,GAA2B/D,gBAAgB,CAAC,OAAO;IAAAgE,YAAA,EACnC7D,UAAU,GAAG,CAAC,GAAG,CAACG,YAAY,GAAGH,UAAU,GAAG,CAAC,IAAIyC,MAAM,CAAAU;EACzE,CAAC,CAAC,CAAC;EACH,MAAAW,aAAA,GAAsBjE,gBAAgB,CAAC,OAAO;IAAAkE,OAAA,EAAW,CAAC,GAAGN,IAAI,CAAAC,GAAI,CAAC,CAAC,EAAEjB,MAAM,CAAAU,KAAM,GAAG,CAAC;EAAE,CAAC,CAAC,CAAC;EAC9F,MAAAa,SAAA,GAAkBnE,gBAAgB,CAAC,OAAO;IAAAkE,OAAA,EAAWN,IAAI,CAAAC,GAAI,CAAC,CAAC,EAAElB,KAAK,CAAAW,KAAM,CAAC,IAAI,CAAC,GAAGV,MAAM,CAAAU,KAAM;EAAE,CAAC,CAAC,CAAC;EACtG,MAAAc,iBAAA,GAA0BpE,gBAAgB,CAAC,OAAO;IAAAkE,OAAA,EACvCN,IAAI,CAAAE,GAAI,CAAC,CAAC,EAAE,CAAClB,MAAM,CAAAU,KAAM,GAAG,IAAI,IAAI,IAAI;EACnD,CAAC,CAAC,CAAC;EAEH,MAAAe,SAAA,GAAkB,GAAG,GAAG,IAAIlC,KAAK,GAAG,CAAC,GAAG/B,SAAqB,GAAjCA,SAAiC,CAAC,OAAO;EACrE,MAAAkE,KAAA,GAAcnC,KAAK,GAAGC,OAAO,GAAG5B,WAA8C,GAAhC4B,OAAO,GAAGC,QAAQ,GAAG7B,WAAW;EAC9E,MAAA+D,UAAA,GAAmBpC,KAAK,GAAGmC,KAAK,GAAG/D,QAA2B,GAAhB+D,KAAK,GAAG/D,QAAQ;EAAA,IAAAU,EAAA;EAAA,IAAAH,CAAA,QAAAmC,MAAA,CAAAuB,IAAA,IAAA1D,CAAA,QAAAqD,SAAA;IAIpClD,EAAA,IAACgC,MAAM,CAAAuB,IAAK,EAAEL,SAAS,CAAC;IAAArD,CAAA,MAAAmC,MAAA,CAAAuB,IAAA;IAAA1D,CAAA,MAAAqD,SAAA;IAAArD,CAAA,MAAAG,EAAA;EAAA;IAAAA,EAAA,GAAAH,CAAA;EAAA;EACN,MAAA2D,EAAA,GAAAH,KAAK,GAAG/D,QAAQ;EAAO,MAAAmE,EAAA,GAAApC,OAAO,GAAGnC,UAAU,GAAGI,QAAQ;EAAA,IAAAoE,EAAA;EAAA,IAAA7D,CAAA,QAAA2D,EAAA,IAAA3D,CAAA,QAAA4D,EAAA;IAA9DC,EAAA;MAAApB,IAAA,EAAQkB,EAAgB;MAAAjB,GAAA,EAAOkB;IAAgC,CAAC;IAAA5D,CAAA,MAAA2D,EAAA;IAAA3D,CAAA,MAAA4D,EAAA;IAAA5D,CAAA,MAAA6D,EAAA;EAAA;IAAAA,EAAA,GAAA7D,CAAA;EAAA;EAAA,IAAA8D,EAAA;EAAA,IAAA9D,CAAA,QAAAmC,MAAA,CAAA4B,OAAA,IAAA/D,CAAA,QAAA6D,EAAA;IAA9FC,EAAA,IAAC,IAAI,CAAQ,KAAkF,CAAlF,EAAC3B,MAAM,CAAA4B,OAAQ,EAAEF,EAAgE,EAAC,GAAI;IAAA7D,CAAA,MAAAmC,MAAA,CAAA4B,OAAA;IAAA/D,CAAA,MAAA6D,EAAA;IAAA7D,CAAA,MAAA8D,EAAA;EAAA;IAAAA,EAAA,GAAA9D,CAAA;EAAA;EAC3D,MAAAgE,EAAA,GAAAP,UAAU,GAAG9D,UAAU;EAAO,MAAAsE,EAAA,GAAAzC,OAAO,GAAGnC,UAAU,GAAG,EAAE,GAAGM,UAAU;EAAA,IAAAuE,EAAA;EAAA,IAAAlE,CAAA,QAAAgE,EAAA,IAAAhE,CAAA,SAAAiE,EAAA;IAA5EC,EAAA;MAAAzB,IAAA,EAAQuB,EAAuB;MAAAtB,GAAA,EAAOuB;IAAuC,CAAC;IAAAjE,CAAA,MAAAgE,EAAA;IAAAhE,CAAA,OAAAiE,EAAA;IAAAjE,CAAA,OAAAkE,EAAA;EAAA;IAAAA,EAAA,GAAAlE,CAAA;EAAA;EAAA,IAAAmE,EAAA;EAAA,IAAAnE,CAAA,SAAAmC,MAAA,CAAAiC,SAAA,IAAApE,CAAA,SAAAkE,EAAA;IAA9GC,EAAA,IAAC,IAAI,CAAQ,KAAkG,CAAlG,EAAChC,MAAM,CAAAiC,SAAU,EAAEF,EAA8E,EAAC,GAAI;IAAAlE,CAAA,OAAAmC,MAAA,CAAAiC,SAAA;IAAApE,CAAA,OAAAkE,EAAA;IAAAlE,CAAA,OAAAmE,EAAA;EAAA;IAAAA,EAAA,GAAAnE,CAAA;EAAA;EAAA,IAAAqE,GAAA;EAAA,IAAArE,CAAA,SAAAG,EAAA,IAAAH,CAAA,SAAA8D,EAAA,IAAA9D,CAAA,SAAAmE,EAAA;IAFrHE,GAAA,kBAAsB,KAAwB,CAAxB,CAAAlE,EAAuB,CAAC,CAAgB,aAAM,CAAN,MAAM,CAClE,CAAA2D,EAAkG,CAClG,CAAAK,EAAkH,CACpH,gBAAgB;IAAAnE,CAAA,OAAAG,EAAA;IAAAH,CAAA,OAAA8D,EAAA;IAAA9D,CAAA,OAAAmE,EAAA;IAAAnE,CAAA,OAAAqE,GAAA;EAAA;IAAAA,GAAA,GAAArE,CAAA;EAAA;EAAA,IAAAsE,GAAA;EAAA,IAAAtE,CAAA,SAAAuD,SAAA;IACmBe,GAAA;MAAAC,eAAA,EAAmBhB;IAAU,CAAC;IAAAvD,CAAA,OAAAuD,SAAA;IAAAvD,CAAA,OAAAsE,GAAA;EAAA;IAAAA,GAAA,GAAAtE,CAAA;EAAA;EAAA,IAAAwE,GAAA;EAAA,IAAAxE,CAAA,SAAAsC,QAAA,IAAAtC,CAAA,SAAAmC,MAAA,CAAAsC,GAAA,IAAAzE,CAAA,SAAAsE,GAAA;IAA3CE,GAAA,IAACrC,MAAM,CAAAsC,GAAI,EAAEH,GAA8B,EAAEhC,QAAQ,CAAC;IAAAtC,CAAA,OAAAsC,QAAA;IAAAtC,CAAA,OAAAmC,MAAA,CAAAsC,GAAA;IAAAzE,CAAA,OAAAsE,GAAA;IAAAtE,CAAA,OAAAwE,GAAA;EAAA;IAAAA,GAAA,GAAAxE,CAAA;EAAA;EACnC,MAAA0E,GAAA,GAAArD,KAAK,GAAGc,MAAM,CAAAwC,UAA6B,GAAfxC,MAAM,CAAAyC,QAAS;EAAA,IAAAC,GAAA;EAAA,IAAA7E,CAAA,SAAA4C,YAAA,IAAA5C,CAAA,SAAAmC,MAAA,CAAA2C,OAAA,IAAA9E,CAAA,SAAA0E,GAAA;IAA5DG,GAAA,IAAC1C,MAAM,CAAA2C,OAAQ,EAAEJ,GAA2C,EAAE9B,YAAY,CAAC;IAAA5C,CAAA,OAAA4C,YAAA;IAAA5C,CAAA,OAAAmC,MAAA,CAAA2C,OAAA;IAAA9E,CAAA,OAAA0E,GAAA;IAAA1E,CAAA,OAAA6E,GAAA;EAAA;IAAAA,GAAA,GAAA7E,CAAA;EAAA;EAClD,MAAA+E,GAAA,GAAA/D,SAAS,EAAAgE,cAAgB;EAAA,IAAAC,GAAA;EAAA,IAAAjF,CAAA,SAAAiD,kBAAA,IAAAjD,CAAA,SAAAmC,MAAA,CAAA+C,aAAA,IAAAlF,CAAA,SAAA+E,GAAA;IAAtEE,GAAA,kBAAsB,KAAqE,CAArE,EAAC9C,MAAM,CAAA+C,aAAc,EAAEH,GAAyB,EAAE9B,kBAAkB,EAAC,GAAI;IAAAjD,CAAA,OAAAiD,kBAAA;IAAAjD,CAAA,OAAAmC,MAAA,CAAA+C,aAAA;IAAAlF,CAAA,OAAA+E,GAAA;IAAA/E,CAAA,OAAAiF,GAAA;EAAA;IAAAA,GAAA,GAAAjF,CAAA;EAAA;EAEpE,MAAAmF,GAAA,GAAA9D,KAAK,GAAGc,MAAM,CAAAiD,WAAiC,GAAlBjD,MAAM,CAAAkD,WAAY;EAAA,IAAAC,GAAA;EAAA,IAAAtF,CAAA,SAAAuB,QAAA;IAAE+D,GAAA;MAAA9E,KAAA,EAASe;IAAS,CAAC;IAAAvB,CAAA,OAAAuB,QAAA;IAAAvB,CAAA,OAAAsF,GAAA;EAAA;IAAAA,GAAA,GAAAtF,CAAA;EAAA;EAAA,IAAAuF,GAAA;EAAA,IAAAvF,CAAA,SAAAmD,aAAA,IAAAnD,CAAA,SAAAmC,MAAA,CAAAqD,QAAA,IAAAxF,CAAA,SAAAmF,GAAA,IAAAnF,CAAA,SAAAsF,GAAA;IAAtFC,GAAA,IAACpD,MAAM,CAAAqD,QAAS,EAAEL,GAA+C,EAAEG,GAAmB,EAAEnC,aAAa,CAAC;IAAAnD,CAAA,OAAAmD,aAAA;IAAAnD,CAAA,OAAAmC,MAAA,CAAAqD,QAAA;IAAAxF,CAAA,OAAAmF,GAAA;IAAAnF,CAAA,OAAAsF,GAAA;IAAAtF,CAAA,OAAAuF,GAAA;EAAA;IAAAA,GAAA,GAAAvF,CAAA;EAAA;EAC9F,MAAAyF,GAAA,GAAArE,UAAU,GAAV,MAAgC,GAAhC,UAAgC;EAAA,IAAAsE,GAAA;EAAA,IAAA1F,CAAA,SAAAsB,OAAA,IAAAtB,CAAA,SAAAuB,QAAA,IAAAvB,CAAA,SAAAkB,WAAA,IAAAlB,CAAA,SAAAqB,KAAA,IAAArB,CAAA,SAAA+B,UAAA,IAAA/B,CAAA,SAAAiB,WAAA,IAAAjB,CAAA,SAAAgB,SAAA,EAAA2E,UAAA,IAAA3F,CAAA,SAAAqC,QAAA,IAAArC,CAAA,SAAAmC,MAAA;IAAA,IAAAyD,GAAA;IAAA,IAAA5F,CAAA,SAAAsB,OAAA,IAAAtB,CAAA,SAAAuB,QAAA,IAAAvB,CAAA,SAAAkB,WAAA,IAAAlB,CAAA,SAAAqB,KAAA,IAAArB,CAAA,SAAA+B,UAAA,IAAA/B,CAAA,SAAAgB,SAAA,EAAA2E,UAAA,IAAA3F,CAAA,SAAAqC,QAAA,IAAArC,CAAA,SAAAmC,MAAA;MAE9ByD,GAAA,GAAAA,CAAAC,KAAA,EAAAC,KAAA;QACf,MAAAC,MAAA,GAAenG,UAAU,CAACkG,KAAK,EAAExE,OAAO,EAAEC,QAAQ,EAAEF,KAAK,CAAC,GAAGC,OAAO;QAAA,OAElE,CAAC,cAAc,CACRuE,GAAK,CAALA,MAAI,CAAC,CACHA,KAAK,CAALA,MAAI,CAAC,CACLC,KAAK,CAALA,MAAI,CAAC,CACL,KAA+F,CAA/F,CAAAvG,iBAAiB,GAAGuD,IAAI,CAAAkD,GAAI,CAACD,MAAM,GAAGjD,IAAI,CAAAE,GAAI,CAAC,CAAC,EAAEzB,QAAQ,CAAC,IAAIF,KAAK,GAAL,GAAiB,GAAjB,GAAiB,CAAC,CAAC,GAAG,EAAE,GAAGyE,KAAI,CAAC,CAC1F,UAA2B,CAA3B,EAAC,CAACzD,QAAQ,EAAA4D,QAAiB,CAANJ,KAAK,EAAC,CAC7B,QAAqB,CAArB,CAAA3E,WAAW,KAAK2E,KAAI,CAAC,CACtB9D,OAAU,CAAVA,WAAS,CAAC,CACP,UAAqB,CAArB,CAAAf,SAAS,EAAA2E,UAAW,CAAC,CACzBxD,MAAM,CAANA,OAAK,CAAC,GACd;MAAA,CAEL;MAAAnC,CAAA,OAAAsB,OAAA;MAAAtB,CAAA,OAAAuB,QAAA;MAAAvB,CAAA,OAAAkB,WAAA;MAAAlB,CAAA,OAAAqB,KAAA;MAAArB,CAAA,OAAA+B,UAAA;MAAA/B,CAAA,OAAAgB,SAAA,EAAA2E,UAAA;MAAA3F,CAAA,OAAAqC,QAAA;MAAArC,CAAA,OAAAmC,MAAA;MAAAnC,CAAA,OAAA4F,GAAA;IAAA;MAAAA,GAAA,GAAA5F,CAAA;IAAA;IAfA0F,GAAA,GAAAzE,WAAW,CAAAiF,GAAI,CAACN,GAehB,CAAC;IAAA5F,CAAA,OAAAsB,OAAA;IAAAtB,CAAA,OAAAuB,QAAA;IAAAvB,CAAA,OAAAkB,WAAA;IAAAlB,CAAA,OAAAqB,KAAA;IAAArB,CAAA,OAAA+B,UAAA;IAAA/B,CAAA,OAAAiB,WAAA;IAAAjB,CAAA,OAAAgB,SAAA,EAAA2E,UAAA;IAAA3F,CAAA,OAAAqC,QAAA;IAAArC,CAAA,OAAAmC,MAAA;IAAAnC,CAAA,OAAA0F,GAAA;EAAA;IAAAA,GAAA,GAAA1F,CAAA;EAAA;EAAA,IAAA4F,GAAA;EAAA,IAAA5F,CAAA,SAAAkC,iBAAA,IAAAlC,CAAA,SAAAgB,SAAA;IACD4E,GAAA,GAAA5E,SAAS,EAAAmF,eAET,IADC,CAAC,IAAI,CAAWjE,QAAiB,CAAjBA,kBAAgB,CAAC,CAAG,CAAAlB,SAAS,CAAAmF,eAAgB,CAAC,EAAE,EAA/D,IAAI,CACN;IAAAnG,CAAA,OAAAkC,iBAAA;IAAAlC,CAAA,OAAAgB,SAAA;IAAAhB,CAAA,OAAA4F,GAAA;EAAA;IAAAA,GAAA,GAAA5F,CAAA;EAAA;EAAA,IAAAoG,GAAA;EAAA,IAAApG,CAAA,SAAAmB,SAAA,IAAAnB,CAAA,SAAAgC,QAAA,IAAAhC,CAAA,SAAAmC,MAAA,CAAAkE,YAAA,IAAArG,CAAA,SAAAoC,KAAA;IACAgE,GAAA,GAAAjF,SAeA,IAdC,CAAC,SAAS,CACCa,OAAQ,CAARA,SAAO,CAAC,CACC,iBAAQ,CAAR,QAAQ,CACP,kBAAgB,CAAhB,gBAAgB,CAC1B,OAAC,CAAD,GAAC,CACH,KAAmB,CAAnB,CAAAG,MAAM,CAAAkE,YAAY,CAAC,CAE1B,CAAC,IAAI,CACE,IAAa,CAAb,aAAa,CACX,KAAsB,CAAtB,CAAAjE,KAAK,CAAAkE,WAAY,CAAAC,IAAI,CAAC,CACvB,IAAE,CAAF,GAAC,CAAC,CACE,QAAkD,CAAlD,EAAC,eAAe,CAAQ,KAAsB,CAAtB,CAAAnE,KAAK,CAAAkE,WAAY,CAAAC,IAAI,CAAC,GAAG,CAAC,GAEhE,EAbC,SAAS,CAcX;IAAAvG,CAAA,OAAAmB,SAAA;IAAAnB,CAAA,OAAAgC,QAAA;IAAAhC,CAAA,OAAAmC,MAAA,CAAAkE,YAAA;IAAArG,CAAA,OAAAoC,KAAA;IAAApC,CAAA,OAAAoG,GAAA;EAAA;IAAAA,GAAA,GAAApG,CAAA;EAAA;EAAA,IAAAwG,GAAA;EAAA,IAAAxG,CAAA,SAAAuF,GAAA,IAAAvF,CAAA,SAAAyF,GAAA,IAAAzF,CAAA,SAAA0F,GAAA,IAAA1F,CAAA,SAAA4F,GAAA,IAAA5F,CAAA,SAAAoG,GAAA;IAtCHI,GAAA,kBACS,KAAsG,CAAtG,CAAAjB,GAAqG,CAAC,CAC9F,aAAgC,CAAhC,CAAAE,GAA+B,CAAC,CAE9C,CAAAC,GAeA,CACA,CAAAE,GAED,CACC,CAAAQ,GAeD,CACF,gBAAgB;IAAApG,CAAA,OAAAuF,GAAA;IAAAvF,CAAA,OAAAyF,GAAA;IAAAzF,CAAA,OAAA0F,GAAA;IAAA1F,CAAA,OAAA4F,GAAA;IAAA5F,CAAA,OAAAoG,GAAA;IAAApG,CAAA,OAAAwG,GAAA;EAAA;IAAAA,GAAA,GAAAxG,CAAA;EAAA;EAAA,IAAAyG,GAAA;EAAA,IAAAzG,CAAA,SAAAmB,SAAA,IAAAnB,CAAA,SAAAoB,UAAA,IAAApB,CAAA,SAAAqB,KAAA,IAAArB,CAAA,SAAAiC,gBAAA,IAAAjC,CAAA,SAAAsD,iBAAA,IAAAtD,CAAA,SAAA4B,WAAA,IAAA5B,CAAA,SAAA2B,UAAA,IAAA3B,CAAA,SAAAgB,SAAA,IAAAhB,CAAA,SAAAmC,MAAA,CAAAuE,YAAA,IAAA1G,CAAA,SAAAmC,MAAA,CAAAwE,iBAAA,IAAA3G,CAAA,SAAAmC,MAAA,CAAAyE,aAAA,IAAA5G,CAAA,SAAAmC,MAAA,CAAA0E,eAAA;IAGfJ,GAAA,GAAAtF,SAUA,IATC,eAAsB,KAAwC,CAAxC,EAACgB,MAAM,CAAAuE,YAAa,EAAEpD,iBAAiB,EAAC,CAAiB,aAA4B,CAA5B,CAAAlC,UAAU,GAAV,MAA4B,GAA5B,MAA2B,CAAC,CAKzG,CAAC,IAAI,CAAQ,KAA6H,CAA7H,EAACe,MAAM,CAAAwE,iBAAkB,EAAEtF,KAAK,GAAGc,MAAM,CAAA0E,eAAuC,GAApB1E,MAAM,CAAAyE,aAAc,EAAE;QAAApG,KAAA,EAASmB,UAAU;QAAAlB,MAAA,EAAUmB;MAAY,CAAC,EAAC,CACvI,CAAAR,UAA+E,IAAjEJ,SAAS,EAAA8F,oBAAwD,GAA/B;UAAAC,QAAA,EAAY9E;QAAiB,CAAC,EACjF,EAFC,IAAI,CAGP,gBACD;IAAAjC,CAAA,OAAAmB,SAAA;IAAAnB,CAAA,OAAAoB,UAAA;IAAApB,CAAA,OAAAqB,KAAA;IAAArB,CAAA,OAAAiC,gBAAA;IAAAjC,CAAA,OAAAsD,iBAAA;IAAAtD,CAAA,OAAA4B,WAAA;IAAA5B,CAAA,OAAA2B,UAAA;IAAA3B,CAAA,OAAAgB,SAAA;IAAAhB,CAAA,OAAAmC,MAAA,CAAAuE,YAAA;IAAA1G,CAAA,OAAAmC,MAAA,CAAAwE,iBAAA;IAAA3G,CAAA,OAAAmC,MAAA,CAAAyE,aAAA;IAAA5G,CAAA,OAAAmC,MAAA,CAAA0E,eAAA;IAAA7G,CAAA,OAAAyG,GAAA;EAAA;IAAAA,GAAA,GAAAzG,CAAA;EAAA;EAAA,IAAAgH,GAAA;EAAA,IAAAhH,CAAA,SAAA6E,GAAA,IAAA7E,CAAA,SAAAiF,GAAA,IAAAjF,CAAA,SAAAwG,GAAA,IAAAxG,CAAA,SAAAyG,GAAA;IAtDHO,GAAA,kBAAsB,KAA2E,CAA3E,CAAAnC,GAA0E,CAAC,CAC/F,CAAAI,GAA8F,CAC9F,CAAAuB,GAuCe,CAGd,CAAAC,GAUD,CACF,gBAAgB;IAAAzG,CAAA,OAAA6E,GAAA;IAAA7E,CAAA,OAAAiF,GAAA;IAAAjF,CAAA,OAAAwG,GAAA;IAAAxG,CAAA,OAAAyG,GAAA;IAAAzG,CAAA,OAAAgH,GAAA;EAAA;IAAAA,GAAA,GAAAhH,CAAA;EAAA;EAAA,IAAAiH,GAAA;EAAA,IAAAjH,CAAA,SAAAwE,GAAA,IAAAxE,CAAA,SAAAgH,GAAA;IAxDlBC,GAAA,kBAAsB,KAAsD,CAAtD,CAAAzC,GAAqD,CAAC,CAC1E,CAAAwC,GAuDe,CACjB,gBAAgB;IAAAhH,CAAA,OAAAwE,GAAA;IAAAxE,CAAA,OAAAgH,GAAA;IAAAhH,CAAA,OAAAiH,GAAA;EAAA;IAAAA,GAAA,GAAAjH,CAAA;EAAA;EAAA,IAAAkH,GAAA;EAAA,IAAAlH,CAAA,SAAAqE,GAAA,IAAArE,CAAA,SAAAiH,GAAA;IA9DlBC,GAAA,KACE,CAAA7C,GAGe,CACf,CAAA4C,GAyDe,CAAC,GACf;IAAAjH,CAAA,OAAAqE,GAAA;IAAArE,CAAA,OAAAiH,GAAA;IAAAjH,CAAA,OAAAkH,GAAA;EAAA;IAAAA,GAAA,GAAAlH,CAAA;EAAA;EAAA,OA/DHkH,GA+DG;AAAA,CAEN","ignoreList":[]}

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

@@ -0,0 +1,68 @@
+import { EasingFunction, EasingFunctionFactory, ReduceMotion } from 'react-native-reanimated';
+export declare const REDUCE_MOTION = ReduceMotion.System;
+export declare const EASE_OUT_QUINT: EasingFunctionFactory;
+export declare const DEFAULT_CURVE: EasingFunctionFactory;
+export declare const DECELERATE: EasingFunction;
+export declare const timing: (duration: number, easing?: EasingFunction | EasingFunctionFactory) => {
+    duration: number;
+    easing: EasingFunction | EasingFunctionFactory;
+    reduceMotion: ReduceMotion;
+};
+export declare const SCRIM_MS = 320;
+export declare const ROW_HEIGHT = 48;
+export declare const ROW_PADDING = 18;
+export declare const ICON_SIZE = 24;
+export declare const TITLE_GAP = 43;
+export declare const MENU_RADIUS = 12;
+export declare const MENU_MIN_WIDTH = 200;
+export declare const ROW_IN_MS = 180;
+export declare const ROW_SHIFT = 6;
+export declare const CLOSE_MS = 220;
+/** The bar and card glide after a message the list moved under them (the keyboard leaving). */
+export declare const FOLLOW_MS = 250;
+export declare const CLOSE_SCALE = 0.8;
+export declare const FINGER_GAP = 20;
+export declare const SIDE_INSET = 6;
+export declare const TOP_INSET = 24;
+export declare const BOTTOM_CLEARANCE: number;
+export declare const TALL_POPUP = 240;
+/** Space kept between the lit message and a card moved off it. */
+export declare const MESSAGE_GAP = 8;
+export declare const BAR_OFFSET = 50;
+export declare const BAR_PAD_TOP = 4;
+export declare const BAR_HEIGHT = 48;
+export declare const BAR_PAD_BOTTOM = 22;
+export declare const BAR_TO_MENU: number;
+export declare const BAR_CELL = 36;
+export declare const BAR_INSET = 8;
+export declare const BAR_EMOJI = 26;
+export declare const BAR_EMOJI_BOX = 34;
+export declare const MAX_QUICK_REACTIONS = 7;
+export declare const TAIL_BIG = 8;
+export declare const TAIL_SMALL = 4;
+export declare const TAIL_OFFSET = 32;
+export declare const BAR_IN: {
+    duration: number;
+    easing: (t: number) => number;
+    reduceMotion: ReduceMotion;
+};
+export declare const BAR_CLIP = 0.25;
+export declare const BAR_PIVOT = 0.875;
+export declare const ITEM_IN_MS = 150;
+export declare const ITEM_DELAY_SPREAD = 200;
+export declare const SELECTED_SCALE = 0.76;
+export declare const EXPAND: {
+    duration: number;
+    easing: EasingFunctionFactory;
+    reduceMotion: ReduceMotion;
+};
+export declare const PANEL_RADIUS = 12;
+export declare const PANEL_MAX_HEIGHT = 340;
+export declare const PANEL_COLUMNS = 8;
+export declare const FLIGHT_GROW_MS = 150;
+export declare const FLIGHT_GROW_SCALE = 1.6;
+export declare const FLIGHT_MS = 220;
+export declare const PILL_EMOJI = 16;
+export declare const PILL_X: number;
+export declare const PILL_Y: number;
+//# sourceMappingURL=constants.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/ContextMenu/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,cAAc,EACd,qBAAqB,EACrB,YAAY,EACb,MAAM,yBAAyB,CAAA;AAEhC,eAAO,MAAM,aAAa,sBAAsB,CAAA;AAChD,eAAO,MAAM,cAAc,uBAAkC,CAAA;AAC7D,eAAO,MAAM,aAAa,uBAAoC,CAAA;AAC9D,eAAO,MAAM,UAAU,gBAA0B,CAAA;AACjD,eAAO,MAAM,MAAM,GAAI,UAAU,MAAM,EAAE,SAAQ,cAAc,GAAG,qBAAqC;;;;CAClD,CAAA;AAWrD,eAAO,MAAM,QAAQ,MAAM,CAAA;AAI3B,eAAO,MAAM,UAAU,KAAK,CAAA;AAC5B,eAAO,MAAM,WAAW,KAAK,CAAA;AAC7B,eAAO,MAAM,SAAS,KAAK,CAAA;AAC3B,eAAO,MAAM,SAAS,KAAK,CAAA;AAC3B,eAAO,MAAM,WAAW,KAAK,CAAA;AAC7B,eAAO,MAAM,cAAc,MAAM,CAAA;AAIjC,eAAO,MAAM,SAAS,MAAM,CAAA;AAC5B,eAAO,MAAM,SAAS,IAAI,CAAA;AAC1B,eAAO,MAAM,QAAQ,MAAM,CAAA;AAC3B,+FAA+F;AAC/F,eAAO,MAAM,SAAS,MAAM,CAAA;AAC5B,eAAO,MAAM,WAAW,MAAM,CAAA;AAK9B,eAAO,MAAM,UAAU,KAAK,CAAA;AAC5B,eAAO,MAAM,UAAU,IAAI,CAAA;AAC3B,eAAO,MAAM,SAAS,KAAK,CAAA;AAC3B,eAAO,MAAM,gBAAgB,QAAS,CAAA;AACtC,eAAO,MAAM,UAAU,MAAM,CAAA;AAC7B,kEAAkE;AAClE,eAAO,MAAM,WAAW,IAAI,CAAA;AAO5B,eAAO,MAAM,UAAU,KAAK,CAAA;AAC5B,eAAO,MAAM,WAAW,IAAI,CAAA;AAC5B,eAAO,MAAM,UAAU,KAAK,CAAA;AAC5B,eAAO,MAAM,cAAc,KAAK,CAAA;AAChC,eAAO,MAAM,WAAW,QAAiD,CAAA;AACzE,eAAO,MAAM,QAAQ,KAAK,CAAA;AAC1B,eAAO,MAAM,SAAS,IAAI,CAAA;AAC1B,eAAO,MAAM,SAAS,KAAK,CAAA;AAC3B,eAAO,MAAM,aAAa,KAAK,CAAA;AAC/B,eAAO,MAAM,mBAAmB,IAAI,CAAA;AACpC,eAAO,MAAM,QAAQ,IAAI,CAAA;AACzB,eAAO,MAAM,UAAU,IAAI,CAAA;AAC3B,eAAO,MAAM,WAAW,KAAK,CAAA;AAI7B,eAAO,MAAM,MAAM;;gBA5DwB,MAAM;;CA4D2C,CAAA;AAC5F,eAAO,MAAM,QAAQ,OAAO,CAAA;AAC5B,eAAO,MAAM,SAAS,QAAQ,CAAA;AAC9B,eAAO,MAAM,UAAU,MAAM,CAAA;AAC7B,eAAO,MAAM,iBAAiB,MAAM,CAAA;AACpC,eAAO,MAAM,cAAc,OAAO,CAAA;AAGlC,eAAO,MAAM,MAAM;;;;CAAwE,CAAA;AAC3F,eAAO,MAAM,YAAY,KAAK,CAAA;AAC9B,eAAO,MAAM,gBAAgB,MAAM,CAAA;AACnC,eAAO,MAAM,aAAa,IAAI,CAAA;AAI9B,eAAO,MAAM,cAAc,MAAM,CAAA;AACjC,eAAO,MAAM,iBAAiB,MAAM,CAAA;AACpC,eAAO,MAAM,SAAS,MAAM,CAAA;AAC5B,eAAO,MAAM,UAAU,KAAK,CAAA;AAG5B,eAAO,MAAM,MAAM,QAAa,CAAA;AAChC,eAAO,MAAM,MAAM,QAAS,CAAA"}

package/lib/components/ContextMenu/constants.js

@@ -0,0 +1,105 @@
+import { Easing, ReduceMotion } from 'react-native-reanimated';
+export const REDUCE_MOTION = ReduceMotion.System;
+export const EASE_OUT_QUINT = Easing.bezier(0.23, 1, 0.32, 1);
+export const DEFAULT_CURVE = Easing.bezier(0.25, 0.1, 0.25, 1);
+export const DECELERATE = Easing.out(Easing.quad);
+export const timing = (duration, easing = Easing.linear) => ({
+  duration,
+  easing,
+  reduceMotion: REDUCE_MOTION
+});
+
+// `OvershootInterpolator(tension)`.
+const overshoot = tension => t => {
+  'worklet';
+
+  const s = t - 1;
+  return s * s * ((tension + 1) * s + tension) + 1;
+};
+
+// The scrim: black at 0.2 (`theme.contextMenu.scrim`), in and out over 320ms on
+// EASE_OUT_QUINT, with the pressed message redrawn above it in place.
+export const SCRIM_MS = 320;
+
+// The menu card: rows 48 tall, 18 side padding, a 24 icon with the title 43 after
+// it, 16sp text, 12 corners, at least 200 wide.
+export const ROW_HEIGHT = 48;
+export const ROW_PADDING = 18;
+export const ICON_SIZE = 24;
+export const TITLE_GAP = 43;
+export const MENU_RADIUS = 12;
+export const MENU_MIN_WIDTH = 200;
+// It unrolls from the top over 150 + 16 x rows ms, each row fading in and dropping 6 into place
+// over 180ms as the card passes it; it leaves by shrinking to 0.8 and
+// fading over 220ms.
+export const ROW_IN_MS = 180;
+export const ROW_SHIFT = 6;
+export const CLOSE_MS = 220;
+/** The bar and card glide after a message the list moved under them (the keyboard leaving). */
+export const FOLLOW_MS = 250;
+export const CLOSE_SCALE = 0.8;
+
+// Placement: the popup's right edge 28 left of the finger (20 with the card's
+// shadow inset), 6 from the screen sides; its top at the finger, at least 24 below the top and
+// clear of the bottom by its height + 48 + 8, and moved up past 240 tall.
+export const FINGER_GAP = 20;
+export const SIDE_INSET = 6;
+export const TOP_INSET = 24;
+export const BOTTOM_CLEARANCE = 48 + 8;
+export const TALL_POPUP = 240;
+/** Space kept between the lit message and a card moved off it. */
+export const MESSAGE_GAP = 8;
+
+// The reactions bar: 50 above it in the popup, 4 + 48 + 22 for its
+// padding, the pill and the tail; the menu starts 20 into that bottom padding. The pill is 48
+// tall with 24 corners, holding 36-wide cells with an 8 inset at each end, at most 7 emojis
+// before the expand button. Its "thought bubble" tail: an 8 circle on the pill's bottom edge 32
+// in from its end, and a 4 one below it.
+export const BAR_OFFSET = 50;
+export const BAR_PAD_TOP = 4;
+export const BAR_HEIGHT = 48;
+export const BAR_PAD_BOTTOM = 22;
+export const BAR_TO_MENU = BAR_PAD_TOP + BAR_HEIGHT + BAR_PAD_BOTTOM - 20;
+export const BAR_CELL = 36;
+export const BAR_INSET = 8;
+export const BAR_EMOJI = 26;
+export const BAR_EMOJI_BOX = 34;
+export const MAX_QUICK_REACTIONS = 7;
+export const TAIL_BIG = 8;
+export const TAIL_SMALL = 4;
+export const TAIL_OFFSET = 32;
+// Appears over 250ms on Overshoot(0.5), growing from 87.5% across and clipped from the far side
+// down to a quarter; each emoji pops in over 150ms, later the farther
+// it is from 80% across. A reaction you already chose sits at 0.76 in a circle.
+export const BAR_IN = {
+  duration: 250,
+  easing: overshoot(0.5),
+  reduceMotion: REDUCE_MOTION
+};
+export const BAR_CLIP = 0.25;
+export const BAR_PIVOT = 0.875;
+export const ITEM_IN_MS = 150;
+export const ITEM_DELAY_SPREAD = 200;
+export const SELECTED_SCALE = 0.76;
+// The expand button grows the bar into the full picker over 350ms, its corners
+// going from the bar's 24 to 12.
+export const EXPAND = {
+  duration: 350,
+  easing: DEFAULT_CURVE,
+  reduceMotion: REDUCE_MOTION
+};
+export const PANEL_RADIUS = 12;
+export const PANEL_MAX_HEIGHT = 340;
+export const PANEL_COLUMNS = 8;
+
+// A picked reaction grows where it is, then flies to the message's reaction pill over 220ms,
+// EASE_OUT_QUINT across and DEFAULT down, shrinking to the pill's size.
+export const FLIGHT_GROW_MS = 150;
+export const FLIGHT_GROW_SCALE = 1.6;
+export const FLIGHT_MS = 220;
+export const PILL_EMOJI = 16;
+// Where a new pill's emoji lands: the first pill, inside the bubble at its bottom-left (the
+// bubble's 9 inset + the pill's 8 padding + half its 20 emoji; 7 + half of 26 up).
+export const PILL_X = 9 + 8 + 10;
+export const PILL_Y = 7 + 13;
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","names":["Easing","ReduceMotion","REDUCE_MOTION","System","EASE_OUT_QUINT","bezier","DEFAULT_CURVE","DECELERATE","out","quad","timing","duration","easing","linear","reduceMotion","overshoot","tension","t","s","SCRIM_MS","ROW_HEIGHT","ROW_PADDING","ICON_SIZE","TITLE_GAP","MENU_RADIUS","MENU_MIN_WIDTH","ROW_IN_MS","ROW_SHIFT","CLOSE_MS","FOLLOW_MS","CLOSE_SCALE","FINGER_GAP","SIDE_INSET","TOP_INSET","BOTTOM_CLEARANCE","TALL_POPUP","MESSAGE_GAP","BAR_OFFSET","BAR_PAD_TOP","BAR_HEIGHT","BAR_PAD_BOTTOM","BAR_TO_MENU","BAR_CELL","BAR_INSET","BAR_EMOJI","BAR_EMOJI_BOX","MAX_QUICK_REACTIONS","TAIL_BIG","TAIL_SMALL","TAIL_OFFSET","BAR_IN","BAR_CLIP","BAR_PIVOT","ITEM_IN_MS","ITEM_DELAY_SPREAD","SELECTED_SCALE","EXPAND","PANEL_RADIUS","PANEL_MAX_HEIGHT","PANEL_COLUMNS","FLIGHT_GROW_MS","FLIGHT_GROW_SCALE","FLIGHT_MS","PILL_EMOJI","PILL_X","PILL_Y"],"sources":["../../../src/components/ContextMenu/constants.ts"],"sourcesContent":["import {\n  Easing,\n  EasingFunction,\n  EasingFunctionFactory,\n  ReduceMotion,\n} from 'react-native-reanimated'\n\nexport const REDUCE_MOTION = ReduceMotion.System\nexport const EASE_OUT_QUINT = Easing.bezier(0.23, 1, 0.32, 1)\nexport const DEFAULT_CURVE = Easing.bezier(0.25, 0.1, 0.25, 1)\nexport const DECELERATE = Easing.out(Easing.quad)\nexport const timing = (duration: number, easing: EasingFunction | EasingFunctionFactory = Easing.linear) =>\n  ({ duration, easing, reduceMotion: REDUCE_MOTION })\n\n// `OvershootInterpolator(tension)`.\nconst overshoot = (tension: number) => (t: number) => {\n  'worklet'\n  const s = t - 1\n  return s * s * ((tension + 1) * s + tension) + 1\n}\n\n// The scrim: black at 0.2 (`theme.contextMenu.scrim`), in and out over 320ms on\n// EASE_OUT_QUINT, with the pressed message redrawn above it in place.\nexport const SCRIM_MS = 320\n\n// The menu card: rows 48 tall, 18 side padding, a 24 icon with the title 43 after\n// it, 16sp text, 12 corners, at least 200 wide.\nexport const ROW_HEIGHT = 48\nexport const ROW_PADDING = 18\nexport const ICON_SIZE = 24\nexport const TITLE_GAP = 43\nexport const MENU_RADIUS = 12\nexport const MENU_MIN_WIDTH = 200\n// It unrolls from the top over 150 + 16 x rows ms, each row fading in and dropping 6 into place\n// over 180ms as the card passes it; it leaves by shrinking to 0.8 and\n// fading over 220ms.\nexport const ROW_IN_MS = 180\nexport const ROW_SHIFT = 6\nexport const CLOSE_MS = 220\n/** The bar and card glide after a message the list moved under them (the keyboard leaving). */\nexport const FOLLOW_MS = 250\nexport const CLOSE_SCALE = 0.8\n\n// Placement: the popup's right edge 28 left of the finger (20 with the card's\n// shadow inset), 6 from the screen sides; its top at the finger, at least 24 below the top and\n// clear of the bottom by its height + 48 + 8, and moved up past 240 tall.\nexport const FINGER_GAP = 20\nexport const SIDE_INSET = 6\nexport const TOP_INSET = 24\nexport const BOTTOM_CLEARANCE = 48 + 8\nexport const TALL_POPUP = 240\n/** Space kept between the lit message and a card moved off it. */\nexport const MESSAGE_GAP = 8\n\n// The reactions bar: 50 above it in the popup, 4 + 48 + 22 for its\n// padding, the pill and the tail; the menu starts 20 into that bottom padding. The pill is 48\n// tall with 24 corners, holding 36-wide cells with an 8 inset at each end, at most 7 emojis\n// before the expand button. Its \"thought bubble\" tail: an 8 circle on the pill's bottom edge 32\n// in from its end, and a 4 one below it.\nexport const BAR_OFFSET = 50\nexport const BAR_PAD_TOP = 4\nexport const BAR_HEIGHT = 48\nexport const BAR_PAD_BOTTOM = 22\nexport const BAR_TO_MENU = BAR_PAD_TOP + BAR_HEIGHT + BAR_PAD_BOTTOM - 20\nexport const BAR_CELL = 36\nexport const BAR_INSET = 8\nexport const BAR_EMOJI = 26\nexport const BAR_EMOJI_BOX = 34\nexport const MAX_QUICK_REACTIONS = 7\nexport const TAIL_BIG = 8\nexport const TAIL_SMALL = 4\nexport const TAIL_OFFSET = 32\n// Appears over 250ms on Overshoot(0.5), growing from 87.5% across and clipped from the far side\n// down to a quarter; each emoji pops in over 150ms, later the farther\n// it is from 80% across. A reaction you already chose sits at 0.76 in a circle.\nexport const BAR_IN = { duration: 250, easing: overshoot(0.5), reduceMotion: REDUCE_MOTION }\nexport const BAR_CLIP = 0.25\nexport const BAR_PIVOT = 0.875\nexport const ITEM_IN_MS = 150\nexport const ITEM_DELAY_SPREAD = 200\nexport const SELECTED_SCALE = 0.76\n// The expand button grows the bar into the full picker over 350ms, its corners\n// going from the bar's 24 to 12.\nexport const EXPAND = { duration: 350, easing: DEFAULT_CURVE, reduceMotion: REDUCE_MOTION }\nexport const PANEL_RADIUS = 12\nexport const PANEL_MAX_HEIGHT = 340\nexport const PANEL_COLUMNS = 8\n\n// A picked reaction grows where it is, then flies to the message's reaction pill over 220ms,\n// EASE_OUT_QUINT across and DEFAULT down, shrinking to the pill's size.\nexport const FLIGHT_GROW_MS = 150\nexport const FLIGHT_GROW_SCALE = 1.6\nexport const FLIGHT_MS = 220\nexport const PILL_EMOJI = 16\n// Where a new pill's emoji lands: the first pill, inside the bubble at its bottom-left (the\n// bubble's 9 inset + the pill's 8 padding + half its 20 emoji; 7 + half of 26 up).\nexport const PILL_X = 9 + 8 + 10\nexport const PILL_Y = 7 + 13\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import { ContextMenuProps } from './types';
+export type { ContextMenuProps, ContextMenuReactions } from './types';
+/**
+ * The long-press menu. The chat dims under a black scrim while the pressed
+ * message stays lit in place; the reactions bar pops out above the actions, which unroll from
+ * the top beside the finger. A picked reaction grows and flies into the message's reaction
+ * pill; the expand button grows the bar into a full emoji panel. Every way out plays the exit
+ * before calling back. All motion runs on Reanimated and honours Reduce Motion.
+ */
+export declare const ContextMenu: ({ visible, items, onDismiss, pageX, pageY, bubbleWidth, bubbleHeight, touchX, touchY, reactions, messagePreview, children, }: ContextMenuProps) => React.JSX.Element | null;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ContextMenu/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoE,MAAM,OAAO,CAAA;AAkCxF,OAAO,EAAE,gBAAgB,EAAU,MAAM,SAAS,CAAA;AAIlD,YAAY,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAYrE;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,GAAI,8HAazB,gBAAgB,6BAoOlB,CAAA"}