@cossistant/next 0.0.20 → 0.0.22

package/README.md

@@ -9,11 +9,13 @@ Build fully featured customer support experiences in your NextJS app with the of
 Pick the command that matches your package manager:
 
 ```bash
-bun add @cossistant/next
+bun add @cossistant/next @cossistant/react
 # or
-npm install @cossistant/next
+npm install @cossistant/next @cossistant/react
 # or
-yarn add @cossistant/next
+pnpm add @cossistant/next @cossistant/react
+# or
+yarn add @cossistant/next @cossistant/react
 ```
 
 ## Need help or spot a typo?

package/hooks/index.d.ts

@@ -18,10 +18,13 @@ import { UseConversationsOptions, UseConversationsResult, useConversations } fro
 import { CreateConversationVariables, UseCreateConversationOptions, UseCreateConversationResult, useCreateConversation } from "../use-create-conversation.js";
 import { UseHomePageOptions, UseHomePageReturn, useHomePage } from "../use-home-page.js";
 import { UseMessageComposerOptions, UseMessageComposerReturn, useMessageComposer } from "../use-message-composer.js";
+import { useNewMessageSound } from "../use-new-message-sound.js";
 import { UseRealtimeSupportOptions, UseRealtimeSupportResult, useRealtimeSupport } from "../use-realtime-support.js";
 import { UseScrollMaskOptions, UseScrollMaskReturn, useScrollMask } from "../use-scroll-mask.js";
 import { SendMessageOptions, SendMessageResult, UseSendMessageOptions, UseSendMessageResult, useSendMessage } from "../use-send-message.js";
+import { UseSoundEffectOptions, UseSoundEffectReturn, useSoundEffect } from "../use-sound-effect.js";
+import { useTypingSound } from "../use-typing-sound.js";
 import { UseVisitorReturn, useVisitor } from "../use-visitor.js";
 import { WindowVisibilityFocusState, useWindowVisibilityFocus } from "../use-window-visibility-focus.js";
 import "../index2.js";
-export { CONVERSATION_AUTO_SEEN_DELAY_MS, ConversationItem, ConversationLifecycleState, ConversationPreviewAssignedAgent, ConversationPreviewLastMessage, ConversationPreviewTypingParticipant, ConversationPreviewTypingState, ConversationTimelineTypingParticipant, ConversationTypingParticipant, CreateConversationVariables, GroupedMessage, SendMessageOptions, SendMessageResult, TimelineEventItem, TimelineToolItem, UseClientResult, UseComposerRefocusOptions, UseComposerRefocusReturn, UseConversationAutoSeenOptions, UseConversationHistoryPageOptions, UseConversationHistoryPageReturn, UseConversationLifecycleOptions, UseConversationLifecycleReturn, UseConversationOptions, UseConversationPageOptions, UseConversationPageReturn, UseConversationPreviewOptions, UseConversationPreviewReturn, UseConversationResult, UseConversationTimelineItemsOptions, UseConversationTimelineItemsResult, UseConversationTimelineOptions, UseConversationTimelineReturn, UseConversationsOptions, UseConversationsResult, UseCreateConversationOptions, UseCreateConversationResult, UseGroupedMessagesOptions, UseGroupedMessagesProps, UseHomePageOptions, UseHomePageReturn, UseMessageComposerOptions, UseMessageComposerReturn, UseMultimodalInputOptions, UseMultimodalInputReturn, UseRealtimeSupportOptions, UseRealtimeSupportResult, UseScrollMaskOptions, UseScrollMaskReturn, UseSendMessageOptions, UseSendMessageResult, UseVisitorReturn, WindowVisibilityFocusState, useClient, useClientQuery, useComposerRefocus, useConversation, useConversationAutoSeen, useConversationHistoryPage, useConversationLifecycle, useConversationPage, useConversationPreview, useConversationSeen, useConversationTimeline, useConversationTimelineItems, useConversationTyping, useConversations, useCreateConversation, useDebouncedConversationSeen, useDefaultMessages, useGroupedMessages, useHomePage, useMessageComposer, useMultimodalInput, useRealtimeSupport, useScrollMask, useSendMessage, useVisitor, useWindowVisibilityFocus };
+export { CONVERSATION_AUTO_SEEN_DELAY_MS, ConversationItem, ConversationLifecycleState, ConversationPreviewAssignedAgent, ConversationPreviewLastMessage, ConversationPreviewTypingParticipant, ConversationPreviewTypingState, ConversationTimelineTypingParticipant, ConversationTypingParticipant, CreateConversationVariables, GroupedMessage, SendMessageOptions, SendMessageResult, TimelineEventItem, TimelineToolItem, UseClientResult, UseComposerRefocusOptions, UseComposerRefocusReturn, UseConversationAutoSeenOptions, UseConversationHistoryPageOptions, UseConversationHistoryPageReturn, UseConversationLifecycleOptions, UseConversationLifecycleReturn, UseConversationOptions, UseConversationPageOptions, UseConversationPageReturn, UseConversationPreviewOptions, UseConversationPreviewReturn, UseConversationResult, UseConversationTimelineItemsOptions, UseConversationTimelineItemsResult, UseConversationTimelineOptions, UseConversationTimelineReturn, UseConversationsOptions, UseConversationsResult, UseCreateConversationOptions, UseCreateConversationResult, UseGroupedMessagesOptions, UseGroupedMessagesProps, UseHomePageOptions, UseHomePageReturn, UseMessageComposerOptions, UseMessageComposerReturn, UseMultimodalInputOptions, UseMultimodalInputReturn, UseRealtimeSupportOptions, UseRealtimeSupportResult, UseScrollMaskOptions, UseScrollMaskReturn, UseSendMessageOptions, UseSendMessageResult, UseSoundEffectOptions, UseSoundEffectReturn, UseVisitorReturn, WindowVisibilityFocusState, useClient, useClientQuery, useComposerRefocus, useConversation, useConversationAutoSeen, useConversationHistoryPage, useConversationLifecycle, useConversationPage, useConversationPreview, useConversationSeen, useConversationTimeline, useConversationTimelineItems, useConversationTyping, useConversations, useCreateConversation, useDebouncedConversationSeen, useDefaultMessages, useGroupedMessages, useHomePage, useMessageComposer, useMultimodalInput, useNewMessageSound, useRealtimeSupport, useScrollMask, useSendMessage, useSoundEffect, useTypingSound, useVisitor, useWindowVisibilityFocus };

