@ethora/chat-component-rn 26.4.2 → 26.5.2

package/lib/commonjs/components/styled/StyledInputComponents/StyledInputComponents.js

@@ -0,0 +1,118 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.WaveformContainer = exports.VideoPreview = exports.TimerText = exports.Timer = exports.TextareaInput = exports.StyledInput = exports.RecordContainer = exports.MessageInputContainer = exports.MessageInput = exports.MediaImage = exports.MediaContainer = exports.InputContainer = exports.HiddenFileInput = exports.FilePreviewContainer = exports.FilePreview = exports.FileIcon = void 0;
+var _native = _interopRequireDefault(require("styled-components/native"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/** @format */
+
+// Theme variables for reuse
+const colors = {
+  primary: '#141414',
+  secondary: '#f5f7f9',
+  border: '#ccc',
+  white: '#fff',
+  black: '#000'
+};
+const InputContainer = exports.InputContainer = _native.default.View`
+  flex-direction: column;
+  padding: 8px 16px 4px 16px;
+  background-color: ${colors.white};
+  z-index: 100;
+  width: 100%;
+  bottom: 0;
+  left: 0;
+  border-top-width: 1px;
+  border-top-color: #e5e7eb;
+`;
+const MediaContainer = exports.MediaContainer = _native.default.View`
+  flex-direction: row;
+  gap: 8px;
+  padding: 0 16px 8px;
+`;
+const MediaImage = exports.MediaImage = _native.default.Image`
+  width: 70px;
+  height: 70px;
+  border-radius: 8px;
+`;
+const MessageInputContainer = exports.MessageInputContainer = _native.default.View`
+  flex-direction: row;
+  align-items: center;
+  width: 100%;
+  gap: 8px;
+`;
+const MessageInput = exports.MessageInput = _native.default.TextInput`
+  padding: 10px 14px;
+  border-radius: 20px;
+  border-width: 1px;
+  border-color: ${props => props.isFocused ? props.color || '#0052CD' : 'transparent'};
+  color: #141414;
+  background-color: #f5f7f9;
+  flex: 1;
+  text-align-vertical: center;
+  line-height: 20px;
+  include-font-padding: false;
+`;
+const HiddenFileInput = exports.HiddenFileInput = _native.default.View``;
+const Timer = exports.Timer = _native.default.Text`
+  justify-content: center;
+  align-items: center;
+  margin-left: 10px;
+`;
+const TimerText = exports.TimerText = _native.default.Text`
+  font-size: 18px;
+  font-weight: bold;
+  color: ${colors.black};
+`;
+const WaveformContainer = exports.WaveformContainer = _native.default.View`
+  width: 100%;
+  height: 40px;
+  background-color: #f1f1f1;
+`;
+const RecordContainer = exports.RecordContainer = _native.default.View`
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+`;
+const FilePreviewContainer = exports.FilePreviewContainer = _native.default.View`
+  flex-direction: row;
+  flex-wrap: wrap;
+  gap: 10px;
+  margin-top: 10px;
+`;
+const FilePreview = exports.FilePreview = _native.default.View`
+  justify-content: center;
+  align-items: center;
+  width: 100px;
+  height: 100px;
+  border-width: 1px;
+  border-color: ${colors.border};
+  border-radius: 8px;
+  background-color: #f9f9f9;
+  overflow: hidden;
+`;
+const FileIcon = exports.FileIcon = _native.default.Image`
+  max-width: 80%;
+  max-height: 80%;
+`;
+const VideoPreview = exports.VideoPreview = _native.default.View`
+  width: 100%;
+  height: 100%;
+`;
+const StyledInput = exports.StyledInput = _native.default.TextInput`
+  padding: 16px 12px;
+  background-color: ${colors.secondary};
+  font-size: 16px;
+  border-radius: 16px;
+`;
+const TextareaInput = exports.TextareaInput = _native.default.TextInput`
+  padding: 16px 12px;
+  background-color: ${colors.secondary};
+  font-size: 16px;
+  color: ${colors.black};
+  border-radius: 16px;
+`;
+//# sourceMappingURL=StyledInputComponents.js.map

package/lib/commonjs/components/styled/StyledInputComponents/StyledInputComponents.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_native","_interopRequireDefault","require","e","__esModule","default","colors","primary","secondary","border","white","black","InputContainer","exports","styled","View","MediaContainer","MediaImage","Image","MessageInputContainer","MessageInput","TextInput","props","isFocused","color","HiddenFileInput","Timer","Text","TimerText","WaveformContainer","RecordContainer","FilePreviewContainer","FilePreview","FileIcon","VideoPreview","StyledInput","TextareaInput"],"sourceRoot":"../../../../../src","sources":["components/styled/StyledInputComponents/StyledInputComponents.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/styled/StyledInputComponents/VideoComponents.js

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ModalContent = exports.IconButton = exports.FullScreenVideo = exports.FixedSizeVideo = exports.Container = exports.ButtonContainer = void 0;
+var _native = _interopRequireDefault(require("styled-components/native"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Container = exports.Container = _native.default.View`
+  margin: 0;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`;
+const FullScreenVideo = exports.FullScreenVideo = _native.default.View`
+  width: 100%;
+  height: 100%;
+`;
+const FixedSizeVideo = exports.FixedSizeVideo = _native.default.View`
+  width: 300px;
+  height: 200px;
+`;
+const ModalContent = exports.ModalContent = _native.default.View`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  border-radius: 10px;
+`;
+const ButtonContainer = exports.ButtonContainer = _native.default.View`
+  display: flex;
+  position: absolute;
+  top: 8px;
+  right: 8px;
+`;
+const IconButton = exports.IconButton = _native.default.TouchableOpacity`
+  border: none;
+  cursor: pointer;
+  color: gray;
+  font-size: 36px;
+  display: flex;
+  align-items: center;
+  gap: 5px;
+  pointer-events: auto;
+`;
+//# sourceMappingURL=VideoComponents.js.map

package/lib/commonjs/components/styled/StyledInputComponents/VideoComponents.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_native","_interopRequireDefault","require","e","__esModule","default","Container","exports","styled","View","FullScreenVideo","FixedSizeVideo","ModalContent","ButtonContainer","IconButton","TouchableOpacity"],"sourceRoot":"../../../../../src","sources":["components/styled/StyledInputComponents/VideoComponents.tsx"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA8C,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEvC,MAAMG,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,eAAM,CAACC,IAAI;AACpC;AACA;AACA;AACA;AACA;AACA,CAAC;AAEM,MAAMC,eAAe,GAAAH,OAAA,CAAAG,eAAA,GAAGF,eAAM,CAACC,IAAI;AAC1C;AACA;AACA,CAAC;AAEM,MAAME,cAAc,GAAAJ,OAAA,CAAAI,cAAA,GAAGH,eAAM,CAACC,IAAI;AACzC;AACA;AACA,CAAC;AAEM,MAAMG,YAAY,GAAAL,OAAA,CAAAK,YAAA,GAAGJ,eAAM,CAACC,IAAI;AACvC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAEM,MAAMI,eAAe,GAAAN,OAAA,CAAAM,eAAA,GAAGL,eAAM,CAACC,IAAI;AAC1C;AACA;AACA;AACA;AACA,CAAC;AAEM,MAAMK,UAAU,GAAAP,OAAA,CAAAO,UAAA,GAAGN,eAAM,CAACO,gBAAgB;AACjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}

package/lib/commonjs/components/styled/TreadLabel.js

@@ -0,0 +1,47 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.StyledDateLabel = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _native = _interopRequireDefault(require("styled-components/native"));
+var _StyledComponents = require("./StyledComponents");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Container = _native.default.View`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  background-color: transparent;
+  gap: 16px;
+`;
+const StyledDateLabel = exports.StyledDateLabel = _native.default.Text`
+  margin: 0;
+  color: ${props => props.primary || '#0052cd'};
+  border-radius: 118px;
+  padding: 5px 8px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 12px;
+  line-height: 14px;
+  font-weight: 600;
+  background-color: ${props => props.secondary || '#e7edf9'};
+  height: 24px;
+  white-space: nowrap;
+`;
+const TreadLabel = ({
+  reply,
+  colors
+}) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Container, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_StyledComponents.Line, {}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledDateLabel, {
+      ...colors,
+      children: [reply, " ", reply > 1 ? 'replies' : 'reply']
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_StyledComponents.Line, {})]
+  });
+};
+var _default = exports.default = TreadLabel;
+//# sourceMappingURL=TreadLabel.js.map

