@ai-chat-bot/react-ai-chat-bot 1.0.4 → 1.0.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 (5) hide show
  1. package/dist/ChatWidget.d.ts +63 -0
  2. package/dist/ai-chat-bot.cjs.js +2 -2
  3. package/dist/ai-chat-bot.es.js +100 -100
  4. package/dist/index.d.ts +3 -0
  5. package/package.json +9 -2
package/dist/ChatWidget.d.ts ADDED
@@ -0,0 +1,63 @@
1
+ import { default as React, ReactNode } from 'react';
2
+ export interface ChatWidgetTheme {
3
+ primaryColor?: string;
4
+ primaryColorGradient?: string;
5
+ iconTextColor?: string;
6
+ betaBadgeBackground?: string;
7
+ badgeBg?: string;
8
+ betaBadgeTextColor?: string;
9
+ badgeText?: string;
10
+ chatBg?: string;
11
+ headerBg?: string;
12
+ headerText?: string;
13
+ headerTextColor?: string;
14
+ subtitleText?: string;
15
+ statusIndicator?: string;
16
+ messagesBg?: string;
17
+ userMessageBg?: string;
18
+ userBubbleBg?: string;
19
+ userMessageText?: string;
20
+ userBubbleText?: string;
21
+ systemMessageBg?: string;
22
+ botBubbleBg?: string;
23
+ systemMessageText?: string;
24
+ botBubbleText?: string;
25
+ faqChipBg?: string;
26
+ faqChipText?: string;
27
+ faqChipBorder?: string;
28
+ faqChipHoverBg?: string;
29
+ inputBg?: string;
30
+ inputText?: string;
31
+ inputBorder?: string;
32
+ inputFocusBorder?: string;
33
+ sendButtonBg?: string;
34
+ sendButtonText?: string;
35
+ borderRadius?: string;
36
+ width?: string;
37
+ height?: string;
38
+ zIndex?: number;
39
+ fontFamily?: string;
40
+ }
41
+ export interface ChatWidgetProps {
42
+ widgetToken?: string;
43
+ title?: string;
44
+ subtitle?: string;
45
+ greeting?: string;
46
+ fallbackMessage?: string | ((input: string) => string);
47
+ faqOptions?: string[];
48
+ placeholder?: string;
49
+ showBadge?: boolean;
50
+ badgeText?: string;
51
+ initialOpen?: boolean;
52
+ position?: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
53
+ customIcon?: ReactNode;
54
+ customCloseIcon?: ReactNode;
55
+ customHeaderIcon?: ReactNode;
56
+ onOpenChange?: (isOpen: boolean) => void;
57
+ onSendMessage?: (message: string) => void;
58
+ onResponse?: (response: string) => void;
59
+ onError?: (error: any) => void;
60
+ theme?: ChatWidgetTheme;
61
+ }
62
+ export declare const ChatWidget: React.FC<ChatWidgetProps>;
63
+ export default ChatWidget;
package/dist/ai-chat-bot.cjs.js CHANGED
@@ -1,2 +1,2 @@
1
- (function(){try{if(typeof document<`u`){var e=document.createElement(`style`);e.appendChild(document.createTextNode(`.ai-chat-widget-container{--cw-primary:#6366f1;--cw-primary-gradient:#8b5cf6;--cw-icon-text:#fff;--cw-beta-bg:#ef4444;--cw-beta-text:#fff;--cw-chat-bg:#0a0b14eb;--cw-border-color:#8b5cf64d;--cw-shadow:0 20px 50px #0009;--cw-border-radius:16px;--cw-font-family:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--cw-z-index:999999;--cw-width:380px;--cw-height:520px;--cw-header-bg:linear-gradient(90deg, #13112c, #070f1e);--cw-header-border:#8b5cf633;--cw-header-text:#fff;--cw-subtitle-text:#94a3b8;--cw-status-indicator:#10b981;--cw-messages-bg:radial-gradient(circle at 50% 50%, #0d0e1980 0%, #050508 100%);--cw-user-msg-bg:#6366f1;--cw-user-msg-text:#fff;--cw-user-msg-shadow:0 4px 12px #6366f14d;--cw-bot-msg-bg:#1e293bbf;--cw-bot-msg-text:#e2e8f0;--cw-bot-msg-border:#ffffff14;--cw-faq-chip-bg:#06b6d41a;--cw-faq-chip-text:#06b6d4;--cw-faq-chip-border:#06b6d44d;--cw-faq-chip-hover-bg:#06b6d433;--cw-input-area-bg:#08080c;--cw-input-area-border:#8b5cf633;--cw-input-bg:#0f101ad9;--cw-input-text:#fff;--cw-input-border:#8b5cf640;--cw-input-focus-border:#06b6d4;--cw-input-placeholder:#64748b;--cw-send-btn-bg:linear-gradient(135deg, #6366f1 0%, #06b6d4 100%);--cw-send-btn-text:#fff;z-index:var(--cw-z-index);font-family:var(--cw-font-family);box-sizing:border-box;position:fixed}.ai-chat-widget-container *{box-sizing:border-box}.ai-chat-widget-position-bottom-right{bottom:24px;right:24px}.ai-chat-widget-position-bottom-left{bottom:24px;left:24px}.ai-chat-widget-position-top-right{top:24px;right:24px}.ai-chat-widget-position-top-left{top:24px;left:24px}.ai-chat-widget-button{background:linear-gradient(135deg, var(--cw-primary), var(--cw-primary-gradient));width:60px;height:60px;color:var(--cw-icon-text);cursor:pointer;border:1px solid #ffffff26;border-radius:50%;outline:none;justify-content:center;align-items:center;padding:0;transition:transform .3s cubic-bezier(.16,1,.3,1),boxShadow .3s;display:flex;position:relative;box-shadow:0 0 20px #06b6d466}.ai-chat-widget-button:hover{transform:scale(1.08)rotate(3deg);box-shadow:0 0 30px #06b6d4b3}.ai-chat-widget-button:active{transform:scale(.95)}.ai-chat-widget-icon{width:26px;height:26px;color:var(--cw-icon-text);transition:transform .3s}.ai-chat-widget-badge{background-color:var(--cw-beta-bg);color:var(--cw-beta-text);letter-spacing:.5px;text-transform:uppercase;border:2px solid #0a0b14cc;border-radius:10px;padding:2px 7px;font-size:10px;font-weight:700;position:absolute;top:-4px;right:-8px;box-shadow:0 2px 6px #0000004d}.ai-chat-widget-window{width:var(--cw-width);height:var(--cw-height);z-index:var(--cw-z-index);transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .4s;position:fixed}.ai-chat-widget-position-bottom-right .ai-chat-widget-window{transform-origin:100% 100%;bottom:96px;right:24px}.ai-chat-widget-position-bottom-left .ai-chat-widget-window{transform-origin:0 100%;bottom:96px;left:24px}.ai-chat-widget-position-top-right .ai-chat-widget-window{transform-origin:100% 0;top:96px;right:24px}.ai-chat-widget-position-top-left .ai-chat-widget-window{transform-origin:0 0;top:96px;left:24px}.ai-chat-widget-window-open{opacity:1;pointer-events:auto;transform:scale(1)translateY(0)}.ai-chat-widget-window-closed{opacity:0;pointer-events:none;transform:scale(.3)translateY(40px)}.ai-chat-widget-card{border-radius:var(--cw-border-radius);background:var(--cw-chat-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--cw-border-color);height:100%;box-shadow:var(--cw-shadow);flex-direction:column;display:flex;overflow:hidden}.ai-chat-widget-header{background:var(--cw-header-bg);border-bottom:1px solid var(--cw-header-border);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.ai-chat-widget-header-left{align-items:center;gap:10px;display:flex}.ai-chat-widget-status-dot{background-color:var(--cw-status-indicator);width:9px;height:9px;box-shadow:0 0 10px var(--cw-status-indicator);border-radius:50%}.ai-chat-widget-header-title{color:var(--cw-header-text);letter-spacing:.5px;flex-direction:column;gap:2px;font-size:14px;font-weight:700;display:flex}.ai-chat-widget-header-subtitle{color:var(--cw-subtitle-text);letter-spacing:0;font-size:11px;font-weight:400}.ai-chat-widget-header-close{color:var(--cw-subtitle-text);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;transition:background-color .2s,color .2s;display:flex}.ai-chat-widget-header-close:hover{color:#fff;background-color:#ffffff1a}.ai-chat-widget-messages{background:var(--cw-messages-bg);flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.ai-chat-widget-messages::-webkit-scrollbar{width:6px}.ai-chat-widget-messages::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.ai-chat-widget-message-row{width:100%;display:flex}.ai-chat-widget-user-row{justify-content:flex-end}.ai-chat-widget-bot-row{justify-content:flex-start}.ai-chat-widget-bubble{word-break:break-word;border-radius:12px;max-width:82%;padding:10px 14px;font-size:13.5px;line-height:1.5}.ai-chat-widget-user-bubble{background-color:var(--cw-user-msg-bg);color:var(--cw-user-msg-text);box-shadow:var(--cw-user-msg-shadow);border-top-right-radius:2px}.ai-chat-widget-bot-bubble{background-color:var(--cw-bot-msg-bg);color:var(--cw-bot-msg-text);border:1px solid var(--cw-bot-msg-border);border-top-left-radius:2px}.ai-chat-widget-faq-container{flex-direction:column;gap:8px;margin-top:10px;display:flex}.ai-chat-widget-faq-chip{text-align:left;background-color:var(--cw-faq-chip-bg);border:1px solid var(--cw-faq-chip-border);color:var(--cw-faq-chip-text);cursor:pointer;border-radius:18px;outline:none;padding:7px 12px;font-size:12px;transition:all .2s;display:inline-block}.ai-chat-widget-faq-chip:hover{background-color:var(--cw-faq-chip-hover-bg);transform:translateY(-1px)}.ai-chat-widget-typing{align-items:center;gap:5px;padding:4px 6px;display:flex}.ai-chat-widget-dot{background-color:var(--cw-faq-chip-text);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite ai-chat-widget-bounce}.ai-chat-widget-dot:nth-child(2){animation-delay:.2s}.ai-chat-widget-dot:nth-child(3){animation-delay:.4s}@keyframes ai-chat-widget-bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-6px)}}.ai-chat-widget-input-area{border-top:1px solid var(--cw-input-area-border);background:var(--cw-input-area-bg);gap:10px;padding:12px 14px;display:flex}.ai-chat-widget-input{background-color:var(--cw-input-bg);border:1px solid var(--cw-input-border);color:var(--cw-input-text);border-radius:10px;outline:none;flex:1;padding:10px 14px;font-size:13.5px;transition:border-color .2s}.ai-chat-widget-input::placeholder{color:var(--cw-input-placeholder)}.ai-chat-widget-input:focus{border-color:var(--cw-input-focus-border)}.ai-chat-widget-send-btn{background:var(--cw-send-btn-bg);color:var(--cw-send-btn-text);cursor:pointer;border:none;border-radius:10px;outline:none;justify-content:center;align-items:center;padding:0 16px;transition:opacity .2s,transform .15s;display:flex}.ai-chat-widget-send-btn:hover{opacity:.9;transform:translateY(-1px)}.ai-chat-widget-send-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.ai-chat-widget-watermark{background:var(--cw-input-area-bg);text-align:center;color:#64748b;border-bottom-left-radius:var(--cw-border-radius);border-bottom-right-radius:var(--cw-border-radius);padding-bottom:12px;font-size:11px}.ai-chat-widget-watermark strong{color:#94a3b8;font-weight:600}@media (width<=480px){.ai-chat-widget-position-bottom-right .ai-chat-widget-window,.ai-chat-widget-position-bottom-left .ai-chat-widget-window{width:calc(100% - 24px);height:460px;bottom:84px;left:12px;right:12px}.ai-chat-widget-position-top-right .ai-chat-widget-window,.ai-chat-widget-position-top-left .ai-chat-widget-window{width:calc(100% - 24px);height:460px;top:84px;left:12px;right:12px}}/*$vite$:1*/`)),document.head.appendChild(e)}}catch(e){console.error(`vite-plugin-css-injected-by-js`,e)}})();
2
- Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,s)=>(s=n==null?{}:e(i(n)),o(r||!n||!n.__esModule||!a.call(n,`default`)?t(s,`default`,{value:n,enumerable:!0}):s,n));let c=require("react");c=s(c,1);let l=require("react/jsx-runtime");var u=()=>(0,l.jsxs)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,width:`28`,height:`28`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,className:`ai-chat-widget-icon`,children:[(0,l.jsx)(`path`,{d:`M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z`}),(0,l.jsx)(`line`,{x1:`8`,y1:`10`,x2:`16`,y2:`10`}),(0,l.jsx)(`line`,{x1:`8`,y1:`14`,x2:`13`,y2:`14`})]}),d=()=>(0,l.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`currentColor`,style:{width:24,height:24},children:(0,l.jsx)(`path`,{d:`m4.4 4.55.07-.08a.75.75 0 0 1 .98-.07l.08.07L12 10.94l6.47-6.47a.75.75 0 1 1 1.06 1.06L13.06 12l6.47 6.47c.27.27.3.68.07.98l-.07.08a.75.75 0 0 1-.98.07l-.08-.07L12 13.06l-6.47 6.47a.75.75 0 0 1-1.06-1.06L10.94 12 4.47 5.53a.75.75 0 0 1-.07-.98l.07-.08-.07.08Z`})}),f=()=>(0,l.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`currentColor`,style:{width:18,height:18},children:(0,l.jsx)(`path`,{d:`M5.7 12 2.3 3.27a.75.75 0 0 1 .94-.98l.1.04 18 9c.51.26.54.97.1 1.28l-.1.06-18 9a.75.75 0 0 1-1.07-.85l.03-.1L5.7 12 2.3 3.27 5.7 12ZM4.4 4.54l2.61 6.7 6.63.01c.38 0 .7.28.74.65v.1c0 .38-.27.7-.64.74l-.1.01H7l-2.6 6.7L19.31 12 4.4 4.54Z`})}),p=`https://localhost:7068`,m=({widgetToken:e=``,title:t=`SYNAPSE NODE ALPHA`,subtitle:n=`AI Assistant Active`,greeting:r=`Greetings Operator. I am Synapse-Node-Alpha, your AI assistant. How can I help you navigate our mainframe today?`,fallbackMessage:i=`Sorry, I'm having trouble connecting right now. Please try again later.`,faqOptions:a=[`What is an MCP Server?`,`How do I deploy Synapse Agents?`,`Are connections secure?`],placeholder:o=`Query mainframe (e.g. security)...`,showBadge:s=!0,badgeText:m=`Beta`,initialOpen:h=!1,position:g=`bottom-right`,customIcon:_=null,customCloseIcon:v=null,customHeaderIcon:y=null,onOpenChange:b,onSendMessage:x,onResponse:S,onError:C,theme:w={}})=>{let[T,E]=(0,c.useState)(h),[D,O]=(0,c.useState)([]),[k,A]=(0,c.useState)(``),[j,M]=(0,c.useState)(!1),[N,P]=(0,c.useState)(null),F=(0,c.useRef)(null),[I,L]=(0,c.useState)(null),[R,z]=(0,c.useState)(!0);if((0,c.useEffect)(()=>{let e=[];r&&e.push({id:`msg-greeting`,text:r,sender:`bot`}),a&&a.length>0&&e.push({id:`msg-faq`,text:`Select a topic of interest:`,sender:`bot`,isFaqOptions:!0}),O(e)},[r,a]),(0,c.useEffect)(()=>{T&&F.current&&F.current.scrollIntoView({behavior:`smooth`})},[D,j,T]),(0,c.useEffect)(()=>{if(!e){z(!0);return}var t=p.replace(/\/$/,``)+`/api/Chat/init`;fetch(t,{method:`GET`,headers:{"Content-Type":`application/json`,"X-Widget-Token":e}}).then(function(e){if(e.ok)return e.json()}).then(function(e){e&&L(e),z(!1)}).catch(function(e){console.error(`Widget initialization failed:`,e),z(!0)})},[e]),R||I&&I.quotaExceeded)return null;let B=()=>{var e=!T;E(e),b&&b(e)},V=async t=>{var n=t.trim();if(!(!n||j)){O(function(e){return e.concat([{id:`user-`+Date.now(),text:n,sender:`user`}])}),A(``),M(!0),x&&x(n);var r=``;if(e)try{var a=p.replace(/\/$/,``)+`/api/Chat`,o=await fetch(a,{method:`POST`,headers:{"Content-Type":`application/json`,"X-Widget-Token":e},body:JSON.stringify({input:n,previousInteractionId:N})});if(o.ok){var s=await o.json();r=s.reply||s.content||`Response received successfully.`,s.interactionId&&P(s.interactionId)}else{var c=await o.json().catch(function(){return{}}),l=c.error||c.message||`Server responded with status `+o.status;C&&C(l),r=o.status===429?c.error||c.message||`Rate limit exceeded. Please wait a moment before sending another message.`:typeof i==`function`?i(n):i}}catch(e){C&&C(e),r=typeof i==`function`?i(n):i}else await new Promise(function(e){setTimeout(e,800)}),r=typeof i==`function`?i(n):i;M(!1),O(function(e){return e.concat([{id:`bot-`+Date.now(),text:r,sender:`bot`}])}),S&&S(r)}},H=e=>{e.key===`Enter`&&(e.preventDefault(),V(k))};var U={"--cw-primary":w.primaryColor||`#8b5cf6`,"--cw-primary-gradient":w.primaryColorGradient||`#06b6d4`,"--cw-icon-text":w.iconTextColor||`#ffffff`,"--cw-beta-bg":w.betaBadgeBackground||w.badgeBg||`#ef4444`,"--cw-beta-text":w.betaBadgeTextColor||w.badgeText||`#ffffff`,"--cw-chat-bg":w.chatBg||`rgba(10, 11, 20, 0.92)`,"--cw-header-bg":w.headerBg||`linear-gradient(90deg, #13112c, #070f1e)`,"--cw-header-text":w.headerText||w.headerTextColor||`#ffffff`,"--cw-subtitle-text":w.subtitleText||`#94a3b8`,"--cw-status-indicator":w.statusIndicator||`#10b981`,"--cw-messages-bg":w.messagesBg||`radial-gradient(circle at 50% 50%, rgba(13, 14, 25, 0.5) 0%, #050508 100%)`,"--cw-user-msg-bg":w.userMessageBg||w.userBubbleBg||`#6366f1`,"--cw-user-msg-text":w.userMessageText||w.userBubbleText||`#ffffff`,"--cw-bot-msg-bg":w.systemMessageBg||w.botBubbleBg||`rgba(30, 41, 59, 0.75)`,"--cw-bot-msg-text":w.systemMessageText||w.botBubbleText||`#e2e8f0`,"--cw-faq-chip-bg":w.faqChipBg||`rgba(6, 182, 212, 0.1)`,"--cw-faq-chip-text":w.faqChipText||`#06b6d4`,"--cw-faq-chip-border":w.faqChipBorder||`rgba(6, 182, 212, 0.3)`,"--cw-faq-chip-hover-bg":w.faqChipHoverBg||`rgba(6, 182, 212, 0.2)`,"--cw-input-bg":w.inputBg||`rgba(15, 16, 26, 0.85)`,"--cw-input-text":w.inputText||`#ffffff`,"--cw-input-border":w.inputBorder||`rgba(139, 92, 246, 0.25)`,"--cw-input-focus-border":w.inputFocusBorder||`#06b6d4`,"--cw-send-btn-bg":w.sendButtonBg||`linear-gradient(135deg, #6366f1 0%, #06b6d4 100%)`,"--cw-send-btn-text":w.sendButtonText||`#ffffff`,"--cw-border-radius":w.borderRadius||`16px`,"--cw-width":w.width||`380px`,"--cw-height":w.height||`520px`,"--cw-z-index":w.zIndex||999999,"--cw-font-family":w.fontFamily||`'Inter', system-ui, -apple-system, sans-serif`},W=`ai-chat-widget-position-`+g;return(0,l.jsxs)(`div`,{className:`ai-chat-widget-container `+W,style:U,children:[(0,l.jsxs)(`button`,{className:`ai-chat-widget-button`,onClick:B,"aria-label":T?`Close chat`:`Open chat`,children:[T?v||(0,l.jsx)(d,{}):_||(0,l.jsx)(u,{}),s&&!T&&(0,l.jsx)(`span`,{className:`ai-chat-widget-badge`,children:m})]}),(0,l.jsx)(`div`,{className:`ai-chat-widget-window `+(T?`ai-chat-widget-window-open`:`ai-chat-widget-window-closed`),children:(0,l.jsxs)(`div`,{className:`ai-chat-widget-card`,children:[(0,l.jsxs)(`div`,{className:`ai-chat-widget-header`,children:[(0,l.jsxs)(`div`,{className:`ai-chat-widget-header-left`,children:[y||(0,l.jsx)(`div`,{className:`ai-chat-widget-status-dot`}),(0,l.jsxs)(`div`,{className:`ai-chat-widget-header-title`,children:[(0,l.jsx)(`span`,{children:t}),n&&(0,l.jsx)(`span`,{className:`ai-chat-widget-header-subtitle`,children:n})]})]}),(0,l.jsx)(`button`,{className:`ai-chat-widget-header-close`,onClick:B,"aria-label":`Close widget`,children:v||(0,l.jsx)(d,{})})]}),(0,l.jsxs)(`div`,{className:`ai-chat-widget-messages`,children:[D.map(function(e){return(0,l.jsx)(`div`,{className:`ai-chat-widget-message-row `+(e.sender===`user`?`ai-chat-widget-user-row`:`ai-chat-widget-bot-row`),children:(0,l.jsxs)(`div`,{className:`ai-chat-widget-bubble `+(e.sender===`user`?`ai-chat-widget-user-bubble`:`ai-chat-widget-bot-bubble`),children:[e.text,e.isFaqOptions&&a&&a.length>0&&(0,l.jsx)(`div`,{className:`ai-chat-widget-faq-container`,children:a.map(function(e,t){return(0,l.jsxs)(`button`,{className:`ai-chat-widget-faq-chip`,onClick:function(){V(e)},children:[`> `,e]},t)})})]})},e.id)}),j&&(0,l.jsx)(`div`,{className:`ai-chat-widget-message-row ai-chat-widget-bot-row`,children:(0,l.jsx)(`div`,{className:`ai-chat-widget-bubble ai-chat-widget-bot-bubble`,children:(0,l.jsxs)(`div`,{className:`ai-chat-widget-typing`,children:[(0,l.jsx)(`div`,{className:`ai-chat-widget-dot`}),(0,l.jsx)(`div`,{className:`ai-chat-widget-dot`}),(0,l.jsx)(`div`,{className:`ai-chat-widget-dot`})]})})}),(0,l.jsx)(`div`,{ref:F})]}),(0,l.jsxs)(`div`,{className:`ai-chat-widget-input-area`,children:[(0,l.jsx)(`input`,{type:`text`,className:`ai-chat-widget-input`,value:k,onChange:function(e){A(e.target.value)},placeholder:o,onKeyDown:H,disabled:j}),(0,l.jsx)(`button`,{className:`ai-chat-widget-send-btn`,onClick:function(){V(k)},disabled:!k.trim()||j,"aria-label":`Send message`,children:(0,l.jsx)(f,{})})]}),(!I||!I.removeWatermark)&&(0,l.jsxs)(`div`,{className:`ai-chat-widget-watermark`,children:[`Powered by `,(0,l.jsx)(`strong`,{children:I&&I.organizationName||`AI-FAQ`})]})]})})]})},h=m;exports.ChatWidget=m,exports.default=h;
1
+ (function(){try{if(typeof document<`u`){var e=document.createElement(`style`);e.appendChild(document.createTextNode(`.ai-chat-widget-container{--cw-primary:#6366f1;--cw-primary-gradient:#8b5cf6;--cw-icon-text:#fff;--cw-beta-bg:#ef4444;--cw-beta-text:#fff;--cw-chat-bg:#0a0b14eb;--cw-border-color:#8b5cf64d;--cw-shadow:0 20px 50px #0009;--cw-border-radius:16px;--cw-font-family:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--cw-z-index:999999;--cw-width:380px;--cw-height:520px;--cw-header-bg:linear-gradient(90deg, #13112c, #070f1e);--cw-header-border:#8b5cf633;--cw-header-text:#fff;--cw-subtitle-text:#94a3b8;--cw-status-indicator:#10b981;--cw-messages-bg:radial-gradient(circle at 50% 50%, #0d0e1980 0%, #050508 100%);--cw-user-msg-bg:#6366f1;--cw-user-msg-text:#fff;--cw-user-msg-shadow:0 4px 12px #6366f14d;--cw-bot-msg-bg:#1e293bbf;--cw-bot-msg-text:#e2e8f0;--cw-bot-msg-border:#ffffff14;--cw-faq-chip-bg:#06b6d41a;--cw-faq-chip-text:#06b6d4;--cw-faq-chip-border:#06b6d44d;--cw-faq-chip-hover-bg:#06b6d433;--cw-input-area-bg:#08080c;--cw-input-area-border:#8b5cf633;--cw-input-bg:#0f101ad9;--cw-input-text:#fff;--cw-input-border:#8b5cf640;--cw-input-focus-border:#06b6d4;--cw-input-placeholder:#64748b;--cw-send-btn-bg:linear-gradient(135deg, #6366f1 0%, #06b6d4 100%);--cw-send-btn-text:#fff;z-index:var(--cw-z-index);font-family:var(--cw-font-family);box-sizing:border-box;position:fixed}.ai-chat-widget-container *{box-sizing:border-box}.ai-chat-widget-position-bottom-right{bottom:24px;right:24px}.ai-chat-widget-position-bottom-left{bottom:24px;left:24px}.ai-chat-widget-position-top-right{top:24px;right:24px}.ai-chat-widget-position-top-left{top:24px;left:24px}.ai-chat-widget-button{background:linear-gradient(135deg, var(--cw-primary), var(--cw-primary-gradient));width:60px;height:60px;color:var(--cw-icon-text);cursor:pointer;border:1px solid #ffffff26;border-radius:50%;outline:none;justify-content:center;align-items:center;padding:0;transition:transform .3s cubic-bezier(.16,1,.3,1),boxShadow .3s;display:flex;position:relative;box-shadow:0 0 20px #06b6d466}.ai-chat-widget-button:hover{transform:scale(1.08)rotate(3deg);box-shadow:0 0 30px #06b6d4b3}.ai-chat-widget-button:active{transform:scale(.95)}.ai-chat-widget-icon{width:26px;height:26px;color:var(--cw-icon-text);transition:transform .3s}.ai-chat-widget-badge{background-color:var(--cw-beta-bg);color:var(--cw-beta-text);letter-spacing:.5px;text-transform:uppercase;border:2px solid #0a0b14cc;border-radius:10px;padding:2px 7px;font-size:10px;font-weight:700;position:absolute;top:-4px;right:-8px;box-shadow:0 2px 6px #0000004d}.ai-chat-widget-window{width:var(--cw-width);height:var(--cw-height);z-index:var(--cw-z-index);transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .4s;position:fixed}.ai-chat-widget-position-bottom-right .ai-chat-widget-window{transform-origin:100% 100%;bottom:96px;right:24px}.ai-chat-widget-position-bottom-left .ai-chat-widget-window{transform-origin:0 100%;bottom:96px;left:24px}.ai-chat-widget-position-top-right .ai-chat-widget-window{transform-origin:100% 0;top:96px;right:24px}.ai-chat-widget-position-top-left .ai-chat-widget-window{transform-origin:0 0;top:96px;left:24px}.ai-chat-widget-window-open{opacity:1;pointer-events:auto;transform:scale(1)translateY(0)}.ai-chat-widget-window-closed{opacity:0;pointer-events:none;transform:scale(.3)translateY(40px)}.ai-chat-widget-card{border-radius:var(--cw-border-radius);background:var(--cw-chat-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--cw-border-color);height:100%;box-shadow:var(--cw-shadow);flex-direction:column;display:flex;overflow:hidden}.ai-chat-widget-header{background:var(--cw-header-bg);border-bottom:1px solid var(--cw-header-border);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.ai-chat-widget-header-left{align-items:center;gap:10px;display:flex}.ai-chat-widget-status-dot{background-color:var(--cw-status-indicator);width:9px;height:9px;box-shadow:0 0 10px var(--cw-status-indicator);border-radius:50%}.ai-chat-widget-header-title{color:var(--cw-header-text);letter-spacing:.5px;flex-direction:column;gap:2px;font-size:14px;font-weight:700;display:flex}.ai-chat-widget-header-subtitle{color:var(--cw-subtitle-text);letter-spacing:0;font-size:11px;font-weight:400}.ai-chat-widget-header-close{color:var(--cw-subtitle-text);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;transition:background-color .2s,color .2s;display:flex}.ai-chat-widget-header-close:hover{color:#fff;background-color:#ffffff1a}.ai-chat-widget-messages{background:var(--cw-messages-bg);flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.ai-chat-widget-messages::-webkit-scrollbar{width:6px}.ai-chat-widget-messages::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.ai-chat-widget-message-row{width:100%;display:flex}.ai-chat-widget-user-row{justify-content:flex-end}.ai-chat-widget-bot-row{justify-content:flex-start}.ai-chat-widget-bubble{word-break:break-word;border-radius:12px;max-width:82%;padding:10px 14px;font-size:13.5px;line-height:1.5}.ai-chat-widget-user-bubble{background-color:var(--cw-user-msg-bg);color:var(--cw-user-msg-text);box-shadow:var(--cw-user-msg-shadow);border-top-right-radius:2px}.ai-chat-widget-bot-bubble{background-color:var(--cw-bot-msg-bg);color:var(--cw-bot-msg-text);border:1px solid var(--cw-bot-msg-border);border-top-left-radius:2px}.ai-chat-widget-faq-container{flex-direction:column;gap:8px;margin-top:10px;display:flex}.ai-chat-widget-faq-chip{text-align:left;background-color:var(--cw-faq-chip-bg);border:1px solid var(--cw-faq-chip-border);color:var(--cw-faq-chip-text);cursor:pointer;border-radius:18px;outline:none;padding:7px 12px;font-size:12px;transition:all .2s;display:inline-block}.ai-chat-widget-faq-chip:hover{background-color:var(--cw-faq-chip-hover-bg);transform:translateY(-1px)}.ai-chat-widget-typing{align-items:center;gap:5px;padding:4px 6px;display:flex}.ai-chat-widget-dot{background-color:var(--cw-faq-chip-text);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite ai-chat-widget-bounce}.ai-chat-widget-dot:nth-child(2){animation-delay:.2s}.ai-chat-widget-dot:nth-child(3){animation-delay:.4s}@keyframes ai-chat-widget-bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-6px)}}.ai-chat-widget-input-area{border-top:1px solid var(--cw-input-area-border);background:var(--cw-input-area-bg);gap:10px;padding:12px 14px;display:flex}.ai-chat-widget-input{background-color:var(--cw-input-bg);border:1px solid var(--cw-input-border);color:var(--cw-input-text);border-radius:10px;outline:none;flex:1;padding:10px 14px;font-size:13.5px;transition:border-color .2s}.ai-chat-widget-input::placeholder{color:var(--cw-input-placeholder)}.ai-chat-widget-input:focus{border-color:var(--cw-input-focus-border)}.ai-chat-widget-send-btn{background:var(--cw-send-btn-bg);color:var(--cw-send-btn-text);cursor:pointer;border:none;border-radius:10px;outline:none;justify-content:center;align-items:center;padding:0 16px;transition:opacity .2s,transform .15s;display:flex}.ai-chat-widget-send-btn:hover{opacity:.9;transform:translateY(-1px)}.ai-chat-widget-send-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.ai-chat-widget-watermark{background:var(--cw-input-area-bg);text-align:center;color:#64748b;border-bottom-left-radius:var(--cw-border-radius);border-bottom-right-radius:var(--cw-border-radius);padding-bottom:12px;font-size:11px}.ai-chat-widget-watermark strong{color:#94a3b8;font-weight:600}@media (width<=480px){.ai-chat-widget-position-bottom-right .ai-chat-widget-window,.ai-chat-widget-position-bottom-left .ai-chat-widget-window{width:calc(100% - 24px);height:460px;bottom:84px;left:12px;right:12px}.ai-chat-widget-position-top-right .ai-chat-widget-window,.ai-chat-widget-position-top-left .ai-chat-widget-window{width:calc(100% - 24px);height:460px;top:84px;left:12px;right:12px}}
2
+ /*$vite$:1*/`)),document.head.appendChild(e)}}catch(e){console.error(`vite-plugin-css-injected-by-js`,e)}})();Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,s)=>(s=n==null?{}:e(i(n)),o(r||!n||!n.__esModule||!a.call(n,`default`)?t(s,`default`,{value:n,enumerable:!0}):s,n));let c=require("react");c=s(c,1);let l=require("react/jsx-runtime");var u=()=>(0,l.jsxs)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,width:`28`,height:`28`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,className:`ai-chat-widget-icon`,children:[(0,l.jsx)(`path`,{d:`M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z`}),(0,l.jsx)(`line`,{x1:`8`,y1:`10`,x2:`16`,y2:`10`}),(0,l.jsx)(`line`,{x1:`8`,y1:`14`,x2:`13`,y2:`14`})]}),d=()=>(0,l.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`currentColor`,style:{width:24,height:24},children:(0,l.jsx)(`path`,{d:`m4.4 4.55.07-.08a.75.75 0 0 1 .98-.07l.08.07L12 10.94l6.47-6.47a.75.75 0 1 1 1.06 1.06L13.06 12l6.47 6.47c.27.27.3.68.07.98l-.07.08a.75.75 0 0 1-.98.07l-.08-.07L12 13.06l-6.47 6.47a.75.75 0 0 1-1.06-1.06L10.94 12 4.47 5.53a.75.75 0 0 1-.07-.98l.07-.08-.07.08Z`})}),f=()=>(0,l.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`currentColor`,style:{width:18,height:18},children:(0,l.jsx)(`path`,{d:`M5.7 12 2.3 3.27a.75.75 0 0 1 .94-.98l.1.04 18 9c.51.26.54.97.1 1.28l-.1.06-18 9a.75.75 0 0 1-1.07-.85l.03-.1L5.7 12 2.3 3.27 5.7 12ZM4.4 4.54l2.61 6.7 6.63.01c.38 0 .7.28.74.65v.1c0 .38-.27.7-.64.74l-.1.01H7l-2.6 6.7L19.31 12 4.4 4.54Z`})}),p=`https://localhost:7173/`,m=[`What is an MCP Server?`,`How do I deploy Synapse Agents?`,`Are connections secure?`],h={},g=({widgetToken:e=``,title:t=`SYNAPSE NODE ALPHA`,subtitle:n=`AI Assistant Active`,greeting:r=`Greetings Operator. I am Synapse-Node-Alpha, your AI assistant. How can I help you navigate our mainframe today?`,fallbackMessage:i=`Sorry, I'm having trouble connecting right now. Please try again later.`,faqOptions:a=m,placeholder:o=`Query mainframe (e.g. security)...`,showBadge:s=!0,badgeText:g=`Beta`,initialOpen:_=!1,position:v=`bottom-right`,customIcon:y=null,customCloseIcon:b=null,customHeaderIcon:x=null,onOpenChange:S,onSendMessage:C,onResponse:w,onError:T,theme:E=h})=>{let[D,O]=(0,c.useState)(_),[k,A]=(0,c.useState)([]),[j,M]=(0,c.useState)(``),[N,P]=(0,c.useState)(!1),[F,I]=(0,c.useState)(null),L=(0,c.useRef)(null),[R,z]=(0,c.useState)(null),[B,V]=(0,c.useState)(!0);if((0,c.useEffect)(()=>{let e=[];r&&e.push({id:`msg-greeting`,text:r,sender:`bot`}),a&&a.length>0&&e.push({id:`msg-faq`,text:`Select a topic of interest:`,sender:`bot`,isFaqOptions:!0}),A(e)},[r,a]),(0,c.useEffect)(()=>{D&&L.current&&L.current.scrollIntoView({behavior:`smooth`})},[k,N,D]),(0,c.useEffect)(()=>{if(!e){V(!0);return}var t=p.replace(/\/$/,``)+`/api/Chat/init`;fetch(t,{method:`GET`,headers:{"Content-Type":`application/json`,"X-Widget-Token":e}}).then(function(e){if(e.ok)return e.json()}).then(function(e){e&&z(e),V(!1)}).catch(function(e){console.error(`Widget initialization failed:`,e),V(!0)})},[e]),B||R&&R.quotaExceeded)return null;let H=()=>{var e=!D;O(e),S&&S(e)},U=async t=>{var n=t.trim();if(!(!n||N)){A(function(e){return e.concat([{id:`user-`+Date.now(),text:n,sender:`user`}])}),M(``),P(!0),C&&C(n);var r=``;if(e)try{var a=p.replace(/\/$/,``)+`/api/Chat`,o=await fetch(a,{method:`POST`,headers:{"Content-Type":`application/json`,"X-Widget-Token":e},body:JSON.stringify({input:n,previousInteractionId:F})});if(o.ok){var s=await o.json();r=s.reply||s.content||`Response received successfully.`,s.interactionId&&I(s.interactionId)}else{var c=await o.json().catch(function(){return{}}),l=c.error||c.message||`Server responded with status `+o.status;T&&T(l),r=o.status===429?c.error||c.message||`Rate limit exceeded. Please wait a moment before sending another message.`:typeof i==`function`?i(n):i}}catch(e){T&&T(e),r=typeof i==`function`?i(n):i}else await new Promise(function(e){setTimeout(e,800)}),r=typeof i==`function`?i(n):i;P(!1),A(function(e){return e.concat([{id:`bot-`+Date.now(),text:r,sender:`bot`}])}),w&&w(r)}},W=e=>{e.key===`Enter`&&(e.preventDefault(),U(j))};var G={"--cw-primary":E.primaryColor||`#8b5cf6`,"--cw-primary-gradient":E.primaryColorGradient||`#06b6d4`,"--cw-icon-text":E.iconTextColor||`#ffffff`,"--cw-beta-bg":E.betaBadgeBackground||E.badgeBg||`#ef4444`,"--cw-beta-text":E.betaBadgeTextColor||E.badgeText||`#ffffff`,"--cw-chat-bg":E.chatBg||`rgba(10, 11, 20, 0.92)`,"--cw-header-bg":E.headerBg||`linear-gradient(90deg, #13112c, #070f1e)`,"--cw-header-text":E.headerText||E.headerTextColor||`#ffffff`,"--cw-subtitle-text":E.subtitleText||`#94a3b8`,"--cw-status-indicator":E.statusIndicator||`#10b981`,"--cw-messages-bg":E.messagesBg||`radial-gradient(circle at 50% 50%, rgba(13, 14, 25, 0.5) 0%, #050508 100%)`,"--cw-user-msg-bg":E.userMessageBg||E.userBubbleBg||`#6366f1`,"--cw-user-msg-text":E.userMessageText||E.userBubbleText||`#ffffff`,"--cw-bot-msg-bg":E.systemMessageBg||E.botBubbleBg||`rgba(30, 41, 59, 0.75)`,"--cw-bot-msg-text":E.systemMessageText||E.botBubbleText||`#e2e8f0`,"--cw-faq-chip-bg":E.faqChipBg||`rgba(6, 182, 212, 0.1)`,"--cw-faq-chip-text":E.faqChipText||`#06b6d4`,"--cw-faq-chip-border":E.faqChipBorder||`rgba(6, 182, 212, 0.3)`,"--cw-faq-chip-hover-bg":E.faqChipHoverBg||`rgba(6, 182, 212, 0.2)`,"--cw-input-bg":E.inputBg||`rgba(15, 16, 26, 0.85)`,"--cw-input-text":E.inputText||`#ffffff`,"--cw-input-border":E.inputBorder||`rgba(139, 92, 246, 0.25)`,"--cw-input-focus-border":E.inputFocusBorder||`#06b6d4`,"--cw-send-btn-bg":E.sendButtonBg||`linear-gradient(135deg, #6366f1 0%, #06b6d4 100%)`,"--cw-send-btn-text":E.sendButtonText||`#ffffff`,"--cw-border-radius":E.borderRadius||`16px`,"--cw-width":E.width||`380px`,"--cw-height":E.height||`520px`,"--cw-z-index":E.zIndex||999999,"--cw-font-family":E.fontFamily||`'Inter', system-ui, -apple-system, sans-serif`},K=`ai-chat-widget-position-`+v;return(0,l.jsxs)(`div`,{className:`ai-chat-widget-container `+K,style:G,children:[(0,l.jsxs)(`button`,{className:`ai-chat-widget-button`,onClick:H,"aria-label":D?`Close chat`:`Open chat`,children:[D?b||(0,l.jsx)(d,{}):y||(0,l.jsx)(u,{}),s&&!D&&(0,l.jsx)(`span`,{className:`ai-chat-widget-badge`,children:g})]}),(0,l.jsx)(`div`,{className:`ai-chat-widget-window `+(D?`ai-chat-widget-window-open`:`ai-chat-widget-window-closed`),children:(0,l.jsxs)(`div`,{className:`ai-chat-widget-card`,children:[(0,l.jsxs)(`div`,{className:`ai-chat-widget-header`,children:[(0,l.jsxs)(`div`,{className:`ai-chat-widget-header-left`,children:[x||(0,l.jsx)(`div`,{className:`ai-chat-widget-status-dot`}),(0,l.jsxs)(`div`,{className:`ai-chat-widget-header-title`,children:[(0,l.jsx)(`span`,{children:t}),n&&(0,l.jsx)(`span`,{className:`ai-chat-widget-header-subtitle`,children:n})]})]}),(0,l.jsx)(`button`,{className:`ai-chat-widget-header-close`,onClick:H,"aria-label":`Close widget`,children:b||(0,l.jsx)(d,{})})]}),(0,l.jsxs)(`div`,{className:`ai-chat-widget-messages`,children:[k.map(function(e){return(0,l.jsx)(`div`,{className:`ai-chat-widget-message-row `+(e.sender===`user`?`ai-chat-widget-user-row`:`ai-chat-widget-bot-row`),children:(0,l.jsxs)(`div`,{className:`ai-chat-widget-bubble `+(e.sender===`user`?`ai-chat-widget-user-bubble`:`ai-chat-widget-bot-bubble`),children:[e.text,e.isFaqOptions&&a&&a.length>0&&(0,l.jsx)(`div`,{className:`ai-chat-widget-faq-container`,children:a.map(function(e,t){return(0,l.jsxs)(`button`,{className:`ai-chat-widget-faq-chip`,onClick:function(){U(e)},children:[`> `,e]},t)})})]})},e.id)}),N&&(0,l.jsx)(`div`,{className:`ai-chat-widget-message-row ai-chat-widget-bot-row`,children:(0,l.jsx)(`div`,{className:`ai-chat-widget-bubble ai-chat-widget-bot-bubble`,children:(0,l.jsxs)(`div`,{className:`ai-chat-widget-typing`,children:[(0,l.jsx)(`div`,{className:`ai-chat-widget-dot`}),(0,l.jsx)(`div`,{className:`ai-chat-widget-dot`}),(0,l.jsx)(`div`,{className:`ai-chat-widget-dot`})]})})}),(0,l.jsx)(`div`,{ref:L})]}),(0,l.jsxs)(`div`,{className:`ai-chat-widget-input-area`,children:[(0,l.jsx)(`input`,{type:`text`,className:`ai-chat-widget-input`,value:j,onChange:function(e){M(e.target.value)},placeholder:o,onKeyDown:W,disabled:N}),(0,l.jsx)(`button`,{className:`ai-chat-widget-send-btn`,onClick:function(){U(j)},disabled:!j.trim()||N,"aria-label":`Send message`,children:(0,l.jsx)(f,{})})]}),(!R||!R.removeWatermark)&&(0,l.jsxs)(`div`,{className:`ai-chat-widget-watermark`,children:[`Powered by `,(0,l.jsx)(`strong`,{children:R&&R.organizationName||`AI-FAQ`})]})]})})]})},_=g;exports.ChatWidget=g,exports.default=_;
package/dist/ai-chat-bot.es.js CHANGED
@@ -1,7 +1,7 @@
1
- (function(){try{if(typeof document<`u`){var e=document.createElement(`style`);e.appendChild(document.createTextNode(`.ai-chat-widget-container{--cw-primary:#6366f1;--cw-primary-gradient:#8b5cf6;--cw-icon-text:#fff;--cw-beta-bg:#ef4444;--cw-beta-text:#fff;--cw-chat-bg:#0a0b14eb;--cw-border-color:#8b5cf64d;--cw-shadow:0 20px 50px #0009;--cw-border-radius:16px;--cw-font-family:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--cw-z-index:999999;--cw-width:380px;--cw-height:520px;--cw-header-bg:linear-gradient(90deg, #13112c, #070f1e);--cw-header-border:#8b5cf633;--cw-header-text:#fff;--cw-subtitle-text:#94a3b8;--cw-status-indicator:#10b981;--cw-messages-bg:radial-gradient(circle at 50% 50%, #0d0e1980 0%, #050508 100%);--cw-user-msg-bg:#6366f1;--cw-user-msg-text:#fff;--cw-user-msg-shadow:0 4px 12px #6366f14d;--cw-bot-msg-bg:#1e293bbf;--cw-bot-msg-text:#e2e8f0;--cw-bot-msg-border:#ffffff14;--cw-faq-chip-bg:#06b6d41a;--cw-faq-chip-text:#06b6d4;--cw-faq-chip-border:#06b6d44d;--cw-faq-chip-hover-bg:#06b6d433;--cw-input-area-bg:#08080c;--cw-input-area-border:#8b5cf633;--cw-input-bg:#0f101ad9;--cw-input-text:#fff;--cw-input-border:#8b5cf640;--cw-input-focus-border:#06b6d4;--cw-input-placeholder:#64748b;--cw-send-btn-bg:linear-gradient(135deg, #6366f1 0%, #06b6d4 100%);--cw-send-btn-text:#fff;z-index:var(--cw-z-index);font-family:var(--cw-font-family);box-sizing:border-box;position:fixed}.ai-chat-widget-container *{box-sizing:border-box}.ai-chat-widget-position-bottom-right{bottom:24px;right:24px}.ai-chat-widget-position-bottom-left{bottom:24px;left:24px}.ai-chat-widget-position-top-right{top:24px;right:24px}.ai-chat-widget-position-top-left{top:24px;left:24px}.ai-chat-widget-button{background:linear-gradient(135deg, var(--cw-primary), var(--cw-primary-gradient));width:60px;height:60px;color:var(--cw-icon-text);cursor:pointer;border:1px solid #ffffff26;border-radius:50%;outline:none;justify-content:center;align-items:center;padding:0;transition:transform .3s cubic-bezier(.16,1,.3,1),boxShadow .3s;display:flex;position:relative;box-shadow:0 0 20px #06b6d466}.ai-chat-widget-button:hover{transform:scale(1.08)rotate(3deg);box-shadow:0 0 30px #06b6d4b3}.ai-chat-widget-button:active{transform:scale(.95)}.ai-chat-widget-icon{width:26px;height:26px;color:var(--cw-icon-text);transition:transform .3s}.ai-chat-widget-badge{background-color:var(--cw-beta-bg);color:var(--cw-beta-text);letter-spacing:.5px;text-transform:uppercase;border:2px solid #0a0b14cc;border-radius:10px;padding:2px 7px;font-size:10px;font-weight:700;position:absolute;top:-4px;right:-8px;box-shadow:0 2px 6px #0000004d}.ai-chat-widget-window{width:var(--cw-width);height:var(--cw-height);z-index:var(--cw-z-index);transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .4s;position:fixed}.ai-chat-widget-position-bottom-right .ai-chat-widget-window{transform-origin:100% 100%;bottom:96px;right:24px}.ai-chat-widget-position-bottom-left .ai-chat-widget-window{transform-origin:0 100%;bottom:96px;left:24px}.ai-chat-widget-position-top-right .ai-chat-widget-window{transform-origin:100% 0;top:96px;right:24px}.ai-chat-widget-position-top-left .ai-chat-widget-window{transform-origin:0 0;top:96px;left:24px}.ai-chat-widget-window-open{opacity:1;pointer-events:auto;transform:scale(1)translateY(0)}.ai-chat-widget-window-closed{opacity:0;pointer-events:none;transform:scale(.3)translateY(40px)}.ai-chat-widget-card{border-radius:var(--cw-border-radius);background:var(--cw-chat-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--cw-border-color);height:100%;box-shadow:var(--cw-shadow);flex-direction:column;display:flex;overflow:hidden}.ai-chat-widget-header{background:var(--cw-header-bg);border-bottom:1px solid var(--cw-header-border);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.ai-chat-widget-header-left{align-items:center;gap:10px;display:flex}.ai-chat-widget-status-dot{background-color:var(--cw-status-indicator);width:9px;height:9px;box-shadow:0 0 10px var(--cw-status-indicator);border-radius:50%}.ai-chat-widget-header-title{color:var(--cw-header-text);letter-spacing:.5px;flex-direction:column;gap:2px;font-size:14px;font-weight:700;display:flex}.ai-chat-widget-header-subtitle{color:var(--cw-subtitle-text);letter-spacing:0;font-size:11px;font-weight:400}.ai-chat-widget-header-close{color:var(--cw-subtitle-text);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;transition:background-color .2s,color .2s;display:flex}.ai-chat-widget-header-close:hover{color:#fff;background-color:#ffffff1a}.ai-chat-widget-messages{background:var(--cw-messages-bg);flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.ai-chat-widget-messages::-webkit-scrollbar{width:6px}.ai-chat-widget-messages::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.ai-chat-widget-message-row{width:100%;display:flex}.ai-chat-widget-user-row{justify-content:flex-end}.ai-chat-widget-bot-row{justify-content:flex-start}.ai-chat-widget-bubble{word-break:break-word;border-radius:12px;max-width:82%;padding:10px 14px;font-size:13.5px;line-height:1.5}.ai-chat-widget-user-bubble{background-color:var(--cw-user-msg-bg);color:var(--cw-user-msg-text);box-shadow:var(--cw-user-msg-shadow);border-top-right-radius:2px}.ai-chat-widget-bot-bubble{background-color:var(--cw-bot-msg-bg);color:var(--cw-bot-msg-text);border:1px solid var(--cw-bot-msg-border);border-top-left-radius:2px}.ai-chat-widget-faq-container{flex-direction:column;gap:8px;margin-top:10px;display:flex}.ai-chat-widget-faq-chip{text-align:left;background-color:var(--cw-faq-chip-bg);border:1px solid var(--cw-faq-chip-border);color:var(--cw-faq-chip-text);cursor:pointer;border-radius:18px;outline:none;padding:7px 12px;font-size:12px;transition:all .2s;display:inline-block}.ai-chat-widget-faq-chip:hover{background-color:var(--cw-faq-chip-hover-bg);transform:translateY(-1px)}.ai-chat-widget-typing{align-items:center;gap:5px;padding:4px 6px;display:flex}.ai-chat-widget-dot{background-color:var(--cw-faq-chip-text);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite ai-chat-widget-bounce}.ai-chat-widget-dot:nth-child(2){animation-delay:.2s}.ai-chat-widget-dot:nth-child(3){animation-delay:.4s}@keyframes ai-chat-widget-bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-6px)}}.ai-chat-widget-input-area{border-top:1px solid var(--cw-input-area-border);background:var(--cw-input-area-bg);gap:10px;padding:12px 14px;display:flex}.ai-chat-widget-input{background-color:var(--cw-input-bg);border:1px solid var(--cw-input-border);color:var(--cw-input-text);border-radius:10px;outline:none;flex:1;padding:10px 14px;font-size:13.5px;transition:border-color .2s}.ai-chat-widget-input::placeholder{color:var(--cw-input-placeholder)}.ai-chat-widget-input:focus{border-color:var(--cw-input-focus-border)}.ai-chat-widget-send-btn{background:var(--cw-send-btn-bg);color:var(--cw-send-btn-text);cursor:pointer;border:none;border-radius:10px;outline:none;justify-content:center;align-items:center;padding:0 16px;transition:opacity .2s,transform .15s;display:flex}.ai-chat-widget-send-btn:hover{opacity:.9;transform:translateY(-1px)}.ai-chat-widget-send-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.ai-chat-widget-watermark{background:var(--cw-input-area-bg);text-align:center;color:#64748b;border-bottom-left-radius:var(--cw-border-radius);border-bottom-right-radius:var(--cw-border-radius);padding-bottom:12px;font-size:11px}.ai-chat-widget-watermark strong{color:#94a3b8;font-weight:600}@media (width<=480px){.ai-chat-widget-position-bottom-right .ai-chat-widget-window,.ai-chat-widget-position-bottom-left .ai-chat-widget-window{width:calc(100% - 24px);height:460px;bottom:84px;left:12px;right:12px}.ai-chat-widget-position-top-right .ai-chat-widget-window,.ai-chat-widget-position-top-left .ai-chat-widget-window{width:calc(100% - 24px);height:460px;top:84px;left:12px;right:12px}}/*$vite$:1*/`)),document.head.appendChild(e)}}catch(e){console.error(`vite-plugin-css-injected-by-js`,e)}})();
2
- import { useEffect as e, useRef as t, useState as n } from "react";
1
+ (function(){try{if(typeof document<`u`){var e=document.createElement(`style`);e.appendChild(document.createTextNode(`.ai-chat-widget-container{--cw-primary:#6366f1;--cw-primary-gradient:#8b5cf6;--cw-icon-text:#fff;--cw-beta-bg:#ef4444;--cw-beta-text:#fff;--cw-chat-bg:#0a0b14eb;--cw-border-color:#8b5cf64d;--cw-shadow:0 20px 50px #0009;--cw-border-radius:16px;--cw-font-family:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--cw-z-index:999999;--cw-width:380px;--cw-height:520px;--cw-header-bg:linear-gradient(90deg, #13112c, #070f1e);--cw-header-border:#8b5cf633;--cw-header-text:#fff;--cw-subtitle-text:#94a3b8;--cw-status-indicator:#10b981;--cw-messages-bg:radial-gradient(circle at 50% 50%, #0d0e1980 0%, #050508 100%);--cw-user-msg-bg:#6366f1;--cw-user-msg-text:#fff;--cw-user-msg-shadow:0 4px 12px #6366f14d;--cw-bot-msg-bg:#1e293bbf;--cw-bot-msg-text:#e2e8f0;--cw-bot-msg-border:#ffffff14;--cw-faq-chip-bg:#06b6d41a;--cw-faq-chip-text:#06b6d4;--cw-faq-chip-border:#06b6d44d;--cw-faq-chip-hover-bg:#06b6d433;--cw-input-area-bg:#08080c;--cw-input-area-border:#8b5cf633;--cw-input-bg:#0f101ad9;--cw-input-text:#fff;--cw-input-border:#8b5cf640;--cw-input-focus-border:#06b6d4;--cw-input-placeholder:#64748b;--cw-send-btn-bg:linear-gradient(135deg, #6366f1 0%, #06b6d4 100%);--cw-send-btn-text:#fff;z-index:var(--cw-z-index);font-family:var(--cw-font-family);box-sizing:border-box;position:fixed}.ai-chat-widget-container *{box-sizing:border-box}.ai-chat-widget-position-bottom-right{bottom:24px;right:24px}.ai-chat-widget-position-bottom-left{bottom:24px;left:24px}.ai-chat-widget-position-top-right{top:24px;right:24px}.ai-chat-widget-position-top-left{top:24px;left:24px}.ai-chat-widget-button{background:linear-gradient(135deg, var(--cw-primary), var(--cw-primary-gradient));width:60px;height:60px;color:var(--cw-icon-text);cursor:pointer;border:1px solid #ffffff26;border-radius:50%;outline:none;justify-content:center;align-items:center;padding:0;transition:transform .3s cubic-bezier(.16,1,.3,1),boxShadow .3s;display:flex;position:relative;box-shadow:0 0 20px #06b6d466}.ai-chat-widget-button:hover{transform:scale(1.08)rotate(3deg);box-shadow:0 0 30px #06b6d4b3}.ai-chat-widget-button:active{transform:scale(.95)}.ai-chat-widget-icon{width:26px;height:26px;color:var(--cw-icon-text);transition:transform .3s}.ai-chat-widget-badge{background-color:var(--cw-beta-bg);color:var(--cw-beta-text);letter-spacing:.5px;text-transform:uppercase;border:2px solid #0a0b14cc;border-radius:10px;padding:2px 7px;font-size:10px;font-weight:700;position:absolute;top:-4px;right:-8px;box-shadow:0 2px 6px #0000004d}.ai-chat-widget-window{width:var(--cw-width);height:var(--cw-height);z-index:var(--cw-z-index);transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .4s;position:fixed}.ai-chat-widget-position-bottom-right .ai-chat-widget-window{transform-origin:100% 100%;bottom:96px;right:24px}.ai-chat-widget-position-bottom-left .ai-chat-widget-window{transform-origin:0 100%;bottom:96px;left:24px}.ai-chat-widget-position-top-right .ai-chat-widget-window{transform-origin:100% 0;top:96px;right:24px}.ai-chat-widget-position-top-left .ai-chat-widget-window{transform-origin:0 0;top:96px;left:24px}.ai-chat-widget-window-open{opacity:1;pointer-events:auto;transform:scale(1)translateY(0)}.ai-chat-widget-window-closed{opacity:0;pointer-events:none;transform:scale(.3)translateY(40px)}.ai-chat-widget-card{border-radius:var(--cw-border-radius);background:var(--cw-chat-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--cw-border-color);height:100%;box-shadow:var(--cw-shadow);flex-direction:column;display:flex;overflow:hidden}.ai-chat-widget-header{background:var(--cw-header-bg);border-bottom:1px solid var(--cw-header-border);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.ai-chat-widget-header-left{align-items:center;gap:10px;display:flex}.ai-chat-widget-status-dot{background-color:var(--cw-status-indicator);width:9px;height:9px;box-shadow:0 0 10px var(--cw-status-indicator);border-radius:50%}.ai-chat-widget-header-title{color:var(--cw-header-text);letter-spacing:.5px;flex-direction:column;gap:2px;font-size:14px;font-weight:700;display:flex}.ai-chat-widget-header-subtitle{color:var(--cw-subtitle-text);letter-spacing:0;font-size:11px;font-weight:400}.ai-chat-widget-header-close{color:var(--cw-subtitle-text);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;transition:background-color .2s,color .2s;display:flex}.ai-chat-widget-header-close:hover{color:#fff;background-color:#ffffff1a}.ai-chat-widget-messages{background:var(--cw-messages-bg);flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.ai-chat-widget-messages::-webkit-scrollbar{width:6px}.ai-chat-widget-messages::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.ai-chat-widget-message-row{width:100%;display:flex}.ai-chat-widget-user-row{justify-content:flex-end}.ai-chat-widget-bot-row{justify-content:flex-start}.ai-chat-widget-bubble{word-break:break-word;border-radius:12px;max-width:82%;padding:10px 14px;font-size:13.5px;line-height:1.5}.ai-chat-widget-user-bubble{background-color:var(--cw-user-msg-bg);color:var(--cw-user-msg-text);box-shadow:var(--cw-user-msg-shadow);border-top-right-radius:2px}.ai-chat-widget-bot-bubble{background-color:var(--cw-bot-msg-bg);color:var(--cw-bot-msg-text);border:1px solid var(--cw-bot-msg-border);border-top-left-radius:2px}.ai-chat-widget-faq-container{flex-direction:column;gap:8px;margin-top:10px;display:flex}.ai-chat-widget-faq-chip{text-align:left;background-color:var(--cw-faq-chip-bg);border:1px solid var(--cw-faq-chip-border);color:var(--cw-faq-chip-text);cursor:pointer;border-radius:18px;outline:none;padding:7px 12px;font-size:12px;transition:all .2s;display:inline-block}.ai-chat-widget-faq-chip:hover{background-color:var(--cw-faq-chip-hover-bg);transform:translateY(-1px)}.ai-chat-widget-typing{align-items:center;gap:5px;padding:4px 6px;display:flex}.ai-chat-widget-dot{background-color:var(--cw-faq-chip-text);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite ai-chat-widget-bounce}.ai-chat-widget-dot:nth-child(2){animation-delay:.2s}.ai-chat-widget-dot:nth-child(3){animation-delay:.4s}@keyframes ai-chat-widget-bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-6px)}}.ai-chat-widget-input-area{border-top:1px solid var(--cw-input-area-border);background:var(--cw-input-area-bg);gap:10px;padding:12px 14px;display:flex}.ai-chat-widget-input{background-color:var(--cw-input-bg);border:1px solid var(--cw-input-border);color:var(--cw-input-text);border-radius:10px;outline:none;flex:1;padding:10px 14px;font-size:13.5px;transition:border-color .2s}.ai-chat-widget-input::placeholder{color:var(--cw-input-placeholder)}.ai-chat-widget-input:focus{border-color:var(--cw-input-focus-border)}.ai-chat-widget-send-btn{background:var(--cw-send-btn-bg);color:var(--cw-send-btn-text);cursor:pointer;border:none;border-radius:10px;outline:none;justify-content:center;align-items:center;padding:0 16px;transition:opacity .2s,transform .15s;display:flex}.ai-chat-widget-send-btn:hover{opacity:.9;transform:translateY(-1px)}.ai-chat-widget-send-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.ai-chat-widget-watermark{background:var(--cw-input-area-bg);text-align:center;color:#64748b;border-bottom-left-radius:var(--cw-border-radius);border-bottom-right-radius:var(--cw-border-radius);padding-bottom:12px;font-size:11px}.ai-chat-widget-watermark strong{color:#94a3b8;font-weight:600}@media (width<=480px){.ai-chat-widget-position-bottom-right .ai-chat-widget-window,.ai-chat-widget-position-bottom-left .ai-chat-widget-window{width:calc(100% - 24px);height:460px;bottom:84px;left:12px;right:12px}.ai-chat-widget-position-top-right .ai-chat-widget-window,.ai-chat-widget-position-top-left .ai-chat-widget-window{width:calc(100% - 24px);height:460px;top:84px;left:12px;right:12px}}
2
+ /*$vite$:1*/`)),document.head.appendChild(e)}}catch(e){console.error(`vite-plugin-css-injected-by-js`,e)}})();import { useEffect as e, useRef as t, useState as n } from "react";
3
3
  import { jsx as r, jsxs as i } from "react/jsx-runtime";
