stream-chat-react 11.20.0 → 12.0.0-rc.1

package/dist/index.d.ts

@@ -3,4 +3,3 @@ export * from './context';
 export * from './i18n';
 export * from './types';
 export * from './utils';
-//# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts

@@ -1,2 +1 @@
 export type { DefaultStreamChatGenerics, ChannelUnreadUiState } from './types';
-//# sourceMappingURL=index.d.ts.map

package/dist/types/types.d.ts

@@ -105,4 +105,3 @@ export type Readable<T> = {
     [key in keyof T]: T[key];
 } & {};
 export type ValuesType<T> = T[keyof T];
-//# sourceMappingURL=types.d.ts.map

package/dist/utils/browsers.d.ts

@@ -1,2 +1 @@
 export declare const isSafari: () => boolean;
-//# sourceMappingURL=browsers.d.ts.map

package/dist/utils/browsers.js

@@ -1,4 +1,4 @@
-export var isSafari = function () {
+export const isSafari = () => {
     if (typeof navigator === 'undefined')
         return false;
     return /^((?!chrome|android).)*safari/i.test(navigator.userAgent || '');

package/dist/utils/deprecationWarning.d.ts

@@ -1,2 +1 @@
 export declare const deprecationAndReplacementWarning: <P extends Record<string, unknown>[][]>(pairs: P, component: string) => void;
-//# sourceMappingURL=deprecationWarning.d.ts.map

package/dist/utils/deprecationWarning.js

@@ -1,12 +1,12 @@
-export var deprecationAndReplacementWarning = function (pairs, component) {
-    pairs.forEach(function (data) {
-        var _a = [
+export const deprecationAndReplacementWarning = (pairs, component) => {
+    pairs.forEach((data) => {
+        const [[oldName, oldValue], [newName, newValue]] = [
             Object.entries(data[0])[0],
             Object.entries(data[1])[0],
-        ], _b = _a[0], oldName = _b[0], oldValue = _b[1], _c = _a[1], newName = _c[0], newValue = _c[1];
+        ];
         if ((typeof oldValue !== 'undefined' && typeof newValue === 'undefined') ||
             (typeof oldValue !== 'undefined' && typeof newValue !== 'undefined')) {
-            console.warn("[Deprecation notice (".concat(component, ")]: prefer using prop ").concat(newName, " instead of ").concat(oldName));
+            console.warn(`[Deprecation notice (${component})]: prefer using prop ${newName} instead of ${oldName}`);
         }
     });
 };

package/dist/utils/getChannel.d.ts

@@ -19,4 +19,3 @@ type GetChannelParams<StreamChatGenerics extends DefaultStreamChatGenerics = Def
  */
 export declare const getChannel: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ channel, client, id, members, options, type, }: GetChannelParams<StreamChatGenerics>) => Promise<Channel<StreamChatGenerics>>;
 export {};
-//# sourceMappingURL=getChannel.d.ts.map

package/dist/utils/getChannel.js

@@ -1,9 +1,8 @@
-import { __awaiter, __generator, __spreadArray } from "tslib";
 /**
  * prevent from duplicate invocation of channel.watch()
  * when events 'notification.message_new' and 'notification.added_to_channel' arrive at the same time
  */
-var WATCH_QUERY_IN_PROGRESS_FOR_CHANNEL = {};
+const WATCH_QUERY_IN_PROGRESS_FOR_CHANNEL = {};
 /**
  * Calls channel.watch() if it was not already recently called. Waits for watch promise to resolve even if it was invoked previously.
  * @param client
@@ -13,47 +12,37 @@ var WATCH_QUERY_IN_PROGRESS_FOR_CHANNEL = {};
  * @param id
  * @param channel
  */
-export var getChannel = function (_a) {
-    var channel = _a.channel, client = _a.client, id = _a.id, members = _a.members, options = _a.options, type = _a.type;
-    return __awaiter(void 0, void 0, void 0, function () {
-        var theChannel, originalCid, queryPromise;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
-                case 0:
-                    if (!channel && !type) {
-                        throw new Error('Channel or channel type have to be provided to query a channel.');
-                    }
-                    theChannel = channel || client.channel(type, id, { members: members });
-                    originalCid = (theChannel === null || theChannel === void 0 ? void 0 : theChannel.id)
-                        ? theChannel.cid
-                        : members && members.length
-                            ? generateChannelTempCid(theChannel.type, members)
-                            : undefined;
-                    if (!originalCid) {
-                        throw new Error('Channel ID or channel members array have to be provided to query a channel.');
-                    }
-                    queryPromise = WATCH_QUERY_IN_PROGRESS_FOR_CHANNEL[originalCid];
-                    if (!queryPromise) return [3 /*break*/, 2];
-                    return [4 /*yield*/, queryPromise];
-                case 1:
-                    _b.sent();
-                    return [3 /*break*/, 4];
-                case 2:
-                    WATCH_QUERY_IN_PROGRESS_FOR_CHANNEL[originalCid] = theChannel.watch(options);
-                    return [4 /*yield*/, WATCH_QUERY_IN_PROGRESS_FOR_CHANNEL[originalCid]];
-                case 3:
-                    _b.sent();
-                    delete WATCH_QUERY_IN_PROGRESS_FOR_CHANNEL[originalCid];
-                    _b.label = 4;
-                case 4: return [2 /*return*/, theChannel];
-            }
-        });
-    });
+export const getChannel = async ({ channel, client, id, members, options, type, }) => {
+    if (!channel && !type) {
+        throw new Error('Channel or channel type have to be provided to query a channel.');
+    }
+    // unfortunately typescript is not able to infer that if (!channel && !type) === false, then channel or type has to be truthy
+    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+    const theChannel = channel || client.channel(type, id, { members });
+    // need to keep as with call to channel.watch the id can be changed from undefined to an actual ID generated server-side
+    const originalCid = theChannel?.id
+        ? theChannel.cid
+        : members && members.length
+            ? generateChannelTempCid(theChannel.type, members)
+            : undefined;
+    if (!originalCid) {
+        throw new Error('Channel ID or channel members array have to be provided to query a channel.');
+    }
+    const queryPromise = WATCH_QUERY_IN_PROGRESS_FOR_CHANNEL[originalCid];
+    if (queryPromise) {
+        await queryPromise;
+    }
+    else {
+        WATCH_QUERY_IN_PROGRESS_FOR_CHANNEL[originalCid] = theChannel.watch(options);
+        await WATCH_QUERY_IN_PROGRESS_FOR_CHANNEL[originalCid];
+        delete WATCH_QUERY_IN_PROGRESS_FOR_CHANNEL[originalCid];
+    }
+    return theChannel;
 };
 // Channels created without ID need to be referenced by an identifier until the back-end generates the final ID.
-var generateChannelTempCid = function (channelType, members) {
+const generateChannelTempCid = (channelType, members) => {
     if (!members)
         return;
-    var membersStr = __spreadArray([], members, true).sort().join(',');
-    return "".concat(channelType, ":!members-").concat(membersStr);
+    const membersStr = [...members].sort().join(',');
+    return `${channelType}:!members-${membersStr}`;
 };

package/dist/utils/getWholeChar.d.ts

@@ -1,2 +1 @@
 export declare const getWholeChar: (str: string, i: number) => string;
-//# sourceMappingURL=getWholeChar.d.ts.map

package/dist/utils/getWholeChar.js

@@ -1,6 +1,6 @@
 // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/charAt#getting_whole_characters
-export var getWholeChar = function (str, i) {
-    var code = str.charCodeAt(i);
+export const getWholeChar = (str, i) => {
+    const code = str.charCodeAt(i);
     if (Number.isNaN(code))
         return '';
     if (code < 0xd800 || code > 0xdfff)
@@ -9,7 +9,7 @@ export var getWholeChar = function (str, i) {
         if (str.length <= i + 1) {
             throw 'High surrogate without following low surrogate';
         }
-        var next = str.charCodeAt(i + 1);
+        const next = str.charCodeAt(i + 1);
         if (0xdc00 > next || next > 0xdfff) {
             throw 'High surrogate without following low surrogate';
         }
@@ -18,7 +18,7 @@ export var getWholeChar = function (str, i) {
     if (i === 0) {
         throw 'Low surrogate without preceding high surrogate';
     }
-    var prev = str.charCodeAt(i - 1);
+    const prev = str.charCodeAt(i - 1);
     if (0xd800 > prev || prev > 0xdbff) {
         throw 'Low surrogate without preceding high surrogate';
     }

package/dist/utils/index.d.ts

@@ -1,4 +1,2 @@
-export * from './generateRandomId';
 export * from './getChannel';
 export * from './getWholeChar';
-//# sourceMappingURL=index.d.ts.map

package/dist/utils/index.js

@@ -1,3 +1,2 @@
-export * from './generateRandomId';
 export * from './getChannel';
 export * from './getWholeChar';

package/dist/utils/mergeDeep.d.ts

@@ -1,4 +1,3 @@
 import { UR } from 'stream-chat';
 export declare const mergeDeep: <TObject extends UR, TSource extends UR>(target: TObject, source: TSource) => TObject & TSource;
 export declare const mergeDeepUndefined: <TObject extends UR, TSource extends UR>(target: TObject, source: TSource) => TObject & TSource;
-//# sourceMappingURL=mergeDeep.d.ts.map

package/dist/utils/mergeDeep.js

@@ -1,5 +1,5 @@
 import mergeWith from 'lodash.mergewith';
-var overrideEverything = function (_, source) { return source; };
-export var mergeDeep = function (target, source) { return mergeWith(target, source, overrideEverything); };
-var overrideUndefinedOnly = function (object, source) { return object !== null && object !== void 0 ? object : source; };
-export var mergeDeepUndefined = function (target, source) { return mergeWith(target, source, overrideUndefinedOnly); };
+const overrideEverything = (_, source) => source;
+export const mergeDeep = (target, source) => mergeWith(target, source, overrideEverything);
+const overrideUndefinedOnly = (object, source) => object ?? source;
+export const mergeDeepUndefined = (target, source) => mergeWith(target, source, overrideUndefinedOnly);

package/dist/version.d.ts

@@ -1,2 +1 @@
-export declare const version = "11.20.0";
-//# sourceMappingURL=version.d.ts.map
+export declare const version = "0.0.0-development";

package/dist/version.js

@@ -1 +1 @@
-export var version = '11.20.0';
+export const version = '0.0.0-development';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "stream-chat-react",
-  "version": "11.20.0",
+  "version": "12.0.0-rc.1",
   "description": "React components to create chat conversations or livestream style chat",
   "author": "GetStream",
   "homepage": "https://getstream.io/chat/",
@@ -59,7 +59,6 @@
     "getstream.io"
   ],
   "dependencies": {
-    "@babel/runtime": "^7.23.6",
     "@braintree/sanitize-url": "^6.0.4",
     "@breezystack/lamejs": "^1.2.7",
     "@popperjs/core": "^2.11.5",
@@ -138,13 +137,6 @@
     "@emoji-mart/react": "^1.1.1",
     "@ladle/react": "^0.16.0",
     "@playwright/test": "^1.42.1",
-    "@rollup/plugin-babel": "^5.2.1",
-    "@rollup/plugin-commonjs": "^23.0.2",
-    "@rollup/plugin-image": "^2.1.1",
-    "@rollup/plugin-json": "^4.1.0",
-    "@rollup/plugin-node-resolve": "^15.0.1",
-    "@rollup/plugin-replace": "^2.3.4",
-    "@rollup/plugin-typescript": "8.2.1",
     "@semantic-release/changelog": "^6.0.2",
     "@semantic-release/git": "^10.0.1",
     "@stream-io/rollup-plugin-node-builtins": "^2.1.5",
@@ -169,19 +161,20 @@
     "@types/react-is": "^18.2.4",
     "@types/textarea-caret": "3.0.0",
     "@types/uuid": "^8.3.0",
-    "@typescript-eslint/eslint-plugin": "4.27.0",
-    "@typescript-eslint/parser": "4.27.0",
+    "@typescript-eslint/eslint-plugin": "5.62.0",
+    "@typescript-eslint/parser": "5.62.0",
     "autoprefixer": "^10.0.3",
     "babel-eslint": "^10.1.0",
     "babel-jest": "^28.1.3",
-    "babel-loader": "8.2.2",
     "babel-plugin-module-resolver": "^4.1.0",
     "babel-plugin-transform-es2015-modules-commonjs": "^6.26.2",
     "codecov": "^3.8.1",
+    "concurrently": "^8.2.2",
     "conventional-changelog-conventionalcommits": "^7.0.2",
     "core-js": "^3.6.5",
-    "css-loader": "^5.0.1",
+    "dotenv": "^8.6.0",
     "emoji-mart": "^5.5.2",
+    "esbuild": "^0.20.2",
     "eslint": "7.14.0",
     "eslint-config-airbnb": "^18.2.1",
     "eslint-config-prettier": "^6.15.0",
@@ -194,7 +187,6 @@
     "eslint-plugin-jest": "^24.1.3",
     "eslint-plugin-jest-dom": "^3.3.0",
     "eslint-plugin-jsx-a11y": "^6.4.1",
-    "eslint-plugin-markdown": "^3.0.0",
     "eslint-plugin-node": "^11.1.0",
     "eslint-plugin-prettier": "^3.1.4",
     "eslint-plugin-promise": "^4.2.1",
@@ -202,46 +194,28 @@
     "eslint-plugin-react-hooks": "^4.2.0",
     "eslint-plugin-sort-destructure-keys": "1.3.5",
     "eslint-plugin-sort-keys-fix": "^1.1.2",
+    "eslint-plugin-testing-library": "^6.2.0",
     "eslint-plugin-typescript-sort-keys": "^2.1.0",
-    "file-loader": "^6.2.0",
     "husky": "^8.0.3",
     "i18next-parser": "^6.0.0",
-    "jest": "^28.1.3",
+    "jest": "^29.7.0",
     "jest-axe": "^8.0.0",
     "jest-environment-jsdom": "^28.1.3",
     "lint-staged": "^15.2.1",
     "moment-timezone": "^0.5.43",
-    "postcss": "^8.1.10",
-    "postcss-loader": "^4.1.0",
     "prettier": "^2.2.0",
     "react": "^18.1.0",
     "react-dom": "^18.1.0",
     "react-test-renderer": "^18.1.0",
-    "rollup": "^2.79.1",
-    "rollup-plugin-copy": "^3.4.0",
-    "rollup-plugin-insert": "^1.3.1",
-    "rollup-plugin-node-globals": "^1.4.0",
-    "rollup-plugin-peer-deps-external": "^2.2.4",
-    "rollup-plugin-terser": "^7.0.2",
-    "rollup-plugin-url": "^3.0.1",
-    "rollup-plugin-visualizer": "^4.2.0",
     "semantic-release": "^19.0.5",
     "stream-chat": "^8.33.1",
-    "style-loader": "^2.0.0",
-    "ts-jest": "^28.0.8",
-    "typescript": "^4.7.4",
-    "url-loader": "^4.1.1",
-    "webpack": "4.44.2",
-    "webpack-cli": "^3.3.12",
-    "webpack-dev-server": "~3.11.0"
+    "ts-jest": "^29.1.4",
+    "typescript": "^5.4.5"
   },
   "scripts": {
-    "analyze": "yarn build --stats && webpack-bundle-analyzer build/bundle-stats.json",
-    "build": "rm -rf dist && mkdir -p dist/assets && yarn --silent copy-version && yarn build-translations && yarn types && yarn bundle",
-    "bundle": "rollup -c",
-    "bundle-size": "BUNDLE_SIZE=true yarn bundle",
+    "build": "rm -rf dist && ./scripts/copy-version.sh && yarn build-translations && yarn bundle",
+    "bundle": "concurrently tsc ./scripts/copy-css.sh ./scripts/bundle.mjs",
     "build-translations": "i18next",
-    "copy-version": "echo '\u001b[34mℹ\u001b[0m Copying Version to \u001b[34msrc/version.ts\u001b[0m' && PACKAGE_VERSION=$(node -pe 'require(`./package.json`).version') && PACKAGE_STRING=\"'$PACKAGE_VERSION'\" && echo 'export const version = '$PACKAGE_STRING';' > ./src/version.ts && echo '\u001b[32m✓\u001b[0m Done Copying Version'",
     "coverage": "jest --collectCoverage && codecov",
     "eslint": "eslint '**/*.{js,md,ts,jsx,tsx}' --max-warnings 0",
     "lint": "prettier --list-different 'src/**/*.{js,ts,tsx,md,json}' .eslintrc.json .prettierrc babel.config.js && eslint 'src/**/*.{js,ts,tsx,md}' --max-warnings 0 && yarn validate-translations",
@@ -249,11 +223,11 @@
     "prettier": "prettier --list-different '**/*.{js,ts,tsx,md,json}' .eslintrc.json .prettierrc babel.config.js",
     "prettier-fix": "prettier --write '**/*.{js,ts,tsx,md,json}' .eslintrc.json .prettierrc babel.config.js",
     "fix-staged": "lint-staged --config .lintstagedrc.fix.json --concurrent 1",
-    "start": "tsc --watch",
-    "prepare": "husky install && yarn run build",
+    "start": "tsc --watch --sourceMap --declarationMap",
+    "prepare": "husky install",
     "preversion": "yarn install",
     "test": "jest",
-    "types": "tsc --strict",
+    "types": "tsc --noEmit --skipLibCheck false",
     "validate-translations": "node scripts/validate-translations.js",
     "validate-cjs": "node scripts/validate-cjs-bundle.cjs",
     "semantic-release": "semantic-release",
@@ -272,5 +246,6 @@
     ">0.2%",
     "not ie <= 11",
     "not op_mini all"
-  ]
+  ],
+  "packageManager": "yarn@1.22.21+sha1.1959a18351b811cdeedbd484a8f86c3cc3bbaf72"
 }