stream-chat-react 6.12.2 → 8.0.0

package/dist/utils.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { UserResponse } from 'stream-chat';
-import type { DefaultUserType } from './types/types';
+import type { DefaultStreamChatGenerics } from './types/types';
 export declare const isOnlyEmojis: (text?: string | undefined) => boolean;
 export declare const matchMarkdownLinks: (message: string) => (string | null)[];
 export declare const messageCodeBlocks: (message: string) => RegExpMatchArray;
@@ -8,16 +8,16 @@ export declare const markDownRenderers: {
     [nodeType: string]: React.ElementType;
 };
 export declare const emojiMarkdownPlugin: () => <T extends unknown>(markdownAST: T) => T;
-export declare const mentionsMarkdownPlugin: <Us extends DefaultUserType<Us> = DefaultUserType<import("./types/types").DefaultUserTypeInternal>>(mentioned_users: UserResponse<Us>[]) => () => <T extends unknown>(markdownAST: T) => T;
-export declare type MentionProps<Us extends DefaultUserType<Us> = DefaultUserType> = {
-    mentioned_user: UserResponse<Us>;
+export declare const mentionsMarkdownPlugin: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(mentioned_users: UserResponse<StreamChatGenerics>[]) => () => <T extends unknown>(markdownAST: T) => T;
+export declare type MentionProps<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
+    mentioned_user: UserResponse<StreamChatGenerics>;
 };
 export declare type RenderTextOptions = {
     customMarkDownRenderers?: {
         [nodeType: string]: React.ElementType;
     };
 };
-export declare const renderText: <Us extends DefaultUserType<Us> = DefaultUserType<import("./types/types").DefaultUserTypeInternal>>(text?: string | undefined, mentioned_users?: UserResponse<Us>[] | undefined, options?: RenderTextOptions) => JSX.Element | null;
+export declare const renderText: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(text?: string | undefined, mentioned_users?: UserResponse<StreamChatGenerics>[] | undefined, options?: RenderTextOptions) => JSX.Element | null;
 export declare function escapeRegExp(text: string): string;
 export declare function generateRandomId(): string;
 export declare const getWholeChar: (str: string, i: number) => string;

package/dist/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AASjD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAErD,eAAO,MAAM,YAAY,wCAOxB,CAAC;AAoBF,eAAO,MAAM,kBAAkB,YAAa,MAAM,sBAajD,CAAC;AAEF,eAAO,MAAM,iBAAiB,YAAa,MAAM,qBAIhD,CAAC;AAOF,eAAO,MAAM,iBAAiB,EAAE;IAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,KAAK,CAAC,WAAW,CAAA;CAwBtE,CAAC;AAEF,eAAO,MAAM,mBAAmB,gDAe/B,CAAC;AAEF,eAAO,MAAM,sBAAsB,4LAiClC,CAAC;AAEF,oBAAY,YAAY,CAAC,EAAE,SAAS,eAAe,CAAC,EAAE,CAAC,GAAG,eAAe,IAAI;IAC3E,cAAc,EAAE,YAAY,CAAC,EAAE,CAAC,CAAC;CAClC,CAAC;AAMF,oBAAY,iBAAiB,GAAG;IAC9B,uBAAuB,CAAC,EAAE;QACxB,CAAC,QAAQ,EAAE,MAAM,GAAG,KAAK,CAAC,WAAW,CAAC;KACvC,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,UAAU,6LAGZ,iBAAiB,uBA8D3B,CAAC;AAEF,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,UAExC;AAOD,wBAAgB,gBAAgB,WAG/B;AAGD,eAAO,MAAM,YAAY,QAAS,MAAM,KAAK,MAAM,WAgClD,CAAC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AASjD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,eAAe,CAAC;AAE/D,eAAO,MAAM,YAAY,wCAOxB,CAAC;AAoBF,eAAO,MAAM,kBAAkB,YAAa,MAAM,sBAajD,CAAC;AAEF,eAAO,MAAM,iBAAiB,YAAa,MAAM,qBAIhD,CAAC;AAyBF,eAAO,MAAM,iBAAiB,EAAE;IAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,KAAK,CAAC,WAAW,CAAA;CAwBtE,CAAC;AAEF,eAAO,MAAM,mBAAmB,gDAe/B,CAAC;AAEF,eAAO,MAAM,sBAAsB,2LAmClC,CAAC;AAEF,oBAAY,YAAY,CACtB,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,cAAc,EAAE,YAAY,CAAC,kBAAkB,CAAC,CAAC;CAClD,CAAC;AAMF,oBAAY,iBAAiB,GAAG;IAC9B,uBAAuB,CAAC,EAAE;QACxB,CAAC,QAAQ,EAAE,MAAM,GAAG,KAAK,CAAC,WAAW,CAAC;KACvC,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,UAAU,4LAKZ,iBAAiB,uBAiE3B,CAAC;AAEF,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,UAExC;AAOD,wBAAgB,gBAAgB,WAG/B;AAGD,eAAO,MAAM,YAAY,QAAS,MAAM,KAAK,MAAM,WAgClD,CAAC"}