package/lib/commonjs/components/styled/TreadLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_native","_StyledComponents","_jsxRuntime","e","__esModule","default","Container","styled","View","StyledDateLabel","exports","Text","props","primary","secondary","TreadLabel","reply","colors","jsxs","children","jsx","Line","_default"],"sourceRoot":"../../../../src","sources":["components/styled/TreadLabel.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AAA0C,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAO1C,MAAMG,SAAS,GAAGC,eAAM,CAACC,IAAI;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAEM,MAAMC,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAGF,eAAM,CAACI,IAGpC;AACF;AACA,WAAYC,KAAK,IAAKA,KAAK,CAACC,OAAO,IAAI,SAAS;AAChD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,sBAAuBD,KAAK,IAAKA,KAAK,CAACE,SAAS,IAAI,SAAS;AAC7D;AACA;AACA,CAAC;AAED,MAAMC,UAAoC,GAAGA,CAAC;EAAEC,KAAK;EAAEC;AAAO,CAAC,KAAK;EAClE,oBACE,IAAAf,WAAA,CAAAgB,IAAA,EAACZ,SAAS;IAAAa,QAAA,gBACR,IAAAjB,WAAA,CAAAkB,GAAA,EAACnB,iBAAA,CAAAoB,IAAI,IAAE,CAAC,eACR,IAAAnB,WAAA,CAAAgB,IAAA,EAACT,eAAe;MAAA,GAAKQ,MAAM;MAAAE,QAAA,GACxBH,KAAK,EAAC,GAAC,EAACA,KAAK,GAAG,CAAC,GAAG,SAAS,GAAG,OAAO;IAAA,CACzB,CAAC,eAClB,IAAAd,WAAA,CAAAkB,GAAA,EAACnB,iBAAA,CAAAoB,IAAI,IAAE,CAAC;EAAA,CACC,CAAC;AAEhB,CAAC;AAAC,IAAAC,QAAA,GAAAZ,OAAA,CAAAL,OAAA,GAEaU,UAAU","ignoreList":[]}

