quickblox-react-ui-kit 0.2.8-beta.10 → 0.2.8-beta.11

package/dist/index-ui.js

@@ -22014,28 +22014,25 @@ var __assign = (undefined && undefined.__assign) || function () {
 // eslint-disable-next-line react/function-component-definition
 var MessageInput = function (_a) {
     var messageText = _a.messageText, onChangeText = _a.onChangeText, sendText = _a.sendText, renderSendIcon = _a.renderSendIcon, renderAttachment = _a.renderAttachment, isRecording = _a.isRecording, renderVoiceRecorder = _a.renderVoiceRecorder, renderVoiceRecordProgress = _a.renderVoiceRecordProgress, renderAIWidget = _a.renderAIWidget, waitAIWidget = _a.waitAIWidget, messagesViewModel = _a.messagesViewModel, maxWidthToResizing = _a.maxWidthToResizing, _b = _a.theme, theme = _b === void 0 ? undefined : _b;
-    var _c = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(messageText), currentMessageText = _c[0], setCurrentMessageText = _c[1];
-    var _d = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(true), isVoiceMessage = _d[0], setVoiceMessage = _d[1];
-    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
-        setCurrentMessageText(messageText);
-    }, [messageText]);
+    var _c = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(true), isVoiceMessage = _c[0], setVoiceMessage = _c[1];
+    var handleChange = function (event) {
+        onChangeText(event.target.value);
+    };
     function sendTextMessageActions() {
         if (sendText) {
-            sendText(currentMessageText);
+            sendText(messageText);
+            onChangeText('');
         }
     }
     return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ style: {
             flex: "flex: 1 1 ".concat(maxWidthToResizing),
         }, onBlur: function () {
-            if (!(currentMessageText && currentMessageText.length > 0)) {
+            if (!(messageText && messageText.length > 0)) {
                 setVoiceMessage(true);
             }
-        }, className: "message-view-container--chat-input" }, { children: [renderAttachment, !isRecording && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "input-text-message" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "type-message" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("textarea", { style: theme ? { backgroundColor: theme.chatInput() } : {}, disabled: messagesViewModel === null || messagesViewModel === void 0 ? void 0 : messagesViewModel.loading, value: currentMessageText, onFocus: function () {
+        }, className: "message-view-container--chat-input" }, { children: [renderAttachment, !isRecording && ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "input-text-message" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", __assign({ className: "type-message" }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("textarea", { style: theme ? { backgroundColor: theme.chatInput() } : {}, disabled: messagesViewModel === null || messagesViewModel === void 0 ? void 0 : messagesViewModel.loading, value: messageText, onFocus: function () {
                                 setVoiceMessage(false);
-                            }, onChange: function (event) {
-                                // setCurrentMessageText(event.target.value);
-                                onChangeText(event.target.value);
-                            }, onInput: function () {
+                            }, onChange: handleChange, onInput: function () {
                                 messagesViewModel.sendTypingTextMessage();
                             }, onKeyDown: function (e) {
                                 console.log("onKeyDown: ".concat(e.key, " shift ").concat(e.shiftKey ? 'true' : 'false', " ctrl ").concat(e.ctrlKey ? 'true' : 'false'));