@sendbird/uikit-react 3.13.2 → 3.13.3

package/cjs/ui/OpenchannelFileMessage.js

@@ -1,38 +1,38 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-BC16qA15.js');
+var _tslib = require('../chunks/bundle-B3Lu20wG.js');
 var React = require('react');
-var index$1 = require('../chunks/bundle-DLg-6Upp.js');
-var ui_Avatar = require('../chunks/bundle-VqK6Sgiy.js');
+var index$1 = require('../chunks/bundle-DskQULoR.js');
+var ui_Avatar = require('../chunks/bundle-DkGYX29W.js');
 var ui_ContextMenu = require('./ContextMenu.js');
-var ui_Label = require('../chunks/bundle-BgCtP7V4.js');
+var ui_Label = require('../chunks/bundle-B-njjZtk.js');
 var ui_Loader = require('./Loader.js');
 var ui_Icon = require('./Icon.js');
 var ui_IconButton = require('./IconButton.js');
 var ui_TextButton = require('./TextButton.js');
 var ui_UserProfile = require('./UserProfile.js');
-var UserProfileContext = require('../chunks/bundle-DQM5RZ7p.js');
-var LocalizationContext = require('../chunks/bundle-BEQWEQgH.js');
-var index = require('../chunks/bundle-Drfn-tNj.js');
-var MediaQueryContext = require('../chunks/bundle-CD82WkIi.js');
-var useLongPress = require('../chunks/bundle-BkYT_Hch.js');
-require('../chunks/bundle-B-wprLUV.js');
+var UserProfileContext = require('../chunks/bundle-tbYf0yOX.js');
+var LocalizationContext = require('../chunks/bundle-DvduWWQk.js');
+var index = require('../chunks/bundle-C36gEKFp.js');
+var MediaQueryContext = require('../chunks/bundle-1FXPxsfD.js');
+var useLongPress = require('../chunks/bundle-BNCNRHux.js');
+require('../chunks/bundle-D_qbYkHk.js');
 require('./ImageRenderer.js');
-require('../chunks/bundle-BQtI4UIy.js');
-require('../chunks/bundle-CxuGQxaT.js');
+require('../chunks/bundle-Bc6y_vRE.js');
+require('../chunks/bundle-HXyGAP9T.js');
 require('react-dom');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
 require('./SortByRow.js');
-require('../chunks/bundle-BO2p70mH.js');
-require('../chunks/bundle-DLgX_uIA.js');
+require('../chunks/bundle-S09sS9Ub.js');
+require('../chunks/bundle-Tx6vw4BY.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-Dj2Oa2F6.js');
-require('../chunks/bundle-CGBPEEGS.js');
-require('../chunks/bundle-UDIPXpOV.js');
+require('../chunks/bundle-HOuE7syZ.js');
+require('../chunks/bundle-prE7SKQr.js');
+require('../chunks/bundle-BpwSTA3F.js');
 require('../sendbirdSelectors.js');
-require('../chunks/bundle-DgX9o5Mt.js');
+require('../chunks/bundle-DcVYwXP-.js');
 require('./Button.js');
 require('../useSendbirdStateContext.js');
 require('../withSendbird.js');

package/cjs/ui/OpenchannelOGMessage.js

@@ -1,40 +1,40 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-BC16qA15.js');
+var _tslib = require('../chunks/bundle-B3Lu20wG.js');
 var React = require('react');
-var index$1 = require('../chunks/bundle-DLg-6Upp.js');
-var ui_Avatar = require('../chunks/bundle-VqK6Sgiy.js');
+var index$1 = require('../chunks/bundle-DskQULoR.js');
+var ui_Avatar = require('../chunks/bundle-DkGYX29W.js');
 var ui_ContextMenu = require('./ContextMenu.js');
 var ui_Icon = require('./Icon.js');
 var ui_IconButton = require('./IconButton.js');
 var ui_ImageRenderer = require('./ImageRenderer.js');
 var ui_LinkLabel = require('./LinkLabel.js');
-var ui_Label = require('../chunks/bundle-BgCtP7V4.js');
+var ui_Label = require('../chunks/bundle-B-njjZtk.js');
 var ui_Loader = require('./Loader.js');
 var ui_UserProfile = require('./UserProfile.js');
