@cossistant/react 0.0.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/_virtual/rolldown_runtime.js +13 -0
- package/conversation.d.ts +312 -0
- package/conversation.d.ts.map +1 -0
- package/hooks/index.d.ts +23 -0
- package/hooks/index.js +24 -0
- package/hooks/private/store/use-conversations-store.d.ts +13 -0
- package/hooks/private/store/use-conversations-store.d.ts.map +1 -0
- package/hooks/private/store/use-conversations-store.js +34 -0
- package/hooks/private/store/use-conversations-store.js.map +1 -0
- package/hooks/private/store/use-store-selector.d.ts +10 -0
- package/hooks/private/store/use-store-selector.d.ts.map +1 -0
- package/hooks/private/store/use-store-selector.js +17 -0
- package/hooks/private/store/use-store-selector.js.map +1 -0
- package/hooks/private/store/use-website-store.d.ts +18 -0
- package/hooks/private/store/use-website-store.d.ts.map +1 -0
- package/hooks/private/store/use-website-store.js +39 -0
- package/hooks/private/store/use-website-store.js.map +1 -0
- package/hooks/private/use-client-query.d.ts +25 -0
- package/hooks/private/use-client-query.d.ts.map +1 -0
- package/hooks/private/use-client-query.js +122 -0
- package/hooks/private/use-client-query.js.map +1 -0
- package/hooks/private/use-default-messages.d.ts +18 -0
- package/hooks/private/use-default-messages.d.ts.map +1 -0
- package/hooks/private/use-default-messages.js +45 -0
- package/hooks/private/use-default-messages.js.map +1 -0
- package/hooks/private/use-grouped-messages.d.ts +54 -0
- package/hooks/private/use-grouped-messages.d.ts.map +1 -0
- package/hooks/private/use-grouped-messages.js +157 -0
- package/hooks/private/use-grouped-messages.js.map +1 -0
- package/hooks/private/use-multimodal-input.d.ts +40 -0
- package/hooks/private/use-multimodal-input.d.ts.map +1 -0
- package/hooks/private/use-multimodal-input.js +129 -0
- package/hooks/private/use-multimodal-input.js.map +1 -0
- package/hooks/private/use-rest-client.d.ts +17 -0
- package/hooks/private/use-rest-client.d.ts.map +1 -0
- package/hooks/private/use-rest-client.js +41 -0
- package/hooks/private/use-rest-client.js.map +1 -0
- package/hooks/private/use-visitor-typing-reporter.d.ts +19 -0
- package/hooks/private/use-visitor-typing-reporter.d.ts.map +1 -0
- package/hooks/private/use-visitor-typing-reporter.js +140 -0
- package/hooks/private/use-visitor-typing-reporter.js.map +1 -0
- package/hooks/use-composer-refocus.d.ts +20 -0
- package/hooks/use-composer-refocus.d.ts.map +1 -0
- package/hooks/use-composer-refocus.js +32 -0
- package/hooks/use-composer-refocus.js.map +1 -0
- package/hooks/use-conversation-auto-seen.d.ts +54 -0
- package/hooks/use-conversation-auto-seen.d.ts.map +1 -0
- package/hooks/use-conversation-auto-seen.js +106 -0
- package/hooks/use-conversation-auto-seen.js.map +1 -0
- package/hooks/use-conversation-history-page.d.ts +86 -0
- package/hooks/use-conversation-history-page.d.ts.map +1 -0
- package/hooks/use-conversation-history-page.js +97 -0
- package/hooks/use-conversation-history-page.js.map +1 -0
- package/hooks/use-conversation-lifecycle.d.ts +80 -0
- package/hooks/use-conversation-lifecycle.d.ts.map +1 -0
- package/hooks/use-conversation-lifecycle.js +54 -0
- package/hooks/use-conversation-lifecycle.js.map +1 -0
- package/hooks/use-conversation-page.d.ts +82 -0
- package/hooks/use-conversation-page.d.ts.map +1 -0
- package/hooks/use-conversation-page.js +138 -0
- package/hooks/use-conversation-page.js.map +1 -0
- package/hooks/use-conversation-seen.d.ts +17 -0
- package/hooks/use-conversation-seen.d.ts.map +1 -0
- package/hooks/use-conversation-seen.js +58 -0
- package/hooks/use-conversation-seen.js.map +1 -0
- package/hooks/use-conversation-timeline-items.d.ts +21 -0
- package/hooks/use-conversation-timeline-items.d.ts.map +1 -0
- package/hooks/use-conversation-timeline-items.js +87 -0
- package/hooks/use-conversation-timeline-items.js.map +1 -0
- package/hooks/use-conversation-typing.d.ts +13 -0
- package/hooks/use-conversation-typing.d.ts.map +1 -0
- package/hooks/use-conversation-typing.js +34 -0
- package/hooks/use-conversation-typing.js.map +1 -0
- package/hooks/use-conversation.d.ts +18 -0
- package/hooks/use-conversation.d.ts.map +1 -0
- package/hooks/use-conversation.js +44 -0
- package/hooks/use-conversation.js.map +1 -0
- package/hooks/use-conversations.d.ts +20 -0
- package/hooks/use-conversations.d.ts.map +1 -0
- package/hooks/use-conversations.js +68 -0
- package/hooks/use-conversations.js.map +1 -0
- package/hooks/use-create-conversation.d.ts +30 -0
- package/hooks/use-create-conversation.d.ts.map +1 -0
- package/hooks/use-create-conversation.js +67 -0
- package/hooks/use-create-conversation.js.map +1 -0
- package/hooks/use-home-page.d.ts +82 -0
- package/hooks/use-home-page.d.ts.map +1 -0
- package/hooks/use-home-page.js +89 -0
- package/hooks/use-home-page.js.map +1 -0
- package/hooks/use-message-composer.d.ts +88 -0
- package/hooks/use-message-composer.d.ts.map +1 -0
- package/hooks/use-message-composer.js +94 -0
- package/hooks/use-message-composer.js.map +1 -0
- package/hooks/use-realtime-support.d.ts +25 -0
- package/hooks/use-realtime-support.d.ts.map +1 -0
- package/hooks/use-realtime-support.js +29 -0
- package/hooks/use-realtime-support.js.map +1 -0
- package/hooks/use-send-message.d.ts +34 -0
- package/hooks/use-send-message.d.ts.map +1 -0
- package/hooks/use-send-message.js +118 -0
- package/hooks/use-send-message.js.map +1 -0
- package/hooks/use-visitor.d.ts +28 -0
- package/hooks/use-visitor.d.ts.map +1 -0
- package/hooks/use-visitor.js +59 -0
- package/hooks/use-visitor.js.map +1 -0
- package/hooks/use-window-visibility-focus.d.ts +9 -0
- package/hooks/use-window-visibility-focus.d.ts.map +1 -0
- package/hooks/use-window-visibility-focus.js +53 -0
- package/hooks/use-window-visibility-focus.js.map +1 -0
- package/identify-visitor.d.ts +18 -0
- package/identify-visitor.d.ts.map +1 -0
- package/identify-visitor.js +26 -0
- package/identify-visitor.js.map +1 -0
- package/index.d.ts +38 -0
- package/index.js +38 -0
- package/package.json +121 -0
- package/primitives/avatar/avatar.d.ts +31 -0
- package/primitives/avatar/avatar.d.ts.map +1 -0
- package/primitives/avatar/avatar.js +49 -0
- package/primitives/avatar/avatar.js.map +1 -0
- package/primitives/avatar/fallback.d.ts +24 -0
- package/primitives/avatar/fallback.d.ts.map +1 -0
- package/primitives/avatar/fallback.js +57 -0
- package/primitives/avatar/fallback.js.map +1 -0
- package/primitives/avatar/image.d.ts +27 -0
- package/primitives/avatar/image.d.ts.map +1 -0
- package/primitives/avatar/image.js +58 -0
- package/primitives/avatar/image.js.map +1 -0
- package/primitives/avatar/index.d.ts +4 -0
- package/primitives/avatar/index.js +5 -0
- package/primitives/avatar/index.parts.d.ts +4 -0
- package/primitives/avatar/index.parts.js +5 -0
- package/primitives/bubble.d.ts +28 -0
- package/primitives/bubble.d.ts.map +1 -0
- package/primitives/bubble.js +43 -0
- package/primitives/bubble.js.map +1 -0
- package/primitives/button.d.ts +19 -0
- package/primitives/button.d.ts.map +1 -0
- package/primitives/button.js +27 -0
- package/primitives/button.js.map +1 -0
- package/primitives/conversation-timeline.d.ts +86 -0
- package/primitives/conversation-timeline.d.ts.map +1 -0
- package/primitives/conversation-timeline.js +119 -0
- package/primitives/conversation-timeline.js.map +1 -0
- package/primitives/index.d.ts +20 -0
- package/primitives/index.d.ts.map +1 -0
- package/primitives/index.js +45 -0
- package/primitives/index.js.map +1 -0
- package/primitives/index.parts.d.ts +13 -0
- package/primitives/index.parts.js +14 -0
- package/primitives/multimodal-input.d.ts +53 -0
- package/primitives/multimodal-input.d.ts.map +1 -0
- package/primitives/multimodal-input.js +106 -0
- package/primitives/multimodal-input.js.map +1 -0
- package/primitives/timeline-item-group.d.ts +166 -0
- package/primitives/timeline-item-group.d.ts.map +1 -0
- package/primitives/timeline-item-group.js +204 -0
- package/primitives/timeline-item-group.js.map +1 -0
- package/primitives/timeline-item.d.ts +75 -0
- package/primitives/timeline-item.d.ts.map +1 -0
- package/primitives/timeline-item.js +145 -0
- package/primitives/timeline-item.js.map +1 -0
- package/primitives/window.d.ts +31 -0
- package/primitives/window.d.ts.map +1 -0
- package/primitives/window.js +58 -0
- package/primitives/window.js.map +1 -0
- package/provider.d.ts +95 -0
- package/provider.d.ts.map +1 -0
- package/provider.js +124 -0
- package/provider.js.map +1 -0
- package/realtime/event-filter.d.ts +8 -0
- package/realtime/event-filter.d.ts.map +1 -0
- package/realtime/event-filter.js +21 -0
- package/realtime/event-filter.js.map +1 -0
- package/realtime/index.d.ts +6 -0
- package/realtime/index.js +7 -0
- package/realtime/provider.d.ts +57 -0
- package/realtime/provider.d.ts.map +1 -0
- package/realtime/provider.js +351 -0
- package/realtime/provider.js.map +1 -0
- package/realtime/seen-store.d.ts +23 -0
- package/realtime/seen-store.d.ts.map +1 -0
- package/realtime/seen-store.js +34 -0
- package/realtime/seen-store.js.map +1 -0
- package/realtime/support-provider.d.ts +17 -0
- package/realtime/support-provider.d.ts.map +1 -0
- package/realtime/support-provider.js +54 -0
- package/realtime/support-provider.js.map +1 -0
- package/realtime/typing-store.d.ts +30 -0
- package/realtime/typing-store.d.ts.map +1 -0
- package/realtime/typing-store.js +34 -0
- package/realtime/typing-store.js.map +1 -0
- package/realtime/use-realtime.d.ts +29 -0
- package/realtime/use-realtime.d.ts.map +1 -0
- package/realtime/use-realtime.js +47 -0
- package/realtime/use-realtime.js.map +1 -0
- package/realtime-events.d.ts +344 -0
- package/realtime-events.d.ts.map +1 -0
- package/schemas.d.ts +90 -0
- package/schemas.d.ts.map +1 -0
- package/support/components/avatar-stack.d.ts +45 -0
- package/support/components/avatar-stack.d.ts.map +1 -0
- package/support/components/avatar-stack.js +72 -0
- package/support/components/avatar-stack.js.map +1 -0
- package/support/components/avatar.d.ts +15 -0
- package/support/components/avatar.d.ts.map +1 -0
- package/support/components/avatar.js +23 -0
- package/support/components/avatar.js.map +1 -0
- package/support/components/bubble.d.ts +10 -0
- package/support/components/bubble.d.ts.map +1 -0
- package/support/components/bubble.js +95 -0
- package/support/components/bubble.js.map +1 -0
- package/support/components/button.d.ts +20 -0
- package/support/components/button.d.ts.map +1 -0
- package/support/components/button.js +41 -0
- package/support/components/button.js.map +1 -0
- package/support/components/container.d.ts +14 -0
- package/support/components/container.d.ts.map +1 -0
- package/support/components/container.js +115 -0
- package/support/components/container.js.map +1 -0
- package/support/components/conversation-button-link.d.ts +34 -0
- package/support/components/conversation-button-link.d.ts.map +1 -0
- package/support/components/conversation-button-link.js +195 -0
- package/support/components/conversation-button-link.js.map +1 -0
- package/support/components/conversation-event.d.ts +14 -0
- package/support/components/conversation-event.d.ts.map +1 -0
- package/support/components/conversation-event.js +76 -0
- package/support/components/conversation-event.js.map +1 -0
- package/support/components/conversation-timeline.d.ts +17 -0
- package/support/components/conversation-timeline.d.ts.map +1 -0
- package/support/components/conversation-timeline.js +95 -0
- package/support/components/conversation-timeline.js.map +1 -0
- package/support/components/cossistant-branding.d.ts +12 -0
- package/support/components/cossistant-branding.d.ts.map +1 -0
- package/support/components/cossistant-branding.js +22 -0
- package/support/components/cossistant-branding.js.map +1 -0
- package/support/components/header.d.ts +11 -0
- package/support/components/header.d.ts.map +1 -0
- package/support/components/header.js +43 -0
- package/support/components/header.js.map +1 -0
- package/support/components/icons.d.ts +21 -0
- package/support/components/icons.d.ts.map +1 -0
- package/support/components/icons.js +131 -0
- package/support/components/icons.js.map +1 -0
- package/support/components/index.d.ts +11 -0
- package/support/components/index.js +12 -0
- package/support/components/multimodal-input.d.ts +28 -0
- package/support/components/multimodal-input.d.ts.map +1 -0
- package/support/components/multimodal-input.js +138 -0
- package/support/components/multimodal-input.js.map +1 -0
- package/support/components/navigation-tab.d.ts +7 -0
- package/support/components/navigation-tab.d.ts.map +1 -0
- package/support/components/navigation-tab.js +40 -0
- package/support/components/navigation-tab.js.map +1 -0
- package/support/components/support-content.d.ts +22 -0
- package/support/components/support-content.d.ts.map +1 -0
- package/support/components/support-content.js +50 -0
- package/support/components/support-content.js.map +1 -0
- package/support/components/text-effect.d.ts +49 -0
- package/support/components/text-effect.d.ts.map +1 -0
- package/support/components/text-effect.js +221 -0
- package/support/components/text-effect.js.map +1 -0
- package/support/components/timeline-message-group.d.ts +16 -0
- package/support/components/timeline-message-group.d.ts.map +1 -0
- package/support/components/timeline-message-group.js +117 -0
- package/support/components/timeline-message-group.js.map +1 -0
- package/support/components/timeline-message-item.d.ts +17 -0
- package/support/components/timeline-message-item.d.ts.map +1 -0
- package/support/components/timeline-message-item.js +42 -0
- package/support/components/timeline-message-item.js.map +1 -0
- package/support/components/typing-indicator.d.ts +26 -0
- package/support/components/typing-indicator.d.ts.map +1 -0
- package/support/components/typing-indicator.js +37 -0
- package/support/components/typing-indicator.js.map +1 -0
- package/support/components/watermark.d.ts +8 -0
- package/support/components/watermark.d.ts.map +1 -0
- package/support/components/watermark.js +34 -0
- package/support/components/watermark.js.map +1 -0
- package/support/context/config.d.ts +32 -0
- package/support/context/config.d.ts.map +1 -0
- package/support/context/config.js +27 -0
- package/support/context/config.js.map +1 -0
- package/support/context/websocket.d.ts +22 -0
- package/support/context/websocket.d.ts.map +1 -0
- package/support/context/websocket.js +113 -0
- package/support/context/websocket.js.map +1 -0
- package/support/index.d.ts +39 -0
- package/support/index.d.ts.map +1 -0
- package/support/index.js +43 -0
- package/support/index.js.map +1 -0
- package/support/pages/articles.d.ts +7 -0
- package/support/pages/articles.d.ts.map +1 -0
- package/support/pages/articles.js +39 -0
- package/support/pages/articles.js.map +1 -0
- package/support/pages/conversation-history.d.ts +18 -0
- package/support/pages/conversation-history.d.ts.map +1 -0
- package/support/pages/conversation-history.js +120 -0
- package/support/pages/conversation-history.js.map +1 -0
- package/support/pages/conversation.d.ts +32 -0
- package/support/pages/conversation.d.ts.map +1 -0
- package/support/pages/conversation.js +92 -0
- package/support/pages/conversation.js.map +1 -0
- package/support/pages/home.d.ts +20 -0
- package/support/pages/home.d.ts.map +1 -0
- package/support/pages/home.js +184 -0
- package/support/pages/home.js.map +1 -0
- package/support/router.d.ts +14 -0
- package/support/router.d.ts.map +1 -0
- package/support/router.js +31 -0
- package/support/router.js.map +1 -0
- package/support/store/index.d.ts +2 -0
- package/support/store/index.js +3 -0
- package/support/store/support-store.d.ts +42 -0
- package/support/store/support-store.d.ts.map +1 -0
- package/support/store/support-store.js +66 -0
- package/support/store/support-store.js.map +1 -0
- package/support/support-CMoDLQoC.css +408 -0
- package/support/support-CMoDLQoC.css.map +1 -0
- package/support/support.js +1 -0
- package/support/text/index.d.ts +35 -0
- package/support/text/index.d.ts.map +1 -0
- package/support/text/index.js +71 -0
- package/support/text/index.js.map +1 -0
- package/support/text/locales/en.d.ts +7 -0
- package/support/text/locales/en.d.ts.map +1 -0
- package/support/text/locales/en.js +65 -0
- package/support/text/locales/en.js.map +1 -0
- package/support/text/locales/es.d.ts +7 -0
- package/support/text/locales/es.d.ts.map +1 -0
- package/support/text/locales/es.js +64 -0
- package/support/text/locales/es.js.map +1 -0
- package/support/text/locales/fr.d.ts +7 -0
- package/support/text/locales/fr.d.ts.map +1 -0
- package/support/text/locales/fr.js +64 -0
- package/support/text/locales/fr.js.map +1 -0
- package/support/text/locales/keys.d.ts +216 -0
- package/support/text/locales/keys.d.ts.map +1 -0
- package/support/text/locales/keys.js +54 -0
- package/support/text/locales/keys.js.map +1 -0
- package/support/text/runtime.d.ts +17 -0
- package/support/text/runtime.d.ts.map +1 -0
- package/support/text/runtime.js +156 -0
- package/support/text/runtime.js.map +1 -0
- package/support/utils/index.d.ts +7 -0
- package/support/utils/index.d.ts.map +1 -0
- package/support/utils/index.js +11 -0
- package/support/utils/index.js.map +1 -0
- package/support/utils/time.d.ts +5 -0
- package/support/utils/time.d.ts.map +1 -0
- package/support/utils/time.js +28 -0
- package/support/utils/time.js.map +1 -0
- package/support-config.d.ts +20 -0
- package/support-config.d.ts.map +1 -0
- package/support-config.js +25 -0
- package/support-config.js.map +1 -0
- package/support.css +2 -0
- package/timeline-item.d.ts +133 -0
- package/timeline-item.d.ts.map +1 -0
- package/utils/id.d.ts +6 -0
- package/utils/id.d.ts.map +1 -0
- package/utils/id.js +13 -0
- package/utils/id.js.map +1 -0
- package/utils/index.d.ts +3 -0
- package/utils/index.js +4 -0
- package/utils/text.d.ts +5 -0
- package/utils/text.d.ts.map +1 -0
- package/utils/text.js +9 -0
- package/utils/text.js.map +1 -0
- package/utils/use-render-element.d.ts +22 -0
- package/utils/use-render-element.d.ts.map +1 -0
- package/utils/use-render-element.js +35 -0
- package/utils/use-render-element.js.map +1 -0
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
import { useClientQuery } from "./private/use-client-query.js";
|
|
2
|
+
import { useStoreSelector } from "./private/store/use-store-selector.js";
|
|
3
|
+
import { useSupport } from "../provider.js";
|
|
4
|
+
import { useCallback, useMemo } from "react";
|
|
5
|
+
|
|
6
|
+
//#region src/hooks/use-conversation-timeline-items.ts
|
|
7
|
+
const EMPTY_STATE = {
|
|
8
|
+
items: [],
|
|
9
|
+
hasNextPage: false,
|
|
10
|
+
nextCursor: void 0
|
|
11
|
+
};
|
|
12
|
+
const DEFAULT_LIMIT = 50;
|
|
13
|
+
const NO_CONVERSATION_ID = "__no_conversation__";
|
|
14
|
+
function useConversationTimelineItems(conversationId, options = {}) {
|
|
15
|
+
const { client } = useSupport();
|
|
16
|
+
const store = client.timelineItemsStore;
|
|
17
|
+
if (!store) throw new Error("Timeline items store is not available on the client instance");
|
|
18
|
+
const stableConversationId = conversationId ?? NO_CONVERSATION_ID;
|
|
19
|
+
const selection = useStoreSelector(store, (state) => state.conversations[stableConversationId] ?? EMPTY_STATE);
|
|
20
|
+
const baseArgs = useMemo(() => ({
|
|
21
|
+
limit: options.limit ?? DEFAULT_LIMIT,
|
|
22
|
+
cursor: options.cursor ?? void 0
|
|
23
|
+
}), [options.cursor, options.limit]);
|
|
24
|
+
const { refetch: queryRefetch, isLoading: queryLoading, error } = useClientQuery({
|
|
25
|
+
client,
|
|
26
|
+
queryFn: (instance, args) => {
|
|
27
|
+
if (!conversationId) return Promise.resolve({
|
|
28
|
+
items: [],
|
|
29
|
+
hasNextPage: false,
|
|
30
|
+
nextCursor: null
|
|
31
|
+
});
|
|
32
|
+
return instance.getConversationTimelineItems({
|
|
33
|
+
conversationId,
|
|
34
|
+
limit: args?.limit ?? baseArgs.limit,
|
|
35
|
+
cursor: args?.cursor ?? baseArgs.cursor ?? void 0
|
|
36
|
+
});
|
|
37
|
+
},
|
|
38
|
+
enabled: Boolean(conversationId) && (options.enabled ?? true),
|
|
39
|
+
refetchInterval: options.refetchInterval ?? false,
|
|
40
|
+
refetchOnWindowFocus: options.refetchOnWindowFocus ?? true,
|
|
41
|
+
refetchOnMount: selection.items.length === 0,
|
|
42
|
+
initialArgs: baseArgs,
|
|
43
|
+
dependencies: [
|
|
44
|
+
stableConversationId,
|
|
45
|
+
baseArgs.limit,
|
|
46
|
+
baseArgs.cursor ?? null
|
|
47
|
+
]
|
|
48
|
+
});
|
|
49
|
+
const refetch = useCallback((args) => {
|
|
50
|
+
if (!conversationId) return Promise.resolve(void 0);
|
|
51
|
+
return queryRefetch({
|
|
52
|
+
limit: baseArgs.limit,
|
|
53
|
+
cursor: baseArgs.cursor,
|
|
54
|
+
...args
|
|
55
|
+
});
|
|
56
|
+
}, [
|
|
57
|
+
queryRefetch,
|
|
58
|
+
baseArgs,
|
|
59
|
+
conversationId
|
|
60
|
+
]);
|
|
61
|
+
const fetchNextPage = useCallback(() => {
|
|
62
|
+
if (!(selection.hasNextPage && selection.nextCursor)) return Promise.resolve(void 0);
|
|
63
|
+
return refetch({
|
|
64
|
+
cursor: selection.nextCursor,
|
|
65
|
+
limit: baseArgs.limit
|
|
66
|
+
});
|
|
67
|
+
}, [
|
|
68
|
+
selection.hasNextPage,
|
|
69
|
+
selection.nextCursor,
|
|
70
|
+
refetch,
|
|
71
|
+
baseArgs.limit
|
|
72
|
+
]);
|
|
73
|
+
const isLoading = selection.items.length === 0 ? queryLoading : false;
|
|
74
|
+
return {
|
|
75
|
+
items: selection.items,
|
|
76
|
+
hasNextPage: selection.hasNextPage,
|
|
77
|
+
nextCursor: selection.nextCursor,
|
|
78
|
+
isLoading,
|
|
79
|
+
error,
|
|
80
|
+
refetch,
|
|
81
|
+
fetchNextPage
|
|
82
|
+
};
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
//#endregion
|
|
86
|
+
export { useConversationTimelineItems };
|
|
87
|
+
//# sourceMappingURL=use-conversation-timeline-items.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-conversation-timeline-items.js","names":["EMPTY_STATE: ConversationTimelineItemsState"],"sources":["../../src/hooks/use-conversation-timeline-items.ts"],"sourcesContent":["import type { ConversationTimelineItemsState } from \"@cossistant/core\";\nimport type {\n\tGetConversationTimelineItemsRequest,\n\tGetConversationTimelineItemsResponse,\n} from \"@cossistant/types/api/timeline-item\";\nimport { useCallback, useMemo } from \"react\";\nimport { useSupport } from \"../provider\";\nimport { useStoreSelector } from \"./private/store/use-store-selector\";\nimport { useClientQuery } from \"./private/use-client-query\";\n\nconst EMPTY_STATE: ConversationTimelineItemsState = {\n\titems: [],\n\thasNextPage: false,\n\tnextCursor: undefined,\n};\n\nconst DEFAULT_LIMIT = 50;\n\nconst NO_CONVERSATION_ID = \"__no_conversation__\" as const;\n\nexport type UseConversationTimelineItemsOptions = {\n\tlimit?: number;\n\tcursor?: string | null;\n\tenabled?: boolean;\n\trefetchInterval?: number | false;\n\trefetchOnWindowFocus?: boolean;\n};\n\nexport type UseConversationTimelineItemsResult =\n\tConversationTimelineItemsState & {\n\t\tisLoading: boolean;\n\t\terror: Error | null;\n\t\trefetch: (\n\t\t\targs?: Pick<GetConversationTimelineItemsRequest, \"cursor\" | \"limit\">\n\t\t) => Promise<GetConversationTimelineItemsResponse | undefined>;\n\t\tfetchNextPage: () => Promise<\n\t\t\tGetConversationTimelineItemsResponse | undefined\n\t\t>;\n\t};\n\nexport function useConversationTimelineItems(\n\tconversationId: string | null | undefined,\n\toptions: UseConversationTimelineItemsOptions = {}\n): UseConversationTimelineItemsResult {\n\tconst { client } = useSupport();\n\tconst store = client.timelineItemsStore;\n\n\tif (!store) {\n\t\tthrow new Error(\n\t\t\t\"Timeline items store is not available on the client instance\"\n\t\t);\n\t}\n\n\tconst stableConversationId = conversationId ?? NO_CONVERSATION_ID;\n\n\tconst selection = useStoreSelector(\n\t\tstore,\n\t\t(state) => state.conversations[stableConversationId] ?? EMPTY_STATE\n\t);\n\n\tconst baseArgs = useMemo(\n\t\t() =>\n\t\t\t({\n\t\t\t\tlimit: options.limit ?? DEFAULT_LIMIT,\n\t\t\t\tcursor: options.cursor ?? undefined,\n\t\t\t}) satisfies Pick<\n\t\t\t\tGetConversationTimelineItemsRequest,\n\t\t\t\t\"limit\" | \"cursor\"\n\t\t\t>,\n\t\t[options.cursor, options.limit]\n\t);\n\n\tconst {\n\t\trefetch: queryRefetch,\n\t\tisLoading: queryLoading,\n\t\terror,\n\t} = useClientQuery<\n\t\tGetConversationTimelineItemsResponse,\n\t\tPick<GetConversationTimelineItemsRequest, \"cursor\" | \"limit\">\n\t>({\n\t\tclient,\n\t\tqueryFn: (instance, args) => {\n\t\t\tif (!conversationId) {\n\t\t\t\treturn Promise.resolve({\n\t\t\t\t\titems: [],\n\t\t\t\t\thasNextPage: false,\n\t\t\t\t\tnextCursor: null,\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn instance.getConversationTimelineItems({\n\t\t\t\tconversationId,\n\t\t\t\tlimit: args?.limit ?? baseArgs.limit,\n\t\t\t\tcursor: args?.cursor ?? baseArgs.cursor ?? undefined,\n\t\t\t});\n\t\t},\n\t\tenabled: Boolean(conversationId) && (options.enabled ?? true),\n\t\trefetchInterval: options.refetchInterval ?? false,\n\t\trefetchOnWindowFocus: options.refetchOnWindowFocus ?? true,\n\t\trefetchOnMount: selection.items.length === 0,\n\t\tinitialArgs: baseArgs,\n\t\tdependencies: [\n\t\t\tstableConversationId,\n\t\t\tbaseArgs.limit,\n\t\t\tbaseArgs.cursor ?? null,\n\t\t],\n\t});\n\n\tconst refetch = useCallback(\n\t\t(args?: Pick<GetConversationTimelineItemsRequest, \"cursor\" | \"limit\">) => {\n\t\t\tif (!conversationId) {\n\t\t\t\treturn Promise.resolve(undefined);\n\t\t\t}\n\n\t\t\treturn queryRefetch({\n\t\t\t\tlimit: baseArgs.limit,\n\t\t\t\tcursor: baseArgs.cursor,\n\t\t\t\t...args,\n\t\t\t});\n\t\t},\n\t\t[queryRefetch, baseArgs, conversationId]\n\t);\n\n\tconst fetchNextPage = useCallback(() => {\n\t\tif (!(selection.hasNextPage && selection.nextCursor)) {\n\t\t\treturn Promise.resolve(undefined);\n\t\t}\n\n\t\treturn refetch({ cursor: selection.nextCursor, limit: baseArgs.limit });\n\t}, [selection.hasNextPage, selection.nextCursor, refetch, baseArgs.limit]);\n\n\tconst isInitialLoad = selection.items.length === 0;\n\tconst isLoading = isInitialLoad ? queryLoading : false;\n\n\treturn {\n\t\titems: selection.items,\n\t\thasNextPage: selection.hasNextPage,\n\t\tnextCursor: selection.nextCursor,\n\t\tisLoading,\n\t\terror,\n\t\trefetch,\n\t\tfetchNextPage,\n\t};\n}\n"],"mappings":";;;;;;AAUA,MAAMA,cAA8C;CACnD,OAAO,EAAE;CACT,aAAa;CACb,YAAY;CACZ;AAED,MAAM,gBAAgB;AAEtB,MAAM,qBAAqB;AAsB3B,SAAgB,6BACf,gBACA,UAA+C,EAAE,EACZ;CACrC,MAAM,EAAE,WAAW,YAAY;CAC/B,MAAM,QAAQ,OAAO;AAErB,KAAI,CAAC,MACJ,OAAM,IAAI,MACT,+DACA;CAGF,MAAM,uBAAuB,kBAAkB;CAE/C,MAAM,YAAY,iBACjB,QACC,UAAU,MAAM,cAAc,yBAAyB,YACxD;CAED,MAAM,WAAW,eAEd;EACA,OAAO,QAAQ,SAAS;EACxB,QAAQ,QAAQ,UAAU;EAC1B,GAIF,CAAC,QAAQ,QAAQ,QAAQ,MAAM,CAC/B;CAED,MAAM,EACL,SAAS,cACT,WAAW,cACX,UACG,eAGF;EACD;EACA,UAAU,UAAU,SAAS;AAC5B,OAAI,CAAC,eACJ,QAAO,QAAQ,QAAQ;IACtB,OAAO,EAAE;IACT,aAAa;IACb,YAAY;IACZ,CAAC;AAGH,UAAO,SAAS,6BAA6B;IAC5C;IACA,OAAO,MAAM,SAAS,SAAS;IAC/B,QAAQ,MAAM,UAAU,SAAS,UAAU;IAC3C,CAAC;;EAEH,SAAS,QAAQ,eAAe,KAAK,QAAQ,WAAW;EACxD,iBAAiB,QAAQ,mBAAmB;EAC5C,sBAAsB,QAAQ,wBAAwB;EACtD,gBAAgB,UAAU,MAAM,WAAW;EAC3C,aAAa;EACb,cAAc;GACb;GACA,SAAS;GACT,SAAS,UAAU;GACnB;EACD,CAAC;CAEF,MAAM,UAAU,aACd,SAAyE;AACzE,MAAI,CAAC,eACJ,QAAO,QAAQ,QAAQ,OAAU;AAGlC,SAAO,aAAa;GACnB,OAAO,SAAS;GAChB,QAAQ,SAAS;GACjB,GAAG;GACH,CAAC;IAEH;EAAC;EAAc;EAAU;EAAe,CACxC;CAED,MAAM,gBAAgB,kBAAkB;AACvC,MAAI,EAAE,UAAU,eAAe,UAAU,YACxC,QAAO,QAAQ,QAAQ,OAAU;AAGlC,SAAO,QAAQ;GAAE,QAAQ,UAAU;GAAY,OAAO,SAAS;GAAO,CAAC;IACrE;EAAC,UAAU;EAAa,UAAU;EAAY;EAAS,SAAS;EAAM,CAAC;CAG1E,MAAM,YADgB,UAAU,MAAM,WAAW,IACf,eAAe;AAEjD,QAAO;EACN,OAAO,UAAU;EACjB,aAAa,UAAU;EACvB,YAAY,UAAU;EACtB;EACA;EACA;EACA;EACA"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { TypingEntry } from "@cossistant/core";
|
|
2
|
+
|
|
3
|
+
//#region src/hooks/use-conversation-typing.d.ts
|
|
4
|
+
type ConversationTypingParticipant = TypingEntry;
|
|
5
|
+
type UseConversationTypingOptions = {
|
|
6
|
+
excludeVisitorId?: string | null;
|
|
7
|
+
excludeUserId?: string | null;
|
|
8
|
+
excludeAiAgentId?: string | null;
|
|
9
|
+
};
|
|
10
|
+
declare function useConversationTyping(conversationId: string | null | undefined, options?: UseConversationTypingOptions): ConversationTypingParticipant[];
|
|
11
|
+
//#endregion
|
|
12
|
+
export { ConversationTypingParticipant, useConversationTyping };
|
|
13
|
+
//# sourceMappingURL=use-conversation-typing.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-conversation-typing.d.ts","names":[],"sources":["../../src/hooks/use-conversation-typing.ts"],"sourcesContent":[],"mappings":";;;KAIY,6BAAA,GAAgC;KAEvC,4BAAA;EAFO,gBAAA,CAAA,EAAA,MAAA,GAAA,IAA6B;EAEpC,aAAA,CAAA,EAAA,MAAA,GAAA,IAAA;EAyBW,gBAAA,CAAA,EAAA,MAAqB,GAAA,IAAA;CAAA;AAE3B,iBAFM,qBAAA,CAEN,cAAA,EAAA,MAAA,GAAA,IAAA,GAAA,SAAA,EAAA,OAAA,CAAA,EAAA,4BAAA,CAAA,EACP,6BADO,EAAA"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { useTypingStore } from "../realtime/typing-store.js";
|
|
2
|
+
import { useMemo } from "react";
|
|
3
|
+
|
|
4
|
+
//#region src/hooks/use-conversation-typing.ts
|
|
5
|
+
function shouldExclude(entry, options) {
|
|
6
|
+
if (entry.actorType === "visitor" && options.excludeVisitorId) return entry.actorId === options.excludeVisitorId;
|
|
7
|
+
if (entry.actorType === "user" && options.excludeUserId) return entry.actorId === options.excludeUserId;
|
|
8
|
+
if (entry.actorType === "ai_agent" && options.excludeAiAgentId) return entry.actorId === options.excludeAiAgentId;
|
|
9
|
+
return false;
|
|
10
|
+
}
|
|
11
|
+
function useConversationTyping(conversationId, options = {}) {
|
|
12
|
+
const conversationTyping = useTypingStore((state) => conversationId ? state.conversations[conversationId] ?? null : null);
|
|
13
|
+
return useMemo(() => {
|
|
14
|
+
if (!(conversationId && conversationTyping)) return [];
|
|
15
|
+
const excludeOptions = {
|
|
16
|
+
excludeVisitorId: options.excludeVisitorId ?? null,
|
|
17
|
+
excludeUserId: options.excludeUserId ?? null,
|
|
18
|
+
excludeAiAgentId: options.excludeAiAgentId ?? null
|
|
19
|
+
};
|
|
20
|
+
const entries = Object.values(conversationTyping).filter((entry) => !shouldExclude(entry, excludeOptions));
|
|
21
|
+
entries.sort((a, b) => a.updatedAt - b.updatedAt);
|
|
22
|
+
return entries;
|
|
23
|
+
}, [
|
|
24
|
+
conversationId,
|
|
25
|
+
conversationTyping,
|
|
26
|
+
options.excludeVisitorId,
|
|
27
|
+
options.excludeUserId,
|
|
28
|
+
options.excludeAiAgentId
|
|
29
|
+
]);
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
//#endregion
|
|
33
|
+
export { useConversationTyping };
|
|
34
|
+
//# sourceMappingURL=use-conversation-typing.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-conversation-typing.js","names":["excludeOptions: Required<UseConversationTypingOptions>"],"sources":["../../src/hooks/use-conversation-typing.ts"],"sourcesContent":["import type { TypingEntry } from \"@cossistant/core\";\nimport { useMemo } from \"react\";\nimport { useTypingStore } from \"../realtime/typing-store\";\n\nexport type ConversationTypingParticipant = TypingEntry;\n\ntype UseConversationTypingOptions = {\n\texcludeVisitorId?: string | null;\n\texcludeUserId?: string | null;\n\texcludeAiAgentId?: string | null;\n};\n\nfunction shouldExclude(\n\tentry: TypingEntry,\n\toptions: Required<UseConversationTypingOptions>\n) {\n\tif (entry.actorType === \"visitor\" && options.excludeVisitorId) {\n\t\treturn entry.actorId === options.excludeVisitorId;\n\t}\n\n\tif (entry.actorType === \"user\" && options.excludeUserId) {\n\t\treturn entry.actorId === options.excludeUserId;\n\t}\n\n\tif (entry.actorType === \"ai_agent\" && options.excludeAiAgentId) {\n\t\treturn entry.actorId === options.excludeAiAgentId;\n\t}\n\n\treturn false;\n}\n\nexport function useConversationTyping(\n\tconversationId: string | null | undefined,\n\toptions: UseConversationTypingOptions = {}\n): ConversationTypingParticipant[] {\n\tconst conversationTyping = useTypingStore((state) =>\n\t\tconversationId ? (state.conversations[conversationId] ?? null) : null\n\t);\n\n\treturn useMemo(() => {\n\t\tif (!(conversationId && conversationTyping)) {\n\t\t\treturn [];\n\t\t}\n\n\t\tconst excludeOptions: Required<UseConversationTypingOptions> = {\n\t\t\texcludeVisitorId: options.excludeVisitorId ?? null,\n\t\t\texcludeUserId: options.excludeUserId ?? null,\n\t\t\texcludeAiAgentId: options.excludeAiAgentId ?? null,\n\t\t};\n\n\t\tconst entries = Object.values(conversationTyping).filter(\n\t\t\t(entry) => !shouldExclude(entry, excludeOptions)\n\t\t);\n\n\t\tentries.sort((a, b) => a.updatedAt - b.updatedAt);\n\n\t\treturn entries;\n\t}, [\n\t\tconversationId,\n\t\tconversationTyping,\n\t\toptions.excludeVisitorId,\n\t\toptions.excludeUserId,\n\t\toptions.excludeAiAgentId,\n\t]);\n}\n"],"mappings":";;;;AAYA,SAAS,cACR,OACA,SACC;AACD,KAAI,MAAM,cAAc,aAAa,QAAQ,iBAC5C,QAAO,MAAM,YAAY,QAAQ;AAGlC,KAAI,MAAM,cAAc,UAAU,QAAQ,cACzC,QAAO,MAAM,YAAY,QAAQ;AAGlC,KAAI,MAAM,cAAc,cAAc,QAAQ,iBAC7C,QAAO,MAAM,YAAY,QAAQ;AAGlC,QAAO;;AAGR,SAAgB,sBACf,gBACA,UAAwC,EAAE,EACR;CAClC,MAAM,qBAAqB,gBAAgB,UAC1C,iBAAkB,MAAM,cAAc,mBAAmB,OAAQ,KACjE;AAED,QAAO,cAAc;AACpB,MAAI,EAAE,kBAAkB,oBACvB,QAAO,EAAE;EAGV,MAAMA,iBAAyD;GAC9D,kBAAkB,QAAQ,oBAAoB;GAC9C,eAAe,QAAQ,iBAAiB;GACxC,kBAAkB,QAAQ,oBAAoB;GAC9C;EAED,MAAM,UAAU,OAAO,OAAO,mBAAmB,CAAC,QAChD,UAAU,CAAC,cAAc,OAAO,eAAe,CAChD;AAED,UAAQ,MAAM,GAAG,MAAM,EAAE,YAAY,EAAE,UAAU;AAEjD,SAAO;IACL;EACF;EACA;EACA,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { GetConversationRequest, GetConversationResponse } from "../conversation.js";
|
|
2
|
+
|
|
3
|
+
//#region src/hooks/use-conversation.d.ts
|
|
4
|
+
type UseConversationOptions = {
|
|
5
|
+
enabled?: boolean;
|
|
6
|
+
refetchInterval?: number | false;
|
|
7
|
+
refetchOnWindowFocus?: boolean;
|
|
8
|
+
};
|
|
9
|
+
type UseConversationResult = {
|
|
10
|
+
conversation: GetConversationResponse["conversation"] | null;
|
|
11
|
+
isLoading: boolean;
|
|
12
|
+
error: Error | null;
|
|
13
|
+
refetch: (args?: GetConversationRequest) => Promise<GetConversationResponse | undefined>;
|
|
14
|
+
};
|
|
15
|
+
declare function useConversation(conversationId: string | null, options?: UseConversationOptions): UseConversationResult;
|
|
16
|
+
//#endregion
|
|
17
|
+
export { UseConversationOptions, UseConversationResult, useConversation };
|
|
18
|
+
//# sourceMappingURL=use-conversation.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-conversation.d.ts","names":[],"sources":["../../src/hooks/use-conversation.ts"],"sourcesContent":[],"mappings":";;;KAQY,sBAAA;;EAAA,eAAA,CAAA,EAAA,MAAA,GAAsB,KAAA;EAMtB,oBAAA,CAAA,EAAA,OAAqB;CAAA;AAClB,KADH,qBAAA,GACG;cAEP,EAFO,uBAEP,CAAA,cAAA,CAAA,GAAA,IAAA;WAEC,EAAA,OAAA;OACK,EAHN,KAGM,GAAA,IAAA;SAAR,EAAA,CAAA,IAAA,CAAA,EADG,sBACH,EAAA,GAAA,OAAA,CAAQ,uBAAR,GAAA,SAAA,CAAA;CAAO;AAGG,iBAAA,eAAA,CAAe,cAAA,EAAA,MAAA,GAAA,IAAA,EAAA,OAAA,CAAA,EAErB,sBAFqB,CAAA,EAG5B,qBAH4B"}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { useClientQuery } from "./private/use-client-query.js";
|
|
2
|
+
import { useStoreSelector } from "./private/store/use-store-selector.js";
|
|
3
|
+
import { useSupport } from "../provider.js";
|
|
4
|
+
|
|
5
|
+
//#region src/hooks/use-conversation.ts
|
|
6
|
+
function useConversation(conversationId, options = {}) {
|
|
7
|
+
const { client } = useSupport();
|
|
8
|
+
const store = client.conversationsStore;
|
|
9
|
+
const conversation = useStoreSelector(store, (state) => {
|
|
10
|
+
if (!conversationId) return null;
|
|
11
|
+
return state.byId[conversationId] ?? null;
|
|
12
|
+
});
|
|
13
|
+
const request = conversationId ? { conversationId } : void 0;
|
|
14
|
+
const { refetch: queryRefetch, isLoading: queryLoading, error } = useClientQuery({
|
|
15
|
+
client,
|
|
16
|
+
queryFn: (instance) => {
|
|
17
|
+
if (!request) throw new Error("Conversation ID is required");
|
|
18
|
+
return instance.getConversation(request);
|
|
19
|
+
},
|
|
20
|
+
enabled: Boolean(conversationId && (options.enabled ?? true)),
|
|
21
|
+
refetchInterval: options.refetchInterval ?? false,
|
|
22
|
+
refetchOnWindowFocus: options.refetchOnWindowFocus ?? true,
|
|
23
|
+
refetchOnMount: !conversation,
|
|
24
|
+
initialArgs: request,
|
|
25
|
+
dependencies: [conversationId ?? "null"]
|
|
26
|
+
});
|
|
27
|
+
const refetch = (args) => {
|
|
28
|
+
if (!conversationId) return Promise.resolve(void 0);
|
|
29
|
+
return queryRefetch({
|
|
30
|
+
conversationId,
|
|
31
|
+
...args
|
|
32
|
+
});
|
|
33
|
+
};
|
|
34
|
+
return {
|
|
35
|
+
conversation,
|
|
36
|
+
isLoading: conversation ? false : queryLoading,
|
|
37
|
+
error,
|
|
38
|
+
refetch
|
|
39
|
+
};
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
//#endregion
|
|
43
|
+
export { useConversation };
|
|
44
|
+
//# sourceMappingURL=use-conversation.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-conversation.js","names":["request: GetConversationRequest | undefined"],"sources":["../../src/hooks/use-conversation.ts"],"sourcesContent":["import type {\n\tGetConversationRequest,\n\tGetConversationResponse,\n} from \"@cossistant/types/api/conversation\";\nimport { useSupport } from \"../provider\";\nimport { useStoreSelector } from \"./private/store/use-store-selector\";\nimport { useClientQuery } from \"./private/use-client-query\";\n\nexport type UseConversationOptions = {\n\tenabled?: boolean;\n\trefetchInterval?: number | false;\n\trefetchOnWindowFocus?: boolean;\n};\n\nexport type UseConversationResult = {\n\tconversation: GetConversationResponse[\"conversation\"] | null;\n\tisLoading: boolean;\n\terror: Error | null;\n\trefetch: (\n\t\targs?: GetConversationRequest\n\t) => Promise<GetConversationResponse | undefined>;\n};\n\nexport function useConversation(\n\tconversationId: string | null,\n\toptions: UseConversationOptions = {}\n): UseConversationResult {\n\tconst { client } = useSupport();\n\tconst store = client.conversationsStore;\n\n\tconst conversation = useStoreSelector(store, (state) => {\n\t\tif (!conversationId) {\n\t\t\treturn null;\n\t\t}\n\t\treturn state.byId[conversationId] ?? null;\n\t});\n\n\tconst request: GetConversationRequest | undefined = conversationId\n\t\t? { conversationId }\n\t\t: undefined;\n\n\tconst {\n\t\trefetch: queryRefetch,\n\t\tisLoading: queryLoading,\n\t\terror,\n\t} = useClientQuery<GetConversationResponse, GetConversationRequest>({\n\t\tclient,\n\t\tqueryFn: (instance) => {\n\t\t\tif (!request) {\n\t\t\t\tthrow new Error(\"Conversation ID is required\");\n\t\t\t}\n\t\t\treturn instance.getConversation(request);\n\t\t},\n\t\tenabled: Boolean(conversationId && (options.enabled ?? true)),\n\t\trefetchInterval: options.refetchInterval ?? false,\n\t\trefetchOnWindowFocus: options.refetchOnWindowFocus ?? true,\n\t\trefetchOnMount: !conversation,\n\t\tinitialArgs: request,\n\t\tdependencies: [conversationId ?? \"null\"],\n\t});\n\n\tconst refetch = (args?: GetConversationRequest) => {\n\t\tif (!conversationId) {\n\t\t\treturn Promise.resolve(undefined);\n\t\t}\n\n\t\treturn queryRefetch({\n\t\t\tconversationId,\n\t\t\t...args,\n\t\t});\n\t};\n\n\tconst isLoading = conversation ? false : queryLoading;\n\n\treturn {\n\t\tconversation,\n\t\tisLoading,\n\t\terror,\n\t\trefetch,\n\t};\n}\n"],"mappings":";;;;;AAuBA,SAAgB,gBACf,gBACA,UAAkC,EAAE,EACZ;CACxB,MAAM,EAAE,WAAW,YAAY;CAC/B,MAAM,QAAQ,OAAO;CAErB,MAAM,eAAe,iBAAiB,QAAQ,UAAU;AACvD,MAAI,CAAC,eACJ,QAAO;AAER,SAAO,MAAM,KAAK,mBAAmB;GACpC;CAEF,MAAMA,UAA8C,iBACjD,EAAE,gBAAgB,GAClB;CAEH,MAAM,EACL,SAAS,cACT,WAAW,cACX,UACG,eAAgE;EACnE;EACA,UAAU,aAAa;AACtB,OAAI,CAAC,QACJ,OAAM,IAAI,MAAM,8BAA8B;AAE/C,UAAO,SAAS,gBAAgB,QAAQ;;EAEzC,SAAS,QAAQ,mBAAmB,QAAQ,WAAW,MAAM;EAC7D,iBAAiB,QAAQ,mBAAmB;EAC5C,sBAAsB,QAAQ,wBAAwB;EACtD,gBAAgB,CAAC;EACjB,aAAa;EACb,cAAc,CAAC,kBAAkB,OAAO;EACxC,CAAC;CAEF,MAAM,WAAW,SAAkC;AAClD,MAAI,CAAC,eACJ,QAAO,QAAQ,QAAQ,OAAU;AAGlC,SAAO,aAAa;GACnB;GACA,GAAG;GACH,CAAC;;AAKH,QAAO;EACN;EACA,WAJiB,eAAe,QAAQ;EAKxC;EACA;EACA"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { ListConversationsRequest, ListConversationsResponse } from "../conversation.js";
|
|
2
|
+
import { ConversationPagination } from "@cossistant/core";
|
|
3
|
+
|
|
4
|
+
//#region src/hooks/use-conversations.d.ts
|
|
5
|
+
type UseConversationsOptions = Partial<Omit<ListConversationsRequest, "visitorId">> & {
|
|
6
|
+
enabled?: boolean;
|
|
7
|
+
refetchInterval?: number | false;
|
|
8
|
+
refetchOnWindowFocus?: boolean;
|
|
9
|
+
};
|
|
10
|
+
type UseConversationsResult = {
|
|
11
|
+
conversations: ListConversationsResponse["conversations"];
|
|
12
|
+
pagination: ConversationPagination | null;
|
|
13
|
+
isLoading: boolean;
|
|
14
|
+
error: Error | null;
|
|
15
|
+
refetch: (args?: Partial<ListConversationsRequest>) => Promise<ListConversationsResponse | undefined>;
|
|
16
|
+
};
|
|
17
|
+
declare function useConversations(options?: UseConversationsOptions): UseConversationsResult;
|
|
18
|
+
//#endregion
|
|
19
|
+
export { UseConversationsOptions, UseConversationsResult, useConversations };
|
|
20
|
+
//# sourceMappingURL=use-conversations.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-conversations.d.ts","names":[],"sources":["../../src/hooks/use-conversations.ts"],"sourcesContent":[],"mappings":";;;;KA0CY,uBAAA,GAA0B,QACrC,KAAK;;EADM,eAAA,CAAA,EAAA,MAAA,GAAuB,KAAA;EAAA,oBAAA,CAAA,EAAA,OAAA;;AAClC,KAOW,sBAAA,GAPX;eADqC,EAStB,yBATsB,CAAA,eAAA,CAAA;EAAO,UAAA,EAUhC,sBAVgC,GAAA,IAAA;EAQjC,SAAA,EAAA,OAAA;EAAsB,KAAA,EAI1B,KAJ0B,GAAA,IAAA;SAClB,EAAA,CAAA,IAAA,CAAA,EAKP,OALO,CAKC,wBALD,CAAA,EAAA,GAMV,OANU,CAMF,yBANE,GAAA,SAAA,CAAA;;AAGR,iBAMQ,gBAAA,CANR,OAAA,CAAA,EAOE,uBAPF,CAAA,EAQL,sBARK"}
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
import { useClientQuery } from "./private/use-client-query.js";
|
|
2
|
+
import { useStoreSelector } from "./private/store/use-store-selector.js";
|
|
3
|
+
import { useSupport } from "../provider.js";
|
|
4
|
+
import { useCallback, useMemo } from "react";
|
|
5
|
+
|
|
6
|
+
//#region src/hooks/use-conversations.ts
|
|
7
|
+
function areSelectionsEqual(a, b) {
|
|
8
|
+
if (!(a.pagination === b.pagination || Boolean(a.pagination) && Boolean(b.pagination) && a.pagination?.page === b.pagination?.page && a.pagination?.limit === b.pagination?.limit && a.pagination?.total === b.pagination?.total && a.pagination?.totalPages === b.pagination?.totalPages && a.pagination?.hasMore === b.pagination?.hasMore)) return false;
|
|
9
|
+
if (a.conversations.length !== b.conversations.length) return false;
|
|
10
|
+
return a.conversations.every((conversation, index) => conversation === b.conversations[index]);
|
|
11
|
+
}
|
|
12
|
+
function useConversations(options = {}) {
|
|
13
|
+
const { client } = useSupport();
|
|
14
|
+
const { limit, page, order, orderBy, status, enabled = true, refetchInterval = false, refetchOnWindowFocus = true } = options;
|
|
15
|
+
const requestDefaults = useMemo(() => ({
|
|
16
|
+
limit,
|
|
17
|
+
page,
|
|
18
|
+
status,
|
|
19
|
+
orderBy,
|
|
20
|
+
order
|
|
21
|
+
}), [
|
|
22
|
+
limit,
|
|
23
|
+
page,
|
|
24
|
+
status,
|
|
25
|
+
orderBy,
|
|
26
|
+
order
|
|
27
|
+
]);
|
|
28
|
+
const store = client.conversationsStore;
|
|
29
|
+
const selection = useStoreSelector(store, (state) => ({
|
|
30
|
+
conversations: state.ids.map((id) => state.byId[id]).filter((conversation) => Boolean(conversation)),
|
|
31
|
+
pagination: state.pagination
|
|
32
|
+
}), areSelectionsEqual);
|
|
33
|
+
const { refetch: queryRefetch, isLoading: queryLoading, error } = useClientQuery({
|
|
34
|
+
client,
|
|
35
|
+
queryFn: (instance, args) => instance.listConversations({
|
|
36
|
+
...requestDefaults,
|
|
37
|
+
...args
|
|
38
|
+
}),
|
|
39
|
+
enabled,
|
|
40
|
+
refetchInterval,
|
|
41
|
+
refetchOnWindowFocus,
|
|
42
|
+
refetchOnMount: selection.conversations.length === 0,
|
|
43
|
+
initialArgs: requestDefaults,
|
|
44
|
+
dependencies: [
|
|
45
|
+
limit,
|
|
46
|
+
page,
|
|
47
|
+
status,
|
|
48
|
+
orderBy,
|
|
49
|
+
order
|
|
50
|
+
]
|
|
51
|
+
});
|
|
52
|
+
const refetch = useCallback((args) => queryRefetch({
|
|
53
|
+
...requestDefaults,
|
|
54
|
+
...args
|
|
55
|
+
}), [queryRefetch, requestDefaults]);
|
|
56
|
+
const isLoading = selection.conversations.length === 0 ? queryLoading : false;
|
|
57
|
+
return {
|
|
58
|
+
conversations: selection.conversations,
|
|
59
|
+
pagination: selection.pagination,
|
|
60
|
+
isLoading,
|
|
61
|
+
error,
|
|
62
|
+
refetch
|
|
63
|
+
};
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
//#endregion
|
|
67
|
+
export { useConversations };
|
|
68
|
+
//# sourceMappingURL=use-conversations.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-conversations.js","names":[],"sources":["../../src/hooks/use-conversations.ts"],"sourcesContent":["import type { ConversationPagination } from \"@cossistant/core\";\nimport type {\n\tListConversationsRequest,\n\tListConversationsResponse,\n} from \"@cossistant/types/api/conversation\";\nimport { useCallback, useMemo } from \"react\";\nimport { useSupport } from \"../provider\";\nimport { useStoreSelector } from \"./private/store/use-store-selector\";\nimport { useClientQuery } from \"./private/use-client-query\";\n\ntype ConversationsSelection = {\n\tconversations: ListConversationsResponse[\"conversations\"];\n\tpagination: ConversationPagination | null;\n};\n\nfunction areSelectionsEqual(\n\ta: ConversationsSelection,\n\tb: ConversationsSelection\n): boolean {\n\tconst samePagination =\n\t\ta.pagination === b.pagination ||\n\t\t(Boolean(a.pagination) &&\n\t\t\tBoolean(b.pagination) &&\n\t\t\ta.pagination?.page === b.pagination?.page &&\n\t\t\ta.pagination?.limit === b.pagination?.limit &&\n\t\t\ta.pagination?.total === b.pagination?.total &&\n\t\t\ta.pagination?.totalPages === b.pagination?.totalPages &&\n\t\t\ta.pagination?.hasMore === b.pagination?.hasMore);\n\n\tif (!samePagination) {\n\t\treturn false;\n\t}\n\n\tif (a.conversations.length !== b.conversations.length) {\n\t\treturn false;\n\t}\n\n\treturn a.conversations.every(\n\t\t(conversation, index) => conversation === b.conversations[index]\n\t);\n}\n\nexport type UseConversationsOptions = Partial<\n\tOmit<ListConversationsRequest, \"visitorId\">\n> & {\n\tenabled?: boolean;\n\trefetchInterval?: number | false;\n\trefetchOnWindowFocus?: boolean;\n};\n\nexport type UseConversationsResult = {\n\tconversations: ListConversationsResponse[\"conversations\"];\n\tpagination: ConversationPagination | null;\n\tisLoading: boolean;\n\terror: Error | null;\n\trefetch: (\n\t\targs?: Partial<ListConversationsRequest>\n\t) => Promise<ListConversationsResponse | undefined>;\n};\n\nexport function useConversations(\n\toptions: UseConversationsOptions = {}\n): UseConversationsResult {\n\tconst { client } = useSupport();\n\n\tconst {\n\t\tlimit,\n\t\tpage,\n\t\torder,\n\t\torderBy,\n\t\tstatus,\n\t\tenabled = true,\n\t\trefetchInterval = false,\n\t\trefetchOnWindowFocus = true,\n\t} = options;\n\n\tconst requestDefaults = useMemo(\n\t\t() => ({ limit, page, status, orderBy, order }),\n\t\t[limit, page, status, orderBy, order]\n\t);\n\n\tconst store = client.conversationsStore;\n\n\tconst selection = useStoreSelector(\n\t\tstore,\n\t\t(state): ConversationsSelection => ({\n\t\t\tconversations: state.ids\n\t\t\t\t.map((id) => state.byId[id])\n\t\t\t\t.filter(\n\t\t\t\t\t(\n\t\t\t\t\t\tconversation\n\t\t\t\t\t): conversation is ListConversationsResponse[\"conversations\"][number] =>\n\t\t\t\t\t\tBoolean(conversation)\n\t\t\t\t),\n\t\t\tpagination: state.pagination,\n\t\t}),\n\t\tareSelectionsEqual\n\t);\n\n\tconst {\n\t\trefetch: queryRefetch,\n\t\tisLoading: queryLoading,\n\t\terror,\n\t} = useClientQuery<\n\t\tListConversationsResponse,\n\t\tPartial<ListConversationsRequest>\n\t>({\n\t\tclient,\n\t\tqueryFn: (instance, args) =>\n\t\t\tinstance.listConversations({\n\t\t\t\t...requestDefaults,\n\t\t\t\t...args,\n\t\t\t}),\n\t\tenabled,\n\t\trefetchInterval,\n\t\trefetchOnWindowFocus,\n\t\trefetchOnMount: selection.conversations.length === 0,\n\t\tinitialArgs: requestDefaults,\n\t\tdependencies: [limit, page, status, orderBy, order],\n\t});\n\n\tconst refetch = useCallback(\n\t\t(args?: Partial<ListConversationsRequest>) =>\n\t\t\tqueryRefetch({\n\t\t\t\t...requestDefaults,\n\t\t\t\t...args,\n\t\t\t}),\n\t\t[queryRefetch, requestDefaults]\n\t);\n\n\tconst isInitialLoad = selection.conversations.length === 0;\n\tconst isLoading = isInitialLoad ? queryLoading : false;\n\n\treturn {\n\t\tconversations: selection.conversations,\n\t\tpagination: selection.pagination,\n\t\tisLoading,\n\t\terror,\n\t\trefetch,\n\t};\n}\n"],"mappings":";;;;;;AAeA,SAAS,mBACR,GACA,GACU;AAWV,KAAI,EATH,EAAE,eAAe,EAAE,cAClB,QAAQ,EAAE,WAAW,IACrB,QAAQ,EAAE,WAAW,IACrB,EAAE,YAAY,SAAS,EAAE,YAAY,QACrC,EAAE,YAAY,UAAU,EAAE,YAAY,SACtC,EAAE,YAAY,UAAU,EAAE,YAAY,SACtC,EAAE,YAAY,eAAe,EAAE,YAAY,cAC3C,EAAE,YAAY,YAAY,EAAE,YAAY,SAGzC,QAAO;AAGR,KAAI,EAAE,cAAc,WAAW,EAAE,cAAc,OAC9C,QAAO;AAGR,QAAO,EAAE,cAAc,OACrB,cAAc,UAAU,iBAAiB,EAAE,cAAc,OAC1D;;AAqBF,SAAgB,iBACf,UAAmC,EAAE,EACZ;CACzB,MAAM,EAAE,WAAW,YAAY;CAE/B,MAAM,EACL,OACA,MACA,OACA,SACA,QACA,UAAU,MACV,kBAAkB,OAClB,uBAAuB,SACpB;CAEJ,MAAM,kBAAkB,eAChB;EAAE;EAAO;EAAM;EAAQ;EAAS;EAAO,GAC9C;EAAC;EAAO;EAAM;EAAQ;EAAS;EAAM,CACrC;CAED,MAAM,QAAQ,OAAO;CAErB,MAAM,YAAY,iBACjB,QACC,WAAmC;EACnC,eAAe,MAAM,IACnB,KAAK,OAAO,MAAM,KAAK,IAAI,CAC3B,QAEC,iBAEA,QAAQ,aAAa,CACtB;EACF,YAAY,MAAM;EAClB,GACD,mBACA;CAED,MAAM,EACL,SAAS,cACT,WAAW,cACX,UACG,eAGF;EACD;EACA,UAAU,UAAU,SACnB,SAAS,kBAAkB;GAC1B,GAAG;GACH,GAAG;GACH,CAAC;EACH;EACA;EACA;EACA,gBAAgB,UAAU,cAAc,WAAW;EACnD,aAAa;EACb,cAAc;GAAC;GAAO;GAAM;GAAQ;GAAS;GAAM;EACnD,CAAC;CAEF,MAAM,UAAU,aACd,SACA,aAAa;EACZ,GAAG;EACH,GAAG;EACH,CAAC,EACH,CAAC,cAAc,gBAAgB,CAC/B;CAGD,MAAM,YADgB,UAAU,cAAc,WAAW,IACvB,eAAe;AAEjD,QAAO;EACN,eAAe,UAAU;EACzB,YAAY,UAAU;EACtB;EACA;EACA;EACA"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { TimelineItem } from "../timeline-item.js";
|
|
2
|
+
import { Conversation } from "../schemas.js";
|
|
3
|
+
import { CreateConversationResponseBody } from "../conversation.js";
|
|
4
|
+
import { CossistantClient } from "@cossistant/core";
|
|
5
|
+
|
|
6
|
+
//#region src/hooks/use-create-conversation.d.ts
|
|
7
|
+
type UseCreateConversationOptions = {
|
|
8
|
+
client?: CossistantClient;
|
|
9
|
+
onSuccess?: (data: CreateConversationResponseBody) => void;
|
|
10
|
+
onError?: (error: Error) => void;
|
|
11
|
+
};
|
|
12
|
+
type CreateConversationVariables = {
|
|
13
|
+
conversationId?: string;
|
|
14
|
+
defaultTimelineItems?: TimelineItem[];
|
|
15
|
+
visitorId?: string;
|
|
16
|
+
websiteId?: string | null;
|
|
17
|
+
status?: Conversation["status"];
|
|
18
|
+
title?: string | null;
|
|
19
|
+
};
|
|
20
|
+
type UseCreateConversationResult = {
|
|
21
|
+
mutate: (variables?: CreateConversationVariables) => void;
|
|
22
|
+
mutateAsync: (variables?: CreateConversationVariables) => Promise<CreateConversationResponseBody | null>;
|
|
23
|
+
isPending: boolean;
|
|
24
|
+
error: Error | null;
|
|
25
|
+
reset: () => void;
|
|
26
|
+
};
|
|
27
|
+
declare function useCreateConversation(options?: UseCreateConversationOptions): UseCreateConversationResult;
|
|
28
|
+
//#endregion
|
|
29
|
+
export { CreateConversationVariables, UseCreateConversationOptions, UseCreateConversationResult, useCreateConversation };
|
|
30
|
+
//# sourceMappingURL=use-create-conversation.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-create-conversation.d.ts","names":[],"sources":["../../src/hooks/use-create-conversation.ts"],"sourcesContent":[],"mappings":";;;;;;KAOY,4BAAA;WACF;EADE,SAAA,CAAA,EAAA,CAAA,IAAA,EAEQ,8BAFoB,EAAA,GAAA,IAAA;EAAA,OAAA,CAAA,EAAA,CAAA,KAAA,EAGrB,KAHqB,EAAA,GAAA,IAAA;;AAEpB,KAIR,2BAAA,GAJQ;gBACD,CAAA,EAAA,MAAA;EAAK,oBAAA,CAAA,EAKA,YALA,EAAA;EAGZ,SAAA,CAAA,EAAA,MAAA;EAA2B,SAAA,CAAA,EAAA,MAAA,GAAA,IAAA;QAEf,CAAA,EAGd,YAHc,CAAA,QAAA,CAAA;OAGd,CAAA,EAAA,MAAA,GAAA,IAAA;CAAY;AAIV,KAAA,2BAAA,GAA2B;EAAA,MAAA,EAAA,CAAA,SAAA,CAAA,EACjB,2BADiB,EAAA,GAAA,IAAA;aACjB,EAAA,CAAA,SAAA,CAAA,EAER,2BAFQ,EAAA,GAGhB,OAHgB,CAGR,8BAHQ,GAAA,IAAA,CAAA;WAER,EAAA,OAAA;OACA,EAEN,KAFM,GAAA,IAAA;OAAR,EAAA,GAAA,GAAA,IAAA;;AAEO,iBAgBG,qBAAA,CAhBH,OAAA,CAAA,EAiBH,4BAjBG,CAAA,EAkBV,2BAlBU"}
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
import { useSupport } from "../provider.js";
|
|
2
|
+
import { useCallback, useState } from "react";
|
|
3
|
+
|
|
4
|
+
//#region src/hooks/use-create-conversation.ts
|
|
5
|
+
function toError(error) {
|
|
6
|
+
if (error instanceof Error) return error;
|
|
7
|
+
if (typeof error === "string") return new Error(error);
|
|
8
|
+
return /* @__PURE__ */ new Error("Unknown error");
|
|
9
|
+
}
|
|
10
|
+
function useCreateConversation(options = {}) {
|
|
11
|
+
const { client: contextClient } = useSupport();
|
|
12
|
+
const { client: overrideClient, onError, onSuccess } = options;
|
|
13
|
+
const client = overrideClient ?? contextClient;
|
|
14
|
+
const [isPending, setIsPending] = useState(false);
|
|
15
|
+
const [error, setError] = useState(null);
|
|
16
|
+
const mutateAsync = useCallback(async (variables = {}) => {
|
|
17
|
+
setIsPending(true);
|
|
18
|
+
setError(null);
|
|
19
|
+
try {
|
|
20
|
+
const { websiteId, status, title, conversationId: providedConversationId, defaultTimelineItems = [], visitorId } = variables;
|
|
21
|
+
const initiated = client.initiateConversation({
|
|
22
|
+
conversationId: providedConversationId ?? void 0,
|
|
23
|
+
defaultTimelineItems,
|
|
24
|
+
visitorId: visitorId ?? void 0,
|
|
25
|
+
websiteId: websiteId ?? void 0,
|
|
26
|
+
status: status ?? void 0,
|
|
27
|
+
title: title ?? void 0
|
|
28
|
+
});
|
|
29
|
+
const response = {
|
|
30
|
+
conversation: initiated.conversation,
|
|
31
|
+
initialTimelineItems: initiated.defaultTimelineItems
|
|
32
|
+
};
|
|
33
|
+
setIsPending(false);
|
|
34
|
+
setError(null);
|
|
35
|
+
onSuccess?.(response);
|
|
36
|
+
return response;
|
|
37
|
+
} catch (raw) {
|
|
38
|
+
const normalised = toError(raw);
|
|
39
|
+
setIsPending(false);
|
|
40
|
+
setError(normalised);
|
|
41
|
+
onError?.(normalised);
|
|
42
|
+
throw normalised;
|
|
43
|
+
}
|
|
44
|
+
}, [
|
|
45
|
+
client,
|
|
46
|
+
onError,
|
|
47
|
+
onSuccess
|
|
48
|
+
]);
|
|
49
|
+
const mutate = useCallback((variables) => {
|
|
50
|
+
mutateAsync(variables).catch(() => {});
|
|
51
|
+
}, [mutateAsync]);
|
|
52
|
+
const reset = useCallback(() => {
|
|
53
|
+
setError(null);
|
|
54
|
+
setIsPending(false);
|
|
55
|
+
}, []);
|
|
56
|
+
return {
|
|
57
|
+
mutate,
|
|
58
|
+
mutateAsync,
|
|
59
|
+
isPending,
|
|
60
|
+
error,
|
|
61
|
+
reset
|
|
62
|
+
};
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
//#endregion
|
|
66
|
+
export { useCreateConversation };
|
|
67
|
+
//# sourceMappingURL=use-create-conversation.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-create-conversation.js","names":["response: CreateConversationResponseBody"],"sources":["../../src/hooks/use-create-conversation.ts"],"sourcesContent":["import type { CossistantClient } from \"@cossistant/core\";\nimport type { CreateConversationResponseBody } from \"@cossistant/types/api/conversation\";\nimport type { TimelineItem } from \"@cossistant/types/api/timeline-item\";\nimport type { Conversation } from \"@cossistant/types/schemas\";\nimport { useCallback, useState } from \"react\";\nimport { useSupport } from \"../provider\";\n\nexport type UseCreateConversationOptions = {\n\tclient?: CossistantClient;\n\tonSuccess?: (data: CreateConversationResponseBody) => void;\n\tonError?: (error: Error) => void;\n};\n\nexport type CreateConversationVariables = {\n\tconversationId?: string;\n\tdefaultTimelineItems?: TimelineItem[];\n\tvisitorId?: string;\n\twebsiteId?: string | null;\n\tstatus?: Conversation[\"status\"];\n\ttitle?: string | null;\n};\n\nexport type UseCreateConversationResult = {\n\tmutate: (variables?: CreateConversationVariables) => void;\n\tmutateAsync: (\n\t\tvariables?: CreateConversationVariables\n\t) => Promise<CreateConversationResponseBody | null>;\n\tisPending: boolean;\n\terror: Error | null;\n\treset: () => void;\n};\n\nfunction toError(error: unknown): Error {\n\tif (error instanceof Error) {\n\t\treturn error;\n\t}\n\n\tif (typeof error === \"string\") {\n\t\treturn new Error(error);\n\t}\n\n\treturn new Error(\"Unknown error\");\n}\n\nexport function useCreateConversation(\n\toptions: UseCreateConversationOptions = {}\n): UseCreateConversationResult {\n\tconst { client: contextClient } = useSupport();\n\tconst { client: overrideClient, onError, onSuccess } = options;\n\tconst client = overrideClient ?? contextClient;\n\n\tconst [isPending, setIsPending] = useState(false);\n\tconst [error, setError] = useState<Error | null>(null);\n\n\tconst mutateAsync = useCallback(\n\t\tasync (\n\t\t\tvariables: CreateConversationVariables = {}\n\t\t): Promise<CreateConversationResponseBody | null> => {\n\t\t\tsetIsPending(true);\n\t\t\tsetError(null);\n\n\t\t\ttry {\n\t\t\t\tconst {\n\t\t\t\t\twebsiteId,\n\t\t\t\t\tstatus,\n\t\t\t\t\ttitle,\n\t\t\t\t\tconversationId: providedConversationId,\n\t\t\t\t\tdefaultTimelineItems = [],\n\t\t\t\t\tvisitorId,\n\t\t\t\t} = variables;\n\n\t\t\t\tconst initiated = client.initiateConversation({\n\t\t\t\t\tconversationId: providedConversationId ?? undefined,\n\t\t\t\t\tdefaultTimelineItems,\n\t\t\t\t\tvisitorId: visitorId ?? undefined,\n\t\t\t\t\twebsiteId: websiteId ?? undefined,\n\t\t\t\t\tstatus: status ?? undefined,\n\t\t\t\t\ttitle: title ?? undefined,\n\t\t\t\t});\n\n\t\t\t\tconst response: CreateConversationResponseBody = {\n\t\t\t\t\tconversation: initiated.conversation,\n\t\t\t\t\tinitialTimelineItems: initiated.defaultTimelineItems,\n\t\t\t\t};\n\n\t\t\t\tsetIsPending(false);\n\t\t\t\tsetError(null);\n\t\t\t\tonSuccess?.(response);\n\t\t\t\treturn response;\n\t\t\t} catch (raw) {\n\t\t\t\tconst normalised = toError(raw);\n\t\t\t\tsetIsPending(false);\n\t\t\t\tsetError(normalised);\n\t\t\t\tonError?.(normalised);\n\t\t\t\tthrow normalised;\n\t\t\t}\n\t\t},\n\t\t[client, onError, onSuccess]\n\t);\n\n\tconst mutate = useCallback(\n\t\t(variables?: CreateConversationVariables) => {\n\t\t\tvoid mutateAsync(variables).catch(() => {\n\t\t\t\t// Intentionally swallow to match react-query semantics\n\t\t\t});\n\t\t},\n\t\t[mutateAsync]\n\t);\n\n\tconst reset = useCallback(() => {\n\t\tsetError(null);\n\t\tsetIsPending(false);\n\t}, []);\n\n\treturn {\n\t\tmutate,\n\t\tmutateAsync,\n\t\tisPending,\n\t\terror,\n\t\treset,\n\t};\n}\n"],"mappings":";;;;AAgCA,SAAS,QAAQ,OAAuB;AACvC,KAAI,iBAAiB,MACpB,QAAO;AAGR,KAAI,OAAO,UAAU,SACpB,QAAO,IAAI,MAAM,MAAM;AAGxB,wBAAO,IAAI,MAAM,gBAAgB;;AAGlC,SAAgB,sBACf,UAAwC,EAAE,EACZ;CAC9B,MAAM,EAAE,QAAQ,kBAAkB,YAAY;CAC9C,MAAM,EAAE,QAAQ,gBAAgB,SAAS,cAAc;CACvD,MAAM,SAAS,kBAAkB;CAEjC,MAAM,CAAC,WAAW,gBAAgB,SAAS,MAAM;CACjD,MAAM,CAAC,OAAO,YAAY,SAAuB,KAAK;CAEtD,MAAM,cAAc,YACnB,OACC,YAAyC,EAAE,KACS;AACpD,eAAa,KAAK;AAClB,WAAS,KAAK;AAEd,MAAI;GACH,MAAM,EACL,WACA,QACA,OACA,gBAAgB,wBAChB,uBAAuB,EAAE,EACzB,cACG;GAEJ,MAAM,YAAY,OAAO,qBAAqB;IAC7C,gBAAgB,0BAA0B;IAC1C;IACA,WAAW,aAAa;IACxB,WAAW,aAAa;IACxB,QAAQ,UAAU;IAClB,OAAO,SAAS;IAChB,CAAC;GAEF,MAAMA,WAA2C;IAChD,cAAc,UAAU;IACxB,sBAAsB,UAAU;IAChC;AAED,gBAAa,MAAM;AACnB,YAAS,KAAK;AACd,eAAY,SAAS;AACrB,UAAO;WACC,KAAK;GACb,MAAM,aAAa,QAAQ,IAAI;AAC/B,gBAAa,MAAM;AACnB,YAAS,WAAW;AACpB,aAAU,WAAW;AACrB,SAAM;;IAGR;EAAC;EAAQ;EAAS;EAAU,CAC5B;CAED,MAAM,SAAS,aACb,cAA4C;AAC5C,EAAK,YAAY,UAAU,CAAC,YAAY,GAEtC;IAEH,CAAC,YAAY,CACb;CAED,MAAM,QAAQ,kBAAkB;AAC/B,WAAS,KAAK;AACd,eAAa,MAAM;IACjB,EAAE,CAAC;AAEN,QAAO;EACN;EACA;EACA;EACA;EACA;EACA"}
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
import { Conversation } from "@cossistant/types";
|
|
2
|
+
|
|
3
|
+
//#region src/hooks/use-home-page.d.ts
|
|
4
|
+
type UseHomePageOptions = {
|
|
5
|
+
/**
|
|
6
|
+
* Whether to enable conversations fetching.
|
|
7
|
+
* Default: true
|
|
8
|
+
*/
|
|
9
|
+
enabled?: boolean;
|
|
10
|
+
/**
|
|
11
|
+
* Callback when user wants to start a new conversation.
|
|
12
|
+
*/
|
|
13
|
+
onStartConversation?: (initialMessage?: string) => void;
|
|
14
|
+
/**
|
|
15
|
+
* Callback when user wants to open an existing conversation.
|
|
16
|
+
*/
|
|
17
|
+
onOpenConversation?: (conversationId: string) => void;
|
|
18
|
+
/**
|
|
19
|
+
* Callback when user wants to view conversation history.
|
|
20
|
+
*/
|
|
21
|
+
onOpenConversationHistory?: () => void;
|
|
22
|
+
};
|
|
23
|
+
type UseHomePageReturn = {
|
|
24
|
+
conversations: Conversation[];
|
|
25
|
+
isLoading: boolean;
|
|
26
|
+
error: Error | null;
|
|
27
|
+
lastOpenConversation: Conversation | undefined;
|
|
28
|
+
availableConversationsCount: number;
|
|
29
|
+
hasConversations: boolean;
|
|
30
|
+
startConversation: (initialMessage?: string) => void;
|
|
31
|
+
openConversation: (conversationId: string) => void;
|
|
32
|
+
openConversationHistory: () => void;
|
|
33
|
+
};
|
|
34
|
+
/**
|
|
35
|
+
* Main hook for the home page of the support widget.
|
|
36
|
+
*
|
|
37
|
+
* This hook:
|
|
38
|
+
* - Fetches and manages conversations list
|
|
39
|
+
* - Derives useful state (last open conversation, conversation counts)
|
|
40
|
+
* - Provides navigation actions for the home page
|
|
41
|
+
*
|
|
42
|
+
* It encapsulates all home page logic, making the component
|
|
43
|
+
* purely presentational.
|
|
44
|
+
*
|
|
45
|
+
* @example
|
|
46
|
+
* ```tsx
|
|
47
|
+
* export function HomePage() {
|
|
48
|
+
* const home = useHomePage({
|
|
49
|
+
* onStartConversation: (msg) => {
|
|
50
|
+
* navigate('conversation', { conversationId: PENDING_CONVERSATION_ID, initialMessage: msg });
|
|
51
|
+
* },
|
|
52
|
+
* onOpenConversation: (id) => {
|
|
53
|
+
* navigate('conversation', { conversationId: id });
|
|
54
|
+
* },
|
|
55
|
+
* onOpenConversationHistory: () => {
|
|
56
|
+
* navigate('conversation-history');
|
|
57
|
+
* },
|
|
58
|
+
* });
|
|
59
|
+
*
|
|
60
|
+
* return (
|
|
61
|
+
* <>
|
|
62
|
+
* <h1>How can we help?</h1>
|
|
63
|
+
*
|
|
64
|
+
* {home.lastOpenConversation && (
|
|
65
|
+
* <ConversationCard
|
|
66
|
+
* conversation={home.lastOpenConversation}
|
|
67
|
+
* onClick={() => home.openConversation(home.lastOpenConversation.id)}
|
|
68
|
+
* />
|
|
69
|
+
* )}
|
|
70
|
+
*
|
|
71
|
+
* <Button onClick={() => home.startConversation()}>
|
|
72
|
+
* Ask a question
|
|
73
|
+
* </Button>
|
|
74
|
+
* </>
|
|
75
|
+
* );
|
|
76
|
+
* }
|
|
77
|
+
* ```
|
|
78
|
+
*/
|
|
79
|
+
declare function useHomePage(options?: UseHomePageOptions): UseHomePageReturn;
|
|
80
|
+
//#endregion
|
|
81
|
+
export { UseHomePageOptions, UseHomePageReturn, useHomePage };
|
|
82
|
+
//# sourceMappingURL=use-home-page.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-home-page.d.ts","names":[],"sources":["../../src/hooks/use-home-page.ts"],"sourcesContent":[],"mappings":";;;KAKY,kBAAA;;AAAZ;AAuBA;;SAEgB,CAAA,EAAA,OAAA;;;;EA4DA,mBAAW,CAAA,EAAA,CAAA,cAAA,CAAA,EAAA,MAAA,EAAA,GAAA,IAAA;EAAA;;;EAEP,kBAAA,CAAA,EAAA,CAAA,cAAA,EAAA,MAAA,EAAA,GAAA,IAAA;;;;;;KAhER,iBAAA;iBAEI;;SAER;wBAGe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAuDP,WAAA,WACN,qBACP"}
|
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
import { useConversations } from "./use-conversations.js";
|
|
2
|
+
import { useCallback, useMemo } from "react";
|
|
3
|
+
|
|
4
|
+
//#region src/hooks/use-home-page.ts
|
|
5
|
+
/**
|
|
6
|
+
* Main hook for the home page of the support widget.
|
|
7
|
+
*
|
|
8
|
+
* This hook:
|
|
9
|
+
* - Fetches and manages conversations list
|
|
10
|
+
* - Derives useful state (last open conversation, conversation counts)
|
|
11
|
+
* - Provides navigation actions for the home page
|
|
12
|
+
*
|
|
13
|
+
* It encapsulates all home page logic, making the component
|
|
14
|
+
* purely presentational.
|
|
15
|
+
*
|
|
16
|
+
* @example
|
|
17
|
+
* ```tsx
|
|
18
|
+
* export function HomePage() {
|
|
19
|
+
* const home = useHomePage({
|
|
20
|
+
* onStartConversation: (msg) => {
|
|
21
|
+
* navigate('conversation', { conversationId: PENDING_CONVERSATION_ID, initialMessage: msg });
|
|
22
|
+
* },
|
|
23
|
+
* onOpenConversation: (id) => {
|
|
24
|
+
* navigate('conversation', { conversationId: id });
|
|
25
|
+
* },
|
|
26
|
+
* onOpenConversationHistory: () => {
|
|
27
|
+
* navigate('conversation-history');
|
|
28
|
+
* },
|
|
29
|
+
* });
|
|
30
|
+
*
|
|
31
|
+
* return (
|
|
32
|
+
* <>
|
|
33
|
+
* <h1>How can we help?</h1>
|
|
34
|
+
*
|
|
35
|
+
* {home.lastOpenConversation && (
|
|
36
|
+
* <ConversationCard
|
|
37
|
+
* conversation={home.lastOpenConversation}
|
|
38
|
+
* onClick={() => home.openConversation(home.lastOpenConversation.id)}
|
|
39
|
+
* />
|
|
40
|
+
* )}
|
|
41
|
+
*
|
|
42
|
+
* <Button onClick={() => home.startConversation()}>
|
|
43
|
+
* Ask a question
|
|
44
|
+
* </Button>
|
|
45
|
+
* </>
|
|
46
|
+
* );
|
|
47
|
+
* }
|
|
48
|
+
* ```
|
|
49
|
+
*/
|
|
50
|
+
function useHomePage(options = {}) {
|
|
51
|
+
const { enabled = true, onStartConversation, onOpenConversation, onOpenConversationHistory } = options;
|
|
52
|
+
const { conversations, isLoading, error } = useConversations({
|
|
53
|
+
enabled,
|
|
54
|
+
orderBy: "updatedAt",
|
|
55
|
+
order: "desc"
|
|
56
|
+
});
|
|
57
|
+
const { lastOpenConversation, availableConversationsCount } = useMemo(() => {
|
|
58
|
+
const openConversation$1 = conversations.find((conv) => conv.status === "open");
|
|
59
|
+
const otherCount = Math.max((conversations.length || 0) - 1, 0);
|
|
60
|
+
return {
|
|
61
|
+
lastOpenConversation: openConversation$1,
|
|
62
|
+
availableConversationsCount: otherCount
|
|
63
|
+
};
|
|
64
|
+
}, [conversations]);
|
|
65
|
+
const startConversation = useCallback((initialMessage) => {
|
|
66
|
+
onStartConversation?.(initialMessage);
|
|
67
|
+
}, [onStartConversation]);
|
|
68
|
+
const openConversation = useCallback((conversationId) => {
|
|
69
|
+
onOpenConversation?.(conversationId);
|
|
70
|
+
}, [onOpenConversation]);
|
|
71
|
+
const openConversationHistory = useCallback(() => {
|
|
72
|
+
onOpenConversationHistory?.();
|
|
73
|
+
}, [onOpenConversationHistory]);
|
|
74
|
+
return {
|
|
75
|
+
conversations,
|
|
76
|
+
isLoading,
|
|
77
|
+
error,
|
|
78
|
+
lastOpenConversation,
|
|
79
|
+
availableConversationsCount,
|
|
80
|
+
hasConversations: conversations.length > 0,
|
|
81
|
+
startConversation,
|
|
82
|
+
openConversation,
|
|
83
|
+
openConversationHistory
|
|
84
|
+
};
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
//#endregion
|
|
88
|
+
export { useHomePage };
|
|
89
|
+
//# sourceMappingURL=use-home-page.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-home-page.js","names":["openConversation"],"sources":["../../src/hooks/use-home-page.ts"],"sourcesContent":["import type { Conversation } from \"@cossistant/types\";\nimport { useCallback, useMemo } from \"react\";\nimport { PENDING_CONVERSATION_ID } from \"../utils/id\";\nimport { useConversations } from \"./use-conversations\";\n\nexport type UseHomePageOptions = {\n\t/**\n\t * Whether to enable conversations fetching.\n\t * Default: true\n\t */\n\tenabled?: boolean;\n\n\t/**\n\t * Callback when user wants to start a new conversation.\n\t */\n\tonStartConversation?: (initialMessage?: string) => void;\n\n\t/**\n\t * Callback when user wants to open an existing conversation.\n\t */\n\tonOpenConversation?: (conversationId: string) => void;\n\n\t/**\n\t * Callback when user wants to view conversation history.\n\t */\n\tonOpenConversationHistory?: () => void;\n};\n\nexport type UseHomePageReturn = {\n\t// Conversations data\n\tconversations: Conversation[];\n\tisLoading: boolean;\n\terror: Error | null;\n\n\t// Derived state\n\tlastOpenConversation: Conversation | undefined;\n\tavailableConversationsCount: number;\n\thasConversations: boolean;\n\n\t// Actions\n\tstartConversation: (initialMessage?: string) => void;\n\topenConversation: (conversationId: string) => void;\n\topenConversationHistory: () => void;\n};\n\n/**\n * Main hook for the home page of the support widget.\n *\n * This hook:\n * - Fetches and manages conversations list\n * - Derives useful state (last open conversation, conversation counts)\n * - Provides navigation actions for the home page\n *\n * It encapsulates all home page logic, making the component\n * purely presentational.\n *\n * @example\n * ```tsx\n * export function HomePage() {\n * const home = useHomePage({\n * onStartConversation: (msg) => {\n * navigate('conversation', { conversationId: PENDING_CONVERSATION_ID, initialMessage: msg });\n * },\n * onOpenConversation: (id) => {\n * navigate('conversation', { conversationId: id });\n * },\n * onOpenConversationHistory: () => {\n * navigate('conversation-history');\n * },\n * });\n *\n * return (\n * <>\n * <h1>How can we help?</h1>\n *\n * {home.lastOpenConversation && (\n * <ConversationCard\n * conversation={home.lastOpenConversation}\n * onClick={() => home.openConversation(home.lastOpenConversation.id)}\n * />\n * )}\n *\n * <Button onClick={() => home.startConversation()}>\n * Ask a question\n * </Button>\n * </>\n * );\n * }\n * ```\n */\nexport function useHomePage(\n\toptions: UseHomePageOptions = {}\n): UseHomePageReturn {\n\tconst {\n\t\tenabled = true,\n\t\tonStartConversation,\n\t\tonOpenConversation,\n\t\tonOpenConversationHistory,\n\t} = options;\n\n\t// Fetch conversations\n\tconst { conversations, isLoading, error } = useConversations({\n\t\tenabled,\n\t\t// Fetch most recent conversations first\n\t\torderBy: \"updatedAt\",\n\t\torder: \"desc\",\n\t});\n\n\t// Derive useful state from conversations\n\tconst { lastOpenConversation, availableConversationsCount } = useMemo(() => {\n\t\t// Find the most recent open conversation\n\t\tconst openConversation = conversations.find(\n\t\t\t(conv) => conv.status === \"open\"\n\t\t);\n\n\t\t// Count other conversations (excluding the one we're showing)\n\t\tconst otherCount = Math.max((conversations.length || 0) - 1, 0);\n\n\t\treturn {\n\t\t\tlastOpenConversation: openConversation,\n\t\t\tavailableConversationsCount: otherCount,\n\t\t};\n\t}, [conversations]);\n\n\t// Navigation actions\n\tconst startConversation = useCallback(\n\t\t(initialMessage?: string) => {\n\t\t\tonStartConversation?.(initialMessage);\n\t\t},\n\t\t[onStartConversation]\n\t);\n\n\tconst openConversation = useCallback(\n\t\t(conversationId: string) => {\n\t\t\tonOpenConversation?.(conversationId);\n\t\t},\n\t\t[onOpenConversation]\n\t);\n\n\tconst openConversationHistory = useCallback(() => {\n\t\tonOpenConversationHistory?.();\n\t}, [onOpenConversationHistory]);\n\n\treturn {\n\t\tconversations,\n\t\tisLoading,\n\t\terror,\n\t\tlastOpenConversation,\n\t\tavailableConversationsCount,\n\t\thasConversations: conversations.length > 0,\n\t\tstartConversation,\n\t\topenConversation,\n\t\topenConversationHistory,\n\t};\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0FA,SAAgB,YACf,UAA8B,EAAE,EACZ;CACpB,MAAM,EACL,UAAU,MACV,qBACA,oBACA,8BACG;CAGJ,MAAM,EAAE,eAAe,WAAW,UAAU,iBAAiB;EAC5D;EAEA,SAAS;EACT,OAAO;EACP,CAAC;CAGF,MAAM,EAAE,sBAAsB,gCAAgC,cAAc;EAE3E,MAAMA,qBAAmB,cAAc,MACrC,SAAS,KAAK,WAAW,OAC1B;EAGD,MAAM,aAAa,KAAK,KAAK,cAAc,UAAU,KAAK,GAAG,EAAE;AAE/D,SAAO;GACN,sBAAsBA;GACtB,6BAA6B;GAC7B;IACC,CAAC,cAAc,CAAC;CAGnB,MAAM,oBAAoB,aACxB,mBAA4B;AAC5B,wBAAsB,eAAe;IAEtC,CAAC,oBAAoB,CACrB;CAED,MAAM,mBAAmB,aACvB,mBAA2B;AAC3B,uBAAqB,eAAe;IAErC,CAAC,mBAAmB,CACpB;CAED,MAAM,0BAA0B,kBAAkB;AACjD,+BAA6B;IAC3B,CAAC,0BAA0B,CAAC;AAE/B,QAAO;EACN;EACA;EACA;EACA;EACA;EACA,kBAAkB,cAAc,SAAS;EACzC;EACA;EACA;EACA"}
|