@sendbird/uikit-react 3.10.1 → 3.10.2-alpha.0

package/cjs/Channel/components/SuggestedMentionList.js

@@ -1,200 +1,49 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../chunks/bundle-DhtZdKsr.js');
 var React = require('react');
-var ui_Label = require('../../chunks/bundle-7J3nX_hP.js');
-var ui_Icon = require('../../ui/Icon.js');
-var ui_Avatar = require('../../chunks/bundle-7VJjqIPJ.js');
-var LocalizationContext = require('../../chunks/bundle-qtXdbPNE.js');
-var uuid = require('../../chunks/bundle-INJtS58R.js');
-var Channel_context = require('../../chunks/bundle-Ue5GkT2H.js');
-var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var _const$1 = require('../../chunks/bundle-zrsbDQGp.js');
-var _const = require('../../chunks/bundle-zgoic8x9.js');
-var Thread_context = require('../../Thread/context.js');
-var _tslib = require('../../chunks/bundle-bXLZZTmP.js');
-require('../../chunks/bundle-kSScygqj.js');
-require('../../chunks/bundle-LRCFL23q.js');
+var SuggestedMentionListView = require('../../chunks/bundle--QPuGnli.js');
+var Channel_context = require('../context.js');
+require('../../chunks/bundle-VxcYXhwp.js');
+require('../../chunks/bundle-H9rcn1PJ.js');
+require('../../ui/Icon.js');
+require('../../chunks/bundle-Y-_KhZFq.js');
+require('../../chunks/bundle-w0ATt2gt.js');
 require('../../ui/ImageRenderer.js');
-require('../../chunks/bundle--d5w7FVF.js');
-require('../../chunks/bundle-RSklGv-u.js');
-require('../../chunks/bundle-7AS0Rcch.js');
-require('../../chunks/bundle-XaLiuh0L.js');
-require('../../chunks/bundle-6ZegaDWX.js');
-require('../../chunks/bundle-p6kWiWDv.js');
+require('../../chunks/bundle-HQAiUNev.js');
+require('../../chunks/bundle-6SzyBwQ5.js');
+require('../../chunks/bundle-AN4eZ2xs.js');
+require('../../chunks/bundle-TB_UEIPg.js');
+require('../../useSendbirdStateContext.js');
+require('../../withSendbird.js');
+require('../../chunks/bundle--tki3Ejh.js');
+require('../../chunks/bundle-TPy0gj60.js');
+require('../../chunks/bundle-MNUU2JEo.js');
+require('../../chunks/bundle-CrbMqpah.js');
+require('@sendbird/chat/message');
+require('../../chunks/bundle-Msh8rb3L.js');
+require('../../chunks/bundle-tntEm-Mv.js');
+require('../../chunks/bundle-xM2DAzE6.js');
+require('../../chunks/bundle-O6Mos2Xn.js');
+require('../../chunks/bundle-NZvAE9FS.js');
+require('../../chunks/bundle-nox41MG6.js');
 require('@sendbird/chat/groupChannel');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../chunks/bundle-65IwoStx.js');
-require('@sendbird/chat/message');
-require('../../chunks/bundle--MJd6Gw1.js');
-require('../../chunks/bundle-UaSM_xZY.js');
 require('../hooks/useInitialMessagesFetch.js');
