@sendbird/uikit-react 3.9.1-rc-2 → 3.9.1

package/ui/TypingIndicatorBubble.js

@@ -0,0 +1,67 @@
+import React__default, { useLayoutEffect } from 'react';
+import { A as Avatar, a as AvatarDefault } from '../chunks/bundle-HbEA73mt.js';
+import '../chunks/bundle-c5jegKUx.js';
+import './ImageRenderer.js';
+import '../chunks/bundle-dJsyeOhk.js';
+import '../chunks/bundle-7JHtC_JJ.js';
+import './Icon.js';
+import '../chunks/bundle-XtwZ5oLQ.js';
+
+var TypingDots = function () {
+    return (React__default.createElement("div", { className: 'typing-dots-container' },
+        React__default.createElement("span", null),
+        React__default.createElement("span", null),
+        React__default.createElement("span", null)));
+};
+
+var AVATAR_BORDER_SIZE = 2;
+var AVATAR_DIAMETER_WITHOUT_BORDER = 28;
+var AVATAR_DIAMETER = AVATAR_DIAMETER_WITHOUT_BORDER + (AVATAR_BORDER_SIZE * 2);
+var LEFT_GAP = 24;
+var MAX_PROFILES_COUNT = 3;
+var LEFT_FOR_BORDER = AVATAR_BORDER_SIZE;
+var AvatarStack = function (props) {
+    var sources = props.sources, max = props.max;
+    return (React__default.createElement(React__default.Fragment, null,
+        " ",
+        sources.slice(0, max).map(function (src, index) { return (React__default.createElement(Avatar, { className: 'sendbird-message-content__left__avatar multiple', src: src || '', key: "avatar_stack_item_".concat(src), 
+            // TODO: Divide getting profileUrl logic to utils
+            width: "".concat(AVATAR_DIAMETER_WITHOUT_BORDER, "px"), height: "".concat(AVATAR_DIAMETER_WITHOUT_BORDER, "px"), zIndex: index, left: "".concat(index * LEFT_GAP - LEFT_FOR_BORDER, "px") })); }),
+        " "));
+};
+var TypingIndicatorBubbleAvatar = function (props) {
+    var typingMembers = props.typingMembers;
+    var membersCount = typingMembers.length;
+    var displayCount = Math.min(membersCount, 4);
+    var hiddenCount = membersCount - MAX_PROFILES_COUNT;
+    var superImposedWidth = ((displayCount - 1) * (AVATAR_DIAMETER - LEFT_GAP));
+    var rightPaddingSize = 12;
+    return (React__default.createElement("div", { className: 'sendbird-message-content__left incoming', style: {
+            minWidth: (displayCount * AVATAR_DIAMETER) - superImposedWidth + rightPaddingSize,
+        } },
+        React__default.createElement(AvatarStack, { sources: typingMembers.map(function (member) { return member.profileUrl; }), max: MAX_PROFILES_COUNT }),
+        hiddenCount > 0
+            ? React__default.createElement(Avatar, { className: 'sendbird-message-content__left__avatar multiple', 
+                // TODO: Divide getting profileUrl logic to utils
+                width: "".concat(AVATAR_DIAMETER_WITHOUT_BORDER, "px"), height: "".concat(AVATAR_DIAMETER_WITHOUT_BORDER, "px"), zIndex: MAX_PROFILES_COUNT, left: "".concat(MAX_PROFILES_COUNT * LEFT_GAP, "px"), customDefaultComponent: function (_a) {
+                    var width = _a.width, height = _a.height;
+                    return (React__default.createElement(AvatarDefault, { width: width, height: height, text: "+".concat(hiddenCount) }));
+                } })
+            : null));
+};
+var TypingIndicatorBubble = function (props) {
+    var typingMembers = props.typingMembers, handleScroll = props.handleScroll;
+    if (typingMembers.length === 0)
+        return null;
+    useLayoutEffect(function () {
+        // Keep the scrollBottom value after fetching new message list
+        handleScroll === null || handleScroll === void 0 ? void 0 : handleScroll(true);
+    }, []);
+    return React__default.createElement("div", { className: 'sendbird-message-content incoming', style: { marginBottom: '2px' } },
+        React__default.createElement(TypingIndicatorBubbleAvatar, { typingMembers: typingMembers }),
+        React__default.createElement("div", { className: 'sendbird-message-content__middle' },
+            React__default.createElement(TypingDots, null)));
+};
+
+export { TypingIndicatorBubble as default };
+//# sourceMappingURL=TypingIndicatorBubble.js.map

