@sendbird/uikit-react 3.10.1 → 3.11.0

package/Channel/components/SuggestedMentionList.js

@@ -1,198 +1,44 @@
-import React__default, { useRef, useContext, useEffect, useMemo, useState } from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-dWJnfDPH.js';
-import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
-import { A as Avatar } from '../../chunks/bundle-X3h4GiLa.js';
-import { L as LocalizationContext } from '../../chunks/bundle-y_LgB6DS.js';
-import { u as uuidv4 } from '../../chunks/bundle-aeQZ5WsP.js';
-import { u as useChannelContext } from '../../chunks/bundle-J79McRkg.js';
-import { useSendbirdStateContext } from '../../useSendbirdStateContext.js';
-import { U as USER_MENTION_TEMP_CHAR, M as MAX_USER_MENTION_COUNT, a as MAX_USER_SUGGESTION_COUNT } from '../../chunks/bundle-f9mkey82.js';
-import { M as MessageInputKeys } from '../../chunks/bundle-1WAo3loP.js';
-import { useThreadContext } from '../../Thread/context.js';
-import { b as __awaiter, c as __generator } from '../../chunks/bundle-GKopZh-T.js';
-import '../../chunks/bundle-YmIrZYPF.js';
-import '../../chunks/bundle-WpHDilD_.js';
+import { _ as __assign } from '../../chunks/bundle-fgwje9pW.js';
+import React__default from 'react';
+import { S as SuggestedMentionListView } from '../../chunks/bundle-QOv6Bgtw.js';
+import { useChannelContext } from '../context.js';
+import '../../chunks/bundle-kVopRZZG.js';
+import '../../chunks/bundle-oRyfuopS.js';
+import '../../ui/Icon.js';
+import '../../chunks/bundle-tOpyp2TM.js';
+import '../../chunks/bundle-2QckWBqt.js';
 import '../../ui/ImageRenderer.js';
-import '../../chunks/bundle-Kv4GXRTs.js';
-import '../../chunks/bundle-TV4-nyqN.js';
-import '../../chunks/bundle-cXqs96Pt.js';
-import '../../chunks/bundle-xsV7pD8p.js';
-import '../../chunks/bundle-WDOQg3ty.js';
-import '../../chunks/bundle-uk2Y0AQu.js';
+import '../../chunks/bundle-Rq3p335Q.js';
+import '../../chunks/bundle-hOV701rb.js';
+import '../../chunks/bundle-b6xyPdyj.js';
+import '../../chunks/bundle-4IsRvL2E.js';
+import '../../useSendbirdStateContext.js';
+import '../../withSendbird.js';
+import '../../chunks/bundle-ueo2Sf-L.js';
+import '../../chunks/bundle-NQlEMhhs.js';
+import '../../chunks/bundle-ZcOjo_4l.js';
+import '../../chunks/bundle-BbdMr4SL.js';
+import '@sendbird/chat/message';
+import '../../chunks/bundle-GpRTDFGV.js';
+import '../../chunks/bundle-yE5T9BpV.js';
+import '../../chunks/bundle-n9wVwJwL.js';
+import '../../chunks/bundle-nA9SX_Hi.js';
+import '../../chunks/bundle-T9LQyh_7.js';
+import '../../chunks/bundle-GQt7EDbt.js';
 import '@sendbird/chat/groupChannel';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../chunks/bundle-kfNTRju0.js';
-import '@sendbird/chat/message';
-import '../../chunks/bundle-pWIkt9Ng.js';
-import '../../chunks/bundle-yur9nm4N.js';
 import '../hooks/useInitialMessagesFetch.js';
