stream-chat-react-native-core 7.1.2-beta.4 → 7.1.2

package/lib/module/components/AutoCompleteInput/AutoCompleteInput.js

@@ -1,10 +1,8 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.AutoCompleteInput = void 0;
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
@@ -19,7 +17,7 @@ var _jsxRuntime = require("react/jsx-runtime");
 var _this = this,
   _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/AutoCompleteInput/AutoCompleteInput.tsx";
 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 _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; }
 var styles = _reactNative.StyleSheet.create({
   inputBox: {
     flex: 1,
@@ -59,7 +57,7 @@ var AutoCompleteInputWithContext = function AutoCompleteInputWithContext(props)
   var isTrackingStarted = (0, _react.useRef)(false);
   var selectionEnd = (0, _react.useRef)(0);
   var _useState = (0, _react.useState)(0),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     textHeight = _useState2[0],
     setTextHeight = _useState2[1];
   var _useTheme = (0, _ThemeContext.useTheme)(),
@@ -69,29 +67,14 @@ var AutoCompleteInputWithContext = function AutoCompleteInputWithContext(props)
     grey = _useTheme$theme$color.grey,
     inputBox = _useTheme$theme.messageInput.inputBox;
   var handleChange = function () {
-    var _ref = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee(newText) {
-      var fromUpdate,
-        _args = arguments;
-      return _regenerator["default"].wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            fromUpdate = _args.length > 1 && _args[1] !== undefined ? _args[1] : false;
-            if (fromUpdate) {
-              _context.next = 5;
-              break;
-            }
-            onChange(newText);
-            _context.next = 7;
-            break;
-          case 5:
-            _context.next = 7;
-            return handleSuggestionsThrottled(newText);
-          case 7:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
+    var _ref = (0, _asyncToGenerator2.default)(function* (newText) {
+      var fromUpdate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+      if (!fromUpdate) {
+        onChange(newText);
+      } else {
+        yield handleSuggestionsThrottled(newText);
+      }
+    });
     return function handleChange(_x) {
       return _ref.apply(this, arguments);
     };
@@ -112,58 +95,14 @@ var AutoCompleteInputWithContext = function AutoCompleteInputWithContext(props)
     closeSuggestions();
   };
   var updateSuggestions = function () {
-    var _ref3 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee2(_ref2) {
-      var query, trigger, triggerSetting, _triggerSetting, _triggerSetting2;
-      return _regenerator["default"].wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
-          case 0:
-            query = _ref2.query, trigger = _ref2.trigger;
-            if (!(0, _ACITriggerSettings.isMentionTrigger)(trigger)) {
-              _context2.next = 8;
-              break;
-            }
-            triggerSetting = triggerSettings[trigger];
-            if (!triggerSetting) {
-              _context2.next = 6;
-              break;
-            }
-            _context2.next = 6;
-            return triggerSetting.dataProvider(query, text, function (data, queryCallback) {
-              if (query === queryCallback) {
-                updateSuggestionsContext({
-                  data: data,
-                  onSelect: function onSelect(item) {
-                    return onSelectSuggestion({
-                      item: item,
-                      trigger: trigger
-                    });
-                  },
-                  queryText: query
-                });
-              }
-            }, {
-              limit: autoCompleteSuggestionsLimit,
-              mentionAllAppUsersEnabled: mentionAllAppUsersEnabled,
-              mentionAllAppUsersQuery: mentionAllAppUsersQuery
-            });
-          case 6:
-            _context2.next = 19;
-            break;
-          case 8:
-            if (!(0, _ACITriggerSettings.isCommandTrigger)(trigger)) {
-              _context2.next = 15;
-              break;
-            }
-            _triggerSetting = triggerSettings[trigger];
-            if (!_triggerSetting) {
-              _context2.next = 13;
-              break;
-            }
-            _context2.next = 13;
-            return _triggerSetting.dataProvider(query, text, function (data, queryCallback) {
-              if (query !== queryCallback) {
-                return;
-              }
+    var _ref3 = (0, _asyncToGenerator2.default)(function* (_ref2) {
+      var query = _ref2.query,
+        trigger = _ref2.trigger;
+      if ((0, _ACITriggerSettings.isMentionTrigger)(trigger)) {
+        var triggerSetting = triggerSettings[trigger];
+        if (triggerSetting) {
+          yield triggerSetting.dataProvider(query, text, function (data, queryCallback) {
+            if (query === queryCallback) {
               updateSuggestionsContext({
                 data: data,
                 onSelect: function onSelect(item) {
@@ -174,40 +113,55 @@ var AutoCompleteInputWithContext = function AutoCompleteInputWithContext(props)
                 },
                 queryText: query
               });
-            }, {
-              limit: autoCompleteSuggestionsLimit
+            }
+          }, {
+            limit: autoCompleteSuggestionsLimit,
+            mentionAllAppUsersEnabled: mentionAllAppUsersEnabled,
+            mentionAllAppUsersQuery: mentionAllAppUsersQuery
+          });
+        }
+      } else if ((0, _ACITriggerSettings.isCommandTrigger)(trigger)) {
+        var _triggerSetting = triggerSettings[trigger];
+        if (_triggerSetting) {
+          yield _triggerSetting.dataProvider(query, text, function (data, queryCallback) {
+            if (query !== queryCallback) {
+              return;
+            }
+            updateSuggestionsContext({
+              data: data,
+              onSelect: function onSelect(item) {
+                return onSelectSuggestion({
+                  item: item,
+                  trigger: trigger
+                });
+              },
+              queryText: query
             });
-          case 13:
-            _context2.next = 19;
-            break;
-          case 15:
-            _triggerSetting2 = triggerSettings[trigger];
-            if (!_triggerSetting2) {
-              _context2.next = 19;
-              break;
+          }, {
+            limit: autoCompleteSuggestionsLimit
+          });
+        }
+      } else {
+        var _triggerSetting2 = triggerSettings[trigger];
+        if (_triggerSetting2) {
+          yield _triggerSetting2.dataProvider(query, text, function (data, queryCallback) {
+            if (query !== queryCallback) {
+              return;
             }
-            _context2.next = 19;
-            return _triggerSetting2.dataProvider(query, text, function (data, queryCallback) {
-              if (query !== queryCallback) {
-                return;
-              }
-              updateSuggestionsContext({
-                data: data,
-                onSelect: function onSelect(item) {
-                  return onSelectSuggestion({
-                    item: item,
-                    trigger: trigger
-                  });
-                },
-                queryText: query
-              });
+            updateSuggestionsContext({
+              data: data,
+              onSelect: function onSelect(item) {
+                return onSelectSuggestion({
+                  item: item,
+                  trigger: trigger
+                });
+              },
+              queryText: query
             });
-          case 19:
-          case "end":
-            return _context2.stop();
+          });
         }
-      }, _callee2);
-    }));
+      }
+    });
     return function updateSuggestions(_x2) {
       return _ref3.apply(this, arguments);
     };
@@ -226,25 +180,25 @@ var AutoCompleteInputWithContext = function AutoCompleteInputWithContext(props)
     if ((0, _ACITriggerSettings.isCommandTrigger)(trigger) && (0, _SuggestionsContext.isSuggestionCommand)(item)) {
       var triggerSetting = triggerSettings[trigger];
       if (triggerSetting) {
-        newTokenString = "".concat(triggerSetting.output(item).text, " ");
+        newTokenString = `${triggerSetting.output(item).text} `;
       }
     }
     if ((0, _ACITriggerSettings.isEmojiTrigger)(trigger) && (0, _SuggestionsContext.isSuggestionEmoji)(item)) {
       var _triggerSetting3 = triggerSettings[trigger];
       if (_triggerSetting3) {
-        newTokenString = "".concat(_triggerSetting3.output(item).text, " ");
+        newTokenString = `${_triggerSetting3.output(item).text} `;
       }
     }
     if ((0, _ACITriggerSettings.isMentionTrigger)(trigger) && (0, _SuggestionsContext.isSuggestionUser)(item)) {
       var _triggerSetting4 = triggerSettings[trigger];
       if (_triggerSetting4) {
-        newTokenString = "".concat(_triggerSetting4.output(item).text, " ");
+        newTokenString = `${_triggerSetting4.output(item).text} `;
       }
     }
     var textToModify = text.slice(0, selectionEnd.current);
     var startOfTokenPosition = textToModify.lastIndexOf(trigger, selectionEnd.current);
     var newCaretPosition = computeCaretPosition(newTokenString, startOfTokenPosition);
-    var modifiedText = "".concat(textToModify.substring(0, startOfTokenPosition)).concat(newTokenString);
+    var modifiedText = `${textToModify.substring(0, startOfTokenPosition)}${newTokenString}`;
     stopTracking();
     var newText = text.replace(textToModify, modifiedText);
     if (giphyEnabled && newText.startsWith('/giphy ')) {
@@ -262,181 +216,105 @@ var AutoCompleteInputWithContext = function AutoCompleteInputWithContext(props)
     }
   };
   var handleCommand = function () {
-    var _ref6 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee3(text) {
-      var actualToken;
-      return _regenerator["default"].wrap(function _callee3$(_context3) {
-        while (1) switch (_context3.prev = _context3.next) {
-          case 0:
-            if (isCommand(text)) {
-              _context3.next = 2;
-              break;
-            }
-            return _context3.abrupt("return", false);
-          case 2:
-            if (!isTrackingStarted.current) {
-              startTracking('/');
-            }
-            actualToken = text.trim().slice(1);
-            _context3.next = 6;
-            return updateSuggestions({
-              query: actualToken,
-              trigger: '/'
-            });
-          case 6:
-            return _context3.abrupt("return", true);
-          case 7:
-          case "end":
-            return _context3.stop();
-        }
-      }, _callee3);
-    }));
+    var _ref6 = (0, _asyncToGenerator2.default)(function* (text) {
+      if (!isCommand(text)) {
+        return false;
+      }
+      if (!isTrackingStarted.current) {
+        startTracking('/');
+      }
+      var actualToken = text.trim().slice(1);
+      yield updateSuggestions({
+        query: actualToken,
+        trigger: '/'
+      });
+      return true;
+    });
     return function handleCommand(_x3) {
       return _ref6.apply(this, arguments);
     };
   }();
   var handleMentions = function () {
-    var _ref8 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee4(_ref7) {
-      var tokenMatch, lastToken, handleMentionsTrigger, actualToken;
-      return _regenerator["default"].wrap(function _callee4$(_context4) {
-        while (1) switch (_context4.prev = _context4.next) {
-          case 0:
-            tokenMatch = _ref7.tokenMatch;
-            lastToken = tokenMatch == null ? void 0 : tokenMatch[tokenMatch.length - 1];
-            handleMentionsTrigger = lastToken && Object.keys(triggerSettings).find(function (trigger) {
-              return trigger === lastToken[0];
-            }) || null;
-            if (!(!lastToken || lastToken.length <= 0)) {
-              _context4.next = 6;
-              break;
-            }
-            stopTracking();
-            return _context4.abrupt("return");
-          case 6:
-            actualToken = lastToken.slice(1);
-            if (handleMentionsTrigger) {
-              _context4.next = 9;
-              break;
-            }
-            return _context4.abrupt("return");
-          case 9:
-            if (!isTrackingStarted.current) {
-              startTracking('@');
-            }
-            _context4.next = 12;
-            return updateSuggestions({
-              query: actualToken,
-              trigger: '@'
-            });
-          case 12:
-          case "end":
-            return _context4.stop();
-        }
-      }, _callee4);
-    }));
+    var _ref8 = (0, _asyncToGenerator2.default)(function* (_ref7) {
+      var tokenMatch = _ref7.tokenMatch;
+      var lastToken = tokenMatch == null ? void 0 : tokenMatch[tokenMatch.length - 1];
+      var handleMentionsTrigger = lastToken && Object.keys(triggerSettings).find(function (trigger) {
+        return trigger === lastToken[0];
+      }) || null;
+      if (!lastToken || lastToken.length <= 0) {
+        stopTracking();
+        return;
+      }
+      var actualToken = lastToken.slice(1);
+      if (!handleMentionsTrigger) {
+        return;
+      }
+      if (!isTrackingStarted.current) {
+        startTracking('@');
+      }
+      yield updateSuggestions({
+        query: actualToken,
+        trigger: '@'
+      });
+    });
     return function handleMentions(_x4) {
       return _ref8.apply(this, arguments);
     };
   }();
   var handleEmojis = function () {
-    var _ref10 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee5(_ref9) {
-      var tokenMatch, lastToken, handleEmojisTrigger, actualToken;
-      return _regenerator["default"].wrap(function _callee5$(_context5) {
-        while (1) switch (_context5.prev = _context5.next) {
-          case 0:
-            tokenMatch = _ref9.tokenMatch;
-            lastToken = tokenMatch == null ? void 0 : tokenMatch[tokenMatch.length - 1].trim();
-            handleEmojisTrigger = lastToken && Object.keys(triggerSettings).find(function (trigger) {
-              return trigger === lastToken[0];
-            }) || null;
-            if (!(!lastToken || lastToken.length <= 0)) {
-              _context5.next = 6;
-              break;
-            }
-            stopTracking();
-            return _context5.abrupt("return");
-          case 6:
-            actualToken = lastToken.slice(1);
-            if (handleEmojisTrigger) {
-              _context5.next = 9;
-              break;
-            }
-            return _context5.abrupt("return");
-          case 9:
-            if (!isTrackingStarted.current) {
-              startTracking(':');
-            }
-            _context5.next = 12;
-            return updateSuggestions({
-              query: actualToken,
-              trigger: ':'
-            });
-          case 12:
-          case "end":
-            return _context5.stop();
-        }
-      }, _callee5);
-    }));
+    var _ref10 = (0, _asyncToGenerator2.default)(function* (_ref9) {
+      var tokenMatch = _ref9.tokenMatch;
+      var lastToken = tokenMatch == null ? void 0 : tokenMatch[tokenMatch.length - 1].trim();
+      var handleEmojisTrigger = lastToken && Object.keys(triggerSettings).find(function (trigger) {
+        return trigger === lastToken[0];
+      }) || null;
+      if (!lastToken || lastToken.length <= 0) {
+        stopTracking();
+        return;
+      }
+      var actualToken = lastToken.slice(1);
+      if (!handleEmojisTrigger) {
+        return;
+      }
+      if (!isTrackingStarted.current) {
+        startTracking(':');
+      }
+      yield updateSuggestions({
+        query: actualToken,
+        trigger: ':'
+      });
+    });
     return function handleEmojis(_x5) {
       return _ref10.apply(this, arguments);
     };
   }();
   var handleSuggestions = function () {
-    var _ref11 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee6(text) {
-      var mentionTokenMatch, emojiTokenMatch;
-      return _regenerator["default"].wrap(function _callee6$(_context6) {
-        while (1) switch (_context6.prev = _context6.next) {
-          case 0:
-            if (!(text === undefined)) {
-              _context6.next = 2;
-              break;
-            }
-            return _context6.abrupt("return");
-          case 2:
-            if (!(/\s/.test(text.slice(selectionEnd.current - 1, selectionEnd.current)) && isTrackingStarted.current)) {
-              _context6.next = 6;
-              break;
-            }
-            stopTracking();
-            _context6.next = 18;
-            break;
-          case 6:
-            _context6.next = 8;
-            return handleCommand(text);
-          case 8:
-            if (_context6.sent) {
-              _context6.next = 18;
-              break;
-            }
-            mentionTokenMatch = text.slice(0, selectionEnd.current).match(/(?!^|\W)?@[^\s@]*\s?[^\s@]*$/g);
-            if (!mentionTokenMatch) {
-              _context6.next = 15;
-              break;
-            }
-            _context6.next = 13;
-            return handleMentions({
-              tokenMatch: mentionTokenMatch
-            });
-          case 13:
-            _context6.next = 18;
-            break;
-          case 15:
-            emojiTokenMatch = text.slice(0, selectionEnd.current).match(/(?!^|\W)?:\w{2,}[^\s]*\s?[^\s]*$/g);
-            _context6.next = 18;
-            return handleEmojis({
-              tokenMatch: emojiTokenMatch
-            });
-          case 18:
-          case "end":
-            return _context6.stop();
+    var _ref11 = (0, _asyncToGenerator2.default)(function* (text) {
+      if (text === undefined) {
+        return;
+      }
+      if (/\s/.test(text.slice(selectionEnd.current - 1, selectionEnd.current)) && isTrackingStarted.current) {
+        stopTracking();
+      } else if (!(yield handleCommand(text))) {
+        var mentionTokenMatch = text.slice(0, selectionEnd.current).match(/(?!^|\W)?@[^\s@]*\s?[^\s@]*$/g);
+        if (mentionTokenMatch) {
+          yield handleMentions({
+            tokenMatch: mentionTokenMatch
+          });
+        } else {
+          var emojiTokenMatch = text.slice(0, selectionEnd.current).match(/(?!^|\W)?:\w{2,}[^\s]*\s?[^\s]*$/g);
+          yield handleEmojis({
+            tokenMatch: emojiTokenMatch
+          });
         }
-      }, _callee6);
-    }));
+      }
+    });
     return function handleSuggestions(_x6) {
       return _ref11.apply(this, arguments);
     };
   }();
   var placeholderText = giphyActive ? t('Search GIFs') : cooldownActive ? t('Slow mode ON') : t('Send a message');
