@ethora/chat-component-rn 26.4.2 → 26.5.2

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

@@ -0,0 +1,79 @@
+"use strict";
+
+import React, { Fragment } from 'react';
+import DateLabel from '../styled/DateLabel';
+import SystemMessage from './SystemMessage';
+import NewMessageLabel from '../styled/NewMessageLabel';
+import { Message, MessageText, MessageTimestamp, UserName } from '../styled/StyledComponents';
+import { View } from 'react-native';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+export const MessageContainer = ({
+  CustomMessage,
+  CustomDaySeparator,
+  CustomNewMessageLabel,
+  message,
+  activeMessage,
+  config,
+  walletAddress,
+  showDateLabel,
+  isReply,
+  className
+}) => {
+  const isUser = message.user.id === walletAddress;
+  const messageDate = new Date(message.date);
+  if (message?.isSystemMessage === 'true') {
+    const SystemMessageComponent = config?.customSystemMessage;
+    return /*#__PURE__*/_jsxs(Fragment, {
+      children: [showDateLabel && (CustomDaySeparator ? /*#__PURE__*/_jsx(CustomDaySeparator, {
+        date: messageDate,
+        formattedDate: messageDate.toLocaleDateString()
+      }) : /*#__PURE__*/_jsx(DateLabel, {
+        date: messageDate,
+        colors: config?.colors
+      })), SystemMessageComponent ? /*#__PURE__*/_jsx(SystemMessageComponent, {
+        message: message,
+        isUser: false,
+        isReply: false
+      }) : /*#__PURE__*/_jsx(SystemMessage, {
+        messageText: message.body,
+        colors: config?.colors
+      })]
+    }, message.id);
+  }
+  if (message?.id === 'delimiter-new') {
+    return CustomNewMessageLabel ? /*#__PURE__*/_jsx(CustomNewMessageLabel, {
+      color: config?.colors?.primary
+    }) : /*#__PURE__*/_jsx(NewMessageLabel, {
+      color: config?.colors?.primary
+    });
+  }
+  const MessageComponent = CustomMessage || Message;
+  return /*#__PURE__*/_jsxs(View, {
+    children: [showDateLabel && !activeMessage && message.id !== 'delimiter-new' ? CustomDaySeparator ? /*#__PURE__*/_jsx(CustomDaySeparator, {
+      date: messageDate,
+      formattedDate: messageDate.toLocaleDateString()
+    }) : /*#__PURE__*/_jsx(DateLabel, {
+      date: messageDate,
+      colors: config?.colors
+    }) : null, /*#__PURE__*/_jsx(MessageComponent, {
+      message: message,
+      isUser: isUser,
+      isReply: isReply,
+      className: className,
+      children: !CustomMessage ? /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx(MessageTimestamp, {
+          children: messageDate.toLocaleTimeString()
+        }), /*#__PURE__*/_jsxs(UserName, {
+          children: [message.user.name, ": "]
+        }), /*#__PURE__*/_jsx(MessageText, {
+          children: message.body
+        })]
+      }) : /*#__PURE__*/_jsx(MessageComponent, {
+        message: message,
+        isUser: isUser,
+        isReply: isReply
+      })
+    })]
+  }, message.id);
+};
+//# sourceMappingURL=MessageContainer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Fragment","DateLabel","SystemMessage","NewMessageLabel","Message","MessageText","MessageTimestamp","UserName","View","jsx","_jsx","jsxs","_jsxs","_Fragment","MessageContainer","CustomMessage","CustomDaySeparator","CustomNewMessageLabel","message","activeMessage","config","walletAddress","showDateLabel","isReply","className","isUser","user","id","messageDate","Date","date","isSystemMessage","SystemMessageComponent","customSystemMessage","children","formattedDate","toLocaleDateString","colors","messageText","body","color","primary","MessageComponent","toLocaleTimeString","name"],"sourceRoot":"../../../../src","sources":["components/MainComponents/MessageContainer.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,284 @@
+"use strict";
+
+/** @format */
+
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { View, StyleSheet, FlatList, Image, TouchableOpacity, Keyboard } from 'react-native';
+import Composing from '../styled/StyledInputComponents/Composing';
+import TreadLabel from '../styled/TreadLabel';
+import { MessageContainer } from './MessageContainer';
+import { useRoomState } from '../../hooks/useRoomState';
+import Loader from '../styled/Loader';
+import { ArowDownIcon } from '../../assets/icons';
+import CustomTypingIndicator from '../styled/StyledInputComponents/CustomTypingIndicator';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const MessageList = ({
+  CustomMessage,
+  CustomDaySeparator,
+  CustomNewMessageLabel,
+  user,
+  loadMoreMessages,
+  roomJID,
+  config,
+  loading,
+  isReply,
+  activeMessage
+}) => {
+  const {
+    composing,
+    messages,
+    composingList
+  } = useRoomState(roomJID).room;
+  const [isUserAtBottom, setIsUserAtBottom] = useState(true);
+  const [showNewMessageIndicator, setShowNewMessageIndicator] = useState(false);
+  const [isContentOffset, setIsContentOffset] = useState(false);
+  const [isLoadingMore, setIsLoadingMore] = useState(false);
+  const [isScrollBlocked, setIsScrollBlocked] = useState(false);
+  const [hasUserScrolled, setHasUserScrolled] = useState(false);
+  const flatListRef = useRef(null);
+  const addReplyMessages = useMemo(() => {
+    return messages.map(message => {
+      const newMessage = {
+        ...message,
+        reply: messages.filter(mess => !!mess.mainMessage && JSON.parse(mess.mainMessage).id === message.id && !mess.isDeleted)
+      };
+      return newMessage;
+    });
+  }, [messages]);
+  const memoizedMessages = useMemo(() => {
+    const nonDeletedMessages = addReplyMessages.filter(item => !item.isDeleted);
+    let filtered;
+    if (isReply) {
+      filtered = nonDeletedMessages.filter(item => item.roomJid === roomJID && item.isReply && item.isReply === 'true' && item.mainMessage && JSON.parse(item.mainMessage).id === activeMessage?.id);
+    } else {
+      filtered = nonDeletedMessages.filter(item => item.showInChannel === 'true' || (!item.isReply || item.isReply === 'false') && !item.mainMessage);
+    }
+
+    // Explicit chronological sort by stanza-id timestamp (microseconds-
+    // since-epoch encoded in the id). Without this, MAM history that
+    // streams in across multiple ticks visibly reorders itself:
+    // insertMessageWithDelimiter inserts new arrivals at the slot
+    // matching their date.toString() comparison, but redux state can
+    // emit intermediate snapshots between dispatches, so the FlatList
+    // briefly renders messages out-of-order until the final batch
+    // settles. Sorting here makes each render a stable, ordered view —
+    // even mid-stream — so the user sees them appear from oldest to
+    // newest with no swap animation.
+    const sorted = filtered.slice().sort((a, b) => {
+      const aNum = new Date(a?.date).getTime() || 0;
+      const bNum = new Date(b?.date).getTime() || 0;
+      return aNum - bNum;
+    });
+    return sorted;
+  }, [addReplyMessages, isReply, roomJID, activeMessage]);
+  const handleLoadMore = useCallback(async () => {
+    if (loading || isLoadingMore || !memoizedMessages.length || isScrollBlocked) {
+      return;
+    }
+    const oldestMessage = memoizedMessages[0];
+    if (!oldestMessage || !oldestMessage.id) {
+      return;
+    }
+    setIsLoadingMore(true);
+    setIsScrollBlocked(true);
+    try {
+      await loadMoreMessages(oldestMessage.roomJid || roomJID, 15, Number(oldestMessage.id));
+    } catch (error) {
+      console.error(error);
+    } finally {
+      setTimeout(() => {
+        setIsLoadingMore(false);
+        setIsScrollBlocked(false);
+      }, 500);
+    }
+  }, [memoizedMessages, loadMoreMessages, loading, isLoadingMore, isScrollBlocked, roomJID]);
+  const dataMessages = useMemo(() => {
+    return memoizedMessages.slice().reverse();
+  }, [memoizedMessages]);
+  const renderMessage = useCallback(({
+    item,
+    index
+  }) => {
+    const messageDate = new Date(item.date).toDateString();
+    let showDateLabel = false;
+    const nextMessage = index < dataMessages.length - 1 ? dataMessages[index + 1] : null;
+    const nextMessageDate = nextMessage ? new Date(nextMessage.date).toDateString() : null;
+    if (!nextMessage || messageDate !== nextMessageDate) {
+      showDateLabel = true;
+    }
+    return /*#__PURE__*/_jsx(MessageContainer, {
+      CustomMessage: CustomMessage,
+      CustomDaySeparator: CustomDaySeparator,
+      CustomNewMessageLabel: CustomNewMessageLabel,
+      message: item,
+      activeMessage: activeMessage,
+      config: config,
+      walletAddress: user.xmppUsername || user.walletAddress,
+      isReply: isReply,
+      showDateLabel: showDateLabel
+    });
+  }, [activeMessage, config, user.xmppUsername, user.walletAddress, isReply, memoizedMessages.length]);
+  const scrollToBottom = useCallback(() => {
+    if (flatListRef.current) {
+      flatListRef.current.scrollToOffset({
+        offset: 0,
+        animated: true
+      });
+    }
+  }, [flatListRef]);
+  const handleContentSizeChange = useCallback(() => {
+    if (isContentOffset) {
+      scrollToBottom();
+      setIsContentOffset(false);
+    }
+    if (!isLoadingMore && flatListRef.current && isUserAtBottom) {
+      scrollToBottom();
+    } else if (!isLoadingMore && hasUserScrolled) {
+      setShowNewMessageIndicator(true);
+    }
+  }, [isUserAtBottom, scrollToBottom, isLoadingMore, hasUserScrolled]);
+  const handleScroll = useCallback(event => {
+    const contentOffset = event.nativeEvent.contentOffset.y;
+    Keyboard.dismiss();
+    if (contentOffset > 150 && !hasUserScrolled) {
+      setHasUserScrolled(true);
+    }
+    if (contentOffset < 150) {
+      setIsContentOffset(true);
+      setShowNewMessageIndicator(false);
+      setIsUserAtBottom(true);
+    } else {
+      setIsContentOffset(false);
+      if (hasUserScrolled) {
+        setShowNewMessageIndicator(true);
+      }
+      setIsUserAtBottom(false);
+    }
+  }, [hasUserScrolled]);
+  const handleLayout = () => {
+    setIsContentOffset(true);
+    setIsUserAtBottom(true);
+  };
+  const handleNewMessageIndicatorPress = () => {
+    setShowNewMessageIndicator(false);
+    setIsUserAtBottom(true);
+    scrollToBottom();
+  };
+  useEffect(() => {
+    setHasUserScrolled(false);
+    setShowNewMessageIndicator(false);
+    setIsUserAtBottom(true);
+  }, [roomJID]);
+  const BackgroundImage = useMemo(() => {
+    const image = config?.backgroundChat?.image;
+    if (image) {
+      if (typeof image === 'function') {
+        const SvgComponent = image;
+        return /*#__PURE__*/_jsx(SvgComponent, {
+          width: "100%"
+        });
+      } else {
+        return /*#__PURE__*/_jsx(Image, {
+          source: image
+        });
+      }
+    }
+    return /*#__PURE__*/_jsx(View, {});
+  }, [config?.backgroundChat?.image]);
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.container, {
+      backgroundColor: config?.backgroundChat?.color || '#F3F6FC'
+    }],
+    children: [/*#__PURE__*/_jsx(View, {
+      style: styles.backgroundImageContainer,
+      children: BackgroundImage
+    }), activeMessage && /*#__PURE__*/_jsxs(View, {
+      children: [CustomMessage && /*#__PURE__*/_jsx(CustomMessage, {
+        message: activeMessage,
+        isUser: activeMessage.user.id === user.walletAddress,
+        isReply: isReply
+      }), /*#__PURE__*/_jsx(TreadLabel, {
+        reply: memoizedMessages.length,
+        colors: config?.colors
+      })]
+    }), /*#__PURE__*/_jsx(FlatList, {
+      ref: flatListRef,
+      data: memoizedMessages.slice().reverse(),
+      renderItem: renderMessage,
+      keyExtractor: item => item.id.toString(),
+      onEndReached: handleLoadMore,
+      onScroll: handleScroll,
+      onContentSizeChange: handleContentSizeChange,
+      onEndReachedThreshold: 0.1,
+      scrollEventThrottle: 16,
+      onLayout: handleLayout,
+      inverted: true,
+      contentContainerStyle: styles.flatListContent,
+      ListFooterComponent: loading && memoizedMessages.length > 15 ? /*#__PURE__*/_jsx(Loader, {
+        color: config?.colors?.primary
+      }) : null
+    }), showNewMessageIndicator && /*#__PURE__*/_jsx(TouchableOpacity, {
+      style: [styles.newMessageIndicator, {
+        backgroundColor: config?.colors?.secondary
+      }],
+      onPress: handleNewMessageIndicatorPress,
+      children: /*#__PURE__*/_jsx(ArowDownIcon, {})
+    }), config?.customTypingIndicator?.enabled && composing && /*#__PURE__*/_jsx(CustomTypingIndicator, {
+      usersTyping: composingList || ['User'],
+      text: config.customTypingIndicator.text,
+      position: config.customTypingIndicator.position || 'bottom',
+      styles: config.customTypingIndicator.styles,
+      customComponent: config.customTypingIndicator.customComponent,
+      isVisible: composing
+    }), !config?.customTypingIndicator?.enabled && config?.disableHeader && composing && /*#__PURE__*/_jsx(Composing, {
+      usersTyping: composingList || ['User']
+    })]
+  });
+};
+export default MessageList;
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    width: '100%'
+  },
+  flatListContent: {
+    paddingHorizontal: 10,
+    paddingBottom: 10
+  },
+  messageList: {
+    paddingHorizontal: 10,
+    flexGrow: 1,
+    backgroundColor: '#434343'
+  },
+  backgroundImageContainer: {
+    width: '100%',
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    zIndex: -1
+  },
+  image: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    width: '100%',
+    height: '100%'
+  },
+  newMessageIndicator: {
+    position: 'absolute',
+    width: 40,
+    height: 40,
+    bottom: 20,
+    right: 20,
+    backgroundColor: '#007AFF',
+    padding: 10,
+    borderRadius: 20
+  },
+  newMessageText: {
+    color: '#fff',
+    fontWeight: 'bold'
+  }
+});
+//# sourceMappingURL=MessageList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useEffect","useMemo","useRef","useState","View","StyleSheet","FlatList","Image","TouchableOpacity","Keyboard","Composing","TreadLabel","MessageContainer","useRoomState","Loader","ArowDownIcon","CustomTypingIndicator","jsx","_jsx","jsxs","_jsxs","MessageList","CustomMessage","CustomDaySeparator","CustomNewMessageLabel","user","loadMoreMessages","roomJID","config","loading","isReply","activeMessage","composing","messages","composingList","room","isUserAtBottom","setIsUserAtBottom","showNewMessageIndicator","setShowNewMessageIndicator","isContentOffset","setIsContentOffset","isLoadingMore","setIsLoadingMore","isScrollBlocked","setIsScrollBlocked","hasUserScrolled","setHasUserScrolled","flatListRef","addReplyMessages","map","message","newMessage","reply","filter","mess","mainMessage","JSON","parse","id","isDeleted","memoizedMessages","nonDeletedMessages","item","filtered","roomJid","showInChannel","sorted","slice","sort","a","b","aNum","Date","date","getTime","bNum","handleLoadMore","length","oldestMessage","Number","error","console","setTimeout","dataMessages","reverse","renderMessage","index","messageDate","toDateString","showDateLabel","nextMessage","nextMessageDate","walletAddress","xmppUsername","scrollToBottom","current","scrollToOffset","offset","animated","handleContentSizeChange","handleScroll","event","contentOffset","nativeEvent","y","dismiss","handleLayout","handleNewMessageIndicatorPress","BackgroundImage","image","backgroundChat","SvgComponent","width","source","style","styles","container","backgroundColor","color","children","backgroundImageContainer","isUser","colors","ref","data","renderItem","keyExtractor","toString","onEndReached","onScroll","onContentSizeChange","onEndReachedThreshold","scrollEventThrottle","onLayout","inverted","contentContainerStyle","flatListContent","ListFooterComponent","primary","newMessageIndicator","secondary","onPress","customTypingIndicator","enabled","usersTyping","text","position","customComponent","isVisible","disableHeader","create","flex","paddingHorizontal","paddingBottom","messageList","flexGrow","top","left","right","bottom","zIndex","height","padding","borderRadius","newMessageText","fontWeight"],"sourceRoot":"../../../../src","sources":["components/MainComponents/MessageList.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,47 @@
+"use strict";
+
+import { Text, View } from 'react-native';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const NoMessagesPlaceholder = () => {
+  return /*#__PURE__*/_jsx(View, {
+    style: {
+      display: 'flex',
+      justifyContent: 'center',
+      alignItems: 'center'
+    },
+    children: /*#__PURE__*/_jsx(View, {
+      style: {
+        display: 'flex',
+        flexDirection: 'column',
+        gap: 16
+      },
+      children: /*#__PURE__*/_jsxs(View, {
+        style: {
+          flexDirection: 'column',
+          gap: 8,
+          padding: 16,
+          justifyContent: 'center'
+        },
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: {
+            color: '#a3a3a3',
+            textAlign: 'center',
+            fontSize: 16,
+            fontWeight: '600'
+          },
+          children: "This chat is empty"
+        }), /*#__PURE__*/_jsx(Text, {
+          style: {
+            color: '#a3a3a3',
+            textAlign: 'center',
+            fontSize: 14,
+            fontWeight: '400'
+          },
+          children: "Be the first one to start it."
+        })]
+      })
+    })
+  });
+};
+export default NoMessagesPlaceholder;
+//# sourceMappingURL=NoMessagesPlaceholder.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Text","View","jsx","_jsx","jsxs","_jsxs","NoMessagesPlaceholder","style","display","justifyContent","alignItems","children","flexDirection","gap","padding","color","textAlign","fontSize","fontWeight"],"sourceRoot":"../../../../src","sources":["components/MainComponents/NoMessagesPlaceholder.tsx"],"mappings":";;AAAA,SAASA,IAAI,EAAEC,IAAI,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAG1C,MAAMC,qBAAqB,GAAGA,CAAA,KAAM;EAClC,oBACEH,IAAA,CAACF,IAAI;IACHM,KAAK,EAAE;MACLC,OAAO,EAAE,MAAM;MACfC,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE;IACd,CAAE;IAAAC,QAAA,eAEFR,IAAA,CAACF,IAAI;MAACM,KAAK,EAAE;QAAEC,OAAO,EAAE,MAAM;QAAEI,aAAa,EAAE,QAAQ;QAAEC,GAAG,EAAE;MAAG,CAAE;MAAAF,QAAA,eAEjEN,KAAA,CAACJ,IAAI;QACHM,KAAK,EAAE;UACLK,aAAa,EAAE,QAAQ;UACvBC,GAAG,EAAE,CAAC;UACNC,OAAO,EAAE,EAAE;UACXL,cAAc,EAAE;QAClB,CAAE;QAAAE,QAAA,gBAEFR,IAAA,CAACH,IAAI;UACHO,KAAK,EAAE;YACLQ,KAAK,EAAE,SAAS;YAChBC,SAAS,EAAE,QAAQ;YACnBC,QAAQ,EAAE,EAAE;YACZC,UAAU,EAAE;UACd,CAAE;UAAAP,QAAA,EACH;QAED,CAAM,CAAC,eACPR,IAAA,CAACH,IAAI;UACHO,KAAK,EAAE;YACLQ,KAAK,EAAE,SAAS;YAChBC,SAAS,EAAE,QAAQ;YACnBC,QAAQ,EAAE,EAAE;YACZC,UAAU,EAAE;UACd,CAAE;UAAAP,QAAA,EACH;QAED,CAAM,CAAC;MAAA,CACH;IAAC,CACH;EAAC,CACH,CAAC;AAEX,CAAC;AAED,eAAeL,qBAAqB","ignoreList":[]}

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

