@ethora/chat-component-rn 26.5.1 → 26.5.2

package/lib/commonjs/components/RoomComponents/styled/LastTextMessage.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _StyledRoomComponents = require("./StyledRoomComponents");
+var _parseMessageBody = require("../../../helpers/parseMessageBody");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const getPlainText = body => {
+  if (!body || typeof body !== 'string') {
+    return 'Chat created';
+  }
+  let text = (0, _parseMessageBody.decodeHTMLEntities)(body);
+  text = text.replace(/^#{1,6}\s+/gm, '');
+  text = text.replace(/\*\*([^*]+)\*\*/g, '$1');
+  text = text.replace(/__([^_]+)__/g, '$1');
+  text = text.replace(/\*([^*]+)\*/g, '$1');
+  text = text.replace(/_([^_]+)_/g, '$1');
+  text = text.replace(/~~([^~]+)~~/g, '$1');
+  text = text.replace(/`([^`]+)`/g, '$1');
+  text = text.replace(/\[([^\]]+)\]\([^\)]+\)/g, '$1');
+  text = text.replace(/^[\s]*[-*+]\s+/gm, '');
+  text = text.replace(/^\s*\d+\.\s+/gm, '');
+  text = text.replace(/\|/g, ' ');
+  text = text.replace(/```[\s\S]*?```/g, '');
+  text = text.replace(/<[^>]+>/g, '');
+  text = text.replace(/\s+/g, ' ');
+  text = text.replace(/\n/g, ' ').trim();
+  return text || 'Chat created';
+};
+const LastTextMessage = ({
+  user,
+  body
+}) => {
+  const plainText = getPlainText(body);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_StyledRoomComponents.LastRoomMessageContainer, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_StyledRoomComponents.LastRoomMessageName, {
+      numberOfLines: 1,
+      ellipsizeMode: "tail",
+      children: user?.name
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_StyledRoomComponents.LastRoomMessageText, {
+      numberOfLines: 1,
+      ellipsizeMode: "tail",
+      children: plainText
+    })]
+  });
+};
+var _default = exports.default = LastTextMessage;
+//# sourceMappingURL=LastTextMessage.js.map

package/lib/commonjs/components/RoomComponents/styled/LastTextMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_StyledRoomComponents","_parseMessageBody","_jsxRuntime","e","__esModule","default","getPlainText","body","text","decodeHTMLEntities","replace","trim","LastTextMessage","user","plainText","jsxs","LastRoomMessageContainer","children","jsx","LastRoomMessageName","numberOfLines","ellipsizeMode","name","LastRoomMessageText","_default","exports"],"sourceRoot":"../../../../../src","sources":["components/RoomComponents/styled/LastTextMessage.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,qBAAA,GAAAD,OAAA;AAMA,IAAAE,iBAAA,GAAAF,OAAA;AAAuE,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAIvE,MAAMG,YAAY,GAAIC,IAAwB,IAAa;EACzD,IAAI,CAACA,IAAI,IAAI,OAAOA,IAAI,KAAK,QAAQ,EAAE;IACrC,OAAO,cAAc;EACvB;EAEA,IAAIC,IAAI,GAAG,IAAAC,oCAAkB,EAACF,IAAI,CAAC;EAEnCC,IAAI,GAAGA,IAAI,CAACE,OAAO,CAAC,cAAc,EAAE,EAAE,CAAC;EAEvCF,IAAI,GAAGA,IAAI,CAACE,OAAO,CAAC,kBAAkB,EAAE,IAAI,CAAC;EAC7CF,IAAI,GAAGA,IAAI,CAACE,OAAO,CAAC,cAAc,EAAE,IAAI,CAAC;EAEzCF,IAAI,GAAGA,IAAI,CAACE,OAAO,CAAC,cAAc,EAAE,IAAI,CAAC;EACzCF,IAAI,GAAGA,IAAI,CAACE,OAAO,CAAC,YAAY,EAAE,IAAI,CAAC;EAEvCF,IAAI,GAAGA,IAAI,CAACE,OAAO,CAAC,cAAc,EAAE,IAAI,CAAC;EAEzCF,IAAI,GAAGA,IAAI,CAACE,OAAO,CAAC,YAAY,EAAE,IAAI,CAAC;EAEvCF,IAAI,GAAGA,IAAI,CAACE,OAAO,CAAC,yBAAyB,EAAE,IAAI,CAAC;EAEpDF,IAAI,GAAGA,IAAI,CAACE,OAAO,CAAC,kBAAkB,EAAE,EAAE,CAAC;EAE3CF,IAAI,GAAGA,IAAI,CAACE,OAAO,CAAC,gBAAgB,EAAE,EAAE,CAAC;EAEzCF,IAAI,GAAGA,IAAI,CAACE,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC;EAE/BF,IAAI,GAAGA,IAAI,CAACE,OAAO,CAAC,iBAAiB,EAAE,EAAE,CAAC;EAE1CF,IAAI,GAAGA,IAAI,CAACE,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC;EAEnCF,IAAI,GAAGA,IAAI,CAACE,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC;EAEhCF,IAAI,GAAGA,IAAI,CAACE,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,CAACC,IAAI,CAAC,CAAC;EAEtC,OAAOH,IAAI,IAAI,cAAc;AAC/B,CAAC;AAED,MAAMI,eAA0C,GAAGA,CAAC;EAAEC,IAAI;EAAEN;AAAK,CAAC,KAAK;EACrE,MAAMO,SAAS,GAAGR,YAAY,CAACC,IAAI,CAAC;EAEpC,oBACE,IAAAL,WAAA,CAAAa,IAAA,EAACf,qBAAA,CAAAgB,wBAAwB;IAAAC,QAAA,gBACvB,IAAAf,WAAA,CAAAgB,GAAA,EAAClB,qBAAA,CAAAmB,mBAAmB;MAACC,aAAa,EAAE,CAAE;MAACC,aAAa,EAAC,MAAM;MAAAJ,QAAA,EACxDJ,IAAI,EAAES;IAAI,CACQ,CAAC,eACtB,IAAApB,WAAA,CAAAgB,GAAA,EAAClB,qBAAA,CAAAuB,mBAAmB;MAACH,aAAa,EAAE,CAAE;MAACC,aAAa,EAAC,MAAM;MAAAJ,QAAA,EACxDH;IAAS,CACS,CAAC;EAAA,CACE,CAAC;AAE/B,CAAC;AAAC,IAAAU,QAAA,GAAAC,OAAA,CAAApB,OAAA,GAEaO,eAAe","ignoreList":[]}

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

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ShadeWrapper = exports.NewMessageMarker = exports.LastRoomMessageText = exports.LastRoomMessageName = exports.LastRoomMessageContainer = exports.LastMessageImg = void 0;
+var _native = _interopRequireDefault(require("styled-components/native"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const LastRoomMessageContainer = exports.LastRoomMessageContainer = _native.default.View`
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  align-items: flex-start;
+  margin-right: 8px;
+`;
+const LastRoomMessageName = exports.LastRoomMessageName = _native.default.Text`
+  font-weight: 600;
+  max-width: 190px;
+`;
+const LastRoomMessageText = exports.LastRoomMessageText = _native.default.Text`
+  max-width: 190px;
+  flex-shrink: 1;
+  flex-wrap: nowrap;
+`;
+const NewMessageMarker = exports.NewMessageMarker = _native.default.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;
+`;
+const LastMessageImg = exports.LastMessageImg = _native.default.Image`
+  width: 20px;
+  height: 20px;
+  resize-mode: cover;
+  pointer-events: none;
+`;
+const ShadeWrapper = exports.ShadeWrapper = _native.default.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/commonjs/components/RoomComponents/styled/StyledRoomComponents.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_native","_interopRequireDefault","require","e","__esModule","default","LastRoomMessageContainer","exports","styled","View","LastRoomMessageName","Text","LastRoomMessageText","NewMessageMarker","LastMessageImg","Image","ShadeWrapper"],"sourceRoot":"../../../../../src","sources":["components/RoomComponents/styled/StyledRoomComponents.ts"],"mappings":";;;;;;AACA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA8C,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEvC,MAAMG,wBAAwB,GAAAC,OAAA,CAAAD,wBAAA,GAAGE,eAAM,CAACC,IAAI;AACnD;AACA;AACA;AACA;AACA;AACA,CAAC;AAEM,MAAMC,mBAAmB,GAAAH,OAAA,CAAAG,mBAAA,GAAGF,eAAM,CAACG,IAAI;AAC9C;AACA;AACA,CAAC;AAEM,MAAMC,mBAAmB,GAAAL,OAAA,CAAAK,mBAAA,GAAGJ,eAAM,CAACG,IAAI;AAC9C;AACA;AACA;AACA,CAAC;AAEM,MAAME,gBAAgB,GAAAN,OAAA,CAAAM,gBAAA,GAAGL,eAAM,CAACC,IAAI;AAC3C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAEM,MAAMK,cAAc,GAAAP,OAAA,CAAAO,cAAA,GAAGN,eAAM,CAACO,KAAK;AAC1C;AACA;AACA;AACA;AACA,CAAC;AAEM,MAAMC,YAAY,GAAAT,OAAA,CAAAS,YAAA,GAAGR,eAAM,CAACC,IAAI;AACvC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}

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