package/index.d.ts

@@ -18,9 +18,12 @@ import { UseConversationsOptions, UseConversationsResult, useConversations } fro
 import { CreateConversationVariables, UseCreateConversationOptions, UseCreateConversationResult, useCreateConversation } from "./use-create-conversation.js";
 import { UseHomePageOptions, UseHomePageReturn, useHomePage } from "./use-home-page.js";
 import { UseMessageComposerOptions, UseMessageComposerReturn, useMessageComposer } from "./use-message-composer.js";
+import { useNewMessageSound } from "./use-new-message-sound.js";
 import { UseRealtimeSupportOptions, UseRealtimeSupportResult, useRealtimeSupport } from "./use-realtime-support.js";
 import { UseScrollMaskOptions, UseScrollMaskReturn, useScrollMask } from "./use-scroll-mask.js";
 import { SendMessageOptions, SendMessageResult, UseSendMessageOptions, UseSendMessageResult, useSendMessage } from "./use-send-message.js";
+import { UseSoundEffectOptions, UseSoundEffectReturn, useSoundEffect } from "./use-sound-effect.js";
+import { useTypingSound } from "./use-typing-sound.js";
 import { UseVisitorReturn, useVisitor } from "./use-visitor.js";
 import { WindowVisibilityFocusState, useWindowVisibilityFocus } from "./use-window-visibility-focus.js";
 import "./hooks/index.js";
@@ -35,9 +38,7 @@ import { SupportBubble } from "./bubble.js";
 import { Button } from "./button.js";
 import { ConversationTimeline, ConversationTimelineContainer, ConversationTimelineEmpty, ConversationTimelineLoading } from "./conversation-timeline.js";
 import { FileInput, MultimodalInput, SupportInput } from "./multimodal-input.js";
-import { Page, PageProps } from "./page.js";
-import { PageRegistryProvider, usePageRegistry, useRegisterPage } from "./page-registry.js";
-import { Router, RouterProps } from "./router.js";
+import { PageDefinition, Router, RouterProps } from "./router.js";
 import { TimelineItem, TimelineItemContent, TimelineItemTimestamp } from "./timeline-item.js";
 import { TimelineItemGroup, TimelineItemGroupAvatar, TimelineItemGroupContent, TimelineItemGroupHeader, TimelineItemGroupReadIndicator, TimelineItemGroupSeenIndicator } from "./timeline-item-group.js";
 import { SupportWindow } from "./window.js";
@@ -59,4 +60,4 @@ import { shouldDisplayConversation } from "./conversation.js";
 import { PENDING_CONVERSATION_ID, generateShortPrimaryId } from "./id.js";
 import { useRenderElement } from "./use-render-element.js";
 import "./utils/index.js";
