@ethora/chat-component-rn 26.4.2 → 26.5.2

package/lib/module/components/RoomComponents/styled/StyledRoomComponents.js

@@ -0,0 +1,49 @@
+"use strict";
+
+import styled from 'styled-components/native';
+export const LastRoomMessageContainer = styled.View`
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  align-items: flex-start;
+  margin-right: 8px;
+`;
+export const LastRoomMessageName = styled.Text`
+  font-weight: 600;
+  max-width: 190px;
+`;
+export const LastRoomMessageText = styled.Text`
+  max-width: 190px;
+  flex-shrink: 1;
+  flex-wrap: nowrap;
+`;
+export const NewMessageMarker = styled.View`
+  border-radius: 8px;
+  padding: 2px 2px;
+  font-weight: 600;
+  min-width: 24px;
+  min-height: 24px;
+  font-size: 14px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-left: auto;
+`;
+export const LastMessageImg = styled.Image`
+  width: 20px;
+  height: 20px;
+  resize-mode: cover;
+  pointer-events: none;
+`;
+export const ShadeWrapper = styled.View`
+  width: 100%;
+  height: 100%;
+  position: relative;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: rgba(0, 0, 0, 0.5);
+  z-index: 1;
+`;
+//# sourceMappingURL=StyledRoomComponents.js.map

package/lib/module/components/RoomComponents/styled/StyledRoomComponents.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["styled","LastRoomMessageContainer","View","LastRoomMessageName","Text","LastRoomMessageText","NewMessageMarker","LastMessageImg","Image","ShadeWrapper"],"sourceRoot":"../../../../../src","sources":["components/RoomComponents/styled/StyledRoomComponents.ts"],"mappings":";;AACA,OAAOA,MAAM,MAAM,0BAA0B;AAE7C,OAAO,MAAMC,wBAAwB,GAAGD,MAAM,CAACE,IAAI;AACnD;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMC,mBAAmB,GAAGH,MAAM,CAACI,IAAI;AAC9C;AACA;AACA,CAAC;AAED,OAAO,MAAMC,mBAAmB,GAAGL,MAAM,CAACI,IAAI;AAC9C;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAME,gBAAgB,GAAGN,MAAM,CAACE,IAAI;AAC3C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMK,cAAc,GAAGP,MAAM,CAACQ,KAAK;AAC1C;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMC,YAAY,GAAGT,MAAM,CAACE,IAAI;AACvC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}

package/lib/module/components/SortDropDown/index.js

@@ -0,0 +1,62 @@
+"use strict";
+
+import React, { useState } from 'react';
+import styled from 'styled-components/native';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const DropdownContainer = styled.View`
+  position: relative;
+  display: inline-block;
+`;
+const DropdownButton = styled.TouchableOpacity`
+  background-color: transparent;
+  border: none;
+  cursor: pointer;
+`;
+const DropdownIcon = styled.Text`
+  margin-left: 5px;
+`;
+const DropdownList = styled.View`
+  position: absolute;
+  top: 100%;
+  left: 0;
+  z-index: 1;
+  list-style-type: none;
+  padding: 0;
+  margin: 0;
+  background-color: #fff;
+  border: 1px solid #ccc;
+`;
+const DropdownItem = styled.Text`
+  padding: 10px;
+  cursor: pointer;
+
+  &:hover {
+    background-color: #f2f2f2;
+  }
+`;
+const DropdownMenu = ({
+  sortFunction,
+  icon,
+  values
+}) => {
+  const [isOpen, setIsOpen] = useState(false);
+  const handleItemClick = value => {
+    sortFunction(value);
+    setIsOpen(false);
+  };
+  return /*#__PURE__*/_jsxs(DropdownContainer, {
+    children: [/*#__PURE__*/_jsx(DropdownButton, {
+      onPress: () => setIsOpen(!isOpen),
+      children: icon && /*#__PURE__*/_jsx(DropdownIcon, {
+        children: icon
+      })
+    }), isOpen && /*#__PURE__*/_jsx(DropdownList, {
+      children: values.map(value => /*#__PURE__*/_jsx(DropdownItem, {
+        onPress: () => handleItemClick(value),
+        children: value
+      }, value))
+    })]
+  });
+};
+export default DropdownMenu;
+//# sourceMappingURL=index.js.map