@@ -0,0 +1,68 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _native = _interopRequireDefault(require("styled-components/native"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const DropdownContainer = _native.default.View`
+  position: relative;
+  display: inline-block;
+`;
+const DropdownButton = _native.default.TouchableOpacity`
+  background-color: transparent;
+  border: none;
+  cursor: pointer;
+`;
+const DropdownIcon = _native.default.Text`
+  margin-left: 5px;
+`;
+const DropdownList = _native.default.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 = _native.default.Text`
+  padding: 10px;
+  cursor: pointer;
+
+  &:hover {
+    background-color: #f2f2f2;
+  }
+`;
+const DropdownMenu = ({
+  sortFunction,
+  icon,
+  values
+}) => {
+  const [isOpen, setIsOpen] = (0, _react.useState)(false);
+  const handleItemClick = value => {
+    sortFunction(value);
+    setIsOpen(false);
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(DropdownContainer, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(DropdownButton, {
+      onPress: () => setIsOpen(!isOpen),
+      children: icon && /*#__PURE__*/(0, _jsxRuntime.jsx)(DropdownIcon, {
+        children: icon
+      })
+    }), isOpen && /*#__PURE__*/(0, _jsxRuntime.jsx)(DropdownList, {
+      children: values.map(value => /*#__PURE__*/(0, _jsxRuntime.jsx)(DropdownItem, {
+        onPress: () => handleItemClick(value),
+        children: value
+      }, value))
+    })]
+  });
+};
+var _default = exports.default = DropdownMenu;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_native","_interopRequireDefault","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","DropdownContainer","styled","View","DropdownButton","TouchableOpacity","DropdownIcon","Text","DropdownList","DropdownItem","DropdownMenu","sortFunction","icon","values","isOpen","setIsOpen","useState","handleItemClick","value","jsxs","children","jsx","onPress","map","_default","exports"],"sourceRoot":"../../../../src","sources":["components/SortDropDown/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _StyledComponents = require("../styled/StyledComponents");
+var _Button = _interopRequireDefault(require("../styled/Button"));
+var _icons = require("../../assets/icons");
+var _reactRedux = require("react-redux");
+var _roomsSlice = require("../../roomStore/roomsSlice");
+var _reactNative = require("react-native");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const ThreadHeader = ({
+  chatJID
+}) => {
+  const dispatch = (0, _reactRedux.useDispatch)();
+  const handleCloseThread = () => {
+    dispatch((0, _roomsSlice.setCloseActiveMessage)({
+      chatJID: chatJID
+    }));
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_StyledComponents.ChatContainerHeader, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        display: 'flex',
+        gap: 8
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_StyledComponents.ChatContainerHeaderLabel, {
+        children: "Thread"
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        display: 'flex',
+        gap: 16
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+        style: {
+          padding: 8
+        },
+        EndIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.CloseIcon, {}),
+        unstyled: true,
+        onPress: handleCloseThread
+      })
+    })]
+  });
+};
+var _default = exports.default = ThreadHeader;
+//# sourceMappingURL=ThreadHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_StyledComponents","require","_Button","_interopRequireDefault","_icons","_reactRedux","_roomsSlice","_reactNative","_jsxRuntime","e","__esModule","default","ThreadHeader","chatJID","dispatch","useDispatch","handleCloseThread","setCloseActiveMessage","jsxs","ChatContainerHeader","children","jsx","View","style","display","gap","ChatContainerHeaderLabel","padding","EndIcon","CloseIcon","unstyled","onPress","_default","exports"],"sourceRoot":"../../../../src","sources":["components/Thread/ThreadHeader.tsx"],"mappings":";;;;;;AACA,IAAAA,iBAAA,GAAAC,OAAA;AAIA,IAAAC,OAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,WAAA,GAAAL,OAAA;AACA,IAAAM,YAAA,GAAAN,OAAA;AAAoC,IAAAO,WAAA,GAAAP,OAAA;AAAA,SAAAE,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAMpC,MAAMG,YAAmC,GAAGA,CAAC;EAAEC;AAAQ,CAAC,KAAK;EAC3D,MAAMC,QAAQ,GAAG,IAAAC,uBAAW,EAAC,CAAC;EAE9B,MAAMC,iBAAiB,GAAGA,CAAA,KAAM;IAC9BF,QAAQ,CAAC,IAAAG,iCAAqB,EAAC;MAAEJ,OAAO,EAAEA;IAAQ,CAAC,CAAC,CAAC;EACvD,CAAC;EAED,oBACE,IAAAL,WAAA,CAAAU,IAAA,EAAClB,iBAAA,CAAAmB,mBAAmB;IAAAC,QAAA,gBAClB,IAAAZ,WAAA,CAAAa,GAAA,EAACd,YAAA,CAAAe,IAAI;MAACC,KAAK,EAAE;QAAEC,OAAO,EAAE,MAAM;QAAEC,GAAG,EAAE;MAAE,CAAE;MAAAL,QAAA,eACvC,IAAAZ,WAAA,CAAAa,GAAA,EAACrB,iBAAA,CAAA0B,wBAAwB;QAAAN,QAAA,EAAC;MAAM,CAA0B;IAAC,CACvD,CAAC,eAEP,IAAAZ,WAAA,CAAAa,GAAA,EAACd,YAAA,CAAAe,IAAI;MAACC,KAAK,EAAE;QAAEC,OAAO,EAAE,MAAM;QAAEC,GAAG,EAAE;MAAG,CAAE;MAAAL,QAAA,eACxC,IAAAZ,WAAA,CAAAa,GAAA,EAACnB,OAAA,CAAAS,OAAM;QACLY,KAAK,EAAE;UAAEI,OAAO,EAAE;QAAE,CAAE;QACtBC,OAAO,eAAE,IAAApB,WAAA,CAAAa,GAAA,EAACjB,MAAA,CAAAyB,SAAS,IAAE,CAAE;QACvBC,QAAQ;QACRC,OAAO,EAAEf;MAAkB,CAC5B;IAAC,CACE,CAAC;EAAA,CACY,CAAC;AAE1B,CAAC;AAAC,IAAAgB,QAAA,GAAAC,OAAA,CAAAtB,OAAA,GAEaC,YAAY","ignoreList":[]}

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

