@sendbird/uikit-react 3.8.0 → 3.8.1

package/cjs/chunks/{bundle-6o4fw0w0.js → bundle-leALuaxJ.js}

@@ -1,17 +1,11 @@
 'use strict';
 
 var React = require('react');
-var pubSub_topics = require('../pubSub/topics.js');
-var utils = require('./bundle-4q81wd8X.js');
-var index = require('./bundle-28p7K0N-.js');
+var pubSub_topics = require('./bundle-6fWeHUzf.js');
+var utils = require('./bundle-8lUFYwiz.js');
+var index = require('./bundle-pLajF9mf.js');
 var utils_message_getOutgoingMessageState = require('../utils/message/getOutgoingMessageState.js');
 
-exports.PublishingModuleType = void 0;
-(function (PublishingModuleType) {
-    PublishingModuleType["CHANNEL"] = "CHANNEL";
-    PublishingModuleType["THREAD"] = "THREAD";
-})(exports.PublishingModuleType || (exports.PublishingModuleType = {}));
-
 var getNicknamesMapFromMembers = function (members) {
     if (members === void 0) { members = []; }
     var nicknamesMap = new Map();
@@ -155,7 +149,7 @@ var useSendMultipleFilesMessage = function (_a, _b) {
                         error: error,
                         uploadableFileInfo: uploadableFileInfo,
                     });