package/lib/module/components/SortDropDown/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","styled","jsx","_jsx","jsxs","_jsxs","DropdownContainer","View","DropdownButton","TouchableOpacity","DropdownIcon","Text","DropdownList","DropdownItem","DropdownMenu","sortFunction","icon","values","isOpen","setIsOpen","handleItemClick","value","children","onPress","map"],"sourceRoot":"../../../../src","sources":["components/SortDropDown/index.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,OAAOC,MAAM,MAAM,0BAA0B;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAQ9C,MAAMC,iBAAiB,GAAGL,MAAM,CAACM,IAAI;AACrC;AACA;AACA,CAAC;AAED,MAAMC,cAAc,GAAGP,MAAM,CAACQ,gBAAgB;AAC9C;AACA;AACA;AACA,CAAC;AAED,MAAMC,YAAY,GAAGT,MAAM,CAACU,IAAI;AAChC;AACA,CAAC;AAED,MAAMC,YAAY,GAAGX,MAAM,CAACM,IAAI;AAChC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,MAAMM,YAAY,GAAGZ,MAAM,CAACU,IAAI;AAChC;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,MAAMG,YAAqC,GAAGA,CAAC;EAC7CC,YAAY;EACZC,IAAI;EACJC;AACF,CAAC,KAAK;EACJ,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGnB,QAAQ,CAAC,KAAK,CAAC;EAE3C,MAAMoB,eAAe,GAAIC,KAAa,IAAK;IACzCN,YAAY,CAACM,KAAK,CAAC;IACnBF,SAAS,CAAC,KAAK,CAAC;EAClB,CAAC;EAED,oBACEd,KAAA,CAACC,iBAAiB;IAAAgB,QAAA,gBAChBnB,IAAA,CAACK,cAAc;MAACe,OAAO,EAAEA,CAAA,KAAMJ,SAAS,CAAC,CAACD,MAAM,CAAE;MAAAI,QAAA,EAC/CN,IAAI,iBAAIb,IAAA,CAACO,YAAY;QAAAY,QAAA,EAAEN;MAAI,CAAe;IAAC,CAC9B,CAAC,EAChBE,MAAM,iBACLf,IAAA,CAACS,YAAY;MAAAU,QAAA,EACVL,MAAM,CAACO,GAAG,CAAEH,KAAK,iBAChBlB,IAAA,CAACU,YAAY;QAAaU,OAAO,EAAEA,CAAA,KAAMH,eAAe,CAACC,KAAK,CAAE;QAAAC,QAAA,EAC7DD;MAAK,GADWA,KAEL,CACf;IAAC,CACU,CACf;EAAA,CACgB,CAAC;AAExB,CAAC;AAED,eAAeP,YAAY","ignoreList":[]}

package/lib/module/components/Thread/ThreadHeader.js

@@ -0,0 +1,45 @@
+"use strict";
+
+import { ChatContainerHeader, ChatContainerHeaderLabel } from '../styled/StyledComponents';
+import Button from '../styled/Button';
+import { CloseIcon } from '../../assets/icons';
+import { useDispatch } from 'react-redux';
+import { setCloseActiveMessage } from '../../roomStore/roomsSlice';
+import { View } from 'react-native';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const ThreadHeader = ({
+  chatJID
+}) => {
+  const dispatch = useDispatch();
+  const handleCloseThread = () => {
+    dispatch(setCloseActiveMessage({
+      chatJID: chatJID
+    }));
+  };
+  return /*#__PURE__*/_jsxs(ChatContainerHeader, {
+    children: [/*#__PURE__*/_jsx(View, {
+      style: {
+        display: 'flex',
+        gap: 8
+      },
+      children: /*#__PURE__*/_jsx(ChatContainerHeaderLabel, {
+        children: "Thread"
+      })
+    }), /*#__PURE__*/_jsx(View, {
+      style: {
+        display: 'flex',
+        gap: 16
+      },
+      children: /*#__PURE__*/_jsx(Button, {
+        style: {
+          padding: 8
+        },
+        EndIcon: /*#__PURE__*/_jsx(CloseIcon, {}),
+        unstyled: true,
+        onPress: handleCloseThread
+      })
+    })]
+  });
+};
+export default ThreadHeader;
+//# sourceMappingURL=ThreadHeader.js.map