@@ -0,0 +1,91 @@
+"use strict";
+
+import React, { useMemo } from 'react';
+import { EditIcon } from '../../assets/icons';
+import { AvatarCircle, AvatarImage, InitialsText, Overlay, RemoveButton, RemoveButtonText, Wrapper } from '../styled/StyledComponents';
+import { nameToColor } from '../../helpers/hashcolor';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const ProfileImagePlaceholder = ({
+  name,
+  icon,
+  click,
+  size = 64,
+  upload,
+  remove,
+  role,
+  active = false,
+  placeholderIcon,
+  disableOverlay
+}) => {
+  const backgroundColor = useMemo(() => {
+    if (!name) {
+      return {
+        backgroundColor: 'transparent'
+      };
+    }
+    return nameToColor(name);
+  }, [name]);
+  const getTwoUppercaseLetters = fullName => {
+    if (!fullName) {
+      return '';
+    }
+    const words = fullName.trim().split(' ').filter(word => word.length > 0);
+    if (words.length === 0) {
+      return '';
+    }
+    if (words.length >= 2) {
+      const firstLetter = /^[a-zA-Zа-яА-ЯёЁ]$/.test(words[0]?.[0] || '') ? words[0][0].toUpperCase() : '';
+      const secondLetter = /^[a-zA-Zа-яА-ЯёЁ]$/.test(words[1]?.[0] || '') ? words[1][0].toUpperCase() : '';
+      return firstLetter + secondLetter;
+    }
+    if (words.length === 1 && words[0].length >= 2) {
+      const firstLetter = /^[a-zA-Zа-яА-ЯёЁ]$/.test(words[0][0] || '') ? words[0][0].toUpperCase() : '';
+      const secondLetter = /^[a-zA-Zа-яА-ЯёЁ]$/.test(words[0][1] || '') ? words[0][1].toUpperCase() : '';
+      return firstLetter + secondLetter;
+    }
+    if (words.length === 1 && words[0].length === 1) {
+      return /^[a-zA-Zа-яА-ЯёЁ]$/.test(words[0][0] || '') ? words[0][0].toUpperCase() : '';
+    }
+    return '';
+  };
+  const getInitials = () => !icon && name ? getTwoUppercaseLetters(name) : '';
+  return /*#__PURE__*/_jsxs(Wrapper, {
+    bgColor: icon ? 'transparent' : backgroundColor?.backgroundColor,
+    size: size,
+    isClickable: active || !!upload?.active,
+    children: [/*#__PURE__*/_jsxs(AvatarCircle, {
+      bgColor: icon ? 'transparent' : backgroundColor?.backgroundColor,
+      size: size,
+      isClickable: active || !!upload?.active,
+      onPress: upload?.active ? upload.onUpload : click?.isClick ? click.onPress : undefined,
+      children: [icon ? /*#__PURE__*/_jsx(AvatarImage, {
+        source: typeof icon === 'string' ? {
+          uri: icon
+        } : icon,
+        size: size
+      }) : placeholderIcon ? placeholderIcon :
+      /*#__PURE__*/
+      // Black initials on the pastel hash-color bg — white text
+      // on these light backgrounds is unreadable (matches web's
+      // default-color behavior).
+      _jsx(InitialsText, {
+        size: size,
+        color: "#141414",
+        children: getInitials()
+      }), upload?.active && !disableOverlay && /*#__PURE__*/_jsx(Overlay, {
+        children: /*#__PURE__*/_jsx(EditIcon, {
+          style: {
+            fontSize: size / 2
+          },
+          color: "#141414"
+        })
+      })]
+    }), remove?.enabled && icon && role !== 'participant' && /*#__PURE__*/_jsx(RemoveButton, {
+      onPress: remove.onRemoveClick,
+      children: /*#__PURE__*/_jsx(RemoveButtonText, {
+        children: "\xD7"
+      })
+    })]
+  });
+};
+//# sourceMappingURL=ProfileImagePlaceholder.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","EditIcon","AvatarCircle","AvatarImage","InitialsText","Overlay","RemoveButton","RemoveButtonText","Wrapper","nameToColor","jsx","_jsx","jsxs","_jsxs","ProfileImagePlaceholder","name","icon","click","size","upload","remove","role","active","placeholderIcon","disableOverlay","backgroundColor","getTwoUppercaseLetters","fullName","words","trim","split","filter","word","length","firstLetter","test","toUpperCase","secondLetter","getInitials","bgColor","isClickable","children","onPress","onUpload","isClick","undefined","source","uri","color","style","fontSize","enabled","onRemoveClick"],"sourceRoot":"../../../../src","sources":["components/MainComponents/ProfileImagePlaceholder.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AAGtC,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C,SACEC,YAAY,EACZC,WAAW,EACXC,YAAY,EACZC,OAAO,EACPC,YAAY,EACZC,gBAAgB,EAChBC,OAAO,QACF,4BAA4B;AACnC,SAASC,WAAW,QAAQ,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAwBtD,OAAO,MAAMC,uBAEZ,GAAGA,CAAC;EACHC,IAAI;EACJC,IAAI;EACJC,KAAK;EACLC,IAAI,GAAG,EAAE;EACTC,MAAM;EACNC,MAAM;EACNC,IAAI;EACJC,MAAM,GAAG,KAAK;EACdC,eAAe;EACfC;AACF,CAAC,KAAK;EACJ,MAAMC,eAAe,GAAGzB,OAAO,CAAC,MAAM;IACpC,IAAG,CAACe,IAAI,EAAE;MACR,OAAO;QAAEU,eAAe,EAAE;MAAc,CAAC;IAC3C;IACA,OAAOhB,WAAW,CAACM,IAAI,CAAC;EAC1B,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EAEV,MAAMW,sBAAsB,GAAIC,QAAgB,IAAK;IACnD,IAAI,CAACA,QAAQ,EAAE;MAAC,OAAO,EAAE;IAAC;IAE1B,MAAMC,KAAK,GAAGD,QAAQ,CAACE,IAAI,CAAC,CAAC,CAACC,KAAK,CAAC,GAAG,CAAC,CAACC,MAAM,CAACC,IAAI,IAAIA,IAAI,CAACC,MAAM,GAAG,CAAC,CAAC;IAExE,IAAIL,KAAK,CAACK,MAAM,KAAK,CAAC,EAAE;MAAC,OAAO,EAAE;IAAC;IAEnC,IAAIL,KAAK,CAACK,MAAM,IAAI,CAAC,EAAE;MACrB,MAAMC,WAAW,GAAG,oBAAoB,CAACC,IAAI,CAACP,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,GAC9DA,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAACQ,WAAW,CAAC,CAAC,GACzB,EAAE;MACN,MAAMC,YAAY,GAAG,oBAAoB,CAACF,IAAI,CAACP,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,GAC/DA,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAACQ,WAAW,CAAC,CAAC,GACzB,EAAE;MACN,OAAOF,WAAW,GAAGG,YAAY;IACnC;IAEA,IAAIT,KAAK,CAACK,MAAM,KAAK,CAAC,IAAIL,KAAK,CAAC,CAAC,CAAC,CAACK,MAAM,IAAI,CAAC,EAAE;MAC9C,MAAMC,WAAW,GAAG,oBAAoB,CAACC,IAAI,CAACP,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,GAC5DA,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAACQ,WAAW,CAAC,CAAC,GACzB,EAAE;MACN,MAAMC,YAAY,GAAG,oBAAoB,CAACF,IAAI,CAACP,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,GAC7DA,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAACQ,WAAW,CAAC,CAAC,GACzB,EAAE;MACN,OAAOF,WAAW,GAAGG,YAAY;IACnC;IAEA,IAAIT,KAAK,CAACK,MAAM,KAAK,CAAC,IAAIL,KAAK,CAAC,CAAC,CAAC,CAACK,MAAM,KAAK,CAAC,EAAE;MAC/C,OAAO,oBAAoB,CAACE,IAAI,CAACP,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,GAC/CA,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAACQ,WAAW,CAAC,CAAC,GACzB,EAAE;IACR;IAEA,OAAO,EAAE;EACX,CAAC;EAED,MAAME,WAAW,GAAGA,CAAA,KAAO,CAACtB,IAAI,IAAID,IAAI,GAAGW,sBAAsB,CAACX,IAAI,CAAC,GAAG,EAAG;EAE7E,oBACEF,KAAA,CAACL,OAAO;IACN+B,OAAO,EAAEvB,IAAI,GAAG,aAAa,GAAGS,eAAe,EAAEA,eAAgB;IACjEP,IAAI,EAAEA,IAAK;IACXsB,WAAW,EAAElB,MAAM,IAAI,CAAC,CAACH,MAAM,EAAEG,MAAO;IAAAmB,QAAA,gBAExC5B,KAAA,CAACX,YAAY;MACXqC,OAAO,EAAEvB,IAAI,GAAG,aAAa,GAAGS,eAAe,EAAEA,eAAgB;MACjEP,IAAI,EAAEA,IAAK;MACXsB,WAAW,EAAElB,MAAM,IAAI,CAAC,CAACH,MAAM,EAAEG,MAAO;MACxCoB,OAAO,EACLvB,MAAM,EAAEG,MAAM,GACVH,MAAM,CAACwB,QAAQ,GACf1B,KAAK,EAAE2B,OAAO,GACd3B,KAAK,CAACyB,OAAO,GACbG,SACL;MAAAJ,QAAA,GAEAzB,IAAI,gBACHL,IAAA,CAACR,WAAW;QACV2C,MAAM,EAAE,OAAO9B,IAAI,KAAK,QAAQ,GAAG;UAAE+B,GAAG,EAAE/B;QAAK,CAAC,GAAGA,IAAY;QAC/DE,IAAI,EAAEA;MAAK,CACZ,CAAC,GACAK,eAAe,GACjBA,eAAe;MAAA;MAEf;MACA;MACA;MACAZ,IAAA,CAACP,YAAY;QAACc,IAAI,EAAEA,IAAK;QAAC8B,KAAK,EAAC,SAAS;QAAAP,QAAA,EACtCH,WAAW,CAAC;MAAC,CACF,CACf,EACAnB,MAAM,EAAEG,MAAM,IAAI,CAACE,cAAc,iBAChCb,IAAA,CAACN,OAAO;QAAAoC,QAAA,eACN9B,IAAA,CAACV,QAAQ;UAACgD,KAAK,EAAE;YAAEC,QAAQ,EAAEhC,IAAI,GAAG;UAAE,CAAE;UAAC8B,KAAK,EAAC;QAAS,CAAE;MAAC,CACpD,CACV;IAAA,CACW,CAAC,EACd5B,MAAM,EAAE+B,OAAO,IAAInC,IAAI,IAAIK,IAAI,KAAK,aAAa,iBAChDV,IAAA,CAACL,YAAY;MAACoC,OAAO,EAAEtB,MAAM,CAACgC,aAAc;MAAAX,QAAA,eAC1C9B,IAAA,CAACJ,gBAAgB;QAAAkC,QAAA,EAAC;MAAO,CAAkB;IAAC,CAChC,CACf;EAAA,CACM,CAAC;AAEd,CAAC","ignoreList":[]}

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

