@ai-chat-bot/react-ai-chat-bot 1.0.7 → 1.0.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/ai-chat-bot.cjs.js +1 -2
- package/dist/ai-chat-bot.es.js +14 -283
- package/package.json +2 -1
package/dist/ai-chat-bot.cjs.js
CHANGED
|
@@ -1,2 +1 @@
|
|
|
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?.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=_;
|
|
1
|
+
!function(){try{if("undefined"!=typeof document){var t=document.createElement("style");t.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}}\n/*$vite$:1*/')),document.head.appendChild(t)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});var e=Object.create,t=Object.defineProperty,a=Object.getOwnPropertyDescriptor,i=Object.getOwnPropertyNames,s=Object.getPrototypeOf,r=Object.prototype.hasOwnProperty;let n=require("react");var c,o;o=null!=(c=n)?e(s(c)):{},n=((e,s,n,c)=>{if(s&&"object"==typeof s||"function"==typeof s)for(var o,d=i(s),l=0,g=d.length;l<g;l++)o=d[l],r.call(e,o)||void 0===o||t(e,o,{get:(e=>s[e]).bind(null,o),enumerable:!(c=a(s,o))||c.enumerable});return e})(t(o,"default",{value:c,enumerable:!0}),c);let d=require("react/jsx-runtime");var l=()=>(0,d.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,d.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,d.jsx)("line",{x1:"8",y1:"10",x2:"16",y2:"10"}),(0,d.jsx)("line",{x1:"8",y1:"14",x2:"13",y2:"14"})]}),g=()=>(0,d.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",style:{width:24,height:24},children:(0,d.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"})}),h=()=>(0,d.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",style:{width:18,height:18},children:(0,d.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"})}),u="https://localhost:7173/",w=["What is an MCP Server?","How do I deploy Synapse Agents?","Are connections secure?"],f={},b=({widgetToken:e="",title:t="SYNAPSE NODE ALPHA",subtitle:a="AI Assistant Active",greeting:i="Greetings Operator. I am Synapse-Node-Alpha, your AI assistant. How can I help you navigate our mainframe today?",fallbackMessage:s="Sorry, I'm having trouble connecting right now. Please try again later.",faqOptions:r=w,placeholder:c="Query mainframe (e.g. security)...",showBadge:o=!0,badgeText:b="Beta",initialOpen:p=!1,position:x="bottom-right",customIcon:m=null,customCloseIcon:v=null,customHeaderIcon:j=null,onOpenChange:y,onSendMessage:N,onResponse:B,onError:C,theme:T=f})=>{const[O,S]=(0,n.useState)(p),[k,I]=(0,n.useState)([]),[q,P]=(0,n.useState)(""),[A,M]=(0,n.useState)(!1),[L,E]=(0,n.useState)(null),D=(0,n.useRef)(null),[H,W]=(0,n.useState)(null),[F,R]=(0,n.useState)(!0);if((0,n.useEffect)(()=>{const e=[];i&&e.push({id:"msg-greeting",text:i,sender:"bot"}),r&&r.length>0&&e.push({id:"msg-faq",text:"Select a topic of interest:",sender:"bot",isFaqOptions:!0}),I(e)},[i,r]),(0,n.useEffect)(()=>{O&&D.current?.scrollIntoView({behavior:"smooth"})},[k,A,O]),(0,n.useEffect)(()=>{if(e){var t=u.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&&W(e),R(!1)}).catch(function(e){R(!0)})}else R(!0)},[e]),F)return null;if(H&&H.quotaExceeded)return null;const z=()=>{var e=!O;S(e),y&&y(e)},G=async t=>{var a=t.trim();if(a&&!A){I(function(e){return e.concat([{id:"user-"+Date.now(),text:a,sender:"user"}])}),P(""),M(!0),N&&N(a);var i="";if(e)try{var r=u.replace(/\/$/,"")+"/api/Chat",n=await fetch(r,{method:"POST",headers:{"Content-Type":"application/json","X-Widget-Token":e},body:JSON.stringify({input:a,previousInteractionId:L})});if(n.ok){var c=await n.json();i=c.reply||c.content||"Response received successfully.",c.interactionId&&E(c.interactionId)}else{var o=await n.json().catch(function(){return{}}),d=o.error||o.message||"Server responded with status "+n.status;C&&C(d),i=429===n.status?o.error||o.message||"Rate limit exceeded. Please wait a moment before sending another message.":"function"==typeof s?s(a):s}}catch(l){C&&C(l),i="function"==typeof s?s(a):s}else await new Promise(function(e){setTimeout(e,800)}),i="function"==typeof s?s(a):s;M(!1),I(function(e){return e.concat([{id:"bot-"+Date.now(),text:i,sender:"bot"}])}),B&&B(i)}};var Z={"--cw-primary":T.primaryColor||"#8b5cf6","--cw-primary-gradient":T.primaryColorGradient||"#06b6d4","--cw-icon-text":T.iconTextColor||"#ffffff","--cw-beta-bg":T.betaBadgeBackground||T.badgeBg||"#ef4444","--cw-beta-text":T.betaBadgeTextColor||T.badgeText||"#ffffff","--cw-chat-bg":T.chatBg||"rgba(10, 11, 20, 0.92)","--cw-header-bg":T.headerBg||"linear-gradient(90deg, #13112c, #070f1e)","--cw-header-text":T.headerText||T.headerTextColor||"#ffffff","--cw-subtitle-text":T.subtitleText||"#94a3b8","--cw-status-indicator":T.statusIndicator||"#10b981","--cw-messages-bg":T.messagesBg||"radial-gradient(circle at 50% 50%, rgba(13, 14, 25, 0.5) 0%, #050508 100%)","--cw-user-msg-bg":T.userMessageBg||T.userBubbleBg||"#6366f1","--cw-user-msg-text":T.userMessageText||T.userBubbleText||"#ffffff","--cw-bot-msg-bg":T.systemMessageBg||T.botBubbleBg||"rgba(30, 41, 59, 0.75)","--cw-bot-msg-text":T.systemMessageText||T.botBubbleText||"#e2e8f0","--cw-faq-chip-bg":T.faqChipBg||"rgba(6, 182, 212, 0.1)","--cw-faq-chip-text":T.faqChipText||"#06b6d4","--cw-faq-chip-border":T.faqChipBorder||"rgba(6, 182, 212, 0.3)","--cw-faq-chip-hover-bg":T.faqChipHoverBg||"rgba(6, 182, 212, 0.2)","--cw-input-bg":T.inputBg||"rgba(15, 16, 26, 0.85)","--cw-input-text":T.inputText||"#ffffff","--cw-input-border":T.inputBorder||"rgba(139, 92, 246, 0.25)","--cw-input-focus-border":T.inputFocusBorder||"#06b6d4","--cw-send-btn-bg":T.sendButtonBg||"linear-gradient(135deg, #6366f1 0%, #06b6d4 100%)","--cw-send-btn-text":T.sendButtonText||"#ffffff","--cw-border-radius":T.borderRadius||"16px","--cw-width":T.width||"380px","--cw-height":T.height||"520px","--cw-z-index":T.zIndex||999999,"--cw-font-family":T.fontFamily||"'Inter', system-ui, -apple-system, sans-serif"},Q="ai-chat-widget-position-"+x;return(0,d.jsxs)("div",{className:"ai-chat-widget-container "+Q,style:Z,children:[(0,d.jsxs)("button",{className:"ai-chat-widget-button",onClick:z,"aria-label":O?"Close chat":"Open chat",children:[O?v||(0,d.jsx)(g,{}):m||(0,d.jsx)(l,{}),o&&!O&&(0,d.jsx)("span",{className:"ai-chat-widget-badge",children:b})]}),(0,d.jsx)("div",{className:"ai-chat-widget-window "+(O?"ai-chat-widget-window-open":"ai-chat-widget-window-closed"),children:(0,d.jsxs)("div",{className:"ai-chat-widget-card",children:[(0,d.jsxs)("div",{className:"ai-chat-widget-header",children:[(0,d.jsxs)("div",{className:"ai-chat-widget-header-left",children:[j||(0,d.jsx)("div",{className:"ai-chat-widget-status-dot"}),(0,d.jsxs)("div",{className:"ai-chat-widget-header-title",children:[(0,d.jsx)("span",{children:t}),a&&(0,d.jsx)("span",{className:"ai-chat-widget-header-subtitle",children:a})]})]}),(0,d.jsx)("button",{className:"ai-chat-widget-header-close",onClick:z,"aria-label":"Close widget",children:v||(0,d.jsx)(g,{})})]}),(0,d.jsxs)("div",{className:"ai-chat-widget-messages",children:[k.map(function(e){return(0,d.jsx)("div",{className:"ai-chat-widget-message-row "+("user"===e.sender?"ai-chat-widget-user-row":"ai-chat-widget-bot-row"),children:(0,d.jsxs)("div",{className:"ai-chat-widget-bubble "+("user"===e.sender?"ai-chat-widget-user-bubble":"ai-chat-widget-bot-bubble"),children:[e.text,e.isFaqOptions&&r&&r.length>0&&(0,d.jsx)("div",{className:"ai-chat-widget-faq-container",children:r.map(function(e,t){return(0,d.jsxs)("button",{className:"ai-chat-widget-faq-chip",onClick:function(){G(e)},children:["> ",e]},t)})})]})},e.id)}),A&&(0,d.jsx)("div",{className:"ai-chat-widget-message-row ai-chat-widget-bot-row",children:(0,d.jsx)("div",{className:"ai-chat-widget-bubble ai-chat-widget-bot-bubble",children:(0,d.jsxs)("div",{className:"ai-chat-widget-typing",children:[(0,d.jsx)("div",{className:"ai-chat-widget-dot"}),(0,d.jsx)("div",{className:"ai-chat-widget-dot"}),(0,d.jsx)("div",{className:"ai-chat-widget-dot"})]})})}),(0,d.jsx)("div",{ref:D})]}),(0,d.jsxs)("div",{className:"ai-chat-widget-input-area",children:[(0,d.jsx)("input",{type:"text",className:"ai-chat-widget-input",value:q,onChange:function(e){P(e.target.value)},placeholder:c,onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),G(q))},disabled:A}),(0,d.jsx)("button",{className:"ai-chat-widget-send-btn",onClick:function(){G(q)},disabled:!q.trim()||A,"aria-label":"Send message",children:(0,d.jsx)(h,{})})]}),(!H||!H.removeWatermark)&&(0,d.jsxs)("div",{className:"ai-chat-widget-watermark",children:["Powered by ",(0,d.jsx)("strong",{children:H&&H.organizationName||"AI-FAQ"})]})]})})]})},p=b;exports.ChatWidget=b,exports.default=p;
|
package/dist/ai-chat-bot.es.js
CHANGED
|
@@ -1,283 +1,14 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
className: "ai-chat-widget-icon",
|
|
16
|
-
children: [
|
|
17
|
-
/* @__PURE__ */ r("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" }),
|
|
18
|
-
/* @__PURE__ */ r("line", {
|
|
19
|
-
x1: "8",
|
|
20
|
-
y1: "10",
|
|
21
|
-
x2: "16",
|
|
22
|
-
y2: "10"
|
|
23
|
-
}),
|
|
24
|
-
/* @__PURE__ */ r("line", {
|
|
25
|
-
x1: "8",
|
|
26
|
-
y1: "14",
|
|
27
|
-
x2: "13",
|
|
28
|
-
y2: "14"
|
|
29
|
-
})
|
|
30
|
-
]
|
|
31
|
-
}), o = () => /* @__PURE__ */ r("svg", {
|
|
32
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
33
|
-
viewBox: "0 0 24 24",
|
|
34
|
-
fill: "currentColor",
|
|
35
|
-
style: {
|
|
36
|
-
width: 24,
|
|
37
|
-
height: 24
|
|
38
|
-
},
|
|
39
|
-
children: /* @__PURE__ */ r("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" })
|
|
40
|
-
}), s = () => /* @__PURE__ */ r("svg", {
|
|
41
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
42
|
-
viewBox: "0 0 24 24",
|
|
43
|
-
fill: "currentColor",
|
|
44
|
-
style: {
|
|
45
|
-
width: 18,
|
|
46
|
-
height: 18
|
|
47
|
-
},
|
|
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:7173/", l = [
|
|
50
|
-
"What is an MCP Server?",
|
|
51
|
-
"How do I deploy Synapse Agents?",
|
|
52
|
-
"Are connections secure?"
|
|
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
|
-
if (e(() => {
|
|
56
|
-
let e = [];
|
|
57
|
-
m && e.push({
|
|
58
|
-
id: "msg-greeting",
|
|
59
|
-
text: m,
|
|
60
|
-
sender: "bot"
|
|
61
|
-
}), g && g.length > 0 && e.push({
|
|
62
|
-
id: "msg-faq",
|
|
63
|
-
text: "Select a topic of interest:",
|
|
64
|
-
sender: "bot",
|
|
65
|
-
isFaqOptions: !0
|
|
66
|
-
}), N(e);
|
|
67
|
-
}, [m, g]), e(() => {
|
|
68
|
-
A && B.current?.scrollIntoView({ behavior: "smooth" });
|
|
69
|
-
}, [
|
|
70
|
-
M,
|
|
71
|
-
I,
|
|
72
|
-
A
|
|
73
|
-
]), e(() => {
|
|
74
|
-
if (!d) {
|
|
75
|
-
W(!0);
|
|
76
|
-
return;
|
|
77
|
-
}
|
|
78
|
-
var e = c.replace(/\/$/, "") + "/api/Chat/init";
|
|
79
|
-
fetch(e, {
|
|
80
|
-
method: "GET",
|
|
81
|
-
headers: {
|
|
82
|
-
"Content-Type": "application/json",
|
|
83
|
-
"X-Widget-Token": d
|
|
84
|
-
}
|
|
85
|
-
}).then(function(e) {
|
|
86
|
-
if (e.ok) return e.json();
|
|
87
|
-
}).then(function(e) {
|
|
88
|
-
e && H(e), W(!1);
|
|
89
|
-
}).catch(function(e) {
|
|
90
|
-
console.error("Widget initialization failed:", e), W(!0);
|
|
91
|
-
});
|
|
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
|
-
var t = e.trim();
|
|
98
|
-
if (!(!t || I)) {
|
|
99
|
-
N(function(e) {
|
|
100
|
-
return e.concat([{
|
|
101
|
-
id: "user-" + Date.now(),
|
|
102
|
-
text: t,
|
|
103
|
-
sender: "user"
|
|
104
|
-
}]);
|
|
105
|
-
}), F(""), L(!0), E && E(t);
|
|
106
|
-
var n = "";
|
|
107
|
-
if (d) try {
|
|
108
|
-
var r = c.replace(/\/$/, "") + "/api/Chat", i = await fetch(r, {
|
|
109
|
-
method: "POST",
|
|
110
|
-
headers: {
|
|
111
|
-
"Content-Type": "application/json",
|
|
112
|
-
"X-Widget-Token": d
|
|
113
|
-
},
|
|
114
|
-
body: JSON.stringify({
|
|
115
|
-
input: t,
|
|
116
|
-
previousInteractionId: R
|
|
117
|
-
})
|
|
118
|
-
});
|
|
119
|
-
if (i.ok) {
|
|
120
|
-
var a = await i.json();
|
|
121
|
-
n = a.reply || a.content || "Response received successfully.", a.interactionId && z(a.interactionId);
|
|
122
|
-
} else {
|
|
123
|
-
var o = await i.json().catch(function() {
|
|
124
|
-
return {};
|
|
125
|
-
}), s = o.error || o.message || "Server responded with status " + i.status;
|
|
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
|
-
}
|
|
128
|
-
} catch (e) {
|
|
129
|
-
O && O(e), n = typeof h == "function" ? h(t) : h;
|
|
130
|
-
}
|
|
131
|
-
else await new Promise(function(e) {
|
|
132
|
-
setTimeout(e, 800);
|
|
133
|
-
}), n = typeof h == "function" ? h(t) : h;
|
|
134
|
-
L(!1), N(function(e) {
|
|
135
|
-
return e.concat([{
|
|
136
|
-
id: "bot-" + Date.now(),
|
|
137
|
-
text: n,
|
|
138
|
-
sender: "bot"
|
|
139
|
-
}]);
|
|
140
|
-
}), D && D(n);
|
|
141
|
-
}
|
|
142
|
-
}, q = (e) => {
|
|
143
|
-
e.key === "Enter" && (e.preventDefault(), K(P));
|
|
144
|
-
};
|
|
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
|
-
return /* @__PURE__ */ i("div", {
|
|
178
|
-
className: "ai-chat-widget-container " + Y,
|
|
179
|
-
style: J,
|
|
180
|
-
children: [/* @__PURE__ */ i("button", {
|
|
181
|
-
className: "ai-chat-widget-button",
|
|
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
|
-
className: "ai-chat-widget-badge",
|
|
186
|
-
children: y
|
|
187
|
-
})]
|
|
188
|
-
}), /* @__PURE__ */ r("div", {
|
|
189
|
-
className: "ai-chat-widget-window " + (A ? "ai-chat-widget-window-open" : "ai-chat-widget-window-closed"),
|
|
190
|
-
children: /* @__PURE__ */ i("div", {
|
|
191
|
-
className: "ai-chat-widget-card",
|
|
192
|
-
children: [
|
|
193
|
-
/* @__PURE__ */ i("div", {
|
|
194
|
-
className: "ai-chat-widget-header",
|
|
195
|
-
children: [/* @__PURE__ */ i("div", {
|
|
196
|
-
className: "ai-chat-widget-header-left",
|
|
197
|
-
children: [w || /* @__PURE__ */ r("div", { className: "ai-chat-widget-status-dot" }), /* @__PURE__ */ i("div", {
|
|
198
|
-
className: "ai-chat-widget-header-title",
|
|
199
|
-
children: [/* @__PURE__ */ r("span", { children: f }), p && /* @__PURE__ */ r("span", {
|
|
200
|
-
className: "ai-chat-widget-header-subtitle",
|
|
201
|
-
children: p
|
|
202
|
-
})]
|
|
203
|
-
})]
|
|
204
|
-
}), /* @__PURE__ */ r("button", {
|
|
205
|
-
className: "ai-chat-widget-header-close",
|
|
206
|
-
onClick: G,
|
|
207
|
-
"aria-label": "Close widget",
|
|
208
|
-
children: C || /* @__PURE__ */ r(o, {})
|
|
209
|
-
})]
|
|
210
|
-
}),
|
|
211
|
-
/* @__PURE__ */ i("div", {
|
|
212
|
-
className: "ai-chat-widget-messages",
|
|
213
|
-
children: [
|
|
214
|
-
M.map(function(e) {
|
|
215
|
-
return /* @__PURE__ */ r("div", {
|
|
216
|
-
className: "ai-chat-widget-message-row " + (e.sender === "user" ? "ai-chat-widget-user-row" : "ai-chat-widget-bot-row"),
|
|
217
|
-
children: /* @__PURE__ */ i("div", {
|
|
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 && g && g.length > 0 && /* @__PURE__ */ r("div", {
|
|
220
|
-
className: "ai-chat-widget-faq-container",
|
|
221
|
-
children: g.map(function(e, t) {
|
|
222
|
-
return /* @__PURE__ */ i("button", {
|
|
223
|
-
className: "ai-chat-widget-faq-chip",
|
|
224
|
-
onClick: function() {
|
|
225
|
-
K(e);
|
|
226
|
-
},
|
|
227
|
-
children: ["> ", e]
|
|
228
|
-
}, t);
|
|
229
|
-
})
|
|
230
|
-
})]
|
|
231
|
-
})
|
|
232
|
-
}, e.id);
|
|
233
|
-
}),
|
|
234
|
-
I && /* @__PURE__ */ r("div", {
|
|
235
|
-
className: "ai-chat-widget-message-row ai-chat-widget-bot-row",
|
|
236
|
-
children: /* @__PURE__ */ r("div", {
|
|
237
|
-
className: "ai-chat-widget-bubble ai-chat-widget-bot-bubble",
|
|
238
|
-
children: /* @__PURE__ */ i("div", {
|
|
239
|
-
className: "ai-chat-widget-typing",
|
|
240
|
-
children: [
|
|
241
|
-
/* @__PURE__ */ r("div", { className: "ai-chat-widget-dot" }),
|
|
242
|
-
/* @__PURE__ */ r("div", { className: "ai-chat-widget-dot" }),
|
|
243
|
-
/* @__PURE__ */ r("div", { className: "ai-chat-widget-dot" })
|
|
244
|
-
]
|
|
245
|
-
})
|
|
246
|
-
})
|
|
247
|
-
}),
|
|
248
|
-
/* @__PURE__ */ r("div", { ref: B })
|
|
249
|
-
]
|
|
250
|
-
}),
|
|
251
|
-
/* @__PURE__ */ i("div", {
|
|
252
|
-
className: "ai-chat-widget-input-area",
|
|
253
|
-
children: [/* @__PURE__ */ r("input", {
|
|
254
|
-
type: "text",
|
|
255
|
-
className: "ai-chat-widget-input",
|
|
256
|
-
value: P,
|
|
257
|
-
onChange: function(e) {
|
|
258
|
-
F(e.target.value);
|
|
259
|
-
},
|
|
260
|
-
placeholder: _,
|
|
261
|
-
onKeyDown: q,
|
|
262
|
-
disabled: I
|
|
263
|
-
}), /* @__PURE__ */ r("button", {
|
|
264
|
-
className: "ai-chat-widget-send-btn",
|
|
265
|
-
onClick: function() {
|
|
266
|
-
K(P);
|
|
267
|
-
},
|
|
268
|
-
disabled: !P.trim() || I,
|
|
269
|
-
"aria-label": "Send message",
|
|
270
|
-
children: /* @__PURE__ */ r(s, {})
|
|
271
|
-
})]
|
|
272
|
-
}),
|
|
273
|
-
(!V || !V.removeWatermark) && /* @__PURE__ */ i("div", {
|
|
274
|
-
className: "ai-chat-widget-watermark",
|
|
275
|
-
children: ["Powered by ", /* @__PURE__ */ r("strong", { children: V && V.organizationName || "AI-FAQ" })]
|
|
276
|
-
})
|
|
277
|
-
]
|
|
278
|
-
})
|
|
279
|
-
})]
|
|
280
|
-
});
|
|
281
|
-
}, f = d;
|
|
282
|
-
//#endregion
|
|
283
|
-
export { d as ChatWidget, f as default };
|
|
1
|
+
!function(){try{if("undefined"!=typeof document){var t=document.createElement("style");t.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}}\n/*$vite$:1*/')),document.head.appendChild(t)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();import{useEffect as e,useRef as t,useState as a}from"react";import{jsx as i,jsxs as n}from"react/jsx-runtime";var r=()=>/* @__PURE__ */n("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:[
|
|
2
|
+
/* @__PURE__ */i("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"}),
|
|
3
|
+
/* @__PURE__ */i("line",{x1:"8",y1:"10",x2:"16",y2:"10"}),
|
|
4
|
+
/* @__PURE__ */i("line",{x1:"8",y1:"14",x2:"13",y2:"14"})]}),s=()=>/* @__PURE__ */i("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",style:{width:24,height:24},children:/* @__PURE__ */i("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"})}),c=()=>/* @__PURE__ */i("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",style:{width:18,height:18},children:/* @__PURE__ */i("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"})}),o="https://localhost:7173/",d=["What is an MCP Server?","How do I deploy Synapse Agents?","Are connections secure?"],l={},h=({widgetToken:h="",title:g="SYNAPSE NODE ALPHA",subtitle:u="AI Assistant Active",greeting:w="Greetings Operator. I am Synapse-Node-Alpha, your AI assistant. How can I help you navigate our mainframe today?",fallbackMessage:f="Sorry, I'm having trouble connecting right now. Please try again later.",faqOptions:b=d,placeholder:m="Query mainframe (e.g. security)...",showBadge:p=!0,badgeText:v="Beta",initialOpen:x=!1,position:y="bottom-right",customIcon:N=null,customCloseIcon:B=null,customHeaderIcon:C=null,onOpenChange:T,onSendMessage:k,onResponse:I,onError:q,theme:A=l})=>{const[S,L]=a(x),[M,O]=a([]),[P,j]=a(""),[E,H]=a(!1),[D,F]=a(null),W=t(null),[z,R]=a(null),[G,Z]=a(!0);if(e(()=>{const e=[];w&&e.push({id:"msg-greeting",text:w,sender:"bot"}),b&&b.length>0&&e.push({id:"msg-faq",text:"Select a topic of interest:",sender:"bot",isFaqOptions:!0}),O(e)},[w,b]),e(()=>{S&&W.current?.scrollIntoView({behavior:"smooth"})},[M,E,S]),e(()=>{if(h){var e=o.replace(/\/$/,"")+"/api/Chat/init";fetch(e,{method:"GET",headers:{"Content-Type":"application/json","X-Widget-Token":h}}).then(function(e){if(e.ok)return e.json()}).then(function(e){e&&R(e),Z(!1)}).catch(function(e){Z(!0)})}else Z(!0)},[h]),G)return null;if(z&&z.quotaExceeded)return null;const Q=()=>{var e=!S;L(e),T&&T(e)},X=async e=>{var t=e.trim();if(t&&!E){O(function(e){return e.concat([{id:"user-"+Date.now(),text:t,sender:"user"}])}),j(""),H(!0),k&&k(t);var a="";if(h)try{var i=o.replace(/\/$/,"")+"/api/Chat",n=await fetch(i,{method:"POST",headers:{"Content-Type":"application/json","X-Widget-Token":h},body:JSON.stringify({input:t,previousInteractionId:D})});if(n.ok){var r=await n.json();a=r.reply||r.content||"Response received successfully.",r.interactionId&&F(r.interactionId)}else{var s=await n.json().catch(function(){return{}}),c=s.error||s.message||"Server responded with status "+n.status;q&&q(c),a=429===n.status?s.error||s.message||"Rate limit exceeded. Please wait a moment before sending another message.":"function"==typeof f?f(t):f}}catch(d){q&&q(d),a="function"==typeof f?f(t):f}else await new Promise(function(e){setTimeout(e,800)}),a="function"==typeof f?f(t):f;H(!1),O(function(e){return e.concat([{id:"bot-"+Date.now(),text:a,sender:"bot"}])}),I&&I(a)}};var $={"--cw-primary":A.primaryColor||"#8b5cf6","--cw-primary-gradient":A.primaryColorGradient||"#06b6d4","--cw-icon-text":A.iconTextColor||"#ffffff","--cw-beta-bg":A.betaBadgeBackground||A.badgeBg||"#ef4444","--cw-beta-text":A.betaBadgeTextColor||A.badgeText||"#ffffff","--cw-chat-bg":A.chatBg||"rgba(10, 11, 20, 0.92)","--cw-header-bg":A.headerBg||"linear-gradient(90deg, #13112c, #070f1e)","--cw-header-text":A.headerText||A.headerTextColor||"#ffffff","--cw-subtitle-text":A.subtitleText||"#94a3b8","--cw-status-indicator":A.statusIndicator||"#10b981","--cw-messages-bg":A.messagesBg||"radial-gradient(circle at 50% 50%, rgba(13, 14, 25, 0.5) 0%, #050508 100%)","--cw-user-msg-bg":A.userMessageBg||A.userBubbleBg||"#6366f1","--cw-user-msg-text":A.userMessageText||A.userBubbleText||"#ffffff","--cw-bot-msg-bg":A.systemMessageBg||A.botBubbleBg||"rgba(30, 41, 59, 0.75)","--cw-bot-msg-text":A.systemMessageText||A.botBubbleText||"#e2e8f0","--cw-faq-chip-bg":A.faqChipBg||"rgba(6, 182, 212, 0.1)","--cw-faq-chip-text":A.faqChipText||"#06b6d4","--cw-faq-chip-border":A.faqChipBorder||"rgba(6, 182, 212, 0.3)","--cw-faq-chip-hover-bg":A.faqChipHoverBg||"rgba(6, 182, 212, 0.2)","--cw-input-bg":A.inputBg||"rgba(15, 16, 26, 0.85)","--cw-input-text":A.inputText||"#ffffff","--cw-input-border":A.inputBorder||"rgba(139, 92, 246, 0.25)","--cw-input-focus-border":A.inputFocusBorder||"#06b6d4","--cw-send-btn-bg":A.sendButtonBg||"linear-gradient(135deg, #6366f1 0%, #06b6d4 100%)","--cw-send-btn-text":A.sendButtonText||"#ffffff","--cw-border-radius":A.borderRadius||"16px","--cw-width":A.width||"380px","--cw-height":A.height||"520px","--cw-z-index":A.zIndex||999999,"--cw-font-family":A.fontFamily||"'Inter', system-ui, -apple-system, sans-serif"};/* @__PURE__ */
|
|
5
|
+
return n("div",{className:"ai-chat-widget-container ai-chat-widget-position-"+y,style:$,children:[/* @__PURE__ */n("button",{className:"ai-chat-widget-button",onClick:Q,"aria-label":S?"Close chat":"Open chat",children:[S?B||/* @__PURE__ */i(s,{}):N||/* @__PURE__ */i(r,{}),p&&!S&&/* @__PURE__ */i("span",{className:"ai-chat-widget-badge",children:v})]}),/* @__PURE__ */i("div",{className:"ai-chat-widget-window "+(S?"ai-chat-widget-window-open":"ai-chat-widget-window-closed"),children:/* @__PURE__ */n("div",{className:"ai-chat-widget-card",children:[
|
|
6
|
+
/* @__PURE__ */n("div",{className:"ai-chat-widget-header",children:[/* @__PURE__ */n("div",{className:"ai-chat-widget-header-left",children:[C||/* @__PURE__ */i("div",{className:"ai-chat-widget-status-dot"}),/* @__PURE__ */n("div",{className:"ai-chat-widget-header-title",children:[/* @__PURE__ */i("span",{children:g}),u&&/* @__PURE__ */i("span",{className:"ai-chat-widget-header-subtitle",children:u})]})]}),/* @__PURE__ */i("button",{className:"ai-chat-widget-header-close",onClick:Q,"aria-label":"Close widget",children:B||/* @__PURE__ */i(s,{})})]}),
|
|
7
|
+
/* @__PURE__ */n("div",{className:"ai-chat-widget-messages",children:[M.map(function(e){/* @__PURE__ */
|
|
8
|
+
return i("div",{className:"ai-chat-widget-message-row "+("user"===e.sender?"ai-chat-widget-user-row":"ai-chat-widget-bot-row"),children:/* @__PURE__ */n("div",{className:"ai-chat-widget-bubble "+("user"===e.sender?"ai-chat-widget-user-bubble":"ai-chat-widget-bot-bubble"),children:[e.text,e.isFaqOptions&&b&&b.length>0&&/* @__PURE__ */i("div",{className:"ai-chat-widget-faq-container",children:b.map(function(e,t){/* @__PURE__ */
|
|
9
|
+
return n("button",{className:"ai-chat-widget-faq-chip",onClick:function(){X(e)},children:["> ",e]},t)})})]})},e.id)}),E&&/* @__PURE__ */i("div",{className:"ai-chat-widget-message-row ai-chat-widget-bot-row",children:/* @__PURE__ */i("div",{className:"ai-chat-widget-bubble ai-chat-widget-bot-bubble",children:/* @__PURE__ */n("div",{className:"ai-chat-widget-typing",children:[
|
|
10
|
+
/* @__PURE__ */i("div",{className:"ai-chat-widget-dot"}),
|
|
11
|
+
/* @__PURE__ */i("div",{className:"ai-chat-widget-dot"}),
|
|
12
|
+
/* @__PURE__ */i("div",{className:"ai-chat-widget-dot"})]})})}),
|
|
13
|
+
/* @__PURE__ */i("div",{ref:W})]}),
|
|
14
|
+
/* @__PURE__ */n("div",{className:"ai-chat-widget-input-area",children:[/* @__PURE__ */i("input",{type:"text",className:"ai-chat-widget-input",value:P,onChange:function(e){j(e.target.value)},placeholder:m,onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),X(P))},disabled:E}),/* @__PURE__ */i("button",{className:"ai-chat-widget-send-btn",onClick:function(){X(P)},disabled:!P.trim()||E,"aria-label":"Send message",children:/* @__PURE__ */i(c,{})})]}),(!z||!z.removeWatermark)&&/* @__PURE__ */n("div",{className:"ai-chat-widget-watermark",children:["Powered by ",/* @__PURE__ */i("strong",{children:z&&z.organizationName||"AI-FAQ"})]})]})})]})},g=h;export{h as ChatWidget,g as default};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ai-chat-bot/react-ai-chat-bot",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.8",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "Embeddable React AI Chatbot Widget component",
|
|
6
6
|
"type": "module",
|
|
@@ -45,6 +45,7 @@
|
|
|
45
45
|
"oxlint": "^1.75.0",
|
|
46
46
|
"react": "^19.2.8",
|
|
47
47
|
"react-dom": "^19.2.8",
|
|
48
|
+
"terser": "^5.51.2",
|
|
48
49
|
"typescript": "^7.0.2",
|
|
49
50
|
"vite": "^8.2.0",
|
|
50
51
|
"vite-plugin-css-injected-by-js": "^3.5.2",
|