-export { Avatar, AvatarFallback, AvatarImage, SupportBubble as Bubble, Button, CONVERSATION_AUTO_SEEN_DELAY_MS, SupportConfig as Config, ConversationItem, ConversationLifecycleState, ConversationPreviewAssignedAgent, ConversationPreviewLastMessage, ConversationPreviewTypingParticipant, ConversationPreviewTypingState, ConversationTimeline, ConversationTimelineContainer, ConversationTimelineEmpty, ConversationTimelineLoading, ConversationTimelineTypingParticipant, ConversationTypingParticipant, CossistantContextValue, CossistantProviderProps, CreateConversationVariables, FileInput, GroupedMessage, IdentifySupportVisitor, IdentifySupportVisitorProps, SupportInput as Input, MultimodalInput, PENDING_CONVERSATION_ID, Page, PageProps, PageRegistryProvider, RealtimeAuthConfig, RealtimeContextValue, RealtimeEventHandler, RealtimeEventHandlerEntry, RealtimeEventHandlersMap, RealtimeEventMeta, RealtimeProvider, RealtimeProviderProps, Router, RouterProps, SendMessageOptions, SendMessageResult, Support, SupportConfig, SupportConfigProps, SupportContext, SupportProps, SupportProvider, SupportProviderProps, SupportRealtimeProvider, TimelineEventItem, TimelineItem, TimelineItemContent, TimelineItemGroup, TimelineItemGroupAvatar, TimelineItemGroupContent, TimelineItemGroupHeader, TimelineItemGroupReadIndicator, TimelineItemGroupSeenIndicator, TimelineItemTimestamp, TimelineToolItem, TypingIndicator, TypingIndicatorProps, TypingParticipant, TypingParticipantType, UseClientResult, UseComposerRefocusOptions, UseComposerRefocusReturn, UseConversationAutoSeenOptions, UseConversationHistoryPageOptions, UseConversationHistoryPageReturn, UseConversationLifecycleOptions, UseConversationLifecycleReturn, UseConversationOptions, UseConversationPageOptions, UseConversationPageReturn, UseConversationPreviewOptions, UseConversationPreviewReturn, UseConversationResult, UseConversationTimelineItemsOptions, UseConversationTimelineItemsResult, UseConversationTimelineOptions, UseConversationTimelineReturn, UseConversationsOptions, UseConversationsResult, UseCreateConversationOptions, UseCreateConversationResult, UseGroupedMessagesOptions, UseGroupedMessagesProps, UseHomePageOptions, UseHomePageReturn, UseMessageComposerOptions, UseMessageComposerReturn, UseMultimodalInputOptions, UseMultimodalInputReturn, UseRealtimeSupportOptions, UseRealtimeSupportResult, UseScrollMaskOptions, UseScrollMaskReturn, UseSendMessageOptions, UseSendMessageResult, UseSupportValue, UseVisitorReturn, WebSocketContextValue, WebSocketProvider, SupportWindow as Window, WindowVisibilityFocusState, applyConversationSeenEvent, applyConversationTypingEvent, clearTypingFromTimelineItem, clearTypingState, generateShortPrimaryId, hydrateConversationSeen, setTypingState, shouldDisplayConversation, upsertConversationSeen, useClient, useClientQuery, useComposerRefocus, useConversation, useConversationAutoSeen, useConversationHistoryPage, useConversationLifecycle, useConversationPage, useConversationPreview, useConversationSeen, useConversationTimeline, useConversationTimelineItems, useConversationTyping, useConversations, useCreateConversation, useDebouncedConversationSeen, useDefaultMessages, useGroupedMessages, useHomePage, useMessageComposer, useMultimodalInput, usePageRegistry, useRealtime, useRealtimeConnection, useRealtimeSupport, useRegisterPage, useRenderElement, useScrollMask, useSendMessage, useSupport, useSupportConfig, useSupportStore, useVisitor, useWebSocket, useWindowVisibilityFocus };
+export { Avatar, AvatarFallback, AvatarImage, SupportBubble as Bubble, Button, CONVERSATION_AUTO_SEEN_DELAY_MS, SupportConfig as Config, ConversationItem, ConversationLifecycleState, ConversationPreviewAssignedAgent, ConversationPreviewLastMessage, ConversationPreviewTypingParticipant, ConversationPreviewTypingState, ConversationTimeline, ConversationTimelineContainer, ConversationTimelineEmpty, ConversationTimelineLoading, ConversationTimelineTypingParticipant, ConversationTypingParticipant, CossistantContextValue, CossistantProviderProps, CreateConversationVariables, FileInput, GroupedMessage, IdentifySupportVisitor, IdentifySupportVisitorProps, SupportInput as Input, MultimodalInput, PENDING_CONVERSATION_ID, PageDefinition, RealtimeAuthConfig, RealtimeContextValue, RealtimeEventHandler, RealtimeEventHandlerEntry, RealtimeEventHandlersMap, RealtimeEventMeta, RealtimeProvider, RealtimeProviderProps, Router, RouterProps, SendMessageOptions, SendMessageResult, Support, SupportConfig, SupportConfigProps, SupportContext, SupportProps, SupportProvider, SupportProviderProps, SupportRealtimeProvider, TimelineEventItem, TimelineItem, TimelineItemContent, TimelineItemGroup, TimelineItemGroupAvatar, TimelineItemGroupContent, TimelineItemGroupHeader, TimelineItemGroupReadIndicator, TimelineItemGroupSeenIndicator, TimelineItemTimestamp, TimelineToolItem, TypingIndicator, TypingIndicatorProps, TypingParticipant, TypingParticipantType, UseClientResult, UseComposerRefocusOptions, UseComposerRefocusReturn, UseConversationAutoSeenOptions, UseConversationHistoryPageOptions, UseConversationHistoryPageReturn, UseConversationLifecycleOptions, UseConversationLifecycleReturn, UseConversationOptions, UseConversationPageOptions, UseConversationPageReturn, UseConversationPreviewOptions, UseConversationPreviewReturn, UseConversationResult, UseConversationTimelineItemsOptions, UseConversationTimelineItemsResult, UseConversationTimelineOptions, UseConversationTimelineReturn, UseConversationsOptions, UseConversationsResult, UseCreateConversationOptions, UseCreateConversationResult, UseGroupedMessagesOptions, UseGroupedMessagesProps, UseHomePageOptions, UseHomePageReturn, UseMessageComposerOptions, UseMessageComposerReturn, UseMultimodalInputOptions, UseMultimodalInputReturn, UseRealtimeSupportOptions, UseRealtimeSupportResult, UseScrollMaskOptions, UseScrollMaskReturn, UseSendMessageOptions, UseSendMessageResult, UseSoundEffectOptions, UseSoundEffectReturn, UseSupportValue, UseVisitorReturn, WebSocketContextValue, WebSocketProvider, SupportWindow as Window, WindowVisibilityFocusState, applyConversationSeenEvent, applyConversationTypingEvent, clearTypingFromTimelineItem, clearTypingState, generateShortPrimaryId, hydrateConversationSeen, setTypingState, shouldDisplayConversation, upsertConversationSeen, useClient, useClientQuery, useComposerRefocus, useConversation, useConversationAutoSeen, useConversationHistoryPage, useConversationLifecycle, useConversationPage, useConversationPreview, useConversationSeen, useConversationTimeline, useConversationTimelineItems, useConversationTyping, useConversations, useCreateConversation, useDebouncedConversationSeen, useDefaultMessages, useGroupedMessages, useHomePage, useMessageComposer, useMultimodalInput, useNewMessageSound, useRealtime, useRealtimeConnection, useRealtimeSupport, useRenderElement, useScrollMask, useSendMessage, useSoundEffect, useSupport, useSupportConfig, useSupportStore, useTypingSound, useVisitor, useWebSocket, useWindowVisibilityFocus };

package/index2.d.ts

