@cellarnode/ui 0.12.1 → 0.12.3
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/chat/chat-ws.d.ts +6 -1
- package/dist/chat/chat-ws.d.ts.map +1 -1
- package/dist/chat/chat-ws.js +18 -0
- package/dist/chat/chat-ws.js.map +1 -1
- package/dist/chat/communication-panel.d.ts.map +1 -1
- package/dist/chat/communication-panel.js +9 -3
- package/dist/chat/communication-panel.js.map +1 -1
- package/dist/chat/communication-panel.stories.d.ts.map +1 -1
- package/dist/chat/communication-panel.stories.js +2 -0
- package/dist/chat/communication-panel.stories.js.map +1 -1
- package/dist/chat/connection-banner.d.ts +7 -0
- package/dist/chat/connection-banner.d.ts.map +1 -0
- package/dist/chat/connection-banner.js +19 -0
- package/dist/chat/connection-banner.js.map +1 -0
- package/dist/chat/connection-banner.stories.d.ts +22 -0
- package/dist/chat/connection-banner.stories.d.ts.map +1 -0
- package/dist/chat/connection-banner.stories.js +24 -0
- package/dist/chat/connection-banner.stories.js.map +1 -0
- package/dist/chat/delivery-indicator.d.ts +12 -0
- package/dist/chat/delivery-indicator.d.ts.map +1 -0
- package/dist/chat/delivery-indicator.js +28 -0
- package/dist/chat/delivery-indicator.js.map +1 -0
- package/dist/chat/delivery-indicator.stories.d.ts +23 -0
- package/dist/chat/delivery-indicator.stories.d.ts.map +1 -0
- package/dist/chat/delivery-indicator.stories.js +27 -0
- package/dist/chat/delivery-indicator.stories.js.map +1 -0
- package/dist/chat/global-chat-widget.d.ts +6 -2
- package/dist/chat/global-chat-widget.d.ts.map +1 -1
- package/dist/chat/global-chat-widget.js +39 -7
- package/dist/chat/global-chat-widget.js.map +1 -1
- package/dist/chat/index.d.ts +11 -1
- package/dist/chat/index.d.ts.map +1 -1
- package/dist/chat/index.js +8 -0
- package/dist/chat/index.js.map +1 -1
- package/dist/chat/presence-dot.d.ts +10 -0
- package/dist/chat/presence-dot.d.ts.map +1 -0
- package/dist/chat/presence-dot.js +14 -0
- package/dist/chat/presence-dot.js.map +1 -0
- package/dist/chat/presence-dot.stories.d.ts +29 -0
- package/dist/chat/presence-dot.stories.d.ts.map +1 -0
- package/dist/chat/presence-dot.stories.js +42 -0
- package/dist/chat/presence-dot.stories.js.map +1 -0
- package/dist/chat/types.d.ts +10 -0
- package/dist/chat/types.d.ts.map +1 -1
- package/dist/chat/typing-indicator.d.ts +6 -0
- package/dist/chat/typing-indicator.d.ts.map +1 -0
- package/dist/chat/typing-indicator.js +11 -0
- package/dist/chat/typing-indicator.js.map +1 -0
- package/dist/chat/typing-indicator.stories.d.ts +15 -0
- package/dist/chat/typing-indicator.stories.d.ts.map +1 -0
- package/dist/chat/typing-indicator.stories.js +17 -0
- package/dist/chat/typing-indicator.stories.js.map +1 -0
- package/dist/chat/unified-timeline.d.ts +2 -1
- package/dist/chat/unified-timeline.d.ts.map +1 -1
- package/dist/chat/unified-timeline.js +65 -20
- package/dist/chat/unified-timeline.js.map +1 -1
- package/dist/chat/use-chat-notifications.d.ts +12 -0
- package/dist/chat/use-chat-notifications.d.ts.map +1 -0
- package/dist/chat/use-chat-notifications.js +31 -0
- package/dist/chat/use-chat-notifications.js.map +1 -0
- package/dist/chat/use-chat.d.ts.map +1 -1
- package/dist/chat/use-chat.js +69 -2
- package/dist/chat/use-chat.js.map +1 -1
- package/dist/chat/use-connection-status.d.ts +3 -0
- package/dist/chat/use-connection-status.d.ts.map +1 -0
- package/dist/chat/use-connection-status.js +7 -0
- package/dist/chat/use-connection-status.js.map +1 -0
- package/dist/chat/use-idle-detection.d.ts +3 -0
- package/dist/chat/use-idle-detection.d.ts.map +1 -0
- package/dist/chat/use-idle-detection.js +50 -0
- package/dist/chat/use-idle-detection.js.map +1 -0
- package/dist/chat/use-tab-title-badge.d.ts +2 -0
- package/dist/chat/use-tab-title-badge.d.ts.map +1 -0
- package/dist/chat/use-tab-title-badge.js +15 -0
- package/dist/chat/use-tab-title-badge.js.map +1 -0
- package/package.json +2 -1
package/dist/chat/chat-ws.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { ChatWsConfig } from "./types";
|
|
1
|
+
import type { ChatWsConfig, PresenceEvent } from "./types";
|
|
2
2
|
type MessageCallback = (roomId: string, data: Record<string, unknown>) => void;
|
|
3
3
|
type TypingCallback = (roomId: string, orgId: string) => void;
|
|
4
4
|
type ReadCallback = (roomId: string, data: {
|
|
@@ -6,6 +6,7 @@ type ReadCallback = (roomId: string, data: {
|
|
|
6
6
|
messageId?: string;
|
|
7
7
|
count?: number;
|
|
8
8
|
}) => void;
|
|
9
|
+
type PresenceCallback = (roomId: string, data: PresenceEvent) => void;
|
|
9
10
|
type ConnectionCallback = (connected: boolean) => void;
|
|
10
11
|
type NotificationCallback = (payload: {
|
|
11
12
|
id: string;
|
|
@@ -22,6 +23,7 @@ declare class ChatWebSocket {
|
|
|
22
23
|
private messageCallbacks;
|
|
23
24
|
private typingCallbacks;
|
|
24
25
|
private readCallbacks;
|
|
26
|
+
private presenceCallbacks;
|
|
25
27
|
private connectionCallbacks;
|
|
26
28
|
private notificationCallbacks;
|
|
27
29
|
private _isConnected;
|
|
@@ -33,6 +35,7 @@ declare class ChatWebSocket {
|
|
|
33
35
|
onMessage(cb: MessageCallback): () => void;
|
|
34
36
|
onTyping(cb: TypingCallback): () => void;
|
|
35
37
|
onRead(cb: ReadCallback): () => void;
|
|
38
|
+
onPresence(cb: PresenceCallback): () => void;
|
|
36
39
|
onConnectionChange(cb: ConnectionCallback): () => void;
|
|
37
40
|
onNotification(cb: NotificationCallback): () => void;
|
|
38
41
|
connect(): Promise<void>;
|
|
@@ -43,6 +46,8 @@ declare class ChatWebSocket {
|
|
|
43
46
|
sendTyping(roomId: string): void;
|
|
44
47
|
sendMarkRead(roomId: string, messageId: string): void;
|
|
45
48
|
sendMarkReadAll(roomId: string): void;
|
|
49
|
+
sendIdle(roomId: string): void;
|
|
50
|
+
sendActive(roomId: string): void;
|
|
46
51
|
private send;
|
|
47
52
|
private handleMessage;
|
|
48
53
|
private startPing;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chat-ws.d.ts","sourceRoot":"","sources":["../../src/chat/chat-ws.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"chat-ws.d.ts","sourceRoot":"","sources":["../../src/chat/chat-ws.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAY3D,KAAK,eAAe,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;AAC/E,KAAK,cAAc,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;AAC9D,KAAK,YAAY,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,KAAK,IAAI,CAAC;AAC1G,KAAK,gBAAgB,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;AACtE,KAAK,kBAAkB,GAAG,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;AACvD,KAAK,oBAAoB,GAAG,CAAC,OAAO,EAAE;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,KAAK,IAAI,CAAC;AAM3F,cAAM,aAAa;IACjB,OAAO,CAAC,EAAE,CAA0B;IACpC,OAAO,CAAC,SAAS,CAA+C;IAChE,OAAO,CAAC,cAAc,CAA8C;IACpE,OAAO,CAAC,gBAAgB,CAAK;IAC7B,OAAO,CAAC,eAAe,CAAK;IAC5B,OAAO,CAAC,eAAe,CAAqB;IAC5C,OAAO,CAAC,gBAAgB,CAA8B;IACtD,OAAO,CAAC,eAAe,CAA6B;IACpD,OAAO,CAAC,aAAa,CAA2B;IAChD,OAAO,CAAC,iBAAiB,CAA+B;IACxD,OAAO,CAAC,mBAAmB,CAAiC;IAC5D,OAAO,CAAC,qBAAqB,CAAmC;IAChE,OAAO,CAAC,YAAY,CAAS;IAC7B,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,MAAM,CAAe;gBAEjB,MAAM,EAAE,YAAY;IAIhC,IAAI,WAAW,YAEd;IAED,IAAI,SAAS,YAEZ;IAED,SAAS,CAAC,EAAE,EAAE,eAAe;IAO7B,QAAQ,CAAC,EAAE,EAAE,cAAc;IAO3B,MAAM,CAAC,EAAE,EAAE,YAAY;IAOvB,UAAU,CAAC,EAAE,EAAE,gBAAgB;IAO/B,kBAAkB,CAAC,EAAE,EAAE,kBAAkB;IASzC,cAAc,CAAC,EAAE,EAAE,oBAAoB;IAOjC,OAAO;IAuDb,UAAU;IAgBV,SAAS,CAAC,MAAM,EAAE,MAAM;IAOxB,WAAW,CAAC,MAAM,EAAE,MAAM;IAO1B,eAAe,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM;IAI/C,UAAU,CAAC,MAAM,EAAE,MAAM;IAIzB,YAAY,CAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM;IAI9C,eAAe,CAAC,MAAM,EAAE,MAAM;IAI9B,QAAQ,CAAC,MAAM,EAAE,MAAM;IAIvB,UAAU,CAAC,MAAM,EAAE,MAAM;IAIzB,OAAO,CAAC,IAAI;IAMZ,OAAO,CAAC,aAAa;IAgCrB,OAAO,CAAC,SAAS;IAOjB,OAAO,CAAC,QAAQ;IAOhB,OAAO,CAAC,iBAAiB;IAYzB,OAAO,CAAC,gBAAgB;CAKzB;AAED;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,MAAM,EAAE,YAAY,GAAG,aAAa,CAEhE;AAED,YAAY,EAAE,aAAa,EAAE,CAAC"}
|
package/dist/chat/chat-ws.js
CHANGED
|
@@ -11,6 +11,7 @@ class ChatWebSocket {
|
|
|
11
11
|
messageCallbacks = new Set();
|
|
12
12
|
typingCallbacks = new Set();
|
|
13
13
|
readCallbacks = new Set();
|
|
14
|
+
presenceCallbacks = new Set();
|
|
14
15
|
connectionCallbacks = new Set();
|
|
15
16
|
notificationCallbacks = new Set();
|
|
16
17
|
_isConnected = false;
|
|
@@ -43,6 +44,12 @@ class ChatWebSocket {
|
|
|
43
44
|
this.readCallbacks.delete(cb);
|
|
44
45
|
};
|
|
45
46
|
}
|
|
47
|
+
onPresence(cb) {
|
|
48
|
+
this.presenceCallbacks.add(cb);
|
|
49
|
+
return () => {
|
|
50
|
+
this.presenceCallbacks.delete(cb);
|
|
51
|
+
};
|
|
52
|
+
}
|
|
46
53
|
onConnectionChange(cb) {
|
|
47
54
|
this.connectionCallbacks.add(cb);
|
|
48
55
|
// Immediately emit current state so late subscribers don't stay stuck on "false"
|
|
@@ -147,6 +154,12 @@ class ChatWebSocket {
|
|
|
147
154
|
sendMarkReadAll(roomId) {
|
|
148
155
|
this.send({ type: "mark_read_all", roomId });
|
|
149
156
|
}
|
|
157
|
+
sendIdle(roomId) {
|
|
158
|
+
this.send({ type: "presence", roomId, status: "away" });
|
|
159
|
+
}
|
|
160
|
+
sendActive(roomId) {
|
|
161
|
+
this.send({ type: "presence", roomId, status: "online" });
|
|
162
|
+
}
|
|
150
163
|
send(data) {
|
|
151
164
|
if (this.ws?.readyState === WebSocket.OPEN) {
|
|
152
165
|
this.ws.send(JSON.stringify(data));
|
|
@@ -169,6 +182,11 @@ class ChatWebSocket {
|
|
|
169
182
|
cb(msg.roomId, msg.data);
|
|
170
183
|
}
|
|
171
184
|
break;
|
|
185
|
+
case "presence":
|
|
186
|
+
for (const cb of this.presenceCallbacks) {
|
|
187
|
+
cb(msg.roomId, msg.data);
|
|
188
|
+
}
|
|
189
|
+
break;
|
|
172
190
|
case "notification":
|
|
173
191
|
for (const cb of this.notificationCallbacks) {
|
|
174
192
|
cb(msg.payload);
|
package/dist/chat/chat-ws.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chat-ws.js","sourceRoot":"","sources":["../../src/chat/chat-ws.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"chat-ws.js","sourceRoot":"","sources":["../../src/chat/chat-ws.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"communication-panel.d.ts","sourceRoot":"","sources":["../../src/chat/communication-panel.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"communication-panel.d.ts","sourceRoot":"","sources":["../../src/chat/communication-panel.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,uBAAuB,EAAiB,MAAM,SAAS,CAAC;AAUtE,wBAAgB,kBAAkB,CAAC,EACjC,SAAS,EACT,MAAM,EACN,YAAY,EACZ,OAAO,EAAE,QAAQ,EACjB,cAAc,EACd,WAAW,EACX,eAAe,EAAE,gBAAgB,EACjC,gBAAgB,EAAE,iBAAiB,EACnC,eAAe,EAAE,gBAAgB,EACjC,eAAe,EACf,SAAS,EACT,aAAa,EACb,KAAK,EACL,YAAY,EACZ,YAAY,EACZ,CAAY,EACZ,iBAAiB,GAClB,EAAE,uBAAuB,2CA4KzB"}
|
|
@@ -3,9 +3,10 @@ import { useState, useMemo } from "react";
|
|
|
3
3
|
import { ShadcnButton as Button } from "../components/shadcn-button";
|
|
4
4
|
import { ShadcnInput as Input } from "../components/shadcn-input";
|
|
5
5
|
import { Skeleton } from "../components/skeleton";
|
|
6
|
-
import { MessageCircle, Send, Loader2, Wifi, WifiOff,
|
|
6
|
+
import { MessageCircle, Send, Loader2, Wifi, WifiOff, PanelRightClose, PanelRightOpen } from "lucide-react";
|
|
7
7
|
import { UnifiedTimeline } from "./unified-timeline";
|
|
8
8
|
import { buildConversationTimeline } from "./timeline-utils";
|
|
9
|
+
import { ConnectionBanner } from "./connection-banner.js";
|
|
9
10
|
import { toneClass } from "../lib/semantic-tones";
|
|
10
11
|
const defaultT = (_key, fallback, options) => {
|
|
11
12
|
if (!options)
|
|
@@ -14,9 +15,14 @@ const defaultT = (_key, fallback, options) => {
|
|
|
14
15
|
return fallback.replace(/\{\{(\w+)\}\}/g, (_, k) => options[k] != null ? String(options[k]) : `{{${k}}}`);
|
|
15
16
|
};
|
|
16
17
|
export function CommunicationPanel({ chatState, roomId, currentOrgId, offerId: _offerId, responseThread, counterMode, onCounterCancel: _onCounterCancel, onCounterSuccess: _onCounterSuccess, defaultCurrency: _defaultCurrency, showPanelToggle, panelOpen, onPanelToggle, rooms, activeRoomId, onRoomChange, t = defaultT, renderCounterForm, }) {
|
|
17
|
-
const { messages, sendMessage, sendTyping, isConnected, isTyping, isLoading, hasMore, loadMore, isSending, } = chatState;
|
|
18
|
+
const { messages, sendMessage, sendTyping, isConnected, isTyping, isLoading, hasMore, loadMore, isSending, retryMessage, } = chatState;
|
|
18
19
|
const [input, setInput] = useState("");
|
|
19
20
|
const timelineItems = useMemo(() => buildConversationTimeline(messages, responseThread), [messages, responseThread]);
|
|
21
|
+
const connectionBannerState = isConnected
|
|
22
|
+
? "connected"
|
|
23
|
+
: messages.length > 0
|
|
24
|
+
? "reconnecting"
|
|
25
|
+
: "offline";
|
|
20
26
|
function handleSubmit(e) {
|
|
21
27
|
e.preventDefault();
|
|
22
28
|
const trimmed = input.trim();
|
|
@@ -31,6 +37,6 @@ export function CommunicationPanel({ chatState, roomId, currentOrgId, offerId: _
|
|
|
31
37
|
? t("roomActive", "Active")
|
|
32
38
|
: t("roomLabel", "Room") }, room.id))) })), !roomId ? (_jsx("div", { className: "flex flex-1 items-center justify-center p-4", children: _jsx("p", { className: "text-sm text-muted-foreground", children: t("chatUnavailable", "Chat will be available once the offer is sent.") }) })) : isLoading ? (_jsx("div", { className: "grid gap-2 p-4", children: Array.from({ length: 3 }).map((_, i) => (
|
|
33
39
|
// eslint-disable-next-line @eslint-react/no-array-index-key
|
|
34
|
-
_jsx(Skeleton, { className: "h-10 w-3/4" }, i))) })) : (_jsx(UnifiedTimeline, { items: timelineItems, currentOrgId: currentOrgId, isTyping: isTyping, hasMore: hasMore ?? false, onLoadMore: () => loadMore?.(), t: t })), roomId && !
|
|
40
|
+
_jsx(Skeleton, { className: "h-10 w-3/4" }, i))) })) : (_jsx(UnifiedTimeline, { items: timelineItems, currentOrgId: currentOrgId, isTyping: isTyping, hasMore: hasMore ?? false, onLoadMore: () => loadMore?.(), onRetryMessage: retryMessage, t: t })), roomId && !isLoading && (_jsx(ConnectionBanner, { state: connectionBannerState })), counterMode && renderCounterForm && (_jsx("div", { className: "border-t border-border p-3", children: renderCounterForm() })), roomId && (_jsx("form", { onSubmit: handleSubmit, className: "border-t border-border bg-background/70 p-3", children: _jsxs("div", { className: "surface-card flex gap-2 rounded-[20px] px-2 py-2", children: [_jsx(Input, { value: input, onChange: (e) => setInput(e.target.value), onKeyDown: () => sendTyping(), placeholder: t("chatPlaceholder", "Type a message..."), className: "flex-1 border-0 bg-transparent shadow-none focus-visible:ring-0" }), _jsx(Button, { type: "submit", size: "icon", className: "rounded-2xl", disabled: !input.trim() || isSending, children: isSending ? (_jsx(Loader2, { className: "size-4 animate-spin" })) : (_jsx(Send, { className: "size-4" })) })] }) }))] }));
|
|
35
41
|
}
|
|
36
42
|
//# sourceMappingURL=communication-panel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"communication-panel.js","sourceRoot":"","sources":["../../src/chat/communication-panel.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,IAAI,MAAM,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,WAAW,IAAI,KAAK,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"communication-panel.js","sourceRoot":"","sources":["../../src/chat/communication-panel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"communication-panel.stories.d.ts","sourceRoot":"","sources":["../../src/chat/communication-panel.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAI3D,QAAA,MAAM,IAAI;;;;;;;CAKiC,CAAC;AAE5C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"communication-panel.stories.d.ts","sourceRoot":"","sources":["../../src/chat/communication-panel.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAI3D,QAAA,MAAM,IAAI;;;;;;;CAKiC,CAAC;AAE5C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AA8CnC,eAAO,MAAM,OAAO,EAAE,KAmBrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAkBvB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAkB1B,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAkBrB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAkBpB,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KA0BjC,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAqB7B,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAkBrB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"communication-panel.stories.js","sourceRoot":"","sources":["../../src/chat/communication-panel.stories.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"communication-panel.stories.js","sourceRoot":"","sources":["../../src/chat/communication-panel.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export type ConnectionBannerState = "reconnecting" | "offline" | "connected";
|
|
2
|
+
interface ConnectionBannerProps {
|
|
3
|
+
state: ConnectionBannerState;
|
|
4
|
+
}
|
|
5
|
+
export declare function ConnectionBanner({ state }: ConnectionBannerProps): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export {};
|
|
7
|
+
//# sourceMappingURL=connection-banner.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"connection-banner.d.ts","sourceRoot":"","sources":["../../src/chat/connection-banner.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,qBAAqB,GAAG,cAAc,GAAG,SAAS,GAAG,WAAW,CAAC;AAE7E,UAAU,qBAAqB;IAC7B,KAAK,EAAE,qBAAqB,CAAC;CAC9B;AAID,wBAAgB,gBAAgB,CAAC,EAAE,KAAK,EAAE,EAAE,qBAAqB,2CA8ChE"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useEffect, useState } from "react";
|
|
3
|
+
import { AnimatePresence, motion } from "motion/react";
|
|
4
|
+
import { Loader2, Wifi, WifiOff } from "lucide-react";
|
|
5
|
+
const AUTO_DISMISS_MS = 3000;
|
|
6
|
+
export function ConnectionBanner({ state }) {
|
|
7
|
+
const [showConnected, setShowConnected] = useState(false);
|
|
8
|
+
useEffect(() => {
|
|
9
|
+
if (state === "connected") {
|
|
10
|
+
setShowConnected(true);
|
|
11
|
+
const timer = setTimeout(() => setShowConnected(false), AUTO_DISMISS_MS);
|
|
12
|
+
return () => clearTimeout(timer);
|
|
13
|
+
}
|
|
14
|
+
setShowConnected(false);
|
|
15
|
+
}, [state]);
|
|
16
|
+
const visible = state === "reconnecting" || state === "offline" || showConnected;
|
|
17
|
+
return (_jsx(AnimatePresence, { children: visible && (_jsxs(motion.div, { initial: { height: 0, opacity: 0 }, animate: { height: "auto", opacity: 1 }, exit: { height: 0, opacity: 0 }, transition: { duration: 0.2, ease: "easeInOut" }, className: "overflow-hidden", children: [state === "reconnecting" && (_jsxs("div", { className: "flex items-center gap-2 border-t border-amber-500/20 bg-amber-50 px-4 py-2 text-xs text-amber-700 dark:bg-amber-950/30 dark:text-amber-300", children: [_jsx(Loader2, { className: "size-3.5 shrink-0 animate-spin" }), "Reconnecting to live updates..."] })), state === "offline" && (_jsxs("div", { className: "flex items-center gap-2 border-t border-red-500/20 bg-red-50 px-4 py-2 text-xs text-red-700 dark:bg-red-950/30 dark:text-red-300", children: [_jsx(WifiOff, { className: "size-3.5 shrink-0" }), "You are offline. Messages will be sent when you reconnect."] })), showConnected && state === "connected" && (_jsxs("div", { className: "flex items-center gap-2 border-t border-green-500/20 bg-green-50 px-4 py-2 text-xs text-green-700 dark:bg-green-950/30 dark:text-green-300", children: [_jsx(Wifi, { className: "size-3.5 shrink-0" }), "Back online!"] }))] })) }));
|
|
18
|
+
}
|
|
19
|
+
//# sourceMappingURL=connection-banner.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"connection-banner.js","sourceRoot":"","sources":["../../src/chat/connection-banner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAQtD,MAAM,eAAe,GAAG,IAAI,CAAC;AAE7B,MAAM,UAAU,gBAAgB,CAAC,EAAE,KAAK,EAAyB;IAC/D,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE1D,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK,KAAK,WAAW,EAAE,CAAC;YAC1B,gBAAgB,CAAC,IAAI,CAAC,CAAC;YACvB,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,KAAK,CAAC,EAAE,eAAe,CAAC,CAAC;YACzE,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;QACnC,CAAC;QACD,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,OAAO,GAAG,KAAK,KAAK,cAAc,IAAI,KAAK,KAAK,SAAS,IAAI,aAAa,CAAC;IAEjF,OAAO,CACL,KAAC,eAAe,cACb,OAAO,IAAI,CACV,MAAC,MAAM,CAAC,GAAG,IACT,OAAO,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,EAClC,OAAO,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,EAAE,EACvC,IAAI,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,EAC/B,UAAU,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAI,EAAE,WAAW,EAAE,EAChD,SAAS,EAAC,iBAAiB,aAE1B,KAAK,KAAK,cAAc,IAAI,CAC3B,eAAK,SAAS,EAAC,4IAA4I,aACzJ,KAAC,OAAO,IAAC,SAAS,EAAC,gCAAgC,GAAG,uCAElD,CACP,EACA,KAAK,KAAK,SAAS,IAAI,CACtB,eAAK,SAAS,EAAC,kIAAkI,aAC/I,KAAC,OAAO,IAAC,SAAS,EAAC,mBAAmB,GAAG,kEAErC,CACP,EACA,aAAa,IAAI,KAAK,KAAK,WAAW,IAAI,CACzC,eAAK,SAAS,EAAC,4IAA4I,aACzJ,KAAC,IAAI,IAAC,SAAS,EAAC,mBAAmB,GAAG,oBAElC,CACP,IACU,CACd,GACe,CACnB,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import type { StoryObj } from "@storybook/react-vite";
|
|
2
|
+
import { ConnectionBanner } from "./connection-banner";
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: typeof ConnectionBanner;
|
|
6
|
+
tags: string[];
|
|
7
|
+
parameters: {
|
|
8
|
+
layout: string;
|
|
9
|
+
};
|
|
10
|
+
argTypes: {
|
|
11
|
+
state: {
|
|
12
|
+
control: "select";
|
|
13
|
+
options: string[];
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
};
|
|
17
|
+
export default meta;
|
|
18
|
+
type Story = StoryObj<typeof meta>;
|
|
19
|
+
export declare const Reconnecting: Story;
|
|
20
|
+
export declare const Offline: Story;
|
|
21
|
+
export declare const Connected: Story;
|
|
22
|
+
//# sourceMappingURL=connection-banner.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"connection-banner.stories.d.ts","sourceRoot":"","sources":["../../src/chat/connection-banner.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD,QAAA,MAAM,IAAI;;;;;;;;;;;;;CAW+B,CAAC;AAE1C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,YAAY,EAAE,KAE1B,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAEvB,CAAC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { ConnectionBanner } from "./connection-banner";
|
|
2
|
+
const meta = {
|
|
3
|
+
title: "Chat/ConnectionBanner",
|
|
4
|
+
component: ConnectionBanner,
|
|
5
|
+
tags: ["autodocs"],
|
|
6
|
+
parameters: { layout: "padded" },
|
|
7
|
+
argTypes: {
|
|
8
|
+
state: {
|
|
9
|
+
control: "select",
|
|
10
|
+
options: ["reconnecting", "offline", "connected"],
|
|
11
|
+
},
|
|
12
|
+
},
|
|
13
|
+
};
|
|
14
|
+
export default meta;
|
|
15
|
+
export const Reconnecting = {
|
|
16
|
+
args: { state: "reconnecting" },
|
|
17
|
+
};
|
|
18
|
+
export const Offline = {
|
|
19
|
+
args: { state: "offline" },
|
|
20
|
+
};
|
|
21
|
+
export const Connected = {
|
|
22
|
+
args: { state: "connected" },
|
|
23
|
+
};
|
|
24
|
+
//# sourceMappingURL=connection-banner.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"connection-banner.stories.js","sourceRoot":"","sources":["../../src/chat/connection-banner.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,gBAAgB;IAC3B,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE;IAChC,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,CAAC,cAAc,EAAE,SAAS,EAAE,WAAW,CAAC;SAClD;KACF;CACsC,CAAC;AAE1C,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,YAAY,GAAU;IACjC,IAAI,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE;CAChC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE;CAC3B,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC9B,IAAI,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE;CAC7B,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export type DeliveryStatus = "sending" | "sent" | "delivered" | "read";
|
|
2
|
+
interface DeliveryIndicatorProps {
|
|
3
|
+
status: DeliveryStatus;
|
|
4
|
+
}
|
|
5
|
+
export declare function DeliveryIndicator({ status }: DeliveryIndicatorProps): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export declare function getDeliveryStatus(message: {
|
|
7
|
+
id: string;
|
|
8
|
+
readBy?: string[] | null;
|
|
9
|
+
deliveredTo?: string[] | null;
|
|
10
|
+
}, counterpartyOrgId: string | null): DeliveryStatus;
|
|
11
|
+
export {};
|
|
12
|
+
//# sourceMappingURL=delivery-indicator.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"delivery-indicator.d.ts","sourceRoot":"","sources":["../../src/chat/delivery-indicator.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,MAAM,GAAG,WAAW,GAAG,MAAM,CAAC;AAEvE,UAAU,sBAAsB;IAC9B,MAAM,EAAE,cAAc,CAAC;CACxB;AAED,wBAAgB,iBAAiB,CAAC,EAAE,MAAM,EAAE,EAAE,sBAAsB,2CAuCnE;AAED,wBAAgB,iBAAiB,CAC/B,OAAO,EAAE;IACP,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,CAAC,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;CAC/B,EACD,iBAAiB,EAAE,MAAM,GAAG,IAAI,GAC/B,cAAc,CAOhB"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { motion } from "motion/react";
|
|
3
|
+
import { Check, CheckCheck, Clock } from "lucide-react";
|
|
4
|
+
export function DeliveryIndicator({ status }) {
|
|
5
|
+
if (status === "sending") {
|
|
6
|
+
return (_jsx(Clock, { className: "size-3 text-muted-foreground/50", "aria-label": "Sending" }));
|
|
7
|
+
}
|
|
8
|
+
if (status === "sent") {
|
|
9
|
+
return (_jsx(Check, { className: "size-3 text-muted-foreground/60", "aria-label": "Sent" }));
|
|
10
|
+
}
|
|
11
|
+
return (_jsx(motion.span, { className: "inline-flex", initial: status === "read"
|
|
12
|
+
? { color: "var(--color-muted-foreground)" }
|
|
13
|
+
: false, animate: {
|
|
14
|
+
color: status === "read"
|
|
15
|
+
? "var(--color-primary)"
|
|
16
|
+
: "var(--color-muted-foreground)",
|
|
17
|
+
}, transition: { duration: 0.3 }, children: _jsx(CheckCheck, { className: "size-3", "aria-label": status === "read" ? "Read" : "Delivered" }) }));
|
|
18
|
+
}
|
|
19
|
+
export function getDeliveryStatus(message, counterpartyOrgId) {
|
|
20
|
+
if (message.id.startsWith("optimistic:"))
|
|
21
|
+
return "sending";
|
|
22
|
+
if (counterpartyOrgId && message.readBy?.includes(counterpartyOrgId))
|
|
23
|
+
return "read";
|
|
24
|
+
if (counterpartyOrgId && message.deliveredTo?.includes(counterpartyOrgId))
|
|
25
|
+
return "delivered";
|
|
26
|
+
return "sent";
|
|
27
|
+
}
|
|
28
|
+
//# sourceMappingURL=delivery-indicator.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"delivery-indicator.js","sourceRoot":"","sources":["../../src/chat/delivery-indicator.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAQxD,MAAM,UAAU,iBAAiB,CAAC,EAAE,MAAM,EAA0B;IAClE,IAAI,MAAM,KAAK,SAAS,EAAE,CAAC;QACzB,OAAO,CACL,KAAC,KAAK,IACJ,SAAS,EAAC,iCAAiC,gBAChC,SAAS,GACpB,CACH,CAAC;IACJ,CAAC;IACD,IAAI,MAAM,KAAK,MAAM,EAAE,CAAC;QACtB,OAAO,CACL,KAAC,KAAK,IACJ,SAAS,EAAC,iCAAiC,gBAChC,MAAM,GACjB,CACH,CAAC;IACJ,CAAC;IACD,OAAO,CACL,KAAC,MAAM,CAAC,IAAI,IACV,SAAS,EAAC,aAAa,EACvB,OAAO,EACL,MAAM,KAAK,MAAM;YACf,CAAC,CAAC,EAAE,KAAK,EAAE,+BAA+B,EAAE;YAC5C,CAAC,CAAC,KAAK,EAEX,OAAO,EAAE;YACP,KAAK,EACH,MAAM,KAAK,MAAM;gBACf,CAAC,CAAC,sBAAsB;gBACxB,CAAC,CAAC,+BAA+B;SACtC,EACD,UAAU,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,YAE7B,KAAC,UAAU,IACT,SAAS,EAAC,QAAQ,gBACN,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,GACpD,GACU,CACf,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,iBAAiB,CAC/B,OAIC,EACD,iBAAgC;IAEhC,IAAI,OAAO,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC;QAAE,OAAO,SAAS,CAAC;IAC3D,IAAI,iBAAiB,IAAI,OAAO,CAAC,MAAM,EAAE,QAAQ,CAAC,iBAAiB,CAAC;QAClE,OAAO,MAAM,CAAC;IAChB,IAAI,iBAAiB,IAAI,OAAO,CAAC,WAAW,EAAE,QAAQ,CAAC,iBAAiB,CAAC;QACvE,OAAO,WAAW,CAAC;IACrB,OAAO,MAAM,CAAC;AAChB,CAAC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import type { StoryObj } from "@storybook/react-vite";
|
|
2
|
+
import { DeliveryIndicator } from "./delivery-indicator";
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: typeof DeliveryIndicator;
|
|
6
|
+
tags: string[];
|
|
7
|
+
parameters: {
|
|
8
|
+
layout: string;
|
|
9
|
+
};
|
|
10
|
+
argTypes: {
|
|
11
|
+
status: {
|
|
12
|
+
control: "select";
|
|
13
|
+
options: string[];
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
};
|
|
17
|
+
export default meta;
|
|
18
|
+
type Story = StoryObj<typeof meta>;
|
|
19
|
+
export declare const Sending: Story;
|
|
20
|
+
export declare const Sent: Story;
|
|
21
|
+
export declare const Delivered: Story;
|
|
22
|
+
export declare const Read: Story;
|
|
23
|
+
//# sourceMappingURL=delivery-indicator.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"delivery-indicator.stories.d.ts","sourceRoot":"","sources":["../../src/chat/delivery-indicator.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,QAAA,MAAM,IAAI;;;;;;;;;;;;;CAWgC,CAAC;AAE3C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAElB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAEvB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAElB,CAAC"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { DeliveryIndicator } from "./delivery-indicator";
|
|
2
|
+
const meta = {
|
|
3
|
+
title: "Chat/DeliveryIndicator",
|
|
4
|
+
component: DeliveryIndicator,
|
|
5
|
+
tags: ["autodocs"],
|
|
6
|
+
parameters: { layout: "padded" },
|
|
7
|
+
argTypes: {
|
|
8
|
+
status: {
|
|
9
|
+
control: "select",
|
|
10
|
+
options: ["sending", "sent", "delivered", "read"],
|
|
11
|
+
},
|
|
12
|
+
},
|
|
13
|
+
};
|
|
14
|
+
export default meta;
|
|
15
|
+
export const Sending = {
|
|
16
|
+
args: { status: "sending" },
|
|
17
|
+
};
|
|
18
|
+
export const Sent = {
|
|
19
|
+
args: { status: "sent" },
|
|
20
|
+
};
|
|
21
|
+
export const Delivered = {
|
|
22
|
+
args: { status: "delivered" },
|
|
23
|
+
};
|
|
24
|
+
export const Read = {
|
|
25
|
+
args: { status: "read" },
|
|
26
|
+
};
|
|
27
|
+
//# sourceMappingURL=delivery-indicator.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"delivery-indicator.stories.js","sourceRoot":"","sources":["../../src/chat/delivery-indicator.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,wBAAwB;IAC/B,SAAS,EAAE,iBAAiB;IAC5B,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE;IAChC,QAAQ,EAAE;QACR,MAAM,EAAE;YACN,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,CAAC;SAClD;KACF;CACuC,CAAC;AAE3C,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE;CAC5B,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAU;IACzB,IAAI,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE;CACzB,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC9B,IAAI,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE;CAC9B,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAU;IACzB,IAAI,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE;CACzB,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { ChatApiClient } from "./types";
|
|
1
|
+
import type { ChatApiClient, PresenceStatus } from "./types";
|
|
2
2
|
import type { ChatWebSocket } from "./chat-ws";
|
|
3
3
|
export interface GlobalChatRoom {
|
|
4
4
|
roomId: string;
|
|
@@ -7,6 +7,8 @@ export interface GlobalChatRoom {
|
|
|
7
7
|
initials: string;
|
|
8
8
|
subtitle?: string | null;
|
|
9
9
|
lastMessageAt?: string | null;
|
|
10
|
+
lastSeenAt?: string | null;
|
|
11
|
+
presenceStatus?: PresenceStatus;
|
|
10
12
|
unreadCount: number;
|
|
11
13
|
}
|
|
12
14
|
export interface GlobalChatWidgetProps {
|
|
@@ -16,6 +18,8 @@ export interface GlobalChatWidgetProps {
|
|
|
16
18
|
chatWs: ChatWebSocket;
|
|
17
19
|
currentOrgId: string;
|
|
18
20
|
onOpenFullMessenger: () => void;
|
|
21
|
+
/** Role of the current user, used for empty state messaging. */
|
|
22
|
+
userRole?: "producer" | "importer";
|
|
19
23
|
}
|
|
20
|
-
export declare function GlobalChatWidget({ rooms, isConnected, chatApi, chatWs, currentOrgId, onOpenFullMessenger, }: GlobalChatWidgetProps): import("react/jsx-runtime").JSX.Element;
|
|
24
|
+
export declare function GlobalChatWidget({ rooms, isConnected, chatApi, chatWs, currentOrgId, onOpenFullMessenger, userRole, }: GlobalChatWidgetProps): import("react/jsx-runtime").JSX.Element;
|
|
21
25
|
//# sourceMappingURL=global-chat-widget.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"global-chat-widget.d.ts","sourceRoot":"","sources":["../../src/chat/global-chat-widget.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"global-chat-widget.d.ts","sourceRoot":"","sources":["../../src/chat/global-chat-widget.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAC7D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAI/C,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,WAAW,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,aAAa,CAAC;IACvB,MAAM,EAAE,aAAa,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC,gEAAgE;IAChE,QAAQ,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;CACpC;AAiOD,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,WAAW,EACX,OAAO,EACP,MAAM,EACN,YAAY,EACZ,mBAAmB,EACnB,QAAQ,GACT,EAAE,qBAAqB,2CAoJvB"}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
|
-
import { jsx as _jsx,
|
|
2
|
-
import { useState, useCallback } from "react";
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
import { useState, useCallback, useRef, useEffect } from "react";
|
|
3
3
|
import { motion, AnimatePresence } from "motion/react";
|
|
4
4
|
import { X, ArrowLeft, ExternalLink, Wifi, WifiOff, MessageCircle } from "lucide-react";
|
|
5
5
|
import { cn } from "../lib/utils";
|
|
6
6
|
import { ChatToggleButton } from "./chat-toggle-button";
|
|
7
7
|
import { CommunicationPanel } from "./communication-panel";
|
|
8
|
+
import { PresenceDot } from "./presence-dot.js";
|
|
8
9
|
import { useChat } from "./use-chat";
|
|
9
10
|
/* ─── Helpers ─── */
|
|
10
11
|
function formatRelativeTime(isoDate) {
|
|
@@ -21,20 +22,46 @@ function formatRelativeTime(isoDate) {
|
|
|
21
22
|
}
|
|
22
23
|
function RoomConversationView({ room, currentOrgId, chatApi, chatWs, onBack, isConnected, }) {
|
|
23
24
|
const chatState = useChat(room.roomId, currentOrgId, true, { chatApi, chatWs });
|
|
24
|
-
return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex shrink-0 items-center gap-3 border-b border-border/60 bg-card px-4 py-3", children: [_jsx("button", { type: "button", onClick: onBack, className: "flex size-7 items-center justify-center rounded-lg text-muted-foreground transition-colors hover:bg-muted hover:text-foreground", "aria-label": "Back to conversations", children: _jsx(ArrowLeft, { className: "size-4" }) }), _jsx("div", { className: "flex size-8
|
|
25
|
+
return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex shrink-0 items-center gap-3 border-b border-border/60 bg-card px-4 py-3", children: [_jsx("button", { type: "button", onClick: onBack, className: "flex size-7 items-center justify-center rounded-lg text-muted-foreground transition-colors hover:bg-muted hover:text-foreground", "aria-label": "Back to conversations", children: _jsx(ArrowLeft, { className: "size-4" }) }), _jsxs("div", { className: "relative shrink-0", children: [_jsx("div", { className: "flex size-8 items-center justify-center rounded-full bg-primary/15 text-xs font-bold text-primary", children: room.initials }), room.presenceStatus && (_jsx(PresenceDot, { status: room.presenceStatus, className: "absolute -bottom-0.5 -right-0.5" }))] }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("p", { className: "truncate text-sm font-semibold leading-tight text-foreground", children: room.displayName }), _jsx("div", { className: cn("flex items-center gap-1 text-[11px] font-medium", isConnected
|
|
25
26
|
? "text-emerald-600 dark:text-emerald-400"
|
|
26
27
|
: "text-muted-foreground"), children: isConnected ? (_jsxs(_Fragment, { children: [_jsx(Wifi, { className: "size-3", "aria-hidden": "true" }), "Live"] })) : (_jsxs(_Fragment, { children: [_jsx(WifiOff, { className: "size-3", "aria-hidden": "true" }), "Offline"] })) })] })] }), _jsx("div", { className: "flex min-h-0 flex-1 flex-col", children: _jsx(CommunicationPanel, { chatState: chatState, roomId: room.roomId, currentOrgId: currentOrgId, offerId: room.offerId, responseThread: [], counterMode: false, onCounterCancel: () => { }, onCounterSuccess: () => { } }) })] }));
|
|
27
28
|
}
|
|
28
|
-
function RoomListView({ rooms, onSelectRoom, onOpenFullMessenger, onClose, }) {
|
|
29
|
-
return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex shrink-0 items-center gap-2 border-b border-border/60 bg-card px-4 py-3", children: [_jsx(MessageCircle, { className: "size-5 text-foreground", "aria-hidden": "true" }), _jsx("h2", { className: "flex-1 text-sm font-semibold text-foreground", children: "Messages" }), _jsx("button", { type: "button", onClick: onClose, className: "flex size-7 items-center justify-center rounded-lg text-muted-foreground transition-colors hover:bg-muted hover:text-foreground", "aria-label": "Close messages", children: _jsx(X, { className: "size-4" }) })] }), _jsx("div", { className: "flex-1 overflow-y-auto", children: rooms.length === 0 ? (_jsxs("div", { className: "flex flex-col items-center justify-center gap-2 py-16 text-center", children: [_jsx(MessageCircle, { className: "size-8 text-muted-foreground/30", "aria-hidden": "true" }), _jsx("p", { className: "text-sm text-muted-foreground", children: "No conversations yet" }), _jsx("p", { className: "text-xs text-muted-foreground/70", children:
|
|
29
|
+
function RoomListView({ rooms, onSelectRoom, onOpenFullMessenger, onClose, userRole, }) {
|
|
30
|
+
return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex shrink-0 items-center gap-2 border-b border-border/60 bg-card px-4 py-3", children: [_jsx(MessageCircle, { className: "size-5 text-foreground", "aria-hidden": "true" }), _jsx("h2", { className: "flex-1 text-sm font-semibold text-foreground", children: "Messages" }), _jsx("button", { type: "button", onClick: onClose, className: "flex size-7 items-center justify-center rounded-lg text-muted-foreground transition-colors hover:bg-muted hover:text-foreground", "aria-label": "Close messages", children: _jsx(X, { className: "size-4" }) })] }), _jsx("div", { className: "flex-1 overflow-y-auto", children: rooms.length === 0 ? (_jsxs("div", { className: "flex flex-col items-center justify-center gap-2 py-16 text-center", children: [_jsx(MessageCircle, { className: "size-8 text-muted-foreground/30", "aria-hidden": "true" }), _jsx("p", { className: "text-sm text-muted-foreground", children: "No conversations yet" }), _jsx("p", { className: "text-xs text-muted-foreground/70", children: userRole === "producer"
|
|
31
|
+
? "Conversations appear here when importers respond to your offers."
|
|
32
|
+
: userRole === "importer"
|
|
33
|
+
? "Find a matched offer and start a conversation to begin negotiating."
|
|
34
|
+
: "Conversations appear here once offers are in negotiation" })] })) : (_jsx("ul", { className: "divide-y divide-border/40", role: "list", children: rooms.map((room) => (_jsx("li", { children: _jsxs("button", { type: "button", onClick: () => onSelectRoom(room), className: "flex w-full items-center gap-3 px-4 py-3 text-left transition-colors hover:bg-muted/50", children: [_jsxs("div", { className: "relative shrink-0", children: [_jsx("div", { className: "flex size-9 items-center justify-center rounded-full bg-primary/15 text-xs font-bold text-primary", children: room.initials }), room.unreadCount > 0 && (_jsx("span", { className: "absolute -right-0.5 -top-0.5 flex min-w-[1.125rem] items-center justify-center rounded-full bg-destructive px-0.5 text-[9px] font-semibold text-destructive-foreground", children: room.unreadCount > 9 ? "9+" : room.unreadCount })), room.presenceStatus && (_jsx(PresenceDot, { status: room.presenceStatus, lastSeenAt: room.lastSeenAt, className: "absolute -bottom-0.5 -right-0.5" }))] }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("div", { className: "flex items-baseline justify-between gap-2", children: [_jsx("p", { className: cn("truncate text-sm leading-tight", room.unreadCount > 0
|
|
30
35
|
? "font-semibold text-foreground"
|
|
31
36
|
: "font-medium text-foreground"), children: room.displayName }), room.lastMessageAt && (_jsx("span", { className: "shrink-0 text-[11px] text-muted-foreground", children: formatRelativeTime(room.lastMessageAt) }))] }), room.subtitle && (_jsx("p", { className: "mt-0.5 truncate text-xs text-muted-foreground", children: room.subtitle }))] })] }) }, room.roomId))) })) }), _jsx("div", { className: "shrink-0 border-t border-border/60 bg-card", children: _jsxs("button", { type: "button", onClick: onOpenFullMessenger, className: "flex w-full items-center justify-center gap-1.5 py-3 text-xs font-medium text-muted-foreground transition-colors hover:text-foreground", children: [_jsx(ExternalLink, { className: "size-3", "aria-hidden": "true" }), "Open full Messenger"] }) })] }));
|
|
32
37
|
}
|
|
33
38
|
/* ─── Main component ─── */
|
|
34
|
-
export function GlobalChatWidget({ rooms, isConnected, chatApi, chatWs, currentOrgId, onOpenFullMessenger, }) {
|
|
39
|
+
export function GlobalChatWidget({ rooms, isConnected, chatApi, chatWs, currentOrgId, onOpenFullMessenger, userRole, }) {
|
|
35
40
|
const [isOpen, setIsOpen] = useState(false);
|
|
36
41
|
const [selectedRoom, setSelectedRoom] = useState(null);
|
|
42
|
+
const [announcement, setAnnouncement] = useState("");
|
|
43
|
+
const fabRef = useRef(null);
|
|
44
|
+
const widgetRef = useRef(null);
|
|
37
45
|
const totalUnread = rooms.reduce((n, r) => n + r.unreadCount, 0);
|
|
46
|
+
// Focus management: focus widget when it opens, return focus to FAB when it closes
|
|
47
|
+
useEffect(() => {
|
|
48
|
+
if (isOpen) {
|
|
49
|
+
// Focus the first focusable element inside the widget
|
|
50
|
+
requestAnimationFrame(() => {
|
|
51
|
+
const el = widgetRef.current;
|
|
52
|
+
if (!el)
|
|
53
|
+
return;
|
|
54
|
+
const focusable = el.querySelector('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
|
|
55
|
+
focusable?.focus();
|
|
56
|
+
});
|
|
57
|
+
setAnnouncement("Messages panel opened");
|
|
58
|
+
}
|
|
59
|
+
else {
|
|
60
|
+
// Return focus to the FAB
|
|
61
|
+
const fab = fabRef.current?.querySelector("button");
|
|
62
|
+
fab?.focus();
|
|
63
|
+
}
|
|
64
|
+
}, [isOpen]);
|
|
38
65
|
const handleClose = useCallback(() => {
|
|
39
66
|
setIsOpen(false);
|
|
40
67
|
setSelectedRoom(null);
|
|
@@ -48,6 +75,11 @@ export function GlobalChatWidget({ rooms, isConnected, chatApi, chatWs, currentO
|
|
|
48
75
|
handleClose();
|
|
49
76
|
onOpenFullMessenger();
|
|
50
77
|
}, [handleClose, onOpenFullMessenger]);
|
|
51
|
-
return (_jsxs(_Fragment, { children: [!isOpen && (_jsx(ChatToggleButton, { unreadCount: totalUnread, isConnected: isConnected, onClick: handleOpen })), _jsx(AnimatePresence, { children: isOpen && (_jsxs(_Fragment, { children: [_jsx(motion.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, transition: { duration: 0.15 }, className: "fixed inset-0 z-40 bg-black/30 lg:hidden", onClick: handleClose, "aria-hidden": "true" }, "global-chat-backdrop"),
|
|
78
|
+
return (_jsxs(_Fragment, { children: [_jsx("div", { ref: fabRef, children: !isOpen && (_jsx(ChatToggleButton, { unreadCount: totalUnread, isConnected: isConnected, onClick: handleOpen })) }), _jsx(AnimatePresence, { children: isOpen && (_jsxs(_Fragment, { children: [_jsx(motion.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, transition: { duration: 0.15 }, className: "fixed inset-0 z-40 bg-black/30 lg:hidden", onClick: handleClose, "aria-hidden": "true" }, "global-chat-backdrop"), _jsxs(motion.div, { ref: widgetRef, initial: { opacity: 0, scale: 0.92, y: 16 }, animate: { opacity: 1, scale: 1, y: 0 }, exit: { opacity: 0, scale: 0.92, y: 16 }, transition: { type: "spring", stiffness: 380, damping: 32 }, style: { transformOrigin: "bottom right" }, className: cn("fixed inset-x-0 bottom-0 z-50 flex flex-col overflow-hidden rounded-t-[28px]", "bg-background shadow-2xl shadow-black/25", "lg:inset-auto lg:bottom-8 lg:right-8 lg:h-[min(520px,80dvh)] lg:w-[22rem] lg:rounded-[24px] xl:w-[24rem]"), role: "dialog", "aria-label": "Messages", onKeyDown: (e) => {
|
|
79
|
+
if (e.key === "Escape") {
|
|
80
|
+
e.stopPropagation();
|
|
81
|
+
setIsOpen(false);
|
|
82
|
+
}
|
|
83
|
+
}, children: [_jsx("div", { "aria-live": "polite", "aria-atomic": "false", className: "sr-only", children: announcement }), _jsx(AnimatePresence, { mode: "wait", children: selectedRoom ? (_jsx(motion.div, { initial: { opacity: 0, x: 20 }, animate: { opacity: 1, x: 0 }, exit: { opacity: 0, x: 20 }, transition: { duration: 0.16 }, className: "flex min-h-0 flex-1 flex-col", children: _jsx(RoomConversationView, { room: selectedRoom, currentOrgId: currentOrgId, chatApi: chatApi, chatWs: chatWs, onBack: handleBack, isConnected: isConnected }) }, "conversation")) : (_jsx(motion.div, { initial: { opacity: 0, x: -20 }, animate: { opacity: 1, x: 0 }, exit: { opacity: 0, x: -20 }, transition: { duration: 0.16 }, className: "flex min-h-0 flex-1 flex-col", children: _jsx(RoomListView, { rooms: rooms, onSelectRoom: handleSelectRoom, onOpenFullMessenger: handleOpenMessenger, onClose: handleClose, userRole: userRole }) }, "room-list")) })] }, "global-chat-widget")] })) })] }));
|
|
52
84
|
}
|
|
53
85
|
//# sourceMappingURL=global-chat-widget.js.map
|