@sendbird/uikit-react 3.17.12 → 3.18.1

package/chunks/{bundle-m0a3aqLm.js → bundle-BP8H7Kmc.js}

@@ -1,15 +1,15 @@
-import { _ as __assign, a as __awaiter, b as __generator, c as __spreadArray } from './bundle-Rf2YUo_V.js';
+import { _ as __assign, a as __awaiter, c as __generator, e as __spreadArray } from './bundle-ybWGQIGZ.js';
 import React__default, { useState, useContext, useEffect, useCallback } from 'react';
-import { u as useChannelSettings } from './bundle-D0jKWKxy.js';
-import { L as LocalizationContext, u as useLocalization } from './bundle-D-RwYEMS.js';
-import { U as UserListItemMenu } from './bundle-BIqM6Hxe.js';
+import { u as useChannelSettings } from './bundle-CpZ6kxNS.js';
+import { L as LocalizationContext, u as useLocalization } from './bundle-BRfCkqhH.js';
+import { U as UserListItemMenu } from './bundle-DSIHU5l6.js';
 import Button, { ButtonTypes, ButtonSizes } from '../ui/Button.js';
 import { UserListItem } from '../ui/UserListItem.js';
-import { M as Modal } from './bundle-7U4PQody.js';
-import { u as useOnScrollPositionChangeDetector } from './bundle-ni9ZLts6.js';
-import { L as Label, b as LabelColors, a as LabelTypography } from './bundle-C0kbt3jK.js';
+import { a as Modal } from './bundle-CPv8kS7Z.js';
+import { u as useOnScrollPositionChangeDetector } from './bundle-5G2fFQ8W.js';
+import { L as Label, c as LabelTypography, a as LabelColors } from './bundle-BPmYBX7K.js';
 import { OperatorFilter } from '@sendbird/chat/groupChannel';