-require('../../chunks/bundle-135pRm7i.js');
-require('../../chunks/bundle-JbxviE94.js');
-require('../../chunks/bundle-VB_a0u7i.js');
-require('../../chunks/bundle-3K153hLM.js');
-require('../../withSendbird.js');
-require('../../Thread/context/types.js');
-require('@sendbird/chat');
-
-function SuggestedUserMentionItem(props) {
-    var member = props.member, _a = props.isFocused, isFocused = _a === void 0 ? false : _a, parentScrollRef = props.parentScrollRef, onClick = props.onClick, onMouseOver = props.onMouseOver, onMouseMove = props.onMouseMove, renderUserMentionItem = props.renderUserMentionItem;
-    var scrollRef = React.useRef(null);
-    var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
-    React.useEffect(function () {
-        if (isFocused && (parentScrollRef === null || parentScrollRef === void 0 ? void 0 : parentScrollRef.current) != null && (scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current) != null
-            && (parentScrollRef.current.scrollTop >= scrollRef.current.offsetTop
-                || parentScrollRef.current.scrollTop + parentScrollRef.current.clientHeight <= scrollRef.current.offsetTop)) {
-            scrollRef.current.scrollIntoView({ block: 'nearest', inline: 'nearest' });
-        }
-    }, [isFocused]);
-    var customMentionItem = React.useMemo(function () {
-        if (renderUserMentionItem) {
-            return (React.createElement("div", { className: "sendbird-mention-suggest-list__user-item", onClick: function (event) { return onClick === null || onClick === void 0 ? void 0 : onClick({ event: event, member: member, itemRef: scrollRef }); }, onMouseOver: function (event) { return onMouseOver === null || onMouseOver === void 0 ? void 0 : onMouseOver({ event: event, member: member, itemRef: scrollRef }); }, onMouseMove: function (event) { return onMouseMove === null || onMouseMove === void 0 ? void 0 : onMouseMove({ event: event, member: member, itemRef: scrollRef }); }, key: (member === null || member === void 0 ? void 0 : member.userId) || uuid.uuidv4(), ref: scrollRef }, renderUserMentionItem({ user: member })));
-        }
-    }, [renderUserMentionItem]);
-    if (customMentionItem) {
-        return customMentionItem;
-    }
-    return (React.createElement("div", { className: "sendbird-mention-suggest-list__user-item ".concat(isFocused ? 'focused' : ''), onClick: function (event) { return onClick === null || onClick === void 0 ? void 0 : onClick({ event: event, member: member, itemRef: scrollRef }); }, onMouseOver: function (event) { return onMouseOver === null || onMouseOver === void 0 ? void 0 : onMouseOver({ event: event, member: member, itemRef: scrollRef }); }, onMouseMove: function (event) { return onMouseMove === null || onMouseMove === void 0 ? void 0 : onMouseMove({ event: event, member: member, itemRef: scrollRef }); }, key: (member === null || member === void 0 ? void 0 : member.userId) || uuid.uuidv4(), ref: scrollRef },
-        React.createElement(ui_Avatar.Avatar, { className: "sendbird-mention-suggest-list__user-item__avatar", src: member === null || member === void 0 ? void 0 : member.profileUrl, alt: "user-profile", width: "24px", height: "24px" }),
-        React.createElement(ui_Label.Label, { className: "sendbird-mention-suggest-list__user-item__nickname", type: ui_Label.LabelTypography.SUBTITLE_2, color: (member === null || member === void 0 ? void 0 : member.nickname) ? ui_Label.LabelColors.ONBACKGROUND_1 : ui_Label.LabelColors.ONBACKGROUND_3 }, (member === null || member === void 0 ? void 0 : member.nickname) || (stringSet === null || stringSet === void 0 ? void 0 : stringSet.MENTION_NAME__NO_NAME)),
-        React.createElement(ui_Label.Label, { className: "sendbird-mention-suggest-list__user-item__user-id", type: ui_Label.LabelTypography.SUBTITLE_2, color: ui_Label.LabelColors.ONBACKGROUND_2 }, member === null || member === void 0 ? void 0 : member.userId)));
-}
-
-function fetchMembersFromChannel(currentUserId, channel, maxSuggestionCount, searchString) {
-    return _tslib.__awaiter(this, void 0, void 0, function () {
-        return _tslib.__generator(this, function (_a) {
-            return [2 /*return*/, channel.members
-                    .sort(function (a, b) { var _a; return (_a = a.nickname) === null || _a === void 0 ? void 0 : _a.localeCompare(b.nickname); })
-                    .filter(function (member) {
-                    var _a;
-                    return ((_a = member.nickname) === null || _a === void 0 ? void 0 : _a.toLowerCase().startsWith(searchString.toLowerCase()))
-                        && member.userId !== currentUserId
-                        && member.isActive;
-                }).slice(0, maxSuggestionCount)];
-        });
-    });
-}
-function fetchMembersFromQuery(currentUserId, channel, maxSuggestionCount, searchString) {
-    return _tslib.__awaiter(this, void 0, void 0, function () {
-        var query;
-        return _tslib.__generator(this, function (_a) {
-            query = channel.createMemberListQuery({
-                limit: maxSuggestionCount + 1,
-                nicknameStartsWithFilter: searchString,
-            });
-            return [2 /*return*/, query.next()
-                    .then(function (memberList) {
-                    return memberList
-                        .filter(function (member) { return currentUserId !== (member === null || member === void 0 ? void 0 : member.userId); })
-                        .slice(0, maxSuggestionCount);
-                })];
-        });
-    });
-}
+require('../../chunks/bundle-JBbKwE7L.js');
+require('../../chunks/bundle-77qvrXp8.js');
+require('../../chunks/bundle-3eaFVTUX.js');
+require('../../chunks/bundle-UAspU0bH.js');
+require('../../chunks/bundle-YjNFrYVt.js');
+require('../../chunks/bundle-eCBAJmJN.js');
 
