remove old types file and add watchers call

Author: DanC5

examples/messaging/src/App.js

@@ -22,7 +22,7 @@ const userToken = process.env.REACT_APP_USER_TOKEN;
 const theme = 'light';
 
 const filters = { type: 'messaging' };
-const options = { state: true, watch: true, presence: true, limit: 10 };
+const options = { state: true, presence: true, limit: 10 };
 const sort = {
   cid: 1,
   last_message_at: -1,

examples/typescript-app/src/App.tsx

@@ -1,9 +1,8 @@
 import React, { Component } from 'react';
-import { StreamChat } from 'stream-chat';
+import { ChannelSort, StreamChat } from 'stream-chat';
 import {
   Chat,
   Channel,
-  ChannelSort,
   MessageList,
   MessageInput,
   MessageInputFlat,
@@ -15,6 +14,7 @@ import {
   ChannelList,
   Window,
   Thread,
+  Theme,
 } from 'stream-chat-react';
 import 'stream-chat-react/dist/css/index.css';
 import './App.css';
@@ -50,7 +50,7 @@ class App extends Component {
 
   render() {
     return (
-      <Chat client={this.chatClient} theme={`messaging ${theme}`}>
+      <Chat client={this.chatClient} theme={`messaging ${theme}` as Theme}>
         <ChannelList
           List={ChannelListMessenger}
           Preview={ChannelPreviewMessenger}

examples/typescript-app/yarn.lock

@@ -3806,7 +3806,7 @@ data-urls@^1.0.0, data-urls@^1.1.0:
     whatwg-mimetype "^2.2.0"
     whatwg-url "^7.0.0"
 
-dayjs@^1.10.3, dayjs@^1.10.4:
+dayjs@^1.10.4:
   version "1.10.4"
   resolved "https://registry.yarnpkg.com/dayjs/-/dayjs-1.10.4.tgz#8e544a9b8683f61783f570980a8a80eaf54ab1e2"
   integrity sha512-RI/Hh4kqRc1UKLOAf/T5zdMMX5DQIlDxwUe3wSyMMnEbGunnpENCdbUgM+dW7kXidZqCttBrmw7BhN4TMddkCw==
@@ -4380,6 +4380,11 @@ escape-string-regexp@^1.0.2, escape-string-regexp@^1.0.5:
   resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz#1b61c0562190a8dff6ae3bb2cf0200ca130b86d4"
   integrity sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=
 
+escape-string-regexp@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz#14ba83a5d373e3d311e5afca29cf5bfad965bf34"
+  integrity sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==
+
 escodegen@^1.11.0, escodegen@^1.9.1:
   version "1.14.3"
   resolved "https://registry.yarnpkg.com/escodegen/-/escodegen-1.14.3.tgz#4e7b81fba61581dc97582ed78cab7f0e8d63f503"
@@ -7350,6 +7355,15 @@ [email protected]:
   dependencies:
     unist-util-visit-parents "1.1.2"
 
+[email protected]:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/mdast-util-find-and-replace/-/mdast-util-find-and-replace-1.1.1.tgz#b7db1e873f96f66588c321f1363069abf607d1b5"
+  integrity sha512-9cKl33Y21lyckGzpSmEQnIDjEfeeWelN5s1kUW1LwdB0Fkuq2u+4GdqcGEygYxJE8GVqCl0741bYXHgamfWAZA==
+  dependencies:
+    escape-string-regexp "^4.0.0"
+    unist-util-is "^4.0.0"
+    unist-util-visit-parents "^3.0.0"
+
 mdast-util-from-markdown@^0.8.0:
   version "0.8.5"
   resolved "https://registry.yarnpkg.com/mdast-util-from-markdown/-/mdast-util-from-markdown-0.8.5.tgz#d1ef2ca42bc377ecb0463a987910dae89bd9a28c"
@@ -9483,10 +9497,10 @@ react-file-icon@^0.2.0:
     react-dom "^16.2.0"
     tinycolor2 "^1.4.1"
 
-react-file-utils@0.4.0:
-  version "0.4.0"
-  resolved "https://registry.yarnpkg.com/react-file-utils/-/react-file-utils-0.4.0.tgz#dc18537a94c227cf71648eae9a648f9f719b09a5"
-  integrity sha512-CvjThefxttg1MyxUi0pg2WNA3hHwuEvfrq+3FNRSfSVyijRRkgEjJNhOKR4OzcDHnUCxQjfskPaZWrhHsnkOaA==
+react-file-utils@1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/react-file-utils/-/react-file-utils-1.0.1.tgz#59645dc48d94417b87767327ff8627e3943bfbfc"
+  integrity sha512-gk0zvYAprvdQnFDy2zI3IDy8/q6vDPrJ8bFzsYQKonPccov549t5zt96827cLov4mwySvAMaHnlpCifTymu0Gg==
   dependencies:
     "@fortawesome/fontawesome-svg-core" "^1.2.13"
     "@fortawesome/free-regular-svg-icons" "^5.7.0"

package.json

@@ -4,7 +4,7 @@
   "description": "React components to create chat conversations or livestream style chat",
   "author": "GetStream",
   "homepage": "https://getstream.io/chat/",
-  "typings": "./types/index.d.ts",
+  "typings": "built/types/src/index.d.ts",
   "main": "dist/index.js",
   "module": "dist/index.es.js",
   "jsnext:main": "dist/index.es.js",

src/components/Chat/Chat.tsx

@@ -19,15 +19,16 @@ import type {
   DefaultUserType,
 } from '../../../types/types';
 
-export type Theme =
+export type Theme<T extends string = string> =
   | 'commerce dark'
   | 'commerce light'
   | 'livestream dark'
   | 'livestream light'
   | 'messaging dark'
   | 'messaging light'
   | 'team dark'
-  | 'team light';
+  | 'team light'
+  | T;
 
 export type ChatProps<
   At extends DefaultAttachmentType = DefaultAttachmentType,

src/components/ChatAutoComplete/ChatAutoComplete.tsx

@@ -1,4 +1,4 @@
-import React, { useCallback, useMemo } from 'react';
+import React, { useCallback, useEffect, useMemo } from 'react';
 import debounce from 'lodash.debounce';
 
 import { AutoCompleteTextarea } from '../AutoCompleteTextarea';
@@ -238,6 +238,16 @@ const UnMemoizedChatAutoComplete = <
     Us
   >();
 
+  useEffect(() => {
+    const getWatchers = async () => {
+      await channel?.watch({
+        watchers: { limit: 20, offset: 0 },
+      });
+    };
+
+    getWatchers();
+  }, [channel]);
+
   const members = channel?.state?.members;
   const watchers = channel?.state?.watchers;
   const { emojiData, EmojiIndex } = emojiConfig || {};