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

package/lib/Reactions/ReactionPicker.js

@@ -1,86 +1,72 @@
-import React, { useCallback } from 'react';
-import { Dimensions, Modal, Pressable, StyleSheet, Text, View, } from 'react-native';
-import { useThemedStyles } from '../hooks/useTheme';
-const PICKER_HEIGHT = 54;
-const EMOJI_BUTTON_SIZE = 46;
-const PICKER_PADDING_H = 8;
-const PICKER_VERTICAL_OFFSET = 8;
+import { c as _c } from "react/compiler-runtime";
+import React, { useMemo } from 'react';
+import { ContextMenu } from '../components/ContextMenu';
+const NO_ITEMS = [];
+
 /**
- * Lightweight quick-picker shown on long-press: a floating row of emojis
- * anchored to the pressed bubble. For a full emoji browser, pass a custom
- * component via `reactions.renderReactionPicker` (see the example app).
+ * Lightweight quick-picker shown on long-press: the chat dims while the pressed
+ * message stays lit in place, and the reactions bar pops out
+ * beside the finger. It is the context menu without actions, so both feel the same. Its expand
+ * button opens the built-in emoji grid unless `reactions.renderExpandedPicker` says
+ * otherwise.
  */
-export const ReactionPicker = (props) => {
-    const { visible, emojis, onSelect, onDismiss, position, pageX = 0, pageY = 0, bubbleWidth = 0, bubbleHeight = 0, pickerContainerStyle, pickerEmojiStyle, } = props;
-    const styles = useThemedStyles(createStyles);
-    const { width: screenWidth } = Dimensions.get('window');
-    const pickerWidth = emojis.length * EMOJI_BUTTON_SIZE + PICKER_PADDING_H * 2;
-    const showAbove = pageY >= PICKER_HEIGHT + PICKER_VERTICAL_OFFSET;
-    const pickerTop = showAbove
-        ? pageY - PICKER_HEIGHT - PICKER_VERTICAL_OFFSET
-        : pageY + bubbleHeight + PICKER_VERTICAL_OFFSET;
-    let pickerLeft;
-    if (position === 'right')
-        pickerLeft = pageX + bubbleWidth - pickerWidth;
-    else
-        pickerLeft = pageX;
-    pickerLeft = Math.max(8, Math.min(pickerLeft, screenWidth - pickerWidth - 8));
-    const handleSelect = useCallback((emoji) => {
-        onSelect(emoji);
-        onDismiss();
-    }, [onSelect, onDismiss]);
-    if (!visible)
-        return null;
-    return (<Modal transparent visible={visible} onRequestClose={onDismiss} animationType='fade' statusBarTranslucent>
-      <Pressable style={StyleSheet.absoluteFill} onPress={onDismiss}/>
-
-      <View style={[
-            styles.picker,
-            {
-                top: pickerTop,
-                left: pickerLeft,
-                width: pickerWidth,
-            },
-            pickerContainerStyle,
-        ]}>
-        {emojis.map(emoji => (<Pressable key={emoji} onPress={() => handleSelect(emoji)} style={({ pressed }) => [
-                styles.emojiButton,
-                pressed && styles.emojiButtonPressed,
-            ]}>
-            <Text style={[styles.emoji, pickerEmojiStyle]}>{emoji}</Text>
-          </Pressable>))}
-      </View>
-    </Modal>);
+export const ReactionPicker = props => {
+  const $ = _c(18);
+  const {
+    visible,
+    emojis,
+    onSelect,
+    onDismiss,
+    position,
+    pageX,
+    pageY,
+    bubbleWidth,
+    bubbleHeight,
+    touchX,
+    touchY,
+    pickerContainerStyle,
+    pickerEmojiStyle,
+    messagePreview,
+    renderExpandedPicker
+  } = props;
+  const t0 = renderExpandedPicker ?? undefined;
+  let t1;
+  if ($[0] !== emojis || $[1] !== onSelect || $[2] !== pickerContainerStyle || $[3] !== pickerEmojiStyle || $[4] !== t0) {
+    t1 = {
+      emojis,
+      onSelect,
+      containerStyle: pickerContainerStyle,
+      emojiStyle: pickerEmojiStyle,
+      renderExpandedPicker: t0
+    };
+    $[0] = emojis;
+    $[1] = onSelect;
+    $[2] = pickerContainerStyle;
+    $[3] = pickerEmojiStyle;
+    $[4] = t0;
+    $[5] = t1;
+  } else {
+    t1 = $[5];
+  }
+  const reactions = t1;
+  let t2;
+  if ($[6] !== bubbleHeight || $[7] !== bubbleWidth || $[8] !== messagePreview || $[9] !== onDismiss || $[10] !== pageX || $[11] !== pageY || $[12] !== position || $[13] !== reactions || $[14] !== touchX || $[15] !== touchY || $[16] !== visible) {
+    t2 = <ContextMenu visible={visible} items={NO_ITEMS} onDismiss={onDismiss} position={position} pageX={pageX} pageY={pageY} bubbleWidth={bubbleWidth} bubbleHeight={bubbleHeight} touchX={touchX} touchY={touchY} reactions={reactions} messagePreview={messagePreview} />;
+    $[6] = bubbleHeight;
+    $[7] = bubbleWidth;
+    $[8] = messagePreview;
+    $[9] = onDismiss;
+    $[10] = pageX;
+    $[11] = pageY;
+    $[12] = position;
+    $[13] = reactions;
+    $[14] = touchX;
+    $[15] = touchY;
+    $[16] = visible;
+    $[17] = t2;
+  } else {
+    t2 = $[17];
+  }
+  return t2;
 };
-const createStyles = (theme) => StyleSheet.create({
-    picker: {
-        position: 'absolute',
-        height: PICKER_HEIGHT,
-        flexDirection: 'row',
-        alignItems: 'center',
-        backgroundColor: theme.colors.surface,
-        borderRadius: PICKER_HEIGHT / 2,
-        paddingHorizontal: PICKER_PADDING_H,
-        shadowColor: '#000',
-        shadowOffset: { width: 0, height: 4 },
-        shadowOpacity: 0.15,
-        shadowRadius: 12,
-        elevation: 8,
-    },
-    emojiButton: {
-        width: EMOJI_BUTTON_SIZE,
-        height: EMOJI_BUTTON_SIZE,
-        justifyContent: 'center',
-        alignItems: 'center',
-        borderRadius: EMOJI_BUTTON_SIZE / 2,
-    },
-    emojiButtonPressed: {
-        backgroundColor: theme.colors.reactionBackground,
-        transform: [{ scale: 1.2 }],
-    },
-    emoji: {
-        fontSize: 26,
-        lineHeight: 32,
-    },
-});
 //# sourceMappingURL=ReactionPicker.js.map

package/lib/Reactions/ReactionPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReactionPicker.js","sourceRoot":"","sources":["../../src/Reactions/ReactionPicker.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ReactionPicker.js","names":["React","useMemo","ContextMenu","NO_ITEMS","ReactionPicker","props","$","_c","visible","emojis","onSelect","onDismiss","position","pageX","pageY","bubbleWidth","bubbleHeight","touchX","touchY","pickerContainerStyle","pickerEmojiStyle","messagePreview","renderExpandedPicker","t0","undefined","t1","containerStyle","emojiStyle","reactions","t2"],"sources":["../../src/Reactions/ReactionPicker.tsx"],"sourcesContent":["import React, { useMemo } from 'react'\n\nimport { ContextMenu } from '../components/ContextMenu'\nimport { IMessage } from '../Models'\nimport { ReactionPickerProps } from './types'\n\nconst NO_ITEMS: never[] = []\n\n/**\n * Lightweight quick-picker shown on long-press: the chat dims while the pressed\n * message stays lit in place, and the reactions bar pops out\n * beside the finger. It is the context menu without actions, so both feel the same. Its expand\n * button opens the built-in emoji grid unless `reactions.renderExpandedPicker` says\n * otherwise.\n */\nexport const ReactionPicker = <TMessage extends IMessage = IMessage>(\n  props: ReactionPickerProps<TMessage>\n): React.ReactElement | null => {\n  const {\n    visible,\n    emojis,\n    onSelect,\n    onDismiss,\n    position,\n    pageX,\n    pageY,\n    bubbleWidth,\n    bubbleHeight,\n    touchX,\n    touchY,\n    pickerContainerStyle,\n    pickerEmojiStyle,\n    messagePreview,\n    renderExpandedPicker,\n  } = props\n\n  const reactions = useMemo(() => ({\n    emojis,\n    onSelect,\n    containerStyle: pickerContainerStyle,\n    emojiStyle: pickerEmojiStyle,\n    renderExpandedPicker: renderExpandedPicker ?? undefined,\n  }), [emojis, onSelect, pickerContainerStyle, pickerEmojiStyle, renderExpandedPicker])\n\n  return (\n    <ContextMenu\n      visible={visible}\n      items={NO_ITEMS}\n      onDismiss={onDismiss}\n      position={position}\n      pageX={pageX}\n      pageY={pageY}\n      bubbleWidth={bubbleWidth}\n      bubbleHeight={bubbleHeight}\n      touchX={touchX}\n      touchY={touchY}\n      reactions={reactions}\n      messagePreview={messagePreview}\n    />\n  )\n}\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AAEtC,SAASC,WAAW,QAAQ,2BAA2B;AAIvD,MAAMC,QAAiB,GAAG,EAAE;;AAE5B;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,cAAc,GAAGC,KAAA;EAAA,MAAAC,CAAA,GAAAC,EAAA;EAG5B;IAAAC,OAAA;IAAAC,MAAA;IAAAC,QAAA;IAAAC,SAAA;IAAAC,QAAA;IAAAC,KAAA;IAAAC,KAAA;IAAAC,WAAA;IAAAC,YAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,oBAAA;IAAAC,gBAAA;IAAAC,cAAA;IAAAC;EAAA,IAgBIjB,KAAK;EAOe,MAAAkB,EAAA,GAAAD,oBAAiC,IAAjCE,SAAiC;EAAA,IAAAC,EAAA;EAAA,IAAAnB,CAAA,QAAAG,MAAA,IAAAH,CAAA,QAAAI,QAAA,IAAAJ,CAAA,QAAAa,oBAAA,IAAAb,CAAA,QAAAc,gBAAA,IAAAd,CAAA,QAAAiB,EAAA;IALxBE,EAAA;MAAAhB,MAAA;MAAAC,QAAA;MAAAgB,cAAA,EAGfP,oBAAoB;MAAAQ,UAAA,EACxBP,gBAAgB;MAAAE,oBAAA,EACNC;IACxB,CAAC;IAAAjB,CAAA,MAAAG,MAAA;IAAAH,CAAA,MAAAI,QAAA;IAAAJ,CAAA,MAAAa,oBAAA;IAAAb,CAAA,MAAAc,gBAAA;IAAAd,CAAA,MAAAiB,EAAA;IAAAjB,CAAA,MAAAmB,EAAA;EAAA;IAAAA,EAAA,GAAAnB,CAAA;EAAA;EAND,MAAAsB,SAAA,GAAiCH,EAMhC;EAAoF,IAAAI,EAAA;EAAA,IAAAvB,CAAA,QAAAU,YAAA,IAAAV,CAAA,QAAAS,WAAA,IAAAT,CAAA,QAAAe,cAAA,IAAAf,CAAA,QAAAK,SAAA,IAAAL,CAAA,SAAAO,KAAA,IAAAP,CAAA,SAAAQ,KAAA,IAAAR,CAAA,SAAAM,QAAA,IAAAN,CAAA,SAAAsB,SAAA,IAAAtB,CAAA,SAAAW,MAAA,IAAAX,CAAA,SAAAY,MAAA,IAAAZ,CAAA,SAAAE,OAAA;IAGnFqB,EAAA,IAAC,WAAW,CACDrB,OAAO,CAAPA,QAAM,CAAC,CACTL,KAAQ,CAARA,SAAO,CAAC,CACJQ,SAAS,CAATA,UAAQ,CAAC,CACVC,QAAQ,CAARA,SAAO,CAAC,CACXC,KAAK,CAALA,MAAI,CAAC,CACLC,KAAK,CAALA,MAAI,CAAC,CACCC,WAAW,CAAXA,YAAU,CAAC,CACVC,YAAY,CAAZA,aAAW,CAAC,CAClBC,MAAM,CAANA,OAAK,CAAC,CACNC,MAAM,CAANA,OAAK,CAAC,CACHU,SAAS,CAATA,UAAQ,CAAC,CACJP,cAAc,CAAdA,eAAa,CAAC,GAC9B;IAAAf,CAAA,MAAAU,YAAA;IAAAV,CAAA,MAAAS,WAAA;IAAAT,CAAA,MAAAe,cAAA;IAAAf,CAAA,MAAAK,SAAA;IAAAL,CAAA,OAAAO,KAAA;IAAAP,CAAA,OAAAQ,KAAA;IAAAR,CAAA,OAAAM,QAAA;IAAAN,CAAA,OAAAsB,SAAA;IAAAtB,CAAA,OAAAW,MAAA;IAAAX,CAAA,OAAAY,MAAA;IAAAZ,CAAA,OAAAE,OAAA;IAAAF,CAAA,OAAAuB,EAAA;EAAA;IAAAA,EAAA,GAAAvB,CAAA;EAAA;EAAA,OAbFuB,EAaE;AAAA,CAEL","ignoreList":[]}

package/lib/Reactions/index.js

@@ -1,6 +1,7 @@
 export * from './types';
 export { MessageReactions } from './MessageReactions';
 export { ReactionPicker } from './ReactionPicker';
+
 /** Default set of emojis shown in the reaction quick-picker */
 export const DEFAULT_REACTION_EMOJIS = ['👍', '❤️', '😂', '😮', '😢', '👎'];
 //# sourceMappingURL=index.js.map

package/lib/Reactions/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Reactions/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAEjD,+DAA+D;AAC/D,MAAM,CAAC,MAAM,uBAAuB,GAAa,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAA"}
+{"version":3,"file":"index.js","names":["MessageReactions","ReactionPicker","DEFAULT_REACTION_EMOJIS"],"sources":["../../src/Reactions/index.ts"],"sourcesContent":["export * from './types'\nexport { MessageReactions } from './MessageReactions'\nexport { ReactionPicker } from './ReactionPicker'\n\n/** Default set of emojis shown in the reaction quick-picker */\nexport const DEFAULT_REACTION_EMOJIS: string[] = ['👍', '❤️', '😂', '😮', '😢', '👎']\n"],"mappings":"AAAA,cAAc,SAAS;AACvB,SAASA,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,cAAc,QAAQ,kBAAkB;;AAEjD;AACA,OAAO,MAAMC,uBAAiC,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC","ignoreList":[]}

package/lib/Reactions/types.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { StyleProp, TextStyle, ViewStyle } from 'react-native';
-import { IMessage, MessageReaction } from '../Models';
-/** Props passed to the default (or custom) reactions-display component rendered below each bubble */
+import { IMessage, MessageReaction, User } from '../Models';
+/** Props passed to the reactions display: the built-in one draws pills inside the bubble, a custom `renderReactions` one renders below it */
 export interface MessageReactionsDisplayProps<TMessage extends IMessage> {
     message: TMessage;
     reactions: MessageReaction[];
@@ -13,6 +13,17 @@ export interface MessageReactionsDisplayProps<TMessage extends IMessage> {
     reactionActiveStyle?: StyleProp<ViewStyle>;
     reactionTextStyle?: StyleProp<TextStyle>;
     reactionCountStyle?: StyleProp<TextStyle>;
+    /**
+     * Inline content after the last pill: `Bubble` passes an invisible copy of the message
+     * time, so the time sits on the last row of pills when it fits.
+     */
+    trailing?: React.ReactNode;
+    /** Text sits above the pills, so they need no top inset of their own. */
+    hasContentAbove?: boolean;
+    /** Who a user id is, for the avatars a pill shows in place of its count (see `ReactionsProps.getUser`). */
+    getUser?: (userId: string | number) => User | undefined;
+    /** A group chat shows reactors' avatars only while a message has three reactions or fewer. */
+    isGroupChat?: boolean;
 }
 /** Props passed to the default (or custom) reaction-picker component shown on long-press */
 export interface ReactionPickerProps<TMessage extends IMessage> {
@@ -30,8 +41,26 @@ export interface ReactionPickerProps<TMessage extends IMessage> {
     bubbleWidth?: number;
     /** Measured height of the bubble container */
     bubbleHeight?: number;
+    /** Where the finger was, in window coordinates; the bar opens beside it. */
+    touchX?: number;
+    touchY?: number;
     pickerContainerStyle?: StyleProp<ViewStyle>;
     pickerEmojiStyle?: StyleProp<TextStyle>;
+    /**
+     * A copy of the pressed bubble to draw "lifted" above the picker's backdrop,
+     * at `pageX` / `pageY` and `bubbleWidth` wide. While it is mounted the
+     * original bubble is hidden, so the message appears to rise out of the list.
+     * A custom picker can pass it to `ContextMenu`'s `messagePreview`, render it
+     * itself, or ignore it - the original bubble then simply stays in place.
+     */
+    messagePreview?: React.ReactNode;
+    /** `ReactionsProps.renderExpandedPicker`, passed through (the built-in grid by default). */
+    renderExpandedPicker?: ((props: ExpandedReactionPickerProps) => React.ReactNode) | null;
+}
+/** Props for the content of the expanded reactions panel. */
+export interface ExpandedReactionPickerProps {
+    /** Pick a reaction: the overlay closes and `onReactionPress` is called. */
+    onSelect: (emoji: string) => void;
 }
 /**
  * Top-level emoji-reactions configuration.
@@ -53,14 +82,29 @@ export interface ReactionsProps<TMessage extends IMessage> {
      * reaction pill.  Toggle logic is left to the consumer.
      */
     onReactionPress?: (message: TMessage, emoji: string) => void;
+    /**
+     * Who reacted, by user id. As in Telegram, a pill shows the reactors' avatars instead of a count
+     * in a one-to-one chat, and in a group while the message has three reactions or fewer - when
+     * every reactor is known. Defaults to the senders of the loaded messages (and you); pass your
+     * own to resolve people who have not written in them.
+     */
+    getUser?: (userId: string | number) => User | undefined;
+    /** @internal Set by `Chat`. */
+    isGroupChat?: boolean;
     /** Override the reactions-display component rendered below the bubble */
     renderReactions?: (props: MessageReactionsDisplayProps<TMessage>) => React.ReactNode;
     /**
-     * Override the emoji-picker component shown on long-press.
-     * Use this to provide a richer picker (e.g. a full emoji browser).
-     * See the example app for a `react-native-emoji-chooser` integration.
+     * Override the emoji-picker component shown on long-press. The built-in one is a
+     * reactions bar over the long-press menu, with the full emoji grid behind its chevron
+     * (`renderExpandedPicker`); `ContextMenu` is exported to build your own on.
      */
     renderReactionPicker?: (props: ReactionPickerProps<TMessage>) => React.ReactNode;
+    /**
+     * The expand button: the reactions bar ends in a chevron that grows the bar into a
+     * panel showing this. Defaults to the built-in emoji grid (search, tabs, recents); pass your
+     * own to replace it, or `null` to drop the expand button. Call `onSelect` with the pick.
+     */
+    renderExpandedPicker?: ((props: ExpandedReactionPickerProps) => React.ReactNode) | null;
     /** Style for the container wrapping all reaction pills */
     containerStyle?: StyleProp<ViewStyle>;
     /** Style applied to every inactive reaction pill */

package/lib/Reactions/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/Reactions/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/Reactions/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAE9D,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAE3D,6IAA6I;AAC7I,MAAM,WAAW,4BAA4B,CAAC,QAAQ,SAAS,QAAQ;IACrE,OAAO,EAAE,QAAQ,CAAA;IACjB,SAAS,EAAE,eAAe,EAAE,CAAA;IAC5B,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC/B,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAA;IAC1B,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACzC,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACrC,aAAa,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACpC,mBAAmB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAC1C,iBAAiB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACxC,kBAAkB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACzC;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,yEAAyE;IACzE,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,2GAA2G;IAC3G,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,GAAG,SAAS,CAAA;IACvD,8FAA8F;IAC9F,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED,4FAA4F;AAC5F,MAAM,WAAW,mBAAmB,CAAC,QAAQ,SAAS,QAAQ;IAC5D,OAAO,EAAE,OAAO,CAAA;IAChB,OAAO,EAAE,QAAQ,CAAA;IACjB,MAAM,EAAE,MAAM,EAAE,CAAA;IAChB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAA;IAC1B,mEAAmE;IACnE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,0DAA0D;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,6CAA6C;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,8CAA8C;IAC9C,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,4EAA4E;IAC5E,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,oBAAoB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAC3C,gBAAgB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACvC;;;;;;OAMG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAChC,4FAA4F;IAC5F,oBAAoB,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,2BAA2B,KAAK,KAAK,CAAC,SAAS,CAAC,GAAG,IAAI,CAAA;CACxF;AAED,6DAA6D;AAC7D,MAAM,WAAW,2BAA2B;IAC1C,2EAA2E;IAC3E,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CAClC;AAED;;;GAGG;AACH,MAAM,WAAW,cAAc,CAAC,QAAQ,SAAS,QAAQ;IACvD;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,EAAE,CAAA;IACjB;;;OAGG;IACH,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5D;;;;;OAKG;IACH,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,GAAG,SAAS,CAAA;IACvD,+BAA+B;IAC/B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,yEAAyE;IACzE,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,4BAA4B,CAAC,QAAQ,CAAC,KAAK,KAAK,CAAC,SAAS,CAAA;IACpF;;;;OAIG;IACH,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,CAAC,QAAQ,CAAC,KAAK,KAAK,CAAC,SAAS,CAAA;IAChF;;;;OAIG;IACH,oBAAoB,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,2BAA2B,KAAK,KAAK,CAAC,SAAS,CAAC,GAAG,IAAI,CAAA;IACvF,0DAA0D;IAC1D,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACrC,oDAAoD;IACpD,aAAa,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACpC,+DAA+D;IAC/D,mBAAmB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAC1C,gDAAgD;IAChD,iBAAiB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACxC,iDAAiD;IACjD,kBAAkB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACzC,gDAAgD;IAChD,oBAAoB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAC3C,0DAA0D;IAC1D,gBAAgB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CACxC"}

package/lib/Reactions/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/Reactions/types.ts"],"names":[],"mappings":""}
+{"version":3,"file":"types.js","names":[],"sources":["../../src/Reactions/types.ts"],"sourcesContent":["import React from 'react'\nimport { StyleProp, TextStyle, ViewStyle } from 'react-native'\n\nimport { IMessage, MessageReaction, User } from '../Models'\n\n/** Props passed to the reactions display: the built-in one draws pills inside the bubble, a custom `renderReactions` one renders below it */\nexport interface MessageReactionsDisplayProps<TMessage extends IMessage> {\n  message: TMessage\n  reactions: MessageReaction[]\n  currentUserId?: string | number\n  position: 'left' | 'right'\n  onReactionPress?: (emoji: string) => void\n  containerStyle?: StyleProp<ViewStyle>\n  reactionStyle?: StyleProp<ViewStyle>\n  reactionActiveStyle?: StyleProp<ViewStyle>\n  reactionTextStyle?: StyleProp<TextStyle>\n  reactionCountStyle?: StyleProp<TextStyle>\n  /**\n   * Inline content after the last pill: `Bubble` passes an invisible copy of the message\n   * time, so the time sits on the last row of pills when it fits.\n   */\n  trailing?: React.ReactNode\n  /** Text sits above the pills, so they need no top inset of their own. */\n  hasContentAbove?: boolean\n  /** Who a user id is, for the avatars a pill shows in place of its count (see `ReactionsProps.getUser`). */\n  getUser?: (userId: string | number) => User | undefined\n  /** A group chat shows reactors' avatars only while a message has three reactions or fewer. */\n  isGroupChat?: boolean\n}\n\n/** Props passed to the default (or custom) reaction-picker component shown on long-press */\nexport interface ReactionPickerProps<TMessage extends IMessage> {\n  visible: boolean\n  message: TMessage\n  emojis: string[]\n  onSelect: (emoji: string) => void\n  onDismiss: () => void\n  position: 'left' | 'right'\n  /** Horizontal screen-coordinate of the bubble's top-left corner */\n  pageX?: number\n  /** Vertical screen-coordinate of the bubble's top edge */\n  pageY?: number\n  /** Measured width of the bubble container */\n  bubbleWidth?: number\n  /** Measured height of the bubble container */\n  bubbleHeight?: number\n  /** Where the finger was, in window coordinates; the bar opens beside it. */\n  touchX?: number\n  touchY?: number\n  pickerContainerStyle?: StyleProp<ViewStyle>\n  pickerEmojiStyle?: StyleProp<TextStyle>\n  /**\n   * A copy of the pressed bubble to draw \"lifted\" above the picker's backdrop,\n   * at `pageX` / `pageY` and `bubbleWidth` wide. While it is mounted the\n   * original bubble is hidden, so the message appears to rise out of the list.\n   * A custom picker can pass it to `ContextMenu`'s `messagePreview`, render it\n   * itself, or ignore it - the original bubble then simply stays in place.\n   */\n  messagePreview?: React.ReactNode\n  /** `ReactionsProps.renderExpandedPicker`, passed through (the built-in grid by default). */\n  renderExpandedPicker?: ((props: ExpandedReactionPickerProps) => React.ReactNode) | null\n}\n\n/** Props for the content of the expanded reactions panel. */\nexport interface ExpandedReactionPickerProps {\n  /** Pick a reaction: the overlay closes and `onReactionPress` is called. */\n  onSelect: (emoji: string) => void\n}\n\n/**\n * Top-level emoji-reactions configuration.\n * Pass this as the `reactions` prop to `<Chat />`.\n */\nexport interface ReactionsProps<TMessage extends IMessage> {\n  /**\n   * Enable emoji reactions on messages.\n   * @default false\n   */\n  isEnabled?: boolean\n  /**\n   * Emoji options shown in the quick picker.\n   * @default ['👍', '❤️', '😂', '😮', '😢', '👎']\n   */\n  emojis?: string[]\n  /**\n   * Called when the user selects an emoji in the picker or taps an existing\n   * reaction pill.  Toggle logic is left to the consumer.\n   */\n  onReactionPress?: (message: TMessage, emoji: string) => void\n  /**\n   * Who reacted, by user id. As in Telegram, a pill shows the reactors' avatars instead of a count\n   * in a one-to-one chat, and in a group while the message has three reactions or fewer - when\n   * every reactor is known. Defaults to the senders of the loaded messages (and you); pass your\n   * own to resolve people who have not written in them.\n   */\n  getUser?: (userId: string | number) => User | undefined\n  /** @internal Set by `Chat`. */\n  isGroupChat?: boolean\n  /** Override the reactions-display component rendered below the bubble */\n  renderReactions?: (props: MessageReactionsDisplayProps<TMessage>) => React.ReactNode\n  /**\n   * Override the emoji-picker component shown on long-press. The built-in one is a\n   * reactions bar over the long-press menu, with the full emoji grid behind its chevron\n   * (`renderExpandedPicker`); `ContextMenu` is exported to build your own on.\n   */\n  renderReactionPicker?: (props: ReactionPickerProps<TMessage>) => React.ReactNode\n  /**\n   * The expand button: the reactions bar ends in a chevron that grows the bar into a\n   * panel showing this. Defaults to the built-in emoji grid (search, tabs, recents); pass your\n   * own to replace it, or `null` to drop the expand button. Call `onSelect` with the pick.\n   */\n  renderExpandedPicker?: ((props: ExpandedReactionPickerProps) => React.ReactNode) | null\n  /** Style for the container wrapping all reaction pills */\n  containerStyle?: StyleProp<ViewStyle>\n  /** Style applied to every inactive reaction pill */\n  reactionStyle?: StyleProp<ViewStyle>\n  /** Style applied to the current-user's active reaction pill */\n  reactionActiveStyle?: StyleProp<ViewStyle>\n  /** Style for the emoji text inside each pill */\n  reactionTextStyle?: StyleProp<TextStyle>\n  /** Style for the count label inside each pill */\n  reactionCountStyle?: StyleProp<TextStyle>\n  /** Style for the floating quick-picker panel */\n  pickerContainerStyle?: StyleProp<ViewStyle>\n  /** Style for each emoji button inside the quick picker */\n  pickerEmojiStyle?: StyleProp<TextStyle>\n}\n"],"mappings":"","ignoreList":[]}

package/lib/Reply/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Reply/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/Reply/index.ts"],"sourcesContent":["export * from './types'\n"],"mappings":"AAAA,cAAc,SAAS","ignoreList":[]}

package/lib/Reply/types.d.ts

@@ -7,7 +7,10 @@ import { IMessage, ReplyMessage } from '../Models';
  * Props for swipe-to-reply gesture behavior
  */
 export interface SwipeToReplyProps<TMessage extends IMessage> {
-    /** Enable swipe to reply on messages; default is false */
+    /**
+     * Swipe a message to reply to it. Inside `Chat` this defaults to `true` whenever replying is
+     * on (`reply.isEnabled`); a `Message` rendered on its own keeps it off unless set.
+     */
     isEnabled?: boolean;
     /** Direction to swipe for reply; default is 'left' (swipe left, icon appears on right) */
     direction?: 'left' | 'right';
@@ -52,12 +55,25 @@ export interface MessageReplyStyleProps {
  * Grouped props for reply functionality
  */
 export interface ReplyProps<TMessage extends IMessage> {
+    /**
+     * Replying as a whole: the "Reply" menu action and swipe-to-reply. Default `true`; `false`
+     * removes both.
+     */
+    isEnabled?: boolean;
+    /**
+     * Called when the user starts a reply, from the menu's "Reply" or a swipe. Use it with a
+     * controlled `message` to set your own reply state.
+     */
+    onReply?: (message: TMessage) => void;
     /** Reply message to show in input toolbar preview */
     message?: ReplyMessage | null;
     /** Callback when reply is cleared */
     onClear?: () => void;
-    /** Callback when message reply is pressed inside bubble */
-    onPress?: (replyMessage: ReplyMessage) => void;
+    /**
+     * Callback when the reply quote inside a bubble is pressed. Default: scroll to the quoted
+     * message and flash it.
+     */
+    onPress?: (replyMessage: ReplyMessage, message: IMessage) => void;
     /** Custom render for reply preview in input toolbar */
     renderPreview?: (props: ReplyPreviewProps) => React.ReactNode;
     /** Custom render for message reply inside bubble */

package/lib/Reply/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/Reply/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAC1E,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAErD,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AAC9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AAC9D,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAElD;;GAEG;AACH,MAAM,WAAW,iBAAiB,CAAC,QAAQ,SAAS,QAAQ;IAC1D,0DAA0D;IAC1D,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,0FAA0F;IAC1F,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC5B,gDAAgD;IAChD,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,KAAK,IAAI,CAAA;IACrC,+CAA+C;IAC/C,YAAY,CAAC,EAAE,CACb,QAAQ,EAAE,WAAW,CAAC,MAAM,CAAC,EAC7B,WAAW,EAAE,WAAW,CAAC,MAAM,CAAC,EAChC,QAAQ,EAAE,MAAM,GAAG,OAAO,KACvB,KAAK,CAAC,SAAS,CAAA;IACpB,2CAA2C;IAC3C,oBAAoB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAC5C;AAED;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC,wCAAwC;IACxC,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACrC,mCAAmC;IACnC,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAChC,oCAAoC;IACpC,UAAU,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAA;CACnC;AAED;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC,wCAAwC;IACxC,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACrC,qDAAqD;IACrD,kBAAkB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACzC,sDAAsD;IACtD,mBAAmB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAC1C,oCAAoC;IACpC,UAAU,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAA;IAClC,mCAAmC;IACnC,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAChC,gDAAgD;IAChD,aAAa,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACpC,iDAAiD;IACjD,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CACtC;AAED;;GAEG;AACH,MAAM,WAAW,UAAU,CAAC,QAAQ,SAAS,QAAQ;IACnD,qDAAqD;IACrD,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI,CAAA;IAC7B,qCAAqC;IACrC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,2DAA2D;IAC3D,OAAO,CAAC,EAAE,CAAC,YAAY,EAAE,YAAY,KAAK,IAAI,CAAA;IAC9C,uDAAuD;IACvD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,KAAK,CAAC,SAAS,CAAA;IAC7D,oDAAoD;IACpD,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,CAAC,QAAQ,CAAC,KAAK,KAAK,CAAC,SAAS,CAAA;IAC5E,mCAAmC;IACnC,KAAK,CAAC,EAAE,iBAAiB,CAAC,QAAQ,CAAC,CAAA;IACnC,4BAA4B;IAC5B,YAAY,CAAC,EAAE,sBAAsB,CAAA;IACrC,4BAA4B;IAC5B,YAAY,CAAC,EAAE,sBAAsB,CAAA;CACtC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/Reply/types.ts"],"names":[],"mappings":"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"}

package/lib/Reply/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/Reply/types.ts"],"names":[],"mappings":""}
+{"version":3,"file":"types.js","names":[],"sources":["../../src/Reply/types.ts"],"sourcesContent":["import { ImageStyle, StyleProp, TextStyle, ViewStyle } from 'react-native'\nimport { SharedValue } from 'react-native-reanimated'\n\nimport { MessageReplyProps } from '../components/MessageReply'\nimport { ReplyPreviewProps } from '../components/ReplyPreview'\nimport { IMessage, ReplyMessage } from '../Models'\n\n/**\n * Props for swipe-to-reply gesture behavior\n */\nexport interface SwipeToReplyProps<TMessage extends IMessage> {\n  /**\n   * Swipe a message to reply to it. Inside `Chat` this defaults to `true` whenever replying is\n   * on (`reply.isEnabled`); a `Message` rendered on its own keeps it off unless set.\n   */\n  isEnabled?: boolean\n  /** Direction to swipe for reply; default is 'left' (swipe left, icon appears on right) */\n  direction?: 'left' | 'right'\n  /** Callback when swipe to reply is triggered */\n  onSwipe?: (message: TMessage) => void\n  /** Custom render for swipe action indicator */\n  renderAction?: (\n    progress: SharedValue<number>,\n    translation: SharedValue<number>,\n    position: 'left' | 'right'\n  ) => React.ReactNode\n  /** Style for the swipe action container */\n  actionContainerStyle?: StyleProp<ViewStyle>\n}\n\n/**\n * Props for reply preview shown above input toolbar\n */\nexport interface ReplyPreviewStyleProps {\n  /** Style for reply preview container */\n  containerStyle?: StyleProp<ViewStyle>\n  /** Style for reply preview text */\n  textStyle?: StyleProp<TextStyle>\n  /** Style for reply preview image */\n  imageStyle?: StyleProp<ImageStyle>\n}\n\n/**\n * Props for message reply display inside bubble\n */\nexport interface MessageReplyStyleProps {\n  /** Style for message reply container */\n  containerStyle?: StyleProp<ViewStyle>\n  /** Style for message reply container on left side */\n  containerStyleLeft?: StyleProp<ViewStyle>\n  /** Style for message reply container on right side */\n  containerStyleRight?: StyleProp<ViewStyle>\n  /** Style for message reply image */\n  imageStyle?: StyleProp<ImageStyle>\n  /** Style for message reply text */\n  textStyle?: StyleProp<TextStyle>\n  /** Style for message reply text on left side */\n  textStyleLeft?: StyleProp<TextStyle>\n  /** Style for message reply text on right side */\n  textStyleRight?: StyleProp<TextStyle>\n}\n\n/**\n * Grouped props for reply functionality\n */\nexport interface ReplyProps<TMessage extends IMessage> {\n  /**\n   * Replying as a whole: the \"Reply\" menu action and swipe-to-reply. Default `true`; `false`\n   * removes both.\n   */\n  isEnabled?: boolean\n  /**\n   * Called when the user starts a reply, from the menu's \"Reply\" or a swipe. Use it with a\n   * controlled `message` to set your own reply state.\n   */\n  onReply?: (message: TMessage) => void\n  /** Reply message to show in input toolbar preview */\n  message?: ReplyMessage | null\n  /** Callback when reply is cleared */\n  onClear?: () => void\n  /**\n   * Callback when the reply quote inside a bubble is pressed. Default: scroll to the quoted\n   * message and flash it.\n   */\n  onPress?: (replyMessage: ReplyMessage, message: IMessage) => void\n  /** Custom render for reply preview in input toolbar */\n  renderPreview?: (props: ReplyPreviewProps) => React.ReactNode\n  /** Custom render for message reply inside bubble */\n  renderMessageReply?: (props: MessageReplyProps<TMessage>) => React.ReactNode\n  /** Swipe-to-reply configuration */\n  swipe?: SwipeToReplyProps<TMessage>\n  /** Reply preview styling */\n  previewStyle?: ReplyPreviewStyleProps\n  /** Message reply styling */\n  messageStyle?: MessageReplyStyleProps\n}\n"],"mappings":"","ignoreList":[]}

package/lib/Send.d.ts

@@ -8,12 +8,12 @@ export interface SendProps<TMessage extends IMessage> {
     containerStyle?: StyleProp<ViewStyle>;
     textStyle?: StyleProp<TextStyle>;
     children?: React.ReactNode;
-    /** Kept for API compatibility; the send button is always visible now. */
+    /** Keep the send button showing even when there is nothing to send. */
     isSendButtonAlwaysVisible?: boolean;
     /** Text is optional, allow sending empty messages (useful for media-only messages) */
     isTextOptional?: boolean;
     sendButtonProps?: Partial<TouchableOpacityProps>;
     onSend?(messages: Partial<TMessage> | Partial<TMessage>[], shouldResetInputToolbar: boolean): void;
 }
-export declare const Send: <TMessage extends IMessage = IMessage>({ text, containerStyle, children, isTextOptional, sendButtonProps, onSend, }: SendProps<TMessage>) => React.JSX.Element;
+export declare const Send: <TMessage extends IMessage = IMessage>({ text, containerStyle, children, isTextOptional, isSendButtonAlwaysVisible, sendButtonProps, onSend, }: SendProps<TMessage>) => React.JSX.Element;
 //# sourceMappingURL=Send.d.ts.map

package/lib/Send.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Send.d.ts","sourceRoot":"","sources":["../src/Send.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAA;AACnD,OAAO,EAEL,SAAS,EACT,SAAS,EACT,SAAS,EACH,MAAM,cAAc,CAAA;AAI5B,OAAO,EAAoB,qBAAqB,EAAE,MAAM,+BAA+B,CAAA;AAGvF,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAGnC,MAAM,WAAW,SAAS,CAAC,QAAQ,SAAS,QAAQ;IAClD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACrC,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAChC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,yEAAyE;IACzE,yBAAyB,CAAC,EAAE,OAAO,CAAA;IACnC,sFAAsF;IACtF,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,eAAe,CAAC,EAAE,OAAO,CAAC,qBAAqB,CAAC,CAAA;IAChD,MAAM,CAAC,CACL,QAAQ,EAAE,OAAO,CAAC,QAAQ,CAAC,GAAG,OAAO,CAAC,QAAQ,CAAC,EAAE,EACjD,uBAAuB,EAAE,OAAO,GAC/B,IAAI,CAAA;CACR;AAED,eAAO,MAAM,IAAI,GAAI,QAAQ,SAAS,QAAQ,GAAG,QAAQ,EAAE,8EAOxD,SAAS,CAAC,QAAQ,CAAC,sBA4CrB,CAAA"}
+{"version":3,"file":"Send.d.ts","sourceRoot":"","sources":["../src/Send.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAA;AAC9D,OAAO,EAEL,SAAS,EACT,SAAS,EACT,SAAS,EACH,MAAM,cAAc,CAAA;AAK5B,OAAO,EAAoB,qBAAqB,EAAE,MAAM,+BAA+B,CAAA;AAIvF,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AA6BnC,MAAM,WAAW,SAAS,CAAC,QAAQ,SAAS,QAAQ;IAClD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACrC,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAChC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,uEAAuE;IACvE,yBAAyB,CAAC,EAAE,OAAO,CAAA;IACnC,sFAAsF;IACtF,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,eAAe,CAAC,EAAE,OAAO,CAAC,qBAAqB,CAAC,CAAA;IAChD,MAAM,CAAC,CACL,QAAQ,EAAE,OAAO,CAAC,QAAQ,CAAC,GAAG,OAAO,CAAC,QAAQ,CAAC,EAAE,EACjD,uBAAuB,EAAE,OAAO,GAC/B,IAAI,CAAA;CACR;AAED,eAAO,MAAM,IAAI,GAAI,QAAQ,SAAS,QAAQ,GAAG,QAAQ,EAAE,yGAQxD,SAAS,CAAC,QAAQ,CAAC,sBAoDrB,CAAA"}