-var DEBOUNCING_TIME = 300;
-function SuggestedMentionList(props) {
-    var _a, _b, _c, _d, _e;
-    var className = props.className, _f = props.targetNickname, targetNickname = _f === void 0 ? '' : _f, 
-    // memberListQuery,
-    onUserItemClick = props.onUserItemClick, onFocusItemChange = props.onFocusItemChange, onFetchUsers = props.onFetchUsers, renderUserMentionItem = props.renderUserMentionItem, inputEvent = props.inputEvent, _g = props.ableAddMention, ableAddMention = _g === void 0 ? true : _g, _h = props.maxMentionCount, maxMentionCount = _h === void 0 ? _const$1.MAX_USER_MENTION_COUNT : _h, _j = props.maxSuggestionCount, maxSuggestionCount = _j === void 0 ? _const$1.MAX_USER_SUGGESTION_COUNT : _j;
-    var currentGroupChannel = (_a = Channel_context.useChannelContext === null || Channel_context.useChannelContext === void 0 ? void 0 : Channel_context.useChannelContext()) === null || _a === void 0 ? void 0 : _a.currentGroupChannel;
-    var currentChannel = (_b = Thread_context.useThreadContext === null || Thread_context.useThreadContext === void 0 ? void 0 : Thread_context.useThreadContext()) === null || _b === void 0 ? void 0 : _b.currentChannel;
-    var channelInstance = currentGroupChannel || currentChannel;
-    var _k = useSendbirdStateContext.useSendbirdStateContext(), config = _k.config, stores = _k.stores;
-    var logger = config.logger;
-    var currentUserId = ((_e = (_d = (_c = stores === null || stores === void 0 ? void 0 : stores.sdkStore) === null || _c === void 0 ? void 0 : _c.sdk) === null || _d === void 0 ? void 0 : _d.currentUser) === null || _e === void 0 ? void 0 : _e.userId) || '';
-    var scrollRef = React.useRef(null);
-    var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
-    var _l = React.useState(null), timer = _l[0], setTimer = _l[1];
-    var _m = React.useState(''), searchString = _m[0], setSearchString = _m[1];
-    var _o = React.useState(''), lastSearchString = _o[0], setLastSearchString = _o[1];
-    var _p = React.useState(null), currentFocusedMember = _p[0], setCurrentFocusedMember = _p[1];
-    var _q = React.useState([]), currentMemberList = _q[0], setCurrentMemberList = _q[1];
-    React.useEffect(function () {
-        clearTimeout(timer);
-        setTimer(setTimeout(function () {
-            setSearchString(targetNickname);
-        }, DEBOUNCING_TIME));
-    }, [targetNickname]);
-    React.useEffect(function () {
-        if ((inputEvent === null || inputEvent === void 0 ? void 0 : inputEvent.key) === _const.MessageInputKeys.Enter) {
-            if (currentMemberList.length > 0) {
-                onUserItemClick(currentFocusedMember);
-            }
-        }
-        if ((inputEvent === null || inputEvent === void 0 ? void 0 : inputEvent.key) === _const.MessageInputKeys.ArrowUp) {
-            var currentUserIndex = currentMemberList.findIndex(function (member) { return ((member === null || member === void 0 ? void 0 : member.userId) === (currentFocusedMember === null || currentFocusedMember === void 0 ? void 0 : currentFocusedMember.userId)); });
-            if (0 < currentUserIndex) {
-                setCurrentFocusedMember(currentMemberList[currentUserIndex - 1]);
-                onFocusItemChange(currentMemberList[currentUserIndex - 1]);
-            }
-        }
-        if ((inputEvent === null || inputEvent === void 0 ? void 0 : inputEvent.key) === _const.MessageInputKeys.ArrowDown) {
-            var currentUserIndex = currentMemberList.findIndex(function (member) { return ((member === null || member === void 0 ? void 0 : member.userId) === (currentFocusedMember === null || currentFocusedMember === void 0 ? void 0 : currentFocusedMember.userId)); });
-            if (currentUserIndex < currentMemberList.length - 1) {
-                setCurrentFocusedMember(currentMemberList[currentUserIndex + 1]);
-                onFocusItemChange(currentMemberList[currentUserIndex + 1]);
-            }
-        }
-    }, [inputEvent]);
-    React.useEffect(function () {
-        if (lastSearchString && searchString.indexOf(lastSearchString) === 0 && currentMemberList.length === 0) {
-            // Don't need to request query again
-            return;
-        }
-        if (channelInstance.isSuper) {
-            if (!(channelInstance === null || channelInstance === void 0 ? void 0 : channelInstance.createMemberListQuery)) {
-                logger.warning('SuggestedMentionList: Creating member list query failed');
-                return;
-            }
-        }
-        var fetcher = channelInstance.isSuper ? fetchMembersFromQuery : fetchMembersFromChannel;
-        fetcher(currentUserId, channelInstance, maxSuggestionCount, searchString.slice(_const$1.USER_MENTION_TEMP_CHAR.length))
-            .then(function (suggestingMembers) {
-            if (suggestingMembers.length < 1) {
-                logger.info('SuggestedMentionList: Fetched member list is empty');
-            }
-            else {
-                logger.info('SuggestedMentionList: Fetching member list succeeded', { memberList: suggestingMembers });
-                setCurrentFocusedMember(suggestingMembers[0]);
-            }
-            setLastSearchString(searchString);
-            onFetchUsers(suggestingMembers);
-            setCurrentMemberList(suggestingMembers);
-        })
-            .catch(function (error) {
-            if (error) {
-                logger.error('SuggestedMentionList: Fetching member list failed', error);
-            }
-        });
-    }, [
-        channelInstance === null || channelInstance === void 0 ? void 0 : channelInstance.url,
-        // We have to be specific like this or React would not recognize the changes in instances.
-        channelInstance.members.map(function (member) { return member.nickname; }).join(),
-        channelInstance.members.map(function (member) { return member.isActive; }).join(),
-        searchString,
-        maxSuggestionCount,
-        currentUserId,
-        currentMemberList.length,
-        lastSearchString,
-    ]);
-    if (!ableAddMention && currentMemberList.length === 0) {
-        return null;
-    }
-    return (React.createElement("div", { className: "sendbird-mention-suggest-list ".concat(className), key: "sendbird-mention-suggest-list", ref: scrollRef },
-        ableAddMention && (currentMemberList === null || currentMemberList === void 0 ? void 0 : currentMemberList.map(function (member) { return (React.createElement(SuggestedUserMentionItem, { key: (member === null || member === void 0 ? void 0 : member.userId) || uuid.uuidv4(), member: member, isFocused: (member === null || member === void 0 ? void 0 : member.userId) === (currentFocusedMember === null || currentFocusedMember === void 0 ? void 0 : currentFocusedMember.userId), parentScrollRef: scrollRef, onClick: function (_a) {
-                var member = _a.member;
-                onUserItemClick(member);
-            }, onMouseOver: function (_a) {
-                var member = _a.member;
-                setCurrentFocusedMember(member);
-            }, renderUserMentionItem: renderUserMentionItem })); })),
-        !ableAddMention && (React.createElement("div", { className: "sendbird-mention-suggest-list__notice-item" },
-            React.createElement(ui_Icon.default, { className: "sendbird-mention-suggest-list__notice-item__icon", type: ui_Icon.IconTypes.INFO, fillColor: ui_Icon.IconColors.ON_BACKGROUND_2, width: "20px", height: "20px" }),
-            React.createElement(ui_Label.Label, { className: "sendbird-mention-suggest-list__notice-item__text", type: ui_Label.LabelTypography.SUBTITLE_2, color: ui_Label.LabelColors.ONBACKGROUND_2 }, stringSet.MENTION_COUNT__OVER_LIMIT.replace('%d', String(maxMentionCount)))))));
-}
+var SuggestedMentionList = function (props) {
+    var currentGroupChannel = Channel_context.useChannelContext().currentGroupChannel;
+    return (React.createElement(SuggestedMentionListView.SuggestedMentionListView, _tslib.__assign({}, props, { currentChannel: currentGroupChannel })));
+};
 