@@ -18,8 +18,11 @@ import { UseConversationsOptions, UseConversationsResult, useConversations } fro
 import { CreateConversationVariables, UseCreateConversationOptions, UseCreateConversationResult, useCreateConversation } from "./use-create-conversation.js";
 import { UseHomePageOptions, UseHomePageReturn, useHomePage } from "./use-home-page.js";
 import { UseMessageComposerOptions, UseMessageComposerReturn, useMessageComposer } from "./use-message-composer.js";
+import { useNewMessageSound } from "./use-new-message-sound.js";
 import { UseRealtimeSupportOptions, UseRealtimeSupportResult, useRealtimeSupport } from "./use-realtime-support.js";
 import { UseScrollMaskOptions, UseScrollMaskReturn, useScrollMask } from "./use-scroll-mask.js";
 import { SendMessageOptions, SendMessageResult, UseSendMessageOptions, UseSendMessageResult, useSendMessage } from "./use-send-message.js";
+import { UseSoundEffectOptions, UseSoundEffectReturn, useSoundEffect } from "./use-sound-effect.js";
+import { useTypingSound } from "./use-typing-sound.js";
 import { UseVisitorReturn, useVisitor } from "./use-visitor.js";
 import { WindowVisibilityFocusState, useWindowVisibilityFocus } from "./use-window-visibility-focus.js";

package/index2.parts.d.ts

@@ -8,9 +8,7 @@ import { SupportBubble } from "./bubble.js";
 import { Button } from "./button.js";
 import { ConversationTimeline, ConversationTimelineContainer, ConversationTimelineEmpty, ConversationTimelineLoading } from "./conversation-timeline.js";
 import { FileInput, MultimodalInput, SupportInput } from "./multimodal-input.js";
-import { Page, PageProps } from "./page.js";
-import { PageRegistryProvider, usePageRegistry, useRegisterPage } from "./page-registry.js";
-import { Router, RouterProps } from "./router.js";
+import { PageDefinition, Router, RouterProps } from "./router.js";
 import { TimelineItem, TimelineItemContent, TimelineItemTimestamp } from "./timeline-item.js";
 import { TimelineItemGroup, TimelineItemGroupAvatar, TimelineItemGroupContent, TimelineItemGroupHeader, TimelineItemGroupReadIndicator, TimelineItemGroupSeenIndicator } from "./timeline-item-group.js";
 import { SupportWindow } from "./window.js";

package/index4.d.ts

@@ -7,9 +7,7 @@ import { SupportBubble } from "./bubble.js";
 import { Button } from "./button.js";
 import { ConversationTimeline, ConversationTimelineContainer, ConversationTimelineEmpty, ConversationTimelineLoading } from "./conversation-timeline.js";
 import { FileInput, MultimodalInput, SupportInput } from "./multimodal-input.js";
-import { Page, PageProps } from "./page.js";
-import { PageRegistryProvider, usePageRegistry, useRegisterPage } from "./page-registry.js";
-import { Router, RouterProps } from "./router.js";
+import { PageDefinition, Router, RouterProps } from "./router.js";
 import { TimelineItem, TimelineItemContent, TimelineItemTimestamp } from "./timeline-item.js";
 import { TimelineItemGroup, TimelineItemGroupAvatar, TimelineItemGroupContent, TimelineItemGroupHeader, TimelineItemGroupReadIndicator, TimelineItemGroupSeenIndicator } from "./timeline-item-group.js";
 import { SupportWindow } from "./window.js";

package/index7.d.ts

@@ -1,6 +1,5 @@
 import { SupportLocale, SupportTextContentOverrides } from "./keys.js";
-import { Page, PageProps } from "./page.js";
-import "./index4.js";
+import { CustomPage } from "./router2.js";
 import "./index6.js";
 import { BubbleSlotProps, ContainerSlotProps, RouterSlotProps } from "./types.js";
 import "./button2.js";
@@ -30,6 +29,7 @@ type SupportProps<Locale extends string = SupportLocale> = {
     bubble?: string;
     container?: string;
   };
