stream-chat-react-native-core 5.27.0 → 5.27.1-beta.1

package/lib/module/components/MessageInput/MessageInput.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MessageInput = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
@@ -22,11 +21,12 @@ var _ThreadContext = require("../../contexts/threadContext/ThreadContext");
 var _TranslationContext = require("../../contexts/translationContext/TranslationContext");
 var _AttachmentSelectionBar = require("../AttachmentPicker/components/AttachmentSelectionBar");
 var _AutoCompleteInput = require("../AutoCompleteInput/AutoCompleteInput");
+var _jsxRuntime = require("react/jsx-runtime");
 var _this = this,
   _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/MessageInput/MessageInput.tsx";
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _createForOfIteratorHelperLoose(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (it) return (it = it.call(o)).next.bind(it); if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; return function () { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 var styles = _reactNative.StyleSheet.create({
@@ -335,7 +335,7 @@ var MessageInputWithContext = function MessageInputWithContext(props) {
   var asyncUploadsString = Object.values(asyncUploads).map(function (_ref) {
     var state = _ref.state,
       url = _ref.url;
-    return "" + state + url;
+    return "".concat(state).concat(url);
   }).join();
   (0, _react.useEffect)(function () {
     if (Object.keys(asyncUploads).length) {
@@ -360,11 +360,19 @@ var MessageInputWithContext = function MessageInputWithContext(props) {
   var getUsers = function getUsers() {
     var users = [].concat((0, _toConsumableArray2["default"])(getMembers()), (0, _toConsumableArray2["default"])(getWatchers()));
     var uniqueUsers = {};
-    for (var _iterator = _createForOfIteratorHelperLoose(users), _step; !(_step = _iterator()).done;) {
-      var user = _step.value;
-      if (user && !uniqueUsers[user.id]) {
-        uniqueUsers[user.id] = user;
+    var _iterator = _createForOfIteratorHelper(users),
+      _step;
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var user = _step.value;
+        if (user && !uniqueUsers[user.id]) {
+          uniqueUsers[user.id] = user;
+        }
       }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
     }
     var usersArray = Object.values(uniqueUsers);
     return usersArray;
@@ -376,11 +384,11 @@ var MessageInputWithContext = function MessageInputWithContext(props) {
     }
     return result;
   };
-  var additionalTextInputContainerProps = (0, _extends2["default"])({
+  var additionalTextInputContainerProps = Object.assign({
     editable: disabled ? false : undefined
   }, additionalTextInputProps);
   var memoizedAdditionalTextInputProps = (0, _react.useMemo)(function () {
-    return (0, _extends2["default"])({}, additionalTextInputProps, {
+    return Object.assign({}, additionalTextInputProps, {
       onBlur: function onBlur(event) {
         if (additionalTextInputProps != null && additionalTextInputProps.onBlur) {
           additionalTextInputProps == null ? void 0 : additionalTextInputProps.onBlur(event);
@@ -396,216 +404,78 @@ var MessageInputWithContext = function MessageInputWithContext(props) {
       }
     });
   }, [additionalTextInputProps]);
-  return _react["default"].createElement(_react["default"].Fragment, null, _react["default"].createElement(_reactNative.View, {
-    onLayout: function onLayout(_ref2) {
-      var newHeight = _ref2.nativeEvent.layout.height;
-      return setHeight(newHeight);
-    },
-    style: [styles.container, {
-      backgroundColor: white,
-      borderColor: border
-    }, container],
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 543,
-      columnNumber: 7
-    }
-  }, editing && _react["default"].createElement(InputEditingStateHeader, {
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 551,
-      columnNumber: 21
-    }
-  }), quotedMessage && _react["default"].createElement(InputReplyStateHeader, {
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 552,
-      columnNumber: 27
-    }
-  }), _react["default"].createElement(_reactNative.View, {
-    style: [styles.composerContainer, composerContainer],
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 553,
-      columnNumber: 9
-    }
-  }, Input ? _react["default"].createElement(Input, {
-    additionalTextInputProps: additionalTextInputContainerProps,
-    getUsers: getUsers,
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 555,
-      columnNumber: 13
-    }
-  }) : _react["default"].createElement(_react["default"].Fragment, null, _react["default"].createElement(_reactNative.View, {
-    style: [styles.optionsContainer, optionsContainer],
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 561,
-      columnNumber: 15
-    }
-  }, InputButtons && _react["default"].createElement(InputButtons, {
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 562,
-      columnNumber: 34
-    }
-  })), _react["default"].createElement(_reactNative.View, {
-    style: [styles.inputBoxContainer, {
-      borderColor: grey_whisper,
-      paddingVertical: giphyActive ? 8 : 12
-    }, inputBoxContainer, focused ? focusedInputBoxContainer : null],
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 564,
-      columnNumber: 15
-    }
-  }, (typeof editing !== 'boolean' && (editing == null ? void 0 : editing.quoted_message) || quotedMessage) && _react["default"].createElement(_reactNative.View, {
-    style: [styles.replyContainer, replyContainer],
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 576,
-      columnNumber: 19
-    }
-  }, _react["default"].createElement(Reply, {
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 577,
-      columnNumber: 21
-    }
-  })), imageUploads.length ? _react["default"].createElement(ImageUploadPreview, {
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 580,
-      columnNumber: 40
-    }
-  }) : null, imageUploads.length && fileUploads.length ? _react["default"].createElement(_reactNative.View, {
-    style: [styles.attachmentSeparator, {
-      borderBottomColor: grey_whisper,
-      marginHorizontal: giphyActive ? 8 : 12
-    }],
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 582,
-      columnNumber: 19
-    }
-  }) : null, fileUploads.length ? _react["default"].createElement(FileUploadPreview, {
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 592,
-      columnNumber: 39
-    }
-  }) : null, giphyActive ? _react["default"].createElement(InputGiphySearch, {
-    disabled: !isOnline,
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 594,
-      columnNumber: 19
-    }
-  }) : _react["default"].createElement(_reactNative.View, {
-    style: [styles.autoCompleteInputContainer, autoCompleteInputContainer],
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 596,
-      columnNumber: 19
-    }
-  }, _react["default"].createElement(_AutoCompleteInput.AutoCompleteInput, {
-    additionalTextInputProps: memoizedAdditionalTextInputProps,
-    cooldownActive: !!cooldownRemainingSeconds,
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 597,
-      columnNumber: 21
-    }
-  }))), _react["default"].createElement(_reactNative.View, {
-    style: [styles.sendButtonContainer, sendButtonContainer],
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 604,
-      columnNumber: 15
-    }
-  }, cooldownRemainingSeconds ? _react["default"].createElement(CooldownTimer, {
-    seconds: cooldownRemainingSeconds,
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 606,
-      columnNumber: 19
-    }
-  }) : _react["default"].createElement(SendButton, {
-    disabled: disabled || sending.current || !isValidMessage() || giphyActive && !isOnline,
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 608,
-      columnNumber: 19
-    }
-  })))), _react["default"].createElement(ShowThreadMessageInChannelButton, {
-    threadList: threadList,
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 618,
-      columnNumber: 9
-    }
-  })), triggerType && suggestions ? _react["default"].createElement(_reactNative.View, {
-    style: [styles.suggestionsListContainer, {
-      bottom: height
-    }, suggestionListContainer],
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 622,
-      columnNumber: 9
-    }
-  }, _react["default"].createElement(AutoCompleteSuggestionList, {
-    active: !!suggestions,
-    data: suggestions.data,
-    onSelect: suggestions.onSelect,
-    queryText: suggestions.queryText,
-    triggerType: triggerType,
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 625,
-      columnNumber: 11
-    }
-  })) : null, selectedPicker && _react["default"].createElement(_reactNative.View, {
-    style: [{
-      backgroundColor: white_smoke,
-      height: (attachmentPickerBottomSheetHeight ? attachmentPickerBottomSheetHeight + (attachmentSelectionBarHeight != null ? attachmentSelectionBarHeight : 52) : 360) - bottomInset
-    }, attachmentSelectionBar],
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 635,
-      columnNumber: 9
-    }
-  }, _react["default"].createElement(_AttachmentSelectionBar.AttachmentSelectionBar, {
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 647,
-      columnNumber: 11
-    }
-  })));
+  return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      onLayout: function onLayout(_ref2) {
+        var newHeight = _ref2.nativeEvent.layout.height;
+        return setHeight(newHeight);
+      },
+      style: [styles.container, {
+        backgroundColor: white,
+        borderColor: border
+      }, container],
+      children: [editing && (0, _jsxRuntime.jsx)(InputEditingStateHeader, {}), quotedMessage && (0, _jsxRuntime.jsx)(InputReplyStateHeader, {}), (0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: [styles.composerContainer, composerContainer],
+        children: Input ? (0, _jsxRuntime.jsx)(Input, {
+          additionalTextInputProps: additionalTextInputContainerProps,
+          getUsers: getUsers
+        }) : (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+          children: [(0, _jsxRuntime.jsx)(_reactNative.View, {
+            style: [styles.optionsContainer, optionsContainer],
+            children: InputButtons && (0, _jsxRuntime.jsx)(InputButtons, {})
+          }), (0, _jsxRuntime.jsxs)(_reactNative.View, {
+            style: [styles.inputBoxContainer, {
+              borderColor: grey_whisper,
+              paddingVertical: giphyActive ? 8 : 12
+            }, inputBoxContainer, focused ? focusedInputBoxContainer : null],
+            children: [(typeof editing !== 'boolean' && (editing == null ? void 0 : editing.quoted_message) || quotedMessage) && (0, _jsxRuntime.jsx)(_reactNative.View, {
+              style: [styles.replyContainer, replyContainer],
+              children: (0, _jsxRuntime.jsx)(Reply, {})
+            }), imageUploads.length ? (0, _jsxRuntime.jsx)(ImageUploadPreview, {}) : null, imageUploads.length && fileUploads.length ? (0, _jsxRuntime.jsx)(_reactNative.View, {
+              style: [styles.attachmentSeparator, {
+                borderBottomColor: grey_whisper,
+                marginHorizontal: giphyActive ? 8 : 12
+              }]
+            }) : null, fileUploads.length ? (0, _jsxRuntime.jsx)(FileUploadPreview, {}) : null, giphyActive ? (0, _jsxRuntime.jsx)(InputGiphySearch, {
+              disabled: !isOnline
+            }) : (0, _jsxRuntime.jsx)(_reactNative.View, {
+              style: [styles.autoCompleteInputContainer, autoCompleteInputContainer],
+              children: (0, _jsxRuntime.jsx)(_AutoCompleteInput.AutoCompleteInput, {
+                additionalTextInputProps: memoizedAdditionalTextInputProps,
+                cooldownActive: !!cooldownRemainingSeconds
+              })
+            })]
+          }), (0, _jsxRuntime.jsx)(_reactNative.View, {
+            style: [styles.sendButtonContainer, sendButtonContainer],
+            children: cooldownRemainingSeconds ? (0, _jsxRuntime.jsx)(CooldownTimer, {
+              seconds: cooldownRemainingSeconds
+            }) : (0, _jsxRuntime.jsx)(SendButton, {
+              disabled: disabled || sending.current || !isValidMessage() || giphyActive && !isOnline
+            })
+          })]
+        })
+      }), (0, _jsxRuntime.jsx)(ShowThreadMessageInChannelButton, {
+        threadList: threadList
+      })]
+    }), triggerType && suggestions ? (0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.suggestionsListContainer, {
+        bottom: height
+      }, suggestionListContainer],
+      children: (0, _jsxRuntime.jsx)(AutoCompleteSuggestionList, {
+        active: !!suggestions,
+        data: suggestions.data,
+        onSelect: suggestions.onSelect,
+        queryText: suggestions.queryText,
+        triggerType: triggerType
+      })
+    }) : null, selectedPicker && (0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [{
+        backgroundColor: white_smoke,
+        height: (attachmentPickerBottomSheetHeight ? attachmentPickerBottomSheetHeight + (attachmentSelectionBarHeight != null ? attachmentSelectionBarHeight : 52) : 360) - bottomInset
+      }, attachmentSelectionBar],
+      children: (0, _jsxRuntime.jsx)(_AttachmentSelectionBar.AttachmentSelectionBar, {})
+    })]
+  });
 };
 var areEqual = function areEqual(prevProps, nextProps) {
   var prevAdditionalTextInputProps = prevProps.additionalTextInputProps,
@@ -745,16 +615,9 @@ var MessageInput = function MessageInput(props) {
   var _useTranslationContex2 = (0, _TranslationContext.useTranslationContext)(),
     t = _useTranslationContex2.t;
   if ((disabled || !ownCapabilities.sendMessage) && SendMessageDisallowedIndicator) {
-    return _react["default"].createElement(SendMessageDisallowedIndicator, {
-      __self: _this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 853,
-        columnNumber: 12
-      }
-    });
+    return (0, _jsxRuntime.jsx)(SendMessageDisallowedIndicator, {});
   }
-  return _react["default"].createElement(MemoizedMessageInput, (0, _extends2["default"])({
+  return (0, _jsxRuntime.jsx)(MemoizedMessageInput, Object.assign({
     additionalTextInputProps: additionalTextInputProps,
     asyncIds: asyncIds,
     asyncUploads: asyncUploads,
@@ -806,14 +669,7 @@ var MessageInput = function MessageInput(props) {
     uploadNewFile: uploadNewFile,
     uploadNewImage: uploadNewImage,
     watchers: watchers
-  }, props, {
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 857,
-      columnNumber: 5
-    }
-  }));
+  }, props));
 };
 exports.MessageInput = MessageInput;
 MessageInput.displayName = 'MessageInput{messageInput}';