npm - @ai-chat-bot/react-ai-chat-bot - Versions diffs - 1.0.0 - Mend

@ai-chat-bot/react-ai-chat-bot 1.0.0

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 (8) hide show

package/README.md +72 -0
package/dist/ai-chat-bot.cjs.js +1 -0
package/dist/ai-chat-bot.es.js +272 -0
package/dist/ai-chat-bot.umd.js +1 -0
package/dist/favicon.svg +1 -0
package/dist/icons.svg +24 -0
package/dist/react-ai-chat-bot.css +2 -0
package/package.json +50 -0

package/README.md ADDED Viewed

@@ -0,0 +1,72 @@
+# @ai-chat-bot/react-ai-chat-bot
+An embeddable, customizable React AI Chatbot Widget component for your web applications.
+## Installation
+```bash
+npm install @ai-chat-bot/react-ai-chat-bot
+# or
+yarn add @ai-chat-bot/react-ai-chat-bot
+# or
+pnpm add @ai-chat-bot/react-ai-chat-bot
+```
+## Quick Start
+Import the `ChatWidget` component and its CSS stylesheet into your React project:
+```jsx
+import React from 'react';
+import { ChatWidget } from '@ai-chat-bot/react-ai-chat-bot';
+import '@ai-chat-bot/react-ai-chat-bot/dist/style.css';
+function App() {
+  return (
+    <div>
+      <h1>My Application</h1>
+      <ChatWidget
+        widgetToken="YOUR_WIDGET_TOKEN"
+        apiBaseUrl="https://api.yourdomain.com"
+        title="AI Assistant"
+        subtitle="Always online"
+        greeting="Hello! How can I assist you today?"
+        faqOptions={[
+          'What is this service?',
+          'How do I contact support?',
+          'What are the pricing plans?'
+        ]}
+      />
+    </div>
+  );
+}
+export default App;
+```
+## Props Reference
+| Prop | Type | Default | Description |
+| --- | --- | --- | --- |
+| `widgetToken` | `string` | `''` | Authentication token for your backend API endpoint |
+| `apiKey` | `string` | `''` | Optional direct API key |
+| `apiBaseUrl` | `string` | `''` | Base URL for the backend API server |
+| `title` | `string` | `'SYNAPSE NODE ALPHA'` | Header title for the chat widget |
+| `subtitle` | `string` | `'AI Assistant Active'` | Header status or subtitle |
+| `greeting` | `string` | Default message | Initial welcome message shown when widget opens |
+| `placeholder` | `string` | `'Query mainframe...'` | Text placeholder for input box |
+| `faqOptions` | `string[]` | Pre-set array | Quick question buttons displayed to user |
+| `position` | `string` | `'bottom-right'` | Position of floating button (`bottom-right`, `bottom-left`, `top-right`, `top-left`) |
+| `initialOpen` | `boolean` | `false` | Whether widget opens expanded initially |
+| `showBadge` | `boolean` | `true` | Show status badge on header |
+| `badgeText` | `string` | `'Beta'` | Status badge label |
+| `customIcon` | `ReactNode` | `null` | Custom SVG/icon for floating launcher |
+| `customCloseIcon`| `ReactNode` | `null` | Custom SVG/icon for close button |
+| `onOpenChange` | `function` | `undefined` | Callback fired when widget opens or closes `(isOpen) => {}` |
+| `onSendMessage` | `function` | `undefined` | Custom message sender callback `(message) => {}` |
+## License
+MIT

package/dist/ai-chat-bot.cjs.js ADDED Viewed

@@ -0,0 +1 @@