package/ui/UnknownMessageItemBody.js

@@ -0,0 +1,27 @@
+import React__default, { useContext } from 'react';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-u2CeAx57.js';
+import { n as getClassName } from '../chunks/bundle-CQMOLj5V.js';
+import { L as LocalizationContext } from '../chunks/bundle-ZSLOjQvb.js';
+import '../chunks/bundle-c5jegKUx.js';
+import '../chunks/bundle-LdRGfmOs.js';
+import '../utils/message/getOutgoingMessageState.js';
+import '../chunks/bundle-KZXjN5v7.js';
+import '../chunks/bundle-Izb-WW89.js';
+
+function UnknownMessageItemBody(_a) {
+    var _b;
+    var className = _a.className, message = _a.message, _c = _a.isByMe, isByMe = _c === void 0 ? false : _c, _d = _a.mouseHover, mouseHover = _d === void 0 ? false : _d, _e = _a.isReactionEnabled, isReactionEnabled = _e === void 0 ? false : _e;
+    var stringSet = useContext(LocalizationContext).stringSet;
+    return (React__default.createElement("div", { className: getClassName([
+            className,
+            'sendbird-unknown-message-item-body',
+            isByMe ? 'outgoing' : 'incoming',
+            mouseHover ? 'mouse-hover' : '',
+            (isReactionEnabled && ((_b = message === null || message === void 0 ? void 0 : message.reactions) === null || _b === void 0 ? void 0 : _b.length) > 0) ? 'reactions' : '',
+        ]) },
+        React__default.createElement(Label, { className: "sendbird-unknown-message-item-body__header", type: LabelTypography.BODY_1, color: isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1 }, stringSet.UNKNOWN__UNKNOWN_MESSAGE_TYPE),
+        React__default.createElement(Label, { className: "sendbird-unknown-message-item-body__description", type: LabelTypography.BODY_1, color: isByMe ? LabelColors.ONCONTENT_2 : LabelColors.ONBACKGROUND_2 }, stringSet.UNKNOWN__CANNOT_READ_MESSAGE)));
+}
+
+export { UnknownMessageItemBody as default };
+//# sourceMappingURL=UnknownMessageItemBody.js.map

package/ui/UserListItem.js