package/lib/module/components/Thread/ThreadHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ChatContainerHeader","ChatContainerHeaderLabel","Button","CloseIcon","useDispatch","setCloseActiveMessage","View","jsx","_jsx","jsxs","_jsxs","ThreadHeader","chatJID","dispatch","handleCloseThread","children","style","display","gap","padding","EndIcon","unstyled","onPress"],"sourceRoot":"../../../../src","sources":["components/Thread/ThreadHeader.tsx"],"mappings":";;AACA,SACEA,mBAAmB,EACnBC,wBAAwB,QACnB,4BAA4B;AACnC,OAAOC,MAAM,MAAM,kBAAkB;AACrC,SAASC,SAAS,QAAQ,oBAAoB;AAC9C,SAASC,WAAW,QAAQ,aAAa;AACzC,SAASC,qBAAqB,QAAQ,4BAA4B;AAClE,SAASC,IAAI,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAMpC,MAAMC,YAAmC,GAAGA,CAAC;EAAEC;AAAQ,CAAC,KAAK;EAC3D,MAAMC,QAAQ,GAAGT,WAAW,CAAC,CAAC;EAE9B,MAAMU,iBAAiB,GAAGA,CAAA,KAAM;IAC9BD,QAAQ,CAACR,qBAAqB,CAAC;MAAEO,OAAO,EAAEA;IAAQ,CAAC,CAAC,CAAC;EACvD,CAAC;EAED,oBACEF,KAAA,CAACV,mBAAmB;IAAAe,QAAA,gBAClBP,IAAA,CAACF,IAAI;MAACU,KAAK,EAAE;QAAEC,OAAO,EAAE,MAAM;QAAEC,GAAG,EAAE;MAAE,CAAE;MAAAH,QAAA,eACvCP,IAAA,CAACP,wBAAwB;QAAAc,QAAA,EAAC;MAAM,CAA0B;IAAC,CACvD,CAAC,eAEPP,IAAA,CAACF,IAAI;MAACU,KAAK,EAAE;QAAEC,OAAO,EAAE,MAAM;QAAEC,GAAG,EAAE;MAAG,CAAE;MAAAH,QAAA,eACxCP,IAAA,CAACN,MAAM;QACLc,KAAK,EAAE;UAAEG,OAAO,EAAE;QAAE,CAAE;QACtBC,OAAO,eAAEZ,IAAA,CAACL,SAAS,IAAE,CAAE;QACvBkB,QAAQ;QACRC,OAAO,EAAER;MAAkB,CAC5B;IAAC,CACE,CAAC;EAAA,CACY,CAAC;AAE1B,CAAC;AAED,eAAeH,YAAY","ignoreList":[]}

package/lib/module/components/Thread/ThreadWrapper.js