-module.exports = SuggestedMentionList;
+exports.SuggestedMentionList = SuggestedMentionList;
+exports.default = SuggestedMentionList;
 //# sourceMappingURL=SuggestedMentionList.js.map

package/cjs/Channel/components/SuggestedMentionList.js.map

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

package/cjs/Channel/components/TypingIndicator.js

@@ -1,89 +1,18 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var groupChannel = require('@sendbird/chat/groupChannel');
-var LocalizationContext = require('../../chunks/bundle-qtXdbPNE.js');
-var uuid = require('../../chunks/bundle-INJtS58R.js');
-var ui_Label = require('../../chunks/bundle-7J3nX_hP.js');
-var Channel_context = require('../../chunks/bundle-Ue5GkT2H.js');
-var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-require('../../chunks/bundle-kSScygqj.js');
-require('../../chunks/bundle-RSklGv-u.js');
-require('../../chunks/bundle-bXLZZTmP.js');
-require('../../chunks/bundle-7AS0Rcch.js');
-require('../../chunks/bundle-zrsbDQGp.js');
-require('../../chunks/bundle-XaLiuh0L.js');
-require('../../chunks/bundle-6ZegaDWX.js');
-require('../../chunks/bundle-p6kWiWDv.js');
-require('../../utils/message/getOutgoingMessageState.js');
-require('../../chunks/bundle-65IwoStx.js');
-require('@sendbird/chat/message');
-require('../../chunks/bundle--MJd6Gw1.js');
-require('../../chunks/bundle-UaSM_xZY.js');
-require('../hooks/useInitialMessagesFetch.js');
-require('../../chunks/bundle-135pRm7i.js');
-require('../../chunks/bundle-JbxviE94.js');
-require('../../chunks/bundle-VB_a0u7i.js');
-require('../../chunks/bundle-3K153hLM.js');
+var TypingIndicator = require('../../chunks/bundle-5UyAossc.js');
+require('react');
+require('@sendbird/chat/groupChannel');
+require('../../chunks/bundle-VxcYXhwp.js');
+require('../../chunks/bundle-DhtZdKsr.js');
+require('../../chunks/bundle-H9rcn1PJ.js');
+require('../../chunks/bundle-6SzyBwQ5.js');
+require('../../chunks/bundle-AN4eZ2xs.js');
+require('../../useSendbirdStateContext.js');
 require('../../withSendbird.js');