+ 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=({widgetToken:e=``,apiKey:t=``,apiBaseUrl:n=``,title:r=`SYNAPSE NODE ALPHA`,subtitle:i=`AI Assistant Active`,greeting:a=`Greetings Operator. I am Synapse-Node-Alpha, your AI assistant. How can I help you navigate our mainframe today?`,fallbackMessage:o=`Sorry, I'm having trouble connecting right now. Please try again later.`,faqOptions:s=[`What is an MCP Server?`,`How do I deploy Synapse Agents?`,`Are connections secure?`],placeholder:p=`Query mainframe (e.g. security)...`,showBadge:m=!0,badgeText:h=`Beta`,initialOpen:g=!1,position:_=`bottom-right`,customIcon:v=null,customCloseIcon:y=null,customHeaderIcon:b=null,onOpenChange:x,onSendMessage:S,onResponse:C,onError:w,theme:T={}})=>{let[E,D]=(0,c.useState)(g),[O,k]=(0,c.useState)([]),[A,j]=(0,c.useState)(``),[M,N]=(0,c.useState)(!1),[P,F]=(0,c.useState)(null),I=(0,c.useRef)(null),L=Array.isArray(s)?s.join(`|`):``;(0,c.useEffect)(()=>{let e=[];a&&e.push({id:`msg-greeting`,text:a,sender:`bot`}),s&&s.length>0&&e.push({id:`msg-faq`,text:`Select a topic of interest:`,sender:`bot`,isFaqOptions:!0}),k(e)},[a,L]),(0,c.useEffect)(()=>{E&&I.current?.scrollIntoView({behavior:`smooth`})},[O,M,E]);let R=()=>{let e=!E;D(e),x&&x(e)},z=e=>typeof o==`function`?o(e):o||`Sorry, I'm having trouble connecting right now. Please try again later.`,B=async r=>{let i=r.trim();if(!i||M)return;let a={id:`user-${Date.now()}`,text:i,sender:`user`};k(e=>[...e,a]),j(``),N(!0),S&&S(i);let o=``,s=n.trim();if(e||t||s)try{let n=`${s?s.replace(/\/$/,``):``}/api/Chat`,r={"Content-Type":`application/json`};e&&(r[`X-Widget-Token`]=e),t&&(r[`X-API-KEY`]=t);let a=await fetch(n,{method:`POST`,headers:r,body:JSON.stringify({input:i,previousInteractionId:P})});if(a.ok){let e=await a.json();o=e.reply||e.content||`Response received successfully.`,e.interactionId&&F(e.interactionId)}else{let e=(await a.json().catch(()=>({}))).error||`Server responded with status ${a.status}`;w&&w(e),o=z(i)}}catch(e){w&&w(e),o=z(i)}else await new Promise(e=>setTimeout(e,800)),o=z(i);N(!1);let c={id:`bot-${Date.now()}`,text:o,sender:`bot`};k(e=>[...e,c]),C&&C(o)},V=e=>{e.key===`Enter`&&(e.preventDefault(),B(A))},H={primaryColor:T.primaryColor||`#8b5cf6`,primaryColorGradient:T.primaryColorGradient||`#06b6d4`,iconTextColor:T.iconTextColor||`#ffffff`,betaBadgeBackground:T.betaBadgeBackground||T.badgeBg||`#ef4444`,betaBadgeTextColor:T.betaBadgeTextColor||T.badgeText||`#ffffff`,chatBg:T.chatBg||`rgba(10, 11, 20, 0.92)`,headerBg:T.headerBg||`linear-gradient(90deg, #13112c, #070f1e)`,headerText:T.headerText||T.headerTextColor||`#ffffff`,subtitleText:T.subtitleText||`#94a3b8`,statusIndicator:T.statusIndicator||`#10b981`,messagesBg:T.messagesBg||`radial-gradient(circle at 50% 50%, rgba(13, 14, 25, 0.5) 0%, #050508 100%)`,userMessageBg:T.userMessageBg||T.userBubbleBg||`#6366f1`,userMessageText:T.userMessageText||T.userBubbleText||`#ffffff`,systemMessageBg:T.systemMessageBg||T.botBubbleBg||`rgba(30, 41, 59, 0.75)`,systemMessageText:T.systemMessageText||T.botBubbleText||`#e2e8f0`,faqChipBg:T.faqChipBg||`rgba(6, 182, 212, 0.1)`,faqChipText:T.faqChipText||`#06b6d4`,faqChipBorder:T.faqChipBorder||`rgba(6, 182, 212, 0.3)`,faqChipHoverBg:T.faqChipHoverBg||`rgba(6, 182, 212, 0.2)`,inputBg:T.inputBg||`rgba(15, 16, 26, 0.85)`,inputText:T.inputText||`#ffffff`,inputBorder:T.inputBorder||`rgba(139, 92, 246, 0.25)`,inputFocusBorder:T.inputFocusBorder||`#06b6d4`,sendButtonBg:T.sendButtonBg||`linear-gradient(135deg, #6366f1 0%, #06b6d4 100%)`,sendButtonText:T.sendButtonText||`#ffffff`,borderRadius:T.borderRadius||`16px`,width:T.width||`380px`,height:T.height||`520px`,zIndex:T.zIndex||999999,fontFamily:T.fontFamily||`'Inter', system-ui, -apple-system, sans-serif`},U={"--cw-primary":H.primaryColor,"--cw-primary-gradient":H.primaryColorGradient,"--cw-icon-text":H.iconTextColor,"--cw-beta-bg":H.betaBadgeBackground,"--cw-beta-text":H.betaBadgeTextColor,"--cw-chat-bg":H.chatBg,"--cw-header-bg":H.headerBg,"--cw-header-text":H.headerText,"--cw-subtitle-text":H.subtitleText,"--cw-status-indicator":H.statusIndicator,"--cw-messages-bg":H.messagesBg,"--cw-user-msg-bg":H.userMessageBg,"--cw-user-msg-text":H.userMessageText,"--cw-bot-msg-bg":H.systemMessageBg,"--cw-bot-msg-text":H.systemMessageText,"--cw-faq-chip-bg":H.faqChipBg,"--cw-faq-chip-text":H.faqChipText,"--cw-faq-chip-border":H.faqChipBorder,"--cw-faq-chip-hover-bg":H.faqChipHoverBg,"--cw-input-bg":H.inputBg,"--cw-input-text":H.inputText,"--cw-input-border":H.inputBorder,"--cw-input-focus-border":H.inputFocusBorder,"--cw-send-btn-bg":H.sendButtonBg,"--cw-send-btn-text":H.sendButtonText,"--cw-border-radius":H.borderRadius,"--cw-width":H.width,"--cw-height":H.height,"--cw-z-index":H.zIndex,"--cw-font-family":H.fontFamily},W=`ai-chat-widget-position-${_}`;return(0,l.jsxs)(`div`,{className:`ai-chat-widget-container ${W}`,style:U,children:[(0,l.jsxs)(`button`,{className:`ai-chat-widget-button`,onClick:R,"aria-label":E?`Close chat`:`Open chat`,children:[E?y||(0,l.jsx)(d,{}):v||(0,l.jsx)(u,{}),m&&!E&&(0,l.jsx)(`span`,{className:`ai-chat-widget-badge`,children:h})]}),(0,l.jsx)(`div`,{className:`ai-chat-widget-window ${E?`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:[b||(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:r}),i&&(0,l.jsx)(`span`,{className:`ai-chat-widget-header-subtitle`,children:i})]})]}),(0,l.jsx)(`button`,{className:`ai-chat-widget-header-close`,onClick:R,"aria-label":`Close widget`,children:y||(0,l.jsx)(d,{})})]}),(0,l.jsxs)(`div`,{className:`ai-chat-widget-messages`,children:[O.map(e=>(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&&s&&s.length>0&&(0,l.jsx)(`div`,{className:`ai-chat-widget-faq-container`,children:s.map((e,t)=>(0,l.jsxs)(`button`,{className:`ai-chat-widget-faq-chip`,onClick:()=>B(e),children:[`> `,e]},t))})]})},e.id)),M&&(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:I})]}),(0,l.jsxs)(`div`,{className:`ai-chat-widget-input-area`,children:[(0,l.jsx)(`input`,{type:`text`,className:`ai-chat-widget-input`,value:A,onChange:e=>j(e.target.value),placeholder:p,onKeyDown:V,disabled:M}),(0,l.jsx)(`button`,{className:`ai-chat-widget-send-btn`,onClick:()=>B(A),disabled:!A.trim()||M,"aria-label":`Send message`,children:(0,l.jsx)(f,{})})]})]})})]})},m=p;exports.ChatWidget=p,exports.default=m;

