@sendbird/uikit-react 3.4.4 → 3.4.5

package/OpenChannelSettings/components/EditDetailsModal.js

@@ -1,30 +1,30 @@
 import React__default, { useRef, useState, useContext } from 'react';
-import { a as LocalizationContext } from '../../LocalizationContext-ef72d4b1.js';
-import { P as PUBSUB_TOPICS } from '../../topics-df7f51d4.js';
+import { a as LocalizationContext } from '../../LocalizationContext-654ae04f.js';
+import { P as PUBSUB_TOPICS } from '../../topics-4697c2b3.js';
 import Modal from '../../ui/Modal.js';
 import Input, { InputLabel } from '../../ui/Input.js';
 import Avatar from '../../ui/Avatar.js';
 import { ButtonTypes } from '../../ui/Button.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-2c0ab386.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-8e901b57.js';
 import TextButton from '../../ui/TextButton.js';
 import ChannelAvatar from '../../ui/OpenChannelAvatar.js';
 import { useOpenChannelSettingsContext } from '../context.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import '../../stringSet-273bec27.js';
-import '../../index-18c2f8d4.js';
+import '../../stringSet-7c7d84fc.js';
+import '../../index-cf141ad7.js';
 import 'react-dom';
-import '../../index-e3d008b9.js';
+import '../../index-12c44496.js';
 import '../../ui/Icon.js';
 import 'prop-types';
 import '../../ui/IconButton.js';
-import '../../tslib.es6-1aaf3795.js';
-import '../../MediaQueryContext-683c7242.js';
+import '../../tslib.es6-209c9f08.js';
+import '../../MediaQueryContext-e791a4d1.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-29207f65.js';
-import '../../color-e5d40073.js';
-import '../../utils-25614c42.js';
+import '../../uuid-31c6ecb2.js';
+import '../../color-f6e2214f.js';
+import '../../utils-12a3467f.js';
 import '@sendbird/chat/openChannel';
