@sendbird/uikit-react 3.14.3-rc.1 → 3.14.4

package/cjs/ui/VoiceMessageItemBody.js

@@ -8,65 +8,73 @@ 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-Cm_quRwQ.js');
-var VoicePlayer_context = require('../chunks/bundle-CZ-C_W9P.js');
-require('../chunks/bundle-BgJJI84U.js');
-require('../VoiceRecorder/context.js');
-require('../chunks/bundle-Cg6exdly.js');
-require('../chunks/bundle-DXrpp6AJ.js');
-require('../chunks/bundle-XPPVGabQ.js');
-require('../chunks/bundle-BhbVr0qd.js');
-require('../chunks/bundle-BwzMNAFs.js');
+var ui_Label = require('../chunks/bundle-5_kPn4wU.js');
+var VoicePlayer_context = require('../chunks/bundle-L3FEqZsK.js');
+require('../chunks/bundle-DfcEln0Z.js');
+require('../chunks/bundle-CZfcXYaX.js');
+require('../chunks/bundle-HGbi-rCv.js');
+require('../chunks/bundle-wl1uuzU7.js');
+require('@sendbird/chat/groupChannel');
+require('../utils/message/getOutgoingMessageState.js');
+require('../chunks/bundle-BoLhr7Ko.js');
 require('react-dom');
-require('../chunks/bundle-_VH8bxGE.js');
-require('../chunks/bundle-xpQ8gY1k.js');
+require('../chunks/bundle-oeWNUdCB.js');
+require('../chunks/bundle-gtkPlUrw.js');
+require('../chunks/bundle-BWGOXLHb.js');
+require('../chunks/bundle-BwQ4BJif.js');
 require('./IconButton.js');
 require('./Button.js');
-require('../useSendbirdStateContext.js');
+require('@sendbird/uikit-tools');
 require('../withSendbird.js');
