stream-chat-react 11.0.0-rc.3 → 11.0.0-rc.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/browser.full-bundle.js +451 -414
- package/dist/browser.full-bundle.js.map +1 -1
- package/dist/browser.full-bundle.min.js +5 -5
- package/dist/browser.full-bundle.min.js.map +1 -1
- package/dist/components/Attachment/AttachmentActions.d.ts.map +1 -1
- package/dist/components/Attachment/AttachmentActions.js +3 -1
- package/dist/components/AutoCompleteTextarea/Item.js +1 -1
- package/dist/components/AutoCompleteTextarea/List.js +14 -14
- package/dist/components/Channel/Channel.d.ts +3 -0
- package/dist/components/Channel/Channel.d.ts.map +1 -1
- package/dist/components/Channel/Channel.js +26 -2
- package/dist/components/ChannelList/hooks/usePaginatedChannels.d.ts.map +1 -1
- package/dist/components/ChannelList/hooks/usePaginatedChannels.js +2 -2
- package/dist/components/Chat/Chat.d.ts.map +1 -1
- package/dist/components/Chat/Chat.js +3 -1
- package/dist/components/Chat/hooks/useChat.d.ts +2 -0
- package/dist/components/Chat/hooks/useChat.d.ts.map +1 -1
- package/dist/components/Chat/hooks/useChat.js +7 -4
- package/dist/components/Chat/hooks/useCreateChatContext.d.ts.map +1 -1
- package/dist/components/Chat/hooks/useCreateChatContext.js +5 -1
- package/dist/components/Emojis/EmojiPicker.d.ts +1 -2
- package/dist/components/Emojis/EmojiPicker.d.ts.map +1 -1
- package/dist/components/Emojis/EmojiPicker.js +7 -3
- package/dist/components/Emojis/index.cjs.js +25 -4
- package/dist/components/LoadMore/LoadMoreButton.d.ts.map +1 -1
- package/dist/components/LoadMore/LoadMoreButton.js +5 -2
- package/dist/components/Message/hooks/useDeleteHandler.d.ts.map +1 -1
- package/dist/components/Message/hooks/useDeleteHandler.js +5 -5
- package/dist/components/MessageInput/hooks/useCommandTrigger.d.ts.map +1 -1
- package/dist/components/MessageInput/hooks/useCommandTrigger.js +1 -3
- package/dist/components/ReactFileUtilities/ImageDropzone.d.ts.map +1 -1
- package/dist/components/ReactFileUtilities/ImageDropzone.js +3 -1
- package/dist/context/ChannelActionContext.d.ts +2 -1
- package/dist/context/ChannelActionContext.d.ts.map +1 -1
- package/dist/context/ChannelStateContext.d.ts +1 -1
- package/dist/context/ChatContext.d.ts +29 -2
- package/dist/context/ChatContext.d.ts.map +1 -1
- package/dist/css/index.css +1 -1
- package/dist/css/v2/emoji-mart.css +1 -1
- package/dist/css/v2/emoji-replacement.css +1 -1
- package/dist/css/v2/index.css +1 -1
- package/dist/css/v2/index.layout.css +1 -1
- package/dist/i18n/Streami18n.d.ts +3 -0
- package/dist/i18n/Streami18n.d.ts.map +1 -1
- package/dist/i18n/de.json +15 -2
- package/dist/i18n/en.json +3 -0
- package/dist/i18n/es.json +15 -2
- package/dist/i18n/fr.json +15 -2
- package/dist/i18n/hi.json +15 -2
- package/dist/i18n/it.json +15 -2
- package/dist/i18n/ja.json +15 -2
- package/dist/i18n/ko.json +15 -2
- package/dist/i18n/nl.json +15 -2
- package/dist/i18n/pt.json +15 -2
- package/dist/i18n/ru.json +15 -2
- package/dist/i18n/tr.json +15 -2
- package/dist/{icons-f45b355f.js → icons-5ee8c22b.js} +43 -43
- package/dist/index.cjs.js +74 -41
- package/dist/version.d.ts +1 -1
- package/dist/version.js +1 -1
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AttachmentActions.d.ts","sourceRoot":"","sources":["../../../src/components/Attachment/AttachmentActions.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"AttachmentActions.d.ts","sourceRoot":"","sources":["../../../src/components/Attachment/AttachmentActions.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAItD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,mCAAmC,CAAC;AACjF,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,oBAAY,sBAAsB,CAChC,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E,UAAU,CAAC,kBAAkB,CAAC,GAAG;IACnC,wBAAwB;IACxB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,+HAA+H;IAC/H,EAAE,EAAE,MAAM,CAAC;IACX,kCAAkC;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,0BAA0B;IAC1B,aAAa,CAAC,EAAE,uBAAuB,CAAC;CACzC,CAAC;AAoCF;;GAEG;AACH,eAAO,MAAM,iBAAiB,sJAES,CAAC"}
|
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import { useTranslationContext } from '../../context';
|
|
2
3
|
var UnMemoizedAttachmentActions = function (props) {
|
|
3
4
|
var actionHandler = props.actionHandler, actions = props.actions, id = props.id, text = props.text;
|
|
5
|
+
var t = useTranslationContext('UnMemoizedAttachmentActions').t;
|
|
4
6
|
var handleActionClick = function (event, name, value) { return actionHandler === null || actionHandler === void 0 ? void 0 : actionHandler(name, value, event); };
|
|
5
7
|
return (React.createElement("div", { className: 'str-chat__message-attachment-actions' },
|
|
6
8
|
React.createElement("div", { className: 'str-chat__message-attachment-actions-form' },
|
|
7
9
|
React.createElement("span", null, text),
|
|
8
|
-
actions.map(function (action) { return (React.createElement("button", { className: "str-chat__message-attachment-actions-button str-chat__message-attachment-actions-button--".concat(action.style), "data-testid": "".concat(action.name), "data-value": action.value, key: "".concat(id, "-").concat(action.value), onClick: function (event) { return handleActionClick(event, action.name, action.value); } }, action.text)); }))));
|
|
10
|
+
actions.map(function (action) { return (React.createElement("button", { className: "str-chat__message-attachment-actions-button str-chat__message-attachment-actions-button--".concat(action.style), "data-testid": "".concat(action.name), "data-value": action.value, key: "".concat(id, "-").concat(action.value), onClick: function (event) { return handleActionClick(event, action.name, action.value); } }, action.text ? t(action.text) : null)); }))));
|
|
9
11
|
};
|
|
10
12
|
/**
|
|
11
13
|
* A component for rendering the actions you can take on an attachment.
|
|
@@ -8,7 +8,7 @@ export var Item = React.forwardRef(function Item(props, innerRef) {
|
|
|
8
8
|
var handleClick = useCallback(function (event) { return onClickHandler(event, item); }, [item, onClickHandler]);
|
|
9
9
|
if (themeVersion === '2')
|
|
10
10
|
return (React.createElement("li", { className: clsx(className, { 'str-chat__suggestion-item--selected': selected }), style: style },
|
|
11
|
-
React.createElement("a", { href: '', onClick:
|
|
11
|
+
React.createElement("a", { href: '', onClick: handleClick, onFocus: handleSelect, onMouseEnter: handleSelect, ref: innerRef },
|
|
12
12
|
React.createElement(Component, { entity: item, selected: selected }))));
|
|
13
13
|
return (React.createElement("li", { className: clsx('rta__item', className), style: style },
|
|
14
14
|
React.createElement("button", { className: clsx('rta__entity', { 'rta__entity--selected': selected }), onClick: handleClick, onFocus: handleSelect, onMouseEnter: handleSelect, ref: innerRef },
|
|
@@ -12,10 +12,10 @@ export var List = function (_a) {
|
|
|
12
12
|
var themeVersion = useChatContext('SuggestionList').themeVersion;
|
|
13
13
|
var SuggestionItem = PropSuggestionItem || AutocompleteSuggestionItem || Item;
|
|
14
14
|
var SuggestionHeader = PropHeader || AutocompleteSuggestionHeader || DefaultSuggestionListHeader;
|
|
15
|
-
var _c = useState(undefined),
|
|
15
|
+
var _c = useState(undefined), selectedItemIndex = _c[0], setSelectedItemIndex = _c[1];
|
|
16
16
|
var itemsRef = [];
|
|
17
17
|
var isSelected = function (item) {
|
|
18
|
-
return
|
|
18
|
+
return selectedItemIndex === values.findIndex(function (value) { return getId(value) === getId(item); });
|
|
19
19
|
};
|
|
20
20
|
var getId = function (item) {
|
|
21
21
|
var textToReplace = getTextToReplace(item);
|
|
@@ -44,32 +44,32 @@ export var List = function (_a) {
|
|
|
44
44
|
}, [modifyText, findItemIndex]);
|
|
45
45
|
var selectItem = useCallback(function (item) {
|
|
46
46
|
var index = findItemIndex(item);
|
|
47
|
-
|
|
47
|
+
setSelectedItemIndex(index);
|
|
48
48
|
}, [findItemIndex]);
|
|
49
49
|
var handleKeyDown = useCallback(function (event) {
|
|
50
50
|
if (event.key === 'ArrowUp') {
|
|
51
|
-
|
|
51
|
+
setSelectedItemIndex(function (prevSelected) {
|
|
52
52
|
if (prevSelected === undefined)
|
|
53
53
|
return 0;
|
|
54
|
-
var
|
|
55
|
-
dropdownScroll(itemsRef[
|
|
56
|
-
return
|
|
54
|
+
var newIndex = prevSelected === 0 ? values.length - 1 : prevSelected - 1;
|
|
55
|
+
dropdownScroll(itemsRef[newIndex]);
|
|
56
|
+
return newIndex;
|
|
57
57
|
});
|
|
58
58
|
}
|
|
59
59
|
if (event.key === 'ArrowDown') {
|
|
60
|
-
|
|
60
|
+
setSelectedItemIndex(function (prevSelected) {
|
|
61
61
|
if (prevSelected === undefined)
|
|
62
62
|
return 0;
|
|
63
|
-
var
|
|
64
|
-
dropdownScroll(itemsRef[
|
|
65
|
-
return
|
|
63
|
+
var newIndex = prevSelected === values.length - 1 ? 0 : prevSelected + 1;
|
|
64
|
+
dropdownScroll(itemsRef[newIndex]);
|
|
65
|
+
return newIndex;
|
|
66
66
|
});
|
|
67
67
|
}
|
|
68
|
-
if ((event.key === 'Enter' || event.key === 'Tab') &&
|
|
69
|
-
handleClick(event);
|
|
68
|
+
if ((event.key === 'Enter' || event.key === 'Tab') && selectedItemIndex !== undefined) {
|
|
69
|
+
handleClick(event, values[selectedItemIndex]);
|
|
70
70
|
}
|
|
71
71
|
return null;
|
|
72
|
-
}, [
|
|
72
|
+
}, [selectedItemIndex, values]);
|
|
73
73
|
useEffect(function () {
|
|
74
74
|
document.addEventListener('keydown', handleKeyDown, false);
|
|
75
75
|
return function () { return document.removeEventListener('keydown', handleKeyDown); };
|
|
@@ -2,6 +2,7 @@ import React, { PropsWithChildren } from 'react';
|
|
|
2
2
|
import { Message, MessageResponse, Channel as StreamChannel, StreamChat, UpdatedMessage } from 'stream-chat';
|
|
3
3
|
import { OnMentionAction } from './hooks/useMentionsHandlers';
|
|
4
4
|
import { LoadingErrorIndicatorProps } from '../Loading';
|
|
5
|
+
import { StreamMessage } from '../../context/ChannelStateContext';
|
|
5
6
|
import { ComponentContextValue } from '../../context/ComponentContext';
|
|
6
7
|
import type { MessageProps } from '../Message/types';
|
|
7
8
|
import type { MessageInputProps } from '../MessageInput/MessageInput';
|
|
@@ -31,6 +32,8 @@ export declare type ChannelProps<StreamChatGenerics extends DefaultStreamChatGen
|
|
|
31
32
|
CooldownTimer?: ComponentContextValue<StreamChatGenerics>['CooldownTimer'];
|
|
32
33
|
/** Custom UI component for date separators, defaults to and accepts same props as: [DateSeparator](https://github.com/GetStream/stream-chat-react/blob/master/src/components/DateSeparator.tsx) */
|
|
33
34
|
DateSeparator?: ComponentContextValue<StreamChatGenerics>['DateSeparator'];
|
|
35
|
+
/** Custom action handler to override the default `client.deleteMessage(message.id)` function */
|
|
36
|
+
doDeleteMessageRequest?: (message: StreamMessage<StreamChatGenerics>) => Promise<MessageResponse<StreamChatGenerics>>;
|
|
34
37
|
/** Custom action handler to override the default `channel.markRead` request function (advanced usage only) */
|
|
35
38
|
doMarkReadRequest?: (channel: StreamChannel<StreamChatGenerics>) => Promise<MessageResponse<StreamChatGenerics>> | void;
|
|
36
39
|
/** Custom action handler to override the default `channel.sendMessage` request function (advanced usage only) */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Channel.d.ts","sourceRoot":"","sources":["../../../src/components/Channel/Channel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,iBAAiB,
|
|
1
|
+
{"version":3,"file":"Channel.d.ts","sourceRoot":"","sources":["../../../src/components/Channel/Channel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { __assign, __awaiter, __generator, __rest } from "tslib";
|
|
2
|
-
import React, { useEffect, useLayoutEffect, useMemo, useReducer, useRef, useState, } from 'react';
|
|
2
|
+
import React, { useCallback, useEffect, useLayoutEffect, useMemo, useReducer, useRef, useState, } from 'react';
|
|
3
3
|
import debounce from 'lodash.debounce';
|
|
4
4
|
import throttle from 'lodash.throttle';
|
|
5
5
|
import { logChatPromiseExecution, } from 'stream-chat';
|
|
@@ -53,7 +53,7 @@ var UnMemoizedChannel = function (props) {
|
|
|
53
53
|
};
|
|
54
54
|
var ChannelInner = function (props) {
|
|
55
55
|
var _a;
|
|
56
|
-
var acceptedFiles = props.acceptedFiles, activeUnreadHandler = props.activeUnreadHandler, channel = props.channel, children = props.children, doMarkReadRequest = props.doMarkReadRequest, doSendMessageRequest = props.doSendMessageRequest, doUpdateMessageRequest = props.doUpdateMessageRequest, _b = props.dragAndDropWindow, dragAndDropWindow = _b === void 0 ? false : _b, enrichURLForPreviewConfig = props.enrichURLForPreviewConfig, _c = props.initializeOnMount, initializeOnMount = _c === void 0 ? true : _c, _d = props.LoadingErrorIndicator, LoadingErrorIndicator = _d === void 0 ? DefaultLoadingErrorIndicator : _d, _e = props.LoadingIndicator, LoadingIndicator = _e === void 0 ? DefaultLoadingIndicator : _e, maxNumberOfFiles = props.maxNumberOfFiles, _f = props.multipleUploads, multipleUploads = _f === void 0 ? true : _f, onMentionsClick = props.onMentionsClick, onMentionsHover = props.onMentionsHover, _g = props.optionalMessageInputProps, optionalMessageInputProps = _g === void 0 ? {} : _g, skipMessageDataMemoization = props.skipMessageDataMemoization;
|
|
56
|
+
var acceptedFiles = props.acceptedFiles, activeUnreadHandler = props.activeUnreadHandler, channel = props.channel, children = props.children, doDeleteMessageRequest = props.doDeleteMessageRequest, doMarkReadRequest = props.doMarkReadRequest, doSendMessageRequest = props.doSendMessageRequest, doUpdateMessageRequest = props.doUpdateMessageRequest, _b = props.dragAndDropWindow, dragAndDropWindow = _b === void 0 ? false : _b, enrichURLForPreviewConfig = props.enrichURLForPreviewConfig, _c = props.initializeOnMount, initializeOnMount = _c === void 0 ? true : _c, _d = props.LoadingErrorIndicator, LoadingErrorIndicator = _d === void 0 ? DefaultLoadingErrorIndicator : _d, _e = props.LoadingIndicator, LoadingIndicator = _e === void 0 ? DefaultLoadingIndicator : _e, maxNumberOfFiles = props.maxNumberOfFiles, _f = props.multipleUploads, multipleUploads = _f === void 0 ? true : _f, onMentionsClick = props.onMentionsClick, onMentionsHover = props.onMentionsHover, _g = props.optionalMessageInputProps, optionalMessageInputProps = _g === void 0 ? {} : _g, skipMessageDataMemoization = props.skipMessageDataMemoization;
|
|
57
57
|
var _h = useChatContext('Channel'), client = _h.client, customClasses = _h.customClasses, latestMessageDatesByChannels = _h.latestMessageDatesByChannels, mutes = _h.mutes, theme = _h.theme;
|
|
58
58
|
var t = useTranslationContext('Channel').t;
|
|
59
59
|
var _j = useChannelContainerClasses({ customClasses: customClasses }), channelClass = _j.channelClass, chatClass = _j.chatClass, chatContainerClass = _j.chatContainerClass, windowsEmojiClass = _j.windowsEmojiClass;
|
|
@@ -390,6 +390,28 @@ var ChannelInner = function (props) {
|
|
|
390
390
|
}
|
|
391
391
|
});
|
|
392
392
|
}); };
|
|
393
|
+
var deleteMessage = useCallback(function (message) { return __awaiter(void 0, void 0, void 0, function () {
|
|
394
|
+
var deletedMessage, result;
|
|
395
|
+
return __generator(this, function (_a) {
|
|
396
|
+
switch (_a.label) {
|
|
397
|
+
case 0:
|
|
398
|
+
if (!(message === null || message === void 0 ? void 0 : message.id)) {
|
|
399
|
+
throw new Error('Cannot delete a message - missing message ID.');
|
|
400
|
+
}
|
|
401
|
+
if (!doDeleteMessageRequest) return [3 /*break*/, 2];
|
|
402
|
+
return [4 /*yield*/, doDeleteMessageRequest(message)];
|
|
403
|
+
case 1:
|
|
404
|
+
deletedMessage = _a.sent();
|
|
405
|
+
return [3 /*break*/, 4];
|
|
406
|
+
case 2: return [4 /*yield*/, client.deleteMessage(message.id)];
|
|
407
|
+
case 3:
|
|
408
|
+
result = _a.sent();
|
|
409
|
+
deletedMessage = result.message;
|
|
410
|
+
_a.label = 4;
|
|
411
|
+
case 4: return [2 /*return*/, deletedMessage];
|
|
412
|
+
}
|
|
413
|
+
});
|
|
414
|
+
}); }, [client, doDeleteMessageRequest]);
|
|
393
415
|
var updateMessage = function (updatedMessage) {
|
|
394
416
|
// add the message to the local channel state
|
|
395
417
|
channel.state.addMessageSorted(updatedMessage, true);
|
|
@@ -573,6 +595,7 @@ var ChannelInner = function (props) {
|
|
|
573
595
|
var channelActionContextValue = useMemo(function () { return ({
|
|
574
596
|
addNotification: addNotification,
|
|
575
597
|
closeThread: closeThread,
|
|
598
|
+
deleteMessage: deleteMessage,
|
|
576
599
|
dispatch: dispatch,
|
|
577
600
|
editMessage: editMessage,
|
|
578
601
|
jumpToLatestMessage: jumpToLatestMessage,
|
|
@@ -591,6 +614,7 @@ var ChannelInner = function (props) {
|
|
|
591
614
|
updateMessage: updateMessage,
|
|
592
615
|
}); }, [
|
|
593
616
|
channel.cid,
|
|
617
|
+
deleteMessage,
|
|
594
618
|
enrichURLForPreviewConfig === null || enrichURLForPreviewConfig === void 0 ? void 0 : enrichURLForPreviewConfig.findURLFn,
|
|
595
619
|
enrichURLForPreviewConfig === null || enrichURLForPreviewConfig === void 0 ? void 0 : enrichURLForPreviewConfig.onLinkPreviewDismissed,
|
|
596
620
|
loadMore,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"usePaginatedChannels.d.ts","sourceRoot":"","sources":["../../../../src/components/ChannelList/hooks/usePaginatedChannels.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAIpG,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAKtE,eAAO,MAAM,oBAAoB,0NAMtB,cAAc,2KAIlB,IAAI,+BACmB,MAAM;;;;;
|
|
1
|
+
{"version":3,"file":"usePaginatedChannels.d.ts","sourceRoot":"","sources":["../../../../src/components/ChannelList/hooks/usePaginatedChannels.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAIpG,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAKtE,eAAO,MAAM,oBAAoB,0NAMtB,cAAc,2KAIlB,IAAI,+BACmB,MAAM;;;;;CAqGnC,CAAC"}
|
|
@@ -7,8 +7,7 @@ var RECOVER_LOADED_CHANNELS_THROTTLE_INTERVAL_IN_MS = 5000;
|
|
|
7
7
|
var MIN_RECOVER_LOADED_CHANNELS_THROTTLE_INTERVAL_IN_MS = 2000;
|
|
8
8
|
export var usePaginatedChannels = function (client, filters, sort, options, activeChannelHandler, recoveryThrottleIntervalMs) {
|
|
9
9
|
if (recoveryThrottleIntervalMs === void 0) { recoveryThrottleIntervalMs = RECOVER_LOADED_CHANNELS_THROTTLE_INTERVAL_IN_MS; }
|
|
10
|
-
var _a = useChatContext('usePaginatedChannels').channelsQueryState, error =
|
|
11
|
-
var _b = useState([]), channels = _b[0], setChannels = _b[1];
|
|
10
|
+
var _a = useChatContext('usePaginatedChannels'), channels = _a.channels, _b = _a.channelsQueryState, error = _b.error, setError = _b.setError, setQueryInProgress = _b.setQueryInProgress, setChannels = _a.setChannels;
|
|
12
11
|
var _c = useState(true), hasNextPage = _c[0], setHasNextPage = _c[1];
|
|
13
12
|
var lastRecoveryTimestamp = useRef();
|
|
14
13
|
var recoveryThrottleInterval = recoveryThrottleIntervalMs < MIN_RECOVER_LOADED_CHANNELS_THROTTLE_INTERVAL_IN_MS
|
|
@@ -88,6 +87,7 @@ export var usePaginatedChannels = function (client, filters, sort, options, acti
|
|
|
88
87
|
useEffect(function () {
|
|
89
88
|
queryChannels('reload');
|
|
90
89
|
}, [filterString, sortString]);
|
|
90
|
+
// FIXME: state refactor (breaking change) is needed - do not forward `channels` and `setChannel`
|
|
91
91
|
return {
|
|
92
92
|
channels: channels,
|
|
93
93
|
hasNextPage: hasNextPage,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chat.d.ts","sourceRoot":"","sources":["../../../src/components/Chat/Chat.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAKjD,OAAO,EAAE,YAAY,EAAkC,MAAM,yBAAyB,CAAC;AAEvF,OAAO,EAAgB,aAAa,EAAgB,MAAM,2BAA2B,CAAC;AACtF,OAAO,EAAE,qBAAqB,EAAuB,MAAM,kCAAkC,CAAC;AAE9F,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAExD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE;;GAEG;AACH,oBAAY,KAAK,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IACvC,eAAe,GACf,gBAAgB,GAChB,iBAAiB,GACjB,kBAAkB,GAClB,gBAAgB,GAChB,iBAAiB,GACjB,WAAW,GACX,YAAY,GACZ,CAAC,CAAC;AAEN,oBAAY,SAAS,CACnB,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,mCAAmC;IACnC,MAAM,EAAE,UAAU,CAAC,kBAAkB,CAAC,CAAC;IACvC,8FAA8F;IAC9F,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B;;;OAGG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oGAAoG;IACpG,eAAe,CAAC,EAAE,qBAAqB,CAAC;IACxC,8BAA8B;IAC9B,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,0CAA0C;IAC1C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,+EAA+E;IAC/E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;;OAMG;IACH,2BAA2B,CAAC,EAAE,OAAO,CAAC;CACvC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,IAAI,
|
|
1
|
+
{"version":3,"file":"Chat.d.ts","sourceRoot":"","sources":["../../../src/components/Chat/Chat.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAKjD,OAAO,EAAE,YAAY,EAAkC,MAAM,yBAAyB,CAAC;AAEvF,OAAO,EAAgB,aAAa,EAAgB,MAAM,2BAA2B,CAAC;AACtF,OAAO,EAAE,qBAAqB,EAAuB,MAAM,kCAAkC,CAAC;AAE9F,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAExD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE;;GAEG;AACH,oBAAY,KAAK,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IACvC,eAAe,GACf,gBAAgB,GAChB,iBAAiB,GACjB,kBAAkB,GAClB,gBAAgB,GAChB,iBAAiB,GACjB,WAAW,GACX,YAAY,GACZ,CAAC,CAAC;AAEN,oBAAY,SAAS,CACnB,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,mCAAmC;IACnC,MAAM,EAAE,UAAU,CAAC,kBAAkB,CAAC,CAAC;IACvC,8FAA8F;IAC9F,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B;;;OAGG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oGAAoG;IACpG,eAAe,CAAC,EAAE,qBAAqB,CAAC;IACxC,8BAA8B;IAC9B,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,0CAA0C;IAC1C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,+EAA+E;IAC/E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;;OAMG;IACH,2BAA2B,CAAC,EAAE,OAAO,CAAC;CACvC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,IAAI,yKAqEhB,CAAC"}
|
|
@@ -11,7 +11,7 @@ import { TranslationProvider } from '../../context/TranslationContext';
|
|
|
11
11
|
*/
|
|
12
12
|
export var Chat = function (props) {
|
|
13
13
|
var children = props.children, client = props.client, customClasses = props.customClasses, customStyles = props.customStyles, _a = props.darkMode, darkMode = _a === void 0 ? false : _a, defaultLanguage = props.defaultLanguage, i18nInstance = props.i18nInstance, _b = props.initialNavOpen, initialNavOpen = _b === void 0 ? true : _b, _c = props.theme, theme = _c === void 0 ? 'messaging light' : _c, _d = props.useImageFlagEmojisOnWindows, useImageFlagEmojisOnWindows = _d === void 0 ? false : _d;
|
|
14
|
-
var _e = useChat({ client: client, defaultLanguage: defaultLanguage, i18nInstance: i18nInstance, initialNavOpen: initialNavOpen }), channel = _e.channel, closeMobileNav = _e.closeMobileNav, getAppSettings = _e.getAppSettings, latestMessageDatesByChannels = _e.latestMessageDatesByChannels, mutes = _e.mutes, navOpen = _e.navOpen, openMobileNav = _e.openMobileNav, setActiveChannel = _e.setActiveChannel, translators = _e.translators;
|
|
14
|
+
var _e = useChat({ client: client, defaultLanguage: defaultLanguage, i18nInstance: i18nInstance, initialNavOpen: initialNavOpen }), channel = _e.channel, channels = _e.channels, closeMobileNav = _e.closeMobileNav, getAppSettings = _e.getAppSettings, latestMessageDatesByChannels = _e.latestMessageDatesByChannels, mutes = _e.mutes, navOpen = _e.navOpen, openMobileNav = _e.openMobileNav, setActiveChannel = _e.setActiveChannel, setChannels = _e.setChannels, translators = _e.translators;
|
|
15
15
|
var channelsQueryState = useChannelsQueryState();
|
|
16
16
|
var themeVersion = typeof window !== 'undefined'
|
|
17
17
|
? (window
|
|
@@ -22,6 +22,7 @@ export var Chat = function (props) {
|
|
|
22
22
|
useCustomStyles(darkMode ? darkModeTheme : customStyles);
|
|
23
23
|
var chatContextValue = useCreateChatContext({
|
|
24
24
|
channel: channel,
|
|
25
|
+
channels: channels,
|
|
25
26
|
channelsQueryState: channelsQueryState,
|
|
26
27
|
client: client,
|
|
27
28
|
closeMobileNav: closeMobileNav,
|
|
@@ -32,6 +33,7 @@ export var Chat = function (props) {
|
|
|
32
33
|
navOpen: navOpen,
|
|
33
34
|
openMobileNav: openMobileNav,
|
|
34
35
|
setActiveChannel: setActiveChannel,
|
|
36
|
+
setChannels: setChannels,
|
|
35
37
|
theme: theme,
|
|
36
38
|
themeVersion: themeVersion,
|
|
37
39
|
useImageFlagEmojisOnWindows: useImageFlagEmojisOnWindows,
|
|
@@ -10,6 +10,7 @@ export declare type UseChatParams<StreamChatGenerics extends DefaultStreamChatGe
|
|
|
10
10
|
};
|
|
11
11
|
export declare const useChat: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ client, defaultLanguage, i18nInstance, initialNavOpen, }: UseChatParams<StreamChatGenerics>) => {
|
|
12
12
|
channel: Channel<StreamChatGenerics> | undefined;
|
|
13
|
+
channels: Channel<StreamChatGenerics>[];
|
|
13
14
|
closeMobileNav: () => void;
|
|
14
15
|
getAppSettings: () => Promise<AppSettingsAPIResponse<StreamChatGenerics>>;
|
|
15
16
|
latestMessageDatesByChannels: {};
|
|
@@ -20,6 +21,7 @@ export declare const useChat: <StreamChatGenerics extends DefaultStreamChatGener
|
|
|
20
21
|
limit?: number;
|
|
21
22
|
offset?: number;
|
|
22
23
|
}, event?: React.BaseSyntheticEvent) => Promise<void>;
|
|
24
|
+
setChannels: import("react").Dispatch<import("react").SetStateAction<Channel<StreamChatGenerics>[]>>;
|
|
23
25
|
translators: TranslationContextValue;
|
|
24
26
|
};
|
|
25
27
|
//# sourceMappingURL=useChat.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useChat.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/hooks/useChat.ts"],"names":[],"mappings":"AAEA,OAAO,EAGL,qBAAqB,EACrB,uBAAuB,EACxB,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAG3C,OAAO,KAAK,EAAE,sBAAsB,EAAE,OAAO,EAAS,IAAI,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE5F,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAEtE,oBAAY,aAAa,CACvB,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,MAAM,EAAE,UAAU,CAAC,kBAAkB,CAAC,CAAC;IACvC,eAAe,CAAC,EAAE,qBAAqB,CAAC;IACxC,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,OAAO
|
|
1
|
+
{"version":3,"file":"useChat.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/hooks/useChat.ts"],"names":[],"mappings":"AAEA,OAAO,EAGL,qBAAqB,EACrB,uBAAuB,EACxB,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAG3C,OAAO,KAAK,EAAE,sBAAsB,EAAE,OAAO,EAAS,IAAI,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE5F,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAEtE,oBAAY,aAAa,CACvB,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,MAAM,EAAE,UAAU,CAAC,kBAAkB,CAAC,CAAC;IACvC,eAAe,CAAC,EAAE,qBAAqB,CAAC;IACxC,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,OAAO;;;;;;;;;2FAiFJ;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,UACrC,MAAM,kBAAkB;;;CA+BrC,CAAC"}
|
|
@@ -11,10 +11,11 @@ export var useChat = function (_a) {
|
|
|
11
11
|
tDateTimeParser: defaultDateTimeParser,
|
|
12
12
|
userLanguage: 'en',
|
|
13
13
|
}), translators = _e[0], setTranslators = _e[1];
|
|
14
|
-
var _f = useState(),
|
|
15
|
-
var _g = useState(
|
|
16
|
-
var _h = useState(
|
|
17
|
-
var _j = useState(
|
|
14
|
+
var _f = useState([]), channels = _f[0], setChannels = _f[1];
|
|
15
|
+
var _g = useState(), channel = _g[0], setChannel = _g[1];
|
|
16
|
+
var _h = useState([]), mutes = _h[0], setMutes = _h[1];
|
|
17
|
+
var _j = useState(initialNavOpen), navOpen = _j[0], setNavOpen = _j[1];
|
|
18
|
+
var _k = useState({}), latestMessageDatesByChannels = _k[0], setLatestMessageDatesByChannels = _k[1];
|
|
18
19
|
var clientMutes = ((_b = client.user) === null || _b === void 0 ? void 0 : _b.mutes) || [];
|
|
19
20
|
var closeMobileNav = function () { return setNavOpen(false); };
|
|
20
21
|
var openMobileNav = function () { return setTimeout(function () { return setNavOpen(true); }, 100); };
|
|
@@ -85,6 +86,7 @@ export var useChat = function (_a) {
|
|
|
85
86
|
}, [(_c = client.user) === null || _c === void 0 ? void 0 : _c.id]);
|
|
86
87
|
return {
|
|
87
88
|
channel: channel,
|
|
89
|
+
channels: channels,
|
|
88
90
|
closeMobileNav: closeMobileNav,
|
|
89
91
|
getAppSettings: getAppSettings,
|
|
90
92
|
latestMessageDatesByChannels: latestMessageDatesByChannels,
|
|
@@ -92,6 +94,7 @@ export var useChat = function (_a) {
|
|
|
92
94
|
navOpen: navOpen,
|
|
93
95
|
openMobileNav: openMobileNav,
|
|
94
96
|
setActiveChannel: setActiveChannel,
|
|
97
|
+
setChannels: setChannels,
|
|
95
98
|
translators: translators,
|
|
96
99
|
};
|
|
97
100
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useCreateChatContext.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/hooks/useCreateChatContext.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAEtE,eAAO,MAAM,oBAAoB,
|
|
1
|
+
{"version":3,"file":"useCreateChatContext.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/hooks/useCreateChatContext.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAEtE,eAAO,MAAM,oBAAoB,yKAkEhC,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { useMemo } from 'react';
|
|
2
2
|
export var useCreateChatContext = function (value) {
|
|
3
3
|
var _a;
|
|
4
|
-
var channel = value.channel, channelsQueryState = value.channelsQueryState, client = value.client, closeMobileNav = value.closeMobileNav, customClasses = value.customClasses, getAppSettings = value.getAppSettings, latestMessageDatesByChannels = value.latestMessageDatesByChannels, mutes = value.mutes, navOpen = value.navOpen, openMobileNav = value.openMobileNav, setActiveChannel = value.setActiveChannel, theme = value.theme, themeVersion = value.themeVersion, useImageFlagEmojisOnWindows = value.useImageFlagEmojisOnWindows;
|
|
4
|
+
var channel = value.channel, channels = value.channels, channelsQueryState = value.channelsQueryState, client = value.client, closeMobileNav = value.closeMobileNav, customClasses = value.customClasses, getAppSettings = value.getAppSettings, latestMessageDatesByChannels = value.latestMessageDatesByChannels, mutes = value.mutes, navOpen = value.navOpen, openMobileNav = value.openMobileNav, setActiveChannel = value.setActiveChannel, setChannels = value.setChannels, theme = value.theme, themeVersion = value.themeVersion, useImageFlagEmojisOnWindows = value.useImageFlagEmojisOnWindows;
|
|
5
5
|
var channelCid = channel === null || channel === void 0 ? void 0 : channel.cid;
|
|
6
6
|
var channelsQueryError = channelsQueryState.error;
|
|
7
7
|
var channelsQueryInProgress = channelsQueryState.queryInProgress;
|
|
@@ -9,6 +9,7 @@ export var useCreateChatContext = function (value) {
|
|
|
9
9
|
var mutedUsersLength = mutes.length;
|
|
10
10
|
var chatContext = useMemo(function () { return ({
|
|
11
11
|
channel: channel,
|
|
12
|
+
channels: channels,
|
|
12
13
|
channelsQueryState: channelsQueryState,
|
|
13
14
|
client: client,
|
|
14
15
|
closeMobileNav: closeMobileNav,
|
|
@@ -19,6 +20,7 @@ export var useCreateChatContext = function (value) {
|
|
|
19
20
|
navOpen: navOpen,
|
|
20
21
|
openMobileNav: openMobileNav,
|
|
21
22
|
setActiveChannel: setActiveChannel,
|
|
23
|
+
setChannels: setChannels,
|
|
22
24
|
theme: theme,
|
|
23
25
|
themeVersion: themeVersion,
|
|
24
26
|
useImageFlagEmojisOnWindows: useImageFlagEmojisOnWindows,
|
|
@@ -26,10 +28,12 @@ export var useCreateChatContext = function (value) {
|
|
|
26
28
|
channelCid,
|
|
27
29
|
channelsQueryError,
|
|
28
30
|
channelsQueryInProgress,
|
|
31
|
+
channels,
|
|
29
32
|
clientValues,
|
|
30
33
|
getAppSettings,
|
|
31
34
|
mutedUsersLength,
|
|
32
35
|
navOpen,
|
|
36
|
+
setChannels,
|
|
33
37
|
]);
|
|
34
38
|
return chatContext;
|
|
35
39
|
};
|
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
declare type EmojiPickerProps = {
|
|
2
|
+
export declare type EmojiPickerProps = {
|
|
3
3
|
ButtonIconComponent?: React.ComponentType;
|
|
4
4
|
buttonClassName?: string;
|
|
5
5
|
emojiPickerContainerClassName?: string;
|
|
6
6
|
wrapperClassName?: string;
|
|
7
7
|
};
|
|
8
8
|
export declare const EmojiPicker: (props: EmojiPickerProps) => JSX.Element;
|
|
9
|
-
export {};
|
|
10
9
|
//# sourceMappingURL=EmojiPicker.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmojiPicker.d.ts","sourceRoot":"","sources":["../../../src/components/Emojis/EmojiPicker.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"EmojiPicker.d.ts","sourceRoot":"","sources":["../../../src/components/Emojis/EmojiPicker.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAcnD,oBAAY,gBAAgB,GAAG;IAC7B,mBAAmB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC1C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,6BAA6B,CAAC,EAAE,MAAM,CAAC;IACvC,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC;AAeF,eAAO,MAAM,WAAW,UAAW,gBAAgB,gBAmElD,CAAC"}
|
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
import { __assign } from "tslib";
|
|
1
|
+
import { __assign, __awaiter, __generator } from "tslib";
|
|
2
2
|
/* eslint-disable typescript-sort-keys/interface */
|
|
3
3
|
import React, { useEffect, useState } from 'react';
|
|
4
4
|
import { usePopper } from 'react-popper';
|
|
5
|
-
import data from '@emoji-mart/data';
|
|
6
5
|
import Picker from '@emoji-mart/react';
|
|
7
6
|
import { useChatContext, useMessageInputContext, useTranslationContext, } from '../../context';
|
|
8
7
|
import { EmojiIconLarge, EmojiPickerIcon } from '../MessageInput/icons';
|
|
@@ -46,7 +45,12 @@ export var EmojiPicker = function (props) {
|
|
|
46
45
|
}, [referenceElement, popperElement]);
|
|
47
46
|
return (React.createElement("div", { className: (_a = props.wrapperClassName) !== null && _a !== void 0 ? _a : wrapperClassName },
|
|
48
47
|
displayPicker && (React.createElement("div", __assign({ className: (_b = props.emojiPickerContainerClassName) !== null && _b !== void 0 ? _b : emojiPickerContainerClassName, style: styles.popper }, attributes.popper, { ref: setPopperElement }),
|
|
49
|
-
React.createElement(Picker, { data:
|
|
48
|
+
React.createElement(Picker, { data: function () { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
|
|
49
|
+
switch (_a.label) {
|
|
50
|
+
case 0: return [4 /*yield*/, import('@emoji-mart/data')];
|
|
51
|
+
case 1: return [2 /*return*/, (_a.sent()).default];
|
|
52
|
+
}
|
|
53
|
+
}); }); }, onEmojiSelect: function (e) {
|
|
50
54
|
var _a;
|
|
51
55
|
// @ts-ignore emoji-mart is missing types
|
|
52
56
|
insertText(e.native);
|
|
@@ -2,9 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var icons = require('../../icons-
|
|
5
|
+
var icons = require('../../icons-5ee8c22b.js');
|
|
6
6
|
var React = require('react');
|
|
7
|
-
var data = require('@emoji-mart/data');
|
|
8
7
|
var Picker = require('@emoji-mart/react');
|
|
9
8
|
require('react-dom');
|
|
10
9
|
require('react-fast-compare');
|
|
@@ -33,8 +32,25 @@ require('dayjs/locale/en');
|
|
|
33
32
|
|
|
34
33
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
35
34
|
|
|
35
|
+
function _interopNamespace(e) {
|
|
36
|
+
if (e && e.__esModule) return e;
|
|
37
|
+
var n = Object.create(null);
|
|
38
|
+
if (e) {
|
|
39
|
+
Object.keys(e).forEach(function (k) {
|
|
40
|
+
if (k !== 'default') {
|
|
41
|
+
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
42
|
+
Object.defineProperty(n, k, d.get ? d : {
|
|
43
|
+
enumerable: true,
|
|
44
|
+
get: function () { return e[k]; }
|
|
45
|
+
});
|
|
46
|
+
}
|
|
47
|
+
});
|
|
48
|
+
}
|
|
49
|
+
n["default"] = e;
|
|
50
|
+
return Object.freeze(n);
|
|
51
|
+
}
|
|
52
|
+
|
|
36
53
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
37
|
-
var data__default = /*#__PURE__*/_interopDefaultLegacy(data);
|
|
38
54
|
var Picker__default = /*#__PURE__*/_interopDefaultLegacy(Picker);
|
|
39
55
|
|
|
40
56
|
var classNames = {
|
|
@@ -76,7 +92,12 @@ var EmojiPicker = function (props) {
|
|
|
76
92
|
}, [referenceElement, popperElement]);
|
|
77
93
|
return (React__default["default"].createElement("div", { className: (_a = props.wrapperClassName) !== null && _a !== void 0 ? _a : wrapperClassName },
|
|
78
94
|
displayPicker && (React__default["default"].createElement("div", icons.__assign({ className: (_b = props.emojiPickerContainerClassName) !== null && _b !== void 0 ? _b : emojiPickerContainerClassName, style: styles.popper }, attributes.popper, { ref: setPopperElement }),
|
|
79
|
-
React__default["default"].createElement(Picker__default["default"], { data:
|
|
95
|
+
React__default["default"].createElement(Picker__default["default"], { data: function () { return icons.__awaiter(void 0, void 0, void 0, function () { return icons.__generator(this, function (_a) {
|
|
96
|
+
switch (_a.label) {
|
|
97
|
+
case 0: return [4 /*yield*/, Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('@emoji-mart/data')); })];
|
|
98
|
+
case 1: return [2 /*return*/, (_a.sent()).default];
|
|
99
|
+
}
|
|
100
|
+
}); }); }, onEmojiSelect: function (e) {
|
|
80
101
|
var _a;
|
|
81
102
|
// @ts-ignore emoji-mart is missing types
|
|
82
103
|
insertText(e.native);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LoadMoreButton.d.ts","sourceRoot":"","sources":["../../../src/components/LoadMore/LoadMoreButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAa,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"LoadMoreButton.d.ts","sourceRoot":"","sources":["../../../src/components/LoadMore/LoadMoreButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAa,MAAM,OAAO,CAAC;AAK5D,oBAAY,mBAAmB,GAAG;IAChC,6FAA6F;IAC7F,OAAO,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACpD,yDAAyD;IACzD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAgCF,eAAO,MAAM,cAAc,kDAzBxB,kBAAkB,mBAAmB,CAAC,gBA2BL,CAAC"}
|
|
@@ -1,13 +1,16 @@
|
|
|
1
1
|
import React, { useEffect } from 'react';
|
|
2
2
|
import { LoadingIndicator } from '../Loading';
|
|
3
3
|
import { deprecationAndReplacementWarning } from '../../utils/deprecationWarning';
|
|
4
|
+
import { useTranslationContext } from '../../context';
|
|
4
5
|
var UnMemoizedLoadMoreButton = function (_a) {
|
|
5
|
-
var
|
|
6
|
+
var children = _a.children, isLoading = _a.isLoading, onClick = _a.onClick, refreshing = _a.refreshing;
|
|
7
|
+
var t = useTranslationContext('UnMemoizedLoadMoreButton').t;
|
|
8
|
+
var childrenOrDefaultString = children !== null && children !== void 0 ? children : t('Load more');
|
|
6
9
|
var loading = typeof isLoading !== 'undefined' ? isLoading : refreshing;
|
|
7
10
|
useEffect(function () {
|
|
8
11
|
deprecationAndReplacementWarning([[{ refreshing: refreshing }, { isLoading: isLoading }]], 'LoadMoreButton');
|
|
9
12
|
}, []);
|
|
10
13
|
return (React.createElement("div", { className: 'str-chat__load-more-button' },
|
|
11
|
-
React.createElement("button", { "aria-label": 'Load More Channels', className: 'str-chat__load-more-button__button str-chat__cta-button', "data-testid": 'load-more-button', disabled: loading, onClick: onClick }, loading ? React.createElement(LoadingIndicator, null) :
|
|
14
|
+
React.createElement("button", { "aria-label": 'Load More Channels', className: 'str-chat__load-more-button__button str-chat__cta-button', "data-testid": 'load-more-button', disabled: loading, onClick: onClick }, loading ? React.createElement(LoadingIndicator, null) : childrenOrDefaultString)));
|
|
12
15
|
};
|
|
13
16
|
export var LoadMoreButton = React.memo(UnMemoizedLoadMoreButton);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useDeleteHandler.d.ts","sourceRoot":"","sources":["../../../../src/components/Message/hooks/useDeleteHandler.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAElD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAE1E,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAEtE,oBAAY,0BAA0B,CACpC,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,oBAAoB,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,CAAC,kBAAkB,CAAC,KAAK,MAAM,CAAC;IAC9E,MAAM,CAAC,EAAE,CAAC,gBAAgB,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,GAAG,OAAO,KAAK,IAAI,CAAC;CACxE,CAAC;AAEF,eAAO,MAAM,gBAAgB,iNAK1B,
|
|
1
|
+
{"version":3,"file":"useDeleteHandler.d.ts","sourceRoot":"","sources":["../../../../src/components/Message/hooks/useDeleteHandler.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAElD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAE1E,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAEtE,oBAAY,0BAA0B,CACpC,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,oBAAoB,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,CAAC,kBAAkB,CAAC,KAAK,MAAM,CAAC;IAC9E,MAAM,CAAC,EAAE,CAAC,gBAAgB,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,GAAG,OAAO,KAAK,IAAI,CAAC;CACxE,CAAC;AAEF,eAAO,MAAM,gBAAgB,iNAK1B,iBAyBF,CAAC"}
|
|
@@ -6,11 +6,11 @@ import { useTranslationContext } from '../../../context/TranslationContext';
|
|
|
6
6
|
export var useDeleteHandler = function (message, notifications) {
|
|
7
7
|
if (notifications === void 0) { notifications = {}; }
|
|
8
8
|
var getErrorNotification = notifications.getErrorNotification, notify = notifications.notify;
|
|
9
|
-
var
|
|
9
|
+
var _a = useChannelActionContext('useDeleteHandler'), deleteMessage = _a.deleteMessage, updateMessage = _a.updateMessage;
|
|
10
10
|
var client = useChatContext('useDeleteHandler').client;
|
|
11
11
|
var t = useTranslationContext('useDeleteHandler').t;
|
|
12
12
|
return function (event) { return __awaiter(void 0, void 0, void 0, function () {
|
|
13
|
-
var
|
|
13
|
+
var deletedMessage, e_1, errorMessage;
|
|
14
14
|
return __generator(this, function (_a) {
|
|
15
15
|
switch (_a.label) {
|
|
16
16
|
case 0:
|
|
@@ -21,10 +21,10 @@ export var useDeleteHandler = function (message, notifications) {
|
|
|
21
21
|
_a.label = 1;
|
|
22
22
|
case 1:
|
|
23
23
|
_a.trys.push([1, 3, , 4]);
|
|
24
|
-
return [4 /*yield*/,
|
|
24
|
+
return [4 /*yield*/, deleteMessage(message)];
|
|
25
25
|
case 2:
|
|
26
|
-
|
|
27
|
-
updateMessage(
|
|
26
|
+
deletedMessage = _a.sent();
|
|
27
|
+
updateMessage(deletedMessage);
|
|
28
28
|
return [3 /*break*/, 4];
|
|
29
29
|
case 3:
|
|
30
30
|
e_1 = _a.sent();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useCommandTrigger.d.ts","sourceRoot":"","sources":["../../../../src/components/MessageInput/hooks/useCommandTrigger.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAEvE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAOtE,eAAO,MAAM,iBAAiB,
|
|
1
|
+
{"version":3,"file":"useCommandTrigger.d.ts","sourceRoot":"","sources":["../../../../src/components/MessageInput/hooks/useCommandTrigger.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAEvE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAOtE,eAAO,MAAM,iBAAiB,mIA2E7B,CAAC"}
|
|
@@ -44,9 +44,7 @@ export var useCommandTrigger = function () {
|
|
|
44
44
|
})
|
|
45
45
|
.map(function (commandData) {
|
|
46
46
|
var translatedCommandData = {
|
|
47
|
-
name:
|
|
48
|
-
defaultValue: commandData.name,
|
|
49
|
-
}),
|
|
47
|
+
name: commandData.name,
|
|
50
48
|
};
|
|
51
49
|
if (commandData.args)
|
|
52
50
|
translatedCommandData.args = t("".concat(commandData.name, "-command-args"), {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ImageDropzone.d.ts","sourceRoot":"","sources":["../../../src/components/ReactFileUtilities/ImageDropzone.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,iBAAiB,EAAwB,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ImageDropzone.d.ts","sourceRoot":"","sources":["../../../src/components/ReactFileUtilities/ImageDropzone.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,iBAAiB,EAAwB,MAAM,OAAO,CAAC;AAIvE,oBAAY,kBAAkB,GAAG;IAC/B;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC3B,kCAAkC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,GAAG,IAAI,EAAE,KAAK,IAAI,CAAC;IACjD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gFAAgF;IAChF,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,aAAa,4FAOvB,kBAAkB,kBAAkB,CAAC,gBA8DvC,CAAC"}
|
|
@@ -2,8 +2,10 @@ import { __assign } from "tslib";
|
|
|
2
2
|
import clsx from 'clsx';
|
|
3
3
|
import React, { useCallback, useMemo } from 'react';
|
|
4
4
|
import { useDropzone } from 'react-dropzone';
|
|
5
|
+
import { useTranslationContext } from '../../context';
|
|
5
6
|
export var ImageDropzone = function (_a) {
|
|
6
7
|
var _b = _a.accept, acceptedFiles = _b === void 0 ? [] : _b, children = _a.children, disabled = _a.disabled, handleFiles = _a.handleFiles, maxNumberOfFiles = _a.maxNumberOfFiles, multiple = _a.multiple;
|
|
8
|
+
var t = useTranslationContext('ImageDropzone').t;
|
|
7
9
|
var handleDrop = useCallback(function (accepted) {
|
|
8
10
|
if (!handleFiles) {
|
|
9
11
|
return;
|
|
@@ -38,6 +40,6 @@ export var ImageDropzone = function (_a) {
|
|
|
38
40
|
React.createElement("div", { className: 'rfu-dropzone__inner' },
|
|
39
41
|
React.createElement("svg", { height: '41', viewBox: '0 0 41 41', width: '41', xmlns: 'http://www.w3.org/2000/svg' },
|
|
40
42
|
React.createElement("path", { d: 'M40.517 28.002V3.997c0-2.197-1.808-3.992-4.005-3.992H12.507a4.004 4.004 0 0 0-3.992 3.993v24.004a4.004 4.004 0 0 0 3.992 3.993h24.005c2.197 0 4.005-1.795 4.005-3.993zm-22.002-7.997l4.062 5.42 5.937-7.423 7.998 10H12.507l6.008-7.997zM.517 8.003V36c0 2.198 1.795 4.005 3.993 4.005h27.997V36H4.51V8.002H.517z', fill: '#000', fillRule: 'nonzero' })),
|
|
41
|
-
React.createElement("p", null,
|
|
43
|
+
React.createElement("p", null, t('Drag your files here to add to your post')))),
|
|
42
44
|
children));
|
|
43
45
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React, { PropsWithChildren } from 'react';
|
|
2
|
-
import type { APIErrorResponse, Attachment, ErrorFromResponse, Message, UpdatedMessage, UpdateMessageAPIResponse, UserResponse } from 'stream-chat';
|
|
2
|
+
import type { APIErrorResponse, Attachment, ErrorFromResponse, Message, MessageResponse, UpdatedMessage, UpdateMessageAPIResponse, UserResponse } from 'stream-chat';
|
|
3
3
|
import type { StreamMessage } from './ChannelStateContext';
|
|
4
4
|
import type { ChannelStateReducerAction } from '../components/Channel/channelState';
|
|
5
5
|
import type { CustomMentionHandler } from '../components/Message/hooks/useMentionsHandler';
|
|
@@ -20,6 +20,7 @@ export declare type RetrySendMessage<StreamChatGenerics extends DefaultStreamCha
|
|
|
20
20
|
export declare type ChannelActionContextValue<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
|
|
21
21
|
addNotification: (text: string, type: 'success' | 'error') => void;
|
|
22
22
|
closeThread: (event?: React.BaseSyntheticEvent) => void;
|
|
23
|
+
deleteMessage: (message: StreamMessage<StreamChatGenerics>) => Promise<MessageResponse<StreamChatGenerics>>;
|
|
23
24
|
dispatch: React.Dispatch<ChannelStateReducerAction<StreamChatGenerics>>;
|
|
24
25
|
editMessage: (message: UpdatedMessage<StreamChatGenerics>, options?: UpdateMessageOptions) => Promise<UpdateMessageAPIResponse<StreamChatGenerics> | void>;
|
|
25
26
|
jumpToLatestMessage: () => Promise<void>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChannelActionContext.d.ts","sourceRoot":"","sources":["../../src/context/ChannelActionContext.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"ChannelActionContext.d.ts","sourceRoot":"","sources":["../../src/context/ChannelActionContext.tsx"],"names":[],"mappings":"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"}
|