package/lib/commonjs/components/styled/UnsupportedType.js

@@ -0,0 +1,75 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _MediaComponents = require("./StyledInputComponents/MediaComponents");
+var _reactRedux = require("react-redux");
+var _MODAL_TYPES = require("../../helpers/constants/MODAL_TYPES");
+var _chatSettingsSlice = require("../../roomStore/chatSettingsSlice");
+var _useChatSettingState = require("../../hooks/useChatSettingState");
+var _icons = require("../../assets/icons");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const FileDownload = ({
+  fileName,
+  fileURL,
+  mimetype,
+  size
+}) => {
+  const dispatch = (0, _reactRedux.useDispatch)();
+  const {
+    config
+  } = (0, _useChatSettingState.useChatSettingState)();
+  const formatFileSize = sizeInBytes => {
+    const size = parseInt(sizeInBytes, 10);
+    if (isNaN(size)) {
+      return 'Invalid size';
+    }
+    if (size < 1024) {
+      return `${size} B`;
+    } else if (size < 1024 ** 2) {
+      return `${(size / 1024).toFixed(2)} KB`;
+    } else if (size < 1024 ** 3) {
+      return `${(size / 1024 ** 2).toFixed(2)} MB`;
+    } else {
+      return `${(size / 1024 ** 3).toFixed(2)} GB`;
+    }
+  };
+  const formatFileName = (name, maxLength) => {
+    const dotIndex = name.lastIndexOf('.');
+    const extension = dotIndex !== -1 ? name.substring(dotIndex) : '';
+    const baseName = dotIndex !== -1 ? name.substring(0, dotIndex) : name;
+    if (baseName.length + extension.length <= maxLength) {
+      return name;
+    }
+    const shortenedBaseName = baseName.substring(0, maxLength - extension.length - 3);
+    return `${shortenedBaseName}...${extension}`;
+  };
+  const handleOpen = () => {
+    dispatch((0, _chatSettingsSlice.setActiveFile)({
+      fileName,
+      fileURL,
+      mimetype
+    }));
+    dispatch((0, _chatSettingsSlice.setActiveModal)(_MODAL_TYPES.MODAL_TYPES.FILE_PREVIEW));
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_MediaComponents.UnsupportedContainer, {
+    onPress: handleOpen,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_MediaComponents.BackgroundFile, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.FileIcon, {})
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_MediaComponents.FileInformation, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_MediaComponents.FileName, {
+        children: formatFileName(fileName, 20)
+      }), size && /*#__PURE__*/(0, _jsxRuntime.jsx)(_MediaComponents.FileSizeContainer, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_MediaComponents.FileSize, {
+          children: formatFileSize(size)
+        })
+      })]
+    })]
+  });
+};
+var _default = exports.default = FileDownload;
+//# sourceMappingURL=UnsupportedType.js.map