-import '../../chunks/bundle-ku6CEjGk.js';
-import '../../chunks/bundle-ZKM9Qk_j.js';
-import '../../chunks/bundle-zpSxKsxM.js';
-import '../../chunks/bundle-cHbX4Rxo.js';
-import '../../withSendbird.js';
-import '../../Thread/context/types.js';
-import '@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 = useRef(null);
-    var stringSet = useContext(LocalizationContext).stringSet;
-    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 = useMemo(function () {
-        if (renderUserMentionItem) {
-            return (React__default.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) || uuidv4(), ref: scrollRef }, renderUserMentionItem({ user: member })));
-        }
-    }, [renderUserMentionItem]);
-    if (customMentionItem) {
-        return customMentionItem;
-    }
-    return (React__default.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) || uuidv4(), ref: scrollRef },
-        React__default.createElement(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__default.createElement(Label, { className: "sendbird-mention-suggest-list__user-item__nickname", type: LabelTypography.SUBTITLE_2, color: (member === null || member === void 0 ? void 0 : member.nickname) ? LabelColors.ONBACKGROUND_1 : 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__default.createElement(Label, { className: "sendbird-mention-suggest-list__user-item__user-id", type: LabelTypography.SUBTITLE_2, color: LabelColors.ONBACKGROUND_2 }, member === null || member === void 0 ? void 0 : member.userId)));
-}
-
-function fetchMembersFromChannel(currentUserId, channel, maxSuggestionCount, searchString) {
-    return __awaiter(this, void 0, void 0, function () {
-        return __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 __awaiter(this, void 0, void 0, function () {
-        var query;
-        return __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);
-                })];
-        });
-    });
-}
+import '../../chunks/bundle-NxSCk3As.js';
+import '../../chunks/bundle-pfcIdF14.js';
+import '../../chunks/bundle-NeB2uoNn.js';
+import '../../chunks/bundle-zpdae5WH.js';
+import '../../chunks/bundle-WK57RaQR.js';
+import '../../chunks/bundle-qLmDwx8F.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 ? MAX_USER_MENTION_COUNT : _h, _j = props.maxSuggestionCount, maxSuggestionCount = _j === void 0 ? MAX_USER_SUGGESTION_COUNT : _j;
-    var currentGroupChannel = (_a = useChannelContext === null || useChannelContext === void 0 ? void 0 : useChannelContext()) === null || _a === void 0 ? void 0 : _a.currentGroupChannel;
-    var currentChannel = (_b = useThreadContext === null || useThreadContext === void 0 ? void 0 : useThreadContext()) === null || _b === void 0 ? void 0 : _b.currentChannel;
-    var channelInstance = currentGroupChannel || currentChannel;
-    var _k = 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 = useRef(null);
-    var stringSet = useContext(LocalizationContext).stringSet;
-    var _l = useState(null), timer = _l[0], setTimer = _l[1];
-    var _m = useState(''), searchString = _m[0], setSearchString = _m[1];
-    var _o = useState(''), lastSearchString = _o[0], setLastSearchString = _o[1];
-    var _p = useState(null), currentFocusedMember = _p[0], setCurrentFocusedMember = _p[1];
-    var _q = useState([]), currentMemberList = _q[0], setCurrentMemberList = _q[1];
-    useEffect(function () {
-        clearTimeout(timer);
-        setTimer(setTimeout(function () {
-            setSearchString(targetNickname);
-        }, DEBOUNCING_TIME));
-    }, [targetNickname]);
-    useEffect(function () {
-        if ((inputEvent === null || inputEvent === void 0 ? void 0 : inputEvent.key) === MessageInputKeys.Enter) {
-            if (currentMemberList.length > 0) {
-                onUserItemClick(currentFocusedMember);
-            }
-        }
-        if ((inputEvent === null || inputEvent === void 0 ? void 0 : inputEvent.key) === 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) === 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]);
-    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(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__default.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__default.createElement(SuggestedUserMentionItem, { key: (member === null || member === void 0 ? void 0 : member.userId) || 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__default.createElement("div", { className: "sendbird-mention-suggest-list__notice-item" },
-            React__default.createElement(Icon, { className: "sendbird-mention-suggest-list__notice-item__icon", type: IconTypes.INFO, fillColor: IconColors.ON_BACKGROUND_2, width: "20px", height: "20px" }),
-            React__default.createElement(Label, { className: "sendbird-mention-suggest-list__notice-item__text", type: LabelTypography.SUBTITLE_2, color: LabelColors.ONBACKGROUND_2 }, stringSet.MENTION_COUNT__OVER_LIMIT.replace('%d', String(maxMentionCount)))))));
-}
+var SuggestedMentionList = function (props) {
+    var currentGroupChannel = useChannelContext().currentGroupChannel;
+    return (React__default.createElement(SuggestedMentionListView, __assign({}, props, { currentChannel: currentGroupChannel })));
+};
 
-export { SuggestedMentionList as default };
+export { SuggestedMentionList, SuggestedMentionList as default };
 //# sourceMappingURL=SuggestedMentionList.js.map

package/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/Channel/components/TypingIndicator.js

