@flowengage/react-chatbot 7.0.22 → 7.0.24

package/dist/flowengage-react-chatbot.mjs

@@ -17,7 +17,7 @@ var v = Object.defineProperty, y = Object.getOwnPropertyDescriptor, b = Object.g
 }, w = (e) => x.call(e, "module.exports") ? e["module.exports"] : ee(v({}, "__esModule", { value: !0 }), e), T = (e) => {
 	if (!e || typeof e != "object") throw Error("FlowEngage config is required");
 	if (!e.siteId || typeof e.siteId != "string") throw Error("[FlowEngage] config.siteId is required. Pass it as <FlowEngageProvider siteId=\"your-site-id\" /> or config={{ siteId: 'your-site-id' }}.");
-	let t = (e.apiBaseUrl || "https://be-flowengage-stage.oslabs.app").replace(/\/+$/, "");
+	let t = (e.apiBaseUrl || "https://be-flowengage.oslabs.app").replace(/\/+$/, "");
 	return {
 		siteId: e.siteId.trim(),
 		apiBaseUrl: t
@@ -29396,19 +29396,54 @@ function jO({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, siteId: i,
 		]
 	});
 }
-function MO({ orbColors: e }) {
-	let t = Array.isArray(e) && e.length > 0 ? e : [
+function MO({ orbColors: e, size: t = 32 }) {
+	let n = Array.isArray(e) && e.length > 0 ? e : [
 		"#135bd8",
 		"#ef334b",
 		"#ffbd2e"
-	], n = t[0];
-	return /* @__PURE__ */ g("div", { style: {
-		width: "32px",
-		height: "32px",
-		borderRadius: "50%",
-		flexShrink: 0,
-		background: `radial-gradient(circle at 30% 35%, ${n} 0%, ${t[1] || t[0]} 50%, ${t[2] || t[0]} 100%)`
-	} });
+	], r = n[0], i = n[1] || n[0], a = n[2] || n[0], o = {
+		position: "absolute",
+		inset: "-45%",
+		willChange: "transform"
+	};
+	return /* @__PURE__ */ _("div", {
+		style: {
+			position: "relative",
+			width: `${t}px`,
+			height: `${t}px`,
+			borderRadius: "50%",
+			flexShrink: 0,
+			overflow: "hidden",
+			background: `radial-gradient(circle at 50% 50%, ${r}, ${i})`
+		},
+		children: [
+			/* @__PURE__ */ g("div", { style: {
+				...o,
+				background: `
+            radial-gradient(40% 40% at 30% 30%, ${r} 0%, transparent 62%),
+            radial-gradient(44% 44% at 70% 35%, ${i} 0%, transparent 62%),
+            radial-gradient(48% 48% at 50% 72%, ${a} 0%, transparent 62%)`,
+				filter: "blur(1.5px)",
+				animation: "fe-orb-drift 8s ease-in-out infinite"
+			} }),
+			/* @__PURE__ */ g("div", { style: {
+				...o,
+				background: `
+            radial-gradient(42% 42% at 65% 65%, ${a} 0%, transparent 60%),
+            radial-gradient(46% 46% at 35% 60%, ${r} 0%, transparent 60%)`,
+				mixBlendMode: "screen",
+				filter: "blur(1.5px)",
+				animation: "fe-orb-drift-2 11s ease-in-out infinite"
+			} }),
+			/* @__PURE__ */ g("div", { style: {
+				position: "absolute",
+				inset: 0,
+				borderRadius: "50%",
+				background: "radial-gradient(circle at 32% 28%, rgba(255,255,255,0.55) 0%, rgba(255,255,255,0) 46%)",
+				pointerEvents: "none"
+			} })
+		]
+	});
 }
 var NO = () => /* @__PURE__ */ g("div", {
 	style: {
@@ -30206,7 +30241,7 @@ function FO() {
 				onEndConversation: de,
 				showPoweredBy: D
 			}),
-			/* @__PURE__ */ g("style", { children: "\n        /* Force any SVG (or img) inside LogoSlot to fill the container height\n           regardless of whether the component forwards its style prop. */\n        .fe-logo-slot svg,\n        .fe-logo-slot img { height: 100%; width: auto; display: block; }\n\n        @keyframes fe-orb-breathe        { 0%,100%{transform:scale(1)}  50%{transform:scale(1.04)} }\n        @keyframes fe-orb-breathe-subtle { 0%,100%{transform:scale(1)}  50%{transform:scale(1.025)} }\n        @keyframes fe-orb-pulse  { 0%{transform:scale(1);opacity:.65} 50%{transform:scale(1.28);opacity:.1} 100%{transform:scale(1);opacity:.65} }\n        @keyframes fe-orb-glow   { from{opacity:.35} to{opacity:.75} }\n        @keyframes fe-orb-fade-in { from{opacity:0} to{opacity:1} }\n        @keyframes fe-orb-slide-up { from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:translateY(0)} }\n        @keyframes fe-orb-bar-0 { from{height:6px}  to{height:18px} }\n        @keyframes fe-orb-bar-1 { from{height:10px} to{height:22px} }\n        @keyframes fe-orb-bar-2 { from{height:14px} to{height:26px} }\n        @keyframes fe-orb-bar-3 { from{height:8px}  to{height:20px} }\n        @keyframes fe-orb-bar-4 { from{height:6px}  to{height:16px} }\n        @keyframes fe-dot-bounce { 0%,80%,100%{transform:translateY(0);opacity:.5} 40%{transform:translateY(-5px);opacity:1} }\n      " })
+			/* @__PURE__ */ g("style", { children: "\n        /* Force any SVG (or img) inside LogoSlot to fill the container height\n           regardless of whether the component forwards its style prop. */\n        .fe-logo-slot svg,\n        .fe-logo-slot img { height: 100%; width: auto; display: block; }\n\n        @keyframes fe-orb-breathe        { 0%,100%{transform:scale(1)}  50%{transform:scale(1.04)} }\n        @keyframes fe-orb-breathe-subtle { 0%,100%{transform:scale(1)}  50%{transform:scale(1.025)} }\n        @keyframes fe-orb-pulse  { 0%{transform:scale(1);opacity:.65} 50%{transform:scale(1.28);opacity:.1} 100%{transform:scale(1);opacity:.65} }\n        @keyframes fe-orb-glow   { from{opacity:.35} to{opacity:.75} }\n        @keyframes fe-orb-fade-in { from{opacity:0} to{opacity:1} }\n        @keyframes fe-orb-slide-up { from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:translateY(0)} }\n        @keyframes fe-orb-bar-0 { from{height:6px}  to{height:18px} }\n        @keyframes fe-orb-bar-1 { from{height:10px} to{height:22px} }\n        @keyframes fe-orb-bar-2 { from{height:14px} to{height:26px} }\n        @keyframes fe-orb-bar-3 { from{height:8px}  to{height:20px} }\n        @keyframes fe-orb-bar-4 { from{height:6px}  to{height:16px} }\n        @keyframes fe-dot-bounce { 0%,80%,100%{transform:translateY(0);opacity:.5} 40%{transform:translateY(-5px);opacity:1} }\n        @keyframes fe-orb-drift   { 0%,100%{transform:rotate(0deg) translate(0,0)} 33%{transform:rotate(120deg) translate(5%,-4%)} 66%{transform:rotate(240deg) translate(-4%,5%)} }\n        @keyframes fe-orb-drift-2 { 0%,100%{transform:rotate(0deg) scale(1)} 50%{transform:rotate(-180deg) scale(1.15)} }\n      " })
 		]
 	});
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flowengage/react-chatbot",
-  "version": "7.0.22",
+  "version": "7.0.24",
   "description": "Embeddable AI chat widget for React — powered by FlowEngage. Drop it in with a single siteId.",
   "keywords": [
     "chatbot",