@ariaflowagents/widget 0.6.3 → 0.6.5
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/widget.js +393 -367
- package/dist/widget.umd.cjs +3 -3
- package/package.json +1 -1
package/dist/widget.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
var B, m,
|
|
2
|
-
function
|
|
1
|
+
var B, m, Ee, R, me, Te, He, Ie, ce, re, ae, q = {}, Re = [], at = /acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i, te = Array.isArray;
|
|
2
|
+
function P(t, e) {
|
|
3
3
|
for (var n in e) t[n] = e[n];
|
|
4
4
|
return t;
|
|
5
5
|
}
|
|
@@ -7,14 +7,14 @@ function ue(t) {
|
|
|
7
7
|
t && t.parentNode && t.parentNode.removeChild(t);
|
|
8
8
|
}
|
|
9
9
|
function D(t, e, n) {
|
|
10
|
-
var
|
|
11
|
-
for (
|
|
12
|
-
if (arguments.length > 2 && (
|
|
13
|
-
return Q(t,
|
|
10
|
+
var s, i, o, a = {};
|
|
11
|
+
for (o in e) o == "key" ? s = e[o] : o == "ref" ? i = e[o] : a[o] = e[o];
|
|
12
|
+
if (arguments.length > 2 && (a.children = arguments.length > 3 ? B.call(arguments, 2) : n), typeof t == "function" && t.defaultProps != null) for (o in t.defaultProps) a[o] === void 0 && (a[o] = t.defaultProps[o]);
|
|
13
|
+
return Q(t, a, s, i, null);
|
|
14
14
|
}
|
|
15
|
-
function Q(t, e, n,
|
|
16
|
-
var
|
|
17
|
-
return
|
|
15
|
+
function Q(t, e, n, s, i) {
|
|
16
|
+
var o = { type: t, props: e, key: n, ref: s, __k: null, __: null, __b: 0, __e: null, __c: null, constructor: void 0, __v: i ?? ++Ee, __i: -1, __u: 0 };
|
|
17
|
+
return i == null && m.vnode != null && m.vnode(o), o;
|
|
18
18
|
}
|
|
19
19
|
function U(t) {
|
|
20
20
|
return t.children;
|
|
@@ -38,56 +38,56 @@ function Ue(t) {
|
|
|
38
38
|
}
|
|
39
39
|
}
|
|
40
40
|
function ye(t) {
|
|
41
|
-
(!t.__d && (t.__d = !0) && R.push(t) && !Y.__r++ || me != m.debounceRendering) && ((me = m.debounceRendering) ||
|
|
41
|
+
(!t.__d && (t.__d = !0) && R.push(t) && !Y.__r++ || me != m.debounceRendering) && ((me = m.debounceRendering) || Te)(Y);
|
|
42
42
|
}
|
|
43
43
|
function Y() {
|
|
44
|
-
for (var t, e, n,
|
|
44
|
+
for (var t, e, n, s, i, o, a, l = 1; R.length; ) R.length > l && R.sort(He), t = R.shift(), l = R.length, t.__d && (n = void 0, s = void 0, i = (s = (e = t).__v).__e, o = [], a = [], e.__P && ((n = P({}, s)).__v = s.__v + 1, m.vnode && m.vnode(n), ge(e.__P, n, s, e.__n, e.__P.namespaceURI, 32 & s.__u ? [i] : null, o, i ?? O(s), !!(32 & s.__u), a), n.__v = s.__v, n.__.__k[n.__i] = n, Le(o, n, a), s.__e = s.__ = null, n.__e != i && Ue(n)));
|
|
45
45
|
Y.__r = 0;
|
|
46
46
|
}
|
|
47
|
-
function De(t, e, n,
|
|
48
|
-
var r, f, d, b,
|
|
49
|
-
for (c =
|
|
50
|
-
return n.__e =
|
|
47
|
+
function De(t, e, n, s, i, o, a, l, c, _, g) {
|
|
48
|
+
var r, f, d, b, S, w, p, h = s && s.__k || Re, M = e.length;
|
|
49
|
+
for (c = lt(n, e, h, c, M), r = 0; r < M; r++) (d = n.__k[r]) != null && (f = d.__i == -1 ? q : h[d.__i] || q, d.__i = r, w = ge(t, d, f, i, o, a, l, c, _, g), b = d.__e, d.ref && f.ref != d.ref && (f.ref && de(f.ref, null, d), g.push(d.ref, d.__c || b, d)), S == null && b != null && (S = b), (p = !!(4 & d.__u)) || f.__k === d.__k ? c = Oe(d, c, t, p) : typeof d.type == "function" && w !== void 0 ? c = w : b && (c = b.nextSibling), d.__u &= -7);
|
|
50
|
+
return n.__e = S, c;
|
|
51
51
|
}
|
|
52
|
-
function
|
|
53
|
-
var
|
|
54
|
-
for (t.__k = new Array(
|
|
55
|
-
if (r) for (
|
|
56
|
-
return
|
|
52
|
+
function lt(t, e, n, s, i) {
|
|
53
|
+
var o, a, l, c, _, g = n.length, r = g, f = 0;
|
|
54
|
+
for (t.__k = new Array(i), o = 0; o < i; o++) (a = e[o]) != null && typeof a != "boolean" && typeof a != "function" ? (typeof a == "string" || typeof a == "number" || typeof a == "bigint" || a.constructor == String ? a = t.__k[o] = Q(null, a, null, null, null) : te(a) ? a = t.__k[o] = Q(U, { children: a }, null, null, null) : a.constructor === void 0 && a.__b > 0 ? a = t.__k[o] = Q(a.type, a.props, a.key, a.ref ? a.ref : null, a.__v) : t.__k[o] = a, c = o + f, a.__ = t, a.__b = t.__b + 1, l = null, (_ = a.__i = _t(a, n, c, r)) != -1 && (r--, (l = n[_]) && (l.__u |= 2)), l == null || l.__v == null ? (_ == -1 && (i > g ? f-- : i < g && f++), typeof a.type != "function" && (a.__u |= 4)) : _ != c && (_ == c - 1 ? f-- : _ == c + 1 ? f++ : (_ > c ? f-- : f++, a.__u |= 4))) : t.__k[o] = null;
|
|
55
|
+
if (r) for (o = 0; o < g; o++) (l = n[o]) != null && !(2 & l.__u) && (l.__e == s && (s = O(l)), qe(l, l));
|
|
56
|
+
return s;
|
|
57
57
|
}
|
|
58
|
-
function Oe(t, e, n,
|
|
59
|
-
var
|
|
58
|
+
function Oe(t, e, n, s) {
|
|
59
|
+
var i, o;
|
|
60
60
|
if (typeof t.type == "function") {
|
|
61
|
-
for (
|
|
61
|
+
for (i = t.__k, o = 0; i && o < i.length; o++) i[o] && (i[o].__ = t, e = Oe(i[o], e, n, s));
|
|
62
62
|
return e;
|
|
63
63
|
}
|
|
64
|
-
t.__e != e && (
|
|
64
|
+
t.__e != e && (s && (e && t.type && !e.parentNode && (e = O(t)), n.insertBefore(t.__e, e || null)), e = t.__e);
|
|
65
65
|
do
|
|
66
66
|
e = e && e.nextSibling;
|
|
67
67
|
while (e != null && e.nodeType == 8);
|
|
68
68
|
return e;
|
|
69
69
|
}
|
|
70
|
-
function
|
|
71
|
-
var
|
|
72
|
-
if (
|
|
73
|
-
if (
|
|
74
|
-
for (
|
|
70
|
+
function _t(t, e, n, s) {
|
|
71
|
+
var i, o, a, l = t.key, c = t.type, _ = e[n], g = _ != null && (2 & _.__u) == 0;
|
|
72
|
+
if (_ === null && l == null || g && l == _.key && c == _.type) return n;
|
|
73
|
+
if (s > (g ? 1 : 0)) {
|
|
74
|
+
for (i = n - 1, o = n + 1; i >= 0 || o < e.length; ) if ((_ = e[a = i >= 0 ? i-- : o++]) != null && !(2 & _.__u) && l == _.key && c == _.type) return a;
|
|
75
75
|
}
|
|
76
76
|
return -1;
|
|
77
77
|
}
|
|
78
78
|
function we(t, e, n) {
|
|
79
|
-
e[0] == "-" ? t.setProperty(e, n ?? "") : t[e] = n == null ? "" : typeof n != "number" ||
|
|
79
|
+
e[0] == "-" ? t.setProperty(e, n ?? "") : t[e] = n == null ? "" : typeof n != "number" || at.test(e) ? n : n + "px";
|
|
80
80
|
}
|
|
81
|
-
function J(t, e, n,
|
|
82
|
-
var
|
|
81
|
+
function J(t, e, n, s, i) {
|
|
82
|
+
var o, a;
|
|
83
83
|
e: if (e == "style") if (typeof n == "string") t.style.cssText = n;
|
|
84
84
|
else {
|
|
85
|
-
if (typeof
|
|
86
|
-
if (n) for (e in n)
|
|
85
|
+
if (typeof s == "string" && (t.style.cssText = s = ""), s) for (e in s) n && e in n || we(t.style, e, "");
|
|
86
|
+
if (n) for (e in n) s && n[e] == s[e] || we(t.style, e, n[e]);
|
|
87
87
|
}
|
|
88
|
-
else if (e[0] == "o" && e[1] == "n")
|
|
88
|
+
else if (e[0] == "o" && e[1] == "n") o = e != (e = e.replace(Ie, "$1")), a = e.toLowerCase(), e = a in t || e == "onFocusOut" || e == "onFocusIn" ? a.slice(2) : e.slice(2), t.l || (t.l = {}), t.l[e + o] = n, n ? s ? n.u = s.u : (n.u = ce, t.addEventListener(e, o ? ae : re, o)) : t.removeEventListener(e, o ? ae : re, o);
|
|
89
89
|
else {
|
|
90
|
-
if (
|
|
90
|
+
if (i == "http://www.w3.org/2000/svg") e = e.replace(/xlink(H|:h)/, "h").replace(/sName$/, "s");
|
|
91
91
|
else if (e != "width" && e != "height" && e != "href" && e != "list" && e != "form" && e != "tabIndex" && e != "download" && e != "rowSpan" && e != "colSpan" && e != "role" && e != "popover" && e in t) try {
|
|
92
92
|
t[e] = n ?? "";
|
|
93
93
|
break e;
|
|
@@ -106,289 +106,289 @@ function ve(t) {
|
|
|
106
106
|
}
|
|
107
107
|
};
|
|
108
108
|
}
|
|
109
|
-
function
|
|
110
|
-
var
|
|
109
|
+
function ge(t, e, n, s, i, o, a, l, c, _) {
|
|
110
|
+
var g, r, f, d, b, S, w, p, h, M, N, T, $, z, A, H, I, W = e.type;
|
|
111
111
|
if (e.constructor !== void 0) return null;
|
|
112
|
-
128 & n.__u && (c = !!(32 & n.__u),
|
|
112
|
+
128 & n.__u && (c = !!(32 & n.__u), o = [l = e.__e = n.__e]), (g = m.__b) && g(e);
|
|
113
113
|
e: if (typeof W == "function") try {
|
|
114
|
-
if (p = e.props, h = "prototype" in W && W.prototype.render,
|
|
114
|
+
if (p = e.props, h = "prototype" in W && W.prototype.render, M = (g = W.contextType) && s[g.__c], N = g ? M ? M.props.value : g.__ : s, n.__c ? w = (r = e.__c = n.__c).__ = r.__E : (h ? e.__c = r = new W(p, N) : (e.__c = r = new G(p, N), r.constructor = W, r.render = ut), M && M.sub(r), r.state || (r.state = {}), r.__n = s, f = r.__d = !0, r.__h = [], r._sb = []), h && r.__s == null && (r.__s = r.state), h && W.getDerivedStateFromProps != null && (r.__s == r.state && (r.__s = P({}, r.__s)), P(r.__s, W.getDerivedStateFromProps(p, r.__s))), d = r.props, b = r.state, r.__v = e, f) h && W.getDerivedStateFromProps == null && r.componentWillMount != null && r.componentWillMount(), h && r.componentDidMount != null && r.__h.push(r.componentDidMount);
|
|
115
115
|
else {
|
|
116
|
-
if (h && W.getDerivedStateFromProps == null && p !== d && r.componentWillReceiveProps != null && r.componentWillReceiveProps(p,
|
|
117
|
-
for (e.__v != n.__v && (r.props = p, r.state = r.__s, r.__d = !1), e.__e = n.__e, e.__k = n.__k, e.__k.some(function(
|
|
118
|
-
|
|
119
|
-
}),
|
|
120
|
-
r._sb = [], r.__h.length &&
|
|
116
|
+
if (h && W.getDerivedStateFromProps == null && p !== d && r.componentWillReceiveProps != null && r.componentWillReceiveProps(p, N), e.__v == n.__v || !r.__e && r.shouldComponentUpdate != null && r.shouldComponentUpdate(p, r.__s, N) === !1) {
|
|
117
|
+
for (e.__v != n.__v && (r.props = p, r.state = r.__s, r.__d = !1), e.__e = n.__e, e.__k = n.__k, e.__k.some(function(x) {
|
|
118
|
+
x && (x.__ = e);
|
|
119
|
+
}), T = 0; T < r._sb.length; T++) r.__h.push(r._sb[T]);
|
|
120
|
+
r._sb = [], r.__h.length && a.push(r);
|
|
121
121
|
break e;
|
|
122
122
|
}
|
|
123
|
-
r.componentWillUpdate != null && r.componentWillUpdate(p, r.__s,
|
|
124
|
-
r.componentDidUpdate(d, b,
|
|
123
|
+
r.componentWillUpdate != null && r.componentWillUpdate(p, r.__s, N), h && r.componentDidUpdate != null && r.__h.push(function() {
|
|
124
|
+
r.componentDidUpdate(d, b, S);
|
|
125
125
|
});
|
|
126
126
|
}
|
|
127
|
-
if (r.context =
|
|
128
|
-
for (r.state = r.__s, r.__d = !1,
|
|
127
|
+
if (r.context = N, r.props = p, r.__P = t, r.__e = !1, $ = m.__r, z = 0, h) {
|
|
128
|
+
for (r.state = r.__s, r.__d = !1, $ && $(e), g = r.render(r.props, r.state, r.context), A = 0; A < r._sb.length; A++) r.__h.push(r._sb[A]);
|
|
129
129
|
r._sb = [];
|
|
130
130
|
} else do
|
|
131
|
-
r.__d = !1,
|
|
131
|
+
r.__d = !1, $ && $(e), g = r.render(r.props, r.state, r.context), r.state = r.__s;
|
|
132
132
|
while (r.__d && ++z < 25);
|
|
133
|
-
r.state = r.__s, r.getChildContext != null && (
|
|
134
|
-
} catch (
|
|
135
|
-
if (e.__v = null, c ||
|
|
136
|
-
for (e.__u |= c ? 160 : 128;
|
|
137
|
-
|
|
133
|
+
r.state = r.__s, r.getChildContext != null && (s = P(P({}, s), r.getChildContext())), h && !f && r.getSnapshotBeforeUpdate != null && (S = r.getSnapshotBeforeUpdate(d, b)), H = g, g != null && g.type === U && g.key == null && (H = Qe(g.props.children)), l = De(t, te(H) ? H : [H], e, n, s, i, o, a, l, c, _), r.base = e.__e, e.__u &= -161, r.__h.length && a.push(r), w && (r.__E = r.__ = null);
|
|
134
|
+
} catch (x) {
|
|
135
|
+
if (e.__v = null, c || o != null) if (x.then) {
|
|
136
|
+
for (e.__u |= c ? 160 : 128; l && l.nodeType == 8 && l.nextSibling; ) l = l.nextSibling;
|
|
137
|
+
o[o.indexOf(l)] = null, e.__e = l;
|
|
138
138
|
} else {
|
|
139
|
-
for (I =
|
|
140
|
-
|
|
139
|
+
for (I = o.length; I--; ) ue(o[I]);
|
|
140
|
+
le(e);
|
|
141
141
|
}
|
|
142
|
-
else e.__e = n.__e, e.__k = n.__k,
|
|
143
|
-
m.__e(
|
|
142
|
+
else e.__e = n.__e, e.__k = n.__k, x.then || le(e);
|
|
143
|
+
m.__e(x, e, n);
|
|
144
144
|
}
|
|
145
|
-
else
|
|
146
|
-
return (
|
|
145
|
+
else o == null && e.__v == n.__v ? (e.__k = n.__k, e.__e = n.__e) : l = e.__e = ct(n.__e, e, n, s, i, o, a, c, _);
|
|
146
|
+
return (g = m.diffed) && g(e), 128 & e.__u ? void 0 : l;
|
|
147
147
|
}
|
|
148
|
-
function
|
|
149
|
-
t && t.__c && (t.__c.__e = !0), t && t.__k && t.__k.forEach(
|
|
148
|
+
function le(t) {
|
|
149
|
+
t && t.__c && (t.__c.__e = !0), t && t.__k && t.__k.forEach(le);
|
|
150
150
|
}
|
|
151
151
|
function Le(t, e, n) {
|
|
152
|
-
for (var
|
|
153
|
-
m.__c && m.__c(e, t), t.some(function(
|
|
152
|
+
for (var s = 0; s < n.length; s++) de(n[s], n[++s], n[++s]);
|
|
153
|
+
m.__c && m.__c(e, t), t.some(function(i) {
|
|
154
154
|
try {
|
|
155
|
-
t =
|
|
156
|
-
|
|
155
|
+
t = i.__h, i.__h = [], t.some(function(o) {
|
|
156
|
+
o.call(i);
|
|
157
157
|
});
|
|
158
|
-
} catch (
|
|
159
|
-
m.__e(
|
|
158
|
+
} catch (o) {
|
|
159
|
+
m.__e(o, i.__v);
|
|
160
160
|
}
|
|
161
161
|
});
|
|
162
162
|
}
|
|
163
163
|
function Qe(t) {
|
|
164
|
-
return typeof t != "object" || t == null || t.__b && t.__b > 0 ? t : te(t) ? t.map(Qe) :
|
|
164
|
+
return typeof t != "object" || t == null || t.__b && t.__b > 0 ? t : te(t) ? t.map(Qe) : P({}, t);
|
|
165
165
|
}
|
|
166
|
-
function
|
|
167
|
-
var
|
|
168
|
-
if (h == "svg" ?
|
|
169
|
-
for (
|
|
170
|
-
t = d,
|
|
166
|
+
function ct(t, e, n, s, i, o, a, l, c) {
|
|
167
|
+
var _, g, r, f, d, b, S, w = n.props || q, p = e.props, h = e.type;
|
|
168
|
+
if (h == "svg" ? i = "http://www.w3.org/2000/svg" : h == "math" ? i = "http://www.w3.org/1998/Math/MathML" : i || (i = "http://www.w3.org/1999/xhtml"), o != null) {
|
|
169
|
+
for (_ = 0; _ < o.length; _++) if ((d = o[_]) && "setAttribute" in d == !!h && (h ? d.localName == h : d.nodeType == 3)) {
|
|
170
|
+
t = d, o[_] = null;
|
|
171
171
|
break;
|
|
172
172
|
}
|
|
173
173
|
}
|
|
174
174
|
if (t == null) {
|
|
175
175
|
if (h == null) return document.createTextNode(p);
|
|
176
|
-
t = document.createElementNS(
|
|
176
|
+
t = document.createElementNS(i, h, p.is && p), l && (m.__m && m.__m(e, o), l = !1), o = null;
|
|
177
177
|
}
|
|
178
|
-
if (h == null) w === p ||
|
|
178
|
+
if (h == null) w === p || l && t.data == p || (t.data = p);
|
|
179
179
|
else {
|
|
180
|
-
if (
|
|
181
|
-
for (
|
|
182
|
-
if (
|
|
183
|
-
else if (!(
|
|
184
|
-
if (
|
|
185
|
-
J(t,
|
|
180
|
+
if (o = o && B.call(t.childNodes), !l && o != null) for (w = {}, _ = 0; _ < t.attributes.length; _++) w[(d = t.attributes[_]).name] = d.value;
|
|
181
|
+
for (_ in w) if (d = w[_], _ != "children") {
|
|
182
|
+
if (_ == "dangerouslySetInnerHTML") r = d;
|
|
183
|
+
else if (!(_ in p)) {
|
|
184
|
+
if (_ == "value" && "defaultValue" in p || _ == "checked" && "defaultChecked" in p) continue;
|
|
185
|
+
J(t, _, null, d, i);
|
|
186
186
|
}
|
|
187
187
|
}
|
|
188
|
-
for (
|
|
189
|
-
if (
|
|
190
|
-
else if (r && (t.innerHTML = ""), De(e.type == "template" ? t.content : t, te(f) ? f : [f], e, n,
|
|
191
|
-
|
|
188
|
+
for (_ in p) d = p[_], _ == "children" ? f = d : _ == "dangerouslySetInnerHTML" ? g = d : _ == "value" ? b = d : _ == "checked" ? S = d : l && typeof d != "function" || w[_] === d || J(t, _, d, w[_], i);
|
|
189
|
+
if (g) l || r && (g.__html == r.__html || g.__html == t.innerHTML) || (t.innerHTML = g.__html), e.__k = [];
|
|
190
|
+
else if (r && (t.innerHTML = ""), De(e.type == "template" ? t.content : t, te(f) ? f : [f], e, n, s, h == "foreignObject" ? "http://www.w3.org/1999/xhtml" : i, o, a, o ? o[0] : n.__k && O(n, 0), l, c), o != null) for (_ = o.length; _--; ) ue(o[_]);
|
|
191
|
+
l || (_ = "value", h == "progress" && b == null ? t.removeAttribute("value") : b != null && (b !== t[_] || h == "progress" && !b || h == "option" && b != w[_]) && J(t, _, b, w[_], i), _ = "checked", S != null && S != t[_] && J(t, _, S, w[_], i));
|
|
192
192
|
}
|
|
193
193
|
return t;
|
|
194
194
|
}
|
|
195
|
-
function
|
|
195
|
+
function de(t, e, n) {
|
|
196
196
|
try {
|
|
197
197
|
if (typeof t == "function") {
|
|
198
|
-
var
|
|
199
|
-
|
|
198
|
+
var s = typeof t.__u == "function";
|
|
199
|
+
s && t.__u(), s && e == null || (t.__u = t(e));
|
|
200
200
|
} else t.current = e;
|
|
201
|
-
} catch (
|
|
202
|
-
m.__e(
|
|
201
|
+
} catch (i) {
|
|
202
|
+
m.__e(i, n);
|
|
203
203
|
}
|
|
204
204
|
}
|
|
205
205
|
function qe(t, e, n) {
|
|
206
|
-
var
|
|
207
|
-
if (m.unmount && m.unmount(t), (
|
|
208
|
-
if (
|
|
209
|
-
|
|
210
|
-
} catch (
|
|
211
|
-
m.__e(
|
|
206
|
+
var s, i;
|
|
207
|
+
if (m.unmount && m.unmount(t), (s = t.ref) && (s.current && s.current != t.__e || de(s, null, e)), (s = t.__c) != null) {
|
|
208
|
+
if (s.componentWillUnmount) try {
|
|
209
|
+
s.componentWillUnmount();
|
|
210
|
+
} catch (o) {
|
|
211
|
+
m.__e(o, e);
|
|
212
212
|
}
|
|
213
|
-
|
|
213
|
+
s.base = s.__P = null;
|
|
214
214
|
}
|
|
215
|
-
if (
|
|
215
|
+
if (s = t.__k) for (i = 0; i < s.length; i++) s[i] && qe(s[i], e, n || typeof t.type != "function");
|
|
216
216
|
n || ue(t.__e), t.__c = t.__ = t.__e = void 0;
|
|
217
217
|
}
|
|
218
|
-
function
|
|
218
|
+
function ut(t, e, n) {
|
|
219
219
|
return this.constructor(t, n);
|
|
220
220
|
}
|
|
221
221
|
function ne(t, e, n) {
|
|
222
|
-
var
|
|
223
|
-
e == document && (e = document.documentElement), m.__ && m.__(t, e),
|
|
222
|
+
var s, i, o, a;
|
|
223
|
+
e == document && (e = document.documentElement), m.__ && m.__(t, e), i = (s = typeof n == "function") ? null : n && n.__k || e.__k, o = [], a = [], ge(e, t = (!s && n || e).__k = D(U, null, [t]), i || q, q, e.namespaceURI, !s && n ? [n] : i ? null : e.firstChild ? B.call(e.childNodes) : null, o, !s && n ? n : i ? i.__e : e.firstChild, s, a), Le(o, t, a);
|
|
224
224
|
}
|
|
225
225
|
function je(t, e) {
|
|
226
226
|
ne(t, e, je);
|
|
227
227
|
}
|
|
228
228
|
function Be(t, e, n) {
|
|
229
|
-
var
|
|
230
|
-
for (
|
|
231
|
-
return arguments.length > 2 && (
|
|
229
|
+
var s, i, o, a, l = P({}, t.props);
|
|
230
|
+
for (o in t.type && t.type.defaultProps && (a = t.type.defaultProps), e) o == "key" ? s = e[o] : o == "ref" ? i = e[o] : l[o] = e[o] === void 0 && a != null ? a[o] : e[o];
|
|
231
|
+
return arguments.length > 2 && (l.children = arguments.length > 3 ? B.call(arguments, 2) : n), Q(t.type, l, s || t.key, i || t.ref, null);
|
|
232
232
|
}
|
|
233
|
-
B = Re.slice, m = { __e: function(t, e, n,
|
|
234
|
-
for (var
|
|
235
|
-
if ((
|
|
236
|
-
} catch (
|
|
237
|
-
t =
|
|
233
|
+
B = Re.slice, m = { __e: function(t, e, n, s) {
|
|
234
|
+
for (var i, o, a; e = e.__; ) if ((i = e.__c) && !i.__) try {
|
|
235
|
+
if ((o = i.constructor) && o.getDerivedStateFromError != null && (i.setState(o.getDerivedStateFromError(t)), a = i.__d), i.componentDidCatch != null && (i.componentDidCatch(t, s || {}), a = i.__d), a) return i.__E = i;
|
|
236
|
+
} catch (l) {
|
|
237
|
+
t = l;
|
|
238
238
|
}
|
|
239
239
|
throw t;
|
|
240
|
-
} },
|
|
240
|
+
} }, Ee = 0, G.prototype.setState = function(t, e) {
|
|
241
241
|
var n;
|
|
242
|
-
n = this.__s != null && this.__s != this.state ? this.__s : this.__s =
|
|
242
|
+
n = this.__s != null && this.__s != this.state ? this.__s : this.__s = P({}, this.state), typeof t == "function" && (t = t(P({}, n), this.props)), t && P(n, t), t != null && this.__v && (e && this._sb.push(e), ye(this));
|
|
243
243
|
}, G.prototype.forceUpdate = function(t) {
|
|
244
244
|
this.__v && (this.__e = !0, t && this.__h.push(t), ye(this));
|
|
245
|
-
}, G.prototype.render = U, R = [],
|
|
245
|
+
}, G.prototype.render = U, R = [], Te = typeof Promise == "function" ? Promise.prototype.then.bind(Promise.resolve()) : setTimeout, He = function(t, e) {
|
|
246
246
|
return t.__v.__b - e.__v.__b;
|
|
247
|
-
}, Y.__r = 0, Ie = /(PointerCapture)$|Capture$/i, ce = 0, re = ve(!1),
|
|
247
|
+
}, Y.__r = 0, Ie = /(PointerCapture)$|Capture$/i, ce = 0, re = ve(!1), ae = ve(!0);
|
|
248
248
|
function Z() {
|
|
249
249
|
return Z = Object.assign ? Object.assign.bind() : function(t) {
|
|
250
250
|
for (var e = 1; e < arguments.length; e++) {
|
|
251
251
|
var n = arguments[e];
|
|
252
|
-
for (var
|
|
252
|
+
for (var s in n) Object.prototype.hasOwnProperty.call(n, s) && (t[s] = n[s]);
|
|
253
253
|
}
|
|
254
254
|
return t;
|
|
255
255
|
}, Z.apply(this, arguments);
|
|
256
256
|
}
|
|
257
257
|
function ze(t, e) {
|
|
258
258
|
if (t == null) return {};
|
|
259
|
-
var n,
|
|
260
|
-
for (
|
|
261
|
-
return
|
|
259
|
+
var n, s, i = {}, o = Object.keys(t);
|
|
260
|
+
for (s = 0; s < o.length; s++) e.indexOf(n = o[s]) >= 0 || (i[n] = t[n]);
|
|
261
|
+
return i;
|
|
262
262
|
}
|
|
263
|
-
var
|
|
264
|
-
function
|
|
265
|
-
function
|
|
266
|
-
var
|
|
267
|
-
return
|
|
263
|
+
var gt = ["context", "children"], dt = ["useFragment"];
|
|
264
|
+
function ht(t, e, n, s) {
|
|
265
|
+
function i() {
|
|
266
|
+
var o = Reflect.construct(HTMLElement, [], i);
|
|
267
|
+
return o._vdomComponent = t, o._root = o, o;
|
|
268
268
|
}
|
|
269
|
-
return (
|
|
270
|
-
|
|
271
|
-
},
|
|
272
|
-
Object.defineProperty(
|
|
273
|
-
return this._vdom ? this._vdom.props[
|
|
274
|
-
}, set: function(
|
|
275
|
-
this._vdom ? this.attributeChangedCallback(
|
|
276
|
-
var
|
|
277
|
-
|
|
269
|
+
return (i.prototype = Object.create(HTMLElement.prototype)).constructor = i, i.prototype.connectedCallback = function() {
|
|
270
|
+
pt.call(this, s);
|
|
271
|
+
}, i.prototype.attributeChangedCallback = mt, i.prototype.disconnectedCallback = yt, n = n || t.observedAttributes || Object.keys(t.propTypes || {}), i.observedAttributes = n, t.formAssociated && (i.formAssociated = !0), n.forEach(function(o) {
|
|
272
|
+
Object.defineProperty(i.prototype, o, { get: function() {
|
|
273
|
+
return this._vdom ? this._vdom.props[o] : this._props[o];
|
|
274
|
+
}, set: function(a) {
|
|
275
|
+
this._vdom ? this.attributeChangedCallback(o, null, a) : (this._props || (this._props = {}), this._props[o] = a);
|
|
276
|
+
var l = typeof a;
|
|
277
|
+
a != null && l !== "string" && l !== "boolean" && l !== "number" || this.setAttribute(o, a);
|
|
278
278
|
} });
|
|
279
|
-
}), customElements.define(e,
|
|
279
|
+
}), customElements.define(e, i), i;
|
|
280
280
|
}
|
|
281
|
-
function
|
|
281
|
+
function ft(t) {
|
|
282
282
|
this.getChildContext = function() {
|
|
283
283
|
return t.context;
|
|
284
284
|
};
|
|
285
|
-
var e = t.children, n = ze(t,
|
|
285
|
+
var e = t.children, n = ze(t, gt);
|
|
286
286
|
return Be(e, n);
|
|
287
287
|
}
|
|
288
|
-
function
|
|
288
|
+
function pt(t) {
|
|
289
289
|
var e = new CustomEvent("_preact", { detail: {}, bubbles: !0, cancelable: !0 });
|
|
290
|
-
this.dispatchEvent(e), this._vdom = D(
|
|
290
|
+
this.dispatchEvent(e), this._vdom = D(ft, Z({}, this._props, { context: e.detail.context }), Je(this, this._vdomComponent, t)), (this.hasAttribute("hydrate") ? je : ne)(this._vdom, this._root);
|
|
291
291
|
}
|
|
292
292
|
function Ve(t) {
|
|
293
293
|
return t.replace(/-(\w)/g, function(e, n) {
|
|
294
294
|
return n ? n.toUpperCase() : "";
|
|
295
295
|
});
|
|
296
296
|
}
|
|
297
|
-
function
|
|
297
|
+
function mt(t, e, n) {
|
|
298
298
|
if (this._vdom) {
|
|
299
|
-
var
|
|
300
|
-
|
|
299
|
+
var s = {};
|
|
300
|
+
s[t] = n = n ?? void 0, s[Ve(t)] = n, this._vdom = Be(this._vdom, s), ne(this._vdom, this._root);
|
|
301
301
|
}
|
|
302
302
|
}
|
|
303
|
-
function
|
|
303
|
+
function yt() {
|
|
304
304
|
ne(this._vdom = null, this._root);
|
|
305
305
|
}
|
|
306
306
|
function be(t, e) {
|
|
307
|
-
var n = this,
|
|
308
|
-
return D(
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
},
|
|
307
|
+
var n = this, s = t.useFragment, i = ze(t, dt);
|
|
308
|
+
return D(s ? U : "slot", Z({}, i, { ref: function(o) {
|
|
309
|
+
o ? (n.ref = o, n._listener || (n._listener = function(a) {
|
|
310
|
+
a.stopPropagation(), a.detail.context = e;
|
|
311
|
+
}, o.addEventListener("_preact", n._listener))) : n.ref.removeEventListener("_preact", n._listener);
|
|
312
312
|
} }));
|
|
313
313
|
}
|
|
314
314
|
function Je(t, e, n) {
|
|
315
315
|
if (t.nodeType === 3) return t.data;
|
|
316
316
|
if (t.nodeType !== 1) return null;
|
|
317
|
-
var
|
|
318
|
-
for (
|
|
319
|
-
for (
|
|
320
|
-
var c = Je(
|
|
321
|
-
|
|
317
|
+
var s = [], i = {}, o = 0, a = t.attributes, l = t.childNodes;
|
|
318
|
+
for (o = a.length; o--; ) a[o].name !== "slot" && (i[a[o].name] = a[o].value, i[Ve(a[o].name)] = a[o].value);
|
|
319
|
+
for (o = l.length; o--; ) {
|
|
320
|
+
var c = Je(l[o], null, n), _ = l[o].slot;
|
|
321
|
+
_ ? i[_] = D(be, { name: _ }, c) : s[o] = c;
|
|
322
322
|
}
|
|
323
|
-
var
|
|
324
|
-
return !
|
|
323
|
+
var g = !(!n || !n.shadow), r = e ? D(be, { useFragment: !g }, s) : s;
|
|
324
|
+
return !g && e && (t.innerHTML = ""), D(e || t.nodeName.toLowerCase(), i, r);
|
|
325
325
|
}
|
|
326
|
-
var
|
|
327
|
-
function
|
|
326
|
+
var wt = 0;
|
|
327
|
+
function u(t, e, n, s, i, o) {
|
|
328
328
|
e || (e = {});
|
|
329
|
-
var
|
|
330
|
-
if ("ref" in c) for (
|
|
331
|
-
var
|
|
332
|
-
if (typeof t == "function" && (
|
|
333
|
-
return m.vnode && m.vnode(
|
|
329
|
+
var a, l, c = e;
|
|
330
|
+
if ("ref" in c) for (l in c = {}, e) l == "ref" ? a = e[l] : c[l] = e[l];
|
|
331
|
+
var _ = { type: t, props: c, key: n, ref: a, __k: null, __: null, __b: 0, __e: null, __c: null, constructor: void 0, __v: --wt, __i: -1, __u: 0, __source: i, __self: o };
|
|
332
|
+
if (typeof t == "function" && (a = t.defaultProps)) for (l in a) c[l] === void 0 && (c[l] = a[l]);
|
|
333
|
+
return m.vnode && m.vnode(_), _;
|
|
334
334
|
}
|
|
335
|
-
var j, v,
|
|
335
|
+
var j, v, se, Ce, ee = 0, Ke = [], C = m, ke = C.__b, Ae = C.__r, Se = C.diffed, $e = C.__c, Ne = C.unmount, We = C.__;
|
|
336
336
|
function he(t, e) {
|
|
337
337
|
C.__h && C.__h(v, t, ee || e), ee = 0;
|
|
338
338
|
var n = v.__H || (v.__H = { __: [], __h: [] });
|
|
339
339
|
return t >= n.__.length && n.__.push({}), n.__[t];
|
|
340
340
|
}
|
|
341
|
-
function
|
|
342
|
-
return ee = 1,
|
|
341
|
+
function E(t) {
|
|
342
|
+
return ee = 1, vt(Xe, t);
|
|
343
343
|
}
|
|
344
|
-
function
|
|
345
|
-
var
|
|
346
|
-
if (
|
|
347
|
-
var c =
|
|
348
|
-
c !==
|
|
349
|
-
}],
|
|
350
|
-
var
|
|
351
|
-
if (!
|
|
352
|
-
var
|
|
344
|
+
function vt(t, e, n) {
|
|
345
|
+
var s = he(j++, 2);
|
|
346
|
+
if (s.t = t, !s.__c && (s.__ = [Xe(void 0, e), function(l) {
|
|
347
|
+
var c = s.__N ? s.__N[0] : s.__[0], _ = s.t(c, l);
|
|
348
|
+
c !== _ && (s.__N = [_, s.__[1]], s.__c.setState({}));
|
|
349
|
+
}], s.__c = v, !v.__f)) {
|
|
350
|
+
var i = function(l, c, _) {
|
|
351
|
+
if (!s.__c.__H) return !0;
|
|
352
|
+
var g = s.__c.__H.__.filter(function(f) {
|
|
353
353
|
return !!f.__c;
|
|
354
354
|
});
|
|
355
|
-
if (
|
|
355
|
+
if (g.every(function(f) {
|
|
356
356
|
return !f.__N;
|
|
357
|
-
})) return !
|
|
358
|
-
var r =
|
|
359
|
-
return
|
|
357
|
+
})) return !o || o.call(this, l, c, _);
|
|
358
|
+
var r = s.__c.props !== l;
|
|
359
|
+
return g.forEach(function(f) {
|
|
360
360
|
if (f.__N) {
|
|
361
361
|
var d = f.__[0];
|
|
362
362
|
f.__ = f.__N, f.__N = void 0, d !== f.__[0] && (r = !0);
|
|
363
363
|
}
|
|
364
|
-
}),
|
|
364
|
+
}), o && o.call(this, l, c, _) || r;
|
|
365
365
|
};
|
|
366
366
|
v.__f = !0;
|
|
367
|
-
var
|
|
368
|
-
v.componentWillUpdate = function(
|
|
367
|
+
var o = v.shouldComponentUpdate, a = v.componentWillUpdate;
|
|
368
|
+
v.componentWillUpdate = function(l, c, _) {
|
|
369
369
|
if (this.__e) {
|
|
370
|
-
var
|
|
371
|
-
|
|
370
|
+
var g = o;
|
|
371
|
+
o = void 0, i(l, c, _), o = g;
|
|
372
372
|
}
|
|
373
|
-
|
|
374
|
-
}, v.shouldComponentUpdate =
|
|
373
|
+
a && a.call(this, l, c, _);
|
|
374
|
+
}, v.shouldComponentUpdate = i;
|
|
375
375
|
}
|
|
376
|
-
return
|
|
376
|
+
return s.__N || s.__;
|
|
377
377
|
}
|
|
378
378
|
function xe(t, e) {
|
|
379
379
|
var n = he(j++, 3);
|
|
380
380
|
!C.__s && Ge(n.__H, e) && (n.__ = t, n.u = e, v.__H.__h.push(n));
|
|
381
381
|
}
|
|
382
382
|
function Fe(t) {
|
|
383
|
-
return ee = 5,
|
|
383
|
+
return ee = 5, bt(function() {
|
|
384
384
|
return { current: t };
|
|
385
385
|
}, []);
|
|
386
386
|
}
|
|
387
|
-
function
|
|
387
|
+
function bt(t, e) {
|
|
388
388
|
var n = he(j++, 7);
|
|
389
389
|
return Ge(n.__H, e) && (n.__ = t(), n.__H = e, n.__h = t), n.__;
|
|
390
390
|
}
|
|
391
|
-
function
|
|
391
|
+
function Ct() {
|
|
392
392
|
for (var t; t = Ke.shift(); ) if (t.__P && t.__H) try {
|
|
393
393
|
t.__H.__h.forEach(X), t.__H.__h.forEach(_e), t.__H.__h = [];
|
|
394
394
|
} catch (e) {
|
|
@@ -398,47 +398,47 @@ function vt() {
|
|
|
398
398
|
C.__b = function(t) {
|
|
399
399
|
v = null, ke && ke(t);
|
|
400
400
|
}, C.__ = function(t, e) {
|
|
401
|
-
t && e.__k && e.__k.__m && (t.__m = e.__k.__m),
|
|
401
|
+
t && e.__k && e.__k.__m && (t.__m = e.__k.__m), We && We(t, e);
|
|
402
402
|
}, C.__r = function(t) {
|
|
403
403
|
Ae && Ae(t), j = 0;
|
|
404
404
|
var e = (v = t.__c).__H;
|
|
405
|
-
e && (
|
|
405
|
+
e && (se === v ? (e.__h = [], v.__h = [], e.__.forEach(function(n) {
|
|
406
406
|
n.__N && (n.__ = n.__N), n.u = n.__N = void 0;
|
|
407
|
-
})) : (e.__h.forEach(X), e.__h.forEach(_e), e.__h = [], j = 0)),
|
|
407
|
+
})) : (e.__h.forEach(X), e.__h.forEach(_e), e.__h = [], j = 0)), se = v;
|
|
408
408
|
}, C.diffed = function(t) {
|
|
409
409
|
Se && Se(t);
|
|
410
410
|
var e = t.__c;
|
|
411
|
-
e && e.__H && (e.__H.__h.length && (Ke.push(e) !== 1 && Ce === C.requestAnimationFrame || ((Ce = C.requestAnimationFrame) ||
|
|
411
|
+
e && e.__H && (e.__H.__h.length && (Ke.push(e) !== 1 && Ce === C.requestAnimationFrame || ((Ce = C.requestAnimationFrame) || kt)(Ct)), e.__H.__.forEach(function(n) {
|
|
412
412
|
n.u && (n.__H = n.u), n.u = void 0;
|
|
413
|
-
})),
|
|
413
|
+
})), se = v = null;
|
|
414
414
|
}, C.__c = function(t, e) {
|
|
415
415
|
e.some(function(n) {
|
|
416
416
|
try {
|
|
417
|
-
n.__h.forEach(X), n.__h = n.__h.filter(function(
|
|
418
|
-
return !
|
|
417
|
+
n.__h.forEach(X), n.__h = n.__h.filter(function(s) {
|
|
418
|
+
return !s.__ || _e(s);
|
|
419
419
|
});
|
|
420
|
-
} catch (
|
|
421
|
-
e.some(function(
|
|
422
|
-
|
|
423
|
-
}), e = [], C.__e(
|
|
420
|
+
} catch (s) {
|
|
421
|
+
e.some(function(i) {
|
|
422
|
+
i.__h && (i.__h = []);
|
|
423
|
+
}), e = [], C.__e(s, n.__v);
|
|
424
424
|
}
|
|
425
425
|
}), $e && $e(t, e);
|
|
426
426
|
}, C.unmount = function(t) {
|
|
427
|
-
|
|
427
|
+
Ne && Ne(t);
|
|
428
428
|
var e, n = t.__c;
|
|
429
|
-
n && n.__H && (n.__H.__.forEach(function(
|
|
429
|
+
n && n.__H && (n.__H.__.forEach(function(s) {
|
|
430
430
|
try {
|
|
431
|
-
X(
|
|
432
|
-
} catch (
|
|
433
|
-
e =
|
|
431
|
+
X(s);
|
|
432
|
+
} catch (i) {
|
|
433
|
+
e = i;
|
|
434
434
|
}
|
|
435
435
|
}), n.__H = void 0, e && C.__e(e, n.__v));
|
|
436
436
|
};
|
|
437
437
|
var Me = typeof requestAnimationFrame == "function";
|
|
438
|
-
function
|
|
438
|
+
function kt(t) {
|
|
439
439
|
var e, n = function() {
|
|
440
|
-
clearTimeout(
|
|
441
|
-
},
|
|
440
|
+
clearTimeout(s), Me && cancelAnimationFrame(e), setTimeout(t);
|
|
441
|
+
}, s = setTimeout(n, 35);
|
|
442
442
|
Me && (e = requestAnimationFrame(n));
|
|
443
443
|
}
|
|
444
444
|
function X(t) {
|
|
@@ -450,23 +450,23 @@ function _e(t) {
|
|
|
450
450
|
t.__c = t.__(), v = e;
|
|
451
451
|
}
|
|
452
452
|
function Ge(t, e) {
|
|
453
|
-
return !t || t.length !== e.length || e.some(function(n,
|
|
454
|
-
return n !== t[
|
|
453
|
+
return !t || t.length !== e.length || e.some(function(n, s) {
|
|
454
|
+
return n !== t[s];
|
|
455
455
|
});
|
|
456
456
|
}
|
|
457
457
|
function Xe(t, e) {
|
|
458
458
|
return typeof e == "function" ? e(t) : e;
|
|
459
459
|
}
|
|
460
|
-
const
|
|
460
|
+
const At = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
|
|
461
461
|
let K = (t = 21) => {
|
|
462
462
|
let e = "", n = crypto.getRandomValues(new Uint8Array(t |= 0));
|
|
463
463
|
for (; t--; )
|
|
464
|
-
e +=
|
|
464
|
+
e += At[n[t] & 63];
|
|
465
465
|
return e;
|
|
466
466
|
};
|
|
467
|
-
class
|
|
467
|
+
class St {
|
|
468
468
|
constructor(e, n) {
|
|
469
|
-
this.agentUrl = e, this.agentId = n, this.agentConfig = null, this.ws = null, this.messageCallbacks = /* @__PURE__ */ new Set(), this.connectionCallbacks = /* @__PURE__ */ new Set(), this.streamingCallbacks = /* @__PURE__ */ new Set(), this.queueCallbacks = /* @__PURE__ */ new Set(), this.messages = [], this.reconnectAttempts = 0, this.maxReconnectAttempts = 5, this.reconnectDelay = 1e3, this.isAgentStreaming = !1, this.messageQueue = [];
|
|
469
|
+
this.agentUrl = e, this.agentId = n, this.agentConfig = null, this.ws = null, this.messageCallbacks = /* @__PURE__ */ new Set(), this.connectionCallbacks = /* @__PURE__ */ new Set(), this.streamingCallbacks = /* @__PURE__ */ new Set(), this.processingCallbacks = /* @__PURE__ */ new Set(), this.queueCallbacks = /* @__PURE__ */ new Set(), this.messages = [], this.reconnectAttempts = 0, this.maxReconnectAttempts = 5, this.reconnectDelay = 1e3, this.isAgentStreaming = !1, this.isAgentProcessing = !1, this.messageQueue = [];
|
|
470
470
|
}
|
|
471
471
|
/**
|
|
472
472
|
* Initialize the widget by fetching agent configuration
|
|
@@ -477,8 +477,8 @@ class kt {
|
|
|
477
477
|
try {
|
|
478
478
|
const n = await fetch(`${this.agentUrl}/api/agent/${this.agentId}`);
|
|
479
479
|
if (n.ok) {
|
|
480
|
-
const
|
|
481
|
-
return console.log("[AriaFlow Widget] Agent config received:",
|
|
480
|
+
const s = await n.json();
|
|
481
|
+
return console.log("[AriaFlow Widget] Agent config received:", s), !s || s.status !== "active" ? (console.error("Agent not found or inactive"), null) : (this.agentConfig = s, this.maxReconnectAttempts = s.config.maxRetries || 5, this.reconnectDelay = s.config.reconnectDelay || 1e3, await this.connectToAgent(), s);
|
|
482
482
|
}
|
|
483
483
|
} catch {
|
|
484
484
|
console.warn("[AriaFlow Widget] Agent config endpoint not available, trying fallback");
|
|
@@ -512,40 +512,51 @@ class kt {
|
|
|
512
512
|
if (!this.agentConfig?.wsUrl)
|
|
513
513
|
throw new Error("No agent WebSocket URL configured");
|
|
514
514
|
const e = this.getSessionId(), n = `${this.agentConfig.wsUrl}/${e}`;
|
|
515
|
-
return console.log("[AriaFlow Widget] Connecting to WebSocket:", n), new Promise((
|
|
515
|
+
return console.log("[AriaFlow Widget] Connecting to WebSocket:", n), new Promise((s, i) => {
|
|
516
516
|
try {
|
|
517
517
|
this.ws = new WebSocket(n), this.ws.onopen = () => {
|
|
518
|
-
console.log("[Widget] Connected to agent"), this.reconnectAttempts = 0, this.notifyConnectionChange(!0),
|
|
519
|
-
}, this.ws.onmessage = (
|
|
520
|
-
this.handleMessage(
|
|
518
|
+
console.log("[Widget] Connected to agent"), this.reconnectAttempts = 0, this.notifyConnectionChange(!0), s();
|
|
519
|
+
}, this.ws.onmessage = (o) => {
|
|
520
|
+
this.handleMessage(o);
|
|
521
521
|
}, this.ws.onclose = () => {
|
|
522
522
|
if (console.log("[Widget] Disconnected from agent"), this.notifyConnectionChange(!1), this.reconnectAttempts < this.maxReconnectAttempts) {
|
|
523
523
|
this.reconnectAttempts++;
|
|
524
|
-
const
|
|
525
|
-
console.log(`[Widget] Reconnecting in ${
|
|
524
|
+
const o = this.reconnectDelay * Math.pow(2, this.reconnectAttempts - 1);
|
|
525
|
+
console.log(`[Widget] Reconnecting in ${o}ms... (attempt ${this.reconnectAttempts})`), setTimeout(() => this.connectToAgent(), o);
|
|
526
526
|
}
|
|
527
|
-
}, this.ws.onerror = (
|
|
528
|
-
console.error("[Widget] WebSocket error:",
|
|
527
|
+
}, this.ws.onerror = (o) => {
|
|
528
|
+
console.error("[Widget] WebSocket error:", o), i(o);
|
|
529
529
|
};
|
|
530
|
-
} catch (
|
|
531
|
-
|
|
530
|
+
} catch (o) {
|
|
531
|
+
i(o);
|
|
532
532
|
}
|
|
533
533
|
});
|
|
534
534
|
}
|
|
535
535
|
/**
|
|
536
|
-
*
|
|
536
|
+
* Register a callback for processing state changes
|
|
537
537
|
*/
|
|
538
|
+
onProcessingChange(e) {
|
|
539
|
+
return this.processingCallbacks.add(e), () => {
|
|
540
|
+
this.processingCallbacks.delete(e);
|
|
541
|
+
};
|
|
542
|
+
}
|
|
543
|
+
/**
|
|
544
|
+
* Notify all processing callbacks
|
|
545
|
+
*/
|
|
546
|
+
notifyProcessingChange(e) {
|
|
547
|
+
this.isAgentProcessing = e, this.processingCallbacks.forEach((n) => n(e));
|
|
548
|
+
}
|
|
538
549
|
handleMessage(e) {
|
|
539
550
|
try {
|
|
540
551
|
const n = JSON.parse(e.data);
|
|
541
552
|
if (n.type === "text-delta")
|
|
542
|
-
this.setMessages((
|
|
543
|
-
const
|
|
544
|
-
return
|
|
545
|
-
...
|
|
546
|
-
{ ...
|
|
553
|
+
this.isAgentProcessing && this.notifyProcessingChange(!1), this.setMessages((s) => {
|
|
554
|
+
const i = s[s.length - 1];
|
|
555
|
+
return i && i.role === "assistant" && i.isStreaming ? [
|
|
556
|
+
...s.slice(0, -1),
|
|
557
|
+
{ ...i, content: i.content + n.text }
|
|
547
558
|
] : [
|
|
548
|
-
...
|
|
559
|
+
...s,
|
|
549
560
|
{
|
|
550
561
|
id: K(),
|
|
551
562
|
role: "assistant",
|
|
@@ -556,45 +567,53 @@ class kt {
|
|
|
556
567
|
];
|
|
557
568
|
});
|
|
558
569
|
else if (n.type === "done")
|
|
559
|
-
console.log("[Widget] Response complete"), this.setMessages((
|
|
560
|
-
const
|
|
561
|
-
return
|
|
562
|
-
...
|
|
563
|
-
{ ...
|
|
564
|
-
] :
|
|
570
|
+
console.log("[Widget] Response complete"), this.notifyProcessingChange(!1), this.setMessages((s) => {
|
|
571
|
+
const i = s[s.length - 1];
|
|
572
|
+
return i && i.role === "assistant" && i.isStreaming ? [
|
|
573
|
+
...s.slice(0, -1),
|
|
574
|
+
{ ...i, isStreaming: !1 }
|
|
575
|
+
] : s;
|
|
565
576
|
}), this.isAgentStreaming = !1, this.notifyStreamingChange(!1), this.processMessageQueue();
|
|
566
577
|
else if (n.type === "step-start" || n.type === "agent-start")
|
|
567
|
-
console.log(`[Widget] ${n.type} received:`, n.agentId || ""), this.isAgentStreaming = !0, this.notifyStreamingChange(!0);
|
|
578
|
+
console.log(`[Widget] ${n.type} received:`, n.agentId || ""), this.isAgentStreaming = !0, this.notifyStreamingChange(!0), this.notifyProcessingChange(!0);
|
|
568
579
|
else if (n.type === "step-end" || n.type === "agent-end")
|
|
569
|
-
console.log(`[Widget] ${n.type} received`);
|
|
580
|
+
console.log(`[Widget] ${n.type} received`), n.type === "agent-end" && this.notifyProcessingChange(!1);
|
|
570
581
|
else if (n.type === "tool-call") {
|
|
571
|
-
|
|
572
|
-
|
|
573
|
-
|
|
574
|
-
|
|
575
|
-
|
|
576
|
-
|
|
577
|
-
|
|
578
|
-
|
|
579
|
-
|
|
580
|
-
|
|
581
|
-
|
|
582
|
-
|
|
583
|
-
|
|
584
|
-
|
|
585
|
-
(
|
|
586
|
-
|
|
587
|
-
|
|
588
|
-
|
|
589
|
-
|
|
590
|
-
|
|
591
|
-
|
|
592
|
-
|
|
582
|
+
const s = n.toolName || n.tool?.name, i = n.args || n.tool?.arguments;
|
|
583
|
+
if (console.log("[Widget] Tool call:", s), this.notifyProcessingChange(!0), s === "suggest_options" && (i?.options || i)) {
|
|
584
|
+
const o = i?.options || i;
|
|
585
|
+
Array.isArray(o) && this.setMessages((a) => {
|
|
586
|
+
const l = [...a].reverse().find((c) => c.role === "assistant");
|
|
587
|
+
return l ? a.map(
|
|
588
|
+
(c) => c.id === l.id ? { ...c, suggestions: o } : c
|
|
589
|
+
) : a;
|
|
590
|
+
});
|
|
591
|
+
} else {
|
|
592
|
+
const o = {
|
|
593
|
+
id: K(),
|
|
594
|
+
role: "tool",
|
|
595
|
+
content: `Calling tool: ${s}`,
|
|
596
|
+
timestamp: Date.now(),
|
|
597
|
+
toolCall: {
|
|
598
|
+
name: s,
|
|
599
|
+
arguments: i
|
|
600
|
+
}
|
|
601
|
+
};
|
|
602
|
+
this.setMessages((a) => [...a, o]);
|
|
603
|
+
}
|
|
604
|
+
} else if (n.type === "tool-result") {
|
|
605
|
+
const s = n.toolName || n.tool?.name;
|
|
606
|
+
console.log("[Widget] Tool result:", s), s === "suggest_options" || this.setMessages((i) => {
|
|
607
|
+
const o = i[i.length - 1];
|
|
608
|
+
return o && o.role === "tool" && !o.toolResult ? [
|
|
609
|
+
...i.slice(0, -1),
|
|
610
|
+
{ ...o, content: o.content + `
|
|
593
611
|
Result: ${JSON.stringify(n.result)}`, toolResult: n.result }
|
|
594
|
-
|
|
595
|
-
|
|
596
|
-
|
|
597
|
-
|
|
612
|
+
] : i;
|
|
613
|
+
});
|
|
614
|
+
} else n.type === "agent-start" ? (console.log(`[Widget] Agent started: ${n.agentId}`), this.isAgentStreaming = !0, this.notifyStreamingChange(!0)) : n.type === "handoff" ? console.log(`[Widget] Handoff: ${n.from} -> ${n.to}: ${n.reason}`) : n.type === "suggested-questions" ? (console.log("[Widget] Suggestions received:", n.suggestions), this.setMessages((s) => {
|
|
615
|
+
const i = [...s].reverse().find((o) => o.role === "assistant");
|
|
616
|
+
return i ? s.map((o) => o.id === i.id ? { ...o, suggestions: n.suggestions } : o) : s;
|
|
598
617
|
})) : console.log("[Widget] Unknown message type:", n.type);
|
|
599
618
|
} catch (n) {
|
|
600
619
|
console.error("[Widget] Error parsing message:", e.data, n);
|
|
@@ -612,7 +631,7 @@ Result: ${JSON.stringify(n.result)}`, toolResult: n.result }
|
|
|
612
631
|
content: e,
|
|
613
632
|
timestamp: Date.now()
|
|
614
633
|
};
|
|
615
|
-
if (this.setMessages((
|
|
634
|
+
if (this.setMessages((s) => [...s, n]), this.isAgentStreaming) {
|
|
616
635
|
console.log("[Widget] Agent is streaming, queuing message"), this.messageQueue.push(e), this.notifyQueueChange(this.messageQueue.length);
|
|
617
636
|
return;
|
|
618
637
|
}
|
|
@@ -730,83 +749,85 @@ Result: ${JSON.stringify(n.result)}`, toolResult: n.result }
|
|
|
730
749
|
this.ws && (this.ws.close(), this.ws = null), this.messageCallbacks.clear(), this.connectionCallbacks.clear();
|
|
731
750
|
}
|
|
732
751
|
}
|
|
733
|
-
const
|
|
752
|
+
const ie = {
|
|
734
753
|
none: "0",
|
|
735
754
|
small: "0.375rem",
|
|
736
755
|
medium: "0.75rem",
|
|
737
756
|
large: "1rem"
|
|
738
757
|
};
|
|
739
|
-
function
|
|
758
|
+
function $t({
|
|
740
759
|
agentUrl: t,
|
|
741
760
|
agentId: e,
|
|
742
761
|
// Legacy props for backward compatibility
|
|
743
762
|
widgetId: n,
|
|
744
|
-
apiUrl:
|
|
745
|
-
mode:
|
|
746
|
-
theme:
|
|
747
|
-
position:
|
|
748
|
-
size:
|
|
763
|
+
apiUrl: s,
|
|
764
|
+
mode: i = "chat",
|
|
765
|
+
theme: o = "light",
|
|
766
|
+
position: a = "bottom-right",
|
|
767
|
+
size: l = "full",
|
|
749
768
|
radius: c = "medium",
|
|
750
|
-
baseColor:
|
|
751
|
-
accentColor:
|
|
769
|
+
baseColor: _,
|
|
770
|
+
accentColor: g = "#14B8A6",
|
|
752
771
|
buttonBaseColor: r = "#000000",
|
|
753
772
|
buttonAccentColor: f = "#FFFFFF",
|
|
754
773
|
title: d,
|
|
755
774
|
subtitle: b,
|
|
756
|
-
emptyChatMessage:
|
|
775
|
+
emptyChatMessage: S
|
|
757
776
|
}) {
|
|
758
|
-
const [w, p] =
|
|
777
|
+
const [w, p] = E(!1), [h, M] = E([]), [N, T] = E(""), [$, z] = E(!1), [A, H] = E(!1), [I, W] = E(null), [x, Ye] = E(!1), [Ze, et] = E(!1), [oe, tt] = E(0), V = Fe(null), fe = Fe(null);
|
|
759
778
|
xe(() => ((async () => {
|
|
760
779
|
if (t && e) {
|
|
761
780
|
console.log("[AriaFlow Widget] Using new agent resolution:", { agentUrl: t, agentId: e });
|
|
762
|
-
const
|
|
763
|
-
V.current =
|
|
781
|
+
const F = new St(t, e);
|
|
782
|
+
V.current = F;
|
|
764
783
|
try {
|
|
765
|
-
|
|
766
|
-
console.log("[AriaFlow Widget] Messages updated:",
|
|
767
|
-
}),
|
|
768
|
-
console.log("[AriaFlow Widget] Connection state:",
|
|
769
|
-
}),
|
|
770
|
-
console.log("[AriaFlow Widget] Streaming state:",
|
|
771
|
-
}),
|
|
772
|
-
console.log("[AriaFlow Widget] Queue count:",
|
|
784
|
+
F.onMessages((k) => {
|
|
785
|
+
console.log("[AriaFlow Widget] Messages updated:", k.length), M(k);
|
|
786
|
+
}), F.onConnectionChange((k) => {
|
|
787
|
+
console.log("[AriaFlow Widget] Connection state:", k), z(k), k && H(!0);
|
|
788
|
+
}), F.onStreamingChange((k) => {
|
|
789
|
+
console.log("[AriaFlow Widget] Streaming state:", k), Ye(k);
|
|
790
|
+
}), F.onQueueChange((k) => {
|
|
791
|
+
console.log("[AriaFlow Widget] Queue count:", k), tt(k);
|
|
792
|
+
}), F.onProcessingChange((k) => {
|
|
793
|
+
console.log("[AriaFlow Widget] Processing state:", k), et(k);
|
|
773
794
|
});
|
|
774
|
-
const L = await
|
|
795
|
+
const L = await F.initWidget();
|
|
775
796
|
console.log("[AriaFlow Widget] Agent config received:", L), L ? (W(L), console.log("[AriaFlow Widget] Widget initialized successfully")) : console.error("[AriaFlow Widget] Agent config fetch failed");
|
|
776
797
|
} catch (L) {
|
|
777
798
|
console.error("[AriaFlow Widget] Initialization error:", L);
|
|
778
799
|
}
|
|
779
|
-
} else t && !e ? (console.warn("[AriaFlow Widget] Direct WebSocket URLs are deprecated. Use agent-url + agent-id instead."), console.error("[AriaFlow Widget] Configuration error: agent-id is required")) :
|
|
800
|
+
} else t && !e ? (console.warn("[AriaFlow Widget] Direct WebSocket URLs are deprecated. Use agent-url + agent-id instead."), console.error("[AriaFlow Widget] Configuration error: agent-id is required")) : s && n ? (console.warn("[AriaFlow Widget] Legacy widget config is deprecated. Use agent-url + agent-id instead."), console.error("[AriaFlow Widget] Configuration error: use agent-url + agent-id instead")) : console.error("[AriaFlow Widget] Invalid configuration. Provide agent-url and agent-id.");
|
|
780
801
|
})(), () => {
|
|
781
802
|
V.current?.dispose();
|
|
782
|
-
}), [t, e, n,
|
|
803
|
+
}), [t, e, n, s]), xe(() => {
|
|
783
804
|
fe.current?.scrollIntoView({ behavior: "smooth" });
|
|
784
805
|
}, [h]);
|
|
785
806
|
const pe = async () => {
|
|
786
|
-
if (
|
|
787
|
-
const y =
|
|
788
|
-
|
|
807
|
+
if (!N.trim() || !$) return;
|
|
808
|
+
const y = N.trim();
|
|
809
|
+
T("");
|
|
789
810
|
try {
|
|
790
811
|
await V.current?.sendMessage(y);
|
|
791
|
-
} catch (
|
|
792
|
-
console.error("Failed to send message:",
|
|
812
|
+
} catch (F) {
|
|
813
|
+
console.error("Failed to send message:", F);
|
|
793
814
|
}
|
|
794
|
-
},
|
|
815
|
+
}, nt = (y) => {
|
|
795
816
|
y.key === "Enter" && !y.shiftKey && (y.preventDefault(), pe());
|
|
796
|
-
},
|
|
797
|
-
|
|
798
|
-
},
|
|
799
|
-
return console.log("[AriaFlow Widget] Rendering widget component", { isInitialized:
|
|
817
|
+
}, ot = (y) => {
|
|
818
|
+
!$ || x || V.current?.sendMessage(y);
|
|
819
|
+
}, st = d || I?.config.title || "Ninewells Hospital", it = b || I?.config.subtitle || "How can we help you today?", rt = S || I?.config.emptyChatMessage || "Start a conversation with Ninewells...";
|
|
820
|
+
return console.log("[AriaFlow Widget] Rendering widget component", { isInitialized: A, isOpen: w, position: a }), /* @__PURE__ */ u(
|
|
800
821
|
"div",
|
|
801
822
|
{
|
|
802
|
-
className: `ariaflow-widget-container ariaflow-widget-${
|
|
803
|
-
"data-theme":
|
|
823
|
+
className: `ariaflow-widget-container ariaflow-widget-${a} ariaflow-widget-${l} ariaflow-widget-radius-${c}`,
|
|
824
|
+
"data-theme": o,
|
|
804
825
|
style: {
|
|
805
|
-
"--ariaflow-accent-color":
|
|
806
|
-
"--ariaflow-base-color":
|
|
826
|
+
"--ariaflow-accent-color": g,
|
|
827
|
+
"--ariaflow-base-color": _
|
|
807
828
|
},
|
|
808
829
|
children: [
|
|
809
|
-
!w && /* @__PURE__ */
|
|
830
|
+
!w && /* @__PURE__ */ u(
|
|
810
831
|
"button",
|
|
811
832
|
{
|
|
812
833
|
className: "ariaflow-widget-launcher",
|
|
@@ -814,15 +835,15 @@ function At({
|
|
|
814
835
|
style: {
|
|
815
836
|
backgroundColor: r,
|
|
816
837
|
color: f,
|
|
817
|
-
opacity:
|
|
818
|
-
cursor:
|
|
838
|
+
opacity: A ? 1 : 0.8,
|
|
839
|
+
cursor: A ? "pointer" : "wait",
|
|
819
840
|
position: "relative"
|
|
820
841
|
},
|
|
821
|
-
"aria-label":
|
|
822
|
-
disabled: !
|
|
823
|
-
title:
|
|
842
|
+
"aria-label": A ? "Open chat" : "Connecting to agent...",
|
|
843
|
+
disabled: !A,
|
|
844
|
+
title: A ? "Click to start chat" : "Connecting to agent...",
|
|
824
845
|
children: [
|
|
825
|
-
!
|
|
846
|
+
!A && /* @__PURE__ */ u(
|
|
826
847
|
"div",
|
|
827
848
|
{
|
|
828
849
|
className: "ariaflow-widget-launcher-loading",
|
|
@@ -840,7 +861,7 @@ function At({
|
|
|
840
861
|
}
|
|
841
862
|
}
|
|
842
863
|
),
|
|
843
|
-
|
|
864
|
+
A && /* @__PURE__ */ u(
|
|
844
865
|
"svg",
|
|
845
866
|
{
|
|
846
867
|
width: "24",
|
|
@@ -849,41 +870,41 @@ function At({
|
|
|
849
870
|
fill: "none",
|
|
850
871
|
stroke: "currentColor",
|
|
851
872
|
strokeWidth: "2",
|
|
852
|
-
children: /* @__PURE__ */
|
|
873
|
+
children: /* @__PURE__ */ u("path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" })
|
|
853
874
|
}
|
|
854
875
|
)
|
|
855
876
|
]
|
|
856
877
|
}
|
|
857
878
|
),
|
|
858
|
-
w &&
|
|
879
|
+
w && A && /* @__PURE__ */ u(
|
|
859
880
|
"div",
|
|
860
881
|
{
|
|
861
882
|
className: "ariaflow-widget-window",
|
|
862
883
|
style: {
|
|
863
|
-
backgroundColor:
|
|
864
|
-
borderRadius:
|
|
884
|
+
backgroundColor: o === "dark" && _ ? _ : void 0,
|
|
885
|
+
borderRadius: ie[c]
|
|
865
886
|
},
|
|
866
887
|
children: [
|
|
867
|
-
/* @__PURE__ */
|
|
888
|
+
/* @__PURE__ */ u(
|
|
868
889
|
"div",
|
|
869
890
|
{
|
|
870
891
|
className: "ariaflow-widget-header",
|
|
871
892
|
style: {
|
|
872
|
-
backgroundColor:
|
|
873
|
-
borderRadius: c === "none" ? "0" : `${
|
|
893
|
+
backgroundColor: g,
|
|
894
|
+
borderRadius: c === "none" ? "0" : `${ie[c]} ${ie[c]} 0 0`
|
|
874
895
|
},
|
|
875
896
|
children: [
|
|
876
|
-
/* @__PURE__ */
|
|
877
|
-
/* @__PURE__ */
|
|
878
|
-
/* @__PURE__ */
|
|
897
|
+
/* @__PURE__ */ u("div", { className: "ariaflow-widget-header-content", children: /* @__PURE__ */ u("div", { className: "ariaflow-widget-title-group", children: [
|
|
898
|
+
/* @__PURE__ */ u("h3", { className: "ariaflow-widget-title", children: st }),
|
|
899
|
+
/* @__PURE__ */ u("p", { className: "ariaflow-widget-subtitle", children: it })
|
|
879
900
|
] }) }),
|
|
880
|
-
/* @__PURE__ */
|
|
901
|
+
/* @__PURE__ */ u(
|
|
881
902
|
"button",
|
|
882
903
|
{
|
|
883
904
|
className: "ariaflow-widget-close",
|
|
884
905
|
onClick: () => p(!1),
|
|
885
906
|
"aria-label": "Close chat",
|
|
886
|
-
children: /* @__PURE__ */
|
|
907
|
+
children: /* @__PURE__ */ u(
|
|
887
908
|
"svg",
|
|
888
909
|
{
|
|
889
910
|
width: "20",
|
|
@@ -893,8 +914,8 @@ function At({
|
|
|
893
914
|
stroke: "currentColor",
|
|
894
915
|
strokeWidth: "2",
|
|
895
916
|
children: [
|
|
896
|
-
/* @__PURE__ */
|
|
897
|
-
/* @__PURE__ */
|
|
917
|
+
/* @__PURE__ */ u("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
|
|
918
|
+
/* @__PURE__ */ u("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
|
|
898
919
|
]
|
|
899
920
|
}
|
|
900
921
|
)
|
|
@@ -903,53 +924,58 @@ function At({
|
|
|
903
924
|
]
|
|
904
925
|
}
|
|
905
926
|
),
|
|
906
|
-
|
|
907
|
-
/* @__PURE__ */
|
|
927
|
+
!$ && /* @__PURE__ */ u("div", { className: "ariaflow-widget-status", children: [
|
|
928
|
+
/* @__PURE__ */ u("span", { className: "ariaflow-widget-status-dot" }),
|
|
908
929
|
"Connecting..."
|
|
909
930
|
] }),
|
|
910
|
-
/* @__PURE__ */
|
|
911
|
-
h.map((y,
|
|
931
|
+
/* @__PURE__ */ u("div", { className: "ariaflow-widget-messages", children: h.length === 0 ? /* @__PURE__ */ u("div", { className: "ariaflow-widget-empty", children: /* @__PURE__ */ u("p", { children: $ ? rt : "Connecting to agent..." }) }) : /* @__PURE__ */ u(U, { children: [
|
|
932
|
+
h.map((y, F) => (h.length - 1, /* @__PURE__ */ u(
|
|
912
933
|
"div",
|
|
913
934
|
{
|
|
914
935
|
className: `ariaflow-widget-message ariaflow-widget-message-${y.role}`,
|
|
915
|
-
children: /* @__PURE__ */
|
|
916
|
-
/* @__PURE__ */
|
|
936
|
+
children: /* @__PURE__ */ u("div", { className: "ariaflow-widget-message-bubble", children: y.role === "tool" ? /* @__PURE__ */ u("div", { className: "ariaflow-widget-tool-message", children: [
|
|
937
|
+
/* @__PURE__ */ u("div", { className: "ariaflow-widget-tool-header", children: [
|
|
917
938
|
"🔧 ",
|
|
918
939
|
y.toolCall?.name
|
|
919
940
|
] }),
|
|
920
|
-
/* @__PURE__ */
|
|
921
|
-
y.toolCall && /* @__PURE__ */
|
|
922
|
-
/* @__PURE__ */
|
|
941
|
+
/* @__PURE__ */ u("div", { className: "ariaflow-widget-tool-content", children: [
|
|
942
|
+
y.toolCall && /* @__PURE__ */ u("div", { className: "ariaflow-widget-tool-args", children: [
|
|
943
|
+
/* @__PURE__ */ u("strong", { children: "Arguments:" }),
|
|
923
944
|
" ",
|
|
924
945
|
JSON.stringify(y.toolCall.arguments, null, 2)
|
|
925
946
|
] }),
|
|
926
|
-
y.toolResult && /* @__PURE__ */
|
|
927
|
-
/* @__PURE__ */
|
|
947
|
+
y.toolResult && /* @__PURE__ */ u("div", { className: "ariaflow-widget-tool-result", children: [
|
|
948
|
+
/* @__PURE__ */ u("strong", { children: "Result:" }),
|
|
928
949
|
" ",
|
|
929
950
|
JSON.stringify(y.toolResult, null, 2)
|
|
930
951
|
] })
|
|
931
952
|
] })
|
|
932
|
-
] }) : /* @__PURE__ */
|
|
953
|
+
] }) : /* @__PURE__ */ u(U, { children: [
|
|
933
954
|
y.content,
|
|
934
|
-
y.isStreaming && /* @__PURE__ */
|
|
935
|
-
/* @__PURE__ */
|
|
936
|
-
/* @__PURE__ */
|
|
937
|
-
/* @__PURE__ */
|
|
955
|
+
y.isStreaming && /* @__PURE__ */ u("span", { className: "ariaflow-widget-typing-indicator", children: [
|
|
956
|
+
/* @__PURE__ */ u("span", { children: "•" }),
|
|
957
|
+
/* @__PURE__ */ u("span", { children: "•" }),
|
|
958
|
+
/* @__PURE__ */ u("span", { children: "•" })
|
|
938
959
|
] })
|
|
939
960
|
] }) })
|
|
940
961
|
},
|
|
941
962
|
y.id
|
|
942
963
|
))),
|
|
943
|
-
/* @__PURE__ */
|
|
964
|
+
/* @__PURE__ */ u("div", { ref: fe }),
|
|
965
|
+
Ze && !x && /* @__PURE__ */ u("div", { className: "ariaflow-widget-message ariaflow-widget-message-assistant", children: /* @__PURE__ */ u("div", { className: "ariaflow-widget-message-bubble", children: /* @__PURE__ */ u("span", { className: "ariaflow-widget-typing-indicator", children: [
|
|
966
|
+
/* @__PURE__ */ u("span", { children: "•" }),
|
|
967
|
+
/* @__PURE__ */ u("span", { children: "•" }),
|
|
968
|
+
/* @__PURE__ */ u("span", { children: "•" })
|
|
969
|
+
] }) }) })
|
|
944
970
|
] }) }),
|
|
945
|
-
!
|
|
971
|
+
!x && h.length > 0 && h[h.length - 1].role === "assistant" && h[h.length - 1].suggestions && h[h.length - 1].suggestions.length > 0 && /* @__PURE__ */ u("div", { className: "ariaflow-widget-suggestions", children: h[h.length - 1].suggestions.map((y) => /* @__PURE__ */ u(
|
|
946
972
|
"button",
|
|
947
973
|
{
|
|
948
974
|
className: "ariaflow-widget-chip",
|
|
949
|
-
onClick: () =>
|
|
975
|
+
onClick: () => ot(y),
|
|
950
976
|
style: {
|
|
951
|
-
borderColor:
|
|
952
|
-
color:
|
|
977
|
+
borderColor: g,
|
|
978
|
+
color: g,
|
|
953
979
|
backgroundColor: "rgba(255, 255, 255, 0.95)",
|
|
954
980
|
backdropFilter: "blur(4px)"
|
|
955
981
|
},
|
|
@@ -957,27 +983,27 @@ function At({
|
|
|
957
983
|
},
|
|
958
984
|
y
|
|
959
985
|
)) }),
|
|
960
|
-
/* @__PURE__ */
|
|
961
|
-
/* @__PURE__ */
|
|
986
|
+
/* @__PURE__ */ u("div", { className: "ariaflow-widget-input", children: [
|
|
987
|
+
/* @__PURE__ */ u(
|
|
962
988
|
"textarea",
|
|
963
989
|
{
|
|
964
|
-
value:
|
|
965
|
-
onInput: (y) =>
|
|
966
|
-
onKeyDown:
|
|
967
|
-
placeholder:
|
|
990
|
+
value: N,
|
|
991
|
+
onInput: (y) => T(y.target.value),
|
|
992
|
+
onKeyDown: nt,
|
|
993
|
+
placeholder: $ ? x ? oe > 0 ? `Agent is responding... (${oe} message${oe > 1 ? "s" : ""} queued)` : "Agent is responding..." : "Type your message..." : "Connecting...",
|
|
968
994
|
rows: 1,
|
|
969
|
-
disabled:
|
|
995
|
+
disabled: !$
|
|
970
996
|
}
|
|
971
997
|
),
|
|
972
|
-
/* @__PURE__ */
|
|
998
|
+
/* @__PURE__ */ u(
|
|
973
999
|
"button",
|
|
974
1000
|
{
|
|
975
1001
|
className: "ariaflow-widget-send",
|
|
976
1002
|
onClick: pe,
|
|
977
|
-
disabled:
|
|
978
|
-
style: { backgroundColor:
|
|
1003
|
+
disabled: !N.trim() || !$,
|
|
1004
|
+
style: { backgroundColor: g },
|
|
979
1005
|
"aria-label": "Send message",
|
|
980
|
-
children: /* @__PURE__ */
|
|
1006
|
+
children: /* @__PURE__ */ u(
|
|
981
1007
|
"svg",
|
|
982
1008
|
{
|
|
983
1009
|
width: "18",
|
|
@@ -987,8 +1013,8 @@ function At({
|
|
|
987
1013
|
stroke: "currentColor",
|
|
988
1014
|
strokeWidth: "2",
|
|
989
1015
|
children: [
|
|
990
|
-
/* @__PURE__ */
|
|
991
|
-
/* @__PURE__ */
|
|
1016
|
+
/* @__PURE__ */ u("line", { x1: "22", y1: "2", x2: "11", y2: "13" }),
|
|
1017
|
+
/* @__PURE__ */ u("polygon", { points: "22 2 15 22 11 13 2 9 22 2" })
|
|
992
1018
|
]
|
|
993
1019
|
}
|
|
994
1020
|
)
|
|
@@ -1002,8 +1028,8 @@ function At({
|
|
|
1002
1028
|
}
|
|
1003
1029
|
);
|
|
1004
1030
|
}
|
|
1005
|
-
|
|
1006
|
-
|
|
1031
|
+
ht(
|
|
1032
|
+
$t,
|
|
1007
1033
|
"ariaflow-widget",
|
|
1008
1034
|
// Properties to observe from HTML attributes (mirror Vapi's naming convention)
|
|
1009
1035
|
[
|
|
@@ -1029,12 +1055,12 @@ dt(
|
|
|
1029
1055
|
// Shadow DOM (optional, set to false for light DOM)
|
|
1030
1056
|
!1
|
|
1031
1057
|
);
|
|
1032
|
-
typeof document < "u" && (document.readyState === "loading" ? document.addEventListener("DOMContentLoaded",
|
|
1033
|
-
function
|
|
1058
|
+
typeof document < "u" && (document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", Pe) : Pe());
|
|
1059
|
+
function Pe() {
|
|
1034
1060
|
const t = document.querySelectorAll("ariaflow-widget");
|
|
1035
1061
|
console.log(`[AriaFlow] Initializing ${t.length} widget(s)`);
|
|
1036
1062
|
}
|
|
1037
1063
|
export {
|
|
1038
|
-
|
|
1039
|
-
|
|
1064
|
+
$t as Widget,
|
|
1065
|
+
St as WidgetClient
|
|
1040
1066
|
};
|