-import '../../UserProfileContext-5d7c5f9f.js';
+import '../../UserProfileContext-1996d4d2.js';
 import '../../withSendbird.js';
 
 var EditDetails = function (props) {

package/OpenChannelSettings/components/OpenChannelProfile.js

@@ -1,32 +1,32 @@
 import React__default, { useState, useContext } from 'react';
-import { a as LocalizationContext } from '../../LocalizationContext-ef72d4b1.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-2c0ab386.js';
+import { a as LocalizationContext } from '../../LocalizationContext-654ae04f.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-8e901b57.js';
 import TextButton from '../../ui/TextButton.js';
 import ChannelAvatar from '../../ui/OpenChannelAvatar.js';
 import EditDetails from './EditDetailsModal.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
 import { useOpenChannelSettingsContext } from '../context.js';
-import '../../stringSet-273bec27.js';
-import '../../index-18c2f8d4.js';
+import '../../stringSet-7c7d84fc.js';
+import '../../index-cf141ad7.js';
 import 'prop-types';
-import '../../tslib.es6-1aaf3795.js';
-import '../../color-e5d40073.js';
+import '../../tslib.es6-209c9f08.js';
+import '../../color-f6e2214f.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
 import '../../ui/Icon.js';
-import '../../uuid-29207f65.js';
-import '../../utils-25614c42.js';
-import '../../topics-df7f51d4.js';
+import '../../uuid-31c6ecb2.js';
+import '../../utils-12a3467f.js';
+import '../../topics-4697c2b3.js';
 import '../../ui/Modal.js';
 import 'react-dom';
-import '../../index-e3d008b9.js';
+import '../../index-12c44496.js';
 import '../../ui/Button.js';
 import '../../ui/IconButton.js';
-import '../../MediaQueryContext-683c7242.js';
+import '../../MediaQueryContext-e791a4d1.js';
 import '../../ui/Input.js';
 import '../../withSendbird.js';
 import '@sendbird/chat/openChannel';
-import '../../UserProfileContext-5d7c5f9f.js';
+import '../../UserProfileContext-1996d4d2.js';
 
 function ChannelProfile() {
   var _a, _b;

package/OpenChannelSettings/components/OpenChannelSettingsUI.js

@@ -1,44 +1,44 @@
 import React__default, { useContext } from 'react';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
 import { useOpenChannelSettingsContext } from '../context.js';
-import { U as UserProfileProvider } from '../../UserProfileContext-5d7c5f9f.js';
-import { a as LocalizationContext } from '../../LocalizationContext-ef72d4b1.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-2c0ab386.js';
+import { U as UserProfileProvider } from '../../UserProfileContext-1996d4d2.js';
+import { a as LocalizationContext } from '../../LocalizationContext-654ae04f.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-8e901b57.js';
 import Icon, { IconTypes } from '../../ui/Icon.js';
-import { P as PlaceHolder, b as PlaceHolderTypes } from '../../index-86cb1c98.js';
+import { P as PlaceHolder, b as PlaceHolderTypes } from '../../index-0ecbda20.js';
 import { OperatorUI } from './OperatorUI.js';
-import { P as ParticipantList } from '../../index-253052c7.js';
+import { P as ParticipantList } from '../../index-437c0f3c.js';
 import '../../withSendbird.js';
-import '../../tslib.es6-1aaf3795.js';
+import '../../tslib.es6-209c9f08.js';
 import '@sendbird/chat/openChannel';
-import '../../uuid-29207f65.js';
+import '../../uuid-31c6ecb2.js';
 import 'prop-types';
-import '../../stringSet-273bec27.js';
-import '../../index-18c2f8d4.js';
+import '../../stringSet-7c7d84fc.js';
+import '../../index-cf141ad7.js';
 import '../../ui/Loader.js';
 import './OpenChannelProfile.js';
 import '../../ui/TextButton.js';
-import '../../color-e5d40073.js';
+import '../../color-f6e2214f.js';
 import '../../ui/OpenChannelAvatar.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
-import '../../utils-25614c42.js';
+import '../../utils-12a3467f.js';
 import './EditDetailsModal.js';
-import '../../topics-df7f51d4.js';
+import '../../topics-4697c2b3.js';
 import '../../ui/Modal.js';
 import 'react-dom';
-import '../../index-e3d008b9.js';
+import '../../index-12c44496.js';
 import '../../ui/Button.js';
 import '../../ui/IconButton.js';
-import '../../MediaQueryContext-683c7242.js';
+import '../../MediaQueryContext-e791a4d1.js';
 import '../../ui/Input.js';
 import '../../ui/Accordion.js';
 import '../../ui/AccordionGroup.js';
-import '../../context-e82cf2c4.js';
-import '../../utils-99c30ef6.js';
+import '../../context-7465b898.js';
+import '../../utils-04bd857d.js';
 import '../../ui/ContextMenu.js';
 import '../../ui/SortByRow.js';
-import '../../index-556999ef.js';
+import '../../index-83ae3ffe.js';
 import '../../utils/message/getOutgoingMessageState.js';
 import '../../ui/UserListItem.js';
 import '../../ui/MutedAvatarOverlay.js';

package/OpenChannelSettings/components/OperatorUI.js

@@ -1,44 +1,44 @@
 import React__default, { useState, useContext, useEffect, useCallback } from 'react';
-import { a as LocalizationContext } from '../../LocalizationContext-ef72d4b1.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-2c0ab386.js';
+import { a as LocalizationContext } from '../../LocalizationContext-654ae04f.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-8e901b57.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
 import { useOpenChannelSettingsContext } from '../context.js';
 import ChannelProfile from './OpenChannelProfile.js';
 import Modal from '../../ui/Modal.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import { U as UserListItem$1, P as ParticipantList } from '../../index-253052c7.js';
+import { U as UserListItem$1, P as ParticipantList } from '../../index-437c0f3c.js';
 import Accordion, { AccordionGroup } from '../../ui/Accordion.js';
 import Button, { ButtonTypes, ButtonSizes } from '../../ui/Button.js';
 import ContextMenu, { MenuItems, MenuItem } from '../../ui/ContextMenu.js';
 import IconButton from '../../ui/IconButton.js';
-import { a as __spreadArray, _ as __assign } from '../../tslib.es6-1aaf3795.js';
+import { a as __spreadArray, _ as __assign } from '../../tslib.es6-209c9f08.js';
 import UserListItem from '../../ui/UserListItem.js';
-import { n as noop } from '../../utils-99c30ef6.js';
-import '../../stringSet-273bec27.js';
-import '../../index-18c2f8d4.js';
+import { n as noop } from '../../utils-04bd857d.js';
+import '../../stringSet-7c7d84fc.js';
+import '../../index-cf141ad7.js';
 import 'prop-types';
 import '@sendbird/chat/openChannel';
-import '../../UserProfileContext-5d7c5f9f.js';
-import '../../uuid-29207f65.js';
+import '../../UserProfileContext-1996d4d2.js';
+import '../../uuid-31c6ecb2.js';
 import '../../withSendbird.js';
 import '../../ui/TextButton.js';
-import '../../color-e5d40073.js';
+import '../../color-f6e2214f.js';
 import '../../ui/OpenChannelAvatar.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
-import '../../utils-25614c42.js';
+import '../../utils-12a3467f.js';
 import './EditDetailsModal.js';
-import '../../topics-df7f51d4.js';
+import '../../topics-4697c2b3.js';
 import '../../ui/Input.js';
 import 'react-dom';
-import '../../index-e3d008b9.js';
-import '../../MediaQueryContext-683c7242.js';
-import '../../context-e82cf2c4.js';
+import '../../index-12c44496.js';
+import '../../MediaQueryContext-e791a4d1.js';
+import '../../context-7465b898.js';
 import '../../ui/UserProfile.js';
 import '../../sendbirdSelectors.js';
 import '../../ui/AccordionGroup.js';
 import '../../ui/SortByRow.js';
-import '../../index-556999ef.js';
+import '../../index-83ae3ffe.js';
 import '../../utils/message/getOutgoingMessageState.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/Checkbox.js';

package/OpenChannelSettings/components/ParticipantUI.js

@@ -1,35 +1,35 @@
-import '../../tslib.es6-1aaf3795.js';
+import '../../tslib.es6-209c9f08.js';
 import 'react';
 import '../../ui/Button.js';
 import '../../ui/ContextMenu.js';
 import '../../ui/Icon.js';
 import '../../ui/IconButton.js';
-import '../../index-2c0ab386.js';
-export { P as default } from '../../index-253052c7.js';
-import '../../LocalizationContext-ef72d4b1.js';
+import '../../index-8e901b57.js';
+export { P as default } from '../../index-437c0f3c.js';
+import '../../LocalizationContext-654ae04f.js';
 import '../context.js';
 import '../../useSendbirdStateContext.js';
 import 'prop-types';
-import '../../stringSet-273bec27.js';
+import '../../stringSet-7c7d84fc.js';
 import 'react-dom';
 import '../../ui/SortByRow.js';
-import '../../uuid-29207f65.js';
-import '../../index-556999ef.js';
+import '../../uuid-31c6ecb2.js';
+import '../../index-83ae3ffe.js';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../UserProfileContext-5d7c5f9f.js';
-import '../../context-e82cf2c4.js';
-import '../../utils-99c30ef6.js';
+import '../../UserProfileContext-1996d4d2.js';
+import '../../context-7465b898.js';
+import '../../utils-04bd857d.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
 import '../../ui/UserProfile.js';
 import '../../sendbirdSelectors.js';
-import '../../topics-df7f51d4.js';
-import '../../index-18c2f8d4.js';
+import '../../topics-4697c2b3.js';
+import '../../index-cf141ad7.js';
 import '../../withSendbird.js';
 import '@sendbird/chat/openChannel';
 import '../../ui/Modal.js';
-import '../../index-e3d008b9.js';
-import '../../MediaQueryContext-683c7242.js';
+import '../../index-12c44496.js';
+import '../../MediaQueryContext-e791a4d1.js';
 import '../../ui/UserListItem.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/Checkbox.js';

package/OpenChannelSettings/context.js

@@ -1,10 +1,10 @@
 import React__default, { useState, useEffect } from 'react';
 import { OpenChannelHandler } from '@sendbird/chat/openChannel';
 import useSendbirdStateContext from '../useSendbirdStateContext.js';
-import { U as UserProfileProvider } from '../UserProfileContext-5d7c5f9f.js';
-import { u as uuidv4 } from '../uuid-29207f65.js';
+import { U as UserProfileProvider } from '../UserProfileContext-1996d4d2.js';
+import { u as uuidv4 } from '../uuid-31c6ecb2.js';
 import '../withSendbird.js';
-import '../tslib.es6-1aaf3795.js';
+import '../tslib.es6-209c9f08.js';
 import 'prop-types';
 
 var OpenChannelSettingsContext = /*#__PURE__*/React__default.createContext(undefined);

package/OpenChannelSettings.js

@@ -3,41 +3,41 @@ import OpenChannelUI from './OpenChannelSettings/components/OpenChannelSettingsU
 import { OpenChannelSettingsProvider } from './OpenChannelSettings/context.js';
 import './useSendbirdStateContext.js';
 import './withSendbird.js';
-import './tslib.es6-1aaf3795.js';
-import './UserProfileContext-5d7c5f9f.js';
+import './tslib.es6-209c9f08.js';
+import './UserProfileContext-1996d4d2.js';
 import 'prop-types';
-import './LocalizationContext-ef72d4b1.js';
-import './stringSet-273bec27.js';
-import './index-18c2f8d4.js';
-import './index-2c0ab386.js';
+import './LocalizationContext-654ae04f.js';
+import './stringSet-7c7d84fc.js';
+import './index-cf141ad7.js';
+import './index-8e901b57.js';
 import './ui/Icon.js';
-import './index-86cb1c98.js';
+import './index-0ecbda20.js';
 import './ui/Loader.js';
 import './OpenChannelSettings/components/OperatorUI.js';
 import './OpenChannelSettings/components/OpenChannelProfile.js';
 import './ui/TextButton.js';
-import './color-e5d40073.js';
+import './color-f6e2214f.js';
 import './ui/OpenChannelAvatar.js';
 import './ui/Avatar.js';
 import './ui/ImageRenderer.js';
-import './uuid-29207f65.js';
-import './utils-25614c42.js';
+import './uuid-31c6ecb2.js';
+import './utils-12a3467f.js';
 import './OpenChannelSettings/components/EditDetailsModal.js';
-import './topics-df7f51d4.js';
+import './topics-4697c2b3.js';
 import './ui/Modal.js';
 import 'react-dom';
-import './index-e3d008b9.js';
+import './index-12c44496.js';
 import './ui/Button.js';
 import './ui/IconButton.js';
-import './MediaQueryContext-683c7242.js';
+import './MediaQueryContext-e791a4d1.js';
 import './ui/Input.js';
-import './index-253052c7.js';
+import './index-437c0f3c.js';
 import './ui/ContextMenu.js';
 import './ui/SortByRow.js';
-import './index-556999ef.js';
+import './index-83ae3ffe.js';
 import './utils/message/getOutgoingMessageState.js';
-import './context-e82cf2c4.js';
-import './utils-99c30ef6.js';
+import './context-7465b898.js';
+import './utils-04bd857d.js';
 import './ui/UserProfile.js';
 import './sendbirdSelectors.js';
 import '@sendbird/chat/openChannel';

package/README.md

@@ -41,10 +41,11 @@ You need to install:
 * nodejs 16 LTS https://nodejs.org/en/download/
 * npm 8 or above
 
-We tried development on Mac OS / Linux systems. You might encounter problems in running `npm run build` in Windows machines
+**Caveats**
+ - We tried development on Mac OS / Linux systems. You might encounter problems in running `npm run build` in Windows machines
+ - If you use node.js >= 17 and see `ERR_OSSL_EVP_UNSUPPORTED` error on any run cmd, try to set `export NODE_OPTIONS=--openssl-legacy-provider` in the terminal
 
 ### Development
-
 We use storybook for development and rollup for building the npm distribution(bundled JS file)
 Make sure you have nodejs and npm installed and run
 

package/{RemoveMessageModal-63a8b079.js → RemoveMessageModal-938b400d.js}

@@ -1,8 +1,8 @@
 import React__default, { useContext } from 'react';
 import Modal from './ui/Modal.js';
 import { ButtonTypes } from './ui/Button.js';
-import { a as LocalizationContext } from './LocalizationContext-ef72d4b1.js';
-import { u as useThreadContext } from './ThreadProvider-435a6f11.js';
+import { a as LocalizationContext } from './LocalizationContext-654ae04f.js';
+import { u as useThreadContext } from './ThreadProvider-faf3df5d.js';
 
 var RemoveMessage = function (props) {
   var _a;
@@ -28,4 +28,4 @@ var RemoveMessage = function (props) {
 };
 
 export { RemoveMessage as R };
-//# sourceMappingURL=RemoveMessageModal-63a8b079.js.map
+//# sourceMappingURL=RemoveMessageModal-938b400d.js.map

package/{RemoveMessageModal-63a8b079.js.map → RemoveMessageModal-938b400d.js.map}

@@ -1 +1 @@
-{"version":3,"file":"RemoveMessageModal-63a8b079.js","sources":["../src/smart-components/Thread/components/RemoveMessageModal.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport Modal from '../../../ui/Modal';\nimport { ButtonTypes } from '../../../ui/Button';\nimport { LocalizationContext } from '../../../lib/LocalizationContext';\nimport { useThreadContext } from '../context/ThreadProvider';\nimport { FileMessage, UserMessage } from '@sendbird/chat/message';\n\nexport interface RemoveMessageProps {\n  onCancel: () => void; // rename to onClose\n  onSubmit?: () => void;\n  message: UserMessage | FileMessage;\n}\n\nconst RemoveMessage: React.FC<RemoveMessageProps> = (props: RemoveMessageProps) => {\n  const {\n    onCancel,\n    onSubmit,\n    message,\n  } = props;\n  const { stringSet } = useContext(LocalizationContext);\n  const {\n    deleteMessage,\n  } = useThreadContext();\n  return (\n    <Modal\n      type={ButtonTypes.DANGER}\n      disabled={message?.threadInfo?.replyCount > 0}\n      onCancel={onCancel}\n      onSubmit={() => {\n        deleteMessage(message).then(() => {\n          onCancel?.();\n          onSubmit?.();\n        });\n      }}\n      submitText={stringSet.MESSAGE_MENU__DELETE}\n      titleText={stringSet.MODAL__DELETE_MESSAGE__TITLE}\n    />\n  );\n};\n\nexport default RemoveMessage;\n"],"names":["RemoveMessage","props","onCancel","onSubmit","message","stringSet","useContext","LocalizationContext","deleteMessage","useThreadContext","React","ButtonTypes","DANGER","threadInfo","_a","replyCount","then","MESSAGE_MENU__DELETE","MODAL__DELETE_MESSAGE__TITLE"],"mappings":";;;;;;AAcA,IAAMA,aAAa,GAAiC,UAACC,KAAD,EAA0B;;;AAE1E,EAAA,IAAAC,QAAQ,GAGND,KAAK,CAAAC,QAHP;AAAA,MACAC,QAAQ,GAENF,KAAK,CAAAE,QAHP;AAAA,MAEAC,OAAO,GACLH,KAAK,QAHP,CAAA;AAIM,EAAA,IAAAI,SAAS,GAAKC,UAAU,CAACC,mBAAD,CAAV,UAAd,CAAA;AAEN,EAAA,IAAAC,aAAa,GACXC,gBAAgB,EAAA,cADlB,CAAA;AAEF,EAAA,oBACEC,6BAAC,KAAD,EAAA;IACE,IAAI,EAAEC,WAAW,CAACC,MADpB;AAEE,IAAA,QAAQ,EAAE,CAAA,MAAAR,OAAO,KAAA,IAAP,IAAAA,OAAO,KAAA,KAAA,CAAP,GAAO,KAAA,CAAP,GAAAA,OAAO,CAAES,UAAT,MAAqB,IAArB,IAAqBC,EAAA,KAAA,KAAA,CAArB,GAAqB,KAAA,CAArB,GAAqBA,EAAA,CAAAC,UAArB,IAAkC,CAF9C;AAGE,IAAA,QAAQ,EAAEb,QAHZ;AAIE,IAAA,QAAQ,EAAE,YAAA;AACRM,MAAAA,aAAa,CAACJ,OAAD,CAAb,CAAuBY,IAAvB,CAA4B,YAAA;AAC1Bd,QAAAA,QAAQ,KAAR,IAAA,IAAAA,QAAQ,KAAR,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,QAAQ,EAAR,CAAA;AACAC,QAAAA,QAAQ,KAAR,IAAA,IAAAA,QAAQ,KAAR,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,QAAQ,EAAR,CAAA;OAFF,CAAA,CAAA;KALJ;IAUE,UAAU,EAAEE,SAAS,CAACY,oBAVxB;IAWE,SAAS,EAAEZ,SAAS,CAACa,4BAAAA;GAZzB,CAAA,CAAA;AAeD;;;;"}
+{"version":3,"file":"RemoveMessageModal-938b400d.js","sources":["../src/smart-components/Thread/components/RemoveMessageModal.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport Modal from '../../../ui/Modal';\nimport { ButtonTypes } from '../../../ui/Button';\nimport { LocalizationContext } from '../../../lib/LocalizationContext';\nimport { useThreadContext } from '../context/ThreadProvider';\nimport { FileMessage, UserMessage } from '@sendbird/chat/message';\n\nexport interface RemoveMessageProps {\n  onCancel: () => void; // rename to onClose\n  onSubmit?: () => void;\n  message: UserMessage | FileMessage;\n}\n\nconst RemoveMessage: React.FC<RemoveMessageProps> = (props: RemoveMessageProps) => {\n  const {\n    onCancel,\n    onSubmit,\n    message,\n  } = props;\n  const { stringSet } = useContext(LocalizationContext);\n  const {\n    deleteMessage,\n  } = useThreadContext();\n  return (\n    <Modal\n      type={ButtonTypes.DANGER}\n      disabled={message?.threadInfo?.replyCount > 0}\n      onCancel={onCancel}\n      onSubmit={() => {\n        deleteMessage(message).then(() => {\n          onCancel?.();\n          onSubmit?.();\n        });\n      }}\n      submitText={stringSet.MESSAGE_MENU__DELETE}\n      titleText={stringSet.MODAL__DELETE_MESSAGE__TITLE}\n    />\n  );\n};\n\nexport default RemoveMessage;\n"],"names":["RemoveMessage","props","onCancel","onSubmit","message","stringSet","useContext","LocalizationContext","deleteMessage","useThreadContext","React","ButtonTypes","DANGER","threadInfo","_a","replyCount","then","MESSAGE_MENU__DELETE","MODAL__DELETE_MESSAGE__TITLE"],"mappings":";;;;;;AAcA,IAAMA,aAAa,GAAiC,UAACC,KAAD,EAA0B;;;AAE1E,EAAA,IAAAC,QAAQ,GAGND,KAAK,CAAAC,QAHP;AAAA,MACAC,QAAQ,GAENF,KAAK,CAAAE,QAHP;AAAA,MAEAC,OAAO,GACLH,KAAK,QAHP,CAAA;AAIM,EAAA,IAAAI,SAAS,GAAKC,UAAU,CAACC,mBAAD,CAAV,UAAd,CAAA;AAEN,EAAA,IAAAC,aAAa,GACXC,gBAAgB,EAAA,cADlB,CAAA;AAEF,EAAA,oBACEC,6BAAC,KAAD,EAAA;IACE,IAAI,EAAEC,WAAW,CAACC,MADpB;AAEE,IAAA,QAAQ,EAAE,CAAA,MAAAR,OAAO,KAAA,IAAP,IAAAA,OAAO,KAAA,KAAA,CAAP,GAAO,KAAA,CAAP,GAAAA,OAAO,CAAES,UAAT,MAAqB,IAArB,IAAqBC,EAAA,KAAA,KAAA,CAArB,GAAqB,KAAA,CAArB,GAAqBA,EAAA,CAAAC,UAArB,IAAkC,CAF9C;AAGE,IAAA,QAAQ,EAAEb,QAHZ;AAIE,IAAA,QAAQ,EAAE,YAAA;AACRM,MAAAA,aAAa,CAACJ,OAAD,CAAb,CAAuBY,IAAvB,CAA4B,YAAA;AAC1Bd,QAAAA,QAAQ,KAAR,IAAA,IAAAA,QAAQ,KAAR,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,QAAQ,EAAR,CAAA;AACAC,QAAAA,QAAQ,KAAR,IAAA,IAAAA,QAAQ,KAAR,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,QAAQ,EAAR,CAAA;OAFF,CAAA,CAAA;KALJ;IAUE,UAAU,EAAEE,SAAS,CAACY,oBAVxB;IAWE,SAAS,EAAEZ,SAAS,CAACa,4BAAAA;GAZzB,CAAA,CAAA;AAeD;;;;"}

package/SendbirdProvider.js

@@ -1,31 +1,31 @@
-import { _ as __assign } from './tslib.es6-1aaf3795.js';
-import React__default, { useLayoutEffect, useState, useEffect, useReducer } from 'react';
+import { _ as __assign } from './tslib.es6-209c9f08.js';
+import React__default, { useLayoutEffect, useState, useEffect, useMemo, useReducer } from 'react';
 import { SendbirdSdkContext } from './withSendbird.js';
 import SendbirdChat, { ConnectionHandler } from '@sendbird/chat';
 import { OpenChannelModule } from '@sendbird/chat/openChannel';
 import { GroupChannelModule } from '@sendbird/chat/groupChannel';
-import { R as RESET_USER, I as INIT_USER, U as UPDATE_USER_INFO } from './actionTypes-80e9dbe4.js';
-import { i as isTextuallyNull } from './index-556999ef.js';
+import { R as RESET_USER, I as INIT_USER, U as UPDATE_USER_INFO } from './actionTypes-ee7f96a9.js';
+import { i as isTextuallyNull } from './index-83ae3ffe.js';
 import cssVars from 'css-vars-ponyfill';
-import { _ as _objectSpread2 } from './_rollupPluginBabelHelpers-37cba0d6.js';
-import { u as uuidv4 } from './uuid-29207f65.js';
-import { V as VoicePlayerProvider } from './index-e1cff2ff.js';
+import { _ as _objectSpread2 } from './_rollupPluginBabelHelpers-e908c50d.js';
+import { u as uuidv4 } from './uuid-31c6ecb2.js';
+import { V as VoicePlayerProvider } from './index-9626a87e.js';
 import { VoiceRecorderProvider } from './VoiceRecorder/context.js';
-import { L as LocalizationProvider } from './LocalizationContext-ef72d4b1.js';
-import { M as MediaQueryProvider } from './MediaQueryContext-683c7242.js';
-import { g as getStringSet } from './stringSet-273bec27.js';
-import { V as VOICE_RECORDER_DEFAULT_MAX, a as VOICE_RECORDER_DEFAULT_MIN } from './consts-b3042213.js';
+import { L as LocalizationProvider } from './LocalizationContext-654ae04f.js';
+import { M as MediaQueryProvider } from './MediaQueryContext-e791a4d1.js';
+import { g as getStringSet } from './stringSet-7c7d84fc.js';
+import { V as VOICE_RECORDER_DEFAULT_MAX, a as VOICE_RECORDER_DEFAULT_MIN } from './consts-9422accf.js';
 import './utils/message/getOutgoingMessageState.js';
 import './useSendbirdStateContext.js';
 import './lame.all.js';
-import './index-18c2f8d4.js';
+import './index-cf141ad7.js';
 
 const INIT_SDK = 'INIT_SDK';
 const SET_SDK_LOADING = 'SET_SDK_LOADING';
 const RESET_SDK = 'RESET_SDK';
 const SDK_ERROR = 'SDK_ERROR';
 
-const APP_VERSION_STRING = '3.4.4';
+const APP_VERSION_STRING = '3.4.5';
 const disconnectSdk = _ref => {
   let {
     sdkDispatcher,
@@ -582,6 +582,79 @@ var VoiceMessageProvider = function (_a) {
   return /*#__PURE__*/React__default.createElement(VoiceRecorderProvider, null, /*#__PURE__*/React__default.createElement(VoicePlayerProvider, null, children));
 };
 
+var TIMEOUT = 5000;
+var schedulerFactory = function (logger, timeout) {
+  var queue = [];
+  var interval = null;
+
+  var push = function (channel) {
+    var channelPresent = queue.find(function (c) {
+      return c.url === channel.url;
+    });
+
+    if (!channelPresent) {
+      queue.push(channel);
+    } else {
+      logger.info('Channel: Mark as read already in queue', channel);
+    } // start the interval if it's not already running
+
+
+    if (interval) {
+      return;
+    }
+
+    interval = setInterval(function () {
+      if (queue.length === 0) {
+        clearInterval(interval);
+        interval = null;
+        return;
+      }
+
+      var channel = queue.shift();
+
+      if (channel) {
+        try {
+          channel.markAsRead();
+        } catch (error) {
+          logger.error('Channel: Mark as read failed', error);
+        }
+      }
+    }, timeout || TIMEOUT);
+  };
+
+  var clear = function () {
+    queue = [];
+
+    if (interval) {
+      clearInterval(interval);
+      interval = null;
+    }
+  };
+
+  return {
+    push: push,
+    clear: clear,
+    getQueue: function () {
+      return queue;
+    }
+  };
+};
+function useMarkAsReadScheduler(_a, _b) {
+  var isConnected = _a.isConnected;
+  var logger = _b.logger;
+  var markAsReadScheduler = useMemo(function () {
+    return schedulerFactory(logger);
+  }, []);
+  useEffect(function () {
+    // for simplicity, we clear the queue when the connection is lost
+    if (!isConnected) {
+      markAsReadScheduler.clear();
+      return;
+    }
+  }, [isConnected]);
+  return markAsReadScheduler;
+}
+
 var Sendbird = function (_a) {
   var appId = _a.appId,
       userId = _a.userId,
@@ -726,6 +799,11 @@ var Sendbird = function (_a) {
     };
   }, [currenttheme]);
   var isOnline = useConnectionStatus(sdkStore.sdk, logger);
+  var markAsReadScheduler = useMarkAsReadScheduler({
+    isConnected: isOnline
+  }, {
+    logger: logger
+  });
   var localeStringSet = React__default.useMemo(function () {
     if (!stringSet) {
       return getStringSet('en');
@@ -786,7 +864,8 @@ var Sendbird = function (_a) {
         },
         isTypingIndicatorEnabledOnChannelList: isTypingIndicatorEnabledOnChannelList,
         isMessageReceiptStatusEnabledOnChannelList: isMessageReceiptStatusEnabledOnChannelList,
-        replyType: replyType
+        replyType: replyType,
+        markAsReadScheduler: markAsReadScheduler
       }
     }
   }, /*#__PURE__*/React__default.createElement(MediaQueryProvider, {