@sendbird/uikit-react 3.14.5 → 3.14.7-rc-1

package/cjs/ui/TemplateMessageItemBody.js

@@ -2,23 +2,23 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _tslib = require('../chunks/bundle-C-r9vRgc.js');
+var _tslib = require('../chunks/bundle-BGmEoqIq.js');
 var React = require('react');
-var index = require('../chunks/bundle-Cw7xe6J1.js');
-var ui_MessageTemplate = require('../chunks/bundle-jLW3AG2G.js');
+var index = require('../chunks/bundle-CRjV-DLM.js');
+var ui_MessageTemplate = require('../chunks/bundle-Co7peqju.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
 var ui_FallbackTemplateMessageItemBody_tsx = require('./FallbackTemplateMessageItemBody.tsx.js');
 var ui_LoadingTemplateMessageItemBody_tsx = require('./LoadingTemplateMessageItemBody.tsx.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
 require('../withSendbird.js');
-require('../chunks/bundle-B7wJ4Hqk.js');
-require('../chunks/bundle-DWBc-Yv7.js');
-require('../chunks/bundle-CDJXrIVC.js');
-require('../chunks/bundle-Deao1Upp.js');
+require('../chunks/bundle-u9XWE6Rm.js');
+require('../chunks/bundle-5FP1wNLB.js');
+require('../chunks/bundle-dokTsajJ.js');
+require('../chunks/bundle-DgWaY7S0.js');
 require('./Loader.js');
 require('./Icon.js');
-require('../chunks/bundle-CLte647H.js');
+require('../chunks/bundle-FcnFNV4V.js');
 
 var MessageTemplateWrapper = function (_a) {
     var message = _a.message, templateVersion = _a.templateVersion, templateItems = _a.templateItems;
@@ -43,7 +43,7 @@ function restoreNumbersFromMessageTemplateObject(value, key) {
     if (Array.isArray(value)) {
         return value.map(function (item) { return restoreNumbersFromMessageTemplateObject(item); });
     }
-    if (typeof value === 'object') {
+    if (value && typeof value === 'object') {
         return Object.keys(value).reduce(function (acc, key) {
             acc[key] = restoreNumbersFromMessageTemplateObject(value[key], key);
             return acc;
@@ -209,8 +209,8 @@ var getFilledMessageTemplateWithData = function (_a) {
     return parsedTemplate;
 };
 function TemplateMessageItemBody(_a) {
-    var _b;
-    var _c = _a.className, className = _c === void 0 ? '' : _c, message = _a.message, _d = _a.isByMe, isByMe = _d === void 0 ? false : _d, _e = _a.theme, theme = _e === void 0 ? 'light' : _e, _f = _a.onTemplateMessageRenderedCallback, onTemplateMessageRenderedCallback = _f === void 0 ? function () { } : _f;
+    var _b, _c;
+    var _d = _a.className, className = _d === void 0 ? '' : _d, message = _a.message, _e = _a.isByMe, isByMe = _e === void 0 ? false : _e, _f = _a.theme, theme = _f === void 0 ? 'light' : _f, _g = _a.onTemplateMessageRenderedCallback, onTemplateMessageRenderedCallback = _g === void 0 ? function () { } : _g;
     var templateData = (_b = message.extendedMessagePayload) === null || _b === void 0 ? void 0 : _b['template'];
     var getFailedBody = function () {
         onTemplateMessageRenderedCallback('failed');
@@ -224,7 +224,7 @@ function TemplateMessageItemBody(_a) {
     if (!globalState) {
         return getFailedBody();
     }
-    var _g = globalState.utils, getCachedTemplate = _g.getCachedTemplate, updateMessageTemplatesInfo = _g.updateMessageTemplatesInfo;
+    var _h = globalState.utils, getCachedTemplate = _h.getCachedTemplate, updateMessageTemplatesInfo = _h.updateMessageTemplatesInfo;
     var logger = globalState.config.logger;
     var waitingTemplateKeysMap = globalState.stores.appInfoStore.waitingTemplateKeysMap;
     var waitingTemplateKeysMapString = Object.entries(waitingTemplateKeysMap)
@@ -232,7 +232,7 @@ function TemplateMessageItemBody(_a) {
         var key = _a[0], value = _a[1];
         return [key, value.requestedAt, value.erroredMessageIds.join(',')].join('-');
     }).join('_');
-    var _h = React.useState(getFilledMessageTemplateItems()), renderData = _h[0], setRenderData = _h[1];
+    var _j = React.useState(getFilledMessageTemplateItems()), renderData = _j[0], setRenderData = _j[1];
     function getFilledMessageTemplateItemsForCarouselTemplateByMessagePayload(simpleTemplateDataList) {
         var cachedSimpleTemplates = [];
         var simpleTemplatesVariables = [];
@@ -244,9 +244,11 @@ function TemplateMessageItemBody(_a) {
                 throw new Error('TemplateMessageItemBody | simple template keys are not found in view_variables.');
             }
             var simpleCachedTemplate = getCachedTemplate(simpleTemplateKey);
-            cachedSimpleTemplates.push(simpleCachedTemplate);
-            simpleTemplatesVariables.push(simpleTemplateData.variables);
-            maxVersion = Math.max(maxVersion, simpleCachedTemplate.version);
+            if (simpleCachedTemplate) {
+                cachedSimpleTemplates.push(simpleCachedTemplate);
+                simpleTemplatesVariables.push(simpleTemplateData.variables);
+                maxVersion = Math.max(maxVersion, simpleCachedTemplate.version);
+            }
         });
         var filledMessageTemplateItemsList = cachedSimpleTemplates
             .map(function (cachedSimpleTemplate, index) {
@@ -299,7 +301,7 @@ function TemplateMessageItemBody(_a) {
         if (!cachedTemplate) {
             nonCachedTemplateKeys.push(templateKey);
         }
-        if (templateData.view_variables) {
+        if (templateData === null || templateData === void 0 ? void 0 : templateData.view_variables) {
             try {
                 // eslint-disable-next-line @typescript-eslint/no-unused-vars
                 Object.entries(templateData.view_variables).forEach(function (_a) {
@@ -324,7 +326,7 @@ function TemplateMessageItemBody(_a) {
             if (nonCachedTemplateKeys.length > 0) {
                 tryFetchTemplateByKey(nonCachedTemplateKeys);
             }
-            else {
+            else if (cachedTemplate) {
                 var parsedUiTemplate = JSON.parse(cachedTemplate.uiTemplate);
                 if (!Array.isArray(parsedUiTemplate) || parsedUiTemplate.length === 0) {
                     logger.error('TemplateMessageItemBody | parsed template is missing ui_template: ', parsedUiTemplate);
@@ -344,7 +346,7 @@ function TemplateMessageItemBody(_a) {
                             logger.error('TemplateMessageItemBody | composite template with reservation key must follow the following string format "{@your-reservation-key}": ', templateKey, carouselItem);
                             throw new Error('TemplateMessageItemBody | composite template with reservation key must follow the following string format "{@your-reservation-key}". See error log in console for details');
                         }
-                        if (!templateData.view_variables) {
+                        if (!(templateData === null || templateData === void 0 ? void 0 : templateData.view_variables)) {
                             logger.error('TemplateMessageItemBody | template key suggests composite template but template data is missing view_variables: ', templateKey, templateData);
                             throw new Error('TemplateMessageItemBody | template key suggests composite template but template data is missing view_variables. See error log in console for details');
                         }
@@ -446,7 +448,7 @@ function TemplateMessageItemBody(_a) {
             'sendbird-template-message-item-body',
         ]) },
         React.createElement(MessageTemplateErrorBoundary, { fallbackMessage: React.createElement(ui_FallbackTemplateMessageItemBody_tsx.FallbackTemplateMessageItemBody, { className: className, message: message, isByMe: isByMe }), onTemplateMessageRenderedCallback: onTemplateMessageRenderedCallback, isComposite: renderData.isComposite, logger: logger },
-            React.createElement(MessageTemplateWrapper, { message: message, templateVersion: renderData.templateVersion, templateItems: renderData.filledMessageTemplateItemsList }))));
+            React.createElement(MessageTemplateWrapper, { message: message, templateVersion: (_c = renderData.templateVersion) !== null && _c !== void 0 ? _c : 0, templateItems: renderData.filledMessageTemplateItemsList }))));
 }
 
 exports.TemplateMessageItemBody = TemplateMessageItemBody;

package/cjs/ui/TemplateMessageItemBody.js.map

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

package/cjs/ui/TextButton.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-C-r9vRgc.js');
+var _tslib = require('../chunks/bundle-BGmEoqIq.js');
 var React = require('react');
-var color = require('../chunks/bundle-DWGp201o.js');
+var color = require('../chunks/bundle-D91GTav0.js');
 
 var TextButton = function (_a) {
     var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.color, color$1 = _c === void 0 ? color.Colors.ONBACKGROUND_1 : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, _e = _a.disableUnderline, disableUnderline = _e === void 0 ? false : _e, _f = _a.onClick, onClick = _f === void 0 ? function () { } : _f, children = _a.children;

package/cjs/ui/TextMessageItemBody.js

@@ -1,34 +1,34 @@
 'use strict';
 
 var React = require('react');
-var ui_Label = require('../chunks/bundle-Deao1Upp.js');
-var index = require('../chunks/bundle-Cw7xe6J1.js');
-var LocalizationContext = require('../chunks/bundle-B7wJ4Hqk.js');
-var tokenize = require('../chunks/bundle-DFVUnSWq.js');
-var index$1 = require('../chunks/bundle-BCt-Rzil.js');
-var consts = require('../chunks/bundle-SfusZfMJ.js');
-require('../chunks/bundle-C-r9vRgc.js');
-require('../chunks/bundle-DWBc-Yv7.js');
+var ui_Label = require('../chunks/bundle-DgWaY7S0.js');
+var index = require('../chunks/bundle-CRjV-DLM.js');
+var LocalizationContext = require('../chunks/bundle-u9XWE6Rm.js');
+var tokenize = require('../chunks/bundle-VNK4cKfS.js');
+var index$1 = require('../chunks/bundle-WLDzr4U5.js');
+var consts = require('../chunks/bundle-Co2OfFRh.js');
+require('../chunks/bundle-BGmEoqIq.js');
+require('../chunks/bundle-5FP1wNLB.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-CDJXrIVC.js');
+require('../chunks/bundle-dokTsajJ.js');
 require('../Message/context.js');
 require('./MentionLabel.js');
 require('./ContextMenu.js');
-require('../chunks/bundle-Bpy7IQta.js');
+require('../chunks/bundle-K2UuTY_r.js');
 require('react-dom');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
 require('./SortByRow.js');
-require('../chunks/bundle-Ub33KGva.js');
+require('../chunks/bundle-nJ_H0gk1.js');
 require('./UserProfile.js');
-require('../chunks/bundle-D7v4i_Ae.js');
+require('../chunks/bundle-Ch54AIEU.js');
 require('../sendbirdSelectors.js');
-require('../chunks/bundle-DpK1fr1j.js');
-require('../chunks/bundle-CLte647H.js');
-require('../chunks/bundle-C0ZNrrcl.js');
+require('../chunks/bundle-C9goSwm_.js');
+require('../chunks/bundle-FcnFNV4V.js');
+require('../chunks/bundle-BpJxkKab.js');
 require('./ImageRenderer.js');
-require('../chunks/bundle-CxNGVWIy.js');
+require('../chunks/bundle-Ca2fr0Kb.js');
 require('./Icon.js');
 require('./Button.js');
 require('../useSendbirdStateContext.js');
@@ -36,16 +36,19 @@ require('../withSendbird.js');
 require('./LinkLabel.js');
 
 function TextMessageItemBody(_a) {
-    var _b, _c, _d;
-    var _e = _a.className, className = _e === void 0 ? '' : _e, message = _a.message, _f = _a.isByMe, isByMe = _f === void 0 ? false : _f, _g = _a.mouseHover, mouseHover = _g === void 0 ? false : _g, _h = _a.isMentionEnabled, isMentionEnabled = _h === void 0 ? false : _h, _j = _a.isReactionEnabled, isReactionEnabled = _j === void 0 ? false : _j;
+    var _b;
+    var _c = _a.className, className = _c === void 0 ? '' : _c, message = _a.message, _d = _a.isByMe, isByMe = _d === void 0 ? false : _d, _e = _a.mouseHover, mouseHover = _e === void 0 ? false : _e, _f = _a.isMentionEnabled, isMentionEnabled = _f === void 0 ? false : _f, _g = _a.isReactionEnabled, isReactionEnabled = _g === void 0 ? false : _g;
     var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
     var isMessageMentioned = isMentionEnabled
-        && ((_b = message === null || message === void 0 ? void 0 : message.mentionedMessageTemplate) === null || _b === void 0 ? void 0 : _b.length) > 0
-        && ((_c = message === null || message === void 0 ? void 0 : message.mentionedUsers) === null || _c === void 0 ? void 0 : _c.length) > 0;
+        && (message === null || message === void 0 ? void 0 : message.mentionedMessageTemplate)
+        && message.mentionedMessageTemplate.length > 0
+        && (message === null || message === void 0 ? void 0 : message.mentionedUsers)
+        && message.mentionedUsers.length > 0;
     var tokens = React.useMemo(function () {
+        var _a;
         if (isMessageMentioned) {
             return tokenize.tokenizeMessage({
-                mentionedUsers: message === null || message === void 0 ? void 0 : message.mentionedUsers,
+                mentionedUsers: (_a = message === null || message === void 0 ? void 0 : message.mentionedUsers) !== null && _a !== void 0 ? _a : undefined,
                 messageText: message === null || message === void 0 ? void 0 : message.mentionedMessageTemplate,
             });
         }
@@ -59,7 +62,7 @@ function TextMessageItemBody(_a) {
                 consts.TEXT_MESSAGE_BODY_CLASSNAME,
                 isByMe ? 'outgoing' : 'incoming',
                 mouseHover ? 'mouse-hover' : '',
-                (isReactionEnabled && ((_d = message === null || message === void 0 ? void 0 : message.reactions) === null || _d === void 0 ? void 0 : _d.length) > 0) ? 'reactions' : '',
+                (isReactionEnabled && ((_b = message === null || message === void 0 ? void 0 : message.reactions) === null || _b === void 0 ? void 0 : _b.length) > 0) ? 'reactions' : '',
             ]) },
             React.createElement(index$1.TextFragment, { tokens: tokens }),
             index.isEditedMessage(message) && (React.createElement(ui_Label.Label, { className: "sendbird-text-message-item-body__message edited", type: ui_Label.LabelTypography.BODY_1, color: isByMe ? ui_Label.LabelColors.ONCONTENT_2 : ui_Label.LabelColors.ONBACKGROUND_2 }, " ".concat(stringSet.MESSAGE_EDITED, " "))))));

package/cjs/ui/TextMessageItemBody.js.map

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

package/cjs/ui/ThreadReplies.js

@@ -3,16 +3,16 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var ui_Avatar = require('../chunks/bundle-C0ZNrrcl.js');
+var ui_Avatar = require('../chunks/bundle-BpJxkKab.js');
 var ui_Icon = require('./Icon.js');
-var ui_Label = require('../chunks/bundle-Deao1Upp.js');
-var LocalizationContext = require('../chunks/bundle-B7wJ4Hqk.js');
-require('../chunks/bundle-C-r9vRgc.js');
+var ui_Label = require('../chunks/bundle-DgWaY7S0.js');
+var LocalizationContext = require('../chunks/bundle-u9XWE6Rm.js');
+require('../chunks/bundle-BGmEoqIq.js');
 require('./ImageRenderer.js');
-require('../chunks/bundle-CLte647H.js');
-require('../chunks/bundle-CxNGVWIy.js');
-require('../chunks/bundle-DWBc-Yv7.js');
-require('../chunks/bundle-CDJXrIVC.js');
+require('../chunks/bundle-FcnFNV4V.js');
+require('../chunks/bundle-Ca2fr0Kb.js');
+require('../chunks/bundle-5FP1wNLB.js');
+require('../chunks/bundle-dokTsajJ.js');
 
 function ThreadReplies(_a, ref) {
     var _b;
@@ -20,10 +20,10 @@ function ThreadReplies(_a, ref) {
     var _c = threadInfo.mostRepliedUsers, mostRepliedUsers = _c === void 0 ? [] : _c, replyCount = threadInfo.replyCount;
     var stringSet = LocalizationContext.useLocalization().stringSet;
     return (React.createElement("div", { className: "sendbird-ui-thread-replies ".concat(className), role: "button", onClick: function (e) {
-            onClick(e);
+            onClick === null || onClick === void 0 ? void 0 : onClick(e);
             e === null || e === void 0 ? void 0 : e.stopPropagation();
         }, onKeyDown: function (e) {
-            onClick(e);
+            onClick === null || onClick === void 0 ? void 0 : onClick(e);
             e === null || e === void 0 ? void 0 : e.stopPropagation();
         }, ref: ref },
         React.createElement("div", { className: "sendbird-ui-thread-replies__user-profiles" },

package/cjs/ui/ThumbnailMessageItemBody.js

@@ -1,16 +1,16 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-C-r9vRgc.js');
+var _tslib = require('../chunks/bundle-BGmEoqIq.js');
 var React = require('react');
 var ui_Icon = require('./Icon.js');
 var ui_ImageRenderer = require('./ImageRenderer.js');
-var index = require('../chunks/bundle-Cw7xe6J1.js');
-var utils$1 = require('../chunks/bundle-CLte647H.js');
-var useLongPress = require('../chunks/bundle-Pfx0MBr4.js');
-var utils = require('../chunks/bundle-DmVeFWB4.js');
+var index = require('../chunks/bundle-CRjV-DLM.js');
+var utils$1 = require('../chunks/bundle-FcnFNV4V.js');
+var useLongPress = require('../chunks/bundle-DmfO6_lp.js');
+var utils = require('../chunks/bundle-DTtY3_Ni.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-CLNUkVC8.js');
+require('../chunks/bundle-Bsd8mnLE.js');
 
 function ThumbnailMessageItemBody(_a) {
     var _b, _c;

package/cjs/ui/Toggle.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var _tslib = require('../chunks/bundle-C-r9vRgc.js');
+var _tslib = require('../chunks/bundle-BGmEoqIq.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
 require('../withSendbird.js');
 
@@ -94,7 +94,7 @@ function ToggleUI(props) {
             checked ? 'sendbird-input-toggle-button--checked' : 'sendbird-input-toggle-button--unchecked',
             disabled ? 'sendbird-input-toggle-button--disabled' : [],
             reversed ? 'sendbird-input-toggle-button--reversed' : [],
-        ].flat().join(' '), style: _tslib.__assign({ width: "".concat(toggleWidth, "px"), height: "".concat(toggleHeight, "px"), borderRadius: "".concat(dotSize, "px") }, style) },
+        ].flat().join(' '), "data-testid": "sendbird-input-toggle-button", style: _tslib.__assign({ width: "".concat(toggleWidth, "px"), height: "".concat(toggleHeight, "px"), borderRadius: "".concat(dotSize, "px") }, style) },
         React.createElement("div", { className: [
                 'sendbird-input-toggle-button__inner-dot',
                 checked
@@ -105,8 +105,8 @@ function ToggleUI(props) {
                 height: "".concat(dotSize, "px"),
                 animationDuration: animationDuration,
             } }),
-        React.createElement("input", { type: "checkbox", "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, name: name, id: id, checked: checked, disabled: disabled, onChange: function (e) {
-                onChange(e);
+        React.createElement("input", { type: "checkbox", "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, name: name, id: id, checked: checked !== null && checked !== void 0 ? checked : undefined, disabled: disabled, onChange: function (e) {
+                onChange === null || onChange === void 0 ? void 0 : onChange(e);
                 setAnimatedClassName(e.currentTarget.checked ? 'sendbird-input-toggle-button--turned-on' : 'sendbird-input-toggle-button--turned-off');
             }, onFocus: onFocus, onBlur: onBlur })));
 }

package/cjs/ui/Tooltip.js

@@ -1,9 +1,9 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-C-r9vRgc.js');
+var _tslib = require('../chunks/bundle-BGmEoqIq.js');
 var React = require('react');
-var ui_Label = require('../chunks/bundle-Deao1Upp.js');
-require('../chunks/bundle-DWBc-Yv7.js');
+var ui_Label = require('../chunks/bundle-DgWaY7S0.js');
+require('../chunks/bundle-5FP1wNLB.js');
 
 function Tooltip(_a) {
     var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.children, children = _c === void 0 ? '' : _c;

package/cjs/ui/TooltipWrapper.js

@@ -1,20 +1,20 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-C-r9vRgc.js');
+var _tslib = require('../chunks/bundle-BGmEoqIq.js');
 var React = require('react');
 
 var SPACE_FROM_TRIGGER = 8;
 function TooltipWrapper(_a) {
     var _b = _a.className, className = _b === void 0 ? '' : _b, children = _a.children, hoverTooltip = _a.hoverTooltip;
     var _c = React.useState(false), showHoverTooltip = _c[0], setShowHoverTooltip = _c[1];
-    var childrenRef = React.useRef(null);
+    var childrenRef = React.useRef();
     return (React.createElement("div", { className: _tslib.__spreadArray(_tslib.__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
             'sendbird-tooltip-wrapper',
         ], false).join(' '), onMouseOver: function () { setShowHoverTooltip(true); }, onFocus: function () { setShowHoverTooltip(true); }, onMouseOut: function () { setShowHoverTooltip(false); }, onBlur: function () { setShowHoverTooltip(false); } },
         React.createElement("div", { className: "sendbird-tooltip-wrapper__children", ref: childrenRef }, children),
         showHoverTooltip && (React.createElement("div", { className: "sendbird-tooltip-wrapper__hover-tooltip", style: { bottom: "calc(100% + ".concat(SPACE_FROM_TRIGGER, "px)") } },
             React.createElement("div", { className: "sendbird-tooltip-wrapper__hover-tooltip__inner" },
-                React.createElement("div", { className: "sendbird-tooltip-wrapper__hover-tooltip__inner__tooltip-container", style: { left: childrenRef.current && "calc(".concat(childrenRef.current.offsetWidth / 2, "px - 50%)") } }, hoverTooltip))))));
+                React.createElement("div", { className: "sendbird-tooltip-wrapper__hover-tooltip__inner__tooltip-container", style: { left: childrenRef.current ? "calc(".concat(childrenRef.current.offsetWidth / 2, "px - 50%)") : undefined } }, hoverTooltip))))));
 }
 
 module.exports = TooltipWrapper;

package/cjs/ui/TypingIndicatorBubble.js

@@ -1,11 +1,11 @@
 'use strict';
 
 var React = require('react');
-var ui_Avatar = require('../chunks/bundle-C0ZNrrcl.js');
-require('../chunks/bundle-C-r9vRgc.js');
+var ui_Avatar = require('../chunks/bundle-BpJxkKab.js');
+require('../chunks/bundle-BGmEoqIq.js');
 require('./ImageRenderer.js');
-require('../chunks/bundle-CLte647H.js');
-require('../chunks/bundle-CxNGVWIy.js');
+require('../chunks/bundle-FcnFNV4V.js');
+require('../chunks/bundle-Ca2fr0Kb.js');
 require('./Icon.js');
 
 var TypingDots = function () {

package/cjs/ui/UnknownMessageItemBody.js

@@ -1,21 +1,21 @@
 'use strict';
 
 var React = require('react');
-var ui_Label = require('../chunks/bundle-Deao1Upp.js');
-var index = require('../chunks/bundle-Cw7xe6J1.js');
-var LocalizationContext = require('../chunks/bundle-B7wJ4Hqk.js');
-require('../chunks/bundle-C-r9vRgc.js');
-require('../chunks/bundle-DWBc-Yv7.js');
+var ui_Label = require('../chunks/bundle-DgWaY7S0.js');
+var index = require('../chunks/bundle-CRjV-DLM.js');
+var LocalizationContext = require('../chunks/bundle-u9XWE6Rm.js');
+require('../chunks/bundle-BGmEoqIq.js');
+require('../chunks/bundle-5FP1wNLB.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-CDJXrIVC.js');
+require('../chunks/bundle-dokTsajJ.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,
+            className !== null && className !== void 0 ? className : '',
             'sendbird-unknown-message-item-body',
             isByMe ? 'outgoing' : 'incoming',
             mouseHover ? 'mouse-hover' : '',

package/cjs/ui/UserListItem.js

@@ -1,33 +1,33 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-C-r9vRgc.js');
+var _tslib = require('../chunks/bundle-BGmEoqIq.js');
 var React = require('react');
-var UserProfileContext = require('../chunks/bundle-D7v4i_Ae.js');
-var LocalizationContext = require('../chunks/bundle-B7wJ4Hqk.js');
-var ui_Avatar = require('../chunks/bundle-C0ZNrrcl.js');
+var UserProfileContext = require('../chunks/bundle-Ch54AIEU.js');
+var LocalizationContext = require('../chunks/bundle-u9XWE6Rm.js');
+var ui_Avatar = require('../chunks/bundle-BpJxkKab.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-Deao1Upp.js');
-require('../chunks/bundle-DWBc-Yv7.js');
-require('../chunks/bundle-CDJXrIVC.js');
+var ui_Label = require('../chunks/bundle-DgWaY7S0.js');
+require('../chunks/bundle-5FP1wNLB.js');
+require('../chunks/bundle-dokTsajJ.js');
 require('./ImageRenderer.js');
-require('../chunks/bundle-CLte647H.js');
-require('../chunks/bundle-CxNGVWIy.js');
+require('../chunks/bundle-FcnFNV4V.js');
+require('../chunks/bundle-Ca2fr0Kb.js');
 require('./Icon.js');
 require('../sendbirdSelectors.js');
-require('../chunks/bundle-DpK1fr1j.js');
+require('../chunks/bundle-C9goSwm_.js');
 require('./Button.js');
 require('../useSendbirdStateContext.js');
 require('../withSendbird.js');
-require('../chunks/bundle-Bpy7IQta.js');
+require('../chunks/bundle-K2UuTY_r.js');
 require('react-dom');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
 require('./SortByRow.js');
-require('../chunks/bundle-Ub33KGva.js');
-require('../chunks/bundle-Cw7xe6J1.js');
+require('../chunks/bundle-nJ_H0gk1.js');
+require('../chunks/bundle-CRjV-DLM.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
 
@@ -53,7 +53,7 @@ function UserListItem(_a) {
                 } })); }, menuItems: function (closeDropdown) { return (renderUserProfile
                 ? renderUserProfile({
                     user: user,
-                    currentUserId: currentUser,
+                    currentUserId: currentUser !== null && currentUser !== void 0 ? currentUser : '',
                     close: closeDropdown,
                     avatarRef: avatarRef,
                 })
@@ -68,7 +68,7 @@ function UserListItem(_a) {
             (currentUser === user.userId) && (stringSet.CHANNEL_SETTING__MEMBERS__YOU)), // if there is now nickname, display userId
         !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); } }))),
+            React.createElement(ui_Checkbox, { id: uniqueKey, checked: checked, disabled: disabled, onChange: function (event) { return onChange === null || onChange === void 0 ? void 0 : onChange(event); } }))),
         operator && (React.createElement(ui_Label.Label, { className: [
                 'sendbird-user-list-item__operator',
                 checkBox ? 'checkbox' : '',

package/cjs/ui/UserProfile.js

@@ -1,20 +1,20 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('../chunks/bundle-B7wJ4Hqk.js');
-var UserProfileContext = require('../chunks/bundle-D7v4i_Ae.js');
+var LocalizationContext = require('../chunks/bundle-u9XWE6Rm.js');
+var UserProfileContext = require('../chunks/bundle-Ch54AIEU.js');
 var sendbirdSelectors = require('../sendbirdSelectors.js');
-var ui_Avatar = require('../chunks/bundle-C0ZNrrcl.js');
-var ui_Label = require('../chunks/bundle-Deao1Upp.js');
+var ui_Avatar = require('../chunks/bundle-BpJxkKab.js');
+var ui_Label = require('../chunks/bundle-DgWaY7S0.js');
 var ui_Button = require('./Button.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-require('../chunks/bundle-DWBc-Yv7.js');
-require('../chunks/bundle-CDJXrIVC.js');
-require('../chunks/bundle-DpK1fr1j.js');
-require('../chunks/bundle-CLte647H.js');
-require('../chunks/bundle-C-r9vRgc.js');
+require('../chunks/bundle-BGmEoqIq.js');
+require('../chunks/bundle-5FP1wNLB.js');
+require('../chunks/bundle-dokTsajJ.js');
+require('../chunks/bundle-C9goSwm_.js');
+require('../chunks/bundle-FcnFNV4V.js');
 require('./ImageRenderer.js');
-require('../chunks/bundle-CxNGVWIy.js');
+require('../chunks/bundle-Ca2fr0Kb.js');
 require('./Icon.js');
 require('../withSendbird.js');
 
@@ -37,10 +37,10 @@ function UserProfile(_a) {
                     // Create 1:1 channel
                     var params = {
                         isDistinct: false,
-                        invitedUserIds: [user === null || user === void 0 ? void 0 : user.userId],
+                        invitedUserIds: (user === null || user === void 0 ? void 0 : user.userId) ? [user === null || user === void 0 ? void 0 : user.userId] : [],
                         operatorUserIds: [currentUserId_],
                     };
-                    onSuccess();
+                    onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess();
                     createChannel(params)
                         .then(function (groupChannel) {
                         logger.info('UserProfile, channel create', groupChannel);

package/cjs/ui/VoiceMessageInput.js

@@ -5,15 +5,15 @@ require('./PlaybackTime.js');
 require('./ProgressBar.js');
 require('./TextButton.js');
 require('./Icon.js');
-require('../chunks/bundle-Deao1Upp.js');
-require('../chunks/bundle-B7wJ4Hqk.js');
-var ui_VoiceMessageInput = require('../chunks/bundle-DGJX80zy.js');
-require('../chunks/bundle-Ca7xeBTO.js');
-require('../chunks/bundle-C-r9vRgc.js');
-require('../chunks/bundle-DWBc-Yv7.js');
-require('../chunks/bundle-DWGp201o.js');
-require('../chunks/bundle-CLte647H.js');
-require('../chunks/bundle-CDJXrIVC.js');
+require('../chunks/bundle-DgWaY7S0.js');
+require('../chunks/bundle-u9XWE6Rm.js');
+var ui_VoiceMessageInput = require('../chunks/bundle-3m9OAKfW.js');
+require('../chunks/bundle-B9KKI197.js');
+require('../chunks/bundle-FcnFNV4V.js');
+require('../chunks/bundle-BGmEoqIq.js');
+require('../chunks/bundle-5FP1wNLB.js');
+require('../chunks/bundle-D91GTav0.js');
+require('../chunks/bundle-dokTsajJ.js');