-var UserProfileContext = require('../chunks/bundle-DQM5RZ7p.js');
-var uuid = require('../chunks/bundle-BO2p70mH.js');
-var utils = require('../chunks/bundle-CTjNx2bJ.js');
-var LocalizationContext = require('../chunks/bundle-BEQWEQgH.js');
-var index = require('../chunks/bundle-Drfn-tNj.js');
-var MediaQueryContext = require('../chunks/bundle-CD82WkIi.js');
-var useLongPress = require('../chunks/bundle-BkYT_Hch.js');
-var index$2 = require('../chunks/bundle-nu9oFcYy.js');
-var tokenize = require('../chunks/bundle-CkG1F8lG.js');
-require('../chunks/bundle-B-wprLUV.js');
-require('../chunks/bundle-CxuGQxaT.js');
+var UserProfileContext = require('../chunks/bundle-tbYf0yOX.js');
+var uuid = require('../chunks/bundle-S09sS9Ub.js');
+var utils = require('../chunks/bundle-urLzDFXK.js');
+var LocalizationContext = require('../chunks/bundle-DvduWWQk.js');
+var index = require('../chunks/bundle-C36gEKFp.js');
+var MediaQueryContext = require('../chunks/bundle-1FXPxsfD.js');
+var useLongPress = require('../chunks/bundle-BNCNRHux.js');
+var index$2 = require('../chunks/bundle-2ATovRxE.js');
+var tokenize = require('../chunks/bundle-CQiNKK2y.js');
+require('../chunks/bundle-D_qbYkHk.js');
+require('../chunks/bundle-HXyGAP9T.js');
 require('react-dom');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
 require('./SortByRow.js');
-require('../chunks/bundle-DLgX_uIA.js');
+require('../chunks/bundle-Tx6vw4BY.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-Dj2Oa2F6.js');
-require('../chunks/bundle-BQtI4UIy.js');
-require('../chunks/bundle-CGBPEEGS.js');
+require('../chunks/bundle-HOuE7syZ.js');
+require('../chunks/bundle-Bc6y_vRE.js');
+require('../chunks/bundle-prE7SKQr.js');
 require('../sendbirdSelectors.js');
-require('../chunks/bundle-DgX9o5Mt.js');
+require('../chunks/bundle-DcVYwXP-.js');
 require('./Button.js');
 require('../useSendbirdStateContext.js');
 require('../withSendbird.js');

package/cjs/ui/OpenchannelThumbnailMessage.js

@@ -1,36 +1,36 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-BC16qA15.js');
+var _tslib = require('../chunks/bundle-B3Lu20wG.js');
 var React = require('react');
-var index$1 = require('../chunks/bundle-DLg-6Upp.js');
-var LocalizationContext = require('../chunks/bundle-BEQWEQgH.js');
-var ui_Avatar = require('../chunks/bundle-VqK6Sgiy.js');
+var index$1 = require('../chunks/bundle-DskQULoR.js');
+var LocalizationContext = require('../chunks/bundle-DvduWWQk.js');
+var ui_Avatar = require('../chunks/bundle-DkGYX29W.js');
 var ui_ContextMenu = require('./ContextMenu.js');
 var ui_Icon = require('./Icon.js');
 var ui_IconButton = require('./IconButton.js');
 var ui_ImageRenderer = require('./ImageRenderer.js');
-var ui_Label = require('../chunks/bundle-BgCtP7V4.js');
+var ui_Label = require('../chunks/bundle-B-njjZtk.js');
 var ui_Loader = require('./Loader.js');
 var ui_UserProfile = require('./UserProfile.js');
-var UserProfileContext = require('../chunks/bundle-DQM5RZ7p.js');
-var index = require('../chunks/bundle-Drfn-tNj.js');
-var MediaQueryContext = require('../chunks/bundle-CD82WkIi.js');
-var useLongPress = require('../chunks/bundle-BkYT_Hch.js');
-require('../chunks/bundle-B-wprLUV.js');
-require('../chunks/bundle-CGBPEEGS.js');
-require('../chunks/bundle-CxuGQxaT.js');
+var UserProfileContext = require('../chunks/bundle-tbYf0yOX.js');
+var index = require('../chunks/bundle-C36gEKFp.js');
+var MediaQueryContext = require('../chunks/bundle-1FXPxsfD.js');
+var useLongPress = require('../chunks/bundle-BNCNRHux.js');
+require('../chunks/bundle-D_qbYkHk.js');
+require('../chunks/bundle-prE7SKQr.js');
+require('../chunks/bundle-HXyGAP9T.js');
 require('react-dom');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
 require('./SortByRow.js');