@@ -0,0 +1,206 @@
+"use strict";
+
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { AlsoCheckbox, AlsoContainer } from '../styled/StyledComponents';
+import SendInput from '../styled/SendInput';
+import { useDispatch } from 'react-redux';
+import { useXmppClient } from '../../context/xmppProvider';
+import MessageList from '../MainComponents/MessageList';
+import ModalHeaderComponent from '../Modals/ModalHeaderComponent';
+import { setCloseActiveMessage, setEditAction } from '../../roomStore/roomsSlice';
+import { EditWrapper } from '../MainComponents/EditWrapper';
+import { useSendMessage } from '../../hooks/useSendMessage';
+import { createMainMessageForThread } from '../../helpers/createMainMessageForThread';
+import { useRoomState } from '../../hooks/useRoomState';
+import { useChatSettingState } from '../../hooks/useChatSettingState';
+import { Animated, Text, TouchableOpacity, StyleSheet, PanResponder } from 'react-native';
+import CustomTypingIndicator from '../styled/StyledInputComponents/CustomTypingIndicator';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const ThreadWrapper = ({
+  activeMessage,
+  user,
+  customMessageComponent: CustomMessageComponent
+}) => {
+  const {
+    client
+  } = useXmppClient();
+  const dispatch = useDispatch();
+  const {
+    loading,
+    roomsList,
+    editAction,
+    activeRoomJID
+  } = useRoomState();
+  const {
+    config
+  } = useChatSettingState();
+  const {
+    sendMessage: sendMs,
+    sendMedia: sendMessageMedia,
+    sendEditMessage,
+    isLastMessageFromUserAndProcessing
+  } = useSendMessage();
+  const [isLoadingMore, setIsLoadingMore] = useState(false);
+  const [isChecked, setIsChecked] = useState(false);
+  const slideAnim = useRef(new Animated.Value(300)).current;
+  const panResponder = useRef(PanResponder.create({
+    onStartShouldSetPanResponder: (e, gestureState) => {
+      return gestureState.x0 <= 100;
+    },
+    onMoveShouldSetPanResponder: (e, gestureState) => {
+      return gestureState.x0 <= 100 && gestureState.dx > 0;
+    },
+    onPanResponderMove: (e, gestureState) => {
+      if (gestureState.x0 <= 100 && gestureState.dx > 0) {
+        slideAnim.setValue(gestureState.dx);
+      }
+    },
+    onPanResponderRelease: (e, gestureState) => {
+      if (gestureState.x0 <= 100 && gestureState.dx > 150) {
+        closeThread();
+      } else {
+        Animated.spring(slideAnim, {
+          toValue: 0,
+          useNativeDriver: true
+        }).start();
+      }
+    }
+  })).current;
+  const loadMoreMessages = useCallback(async (chatJID, max, idOfMessageBefore) => {
+    if (!isLoadingMore) {
+      client?.getHistoryStanza(chatJID, max, idOfMessageBefore).then(() => {
+        setIsLoadingMore(false);
+      }).catch(err => {
+        console.warn('getHistoryStanza failed', err);
+        setIsLoadingMore(false);
+      });
+    }
+  }, [client]);
+  const sendMessage = useCallback(message => {
+    sendMs(message, activeMessage.roomJid, true, isChecked, createMainMessageForThread(activeMessage));
+  }, [activeMessage, isChecked]);
+  const sendMedia = useCallback((data, type) => {
+    sendMessageMedia(data, type, activeMessage.roomJid, true, isChecked, createMainMessageForThread(activeMessage));
+  }, [activeMessage, isChecked]);
+  const sendStartComposing = useCallback(() => {
+    if (config?.disableTypingIndicator) {
+      return;
+    }
+    client?.sendTypingRequestStanza(activeMessage.roomJid, `${user.firstName} ${user.lastName}`, true);
+  }, []);
+  const sendEndComposing = useCallback(() => {
+    if (config?.disableTypingIndicator) {
+      return;
+    }
+    client?.sendTypingRequestStanza(activeMessage.roomJid, `${user.firstName} ${user.lastName}`, false);
+  }, []);
+  const onCloseEdit = () => {
+    dispatch(setEditAction({
+      isEdit: false
+    }));
+  };
+  const closeThread = () => {
+    dispatch(setCloseActiveMessage({
+      chatJID: activeMessage.roomJid
+    }));
+    dispatch(setEditAction({
+      isEdit: false
+    }));
+  };
+  useEffect(() => {
+    if (activeMessage?.activeMessage) {
+      Animated.timing(slideAnim, {
+        toValue: 0,
+        duration: 300,
+        useNativeDriver: true
+      }).start();
+    } else {
+      Animated.timing(slideAnim, {
+        toValue: 300,
+        duration: 300,
+        useNativeDriver: true
+      }).start();
+    }
+  }, [activeMessage?.activeMessage]);
+  return /*#__PURE__*/_jsxs(Animated.View, {
+    ...panResponder.panHandlers,
+    style: [styles.threadContainer, {
+      transform: [{
+        translateX: slideAnim
+      }]
+    }
+    // ...config?.chatRoomStyles,
+    ],
+    children: [/*#__PURE__*/_jsx(ModalHeaderComponent, {
+      headerTitle: "Thread",
+      handleCloseModal: closeThread
+    }), /*#__PURE__*/_jsx(MessageList, {
+      loadMoreMessages: loadMoreMessages,
+      CustomMessage: CustomMessageComponent,
+      user: user,
+      roomJID: activeMessage.roomJid,
+      config: config,
+      loading: isLoadingMore,
+      activeMessage: activeMessage,
+      isReply: true
+    }), /*#__PURE__*/_jsxs(AlsoContainer, {
+      onPress: () => setIsChecked(prev => !prev),
+      children: [/*#__PURE__*/_jsx(AlsoCheckbox, {
+        accentColor: isChecked ? config?.colors?.primary || '#0052CD' : '#fff'
+        // checked={isChecked}
+        // onPress={() => setIsChecked(!isChecked)}
+      }), /*#__PURE__*/_jsx(Text, {
+        children: "Also send to"
+      }), /*#__PURE__*/_jsx(TouchableOpacity, {
+        onPress: closeThread,
+        children: /*#__PURE__*/_jsx(Text, {
+          style: {
+            color: config?.colors?.primary || '#0052CD',
+            fontWeight: 500
+          },
+          children: roomsList[activeMessage.roomJid].name
+        })
+      })]
+    }), editAction && editAction.isEdit && /*#__PURE__*/_jsx(EditWrapper, {
+      text: editAction.text || '',
+      onClose: onCloseEdit
+    }), /*#__PURE__*/_jsx(SendInput, {
+      editMessage: editAction && editAction.text,
+      sendMedia: sendMedia,
+      sendMessage: editAction && editAction.isEdit ? sendEditMessage : sendMessage,
+      config: config,
+      onFocus: sendStartComposing,
+      onBlur: sendEndComposing,
+      isLoading: loading,
+      isMessageProcessing: isLastMessageFromUserAndProcessing(activeMessage.roomJid)
+    }), config?.customTypingIndicator?.enabled && (config.customTypingIndicator.position === 'overlay' || config.customTypingIndicator.position === 'floating') && roomsList[activeMessage.roomJid]?.composing && /*#__PURE__*/_jsx(CustomTypingIndicator, {
+      usersTyping: roomsList[activeMessage.roomJid]?.composingList || ['User'],
+      text: config.customTypingIndicator.text,
+      position: config.customTypingIndicator.position,
+      styles: config.customTypingIndicator.styles,
+      customComponent: config.customTypingIndicator.customComponent,
+      isVisible: roomsList[activeMessage.roomJid]?.composing || false
+    })]
+  });
+};
+export default ThreadWrapper;
+const styles = StyleSheet.create({
+  threadContainer: {
+    zIndex: 999,
+    position: 'absolute',
+    top: 0,
+    bottom: 0,
+    right: 0,
+    width: '100%',
+    height: '100%',
+    backgroundColor: '#f3f6fc',
+    flexDirection: 'column',
+    justifyContent: 'space-between',
+    flex: 1
+  },
+  text: {
+    color: '#fff',
+    fontSize: 18
+  }
+});
+//# sourceMappingURL=ThreadWrapper.js.map