@@ -0,0 +1,73 @@
+import { a as __spreadArray } from '../chunks/bundle-c5jegKUx.js';
+import React__default, { useContext } from 'react';
+import { a as UserProfileContext } from '../chunks/bundle-J3Xwcu_c.js';
+import { L as LocalizationContext } from '../chunks/bundle-ZSLOjQvb.js';
+import { A as Avatar } from '../chunks/bundle-HbEA73mt.js';
+import MutedAvatarOverlay from './MutedAvatarOverlay.js';
+import Checkbox from './Checkbox.js';
+import UserProfile from './UserProfile.js';
+import ContextMenu, { MenuItems } from './ContextMenu.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-u2CeAx57.js';
+import '../chunks/bundle-LdRGfmOs.js';
+import '../chunks/bundle-Izb-WW89.js';
+import './ImageRenderer.js';
+import '../chunks/bundle-dJsyeOhk.js';
+import '../chunks/bundle-7JHtC_JJ.js';
+import './Icon.js';
+import '../chunks/bundle-XtwZ5oLQ.js';
+import '../sendbirdSelectors.js';
+import '../chunks/bundle-OwUIW9B_.js';
+import './Button.js';
+import '../useSendbirdStateContext.js';
+import '../withSendbird.js';
+import 'react-dom';
+import './SortByRow.js';
+import '../chunks/bundle-CQMOLj5V.js';
+import '../utils/message/getOutgoingMessageState.js';
+import '../chunks/bundle-KZXjN5v7.js';
+
+function UserListItem(_a) {
+    var user = _a.user, className = _a.className, checked = _a.checked, checkBox = _a.checkBox, isOperator = _a.isOperator, disabled = _a.disabled, disableMessaging = _a.disableMessaging, currentUser = _a.currentUser, action = _a.action, onChange = _a.onChange, _b = _a.avatarSize, avatarSize = _b === void 0 ? '40px' : _b, onClick = _a.onClick;
+    var uniqueKey = user.userId;
+    var actionRef = React__default.useRef(null);
+    var parentRef = React__default.useRef(null);
+    var avatarRef = React__default.useRef(null);
+    var _c = useContext(UserProfileContext), disableUserProfile = _c.disableUserProfile, renderUserProfile = _c.renderUserProfile;
+    var stringSet = useContext(LocalizationContext).stringSet;
+    return (React__default.createElement("div", { className: __spreadArray(__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
+            'sendbird-user-list-item',
+        ], false).join(' '), ref: parentRef },
+        (user === null || user === void 0 ? void 0 : user.isMuted) && (React__default.createElement(MutedAvatarOverlay, { height: 40, width: 40 })),
+        React__default.createElement(ContextMenu, { menuTrigger: function (toggleDropdown) { return (React__default.createElement(Avatar, { className: "sendbird-user-list-item__avatar", ref: avatarRef, src: user.profileUrl, width: avatarSize, height: avatarSize, onClick: function () {
+                    if (!disableUserProfile) {
+                        toggleDropdown();
+                        onClick === null || onClick === void 0 ? void 0 : onClick();
+                    }
+                } })); }, menuItems: function (closeDropdown) { return (renderUserProfile
+                ? renderUserProfile({
+                    user: user,
+                    currentUserId: currentUser,
+                    close: closeDropdown,
+                    avatarRef: avatarRef,
+                })
+                : (React__default.createElement(MenuItems, { openLeft: true, parentRef: avatarRef, 
+                    // for catching location(x, y) of MenuItems
+                    parentContainRef: avatarRef, 
+                    // for toggling more options(menus & reactions)
+                    closeDropdown: closeDropdown, style: { paddingTop: '0px', paddingBottom: '0px' } },
+                    React__default.createElement(UserProfile, { disableMessaging: disableMessaging, user: user, currentUserId: currentUser, onSuccess: closeDropdown })))); } }),
+        React__default.createElement(Label, { className: "sendbird-user-list-item__title", type: LabelTypography.SUBTITLE_1, color: LabelColors.ONBACKGROUND_1 },
+            user.nickname || stringSet.NO_NAME,
+            (currentUser === user.userId) && (' (You)')),
+        !user.nickname && (React__default.createElement(Label, { className: "sendbird-user-list-item__subtitle", type: LabelTypography.CAPTION_3, color: LabelColors.ONBACKGROUND_2 }, user.userId)),
+        checkBox && (React__default.createElement("label", { className: "sendbird-user-list-item__checkbox", htmlFor: uniqueKey },
+            React__default.createElement(Checkbox, { id: uniqueKey, checked: checked, disabled: disabled, onChange: function (event) { return onChange(event); } }))),
+        isOperator && (React__default.createElement(Label, { className: [
+                'sendbird-user-list-item__operator',
+                checkBox ? 'checkbox' : '',
+            ].join(' '), type: LabelTypography.SUBTITLE_2, color: LabelColors.ONBACKGROUND_2 }, "Operator")),
+        action && (React__default.createElement("div", { className: "sendbird-user-list-item__action", ref: actionRef }, action({ actionRef: actionRef, parentRef: parentRef })))));
+}
+
+export { UserListItem as default };
+//# sourceMappingURL=UserListItem.js.map

package/ui/UserProfile.js

