@chatbotkit/react 1.18.3 → 1.19.0

package/dist/cjs/actions/complete.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.streamComplete = void 0;
+exports.streamComplete = streamComplete;
 const react_1 = require("react");
 const it_js_1 = require("../utils/it.cjs");
 const stream_js_1 = require("../utils/stream.cjs");
@@ -64,13 +64,13 @@ async function* complete({ client, messages, functions, maxRecusion = 50, ...opt
         }
     }
     for await (const item of it) {
-        yield item;
         if (options.onItem) {
             const result = await options.onItem(item);
             if (result && typeof result === 'object' && 'type' in result) {
                 yield result;
             }
         }
+        yield item;
         const { type, data } = item;
         if (type === 'message') {
             const message = data;
@@ -206,5 +206,4 @@ async function* complete({ client, messages, functions, maxRecusion = 50, ...opt
 function streamComplete(options) {
     return (0, stream_js_1.stream)(complete(options));
 }
-exports.streamComplete = streamComplete;
 exports.default = complete;

package/dist/cjs/actions/complete.d.ts

@@ -1,7 +1,7 @@
-export function streamComplete(options: Options): import('../utils/stream.cjs').StreamResult;
+export function streamComplete(options: Options): import("../utils/stream.js").StreamResult;
 export default complete;
-export type ReactElement = import('react').ReactElement;
-export type ReactNode = import('react').ReactNode;
+export type ReactElement = import("react").ReactElement;
+export type ReactNode = import("react").ReactNode;
 export type Item = {
     type: string;
     data: object;
@@ -15,12 +15,12 @@ export type ValidatingParametersSchema = {
     }>;
 };
 export type InputMessage = {
-    type: 'bot' | 'user' | 'reasoning' | 'context' | 'instruction' | 'backstory' | 'activity';
+    type: "bot" | "user" | "reasoning" | "context" | "instruction" | "backstory" | "activity";
     text: string;
     meta?: Record<string, any>;
 };
 export type OutputMessage = {
-    type: 'bot' | 'activity';
+    type: "bot" | "activity";
     text: string;
     meta?: Record<string, any>;
 };
@@ -54,8 +54,8 @@ export type OnStartHandler = () => any;
 export type OnFinishHandler = (arg0: {
     messages: Message[];
 }) => any;
-export type Options = Omit<any, 'messages' | 'functions'> & {
-    client: import('@chatbotkit/sdk').ConversationClient;
+export type Options = Omit<any, "messages" | "functions"> & {
+    client: import("@chatbotkit/sdk").ConversationClient;
     messages: InputMessage[];
     functions?: (InputFunction | (() => InputFunction | Promise<InputFunction>))[];
     maxRecusion?: number;

package/dist/cjs/components/AutoScroller.cjs

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.AutoScroller = void 0;
+exports.AutoScroller = AutoScroller;
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = tslib_1.__importStar(require("react"));
@@ -53,5 +53,4 @@ function AutoScroller(props) {
     }, [disabled]);
     return ((0, jsx_runtime_1.jsxs)("div", { ref: rootRef, ...rest, children: [anchor === 'top' ? (0, jsx_runtime_1.jsx)(AutoScrollAnchor, {}, "top") : null, children, anchor === 'bottom' ? (0, jsx_runtime_1.jsx)(AutoScrollAnchor, {}, "bottom") : null] }));
 }
-exports.AutoScroller = AutoScroller;
 exports.default = AutoScroller;

package/dist/cjs/components/AutoScroller.d.ts

@@ -1,9 +1,9 @@
 export function AutoScroller(props?: {
-    [name: string]: any;
-    anchor?: 'top' | 'bottom';
+    anchor?: "top" | "bottom";
     childList?: boolean;
     subtree?: boolean;
-    block?: 'start' | 'end';
+    block?: "start" | "end";
     delay?: number;
+    [name: string]: any;
 }): import("react/jsx-runtime").JSX.Element;
 export default AutoScroller;

package/dist/cjs/components/AutoTextarea.cjs

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.AutoTextarea = void 0;
+exports.AutoTextarea = AutoTextarea;
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = tslib_1.__importStar(require("react"));
@@ -59,5 +59,4 @@ function AutoTextarea(props, forwardedRef) {
     }, []);
     return (0, jsx_runtime_1.jsx)("textarea", { ref: localRef, rows: 1, ...props });
 }
-exports.AutoTextarea = AutoTextarea;
 exports.default = (0, react_1.forwardRef)(AutoTextarea);

package/dist/cjs/components/ChatInput.cjs

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ChatInput = void 0;
+exports.ChatInput = ChatInput;
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const AutoTextarea_js_1 = tslib_1.__importDefault(require("./AutoTextarea.cjs"));
@@ -17,5 +17,4 @@ function ChatInput(props) {
     }
     return (0, jsx_runtime_1.jsx)(AutoTextarea_js_1.default, { ...rest, onKeyDown: handleOnKeyDown });
 }
-exports.ChatInput = ChatInput;
 exports.default = ChatInput;

package/dist/cjs/components/ChatInput.d.ts

@@ -1,6 +1,6 @@
 export function ChatInput(props: {
-    [name: string]: any;
     onSubmit: () => void;
     modifierKey?: boolean;
+    [name: string]: any;
 }): import("react/jsx-runtime.js").JSX.Element;
 export default ChatInput;

package/dist/cjs/components/ChatMessage.cjs

@@ -1,7 +1,7 @@
 'use any';
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ChatMessage = void 0;
+exports.ChatMessage = ChatMessage;
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
@@ -22,4 +22,3 @@ function ChatMessage(props) {
     }, [customComponents]);
     return ((0, jsx_runtime_1.jsxs)("div", { ...rest, children: [(0, jsx_runtime_1.jsx)(react_markdown_1.default, { remarkPlugins: remarkPlugins, rehypePlugins: rehypePlugins, components: components, children: text }), children] }));
 }
