stream-chat-react 6.12.0 → 6.12.1

package/dist/i18n/Streami18n.js

@@ -162,19 +162,19 @@ Dayjs.updateLocale('it', {
 Dayjs.updateLocale('ja', {
     calendar: {
         lastDay: '[昨日] LT',
-        lastWeek: '[過去] dddd [で] LT',
+        lastWeek: 'dddd LT',
         nextDay: '[明日] LT',
-        nextWeek: 'dddd [で] LT',
-        sameDay: '[今日は] LT',
+        nextWeek: '[次の] dddd LT',
+        sameDay: '[今日] LT',
         sameElse: 'L',
     },
 });
 Dayjs.updateLocale('ko', {
     calendar: {
         lastDay: '[어제] LT',
-        lastWeek: '[마지막] dddd [~에] LT',
+        lastWeek: '[지난] dddd LT',
         nextDay: '[내일] LT',
-        nextWeek: 'dddd [~에] LT',
+        nextWeek: 'dddd LT',
         sameDay: '[오늘] LT',
         sameElse: 'L',
     },

package/dist/index.cjs.js

@@ -278,8 +278,6 @@ var UnMemoizedSafeAnchor = function (props) {
 };
 var SafeAnchor = React__default['default'].memo(UnMemoizedSafeAnchor);
 
-var img$1 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAkCAYAAAB/up84AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABVhJREFUeNrsW6GS20AMdToGBgEGAQYBBgEBBQYFgQcP5hMO9jP6CYWFBwsPBgYUGBQEFAQUGAQYBBgYGHjmutt5O6NupbXXcZJrx5rJXGyv11o96Ukr52avr6/BJG9HZmMBMpvNYnxt1JzNZNoRAYFxM2Z8rT6FuueMcaH6s1KfhBn3U42r1Jg1rrfq+Bt5xgf1Z64+uQFQndNzLc1Ydfwg6F2p6wd1PVXfU+b6Gc9vHGuh8+jrsXVN61Sq64XggNw95tlH9XmP6y3W2OI+qvN3db6mN7/zBFAb8L2aNMJxRsDQC6jIuEyN039LnAvV8QJKRRijZUHmT8iiLpEFDHKJaB1TGN732WuAokEIDQCwhwGjsMEIMNgp6qY9JlsTgyXquCFG1d54IsbOsKAVPLDBcQJjUxB0RJwAltGntNQ46GhzqPnb0y0954RG/1iLQ7SRCkR+guiPtW6GFRg5gAlCrFvbJEZ0ngDAUn0/Y77fDCJFXuiB/AmGDC3PLg0YWLRW5CcJWWPglNxDKS6C59AcZBs/sYxbOQBqHHkuZYCsGCds4SQJDDx3RK3RjUb9EfMUcLQ57BHS64MAIYtYkvEt+d4wCzqr++ipkoTtkihOI2chREfA5KiC0GOAaMig05zoWJPjgMk39jxcPphDR0mSDrtq438g51iq8omQlEnYJfHoiAFxYQGko6bCPSmZ5wS+TRx0Zc5R4CtmHbEVJT+0p1uOYdNE1SMfOKNO0zXWEmItptApsfYa1LV0UZUPIHSCmlRYJhfokNWhX5IcsmIWbEAMCQWerWirhZK57MghNQyzgke3QuQWPUv4EAac9wCuJjmkNmvUNEwiobX+DgdEWoQGgNDPGtTWWhRRWONX5JlnePCZhP1JUCOzPN1O0C2MohP7xuiko8Qy9INUDBg2YPJMlzP8pRv0qYeUdu+Cy+RAKIYmtVqojM5kkS0DwkXlLuY0ICzgAEOlAd8fPe+rYJdppz61TiZ5G4AgcScWz05RcUtAkOwyJMtI4FzNt3suCWKfwLUhdqRC0yA/enB1CZ4vBZ2fhIptJ4x/5PYVavyzQ39N0V8ddnsQ+m3sfX02hjo3bIVJ7d5PhqojZxYdC3NEdv9oQMQWFFjHHqpLEsc9BZyF23c9cG0ZOJjUIN15V1mY8OOAhW0E77yWaP2eoO9VBFG/d6yX6/xuHT2z3AsQ5ImnjrZBF6XcUiKAEl0RlJzZ7ZtnbxmqSgRqfxmyD9k6wNDGzuExecB3Z1/ukBOjQH73MZbspChFp9nQ/EYY9+LaaIYOqlo7JjwISX+LcBwbjAOz2ZKS7BpOcq0o0R2HvZAbHpHPJGc+dm00paQuedmOA4O0WD5fyQ4V08Ip4ATxhYl8CCh76/0QLVyehlBVFyCpYJTcKmPjHoY8XNE2VQ8dbIkdr4Z95npBwcNVahKzNEMBSYSyz46iLm8sLunreG5O+xYTsaMUHYu6bMn79sRCT2+8l6SMV2cCT5e3UspBXbbd9n3nDIN/Q1KP3JDfWLcd8kZwCVX12hjeOlmOIMe+L6FGjJLC4QS5rz6hg/tThjZiU0Pr/g7D65/uCUafKgaUJu0lHjvox/XsjXA+GAOQUogIXV8/v7GoKOGJfYuHxvHjt7t3rEMHD2+E5PoR+5GCLCS+8g6Z2xgGt6anuwGC99MSKAl6RrfUs/ofje+b1PcjlJBlMMk4gKBUe77AqKVP/T1Jj30IQPmCTdkm6NeKb5BkJzCGdCA8XuFGZIOWCBEh/mwGiZ/rFZXk3xHEdkjHb6MknVOhypJe+Sac03XlL4fe3r81mH518q9GyCS3kV8CDADlsrVaJhTLAgAAAABJRU5ErkJggg==";
-
 var getDisplayName = function (Component) {
     return Component.displayName || Component.name || 'Component';
 };
@@ -351,8 +349,7 @@ var UnMemoizedCard = function (props) {
             React__default['default'].createElement("div", { className: 'str-chat__message-attachment-card--flex' },
                 title && React__default['default'].createElement("div", { className: 'str-chat__message-attachment-card--title' }, title),
                 text && React__default['default'].createElement("div", { className: 'str-chat__message-attachment-card--text' }, text),
-                (title_link || og_scrape_url) && (React__default['default'].createElement(SafeAnchor, { className: 'str-chat__message-attachment-card--url', href: title_link || og_scrape_url, rel: 'noopener noreferrer', target: '_blank' }, trimUrl(title_link || og_scrape_url)))),
-            type === 'giphy' && (React__default['default'].createElement("img", { alt: 'giphy logo', className: 'str-chat__message-attachment-card__giphy-logo', "data-testid": 'card-giphy', src: img$1 })))));
+                (title_link || og_scrape_url) && (React__default['default'].createElement(SafeAnchor, { className: 'str-chat__message-attachment-card--url', href: title_link || og_scrape_url, rel: 'noopener noreferrer', target: '_blank' }, trimUrl(title_link || og_scrape_url)))))));
 };
 /**
  * Simple Card Layout for displaying links
@@ -4472,7 +4469,7 @@ var useFileUploads = function (props, state, dispatch) {
 };
 
 var apiMaxNumberOfFiles = 10;
-var useAttachments = function (props, state, dispatch) {
+var useAttachments = function (props, state, dispatch, textareaRef) {
     var noFiles = props.noFiles;
     var fileUploads = state.fileUploads, imageUploads = state.imageUploads;
     var _a = useChannelStateContext('useAttachments'), maxNumberOfFiles = _a.maxNumberOfFiles, multipleUploads = _a.multipleUploads;
@@ -4493,6 +4490,7 @@ var useAttachments = function (props, state, dispatch) {
     var numberOfUploads = numberOfImages + numberOfFiles;
     var maxFilesLeft = maxFilesAllowed - numberOfUploads;
     var uploadNewFiles = React.useCallback(function (files) {
+        var _a;
         Array.from(files)
             .slice(0, maxFilesLeft)
             .forEach(function (file) {
@@ -4506,6 +4504,7 @@ var useAttachments = function (props, state, dispatch) {
                 dispatch({ file: file, id: id, state: 'uploading', type: 'setFileUpload' });
             }
         });
+        (_a = textareaRef === null || textareaRef === void 0 ? void 0 : textareaRef.current) === null || _a === void 0 ? void 0 : _a.focus();
     }, [maxFilesLeft, noFiles]);
     return {
         maxFilesLeft: maxFilesLeft,
@@ -4588,7 +4587,7 @@ var useMessageInputText = function (props, state, dispatch) {
     };
 };
 
-var useEmojiPicker = function (state, dispatch, insertText) {
+var useEmojiPicker = function (state, dispatch, insertText, textareaRef, closeEmojiPickerOnClick) {
     var emojiPickerRef = React.useRef(null);
     var closeEmojiPicker = React.useCallback(function (event) {
         if (emojiPickerRef.current && !emojiPickerRef.current.contains(event.target)) {
@@ -4634,9 +4633,17 @@ var useEmojiPicker = function (state, dispatch, insertText) {
             document.removeEventListener('keydown', handleEmojiEscape);
         };
     }, [closeEmojiPicker, state.emojiPickerIsOpen]);
-    var onSelectEmoji = React.useCallback(function (emoji) { return insertText(emoji.native); }, [
-        insertText,
-    ]);
+    var onSelectEmoji = React.useCallback(function (emoji) {
+        var _a;
+        insertText(emoji.native);
+        if (closeEmojiPickerOnClick) {
+            dispatch({
+                type: 'setEmojiPickerIsOpen',
+                value: false,
+            });
+        }
+        (_a = textareaRef === null || textareaRef === void 0 ? void 0 : textareaRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+    }, [insertText]);
     return {
         closeEmojiPicker: closeEmojiPicker,
         emojiPickerRef: emojiPickerRef,
@@ -4958,7 +4965,7 @@ var messageInputReducer = function (state, action) {
  * hook for MessageInput state
  */
 var useMessageInputState = function (props) {
-    var message = props.message;
+    var closeEmojiPickerOnClick = props.closeEmojiPickerOnClick, message = props.message;
     var _a = useChannelStateContext('useMessageInputState'), _b = _a.channelCapabilities, channelCapabilities = _b === void 0 ? {} : _b, channelConfig = _a.channelConfig;
     var _c = React.useReducer(messageInputReducer, message, initState), state = _c[0], dispatch = _c[1];
     var _d = useMessageInputText(props, state, dispatch), handleChange = _d.handleChange, insertText = _d.insertText, textareaRef = _d.textareaRef;
@@ -4980,8 +4987,8 @@ var useMessageInputState = function (props) {
         setShowMentionsList(true);
     };
     var closeMentionsList = function () { return setShowMentionsList(false); };
-    var _g = useEmojiPicker(state, dispatch, insertText), closeEmojiPicker = _g.closeEmojiPicker, emojiPickerRef = _g.emojiPickerRef, handleEmojiKeyDown = _g.handleEmojiKeyDown, onSelectEmoji = _g.onSelectEmoji, openEmojiPicker = _g.openEmojiPicker;
-    var _h = useAttachments(props, state, dispatch), maxFilesLeft = _h.maxFilesLeft, numberOfUploads = _h.numberOfUploads, removeFile = _h.removeFile, removeImage = _h.removeImage, uploadFile = _h.uploadFile, uploadImage = _h.uploadImage, uploadNewFiles = _h.uploadNewFiles;
+    var _g = useEmojiPicker(state, dispatch, insertText, textareaRef, closeEmojiPickerOnClick), closeEmojiPicker = _g.closeEmojiPicker, emojiPickerRef = _g.emojiPickerRef, handleEmojiKeyDown = _g.handleEmojiKeyDown, onSelectEmoji = _g.onSelectEmoji, openEmojiPicker = _g.openEmojiPicker;
+    var _h = useAttachments(props, state, dispatch, textareaRef), maxFilesLeft = _h.maxFilesLeft, numberOfUploads = _h.numberOfUploads, removeFile = _h.removeFile, removeImage = _h.removeImage, uploadFile = _h.uploadFile, uploadImage = _h.uploadImage, uploadNewFiles = _h.uploadNewFiles;
     var handleSubmit = useSubmitHandler(props, state, dispatch, numberOfUploads).handleSubmit;
     var onPaste = usePasteHandler(uploadNewFiles, insertText).onPaste;
     var isUploadEnabled = (channelConfig === null || channelConfig === void 0 ? void 0 : channelConfig.uploads) !== false && channelCapabilities['upload-file'] !== false;
@@ -7094,19 +7101,19 @@ Dayjs__default['default'].updateLocale('it', {
 Dayjs__default['default'].updateLocale('ja', {
     calendar: {
         lastDay: '[昨日] LT',
-        lastWeek: '[過去] dddd [で] LT',
+        lastWeek: 'dddd LT',
         nextDay: '[明日] LT',
-        nextWeek: 'dddd [で] LT',
-        sameDay: '[今日は] LT',
+        nextWeek: '[次の] dddd LT',
+        sameDay: '[今日] LT',
         sameElse: 'L',
     },
 });
 Dayjs__default['default'].updateLocale('ko', {
     calendar: {
         lastDay: '[어제] LT',
-        lastWeek: '[마지막] dddd [~에] LT',
+        lastWeek: '[지난] dddd LT',
         nextDay: '[내일] LT',
-        nextWeek: 'dddd [~에] LT',
+        nextWeek: 'dddd LT',
         sameDay: '[오늘] LT',
         sameElse: 'L',
     },
@@ -7599,7 +7606,7 @@ var Streami18n = /** @class */ (function () {
     return Streami18n;
 }());
 
-var version = '6.12.0';
+var version = '6.12.1';
 
 var useChat = function (_a) {
     var _b;