@stream-io/video-react-native-sdk 0.0.3 → 0.0.5

package/CHANGELOG.md

@@ -2,6 +2,20 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+### [0.0.5](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-native-sdk-0.0.4...@stream-io/video-react-native-sdk-0.0.5) (2023-09-05)
+
+
+### Bug Fixes
+
+* override default handler with onPressHandler prop for ToggleCameraButton ([#1053](https://github.com/GetStream/stream-video-js/issues/1053)) ([2eecce6](https://github.com/GetStream/stream-video-js/commit/2eecce6d8e66ba58bede69776815efa929680716))
+
+### [0.0.4](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-native-sdk-0.0.3...@stream-io/video-react-native-sdk-0.0.4) (2023-09-05)
+
+
+### Bug Fixes
+
+* **react-native:** missing translations in lobby component ([3dbed69](https://github.com/GetStream/stream-video-js/commit/3dbed692dcbb4b6a948cc1eb41540ab1e7825912))
+
 ### [0.0.3](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-native-sdk-0.0.2...@stream-io/video-react-native-sdk-0.0.3) (2023-09-05)
 
 ### Dependency Updates

package/dist/src/components/Call/CallControls/ToggleCameraFaceButton.js

@@ -13,7 +13,10 @@ export const ToggleCameraFaceButton = ({ onPressHandler, }) => {
     const { status, direction } = useCameraState();
     const { theme: { colors, toggleCameraFaceButton }, } = useTheme();
     const onPress = async () => {
-        onPressHandler?.();
+        if (onPressHandler) {
+            onPressHandler();
+            return;
+        }
         await call?.camera.flip();
     };
     return (React.createElement(Restricted, { requiredGrants: [OwnCapability.SEND_VIDEO] },

package/dist/src/components/Call/CallControls/ToggleCameraFaceButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleCameraFaceButton.js","sourceRoot":"","sources":["../../../../../src/components/Call/CallControls/ToggleCameraFaceButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EACL,UAAU,EACV,OAAO,EACP,iBAAiB,GAClB,MAAM,iCAAiC,CAAC;AACzC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAa1D;;GAEG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EACrC,cAAc,GACc,EAAE,EAAE;IAChC,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,EAAE,cAAc,EAAE,GAAG,iBAAiB,EAAE,CAAC;IAC/C,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,cAAc,EAAE,CAAC;IAE/C,MAAM,EACJ,KAAK,EAAE,EAAE,MAAM,EAAE,sBAAsB,EAAE,GAC1C,GAAG,QAAQ,EAAE,CAAC;IACf,MAAM,OAAO,GAAG,KAAK,IAAI,EAAE;QACzB,cAAc,EAAE,EAAE,CAAC;QACnB,MAAM,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,CAAC;IAC5B,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,UAAU,IAAC,cAAc,EAAE,CAAC,aAAa,CAAC,UAAU,CAAC;QACpD,oBAAC,kBAAkB,IACjB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,SAAS,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,EACvE,QAAQ,EAAE,MAAM,KAAK,UAAU,EAC/B,KAAK,EAAE,sBAAsB;YAE7B,oBAAC,YAAY,IACX,KAAK,EACH,SAAS,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,GAEnE,CACiB,CACV,CACd,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"ToggleCameraFaceButton.js","sourceRoot":"","sources":["../../../../../src/components/Call/CallControls/ToggleCameraFaceButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EACL,UAAU,EACV,OAAO,EACP,iBAAiB,GAClB,MAAM,iCAAiC,CAAC;AACzC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAa1D;;GAEG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EACrC,cAAc,GACc,EAAE,EAAE;IAChC,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,EAAE,cAAc,EAAE,GAAG,iBAAiB,EAAE,CAAC;IAC/C,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,cAAc,EAAE,CAAC;IAE/C,MAAM,EACJ,KAAK,EAAE,EAAE,MAAM,EAAE,sBAAsB,EAAE,GAC1C,GAAG,QAAQ,EAAE,CAAC;IACf,MAAM,OAAO,GAAG,KAAK,IAAI,EAAE;QACzB,IAAI,cAAc,EAAE;YAClB,cAAc,EAAE,CAAC;YACjB,OAAO;SACR;QAED,MAAM,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,CAAC;IAC5B,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,UAAU,IAAC,cAAc,EAAE,CAAC,aAAa,CAAC,UAAU,CAAC;QACpD,oBAAC,kBAAkB,IACjB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,SAAS,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,EACvE,QAAQ,EAAE,MAAM,KAAK,UAAU,EAC/B,KAAK,EAAE,sBAAsB;YAE7B,oBAAC,YAAY,IACX,KAAK,EACH,SAAS,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,GAEnE,CACiB,CACV,CACd,CAAC;AACJ,CAAC,CAAC"}

package/dist/src/translations/en.json

@@ -8,6 +8,8 @@
     "Reconnecting...": "Reconnecting...",
     "Participants ({{ numberOfParticipants }})": "Participants ({{ numberOfParticipants }})",
     "{{ userName }} is sharing their screen": "{{ userName }} is sharing their screen",
+    "{{ numberOfParticipants }} participant(s) are in the call.": "{{ numberOfParticipants }} participant(s) are in the call.",
+    "You are about to join a call with id {{ callId }}.": "You are about to join a call with id {{ callId }}.",
     "Microphone Permission Required To Enable Audio": "Microphone permission not granted, can not enable audio",
     "Camera Permission Required To Enable Video": "Camera permission not granted, can not enable video"
 }

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

@@ -9,6 +9,8 @@ export declare const translations: {
         "Reconnecting...": string;
         "Participants ({{ numberOfParticipants }})": string;
         "{{ userName }} is sharing their screen": string;
+        "{{ numberOfParticipants }} participant(s) are in the call.": string;
+        "You are about to join a call with id {{ callId }}.": string;
         "Microphone Permission Required To Enable Audio": string;
         "Camera Permission Required To Enable Video": string;
     };

package/dist/src/utils/setClientDetails.js

@@ -1,7 +1,6 @@
 import { setSdkInfo, setDeviceInfo, setOSInfo, SfuModels, } from '@stream-io/video-client';
 import { Platform } from 'react-native';
 import { version } from '../../version';
-import RNDeviceInfo from 'react-native-device-info';
 const [major, minor, patch] = version.split('.');
 export const setClientDetails = () => {
     setSdkInfo({
@@ -10,15 +9,40 @@ export const setClientDetails = () => {
         minor,
         patch,
     });
-    const deviceInfo = RNDeviceInfo;
+    let osName = Platform.OS;
+    if (Platform.OS === 'ios') {
+        // example: "iOS" | "iPadOS"
+        osName = Platform.constants.systemName;
+    }
+    let osVersion = '';
+    if (Platform.OS === 'android') {
+        // example: "33" - its more OS API level than consumer version
+        osVersion = Platform.constants.Version.toString();
+    }
+    else if (Platform.OS === 'ios') {
+        // example: "16.2"
+        osVersion = Platform.constants.osVersion;
+    }
     setOSInfo({
-        name: Platform.OS,
-        version: deviceInfo.getSystemVersion(),
-        architecture: deviceInfo.supportedAbisSync().join(','),
+        name: osName,
+        version: osVersion,
+        architecture: '',
     });
+    let deviceName = '';
+    if (Platform.OS === 'android') {
+        // Example: "Google Pixel 7"
+        const prefix = Platform.constants.Manufacturer.toLowerCase() ===
+            Platform.constants.Brand.toLowerCase()
+            ? Platform.constants.Manufacturer
+            : `${Platform.constants.Manufacturer} ${Platform.constants.Brand}`;
+        deviceName = `${prefix} ${Platform.constants.Model}`;
+    }
+    else if (Platform.OS === 'ios') {
+        // note: osName check is necessary because Platform.isPad is not reliable
+        deviceName = Platform.isPad || osName === 'iPadOS' ? 'iPad' : 'iPhone';
+    }
     setDeviceInfo({
-        // Apple iPhone SE Handset, Google sdk_gphone64_x86_64 Handset
-        name: `${deviceInfo.getManufacturerSync()} ${deviceInfo.getModel() ?? deviceInfo.getDeviceId()} ${deviceInfo.getDeviceType()}`,
+        name: deviceName,
         version: '',
     });
 };

package/dist/src/utils/setClientDetails.js.map

@@ -1 +1 @@
-{"version":3,"file":"setClientDetails.js","sourceRoot":"","sources":["../../../src/utils/setClientDetails.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,aAAa,EACb,SAAS,EACT,SAAS,GACV,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,YAAY,MAAM,0BAA0B,CAAC;AAEpD,MAAM,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,GAAG,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;AAEjD,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,EAAE;IACnC,UAAU,CAAC;QACT,IAAI,EAAE,SAAS,CAAC,OAAO,CAAC,YAAY;QACpC,KAAK;QACL,KAAK;QACL,KAAK;KACN,CAAC,CAAC;IAEH,MAAM,UAAU,GAAG,YAAY,CAAC;IAEhC,SAAS,CAAC;QACR,IAAI,EAAE,QAAQ,CAAC,EAAE;QACjB,OAAO,EAAE,UAAU,CAAC,gBAAgB,EAAE;QACtC,YAAY,EAAE,UAAU,CAAC,iBAAiB,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC;KACvD,CAAC,CAAC;IAEH,aAAa,CAAC;QACZ,8DAA8D;QAC9D,IAAI,EAAE,GAAG,UAAU,CAAC,mBAAmB,EAAE,IACvC,UAAU,CAAC,QAAQ,EAAE,IAAI,UAAU,CAAC,WAAW,EACjD,IAAI,UAAU,CAAC,aAAa,EAAE,EAAE;QAChC,OAAO,EAAE,EAAE;KACZ,CAAC,CAAC;AACL,CAAC,CAAC"}
+{"version":3,"file":"setClientDetails.js","sourceRoot":"","sources":["../../../src/utils/setClientDetails.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,aAAa,EACb,SAAS,EACT,SAAS,GACV,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAExC,MAAM,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,GAAG,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;AAEjD,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,EAAE;IACnC,UAAU,CAAC;QACT,IAAI,EAAE,SAAS,CAAC,OAAO,CAAC,YAAY;QACpC,KAAK;QACL,KAAK;QACL,KAAK;KACN,CAAC,CAAC;IAEH,IAAI,MAAM,GAAW,QAAQ,CAAC,EAAE,CAAC;IACjC,IAAI,QAAQ,CAAC,EAAE,KAAK,KAAK,EAAE;QACzB,4BAA4B;QAC5B,MAAM,GAAG,QAAQ,CAAC,SAAS,CAAC,UAAU,CAAC;KACxC;IAED,IAAI,SAAS,GAAG,EAAE,CAAC;IACnB,IAAI,QAAQ,CAAC,EAAE,KAAK,SAAS,EAAE;QAC7B,8DAA8D;QAC9D,SAAS,GAAG,QAAQ,CAAC,SAAS,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC;KACnD;SAAM,IAAI,QAAQ,CAAC,EAAE,KAAK,KAAK,EAAE;QAChC,kBAAkB;QAClB,SAAS,GAAG,QAAQ,CAAC,SAAS,CAAC,SAAS,CAAC;KAC1C;IAED,SAAS,CAAC;QACR,IAAI,EAAE,MAAM;QACZ,OAAO,EAAE,SAAS;QAClB,YAAY,EAAE,EAAE;KACjB,CAAC,CAAC;IAEH,IAAI,UAAU,GAAG,EAAE,CAAC;IACpB,IAAI,QAAQ,CAAC,EAAE,KAAK,SAAS,EAAE;QAC7B,4BAA4B;QAC5B,MAAM,MAAM,GACV,QAAQ,CAAC,SAAS,CAAC,YAAY,CAAC,WAAW,EAAE;YAC7C,QAAQ,CAAC,SAAS,CAAC,KAAK,CAAC,WAAW,EAAE;YACpC,CAAC,CAAC,QAAQ,CAAC,SAAS,CAAC,YAAY;YACjC,CAAC,CAAC,GAAG,QAAQ,CAAC,SAAS,CAAC,YAAY,IAAI,QAAQ,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC;QACvE,UAAU,GAAG,GAAG,MAAM,IAAI,QAAQ,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC;KACtD;SAAM,IAAI,QAAQ,CAAC,EAAE,KAAK,KAAK,EAAE;QAChC,yEAAyE;QACzE,UAAU,GAAG,QAAQ,CAAC,KAAK,IAAI,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC;KACxE;IAED,aAAa,CAAC;QACZ,IAAI,EAAE,UAAU;QAChB,OAAO,EAAE,EAAE;KACZ,CAAC,CAAC;AACL,CAAC,CAAC"}

package/dist/version.d.ts

@@ -1 +1 @@
-export declare const version = "0.0.3";
+export declare const version = "0.0.5";

package/dist/version.js

@@ -1,2 +1,2 @@
-export const version = '0.0.3';
+export const version = '0.0.5';
 //# sourceMappingURL=version.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stream-io/video-react-native-sdk",
-  "version": "0.0.3",
+  "version": "0.0.5",
   "packageManager": "yarn@3.2.4",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -57,7 +57,6 @@
     "react": ">=17.0.0",
     "react-native": ">=0.67.0",
     "react-native-callkeep": ">=4.3.11",
-    "react-native-device-info": ">=10.6.0",
     "react-native-gesture-handler": ">=2.8.0",
     "react-native-incall-manager": ">=4.1.0",
     "react-native-reanimated": ">=2.7.0",
@@ -104,7 +103,6 @@
     "jest": "^29.5.0",
     "react-native": "0.71.8",
     "react-native-callkeep": "4.3.11",
-    "react-native-device-info": "^10.6.0",
     "react-native-gesture-handler": "2.8.0",
     "react-native-incall-manager": "^4.0.0",
     "react-native-reanimated": "2.7.0",

package/src/components/Call/CallControls/ToggleCameraFaceButton.tsx

@@ -34,7 +34,11 @@ export const ToggleCameraFaceButton = ({
     theme: { colors, toggleCameraFaceButton },
   } = useTheme();
   const onPress = async () => {
-    onPressHandler?.();
+    if (onPressHandler) {
+      onPressHandler();
+      return;
+    }
+
     await call?.camera.flip();
   };
 

package/src/translations/en.json

@@ -8,6 +8,8 @@
   "Reconnecting...": "Reconnecting...",
   "Participants ({{ numberOfParticipants }})": "Participants ({{ numberOfParticipants }})",
   "{{ userName }} is sharing their screen": "{{ userName }} is sharing their screen",
+  "{{ numberOfParticipants }} participant(s) are in the call.": "{{ numberOfParticipants }} participant(s) are in the call.",
+  "You are about to join a call with id {{ callId }}.": "You are about to join a call with id {{ callId }}.",
   "Microphone Permission Required To Enable Audio": "Microphone permission not granted, can not enable audio",
   "Camera Permission Required To Enable Video": "Camera permission not granted, can not enable video"
 }

package/src/utils/setClientDetails.ts

@@ -6,7 +6,6 @@ import {
 } from '@stream-io/video-client';
 import { Platform } from 'react-native';
 import { version } from '../../version';
-import RNDeviceInfo from 'react-native-device-info';
 
 const [major, minor, patch] = version.split('.');
 
@@ -18,19 +17,43 @@ export const setClientDetails = () => {
     patch,
   });
 
-  const deviceInfo = RNDeviceInfo;
+  let osName: string = Platform.OS;
+  if (Platform.OS === 'ios') {
+    // example: "iOS" | "iPadOS"
+    osName = Platform.constants.systemName;
+  }
+
+  let osVersion = '';
+  if (Platform.OS === 'android') {
+    // example: "33" - its more OS API level than consumer version
+    osVersion = Platform.constants.Version.toString();
+  } else if (Platform.OS === 'ios') {
+    // example: "16.2"
+    osVersion = Platform.constants.osVersion;
+  }
 
   setOSInfo({
-    name: Platform.OS,
-    version: deviceInfo.getSystemVersion(),
-    architecture: deviceInfo.supportedAbisSync().join(','),
+    name: osName,
+    version: osVersion,
+    architecture: '',
   });
 
+  let deviceName = '';
+  if (Platform.OS === 'android') {
+    // Example: "Google Pixel 7"
+    const prefix =
+      Platform.constants.Manufacturer.toLowerCase() ===
+      Platform.constants.Brand.toLowerCase()
+        ? Platform.constants.Manufacturer
+        : `${Platform.constants.Manufacturer} ${Platform.constants.Brand}`;
+    deviceName = `${prefix} ${Platform.constants.Model}`;
+  } else if (Platform.OS === 'ios') {
+    // note: osName check is necessary because Platform.isPad is not reliable
+    deviceName = Platform.isPad || osName === 'iPadOS' ? 'iPad' : 'iPhone';
+  }
+
   setDeviceInfo({
-    // Apple iPhone SE Handset, Google sdk_gphone64_x86_64 Handset
-    name: `${deviceInfo.getManufacturerSync()} ${
-      deviceInfo.getModel() ?? deviceInfo.getDeviceId()
-    } ${deviceInfo.getDeviceType()}`,
+    name: deviceName,
     version: '',
   });
 };