-exports.ChatMessage = ChatMessage;

package/dist/cjs/components/ChatMessage.d.ts

@@ -1,3 +1,3 @@
 export function ChatMessage(props: {
     text: string;
-} & Pick<import("react-markdown/lib").Options, "remarkPlugins" | "rehypePlugins" | "components"> & import("react").HTMLProps<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+} & Pick<import("react-markdown").Options, "remarkPlugins" | "rehypePlugins" | "components"> & import("react").HTMLProps<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/ChatMessages.cjs

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ChatMessages = void 0;
+exports.ChatMessages = ChatMessages;
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const AutoScroller_js_1 = tslib_1.__importDefault(require("./AutoScroller.cjs"));
@@ -9,5 +9,4 @@ function ChatMessages(props) {
     const { ...rest } = props || {};
     return (0, jsx_runtime_1.jsx)(AutoScroller_js_1.default, { ...rest });
 }
-exports.ChatMessages = ChatMessages;
 exports.default = ChatMessages;

package/dist/cjs/components/ConversationManager.cjs

@@ -1,7 +1,8 @@
 'use client';
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ConversationManager = exports.ConversationContext = void 0;
+exports.ConversationContext = void 0;
+exports.ConversationManager = ConversationManager;
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
@@ -23,5 +24,4 @@ function ConversationManager({ children, ...options }) {
     const manager = (0, useConversationManager_js_1.default)(options);
     return ((0, jsx_runtime_1.jsx)(exports.ConversationContext.Provider, { value: manager, children: children }));
 }
-exports.ConversationManager = ConversationManager;
 exports.default = ConversationManager;

package/dist/cjs/components/ConversationManager.d.ts

@@ -1,5 +1,5 @@
-export function ConversationManager({ children, ...options }: import('../hooks/useConversationManager.cjs').UseConversationManagerOptions & {
-    children: import('react').ReactNode;
-}): import('react').ReactElement;
+export function ConversationManager({ children, ...options }: import("../hooks/useConversationManager.js").UseConversationManagerOptions & {
+    children: import("react").ReactNode;
+}): import("react").ReactElement;
 export const ConversationContext: import("react").Context<import("../hooks/useConversationManager.js").UseConversationManagerResult>;
 export default ConversationManager;

package/dist/cjs/hooks/useConversationManager.cjs

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useConversationManager = void 0;
+exports.useConversationManager = useConversationManager;
 const tslib_1 = require("tslib");
 const react_1 = require("react");
 const useConversationManagerRemote_js_1 = tslib_1.__importDefault(require("./useConversationManagerRemote.cjs"));
@@ -128,5 +128,4 @@ function useConversationManager({ interactionMaxMessages = 100, ...conversationM
         request,
     };
 }
-exports.useConversationManager = useConversationManager;
 exports.default = useConversationManager;

package/dist/cjs/hooks/useConversationManager.d.ts

