ai-chatbot-widget 0.0.7 → 0.0.9

package/dist/chatbot-widget.es.js

@@ -10397,13 +10397,13 @@ const zg = [
     headerLogoIcon: "text-white",
     messageBot: "bg-gradient-to-r from-purple-500 to-pink-500 text-white",
     messageUser: "bg-black/80 text-white",
-    input: "border-purple-500/30 placeholder-slate-400 focus:ring-purple-500 focus:border-transparent",
+    input: "placeholder-slate-400",
     sendButton: "text-purple-500",
     prompt: "bg-gradient-to-br from-black/80 to-black/90 text-white"
   }
 }, cl = (c, u) => wg[c][u] ?? "";
 function Dg({ setIsOpen: c, theme: u }) {
-  return /* @__PURE__ */ J.jsxs("div", { className: `bg-gradient-to-r ${cl(u, "header")} p-4 flex items-center justify-between`, children: [
+  return /* @__PURE__ */ J.jsxs("div", { className: `widget-header bg-gradient-to-r ${cl(u, "header")} p-4 flex items-center justify-between`, children: [
     /* @__PURE__ */ J.jsxs("div", { className: "flex items-center space-x-3", children: [
       /* @__PURE__ */ J.jsx("div", { className: `w-10 h-10 ${cl(u, "headerLogoBg")} rounded-full flex items-center justify-center`, children: /* @__PURE__ */ J.jsx(dr, { className: `w-6 h-6 ${cl(u, "headerLogoIcon")}` }) }),
       /* @__PURE__ */ J.jsxs("div", { children: [
@@ -12034,7 +12034,7 @@ function my() {
   return /* @__PURE__ */ J.jsx("div", { className: "absolute -top-2 -left-2 w-6 h-6 bg-gradient-to-r from-pink-500 to-red-500 rounded-full flex items-center justify-center animate-pulse", children: /* @__PURE__ */ J.jsx("span", { className: "text-white text-xs font-bold", children: "1" }) });
 }
 function gy({ inputValue: c, setInputValue: u, handleSendMessage: s, handleKeyPress: r, theme: f }) {
-  return /* @__PURE__ */ J.jsx("div", { className: "p-4 border-t border-purple-500/20", children: /* @__PURE__ */ J.jsxs("div", { className: "flex space-x-2", children: [
+  return /* @__PURE__ */ J.jsx("div", { className: "p-4 border-t border-purple-500/20 chatbot-input", children: /* @__PURE__ */ J.jsxs("div", { className: "flex space-x-2", children: [
     /* @__PURE__ */ J.jsx(
       "textarea",
       {
@@ -12042,7 +12042,7 @@ function gy({ inputValue: c, setInputValue: u, handleSendMessage: s, handleKeyPr
         onChange: (h) => u(h.target.value),
         onKeyPress: r,
         placeholder: "Type your message...",
-        className: `flex-1 border ${cl(f, "input")} rounded-xl px-4 py-2 focus:outline-none focus:ring-2 transition-all`
+        className: `flex-1 ${cl(f, "input")} rounded-xl px-4 py-2  transition-all`
       }
     ),
     /* @__PURE__ */ J.jsx(
@@ -12060,10 +12060,10 @@ function yy({ setIsOpen: c, isOpen: u }) {
     "button",
     {
       onClick: () => c(!u),
-      className: `
-          w-14 h-14 bg-gradient-to-r from-purple-600 to-blue-600 hover:from-purple-700 hover:to-blue-700
-          rounded-full shadow-2xl flex items-center justify-center text-white
-          transition-all duration-300 transform hover:scale-110 active:scale-95 cursor-pointer
+      className: `chatbot-open-btn
+          w-14 h-14
+          rounded-full shadow-2xl items-center justify-center text-white
+          transition-all duration-300 transform active:scale-90 cursor-pointer
           ${u ? "rotate-180" : "rotate-0"}
         `,
       style: {