-require('../chunks/bundle-BO2p70mH.js');
-require('../chunks/bundle-DLgX_uIA.js');
+require('../chunks/bundle-S09sS9Ub.js');
+require('../chunks/bundle-Tx6vw4BY.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-Dj2Oa2F6.js');
-require('../chunks/bundle-BQtI4UIy.js');
+require('../chunks/bundle-HOuE7syZ.js');
+require('../chunks/bundle-Bc6y_vRE.js');
 require('../sendbirdSelectors.js');
-require('../chunks/bundle-DgX9o5Mt.js');
+require('../chunks/bundle-DcVYwXP-.js');
 require('./Button.js');
 require('../useSendbirdStateContext.js');
 require('../withSendbird.js');

package/cjs/ui/OpenchannelUserMessage.js

@@ -1,40 +1,40 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-BC16qA15.js');
+var _tslib = require('../chunks/bundle-B3Lu20wG.js');
 var React = require('react');
-var index$1 = require('../chunks/bundle-DLg-6Upp.js');
-var ui_Avatar = require('../chunks/bundle-VqK6Sgiy.js');
+var index$1 = require('../chunks/bundle-DskQULoR.js');
+var ui_Avatar = require('../chunks/bundle-DkGYX29W.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-BgCtP7V4.js');
+var ui_Label = require('../chunks/bundle-B-njjZtk.js');
 var ui_Loader = require('./Loader.js');
 var ui_UserProfile = require('./UserProfile.js');
-var UserProfileContext = require('../chunks/bundle-DQM5RZ7p.js');
-var LocalizationContext = require('../chunks/bundle-BEQWEQgH.js');
-var utils = require('../chunks/bundle-CTjNx2bJ.js');
-var uuid = require('../chunks/bundle-BO2p70mH.js');
-var index = require('../chunks/bundle-Drfn-tNj.js');
-var MediaQueryContext = require('../chunks/bundle-CD82WkIi.js');
-var useLongPress = require('../chunks/bundle-BkYT_Hch.js');
-var index$2 = require('../chunks/bundle-DLgX_uIA.js');
-require('../chunks/bundle-B-wprLUV.js');
+var UserProfileContext = require('../chunks/bundle-tbYf0yOX.js');
+var LocalizationContext = require('../chunks/bundle-DvduWWQk.js');
+var utils = require('../chunks/bundle-urLzDFXK.js');
+var uuid = require('../chunks/bundle-S09sS9Ub.js');
+var index = require('../chunks/bundle-C36gEKFp.js');
+var MediaQueryContext = require('../chunks/bundle-1FXPxsfD.js');
+var useLongPress = require('../chunks/bundle-BNCNRHux.js');
+var index$2 = require('../chunks/bundle-Tx6vw4BY.js');
+require('../chunks/bundle-D_qbYkHk.js');
 require('./ImageRenderer.js');
-require('../chunks/bundle-BQtI4UIy.js');
-require('../chunks/bundle-CxuGQxaT.js');
+require('../chunks/bundle-Bc6y_vRE.js');
+require('../chunks/bundle-HXyGAP9T.js');
 require('react-dom');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
 require('./SortByRow.js');
-require('../chunks/bundle-CGBPEEGS.js');
+require('../chunks/bundle-prE7SKQr.js');
 require('../sendbirdSelectors.js');
-require('../chunks/bundle-DgX9o5Mt.js');
+require('../chunks/bundle-DcVYwXP-.js');
 require('./Button.js');
 require('../useSendbirdStateContext.js');
 require('../withSendbird.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-Dj2Oa2F6.js');
