@flipdish/ui-library 0.47.0 → 0.47.1
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/organisms/Messaging/components/MessageItemActions.cjs +13 -0
- package/dist/components/organisms/Messaging/components/MessageItemActions.cjs.map +1 -0
- package/dist/components/organisms/Messaging/components/MessageItemActions.d.ts +5 -0
- package/dist/components/organisms/Messaging/components/MessageItemActions.d.ts.map +1 -0
- package/dist/components/organisms/Messaging/components/MessageItemActions.js +11 -0
- package/dist/components/organisms/Messaging/components/MessageItemActions.js.map +1 -0
- package/dist/components/organisms/Messaging/index.cjs +12 -10
- package/dist/components/organisms/Messaging/index.cjs.map +1 -1
- package/dist/components/organisms/Messaging/index.d.ts.map +1 -1
- package/dist/components/organisms/Messaging/index.js +13 -11
- package/dist/components/organisms/Messaging/index.js.map +1 -1
- package/dist/components/organisms/Messaging/messageItem.utils.cjs +60 -0
- package/dist/components/organisms/Messaging/messageItem.utils.cjs.map +1 -0
- package/dist/components/organisms/Messaging/messageItem.utils.d.ts +65 -0
- package/dist/components/organisms/Messaging/messageItem.utils.d.ts.map +1 -0
- package/dist/components/organisms/Messaging/messageItem.utils.js +54 -0
- package/dist/components/organisms/Messaging/messageItem.utils.js.map +1 -0
- package/package.json +1 -1
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
4
|
+
var uiIcons = require('@flipdish/ui-icons');
|
|
5
|
+
|
|
6
|
+
const ACTION_LABEL = { edit: 'Edit message', download: 'Download' };
|
|
7
|
+
const actionButtonClassName = 'cursor-pointer rounded p-0.5 text-fg-quaternary outline-focus-ring transition duration-100 ease-linear hover:text-fg-quaternary_hover focus-visible:outline-2 focus-visible:outline-offset-2';
|
|
8
|
+
const MessageItemActions = ({ action }) => (jsxRuntime.jsxs("div", { className: "dark-mode absolute right-2 -bottom-5 z-1 flex gap-1.5 rounded-lg bg-primary_alt px-2 py-1.5 opacity-0 shadow-xl transition duration-100 ease-linear group-hover/msg:opacity-100", children: [jsxRuntime.jsx("button", { title: "Generate with AI", "aria-label": "Generate with AI", className: actionButtonClassName, children: jsxRuntime.jsx(uiIcons.Stars02, { className: "size-4" }) }), action && (
|
|
9
|
+
// biome-ignore lint/a11y/useButtonType: we don't need a type for this button
|
|
10
|
+
jsxRuntime.jsx("button", { title: ACTION_LABEL[action], "aria-label": ACTION_LABEL[action], className: actionButtonClassName, children: action === 'edit' ? jsxRuntime.jsx(uiIcons.Edit04, { className: "size-4" }) : jsxRuntime.jsx(uiIcons.DownloadCloud02, { className: "size-4" }) })), jsxRuntime.jsx("button", { title: "Reply", "aria-label": "Reply", className: actionButtonClassName, children: jsxRuntime.jsx(uiIcons.RefreshCcw02, { className: "size-4" }) }), jsxRuntime.jsx("button", { title: "Copy", "aria-label": "Copy", className: actionButtonClassName, children: jsxRuntime.jsx(uiIcons.Copy01, { className: "size-4" }) })] }));
|
|
11
|
+
|
|
12
|
+
exports.MessageItemActions = MessageItemActions;
|
|
13
|
+
//# sourceMappingURL=MessageItemActions.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MessageItemActions.cjs","sources":["../../../../../src/components/organisms/Messaging/components/MessageItemActions.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx","Stars02","Edit04","DownloadCloud02","RefreshCcw02","Copy01"],"mappings":";;;;;AAKA,MAAM,YAAY,GAAG,EAAE,IAAI,EAAE,cAAc,EAAE,QAAQ,EAAE,UAAU,EAAW;AAE5E,MAAM,qBAAqB,GACzB,8LAA8L;AAEzL,MAAM,kBAAkB,GAAG,CAAC,EAAE,MAAM,EAA6C,MACtFA,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,iLAAiL,aAE9LC,cAAA,CAAA,QAAA,EAAA,EAAQ,KAAK,EAAC,kBAAkB,gBAAY,kBAAkB,EAAC,SAAS,EAAE,qBAAqB,EAAA,QAAA,EAC7FA,cAAA,CAACC,eAAO,EAAA,EAAC,SAAS,EAAC,QAAQ,GAAG,EAAA,CACvB,EAER,MAAM;;AAEL,QAAAD,cAAA,CAAA,QAAA,EAAA,EAAQ,KAAK,EAAE,YAAY,CAAC,MAAM,CAAC,EAAA,YAAA,EAAc,YAAY,CAAC,MAAM,CAAC,EAAE,SAAS,EAAE,qBAAqB,EAAA,QAAA,EACpG,MAAM,KAAK,MAAM,GAAGA,cAAA,CAACE,cAAM,IAAC,SAAS,EAAC,QAAQ,EAAA,CAAG,GAAGF,eAACG,uBAAe,EAAA,EAAC,SAAS,EAAC,QAAQ,GAAG,EAAA,CACpF,CACV,EAGDH,cAAA,CAAA,QAAA,EAAA,EAAQ,KAAK,EAAC,OAAO,gBAAY,OAAO,EAAC,SAAS,EAAE,qBAAqB,EAAA,QAAA,EACvEA,cAAA,CAACI,oBAAY,EAAA,EAAC,SAAS,EAAC,QAAQ,EAAA,CAAG,GAC5B,EAETJ,cAAA,CAAA,QAAA,EAAA,EAAQ,KAAK,EAAC,MAAM,EAAA,YAAA,EAAY,MAAM,EAAC,SAAS,EAAE,qBAAqB,EAAA,QAAA,EACrEA,cAAA,CAACK,cAAM,EAAA,EAAC,SAAS,EAAC,QAAQ,GAAG,EAAA,CACtB,CAAA,EAAA,CACL;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MessageItemActions.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/Messaging/components/MessageItemActions.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AAOnE,eAAO,MAAM,kBAAkB,GAAI,YAAY;IAAE,MAAM,EAAE,sBAAsB,GAAG,IAAI,CAAA;CAAE,gCAuBvF,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
|
+
import { Stars02, Edit04, DownloadCloud02, RefreshCcw02, Copy01 } from '@flipdish/ui-icons';
|
|
3
|
+
|
|
4
|
+
const ACTION_LABEL = { edit: 'Edit message', download: 'Download' };
|
|
5
|
+
const actionButtonClassName = 'cursor-pointer rounded p-0.5 text-fg-quaternary outline-focus-ring transition duration-100 ease-linear hover:text-fg-quaternary_hover focus-visible:outline-2 focus-visible:outline-offset-2';
|
|
6
|
+
const MessageItemActions = ({ action }) => (jsxs("div", { className: "dark-mode absolute right-2 -bottom-5 z-1 flex gap-1.5 rounded-lg bg-primary_alt px-2 py-1.5 opacity-0 shadow-xl transition duration-100 ease-linear group-hover/msg:opacity-100", children: [jsx("button", { title: "Generate with AI", "aria-label": "Generate with AI", className: actionButtonClassName, children: jsx(Stars02, { className: "size-4" }) }), action && (
|
|
7
|
+
// biome-ignore lint/a11y/useButtonType: we don't need a type for this button
|
|
8
|
+
jsx("button", { title: ACTION_LABEL[action], "aria-label": ACTION_LABEL[action], className: actionButtonClassName, children: action === 'edit' ? jsx(Edit04, { className: "size-4" }) : jsx(DownloadCloud02, { className: "size-4" }) })), jsx("button", { title: "Reply", "aria-label": "Reply", className: actionButtonClassName, children: jsx(RefreshCcw02, { className: "size-4" }) }), jsx("button", { title: "Copy", "aria-label": "Copy", className: actionButtonClassName, children: jsx(Copy01, { className: "size-4" }) })] }));
|
|
9
|
+
|
|
10
|
+
export { MessageItemActions };
|
|
11
|
+
//# sourceMappingURL=MessageItemActions.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MessageItemActions.js","sources":["../../../../../src/components/organisms/Messaging/components/MessageItemActions.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;AAKA,MAAM,YAAY,GAAG,EAAE,IAAI,EAAE,cAAc,EAAE,QAAQ,EAAE,UAAU,EAAW;AAE5E,MAAM,qBAAqB,GACzB,8LAA8L;AAEzL,MAAM,kBAAkB,GAAG,CAAC,EAAE,MAAM,EAA6C,MACtFA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,iLAAiL,aAE9LC,GAAA,CAAA,QAAA,EAAA,EAAQ,KAAK,EAAC,kBAAkB,gBAAY,kBAAkB,EAAC,SAAS,EAAE,qBAAqB,EAAA,QAAA,EAC7FA,GAAA,CAAC,OAAO,EAAA,EAAC,SAAS,EAAC,QAAQ,GAAG,EAAA,CACvB,EAER,MAAM;;AAEL,QAAAA,GAAA,CAAA,QAAA,EAAA,EAAQ,KAAK,EAAE,YAAY,CAAC,MAAM,CAAC,EAAA,YAAA,EAAc,YAAY,CAAC,MAAM,CAAC,EAAE,SAAS,EAAE,qBAAqB,EAAA,QAAA,EACpG,MAAM,KAAK,MAAM,GAAGA,GAAA,CAAC,MAAM,IAAC,SAAS,EAAC,QAAQ,EAAA,CAAG,GAAGA,IAAC,eAAe,EAAA,EAAC,SAAS,EAAC,QAAQ,GAAG,EAAA,CACpF,CACV,EAGDA,GAAA,CAAA,QAAA,EAAA,EAAQ,KAAK,EAAC,OAAO,gBAAY,OAAO,EAAC,SAAS,EAAE,qBAAqB,EAAA,QAAA,EACvEA,GAAA,CAAC,YAAY,EAAA,EAAC,SAAS,EAAC,QAAQ,EAAA,CAAG,GAC5B,EAETA,GAAA,CAAA,QAAA,EAAA,EAAQ,KAAK,EAAC,MAAM,EAAA,YAAA,EAAY,MAAM,EAAC,SAAS,EAAE,qBAAqB,EAAA,QAAA,EACrEA,GAAA,CAAC,MAAM,EAAA,EAAC,SAAS,EAAC,QAAQ,GAAG,EAAA,CACtB,CAAA,EAAA,CACL;;"}
|
|
@@ -7,6 +7,8 @@ var Tooltip = require('@flipdish/ui-library/components/atoms/Tooltip');
|
|
|
7
7
|
var cx = require('@flipdish/ui-library/utilities/cx');
|
|
8
8
|
var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
|
|
9
9
|
var reactAriaComponents = require('react-aria-components');
|
|
10
|
+
var MessageItemActions = require('./components/MessageItemActions.cjs');
|
|
11
|
+
var messageItem_utils = require('./messageItem.utils.cjs');
|
|
10
12
|
|
|
11
13
|
/** Delivery tick for a message, showing sent, read or failed with a tooltip that names the state. */
|
|
12
14
|
const MessageStatus = ({ status, readAt, 'data-testid': dataTestId }) => {
|
|
@@ -29,24 +31,24 @@ const MessageStatus = ({ status, readAt, 'data-testid': dataTestId }) => {
|
|
|
29
31
|
*/
|
|
30
32
|
const MessageItem = ({ msg, showUserLabel = true, 'data-testid': dataTestId, ...props }) => {
|
|
31
33
|
const messageItemTestId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'message-item', rootName: 'message-item' });
|
|
32
|
-
const
|
|
33
|
-
|
|
34
|
-
|
|
34
|
+
const bodyKind = messageItem_utils.messageBodyKind(msg);
|
|
35
|
+
const secondaryAction = messageItem_utils.messageSecondaryAction(msg);
|
|
36
|
+
const senderLabel = msg.user ? messageItem_utils.messageSenderLabel(msg.user) : undefined;
|
|
35
37
|
const renderBody = () => {
|
|
36
|
-
if (
|
|
38
|
+
if (bodyKind === 'text') {
|
|
37
39
|
return (jsxRuntime.jsxs("div", { className: cx.cx('group/msg relative rounded-lg px-3 py-2 text-md wrap-break-word text-primary ring-1 ring-secondary ring-inset', msg.user?.me ? 'rounded-tr-none bg-primary pr-4' : 'rounded-tl-none bg-secondary',
|
|
38
40
|
// Link styles
|
|
39
|
-
'[&_a]:rounded-xs [&_a]:text-brand-secondary [&_a]:underline [&_a]:underline-offset-2 [&_a]:outline-focus-ring [&_a]:transition [&_a]:duration-100 [&_a]:ease-linear [&_a]:hover:text-brand-secondary_hover [&_a]:focus-visible:outline-2 [&_a]:focus-visible:outline-offset-2'), children: [msg.reply && (jsxRuntime.jsx("blockquote", { className: "relative mb-1.5 rounded-lg bg-primary px-3 py-2 text-sm text-tertiary ring-1 ring-secondary ring-inset before:pointer-events-none before:absolute before:inset-0 before:rounded-[inherit] before:border-l-[3px] before:border-brand", children: msg.reply.text })), msg.image && (jsxRuntime.jsx("figure", { className: "mt-1 mb-1.5", children: jsxRuntime.jsx("img", { src: msg.image.src, alt: msg.image.alt, className: "w-full rounded-md object-cover outline-1 -outline-offset-[0.5px] outline-black/10" }) })), msg.urlPreview && (jsxRuntime.jsxs("aside", { className: "mt-1 mb-1.5 flex items-start gap-1.5 rounded-lg bg-primary p-2 pr-3 ring-1 ring-secondary ring-inset", children: [jsxRuntime.jsx(uiIcons.Link03, { className: "mt-0.5 size-4 shrink-0 text-fg-quaternary" }), jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [jsxRuntime.jsx("p", { className: "w-full truncate text-sm font-medium text-secondary", children: msg.urlPreview.title }), jsxRuntime.jsx("p", { className: "w-full truncate text-sm text-tertiary", children: msg.urlPreview.description })] })] })), msg.text,
|
|
41
|
+
'[&_a]:rounded-xs [&_a]:text-brand-secondary [&_a]:underline [&_a]:underline-offset-2 [&_a]:outline-focus-ring [&_a]:transition [&_a]:duration-100 [&_a]:ease-linear [&_a]:hover:text-brand-secondary_hover [&_a]:focus-visible:outline-2 [&_a]:focus-visible:outline-offset-2'), children: [msg.reply && (jsxRuntime.jsx("blockquote", { className: "relative mb-1.5 rounded-lg bg-primary px-3 py-2 text-sm text-tertiary ring-1 ring-secondary ring-inset before:pointer-events-none before:absolute before:inset-0 before:rounded-[inherit] before:border-l-[3px] before:border-brand", children: msg.reply.text })), msg.image && (jsxRuntime.jsx("figure", { className: "mt-1 mb-1.5", children: jsxRuntime.jsx("img", { src: msg.image.src, alt: msg.image.alt, className: "w-full rounded-md object-cover outline-1 -outline-offset-[0.5px] outline-black/10" }) })), msg.urlPreview && (jsxRuntime.jsxs("aside", { className: "mt-1 mb-1.5 flex items-start gap-1.5 rounded-lg bg-primary p-2 pr-3 ring-1 ring-secondary ring-inset", children: [jsxRuntime.jsx(uiIcons.Link03, { className: "mt-0.5 size-4 shrink-0 text-fg-quaternary" }), jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [jsxRuntime.jsx("p", { className: "w-full truncate text-sm font-medium text-secondary", children: msg.urlPreview.title }), jsxRuntime.jsx("p", { className: "w-full truncate text-sm text-tertiary", children: msg.urlPreview.description })] })] })), msg.text, jsxRuntime.jsx(MessageItemActions.MessageItemActions, { action: secondaryAction })] }));
|
|
40
42
|
}
|
|
41
|
-
if (msg.image) {
|
|
42
|
-
return (jsxRuntime.jsxs("figure", { className: "flex flex-col gap-1.5", children: [jsxRuntime.jsxs("div", { className: "group/msg relative", children: [jsxRuntime.jsx("img", { src: msg.image.src, alt: msg.image.alt, className: "w-full rounded-md object-cover outline-1 -outline-offset-[0.5px] outline-black/10" }),
|
|
43
|
+
if (bodyKind === 'image' && msg.image) {
|
|
44
|
+
return (jsxRuntime.jsxs("figure", { className: "flex flex-col gap-1.5", children: [jsxRuntime.jsxs("div", { className: "group/msg relative", children: [jsxRuntime.jsx("img", { src: msg.image.src, alt: msg.image.alt, className: "w-full rounded-md object-cover outline-1 -outline-offset-[0.5px] outline-black/10" }), jsxRuntime.jsx(MessageItemActions.MessageItemActions, { action: secondaryAction })] }), jsxRuntime.jsxs("figcaption", { className: "flex items-center gap-1", children: [jsxRuntime.jsx("span", { className: "min-w-0 flex-1 truncate text-sm font-medium text-secondary", children: msg.image.name }), jsxRuntime.jsx("span", { className: "text-sm text-tertiary", children: msg.image.size })] })] }));
|
|
43
45
|
}
|
|
44
|
-
if (msg.audio) {
|
|
45
|
-
return (jsxRuntime.jsxs("div", { className: "group/msg relative flex items-center gap-2 rounded-lg rounded-tl-none bg-primary p-3 ring-1 ring-secondary", children: [jsxRuntime.jsx("button", { "aria-label": "Play audio message", className: "flex size-8 cursor-pointer items-center justify-center rounded-full bg-fg-brand-primary_alt outline-focus-ring focus-visible:outline-2 focus-visible:outline-offset-2", children: jsxRuntime.jsx("svg", { width: "12.8", height: "14", viewBox: "0 0 16 16", fill: "none", className: "translate-x-[1px] text-fg-white", children: jsxRuntime.jsx("path", { d: "M2.19995 2.86327C2.19995 1.61155 3.57248 0.844595 4.63851 1.50061L12.9856 6.63731C14.0009 7.26209 14.0009 8.73784 12.9856 9.36262L4.63851 14.4993C3.57247 15.1553 2.19995 14.3884 2.19995 13.1367V2.86327Z", fill: "currentColor" }) }) }), jsxRuntime.jsx("svg", { width: "206", height: "34", viewBox: "0 0 206 34", fill: "none", className: "flex-1 text-fg-brand-primary_alt", children: jsxRuntime.jsx("path", { d: "M1 15V19M5 15V19M9 15V19M13 15V19M17 9.00005V25M21 5.00005V29M25 1.00005V33M29 1.00005V33M33 5.00005V29M37 13V21M41 9.00005V25M45 13V21M49 5.00005V29M53 5.00005V29M57 9.00005V25M61 9.00005V25M65 1.00005V33M69 1.00005V33M73 5.00005V29M77 1.00005V33M81 9.00005V25M85 13V21M89 15V19.0001M93 15V19.0001M97 13V21.0001M101 13V21.0001M105 9V25.0001M109 5V29.0001M113 1V33.0001M117 5V29.0001M121 5V29.0001M125 5V29.0001M129 9V25.0001M133 13V21.0001M137 9V25.0001M141 13V21.0001M145 9V25.0001M149 5V29.0001M153 5V29.0001M157 9V25.0001M161 1V33.0001M165 5V29.0001M169 9V25.0001M173 13V21.0001M177 15V19.0001M181 9V25.0001M185 5V29.0001M189 5V29.0001M193 9V25.0001M197 15V19.0001M201 15V19.0001M205 15V19.0001", stroke: "currentColor", strokeLinecap: "round" }) }), jsxRuntime.jsx("p", { className: "text-xs text-tertiary", children: msg.audio.duration }),
|
|
46
|
+
if (bodyKind === 'audio' && msg.audio) {
|
|
47
|
+
return (jsxRuntime.jsxs("div", { className: "group/msg relative flex items-center gap-2 rounded-lg rounded-tl-none bg-primary p-3 ring-1 ring-secondary", children: [jsxRuntime.jsx("button", { "aria-label": "Play audio message", className: "flex size-8 cursor-pointer items-center justify-center rounded-full bg-fg-brand-primary_alt outline-focus-ring focus-visible:outline-2 focus-visible:outline-offset-2", children: jsxRuntime.jsx("svg", { width: "12.8", height: "14", viewBox: "0 0 16 16", fill: "none", className: "translate-x-[1px] text-fg-white", children: jsxRuntime.jsx("path", { d: "M2.19995 2.86327C2.19995 1.61155 3.57248 0.844595 4.63851 1.50061L12.9856 6.63731C14.0009 7.26209 14.0009 8.73784 12.9856 9.36262L4.63851 14.4993C3.57247 15.1553 2.19995 14.3884 2.19995 13.1367V2.86327Z", fill: "currentColor" }) }) }), jsxRuntime.jsx("svg", { width: "206", height: "34", viewBox: "0 0 206 34", fill: "none", className: "flex-1 text-fg-brand-primary_alt", children: jsxRuntime.jsx("path", { d: "M1 15V19M5 15V19M9 15V19M13 15V19M17 9.00005V25M21 5.00005V29M25 1.00005V33M29 1.00005V33M33 5.00005V29M37 13V21M41 9.00005V25M45 13V21M49 5.00005V29M53 5.00005V29M57 9.00005V25M61 9.00005V25M65 1.00005V33M69 1.00005V33M73 5.00005V29M77 1.00005V33M81 9.00005V25M85 13V21M89 15V19.0001M93 15V19.0001M97 13V21.0001M101 13V21.0001M105 9V25.0001M109 5V29.0001M113 1V33.0001M117 5V29.0001M121 5V29.0001M125 5V29.0001M129 9V25.0001M133 13V21.0001M137 9V25.0001M141 13V21.0001M145 9V25.0001M149 5V29.0001M153 5V29.0001M157 9V25.0001M161 1V33.0001M165 5V29.0001M169 9V25.0001M173 13V21.0001M177 15V19.0001M181 9V25.0001M185 5V29.0001M189 5V29.0001M193 9V25.0001M197 15V19.0001M201 15V19.0001M205 15V19.0001", stroke: "currentColor", strokeLinecap: "round" }) }), jsxRuntime.jsx("p", { className: "text-xs text-tertiary", children: msg.audio.duration }), jsxRuntime.jsx(MessageItemActions.MessageItemActions, { action: secondaryAction })] }));
|
|
46
48
|
}
|
|
47
49
|
return null;
|
|
48
50
|
};
|
|
49
|
-
return (jsxRuntime.jsx(testIdUtils.TestIdProvider, { value: messageItemTestId, children: jsxRuntime.jsxs("li", { ...props, "data-testid": messageItemTestId, className: cx.cx('relative flex items-start gap-3', msg.user?.me ? 'self-end pl-10' : 'pr-8 lg:pr-10', props.className), children: [msg.user && !msg.user.me && jsxRuntime.jsx(Avatar.Avatar, { src: msg.user.avatarUrl, alt: msg.user.name ?? '', size: "sm", status: msg.user.status }), jsxRuntime.jsxs("article", { className: "flex min-w-0 flex-1 flex-col gap-1.5", children: [(
|
|
51
|
+
return (jsxRuntime.jsx(testIdUtils.TestIdProvider, { value: messageItemTestId, children: jsxRuntime.jsxs("li", { ...props, "data-testid": messageItemTestId, className: cx.cx('relative flex items-start gap-3', msg.user?.me ? 'self-end pl-10' : 'pr-8 lg:pr-10', props.className), children: [msg.user && !msg.user.me && jsxRuntime.jsx(Avatar.Avatar, { src: msg.user.avatarUrl, alt: msg.user.name ?? '', size: "sm", status: msg.user.status }), jsxRuntime.jsxs("article", { className: "flex min-w-0 flex-1 flex-col gap-1.5", children: [messageItem_utils.showsMessageHeader(msg, showUserLabel) && (jsxRuntime.jsxs("header", { className: "flex items-center gap-2", children: [msg.user && showUserLabel && jsxRuntime.jsx("cite", { className: "flex-1 truncate text-sm font-medium text-secondary not-italic", children: senderLabel }), messageItem_utils.showsMessageMeta(msg) && (jsxRuntime.jsxs("div", { className: "flex items-center gap-0.5", children: [msg.sentAt && (jsxRuntime.jsx("time", { className: "text-xs text-tertiary", dateTime: msg.sentAt, children: msg.sentAt })), msg.status && jsxRuntime.jsx(MessageStatus, { status: msg.status, readAt: msg.readAt })] }))] })), renderBody(), msg.attachment && (jsxRuntime.jsxs("div", { className: "group/msg relative flex gap-3 rounded-lg rounded-tl-none bg-primary px-3.5 py-2.5 ring-1 ring-secondary", children: [jsxRuntime.jsx(uiIcons.FileIcon, { type: msg.attachment.type, theme: "light", className: "size-10 dark:hidden" }), jsxRuntime.jsx(uiIcons.FileIcon, { type: msg.attachment.type, theme: "dark", className: "size-10 not-dark:hidden" }), jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [jsxRuntime.jsx("p", { className: "truncate text-sm font-medium text-secondary", children: msg.attachment.name }), jsxRuntime.jsx("p", { className: "text-sm text-tertiary", children: msg.attachment.size })] }), jsxRuntime.jsx(MessageItemActions.MessageItemActions, { action: secondaryAction })] })), msg.reactions && msg.reactions.length > 0 && (jsxRuntime.jsx("ul", { className: "flex justify-end gap-1", children: msg.reactions?.map((reaction) => (jsxRuntime.jsxs("li", { className: "flex h-6 items-center gap-1 rounded-2xl bg-secondary px-2 py-0.5 ring-1 ring-secondary ring-inset", children: [reaction.content, reaction.count > 1 && jsxRuntime.jsx("span", { className: "text-sm font-medium text-secondary", children: reaction.count })] }, reaction.content))) })), msg.typing && (jsxRuntime.jsxs("div", { className: "flex h-7 w-10 items-center justify-center gap-1 self-start rounded-lg rounded-tl-none bg-secondary text-md text-primary ring-1 ring-secondary ring-inset", children: [jsxRuntime.jsx("div", { className: "size-1 animate-bounce rounded-full bg-fg-tertiary [animation-delay:-0.3s]" }), jsxRuntime.jsx("div", { className: "size-1 animate-bounce rounded-full bg-fg-quaternary [animation-delay:-0.15s]" }), jsxRuntime.jsx("div", { className: "size-1 animate-bounce rounded-full bg-fg-tertiary" })] }))] })] }, msg.id) }));
|
|
50
52
|
};
|
|
51
53
|
|
|
52
54
|
exports.MessageItem = MessageItem;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":["../../../../src/components/organisms/Messaging/index.tsx"],"sourcesContent":[null],"names":["useResolvedTestId","_jsx","Tooltip","AriaButton","_jsxs","
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../../../../src/components/organisms/Messaging/index.tsx"],"sourcesContent":[null],"names":["useResolvedTestId","_jsx","Tooltip","AriaButton","_jsxs","messageBodyKind","messageSecondaryAction","messageSenderLabel","cx","Link03","MessageItemActions","TestIdProvider","Avatar","showsMessageHeader","showsMessageMeta","FileIcon"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/Messaging/index.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/Messaging/index.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAK9D,MAAM,MAAM,OAAO,GAAG;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC;IACpC,IAAI,CAAC,EAAE;QACL,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,MAAM,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;QAC9B,EAAE,CAAC,EAAE,OAAO,CAAC;KACd,CAAC;IACF,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE;QACN,QAAQ,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,KAAK,CAAC,EAAE;QACN,GAAG,EAAE,MAAM,CAAC;QACZ,GAAG,EAAE,MAAM,CAAC;QACZ,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;IACF,KAAK,CAAC,EAAE;QACN,GAAG,EAAE,MAAM,CAAC;QACZ,GAAG,EAAE,MAAM,CAAC;KACb,CAAC;IACF,KAAK,CAAC,EAAE;QACN,IAAI,EAAE,SAAS,CAAC;KACjB,CAAC;IACF,UAAU,CAAC,EAAE;QACX,KAAK,EAAE,MAAM,CAAC;QACd,WAAW,EAAE,MAAM,CAAC;KACrB,CAAC;IACF,SAAS,CAAC,EAAE;QACV,OAAO,EAAE,MAAM,CAAC;QAChB,KAAK,EAAE,MAAM,CAAC;KACf,EAAE,CAAC;IACJ,UAAU,CAAC,EAAE;QACX,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;KACrC,CAAC;CACH,CAAC;AAEF,UAAU,kBAAkB;IAC1B,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gHAAgH;IAChH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,qGAAqG;AACrG,eAAO,MAAM,aAAa,GAAI,+CAA+C,kBAAkB,gCAwC9F,CAAC;AAEF,MAAM,WAAW,gBAAiB,SAAQ,qBAAqB,CAAC,IAAI,CAAC;IACnE,iFAAiF;IACjF,GAAG,EAAE,OAAO,CAAC;IACb,iFAAiF;IACjF,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,mEAAmE;IACnE,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,GAAI,6DAAoE,gBAAgB,gCAkL/G,CAAC"}
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
|
-
import { FileIcon, Link03
|
|
2
|
+
import { FileIcon, Link03 } from '@flipdish/ui-icons';
|
|
3
3
|
import { Avatar } from '@flipdish/ui-library/components/atoms/Avatar';
|
|
4
4
|
import { Tooltip } from '@flipdish/ui-library/components/atoms/Tooltip';
|
|
5
5
|
import { cx } from '@flipdish/ui-library/utilities/cx';
|
|
6
6
|
import { useResolvedTestId, TestIdProvider } from '@flipdish/ui-library/utilities/testIdUtils';
|
|
7
7
|
import { Button } from 'react-aria-components';
|
|
8
|
+
import { MessageItemActions } from './components/MessageItemActions.js';
|
|
9
|
+
import { messageBodyKind, messageSecondaryAction, messageSenderLabel, showsMessageHeader, showsMessageMeta } from './messageItem.utils.js';
|
|
8
10
|
|
|
9
11
|
/** Delivery tick for a message, showing sent, read or failed with a tooltip that names the state. */
|
|
10
12
|
const MessageStatus = ({ status, readAt, 'data-testid': dataTestId }) => {
|
|
@@ -27,24 +29,24 @@ const MessageStatus = ({ status, readAt, 'data-testid': dataTestId }) => {
|
|
|
27
29
|
*/
|
|
28
30
|
const MessageItem = ({ msg, showUserLabel = true, 'data-testid': dataTestId, ...props }) => {
|
|
29
31
|
const messageItemTestId = useResolvedTestId({ testId: dataTestId, segment: 'message-item', rootName: 'message-item' });
|
|
30
|
-
const
|
|
31
|
-
|
|
32
|
-
|
|
32
|
+
const bodyKind = messageBodyKind(msg);
|
|
33
|
+
const secondaryAction = messageSecondaryAction(msg);
|
|
34
|
+
const senderLabel = msg.user ? messageSenderLabel(msg.user) : undefined;
|
|
33
35
|
const renderBody = () => {
|
|
34
|
-
if (
|
|
36
|
+
if (bodyKind === 'text') {
|
|
35
37
|
return (jsxs("div", { className: cx('group/msg relative rounded-lg px-3 py-2 text-md wrap-break-word text-primary ring-1 ring-secondary ring-inset', msg.user?.me ? 'rounded-tr-none bg-primary pr-4' : 'rounded-tl-none bg-secondary',
|
|
36
38
|
// Link styles
|
|
37
|
-
'[&_a]:rounded-xs [&_a]:text-brand-secondary [&_a]:underline [&_a]:underline-offset-2 [&_a]:outline-focus-ring [&_a]:transition [&_a]:duration-100 [&_a]:ease-linear [&_a]:hover:text-brand-secondary_hover [&_a]:focus-visible:outline-2 [&_a]:focus-visible:outline-offset-2'), children: [msg.reply && (jsx("blockquote", { className: "relative mb-1.5 rounded-lg bg-primary px-3 py-2 text-sm text-tertiary ring-1 ring-secondary ring-inset before:pointer-events-none before:absolute before:inset-0 before:rounded-[inherit] before:border-l-[3px] before:border-brand", children: msg.reply.text })), msg.image && (jsx("figure", { className: "mt-1 mb-1.5", children: jsx("img", { src: msg.image.src, alt: msg.image.alt, className: "w-full rounded-md object-cover outline-1 -outline-offset-[0.5px] outline-black/10" }) })), msg.urlPreview && (jsxs("aside", { className: "mt-1 mb-1.5 flex items-start gap-1.5 rounded-lg bg-primary p-2 pr-3 ring-1 ring-secondary ring-inset", children: [jsx(Link03, { className: "mt-0.5 size-4 shrink-0 text-fg-quaternary" }), jsxs("div", { className: "min-w-0 flex-1", children: [jsx("p", { className: "w-full truncate text-sm font-medium text-secondary", children: msg.urlPreview.title }), jsx("p", { className: "w-full truncate text-sm text-tertiary", children: msg.urlPreview.description })] })] })), msg.text,
|
|
39
|
+
'[&_a]:rounded-xs [&_a]:text-brand-secondary [&_a]:underline [&_a]:underline-offset-2 [&_a]:outline-focus-ring [&_a]:transition [&_a]:duration-100 [&_a]:ease-linear [&_a]:hover:text-brand-secondary_hover [&_a]:focus-visible:outline-2 [&_a]:focus-visible:outline-offset-2'), children: [msg.reply && (jsx("blockquote", { className: "relative mb-1.5 rounded-lg bg-primary px-3 py-2 text-sm text-tertiary ring-1 ring-secondary ring-inset before:pointer-events-none before:absolute before:inset-0 before:rounded-[inherit] before:border-l-[3px] before:border-brand", children: msg.reply.text })), msg.image && (jsx("figure", { className: "mt-1 mb-1.5", children: jsx("img", { src: msg.image.src, alt: msg.image.alt, className: "w-full rounded-md object-cover outline-1 -outline-offset-[0.5px] outline-black/10" }) })), msg.urlPreview && (jsxs("aside", { className: "mt-1 mb-1.5 flex items-start gap-1.5 rounded-lg bg-primary p-2 pr-3 ring-1 ring-secondary ring-inset", children: [jsx(Link03, { className: "mt-0.5 size-4 shrink-0 text-fg-quaternary" }), jsxs("div", { className: "min-w-0 flex-1", children: [jsx("p", { className: "w-full truncate text-sm font-medium text-secondary", children: msg.urlPreview.title }), jsx("p", { className: "w-full truncate text-sm text-tertiary", children: msg.urlPreview.description })] })] })), msg.text, jsx(MessageItemActions, { action: secondaryAction })] }));
|
|
38
40
|
}
|
|
39
|
-
if (msg.image) {
|
|
40
|
-
return (jsxs("figure", { className: "flex flex-col gap-1.5", children: [jsxs("div", { className: "group/msg relative", children: [jsx("img", { src: msg.image.src, alt: msg.image.alt, className: "w-full rounded-md object-cover outline-1 -outline-offset-[0.5px] outline-black/10" }),
|
|
41
|
+
if (bodyKind === 'image' && msg.image) {
|
|
42
|
+
return (jsxs("figure", { className: "flex flex-col gap-1.5", children: [jsxs("div", { className: "group/msg relative", children: [jsx("img", { src: msg.image.src, alt: msg.image.alt, className: "w-full rounded-md object-cover outline-1 -outline-offset-[0.5px] outline-black/10" }), jsx(MessageItemActions, { action: secondaryAction })] }), jsxs("figcaption", { className: "flex items-center gap-1", children: [jsx("span", { className: "min-w-0 flex-1 truncate text-sm font-medium text-secondary", children: msg.image.name }), jsx("span", { className: "text-sm text-tertiary", children: msg.image.size })] })] }));
|
|
41
43
|
}
|
|
42
|
-
if (msg.audio) {
|
|
43
|
-
return (jsxs("div", { className: "group/msg relative flex items-center gap-2 rounded-lg rounded-tl-none bg-primary p-3 ring-1 ring-secondary", children: [jsx("button", { "aria-label": "Play audio message", className: "flex size-8 cursor-pointer items-center justify-center rounded-full bg-fg-brand-primary_alt outline-focus-ring focus-visible:outline-2 focus-visible:outline-offset-2", children: jsx("svg", { width: "12.8", height: "14", viewBox: "0 0 16 16", fill: "none", className: "translate-x-[1px] text-fg-white", children: jsx("path", { d: "M2.19995 2.86327C2.19995 1.61155 3.57248 0.844595 4.63851 1.50061L12.9856 6.63731C14.0009 7.26209 14.0009 8.73784 12.9856 9.36262L4.63851 14.4993C3.57247 15.1553 2.19995 14.3884 2.19995 13.1367V2.86327Z", fill: "currentColor" }) }) }), jsx("svg", { width: "206", height: "34", viewBox: "0 0 206 34", fill: "none", className: "flex-1 text-fg-brand-primary_alt", children: jsx("path", { d: "M1 15V19M5 15V19M9 15V19M13 15V19M17 9.00005V25M21 5.00005V29M25 1.00005V33M29 1.00005V33M33 5.00005V29M37 13V21M41 9.00005V25M45 13V21M49 5.00005V29M53 5.00005V29M57 9.00005V25M61 9.00005V25M65 1.00005V33M69 1.00005V33M73 5.00005V29M77 1.00005V33M81 9.00005V25M85 13V21M89 15V19.0001M93 15V19.0001M97 13V21.0001M101 13V21.0001M105 9V25.0001M109 5V29.0001M113 1V33.0001M117 5V29.0001M121 5V29.0001M125 5V29.0001M129 9V25.0001M133 13V21.0001M137 9V25.0001M141 13V21.0001M145 9V25.0001M149 5V29.0001M153 5V29.0001M157 9V25.0001M161 1V33.0001M165 5V29.0001M169 9V25.0001M173 13V21.0001M177 15V19.0001M181 9V25.0001M185 5V29.0001M189 5V29.0001M193 9V25.0001M197 15V19.0001M201 15V19.0001M205 15V19.0001", stroke: "currentColor", strokeLinecap: "round" }) }), jsx("p", { className: "text-xs text-tertiary", children: msg.audio.duration }),
|
|
44
|
+
if (bodyKind === 'audio' && msg.audio) {
|
|
45
|
+
return (jsxs("div", { className: "group/msg relative flex items-center gap-2 rounded-lg rounded-tl-none bg-primary p-3 ring-1 ring-secondary", children: [jsx("button", { "aria-label": "Play audio message", className: "flex size-8 cursor-pointer items-center justify-center rounded-full bg-fg-brand-primary_alt outline-focus-ring focus-visible:outline-2 focus-visible:outline-offset-2", children: jsx("svg", { width: "12.8", height: "14", viewBox: "0 0 16 16", fill: "none", className: "translate-x-[1px] text-fg-white", children: jsx("path", { d: "M2.19995 2.86327C2.19995 1.61155 3.57248 0.844595 4.63851 1.50061L12.9856 6.63731C14.0009 7.26209 14.0009 8.73784 12.9856 9.36262L4.63851 14.4993C3.57247 15.1553 2.19995 14.3884 2.19995 13.1367V2.86327Z", fill: "currentColor" }) }) }), jsx("svg", { width: "206", height: "34", viewBox: "0 0 206 34", fill: "none", className: "flex-1 text-fg-brand-primary_alt", children: jsx("path", { d: "M1 15V19M5 15V19M9 15V19M13 15V19M17 9.00005V25M21 5.00005V29M25 1.00005V33M29 1.00005V33M33 5.00005V29M37 13V21M41 9.00005V25M45 13V21M49 5.00005V29M53 5.00005V29M57 9.00005V25M61 9.00005V25M65 1.00005V33M69 1.00005V33M73 5.00005V29M77 1.00005V33M81 9.00005V25M85 13V21M89 15V19.0001M93 15V19.0001M97 13V21.0001M101 13V21.0001M105 9V25.0001M109 5V29.0001M113 1V33.0001M117 5V29.0001M121 5V29.0001M125 5V29.0001M129 9V25.0001M133 13V21.0001M137 9V25.0001M141 13V21.0001M145 9V25.0001M149 5V29.0001M153 5V29.0001M157 9V25.0001M161 1V33.0001M165 5V29.0001M169 9V25.0001M173 13V21.0001M177 15V19.0001M181 9V25.0001M185 5V29.0001M189 5V29.0001M193 9V25.0001M197 15V19.0001M201 15V19.0001M205 15V19.0001", stroke: "currentColor", strokeLinecap: "round" }) }), jsx("p", { className: "text-xs text-tertiary", children: msg.audio.duration }), jsx(MessageItemActions, { action: secondaryAction })] }));
|
|
44
46
|
}
|
|
45
47
|
return null;
|
|
46
48
|
};
|
|
47
|
-
return (jsx(TestIdProvider, { value: messageItemTestId, children: jsxs("li", { ...props, "data-testid": messageItemTestId, className: cx('relative flex items-start gap-3', msg.user?.me ? 'self-end pl-10' : 'pr-8 lg:pr-10', props.className), children: [msg.user && !msg.user.me && jsx(Avatar, { src: msg.user.avatarUrl, alt: msg.user.name ?? '', size: "sm", status: msg.user.status }), jsxs("article", { className: "flex min-w-0 flex-1 flex-col gap-1.5", children: [(
|
|
49
|
+
return (jsx(TestIdProvider, { value: messageItemTestId, children: jsxs("li", { ...props, "data-testid": messageItemTestId, className: cx('relative flex items-start gap-3', msg.user?.me ? 'self-end pl-10' : 'pr-8 lg:pr-10', props.className), children: [msg.user && !msg.user.me && jsx(Avatar, { src: msg.user.avatarUrl, alt: msg.user.name ?? '', size: "sm", status: msg.user.status }), jsxs("article", { className: "flex min-w-0 flex-1 flex-col gap-1.5", children: [showsMessageHeader(msg, showUserLabel) && (jsxs("header", { className: "flex items-center gap-2", children: [msg.user && showUserLabel && jsx("cite", { className: "flex-1 truncate text-sm font-medium text-secondary not-italic", children: senderLabel }), showsMessageMeta(msg) && (jsxs("div", { className: "flex items-center gap-0.5", children: [msg.sentAt && (jsx("time", { className: "text-xs text-tertiary", dateTime: msg.sentAt, children: msg.sentAt })), msg.status && jsx(MessageStatus, { status: msg.status, readAt: msg.readAt })] }))] })), renderBody(), msg.attachment && (jsxs("div", { className: "group/msg relative flex gap-3 rounded-lg rounded-tl-none bg-primary px-3.5 py-2.5 ring-1 ring-secondary", children: [jsx(FileIcon, { type: msg.attachment.type, theme: "light", className: "size-10 dark:hidden" }), jsx(FileIcon, { type: msg.attachment.type, theme: "dark", className: "size-10 not-dark:hidden" }), jsxs("div", { className: "min-w-0 flex-1", children: [jsx("p", { className: "truncate text-sm font-medium text-secondary", children: msg.attachment.name }), jsx("p", { className: "text-sm text-tertiary", children: msg.attachment.size })] }), jsx(MessageItemActions, { action: secondaryAction })] })), msg.reactions && msg.reactions.length > 0 && (jsx("ul", { className: "flex justify-end gap-1", children: msg.reactions?.map((reaction) => (jsxs("li", { className: "flex h-6 items-center gap-1 rounded-2xl bg-secondary px-2 py-0.5 ring-1 ring-secondary ring-inset", children: [reaction.content, reaction.count > 1 && jsx("span", { className: "text-sm font-medium text-secondary", children: reaction.count })] }, reaction.content))) })), msg.typing && (jsxs("div", { className: "flex h-7 w-10 items-center justify-center gap-1 self-start rounded-lg rounded-tl-none bg-secondary text-md text-primary ring-1 ring-secondary ring-inset", children: [jsx("div", { className: "size-1 animate-bounce rounded-full bg-fg-tertiary [animation-delay:-0.3s]" }), jsx("div", { className: "size-1 animate-bounce rounded-full bg-fg-quaternary [animation-delay:-0.15s]" }), jsx("div", { className: "size-1 animate-bounce rounded-full bg-fg-tertiary" })] }))] })] }, msg.id) }));
|
|
48
50
|
};
|
|
49
51
|
|
|
50
52
|
export { MessageItem, MessageStatus };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/organisms/Messaging/index.tsx"],"sourcesContent":[null],"names":["_jsx","AriaButton","_jsxs"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/organisms/Messaging/index.tsx"],"sourcesContent":[null],"names":["_jsx","AriaButton","_jsxs"],"mappings":"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"}
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* Picks the body a message renders. A text bubble also keeps any image or link preview inside it,
|
|
5
|
+
* so an image or audio clip only gets its own layout when there is no text.
|
|
6
|
+
*
|
|
7
|
+
* @param message The content fields that compete for the body.
|
|
8
|
+
* @returns `text` when text is set, otherwise `image`, otherwise `audio`, otherwise `none`.
|
|
9
|
+
*/
|
|
10
|
+
const messageBodyKind = (message) => {
|
|
11
|
+
if (message.text)
|
|
12
|
+
return 'text';
|
|
13
|
+
if (message.image)
|
|
14
|
+
return 'image';
|
|
15
|
+
if (message.audio)
|
|
16
|
+
return 'audio';
|
|
17
|
+
return 'none';
|
|
18
|
+
};
|
|
19
|
+
/**
|
|
20
|
+
* Chooses the middle hover action. Text is edited; an image, audio clip or attachment with no text is downloaded.
|
|
21
|
+
*
|
|
22
|
+
* @param message The content fields that can be edited or downloaded.
|
|
23
|
+
* @returns `edit` when text is set, `download` for media or an attachment without text, or `null` when neither applies.
|
|
24
|
+
*/
|
|
25
|
+
const messageSecondaryAction = (message) => {
|
|
26
|
+
if (message.text)
|
|
27
|
+
return 'edit';
|
|
28
|
+
if (message.image || message.audio || message.attachment)
|
|
29
|
+
return 'download';
|
|
30
|
+
return null;
|
|
31
|
+
};
|
|
32
|
+
/**
|
|
33
|
+
* Names the sender in the header. The current user's messages read "You".
|
|
34
|
+
*
|
|
35
|
+
* @param user The sender, including whether the message is the current user's.
|
|
36
|
+
* @returns `You` for the current user, otherwise the sender's name.
|
|
37
|
+
*/
|
|
38
|
+
const messageSenderLabel = (user) => (user.me ? 'You' : user.name);
|
|
39
|
+
/**
|
|
40
|
+
* Whether the header row renders. It shows a sender label, a timestamp, a delivery state, or any combination of them.
|
|
41
|
+
*
|
|
42
|
+
* @param message The sender, timestamp and delivery state.
|
|
43
|
+
* @param showUserLabel Whether the caller asked for the sender's name.
|
|
44
|
+
* @returns `true` when at least one header part has something to show.
|
|
45
|
+
*/
|
|
46
|
+
const showsMessageHeader = (message, showUserLabel) => Boolean((message.user && showUserLabel) || message.sentAt || message.status);
|
|
47
|
+
/**
|
|
48
|
+
* Whether the timestamp and delivery tick render. A typing placeholder replaces them.
|
|
49
|
+
*
|
|
50
|
+
* @param message The timestamp, delivery state and typing flag.
|
|
51
|
+
* @returns `true` when the message is not typing and has a timestamp or a delivery state.
|
|
52
|
+
*/
|
|
53
|
+
const showsMessageMeta = (message) => Boolean(!message.typing && (message.sentAt || message.status));
|
|
54
|
+
|
|
55
|
+
exports.messageBodyKind = messageBodyKind;
|
|
56
|
+
exports.messageSecondaryAction = messageSecondaryAction;
|
|
57
|
+
exports.messageSenderLabel = messageSenderLabel;
|
|
58
|
+
exports.showsMessageHeader = showsMessageHeader;
|
|
59
|
+
exports.showsMessageMeta = showsMessageMeta;
|
|
60
|
+
//# sourceMappingURL=messageItem.utils.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"messageItem.utils.cjs","sources":["../../../../src/components/organisms/Messaging/messageItem.utils.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAyBA;;;;;;AAMG;AACI,MAAM,eAAe,GAAG,CAAC,OAA+D,KAAqB;IAClH,IAAI,OAAO,CAAC,IAAI;AAAE,QAAA,OAAO,MAAM;IAC/B,IAAI,OAAO,CAAC,KAAK;AAAE,QAAA,OAAO,OAAO;IACjC,IAAI,OAAO,CAAC,KAAK;AAAE,QAAA,OAAO,OAAO;AACjC,IAAA,OAAO,MAAM;AACf;AAKA;;;;;AAKG;AACI,MAAM,sBAAsB,GAAG,CACpC,OAA8E,KAC7C;IACjC,IAAI,OAAO,CAAC,IAAI;AAAE,QAAA,OAAO,MAAM;IAC/B,IAAI,OAAO,CAAC,KAAK,IAAI,OAAO,CAAC,KAAK,IAAI,OAAO,CAAC,UAAU;AAAE,QAAA,OAAO,UAAU;AAC3E,IAAA,OAAO,IAAI;AACb;AAEA;;;;;AAKG;AACI,MAAM,kBAAkB,GAAG,CAAC,IAA+C,MAA0B,IAAI,CAAC,EAAE,GAAG,KAAK,GAAG,IAAI,CAAC,IAAI;AAEvI;;;;;;AAMG;AACI,MAAM,kBAAkB,GAAG,CAAC,OAAiE,EAAE,aAAsB,KAC1H,OAAO,CAAC,CAAC,OAAO,CAAC,IAAI,IAAI,aAAa,KAAK,OAAO,CAAC,MAAM,IAAI,OAAO,CAAC,MAAM;AAE7E;;;;;AAKG;AACI,MAAM,gBAAgB,GAAG,CAAC,OAAmE,KAClG,OAAO,CAAC,CAAC,OAAO,CAAC,MAAM,KAAK,OAAO,CAAC,MAAM,IAAI,OAAO,CAAC,MAAM,CAAC;;;;;;"}
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
import type { ReactNode } from 'react';
|
|
2
|
+
/** Fields of a message that decide what `MessageItem` renders. Other fields are display-only. */
|
|
3
|
+
export interface MessageContentFields {
|
|
4
|
+
/** Bubble text. When present it wins over a standalone image or audio clip. */
|
|
5
|
+
text?: ReactNode;
|
|
6
|
+
/** Standalone image, or the image embedded in a text bubble. */
|
|
7
|
+
image?: unknown;
|
|
8
|
+
/** Voice clip, rendered only when there is no text and no image. */
|
|
9
|
+
audio?: unknown;
|
|
10
|
+
/** File chip rendered beside the body, not instead of it. */
|
|
11
|
+
attachment?: unknown;
|
|
12
|
+
/** Sender, when the message names one. */
|
|
13
|
+
user?: {
|
|
14
|
+
me?: boolean;
|
|
15
|
+
name?: string;
|
|
16
|
+
};
|
|
17
|
+
/** Timestamp shown in the header. */
|
|
18
|
+
sentAt?: string;
|
|
19
|
+
/** Delivery state shown in the header. */
|
|
20
|
+
status?: string;
|
|
21
|
+
/** Typing placeholder. Hides the timestamp row while it is showing. */
|
|
22
|
+
typing?: boolean;
|
|
23
|
+
}
|
|
24
|
+
/** Which body a message renders. Text wins, then a standalone image, then audio. */
|
|
25
|
+
export type MessageBodyKind = 'text' | 'image' | 'audio' | 'none';
|
|
26
|
+
/**
|
|
27
|
+
* Picks the body a message renders. A text bubble also keeps any image or link preview inside it,
|
|
28
|
+
* so an image or audio clip only gets its own layout when there is no text.
|
|
29
|
+
*
|
|
30
|
+
* @param message The content fields that compete for the body.
|
|
31
|
+
* @returns `text` when text is set, otherwise `image`, otherwise `audio`, otherwise `none`.
|
|
32
|
+
*/
|
|
33
|
+
export declare const messageBodyKind: (message: Pick<MessageContentFields, "text" | "image" | "audio">) => MessageBodyKind;
|
|
34
|
+
/** The hover action beside Generate, when the message has something to edit or download. */
|
|
35
|
+
export type MessageSecondaryAction = 'edit' | 'download';
|
|
36
|
+
/**
|
|
37
|
+
* Chooses the middle hover action. Text is edited; an image, audio clip or attachment with no text is downloaded.
|
|
38
|
+
*
|
|
39
|
+
* @param message The content fields that can be edited or downloaded.
|
|
40
|
+
* @returns `edit` when text is set, `download` for media or an attachment without text, or `null` when neither applies.
|
|
41
|
+
*/
|
|
42
|
+
export declare const messageSecondaryAction: (message: Pick<MessageContentFields, "text" | "image" | "audio" | "attachment">) => MessageSecondaryAction | null;
|
|
43
|
+
/**
|
|
44
|
+
* Names the sender in the header. The current user's messages read "You".
|
|
45
|
+
*
|
|
46
|
+
* @param user The sender, including whether the message is the current user's.
|
|
47
|
+
* @returns `You` for the current user, otherwise the sender's name.
|
|
48
|
+
*/
|
|
49
|
+
export declare const messageSenderLabel: (user: NonNullable<MessageContentFields["user"]>) => string | undefined;
|
|
50
|
+
/**
|
|
51
|
+
* Whether the header row renders. It shows a sender label, a timestamp, a delivery state, or any combination of them.
|
|
52
|
+
*
|
|
53
|
+
* @param message The sender, timestamp and delivery state.
|
|
54
|
+
* @param showUserLabel Whether the caller asked for the sender's name.
|
|
55
|
+
* @returns `true` when at least one header part has something to show.
|
|
56
|
+
*/
|
|
57
|
+
export declare const showsMessageHeader: (message: Pick<MessageContentFields, "user" | "sentAt" | "status">, showUserLabel: boolean) => boolean;
|
|
58
|
+
/**
|
|
59
|
+
* Whether the timestamp and delivery tick render. A typing placeholder replaces them.
|
|
60
|
+
*
|
|
61
|
+
* @param message The timestamp, delivery state and typing flag.
|
|
62
|
+
* @returns `true` when the message is not typing and has a timestamp or a delivery state.
|
|
63
|
+
*/
|
|
64
|
+
export declare const showsMessageMeta: (message: Pick<MessageContentFields, "typing" | "sentAt" | "status">) => boolean;
|
|
65
|
+
//# sourceMappingURL=messageItem.utils.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"messageItem.utils.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/Messaging/messageItem.utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,iGAAiG;AACjG,MAAM,WAAW,oBAAoB;IACnC,+EAA+E;IAC/E,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,gEAAgE;IAChE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,oEAAoE;IACpE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,6DAA6D;IAC7D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,0CAA0C;IAC1C,IAAI,CAAC,EAAE;QAAE,EAAE,CAAC,EAAE,OAAO,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACvC,qCAAqC;IACrC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,0CAA0C;IAC1C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,uEAAuE;IACvE,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,oFAAoF;AACpF,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,CAAC;AAElE;;;;;;GAMG;AACH,eAAO,MAAM,eAAe,GAAI,SAAS,IAAI,CAAC,oBAAoB,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,CAAC,KAAG,eAKjG,CAAC;AAEF,4FAA4F;AAC5F,MAAM,MAAM,sBAAsB,GAAG,MAAM,GAAG,UAAU,CAAC;AAEzD;;;;;GAKG;AACH,eAAO,MAAM,sBAAsB,GACjC,SAAS,IAAI,CAAC,oBAAoB,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,YAAY,CAAC,KAC7E,sBAAsB,GAAG,IAI3B,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,GAAI,MAAM,WAAW,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,KAAG,MAAM,GAAG,SAA0C,CAAC;AAEzI;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB,GAAI,SAAS,IAAI,CAAC,oBAAoB,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ,CAAC,EAAE,eAAe,OAAO,KAAG,OACjD,CAAC;AAE/E;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,GAAI,SAAS,IAAI,CAAC,oBAAoB,EAAE,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC,KAAG,OACvC,CAAC"}
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Picks the body a message renders. A text bubble also keeps any image or link preview inside it,
|
|
3
|
+
* so an image or audio clip only gets its own layout when there is no text.
|
|
4
|
+
*
|
|
5
|
+
* @param message The content fields that compete for the body.
|
|
6
|
+
* @returns `text` when text is set, otherwise `image`, otherwise `audio`, otherwise `none`.
|
|
7
|
+
*/
|
|
8
|
+
const messageBodyKind = (message) => {
|
|
9
|
+
if (message.text)
|
|
10
|
+
return 'text';
|
|
11
|
+
if (message.image)
|
|
12
|
+
return 'image';
|
|
13
|
+
if (message.audio)
|
|
14
|
+
return 'audio';
|
|
15
|
+
return 'none';
|
|
16
|
+
};
|
|
17
|
+
/**
|
|
18
|
+
* Chooses the middle hover action. Text is edited; an image, audio clip or attachment with no text is downloaded.
|
|
19
|
+
*
|
|
20
|
+
* @param message The content fields that can be edited or downloaded.
|
|
21
|
+
* @returns `edit` when text is set, `download` for media or an attachment without text, or `null` when neither applies.
|
|
22
|
+
*/
|
|
23
|
+
const messageSecondaryAction = (message) => {
|
|
24
|
+
if (message.text)
|
|
25
|
+
return 'edit';
|
|
26
|
+
if (message.image || message.audio || message.attachment)
|
|
27
|
+
return 'download';
|
|
28
|
+
return null;
|
|
29
|
+
};
|
|
30
|
+
/**
|
|
31
|
+
* Names the sender in the header. The current user's messages read "You".
|
|
32
|
+
*
|
|
33
|
+
* @param user The sender, including whether the message is the current user's.
|
|
34
|
+
* @returns `You` for the current user, otherwise the sender's name.
|
|
35
|
+
*/
|
|
36
|
+
const messageSenderLabel = (user) => (user.me ? 'You' : user.name);
|
|
37
|
+
/**
|
|
38
|
+
* Whether the header row renders. It shows a sender label, a timestamp, a delivery state, or any combination of them.
|
|
39
|
+
*
|
|
40
|
+
* @param message The sender, timestamp and delivery state.
|
|
41
|
+
* @param showUserLabel Whether the caller asked for the sender's name.
|
|
42
|
+
* @returns `true` when at least one header part has something to show.
|
|
43
|
+
*/
|
|
44
|
+
const showsMessageHeader = (message, showUserLabel) => Boolean((message.user && showUserLabel) || message.sentAt || message.status);
|
|
45
|
+
/**
|
|
46
|
+
* Whether the timestamp and delivery tick render. A typing placeholder replaces them.
|
|
47
|
+
*
|
|
48
|
+
* @param message The timestamp, delivery state and typing flag.
|
|
49
|
+
* @returns `true` when the message is not typing and has a timestamp or a delivery state.
|
|
50
|
+
*/
|
|
51
|
+
const showsMessageMeta = (message) => Boolean(!message.typing && (message.sentAt || message.status));
|
|
52
|
+
|
|
53
|
+
export { messageBodyKind, messageSecondaryAction, messageSenderLabel, showsMessageHeader, showsMessageMeta };
|
|
54
|
+
//# sourceMappingURL=messageItem.utils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"messageItem.utils.js","sources":["../../../../src/components/organisms/Messaging/messageItem.utils.ts"],"sourcesContent":[null],"names":[],"mappings":"AAyBA;;;;;;AAMG;AACI,MAAM,eAAe,GAAG,CAAC,OAA+D,KAAqB;IAClH,IAAI,OAAO,CAAC,IAAI;AAAE,QAAA,OAAO,MAAM;IAC/B,IAAI,OAAO,CAAC,KAAK;AAAE,QAAA,OAAO,OAAO;IACjC,IAAI,OAAO,CAAC,KAAK;AAAE,QAAA,OAAO,OAAO;AACjC,IAAA,OAAO,MAAM;AACf;AAKA;;;;;AAKG;AACI,MAAM,sBAAsB,GAAG,CACpC,OAA8E,KAC7C;IACjC,IAAI,OAAO,CAAC,IAAI;AAAE,QAAA,OAAO,MAAM;IAC/B,IAAI,OAAO,CAAC,KAAK,IAAI,OAAO,CAAC,KAAK,IAAI,OAAO,CAAC,UAAU;AAAE,QAAA,OAAO,UAAU;AAC3E,IAAA,OAAO,IAAI;AACb;AAEA;;;;;AAKG;AACI,MAAM,kBAAkB,GAAG,CAAC,IAA+C,MAA0B,IAAI,CAAC,EAAE,GAAG,KAAK,GAAG,IAAI,CAAC,IAAI;AAEvI;;;;;;AAMG;AACI,MAAM,kBAAkB,GAAG,CAAC,OAAiE,EAAE,aAAsB,KAC1H,OAAO,CAAC,CAAC,OAAO,CAAC,IAAI,IAAI,aAAa,KAAK,OAAO,CAAC,MAAM,IAAI,OAAO,CAAC,MAAM;AAE7E;;;;;AAKG;AACI,MAAM,gBAAgB,GAAG,CAAC,OAAmE,KAClG,OAAO,CAAC,CAAC,OAAO,CAAC,MAAM,KAAK,OAAO,CAAC,MAAM,IAAI,OAAO,CAAC,MAAM,CAAC;;"}
|