@sendbird/uikit-react 3.8.2 → 3.9.0

package/cjs/chunks/{bundle-iOLwSv4j.js → bundle-nuIgQkwQ.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var consts = require('./bundle-9GSi_LkG.js');
+var consts = require('./bundle-EVdeXpsD.js');
 
 function useDebounce(callback, delay) {
     var timeoutRef = React.useRef(null);
@@ -72,4 +72,4 @@ function useHandleOnScrollCallback(_a) {
 
 exports.useDebounce = useDebounce;
 exports.useHandleOnScrollCallback = useHandleOnScrollCallback;
-//# sourceMappingURL=bundle-iOLwSv4j.js.map
+//# sourceMappingURL=bundle-nuIgQkwQ.js.map

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

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

package/cjs/chunks/{bundle-nsOL78qf.js → bundle-o1ta9AIa.js}

@@ -16,4 +16,4 @@ exports.MAX_USER_SUGGESTION_COUNT = MAX_USER_SUGGESTION_COUNT;
 exports.NEXT_RESULT_SIZE = NEXT_RESULT_SIZE;
 exports.PREV_RESULT_SIZE = PREV_RESULT_SIZE;
 exports.USER_MENTION_TEMP_CHAR = USER_MENTION_TEMP_CHAR;
-//# sourceMappingURL=bundle-nsOL78qf.js.map
+//# sourceMappingURL=bundle-o1ta9AIa.js.map

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

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

package/cjs/chunks/{bundle-r1UVi2ak.js → bundle-omofvX-G.js}

@@ -4,9 +4,9 @@ var React = require('react');
 var ui_Icon = require('../ui/Icon.js');
 var message = require('@sendbird/chat/message');
 var ui_ImageRenderer = require('../ui/ImageRenderer.js');
-var index = require('./bundle-tFwEElQ4.js');
-var ui_FileViewer = require('./bundle-vvpfLay7.js');
-var index_module = require('./bundle-qnGmz8ai.js');
+var index = require('./bundle-F--qTOLe.js');
+var ui_FileViewer = require('./bundle-5cuVj6Hi.js');
+var index_module = require('./bundle-AQhLE-Ci.js');
 
 function ImageGrid(_a) {
     var _b;
@@ -175,4 +175,4 @@ exports.MultipleFilesMessageItemBody = MultipleFilesMessageItemBody;
 exports.ThreadMessageKind = ThreadMessageKind;
 exports.useStatefulFileInfoList = useStatefulFileInfoList;
 exports.useThreadMessageKindKeySelector = useThreadMessageKindKeySelector;
-//# sourceMappingURL=bundle-r1UVi2ak.js.map
+//# sourceMappingURL=bundle-omofvX-G.js.map

package/cjs/chunks/{bundle-r1UVi2ak.js.map → bundle-omofvX-G.js.map}

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

package/cjs/chunks/{bundle-QkZHyxSs.js → bundle-ow5FLcVV.js}

@@ -13,4 +13,4 @@ function compareIds(a, b) {
 }
 
 exports.compareIds = compareIds;
-//# sourceMappingURL=bundle-QkZHyxSs.js.map
+//# sourceMappingURL=bundle-ow5FLcVV.js.map

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

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

package/cjs/chunks/{bundle-DFBAN2Mi.js → bundle-pOTnhSyt.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var utils = require('./bundle--OdfDOjY.js');
+var utils = require('./bundle-Pe-j2f1D.js');
 
 var Context = React.createContext({
     opened: '',
@@ -12,4 +12,4 @@ var Provider = Context.Provider;
 
 exports.Consumer = Consumer;
 exports.Provider = Provider;
-//# sourceMappingURL=bundle-DFBAN2Mi.js.map
+//# sourceMappingURL=bundle-pOTnhSyt.js.map

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

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

package/cjs/chunks/{bundle-1SeNKVYf.js → bundle-pVKke2mQ.js}

@@ -2,10 +2,10 @@
 
 var React = require('react');
 var ui_ContextMenu = require('../ui/ContextMenu.js');
-var index = require('./bundle-tFwEElQ4.js');
-var LocalizationContext = require('./bundle-3AvVQDMo.js');
+var index = require('./bundle-F--qTOLe.js');
+var LocalizationContext = require('./bundle-ZurhBjw4.js');
 var ui_Icon = require('../ui/Icon.js');
-var ui_Label = require('./bundle-1Rk5zlYY.js');
+var ui_Label = require('./bundle-0MHADZvF.js');
 var ui_BottomSheet = require('../ui/BottomSheet.js');
 var ui_ImageRenderer = require('../ui/ImageRenderer.js');
 var ui_ReactionButton = require('../ui/ReactionButton.js');
@@ -221,4 +221,4 @@ var MobileMenu = function (props) {
 };
 
 exports.MobileMenu = MobileMenu;
-//# sourceMappingURL=bundle-1SeNKVYf.js.map
+//# sourceMappingURL=bundle-pVKke2mQ.js.map

package/cjs/chunks/{bundle-1SeNKVYf.js.map → bundle-pVKke2mQ.js.map}

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

package/cjs/chunks/{bundle-5SOWNViS.js → bundle-pxBxPT0b.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var _tslib = require('./bundle-2s7rxLn3.js');
-var index$1 = require('./bundle-KQyVyq1q.js');
-var index = require('./bundle-tFwEElQ4.js');
+var _tslib = require('./bundle-QH7iLrPR.js');
+var index$1 = require('./bundle-nGMCZjvM.js');
+var index = require('./bundle-F--qTOLe.js');
 var message = require('@sendbird/chat/message');
 
 var scrollToRenderedMessage = function (scrollRef, initialTimeStamp, setIsScrolled) {
@@ -12,12 +12,8 @@ var scrollToRenderedMessage = function (scrollRef, initialTimeStamp, setIsScroll
         // scroll into the message with initialTimeStamp
         var element = (_a = container.querySelectorAll("[data-sb-created-at=\"".concat(initialTimeStamp, "\"]"))) === null || _a === void 0 ? void 0 : _a[0];
         if (element instanceof HTMLElement) {
-            // Calculate the offset of the element from the top of the container
-            var containerHeight = container.offsetHeight;
-            var elementHeight = element.offsetHeight;
-            var elementOffset = (containerHeight - elementHeight) / 2;
-            // Set the scroll position of the container to bring the element to the middle
-            container.scrollTop = element.offsetTop - elementOffset;
+            // Set the scroll position of the container to bring the element to the top
+            container.scrollTop = element.offsetTop;
         }
     }
     catch (_b) {
@@ -160,4 +156,4 @@ exports.mergeAndSortMessages = mergeAndSortMessages;
 exports.passUnsuccessfullMessages = passUnsuccessfullMessages;
 exports.scrollIntoLast = scrollIntoLast;
 exports.scrollToRenderedMessage = scrollToRenderedMessage;
-//# sourceMappingURL=bundle-5SOWNViS.js.map
+//# sourceMappingURL=bundle-pxBxPT0b.js.map

package/cjs/chunks/{bundle-5SOWNViS.js.map → bundle-pxBxPT0b.js.map}

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

package/cjs/chunks/{bundle-L6ZM4yRd.js → bundle-tFuTz5CT.js}

@@ -1,9 +1,9 @@
 'use strict';
 
 var React = require('react');
-var pubSub_topics = require('./bundle-ONpNGzUN.js');
-var utils = require('./bundle-5SOWNViS.js');
-var index = require('./bundle-KQyVyq1q.js');
+var pubSub_topics = require('./bundle-0wbO-LdY.js');
+var utils = require('./bundle-pxBxPT0b.js');
+var index = require('./bundle-nGMCZjvM.js');
 var utils_message_getOutgoingMessageState = require('../utils/message/getOutgoingMessageState.js');
 
 var getNicknamesMapFromMembers = function (members) {
@@ -225,4 +225,4 @@ exports.getParentMessageFrom = getParentMessageFrom;
 exports.isAboutSame = isAboutSame;
 exports.scrollIntoLast = scrollIntoLast;
 exports.useSendMultipleFilesMessage = useSendMultipleFilesMessage;
-//# sourceMappingURL=bundle-L6ZM4yRd.js.map
+//# sourceMappingURL=bundle-tFuTz5CT.js.map

package/cjs/chunks/{bundle-L6ZM4yRd.js.map → bundle-tFuTz5CT.js.map}

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

package/cjs/chunks/{bundle-ajGnEkbH.js → bundle-ugapct3R.js}

@@ -1,25 +1,25 @@
 'use strict';
 
-var _tslib = require('./bundle-2s7rxLn3.js');
+var _tslib = require('./bundle-QH7iLrPR.js');
 var React = require('react');
 var ui_Button = require('../ui/Button.js');
 var ui_ContextMenu = require('../ui/ContextMenu.js');
 var ui_Icon = require('../ui/Icon.js');
 var ui_IconButton = require('../ui/IconButton.js');
-var ui_Label = require('./bundle-1Rk5zlYY.js');
-var LocalizationContext = require('./bundle-3AvVQDMo.js');
-var UserProfileContext = require('./bundle-r81ddDqP.js');
-require('./bundle-DFBAN2Mi.js');
-var ui_Avatar = require('./bundle-03qc56fX.js');
+var ui_Label = require('./bundle-0MHADZvF.js');
+var LocalizationContext = require('./bundle-ZurhBjw4.js');
+var UserProfileContext = require('./bundle-gM8i5lGF.js');
+require('./bundle-pOTnhSyt.js');
+var ui_Avatar = require('./bundle-vSdu8rrq.js');
 require('react-dom');
-require('./bundle-K0D5qG0j.js');
+require('./bundle-vWUmeH2R.js');
 var ui_MutedAvatarOverlay = require('../ui/MutedAvatarOverlay.js');
 var ui_UserProfile = require('../ui/UserProfile.js');
 var OpenChannelSettings_context = require('../OpenChannelSettings/context.js');
 require('../withSendbird.js');
-var ui_Modal = require('./bundle-6lAqYT4t.js');
+var ui_Modal = require('./bundle-JragPpHy.js');
 var ui_UserListItem = require('../ui/UserListItem.js');
-var utils = require('./bundle--OdfDOjY.js');
+var utils = require('./bundle-Pe-j2f1D.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
 
 function ParticipantsModal(_a) {
@@ -233,4 +233,4 @@ function ParticipantList(_a) {
 
 exports.ParticipantList = ParticipantList;
 exports.UserListItem = UserListItem;
-//# sourceMappingURL=bundle-ajGnEkbH.js.map
+//# sourceMappingURL=bundle-ugapct3R.js.map

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

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

package/cjs/chunks/{bundle-wvuQ096A.js → bundle-v8bBiJ_c.js}

@@ -212,4 +212,4 @@ var getStringSet = function (lang) {
 };
 
 exports.getStringSet = getStringSet;
-//# sourceMappingURL=bundle-wvuQ096A.js.map
+//# sourceMappingURL=bundle-v8bBiJ_c.js.map

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

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

package/cjs/chunks/{bundle-03qc56fX.js → bundle-vSdu8rrq.js}

@@ -1,45 +1,33 @@
 'use strict';
 
-var _tslib = require('./bundle-2s7rxLn3.js');
+var _tslib = require('./bundle-QH7iLrPR.js');
 var React = require('react');
 var ui_ImageRenderer = require('../ui/ImageRenderer.js');
+var uuid = require('./bundle-NYFm08XH.js');
+var pxToNumber = require('./bundle-MeuNh9Q9.js');
 var ui_Icon = require('../ui/Icon.js');
-var uuid = require('./bundle--NEfAH1H.js');
 
-var pxToNumber = function (px) {
-    if (typeof px === 'number') {
-        return px;
-    }
-    if (typeof px === 'string') {
-        var parsed = Number.parseFloat(px);
-        if (!Number.isNaN(parsed)) {
-            return parsed;
-        }
-    }
-    return NaN;
-};
-
-var imageRendererClassName = 'sendbird-avatar-img';
-var DefaultComponent = function (_a) {
-    var width = _a.width, height = _a.height;
-    var iconWidth = pxToNumber(width);
-    var iconHeight = pxToNumber(height);
+var AvatarDefault = function (props) {
+    var width = props.width, height = props.height, text = props.text;
+    var iconWidth = pxToNumber.pxToNumber(width);
+    var iconHeight = pxToNumber.pxToNumber(height);
     if (typeof iconWidth === 'number' && !Number.isNaN(iconWidth)) {
         iconWidth *= 0.575;
     }
     if (typeof iconHeight === 'number' && !Number.isNaN(iconHeight)) {
         iconHeight *= 0.575;
     }
-    return (React.createElement("div", { className: "sendbird-avatar-img--default", style: { width: width, height: height } },
-        React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.USER, fillColor: ui_Icon.IconColors.CONTENT, width: iconWidth, height: iconHeight })));
-};
-var _defaultComponent = function (_a) {
-    var width = _a.width, height = _a.height;
-    return (React.createElement(DefaultComponent, { width: width, height: height }));
-};
+    return (React.createElement("div", { className: "sendbird-avatar-img--default ".concat(text ? 'text' : ''), style: { width: width, height: height } }, text
+        ? React.createElement("div", { className: 'sendbird-avatar-text' }, text)
+        : React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.USER, fillColor: ui_Icon.IconColors.CONTENT, width: iconWidth, height: iconHeight })));
+};
+
+var imageRendererClassName = 'sendbird-avatar-img';
 var AvatarInner = function (_a) {
     var _b = _a.src, src = _b === void 0 ? '' : _b, _c = _a.alt, alt = _c === void 0 ? '' : _c, height = _a.height, width = _a.width, customDefaultComponent = _a.customDefaultComponent;
-    var defaultComponent = function () { return customDefaultComponent ? customDefaultComponent({ width: width, height: height }) : _defaultComponent({ width: width, height: height }); };
+    var defaultComponent = function () { return customDefaultComponent
+        ? customDefaultComponent({ width: width, height: height })
+        : React.createElement(AvatarDefault, { width: width, height: height }); };
     if (typeof src === 'string') {
         return (React.createElement(ui_ImageRenderer.default, { className: imageRendererClassName, url: src, height: height, width: width, alt: alt, defaultComponent: defaultComponent }));
     }
@@ -67,15 +55,20 @@ var AvatarInner = function (_a) {
     return (React.createElement(ui_ImageRenderer.default, { className: imageRendererClassName, url: "", height: height, width: width, alt: alt, defaultComponent: defaultComponent }));
 };
 function Avatar(_a, ref) {
-    var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.src, src = _c === void 0 ? '' : _c, _d = _a.alt, alt = _d === void 0 ? '' : _d, _e = _a.width, width = _e === void 0 ? '56px' : _e, _f = _a.height, height = _f === void 0 ? '56px' : _f, onClick = _a.onClick, customDefaultComponent = _a.customDefaultComponent;
+    var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.src, src = _c === void 0 ? '' : _c, _d = _a.alt, alt = _d === void 0 ? '' : _d, _e = _a.width, width = _e === void 0 ? '56px' : _e, _f = _a.height, height = _f === void 0 ? '56px' : _f, _g = _a.zIndex, zIndex = _g === void 0 ? 0 : _g, _h = _a.left, left = _h === void 0 ? '0px' : _h, onClick = _a.onClick, customDefaultComponent = _a.customDefaultComponent;
     return (React.createElement("div", { className: _tslib.__spreadArray(_tslib.__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
             'sendbird-avatar',
-        ], false).join(' '), role: "button", ref: ref, style: { height: height, width: width }, onClick: onClick, onKeyDown: onClick, tabIndex: 0 },
+        ], false).join(' '), role: "button", ref: ref, style: {
+            height: height,
+            width: width,
+            zIndex: zIndex,
+            left: left,
+        }, onClick: onClick, onKeyDown: onClick, tabIndex: 0 },
         React.createElement(AvatarInner, { src: src, width: width, height: height, alt: alt, customDefaultComponent: customDefaultComponent })));
 }
 var Avatar$1 = React.forwardRef(Avatar);
 
 exports.Avatar = Avatar$1;
+exports.AvatarDefault = AvatarDefault;
 exports.AvatarInner = AvatarInner;
-exports.pxToNumber = pxToNumber;
-//# sourceMappingURL=bundle-03qc56fX.js.map
+//# sourceMappingURL=bundle-vSdu8rrq.js.map

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

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

package/cjs/chunks/{bundle-K0D5qG0j.js → bundle-vWUmeH2R.js}

@@ -76,4 +76,4 @@ var useMediaQueryContext = function () { return React.useContext(MediaQueryConte
 
 exports.MediaQueryProvider = MediaQueryProvider;
 exports.useMediaQueryContext = useMediaQueryContext;
-//# sourceMappingURL=bundle-K0D5qG0j.js.map
+//# sourceMappingURL=bundle-vWUmeH2R.js.map

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

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

package/cjs/chunks/{bundle-R4nsdVDF.js → bundle-vWlSj3_G.js}

@@ -7,4 +7,4 @@ var USER_ACTIONS = {
 };
 
 exports.USER_ACTIONS = USER_ACTIONS;
-//# sourceMappingURL=bundle-R4nsdVDF.js.map
+//# sourceMappingURL=bundle-vWlSj3_G.js.map

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

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

package/cjs/chunks/{bundle-0ugulztA.js → bundle-wN0CLPzM.js}

@@ -1,12 +1,12 @@
 'use strict';
 
 var React = require('react');
-var index_module = require('./bundle-qnGmz8ai.js');
-var tokenize = require('./bundle-ww8_Dx5u.js');
+var index_module = require('./bundle-AQhLE-Ci.js');
+var tokenize = require('./bundle-FpImAp7o.js');
 var Message_context = require('../Message/context.js');
 var ui_MentionLabel = require('../ui/MentionLabel.js');
 var ui_LinkLabel = require('../ui/LinkLabel.js');
-var ui_Label = require('./bundle-1Rk5zlYY.js');
+var ui_Label = require('./bundle-0MHADZvF.js');
 
 // this function is used to generate a unique key for token in message
 // it changes with updated time and index
@@ -35,4 +35,4 @@ function TextFragment(_a) {
 }
 
 exports.TextFragment = TextFragment;
-//# sourceMappingURL=bundle-0ugulztA.js.map
+//# sourceMappingURL=bundle-wN0CLPzM.js.map

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

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

package/cjs/chunks/bundle-x3a8KQ02.js

@@ -0,0 +1,136 @@
+'use strict';
+
+var React = require('react');
+var LocalizationContext = require('./bundle-ZurhBjw4.js');
+var VoicePlayer_useVoicePlayer = require('../VoicePlayer/useVoicePlayer.js');
+var VoiceRecorder_useVoiceRecorder = require('../VoiceRecorder/useVoiceRecorder.js');
+var utils = require('./bundle-pxBxPT0b.js');
+var ui_VoiceMessageInput = require('./bundle-IxIg8fhp.js');
+var ui_Modal = require('./bundle-JragPpHy.js');
+var ui_Button = require('../ui/Button.js');
+var useSendbirdStateContext = require('../useSendbirdStateContext.js');
+var consts = require('./bundle-EVdeXpsD.js');
+var VoicePlayer_context = require('./bundle-VoZZnYtF.js');
+var uuid = require('./bundle-NYFm08XH.js');
+
+var VoiceMessageInputWrapper = function (_a) {
+    var _b;
+    var channel = _a.channel, onCancelClick = _a.onCancelClick, onSubmitClick = _a.onSubmitClick;
+    var uuid$1 = React.useRef(uuid.uuidv4()).current;
+    var _c = React.useState(null), audioFile = _c[0], setAudioFile = _c[1];
+    var _d = React.useState(ui_VoiceMessageInput.VoiceMessageInputStatus.READY_TO_RECORD), voiceInputState = _d[0], setVoiceInputState = _d[1];
+    var _e = React.useState(false), isSubmitted = _e[0], setSubmit = _e[1];
+    var _f = React.useState(false), isDisabled = _f[0], setDisabled = _f[1];
+    var _g = React.useState(false), showModal = _g[0], setShowModal = _g[1];
+    var stringSet = LocalizationContext.useLocalization().stringSet;
+    var config = useSendbirdStateContext.useSendbirdStateContext().config;
+    var minRecordingTime = ((_b = config === null || config === void 0 ? void 0 : config.voiceRecord) === null || _b === void 0 ? void 0 : _b.minRecordingTime) || consts.VOICE_RECORDER_DEFAULT_MIN;
+    var _h = VoiceRecorder_useVoiceRecorder.useVoiceRecorder({
+        onRecordingStarted: function () {
+            setVoiceInputState(ui_VoiceMessageInput.VoiceMessageInputStatus.RECORDING);
+        },
+        onRecordingEnded: function (audioFile) {
+            setAudioFile(audioFile);
+        },
+    }), start = _h.start, stop = _h.stop, cancel = _h.cancel, recordingTime = _h.recordingTime, recordingStatus = _h.recordingStatus, recordingLimit = _h.recordingLimit;
+    var voicePlayer = VoicePlayer_useVoicePlayer.useVoicePlayer({
+        channelUrl: channel === null || channel === void 0 ? void 0 : channel.url,
+        key: uuid$1,
+        audioFile: audioFile,
+    });
+    var play = voicePlayer.play, pause = voicePlayer.pause, playbackTime = voicePlayer.playbackTime, playingStatus = voicePlayer.playingStatus;
+    var stopVoicePlayer = voicePlayer.stop;
+    // disabled state: muted & frozen
+    React.useEffect(function () {
+        if (utils.isDisabledBecauseFrozen(channel) || utils.isDisabledBecauseMuted(channel)) {
+            setDisabled(true);
+        }
+        else {
+            setDisabled(false);
+        }
+    }, [channel === null || channel === void 0 ? void 0 : channel.myRole, channel === null || channel === void 0 ? void 0 : channel.isFrozen, channel === null || channel === void 0 ? void 0 : channel.myMutedState]);
+    // call onSubmitClick when submit button is clicked and recorded audio file is created
+    React.useEffect(function () {
+        if (isSubmitted && audioFile) {
+            onSubmitClick(audioFile, recordingTime);
+            setSubmit(false);
+            setAudioFile(null);
+        }
+    }, [isSubmitted, audioFile, recordingTime]);
+    // operate which control button should be displayed
+    React.useEffect(function () {
+        if (audioFile) {
+            if (recordingTime < minRecordingTime) {
+                setVoiceInputState(ui_VoiceMessageInput.VoiceMessageInputStatus.READY_TO_RECORD);
+                setAudioFile(null);
+            }
+            else if (playingStatus === VoicePlayer_context.VOICE_PLAYER_STATUS.PLAYING) {
+                setVoiceInputState(ui_VoiceMessageInput.VoiceMessageInputStatus.PLAYING);
+            }
+            else {
+                setVoiceInputState(ui_VoiceMessageInput.VoiceMessageInputStatus.READY_TO_PLAY);
+            }
+        }
+    }, [audioFile, recordingTime, playingStatus]);
+    return (React.createElement("div", { className: "sendbird-voice-message-input-wrapper" },
+        React.createElement(ui_VoiceMessageInput.VoiceMessageInput, { currentValue: recordingStatus === VoiceRecorder_useVoiceRecorder.VoiceRecorderStatus.COMPLETED ? playbackTime : recordingTime, maximumValue: recordingStatus === VoiceRecorder_useVoiceRecorder.VoiceRecorderStatus.COMPLETED ? recordingTime : recordingLimit, currentType: voiceInputState, onCancelClick: function () {
+                onCancelClick();
+                cancel();
+                stopVoicePlayer();
+            }, onSubmitClick: function () {
+                if (isDisabled) {
+                    setShowModal(true);
+                    setVoiceInputState(ui_VoiceMessageInput.VoiceMessageInputStatus.READY_TO_RECORD);
+                }
+                else {
+                    stop();
+                    pause();
+                    setSubmit(true);
+                }
+            }, onControlClick: function (type) {
+                switch (type) {
+                    case ui_VoiceMessageInput.VoiceMessageInputStatus.READY_TO_RECORD: {
+                        stopVoicePlayer();
+                        start();
+                        break;
+                    }
+                    case ui_VoiceMessageInput.VoiceMessageInputStatus.RECORDING: {
+                        if (recordingTime >= minRecordingTime && !isDisabled) {
+                            stop();
+                        }
+                        else if (isDisabled) {
+                            cancel();
+                            setShowModal(true);
+                            setVoiceInputState(ui_VoiceMessageInput.VoiceMessageInputStatus.READY_TO_RECORD);
+                        }
+                        else {
+                            cancel();
+                            setVoiceInputState(ui_VoiceMessageInput.VoiceMessageInputStatus.READY_TO_RECORD);
+                        }
+                        break;
+                    }
+                    case ui_VoiceMessageInput.VoiceMessageInputStatus.READY_TO_PLAY: {
+                        play();
+                        break;
+                    }
+                    case ui_VoiceMessageInput.VoiceMessageInputStatus.PLAYING: {
+                        pause();
+                        break;
+                    }
+                }
+            } }),
+        showModal && (React.createElement(ui_Modal.Modal, { className: "sendbird-voice-message-input-wrapper-alert", titleText: utils.isDisabledBecauseMuted(channel)
+                ? stringSet.MODAL__VOICE_MESSAGE_INPUT_DISABLED__TITLE_MUTED
+                : stringSet.MODAL__VOICE_MESSAGE_INPUT_DISABLED__TITLE_FROZEN, hideFooter: true, isCloseOnClickOutside: true, onCancel: function () {
+                setShowModal(false);
+                onCancelClick();
+            } },
+            React.createElement("div", { className: "sendbird-voice-message-input-wrapper-alert__body" },
+                React.createElement(ui_Button.default, { className: "sendbird-voice-message-input-wrapper-alert__body__ok-button", type: ui_Button.ButtonTypes.PRIMARY, size: ui_Button.ButtonSizes.BIG, onClick: function () {
+                        setShowModal(false);
+                        onCancelClick();
+                    } }, stringSet.BUTTON__OK))))));
+};
+
+exports.VoiceMessageInputWrapper = VoiceMessageInputWrapper;
+//# sourceMappingURL=bundle-x3a8KQ02.js.map

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

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

package/cjs/chunks/{bundle-NS_si8Av.js → bundle-xeeBDhY6.js}

@@ -3,4 +3,4 @@
 var OG_MESSAGE_BODY_CLASSNAME = 'sendbird-og-message-item-body__text-bubble';
 
 exports.OG_MESSAGE_BODY_CLASSNAME = OG_MESSAGE_BODY_CLASSNAME;
-//# sourceMappingURL=bundle-NS_si8Av.js.map
+//# sourceMappingURL=bundle-xeeBDhY6.js.map

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

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

package/cjs/chunks/{bundle-VQoPLYq1.js → bundle-xlnqnYUH.js}

@@ -3,7 +3,7 @@
 var React = require('react');
 var ui_ContextMenu = require('../ui/ContextMenu.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var LocalizationContext = require('./bundle-3AvVQDMo.js');
+var LocalizationContext = require('./bundle-ZurhBjw4.js');
 
 var OpenChannelMessageStatusTypes = {
     NONE: 'none',
@@ -106,4 +106,4 @@ exports.isFineDelete = isFineDelete;
 exports.isFineEdit = isFineEdit;
 exports.isFineResend = isFineResend;
 exports.showMenuTrigger = showMenuTrigger;
-//# sourceMappingURL=bundle-VQoPLYq1.js.map
+//# sourceMappingURL=bundle-xlnqnYUH.js.map

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

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

package/cjs/chunks/{bundle-DvBNc5Qi.js → bundle-yTYZiuXi.js}

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

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

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

package/cjs/hooks/useModal.js

@@ -1,18 +1,18 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-2s7rxLn3.js');
+var _tslib = require('../chunks/bundle-QH7iLrPR.js');
 var React = require('react');
-var index_module = require('../chunks/bundle-qnGmz8ai.js');
-var utils = require('../chunks/bundle--OdfDOjY.js');
-var ui_Modal = require('../chunks/bundle-6lAqYT4t.js');
+var index_module = require('../chunks/bundle-AQhLE-Ci.js');
+var utils = require('../chunks/bundle-Pe-j2f1D.js');
+var ui_Modal = require('../chunks/bundle-JragPpHy.js');
 require('react-dom');
-require('../chunks/bundle-3AvVQDMo.js');
-require('../chunks/bundle-wvuQ096A.js');
-require('../chunks/bundle-YXCUHkka.js');
-require('../chunks/bundle-K0D5qG0j.js');
+require('../chunks/bundle-ZurhBjw4.js');
+require('../chunks/bundle-v8bBiJ_c.js');
+require('../chunks/bundle-cV7uGK08.js');
+require('../chunks/bundle-vWUmeH2R.js');
 require('../ui/IconButton.js');
 require('../ui/Button.js');
-require('../chunks/bundle-1Rk5zlYY.js');
+require('../chunks/bundle-0MHADZvF.js');
 require('../ui/Icon.js');
 
 var GlobalModalContext = React.createContext({