@layers-app/shared 0.4.4 → 0.4.5

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.
Files changed (176) hide show
  1. package/dist/components/AnimatedFigurePage/AnimatedFigurePage.module.css.js +13 -13
  2. package/dist/components/AppContainer/AppContainer.module.css.js +1 -1
  3. package/dist/components/AppContainer/components/SidebarToggleButton.d.ts.map +1 -1
  4. package/dist/components/AppContainer/components/SidebarToggleButton.js +25 -16
  5. package/dist/components/AppContainer/components/menus/HelpMenu/HelpMenu.module.css.js +1 -1
  6. package/dist/components/AppShell/AppShell.module.css.js +5 -5
  7. package/dist/components/AttachmentsGalleryModal/components/GallerySlide.d.ts.map +1 -1
  8. package/dist/components/AttachmentsGalleryModal/components/GallerySlide.js +33 -33
  9. package/dist/components/AttachmentsGalleryModal/components/ShakePlayer/ShakaPlayer.d.ts.map +1 -1
  10. package/dist/components/AttachmentsGalleryModal/components/ShakePlayer/ShakaPlayer.js +54 -36
  11. package/dist/components/AttachmentsGalleryModal/components/ShakePlayer/ShakaPlayer.module.css.js +4 -4
  12. package/dist/components/AttachmentsGalleryModal/components/ShakePlayer/useShakePlayer.d.ts +2 -0
  13. package/dist/components/AttachmentsGalleryModal/components/ShakePlayer/useShakePlayer.d.ts.map +1 -1
  14. package/dist/components/AttachmentsGalleryModal/components/ShakePlayer/useShakePlayer.js +82 -41
  15. package/dist/components/AttachmentsGalleryModal/styles.module.css.js +7 -7
  16. package/dist/components/AttachmentsPreview/AttachmentsPreview.d.ts.map +1 -1
  17. package/dist/components/AttachmentsPreview/AttachmentsPreview.js +11 -12
  18. package/dist/components/AttachmentsPreview/AttachmentsPreview.module.css.js +1 -1
  19. package/dist/components/BouncingLogo/BouncingLogo.module.css.js +8 -8
  20. package/dist/components/Chat/CallMessage/CallMessage.module.css.js +15 -0
  21. package/dist/components/Chat/CallMessage/index.d.ts +21 -0
  22. package/dist/components/Chat/CallMessage/index.d.ts.map +1 -0
  23. package/dist/components/Chat/CallMessage/index.js +49 -0
  24. package/dist/components/Chat/ChatBubble/ChatBubble.module.css.js +9 -0
  25. package/dist/components/Chat/ChatBubble/index.d.ts +14 -0
  26. package/dist/components/Chat/ChatBubble/index.d.ts.map +1 -0
  27. package/dist/components/Chat/ChatBubble/index.js +32 -0
  28. package/dist/components/Chat/ChatHeader/ChatHeader.module.css.js +17 -0
  29. package/dist/components/Chat/ChatHeader/index.d.ts +42 -0
  30. package/dist/components/Chat/ChatHeader/index.d.ts.map +1 -0
  31. package/dist/components/Chat/ChatHeader/index.js +78 -0
  32. package/dist/components/Chat/ChatInput/ChatInput.module.css.js +37 -0
  33. package/dist/components/Chat/ChatInput/index.d.ts +46 -0
  34. package/dist/components/Chat/ChatInput/index.d.ts.map +1 -0
  35. package/dist/components/Chat/ChatInput/index.js +228 -0
  36. package/dist/components/Chat/ChatLayout/ChatLayout.module.css.js +15 -0
  37. package/dist/components/Chat/ChatLayout/index.d.ts +17 -0
  38. package/dist/components/Chat/ChatLayout/index.d.ts.map +1 -0
  39. package/dist/components/Chat/ChatLayout/index.js +43 -0
  40. package/dist/components/Chat/ChatMessage/ChatMessage.module.css.js +21 -0
  41. package/dist/components/Chat/ChatMessage/index.d.ts +45 -0
  42. package/dist/components/Chat/ChatMessage/index.d.ts.map +1 -0
  43. package/dist/components/Chat/ChatMessage/index.js +188 -0
  44. package/dist/components/Chat/ChatPill/ChatPill.module.css.js +11 -0
  45. package/dist/components/Chat/ChatPill/index.d.ts +12 -0
  46. package/dist/components/Chat/ChatPill/index.d.ts.map +1 -0
  47. package/dist/components/Chat/ChatPill/index.js +21 -0
  48. package/dist/components/Chat/DayMeta/index.d.ts +11 -0
  49. package/dist/components/Chat/DayMeta/index.d.ts.map +1 -0
  50. package/dist/components/Chat/DayMeta/index.js +9 -0
  51. package/dist/components/Chat/DialogItem/DialogItem.module.css.js +17 -0
  52. package/dist/components/Chat/DialogItem/index.d.ts +41 -0
  53. package/dist/components/Chat/DialogItem/index.d.ts.map +1 -0
  54. package/dist/components/Chat/DialogItem/index.js +107 -0
  55. package/dist/components/Chat/DialogList/DialogList.module.css.js +7 -0
  56. package/dist/components/Chat/DialogList/index.d.ts +11 -0
  57. package/dist/components/Chat/DialogList/index.d.ts.map +1 -0
  58. package/dist/components/Chat/DialogList/index.js +19 -0
  59. package/dist/components/Chat/MediaDocument/MediaDocument.module.css.js +13 -0
  60. package/dist/components/Chat/MediaDocument/index.d.ts +15 -0
  61. package/dist/components/Chat/MediaDocument/index.d.ts.map +1 -0
  62. package/dist/components/Chat/MediaDocument/index.js +73 -0
  63. package/dist/components/Chat/MessageActions/MessageActions.module.css.js +7 -0
  64. package/dist/components/Chat/MessageActions/index.d.ts +16 -0
  65. package/dist/components/Chat/MessageActions/index.d.ts.map +1 -0
  66. package/dist/components/Chat/MessageActions/index.js +65 -0
  67. package/dist/components/Chat/MessageAuthor/index.d.ts +20 -0
  68. package/dist/components/Chat/MessageAuthor/index.d.ts.map +1 -0
  69. package/dist/components/Chat/MessageAuthor/index.js +36 -0
  70. package/dist/components/Chat/MessageForward/MessageForward.module.css.js +7 -0
  71. package/dist/components/Chat/MessageForward/index.d.ts +13 -0
  72. package/dist/components/Chat/MessageForward/index.d.ts.map +1 -0
  73. package/dist/components/Chat/MessageForward/index.js +30 -0
  74. package/dist/components/Chat/MessageList/MessageList.module.css.js +17 -0
  75. package/dist/components/Chat/MessageList/index.d.ts +12 -0
  76. package/dist/components/Chat/MessageList/index.d.ts.map +1 -0
  77. package/dist/components/Chat/MessageList/index.js +71 -0
  78. package/dist/components/Chat/MessageMeta/MessageMeta.module.css.js +13 -0
  79. package/dist/components/Chat/MessageMeta/index.d.ts +16 -0
  80. package/dist/components/Chat/MessageMeta/index.d.ts.map +1 -0
  81. package/dist/components/Chat/MessageMeta/index.js +33 -0
  82. package/dist/components/Chat/MessageReactions/MessageReactions.module.css.js +15 -0
  83. package/dist/components/Chat/MessageReactions/index.d.ts +15 -0
  84. package/dist/components/Chat/MessageReactions/index.d.ts.map +1 -0
  85. package/dist/components/Chat/MessageReactions/index.js +40 -0
  86. package/dist/components/Chat/MessageReply/MessageReply.module.css.js +15 -0
  87. package/dist/components/Chat/MessageReply/index.d.ts +15 -0
  88. package/dist/components/Chat/MessageReply/index.d.ts.map +1 -0
  89. package/dist/components/Chat/MessageReply/index.js +40 -0
  90. package/dist/components/Chat/MessageStatus/MessageStatus.module.css.js +9 -0
  91. package/dist/components/Chat/MessageStatus/index.d.ts +14 -0
  92. package/dist/components/Chat/MessageStatus/index.d.ts.map +1 -0
  93. package/dist/components/Chat/MessageStatus/index.js +53 -0
  94. package/dist/components/Chat/ServiceMessage/ServiceMessage.module.css.js +11 -0
  95. package/dist/components/Chat/ServiceMessage/index.d.ts +13 -0
  96. package/dist/components/Chat/ServiceMessage/index.d.ts.map +1 -0
  97. package/dist/components/Chat/ServiceMessage/index.js +21 -0
  98. package/dist/components/Chat/UnreadSeparator/index.d.ts +11 -0
  99. package/dist/components/Chat/UnreadSeparator/index.d.ts.map +1 -0
  100. package/dist/components/Chat/UnreadSeparator/index.js +13 -0
  101. package/dist/components/Chat/colors.d.ts +7 -0
  102. package/dist/components/Chat/colors.d.ts.map +1 -0
  103. package/dist/components/Chat/colors.js +30 -0
  104. package/dist/components/Chat/icons.d.ts +9 -0
  105. package/dist/components/Chat/icons.d.ts.map +1 -0
  106. package/dist/components/Chat/icons.js +49 -0
  107. package/dist/components/Chat/index.d.ts +24 -0
  108. package/dist/components/Chat/index.d.ts.map +1 -0
  109. package/dist/components/Chat/mock-data.d.ts +32 -0
  110. package/dist/components/Chat/mock-data.d.ts.map +1 -0
  111. package/dist/components/Chat/types.d.ts +159 -0
  112. package/dist/components/Chat/types.d.ts.map +1 -0
  113. package/dist/components/CollapsibleContainer/CollapsibleContainer.module.css.js +1 -1
  114. package/dist/components/ColorPicker/ColorPicker.module.css.js +24 -24
  115. package/dist/components/CommentComposer/CommentComposer.module.css.js +4 -4
  116. package/dist/components/CommentComposer/types.js +9 -0
  117. package/dist/components/CommunitiesDialog/styles.module.css.js +1 -1
  118. package/dist/components/Copyright/Copyright.module.css.js +1 -1
  119. package/dist/components/CustomKBD/CustomKBD.module.css.js +1 -1
  120. package/dist/components/EmojiPicker/EmojiPicker.d.ts +8 -1
  121. package/dist/components/EmojiPicker/EmojiPicker.d.ts.map +1 -1
  122. package/dist/components/EmojiPicker/EmojiPicker.js +53 -50
  123. package/dist/components/EmojiPicker/EmojiPicker.module.css.js +8 -8
  124. package/dist/components/EntityIcon.d.ts.map +1 -1
  125. package/dist/components/EntityIcon.js +36 -27
  126. package/dist/components/EntityTitle/EntityTitle.module.css.js +1 -1
  127. package/dist/components/ErrorPage/components/Error404.d.ts.map +1 -1
  128. package/dist/components/FeatureProgress/FeatureProgress.module.css.js +49 -49
  129. package/dist/components/FilePicker/FilePicker.d.ts.map +1 -1
  130. package/dist/components/FilePicker/FilePicker.js +135 -161
  131. package/dist/components/FilePicker/FilePicker.module.css.js +8 -12
  132. package/dist/components/FilePicker/FilePickerGallery.js +13 -13
  133. package/dist/components/FilePicker/FilePickerGiphy.js +4 -4
  134. package/dist/components/FilePicker/FilePickerGoogleDrive.js +3 -3
  135. package/dist/components/FilePicker/FilePickerUnsplash.js +18 -18
  136. package/dist/components/FilePicker/FilePickerUpload.d.ts.map +1 -1
  137. package/dist/components/FilePicker/FilePickerUpload.js +55 -47
  138. package/dist/components/FormViewer/FormViewer.module.css.js +20 -20
  139. package/dist/components/FormViewer/components/fields/DragOptions/DragOptions.module.css.js +1 -1
  140. package/dist/components/FormViewer/components/fields/DropdownField/DropdownField.module.css.js +1 -1
  141. package/dist/components/FormViewer/components/fields/EditableContent/EditableContent.module.css.js +1 -1
  142. package/dist/components/FormViewer/components/fields/SelectableCard/SelectableCard.module.css.js +8 -8
  143. package/dist/components/FormViewer/components/fields/UploadField/UploadFile/UploadFile.module.css.js +4 -4
  144. package/dist/components/FormViewer/store/formStore.d.ts.map +1 -1
  145. package/dist/components/ImageCropper/ImageCropper.module.css.js +38 -38
  146. package/dist/components/IntegrationFlowAnimation/IntegrationFlowAnimation.module.css.js +11 -11
  147. package/dist/components/LanguagePicker/LanguagePicker.module.css.js +1 -1
  148. package/dist/components/Loaders/styles.module.css.js +6 -6
  149. package/dist/components/MediaLibrary/MediaLibrary.module.css.js +2 -2
  150. package/dist/components/MusicPlayerBar/MusicPlayerBar.module.css.js +23 -23
  151. package/dist/components/NavMenu/NavMenu.module.css.js +12 -12
  152. package/dist/components/NavbarResizer/NavbarResizer.module.css.js +2 -2
  153. package/dist/components/NotPublicPanel/NotPublicPanel.module.css.js +11 -11
  154. package/dist/components/Notification/Notification.module.css.js +1 -1
  155. package/dist/components/PillTabs/PillTabs.d.ts +19 -0
  156. package/dist/components/PillTabs/PillTabs.d.ts.map +1 -0
  157. package/dist/components/PillTabs/PillTabs.js +50 -0
  158. package/dist/components/PillTabs/PillTabs.module.css.js +11 -0
  159. package/dist/components/SearchFilters/SearchFilters.module.css.js +1 -1
  160. package/dist/components/SettingsSection/styles.module.css.js +1 -1
  161. package/dist/components/StorageUsageProgress/StorageUsageProgress.module.css.js +1 -1
  162. package/dist/components/TreeIndent/TreeIndent.module.css.js +4 -4
  163. package/dist/components/modals/RemoveConfirmModal.js +1 -1
  164. package/dist/components/table/FrontTable.d.ts.map +1 -1
  165. package/dist/components/table/hooks/useColumnsResizing.d.ts.map +1 -1
  166. package/dist/helpers/showFeatureFeedback.module.css.js +4 -4
  167. package/dist/helpers/showNotifications.module.css.js +1 -1
  168. package/dist/index.css +1 -1
  169. package/dist/index.d.ts +3 -0
  170. package/dist/index.d.ts.map +1 -1
  171. package/dist/index.js +573 -522
  172. package/dist/lang/locales/ui_en.json.js +5 -5
  173. package/dist/lang/locales/ui_es.json.js +1 -1
  174. package/dist/lang/locales/ui_ru.json.js +1 -1
  175. package/docs/README.md +499 -499
  176. package/package.json +78 -75
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/MessageMeta/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,MAAM,EACN,KAAK,EACL,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,SAAS,EACT,KAAK,GACN,EAAE,gBAAgB,2CAelB;yBAxBe,WAAW"}
@@ -0,0 +1,33 @@
1
+ import { jsxs as c, jsx as a } from "react/jsx-runtime";
2
+ import e from "./MessageMeta.module.css.js";
3
+ function l({
4
+ time: t,
5
+ edited: i,
6
+ views: s,
7
+ outgoing: d,
8
+ inReactions: o,
9
+ children: n,
10
+ className: r,
11
+ style: m
12
+ }) {
13
+ return /* @__PURE__ */ c(
14
+ "div",
15
+ {
16
+ className: `${e.root} ${r || ""}`,
17
+ style: m,
18
+ "data-outgoing": d || void 0,
19
+ "data-in-reactions": o || void 0,
20
+ "data-testid": "message-meta",
21
+ children: [
22
+ i && /* @__PURE__ */ a("span", { className: e.edited, children: "edited" }),
23
+ s !== void 0 && /* @__PURE__ */ a("span", { className: e.views, children: s }),
24
+ /* @__PURE__ */ a("span", { className: e.time, children: t }),
25
+ n
26
+ ]
27
+ }
28
+ );
29
+ }
30
+ l.displayName = "MessageMeta";
31
+ export {
32
+ l as MessageMeta
33
+ };
@@ -0,0 +1,15 @@
1
+ const o = "_row_6r23s_1", t = "_pill_6r23s_19", _ = "_count_6r23s_79", s = "_emoji_6r23s_95", c = "_meta_6r23s_119", e = {
2
+ row: o,
3
+ pill: t,
4
+ count: _,
5
+ emoji: s,
6
+ meta: c
7
+ };
8
+ export {
9
+ _ as count,
10
+ e as default,
11
+ s as emoji,
12
+ c as meta,
13
+ t as pill,
14
+ o as row
15
+ };
@@ -0,0 +1,15 @@
1
+ import React from 'react';
2
+ export interface Reaction {
3
+ emoji: string;
4
+ count: number;
5
+ active?: boolean;
6
+ }
7
+ export interface MessageReactionsProps {
8
+ reactions: Reaction[];
9
+ onToggle?: (emoji: string) => void;
10
+ meta?: React.ReactNode;
11
+ className?: string;
12
+ style?: React.CSSProperties;
13
+ }
14
+ export declare const MessageReactions: React.NamedExoticComponent<MessageReactionsProps>;
15
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/MessageReactions/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,qBAAqB;IACpC,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,eAAO,MAAM,gBAAgB,mDA+B3B,CAAC"}
@@ -0,0 +1,40 @@
1
+ import { jsxs as n, jsx as t } from "react/jsx-runtime";
2
+ import m from "react";
3
+ import s from "./MessageReactions.module.css.js";
4
+ const d = m.memo(function({
5
+ reactions: i,
6
+ onToggle: c,
7
+ meta: a,
8
+ className: o,
9
+ style: l
10
+ }) {
11
+ return !i.length && !a ? null : /* @__PURE__ */ n(
12
+ "div",
13
+ {
14
+ className: `${s.row}${o ? ` ${o}` : ""}`,
15
+ style: l,
16
+ "data-testid": "message-reactions",
17
+ children: [
18
+ i.map((e) => /* @__PURE__ */ n(
19
+ "button",
20
+ {
21
+ className: s.pill,
22
+ "data-active": e.active || void 0,
23
+ onClick: () => c?.(e.emoji),
24
+ type: "button",
25
+ children: [
26
+ /* @__PURE__ */ t("span", { className: s.emoji, children: e.emoji }),
27
+ /* @__PURE__ */ t("span", { className: s.count, children: e.count })
28
+ ]
29
+ },
30
+ e.emoji
31
+ )),
32
+ a && /* @__PURE__ */ t("div", { className: s.meta, children: a })
33
+ ]
34
+ }
35
+ );
36
+ });
37
+ d.displayName = "MessageReactions";
38
+ export {
39
+ d as MessageReactions
40
+ };
@@ -0,0 +1,15 @@
1
+ const t = "_root_13gux_21", o = "_border_13gux_15", e = "_content_13gux_67", _ = "_title_13gux_85", n = "_subtitle_13gux_109", s = {
2
+ root: t,
3
+ border: o,
4
+ content: e,
5
+ title: _,
6
+ subtitle: n
7
+ };
8
+ export {
9
+ o as border,
10
+ e as content,
11
+ s as default,
12
+ t as root,
13
+ n as subtitle,
14
+ _ as title
15
+ };
@@ -0,0 +1,15 @@
1
+ import React from 'react';
2
+ export interface MessageReplyProps {
3
+ title: string;
4
+ subtitle: React.ReactNode;
5
+ color?: 1 | 2 | 3 | 4 | 5 | 6 | 7;
6
+ outgoing?: boolean;
7
+ onClick?: () => void;
8
+ className?: string;
9
+ style?: React.CSSProperties;
10
+ }
11
+ export declare function MessageReply({ title, subtitle, color, outgoing, onClick, className, style, }: MessageReplyProps): import("react/jsx-runtime").JSX.Element;
12
+ export declare namespace MessageReply {
13
+ var displayName: string;
14
+ }
15
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/MessageReply/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,OAAO,EACP,SAAS,EACT,KAAK,GACN,EAAE,iBAAiB,2CA2BnB;yBAnCe,YAAY"}
@@ -0,0 +1,40 @@
1
+ import { jsxs as r, jsx as d } from "react/jsx-runtime";
2
+ import { getAuthorColor as y } from "../colors.js";
3
+ import t from "./MessageReply.module.css.js";
4
+ function p({
5
+ title: i,
6
+ subtitle: l,
7
+ color: o,
8
+ outgoing: a,
9
+ onClick: e,
10
+ className: m,
11
+ style: v
12
+ }) {
13
+ const s = a ? void 0 : o ? y(o) : void 0;
14
+ return /* @__PURE__ */ r(
15
+ "div",
16
+ {
17
+ className: `${t.root} ${m || ""}`,
18
+ style: v,
19
+ "data-outgoing": a || void 0,
20
+ "data-testid": "message-reply",
21
+ onClick: e,
22
+ tabIndex: e ? 0 : void 0,
23
+ role: e ? "button" : void 0,
24
+ onKeyDown: e ? (n) => {
25
+ n.key === "Enter" && e();
26
+ } : void 0,
27
+ children: [
28
+ /* @__PURE__ */ d("div", { className: t.border, style: s ? { background: s } : void 0 }),
29
+ /* @__PURE__ */ r("div", { className: t.content, children: [
30
+ /* @__PURE__ */ d("div", { className: t.title, style: s ? { color: s } : void 0, "data-testid": "message-reply-title", children: i }),
31
+ /* @__PURE__ */ d("div", { className: t.subtitle, "data-testid": "message-reply-subtitle", children: l })
32
+ ] })
33
+ ]
34
+ }
35
+ );
36
+ }
37
+ p.displayName = "MessageReply";
38
+ export {
39
+ p as MessageReply
40
+ };
@@ -0,0 +1,9 @@
1
+ const o = "_root_jikjm_1", t = "_icon_jikjm_15", c = {
2
+ root: o,
3
+ icon: t
4
+ };
5
+ export {
6
+ c as default,
7
+ t as icon,
8
+ o as root
9
+ };
@@ -0,0 +1,14 @@
1
+ import React from 'react';
2
+ export type MessageDeliveryStatus = 'sending' | 'sent' | 'delivered' | 'read' | 'error';
3
+ export interface MessageStatusProps {
4
+ status: MessageDeliveryStatus;
5
+ /** Additional className */
6
+ className?: string;
7
+ /** Custom style */
8
+ style?: React.CSSProperties;
9
+ }
10
+ export declare function MessageStatus({ status, className, style }: MessageStatusProps): import("react/jsx-runtime").JSX.Element | null;
11
+ export declare namespace MessageStatus {
12
+ var displayName: string;
13
+ }
14
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/MessageStatus/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,qBAAqB,GAAG,SAAS,GAAG,MAAM,GAAG,WAAW,GAAG,MAAM,GAAG,OAAO,CAAC;AAExF,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,qBAAqB,CAAC;IAC9B,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mBAAmB;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AA+CD,wBAAgB,aAAa,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,kBAAkB,kDAyB7E;yBAzBe,aAAa"}
@@ -0,0 +1,53 @@
1
+ import { jsx as r, jsxs as n } from "react/jsx-runtime";
2
+ import i from "./MessageStatus.module.css.js";
3
+ function a(e) {
4
+ return /* @__PURE__ */ n("svg", { viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: 1.5, ...e, children: [
5
+ /* @__PURE__ */ r("circle", { cx: "8", cy: "8", r: "6" }),
6
+ /* @__PURE__ */ r("polyline", { points: "8,4 8,8" }),
7
+ /* @__PURE__ */ r("polyline", { points: "8,8 10.5,10" })
8
+ ] });
9
+ }
10
+ function d(e) {
11
+ return /* @__PURE__ */ r("svg", { viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: 1.5, ...e, children: /* @__PURE__ */ r("polyline", { points: "3,8.5 6.5,12 13,4" }) });
12
+ }
13
+ function l(e) {
14
+ return /* @__PURE__ */ n("svg", { viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: 1.5, ...e, children: [
15
+ /* @__PURE__ */ r("polyline", { points: "1.5,8.5 5,12 11.5,4" }),
16
+ /* @__PURE__ */ r("polyline", { points: "5.5,8.5 9,12 15.5,4" })
17
+ ] });
18
+ }
19
+ function u(e) {
20
+ return /* @__PURE__ */ n("svg", { viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: 1.5, ...e, children: [
21
+ /* @__PURE__ */ r("circle", { cx: "8", cy: "8", r: "6" }),
22
+ /* @__PURE__ */ r("line", { x1: "8", y1: "4.5", x2: "8", y2: "9" }),
23
+ /* @__PURE__ */ r("circle", { cx: "8", cy: "11.5", r: "0.5", fill: "currentColor", stroke: "none" })
24
+ ] });
25
+ }
26
+ const p = {
27
+ sending: a,
28
+ sent: d,
29
+ delivered: l,
30
+ read: l,
31
+ error: u
32
+ };
33
+ function f({ status: e, className: s, style: c }) {
34
+ const t = p[e];
35
+ if (!t)
36
+ return null;
37
+ let o;
38
+ return e === "error" ? o = "var(--mantine-color-red-6)" : o = "currentColor", /* @__PURE__ */ r(
39
+ "span",
40
+ {
41
+ className: `${i.root} ${s || ""}`,
42
+ style: { ...c, color: o },
43
+ "data-testid": "message-status",
44
+ "data-status": e,
45
+ "aria-label": e,
46
+ children: /* @__PURE__ */ r(t, { className: i.icon })
47
+ }
48
+ );
49
+ }
50
+ f.displayName = "MessageStatus";
51
+ export {
52
+ f as MessageStatus
53
+ };
@@ -0,0 +1,11 @@
1
+ const t = "_root_983ti_1", o = "_subtitle_983ti_21", s = "_title_983ti_33", e = {
2
+ root: t,
3
+ subtitle: o,
4
+ title: s
5
+ };
6
+ export {
7
+ e as default,
8
+ t as root,
9
+ o as subtitle,
10
+ s as title
11
+ };
@@ -0,0 +1,13 @@
1
+ import React from 'react';
2
+ export interface ServiceMessageProps {
3
+ children?: React.ReactNode;
4
+ subtitle?: string;
5
+ title?: string;
6
+ className?: string;
7
+ style?: React.CSSProperties;
8
+ }
9
+ export declare function ServiceMessage({ children, subtitle, title, className, style }: ServiceMessageProps): import("react/jsx-runtime").JSX.Element;
10
+ export declare namespace ServiceMessage {
11
+ var displayName: string;
12
+ }
13
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/ServiceMessage/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,mBAAmB,2CAYlG;yBAZe,cAAc"}
@@ -0,0 +1,21 @@
1
+ import { jsxs as m, jsx as i } from "react/jsx-runtime";
2
+ import e from "./ServiceMessage.module.css.js";
3
+ function n({ children: t, subtitle: s, title: r, className: a, style: c }) {
4
+ return /* @__PURE__ */ m(
5
+ "div",
6
+ {
7
+ className: `${e.root}${a ? ` ${a}` : ""}`,
8
+ style: c,
9
+ "data-testid": "service-message",
10
+ children: [
11
+ s && /* @__PURE__ */ i("span", { className: e.subtitle, children: s }),
12
+ r && /* @__PURE__ */ i("span", { className: e.title, children: r }),
13
+ t
14
+ ]
15
+ }
16
+ );
17
+ }
18
+ n.displayName = "ServiceMessage";
19
+ export {
20
+ n as ServiceMessage
21
+ };
@@ -0,0 +1,11 @@
1
+ import React from 'react';
2
+ export interface UnreadSeparatorProps {
3
+ children?: React.ReactNode;
4
+ className?: string;
5
+ style?: React.CSSProperties;
6
+ }
7
+ export declare function UnreadSeparator({ children, className, style, }: UnreadSeparatorProps): import("react/jsx-runtime").JSX.Element;
8
+ export declare namespace UnreadSeparator {
9
+ var displayName: string;
10
+ }
11
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/UnreadSeparator/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,wBAAgB,eAAe,CAAC,EAC9B,QAA4B,EAC5B,SAAS,EACT,KAAK,GACN,EAAE,oBAAoB,2CAMtB;yBAVe,eAAe"}
@@ -0,0 +1,13 @@
1
+ import { jsx as t } from "react/jsx-runtime";
2
+ import { ChatPill as o } from "../ChatPill/index.js";
3
+ function d({
4
+ children: r = "Unread Messages",
5
+ className: a,
6
+ style: e
7
+ }) {
8
+ return /* @__PURE__ */ t(o, { className: a, style: e, "data-testid": "unread-separator", children: r });
9
+ }
10
+ d.displayName = "UnreadSeparator";
11
+ export {
12
+ d as UnreadSeparator
13
+ };
@@ -0,0 +1,7 @@
1
+ export type AvatarColorIndex = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 'gray';
2
+ export declare const AVATAR_COLORS: Record<AvatarColorIndex, string>;
3
+ export type AuthorColorIndex = 1 | 2 | 3 | 4 | 5 | 6 | 7;
4
+ export declare const AUTHOR_COLORS: Record<AuthorColorIndex, string>;
5
+ export declare function getAvatarColor(index?: AvatarColorIndex | number): string;
6
+ export declare function getAuthorColor(index?: AuthorColorIndex | number): string;
7
+ //# sourceMappingURL=colors.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../src/components/Chat/colors.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,gBAAgB,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC;AAElE,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,gBAAgB,EAAE,MAAM,CAS1D,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAEzD,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,gBAAgB,EAAE,MAAM,CAQ1D,CAAC;AAEF,wBAAgB,cAAc,CAAC,KAAK,CAAC,EAAE,gBAAgB,GAAG,MAAM,GAAG,MAAM,CAExE;AAED,wBAAgB,cAAc,CAAC,KAAK,CAAC,EAAE,gBAAgB,GAAG,MAAM,GAAG,MAAM,CAExE"}
@@ -0,0 +1,30 @@
1
+ const c = {
2
+ 1: "#e36f74",
3
+ 2: "#fca76f",
4
+ 3: "#a693e9",
5
+ 4: "#78ca5c",
6
+ 5: "#6ac9cc",
7
+ 6: "#50a2e9",
8
+ 7: "#f078ae",
9
+ gray: "#9aa7b2"
10
+ }, t = {
11
+ 1: "#b7635d",
12
+ 2: "#c07844",
13
+ 3: "#8365ab",
14
+ 4: "#539e4f",
15
+ 5: "#5397b4",
16
+ 6: "#4979a3",
17
+ 7: "#b3577a"
18
+ };
19
+ function e(a) {
20
+ return c[a] ?? c[1];
21
+ }
22
+ function o(a) {
23
+ return t[a] ?? t[6];
24
+ }
25
+ export {
26
+ t as AUTHOR_COLORS,
27
+ c as AVATAR_COLORS,
28
+ o as getAuthorColor,
29
+ e as getAvatarColor
30
+ };
@@ -0,0 +1,9 @@
1
+ export declare const VerifiedIcon: {
2
+ (): import("react/jsx-runtime").JSX.Element;
3
+ displayName: string;
4
+ };
5
+ export declare const MutedIcon: {
6
+ (): import("react/jsx-runtime").JSX.Element;
7
+ displayName: string;
8
+ };
9
+ //# sourceMappingURL=icons.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/components/Chat/icons.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY;;;CAexB,CAAC;AAIF,eAAO,MAAM,SAAS;;;CAerB,CAAC"}
@@ -0,0 +1,49 @@
1
+ import { jsxs as r, jsx as o } from "react/jsx-runtime";
2
+ const e = { flexShrink: 0, color: "var(--mantine-primary-color-filled)" }, i = { flexShrink: 0, color: "var(--mantine-color-dimmed)" }, l = () => /* @__PURE__ */ r(
3
+ "svg",
4
+ {
5
+ xmlns: "http://www.w3.org/2000/svg",
6
+ width: "16",
7
+ height: "16",
8
+ viewBox: "0 0 16 16",
9
+ fill: "currentColor",
10
+ style: e,
11
+ children: [
12
+ /* @__PURE__ */ o("circle", { cx: "8", cy: "8", r: "8" }),
13
+ /* @__PURE__ */ o(
14
+ "path",
15
+ {
16
+ d: "M6.5 11.5L3.5 8.5L4.5 7.5L6.5 9.5L11.5 4.5L12.5 5.5L6.5 11.5Z",
17
+ fill: "var(--mantine-color-white)"
18
+ }
19
+ )
20
+ ]
21
+ }
22
+ );
23
+ l.displayName = "VerifiedIcon";
24
+ const t = () => /* @__PURE__ */ r(
25
+ "svg",
26
+ {
27
+ xmlns: "http://www.w3.org/2000/svg",
28
+ width: "16",
29
+ height: "16",
30
+ viewBox: "0 0 16 16",
31
+ fill: "none",
32
+ style: i,
33
+ children: [
34
+ /* @__PURE__ */ o(
35
+ "path",
36
+ {
37
+ d: "M8 2C8.55 2 9 2.45 9 3V9.17L7 7.17V3C7 2.45 7.45 2 8 2ZM4 6V9H6L8 11V10.83L3.41 6.24C3.16 6.5 3 6.83 3 7.2V8.8C3 9.46 3.45 10 4 10H6L8.71 12.71C8.89 12.89 9 12.95 9 13V13C9 13 8.89 13.05 8.71 12.87L4 6ZM12.5 3.5L11.5 4.5L13 6L14 5L12.5 3.5ZM2 2L1 3L4.17 6.17L4 6H2V10H4L8 14V10.83L11.17 14L12 13.17L2 2Z",
38
+ fill: "currentColor"
39
+ }
40
+ ),
41
+ /* @__PURE__ */ o("line", { x1: "2", y1: "14", x2: "14", y2: "2", stroke: "currentColor", strokeWidth: "1.5" })
42
+ ]
43
+ }
44
+ );
45
+ t.displayName = "MutedIcon";
46
+ export {
47
+ t as MutedIcon,
48
+ l as VerifiedIcon
49
+ };
@@ -0,0 +1,24 @@
1
+ export * from './CallMessage';
2
+ export * from './ChatBubble';
3
+ export * from './ChatMessage';
4
+ export * from './ChatInput';
5
+ export * from './ChatHeader';
6
+ export * from './ChatLayout';
7
+ export * from './MessageList';
8
+ export * from './MediaDocument';
9
+ export * from './MessageAuthor';
10
+ export * from './MessageMeta';
11
+ export * from './MessageStatus';
12
+ export * from './MessageReply';
13
+ export * from './MessageActions';
14
+ export * from './MessageReactions';
15
+ export * from './MessageForward';
16
+ export * from './ChatPill';
17
+ export * from './DayMeta';
18
+ export * from './UnreadSeparator';
19
+ export * from './ServiceMessage';
20
+ export * from './DialogItem';
21
+ export * from './DialogList';
22
+ export * from './colors';
23
+ export * from './types';
24
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Chat/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC"}
@@ -0,0 +1,32 @@
1
+ import type { ChatMessageData, Chat } from './types';
2
+ export interface MockUser {
3
+ id: string;
4
+ name: string;
5
+ avatarSrc?: string;
6
+ avatarColor?: 1 | 2 | 3 | 4 | 5 | 6 | 7;
7
+ online?: boolean;
8
+ }
9
+ export declare const MOCK_USERS: MockUser[];
10
+ export interface MockChat {
11
+ id: string;
12
+ title: string;
13
+ chatType?: Chat['type'];
14
+ icon?: string | null;
15
+ avatarSrc?: string;
16
+ avatarColor?: 1 | 2 | 3 | 4 | 5 | 6 | 7;
17
+ lastMessage?: {
18
+ text: string;
19
+ senderName?: string;
20
+ timestamp: string;
21
+ };
22
+ unreadCount?: number;
23
+ muted?: boolean;
24
+ online?: boolean;
25
+ typing?: string;
26
+ pinned?: boolean;
27
+ draft?: string;
28
+ }
29
+ export declare const MOCK_CHATS: MockChat[];
30
+ export declare const MOCK_CHANNELS: MockChat[];
31
+ export declare const MOCK_MESSAGES_BY_CHAT: Record<string, ChatMessageData[]>;
32
+ //# sourceMappingURL=mock-data.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"mock-data.d.ts","sourceRoot":"","sources":["../../../src/components/Chat/mock-data.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,eAAe,EAOf,IAAI,EACL,MAAM,SAAS,CAAC;AAIjB,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACxC,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,eAAO,MAAM,UAAU,EAAE,QAAQ,EAMhC,CAAC;AAkCF,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACxC,WAAW,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,UAAU,CAAC,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,CAAC;IACvE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,UAAU,EAAE,QAAQ,EAIhC,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,QAAQ,EAGnC,CAAC;AAoHF,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,EAAE,CAInE,CAAC"}