@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
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"global-chat-widget.js","sourceRoot":"","sources":["../../src/chat/global-chat-widget.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"global-chat-widget.js","sourceRoot":"","sources":["../../src/chat/global-chat-widget.tsx"],"names":[],"mappings":"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"}
|
package/dist/chat/index.d.ts
CHANGED
|
@@ -8,12 +8,22 @@ export { createChatApi } from "./chat-api";
|
|
|
8
8
|
export type { ApiFetchFn } from "./chat-api";
|
|
9
9
|
export { useChat } from "./use-chat";
|
|
10
10
|
export type { UseChatOptions } from "./use-chat";
|
|
11
|
+
export { useConnectionStatus } from "./use-connection-status";
|
|
12
|
+
export { useTabTitleBadge } from "./use-tab-title-badge";
|
|
11
13
|
export { buildConversationTimeline } from "./timeline-utils";
|
|
14
|
+
export { TypingIndicator } from "./typing-indicator";
|
|
15
|
+
export { DeliveryIndicator, getDeliveryStatus } from "./delivery-indicator";
|
|
16
|
+
export type { DeliveryStatus } from "./delivery-indicator";
|
|
17
|
+
export { ConnectionBanner } from "./connection-banner";
|
|
18
|
+
export type { ConnectionBannerState } from "./connection-banner";
|
|
19
|
+
export { PresenceDot } from "./presence-dot";
|
|
20
|
+
export { useChatNotifications } from "./use-chat-notifications";
|
|
21
|
+
export { useIdleDetection } from "./use-idle-detection";
|
|
12
22
|
export { CommunicationHubWidget } from "./communication-hub-widget";
|
|
13
23
|
export type { CommunicationHubWidgetProps, MessagePreview, } from "./communication-hub-widget";
|
|
14
24
|
export { GlobalChatWidget } from "./global-chat-widget";
|
|
15
25
|
export type { GlobalChatWidgetProps, GlobalChatRoom, } from "./global-chat-widget";
|
|
16
26
|
export { MessengerLayout } from "./messenger-layout";
|
|
17
27
|
export type { ConversationSummary, MessengerLayoutProps, } from "./messenger-layout";
|
|
18
|
-
export type { ChatRoom, ChatMessage, CursorPaginatedResponse, OfferResponseThread, ConversationEvent, TranslationFn, ChatApiClient, ChatWsConfig, ChatState, CommunicationPanelProps, } from "./types";
|
|
28
|
+
export type { ChatRoom, ChatMessage, CursorPaginatedResponse, OfferResponseThread, ConversationEvent, TranslationFn, ChatApiClient, ChatWsConfig, ChatState, CommunicationPanelProps, PresenceStatus, PresenceEvent, } from "./types";
|
|
19
29
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/chat/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/chat/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,YAAY,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAC3C,YAAY,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,YAAY,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,yBAAyB,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACpE,YAAY,EACV,2BAA2B,EAC3B,cAAc,GACf,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,YAAY,EACV,qBAAqB,EACrB,cAAc,GACf,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,YAAY,EACV,mBAAmB,EACnB,oBAAoB,GACrB,MAAM,oBAAoB,CAAC;AAC5B,YAAY,EACV,QAAQ,EACR,WAAW,EACX,uBAAuB,EACvB,mBAAmB,EACnB,iBAAiB,EACjB,aAAa,EACb,aAAa,EACb,YAAY,EACZ,SAAS,EACT,uBAAuB,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/chat/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,YAAY,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAC3C,YAAY,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,YAAY,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,yBAAyB,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAC5E,YAAY,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,YAAY,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACpE,YAAY,EACV,2BAA2B,EAC3B,cAAc,GACf,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,YAAY,EACV,qBAAqB,EACrB,cAAc,GACf,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,YAAY,EACV,mBAAmB,EACnB,oBAAoB,GACrB,MAAM,oBAAoB,CAAC;AAC5B,YAAY,EACV,QAAQ,EACR,WAAW,EACX,uBAAuB,EACvB,mBAAmB,EACnB,iBAAiB,EACjB,aAAa,EACb,aAAa,EACb,YAAY,EACZ,SAAS,EACT,uBAAuB,EACvB,cAAc,EACd,aAAa,GACd,MAAM,SAAS,CAAC"}
|
package/dist/chat/index.js
CHANGED
|
@@ -5,7 +5,15 @@ export { ChatToggleButton } from "./chat-toggle-button";
|
|
|
5
5
|
export { createChatWs } from "./chat-ws";
|
|
6
6
|
export { createChatApi } from "./chat-api";
|
|
7
7
|
export { useChat } from "./use-chat";
|
|
8
|
+
export { useConnectionStatus } from "./use-connection-status";
|
|
9
|
+
export { useTabTitleBadge } from "./use-tab-title-badge";
|
|
8
10
|
export { buildConversationTimeline } from "./timeline-utils";
|
|
11
|
+
export { TypingIndicator } from "./typing-indicator";
|
|
12
|
+
export { DeliveryIndicator, getDeliveryStatus } from "./delivery-indicator";
|
|
13
|
+
export { ConnectionBanner } from "./connection-banner";
|
|
14
|
+
export { PresenceDot } from "./presence-dot";
|
|
15
|
+
export { useChatNotifications } from "./use-chat-notifications";
|
|
16
|
+
export { useIdleDetection } from "./use-idle-detection";
|
|
9
17
|
export { CommunicationHubWidget } from "./communication-hub-widget";
|
|
10
18
|
export { GlobalChatWidget } from "./global-chat-widget";
|
|
11
19
|
export { MessengerLayout } from "./messenger-layout";
|
package/dist/chat/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/chat/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAEzC,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAE3C,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,OAAO,EAAE,yBAAyB,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AAKpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAKxD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/chat/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAEzC,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAE3C,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,yBAAyB,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAE5E,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AAKpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAKxD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { PresenceStatus } from "./types.js";
|
|
2
|
+
interface PresenceDotProps {
|
|
3
|
+
status: PresenceStatus;
|
|
4
|
+
lastSeenAt?: string | null;
|
|
5
|
+
showLabel?: boolean;
|
|
6
|
+
className?: string;
|
|
7
|
+
}
|
|
8
|
+
export declare function PresenceDot({ status, lastSeenAt, showLabel, className, }: PresenceDotProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export {};
|
|
10
|
+
//# sourceMappingURL=presence-dot.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"presence-dot.d.ts","sourceRoot":"","sources":["../../src/chat/presence-dot.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAGjD,UAAU,gBAAgB;IACxB,MAAM,EAAE,cAAc,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,WAAW,CAAC,EAC1B,MAAM,EACN,UAAU,EACV,SAAiB,EACjB,SAAS,GACV,EAAE,gBAAgB,2CA0BlB"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { cn } from "../lib/utils.js";
|
|
3
|
+
import { formatDistanceToNow } from "date-fns";
|
|
4
|
+
export function PresenceDot({ status, lastSeenAt, showLabel = false, className, }) {
|
|
5
|
+
const label = status === "online"
|
|
6
|
+
? "Active now"
|
|
7
|
+
: status === "away"
|
|
8
|
+
? "Away"
|
|
9
|
+
: lastSeenAt
|
|
10
|
+
? `Active ${formatDistanceToNow(new Date(lastSeenAt), { addSuffix: true })}`
|
|
11
|
+
: "Offline";
|
|
12
|
+
return (_jsxs("span", { className: cn("inline-flex items-center gap-1.5", className), children: [_jsx("span", { className: cn("size-2 shrink-0 rounded-full", status === "online" && "bg-emerald-500", status === "away" && "bg-amber-400", status === "offline" && "bg-muted-foreground/40"), "aria-label": label }), showLabel && (_jsx("span", { className: "text-[10px] text-muted-foreground", children: label }))] }));
|
|
13
|
+
}
|
|
14
|
+
//# sourceMappingURL=presence-dot.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"presence-dot.js","sourceRoot":"","sources":["../../src/chat/presence-dot.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAErC,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAS/C,MAAM,UAAU,WAAW,CAAC,EAC1B,MAAM,EACN,UAAU,EACV,SAAS,GAAG,KAAK,EACjB,SAAS,GACQ;IACjB,MAAM,KAAK,GACT,MAAM,KAAK,QAAQ;QACjB,CAAC,CAAC,YAAY;QACd,CAAC,CAAC,MAAM,KAAK,MAAM;YACjB,CAAC,CAAC,MAAM;YACR,CAAC,CAAC,UAAU;gBACV,CAAC,CAAC,UAAU,mBAAmB,CAAC,IAAI,IAAI,CAAC,UAAU,CAAC,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE;gBAC5E,CAAC,CAAC,SAAS,CAAC;IAEpB,OAAO,CACL,gBAAM,SAAS,EAAE,EAAE,CAAC,kCAAkC,EAAE,SAAS,CAAC,aAChE,eACE,SAAS,EAAE,EAAE,CACX,8BAA8B,EAC9B,MAAM,KAAK,QAAQ,IAAI,gBAAgB,EACvC,MAAM,KAAK,MAAM,IAAI,cAAc,EACnC,MAAM,KAAK,SAAS,IAAI,wBAAwB,CACjD,gBACW,KAAK,GACjB,EACD,SAAS,IAAI,CACZ,eAAM,SAAS,EAAC,mCAAmC,YAAE,KAAK,GAAQ,CACnE,IACI,CACR,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import type { StoryObj } from "@storybook/react-vite";
|
|
2
|
+
import { PresenceDot } from "./presence-dot";
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: typeof PresenceDot;
|
|
6
|
+
tags: string[];
|
|
7
|
+
parameters: {
|
|
8
|
+
layout: string;
|
|
9
|
+
};
|
|
10
|
+
argTypes: {
|
|
11
|
+
status: {
|
|
12
|
+
control: "select";
|
|
13
|
+
options: string[];
|
|
14
|
+
};
|
|
15
|
+
showLabel: {
|
|
16
|
+
control: "boolean";
|
|
17
|
+
};
|
|
18
|
+
lastSeenAt: {
|
|
19
|
+
control: "text";
|
|
20
|
+
};
|
|
21
|
+
};
|
|
22
|
+
};
|
|
23
|
+
export default meta;
|
|
24
|
+
type Story = StoryObj<typeof meta>;
|
|
25
|
+
export declare const Online: Story;
|
|
26
|
+
export declare const Away: Story;
|
|
27
|
+
export declare const OfflineWithLastSeen: Story;
|
|
28
|
+
export declare const DotOnly: Story;
|
|
29
|
+
//# sourceMappingURL=presence-dot.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"presence-dot.stories.d.ts","sourceRoot":"","sources":["../../src/chat/presence-dot.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;CAa0B,CAAC;AAErC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,MAAM,EAAE,KAKpB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAKlB,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAMjC,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC"}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import { PresenceDot } from "./presence-dot";
|
|
2
|
+
const meta = {
|
|
3
|
+
title: "Chat/PresenceDot",
|
|
4
|
+
component: PresenceDot,
|
|
5
|
+
tags: ["autodocs"],
|
|
6
|
+
parameters: { layout: "padded" },
|
|
7
|
+
argTypes: {
|
|
8
|
+
status: {
|
|
9
|
+
control: "select",
|
|
10
|
+
options: ["online", "away", "offline"],
|
|
11
|
+
},
|
|
12
|
+
showLabel: { control: "boolean" },
|
|
13
|
+
lastSeenAt: { control: "text" },
|
|
14
|
+
},
|
|
15
|
+
};
|
|
16
|
+
export default meta;
|
|
17
|
+
export const Online = {
|
|
18
|
+
args: {
|
|
19
|
+
status: "online",
|
|
20
|
+
showLabel: true,
|
|
21
|
+
},
|
|
22
|
+
};
|
|
23
|
+
export const Away = {
|
|
24
|
+
args: {
|
|
25
|
+
status: "away",
|
|
26
|
+
showLabel: true,
|
|
27
|
+
},
|
|
28
|
+
};
|
|
29
|
+
export const OfflineWithLastSeen = {
|
|
30
|
+
args: {
|
|
31
|
+
status: "offline",
|
|
32
|
+
showLabel: true,
|
|
33
|
+
lastSeenAt: new Date(Date.now() - 1000 * 60 * 45).toISOString(),
|
|
34
|
+
},
|
|
35
|
+
};
|
|
36
|
+
export const DotOnly = {
|
|
37
|
+
args: {
|
|
38
|
+
status: "online",
|
|
39
|
+
showLabel: false,
|
|
40
|
+
},
|
|
41
|
+
};
|
|
42
|
+
//# sourceMappingURL=presence-dot.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"presence-dot.stories.js","sourceRoot":"","sources":["../../src/chat/presence-dot.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,kBAAkB;IACzB,SAAS,EAAE,WAAW;IACtB,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,QAAQ,EAAE,MAAM,EAAE,SAAS,CAAC;SACvC;QACD,SAAS,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QACjC,UAAU,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;KAChC;CACiC,CAAC;AAErC,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,MAAM,GAAU;IAC3B,IAAI,EAAE;QACJ,MAAM,EAAE,QAAQ;QAChB,SAAS,EAAE,IAAI;KAChB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAU;IACzB,IAAI,EAAE;QACJ,MAAM,EAAE,MAAM;QACd,SAAS,EAAE,IAAI;KAChB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAU;IACxC,IAAI,EAAE;QACJ,MAAM,EAAE,SAAS;QACjB,SAAS,EAAE,IAAI;QACf,UAAU,EAAE,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,IAAI,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC,WAAW,EAAE;KAChE;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,MAAM,EAAE,QAAQ;QAChB,SAAS,EAAE,KAAK;KACjB;CACF,CAAC"}
|
package/dist/chat/types.d.ts
CHANGED
|
@@ -24,6 +24,7 @@ export interface ChatMessage {
|
|
|
24
24
|
clientMessageId?: string;
|
|
25
25
|
}) | null;
|
|
26
26
|
readBy?: string[] | null;
|
|
27
|
+
deliveredTo?: string[] | null;
|
|
27
28
|
createdAt: string;
|
|
28
29
|
}
|
|
29
30
|
export interface CursorPaginatedResponse<T> {
|
|
@@ -93,6 +94,13 @@ export interface ChatWsConfig {
|
|
|
93
94
|
ticket: string;
|
|
94
95
|
}>;
|
|
95
96
|
}
|
|
97
|
+
export type PresenceStatus = "online" | "away" | "offline";
|
|
98
|
+
export interface PresenceEvent {
|
|
99
|
+
orgId: string;
|
|
100
|
+
status: PresenceStatus;
|
|
101
|
+
lastSeenAt?: string;
|
|
102
|
+
timestamp?: string;
|
|
103
|
+
}
|
|
96
104
|
export interface ChatState {
|
|
97
105
|
messages: ChatMessage[];
|
|
98
106
|
sendMessage: (content: string) => void;
|
|
@@ -104,6 +112,8 @@ export interface ChatState {
|
|
|
104
112
|
loadMore: () => Promise<unknown> | void;
|
|
105
113
|
isSending: boolean;
|
|
106
114
|
unreadCount: number;
|
|
115
|
+
retryMessage: (messageId: string) => void;
|
|
116
|
+
counterpartyPresence: PresenceStatus;
|
|
107
117
|
}
|
|
108
118
|
export interface CommunicationPanelProps {
|
|
109
119
|
chatState: ChatState;
|
package/dist/chat/types.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/chat/types.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/chat/types.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"typing-indicator.d.ts","sourceRoot":"","sources":["../../src/chat/typing-indicator.tsx"],"names":[],"mappings":"AAEA,UAAU,oBAAoB;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,wBAAgB,eAAe,CAAC,EAAE,UAAU,EAAE,EAAE,oBAAoB,2CAyBnE"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { motion } from "motion/react";
|
|
3
|
+
export function TypingIndicator({ senderName }) {
|
|
4
|
+
return (_jsxs("div", { className: "mt-3 flex items-end gap-2 self-start", children: [_jsx("div", { className: "surface-card flex items-center gap-1.5 rounded-[20px] rounded-bl-xs px-4 py-3", children: [0, 1, 2].map((i) => (_jsx(motion.span, { className: "size-1.5 rounded-full bg-muted-foreground/60", animate: { scale: [0.6, 1, 0.6], opacity: [0.4, 1, 0.4] }, transition: {
|
|
5
|
+
duration: 1.2,
|
|
6
|
+
repeat: Infinity,
|
|
7
|
+
delay: i * 0.15,
|
|
8
|
+
ease: "easeInOut",
|
|
9
|
+
} }, i))) }), senderName && (_jsx("span", { className: "pb-0.5 text-[10px] text-muted-foreground", children: senderName }))] }));
|
|
10
|
+
}
|
|
11
|
+
//# sourceMappingURL=typing-indicator.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"typing-indicator.js","sourceRoot":"","sources":["../../src/chat/typing-indicator.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAMtC,MAAM,UAAU,eAAe,CAAC,EAAE,UAAU,EAAwB;IAClE,OAAO,CACL,eAAK,SAAS,EAAC,sCAAsC,aACnD,cAAK,SAAS,EAAC,+EAA+E,YAC3F,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CACpB,KAAC,MAAM,CAAC,IAAI,IAEV,SAAS,EAAC,8CAA8C,EACxD,OAAO,EAAE,EAAE,KAAK,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,GAAG,CAAC,EAAE,OAAO,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,GAAG,CAAC,EAAE,EACzD,UAAU,EAAE;wBACV,QAAQ,EAAE,GAAG;wBACb,MAAM,EAAE,QAAQ;wBAChB,KAAK,EAAE,CAAC,GAAG,IAAI;wBACf,IAAI,EAAE,WAAW;qBAClB,IARI,CAAC,CASN,CACH,CAAC,GACE,EACL,UAAU,IAAI,CACb,eAAM,SAAS,EAAC,0CAA0C,YACvD,UAAU,GACN,CACR,IACG,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { StoryObj } from "@storybook/react-vite";
|
|
2
|
+
import { TypingIndicator } from "./typing-indicator";
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: typeof TypingIndicator;
|
|
6
|
+
tags: string[];
|
|
7
|
+
parameters: {
|
|
8
|
+
layout: string;
|
|
9
|
+
};
|
|
10
|
+
};
|
|
11
|
+
export default meta;
|
|
12
|
+
type Story = StoryObj<typeof meta>;
|
|
13
|
+
export declare const Default: Story;
|
|
14
|
+
export declare const WithSenderName: Story;
|
|
15
|
+
//# sourceMappingURL=typing-indicator.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"typing-indicator.stories.d.ts","sourceRoot":"","sources":["../../src/chat/typing-indicator.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD,QAAA,MAAM,IAAI;;;;;;;CAK8B,CAAC;AAEzC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAI5B,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { TypingIndicator } from "./typing-indicator";
|
|
2
|
+
const meta = {
|
|
3
|
+
title: "Chat/TypingIndicator",
|
|
4
|
+
component: TypingIndicator,
|
|
5
|
+
tags: ["autodocs"],
|
|
6
|
+
parameters: { layout: "padded" },
|
|
7
|
+
};
|
|
8
|
+
export default meta;
|
|
9
|
+
export const Default = {
|
|
10
|
+
args: {},
|
|
11
|
+
};
|
|
12
|
+
export const WithSenderName = {
|
|
13
|
+
args: {
|
|
14
|
+
senderName: "Domaine Leroy",
|
|
15
|
+
},
|
|
16
|
+
};
|
|
17
|
+
//# sourceMappingURL=typing-indicator.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"typing-indicator.stories.js","sourceRoot":"","sources":["../../src/chat/typing-indicator.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,eAAe;IAC1B,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE;CACM,CAAC;AAEzC,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE;CACT,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAU;IACnC,IAAI,EAAE;QACJ,UAAU,EAAE,eAAe;KAC5B;CACF,CAAC"}
|
|
@@ -5,9 +5,10 @@ interface UnifiedTimelineProps {
|
|
|
5
5
|
isTyping: boolean;
|
|
6
6
|
hasMore: boolean;
|
|
7
7
|
onLoadMore: () => Promise<unknown> | void;
|
|
8
|
+
onRetryMessage?: (messageId: string) => void;
|
|
8
9
|
/** Optional translation function; falls back to English defaults. */
|
|
9
10
|
t?: TranslationFn;
|
|
10
11
|
}
|
|
11
|
-
export declare function UnifiedTimeline({ items, currentOrgId, isTyping, hasMore, onLoadMore, t, }: UnifiedTimelineProps): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export declare function UnifiedTimeline({ items, currentOrgId, isTyping, hasMore, onLoadMore, onRetryMessage, t, }: UnifiedTimelineProps): import("react/jsx-runtime").JSX.Element;
|
|
12
13
|
export {};
|
|
13
14
|
//# sourceMappingURL=unified-timeline.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"unified-timeline.d.ts","sourceRoot":"","sources":["../../src/chat/unified-timeline.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"unified-timeline.d.ts","sourceRoot":"","sources":["../../src/chat/unified-timeline.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAEhE,UAAU,oBAAoB;IAC5B,KAAK,EAAE,iBAAiB,EAAE,CAAC;IAC3B,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC;IAC1C,cAAc,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,qEAAqE;IACrE,CAAC,CAAC,EAAE,aAAa,CAAC;CACnB;AAgID,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,UAAU,EACV,cAAc,EACd,CAAY,GACb,EAAE,oBAAoB,2CA+LtB"}
|
|
@@ -1,9 +1,13 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { useRef, useEffect, useCallback, useMemo, useState } from "react";
|
|
3
3
|
import { format, isToday, isSameDay } from "date-fns";
|
|
4
|
-
import {
|
|
4
|
+
import { AlertCircle } from "lucide-react";
|
|
5
|
+
import { motion } from "motion/react";
|
|
6
|
+
import { useVirtualizer } from "@tanstack/react-virtual";
|
|
5
7
|
import { ShadcnButton as Button } from "../components/shadcn-button";
|
|
6
8
|
import { NegotiationEventCard } from "./negotiation-event-card";
|
|
9
|
+
import { TypingIndicator } from "./typing-indicator.js";
|
|
10
|
+
import { DeliveryIndicator, getDeliveryStatus } from "./delivery-indicator.js";
|
|
7
11
|
function formatMessageTime(dateStr) {
|
|
8
12
|
const date = new Date(dateStr);
|
|
9
13
|
if (isToday(date))
|
|
@@ -11,10 +15,34 @@ function formatMessageTime(dateStr) {
|
|
|
11
15
|
return format(date, "MMM d, h:mm a");
|
|
12
16
|
}
|
|
13
17
|
const defaultT = (_key, fallback) => fallback;
|
|
14
|
-
|
|
18
|
+
function TimelineItem({ item, showDaySeparator, isSameSender, currentOrgId, counterpartyOrgId, initialLoadDoneRef, onRetryMessage, t, }) {
|
|
19
|
+
const gap = isSameSender ? "mt-1.5" : "mt-3";
|
|
20
|
+
if (item.kind === "response") {
|
|
21
|
+
return (_jsxs("div", { className: `flex flex-col ${showDaySeparator ? "mt-3" : gap}`, children: [showDaySeparator && (_jsx("div", { className: "mb-3 self-center text-center", children: _jsx("span", { className: "status-pill status-pill-no-dot px-3 py-1 text-[11px] font-semibold uppercase tracking-[0.16em] text-muted-foreground", children: format(new Date(item.timestamp), "EEEE, MMM d") }) })), _jsx(NegotiationEventCard, { response: item.response, t: t })] }));
|
|
22
|
+
}
|
|
23
|
+
if (item.kind === "system") {
|
|
24
|
+
return (_jsxs("div", { className: `flex flex-col ${showDaySeparator ? "mt-3" : gap}`, children: [showDaySeparator && (_jsx("div", { className: "mb-3 self-center text-center", children: _jsx("span", { className: "status-pill status-pill-no-dot px-3 py-1 text-[11px] font-semibold uppercase tracking-[0.16em] text-muted-foreground", children: format(new Date(item.timestamp), "EEEE, MMM d") }) })), _jsx("div", { className: "self-center text-center text-xs text-muted-foreground italic", children: item.message.content })] }));
|
|
25
|
+
}
|
|
26
|
+
// Chat message
|
|
27
|
+
const msg = item.message;
|
|
28
|
+
const isMe = item.senderOrgId === currentOrgId;
|
|
29
|
+
const isFailed = !!msg.metadata?.failed;
|
|
30
|
+
const deliveryStatus = isMe
|
|
31
|
+
? getDeliveryStatus(msg, counterpartyOrgId)
|
|
32
|
+
: undefined;
|
|
33
|
+
return (_jsxs(motion.div, { className: `flex flex-col ${showDaySeparator ? "mt-3" : gap}`, initial: initialLoadDoneRef.current
|
|
34
|
+
? { opacity: 0, y: 12, x: isMe ? 8 : -8 }
|
|
35
|
+
: false, animate: { opacity: 1, y: 0, x: 0 }, transition: { duration: 0.15, ease: [0.16, 1, 0.3, 1] }, children: [showDaySeparator && (_jsx("div", { className: "mb-3 self-center text-center", children: _jsx("span", { className: "status-pill px-3 py-1 text-[11px] font-semibold uppercase tracking-[0.16em] text-muted-foreground", children: format(new Date(item.timestamp), "EEEE, MMM d") }) })), _jsxs("div", { className: `max-w-[80%] px-3.5 py-2.5 text-sm shadow-soft ${isMe
|
|
36
|
+
? "self-end rounded-[20px] rounded-br-xs bg-primary text-primary-foreground"
|
|
37
|
+
: "surface-card self-start rounded-[20px] rounded-bl-xs"} ${isFailed ? "opacity-60" : ""}`, children: [_jsx("p", { className: "text-sm/6", children: msg.content }), _jsxs("div", { className: `mt-1.5 flex items-center gap-1 text-[10px] ${isMe
|
|
38
|
+
? "justify-end text-primary-foreground/70"
|
|
39
|
+
: "text-muted-foreground"}`, children: [_jsx("span", { children: formatMessageTime(msg.createdAt) }), isMe && deliveryStatus && !isFailed && (_jsx(DeliveryIndicator, { status: deliveryStatus }))] })] }), isFailed && onRetryMessage && (_jsxs("button", { type: "button", onClick: () => onRetryMessage(msg.id), className: "mt-1 flex items-center gap-1 self-end text-[11px] text-destructive hover:underline", children: [_jsx(AlertCircle, { className: "size-3" }), t("retryMessage", "Not sent. Tap to retry.")] }))] }));
|
|
40
|
+
}
|
|
41
|
+
export function UnifiedTimeline({ items, currentOrgId, isTyping, hasMore, onLoadMore, onRetryMessage, t = defaultT, }) {
|
|
15
42
|
const scrollRef = useRef(null);
|
|
16
43
|
const wasNearBottomRef = useRef(true);
|
|
17
44
|
const initialScrollDoneRef = useRef(false);
|
|
45
|
+
const initialLoadDoneRef = useRef(false);
|
|
18
46
|
const [showJumpToLatest, setShowJumpToLatest] = useState(false);
|
|
19
47
|
const checkNearBottom = useCallback(() => {
|
|
20
48
|
const el = scrollRef.current;
|
|
@@ -33,6 +61,10 @@ export function UnifiedTimeline({ items, currentOrgId, isTyping, hasMore, onLoad
|
|
|
33
61
|
if (scrollRef.current) {
|
|
34
62
|
scrollRef.current.scrollTop = scrollRef.current.scrollHeight;
|
|
35
63
|
}
|
|
64
|
+
// Mark initial load as done after first paint so new messages animate in
|
|
65
|
+
requestAnimationFrame(() => {
|
|
66
|
+
initialLoadDoneRef.current = true;
|
|
67
|
+
});
|
|
36
68
|
});
|
|
37
69
|
}
|
|
38
70
|
}, [items.length]);
|
|
@@ -42,6 +74,15 @@ export function UnifiedTimeline({ items, currentOrgId, isTyping, hasMore, onLoad
|
|
|
42
74
|
scrollRef.current.scrollTop = scrollRef.current.scrollHeight;
|
|
43
75
|
}
|
|
44
76
|
}, [items.length]);
|
|
77
|
+
// Determine counterparty org ID for delivery status
|
|
78
|
+
const counterpartyOrgId = useMemo(() => {
|
|
79
|
+
for (const item of items) {
|
|
80
|
+
if (item.kind === "chat" && item.senderOrgId !== currentOrgId) {
|
|
81
|
+
return item.senderOrgId;
|
|
82
|
+
}
|
|
83
|
+
}
|
|
84
|
+
return null;
|
|
85
|
+
}, [items, currentOrgId]);
|
|
45
86
|
const timeline = useMemo(() => items.map((item, index) => {
|
|
46
87
|
const previous = items[index - 1];
|
|
47
88
|
const showDaySeparator = !previous ||
|
|
@@ -54,6 +95,14 @@ export function UnifiedTimeline({ items, currentOrgId, isTyping, hasMore, onLoad
|
|
|
54
95
|
!showDaySeparator;
|
|
55
96
|
return { item, showDaySeparator, isSameSender };
|
|
56
97
|
}), [items]);
|
|
98
|
+
const shouldVirtualize = timeline.length > 50;
|
|
99
|
+
const virtualizer = useVirtualizer({
|
|
100
|
+
count: timeline.length,
|
|
101
|
+
getScrollElement: () => scrollRef.current,
|
|
102
|
+
estimateSize: () => 72,
|
|
103
|
+
overscan: 5,
|
|
104
|
+
enabled: shouldVirtualize,
|
|
105
|
+
});
|
|
57
106
|
async function handleLoadMore() {
|
|
58
107
|
const container = scrollRef.current;
|
|
59
108
|
if (!container) {
|
|
@@ -69,24 +118,20 @@ export function UnifiedTimeline({ items, currentOrgId, isTyping, hasMore, onLoad
|
|
|
69
118
|
}
|
|
70
119
|
return (_jsxs("div", { ref: scrollRef, onScroll: checkNearBottom, className: "relative flex min-h-0 flex-1 flex-col overflow-y-auto p-4", children: [hasMore && (_jsx(Button, { variant: "ghost", size: "sm", className: "mb-2 self-center text-xs", onClick: () => {
|
|
71
120
|
void handleLoadMore();
|
|
72
|
-
}, children: t("loadOlder", "Load older") })), items.length === 0 && (_jsx("p", { className: "self-center text-sm text-muted-foreground", children: t("noMessagesYet", "No messages yet. Start the conversation!") })),
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
return (
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
: "surface-card self-start rounded-[20px] rounded-bl-xs"}`, children: [_jsx("p", { className: "text-sm/6", children: msg.content }), _jsxs("div", { className: `mt-1.5 flex items-center gap-1 text-[10px] ${isMe
|
|
87
|
-
? "justify-end text-primary-foreground/70"
|
|
88
|
-
: "text-muted-foreground"}`, children: [_jsx("span", { children: formatMessageTime(msg.createdAt) }), isMe && (isReadByOther ? (_jsx(CheckCheck, { className: "size-3" })) : (_jsx(Check, { className: "size-3" })))] })] })] }, item.id));
|
|
89
|
-
}), isTyping && (_jsx("div", { className: "mt-3 self-start text-xs text-muted-foreground italic", children: t("producerTyping", "Producer is typing...") })), showJumpToLatest && (_jsx(Button, { size: "sm", className: "sticky bottom-0 mt-2 self-center rounded-full shadow-soft", onClick: () => {
|
|
121
|
+
}, children: t("loadOlder", "Load older") })), items.length === 0 && (_jsx("p", { className: "self-center text-sm text-muted-foreground", children: t("noMessagesYet", "No messages yet. Start the conversation!") })), shouldVirtualize ? (_jsx("div", { style: {
|
|
122
|
+
height: virtualizer.getTotalSize(),
|
|
123
|
+
width: "100%",
|
|
124
|
+
position: "relative",
|
|
125
|
+
}, children: virtualizer.getVirtualItems().map((virtualRow) => {
|
|
126
|
+
const { item, showDaySeparator, isSameSender } = timeline[virtualRow.index];
|
|
127
|
+
return (_jsx("div", { "data-index": virtualRow.index, ref: virtualizer.measureElement, style: {
|
|
128
|
+
position: "absolute",
|
|
129
|
+
top: 0,
|
|
130
|
+
left: 0,
|
|
131
|
+
width: "100%",
|
|
132
|
+
transform: `translateY(${virtualRow.start}px)`,
|
|
133
|
+
}, children: _jsx(TimelineItem, { item: item, showDaySeparator: showDaySeparator, isSameSender: isSameSender, currentOrgId: currentOrgId, counterpartyOrgId: counterpartyOrgId, initialLoadDoneRef: initialLoadDoneRef, onRetryMessage: onRetryMessage, t: t }) }, item.id));
|
|
134
|
+
}) })) : (timeline.map(({ item, showDaySeparator, isSameSender }) => (_jsx(TimelineItem, { item: item, showDaySeparator: showDaySeparator, isSameSender: isSameSender, currentOrgId: currentOrgId, counterpartyOrgId: counterpartyOrgId, initialLoadDoneRef: initialLoadDoneRef, onRetryMessage: onRetryMessage, t: t }, item.id)))), isTyping && _jsx(TypingIndicator, {}), showJumpToLatest && (_jsx(Button, { size: "sm", className: "sticky bottom-0 mt-2 self-center rounded-full shadow-soft", onClick: () => {
|
|
90
135
|
if (!scrollRef.current)
|
|
91
136
|
return;
|
|
92
137
|
scrollRef.current.scrollTop = scrollRef.current.scrollHeight;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"unified-timeline.js","sourceRoot":"","sources":["../../src/chat/unified-timeline.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC1E,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACtD,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"unified-timeline.js","sourceRoot":"","sources":["../../src/chat/unified-timeline.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { ChatMessage } from "./types.js";
|
|
2
|
+
interface UseChatNotificationsOptions {
|
|
3
|
+
enabled: boolean;
|
|
4
|
+
senderName?: string;
|
|
5
|
+
onNewMessage?: (message: ChatMessage) => void;
|
|
6
|
+
}
|
|
7
|
+
export declare function useChatNotifications({ enabled, senderName, onNewMessage, }: UseChatNotificationsOptions): {
|
|
8
|
+
notify: (message: ChatMessage) => void;
|
|
9
|
+
requestPermission: () => Promise<void>;
|
|
10
|
+
};
|
|
11
|
+
export {};
|
|
12
|
+
//# sourceMappingURL=use-chat-notifications.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-chat-notifications.d.ts","sourceRoot":"","sources":["../../src/chat/use-chat-notifications.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAE9C,UAAU,2BAA2B;IACnC,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;CAC/C;AAED,wBAAgB,oBAAoB,CAAC,EACnC,OAAO,EACP,UAAU,EACV,YAAY,GACb,EAAE,2BAA2B;sBAahB,WAAW;;EAyBxB"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { useCallback, useRef } from "react";
|
|
2
|
+
export function useChatNotifications({ enabled, senderName, onNewMessage, }) {
|
|
3
|
+
const permissionRef = useRef(typeof Notification !== "undefined" ? Notification.permission : "denied");
|
|
4
|
+
const requestPermission = useCallback(async () => {
|
|
5
|
+
if (typeof Notification === "undefined")
|
|
6
|
+
return;
|
|
7
|
+
if (permissionRef.current === "default") {
|
|
8
|
+
permissionRef.current = await Notification.requestPermission();
|
|
9
|
+
}
|
|
10
|
+
}, []);
|
|
11
|
+
const notify = useCallback((message) => {
|
|
12
|
+
if (!enabled)
|
|
13
|
+
return;
|
|
14
|
+
if (typeof document !== "undefined" && !document.hidden)
|
|
15
|
+
return;
|
|
16
|
+
if (permissionRef.current !== "granted")
|
|
17
|
+
return;
|
|
18
|
+
const notification = new Notification(senderName ? `New message from ${senderName}` : "New chat message", {
|
|
19
|
+
body: message.content.slice(0, 120),
|
|
20
|
+
tag: message.roomId,
|
|
21
|
+
silent: false,
|
|
22
|
+
});
|
|
23
|
+
notification.onclick = () => {
|
|
24
|
+
window.focus();
|
|
25
|
+
notification.close();
|
|
26
|
+
};
|
|
27
|
+
onNewMessage?.(message);
|
|
28
|
+
}, [enabled, senderName, onNewMessage]);
|
|
29
|
+
return { notify, requestPermission };
|
|
30
|
+
}
|
|
31
|
+
//# sourceMappingURL=use-chat-notifications.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-chat-notifications.js","sourceRoot":"","sources":["../../src/chat/use-chat-notifications.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAS5C,MAAM,UAAU,oBAAoB,CAAC,EACnC,OAAO,EACP,UAAU,EACV,YAAY,GACgB;IAC5B,MAAM,aAAa,GAAG,MAAM,CAC1B,OAAO,YAAY,KAAK,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CACzE,CAAC;IAEF,MAAM,iBAAiB,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QAC/C,IAAI,OAAO,YAAY,KAAK,WAAW;YAAE,OAAO;QAChD,IAAI,aAAa,CAAC,OAAO,KAAK,SAAS,EAAE,CAAC;YACxC,aAAa,CAAC,OAAO,GAAG,MAAM,YAAY,CAAC,iBAAiB,EAAE,CAAC;QACjE,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,MAAM,GAAG,WAAW,CACxB,CAAC,OAAoB,EAAE,EAAE;QACvB,IAAI,CAAC,OAAO;YAAE,OAAO;QACrB,IAAI,OAAO,QAAQ,KAAK,WAAW,IAAI,CAAC,QAAQ,CAAC,MAAM;YAAE,OAAO;QAChE,IAAI,aAAa,CAAC,OAAO,KAAK,SAAS;YAAE,OAAO;QAEhD,MAAM,YAAY,GAAG,IAAI,YAAY,CACnC,UAAU,CAAC,CAAC,CAAC,oBAAoB,UAAU,EAAE,CAAC,CAAC,CAAC,kBAAkB,EAClE;YACE,IAAI,EAAE,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,GAAG,CAAC;YACnC,GAAG,EAAE,OAAO,CAAC,MAAM;YACnB,MAAM,EAAE,KAAK;SACd,CACF,CAAC;QAEF,YAAY,CAAC,OAAO,GAAG,GAAG,EAAE;YAC1B,MAAM,CAAC,KAAK,EAAE,CAAC;YACf,YAAY,CAAC,KAAK,EAAE,CAAC;QACvB,CAAC,CAAC;QAEF,YAAY,EAAE,CAAC,OAAO,CAAC,CAAC;IAC1B,CAAC,EACD,CAAC,OAAO,EAAE,UAAU,EAAE,YAAY,CAAC,CACpC,CAAC;IAEF,OAAO,EAAE,MAAM,EAAE,iBAAiB,EAAE,CAAC;AACvC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-chat.d.ts","sourceRoot":"","sources":["../../src/chat/use-chat.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,aAAa,EAAe,SAAS,
|
|
1
|
+
{"version":3,"file":"use-chat.d.ts","sourceRoot":"","sources":["../../src/chat/use-chat.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,aAAa,EAAe,SAAS,EAAkB,MAAM,SAAS,CAAC;AACrF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAkD/C,MAAM,WAAW,cAAc;IAC7B,oDAAoD;IACpD,OAAO,EAAE,aAAa,CAAC;IACvB,2DAA2D;IAC3D,MAAM,EAAE,aAAa,CAAC;CACvB;AAED,wBAAgB,OAAO,CACrB,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EACjC,YAAY,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EACvC,WAAW,EAAE,OAAO,YAAO,EAC3B,OAAO,EAAE,cAAc,GACtB,SAAS,CAqVX"}
|