@flowengage/react-chatbot 2.0.6 → 2.0.7

package/dist/flowengage-react-chatbot.mjs

@@ -3559,9 +3559,9 @@ function or({ siteId: e, config: t, children: n, language: r = "en" }) {
 	}, []);
 	let Wt = o(() => {
 		let e = i?.siteId;
-		_e(e), tt.current = !0, nt.current = null, O.current?.disconnect(), S([]), b(""), A.current = "", Ve(!1), re(!1), se(null), fe(null), s((e) => e + 1);
+		_e(e), tt.current = !0, nt.current = null, O.current?.disconnect(), S([]), b(""), A.current = "", Ve(!1), re(!1), se(null), fe(null), et(!0), s((e) => e + 1);
 	}, [i?.siteId]), Gt = o((e) => {
-		i?.siteId, tt.current = !1, nt.current = e, O.current?.disconnect(), S([]), b(""), A.current = "", Ve(!1), re(!1), se(null), fe(null), s((e) => e + 1);
+		i?.siteId, tt.current = !1, nt.current = e, O.current?.disconnect(), S([]), b(""), A.current = "", Ve(!1), re(!1), se(null), fe(null), et(!0), s((e) => e + 1);
 	}, [i?.siteId]), Kt = f(() => ({
 		status: l,
 		error: d,
@@ -30695,34 +30695,34 @@ function KO({ copy: e, orbColors: t, primaryColor: n, chatBgGradient: r, logo: i
 					agentHeadshot: y,
 					agentDisplayName: v || b,
 					botAvatarNode: /* @__PURE__ */ g(WO, { orbColors: t })
-				}) : Me ? /* @__PURE__ */ g("div", {
+				}) : Me ? /* @__PURE__ */ _("div", {
 					style: {
 						flex: 1,
 						display: "flex",
+						flexDirection: "column",
 						alignItems: "center",
-						justifyContent: "center"
+						justifyContent: "center",
+						gap: "16px"
 					},
-					children: /* @__PURE__ */ _("div", {
-						className: "flowengage-typing-indicator",
+					children: [/* @__PURE__ */ g("div", {
 						style: {
-							display: "flex",
-							gap: "4px"
+							width: "28px",
+							height: "28px",
+							border: "3px solid #f3f4f6",
+							borderTop: `3px solid ${n}`,
+							borderRadius: "50%",
+							animation: "spin 1s linear infinite"
 						},
-						children: [
-							/* @__PURE__ */ g("div", {
-								className: "flowengage-typing-dot",
-								style: { animationDelay: "0ms" }
-							}),
-							/* @__PURE__ */ g("div", {
-								className: "flowengage-typing-dot",
-								style: { animationDelay: "150ms" }
-							}),
-							/* @__PURE__ */ g("div", {
-								className: "flowengage-typing-dot",
-								style: { animationDelay: "300ms" }
-							})
-						]
-					})
+						children: /* @__PURE__ */ g("style", { children: "@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }" })
+					}), /* @__PURE__ */ g("div", {
+						style: {
+							color: "#6b7280",
+							fontSize: "14px",
+							fontWeight: 500,
+							animation: "fe-orb-fade-in 1s infinite alternate"
+						},
+						children: "Loading chat..."
+					})]
 				}) : /* @__PURE__ */ _("div", {
 					style: {
 						flex: 1,

package/package.json

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