@opencx/widget 3.0.87 → 3.0.88
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/dist/designs.cjs +19 -47
- package/dist/designs.cjs.map +1 -1
- package/dist/designs.js +1263 -18498
- package/dist/designs.js.map +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +6 -4
- package/dist/index.js.map +1 -1
- package/dist/react.cjs +1 -1
- package/dist/react.cjs.map +1 -1
- package/dist/react.js +17 -16
- package/dist/react.js.map +1 -1
- package/dist/src/designs/react/index.d.ts +3 -2
- package/dist/src/designs/react/screens/chat/ChatCanvas.d.ts +1 -1
- package/dist/src/headless/core/__tests__/test-utils.d.ts +39 -0
- package/dist/src/headless/core/api/api-caller.d.ts +39 -0
- package/dist/src/headless/core/api/schema.d.ts +3 -0
- package/dist/src/headless/core/context/message.ctx.d.ts +1 -0
- package/dist/src/headless/core/context/session.ctx.d.ts +16 -0
- package/dist/src/headless/core/index.d.ts +1 -1
- package/dist/src/headless/react/WidgetProvider.d.ts +4 -1
- package/dist/src/headless/react/hooks/useMessages.d.ts +1 -0
- package/dist/src/headless/react/hooks/useModes.d.ts +3 -0
- package/dist/src/headless/react/hooks/useSessions.d.ts +15 -0
- package/dist/src/headless/react/index.d.ts +1 -0
- package/dist/src/headless/react/types/modes.components.d.ts +11 -0
- package/dist/useModes-DSFNdOy3.cjs +2 -0
- package/dist/useModes-DSFNdOy3.cjs.map +1 -0
- package/dist/useModes-DleBrdDK.js +260 -0
- package/dist/useModes-DleBrdDK.js.map +1 -0
- package/dist/widget.ctx-CC3c7FPb.js +1542 -0
- package/dist/widget.ctx-CC3c7FPb.js.map +1 -0
- package/dist/widget.ctx-HuLTTMAM.cjs +5 -0
- package/dist/widget.ctx-HuLTTMAM.cjs.map +1 -0
- package/dist-embed/script.js +18 -18
- package/dist-embed/script.js.map +1 -1
- package/package.json +113 -52
- package/dist/is-exhaustive-9o43S91P.cjs +0 -2
- package/dist/is-exhaustive-9o43S91P.cjs.map +0 -1
- package/dist/is-exhaustive-DGJzQK69.js +0 -7
- package/dist/is-exhaustive-DGJzQK69.js.map +0 -1
- package/dist/useModes-C5Jd3NZU.cjs +0 -18
- package/dist/useModes-C5Jd3NZU.cjs.map +0 -1
- package/dist/useModes-CCwRYrkY.js +0 -1373
- package/dist/useModes-CCwRYrkY.js.map +0 -1
- package/dist/widget.ctx-BIrCsbNY.cjs +0 -5
- package/dist/widget.ctx-BIrCsbNY.cjs.map +0 -1
- package/dist/widget.ctx-D-BdBFz5.js +0 -676
- package/dist/widget.ctx-D-BdBFz5.js.map +0 -1
|
@@ -0,0 +1,260 @@
|
|
|
1
|
+
import k from "swr";
|
|
2
|
+
import { createContext as b, useRef as y, useState as w, useMemo as m, useEffect as h, useContext as U, useSyncExternalStore as P } from "react";
|
|
3
|
+
import { W as O, v as R } from "./widget.ctx-CC3c7FPb.js";
|
|
4
|
+
import { jsx as v } from "react/jsx-runtime";
|
|
5
|
+
const N = "3.0.88";
|
|
6
|
+
class T {
|
|
7
|
+
constructor(t) {
|
|
8
|
+
this.components = [];
|
|
9
|
+
const { components: n } = t;
|
|
10
|
+
if (n && n.forEach((o) => this.register(o)), this.components.length === 0)
|
|
11
|
+
throw new Error("No components registered");
|
|
12
|
+
if (!this.get("fallback"))
|
|
13
|
+
throw new Error("No fallback component registered");
|
|
14
|
+
}
|
|
15
|
+
// TODO test that this registers or replaces the component
|
|
16
|
+
register(t) {
|
|
17
|
+
const n = this.components.findIndex((o) => o.key === t.key);
|
|
18
|
+
return n !== -1 ? this.components[n] = t : this.components.push(t), this;
|
|
19
|
+
}
|
|
20
|
+
get(t) {
|
|
21
|
+
const n = this.components.find(
|
|
22
|
+
(o) => o.key.toUpperCase() === t.toUpperCase()
|
|
23
|
+
);
|
|
24
|
+
return n || null;
|
|
25
|
+
}
|
|
26
|
+
getComponent(t) {
|
|
27
|
+
var n;
|
|
28
|
+
return (n = this.get(t)) == null ? void 0 : n.component;
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
const F = b(null);
|
|
32
|
+
function z({
|
|
33
|
+
options: e,
|
|
34
|
+
children: t,
|
|
35
|
+
components: n,
|
|
36
|
+
modesComponents: o,
|
|
37
|
+
storage: i,
|
|
38
|
+
loadingComponent: a
|
|
39
|
+
}) {
|
|
40
|
+
const d = y(null), u = y(!1), [p, f] = w(null), s = m(
|
|
41
|
+
() => new T({
|
|
42
|
+
components: n
|
|
43
|
+
}),
|
|
44
|
+
[n]
|
|
45
|
+
);
|
|
46
|
+
return h(() => {
|
|
47
|
+
u.current || (u.current = !0, O.initialize({ config: e, storage: i }).then(f));
|
|
48
|
+
}, []), p ? /* @__PURE__ */ v(
|
|
49
|
+
F.Provider,
|
|
50
|
+
{
|
|
51
|
+
value: {
|
|
52
|
+
widgetCtx: p,
|
|
53
|
+
config: e,
|
|
54
|
+
components: n,
|
|
55
|
+
componentStore: s,
|
|
56
|
+
modesComponents: o,
|
|
57
|
+
version: N,
|
|
58
|
+
contentIframeRef: d
|
|
59
|
+
},
|
|
60
|
+
children: t
|
|
61
|
+
}
|
|
62
|
+
) : a || null;
|
|
63
|
+
}
|
|
64
|
+
function g() {
|
|
65
|
+
const e = U(F);
|
|
66
|
+
if (!e)
|
|
67
|
+
throw new Error("useWidget must be used within a WidgetProvider");
|
|
68
|
+
return e;
|
|
69
|
+
}
|
|
70
|
+
function W() {
|
|
71
|
+
const { config: e } = g();
|
|
72
|
+
return e;
|
|
73
|
+
}
|
|
74
|
+
function C(e) {
|
|
75
|
+
return P(e.subscribe, e.get, e.get);
|
|
76
|
+
}
|
|
77
|
+
function D() {
|
|
78
|
+
const { widgetCtx: e } = g();
|
|
79
|
+
return {
|
|
80
|
+
contactState: C(e.contactCtx.state),
|
|
81
|
+
createUnverifiedContact: e.contactCtx.createUnverifiedContact
|
|
82
|
+
};
|
|
83
|
+
}
|
|
84
|
+
function M() {
|
|
85
|
+
const { widgetCtx: e } = g();
|
|
86
|
+
return { messagesState: C(e.messageCtx.state), sendMessage: e.messageCtx.sendMessage };
|
|
87
|
+
}
|
|
88
|
+
function E() {
|
|
89
|
+
const { widgetCtx: e } = g(), { oneOpenSessionAllowed: t } = W(), n = C(e.sessionCtx.sessionState), o = C(e.sessionCtx.sessionsState), { openSessions: i, closedSessions: a } = m(() => ({
|
|
90
|
+
openSessions: o.data.filter((u) => u.isOpened === !0),
|
|
91
|
+
closedSessions: o.data.filter((u) => u.isOpened === !1)
|
|
92
|
+
}), [o.data]), d = m(() => t ? i.length === 0 : !0, [t, i.length]);
|
|
93
|
+
return {
|
|
94
|
+
sessionState: n,
|
|
95
|
+
sessionsState: o,
|
|
96
|
+
loadMoreSessions: e.sessionCtx.loadMoreSessions,
|
|
97
|
+
resolveSession: e.sessionCtx.resolveSession,
|
|
98
|
+
createStateCheckpoint: e.sessionCtx.createStateCheckpoint,
|
|
99
|
+
openSessions: i,
|
|
100
|
+
closedSessions: a,
|
|
101
|
+
canCreateNewSession: d
|
|
102
|
+
};
|
|
103
|
+
}
|
|
104
|
+
function _() {
|
|
105
|
+
var d;
|
|
106
|
+
const { sessionState: e } = E(), { messagesState: t } = M(), n = ((d = e.session) == null ? void 0 : d.assignee.kind) === "ai", o = t.messages.length > 0 ? t.messages[t.messages.length - 1] : null, i = (o == null ? void 0 : o.type) === "FROM_USER";
|
|
107
|
+
return { isAwaitingBotReply: (n || e.isCreatingSession) && (t.isSendingMessage || i) };
|
|
108
|
+
}
|
|
109
|
+
function $() {
|
|
110
|
+
const { widgetCtx: e } = g();
|
|
111
|
+
return k([e.config.token], e.api.widgetPrelude, {
|
|
112
|
+
revalidateOnFocus: !1
|
|
113
|
+
});
|
|
114
|
+
}
|
|
115
|
+
function q() {
|
|
116
|
+
const { widgetCtx: e } = g();
|
|
117
|
+
return {
|
|
118
|
+
routerState: C(e.routerCtx.state),
|
|
119
|
+
toSessionsScreen: e.routerCtx.toSessionsScreen,
|
|
120
|
+
toChatScreen: e.routerCtx.toChatScreen
|
|
121
|
+
};
|
|
122
|
+
}
|
|
123
|
+
const l = /* @__PURE__ */ new Map();
|
|
124
|
+
function G() {
|
|
125
|
+
const [e, t] = w([]), {
|
|
126
|
+
widgetCtx: { api: n }
|
|
127
|
+
} = g();
|
|
128
|
+
function o(s) {
|
|
129
|
+
const r = s.map((c) => ({
|
|
130
|
+
file: c,
|
|
131
|
+
id: R(),
|
|
132
|
+
status: "pending",
|
|
133
|
+
progress: 0
|
|
134
|
+
}));
|
|
135
|
+
t((c) => [...c, ...r]), r.forEach(d);
|
|
136
|
+
}
|
|
137
|
+
function i(s, r) {
|
|
138
|
+
t(
|
|
139
|
+
(c) => c.map((S) => S.id === s ? { ...S, ...r } : S)
|
|
140
|
+
);
|
|
141
|
+
}
|
|
142
|
+
function a(s) {
|
|
143
|
+
t((r) => r.filter((c) => c.id !== s));
|
|
144
|
+
}
|
|
145
|
+
const d = async (s) => {
|
|
146
|
+
const r = new AbortController();
|
|
147
|
+
l.set(s.id, r);
|
|
148
|
+
try {
|
|
149
|
+
t(
|
|
150
|
+
(S) => S.map(
|
|
151
|
+
(x) => x.id === s.id ? { ...x, status: "uploading", progress: 0 } : x
|
|
152
|
+
)
|
|
153
|
+
);
|
|
154
|
+
const c = await n.uploadFile({
|
|
155
|
+
file: s.file,
|
|
156
|
+
abortSignal: r.signal,
|
|
157
|
+
onProgress: (S) => {
|
|
158
|
+
i(s.id, { progress: S });
|
|
159
|
+
}
|
|
160
|
+
});
|
|
161
|
+
i(s.id, {
|
|
162
|
+
status: "success",
|
|
163
|
+
fileUrl: c.fileUrl,
|
|
164
|
+
progress: 100
|
|
165
|
+
});
|
|
166
|
+
} catch (c) {
|
|
167
|
+
r.signal.aborted || i(s.id, {
|
|
168
|
+
status: "error",
|
|
169
|
+
error: c instanceof Error ? c.message : "Upload failed",
|
|
170
|
+
progress: 0
|
|
171
|
+
});
|
|
172
|
+
} finally {
|
|
173
|
+
l.delete(s.id);
|
|
174
|
+
}
|
|
175
|
+
}, u = (s) => {
|
|
176
|
+
const r = l.get(s);
|
|
177
|
+
r && (r.abort(), l.delete(s)), a(s);
|
|
178
|
+
}, p = m(() => e.filter((s) => s.status === "success" && s.fileUrl), [e]);
|
|
179
|
+
function f() {
|
|
180
|
+
l.forEach((s) => s.abort()), l.clear(), t([]);
|
|
181
|
+
}
|
|
182
|
+
return h(() => () => {
|
|
183
|
+
l.forEach((s) => s.abort()), l.clear();
|
|
184
|
+
}, []), {
|
|
185
|
+
allFiles: e,
|
|
186
|
+
appendFiles: o,
|
|
187
|
+
handleCancelUpload: u,
|
|
188
|
+
successFiles: p,
|
|
189
|
+
emptyTheFiles: f,
|
|
190
|
+
getFileById: (s) => e.find((r) => r.id === s),
|
|
191
|
+
getUploadProgress: (s) => {
|
|
192
|
+
var r;
|
|
193
|
+
return ((r = e.find((c) => c.id === s)) == null ? void 0 : r.progress) ?? 0;
|
|
194
|
+
},
|
|
195
|
+
getUploadStatus: (s) => {
|
|
196
|
+
var r;
|
|
197
|
+
return (r = e.find((c) => c.id === s)) == null ? void 0 : r.status;
|
|
198
|
+
},
|
|
199
|
+
hasErrors: e.some((s) => s.status === "error"),
|
|
200
|
+
isUploading: e.some((s) => s.status === "uploading")
|
|
201
|
+
};
|
|
202
|
+
}
|
|
203
|
+
const A = b(null);
|
|
204
|
+
function H({ children: e }) {
|
|
205
|
+
const t = W(), [n, o] = w(t.isOpen ?? !1);
|
|
206
|
+
return h(() => {
|
|
207
|
+
o((i) => t.isOpen ?? i);
|
|
208
|
+
}, [t.isOpen]), h(() => {
|
|
209
|
+
const i = t.openAfterNSeconds;
|
|
210
|
+
if (typeof i != "number" || isNaN(i))
|
|
211
|
+
return;
|
|
212
|
+
const a = setTimeout(() => o(!0), i * 1e3);
|
|
213
|
+
return () => clearTimeout(a);
|
|
214
|
+
}, [t.openAfterNSeconds]), /* @__PURE__ */ v(A.Provider, { value: { isOpen: n, setIsOpen: o }, children: e });
|
|
215
|
+
}
|
|
216
|
+
function J() {
|
|
217
|
+
const e = U(A);
|
|
218
|
+
if (!e)
|
|
219
|
+
throw new Error(
|
|
220
|
+
"useWidgetTrigger must be used within a WidgetTriggerProvider"
|
|
221
|
+
);
|
|
222
|
+
return e;
|
|
223
|
+
}
|
|
224
|
+
function K() {
|
|
225
|
+
var u, p;
|
|
226
|
+
const { widgetCtx: e, modesComponents: t } = g(), { sessionState: n } = E(), o = e.modes, i = (u = n.session) == null ? void 0 : u.modeId, a = o.find((f) => f.id === i), d = (p = t == null ? void 0 : t.find(
|
|
227
|
+
(f) => {
|
|
228
|
+
var s, r;
|
|
229
|
+
return [
|
|
230
|
+
(a == null ? void 0 : a.id) || "",
|
|
231
|
+
((s = a == null ? void 0 : a.name) == null ? void 0 : s.toLowerCase()) || "",
|
|
232
|
+
((r = a == null ? void 0 : a.slug) == null ? void 0 : r.toLowerCase()) || ""
|
|
233
|
+
].includes(f.key.toLowerCase());
|
|
234
|
+
}
|
|
235
|
+
)) == null ? void 0 : p.component;
|
|
236
|
+
return {
|
|
237
|
+
modes: o,
|
|
238
|
+
modesComponents: t,
|
|
239
|
+
activeModeId: i,
|
|
240
|
+
activeMode: a,
|
|
241
|
+
Component: d
|
|
242
|
+
};
|
|
243
|
+
}
|
|
244
|
+
export {
|
|
245
|
+
z as W,
|
|
246
|
+
W as a,
|
|
247
|
+
D as b,
|
|
248
|
+
_ as c,
|
|
249
|
+
M as d,
|
|
250
|
+
$ as e,
|
|
251
|
+
C as f,
|
|
252
|
+
E as g,
|
|
253
|
+
q as h,
|
|
254
|
+
G as i,
|
|
255
|
+
J as j,
|
|
256
|
+
H as k,
|
|
257
|
+
K as l,
|
|
258
|
+
g as u
|
|
259
|
+
};
|
|
260
|
+
//# sourceMappingURL=useModes-DleBrdDK.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useModes-DleBrdDK.js","sources":["../src/headless/react/ComponentRegistry.ts","../src/headless/react/WidgetProvider.tsx","../src/headless/react/hooks/useConfig.ts","../src/headless/react/hooks/usePrimitiveState.ts","../src/headless/react/hooks/useContact.ts","../src/headless/react/hooks/useMessages.ts","../src/headless/react/hooks/useSessions.ts","../src/headless/react/hooks/useIsAwaitingBotReply.ts","../src/headless/react/hooks/usePreludeData.ts","../src/headless/react/hooks/useWidgetRouter.ts","../src/headless/react/hooks/useUploadFiles.ts","../src/headless/react/hooks/useWidgetTrigger.tsx","../src/headless/react/hooks/useModes.ts"],"sourcesContent":["import type { WidgetComponentKey } from '../core';\nimport type { WidgetComponentType } from './types/components';\n\nexport class ComponentRegistry {\n components: WidgetComponentType[] = [];\n\n constructor(opts: { components?: WidgetComponentType[] }) {\n const { components } = opts;\n\n if (components) {\n components.forEach((c) => this.register(c));\n }\n\n if (this.components.length === 0) {\n throw new Error('No components registered');\n }\n if (!this.get('fallback')) {\n throw new Error('No fallback component registered');\n }\n }\n\n // TODO test that this registers or replaces the component\n register(component: WidgetComponentType) {\n // Replace the key if it already exists\n const index = this.components.findIndex((c) => c.key === component.key);\n if (index !== -1) {\n this.components[index] = component;\n } else {\n this.components.push(component);\n }\n return this;\n }\n\n private get(key: WidgetComponentKey) {\n const c = this.components.find(\n (c) => c.key.toUpperCase() === key.toUpperCase(),\n );\n if (c) return c;\n return null;\n }\n\n public getComponent(key: string) {\n return this.get(key)?.component;\n }\n}\n","import React, {\n createContext,\n useContext,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport { version } from '../../../package.json';\nimport { type ExternalStorage, type WidgetConfig, WidgetCtx } from '../core';\nimport { ComponentRegistry } from './ComponentRegistry';\nimport type { WidgetComponentType } from './types/components';\nimport type { WidgetModeComponentType } from './types/modes.components';\n\ninterface WidgetProviderValue {\n widgetCtx: WidgetCtx;\n config: WidgetConfig;\n components?: WidgetComponentType[];\n modesComponents?: WidgetModeComponentType[];\n componentStore: ComponentRegistry;\n version: string;\n contentIframeRef?: React.MutableRefObject<HTMLIFrameElement | null>;\n}\n\nconst context = createContext<WidgetProviderValue | null>(null);\n\nexport function WidgetProvider({\n options: config,\n children,\n components,\n modesComponents,\n storage,\n loadingComponent,\n}: {\n options: WidgetConfig;\n children: React.ReactNode;\n components?: WidgetComponentType[];\n modesComponents?: WidgetModeComponentType[];\n storage?: ExternalStorage;\n /**\n * Custom loading component while the widget is initializing\n * Not to be confused with the `loading` custom component which renders when the bot's reply is pending\n */\n loadingComponent?: React.ReactNode;\n}) {\n const contentIframeRef = useRef<HTMLIFrameElement | null>(null);\n\n const didInitialize = useRef(false);\n const [widgetCtx, setWidgetCtx] = useState<WidgetCtx | null>(null);\n\n const componentStore = useMemo(\n () =>\n new ComponentRegistry({\n components: components,\n }),\n [components],\n );\n\n useEffect(() => {\n if (didInitialize.current) return;\n didInitialize.current = true;\n\n WidgetCtx.initialize({ config, storage }).then(setWidgetCtx);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n if (!widgetCtx) {\n return loadingComponent || null;\n }\n\n return (\n <context.Provider\n value={{\n widgetCtx,\n config,\n components,\n componentStore,\n modesComponents,\n version,\n contentIframeRef,\n }}\n >\n {children}\n </context.Provider>\n );\n}\n\nexport function useWidget() {\n const ctx = useContext(context);\n if (!ctx) {\n throw new Error('useWidget must be used within a WidgetProvider');\n }\n return ctx;\n}\n","import { useWidget } from '../WidgetProvider';\n\nexport function useConfig() {\n const { config } = useWidget();\n\n return config;\n}\n","import { useSyncExternalStore } from 'react';\nimport type { PrimitiveState } from '../../core';\n\nexport function usePrimitiveState<T>(p: PrimitiveState<T>) {\n return useSyncExternalStore(p.subscribe, p.get, p.get);\n}\n","import { useWidget } from '../WidgetProvider';\nimport { usePrimitiveState } from './usePrimitiveState';\n\nexport function useContact() {\n const { widgetCtx } = useWidget();\n const contactState = usePrimitiveState(widgetCtx.contactCtx.state);\n\n return {\n contactState,\n createUnverifiedContact: widgetCtx.contactCtx.createUnverifiedContact,\n };\n}\n","import { usePrimitiveState } from './usePrimitiveState';\nimport { useWidget } from '../WidgetProvider';\n\nexport function useMessages() {\n const { widgetCtx } = useWidget();\n const messagesState = usePrimitiveState(widgetCtx.messageCtx.state);\n\n return { messagesState, sendMessage: widgetCtx.messageCtx.sendMessage };\n}\n","import { useMemo } from 'react';\nimport { useWidget } from '../WidgetProvider';\nimport { usePrimitiveState } from './usePrimitiveState';\nimport { useConfig } from './useConfig';\n\nexport function useSessions() {\n const { widgetCtx } = useWidget();\n const { oneOpenSessionAllowed } = useConfig();\n const sessionState = usePrimitiveState(widgetCtx.sessionCtx.sessionState);\n const sessionsState = usePrimitiveState(widgetCtx.sessionCtx.sessionsState);\n\n const { openSessions, closedSessions } = useMemo(() => {\n return {\n openSessions: sessionsState.data.filter((s) => s.isOpened === true),\n closedSessions: sessionsState.data.filter((s) => s.isOpened === false),\n };\n }, [sessionsState.data]);\n\n const canCreateNewSession = useMemo(() => {\n if (oneOpenSessionAllowed) {\n return openSessions.length === 0;\n }\n return true;\n }, [oneOpenSessionAllowed, openSessions.length]);\n\n return {\n sessionState,\n sessionsState,\n loadMoreSessions: widgetCtx.sessionCtx.loadMoreSessions,\n resolveSession: widgetCtx.sessionCtx.resolveSession,\n createStateCheckpoint: widgetCtx.sessionCtx.createStateCheckpoint,\n openSessions,\n closedSessions,\n canCreateNewSession,\n };\n}\n","import { useMessages } from './useMessages';\nimport { useSessions } from './useSessions';\n\nexport function useIsAwaitingBotReply() {\n const { sessionState } = useSessions();\n const { messagesState } = useMessages();\n\n const isSessionAssignedToAI = sessionState.session?.assignee.kind === 'ai';\n // This check is useful in cases where the user might navigate in and out of a chat, and `isSendingMessage` is reset back to its default value\n const lastMessage =\n messagesState.messages.length > 0\n ? messagesState.messages[messagesState.messages.length - 1]\n : null;\n const isLastMessageAUserMessage = lastMessage?.type === 'FROM_USER';\n\n const isAwaitingBotReply =\n (isSessionAssignedToAI || sessionState.isCreatingSession) &&\n (messagesState.isSendingMessage || isLastMessageAUserMessage);\n\n return { isAwaitingBotReply };\n}\n","import useSWR from 'swr';\nimport { useWidget } from '../WidgetProvider';\n\nfunction usePreludeData() {\n const { widgetCtx } = useWidget();\n\n // TODO remove swr dependency\n return useSWR([widgetCtx.config.token], widgetCtx.api.widgetPrelude, {\n revalidateOnFocus: false,\n });\n}\n\nexport { usePreludeData };\n","import { useWidget } from '../WidgetProvider';\nimport { usePrimitiveState } from './usePrimitiveState';\n\nexport function useWidgetRouter() {\n const { widgetCtx } = useWidget();\n\n const routerState = usePrimitiveState(widgetCtx.routerCtx.state);\n\n return {\n routerState,\n toSessionsScreen: widgetCtx.routerCtx.toSessionsScreen,\n toChatScreen: widgetCtx.routerCtx.toChatScreen,\n };\n}\n","import { useEffect, useMemo, useState } from 'react';\nimport { useWidget } from '../WidgetProvider';\nimport { v4 } from 'uuid';\n\nconst uploadAbortControllers: Map<string, AbortController> = new Map();\n\ninterface FileWithProgress {\n status: 'pending' | 'uploading' | 'success' | 'error';\n id: string;\n file: File;\n fileUrl?: string;\n progress: number;\n error?: string;\n}\n\nfunction useUploadFiles() {\n const [files, setFiles] = useState<FileWithProgress[]>([]);\n const {\n widgetCtx: { api },\n } = useWidget();\n function appendFiles(files: File[]) {\n const newFiles = files.map((file) => ({\n file,\n id: v4(),\n status: 'pending' as const,\n progress: 0,\n }));\n\n setFiles((prev) => [...prev, ...newFiles]);\n newFiles.forEach(uploadFile);\n }\n\n function updateFileById(id: string, update: Partial<FileWithProgress>) {\n setFiles((prev) =>\n prev.map((f) => (f.id === id ? { ...f, ...update } : f)),\n );\n }\n\n function removeFileById(id: string) {\n setFiles((prev) => prev.filter((f) => f.id !== id));\n }\n\n const uploadFile = async (fileItem: FileWithProgress) => {\n const controller = new AbortController();\n uploadAbortControllers.set(fileItem.id, controller);\n\n try {\n setFiles((prev) =>\n prev.map((f) =>\n f.id === fileItem.id ? { ...f, status: 'uploading', progress: 0 } : f,\n ),\n );\n\n const response = await api.uploadFile({\n file: fileItem.file,\n abortSignal: controller.signal,\n onProgress: (percentage) => {\n updateFileById(fileItem.id, { progress: percentage });\n },\n });\n\n updateFileById(fileItem.id, {\n status: 'success',\n fileUrl: response.fileUrl,\n progress: 100,\n });\n } catch (error) {\n if (!controller.signal.aborted) {\n updateFileById(fileItem.id, {\n status: 'error',\n error: error instanceof Error ? error.message : 'Upload failed',\n progress: 0,\n });\n }\n } finally {\n uploadAbortControllers.delete(fileItem.id);\n }\n };\n\n const handleCancelUpload = (fileId: string) => {\n const controller = uploadAbortControllers.get(fileId);\n if (controller) {\n controller.abort();\n uploadAbortControllers.delete(fileId);\n }\n removeFileById(fileId);\n };\n\n const successFiles = useMemo(() => {\n return files.filter((f) => f.status === 'success' && f.fileUrl);\n }, [files]);\n\n function emptyTheFiles() {\n uploadAbortControllers.forEach((controller) => controller.abort());\n uploadAbortControllers.clear();\n setFiles([]);\n }\n\n useEffect(() => {\n return () => {\n uploadAbortControllers.forEach((controller) => controller.abort());\n uploadAbortControllers.clear();\n };\n }, []);\n\n return {\n allFiles: files,\n appendFiles,\n handleCancelUpload,\n successFiles,\n emptyTheFiles,\n getFileById: (id: string) => files.find((f) => f.id === id),\n getUploadProgress: (id: string) =>\n files.find((f) => f.id === id)?.progress ?? 0,\n getUploadStatus: (id: string) => files.find((f) => f.id === id)?.status,\n hasErrors: files.some((f) => f.status === 'error'),\n isUploading: files.some((f) => f.status === 'uploading'),\n };\n}\n\nexport { useUploadFiles, type FileWithProgress };\n","import React, {\n createContext,\n useContext,\n useEffect,\n useState,\n type Dispatch,\n type ReactNode,\n type SetStateAction,\n} from 'react';\nimport { useConfig } from './useConfig';\n\ntype WidgetTriggerCtx = {\n isOpen: boolean;\n setIsOpen: Dispatch<SetStateAction<boolean>>;\n};\n\nconst context = createContext<WidgetTriggerCtx | null>(null);\n\nexport function WidgetTriggerProvider({ children }: { children: ReactNode }) {\n const config = useConfig();\n const [isOpen, setIsOpen] = useState(config.isOpen ?? false);\n\n useEffect(() => {\n setIsOpen((prev) => config.isOpen ?? prev);\n }, [config.isOpen]);\n\n useEffect(() => {\n const openAfterNSeconds = config.openAfterNSeconds;\n if (typeof openAfterNSeconds !== 'number' || isNaN(openAfterNSeconds))\n return;\n\n const timeout = setTimeout(() => setIsOpen(true), openAfterNSeconds * 1000);\n\n return () => clearTimeout(timeout);\n }, [config.openAfterNSeconds]);\n\n return (\n <context.Provider value={{ isOpen, setIsOpen }}>\n {children}\n </context.Provider>\n );\n}\n\nexport function useWidgetTrigger() {\n const ctx = useContext(context);\n if (!ctx) {\n throw new Error(\n 'useWidgetTrigger must be used within a WidgetTriggerProvider',\n );\n }\n return ctx;\n}\n","import { useWidget } from '../WidgetProvider';\nimport { useSessions } from './useSessions';\n\nexport function useModes() {\n const { widgetCtx, modesComponents } = useWidget();\n const { sessionState } = useSessions();\n\n const modes = widgetCtx.modes;\n const activeModeId = sessionState.session?.modeId;\n const activeMode = modes.find((mode) => mode.id === activeModeId);\n\n const Component = modesComponents?.find((modeComponent) =>\n [\n activeMode?.id || '',\n activeMode?.name?.toLowerCase() || '',\n activeMode?.slug?.toLowerCase() || '',\n ].includes(modeComponent.key.toLowerCase()),\n )?.component;\n\n return {\n modes,\n modesComponents,\n activeModeId,\n activeMode,\n Component,\n };\n}\n"],"names":["ComponentRegistry","opts","components","c","component","index","key","_a","context","createContext","WidgetProvider","config","children","modesComponents","storage","loadingComponent","contentIframeRef","useRef","didInitialize","widgetCtx","setWidgetCtx","useState","componentStore","useMemo","useEffect","WidgetCtx","jsx","version","useWidget","ctx","useContext","useConfig","usePrimitiveState","p","useSyncExternalStore","useContact","useMessages","useSessions","oneOpenSessionAllowed","sessionState","sessionsState","openSessions","closedSessions","s","canCreateNewSession","useIsAwaitingBotReply","messagesState","isSessionAssignedToAI","lastMessage","isLastMessageAUserMessage","usePreludeData","useSWR","useWidgetRouter","uploadAbortControllers","useUploadFiles","files","setFiles","api","appendFiles","newFiles","file","v4","prev","uploadFile","updateFileById","id","update","f","removeFileById","fileItem","controller","response","percentage","error","handleCancelUpload","fileId","successFiles","emptyTheFiles","WidgetTriggerProvider","isOpen","setIsOpen","openAfterNSeconds","timeout","useWidgetTrigger","useModes","modes","activeModeId","activeMode","mode","Component","_b","modeComponent"],"mappings":";;;;;AAGO,MAAMA,EAAkB;AAAA,EAG7B,YAAYC,GAA8C;AAF1D,SAAA,aAAoC;AAG5B,UAAA,EAAE,YAAAC,EAAe,IAAAD;AAMnB,QAJAC,KACFA,EAAW,QAAQ,CAACC,MAAM,KAAK,SAASA,CAAC,CAAC,GAGxC,KAAK,WAAW,WAAW;AACvB,YAAA,IAAI,MAAM,0BAA0B;AAE5C,QAAI,CAAC,KAAK,IAAI,UAAU;AAChB,YAAA,IAAI,MAAM,kCAAkC;AAAA,EAEtD;AAAA;AAAA,EAGA,SAASC,GAAgC;AAEjC,UAAAC,IAAQ,KAAK,WAAW,UAAU,CAACF,MAAMA,EAAE,QAAQC,EAAU,GAAG;AACtE,WAAIC,MAAU,KACP,KAAA,WAAWA,CAAK,IAAID,IAEpB,KAAA,WAAW,KAAKA,CAAS,GAEzB;AAAA,EACT;AAAA,EAEQ,IAAIE,GAAyB;AAC7B,UAAAH,IAAI,KAAK,WAAW;AAAA,MACxB,CAACA,MAAMA,EAAE,IAAI,YAAY,MAAMG,EAAI,YAAY;AAAA,IAAA;AAEjD,WAAIH,KACG;AAAA,EACT;AAAA,EAEO,aAAaG,GAAa;;AACxB,YAAAC,IAAA,KAAK,IAAID,CAAG,MAAZ,gBAAAC,EAAe;AAAA,EACxB;AACF;ACpBA,MAAMC,IAAUC,EAA0C,IAAI;AAEvD,SAASC,EAAe;AAAA,EAC7B,SAASC;AAAA,EACT,UAAAC;AAAA,EACA,YAAAV;AAAA,EACA,iBAAAW;AAAA,EACA,SAAAC;AAAA,EACA,kBAAAC;AACF,GAWG;AACK,QAAAC,IAAmBC,EAAiC,IAAI,GAExDC,IAAgBD,EAAO,EAAK,GAC5B,CAACE,GAAWC,CAAY,IAAIC,EAA2B,IAAI,GAE3DC,IAAiBC;AAAA,IACrB,MACE,IAAIvB,EAAkB;AAAA,MACpB,YAAAE;AAAA,IAAA,CACD;AAAA,IACH,CAACA,CAAU;AAAA,EAAA;AAWb,SARAsB,EAAU,MAAM;AACd,IAAIN,EAAc,YAClBA,EAAc,UAAU,IAExBO,EAAU,WAAW,EAAE,QAAAd,GAAQ,SAAAG,GAAS,EAAE,KAAKM,CAAY;AAAA,EAE7D,GAAG,CAAE,CAAA,GAEAD,IAKH,gBAAAO;AAAA,IAAClB,EAAQ;AAAA,IAAR;AAAA,MACC,OAAO;AAAA,QACL,WAAAW;AAAA,QACA,QAAAR;AAAA,QACA,YAAAT;AAAA,QACA,gBAAAoB;AAAA,QACA,iBAAAT;AAAA,QACA,SAAAc;AAAA,QACA,kBAAAX;AAAA,MACF;AAAA,MAEC,UAAAJ;AAAA,IAAA;AAAA,EAAA,IAfIG,KAAoB;AAkB/B;AAEO,SAASa,IAAY;AACpB,QAAAC,IAAMC,EAAWtB,CAAO;AAC9B,MAAI,CAACqB;AACG,UAAA,IAAI,MAAM,gDAAgD;AAE3D,SAAAA;AACT;AC3FO,SAASE,IAAY;AACpB,QAAA,EAAE,QAAApB,MAAWiB;AAEZ,SAAAjB;AACT;ACHO,SAASqB,EAAqBC,GAAsB;AACzD,SAAOC,EAAqBD,EAAE,WAAWA,EAAE,KAAKA,EAAE,GAAG;AACvD;ACFO,SAASE,IAAa;AACrB,QAAA,EAAE,WAAAhB,MAAcS;AAGf,SAAA;AAAA,IACL,cAHmBI,EAAkBb,EAAU,WAAW,KAAK;AAAA,IAI/D,yBAAyBA,EAAU,WAAW;AAAA,EAAA;AAElD;ACRO,SAASiB,IAAc;AACtB,QAAA,EAAE,WAAAjB,MAAcS;AAGtB,SAAO,EAAE,eAFaI,EAAkBb,EAAU,WAAW,KAAK,GAE1C,aAAaA,EAAU,WAAW,YAAY;AACxE;ACHO,SAASkB,IAAc;AACtB,QAAA,EAAE,WAAAlB,MAAcS,KAChB,EAAE,uBAAAU,MAA0BP,KAC5BQ,IAAeP,EAAkBb,EAAU,WAAW,YAAY,GAClEqB,IAAgBR,EAAkBb,EAAU,WAAW,aAAa,GAEpE,EAAE,cAAAsB,GAAc,gBAAAC,EAAe,IAAInB,EAAQ,OACxC;AAAA,IACL,cAAciB,EAAc,KAAK,OAAO,CAACG,MAAMA,EAAE,aAAa,EAAI;AAAA,IAClE,gBAAgBH,EAAc,KAAK,OAAO,CAACG,MAAMA,EAAE,aAAa,EAAK;AAAA,EAAA,IAEtE,CAACH,EAAc,IAAI,CAAC,GAEjBI,IAAsBrB,EAAQ,MAC9Be,IACKG,EAAa,WAAW,IAE1B,IACN,CAACH,GAAuBG,EAAa,MAAM,CAAC;AAExC,SAAA;AAAA,IACL,cAAAF;AAAA,IACA,eAAAC;AAAA,IACA,kBAAkBrB,EAAU,WAAW;AAAA,IACvC,gBAAgBA,EAAU,WAAW;AAAA,IACrC,uBAAuBA,EAAU,WAAW;AAAA,IAC5C,cAAAsB;AAAA,IACA,gBAAAC;AAAA,IACA,qBAAAE;AAAA,EAAA;AAEJ;AChCO,SAASC,IAAwB;;AAChC,QAAA,EAAE,cAAAN,MAAiBF,KACnB,EAAE,eAAAS,MAAkBV,KAEpBW,MAAwBxC,IAAAgC,EAAa,YAAb,gBAAAhC,EAAsB,SAAS,UAAS,MAEhEyC,IACJF,EAAc,SAAS,SAAS,IAC5BA,EAAc,SAASA,EAAc,SAAS,SAAS,CAAC,IACxD,MACAG,KAA4BD,KAAA,gBAAAA,EAAa,UAAS;AAMxD,SAAO,EAAE,qBAHND,KAAyBR,EAAa,uBACtCO,EAAc,oBAAoBG,GAET;AAC9B;ACjBA,SAASC,IAAiB;AAClB,QAAA,EAAE,WAAA/B,MAAcS;AAGf,SAAAuB,EAAO,CAAChC,EAAU,OAAO,KAAK,GAAGA,EAAU,IAAI,eAAe;AAAA,IACnE,mBAAmB;AAAA,EAAA,CACpB;AACH;ACPO,SAASiC,IAAkB;AAC1B,QAAA,EAAE,WAAAjC,MAAcS;AAIf,SAAA;AAAA,IACL,aAHkBI,EAAkBb,EAAU,UAAU,KAAK;AAAA,IAI7D,kBAAkBA,EAAU,UAAU;AAAA,IACtC,cAAcA,EAAU,UAAU;AAAA,EAAA;AAEtC;ACTA,MAAMkC,wBAA2D;AAWjE,SAASC,IAAiB;AACxB,QAAM,CAACC,GAAOC,CAAQ,IAAInC,EAA6B,CAAE,CAAA,GACnD;AAAA,IACJ,WAAW,EAAE,KAAAoC,EAAI;AAAA,MACf7B,EAAU;AACd,WAAS8B,EAAYH,GAAe;AAClC,UAAMI,IAAWJ,EAAM,IAAI,CAACK,OAAU;AAAA,MACpC,MAAAA;AAAA,MACA,IAAIC,EAAG;AAAA,MACP,QAAQ;AAAA,MACR,UAAU;AAAA,IACV,EAAA;AAEF,IAAAL,EAAS,CAACM,MAAS,CAAC,GAAGA,GAAM,GAAGH,CAAQ,CAAC,GACzCA,EAAS,QAAQI,CAAU;AAAA,EAC7B;AAES,WAAAC,EAAeC,GAAYC,GAAmC;AACrE,IAAAV;AAAA,MAAS,CAACM,MACRA,EAAK,IAAI,CAACK,MAAOA,EAAE,OAAOF,IAAK,EAAE,GAAGE,GAAG,GAAGD,EAAA,IAAWC,CAAE;AAAA,IAAA;AAAA,EAE3D;AAEA,WAASC,EAAeH,GAAY;AACzB,IAAAT,EAAA,CAACM,MAASA,EAAK,OAAO,CAACK,MAAMA,EAAE,OAAOF,CAAE,CAAC;AAAA,EACpD;AAEM,QAAAF,IAAa,OAAOM,MAA+B;AACjD,UAAAC,IAAa,IAAI;AACA,IAAAjB,EAAA,IAAIgB,EAAS,IAAIC,CAAU;AAE9C,QAAA;AACF,MAAAd;AAAA,QAAS,CAACM,MACRA,EAAK;AAAA,UAAI,CAACK,MACRA,EAAE,OAAOE,EAAS,KAAK,EAAE,GAAGF,GAAG,QAAQ,aAAa,UAAU,EAAM,IAAAA;AAAA,QACtE;AAAA,MAAA;AAGI,YAAAI,IAAW,MAAMd,EAAI,WAAW;AAAA,QACpC,MAAMY,EAAS;AAAA,QACf,aAAaC,EAAW;AAAA,QACxB,YAAY,CAACE,MAAe;AAC1B,UAAAR,EAAeK,EAAS,IAAI,EAAE,UAAUG,EAAY,CAAA;AAAA,QACtD;AAAA,MAAA,CACD;AAED,MAAAR,EAAeK,EAAS,IAAI;AAAA,QAC1B,QAAQ;AAAA,QACR,SAASE,EAAS;AAAA,QAClB,UAAU;AAAA,MAAA,CACX;AAAA,aACME,GAAO;AACV,MAACH,EAAW,OAAO,WACrBN,EAAeK,EAAS,IAAI;AAAA,QAC1B,QAAQ;AAAA,QACR,OAAOI,aAAiB,QAAQA,EAAM,UAAU;AAAA,QAChD,UAAU;AAAA,MAAA,CACX;AAAA,IACH,UACA;AACuB,MAAApB,EAAA,OAAOgB,EAAS,EAAE;AAAA,IAC3C;AAAA,EAAA,GAGIK,IAAqB,CAACC,MAAmB;AACvC,UAAAL,IAAajB,EAAuB,IAAIsB,CAAM;AACpD,IAAIL,MACFA,EAAW,MAAM,GACjBjB,EAAuB,OAAOsB,CAAM,IAEtCP,EAAeO,CAAM;AAAA,EAAA,GAGjBC,IAAerD,EAAQ,MACpBgC,EAAM,OAAO,CAACY,MAAMA,EAAE,WAAW,aAAaA,EAAE,OAAO,GAC7D,CAACZ,CAAK,CAAC;AAEV,WAASsB,IAAgB;AACvB,IAAAxB,EAAuB,QAAQ,CAACiB,MAAeA,EAAW,MAAO,CAAA,GACjEjB,EAAuB,MAAM,GAC7BG,EAAS,CAAE,CAAA;AAAA,EACb;AAEA,SAAAhC,EAAU,MACD,MAAM;AACX,IAAA6B,EAAuB,QAAQ,CAACiB,MAAeA,EAAW,MAAO,CAAA,GACjEjB,EAAuB,MAAM;AAAA,EAAA,GAE9B,CAAE,CAAA,GAEE;AAAA,IACL,UAAUE;AAAA,IACV,aAAAG;AAAA,IACA,oBAAAgB;AAAA,IACA,cAAAE;AAAA,IACA,eAAAC;AAAA,IACA,aAAa,CAACZ,MAAeV,EAAM,KAAK,CAACY,MAAMA,EAAE,OAAOF,CAAE;AAAA,IAC1D,mBAAmB,CAACA;;AAClB,eAAA1D,IAAAgD,EAAM,KAAK,CAACY,MAAMA,EAAE,OAAOF,CAAE,MAA7B,gBAAA1D,EAAgC,aAAY;AAAA;AAAA,IAC9C,iBAAiB,CAAC0D,MAAe;;AAAA,cAAA1D,IAAAgD,EAAM,KAAK,CAACY,MAAMA,EAAE,OAAOF,CAAE,MAA7B,gBAAA1D,EAAgC;AAAA;AAAA,IACjE,WAAWgD,EAAM,KAAK,CAACY,MAAMA,EAAE,WAAW,OAAO;AAAA,IACjD,aAAaZ,EAAM,KAAK,CAACY,MAAMA,EAAE,WAAW,WAAW;AAAA,EAAA;AAE3D;ACtGA,MAAM3D,IAAUC,EAAuC,IAAI;AAE3C,SAAAqE,EAAsB,EAAE,UAAAlE,KAAqC;AAC3E,QAAMD,IAASoB,KACT,CAACgD,GAAQC,CAAS,IAAI3D,EAASV,EAAO,UAAU,EAAK;AAE3D,SAAAa,EAAU,MAAM;AACd,IAAAwD,EAAU,CAAClB,MAASnD,EAAO,UAAUmD,CAAI;AAAA,EAAA,GACxC,CAACnD,EAAO,MAAM,CAAC,GAElBa,EAAU,MAAM;AACd,UAAMyD,IAAoBtE,EAAO;AACjC,QAAI,OAAOsE,KAAsB,YAAY,MAAMA,CAAiB;AAClE;AAEF,UAAMC,IAAU,WAAW,MAAMF,EAAU,EAAI,GAAGC,IAAoB,GAAI;AAEnE,WAAA,MAAM,aAAaC,CAAO;AAAA,EAAA,GAChC,CAACvE,EAAO,iBAAiB,CAAC,GAG3B,gBAAAe,EAAClB,EAAQ,UAAR,EAAiB,OAAO,EAAE,QAAAuE,GAAQ,WAAAC,EAAU,GAC1C,UAAApE,EACH,CAAA;AAEJ;AAEO,SAASuE,IAAmB;AAC3B,QAAAtD,IAAMC,EAAWtB,CAAO;AAC9B,MAAI,CAACqB;AACH,UAAM,IAAI;AAAA,MACR;AAAA,IAAA;AAGG,SAAAA;AACT;AChDO,SAASuD,IAAW;;AACzB,QAAM,EAAE,WAAAjE,GAAW,iBAAAN,EAAgB,IAAIe,EAAU,GAC3C,EAAE,cAAAW,MAAiBF,KAEnBgD,IAAQlE,EAAU,OAClBmE,KAAe/E,IAAAgC,EAAa,YAAb,gBAAAhC,EAAsB,QACrCgF,IAAaF,EAAM,KAAK,CAACG,MAASA,EAAK,OAAOF,CAAY,GAE1DG,KAAYC,IAAA7E,KAAA,gBAAAA,EAAiB;AAAA,IAAK,CAAC8E,MACvC;;AAAA;AAAA,SACEJ,KAAA,gBAAAA,EAAY,OAAM;AAAA,UAClBhF,IAAAgF,KAAA,gBAAAA,EAAY,SAAZ,gBAAAhF,EAAkB,kBAAiB;AAAA,UACnCmF,IAAAH,KAAA,gBAAAA,EAAY,SAAZ,gBAAAG,EAAkB,kBAAiB;AAAA,MACnC,EAAA,SAASC,EAAc,IAAI,aAAa;AAAA;AAAA,QAL1B,gBAAAD,EAMf;AAEI,SAAA;AAAA,IACL,OAAAL;AAAA,IACA,iBAAAxE;AAAA,IACA,cAAAyE;AAAA,IACA,YAAAC;AAAA,IACA,WAAAE;AAAA,EAAA;AAEJ;"}
|