package/lib/module/components/Thread/ThreadWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useEffect","useRef","useState","AlsoCheckbox","AlsoContainer","SendInput","useDispatch","useXmppClient","MessageList","ModalHeaderComponent","setCloseActiveMessage","setEditAction","EditWrapper","useSendMessage","createMainMessageForThread","useRoomState","useChatSettingState","Animated","Text","TouchableOpacity","StyleSheet","PanResponder","CustomTypingIndicator","jsx","_jsx","jsxs","_jsxs","ThreadWrapper","activeMessage","user","customMessageComponent","CustomMessageComponent","client","dispatch","loading","roomsList","editAction","activeRoomJID","config","sendMessage","sendMs","sendMedia","sendMessageMedia","sendEditMessage","isLastMessageFromUserAndProcessing","isLoadingMore","setIsLoadingMore","isChecked","setIsChecked","slideAnim","Value","current","panResponder","create","onStartShouldSetPanResponder","e","gestureState","x0","onMoveShouldSetPanResponder","dx","onPanResponderMove","setValue","onPanResponderRelease","closeThread","spring","toValue","useNativeDriver","start","loadMoreMessages","chatJID","max","idOfMessageBefore","getHistoryStanza","then","catch","err","console","warn","message","roomJid","data","type","sendStartComposing","disableTypingIndicator","sendTypingRequestStanza","firstName","lastName","sendEndComposing","onCloseEdit","isEdit","timing","duration","View","panHandlers","style","styles","threadContainer","transform","translateX","children","headerTitle","handleCloseModal","CustomMessage","roomJID","isReply","onPress","prev","accentColor","colors","primary","color","fontWeight","name","text","onClose","editMessage","onFocus","onBlur","isLoading","isMessageProcessing","customTypingIndicator","enabled","position","composing","usersTyping","composingList","customComponent","isVisible","zIndex","top","bottom","right","width","height","backgroundColor","flexDirection","justifyContent","flex","fontSize"],"sourceRoot":"../../../../src","sources":["components/Thread/ThreadWrapper.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Toast/Toast.js

