@ethora/chat-component-rn 26.8.5 → 26.8.7

package/lib/module/components/MainComponents/RoomStack.js

@@ -1,12 +1,11 @@
 "use strict";
 
-import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useRef } from 'react';
-import { BackHandler, Keyboard, StyleSheet, useWindowDimensions, View } from 'react-native';
-import Animated, { Easing, interpolate, runOnJS, useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
+import React, { forwardRef, memo, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
+import { Animated, BackHandler, Easing, Keyboard, StyleSheet, useWindowDimensions, View } from 'react-native';
 import { Gesture, GestureDetector } from 'react-native-gesture-handler';
 
 // Width of the left-edge strip that starts the back swipe.
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const EDGE_WIDTH = 28;
 // Released past this share of the width (or faster than the velocity
 // below), the swipe completes; otherwise the room settles back.
@@ -23,10 +22,27 @@ export const POP = {
   duration: 240,
   easing: Easing.out(Easing.cubic)
 };
+
+/**
+ * Holds its children still while `frozen`: the list under an open room is
+ * fully covered, so re-rendering it on every store update (each incoming
+ * message) is wasted work on the JS thread. It thaws as soon as it is
+ * about to be seen again.
+ */
+const Freezable = /*#__PURE__*/memo(({
+  children
+}) => /*#__PURE__*/_jsx(_Fragment, {
+  children: children
+}), (_prev, next) => next.frozen);
 /**
  * Two-layer stack for the list → room navigation: the room slides in over
  * the list, and a swipe from the left edge drags it back out, following the
  * finger, with the list parallaxing in underneath (the iOS navigation feel).
+ *
+ * Driven by RN's own `Animated` (native driver), not Reanimated: every layer
+ * derives from ONE value through interpolation, so the layers cannot drift
+ * apart, and a React re-render mid-flight cannot reset a layer to the style
+ * it was first rendered with.
  */
 export const RoomStack = /*#__PURE__*/forwardRef(({
   list,
@@ -38,43 +54,83 @@ export const RoomStack = /*#__PURE__*/forwardRef(({
   const {
     width: windowWidth
   } = useWindowDimensions();
-  const width = useSharedValue(windowWidth);
+  const [width, setWidth] = useState(windowWidth);
+  const widthRef = useRef(width);
+  widthRef.current = width;
   const hasRoom = !!room;
   // Room's horizontal offset: 0 = covering the list, `width` = off-screen.
   // A room already open on the first render is shown in place.
-  const x = useSharedValue(hasRoom ? 0 : windowWidth);
-  const closing = useSharedValue(false);
+  const x = useRef(new Animated.Value(hasRoom ? 0 : windowWidth)).current;
+  const closing = useRef(false);
+
+  // True while the list is (about to be) visible under a moving room.
+  const [peeking, setPeeking] = useState(false);
+  // Bumped after every completed pop — see the settle effect below.
+  const [popCount, setPopCount] = useState(0);
+  const slideTo = useCallback((toValue, config, done) => {
+    Animated.timing(x, {
+      toValue,
+      ...config,
+      useNativeDriver: true
+    }).start(({
+      finished
+    }) => done?.(finished));
+  }, [x]);
   const isFirstRender = useRef(true);
   useEffect(() => {
     if (isFirstRender.current) {
       isFirstRender.current = false;
       return;
     }
-    closing.value = false;
+    closing.current = false;
+    setPeeking(false);
+    x.stopAnimation();
+    x.setValue(widthRef.current);
     if (hasRoom) {
-      x.value = width.value;
-      x.value = withTiming(0, PUSH);
-    } else {
-      x.value = width.value;
+      slideTo(0, PUSH);
     }
   }, [hasRoom]); // eslint-disable-line react-hooks/exhaustive-deps
 
   const onBackRef = useRef(onBack);
   onBackRef.current = onBack;
-  const finish = useCallback(() => onBackRef.current(), []);
-  const pop = useCallback(() => {
-    if (closing.value) {
+  const finish = useCallback(() => {
+    onBackRef.current();
+    setPopCount(count => count + 1);
+  }, []);
+
+  // `onBack` normally clears the room, and the effect above takes over.
+  // If the room is still (or again) there after a pop — something
+  // re-selected it — bring it back on screen: a room parked off-screen
+  // would leave the list visible but untouchable.
+  const hasRoomRef = useRef(hasRoom);
+  hasRoomRef.current = hasRoom;
+  useEffect(() => {
+    if (popCount === 0 || !hasRoomRef.current) {
       return;
     }
-    closing.value = true;
-    Keyboard.dismiss();
-    x.value = withTiming(width.value, POP, finished => {
+    closing.current = false;
+    setPeeking(false);
+    slideTo(0, POP);
+  }, [popCount]); // eslint-disable-line react-hooks/exhaustive-deps
+
+  const slideOut = useCallback(() => {
+    closing.current = true;
+    setPeeking(true);
+    slideTo(widthRef.current, POP, finished => {
       if (finished) {
-        runOnJS(finish)();
+        finish();
+      } else {
+        closing.current = false;
       }
     });
-  }, [finish]); // eslint-disable-line react-hooks/exhaustive-deps
-
+  }, [finish, slideTo]);
+  const pop = useCallback(() => {
+    if (closing.current) {
+      return;
+    }
+    Keyboard.dismiss();
+    slideOut();
+  }, [slideOut]);
   useImperativeHandle(ref, () => ({
     pop
   }), [pop]);
@@ -88,80 +144,92 @@ export const RoomStack = /*#__PURE__*/forwardRef(({
     });
     return () => sub.remove();
   }, [hasRoom, hardwareBack, pop]);
-  const dismissKeyboard = useCallback(() => Keyboard.dismiss(), []);
-  const swipeBack = Gesture.Pan().hitSlop({
+  const swipeBack = useMemo(() => Gesture.Pan().runOnJS(true).hitSlop({
     left: 0,
     width: EDGE_WIDTH
   }).activeOffsetX(12).failOffsetY([-16, 16]).onStart(() => {
-    runOnJS(dismissKeyboard)();
+    if (closing.current) {
+      return;
+    }
+    Keyboard.dismiss();
+    setPeeking(true);
+    x.stopAnimation();
   }).onUpdate(e => {
-    if (closing.value) {
+    if (closing.current) {
       return;
     }
-    x.value = Math.min(Math.max(e.translationX, 0), width.value);
+    x.setValue(Math.min(Math.max(e.translationX, 0), widthRef.current));
   }).onEnd(e => {
-    if (closing.value) {
+    if (closing.current) {
       return;
     }
-    const complete = x.value > width.value * COMPLETE_DISTANCE || e.velocityX > COMPLETE_VELOCITY;
+    const complete = e.translationX > widthRef.current * COMPLETE_DISTANCE || e.velocityX > COMPLETE_VELOCITY;
     if (complete) {
-      closing.value = true;
-      x.value = withTiming(width.value, POP, finished => {
-        if (finished) {
-          runOnJS(finish)();
-        }
-      });
+      slideOut();
     } else {
-      x.value = withTiming(0, POP);
+      slideTo(0, POP, () => setPeeking(false));
     }
-  });
+  }), [slideOut, slideTo, x]);
   const onLayout = useCallback(e => {
     const next = e.nativeEvent.layout.width;
-    if (next > 0 && next !== width.value) {
+    if (next > 0 && next !== widthRef.current) {
       // Keep an off-screen room off-screen when the container resizes.
-      if (x.value === width.value) {
-        x.value = next;
+      if (!hasRoomRef.current) {
+        x.setValue(next);
       }
-      width.value = next;
+      setWidth(next);
     }
-  }, []); // eslint-disable-line react-hooks/exhaustive-deps
-
-  const roomStyle = useAnimatedStyle(() => ({
-    transform: [{
-      translateX: x.value
-    }]
-  }));
-  // 1 while the room fully covers the list, 0 once it is gone.
-  const listStyle = useAnimatedStyle(() => {
-    const covered = 1 - Math.min(Math.max(x.value / width.value, 0), 1);
-    return {
-      transform: [{
-        translateX: -width.value * LIST_PARALLAX * covered
-      }]
-    };
-  });
-  const dimStyle = useAnimatedStyle(() => ({
-    opacity: interpolate(x.value, [0, width.value], [LIST_DIM, 0])
-  }));
+  }, [x]);
+  const {
+    listShift,
+    dimOpacity
+  } = useMemo(() => ({
+    listShift: x.interpolate({
+      inputRange: [0, width],
+      outputRange: [-width * LIST_PARALLAX, 0],
+      extrapolate: 'clamp'
+    }),
+    dimOpacity: x.interpolate({
+      inputRange: [0, width],
+      outputRange: [LIST_DIM, 0],
+      extrapolate: 'clamp'
+    })
+  }), [x, width]);
   return /*#__PURE__*/_jsxs(View, {
     style: styles.container,
     onLayout: onLayout,
     children: [/*#__PURE__*/_jsx(Animated.View, {
-      style: [styles.layer, listStyle],
+      style: [styles.layer,
+      // Without a room the list always rests in place, whatever the
+      // animated value is doing.
+      hasRoom ? {
+        transform: [{
+          translateX: listShift
+        }]
+      } : null],
       pointerEvents: hasRoom ? 'none' : 'auto',
       accessibilityElementsHidden: hasRoom,
       importantForAccessibility: hasRoom ? 'no-hide-descendants' : 'auto',
-      children: list
+      children: /*#__PURE__*/_jsx(Freezable, {
+        frozen: hasRoom && !peeking,
+        children: list
+      })
     }), hasRoom && /*#__PURE__*/_jsxs(_Fragment, {
       children: [/*#__PURE__*/_jsx(Animated.View, {
         pointerEvents: "none",
-        style: [styles.layer, styles.dim, dimStyle]
+        style: [styles.layer, styles.dim, {
+          opacity: dimOpacity
+        }]
       }), /*#__PURE__*/_jsx(GestureDetector, {
         gesture: swipeBack,
         children: /*#__PURE__*/_jsx(Animated.View, {
           style: [styles.layer, styles.room, {
             backgroundColor: roomBackground
-          }, roomStyle],
+          }, {
+            transform: [{
+              translateX: x
+            }]
+          }],
           children: room
         })
       })]

package/lib/module/components/MainComponents/RoomStack.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","forwardRef","useCallback","useEffect","useImperativeHandle","useRef","BackHandler","Keyboard","StyleSheet","useWindowDimensions","View","Animated","Easing","interpolate","runOnJS","useAnimatedStyle","useSharedValue","withTiming","Gesture","GestureDetector","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","EDGE_WIDTH","COMPLETE_DISTANCE","COMPLETE_VELOCITY","LIST_PARALLAX","LIST_DIM","PUSH","duration","easing","bezier","POP","out","cubic","RoomStack","list","room","onBack","roomBackground","hardwareBack","ref","width","windowWidth","hasRoom","x","closing","isFirstRender","current","value","onBackRef","finish","pop","dismiss","finished","undefined","sub","addEventListener","remove","dismissKeyboard","swipeBack","Pan","hitSlop","left","activeOffsetX","failOffsetY","onStart","onUpdate","e","Math","min","max","translationX","onEnd","complete","velocityX","onLayout","next","nativeEvent","layout","roomStyle","transform","translateX","listStyle","covered","dimStyle","opacity","style","styles","container","children","layer","pointerEvents","accessibilityElementsHidden","importantForAccessibility","dim","gesture","backgroundColor","displayName","create","flex","overflow","position","top","right","bottom","shadowColor","shadowOffset","height","shadowOpacity","shadowRadius"],"sourceRoot":"../../../../src","sources":["components/MainComponents/RoomStack.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","forwardRef","memo","useCallback","useEffect","useImperativeHandle","useMemo","useRef","useState","Animated","BackHandler","Easing","Keyboard","StyleSheet","useWindowDimensions","View","Gesture","GestureDetector","Fragment","_Fragment","jsx","_jsx","jsxs","_jsxs","EDGE_WIDTH","COMPLETE_DISTANCE","COMPLETE_VELOCITY","LIST_PARALLAX","LIST_DIM","PUSH","duration","easing","bezier","POP","out","cubic","Freezable","children","_prev","next","frozen","RoomStack","list","room","onBack","roomBackground","hardwareBack","ref","width","windowWidth","setWidth","widthRef","current","hasRoom","x","Value","closing","peeking","setPeeking","popCount","setPopCount","slideTo","toValue","config","done","timing","useNativeDriver","start","finished","isFirstRender","stopAnimation","setValue","onBackRef","finish","count","hasRoomRef","slideOut","pop","dismiss","undefined","sub","addEventListener","remove","swipeBack","Pan","runOnJS","hitSlop","left","activeOffsetX","failOffsetY","onStart","onUpdate","e","Math","min","max","translationX","onEnd","complete","velocityX","onLayout","nativeEvent","layout","listShift","dimOpacity","interpolate","inputRange","outputRange","extrapolate","style","styles","container","layer","transform","translateX","pointerEvents","accessibilityElementsHidden","importantForAccessibility","dim","opacity","gesture","backgroundColor","displayName","create","flex","overflow","position","top","right","bottom","shadowColor","shadowOffset","height","shadowOpacity","shadowRadius"],"sourceRoot":"../../../../src","sources":["components/MainComponents/RoomStack.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/MainComponents/SealedAttachment.js

@@ -0,0 +1,224 @@
+"use strict";
+
+import React, { useCallback, useEffect, useRef, useState } from 'react';
+import { ActivityIndicator, StyleSheet, View } from 'react-native';
+import { LockIcon } from '../../assets/icons';
+import FileDownload from '../styled/UnsupportedType';
+import CustomMessageImage from '../styled/MessageImage';
+import CustomMessageVideo from '../styled/VideoMessage';
+import AudioMessage from '../styled/AudioMessage';
+import { BackgroundFile, FileInformation, FileName, FileSize, FileSizeContainer, UnsupportedContainer } from '../styled/StyledInputComponents/MediaComponents';
+import { useTheme } from '../../hooks/useTheme';
+import { useT } from '../../i18n/useT';
+import { useChatSettingState } from '../../hooks/useChatSettingState';
+import { withFileToken } from '../../helpers/secureFileUrl';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const sealedFiles = () => require('../../e2ee/sealedFiles');
+export const sealedAttachmentsOf = message => {
+  if (!message) {
+    return [];
+  }
+  let raw = message.attachments;
+  if (typeof raw === 'string') {
+    try {
+      raw = JSON.parse(raw);
+    } catch {
+      raw = undefined;
+    }
+  }
+  if (Array.isArray(raw) && raw.length > 0) {
+    return raw.filter(item => item && typeof item.location === 'string' && item.location).map(item => ({
+      location: item.location,
+      size: item.size
+    }));
+  }
+  return message.location ? [{
+    location: message.location,
+    size: message.size
+  }] : [];
+};
+const formatBytes = value => {
+  const bytes = Number(value);
+  if (!Number.isFinite(bytes) || bytes <= 0) {
+    return '';
+  }
+  if (bytes < 1024) {
+    return `${bytes} B`;
+  }
+  if (bytes < 1024 * 1024) {
+    return `${(bytes / 1024).toFixed(0)} KB`;
+  }
+  return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
+};
+const SealedItem = ({
+  attachment,
+  keyMaterial,
+  isUser
+}) => {
+  const theme = useTheme();
+  const t = useT();
+  const {
+    config
+  } = useChatSettingState();
+  const [state, setState] = useState('idle');
+  const [progress, setProgress] = useState(0);
+  const [opened, setOpened] = useState(null);
+  const mounted = useRef(true);
+  useEffect(() => () => {
+    mounted.current = false;
+  }, []);
+  const {
+    location
+  } = attachment;
+  useEffect(() => {
+    if (!keyMaterial || !location) {
+      return;
+    }
+    let active = true;
+    sealedFiles().findOpened(location).then(found => {
+      if (active && found) {
+        setOpened(found);
+      }
+    }).catch(() => {});
+    return () => {
+      active = false;
+    };
+  }, [keyMaterial, location]);
+  const handlePress = useCallback(async () => {
+    if (opened || !keyMaterial || !location || state === 'working') {
+      return;
+    }
+    setState('working');
+    setProgress(0);
+    try {
+      const file = await sealedFiles().openSealedAttachment(location, withFileToken(location), keyMaterial, fraction => {
+        if (mounted.current) {
+          setProgress(fraction);
+        }
+      });
+      if (!mounted.current) {
+        return;
+      }
+      setOpened(file);
+      setState('idle');
+    } catch (error) {
+      console.warn('sealed attachment could not be opened', error);
+      if (mounted.current) {
+        setState('failed');
+      }
+    }
+  }, [keyMaterial, location, opened, state]);
+  if (opened) {
+    if (opened.mimetype.startsWith('image/')) {
+      return /*#__PURE__*/_jsx(View, {
+        testID: "sealed-attachment-image",
+        children: /*#__PURE__*/_jsx(CustomMessageImage, {
+          fileName: opened.name,
+          originalName: opened.name,
+          fileURL: opened.uri,
+          locationPreview: opened.uri,
+          mimetype: opened.mimetype
+        })
+      });
+    }
+    if (opened.mimetype.startsWith('video/')) {
+      return /*#__PURE__*/_jsx(CustomMessageVideo, {
+        fileName: opened.name,
+        originalName: opened.name,
+        fileURL: opened.uri,
+        mimetype: opened.mimetype
+      });
+    }
+    if (opened.mimetype.startsWith('audio/')) {
+      return /*#__PURE__*/_jsx(AudioMessage, {
+        src: opened.uri,
+        mimeType: opened.mimetype,
+        fileName: opened.name,
+        originalName: opened.name
+      });
+    }
+    return /*#__PURE__*/_jsx(View, {
+      testID: "sealed-attachment",
+      children: /*#__PURE__*/_jsx(FileDownload, {
+        fileURL: opened.uri,
+        fileName: opened.name,
+        originalName: opened.name,
+        mimetype: opened.mimetype,
+        isUser: isUser
+      })
+    });
+  }
+  const canOpen = !!keyMaterial && !!location;
+  const working = state === 'working';
+  const note = !canOpen ? t(config?.e2ee?.enabled === true ? 'media.sealedUnavailable' : 'media.sealedUnsupported') : working ? `${t('media.sealedDownloading')} ${Math.round(progress * 100)}%` : state === 'failed' ? t('media.sealedDownloadFailed') : formatBytes(attachment.size) || t('media.sealedDownload');
+  return /*#__PURE__*/_jsxs(UnsupportedContainer, {
+    isUser: isUser,
+    onPress: handlePress,
+    disabled: !canOpen || working,
+    activeOpacity: canOpen && !working ? 0.7 : 1,
+    testID: "sealed-attachment",
+    accessibilityRole: "button",
+    accessibilityLabel: t(canOpen ? 'media.sealedDownload' : 'media.sealedFile'),
+    children: [/*#__PURE__*/_jsx(BackgroundFile, {
+      children: working ? /*#__PURE__*/_jsx(ActivityIndicator, {
+        size: "small",
+        color: theme.textSecondary
+      }) : /*#__PURE__*/_jsx(LockIcon, {
+        width: 26,
+        height: 26,
+        color: theme.textSecondary
+      })
+    }), /*#__PURE__*/_jsxs(FileInformation, {
+      children: [/*#__PURE__*/_jsx(FileName, {
+        numberOfLines: 1,
+        isUser: isUser,
+        colorIsUser: config?.colors?.primary,
+        colorUsers: config?.colors?.secondary,
+        children: t('media.sealedFile')
+      }), /*#__PURE__*/_jsx(FileSizeContainer, {
+        style: styles.note,
+        children: /*#__PURE__*/_jsx(FileSize, {
+          numberOfLines: 2,
+          style: state === 'failed' && canOpen ? {
+            color: theme.danger
+          } : undefined,
+          children: note
+        })
+      })]
+    })]
+  });
+};
+const SealedAttachment = ({
+  message,
+  isUser
+}) => {
+  const attachments = sealedAttachmentsOf(message);
+  const keys = message?.e2eeKeys;
+  if (attachments.length === 0) {
+    return /*#__PURE__*/_jsx(SealedItem, {
+      attachment: {
+        location: ''
+      },
+      isUser: isUser
+    });
+  }
+  return /*#__PURE__*/_jsx(View, {
+    style: styles.stack,
+    children: attachments.map((attachment, index) => /*#__PURE__*/_jsx(SealedItem, {
+      attachment: attachment,
+      keyMaterial: keys?.[index],
+      isUser: isUser
+    }, attachment.location || index))
+  });
+};
+export default SealedAttachment;
+const styles = StyleSheet.create({
+  stack: {
+    gap: 8
+  },
+  note: {
+    flexShrink: 1,
+    borderRadius: 10
+  }
+});
+//# sourceMappingURL=SealedAttachment.js.map

package/lib/module/components/MainComponents/SealedAttachment.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useEffect","useRef","useState","ActivityIndicator","StyleSheet","View","LockIcon","FileDownload","CustomMessageImage","CustomMessageVideo","AudioMessage","BackgroundFile","FileInformation","FileName","FileSize","FileSizeContainer","UnsupportedContainer","useTheme","useT","useChatSettingState","withFileToken","jsx","_jsx","jsxs","_jsxs","sealedFiles","require","sealedAttachmentsOf","message","raw","attachments","JSON","parse","undefined","Array","isArray","length","filter","item","location","map","size","formatBytes","value","bytes","Number","isFinite","toFixed","SealedItem","attachment","keyMaterial","isUser","theme","t","config","state","setState","progress","setProgress","opened","setOpened","mounted","current","active","findOpened","then","found","catch","handlePress","file","openSealedAttachment","fraction","error","console","warn","mimetype","startsWith","testID","children","fileName","name","originalName","fileURL","uri","locationPreview","src","mimeType","canOpen","working","note","e2ee","enabled","Math","round","onPress","disabled","activeOpacity","accessibilityRole","accessibilityLabel","color","textSecondary","width","height","numberOfLines","colorIsUser","colors","primary","colorUsers","secondary","style","styles","danger","SealedAttachment","keys","e2eeKeys","stack","index","create","gap","flexShrink","borderRadius"],"sourceRoot":"../../../../src","sources":["components/MainComponents/SealedAttachment.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/MainComponents/SystemMessage.js

@@ -2,20 +2,24 @@
 
 import React from 'react';
 import { View, Text, StyleSheet } from 'react-native';
+import { useTheme } from '../../hooks/useTheme';
 import { jsx as _jsx } from "react/jsx-runtime";
 const SystemMessage = ({
   messageText,
   colors
 }) => {
+  // Same pill as the day separator; `colors.secondary` is not a pill
+  // colour (see DateLabel).
+  const theme = useTheme();
   return /*#__PURE__*/_jsx(View, {
     style: styles.container,
     children: /*#__PURE__*/_jsx(View, {
       style: [styles.bubble, {
-        backgroundColor: colors?.secondary || '#e7edf9'
+        backgroundColor: theme.dateLabelBackground
       }],
       children: /*#__PURE__*/_jsx(Text, {
         style: [styles.text, {
-          color: colors?.primary || '#0052cd'
+          color: colors?.primary || theme.dateLabel
         }],
         children: messageText
       })

package/lib/module/components/MainComponents/SystemMessage.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","Text","StyleSheet","jsx","_jsx","SystemMessage","messageText","colors","style","styles","container","children","bubble","backgroundColor","secondary","text","color","primary","create","width","alignItems","paddingVertical","paddingHorizontal","maxWidth","borderRadius","fontSize","lineHeight","fontWeight","textAlign"],"sourceRoot":"../../../../src","sources":["components/MainComponents/SystemMessage.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOtD,MAAMC,aAA2C,GAAGA,CAAC;EACnDC,WAAW;EACXC;AACF,CAAC,KAAK;EACJ,oBACEH,IAAA,CAACJ,IAAI;IAACQ,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,eAK5BP,IAAA,CAACJ,IAAI;MACHQ,KAAK,EAAE,CACLC,MAAM,CAACG,MAAM,EACb;QAAEC,eAAe,EAAEN,MAAM,EAAEO,SAAS,IAAI;MAAU,CAAC,CACnD;MAAAH,QAAA,eAEFP,IAAA,CAACH,IAAI;QAACO,KAAK,EAAE,CAACC,MAAM,CAACM,IAAI,EAAE;UAAEC,KAAK,EAAET,MAAM,EAAEU,OAAO,IAAI;QAAU,CAAC,CAAE;QAAAN,QAAA,EACjEL;MAAW,CACR;IAAC,CACH;EAAC,CACH,CAAC;AAEX,CAAC;AAED,eAAeD,aAAa;AAE5B,MAAMI,MAAM,GAAGP,UAAU,CAACgB,MAAM,CAAC;EAC/BR,SAAS,EAAE;IACTS,KAAK,EAAE,MAAM;IACbC,UAAU,EAAE,QAAQ;IACpBC,eAAe,EAAE,CAAC;IAClBC,iBAAiB,EAAE;EACrB,CAAC;EACDV,MAAM,EAAE;IACNW,QAAQ,EAAE,KAAK;IACfC,YAAY,EAAE,EAAE;IAChBH,eAAe,EAAE,CAAC;IAClBC,iBAAiB,EAAE;EACrB,CAAC;EACDP,IAAI,EAAE;IACJU,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,UAAU,EAAE,KAAK;IACjBC,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","View","Text","StyleSheet","useTheme","jsx","_jsx","SystemMessage","messageText","colors","theme","style","styles","container","children","bubble","backgroundColor","dateLabelBackground","text","color","primary","dateLabel","create","width","alignItems","paddingVertical","paddingHorizontal","maxWidth","borderRadius","fontSize","lineHeight","fontWeight","textAlign"],"sourceRoot":"../../../../src","sources":["components/MainComponents/SystemMessage.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AACrD,SAASC,QAAQ,QAAQ,sBAAsB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOhD,MAAMC,aAA2C,GAAGA,CAAC;EACnDC,WAAW;EACXC;AACF,CAAC,KAAK;EACJ;EACA;EACA,MAAMC,KAAK,GAAGN,QAAQ,CAAC,CAAC;EACxB,oBACEE,IAAA,CAACL,IAAI;IAACU,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,eAK5BR,IAAA,CAACL,IAAI;MACHU,KAAK,EAAE,CACLC,MAAM,CAACG,MAAM,EACb;QAAEC,eAAe,EAAEN,KAAK,CAACO;MAAoB,CAAC,CAC9C;MAAAH,QAAA,eAEFR,IAAA,CAACJ,IAAI;QAACS,KAAK,EAAE,CAACC,MAAM,CAACM,IAAI,EAAE;UAAEC,KAAK,EAAEV,MAAM,EAAEW,OAAO,IAAIV,KAAK,CAACW;QAAU,CAAC,CAAE;QAAAP,QAAA,EACvEN;MAAW,CACR;IAAC,CACH;EAAC,CACH,CAAC;AAEX,CAAC;AAED,eAAeD,aAAa;AAE5B,MAAMK,MAAM,GAAGT,UAAU,CAACmB,MAAM,CAAC;EAC/BT,SAAS,EAAE;IACTU,KAAK,EAAE,MAAM;IACbC,UAAU,EAAE,QAAQ;IACpBC,eAAe,EAAE,CAAC;IAClBC,iBAAiB,EAAE;EACrB,CAAC;EACDX,MAAM,EAAE;IACNY,QAAQ,EAAE,KAAK;IACfC,YAAY,EAAE,EAAE;IAChBH,eAAe,EAAE,CAAC;IAClBC,iBAAiB,EAAE;EACrB,CAAC;EACDR,IAAI,EAAE;IACJW,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,UAAU,EAAE,KAAK;IACjBC,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/MessageBubble/Avatar.js

@@ -34,7 +34,8 @@ export const Avatar = ({
   username,
   firstName,
   lastName,
-  style
+  style,
+  textSize
 }) => {
   const {
     config
@@ -73,6 +74,9 @@ export const Avatar = ({
     bgColor: backgroundColor?.backgroundColor,
     children: /*#__PURE__*/_jsx(AvatarText, {
       color: getAvatarTextColor(backgroundColor?.backgroundColor),
+      style: textSize ? {
+        fontSize: textSize
+      } : undefined,
       children: getInitials()
     })
   });