stream-chat-react 11.13.1 → 11.14.0

package/dist/components/Attachment/components/FileSizeIndicator.js

@@ -1,8 +1,8 @@
 import React from 'react';
-import prettybytes from 'pretty-bytes';
+import { prettifyFileSize } from '../../MessageInput/hooks/utils';
 export var FileSizeIndicator = function (_a) {
     var fileSize = _a.fileSize, maximumFractionDigits = _a.maximumFractionDigits;
     if (!(fileSize && Number.isFinite(Number(fileSize))))
         return null;
-    return (React.createElement("span", { className: 'str-chat__message-attachment-file--item-size', "data-testid": 'file-size-indicator' }, prettybytes(fileSize, { maximumFractionDigits: maximumFractionDigits })));
+    return (React.createElement("span", { className: 'str-chat__message-attachment-file--item-size', "data-testid": 'file-size-indicator' }, prettifyFileSize(fileSize, maximumFractionDigits)));
 };

package/dist/components/Emojis/index.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Window = require('../../Window-44a85f63.js');
+var Window = require('../../Window-64e7e4c0.js');
 var React = require('react');
 var Picker = require('@emoji-mart/react');
 require('dayjs');
@@ -28,7 +28,6 @@ require('dayjs/locale/tr');
 require('dayjs/locale/en');
 require('react-player');
 require('@braintree/sanitize-url');
-require('pretty-bytes');
 require('prop-types');
 require('react-image-gallery');
 require('linkifyjs');