package/lib/commonjs/components/styled/UnsupportedType.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_MediaComponents","_reactRedux","_MODAL_TYPES","_chatSettingsSlice","_useChatSettingState","_icons","_jsxRuntime","e","__esModule","default","FileDownload","fileName","fileURL","mimetype","size","dispatch","useDispatch","config","useChatSettingState","formatFileSize","sizeInBytes","parseInt","isNaN","toFixed","formatFileName","name","maxLength","dotIndex","lastIndexOf","extension","substring","baseName","length","shortenedBaseName","handleOpen","setActiveFile","setActiveModal","MODAL_TYPES","FILE_PREVIEW","jsxs","UnsupportedContainer","onPress","children","jsx","BackgroundFile","FileIcon","FileInformation","FileName","FileSizeContainer","FileSize","_default","exports"],"sourceRoot":"../../../../src","sources":["components/styled/UnsupportedType.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/styled/VideoMessage.js

@@ -0,0 +1,58 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _expoAv = require("expo-av");
+var _reactRedux = require("react-redux");
+var _chatSettingsSlice = require("../../roomStore/chatSettingsSlice");
+var _MODAL_TYPES = require("../../helpers/constants/MODAL_TYPES");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const CustomMessageVideo = ({
+  fileName,
+  fileURL,
+  mimetype
+}) => {
+  const dispatch = (0, _reactRedux.useDispatch)();
+  const handleOpen = () => {
+    dispatch((0, _chatSettingsSlice.setActiveFile)({
+      fileName,
+      fileURL,
+      mimetype
+    }));
+    dispatch((0, _chatSettingsSlice.setActiveModal)(_MODAL_TYPES.MODAL_TYPES.FILE_PREVIEW));
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+    style: styles.container,
+    onPress: handleOpen,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_expoAv.Video, {
+      source: {
+        uri: fileURL
+      },
+      style: styles.video,
+      useNativeControls: true,
+      resizeMode: _expoAv.ResizeMode.CONTAIN,
+      shouldPlay: false
+    })
+  });
+};
+var _default = exports.default = CustomMessageVideo;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    margin: 0,
+    alignItems: 'center',
+    justifyContent: 'center',
+    width: '100%'
+  },
+  video: {
+    width: 300,
+    height: 200,
+    borderRadius: 10,
+    backgroundColor: '#000'
+  }
+});
+//# sourceMappingURL=VideoMessage.js.map

