react-native-gifted-chat 2.8.1 → 2.8.2-alpha.1

package/src/utils.ts

@@ -1,5 +1,5 @@
+import { useCallback, useEffect, useRef } from 'react'
 import dayjs from 'dayjs'
-
 import { IMessage } from './types'
 
 export function isSameDay (
@@ -29,3 +29,79 @@ export function isSameUser (
     diffMessage.user._id === currentMessage.user._id
   )
 }
+
+function processCallbackArguments (args: unknown[]): unknown[] {
+  const [e, ...rest] = args
+  const { nativeEvent } = (e as { nativeEvent?: unknown }) || {}
+  let params: unknown[] = []
+  if (e) {
+    if (nativeEvent)
+      params.push({ nativeEvent })
+    else
+      params.push(e)
+    if (rest)
+      params = params.concat(rest)
+  }
+
+  return params
+}
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export function useCallbackDebounced<T extends (...args: any[]) => any>(callbackFunc: T, deps: React.DependencyList = [], time: number): (...args: Parameters<T>) => void {
+  const timeoutId = useRef<ReturnType<typeof setTimeout>>(undefined)
+
+  const savedFunc = useCallback((...args: Parameters<T>) => {
+    const params = processCallbackArguments(args)
+    if (timeoutId.current)
+      clearTimeout(timeoutId.current)
+    timeoutId.current = setTimeout(() => {
+      callbackFunc(...params as Parameters<T>)
+    }, time)
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [callbackFunc, time, ...deps])
+
+  useEffect(() => {
+    return () => {
+      if (timeoutId.current)
+        clearTimeout(timeoutId.current)
+    }
+  }, [])
+
+  return savedFunc
+}
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export function useCallbackThrottled<T extends (...args: any[]) => any>(callbackFunc: T, deps: React.DependencyList = [], time: number): (...args: Parameters<T>) => void {
+  const lastExecution = useRef<number>(0)
+  const timeoutId = useRef<ReturnType<typeof setTimeout>>(undefined)
+
+  // we use function instead of arrow to access arguments object
+  const savedFunc = useCallback((...args: Parameters<T>) => {
+    const params = processCallbackArguments(args)
+
+    const now = Date.now()
+    const timeSinceLastExecution = now - lastExecution.current
+
+    if (timeSinceLastExecution >= time) {
+      // Execute immediately if enough time has passed
+      lastExecution.current = now
+      callbackFunc(...params as Parameters<T>)
+    } else {
+      // Schedule execution for the remaining time
+      clearTimeout(timeoutId.current)
+      timeoutId.current = setTimeout(() => {
+        lastExecution.current = Date.now()
+        callbackFunc(...params as Parameters<T>)
+      }, time - timeSinceLastExecution)
+    }
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [callbackFunc, time, ...deps])
+
+  useEffect(() => {
+    return () => {
+      clearTimeout(timeoutId.current)
+    }
+  }, [])
+
+  return savedFunc
+}

package/lib/Actions.d.ts

@@ -1,14 +0,0 @@
-import React, { ReactNode } from 'react';
-import { StyleProp, ViewStyle, TextStyle } from 'react-native';
-export interface ActionsProps {
-    options?: {
-        [key: string]: () => void;
-    };
-    optionTintColor?: string;
-    icon?: () => ReactNode;
-    wrapperStyle?: StyleProp<ViewStyle>;
-    iconTextStyle?: StyleProp<TextStyle>;
-    containerStyle?: StyleProp<ViewStyle>;
-    onPressActionButton?(): void;
-}
-export declare function Actions({ options, optionTintColor, icon, wrapperStyle, iconTextStyle, onPressActionButton, containerStyle, }: ActionsProps): React.JSX.Element;

package/lib/Actions.js

@@ -1,57 +0,0 @@
-import React, { useCallback } from 'react';
-import { StyleSheet, Text, TouchableOpacity, View, } from 'react-native';
-import Color from './Color';
-import { useChatContext } from './GiftedChatContext';
-import stylesCommon from './styles';
-export function Actions({ options, optionTintColor = Color.optionTintColor, icon, wrapperStyle, iconTextStyle, onPressActionButton, containerStyle, }) {
-    const { actionSheet } = useChatContext();
-    const onActionsPress = useCallback(() => {
-        if (!options)
-            return;
-        const optionKeys = Object.keys(options);
-        const cancelButtonIndex = optionKeys.indexOf('Cancel');
-        actionSheet().showActionSheetWithOptions({
-            options: optionKeys,
-            cancelButtonIndex,
-            tintColor: optionTintColor,
-        }, (buttonIndex) => {
-            if (buttonIndex === undefined)
-                return;
-            const key = optionKeys[buttonIndex];
-            if (key)
-                options[key]();
-        });
-    }, [actionSheet, options, optionTintColor]);
-    const renderIcon = useCallback(() => {
-        if (icon)
-            return icon();
-        return (<View style={[stylesCommon.fill, stylesCommon.centerItems, styles.wrapper, wrapperStyle]}>
-        <Text style={[styles.iconText, iconTextStyle]}>{'+'}</Text>
-      </View>);
-    }, [icon, iconTextStyle, wrapperStyle]);
-    return (<TouchableOpacity style={[styles.container, containerStyle]} onPress={onPressActionButton || onActionsPress}>
-      {renderIcon()}
-    </TouchableOpacity>);
-}
-const styles = StyleSheet.create({
-    container: {
-        width: 26,
-        height: 26,
-        marginLeft: 10,
-        marginBottom: 10,
-    },
-    wrapper: {
-        borderRadius: 13,
-        borderColor: Color.defaultColor,
-        borderWidth: 2,
-    },
-    iconText: {
-        color: Color.defaultColor,
-        fontWeight: 'bold',
-        fontSize: 16,
-        lineHeight: 16,
-        backgroundColor: Color.backgroundTransparent,
-        textAlign: 'center',
-    },
-});
-//# sourceMappingURL=Actions.js.map

package/lib/Actions.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Actions.js","sourceRoot":"","sources":["../src/Actions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,WAAW,EAAE,MAAM,OAAO,CAAA;AACrD,OAAO,EACL,UAAU,EACV,IAAI,EACJ,gBAAgB,EAChB,IAAI,GAIL,MAAM,cAAc,CAAA;AACrB,OAAO,KAAK,MAAM,SAAS,CAAA;AAC3B,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAEpD,OAAO,YAAY,MAAM,UAAU,CAAA;AAYnC,MAAM,UAAU,OAAO,CAAE,EACvB,OAAO,EACP,eAAe,GAAG,KAAK,CAAC,eAAe,EACvC,IAAI,EACJ,YAAY,EACZ,aAAa,EACb,mBAAmB,EACnB,cAAc,GACD;IACb,MAAM,EAAE,WAAW,EAAE,GAAG,cAAc,EAAE,CAAA;IAExC,MAAM,cAAc,GAAG,WAAW,CAAC,GAAG,EAAE;QACtC,IAAI,CAAC,OAAO;YACV,OAAM;QAER,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;QACvC,MAAM,iBAAiB,GAAG,UAAU,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAA;QAEtD,WAAW,EAAE,CAAC,0BAA0B,CACtC;YACE,OAAO,EAAE,UAAU;YACnB,iBAAiB;YACjB,SAAS,EAAE,eAAe;SAC3B,EACD,CAAC,WAA+B,EAAE,EAAE;YAClC,IAAI,WAAW,KAAK,SAAS;gBAC3B,OAAM;YAER,MAAM,GAAG,GAAG,UAAU,CAAC,WAAW,CAAC,CAAA;YACnC,IAAI,GAAG;gBACL,OAAO,CAAC,GAAG,CAAC,EAAE,CAAA;QAClB,CAAC,CACF,CAAA;IACH,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,EAAE,eAAe,CAAC,CAAC,CAAA;IAE3C,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE;QAClC,IAAI,IAAI;YACN,OAAO,IAAI,EAAE,CAAA;QAEf,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,IAAI,EAAE,YAAY,CAAC,WAAW,EAAE,MAAM,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC,CACvF;QAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,IAAI,CAC5D;MAAA,EAAE,IAAI,CAAC,CACR,CAAA;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,EAAE,YAAY,CAAC,CAAC,CAAA;IAEvC,OAAO,CACL,CAAC,gBAAgB,CACf,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,cAAc,CAAC,CAAC,CAC1C,OAAO,CAAC,CAAC,mBAAmB,IAAI,cAAc,CAAC,CAE/C;MAAA,CAAC,UAAU,EAAE,CACf;IAAA,EAAE,gBAAgB,CAAC,CACpB,CAAA;AACH,CAAC;AAED,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;QACV,UAAU,EAAE,EAAE;QACd,YAAY,EAAE,EAAE;KACjB;IACD,OAAO,EAAE;QACP,YAAY,EAAE,EAAE;QAChB,WAAW,EAAE,KAAK,CAAC,YAAY;QAC/B,WAAW,EAAE,CAAC;KACf;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,KAAK,CAAC,YAAY;QACzB,UAAU,EAAE,MAAM;QAClB,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,EAAE;QACd,eAAe,EAAE,KAAK,CAAC,qBAAqB;QAC5C,SAAS,EAAE,QAAQ;KACpB;CACF,CAAC,CAAA"}

package/lib/Avatar.d.ts

@@ -1,18 +0,0 @@
-import React, { ReactNode } from 'react';
-import { ImageStyle, TextStyle, ViewStyle } from 'react-native';
-import { IMessage, LeftRightStyle, User } from './types';
-export interface AvatarProps<TMessage extends IMessage> {
-    currentMessage: TMessage;
-    previousMessage?: TMessage;
-    nextMessage?: TMessage;
-    position: 'left' | 'right';
-    renderAvatarOnTop?: boolean;
-    showAvatarForEveryMessage?: boolean;
-    imageStyle?: LeftRightStyle<ImageStyle>;
-    containerStyle?: LeftRightStyle<ViewStyle>;
-    textStyle?: TextStyle;
-    renderAvatar?(props: Omit<AvatarProps<TMessage>, 'renderAvatar'>): ReactNode;
-    onPressAvatar?: (user: User) => void;
-    onLongPressAvatar?: (user: User) => void;
-}
-export declare function Avatar<TMessage extends IMessage = IMessage>(props: AvatarProps<TMessage>): React.JSX.Element | null;

package/lib/Avatar.js

@@ -1,93 +0,0 @@
-import React, { useCallback } from 'react';
-import { StyleSheet, View, } from 'react-native';
-import { GiftedAvatar } from './GiftedAvatar';
-import { isSameUser, isSameDay } from './utils';
-const styles = {
-    left: StyleSheet.create({
-        container: {
-            marginRight: 8,
-        },
-        onTop: {
-            alignSelf: 'flex-start',
-        },
-        image: {
-            height: 36,
-            width: 36,
-            borderRadius: 18,
-        },
-    }),
-    right: StyleSheet.create({
-        container: {
-            marginLeft: 8,
-        },
-        onTop: {
-            alignSelf: 'flex-start',
-        },
-        image: {
-            height: 36,
-            width: 36,
-            borderRadius: 18,
-        },
-    }),
-};
-export function Avatar(props) {
-    const { renderAvatarOnTop, showAvatarForEveryMessage, containerStyle, position, currentMessage, renderAvatar, previousMessage, nextMessage, imageStyle, onPressAvatar, onLongPressAvatar, } = props;
-    const messageToCompare = renderAvatarOnTop ? previousMessage : nextMessage;
-    const renderAvatarComponent = useCallback(() => {
-        if (renderAvatar)
-            return renderAvatar({
-                renderAvatarOnTop,
-                showAvatarForEveryMessage,
-                containerStyle,
-                position,
-                currentMessage,
-                previousMessage,
-                nextMessage,
-                imageStyle,
-                onPressAvatar,
-                onLongPressAvatar,
-            });
-        if (currentMessage)
-            return (<GiftedAvatar avatarStyle={[
-                    styles[position].image,
-                    imageStyle?.[position],
-                ]} user={currentMessage.user} onPress={() => onPressAvatar?.(currentMessage.user)} onLongPress={() => onLongPressAvatar?.(currentMessage.user)}/>);
-        return null;
-    }, [
-        renderAvatar,
-        renderAvatarOnTop,
-        showAvatarForEveryMessage,
-        containerStyle,
-        position,
-        currentMessage,
-        previousMessage,
-        nextMessage,
-        imageStyle,
-        onPressAvatar,
-        onLongPressAvatar,
-    ]);
-    if (renderAvatar === null)
-        return null;
-    if (!showAvatarForEveryMessage &&
-        currentMessage &&
-        messageToCompare &&
-        isSameUser(currentMessage, messageToCompare) &&
-        isSameDay(currentMessage, messageToCompare))
-        return (<View style={[
-                styles[position].container,
-                containerStyle?.[position],
-            ]}>
-        <GiftedAvatar avatarStyle={[
-                styles[position].image,
-                imageStyle?.[position],
-            ]}/>
-      </View>);
-    return (<View style={[
-            styles[position].container,
-            renderAvatarOnTop && styles[position].onTop,
-            containerStyle?.[position],
-        ]}>
-      {renderAvatarComponent()}
-    </View>);
-}
-//# sourceMappingURL=Avatar.js.map

package/lib/Avatar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../src/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,WAAW,EAAE,MAAM,OAAO,CAAA;AACrD,OAAO,EAEL,UAAU,EAEV,IAAI,GAEL,MAAM,cAAc,CAAA;AACrB,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAgB/C,MAAM,MAAM,GAAW;IACrB,IAAI,EAAE,UAAU,CAAC,MAAM,CAAC;QACtB,SAAS,EAAE;YACT,WAAW,EAAE,CAAC;SACf;QACD,KAAK,EAAE;YACL,SAAS,EAAE,YAAY;SACxB;QACD,KAAK,EAAE;YACL,MAAM,EAAE,EAAE;YACV,KAAK,EAAE,EAAE;YACT,YAAY,EAAE,EAAE;SACjB;KACF,CAAC;IACF,KAAK,EAAE,UAAU,CAAC,MAAM,CAAC;QACvB,SAAS,EAAE;YACT,UAAU,EAAE,CAAC;SACd;QACD,KAAK,EAAE;YACL,SAAS,EAAE,YAAY;SACxB;QACD,KAAK,EAAE;YACL,MAAM,EAAE,EAAE;YACV,KAAK,EAAE,EAAE;YACT,YAAY,EAAE,EAAE;SACjB;KACF,CAAC;CACH,CAAA;AAiBD,MAAM,UAAU,MAAM,CACpB,KAA4B;IAE5B,MAAM,EACJ,iBAAiB,EACjB,yBAAyB,EACzB,cAAc,EACd,QAAQ,EACR,cAAc,EACd,YAAY,EACZ,eAAe,EACf,WAAW,EACX,UAAU,EACV,aAAa,EACb,iBAAiB,GAClB,GAAG,KAAK,CAAA;IAET,MAAM,gBAAgB,GAAG,iBAAiB,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,WAAW,CAAA;IAE1E,MAAM,qBAAqB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC7C,IAAI,YAAY;YACd,OAAO,YAAY,CAAC;gBAClB,iBAAiB;gBACjB,yBAAyB;gBACzB,cAAc;gBACd,QAAQ;gBACR,cAAc;gBACd,eAAe;gBACf,WAAW;gBACX,UAAU;gBACV,aAAa;gBACb,iBAAiB;aAClB,CAAC,CAAA;QAEJ,IAAI,cAAc;YAChB,OAAO,CACL,CAAC,YAAY,CACX,WAAW,CAAC,CAAC;oBACX,MAAM,CAAC,QAAQ,CAAC,CAAC,KAAK;oBACtB,UAAU,EAAE,CAAC,QAAQ,CAAC;iBACvB,CAAC,CACF,IAAI,CAAC,CAAC,cAAc,CAAC,IAAI,CAAC,CAC1B,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,aAAa,EAAE,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,CACpD,WAAW,CAAC,CAAC,GAAG,EAAE,CAAC,iBAAiB,EAAE,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,EAC5D,CACH,CAAA;QAEH,OAAO,IAAI,CAAA;IACb,CAAC,EAAE;QACD,YAAY;QACZ,iBAAiB;QACjB,yBAAyB;QACzB,cAAc;QACd,QAAQ;QACR,cAAc;QACd,eAAe;QACf,WAAW;QACX,UAAU;QACV,aAAa;QACb,iBAAiB;KAClB,CAAC,CAAA;IAEF,IAAI,YAAY,KAAK,IAAI;QACvB,OAAO,IAAI,CAAA;IAEb,IACE,CAAC,yBAAyB;QAC1B,cAAc;QACd,gBAAgB;QAChB,UAAU,CAAC,cAAc,EAAE,gBAAgB,CAAC;QAC5C,SAAS,CAAC,cAAc,EAAE,gBAAgB,CAAC;QAE3C,OAAO,CACL,CAAC,IAAI,CACH,KAAK,CAAC,CAAC;gBACL,MAAM,CAAC,QAAQ,CAAC,CAAC,SAAS;gBAC1B,cAAc,EAAE,CAAC,QAAQ,CAAC;aAC3B,CAAC,CAEF;QAAA,CAAC,YAAY,CACX,WAAW,CAAC,CAAC;gBACX,MAAM,CAAC,QAAQ,CAAC,CAAC,KAAK;gBACtB,UAAU,EAAE,CAAC,QAAQ,CAAC;aACvB,CAAC,EAEN;MAAA,EAAE,IAAI,CAAC,CACR,CAAA;IAEH,OAAO,CACL,CAAC,IAAI,CACH,KAAK,CAAC,CAAC;YACL,MAAM,CAAC,QAAQ,CAAC,CAAC,SAAS;YAC1B,iBAAiB,IAAI,MAAM,CAAC,QAAQ,CAAC,CAAC,KAAK;YAC3C,cAAc,EAAE,CAAC,QAAQ,CAAC;SAC3B,CAAC,CAEF;MAAA,CAAC,qBAAqB,EAAE,CAC1B;IAAA,EAAE,IAAI,CAAC,CACR,CAAA;AACH,CAAC"}

package/lib/Bubble/index.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import { IMessage } from '../types';
-import { BubbleProps } from './types';
-export * from './types';
-declare const Bubble: React.FC<BubbleProps<IMessage>>;
-export default Bubble;

package/lib/Bubble/index.js

@@ -1,257 +0,0 @@
-import React, { useCallback } from 'react';
-import { Text, TouchableWithoutFeedback, View, } from 'react-native';
-import { useChatContext } from '../GiftedChatContext';
-import { QuickReplies } from '../QuickReplies';
-import { MessageText } from '../MessageText';
-import { MessageImage } from '../MessageImage';
-import { MessageVideo } from '../MessageVideo';
-import { MessageAudio } from '../MessageAudio';
-import { Time } from '../Time';
-import { isSameUser, isSameDay } from '../utils';
-import stylesCommon from '../styles';
-import styles from './styles';
-export * from './types';
-const Bubble = (props) => {
-    const { currentMessage, nextMessage, position, containerToNextStyle, previousMessage, containerToPreviousStyle, onQuickReply, renderQuickReplySend, quickReplyStyle, quickReplyTextStyle, quickReplyContainerStyle, containerStyle, wrapperStyle, bottomContainerStyle, } = props;
-    const context = useChatContext();
-    const onPress = useCallback(() => {
-        if (props.onPress)
-            props.onPress(context, currentMessage);
-    }, [context, props, currentMessage]);
-    const onLongPress = useCallback(() => {
-        const { onLongPress, optionTitles, } = props;
-        if (onLongPress) {
-            onLongPress(context, currentMessage);
-            return;
-        }
-        if (!optionTitles?.length)
-            return;
-        const options = optionTitles;
-        const cancelButtonIndex = options.length - 1;
-        context.actionSheet().showActionSheetWithOptions({
-            options,
-            cancelButtonIndex,
-        }, (buttonIndex) => {
-            console.log('onLongPress', { buttonIndex });
-        });
-    }, [
-        currentMessage,
-        context,
-        props,
-    ]);
-    const styledBubbleToNext = useCallback(() => {
-        if (currentMessage &&
-            nextMessage &&
-            position &&
-            isSameUser(currentMessage, nextMessage) &&
-            isSameDay(currentMessage, nextMessage))
-            return [
-                styles[position].containerToNext,
-                containerToNextStyle?.[position],
-            ];
-        return null;
-    }, [
-        currentMessage,
-        nextMessage,
-        position,
-        containerToNextStyle,
-    ]);
-    const styledBubbleToPrevious = useCallback(() => {
-        if (currentMessage &&
-            previousMessage &&
-            position &&
-            isSameUser(currentMessage, previousMessage) &&
-            isSameDay(currentMessage, previousMessage))
-            return [
-                styles[position].containerToPrevious,
-                containerToPreviousStyle && containerToPreviousStyle[position],
-            ];
-        return null;
-    }, [
-        currentMessage,
-        previousMessage,
-        position,
-        containerToPreviousStyle,
-    ]);
-    const renderQuickReplies = useCallback(() => {
-        if (currentMessage?.quickReplies) {
-            const { 
-            /* eslint-disable @typescript-eslint/no-unused-vars */
-            containerStyle, wrapperStyle, 
-            /* eslint-enable @typescript-eslint/no-unused-vars */
-            ...quickReplyProps } = props;
-            if (props.renderQuickReplies)
-                return props.renderQuickReplies(quickReplyProps);
-            return (<QuickReplies currentMessage={currentMessage} onQuickReply={onQuickReply} renderQuickReplySend={renderQuickReplySend} quickReplyStyle={quickReplyStyle} quickReplyTextStyle={quickReplyTextStyle} quickReplyContainerStyle={quickReplyContainerStyle} nextMessage={nextMessage}/>);
-        }
-        return null;
-    }, [
-        currentMessage,
-        onQuickReply,
-        renderQuickReplySend,
-        quickReplyStyle,
-        quickReplyTextStyle,
-        quickReplyContainerStyle,
-        nextMessage,
-        props,
-    ]);
-    const renderMessageText = useCallback(() => {
-        if (currentMessage?.text) {
-            const { 
-            /* eslint-disable @typescript-eslint/no-unused-vars */
-            containerStyle, wrapperStyle, optionTitles, 
-            /* eslint-enable @typescript-eslint/no-unused-vars */
-            ...messageTextProps } = props;
-            if (props.renderMessageText)
-                return props.renderMessageText(messageTextProps);
-            return <MessageText {...messageTextProps}/>;
-        }
-        return null;
-    }, [props, currentMessage]);
-    const renderMessageImage = useCallback(() => {
-        if (currentMessage?.image) {
-            const { 
-            /* eslint-disable @typescript-eslint/no-unused-vars */
-            containerStyle, wrapperStyle, 
-            /* eslint-enable @typescript-eslint/no-unused-vars */
-            ...messageImageProps } = props;
-            if (props.renderMessageImage)
-                return props.renderMessageImage(messageImageProps);
-            return <MessageImage {...messageImageProps}/>;
-        }
-        return null;
-    }, [props, currentMessage]);
-    const renderMessageVideo = useCallback(() => {
-        if (!currentMessage?.video)
-            return null;
-        const { 
-        /* eslint-disable @typescript-eslint/no-unused-vars */
-        containerStyle, wrapperStyle, 
-        /* eslint-enable @typescript-eslint/no-unused-vars */
-        ...messageVideoProps } = props;
-        if (props.renderMessageVideo)
-            return props.renderMessageVideo(messageVideoProps);
-        return <MessageVideo />;
-    }, [props, currentMessage]);
-    const renderMessageAudio = useCallback(() => {
-        if (!currentMessage?.audio)
-            return null;
-        const { 
-        /* eslint-disable @typescript-eslint/no-unused-vars */
-        containerStyle, wrapperStyle, 
-        /* eslint-enable @typescript-eslint/no-unused-vars */
-        ...messageAudioProps } = props;
-        if (props.renderMessageAudio)
-            return props.renderMessageAudio(messageAudioProps);
-        return <MessageAudio />;
-    }, [props, currentMessage]);
-    const renderTicks = useCallback(() => {
-        const { renderTicks, user, } = props;
-        if (renderTicks && currentMessage)
-            return renderTicks(currentMessage);
-        if (user &&
-            currentMessage?.user &&
-            currentMessage.user._id !== user._id)
-            return null;
-        if (currentMessage &&
-            (currentMessage.sent || currentMessage.received || currentMessage.pending))
-            return (<View style={styles.content.tickView}>
-          {!!currentMessage.sent && (<Text style={[styles.content.tick, props.tickStyle]}>
-              {'✓'}
-            </Text>)}
-          {!!currentMessage.received && (<Text style={[styles.content.tick, props.tickStyle]}>
-              {'✓'}
-            </Text>)}
-          {!!currentMessage.pending && (<Text style={[styles.content.tick, props.tickStyle]}>
-              {'🕓'}
-            </Text>)}
-        </View>);
-        return null;
-    }, [
-        props,
-        currentMessage,
-    ]);
-    const renderTime = useCallback(() => {
-        if (currentMessage?.createdAt) {
-            const { 
-            /* eslint-disable @typescript-eslint/no-unused-vars */
-            containerStyle, wrapperStyle, textStyle, 
-            /* eslint-enable @typescript-eslint/no-unused-vars */
-            ...timeProps } = props;
-            if (props.renderTime)
-                return props.renderTime(timeProps);
-            return <Time {...timeProps}/>;
-        }
-        return null;
-    }, [props, currentMessage]);
-    const renderUsername = useCallback(() => {
-        const { user, renderUsername, } = props;
-        if (props.renderUsernameOnMessage && currentMessage) {
-            if (user && currentMessage.user._id === user._id)
-                return null;
-            if (renderUsername)
-                return renderUsername(currentMessage.user);
-            return (<View style={styles.content.usernameView}>
-          <Text style={[styles.content.username, props.usernameStyle]}>
-            {'~ '}
-            {currentMessage.user.name}
-          </Text>
-        </View>);
-        }
-        return null;
-    }, [
-        currentMessage,
-        props,
-    ]);
-    const renderCustomView = useCallback(() => {
-        if (props.renderCustomView)
-            return props.renderCustomView(props);
-        return null;
-    }, [props]);
-    const renderBubbleContent = useCallback(() => {
-        return (<View>
-        {!props.isCustomViewBottom && renderCustomView()}
-        {renderMessageImage()}
-        {renderMessageVideo()}
-        {renderMessageAudio()}
-        {renderMessageText()}
-        {props.isCustomViewBottom && renderCustomView()}
-      </View>);
-    }, [
-        renderCustomView,
-        renderMessageImage,
-        renderMessageVideo,
-        renderMessageAudio,
-        renderMessageText,
-        props.isCustomViewBottom,
-    ]);
-    return (<View style={[
-            stylesCommon.fill,
-            styles[position].container,
-            containerStyle && containerStyle[position],
-        ]}>
-      <View style={[
-            styles[position].wrapper,
-            styledBubbleToNext(),
-            styledBubbleToPrevious(),
-            wrapperStyle && wrapperStyle[position],
-        ]}>
-        <TouchableWithoutFeedback onPress={onPress} onLongPress={onLongPress} accessibilityRole='text' {...props.touchableProps}>
-          <View>
-            {renderBubbleContent()}
-            <View style={[
-            styles[position].bottom,
-            bottomContainerStyle && bottomContainerStyle[position],
-        ]}>
-              {renderUsername()}
-              {renderTime()}
-              {renderTicks()}
-            </View>
-          </View>
-        </TouchableWithoutFeedback>
-      </View>
-      {renderQuickReplies()}
-    </View>);
-};
-export default Bubble;
-//# sourceMappingURL=index.js.map

package/lib/Bubble/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Bubble/index.tsx"],"names":[],"mappings":"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"}

package/lib/Bubble/styles.d.ts

@@ -1,69 +0,0 @@
-declare const styles: {
-    left: {
-        container: {
-            alignItems: "flex-start";
-        };
-        wrapper: {
-            borderRadius: number;
-            backgroundColor: string;
-            marginRight: number;
-            minHeight: number;
-            justifyContent: "flex-end";
-        };
-        containerToNext: {
-            borderBottomLeftRadius: number;
-        };
-        containerToPrevious: {
-            borderTopLeftRadius: number;
-        };
-        bottom: {
-            flexDirection: "row";
-            justifyContent: "flex-start";
-        };
-    };
-    right: {
-        container: {
-            alignItems: "flex-end";
-        };
-        wrapper: {
-            borderRadius: number;
-            backgroundColor: string;
-            marginLeft: number;
-            minHeight: number;
-            justifyContent: "flex-end";
-        };
-        containerToNext: {
-            borderBottomRightRadius: number;
-        };
-        containerToPrevious: {
-            borderTopRightRadius: number;
-        };
-        bottom: {
-            flexDirection: "row";
-            justifyContent: "flex-end";
-        };
-    };
-    content: {
-        tick: {
-            fontSize: number;
-            backgroundColor: string;
-            color: string;
-        };
-        tickView: {
-            flexDirection: "row";
-            marginRight: number;
-        };
-        username: {
-            top: number;
-            left: number;
-            fontSize: number;
-            backgroundColor: string;
-            color: string;
-        };
-        usernameView: {
-            flexDirection: "row";
-            marginHorizontal: number;
-        };
-    };
-};
-export default styles;