-                    pubSub.publish(pubSub_topics.PUBSUB_TOPICS.ON_FILE_INFO_UPLOADED, {
+                    pubSub.publish(pubSub_topics.pubSubTopics.ON_FILE_INFO_UPLOADED, {
                         response: {
                             channelUrl: currentChannel.url,
                             requestId: requestId,
@@ -168,24 +162,24 @@ var useSendMultipleFilesMessage = function (_a, _b) {
                 })
                     .onPending(function (pendingMessage) {
                     logger.info('Channel: in progress of sending MFM', { pendingMessage: pendingMessage, fileInfoList: messageParams.fileInfoList });
-                    pubSub.publish(pubSub_topics.PUBSUB_TOPICS.SEND_MESSAGE_START, {
+                    pubSub.publish(pubSub_topics.pubSubTopics.SEND_MESSAGE_START, {
                         message: pendingMessage,
                         channel: currentChannel,
                         publishingModules: publishingModules,
                     });
                     // We need this delay because rendering MFM takes time due to large image files.
                     setTimeout(function () {
-                        if (scrollRef && publishingModules.includes(exports.PublishingModuleType.CHANNEL)) {
+                        if (scrollRef && pubSub_topics.shouldPubSubPublishToChannel(publishingModules)) {
                             utils.scrollIntoLast(0, scrollRef);
                         }
-                        if (publishingModules.includes(exports.PublishingModuleType.THREAD)) {
+                        if (pubSub_topics.shouldPubSubPublishToThread(publishingModules)) {
                             scrollIntoLast(0);
                         }
                     }, 100);
                 })
                     .onFailed(function (error, failedMessage) {
                     logger.error('Channel: Sending MFM failed.', { error: error, failedMessage: failedMessage });
-                    pubSub.publish(pubSub_topics.PUBSUB_TOPICS.SEND_MESSAGE_FAILED, {
+                    pubSub.publish(pubSub_topics.pubSubTopics.SEND_MESSAGE_FAILED, {
                         channel: currentChannel,
                         message: failedMessage,
                         publishingModules: publishingModules,
@@ -194,17 +188,17 @@ var useSendMultipleFilesMessage = function (_a, _b) {
                 })
                     .onSucceeded(function (succeededMessage) {
                     logger.info('Channel: Sending voice message success!', { succeededMessage: succeededMessage });
-                    pubSub.publish(pubSub_topics.PUBSUB_TOPICS.SEND_FILE_MESSAGE, {
+                    pubSub.publish(pubSub_topics.pubSubTopics.SEND_FILE_MESSAGE, {
                         channel: currentChannel,
                         message: succeededMessage,
                         publishingModules: publishingModules,
                     });
                     // We need this delay because rendering MFM takes time due to large image files.
                     setTimeout(function () {
-                        if (scrollRef && publishingModules.includes(exports.PublishingModuleType.CHANNEL)) {
+                        if (scrollRef && pubSub_topics.shouldPubSubPublishToChannel(publishingModules)) {
                             utils.scrollIntoLast(0, scrollRef);
                         }
-                        if (publishingModules.includes(exports.PublishingModuleType.THREAD)) {
+                        if (pubSub_topics.shouldPubSubPublishToThread(publishingModules)) {
                             scrollIntoLast(0);
                         }
                     }, 100);
@@ -231,4 +225,4 @@ exports.getParentMessageFrom = getParentMessageFrom;
 exports.isAboutSame = isAboutSame;
 exports.scrollIntoLast = scrollIntoLast;
 exports.useSendMultipleFilesMessage = useSendMultipleFilesMessage;
-//# sourceMappingURL=bundle-6o4fw0w0.js.map
+//# sourceMappingURL=bundle-leALuaxJ.js.map

package/{chunks/bundle-Ael7hqI7.js.map → cjs/chunks/bundle-leALuaxJ.js.map}

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

package/cjs/chunks/bundle-lj7KorhP.js

@@ -0,0 +1,81 @@
+'use strict';
+
+var _tslib = require('./bundle-mc8PQfi_.js');
+var React = require('react');
+var ui_ImageRenderer = require('../ui/ImageRenderer.js');
+var ui_Icon = require('../ui/Icon.js');
+var uuid = require('./bundle-Z8uBiYyS.js');
+
+var pxToNumber = function (px) {
+    if (typeof px === 'number') {
+        return px;
+    }
+    if (typeof px === 'string') {
+        var parsed = Number.parseFloat(px);
+        if (!Number.isNaN(parsed)) {
+            return parsed;
+        }
+    }
+    return NaN;
+};
+
+var imageRendererClassName = 'sendbird-avatar-img';
+var DefaultComponent = function (_a) {
+    var width = _a.width, height = _a.height;
+    var iconWidth = pxToNumber(width);
+    var iconHeight = pxToNumber(height);
+    if (typeof iconWidth === 'number' && !Number.isNaN(iconWidth)) {
+        iconWidth *= 0.575;
+    }
+    if (typeof iconHeight === 'number' && !Number.isNaN(iconHeight)) {
+        iconHeight *= 0.575;
+    }
+    return (React.createElement("div", { className: "sendbird-avatar-img--default", style: { width: width, height: height } },
+        React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.USER, fillColor: ui_Icon.IconColors.CONTENT, width: iconWidth, height: iconHeight })));
+};
+var _defaultComponent = function (_a) {
+    var width = _a.width, height = _a.height;
+    return (React.createElement(DefaultComponent, { width: width, height: height }));
+};
+var AvatarInner = function (_a) {
+    var _b = _a.src, src = _b === void 0 ? '' : _b, _c = _a.alt, alt = _c === void 0 ? '' : _c, height = _a.height, width = _a.width, customDefaultComponent = _a.customDefaultComponent;
+    var defaultComponent = function () { return customDefaultComponent ? customDefaultComponent({ width: width, height: height }) : _defaultComponent({ width: width, height: height }); };
+    if (typeof src === 'string') {
+        return (React.createElement(ui_ImageRenderer.default, { className: imageRendererClassName, url: src, height: height, width: width, alt: alt, defaultComponent: defaultComponent }));
+    }
+    if (src && src.length) {
+        if (src.length === 1) {
+            return (React.createElement(ui_ImageRenderer.default, { className: imageRendererClassName, url: src[0], height: height, width: width, alt: alt, defaultComponent: defaultComponent }));
+        }
+        if (src.length === 2) {
+            return (React.createElement("div", { className: "sendbird-avatar--inner__two-child" },
+                React.createElement(ui_ImageRenderer.default, { className: imageRendererClassName, url: src[0], height: height, width: width, alt: alt, defaultComponent: defaultComponent }),
+                React.createElement(ui_ImageRenderer.default, { className: imageRendererClassName, url: src[1], height: height, width: width, alt: alt, defaultComponent: defaultComponent })));
+        }
+        if (src.length === 3) {
+            return (React.createElement(React.Fragment, null,
+                React.createElement("div", { className: "sendbird-avatar--inner__three-child--upper" },
+                    React.createElement(ui_ImageRenderer.default, { className: imageRendererClassName, url: src[0], height: height, width: width, alt: alt, defaultComponent: defaultComponent })),
+                React.createElement("div", { className: "sendbird-avatar--inner__three-child--lower" },
+                    React.createElement(ui_ImageRenderer.default, { className: imageRendererClassName, url: src[1], height: height, width: width, alt: alt, defaultComponent: defaultComponent }),
+                    React.createElement(ui_ImageRenderer.default, { className: imageRendererClassName, url: src[2], height: height, width: width, alt: alt, defaultComponent: defaultComponent }))));
+        }
+        return (React.createElement("div", { className: "sendbird-avatar--inner__four-child" }, src.slice(0, 4)
+            .map(function (i) { return (React.createElement(ui_ImageRenderer.default, { className: imageRendererClassName, url: i, height: height, width: width, alt: alt, key: uuid.uuidv4(), defaultComponent: defaultComponent })); })));
+    }
+    // default img
+    return (React.createElement(ui_ImageRenderer.default, { className: imageRendererClassName, url: "", height: height, width: width, alt: alt, defaultComponent: defaultComponent }));
+};
+function Avatar(_a, ref) {
+    var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.src, src = _c === void 0 ? '' : _c, _d = _a.alt, alt = _d === void 0 ? '' : _d, _e = _a.width, width = _e === void 0 ? '56px' : _e, _f = _a.height, height = _f === void 0 ? '56px' : _f, onClick = _a.onClick, customDefaultComponent = _a.customDefaultComponent;
+    return (React.createElement("div", { className: _tslib.__spreadArray(_tslib.__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
+            'sendbird-avatar',
+        ], false).join(' '), role: "button", ref: ref, style: { height: height, width: width }, onClick: onClick, onKeyDown: onClick, tabIndex: 0 },
+        React.createElement(AvatarInner, { src: src, width: width, height: height, alt: alt, customDefaultComponent: customDefaultComponent })));
+}
+var Avatar$1 = React.forwardRef(Avatar);
+
+exports.Avatar = Avatar$1;
+exports.AvatarInner = AvatarInner;
+exports.pxToNumber = pxToNumber;
+//# sourceMappingURL=bundle-lj7KorhP.js.map

package/cjs/chunks/bundle-lj7KorhP.js.map

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

package/cjs/chunks/{bundle-p1cCW0sH.js → bundle-lkluBCYi.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./bundle-FHx0K-3z.js');
-var index_module = require('./bundle-I_9_5a8a.js');
+var index = require('./bundle-BUF_nc4Q.js');
+var index_module = require('./bundle-RG3ZDmvE.js');
 
 function getMessageFirstFileType(message) {
     return index_module.K(message)
@@ -71,4 +71,4 @@ exports.getMessageFirstFileName = getMessageFirstFileName;
 exports.getMessageFirstFileThumbnailUrl = getMessageFirstFileThumbnailUrl;
 exports.getMessageFirstFileType = getMessageFirstFileType;
 exports.getMessageFirstFileUrl = getMessageFirstFileUrl;
-//# sourceMappingURL=bundle-p1cCW0sH.js.map
+//# sourceMappingURL=bundle-lkluBCYi.js.map

package/cjs/chunks/bundle-lkluBCYi.js.map

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

package/cjs/chunks/{bundle-hK4x7nmG.js → bundle-mc8PQfi_.js}

@@ -99,4 +99,4 @@ exports.__awaiter = __awaiter;
 exports.__extends = __extends;
 exports.__generator = __generator;
 exports.__spreadArray = __spreadArray;
-//# sourceMappingURL=bundle-hK4x7nmG.js.map
+//# sourceMappingURL=bundle-mc8PQfi_.js.map

package/cjs/chunks/{bundle-hK4x7nmG.js.map → bundle-mc8PQfi_.js.map}

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

package/cjs/chunks/{bundle-_fjTT1-g.js → bundle-n6O0NYfY.js}

@@ -6,15 +6,15 @@ var ui_IconButton = require('../ui/IconButton.js');
 var ui_Icon = require('../ui/Icon.js');
 var ui_ContextMenu = require('../ui/ContextMenu.js');
 var ChannelSettings_components_UserListItem = require('../ChannelSettings/components/UserListItem.js');
-var _tslib = require('./bundle-hK4x7nmG.js');
-var ui_Modal = require('./bundle-UooP2IDU.js');
+var _tslib = require('./bundle-mc8PQfi_.js');
+var ui_Modal = require('./bundle-o66lc7qg.js');
 var ui_UserListItem = require('../ui/UserListItem.js');
-var utils = require('./bundle-1yOirqug.js');
+var utils = require('./bundle-viTxhrPr.js');
 var ChannelSettings_context = require('../ChannelSettings/context.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var LocalizationContext = require('./bundle-QmSa90PC.js');
-require('./bundle-6ziaqiUd.js');
-var uuid = require('./bundle-gMxOq93o.js');
+var LocalizationContext = require('./bundle-80bw1Z-w.js');
+require('./bundle-fTDV9UxX.js');
+var uuid = require('./bundle-Z8uBiYyS.js');
 
 function MembersModal(_a) {
     var _b;
@@ -276,4 +276,4 @@ var MemberList = function () {
 };
 
 exports.MemberList = MemberList;
-//# sourceMappingURL=bundle-_fjTT1-g.js.map
+//# sourceMappingURL=bundle-n6O0NYfY.js.map

package/cjs/chunks/bundle-n6O0NYfY.js.map

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

package/cjs/chunks/{bundle-e-fvbugV.js → bundle-o5pJIgS7.js}

@@ -32,4 +32,4 @@ var generateDefaultAvatar = function (channel) {
 exports.generateDefaultAvatar = generateDefaultAvatar;
 exports.getChannelAvatarSource = getChannelAvatarSource;
 exports.getOpenChannelAvatar = getOpenChannelAvatar;
-//# sourceMappingURL=bundle-e-fvbugV.js.map
+//# sourceMappingURL=bundle-o5pJIgS7.js.map

package/cjs/chunks/bundle-o5pJIgS7.js.map

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

package/cjs/chunks/{bundle-UooP2IDU.js → bundle-o66lc7qg.js}

@@ -2,13 +2,13 @@
 
 var React = require('react');
 var reactDom = require('react-dom');
-var utils = require('./bundle-1yOirqug.js');
-var LocalizationContext = require('./bundle-QmSa90PC.js');
-var MediaQueryContext = require('./bundle-Y9TkHVI5.js');
+var utils = require('./bundle-viTxhrPr.js');
+var LocalizationContext = require('./bundle-80bw1Z-w.js');
+var MediaQueryContext = require('./bundle-kkxTVcGD.js');
 var ui_IconButton = require('../ui/IconButton.js');
 var ui_Button = require('../ui/Button.js');
 var ui_Icon = require('../ui/Icon.js');
-var ui_Label = require('./bundle-6ziaqiUd.js');
+var ui_Label = require('./bundle-fTDV9UxX.js');
 
 // simple component to be used as modal root
 var MODAL_ROOT = 'sendbird-modal-root';
@@ -66,4 +66,4 @@ exports.ModalBody = ModalBody;
 exports.ModalFooter = ModalFooter;
 exports.ModalHeader = ModalHeader;
 exports.ModalRoot = ModalRoot;
-//# sourceMappingURL=bundle-UooP2IDU.js.map
+//# sourceMappingURL=bundle-o66lc7qg.js.map

package/cjs/chunks/bundle-o66lc7qg.js.map

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

package/cjs/chunks/{bundle-B2MaAm21.js → bundle-oISd80pA.js}

@@ -25,4 +25,4 @@ var changeColorToClassName = function (color) {
 };
 
 exports.changeColorToClassName = changeColorToClassName;
-//# sourceMappingURL=bundle-B2MaAm21.js.map
+//# sourceMappingURL=bundle-oISd80pA.js.map

package/cjs/chunks/bundle-oISd80pA.js.map

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

package/cjs/chunks/{bundle-BJe68nS0.js → bundle-oiMScSG6.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var _tslib = require('./bundle-hK4x7nmG.js');
-var consts = require('./bundle-L9ushBZQ.js');
+var _tslib = require('./bundle-mc8PQfi_.js');
+var consts = require('./bundle-4iro9CUN.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
 
 var INITIALIZE_AUDIO_UNIT = 'INITIALIZE_AUDIO_UNIT';
@@ -233,4 +233,4 @@ exports.AudioUnitDefaultValue = AudioUnitDefaultValue;
 exports.VOICE_PLAYER_STATUS = VOICE_PLAYER_STATUS;
 exports.VoicePlayerProvider = VoicePlayerProvider;
 exports.useVoicePlayerContext = useVoicePlayerContext;
-//# sourceMappingURL=bundle-BJe68nS0.js.map
+//# sourceMappingURL=bundle-oiMScSG6.js.map

package/{chunks/bundle-bJrywUB-.js.map → cjs/chunks/bundle-oiMScSG6.js.map}

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

package/cjs/chunks/{bundle-28p7K0N-.js → bundle-pLajF9mf.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./bundle-n1yh-qDb.js');
+var index = require('./bundle-EVv3xRW8.js');
 
 function requiredArgs(required, args) {
   if (args.length < required) {
@@ -1855,4 +1855,4 @@ exports.format = format;
 exports.requiredArgs = requiredArgs;
 exports.toDate = toDate;
 exports.toInteger = toInteger;
-//# sourceMappingURL=bundle-28p7K0N-.js.map
+//# sourceMappingURL=bundle-pLajF9mf.js.map