4
- //#region src/ChatWidget.jsx
4
+ //#region src/ChatWidget.tsx
5
5
  var a = () => /* @__PURE__ */ i("svg", {
6
6
  xmlns: "http://www.w3.org/2000/svg",
7
7
  viewBox: "0 0 24 24",
@@ -46,33 +46,33 @@ var a = () => /* @__PURE__ */ i("svg", {
46
46
  height: 18
47
47
  },
48
48
  children: /* @__PURE__ */ r("path", { d: "M5.7 12 2.3 3.27a.75.75 0 0 1 .94-.98l.1.04 18 9c.51.26.54.97.1 1.28l-.1.06-18 9a.75.75 0 0 1-1.07-.85l.03-.1L5.7 12 2.3 3.27 5.7 12ZM4.4 4.54l2.61 6.7 6.63.01c.38 0 .7.28.74.65v.1c0 .38-.27.7-.64.74l-.1.01H7l-2.6 6.7L19.31 12 4.4 4.54Z" })
49
- }), c = "https://localhost:7068", l = ({ widgetToken: l = "", title: u = "SYNAPSE NODE ALPHA", subtitle: d = "AI Assistant Active", greeting: f = "Greetings Operator. I am Synapse-Node-Alpha, your AI assistant. How can I help you navigate our mainframe today?", fallbackMessage: p = "Sorry, I'm having trouble connecting right now. Please try again later.", faqOptions: m = [
49
+ }), c = "https://localhost:7173/", l = [
50
50
  "What is an MCP Server?",
51
51
  "How do I deploy Synapse Agents?",
52
52
  "Are connections secure?"
53
- ], placeholder: h = "Query mainframe (e.g. security)...", showBadge: g = !0, badgeText: _ = "Beta", initialOpen: v = !1, position: y = "bottom-right", customIcon: b = null, customCloseIcon: x = null, customHeaderIcon: S = null, onOpenChange: C, onSendMessage: w, onResponse: T, onError: E, theme: D = {} }) => {
54
- let [O, k] = n(v), [A, j] = n([]), [M, N] = n(""), [P, F] = n(!1), [I, L] = n(null), R = t(null), [z, B] = n(null), [V, H] = n(!0);
53
+ ], u = {}, d = ({ widgetToken: d = "", title: f = "SYNAPSE NODE ALPHA", subtitle: p = "AI Assistant Active", greeting: m = "Greetings Operator. I am Synapse-Node-Alpha, your AI assistant. How can I help you navigate our mainframe today?", fallbackMessage: h = "Sorry, I'm having trouble connecting right now. Please try again later.", faqOptions: g = l, placeholder: _ = "Query mainframe (e.g. security)...", showBadge: v = !0, badgeText: y = "Beta", initialOpen: b = !1, position: x = "bottom-right", customIcon: S = null, customCloseIcon: C = null, customHeaderIcon: w = null, onOpenChange: T, onSendMessage: E, onResponse: D, onError: O, theme: k = u }) => {
54
+ let [A, j] = n(b), [M, N] = n([]), [P, F] = n(""), [I, L] = n(!1), [R, z] = n(null), B = t(null), [V, H] = n(null), [U, W] = n(!0);
55
55
  if (e(() => {
56
56
  let e = [];
57
- f && e.push({
57
+ m && e.push({
58
58
  id: "msg-greeting",
59
- text: f,
59
+ text: m,
60
60
  sender: "bot"
61
- }), m && m.length > 0 && e.push({
61
+ }), g && g.length > 0 && e.push({
62
62
  id: "msg-faq",
63
63
  text: "Select a topic of interest:",
64
64
  sender: "bot",
65
65
  isFaqOptions: !0
66
- }), j(e);
67
- }, [f, m]), e(() => {
68
- O && R.current && R.current.scrollIntoView({ behavior: "smooth" });
66
+ }), N(e);
67
+ }, [m, g]), e(() => {
68
+ A && B.current && B.current.scrollIntoView({ behavior: "smooth" });
69
69
  }, [
70
- A,
71
- P,
72
- O
70
+ M,
71
+ I,
72
+ A
73
73
  ]), e(() => {
74
- if (!l) {
75
- H(!0);
74
+ if (!d) {
75
+ W(!0);
76
76
  return;
77
77
  }
78
78
  var e = c.replace(/\/$/, "") + "/api/Chat/init";
@@ -80,113 +80,113 @@ var a = () => /* @__PURE__ */ i("svg", {
80
80
  method: "GET",
81
81
  headers: {
82
82
  "Content-Type": "application/json",
83
- "X-Widget-Token": l
83
+ "X-Widget-Token": d
84
84
  }
85
85
  }).then(function(e) {
86
86
  if (e.ok) return e.json();
87
87
  }).then(function(e) {
88
- e && B(e), H(!1);
88
+ e && H(e), W(!1);
89
89
  }).catch(function(e) {
90
- console.error("Widget initialization failed:", e), H(!0);
90
+ console.error("Widget initialization failed:", e), W(!0);
91
91
  });
92
- }, [l]), V || z && z.quotaExceeded) return null;
93
- let U = () => {
94
- var e = !O;
95
- k(e), C && C(e);
96
- }, W = async (e) => {
92
+ }, [d]), U || V && V.quotaExceeded) return null;
93
+ let G = () => {
94
+ var e = !A;
95
+ j(e), T && T(e);
96
+ }, K = async (e) => {
97
97
  var t = e.trim();
98
- if (!(!t || P)) {
99
- j(function(e) {
98
+ if (!(!t || I)) {
99
+ N(function(e) {
100
100
  return e.concat([{
101
101
  id: "user-" + Date.now(),
102
102
  text: t,
103
103
  sender: "user"
104
104
  }]);
105
- }), N(""), F(!0), w && w(t);
105
+ }), F(""), L(!0), E && E(t);
106
106
  var n = "";
107
- if (l) try {
107
+ if (d) try {
108
108
  var r = c.replace(/\/$/, "") + "/api/Chat", i = await fetch(r, {
109
109
  method: "POST",
110
110
  headers: {
111
111
  "Content-Type": "application/json",
112
- "X-Widget-Token": l
112
+ "X-Widget-Token": d
113
113
  },
114
114
  body: JSON.stringify({
115
115
  input: t,
116
- previousInteractionId: I
116
+ previousInteractionId: R
117
117
  })
118
118
  });
119
119
  if (i.ok) {
120
120
  var a = await i.json();
121
- n = a.reply || a.content || "Response received successfully.", a.interactionId && L(a.interactionId);
121
+ n = a.reply || a.content || "Response received successfully.", a.interactionId && z(a.interactionId);
122
122
  } else {
123
123
  var o = await i.json().catch(function() {
124
124
  return {};
125
125
  }), s = o.error || o.message || "Server responded with status " + i.status;
126
- E && E(s), n = i.status === 429 ? o.error || o.message || "Rate limit exceeded. Please wait a moment before sending another message." : typeof p == "function" ? p(t) : p;
126
+ O && O(s), n = i.status === 429 ? o.error || o.message || "Rate limit exceeded. Please wait a moment before sending another message." : typeof h == "function" ? h(t) : h;
127
127
  }
128
128
  } catch (e) {
129
- E && E(e), n = typeof p == "function" ? p(t) : p;
129
+ O && O(e), n = typeof h == "function" ? h(t) : h;
130
130
  }
131
131
  else await new Promise(function(e) {
132
132
  setTimeout(e, 800);
133
- }), n = typeof p == "function" ? p(t) : p;
134
- F(!1), j(function(e) {
133
+ }), n = typeof h == "function" ? h(t) : h;
134
+ L(!1), N(function(e) {
135
135
  return e.concat([{
136
136
  id: "bot-" + Date.now(),
137
137
  text: n,
138
138
  sender: "bot"
139
139
  }]);
140
- }), T && T(n);
140
+ }), D && D(n);
141
141
  }
142
- }, G = (e) => {
143
- e.key === "Enter" && (e.preventDefault(), W(M));
142
+ }, q = (e) => {
143
+ e.key === "Enter" && (e.preventDefault(), K(P));
144
144
  };
