@channlize/react 0.1.0-alpha.2 → 0.1.1

package/CHANGELOG.md

@@ -0,0 +1,13 @@
+# @channlize/react
+
+## 0.1.1
+
+### Patch Changes
+
+- a2f2080: `useChatSession` no longer closes its EventSource when the server ends a
+  stream. The browser reconnects on its own and resumes from the last message,
+  so agent replies keep arriving in long chats instead of stopping after the
+  first stream ends.
+- 7f6cb9c: `useChatSession` with `autoConnect` no longer closes its chat stream right after opening it. The auto-connect effect's cleanup ran on every `session`/`isConnecting` change, so the widget stayed disconnected and never received agent replies; the stream now closes only on unmount.
+- Updated dependencies [9ddf630]
+  - @channlize/core@0.1.0

package/dist/index.d.mts

@@ -1,7 +1,7 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
 import { ReactNode } from 'react';
-import { ChannlizeConfig, ChannlizeClient, CreateContactResponse, ChannlizeError, ContactFormData, ChatMessage, ChatSession } from '@channlize/core';
-export { AuthenticationError, ChannlizeConfig, ChannlizeError, ChatMessage, ChatSession, ContactFormData, CreateChatSessionResponse, CreateContactResponse, FileAttachment, RateLimitError, SendMessageResponse, ValidationError } from '@channlize/core';
+import { ChannlizeConfig, ChannlizeClient, CreateContactResponse, ChannlizeError, ContactFormData, ChatMessage, ChatSession, TrackEventOptions } from '@channlize/core';
+export { AuthenticationError, ChannlizeConfig, ChannlizeError, ChatMessage, ChatSession, ContactFormData, CreateChatSessionResponse, CreateContactResponse, EventSeverity, FileAttachment, RateLimitError, SendMessageResponse, TrackEventOptions, ValidationError } from '@channlize/core';
 
 interface ChannlizeContextValue {
     client: ChannlizeClient;
@@ -14,7 +14,7 @@ interface ChannlizeProviderProps {
 /**
  * Provider component that makes Channlize client available to all child components
  */
-declare function ChannlizeProvider({ config, children }: ChannlizeProviderProps): react_jsx_runtime.JSX.Element;
+declare function ChannlizeProvider({ config, children, }: ChannlizeProviderProps): react.JSX.Element;
 /**
  * Hook to access the Channlize client and configuration
  */
@@ -60,6 +60,16 @@ interface UseChatSessionReturn {
  */
 declare function useChatSession(options?: UseChatSessionOptions): UseChatSessionReturn;
 
+/**
+ * Returns a stable `track` function bound to the provider client for event tracking (browser / widget key).
+ */
+declare function useChannlizeAnalytics(): {
+    track: (name: string, options?: TrackEventOptions) => Promise<{
+        success: boolean;
+        id: string;
+    }>;
+};
+
 interface FormProps {
     /** Custom fields to include in the form */
     customFields?: Array<{
@@ -96,7 +106,7 @@ interface FormProps {
  * ContactForm component - Alias for Form component
  * Provides a form for collecting contact information and messages
  */
-declare function ContactForm(props: FormProps): react_jsx_runtime.JSX.Element;
+declare function ContactForm(props: FormProps): react.JSX.Element;
 
 interface SupportChatProps extends UseChatSessionOptions {
     /** Custom CSS classes */
@@ -130,7 +140,7 @@ interface SupportChatProps extends UseChatSessionOptions {
  * SupportChat component - Real-time chat interface
  * Provides a complete chat UI with message history and real-time updates
  */
-declare function SupportChat({ autoConnect, metadata, onMessage, onError, sessionId, persistSession, storageKey, className, styles, placeholder, title, sendButtonText, showTimestamps, allowAttachments, }: SupportChatProps): react_jsx_runtime.JSX.Element;
+declare function SupportChat({ autoConnect, metadata, onMessage, onError, sessionId, persistSession, storageKey, className, styles, placeholder, title, sendButtonText, showTimestamps, allowAttachments, }: SupportChatProps): react.JSX.Element;
 
 interface ChannlizeChatProps {
     /** Channlize configuration */
@@ -198,6 +208,6 @@ interface ChannlizeChatProps {
  * />
  * ```
  */
-declare function ChannlizeChat({ config, position, offset, buttonElement, buttonIcon, buttonSize, buttonColors, chatProps, defaultOpen, showBadge, unreadCount, zIndex, showOnMobile, onOpen, onClose, enableAnimations, buttonClassName, chatClassName, }: ChannlizeChatProps): react_jsx_runtime.JSX.Element | null;
+declare function ChannlizeChat({ config, position, offset, buttonElement, buttonIcon, buttonSize, buttonColors, chatProps, defaultOpen, showBadge, unreadCount, zIndex, showOnMobile, onOpen, onClose, enableAnimations, buttonClassName, chatClassName, }: ChannlizeChatProps): react.JSX.Element | null;
 
-export { ChannlizeChat, ChannlizeProvider, ContactForm, SupportChat, useChannlize, useChatSession, useContactForm };
+export { ChannlizeChat, ChannlizeProvider, ContactForm, SupportChat, useChannlize, useChannlizeAnalytics, useChatSession, useContactForm };

package/dist/index.d.ts

@@ -1,7 +1,7 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
 import { ReactNode } from 'react';
-import { ChannlizeConfig, ChannlizeClient, CreateContactResponse, ChannlizeError, ContactFormData, ChatMessage, ChatSession } from '@channlize/core';
-export { AuthenticationError, ChannlizeConfig, ChannlizeError, ChatMessage, ChatSession, ContactFormData, CreateChatSessionResponse, CreateContactResponse, FileAttachment, RateLimitError, SendMessageResponse, ValidationError } from '@channlize/core';
+import { ChannlizeConfig, ChannlizeClient, CreateContactResponse, ChannlizeError, ContactFormData, ChatMessage, ChatSession, TrackEventOptions } from '@channlize/core';
+export { AuthenticationError, ChannlizeConfig, ChannlizeError, ChatMessage, ChatSession, ContactFormData, CreateChatSessionResponse, CreateContactResponse, EventSeverity, FileAttachment, RateLimitError, SendMessageResponse, TrackEventOptions, ValidationError } from '@channlize/core';
 
 interface ChannlizeContextValue {
     client: ChannlizeClient;
@@ -14,7 +14,7 @@ interface ChannlizeProviderProps {
 /**
  * Provider component that makes Channlize client available to all child components
  */
-declare function ChannlizeProvider({ config, children }: ChannlizeProviderProps): react_jsx_runtime.JSX.Element;
+declare function ChannlizeProvider({ config, children, }: ChannlizeProviderProps): react.JSX.Element;
 /**
  * Hook to access the Channlize client and configuration
  */
@@ -60,6 +60,16 @@ interface UseChatSessionReturn {
  */
 declare function useChatSession(options?: UseChatSessionOptions): UseChatSessionReturn;
 
+/**
+ * Returns a stable `track` function bound to the provider client for event tracking (browser / widget key).
+ */
+declare function useChannlizeAnalytics(): {
+    track: (name: string, options?: TrackEventOptions) => Promise<{
+        success: boolean;
+        id: string;
+    }>;
+};
+
 interface FormProps {
     /** Custom fields to include in the form */
     customFields?: Array<{
@@ -96,7 +106,7 @@ interface FormProps {
  * ContactForm component - Alias for Form component
  * Provides a form for collecting contact information and messages
  */
-declare function ContactForm(props: FormProps): react_jsx_runtime.JSX.Element;
+declare function ContactForm(props: FormProps): react.JSX.Element;
 
 interface SupportChatProps extends UseChatSessionOptions {
     /** Custom CSS classes */
@@ -130,7 +140,7 @@ interface SupportChatProps extends UseChatSessionOptions {
  * SupportChat component - Real-time chat interface
  * Provides a complete chat UI with message history and real-time updates
  */
-declare function SupportChat({ autoConnect, metadata, onMessage, onError, sessionId, persistSession, storageKey, className, styles, placeholder, title, sendButtonText, showTimestamps, allowAttachments, }: SupportChatProps): react_jsx_runtime.JSX.Element;
+declare function SupportChat({ autoConnect, metadata, onMessage, onError, sessionId, persistSession, storageKey, className, styles, placeholder, title, sendButtonText, showTimestamps, allowAttachments, }: SupportChatProps): react.JSX.Element;
 
 interface ChannlizeChatProps {
     /** Channlize configuration */
@@ -198,6 +208,6 @@ interface ChannlizeChatProps {
  * />
  * ```
  */
-declare function ChannlizeChat({ config, position, offset, buttonElement, buttonIcon, buttonSize, buttonColors, chatProps, defaultOpen, showBadge, unreadCount, zIndex, showOnMobile, onOpen, onClose, enableAnimations, buttonClassName, chatClassName, }: ChannlizeChatProps): react_jsx_runtime.JSX.Element | null;
+declare function ChannlizeChat({ config, position, offset, buttonElement, buttonIcon, buttonSize, buttonColors, chatProps, defaultOpen, showBadge, unreadCount, zIndex, showOnMobile, onOpen, onClose, enableAnimations, buttonClassName, chatClassName, }: ChannlizeChatProps): react.JSX.Element | null;
 
-export { ChannlizeChat, ChannlizeProvider, ContactForm, SupportChat, useChannlize, useChatSession, useContactForm };
+export { ChannlizeChat, ChannlizeProvider, ContactForm, SupportChat, useChannlize, useChannlizeAnalytics, useChatSession, useContactForm };