@sendbird/uikit-react 3.9.1 → 3.9.2

package/cjs/chunks/{bundle-noiyvZaq.js → bundle-rLa_6DY9.js}

@@ -47,4 +47,4 @@ exports.VOICE_RECORDER_AUDIO_SAMPLE_RATE = VOICE_RECORDER_AUDIO_SAMPLE_RATE;
 exports.VOICE_RECORDER_CLICK_BUFFER_TIME = VOICE_RECORDER_CLICK_BUFFER_TIME;
 exports.VOICE_RECORDER_DEFAULT_MAX = VOICE_RECORDER_DEFAULT_MAX;
 exports.VOICE_RECORDER_DEFAULT_MIN = VOICE_RECORDER_DEFAULT_MIN;
-//# sourceMappingURL=bundle-noiyvZaq.js.map
+//# sourceMappingURL=bundle-rLa_6DY9.js.map

package/cjs/chunks/bundle-rLa_6DY9.js.map

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

package/cjs/chunks/bundle-rRVJHRjU.js

@@ -0,0 +1,98 @@
+'use strict';
+
+var consts = require('./bundle-rLa_6DY9.js');
+var React = require('react');
+var uikitTools = require('@sendbird/uikit-tools');
+var utils = require('./bundle-tiw6X4aS.js');
+
+function useThrottleCallback(callback, delay, options) {
+    if (options === void 0) { options = {
+        leading: true,
+        trailing: false,
+    }; }
+    var timer = React.useRef(null);
+    var trailingArgs = React.useRef(null);
+    React.useEffect(function () {
+        return function () {
+            if (timer.current)
+                clearTimeout(timer.current);
+        };
+    }, []);
+    return uikitTools.usePreservedCallback(function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            args[_i] = arguments[_i];
+        }
+        if (timer.current) {
+            trailingArgs.current = args;
+            return;
+        }
+        if (options.leading) {
+            callback.apply(void 0, args);
+        }
+        else {
+            trailingArgs.current = args;
+        }
+        var invoke = function () {
+            if (options.trailing && trailingArgs.current) {
+                callback.apply(void 0, trailingArgs.current);
+                trailingArgs.current = null;
+                timer.current = setTimeout(invoke, delay);
+            }
+            else {
+                timer.current = null;
+            }
+        };
+        timer.current = setTimeout(invoke, delay);
+    });
+}
+
+var DELAY = 100;
+function calcScrollBottom(scrollHeight, scrollTop) {
+    return scrollHeight - scrollTop;
+}
+function useHandleOnScrollCallback(_a) {
+    var hasMore = _a.hasMore, hasNext = _a.hasNext, onScroll = _a.onScroll, scrollRef = _a.scrollRef, setShowScrollDownButton = _a.setShowScrollDownButton;
+    var scrollCb = uikitTools.usePreservedCallback(function () {
+        var element = scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current;
+        if (element == null)
+            return;
+        var scrollTop = element.scrollTop, scrollHeight = element.scrollHeight, clientHeight = element.clientHeight;
+        // https://sendbird.atlassian.net/browse/SBISSUE-11759
+        // the edge case where channel is inside a page that already has scroll
+        // scrollintoView will move the whole page, which we dont want
+        var scrollBottom = calcScrollBottom(scrollHeight, scrollTop);
+        // even if there is more to fetch or not,
+        // we still have to show the scroll to bottom button
+        if (typeof setShowScrollDownButton === 'function') {
+            setShowScrollDownButton(scrollHeight > scrollTop + clientHeight + 1);
+        }
+        // Load previous messages
+        // 1. check if hasMore(hasPrevious) and reached to top
+        // 2. load previous messages (onScroll)
+        // 3. maintain scroll position (sets the scroll position to the bottom of the new messages)
+        if (hasMore && utils.isAboutSame(scrollTop, 0, consts.SCROLL_BUFFER)) {
+            onScroll(function () {
+                var messagesAreAddedToView = element.scrollHeight > scrollHeight;
+                if (messagesAreAddedToView)
+                    element.scrollTop = element.scrollHeight - scrollBottom;
+            });
+        }
+        // Load next messages
+        // 1. check if hasNext and reached to bottom
+        // 2. load next messages (onScroll)
+        // 3. maintain scroll position (sets the scroll position to the top of the new messages)
+        if (hasNext && utils.isAboutSame(clientHeight + scrollTop, scrollHeight, consts.SCROLL_BUFFER)) {
+            onScroll(function () {
+                var messagesAreAddedToView = element.scrollHeight > scrollHeight;
+                if (messagesAreAddedToView)
+                    element.scrollTop = scrollTop;
+            });
+        }
+    });
+    return useThrottleCallback(scrollCb, DELAY, { trailing: true });
+}
+
+exports.useHandleOnScrollCallback = useHandleOnScrollCallback;
+exports.useThrottleCallback = useThrottleCallback;
+//# sourceMappingURL=bundle-rRVJHRjU.js.map

package/cjs/chunks/bundle-rRVJHRjU.js.map

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

package/cjs/chunks/{bundle-nrZuUm2h.js → bundle-rkswfWVW.js}