@@ -0,0 +1,111 @@
+"use strict";
+
+import React, { useEffect, useRef } from 'react';
+import { Animated } from 'react-native';
+import styled, { css } from 'styled-components/native';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const ToastContainer = styled(Animated.View)`
+  ${({
+  type
+}) => {
+  let backgroundColor = '#333';
+  switch (type) {
+    case 'success':
+      backgroundColor = '#4caf50';
+      break;
+    case 'error':
+      backgroundColor = '#f44336';
+      break;
+    case 'info':
+      backgroundColor = '#2196F3';
+      break;
+  }
+  return css`
+      background-color: ${backgroundColor};
+    `;
+}}
+  padding: 12px;
+  border-radius: 6px;
+  margin-bottom: 8px;
+  width: 240px;
+  shadow-color: #000;
+  shadow-offset: 0px 2px;
+  shadow-opacity: 0.2;
+  shadow-radius: 4px;
+  elevation: 3;
+`;
+const Title = styled.Text`
+  font-weight: bold;
+  color: white;
+  font-size: 15px;
+`;
+const Message = styled.Text`
+  color: white;
+  font-size: 13px;
+  margin-top: 4px;
+`;
+const ProgressBar = styled(Animated.View)`
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  height: 3px;
+  background-color: rgba(255, 255, 255, 0.6);
+`;
+const Toast = ({
+  title,
+  message,
+  type,
+  duration = 3000
+}) => {
+  const fadeAnim = useRef(new Animated.Value(0)).current;
+  const translateY = useRef(new Animated.Value(10)).current;
+  const progressAnim = useRef(new Animated.Value(1)).current;
+  useEffect(() => {
+    // Анимация появления и исчезновения
+    Animated.sequence([Animated.parallel([Animated.timing(fadeAnim, {
+      toValue: 1,
+      duration: 300,
+      useNativeDriver: true
+    }), Animated.timing(translateY, {
+      toValue: 0,
+      duration: 300,
+      useNativeDriver: true
+    }), Animated.timing(progressAnim, {
+      toValue: 0,
+      duration,
+      useNativeDriver: false
+    })]), Animated.delay(duration - 300), Animated.parallel([Animated.timing(fadeAnim, {
+      toValue: 0,
+      duration: 300,
+      useNativeDriver: true
+    }), Animated.timing(translateY, {
+      toValue: 10,
+      duration: 300,
+      useNativeDriver: true
+    })])]).start();
+  }, [fadeAnim, translateY, progressAnim, duration]);
+  const progressWidth = progressAnim.interpolate({
+    inputRange: [0, 1],
+    outputRange: ['0%', '100%']
+  });
+  return /*#__PURE__*/_jsxs(ToastContainer, {
+    type: type,
+    style: {
+      opacity: fadeAnim,
+      transform: [{
+        translateY
+      }]
+    },
+    children: [/*#__PURE__*/_jsx(Title, {
+      children: title
+    }), /*#__PURE__*/_jsx(Message, {
+      children: message
+    }), /*#__PURE__*/_jsx(ProgressBar, {
+      style: {
+        width: progressWidth
+      }
+    })]
+  });
+};
+export { Toast };
+//# sourceMappingURL=Toast.js.map

