@chatbotkit/react 1.29.0 â 1.30.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -2
- package/dist/cjs/components/AutoScroller.cjs +34 -2
- package/dist/cjs/components/AutoTextarea.cjs +34 -2
- package/dist/cjs/components/ChatInput.cjs +4 -2
- package/dist/cjs/components/ChatMessage.cjs +4 -2
- package/dist/cjs/components/ChatMessages.cjs +4 -2
- package/dist/cjs/components/ConversationManager.cjs +4 -2
- package/dist/cjs/hooks/useConversationManager.cjs +4 -2
- package/dist/cjs/hooks/useConversationManagerState.cjs +4 -2
- package/dist/cjs/hooks/useDOMQuerySelector.cjs +4 -2
- package/dist/cjs/hooks/useWidgetInstance.cjs +4 -2
- package/dist/cjs/hooks/useWidgetInstanceFunctions.cjs +4 -2
- package/dist/cjs/hooks/useWidgetInstanceNotifications.cjs +4 -2
- package/package.json +3 -4
package/README.md
CHANGED
|
@@ -23,13 +23,13 @@ The ChatBotKit React SDK offers a comprehensive set of features and capabilities
|
|
|
23
23
|
|
|
24
24
|
## Why ChatBotKit?
|
|
25
25
|
|
|
26
|
-
**Build lighter, future-proof AI agents.** When you build with ChatBotKit, the heavy lifting happens on our servers
|
|
26
|
+
**Build lighter, future-proof AI agents.** When you build with ChatBotKit, the heavy lifting happens on our servers-not in your application. This architectural advantage delivers:
|
|
27
27
|
|
|
28
28
|
- ðŠķ **Lightweight Agents**: Your agents stay lean because complex AI processing, model orchestration, and tool execution happen server-side. Less code in your app means faster load times and simpler maintenance.
|
|
29
29
|
|
|
30
30
|
- ðĄïļ **Robust & Streamlined**: Server-side processing provides a more reliable experience with built-in error handling, automatic retries, and consistent behavior across all platforms.
|
|
31
31
|
|
|
32
|
-
- ð **Backward & Forward Compatible**: As AI technology evolves
|
|
32
|
+
- ð **Backward & Forward Compatible**: As AI technology evolves-new models, new capabilities, new paradigms-your agents automatically benefit. No code changes required on your end.
|
|
33
33
|
|
|
34
34
|
- ðŪ **Future-Proof**: Agents you build today will remain capable tomorrow. When we add support for new AI models or capabilities, your existing agents gain those powers without any updates to your codebase.
|
|
35
35
|
|
|
@@ -1,10 +1,42 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
"use strict";
|
|
3
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
4
|
+
if (k2 === undefined) k2 = k;
|
|
5
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
6
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
7
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
8
|
+
}
|
|
9
|
+
Object.defineProperty(o, k2, desc);
|
|
10
|
+
}) : (function(o, m, k, k2) {
|
|
11
|
+
if (k2 === undefined) k2 = k;
|
|
12
|
+
o[k2] = m[k];
|
|
13
|
+
}));
|
|
14
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
15
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
16
|
+
}) : function(o, v) {
|
|
17
|
+
o["default"] = v;
|
|
18
|
+
});
|
|
19
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
20
|
+
var ownKeys = function(o) {
|
|
21
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
22
|
+
var ar = [];
|
|
23
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
24
|
+
return ar;
|
|
25
|
+
};
|
|
26
|
+
return ownKeys(o);
|
|
27
|
+
};
|
|
28
|
+
return function (mod) {
|
|
29
|
+
if (mod && mod.__esModule) return mod;
|
|
30
|
+
var result = {};
|
|
31
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
32
|
+
__setModuleDefault(result, mod);
|
|
33
|
+
return result;
|
|
34
|
+
};
|
|
35
|
+
})();
|
|
3
36
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
37
|
exports.AutoScroller = AutoScroller;
|
|
5
|
-
const tslib_1 = require("tslib");
|
|
6
38
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
|
-
const react_1 =
|
|
39
|
+
const react_1 = __importStar(require("react"));
|
|
8
40
|
function AutoScrollAnchor() {
|
|
9
41
|
return (0, jsx_runtime_1.jsx)("div", { className: "auto-scroll-anchor", style: { height: '1px' } });
|
|
10
42
|
}
|
|
@@ -1,10 +1,42 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
"use strict";
|
|
3
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
4
|
+
if (k2 === undefined) k2 = k;
|
|
5
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
6
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
7
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
8
|
+
}
|
|
9
|
+
Object.defineProperty(o, k2, desc);
|
|
10
|
+
}) : (function(o, m, k, k2) {
|
|
11
|
+
if (k2 === undefined) k2 = k;
|
|
12
|
+
o[k2] = m[k];
|
|
13
|
+
}));
|
|
14
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
15
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
16
|
+
}) : function(o, v) {
|
|
17
|
+
o["default"] = v;
|
|
18
|
+
});
|
|
19
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
20
|
+
var ownKeys = function(o) {
|
|
21
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
22
|
+
var ar = [];
|
|
23
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
24
|
+
return ar;
|
|
25
|
+
};
|
|
26
|
+
return ownKeys(o);
|
|
27
|
+
};
|
|
28
|
+
return function (mod) {
|
|
29
|
+
if (mod && mod.__esModule) return mod;
|
|
30
|
+
var result = {};
|
|
31
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
32
|
+
__setModuleDefault(result, mod);
|
|
33
|
+
return result;
|
|
34
|
+
};
|
|
35
|
+
})();
|
|
3
36
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
37
|
exports.AutoTextarea = AutoTextarea;
|
|
5
|
-
const tslib_1 = require("tslib");
|
|
6
38
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
|
-
const react_1 =
|
|
39
|
+
const react_1 = __importStar(require("react"));
|
|
8
40
|
function AutoTextarea(props, forwardedRef) {
|
|
9
41
|
const localRef = (0, react_1.useRef)(null);
|
|
10
42
|
(0, react_1.useImperativeHandle)(forwardedRef, () => ((localRef.current)));
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
"use strict";
|
|
3
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
4
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
5
|
+
};
|
|
3
6
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
7
|
exports.ChatInput = ChatInput;
|
|
5
|
-
const tslib_1 = require("tslib");
|
|
6
8
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
|
-
const AutoTextarea_js_1 =
|
|
9
|
+
const AutoTextarea_js_1 = __importDefault(require("./AutoTextarea.cjs"));
|
|
8
10
|
function ChatInput(props) {
|
|
9
11
|
const { onSubmit, modifierKey = false, ...rest } = props || {};
|
|
10
12
|
function handleOnKeyDown(event) {
|
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
'use any';
|
|
2
2
|
"use strict";
|
|
3
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
4
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
5
|
+
};
|
|
3
6
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
7
|
exports.ChatMessage = ChatMessage;
|
|
5
|
-
const tslib_1 = require("tslib");
|
|
6
8
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
9
|
const react_1 = require("react");
|
|
8
|
-
const react_markdown_1 =
|
|
10
|
+
const react_markdown_1 = __importDefault(require("react-markdown"));
|
|
9
11
|
const defaultComponents = {
|
|
10
12
|
a: ({ href, children }) => {
|
|
11
13
|
const isExternal = /^https?:\/\//.test(href || '');
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
"use strict";
|
|
3
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
4
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
5
|
+
};
|
|
3
6
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
7
|
exports.ChatMessages = ChatMessages;
|
|
5
|
-
const tslib_1 = require("tslib");
|
|
6
8
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
|
-
const AutoScroller_js_1 =
|
|
9
|
+
const AutoScroller_js_1 = __importDefault(require("./AutoScroller.cjs"));
|
|
8
10
|
function ChatMessages(props) {
|
|
9
11
|
const { ...rest } = props || {};
|
|
10
12
|
return (0, jsx_runtime_1.jsx)(AutoScroller_js_1.default, { ...rest });
|
|
@@ -1,12 +1,14 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
"use strict";
|
|
3
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
4
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
5
|
+
};
|
|
3
6
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
7
|
exports.ConversationContext = void 0;
|
|
5
8
|
exports.ConversationManager = ConversationManager;
|
|
6
|
-
const tslib_1 = require("tslib");
|
|
7
9
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
10
|
const react_1 = require("react");
|
|
9
|
-
const useConversationManager_js_1 =
|
|
11
|
+
const useConversationManager_js_1 = __importDefault(require("../hooks/useConversationManager.cjs"));
|
|
10
12
|
exports.ConversationContext = (0, react_1.createContext)(({
|
|
11
13
|
message: null,
|
|
12
14
|
messages: [],
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
"use strict";
|
|
3
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
4
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
5
|
+
};
|
|
3
6
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
7
|
exports.useConversationManager = useConversationManager;
|
|
5
|
-
const tslib_1 = require("tslib");
|
|
6
8
|
const react_1 = require("react");
|
|
7
|
-
const useConversationManagerRemote_js_1 =
|
|
9
|
+
const useConversationManagerRemote_js_1 = __importDefault(require("./useConversationManagerRemote.cjs"));
|
|
8
10
|
const useConversationManagerState_js_1 = require("./useConversationManagerState.cjs");
|
|
9
11
|
function useConversationManager({ interactionMaxMessages = 100, ...conversationManagerRemoteOptions }) {
|
|
10
12
|
const remote = (0, useConversationManagerRemote_js_1.default)(conversationManagerRemoteOptions);
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
"use strict";
|
|
3
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
4
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
5
|
+
};
|
|
3
6
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
7
|
exports.useConversationManagerState = useConversationManagerState;
|
|
5
|
-
const tslib_1 = require("tslib");
|
|
6
8
|
const react_1 = require("react");
|
|
7
|
-
const useConversationManagerStateReducer_js_1 =
|
|
9
|
+
const useConversationManagerStateReducer_js_1 = __importDefault(require("./useConversationManagerStateReducer.cjs"));
|
|
8
10
|
function useConversationManagerState(state) {
|
|
9
11
|
const [_, dispatch] = (0, useConversationManagerStateReducer_js_1.default)(state);
|
|
10
12
|
const setThinking = (0, react_1.useCallback)((thinking) => {
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
2
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
6
|
exports.default = useDOMQuerySelector;
|
|
4
|
-
const tslib_1 = require("tslib");
|
|
5
7
|
const react_1 = require("react");
|
|
6
|
-
const useDeps_js_1 =
|
|
8
|
+
const useDeps_js_1 = __importDefault(require("./useDeps.cjs"));
|
|
7
9
|
function useDOMQuerySelector(selector, options, deps) {
|
|
8
10
|
const { waitForElements = false, disconnectOnFirstMatch = true, parent = typeof document !== 'undefined'
|
|
9
11
|
? document.documentElement
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
"use strict";
|
|
3
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
4
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
5
|
+
};
|
|
3
6
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
7
|
exports.useWidgetInstance = useWidgetInstance;
|
|
5
|
-
const tslib_1 = require("tslib");
|
|
6
8
|
const react_1 = require("react");
|
|
7
|
-
const useDOMQuerySelector_js_1 =
|
|
9
|
+
const useDOMQuerySelector_js_1 = __importDefault(require("./useDOMQuerySelector.cjs"));
|
|
8
10
|
function useWidgetInstance(selector, deps) {
|
|
9
11
|
const [instance, setInstance] = (0, react_1.useState)((null));
|
|
10
12
|
const [element] = (0, useDOMQuerySelector_js_1.default)(selector, { waitForElements: true }, deps);
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
"use strict";
|
|
3
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
4
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
5
|
+
};
|
|
3
6
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
7
|
exports.useWidgetInstanceFunctions = useWidgetInstanceFunctions;
|
|
5
|
-
const tslib_1 = require("tslib");
|
|
6
8
|
const react_1 = require("react");
|
|
7
|
-
const useWidgetInstance_js_1 =
|
|
9
|
+
const useWidgetInstance_js_1 = __importDefault(require("./useWidgetInstance.cjs"));
|
|
8
10
|
function useWidgetInstanceFunctions(params, deps) {
|
|
9
11
|
const instance = (0, useWidgetInstance_js_1.default)(params?.selector, deps);
|
|
10
12
|
(0, react_1.useEffect)(() => {
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
"use strict";
|
|
3
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
4
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
5
|
+
};
|
|
3
6
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
7
|
exports.useWidgetInstanceNotifications = useWidgetInstanceNotifications;
|
|
5
|
-
const tslib_1 = require("tslib");
|
|
6
8
|
const react_1 = require("react");
|
|
7
|
-
const useWidgetInstance_js_1 =
|
|
9
|
+
const useWidgetInstance_js_1 = __importDefault(require("./useWidgetInstance.cjs"));
|
|
8
10
|
function useWidgetInstanceNotifications(params, deps) {
|
|
9
11
|
const instance = (0, useWidgetInstance_js_1.default)(params?.selector, deps);
|
|
10
12
|
(0, react_1.useEffect)(() => {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@chatbotkit/react",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.30.0",
|
|
4
4
|
"description": "The fastest way to build advanced AI chat bots",
|
|
5
5
|
"license": "ISC",
|
|
6
6
|
"engines": {
|
|
@@ -440,9 +440,8 @@
|
|
|
440
440
|
},
|
|
441
441
|
"types": "./dist/cjs/index.d.ts",
|
|
442
442
|
"dependencies": {
|
|
443
|
-
"
|
|
444
|
-
"@chatbotkit/
|
|
445
|
-
"@chatbotkit/widget": "1.29.0"
|
|
443
|
+
"@chatbotkit/sdk": "1.30.0",
|
|
444
|
+
"@chatbotkit/widget": "1.30.0"
|
|
446
445
|
},
|
|
447
446
|
"peerDependencies": {
|
|
448
447
|
"react": ">=18.0.0",
|