@useknest/widget-react 0.1.0-beta.10 → 0.1.0-beta.12

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 (5) hide show
  1. package/dist/ChatMessage.d.ts +4 -1
  2. package/dist/ChatMessage.d.ts.map +1 -1
  3. package/dist/ChatWidget.d.ts.map +1 -1
  4. package/dist/index.js +326 -134
  5. package/package.json +2 -2
package/dist/ChatMessage.d.ts CHANGED
@@ -5,6 +5,9 @@ export interface ChatMessageProps {
5
5
  avatarUrl?: string;
6
6
  brandColor?: string;
7
7
  showAvatar?: boolean;
8
+ /** Required for lazy signed URL resolution (widget context). */
9
+ publishableApiKey?: string;
10
+ baseUrl?: string;
8
11
  }
9
- export declare function ChatMessage({ message, isLoading, avatarUrl, brandColor, showAvatar }: ChatMessageProps): import("react/jsx-runtime").JSX.Element;
12
+ export declare function ChatMessage({ message, isLoading, avatarUrl, brandColor, showAvatar, publishableApiKey, baseUrl }: ChatMessageProps): import("react/jsx-runtime").JSX.Element;
10
13
  //# sourceMappingURL=ChatMessage.d.ts.map
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,UAAgC,EAChC,UAAiB,EACjB,EAAE,gBAAgB,2CAkFlB"}
1
+ {"version":3,"file":"ChatMessage.d.ts","sourceRoot":"","sources":["../src/ChatMessage.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,OAAO,EAAc,MAAM,uBAAuB,CAAC;AAGjE,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;IACrB,gEAAgE;IAChE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,WAAW,CAAC,EAC3B,OAAO,EACP,SAAiB,EACjB,SAAiC,EACjC,UAAgC,EAChC,UAAiB,EACjB,iBAAiB,EACjB,OAAO,EACP,EAAE,gBAAgB,2CAgKlB"}
package/dist/ChatWidget.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ChatWidget.d.ts","sourceRoot":"","sources":["../src/ChatWidget.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAKX,UAAU,EACV,MAAM,uBAAuB,CAAC;AAK/B,4EAA4E;AAC5E,MAAM,WAAW,cAAc;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,eAAe;IAC/B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,qGAAqG;IACrG,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,uEAAuE;IACvE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,4EAA4E;IAC5E,SAAS,CAAC,EAAE,cAAc,CAAC;CAC3B;AAED,wBAAgB,UAAU,CAAC,EAC1B,iBAAiB,EACjB,IAAe,EACf,WAAmB,EACnB,SAAS,EACT,EAAE,eAAe,2CAyYjB"}
1
+ {"version":3,"file":"ChatWidget.d.ts","sourceRoot":"","sources":["../src/ChatWidget.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAMX,UAAU,EACV,MAAM,uBAAuB,CAAC;AAK/B,4EAA4E;AAC5E,MAAM,WAAW,cAAc;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,eAAe;IAC/B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,qGAAqG;IACrG,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,uEAAuE;IACvE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,4EAA4E;IAC5E,SAAS,CAAC,EAAE,cAAc,CAAC;CAC3B;AAED,wBAAgB,UAAU,CAAC,EAC1B,iBAAiB,EACjB,IAAe,EACf,WAAmB,EACnB,SAAS,EACT,EAAE,eAAe,2CA0iBjB"}
package/dist/index.js CHANGED
@@ -1,39 +1,106 @@
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;color:#374151;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:#3b82f6;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:center}.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:inherit;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:inherit;text-decoration:underline}.knest-message-content ul,.knest-message-content ol{margin:8px 0;padding-left:24px}.knest-message-content li{margin:4px 0;color:inherit}.knest-message-content strong{font-weight:600;color:inherit}.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;text-decoration:underline}.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-spinner{animation:knest-spin 1s linear infinite}.knest-bubble-panel{width:380px;height:520px;max-width:calc(100vw - 48px);max-height:calc(100vh - 100px);border-radius:1rem;border:1px solid rgba(0,0,0,.1);box-shadow:0 10px 15px -3px #0000001a;overflow:hidden}.knest-bubble-panel .knest-chat-card{height:100%}@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
- import { jsx as e, jsxs as r } from "react/jsx-runtime";
3
- import { useState as c, useRef as z, useEffect as I } from "react";
4
- import { formatContent as G, DEFAULT_BRAND_COLOR as T, DEFAULT_AVATAR_URL as H, DEFAULT_EXAMPLE_QUESTIONS as V, initWidgetSentry as _, PUBLIC_SUPABASE_URL as q, PUBLIC_SUPABASE_ANON_KEY as X, initWidgetAuth as Y, subscribeToThread as $, AUTH_ERROR_MESSAGE as J, fetchWidgetConfig as Z, DEFAULT_WELCOME_MESSAGE as ee, streamChatMessage as te, captureWidgetException as ne } from "@useknest/widget-core";
5
- function se({
6
- message: o,
7
- isLoading: y = !1,
8
- avatarUrl: E = "/default-avatar.svg",
9
- brandColor: i = T,
10
- showAvatar: v = !0
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;color:#374151;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:#3b82f6;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:center}.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:inherit;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:inherit;text-decoration:underline}.knest-message-content ul,.knest-message-content ol{margin:8px 0;padding-left:24px}.knest-message-content li{margin:4px 0;color:inherit}.knest-message-content strong{font-weight:600;color:inherit}.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-attach-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;flex-shrink:0}.knest-attach-btn:hover:not(:disabled){background:#d1d5db}.knest-attach-btn:disabled{opacity:.4;cursor:not-allowed}.knest-attach-icon{width:1rem;height:1rem}.knest-file-preview{display:flex;flex-wrap:wrap;gap:.375rem;margin-bottom:.5rem}.knest-file-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:9999px;font-size:.75rem;color:#374151;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.knest-chip-remove{background:none;border:none;padding:0;font-size:1rem;line-height:1;color:#9ca3af;cursor:pointer;flex-shrink:0}.knest-chip-remove:hover{color:#374151}.knest-attach-error{font-size:.75rem;color:#dc2626;margin:0 0 .375rem}.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-attachments{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.knest-attachment-image-link{display:inline-block}.knest-attachment-image{max-width:240px;border-radius:.5rem;display:block}.knest-attachment-file{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .625rem;border:1px solid #e5e7eb;border-radius:9999px;background:#f9fafb;text-decoration:none;font-size:.8125rem;color:#374151;transition:background .15s}.knest-attachment-file:hover:not(.knest-attachment-disabled){background:#f3f4f6}.knest-attachment-disabled{opacity:.5;pointer-events:none}.knest-attachment-file-icon{width:.875rem;height:.875rem;color:#6b7280;flex-shrink:0}.knest-attachment-file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}.knest-attachment-file-size{color:#9ca3af;flex-shrink:0}.knest-reset-row{display:flex;justify-content:center;margin-top:.5rem}.knest-reset-btn{background:none;border:none;padding:0;font-size:.75rem;color:#9ca3af;cursor:pointer;transition:color .15s}.knest-reset-btn:hover{color:#6b7280}.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;text-decoration:underline}.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-spinner{animation:knest-spin 1s linear infinite}.knest-bubble-panel{width:380px;height:520px;max-width:calc(100vw - 48px);max-height:calc(100vh - 100px);border-radius:1rem;border:1px solid rgba(0,0,0,.1);box-shadow:0 10px 15px -3px #0000001a;overflow:hidden}.knest-bubble-panel .knest-chat-card{height:100%}@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
+ import { jsx as e, jsxs as l } from "react/jsx-runtime";
3
+ import { useState as h, useEffect as U, useRef as Q } from "react";
4
+ import { fetchSignedUrl as ae, formatContent as oe, DEFAULT_BRAND_COLOR as $, isImageType as le, formatFileSize as ce, DEFAULT_AVATAR_URL as ie, DEFAULT_EXAMPLE_QUESTIONS as de, initWidgetSentry as V, PUBLIC_SUPABASE_URL as he, PUBLIC_SUPABASE_ANON_KEY as ue, initWidgetAuth as me, saveChatStateDebounced as fe, subscribeToThread as ke, AUTH_ERROR_MESSAGE as ge, ACCEPTED_FILE_TYPES_STRING as ve, fetchWidgetConfig as pe, loadChatState as Ce, DEFAULT_WELCOME_MESSAGE as X, validateAttachment as be, MAX_ATTACHMENTS_PER_MESSAGE as Ne, uploadAttachment as Ee, captureWidgetException as Y, streamChatMessage as Le, clearChatState as we } from "@useknest/widget-core";
5
+ function Me({
6
+ message: r,
7
+ isLoading: P = !1,
8
+ avatarUrl: T = "/default-avatar.svg",
9
+ brandColor: u = $,
10
+ showAvatar: L = !0,
11
+ publishableApiKey: w,
12
+ baseUrl: p
11
13
  }) {
12
- const [p, u] = c(!1), C = () => {
13
- u(!0);
14
- }, w = o.content ? G(o.content) : "";
15
- return /* @__PURE__ */ e("div", { className: "knest-message-wrapper", children: /* @__PURE__ */ r("div", { className: "knest-message", children: [
16
- v && /* @__PURE__ */ e("div", { className: "knest-message-avatar", children: o.role === "assistant" ? p ? /* @__PURE__ */ e("div", { className: "knest-user-avatar", style: { backgroundColor: i }, children: "AI" }) : /* @__PURE__ */ e(
14
+ const [y, W] = h(!1), [x, N] = h({});
15
+ U(() => {
16
+ if (!r.attachments?.length || !w) return;
17
+ const s = r.attachments.filter(
18
+ (o) => o.storagePath && !o.url && !x[o.storagePath]
19
+ );
20
+ s.length !== 0 && Promise.all(
21
+ s.map(async (o) => {
22
+ const c = await ae({
23
+ publishableApiKey: w,
24
+ storagePath: o.storagePath,
25
+ baseUrl: p
26
+ });
27
+ return { storagePath: o.storagePath, url: c };
28
+ })
29
+ ).then((o) => {
30
+ const c = {};
31
+ for (const { storagePath: E, url: d } of o)
32
+ d && (c[E] = d);
33
+ Object.keys(c).length > 0 && N((E) => ({ ...E, ...c }));
34
+ });
35
+ }, [r.attachments, w, p]);
36
+ const _ = (s) => s.url || (s.storagePath ? x[s.storagePath] : void 0), m = () => W(!0), f = r.content ? oe(r.content) : "";
37
+ return /* @__PURE__ */ e("div", { className: "knest-message-wrapper", children: /* @__PURE__ */ l("div", { className: "knest-message", children: [
38
+ L && /* @__PURE__ */ e("div", { className: "knest-message-avatar", children: r.role === "assistant" ? y ? /* @__PURE__ */ e("div", { className: "knest-user-avatar", style: { backgroundColor: u }, children: "AI" }) : /* @__PURE__ */ e(
17
39
  "img",
18
40
  {
19
- src: E,
41
+ src: T,
20
42
  alt: "Avatar",
21
43
  className: "knest-avatar-img",
22
- onError: C
44
+ onError: m
23
45
  }
24
- ) : /* @__PURE__ */ e("div", { className: "knest-user-avatar", style: { backgroundColor: i }, children: "U" }) }),
25
- /* @__PURE__ */ r("div", { className: "knest-message-content", children: [
26
- !o.content && y && o.role === "assistant" ? /* @__PURE__ */ r("div", { className: "knest-loading", children: [
46
+ ) : /* @__PURE__ */ e("div", { className: "knest-user-avatar", style: { backgroundColor: u }, children: "U" }) }),
47
+ /* @__PURE__ */ l("div", { className: "knest-message-content", children: [
48
+ !r.content && P && r.role === "assistant" ? /* @__PURE__ */ l("div", { className: "knest-loading", children: [
27
49
  /* @__PURE__ */ e("div", { className: "knest-dot" }),
28
50
  /* @__PURE__ */ e("div", { className: "knest-dot" }),
29
51
  /* @__PURE__ */ e("div", { className: "knest-dot" })
30
- ] }) : /* @__PURE__ */ e("div", { dangerouslySetInnerHTML: { __html: w } }),
31
- o.sources && o.sources.length > 0 && /* @__PURE__ */ r("div", { className: "knest-sources", children: [
52
+ ] }) : /* @__PURE__ */ e("div", { dangerouslySetInnerHTML: { __html: f } }),
53
+ r.attachments && r.attachments.length > 0 && /* @__PURE__ */ e("div", { className: "knest-attachments", children: r.attachments.map((s, o) => {
54
+ const c = _(s);
55
+ return le(s.fileType) ? c ? /* @__PURE__ */ e(
56
+ "a",
57
+ {
58
+ href: c,
59
+ target: "_blank",
60
+ rel: "noopener noreferrer",
61
+ className: "knest-attachment-image-link",
62
+ children: /* @__PURE__ */ e("img", { src: c, alt: s.fileName, className: "knest-attachment-image" })
63
+ },
64
+ o
65
+ ) : null : /* @__PURE__ */ l(
66
+ "a",
67
+ {
68
+ href: c || "#",
69
+ target: "_blank",
70
+ rel: "noopener noreferrer",
71
+ className: ["knest-attachment-file", !c && "knest-attachment-disabled"].filter(Boolean).join(" "),
72
+ children: [
73
+ /* @__PURE__ */ e(
74
+ "svg",
75
+ {
76
+ className: "knest-attachment-file-icon",
77
+ fill: "none",
78
+ stroke: "currentColor",
79
+ viewBox: "0 0 24 24",
80
+ children: /* @__PURE__ */ e(
81
+ "path",
82
+ {
83
+ strokeLinecap: "round",
84
+ strokeLinejoin: "round",
85
+ strokeWidth: "2",
86
+ d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
87
+ }
88
+ )
89
+ }
90
+ ),
91
+ /* @__PURE__ */ e("span", { className: "knest-attachment-file-name", children: s.fileName }),
92
+ /* @__PURE__ */ e("span", { className: "knest-attachment-file-size", children: ce(s.fileSize) })
93
+ ]
94
+ },
95
+ o
96
+ );
97
+ }) }),
98
+ r.sources && r.sources.length > 0 && /* @__PURE__ */ l("div", { className: "knest-sources", children: [
32
99
  /* @__PURE__ */ e("div", { className: "knest-sources-label", children: "Sources" }),
33
- o.sources.slice(0, 1).map((m, k) => /* @__PURE__ */ r(
100
+ r.sources.slice(0, 1).map((s, o) => /* @__PURE__ */ l(
34
101
  "a",
35
102
  {
36
- href: m.url,
103
+ href: s.url,
37
104
  target: "_blank",
38
105
  rel: "noopener noreferrer",
39
106
  className: "knest-source-item",
@@ -56,163 +123,287 @@ function se({
56
123
  )
57
124
  }
58
125
  ),
59
- /* @__PURE__ */ r("div", { className: "knest-source-text", children: [
60
- m.breadcrumb && /* @__PURE__ */ e("div", { className: "knest-source-breadcrumb", children: m.breadcrumb }),
61
- /* @__PURE__ */ e("div", { className: "knest-source-title", children: m.title })
126
+ /* @__PURE__ */ l("div", { className: "knest-source-text", children: [
127
+ s.breadcrumb && /* @__PURE__ */ e("div", { className: "knest-source-breadcrumb", children: s.breadcrumb }),
128
+ /* @__PURE__ */ e("div", { className: "knest-source-title", children: s.title })
62
129
  ] })
63
130
  ]
64
131
  },
65
- k
132
+ o
66
133
  ))
67
134
  ] })
68
135
  ] })
69
136
  ] }) });
70
137
  }
71
- function le({
72
- publishableApiKey: o,
73
- mode: y = "inline",
74
- defaultOpen: E = !1,
75
- _internal: i
138
+ function Ae({
139
+ publishableApiKey: r,
140
+ mode: P = "inline",
141
+ defaultOpen: T = !1,
142
+ _internal: u
76
143
  }) {
77
- const [v, p] = c(null), [u, C] = c(!0), [w, m] = c(null), [k, R] = c(!1), [f, h] = c([]), [N, A] = c(""), [L, S] = c(!1), [g, O] = c(void 0), [x, P] = c(E), M = z(null), j = v?.avatarUrl || H, D = v?.exampleQuestions || V, U = v?.brandColor || T;
78
- I(() => {
79
- typeof requestIdleCallback < "u" ? requestIdleCallback(() => _()) : setTimeout(() => _(), 0);
80
- const t = i?.supabaseUrl || q, s = i?.supabaseAnonKey || X, d = Y(t, s);
144
+ const [L, w] = h(null), [p, y] = h(!0), [W, x] = h(null), [N, _] = h(!1), [m, f] = h([]), [s, o] = h(""), [c, E] = h(!1), [d, B] = h(void 0), [A, q] = h(T), [S, I] = h([]), [R, j] = h(!1), [z, M] = h(null), D = Q(null), G = Q(null), J = L?.avatarUrl || ie, Z = L?.exampleQuestions || de, O = L?.brandColor || $;
145
+ U(() => {
146
+ typeof requestIdleCallback < "u" ? requestIdleCallback(() => V()) : setTimeout(() => V(), 0);
147
+ const t = u?.supabaseUrl || he, n = u?.supabaseAnonKey || ue, k = me(t, n);
81
148
  (async () => {
82
- const n = await Z(
83
- o,
84
- i?.baseUrl,
85
- (l) => {
86
- p(l);
149
+ const g = await pe(
150
+ r,
151
+ u?.baseUrl,
152
+ (v) => {
153
+ w(v);
87
154
  }
88
155
  );
89
- if (n.error) {
90
- m(n.error), C(!1);
156
+ if (g.error) {
157
+ x(g.error), y(!1);
91
158
  return;
92
159
  }
93
- p(n.config), C(!1), h([
160
+ w(g.config), y(!1);
161
+ const C = Ce(r);
162
+ C && C.messages.length > 0 ? (f(C.messages), B(C.threadId), o(C.input)) : f([
94
163
  {
95
164
  role: "assistant",
96
- content: n.config?.welcomeMessage || ee
165
+ content: g.config?.welcomeMessage || X
97
166
  }
98
167
  ]);
99
- const a = await d;
100
- a || console.warn("Widget auth initialization failed"), R(a);
168
+ const a = await k;
169
+ a || console.warn("Widget auth initialization failed"), _(a);
101
170
  })();
102
- }, [o, i]), I(() => {
103
- f.length > 0 && M.current && M.current.scrollIntoView({ behavior: "smooth" });
104
- }, [f]), I(() => !g || !k ? void 0 : $(g, (s) => {
105
- s.role === "human" && h(
106
- (d) => d.some((b) => b.id === s.id) ? d : [...d, { id: s.id, role: "assistant", content: s.content }]
171
+ }, [r, u]), U(() => {
172
+ m.length > 0 && D.current && D.current.scrollIntoView({ behavior: "smooth" });
173
+ }, [m]), U(() => {
174
+ m.length <= 1 && !s || fe(r, {
175
+ threadId: d,
176
+ messages: m,
177
+ input: s,
178
+ savedAt: Date.now()
179
+ });
180
+ }, [m, d, s, r]), U(() => !d || !N ? void 0 : ke(d, (n) => {
181
+ if (n.role !== "human") return;
182
+ const k = n.metadata?.attachments ?? [];
183
+ f(
184
+ (i) => i.some((g) => g.id === n.id) ? i : [
185
+ ...i,
186
+ {
187
+ id: n.id,
188
+ role: "assistant",
189
+ content: n.content,
190
+ ...k.length > 0 ? { attachments: k } : {}
191
+ }
192
+ ]
107
193
  );
108
- }), [g, k]);
109
- const W = async () => {
110
- if (!N.trim() || L || !k) return;
111
- const t = N.trim();
112
- A(""), S(!0), h((n) => [...n, { role: "user", content: t }]);
113
- const s = f.length + 1;
114
- h((n) => [...n, { role: "assistant", content: "" }]);
115
- let d = "", b = [];
116
- await te({
117
- publishableApiKey: o,
194
+ }), [d, N]);
195
+ const K = (t) => {
196
+ const n = Array.from(t.target.files || []);
197
+ t.target.value = "", M(null);
198
+ for (const k of n) {
199
+ const i = be(k);
200
+ if (i) {
201
+ M(i);
202
+ return;
203
+ }
204
+ }
205
+ I((k) => {
206
+ const i = Ne - k.length;
207
+ return [...k, ...n.slice(0, i)];
208
+ });
209
+ }, ee = (t) => {
210
+ I((n) => n.filter((k, i) => i !== t));
211
+ }, F = async () => {
212
+ if (!s.trim() || c || !N) return;
213
+ const t = s.trim();
214
+ o(""), E(!0), M(null);
215
+ let n = [];
216
+ if (S.length > 0 && d) {
217
+ j(!0);
218
+ try {
219
+ n = await Promise.all(
220
+ S.map(
221
+ (a) => Ee({
222
+ publishableApiKey: r,
223
+ threadId: d,
224
+ file: a,
225
+ baseUrl: u?.baseUrl
226
+ })
227
+ )
228
+ );
229
+ } catch (a) {
230
+ Y(a instanceof Error ? a.message : "Upload failed", {
231
+ threadId: d,
232
+ baseUrl: u?.baseUrl
233
+ }), M(a instanceof Error ? a.message : "Upload failed."), E(!1), j(!1);
234
+ return;
235
+ }
236
+ j(!1), I([]);
237
+ }
238
+ const k = n.length > 0 ? { attachments: n } : void 0;
239
+ f((a) => [
240
+ ...a,
241
+ { role: "user", content: t, ...n.length > 0 ? { attachments: n } : {} }
242
+ ]);
243
+ const i = m.length + 1;
244
+ f((a) => [...a, { role: "assistant", content: "" }]);
245
+ let g = "", C = [];
246
+ await Le({
247
+ publishableApiKey: r,
118
248
  content: t,
119
- threadId: g,
120
- baseUrl: i?.baseUrl,
249
+ threadId: d,
250
+ baseUrl: u?.baseUrl,
251
+ metadata: k,
121
252
  callbacks: {
122
- onInit: (n) => {
123
- g || O(n);
253
+ onInit: (a) => {
254
+ d || B(a);
124
255
  },
125
- onContent: (n) => {
126
- d += n, h((a) => {
127
- const l = [...a];
128
- return l[s] = {
256
+ onContent: (a) => {
257
+ g += a, f((v) => {
258
+ const b = [...v];
259
+ return b[i] = {
129
260
  role: "assistant",
130
- content: d
131
- }, l;
261
+ content: g
262
+ }, b;
132
263
  });
133
264
  },
134
- onComplete: (n) => {
135
- b = n, h((a) => {
136
- const l = [...a];
137
- return l[s] = {
265
+ onComplete: (a) => {
266
+ C = a, f((v) => {
267
+ const b = [...v];
268
+ return b[i] = {
138
269
  role: "assistant",
139
- content: d,
140
- sources: b
141
- }, l;
270
+ content: g,
271
+ sources: C
272
+ }, b;
142
273
  });
143
274
  },
144
- onDone: ({ humanTakeover: n }) => {
145
- n && h((a) => [
146
- ...a.slice(0, s),
147
- ...a.slice(s + 1)
275
+ onDone: ({ humanTakeover: a }) => {
276
+ a && f((v) => [
277
+ ...v.slice(0, i),
278
+ ...v.slice(i + 1)
148
279
  ]);
149
280
  },
150
- onError: (n) => {
151
- ne(n, { userMessage: t, threadId: g, baseUrl: i?.baseUrl }), h((a) => {
152
- const l = [...a];
153
- return l[s] = {
281
+ onError: (a) => {
282
+ Y(a, { userMessage: t, threadId: d, baseUrl: u?.baseUrl }), f((v) => {
283
+ const b = [...v];
284
+ return b[i] = {
154
285
  role: "assistant",
155
- content: `Error: ${n}`
156
- }, l;
286
+ content: `Error: ${a}`
287
+ }, b;
157
288
  });
158
289
  }
159
290
  }
160
- }), S(!1);
161
- }, K = (t) => {
162
- t.key === "Enter" && !t.shiftKey && (t.preventDefault(), W());
163
- }, F = async (t) => {
164
- A(t), setTimeout(() => W(), 0);
165
- }, B = u ? /* @__PURE__ */ e("div", { className: "knest-chat-card", children: /* @__PURE__ */ e("div", { className: "knest-loading-container", children: /* @__PURE__ */ r("div", { className: "knest-loading-content", children: [
291
+ }), E(!1);
292
+ }, te = () => {
293
+ we(r), B(void 0), f([
294
+ { role: "assistant", content: L?.welcomeMessage || X }
295
+ ]), o(""), I([]), M(null);
296
+ }, ne = (t) => {
297
+ t.key === "Enter" && !t.shiftKey && (t.preventDefault(), F());
298
+ }, se = async (t) => {
299
+ o(t), setTimeout(() => F(), 0);
300
+ }, H = p ? /* @__PURE__ */ e("div", { className: "knest-chat-card", children: /* @__PURE__ */ e("div", { className: "knest-loading-container", children: /* @__PURE__ */ l("div", { className: "knest-loading-content", children: [
166
301
  /* @__PURE__ */ e("div", { className: "knest-spinner-ring" }),
167
302
  /* @__PURE__ */ e("p", { className: "knest-loading-text", children: "Loading chat..." })
168
- ] }) }) }) : w === "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: J }) }) }) }) : /* @__PURE__ */ r("div", { className: "knest-chat-card", children: [
169
- /* @__PURE__ */ r("div", { className: "knest-messages-container", children: [
170
- f.map((t, s) => /* @__PURE__ */ r("div", { children: [
303
+ ] }) }) }) : W === "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: ge }) }) }) }) : /* @__PURE__ */ l("div", { className: "knest-chat-card", children: [
304
+ /* @__PURE__ */ l("div", { className: "knest-messages-container", children: [
305
+ m.map((t, n) => /* @__PURE__ */ l("div", { children: [
171
306
  /* @__PURE__ */ e(
172
- se,
307
+ Me,
173
308
  {
174
309
  message: t,
175
- isLoading: !t.content && L && t.role === "assistant",
176
- avatarUrl: j,
177
- brandColor: U
310
+ isLoading: !t.content && c && t.role === "assistant",
311
+ avatarUrl: J,
312
+ brandColor: O,
313
+ publishableApiKey: r,
314
+ baseUrl: u?.baseUrl
178
315
  }
179
316
  ),
180
- s < f.length - 1 && /* @__PURE__ */ e("div", { className: "knest-separator" })
181
- ] }, s)),
182
- f.length === 1 && !u && /* @__PURE__ */ r("div", { className: "knest-examples", children: [
317
+ n < m.length - 1 && /* @__PURE__ */ e("div", { className: "knest-separator" })
318
+ ] }, n)),
319
+ m.length === 1 && !p && /* @__PURE__ */ l("div", { className: "knest-examples", children: [
183
320
  /* @__PURE__ */ e("h3", { children: "Example Questions" }),
184
- D.map((t, s) => /* @__PURE__ */ e(
321
+ Z.map((t, n) => /* @__PURE__ */ e(
185
322
  "button",
186
323
  {
187
- onClick: () => F(t),
324
+ onClick: () => se(t),
188
325
  className: "knest-example-btn",
189
- style: s === 0 ? { borderColor: U, borderWidth: "2px" } : {},
326
+ style: n === 0 ? { borderColor: O, borderWidth: "2px" } : {},
190
327
  children: t
191
328
  },
192
- s
329
+ n
193
330
  ))
194
331
  ] }),
195
- /* @__PURE__ */ e("div", { ref: M })
332
+ /* @__PURE__ */ e("div", { ref: D })
196
333
  ] }),
197
- /* @__PURE__ */ r("div", { className: "knest-input-section", children: [
198
- /* @__PURE__ */ r("div", { className: "knest-input-wrapper", children: [
334
+ /* @__PURE__ */ l("div", { className: "knest-input-section", children: [
335
+ /* @__PURE__ */ e(
336
+ "input",
337
+ {
338
+ ref: G,
339
+ type: "file",
340
+ accept: ve,
341
+ multiple: !0,
342
+ style: { display: "none" },
343
+ onChange: K
344
+ }
345
+ ),
346
+ S.length > 0 && /* @__PURE__ */ e("div", { className: "knest-file-preview", children: S.map((t, n) => /* @__PURE__ */ l("span", { className: "knest-file-chip", children: [
347
+ t.name,
348
+ /* @__PURE__ */ e(
349
+ "button",
350
+ {
351
+ type: "button",
352
+ className: "knest-chip-remove",
353
+ onClick: () => ee(n),
354
+ "aria-label": `Remove ${t.name}`,
355
+ children: "×"
356
+ }
357
+ )
358
+ ] }, n)) }),
359
+ z && /* @__PURE__ */ e("p", { className: "knest-attach-error", children: z }),
360
+ /* @__PURE__ */ l("div", { className: "knest-input-wrapper", children: [
199
361
  /* @__PURE__ */ e(
200
362
  "input",
201
363
  {
202
364
  type: "text",
203
- value: N,
204
- onChange: (t) => A(t.target.value),
205
- onKeyPress: K,
365
+ value: s,
366
+ onChange: (t) => o(t.target.value),
367
+ onKeyDown: ne,
206
368
  placeholder: "Ask me anything...",
207
- disabled: L || !k,
369
+ disabled: c || R || !N,
208
370
  className: "knest-input-field"
209
371
  }
210
372
  ),
211
373
  /* @__PURE__ */ e(
212
374
  "button",
213
375
  {
214
- onClick: W,
215
- disabled: L || !N.trim() || !k,
376
+ onClick: () => G.current?.click(),
377
+ disabled: !d || c || R,
378
+ className: "knest-attach-btn",
379
+ type: "button",
380
+ title: d ? "Attach file" : "Send a message first to enable attachments",
381
+ "aria-label": "Attach file",
382
+ children: /* @__PURE__ */ e(
383
+ "svg",
384
+ {
385
+ className: "knest-attach-icon",
386
+ fill: "none",
387
+ stroke: "currentColor",
388
+ viewBox: "0 0 24 24",
389
+ children: /* @__PURE__ */ e(
390
+ "path",
391
+ {
392
+ strokeLinecap: "round",
393
+ strokeLinejoin: "round",
394
+ strokeWidth: "2",
395
+ d: "M15.172 7l-6.586 6.586a2 2 0 102.828 2.828l6.414-6.586a4 4 0 00-5.656-5.656l-6.415 6.585a6 6 0 108.486 8.486L20.5 13"
396
+ }
397
+ )
398
+ }
399
+ )
400
+ }
401
+ ),
402
+ /* @__PURE__ */ e(
403
+ "button",
404
+ {
405
+ onClick: F,
406
+ disabled: c || R || !s.trim() || !N,
216
407
  className: "knest-send-btn",
217
408
  "aria-label": "Send message",
218
409
  children: /* @__PURE__ */ e("svg", { className: "knest-send-icon", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e(
@@ -227,7 +418,8 @@ function le({
227
418
  }
228
419
  )
229
420
  ] }),
230
- /* @__PURE__ */ e("div", { className: "knest-footer", children: /* @__PURE__ */ r(
421
+ m.length > 1 && !c && /* @__PURE__ */ e("div", { className: "knest-reset-row", children: /* @__PURE__ */ e("button", { onClick: te, className: "knest-reset-btn", children: "Clear chat" }) }),
422
+ /* @__PURE__ */ e("div", { className: "knest-footer", children: /* @__PURE__ */ l(
231
423
  "a",
232
424
  {
233
425
  href: "https://useknest.com",
@@ -236,7 +428,7 @@ function le({
236
428
  className: "knest-powered-by",
237
429
  children: [
238
430
  /* @__PURE__ */ e("span", { children: "Powered by" }),
239
- /* @__PURE__ */ r(
431
+ /* @__PURE__ */ l(
240
432
  "svg",
241
433
  {
242
434
  width: "14",
@@ -303,19 +495,19 @@ function le({
303
495
  ) })
304
496
  ] })
305
497
  ] });
306
- if (y === "inline")
307
- return B;
308
- const Q = u ? "#9ca3af" : U;
309
- return /* @__PURE__ */ r("div", { className: "knest-bubble-container", children: [
310
- x && /* @__PURE__ */ e("div", { className: "knest-bubble-panel", children: B }),
498
+ if (P === "inline")
499
+ return H;
500
+ const re = p ? "#9ca3af" : O;
501
+ return /* @__PURE__ */ l("div", { className: "knest-bubble-container", children: [
502
+ A && /* @__PURE__ */ e("div", { className: "knest-bubble-panel", children: H }),
311
503
  /* @__PURE__ */ e(
312
504
  "button",
313
505
  {
314
- className: ["knest-bubble-button", u && "knest-bubble-loading"].filter(Boolean).join(" "),
315
- onClick: () => P(!x),
316
- "aria-label": u ? "Loading chat" : x ? "Close chat" : "Open chat",
317
- style: { backgroundColor: Q },
318
- children: u ? /* @__PURE__ */ r(
506
+ className: ["knest-bubble-button", p && "knest-bubble-loading"].filter(Boolean).join(" "),
507
+ onClick: () => q(!A),
508
+ "aria-label": p ? "Loading chat" : A ? "Close chat" : "Open chat",
509
+ style: { backgroundColor: re },
510
+ children: p ? /* @__PURE__ */ l(
319
511
  "svg",
320
512
  {
321
513
  width: "24",
@@ -348,7 +540,7 @@ function le({
348
540
  )
349
541
  ]
350
542
  }
351
- ) : x ? /* @__PURE__ */ e(
543
+ ) : A ? /* @__PURE__ */ e(
352
544
  "svg",
353
545
  {
354
546
  width: "24",
@@ -383,6 +575,6 @@ function le({
383
575
  ] });
384
576
  }
385
577
  export {
386
- se as ChatMessage,
387
- le as ChatWidget
578
+ Me as ChatMessage,
579
+ Ae as ChatWidget
388
580
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@useknest/widget-react",
3
- "version": "0.1.0-beta.10",
3
+ "version": "0.1.0-beta.12",
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.10"
25
+ "@useknest/widget-core": "0.1.0-beta.12"
26
26
  },
27
27
  "devDependencies": {
28
28
  "@types/react": "^18.3.3",