package/dist/ai-chat-bot.es.js ADDED Viewed

@@ -0,0 +1,272 @@
+import { useEffect as e, useRef as t, useState as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/ChatWidget.jsx
+var a = () => /* @__PURE__ */ i("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: [
+		/* @__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" }),
+		/* @__PURE__ */ r("line", {
+			x1: "8",
+			y1: "10",
+			x2: "16",
+			y2: "10"
+		}),
+		/* @__PURE__ */ r("line", {
+			x1: "8",
+			y1: "14",
+			x2: "13",
+			y2: "14"
+		})
+	]
+}), o = () => /* @__PURE__ */ r("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	viewBox: "0 0 24 24",
+	fill: "currentColor",
+	style: {
+		width: 24,
+		height: 24
+	},
+	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" })
+}), s = () => /* @__PURE__ */ r("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	viewBox: "0 0 24 24",
+	fill: "currentColor",
+	style: {
+		width: 18,
+		height: 18
+	},
+	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" })
+}), c = ({ widgetToken: c = "", apiKey: l = "", apiBaseUrl: u = "", title: d = "SYNAPSE NODE ALPHA", subtitle: f = "AI Assistant Active", greeting: p = "Greetings Operator. I am Synapse-Node-Alpha, your AI assistant. How can I help you navigate our mainframe today?", fallbackMessage: m = "Sorry, I'm having trouble connecting right now. Please try again later.", faqOptions: h = [
+	"What is an MCP Server?",
+	"How do I deploy Synapse Agents?",
+	"Are connections secure?"
+], placeholder: g = "Query mainframe (e.g. security)...", showBadge: _ = !0, badgeText: v = "Beta", initialOpen: y = !1, position: b = "bottom-right", customIcon: x = null, customCloseIcon: S = null, customHeaderIcon: C = null, onOpenChange: w, onSendMessage: T, onResponse: E, onError: D, theme: O = {} }) => {
+	let [k, A] = n(y), [j, M] = n([]), [N, P] = n(""), [F, I] = n(!1), [L, R] = n(null), z = t(null), B = Array.isArray(h) ? h.join("|") : "";
+	e(() => {
+		let e = [];
+		p && e.push({
+			id: "msg-greeting",
+			text: p,
+			sender: "bot"
+		}), h && h.length > 0 && e.push({
+			id: "msg-faq",
+			text: "Select a topic of interest:",
+			sender: "bot",
+			isFaqOptions: !0
+		}), M(e);
+	}, [p, B]), e(() => {
+		k && z.current?.scrollIntoView({ behavior: "smooth" });
+	}, [
+		j,
+		F,
+		k
+	]);
+	let V = () => {
+		let e = !k;
+		A(e), w && w(e);
+	}, H = (e) => typeof m == "function" ? m(e) : m || "Sorry, I'm having trouble connecting right now. Please try again later.", U = async (e) => {
+		let t = e.trim();
+		if (!t || F) return;
+		let n = {
+			id: `user-${Date.now()}`,
+			text: t,
+			sender: "user"
+		};
+		M((e) => [...e, n]), P(""), I(!0), T && T(t);
+		let r = "", i = u.trim();
+		if (c || l || i) try {
+			let e = `${i ? i.replace(/\/$/, "") : ""}/api/Chat`, n = { "Content-Type": "application/json" };
+			c && (n["X-Widget-Token"] = c), l && (n["X-API-KEY"] = l);
+			let a = await fetch(e, {
+				method: "POST",
+				headers: n,
+				body: JSON.stringify({
+					input: t,
+					previousInteractionId: L
+				})
+			});
+			if (a.ok) {
+				let e = await a.json();
+				r = e.reply || e.content || "Response received successfully.", e.interactionId && R(e.interactionId);
+			} else {
+				let e = (await a.json().catch(() => ({}))).error || `Server responded with status ${a.status}`;
+				D && D(e), r = H(t);
+			}
+		} catch (e) {
+			D && D(e), r = H(t);
+		}
+		else await new Promise((e) => setTimeout(e, 800)), r = H(t);
+		I(!1);
+		let a = {
+			id: `bot-${Date.now()}`,
+			text: r,
+			sender: "bot"
+		};
+		M((e) => [...e, a]), E && E(r);
+	}, W = (e) => {
+		e.key === "Enter" && (e.preventDefault(), U(N));
+	}, G = {
+		primaryColor: O.primaryColor || "#8b5cf6",
+		primaryColorGradient: O.primaryColorGradient || "#06b6d4",
+		iconTextColor: O.iconTextColor || "#ffffff",
+		betaBadgeBackground: O.betaBadgeBackground || O.badgeBg || "#ef4444",
+		betaBadgeTextColor: O.betaBadgeTextColor || O.badgeText || "#ffffff",
+		chatBg: O.chatBg || "rgba(10, 11, 20, 0.92)",
+		headerBg: O.headerBg || "linear-gradient(90deg, #13112c, #070f1e)",
+		headerText: O.headerText || O.headerTextColor || "#ffffff",
+		subtitleText: O.subtitleText || "#94a3b8",
+		statusIndicator: O.statusIndicator || "#10b981",
+		messagesBg: O.messagesBg || "radial-gradient(circle at 50% 50%, rgba(13, 14, 25, 0.5) 0%, #050508 100%)",
+		userMessageBg: O.userMessageBg || O.userBubbleBg || "#6366f1",
+		userMessageText: O.userMessageText || O.userBubbleText || "#ffffff",
+		systemMessageBg: O.systemMessageBg || O.botBubbleBg || "rgba(30, 41, 59, 0.75)",
+		systemMessageText: O.systemMessageText || O.botBubbleText || "#e2e8f0",
+		faqChipBg: O.faqChipBg || "rgba(6, 182, 212, 0.1)",
+		faqChipText: O.faqChipText || "#06b6d4",
+		faqChipBorder: O.faqChipBorder || "rgba(6, 182, 212, 0.3)",
+		faqChipHoverBg: O.faqChipHoverBg || "rgba(6, 182, 212, 0.2)",
+		inputBg: O.inputBg || "rgba(15, 16, 26, 0.85)",
+		inputText: O.inputText || "#ffffff",
+		inputBorder: O.inputBorder || "rgba(139, 92, 246, 0.25)",
+		inputFocusBorder: O.inputFocusBorder || "#06b6d4",
+		sendButtonBg: O.sendButtonBg || "linear-gradient(135deg, #6366f1 0%, #06b6d4 100%)",
+		sendButtonText: O.sendButtonText || "#ffffff",
+		borderRadius: O.borderRadius || "16px",
+		width: O.width || "380px",
+		height: O.height || "520px",
+		zIndex: O.zIndex || 999999,
+		fontFamily: O.fontFamily || "'Inter', system-ui, -apple-system, sans-serif"
+	}, K = {
+		"--cw-primary": G.primaryColor,
+		"--cw-primary-gradient": G.primaryColorGradient,
+		"--cw-icon-text": G.iconTextColor,
+		"--cw-beta-bg": G.betaBadgeBackground,
+		"--cw-beta-text": G.betaBadgeTextColor,
+		"--cw-chat-bg": G.chatBg,
+		"--cw-header-bg": G.headerBg,
+		"--cw-header-text": G.headerText,
+		"--cw-subtitle-text": G.subtitleText,
+		"--cw-status-indicator": G.statusIndicator,
+		"--cw-messages-bg": G.messagesBg,
+		"--cw-user-msg-bg": G.userMessageBg,
+		"--cw-user-msg-text": G.userMessageText,
+		"--cw-bot-msg-bg": G.systemMessageBg,
+		"--cw-bot-msg-text": G.systemMessageText,
+		"--cw-faq-chip-bg": G.faqChipBg,
+		"--cw-faq-chip-text": G.faqChipText,
+		"--cw-faq-chip-border": G.faqChipBorder,
+		"--cw-faq-chip-hover-bg": G.faqChipHoverBg,
+		"--cw-input-bg": G.inputBg,
+		"--cw-input-text": G.inputText,
+		"--cw-input-border": G.inputBorder,
+		"--cw-input-focus-border": G.inputFocusBorder,
+		"--cw-send-btn-bg": G.sendButtonBg,
+		"--cw-send-btn-text": G.sendButtonText,
+		"--cw-border-radius": G.borderRadius,
+		"--cw-width": G.width,
+		"--cw-height": G.height,
+		"--cw-z-index": G.zIndex,
+		"--cw-font-family": G.fontFamily
+	}, q = `ai-chat-widget-position-${b}`;
+	return /* @__PURE__ */ i("div", {
+		className: `ai-chat-widget-container ${q}`,
+		style: K,
+		children: [/* @__PURE__ */ i("button", {
+			className: "ai-chat-widget-button",
+			onClick: V,
+			"aria-label": k ? "Close chat" : "Open chat",
+			children: [k ? S || /* @__PURE__ */ r(o, {}) : x || /* @__PURE__ */ r(a, {}), _ && !k && /* @__PURE__ */ r("span", {
+				className: "ai-chat-widget-badge",
+				children: v
+			})]
+		}), /* @__PURE__ */ r("div", {
+			className: `ai-chat-widget-window ${k ? "ai-chat-widget-window-open" : "ai-chat-widget-window-closed"}`,
+			children: /* @__PURE__ */ i("div", {
+				className: "ai-chat-widget-card",
+				children: [
+					/* @__PURE__ */ i("div", {
+						className: "ai-chat-widget-header",
+						children: [/* @__PURE__ */ i("div", {
+							className: "ai-chat-widget-header-left",
+							children: [C || /* @__PURE__ */ r("div", { className: "ai-chat-widget-status-dot" }), /* @__PURE__ */ i("div", {
+								className: "ai-chat-widget-header-title",
+								children: [/* @__PURE__ */ r("span", { children: d }), f && /* @__PURE__ */ r("span", {
+									className: "ai-chat-widget-header-subtitle",
+									children: f
+								})]
+							})]
+						}), /* @__PURE__ */ r("button", {
+							className: "ai-chat-widget-header-close",
+							onClick: V,
+							"aria-label": "Close widget",
+							children: S || /* @__PURE__ */ r(o, {})
+						})]
+					}),
+					/* @__PURE__ */ i("div", {
+						className: "ai-chat-widget-messages",
+						children: [
+							j.map((e) => /* @__PURE__ */ r("div", {
+								className: `ai-chat-widget-message-row ${e.sender === "user" ? "ai-chat-widget-user-row" : "ai-chat-widget-bot-row"}`,
+								children: /* @__PURE__ */ i("div", {
+									className: `ai-chat-widget-bubble ${e.sender === "user" ? "ai-chat-widget-user-bubble" : "ai-chat-widget-bot-bubble"}`,
+									children: [e.text, e.isFaqOptions && h && h.length > 0 && /* @__PURE__ */ r("div", {
+										className: "ai-chat-widget-faq-container",
+										children: h.map((e, t) => /* @__PURE__ */ i("button", {
+											className: "ai-chat-widget-faq-chip",
+											onClick: () => U(e),
+											children: ["> ", e]
+										}, t))
+									})]
+								})
+							}, e.id)),
+							F && /* @__PURE__ */ r("div", {
+								className: "ai-chat-widget-message-row ai-chat-widget-bot-row",
+								children: /* @__PURE__ */ r("div", {
+									className: "ai-chat-widget-bubble ai-chat-widget-bot-bubble",
+									children: /* @__PURE__ */ i("div", {
+										className: "ai-chat-widget-typing",
+										children: [
+											/* @__PURE__ */ r("div", { className: "ai-chat-widget-dot" }),
+											/* @__PURE__ */ r("div", { className: "ai-chat-widget-dot" }),
+											/* @__PURE__ */ r("div", { className: "ai-chat-widget-dot" })
+										]
+									})
+								})
+							}),
+							/* @__PURE__ */ r("div", { ref: z })
+						]
+					}),
+					/* @__PURE__ */ i("div", {
+						className: "ai-chat-widget-input-area",
+						children: [/* @__PURE__ */ r("input", {
+							type: "text",
+							className: "ai-chat-widget-input",
+							value: N,
+							onChange: (e) => P(e.target.value),
+							placeholder: g,
+							onKeyDown: W,
+							disabled: F
+						}), /* @__PURE__ */ r("button", {
+							className: "ai-chat-widget-send-btn",
+							onClick: () => U(N),
+							disabled: !N.trim() || F,
+							"aria-label": "Send message",
+							children: /* @__PURE__ */ r(s, {})
+						})]
+					})
+				]
+			})
+		})]
+	});
+}, l = c;
+//#endregion
+export { c as ChatWidget, l as default };

