@channlize/react 0.3.0 → 0.4.0

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @channlize/react
 
+## 0.4.0
+
+### Minor Changes
+
+- Release every `@channlize/*` package under one shared version. From 0.4.0 on, core, react, mcp and skills always publish together at the same version, so matching versions work together.
+- 7b82215: Add a `debug` option to `useChatSession` and `SupportChat` (also through `ChannlizeChat`'s `chatProps`). The chat no longer writes to the console unless `debug` is on; it used to log every session step and SSE message. `ChannlizeProvider` keeps one client per configuration instead of creating one on every render, the chat calls the latest `onMessage` / `onError` without reopening the stream, and `UseContactFormOptions`, `UseContactFormReturn` and `ChannlizeProviderProps` are exported.
+
+### Patch Changes
+
+- 5663cd2: Make `@channlize/core` the single source for what the packages share.
+
+  - core exports `DEFAULT_BASE_URL`, `DEFAULT_TIMEOUT`, `EVENT_SEVERITIES`, `EVENT_KEY_PATTERN`, `isValidEventKey`, `keyKind` (widget vs. server key), `readChannlizeEnv` (the `CHANNLIZE_*` variables) and `parseApiError` (the API's error shape). `createNotifier`, the client and `@channlize/mcp` use them instead of their own copies.
+  - `ChannlizeError` gains `requestId` and `details` (the API's error body, e.g. `limit`, `used` and `resetAt` on a plan-limit 429). When a legacy route puts its human-readable text in `error`, it becomes the message instead of `HTTP <status>`.
+  - The chat types document where the API differs from them (ISO string timestamps, session summaries without `messages`).
+  - `@channlize/react` and `@channlize/mcp` re-export the error classes as values, so `instanceof` works without importing core.
+  - mcp tool errors no longer end with a doubled period when a core error message ends with one.
+
+- Updated dependencies [5663cd2]
+- Updated dependencies
+  - @channlize/core@0.4.0
+
 ## 0.3.0
 
 ### Minor Changes

package/README.md

@@ -61,7 +61,7 @@ function App() {
   return (
     <ChannlizeProvider
       config={{
-        apiKey: 'your-api-key',
+        apiKey: 'your-widget-key',
         projectId: 'your-project-id',
       }}
     >
@@ -71,6 +71,8 @@ function App() {
 }
 ```
 
+`ContactForm`, `SupportChat` and the hooks below must be rendered inside `ChannlizeProvider` (`ChannlizeChat` includes it).
+
 ### Contact Form Component
 
 ```tsx
@@ -113,7 +115,7 @@ import { SupportChat } from '@channlize/react';
 function SupportPage() {
   return (
     <SupportChat
-      autoStart={true}
+      autoConnect={true}
       title="Customer Support"
       placeholder="How can we help you?"
       onMessage={(message) => {
@@ -158,7 +160,7 @@ function CustomContactForm() {
     await submit({
       name: 'John Doe',
       email: 'john@example.com',
-      message: 'Hello!',
+      message: 'Hello, I have a question about pricing.', // at least 10 characters
     });
   };
 
@@ -397,6 +399,8 @@ its parent, so give the parent a height.
 - `metadata?: Record<string, unknown>` - Session metadata
 - `onMessage?: (message: ChatMessage) => void` - New message callback
 - `onError?: (error: Error) => void` - Error callback
+- `sessionId?: string`, `persistSession?: boolean` (default `true`), `storageKey?: string` - Resume a session, and where its id is kept in `localStorage`
+- `debug?: boolean` - Log connection and session details to the console (default `false`)
 - `className?: string` - CSS class name
 - `styles?` - Inline style overrides: `container`, `header`, `messagesContainer`, `message`, `userMessage`, `agentMessage`, `inputContainer`, `input`, `button`, `error`, `timestamp`
 - `title?: string` - Team or brand name in the header (default `'Support'`)
@@ -443,6 +447,10 @@ Hook for managing chat sessions with real-time messaging.
 - `metadata?: Record<string, unknown>`
 - `onMessage?: (message: ChatMessage) => void`
 - `onError?: (error: ChannlizeError) => void`
+- `sessionId?: string` - Resume this session instead of the stored one
+- `persistSession?: boolean` - Keep the session id in `localStorage` so a reload resumes it (default `true`)
+- `storageKey?: string` - `localStorage` key (default `channlize_session_<widget key>`)
+- `debug?: boolean` - Log connection and session details to the console with a `[channlize]` prefix (default `false`). Failures are always reported through `error` and `onError`.
 
 **Returns:**
 - `session: ChatSession | null`
@@ -491,6 +499,15 @@ The chat widget ships its own small stylesheet, scoped under `.channlize-widget`
 
 This package is written in TypeScript and includes full type definitions. All components, hooks, and utilities are fully typed.
 
+## Documentation
+
+- Guide: https://channlize.com/docs/react
+- All docs: https://channlize.com/docs (quick start, API keys, troubleshooting)
+
+## Changelog
+
+[CHANGELOG.md](./CHANGELOG.md) lists every release of `@channlize/react`. Product updates: https://channlize.com/docs/changelog
+
 ## License
 
 MIT

package/dist/index.d.mts

@@ -1,5 +1,6 @@
 import * as react from 'react';
 import { ReactNode, CSSProperties } from 'react';
+import * as _channlize_core 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';
 
@@ -44,6 +45,12 @@ interface UseChatSessionOptions {
     sessionId?: string;
     persistSession?: boolean;
     storageKey?: string;
+    /**
+     * Log connection and session details to the console (`[channlize]`
+     * prefix). Off by default; failures are always reported through `error`
+     * and `onError`.
+     */
+    debug?: boolean;
 }
 interface UseChatSessionReturn {
     session: ChatSession | null;
@@ -72,10 +79,7 @@ declare function useChatSession(options?: UseChatSessionOptions): UseChatSession
  * (`notify` from `@channlize/core`) on your server instead.
  */
 declare function useChannlizeAnalytics(): {
-    track: (name: string, options?: TrackEventOptions) => Promise<{
-        success: boolean;
-        id: string;
-    }>;
+    track: (name: string, options?: TrackEventOptions) => Promise<_channlize_core.TrackEventResult>;
 };
 
 /** `auto` and `system` both follow `prefers-color-scheme`. */
@@ -314,7 +318,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, avatarUrl, avatar, statusText, greeting, welcomeMessage, suggestions, theme, primaryColor, primaryTextColor, locale, maxLength, allowEndChat, onMinimize, labels: labelOverrides, }: SupportChatProps): react.JSX.Element;
+declare function SupportChat({ autoConnect, metadata, onMessage, onError, sessionId, persistSession, storageKey, debug, className, styles, placeholder, title, sendButtonText, showTimestamps, allowAttachments, avatarUrl, avatar, statusText, greeting, welcomeMessage, suggestions, theme, primaryColor, primaryTextColor, locale, maxLength, allowEndChat, onMinimize, labels: labelOverrides, }: SupportChatProps): react.JSX.Element;
 
 interface ChannlizeChatProps {
     /** Channlize configuration */
@@ -394,4 +398,4 @@ interface ChannlizeChatProps {
 declare function ChannlizeChat({ config, position, offset, buttonElement, buttonIcon, buttonSize, buttonColors, chatProps, primaryColor, theme, defaultOpen, showBadge, unreadCount, zIndex, showOnMobile, onOpen, onClose, enableAnimations, buttonClassName, chatClassName, }: ChannlizeChatProps): react.JSX.Element | null;
 
 export { ChannlizeChat, ChannlizeProvider, ContactForm, SupportChat, defaultContactFormLabels, defaultSupportChatLabels, useChannlize, useChannlizeAnalytics, useChatSession, useContactForm };
-export type { ChannlizeChatProps, ChatTheme, ContactFieldMode, ContactFormCustomField, ContactFormLabels, ContactFormProps, ContactFormTheme, ContactFormTopic, ContactFormValues, SupportChatLabels, SupportChatProps, UseChatSessionOptions, UseChatSessionReturn };
+export type { ChannlizeChatProps, ChannlizeProviderProps, ChatTheme, ContactFieldMode, ContactFormCustomField, ContactFormLabels, ContactFormProps, ContactFormTheme, ContactFormTopic, ContactFormValues, SupportChatLabels, SupportChatProps, UseChatSessionOptions, UseChatSessionReturn, UseContactFormOptions, UseContactFormReturn };

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 import * as react from 'react';
 import { ReactNode, CSSProperties } from 'react';
+import * as _channlize_core 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';
 
@@ -44,6 +45,12 @@ interface UseChatSessionOptions {
     sessionId?: string;
     persistSession?: boolean;
     storageKey?: string;
+    /**
+     * Log connection and session details to the console (`[channlize]`
+     * prefix). Off by default; failures are always reported through `error`
+     * and `onError`.
+     */
+    debug?: boolean;
 }
 interface UseChatSessionReturn {
     session: ChatSession | null;
@@ -72,10 +79,7 @@ declare function useChatSession(options?: UseChatSessionOptions): UseChatSession
  * (`notify` from `@channlize/core`) on your server instead.
  */
 declare function useChannlizeAnalytics(): {
-    track: (name: string, options?: TrackEventOptions) => Promise<{
-        success: boolean;
-        id: string;
-    }>;
+    track: (name: string, options?: TrackEventOptions) => Promise<_channlize_core.TrackEventResult>;
 };
 
 /** `auto` and `system` both follow `prefers-color-scheme`. */
@@ -314,7 +318,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, avatarUrl, avatar, statusText, greeting, welcomeMessage, suggestions, theme, primaryColor, primaryTextColor, locale, maxLength, allowEndChat, onMinimize, labels: labelOverrides, }: SupportChatProps): react.JSX.Element;
+declare function SupportChat({ autoConnect, metadata, onMessage, onError, sessionId, persistSession, storageKey, debug, className, styles, placeholder, title, sendButtonText, showTimestamps, allowAttachments, avatarUrl, avatar, statusText, greeting, welcomeMessage, suggestions, theme, primaryColor, primaryTextColor, locale, maxLength, allowEndChat, onMinimize, labels: labelOverrides, }: SupportChatProps): react.JSX.Element;
 
 interface ChannlizeChatProps {
     /** Channlize configuration */
@@ -394,4 +398,4 @@ interface ChannlizeChatProps {
 declare function ChannlizeChat({ config, position, offset, buttonElement, buttonIcon, buttonSize, buttonColors, chatProps, primaryColor, theme, defaultOpen, showBadge, unreadCount, zIndex, showOnMobile, onOpen, onClose, enableAnimations, buttonClassName, chatClassName, }: ChannlizeChatProps): react.JSX.Element | null;
 
 export { ChannlizeChat, ChannlizeProvider, ContactForm, SupportChat, defaultContactFormLabels, defaultSupportChatLabels, useChannlize, useChannlizeAnalytics, useChatSession, useContactForm };
-export type { ChannlizeChatProps, ChatTheme, ContactFieldMode, ContactFormCustomField, ContactFormLabels, ContactFormProps, ContactFormTheme, ContactFormTopic, ContactFormValues, SupportChatLabels, SupportChatProps, UseChatSessionOptions, UseChatSessionReturn };
+export type { ChannlizeChatProps, ChannlizeProviderProps, ChatTheme, ContactFieldMode, ContactFormCustomField, ContactFormLabels, ContactFormProps, ContactFormTheme, ContactFormTopic, ContactFormValues, SupportChatLabels, SupportChatProps, UseChatSessionOptions, UseChatSessionReturn, UseContactFormOptions, UseContactFormReturn };

package/dist/index.js

@@ -20,10 +20,14 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
+  AuthenticationError: () => import_core4.AuthenticationError,
   ChannlizeChat: () => ChannlizeChat,
+  ChannlizeError: () => import_core4.ChannlizeError,
   ChannlizeProvider: () => ChannlizeProvider,
   ContactForm: () => ContactForm,
+  RateLimitError: () => import_core4.RateLimitError,
   SupportChat: () => SupportChat,
+  ValidationError: () => import_core4.ValidationError,
   defaultContactFormLabels: () => defaultContactFormLabels,
   defaultSupportChatLabels: () => defaultSupportChatLabels,
   useChannlize: () => useChannlize,
@@ -42,8 +46,19 @@ function ChannlizeProvider({
   config,
   children
 }) {
-  const client = new import_core.ChannlizeClient(config);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChannlizeContext.Provider, { value: { client, config }, children });
+  const { apiKey, baseUrl, projectId, timeout, serverApiKey } = config;
+  const client = (0, import_react.useMemo)(
+    () => new import_core.ChannlizeClient({
+      apiKey,
+      baseUrl,
+      projectId,
+      timeout,
+      serverApiKey
+    }),
+    [apiKey, baseUrl, projectId, timeout, serverApiKey]
+  );
+  const value = (0, import_react.useMemo)(() => ({ client, config }), [client, config]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChannlizeContext.Provider, { value, children });
 }
 function useChannlize() {
   const context = (0, import_react.useContext)(ChannlizeContext);
@@ -95,6 +110,7 @@ function useContactForm(options = {}) {
 
 // src/hooks/useChatSession.ts
 var import_react3 = require("react");
+var import_core2 = require("@channlize/core");
 function useChatSession(options = {}) {
   const { client, config } = useChannlize();
   const [session, setSession] = (0, import_react3.useState)(null);
@@ -105,9 +121,27 @@ function useChatSession(options = {}) {
   const eventSourceRef = (0, import_react3.useRef)(null);
   const sessionRef = (0, import_react3.useRef)(null);
   const isInitializedRef = (0, import_react3.useRef)(false);
-  const baseUrl = config.baseUrl || "https://api.channlize.com";
+  const baseUrl = config.baseUrl || import_core2.DEFAULT_BASE_URL;
   const storageKey = options.storageKey || `channlize_session_${config.apiKey}`;
   const persistSession = options.persistSession ?? true;
+  const latest = (0, import_react3.useRef)({
+    onMessage: options.onMessage,
+    onError: options.onError,
+    debug: options.debug
+  });
+  (0, import_react3.useEffect)(() => {
+    latest.current = {
+      onMessage: options.onMessage,
+      onError: options.onError,
+      debug: options.debug
+    };
+  });
+  const log = (0, import_react3.useCallback)(
+    (level, ...args) => {
+      if (latest.current.debug) console[level]("[channlize]", ...args);
+    },
+    []
+  );
   (0, import_react3.useEffect)(() => {
     sessionRef.current = session;
   }, [session]);
@@ -117,51 +151,50 @@ function useChatSession(options = {}) {
         try {
           localStorage.setItem(storageKey, sessionId);
         } catch (err) {
-          console.warn("Failed to save session to localStorage:", err);
+          log("warn", "Failed to save session to localStorage:", err);
         }
       }
     },
-    [persistSession, storageKey]
+    [persistSession, storageKey, log]
   );
   const getSessionFromStorage = (0, import_react3.useCallback)(() => {
     if (persistSession && typeof window !== "undefined") {
       try {
         return localStorage.getItem(storageKey);
       } catch (err) {
-        console.warn("Failed to get session from localStorage:", err);
+        log("warn", "Failed to get session from localStorage:", err);
       }
     }
     return null;
-  }, [persistSession, storageKey]);
+  }, [persistSession, storageKey, log]);
   const clearSessionFromStorage = (0, import_react3.useCallback)(() => {
     if (persistSession && typeof window !== "undefined") {
       try {
         localStorage.removeItem(storageKey);
       } catch (err) {
-        console.warn("Failed to clear session from localStorage:", err);
+        log("warn", "Failed to clear session from localStorage:", err);
       }
     }
-  }, [persistSession, storageKey]);
+  }, [persistSession, storageKey, log]);
   const connectToSSE = (0, import_react3.useCallback)(
     (sseEndpoint) => {
       if (eventSourceRef.current) {
         eventSourceRef.current.close();
       }
       const fullUrl = sseEndpoint.startsWith("http") ? sseEndpoint : `${baseUrl}${sseEndpoint}`;
-      console.log("[Channlize SSE] Connecting to:", fullUrl);
+      log("log", "SSE connecting to", fullUrl);
       const eventSource = new EventSource(fullUrl);
       eventSourceRef.current = eventSource;
       eventSource.onopen = () => {
-        console.log("[Channlize SSE] Connection opened");
+        log("log", "SSE connection opened");
         setIsConnected(true);
         setError(null);
       };
       eventSource.addEventListener("connected", (event) => {
-        console.log("SSE connected:", event.data);
+        log("log", "SSE connected:", event.data);
       });
       eventSource.addEventListener("message", (event) => {
         try {
-          console.log("SSE message:", event.data);
           const message = JSON.parse(event.data);
           const chatMessage = {
             ...message,
@@ -171,9 +204,9 @@ function useChatSession(options = {}) {
             const exists = prev.some((m) => m.id === chatMessage.id);
             return exists ? prev : [...prev, chatMessage];
           });
-          options.onMessage?.(chatMessage);
+          latest.current.onMessage?.(chatMessage);
         } catch (err) {
-          console.warn("Failed to parse SSE message:", err, event.data);
+          log("warn", "Failed to parse SSE message:", err, event.data);
         }
       });
       eventSource.onmessage = (event) => {
@@ -188,10 +221,10 @@ function useChatSession(options = {}) {
               const exists = prev.some((m) => m.id === message.id);
               return exists ? prev : [...prev, message];
             });
-            options.onMessage?.(message);
+            latest.current.onMessage?.(message);
           }
         } catch (err) {
-          console.warn("Failed to parse default SSE message:", err);
+          log("warn", "Failed to parse default SSE message:", err);
         }
       };
       eventSource.onerror = (event) => {
@@ -199,7 +232,7 @@ function useChatSession(options = {}) {
           setIsConnected(false);
           return;
         }
-        console.error("[Channlize SSE] Connection error", {
+        log("error", "SSE connection error", {
           readyState: eventSource.readyState,
           url: fullUrl,
           event
@@ -211,10 +244,10 @@ function useChatSession(options = {}) {
         const error2 = new Error(`SSE ${stateMessage}`);
         error2.code = "SSE_ERROR";
         setError(error2);
-        options.onError?.(error2);
+        latest.current.onError?.(error2);
       };
     },
-    [baseUrl, options.onError, options.onMessage]
+    [baseUrl, log]
   );
   const startSession = (0, import_react3.useCallback)(async () => {
     if (isConnecting || session) return;
@@ -224,7 +257,7 @@ function useChatSession(options = {}) {
       const existingSessionId = options.sessionId || getSessionFromStorage();
       if (existingSessionId) {
         try {
-          console.log("\u{1F4E6} Resuming session from storage:", existingSessionId);
+          log("log", "Resuming session", existingSessionId);
           const existingSession = await client.getChatSession(existingSessionId);
           const existingMessages = await client.getChatMessages(existingSessionId);
           sessionRef.current = existingSession;
@@ -238,14 +271,14 @@ function useChatSession(options = {}) {
           setMessages(normalizedMessages2);
           const sseEndpoint = `/v1/chat/sessions/${existingSessionId}/events`;
           connectToSSE(sseEndpoint);
-          console.log("\u2705 Session resumed successfully");
+          log("log", "Session resumed");
           return;
         } catch (err) {
-          console.warn("\u26A0\uFE0F Failed to resume session, creating new one:", err);
+          log("warn", "Could not resume the session, starting a new one:", err);
           clearSessionFromStorage();
         }
       }
-      console.log("\u{1F195} Creating new chat session");
+      log("log", "Creating a chat session");
       const response = await client.createChatSession(options.metadata);
       sessionRef.current = response.session;
       setSession(response.session);
@@ -260,19 +293,19 @@ function useChatSession(options = {}) {
       if (response.sseEndpoint) {
         connectToSSE(response.sseEndpoint);
       }
-      console.log("\u2705 New session created:", response.session.id);
+      log("log", "Session created", response.session.id);
     } catch (err) {
       const error2 = err;
       setError(error2);
-      options.onError?.(error2);
+      latest.current.onError?.(error2);
     } finally {
       setIsConnecting(false);
     }
   }, [
     client,
     connectToSSE,
+    log,
     options.metadata,
-    options.onError,
     options.sessionId,
     getSessionFromStorage,
     saveSessionToStorage,
@@ -303,11 +336,11 @@ function useChatSession(options = {}) {
       } catch (err) {
         const error2 = err;
         setError(error2);
-        options.onError?.(error2);
+        latest.current.onError?.(error2);
         throw error2;
       }
     },
-    [client, options.onError]
+    [client]
   );
   const endSession = (0, import_react3.useCallback)(async () => {
     if (!sessionRef.current) return;
@@ -322,13 +355,13 @@ function useChatSession(options = {}) {
       setSession(null);
       setMessages([]);
       setIsConnected(false);
-      console.log("\u2705 Session ended and cleared from storage");
+      log("log", "Session ended");
     } catch (err) {
       const error2 = err;
       setError(error2);
-      options.onError?.(error2);
+      latest.current.onError?.(error2);
     }
-  }, [client, options.onError, clearSessionFromStorage]);
+  }, [client, log, clearSessionFromStorage]);
   const reconnect = (0, import_react3.useCallback)(() => {
     const current = sessionRef.current;
     if (!current) return;
@@ -1311,6 +1344,7 @@ function ContactForm(props) {
 
 // src/components/SupportChat.tsx
 var import_react7 = require("react");
+var import_core3 = require("@channlize/core");
 
 // src/components/chat/internal.tsx
 var import_react6 = require("react");
@@ -1667,6 +1701,7 @@ function SupportChat({
   sessionId,
   persistSession,
   storageKey,
+  debug,
   className = "",
   styles = {},
   placeholder = "Write a message\u2026",
@@ -1694,7 +1729,7 @@ function SupportChat({
     [labelOverrides]
   );
   const { config } = useChannlize();
-  const baseUrl = config.baseUrl || "https://api.channlize.com";
+  const baseUrl = config.baseUrl || import_core3.DEFAULT_BASE_URL;
   const [text, setText] = (0, import_react7.useState)("");
   const [files, setFiles] = (0, import_react7.useState)([]);
   const [pending, setPending] = (0, import_react7.useState)([]);
@@ -1732,7 +1767,8 @@ function SupportChat({
     onError,
     sessionId,
     persistSession,
-    storageKey
+    storageKey,
+    debug
   });
   const sseFailed = error?.code === "SSE_ERROR";
   const ownSendError = !!error && error === sendError;
@@ -2611,12 +2647,19 @@ function ChannlizeChat({
   ) }) });
   return typeof document !== "undefined" ? (0, import_react_dom.createPortal)(widget, document.body) : widget;
 }
+
+// src/index.ts
+var import_core4 = require("@channlize/core");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  AuthenticationError,
   ChannlizeChat,
+  ChannlizeError,
   ChannlizeProvider,
   ContactForm,
+  RateLimitError,
   SupportChat,
+  ValidationError,
   defaultContactFormLabels,
   defaultSupportChatLabels,
   useChannlize,