@@ -0,0 +1,31 @@
+"use strict";
+
+import styled from 'styled-components/native';
+export const Container = styled.View`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  padding: 20px;
+  gap: 8px;
+`;
+export const Message = styled.Text`
+  font-size: 16px;
+  color: #333;
+`;
+export const OrDelimiter = styled.Text`
+  font-size: 14px;
+  color: #666;
+`;
+export const CustomButton = styled.TouchableOpacity`
+  width: 100%;
+  background-color: #007bff;
+  padding: 10px;
+  border-radius: 4px;
+  align-items: center;
+`;
+export const ButtonText = styled.Text`
+  color: #fff;
+  font-size: 16px;
+`;
+//# sourceMappingURL=RNStyled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["styled","Container","View","Message","Text","OrDelimiter","CustomButton","TouchableOpacity","ButtonText"],"sourceRoot":"../../../../src","sources":["components/MainComponents/RNStyled.tsx"],"mappings":";;AACA,OAAOA,MAAM,MAAM,0BAA0B;AAE7C,OAAO,MAAMC,SAAS,GAAGD,MAAM,CAACE,IAAI;AACpC;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMC,OAAO,GAAGH,MAAM,CAACI,IAAI;AAClC;AACA;AACA,CAAC;AAED,OAAO,MAAMC,WAAW,GAAGL,MAAM,CAACI,IAAI;AACtC;AACA;AACA,CAAC;AAED,OAAO,MAAME,YAAY,GAAGN,MAAM,CAACO,gBAAgB;AACnD;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMC,UAAU,GAAGR,MAAM,CAACI,IAAI;AACrC;AACA;AACA,CAAC","ignoreList":[]}

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