-  var handleSuggestionsThrottled = (0, _throttle["default"])(handleSuggestions, 100, {
+  var handleSuggestionsThrottled = (0, _throttle.default)(handleSuggestions, 100, {
     leading: false
   });
   return (0, _jsxRuntime.jsx)(_reactNative.TextInput, Object.assign({
@@ -444,29 +322,14 @@ var AutoCompleteInputWithContext = function AutoCompleteInputWithContext(props)
     maxLength: maxMessageLength,
     multiline: true,
     onChangeText: (function () {
-      var _ref12 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee7(newText) {
-        return _regenerator["default"].wrap(function _callee7$(_context7) {
-          while (1) switch (_context7.prev = _context7.next) {
-            case 0:
-              if (!(giphyEnabled && newText && newText.startsWith('/giphy '))) {
-                _context7.next = 6;
-                break;
-              }
-              _context7.next = 3;
-              return handleChange(newText.slice(7));
-            case 3:
-              setGiphyActive(true);
-              _context7.next = 8;
-              break;
-            case 6:
-              _context7.next = 8;
-              return handleChange(newText);
-            case 8:
-            case "end":
-              return _context7.stop();
-          }
-        }, _callee7);
-      }));
+      var _ref12 = (0, _asyncToGenerator2.default)(function* (newText) {
+        if (giphyEnabled && newText && newText.startsWith('/giphy ')) {
+          yield handleChange(newText.slice(7));
+          setGiphyActive(true);
+        } else {
+          yield handleChange(newText);
+        }
+      });
       return function (_x7) {
         return _ref12.apply(this, arguments);
       };
@@ -517,7 +380,7 @@ var areEqual = function areEqual(prevProps, nextProps) {
   }
   return true;
 };
-var MemoizedAutoCompleteInput = _react["default"].memo(AutoCompleteInputWithContext, areEqual);
+var MemoizedAutoCompleteInput = _react.default.memo(AutoCompleteInputWithContext, areEqual);
 var AutoCompleteInput = exports.AutoCompleteInput = function AutoCompleteInput(props) {
   var _useMessageInputConte = (0, _MessageInputContext.useMessageInputContext)(),
     giphyEnabled = _useMessageInputConte.giphyEnabled,