145
- var K = {
146
- "--cw-primary": D.primaryColor || "#8b5cf6",
147
- "--cw-primary-gradient": D.primaryColorGradient || "#06b6d4",
148
- "--cw-icon-text": D.iconTextColor || "#ffffff",
149
- "--cw-beta-bg": D.betaBadgeBackground || D.badgeBg || "#ef4444",
150
- "--cw-beta-text": D.betaBadgeTextColor || D.badgeText || "#ffffff",
151
- "--cw-chat-bg": D.chatBg || "rgba(10, 11, 20, 0.92)",
152
- "--cw-header-bg": D.headerBg || "linear-gradient(90deg, #13112c, #070f1e)",
153
- "--cw-header-text": D.headerText || D.headerTextColor || "#ffffff",
154
- "--cw-subtitle-text": D.subtitleText || "#94a3b8",
155
- "--cw-status-indicator": D.statusIndicator || "#10b981",
156
- "--cw-messages-bg": D.messagesBg || "radial-gradient(circle at 50% 50%, rgba(13, 14, 25, 0.5) 0%, #050508 100%)",
157
- "--cw-user-msg-bg": D.userMessageBg || D.userBubbleBg || "#6366f1",
158
- "--cw-user-msg-text": D.userMessageText || D.userBubbleText || "#ffffff",
159
- "--cw-bot-msg-bg": D.systemMessageBg || D.botBubbleBg || "rgba(30, 41, 59, 0.75)",
160
- "--cw-bot-msg-text": D.systemMessageText || D.botBubbleText || "#e2e8f0",
161
- "--cw-faq-chip-bg": D.faqChipBg || "rgba(6, 182, 212, 0.1)",
162
- "--cw-faq-chip-text": D.faqChipText || "#06b6d4",
163
- "--cw-faq-chip-border": D.faqChipBorder || "rgba(6, 182, 212, 0.3)",
164
- "--cw-faq-chip-hover-bg": D.faqChipHoverBg || "rgba(6, 182, 212, 0.2)",
165
- "--cw-input-bg": D.inputBg || "rgba(15, 16, 26, 0.85)",
166
- "--cw-input-text": D.inputText || "#ffffff",
167
- "--cw-input-border": D.inputBorder || "rgba(139, 92, 246, 0.25)",
168
- "--cw-input-focus-border": D.inputFocusBorder || "#06b6d4",
169
- "--cw-send-btn-bg": D.sendButtonBg || "linear-gradient(135deg, #6366f1 0%, #06b6d4 100%)",
170
- "--cw-send-btn-text": D.sendButtonText || "#ffffff",
171
- "--cw-border-radius": D.borderRadius || "16px",
172
- "--cw-width": D.width || "380px",
173
- "--cw-height": D.height || "520px",
174
- "--cw-z-index": D.zIndex || 999999,
175
- "--cw-font-family": D.fontFamily || "'Inter', system-ui, -apple-system, sans-serif"
176
- }, q = "ai-chat-widget-position-" + y;
145
+ var J = {
146
+ "--cw-primary": k.primaryColor || "#8b5cf6",
147
+ "--cw-primary-gradient": k.primaryColorGradient || "#06b6d4",
148
+ "--cw-icon-text": k.iconTextColor || "#ffffff",
149
+ "--cw-beta-bg": k.betaBadgeBackground || k.badgeBg || "#ef4444",
150
+ "--cw-beta-text": k.betaBadgeTextColor || k.badgeText || "#ffffff",
151
+ "--cw-chat-bg": k.chatBg || "rgba(10, 11, 20, 0.92)",
152
+ "--cw-header-bg": k.headerBg || "linear-gradient(90deg, #13112c, #070f1e)",
153
+ "--cw-header-text": k.headerText || k.headerTextColor || "#ffffff",
154
+ "--cw-subtitle-text": k.subtitleText || "#94a3b8",
155
+ "--cw-status-indicator": k.statusIndicator || "#10b981",
156
+ "--cw-messages-bg": k.messagesBg || "radial-gradient(circle at 50% 50%, rgba(13, 14, 25, 0.5) 0%, #050508 100%)",
157
+ "--cw-user-msg-bg": k.userMessageBg || k.userBubbleBg || "#6366f1",
158
+ "--cw-user-msg-text": k.userMessageText || k.userBubbleText || "#ffffff",
159
+ "--cw-bot-msg-bg": k.systemMessageBg || k.botBubbleBg || "rgba(30, 41, 59, 0.75)",
160
+ "--cw-bot-msg-text": k.systemMessageText || k.botBubbleText || "#e2e8f0",
161
+ "--cw-faq-chip-bg": k.faqChipBg || "rgba(6, 182, 212, 0.1)",
162
+ "--cw-faq-chip-text": k.faqChipText || "#06b6d4",
163
+ "--cw-faq-chip-border": k.faqChipBorder || "rgba(6, 182, 212, 0.3)",
164
+ "--cw-faq-chip-hover-bg": k.faqChipHoverBg || "rgba(6, 182, 212, 0.2)",
165
+ "--cw-input-bg": k.inputBg || "rgba(15, 16, 26, 0.85)",
166
+ "--cw-input-text": k.inputText || "#ffffff",
167
+ "--cw-input-border": k.inputBorder || "rgba(139, 92, 246, 0.25)",
168
+ "--cw-input-focus-border": k.inputFocusBorder || "#06b6d4",
169
+ "--cw-send-btn-bg": k.sendButtonBg || "linear-gradient(135deg, #6366f1 0%, #06b6d4 100%)",
170
+ "--cw-send-btn-text": k.sendButtonText || "#ffffff",
171
+ "--cw-border-radius": k.borderRadius || "16px",
172
+ "--cw-width": k.width || "380px",
173
+ "--cw-height": k.height || "520px",
174
+ "--cw-z-index": k.zIndex || 999999,
175
+ "--cw-font-family": k.fontFamily || "'Inter', system-ui, -apple-system, sans-serif"
176
+ }, Y = "ai-chat-widget-position-" + x;
177
177
  return /* @__PURE__ */ i("div", {
178
- className: "ai-chat-widget-container " + q,
179
- style: K,
178
+ className: "ai-chat-widget-container " + Y,
179
+ style: J,
180
180
  children: [/* @__PURE__ */ i("button", {
181
181
  className: "ai-chat-widget-button",
182
- onClick: U,
183
- "aria-label": O ? "Close chat" : "Open chat",
184
- children: [O ? x || /* @__PURE__ */ r(o, {}) : b || /* @__PURE__ */ r(a, {}), g && !O && /* @__PURE__ */ r("span", {
182
+ onClick: G,
183
+ "aria-label": A ? "Close chat" : "Open chat",
184
+ children: [A ? C || /* @__PURE__ */ r(o, {}) : S || /* @__PURE__ */ r(a, {}), v && !A && /* @__PURE__ */ r("span", {
185
185
  className: "ai-chat-widget-badge",
186
- children: _
186
+ children: y
187
187
  })]
188
188
  }), /* @__PURE__ */ r("div", {
189
- className: "ai-chat-widget-window " + (O ? "ai-chat-widget-window-open" : "ai-chat-widget-window-closed"),
189
+ className: "ai-chat-widget-window " + (A ? "ai-chat-widget-window-open" : "ai-chat-widget-window-closed"),
190
190
  children: /* @__PURE__ */ i("div", {
191
191
  className: "ai-chat-widget-card",
192
192
  children: [
@@ -194,35 +194,35 @@ var a = () => /* @__PURE__ */ i("svg", {
194
194
  className: "ai-chat-widget-header",
195
195
  children: [/* @__PURE__ */ i("div", {
196
196
  className: "ai-chat-widget-header-left",
197
- children: [S || /* @__PURE__ */ r("div", { className: "ai-chat-widget-status-dot" }), /* @__PURE__ */ i("div", {
197
+ children: [w || /* @__PURE__ */ r("div", { className: "ai-chat-widget-status-dot" }), /* @__PURE__ */ i("div", {
198
198
  className: "ai-chat-widget-header-title",
199
- children: [/* @__PURE__ */ r("span", { children: u }), d && /* @__PURE__ */ r("span", {
199
+ children: [/* @__PURE__ */ r("span", { children: f }), p && /* @__PURE__ */ r("span", {
200
200
  className: "ai-chat-widget-header-subtitle",
201
- children: d
201
+ children: p
202
202
  })]
203
203
  })]
204
204
  }), /* @__PURE__ */ r("button", {
205
205
  className: "ai-chat-widget-header-close",
206
- onClick: U,
206
+ onClick: G,
207
207
  "aria-label": "Close widget",
208
- children: x || /* @__PURE__ */ r(o, {})
208
+ children: C || /* @__PURE__ */ r(o, {})
209
209
  })]
210
210
  }),
211
211
  /* @__PURE__ */ i("div", {
212
212
  className: "ai-chat-widget-messages",
213
213
  children: [
214
- A.map(function(e) {
214
+ M.map(function(e) {
215
215
  return /* @__PURE__ */ r("div", {
216
216
  className: "ai-chat-widget-message-row " + (e.sender === "user" ? "ai-chat-widget-user-row" : "ai-chat-widget-bot-row"),
217
217
  children: /* @__PURE__ */ i("div", {
218
218
  className: "ai-chat-widget-bubble " + (e.sender === "user" ? "ai-chat-widget-user-bubble" : "ai-chat-widget-bot-bubble"),
219
- children: [e.text, e.isFaqOptions && m && m.length > 0 && /* @__PURE__ */ r("div", {
219
+ children: [e.text, e.isFaqOptions && g && g.length > 0 && /* @__PURE__ */ r("div", {
220
220
  className: "ai-chat-widget-faq-container",
221
- children: m.map(function(e, t) {
221
+ children: g.map(function(e, t) {
222
222
  return /* @__PURE__ */ i("button", {
223
223
  className: "ai-chat-widget-faq-chip",
224
224
  onClick: function() {
225
- W(e);
225
+ K(e);
226
226
  },
227
227
  children: ["> ", e]
228
228
  }, t);
@@ -231,7 +231,7 @@ var a = () => /* @__PURE__ */ i("svg", {
231
231
  })
232
232
  }, e.id);
233
233
  }),
234
- P && /* @__PURE__ */ r("div", {
234
+ I && /* @__PURE__ */ r("div", {
235
235
  className: "ai-chat-widget-message-row ai-chat-widget-bot-row",
236
236
  children: /* @__PURE__ */ r("div", {
237
237
  className: "ai-chat-widget-bubble ai-chat-widget-bot-bubble",
@@ -245,7 +245,7 @@ var a = () => /* @__PURE__ */ i("svg", {
245
245
  })
246
246
  })
247
247
  }),
248
- /* @__PURE__ */ r("div", { ref: R })
248
+ /* @__PURE__ */ r("div", { ref: B })
249
249
  ]
250
250
  }),
251
251
  /* @__PURE__ */ i("div", {
@@ -253,31 +253,31 @@ var a = () => /* @__PURE__ */ i("svg", {
253
253
  children: [/* @__PURE__ */ r("input", {
254
254
  type: "text",
255
255
  className: "ai-chat-widget-input",
256
- value: M,
256
+ value: P,
257
257
  onChange: function(e) {
258
- N(e.target.value);
258
+ F(e.target.value);
259
259
  },
260
- placeholder: h,
261
- onKeyDown: G,
262
- disabled: P
260
+ placeholder: _,
261
+ onKeyDown: q,
262
+ disabled: I
263
263
  }), /* @__PURE__ */ r("button", {
264
264
  className: "ai-chat-widget-send-btn",
265
265
  onClick: function() {
266
- W(M);
266
+ K(P);
267
267
  },
268
- disabled: !M.trim() || P,
268
+ disabled: !P.trim() || I,
269
269
  "aria-label": "Send message",
270
270
  children: /* @__PURE__ */ r(s, {})
271
271
  })]
272
272
  }),
273
- (!z || !z.removeWatermark) && /* @__PURE__ */ i("div", {
273
+ (!V || !V.removeWatermark) && /* @__PURE__ */ i("div", {
274
274
  className: "ai-chat-widget-watermark",
275
- children: ["Powered by ", /* @__PURE__ */ r("strong", { children: z && z.organizationName || "AI-FAQ" })]
275
+ children: ["Powered by ", /* @__PURE__ */ r("strong", { children: V && V.organizationName || "AI-FAQ" })]
276
276
  })
277
277
  ]
278
278
  })
279
279
  })]
280
280
  });
281
- }, u = l;
281
+ }, f = d;
282
282
  //#endregion
283
- export { l as ChatWidget, u as default };
283
+ export { d as ChatWidget, f as default };
package/dist/index.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import { default as ChatWidget } from './ChatWidget';
2
+ export { ChatWidget };
3
+ export default ChatWidget;
package/package.json CHANGED
@@ -1,13 +1,15 @@
1
1
  {
2
2
  "name": "@ai-chat-bot/react-ai-chat-bot",
3
- "version": "1.0.4",
3
+ "version": "1.0.6",
4
4
  "private": false,
5
5
  "description": "Embeddable React AI Chatbot Widget component",
6
6
  "type": "module",
7
7
  "main": "./dist/ai-chat-bot.cjs.js",
8
8
  "module": "./dist/ai-chat-bot.es.js",
9
+ "types": "./dist/index.d.ts",
9
10
  "exports": {
10
11
  ".": {
12
+ "types": "./dist/index.d.ts",
11
13
  "import": "./dist/ai-chat-bot.es.js",
12
14
  "require": "./dist/ai-chat-bot.cjs.js"
13
15
  }
@@ -36,11 +38,16 @@
36
38
  "react-dom": ">=16.8.0"
37
39
  },
38
40
  "devDependencies": {
41
+ "@types/react": "^19.2.18",
42
+ "@types/react-dom": "^19.2.4",
43
+ "@typescript/typescript6": "^6.0.2",
39
44
  "@vitejs/plugin-react": "^6.0.4",
40
45
  "oxlint": "^1.75.0",
41
46
  "react": "^19.2.8",
42
47
  "react-dom": "^19.2.8",
48
+ "typescript": "^7.0.2",
43
49
  "vite": "^8.2.0",
44
- "vite-plugin-css-injected-by-js": "^3.5.2"
50
+ "vite-plugin-css-injected-by-js": "^3.5.2",
51
+ "vite-plugin-dts": "^5.0.3"
45
52
  }
46
53
  }