@stream-io/video-react-bindings 0.0.10 → 0.0.12

package/CHANGELOG.md

@@ -2,6 +2,26 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+### [0.0.12](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-bindings-0.0.11...@stream-io/video-react-bindings-0.0.12) (2023-06-13)
+
+### Dependency Updates
+
+* `@stream-io/video-client` updated to version `0.0.1`
+
+### Features
+
+* Make it possible to provide user and token in StreamVideoClient… ([#631](https://github.com/GetStream/stream-video-js/issues/631)) ([93f9b03](https://github.com/GetStream/stream-video-js/commit/93f9b03313ac74179f1d93b513ea4de306312291))
+
+### [0.0.11](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-bindings-0.0.10...@stream-io/video-react-bindings-0.0.11) (2023-06-13)
+
+### Dependency Updates
+
+* `@stream-io/video-client` updated to version `0.0.1`
+
+### Features
+
+* add audio room demo app ([#572](https://github.com/GetStream/stream-video-js/issues/572)) ([77f7b65](https://github.com/GetStream/stream-video-js/commit/77f7b6596047d59e10c8e58abad38c4f48cc162f))
+
 ### [0.0.10](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-bindings-0.0.9...@stream-io/video-react-bindings-0.0.10) (2023-06-12)
 
 ### Dependency Updates

package/dist/src/contexts/StreamVideoContext.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useContext } from 'react';
+import { createContext, useContext, useEffect, useRef, } from 'react';
 import { StreamI18nProvider, } from './StreamI18nContext';
 const StreamVideoContext = createContext(undefined);
 /**
@@ -9,6 +9,25 @@ const StreamVideoContext = createContext(undefined);
  *  @category Client State
  */
 export const StreamVideo = ({ children, client, i18nInstance, language, translationsOverrides, }) => {
+    const prevClient = useRef(undefined);
+    useEffect(() => {
+        if (prevClient.current) {
+            prevClient.current
+                .disconnectUser()
+                .catch((error) => console.error(`Failed to disconnect`, error));
+        }
+        if (client.user) {
+            client
+                .connectUser()
+                .catch((error) => console.error('Failed to establish connection', error));
+        }
+        prevClient.current = client;
+        return () => {
+            client
+                .disconnectUser()
+                .catch((error) => console.error(`Failed to disconnect`, error));
+        };
+    }, [client]);
     return (_jsx(StreamVideoContext.Provider, Object.assign({ value: client }, { children: _jsx(StreamI18nProvider, Object.assign({ i18nInstance: i18nInstance, language: language, translationsOverrides: translationsOverrides }, { children: children })) })));
 };
 /**

package/dist/src/contexts/StreamVideoContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"StreamVideoContext.js","sourceRoot":"","sources":["../../../src/contexts/StreamVideoContext.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAqB,UAAU,EAAE,MAAM,OAAO,CAAC;AAErE,OAAO,EACL,kBAAkB,GAEnB,MAAM,qBAAqB,CAAC;AAE7B,MAAM,kBAAkB,GAAG,aAAa,CACtC,SAAS,CACV,CAAC;AAUF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAC1B,QAAQ,EACR,MAAM,EACN,YAAY,EACZ,QAAQ,EACR,qBAAqB,GACe,EAAE,EAAE;IACxC,OAAO,CACL,KAAC,kBAAkB,CAAC,QAAQ,kBAAC,KAAK,EAAE,MAAM,gBACxC,KAAC,kBAAkB,kBACjB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,qBAAqB,EAAE,qBAAqB,gBAE3C,QAAQ,IACU,IACO,CAC/B,CAAC;AACJ,CAAC,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,EAAE;IACvC,OAAO,UAAU,CAAC,kBAAkB,CAAC,CAAC;AACxC,CAAC,CAAC"}
+{"version":3,"file":"StreamVideoContext.js","sourceRoot":"","sources":["../../../src/contexts/StreamVideoContext.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,aAAa,EAEb,UAAU,EACV,SAAS,EACT,MAAM,GACP,MAAM,OAAO,CAAC;AAEf,OAAO,EACL,kBAAkB,GAEnB,MAAM,qBAAqB,CAAC;AAE7B,MAAM,kBAAkB,GAAG,aAAa,CACtC,SAAS,CACV,CAAC;AAUF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAC1B,QAAQ,EACR,MAAM,EACN,YAAY,EACZ,QAAQ,EACR,qBAAqB,GACe,EAAE,EAAE;IACxC,MAAM,UAAU,GAAG,MAAM,CAAgC,SAAS,CAAC,CAAC;IAEpE,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,UAAU,CAAC,OAAO,EAAE;YACtB,UAAU,CAAC,OAAO;iBACf,cAAc,EAAE;iBAChB,KAAK,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,sBAAsB,EAAE,KAAK,CAAC,CAAC,CAAC;SACnE;QAED,IAAI,MAAM,CAAC,IAAI,EAAE;YACf,MAAM;iBACH,WAAW,EAAE;iBACb,KAAK,CAAC,CAAC,KAAK,EAAE,EAAE,CACf,OAAO,CAAC,KAAK,CAAC,gCAAgC,EAAE,KAAK,CAAC,CACvD,CAAC;SACL;QAED,UAAU,CAAC,OAAO,GAAG,MAAM,CAAC;QAE5B,OAAO,GAAG,EAAE;YACV,MAAM;iBACH,cAAc,EAAE;iBAChB,KAAK,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,sBAAsB,EAAE,KAAK,CAAC,CAAC,CAAC;QACpE,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,CACL,KAAC,kBAAkB,CAAC,QAAQ,kBAAC,KAAK,EAAE,MAAM,gBACxC,KAAC,kBAAkB,kBACjB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,qBAAqB,EAAE,qBAAqB,gBAE3C,QAAQ,IACU,IACO,CAC/B,CAAC;AACJ,CAAC,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,EAAE;IACvC,OAAO,UAAU,CAAC,kBAAkB,CAAC,CAAC;AACxC,CAAC,CAAC"}

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

@@ -50,22 +50,6 @@ export declare const useDominantSpeaker: () => import("@stream-io/video-client")
  * @category Client State
  */
 export declare const useCalls: () => import("@stream-io/video-client").Call[];
-/**
- * Utility hook which provides a list of all incoming ring calls (somebody calls me).
- *
- * @deprecated derive from useCalls()/useCall() instead.
- * @internal
- * @category Client State
- */
-export declare const useIncomingCalls: () => import("@stream-io/video-client").Call[];
-/**
- * Utility hook which provides a list of all outgoing ring calls (I call somebody).
- *
- * @deprecated derive from useCalls()/useCall() instead.
- * @internal
- * @category Client State
- */
-export declare const useOutgoingCalls: () => import("@stream-io/video-client").Call[];
 /**
  * Utility hook which provides call metadata (such as blocked users and own capabilities).
  *

package/dist/src/hooks/call.js

@@ -73,28 +73,6 @@ export const useCalls = () => {
     const { calls$ } = useStore();
     return useObservableValue(calls$);
 };
-/**
- * Utility hook which provides a list of all incoming ring calls (somebody calls me).
- *
- * @deprecated derive from useCalls()/useCall() instead.
- * @internal
- * @category Client State
- */
-export const useIncomingCalls = () => {
-    const { incomingCalls$ } = useStore();
-    return useObservableValue(incomingCalls$);
-};
-/**
- * Utility hook which provides a list of all outgoing ring calls (I call somebody).
- *
- * @deprecated derive from useCalls()/useCall() instead.
- * @internal
- * @category Client State
- */
-export const useOutgoingCalls = () => {
-    const { outgoingCalls$ } = useStore();
-    return useObservableValue(outgoingCalls$);
-};
 /**
  * Utility hook which provides call metadata (such as blocked users and own capabilities).
  *

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

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

package/dist/src/wrappers/Restricted.d.ts

@@ -1,19 +1,27 @@
 import { OwnCapability } from '@stream-io/video-client';
 import { PropsWithChildren } from 'react';
 type RestrictedProps = PropsWithChildren<{
+    /**
+     * Required grants for the component to be able to render supplied children elements
+     */
+    requiredGrants: OwnCapability[];
     /**
      * OwnCapabilities of the participant - grants they have available
      */
     availableGrants?: OwnCapability[];
     /**
-     * Required grants for the component to be able to render supplied children elements
+     * Render children only if user can request capability, but does not have it
      */
-    requiredGrants: OwnCapability[];
+    canRequestOnly?: boolean;
+    /**
+     * Render children only if user has capability
+     */
+    hasPermissionsOnly?: boolean;
     /**
      * Require all grants specified in `requiredGrants` to be available in the `availableGrants`,
      * component by default requires only one grant to appear in both arrays to render its children
      */
     requireAll?: boolean;
 }>;
-export declare const Restricted: ({ availableGrants: availableGrantsFromProps, requiredGrants, requireAll, children, }: RestrictedProps) => JSX.Element | null;
+export declare const Restricted: ({ availableGrants: availableGrantsFromProps, canRequestOnly, hasPermissionsOnly, requiredGrants, requireAll, children, }: RestrictedProps) => JSX.Element | null;
 export {};

package/dist/src/wrappers/Restricted.js

@@ -1,12 +1,16 @@
 import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 import { useCall } from '../contexts';
 import { useOwnCapabilities } from '../hooks';
-export const Restricted = ({ availableGrants: availableGrantsFromProps, requiredGrants, requireAll = true, children, }) => {
+export const Restricted = ({ availableGrants: availableGrantsFromProps, canRequestOnly, hasPermissionsOnly, requiredGrants, requireAll = true, children, }) => {
     const call = useCall();
     const ownCapabilities = useOwnCapabilities();
     const availableGrants = availableGrantsFromProps !== null && availableGrantsFromProps !== void 0 ? availableGrantsFromProps : ownCapabilities;
     const hasPermissions = requiredGrants[requireAll ? 'every' : 'some']((capability) => availableGrants.includes(capability));
+    if (hasPermissionsOnly)
+        return hasPermissions ? _jsx(_Fragment, { children: children }) : null;
     const canRequest = requiredGrants.some((capability) => !!call && call.permissionsContext.canRequest(capability));
+    if (canRequestOnly)
+        return canRequest ? _jsx(_Fragment, { children: children }) : null;
     if (hasPermissions || canRequest)
         return _jsx(_Fragment, { children: children });
     return null;

package/dist/src/wrappers/Restricted.js.map

@@ -1 +1 @@
-{"version":3,"file":"Restricted.js","sourceRoot":"","sources":["../../../src/wrappers/Restricted.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAkB9C,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACzB,eAAe,EAAE,wBAAwB,EACzC,cAAc,EACd,UAAU,GAAG,IAAI,EACjB,QAAQ,GACQ,EAAE,EAAE;IACpB,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,eAAe,GAAG,kBAAkB,EAAE,CAAC;IAC7C,MAAM,eAAe,GAAG,wBAAwB,aAAxB,wBAAwB,cAAxB,wBAAwB,GAAI,eAAe,CAAC;IACpE,MAAM,cAAc,GAAG,cAAc,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAClE,CAAC,UAAU,EAAE,EAAE,CAAC,eAAe,CAAC,QAAQ,CAAC,UAAU,CAAC,CACrD,CAAC;IACF,MAAM,UAAU,GAAG,cAAc,CAAC,IAAI,CACpC,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,IAAI,IAAI,CAAC,kBAAkB,CAAC,UAAU,CAAC,UAAU,CAAC,CACzE,CAAC;IACF,IAAI,cAAc,IAAI,UAAU;QAAE,OAAO,4BAAG,QAAQ,GAAI,CAAC;IACzD,OAAO,IAAI,CAAC;AACd,CAAC,CAAC"}
+{"version":3,"file":"Restricted.js","sourceRoot":"","sources":["../../../src/wrappers/Restricted.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AA0B9C,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACzB,eAAe,EAAE,wBAAwB,EACzC,cAAc,EACd,kBAAkB,EAClB,cAAc,EACd,UAAU,GAAG,IAAI,EACjB,QAAQ,GACQ,EAAE,EAAE;IACpB,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,eAAe,GAAG,kBAAkB,EAAE,CAAC;IAC7C,MAAM,eAAe,GAAG,wBAAwB,aAAxB,wBAAwB,cAAxB,wBAAwB,GAAI,eAAe,CAAC;IACpE,MAAM,cAAc,GAAG,cAAc,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAClE,CAAC,UAAU,EAAE,EAAE,CAAC,eAAe,CAAC,QAAQ,CAAC,UAAU,CAAC,CACrD,CAAC;IAEF,IAAI,kBAAkB;QAAE,OAAO,cAAc,CAAC,CAAC,CAAC,4BAAG,QAAQ,GAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IAEvE,MAAM,UAAU,GAAG,cAAc,CAAC,IAAI,CACpC,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,IAAI,IAAI,CAAC,kBAAkB,CAAC,UAAU,CAAC,UAAU,CAAC,CACzE,CAAC;IAEF,IAAI,cAAc;QAAE,OAAO,UAAU,CAAC,CAAC,CAAC,4BAAG,QAAQ,GAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IAE/D,IAAI,cAAc,IAAI,UAAU;QAAE,OAAO,4BAAG,QAAQ,GAAI,CAAC;IAEzD,OAAO,IAAI,CAAC;AACd,CAAC,CAAC"}

package/package.json

@@ -24,12 +24,12 @@
   },
   "peerDependencies": {
     "@stream-io/i18n": "^0.0.3",
-    "@stream-io/video-client": "^0.0.10",
+    "@stream-io/video-client": "^0.0.12",
     "react": ">=17.0.0"
   },
   "devDependencies": {
     "@stream-io/i18n": "^0.0.3",
-    "@stream-io/video-client": "^0.0.10",
+    "@stream-io/video-client": "^0.0.12",
     "@types/react": "^18.0.26",
     "@types/rimraf": "^3.0.2",
     "react": "^18.2.0",
@@ -39,5 +39,5 @@
     "typedoc-plugin-markdown": "^3.15.3",
     "typescript": "^4.9.5"
   },
-  "version": "0.0.10"
+  "version": "0.0.12"
 }

package/src/contexts/StreamVideoContext.tsx

@@ -1,4 +1,10 @@
-import { createContext, PropsWithChildren, useContext } from 'react';
+import {
+  createContext,
+  PropsWithChildren,
+  useContext,
+  useEffect,
+  useRef,
+} from 'react';
 import { StreamVideoClient } from '@stream-io/video-client';
 import {
   StreamI18nProvider,
@@ -30,6 +36,32 @@ export const StreamVideo = ({
   language,
   translationsOverrides,
 }: PropsWithChildren<StreamVideoProps>) => {
+  const prevClient = useRef<StreamVideoClient | undefined>(undefined);
+
+  useEffect(() => {
+    if (prevClient.current) {
+      prevClient.current
+        .disconnectUser()
+        .catch((error) => console.error(`Failed to disconnect`, error));
+    }
+
+    if (client.user) {
+      client
+        .connectUser()
+        .catch((error) =>
+          console.error('Failed to establish connection', error),
+        );
+    }
+
+    prevClient.current = client;
+
+    return () => {
+      client
+        .disconnectUser()
+        .catch((error) => console.error(`Failed to disconnect`, error));
+    };
+  }, [client]);
+
   return (
     <StreamVideoContext.Provider value={client}>
       <StreamI18nProvider

package/src/hooks/call.ts

@@ -81,30 +81,6 @@ export const useCalls = () => {
   return useObservableValue(calls$);
 };
 
-/**
- * Utility hook which provides a list of all incoming ring calls (somebody calls me).
- *
- * @deprecated derive from useCalls()/useCall() instead.
- * @internal
- * @category Client State
- */
-export const useIncomingCalls = () => {
-  const { incomingCalls$ } = useStore();
-  return useObservableValue(incomingCalls$);
-};
-
-/**
- * Utility hook which provides a list of all outgoing ring calls (I call somebody).
- *
- * @deprecated derive from useCalls()/useCall() instead.
- * @internal
- * @category Client State
- */
-export const useOutgoingCalls = () => {
-  const { outgoingCalls$ } = useStore();
-  return useObservableValue(outgoingCalls$);
-};
-
 /**
  * Utility hook which provides call metadata (such as blocked users and own capabilities).
  *

package/src/wrappers/Restricted.tsx

@@ -5,14 +5,22 @@ import { useCall } from '../contexts';
 import { useOwnCapabilities } from '../hooks';
 
 type RestrictedProps = PropsWithChildren<{
+  /**
+   * Required grants for the component to be able to render supplied children elements
+   */
+  requiredGrants: OwnCapability[];
   /**
    * OwnCapabilities of the participant - grants they have available
    */
   availableGrants?: OwnCapability[];
   /**
-   * Required grants for the component to be able to render supplied children elements
+   * Render children only if user can request capability, but does not have it
    */
-  requiredGrants: OwnCapability[];
+  canRequestOnly?: boolean;
+  /**
+   * Render children only if user has capability
+   */
+  hasPermissionsOnly?: boolean;
   /**
    * Require all grants specified in `requiredGrants` to be available in the `availableGrants`,
    * component by default requires only one grant to appear in both arrays to render its children
@@ -22,6 +30,8 @@ type RestrictedProps = PropsWithChildren<{
 
 export const Restricted = ({
   availableGrants: availableGrantsFromProps,
+  canRequestOnly,
+  hasPermissionsOnly,
   requiredGrants,
   requireAll = true,
   children,
@@ -32,9 +42,16 @@ export const Restricted = ({
   const hasPermissions = requiredGrants[requireAll ? 'every' : 'some'](
     (capability) => availableGrants.includes(capability),
   );
+
+  if (hasPermissionsOnly) return hasPermissions ? <>{children}</> : null;
+
   const canRequest = requiredGrants.some(
     (capability) => !!call && call.permissionsContext.canRequest(capability),
   );
+
+  if (canRequestOnly) return canRequest ? <>{children}</> : null;
+
   if (hasPermissions || canRequest) return <>{children}</>;
+
   return null;
 };