-import { n as noop } from './bundle-D7HOrOoM.js';
+import { n as noop } from './bundle-BHlB_i0L.js';
 
 function OperatorsModal(_a) {
     var _this = this;
@@ -357,4 +357,4 @@ var MutedMemberList = function (_a) {
 };
 
 export { BannedUserList as B, MutedMemberList as M, OperatorList as O };
-//# sourceMappingURL=bundle-m0a3aqLm.js.map
+//# sourceMappingURL=bundle-BP8H7Kmc.js.map

package/chunks/{bundle-m0a3aqLm.js.map → bundle-BP8H7Kmc.js.map}

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

package/chunks/{bundle-C0kbt3jK.js → bundle-BPmYBX7K.js}

@@ -1,6 +1,6 @@
-import { c as __spreadArray } from './bundle-Rf2YUo_V.js';
+import { e as __spreadArray } from './bundle-ybWGQIGZ.js';
 import React__default, { forwardRef } from 'react';
-import { g as getStringSet } from './bundle-DKXmeTpK.js';
+import { g as getStringSet } from './bundle-BrSeZGBM.js';
 
 var Typography = {
     H_1: 'H_1',
@@ -82,5 +82,5 @@ var LabelTypography = Typography;
 var LabelColors = Colors;
 var LabelStringSet = getStringSet('en');
 
-export { Label as L, LabelTypography as a, LabelColors as b, LabelStringSet as c, changeColorToClassName as d };
-//# sourceMappingURL=bundle-C0kbt3jK.js.map
+export { Label as L, LabelColors as a, LabelStringSet as b, LabelTypography as c, changeColorToClassName as d };
+//# sourceMappingURL=bundle-BPmYBX7K.js.map

package/chunks/bundle-BPmYBX7K.js.map

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

package/chunks/{bundle-D-RwYEMS.js → bundle-BRfCkqhH.js}

@@ -1,7 +1,7 @@
-import { _ as __assign } from './bundle-Rf2YUo_V.js';
+import { _ as __assign } from './bundle-ybWGQIGZ.js';
 import React__default from 'react';
-import { g as getStringSet } from './bundle-DKXmeTpK.js';
-import { l as locale } from './bundle-V2GjRdnC.js';
+import { g as getStringSet } from './bundle-BrSeZGBM.js';
+import { l as locale } from './bundle-CZkVELoW.js';
 
 var LocalizationContextDefault = {
     stringSet: getStringSet('en'),
@@ -21,4 +21,4 @@ var useLocalization = function () {
 };
 
 export { LocalizationContext as L, LocalizationProvider as a, useLocalization as u };
-//# sourceMappingURL=bundle-D-RwYEMS.js.map
+//# sourceMappingURL=bundle-BRfCkqhH.js.map

package/chunks/bundle-BRfCkqhH.js.map

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

package/chunks/{bundle-CA3QA8D9.js → bundle-BRgACRFj.js}

@@ -69,4 +69,4 @@ var MediaQueryProvider = function (props) {
 var useMediaQueryContext = function () { return React__default.useContext(MediaQueryContext); };
 
 export { MediaQueryProvider as M, useMediaQueryContext as u };
-//# sourceMappingURL=bundle-CA3QA8D9.js.map
+//# sourceMappingURL=bundle-BRgACRFj.js.map

package/chunks/bundle-BRgACRFj.js.map

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

package/chunks/{bundle-DK3N3h04.js → bundle-BT8LWoiV.js}

@@ -1,8 +1,8 @@
-import { _ as __assign, c as __spreadArray } from './bundle-Rf2YUo_V.js';
-import { u as useStore, c as createStore, s as shimExports } from './bundle-Do4xiOif.js';
-import React__default, { useEffect, useCallback, useState, createContext, useRef, useMemo, useContext } from 'react';
-import { u as useSendbird } from './bundle-N4pYliV4.js';
-import { d as deleteNullish } from './bundle-D7HOrOoM.js';
+import { _ as __assign, e as __spreadArray } from './bundle-ybWGQIGZ.js';
+import { d as useStore, b as createStore, s as shimExports } from './bundle-CpRenMkE.js';
+import React__default, { useEffect, useCallback, useRef, useState, createContext, useMemo, useContext } from 'react';
+import { u as useSendbird } from './bundle-CsMoZtyW.js';
+import { d as deleteNullish } from './bundle-BHlB_i0L.js';
 
 function useSetChannel(_a, _b) {
     var channelUrl = _a.channelUrl, sdkInit = _a.sdkInit;
@@ -68,34 +68,44 @@ function useGetSearchedMessages(_a, _b) {
 function useScrollCallback(_a, _b) {
     var onResultLoaded = _a.onResultLoaded;
     var logger = _b.logger;
-    var _c = useMessageSearch(), _d = _c.state, currentMessageSearchQuery = _d.currentMessageSearchQuery, hasMoreResult = _d.hasMoreResult, getNextSearchedMessages = _c.actions.getNextSearchedMessages;
+    var _c = useMessageSearch(), currentMessageSearchQuery = _c.state.currentMessageSearchQuery, getNextSearchedMessages = _c.actions.getNextSearchedMessages;
+    var queryRef = useRef(currentMessageSearchQuery);
+    queryRef.current = currentMessageSearchQuery;
+    var onResultLoadedRef = useRef(onResultLoaded);
+    onResultLoadedRef.current = onResultLoaded;
     return useCallback(function (cb) {
-        if (!hasMoreResult) {
-            logger.warning('MessageSearch | useScrollCallback: no more searched results', hasMoreResult);
+        var query = queryRef.current;
+        if (!navigator.onLine) {
+            logger.warning('MessageSearch | useScrollCallback: offline, skip loading more results');
+            return;
+        }
+        if (query === null || query === void 0 ? void 0 : query.isLoading) {
+            logger.warning('MessageSearch | useScrollCallback: query already in progress');
+            return;
         }
-        if (currentMessageSearchQuery && currentMessageSearchQuery.hasNext) {
-            currentMessageSearchQuery
+        if (query && query.hasNext) {
+            query
                 .next()
                 .then(function (messages) {
                 logger.info('MessageSearch | useScrollCallback: succeeded getting searched messages', messages);
                 getNextSearchedMessages(messages);
                 cb(messages, null);
-                if (onResultLoaded && typeof onResultLoaded === 'function') {
-                    onResultLoaded(messages, null);
+                if (onResultLoadedRef.current && typeof onResultLoadedRef.current === 'function') {
+                    onResultLoadedRef.current(messages, null);
                 }
             })
                 .catch(function (error) {
                 logger.warning('MessageSearch | useScrollCallback: failed getting searched messages', error);
                 cb(null, error);
-                if (onResultLoaded && typeof onResultLoaded === 'function') {
-                    onResultLoaded(null, error);
+                if (onResultLoadedRef.current && typeof onResultLoadedRef.current === 'function') {
+                    onResultLoadedRef.current(null, error);
                 }
             });
         }
         else {
-            logger.warning('MessageSearch | useScrollCallback: no currentMessageSearchQuery');
+            logger.warning('MessageSearch | useScrollCallback: no currentMessageSearchQuery or no more results');
         }
-    }, [currentMessageSearchQuery, hasMoreResult]);
+    }, []);
 }
 
 var DEBOUNCING_TIME = 500;
@@ -307,5 +317,5 @@ var useMessageSearch = function () {
     return { state: state, actions: actions };
 };
 
-export { MessageSearchContext as M, MessageSearchProvider as a, useMessageSearchContext as b, MessageSearchManager as c, useMessageSearch as u };
-//# sourceMappingURL=bundle-DK3N3h04.js.map
+export { MessageSearchContext as M, MessageSearchManager as a, MessageSearchProvider as b, useMessageSearchContext as c, useMessageSearch as u };
+//# sourceMappingURL=bundle-BT8LWoiV.js.map

package/{cjs/chunks/bundle-DNoz4pQu.js.map → chunks/bundle-BT8LWoiV.js.map}

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

package/chunks/{bundle-Drd87B-A.js → bundle-BWrDzcCb.js}

@@ -1,14 +1,14 @@
-import { c as __spreadArray } from './bundle-Rf2YUo_V.js';
+import { e as __spreadArray } from './bundle-ybWGQIGZ.js';
 import React__default from 'react';
-import { f as format } from './bundle-kzGm7K3f.js';
+import { f as format } from './bundle-Dck9zcgg.js';
 import Icon, { IconTypes, IconColors } from '../ui/Icon.js';
-import { c as LabelStringSet, L as Label, a as LabelTypography, b as LabelColors } from './bundle-C0kbt3jK.js';
+import { b as LabelStringSet, L as Label, a as LabelColors, c as LabelTypography } from './bundle-BPmYBX7K.js';
 import Loader from '../ui/Loader.js';
-import { a as isDefaultChannelName, E as isTemplateMessage, l as isImage, B as isGif, k as isVideo, F as isAudio, G as isVoiceMessageMimeType, H as isSentStatus } from './bundle-DGClPDDG.js';
+import { y as isDefaultChannelName, T as isTemplateMessage, G as isImage, E as isGif, _ as isVideo, v as isAudio, a1 as isVoiceMessageMimeType, Q as isSentStatus } from './bundle-DZoJYjj1.js';
 import { OutgoingMessageStates, getOutgoingMessageState } from '../utils/message/getOutgoingMessageState.js';
-import { i as isToday, a as isYesterday, b as isThisYear } from './bundle-vKtIIKY9.js';
-import { u as useLocalization } from './bundle-D-RwYEMS.js';
-import { c as classnames } from './bundle-D7HOrOoM.js';
+import { a as isToday, b as isYesterday, i as isThisYear } from './bundle-gWIezT6x.js';
+import { u as useLocalization } from './bundle-BRfCkqhH.js';
+import { c as classnames } from './bundle-BHlB_i0L.js';
 
 var getChannelTitle = function (channel, currentUserId, stringSet) {
     var _a;
@@ -135,5 +135,5 @@ function MessageStatus(_a) {
             : getLastMessageCreatedAt({ channel: channel, locale: dateLocale, stringSet: stringSet })))));
 }
 
-export { MessageStatus as M, getLastMessageText as a, getTotalMembers as b, getLastMessageCreatedAt as c, getChannelUnreadMessageCount as d, MessageStatusTypes as e, getChannelTitle as g };
-//# sourceMappingURL=bundle-Drd87B-A.js.map
+export { MessageStatus as M, MessageStatusTypes as a, getChannelUnreadMessageCount as b, getLastMessageCreatedAt as c, getLastMessageText as d, getTotalMembers as e, getChannelTitle as g };
+//# sourceMappingURL=bundle-BWrDzcCb.js.map

package/chunks/bundle-BWrDzcCb.js.map

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

package/chunks/{bundle-DYe1Zy4G.js → bundle-BaY0R7ya.js}

@@ -66,4 +66,4 @@ function toDate(argument) {
 }
 
 export { _typeof as _, requiredArgs as r, toDate as t };
-//# sourceMappingURL=bundle-DYe1Zy4G.js.map
+//# sourceMappingURL=bundle-BaY0R7ya.js.map

package/chunks/{bundle-DYe1Zy4G.js.map → bundle-BaY0R7ya.js.map}

@@ -1 +1 @@
-{"version":3,"file":"bundle-DYe1Zy4G.js","sources":["../../node_modules/@babel/runtime/helpers/esm/typeof.js","../../node_modules/date-fns/esm/_lib/requiredArgs/index.js","../../node_modules/date-fns/esm/toDate/index.js"],"sourcesContent":["function _typeof(o) {\n  \"@babel/helpers - typeof\";\n\n  return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) {\n    return typeof o;\n  } : function (o) {\n    return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o;\n  }, _typeof(o);\n}\nexport { _typeof as default };","export default function requiredArgs(required, args) {\n  if (args.length < required) {\n    throw new TypeError(required + ' argument' + (required > 1 ? 's' : '') + ' required, but only ' + args.length + ' present');\n  }\n}","import _typeof from \"@babel/runtime/helpers/esm/typeof\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name toDate\n * @category Common Helpers\n * @summary Convert the given argument to an instance of Date.\n *\n * @description\n * Convert the given argument to an instance of Date.\n *\n * If the argument is an instance of Date, the function returns its clone.\n *\n * If the argument is a number, it is treated as a timestamp.\n *\n * If the argument is none of the above, the function returns Invalid Date.\n *\n * **Note**: *all* Date arguments passed to any *date-fns* function is processed by `toDate`.\n *\n * @param {Date|Number} argument - the value to convert\n * @returns {Date} the parsed date in the local time zone\n * @throws {TypeError} 1 argument required\n *\n * @example\n * // Clone the date:\n * const result = toDate(new Date(2014, 1, 11, 11, 30, 30))\n * //=> Tue Feb 11 2014 11:30:30\n *\n * @example\n * // Convert the timestamp to date:\n * const result = toDate(1392098430000)\n * //=> Tue Feb 11 2014 11:30:30\n */\nexport default function toDate(argument) {\n  requiredArgs(1, arguments);\n  var argStr = Object.prototype.toString.call(argument);\n\n  // Clone the date\n  if (argument instanceof Date || _typeof(argument) === 'object' && argStr === '[object Date]') {\n    // Prevent the date to lose the milliseconds when passed to new Date() in IE10\n    return new Date(argument.getTime());\n  } else if (typeof argument === 'number' || argStr === '[object Number]') {\n    return new Date(argument);\n  } else {\n    if ((typeof argument === 'string' || argStr === '[object String]') && typeof console !== 'undefined') {\n      // eslint-disable-next-line no-console\n      console.warn(\"Starting with v2.0.0-beta.1 date-fns doesn't accept strings as date arguments. Please use `parseISO` to parse strings. See: https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#string-arguments\");\n      // eslint-disable-next-line no-console\n      console.warn(new Error().stack);\n    }\n    return new Date(NaN);\n  }\n}"],"names":[],"mappings":"AAAA,SAAS,OAAO,CAAC,CAAC,EAAE;AACpB,EAAE,yBAAyB,CAAC;AAC5B;AACA,EAAE,OAAO,OAAO,GAAG,UAAU,IAAI,OAAO,MAAM,IAAI,QAAQ,IAAI,OAAO,MAAM,CAAC,QAAQ,GAAG,UAAU,CAAC,EAAE;AACpG,IAAI,OAAO,OAAO,CAAC,CAAC;AACpB,GAAG,GAAG,UAAU,CAAC,EAAE;AACnB,IAAI,OAAO,CAAC,IAAI,UAAU,IAAI,OAAO,MAAM,IAAI,CAAC,CAAC,WAAW,KAAK,MAAM,IAAI,CAAC,KAAK,MAAM,CAAC,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC,CAAC;AACxH,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;AAChB;;ACRe,SAAS,YAAY,CAAC,QAAQ,EAAE,IAAI,EAAE;AACrD,EAAE,IAAI,IAAI,CAAC,MAAM,GAAG,QAAQ,EAAE;AAC9B,IAAI,MAAM,IAAI,SAAS,CAAC,QAAQ,GAAG,WAAW,IAAI,QAAQ,GAAG,CAAC,GAAG,GAAG,GAAG,EAAE,CAAC,GAAG,sBAAsB,GAAG,IAAI,CAAC,MAAM,GAAG,UAAU,CAAC,CAAC;AAChI,GAAG;AACH;;ACFA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAAS,MAAM,CAAC,QAAQ,EAAE;AACzC,EAAE,YAAY,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;AAC7B,EAAE,IAAI,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;AACxD;AACA;AACA,EAAE,IAAI,QAAQ,YAAY,IAAI,IAAI,OAAO,CAAC,QAAQ,CAAC,KAAK,QAAQ,IAAI,MAAM,KAAK,eAAe,EAAE;AAChG;AACA,IAAI,OAAO,IAAI,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAC;AACxC,GAAG,MAAM,IAAI,OAAO,QAAQ,KAAK,QAAQ,IAAI,MAAM,KAAK,iBAAiB,EAAE;AAC3E,IAAI,OAAO,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC;AAC9B,GAAG,MAAM;AACT,IAAI,IAAI,CAAC,OAAO,QAAQ,KAAK,QAAQ,IAAI,MAAM,KAAK,iBAAiB,KAAK,OAAO,OAAO,KAAK,WAAW,EAAE;AAC1G;AACA,MAAM,OAAO,CAAC,IAAI,CAAC,oNAAoN,CAAC,CAAC;AACzO;AACA,MAAM,OAAO,CAAC,IAAI,CAAC,IAAI,KAAK,EAAE,CAAC,KAAK,CAAC,CAAC;AACtC,KAAK;AACL,IAAI,OAAO,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC;AACzB,GAAG;AACH;;;;","x_google_ignoreList":[0,1,2]}
+{"version":3,"file":"bundle-BaY0R7ya.js","sources":["../../node_modules/@babel/runtime/helpers/esm/typeof.js","../../node_modules/date-fns/esm/_lib/requiredArgs/index.js","../../node_modules/date-fns/esm/toDate/index.js"],"sourcesContent":["function _typeof(o) {\n  \"@babel/helpers - typeof\";\n\n  return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) {\n    return typeof o;\n  } : function (o) {\n    return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o;\n  }, _typeof(o);\n}\nexport { _typeof as default };","export default function requiredArgs(required, args) {\n  if (args.length < required) {\n    throw new TypeError(required + ' argument' + (required > 1 ? 's' : '') + ' required, but only ' + args.length + ' present');\n  }\n}","import _typeof from \"@babel/runtime/helpers/esm/typeof\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name toDate\n * @category Common Helpers\n * @summary Convert the given argument to an instance of Date.\n *\n * @description\n * Convert the given argument to an instance of Date.\n *\n * If the argument is an instance of Date, the function returns its clone.\n *\n * If the argument is a number, it is treated as a timestamp.\n *\n * If the argument is none of the above, the function returns Invalid Date.\n *\n * **Note**: *all* Date arguments passed to any *date-fns* function is processed by `toDate`.\n *\n * @param {Date|Number} argument - the value to convert\n * @returns {Date} the parsed date in the local time zone\n * @throws {TypeError} 1 argument required\n *\n * @example\n * // Clone the date:\n * const result = toDate(new Date(2014, 1, 11, 11, 30, 30))\n * //=> Tue Feb 11 2014 11:30:30\n *\n * @example\n * // Convert the timestamp to date:\n * const result = toDate(1392098430000)\n * //=> Tue Feb 11 2014 11:30:30\n */\nexport default function toDate(argument) {\n  requiredArgs(1, arguments);\n  var argStr = Object.prototype.toString.call(argument);\n\n  // Clone the date\n  if (argument instanceof Date || _typeof(argument) === 'object' && argStr === '[object Date]') {\n    // Prevent the date to lose the milliseconds when passed to new Date() in IE10\n    return new Date(argument.getTime());\n  } else if (typeof argument === 'number' || argStr === '[object Number]') {\n    return new Date(argument);\n  } else {\n    if ((typeof argument === 'string' || argStr === '[object String]') && typeof console !== 'undefined') {\n      // eslint-disable-next-line no-console\n      console.warn(\"Starting with v2.0.0-beta.1 date-fns doesn't accept strings as date arguments. Please use `parseISO` to parse strings. See: https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#string-arguments\");\n      // eslint-disable-next-line no-console\n      console.warn(new Error().stack);\n    }\n    return new Date(NaN);\n  }\n}"],"names":[],"mappings":"AAAA,SAAS,OAAO,CAAC,CAAC,EAAE;AACpB,EAAE,yBAAyB;;AAE3B,EAAE,OAAO,OAAO,GAAG,UAAU,IAAI,OAAO,MAAM,IAAI,QAAQ,IAAI,OAAO,MAAM,CAAC,QAAQ,GAAG,UAAU,CAAC,EAAE;AACpG,IAAI,OAAO,OAAO,CAAC;AACnB,EAAE,CAAC,GAAG,UAAU,CAAC,EAAE;AACnB,IAAI,OAAO,CAAC,IAAI,UAAU,IAAI,OAAO,MAAM,IAAI,CAAC,CAAC,WAAW,KAAK,MAAM,IAAI,CAAC,KAAK,MAAM,CAAC,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC;AACvH,EAAE,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC;AACf;;ACRe,SAAS,YAAY,CAAC,QAAQ,EAAE,IAAI,EAAE;AACrD,EAAE,IAAI,IAAI,CAAC,MAAM,GAAG,QAAQ,EAAE;AAC9B,IAAI,MAAM,IAAI,SAAS,CAAC,QAAQ,GAAG,WAAW,IAAI,QAAQ,GAAG,CAAC,GAAG,GAAG,GAAG,EAAE,CAAC,GAAG,sBAAsB,GAAG,IAAI,CAAC,MAAM,GAAG,UAAU,CAAC;AAC/H,EAAE;AACF;;ACFA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAAS,MAAM,CAAC,QAAQ,EAAE;AACzC,EAAE,YAAY,CAAC,CAAC,EAAE,SAAS,CAAC;AAC5B,EAAE,IAAI,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC;;AAEvD;AACA,EAAE,IAAI,QAAQ,YAAY,IAAI,IAAI,OAAO,CAAC,QAAQ,CAAC,KAAK,QAAQ,IAAI,MAAM,KAAK,eAAe,EAAE;AAChG;AACA,IAAI,OAAO,IAAI,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC;AACvC,EAAE,CAAC,MAAM,IAAI,OAAO,QAAQ,KAAK,QAAQ,IAAI,MAAM,KAAK,iBAAiB,EAAE;AAC3E,IAAI,OAAO,IAAI,IAAI,CAAC,QAAQ,CAAC;AAC7B,EAAE,CAAC,MAAM;AACT,IAAI,IAAI,CAAC,OAAO,QAAQ,KAAK,QAAQ,IAAI,MAAM,KAAK,iBAAiB,KAAK,OAAO,OAAO,KAAK,WAAW,EAAE;AAC1G;AACA,MAAM,OAAO,CAAC,IAAI,CAAC,oNAAoN,CAAC;AACxO;AACA,MAAM,OAAO,CAAC,IAAI,CAAC,IAAI,KAAK,EAAE,CAAC,KAAK,CAAC;AACrC,IAAI;AACJ,IAAI,OAAO,IAAI,IAAI,CAAC,GAAG,CAAC;AACxB,EAAE;AACF;;;;","x_google_ignoreList":[0,1,2]}

package/chunks/{bundle-TVnsbl6m.js → bundle-BcuhBdVJ.js}

@@ -1,9 +1,9 @@
-import { c as __spreadArray } from './bundle-Rf2YUo_V.js';
+import { e as __spreadArray } from './bundle-ybWGQIGZ.js';
 import React__default from 'react';
 import ImageRenderer from '../ui/ImageRenderer.js';
-import { p as pxToNumber } from './bundle-nToh_fKd.js';
-import Icon, { IconTypes, IconColors } from '../ui/Icon.js';
-import { c as classnames } from './bundle-D7HOrOoM.js';
+import { p as pxToNumber } from './bundle-DAU8hvP3.js';
+import Icon, { IconColors, IconTypes } from '../ui/Icon.js';
+import { c as classnames } from './bundle-BHlB_i0L.js';
 
 var AvatarDefault = function (props) {
     var width = props.width, height = props.height, text = props.text;
@@ -68,4 +68,4 @@ function Avatar(_a, ref) {
 var Avatar$1 = React__default.forwardRef(Avatar);
 
 export { Avatar$1 as A, AvatarDefault as a, AvatarInner as b };
-//# sourceMappingURL=bundle-TVnsbl6m.js.map
+//# sourceMappingURL=bundle-BcuhBdVJ.js.map

package/chunks/bundle-BcuhBdVJ.js.map

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

package/chunks/{bundle-DtNlUv5X.js → bundle-BilbLD6s.js}

@@ -1,5 +1,5 @@
 import { useEffect, useRef } from 'react';
-import { i as isEqual } from './bundle-Do4xiOif.js';
+import { i as isEqual } from './bundle-CpRenMkE.js';
 
 function useDeepCompareMemoize(value) {
     var ref = useRef(value);
@@ -35,4 +35,4 @@ function useDeepCompareEffect(callback, dependencies) {
 }
 
 export { useDeepCompareEffect as u };
-//# sourceMappingURL=bundle-DtNlUv5X.js.map
+//# sourceMappingURL=bundle-BilbLD6s.js.map

package/chunks/bundle-BilbLD6s.js.map

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

package/chunks/{bundle-DrBHyLkW.js → bundle-Bj2XkLef.js}

@@ -25,4 +25,4 @@ var copyToClipboard = function (text) {
 };
 
 export { copyToClipboard as c };
-//# sourceMappingURL=bundle-DrBHyLkW.js.map
+//# sourceMappingURL=bundle-Bj2XkLef.js.map

package/chunks/bundle-Bj2XkLef.js.map

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

package/chunks/{bundle-DUcF-Ysh.js → bundle-BjIAYO65.js}

@@ -1,9 +1,9 @@
-import React__default, { useCallback, useEffect, useContext, useReducer } from 'react';
+import React__default, { useCallback, useEffect, useReducer, useContext } from 'react';
 import { OpenChannelHandler } from '@sendbird/chat/openChannel';
-import { p as pubSubTopics } from './bundle-CeNQpnlq.js';
-import { u as uuidv4 } from './bundle-B9eInLCQ.js';
-import { _ as __assign, c as __spreadArray } from './bundle-Rf2YUo_V.js';
-import { u as useSendbird } from './bundle-N4pYliV4.js';
+import { p as pubSubTopics } from './bundle-B4M6_aww.js';
+import { u as uuidv4 } from './bundle-DnjdXo2G.js';
+import { _ as __assign, e as __spreadArray } from './bundle-ybWGQIGZ.js';
+import { u as useSendbird } from './bundle-CsMoZtyW.js';
 
 var OpenChannelListFetchingStatus;
 (function (OpenChannelListFetchingStatus) {
@@ -358,10 +358,10 @@ var OpenChannelListProvider = function (_a) {
         } },
         React__default.createElement("div", { className: "sendbird-open-channel-list ".concat(className) }, children)));
 };
-var OpenChannelListProvider$1 = {
+var OpenChannelListProvider_default = {
     OpenChannelListProvider: OpenChannelListProvider,
     useOpenChannelListContext: useOpenChannelListContext,
 };
 
-export { OpenChannelListProvider as O, OpenChannelListFetchingStatus as a, OpenChannelListActionTypes$1 as b, OpenChannelListProvider$1 as c, useOpenChannelListContext as u };
-//# sourceMappingURL=bundle-DUcF-Ysh.js.map
+export { OpenChannelListActionTypes$1 as O, OpenChannelListFetchingStatus as a, OpenChannelListProvider as b, OpenChannelListProvider_default as c, useOpenChannelListContext as u };
+//# sourceMappingURL=bundle-BjIAYO65.js.map

package/chunks/{bundle-DUcF-Ysh.js.map → bundle-BjIAYO65.js.map}

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

package/chunks/bundle-BmPBPfxJ.js

@@ -0,0 +1,47 @@
+import { useRef, useCallback, useEffect } from 'react';
+
+/**
+ * Tracks typing lifecycle on a Sendbird channel and ensures `endTyping` is
+ * sent when the channel changes, the `active` flag toggles to false, or the
+ * component unmounts. Returns memoized `startTyping`/`stopTyping` helpers
+ * that the caller wires to input events.
+ *
+ * @param channel - the channel currently being typed in
+ * @param active  - when set to false, the cleanup runs and clears typing
+ *                  state. Useful for edit-mode wrappers that pass `showEdit`
+ *                  so closing the edit panel emits `endTyping`.
+ */
+function useTypingLifecycle(channel, active) {
+    if (active === void 0) { active = true; }
+    // Holds the channel that startTyping was last invoked on. Storing the
+    // actual reference (rather than a boolean flag) ensures endTyping is sent
+    // on the same channel instance that received startTyping, even if the
+    // channel object is re-instantiated under the same URL.
+    var typingChannelRef = useRef(null);
+    var startTyping = useCallback(function () {
+        var _a;
+        (_a = channel === null || channel === void 0 ? void 0 : channel.startTyping) === null || _a === void 0 ? void 0 : _a.call(channel);
+        typingChannelRef.current = channel !== null && channel !== void 0 ? channel : null;
+    }, [channel]);
+    var stopTyping = useCallback(function () {
+        var _a, _b;
+        (_b = (_a = typingChannelRef.current) === null || _a === void 0 ? void 0 : _a.endTyping) === null || _b === void 0 ? void 0 : _b.call(_a);
+        typingChannelRef.current = null;
+    }, []);
+    // Run cleanup on channel URL change, active toggle, or unmount.
+    // Reads typingChannelRef so endTyping is sent on the channel where
+    // startTyping was actually invoked.
+    useEffect(function () {
+        return function () {
+            var _a, _b;
+            if (typingChannelRef.current) {
+                (_b = (_a = typingChannelRef.current).endTyping) === null || _b === void 0 ? void 0 : _b.call(_a);
+                typingChannelRef.current = null;
+            }
+        };
+    }, [channel === null || channel === void 0 ? void 0 : channel.url, active]);
+    return { startTyping: startTyping, stopTyping: stopTyping };
+}
+
+export { useTypingLifecycle as u };
+//# sourceMappingURL=bundle-BmPBPfxJ.js.map

package/chunks/bundle-BmPBPfxJ.js.map

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

package/chunks/{bundle-B7jxtQGu.js → bundle-BnCmgARn.js}

@@ -2,11 +2,11 @@ import React__default, { useState, useMemo } from 'react';
 import { PlaybackTime } from '../ui/PlaybackTime.js';
 import { ProgressBar } from '../ui/ProgressBar.js';
 import TextButton from '../ui/TextButton.js';
-import Icon, { IconTypes, IconColors } from '../ui/Icon.js';
-import { b as LabelColors, L as Label, a as LabelTypography } from './bundle-C0kbt3jK.js';
-import { u as useLocalization } from './bundle-D-RwYEMS.js';
-import { g as VOICE_RECORDER_DEFAULT_MIN, h as VOICE_RECORDER_CLICK_BUFFER_TIME } from './bundle-C8L0rqDO.js';
-import { c as classnames } from './bundle-D7HOrOoM.js';
+import Icon, { IconColors, IconTypes } from '../ui/Icon.js';
+import { a as LabelColors, L as Label, c as LabelTypography } from './bundle-BPmYBX7K.js';
+import { u as useLocalization } from './bundle-BRfCkqhH.js';
+import { t as VOICE_RECORDER_DEFAULT_MIN, r as VOICE_RECORDER_CLICK_BUFFER_TIME } from './bundle-CVZalWDz.js';
+import { c as classnames } from './bundle-BHlB_i0L.js';
 
 /* eslint-disable no-redeclare */
 var VoiceMessageInputStatus = {
@@ -93,5 +93,5 @@ var VoiceMessageInput = function (_a) {
                 React__default.createElement(Icon, { width: "19px", height: "19px", type: IconTypes.SEND, fillColor: isSendButtonDisabled ? IconColors.ON_BACKGROUND_4 : IconColors.CONTENT }))))));
 };
 
-export { VoiceMessageInputStatus as V, VoiceMessageInput as a };
-//# sourceMappingURL=bundle-B7jxtQGu.js.map
+export { VoiceMessageInput as V, VoiceMessageInputStatus as a };
+//# sourceMappingURL=bundle-BnCmgARn.js.map

package/chunks/{bundle-B7jxtQGu.js.map → bundle-BnCmgARn.js.map}

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

package/chunks/{bundle-B0-5LriX.js → bundle-Bo1Nu7eF.js}

@@ -22,4 +22,4 @@ var changeColorToClassName = function (color) {
 };
 
 export { Colors as C, changeColorToClassName as c };
-//# sourceMappingURL=bundle-B0-5LriX.js.map
+//# sourceMappingURL=bundle-Bo1Nu7eF.js.map

package/chunks/bundle-Bo1Nu7eF.js.map

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

package/chunks/{bundle-DKXmeTpK.js → bundle-BrSeZGBM.js}

@@ -146,6 +146,9 @@ var stringSet = {
         MESSAGE_INPUT__PLACE_HOLDER__MUTED: 'Chat is unavailable because you\'re muted',
         MESSAGE_INPUT__PLACE_HOLDER__MUTED_SHORT: 'You\'re muted',
         MESSAGE_INPUT__QUOTE_REPLY__PLACE_HOLDER: 'Reply to message',
+        MESSAGE_INPUT__PLACE_HOLDER__FILE_ATTACHED: 'Text disabled while file attached',
+        MESSAGE_INPUT__PENDING_FILE__TYPE_UNKNOWN: 'FILE',
+        MESSAGE_INPUT__PENDING_FILE__REMOVE: 'Remove file',
         // Common UI
         BUTTON__SUBMIT: 'Submit',
         BUTTON__CANCEL: 'Cancel',
@@ -200,7 +203,7 @@ var stringSet = {
         THREAD__INPUT__REPLY_IN_THREAD: 'Reply in thread',
         // Feature - Mention
         MENTION_NAME__NO_NAME: '(No name)',
-        MENTION_COUNT__OVER_LIMIT: 'You can mention up to %d times at a time.',
+        MENTION_COUNT__OVER_LIMIT: 'You can have up to %d mentions per message.',
         UI__FILE_VIEWER__UNSUPPORT: 'Unsupported message',
         // Feature - Voice Message
         VOICE_RECORDING_PERMISSION_DENIED: "You cannot record the voice since\n        voice recording is not permitted in your device system setting",
@@ -225,6 +228,7 @@ var stringSet = {
         // File upload
         FILE_UPLOAD_NOTIFICATION__COUNT_LIMIT: 'Up to %d files can be attached.',
         FILE_UPLOAD_NOTIFICATION__SIZE_LIMIT: 'The maximum size per file is %d MB.',
+        FILE_UPLOAD_NOTIFICATION__UNSUPPORTED_FILE_TYPE: 'The attachment failed because the file is in an unsupported format.',
         // Feedback button text
         FEEDBACK_LIKE: 'Like',
         FEEDBACK_DISLIKE: 'Dislike',
@@ -251,4 +255,4 @@ var getStringSet = function (lang) {
 };
 
 export { getStringSet as g };
-//# sourceMappingURL=bundle-DKXmeTpK.js.map
+//# sourceMappingURL=bundle-BrSeZGBM.js.map

package/chunks/{bundle-BTCMEIEY.js.map → bundle-BrSeZGBM.js.map}

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