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

package/lib/Actions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Actions.d.ts","sourceRoot":"","sources":["../src/Actions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAyB,MAAM,OAAO,CAAA;AAC/D,OAAO,EAGL,SAAS,EACT,SAAS,EACT,SAAS,EAAE,MAAM,cAAc,CAAA;AACjC,OAAO,EAAE,gBAAgB,EAAmB,MAAM,8BAA8B,CAAA;AAQhF,MAAM,WAAW,YAAY;IAC3B,mFAAmF;IACnF,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAA;IAC5B,oFAAoF;IACpF,0BAA0B,CAAC,EAAE,MAAM,CAAA;IACnC,IAAI,CAAC,EAAE,MAAM,SAAS,CAAA;IACtB,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACnC,aAAa,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACpC,WAAW,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAClC,mBAAmB,CAAC,IAAI,IAAI,CAAA;CAC7B;AAED,wBAAgB,OAAO,CAAE,EACvB,OAAO,EACP,0BAA0B,EAC1B,IAAI,EACJ,YAAY,EACZ,mBAAmB,EACnB,WAAW,GACZ,EAAE,YAAY,qBA2Cd"}
+{"version":3,"file":"Actions.d.ts","sourceRoot":"","sources":["../src/Actions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAyB,MAAM,OAAO,CAAA;AAC/D,OAAO,EAGL,SAAS,EACT,SAAS,EACT,SAAS,EAAE,MAAM,cAAc,CAAA;AACjC,OAAO,EAAE,gBAAgB,EAAmB,MAAM,8BAA8B,CAAA;AAShF,MAAM,WAAW,YAAY;IAC3B,mFAAmF;IACnF,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAA;IAC5B,oFAAoF;IACpF,0BAA0B,CAAC,EAAE,MAAM,CAAA;IACnC,IAAI,CAAC,EAAE,MAAM,SAAS,CAAA;IACtB,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACnC,aAAa,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACpC,WAAW,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAClC,mBAAmB,CAAC,IAAI,IAAI,CAAA;CAC7B;AAED,wBAAgB,OAAO,CAAE,EACvB,OAAO,EACP,0BAA0B,EAC1B,IAAI,EACJ,YAAY,EACZ,mBAAmB,EACnB,WAAW,GACZ,EAAE,YAAY,qBAmDd"}

package/lib/Actions.js

@@ -1,53 +1,132 @@
+import { c as _c } from "react/compiler-runtime";
 import React, { useCallback, useState } from 'react';
 import { StyleSheet, View } from 'react-native';
 import { AttachmentSheet } from './components/AttachmentSheet';
 import { Icon } from './components/Icon';
 import { PaperclipIcon } from './components/MediaControls';
 import { TouchableOpacity } from './components/TouchableOpacity';
+import { useLabels } from './hooks/useLabels';
 import { useThemedStyles } from './hooks/useTheme';
 import stylesCommon from './styles';
-export function Actions({ actions, actionSheetOptionTintColor, icon, wrapperStyle, onPressActionButton, buttonStyle, }) {
-    const styles = useThemedStyles(createStyles);
-    const [isSheetVisible, setIsSheetVisible] = useState(false);
-    const handlePress = useCallback(() => {
-        if (onPressActionButton) {
-            onPressActionButton();
-            return;
-        }
-        if (actions?.length)
-            setIsSheetVisible(true);
-    }, [actions, onPressActionButton]);
-    const renderIcon = useCallback(() => {
-        if (icon)
-            return icon();
-        const size = styles.iconText.fontSize;
-        return (<View style={[stylesCommon.centerItems, wrapperStyle]}>
-        <Icon name='paperclip' color={styles.iconText.color} size={size} fallback={<PaperclipIcon color={styles.iconText.color} size={size}/>}/>
-      </View>);
-    }, [icon, wrapperStyle, styles]);
-    return (<View style={styles.container}>
-      <TouchableOpacity onPress={handlePress} hitSlop={8} style={[styles.button, buttonStyle]}>
-        {renderIcon()}
-      </TouchableOpacity>
-      <AttachmentSheet visible={isSheetVisible} actions={actions ?? []} onClose={() => setIsSheetVisible(false)} tintColor={actionSheetOptionTintColor}/>
-    </View>);
+export function Actions(t0) {
+  const $ = _c(26);
+  const {
+    actions,
+    actionSheetOptionTintColor,
+    icon,
+    wrapperStyle,
+    onPressActionButton,
+    buttonStyle
+  } = t0;
+  const styles = useThemedStyles(createStyles);
+  const labels = useLabels();
+  const [isSheetVisible, setIsSheetVisible] = useState(false);
+  let t1;
+  if ($[0] !== actions?.length || $[1] !== onPressActionButton) {
+    t1 = () => {
+      if (onPressActionButton) {
+        onPressActionButton();
+        return;
+      }
+      if (actions?.length) {
+        setIsSheetVisible(true);
+      }
+    };
+    $[0] = actions?.length;
+    $[1] = onPressActionButton;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const handlePress = t1;
+  let t2;
+  if ($[3] !== icon || $[4] !== styles.iconText || $[5] !== wrapperStyle) {
+    t2 = () => {
+      if (icon) {
+        return icon();
+      }
+      const size = styles.iconText.fontSize;
+      return <View style={[stylesCommon.centerItems, wrapperStyle]}><Icon name="paperclip" color={styles.iconText.color} size={size} fallback={<PaperclipIcon color={styles.iconText.color} size={size} />} /></View>;
+    };
+    $[3] = icon;
+    $[4] = styles.iconText;
+    $[5] = wrapperStyle;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  const renderIcon = t2;
+  const t3 = styles.container;
+  const t4 = labels.attachButton;
+  let t5;
+  if ($[7] !== buttonStyle || $[8] !== styles.button) {
+    t5 = [styles.button, buttonStyle];
+    $[7] = buttonStyle;
+    $[8] = styles.button;
+    $[9] = t5;
+  } else {
+    t5 = $[9];
+  }
+  let t6;
+  if ($[10] !== renderIcon) {
+    t6 = renderIcon();
+    $[10] = renderIcon;
+    $[11] = t6;
+  } else {
+    t6 = $[11];
+  }
+  let t7;
+  if ($[12] !== handlePress || $[13] !== labels.attachButton || $[14] !== t5 || $[15] !== t6) {
+    t7 = <TouchableOpacity onPress={handlePress} hitSlop={8} accessibilityRole="button" accessibilityLabel={t4} style={t5}>{t6}</TouchableOpacity>;
+    $[12] = handlePress;
+    $[13] = labels.attachButton;
+    $[14] = t5;
+    $[15] = t6;
+    $[16] = t7;
+  } else {
+    t7 = $[16];
+  }
+  let t8;
+  if ($[17] !== actionSheetOptionTintColor || $[18] !== actions || $[19] !== isSheetVisible || $[20] !== onPressActionButton) {
+    t8 = !onPressActionButton && !!actions?.length && <AttachmentSheet visible={isSheetVisible} actions={actions} onClose={() => setIsSheetVisible(false)} tintColor={actionSheetOptionTintColor} />;
+    $[17] = actionSheetOptionTintColor;
+    $[18] = actions;
+    $[19] = isSheetVisible;
+    $[20] = onPressActionButton;
+    $[21] = t8;
+  } else {
+    t8 = $[21];
+  }
+  let t9;
+  if ($[22] !== styles.container || $[23] !== t7 || $[24] !== t8) {
+    t9 = <View style={t3}>{t7}{t8}</View>;
+    $[22] = styles.container;
+    $[23] = t7;
+    $[24] = t8;
+    $[25] = t9;
+  } else {
+    t9 = $[25];
+  }
+  return t9;
 }
-const createStyles = (theme) => StyleSheet.create({
-    container: {
-        alignItems: 'center',
-        justifyContent: 'center',
-    },
-    button: {
-        alignItems: 'center',
-        justifyContent: 'center',
-        paddingBottom: 8,
-    },
-    // Inset attachment icon: borderless, sized/colored as a field inset control.
-    iconText: {
-        color: theme.colors.incomingMeta,
-        fontWeight: 'bold',
-        fontSize: theme.composer.insetIconSize,
-        lineHeight: theme.composer.insetIconSize,
-    },
+const createStyles = theme => StyleSheet.create({
+  container: {
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  // The paperclip takes a 44 cell inside the composer island.
+  button: {
+    width: 44,
+    height: theme.composer.minHeight,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  // Inset attachment icon: borderless, in the island's icon color (`glass_defaultIcon`).
+  iconText: {
+    color: theme.colors.composerIcon,
+    fontWeight: 'bold',
+    fontSize: 24,
+    lineHeight: 24
+  }
 });
 //# sourceMappingURL=Actions.js.map

package/lib/Actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"Actions.js","sourceRoot":"","sources":["../src/Actions.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Actions.js","names":["React","useCallback","useState","StyleSheet","View","AttachmentSheet","Icon","PaperclipIcon","TouchableOpacity","useLabels","useThemedStyles","stylesCommon","Actions","t0","$","_c","actions","actionSheetOptionTintColor","icon","wrapperStyle","onPressActionButton","buttonStyle","styles","createStyles","labels","isSheetVisible","setIsSheetVisible","t1","length","handlePress","t2","iconText","size","fontSize","centerItems","color","renderIcon","t3","container","t4","attachButton","t5","button","t6","t7","t8","t9","theme","create","alignItems","justifyContent","width","height","composer","minHeight","colors","composerIcon","fontWeight","lineHeight"],"sources":["../src/Actions.tsx"],"sourcesContent":["import React, { ReactNode, useCallback, useState } from 'react'\nimport {\n  StyleSheet,\n  View,\n  StyleProp,\n  ViewStyle,\n  TextStyle } from 'react-native'\nimport { AttachmentAction, AttachmentSheet } from './components/AttachmentSheet'\nimport { Icon } from './components/Icon'\nimport { PaperclipIcon } from './components/MediaControls'\nimport { TouchableOpacity } from './components/TouchableOpacity'\nimport { useLabels } from './hooks/useLabels'\nimport { useThemedStyles } from './hooks/useTheme'\nimport stylesCommon from './styles'\nimport { ChatTheme } from './Theme'\n\nexport interface ActionsProps {\n  /** Actions shown in the attachment sheet. Add `icon`/`color` for a grid layout. */\n  actions?: AttachmentAction[]\n  /** Tint color for the action labels in the sheet (defaults to the theme accent). */\n  actionSheetOptionTintColor?: string\n  icon?: () => ReactNode\n  wrapperStyle?: StyleProp<ViewStyle>\n  iconTextStyle?: StyleProp<TextStyle>\n  buttonStyle?: StyleProp<ViewStyle>\n  onPressActionButton?(): void\n}\n\nexport function Actions ({\n  actions,\n  actionSheetOptionTintColor,\n  icon,\n  wrapperStyle,\n  onPressActionButton,\n  buttonStyle,\n}: ActionsProps) {\n  const styles = useThemedStyles(createStyles)\n  const labels = useLabels()\n  const [isSheetVisible, setIsSheetVisible] = useState(false)\n\n  const handlePress = useCallback(() => {\n    if (onPressActionButton) {\n      onPressActionButton()\n      return\n    }\n\n    if (actions?.length)\n      setIsSheetVisible(true)\n  }, [actions, onPressActionButton])\n\n  const renderIcon = useCallback(() => {\n    if (icon)\n      return icon()\n\n    const size = styles.iconText.fontSize\n    return (\n      <View style={[stylesCommon.centerItems, wrapperStyle]}>\n        <Icon name='paperclip' color={styles.iconText.color} size={size} fallback={<PaperclipIcon color={styles.iconText.color} size={size} />} />\n      </View>\n    )\n  }, [icon, wrapperStyle, styles])\n\n  return (\n    <View style={styles.container}>\n      <TouchableOpacity\n        onPress={handlePress}\n        hitSlop={8}\n        accessibilityRole='button'\n        accessibilityLabel={labels.attachButton}\n        style={[styles.button, buttonStyle]}\n      >\n        {renderIcon()}\n      </TouchableOpacity>\n      {/* The sheet only serves `actions`. With a press handler (the built-in attachment menu) it\n        can never open, and a native sheet mounted in every composer for nothing slowed each\n        chat opening. */}\n      {!onPressActionButton && !!actions?.length && (\n        <AttachmentSheet\n          visible={isSheetVisible}\n          actions={actions}\n          onClose={() => setIsSheetVisible(false)}\n          tintColor={actionSheetOptionTintColor}\n        />\n      )}\n    </View>\n  )\n}\n\nconst createStyles = (theme: ChatTheme) => StyleSheet.create({\n  container: {\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  // The paperclip takes a 44 cell inside the composer island.\n  button: {\n    width: 44,\n    height: theme.composer.minHeight,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  // Inset attachment icon: borderless, in the island's icon color (`glass_defaultIcon`).\n  iconText: {\n    color: theme.colors.composerIcon,\n    fontWeight: 'bold',\n    fontSize: 24,\n    lineHeight: 24,\n  },\n})\n"],"mappings":"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","ignoreList":[]}

package/lib/Avatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../src/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAe,MAAM,OAAO,CAAA;AACrD,OAAO,EACL,UAAU,EAEV,SAAS,EAET,SAAS,EACV,MAAM,cAAc,CAAA;AAIrB,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAwCzD,MAAM,WAAW,WAAW,CAAC,QAAQ,SAAS,QAAQ;IACpD,cAAc,EAAE,QAAQ,CAAA;IACxB,eAAe,CAAC,EAAE,QAAQ,CAAA;IAC1B,WAAW,CAAC,EAAE,QAAQ,CAAA;IACtB,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAA;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,8BAA8B,CAAC,EAAE,OAAO,CAAA;IACxC,UAAU,CAAC,EAAE,cAAc,CAAC,UAAU,CAAC,CAAA;IACvC,cAAc,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAA;IAC1C,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,YAAY,CAAC,CAAC,KAAK,EAAE,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,EAAE,cAAc,CAAC,GAAG,SAAS,CAAA;IAC5E,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;IACpC,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;CACzC;AAED,wBAAgB,MAAM,CAAC,QAAQ,SAAS,QAAQ,GAAG,QAAQ,EACzD,KAAK,EAAE,WAAW,CAAC,QAAQ,CAAC,4BA0G7B"}
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../src/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAe,MAAM,OAAO,CAAA;AACrD,OAAO,EACL,UAAU,EAEV,SAAS,EAET,SAAS,EACV,MAAM,cAAc,CAAA;AAIrB,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AA2CzD,MAAM,WAAW,WAAW,CAAC,QAAQ,SAAS,QAAQ;IACpD,cAAc,EAAE,QAAQ,CAAA;IACxB,eAAe,CAAC,EAAE,QAAQ,CAAA;IAC1B,WAAW,CAAC,EAAE,QAAQ,CAAA;IACtB,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAA;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,8BAA8B,CAAC,EAAE,OAAO,CAAA;IACxC,UAAU,CAAC,EAAE,cAAc,CAAC,UAAU,CAAC,CAAA;IACvC,cAAc,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAA;IAC1C,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,YAAY,CAAC,CAAC,KAAK,EAAE,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,EAAE,cAAc,CAAC,GAAG,SAAS,CAAA;IAC5E,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;IACpC,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;CACzC;AAED,wBAAgB,MAAM,CAAC,QAAQ,SAAS,QAAQ,GAAG,QAAQ,EACzD,KAAK,EAAE,WAAW,CAAC,QAAQ,CAAC,4BAwG7B"}

package/lib/Avatar.js

@@ -1,95 +1,180 @@
+import { c as _c } from "react/compiler-runtime";
 import React, { useCallback } from 'react';
-import { StyleSheet, View, } from 'react-native';
+import { StyleSheet, View } from 'react-native';
 import { ChatAvatar } from './ChatAvatar';
 import { useIsRTL } from './hooks/useIsRTL';
 import { useThemedStyles } from './hooks/useTheme';
 import { mirrorPosition } from './rtl';
-import { isSameUser, isSameDay } from './utils';
-const createStyles = (theme) => {
-    const size = theme.avatar.size;
-    const image = {
-        height: size,
-        width: size,
-        borderRadius: size / 2,
-    };
-    return {
-        left: StyleSheet.create({
-            container: { marginRight: 8 },
-            onTop: { alignSelf: 'flex-start' },
-            image,
-        }),
-        right: StyleSheet.create({
-            container: { marginLeft: 8 },
-            onTop: { alignSelf: 'flex-start' },
-            image,
-        }),
-    };
+import { isSameGroup } from './utils';
+const createStyles = theme => {
+  const size = theme.avatar.size;
+  const image = {
+    height: size,
+    width: size,
+    borderRadius: size / 2
+  };
+
+  // The avatar sits 6 from the screen edge and the bubble body 11 past it, leaving
+  // the tail room to curl in between. The row is inset
+  // 8, hence the -2.
+  return {
+    left: StyleSheet.create({
+      container: {
+        marginLeft: -2,
+        marginRight: 11
+      },
+      onTop: {
+        alignSelf: 'flex-start'
+      },
+      image
+    }),
+    right: StyleSheet.create({
+      container: {
+        marginRight: -2,
+        marginLeft: 11
+      },
+      onTop: {
+        alignSelf: 'flex-start'
+      },
+      image
+    })
+  };
 };
 export function Avatar(props) {
-    const { isAvatarOnTop, isAvatarVisibleForEveryMessage, containerStyle, position, currentMessage, renderAvatar, previousMessage, nextMessage, imageStyle, onPressAvatar, onLongPressAvatar, } = props;
-    const styles = useThemedStyles(createStyles);
-    const isRTL = useIsRTL();
-    // Built-in margin only - `containerStyle`/`imageStyle` overrides below stay keyed by the
-    // real, unmirrored `position` ("my avatar vs. theirs"), not by physical screen side.
-    const visualPosition = mirrorPosition(position, isRTL);
-    const messageToCompare = isAvatarOnTop ? previousMessage : nextMessage;
-    const renderAvatarComponent = useCallback(() => {
-        if (renderAvatar)
-            return renderAvatar({
-                isAvatarOnTop,
-                isAvatarVisibleForEveryMessage,
-                containerStyle,
-                position,
-                currentMessage,
-                previousMessage,
-                nextMessage,
-                imageStyle,
-                onPressAvatar,
-                onLongPressAvatar,
-            });
-        if (currentMessage)
-            return (<ChatAvatar avatarStyle={[
-                    styles[visualPosition].image,
-                    imageStyle?.[position],
-                ]} user={currentMessage.user} onPress={() => onPressAvatar?.(currentMessage.user)} onLongPress={() => onLongPressAvatar?.(currentMessage.user)}/>);
-        return null;
-    }, [
-        renderAvatar,
-        isAvatarOnTop,
-        isAvatarVisibleForEveryMessage,
-        containerStyle,
-        position,
-        visualPosition,
-        currentMessage,
-        previousMessage,
-        nextMessage,
-        imageStyle,
-        onPressAvatar,
-        onLongPressAvatar,
-        styles,
-    ]);
-    if (renderAvatar === null)
-        return null;
-    if (!isAvatarVisibleForEveryMessage &&
-        currentMessage &&
-        messageToCompare &&
-        isSameUser(currentMessage, messageToCompare) &&
-        isSameDay(currentMessage, messageToCompare))
-        return (<View style={[
-                styles[visualPosition].container,
-                containerStyle?.[position],
-            ]}>
-        <ChatAvatar avatarStyle={[
-                styles[visualPosition].image,
-                imageStyle?.[position],
-            ]}/>
-      </View>);
-    return (<View style={[
-            styles[visualPosition].container,
-            isAvatarOnTop && styles[visualPosition].onTop,
-            containerStyle?.[position],
-        ]}>
-      {renderAvatarComponent()}
-    </View>);
+  const $ = _c(35);
+  const {
+    isAvatarOnTop,
+    isAvatarVisibleForEveryMessage,
+    containerStyle,
+    position,
+    currentMessage,
+    renderAvatar,
+    previousMessage,
+    nextMessage,
+    imageStyle,
+    onPressAvatar,
+    onLongPressAvatar
+  } = props;
+  const styles = useThemedStyles(createStyles);
+  const isRTL = useIsRTL();
+  let t0;
+  if ($[0] !== isRTL || $[1] !== position) {
+    t0 = mirrorPosition(position, isRTL);
+    $[0] = isRTL;
+    $[1] = position;
+    $[2] = t0;
+  } else {
+    t0 = $[2];
+  }
+  const visualPosition = t0;
+  const messageToCompare = isAvatarOnTop ? previousMessage : nextMessage;
+  let t1;
+  if ($[3] !== containerStyle || $[4] !== currentMessage || $[5] !== imageStyle || $[6] !== isAvatarOnTop || $[7] !== isAvatarVisibleForEveryMessage || $[8] !== nextMessage || $[9] !== onLongPressAvatar || $[10] !== onPressAvatar || $[11] !== position || $[12] !== previousMessage || $[13] !== renderAvatar || $[14] !== styles || $[15] !== visualPosition) {
+    t1 = () => {
+      if (renderAvatar) {
+        return renderAvatar({
+          isAvatarOnTop,
+          isAvatarVisibleForEveryMessage,
+          containerStyle,
+          position,
+          currentMessage,
+          previousMessage,
+          nextMessage,
+          imageStyle,
+          onPressAvatar,
+          onLongPressAvatar
+        });
+      }
+      if (currentMessage) {
+        return <ChatAvatar avatarStyle={[styles[visualPosition].image, imageStyle?.[position]]} user={currentMessage.user} onPress={() => onPressAvatar?.(currentMessage.user)} onLongPress={() => onLongPressAvatar?.(currentMessage.user)} />;
+      }
+      return null;
+    };
+    $[3] = containerStyle;
+    $[4] = currentMessage;
+    $[5] = imageStyle;
+    $[6] = isAvatarOnTop;
+    $[7] = isAvatarVisibleForEveryMessage;
+    $[8] = nextMessage;
+    $[9] = onLongPressAvatar;
+    $[10] = onPressAvatar;
+    $[11] = position;
+    $[12] = previousMessage;
+    $[13] = renderAvatar;
+    $[14] = styles;
+    $[15] = visualPosition;
+    $[16] = t1;
+  } else {
+    t1 = $[16];
+  }
+  const renderAvatarComponent = t1;
+  if (renderAvatar === null) {
+    return null;
+  }
+  if (!isAvatarVisibleForEveryMessage && currentMessage && isSameGroup(currentMessage, messageToCompare)) {
+    const t2 = styles[visualPosition];
+    const t3 = containerStyle?.[position];
+    let t4;
+    if ($[17] !== t2.container || $[18] !== t3) {
+      t4 = [t2.container, t3];
+      $[17] = t2.container;
+      $[18] = t3;
+      $[19] = t4;
+    } else {
+      t4 = $[19];
+    }
+    const t5 = styles[visualPosition];
+    const t6 = imageStyle?.[position];
+    let t7;
+    if ($[20] !== t5.image || $[21] !== t6) {
+      t7 = <ChatAvatar avatarStyle={[t5.image, t6]} />;
+      $[20] = t5.image;
+      $[21] = t6;
+      $[22] = t7;
+    } else {
+      t7 = $[22];
+    }
+    let t8;
+    if ($[23] !== t4 || $[24] !== t7) {
+      t8 = <View style={t4}>{t7}</View>;
+      $[23] = t4;
+      $[24] = t7;
+      $[25] = t8;
+    } else {
+      t8 = $[25];
+    }
+    return t8;
+  }
+  const t2 = styles[visualPosition];
+  const t3 = isAvatarOnTop && styles[visualPosition].onTop;
+  const t4 = containerStyle?.[position];
+  let t5;
+  if ($[26] !== t2.container || $[27] !== t3 || $[28] !== t4) {
+    t5 = [t2.container, t3, t4];
+    $[26] = t2.container;
+    $[27] = t3;
+    $[28] = t4;
+    $[29] = t5;
+  } else {
+    t5 = $[29];
+  }
+  let t6;
+  if ($[30] !== renderAvatarComponent) {
+    t6 = renderAvatarComponent();
+    $[30] = renderAvatarComponent;
+    $[31] = t6;
+  } else {
+    t6 = $[31];
+  }
+  let t7;
+  if ($[32] !== t5 || $[33] !== t6) {
+    t7 = <View style={t5}>{t6}</View>;
+    $[32] = t5;
+    $[33] = t6;
+    $[34] = t7;
+  } else {
+    t7 = $[34];
+  }
+  return t7;
 }
 //# sourceMappingURL=Avatar.js.map

package/lib/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../src/Avatar.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Avatar.js","names":["React","useCallback","StyleSheet","View","ChatAvatar","useIsRTL","useThemedStyles","mirrorPosition","isSameGroup","createStyles","theme","size","avatar","image","height","width","borderRadius","left","create","container","marginLeft","marginRight","onTop","alignSelf","right","Avatar","props","$","_c","isAvatarOnTop","isAvatarVisibleForEveryMessage","containerStyle","position","currentMessage","renderAvatar","previousMessage","nextMessage","imageStyle","onPressAvatar","onLongPressAvatar","styles","isRTL","t0","visualPosition","messageToCompare","t1","user","renderAvatarComponent","t2","t3","t4","t5","t6","t7","t8"],"sources":["../src/Avatar.tsx"],"sourcesContent":["import React, { ReactNode, useCallback } from 'react'\nimport {\n  ImageStyle,\n  StyleSheet,\n  TextStyle,\n  View,\n  ViewStyle,\n} from 'react-native'\nimport { ChatAvatar } from './ChatAvatar'\nimport { useIsRTL } from './hooks/useIsRTL'\nimport { useThemedStyles } from './hooks/useTheme'\nimport { IMessage, LeftRightStyle, User } from './Models'\nimport { mirrorPosition } from './rtl'\nimport { ChatTheme } from './Theme'\nimport { isSameGroup } from './utils'\n\ninterface Styles {\n  left: {\n    container: ViewStyle\n    onTop: ViewStyle\n    image: ImageStyle\n  }\n  right: {\n    container: ViewStyle\n    onTop: ViewStyle\n    image: ImageStyle\n  }\n}\n\nconst createStyles = (theme: ChatTheme): Styles => {\n  const size = theme.avatar.size\n  const image: ImageStyle = {\n    height: size,\n    width: size,\n    borderRadius: size / 2,\n  }\n\n  // The avatar sits 6 from the screen edge and the bubble body 11 past it, leaving\n  // the tail room to curl in between. The row is inset\n  // 8, hence the -2.\n  return {\n    left: StyleSheet.create({\n      container: { marginLeft: -2, marginRight: 11 },\n      onTop: { alignSelf: 'flex-start' },\n      image,\n    }),\n    right: StyleSheet.create({\n      container: { marginRight: -2, marginLeft: 11 },\n      onTop: { alignSelf: 'flex-start' },\n      image,\n    }),\n  }\n}\n\nexport interface AvatarProps<TMessage extends IMessage> {\n  currentMessage: TMessage\n  previousMessage?: TMessage\n  nextMessage?: TMessage\n  position: 'left' | 'right'\n  isAvatarOnTop?: boolean\n  isAvatarVisibleForEveryMessage?: boolean\n  imageStyle?: LeftRightStyle<ImageStyle>\n  containerStyle?: LeftRightStyle<ViewStyle>\n  textStyle?: TextStyle\n  renderAvatar?(props: Omit<AvatarProps<TMessage>, 'renderAvatar'>): ReactNode\n  onPressAvatar?: (user: User) => void\n  onLongPressAvatar?: (user: User) => void\n}\n\nexport function Avatar<TMessage extends IMessage = IMessage> (\n  props: AvatarProps<TMessage>\n) {\n  const {\n    isAvatarOnTop,\n    isAvatarVisibleForEveryMessage,\n    containerStyle,\n    position,\n    currentMessage,\n    renderAvatar,\n    previousMessage,\n    nextMessage,\n    imageStyle,\n    onPressAvatar,\n    onLongPressAvatar,\n  } = props\n\n  const styles = useThemedStyles(createStyles)\n  const isRTL = useIsRTL()\n  // Built-in margin only - `containerStyle`/`imageStyle` overrides below stay keyed by the\n  // real, unmirrored `position` (\"my avatar vs. theirs\"), not by physical screen side.\n  const visualPosition = mirrorPosition(position, isRTL)\n\n  const messageToCompare = isAvatarOnTop ? previousMessage : nextMessage\n\n  const renderAvatarComponent = useCallback(() => {\n    if (renderAvatar)\n      return renderAvatar({\n        isAvatarOnTop,\n        isAvatarVisibleForEveryMessage,\n        containerStyle,\n        position,\n        currentMessage,\n        previousMessage,\n        nextMessage,\n        imageStyle,\n        onPressAvatar,\n        onLongPressAvatar,\n      })\n\n    if (currentMessage)\n      return (\n        <ChatAvatar\n          avatarStyle={[\n            styles[visualPosition].image,\n            imageStyle?.[position],\n          ]}\n          user={currentMessage.user}\n          onPress={() => onPressAvatar?.(currentMessage.user)}\n          onLongPress={() => onLongPressAvatar?.(currentMessage.user)}\n        />\n      )\n\n    return null\n  }, [\n    renderAvatar,\n    isAvatarOnTop,\n    isAvatarVisibleForEveryMessage,\n    containerStyle,\n    position,\n    visualPosition,\n    currentMessage,\n    previousMessage,\n    nextMessage,\n    imageStyle,\n    onPressAvatar,\n    onLongPressAvatar,\n    styles,\n  ])\n\n  if (renderAvatar === null)\n    return null\n\n  if (\n    !isAvatarVisibleForEveryMessage &&\n    currentMessage &&\n    isSameGroup(currentMessage, messageToCompare)\n  )\n    return (\n      <View\n        style={[\n          styles[visualPosition].container,\n          containerStyle?.[position],\n        ]}\n      >\n        <ChatAvatar\n          avatarStyle={[\n            styles[visualPosition].image,\n            imageStyle?.[position],\n          ]}\n        />\n      </View>\n    )\n\n  return (\n    <View\n      style={[\n        styles[visualPosition].container,\n        isAvatarOnTop && styles[visualPosition].onTop,\n        containerStyle?.[position],\n      ]}\n    >\n      {renderAvatarComponent()}\n    </View>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/Bubble/BubbleBody.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { IMessage } from '../Models';
+import { ReactionsDisplayProps } from './BubbleContent';
+import { BubbleLayout } from './layout';
+import { BubbleProps } from './types';
+/**
+ * Everything inside the bubble's outline: surface, name, content and time. Drawn in the row, and
+ * again as the lifted copy the long-press menu shows.
+ */
+export declare function BubbleBody<TMessage extends IMessage>({ bubble, layout, reactionsDisplay }: {
+    bubble: BubbleProps<TMessage>;
+    layout: BubbleLayout;
+    reactionsDisplay: ReactionsDisplayProps | null;
+}): React.JSX.Element;
+//# sourceMappingURL=BubbleBody.d.ts.map

package/lib/Bubble/BubbleBody.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BubbleBody.d.ts","sourceRoot":"","sources":["../../src/Bubble/BubbleBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAA;AAGpC,OAAO,EAAiB,qBAAqB,EAAE,MAAM,iBAAiB,CAAA;AAEtE,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AA2ErC;;;GAGG;AACH,wBAAgB,UAAU,CAAC,QAAQ,SAAS,QAAQ,EAAG,EAAE,MAAM,EAAE,MAAM,EAAE,gBAAgB,EAAE,EAAE;IAC3F,MAAM,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAA;IAC7B,MAAM,EAAE,YAAY,CAAA;IACpB,gBAAgB,EAAE,qBAAqB,GAAG,IAAI,CAAA;CAC/C,qBAUA"}