@stream-io/video-react-bindings 0.0.9 → 0.0.11

package/CHANGELOG.md

@@ -2,6 +2,22 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+### [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
+
+* `@stream-io/i18n` updated to version `0.0.3`
+* `@stream-io/video-client` updated to version `0.0.1`
 ### [0.0.9](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-bindings-0.0.8...@stream-io/video-react-bindings-0.0.9) (2023-06-12)
 
 ### Dependency Updates

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

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

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

@@ -23,13 +23,13 @@
     "rxjs": "~7.8.1"
   },
   "peerDependencies": {
-    "@stream-io/i18n": "^0.0.2",
-    "@stream-io/video-client": "^0.0.9",
+    "@stream-io/i18n": "^0.0.3",
+    "@stream-io/video-client": "^0.0.11",
     "react": ">=17.0.0"
   },
   "devDependencies": {
-    "@stream-io/i18n": "^0.0.2",
-    "@stream-io/video-client": "^0.0.9",
+    "@stream-io/i18n": "^0.0.3",
+    "@stream-io/video-client": "^0.0.11",
     "@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.9"
+  "version": "0.0.11"
 }

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;
 };