@botonic/webchat-react 2.28.0 → 2.30.0

package/CHANGELOG.md

@@ -1,3 +1,27 @@
+## 2.30.0 (2026-06-11)
+
+### 🚀 Features
+
+- support botonic v2 preview in flow builder ([#916](https://github.com/metis-ai/hubtype-product/pull/916))
+- port preview events into botonic v2 ([#915](https://github.com/metis-ai/hubtype-product/pull/915))
+- support markdown in webchat ([#910](https://github.com/metis-ai/hubtype-product/pull/910))
+
+### ❤️ Thank You
+
+- Marc Rabat @vanbasten17
+
+## 2.29.0 (2026-05-12)
+
+### 🚀 Features
+
+- **botonic:** v2 refinements - update skills, serve-bot defaults, staging bot warning ([#888](https://github.com/metis-ai/hubtype-product/pull/888))
+- rating component ([#882](https://github.com/metis-ai/hubtype-product/pull/882))
+
+### ❤️ Thank You
+
+- David Hidalgo @Davidhidalgo
+- Marc Rabat @vanbasten17
+
 ## 2.28.0 (2026-05-06)
 
 ### 🚀 Features

package/index.d.ts

@@ -51,15 +51,18 @@ export { useWebchatContainer } from './lib/components/webchat-container/use-webc
 export { useWebchatHeader } from './lib/components/webchat-header/use-webchat-header';
 export { useWebchatInput } from './lib/components/webchat-input/use-webchat-input';
 export { useWebchatMessages } from './lib/components/webchat-messages/use-webchat-messages';
-export { useWebchatState } from './lib/hooks/use-webchat-state';
+export { useUpdateCustomMessageProps } from './lib/hooks/use-update-custom-message-props';
+export { useWebchatState, type WebchatCustomMessageComponents, type WebchatStateProps, } from './lib/hooks/use-webchat-state';
 export { DEFAULT_WEBCHAT_HERO_HEADER_LAYOUT_CONFIG, getMessageActorCount, mergeWebchatHeroHeaderLayoutConfig, useWebchatHeroHeaderLayout, type UseWebchatHeroHeaderLayoutParams, type WebchatHeroHeaderLayoutConfig, type WebchatHeroHeaderLayoutResult, } from './lib/hero-header-layout';
 export { Message, type MessageProps } from './lib/components/message/message';
 export { MessageBubble, type MessageBubbleProps, } from './lib/components/message/message/message-bubble';
+export { RatingMessage, type RatingMessageProps, } from './lib/components/message/rating-message';
 export { TypingIndicator } from './lib/components/message/typing-message';
 export { MessageMachineRenderer } from './lib/components/message-machine-renderer/message-machine-renderer';
+export { type DebugEvent, type DebugEventConfig, PreviewEventMessage, type PreviewEventMessageProps, SYSTEM_MESSAGE_ROLE, } from './lib/components/preview-events';
 export { Backdrop, Dialog, type DialogAction, DialogContext, type DialogControls, type DialogOpenProps, DialogProvider, type DialogState, type DialogVariant, useDialog, } from './lib/components/dialog';
-export { type CoverComponentRegistry, Overlay, OverlayConfirmModal, type OverlayConfirmModalProps, OverlayContent, type OverlayContentProps, OverlayContext, type OverlayContextValue, OverlayCoverFrame, type OverlayCoverFrameProps, OverlayHeader, type OverlayHeaderProps, type OverlayProps, OverlayWebviewFrame, type OverlayWebviewFrameProps, useOverlay, useOverlayContext, useOverlayHeader, } from './lib/components/webchat-overlay';
-export { ButtonComponent, type ButtonComponentProps, } from './lib/components/shared';
+export { type CoverComponentRegistry, Overlay, OverlayContent, type OverlayContentProps, OverlayContext, type OverlayContextValue, OverlayCoverFrame, type OverlayCoverFrameProps, OverlayHeader, type OverlayHeaderProps, type OverlayProps, OverlayWebviewFrame, type OverlayWebviewFrameProps, useOverlay, useOverlayContext, useOverlayHeader, } from './lib/components/webchat-overlay';
+export { MarkdownText, type MarkdownTextProps, QuickReply, type QuickReplyProps, } from './lib/components/shared';
 export * from './lib/types/primitives';
 export * from './lib/types/webchat-props';
 export type { WebchatConfig, WebchatController, WebchatEmittedEvent, } from '@botonic/webchat-core';

package/index.js

@@ -1,61 +1,65 @@
-import { B as s, a as t, C as o, D as r, b as n, c as u, d as i, e as c, f as l, g as d, h, M as b, i as g, j as W, k as p, O as C, l as v, m as M, n as y, o as O, p as m, q as D, T as H, W as T, r as x, s as B, t as I, u as S, v as w, w as A, x as E, y as f, z as F, A as L, E as R, F as _, G as k, H as G, I as P, J as U, K as j, L as q } from "./webchat-app-I5AArwfY.js";
-import { Badge as J, Banner as K, Button as N, Checkbox as Y, Multiselect as Q, MultiselectWithSections as V, Select as X, SelectWithSections as Z, Slider as $, Spinner as ee, Switch as ae, Tag as se, TextArea as te, TextInput as oe, Tooltip as re } from "@lilara/ui-web-react";
+import { B as s, C as t, D as o, a as r, b as n, c as u, d as i, e as c, f as l, g, M as d, h as M, i as h, j as p, k as b, O as W, l as v, m as C, n as S, o as y, p as O, P as T, Q as D, R as H, S as m, T as x, W as E, q as w, r as I, s as A, t as B, u as R, v as _, w as L, x as k, y as F, z as P, A as f, E as G, F as U, G as Q, H as Y, I as j, J as q, K as z, L as J } from "./webchat-app-Cxzk8Q-q.js";
+import { Badge as N, Banner as V, Button as X, Checkbox as Z, Multiselect as $, MultiselectWithSections as ee, Select as ae, SelectWithSections as se, Slider as te, Spinner as oe, Switch as re, Tag as ne, TextArea as ue, TextInput as ie, Tooltip as ce } from "@lilara/ui-web-react";
 export {
   s as Backdrop,
-  J as Badge,
-  K as Banner,
-  N as Button,
-  t as ButtonComponent,
-  Y as Checkbox,
-  o as CloseButton,
-  r as DEFAULT_WEBCHAT_HERO_HEADER_LAYOUT_CONFIG,
-  n as Dialog,
-  u as DialogContext,
-  i as DialogProvider,
-  c as DropdownMenuItemDownloadTranscript,
-  l as DropdownMenuItemResetConversation,
-  d as DropdownMenuItemResetSession,
-  h as DropdownMenuItemSounds,
-  b as MenuTriggerButton,
-  g as Message,
-  W as MessageBubble,
-  p as MessageMachineRenderer,
-  Q as Multiselect,
-  V as MultiselectWithSections,
-  C as Overlay,
-  v as OverlayConfirmModal,
-  M as OverlayContent,
-  y as OverlayContext,
-  O as OverlayCoverFrame,
-  m as OverlayHeader,
-  D as OverlayWebviewFrame,
-  X as Select,
-  Z as SelectWithSections,
-  $ as Slider,
-  ee as Spinner,
-  ae as Switch,
-  se as Tag,
-  te as TextArea,
-  oe as TextInput,
-  re as Tooltip,
-  H as TypingIndicator,
-  T as WebchatApp,
-  x as WebchatContainer,
-  B as WebchatHeader,
-  I as WebchatInput,
-  S as WebchatMessages,
-  w as WebchatProvider,
-  A as getMessageActorCount,
-  E as mergeWebchatHeroHeaderLayoutConfig,
-  f as useDialog,
+  N as Badge,
+  V as Banner,
+  X as Button,
+  Z as Checkbox,
+  t as CloseButton,
+  o as DEFAULT_WEBCHAT_HERO_HEADER_LAYOUT_CONFIG,
+  r as Dialog,
+  n as DialogContext,
+  u as DialogProvider,
+  i as DropdownMenuItemDownloadTranscript,
+  c as DropdownMenuItemResetConversation,
+  l as DropdownMenuItemResetSession,
+  g as DropdownMenuItemSounds,
+  d as MarkdownText,
+  M as MenuTriggerButton,
+  h as Message,
+  p as MessageBubble,
+  b as MessageMachineRenderer,
+  $ as Multiselect,
+  ee as MultiselectWithSections,
+  W as Overlay,
+  v as OverlayContent,
+  C as OverlayContext,
+  S as OverlayCoverFrame,
+  y as OverlayHeader,
+  O as OverlayWebviewFrame,
+  T as PreviewEventMessage,
+  D as QuickReply,
+  H as RatingMessage,
+  m as SYSTEM_MESSAGE_ROLE,
+  ae as Select,
+  se as SelectWithSections,
+  te as Slider,
+  oe as Spinner,
+  re as Switch,
+  ne as Tag,
+  ue as TextArea,
+  ie as TextInput,
+  ce as Tooltip,
+  x as TypingIndicator,
+  E as WebchatApp,
+  w as WebchatContainer,
+  I as WebchatHeader,
+  A as WebchatInput,
+  B as WebchatMessages,
+  R as WebchatProvider,
+  _ as getMessageActorCount,
+  L as mergeWebchatHeroHeaderLayoutConfig,
+  k as useDialog,
   F as useOverlay,
-  L as useOverlayContext,
-  R as useOverlayHeader,
-  _ as useWebchatContainer,
-  k as useWebchatContext,
-  G as useWebchatHeader,
-  P as useWebchatHeroHeaderLayout,
-  U as useWebchatInput,
-  j as useWebchatMessages,
-  q as useWebchatState
+  P as useOverlayContext,
+  f as useOverlayHeader,
+  G as useUpdateCustomMessageProps,
+  U as useWebchatContainer,
+  Q as useWebchatContext,
+  Y as useWebchatHeader,
+  j as useWebchatHeroHeaderLayout,
+  q as useWebchatInput,
+  z as useWebchatMessages,
+  J as useWebchatState
 };

package/lib/components/message/index.d.ts

@@ -29,6 +29,7 @@ export { type CarouselElement, CarouselMessage, type CarouselMessageProps, } fro
 export { DocumentMessage, type DocumentMessageProps } from './document-message';
 export { ImageMessage, type ImageMessageProps } from './image-message';
 export { LocationMessage, type LocationMessageProps } from './location-message';
+export { RatingMessage, type RatingMessageProps } from './rating-message';
 export { TextMessage, type TextMessageProps } from './text-message';
 export { TypingIndicator, type TypingIndicatorProps } from './typing-message';
 export { VideoMessage, type VideoMessageProps } from './video-message';

package/lib/components/message/message/message.d.ts

@@ -17,6 +17,8 @@ export interface MessageProps {
     senderName?: string;
     /** A class name to apply to the message. */
     className?: string;
+    /** Class name merged onto the inner {@link MessageBubble} (e.g. rating card overrides). */
+    bubbleClassName?: string;
     /** The content to render inside the message bubble. */
     children: React.ReactNode;
     /** Hide the footer when the next message belongs to the same group. */

package/lib/components/message/message/use-message.d.ts

@@ -19,6 +19,8 @@ export interface UseMessageProps {
     senderName?: string;
     /** A class name to apply to the message. */
     className?: string;
+    /** Class name merged onto {@link MessageBubble}. */
+    bubbleClassName?: string;
     /** The content to render inside the bubble. */
     children: React.ReactNode;
     /** Hide the footer when this message is grouped with the next. */

package/lib/components/message/rating-message/icons/face-angry.d.ts

@@ -0,0 +1,2 @@
+import { RatingIconProps } from './rating-icon-types';
+export declare const FaceAngrySvg: ({ color, selected }: RatingIconProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/message/rating-message/icons/face-frown.d.ts

@@ -0,0 +1,2 @@
+import { RatingIconProps } from './rating-icon-types';
+export declare const FaceFrownSvg: ({ color, selected }: RatingIconProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/message/rating-message/icons/face-grin-beam.d.ts

@@ -0,0 +1,2 @@
+import { RatingIconProps } from './rating-icon-types';
+export declare const FaceGrinBeamSvg: ({ color, selected }: RatingIconProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/message/rating-message/icons/face-meh.d.ts

@@ -0,0 +1,2 @@
+import { RatingIconProps } from './rating-icon-types';
+export declare const FaceMehSvg: ({ color, selected }: RatingIconProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/message/rating-message/icons/face-smile.d.ts

@@ -0,0 +1,2 @@
+import { RatingIconProps } from './rating-icon-types';
+export declare const FaceSmileSvg: ({ color, selected }: RatingIconProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/message/rating-message/icons/index.d.ts

@@ -0,0 +1,7 @@
+export { FaceAngrySvg } from './face-angry';
+export { FaceFrownSvg } from './face-frown';
+export { FaceGrinBeamSvg } from './face-grin-beam';
+export { FaceMehSvg } from './face-meh';
+export { FaceSmileSvg } from './face-smile';
+export type { RatingIconProps } from './rating-icon-types';
+export { StarSvg } from './star';

package/lib/components/message/rating-message/icons/rating-icon-types.d.ts

@@ -0,0 +1,5 @@
+/** Mirrors hubtype/botonic `RatingIconProps` (packages/botonic-react rating icons). */
+export interface RatingIconProps {
+    color: string;
+    selected?: boolean;
+}

package/lib/components/message/rating-message/icons/star.d.ts

@@ -0,0 +1,2 @@
+import { RatingIconProps } from './rating-icon-types';
+export declare const StarSvg: ({ color, selected }: RatingIconProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/message/rating-message/index.d.ts

@@ -0,0 +1 @@
+export { RatingMessage, type RatingMessageProps } from './rating-message';

package/lib/components/message/rating-message/rating-message.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { RatingMessageProps } from './use-rating-message';
+export type { RatingMessageProps };
+export declare const RatingMessage: React.FC<RatingMessageProps>;

package/lib/components/message/rating-message/use-rating-message.d.ts

@@ -0,0 +1,34 @@
+import { RatingType, WebchatOutputRatingButton } from '@botonic/shared';
+export interface RatingMessageProps {
+    messageId?: string;
+    messageProps?: Record<string, unknown>;
+    text?: string;
+    sendButtonText?: string;
+    type?: RatingType;
+    buttons?: WebchatOutputRatingButton[];
+    /** Persisted state — populated from message.data after interaction */
+    selected?: number;
+    submitted?: boolean;
+}
+export interface UseRatingMessageReturn {
+    state: {
+        selected: number | undefined;
+        hovered: number | undefined;
+        submitted: boolean;
+        isSubmitting: boolean;
+    };
+    handlers: {
+        handleSelect: (value: number) => void;
+        handleHover: (value: number | undefined) => void;
+        handleSubmit: () => Promise<void>;
+    };
+    resolved: {
+        titleText: string;
+        text?: string;
+        sendButtonText: string;
+        messageProps: Record<string, unknown>;
+        type: RatingType;
+        buttons: WebchatOutputRatingButton[];
+    };
+}
+export declare function useRatingMessage(props: RatingMessageProps): UseRatingMessageReturn;

package/lib/components/message-machine-renderer/message-machine-renderer.d.ts

@@ -1,4 +1,4 @@
-import { BotonicButtonContent } from '@botonic/shared';
+import { BotonicButtonContent, PreviewUtils } from '@botonic/shared';
 import { WebchatMessageMachine } from '@botonic/webchat-core';
 import { default as React } from 'react';
 import { ActorRefFrom } from 'xstate';
@@ -8,12 +8,13 @@ export interface MessageMachineRendererProps {
     /** The XState message machine actor */
     messageActor: ActorRefFrom<typeof WebchatMessageMachine>;
     /** Custom renderer for custom message types */
-    customMessageRenderer?: (message: unknown, messageData: unknown, onButtonClick: (button: BotonicButtonContent) => void) => React.ReactNode;
+    customMessageRenderer?: (message: unknown, messageData: unknown, onButtonClick: (button: BotonicButtonContent) => void, messageProps: Partial<MessageProps>) => React.ReactNode;
     /** Additional props to pass to all message components */
     baseProps?: Partial<MessageProps> & {
         avatarConfig?: AvatarConfig;
         customMessages?: any;
         onUserInteraction?: () => void;
+        previewUtils?: PreviewUtils;
     };
     /** Callback when content (like images) finishes loading */
     onContentLoad?: () => void;

package/lib/components/preview-events/events/ai-agent/ai-agent.d.ts

@@ -0,0 +1,3 @@
+import { DebugEventConfig } from '../../preview-events-types';
+import { AiAgentDebugEvent } from '../types';
+export declare const getAiAgentEventConfig: (data: AiAgentDebugEvent) => DebugEventConfig;

package/lib/components/preview-events/events/ai-agent/executed-tools.d.ts

@@ -0,0 +1,7 @@
+import { ToolExecuted } from '../types';
+interface Props {
+    tools: ToolExecuted[];
+    onSeeToolDetails: (tool: ToolExecuted) => void;
+}
+export declare const ExecutedTools: ({ tools, onSeeToolDetails }: Props) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/lib/components/preview-events/events/ai-agent/index.d.ts

@@ -0,0 +1 @@
+export { getAiAgentEventConfig } from './ai-agent';

package/lib/components/preview-events/events/ai-agent/parse-tools.d.ts

@@ -0,0 +1,9 @@
+import { ToolExecuted } from '../types';
+export declare const RETRIEVE_KNOWLEDGE_TOOL = "retrieve_knowledge";
+export declare function parseTools(tools: ToolExecuted[], excludeTransferTools?: boolean): {
+    retrieveKnowledgeTools: ToolExecuted[];
+    otherTools: ToolExecuted[];
+    allSourcesIds: string[];
+    allChunksIds: string[];
+    query: string | undefined;
+};

package/lib/components/preview-events/events/ai-agent-router/ai-agent-router.d.ts

@@ -0,0 +1,3 @@
+import { DebugEventConfig } from '../../preview-events-types';
+import { AiAgentRouterDebugEvent } from '../types';
+export declare const getAiAgentRouterEventConfig: (data: AiAgentRouterDebugEvent) => DebugEventConfig;

package/lib/components/preview-events/events/ai-agent-router/index.d.ts

@@ -0,0 +1 @@
+export { getAiAgentRouterEventConfig } from './ai-agent-router';

package/lib/components/preview-events/events/bot-action.d.ts

@@ -0,0 +1,3 @@
+import { DebugEventConfig } from '../preview-events-types';
+import { BotActionDebugEvent } from './types';
+export declare const getBotActionEventConfig: (data: BotActionDebugEvent) => DebugEventConfig;

package/lib/components/preview-events/events/components/guardrail-item.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+interface GuardrailItemProps {
+    guardrail: string;
+    keyPrefix: string;
+    isLastItem?: boolean;
+}
+export declare const GuardrailItem: React.FC<GuardrailItemProps>;
+interface GuardrailListProps {
+    guardrails: string[];
+    keyPrefix: string;
+    isLastItem?: boolean;
+}
+export declare const GuardrailList: React.FC<GuardrailListProps>;
+export {};

package/lib/components/preview-events/events/components/index.d.ts

@@ -0,0 +1,2 @@
+export { GuardrailItem, GuardrailList } from './guardrail-item';
+export { SourcesSection } from './sources-section';

package/lib/components/preview-events/events/components/sources-section.d.ts

@@ -0,0 +1,11 @@
+import { HubtypeChunk, HubtypeSource } from '@botonic/shared';
+import { default as React } from 'react';
+interface SourcesSectionProps {
+    sources: HubtypeSource[];
+    chunks: HubtypeChunk[];
+    getIconForSourceType: (source: HubtypeSource) => React.ReactNode;
+    onSeeChunks: () => void;
+    label?: string;
+}
+export declare const SourcesSection: ({ sources, chunks, getIconForSourceType, onSeeChunks, label, }: SourcesSectionProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/lib/components/preview-events/events/conditional-channel.d.ts

@@ -0,0 +1,3 @@
+import { DebugEventConfig } from '../preview-events-types';
+import { ConditionalChannelDebugEvent } from './types';
+export declare const getConditionalChannelEventConfig: (data: ConditionalChannelDebugEvent) => DebugEventConfig;

package/lib/components/preview-events/events/conditional-country.d.ts

@@ -0,0 +1,3 @@
+import { DebugEventConfig } from '../preview-events-types';
+import { ConditionalCountryDebugEvent } from './types';
+export declare const getConditionalCountryEventConfig: (data: ConditionalCountryDebugEvent) => DebugEventConfig;

package/lib/components/preview-events/events/conditional-custom.d.ts

@@ -0,0 +1,3 @@
+import { DebugEventConfig } from '../preview-events-types';
+import { ConditionalCustomDebugEvent } from './types';
+export declare const getConditionalCustomEventConfig: (data: ConditionalCustomDebugEvent) => DebugEventConfig;

package/lib/components/preview-events/events/conditional-queue-status.d.ts

@@ -0,0 +1,3 @@
+import { DebugEventConfig } from '../preview-events-types';
+import { ConditionalQueueStatusDebugEvent } from './types';
+export declare const getConditionalQueueStatusEventConfig: (data: ConditionalQueueStatusDebugEvent) => DebugEventConfig;

package/lib/components/preview-events/events/constants.d.ts

@@ -0,0 +1,32 @@
+export declare const LABELS: {
+    readonly GUARDRAIL_TRIGGERED: "Guardrail triggered";
+    readonly KNOWLEDGE_FOUND: "Knowledge found";
+    readonly FAITHFUL_ANSWER: "Faithful answer";
+    readonly QUERY: "Query";
+    readonly SOURCES: "Sources";
+    readonly KNOWLEDGE_SOURCES: "Knowledge sources";
+    readonly EXECUTED_TOOLS: "Executed tools";
+    readonly TOOL_ARGUMENTS: "Tool arguments";
+    readonly TOOL_RESULTS: "Tool results";
+    readonly NO_TOOLS_EXECUTED: "No tools executed";
+    readonly AUTO_ASSIGN_ON: "ON";
+    readonly AUTO_ASSIGN_OFF: "OFF";
+    readonly EXIT: "Exit";
+    readonly ERROR: "Error";
+    readonly QUEUE: "Queue";
+    readonly AUTO_ASSIGN: "Auto-assign";
+    readonly NOTE: "Note";
+    readonly KNOWLEDGE_BASE_FAIL_REASON: "Knowledge Base Fail Reason";
+    readonly SEE_CHUNKS_BUTTON: "See chunks";
+    readonly SEE_TOOL_DETAILS: "Details";
+    readonly STATUS: "Status";
+    readonly YES: "Yes";
+    readonly NO: "No";
+    readonly OPEN: "Open";
+    readonly CLOSED: "Closed";
+    readonly AGENTS_AVAILABLE: "Agents available";
+    readonly AVAILABLE_TRANSFERS: "Available transfers";
+    readonly SPECIALISTS_AVAILABLE: "Specialists available";
+    readonly NO_TRANSFER: "No transfer";
+    readonly TRANSFERRED_TO: "Transferred to";
+};

package/lib/components/preview-events/events/fallback.d.ts

@@ -0,0 +1,3 @@
+import { DebugEventConfig } from '../preview-events-types';
+import { FallbackDebugEvent } from './types';
+export declare const getFallbackEventConfig: (data: FallbackDebugEvent) => DebugEventConfig;

package/lib/components/preview-events/events/handoff-success.d.ts

@@ -0,0 +1,3 @@
+import { DebugEventConfig } from '../preview-events-types';
+import { HandoffSuccessDebugEvent } from './types';
+export declare const getHandoffSuccessEventConfig: (data: HandoffSuccessDebugEvent) => DebugEventConfig;

package/lib/components/preview-events/events/index.d.ts

@@ -0,0 +1,15 @@
+export { getAiAgentEventConfig } from './ai-agent/ai-agent';
+export { getAiAgentRouterEventConfig } from './ai-agent-router/ai-agent-router';
+export { getBotActionEventConfig } from './bot-action';
+export { getConditionalChannelEventConfig } from './conditional-channel';
+export { getConditionalCountryEventConfig } from './conditional-country';
+export { getConditionalCustomEventConfig } from './conditional-custom';
+export { getConditionalQueueStatusEventConfig } from './conditional-queue-status';
+export { getFallbackEventConfig } from './fallback';
+export { getHandoffSuccessEventConfig } from './handoff-success';
+export { getKeywordEventConfig } from './keyword';
+export { getKnowledgeBaseEventConfig } from './knowledge-base';
+export { getRedirectFlowEventConfig } from './redirect-flow';
+export { getSmartIntentEventConfig } from './smart-intent';
+export type { DebugEvent } from './types';
+export { getWebviewActionTriggeredEventConfig } from './webview-action-triggered';

package/lib/components/preview-events/events/keyword.d.ts

@@ -0,0 +1,3 @@
+import { DebugEventConfig } from '../preview-events-types';
+import { KeywordDebugEvent } from './types';
+export declare const getKeywordEventConfig: (data: KeywordDebugEvent) => DebugEventConfig;

package/lib/components/preview-events/events/knowledge-base.d.ts

@@ -0,0 +1,3 @@
+import { DebugEventConfig } from '../preview-events-types';
+import { KnowledgeBaseDebugEvent } from './types';
+export declare const getKnowledgeBaseEventConfig: (_data: KnowledgeBaseDebugEvent) => DebugEventConfig;

package/lib/components/preview-events/events/redirect-flow.d.ts

@@ -0,0 +1,3 @@
+import { DebugEventConfig } from '../preview-events-types';
+import { RedirectFlowDebugEvent } from './types';
+export declare const getRedirectFlowEventConfig: (data: RedirectFlowDebugEvent) => DebugEventConfig;

package/lib/components/preview-events/events/smart-intent.d.ts

@@ -0,0 +1,3 @@
+import { DebugEventConfig } from '../preview-events-types';
+import { SmartIntentDebugEvent } from './types';
+export declare const getSmartIntentEventConfig: (data: SmartIntentDebugEvent) => DebugEventConfig;

package/lib/components/preview-events/events/types.d.ts

@@ -0,0 +1,112 @@
+import { ChunkIdsGroupedBySourceData, EventAction } from '@botonic/shared';
+export interface KeywordDebugEvent {
+    action: EventAction.Keyword;
+    flow_id: string;
+    flow_node_id: string;
+    nlu_keyword_is_regex: boolean;
+    nlu_keyword_name: string;
+}
+export interface SmartIntentDebugEvent {
+    action: EventAction.IntentSmart;
+    nlu_intent_smart_title: string;
+}
+export interface FallbackDebugEvent {
+    action: EventAction.Fallback;
+    user_input: string;
+    fallback_out: number;
+    fallback_message_id: string;
+}
+export interface BotActionDebugEvent {
+    action: EventAction.BotAction;
+    payload: string;
+}
+export interface HandoffSuccessDebugEvent {
+    action: EventAction.HandoffSuccess;
+    handoff_queue_name: string;
+    handoff_is_queue_open: boolean;
+    handoff_has_auto_assign: boolean;
+    handoff_note_id: string;
+}
+export interface RedirectFlowDebugEvent {
+    action: EventAction.RedirectFlow;
+    flow_id: string;
+    flow_name: string;
+    flow_target_id: string;
+    flow_target_name: string;
+}
+export interface WebviewActionTriggeredDebugEvent {
+    action: EventAction.WebviewActionTriggered;
+    webview_target_id: string;
+    webview_name: string;
+}
+export interface ConditionalChannelDebugEvent {
+    action: EventAction.ConditionalChannel;
+    channel: string;
+}
+export interface ConditionalCountryDebugEvent {
+    action: EventAction.ConditionalCountry;
+    country: string;
+}
+export interface ConditionalCustomDebugEvent {
+    action: EventAction.ConditionalCustom;
+    conditional_variable: string;
+    variable_format: string;
+}
+export interface ConditionalQueueStatusDebugEvent {
+    action: EventAction.ConditionalQueueStatus;
+    queue_id: string;
+    queue_name: string;
+    is_queue_open: boolean;
+    is_available_agent: boolean;
+}
+export interface KnowledgeBaseDebugEvent {
+    action: EventAction.Knowledgebase;
+    flow_id: string;
+    flow_node_id: string;
+    knowledgebase_inference_id: string;
+    knowledgebase_fail_reason: string;
+    knowledgebase_sources_ids: string[];
+    knowledgebase_chunks_ids: string[];
+    user_input: string;
+    knowledge_base_chunks_with_sources?: ChunkIdsGroupedBySourceData[];
+    messageId?: string;
+}
+export interface ToolExecuted {
+    tool_name: string;
+    tool_arguments: Record<string, unknown>;
+    tool_results?: string;
+    knowledgebase_sources_ids?: string[];
+    knowledgebase_chunks_ids?: string[];
+}
+export interface AiAgentDebugEvent {
+    action: EventAction.AiAgent;
+    flow_node_content_id: string;
+    user_input?: string;
+    tools_executed: ToolExecuted[];
+    input_guardrails_triggered: string[];
+    output_guardrails_triggered: string[];
+    exit: boolean;
+    error: boolean;
+    knowledge_base_chunks_with_sources?: ChunkIdsGroupedBySourceData[];
+    messageId?: string;
+}
+export interface SpecialistDebugEvent {
+    name: string;
+    description: string;
+}
+export interface AiAgentRouterDebugEvent {
+    action: EventAction.AiAgentRouter;
+    flow_node_content_id: string;
+    tools_executed: ToolExecuted[];
+    memory_length: number;
+    input_guardrails_triggered: string[];
+    output_guardrails_triggered: string[];
+    exit: boolean;
+    starting_agent_name: string;
+    last_agent_name: string;
+    available_specialists: SpecialistDebugEvent[];
+    is_transferred_to_specialist: boolean;
+    knowledge_base_chunks_with_sources?: ChunkIdsGroupedBySourceData[];
+    messageId?: string;
+}
+export type DebugEvent = KeywordDebugEvent | SmartIntentDebugEvent | FallbackDebugEvent | BotActionDebugEvent | HandoffSuccessDebugEvent | RedirectFlowDebugEvent | WebviewActionTriggeredDebugEvent | ConditionalChannelDebugEvent | ConditionalCountryDebugEvent | ConditionalCustomDebugEvent | ConditionalQueueStatusDebugEvent | KnowledgeBaseDebugEvent | AiAgentDebugEvent | AiAgentRouterDebugEvent;

package/lib/components/preview-events/events/webview-action-triggered.d.ts

@@ -0,0 +1,3 @@
+import { DebugEventConfig } from '../preview-events-types';
+import { WebviewActionTriggeredDebugEvent } from './types';
+export declare const getWebviewActionTriggeredEventConfig: (data: WebviewActionTriggeredDebugEvent) => DebugEventConfig;

package/lib/components/preview-events/hooks/use-knowledge-base-info.d.ts

@@ -0,0 +1,19 @@
+import { ChunkIdsGroupedBySourceData, HubtypeChunk, HubtypeSource, PreviewUtils } from '@botonic/shared';
+import { default as React } from 'react';
+interface UseKnowledgeBaseInfoParams {
+    sourceIds: string[];
+    chunkIds: string[];
+    existingChunksWithSources?: ChunkIdsGroupedBySourceData[];
+    failReason?: string;
+    previewUtils?: PreviewUtils;
+}
+export declare function useKnowledgeBaseInfo({ sourceIds, chunkIds, existingChunksWithSources, failReason, previewUtils, }: UseKnowledgeBaseInfoParams): {
+    sources: HubtypeSource[];
+    chunks: HubtypeChunk[];
+    chunksWithSources: ChunkIdsGroupedBySourceData[];
+    isLoading: boolean;
+    getIconForSourceType: (source: HubtypeSource) => React.ReactNode;
+    hasKnowledge: boolean;
+    isFaithful: boolean;
+};
+export {};