@videosdk.live/react-sdk 0.4.8 → 0.4.10

package/dist/types/index.d.ts

@@ -251,7 +251,7 @@ export function MeetingConsumer({
     reliability: string;
   }) => void;
   onMeetingJoined?: () => void;
-  onMeetingLeft?: () => void;
+  onMeetingLeft?: ({ reason, code }: { reason: string, code: string }) => void;
   onLiveStreamStarted?: () => void;
   onLiveStreamStopped?: () => void;
   onVideoStateChanged?: () => void;
@@ -819,7 +819,7 @@ export function useMeeting({
     reliability: string;
   }) => void;
   onMeetingJoined?: () => void;
-  onMeetingLeft?: () => void;
+  onMeetingLeft?: ({ reason , code }: { reason: string, code: string }) => void;
   onLiveStreamStarted?: () => void;
   onLiveStreamStopped?: () => void;
   onVideoStateChanged?: () => void;
@@ -1187,6 +1187,49 @@ export function usePubSub(
   }>;
 };
 
+/**
+ *
+ * @param key - Represents the key for which you want to set the value in the realtime store.
+ * ---
+ * @param onValueChanged - This will get triggered when the value for the given key changes. 
+ * ---
+ * @returns This will return `setValue()` and `getValue()` methods.
+ * ---
+ * **useRealtimeStore example**
+ * ```js
+ *  var key = 'BLOCKED';
+ *
+ *  function onValueChanged({value,updatedBy}) {
+ *    console.log('New Message:', message);
+ *  }
+ *
+ *  const {setValue,getValue} = useRealtimeStore(key, {
+ *    onValueChanged,
+ *  });
+ * ```
+ */
+export function useRealtimeStore(
+  key: string,
+  {
+    onValueChanged,
+  }?: {
+    onValueChanged?: ({
+      value,
+      updatedBy,
+    }: {
+      value: string
+      updatedBy: string,
+    }) => void,
+  }
+): {
+  setValue: ({
+    value
+  }: {
+    value: string;
+  }) => Promise<any>;
+  getValue: () => Promise<string>;
+};
+
 export function useFile(): {
   uploadBase64File: ({
     base64Data,
@@ -1779,6 +1822,8 @@ export function getNetworkStats({
  * ---
  * @param videoStyle - Custom styles for the video element inside the container.
  * 
+ * @param videoRef - Optional ref to the underlying <video> element.
+ * 
  * ---
  * @returns A React component that renders the participant's video stream with optional adaptive observers.
  *
@@ -1800,7 +1845,8 @@ export function VideoPlayer({
   containerStyle,
   className,
   classNameVideo,
-  videoStyle
+  videoStyle,
+  videoRef
 }: {
   participantId: string;
   type?: "video" | "share";
@@ -1808,6 +1854,7 @@ export function VideoPlayer({
   className?: string;
   classNameVideo?: string;
   videoStyle?: React.CSSProperties;
+  videoRef?: React.Ref<HTMLVideoElement>
 }): JSX.Element;
 
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@videosdk.live/react-sdk",
-  "version": "0.4.8",
+  "version": "0.4.10",
   "license": "ISC",
   "main": "dist/index.js",
   "module": "dist/index.modern.js",
@@ -74,7 +74,7 @@
     }
   },
   "dependencies": {
-    "@videosdk.live/js-sdk": "0.3.9",
+    "@videosdk.live/js-sdk": "0.3.10",
     "events": "^3.3.0"
   }
 }