@sendbird/uikit-react 3.14.3 → 3.14.4

package/chunks/{bundle-CXxeDfXV.js → bundle-DaAoUDJk.js}

@@ -1,172 +1,172 @@
 import { useCallback } from 'react';
-import { p as pubSubTopics, s as shouldPubSubPublishToChannel, a as shouldPubSubPublishToThread } from './bundle-BX_IXLSp.js';
-import { s as scrollIntoLast$1 } from './bundle-DWW0XPV9.js';
+import { p as pubSubTopics, s as shouldPubSubPublishToChannel, a as shouldPubSubPublishToThread } from './bundle-BWuyd0AD.js';
+import { s as scrollIntoLast$1 } from './bundle-DDkUg3Os.js';
 import '../utils/message/getOutgoingMessageState.js';
-import { e as SCROLL_BOTTOM_DELAY_FOR_SEND } from './bundle-Dc7E6GJc.js';
+import { b as SCROLL_BOTTOM_DELAY_FOR_SEND } from './bundle-CD9AzC6s.js';
 
-var getNicknamesMapFromMembers = function (members) {
-    if (members === void 0) { members = []; }
-    var nicknamesMap = new Map();
-    for (var memberIndex = 0; memberIndex < members.length; memberIndex += 1) {
-        var _a = members[memberIndex], userId = _a.userId, nickname = _a.nickname;
-        nicknamesMap.set(userId, nickname);
-    }
-    return nicknamesMap;
-};
-var getParentMessageFrom = function (message) {
-    if (!message) {
-        return null;
-    }
-    if (isParentMessage(message)) {
-        return message;
-    }
-    if (isThreadMessage(message)) {
-        return (message === null || message === void 0 ? void 0 : message.parentMessage) || null;
-    }
-    return null;
-};
-var isParentMessage = function (message) {
-    return ((message === null || message === void 0 ? void 0 : message.parentMessage) === null
-        && typeof (message === null || message === void 0 ? void 0 : message.parentMessageId) === 'number'
-        && !(message === null || message === void 0 ? void 0 : message.parentMessageId));
-};
-var isThreadMessage = function (message) {
-    return ((message === null || message === void 0 ? void 0 : message.parentMessage) !== null
-        && typeof (message === null || message === void 0 ? void 0 : message.parentMessageId) === 'number'
-        && (message === null || message === void 0 ? void 0 : message.parentMessageId) > 0
-        && (message === null || message === void 0 ? void 0 : message.threadInfo) === null);
-};
-var isAboutSame = function (a, b, px) { return (Math.abs(a - b) <= px); };
-var isEmpty = function (val) { return (val === null || val === undefined); };
-// Some Ids return string and number inconsistently
-// only use to comapre IDs
-function compareIds(a, b) {
-    if (isEmpty(a) || isEmpty(b)) {
-        return false;
-    }
-    var aString = a.toString();
-    var bString = b.toString();
-    return aString === bString;
-}
-var scrollIntoLast = function (intialTry) {
-    if (intialTry === void 0) { intialTry = 0; }
-    var MAX_TRIES = 10;
-    var currentTry = intialTry;
-    if (currentTry > MAX_TRIES) {
-        return;
-    }
-    try {
-        var scrollDOM = document.querySelector('.sendbird-thread-ui--scroll');
-        // eslint-disable-next-line no-multi-assign
-        scrollDOM.scrollTop = scrollDOM.scrollHeight;
-    }
-    catch (error) {
-        setTimeout(function () {
-            scrollIntoLast(currentTry + 1);
-        }, 500 * currentTry);
-    }
+var getNicknamesMapFromMembers = function (members) {
+    if (members === void 0) { members = []; }
+    var nicknamesMap = new Map();
+    for (var memberIndex = 0; memberIndex < members.length; memberIndex += 1) {
+        var _a = members[memberIndex], userId = _a.userId, nickname = _a.nickname;
+        nicknamesMap.set(userId, nickname);
+    }
+    return nicknamesMap;
+};
+var getParentMessageFrom = function (message) {
+    if (!message) {
+        return null;
+    }
+    if (isParentMessage(message)) {
+        return message;
+    }
+    if (isThreadMessage(message)) {
+        return (message === null || message === void 0 ? void 0 : message.parentMessage) || null;
+    }
+    return null;
+};
+var isParentMessage = function (message) {
+    return ((message === null || message === void 0 ? void 0 : message.parentMessage) === null
+        && typeof (message === null || message === void 0 ? void 0 : message.parentMessageId) === 'number'
+        && !(message === null || message === void 0 ? void 0 : message.parentMessageId));
+};
+var isThreadMessage = function (message) {
+    return ((message === null || message === void 0 ? void 0 : message.parentMessage) !== null
+        && typeof (message === null || message === void 0 ? void 0 : message.parentMessageId) === 'number'
+        && (message === null || message === void 0 ? void 0 : message.parentMessageId) > 0
+        && (message === null || message === void 0 ? void 0 : message.threadInfo) === null);
+};
+var isAboutSame = function (a, b, px) { return (Math.abs(a - b) <= px); };
+var isEmpty = function (val) { return (val === null || val === undefined); };
+// Some Ids return string and number inconsistently
+// only use to comapre IDs
+function compareIds(a, b) {
+    if (isEmpty(a) || isEmpty(b)) {
+        return false;
+    }
+    var aString = a.toString();
+    var bString = b.toString();
+    return aString === bString;
+}
+var scrollIntoLast = function (intialTry) {
+    if (intialTry === void 0) { intialTry = 0; }
+    var MAX_TRIES = 10;
+    var currentTry = intialTry;
+    if (currentTry > MAX_TRIES) {
+        return;
+    }
+    try {
+        var scrollDOM = document.querySelector('.sendbird-thread-ui--scroll');
+        // eslint-disable-next-line no-multi-assign
+        scrollDOM.scrollTop = scrollDOM.scrollHeight;
+    }
+    catch (error) {
+        setTimeout(function () {
+            scrollIntoLast(currentTry + 1);
+        }, 500 * currentTry);
+    }
 };
 
-/**
- * pubSub is used instead of messagesDispatcher to avoid redundantly calling
- * because this useSendMultipleFilesMessage is used in the Channel and Thread both
- */
-var useSendMultipleFilesMessage = function (_a, _b) {
-    var currentChannel = _a.currentChannel, onBeforeSendMultipleFilesMessage = _a.onBeforeSendMultipleFilesMessage, publishingModules = _a.publishingModules;
-    var logger = _b.logger, pubSub = _b.pubSub, scrollRef = _b.scrollRef;
-    var sendMessage = useCallback(function (files, quoteMessage) {
-        return new Promise(function (resolve, reject) {
-            if (!currentChannel) {
-                logger.warning('Channel: Sending MFm failed, because currentChannel is null.', { currentChannel: currentChannel });
-                reject();
-            }
-            if (files.length <= 1) {
-                logger.warning('Channel: Sending MFM failed, because there are no multiple files.', { files: files });
-                reject();
-            }
-            var messageParams = {
-                fileInfoList: files.map(function (file) { return ({
-                    file: file,
-                    fileName: file.name,
-                    fileSize: file.size,
-                    mimeType: file.type,
-                }); }),
-            };
-            if (quoteMessage) {
-                messageParams.isReplyToChannel = true;
-                messageParams.parentMessageId = quoteMessage.messageId;
-            }
-            if (typeof onBeforeSendMultipleFilesMessage === 'function') {
-                messageParams = onBeforeSendMultipleFilesMessage(files, quoteMessage);
-            }
-            logger.info('Channel: Start sending MFM', { messageParams: messageParams });
-            try {
-                currentChannel.sendMultipleFilesMessage(messageParams)
-                    .onFileUploaded(function (requestId, index, uploadableFileInfo, error) {
-                    logger.info('Channel: onFileUploaded during sending MFM', {
-                        requestId: requestId,
-                        index: index,
-                        error: error,
-                        uploadableFileInfo: uploadableFileInfo,
-                    });
-                    pubSub.publish(pubSubTopics.ON_FILE_INFO_UPLOADED, {
-                        response: {
-                            channelUrl: currentChannel.url,
-                            requestId: requestId,
-                            index: index,
-                            uploadableFileInfo: uploadableFileInfo,
-                            error: error,
-                        },
-                        publishingModules: publishingModules,
-                    });
-                })
-                    .onPending(function (pendingMessage) {
-                    logger.info('Channel: in progress of sending MFM', { pendingMessage: pendingMessage, fileInfoList: messageParams.fileInfoList });
-                    pubSub.publish(pubSubTopics.SEND_MESSAGE_START, {
-                        message: pendingMessage,
-                        channel: currentChannel,
-                        publishingModules: publishingModules,
-                    });
-                    setTimeout(function () {
-                        if (scrollRef && shouldPubSubPublishToChannel(publishingModules)) {
-                            scrollIntoLast$1(0, scrollRef);
-                        }
-                        if (shouldPubSubPublishToThread(publishingModules)) {
-                            scrollIntoLast(0);
-                        }
-                    }, SCROLL_BOTTOM_DELAY_FOR_SEND);
-                })
-                    .onFailed(function (error, failedMessage) {
-                    logger.error('Channel: Sending MFM failed.', { error: error, failedMessage: failedMessage });
-                    pubSub.publish(pubSubTopics.SEND_MESSAGE_FAILED, {
-                        channel: currentChannel,
-                        message: failedMessage,
-                        publishingModules: publishingModules,
-                    });
-                    reject(error);
-                })
-                    .onSucceeded(function (succeededMessage) {
-                    logger.info('Channel: Sending voice message success!', { succeededMessage: succeededMessage });
-                    pubSub.publish(pubSubTopics.SEND_FILE_MESSAGE, {
-                        channel: currentChannel,
-                        message: succeededMessage,
-                        publishingModules: publishingModules,
-                    });
-                    resolve(succeededMessage);
-                });
-            }
-            catch (error) {
-                logger.error('Channel: Sending MFM failed.', { error: error });
-                reject(error);
-            }
-        });
-    }, [
-        currentChannel,
-        onBeforeSendMultipleFilesMessage,
-        publishingModules,
-    ]);
-    return [sendMessage];
+/**
+ * pubSub is used instead of messagesDispatcher to avoid redundantly calling
+ * because this useSendMultipleFilesMessage is used in the Channel and Thread both
+ */
+var useSendMultipleFilesMessage = function (_a, _b) {
+    var currentChannel = _a.currentChannel, onBeforeSendMultipleFilesMessage = _a.onBeforeSendMultipleFilesMessage, publishingModules = _a.publishingModules;
+    var logger = _b.logger, pubSub = _b.pubSub, scrollRef = _b.scrollRef;
+    var sendMessage = useCallback(function (files, quoteMessage) {
+        return new Promise(function (resolve, reject) {
+            if (!currentChannel) {
+                logger.warning('Channel: Sending MFm failed, because currentChannel is null.', { currentChannel: currentChannel });
+                reject();
+            }
+            if (files.length <= 1) {
+                logger.warning('Channel: Sending MFM failed, because there are no multiple files.', { files: files });
+                reject();
+            }
+            var messageParams = {
+                fileInfoList: files.map(function (file) { return ({
+                    file: file,
+                    fileName: file.name,
+                    fileSize: file.size,
+                    mimeType: file.type,
+                }); }),
+            };
+            if (quoteMessage) {
+                messageParams.isReplyToChannel = true;
+                messageParams.parentMessageId = quoteMessage.messageId;
+            }
+            if (typeof onBeforeSendMultipleFilesMessage === 'function') {
+                messageParams = onBeforeSendMultipleFilesMessage(files, quoteMessage);
+            }
+            logger.info('Channel: Start sending MFM', { messageParams: messageParams });
+            try {
+                currentChannel.sendMultipleFilesMessage(messageParams)
+                    .onFileUploaded(function (requestId, index, uploadableFileInfo, error) {
+                    logger.info('Channel: onFileUploaded during sending MFM', {
+                        requestId: requestId,
+                        index: index,
+                        error: error,
+                        uploadableFileInfo: uploadableFileInfo,
+                    });
+                    pubSub.publish(pubSubTopics.ON_FILE_INFO_UPLOADED, {
+                        response: {
+                            channelUrl: currentChannel.url,
+                            requestId: requestId,
+                            index: index,
+                            uploadableFileInfo: uploadableFileInfo,
+                            error: error,
+                        },
+                        publishingModules: publishingModules,
+                    });
+                })
+                    .onPending(function (pendingMessage) {
+                    logger.info('Channel: in progress of sending MFM', { pendingMessage: pendingMessage, fileInfoList: messageParams.fileInfoList });
+                    pubSub.publish(pubSubTopics.SEND_MESSAGE_START, {
+                        message: pendingMessage,
+                        channel: currentChannel,
+                        publishingModules: publishingModules,
+                    });
+                    setTimeout(function () {
+                        if (scrollRef && shouldPubSubPublishToChannel(publishingModules)) {
+                            scrollIntoLast$1(0, scrollRef);
+                        }
+                        if (shouldPubSubPublishToThread(publishingModules)) {
+                            scrollIntoLast(0);
+                        }
+                    }, SCROLL_BOTTOM_DELAY_FOR_SEND);
+                })
+                    .onFailed(function (error, failedMessage) {
+                    logger.error('Channel: Sending MFM failed.', { error: error, failedMessage: failedMessage });
+                    pubSub.publish(pubSubTopics.SEND_MESSAGE_FAILED, {
+                        channel: currentChannel,
+                        message: failedMessage,
+                        publishingModules: publishingModules,
+                    });
+                    reject(error);
+                })
+                    .onSucceeded(function (succeededMessage) {
+                    logger.info('Channel: Sending voice message success!', { succeededMessage: succeededMessage });
+                    pubSub.publish(pubSubTopics.SEND_FILE_MESSAGE, {
+                        channel: currentChannel,
+                        message: succeededMessage,
+                        publishingModules: publishingModules,
+                    });
+                    resolve(succeededMessage);
+                });
+            }
+            catch (error) {
+                logger.error('Channel: Sending MFM failed.', { error: error });
+                reject(error);
+            }
+        });
+    }, [
+        currentChannel,
+        onBeforeSendMultipleFilesMessage,
+        publishingModules,
+    ]);
+    return [sendMessage];
 };
 
 export { getNicknamesMapFromMembers as a, compareIds as c, getParentMessageFrom as g, isAboutSame as i, scrollIntoLast as s, useSendMultipleFilesMessage as u };
-//# sourceMappingURL=bundle-CXxeDfXV.js.map
+//# sourceMappingURL=bundle-DaAoUDJk.js.map

package/chunks/{bundle-CXxeDfXV.js.map → bundle-DaAoUDJk.js.map}

@@ -1 +1 @@
-{"version":3,"file":"bundle-CXxeDfXV.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"bundle-DaAoUDJk.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/chunks/{bundle-CMZVPZeM.js → bundle-DaoHZIZy.js}

@@ -1,57 +1,57 @@
 import { useRef, useLayoutEffect } from 'react';
-import { S as SCROLL_BUFFER } from './bundle-Dc7E6GJc.js';
-import { i as isAboutSame } from './bundle-DWW0XPV9.js';
+import { S as SCROLL_BUFFER } from './bundle-CD9AzC6s.js';
+import { i as isAboutSame } from './bundle-DDkUg3Os.js';
 import { usePreservedCallback } from '@sendbird/uikit-tools';
-import { u as useThrottleCallback, t as throttle } from './bundle-BLMDgHS-.js';
+import { u as useThrottleCallback, t as throttle } from './bundle-uBJzoaNT.js';
 
-var BUFFER_DELAY = 100;
-function useOnScrollPositionChangeDetector(params) {
-    var onReachedTop = params.onReachedTop, onReachedBottom = params.onReachedBottom, onInBetween = params.onInBetween;
-    var cb = usePreservedCallback(function (event) {
-        if (event === null || event === void 0 ? void 0 : event.target) {
-            var _a = event.target, scrollTop = _a.scrollTop, scrollHeight = _a.scrollHeight, clientHeight = _a.clientHeight;
-            var positionEvent = {
-                distanceFromBottom: scrollHeight - scrollTop - clientHeight,
-            };
-            if (onReachedTop && isAboutSame(scrollTop, 0, SCROLL_BUFFER)) {
-                onReachedTop(positionEvent);
-            }
-            else if (onReachedBottom && isAboutSame(scrollHeight, clientHeight + scrollTop, SCROLL_BUFFER)) {
-                onReachedBottom(positionEvent);
-            }
-            else if (onInBetween) {
-                onInBetween(positionEvent);
-            }
-        }
-    });
-    return useThrottleCallback(cb, BUFFER_DELAY, { trailing: true });
-}
-function useOnScrollPositionChangeDetectorWithRef(scrollRef, params) {
-    var _params = useRef(params);
-    _params.current = params;
-    useLayoutEffect(function () {
-        var elem = scrollRef.current;
-        if (elem) {
-            var callback_1 = throttle(function () {
-                var scrollTop = elem.scrollTop, scrollHeight = elem.scrollHeight, clientHeight = elem.clientHeight;
-                var event = {
-                    distanceFromBottom: scrollHeight - scrollTop - clientHeight,
-                };
-                if (_params.current.onReachedTop && isAboutSame(scrollTop, 0, SCROLL_BUFFER)) {
-                    _params.current.onReachedTop(event);
-                }
-                else if (_params.current.onReachedBottom && isAboutSame(scrollHeight, clientHeight + scrollTop, SCROLL_BUFFER)) {
-                    _params.current.onReachedBottom(event);
-                }
-                else if (_params.current.onInBetween) {
-                    _params.current.onInBetween(event);
-                }
-            }, BUFFER_DELAY, { trailing: true });
-            elem.addEventListener('scroll', callback_1);
-            return function () { return elem.removeEventListener('scroll', callback_1); };
-        }
-    }, [scrollRef.current]);
+var BUFFER_DELAY = 100;
+function useOnScrollPositionChangeDetector(params) {
+    var onReachedTop = params.onReachedTop, onReachedBottom = params.onReachedBottom, onInBetween = params.onInBetween;
+    var cb = usePreservedCallback(function (event) {
+        if (event === null || event === void 0 ? void 0 : event.target) {
+            var _a = event.target, scrollTop = _a.scrollTop, scrollHeight = _a.scrollHeight, clientHeight = _a.clientHeight;
+            var positionEvent = {
+                distanceFromBottom: scrollHeight - scrollTop - clientHeight,
+            };
+            if (onReachedTop && isAboutSame(scrollTop, 0, SCROLL_BUFFER)) {
+                onReachedTop(positionEvent);
+            }
+            else if (onReachedBottom && isAboutSame(scrollHeight, clientHeight + scrollTop, SCROLL_BUFFER)) {
+                onReachedBottom(positionEvent);
+            }
+            else if (onInBetween) {
+                onInBetween(positionEvent);
+            }
+        }
+    });
+    return useThrottleCallback(cb, BUFFER_DELAY, { trailing: true });
+}
+function useOnScrollPositionChangeDetectorWithRef(scrollRef, params) {
+    var _params = useRef(params);
+    _params.current = params;
+    useLayoutEffect(function () {
+        var elem = scrollRef.current;
+        if (elem) {
+            var callback_1 = throttle(function () {
+                var scrollTop = elem.scrollTop, scrollHeight = elem.scrollHeight, clientHeight = elem.clientHeight;
+                var event = {
+                    distanceFromBottom: scrollHeight - scrollTop - clientHeight,
+                };
+                if (_params.current.onReachedTop && isAboutSame(scrollTop, 0, SCROLL_BUFFER)) {
+                    _params.current.onReachedTop(event);
+                }
+                else if (_params.current.onReachedBottom && isAboutSame(scrollHeight, clientHeight + scrollTop, SCROLL_BUFFER)) {
+                    _params.current.onReachedBottom(event);
+                }
+                else if (_params.current.onInBetween) {
+                    _params.current.onInBetween(event);
+                }
+            }, BUFFER_DELAY, { trailing: true });
+            elem.addEventListener('scroll', callback_1);
+            return function () { return elem.removeEventListener('scroll', callback_1); };
+        }
+    }, [scrollRef.current]);
 }
 
 export { useOnScrollPositionChangeDetectorWithRef as a, useOnScrollPositionChangeDetector as u };
-//# sourceMappingURL=bundle-CMZVPZeM.js.map
+//# sourceMappingURL=bundle-DaoHZIZy.js.map

package/chunks/bundle-DaoHZIZy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bundle-DaoHZIZy.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/chunks/{bundle-BlK-fMQm.js → bundle-Diqj6For.js}

@@ -1,76 +1,76 @@
 import React__default, { useState, useEffect } from 'react';
 
-var DEFAULT_MOBILE = false;
-// const DEFAULT_MOBILE = '768px';
-var MOBILE_CLASSNAME = 'sendbird--mobile-mode';
-var MediaQueryContext = React__default.createContext({
-    breakpoint: DEFAULT_MOBILE,
-    isMobile: false,
-});
-var addClassNameToBody = function () {
-    try {
-        var body = document.querySelector('body');
-        body === null || body === void 0 ? void 0 : body.classList.add(MOBILE_CLASSNAME);
-    }
-    catch (_a) {
-        // noop
-    }
-};
-var removeClassNameFromBody = function () {
-    try {
-        var body = document.querySelector('body');
-        body === null || body === void 0 ? void 0 : body.classList.remove(MOBILE_CLASSNAME);
-    }
-    catch (_a) {
-        // noop
-    }
-};
-var MediaQueryProvider = function (props) {
-    var children = props.children, logger = props.logger;
-    var breakpoint = (props === null || props === void 0 ? void 0 : props.breakpoint) || false;
-    var _a = useState(false), isMobile = _a[0], setIsMobile = _a[1];
-    useEffect(function () {
-        var _a;
-        var updateSize = function () {
-            var _a, _b, _c, _d, _e;
-            if (typeof breakpoint === 'boolean') {
-                setIsMobile(breakpoint);
-                if (breakpoint) {
-                    (_a = logger === null || logger === void 0 ? void 0 : logger.info) === null || _a === void 0 ? void 0 : _a.call(logger, 'MediaQueryProvider: isMobile: true');
-                    addClassNameToBody();
-                }
-                else {
-                    (_b = logger === null || logger === void 0 ? void 0 : logger.info) === null || _b === void 0 ? void 0 : _b.call(logger, 'MediaQueryProvider: isMobile: false');
-                    removeClassNameFromBody();
-                }
-            }
-            else {
-                var mq = window.matchMedia("(max-width: ".concat(breakpoint, ")"));
-                (_c = logger === null || logger === void 0 ? void 0 : logger.info) === null || _c === void 0 ? void 0 : _c.call(logger, "MediaQueryProvider: Screensize updated to ".concat(breakpoint));
-                if (mq.matches) {
-                    setIsMobile(true);
-                    addClassNameToBody();
-                    (_d = logger === null || logger === void 0 ? void 0 : logger.info) === null || _d === void 0 ? void 0 : _d.call(logger, 'MediaQueryProvider: isMobile: true');
-                }
-                else {
-                    setIsMobile(false);
-                    removeClassNameFromBody();
-                    (_e = logger === null || logger === void 0 ? void 0 : logger.info) === null || _e === void 0 ? void 0 : _e.call(logger, 'MediaQueryProvider: isMobile: false');
-                }
-            }
-        };
-        updateSize();
-        window.addEventListener('resize', updateSize);
-        (_a = logger === null || logger === void 0 ? void 0 : logger.info) === null || _a === void 0 ? void 0 : _a.call(logger, 'MediaQueryProvider: addEventListener', { updateSize: updateSize });
-        return function () {
-            var _a;
-            window.removeEventListener('resize', updateSize);
-            (_a = logger === null || logger === void 0 ? void 0 : logger.info) === null || _a === void 0 ? void 0 : _a.call(logger, 'MediaQueryProvider: removeEventListener', { updateSize: updateSize });
-        };
-    }, [breakpoint]);
-    return (React__default.createElement(MediaQueryContext.Provider, { value: { breakpoint: breakpoint, isMobile: isMobile } }, children));
-};
+var DEFAULT_MOBILE = false;
+// const DEFAULT_MOBILE = '768px';
+var MOBILE_CLASSNAME = 'sendbird--mobile-mode';
+var MediaQueryContext = React__default.createContext({
+    breakpoint: DEFAULT_MOBILE,
+    isMobile: false,
+});
+var addClassNameToBody = function () {
+    try {
+        var body = document.querySelector('body');
+        body === null || body === void 0 ? void 0 : body.classList.add(MOBILE_CLASSNAME);
+    }
+    catch (_a) {
+        // noop
+    }
+};
+var removeClassNameFromBody = function () {
+    try {
+        var body = document.querySelector('body');
+        body === null || body === void 0 ? void 0 : body.classList.remove(MOBILE_CLASSNAME);
+    }
+    catch (_a) {
+        // noop
+    }
+};
+var MediaQueryProvider = function (props) {
+    var children = props.children, logger = props.logger;
+    var breakpoint = (props === null || props === void 0 ? void 0 : props.breakpoint) || false;
+    var _a = useState(false), isMobile = _a[0], setIsMobile = _a[1];
+    useEffect(function () {
+        var _a;
+        var updateSize = function () {
+            var _a, _b, _c, _d, _e;
+            if (typeof breakpoint === 'boolean') {
+                setIsMobile(breakpoint);
+                if (breakpoint) {
+                    (_a = logger === null || logger === void 0 ? void 0 : logger.info) === null || _a === void 0 ? void 0 : _a.call(logger, 'MediaQueryProvider: isMobile: true');
+                    addClassNameToBody();
+                }
+                else {
+                    (_b = logger === null || logger === void 0 ? void 0 : logger.info) === null || _b === void 0 ? void 0 : _b.call(logger, 'MediaQueryProvider: isMobile: false');
+                    removeClassNameFromBody();
+                }
+            }
+            else {
+                var mq = window.matchMedia("(max-width: ".concat(breakpoint, ")"));
+                (_c = logger === null || logger === void 0 ? void 0 : logger.info) === null || _c === void 0 ? void 0 : _c.call(logger, "MediaQueryProvider: Screensize updated to ".concat(breakpoint));
+                if (mq.matches) {
+                    setIsMobile(true);
+                    addClassNameToBody();
+                    (_d = logger === null || logger === void 0 ? void 0 : logger.info) === null || _d === void 0 ? void 0 : _d.call(logger, 'MediaQueryProvider: isMobile: true');
+                }
+                else {
+                    setIsMobile(false);
+                    removeClassNameFromBody();
+                    (_e = logger === null || logger === void 0 ? void 0 : logger.info) === null || _e === void 0 ? void 0 : _e.call(logger, 'MediaQueryProvider: isMobile: false');
+                }
+            }
+        };
+        updateSize();
+        window.addEventListener('resize', updateSize);
+        (_a = logger === null || logger === void 0 ? void 0 : logger.info) === null || _a === void 0 ? void 0 : _a.call(logger, 'MediaQueryProvider: addEventListener', { updateSize: updateSize });
+        return function () {
+            var _a;
+            window.removeEventListener('resize', updateSize);
+            (_a = logger === null || logger === void 0 ? void 0 : logger.info) === null || _a === void 0 ? void 0 : _a.call(logger, 'MediaQueryProvider: removeEventListener', { updateSize: updateSize });
+        };
+    }, [breakpoint]);
+    return (React__default.createElement(MediaQueryContext.Provider, { value: { breakpoint: breakpoint, isMobile: isMobile } }, children));
+};
 var useMediaQueryContext = function () { return React__default.useContext(MediaQueryContext); };
 
 export { MediaQueryProvider as M, useMediaQueryContext as u };
-//# sourceMappingURL=bundle-BlK-fMQm.js.map
+//# sourceMappingURL=bundle-Diqj6For.js.map

package/chunks/bundle-Diqj6For.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bundle-Diqj6For.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}