package/lib/module/components/Toast/Toast.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useRef","Animated","styled","css","jsx","_jsx","jsxs","_jsxs","ToastContainer","View","type","backgroundColor","Title","Text","Message","ProgressBar","Toast","title","message","duration","fadeAnim","Value","current","translateY","progressAnim","sequence","parallel","timing","toValue","useNativeDriver","delay","start","progressWidth","interpolate","inputRange","outputRange","style","opacity","transform","children","width"],"sourceRoot":"../../../../src","sources":["components/Toast/Toast.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Toast/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+import styled from 'styled-components/native';
+export const Notification = styled.View`
+  padding: 10px 15px;
+  margin-top: 16px;
+  color: ${({
+  type
+}) => type === 'success' ? '#10b981' : '#ef4444'};
+  background: ${({
+  type
+}) => type === 'success' ? '#d1fae5' : '#fee2e2'};
+  border: 1px solid ${({
+  type
+}) => type === 'success' ? '#10b981' : '#ef4444'};
+  border-radius: 4px;
+`;
+export { Toast } from './Toast';
+//# sourceMappingURL=index.js.map

package/lib/module/components/Toast/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["styled","Notification","View","type","Toast"],"sourceRoot":"../../../../src","sources":["components/Toast/index.ts"],"mappings":";;AAAA,OAAOA,MAAM,MAAM,0BAA0B;AAE7C,OAAO,MAAMC,YAAY,GAAGD,MAAM,CAACE,IAAiC;AACpE;AACA;AACA,WAAW,CAAC;EAACC;AAAI,CAAC,KAAMA,IAAI,KAAK,SAAS,GAAG,SAAS,GAAG,SAAU;AACnE,gBAAgB,CAAC;EAACA;AAAI,CAAC,KAAMA,IAAI,KAAK,SAAS,GAAG,SAAS,GAAG,SAAU;AACxE,sBAAsB,CAAC;EAACA;AAAI,CAAC,KAAMA,IAAI,KAAK,SAAS,GAAG,SAAS,GAAG,SAAU;AAC9E;AACA,CAAC;AAED,SAASC,KAAK,QAAQ,SAAS","ignoreList":[]}

package/lib/module/components/UsersList/StyledComponents.js

@@ -0,0 +1,28 @@
+"use strict";
+
+import styled from 'styled-components/native';
+import CheckBox from '@react-native-community/checkbox';
+export const ScrollableContainer = styled.View`
+  max-height: 100px;
+  overflow-y: auto;
+  width: 80%;
+  padding: 8px;
+  max-width: 80%;
+`;
+export const UserItem = styled.TouchableHighlight`
+  display: flex;
+  align-items: center;
+  padding: 8px;
+  border-bottom: 1px solid #f0f0f0;
+  gap: 8px;
+`;
+export const Checkbox = styled(CheckBox)`
+  width: 16px;
+  height: 16px;
+  tint-color: #0052cd;
+`;
+export const Label = styled.Text`
+  font-size: 16px;
+  color: #333;
+`;
+//# sourceMappingURL=StyledComponents.js.map

package/lib/module/components/UsersList/StyledComponents.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["styled","CheckBox","ScrollableContainer","View","UserItem","TouchableHighlight","Checkbox","Label","Text"],"sourceRoot":"../../../../src","sources":["components/UsersList/StyledComponents.ts"],"mappings":";;AAAA,OAAOA,MAAM,MAAM,0BAA0B;AAC7C,OAAOC,QAAQ,MAAM,kCAAkC;AAEvD,OAAO,MAAMC,mBAAmB,GAAGF,MAAM,CAACG,IAAI;AAC9C;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMC,QAAQ,GAAGJ,MAAM,CAACK,kBAAkB;AACjD;AACA;AACA;AACA;AACA;AACA,CAAC;AAGD,OAAO,MAAMC,QAAQ,GAAGN,MAAM,CAACC,QAAQ,CAAC;AACxC;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMM,KAAK,GAAGP,MAAM,CAACQ,IAAI;AAChC;AACA;AACA,CAAC","ignoreList":[]}

