@ai-chat-bot/react-ai-chat-bot 1.0.5 → 1.0.7

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/ai-chat-bot.cjs.js +1 -1
  2. package/dist/ai-chat-bot.es.js +97 -97
  3. package/package.json +1 -1
  4. package/dist/favicon.svg +0 -1
  5. package/dist/icons.svg +0 -24
package/dist/ai-chat-bot.cjs.js CHANGED
@@ -1,2 +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=({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;
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=_;
package/dist/ai-chat-bot.es.js CHANGED
@@ -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:7173/", 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?.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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ai-chat-bot/react-ai-chat-bot",
3
- "version": "1.0.5",
3
+ "version": "1.0.7",
4
4
  "private": false,
5
5
  "description": "Embeddable React AI Chatbot Widget component",
6
6
  "type": "module",
package/dist/favicon.svg DELETED
@@ -1 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="48" height="46" fill="none" viewBox="0 0 48 46"><path fill="#863bff" d="M25.946 44.938c-.664.845-2.021.375-2.021-.698V33.937a2.26 2.26 0 0 0-2.262-2.262H10.287c-.92 0-1.456-1.04-.92-1.788l7.48-10.471c1.07-1.497 0-3.578-1.842-3.578H1.237c-.92 0-1.456-1.04-.92-1.788L10.013.474c.214-.297.556-.474.92-.474h28.894c.92 0 1.456 1.04.92 1.788l-7.48 10.471c-1.07 1.498 0 3.579 1.842 3.579h11.377c.943 0 1.473 1.088.89 1.83L25.947 44.94z" style="fill:#863bff;fill:color(display-p3 .5252 .23 1);fill-opacity:1"/><mask id="a" width="48" height="46" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#000" d="M25.842 44.938c-.664.844-2.021.375-2.021-.698V33.937a2.26 2.26 0 0 0-2.262-2.262H10.183c-.92 0-1.456-1.04-.92-1.788l7.48-10.471c1.07-1.498 0-3.579-1.842-3.579H1.133c-.92 0-1.456-1.04-.92-1.787L9.91.473c.214-.297.556-.474.92-.474h28.894c.92 0 1.456 1.04.92 1.788l-7.48 10.471c-1.07 1.498 0 3.578 1.842 3.578h11.377c.943 0 1.473 1.088.89 1.832L25.843 44.94z" style="fill:#000;fill-opacity:1"/></mask><g mask="url(#a)"><g filter="url(#b)"><ellipse cx="5.508" cy="14.704" fill="#ede6ff" rx="5.508" ry="14.704" style="fill:#ede6ff;fill:color(display-p3 .9275 .9033 1);fill-opacity:1" transform="matrix(.00324 1 1 -.00324 -4.47 31.516)"/></g><g filter="url(#c)"><ellipse cx="10.399" cy="29.851" fill="#ede6ff" rx="10.399" ry="29.851" style="fill:#ede6ff;fill:color(display-p3 .9275 .9033 1);fill-opacity:1" transform="matrix(.00324 1 1 -.00324 -39.328 7.883)"/></g><g filter="url(#d)"><ellipse cx="5.508" cy="30.487" fill="#7e14ff" rx="5.508" ry="30.487" style="fill:#7e14ff;fill:color(display-p3 .4922 .0767 1);fill-opacity:1" transform="rotate(89.814 -25.913 -14.639)scale(1 -1)"/></g><g filter="url(#e)"><ellipse cx="5.508" cy="30.599" fill="#7e14ff" rx="5.508" ry="30.599" style="fill:#7e14ff;fill:color(display-p3 .4922 .0767 1);fill-opacity:1" transform="rotate(89.814 -32.644 -3.334)scale(1 -1)"/></g><g filter="url(#f)"><ellipse cx="5.508" cy="30.599" fill="#7e14ff" rx="5.508" ry="30.599" style="fill:#7e14ff;fill:color(display-p3 .4922 .0767 1);fill-opacity:1" transform="matrix(.00324 1 1 -.00324 -34.34 30.47)"/></g><g filter="url(#g)"><ellipse cx="14.072" cy="22.078" fill="#ede6ff" rx="14.072" ry="22.078" style="fill:#ede6ff;fill:color(display-p3 .9275 .9033 1);fill-opacity:1" transform="rotate(93.35 24.506 48.493)scale(-1 1)"/></g><g filter="url(#h)"><ellipse cx="3.47" cy="21.501" fill="#7e14ff" rx="3.47" ry="21.501" style="fill:#7e14ff;fill:color(display-p3 .4922 .0767 1);fill-opacity:1" transform="rotate(89.009 28.708 47.59)scale(-1 1)"/></g><g filter="url(#i)"><ellipse cx="3.47" cy="21.501" fill="#7e14ff" rx="3.47" ry="21.501" style="fill:#7e14ff;fill:color(display-p3 .4922 .0767 1);fill-opacity:1" transform="rotate(89.009 28.708 47.59)scale(-1 1)"/></g><g filter="url(#j)"><ellipse cx=".387" cy="8.972" fill="#7e14ff" rx="4.407" ry="29.108" style="fill:#7e14ff;fill:color(display-p3 .4922 .0767 1);fill-opacity:1" transform="rotate(39.51 .387 8.972)"/></g><g filter="url(#k)"><ellipse cx="47.523" cy="-6.092" fill="#7e14ff" rx="4.407" ry="29.108" style="fill:#7e14ff;fill:color(display-p3 .4922 .0767 1);fill-opacity:1" transform="rotate(37.892 47.523 -6.092)"/></g><g filter="url(#l)"><ellipse cx="41.412" cy="6.333" fill="#47bfff" rx="5.971" ry="9.665" style="fill:#47bfff;fill:color(display-p3 .2799 .748 1);fill-opacity:1" transform="rotate(37.892 41.412 6.333)"/></g><g filter="url(#m)"><ellipse cx="-1.879" cy="38.332" fill="#7e14ff" rx="4.407" ry="29.108" style="fill:#7e14ff;fill:color(display-p3 .4922 .0767 1);fill-opacity:1" transform="rotate(37.892 -1.88 38.332)"/></g><g filter="url(#n)"><ellipse cx="-1.879" cy="38.332" fill="#7e14ff" rx="4.407" ry="29.108" style="fill:#7e14ff;fill:color(display-p3 .4922 .0767 1);fill-opacity:1" transform="rotate(37.892 -1.88 38.332)"/></g><g filter="url(#o)"><ellipse cx="35.651" cy="29.907" fill="#7e14ff" rx="4.407" ry="29.108" style="fill:#7e14ff;fill:color(display-p3 .4922 .0767 1);fill-opacity:1" transform="rotate(37.892 35.651 29.907)"/></g><g filter="url(#p)"><ellipse cx="38.418" cy="32.4" fill="#47bfff" rx="5.971" ry="15.297" style="fill:#47bfff;fill:color(display-p3 .2799 .748 1);fill-opacity:1" transform="rotate(37.892 38.418 32.4)"/></g></g><defs><filter id="b" width="60.045" height="41.654" x="-19.77" y="16.149" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="7.659"/></filter><filter id="c" width="90.34" height="51.437" x="-54.613" y="-7.533" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="7.659"/></filter><filter id="d" width="79.355" height="29.4" x="-49.64" y="2.03" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter><filter id="e" width="79.579" height="29.4" x="-45.045" y="20.029" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter><filter id="f" width="79.579" height="29.4" x="-43.513" y="21.178" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter><filter id="g" width="74.749" height="58.852" x="15.756" y="-17.901" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="7.659"/></filter><filter id="h" width="61.377" height="25.362" x="23.548" y="2.284" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter><filter id="i" width="61.377" height="25.362" x="23.548" y="2.284" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter><filter id="j" width="56.045" height="63.649" x="-27.636" y="-22.853" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter><filter id="k" width="54.814" height="64.646" x="20.116" y="-38.415" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter><filter id="l" width="33.541" height="35.313" x="24.641" y="-11.323" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter><filter id="m" width="54.814" height="64.646" x="-29.286" y="6.009" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter><filter id="n" width="54.814" height="64.646" x="-29.286" y="6.009" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter><filter id="o" width="54.814" height="64.646" x="8.244" y="-2.416" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter><filter id="p" width="39.409" height="43.623" x="18.713" y="10.588" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter></defs></svg>
package/dist/icons.svg DELETED
@@ -1,24 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg">
2
- <symbol id="bluesky-icon" viewBox="0 0 16 17">
3
- <g clip-path="url(#bluesky-clip)"><path fill="#08060d" d="M7.75 7.735c-.693-1.348-2.58-3.86-4.334-5.097-1.68-1.187-2.32-.981-2.74-.79C.188 2.065.1 2.812.1 3.251s.241 3.602.398 4.13c.52 1.744 2.367 2.333 4.07 2.145-2.495.37-4.71 1.278-1.805 4.512 3.196 3.309 4.38-.71 4.987-2.746.608 2.036 1.307 5.91 4.93 2.746 2.72-2.746.747-4.143-1.747-4.512 1.702.189 3.55-.4 4.07-2.145.156-.528.397-3.691.397-4.13s-.088-1.186-.575-1.406c-.42-.19-1.06-.395-2.741.79-1.755 1.24-3.64 3.752-4.334 5.099"/></g>
4
- <defs><clipPath id="bluesky-clip"><path fill="#fff" d="M.1.85h15.3v15.3H.1z"/></clipPath></defs>
5
- </symbol>
6
- <symbol id="discord-icon" viewBox="0 0 20 19">
7
- <path fill="#08060d" d="M16.224 3.768a14.5 14.5 0 0 0-3.67-1.153c-.158.286-.343.67-.47.976a13.5 13.5 0 0 0-4.067 0c-.128-.306-.317-.69-.476-.976A14.4 14.4 0 0 0 3.868 3.77C1.546 7.28.916 10.703 1.231 14.077a14.7 14.7 0 0 0 4.5 2.306q.545-.748.965-1.587a9.5 9.5 0 0 1-1.518-.74q.191-.14.372-.293c2.927 1.369 6.107 1.369 8.999 0q.183.152.372.294-.723.437-1.52.74.418.838.963 1.588a14.6 14.6 0 0 0 4.504-2.308c.37-3.911-.63-7.302-2.644-10.309m-9.13 8.234c-.878 0-1.599-.82-1.599-1.82 0-.998.705-1.82 1.6-1.82.894 0 1.614.82 1.599 1.82.001 1-.705 1.82-1.6 1.82m5.91 0c-.878 0-1.599-.82-1.599-1.82 0-.998.705-1.82 1.6-1.82.893 0 1.614.82 1.599 1.82 0 1-.706 1.82-1.6 1.82"/>
8
- </symbol>
9
- <symbol id="documentation-icon" viewBox="0 0 21 20">
10
- <path fill="none" stroke="#aa3bff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="m15.5 13.333 1.533 1.322c.645.555.967.833.967 1.178s-.322.623-.967 1.179L15.5 18.333m-3.333-5-1.534 1.322c-.644.555-.966.833-.966 1.178s.322.623.966 1.179l1.534 1.321"/>
11
- <path fill="none" stroke="#aa3bff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M17.167 10.836v-4.32c0-1.41 0-2.117-.224-2.68-.359-.906-1.118-1.621-2.08-1.96-.599-.21-1.349-.21-2.848-.21-2.623 0-3.935 0-4.983.369-1.684.591-3.013 1.842-3.641 3.428C3 6.449 3 7.684 3 10.154v2.122c0 2.558 0 3.838.706 4.726q.306.383.713.671c.76.536 1.79.64 3.581.66"/>
12
- <path fill="none" stroke="#aa3bff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M3 10a2.78 2.78 0 0 1 2.778-2.778c.555 0 1.209.097 1.748-.047.48-.129.854-.503.982-.982.145-.54.048-1.194.048-1.749a2.78 2.78 0 0 1 2.777-2.777"/>
13
- </symbol>
14
- <symbol id="github-icon" viewBox="0 0 19 19">
15
- <path fill="#08060d" fill-rule="evenodd" d="M9.356 1.85C5.05 1.85 1.57 5.356 1.57 9.694a7.84 7.84 0 0 0 5.324 7.44c.387.079.528-.168.528-.376 0-.182-.013-.805-.013-1.454-2.165.467-2.616-.935-2.616-.935-.349-.91-.864-1.143-.864-1.143-.71-.48.051-.48.051-.48.787.051 1.2.805 1.2.805.695 1.194 1.817.857 2.268.649.064-.507.27-.857.49-1.052-1.728-.182-3.545-.857-3.545-3.87 0-.857.31-1.558.8-2.104-.078-.195-.349-1 .077-2.078 0 0 .657-.208 2.14.805a7.5 7.5 0 0 1 1.946-.26c.657 0 1.328.092 1.946.26 1.483-1.013 2.14-.805 2.14-.805.426 1.078.155 1.883.078 2.078.502.546.799 1.247.799 2.104 0 3.013-1.818 3.675-3.558 3.87.284.247.528.714.528 1.454 0 1.052-.012 1.896-.012 2.156 0 .208.142.455.528.377a7.84 7.84 0 0 0 5.324-7.441c.013-4.338-3.48-7.844-7.773-7.844" clip-rule="evenodd"/>
16
- </symbol>
17
- <symbol id="social-icon" viewBox="0 0 20 20">
18
- <path fill="none" stroke="#aa3bff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M12.5 6.667a4.167 4.167 0 1 0-8.334 0 4.167 4.167 0 0 0 8.334 0"/>
19
- <path fill="none" stroke="#aa3bff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M2.5 16.667a5.833 5.833 0 0 1 8.75-5.053m3.837.474.513 1.035c.07.144.257.282.414.309l.93.155c.596.1.736.536.307.965l-.723.73a.64.64 0 0 0-.152.531l.207.903c.164.715-.213.991-.84.618l-.872-.52a.63.63 0 0 0-.577 0l-.872.52c-.624.373-1.003.094-.84-.618l.207-.903a.64.64 0 0 0-.152-.532l-.723-.729c-.426-.43-.289-.864.306-.964l.93-.156a.64.64 0 0 0 .412-.31l.513-1.034c.28-.562.735-.562 1.012 0"/>
20
- </symbol>
21
- <symbol id="x-icon" viewBox="0 0 19 19">
22
- <path fill="#08060d" fill-rule="evenodd" d="M1.893 1.98c.052.072 1.245 1.769 2.653 3.77l2.892 4.114c.183.261.333.48.333.486s-.068.089-.152.183l-.522.593-.765.867-3.597 4.087c-.375.426-.734.834-.798.905a1 1 0 0 0-.118.148c0 .01.236.017.664.017h.663l.729-.83c.4-.457.796-.906.879-.999a692 692 0 0 0 1.794-2.038c.034-.037.301-.34.594-.675l.551-.624.345-.392a7 7 0 0 1 .34-.374c.006 0 .93 1.306 2.052 2.903l2.084 2.965.045.063h2.275c1.87 0 2.273-.003 2.266-.021-.008-.02-1.098-1.572-3.894-5.547-2.013-2.862-2.28-3.246-2.273-3.266.008-.019.282-.332 2.085-2.38l2-2.274 1.567-1.782c.022-.028-.016-.03-.65-.03h-.674l-.3.342a871 871 0 0 1-1.782 2.025c-.067.075-.405.458-.75.852a100 100 0 0 1-.803.91c-.148.172-.299.344-.99 1.127-.304.343-.32.358-.345.327-.015-.019-.904-1.282-1.976-2.808L6.365 1.85H1.8zm1.782.91 8.078 11.294c.772 1.08 1.413 1.973 1.425 1.984.016.017.241.02 1.05.017l1.03-.004-2.694-3.766L7.796 5.75 5.722 2.852l-1.039-.004-1.039-.004z" clip-rule="evenodd"/>
23
- </symbol>
24
- </svg>