@@ -1,84 +1,16 @@
-import React__default, { useState, useEffect, useContext } from 'react';
-import { GroupChannelHandler } from '@sendbird/chat/groupChannel';
-import { L as LocalizationContext } from '../../chunks/bundle-y_LgB6DS.js';
-import { u as uuidv4 } from '../../chunks/bundle-aeQZ5WsP.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-dWJnfDPH.js';
-import { u as useChannelContext } from '../../chunks/bundle-J79McRkg.js';
-import { useSendbirdStateContext } from '../../useSendbirdStateContext.js';
-import '../../chunks/bundle-YmIrZYPF.js';
-import '../../chunks/bundle-TV4-nyqN.js';
-import '../../chunks/bundle-GKopZh-T.js';
-import '../../chunks/bundle-cXqs96Pt.js';
-import '../../chunks/bundle-f9mkey82.js';
-import '../../chunks/bundle-xsV7pD8p.js';
-import '../../chunks/bundle-WDOQg3ty.js';
-import '../../chunks/bundle-uk2Y0AQu.js';
-import '../../utils/message/getOutgoingMessageState.js';
-import '../../chunks/bundle-kfNTRju0.js';
-import '@sendbird/chat/message';
-import '../../chunks/bundle-pWIkt9Ng.js';
-import '../../chunks/bundle-yur9nm4N.js';
-import '../hooks/useInitialMessagesFetch.js';
-import '../../chunks/bundle-ku6CEjGk.js';
-import '../../chunks/bundle-ZKM9Qk_j.js';
-import '../../chunks/bundle-zpSxKsxM.js';
-import '../../chunks/bundle-cHbX4Rxo.js';
+import { T as TypingIndicator } from '../../chunks/bundle-2jWyEzHg.js';
+import 'react';
+import '@sendbird/chat/groupChannel';
+import '../../chunks/bundle-kVopRZZG.js';
+import '../../chunks/bundle-fgwje9pW.js';
+import '../../chunks/bundle-oRyfuopS.js';
+import '../../chunks/bundle-hOV701rb.js';
+import '../../chunks/bundle-b6xyPdyj.js';
+import '../../useSendbirdStateContext.js';
 import '../../withSendbird.js';
+import '../../chunks/bundle-4IsRvL2E.js';
 
-var TypingIndicatorText = function (_a) {
-    var members = _a.members;
-    function getText() {
-        var stringSet = useContext(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__default.createElement(React__default.Fragment, null, getText());
-};
-var TypingIndicator = function () {
-    var _a, _b, _c;
-    var channelUrl = useChannelContext().channelUrl;
-    var globalStore = 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 = useState(uuidv4()), handlerId = _d[0], setHandlerId = _d[1];
-    var _e = useState([]), typingMembers = _e[0], setTypingMembers = _e[1];
-    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 = uuidv4();
-            var handler = new 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__default.createElement(Label, { className: "sendbird-conversation__footer__typing-indicator__text", type: LabelTypography.CAPTION_2, color: LabelColors.ONBACKGROUND_2 },
-        React__default.createElement(TypingIndicatorText, { members: typingMembers })));
-};
 
-export { TypingIndicatorText, TypingIndicator as default };
+
+export { TypingIndicator as default };
 //# sourceMappingURL=TypingIndicator.js.map

package/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/Channel/components/UnreadCount.js

@@ -1,33 +1,15 @@
-import React__default, { useContext, useMemo } from 'react';
-import { L as LocalizationContext } from '../../chunks/bundle-y_LgB6DS.js';
-import { L as Label, b as LabelColors, a as LabelTypography } from '../../chunks/bundle-dWJnfDPH.js';
-import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
-import { f as format } from '../../chunks/bundle-WDOQg3ty.js';
-import '../../chunks/bundle-YmIrZYPF.js';
-import '../../chunks/bundle-TV4-nyqN.js';
-import '../../chunks/bundle-GKopZh-T.js';
-import '../../chunks/bundle-WpHDilD_.js';
+import { U as UnreadCount } from '../../chunks/bundle-HRsLD2CW.js';
+import 'react';
+import '../../chunks/bundle-hOV701rb.js';
+import '../../chunks/bundle-oRyfuopS.js';
+import '../../chunks/bundle-b6xyPdyj.js';
+import '../../chunks/bundle-kVopRZZG.js';
+import '../../chunks/bundle-fgwje9pW.js';
+import '../../ui/Icon.js';
+import '../../chunks/bundle-tOpyp2TM.js';
+import '../../chunks/bundle-yE5T9BpV.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 = useContext(LocalizationContext), stringSet = _e.stringSet, dateLocale = _e.dateLocale;
-    var unreadSince = 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 format(lastReadAt, stringSet.DATE_FORMAT__MESSAGE_LIST__NOTIFICATION__UNREAD_SINCE, { locale: dateLocale });
-        }
-    }, [time, lastReadAt]);
-    return (React__default.createElement("div", { className: "sendbird-notification".concat(count < 1 ? '--hide' : '', " ").concat(className), onClick: onClick },
-        React__default.createElement(Label, { className: "sendbird-notification__text", color: LabelColors.ONCONTENT_1, type: LabelTypography.CAPTION_2 }, "".concat(count, " "),
-            stringSet.CHANNEL__MESSAGE_LIST__NOTIFICATION__NEW_MESSAGE, " ".concat(unreadSince)),
-        React__default.createElement(Icon, { width: "24px", height: "24px", type: IconTypes.CHEVRON_DOWN, fillColor: IconColors.CONTENT })));
-};
 
 export { UnreadCount as default };
 //# sourceMappingURL=UnreadCount.js.map

package/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":";;;;;;;;;;;;;"}