package/dist/ai-chat-bot.umd.js ADDED Viewed

@@ -0,0 +1 @@

package/dist/favicon.svg ADDED Viewed

@@ -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 ADDED Viewed

@@ -0,0 +1,24 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <symbol id="bluesky-icon" viewBox="0 0 16 17">
+    <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>
+    <defs><clipPath id="bluesky-clip"><path fill="#fff" d="M.1.85h15.3v15.3H.1z"/></clipPath></defs>
+  </symbol>
+  <symbol id="discord-icon" viewBox="0 0 20 19">
+    <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"/>
+  </symbol>
+  <symbol id="documentation-icon" viewBox="0 0 21 20">
+    <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"/>
+    <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"/>
+    <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"/>
+  </symbol>
+  <symbol id="github-icon" viewBox="0 0 19 19">
+    <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"/>
+  </symbol>
+  <symbol id="social-icon" viewBox="0 0 20 20">
+    <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"/>
+    <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"/>
+  </symbol>
+  <symbol id="x-icon" viewBox="0 0 19 19">
+    <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"/>
+  </symbol>
+</svg>

package/dist/react-ai-chat-bot.css ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ .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}@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/

package/package.json ADDED Viewed

@@ -0,0 +1,50 @@
+{
+  "name": "@ai-chat-bot/react-ai-chat-bot",
+  "version": "1.0.0",
+  "private": false,
+  "description": "Embeddable React AI Chatbot Widget component",
+  "type": "module",
+  "main": "./dist/ai-chat-bot.cjs.js",
+  "module": "./dist/ai-chat-bot.es.js",
+  "exports": {
+    ".": {
+      "import": "./dist/ai-chat-bot.es.js",
+      "require": "./dist/ai-chat-bot.cjs.js"
+    },
+    "./style.css": "./dist/ai-chat-bot.css",
+    "./dist/style.css": "./dist/ai-chat-bot.css",
+    "./dist/ai-chat-bot.css": "./dist/ai-chat-bot.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "lint": "oxlint",
+    "preview": "vite preview"
+  },
+  "keywords": [
+    "react",
+    "chat",
+    "chatbot",
+    "ai",
+    "widget",
+    "chat-widget"
+  ],
+  "license": "MIT",
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "devDependencies": {
+    "@types/react": "^19.2.17",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^6.0.4",
+    "oxlint": "^1.75.0",
+    "react": "^19.2.8",
+    "react-dom": "^19.2.8",
+    "vite": "^8.2.0"
+  }
+}