+require('css-vars-ponyfill');
+require('@sendbird/chat');
+require('../chunks/bundle-1XtsxT8L.js');
+require('@sendbird/chat/openChannel');
+require('../useSendbirdStateContext.js');
+require('../chunks/bundle-BTU876jx.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 })));
+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;

package/cjs/ui/VoiceMessageItemBody.js.map

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

package/cjs/ui/Word.js

@@ -1,64 +1,64 @@
 'use strict';
 
 var React = require('react');
-var ui_Label = require('../chunks/bundle-Cm_quRwQ.js');
+var ui_Label = require('../chunks/bundle-5_kPn4wU.js');
 var ui_LinkLabel = require('./LinkLabel.js');
-var index = require('../chunks/bundle-BTEk9dhT.js');
+var index = require('../chunks/bundle-wl1uuzU7.js');
 var ui_MentionLabel = require('./MentionLabel.js');
-require('../chunks/bundle-BwzMNAFs.js');
-require('../chunks/bundle-DXrpp6AJ.js');
-require('../chunks/bundle-_VH8bxGE.js');
+require('../chunks/bundle-HGbi-rCv.js');
+require('../chunks/bundle-gtkPlUrw.js');
+require('../chunks/bundle-BoLhr7Ko.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-CN-HA7zS.js');
 require('./ContextMenu.js');
+require('../chunks/bundle-BTU876jx.js');
 require('react-dom');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
 require('./SortByRow.js');
-require('../chunks/bundle-B0Cl8cKp.js');
+require('../chunks/bundle-1XtsxT8L.js');
 require('./UserProfile.js');
-require('../chunks/bundle-Cg6exdly.js');
-require('../chunks/bundle-XPPVGabQ.js');
-require('../chunks/bundle-CT33owD4.js');
+require('../chunks/bundle-oeWNUdCB.js');
+require('../chunks/bundle-BWGOXLHb.js');
+require('../chunks/bundle-CAUMYdVU.js');
 require('../sendbirdSelectors.js');
-require('../chunks/bundle-CqfYJ2-A.js');
-require('../chunks/bundle-BjHWj0YM.js');
+require('../chunks/bundle-Dehhi1FZ.js');
+require('../chunks/bundle-DxSB9NRz.js');
 require('./ImageRenderer.js');
-require('../chunks/bundle-D1gE5kRR.js');
+require('../chunks/bundle-C93-onMF.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, index$1) {
-        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) || '';
-        var key = "".concat(value, "-").concat(index$1);
-        if (renderString && typeof renderString === 'function') {
-            return renderString(stringObj);
-        }
-        if (type === index.StringObjType.mention) {
-            return (React.createElement(ui_MentionLabel, { key: key, mentionTemplate: mentionTemplate, mentionedUserId: userId, mentionedUserNickname: value, isByMe: isByMe }));
-        }
-        else if (type === index.StringObjType.url) {
-            return (React.createElement(ui_LinkLabel.default, { key: key, className: "sendbird-word__url", src: word, type: ui_Label.LabelTypography.BODY_1 }, value));
-        }
-        else {
-            return value;
-        }
-    })));
+/**
+ * @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, index$1) {
+        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) || '';
+        var key = "".concat(value, "-").concat(index$1);
+        if (renderString && typeof renderString === 'function') {
+            return renderString(stringObj);
+        }
+        if (type === index.StringObjType.mention) {
+            return (React.createElement(ui_MentionLabel, { key: key, mentionTemplate: mentionTemplate, mentionedUserId: userId, mentionedUserNickname: value, isByMe: isByMe }));
+        }
+        else if (type === index.StringObjType.url) {
+            return (React.createElement(ui_LinkLabel.default, { key: key, className: "sendbird-word__url", src: word, type: ui_Label.LabelTypography.BODY_1 }, value));
+        }
+        else {
+            return value;
+        }
+    })));
 }
 
 module.exports = Word;

package/cjs/useSendbirdStateContext.js

@@ -4,22 +4,22 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var withSendbird = require('./withSendbird.js');
-require('./chunks/bundle-BwzMNAFs.js');
+require('./chunks/bundle-HGbi-rCv.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;
+/**
+ * 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;

package/cjs/utils/message/getOutgoingMessageState.js

@@ -1,37 +1,37 @@
 'use strict';
 
-exports.OutgoingMessageStates = void 0;
-(function (OutgoingMessageStates) {
-    OutgoingMessageStates["NONE"] = "NONE";
-    OutgoingMessageStates["PENDING"] = "PENDING";
-    OutgoingMessageStates["SENT"] = "SENT";
-    OutgoingMessageStates["FAILED"] = "FAILED";
-    OutgoingMessageStates["DELIVERED"] = "DELIVERED";
-    OutgoingMessageStates["READ"] = "READ";
-})(exports.OutgoingMessageStates || (exports.OutgoingMessageStates = {}));
-var getOutgoingMessageState = function (channel, message) {
-    var _a, _b, _c, _d, _e;
-    if (!message || !('sendingStatus' in message))
-        return exports.OutgoingMessageStates.NONE;
-    if (message.sendingStatus === 'pending') {
-        return exports.OutgoingMessageStates.PENDING;
-    }
-    if (message.sendingStatus === 'failed') {
-        return exports.OutgoingMessageStates.FAILED;
-    }
-    if ((_a = channel === null || channel === void 0 ? void 0 : channel.isGroupChannel) === null || _a === void 0 ? void 0 : _a.call(channel)) {
-        /* GroupChannel only */
-        if (((_c = (_b = channel).getUnreadMemberCount) === null || _c === void 0 ? void 0 : _c.call(_b, message)) === 0) {
-            return exports.OutgoingMessageStates.READ;
-        }
-        else if (((_e = (_d = channel).getUndeliveredMemberCount) === null || _e === void 0 ? void 0 : _e.call(_d, message)) === 0) {
-            return exports.OutgoingMessageStates.DELIVERED;
-        }
-    }
-    if (message.sendingStatus === 'succeeded') {
-        return exports.OutgoingMessageStates.SENT;
-    }
-    return exports.OutgoingMessageStates.NONE;
+exports.OutgoingMessageStates = void 0;
+(function (OutgoingMessageStates) {
+    OutgoingMessageStates["NONE"] = "NONE";
+    OutgoingMessageStates["PENDING"] = "PENDING";
+    OutgoingMessageStates["SENT"] = "SENT";
+    OutgoingMessageStates["FAILED"] = "FAILED";
+    OutgoingMessageStates["DELIVERED"] = "DELIVERED";
+    OutgoingMessageStates["READ"] = "READ";
+})(exports.OutgoingMessageStates || (exports.OutgoingMessageStates = {}));
+var getOutgoingMessageState = function (channel, message) {
+    var _a, _b, _c, _d, _e;
+    if (!message || !('sendingStatus' in message))
+        return exports.OutgoingMessageStates.NONE;
+    if (message.sendingStatus === 'pending') {
+        return exports.OutgoingMessageStates.PENDING;
+    }
+    if (message.sendingStatus === 'failed') {
+        return exports.OutgoingMessageStates.FAILED;
+    }
+    if ((_a = channel === null || channel === void 0 ? void 0 : channel.isGroupChannel) === null || _a === void 0 ? void 0 : _a.call(channel)) {
+        /* GroupChannel only */
+        if (((_c = (_b = channel).getUnreadMemberCount) === null || _c === void 0 ? void 0 : _c.call(_b, message)) === 0) {
+            return exports.OutgoingMessageStates.READ;
+        }
+        else if (((_e = (_d = channel).getUndeliveredMemberCount) === null || _e === void 0 ? void 0 : _e.call(_d, message)) === 0) {
+            return exports.OutgoingMessageStates.DELIVERED;
+        }
+    }
+    if (message.sendingStatus === 'succeeded') {
+        return exports.OutgoingMessageStates.SENT;
+    }
+    return exports.OutgoingMessageStates.NONE;
 };
 
 exports.getOutgoingMessageState = getOutgoingMessageState;

package/cjs/utils/message/isVoiceMessage.js

@@ -1,10 +1,9 @@
 'use strict';
 
-var index = require('../../chunks/bundle-BTEk9dhT.js');
-require('../../chunks/bundle-BwzMNAFs.js');
+var index = require('../../chunks/bundle-wl1uuzU7.js');
+require('../../chunks/bundle-HGbi-rCv.js');
 require('@sendbird/chat/groupChannel');
 require('./getOutgoingMessageState.js');
-require('../../chunks/bundle-CN-HA7zS.js');
 
 var isVoiceMessage = index.isVoiceMessage;
 

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

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

package/cjs/withSendbird.js

@@ -2,25 +2,25 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _tslib = require('./chunks/bundle-BwzMNAFs.js');
+var _tslib = require('./chunks/bundle-HGbi-rCv.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;
+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;