@useknest/widget-react 0.1.0-beta.5 → 0.1.0-beta.6

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.
Files changed (3) hide show
  1. package/dist/ChatMessage.d.ts.map +1 -1
  2. package/dist/index.js +47 -47
  3. package/package.json +2 -2
package/dist/ChatMessage.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ChatMessage.d.ts","sourceRoot":"","sources":["../src/ChatMessage.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAGrD,MAAM,WAAW,gBAAgB;IAChC,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,wBAAgB,WAAW,CAAC,EAC3B,OAAO,EACP,SAAiB,EACjB,SAAiC,EACjC,UAAsB,EACtB,UAAiB,EACjB,EAAE,gBAAgB,2CAoFlB"}
1
+ {"version":3,"file":"ChatMessage.d.ts","sourceRoot":"","sources":["../src/ChatMessage.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAGrD,MAAM,WAAW,gBAAgB;IAChC,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,wBAAgB,WAAW,CAAC,EAC3B,OAAO,EACP,SAAiB,EACjB,SAAiC,EACjC,UAAsB,EACtB,UAAiB,EACjB,EAAE,gBAAgB,2CAkFlB"}
package/dist/index.js CHANGED
@@ -1,19 +1,19 @@
1
- (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".knest-chat-card{display:flex;flex-direction:column;height:100%;background:#fff;border-radius:1rem;box-shadow:0 10px 15px -3px #0000001a;overflow:hidden;font-family:system-ui,-apple-system,sans-serif}.knest-loading-container{display:flex;align-items:center;justify-content:center;height:100%;background:linear-gradient(135deg,#fdfbf7,#fff)}.knest-loading-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.knest-spinner-ring{width:3rem;height:3rem;border:3px solid #f3f4f6;border-top-color:#0d7a7f;border-radius:50%;animation:knest-spin .8s linear infinite}@keyframes knest-spin{to{transform:rotate(360deg)}}.knest-loading-text{font-size:.875rem;font-weight:500;color:#6b7280;margin:0}.knest-error-container{display:flex;align-items:center;justify-content:center;height:100%;background:linear-gradient(135deg,#fef2f2,#fff);padding:2rem}.knest-error-content{text-align:center;max-width:300px}.knest-error-text{font-size:.875rem;color:#991b1b;margin:0;line-height:1.5}.knest-header{border-bottom:1px solid #f3f4f6;padding:1rem}.knest-header-content{display:flex;align-items:center;gap:.75rem}.knest-avatar-img{width:2rem;height:2rem;object-fit:cover;border-radius:.25rem}.knest-header h2{font-size:1.125rem;font-weight:600;color:#111827;margin:0 0 .25rem}.knest-badge{display:inline-block;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500;color:#fff}.knest-messages-container{flex:1;overflow-y:auto}.knest-separator{margin:0 1.5rem;border-bottom:1px solid #e5e7eb}.knest-message-wrapper{display:flex;flex-direction:column}.knest-message{display:flex;gap:1rem;padding:1.25rem 1.5rem;align-items:flex-start}.knest-message-avatar{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;flex-shrink:0}.knest-message-avatar .knest-avatar-img{width:100%;height:100%;border-radius:.25rem;object-fit:cover}.knest-user-avatar{width:2rem;height:2rem;border-radius:.25rem;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.875rem;font-weight:500}.knest-message-content{flex:1;min-width:0}.knest-message-content p{margin:0 0 .5rem;font-size:.875rem;line-height:1.625;color:#374151;word-wrap:break-word}.knest-message-content p:last-child{margin-bottom:0}.knest-message-content code{background-color:#f3f4f6;padding:.125rem .375rem;border-radius:.25rem;font-family:ui-monospace,monospace;font-size:.8125rem;color:#ef4444}.knest-message-content pre{background-color:#1f2937;color:#f9fafb;padding:12px;border-radius:6px;overflow-x:auto;margin:8px 0}.knest-message-content pre code{background-color:transparent;padding:0;color:inherit}.knest-message-content a{color:#374151;text-decoration:underline}.knest-message-content ul,.knest-message-content ol{margin:8px 0;padding-left:24px}.knest-message-content li{margin:4px 0}.knest-message-content strong{font-weight:600;color:#111827}.knest-message-content em{font-style:italic}.knest-loading{display:flex;gap:.25rem;align-items:center}.knest-dot{width:.5rem;height:.5rem;background:#9ca3af;border-radius:50%;animation:knest-bounce 1.4s infinite ease-in-out both}.knest-dot:nth-child(2){animation-delay:.16s}.knest-dot:nth-child(3){animation-delay:.32s}@keyframes knest-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.knest-sources{margin-top:.75rem}.knest-sources-label{font-size:.75rem;font-weight:500;color:#6b7280;margin-bottom:.5rem}.knest-source-item{display:flex;gap:.5rem;padding:.5rem .75rem;margin-bottom:.25rem;border:1px solid #e5e7eb;border-radius:.375rem;background:#f9fafb;text-decoration:none;transition:all .15s}.knest-source-item:hover{border-color:#d1d5db;background:#f3f4f6}.knest-source-icon{width:1rem;height:1rem;color:#6b7280;flex-shrink:0}.knest-source-text{flex:1;min-width:0}.knest-source-breadcrumb{font-size:.75rem;color:#6b7280;margin-bottom:.125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.knest-source-title{font-size:.875rem;font-weight:500;color:#374151;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.knest-examples{border-top:1px solid #e5e7eb;padding:1.25rem 1.5rem}.knest-examples h3{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;margin:0 0 1rem}.knest-example-btn{width:100%;padding:.75rem;margin-bottom:.75rem;border:1px solid #e5e7eb;border-radius:.5rem;background:#fff;text-align:left;font-size:.875rem;color:#374151;cursor:pointer;transition:background .15s}.knest-example-btn:hover{background:#f9fafb}.knest-input-section{border-top:1px solid #f3f4f6;padding:1rem}.knest-input-wrapper{display:flex;align-items:center;gap:.5rem}.knest-input-field{flex:1;padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:.5rem;background:#f9fafb;font-size:.875rem;color:#374151;outline:none}.knest-input-field:focus{background:#fff;border-color:#d1d5db}.knest-input-field:disabled{opacity:.5}.knest-send-btn{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border:none;border-radius:.5rem;background:#e5e7eb;color:#6b7280;cursor:pointer;transition:background .15s}.knest-send-btn:hover:not(:disabled){background:#d1d5db}.knest-send-btn:disabled{opacity:.5;cursor:not-allowed}.knest-send-icon{width:1rem;height:1rem}.knest-footer{margin-top:.75rem;display:flex;justify-content:center}.knest-powered-by{display:flex;align-items:center;gap:.125rem;font-size:.75rem;color:#6b7280;text-decoration:none;transition:color .15s}.knest-powered-by:hover{color:#374151}.knest-bubble-container{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;align-items:flex-end;gap:16px;font-family:system-ui,-apple-system,sans-serif}.knest-bubble-button{width:56px;height:56px;border-radius:50%;border:none;color:#fff;cursor:pointer;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;justify-content:center;transition:transform .2s,box-shadow .2s}.knest-bubble-button:hover{transform:scale(1.05);box-shadow:0 6px 16px #0003}.knest-bubble-panel{width:380px;height:520px;max-width:calc(100vw - 48px);max-height:calc(100vh - 100px);border-radius:.5rem;overflow:hidden}.knest-bubble-panel .knest-chat-card{height:100%;border-radius:.5rem;box-shadow:0 10px 40px #00000026}@media (max-width: 440px){.knest-bubble-container{bottom:16px;right:16px}.knest-bubble-panel{width:calc(100vw - 32px);height:calc(100vh - 100px)}}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
1
+ (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".knest-chat-card{display:flex;flex-direction:column;height:100%;background:#fff;border-radius:1rem;box-shadow:0 10px 15px -3px #0000001a;overflow:hidden;font-family:system-ui,-apple-system,sans-serif}.knest-loading-container{display:flex;align-items:center;justify-content:center;height:100%;background:linear-gradient(135deg,#fdfbf7,#fff)}.knest-loading-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.knest-spinner-ring{width:3rem;height:3rem;border:3px solid #f3f4f6;border-top-color:#0d7a7f;border-radius:50%;animation:knest-spin .8s linear infinite}@keyframes knest-spin{to{transform:rotate(360deg)}}.knest-loading-text{font-size:.875rem;font-weight:500;color:#6b7280;margin:0}.knest-error-container{display:flex;align-items:center;justify-content:center;height:100%;background:linear-gradient(135deg,#fef2f2,#fff);padding:2rem}.knest-error-content{text-align:center;max-width:300px}.knest-error-text{font-size:.875rem;color:#991b1b;margin:0;line-height:1.5}.knest-header{border-bottom:1px solid #f3f4f6;padding:1rem}.knest-header-content{display:flex;align-items:center;gap:.75rem}.knest-avatar-img{width:2rem;height:2rem;object-fit:cover;border-radius:.25rem}.knest-header h2{font-size:1.125rem;font-weight:600;color:#111827;margin:0 0 .25rem}.knest-badge{display:inline-block;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500;color:#fff}.knest-messages-container{flex:1;overflow-y:auto}.knest-separator{margin:0 1.5rem;border-bottom:1px solid #e5e7eb}.knest-message-wrapper{display:flex;flex-direction:column}.knest-message{display:flex;gap:1rem;padding:1.25rem 1.5rem;align-items:flex-start}.knest-message-avatar{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;flex-shrink:0}.knest-message-avatar .knest-avatar-img{width:100%;height:100%;border-radius:.25rem;object-fit:cover}.knest-user-avatar{width:2rem;height:2rem;border-radius:.25rem;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.875rem;font-weight:500}.knest-message-content{flex:1;min-width:0}.knest-message-content p{margin:0 0 .5rem;font-size:.875rem;line-height:1.625;color:#374151;word-wrap:break-word}.knest-message-content p:last-child{margin-bottom:0}.knest-message-content code{background-color:#f3f4f6;padding:.125rem .375rem;border-radius:.25rem;font-family:ui-monospace,monospace;font-size:.8125rem;color:#ef4444}.knest-message-content pre{background-color:#1f2937;color:#f9fafb;padding:12px;border-radius:6px;overflow-x:auto;margin:8px 0}.knest-message-content pre code{background-color:transparent;padding:0;color:inherit;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8125rem;line-height:1.5}.knest-message-content .token.keyword,.knest-message-content .token.builtin,.knest-message-content .token.tag{color:#ff7b72}.knest-message-content .token.string,.knest-message-content .token.attr-value{color:#a5d6ff}.knest-message-content .token.number,.knest-message-content .token.boolean{color:#79c0ff}.knest-message-content .token.function,.knest-message-content .token.class-name{color:#d2a8ff}.knest-message-content .token.comment{color:#8b949e;font-style:italic}.knest-message-content .token.variable,.knest-message-content .token.property{color:#ffa657}.knest-message-content .token.operator,.knest-message-content .token.punctuation{color:#c9d1d9}.knest-message-content a{color:#374151;text-decoration:underline}.knest-message-content ul,.knest-message-content ol{margin:8px 0;padding-left:24px}.knest-message-content li{margin:4px 0}.knest-message-content strong{font-weight:600;color:#111827}.knest-message-content em{font-style:italic}.knest-loading{display:flex;gap:.25rem;align-items:center}.knest-dot{width:.5rem;height:.5rem;background:#9ca3af;border-radius:50%;animation:knest-bounce 1.4s infinite ease-in-out both}.knest-dot:nth-child(2){animation-delay:.16s}.knest-dot:nth-child(3){animation-delay:.32s}@keyframes knest-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.knest-sources{margin-top:.75rem}.knest-sources-label{font-size:.75rem;font-weight:500;color:#6b7280;margin-bottom:.5rem}.knest-source-item{display:flex;gap:.5rem;padding:.5rem .75rem;margin-bottom:.25rem;border:1px solid #e5e7eb;border-radius:.375rem;background:#f9fafb;text-decoration:none;transition:all .15s}.knest-source-item:hover{border-color:#d1d5db;background:#f3f4f6}.knest-source-icon{width:1rem;height:1rem;color:#6b7280;flex-shrink:0}.knest-source-text{flex:1;min-width:0}.knest-source-breadcrumb{font-size:.75rem;color:#6b7280;margin-bottom:.125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.knest-source-title{font-size:.875rem;font-weight:500;color:#374151;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.knest-examples{border-top:1px solid #e5e7eb;padding:1.25rem 1.5rem}.knest-examples h3{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;margin:0 0 1rem}.knest-example-btn{width:100%;padding:.75rem;margin-bottom:.75rem;border:1px solid #e5e7eb;border-radius:.5rem;background:#fff;text-align:left;font-size:.875rem;color:#374151;cursor:pointer;transition:background .15s}.knest-example-btn:hover{background:#f9fafb}.knest-input-section{border-top:1px solid #f3f4f6;padding:1rem}.knest-input-wrapper{display:flex;align-items:center;gap:.5rem}.knest-input-field{flex:1;padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:.5rem;background:#f9fafb;font-size:.875rem;color:#374151;outline:none}.knest-input-field:focus{background:#fff;border-color:#d1d5db}.knest-input-field:disabled{opacity:.5}.knest-send-btn{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border:none;border-radius:.5rem;background:#e5e7eb;color:#6b7280;cursor:pointer;transition:background .15s}.knest-send-btn:hover:not(:disabled){background:#d1d5db}.knest-send-btn:disabled{opacity:.5;cursor:not-allowed}.knest-send-icon{width:1rem;height:1rem}.knest-footer{margin-top:.75rem;display:flex;justify-content:center}.knest-powered-by{display:flex;align-items:center;gap:.125rem;font-size:.75rem;color:#6b7280;text-decoration:none;transition:color .15s}.knest-powered-by:hover{color:#374151}.knest-bubble-container{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;align-items:flex-end;gap:16px;font-family:system-ui,-apple-system,sans-serif}.knest-bubble-button{width:56px;height:56px;border-radius:50%;border:none;color:#fff;cursor:pointer;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;justify-content:center;transition:transform .2s,box-shadow .2s}.knest-bubble-button:hover{transform:scale(1.05);box-shadow:0 6px 16px #0003}.knest-bubble-panel{width:380px;height:520px;max-width:calc(100vw - 48px);max-height:calc(100vh - 100px);border-radius:.5rem;overflow:hidden}.knest-bubble-panel .knest-chat-card{height:100%;border-radius:.5rem;box-shadow:0 10px 40px #00000026}@media (max-width: 440px){.knest-bubble-container{bottom:16px;right:16px}.knest-bubble-panel{width:calc(100vw - 32px);height:calc(100vh - 100px)}}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
2
2
  import { jsx as e, jsxs as s } from "react/jsx-runtime";
3
3
  import { useState as o, useRef as P, useEffect as R } from "react";
4
4
  import { formatContent as Q, DEFAULT_AVATAR_URL as z, DEFAULT_EXAMPLE_QUESTIONS as K, DEFAULT_BRAND_COLOR as G, initWidgetSentry as H, AUTH_ERROR_MESSAGE as V, fetchWidgetConfig as X, initWidgetAuth as $, DEFAULT_WELCOME_MESSAGE as J, streamChatMessage as Y, captureWidgetException as Z } from "@useknest/widget-core";
5
5
  function q({
6
6
  message: r,
7
- isLoading: d = !1,
7
+ isLoading: i = !1,
8
8
  avatarUrl: x = "/default-avatar.svg",
9
9
  brandColor: g = "#0d7a7f",
10
- showAvatar: m = !0
10
+ showAvatar: k = !0
11
11
  }) {
12
12
  const [L, v] = o(!1), p = () => {
13
13
  v(!0);
14
- }, E = r.content ? Q(r.content) : [];
14
+ }, E = r.content ? Q(r.content) : "";
15
15
  return /* @__PURE__ */ e("div", { className: "knest-message-wrapper", children: /* @__PURE__ */ s("div", { className: "knest-message", children: [
16
- m && /* @__PURE__ */ e("div", { className: "knest-message-avatar", children: r.role === "assistant" ? L ? /* @__PURE__ */ e("div", { className: "knest-user-avatar", style: { backgroundColor: g }, children: "AI" }) : /* @__PURE__ */ e(
16
+ k && /* @__PURE__ */ e("div", { className: "knest-message-avatar", children: r.role === "assistant" ? L ? /* @__PURE__ */ e("div", { className: "knest-user-avatar", style: { backgroundColor: g }, children: "AI" }) : /* @__PURE__ */ e(
17
17
  "img",
18
18
  {
19
19
  src: x,
@@ -23,17 +23,17 @@ function q({
23
23
  }
24
24
  ) : /* @__PURE__ */ e("div", { className: "knest-user-avatar", style: { backgroundColor: g }, children: "U" }) }),
25
25
  /* @__PURE__ */ s("div", { className: "knest-message-content", children: [
26
- !r.content && d && r.role === "assistant" ? /* @__PURE__ */ s("div", { className: "knest-loading", children: [
26
+ !r.content && i && r.role === "assistant" ? /* @__PURE__ */ s("div", { className: "knest-loading", children: [
27
27
  /* @__PURE__ */ e("div", { className: "knest-dot" }),
28
28
  /* @__PURE__ */ e("div", { className: "knest-dot" }),
29
29
  /* @__PURE__ */ e("div", { className: "knest-dot" })
30
- ] }) : E.map((c, l) => /* @__PURE__ */ e("p", { dangerouslySetInnerHTML: { __html: c.html } }, l)),
30
+ ] }) : /* @__PURE__ */ e("div", { dangerouslySetInnerHTML: { __html: E } }),
31
31
  r.sources && r.sources.length > 0 && /* @__PURE__ */ s("div", { className: "knest-sources", children: [
32
32
  /* @__PURE__ */ e("div", { className: "knest-sources-label", children: "Sources" }),
33
- r.sources.slice(0, 1).map((c, l) => /* @__PURE__ */ s(
33
+ r.sources.slice(0, 1).map((l, m) => /* @__PURE__ */ s(
34
34
  "a",
35
35
  {
36
- href: c.url,
36
+ href: l.url,
37
37
  target: "_blank",
38
38
  rel: "noopener noreferrer",
39
39
  className: "knest-source-item",
@@ -57,12 +57,12 @@ function q({
57
57
  }
58
58
  ),
59
59
  /* @__PURE__ */ s("div", { className: "knest-source-text", children: [
60
- c.breadcrumb && /* @__PURE__ */ e("div", { className: "knest-source-breadcrumb", children: c.breadcrumb }),
61
- /* @__PURE__ */ e("div", { className: "knest-source-title", children: c.title })
60
+ l.breadcrumb && /* @__PURE__ */ e("div", { className: "knest-source-breadcrumb", children: l.breadcrumb }),
61
+ /* @__PURE__ */ e("div", { className: "knest-source-title", children: l.title })
62
62
  ] })
63
63
  ]
64
64
  },
65
- l
65
+ m
66
66
  ))
67
67
  ] })
68
68
  ] })
@@ -70,77 +70,77 @@ function q({
70
70
  }
71
71
  function se({
72
72
  publishableApiKey: r,
73
- baseUrl: d,
73
+ baseUrl: i,
74
74
  mode: x = "inline",
75
75
  defaultOpen: g = !1
76
76
  }) {
77
- const [m, L] = o(null), [v, p] = o(!0), [E, c] = o(null), [l, T] = o(!1), [h, u] = o([]), [C, y] = o(""), [N, _] = o(!1), [A, B] = o(void 0), [b, O] = o(g), M = P(null), U = m?.avatarUrl || z, j = m?.exampleQuestions || K, w = m?.brandColor || G;
77
+ const [k, L] = o(null), [v, p] = o(!0), [E, l] = o(null), [m, T] = o(!1), [d, h] = o([]), [C, y] = o(""), [N, _] = o(!1), [A, B] = o(void 0), [b, O] = o(g), M = P(null), U = k?.avatarUrl || z, j = k?.exampleQuestions || K, w = k?.brandColor || G;
78
78
  R(() => {
79
79
  H(), (async () => {
80
- const t = await X(r, d);
80
+ const t = await X(r, i);
81
81
  if (t.error) {
82
- c(t.error), p(!1);
82
+ l(t.error), p(!1);
83
83
  return;
84
84
  }
85
85
  if (L(t.config), t.config) {
86
- const k = await $(
86
+ const u = await $(
87
87
  t.config.supabaseUrl,
88
88
  t.config.supabaseAnonKey
89
89
  );
90
- k || console.warn("Widget auth initialization failed"), T(k);
90
+ u || console.warn("Widget auth initialization failed"), T(u);
91
91
  }
92
- p(!1), u([
92
+ p(!1), h([
93
93
  {
94
94
  role: "assistant",
95
95
  content: t.config?.welcomeMessage || J
96
96
  }
97
97
  ]);
98
98
  })();
99
- }, [r, d]), R(() => {
100
- h.length > 0 && M.current && M.current.scrollIntoView({ behavior: "smooth" });
101
- }, [h]);
99
+ }, [r, i]), R(() => {
100
+ d.length > 0 && M.current && M.current.scrollIntoView({ behavior: "smooth" });
101
+ }, [d]);
102
102
  const W = async () => {
103
- if (!C.trim() || N || !l) return;
103
+ if (!C.trim() || N || !m) return;
104
104
  const n = C.trim();
105
- y(""), _(!0), u((a) => [...a, { role: "user", content: n }]);
106
- const t = h.length + 1;
107
- u((a) => [...a, { role: "assistant", content: "" }]);
108
- let k = "", S = [];
105
+ y(""), _(!0), h((a) => [...a, { role: "user", content: n }]);
106
+ const t = d.length + 1;
107
+ h((a) => [...a, { role: "assistant", content: "" }]);
108
+ let u = "", S = [];
109
109
  await Y({
110
110
  publishableApiKey: r,
111
111
  content: n,
112
112
  threadId: A,
113
- baseUrl: d,
113
+ baseUrl: i,
114
114
  callbacks: {
115
115
  onInit: (a) => {
116
116
  A || B(a);
117
117
  },
118
118
  onContent: (a) => {
119
- k += a, u((f) => {
120
- const i = [...f];
121
- return i[t] = {
119
+ u += a, h((f) => {
120
+ const c = [...f];
121
+ return c[t] = {
122
122
  role: "assistant",
123
- content: k
124
- }, i;
123
+ content: u
124
+ }, c;
125
125
  });
126
126
  },
127
127
  onComplete: (a) => {
128
- S = a, u((f) => {
129
- const i = [...f];
130
- return i[t] = {
128
+ S = a, h((f) => {
129
+ const c = [...f];
130
+ return c[t] = {
131
131
  role: "assistant",
132
- content: k,
132
+ content: u,
133
133
  sources: S
134
- }, i;
134
+ }, c;
135
135
  });
136
136
  },
137
137
  onError: (a) => {
138
- Z(a, { userMessage: n, threadId: A, baseUrl: d }), u((f) => {
139
- const i = [...f];
140
- return i[t] = {
138
+ Z(a, { userMessage: n, threadId: A, baseUrl: i }), h((f) => {
139
+ const c = [...f];
140
+ return c[t] = {
141
141
  role: "assistant",
142
142
  content: `Error: ${a}`
143
- }, i;
143
+ }, c;
144
144
  });
145
145
  }
146
146
  }
@@ -154,7 +154,7 @@ function se({
154
154
  /* @__PURE__ */ e("p", { className: "knest-loading-text", children: "Loading chat..." })
155
155
  ] }) }) }) : E === "auth" ? /* @__PURE__ */ e("div", { className: "knest-chat-card", children: /* @__PURE__ */ e("div", { className: "knest-error-container", children: /* @__PURE__ */ e("div", { className: "knest-error-content", children: /* @__PURE__ */ e("p", { className: "knest-error-text", children: V }) }) }) }) : /* @__PURE__ */ s("div", { className: "knest-chat-card", children: [
156
156
  /* @__PURE__ */ s("div", { className: "knest-messages-container", children: [
157
- h.map((n, t) => /* @__PURE__ */ s("div", { children: [
157
+ d.map((n, t) => /* @__PURE__ */ s("div", { children: [
158
158
  /* @__PURE__ */ e(
159
159
  q,
160
160
  {
@@ -164,9 +164,9 @@ function se({
164
164
  brandColor: w
165
165
  }
166
166
  ),
167
- t < h.length - 1 && /* @__PURE__ */ e("div", { className: "knest-separator" })
167
+ t < d.length - 1 && /* @__PURE__ */ e("div", { className: "knest-separator" })
168
168
  ] }, t)),
169
- h.length === 1 && !v && /* @__PURE__ */ s("div", { className: "knest-examples", children: [
169
+ d.length === 1 && !v && /* @__PURE__ */ s("div", { className: "knest-examples", children: [
170
170
  /* @__PURE__ */ e("h3", { children: "Example Questions" }),
171
171
  j.map((n, t) => /* @__PURE__ */ e(
172
172
  "button",
@@ -191,7 +191,7 @@ function se({
191
191
  onChange: (n) => y(n.target.value),
192
192
  onKeyPress: D,
193
193
  placeholder: "Ask me anything...",
194
- disabled: N || !l,
194
+ disabled: N || !m,
195
195
  className: "knest-input-field"
196
196
  }
197
197
  ),
@@ -199,7 +199,7 @@ function se({
199
199
  "button",
200
200
  {
201
201
  onClick: W,
202
- disabled: N || !C.trim() || !l,
202
+ disabled: N || !C.trim() || !m,
203
203
  className: "knest-send-btn",
204
204
  "aria-label": "Send message",
205
205
  children: /* @__PURE__ */ e("svg", { className: "knest-send-icon", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e(
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@useknest/widget-react",
3
- "version": "0.1.0-beta.5",
3
+ "version": "0.1.0-beta.6",
4
4
  "type": "module",
5
5
  "description": "Native React component for Knest chat widget",
6
6
  "files": [
@@ -22,7 +22,7 @@
22
22
  "react-dom": "^18.0.0 || ^19.0.0"
23
23
  },
24
24
  "dependencies": {
25
- "@useknest/widget-core": "0.1.0-beta.5"
25
+ "@useknest/widget-core": "0.1.0-beta.6"
26
26
  },
27
27
  "devDependencies": {
28
28
  "@types/react": "^18.3.3",