hotfix: chatwidget

Author: nedimf

src/components/chat/ChatWidget.tsx

@@ -135,11 +135,13 @@ interface ChatOption {
   onClick?: () => void
 }
 
-interface ChatSource {
+export interface ChatSource {
   article_id: string
   title: string
   slug: string
   similarity: number
+  flow_slug?: string
+  flow_id?: string
 }
 
 interface ChatMessage {
@@ -270,9 +272,25 @@ export interface ChatWidgetProps {
   logoUrl?: string
 
   /**
-   * Callback when an article source is clicked
+   * Callback when an article source is clicked.
+   * Provides the article slug and full source data for flexible routing.
+   *
+   * @example
+   * ```tsx
+   * // Simple slug-based routing
+   * onArticleClick={(slug) => router.push(`/help/articles/${slug}`)}
+   *
+   * // Using flow context for nested routes
+   * onArticleClick={(slug, source) => {
+   *   if (source.flow_slug) {
+   *     router.push(`/help/${source.flow_slug}/${slug}`)
+   *   } else {
+   *     router.push(`/help/articles/${slug}`)
+   *   }
+   * }}
+   * ```
    */
-  onArticleClick?: (slug: string) => void
+  onArticleClick?: (slug: string, source: ChatSource) => void
 
   /**
    * Callback when support button is clicked
@@ -482,8 +500,10 @@ export function ChatWidget({
   }
 
   const handleSourceClick = (source: ChatSource) => {
-    onArticleClick?.(source.slug)
-    setIsOpen(false)
+    if (onArticleClick) {
+      onArticleClick(source.slug, source)
+      setIsOpen(false)
+    }
   }
 
   return (

src/components/chat/index.ts

@@ -2,4 +2,9 @@
  * Chat Component Exports
  */
 
-export { ChatWidget, type ChatWidgetProps, type ChatWidgetColors } from './ChatWidget'
+export {
+  ChatWidget,
+  type ChatWidgetProps,
+  type ChatWidgetColors,
+  type ChatSource,
+} from './ChatWidget'

src/components/index.ts

@@ -102,4 +102,5 @@ export {
   ChatWidget,
   type ChatWidgetProps,
   type ChatWidgetColors,
+  type ChatSource,
 } from './chat'

src/hooks/index.ts

@@ -39,10 +39,18 @@ export {
 export {
   useContactForm,
   useContactFormSubmit,
+  // Aliases for consistency with React Native SDK
+  useContactForm as useForm,
+  useContactFormSubmit as useFormSubmit,
   type UseContactFormOptions,
   type UseContactFormResult,
   type UseContactFormSubmitOptions,
   type UseContactFormSubmitResult,
+  // Type aliases for consistency with React Native SDK
+  type UseContactFormOptions as UseFormOptions,
+  type UseContactFormResult as UseFormResult,
+  type UseContactFormSubmitOptions as UseFormSubmitOptions,
+  type UseContactFormSubmitResult as UseFormSubmitResult,
 } from './useContactForm'
 export {
   useBlogPosts,

src/index.ts

@@ -34,6 +34,9 @@ export {
   useSurveySubmit,
   useContactForm,
   useContactFormSubmit,
+  // Aliases for consistency with React Native SDK
+  useForm,
+  useFormSubmit,
   useStatus,
   useBlogPosts,
   useBlogPost,
@@ -69,6 +72,11 @@ export {
   type UseContactFormResult,
   type UseContactFormSubmitOptions,
   type UseContactFormSubmitResult,
+  // Type aliases for consistency with React Native SDK
+  type UseFormOptions,
+  type UseFormResult,
+  type UseFormSubmitOptions,
+  type UseFormSubmitResult,
   type UseStatusOptions,
   type UseStatusResult,
   type UseBlogPostsOptions,
@@ -136,6 +144,7 @@ export {
   type BlogPostDetailProps,
   type BlogProps,
   type ChatWidgetProps,
+  type ChatSource,
   type StatusData,
   type StatusComponent,
   type StatusIncident,
@@ -209,6 +218,14 @@ export type {
   ContactFormFieldValidation,
   ContactFormSubmission,
   ContactFormSubmitInput,
+  // Form type aliases (for consistency with React Native SDK)
+  Form,
+  FormField,
+  FormFieldType,
+  FormFieldValidation,
+  FormIntegration,
+  FormSubmission,
+  FormSubmitInput,
   // Status API types
   StatusPage,
   StatusUpdate as StatusUpdateApi,

src/types/form.ts

@@ -78,3 +78,42 @@ export interface ContactFormSubmitInput {
   data: Record<string, string | boolean>
   metadata?: Record<string, unknown>
 }
+
+// ============================================================================
+// Generic Form Aliases (for consistency with React Native SDK)
+// ============================================================================
+
+/**
+ * @alias ContactFormFieldType
+ */
+export type FormFieldType = ContactFormFieldType
+
+/**
+ * @alias ContactFormFieldValidation
+ */
+export type FormFieldValidation = ContactFormFieldValidation
+
+/**
+ * @alias ContactFormField
+ */
+export type FormField = ContactFormField
+
+/**
+ * @alias ContactFormIntegration
+ */
+export type FormIntegration = ContactFormIntegration
+
+/**
+ * @alias ContactForm
+ */
+export type Form = ContactForm
+
+/**
+ * @alias ContactFormSubmission
+ */
+export type FormSubmission = ContactFormSubmission
+
+/**
+ * @alias ContactFormSubmitInput
+ */
+export type FormSubmitInput = ContactFormSubmitInput