@irisidea/kalrav-ai 1.0.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/LICENSE +21 -0
- package/README.md +600 -0
- package/dist/angular.d.mts +28 -0
- package/dist/angular.d.ts +28 -0
- package/dist/angular.js +321 -0
- package/dist/angular.js.map +1 -0
- package/dist/angular.mjs +295 -0
- package/dist/angular.mjs.map +1 -0
- package/dist/index.d.mts +48 -0
- package/dist/index.d.ts +48 -0
- package/dist/index.js +175 -0
- package/dist/index.js.map +1 -0
- package/dist/index.mjs +147 -0
- package/dist/index.mjs.map +1 -0
- package/dist/nextjs.d.mts +10 -0
- package/dist/nextjs.d.ts +10 -0
- package/dist/nextjs.js +216 -0
- package/dist/nextjs.js.map +1 -0
- package/dist/nextjs.mjs +188 -0
- package/dist/nextjs.mjs.map +1 -0
- package/dist/react.d.mts +10 -0
- package/dist/react.d.ts +10 -0
- package/dist/react.js +205 -0
- package/dist/react.js.map +1 -0
- package/dist/react.mjs +177 -0
- package/dist/react.mjs.map +1 -0
- package/dist/routeye-widget.js +1 -0
- package/dist/types-coZ9jHpG.d.mts +28 -0
- package/dist/types-coZ9jHpG.d.ts +28 -0
- package/dist/vue.d.mts +57 -0
- package/dist/vue.d.ts +57 -0
- package/dist/vue.js +237 -0
- package/dist/vue.js.map +1 -0
- package/dist/vue.mjs +215 -0
- package/dist/vue.mjs.map +1 -0
- package/package.json +108 -0
package/dist/nextjs.js
ADDED
|
@@ -0,0 +1,216 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __export = (target, all) => {
|
|
7
|
+
for (var name in all)
|
|
8
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
+
};
|
|
10
|
+
var __copyProps = (to, from, except, desc) => {
|
|
11
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
+
for (let key of __getOwnPropNames(from))
|
|
13
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
+
}
|
|
16
|
+
return to;
|
|
17
|
+
};
|
|
18
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
+
|
|
20
|
+
// src/nextjs/index.ts
|
|
21
|
+
var nextjs_exports = {};
|
|
22
|
+
__export(nextjs_exports, {
|
|
23
|
+
KalravWidget: () => KalravWidget,
|
|
24
|
+
useKalrav: () => useKalrav
|
|
25
|
+
});
|
|
26
|
+
module.exports = __toCommonJS(nextjs_exports);
|
|
27
|
+
|
|
28
|
+
// src/nextjs/KalravWidget.tsx
|
|
29
|
+
var import_react = require("react");
|
|
30
|
+
|
|
31
|
+
// src/core/kalrav.ts
|
|
32
|
+
var DEFAULT_WIDGET_URL = "https://widget.kalrav.ai/routeye-widget.js";
|
|
33
|
+
var DEFAULT_PRIMARY_COLOR = "#4F46E5";
|
|
34
|
+
var Kalrav = class {
|
|
35
|
+
constructor(config) {
|
|
36
|
+
this.loaded = false;
|
|
37
|
+
this.script = null;
|
|
38
|
+
if (!config.apiKey) {
|
|
39
|
+
throw new Error("Kalrav: apiKey is required");
|
|
40
|
+
}
|
|
41
|
+
if (!config.agentId) {
|
|
42
|
+
throw new Error("Kalrav: agentId is required");
|
|
43
|
+
}
|
|
44
|
+
this.config = {
|
|
45
|
+
apiKey: config.apiKey,
|
|
46
|
+
agentId: config.agentId,
|
|
47
|
+
primaryColor: config.primaryColor || DEFAULT_PRIMARY_COLOR,
|
|
48
|
+
autoLoad: config.autoLoad !== false,
|
|
49
|
+
widgetUrl: config.widgetUrl || DEFAULT_WIDGET_URL
|
|
50
|
+
};
|
|
51
|
+
if (this.config.autoLoad && typeof window !== "undefined") {
|
|
52
|
+
this.load().catch((err) => {
|
|
53
|
+
console.warn("Kalrav auto-load failed:", err);
|
|
54
|
+
});
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
/**
|
|
58
|
+
* Remove broken or duplicate scripts
|
|
59
|
+
*/
|
|
60
|
+
removeStaleScripts() {
|
|
61
|
+
if (typeof document === "undefined") return;
|
|
62
|
+
document.querySelectorAll('script[src*="routeye-widget.js"]').forEach((s) => {
|
|
63
|
+
const hasAgent = !!s.getAttribute("data-agent-id");
|
|
64
|
+
const hasKey = !!(s.getAttribute("data-x-key") || s.dataset.xKey);
|
|
65
|
+
if (!hasAgent || !hasKey) {
|
|
66
|
+
console.warn("Kalrav: Removing stale script:", s.outerHTML);
|
|
67
|
+
s.remove();
|
|
68
|
+
}
|
|
69
|
+
});
|
|
70
|
+
}
|
|
71
|
+
/**
|
|
72
|
+
* Load the Kalrav widget
|
|
73
|
+
*/
|
|
74
|
+
async load() {
|
|
75
|
+
if (typeof window === "undefined") {
|
|
76
|
+
throw new Error("Kalrav: Cannot load in non-browser environment");
|
|
77
|
+
}
|
|
78
|
+
if (typeof document === "undefined") {
|
|
79
|
+
throw new Error("Kalrav: Document is not available");
|
|
80
|
+
}
|
|
81
|
+
if (this.loaded) {
|
|
82
|
+
return Promise.resolve();
|
|
83
|
+
}
|
|
84
|
+
return new Promise((resolve, reject) => {
|
|
85
|
+
try {
|
|
86
|
+
const script = document.createElement("script");
|
|
87
|
+
script.src = this.config.widgetUrl;
|
|
88
|
+
script.setAttribute("data-agent-id", this.config.agentId);
|
|
89
|
+
script.setAttribute("data-x-key", this.config.apiKey);
|
|
90
|
+
script.setAttribute("data-primary-color", this.config.primaryColor);
|
|
91
|
+
script.async = false;
|
|
92
|
+
script.onload = () => {
|
|
93
|
+
this.script = script;
|
|
94
|
+
this.loaded = true;
|
|
95
|
+
console.log("\u2705 Kalrav widget loaded successfully");
|
|
96
|
+
resolve();
|
|
97
|
+
};
|
|
98
|
+
script.onerror = (e) => {
|
|
99
|
+
this.loaded = false;
|
|
100
|
+
console.error("\u274C Kalrav widget failed to load", e);
|
|
101
|
+
reject(new Error("Failed to load Kalrav widget script"));
|
|
102
|
+
};
|
|
103
|
+
document.body.appendChild(script);
|
|
104
|
+
this.script = script;
|
|
105
|
+
} catch (err) {
|
|
106
|
+
this.loaded = false;
|
|
107
|
+
reject(err);
|
|
108
|
+
}
|
|
109
|
+
});
|
|
110
|
+
}
|
|
111
|
+
/**
|
|
112
|
+
* Unload the widget
|
|
113
|
+
*/
|
|
114
|
+
unload() {
|
|
115
|
+
if (this.script) {
|
|
116
|
+
this.script.remove();
|
|
117
|
+
}
|
|
118
|
+
this.script = null;
|
|
119
|
+
this.loaded = false;
|
|
120
|
+
if (typeof window !== "undefined") {
|
|
121
|
+
try {
|
|
122
|
+
delete window.routeyeWidget;
|
|
123
|
+
} catch (_) {
|
|
124
|
+
}
|
|
125
|
+
}
|
|
126
|
+
console.log("Kalrav widget unloaded");
|
|
127
|
+
}
|
|
128
|
+
/**
|
|
129
|
+
* Open the chat widget
|
|
130
|
+
*/
|
|
131
|
+
open() {
|
|
132
|
+
if (typeof window === "undefined") return;
|
|
133
|
+
const w = window;
|
|
134
|
+
if (w.routeyeWidget?.open) {
|
|
135
|
+
return w.routeyeWidget.open();
|
|
136
|
+
}
|
|
137
|
+
w.dispatchEvent(new CustomEvent("kalrav:open"));
|
|
138
|
+
}
|
|
139
|
+
/**
|
|
140
|
+
* Close the chat widget
|
|
141
|
+
*/
|
|
142
|
+
close() {
|
|
143
|
+
if (typeof window === "undefined") return;
|
|
144
|
+
const w = window;
|
|
145
|
+
if (w.routeyeWidget?.close) {
|
|
146
|
+
return w.routeyeWidget.close();
|
|
147
|
+
}
|
|
148
|
+
w.dispatchEvent(new CustomEvent("kalrav:close"));
|
|
149
|
+
}
|
|
150
|
+
/**
|
|
151
|
+
* Check if widget is loaded
|
|
152
|
+
*/
|
|
153
|
+
isLoaded() {
|
|
154
|
+
return this.loaded;
|
|
155
|
+
}
|
|
156
|
+
/**
|
|
157
|
+
* Call any widget method
|
|
158
|
+
*/
|
|
159
|
+
call(method, ...args) {
|
|
160
|
+
if (typeof window === "undefined") return;
|
|
161
|
+
const w = window;
|
|
162
|
+
if (w.routeyeWidget?.[method]) {
|
|
163
|
+
return w.routeyeWidget[method](...args);
|
|
164
|
+
}
|
|
165
|
+
w.dispatchEvent(
|
|
166
|
+
new CustomEvent("kalrav:call", { detail: { method, args } })
|
|
167
|
+
);
|
|
168
|
+
}
|
|
169
|
+
};
|
|
170
|
+
function createKalrav(config) {
|
|
171
|
+
return new Kalrav(config);
|
|
172
|
+
}
|
|
173
|
+
|
|
174
|
+
// src/nextjs/KalravWidget.tsx
|
|
175
|
+
var KalravWidget = (props) => {
|
|
176
|
+
const kalravRef = (0, import_react.useRef)(null);
|
|
177
|
+
const [isMounted, setIsMounted] = (0, import_react.useState)(false);
|
|
178
|
+
(0, import_react.useEffect)(() => {
|
|
179
|
+
setIsMounted(true);
|
|
180
|
+
}, []);
|
|
181
|
+
(0, import_react.useEffect)(() => {
|
|
182
|
+
if (!isMounted) return;
|
|
183
|
+
kalravRef.current = createKalrav(props);
|
|
184
|
+
return () => {
|
|
185
|
+
kalravRef.current?.unload();
|
|
186
|
+
kalravRef.current = null;
|
|
187
|
+
};
|
|
188
|
+
}, [isMounted, props.apiKey, props.agentId]);
|
|
189
|
+
if (!isMounted) return null;
|
|
190
|
+
return null;
|
|
191
|
+
};
|
|
192
|
+
|
|
193
|
+
// src/nextjs/useKalrav.ts
|
|
194
|
+
var import_react2 = require("react");
|
|
195
|
+
function useKalrav(config) {
|
|
196
|
+
const kalravRef = (0, import_react2.useRef)(null);
|
|
197
|
+
const [isMounted, setIsMounted] = (0, import_react2.useState)(false);
|
|
198
|
+
(0, import_react2.useEffect)(() => {
|
|
199
|
+
setIsMounted(true);
|
|
200
|
+
}, []);
|
|
201
|
+
(0, import_react2.useEffect)(() => {
|
|
202
|
+
if (!isMounted) return;
|
|
203
|
+
kalravRef.current = createKalrav(config);
|
|
204
|
+
return () => {
|
|
205
|
+
kalravRef.current?.unload();
|
|
206
|
+
kalravRef.current = null;
|
|
207
|
+
};
|
|
208
|
+
}, [isMounted, config.apiKey, config.agentId]);
|
|
209
|
+
return kalravRef.current;
|
|
210
|
+
}
|
|
211
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
212
|
+
0 && (module.exports = {
|
|
213
|
+
KalravWidget,
|
|
214
|
+
useKalrav
|
|
215
|
+
});
|
|
216
|
+
//# sourceMappingURL=nextjs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/nextjs/index.ts","../src/nextjs/KalravWidget.tsx","../src/core/kalrav.ts","../src/nextjs/useKalrav.ts"],"sourcesContent":["export { KalravWidget } from './KalravWidget';\r\nexport { useKalrav } from './useKalrav';\r\nexport type { KalravConfig, KalravWidget as KalravWidgetInstance } from '../core/types';\r\n","'use client';\r\n\r\nimport React, { useEffect, useRef, useState } from 'react';\r\nimport { createKalrav } from '../core/kalrav';\r\nimport type { KalravConfig, KalravWidget as KalravWidgetInstance } from '../core/types';\r\n\r\nexport interface KalravWidgetProps extends KalravConfig {}\r\n\r\nexport const KalravWidget: React.FC<KalravWidgetProps> = (props) => {\r\n const kalravRef = useRef<KalravWidgetInstance | null>(null);\r\n const [isMounted, setIsMounted] = useState(false);\r\n\r\n useEffect(() => {\r\n setIsMounted(true);\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (!isMounted) return;\r\n\r\n kalravRef.current = createKalrav(props);\r\n\r\n return () => {\r\n kalravRef.current?.unload();\r\n kalravRef.current = null;\r\n };\r\n }, [isMounted, props.apiKey, props.agentId]);\r\n\r\n if (!isMounted) return null;\r\n\r\n return null;\r\n};\r\n","import type { KalravConfig, KalravWidget } from './types';\r\n// @ts-ignore - ConfigManager is JS file\r\nimport { ConfigManager } from '../config-manager.js';\r\n\r\nconst DEFAULT_WIDGET_URL = 'https://widget.kalrav.ai/routeye-widget.js'; // Production widget CDN\r\nconst DEFAULT_PRIMARY_COLOR = '#4F46E5';\r\n\r\n/**\r\n * Kalrav AI Widget Core Implementation\r\n * \r\n * This is the core vanilla JS/TS implementation that works across all frameworks.\r\n * Enhanced version of the original kalravPureJs.js with TypeScript support.\r\n */\r\nexport class Kalrav implements KalravWidget {\r\n private loaded: boolean = false;\r\n private script: HTMLScriptElement | null = null;\r\n private config: Required<KalravConfig>;\r\n\r\n constructor(config: KalravConfig) {\r\n if (!config.apiKey) {\r\n throw new Error('Kalrav: apiKey is required');\r\n }\r\n if (!config.agentId) {\r\n throw new Error('Kalrav: agentId is required');\r\n }\r\n\r\n this.config = {\r\n apiKey: config.apiKey,\r\n agentId: config.agentId,\r\n primaryColor: config.primaryColor || DEFAULT_PRIMARY_COLOR,\r\n autoLoad: config.autoLoad !== false,\r\n widgetUrl: config.widgetUrl || DEFAULT_WIDGET_URL,\r\n };\r\n\r\n // Auto-load if enabled\r\n if (this.config.autoLoad && typeof window !== 'undefined') {\r\n this.load().catch((err) => {\r\n console.warn('Kalrav auto-load failed:', err);\r\n });\r\n }\r\n }\r\n\r\n /**\r\n * Remove broken or duplicate scripts\r\n */\r\n private removeStaleScripts(): void {\r\n if (typeof document === 'undefined') return;\r\n\r\n document.querySelectorAll('script[src*=\"routeye-widget.js\"]').forEach((s) => {\r\n const hasAgent = !!s.getAttribute('data-agent-id');\r\n const hasKey = !!(s.getAttribute('data-x-key') || (s as HTMLElement).dataset.xKey);\r\n\r\n if (!hasAgent || !hasKey) {\r\n console.warn('Kalrav: Removing stale script:', s.outerHTML);\r\n s.remove();\r\n }\r\n });\r\n }\r\n\r\n /**\r\n * Load the Kalrav widget\r\n */\r\n public async load(): Promise<void> {\r\n if (typeof window === 'undefined') {\r\n throw new Error('Kalrav: Cannot load in non-browser environment');\r\n }\r\n\r\n if (typeof document === 'undefined') {\r\n throw new Error('Kalrav: Document is not available');\r\n }\r\n\r\n // Check if already loaded\r\n if (this.loaded) {\r\n return Promise.resolve();\r\n }\r\n\r\n return new Promise((resolve, reject) => {\r\n try {\r\n // 🎨 UI customization config will be fetched by widget.js itself\r\n // We just need to create a script tag with the agent credentials\r\n \r\n const script = document.createElement('script');\r\n \r\n // Use configured widget URL (can be CDN or local)\r\n script.src = this.config.widgetUrl;\r\n \r\n script.setAttribute('data-agent-id', this.config.agentId);\r\n script.setAttribute('data-x-key', this.config.apiKey);\r\n script.setAttribute('data-primary-color', this.config.primaryColor);\r\n script.async = false;\r\n\r\n script.onload = () => {\r\n this.script = script;\r\n this.loaded = true;\r\n console.log('✅ Kalrav widget loaded successfully');\r\n resolve();\r\n };\r\n\r\n script.onerror = (e) => {\r\n this.loaded = false;\r\n console.error('❌ Kalrav widget failed to load', e);\r\n reject(new Error('Failed to load Kalrav widget script'));\r\n };\r\n\r\n document.body.appendChild(script);\r\n this.script = script;\r\n } catch (err) {\r\n this.loaded = false;\r\n reject(err);\r\n }\r\n });\r\n }\r\n\r\n /**\r\n * Unload the widget\r\n */\r\n public unload(): void {\r\n if (this.script) {\r\n this.script.remove();\r\n }\r\n\r\n this.script = null;\r\n this.loaded = false;\r\n\r\n // Optional cleanup\r\n if (typeof window !== 'undefined') {\r\n try {\r\n delete (window as any).routeyeWidget;\r\n } catch (_) {\r\n // Ignore errors\r\n }\r\n }\r\n\r\n console.log('Kalrav widget unloaded');\r\n }\r\n\r\n /**\r\n * Open the chat widget\r\n */\r\n public open(): void {\r\n if (typeof window === 'undefined') return;\r\n\r\n const w = window as any;\r\n if (w.routeyeWidget?.open) {\r\n return w.routeyeWidget.open();\r\n }\r\n\r\n w.dispatchEvent(new CustomEvent('kalrav:open'));\r\n }\r\n\r\n /**\r\n * Close the chat widget\r\n */\r\n public close(): void {\r\n if (typeof window === 'undefined') return;\r\n\r\n const w = window as any;\r\n if (w.routeyeWidget?.close) {\r\n return w.routeyeWidget.close();\r\n }\r\n\r\n w.dispatchEvent(new CustomEvent('kalrav:close'));\r\n }\r\n\r\n /**\r\n * Check if widget is loaded\r\n */\r\n public isLoaded(): boolean {\r\n return this.loaded;\r\n }\r\n\r\n /**\r\n * Call any widget method\r\n */\r\n public call(method: string, ...args: any[]): void {\r\n if (typeof window === 'undefined') return;\r\n\r\n const w = window as any;\r\n if (w.routeyeWidget?.[method]) {\r\n return w.routeyeWidget[method](...args);\r\n }\r\n\r\n w.dispatchEvent(\r\n new CustomEvent('kalrav:call', { detail: { method, args } })\r\n );\r\n }\r\n}\r\n\r\n/**\r\n * Factory function to create a new Kalrav instance\r\n */\r\nexport function createKalrav(config: KalravConfig): KalravWidget {\r\n return new Kalrav(config);\r\n}\r\n","'use client';\r\n\r\nimport { useEffect, useRef, useState } from 'react';\r\nimport { createKalrav } from '../core/kalrav';\r\nimport type { KalravConfig, KalravWidget } from '../core/types';\r\n\r\nexport function useKalrav(config: KalravConfig): KalravWidget | null {\r\n const kalravRef = useRef<KalravWidget | null>(null);\r\n const [isMounted, setIsMounted] = useState(false);\r\n\r\n useEffect(() => {\r\n setIsMounted(true);\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (!isMounted) return;\r\n\r\n kalravRef.current = createKalrav(config);\r\n\r\n return () => {\r\n kalravRef.current?.unload();\r\n kalravRef.current = null;\r\n };\r\n }, [isMounted, config.apiKey, config.agentId]);\r\n\r\n return kalravRef.current;\r\n}\r\n"],"mappings":"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","names":["import_react"]}
|
package/dist/nextjs.mjs
ADDED
|
@@ -0,0 +1,188 @@
|
|
|
1
|
+
// src/nextjs/KalravWidget.tsx
|
|
2
|
+
import { useEffect, useRef, useState } from "react";
|
|
3
|
+
|
|
4
|
+
// src/core/kalrav.ts
|
|
5
|
+
var DEFAULT_WIDGET_URL = "https://widget.kalrav.ai/routeye-widget.js";
|
|
6
|
+
var DEFAULT_PRIMARY_COLOR = "#4F46E5";
|
|
7
|
+
var Kalrav = class {
|
|
8
|
+
constructor(config) {
|
|
9
|
+
this.loaded = false;
|
|
10
|
+
this.script = null;
|
|
11
|
+
if (!config.apiKey) {
|
|
12
|
+
throw new Error("Kalrav: apiKey is required");
|
|
13
|
+
}
|
|
14
|
+
if (!config.agentId) {
|
|
15
|
+
throw new Error("Kalrav: agentId is required");
|
|
16
|
+
}
|
|
17
|
+
this.config = {
|
|
18
|
+
apiKey: config.apiKey,
|
|
19
|
+
agentId: config.agentId,
|
|
20
|
+
primaryColor: config.primaryColor || DEFAULT_PRIMARY_COLOR,
|
|
21
|
+
autoLoad: config.autoLoad !== false,
|
|
22
|
+
widgetUrl: config.widgetUrl || DEFAULT_WIDGET_URL
|
|
23
|
+
};
|
|
24
|
+
if (this.config.autoLoad && typeof window !== "undefined") {
|
|
25
|
+
this.load().catch((err) => {
|
|
26
|
+
console.warn("Kalrav auto-load failed:", err);
|
|
27
|
+
});
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
/**
|
|
31
|
+
* Remove broken or duplicate scripts
|
|
32
|
+
*/
|
|
33
|
+
removeStaleScripts() {
|
|
34
|
+
if (typeof document === "undefined") return;
|
|
35
|
+
document.querySelectorAll('script[src*="routeye-widget.js"]').forEach((s) => {
|
|
36
|
+
const hasAgent = !!s.getAttribute("data-agent-id");
|
|
37
|
+
const hasKey = !!(s.getAttribute("data-x-key") || s.dataset.xKey);
|
|
38
|
+
if (!hasAgent || !hasKey) {
|
|
39
|
+
console.warn("Kalrav: Removing stale script:", s.outerHTML);
|
|
40
|
+
s.remove();
|
|
41
|
+
}
|
|
42
|
+
});
|
|
43
|
+
}
|
|
44
|
+
/**
|
|
45
|
+
* Load the Kalrav widget
|
|
46
|
+
*/
|
|
47
|
+
async load() {
|
|
48
|
+
if (typeof window === "undefined") {
|
|
49
|
+
throw new Error("Kalrav: Cannot load in non-browser environment");
|
|
50
|
+
}
|
|
51
|
+
if (typeof document === "undefined") {
|
|
52
|
+
throw new Error("Kalrav: Document is not available");
|
|
53
|
+
}
|
|
54
|
+
if (this.loaded) {
|
|
55
|
+
return Promise.resolve();
|
|
56
|
+
}
|
|
57
|
+
return new Promise((resolve, reject) => {
|
|
58
|
+
try {
|
|
59
|
+
const script = document.createElement("script");
|
|
60
|
+
script.src = this.config.widgetUrl;
|
|
61
|
+
script.setAttribute("data-agent-id", this.config.agentId);
|
|
62
|
+
script.setAttribute("data-x-key", this.config.apiKey);
|
|
63
|
+
script.setAttribute("data-primary-color", this.config.primaryColor);
|
|
64
|
+
script.async = false;
|
|
65
|
+
script.onload = () => {
|
|
66
|
+
this.script = script;
|
|
67
|
+
this.loaded = true;
|
|
68
|
+
console.log("\u2705 Kalrav widget loaded successfully");
|
|
69
|
+
resolve();
|
|
70
|
+
};
|
|
71
|
+
script.onerror = (e) => {
|
|
72
|
+
this.loaded = false;
|
|
73
|
+
console.error("\u274C Kalrav widget failed to load", e);
|
|
74
|
+
reject(new Error("Failed to load Kalrav widget script"));
|
|
75
|
+
};
|
|
76
|
+
document.body.appendChild(script);
|
|
77
|
+
this.script = script;
|
|
78
|
+
} catch (err) {
|
|
79
|
+
this.loaded = false;
|
|
80
|
+
reject(err);
|
|
81
|
+
}
|
|
82
|
+
});
|
|
83
|
+
}
|
|
84
|
+
/**
|
|
85
|
+
* Unload the widget
|
|
86
|
+
*/
|
|
87
|
+
unload() {
|
|
88
|
+
if (this.script) {
|
|
89
|
+
this.script.remove();
|
|
90
|
+
}
|
|
91
|
+
this.script = null;
|
|
92
|
+
this.loaded = false;
|
|
93
|
+
if (typeof window !== "undefined") {
|
|
94
|
+
try {
|
|
95
|
+
delete window.routeyeWidget;
|
|
96
|
+
} catch (_) {
|
|
97
|
+
}
|
|
98
|
+
}
|
|
99
|
+
console.log("Kalrav widget unloaded");
|
|
100
|
+
}
|
|
101
|
+
/**
|
|
102
|
+
* Open the chat widget
|
|
103
|
+
*/
|
|
104
|
+
open() {
|
|
105
|
+
if (typeof window === "undefined") return;
|
|
106
|
+
const w = window;
|
|
107
|
+
if (w.routeyeWidget?.open) {
|
|
108
|
+
return w.routeyeWidget.open();
|
|
109
|
+
}
|
|
110
|
+
w.dispatchEvent(new CustomEvent("kalrav:open"));
|
|
111
|
+
}
|
|
112
|
+
/**
|
|
113
|
+
* Close the chat widget
|
|
114
|
+
*/
|
|
115
|
+
close() {
|
|
116
|
+
if (typeof window === "undefined") return;
|
|
117
|
+
const w = window;
|
|
118
|
+
if (w.routeyeWidget?.close) {
|
|
119
|
+
return w.routeyeWidget.close();
|
|
120
|
+
}
|
|
121
|
+
w.dispatchEvent(new CustomEvent("kalrav:close"));
|
|
122
|
+
}
|
|
123
|
+
/**
|
|
124
|
+
* Check if widget is loaded
|
|
125
|
+
*/
|
|
126
|
+
isLoaded() {
|
|
127
|
+
return this.loaded;
|
|
128
|
+
}
|
|
129
|
+
/**
|
|
130
|
+
* Call any widget method
|
|
131
|
+
*/
|
|
132
|
+
call(method, ...args) {
|
|
133
|
+
if (typeof window === "undefined") return;
|
|
134
|
+
const w = window;
|
|
135
|
+
if (w.routeyeWidget?.[method]) {
|
|
136
|
+
return w.routeyeWidget[method](...args);
|
|
137
|
+
}
|
|
138
|
+
w.dispatchEvent(
|
|
139
|
+
new CustomEvent("kalrav:call", { detail: { method, args } })
|
|
140
|
+
);
|
|
141
|
+
}
|
|
142
|
+
};
|
|
143
|
+
function createKalrav(config) {
|
|
144
|
+
return new Kalrav(config);
|
|
145
|
+
}
|
|
146
|
+
|
|
147
|
+
// src/nextjs/KalravWidget.tsx
|
|
148
|
+
var KalravWidget = (props) => {
|
|
149
|
+
const kalravRef = useRef(null);
|
|
150
|
+
const [isMounted, setIsMounted] = useState(false);
|
|
151
|
+
useEffect(() => {
|
|
152
|
+
setIsMounted(true);
|
|
153
|
+
}, []);
|
|
154
|
+
useEffect(() => {
|
|
155
|
+
if (!isMounted) return;
|
|
156
|
+
kalravRef.current = createKalrav(props);
|
|
157
|
+
return () => {
|
|
158
|
+
kalravRef.current?.unload();
|
|
159
|
+
kalravRef.current = null;
|
|
160
|
+
};
|
|
161
|
+
}, [isMounted, props.apiKey, props.agentId]);
|
|
162
|
+
if (!isMounted) return null;
|
|
163
|
+
return null;
|
|
164
|
+
};
|
|
165
|
+
|
|
166
|
+
// src/nextjs/useKalrav.ts
|
|
167
|
+
import { useEffect as useEffect2, useRef as useRef2, useState as useState2 } from "react";
|
|
168
|
+
function useKalrav(config) {
|
|
169
|
+
const kalravRef = useRef2(null);
|
|
170
|
+
const [isMounted, setIsMounted] = useState2(false);
|
|
171
|
+
useEffect2(() => {
|
|
172
|
+
setIsMounted(true);
|
|
173
|
+
}, []);
|
|
174
|
+
useEffect2(() => {
|
|
175
|
+
if (!isMounted) return;
|
|
176
|
+
kalravRef.current = createKalrav(config);
|
|
177
|
+
return () => {
|
|
178
|
+
kalravRef.current?.unload();
|
|
179
|
+
kalravRef.current = null;
|
|
180
|
+
};
|
|
181
|
+
}, [isMounted, config.apiKey, config.agentId]);
|
|
182
|
+
return kalravRef.current;
|
|
183
|
+
}
|
|
184
|
+
export {
|
|
185
|
+
KalravWidget,
|
|
186
|
+
useKalrav
|
|
187
|
+
};
|
|
188
|
+
//# sourceMappingURL=nextjs.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/nextjs/KalravWidget.tsx","../src/core/kalrav.ts","../src/nextjs/useKalrav.ts"],"sourcesContent":["'use client';\r\n\r\nimport React, { useEffect, useRef, useState } from 'react';\r\nimport { createKalrav } from '../core/kalrav';\r\nimport type { KalravConfig, KalravWidget as KalravWidgetInstance } from '../core/types';\r\n\r\nexport interface KalravWidgetProps extends KalravConfig {}\r\n\r\nexport const KalravWidget: React.FC<KalravWidgetProps> = (props) => {\r\n const kalravRef = useRef<KalravWidgetInstance | null>(null);\r\n const [isMounted, setIsMounted] = useState(false);\r\n\r\n useEffect(() => {\r\n setIsMounted(true);\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (!isMounted) return;\r\n\r\n kalravRef.current = createKalrav(props);\r\n\r\n return () => {\r\n kalravRef.current?.unload();\r\n kalravRef.current = null;\r\n };\r\n }, [isMounted, props.apiKey, props.agentId]);\r\n\r\n if (!isMounted) return null;\r\n\r\n return null;\r\n};\r\n","import type { KalravConfig, KalravWidget } from './types';\r\n// @ts-ignore - ConfigManager is JS file\r\nimport { ConfigManager } from '../config-manager.js';\r\n\r\nconst DEFAULT_WIDGET_URL = 'https://widget.kalrav.ai/routeye-widget.js'; // Production widget CDN\r\nconst DEFAULT_PRIMARY_COLOR = '#4F46E5';\r\n\r\n/**\r\n * Kalrav AI Widget Core Implementation\r\n * \r\n * This is the core vanilla JS/TS implementation that works across all frameworks.\r\n * Enhanced version of the original kalravPureJs.js with TypeScript support.\r\n */\r\nexport class Kalrav implements KalravWidget {\r\n private loaded: boolean = false;\r\n private script: HTMLScriptElement | null = null;\r\n private config: Required<KalravConfig>;\r\n\r\n constructor(config: KalravConfig) {\r\n if (!config.apiKey) {\r\n throw new Error('Kalrav: apiKey is required');\r\n }\r\n if (!config.agentId) {\r\n throw new Error('Kalrav: agentId is required');\r\n }\r\n\r\n this.config = {\r\n apiKey: config.apiKey,\r\n agentId: config.agentId,\r\n primaryColor: config.primaryColor || DEFAULT_PRIMARY_COLOR,\r\n autoLoad: config.autoLoad !== false,\r\n widgetUrl: config.widgetUrl || DEFAULT_WIDGET_URL,\r\n };\r\n\r\n // Auto-load if enabled\r\n if (this.config.autoLoad && typeof window !== 'undefined') {\r\n this.load().catch((err) => {\r\n console.warn('Kalrav auto-load failed:', err);\r\n });\r\n }\r\n }\r\n\r\n /**\r\n * Remove broken or duplicate scripts\r\n */\r\n private removeStaleScripts(): void {\r\n if (typeof document === 'undefined') return;\r\n\r\n document.querySelectorAll('script[src*=\"routeye-widget.js\"]').forEach((s) => {\r\n const hasAgent = !!s.getAttribute('data-agent-id');\r\n const hasKey = !!(s.getAttribute('data-x-key') || (s as HTMLElement).dataset.xKey);\r\n\r\n if (!hasAgent || !hasKey) {\r\n console.warn('Kalrav: Removing stale script:', s.outerHTML);\r\n s.remove();\r\n }\r\n });\r\n }\r\n\r\n /**\r\n * Load the Kalrav widget\r\n */\r\n public async load(): Promise<void> {\r\n if (typeof window === 'undefined') {\r\n throw new Error('Kalrav: Cannot load in non-browser environment');\r\n }\r\n\r\n if (typeof document === 'undefined') {\r\n throw new Error('Kalrav: Document is not available');\r\n }\r\n\r\n // Check if already loaded\r\n if (this.loaded) {\r\n return Promise.resolve();\r\n }\r\n\r\n return new Promise((resolve, reject) => {\r\n try {\r\n // 🎨 UI customization config will be fetched by widget.js itself\r\n // We just need to create a script tag with the agent credentials\r\n \r\n const script = document.createElement('script');\r\n \r\n // Use configured widget URL (can be CDN or local)\r\n script.src = this.config.widgetUrl;\r\n \r\n script.setAttribute('data-agent-id', this.config.agentId);\r\n script.setAttribute('data-x-key', this.config.apiKey);\r\n script.setAttribute('data-primary-color', this.config.primaryColor);\r\n script.async = false;\r\n\r\n script.onload = () => {\r\n this.script = script;\r\n this.loaded = true;\r\n console.log('✅ Kalrav widget loaded successfully');\r\n resolve();\r\n };\r\n\r\n script.onerror = (e) => {\r\n this.loaded = false;\r\n console.error('❌ Kalrav widget failed to load', e);\r\n reject(new Error('Failed to load Kalrav widget script'));\r\n };\r\n\r\n document.body.appendChild(script);\r\n this.script = script;\r\n } catch (err) {\r\n this.loaded = false;\r\n reject(err);\r\n }\r\n });\r\n }\r\n\r\n /**\r\n * Unload the widget\r\n */\r\n public unload(): void {\r\n if (this.script) {\r\n this.script.remove();\r\n }\r\n\r\n this.script = null;\r\n this.loaded = false;\r\n\r\n // Optional cleanup\r\n if (typeof window !== 'undefined') {\r\n try {\r\n delete (window as any).routeyeWidget;\r\n } catch (_) {\r\n // Ignore errors\r\n }\r\n }\r\n\r\n console.log('Kalrav widget unloaded');\r\n }\r\n\r\n /**\r\n * Open the chat widget\r\n */\r\n public open(): void {\r\n if (typeof window === 'undefined') return;\r\n\r\n const w = window as any;\r\n if (w.routeyeWidget?.open) {\r\n return w.routeyeWidget.open();\r\n }\r\n\r\n w.dispatchEvent(new CustomEvent('kalrav:open'));\r\n }\r\n\r\n /**\r\n * Close the chat widget\r\n */\r\n public close(): void {\r\n if (typeof window === 'undefined') return;\r\n\r\n const w = window as any;\r\n if (w.routeyeWidget?.close) {\r\n return w.routeyeWidget.close();\r\n }\r\n\r\n w.dispatchEvent(new CustomEvent('kalrav:close'));\r\n }\r\n\r\n /**\r\n * Check if widget is loaded\r\n */\r\n public isLoaded(): boolean {\r\n return this.loaded;\r\n }\r\n\r\n /**\r\n * Call any widget method\r\n */\r\n public call(method: string, ...args: any[]): void {\r\n if (typeof window === 'undefined') return;\r\n\r\n const w = window as any;\r\n if (w.routeyeWidget?.[method]) {\r\n return w.routeyeWidget[method](...args);\r\n }\r\n\r\n w.dispatchEvent(\r\n new CustomEvent('kalrav:call', { detail: { method, args } })\r\n );\r\n }\r\n}\r\n\r\n/**\r\n * Factory function to create a new Kalrav instance\r\n */\r\nexport function createKalrav(config: KalravConfig): KalravWidget {\r\n return new Kalrav(config);\r\n}\r\n","'use client';\r\n\r\nimport { useEffect, useRef, useState } from 'react';\r\nimport { createKalrav } from '../core/kalrav';\r\nimport type { KalravConfig, KalravWidget } from '../core/types';\r\n\r\nexport function useKalrav(config: KalravConfig): KalravWidget | null {\r\n const kalravRef = useRef<KalravWidget | null>(null);\r\n const [isMounted, setIsMounted] = useState(false);\r\n\r\n useEffect(() => {\r\n setIsMounted(true);\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (!isMounted) return;\r\n\r\n kalravRef.current = createKalrav(config);\r\n\r\n return () => {\r\n kalravRef.current?.unload();\r\n kalravRef.current = null;\r\n };\r\n }, [isMounted, config.apiKey, config.agentId]);\r\n\r\n return kalravRef.current;\r\n}\r\n"],"mappings":"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","names":["useEffect","useRef","useState","useRef","useState","useEffect"]}
|
package/dist/react.d.mts
ADDED
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { a as KalravConfig, K as KalravWidget$1 } from './types-coZ9jHpG.mjs';
|
|
3
|
+
|
|
4
|
+
interface KalravWidgetProps extends KalravConfig {
|
|
5
|
+
}
|
|
6
|
+
declare const KalravWidget: React.FC<KalravWidgetProps>;
|
|
7
|
+
|
|
8
|
+
declare function useKalrav(config: KalravConfig): KalravWidget$1 | null;
|
|
9
|
+
|
|
10
|
+
export { KalravConfig, KalravWidget, KalravWidget$1 as KalravWidgetInstance, useKalrav };
|
package/dist/react.d.ts
ADDED
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { a as KalravConfig, K as KalravWidget$1 } from './types-coZ9jHpG.js';
|
|
3
|
+
|
|
4
|
+
interface KalravWidgetProps extends KalravConfig {
|
|
5
|
+
}
|
|
6
|
+
declare const KalravWidget: React.FC<KalravWidgetProps>;
|
|
7
|
+
|
|
8
|
+
declare function useKalrav(config: KalravConfig): KalravWidget$1 | null;
|
|
9
|
+
|
|
10
|
+
export { KalravConfig, KalravWidget, KalravWidget$1 as KalravWidgetInstance, useKalrav };
|
package/dist/react.js
ADDED
|
@@ -0,0 +1,205 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __export = (target, all) => {
|
|
7
|
+
for (var name in all)
|
|
8
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
+
};
|
|
10
|
+
var __copyProps = (to, from, except, desc) => {
|
|
11
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
+
for (let key of __getOwnPropNames(from))
|
|
13
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
+
}
|
|
16
|
+
return to;
|
|
17
|
+
};
|
|
18
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
+
|
|
20
|
+
// src/react/index.ts
|
|
21
|
+
var react_exports = {};
|
|
22
|
+
__export(react_exports, {
|
|
23
|
+
KalravWidget: () => KalravWidget,
|
|
24
|
+
useKalrav: () => useKalrav
|
|
25
|
+
});
|
|
26
|
+
module.exports = __toCommonJS(react_exports);
|
|
27
|
+
|
|
28
|
+
// src/react/KalravWidget.tsx
|
|
29
|
+
var import_react = require("react");
|
|
30
|
+
|
|
31
|
+
// src/core/kalrav.ts
|
|
32
|
+
var DEFAULT_WIDGET_URL = "https://widget.kalrav.ai/routeye-widget.js";
|
|
33
|
+
var DEFAULT_PRIMARY_COLOR = "#4F46E5";
|
|
34
|
+
var Kalrav = class {
|
|
35
|
+
constructor(config) {
|
|
36
|
+
this.loaded = false;
|
|
37
|
+
this.script = null;
|
|
38
|
+
if (!config.apiKey) {
|
|
39
|
+
throw new Error("Kalrav: apiKey is required");
|
|
40
|
+
}
|
|
41
|
+
if (!config.agentId) {
|
|
42
|
+
throw new Error("Kalrav: agentId is required");
|
|
43
|
+
}
|
|
44
|
+
this.config = {
|
|
45
|
+
apiKey: config.apiKey,
|
|
46
|
+
agentId: config.agentId,
|
|
47
|
+
primaryColor: config.primaryColor || DEFAULT_PRIMARY_COLOR,
|
|
48
|
+
autoLoad: config.autoLoad !== false,
|
|
49
|
+
widgetUrl: config.widgetUrl || DEFAULT_WIDGET_URL
|
|
50
|
+
};
|
|
51
|
+
if (this.config.autoLoad && typeof window !== "undefined") {
|
|
52
|
+
this.load().catch((err) => {
|
|
53
|
+
console.warn("Kalrav auto-load failed:", err);
|
|
54
|
+
});
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
/**
|
|
58
|
+
* Remove broken or duplicate scripts
|
|
59
|
+
*/
|
|
60
|
+
removeStaleScripts() {
|
|
61
|
+
if (typeof document === "undefined") return;
|
|
62
|
+
document.querySelectorAll('script[src*="routeye-widget.js"]').forEach((s) => {
|
|
63
|
+
const hasAgent = !!s.getAttribute("data-agent-id");
|
|
64
|
+
const hasKey = !!(s.getAttribute("data-x-key") || s.dataset.xKey);
|
|
65
|
+
if (!hasAgent || !hasKey) {
|
|
66
|
+
console.warn("Kalrav: Removing stale script:", s.outerHTML);
|
|
67
|
+
s.remove();
|
|
68
|
+
}
|
|
69
|
+
});
|
|
70
|
+
}
|
|
71
|
+
/**
|
|
72
|
+
* Load the Kalrav widget
|
|
73
|
+
*/
|
|
74
|
+
async load() {
|
|
75
|
+
if (typeof window === "undefined") {
|
|
76
|
+
throw new Error("Kalrav: Cannot load in non-browser environment");
|
|
77
|
+
}
|
|
78
|
+
if (typeof document === "undefined") {
|
|
79
|
+
throw new Error("Kalrav: Document is not available");
|
|
80
|
+
}
|
|
81
|
+
if (this.loaded) {
|
|
82
|
+
return Promise.resolve();
|
|
83
|
+
}
|
|
84
|
+
return new Promise((resolve, reject) => {
|
|
85
|
+
try {
|
|
86
|
+
const script = document.createElement("script");
|
|
87
|
+
script.src = this.config.widgetUrl;
|
|
88
|
+
script.setAttribute("data-agent-id", this.config.agentId);
|
|
89
|
+
script.setAttribute("data-x-key", this.config.apiKey);
|
|
90
|
+
script.setAttribute("data-primary-color", this.config.primaryColor);
|
|
91
|
+
script.async = false;
|
|
92
|
+
script.onload = () => {
|
|
93
|
+
this.script = script;
|
|
94
|
+
this.loaded = true;
|
|
95
|
+
console.log("\u2705 Kalrav widget loaded successfully");
|
|
96
|
+
resolve();
|
|
97
|
+
};
|
|
98
|
+
script.onerror = (e) => {
|
|
99
|
+
this.loaded = false;
|
|
100
|
+
console.error("\u274C Kalrav widget failed to load", e);
|
|
101
|
+
reject(new Error("Failed to load Kalrav widget script"));
|
|
102
|
+
};
|
|
103
|
+
document.body.appendChild(script);
|
|
104
|
+
this.script = script;
|
|
105
|
+
} catch (err) {
|
|
106
|
+
this.loaded = false;
|
|
107
|
+
reject(err);
|
|
108
|
+
}
|
|
109
|
+
});
|
|
110
|
+
}
|
|
111
|
+
/**
|
|
112
|
+
* Unload the widget
|
|
113
|
+
*/
|
|
114
|
+
unload() {
|
|
115
|
+
if (this.script) {
|
|
116
|
+
this.script.remove();
|
|
117
|
+
}
|
|
118
|
+
this.script = null;
|
|
119
|
+
this.loaded = false;
|
|
120
|
+
if (typeof window !== "undefined") {
|
|
121
|
+
try {
|
|
122
|
+
delete window.routeyeWidget;
|
|
123
|
+
} catch (_) {
|
|
124
|
+
}
|
|
125
|
+
}
|
|
126
|
+
console.log("Kalrav widget unloaded");
|
|
127
|
+
}
|
|
128
|
+
/**
|
|
129
|
+
* Open the chat widget
|
|
130
|
+
*/
|
|
131
|
+
open() {
|
|
132
|
+
if (typeof window === "undefined") return;
|
|
133
|
+
const w = window;
|
|
134
|
+
if (w.routeyeWidget?.open) {
|
|
135
|
+
return w.routeyeWidget.open();
|
|
136
|
+
}
|
|
137
|
+
w.dispatchEvent(new CustomEvent("kalrav:open"));
|
|
138
|
+
}
|
|
139
|
+
/**
|
|
140
|
+
* Close the chat widget
|
|
141
|
+
*/
|
|
142
|
+
close() {
|
|
143
|
+
if (typeof window === "undefined") return;
|
|
144
|
+
const w = window;
|
|
145
|
+
if (w.routeyeWidget?.close) {
|
|
146
|
+
return w.routeyeWidget.close();
|
|
147
|
+
}
|
|
148
|
+
w.dispatchEvent(new CustomEvent("kalrav:close"));
|
|
149
|
+
}
|
|
150
|
+
/**
|
|
151
|
+
* Check if widget is loaded
|
|
152
|
+
*/
|
|
153
|
+
isLoaded() {
|
|
154
|
+
return this.loaded;
|
|
155
|
+
}
|
|
156
|
+
/**
|
|
157
|
+
* Call any widget method
|
|
158
|
+
*/
|
|
159
|
+
call(method, ...args) {
|
|
160
|
+
if (typeof window === "undefined") return;
|
|
161
|
+
const w = window;
|
|
162
|
+
if (w.routeyeWidget?.[method]) {
|
|
163
|
+
return w.routeyeWidget[method](...args);
|
|
164
|
+
}
|
|
165
|
+
w.dispatchEvent(
|
|
166
|
+
new CustomEvent("kalrav:call", { detail: { method, args } })
|
|
167
|
+
);
|
|
168
|
+
}
|
|
169
|
+
};
|
|
170
|
+
function createKalrav(config) {
|
|
171
|
+
return new Kalrav(config);
|
|
172
|
+
}
|
|
173
|
+
|
|
174
|
+
// src/react/KalravWidget.tsx
|
|
175
|
+
var KalravWidget = (props) => {
|
|
176
|
+
const kalravRef = (0, import_react.useRef)(null);
|
|
177
|
+
(0, import_react.useEffect)(() => {
|
|
178
|
+
kalravRef.current = createKalrav(props);
|
|
179
|
+
return () => {
|
|
180
|
+
kalravRef.current?.unload();
|
|
181
|
+
kalravRef.current = null;
|
|
182
|
+
};
|
|
183
|
+
}, [props.apiKey, props.agentId]);
|
|
184
|
+
return null;
|
|
185
|
+
};
|
|
186
|
+
|
|
187
|
+
// src/react/useKalrav.ts
|
|
188
|
+
var import_react2 = require("react");
|
|
189
|
+
function useKalrav(config) {
|
|
190
|
+
const kalravRef = (0, import_react2.useRef)(null);
|
|
191
|
+
(0, import_react2.useEffect)(() => {
|
|
192
|
+
kalravRef.current = createKalrav(config);
|
|
193
|
+
return () => {
|
|
194
|
+
kalravRef.current?.unload();
|
|
195
|
+
kalravRef.current = null;
|
|
196
|
+
};
|
|
197
|
+
}, [config.apiKey, config.agentId]);
|
|
198
|
+
return kalravRef.current;
|
|
199
|
+
}
|
|
200
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
201
|
+
0 && (module.exports = {
|
|
202
|
+
KalravWidget,
|
|
203
|
+
useKalrav
|
|
204
|
+
});
|
|
205
|
+
//# sourceMappingURL=react.js.map
|