@customerhero/react 1.0.0 → 1.0.1

package/dist/index.cjs

@@ -1091,10 +1091,12 @@ function AnimatedMessage({
 }) {
   const [visible, setVisible] = (0, import_react7.useState)(!animate);
   (0, import_react7.useEffect)(() => {
-    if (animate && !reduced) {
-      const id = requestAnimationFrame(() => setVisible(true));
-      return () => cancelAnimationFrame(id);
+    if (!animate || reduced) {
+      setVisible(true);
+      return;
     }
+    const id = requestAnimationFrame(() => setVisible(true));
+    return () => cancelAnimationFrame(id);
   }, [animate, reduced]);
   const style = {
     alignSelf: isUser ? "flex-end" : "flex-start",
@@ -1470,7 +1472,9 @@ function ChatInput() {
   }, []);
   const updateAttachment = (id, patch) => {
     setAttachments(
-      (current) => current.map((a) => a.id === id ? { ...a, ...patch } : a)
+      (current) => current.map(
+        (a) => a.id === id ? { ...a, ...patch } : a
+      )
     );
   };
   const startUpload = async (blob) => {
@@ -1506,10 +1510,15 @@ function ChatInput() {
       return current.filter((a) => a.id !== id);
     });
   };
-  const readyTokens = attachments.filter((a) => a.status === "ready").map((a) => a.token);
+  const readyTokens = attachments.filter(
+    (a) => a.status === "ready"
+  ).map((a) => a.token);
   const handleSend = () => {
     if (!value.trim() || isLoading) return;
-    sendMessage(value, readyTokens.length > 0 ? { attachmentTokens: readyTokens } : void 0);
+    sendMessage(
+      value,
+      readyTokens.length > 0 ? { attachmentTokens: readyTokens } : void 0
+    );
     for (const a of attachments) URL.revokeObjectURL(a.previewUrl);
     setAttachments([]);
     setValue("");

package/dist/index.js

@@ -1070,10 +1070,12 @@ function AnimatedMessage({
 }) {
   const [visible, setVisible] = useState5(!animate);
   useEffect5(() => {
-    if (animate && !reduced) {
-      const id = requestAnimationFrame(() => setVisible(true));
-      return () => cancelAnimationFrame(id);
+    if (!animate || reduced) {
+      setVisible(true);
+      return;
     }
+    const id = requestAnimationFrame(() => setVisible(true));
+    return () => cancelAnimationFrame(id);
   }, [animate, reduced]);
   const style = {
     alignSelf: isUser ? "flex-end" : "flex-start",
@@ -1456,7 +1458,9 @@ function ChatInput() {
   }, []);
   const updateAttachment = (id, patch) => {
     setAttachments(
-      (current) => current.map((a) => a.id === id ? { ...a, ...patch } : a)
+      (current) => current.map(
+        (a) => a.id === id ? { ...a, ...patch } : a
+      )
     );
   };
   const startUpload = async (blob) => {
@@ -1492,10 +1496,15 @@ function ChatInput() {
       return current.filter((a) => a.id !== id);
     });
   };
-  const readyTokens = attachments.filter((a) => a.status === "ready").map((a) => a.token);
+  const readyTokens = attachments.filter(
+    (a) => a.status === "ready"
+  ).map((a) => a.token);
   const handleSend = () => {
     if (!value.trim() || isLoading) return;
-    sendMessage(value, readyTokens.length > 0 ? { attachmentTokens: readyTokens } : void 0);
+    sendMessage(
+      value,
+      readyTokens.length > 0 ? { attachmentTokens: readyTokens } : void 0
+    );
     for (const a of attachments) URL.revokeObjectURL(a.previewUrl);
     setAttachments([]);
     setValue("");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@customerhero/react",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "private": false,
   "description": "React components for embedding the CustomerHero chat widget.",
   "keywords": [
@@ -54,11 +54,11 @@
     "test": "vitest run"
   },
   "peerDependencies": {
-    "@customerhero/js": "^1.0.0",
+    "@customerhero/js": "^1.0.1",
     "react": ">=18"
   },
   "devDependencies": {
-    "@customerhero/js": "^1.0.0",
+    "@customerhero/js": "^1.0.1",
     "@testing-library/react": "^16.1.0",
     "@types/react": "^19.0.0",
     "@types/react-dom": "^19.0.0",