@@ -0,0 +1,58 @@
+import React__default, { useContext } from 'react';
+import { L as LocalizationContext } from '../chunks/bundle-ZSLOjQvb.js';
+import { a as UserProfileContext } from '../chunks/bundle-J3Xwcu_c.js';
+import { getCreateGroupChannel } from '../sendbirdSelectors.js';
+import { A as Avatar } from '../chunks/bundle-HbEA73mt.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-u2CeAx57.js';
+import Button, { ButtonTypes } from './Button.js';
+import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
+import '../chunks/bundle-LdRGfmOs.js';
+import '../chunks/bundle-Izb-WW89.js';
+import '../chunks/bundle-OwUIW9B_.js';
+import '../chunks/bundle-XtwZ5oLQ.js';
+import '../chunks/bundle-c5jegKUx.js';
+import './ImageRenderer.js';
+import '../chunks/bundle-dJsyeOhk.js';
+import '../chunks/bundle-7JHtC_JJ.js';
+import './Icon.js';
+import '../withSendbird.js';
+
+function UserProfile(_a) {
+    var _b, _c;
+    var user = _a.user, currentUserId = _a.currentUserId, _d = _a.disableMessaging, disableMessaging = _d === void 0 ? false : _d, onSuccess = _a.onSuccess;
+    var store = useSendbirdStateContext();
+    var createChannel = getCreateGroupChannel(store);
+    var logger = (_b = store === null || store === void 0 ? void 0 : store.config) === null || _b === void 0 ? void 0 : _b.logger;
+    var stringSet = useContext(LocalizationContext).stringSet;
+    var currentUserId_ = currentUserId || ((_c = store === null || store === void 0 ? void 0 : store.config) === null || _c === void 0 ? void 0 : _c.userId);
+    var onUserProfileMessage = useContext(UserProfileContext).onUserProfileMessage;
+    return (React__default.createElement("div", { className: "sendbird__user-profile" },
+        React__default.createElement("section", { className: "sendbird__user-profile-avatar" },
+            React__default.createElement(Avatar, { height: "80px", width: "80px", src: user === null || user === void 0 ? void 0 : user.profileUrl })),
+        React__default.createElement("section", { className: "sendbird__user-profile-name" },
+            React__default.createElement(Label, { type: LabelTypography.H_2, color: LabelColors.ONBACKGROUND_1 }, (user === null || user === void 0 ? void 0 : user.nickname) || stringSet.NO_NAME)),
+        ((user === null || user === void 0 ? void 0 : user.userId) !== currentUserId_) && !disableMessaging && (React__default.createElement("section", { className: "sendbird__user-profile-message" },
+            React__default.createElement(Button, { type: ButtonTypes.SECONDARY, onClick: function () {
+                    // Create 1:1 channel
+                    var params = {
+                        isDistinct: false,
+                        invitedUserIds: [user === null || user === void 0 ? void 0 : user.userId],
+                        operatorUserIds: [currentUserId_],
+                    };
+                    onSuccess();
+                    createChannel(params)
+                        .then(function (groupChannel) {
+                        logger.info('UserProfile, channel create', groupChannel);
+                        if (typeof onUserProfileMessage === 'function') {
+                            onUserProfileMessage === null || onUserProfileMessage === void 0 ? void 0 : onUserProfileMessage(groupChannel);
+                        }
+                    });
+                } }, stringSet.USER_PROFILE__MESSAGE))),
+        React__default.createElement("div", { className: "sendbird__user-profile-separator" }),
+        React__default.createElement("section", { className: "sendbird__user-profile-userId" },
+            React__default.createElement(Label, { className: "sendbird__user-profile-userId--label", type: LabelTypography.CAPTION_2, color: LabelColors.ONBACKGROUND_2 }, stringSet.USER_PROFILE__USER_ID),
+            React__default.createElement(Label, { className: "sendbird__user-profile-userId--value", type: LabelTypography.BODY_1, color: LabelColors.ONBACKGROUND_1 }, user === null || user === void 0 ? void 0 : user.userId))));
+}
+
+export { UserProfile as default };
+//# sourceMappingURL=UserProfile.js.map

package/ui/VoiceMessageInput.js

@@ -0,0 +1,15 @@
+import 'react';
+import './PlaybackTime.js';
+import './ProgressBar.js';
+import './TextButton.js';
+import './Icon.js';
+import '../chunks/bundle-u2CeAx57.js';
+import '../chunks/bundle-ZSLOjQvb.js';
+export { a as VoiceMessageInput } from '../chunks/bundle-LKILWG-V.js';
+import '../chunks/bundle-EQ2jMcm0.js';
+import '../chunks/bundle-c5jegKUx.js';
+import '../chunks/bundle-LdRGfmOs.js';
+import '../chunks/bundle-mAbwjJsi.js';
+import '../chunks/bundle-XtwZ5oLQ.js';
+import '../chunks/bundle-Izb-WW89.js';
+//# sourceMappingURL=VoiceMessageInput.js.map

package/ui/VoiceMessageItemBody.js