@@ -16,4 +16,4 @@ exports.MAX_USER_SUGGESTION_COUNT = MAX_USER_SUGGESTION_COUNT;
 exports.NEXT_RESULT_SIZE = NEXT_RESULT_SIZE;
 exports.PREV_RESULT_SIZE = PREV_RESULT_SIZE;
 exports.USER_MENTION_TEMP_CHAR = USER_MENTION_TEMP_CHAR;
-//# sourceMappingURL=bundle-nrZuUm2h.js.map
+//# sourceMappingURL=bundle-rkswfWVW.js.map

package/cjs/chunks/bundle-rkswfWVW.js.map

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

package/cjs/chunks/{bundle-x6GOQeyO.js → bundle-rtw1d_yn.js}

@@ -81,4 +81,4 @@ exports.SET_CHANNEL_INVALID = SET_CHANNEL_INVALID;
 exports.SET_CURRENT_CHANNEL = SET_CURRENT_CHANNEL;
 exports.SET_EMOJI_CONTAINER = SET_EMOJI_CONTAINER;
 exports.channelActions = channelActions;
-//# sourceMappingURL=bundle-x6GOQeyO.js.map
+//# sourceMappingURL=bundle-rtw1d_yn.js.map

package/cjs/chunks/bundle-rtw1d_yn.js.map

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

package/cjs/chunks/{bundle-PLzI4mgo.js → bundle-tiw6X4aS.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var _tslib = require('./bundle-crXcinmk.js');
-var index$1 = require('./bundle-Epp2z49V.js');
-var index = require('./bundle-rXNfPqQR.js');
+var _tslib = require('./bundle-NaSjvk34.js');
+var index$1 = require('./bundle-zEzPPJRD.js');
+var index = require('./bundle-nx7vt9V0.js');
 var message = require('@sendbird/chat/message');
 
 var scrollToRenderedMessage = function (scrollRef, initialTimeStamp, setIsScrolled) {
@@ -34,7 +34,7 @@ var scrollIntoLast = function (initialTry, scrollRef, setIsScrolled) {
     }
     try {
         var scrollDOM = (scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current) || document.querySelector('.sendbird-conversation__messages-padding');
-        scrollDOM.scrollTop = scrollDOM.scrollHeight;
+        scrollDOM.scrollTop = Number.MAX_SAFE_INTEGER;
         setIsScrolled === null || setIsScrolled === void 0 ? void 0 : setIsScrolled(true);
     }
     catch (error) {
@@ -156,4 +156,4 @@ exports.mergeAndSortMessages = mergeAndSortMessages;
 exports.passUnsuccessfullMessages = passUnsuccessfullMessages;
 exports.scrollIntoLast = scrollIntoLast;
 exports.scrollToRenderedMessage = scrollToRenderedMessage;
-//# sourceMappingURL=bundle-PLzI4mgo.js.map
+//# sourceMappingURL=bundle-tiw6X4aS.js.map

package/cjs/chunks/{bundle-PLzI4mgo.js.map → bundle-tiw6X4aS.js.map}

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

package/cjs/chunks/{bundle-Ur6-okMD.js → bundle-ugVeJMAH.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var _tslib = require('./bundle-crXcinmk.js');
+var _tslib = require('./bundle-NaSjvk34.js');
 var React = require('react');
-var MediaQueryContext = require('./bundle-Csb8JrWu.js');
+var MediaQueryContext = require('./bundle-Rs2s47-2.js');
 
 var DEFAULT_DURATION = 300;
 function preventDefault(e) {
@@ -76,4 +76,4 @@ function useLongPress(_a, _b) {
 }
 
 exports.useLongPress = useLongPress;
-//# sourceMappingURL=bundle-Ur6-okMD.js.map
+//# sourceMappingURL=bundle-ugVeJMAH.js.map

package/cjs/chunks/bundle-ugVeJMAH.js.map

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

package/cjs/chunks/{bundle-dwV-KMKC.js → bundle-v7_F1w17.js}

@@ -7,4 +7,4 @@ var USER_ACTIONS = {
 };
 
 exports.USER_ACTIONS = USER_ACTIONS;
-//# sourceMappingURL=bundle-dwV-KMKC.js.map
+//# sourceMappingURL=bundle-v7_F1w17.js.map

package/cjs/chunks/bundle-v7_F1w17.js.map

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

package/cjs/chunks/{bundle-R3Ze9NdG.js → bundle-xBHLSlN-.js}

@@ -25,4 +25,4 @@ var changeColorToClassName = function (color) {
 };
 
 exports.changeColorToClassName = changeColorToClassName;
-//# sourceMappingURL=bundle-R3Ze9NdG.js.map
+//# sourceMappingURL=bundle-xBHLSlN-.js.map

package/cjs/chunks/bundle-xBHLSlN-.js.map

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

package/cjs/chunks/{bundle-Epp2z49V.js → bundle-zEzPPJRD.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./bundle-EGiFBVbp.js');
+var index = require('./bundle-RU7fkb8Z.js');
 
 function requiredArgs(required, args) {
   if (args.length < required) {
@@ -1855,4 +1855,4 @@ exports.format = format;
 exports.requiredArgs = requiredArgs;
 exports.toDate = toDate;
 exports.toInteger = toInteger;
-//# sourceMappingURL=bundle-Epp2z49V.js.map
+//# sourceMappingURL=bundle-zEzPPJRD.js.map