@layers-app/shared 0.4.5 → 0.4.6
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/components/AppContainer/AppContainer.d.ts.map +1 -1
- package/dist/components/AppContainer/AppContainer.js +72 -79
- package/dist/components/AppContainer/AppContainer.module.css.js +6 -6
- package/dist/components/AppContainer/components/AppsSidebar/TopSection.d.ts.map +1 -1
- package/dist/components/AppContainer/components/AppsSidebar/TopSection.js +24 -22
- package/dist/components/AppContainer/components/AppsSidebar/UserSection.d.ts.map +1 -1
- package/dist/components/AppContainer/components/AppsSidebar/UserSection.js +46 -37
- package/dist/components/AppContainer/components/Header.d.ts.map +1 -1
- package/dist/components/AppContainer/components/Header.js +6 -5
- package/dist/components/AppContainer/components/Main.js +4 -4
- package/dist/components/AppContainer/components/SlideAnimation.js +4 -4
- package/dist/components/AppContainer/components/ToolSidebar.d.ts.map +1 -1
- package/dist/components/AppContainer/components/ToolSidebar.js +161 -128
- package/dist/components/AppContainer/components/menus/HelpMenu/HelpMenu.d.ts.map +1 -1
- package/dist/components/AppContainer/components/menus/HelpMenu/HelpMenu.js +131 -121
- package/dist/components/AppContainer/hooks/useAppContainer.d.ts +1 -1
- package/dist/components/AppContainer/hooks/useAppContainer.d.ts.map +1 -1
- package/dist/components/AppContainer/hooks/useAppContainer.js +59 -56
- package/dist/components/AppContainer/hooks/useAppContainerDataStore.d.ts.map +1 -1
- package/dist/components/AppContainer/hooks/useAppContainerDataStore.js +4 -3
- package/dist/components/AppContainer/types.d.ts +1 -0
- package/dist/components/AppContainer/types.d.ts.map +1 -1
- package/dist/components/AttachmentsGalleryModal/components/ModalHeader.d.ts.map +1 -1
- package/dist/components/AttachmentsGalleryModal/components/ModalHeader.js +37 -37
- package/dist/components/AttachmentsGalleryModal/components/ShakePlayer/useShakePlayer.d.ts.map +1 -1
- package/dist/components/AttachmentsGalleryModal/components/ShakePlayer/useShakePlayer.js +68 -62
- package/dist/components/AttachmentsGalleryModal/helpers.d.ts +8 -0
- package/dist/components/AttachmentsGalleryModal/helpers.d.ts.map +1 -1
- package/dist/components/AttachmentsGalleryModal/helpers.js +22 -17
- package/dist/components/AttachmentsGalleryModal/hooks/useDownloadFile.d.ts.map +1 -1
- package/dist/components/AttachmentsGalleryModal/hooks/useDownloadFile.js +28 -25
- package/dist/components/AttachmentsGalleryModal/hooks/useGetPreviewUrl.d.ts.map +1 -1
- package/dist/components/AttachmentsGalleryModal/hooks/useGetPreviewUrl.js +36 -41
- package/dist/components/AttachmentsPreview/AttachmentsPreview.d.ts.map +1 -1
- package/dist/components/AttachmentsPreview/AttachmentsPreview.js +135 -80
- package/dist/components/AttachmentsPreview/AttachmentsPreview.module.css.js +24 -14
- package/dist/components/BouncingLogo/BouncingLogo.d.ts +1 -3
- package/dist/components/BouncingLogo/BouncingLogo.d.ts.map +1 -1
- package/dist/components/BouncingLogo/BouncingLogo.js +14 -20
- package/dist/components/BouncingLogo/BouncingLogo.module.css.js +4 -8
- package/dist/components/Chat/ChatBubble/ChatBubble.module.css.js +5 -5
- package/dist/components/Chat/ChatInput/ChatInput.module.css.js +40 -28
- package/dist/components/Chat/ChatInput/index.d.ts +29 -1
- package/dist/components/Chat/ChatInput/index.d.ts.map +1 -1
- package/dist/components/Chat/ChatInput/index.js +178 -118
- package/dist/components/Chat/ChatInput/smilePlusIcon.d.ts +3 -0
- package/dist/components/Chat/ChatInput/smilePlusIcon.d.ts.map +1 -0
- package/dist/components/Chat/ChatInput/smilePlusIcon.js +49 -0
- package/dist/components/Chat/ChatMessage/ChatMessage.module.css.js +9 -9
- package/dist/components/Chat/ChatMessage/index.d.ts +2 -0
- package/dist/components/Chat/ChatMessage/index.d.ts.map +1 -1
- package/dist/components/Chat/ChatMessage/index.js +136 -118
- package/dist/components/Chat/MediaDocument/MediaDocument.module.css.js +4 -4
- package/dist/components/Chat/MessageActions/index.d.ts +7 -0
- package/dist/components/Chat/MessageActions/index.d.ts.map +1 -1
- package/dist/components/Chat/MessageActions/index.js +33 -30
- package/dist/components/Chat/MessageList/MessageList.module.css.js +14 -10
- package/dist/components/Chat/MessageList/index.d.ts +30 -3
- package/dist/components/Chat/MessageList/index.d.ts.map +1 -1
- package/dist/components/Chat/MessageList/index.js +154 -66
- package/dist/components/Chat/MessageReactions/MessageReactions.module.css.js +7 -7
- package/dist/components/Chat/MessageReactions/index.d.ts +17 -0
- package/dist/components/Chat/MessageReactions/index.d.ts.map +1 -1
- package/dist/components/Chat/MessageReactions/index.js +60 -28
- package/dist/components/Chat/MessageStatus/MessageStatus.module.css.js +6 -4
- package/dist/components/Chat/MessageStatus/index.d.ts +1 -1
- package/dist/components/Chat/MessageStatus/index.d.ts.map +1 -1
- package/dist/components/Chat/MessageStatus/index.js +49 -34
- package/dist/components/CircleColorPicker/CircleColorPicker.d.ts.map +1 -1
- package/dist/components/CircleColorPicker/CircleColorPicker.js +17 -15
- package/dist/components/ColorPicker/ColorPicker.module.css.js +26 -20
- package/dist/components/ColorPicker/ColorPickerList.d.ts.map +1 -1
- package/dist/components/ColorPicker/ColorPickerList.js +81 -68
- package/dist/components/ColorPicker/ColorPickerToolbar.d.ts.map +1 -1
- package/dist/components/ColorPicker/ColorPickerToolbar.js +75 -70
- package/dist/components/ColorPicker/icons.js +5 -5
- package/dist/components/ColorPicker/types.d.ts +6 -0
- package/dist/components/ColorPicker/types.d.ts.map +1 -1
- package/dist/components/ColorPicker/types.js +53 -11
- package/dist/components/ColorPicker/useRecentColors.d.ts +3 -1
- package/dist/components/ColorPicker/useRecentColors.d.ts.map +1 -1
- package/dist/components/ColorPicker/useRecentColors.js +43 -20
- package/dist/components/EmojiPicker/EmojiPanel.d.ts +2 -1
- package/dist/components/EmojiPicker/EmojiPanel.d.ts.map +1 -1
- package/dist/components/EmojiPicker/EmojiPanel.js +73 -72
- package/dist/components/EmojiPicker/EmojiPicker.d.ts +16 -1
- package/dist/components/EmojiPicker/EmojiPicker.d.ts.map +1 -1
- package/dist/components/EmojiPicker/EmojiPicker.js +121 -86
- package/dist/components/EmojiPicker/IconsPanel.d.ts.map +1 -1
- package/dist/components/EmojiPicker/IconsPanel.js +28 -25
- package/dist/components/EntityIcon.d.ts +1 -0
- package/dist/components/EntityIcon.d.ts.map +1 -1
- package/dist/components/EntityIcon.js +80 -32
- package/dist/components/ErrorPage/components/Error403.d.ts +5 -1
- package/dist/components/ErrorPage/components/Error403.d.ts.map +1 -1
- package/dist/components/ErrorPage/components/Error403.js +25 -21
- package/dist/components/ErrorPage/index.d.ts +5 -1
- package/dist/components/ErrorPage/index.d.ts.map +1 -1
- package/dist/components/ErrorPage/index.js +17 -10
- package/dist/components/MusicPlayerBar/components/HoverActions.js +28 -28
- package/dist/components/NavMenu/NavMenu.d.ts +7 -1
- package/dist/components/NavMenu/NavMenu.d.ts.map +1 -1
- package/dist/components/NavMenu/NavMenu.js +54 -44
- package/dist/components/NavMenu/NavMenu.module.css.js +10 -10
- package/dist/components/NavMenu/components/NavMenuItem.d.ts.map +1 -1
- package/dist/components/NavMenu/components/NavMenuItem.js +84 -84
- package/dist/components/NavMenu/types.d.ts +4 -0
- package/dist/components/NavMenu/types.d.ts.map +1 -1
- package/dist/components/WorkspaceMenu/WorkspaceItem.d.ts.map +1 -1
- package/dist/components/WorkspaceMenu/WorkspaceItem.js +16 -14
- package/dist/config/envConfig.d.ts +2 -0
- package/dist/config/envConfig.d.ts.map +1 -1
- package/dist/config/envConfig.js +41 -37
- package/dist/helpers/showNotifications.d.ts +15 -0
- package/dist/helpers/showNotifications.d.ts.map +1 -1
- package/dist/helpers/showNotifications.js +114 -72
- package/dist/helpers/showNotifications.module.css.js +16 -4
- package/dist/hooks/useUiPref.d.ts +2 -0
- package/dist/hooks/useUiPref.d.ts.map +1 -0
- package/dist/hooks/useUiPref.js +80 -0
- package/dist/index.css +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +550 -540
- package/dist/lang/locales/ui_en.json.js +1 -1
- package/dist/lang/locales/ui_es.json.js +1 -1
- package/dist/lang/locales/ui_ru.json.js +1 -1
- package/package.json +1 -1
|
@@ -1,197 +1,257 @@
|
|
|
1
1
|
import { jsxs as s, jsx as a } from "react/jsx-runtime";
|
|
2
|
-
import { useState as
|
|
3
|
-
import { Edit04Icon as
|
|
4
|
-
import { HugeiconsIcon as
|
|
5
|
-
import { Box as
|
|
6
|
-
import { AttachmentsPreview as
|
|
7
|
-
import { EmojiPicker as
|
|
8
|
-
import { IconEntity as
|
|
9
|
-
import
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
2
|
+
import { useState as Z, useRef as z, useEffect as $, useCallback as d } from "react";
|
|
3
|
+
import { Edit04Icon as _, LinkBackwardIcon as ee, Image01Icon as ae, PlayIcon as ne, File01Icon as ie, Attachment02Icon as te, Sent02Icon as se } from "@hugeicons/core-free-icons";
|
|
4
|
+
import { HugeiconsIcon as m } from "@hugeicons/react";
|
|
5
|
+
import { Box as le, Button as re, CloseButton as B, ActionIcon as R, Textarea as ce } from "@mantine/core";
|
|
6
|
+
import { AttachmentsPreview as oe } from "../../AttachmentsPreview/AttachmentsPreview.js";
|
|
7
|
+
import { EmojiPicker as de } from "../../EmojiPicker/EmojiPicker.js";
|
|
8
|
+
import { IconEntity as me } from "../../ProjectIcon/ProjectIcon.js";
|
|
9
|
+
import { SmilePlusIcon as ue } from "./smilePlusIcon.js";
|
|
10
|
+
import e from "./ChatInput.module.css.js";
|
|
11
|
+
function he({
|
|
12
|
+
value: D,
|
|
13
|
+
onChange: E,
|
|
14
|
+
onSend: P,
|
|
15
|
+
onAttach: u,
|
|
16
|
+
onEmojiSelect: N,
|
|
17
|
+
onGifSelect: b,
|
|
18
|
+
placeholder: H = "Add a message...",
|
|
19
|
+
replyTo: i,
|
|
20
|
+
editing: h,
|
|
21
|
+
notice: l,
|
|
22
|
+
attachments: r,
|
|
23
|
+
onRemoveAttachment: V,
|
|
24
|
+
maxLength: G,
|
|
25
|
+
disabled: c,
|
|
26
|
+
disableAttachments: v,
|
|
27
|
+
className: L,
|
|
28
|
+
style: M
|
|
26
29
|
}) {
|
|
27
|
-
const
|
|
28
|
-
|
|
29
|
-
const
|
|
30
|
-
|
|
31
|
-
}, [
|
|
32
|
-
const
|
|
33
|
-
|
|
34
|
-
(
|
|
35
|
-
}, [
|
|
36
|
-
const
|
|
37
|
-
(
|
|
38
|
-
|
|
30
|
+
const x = D !== void 0, [O, T] = Z(""), o = x ? D : O, p = z(null), g = z(null), y = z(r?.length ?? 0);
|
|
31
|
+
$(() => {
|
|
32
|
+
const n = r?.length ?? 0;
|
|
33
|
+
n > y.current && g.current?.focus(), y.current = n;
|
|
34
|
+
}, [r?.length]);
|
|
35
|
+
const j = !!i, A = !!h;
|
|
36
|
+
$(() => {
|
|
37
|
+
(j || A) && g.current?.focus();
|
|
38
|
+
}, [j, A]);
|
|
39
|
+
const f = d(
|
|
40
|
+
(n) => {
|
|
41
|
+
x || T(n), E?.(n);
|
|
39
42
|
},
|
|
40
|
-
[
|
|
41
|
-
),
|
|
42
|
-
const
|
|
43
|
-
(
|
|
44
|
-
}, [
|
|
45
|
-
(
|
|
46
|
-
|
|
43
|
+
[x, E]
|
|
44
|
+
), I = d(() => {
|
|
45
|
+
const n = o.trim();
|
|
46
|
+
(n || r && r.length > 0) && (P?.(n), f(""));
|
|
47
|
+
}, [o, r, P, f]), U = d(
|
|
48
|
+
(n) => {
|
|
49
|
+
n.key === "Enter" && !n.shiftKey && (n.preventDefault(), I());
|
|
47
50
|
},
|
|
48
|
-
[
|
|
49
|
-
),
|
|
50
|
-
(
|
|
51
|
-
const
|
|
52
|
-
|
|
51
|
+
[I]
|
|
52
|
+
), q = d(
|
|
53
|
+
(n) => {
|
|
54
|
+
const t = me.parse(n)?.emoji ?? n;
|
|
55
|
+
N ? N(t) : f(o + t);
|
|
53
56
|
},
|
|
54
|
-
[
|
|
55
|
-
),
|
|
56
|
-
(
|
|
57
|
-
const
|
|
58
|
-
|
|
57
|
+
[N, f, o]
|
|
58
|
+
), J = d(
|
|
59
|
+
(n) => {
|
|
60
|
+
const t = n.target.files;
|
|
61
|
+
t && t.length > 0 && u?.(Array.from(t)), p.current && (p.current.value = "");
|
|
59
62
|
},
|
|
60
|
-
[
|
|
61
|
-
),
|
|
63
|
+
[u]
|
|
64
|
+
), Q = d(
|
|
65
|
+
(n) => {
|
|
66
|
+
if (c || v || !u) return;
|
|
67
|
+
const t = n.clipboardData?.items;
|
|
68
|
+
if (!t) return;
|
|
69
|
+
const w = [];
|
|
70
|
+
for (let k = 0; k < t.length; k++) {
|
|
71
|
+
const S = t[k];
|
|
72
|
+
if (S.kind === "file") {
|
|
73
|
+
const F = S.getAsFile();
|
|
74
|
+
F && w.push(F);
|
|
75
|
+
}
|
|
76
|
+
}
|
|
77
|
+
w.length > 0 && (n.preventDefault(), u(w));
|
|
78
|
+
},
|
|
79
|
+
[c, v, u]
|
|
80
|
+
), W = o.trim().length > 0, C = r && r.length > 0, K = C && r.some((n) => "isTemp" in n && n.isTemp), X = W || C && !K, Y = !!(h || i);
|
|
62
81
|
return /* @__PURE__ */ s(
|
|
63
|
-
|
|
82
|
+
le,
|
|
64
83
|
{
|
|
65
|
-
className: `${
|
|
66
|
-
style:
|
|
84
|
+
className: `${e.root} ${L || ""}`,
|
|
85
|
+
style: M,
|
|
67
86
|
"data-testid": "chat-input",
|
|
68
87
|
px: "md",
|
|
69
88
|
pb: "md",
|
|
70
89
|
children: [
|
|
71
|
-
!
|
|
90
|
+
!v && /* @__PURE__ */ a(
|
|
72
91
|
"input",
|
|
73
92
|
{
|
|
74
|
-
ref:
|
|
93
|
+
ref: p,
|
|
75
94
|
type: "file",
|
|
76
95
|
multiple: !0,
|
|
77
96
|
accept: "*/*",
|
|
78
|
-
className:
|
|
79
|
-
onChange:
|
|
97
|
+
className: e.hiddenFileInput,
|
|
98
|
+
onChange: J,
|
|
80
99
|
tabIndex: -1
|
|
81
100
|
}
|
|
82
101
|
),
|
|
83
|
-
/* @__PURE__ */ s("div", { className:
|
|
102
|
+
/* @__PURE__ */ s("div", { className: e.inputRow, children: [
|
|
84
103
|
/* @__PURE__ */ s(
|
|
85
104
|
"div",
|
|
86
105
|
{
|
|
87
|
-
className: `${
|
|
106
|
+
className: `${e.inputBox} ${Y ? e.withHeader : ""}`,
|
|
107
|
+
"data-disabled": c || void 0,
|
|
88
108
|
children: [
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
109
|
+
l ? /* @__PURE__ */ s(
|
|
110
|
+
"div",
|
|
111
|
+
{
|
|
112
|
+
className: e.notice,
|
|
113
|
+
"data-variant": l.variant ?? "warning",
|
|
114
|
+
children: [
|
|
115
|
+
l.icon ? /* @__PURE__ */ a("span", { className: e.noticeIcon, children: l.icon }) : null,
|
|
116
|
+
/* @__PURE__ */ s("div", { className: e.noticeMain, children: [
|
|
117
|
+
/* @__PURE__ */ a("span", { className: e.noticeText, children: l.text }),
|
|
118
|
+
l.action ? /* @__PURE__ */ a(
|
|
119
|
+
re,
|
|
120
|
+
{
|
|
121
|
+
size: "compact-xs",
|
|
122
|
+
variant: "white",
|
|
123
|
+
radius: "xl",
|
|
124
|
+
className: e.noticeAction,
|
|
125
|
+
onClick: l.action.onClick,
|
|
126
|
+
children: l.action.label
|
|
127
|
+
}
|
|
128
|
+
) : null
|
|
129
|
+
] }),
|
|
130
|
+
l.onDismiss ? /* @__PURE__ */ a(
|
|
131
|
+
B,
|
|
132
|
+
{
|
|
133
|
+
size: "sm",
|
|
134
|
+
className: e.noticeDismiss,
|
|
135
|
+
onClick: l.onDismiss,
|
|
136
|
+
"aria-label": "Dismiss"
|
|
137
|
+
}
|
|
138
|
+
) : null
|
|
139
|
+
]
|
|
140
|
+
}
|
|
141
|
+
) : null,
|
|
142
|
+
h ? /* @__PURE__ */ s("div", { className: e.header, children: [
|
|
143
|
+
/* @__PURE__ */ a("div", { className: e.headerIcon, children: /* @__PURE__ */ a(m, { icon: _, size: 20 }) }),
|
|
144
|
+
/* @__PURE__ */ s("div", { className: e.headerBar, "data-variant": "edit", children: [
|
|
145
|
+
/* @__PURE__ */ a("div", { className: e.headerTitle, "data-variant": "edit", children: "Edit" }),
|
|
146
|
+
/* @__PURE__ */ a("div", { className: e.headerText, children: h.text })
|
|
94
147
|
] }),
|
|
95
148
|
/* @__PURE__ */ a(
|
|
96
|
-
|
|
149
|
+
B,
|
|
97
150
|
{
|
|
98
151
|
size: "sm",
|
|
99
|
-
onClick:
|
|
152
|
+
onClick: h.onCancel,
|
|
100
153
|
"aria-label": "Close"
|
|
101
154
|
}
|
|
102
155
|
)
|
|
103
|
-
] }) :
|
|
104
|
-
/* @__PURE__ */ a("div", { className:
|
|
105
|
-
/* @__PURE__ */ s("div", { className:
|
|
106
|
-
/* @__PURE__ */ a("div", { className:
|
|
107
|
-
/* @__PURE__ */ a("div", { className:
|
|
108
|
-
if (
|
|
109
|
-
if (
|
|
110
|
-
const
|
|
111
|
-
return /* @__PURE__ */ s("span", { className:
|
|
112
|
-
/* @__PURE__ */ a(
|
|
113
|
-
/* @__PURE__ */ a("span", { children:
|
|
156
|
+
] }) : i ? /* @__PURE__ */ s("div", { className: e.header, children: [
|
|
157
|
+
/* @__PURE__ */ a("div", { className: e.headerIcon, children: /* @__PURE__ */ a(m, { icon: ee, size: 20 }) }),
|
|
158
|
+
/* @__PURE__ */ s("div", { className: e.headerBar, "data-variant": "reply", children: [
|
|
159
|
+
/* @__PURE__ */ a("div", { className: e.headerTitle, "data-variant": "reply", children: i.senderName }),
|
|
160
|
+
/* @__PURE__ */ a("div", { className: e.headerText, children: (() => {
|
|
161
|
+
if (i.text && i.text.trim().length > 0) return i.text;
|
|
162
|
+
if (i.attachmentName) {
|
|
163
|
+
const t = i.attachmentKind === "image" ? ae : i.attachmentKind === "video" ? ne : ie;
|
|
164
|
+
return /* @__PURE__ */ s("span", { className: e.headerAttachment, children: [
|
|
165
|
+
/* @__PURE__ */ a(m, { icon: t, size: 14 }),
|
|
166
|
+
/* @__PURE__ */ a("span", { children: i.attachmentName })
|
|
114
167
|
] });
|
|
115
168
|
}
|
|
116
169
|
return "";
|
|
117
170
|
})() })
|
|
118
171
|
] }),
|
|
119
172
|
/* @__PURE__ */ a(
|
|
120
|
-
|
|
173
|
+
B,
|
|
121
174
|
{
|
|
122
175
|
size: "sm",
|
|
123
|
-
onClick:
|
|
176
|
+
onClick: i.onCancel,
|
|
124
177
|
"aria-label": "Close"
|
|
125
178
|
}
|
|
126
179
|
)
|
|
127
180
|
] }) : null,
|
|
128
|
-
|
|
129
|
-
|
|
181
|
+
C && /* @__PURE__ */ a("div", { className: e.attachments, children: /* @__PURE__ */ a(
|
|
182
|
+
oe,
|
|
130
183
|
{
|
|
131
|
-
files:
|
|
184
|
+
files: r,
|
|
132
185
|
mode: "draft",
|
|
133
|
-
onRemove:
|
|
186
|
+
onRemove: V
|
|
134
187
|
}
|
|
135
188
|
) }),
|
|
136
|
-
/* @__PURE__ */ s("div", { className:
|
|
189
|
+
/* @__PURE__ */ s("div", { className: e.inputArea, children: [
|
|
137
190
|
/* @__PURE__ */ a(
|
|
138
|
-
|
|
191
|
+
de,
|
|
139
192
|
{
|
|
140
|
-
onChange:
|
|
193
|
+
onChange: q,
|
|
141
194
|
showIcons: !1,
|
|
195
|
+
showGifs: !!b,
|
|
196
|
+
onSelectGif: b,
|
|
142
197
|
showRemoveButton: !1,
|
|
198
|
+
showRandomButton: !1,
|
|
143
199
|
position: "top-start",
|
|
144
200
|
closeOnSelect: !1,
|
|
201
|
+
withinPortal: !0,
|
|
145
202
|
children: /* @__PURE__ */ a(
|
|
146
|
-
|
|
203
|
+
R,
|
|
147
204
|
{
|
|
148
205
|
variant: "subtle",
|
|
149
206
|
radius: "xl",
|
|
150
207
|
size: 34,
|
|
151
208
|
color: "gray",
|
|
152
|
-
className:
|
|
209
|
+
className: e.iconButton,
|
|
153
210
|
"aria-label": "Emoji",
|
|
154
|
-
|
|
211
|
+
disabled: c,
|
|
212
|
+
children: /* @__PURE__ */ a(m, { icon: ue, size: 24 })
|
|
155
213
|
}
|
|
156
214
|
)
|
|
157
215
|
}
|
|
158
216
|
),
|
|
159
217
|
/* @__PURE__ */ a(
|
|
160
|
-
|
|
218
|
+
ce,
|
|
161
219
|
{
|
|
162
|
-
ref:
|
|
220
|
+
ref: g,
|
|
163
221
|
classNames: {
|
|
164
|
-
root:
|
|
165
|
-
input:
|
|
222
|
+
root: e.textarea,
|
|
223
|
+
input: e.textareaInput
|
|
166
224
|
},
|
|
167
225
|
w: "100%",
|
|
168
226
|
flex: 1,
|
|
169
|
-
value:
|
|
170
|
-
onChange: (
|
|
171
|
-
|
|
172
|
-
|
|
227
|
+
value: o,
|
|
228
|
+
onChange: (n) => f(n.currentTarget.value),
|
|
229
|
+
onPaste: Q,
|
|
230
|
+
onKeyDown: U,
|
|
231
|
+
placeholder: H,
|
|
173
232
|
autosize: !0,
|
|
174
233
|
minRows: 1,
|
|
175
234
|
maxRows: 6,
|
|
176
|
-
disabled:
|
|
235
|
+
disabled: c,
|
|
177
236
|
variant: "unstyled",
|
|
178
|
-
maxLength:
|
|
237
|
+
maxLength: G
|
|
179
238
|
}
|
|
180
239
|
),
|
|
181
|
-
!
|
|
182
|
-
|
|
240
|
+
!v && /* @__PURE__ */ a(
|
|
241
|
+
R,
|
|
183
242
|
{
|
|
184
243
|
variant: "subtle",
|
|
185
244
|
radius: "xl",
|
|
186
245
|
size: 34,
|
|
187
246
|
color: "gray",
|
|
188
|
-
className:
|
|
247
|
+
className: e.iconButton,
|
|
189
248
|
"aria-label": "Attach file",
|
|
190
|
-
onClick: () =>
|
|
249
|
+
onClick: () => p.current?.click(),
|
|
250
|
+
disabled: c,
|
|
191
251
|
children: /* @__PURE__ */ a(
|
|
192
|
-
|
|
252
|
+
m,
|
|
193
253
|
{
|
|
194
|
-
icon:
|
|
254
|
+
icon: te,
|
|
195
255
|
size: 24,
|
|
196
256
|
style: { transform: "rotate(30deg)" }
|
|
197
257
|
}
|
|
@@ -203,18 +263,18 @@ function se({
|
|
|
203
263
|
}
|
|
204
264
|
),
|
|
205
265
|
/* @__PURE__ */ a(
|
|
206
|
-
|
|
266
|
+
R,
|
|
207
267
|
{
|
|
208
|
-
className:
|
|
268
|
+
className: e.sendButton,
|
|
209
269
|
variant: "filled",
|
|
210
270
|
color: "indigo",
|
|
211
271
|
radius: 12,
|
|
212
272
|
size: 50,
|
|
213
|
-
onClick:
|
|
214
|
-
disabled:
|
|
215
|
-
loading:
|
|
273
|
+
onClick: I,
|
|
274
|
+
disabled: c || !X,
|
|
275
|
+
loading: K,
|
|
216
276
|
"aria-label": "Send message",
|
|
217
|
-
children: /* @__PURE__ */ a(
|
|
277
|
+
children: /* @__PURE__ */ a(m, { icon: se, size: 24 })
|
|
218
278
|
}
|
|
219
279
|
)
|
|
220
280
|
] })
|
|
@@ -222,7 +282,7 @@ function se({
|
|
|
222
282
|
}
|
|
223
283
|
);
|
|
224
284
|
}
|
|
225
|
-
|
|
285
|
+
he.displayName = "ChatInput";
|
|
226
286
|
export {
|
|
227
|
-
|
|
287
|
+
he as ChatInput
|
|
228
288
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"smilePlusIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/ChatInput/smilePlusIcon.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEvD,eAAO,MAAM,aAAa,EAAE,cA6C3B,CAAC"}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
const o = [
|
|
2
|
+
[
|
|
3
|
+
"path",
|
|
4
|
+
{
|
|
5
|
+
d: "M21.3 10.5C21.4311 11.1462 21.5 11.8151 21.5 12.5C21.5 18.0228 17.0228 22.5 11.5 22.5C5.97715 22.5 1.5 18.0228 1.5 12.5C1.5 6.97715 5.97715 2.5 11.5 2.5C12.1849 2.5 12.8538 2.56886 13.5 2.70004",
|
|
6
|
+
stroke: "currentColor",
|
|
7
|
+
strokeWidth: "1.5",
|
|
8
|
+
strokeLinecap: "round",
|
|
9
|
+
strokeLinejoin: "round",
|
|
10
|
+
key: "0"
|
|
11
|
+
}
|
|
12
|
+
],
|
|
13
|
+
[
|
|
14
|
+
"path",
|
|
15
|
+
{
|
|
16
|
+
d: "M19.494 1.5V7.5M22.5 4.494L16.5 4.494",
|
|
17
|
+
stroke: "currentColor",
|
|
18
|
+
strokeWidth: "1.5",
|
|
19
|
+
strokeLinecap: "round",
|
|
20
|
+
strokeLinejoin: "round",
|
|
21
|
+
key: "1"
|
|
22
|
+
}
|
|
23
|
+
],
|
|
24
|
+
[
|
|
25
|
+
"path",
|
|
26
|
+
{
|
|
27
|
+
d: "M7.5 15.5C8.41212 16.7144 9.86433 17.5 11.5 17.5C13.1357 17.5 14.5879 16.7144 15.5 15.5",
|
|
28
|
+
stroke: "currentColor",
|
|
29
|
+
strokeWidth: "1.5",
|
|
30
|
+
strokeLinecap: "round",
|
|
31
|
+
strokeLinejoin: "round",
|
|
32
|
+
key: "2"
|
|
33
|
+
}
|
|
34
|
+
],
|
|
35
|
+
[
|
|
36
|
+
"path",
|
|
37
|
+
{
|
|
38
|
+
d: "M15.125 8.887V9.41649M7.875 8.887V9.41649M8.25 9.25C8.25 8.83579 8.08211 8.5 7.875 8.5C7.66789 8.5 7.5 8.83579 7.5 9.25C7.5 9.66421 7.66789 10 7.875 10C8.08211 10 8.25 9.66421 8.25 9.25ZM15.5 9.25C15.5 8.83579 15.3321 8.5 15.125 8.5C14.9179 8.5 14.75 8.83579 14.75 9.25C14.75 9.66421 14.9179 10 15.125 10C15.3321 10 15.5 9.66421 15.5 9.25Z",
|
|
39
|
+
stroke: "currentColor",
|
|
40
|
+
strokeWidth: "1.5",
|
|
41
|
+
strokeLinecap: "round",
|
|
42
|
+
strokeLinejoin: "round",
|
|
43
|
+
key: "3"
|
|
44
|
+
}
|
|
45
|
+
]
|
|
46
|
+
];
|
|
47
|
+
export {
|
|
48
|
+
o as SmilePlusIcon
|
|
49
|
+
};
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
const t = "
|
|
1
|
+
const t = "_wrapper_1hoj2_1", a = "_avatar_1hoj2_77", e = "_spacer_1hoj2_93", o = "_content_1hoj2_107", s = "_attachmentsWrap_1hoj2_153", n = "_mediaOnlyMeta_1hoj2_243", _ = "_messageRow_1hoj2_285", c = "_hoverActions_1hoj2_295", r = {
|
|
2
2
|
wrapper: t,
|
|
3
3
|
avatar: a,
|
|
4
4
|
spacer: e,
|
|
5
|
-
content:
|
|
6
|
-
attachmentsWrap:
|
|
7
|
-
mediaOnlyMeta:
|
|
8
|
-
messageRow:
|
|
5
|
+
content: o,
|
|
6
|
+
attachmentsWrap: s,
|
|
7
|
+
mediaOnlyMeta: n,
|
|
8
|
+
messageRow: _,
|
|
9
9
|
hoverActions: c
|
|
10
10
|
};
|
|
11
11
|
export {
|
|
12
|
-
|
|
12
|
+
s as attachmentsWrap,
|
|
13
13
|
a as avatar,
|
|
14
|
-
|
|
14
|
+
o as content,
|
|
15
15
|
r as default,
|
|
16
16
|
c as hoverActions,
|
|
17
|
-
|
|
18
|
-
|
|
17
|
+
n as mediaOnlyMeta,
|
|
18
|
+
_ as messageRow,
|
|
19
19
|
e as spacer,
|
|
20
20
|
t as wrapper
|
|
21
21
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/ChatMessage/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAGvC,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAOnE,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/ChatMessage/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAGvC,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAOnE,OAAO,EAGL,KAAK,QAAQ,EACd,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAE,KAAK,qBAAqB,EAAiB,MAAM,kBAAkB,CAAC;AAO7E,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACxC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,qBAAqB,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE;QACR,UAAU,EAAE,MAAM,CAAC;QACnB,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;QACtB,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;QAClC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;KACtB,CAAC;IACF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,oBAAoB,CAAC,cAAc,EAAE,CAAC;IACpD,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IACvB,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,aAAa,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IACvD,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;IACnB,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC9C,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,eAAO,MAAM,WAAW,oFAmOvB,CAAC"}
|