@chatbotkit/react 0.8.0 → 1.1.4

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

@@ -1,65 +1,41 @@
-/**
- * @typedef {{
- *   id: string,
- *   type: string,
- *   text: string,
- *   createdAt: number,
- *   meta?: Record<string,any>
- * }} Message
- *
- * @typedef {(error: any) => any} onErrorFn
- * @typedef {(conversationId: string, messages: Message[], data: Record<string,any>) => any} onSendFn
- * @typedef {(conversationId: string, messages: Message[], data: Record<string,any>) => any} onReceiveFn
- *
- * @param {{
- *   conversationId?: string,
- *   token?: string,
- *   messages?: Message[],
- *   stream?: boolean,
- *   verbose?: boolean,
- *   onError?: onErrorFn?,
- *   onSend?: onSendFn?,
- *   onReceive?: onReceiveFn?,
- * }}[options]
- */
-export default function useConversationManager({ conversationId: _conversationId, token: _token, messages: _messages, stream, verbose, onError, onSend, onReceive, }?: {
-    conversationId?: string | undefined;
+export function useConversationManager(options: {
+    [key: string]: any;
+    client?: ConversationClient | undefined;
+    endpoint?: string | undefined;
     token?: string | undefined;
-    messages?: Message[] | undefined;
-    stream?: boolean | undefined;
-    verbose?: boolean | undefined;
-    onError?: onErrorFn | null | undefined;
-    onSend?: onSendFn | null | undefined;
-    onReceive?: onReceiveFn | null | undefined;
-} | undefined): {
+    conversationId?: string | undefined;
+    backstory?: string | undefined;
+    model?: string | undefined;
+    datasetId?: string | undefined;
+    skillsetId?: string | undefined;
+}): {
+    token: string | undefined;
+    setToken: import("react").Dispatch<import("react").SetStateAction<string | undefined>>;
+    conversationId: string | undefined;
+    setConversationId: import("react").Dispatch<import("react").SetStateAction<string | undefined>>;
+    backstory: string | undefined;
+    setBackstory: import("react").Dispatch<import("react").SetStateAction<string | undefined>>;
+    model: string | undefined;
+    setModel: import("react").Dispatch<import("react").SetStateAction<string | undefined>>;
+    datasetId: string | undefined;
+    setDatasetId: import("react").Dispatch<import("react").SetStateAction<string | undefined>>;
+    skillsetId: string | undefined;
+    setSkillsetId: import("react").Dispatch<import("react").SetStateAction<string | undefined>>;
     text: string;
     setText: import("react").Dispatch<import("react").SetStateAction<string>>;
-    token: string;
-    setToken: import("react").Dispatch<import("react").SetStateAction<string>>;
-    conversationId: string;
-    setConversationId: import("react").Dispatch<import("react").SetStateAction<string>>;
     messages: Message[];
     setMessages: import("react").Dispatch<import("react").SetStateAction<Message[]>>;
-    flushUserMessage: () => Promise<void>;
-    continueConversation: (options?: {
-        token?: string | undefined;
-    } | undefined) => Promise<void>;
-    interact: (options?: {
-        token?: string | undefined;
-        conversationId?: string | undefined;
-        messages?: Message[] | undefined;
-    } | undefined) => void;
-    reset: () => void;
-    loading: boolean;
     thinking: boolean;
+    setThinking: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    writing: boolean;
+    setWriting: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    error: any;
+    setError: import("react").Dispatch<any>;
+    submit: () => Promise<void>;
 };
+export default useConversationManager;
 export type Message = {
-    id: string;
-    type: string;
+    type: 'bot' | 'user';
     text: string;
-    createdAt: number;
-    meta?: Record<string, any>;
 };
-export type onErrorFn = (error: any) => any;
-export type onSendFn = (conversationId: string, messages: Message[], data: Record<string, any>) => any;
-export type onReceiveFn = (conversationId: string, messages: Message[], data: Record<string, any>) => any;
+import { ConversationClient } from '@chatbotkit/sdk';

package/dist/cjs/index.cjs

@@ -1,10 +1,7 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useConversationManager = exports.AutoTextarea = void 0;
-var AutoTextarea_js_1 = require("./components/AutoTextarea.cjs");
-Object.defineProperty(exports, "AutoTextarea", { enumerable: true, get: function () { return __importDefault(AutoTextarea_js_1).default; } });
-var useConversationManager_js_1 = require("./hooks/useConversationManager.cjs");
-Object.defineProperty(exports, "useConversationManager", { enumerable: true, get: function () { return __importDefault(useConversationManager_js_1).default; } });
+var AutoTextarea_js_1 = require("./components/AutoTextarea..cjs");
+Object.defineProperty(exports, "AutoTextarea", { enumerable: true, get: function () { return AutoTextarea_js_1.AutoTextarea; } });
+var useConversationManager_js_1 = require("./hooks/useConversationManager..cjs");
+Object.defineProperty(exports, "useConversationManager", { enumerable: true, get: function () { return useConversationManager_js_1.useConversationManager; } });

package/dist/cjs/index.d.ts

@@ -1,2 +1,2 @@
-export { default as AutoTextarea } from "./components/AutoTextarea.js";
-export { default as useConversationManager } from "./hooks/useConversationManager.js";
+export { AutoTextarea } from "./components/AutoTextarea.js";
+export { useConversationManager } from "./hooks/useConversationManager.js";

package/dist/cjs/utils/object.cjs

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

package/dist/cjs/utils/object.d.ts

@@ -0,0 +1 @@
+export function cloneAndExtend<T>(object: T, extension: object): T;

package/dist/cjs/utils/string.cjs

@@ -1,30 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.replaceWithCoordinates = exports.replaceBetween = exports.getRandomId = void 0;
-/**
- * @param {string} [prefix]
- * @returns {string}
- */
 function getRandomId(prefix) {
     return `${prefix || ''}${Math.random().toString(32).slice(2)}`;
 }
 exports.getRandomId = getRandomId;
-/**
- * @param {string} input
- * @param {number} begin
- * @param {number} end
- * @param {string} replacement
- * @returns {string}
- */
 function replaceBetween(input, begin, end, replacement) {
     return input.substring(0, begin) + replacement + input.substring(end);
 }
 exports.replaceBetween = replaceBetween;
-/**
- * @param {string} input
- * @param {[string, string][]} replacements
- * @returns {({begin: number, end: number, input: string, output: string}|string)[]}
- */
 function replaceWithCoordinates(input, replacements) {
     const output = [];
     let currentIndex = 0;

package/dist/cjs/utils/string.d.ts

@@ -1,21 +1,5 @@
-/**
- * @param {string} [prefix]
- * @returns {string}
- */
 export function getRandomId(prefix?: string | undefined): string;
-/**
- * @param {string} input
- * @param {number} begin
- * @param {number} end
- * @param {string} replacement
- * @returns {string}
- */
 export function replaceBetween(input: string, begin: number, end: number, replacement: string): string;
-/**
- * @param {string} input
- * @param {[string, string][]} replacements
- * @returns {({begin: number, end: number, input: string, output: string}|string)[]}
- */
 export function replaceWithCoordinates(input: string, replacements: [string, string][]): (string | {
     begin: number;
     end: number;

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

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

package/dist/esm/components/AutoScroller.js

@@ -1,62 +1,51 @@
-/* eslint-disable @typescript-eslint/ban-ts-comment */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useRef, useEffect } from 'react';
 export function AutoScrollAnchor() {
-    return React.createElement("div", { className: "auto-scroll-anchor ![height:1px]" });
+    return _jsx("div", { className: "auto-scroll-anchor ![height:1px]" });
 }
-/**
- * @param {{
- *   anchor?: 'top'|'bottom',
- *   childList?: boolean,
- *   subtree?: boolean,
- *   block?: 'start'|'end',
- *   delay?: number,
- *   [name: string]: any
- * }} props
- */
-export default function AutoScroller({ anchor = 'bottom', childList = true, subtree = false, block = 'end', delay = 3000, disabled, children, ...props }) {
-    const rootRef = useRef();
+export function AutoScroller(props) {
+    const { anchor = 'bottom', childList = true, subtree = false, block = 'end', delay = 3000, disabled, children, ...rest } = props || {};
+    const rootRef = (useRef());
     useEffect(() => {
         if (disabled) {
             return;
         }
         let visible = false;
         let pause = false;
-        let timeout = 0;
+        let timeout;
         const io = new IntersectionObserver((entries) => {
             if (pause) {
                 return;
             }
             visible = entries.some((entry) => entry.isIntersecting);
         });
-        // @ts-ignore
-        io.observe(rootRef.current?.querySelector('.auto-scroll-anchor'));
+        const anchor = rootRef.current?.querySelector('.auto-scroll-anchor');
+        if (anchor) {
+            io.observe(anchor);
+        }
         const mo = new MutationObserver(() => {
             if (!visible) {
                 return;
             }
             pause = true;
             rootRef.current
-                // @ts-ignore
                 ?.querySelector('.auto-scroll-anchor')
                 ?.scrollIntoView({ behavior: 'smooth', block });
             clearTimeout(timeout);
-            // @ts-ignore
             timeout = setTimeout(() => {
                 visible = true;
                 pause = false;
             }, delay);
         });
-        // @ts-ignore
-        mo.observe(rootRef.current, { childList, subtree });
+        const root = rootRef.current;
+        if (root) {
+            mo.observe(root, { childList, subtree });
+        }
         return () => {
             io.disconnect();
             mo.disconnect();
         };
     }, [disabled]);
-    return (
-    // @ts-ignore
-    React.createElement("div", { ref: rootRef, ...props },
-        anchor === 'top' ? React.createElement(AutoScrollAnchor, { key: "top" }) : null,
-        children,
-        anchor === 'bottom' ? React.createElement(AutoScrollAnchor, { key: "bottom" }) : null));
+    return (_jsxs("div", { ref: rootRef, ...rest, children: [anchor === 'top' ? _jsx(AutoScrollAnchor, {}, "top") : null, children, anchor === 'bottom' ? _jsx(AutoScrollAnchor, {}, "bottom") : null] }));
 }
+export default AutoScroller;

package/dist/esm/components/AutoTextarea.d.ts

@@ -1,14 +1,7 @@
-/**
- * @typedef {(event: React.ChangeEvent<HTMLTextAreaElement>) => any} onInputFn
- *
- * @param {{
- *   onInput?: onInputFn?,
- *   [name: string]: any
- * }} [props]
- */
-export default function AutoTextarea({ onInput, ...props }?: {
+export function AutoTextarea(props?: {
     [name: string]: any;
     onInput?: onInputFn | null | undefined;
-} | undefined): React.JSX.Element;
+} | undefined): import("react/jsx-runtime").JSX.Element;
+export default AutoTextarea;
 export type onInputFn = (event: React.ChangeEvent<HTMLTextAreaElement>) => any;
 import React from 'react';

package/dist/esm/components/AutoTextarea.js

@@ -1,18 +1,7 @@
-/* eslint-disable @typescript-eslint/ban-ts-comment */
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
-/**
- * @typedef {(event: React.ChangeEvent<HTMLTextAreaElement>) => any} onInputFn
- *
- * @param {{
- *   onInput?: onInputFn?,
- *   [name: string]: any
- * }} [props]
- */
-// @ts-ignore
-export default function AutoTextarea({ onInput, ...props } = {}) {
-    /**
-     * @param {React.ChangeEvent<HTMLTextAreaElement>} event
-     */
+export function AutoTextarea(props) {
+    const { onInput, ...rest } = props || {};
     function handleOnInput(event) {
         const adjustment = `calc(${[event.target.style.paddingTop, event.target.style.paddingBottom]
             .filter((f) => f)
@@ -23,5 +12,6 @@ export default function AutoTextarea({ onInput, ...props } = {}) {
             onInput(event);
         }
     }
-    return React.createElement("textarea", { ...props, rows: 1, onInput: handleOnInput });
+    return _jsx("textarea", { ...rest, rows: 1, onInput: handleOnInput });
 }
+export default AutoTextarea;

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

@@ -1,65 +1,41 @@
-/**
- * @typedef {{
- *   id: string,
- *   type: string,
- *   text: string,
- *   createdAt: number,
- *   meta?: Record<string,any>
- * }} Message
- *
- * @typedef {(error: any) => any} onErrorFn
- * @typedef {(conversationId: string, messages: Message[], data: Record<string,any>) => any} onSendFn
- * @typedef {(conversationId: string, messages: Message[], data: Record<string,any>) => any} onReceiveFn
- *
- * @param {{
- *   conversationId?: string,
- *   token?: string,
- *   messages?: Message[],
- *   stream?: boolean,
- *   verbose?: boolean,
- *   onError?: onErrorFn?,
- *   onSend?: onSendFn?,
- *   onReceive?: onReceiveFn?,
- * }}[options]
- */
-export default function useConversationManager({ conversationId: _conversationId, token: _token, messages: _messages, stream, verbose, onError, onSend, onReceive, }?: {
-    conversationId?: string | undefined;
+export function useConversationManager(options: {
+    [key: string]: any;
+    client?: ConversationClient | undefined;
+    endpoint?: string | undefined;
     token?: string | undefined;
-    messages?: Message[] | undefined;
-    stream?: boolean | undefined;
-    verbose?: boolean | undefined;
-    onError?: onErrorFn | null | undefined;
-    onSend?: onSendFn | null | undefined;
-    onReceive?: onReceiveFn | null | undefined;
-} | undefined): {
+    conversationId?: string | undefined;
+    backstory?: string | undefined;
+    model?: string | undefined;
+    datasetId?: string | undefined;
+    skillsetId?: string | undefined;
+}): {
+    token: string | undefined;
+    setToken: import("react").Dispatch<import("react").SetStateAction<string | undefined>>;
+    conversationId: string | undefined;
+    setConversationId: import("react").Dispatch<import("react").SetStateAction<string | undefined>>;
+    backstory: string | undefined;
+    setBackstory: import("react").Dispatch<import("react").SetStateAction<string | undefined>>;
+    model: string | undefined;
+    setModel: import("react").Dispatch<import("react").SetStateAction<string | undefined>>;
+    datasetId: string | undefined;
+    setDatasetId: import("react").Dispatch<import("react").SetStateAction<string | undefined>>;
+    skillsetId: string | undefined;
+    setSkillsetId: import("react").Dispatch<import("react").SetStateAction<string | undefined>>;
     text: string;
     setText: import("react").Dispatch<import("react").SetStateAction<string>>;
-    token: string;
-    setToken: import("react").Dispatch<import("react").SetStateAction<string>>;
-    conversationId: string;
-    setConversationId: import("react").Dispatch<import("react").SetStateAction<string>>;
     messages: Message[];
     setMessages: import("react").Dispatch<import("react").SetStateAction<Message[]>>;
-    flushUserMessage: () => Promise<void>;
-    continueConversation: (options?: {
-        token?: string | undefined;
-    } | undefined) => Promise<void>;
-    interact: (options?: {
-        token?: string | undefined;
-        conversationId?: string | undefined;
-        messages?: Message[] | undefined;
-    } | undefined) => void;
-    reset: () => void;
-    loading: boolean;
     thinking: boolean;
+    setThinking: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    writing: boolean;
+    setWriting: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    error: any;
+    setError: import("react").Dispatch<any>;
+    submit: () => Promise<void>;
 };
+export default useConversationManager;
 export type Message = {
-    id: string;
-    type: string;
+    type: 'bot' | 'user';
     text: string;
-    createdAt: number;
-    meta?: Record<string, any>;
 };
-export type onErrorFn = (error: any) => any;
-export type onSendFn = (conversationId: string, messages: Message[], data: Record<string, any>) => any;
-export type onReceiveFn = (conversationId: string, messages: Message[], data: Record<string, any>) => any;
+import { ConversationClient } from '@chatbotkit/sdk';