@@ -0,0 +1,211 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _StyledComponents = require("../styled/StyledComponents");
+var _SendInput = _interopRequireDefault(require("../styled/SendInput"));
+var _reactRedux = require("react-redux");
+var _xmppProvider = require("../../context/xmppProvider");
+var _MessageList = _interopRequireDefault(require("../MainComponents/MessageList"));
+var _ModalHeaderComponent = _interopRequireDefault(require("../Modals/ModalHeaderComponent"));
+var _roomsSlice = require("../../roomStore/roomsSlice");
+var _EditWrapper = require("../MainComponents/EditWrapper");
+var _useSendMessage = require("../../hooks/useSendMessage");
+var _createMainMessageForThread = require("../../helpers/createMainMessageForThread");
+var _useRoomState = require("../../hooks/useRoomState");
+var _useChatSettingState = require("../../hooks/useChatSettingState");
+var _reactNative = require("react-native");
+var _CustomTypingIndicator = _interopRequireDefault(require("../styled/StyledInputComponents/CustomTypingIndicator"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const ThreadWrapper = ({
+  activeMessage,
+  user,
+  customMessageComponent: CustomMessageComponent
+}) => {
+  const {
+    client
+  } = (0, _xmppProvider.useXmppClient)();
+  const dispatch = (0, _reactRedux.useDispatch)();
+  const {
+    loading,
+    roomsList,
+    editAction,
+    activeRoomJID
+  } = (0, _useRoomState.useRoomState)();
+  const {
+    config
+  } = (0, _useChatSettingState.useChatSettingState)();
+  const {
+    sendMessage: sendMs,
+    sendMedia: sendMessageMedia,
+    sendEditMessage,
+    isLastMessageFromUserAndProcessing
+  } = (0, _useSendMessage.useSendMessage)();
+  const [isLoadingMore, setIsLoadingMore] = (0, _react.useState)(false);
+  const [isChecked, setIsChecked] = (0, _react.useState)(false);
+  const slideAnim = (0, _react.useRef)(new _reactNative.Animated.Value(300)).current;
+  const panResponder = (0, _react.useRef)(_reactNative.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 {
+        _reactNative.Animated.spring(slideAnim, {
+          toValue: 0,
+          useNativeDriver: true
+        }).start();
+      }
+    }
+  })).current;
+  const loadMoreMessages = (0, _react.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 = (0, _react.useCallback)(message => {
+    sendMs(message, activeMessage.roomJid, true, isChecked, (0, _createMainMessageForThread.createMainMessageForThread)(activeMessage));
+  }, [activeMessage, isChecked]);
+  const sendMedia = (0, _react.useCallback)((data, type) => {
+    sendMessageMedia(data, type, activeMessage.roomJid, true, isChecked, (0, _createMainMessageForThread.createMainMessageForThread)(activeMessage));
+  }, [activeMessage, isChecked]);
+  const sendStartComposing = (0, _react.useCallback)(() => {
+    if (config?.disableTypingIndicator) {
+      return;
+    }
+    client?.sendTypingRequestStanza(activeMessage.roomJid, `${user.firstName} ${user.lastName}`, true);
+  }, []);
+  const sendEndComposing = (0, _react.useCallback)(() => {
+    if (config?.disableTypingIndicator) {
+      return;
+    }
+    client?.sendTypingRequestStanza(activeMessage.roomJid, `${user.firstName} ${user.lastName}`, false);
+  }, []);
+  const onCloseEdit = () => {
+    dispatch((0, _roomsSlice.setEditAction)({
+      isEdit: false
+    }));
+  };
+  const closeThread = () => {
+    dispatch((0, _roomsSlice.setCloseActiveMessage)({
+      chatJID: activeMessage.roomJid
+    }));
+    dispatch((0, _roomsSlice.setEditAction)({
+      isEdit: false
+    }));
+  };
+  (0, _react.useEffect)(() => {
+    if (activeMessage?.activeMessage) {
+      _reactNative.Animated.timing(slideAnim, {
+        toValue: 0,
+        duration: 300,
+        useNativeDriver: true
+      }).start();
+    } else {
+      _reactNative.Animated.timing(slideAnim, {
+        toValue: 300,
+        duration: 300,
+        useNativeDriver: true
+      }).start();
+    }
+  }, [activeMessage?.activeMessage]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Animated.View, {
+    ...panResponder.panHandlers,
+    style: [styles.threadContainer, {
+      transform: [{
+        translateX: slideAnim
+      }]
+    }
+    // ...config?.chatRoomStyles,
+    ],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ModalHeaderComponent.default, {
+      headerTitle: "Thread",
+      handleCloseModal: closeThread
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_MessageList.default, {
+      loadMoreMessages: loadMoreMessages,
+      CustomMessage: CustomMessageComponent,
+      user: user,
+      roomJID: activeMessage.roomJid,
+      config: config,
+      loading: isLoadingMore,
+      activeMessage: activeMessage,
+      isReply: true
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_StyledComponents.AlsoContainer, {
+      onPress: () => setIsChecked(prev => !prev),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_StyledComponents.AlsoCheckbox, {
+        accentColor: isChecked ? config?.colors?.primary || '#0052CD' : '#fff'
+        // checked={isChecked}
+        // onPress={() => setIsChecked(!isChecked)}
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        children: "Also send to"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+        onPress: closeThread,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: {
+            color: config?.colors?.primary || '#0052CD',
+            fontWeight: 500
+          },
+          children: roomsList[activeMessage.roomJid].name
+        })
+      })]
+    }), editAction && editAction.isEdit && /*#__PURE__*/(0, _jsxRuntime.jsx)(_EditWrapper.EditWrapper, {
+      text: editAction.text || '',
+      onClose: onCloseEdit
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_SendInput.default, {
+      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__*/(0, _jsxRuntime.jsx)(_CustomTypingIndicator.default, {
+      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
+    })]
+  });
+};
+var _default = exports.default = ThreadWrapper;
+const styles = _reactNative.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/commonjs/components/Thread/ThreadWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_StyledComponents","_SendInput","_interopRequireDefault","_reactRedux","_xmppProvider","_MessageList","_ModalHeaderComponent","_roomsSlice","_EditWrapper","_useSendMessage","_createMainMessageForThread","_useRoomState","_useChatSettingState","_reactNative","_CustomTypingIndicator","_jsxRuntime","e","__esModule","default","ThreadWrapper","activeMessage","user","customMessageComponent","CustomMessageComponent","client","useXmppClient","dispatch","useDispatch","loading","roomsList","editAction","activeRoomJID","useRoomState","config","useChatSettingState","sendMessage","sendMs","sendMedia","sendMessageMedia","sendEditMessage","isLastMessageFromUserAndProcessing","useSendMessage","isLoadingMore","setIsLoadingMore","useState","isChecked","setIsChecked","slideAnim","useRef","Animated","Value","current","panResponder","PanResponder","create","onStartShouldSetPanResponder","gestureState","x0","onMoveShouldSetPanResponder","dx","onPanResponderMove","setValue","onPanResponderRelease","closeThread","spring","toValue","useNativeDriver","start","loadMoreMessages","useCallback","chatJID","max","idOfMessageBefore","getHistoryStanza","then","catch","err","console","warn","message","roomJid","createMainMessageForThread","data","type","sendStartComposing","disableTypingIndicator","sendTypingRequestStanza","firstName","lastName","sendEndComposing","onCloseEdit","setEditAction","isEdit","setCloseActiveMessage","useEffect","timing","duration","jsxs","View","panHandlers","style","styles","threadContainer","transform","translateX","children","jsx","headerTitle","handleCloseModal","CustomMessage","roomJID","isReply","AlsoContainer","onPress","prev","AlsoCheckbox","accentColor","colors","primary","Text","TouchableOpacity","color","fontWeight","name","EditWrapper","text","onClose","editMessage","onFocus","onBlur","isLoading","isMessageProcessing","customTypingIndicator","enabled","position","composing","usersTyping","composingList","customComponent","isVisible","_default","exports","StyleSheet","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/commonjs/components/Toast/Toast.js

