@sendbird/uikit-react 3.14.4 → 3.14.6

package/cjs/ui/OpenchannelUserMessage.js

@@ -1,35 +1,35 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-HGbi-rCv.js');
+var _tslib = require('../chunks/bundle-eTYC1RPT.js');
 var React = require('react');
-var index$1 = require('../chunks/bundle-DAj-1QVM.js');
-var ui_Avatar = require('../chunks/bundle-DxSB9NRz.js');
+var index$1 = require('../chunks/bundle-Cd-3W3UM.js');
+var ui_Avatar = require('../chunks/bundle-C_8UQBXr.js');
 var ui_ContextMenu = require('./ContextMenu.js');
 var ui_Icon = require('./Icon.js');
 var ui_IconButton = require('./IconButton.js');
-var ui_Label = require('../chunks/bundle-5_kPn4wU.js');
+var ui_Label = require('../chunks/bundle-DY5rfl6W.js');
 var ui_Loader = require('./Loader.js');
 var ui_UserProfile = require('./UserProfile.js');
-var UserProfileContext = require('../chunks/bundle-CAUMYdVU.js');
-var LocalizationContext = require('../chunks/bundle-oeWNUdCB.js');
-var utils = require('../chunks/bundle-C51HeaX4.js');
-var uuid = require('../chunks/bundle-1XtsxT8L.js');
-var index = require('../chunks/bundle-C3RFfU6_.js');
-var MediaQueryContext = require('../chunks/bundle-BwQ4BJif.js');
-var useLongPress = require('../chunks/bundle-miB6ue8g.js');
-var index$2 = require('../chunks/bundle-wl1uuzU7.js');
-require('../chunks/bundle-BWGOXLHb.js');
+var UserProfileContext = require('../chunks/bundle-DTzydpqA.js');
+var LocalizationContext = require('../chunks/bundle-OWb8eJt-.js');
+var utils = require('../chunks/bundle-CL4Kklzg.js');
+var uuid = require('../chunks/bundle-YRiE_c63.js');
+var index = require('../chunks/bundle-lYouUxag.js');
+var MediaQueryContext = require('../chunks/bundle-OIKGVRus.js');
+var useLongPress = require('../chunks/bundle-Bgeq75IH.js');
+var index$2 = require('../chunks/bundle-DrYI_bNa.js');
+require('../chunks/bundle-1A4pOyri.js');
 require('./ImageRenderer.js');
-require('../chunks/bundle-BoLhr7Ko.js');
-require('../chunks/bundle-C93-onMF.js');
-require('../chunks/bundle-BTU876jx.js');
+require('../chunks/bundle-DOoshvnj.js');
+require('../chunks/bundle-DcQeRT4T.js');
+require('../chunks/bundle-Dymg5zVO.js');
 require('react-dom');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
 require('./SortByRow.js');
-require('../chunks/bundle-gtkPlUrw.js');
+require('../chunks/bundle-BNMoxGCr.js');
 require('../sendbirdSelectors.js');
-require('../chunks/bundle-Dehhi1FZ.js');
+require('../chunks/bundle-7CEyuoln.js');
 require('./Button.js');
 require('../useSendbirdStateContext.js');
 require('../withSendbird.js');