package/lib/module/components/UsersList/UsersList.js

@@ -0,0 +1,83 @@
+"use strict";
+
+import React, { useState, useMemo, useEffect } from 'react';
+import { ModalTitle } from '../Modals/styledModalComponents';
+import { ScrollableContainer, UserItem, Checkbox, Label } from './StyledComponents';
+import { debounce } from '../../helpers/debounce';
+import { StyledInput } from '../styled/StyledInputComponents/StyledInputComponents';
+import { useRoomState } from '../../hooks/useRoomState';
+import { Text, View } from 'react-native';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const UsersList = ({
+  style,
+  selectedUsers,
+  setSelectedUsers,
+  headerElement,
+  filter
+}) => {
+  const {
+    usersSet
+  } = useRoomState();
+  const [searchTerm, setSearchTerm] = useState('');
+  const [filteredUsers, setFilteredUsers] = useState([]);
+  const handleUserSelect = user => {
+    setSelectedUsers(prev => {
+      const isSelected = prev.some(u => u._id === user._id);
+      return isSelected ? prev.filter(u => u._id !== user._id) : [...prev, user];
+    });
+  };
+  const debouncedFilter = useMemo(() => debounce(term => {
+    const lower = term.toLowerCase();
+    const users = Object.values(usersSet).filter(user => `${user.firstName} ${user.lastName}`.toLowerCase().includes(lower));
+    setFilteredUsers(users);
+  }, 100), [usersSet]);
+  useEffect(() => {
+    debouncedFilter(searchTerm);
+  }, [searchTerm, debouncedFilter]);
+  useEffect(() => {
+    setFilteredUsers(Object.values(usersSet));
+  }, [usersSet]);
+  return /*#__PURE__*/_jsxs(View, {
+    style: {
+      maxHeight: '100px',
+      ...style
+    },
+    children: [headerElement ? /*#__PURE__*/_jsx(ModalTitle, {
+      children: "Select Users (max 20)"
+    }) : /*#__PURE__*/_jsx(Text, {
+      style: {
+        fontSize: 14,
+        fontWeight: '600'
+      },
+      children: "Select Users (max 20)"
+    }), /*#__PURE__*/_jsx(StyledInput, {
+      placeholder: "Search users...",
+      value: searchTerm,
+      onChangeText: setSearchTerm,
+      style: {
+        width: '100%'
+      }
+    }), /*#__PURE__*/_jsx(ScrollableContainer, {
+      style: {
+        ...style
+      },
+      children: filteredUsers.map(user => /*#__PURE__*/_jsxs(UserItem, {
+        onPress: () => handleUserSelect(user),
+        style: {
+          cursor: 'pointer'
+        },
+        children: [/*#__PURE__*/_jsx(Checkbox, {
+          value: selectedUsers.some(u => u._id === user._id),
+          onValueChange: () => handleUserSelect(user),
+          disabled: selectedUsers.length === 20
+        }), /*#__PURE__*/_jsx(View, {
+          children: /*#__PURE__*/_jsx(Label, {
+            children: `${user.firstName} ${user.lastName}`
+          })
+        })]
+      }, user._id))
+    })]
+  });
+};
+export default UsersList;
+//# sourceMappingURL=UsersList.js.map

package/lib/module/components/UsersList/UsersList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","useMemo","useEffect","ModalTitle","ScrollableContainer","UserItem","Checkbox","Label","debounce","StyledInput","useRoomState","Text","View","jsx","_jsx","jsxs","_jsxs","UsersList","style","selectedUsers","setSelectedUsers","headerElement","filter","usersSet","searchTerm","setSearchTerm","filteredUsers","setFilteredUsers","handleUserSelect","user","prev","isSelected","some","u","_id","debouncedFilter","term","lower","toLowerCase","users","Object","values","firstName","lastName","includes","maxHeight","children","fontSize","fontWeight","placeholder","value","onChangeText","width","map","onPress","cursor","onValueChange","disabled","length"],"sourceRoot":"../../../../src","sources":["components/UsersList/UsersList.tsx"],"mappings":"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","ignoreList":[]}