@@ -0,0 +1,116 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Toast = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _native = _interopRequireWildcard(require("styled-components/native"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const ToastContainer = (0, _native.default)(_reactNative.Animated.View)`
+  ${({
+  type
+}) => {
+  let backgroundColor = '#333';
+  switch (type) {
+    case 'success':
+      backgroundColor = '#4caf50';
+      break;
+    case 'error':
+      backgroundColor = '#f44336';
+      break;
+    case 'info':
+      backgroundColor = '#2196F3';
+      break;
+  }
+  return (0, _native.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 = _native.default.Text`
+  font-weight: bold;
+  color: white;
+  font-size: 15px;
+`;
+const Message = _native.default.Text`
+  color: white;
+  font-size: 13px;
+  margin-top: 4px;
+`;
+const ProgressBar = (0, _native.default)(_reactNative.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 = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
+  const translateY = (0, _react.useRef)(new _reactNative.Animated.Value(10)).current;
+  const progressAnim = (0, _react.useRef)(new _reactNative.Animated.Value(1)).current;
+  (0, _react.useEffect)(() => {
+    // Анимация появления и исчезновения
+    _reactNative.Animated.sequence([_reactNative.Animated.parallel([_reactNative.Animated.timing(fadeAnim, {
+      toValue: 1,
+      duration: 300,
+      useNativeDriver: true
+    }), _reactNative.Animated.timing(translateY, {
+      toValue: 0,
+      duration: 300,
+      useNativeDriver: true
+    }), _reactNative.Animated.timing(progressAnim, {
+      toValue: 0,
+      duration,
+      useNativeDriver: false
+    })]), _reactNative.Animated.delay(duration - 300), _reactNative.Animated.parallel([_reactNative.Animated.timing(fadeAnim, {
+      toValue: 0,
+      duration: 300,
+      useNativeDriver: true
+    }), _reactNative.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__*/(0, _jsxRuntime.jsxs)(ToastContainer, {
+    type: type,
+    style: {
+      opacity: fadeAnim,
+      transform: [{
+        translateY
+      }]
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Title, {
+      children: title
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Message, {
+      children: message
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(ProgressBar, {
+      style: {
+        width: progressWidth
+      }
+    })]
+  });
+};
+exports.Toast = Toast;
+//# sourceMappingURL=Toast.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_native","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ToastContainer","styled","Animated","View","type","backgroundColor","css","Title","Text","Message","ProgressBar","Toast","title","message","duration","fadeAnim","useRef","Value","current","translateY","progressAnim","useEffect","sequence","parallel","timing","toValue","useNativeDriver","delay","start","progressWidth","interpolate","inputRange","outputRange","jsxs","style","opacity","transform","children","jsx","width","exports"],"sourceRoot":"../../../../src","sources":["components/Toast/Toast.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Notification = void 0;
+Object.defineProperty(exports, "Toast", {
+  enumerable: true,
+  get: function () {
+    return _Toast.Toast;
+  }
+});
+var _native = _interopRequireDefault(require("styled-components/native"));
+var _Toast = require("./Toast");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Notification = exports.Notification = _native.default.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;
+`;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_native","_interopRequireDefault","require","_Toast","e","__esModule","default","Notification","exports","styled","View","type"],"sourceRoot":"../../../../src","sources":["components/Toast/index.ts"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AAWA,IAAAC,MAAA,GAAAD,OAAA;AAAgC,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AATzB,MAAMG,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAGE,eAAM,CAACC,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","ignoreList":[]}