+require('../../chunks/bundle-TB_UEIPg.js');
+
 
-var TypingIndicatorText = function (_a) {
-    var members = _a.members;
-    function getText() {
-        var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
-        if (!members || members.length === 0) {
-            return '';
-        }
-        if (members && members.length === 1) {
-            return "".concat(members[0].nickname, " ").concat(stringSet.TYPING_INDICATOR__IS_TYPING);
-        }
-        if (members && members.length === 2) {
-            return "".concat(members[0].nickname, " ").concat(stringSet.TYPING_INDICATOR__AND, " ").concat(members[1].nickname, " ").concat(stringSet.TYPING_INDICATOR__ARE_TYPING);
-        }
-        return stringSet.TYPING_INDICATOR__MULTIPLE_TYPING;
-    }
-    return React.createElement(React.Fragment, null, getText());
-};
-var TypingIndicator = function () {
-    var _a, _b, _c;
-    var channelUrl = Channel_context.useChannelContext().channelUrl;
-    var globalStore = useSendbirdStateContext.useSendbirdStateContext();
-    var sb = (_b = (_a = globalStore === null || globalStore === void 0 ? void 0 : globalStore.stores) === null || _a === void 0 ? void 0 : _a.sdkStore) === null || _b === void 0 ? void 0 : _b.sdk;
-    var logger = (_c = globalStore === null || globalStore === void 0 ? void 0 : globalStore.config) === null || _c === void 0 ? void 0 : _c.logger;
-    var _d = React.useState(uuid.uuidv4()), handlerId = _d[0], setHandlerId = _d[1];
-    var _e = React.useState([]), typingMembers = _e[0], setTypingMembers = _e[1];
-    React.useEffect(function () {
-        var _a;
-        if ((_a = sb === null || sb === void 0 ? void 0 : sb.groupChannel) === null || _a === void 0 ? void 0 : _a.addGroupChannelHandler) {
-            sb.groupChannel.removeGroupChannelHandler(handlerId);
-            var newHandlerId = uuid.uuidv4();
-            var handler = new groupChannel.GroupChannelHandler({
-                onTypingStatusUpdated: function (groupChannel) {
-                    // there is a possible warning in here - setState called after unmount
-                    logger.info('Channel > Typing Indicator: onTypingStatusUpdated', groupChannel);
-                    if (groupChannel.url === channelUrl) {
-                        var members = groupChannel.getTypingUsers();
-                        setTypingMembers(members);
-                    }
-                },
-            });
-            sb.groupChannel.addGroupChannelHandler(newHandlerId, handler);
-            setHandlerId(newHandlerId);
-        }
-        return function () {
-            var _a;
-            setTypingMembers([]);
-            if ((_a = sb === null || sb === void 0 ? void 0 : sb.groupChannel) === null || _a === void 0 ? void 0 : _a.removeGroupChannelHandler) {
-                sb.groupChannel.removeGroupChannelHandler(handlerId);
-            }
-        };
-    }, [channelUrl]);
-    return (React.createElement(ui_Label.Label, { className: "sendbird-conversation__footer__typing-indicator__text", type: ui_Label.LabelTypography.CAPTION_2, color: ui_Label.LabelColors.ONBACKGROUND_2 },
-        React.createElement(TypingIndicatorText, { members: typingMembers })));
-};
 
