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

package/dist/cjs/ui/TypingIndicatorBubble.js

@@ -0,0 +1,69 @@
+'use strict';
+
+var React = require('react');
+var ui_Avatar = require('../chunks/bundle-9-nr_N-b.js');
+require('../chunks/bundle-0pCHXNhB.js');
+require('./ImageRenderer.js');
+require('../chunks/bundle-f_lSJlZS.js');
+require('../chunks/bundle-NrEnVvdl.js');
+require('./Icon.js');
+require('../chunks/bundle-V1HT7uWN.js');
+
+var TypingDots = function () {
+    return (React.createElement("div", { className: 'typing-dots-container' },
+        React.createElement("span", null),
+        React.createElement("span", null),
+        React.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.createElement(React.Fragment, null,
+        " ",
+        sources.slice(0, max).map(function (src, index) { return (React.createElement(ui_Avatar.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.createElement("div", { className: 'sendbird-message-content__left incoming', style: {
+            minWidth: (displayCount * AVATAR_DIAMETER) - superImposedWidth + rightPaddingSize,
+        } },
+        React.createElement(AvatarStack, { sources: typingMembers.map(function (member) { return member.profileUrl; }), max: MAX_PROFILES_COUNT }),
+        hiddenCount > 0
+            ? React.createElement(ui_Avatar.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.createElement(ui_Avatar.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;
+    React.useLayoutEffect(function () {
+        // Keep the scrollBottom value after fetching new message list
+        handleScroll === null || handleScroll === void 0 ? void 0 : handleScroll(true);
+    }, []);
+    return React.createElement("div", { className: 'sendbird-message-content incoming', style: { marginBottom: '2px' } },
+        React.createElement(TypingIndicatorBubbleAvatar, { typingMembers: typingMembers }),
+        React.createElement("div", { className: 'sendbird-message-content__middle' },
+            React.createElement(TypingDots, null)));
+};
+
+module.exports = TypingIndicatorBubble;
+//# sourceMappingURL=TypingIndicatorBubble.js.map

package/dist/cjs/ui/UnknownMessageItemBody.js

@@ -0,0 +1,29 @@
+'use strict';
+
+var React = require('react');
+var ui_Label = require('../chunks/bundle-4RnnhACR.js');
+var index = require('../chunks/bundle-5ApFd_AY.js');
+var LocalizationContext = require('../chunks/bundle--gwwLhzk.js');
+require('../chunks/bundle-0pCHXNhB.js');
+require('../chunks/bundle-4c_n4Hqm.js');
+require('../utils/message/getOutgoingMessageState.js');
+require('../chunks/bundle-tWIm10AV.js');
+require('../chunks/bundle-oTWBtf3l.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 = React.useContext(LocalizationContext.LocalizationContext).stringSet;
+    return (React.createElement("div", { className: index.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.createElement(ui_Label.Label, { className: "sendbird-unknown-message-item-body__header", type: ui_Label.LabelTypography.BODY_1, color: isByMe ? ui_Label.LabelColors.ONCONTENT_1 : ui_Label.LabelColors.ONBACKGROUND_1 }, stringSet.UNKNOWN__UNKNOWN_MESSAGE_TYPE),
+        React.createElement(ui_Label.Label, { className: "sendbird-unknown-message-item-body__description", type: ui_Label.LabelTypography.BODY_1, color: isByMe ? ui_Label.LabelColors.ONCONTENT_2 : ui_Label.LabelColors.ONBACKGROUND_2 }, stringSet.UNKNOWN__CANNOT_READ_MESSAGE)));
+}
+
+module.exports = UnknownMessageItemBody;
+//# sourceMappingURL=UnknownMessageItemBody.js.map

package/dist/cjs/ui/UserListItem.js

@@ -0,0 +1,75 @@
+'use strict';
+
+var _tslib = require('../chunks/bundle-0pCHXNhB.js');
+var React = require('react');
+var UserProfileContext = require('../chunks/bundle-Xwc-PXin.js');
+var LocalizationContext = require('../chunks/bundle--gwwLhzk.js');
+var ui_Avatar = require('../chunks/bundle-9-nr_N-b.js');
+var ui_MutedAvatarOverlay = require('./MutedAvatarOverlay.js');
+var ui_Checkbox = require('./Checkbox.js');
+var ui_UserProfile = require('./UserProfile.js');
+var ui_ContextMenu = require('./ContextMenu.js');
+var ui_Label = require('../chunks/bundle-4RnnhACR.js');
+require('../chunks/bundle-4c_n4Hqm.js');
+require('../chunks/bundle-oTWBtf3l.js');
+require('./ImageRenderer.js');
+require('../chunks/bundle-f_lSJlZS.js');
+require('../chunks/bundle-NrEnVvdl.js');
+require('./Icon.js');
+require('../chunks/bundle-V1HT7uWN.js');
+require('../sendbirdSelectors.js');
+require('../chunks/bundle-ga2lvSm8.js');
+require('./Button.js');
+require('../useSendbirdStateContext.js');
+require('../withSendbird.js');
+require('react-dom');
+require('./SortByRow.js');
+require('../chunks/bundle-5ApFd_AY.js');
+require('../utils/message/getOutgoingMessageState.js');
+require('../chunks/bundle-tWIm10AV.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.useRef(null);
+    var parentRef = React.useRef(null);
+    var avatarRef = React.useRef(null);
+    var _c = React.useContext(UserProfileContext.UserProfileContext), disableUserProfile = _c.disableUserProfile, renderUserProfile = _c.renderUserProfile;
+    var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
+    return (React.createElement("div", { className: _tslib.__spreadArray(_tslib.__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.createElement(ui_MutedAvatarOverlay, { height: 40, width: 40 })),
+        React.createElement(ui_ContextMenu.default, { menuTrigger: function (toggleDropdown) { return (React.createElement(ui_Avatar.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.createElement(ui_ContextMenu.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.createElement(ui_UserProfile, { disableMessaging: disableMessaging, user: user, currentUserId: currentUser, onSuccess: closeDropdown })))); } }),
+        React.createElement(ui_Label.Label, { className: "sendbird-user-list-item__title", type: ui_Label.LabelTypography.SUBTITLE_1, color: ui_Label.LabelColors.ONBACKGROUND_1 },
+            user.nickname || stringSet.NO_NAME,
+            (currentUser === user.userId) && (' (You)')),
+        !user.nickname && (React.createElement(ui_Label.Label, { className: "sendbird-user-list-item__subtitle", type: ui_Label.LabelTypography.CAPTION_3, color: ui_Label.LabelColors.ONBACKGROUND_2 }, user.userId)),
+        checkBox && (React.createElement("label", { className: "sendbird-user-list-item__checkbox", htmlFor: uniqueKey },
+            React.createElement(ui_Checkbox, { id: uniqueKey, checked: checked, disabled: disabled, onChange: function (event) { return onChange(event); } }))),
+        isOperator && (React.createElement(ui_Label.Label, { className: [
+                'sendbird-user-list-item__operator',
+                checkBox ? 'checkbox' : '',
+            ].join(' '), type: ui_Label.LabelTypography.SUBTITLE_2, color: ui_Label.LabelColors.ONBACKGROUND_2 }, "Operator")),
+        action && (React.createElement("div", { className: "sendbird-user-list-item__action", ref: actionRef }, action({ actionRef: actionRef, parentRef: parentRef })))));
+}
+
+module.exports = UserListItem;
+//# sourceMappingURL=UserListItem.js.map

package/dist/cjs/ui/UserListItem.js.map

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

package/dist/cjs/ui/UserProfile.js

@@ -0,0 +1,60 @@
+'use strict';
+
+var React = require('react');
+var LocalizationContext = require('../chunks/bundle--gwwLhzk.js');
+var UserProfileContext = require('../chunks/bundle-Xwc-PXin.js');
+var sendbirdSelectors = require('../sendbirdSelectors.js');
+var ui_Avatar = require('../chunks/bundle-9-nr_N-b.js');
+var ui_Label = require('../chunks/bundle-4RnnhACR.js');
+var ui_Button = require('./Button.js');
+var useSendbirdStateContext = require('../useSendbirdStateContext.js');
+require('../chunks/bundle-4c_n4Hqm.js');
+require('../chunks/bundle-oTWBtf3l.js');
+require('../chunks/bundle-ga2lvSm8.js');
+require('../chunks/bundle-V1HT7uWN.js');
+require('../chunks/bundle-0pCHXNhB.js');
+require('./ImageRenderer.js');
+require('../chunks/bundle-f_lSJlZS.js');
+require('../chunks/bundle-NrEnVvdl.js');
+require('./Icon.js');
+require('../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.useSendbirdStateContext();
+    var createChannel = sendbirdSelectors.getCreateGroupChannel(store);
+    var logger = (_b = store === null || store === void 0 ? void 0 : store.config) === null || _b === void 0 ? void 0 : _b.logger;
+    var stringSet = React.useContext(LocalizationContext.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 = React.useContext(UserProfileContext.UserProfileContext).onUserProfileMessage;
+    return (React.createElement("div", { className: "sendbird__user-profile" },
+        React.createElement("section", { className: "sendbird__user-profile-avatar" },
+            React.createElement(ui_Avatar.Avatar, { height: "80px", width: "80px", src: user === null || user === void 0 ? void 0 : user.profileUrl })),
+        React.createElement("section", { className: "sendbird__user-profile-name" },
+            React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.H_2, color: ui_Label.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.createElement("section", { className: "sendbird__user-profile-message" },
+            React.createElement(ui_Button.default, { type: ui_Button.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.createElement("div", { className: "sendbird__user-profile-separator" }),
+        React.createElement("section", { className: "sendbird__user-profile-userId" },
+            React.createElement(ui_Label.Label, { className: "sendbird__user-profile-userId--label", type: ui_Label.LabelTypography.CAPTION_2, color: ui_Label.LabelColors.ONBACKGROUND_2 }, stringSet.USER_PROFILE__USER_ID),
+            React.createElement(ui_Label.Label, { className: "sendbird__user-profile-userId--value", type: ui_Label.LabelTypography.BODY_1, color: ui_Label.LabelColors.ONBACKGROUND_1 }, user === null || user === void 0 ? void 0 : user.userId))));
+}
+
+module.exports = UserProfile;
+//# sourceMappingURL=UserProfile.js.map

package/dist/cjs/ui/VoiceMessageInput.js

@@ -0,0 +1,21 @@
+'use strict';
+
+require('react');
+require('./PlaybackTime.js');
+require('./ProgressBar.js');
+require('./TextButton.js');
+require('./Icon.js');
+require('../chunks/bundle-4RnnhACR.js');
+require('../chunks/bundle--gwwLhzk.js');
+var ui_VoiceMessageInput = require('../chunks/bundle-V2Qx8kYB.js');
+require('../chunks/bundle-Ptyw-8Gc.js');
+require('../chunks/bundle-0pCHXNhB.js');
+require('../chunks/bundle-4c_n4Hqm.js');
+require('../chunks/bundle-NE9TILWI.js');
+require('../chunks/bundle-V1HT7uWN.js');
+require('../chunks/bundle-oTWBtf3l.js');
+
+
+
+exports.VoiceMessageInput = ui_VoiceMessageInput.VoiceMessageInput;
+//# sourceMappingURL=VoiceMessageInput.js.map

package/dist/cjs/ui/VoiceMessageItemBody.js

@@ -0,0 +1,74 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var ui_ProgressBar = require('./ProgressBar.js');
+var VoicePlayer_useVoicePlayer = require('../VoicePlayer/useVoicePlayer.js');
+var ui_PlaybackTime = require('./PlaybackTime.js');
+var ui_Loader = require('./Loader.js');
+var ui_Icon = require('./Icon.js');
+var ui_Label = require('../chunks/bundle-4RnnhACR.js');
+var VoicePlayer_context = require('../chunks/bundle-0fVnLVNe.js');
+require('../chunks/bundle-Ptyw-8Gc.js');
+require('../VoiceRecorder/context.js');
+require('../chunks/bundle--gwwLhzk.js');
+require('../chunks/bundle-4c_n4Hqm.js');
+require('../chunks/bundle-oTWBtf3l.js');
+require('../chunks/bundle-2Gla4s_W.js');
+require('react-dom');
+require('../chunks/bundle-V1HT7uWN.js');
+require('../chunks/bundle-oXJwwgxy.js');
+require('./IconButton.js');
+require('../chunks/bundle-0pCHXNhB.js');
+require('./Button.js');
+require('../useSendbirdStateContext.js');
+require('../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 = React.useState(false), usingReaction = _e[0], setUsingReaction = _e[1];
+    var _f = VoicePlayer_useVoicePlayer.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 ? VoicePlayer_context.VOICE_PLAYER_STATUS.IDLE : _h;
+    React.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 = React.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.createElement("div", { className: "sendbird-voice-message-item-body ".concat(className, " ").concat(usingReaction ? 'is-reactions-contained' : '') },
+        React.createElement(ui_ProgressBar.ProgressBar, { className: "sendbird-voice-message-item-body__progress-bar", maxSize: duration || progresBarMaxSize, currentSize: playbackTime, colorType: isByMe ? ui_ProgressBar.ProgressBarColorTypes.PRIMARY : ui_ProgressBar.ProgressBarColorTypes.GRAY }),
+        React.createElement("div", { className: "sendbird-voice-message-item-body__status-button" },
+            (playingStatus === VoicePlayer_context.VOICE_PLAYER_STATUS.IDLE || playingStatus === VoicePlayer_context.VOICE_PLAYER_STATUS.PAUSED) && (React.createElement("div", { className: "sendbird-voice-message-item-body__status-button__button", onClick: play },
+                React.createElement(ui_Icon.default, { width: "18px", height: "18px", type: ui_Icon.IconTypes.PLAY, fillColor: ui_Icon.IconColors.PRIMARY }))),
+            playingStatus === VoicePlayer_context.VOICE_PLAYER_STATUS.PREPARING && (React.createElement(ui_Loader, { width: "22.2px", height: "22.2px" },
+                React.createElement(ui_Icon.default, { width: "22.2px", height: "22.2px", type: ui_Icon.IconTypes.SPINNER, fillColor: ui_Icon.IconColors.PRIMARY_2 }))),
+            playingStatus === VoicePlayer_context.VOICE_PLAYER_STATUS.PLAYING && (React.createElement("div", { className: "sendbird-voice-message-item-body__status-button__button", onClick: function () { pause(); } },
+                React.createElement("div", { className: "sendbird-voice-message-item-body__status-button__button__pause" },
+                    React.createElement("div", { className: "sendbird-voice-message-item-body__status-button__button__pause__inner" }),
+                    React.createElement("div", { className: "sendbird-voice-message-item-body__status-button__button__pause__inner" }))))),
+        React.createElement(ui_PlaybackTime.PlaybackTime, { className: "sendbird-voice-message-item-body__playback-time", time: progresBarMaxSize - playbackTime, labelType: ui_Label.LabelTypography.BODY_1, labelColor: isByMe ? ui_Label.LabelColors.ONCONTENT_1 : ui_Label.LabelColors.ONBACKGROUND_1 })));
+};
+
+exports.VoiceMessageItemBody = VoiceMessageItemBody;
+exports.default = VoiceMessageItemBody;
+//# sourceMappingURL=VoiceMessageItemBody.js.map

package/dist/cjs/ui/Word.js

@@ -0,0 +1,82 @@
+'use strict';
+
+var React = require('react');
+var ui_Label = require('../chunks/bundle-4RnnhACR.js');
+var ui_LinkLabel = require('./LinkLabel.js');
+var uuid = require('../chunks/bundle-f_lSJlZS.js');
+var index = require('../chunks/bundle-5ApFd_AY.js');
+var ui_MentionLabel = require('./MentionLabel.js');
+require('../chunks/bundle-0pCHXNhB.js');
+require('../chunks/bundle-4c_n4Hqm.js');
+require('../utils/message/getOutgoingMessageState.js');
+require('../chunks/bundle-tWIm10AV.js');
+require('./ContextMenu.js');
+require('react-dom');
+require('./SortByRow.js');
+require('./UserProfile.js');
+require('../chunks/bundle--gwwLhzk.js');
+require('../chunks/bundle-oTWBtf3l.js');
+require('../chunks/bundle-Xwc-PXin.js');
+require('../sendbirdSelectors.js');
+require('../chunks/bundle-ga2lvSm8.js');
+require('../chunks/bundle-V1HT7uWN.js');
+require('../chunks/bundle-9-nr_N-b.js');
+require('./ImageRenderer.js');
+require('../chunks/bundle-NrEnVvdl.js');
+require('./Icon.js');
+require('./Button.js');
+require('../useSendbirdStateContext.js');
+require('../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.createElement("span", { className: "sendbird-word" }, index.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 === index.StringObjType.mention) {
+            return (React.createElement(ui_MentionLabel, { mentionTemplate: mentionTemplate, mentionedUserId: userId, mentionedUserNickname: value, key: uuid.uuidv4(), isByMe: isByMe }));
+        }
+        else if (type === index.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.createElement(ui_LinkLabel.default, { className: "sendbird-word__url", key: uuid.uuidv4(), src: stringUrl.url, type: ui_Label.LabelTypography.BODY_1 }, stringUrl.url)) : null,
+                    stringUrl.back ? stringUrl.back : '',
+                ];
+            }
+            return (React.createElement(ui_LinkLabel.default, { className: "sendbird-word__url", key: uuid.uuidv4(), src: word, type: ui_Label.LabelTypography.BODY_1 }, value));
+        }
+        else {
+            return value;
+        }
+    })));
+}
+
+module.exports = Word;
+//# sourceMappingURL=Word.js.map

package/dist/cjs/useSendbirdStateContext.js

@@ -0,0 +1,27 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var withSendbird = require('./withSendbird.js');
+require('./chunks/bundle-0pCHXNhB.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 = React.useContext(withSendbird.SendbirdSdkContext);
+    if (!context)
+        throw new Error(NO_CONTEXT_ERROR);
+    return context;
+}
+
+exports.default = useSendbirdStateContext;
+exports.useSendbirdStateContext = useSendbirdStateContext;
+//# sourceMappingURL=useSendbirdStateContext.js.map

package/dist/cjs/utils/message/isVoiceMessage.js

@@ -0,0 +1,11 @@
+'use strict';
+
+var index = require('../../chunks/bundle-5ApFd_AY.js');
+require('../../chunks/bundle-0pCHXNhB.js');
+require('./getOutgoingMessageState.js');
+require('../../chunks/bundle-tWIm10AV.js');
+
+var isVoiceMessage = index.isVoiceMessage;
+
+exports.isVoiceMessage = isVoiceMessage;
+//# sourceMappingURL=isVoiceMessage.js.map

package/dist/cjs/withSendbird.js

@@ -0,0 +1,28 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('./chunks/bundle-0pCHXNhB.js');
+var React = require('react');
+
+var SendbirdSdkContext = React.createContext(null);
+// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
+var withSendbirdContext = function (OriginalComponent, mapStoreToProps) {
+    var ContextAwareComponent = function (props) { return (React.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')
+            ? _tslib.__assign(_tslib.__assign({}, mapStoreToProps(context)), props) : _tslib.__assign(_tslib.__assign({}, context), props);
+        // eslint-disable-next-line react/jsx-props-no-spreading
+        return React.createElement(OriginalComponent, _tslib.__assign({}, mergedProps));
+    })); };
+    var componentName = OriginalComponent.displayName || OriginalComponent.name || 'Component';
+    ContextAwareComponent.displayName = "SendbirdAware".concat(componentName);
+    return ContextAwareComponent;
+};
+
+exports.SendbirdSdkContext = SendbirdSdkContext;
+exports.default = withSendbirdContext;
+//# sourceMappingURL=withSendbird.js.map