@stream-io/video-react-bindings 0.1.16 → 0.1.17

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+### [0.1.17](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-bindings-0.1.16...@stream-io/video-react-bindings-0.1.17) (2023-08-11)
+
+
+### Features
+
+* Wrap all call state hooks in useCallStateHooks() ([#917](https://github.com/GetStream/stream-video-js/issues/917)) ([19f891a](https://github.com/GetStream/stream-video-js/commit/19f891aab42b725b6a1d0194bf0ef8f645ccc792))
+
 ### [0.1.16](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-bindings-0.1.15...@stream-io/video-react-bindings-0.1.16) (2023-08-10)
 
 

package/dist/src/hooks/{call.d.ts → callStateHooks.d.ts}

@@ -1,3 +1,10 @@
+import { CallState, Comparator, StreamVideoParticipant } from '@stream-io/video-client';
+/**
+ * Utility hook, which provides the current call's state.
+ *
+ * @category Call State
+ */
+export declare const useCallState: () => CallState;
 /**
  * Utility hook which provides information whether the current call is being recorded. It will return `true` if the call is being recorded.
  *
@@ -41,19 +48,12 @@ export declare const useCallStatsReport: () => import("@stream-io/video-client")
  *
  * @category Call State
  */
-export declare const useDominantSpeaker: () => import("@stream-io/video-client").StreamVideoParticipant | undefined;
-/**
- * Utility hook which provides a list of all notifications about created calls.
- * In the ring call settings, these calls can be outgoing (I have called somebody)
- * or incoming (somebody has called me).
- *
- * @category Client State
- */
-export declare const useCalls: () => import("@stream-io/video-client").Call[];
+export declare const useDominantSpeaker: () => StreamVideoParticipant | undefined;
 /**
  * Utility hook which provides call metadata (such as blocked users and own capabilities).
  *
  * @category Call State
+ * @deprecated will be removed in the next major release and replaced with more specific hooks.
  */
 export declare const useCallMetadata: () => import("@stream-io/video-client").CallResponse | undefined;
 /**
@@ -81,3 +81,46 @@ export declare const useCallCallingState: () => import("@stream-io/video-client"
  * @category Call State
  */
 export declare const useCallStartedAt: () => Date | undefined;
+/**
+ * A hook which provides a list of all participants that have joined an active call.
+ *
+ * @category Call State
+ *
+ * @param options.sortBy - A comparator function to sort the participants by.
+ * Make sure to memoize output of the `combineComparators` function
+ * (or keep it out of component's scope if possible) before passing it down to this property.
+ */
+export declare const useParticipants: ({ sortBy, }?: {
+    /**
+     * Make sure to memoize output of the `combineComparators` function
+     * (or keep it out of component's scope if possible) before passing it down to this property.
+     */
+    sortBy?: Comparator<StreamVideoParticipant> | undefined;
+}) => (StreamVideoParticipant | import("@stream-io/video-client").StreamVideoLocalParticipant)[];
+/**
+ * A hook which provides a StreamVideoLocalParticipant object.
+ * It signals that I have joined a call.
+ *
+ * @category Call State
+ */
+export declare const useLocalParticipant: () => import("@stream-io/video-client").StreamVideoLocalParticipant | undefined;
+/**
+ * A hook which provides a list of all other participants than me that have joined an active call.
+ *
+ * @category Call State
+ */
+export declare const useRemoteParticipants: () => StreamVideoParticipant[];
+/**
+ * Returns the approximate participant count of the active call.
+ * This includes the anonymous users as well, and it is computed on the server.
+ *
+ * @category Call State
+ */
+export declare const useParticipantCount: () => number;
+/**
+ * Returns the approximate anonymous participant count of the active call.
+ * The regular participants are not included in this count. It is computed on the server.
+ *
+ * @category Call State
+ */
+export declare const useAnonymousParticipantCount: () => number;

package/dist/src/hooks/{call.js → callStateHooks.js}

@@ -1,5 +1,24 @@
-import { useObservableValue } from './helpers/useObservableValue';
-import { useCallState, useStore } from './store';
+import { useMemo } from 'react';
+import { CallState, } from '@stream-io/video-client';
+import { useCall } from '../contexts';
+import { useObservableValue } from './useObservableValue';
+/**
+ * Utility hook, which provides the current call's state.
+ *
+ * @category Call State
+ */
+export const useCallState = () => {
+    const call = useCall();
+    // return an empty and unlinked CallState object if there is no call in the provider
+    // this ensures that the hooks always return a value and many null checks can be avoided
+    if (!call) {
+        const message = 'You are using useCallState() outside a Call context. ' +
+            'Please wrap your component in <StreamCall /> and provide a "call" instance.';
+        console.warn(message);
+        return new CallState();
+    }
+    return call.state;
+};
 /**
  * Utility hook which provides information whether the current call is being recorded. It will return `true` if the call is being recorded.
  *
@@ -64,21 +83,11 @@ export const useDominantSpeaker = () => {
     const { dominantSpeaker$ } = useCallState();
     return useObservableValue(dominantSpeaker$);
 };
-/**
- * Utility hook which provides a list of all notifications about created calls.
- * In the ring call settings, these calls can be outgoing (I have called somebody)
- * or incoming (somebody has called me).
- *
- * @category Client State
- */
-export const useCalls = () => {
-    const { calls$ } = useStore();
-    return useObservableValue(calls$);
-};
 /**
  * Utility hook which provides call metadata (such as blocked users and own capabilities).
  *
  * @category Call State
+ * @deprecated will be removed in the next major release and replaced with more specific hooks.
  */
 export const useCallMetadata = () => {
     const { metadata$ } = useCallState();
@@ -121,4 +130,62 @@ export const useCallStartedAt = () => {
     const { startedAt$ } = useCallState();
     return useObservableValue(startedAt$);
 };
-//# sourceMappingURL=call.js.map
+/**
+ * A hook which provides a list of all participants that have joined an active call.
+ *
+ * @category Call State
+ *
+ * @param options.sortBy - A comparator function to sort the participants by.
+ * Make sure to memoize output of the `combineComparators` function
+ * (or keep it out of component's scope if possible) before passing it down to this property.
+ */
+export const useParticipants = ({ sortBy, } = {}) => {
+    const { participants$ } = useCallState();
+    const participants = useObservableValue(participants$);
+    return useMemo(() => {
+        if (sortBy) {
+            return [...participants].sort(sortBy);
+        }
+        return participants;
+    }, [participants, sortBy]);
+};
+/**
+ * A hook which provides a StreamVideoLocalParticipant object.
+ * It signals that I have joined a call.
+ *
+ * @category Call State
+ */
+export const useLocalParticipant = () => {
+    const { localParticipant$ } = useCallState();
+    return useObservableValue(localParticipant$);
+};
+/**
+ * A hook which provides a list of all other participants than me that have joined an active call.
+ *
+ * @category Call State
+ */
+export const useRemoteParticipants = () => {
+    const { remoteParticipants$ } = useCallState();
+    return useObservableValue(remoteParticipants$);
+};
+/**
+ * Returns the approximate participant count of the active call.
+ * This includes the anonymous users as well, and it is computed on the server.
+ *
+ * @category Call State
+ */
+export const useParticipantCount = () => {
+    const { participantCount$ } = useCallState();
+    return useObservableValue(participantCount$);
+};
+/**
+ * Returns the approximate anonymous participant count of the active call.
+ * The regular participants are not included in this count. It is computed on the server.
+ *
+ * @category Call State
+ */
+export const useAnonymousParticipantCount = () => {
+    const { anonymousParticipantCount$ } = useCallState();
+    return useObservableValue(anonymousParticipantCount$);
+};
+//# sourceMappingURL=callStateHooks.js.map

package/dist/src/hooks/callStateHooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"callStateHooks.js","sourceRoot":"","sources":["../../../src/hooks/callStateHooks.ts"],"names":[],"mappings":"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"}

package/dist/src/hooks/index.d.ts

@@ -1,5 +1,10 @@
-export * from './call';
-export * from './participants';
+import * as CallStateHooks from './callStateHooks';
 export * from './permissions';
 export * from './store';
-export * from './user';
+export * from './callStateHooks';
+/**
+ * A hook-alike function that exposes all call state hooks.
+ *
+ * @category Call State
+ */
+export declare const useCallStateHooks: () => typeof CallStateHooks;

package/dist/src/hooks/index.js

@@ -1,6 +1,11 @@
-export * from './call';
-export * from './participants';
+import * as CallStateHooks from './callStateHooks';
 export * from './permissions';
 export * from './store';
-export * from './user';
+export * from './callStateHooks';
+/**
+ * A hook-alike function that exposes all call state hooks.
+ *
+ * @category Call State
+ */
+export const useCallStateHooks = () => CallStateHooks;
 //# sourceMappingURL=index.js.map

package/dist/src/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc,MAAM,kBAAkB,CAAC;AAEnD,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,kBAAkB,CAAC;AAEjC;;;;GAIG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE,CAAC,cAAc,CAAC"}

package/dist/src/hooks/permissions.js

@@ -1,5 +1,5 @@
-import { useCallState } from './store';
-import { useObservableValue } from './helpers/useObservableValue';
+import { useCallState } from './callStateHooks';
+import { useObservableValue } from './useObservableValue';
 /**
  * Hook that returns true if the local participant has all the given permissions.
  *

package/dist/src/hooks/permissions.js.map

@@ -1 +1 @@
-{"version":3,"file":"permissions.js","sourceRoot":"","sources":["../../../src/hooks/permissions.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACvC,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAElE;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,GAAG,WAA4B,EAAW,EAAE;IAC5E,MAAM,YAAY,GAAG,kBAAkB,EAAE,CAAC;IAC1C,OAAO,WAAW,CAAC,KAAK,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,YAAY,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC;AAC9E,CAAC,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAoB,EAAE;IACtD,MAAM,EAAE,gBAAgB,EAAE,GAAG,YAAY,EAAE,CAAC;IAC5C,OAAO,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;AAC9C,CAAC,CAAC"}
+{"version":3,"file":"permissions.js","sourceRoot":"","sources":["../../../src/hooks/permissions.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,GAAG,WAA4B,EAAW,EAAE;IAC5E,MAAM,YAAY,GAAG,kBAAkB,EAAE,CAAC;IAC1C,OAAO,WAAW,CAAC,KAAK,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,YAAY,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC;AAC9E,CAAC,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAoB,EAAE;IACtD,MAAM,EAAE,gBAAgB,EAAE,GAAG,YAAY,EAAE,CAAC;IAC5C,OAAO,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;AAC9C,CAAC,CAAC"}

package/dist/src/hooks/store.d.ts

@@ -1,11 +1,18 @@
-import { CallState } from '@stream-io/video-client';
 /**
  * Utility hook which provides access to client's state store.
  */
 export declare const useStore: () => import("@stream-io/video-client").StreamVideoReadOnlyStateStore;
 /**
- * Utility hook which provides the current call's state.
+ * Utility hook which provides a list of all notifications about created calls.
+ * In the ring call settings, these calls can be outgoing (I have called somebody)
+ * or incoming (somebody has called me).
  *
- * @category Call State
+ * @category Client State
  */
-export declare const useCallState: () => CallState;
+export declare const useCalls: () => import("@stream-io/video-client").Call[];
+/**
+ * Returns the current connected user.
+ *
+ * @category Client State
+ */
+export declare const useConnectedUser: () => import("@stream-io/video-client").OwnUserResponse | undefined;

package/dist/src/hooks/store.js

@@ -1,5 +1,5 @@
-import { CallState } from '@stream-io/video-client';
-import { useCall, useStreamVideoClient } from '../contexts';
+import { useStreamVideoClient } from '../contexts';
+import { useObservableValue } from './useObservableValue';
 /**
  * Utility hook which provides access to client's state store.
  */
@@ -11,20 +11,23 @@ export const useStore = () => {
     return client.readOnlyStateStore;
 };
 /**
- * Utility hook which provides the current call's state.
+ * Utility hook which provides a list of all notifications about created calls.
+ * In the ring call settings, these calls can be outgoing (I have called somebody)
+ * or incoming (somebody has called me).
  *
- * @category Call State
+ * @category Client State
  */
-export const useCallState = () => {
-    const call = useCall();
-    // return an empty and unlinked CallState object if there is no call in the provider
-    // this ensures that the hooks always return a value and many null checks can be avoided
-    if (!call) {
-        const message = 'You are using useCallState() outside a Call context. ' +
-            'Please wrap your component in <StreamCallProvider /> and provide a non-null "call" instance.';
-        console.warn(message);
-        return new CallState();
-    }
-    return call.state;
+export const useCalls = () => {
+    const { calls$ } = useStore();
+    return useObservableValue(calls$);
+};
+/**
+ * Returns the current connected user.
+ *
+ * @category Client State
+ */
+export const useConnectedUser = () => {
+    const { connectedUser$ } = useStore();
+    return useObservableValue(connectedUser$);
 };
 //# sourceMappingURL=store.js.map

package/dist/src/hooks/store.js.map

@@ -1 +1 @@
-{"version":3,"file":"store.js","sourceRoot":"","sources":["../../../src/hooks/store.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAE5D;;GAEG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,EAAE;IAC3B,MAAM,MAAM,GAAG,oBAAoB,EAAE,CAAC;IACtC,IAAI,CAAC,MAAM,EAAE;QACX,MAAM,IAAI,KAAK,CACb,8FAA8F,CAC/F,CAAC;KACH;IACD,OAAO,MAAM,CAAC,kBAAkB,CAAC;AACnC,CAAC,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,EAAE;IAC/B,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,oFAAoF;IACpF,wFAAwF;IACxF,IAAI,CAAC,IAAI,EAAE;QACT,MAAM,OAAO,GACX,uDAAuD;YACvD,8FAA8F,CAAC;QACjG,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QACtB,OAAO,IAAI,SAAS,EAAE,CAAC;KACxB;IACD,OAAO,IAAI,CAAC,KAAK,CAAC;AACpB,CAAC,CAAC"}
+{"version":3,"file":"store.js","sourceRoot":"","sources":["../../../src/hooks/store.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D;;GAEG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,EAAE;IAC3B,MAAM,MAAM,GAAG,oBAAoB,EAAE,CAAC;IACtC,IAAI,CAAC,MAAM,EAAE;QACX,MAAM,IAAI,KAAK,CACb,8FAA8F,CAC/F,CAAC;KACH;IACD,OAAO,MAAM,CAAC,kBAAkB,CAAC;AACnC,CAAC,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,EAAE;IAC3B,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC9B,OAAO,kBAAkB,CAAC,MAAM,CAAC,CAAC;AACpC,CAAC,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,EAAE;IACnC,MAAM,EAAE,cAAc,EAAE,GAAG,QAAQ,EAAE,CAAC;IACtC,OAAO,kBAAkB,CAAC,cAAc,CAAC,CAAC;AAC5C,CAAC,CAAC"}

package/dist/src/hooks/{helpers/useObservableValue.d.ts → useObservableValue.d.ts}

@@ -1,6 +1,6 @@
 import type { Observable } from 'rxjs';
 /**
- *
+ * Utility hook which provides the current value of the given observable.
  * @internal
  */
 export declare const useObservableValue: <T>(observable$: Observable<T>) => T;

package/dist/src/hooks/{helpers/useObservableValue.js → useObservableValue.js}

@@ -1,7 +1,7 @@
 import { useEffect, useState } from 'react';
 import { RxUtils } from '@stream-io/video-client';
 /**
- *
+ * Utility hook which provides the current value of the given observable.
  * @internal
  */
 export const useObservableValue = (observable$) => {

package/dist/src/hooks/useObservableValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useObservableValue.js","sourceRoot":"","sources":["../../../src/hooks/useObservableValue.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAElD;;;GAGG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAI,WAA0B,EAAE,EAAE;IAClE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAI,GAAG,EAAE,CACzC,OAAO,CAAC,eAAe,CAAC,WAAW,CAAC,CACrC,CAAC;IACF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,YAAY,GAAG,WAAW,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;QACrD,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,WAAW,EAAE,CAAC;QAC7B,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,OAAO,KAAK,CAAC;AACf,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stream-io/video-react-bindings",
-  "version": "0.1.16",
+  "version": "0.1.17",
   "packageManager": "yarn@3.2.4",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",

package/src/hooks/{call.ts → callStateHooks.ts}

@@ -1,5 +1,30 @@
-import { useObservableValue } from './helpers/useObservableValue';
-import { useCallState, useStore } from './store';
+import { useMemo } from 'react';
+import {
+  CallState,
+  Comparator,
+  StreamVideoParticipant,
+} from '@stream-io/video-client';
+import { useCall } from '../contexts';
+import { useObservableValue } from './useObservableValue';
+
+/**
+ * Utility hook, which provides the current call's state.
+ *
+ * @category Call State
+ */
+export const useCallState = () => {
+  const call = useCall();
+  // return an empty and unlinked CallState object if there is no call in the provider
+  // this ensures that the hooks always return a value and many null checks can be avoided
+  if (!call) {
+    const message =
+      'You are using useCallState() outside a Call context. ' +
+      'Please wrap your component in <StreamCall /> and provide a "call" instance.';
+    console.warn(message);
+    return new CallState();
+  }
+  return call.state;
+};
 
 /**
  * Utility hook which provides information whether the current call is being recorded. It will return `true` if the call is being recorded.
@@ -70,22 +95,11 @@ export const useDominantSpeaker = () => {
   return useObservableValue(dominantSpeaker$);
 };
 
-/**
- * Utility hook which provides a list of all notifications about created calls.
- * In the ring call settings, these calls can be outgoing (I have called somebody)
- * or incoming (somebody has called me).
- *
- * @category Client State
- */
-export const useCalls = () => {
-  const { calls$ } = useStore();
-  return useObservableValue(calls$);
-};
-
 /**
  * Utility hook which provides call metadata (such as blocked users and own capabilities).
  *
  * @category Call State
+ * @deprecated will be removed in the next major release and replaced with more specific hooks.
  */
 export const useCallMetadata = () => {
   const { metadata$ } = useCallState();
@@ -132,3 +146,75 @@ export const useCallStartedAt = () => {
   const { startedAt$ } = useCallState();
   return useObservableValue(startedAt$);
 };
+
+/**
+ * A hook which provides a list of all participants that have joined an active call.
+ *
+ * @category Call State
+ *
+ * @param options.sortBy - A comparator function to sort the participants by.
+ * Make sure to memoize output of the `combineComparators` function
+ * (or keep it out of component's scope if possible) before passing it down to this property.
+ */
+export const useParticipants = ({
+  sortBy,
+}: {
+  /**
+   * Make sure to memoize output of the `combineComparators` function
+   * (or keep it out of component's scope if possible) before passing it down to this property.
+   */
+  sortBy?: Comparator<StreamVideoParticipant>;
+} = {}) => {
+  const { participants$ } = useCallState();
+  const participants = useObservableValue(participants$);
+
+  return useMemo(() => {
+    if (sortBy) {
+      return [...participants].sort(sortBy);
+    }
+    return participants;
+  }, [participants, sortBy]);
+};
+
+/**
+ * A hook which provides a StreamVideoLocalParticipant object.
+ * It signals that I have joined a call.
+ *
+ * @category Call State
+ */
+export const useLocalParticipant = () => {
+  const { localParticipant$ } = useCallState();
+  return useObservableValue(localParticipant$);
+};
+
+/**
+ * A hook which provides a list of all other participants than me that have joined an active call.
+ *
+ * @category Call State
+ */
+export const useRemoteParticipants = () => {
+  const { remoteParticipants$ } = useCallState();
+  return useObservableValue(remoteParticipants$);
+};
+
+/**
+ * Returns the approximate participant count of the active call.
+ * This includes the anonymous users as well, and it is computed on the server.
+ *
+ * @category Call State
+ */
+export const useParticipantCount = () => {
+  const { participantCount$ } = useCallState();
+  return useObservableValue(participantCount$);
+};
+
+/**
+ * Returns the approximate anonymous participant count of the active call.
+ * The regular participants are not included in this count. It is computed on the server.
+ *
+ * @category Call State
+ */
+export const useAnonymousParticipantCount = () => {
+  const { anonymousParticipantCount$ } = useCallState();
+  return useObservableValue(anonymousParticipantCount$);
+};

package/src/hooks/index.ts

@@ -1,5 +1,12 @@
-export * from './call';
-export * from './participants';
+import * as CallStateHooks from './callStateHooks';
+
 export * from './permissions';
 export * from './store';
-export * from './user';
+export * from './callStateHooks';
+
+/**
+ * A hook-alike function that exposes all call state hooks.
+ *
+ * @category Call State
+ */
+export const useCallStateHooks = () => CallStateHooks;

package/src/hooks/permissions.ts

@@ -1,6 +1,6 @@
 import { OwnCapability } from '@stream-io/video-client';
-import { useCallState } from './store';
-import { useObservableValue } from './helpers/useObservableValue';
+import { useCallState } from './callStateHooks';
+import { useObservableValue } from './useObservableValue';
 
 /**
  * Hook that returns true if the local participant has all the given permissions.

package/src/hooks/store.ts

@@ -1,5 +1,5 @@
-import { CallState } from '@stream-io/video-client';
-import { useCall, useStreamVideoClient } from '../contexts';
+import { useStreamVideoClient } from '../contexts';
+import { useObservableValue } from './useObservableValue';
 
 /**
  * Utility hook which provides access to client's state store.
@@ -15,20 +15,23 @@ export const useStore = () => {
 };
 
 /**
- * Utility hook which provides the current call's state.
+ * Utility hook which provides a list of all notifications about created calls.
+ * In the ring call settings, these calls can be outgoing (I have called somebody)
+ * or incoming (somebody has called me).
  *
- * @category Call State
+ * @category Client State
  */
-export const useCallState = () => {
-  const call = useCall();
-  // return an empty and unlinked CallState object if there is no call in the provider
-  // this ensures that the hooks always return a value and many null checks can be avoided
-  if (!call) {
-    const message =
-      'You are using useCallState() outside a Call context. ' +
-      'Please wrap your component in <StreamCallProvider /> and provide a non-null "call" instance.';
-    console.warn(message);
-    return new CallState();
-  }
-  return call.state;
+export const useCalls = () => {
+  const { calls$ } = useStore();
+  return useObservableValue(calls$);
+};
+
+/**
+ * Returns the current connected user.
+ *
+ * @category Client State
+ */
+export const useConnectedUser = () => {
+  const { connectedUser$ } = useStore();
+  return useObservableValue(connectedUser$);
 };

package/src/hooks/{helpers/useObservableValue.ts → useObservableValue.ts}

@@ -3,7 +3,7 @@ import { useEffect, useState } from 'react';
 import { RxUtils } from '@stream-io/video-client';
 
 /**
- *
+ * Utility hook which provides the current value of the given observable.
  * @internal
  */
 export const useObservableValue = <T>(observable$: Observable<T>) => {

package/dist/src/hooks/call.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"call.js","sourceRoot":"","sources":["../../../src/hooks/call.ts"],"names":[],"mappings":"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"}

package/dist/src/hooks/helpers/useObservableValue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useObservableValue.js","sourceRoot":"","sources":["../../../../src/hooks/helpers/useObservableValue.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAElD;;;GAGG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAI,WAA0B,EAAE,EAAE;IAClE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAI,GAAG,EAAE,CACzC,OAAO,CAAC,eAAe,CAAC,WAAW,CAAC,CACrC,CAAC;IACF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,YAAY,GAAG,WAAW,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;QACrD,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,WAAW,EAAE,CAAC;QAC7B,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,OAAO,KAAK,CAAC;AACf,CAAC,CAAC"}

package/dist/src/hooks/participants.d.ts

@@ -1,44 +0,0 @@
-import type { Comparator, StreamVideoParticipant } from '@stream-io/video-client';
-/**
- * A hook which provides a list of all participants that have joined an active call.
- *
- * @category Call State
- *
- * @param options.sortBy - A comparator function to sort the participants by.
- * Make sure to memoize output of the `combineComparators` function
- * (or keep it out of component's scope if possible) before passing it down to this property.
- */
-export declare const useParticipants: ({ sortBy, }?: {
-    /**
-     * Make sure to memoize output of the `combineComparators` function
-     * (or keep it out of component's scope if possible) before passing it down to this property.
-     */
-    sortBy?: Comparator<StreamVideoParticipant> | undefined;
-}) => (StreamVideoParticipant | import("@stream-io/video-client").StreamVideoLocalParticipant)[];
-/**
- * A hook which provides a StreamVideoLocalParticipant object.
- * It signals that I have joined a call.
- *
- * @category Call State
- */
-export declare const useLocalParticipant: () => import("@stream-io/video-client").StreamVideoLocalParticipant | undefined;
-/**
- * A hook which provides a list of all other participants than me that have joined an active call.
- *
- * @category Call State
- */
-export declare const useRemoteParticipants: () => StreamVideoParticipant[];
-/**
- * Returns the approximate participant count of the active call.
- * This includes the anonymous users as well, and it is computed on the server.
- *
- * @category Call State
- */
-export declare const useParticipantCount: () => number;
-/**
- * Returns the approximate anonymous participant count of the active call.
- * The regular participants are not included in this count. It is computed on the server.
- *
- * @category Call State
- */
-export declare const useAnonymousParticipantCount: () => number;

package/dist/src/hooks/participants.js

@@ -1,62 +0,0 @@
-import { useObservableValue } from './helpers/useObservableValue';
-import { useCallState } from './store';
-import { useMemo } from 'react';
-/**
- * A hook which provides a list of all participants that have joined an active call.
- *
- * @category Call State
- *
- * @param options.sortBy - A comparator function to sort the participants by.
- * Make sure to memoize output of the `combineComparators` function
- * (or keep it out of component's scope if possible) before passing it down to this property.
- */
-export const useParticipants = ({ sortBy, } = {}) => {
-    const { participants$ } = useCallState();
-    const participants = useObservableValue(participants$);
-    return useMemo(() => {
-        if (sortBy) {
-            return [...participants].sort(sortBy);
-        }
-        return participants;
-    }, [participants, sortBy]);
-};
-/**
- * A hook which provides a StreamVideoLocalParticipant object.
- * It signals that I have joined a call.
- *
- * @category Call State
- */
-export const useLocalParticipant = () => {
-    const { localParticipant$ } = useCallState();
-    return useObservableValue(localParticipant$);
-};
-/**
- * A hook which provides a list of all other participants than me that have joined an active call.
- *
- * @category Call State
- */
-export const useRemoteParticipants = () => {
-    const { remoteParticipants$ } = useCallState();
-    return useObservableValue(remoteParticipants$);
-};
-/**
- * Returns the approximate participant count of the active call.
- * This includes the anonymous users as well, and it is computed on the server.
- *
- * @category Call State
- */
-export const useParticipantCount = () => {
-    const { participantCount$ } = useCallState();
-    return useObservableValue(participantCount$);
-};
-/**
- * Returns the approximate anonymous participant count of the active call.
- * The regular participants are not included in this count. It is computed on the server.
- *
- * @category Call State
- */
-export const useAnonymousParticipantCount = () => {
-    const { anonymousParticipantCount$ } = useCallState();
-    return useObservableValue(anonymousParticipantCount$);
-};
-//# sourceMappingURL=participants.js.map

package/dist/src/hooks/participants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"participants.js","sourceRoot":"","sources":["../../../src/hooks/participants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAKvC,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEhC;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAC9B,MAAM,MAOJ,EAAE,EAAE,EAAE;IACR,MAAM,EAAE,aAAa,EAAE,GAAG,YAAY,EAAE,CAAC;IACzC,MAAM,YAAY,GAAG,kBAAkB,CAAC,aAAa,CAAC,CAAC;IAEvD,OAAO,OAAO,CAAC,GAAG,EAAE;QAClB,IAAI,MAAM,EAAE;YACV,OAAO,CAAC,GAAG,YAAY,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;SACvC;QACD,OAAO,YAAY,CAAC;IACtB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC,CAAC;AAC7B,CAAC,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,EAAE;IACtC,MAAM,EAAE,iBAAiB,EAAE,GAAG,YAAY,EAAE,CAAC;IAC7C,OAAO,kBAAkB,CAAC,iBAAiB,CAAC,CAAC;AAC/C,CAAC,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,EAAE;IACxC,MAAM,EAAE,mBAAmB,EAAE,GAAG,YAAY,EAAE,CAAC;IAC/C,OAAO,kBAAkB,CAAC,mBAAmB,CAAC,CAAC;AACjD,CAAC,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,EAAE;IACtC,MAAM,EAAE,iBAAiB,EAAE,GAAG,YAAY,EAAE,CAAC;IAC7C,OAAO,kBAAkB,CAAC,iBAAiB,CAAC,CAAC;AAC/C,CAAC,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,4BAA4B,GAAG,GAAG,EAAE;IAC/C,MAAM,EAAE,0BAA0B,EAAE,GAAG,YAAY,EAAE,CAAC;IACtD,OAAO,kBAAkB,CAAC,0BAA0B,CAAC,CAAC;AACxD,CAAC,CAAC"}

package/dist/src/hooks/user.d.ts

@@ -1,7 +0,0 @@
-/**
- *
- * @returns
- *
- * @category Client State
- */
-export declare const useConnectedUser: () => import("@stream-io/video-client").OwnUserResponse | undefined;

package/dist/src/hooks/user.js

@@ -1,13 +0,0 @@
-import { useStore } from './store';
-import { useObservableValue } from './helpers/useObservableValue';
-/**
- *
- * @returns
- *
- * @category Client State
- */
-export const useConnectedUser = () => {
-    const { connectedUser$ } = useStore();
-    return useObservableValue(connectedUser$);
-};
-//# sourceMappingURL=user.js.map

package/dist/src/hooks/user.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"user.js","sourceRoot":"","sources":["../../../src/hooks/user.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACnC,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAElE;;;;;GAKG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,EAAE;IACnC,MAAM,EAAE,cAAc,EAAE,GAAG,QAAQ,EAAE,CAAC;IACtC,OAAO,kBAAkB,CAAC,cAAc,CAAC,CAAC;AAC5C,CAAC,CAAC"}

package/src/hooks/participants.ts

@@ -1,79 +0,0 @@
-import { useObservableValue } from './helpers/useObservableValue';
-import { useCallState } from './store';
-import type {
-  Comparator,
-  StreamVideoParticipant,
-} from '@stream-io/video-client';
-import { useMemo } from 'react';
-
-/**
- * A hook which provides a list of all participants that have joined an active call.
- *
- * @category Call State
- *
- * @param options.sortBy - A comparator function to sort the participants by.
- * Make sure to memoize output of the `combineComparators` function
- * (or keep it out of component's scope if possible) before passing it down to this property.
- */
-export const useParticipants = ({
-  sortBy,
-}: {
-  /**
-   * Make sure to memoize output of the `combineComparators` function
-   * (or keep it out of component's scope if possible) before passing it down to this property.
-   */
-  sortBy?: Comparator<StreamVideoParticipant>;
-} = {}) => {
-  const { participants$ } = useCallState();
-  const participants = useObservableValue(participants$);
-
-  return useMemo(() => {
-    if (sortBy) {
-      return [...participants].sort(sortBy);
-    }
-    return participants;
-  }, [participants, sortBy]);
-};
-
-/**
- * A hook which provides a StreamVideoLocalParticipant object.
- * It signals that I have joined a call.
- *
- * @category Call State
- */
-export const useLocalParticipant = () => {
-  const { localParticipant$ } = useCallState();
-  return useObservableValue(localParticipant$);
-};
-
-/**
- * A hook which provides a list of all other participants than me that have joined an active call.
- *
- * @category Call State
- */
-export const useRemoteParticipants = () => {
-  const { remoteParticipants$ } = useCallState();
-  return useObservableValue(remoteParticipants$);
-};
-
-/**
- * Returns the approximate participant count of the active call.
- * This includes the anonymous users as well, and it is computed on the server.
- *
- * @category Call State
- */
-export const useParticipantCount = () => {
-  const { participantCount$ } = useCallState();
-  return useObservableValue(participantCount$);
-};
-
-/**
- * Returns the approximate anonymous participant count of the active call.
- * The regular participants are not included in this count. It is computed on the server.
- *
- * @category Call State
- */
-export const useAnonymousParticipantCount = () => {
-  const { anonymousParticipantCount$ } = useCallState();
-  return useObservableValue(anonymousParticipantCount$);
-};

package/src/hooks/user.ts

@@ -1,13 +0,0 @@
-import { useStore } from './store';
-import { useObservableValue } from './helpers/useObservableValue';
-
-/**
- *
- * @returns
- *
- * @category Client State
- */
-export const useConnectedUser = () => {
-  const { connectedUser$ } = useStore();
-  return useObservableValue(connectedUser$);
-};