-exports.TypingIndicatorText = TypingIndicatorText;
-exports.default = TypingIndicator;
+module.exports = TypingIndicator.TypingIndicator;
 //# sourceMappingURL=TypingIndicator.js.map

package/cjs/Channel/components/TypingIndicator.js.map

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

package/cjs/Channel/components/UnreadCount.js

@@ -1,35 +1,17 @@
 'use strict';
 
-var React = require('react');
-var LocalizationContext = require('../../chunks/bundle-qtXdbPNE.js');
-var ui_Label = require('../../chunks/bundle-7J3nX_hP.js');
-var ui_Icon = require('../../ui/Icon.js');
-var index = require('../../chunks/bundle-6ZegaDWX.js');
-require('../../chunks/bundle-kSScygqj.js');
-require('../../chunks/bundle-RSklGv-u.js');
-require('../../chunks/bundle-bXLZZTmP.js');
-require('../../chunks/bundle-LRCFL23q.js');
+var index = require('../../chunks/bundle-DfMlIvtm.js');
+require('react');
+require('../../chunks/bundle-6SzyBwQ5.js');
+require('../../chunks/bundle-H9rcn1PJ.js');
+require('../../chunks/bundle-AN4eZ2xs.js');
+require('../../chunks/bundle-VxcYXhwp.js');
+require('../../chunks/bundle-DhtZdKsr.js');
+require('../../ui/Icon.js');
+require('../../chunks/bundle-Y-_KhZFq.js');
+require('../../chunks/bundle-tntEm-Mv.js');
 
-var UnreadCount = function (_a) {
-    var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.count, count = _c === void 0 ? 0 : _c, _d = _a.time, time = _d === void 0 ? '' : _d, onClick = _a.onClick, lastReadAt = _a.lastReadAt;
-    var _e = React.useContext(LocalizationContext.LocalizationContext), stringSet = _e.stringSet, dateLocale = _e.dateLocale;
-    var unreadSince = React.useMemo(function () {
-        var _a, _b;
-        // TODO: Remove this on v4
-        if (stringSet.CHANNEL__MESSAGE_LIST__NOTIFICATION__ON !== 'on') {
-            var timeArray = ((_b = (_a = time === null || time === void 0 ? void 0 : time.toString) === null || _a === void 0 ? void 0 : _a.call(time)) === null || _b === void 0 ? void 0 : _b.split(' ')) || [];
-            timeArray === null || timeArray === void 0 ? void 0 : timeArray.splice(-2, 0, stringSet.CHANNEL__MESSAGE_LIST__NOTIFICATION__ON);
-            return timeArray.join(' ');
-        }
-        else if (lastReadAt) {
-            return index.format(lastReadAt, stringSet.DATE_FORMAT__MESSAGE_LIST__NOTIFICATION__UNREAD_SINCE, { locale: dateLocale });
-        }
-    }, [time, lastReadAt]);
-    return (React.createElement("div", { className: "sendbird-notification".concat(count < 1 ? '--hide' : '', " ").concat(className), onClick: onClick },
-        React.createElement(ui_Label.Label, { className: "sendbird-notification__text", color: ui_Label.LabelColors.ONCONTENT_1, type: ui_Label.LabelTypography.CAPTION_2 }, "".concat(count, " "),
-            stringSet.CHANNEL__MESSAGE_LIST__NOTIFICATION__NEW_MESSAGE, " ".concat(unreadSince)),
-        React.createElement(ui_Icon.default, { width: "24px", height: "24px", type: ui_Icon.IconTypes.CHEVRON_DOWN, fillColor: ui_Icon.IconColors.CONTENT })));
-};
 
-module.exports = UnreadCount;
+
+module.exports = index.UnreadCount;
 //# sourceMappingURL=UnreadCount.js.map

package/cjs/Channel/components/UnreadCount.js.map

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