@@ -0,0 +1,69 @@
+import React__default, { useState, useEffect, useMemo } from 'react';
+import { ProgressBar, ProgressBarColorTypes } from './ProgressBar.js';
+import { useVoicePlayer } from '../VoicePlayer/useVoicePlayer.js';
+import { PlaybackTime } from './PlaybackTime.js';
+import Loader from './Loader.js';
+import Icon, { IconTypes, IconColors } from './Icon.js';
+import { a as LabelTypography, b as LabelColors } from '../chunks/bundle-u2CeAx57.js';
+import { V as VOICE_PLAYER_STATUS } from '../chunks/bundle-OQ0EWLYP.js';
+import '../chunks/bundle-EQ2jMcm0.js';
+import '../VoiceRecorder/context.js';
+import '../chunks/bundle-ZSLOjQvb.js';
+import '../chunks/bundle-LdRGfmOs.js';
+import '../chunks/bundle-Izb-WW89.js';
+import '../chunks/bundle-vUampZQQ.js';
+import 'react-dom';
+import '../chunks/bundle-XtwZ5oLQ.js';
+import '../chunks/bundle-yCtFACB5.js';
+import './IconButton.js';
+import '../chunks/bundle-c5jegKUx.js';
+import './Button.js';
+import '../useSendbirdStateContext.js';
+import '../withSendbird.js';
+
+var VoiceMessageItemBody = function (_a) {
+    var _b;
+    var className = _a.className, message = _a.message, channelUrl = _a.channelUrl, _c = _a.isByMe, isByMe = _c === void 0 ? false : _c, _d = _a.isReactionEnabled, isReactionEnabled = _d === void 0 ? false : _d;
+    var _e = useState(false), usingReaction = _e[0], setUsingReaction = _e[1];
+    var _f = useVoicePlayer({
+        channelUrl: channelUrl,
+        key: "".concat(message === null || message === void 0 ? void 0 : message.messageId),
+        audioFileUrl: message === null || message === void 0 ? void 0 : message.url,
+    }), play = _f.play, 
+    // do not pause on unmount, because on desktop layout
+    // the component can be paused when it is played from
+    // channel and same message is unmounted from the thread
+    pause = _f.pause, _g = _f.playbackTime, playbackTime = _g === void 0 ? 0 : _g, duration = _f.duration, _h = _f.playingStatus, playingStatus = _h === void 0 ? VOICE_PLAYER_STATUS.IDLE : _h;
+    useEffect(function () {
+        var _a;
+        if (isReactionEnabled && ((_a = message === null || message === void 0 ? void 0 : message.reactions) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+            setUsingReaction(true);
+        }
+        else {
+            setUsingReaction(false);
+        }
+    }, [isReactionEnabled, (_b = message === null || message === void 0 ? void 0 : message.reactions) === null || _b === void 0 ? void 0 : _b.length]);
+    var progresBarMaxSize = useMemo(function () {
+        var _a;
+        if (message === null || message === void 0 ? void 0 : message.metaArrays) {
+            var duration_1 = (_a = message === null || message === void 0 ? void 0 : message.metaArrays.find(function (metaArray) { return metaArray.key === 'KEY_VOICE_MESSAGE_DURATION'; })) === null || _a === void 0 ? void 0 : _a.value[0];
+            return duration_1 && parseInt(duration_1);
+        }
+        return 1;
+    }, [message === null || message === void 0 ? void 0 : message.metaArrays]);
+    return (React__default.createElement("div", { className: "sendbird-voice-message-item-body ".concat(className, " ").concat(usingReaction ? 'is-reactions-contained' : '') },
+        React__default.createElement(ProgressBar, { className: "sendbird-voice-message-item-body__progress-bar", maxSize: duration || progresBarMaxSize, currentSize: playbackTime, colorType: isByMe ? ProgressBarColorTypes.PRIMARY : ProgressBarColorTypes.GRAY }),
+        React__default.createElement("div", { className: "sendbird-voice-message-item-body__status-button" },
+            (playingStatus === VOICE_PLAYER_STATUS.IDLE || playingStatus === VOICE_PLAYER_STATUS.PAUSED) && (React__default.createElement("div", { className: "sendbird-voice-message-item-body__status-button__button", onClick: play },
+                React__default.createElement(Icon, { width: "18px", height: "18px", type: IconTypes.PLAY, fillColor: IconColors.PRIMARY }))),
+            playingStatus === VOICE_PLAYER_STATUS.PREPARING && (React__default.createElement(Loader, { width: "22.2px", height: "22.2px" },
+                React__default.createElement(Icon, { width: "22.2px", height: "22.2px", type: IconTypes.SPINNER, fillColor: IconColors.PRIMARY_2 }))),
+            playingStatus === VOICE_PLAYER_STATUS.PLAYING && (React__default.createElement("div", { className: "sendbird-voice-message-item-body__status-button__button", onClick: function () { pause(); } },
+                React__default.createElement("div", { className: "sendbird-voice-message-item-body__status-button__button__pause" },
+                    React__default.createElement("div", { className: "sendbird-voice-message-item-body__status-button__button__pause__inner" }),
+                    React__default.createElement("div", { className: "sendbird-voice-message-item-body__status-button__button__pause__inner" }))))),
+        React__default.createElement(PlaybackTime, { className: "sendbird-voice-message-item-body__playback-time", time: progresBarMaxSize - playbackTime, labelType: LabelTypography.BODY_1, labelColor: isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1 })));
+};
+
+export { VoiceMessageItemBody, VoiceMessageItemBody as default };
+//# sourceMappingURL=VoiceMessageItemBody.js.map

package/ui/Word.js

@@ -0,0 +1,80 @@
+import React__default from 'react';
+import { a as LabelTypography } from '../chunks/bundle-u2CeAx57.js';
+import LinkLabel from './LinkLabel.js';
+import { u as uuidv4 } from '../chunks/bundle-dJsyeOhk.js';
+import { z as convertWordToStringObj, S as StringObjType } from '../chunks/bundle-CQMOLj5V.js';
+import MentionLabel from './MentionLabel.js';
+import '../chunks/bundle-c5jegKUx.js';
+import '../chunks/bundle-LdRGfmOs.js';
+import '../utils/message/getOutgoingMessageState.js';
+import '../chunks/bundle-KZXjN5v7.js';
+import './ContextMenu.js';
+import 'react-dom';
+import './SortByRow.js';
+import './UserProfile.js';
+import '../chunks/bundle-ZSLOjQvb.js';
+import '../chunks/bundle-Izb-WW89.js';
+import '../chunks/bundle-J3Xwcu_c.js';
+import '../sendbirdSelectors.js';
+import '../chunks/bundle-OwUIW9B_.js';
+import '../chunks/bundle-XtwZ5oLQ.js';
+import '../chunks/bundle-HbEA73mt.js';
+import './ImageRenderer.js';
+import '../chunks/bundle-7JHtC_JJ.js';
+import './Icon.js';
+import './Button.js';
+import '../useSendbirdStateContext.js';
+import '../withSendbird.js';
+
+/**
+ * @deprecated  This component is deprecated and will be removed in the next major version.
+ * Use TextFragment instead.
+ */
+// Word and StringObj will include types: normal, mention, url
+function Word(props) {
+    var word = props.word, message = props.message, _a = props.isByMe, isByMe = _a === void 0 ? false : _a, _b = props.mentionTemplate, mentionTemplate = _b === void 0 ? '@' : _b, _c = props.renderString, renderString = _c === void 0 ? null : _c;
+    if (word === '') {
+        return null;
+    }
+    return (React__default.createElement("span", { className: "sendbird-word" }, convertWordToStringObj(word, message === null || message === void 0 ? void 0 : message.mentionedUsers).map(function (stringObj) {
+        var _a;
+        var type = (stringObj === null || stringObj === void 0 ? void 0 : stringObj.type) || '';
+        var value = (stringObj === null || stringObj === void 0 ? void 0 : stringObj.value) || '';
+        var userId = (stringObj === null || stringObj === void 0 ? void 0 : stringObj.userId) || '';
+        if (renderString && typeof renderString === 'function') {
+            return renderString(stringObj);
+        }
+        if (type === StringObjType.mention) {
+            return (React__default.createElement(MentionLabel, { mentionTemplate: mentionTemplate, mentionedUserId: userId, mentionedUserNickname: value, key: uuidv4(), isByMe: isByMe }));
+        }
+        else if (type === StringObjType.url) {
+            var urlRegex = /([a-zA-Z0-9]+:\/\/)?([a-zA-Z0-9_]+:[a-zA-Z0-9_]+@)?([a-zA-Z0-9.-]+\.[A-Za-z]{2,4})(:[0-9]+)?(\/.*)?/;
+            var targetUrl = (_a = value.match(urlRegex)) === null || _a === void 0 ? void 0 : _a[0];
+            var stringUrl = { front: '', url: '', back: '' };
+            if (targetUrl) {
+                var targetUrlIndex = value.indexOf(targetUrl);
+                if (targetUrlIndex > 0) {
+                    stringUrl.front = value.slice(0, targetUrlIndex);
+                }
+                stringUrl.url = value.slice(targetUrlIndex, targetUrlIndex + targetUrl.length);
+                if (targetUrlIndex + targetUrl.length < value.length) {
+                    stringUrl.back = value.slice(targetUrlIndex + targetUrl.length);
+                }
+            }
+            if (targetUrl) {
+                return [
+                    stringUrl.front ? stringUrl.front : '',
+                    stringUrl.url ? (React__default.createElement(LinkLabel, { className: "sendbird-word__url", key: uuidv4(), src: stringUrl.url, type: LabelTypography.BODY_1 }, stringUrl.url)) : null,
+                    stringUrl.back ? stringUrl.back : '',
+                ];
+            }
+            return (React__default.createElement(LinkLabel, { className: "sendbird-word__url", key: uuidv4(), src: word, type: LabelTypography.BODY_1 }, value));
+        }
+        else {
+            return value;
+        }
+    })));
+}
+
+export { Word as default };
+//# sourceMappingURL=Word.js.map

package/useSendbirdStateContext.js

@@ -0,0 +1,22 @@
+import { useContext } from 'react';
+import { SendbirdSdkContext } from './withSendbird.js';
+import './chunks/bundle-c5jegKUx.js';
+
+/**
+ * Example:
+ * const MyComponent = () => {
+ *  const context = useSendbirdStateContext();
+ *  const sdk = sendbirdSelectors.getSdk(context);
+ *  return (<div>...</div>);
+ * }
+ */
+var NO_CONTEXT_ERROR = 'No sendbird state value available. Make sure you are rendering `<SendbirdProvider>` at the top of your app.';
+function useSendbirdStateContext() {
+    var context = useContext(SendbirdSdkContext);
+    if (!context)
+        throw new Error(NO_CONTEXT_ERROR);
+    return context;
+}
+
+export { useSendbirdStateContext as default, useSendbirdStateContext };
+//# sourceMappingURL=useSendbirdStateContext.js.map

package/utils/message/isVoiceMessage.js

@@ -0,0 +1,9 @@
+import { i as isVoiceMessage$1 } from '../../chunks/bundle-CQMOLj5V.js';
+import '../../chunks/bundle-c5jegKUx.js';
+import './getOutgoingMessageState.js';
+import '../../chunks/bundle-KZXjN5v7.js';
+
+var isVoiceMessage = isVoiceMessage$1;
+
+export { isVoiceMessage };
+//# sourceMappingURL=isVoiceMessage.js.map

package/withSendbird.js

@@ -0,0 +1,23 @@
+import { _ as __assign } from './chunks/bundle-c5jegKUx.js';
+import React__default from 'react';
+
+var SendbirdSdkContext = React__default.createContext(null);
+// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
+var withSendbirdContext = function (OriginalComponent, mapStoreToProps) {
+    var ContextAwareComponent = function (props) { return (React__default.createElement(SendbirdSdkContext.Consumer, null, function (context) {
+        if (mapStoreToProps && typeof mapStoreToProps !== 'function') {
+            // eslint-disable-next-line no-console
+            console.warn('Second parameter to withSendbirdContext must be a pure function');
+        }
+        var mergedProps = (mapStoreToProps && typeof mapStoreToProps === 'function')
+            ? __assign(__assign({}, mapStoreToProps(context)), props) : __assign(__assign({}, context), props);
+        // eslint-disable-next-line react/jsx-props-no-spreading
+        return React__default.createElement(OriginalComponent, __assign({}, mergedProps));
+    })); };
+    var componentName = OriginalComponent.displayName || OriginalComponent.name || 'Component';
+    ContextAwareComponent.displayName = "SendbirdAware".concat(componentName);
+    return ContextAwareComponent;
+};
+
+export { SendbirdSdkContext, withSendbirdContext as default };
+//# sourceMappingURL=withSendbird.js.map