@@ -41,10 +41,10 @@ function OpenchannelUserMessage(_a) {
     // hooks
     var _c = LocalizationContext.useLocalization(), stringSet = _c.stringSet, dateLocale = _c.dateLocale;
     var _d = React.useContext(UserProfileContext.UserProfileContext), disableUserProfile = _d.disableUserProfile, renderUserProfile = _d.renderUserProfile;
-    var messageRef = React.useRef(null);
-    var avatarRef = React.useRef(null);
-    var contextMenuRef = React.useRef(null);
-    var mobileMenuRef = React.useRef(null);
+    var messageRef = React.useRef();
+    var avatarRef = React.useRef();
+    var contextMenuRef = React.useRef();
+    var mobileMenuRef = React.useRef();
     var _e = React.useState({}), contextStyle = _e[0], setContextStyle = _e[1];
     var _f = React.useState(false), contextMenu = _f[0], setContextMenu = _f[1];
     // consts
@@ -55,7 +55,7 @@ function OpenchannelUserMessage(_a) {
     // place context menu top depending clientHeight of message component
     React.useEffect(function () {
         var _a;
-        if (((_a = messageRef === null || messageRef === void 0 ? void 0 : messageRef.current) === null || _a === void 0 ? void 0 : _a.clientHeight) > 36) {
+        if (((_a = messageRef === null || messageRef === void 0 ? void 0 : messageRef.current) === null || _a === void 0 ? void 0 : _a.clientHeight) && messageRef.current.clientHeight > 36) {
             setContextStyle({ top: '8px ' });
         }
         else {

package/cjs/ui/PlaceHolder.js

@@ -2,15 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _tslib = require('../chunks/bundle-HGbi-rCv.js');
+var _tslib = require('../chunks/bundle-eTYC1RPT.js');
 var React = require('react');
-var LocalizationContext = require('../chunks/bundle-oeWNUdCB.js');
+var LocalizationContext = require('../chunks/bundle-OWb8eJt-.js');
 var ui_Icon = require('./Icon.js');
-var ui_Label = require('../chunks/bundle-5_kPn4wU.js');
+var ui_Label = require('../chunks/bundle-DY5rfl6W.js');
 var ui_Loader = require('./Loader.js');
-require('../chunks/bundle-gtkPlUrw.js');
-require('../chunks/bundle-BWGOXLHb.js');
-require('../chunks/bundle-BoLhr7Ko.js');
+require('../chunks/bundle-BNMoxGCr.js');
+require('../chunks/bundle-1A4pOyri.js');
+require('../chunks/bundle-DOoshvnj.js');
 
 var PlaceHolderTypes = {
     LOADING: 'LOADING',
@@ -22,7 +22,7 @@ var PlaceHolderTypes = {
     NO_RESULTS: 'NO_RESULTS',
 };
 function PlaceHolder(_a) {
-    var _b = _a.className, className = _b === void 0 ? '' : _b, type = _a.type, iconSize = _a.iconSize, _c = _a.searchInString, searchInString = _c === void 0 ? '' : _c, _d = _a.retryToConnect, retryToConnect = _d === void 0 ? null : _d;
+    var _b = _a.className, className = _b === void 0 ? '' : _b, type = _a.type, iconSize = _a.iconSize, _c = _a.searchInString, searchInString = _c === void 0 ? '' : _c, retryToConnect = _a.retryToConnect;
     var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
     return (React.createElement("div", { className: _tslib.__spreadArray(_tslib.__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
             'sendbird-place-holder',

package/cjs/ui/PlaybackTime.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var ui_Label = require('../chunks/bundle-5_kPn4wU.js');
-require('../chunks/bundle-HGbi-rCv.js');
-require('../chunks/bundle-gtkPlUrw.js');
+var ui_Label = require('../chunks/bundle-DY5rfl6W.js');
+require('../chunks/bundle-eTYC1RPT.js');
+require('../chunks/bundle-BNMoxGCr.js');
 
 var PlaybackTime = function (_a) {
     var className = _a.className, _b = _a.time, time = _b === void 0 ? 0 : _b, _c = _a.labelType, labelType = _c === void 0 ? ui_Label.LabelTypography.CAPTION_2 : _c, _d = _a.labelColor, labelColor = _d === void 0 ? ui_Label.LabelColors.ONCONTENT_1 : _d;

package/cjs/ui/ProgressBar.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
+var utils = require('../chunks/bundle-DOoshvnj.js');
 
 /* eslint-disable no-redeclare */
 var ProgressBarColorTypes = {
@@ -14,7 +15,7 @@ var ProgressBar = function (_a) {
     var width = React.useMemo(function () {
         return "".concat(currentSize / maxSize * 100, "%");
     }, [currentSize, maxSize]);
-    return (React.createElement("div", { className: "sendbird-progress-bar ".concat(className, " ").concat(colorType, " ").concat(disabled ? 'progress-bar--disabled' : '') },
+    return (React.createElement("div", { className: utils.classnames('sendbird-progress-bar', className, colorType, disabled && 'progress-bar--disabled') },
         React.createElement("div", { className: "sendbird-progress-bar__fill", style: { width: width } })));
 };
 

package/cjs/ui/ProgressBar.js.map

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

package/cjs/ui/QuoteMessage.js

@@ -2,15 +2,15 @@
 
 var React = require('react');
 var ui_Icon = require('./Icon.js');
-var ui_Label = require('../chunks/bundle-5_kPn4wU.js');
+var ui_Label = require('../chunks/bundle-DY5rfl6W.js');
 var ui_ImageRenderer = require('./ImageRenderer.js');
-var LocalizationContext = require('../chunks/bundle-oeWNUdCB.js');
-var index = require('../chunks/bundle-wl1uuzU7.js');
-var utils = require('../chunks/bundle-DcSTnNI0.js');
-require('../chunks/bundle-HGbi-rCv.js');
-require('../chunks/bundle-BoLhr7Ko.js');
-require('../chunks/bundle-gtkPlUrw.js');
-require('../chunks/bundle-BWGOXLHb.js');
+var LocalizationContext = require('../chunks/bundle-OWb8eJt-.js');
+var index = require('../chunks/bundle-DrYI_bNa.js');
+var utils = require('../chunks/bundle-cqwHj7Dj.js');
+require('../chunks/bundle-eTYC1RPT.js');
+require('../chunks/bundle-DOoshvnj.js');
+require('../chunks/bundle-BNMoxGCr.js');
+require('../chunks/bundle-1A4pOyri.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
 

package/cjs/ui/QuoteMessageInput.js

@@ -1,25 +1,25 @@
 'use strict';
 
 var React = require('react');
-var index = require('../chunks/bundle-wl1uuzU7.js');
+var index = require('../chunks/bundle-DrYI_bNa.js');
 var ui_Icon = require('./Icon.js');
-var ui_Label = require('../chunks/bundle-5_kPn4wU.js');
-var LocalizationContext = require('../chunks/bundle-oeWNUdCB.js');
+var ui_Label = require('../chunks/bundle-DY5rfl6W.js');
+var LocalizationContext = require('../chunks/bundle-OWb8eJt-.js');
 var ui_ImageRenderer = require('./ImageRenderer.js');
-var utils = require('../chunks/bundle-DcSTnNI0.js');
-require('../chunks/bundle-HGbi-rCv.js');
+var utils = require('../chunks/bundle-cqwHj7Dj.js');
+require('../chunks/bundle-eTYC1RPT.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-BoLhr7Ko.js');
-require('../chunks/bundle-gtkPlUrw.js');
-require('../chunks/bundle-BWGOXLHb.js');
+require('../chunks/bundle-DOoshvnj.js');
+require('../chunks/bundle-BNMoxGCr.js');
+require('../chunks/bundle-1A4pOyri.js');
 
 var componentClassname = 'sendbird-quote_message_input__avatar';
 function QuoteMessageThumbnail(_a) {
     var _b;
     var message = _a.message;
     if (!index.isFileMessage(message) && !index.isMultipleFilesMessage(message) || index.isVoiceMessage(message)) {
-        return null;
+        return React.createElement(React.Fragment, null);
     }
     var thumbnailUrl = utils.getMessageFirstFileThumbnailUrl(message);
     if (!thumbnailUrl) {
@@ -57,7 +57,7 @@ function QuoteMessageInput(_a) {
     var sender = replyingMessage === null || replyingMessage === void 0 ? void 0 : replyingMessage.sender;
     var displayFileIcon = (index.isFileMessage(replyingMessage) || index.isMultipleFilesMessage(replyingMessage))
         && !index.isVoiceMessage(replyingMessage);
-    return (React.createElement("div", { className: index.getClassName(['sendbird-quote_message_input', className]) },
+    return (React.createElement("div", { className: index.getClassName(['sendbird-quote_message_input', className !== null && className !== void 0 ? className : '']) },
         displayFileIcon && (React.createElement(QuoteMessageThumbnail, { message: fileMessage })),
         React.createElement("div", { className: "sendbird-quote_message_input__body", style: {
                 width: "calc(100% - ".concat(displayFileIcon ? '164px' : '120px', ")"),
@@ -73,7 +73,7 @@ function QuoteMessageInput(_a) {
                 index.isMultipleFilesMessage(replyingMessage)
                     && "".concat(fileMessage.fileInfoList.length, " Photos"),
                 index.isVoiceMessage(replyingMessage) && stringSet.VOICE_MESSAGE)),
-        React.createElement(ui_Icon.default, { className: "sendbird-quote_message_input__close-button", type: ui_Icon.IconTypes.CLOSE, fillColor: ui_Icon.IconColors.ON_BACKGROUND_2, width: "24px", height: "24px", onClick: function () { return onClose(replyingMessage); } })));
+        React.createElement(ui_Icon.default, { className: "sendbird-quote_message_input__close-button", type: ui_Icon.IconTypes.CLOSE, fillColor: ui_Icon.IconColors.ON_BACKGROUND_2, width: "24px", height: "24px", onClick: function () { return onClose === null || onClose === void 0 ? void 0 : onClose(replyingMessage); } })));
 }
 
 module.exports = QuoteMessageInput;

package/cjs/ui/ReactionBadge.js

@@ -1,9 +1,9 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-HGbi-rCv.js');
+var _tslib = require('../chunks/bundle-eTYC1RPT.js');
 var React = require('react');
-var ui_Label = require('../chunks/bundle-5_kPn4wU.js');
-require('../chunks/bundle-gtkPlUrw.js');
+var ui_Label = require('../chunks/bundle-DY5rfl6W.js');
+require('../chunks/bundle-BNMoxGCr.js');
 
 var ReactionBadge = React.forwardRef(function (props, ref) {
     var _a = props.className, className = _a === void 0 ? '' : _a, children = props.children, _b = props.count, count = _b === void 0 ? '' : _b, _c = props.isAdd, isAdd = _c === void 0 ? false : _c, _d = props.selected, selected = _d === void 0 ? false : _d, _e = props.onClick, onClick = _e === void 0 ? function () { } : _e;
@@ -21,7 +21,7 @@ var ReactionBadge = React.forwardRef(function (props, ref) {
         ], false).join(' '), role: "button", ref: ref, onClick: onClick, onKeyDown: onClick, onTouchEnd: onClick, tabIndex: 0 },
         React.createElement("div", { className: "sendbird-reaction-badge__inner" },
             React.createElement("div", { className: "sendbird-reaction-badge__inner__icon" }, children),
-            React.createElement(ui_Label.Label, { className: (children && count) && 'sendbird-reaction-badge__inner__count', type: ui_Label.LabelTypography.CAPTION_3, color: ui_Label.LabelColors.ONBACKGROUND_1 }, count))));
+            React.createElement(ui_Label.Label, { className: (children && count) ? 'sendbird-reaction-badge__inner__count' : '', type: ui_Label.LabelTypography.CAPTION_3, color: ui_Label.LabelColors.ONBACKGROUND_1 }, count))));
 });
 
 module.exports = ReactionBadge;

package/cjs/ui/ReactionButton.js

@@ -1,10 +1,10 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-HGbi-rCv.js');
+var _tslib = require('../chunks/bundle-eTYC1RPT.js');
 var React = require('react');
-var useLongPress = require('../chunks/bundle-miB6ue8g.js');
-var utils = require('../chunks/bundle-BoLhr7Ko.js');
-require('../chunks/bundle-BwQ4BJif.js');
+var useLongPress = require('../chunks/bundle-Bgeq75IH.js');
+var utils = require('../chunks/bundle-DOoshvnj.js');
+require('../chunks/bundle-OIKGVRus.js');
 
 var ReactionButton = React.forwardRef(function (props, ref) {
     var className = props.className, width = props.width, height = props.height, selected = props.selected, _a = props.dataSbId, dataSbId = _a === void 0 ? '' : _a, onClick = props.onClick, children = props.children;

package/cjs/ui/SortByRow.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-HGbi-rCv.js');
+var _tslib = require('../chunks/bundle-eTYC1RPT.js');
 var React = require('react');
-var uuid = require('../chunks/bundle-1XtsxT8L.js');
+var uuid = require('../chunks/bundle-YRiE_c63.js');
 
 var componentClassName = 'sendbird-sort-by-row';
 function SortByRow(_a) {

package/cjs/ui/TemplateMessageItemBody.js

@@ -2,23 +2,23 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _tslib = require('../chunks/bundle-HGbi-rCv.js');
+var _tslib = require('../chunks/bundle-eTYC1RPT.js');
 var React = require('react');
-var index = require('../chunks/bundle-wl1uuzU7.js');
-var ui_MessageTemplate = require('../chunks/bundle-CDIVI7bT.js');
+var index = require('../chunks/bundle-DrYI_bNa.js');
+var ui_MessageTemplate = require('../chunks/bundle-DUzcm-3u.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-oeWNUdCB.js');
-require('../chunks/bundle-gtkPlUrw.js');
-require('../chunks/bundle-BWGOXLHb.js');
-require('../chunks/bundle-5_kPn4wU.js');
+require('../chunks/bundle-OWb8eJt-.js');
+require('../chunks/bundle-BNMoxGCr.js');
+require('../chunks/bundle-1A4pOyri.js');
+require('../chunks/bundle-DY5rfl6W.js');
 require('./Loader.js');
 require('./Icon.js');
-require('../chunks/bundle-BoLhr7Ko.js');
+require('../chunks/bundle-DOoshvnj.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-HGbi-rCv.js');
+var _tslib = require('../chunks/bundle-eTYC1RPT.js');
 var React = require('react');
-var color = require('../chunks/bundle-DAxedY0T.js');
+var color = require('../chunks/bundle-CA69fSDI.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-5_kPn4wU.js');
-var index = require('../chunks/bundle-wl1uuzU7.js');
-var LocalizationContext = require('../chunks/bundle-oeWNUdCB.js');
-var tokenize = require('../chunks/bundle-CLOaQmX9.js');
-var index$1 = require('../chunks/bundle-C3DKUT4Q.js');
-var consts = require('../chunks/bundle-8VyIP0TE.js');
-require('../chunks/bundle-HGbi-rCv.js');
-require('../chunks/bundle-gtkPlUrw.js');
+var ui_Label = require('../chunks/bundle-DY5rfl6W.js');
+var index = require('../chunks/bundle-DrYI_bNa.js');
+var LocalizationContext = require('../chunks/bundle-OWb8eJt-.js');
+var tokenize = require('../chunks/bundle-B1Ql7yM0.js');
+var index$1 = require('../chunks/bundle-CoJbL3ob.js');
+var consts = require('../chunks/bundle-D3BhVTZt.js');
+require('../chunks/bundle-eTYC1RPT.js');
+require('../chunks/bundle-BNMoxGCr.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-BWGOXLHb.js');
+require('../chunks/bundle-1A4pOyri.js');
 require('../Message/context.js');
 require('./MentionLabel.js');
 require('./ContextMenu.js');
-require('../chunks/bundle-BTU876jx.js');
+require('../chunks/bundle-Dymg5zVO.js');
 require('react-dom');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
 require('./SortByRow.js');
-require('../chunks/bundle-1XtsxT8L.js');
+require('../chunks/bundle-YRiE_c63.js');
 require('./UserProfile.js');
-require('../chunks/bundle-CAUMYdVU.js');
+require('../chunks/bundle-DTzydpqA.js');
 require('../sendbirdSelectors.js');
-require('../chunks/bundle-Dehhi1FZ.js');
-require('../chunks/bundle-BoLhr7Ko.js');
-require('../chunks/bundle-DxSB9NRz.js');
+require('../chunks/bundle-7CEyuoln.js');
+require('../chunks/bundle-DOoshvnj.js');
+require('../chunks/bundle-C_8UQBXr.js');
 require('./ImageRenderer.js');
-require('../chunks/bundle-C93-onMF.js');
+require('../chunks/bundle-DcQeRT4T.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-DxSB9NRz.js');
+var ui_Avatar = require('../chunks/bundle-C_8UQBXr.js');
 var ui_Icon = require('./Icon.js');
-var ui_Label = require('../chunks/bundle-5_kPn4wU.js');
-var LocalizationContext = require('../chunks/bundle-oeWNUdCB.js');
-require('../chunks/bundle-HGbi-rCv.js');
+var ui_Label = require('../chunks/bundle-DY5rfl6W.js');
+var LocalizationContext = require('../chunks/bundle-OWb8eJt-.js');
+require('../chunks/bundle-eTYC1RPT.js');
 require('./ImageRenderer.js');
-require('../chunks/bundle-BoLhr7Ko.js');
-require('../chunks/bundle-C93-onMF.js');
-require('../chunks/bundle-gtkPlUrw.js');
-require('../chunks/bundle-BWGOXLHb.js');
+require('../chunks/bundle-DOoshvnj.js');
+require('../chunks/bundle-DcQeRT4T.js');
+require('../chunks/bundle-BNMoxGCr.js');
+require('../chunks/bundle-1A4pOyri.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-HGbi-rCv.js');
+var _tslib = require('../chunks/bundle-eTYC1RPT.js');
 var React = require('react');
 var ui_Icon = require('./Icon.js');
 var ui_ImageRenderer = require('./ImageRenderer.js');
-var index = require('../chunks/bundle-wl1uuzU7.js');
-var utils$1 = require('../chunks/bundle-BoLhr7Ko.js');
-var useLongPress = require('../chunks/bundle-miB6ue8g.js');
-var utils = require('../chunks/bundle-DcSTnNI0.js');
+var index = require('../chunks/bundle-DrYI_bNa.js');
+var utils$1 = require('../chunks/bundle-DOoshvnj.js');
+var useLongPress = require('../chunks/bundle-Bgeq75IH.js');
+var utils = require('../chunks/bundle-cqwHj7Dj.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-BwQ4BJif.js');
+require('../chunks/bundle-OIKGVRus.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-HGbi-rCv.js');
+var _tslib = require('../chunks/bundle-eTYC1RPT.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
 require('../withSendbird.js');
 
@@ -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-HGbi-rCv.js');
+var _tslib = require('../chunks/bundle-eTYC1RPT.js');
 var React = require('react');
-var ui_Label = require('../chunks/bundle-5_kPn4wU.js');
-require('../chunks/bundle-gtkPlUrw.js');
+var ui_Label = require('../chunks/bundle-DY5rfl6W.js');
+require('../chunks/bundle-BNMoxGCr.js');
 
 function Tooltip(_a) {
     var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.children, children = _c === void 0 ? '' : _c;