+require('../chunks/bundle-HOuE7syZ.js');
 
 function OpenchannelUserMessage(_a) {
     var className = _a.className, message = _a.message, isOperator = _a.isOperator, _b = _a.isEphemeral, isEphemeral = _b === void 0 ? false : _b, userId = _a.userId, resendMessage = _a.resendMessage, disabled = _a.disabled, showEdit = _a.showEdit, showRemove = _a.showRemove, chainTop = _a.chainTop;

package/cjs/ui/PlaceHolder.js

@@ -2,15 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _tslib = require('../chunks/bundle-BC16qA15.js');
+var _tslib = require('../chunks/bundle-B3Lu20wG.js');
 var React = require('react');
-var LocalizationContext = require('../chunks/bundle-BEQWEQgH.js');
+var LocalizationContext = require('../chunks/bundle-DvduWWQk.js');
 var ui_Icon = require('./Icon.js');
-var ui_Label = require('../chunks/bundle-BgCtP7V4.js');
+var ui_Label = require('../chunks/bundle-B-njjZtk.js');
 var ui_Loader = require('./Loader.js');
-require('../chunks/bundle-CGBPEEGS.js');
-require('../chunks/bundle-B-wprLUV.js');
-require('../chunks/bundle-BQtI4UIy.js');
+require('../chunks/bundle-prE7SKQr.js');
+require('../chunks/bundle-D_qbYkHk.js');
+require('../chunks/bundle-Bc6y_vRE.js');
 
 var PlaceHolderTypes = {
     LOADING: 'LOADING',

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-BgCtP7V4.js');
-require('../chunks/bundle-BC16qA15.js');
-require('../chunks/bundle-CGBPEEGS.js');
+var ui_Label = require('../chunks/bundle-B-njjZtk.js');
+require('../chunks/bundle-B3Lu20wG.js');
+require('../chunks/bundle-prE7SKQr.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/QuoteMessage.js

@@ -2,18 +2,18 @@
 
 var React = require('react');
 var ui_Icon = require('./Icon.js');
-var ui_Label = require('../chunks/bundle-BgCtP7V4.js');
+var ui_Label = require('../chunks/bundle-B-njjZtk.js');
 var ui_ImageRenderer = require('./ImageRenderer.js');
-var LocalizationContext = require('../chunks/bundle-BEQWEQgH.js');
-var index = require('../chunks/bundle-DLgX_uIA.js');
-var utils = require('../chunks/bundle-7Mbs7JEn.js');
-require('../chunks/bundle-BC16qA15.js');
-require('../chunks/bundle-BQtI4UIy.js');
-require('../chunks/bundle-CGBPEEGS.js');
-require('../chunks/bundle-B-wprLUV.js');
+var LocalizationContext = require('../chunks/bundle-DvduWWQk.js');
+var index = require('../chunks/bundle-Tx6vw4BY.js');
+var utils = require('../chunks/bundle-BSLZ5pEu.js');
+require('../chunks/bundle-B3Lu20wG.js');
+require('../chunks/bundle-Bc6y_vRE.js');
+require('../chunks/bundle-prE7SKQr.js');
+require('../chunks/bundle-D_qbYkHk.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-Dj2Oa2F6.js');
+require('../chunks/bundle-HOuE7syZ.js');
 
 function QuoteMessage(_a) {
     var _b;

package/cjs/ui/QuoteMessageInput.js

@@ -1,19 +1,19 @@
 'use strict';
 
 var React = require('react');
-var index = require('../chunks/bundle-DLgX_uIA.js');
+var index = require('../chunks/bundle-Tx6vw4BY.js');
 var ui_Icon = require('./Icon.js');
-var ui_Label = require('../chunks/bundle-BgCtP7V4.js');
-var LocalizationContext = require('../chunks/bundle-BEQWEQgH.js');
+var ui_Label = require('../chunks/bundle-B-njjZtk.js');
+var LocalizationContext = require('../chunks/bundle-DvduWWQk.js');
 var ui_ImageRenderer = require('./ImageRenderer.js');
-var utils = require('../chunks/bundle-7Mbs7JEn.js');
-require('../chunks/bundle-BC16qA15.js');
+var utils = require('../chunks/bundle-BSLZ5pEu.js');
+require('../chunks/bundle-B3Lu20wG.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-Dj2Oa2F6.js');
-require('../chunks/bundle-BQtI4UIy.js');
-require('../chunks/bundle-CGBPEEGS.js');
-require('../chunks/bundle-B-wprLUV.js');
+require('../chunks/bundle-HOuE7syZ.js');
+require('../chunks/bundle-Bc6y_vRE.js');
+require('../chunks/bundle-prE7SKQr.js');
+require('../chunks/bundle-D_qbYkHk.js');
 
 var componentClassname = 'sendbird-quote_message_input__avatar';
 function QuoteMessageThumbnail(_a) {

package/cjs/ui/ReactionBadge.js

@@ -1,9 +1,9 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-BC16qA15.js');
+var _tslib = require('../chunks/bundle-B3Lu20wG.js');
 var React = require('react');
-var ui_Label = require('../chunks/bundle-BgCtP7V4.js');
-require('../chunks/bundle-CGBPEEGS.js');
+var ui_Label = require('../chunks/bundle-B-njjZtk.js');
+require('../chunks/bundle-prE7SKQr.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;

package/cjs/ui/ReactionButton.js

@@ -1,10 +1,10 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-BC16qA15.js');
+var _tslib = require('../chunks/bundle-B3Lu20wG.js');
 var React = require('react');
-var useLongPress = require('../chunks/bundle-BkYT_Hch.js');
-var utils = require('../chunks/bundle-BQtI4UIy.js');
-require('../chunks/bundle-CD82WkIi.js');
+var useLongPress = require('../chunks/bundle-BNCNRHux.js');
+var utils = require('../chunks/bundle-Bc6y_vRE.js');
+require('../chunks/bundle-1FXPxsfD.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-BC16qA15.js');
+var _tslib = require('../chunks/bundle-B3Lu20wG.js');
 var React = require('react');
-var uuid = require('../chunks/bundle-BO2p70mH.js');
+var uuid = require('../chunks/bundle-S09sS9Ub.js');
 
 var componentClassName = 'sendbird-sort-by-row';
 function SortByRow(_a) {

package/cjs/ui/TemplateMessageItemBody.js

@@ -2,24 +2,24 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _tslib = require('../chunks/bundle-BC16qA15.js');
+var _tslib = require('../chunks/bundle-B3Lu20wG.js');
 var React = require('react');
-var index = require('../chunks/bundle-DLgX_uIA.js');
-var ui_MessageTemplate = require('../chunks/bundle-CyopFRXm.js');
+var index = require('../chunks/bundle-Tx6vw4BY.js');
+var ui_MessageTemplate = require('../chunks/bundle-CEiDcA9X.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('../chunks/bundle-Dj2Oa2F6.js');
+require('../chunks/bundle-HOuE7syZ.js');
 require('../withSendbird.js');
-require('../chunks/bundle-BEQWEQgH.js');
-require('../chunks/bundle-CGBPEEGS.js');
-require('../chunks/bundle-B-wprLUV.js');
-require('../chunks/bundle-BgCtP7V4.js');
+require('../chunks/bundle-DvduWWQk.js');
+require('../chunks/bundle-prE7SKQr.js');
+require('../chunks/bundle-D_qbYkHk.js');
+require('../chunks/bundle-B-njjZtk.js');
 require('./Loader.js');
 require('./Icon.js');
-require('../chunks/bundle-BQtI4UIy.js');
+require('../chunks/bundle-Bc6y_vRE.js');
 
 var MessageTemplateWrapper = function (_a) {
     var message = _a.message, templateItems = _a.templateItems;
@@ -154,6 +154,29 @@ function selectColorVariablesByTheme(_a) {
     return theme === 'light' ? light : dark;
 }
 
+var MessageTemplateErrorBoundary = /** @class */ (function (_super) {
+    _tslib.__extends(MessageTemplateErrorBoundary, _super);
+    function MessageTemplateErrorBoundary(props) {
+        var _this = _super.call(this, props) || this;
+        _this.state = { hasError: false };
+        return _this;
+    }
+    MessageTemplateErrorBoundary.getDerivedStateFromError = function () {
+        return { hasError: true };
+    };
+    MessageTemplateErrorBoundary.prototype.componentDidCatch = function (error, errorInfo) {
+        var _a;
+        (_a = this.props.logger) === null || _a === void 0 ? void 0 : _a.error('Error caught by ErrorBoundary:', error, errorInfo);
+    };
+    MessageTemplateErrorBoundary.prototype.render = function () {
+        if (this.state.hasError) {
+            return this.props.fallbackMessage;
+        }
+        return this.props.children;
+    };
+    return MessageTemplateErrorBoundary;
+}(React.Component));
+
 var TEMPLATE_FETCH_RETRY_BUFFER_TIME_IN_MILLIES = 500; // It takes about 450ms for isError update
 /**
  * Returns copied message template object filled with given template data and color variables.
@@ -170,9 +193,11 @@ var getFilledMessageTemplateWithData = function (template, templateData, colorVa
     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;
-    var templateData = (_b = message.extendedMessagePayload) === null || _b === void 0 ? void 0 : _b['template'];
+    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;
+    var store = useSendbirdStateContext.useSendbirdStateContext();
+    var logger = (_b = store === null || store === void 0 ? void 0 : store.config) === null || _b === void 0 ? void 0 : _b.logger;
+    var templateData = (_c = message.extendedMessagePayload) === null || _c === void 0 ? void 0 : _c['template'];
     if (!(templateData === null || templateData === void 0 ? void 0 : templateData.key)) {
         return React.createElement(ui_FallbackTemplateMessageItemBody_tsx.FallbackTemplateMessageItemBody, { className: className, message: message, isByMe: isByMe });
     }
@@ -181,9 +206,9 @@ function TemplateMessageItemBody(_a) {
     if (!globalState) {
         return React.createElement(ui_FallbackTemplateMessageItemBody_tsx.FallbackTemplateMessageItemBody, { className: className, message: message, isByMe: isByMe });
     }
-    var _f = globalState.utils, getCachedTemplate = _f.getCachedTemplate, updateMessageTemplatesInfo = _f.updateMessageTemplatesInfo;
+    var _g = globalState.utils, getCachedTemplate = _g.getCachedTemplate, updateMessageTemplatesInfo = _g.updateMessageTemplatesInfo;
     var waitingTemplateKeysMap = globalState.stores.appInfoStore.waitingTemplateKeysMap;
-    var _g = React.useState(function () {
+    var _h = React.useState(function () {
         var _a;
         var cachedTemplate = getCachedTemplate(templateData.key);
         if (cachedTemplate) {
@@ -192,8 +217,8 @@ function TemplateMessageItemBody(_a) {
         else {
             return [];
         }
-    }), filledMessageTemplateItems = _g[0], setFilledMessageTemplateItems = _g[1];
-    var _h = React.useState(false), isErrored = _h[0], setIsErrored = _h[1];
+    }), filledMessageTemplateItems = _h[0], setFilledMessageTemplateItems = _h[1];
+    var _j = React.useState(false), isErrored = _j[0], setIsErrored = _j[1];
     var waitingTemplateKeysMapString = Object.entries(waitingTemplateKeysMap)
         .map(function (_a) {
         var key = _a[0], value = _a[1];
@@ -237,7 +262,8 @@ function TemplateMessageItemBody(_a) {
             isByMe ? 'outgoing' : 'incoming',
             'sendbird-template-message-item-body',
         ]) },
-        React.createElement(MessageTemplateWrapper, { message: message, templateItems: filledMessageTemplateItems })));
+        React.createElement(MessageTemplateErrorBoundary, { fallbackMessage: React.createElement(ui_FallbackTemplateMessageItemBody_tsx.FallbackTemplateMessageItemBody, { className: className, message: message, isByMe: isByMe }), logger: logger },
+            React.createElement(MessageTemplateWrapper, { message: message, templateItems: filledMessageTemplateItems }))));
 }
 
 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-BC16qA15.js');
+var _tslib = require('../chunks/bundle-B3Lu20wG.js');
 var React = require('react');
-var color = require('../chunks/bundle-UDIPXpOV.js');
+var color = require('../chunks/bundle-BpwSTA3F.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,18 +1,18 @@
 'use strict';
 
 var React = require('react');
-var ui_Label = require('../chunks/bundle-BgCtP7V4.js');
-var index = require('../chunks/bundle-DLgX_uIA.js');
-var LocalizationContext = require('../chunks/bundle-BEQWEQgH.js');
-var tokenize = require('../chunks/bundle-CkG1F8lG.js');
-var index$1 = require('../chunks/bundle-nu9oFcYy.js');
-var consts = require('../chunks/bundle-D1EDPlQX.js');
-require('../chunks/bundle-BC16qA15.js');
-require('../chunks/bundle-CGBPEEGS.js');
+var ui_Label = require('../chunks/bundle-B-njjZtk.js');
+var index = require('../chunks/bundle-Tx6vw4BY.js');
+var LocalizationContext = require('../chunks/bundle-DvduWWQk.js');
+var tokenize = require('../chunks/bundle-CQiNKK2y.js');
+var index$1 = require('../chunks/bundle-2ATovRxE.js');
+var consts = require('../chunks/bundle-BO1-msX2.js');
+require('../chunks/bundle-B3Lu20wG.js');
+require('../chunks/bundle-prE7SKQr.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-Dj2Oa2F6.js');
-require('../chunks/bundle-B-wprLUV.js');
+require('../chunks/bundle-HOuE7syZ.js');
+require('../chunks/bundle-D_qbYkHk.js');
 require('../Message/context.js');
 require('./MentionLabel.js');
 require('./ContextMenu.js');
@@ -20,15 +20,15 @@ require('react-dom');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
 require('./SortByRow.js');
-require('../chunks/bundle-BO2p70mH.js');
+require('../chunks/bundle-S09sS9Ub.js');
 require('./UserProfile.js');
-require('../chunks/bundle-DQM5RZ7p.js');
+require('../chunks/bundle-tbYf0yOX.js');
 require('../sendbirdSelectors.js');
-require('../chunks/bundle-DgX9o5Mt.js');
-require('../chunks/bundle-BQtI4UIy.js');
-require('../chunks/bundle-VqK6Sgiy.js');
+require('../chunks/bundle-DcVYwXP-.js');
+require('../chunks/bundle-Bc6y_vRE.js');
+require('../chunks/bundle-DkGYX29W.js');
 require('./ImageRenderer.js');
-require('../chunks/bundle-CxuGQxaT.js');
+require('../chunks/bundle-HXyGAP9T.js');
 require('./Icon.js');
 require('./Button.js');
 require('../useSendbirdStateContext.js');

package/cjs/ui/ThreadReplies.js

@@ -1,16 +1,16 @@
 'use strict';
 
 var React = require('react');
-var ui_Avatar = require('../chunks/bundle-VqK6Sgiy.js');
+var ui_Avatar = require('../chunks/bundle-DkGYX29W.js');
 var ui_Icon = require('./Icon.js');
-var ui_Label = require('../chunks/bundle-BgCtP7V4.js');
-var LocalizationContext = require('../chunks/bundle-BEQWEQgH.js');
-require('../chunks/bundle-BC16qA15.js');
+var ui_Label = require('../chunks/bundle-B-njjZtk.js');
+var LocalizationContext = require('../chunks/bundle-DvduWWQk.js');
+require('../chunks/bundle-B3Lu20wG.js');
 require('./ImageRenderer.js');
-require('../chunks/bundle-BQtI4UIy.js');
-require('../chunks/bundle-CxuGQxaT.js');
-require('../chunks/bundle-CGBPEEGS.js');
-require('../chunks/bundle-B-wprLUV.js');
+require('../chunks/bundle-Bc6y_vRE.js');
+require('../chunks/bundle-HXyGAP9T.js');
+require('../chunks/bundle-prE7SKQr.js');
+require('../chunks/bundle-D_qbYkHk.js');
 
 function ThreadReplies(_a) {
     var _b;

package/cjs/ui/ThumbnailMessageItemBody.js

@@ -1,17 +1,17 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-BC16qA15.js');
+var _tslib = require('../chunks/bundle-B3Lu20wG.js');
 var React = require('react');
 var ui_Icon = require('./Icon.js');
 var ui_ImageRenderer = require('./ImageRenderer.js');
-var index = require('../chunks/bundle-DLgX_uIA.js');
-var utils$1 = require('../chunks/bundle-BQtI4UIy.js');
-var useLongPress = require('../chunks/bundle-BkYT_Hch.js');
-var utils = require('../chunks/bundle-7Mbs7JEn.js');
+var index = require('../chunks/bundle-Tx6vw4BY.js');
+var utils$1 = require('../chunks/bundle-Bc6y_vRE.js');
+var useLongPress = require('../chunks/bundle-BNCNRHux.js');
+var utils = require('../chunks/bundle-BSLZ5pEu.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-Dj2Oa2F6.js');
-require('../chunks/bundle-CD82WkIi.js');
+require('../chunks/bundle-HOuE7syZ.js');
+require('../chunks/bundle-1FXPxsfD.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-BC16qA15.js');
+var _tslib = require('../chunks/bundle-B3Lu20wG.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
 require('../withSendbird.js');