package/dist/components/Message/MessageSimple.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MessageSimple.d.ts","sourceRoot":"","sources":["../../../src/components/Message/MessageSimple.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAgCxC,OAAO,EAAE,mBAAmB,EAAqB,MAAM,8BAA8B,CAAC;AAEtF,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAEvD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AA2NnE;;GAEG;AACH,eAAO,MAAM,aAAa,kKAQzB,CAAC"}
+{"version":3,"file":"MessageSimple.d.ts","sourceRoot":"","sources":["../../../src/components/Message/MessageSimple.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAgCxC,OAAO,EAAE,mBAAmB,EAAqB,MAAM,8BAA8B,CAAC;AAEtF,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAEvD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AA6NnE;;GAEG;AACH,eAAO,MAAM,aAAa,kKAQzB,CAAC"}

package/dist/components/Message/MessageSimple.js

@@ -28,7 +28,7 @@ var MessageSimpleWithContext = function (props) {
     var t = useTranslationContext('MessageSimple').t;
     var _b = useState(false), isBounceDialogOpen = _b[0], setIsBounceDialogOpen = _b[1];
     var _c = useState(false), isEditedTimestampOpen = _c[0], setEditedTimestampOpen = _c[1];
-    var _d = useComponentContext('MessageSimple'), Attachment = _d.Attachment, _e = _d.Avatar, Avatar = _e === void 0 ? DefaultAvatar : _e, _f = _d.EditMessageInput, EditMessageInput = _f === void 0 ? DefaultEditMessageForm : _f, _g = _d.MessageDeleted, MessageDeleted = _g === void 0 ? DefaultMessageDeleted : _g, _h = _d.MessageBouncePrompt, MessageBouncePrompt = _h === void 0 ? DefaultMessageBouncePrompt : _h, _j = _d.MessageOptions, MessageOptions = _j === void 0 ? DefaultMessageOptions : _j, _k = _d.MessageRepliesCountButton, MessageRepliesCountButton = _k === void 0 ? DefaultMessageRepliesCountButton : _k, _l = _d.MessageStatus, MessageStatus = _l === void 0 ? DefaultMessageStatus : _l, _m = _d.MessageTimestamp, MessageTimestamp = _m === void 0 ? DefaultMessageTimestamp : _m, _o = _d.ReactionSelector, ReactionSelector = _o === void 0 ? DefaultReactionSelector : _o, _p = _d.ReactionsList, ReactionsList = _p === void 0 ? DefaultReactionList : _p;
+    var _d = useComponentContext('MessageSimple'), Attachment = _d.Attachment, _e = _d.Avatar, Avatar = _e === void 0 ? DefaultAvatar : _e, _f = _d.EditMessageInput, EditMessageInput = _f === void 0 ? DefaultEditMessageForm : _f, _g = _d.MessageDeleted, MessageDeleted = _g === void 0 ? DefaultMessageDeleted : _g, _h = _d.MessageBouncePrompt, MessageBouncePrompt = _h === void 0 ? DefaultMessageBouncePrompt : _h, _j = _d.MessageOptions, MessageOptions = _j === void 0 ? DefaultMessageOptions : _j, _k = _d.MessageRepliesCountButton, MessageRepliesCountButton = _k === void 0 ? DefaultMessageRepliesCountButton : _k, _l = _d.MessageStatus, MessageStatus = _l === void 0 ? DefaultMessageStatus : _l, _m = _d.MessageTimestamp, MessageTimestamp = _m === void 0 ? DefaultMessageTimestamp : _m, _o = _d.ReactionSelector, ReactionSelector = _o === void 0 ? DefaultReactionSelector : _o, _p = _d.ReactionsList, ReactionsList = _p === void 0 ? DefaultReactionList : _p, PinIndicator = _d.PinIndicator;
     var themeVersion = useChatContext('MessageSimple').themeVersion;
     var hasAttachment = messageHasAttachments(message);
     var hasReactions = messageHasReactions(message);
@@ -63,9 +63,9 @@ var MessageSimpleWithContext = function (props) {
     var rootClassName = clsx('str-chat__message str-chat__message-simple', "str-chat__message--".concat(message.type), "str-chat__message--".concat(message.status), isMyMessage()
         ? 'str-chat__message--me str-chat__message-simple--me'
         : 'str-chat__message--other', message.text ? 'str-chat__message--has-text' : 'has-no-text', {
-        'pinned-message': message.pinned,
         'str-chat__message--has-attachment': hasAttachment,
         'str-chat__message--highlighted': highlighted,
+        'str-chat__message--pinned pinned-message': message.pinned,
         'str-chat__message--with-reactions str-chat__message-with-thread-link': canShowReactions,
         'str-chat__message-send-can-be-retried': (message === null || message === void 0 ? void 0 : message.status) === 'failed' && (message === null || message === void 0 ? void 0 : message.errorStatusCode) !== 403,
         'str-chat__virtual-message__wrapper--end': endOfGroup,
@@ -77,6 +77,7 @@ var MessageSimpleWithContext = function (props) {
             React.createElement(MessageInput, __assign({ clearEditingState: clearEditingState, grow: true, hideSendButton: true, Input: EditMessageInput, message: message }, additionalMessageInputProps)))),
         isBounceDialogOpen && (React.createElement(MessageBounceModal, { MessageBouncePrompt: MessageBouncePrompt, onClose: function () { return setIsBounceDialogOpen(false); }, open: isBounceDialogOpen })),
         React.createElement("div", { className: rootClassName, key: message.id },
+            PinIndicator && React.createElement(PinIndicator, null),
             themeVersion === '1' && React.createElement(MessageStatus, null),
             message.user && (React.createElement(Avatar, { image: message.user.image, name: message.user.name || message.user.id, onClick: onUserClick, onMouseOver: onUserHover, user: message.user })),
             React.createElement("div", { className: clsx('str-chat__message-inner', {

package/dist/components/MessageInput/hooks/utils.d.ts

@@ -25,5 +25,6 @@ type CheckUploadPermissionsParams<StreamChatGenerics extends DefaultStreamChatGe
     uploadType: 'image' | 'file';
 };
 export declare const checkUploadPermissions: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(params: CheckUploadPermissionsParams<StreamChatGenerics>) => Promise<boolean>;
+export declare function prettifyFileSize(bytes: number, precision?: number): string;
 export {};
 //# sourceMappingURL=utils.d.ts.map

package/dist/components/MessageInput/hooks/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/components/MessageInput/hooks/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAA4C,YAAY,EAAE,MAAM,aAAa,CAAC;AAE1F,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,uCAAuC,CAAC;AACvF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AACnF,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAEtE,eAAO,MAAM,UAAU,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;CAQ/C,CAAC;AAEF,eAAO,MAAM,gBAAgB,UAAW,MAAM,WAM7C,CAAC;AAEF,eAAO,MAAM,oBAAoB,UAAW,MAAM,QAAQ,MAAM,WAiC/D,CAAC;AAEF,MAAM,MAAM,qBAAqB,CAC/B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,YAAY,CAAC,kBAAkB,CAAC,EAAE,CAAC;IAC1C,0BAA0B,CAAC,EAAE,OAAO,CAAC;CACtC,CAAC;AAEF,eAAO,MAAM,gBAAgB,6KAwC5B,CAAC;AAEF,KAAK,4BAA4B,CAC/B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,eAAe,EAAE,yBAAyB,CAAC,kBAAkB,CAAC,CAAC,iBAAiB,CAAC,CAAC;IAClF,IAAI,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC1B,cAAc,EAAE,gBAAgB,CAAC,kBAAkB,CAAC,CAAC,gBAAgB,CAAC,CAAC;IACvE,CAAC,EAAE,uBAAuB,CAAC,GAAG,CAAC,CAAC;IAChC,UAAU,EAAE,OAAO,GAAG,MAAM,CAAC;CAC9B,CAAC;AAEF,eAAO,MAAM,sBAAsB,kKAuElC,CAAC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/components/MessageInput/hooks/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAA4C,YAAY,EAAE,MAAM,aAAa,CAAC;AAE1F,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,uCAAuC,CAAC;AACvF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AACnF,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAGtE,eAAO,MAAM,UAAU,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;CAQ/C,CAAC;AAEF,eAAO,MAAM,gBAAgB,UAAW,MAAM,WAM7C,CAAC;AAEF,eAAO,MAAM,oBAAoB,UAAW,MAAM,QAAQ,MAAM,WAiC/D,CAAC;AAEF,MAAM,MAAM,qBAAqB,CAC/B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,YAAY,CAAC,kBAAkB,CAAC,EAAE,CAAC;IAC1C,0BAA0B,CAAC,EAAE,OAAO,CAAC;CACtC,CAAC;AAEF,eAAO,MAAM,gBAAgB,6KAwC5B,CAAC;AAEF,KAAK,4BAA4B,CAC/B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,eAAe,EAAE,yBAAyB,CAAC,kBAAkB,CAAC,CAAC,iBAAiB,CAAC,CAAC;IAClF,IAAI,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC1B,cAAc,EAAE,gBAAgB,CAAC,kBAAkB,CAAC,CAAC,gBAAgB,CAAC,CAAC;IACvE,CAAC,EAAE,uBAAuB,CAAC,GAAG,CAAC,CAAC;IAChC,UAAU,EAAE,OAAO,GAAG,MAAM,CAAC;CAC9B,CAAC;AAEF,eAAO,MAAM,sBAAsB,kKAoFlC,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,SAAI,UAO5D"}

package/dist/components/MessageInput/hooks/utils.js

@@ -1,4 +1,5 @@
 import { __awaiter, __generator } from "tslib";
+import { DEFAULT_UPLOAD_SIZE_LIMIT_BYTES } from '../../../constants/limits';
 export var accentsMap = {
     a: 'á|à|ã|â|À|Á|Ã|Â',
     c: 'ç|Ç',
@@ -81,7 +82,7 @@ export var searchLocalUsers = function (params) {
     return matchingUsers;
 };
 export var checkUploadPermissions = function (params) { return __awaiter(void 0, void 0, void 0, function () {
-    var addNotification, file, getAppSettings, t, uploadType, appSettings, _a, allowed_file_extensions, allowed_mime_types, blocked_file_extensions, blocked_mime_types, sendErrorNotification, allowed, blocked, allowed, blocked;
+    var addNotification, file, getAppSettings, t, uploadType, appSettings, _a, allowed_file_extensions, allowed_mime_types, blocked_file_extensions, blocked_mime_types, size_limit, sendNotAllowedErrorNotification, allowed, blocked, allowed, blocked, sizeLimit;
     var _b, _c;
     return __generator(this, function (_d) {
         switch (_d.label) {
@@ -93,8 +94,8 @@ export var checkUploadPermissions = function (params) { return __awaiter(void 0,
                 appSettings = _d.sent();
                 _a = (uploadType === 'image'
                     ? (_b = appSettings === null || appSettings === void 0 ? void 0 : appSettings.app) === null || _b === void 0 ? void 0 : _b.image_upload_config
-                    : (_c = appSettings === null || appSettings === void 0 ? void 0 : appSettings.app) === null || _c === void 0 ? void 0 : _c.file_upload_config) || {}, allowed_file_extensions = _a.allowed_file_extensions, allowed_mime_types = _a.allowed_mime_types, blocked_file_extensions = _a.blocked_file_extensions, blocked_mime_types = _a.blocked_mime_types;
-                sendErrorNotification = function () {
+                    : (_c = appSettings === null || appSettings === void 0 ? void 0 : appSettings.app) === null || _c === void 0 ? void 0 : _c.file_upload_config) || {}, allowed_file_extensions = _a.allowed_file_extensions, allowed_mime_types = _a.allowed_mime_types, blocked_file_extensions = _a.blocked_file_extensions, blocked_mime_types = _a.blocked_mime_types, size_limit = _a.size_limit;
+                sendNotAllowedErrorNotification = function () {
                     return addNotification(t("Upload type: \"{{ type }}\" is not allowed", { type: file.type || 'unknown type' }), 'error');
                 };
                 if (allowed_file_extensions === null || allowed_file_extensions === void 0 ? void 0 : allowed_file_extensions.length) {
@@ -102,7 +103,7 @@ export var checkUploadPermissions = function (params) { return __awaiter(void 0,
                         return file.name.toLowerCase().endsWith(ext.toLowerCase());
                     });
                     if (!allowed) {
-                        sendErrorNotification();
+                        sendNotAllowedErrorNotification();
                         return [2 /*return*/, false];
                     }
                 }
@@ -111,25 +112,41 @@ export var checkUploadPermissions = function (params) { return __awaiter(void 0,
                         return file.name.toLowerCase().endsWith(ext.toLowerCase());
                     });
                     if (blocked) {
-                        sendErrorNotification();
+                        sendNotAllowedErrorNotification();
                         return [2 /*return*/, false];
                     }
                 }
                 if (allowed_mime_types === null || allowed_mime_types === void 0 ? void 0 : allowed_mime_types.length) {
                     allowed = allowed_mime_types.some(function (type) { var _a; return type.toLowerCase() === ((_a = file.type) === null || _a === void 0 ? void 0 : _a.toLowerCase()); });
                     if (!allowed) {
-                        sendErrorNotification();
+                        sendNotAllowedErrorNotification();
                         return [2 /*return*/, false];
                     }
                 }
                 if (blocked_mime_types === null || blocked_mime_types === void 0 ? void 0 : blocked_mime_types.length) {
                     blocked = blocked_mime_types.some(function (type) { var _a; return type.toLowerCase() === ((_a = file.type) === null || _a === void 0 ? void 0 : _a.toLowerCase()); });
                     if (blocked) {
-                        sendErrorNotification();
+                        sendNotAllowedErrorNotification();
                         return [2 /*return*/, false];
                     }
                 }
+                sizeLimit = size_limit || DEFAULT_UPLOAD_SIZE_LIMIT_BYTES;
+                if (file.size && file.size > sizeLimit) {
+                    addNotification(t('File is too large: {{ size }}, maximum upload size is {{ limit }}', {
+                        limit: prettifyFileSize(sizeLimit),
+                        size: prettifyFileSize(file.size),
+                    }), 'error');
+                    return [2 /*return*/, false];
+                }
                 return [2 /*return*/, true];
         }
     });
 }); };
+export function prettifyFileSize(bytes, precision) {
+    if (precision === void 0) { precision = 3; }
+    var units = ['B', 'kB', 'MB', 'GB'];
+    var exponent = Math.min(Math.floor(Math.log(bytes) / Math.log(1024)), units.length - 1);
+    var mantissa = bytes / Math.pow(1024, exponent);
+    var formattedMantissa = precision === 0 ? Math.round(mantissa).toString() : mantissa.toPrecision(precision);
+    return "".concat(formattedMantissa, " ").concat(units[exponent]);
+}

package/dist/constants/limits.d.ts

@@ -3,4 +3,5 @@ export declare const DEFAULT_NEXT_CHANNEL_PAGE_SIZE = 100;
 export declare const DEFAULT_JUMP_TO_PAGE_SIZE = 100;
 export declare const DEFAULT_THREAD_PAGE_SIZE = 50;
 export declare const DEFAULT_LOAD_PAGE_SCROLL_THRESHOLD = 250;
+export declare const DEFAULT_UPLOAD_SIZE_LIMIT_BYTES: number;
 //# sourceMappingURL=limits.d.ts.map

package/dist/constants/limits.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"limits.d.ts","sourceRoot":"","sources":["../../src/constants/limits.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,iCAAiC,KAAK,CAAC;AACpD,eAAO,MAAM,8BAA8B,MAAM,CAAC;AAClD,eAAO,MAAM,yBAAyB,MAAM,CAAC;AAC7C,eAAO,MAAM,wBAAwB,KAAK,CAAC;AAC3C,eAAO,MAAM,kCAAkC,MAAM,CAAC"}
+{"version":3,"file":"limits.d.ts","sourceRoot":"","sources":["../../src/constants/limits.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,iCAAiC,KAAK,CAAC;AACpD,eAAO,MAAM,8BAA8B,MAAM,CAAC;AAClD,eAAO,MAAM,yBAAyB,MAAM,CAAC;AAC7C,eAAO,MAAM,wBAAwB,KAAK,CAAC;AAC3C,eAAO,MAAM,kCAAkC,MAAM,CAAC;AACtD,eAAO,MAAM,+BAA+B,QAAoB,CAAC"}

package/dist/constants/limits.js

@@ -3,3 +3,4 @@ export var DEFAULT_NEXT_CHANNEL_PAGE_SIZE = 100;
 export var DEFAULT_JUMP_TO_PAGE_SIZE = 100;
 export var DEFAULT_THREAD_PAGE_SIZE = 50;
 export var DEFAULT_LOAD_PAGE_SCROLL_THRESHOLD = 250;
+export var DEFAULT_UPLOAD_SIZE_LIMIT_BYTES = 100 * 1024 * 1024; // 100 MB