@@ -0,0 +1,37 @@
+"use strict";
+
+import React, { useMemo } from 'react';
+import { Provider } from 'react-redux';
+import { KeyboardProvider } from 'react-native-keyboard-controller';
+import { store } from '../../roomStore';
+import { XmppProvider } from '../../context/xmppProvider';
+import { MessageNotificationProvider } from '../../context/MessageNotificationContext';
+import { ToastProvider } from '../../context/ToastContext';
+import LoginWrapper from './LoginWrapper';
+import '../../helpers/storeConsole';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const ReduxWrapper = /*#__PURE__*/React.memo(({
+  ...props
+}) => {
+  const memoizedConfig = useMemo(() => {
+    return props.config;
+  }, [props.config]);
+  return /*#__PURE__*/_jsx(Provider, {
+    store: store,
+    children: /*#__PURE__*/_jsx(KeyboardProvider, {
+      children: /*#__PURE__*/_jsx(XmppProvider, {
+        config: memoizedConfig,
+        children: /*#__PURE__*/_jsx(ToastProvider, {
+          children: /*#__PURE__*/_jsx(MessageNotificationProvider, {
+            config: memoizedConfig,
+            children: /*#__PURE__*/_jsx(LoginWrapper, {
+              config: memoizedConfig,
+              ...props
+            })
+          })
+        })
+      })
+    })
+  });
+});
+//# sourceMappingURL=ReduxWrapper.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","Provider","KeyboardProvider","store","XmppProvider","MessageNotificationProvider","ToastProvider","LoginWrapper","jsx","_jsx","ReduxWrapper","memo","props","memoizedConfig","config","children"],"sourceRoot":"../../../../src","sources":["components/MainComponents/ReduxWrapper.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAGC,OAAO,QAAO,OAAO;AACpC,SAAQC,QAAQ,QAAO,aAAa;AACpC,SAAQC,gBAAgB,QAAO,kCAAkC;AACjE,SAAQC,KAAK,QAAO,iBAAiB;AAErC,SAAQC,YAAY,QAAO,4BAA4B;AACvD,SAAQC,2BAA2B,QAAO,0CAA0C;AACpF,SAAQC,aAAa,QAAO,4BAA4B;AACxD,OAAOC,YAAY,MAAM,gBAAgB;AACzC,OAAO,4BAA4B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAYpC,OAAO,MAAMC,YAAwC,gBAAGX,KAAK,CAACY,IAAI,CAChE,CAAC;EAAC,GAAGC;AAAK,CAAC,KAAK;EACd,MAAMC,cAAc,GAAGb,OAAO,CAAC,MAAM;IACnC,OAAOY,KAAK,CAACE,MAAM;EACrB,CAAC,EAAE,CAACF,KAAK,CAACE,MAAM,CAAC,CAAC;EAElB,oBACEL,IAAA,CAACR,QAAQ;IAACE,KAAK,EAAEA,KAAM;IAAAY,QAAA,eACrBN,IAAA,CAACP,gBAAgB;MAAAa,QAAA,eACfN,IAAA,CAACL,YAAY;QAACU,MAAM,EAAED,cAAe;QAAAE,QAAA,eACnCN,IAAA,CAACH,aAAa;UAAAS,QAAA,eACZN,IAAA,CAACJ,2BAA2B;YAACS,MAAM,EAAED,cAAe;YAAAE,QAAA,eAClDN,IAAA,CAACF,YAAY;cAACO,MAAM,EAAED,cAAe;cAAA,GAAKD;YAAK,CAAG;UAAC,CACxB;QAAC,CACjB;MAAC,CACJ;IAAC,CACC;EAAC,CACX,CAAC;AAEf,CACF,CAAC","ignoreList":[]}