package/lib/commonjs/components/styled/VideoMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_expoAv","_reactRedux","_chatSettingsSlice","_MODAL_TYPES","_jsxRuntime","e","__esModule","default","CustomMessageVideo","fileName","fileURL","mimetype","dispatch","useDispatch","handleOpen","setActiveFile","setActiveModal","MODAL_TYPES","FILE_PREVIEW","jsx","TouchableOpacity","style","styles","container","onPress","children","Video","source","uri","video","useNativeControls","resizeMode","ResizeMode","CONTAIN","shouldPlay","_default","exports","StyleSheet","create","margin","alignItems","justifyContent","width","height","borderRadius","backgroundColor"],"sourceRoot":"../../../../src","sources":["components/styled/VideoMessage.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,kBAAA,GAAAJ,OAAA;AAIA,IAAAK,YAAA,GAAAL,OAAA;AAAkE,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAD,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAQlE,MAAMG,kBAAqD,GAAGA,CAAC;EAC7DC,QAAQ;EACRC,OAAO;EACPC;AACF,CAAC,KAAK;EACJ,MAAMC,QAAQ,GAAG,IAAAC,uBAAW,EAAC,CAAC;EAE9B,MAAMC,UAAU,GAAGA,CAAA,KAAM;IACvBF,QAAQ,CAAC,IAAAG,gCAAa,EAAC;MAAEN,QAAQ;MAAEC,OAAO;MAAEC;IAAS,CAAC,CAAC,CAAC;IACxDC,QAAQ,CAAC,IAAAI,iCAAc,EAACC,wBAAW,CAACC,YAAY,CAAC,CAAC;EACpD,CAAC;EAED,oBACE,IAAAd,WAAA,CAAAe,GAAA,EAACpB,YAAA,CAAAqB,gBAAgB;IAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;IAACC,OAAO,EAAEV,UAAW;IAAAW,QAAA,eAC7D,IAAArB,WAAA,CAAAe,GAAA,EAACnB,OAAA,CAAA0B,KAAK;MACJC,MAAM,EAAE;QAAEC,GAAG,EAAElB;MAAQ,CAAE;MACzBW,KAAK,EAAEC,MAAM,CAACO,KAAM;MACpBC,iBAAiB;MACjBC,UAAU,EAAEC,kBAAU,CAACC,OAAQ;MAC/BC,UAAU,EAAE;IAAM,CACnB;EAAC,CACc,CAAC;AAEvB,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAA7B,OAAA,GAEaC,kBAAkB;AAEjC,MAAMc,MAAM,GAAGe,uBAAU,CAACC,MAAM,CAAC;EAC/Bf,SAAS,EAAE;IACTgB,MAAM,EAAE,CAAC;IACTC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,KAAK,EAAE;EACT,CAAC;EACDb,KAAK,EAAE;IACLa,KAAK,EAAE,GAAG;IACVC,MAAM,EAAE,GAAG;IACXC,YAAY,EAAE,EAAE;IAChBC,eAAe,EAAE;EACnB;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/context/MessageNotificationContext.js

