chat: bump chat-js to 0.11 in examples

Author: AndyTWF

examples/chat-room-history/react/src/App.tsx

@@ -26,7 +26,7 @@ export default function App() {
 
   return (
     <ChatClientProvider client={chatClient}>
-      <ChatRoomProvider id={roomName}>
+      <ChatRoomProvider name={roomName}>
         <BrowserRouter>
           <Routes>
             <Route path="/" element={<Home />} />

examples/chat-room-history/react/src/Chat.tsx

@@ -7,7 +7,7 @@ export default function Chat() {
   const [messages, setMessages] = useState<Message[]>([]);
   const [message, setMessage] = useState('');
   const { clientId } = useChatClient();
-  const { history, send } = useMessages({
+  const { history, sendMessage } = useMessages({
     listener: (event) => {
       setMessages((prevMessages: Message[]) => [...prevMessages, event.message]);
     },
@@ -37,7 +37,7 @@ export default function Chat() {
 
   const handleSubmit = (e: React.FormEvent) => {
     e.preventDefault();
-    send({ text: message });
+    sendMessage({ text: message });
     setMessage('');
   };
 

examples/chat-room-messages/react/src/App.tsx

@@ -24,15 +24,15 @@ const Chat = () => {
   const [messages, setMessages] = useState<Message[]>([]);
   const [message, setMessage] = useState('');
   const { clientId } = useChatClient();
-  const { send } = useMessages({
+  const { sendMessage } = useMessages({
     listener: (event: ChatMessageEvent) => {
       setMessages((prevMessages: Message[]) => [...prevMessages, event.message]);
     },
   });
 
   const handleSubmit = (e: React.FormEvent) => {
     e.preventDefault();
-    send({ text: message });
+    sendMessage({ text: message });
     setMessage('');
   };
 

examples/chat-room-reactions/react/src/App.tsx

@@ -1,5 +1,5 @@
 import { useEffect, useState } from 'react';
-import { ChatClient, Reaction as ReactionInterface, RoomReactionEvent } from '@ably/chat';
+import { ChatClient, RoomReaction as ReactionInterface, RoomReactionEvent } from '@ably/chat';
 import { ChatClientProvider, ChatRoomProvider, useRoom, useRoomReactions } from '@ably/chat/react';
 import { Realtime } from 'ably';
 import './styles/styles.css';
@@ -14,7 +14,7 @@ function Chat() {
   const [reactions, setReactions] = useState<ReactionInterface[]>([]);
   const emojis = ['❤️', '😲', '👍', '😊'];
 
-  const { send } = useRoomReactions({
+  const { sendRoomReaction } = useRoomReactions({
     listener: (reactionEvent: RoomReactionEvent) => {
       const reaction = reactionEvent.reaction;
       setReactions((prevReactions: ReactionInterface[]) => [...prevReactions, { ...reaction }]);
@@ -35,7 +35,7 @@ function Chat() {
         <div className="border-t-2 border-gray-200 px-4 pt-4 mb-2 sm:mb-0">
           <div className="emoji-selector">
             {emojis.map((emoji, index) => (
-              <span key={index} className="emoji-btn" onClick={() => send({ name: emoji })}>
+              <span key={index} className="emoji-btn" onClick={() => sendRoomReaction({ name: emoji })}>
                 {emoji}
               </span>
             ))}

examples/package.json

@@ -94,7 +94,7 @@
     "spaces-member-location-react": "yarn workspace spaces-member-location-react dev"
   },
   "dependencies": {
-    "@ably/chat": "^0.10.0",
+    "@ably/chat": "^0.11.0",
     "@ably/spaces": "^0.4.0",
     "ably": "^2.9.0",
     "cors": "^2.8.5",

examples/yarn.lock

@@ -2,10 +2,10 @@
 # yarn lockfile v1
 
 
-"@ably/chat@^0.10.0":
-  version "0.10.0"
-  resolved "https://registry.yarnpkg.com/@ably/chat/-/chat-0.10.0.tgz#10a90c76726ea535a0a7847a786d3d06f44bafbc"
-  integrity sha512-74T/XAiYQkrNkRVcV18jnUjEiH23K3lOgt4yrZ0MXta0QJ9iWhqnemlmL+IDT9i/bN57AuhNXOVn8RdSSHjHnw==
+"@ably/chat@^0.11.0":
+  version "0.11.0"
+  resolved "https://registry.yarnpkg.com/@ably/chat/-/chat-0.11.0.tgz#8b4db3756ab6574aceb923a965f67b750e39756a"
+  integrity sha512-6oA9OAhZHtxQwylVLzv9cXirCN2WzhT22xZnvkb78gU/PUqNe2/7APsvZyXJnJVN6XVrTg3XHMl4vkOrdLLW7g==
   dependencies:
     async-mutex "^0.5.0"
     dequal "^2.0.3"