@stream-io/video-react-sdk 1.32.2 → 1.32.4

package/dist/src/components/CallControls/AcceptCallButton.d.ts

@@ -2,6 +2,6 @@ import { MouseEventHandler } from 'react';
 export type AcceptCallButtonProps = {
     disabled?: boolean;
     onClick?: MouseEventHandler<HTMLButtonElement>;
-    onAccept?: () => void;
+    onAccept?: (err?: Error) => void;
 };
 export declare const AcceptCallButton: ({ disabled, onAccept, onClick, }: AcceptCallButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/CallControls/CallControls.d.ts

@@ -1,4 +1,4 @@
 export type CallControlsProps = {
-    onLeave?: () => void;
+    onLeave?: (err?: Error) => void;
 };
 export declare const CallControls: ({ onLeave }: CallControlsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/CallControls/CancelCallButton.d.ts

@@ -3,7 +3,7 @@ export type CancelCallButtonProps = {
     disabled?: boolean;
     caption?: string;
     onClick?: MouseEventHandler<HTMLButtonElement>;
-    onLeave?: () => void;
+    onLeave?: (err?: Error) => void;
 };
 export declare const CancelCallConfirmButton: ({ onClick, onLeave, }: CancelCallButtonProps) => import("react/jsx-runtime").JSX.Element;
 export declare const CancelCallButton: ({ disabled, caption, onClick, onLeave, }: CancelCallButtonProps) => import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stream-io/video-react-sdk",
-  "version": "1.32.2",
+  "version": "1.32.4",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.es.js",
   "types": "./dist/index.d.ts",
@@ -31,9 +31,9 @@
   ],
   "dependencies": {
     "@floating-ui/react": "^0.27.6",
-    "@stream-io/video-client": "1.42.2",
+    "@stream-io/video-client": "1.43.0",
     "@stream-io/video-filters-web": "0.7.2",
-    "@stream-io/video-react-bindings": "1.13.6",
+    "@stream-io/video-react-bindings": "1.13.8",
     "chart.js": "^4.4.4",
     "clsx": "^2.0.0",
     "react-chartjs-2": "^5.3.0"

package/src/components/CallControls/AcceptCallButton.tsx

@@ -5,7 +5,7 @@ import { useCall } from '@stream-io/video-react-bindings';
 export type AcceptCallButtonProps = {
   disabled?: boolean;
   onClick?: MouseEventHandler<HTMLButtonElement>;
-  onAccept?: () => void;
+  onAccept?: (err?: Error) => void;
 };
 
 export const AcceptCallButton = ({
@@ -19,8 +19,13 @@ export const AcceptCallButton = ({
       if (onClick) {
         onClick(e);
       } else if (call) {
-        await call.join();
-        onAccept?.();
+        try {
+          await call.join();
+          onAccept?.();
+        } catch (err) {
+          console.error(`Failed to accept call`, err);
+          onAccept?.(err as Error);
+        }
       }
     },
     [onClick, onAccept, call],

package/src/components/CallControls/CallControls.tsx

@@ -12,7 +12,7 @@ import { ToggleVideoPublishingButton } from './ToggleVideoButton';
 import { CancelCallButton } from './CancelCallButton';
 
 export type CallControlsProps = {
-  onLeave?: () => void;
+  onLeave?: (err?: Error) => void;
 };
 
 export const CallControls = ({ onLeave }: CallControlsProps) => (

package/src/components/CallControls/CancelCallButton.tsx

@@ -67,7 +67,7 @@ export type CancelCallButtonProps = {
   disabled?: boolean;
   caption?: string;
   onClick?: MouseEventHandler<HTMLButtonElement>;
-  onLeave?: () => void;
+  onLeave?: (err?: Error) => void;
 };
 
 export const CancelCallConfirmButton = ({
@@ -81,8 +81,13 @@ export const CancelCallConfirmButton = ({
       if (onClick) {
         onClick(e);
       } else if (call) {
-        await call.leave();
-        onLeave?.();
+        try {
+          await call.leave();
+          onLeave?.();
+        } catch (err) {
+          console.error(`Failed to leave call`, err);
+          onLeave?.(err as Error);
+        }
       }
     },
     [onClick, onLeave, call],
@@ -93,8 +98,13 @@ export const CancelCallConfirmButton = ({
       if (onClick) {
         onClick(e);
       } else if (call) {
-        await call.endCall();
-        onLeave?.();
+        try {
+          await call.endCall();
+          onLeave?.();
+        } catch (err) {
+          console.error(`Failed to end call`, err);
+          onLeave?.(err as Error);
+        }
       }
     },
     [onClick, onLeave, call],
@@ -120,8 +130,13 @@ export const CancelCallButton = ({
       if (onClick) {
         onClick(e);
       } else if (call) {
-        await call.leave();
-        onLeave?.();
+        try {
+          await call.leave();
+          onLeave?.();
+        } catch (err) {
+          console.error(`Failed to leave call`, err);
+          onLeave?.(err as Error);
+        }
       }
     },
     [onClick, onLeave, call],

package/src/components/RingingCall/RingingCallControls.tsx

@@ -20,7 +20,9 @@ export const RingingCallControls = () => {
           <CancelCallButton
             onClick={() => {
               const reason = call.isCreatedByMe ? 'cancel' : 'decline';
-              call.leave({ reject: true, reason });
+              call.leave({ reject: true, reason }).catch((err) => {
+                console.error(`Failed to reject`, err);
+              });
             }}
             disabled={buttonsDisabled}
           />