@sendbird/uikit-react 3.14.12-rc.0 → 3.14.13-rc.0

package/cjs/chunks/{bundle-BnSyoJcs.js → bundle-CjCsrobH.js}

@@ -1,16 +1,20 @@
 'use strict';
 
 var React = require('react');
-var ui_Label = require('./bundle-Dq9xVvbD.js');
+var ui_Label = require('./bundle-Cmim7RkF.js');
 var ui_Icon = require('../ui/Icon.js');
-var ui_Avatar = require('./bundle-BAZ7twtS.js');
-var LocalizationContext = require('./bundle-DnchMcYp.js');
-var uuid = require('./bundle-BThLM1G6.js');
-var utils = require('./bundle-CxcGHjPH.js');
+var ui_Avatar = require('./bundle-Dqp9uxau.js');
+var LocalizationContext = require('./bundle-CiMvvzt_.js');
+var uuid = require('./bundle-Sp2G1sf1.js');
+var utils = require('./bundle-CfMyWzdL.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var _const$1 = require('./bundle-DhsLc3aN.js');
-var _const = require('./bundle-B6bMPH7-.js');
-var _tslib = require('./bundle-CJ4C_lQr.js');
+var _const$1 = require('./bundle-CbHU1T-B.js');
+var _const = require('./bundle-wVbT1fu8.js');
+var _tslib = require('./bundle-DmCOU0rJ.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 function SuggestedUserMentionItem(props) {
     var member = props.member, _a = props.isFocused, isFocused = _a === void 0 ? false : _a, parentScrollRef = props.parentScrollRef, onClick = props.onClick, onMouseOver = props.onMouseOver, onMouseMove = props.onMouseMove, renderUserMentionItem = props.renderUserMentionItem;
@@ -25,16 +29,16 @@ function SuggestedUserMentionItem(props) {
     }, [isFocused]);
     var customMentionItem = React.useMemo(function () {
         if (renderUserMentionItem) {
-            return (React.createElement("div", { className: "sendbird-mention-suggest-list__user-item", onClick: function (event) { return onClick === null || onClick === void 0 ? void 0 : onClick({ event: event, member: member, itemRef: scrollRef }); }, onMouseOver: function (event) { return onMouseOver === null || onMouseOver === void 0 ? void 0 : onMouseOver({ event: event, member: member, itemRef: scrollRef }); }, onMouseMove: function (event) { return onMouseMove === null || onMouseMove === void 0 ? void 0 : onMouseMove({ event: event, member: member, itemRef: scrollRef }); }, key: (member === null || member === void 0 ? void 0 : member.userId) || uuid.uuidv4(), ref: scrollRef }, renderUserMentionItem({ user: member })));
+            return (React__default.default.createElement("div", { className: "sendbird-mention-suggest-list__user-item", onClick: function (event) { return onClick === null || onClick === void 0 ? void 0 : onClick({ event: event, member: member, itemRef: scrollRef }); }, onMouseOver: function (event) { return onMouseOver === null || onMouseOver === void 0 ? void 0 : onMouseOver({ event: event, member: member, itemRef: scrollRef }); }, onMouseMove: function (event) { return onMouseMove === null || onMouseMove === void 0 ? void 0 : onMouseMove({ event: event, member: member, itemRef: scrollRef }); }, key: (member === null || member === void 0 ? void 0 : member.userId) || uuid.uuidv4(), ref: scrollRef }, renderUserMentionItem({ user: member })));
         }
     }, [renderUserMentionItem]);
     if (customMentionItem) {
         return customMentionItem;
     }
-    return (React.createElement("div", { className: utils.classnames('sendbird-mention-suggest-list__user-item', isFocused && 'focused'), onClick: function (event) { return onClick === null || onClick === void 0 ? void 0 : onClick({ event: event, member: member, itemRef: scrollRef }); }, onMouseOver: function (event) { return onMouseOver === null || onMouseOver === void 0 ? void 0 : onMouseOver({ event: event, member: member, itemRef: scrollRef }); }, onMouseMove: function (event) { return onMouseMove === null || onMouseMove === void 0 ? void 0 : onMouseMove({ event: event, member: member, itemRef: scrollRef }); }, key: (member === null || member === void 0 ? void 0 : member.userId) || uuid.uuidv4(), ref: scrollRef },
-        React.createElement(ui_Avatar.Avatar, { className: "sendbird-mention-suggest-list__user-item__avatar", src: member === null || member === void 0 ? void 0 : member.profileUrl, alt: "user-profile", width: "24px", height: "24px" }),
-        React.createElement(ui_Label.Label, { className: "sendbird-mention-suggest-list__user-item__nickname", testID: "sendbird-mention-suggest-list__user-item__nickname", type: ui_Label.LabelTypography.SUBTITLE_2, color: (member === null || member === void 0 ? void 0 : member.nickname) ? ui_Label.LabelColors.ONBACKGROUND_1 : ui_Label.LabelColors.ONBACKGROUND_3 }, (member === null || member === void 0 ? void 0 : member.nickname) || (stringSet === null || stringSet === void 0 ? void 0 : stringSet.MENTION_NAME__NO_NAME)),
-        React.createElement(ui_Label.Label, { className: "sendbird-mention-suggest-list__user-item__user-id", testID: "sendbird-mention-suggest-list__user-item__user-id", type: ui_Label.LabelTypography.SUBTITLE_2, color: ui_Label.LabelColors.ONBACKGROUND_2 }, member === null || member === void 0 ? void 0 : member.userId)));
+    return (React__default.default.createElement("div", { className: utils.classnames('sendbird-mention-suggest-list__user-item', isFocused && 'focused'), onClick: function (event) { return onClick === null || onClick === void 0 ? void 0 : onClick({ event: event, member: member, itemRef: scrollRef }); }, onMouseOver: function (event) { return onMouseOver === null || onMouseOver === void 0 ? void 0 : onMouseOver({ event: event, member: member, itemRef: scrollRef }); }, onMouseMove: function (event) { return onMouseMove === null || onMouseMove === void 0 ? void 0 : onMouseMove({ event: event, member: member, itemRef: scrollRef }); }, key: (member === null || member === void 0 ? void 0 : member.userId) || uuid.uuidv4(), ref: scrollRef },
+        React__default.default.createElement(ui_Avatar.Avatar, { className: "sendbird-mention-suggest-list__user-item__avatar", src: member === null || member === void 0 ? void 0 : member.profileUrl, alt: "user-profile", width: "24px", height: "24px" }),
+        React__default.default.createElement(ui_Label.Label, { className: "sendbird-mention-suggest-list__user-item__nickname", testID: "sendbird-mention-suggest-list__user-item__nickname", type: ui_Label.LabelTypography.SUBTITLE_2, color: (member === null || member === void 0 ? void 0 : member.nickname) ? ui_Label.LabelColors.ONBACKGROUND_1 : ui_Label.LabelColors.ONBACKGROUND_3 }, (member === null || member === void 0 ? void 0 : member.nickname) || (stringSet === null || stringSet === void 0 ? void 0 : stringSet.MENTION_NAME__NO_NAME)),
+        React__default.default.createElement(ui_Label.Label, { className: "sendbird-mention-suggest-list__user-item__user-id", testID: "sendbird-mention-suggest-list__user-item__user-id", type: ui_Label.LabelTypography.SUBTITLE_2, color: ui_Label.LabelColors.ONBACKGROUND_2 }, member === null || member === void 0 ? void 0 : member.userId)));
 }
 
 function fetchMembersFromChannel(currentUserId, channel, maxSuggestionCount, searchString) {
@@ -156,19 +160,19 @@ var SuggestedMentionListView = function (props) {
     if (!ableAddMention && currentMemberList.length === 0) {
         return null;
     }
-    return (React.createElement("div", { className: utils.classnames('sendbird-mention-suggest-list', className), "data-testid": "sendbird-mention-suggest-list", key: "sendbird-mention-suggest-list", ref: scrollRef },
+    return (React__default.default.createElement("div", { className: utils.classnames('sendbird-mention-suggest-list', className), "data-testid": "sendbird-mention-suggest-list", key: "sendbird-mention-suggest-list", ref: scrollRef },
         ableAddMention
-            && (currentMemberList === null || currentMemberList === void 0 ? void 0 : currentMemberList.map(function (member) { return (React.createElement(SuggestedUserMentionItem, { key: (member === null || member === void 0 ? void 0 : member.userId) || uuid.uuidv4(), member: member, isFocused: (member === null || member === void 0 ? void 0 : member.userId) === (currentFocusedMember === null || currentFocusedMember === void 0 ? void 0 : currentFocusedMember.userId), parentScrollRef: scrollRef, onClick: function (_a) {
+            && (currentMemberList === null || currentMemberList === void 0 ? void 0 : currentMemberList.map(function (member) { return (React__default.default.createElement(SuggestedUserMentionItem, { key: (member === null || member === void 0 ? void 0 : member.userId) || uuid.uuidv4(), member: member, isFocused: (member === null || member === void 0 ? void 0 : member.userId) === (currentFocusedMember === null || currentFocusedMember === void 0 ? void 0 : currentFocusedMember.userId), parentScrollRef: scrollRef, onClick: function (_a) {
                     var member = _a.member;
                     onUserItemClick === null || onUserItemClick === void 0 ? void 0 : onUserItemClick(member);
                 }, onMouseOver: function (_a) {
                     var member = _a.member;
                     setCurrentFocusedMember(member);
                 }, renderUserMentionItem: renderUserMentionItem })); })),
-        !ableAddMention && (React.createElement("div", { className: "sendbird-mention-suggest-list__notice-item" },
-            React.createElement(ui_Icon.default, { className: "sendbird-mention-suggest-list__notice-item__icon", type: ui_Icon.IconTypes.INFO, fillColor: ui_Icon.IconColors.ON_BACKGROUND_2, width: "20px", height: "20px" }),
-            React.createElement(ui_Label.Label, { className: "sendbird-mention-suggest-list__notice-item__text", type: ui_Label.LabelTypography.SUBTITLE_2, color: ui_Label.LabelColors.ONBACKGROUND_2 }, stringSet.MENTION_COUNT__OVER_LIMIT.replace('%d', String(maxMentionCount)))))));
+        !ableAddMention && (React__default.default.createElement("div", { className: "sendbird-mention-suggest-list__notice-item" },
+            React__default.default.createElement(ui_Icon.default, { className: "sendbird-mention-suggest-list__notice-item__icon", type: ui_Icon.IconTypes.INFO, fillColor: ui_Icon.IconColors.ON_BACKGROUND_2, width: "20px", height: "20px" }),
+            React__default.default.createElement(ui_Label.Label, { className: "sendbird-mention-suggest-list__notice-item__text", type: ui_Label.LabelTypography.SUBTITLE_2, color: ui_Label.LabelColors.ONBACKGROUND_2 }, stringSet.MENTION_COUNT__OVER_LIMIT.replace('%d', String(maxMentionCount)))))));
 };
 
 exports.SuggestedMentionListView = SuggestedMentionListView;
-//# sourceMappingURL=bundle-BnSyoJcs.js.map
+//# sourceMappingURL=bundle-CjCsrobH.js.map

package/cjs/chunks/{bundle-Dcjg_OOk.js.map → bundle-CjCsrobH.js.map}

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

package/cjs/chunks/{bundle-Dcjg_OOk.js → bundle-Ck2VZC9v.js}

@@ -1,10 +1,10 @@
 'use strict';
 
 var React = require('react');
-var pubSub_topics = require('./bundle-BTOs4s9G.js');
-var utils = require('./bundle-BvFJMBGd.js');
+var pubSub_topics = require('./bundle-B1gFRcVr.js');
+var utils = require('./bundle-B4zRox4H.js');
 require('../utils/message/getOutgoingMessageState.js');
-var consts = require('./bundle-UZTd4E_b.js');
+var consts = require('./bundle-BdulnACZ.js');
 
 var getNicknamesMapFromMembers = function (members) {
     if (members === void 0) { members = []; }
@@ -174,4 +174,4 @@ exports.getParentMessageFrom = getParentMessageFrom;
 exports.isAboutSame = isAboutSame;
 exports.scrollIntoLast = scrollIntoLast;
 exports.useSendMultipleFilesMessage = useSendMultipleFilesMessage;
-//# sourceMappingURL=bundle-Dcjg_OOk.js.map
+//# sourceMappingURL=bundle-Ck2VZC9v.js.map

package/cjs/chunks/{bundle-BnSyoJcs.js.map → bundle-Ck2VZC9v.js.map}

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

package/cjs/chunks/{bundle-Dq9xVvbD.js → bundle-Cmim7RkF.js}

@@ -1,8 +1,12 @@
 'use strict';
 
-var _tslib = require('./bundle-CJ4C_lQr.js');
+var _tslib = require('./bundle-DmCOU0rJ.js');
 var React = require('react');
-var stringSet = require('./bundle-RonggNhW.js');
+var stringSet = require('./bundle-pcWgzSTZ.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var Typography = {
     H_1: 'H_1',
@@ -72,7 +76,7 @@ var Label = React.forwardRef(function (_a, ref) {
     // Donot make this into div
     // Mention uses Label. If we use div, it would break the mention detection on Paste
     // https://github.com/sendbird/sendbird-uikit-react/pull/479
-    React.createElement("span", { className: _tslib.__spreadArray(_tslib.__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
+    React__default.default.createElement("span", { className: _tslib.__spreadArray(_tslib.__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
             'sendbird-label',
             changeTypographyToClassName(type),
             changeColorToClassName(color),
@@ -87,4 +91,4 @@ exports.LabelColors = LabelColors;
 exports.LabelStringSet = LabelStringSet;
 exports.LabelTypography = LabelTypography;
 exports.changeColorToClassName = changeColorToClassName;
-//# sourceMappingURL=bundle-Dq9xVvbD.js.map
+//# sourceMappingURL=bundle-Cmim7RkF.js.map

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

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

package/cjs/chunks/{bundle-DgvUX0jZ.js → bundle-Coo8jCV6.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var consts = require('./bundle-UZTd4E_b.js');
-var useThrottleCallback = require('./bundle-CkjbnhTX.js');
-var utils = require('./bundle-BvFJMBGd.js');
+var consts = require('./bundle-BdulnACZ.js');
+var useThrottleCallback = require('./bundle-C5hc4JCD.js');
+var utils = require('./bundle-B4zRox4H.js');
 var uikitTools = require('@sendbird/uikit-tools');
 
 var DELAY = 100;
@@ -52,4 +52,4 @@ function useHandleOnScrollCallback(_a) {
 }
 
 exports.useHandleOnScrollCallback = useHandleOnScrollCallback;
-//# sourceMappingURL=bundle-DgvUX0jZ.js.map
+//# sourceMappingURL=bundle-Coo8jCV6.js.map

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

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

package/cjs/chunks/{bundle-BmVIzFBF.js → bundle-CqKJW-7i.js}

@@ -1,21 +1,25 @@
 'use strict';
 
 var React = require('react');
-var UserProfileContext = require('./bundle-e0O2ux90.js');
-var _tslib = require('./bundle-CJ4C_lQr.js');
-var compareIds = require('./bundle-zuGzPHQP.js');
-var pubSub_topics = require('./bundle-BTOs4s9G.js');
+var UserProfileContext = require('./bundle-DBxITwxu.js');
+var _tslib = require('./bundle-DmCOU0rJ.js');
+var compareIds = require('./bundle-_BQ69s5I.js');
+var pubSub_topics = require('./bundle-B1gFRcVr.js');
 var SendbirdChat = require('@sendbird/chat');
 var openChannel = require('@sendbird/chat/openChannel');
-var uuid = require('./bundle-BThLM1G6.js');
-var compressImages = require('./bundle-DuaQX9nz.js');
+var uuid = require('./bundle-Sp2G1sf1.js');
+var compressImages = require('./bundle-CKsrVBaS.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var ui_Modal = require('./bundle-BVG8wAfm.js');
-var LocalizationContext = require('./bundle-DnchMcYp.js');
-var consts = require('./bundle-UZTd4E_b.js');
-require('./bundle-Dq9xVvbD.js');
+var ui_Modal = require('./bundle-B2dRfy75.js');
+var LocalizationContext = require('./bundle-CiMvvzt_.js');
+var consts = require('./bundle-BdulnACZ.js');
+require('./bundle-Cmim7RkF.js');
 var ui_Button = require('../ui/Button.js');
 
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
 var shouldFetchMore = function (messageLength, maxMessages) {
     if (typeof maxMessages !== 'number') {
         return true;
@@ -974,7 +978,7 @@ function useFileUploadCallback(_a, _b) {
                             },
                             childElement: function (_a) {
                                 var closeModal = _a.closeModal;
-                                return (React.createElement(ui_Modal.ModalFooter, { type: ui_Button.ButtonTypes.PRIMARY, submitText: stringSet.BUTTON__OK, hideCancelButton: true, onCancel: closeModal, onSubmit: closeModal }));
+                                return (React__default.default.createElement(ui_Modal.ModalFooter, { type: ui_Button.ButtonTypes.PRIMARY, submitText: stringSet.BUTTON__OK, hideCancelButton: true, onCancel: closeModal, onSubmit: closeModal }));
                             },
                         });
                         return [2 /*return*/];
@@ -1191,7 +1195,7 @@ function useTrimMessageList(_a, _b) {
     }, [messagesLength, messageLimit]);
 }
 
-var OpenChannelContext = React.createContext(null);
+var OpenChannelContext = React__default.default.createContext(null);
 var OpenChannelProvider = function (props) {
     var _a, _b, _c, _d, _e, _f, _g;
     var channelUrl = props.channelUrl, children = props.children, _h = props.isMessageGroupingEnabled, isMessageGroupingEnabled = _h === void 0 ? true : _h, queries = props.queries, onBeforeSendUserMessage = props.onBeforeSendUserMessage, messageLimit = props.messageLimit, onBeforeSendFileMessage = props.onBeforeSendFileMessage, onChatHeaderActionClick = props.onChatHeaderActionClick, onBackClick = props.onBackClick, disableUserProfile = props.disableUserProfile, renderUserProfile = props.renderUserProfile;
@@ -1305,7 +1309,7 @@ var OpenChannelProvider = function (props) {
             }
         };
     }, [channelUrl, sdkInit]);
-    return (React.createElement(OpenChannelContext.Provider, { value: {
+    return (React__default.default.createElement(OpenChannelContext.Provider, { value: {
             // props
             channelUrl: channelUrl,
             children: children,
@@ -1347,10 +1351,10 @@ var OpenChannelProvider = function (props) {
             renderUserProfile: renderUserProfile,
             participants: messagesStore.participants,
         } },
-        React.createElement(UserProfileContext.UserProfileProvider, { isOpenChannel: true, renderUserProfile: props === null || props === void 0 ? void 0 : props.renderUserProfile, disableUserProfile: (_g = props === null || props === void 0 ? void 0 : props.disableUserProfile) !== null && _g !== void 0 ? _g : config === null || config === void 0 ? void 0 : config.disableUserProfile }, children)));
+        React__default.default.createElement(UserProfileContext.UserProfileProvider, { isOpenChannel: true, renderUserProfile: props === null || props === void 0 ? void 0 : props.renderUserProfile, disableUserProfile: (_g = props === null || props === void 0 ? void 0 : props.disableUserProfile) !== null && _g !== void 0 ? _g : config === null || config === void 0 ? void 0 : config.disableUserProfile }, children)));
 };
 var useOpenChannelContext = function () {
-    var context = React.useContext(OpenChannelContext);
+    var context = React__default.default.useContext(OpenChannelContext);
     if (!context)
         throw new Error('OpenChannelContext not found. Use within the OpenChannel module');
     return context;
@@ -1359,4 +1363,4 @@ var useOpenChannelContext = function () {
 exports.OpenChannelProvider = OpenChannelProvider;
 exports.kFormatter = kFormatter;
 exports.useOpenChannelContext = useOpenChannelContext;
-//# sourceMappingURL=bundle-BmVIzFBF.js.map
+//# sourceMappingURL=bundle-CqKJW-7i.js.map

package/cjs/chunks/{bundle-BmVIzFBF.js.map → bundle-CqKJW-7i.js.map}

@@ -1 +1 @@
-{"version":3,"file":"bundle-BmVIzFBF.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"bundle-CqKJW-7i.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/chunks/{bundle-CmkbYxXK.js → bundle-CqdAunv3.js}

@@ -22,4 +22,4 @@ function useReconnectOnIdle(isOnline, currentGroupChannel, reconnectOnIdle) {
 }
 
 exports.useReconnectOnIdle = useReconnectOnIdle;
-//# sourceMappingURL=bundle-CmkbYxXK.js.map
+//# sourceMappingURL=bundle-CqdAunv3.js.map

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

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

package/cjs/chunks/{bundle-CS6Aibfk.js → bundle-CsQg__hd.js}

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

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

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

package/cjs/chunks/{bundle-CRj_Q9L0.js → bundle-CtvBjy26.js}

@@ -2,6 +2,10 @@
 
 var React = require('react');
 
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
 var ComponentType;
 (function (ComponentType) {
     ComponentType["Box"] = "box";
@@ -56,7 +60,7 @@ const createParser = (params) => {
     };
 };
 
-const FRAGMENT = ({ children }) => React.createElement(React.Fragment, null, children);
+const FRAGMENT = ({ children }) => React__default.default.createElement(React__default.default.Fragment, null, children);
 function createRenderer(params) {
     var _a, _b, _c, _d, _e, _f;
     return {
@@ -92,7 +96,7 @@ const SizeContextProvider = ({ children }) => {
             setSizes((prevSizes) => (Object.assign(Object.assign({}, prevSizes), { [id]: rest })));
         }
     }, []);
-    return React.createElement(SizeContext.Provider, { value: { sizes, updateSize } }, children);
+    return React__default.default.createElement(SizeContext.Provider, { value: { sizes, updateSize } }, children);
 };
 const useSizeContext = () => React.useContext(SizeContext);
 
@@ -198,13 +202,13 @@ const defaultProperties = {
 };
 
 const createMessageTemplate = (opts) => {
-    const Container = opts.Container || React.Fragment;
+    const Container = opts.Container || React__default.default.Fragment;
     const UnknownMessage = opts.UnknownMessage || (() => null);
     const parser = opts.parser || createParser();
     const renderer = opts.renderer || createRenderer();
     const MessageTemplateBase = ({ templateItems, parentLayout = defaultProperties.box.layout, isRoot = false, }) => {
         const renderItems = templateItems;
-        return (React.createElement(React.Fragment, null, renderItems.map((item, index, siblings) => {
+        return (React__default.default.createElement(React__default.default.Fragment, null, renderItems.map((item, index, siblings) => {
             const { properties } = parser.parse(item, { parentLayout, elemIdx: index, siblings });
             const props = {
                 key: index,
@@ -221,27 +225,27 @@ const createMessageTemplate = (opts) => {
                     if (!item.items || !Array.isArray(item.items) || item.items.length === 0) {
                         throw new Error('Cannot parse template item as Carousel if carousel has no items.');
                     }
-                    return (React.createElement(renderer.carouselView, Object.assign({}, item, props), item.items.map((items, index) => (React.createElement(MessageTemplateBase, { key: index, templateItems: items || [], parentLayout: parentLayout })))));
+                    return (React__default.default.createElement(renderer.carouselView, Object.assign({}, item, props), item.items.map((items, index) => (React__default.default.createElement(MessageTemplateBase, { key: index, templateItems: items || [], parentLayout: parentLayout })))));
                 }
                 case ComponentType.Box: {
-                    return (React.createElement(renderer.box, Object.assign({}, item, props),
-                        React.createElement(MessageTemplateBase, { templateItems: item.items || [], parentLayout: item.layout })));
+                    return (React__default.default.createElement(renderer.box, Object.assign({}, item, props),
+                        React__default.default.createElement(MessageTemplateBase, { templateItems: item.items || [], parentLayout: item.layout })));
                 }
                 case ComponentType.Text: {
-                    return React.createElement(renderer.text, Object.assign({}, item, props));
+                    return React__default.default.createElement(renderer.text, Object.assign({}, item, props));
                 }
                 case ComponentType.Image: {
-                    return React.createElement(renderer.image, Object.assign({}, item, props));
+                    return React__default.default.createElement(renderer.image, Object.assign({}, item, props));
                 }
                 case ComponentType.TextButton: {
-                    return React.createElement(renderer.textButton, Object.assign({}, item, props));
+                    return React__default.default.createElement(renderer.textButton, Object.assign({}, item, props));
                 }
                 case ComponentType.ImageButton: {
-                    return React.createElement(renderer.imageButton, Object.assign({}, item, props));
+                    return React__default.default.createElement(renderer.imageButton, Object.assign({}, item, props));
                 }
                 default: {
                     // or throw new Error('Cannot parse template item')
-                    return React.createElement(UnknownMessage, { item: item });
+                    return React__default.default.createElement(UnknownMessage, { item: item });
                 }
             }
         })));
@@ -259,9 +263,9 @@ const createMessageTemplate = (opts) => {
             if (Array.isArray(items) && items.length > 0) {
                 isCarousel = items[0].type === exports.CompositeComponentType.Carousel;
             }
-            return (React.createElement(SizeContextProvider, null,
-                React.createElement(Container, { className: isCarousel ? 'sb-message-template__parent_for_carousel' : '' },
-                    React.createElement(MessageTemplateBase, { parentLayout: parentLayout, templateItems: items, isRoot: true }))));
+            return (React__default.default.createElement(SizeContextProvider, null,
+                React__default.default.createElement(Container, { className: isCarousel ? 'sb-message-template__parent_for_carousel' : '' },
+                    React__default.default.createElement(MessageTemplateBase, { parentLayout: parentLayout, templateItems: items, isRoot: true }))));
         },
         MessageTemplateBase,
     };
@@ -1145,9 +1149,9 @@ function CarouselItem({ item, defaultWidth, marginRight }) {
     if (marginRight) {
         style['marginRight'] = marginRight;
     }
-    return React.createElement("div", { style: style }, item);
+    return React__default.default.createElement("div", { style: style }, item);
 }
-const Carousel = React.memo(({ children, gap = GAP_DEFAULT }) => {
+const Carousel = React__default.default.memo(({ children, gap = GAP_DEFAULT }) => {
     var _a, _b;
     const carouselRef = React.useRef(null);
     const screenWidth = window.innerWidth;
@@ -1300,11 +1304,11 @@ const Carousel = React.memo(({ children, gap = GAP_DEFAULT }) => {
             return itemPosition;
         });
     }
-    return (React.createElement("div", { ref: carouselRef, onMouseDown: handleMouseDown, onMouseMove: handleMouseMove, onMouseUp: handleMouseUp, onMouseLeave: handleMouseUp, onTouchStart: handleTouchStart, onTouchMove: handleTouchMove, onTouchEnd: handleTouchEnd, className: "sb-message-template__carousel", style: {
+    return (React__default.default.createElement("div", { ref: carouselRef, onMouseDown: handleMouseDown, onMouseMove: handleMouseMove, onMouseUp: handleMouseUp, onMouseLeave: handleMouseUp, onTouchStart: handleTouchStart, onTouchMove: handleTouchMove, onTouchEnd: handleTouchEnd, className: "sb-message-template__carousel", style: {
             cursor: draggingInfo.dragging ? 'grabbing' : 'grab',
             transition: draggingInfo.dragging ? 'none' : 'transform 0.5s ease',
             transform: `translateX(${getCurrentTranslateX()}px)`,
-        } }, children.map((item, index) => (React.createElement(CarouselItem, { key: index + '', item: item, defaultWidth: defaultItemWidth + 'px', marginRight: index < children.length - 1 ? gap : undefined })))));
+        } }, children.map((item, index) => (React__default.default.createElement(CarouselItem, { key: index + '', item: item, defaultWidth: defaultItemWidth + 'px', marginRight: index < children.length - 1 ? gap : undefined })))));
 });
 
 function isWrappedText(view) {
@@ -1348,7 +1352,7 @@ var __rest$3 = (undefined && undefined.__rest) || function (s, e) {
 };
 const CanvasReactMessageTemplateImage = (props) => {
     const { imageSize, canvasRef, canvasProps } = useCanvasMessageTemplateImage(props);
-    return (React.createElement("canvas", Object.assign({}, canvasProps, { ref: canvasRef, width: imageSize === null || imageSize === void 0 ? void 0 : imageSize.width, height: imageSize === null || imageSize === void 0 ? void 0 : imageSize.height, onError: props.onError })));
+    return (React__default.default.createElement("canvas", Object.assign({}, canvasProps, { ref: canvasRef, width: imageSize === null || imageSize === void 0 ? void 0 : imageSize.width, height: imageSize === null || imageSize === void 0 ? void 0 : imageSize.height, onError: props.onError })));
 };
 const useCanvasMessageTemplateImage = (_a) => {
     var { metaData, tintColor } = _a, props = __rest$3(_a, ["metaData", "tintColor"]);
@@ -1415,11 +1419,11 @@ const useCanvasMessageTemplateImage = (_a) => {
 };
 
 const ImgReactMessageTemplateImage = (props) => {
-    return React.createElement("img", Object.assign({}, props, { onError: props.onError, referrerPolicy: "no-referrer" }));
+    return React__default.default.createElement("img", Object.assign({}, props, { onError: props.onError, referrerPolicy: "no-referrer" }));
 };
 
 const PlaceholderReactMessageTemplateImage = (props) => {
-    return React.createElement("div", { style: Object.assign(Object.assign({}, props.style), { backgroundColor: 'transparent' }) });
+    return React__default.default.createElement("div", { style: Object.assign(Object.assign({}, props.style), { backgroundColor: 'transparent' }) });
 };
 
 var __rest$2 = (undefined && undefined.__rest) || function (s, e) {
@@ -1439,13 +1443,13 @@ const ReactMessageTemplateImage = (_a) => {
     if (props.onError)
         console.warn('`onError` is intercepted and not executed in the ReactMessageTemplateImage.');
     if (hasError) {
-        return React.createElement(PlaceholderReactMessageTemplateImage, Object.assign({}, props));
+        return React__default.default.createElement(PlaceholderReactMessageTemplateImage, Object.assign({}, props));
     }
     else if (tintColor && !isGif(props.src)) {
-        return React.createElement(CanvasReactMessageTemplateImage, Object.assign({}, props, { onError: onError, tintColor: tintColor, metaData: metaData }));
+        return React__default.default.createElement(CanvasReactMessageTemplateImage, Object.assign({}, props, { onError: onError, tintColor: tintColor, metaData: metaData }));
     }
     else {
-        return React.createElement(ImgReactMessageTemplateImage, Object.assign({}, props, { onError: onError }));
+        return React__default.default.createElement(ImgReactMessageTemplateImage, Object.assign({}, props, { onError: onError }));
     }
 };
 const useImageLoadError = (source) => {
@@ -1459,18 +1463,18 @@ const useImageLoadError = (source) => {
 
 // create a context provider for MessageComponent
 //  - this is a wrapper for MessageComponent
-const MessageContext = React.createContext(null);
+const MessageContext = React__default.default.createContext(null);
 const MessageProvider = (props) => {
     const { message, handleWebAction, handleCustomAction, handlePredefinedAction, children } = props;
-    const value = React.useMemo(() => ({
+    const value = React__default.default.useMemo(() => ({
         message,
         handleWebAction,
         handleCustomAction,
         handlePredefinedAction,
     }), [message === null || message === void 0 ? void 0 : message.updatedAt]);
-    return React.createElement(MessageContext.Provider, { value: value }, children);
+    return React__default.default.createElement(MessageContext.Provider, { value: value }, children);
 };
-const useMessageContext = () => React.useContext(MessageContext);
+const useMessageContext = () => React__default.default.useContext(MessageContext);
 
 /**
  * Preserves a reference to the given callback function as an argument while the component is mounted.
@@ -1883,11 +1887,11 @@ const ActionHandler = ({ className = '', style, children, props }) => {
     };
     const borderClass = ((_a = props.viewStyle) === null || _a === void 0 ? void 0 : _a.borderWidth) ? ' sb-message-template__border' : '';
     if (className === 'sb-message-template__text-button') {
-        return (React.createElement("button", { className: `${className}${borderClass}`, "data-sb-template-id": props.elementId, style: Object.assign(Object.assign({}, style), { paddingTop: (_c = (_b = props.viewStyle) === null || _b === void 0 ? void 0 : _b.padding) === null || _c === void 0 ? void 0 : _c.top, paddingRight: (_e = (_d = props.viewStyle) === null || _d === void 0 ? void 0 : _d.padding) === null || _e === void 0 ? void 0 : _e.right, paddingBottom: (_g = (_f = props.viewStyle) === null || _f === void 0 ? void 0 : _f.padding) === null || _g === void 0 ? void 0 : _g.bottom, paddingLeft: (_j = (_h = props.viewStyle) === null || _h === void 0 ? void 0 : _h.padding) === null || _j === void 0 ? void 0 : _j.left }), onClick: onClick }, children));
+        return (React__default.default.createElement("button", { className: `${className}${borderClass}`, "data-sb-template-id": props.elementId, style: Object.assign(Object.assign({}, style), { paddingTop: (_c = (_b = props.viewStyle) === null || _b === void 0 ? void 0 : _b.padding) === null || _c === void 0 ? void 0 : _c.top, paddingRight: (_e = (_d = props.viewStyle) === null || _d === void 0 ? void 0 : _d.padding) === null || _e === void 0 ? void 0 : _e.right, paddingBottom: (_g = (_f = props.viewStyle) === null || _f === void 0 ? void 0 : _f.padding) === null || _g === void 0 ? void 0 : _g.bottom, paddingLeft: (_j = (_h = props.viewStyle) === null || _h === void 0 ? void 0 : _h.padding) === null || _j === void 0 ? void 0 : _j.left }), onClick: onClick }, children));
     }
     const { display, flexDirection, justifyContent, alignItems, objectFit } = recalculatedStyle, wrapperStyles = __rest(recalculatedStyle, ["display", "flexDirection", "justifyContent", "alignItems", "objectFit"]);
-    return (React.createElement("div", { ref: elemRef, className: `${className}${borderClass} ${(props === null || props === void 0 ? void 0 : props.action) ? 'sb-message-template__action' : ''}`, "data-sb-template-id": props.elementId, style: wrapperStyles, onClick: onClick },
-        React.createElement("div", { style: {
+    return (React__default.default.createElement("div", { ref: elemRef, className: `${className}${borderClass} ${(props === null || props === void 0 ? void 0 : props.action) ? 'sb-message-template__action' : ''}`, "data-sb-template-id": props.elementId, style: wrapperStyles, onClick: onClick },
+        React__default.default.createElement("div", { style: {
                 display,
                 flexDirection,
                 justifyContent,
@@ -1915,9 +1919,9 @@ function isFixedOrFill(view) {
     return isFixedDiamension || isFill;
 }
 function convertNewlinesToBr(text) {
-    return text.split('\n').map((line, index) => (React.createElement(React.Fragment, { key: index },
+    return text.split('\n').map((line, index) => (React__default.default.createElement(React__default.default.Fragment, { key: index },
         line,
-        React.createElement("br", null))));
+        React__default.default.createElement("br", null))));
 }
 function renderText(view) {
     const { text, maxTextLines } = view;
@@ -1926,34 +1930,34 @@ function renderText(view) {
     const convertedText = convertNewlinesToBr(text);
     if (isMultiLine || isToBeWrapped) {
         const wrapperStyling = Object.assign(Object.assign({}, ((isMultiLine || isToBeWrapped) && { maxWidth: '100%' })), (isToBeWrapped && { maxHeight: '100%', overflow: 'hidden' }));
-        return (React.createElement("div", { style: wrapperStyling }, isMultiLine ? React.createElement("div", { style: webkitLineClampStyles(maxTextLines) }, convertedText) : convertedText));
+        return (React__default.default.createElement("div", { style: wrapperStyling }, isMultiLine ? React__default.default.createElement("div", { style: webkitLineClampStyles(maxTextLines) }, convertedText) : convertedText));
     }
-    return isMultiLine ? React.createElement("div", { style: webkitLineClampStyles(maxTextLines) }, convertedText) : convertedText;
+    return isMultiLine ? React__default.default.createElement("div", { style: webkitLineClampStyles(maxTextLines) }, convertedText) : convertedText;
 }
 const renderer = createRenderer({
     views: {
         box(props) {
-            return (React.createElement(ActionHandler, { className: "sb-message-template__box", elementId: props.elementId, style: props.parsedProperties, props: props }, props.children));
+            return (React__default.default.createElement(ActionHandler, { className: "sb-message-template__box", elementId: props.elementId, style: props.parsedProperties, props: props }, props.children));
         },
         text(props) {
-            return (React.createElement(ActionHandler, { className: "sb-message-template__text", elementId: props.elementId, style: props.parsedProperties, props: props }, renderText(props)));
+            return (React__default.default.createElement(ActionHandler, { className: "sb-message-template__text", elementId: props.elementId, style: props.parsedProperties, props: props }, renderText(props)));
         },
         image(props) {
             var _a;
             // todo: add image backup
-            return (React.createElement(ActionHandler, { className: "sb-message-template__image-container", elementId: props.elementId, style: props.parsedProperties, props: props },
-                React.createElement(ReactMessageTemplateImage, { className: "sb-message-template__image", alt: "image", src: props.imageUrl, style: { width: '100%', height: '100%', aspectRatio: 'inherit', objectFit: 'inherit' }, tintColor: (_a = props.imageStyle) === null || _a === void 0 ? void 0 : _a.tintColor, metaData: props.metaData })));
+            return (React__default.default.createElement(ActionHandler, { className: "sb-message-template__image-container", elementId: props.elementId, style: props.parsedProperties, props: props },
+                React__default.default.createElement(ReactMessageTemplateImage, { className: "sb-message-template__image", alt: "image", src: props.imageUrl, style: { width: '100%', height: '100%', aspectRatio: 'inherit', objectFit: 'inherit' }, tintColor: (_a = props.imageStyle) === null || _a === void 0 ? void 0 : _a.tintColor, metaData: props.metaData })));
         },
         textButton(props) {
-            return (React.createElement(ActionHandler, { className: "sb-message-template__text-button", elementId: props.elementId, style: props.parsedProperties, props: props }, renderText(Object.assign({ maxTextLines: 1 }, props))));
+            return (React__default.default.createElement(ActionHandler, { className: "sb-message-template__text-button", elementId: props.elementId, style: props.parsedProperties, props: props }, renderText(Object.assign({ maxTextLines: 1 }, props))));
         },
         imageButton(props) {
             var _a;
-            return (React.createElement(ActionHandler, { className: "sb-message-template__image-container sb-message-template__image-button", elementId: props.elementId, style: props.parsedProperties, props: props },
-                React.createElement(ReactMessageTemplateImage, { className: "sb-message-template__image", alt: "image-button", src: props.imageUrl, style: { width: '100%', height: '100%', aspectRatio: 'inherit', objectFit: 'inherit' }, tintColor: (_a = props.imageStyle) === null || _a === void 0 ? void 0 : _a.tintColor, metaData: props.metaData })));
+            return (React__default.default.createElement(ActionHandler, { className: "sb-message-template__image-container sb-message-template__image-button", elementId: props.elementId, style: props.parsedProperties, props: props },
+                React__default.default.createElement(ReactMessageTemplateImage, { className: "sb-message-template__image", alt: "image-button", src: props.imageUrl, style: { width: '100%', height: '100%', aspectRatio: 'inherit', objectFit: 'inherit' }, tintColor: (_a = props.imageStyle) === null || _a === void 0 ? void 0 : _a.tintColor, metaData: props.metaData })));
         },
         carouselView(props) {
-            return React.createElement(Carousel, { gap: props.spacing }, props.children);
+            return React__default.default.createElement(Carousel, { gap: props.spacing }, props.children);
         },
     },
 });
@@ -2004,7 +2008,7 @@ createMessageTemplate({
     renderer,
     parser,
     Container: ({ children, className }) => {
-        return (React.createElement("div", { className: `sb-message-template__parent ${className}`, style: {
+        return (React__default.default.createElement("div", { className: `sb-message-template__parent ${className}`, style: {
                 display: 'flex',
                 flexDirection: 'column',
                 maxWidth: 400,
@@ -2018,7 +2022,7 @@ var CustomTemplate = createMessageTemplate({
     renderer: renderer,
     Container: function (_a) {
         var children = _a.children, className = _a.className;
-        return (React.createElement("div", { className: [
+        return (React__default.default.createElement("div", { className: [
                 "sb-message-template__parent ".concat(className),
                 'sendbird-message-template__root',
             ].join(' ') }, children));
@@ -2026,9 +2030,9 @@ var CustomTemplate = createMessageTemplate({
 }).MessageTemplate;
 function MessageTemplate(_a) {
     var templateItems = _a.templateItems, templateVersion = _a.templateVersion;
-    return React.createElement(CustomTemplate, { templateItems: templateItems, templateVersion: templateVersion });
+    return React__default.default.createElement(CustomTemplate, { templateItems: templateItems, templateVersion: templateVersion });
 }
 
 exports.MessageProvider = MessageProvider;
 exports.MessageTemplate = MessageTemplate;
-//# sourceMappingURL=bundle-CRj_Q9L0.js.map
+//# sourceMappingURL=bundle-CtvBjy26.js.map