@@ -8,9 +8,9 @@ export type SimpleMessage = Message & {
 export type ComplexMessage = Message & {
     id: string;
     createdAt: Date;
-    children?: import('react').ReactNode;
+    children?: import("react").ReactNode;
 };
-export type UseConversationManagerRemoteOptions = import('./useConversationManagerRemote.cjs').UseConversationManagerRemoteOptions;
+export type UseConversationManagerRemoteOptions = import("./useConversationManagerRemote.js").UseConversationManagerRemoteOptions;
 export type UseConversationManagerOptions = UseConversationManagerRemoteOptions & {
     interactionMaxMessages?: number;
 };

package/dist/cjs/hooks/useConversationManagerRemote.cjs

@@ -1,7 +1,7 @@
 'use any';
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useConversationManagerRemote = void 0;
+exports.useConversationManagerRemote = useConversationManagerRemote;
 const react_1 = require("react");
 const object_js_1 = require("../utils/object.cjs");
 const stream_js_1 = require("../utils/stream.cjs");
@@ -88,5 +88,4 @@ function useConversationManagerRemote({ client: _client, endpoint, token, conver
     ]);
     return remote;
 }
-exports.useConversationManagerRemote = useConversationManagerRemote;
 exports.default = useConversationManagerRemote;

package/dist/cjs/hooks/useConversationManagerState.cjs

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useConversationManagerState = void 0;
+exports.useConversationManagerState = useConversationManagerState;
 const tslib_1 = require("tslib");
 const react_1 = require("react");
 const useConversationManagerStateReducer_js_1 = tslib_1.__importDefault(require("./useConversationManagerStateReducer.cjs"));
@@ -29,5 +29,4 @@ function useConversationManagerState(state) {
         },
     ];
 }
-exports.useConversationManagerState = useConversationManagerState;
 exports.default = useConversationManagerState;

package/dist/cjs/hooks/useConversationManagerState.d.ts

@@ -1,9 +1,9 @@
 export function useConversationManagerState(state?: Partial<State>): [State, StateFunctions];
 export default useConversationManagerState;
-export type State = import('./useConversationManagerStateReducer.cjs').State;
+export type State = import("./useConversationManagerStateReducer.js").State;
 export type StateFunctions = {
-    setThinking: (thinking: import('./useConversationManagerStateReducer.cjs').SetThinkingAction['data']['thinking']) => void;
-    setTyping: (typing: import('./useConversationManagerStateReducer.cjs').SetTypingAction['data']['typing']) => void;
-    appendText: (text: import('./useConversationManagerStateReducer.cjs').AppendTextAction['data']['text']) => void;
-    appendMessage: (message: import('./useConversationManagerStateReducer.cjs').AppendMessageAction['data']['message']) => void;
+    setThinking: (thinking: import("./useConversationManagerStateReducer.js").SetThinkingAction["data"]["thinking"]) => void;
+    setTyping: (typing: import("./useConversationManagerStateReducer.js").SetTypingAction["data"]["typing"]) => void;
+    appendText: (text: import("./useConversationManagerStateReducer.js").AppendTextAction["data"]["text"]) => void;
+    appendMessage: (message: import("./useConversationManagerStateReducer.js").AppendMessageAction["data"]["message"]) => void;
 };

package/dist/cjs/hooks/useConversationManagerStateReducer.cjs

@@ -1,7 +1,9 @@
 'use client';
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useConversationManagerStateReducer = exports.conversationManagerStateInitial = exports.conversationManagerStateReducer = void 0;
+exports.conversationManagerStateReducer = conversationManagerStateReducer;
+exports.conversationManagerStateInitial = conversationManagerStateInitial;
+exports.useConversationManagerStateReducer = useConversationManagerStateReducer;
 const react_1 = require("react");
 const string_js_1 = require("../utils/string.cjs");
 function conversationManagerStateReducer(state, action) {
@@ -98,7 +100,6 @@ function conversationManagerStateReducer(state, action) {
         }
     }
 }