+  customPages?: CustomPage[];
   children?: React.ReactNode;
 };
 /**
@@ -40,10 +40,14 @@ type SupportProps<Locale extends string = SupportLocale> = {
  * <Support />
  *
  * @example
- * // With customization
- * <Support theme="dark" classNames={{ bubble: "bg-purple-600" }}>
- *   <Page name="FAQ" component={FAQPage} />
- * </Support>
+ * // With customization and custom pages
+ * <Support
+ *   theme="dark"
+ *   classNames={{ bubble: "bg-purple-600" }}
+ *   customPages={[
+ *     { name: "FAQ", component: FAQPage }
+ *   ]}
+ * />
  */
 declare function Support<Locale extends string = SupportLocale>({
   className,
@@ -58,6 +62,7 @@ declare function Support<Locale extends string = SupportLocale>({
   theme,
   slots,
   classNames,
+  customPages,
   children
 }: SupportProps<Locale>): ReactElement | null;
 //#endregion

package/index7.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index7.d.ts","names":[],"sources":["../../react/src/support/index.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;KAmBY,qCAAqC;;;;;;EAArC,eAAY,CAAA,EAOL,cAPK,EAAA;EAAyB,WAAA,CAAA,EAAA,OAAA;EAO9B,MAAA,CAAA,EAET,MAFS;EAET,OAAA,CAAA,EACC,2BADD,CAC6B,MAD7B,CAAA;EAC6B,KAAA,CAAA,EAAA,OAAA,GAAA,MAAA;EAA5B,KAAA,CAAA,EAAA;IAOoB,MAAA,CAAA,EAApB,KAAA,CAAM,aAAc,CAAA,eAAA,CAAA;IAAd,SAAA,CAAA,EACH,KAAA,CAAM,aADH,CACiB,kBADjB,CAAA;IACiB,MAAA,CAAA,EACvB,KAAA,CAAM,aADiB,CACH,eADG,CAAA;EAApB,CAAA;EACiB,UAAA,CAAA,EAAA;IAAd,IAAA,CAAA,EAAA,MAAA;IAWC,MAAA,CAAA,EAAA,MAAA;IAAS,SAAA,CAAA,EAAA,MAAA;EAgBX,CAAA;EAAgC,QAAA,CAAA,EAhBpC,KAAA,CAAM,SAgB8B;CAC/C;;;;;;;;;;;;;;AAaE,iBAda,OAcb,CAAA,eAAA,MAAA,GAd6C,aAc7C,CAAA,CAAA;EAAA,SAAA;EAAA,QAAA;EAAA,KAAA;EAAA,WAAA;EAAA,YAAA;EAAA,eAAA;EAAA,WAAA;EAAA,MAAA;EAAA,OAAA;EAAA,KAAA;EAAA,KAAA;EAAA,UAAA;EAAA;AAAA,CAAA,EAAA,YAAA,CAAa,MAAb,CAAA,CAAA,EAAuB,YAAvB,GAAA,IAAA"}
+{"version":3,"file":"index7.d.ts","names":[],"sources":["../../react/src/support/index.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;KAmBY,qCAAqC;;;;EAArC,WAAA,CAAA,EAAA,OAAY,GAAA,UAAA;EAAyB,YAAA,CAAA,EAAA,MAAA,EAAA;EAO9B,eAAA,CAAA,EAAA,cAAA,EAAA;EAET,WAAA,CAAA,EAAA,OAAA;EAC6B,MAAA,CAAA,EAD7B,MAC6B;EAA5B,OAAA,CAAA,EAAA,2BAAA,CAA4B,MAA5B,CAAA;EAOoB,KAAA,CAAA,EAAA,OAAA,GAAA,MAAA;EAApB,KAAM,CAAA,EAAA;IACiB,MAAA,CAAA,EADvB,KAAA,CAAM,aACiB,CADH,eACG,CAAA;IAAd,SAAA,CAAA,EAAN,KAAA,CAAM,aAAA,CAAc,kBAAd,CAAA;IACW,MAAA,CAAA,EAApB,KAAA,CAAM,aAAc,CAAA,eAAA,CAAA;EAApB,CAAA;EAWI,UAAA,CAAA,EAAA;IAEG,IAAA,CAAA,EAAA,MAAA;IAAS,MAAA,CAAA,EAAA,MAAA;IAoBX,SAAO,CAAA,EAAA,MAAA;EAAyB,CAAA;EAC/C,WAAA,CAAA,EAvBc,UAuBd,EAAA;EACA,QAAA,CAAA,EAtBW,KAAA,CAAM,SAsBjB;CACA;;;;;;;;;;;;;;;;;;iBAHe,gCAAgC;;;;;;;;;;;;;;;GAe7C,aAAa,UAAU"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cossistant/next",
   "type": "module",
-  "version": "0.0.20",
+  "version": "0.0.22",
   "private": false,
   "author": "Cossistant team",
   "description": "Next.js-ready SDK for building AI-powered support/chat widgets. Hooks + primitives, WS-driven, TypeScript-first. Next.js-ready, Tailwind optional.",
@@ -91,13 +91,13 @@
     "access": "public"
   },
   "dependencies": {
-    "@cossistant/react": "0.0.20",
+    "@cossistant/react": "0.0.22",
     "tailwindcss": "^4.1.13"
   },
   "peerDependencies": {
     "react": ">=18 <20",
     "react-dom": ">=18 <20",
-    "next": ">=13.5.2 || ^14.0.0 || ^15.0.0"
+    "next": ">=13.5.2 || ^14.0.0 || ^15.0.0 || ^16.0.0"
   },
   "peerDependenciesMeta": {
     "@types/react": {

package/primitives/index.d.ts

@@ -7,11 +7,9 @@ import { SupportBubble } from "../bubble.js";
 import { Button } from "../button.js";
 import { ConversationTimeline, ConversationTimelineContainer, ConversationTimelineEmpty, ConversationTimelineLoading } from "../conversation-timeline.js";
 import { FileInput, MultimodalInput, SupportInput } from "../multimodal-input.js";
-import { Page, PageProps } from "../page.js";
-import { PageRegistryProvider, usePageRegistry, useRegisterPage } from "../page-registry.js";
-import { Router, RouterProps } from "../router.js";
+import { PageDefinition, Router, RouterProps } from "../router.js";
 import { TimelineItem, TimelineItemContent, TimelineItemTimestamp } from "../timeline-item.js";
 import { TimelineItemGroup, TimelineItemGroupAvatar, TimelineItemGroupContent, TimelineItemGroupHeader, TimelineItemGroupReadIndicator, TimelineItemGroupSeenIndicator } from "../timeline-item-group.js";
 import { SupportWindow } from "../window.js";
 import "../index4.js";
-export { Avatar, AvatarFallback, AvatarImage, SupportBubble as Bubble, Button, SupportConfig as Config, ConversationTimeline, ConversationTimelineContainer, ConversationTimelineEmpty, ConversationTimelineLoading, FileInput, SupportInput as Input, MultimodalInput, Page, PageProps, PageRegistryProvider, Router, RouterProps, TimelineItem, TimelineItemContent, TimelineItemGroup, TimelineItemGroupAvatar, TimelineItemGroupContent, TimelineItemGroupHeader, TimelineItemGroupReadIndicator, TimelineItemGroupSeenIndicator, TimelineItemTimestamp, TypingIndicator, TypingIndicatorProps, TypingParticipant, TypingParticipantType, SupportWindow as Window, usePageRegistry, useRegisterPage };
+export { Avatar, AvatarFallback, AvatarImage, SupportBubble as Bubble, Button, SupportConfig as Config, ConversationTimeline, ConversationTimelineContainer, ConversationTimelineEmpty, ConversationTimelineLoading, FileInput, SupportInput as Input, MultimodalInput, PageDefinition, Router, RouterProps, TimelineItem, TimelineItemContent, TimelineItemGroup, TimelineItemGroupAvatar, TimelineItemGroupContent, TimelineItemGroupHeader, TimelineItemGroupReadIndicator, TimelineItemGroupSeenIndicator, TimelineItemTimestamp, TypingIndicator, TypingIndicatorProps, TypingParticipant, TypingParticipantType, SupportWindow as Window };

package/router.d.ts

@@ -1,35 +1,33 @@
 import React from "react";
 
 //#region ../react/src/primitives/router.d.ts
+type PageDefinition<K extends keyof RouteRegistry = keyof RouteRegistry> = {
+  name: K;
+  component: React.ComponentType<{
+    params?: RouteRegistry[K];
+  }>;
+};
 type RouterProps = {
-  /**
-   * Current page name to render
-   */
-  page: string;
-  /**
-   * Params to pass to the page component
-   */
-  params?: unknown;
-  /**
-   * Fallback component when page is not found
-   */
+  page: keyof RouteRegistry;
+  params?: RouteRegistry[keyof RouteRegistry];
+  pages: PageDefinition[];
   fallback?: React.ComponentType<{
     params?: unknown;
   }>;
-  /**
-   * Children (Page components for registration)
-   */
-  children?: React.ReactNode;
 };
 /**
- * Router that renders registered pages based on current page name.
+ * Type-safe router that renders pages based on current page name.
+ * Pages are matched synchronously without effects or registries.
  *
  * @example
- * <Router page={currentPage} params={params} fallback={NotFoundPage}>
- *   <Page name="HOME" component={HomePage} />
- * </Router>
+ * const pages = [
+ *   { name: "HOME", component: HomePage },
+ *   { name: "SETTINGS", component: SettingsPage }
+ * ];
+ *
+ * <Router page={currentPage} params={params} pages={pages} fallback={NotFoundPage} />
  */
 declare const Router: React.FC<RouterProps>;
 //#endregion
-export { Router, RouterProps };
+export { PageDefinition, Router, RouterProps };
 //# sourceMappingURL=router.d.ts.map

package/router.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"router.d.ts","names":[],"sources":["../../react/src/primitives/router.tsx"],"sourcesContent":[],"mappings":";;;KAGY,WAAA;;AAAZ;AA8BA;;;;;;;;;aAhBY,KAAA,CAAM;;;;;;aAKN,KAAA,CAAM;;;;;;;;;;cAWL,QAAQ,KAAA,CAAM,GAAG"}
+{"version":3,"file":"router.d.ts","names":[],"sources":["../../react/src/primitives/router.tsx"],"sourcesContent":[],"mappings":";;;KAIY,+BACK,sBAAsB;EAD3B,IAAA,EAGL,CAHK;EACK,SAAA,EAGL,KAAA,CAAM,aAHD,CAAA;IAAsB,MAAA,CAAA,EAGI,aAHJ,CAGkB,CAHlB,CAAA;EAEhC,CAAA,CAAA;CACoC;AAAc,KAI7C,WAAA,GAJ6C;EAA7C,IAAM,EAAA,MAKL,aALK;EAAa,MAAA,CAAA,EAMrB,aANqB,CAAA,MAMD,aANC,CAAA;EAInB,KAAA,EAGJ,cAHe,EAAA;EACV,QAAA,CAAA,EAGD,KAAA,CAAM,aAHL,CAAA;IACH,MAAA,CAAA,EAAA,OAAA;EAAoB,CAAA,CAAA;CACtB;;;AAgBR;;;;;;;;;;cAAa,QAAQ,KAAA,CAAM,GAAG"}

package/router2.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+
+//#region ../react/src/support/router.d.ts
+type CustomPage<K extends keyof RouteRegistry = keyof RouteRegistry> = {
+  name: K;
+  component: React.ComponentType<{
+    params?: RouteRegistry[K];
+  }>;
+};
+//#endregion
+export { CustomPage };
+//# sourceMappingURL=router2.d.ts.map

package/router2.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"router2.d.ts","names":[],"sources":["../../react/src/support/router.tsx"],"sourcesContent":[],"mappings":";;;KAWY,2BAA2B,sBAAsB;EAAjD,IAAA,EACL,CADK;EAA2B,SAAA,EAE3B,KAAA,CAAM,aAFqB,CAAA;IAAsB,MAAA,CAAA,EAElB,aAFkB,CAEJ,CAFI,CAAA;EACtD,CAAA,CAAA;CACoC"}

package/support-config2.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"support-config2.d.ts","names":[],"sources":["../../react/src/support-config.tsx"],"sourcesContent":[],"mappings":";;;KAMY,kBAAA;EAAA,eAAA,CAAA,EACO,cADW,EACX;EAON,YAAA,CAAA,EAAA,MAoBZ,EAAA;;;;;AAjByC,cAH7B,aAG6B,EAAA;;;;KAAvC,qBAAqB,OAAA,CAAM"}
+{"version":3,"file":"support-config2.d.ts","names":[],"sources":["../../react/src/support-config.tsx"],"sourcesContent":[],"mappings":";;;KAMY,kBAAA;EAAA,eAAA,CAAA,EACO,cAAA,EAAA;EAON,YAAA,CAAA,EAAA,MAoBZ,EAAA;;;;;AAjByC,cAH7B,aAG6B,EAAA;;;;KAAvC,qBAAqB,OAAA,CAAM"}

package/use-conversation-auto-seen.d.ts

@@ -35,7 +35,7 @@ type UseConversationAutoSeenOptions = {
 /**
  * Automatically marks timeline items as seen when:
  * - A new timeline item arrives from someone else
- * - The page is visible/focused
+ * - The page is visible
  * - The support widget is open/visible
  * - The visitor is the current user
  *

package/use-conversation-seen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-conversation-seen.d.ts","names":[],"sources":["../../react/src/hooks/use-conversation-seen.ts"],"sourcesContent":[],"mappings":";AAAkE,KAI7D,0BAAA,GAA0B;EAgBf,WAAA,CAAA,EAfD,gBAeoB,EAAA;AAwDnC,CAAA;;;;;iBAxDgB,mBAAA,sDAEN,6BACP;;;;;;;iBAqDa,4BAAA,sDAEN,6CAEP"}
+{"version":3,"file":"use-conversation-seen.d.ts","names":[],"sources":["../../react/src/hooks/use-conversation-seen.ts"],"sourcesContent":[],"mappings":";AAAkE,KAI7D,0BAAA,GAA0B;EAgBf,WAAA,CAAA,EAfD,gBAeoB,EAAA;AA8DnC,CAAA;;;;;iBA9DgB,mBAAA,sDAEN,6BACP;;;;;;;iBA2Da,4BAAA,sDAEN,6CAEP"}

package/use-grouped-messages.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-grouped-messages.d.ts","names":[],"sources":["../../react/src/hooks/private/use-grouped-messages.ts"],"sourcesContent":[],"mappings":";;AASQ,KAJI,cAAA,GAIJ;EAGW,IAAA,EAAA,eAAA;EACD,QAAA,EAAA,MAAA;EAAI,UAAA,EALT,UAKS;EAGV,KAAA,EAPJ,YAOI,EAAiB;EAMjB,cAAA,EAAA,MAAgB;EAOhB,aAAA,EAAA,MAAgB;EACzB,gBAAA,EAlBgB,IAkBhB;EACA,eAAA,EAlBe,IAkBf;CACA;AAAgB,KAhBP,iBAAA,GAgBO;EAEP,IAAA,EAAA,gBAAA;EACJ,IAAA,EAjBD,YAiBC;EACI,SAAA,EAjBA,IAiBA;CAEE;AAAU,KAhBZ,gBAAA,GAgBY;EAGZ,IAAA,EAAA,eAAA;EAwNC,IAAA,EAzON,YAyOM;EAAsB,IAAA,EAAA,MAAA,GAAA,IAAA;EAAA,SAAA,EAvOvB,IAuOuB;CAAA;AAAA,KApOvB,gBAAA,GACT,cAmOgC,GAlOhC,iBAkOgC,GAjOhC,gBAiOgC;AAKhC,KApOS,yBAAA,GAoOT;SAnOK;aACI;;eAEE;;KAGF,uBAAA,GAA0B;;;;;;;cAwNzB;;;;;GAKV"}
+{"version":3,"file":"use-grouped-messages.d.ts","names":[],"sources":["../../react/src/hooks/private/use-grouped-messages.ts"],"sourcesContent":[],"mappings":";;AASQ,KAJI,cAAA,GAIJ;EAGW,IAAA,EAAA,eAAA;EACD,QAAA,EAAA,MAAA;EAAI,UAAA,EALT,UAKS;EAGV,KAAA,EAPJ,YAOI,EAAiB;EAMjB,cAAA,EAAA,MAAgB;EAOhB,aAAA,EAAA,MAAgB;EACzB,gBAAA,EAlBgB,IAkBhB;EACA,eAAA,EAlBe,IAkBf;CACA;AAAgB,KAhBP,iBAAA,GAgBO;EAEP,IAAA,EAAA,gBAAA;EACJ,IAAA,EAjBD,YAiBC;EACI,SAAA,EAjBA,IAiBA;CAEE;AAAU,KAhBZ,gBAAA,GAgBY;EAGZ,IAAA,EAAA,eAAA;EA+LC,IAAA,EAhNN,YAgNM;EAAsB,IAAA,EAAA,MAAA,GAAA,IAAA;EAAA,SAAA,EA9MvB,IA8MuB;CAAA;AAAA,KA3MvB,gBAAA,GACT,cA0MgC,GAzMhC,iBAyMgC,GAxMhC,gBAwMgC;AAKhC,KA3MS,yBAAA,GA2MT;SA1MK;aACI;;eAEE;;KAGF,uBAAA,GAA0B;;;;;;;cA+LzB;;;;;GAKV"}

package/use-new-message-sound.d.ts

@@ -0,0 +1,23 @@
+//#region ../react/src/hooks/use-new-message-sound.d.ts
+/**
+ * Hook to play a sound when a new message arrives.
+ *
+ * @param options - Optional configuration for volume and playback speed
+ * @returns Function to play the new message sound
+ *
+ * @example
+ * const playNewMessageSound = useNewMessageSound({ volume: 0.8, playbackRate: 1.1 });
+ *
+ * useEffect(() => {
+ *   if (hasNewMessage) {
+ *     playNewMessageSound();
+ *   }
+ * }, [hasNewMessage]);
+ */
+declare function useNewMessageSound(options?: {
+  volume?: number;
+  playbackRate?: number;
+}): () => void;
+//#endregion
+export { useNewMessageSound };
+//# sourceMappingURL=use-new-message-sound.d.ts.map

package/use-new-message-sound.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-new-message-sound.d.ts","names":[],"sources":["../../react/src/hooks/use-new-message-sound.ts"],"sourcesContent":[],"mappings":";;AAqBA;;;;;;;;;;;;;;iBAAgB,kBAAA"}

package/use-sound-effect.d.ts

@@ -0,0 +1,30 @@
+//#region ../react/src/hooks/use-sound-effect.d.ts
+type UseSoundEffectOptions = {
+  loop?: boolean;
+  volume?: number;
+  playbackRate?: number;
+};
+type UseSoundEffectReturn = {
+  play: () => void;
+  stop: () => void;
+  isPlaying: boolean;
+  isLoading: boolean;
+  error: Error | null;
+};
+/**
+ * Hook to play sound effects using the Web Audio API.
+ *
+ * @param soundPath - Path to the sound file (relative to public directory or absolute URL)
+ * @param options - Configuration options for the sound
+ * @returns Object with play, stop functions and state
+ *
+ * @example
+ * const { play, stop, isPlaying } = useSoundEffect('/sounds/notification.wav', {
+ *   loop: false,
+ *   volume: 0.5
+ * });
+ */
+declare function useSoundEffect(soundPath: string, options?: UseSoundEffectOptions): UseSoundEffectReturn;
+//#endregion
+export { UseSoundEffectOptions, UseSoundEffectReturn, useSoundEffect };
+//# sourceMappingURL=use-sound-effect.d.ts.map

package/use-sound-effect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-sound-effect.d.ts","names":[],"sources":["../../react/src/hooks/use-sound-effect.ts"],"sourcesContent":[],"mappings":";KAEY,qBAAA;EAAA,IAAA,CAAA,EAAA,OAAA;EAMA,MAAA,CAAA,EAAA,MAAA;EAqBI,YAAA,CAAA,EAAA,MAAc;;KArBlB,oBAAA;;;;;SAKJ;;;;;;;;;;;;;;;iBAgBQ,cAAA,8BAEN,wBACP"}

package/use-typing-sound.d.ts

@@ -0,0 +1,18 @@
+//#region ../react/src/hooks/use-typing-sound.d.ts
+/**
+ * Hook to play a looping typing sound while someone is typing.
+ *
+ * @param isTyping - Whether someone is currently typing
+ * @param options - Optional configuration for volume and playback speed
+ *
+ * @example
+ * const { isTyping } = useTypingIndicator();
+ * useTypingSound(isTyping, { volume: 1.0, playbackRate: 1.2 });
+ */
+declare function useTypingSound(isTyping: boolean, options?: {
+  volume?: number;
+  playbackRate?: number;
+}): void;
+//#endregion
+export { useTypingSound };
+//# sourceMappingURL=use-typing-sound.d.ts.map

package/use-typing-sound.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-typing-sound.d.ts","names":[],"sources":["../../react/src/hooks/use-typing-sound.ts"],"sourcesContent":[],"mappings":";;AAiBA;;;;;;;;;iBAAgB,cAAA"}

package/page-registry.d.ts

@@ -1,30 +0,0 @@
-import React from "react";
-
-//#region ../react/src/primitives/page-registry.d.ts
-type PageComponent<P = unknown> = React.ComponentType<{
-  params?: P;
-}>;
-type PageRegistry = Map<string, PageComponent>;
-/**
- * Context provider for declarative page registration.
- *
- * @example
- * <PageRegistryProvider>
- *   <Page name="HOME" component={HomePage} />
- *   <Router page={currentPage} />
- * </PageRegistryProvider>
- */
-declare const PageRegistryProvider: React.FC<{
-  children: React.ReactNode;
-}>;
-/**
- * Access the page registry (used internally by Router and Page).
- */
-declare const usePageRegistry: () => PageRegistry;
-/**
- * Register a page in the registry (used internally by Page component).
- */
-declare const useRegisterPage: (name: string, component: PageComponent) => void;
-//#endregion
-export { PageRegistryProvider, usePageRegistry, useRegisterPage };
-//# sourceMappingURL=page-registry.d.ts.map

package/page-registry.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"page-registry.d.ts","names":[],"sources":["../../react/src/primitives/page-registry.tsx"],"sourcesContent":[],"mappings":";;;KAEK,6BAA6B,KAAA,CAAM;WAAyB;AAFC,CAAA,CAAA;AAEb,KAEhD,YAAA,GAAe,GAAH,CAAA,MAAA,EAAe,aAAA,CAAA;AAahC;AAeA;AAKA;;;;;;;cApBa,sBAAsB,KAAA,CAAM;YAAe,KAAA,CAAM;;;;;cAejD,uBAAe;;;;cAKf,2CAA4C"}

package/page.d.ts

@@ -1,21 +0,0 @@
-//#region ../react/src/primitives/page.d.ts
-type PageProps<Params = unknown> = {
-  name: string;
-  component: React.ComponentType<{
-    params?: Params;
-  }>;
-};
-/**
- * Declaratively register a page component.
- *
- * @example
- * <Page name="HOME" component={HomePage} />
- * <Page name="SETTINGS" component={SettingsPage} />
- */
-declare function Page<Params = unknown>({
-  name,
-  component
-}: PageProps<Params>): null;
-//#endregion
-export { Page, PageProps };
-//# sourceMappingURL=page.d.ts.map

package/page.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"page.d.ts","names":[],"sources":["../../react/src/primitives/page.tsx"],"sourcesContent":[],"mappings":";KAEY;EAAA,IAAA,EAAA,MAAS;EAYL,SAAI,EAVR,KAAA,CAAM,aAUE,CAAA;IACnB,MAAA,CAAA,EAX0C,MAW1C;EACA,CAAA,CAAA;CACY;;;;;;;;iBAHG;;;GAGb,UAAU"}