package/dist/utils.js

@@ -58,6 +58,23 @@ export var messageCodeBlocks = function (message) {
     var matches = message.match(codeRegex);
     return matches || [];
 };
+var detectHttp = /(http(s?):\/\/)?(www\.)?/;
+function formatUrlForDisplay(url) {
+    try {
+        return decodeURIComponent(url).replace(detectHttp, '');
+    }
+    catch (e) {
+        return url;
+    }
+}
+function encodeDecode(url) {
+    try {
+        return encodeURI(decodeURIComponent(url));
+    }
+    catch (error) {
+        return url;
+    }
+}
 export var markDownRenderers = {
     // eslint-disable-next-line react/display-name
     link: function (props) {
@@ -122,7 +139,6 @@ export var renderText = function (text, mentioned_users, options) {
     var newText = text;
     var markdownLinks = matchMarkdownLinks(newText);
     var codeBlocks = messageCodeBlocks(newText);
-    var detectHttp = /(http(s?):\/\/)?(www\.)?/;
     // extract all valid links/emails within text and replace it with proper markup
     uniqBy(linkify.find(newText), 'value').forEach(function (_a) {
         var href = _a.href, type = _a.type, value = _a.value;
@@ -138,8 +154,13 @@ export var renderText = function (text, mentioned_users, options) {
             });
         if (noParsingNeeded.length > 0 || linkIsInBlock)
             return;
-        var displayLink = type === 'email' ? value : value.replace(detectHttp, '');
-        newText = newText.replace(new RegExp(escapeRegExp(value), 'g'), "[" + displayLink + "](" + encodeURI(decodeURI(href)) + ")");
+        try {
+            var displayLink = type === 'email' ? value : formatUrlForDisplay(href);
+            newText = newText.replace(new RegExp(escapeRegExp(value), 'g'), "[" + displayLink + "](" + encodeDecode(href) + ")");
+        }
+        catch (e) {
+            void e;
+        }
     });
     var plugins = [emojiMarkdownPlugin];
     if (mentioned_users === null || mentioned_users === void 0 ? void 0 : mentioned_users.length) {

package/dist/version.d.ts

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

package/dist/version.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"version.d.ts","sourceRoot":"","sources":["../src/version.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO,WAAW,CAAC"}
+{"version":3,"file":"version.d.ts","sourceRoot":"","sources":["../src/version.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO,UAAU,CAAC"}

package/dist/version.js

@@ -1 +1 @@
-export var version = '6.12.2';
+export var version = '8.0.0';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "stream-chat-react",
-  "version": "6.12.2",
+  "version": "8.0.0",
   "description": "React components to create chat conversations or livestream style chat",
   "author": "GetStream",
   "homepage": "https://getstream.io/chat/",
@@ -28,8 +28,7 @@
   ],
   "dependencies": {
     "@braintree/sanitize-url": "5.0.0",
-    "@stream-io/stream-chat-css": "^1.1.3",
-    "custom-event": "^1.0.1",
+    "@stream-io/stream-chat-css": "^2.2.1",
     "dayjs": "^1.10.4",
     "emoji-mart": "3.0.1",
     "emoji-regex": "^9.2.0",
@@ -44,24 +43,24 @@
     "pretty-bytes": "^5.4.1",
     "prop-types": "^15.7.2",
     "react-fast-compare": "^3.2.0",
-    "react-file-utils": "1.1.8",
-    "react-images": "1.2.0-beta.7",
+    "react-file-utils": "1.1.9",
+    "react-image-gallery": "^1.2.7",
     "react-is": "^17.0.1",
     "react-markdown": "^5.0.3",
     "react-player": "^2.7.0",
     "react-textarea-autosize": "^8.3.0",
-    "react-virtuoso": "^2.3.1",
+    "react-virtuoso": "^2.8.2",
     "textarea-caret": "^3.1.0",
     "uuid": "^8.3.1"
   },
   "optionalDependencies": {
-    "@sindresorhus/transliterate": "^1.4.0",
+    "@stream-io/transliterate": "^1.5.5",
     "mml-react": "^0.4.2"
   },
   "peerDependencies": {
     "react": "^17.0.0 || ^16.8.0",
     "react-dom": "^17.0.0 || ^16.8.0",
-    "stream-chat": "^5.0.0"
+    "stream-chat": "^6.2.0"
   },
   "files": [
     "dist",
@@ -69,6 +68,7 @@
     "README.md"
   ],
   "devDependencies": {
+    "@axe-core/react": "^4.3.2",
     "@babel/cli": "^7.12.8",
     "@babel/core": "^7.12.9",
     "@babel/node": "^7.12.6",
@@ -95,7 +95,9 @@
     "@types/lodash.throttle": "^4.1.6",
     "@types/lodash.uniqby": "^4.7.6",
     "@types/moment": "^2.13.0",
+    "@types/react": "17.0.3",
     "@types/react-dom": "^17.0.0",
+    "@types/react-image-gallery": "^1.0.5",
     "@types/react-is": "^17.0.0",
     "@types/textarea-caret": "3.0.0",
     "@types/uuid": "^8.3.0",
@@ -135,6 +137,7 @@
     "htmlparser2": "^5.0.1",
     "husky": "^4.3.0",
     "jest": "^26.6.3",
+    "jest-axe": "^5.0.1",
     "moment": "^2.29.1",
     "postcss": "^8.1.10",
     "postcss-loader": "^4.1.0",
@@ -153,7 +156,7 @@
     "rollup-plugin-visualizer": "^4.2.0",
     "semantic-release": "^18.0.0",
     "semantic-release-cli": "^5.4.4",
-    "stream-chat": "^5.0.0",
+    "stream-chat": "^6.2.0",
     "style-loader": "^2.0.0",
     "ts-jest": "^26.5.1",
     "tslib": "2.3.0",

package/dist/components/Gallery/ModalImage.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-export declare type ModalImageProps = {
-    /** The src attribute for the image element */
-    data: {
-        source: string;
-    };
-};
-export declare const ModalImage: React.FC<ModalImageProps>;
-//# sourceMappingURL=ModalImage.d.ts.map

package/dist/components/Gallery/ModalImage.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ModalImage.d.ts","sourceRoot":"","sources":["../../../src/components/Gallery/ModalImage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,oBAAY,eAAe,GAAG;IAC5B,8CAA8C;IAC9C,IAAI,EAAE;QAAE,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAOhD,CAAC"}

package/dist/components/Gallery/ModalImage.js

@@ -1,6 +0,0 @@
-import React from 'react';
-export var ModalImage = function (props) {
-    var data = props.data;
-    return (React.createElement("div", { className: 'str-chat__modal-image__wrapper', "data-testid": 'modal-image' },
-        React.createElement("img", { className: 'str-chat__modal-image__image', src: data.source })));
-};

package/dist/scss/ModalImage.scss

@@ -1,11 +0,0 @@
-.str-chat__modal-image__wrapper {
-  line-height: 0;
-  position: relative;
-  text-align: center;
-  box-sizing: border-box;
-}
-
-.str-chat__modal-image__image {
-  max-height: 100vh;
-  max-width: 100%;
-}