sceyt-chat-react-uikit 1.5.2 → 1.5.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/README.md +2 -2
- package/assets/svg/addAttachment.svg +1 -1
- package/assets/svg/addChat.svg +1 -1
- package/assets/svg/addMember.svg +1 -1
- package/assets/svg/avatar.svg +1 -1
- package/assets/svg/blockChannel.svg +1 -1
- package/assets/svg/cancel.svg +2 -2
- package/assets/svg/close.svg +2 -2
- package/assets/svg/deleteUpload.svg +2 -2
- package/assets/svg/fileIcon.svg +3 -5
- package/assets/svg/linkIcon.svg +1 -1
- package/assets/svg/markAsRead.svg +2 -2
- package/assets/svg/markAsUnread.svg +6 -0
- package/assets/svg/notifications.svg +2 -7
- package/assets/svg/unmuteNotifications.svg +4 -0
- package/components/Attachment/index.d.ts +7 -6
- package/components/Channel/index.d.ts +14 -4
- package/components/ChannelDetails/Actions/index.d.ts +2 -1
- package/components/ChannelDetails/DetailsTab/Files/index.d.ts +2 -1
- package/components/ChannelDetails/DetailsTab/Members/change-member-role/index.d.ts +2 -1
- package/components/ChannelDetails/DetailsTab/Members/index.d.ts +3 -2
- package/components/ChannelDetails/DetailsTab/index.d.ts +2 -1
- package/components/ChannelDetails/EditChannel/index.d.ts +2 -1
- package/components/ChannelDetails/index.d.ts +1 -1
- package/components/ChannelDetailsContainer/index.d.ts +4 -1
- package/components/ChannelList/ChannelSearch/index.d.ts +3 -0
- package/components/ChannelList/ContactItem/index.d.ts +29 -0
- package/components/ChannelList/CreateChannelButton/index.d.ts +1 -0
- package/components/ChannelList/index.d.ts +28 -16
- package/components/ChatContainer/index.d.ts +12 -3
- package/components/Message/MessageActions/index.d.ts +1 -1
- package/components/Message/index.d.ts +21 -4
- package/components/MessageDivider/index.d.ts +3 -2
- package/components/Messages/MessageList/index.d.ts +144 -0
- package/components/Messages/index.d.ts +19 -20
- package/components/MessagesScrollToBottomButton/index.d.ts +2 -0
- package/components/Profile/EditProfile/index.d.ts +2 -0
- package/components/Profile/index.d.ts +3 -0
- package/components/SceytChat/index.d.ts +2 -1
- package/components/SceytChat/styled.d.ts +1 -1
- package/components/SendMessageInput/index.d.ts +4 -1
- package/components/VideoPreview/index.d.ts +4 -2
- package/components/index.d.ts +3 -3
- package/index.js +11014 -7482
- package/package.json +3 -2
- package/types/attachment/index.d.ts +1 -1
- package/types/index.d.ts +34 -27
- package/assets/svg/markAsUnRead.svg +0 -4
package/README.md
CHANGED
|
@@ -5,11 +5,11 @@
|
|
|
5
5
|
```bash
|
|
6
6
|
# If you use npm:
|
|
7
7
|
npm install sceyt-chat
|
|
8
|
-
npm install sceyt-
|
|
8
|
+
npm install sceyt-chat-react-uikit
|
|
9
9
|
|
|
10
10
|
# Or if you use Yarn:
|
|
11
11
|
yarn add sceyt-chat
|
|
12
|
-
yarn add sceyt-
|
|
12
|
+
yarn add sceyt-chat-react-uikit
|
|
13
13
|
```
|
|
14
14
|
|
|
15
15
|
## Initialization
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24.01 24.01" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
2
|
<path d="M12.0001 1.71436C17.6807 1.71436 22.2858 6.31943 22.2858 12.0001C22.2858 17.6807 17.6807 22.2858 12.0001 22.2858C6.31943 22.2858 1.71436 17.6807 1.71436 12.0001C1.71436 6.31943 6.31943 1.71436 12.0001 1.71436ZM12.0001 3.42864C7.2662 3.42864 3.42864 7.2662 3.42864 12.0001C3.42864 16.7339 7.2662 20.5715 12.0001 20.5715C16.7339 20.5715 20.5715 16.7339 20.5715 12.0001C20.5715 7.2662 16.7339 3.42864 12.0001 3.42864ZM12.0001 6.85721C12.4735 6.85721 12.8572 7.24097 12.8572 7.71436V11.1429H16.2858C16.7592 11.1429 17.1429 11.5267 17.1429 12.0001C17.1429 12.4735 16.7592 12.8572 16.2858 12.8572H12.8572V16.2858C12.8572 16.7592 12.4735 17.1429 12.0001 17.1429C11.5267 17.1429 11.1429 16.7592 11.1429 16.2858V12.8572H7.71436C7.24097 12.8572 6.85721 12.4735 6.85721 12.0001C6.85721 11.5267 7.24097 11.1429 7.71436 11.1429H11.1429V7.71436C11.1429 7.24097 11.5267 6.85721 12.0001 6.85721Z" fill="CurrentColor"/>
|
|
3
3
|
</svg>
|
package/assets/svg/addChat.svg
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24.01 24.01" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
2
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.12831 2.17883C5.11674 1.65021 6.0899 1.46647 8.23693 1.46647H15.8962C16.4485 1.46647 16.8962 1.91419 16.8962 2.46647C16.8962 3.01876 16.4485 3.46647 15.8962 3.46647H8.23693C6.19559 3.46647 5.62183 3.64814 5.07151 3.94245C4.55349 4.21949 4.15292 4.62006 3.87588 5.13808C3.58157 5.6884 3.3999 6.26216 3.3999 8.3035V15.9628C3.3999 18.0041 3.58157 18.5779 3.87588 19.1282C4.15292 19.6462 4.55349 20.0468 5.07151 20.3238C5.62183 20.6181 6.19559 20.7998 8.23693 20.7998H15.8962C17.9375 20.7998 18.5113 20.6181 19.0616 20.3238C19.5796 20.0468 19.9802 19.6462 20.2573 19.1282C20.5516 18.5779 20.7332 18.0041 20.7332 15.9628V8.3035C20.7332 7.75121 21.181 7.3035 21.7332 7.3035C22.2855 7.3035 22.7332 7.75121 22.7332 8.3035V15.9628C22.7332 18.1098 22.5495 19.083 22.0209 20.0714C21.5574 20.938 20.8714 21.624 20.0048 22.0875C19.0164 22.6161 18.0432 22.7998 15.8962 22.7998H8.23693C6.0899 22.7998 5.11674 22.6161 4.12831 22.0875C3.26176 21.624 2.5757 20.938 2.11226 20.0714C1.58364 19.083 1.3999 18.1098 1.3999 15.9628V8.3035C1.3999 6.15646 1.58364 5.18331 2.11226 4.19488C2.5757 3.32832 3.26176 2.64227 4.12831 2.17883Z" fill="CurrentColor"/>
|
|
3
3
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M20.7688 3.43094C21.1658 3.82801 21.1658 4.47178 20.7688 4.86885L12.2937 13.344C11.9176 13.7201 10.8015 14.3253 9.96114 14.7529C9.62159 14.9257 9.27399 14.5781 9.44678 14.2386C9.87441 13.3982 10.4797 12.2822 10.8558 11.906L19.3309 3.43094C19.7279 3.03387 20.3717 3.03387 20.7688 3.43094Z" fill="CurrentColor"/>
|
|
4
4
|
<path d="M23.3999 1.7998C23.3999 2.35209 22.9522 2.7998 22.3999 2.7998C21.8476 2.7998 21.3999 2.35209 21.3999 1.7998C21.3999 1.24752 21.8476 0.799805 22.3999 0.799805C22.9522 0.799805 23.3999 1.24752 23.3999 1.7998Z" fill="CurrentColor"/>
|
package/assets/svg/addMember.svg
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
1
|
+
<svg width="40" height="40" viewBox="0 0 40.01 40.01" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
2
|
<rect width="40" height="40" rx="20" fill="#F3F5F7"/>
|
|
3
3
|
<rect x="0.25" y="0.25" width="39.5" height="39.5" rx="19.75" stroke="black" stroke-opacity="0.08" stroke-width="0.5"/>
|
|
4
4
|
<path d="M20 12C20.5523 12 21 12.4477 21 13V19L27 19C27.5523 19 28 19.4477 28 20C28 20.5523 27.5523 21 27 21L21 21L21 27C21 27.5523 20.5523 28 20 28C19.4477 28 19 27.5523 19 27L18.999 21L13 21C12.4477 21 12 20.5523 12 20C12 19.4477 12.4477 19 13 19L18.999 19L19 13C19 12.4477 19.4477 12 20 12Z" fill="CurrentColor"/>
|
package/assets/svg/avatar.svg
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
1
|
+
<svg width="72" height="72" viewBox="0 0 72.01 72.01" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
2
|
<g clip-path="url(#clip0_874_7409)">
|
|
3
3
|
<mask id="mask0_874_7409" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="72" height="72">
|
|
4
4
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M56.128 65.8519C50.3824 69.7334 43.456 72 36 72C27.8956 72 20.4168 69.322 14.4 64.8025C5.65596 58.2347 0 47.7778 0 36C0 16.1177 16.1177 0 36 0C55.8821 0 72 16.1177 72 36C72 48.4265 65.704 59.3824 56.128 65.8519ZM36 37.8C41.9648 37.8 46.8 32.5616 46.8 26.1C46.8 19.6383 41.9648 14.4 36 14.4C30.0352 14.4 25.2 19.6383 25.2 26.1C25.2 32.5616 30.0352 37.8 36 37.8ZM36 64.8C43.7832 64.8 50.845 61.7126 56.0282 56.6957C52.8228 48.7822 45.0634 43.2 36 43.2C26.9367 43.2 19.1772 48.7822 15.9718 56.6957C21.1549 61.7126 28.2169 64.8 36 64.8Z" fill="white"/>
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
1
|
+
<svg width="20" height="21" viewBox="0 0 20.01 21.01" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
2
|
<path d="M9.99996 2.16699C5.39996 2.16699 1.66663 5.90033 1.66663 10.5003C1.66663 15.1003 5.39996 18.8337 9.99996 18.8337C14.6 18.8337 18.3333 15.1003 18.3333 10.5003C18.3333 5.90033 14.6 2.16699 9.99996 2.16699ZM9.99996 17.167C6.31663 17.167 3.33329 14.1837 3.33329 10.5003C3.33329 8.95866 3.85829 7.54199 4.74163 6.41699L14.0833 15.7587C12.9583 16.642 11.5416 17.167 9.99996 17.167ZM15.2583 14.5837L5.91663 5.24199C7.04163 4.35866 8.45829 3.83366 9.99996 3.83366C13.6833 3.83366 16.6666 6.81699 16.6666 10.5003C16.6666 12.042 16.1416 13.4587 15.2583 14.5837Z" fill="CurrentColor"/>
|
|
3
3
|
</svg>
|
package/assets/svg/cancel.svg
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
<svg width="
|
|
2
|
-
<path d="
|
|
1
|
+
<svg width="20" height="20" viewBox="0 0 20.01 20.01" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M6.28033 5.21967C5.98744 4.92678 5.51256 4.92678 5.21967 5.21967C4.92678 5.51256 4.92678 5.98744 5.21967 6.28033L8.93934 10L5.21967 13.7197C4.92678 14.0126 4.92678 14.4874 5.21967 14.7803C5.51256 15.0732 5.98744 15.0732 6.28033 14.7803L10 11.0607L13.7197 14.7803C14.0126 15.0732 14.4874 15.0732 14.7803 14.7803C15.0732 14.4874 15.0732 14.0126 14.7803 13.7197L11.0607 10L14.7803 6.28033C15.0732 5.98744 15.0732 5.51256 14.7803 5.21967C14.4874 4.92678 14.0126 4.92678 13.7197 5.21967L10 8.93934L6.28033 5.21967Z" fill="white"/>
|
|
3
3
|
</svg>
|
package/assets/svg/close.svg
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
<svg width="12" height="12" viewBox="0 0 12.01 12.01" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<path d="M11 1L1 11" stroke="
|
|
3
|
-
<path d="M1 1L11 11" stroke="
|
|
2
|
+
<path d="M11 1L1 11" stroke="#707388" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
|
|
3
|
+
<path d="M1 1L11 11" stroke="#707388" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
|
|
4
4
|
</svg>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<circle cx="10" cy="10" r="9.3" fill="
|
|
1
|
+
<svg width="20" height="20" viewBox="0 0 20.01 20.01" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<circle cx="10" cy="10" r="9.3" fill="CurrentColor" stroke="white" stroke-width="1.4"/>
|
|
3
3
|
<path d="M13.5 6.5L6.5 13.5" stroke="white" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/>
|
|
4
4
|
<path d="M6.5 6.5L13.5 13.5" stroke="white" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/>
|
|
5
5
|
</svg>
|
package/assets/svg/fileIcon.svg
CHANGED
|
@@ -1,6 +1,4 @@
|
|
|
1
|
-
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<
|
|
3
|
-
<path d="
|
|
4
|
-
<path d="M12 19H24" stroke="#2F81FF" stroke-width="1.4" stroke-linecap="round"/>
|
|
5
|
-
<path d="M12 23H20" stroke="#2F81FF" stroke-width="1.4" stroke-linecap="round"/>
|
|
1
|
+
<svg width="40" height="40" viewBox="0 0 40.01 40.01" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<rect width="40" height="40" rx="20" fill="Transparent"/>
|
|
3
|
+
<path d="M22.4808 10.0965C22.7777 10.1649 23.0405 10.2738 23.2989 10.4354C23.5573 10.597 23.7666 10.7666 24.3144 11.3144L27.6856 14.6856C28.2334 15.2334 28.403 15.4427 28.5646 15.7011C28.7262 15.9595 28.8351 16.2223 28.9035 16.5192C28.972 16.8162 29 17.0842 29 17.8588V25.1542C29 26.4915 28.8608 26.9764 28.5993 27.4653C28.3378 27.9542 27.9542 28.3378 27.4653 28.5993C26.9764 28.8608 26.4915 29 25.1542 29H15.8458C14.5085 29 14.0236 28.8608 13.5347 28.5993C13.0458 28.3378 12.6622 27.9542 12.4007 27.4653C12.1392 26.9764 12 26.4915 12 25.1542V13.8458C12 12.5085 12.1392 12.0236 12.4007 11.5347C12.6622 11.0458 13.0458 10.6622 13.5347 10.4007C14.0236 10.1392 14.5085 10 15.8458 10H21.1412C21.9158 10 22.1838 10.028 22.4808 10.0965ZM21.8 11.9243C21.6343 11.9243 21.5 12.0586 21.5 12.2243V16C21.5 16.2762 21.7239 16.5 22 16.5H25.7757C25.8553 16.5 25.9316 16.4684 25.9879 16.4122C26.105 16.295 26.105 16.105 25.9879 15.9879L22.0121 12.0121C21.9559 11.9559 21.8796 11.9243 21.8 11.9243Z" fill="white"/>
|
|
6
4
|
</svg>
|
package/assets/svg/linkIcon.svg
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<svg width="42" height="42" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<rect width="42" height="42" rx="6" fill="
|
|
2
|
+
<rect width="42" height="42" rx="6" fill="CurrentColor"/>
|
|
3
3
|
<rect x="0.25" y="0.25" width="41.5" height="41.5" rx="5.75" stroke="black" stroke-opacity="0.1" stroke-width="0.5"/>
|
|
4
4
|
<g clip-path="url(#clip0)">
|
|
5
5
|
<path d="M20.3136 20.973C20.5607 21.4573 20.3684 22.0501 19.8842 22.2972C19.3999 22.5443 18.807 22.352 18.5599 21.8678C17.7905 20.3598 18.0684 18.5098 19.284 17.2942L21.3722 15.206C22.9099 13.6683 25.403 13.6683 26.9407 15.206C28.4784 16.7437 28.4784 19.2368 26.9407 20.7745C26.5562 21.1589 25.933 21.1589 25.5486 20.7745C25.1641 20.39 25.1641 19.7668 25.5486 19.3824C26.3174 18.6135 26.3174 17.367 25.5486 16.5981C24.7797 15.8293 23.5332 15.8293 22.7643 16.5981L20.6761 18.6863C20.0683 19.2942 19.9292 20.2197 20.3136 20.973ZM21.836 21.1707C21.5889 20.6865 21.7812 20.0936 22.2654 19.8465C22.7497 19.5994 23.3426 19.7917 23.5897 20.276C24.3591 21.784 24.0812 23.6339 22.8656 24.8496L20.7774 26.9377C19.2397 28.4754 16.7466 28.4754 15.2089 26.9377C13.6712 25.4001 13.6712 22.907 15.2089 21.3693C15.5934 20.9849 16.2166 20.9849 16.601 21.3693C16.9855 21.7537 16.9855 22.377 16.601 22.7614C15.8322 23.5302 15.8322 24.7768 16.601 25.5456C17.3699 26.3145 18.6164 26.3145 19.3853 25.5456L21.4735 23.4574C22.0813 22.8496 22.2204 21.924 21.836 21.1707Z" fill="#95A6FF"/>
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<path fill-rule="evenodd" clip-rule="evenodd" d="
|
|
1
|
+
<svg width="20" height="20" viewBox="0 0 20.01 20.01" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.46865 1.75H13.5315C14.2049 1.74999 14.7556 1.74998 15.2031 1.78655C15.6664 1.8244 16.0848 1.90514 16.4755 2.10423C17.0871 2.41582 17.5842 2.913 17.8958 3.52453C18.0949 3.91527 18.1757 4.33367 18.2135 4.79693C18.2501 5.2445 18.2501 5.7952 18.2501 6.46858V11.0314C18.2501 11.7048 18.2501 12.2555 18.2135 12.7031C18.1757 13.1663 18.0949 13.5847 17.8958 13.9755C17.5842 14.587 17.0871 15.0842 16.4755 15.3958C16.0848 15.5949 15.6664 15.6756 15.2031 15.7134C14.7556 15.75 14.2049 15.75 13.5315 15.75H11.4032C10.8531 15.75 10.6821 15.7535 10.5252 15.7857C10.3707 15.8174 10.2213 15.8699 10.0808 15.9416C9.93825 16.0145 9.80248 16.1185 9.37293 16.4622L7.36338 18.0698C7.20898 18.1934 7.05572 18.316 6.92183 18.4045C6.79327 18.4895 6.55636 18.6327 6.25132 18.6331C5.89602 18.6335 5.55992 18.4719 5.33826 18.1942C5.14797 17.9558 5.11179 17.6814 5.09785 17.5279C5.08333 17.368 5.08336 17.1718 5.08339 16.974L5.0834 15.7455C4.72523 15.7367 4.4282 15.7114 4.1589 15.6393C3.03735 15.3387 2.16132 14.4627 1.8608 13.3412C1.74951 12.9258 1.74973 12.4445 1.75003 11.7746C1.75005 11.7392 1.75006 11.7032 1.75006 11.6667L1.75006 6.46858C1.75005 5.7952 1.75005 5.2445 1.78661 4.79693C1.82446 4.33367 1.9052 3.91527 2.10429 3.52453C2.41588 2.913 2.91307 2.41582 3.52459 2.10423C3.91533 1.90514 4.33373 1.8244 4.79699 1.78655C5.24456 1.74998 5.79527 1.74999 6.46865 1.75ZM4.91914 3.28157C4.54864 3.31184 4.34962 3.36735 4.20558 3.44074C3.8763 3.60852 3.60858 3.87623 3.4408 4.20552C3.36741 4.34956 3.3119 4.54858 3.28163 4.91908C3.25065 5.29833 3.25006 5.78756 3.25006 6.5V11.6667C3.25006 12.4899 3.25651 12.7544 3.30969 12.9529C3.47151 13.5568 3.94322 14.0286 4.54713 14.1904C4.74563 14.2436 5.01013 14.25 5.8334 14.25C6.24761 14.25 6.5834 14.5858 6.5834 15V16.7729L8.43589 15.2909C8.4537 15.2766 8.47127 15.2626 8.48862 15.2487C8.84377 14.9644 9.10324 14.7566 9.39842 14.6058C9.65919 14.4726 9.93677 14.3752 10.2236 14.3164C10.5483 14.2497 10.8807 14.2498 11.3356 14.25C11.3579 14.25 11.3804 14.25 11.4032 14.25H13.5001C14.2125 14.25 14.7017 14.2494 15.081 14.2184C15.4515 14.1882 15.6505 14.1327 15.7945 14.0593C16.1238 13.8915 16.3915 13.6238 16.5593 13.2945C16.6327 13.1504 16.6882 12.9514 16.7185 12.5809C16.7495 12.2017 16.7501 11.7124 16.7501 11V6.5C16.7501 5.78756 16.7495 5.29833 16.7185 4.91908C16.6882 4.54858 16.6327 4.34956 16.5593 4.20552C16.3915 3.87623 16.1238 3.60852 15.7945 3.44074C15.6505 3.36735 15.4515 3.31184 15.081 3.28157C14.7017 3.25058 14.2125 3.25 13.5001 3.25H6.50006C5.78762 3.25 5.2984 3.25058 4.91914 3.28157ZM5.0834 7.08333C5.0834 6.66912 5.41918 6.33333 5.8334 6.33333H10.0001C10.4143 6.33333 10.7501 6.66912 10.7501 7.08333C10.7501 7.49755 10.4143 7.83333 10.0001 7.83333H5.8334C5.41918 7.83333 5.0834 7.49755 5.0834 7.08333ZM5.0834 10C5.0834 9.58579 5.41918 9.25 5.8334 9.25H12.5001C12.9143 9.25 13.2501 9.58579 13.2501 10C13.2501 10.4142 12.9143 10.75 12.5001 10.75H5.8334C5.41918 10.75 5.0834 10.4142 5.0834 10Z" fill="currentColor"/>
|
|
3
3
|
</svg>
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
<svg width="20" height="20" viewBox="0 0 20.01 20.01" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M18.2501 7.18879V11.0317C18.2501 11.705 18.2501 12.2557 18.2135 12.7033C18.1757 13.1666 18.0949 13.585 17.8958 13.9757C17.5842 14.5872 17.0871 15.0844 16.4755 15.396C16.0848 15.5951 15.6664 15.6758 15.2031 15.7137C14.7556 15.7503 14.2049 15.7503 13.5316 15.7502H11.4032C10.8531 15.7502 10.6821 15.7538 10.5252 15.786C10.3707 15.8177 10.2213 15.8701 10.0808 15.9418C9.93825 16.0147 9.80248 16.1188 9.37293 16.4624L7.36338 18.0701C7.20898 18.1936 7.05572 18.3163 6.92183 18.4048C6.79327 18.4898 6.55636 18.633 6.25132 18.6333C5.89602 18.6337 5.55992 18.4722 5.33826 18.1945C5.14797 17.9561 5.11179 17.6816 5.09785 17.5281C5.08333 17.3683 5.08336 17.172 5.08339 16.9742L5.0834 15.7457C4.72523 15.7369 4.4282 15.7117 4.1589 15.6395C3.03735 15.339 2.16132 14.463 1.8608 13.3414C1.74951 12.9261 1.74973 12.4447 1.75003 11.7748L1.75006 6.46883C1.75005 5.79545 1.75005 5.24474 1.78661 4.79718C1.82446 4.33391 1.9052 3.91552 2.10429 3.52478C2.41588 2.91325 2.91307 2.41606 3.52459 2.10447C3.91533 1.90538 4.33373 1.82465 4.79699 1.7868C5.24455 1.75023 5.79526 1.75024 6.46863 1.75024H12.8114C12.6207 2.21415 12.5113 2.72006 12.5009 3.25025H6.50006C5.78762 3.25025 5.2984 3.25083 4.91914 3.28181C4.54864 3.31209 4.34962 3.36759 4.20558 3.44098C3.8763 3.60876 3.60858 3.87648 3.4408 4.20576C3.36741 4.3498 3.3119 4.54882 3.28163 4.91932C3.25065 5.29858 3.25006 5.7878 3.25006 6.50024V11.6669C3.25006 12.4902 3.25651 12.7547 3.30969 12.9532C3.47151 13.5571 3.94322 14.0288 4.54713 14.1906C4.74563 14.2438 5.01013 14.2502 5.8334 14.2502C6.24761 14.2502 6.5834 14.586 6.5834 15.0002V16.7731L8.48862 15.2489C8.84376 14.9646 9.10325 14.7569 9.39842 14.6061C9.65919 14.4728 9.93677 14.3755 10.2236 14.3166C10.5483 14.25 10.8807 14.2501 11.3356 14.2502L13.5001 14.2502C14.2125 14.2502 14.7017 14.2497 15.081 14.2187C15.4515 14.1884 15.6505 14.1329 15.7945 14.0595C16.1238 13.8917 16.3915 13.624 16.5593 13.2947C16.6327 13.1507 16.6882 12.9517 16.7185 12.5812C16.7495 12.2019 16.7501 11.7127 16.7501 11.0002V7.49935C17.2802 7.48894 17.7862 7.37951 18.2501 7.18879Z" fill="currentColor"/>
|
|
3
|
+
<path d="M5.8334 6.33358C5.41918 6.33358 5.0834 6.66936 5.0834 7.08358C5.0834 7.49779 5.41918 7.83358 5.8334 7.83358H10.0001C10.4143 7.83358 10.7501 7.49779 10.7501 7.08358C10.7501 6.66936 10.4143 6.33358 10.0001 6.33358H5.8334Z" fill="currentColor"/>
|
|
4
|
+
<path d="M5.8334 9.25025C5.41918 9.25025 5.0834 9.58603 5.0834 10.0002C5.0834 10.4145 5.41918 10.7502 5.8334 10.7502H12.5001C12.9143 10.7502 13.2501 10.4145 13.2501 10.0002C13.2501 9.58603 12.9143 9.25025 12.5001 9.25025H5.8334Z" fill="currentColor"/>
|
|
5
|
+
<path d="M19.1667 3.3335C19.1667 4.71421 18.0474 5.8335 16.6667 5.8335C15.286 5.8335 14.1667 4.71421 14.1667 3.3335C14.1667 1.95278 15.286 0.833496 16.6667 0.833496C18.0474 0.833496 19.1667 1.95278 19.1667 3.3335Z" fill="currentColor"/>
|
|
6
|
+
</svg>
|
|
@@ -1,8 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
<
|
|
3
|
-
<g id="surface1">
|
|
4
|
-
<path fill="CurrentColor" style=" stroke:none;fill-rule:evenodd;fill-opacity:1;" d="M 8.53125 15.953125 C 8.46875 16.109375 8.4375 16.269531 8.4375 16.449219 C 8.4375 17.273438 9.136719 17.9375 10 17.9375 C 10.863281 17.9375 11.5625 17.273438 11.5625 16.449219 C 11.5625 16.269531 11.519531 16.109375 11.46875 15.953125 Z M 8.53125 15.953125 "/>
|
|
5
|
-
<path fill="CurrentColor" style=" stroke:none;fill-rule:evenodd;fill-opacity:1;" d="M 16.34375 13.222656 C 15.71875 12.875 15.207031 12.292969 15.207031 11.386719 L 15.207031 8.015625 C 15.207031 5.277344 12.75 3.054688 10 3.054688 C 7.25 3.054688 4.792969 5.277344 4.792969 8.015625 L 4.792969 11.386719 C 4.792969 12.28125 4.269531 12.875 3.65625 13.222656 C 3.238281 13.460938 2.707031 13.789062 2.707031 14.1875 C 2.707031 14.640625 3.011719 14.949219 3.636719 14.949219 L 16.363281 14.949219 C 16.988281 14.949219 17.292969 14.632812 17.292969 14.1875 C 17.292969 13.789062 16.769531 13.460938 16.34375 13.222656 Z M 16.34375 13.222656 "/>
|
|
6
|
-
<path fill="CurrentColor" style=" stroke:none;fill-rule:nonzero;fill-opacity:1;" d="M 10 4.046875 C 10.574219 4.046875 11.042969 3.605469 11.042969 3.054688 C 11.042969 2.507812 10.574219 2.0625 10 2.0625 C 9.425781 2.0625 8.957031 2.507812 8.957031 3.054688 C 8.957031 3.605469 9.425781 4.046875 10 4.046875 Z M 10 4.046875 "/>
|
|
7
|
-
</g>
|
|
1
|
+
<svg width="20" height="20" viewBox="0 0 20.01 20.01" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M10.2456 1.75C13.695 1.75 16.1698 4.56639 16.1698 8.22036V9.59461C16.1698 9.79109 16.3358 10.0515 16.7888 10.5188C16.8469 10.5788 16.9016 10.6344 17.021 10.7553C17.9499 11.6975 18.3175 12.2402 18.3175 13.1135C18.3175 13.4953 18.273 13.793 18.0875 14.1497C17.6956 14.9036 16.8648 15.3237 15.6227 15.3237L13.9803 15.3246C13.4397 17.3285 12.15 18.4167 10.242 18.4167C8.31368 18.4167 7.01689 17.3051 6.48673 15.2602L6.50322 15.3237H4.86136C3.58305 15.3237 2.74326 14.8922 2.3681 14.1119C2.20405 13.7706 2.1665 13.4937 2.1665 13.1135C2.1665 12.2402 2.53409 11.6975 3.46298 10.7553C3.58246 10.6344 3.63716 10.5788 3.69525 10.5188C4.14823 10.0515 4.31425 9.79109 4.31425 9.59461V8.22036C4.31425 4.56781 6.79507 1.75 10.2456 1.75ZM12.3605 15.3253H8.12351C8.51521 16.3963 9.19029 16.8703 10.242 16.8703C11.2937 16.8703 11.9688 16.3963 12.3605 15.3253ZM10.2456 3.29637C7.69605 3.29637 5.86062 5.38112 5.86062 8.22036V9.59461C5.86062 10.327 5.52605 10.8518 4.80566 11.5951C4.74271 11.66 4.6833 11.7204 4.56414 11.841C3.9225 12.4918 3.71288 12.8013 3.71288 13.1135C3.71288 13.2785 3.72452 13.3643 3.76178 13.4418C3.85396 13.6336 4.13375 13.7774 4.86136 13.7774H15.6227C16.3272 13.7774 16.6135 13.6326 16.7155 13.4365C16.758 13.3547 16.7711 13.2666 16.7711 13.1135C16.7711 12.8013 16.5615 12.4918 15.9199 11.841C15.8007 11.7204 15.7413 11.66 15.6784 11.5951C14.958 10.8518 14.6234 10.327 14.6234 9.59461V8.22036C14.6234 5.37913 12.7933 3.29637 10.2456 3.29637Z" fill="currentColor"/>
|
|
8
3
|
</svg>
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
<svg width="20" height="20" viewBox="0 0 20.01 20.01" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.2456 1.75C13.8215 1.75 16.1698 4.71035 16.1698 8.22036V9.59461C16.1698 9.80912 16.2953 10.0569 16.6667 10.4465C17.0734 10.8732 17.5395 11.2494 17.8705 11.7429C18.1434 12.15 18.3282 12.6389 18.3168 13.1939C18.308 13.6209 17.9548 13.9599 17.5278 13.9511C17.1009 13.9423 16.7619 13.5891 16.7707 13.1622C16.7851 12.462 15.9713 11.9582 15.5474 11.5135C15.1399 11.0859 14.6234 10.4526 14.6234 9.59461V8.22036C14.6234 5.37512 12.7898 3.29637 10.2456 3.29637C9.37964 3.29637 8.62675 3.5271 7.99203 3.9281C7.63101 4.15617 7.15347 4.0484 6.9254 3.68739C6.69733 3.32638 6.8051 2.84883 7.16611 2.62076C8.04697 2.06427 9.09863 1.75 10.2456 1.75Z" fill="currentColor"/>
|
|
3
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M13.9803 15.3246C13.4397 17.3285 12.15 18.4167 10.242 18.4167C8.33374 18.4167 7.04394 17.3281 6.50352 15.3237H4.86136C3.58305 15.3237 2.74326 14.8922 2.3681 14.1119C2.20405 13.7706 2.1665 13.4937 2.1665 13.1135C2.1665 12.0029 2.97571 11.2612 3.69525 10.5188C4.14823 10.0515 4.31425 9.79109 4.31425 9.59461C4.31425 8.31189 4.28183 7.04414 4.70493 5.81143L2.7366 3.8431C2.43465 3.54115 2.43465 3.0516 2.7366 2.74965C3.03855 2.4477 3.5281 2.4477 3.83005 2.74965L17.7474 16.667C18.0494 16.969 18.0494 17.4585 17.7474 17.7605C17.4455 18.0624 16.9559 18.0624 16.654 17.7605L14.218 15.3245L13.9803 15.3246ZM8.12351 15.3253H12.3605C11.9688 16.3963 11.2937 16.8703 10.242 16.8703C9.19029 16.8703 8.51521 16.3963 8.12351 15.3253ZM5.86062 9.59461C5.86062 8.75585 5.80895 7.90108 5.96609 7.07259L12.6709 13.7774H4.86136C4.13375 13.7774 3.85396 13.6336 3.76178 13.4418C3.47392 12.8431 4.2093 12.2009 4.56414 11.841C5.18447 11.213 5.86062 10.5373 5.86062 9.59461Z" fill="currentColor"/>
|
|
4
|
+
</svg>
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { IAttachment } from '../../types';
|
|
3
3
|
interface AttachmentPops {
|
|
4
4
|
attachment: IAttachment;
|
|
5
|
-
|
|
5
|
+
isPreview?: boolean;
|
|
6
6
|
isRepliedMessage?: boolean;
|
|
7
7
|
isDetailsView?: boolean;
|
|
8
8
|
removeSelected?: (attachmentUrl: string) => void;
|
|
@@ -23,10 +23,11 @@ interface AttachmentPops {
|
|
|
23
23
|
videoAttachmentMaxWidth?: number;
|
|
24
24
|
videoAttachmentMaxHeight?: number;
|
|
25
25
|
}
|
|
26
|
-
declare const
|
|
27
|
-
export default
|
|
26
|
+
declare const _default: React.MemoExoticComponent<({ attachment, isPreview, removeSelected, isRepliedMessage, borderRadius, handleMediaItemClick, setVideoIsReadyToSend, selectedFileAttachmentsIcon, backgroundColor, selectedFileAttachmentsBoxBorder, selectedFileAttachmentsTitleColor, selectedFileAttachmentsSizeColor, isDetailsView, imageMinWidth, closeMessageActions, fileAttachmentWidth, imageAttachmentMaxWidth, imageAttachmentMaxHeight, videoAttachmentMaxWidth, videoAttachmentMaxHeight }: AttachmentPops) => JSX.Element>;
|
|
27
|
+
export default _default;
|
|
28
|
+
export declare const SizeProgress: import("styled-components").StyledComponent<"span", any, {}, never>;
|
|
28
29
|
export declare const AttachmentFile: import("styled-components").StyledComponent<"div", any, {
|
|
29
|
-
|
|
30
|
+
isPreview?: boolean | undefined;
|
|
30
31
|
isRepliedMessage?: boolean | undefined;
|
|
31
32
|
isUploading?: boolean | undefined;
|
|
32
33
|
borderRadius?: string | undefined;
|
|
@@ -39,7 +40,7 @@ export declare const AttachmentImg: import("styled-components").StyledComponent<
|
|
|
39
40
|
borderRadius?: string | undefined;
|
|
40
41
|
ref?: any;
|
|
41
42
|
withBorder?: boolean | undefined;
|
|
42
|
-
|
|
43
|
+
isPreview?: boolean | undefined;
|
|
43
44
|
hidden?: boolean | undefined;
|
|
44
45
|
isRepliedMessage?: boolean | undefined;
|
|
45
46
|
fitTheContainer?: boolean | undefined;
|
|
@@ -2,7 +2,8 @@ import React from 'react';
|
|
|
2
2
|
import { IChannel, IContact } from '../../types';
|
|
3
3
|
interface IChannelProps {
|
|
4
4
|
channel: IChannel;
|
|
5
|
-
|
|
5
|
+
showAvatar?: boolean;
|
|
6
|
+
theme?: string;
|
|
6
7
|
notificationsIsMutedIcon?: JSX.Element;
|
|
7
8
|
notificationsIsMutedIconColor?: string;
|
|
8
9
|
selectedChannelLeftBorder?: string;
|
|
@@ -26,9 +27,11 @@ export interface UnreadCountProps {
|
|
|
26
27
|
fontSize?: string;
|
|
27
28
|
}
|
|
28
29
|
export declare const ChannelInfo: import("styled-components").StyledComponent<"div", any, {
|
|
30
|
+
statusWidth: number;
|
|
29
31
|
avatar?: boolean | undefined;
|
|
30
32
|
isMuted?: boolean | undefined;
|
|
31
|
-
|
|
33
|
+
theme?: string | undefined;
|
|
34
|
+
uppercase?: boolean | undefined;
|
|
32
35
|
}, never>;
|
|
33
36
|
export declare const MutedIcon: import("styled-components").StyledComponent<"span", any, {}, never>;
|
|
34
37
|
export declare const LastMessage: import("styled-components").StyledComponent<"div", any, {
|
|
@@ -39,8 +42,15 @@ export declare const AvatarWrapper: import("styled-components").StyledComponent<
|
|
|
39
42
|
export declare const UserStatus: import("styled-components").StyledComponent<"span", any, {
|
|
40
43
|
backgroundColor?: string | undefined;
|
|
41
44
|
}, never>;
|
|
42
|
-
export declare const
|
|
43
|
-
export declare const
|
|
45
|
+
export declare const DraftMessageTitle: import("styled-components").StyledComponent<"span", any, any, never>;
|
|
46
|
+
export declare const DraftMessageText: import("styled-components").StyledComponent<"span", any, any, never>;
|
|
47
|
+
export declare const LastMessageAuthor: import("styled-components").StyledComponent<"div", any, {
|
|
48
|
+
theme?: string | undefined;
|
|
49
|
+
typing?: boolean | undefined;
|
|
50
|
+
}, never>;
|
|
51
|
+
export declare const Points: import("styled-components").StyledComponent<"span", any, {
|
|
52
|
+
color?: string | undefined;
|
|
53
|
+
}, never>;
|
|
44
54
|
export declare const LastMessageText: import("styled-components").StyledComponent<"span", any, {
|
|
45
55
|
withAttachments?: boolean | undefined;
|
|
46
56
|
noBody?: boolean | undefined;
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
import { IChannel, MuteTime } from '../../../types';
|
|
3
3
|
interface IProps {
|
|
4
4
|
channel: IChannel;
|
|
5
|
+
theme?: string;
|
|
5
6
|
actionMenuOpen?: () => void;
|
|
6
7
|
menuIsOpen?: boolean;
|
|
7
8
|
toggleable: boolean;
|
|
@@ -63,5 +64,5 @@ interface IProps {
|
|
|
63
64
|
blockAndLeaveChannelTextColor?: string;
|
|
64
65
|
unblockUserTextColor?: string;
|
|
65
66
|
}
|
|
66
|
-
declare const Actions: ({ channel, actionMenuOpen, menuIsOpen, toggleable, showMuteUnmuteNotifications, muteUnmuteNotificationsOrder, muteNotificationIcon, unmuteNotificationIcon, muteNotificationIconColor, unmuteNotificationIconColor, muteUnmuteNotificationTextColor, timeOptionsToMuteNotifications, showStarredMessages, starredMessagesOrder, staredMessagesIcon, staredMessagesIconColor, staredMessagesTextColor, showPinChannel, pinChannelOrder, pinChannelIcon, pinChannelIconColor, pinChannelTextColor, showMarkAsReadUnread, markAsReadUnreadOrder, markAsReadIcon, markAsUnreadIcon, markAsReadIconColor, markAsUnreadIconColor, markAsReadUnreadTextColor, showLeaveChannel, leaveChannelOrder, leaveChannelIcon, leaveChannelIconColor, leaveChannelTextColor, showReportChannel, reportChannelIcon, reportChannelOrder, reportChannelIconColor, reportChannelTextColor, showDeleteChannel, deleteChannelIcon, deleteChannelIconColor, deleteChannelTextColor, deleteChannelOrder, showBlockAndLeaveChannel, showBlockUser, blockAndLeaveChannelIcon, unblockUserIcon, blockAndLeaveChannelIconColor, blockAndLeaveChannelTextColor, unblockUserTextColor, showClearHistory, clearHistoryOrder, clearHistoryIcon, clearHistoryTextColor,
|
|
67
|
+
declare const Actions: ({ channel, actionMenuOpen, theme, menuIsOpen, toggleable, showMuteUnmuteNotifications, muteUnmuteNotificationsOrder, muteNotificationIcon, unmuteNotificationIcon, muteNotificationIconColor, unmuteNotificationIconColor, muteUnmuteNotificationTextColor, timeOptionsToMuteNotifications, showStarredMessages, starredMessagesOrder, staredMessagesIcon, staredMessagesIconColor, staredMessagesTextColor, showPinChannel, pinChannelOrder, pinChannelIcon, pinChannelIconColor, pinChannelTextColor, showMarkAsReadUnread, markAsReadUnreadOrder, markAsReadIcon, markAsUnreadIcon, markAsReadIconColor, markAsUnreadIconColor, markAsReadUnreadTextColor, showLeaveChannel, leaveChannelOrder, leaveChannelIcon, leaveChannelIconColor, leaveChannelTextColor, showReportChannel, reportChannelIcon, reportChannelOrder, reportChannelIconColor, reportChannelTextColor, showDeleteChannel, deleteChannelIcon, deleteChannelIconColor, deleteChannelTextColor, deleteChannelOrder, showBlockAndLeaveChannel, showBlockUser, blockAndLeaveChannelIcon, unblockUserIcon, blockAndLeaveChannelIconColor, blockAndLeaveChannelTextColor, unblockUserTextColor, showClearHistory, clearHistoryOrder, clearHistoryIcon, clearHistoryTextColor, deleteAllMessagesOrder, deleteAllMessagesIcon, deleteAllMessagesTextColor }: IProps) => JSX.Element;
|
|
67
68
|
export default Actions;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
interface IProps {
|
|
3
3
|
channelId: string;
|
|
4
|
+
theme?: string;
|
|
4
5
|
filePreviewIcon?: JSX.Element;
|
|
5
6
|
filePreviewHoverIcon?: JSX.Element;
|
|
6
7
|
filePreviewTitleColor?: string;
|
|
@@ -8,5 +9,5 @@ interface IProps {
|
|
|
8
9
|
filePreviewHoverBackgroundColor?: string;
|
|
9
10
|
filePreviewDownloadIcon?: JSX.Element;
|
|
10
11
|
}
|
|
11
|
-
declare const Files: ({ channelId, filePreviewIcon, filePreviewHoverIcon, filePreviewTitleColor, filePreviewSizeColor, filePreviewHoverBackgroundColor, filePreviewDownloadIcon }: IProps) => JSX.Element;
|
|
12
|
+
declare const Files: ({ channelId, theme, filePreviewIcon, filePreviewHoverIcon, filePreviewTitleColor, filePreviewSizeColor, filePreviewHoverBackgroundColor, filePreviewDownloadIcon }: IProps) => JSX.Element;
|
|
12
13
|
export default Files;
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { IMember } from '../../../../../types';
|
|
3
3
|
interface IProps {
|
|
4
|
+
theme: string;
|
|
4
5
|
channelId: string;
|
|
5
6
|
member: IMember;
|
|
6
7
|
handleClosePopup: () => void;
|
|
7
8
|
}
|
|
8
|
-
declare const ChangeMemberRole: ({ channelId, member, handleClosePopup }: IProps) => JSX.Element;
|
|
9
|
+
declare const ChangeMemberRole: ({ theme, channelId, member, handleClosePopup }: IProps) => JSX.Element;
|
|
9
10
|
export default ChangeMemberRole;
|
|
@@ -2,11 +2,12 @@
|
|
|
2
2
|
import { IChannel } from '../../../../types';
|
|
3
3
|
interface IProps {
|
|
4
4
|
channel: IChannel;
|
|
5
|
-
|
|
5
|
+
theme: string;
|
|
6
|
+
checkActionPermission: (permission: string) => boolean;
|
|
6
7
|
showChangeMemberRole?: boolean;
|
|
7
8
|
showMakeMemberAdmin?: boolean;
|
|
8
9
|
showKickMember?: boolean;
|
|
9
10
|
showKickAndBlockMember?: boolean;
|
|
10
11
|
}
|
|
11
|
-
declare const Members: ({ channel,
|
|
12
|
+
declare const Members: ({ channel, theme, checkActionPermission, showChangeMemberRole, showMakeMemberAdmin, showKickMember, showKickAndBlockMember }: IProps) => JSX.Element;
|
|
12
13
|
export default Members;
|
|
@@ -3,6 +3,7 @@ import { IChannel } from '../../../types';
|
|
|
3
3
|
interface IProps {
|
|
4
4
|
channel: IChannel;
|
|
5
5
|
activeTab: string;
|
|
6
|
+
theme: string;
|
|
6
7
|
setActiveTab: (activeTab: string) => void;
|
|
7
8
|
checkActionPermission: (permission: string) => boolean;
|
|
8
9
|
linkPreviewIcon?: JSX.Element;
|
|
@@ -28,5 +29,5 @@ interface IProps {
|
|
|
28
29
|
showKickAndBlockMember?: boolean;
|
|
29
30
|
showMakeMemberAdmin?: boolean;
|
|
30
31
|
}
|
|
31
|
-
declare const DetailsTab: ({ channel, activeTab, checkActionPermission, setActiveTab, linkPreviewIcon, linkPreviewHoverIcon, linkPreviewTitleColor, linkPreviewColor, linkPreviewHoverBackgroundColor, voicePreviewPlayIcon, voicePreviewPlayHoverIcon, voicePreviewPauseIcon, voicePreviewPauseHoverIcon, voicePreviewTitleColor, voicePreviewDateAndTimeColor, voicePreviewHoverBackgroundColor, filePreviewIcon, filePreviewHoverIcon, filePreviewTitleColor, filePreviewSizeColor, filePreviewHoverBackgroundColor, filePreviewDownloadIcon, showChangeMemberRole, showKickMember, showKickAndBlockMember, showMakeMemberAdmin }: IProps) => JSX.Element;
|
|
32
|
+
declare const DetailsTab: ({ channel, theme, activeTab, checkActionPermission, setActiveTab, linkPreviewIcon, linkPreviewHoverIcon, linkPreviewTitleColor, linkPreviewColor, linkPreviewHoverBackgroundColor, voicePreviewPlayIcon, voicePreviewPlayHoverIcon, voicePreviewPauseIcon, voicePreviewPauseHoverIcon, voicePreviewTitleColor, voicePreviewDateAndTimeColor, voicePreviewHoverBackgroundColor, filePreviewIcon, filePreviewHoverIcon, filePreviewTitleColor, filePreviewSizeColor, filePreviewHoverBackgroundColor, filePreviewDownloadIcon, showChangeMemberRole, showKickMember, showKickAndBlockMember, showMakeMemberAdmin }: IProps) => JSX.Element;
|
|
32
33
|
export default DetailsTab;
|
|
@@ -2,11 +2,12 @@
|
|
|
2
2
|
import { IChannel } from '../../../types';
|
|
3
3
|
interface IProps {
|
|
4
4
|
channel: IChannel;
|
|
5
|
+
theme?: string;
|
|
5
6
|
handleToggleEditMode: (state: boolean) => void;
|
|
6
7
|
editChannelSaveButtonBackgroundColor?: string;
|
|
7
8
|
editChannelSaveButtonTextColor?: string;
|
|
8
9
|
editChannelCancelButtonBackgroundColor?: string;
|
|
9
10
|
editChannelCancelButtonTextColor?: string;
|
|
10
11
|
}
|
|
11
|
-
declare const EditChannel: ({ channel, handleToggleEditMode, editChannelSaveButtonBackgroundColor, editChannelSaveButtonTextColor, editChannelCancelButtonBackgroundColor, editChannelCancelButtonTextColor }: IProps) => JSX.Element;
|
|
12
|
+
declare const EditChannel: ({ channel, theme, handleToggleEditMode, editChannelSaveButtonBackgroundColor, editChannelSaveButtonTextColor, editChannelCancelButtonBackgroundColor, editChannelCancelButtonTextColor }: IProps) => JSX.Element;
|
|
12
13
|
export default EditChannel;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { IDetailsProps } from '../ChannelDetailsContainer';
|
|
3
|
-
declare const Details: ({ channelEditIcon, editChannelSaveButtonBackgroundColor, editChannelSaveButtonTextColor, editChannelCancelButtonBackgroundColor, editChannelCancelButtonTextColor, showMuteUnmuteNotifications, muteUnmuteNotificationsOrder, muteNotificationIcon, unmuteNotificationIcon, muteNotificationIconColor, unmuteNotificationIconColor, muteUnmuteNotificationSwitcherColor, muteUnmuteNotificationTextColor, timeOptionsToMuteNotifications, showStarredMessages, starredMessagesOrder, staredMessagesIcon, staredMessagesIconColor, staredMessagesTextColor, showPinChannel, pinChannelOrder, pinChannelIcon, pinChannelIconColor, pinChannelTextColor, showMarkAsReadUnread, markAsReadUnreadOrder, markAsReadIcon, markAsUnreadIcon, markAsReadIconColor, markAsUnreadIconColor, markAsReadUnreadTextColor, showLeaveChannel, leaveChannelOrder, leaveChannelIcon, leaveChannelIconColor, leaveChannelTextColor, showReportChannel, reportChannelIcon, reportChannelOrder, reportChannelIconColor, reportChannelTextColor, deleteChannelIcon, showDeleteChannel, deleteChannelIconColor, deleteChannelTextColor, deleteChannelOrder, showBlockAndLeaveChannel, showBlockUser, blockAndLeaveChannelIcon, blockAndLeaveChannelIconColor, blockAndLeaveChannelTextColor, unblockUserIcon, linkPreviewIcon, linkPreviewHoverIcon, linkPreviewTitleColor, linkPreviewColor, linkPreviewHoverBackgroundColor, voicePreviewPlayIcon, voicePreviewPlayHoverIcon, voicePreviewPauseIcon, voicePreviewPauseHoverIcon, voicePreviewTitleColor, voicePreviewDateAndTimeColor, voicePreviewHoverBackgroundColor, filePreviewIcon, filePreviewHoverIcon, filePreviewTitleColor, filePreviewSizeColor, filePreviewHoverBackgroundColor, filePreviewDownloadIcon, showClearHistory, clearHistoryOrder, clearHistoryIcon, clearHistoryTextColor, showDeleteAllMessages, deleteAllMessagesOrder, deleteAllMessagesIcon, deleteAllMessagesTextColor, showChangeMemberRole, showKickMember, showKickAndBlockMember, showMakeMemberAdmin }: IDetailsProps) => JSX.Element;
|
|
3
|
+
declare const Details: ({ size, showAboutChannel, avatarAndNameDirection, channelEditIcon, editChannelSaveButtonBackgroundColor, editChannelSaveButtonTextColor, editChannelCancelButtonBackgroundColor, editChannelCancelButtonTextColor, showMuteUnmuteNotifications, muteUnmuteNotificationsOrder, muteNotificationIcon, unmuteNotificationIcon, muteNotificationIconColor, unmuteNotificationIconColor, muteUnmuteNotificationSwitcherColor, muteUnmuteNotificationTextColor, timeOptionsToMuteNotifications, showStarredMessages, starredMessagesOrder, staredMessagesIcon, staredMessagesIconColor, staredMessagesTextColor, showPinChannel, pinChannelOrder, pinChannelIcon, pinChannelIconColor, pinChannelTextColor, showMarkAsReadUnread, markAsReadUnreadOrder, markAsReadIcon, markAsUnreadIcon, markAsReadIconColor, markAsUnreadIconColor, markAsReadUnreadTextColor, showLeaveChannel, leaveChannelOrder, leaveChannelIcon, leaveChannelIconColor, leaveChannelTextColor, showReportChannel, reportChannelIcon, reportChannelOrder, reportChannelIconColor, reportChannelTextColor, deleteChannelIcon, showDeleteChannel, deleteChannelIconColor, deleteChannelTextColor, deleteChannelOrder, showBlockAndLeaveChannel, showBlockUser, blockAndLeaveChannelIcon, blockAndLeaveChannelIconColor, blockAndLeaveChannelTextColor, unblockUserIcon, linkPreviewIcon, linkPreviewHoverIcon, linkPreviewTitleColor, linkPreviewColor, linkPreviewHoverBackgroundColor, voicePreviewPlayIcon, voicePreviewPlayHoverIcon, voicePreviewPauseIcon, voicePreviewPauseHoverIcon, voicePreviewTitleColor, voicePreviewDateAndTimeColor, voicePreviewHoverBackgroundColor, filePreviewIcon, filePreviewHoverIcon, filePreviewTitleColor, filePreviewSizeColor, filePreviewHoverBackgroundColor, filePreviewDownloadIcon, showClearHistory, clearHistoryOrder, clearHistoryIcon, clearHistoryTextColor, showDeleteAllMessages, deleteAllMessagesOrder, deleteAllMessagesIcon, deleteAllMessagesTextColor, showChangeMemberRole, showKickMember, showKickAndBlockMember, showMakeMemberAdmin }: IDetailsProps) => JSX.Element;
|
|
4
4
|
export default Details;
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { MuteTime } from '../../types';
|
|
3
3
|
export interface IDetailsProps {
|
|
4
|
+
size?: 'small' | 'medium' | 'large';
|
|
5
|
+
showAboutChannel?: boolean;
|
|
6
|
+
avatarAndNameDirection?: 'row' | 'column';
|
|
4
7
|
channelEditIcon?: JSX.Element;
|
|
5
8
|
editChannelSaveButtonBackgroundColor?: string;
|
|
6
9
|
editChannelSaveButtonTextColor?: string;
|
|
@@ -85,5 +88,5 @@ export interface IDetailsProps {
|
|
|
85
88
|
showKickAndBlockMember?: boolean;
|
|
86
89
|
showMakeMemberAdmin?: boolean;
|
|
87
90
|
}
|
|
88
|
-
declare const ChannelDetailsContainer: ({ channelEditIcon, editChannelSaveButtonBackgroundColor, editChannelSaveButtonTextColor, editChannelCancelButtonBackgroundColor, editChannelCancelButtonTextColor, showMuteUnmuteNotifications, muteUnmuteNotificationsOrder, muteNotificationIcon, unmuteNotificationIcon, muteNotificationIconColor, unmuteNotificationIconColor, muteUnmuteNotificationSwitcherColor, muteUnmuteNotificationTextColor, timeOptionsToMuteNotifications, showStarredMessages, starredMessagesOrder, staredMessagesIcon, staredMessagesIconColor, staredMessagesTextColor, showPinChannel, pinChannelOrder, pinChannelIcon, pinChannelIconColor, pinChannelTextColor, showMarkAsReadUnread, markAsReadUnreadOrder, markAsReadIcon, markAsUnreadIcon, markAsReadIconColor, markAsUnreadIconColor, markAsReadUnreadTextColor, showLeaveChannel, leaveChannelOrder, leaveChannelIcon, leaveChannelIconColor, leaveChannelTextColor, showReportChannel, reportChannelIcon, reportChannelOrder, reportChannelIconColor, reportChannelTextColor, showDeleteChannel, deleteChannelIcon, deleteChannelIconColor, deleteChannelTextColor, deleteChannelOrder, showBlockAndLeaveChannel, showBlockUser, blockAndLeaveChannelIcon, blockAndLeaveChannelIconColor, blockAndLeaveChannelTextColor, unblockUserIcon, linkPreviewIcon, linkPreviewHoverIcon, linkPreviewTitleColor, linkPreviewColor, linkPreviewHoverBackgroundColor, filePreviewIcon, filePreviewHoverIcon, filePreviewTitleColor, filePreviewSizeColor, filePreviewHoverBackgroundColor, filePreviewDownloadIcon, showClearHistory, clearHistoryOrder, clearHistoryIcon, clearHistoryTextColor, showDeleteAllMessages, deleteAllMessagesOrder, deleteAllMessagesIcon, deleteAllMessagesTextColor, showChangeMemberRole, showKickMember, showKickAndBlockMember }: IDetailsProps) => JSX.Element;
|
|
91
|
+
declare const ChannelDetailsContainer: ({ size, channelEditIcon, showAboutChannel, avatarAndNameDirection, editChannelSaveButtonBackgroundColor, editChannelSaveButtonTextColor, editChannelCancelButtonBackgroundColor, editChannelCancelButtonTextColor, showMuteUnmuteNotifications, muteUnmuteNotificationsOrder, muteNotificationIcon, unmuteNotificationIcon, muteNotificationIconColor, unmuteNotificationIconColor, muteUnmuteNotificationSwitcherColor, muteUnmuteNotificationTextColor, timeOptionsToMuteNotifications, showStarredMessages, starredMessagesOrder, staredMessagesIcon, staredMessagesIconColor, staredMessagesTextColor, showPinChannel, pinChannelOrder, pinChannelIcon, pinChannelIconColor, pinChannelTextColor, showMarkAsReadUnread, markAsReadUnreadOrder, markAsReadIcon, markAsUnreadIcon, markAsReadIconColor, markAsUnreadIconColor, markAsReadUnreadTextColor, showLeaveChannel, leaveChannelOrder, leaveChannelIcon, leaveChannelIconColor, leaveChannelTextColor, showReportChannel, reportChannelIcon, reportChannelOrder, reportChannelIconColor, reportChannelTextColor, showDeleteChannel, deleteChannelIcon, deleteChannelIconColor, deleteChannelTextColor, deleteChannelOrder, showBlockAndLeaveChannel, showBlockUser, blockAndLeaveChannelIcon, blockAndLeaveChannelIconColor, blockAndLeaveChannelTextColor, unblockUserIcon, linkPreviewIcon, linkPreviewHoverIcon, linkPreviewTitleColor, linkPreviewColor, linkPreviewHoverBackgroundColor, filePreviewIcon, filePreviewHoverIcon, filePreviewTitleColor, filePreviewSizeColor, filePreviewHoverBackgroundColor, filePreviewDownloadIcon, showClearHistory, clearHistoryOrder, clearHistoryIcon, clearHistoryTextColor, showDeleteAllMessages, deleteAllMessagesOrder, deleteAllMessagesIcon, deleteAllMessagesTextColor, showChangeMemberRole, showKickMember, showKickAndBlockMember }: IDetailsProps) => JSX.Element;
|
|
89
92
|
export default ChannelDetailsContainer;
|
|
@@ -1,10 +1,13 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
interface IChannelSearchProps {
|
|
3
3
|
searchValue: string;
|
|
4
|
+
theme?: string;
|
|
4
5
|
handleSearchValueChange: (e: any) => void;
|
|
5
6
|
getMyChannels: () => void;
|
|
6
7
|
inline?: boolean;
|
|
7
8
|
borderRadius?: string;
|
|
9
|
+
searchInputBackgroundColor?: string;
|
|
10
|
+
searchInputTextColor?: string;
|
|
8
11
|
}
|
|
9
12
|
declare const ChannelSearch: React.FC<IChannelSearchProps>;
|
|
10
13
|
export default ChannelSearch;
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { IContact } from '../../../types';
|
|
3
|
+
interface IChannelProps {
|
|
4
|
+
contact: IContact;
|
|
5
|
+
showAvatar?: boolean;
|
|
6
|
+
theme?: string;
|
|
7
|
+
notificationsIsMutedIcon?: JSX.Element;
|
|
8
|
+
notificationsIsMutedIconColor?: string;
|
|
9
|
+
selectedChannelLeftBorder?: string;
|
|
10
|
+
selectedChannelBackground?: string;
|
|
11
|
+
contactsMap: {
|
|
12
|
+
[key: string]: IContact;
|
|
13
|
+
};
|
|
14
|
+
selectedChannelBorderRadius?: string;
|
|
15
|
+
selectedChannelPaddings?: string;
|
|
16
|
+
channelsPaddings?: string;
|
|
17
|
+
channelsMargin?: string;
|
|
18
|
+
createChatWithContact: (contact: IContact) => void;
|
|
19
|
+
}
|
|
20
|
+
declare const ContactItem: React.FC<IChannelProps>;
|
|
21
|
+
export default ContactItem;
|
|
22
|
+
export declare const ChannelInfo: import("styled-components").StyledComponent<"div", any, {
|
|
23
|
+
avatar?: boolean | undefined;
|
|
24
|
+
theme?: string | undefined;
|
|
25
|
+
}, never>;
|
|
26
|
+
export declare const AvatarWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
27
|
+
export declare const UserStatus: import("styled-components").StyledComponent<"span", any, {
|
|
28
|
+
backgroundColor?: string | undefined;
|
|
29
|
+
}, never>;
|
|
@@ -1,28 +1,40 @@
|
|
|
1
1
|
import React, { FC } from 'react';
|
|
2
|
-
import { IChannel } from '../../types';
|
|
3
|
-
interface IChannelGroup {
|
|
4
|
-
groupName: string;
|
|
5
|
-
channelList: IChannel[];
|
|
6
|
-
}
|
|
2
|
+
import { IChannel, IContact } from '../../types';
|
|
7
3
|
interface IChannelListProps {
|
|
8
4
|
List?: FC<{
|
|
9
5
|
channels: IChannel[];
|
|
6
|
+
searchedChannels: {
|
|
7
|
+
chats_groups: [];
|
|
8
|
+
channels: [];
|
|
9
|
+
contacts: [];
|
|
10
|
+
};
|
|
10
11
|
loadMoreChannels: (count?: number) => void;
|
|
11
|
-
searchValue
|
|
12
|
-
|
|
13
|
-
|
|
12
|
+
searchValue: string;
|
|
13
|
+
children: React.ReactNode;
|
|
14
|
+
activeChannel?: IChannel;
|
|
15
|
+
setActiveChannel?: (channel: IChannel) => void;
|
|
16
|
+
}>;
|
|
17
|
+
ListItem?: FC<{
|
|
18
|
+
channel?: IChannel;
|
|
19
|
+
contact?: IContact;
|
|
20
|
+
setActiveChannel?: (channel: IChannel) => void;
|
|
21
|
+
createChatWithContact?: (contact: IContact) => void;
|
|
14
22
|
}>;
|
|
15
|
-
|
|
23
|
+
Profile?: JSX.Element;
|
|
24
|
+
CreateChannel?: JSX.Element;
|
|
25
|
+
ChannelsTitle?: JSX.Element;
|
|
26
|
+
backgroundColor?: string;
|
|
27
|
+
searchInputBackgroundColor?: string;
|
|
28
|
+
searchInputTextColor?: string;
|
|
16
29
|
searchChannelsPosition?: 'inline' | 'bottom';
|
|
17
30
|
searchInputBorderRadius?: string;
|
|
18
31
|
getActiveChannel?: (channel: IChannel) => void;
|
|
19
|
-
Profile?: JSX.Element;
|
|
20
32
|
filter?: {
|
|
21
33
|
channelType?: string;
|
|
22
34
|
};
|
|
23
35
|
limit?: number;
|
|
24
36
|
sort?: 'byLastMessage' | 'byCreationDate';
|
|
25
|
-
|
|
37
|
+
showAvatar?: boolean;
|
|
26
38
|
showSearch?: boolean;
|
|
27
39
|
searchOption?: 'custom' | 'default';
|
|
28
40
|
forceUpdateChannelList?: () => void;
|
|
@@ -42,11 +54,11 @@ interface IChannelListProps {
|
|
|
42
54
|
selectedChannelPaddings?: string;
|
|
43
55
|
channelsPaddings?: string;
|
|
44
56
|
channelsMargin?: string;
|
|
45
|
-
onChannelDeleted?: (setChannels: (
|
|
46
|
-
onChannelCreated?: (setChannels: (
|
|
47
|
-
onChannelHidden?: (setChannels: (
|
|
48
|
-
onChannelVisible?: (setChannels: (
|
|
49
|
-
onAddedToChannel?: (setChannels: (
|
|
57
|
+
onChannelDeleted?: (channelList: IChannel[], deletedChannel: IChannel, setChannels: (updatedChannelList: IChannel[]) => void) => void;
|
|
58
|
+
onChannelCreated?: (channelList: IChannel[], createdChannel: IChannel, setChannels: (updatedChannelList: IChannel[]) => void) => void;
|
|
59
|
+
onChannelHidden?: (channelList: IChannel[], hiddenChannel: IChannel, setChannels: (updatedChannelList: IChannel[]) => void) => void;
|
|
60
|
+
onChannelVisible?: (channelList: IChannel[], visibleChannel: IChannel, setChannels: (updatedChannelList: IChannel[]) => void) => void;
|
|
61
|
+
onAddedToChannel?: (channelList: IChannel[], channel: IChannel, setChannels: (updatedChannelList: IChannel[]) => void) => void;
|
|
50
62
|
}
|
|
51
63
|
declare const ChannelList: React.FC<IChannelListProps>;
|
|
52
64
|
export default ChannelList;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import SceytChatClient from 'sceyt-chat';
|
|
3
3
|
import { ICustomAvatarColors } from '../Channel/types';
|
|
4
|
-
import { IAttachment, IUser } from '../../types';
|
|
4
|
+
import { IAttachment, IChannel, IMessage, IUser } from '../../types';
|
|
5
5
|
export interface IProgress {
|
|
6
6
|
loaded: number;
|
|
7
7
|
total: number;
|
|
@@ -17,18 +17,27 @@ export interface IUploadTask {
|
|
|
17
17
|
}
|
|
18
18
|
export interface ICustomUploader {
|
|
19
19
|
upload: (attachment: IAttachment, uploadTask: IUploadTask) => void;
|
|
20
|
-
download: (uri: string, progressCallback?: (progress: any) => void) => Promise<
|
|
20
|
+
download: (uri: string, download: boolean, progressCallback?: (progress: any) => void) => Promise<any>;
|
|
21
|
+
cancelRequest: (requestPromise: any) => void;
|
|
21
22
|
}
|
|
22
23
|
export interface IChatClientProps {
|
|
23
24
|
client: SceytChatClient;
|
|
25
|
+
theme?: 'dark' | 'light';
|
|
24
26
|
avatarColors?: ICustomAvatarColors;
|
|
25
27
|
hideUserPresence?: (user: IUser) => boolean;
|
|
28
|
+
handleNewMessages?: (message: IMessage, channel: IChannel) => IMessage | null;
|
|
26
29
|
showOnlyContactUsers?: boolean;
|
|
27
30
|
sendAttachmentsAsSeparateMessages?: boolean;
|
|
28
31
|
showNotifications?: boolean;
|
|
29
32
|
children?: JSX.Element | JSX.Element[];
|
|
30
33
|
logoSrc?: string;
|
|
31
34
|
CustomUploader?: ICustomUploader;
|
|
35
|
+
membersDisplayTextByChannelTypesMap?: {
|
|
36
|
+
[key: string]: string;
|
|
37
|
+
};
|
|
38
|
+
defaultRolesByChannelTypesMap?: {
|
|
39
|
+
[key: string]: string;
|
|
40
|
+
};
|
|
32
41
|
customColors?: {
|
|
33
42
|
primaryColor?: string;
|
|
34
43
|
primaryLight?: string;
|
|
@@ -39,5 +48,5 @@ export interface IChatClientProps {
|
|
|
39
48
|
defaultAvatarBackground?: string;
|
|
40
49
|
};
|
|
41
50
|
}
|
|
42
|
-
declare const SceytChatContainer: ({ client, avatarColors, children, showOnlyContactUsers, sendAttachmentsAsSeparateMessages, logoSrc, CustomUploader, customColors, showNotifications, hideUserPresence }: IChatClientProps) => JSX.Element;
|
|
51
|
+
declare const SceytChatContainer: ({ client, theme, avatarColors, children, showOnlyContactUsers, handleNewMessages, sendAttachmentsAsSeparateMessages, membersDisplayTextByChannelTypesMap, defaultRolesByChannelTypesMap, logoSrc, CustomUploader, customColors, showNotifications, hideUserPresence }: IChatClientProps) => JSX.Element;
|
|
43
52
|
export default SceytChatContainer;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export default function MessageActions({ editModeToggle, channel, handleResendMessage, handleOpenDeleteMessage,
|
|
2
|
+
export default function MessageActions({ editModeToggle, channel, handleResendMessage, handleOpenDeleteMessage, handleOpenForwardMessage, handleCopyMessage, handleReportMessage, messageStatus, handleReplyMessage, isThreadMessage, rtlDirection, showMessageReaction, showEditMessage, showCopyMessage, showReplyMessage, showReplyMessageInThread, showForwardMessage, showDeleteMessage, showReportMessage, reactionIcon, editIcon, copyIcon, replyIcon, replyInThreadIcon, deleteIcon, allowEditDeleteIncomingMessage, reportIcon, reactionIconOrder, editIconOrder, copyIconOrder, replyIconOrder, replyInThreadIconOrder, forwardIcon, forwardIconOrder, deleteIconOrder, reportIconOrder, reactionIconTooltipText, editIconTooltipText, copyIconTooltipText, replyIconTooltipText, replyInThreadIconTooltipText, forwardIconTooltipText, deleteIconTooltipText, reportIconTooltipText, myRole, isIncoming, messageActionIconsColor, handleOpenEmojis }: any): JSX.Element;
|