@stream-io/video-react-native-sdk 0.0.1-alpha.205 → 0.0.1-alpha.207

package/CHANGELOG.md

@@ -2,6 +2,19 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [0.0.1-alpha.207](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-native-sdk-0.0.1-alpha.206...@stream-io/video-react-native-sdk-0.0.1-alpha.207) (2023-06-23)
+
+
+### Bug Fixes
+
+* **react-native:** null coalescing operator issue in UserInfoView ([#702](https://github.com/GetStream/stream-video-js/issues/702)) ([45f24f9](https://github.com/GetStream/stream-video-js/commit/45f24f99ed6a8843e2c8aa05527387fb862d4a91))
+
+
+
+## [0.0.1-alpha.206](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-native-sdk-0.0.1-alpha.205...@stream-io/video-react-native-sdk-0.0.1-alpha.206) (2023-06-23)
+
+
+
 ## [0.0.1-alpha.205](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-native-sdk-0.0.1-alpha.204...@stream-io/video-react-native-sdk-0.0.1-alpha.205) (2023-06-23)
 
 

package/dist/src/components/UserInfoView.js

@@ -22,7 +22,7 @@ const UserInfoView = ({ includeSelf = false, totalMembersToShow = 3, }) => {
     const membersToShow = (members || [])
         .slice(0, totalMembersToShow)
         .map(({ user }) => user)
-        .filter((user) => user.id !== connectedUser?.id ?? includeSelf);
+        .filter((user) => user.id !== connectedUser?.id || includeSelf);
     if (includeSelf &&
         !membersToShow.find((user) => user.id === connectedUser?.id)) {
         // if the current user is not in the initial batch of members,

package/dist/src/providers/StreamCall.d.ts

@@ -1,35 +1,7 @@
 import { PropsWithChildren } from 'react';
 import { Call } from '@stream-io/video-client';
-type InitWithCallCID = {
-    /**
-     * The call type.
-     */
-    callType: string;
-    /**
-     * The call id.
-     */
-    callId: string;
-    /**
-     * The call instance to use.
-     */
-    call?: Call;
-};
-type InitWithCallInstance = {
-    /**
-     * The call instance to use.
-     */
-    call: Call | undefined;
-    /**
-     * The call type.
-     */
-    callType?: string;
-    /**
-     * The call id.
-     */
-    callId?: string;
-};
-type InitStreamCall = InitWithCallCID | InitWithCallInstance;
-export type StreamCallProps = InitStreamCall & {
+export type StreamCallProps = {
+    call: Call;
     callCycleHandlers: CallCycleHandlersType;
 };
 /**
@@ -39,7 +11,7 @@ export type StreamCallProps = InitStreamCall & {
  *
  * @category Client State
  */
-export declare const StreamCall: ({ callId, callType, call, callCycleHandlers, children, }: PropsWithChildren<StreamCallProps>) => JSX.Element;
+export declare const StreamCall: ({ call, callCycleHandlers, children, }: PropsWithChildren<StreamCallProps>) => JSX.Element;
 /**
  * Exclude types from documentation site, but we should still add doc comments
  * @internal
@@ -78,4 +50,3 @@ export type CallCycleLogicsWrapperProps = {
     callCycleHandlers: CallCycleHandlersType;
 };
 export declare const CallCycleLogicsWrapper: ({ callCycleHandlers, children, }: PropsWithChildren<CallCycleLogicsWrapperProps>) => JSX.Element;
-export {};

package/dist/src/providers/StreamCall.js

@@ -1,32 +1,11 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CallCycleLogicsWrapper = exports.StreamCall = void 0;
 const video_react_bindings_1 = require("@stream-io/video-react-bindings");
-const react_1 = __importStar(require("react"));
-const video_client_1 = require("@stream-io/video-client");
+const react_1 = __importDefault(require("react"));
 const hooks_1 = require("../hooks");
 const useIosCallkeepEndEffect_1 = require("../hooks/useIosCallkeepEndEffect");
 /**
@@ -36,35 +15,8 @@ const useIosCallkeepEndEffect_1 = require("../hooks/useIosCallkeepEndEffect");
  *
  * @category Client State
  */
-const StreamCall = ({ callId, callType = 'default', call, callCycleHandlers = {}, children, }) => {
-    const videoClient = (0, video_react_bindings_1.useStreamVideoClient)();
-    const [activeCall, setActiveCall] = (0, react_1.useState)(() => {
-        if (call) {
-            return call;
-        }
-        if (!videoClient || !callId || !callType) {
-            return;
-        }
-        return videoClient?.call(callType, callId);
-    });
-    // Effect to create a new call with the given call id and type if the call doesn't exist
-    (0, react_1.useEffect)(() => {
-        if (!videoClient) {
-            return;
-        }
-        if (callId && callType && !activeCall) {
-            const newCall = videoClient.call(callType, callId);
-            setActiveCall(newCall);
-        }
-        return () => {
-            if (activeCall?.state.callingState === video_client_1.CallingState.LEFT) {
-                return;
-            }
-            activeCall?.leave().catch((e) => console.log(e));
-            setActiveCall(undefined);
-        };
-    }, [activeCall, callId, callType, videoClient]);
-    return (<video_react_bindings_1.StreamCallProvider call={activeCall}>
+const StreamCall = ({ call, callCycleHandlers = {}, children, }) => {
+    return (<video_react_bindings_1.StreamCallProvider call={call}>
       <AndroidKeepCallAlive />
       <IosInformCallkeepCallEnd />
       <exports.CallCycleLogicsWrapper callCycleHandlers={callCycleHandlers}>

package/dist/src/providers/StreamCall.js.map

@@ -1 +1 @@
-{"version":3,"file":"StreamCall.js","sourceRoot":"","sources":["../../../src/providers/StreamCall.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,0EAGyC;AACzC,+CAAsE;AACtE,0DAA6D;AAC7D,oCAA6E;AAC7E,8EAA2E;AAqC3E;;;;;;GAMG;AACI,MAAM,UAAU,GAAG,CAAC,EACzB,MAAM,EACN,QAAQ,GAAG,SAAS,EACpB,IAAI,EACJ,iBAAiB,GAAG,EAAE,EACtB,QAAQ,GAC2B,EAAE,EAAE;IACvC,MAAM,WAAW,GAAG,IAAA,2CAAoB,GAAE,CAAC;IAC3C,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAmB,GAAG,EAAE;QAClE,IAAI,IAAI,EAAE;YACR,OAAO,IAAI,CAAC;SACb;QACD,IAAI,CAAC,WAAW,IAAI,CAAC,MAAM,IAAI,CAAC,QAAQ,EAAE;YACxC,OAAO;SACR;QACD,OAAO,WAAW,EAAE,IAAI,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;IAC7C,CAAC,CAAC,CAAC;IAEH,wFAAwF;IACxF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,WAAW,EAAE;YAChB,OAAO;SACR;QAED,IAAI,MAAM,IAAI,QAAQ,IAAI,CAAC,UAAU,EAAE;YACrC,MAAM,OAAO,GAAG,WAAW,CAAC,IAAI,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;YACnD,aAAa,CAAC,OAAO,CAAC,CAAC;SACxB;QAED,OAAO,GAAG,EAAE;YACV,IAAI,UAAU,EAAE,KAAK,CAAC,YAAY,KAAK,2BAAY,CAAC,IAAI,EAAE;gBACxD,OAAO;aACR;YACD,UAAU,EAAE,KAAK,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;YACjD,aAAa,CAAC,SAAS,CAAC,CAAC;QAC3B,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC;IAEhD,OAAO,CACL,CAAC,yCAAkB,CAAC,IAAI,CAAC,CAAC,UAAU,CAAC,CACnC;MAAA,CAAC,oBAAoB,CAAC,AAAD,EACrB;MAAA,CAAC,wBAAwB,CAAC,AAAD,EACzB;MAAA,CAAC,8BAAsB,CAAC,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,CAC3D;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,8BAAsB,CAC1B;IAAA,EAAE,yCAAkB,CAAC,CACtB,CAAC;AACJ,CAAC,CAAC;AA/CW,QAAA,UAAU,cA+CrB;AAyCK,MAAM,sBAAsB,GAAG,CAAC,EACrC,iBAAiB,EACjB,QAAQ,GACuC,EAAE,EAAE;IACnD,IAAA,0BAAkB,EAAC,iBAAiB,CAAC,CAAC;IAEtC,OAAO,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC;AACzB,CAAC,CAAC;AAPW,QAAA,sBAAsB,0BAOjC;AAEF;;;GAGG;AACH,MAAM,oBAAoB,GAAG,GAAG,EAAE;IAChC,IAAA,qCAA6B,GAAE,CAAC;IAChC,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,wBAAwB,GAAG,GAAG,EAAE;IACpC,IAAA,iDAAuB,GAAE,CAAC;IAC1B,OAAO,IAAI,CAAC;AACd,CAAC,CAAC"}
+{"version":3,"file":"StreamCall.js","sourceRoot":"","sources":["../../../src/providers/StreamCall.tsx"],"names":[],"mappings":";;;;;;AAAA,0EAAqE;AACrE,kDAAiD;AAEjD,oCAA6E;AAC7E,8EAA2E;AAM3E;;;;;;GAMG;AACI,MAAM,UAAU,GAAG,CAAC,EACzB,IAAI,EACJ,iBAAiB,GAAG,EAAE,EACtB,QAAQ,GAC2B,EAAE,EAAE;IACvC,OAAO,CACL,CAAC,yCAAkB,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAC7B;MAAA,CAAC,oBAAoB,CAAC,AAAD,EACrB;MAAA,CAAC,wBAAwB,CAAC,AAAD,EACzB;MAAA,CAAC,8BAAsB,CAAC,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,CAC3D;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,8BAAsB,CAC1B;IAAA,EAAE,yCAAkB,CAAC,CACtB,CAAC;AACJ,CAAC,CAAC;AAdW,QAAA,UAAU,cAcrB;AAyCK,MAAM,sBAAsB,GAAG,CAAC,EACrC,iBAAiB,EACjB,QAAQ,GACuC,EAAE,EAAE;IACnD,IAAA,0BAAkB,EAAC,iBAAiB,CAAC,CAAC;IAEtC,OAAO,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC;AACzB,CAAC,CAAC;AAPW,QAAA,sBAAsB,0BAOjC;AAEF;;;GAGG;AACH,MAAM,oBAAoB,GAAG,GAAG,EAAE;IAChC,IAAA,qCAA6B,GAAE,CAAC;IAChC,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,wBAAwB,GAAG,GAAG,EAAE;IACpC,IAAA,iDAAuB,GAAE,CAAC;IAC1B,OAAO,IAAI,CAAC;AACd,CAAC,CAAC"}

package/package.json

@@ -22,8 +22,8 @@
   ],
   "dependencies": {
     "@stream-io/i18n": "^0.0.6",
-    "@stream-io/video-client": "^0.0.25",
-    "@stream-io/video-react-bindings": "^0.0.26"
+    "@stream-io/video-client": "^0.0.26",
+    "@stream-io/video-react-bindings": "^0.0.27"
   },
   "peerDependencies": {
     "@notifee/react-native": ">=7.7.0",
@@ -85,5 +85,5 @@
     "typedoc-plugin-markdown": "^3.15.3",
     "typescript": "^4.9.5"
   },
-  "version": "0.0.1-alpha.205"
+  "version": "0.0.1-alpha.207"
 }

package/src/components/UserInfoView.tsx

@@ -39,7 +39,7 @@ export const UserInfoView = ({
   const membersToShow: UserResponse[] = (members || [])
     .slice(0, totalMembersToShow)
     .map(({ user }) => user)
-    .filter((user) => user.id !== connectedUser?.id ?? includeSelf);
+    .filter((user) => user.id !== connectedUser?.id || includeSelf);
   if (
     includeSelf &&
     !membersToShow.find((user) => user.id === connectedUser?.id)

package/src/providers/StreamCall.tsx

@@ -1,45 +1,11 @@
-import {
-  StreamCallProvider,
-  useStreamVideoClient,
-} from '@stream-io/video-react-bindings';
-import React, { PropsWithChildren, useEffect, useState } from 'react';
-import { Call, CallingState } from '@stream-io/video-client';
+import { StreamCallProvider } from '@stream-io/video-react-bindings';
+import React, { PropsWithChildren } from 'react';
+import { Call } from '@stream-io/video-client';
 import { useAndroidKeepCallAliveEffect, useCallCycleEffect } from '../hooks';
 import { useIosCallkeepEndEffect } from '../hooks/useIosCallkeepEndEffect';
 
-type InitWithCallCID = {
-  /**
-   * The call type.
-   */
-  callType: string;
-  /**
-   * The call id.
-   */
-  callId: string;
-  /**
-   * The call instance to use.
-   */
-  call?: Call;
-};
-
-type InitWithCallInstance = {
-  /**
-   * The call instance to use.
-   */
-  call: Call | undefined;
-  /**
-   * The call type.
-   */
-  callType?: string;
-  /**
-   * The call id.
-   */
-  callId?: string;
-};
-
-type InitStreamCall = InitWithCallCID | InitWithCallInstance;
-
-export type StreamCallProps = InitStreamCall & {
+export type StreamCallProps = {
+  call: Call;
   callCycleHandlers: CallCycleHandlersType;
 };
 /**
@@ -50,45 +16,12 @@ export type StreamCallProps = InitStreamCall & {
  * @category Client State
  */
 export const StreamCall = ({
-  callId,
-  callType = 'default',
   call,
   callCycleHandlers = {},
   children,
 }: PropsWithChildren<StreamCallProps>) => {
-  const videoClient = useStreamVideoClient();
-  const [activeCall, setActiveCall] = useState<Call | undefined>(() => {
-    if (call) {
-      return call;
-    }
-    if (!videoClient || !callId || !callType) {
-      return;
-    }
-    return videoClient?.call(callType, callId);
-  });
-
-  // Effect to create a new call with the given call id and type if the call doesn't exist
-  useEffect(() => {
-    if (!videoClient) {
-      return;
-    }
-
-    if (callId && callType && !activeCall) {
-      const newCall = videoClient.call(callType, callId);
-      setActiveCall(newCall);
-    }
-
-    return () => {
-      if (activeCall?.state.callingState === CallingState.LEFT) {
-        return;
-      }
-      activeCall?.leave().catch((e) => console.log(e));
-      setActiveCall(undefined);
-    };
-  }, [activeCall, callId, callType, videoClient]);
-
   return (
-    <StreamCallProvider call={activeCall}>
+    <StreamCallProvider call={call}>
       <AndroidKeepCallAlive />
       <IosInformCallkeepCallEnd />
       <CallCycleLogicsWrapper callCycleHandlers={callCycleHandlers}>