@@ -0,0 +1,270 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useMessageNotification = exports.MessageNotificationProvider = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactRedux = require("react-redux");
+var _messageNotificationManager = require("../utils/messageNotificationManager");
+var _roomsSlice = require("../roomStore/roomsSlice");
+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); }
+// RN port of the web MessageNotificationProvider. Renders Telegram-style
+// in-app toasts when a new message arrives in a room that is NOT the
+// currently active room. Backed by the global messageNotificationManager,
+// which means non-React code (stanza handlers) can push notifications.
+
+const MessageNotificationContext = /*#__PURE__*/(0, _react.createContext)(null);
+const DEFAULT_MAX = 3;
+const DEFAULT_DURATION_MS = 30000;
+const MessageNotificationProvider = ({
+  children,
+  config: propConfig
+}) => {
+  const dispatch = (0, _reactRedux.useDispatch)();
+  const contextConfig = (0, _reactRedux.useSelector)(state => state.chatSettingStore?.config);
+  const activeRoomJID = (0, _reactRedux.useSelector)(state => state.rooms.activeRoomJID);
+  const config = propConfig || contextConfig;
+  const notificationConfig = config?.inAppNotifications;
+  const isEnabled = notificationConfig?.enabled === true;
+  const maxNotifications = notificationConfig?.maxNotifications ?? DEFAULT_MAX;
+  const duration = notificationConfig?.duration ?? DEFAULT_DURATION_MS;
+  const [toasts, setToasts] = (0, _react.useState)([]);
+  const appActiveRef = (0, _react.useRef)(_reactNative.AppState.currentState === 'active');
+
+  // Track AppState — when backgrounded, hold toasts longer; when
+  // foregrounded, prune expired.
+  (0, _react.useEffect)(() => {
+    const sub = _reactNative.AppState.addEventListener('change', next => {
+      appActiveRef.current = next === 'active';
+      if (next === 'active') {
+        const now = Date.now();
+        setToasts(prev => prev.filter(t => now - t.timestamp < duration));
+      }
+    });
+    return () => sub.remove();
+  }, [duration]);
+
+  // Periodic prune when active.
+  (0, _react.useEffect)(() => {
+    const interval = setInterval(() => {
+      if (!appActiveRef.current) {
+        return;
+      }
+      const now = Date.now();
+      setToasts(prev => prev.filter(t => now - t.timestamp < duration));
+    }, 1000);
+    return () => clearInterval(interval);
+  }, [duration]);
+
+  // Clear toasts when their room becomes active.
+  (0, _react.useEffect)(() => {
+    if (!activeRoomJID) {
+      return;
+    }
+    setToasts(prev => prev.filter(t => t.roomJID !== activeRoomJID));
+  }, [activeRoomJID]);
+  const dismiss = (0, _react.useCallback)(id => {
+    setToasts(prev => prev.filter(t => t.id !== id));
+  }, []);
+  const navigateToMessage = (0, _react.useCallback)((roomJID, messageId, message, roomName, senderName) => {
+    setToasts(prev => prev.filter(t => t.roomJID !== roomJID));
+    const customOnClick = notificationConfig?.onClick;
+    if (customOnClick) {
+      Promise.resolve(customOnClick({
+        roomJID,
+        messageId,
+        message,
+        roomName,
+        senderName
+      })).catch(e => console.error('onClick handler error', e));
+      return;
+    }
+    if (roomJID) {
+      dispatch((0, _roomsSlice.setCurrentRoom)({
+        roomJID
+      }));
+    }
+  }, [dispatch, notificationConfig]);
+  const showMessageNotification = (0, _react.useCallback)((message, roomName, senderName, roomJID) => {
+    if (!isEnabled) {
+      return;
+    }
+    // Don't toast for the currently active room.
+    if (activeRoomJID && activeRoomJID === roomJID) {
+      return;
+    }
+    const id = `msg-notification-${message.id}-${Date.now()}`;
+    const item = {
+      id,
+      message,
+      roomName,
+      senderName,
+      roomJID,
+      timestamp: Date.now()
+    };
+    setToasts(prev => {
+      const next = [...prev, item];
+      return next.length > maxNotifications ? next.slice(-maxNotifications) : next;
+    });
+  }, [isEnabled, activeRoomJID, maxNotifications]);
+
+  // Register with the global manager.
+  (0, _react.useEffect)(() => {
+    if (!isEnabled) {
+      return;
+    }
+    const unsubscribe = _messageNotificationManager.messageNotificationManager.addCallback(showMessageNotification);
+    return unsubscribe;
+  }, [isEnabled, showMessageNotification]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(MessageNotificationContext.Provider, {
+    value: {
+      showMessageNotification
+    },
+    children: [children, isEnabled && toasts.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      pointerEvents: "box-none",
+      style: [styles.container, positionToStyle(notificationConfig?.position)],
+      children: toasts.map(t => {
+        const Custom = notificationConfig?.customComponent;
+        if (Custom) {
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(Custom, {
+            id: t.id,
+            message: t.message,
+            roomName: t.roomName,
+            senderName: t.senderName,
+            roomJID: t.roomJID,
+            timestamp: t.timestamp,
+            onClose: () => dismiss(t.id),
+            onNavigateToMessage: navigateToMessage,
+            duration: duration
+          }, t.id);
+        }
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(ToastRow, {
+          item: t,
+          onPress: () => navigateToMessage(t.roomJID, t.message.id, t.message, t.roomName, t.senderName),
+          onDismiss: () => dismiss(t.id)
+        }, t.id);
+      })
+    })]
+  });
+};
+exports.MessageNotificationProvider = MessageNotificationProvider;
+const ToastRow = ({
+  item,
+  onPress,
+  onDismiss
+}) => {
+  const fade = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
+  (0, _react.useEffect)(() => {
+    _reactNative.Animated.timing(fade, {
+      toValue: 1,
+      duration: 180,
+      useNativeDriver: true
+    }).start();
+  }, [fade]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Animated.View, {
+    style: [styles.toast, {
+      opacity: fade
+    }],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+      style: styles.toastBody,
+      onPress: onPress,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: styles.toastTitle,
+        numberOfLines: 1,
+        children: item.roomName
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
+        style: styles.toastSubtitle,
+        numberOfLines: 2,
+        children: [item.senderName, ": ", item.message?.body || '']
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+      onPress: onDismiss,
+      style: styles.dismiss,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: styles.dismissText,
+        children: "\xD7"
+      })
+    })]
+  });
+};
+const positionToStyle = position => {
+  const horizontal = position?.horizontal || 'left';
+  const vertical = position?.vertical || 'bottom';
+  const offset = position?.offset || {};
+  const out = {};
+  if (vertical === 'top') {
+    out.top = offset.top ?? 20;
+  } else {
+    out.bottom = offset.bottom ?? 20;
+  }
+  if (horizontal === 'right') {
+    out.right = offset.right ?? 20;
+    out.alignItems = 'flex-end';
+  } else if (horizontal === 'center') {
+    out.left = 0;
+    out.right = 0;
+    out.alignItems = 'center';
+  } else {
+    out.left = offset.left ?? 20;
+    out.alignItems = 'flex-start';
+  }
+  return out;
+};
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    position: 'absolute',
+    zIndex: 10000,
+    elevation: 10000
+  },
+  toast: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    backgroundColor: '#fff',
+    paddingVertical: 10,
+    paddingHorizontal: 14,
+    marginVertical: 4,
+    borderRadius: 12,
+    minWidth: 240,
+    maxWidth: 340,
+    shadowColor: '#000',
+    shadowOpacity: 0.15,
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    shadowRadius: 6
+  },
+  toastBody: {
+    flex: 1
+  },
+  toastTitle: {
+    fontWeight: '600',
+    fontSize: 14,
+    color: '#222',
+    marginBottom: 2
+  },
+  toastSubtitle: {
+    fontSize: 12,
+    color: '#555'
+  },
+  dismiss: {
+    paddingHorizontal: 8,
+    paddingVertical: 4
+  },
+  dismissText: {
+    fontSize: 18,
+    color: '#777'
+  }
+});
+const useMessageNotification = () => {
+  const ctx = (0, _react.useContext)(MessageNotificationContext);
+  if (!ctx) {
+    throw new Error('useMessageNotification must be used within a MessageNotificationProvider');
+  }
+  return ctx;
+};
+exports.useMessageNotification = useMessageNotification;
+//# sourceMappingURL=MessageNotificationContext.js.map