-exports.conversationManagerStateReducer = conversationManagerStateReducer;
 function conversationManagerStateInitial(state) {
     return {
         message: null,
@@ -108,9 +109,7 @@ function conversationManagerStateInitial(state) {
         ...state,
     };
 }
-exports.conversationManagerStateInitial = conversationManagerStateInitial;
 function useConversationManagerStateReducer(state) {
     return (0, react_1.useReducer)(conversationManagerStateReducer, state, conversationManagerStateInitial);
 }
-exports.useConversationManagerStateReducer = useConversationManagerStateReducer;
 exports.default = useConversationManagerStateReducer;

package/dist/cjs/hooks/useConversationManagerStateReducer.d.ts

@@ -1,6 +1,6 @@
 export function conversationManagerStateReducer(state: State, action: Action): State;
 export function conversationManagerStateInitial(state?: Partial<State>): State;
-export function useConversationManagerStateReducer(state?: Partial<State>): [State, import('react').Dispatch<Action>];
+export function useConversationManagerStateReducer(state?: Partial<State>): [State, import("react").Dispatch<Action>];
 export default useConversationManagerStateReducer;
 export type Message = any & {
     id: string;
@@ -13,27 +13,27 @@ export type State = {
     messages: Message[];
 };
 export type SetThinkingAction = {
-    type: 'setThinking';
+    type: "setThinking";
     data: {
         thinking: boolean;
     };
 };
 export type SetTypingAction = {
-    type: 'setTyping';
+    type: "setTyping";
     data: {
         typing: boolean;
     };
 };
 export type AppendTextAction = {
-    type: 'appendText';
+    type: "appendText";
     data: {
         text: string;
     };
 };
 export type AppendMessageAction = {
-    type: 'appendMessage';
+    type: "appendMessage";
     data: {
-        message: Omit<Message, 'id' | 'createdAt'> & {
+        message: Omit<Message, "id" | "createdAt"> & {
             id?: string;
             createdAt?: Date;
         };

package/dist/cjs/hooks/useDOMQuerySelector.cjs

@@ -1,29 +1,50 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDOMQuerySelector = void 0;
+exports.default = useDOMQuerySelector;
+const tslib_1 = require("tslib");
 const react_1 = require("react");
-function useDOMQuerySelector(selector, options) {
-    const { waitForElements = false } = options || {};
+const useDeps_js_1 = tslib_1.__importDefault(require("./useDeps.cjs"));
+function useDOMQuerySelector(selector, options, deps) {
+    const { waitForElements = false, disconnectOnFirstMatch = true, parent = typeof document !== 'undefined'
+        ? document.documentElement
+        : undefined, } = options || {};
+    const thisDeps = (0, useDeps_js_1.default)(deps);
     const [elements, setElements] = (0, react_1.useState)(([]));
     (0, react_1.useEffect)(() => {
-        const elements = document.querySelectorAll(selector);
-        setElements((Array.from(elements)));
-        if (!elements.length && waitForElements) {
+        if (!selector) {
+            return;
+        }
+        if (!parent) {
+            return;
+        }
+        const initialElements = parent.querySelectorAll(selector);
+        setElements(Array.from(initialElements));
+        if (!initialElements.length && waitForElements) {
             const observer = new MutationObserver(() => {
-                const elements = document.querySelectorAll(selector);
+                const elements = parent.querySelectorAll(selector);
                 if (elements.length) {
-                    observer.disconnect();
+                    setElements(Array.from(elements));
+                    if (disconnectOnFirstMatch) {
+                        try {
+                            observer.disconnect();
+                        }
+                        catch (_a) {
+                        }
+                    }
                 }
-                setElements((Array.from(elements)));
             });
-            observer.observe(document.body, {
+            observer.observe(parent, {
                 childList: true,
                 subtree: true,
             });
-            return () => observer.disconnect();
+            return () => {
+                try {
+                    observer.disconnect();
+                }
+                catch (_a) {
+                }
+            };
         }
-    }, [selector, waitForElements]);
+    }, [selector, waitForElements, disconnectOnFirstMatch, parent, thisDeps]);
     return elements;
 }
-exports.useDOMQuerySelector = useDOMQuerySelector;
-exports.default = useDOMQuerySelector;

package/dist/cjs/hooks/useDOMQuerySelector.d.ts

@@ -1,4 +1,5 @@
-export function useDOMQuerySelector<T>(selector: string, options?: {
+export default function useDOMQuerySelector(selector: string | null | undefined, options?: {
     waitForElements?: boolean;
-}): T[];
-export default useDOMQuerySelector;
+    disconnectOnFirstMatch?: boolean;
+    parent?: ParentNode;
+}, deps?: any[]): Element[];

package/dist/cjs/hooks/useDeps.cjs

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = useDeps;
+const react_1 = require("react");
+function useDeps(deps = []) {
+    const [depsId, setDepsId] = (0, react_1.useState)(0);
+    (0, react_1.useEffect)(() => {
+        setDepsId((prevId) => prevId + 1);
+    }, deps);
+    return depsId;
+}

package/dist/cjs/hooks/useDeps.d.ts

@@ -0,0 +1 @@
+export default function useDeps(deps?: any[]): number;

package/dist/cjs/hooks/useWidgetInstance.cjs

@@ -1,11 +1,32 @@
 'use client';
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useWidgetInstance = void 0;
+exports.useWidgetInstance = useWidgetInstance;
+const tslib_1 = require("tslib");
 const react_1 = require("react");
-function useWidgetInstance() {
-    const [instance, setInstance] = (0, react_1.useState)(null);
+const useDOMQuerySelector_js_1 = tslib_1.__importDefault(require("./useDOMQuerySelector.cjs"));
+function useWidgetInstance(selector, deps) {
+    const [instance, setInstance] = (0, react_1.useState)((null));
+    const [element] = (0, useDOMQuerySelector_js_1.default)(selector, { waitForElements: true }, deps);
     (0, react_1.useEffect)(() => {
+        if (element) {
+            const widgetElement = (element);
+            if (widgetElement.readyPromise) {
+                widgetElement.readyPromise.then(() => setInstance(widgetElement));
+                return;
+            }
+            {
+                const onReady = () => {
+                    widgetElement.removeEventListener('ready', onReady);
+                    setInstance(widgetElement);
+                };
+                widgetElement.addEventListener('ready', onReady);
+                return () => {
+                    var _a;
+                    (_a = widgetElement === null || widgetElement === void 0 ? void 0 : widgetElement.removeEventListener) === null || _a === void 0 ? void 0 : _a.call(widgetElement, 'ready', onReady);
+                };
+            }
+        }
         if (window.chatbotkitWidget) {
             window.chatbotkitWidget.instancePromise.then((instance) => setInstance(instance));
             return;
@@ -17,8 +38,7 @@ function useWidgetInstance() {
         return () => {
             window.removeEventListener('chatbotkitWidgetInit', onInit);
         };
-    }, []);
+    }, [element]);
     return instance;
 }
-exports.useWidgetInstance = useWidgetInstance;
 exports.default = useWidgetInstance;

package/dist/cjs/hooks/useWidgetInstance.d.ts

@@ -1,4 +1,4 @@
-export function useWidgetInstance(): ChatBotKitWidgetInstance | null;
+export function useWidgetInstance(selector?: string, deps?: any[]): ChatBotKitWidgetInstance | null;
 export default useWidgetInstance;
 export type WidgetMessage = {
     id: string;
@@ -21,7 +21,7 @@ export type WidgetFunctionWithHandler = WidgetFunctionBase & {
     handler: (args: any) => any;
 };
 export type WidgetFunction = WidgetFunctionWithResult | WidgetFunctionWithHandler;
-export type WidgteRestartConversationFn = () => void;
+export type WidgetRestartConversationFn = () => void;
 export type WidgetSendMessageFn = (options: string | (({
     message: string;
 } | {
@@ -36,6 +36,6 @@ export type ChatBotKitWidgetInstance = HTMLElement & {
     messages?: WidgetMessage[] | null;
     notifications?: Record<string, WidgetNotification> | null;
     functions?: Record<string, WidgetFunction> | null;
-    restartConversation: WidgteRestartConversationFn;
+    restartConversation: WidgetRestartConversationFn;
     sendMessage: WidgetSendMessageFn;
 };

package/dist/cjs/hooks/useWidgetInstanceFunctions.cjs

@@ -1,12 +1,12 @@
 'use client';
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useWidgetInstanceFunctions = void 0;
+exports.useWidgetInstanceFunctions = useWidgetInstanceFunctions;
 const tslib_1 = require("tslib");
 const react_1 = require("react");
 const useWidgetInstance_js_1 = tslib_1.__importDefault(require("./useWidgetInstance.cjs"));
-function useWidgetInstanceFunctions(params) {
-    const instance = (0, useWidgetInstance_js_1.default)();
+function useWidgetInstanceFunctions(params, deps) {
+    const instance = (0, useWidgetInstance_js_1.default)(params === null || params === void 0 ? void 0 : params.selector, deps);
     (0, react_1.useEffect)(() => {
         if (!instance) {
             return;
@@ -18,6 +18,6 @@ function useWidgetInstanceFunctions(params) {
             ...params === null || params === void 0 ? void 0 : params.functions,
         };
     }, [params === null || params === void 0 ? void 0 : params.functions, instance]);
+    return instance;
 }
-exports.useWidgetInstanceFunctions = useWidgetInstanceFunctions;
 exports.default = useWidgetInstanceFunctions;

package/dist/cjs/hooks/useWidgetInstanceFunctions.d.ts

@@ -1,5 +1,6 @@
 export function useWidgetInstanceFunctions(params?: {
+    selector?: string;
     functions?: Record<string, WidgetFunction> | null;
-}): void;
+}, deps?: any[]): import("./useWidgetInstance.js").ChatBotKitWidgetInstance | null;
 export default useWidgetInstanceFunctions;
-export type WidgetFunction = import('./useWidgetInstance.cjs').WidgetFunction;
+export type WidgetFunction = import("./useWidgetInstance.js").WidgetFunction;

package/dist/cjs/hooks/useWidgetInstanceNotifications.cjs

@@ -1,12 +1,12 @@
 'use client';
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useWidgetInstanceNotifications = void 0;
+exports.useWidgetInstanceNotifications = useWidgetInstanceNotifications;
 const tslib_1 = require("tslib");
 const react_1 = require("react");
 const useWidgetInstance_js_1 = tslib_1.__importDefault(require("./useWidgetInstance.cjs"));
-function useWidgetInstanceNotifications(params) {
-    const instance = (0, useWidgetInstance_js_1.default)();
+function useWidgetInstanceNotifications(params, deps) {
+    const instance = (0, useWidgetInstance_js_1.default)(params === null || params === void 0 ? void 0 : params.selector, deps);
     (0, react_1.useEffect)(() => {
         if (!instance) {
             return;
@@ -18,6 +18,6 @@ function useWidgetInstanceNotifications(params) {
             ...params === null || params === void 0 ? void 0 : params.notifications,
         };
     }, [params === null || params === void 0 ? void 0 : params.notifications, instance]);
+    return instance;
 }
-exports.useWidgetInstanceNotifications = useWidgetInstanceNotifications;
 exports.default = useWidgetInstanceNotifications;

package/dist/cjs/hooks/useWidgetInstanceNotifications.d.ts

@@ -1,5 +1,6 @@
 export function useWidgetInstanceNotifications(params?: {
+    selector?: string;
     notifications?: Record<string, WidgetNotification> | null;
-}): void;
+}, deps?: any[]): import("./useWidgetInstance.js").ChatBotKitWidgetInstance | null;
 export default useWidgetInstanceNotifications;
-export type WidgetNotification = import('./useWidgetInstance.cjs').WidgetNotification;
+export type WidgetNotification = import("./useWidgetInstance.js").WidgetNotification;

package/dist/cjs/utils/it.cjs

@@ -1,9 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.isAsyncGenerator = void 0;
+exports.isAsyncGenerator = isAsyncGenerator;
 function isAsyncGenerator(value) {
     return (typeof value === 'object' &&
         value !== null &&
         typeof value[Symbol.asyncIterator] === 'function');
 }
-exports.isAsyncGenerator = isAsyncGenerator;

package/dist/cjs/utils/object.cjs

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.cloneAndExtend = void 0;
+exports.cloneAndExtend = cloneAndExtend;
 function cloneAndExtend(object, extension) {
     return Object.assign(Object.assign(Object.create(Object.getPrototypeOf(object)), object), extension);
 }
-exports.cloneAndExtend = cloneAndExtend;

package/dist/cjs/utils/stream.cjs

@@ -1,6 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.consume = exports.stream = exports.StreamError = void 0;
+exports.StreamError = void 0;
+exports.stream = stream;
+exports.consume = consume;
 class StreamError extends Error {
     constructor(message, code) {
         super(message);
@@ -39,14 +41,17 @@ function stream(source, options) {
         return result;
     });
 }
-exports.stream = stream;
 function consumeIt(source) {
     return {
         [Symbol.asyncIterator]: function () {
             return {
                 current: source,
                 async next() {
-                    const { iteratorResult, next, error } = await this.current;
+                    const result = await this.current;
+                    if (!result || typeof result !== 'object') {
+                        throw new StreamError('Invalid stream result', 'INVALID_STREAM_RESULT');
+                    }
+                    const { iteratorResult, next, error } = result;
                     if (error) {
                         if (typeof error === 'object') {
                             throw new StreamError(error.message, error.code);
@@ -73,4 +78,3 @@ async function* consume(source, options) {
         await options.onFinish();
     }
 }
-exports.consume = consume;