@stream-io/video-react-native-sdk 0.0.1-alpha.361 → 0.0.1-alpha.363

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/src/components/utility/internal/CallControlsButton.d.ts +4 -0
  3. package/dist/src/components/utility/internal/CallControlsButton.js +6 -2
  4. package/dist/src/components/utility/internal/CallControlsButton.js.map +1 -1
  5. package/dist/src/components/utility/internal/ToggleCameraFaceButton.js +2 -2
  6. package/dist/src/components/utility/internal/ToggleCameraFaceButton.js.map +1 -1
  7. package/dist/version.d.ts +1 -1
  8. package/dist/version.js +1 -1
  9. package/package.json +1 -1
  10. package/src/components/utility/internal/CallControlsButton.tsx +10 -0
  11. package/src/components/utility/internal/ToggleCameraFaceButton.tsx +2 -1
package/CHANGELOG.md CHANGED
@@ -2,6 +2,20 @@
2
2
 
3
3
  This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
4
4
 
5
+ ## [0.0.1-alpha.363](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-native-sdk-0.0.1-alpha.362...@stream-io/video-react-native-sdk-0.0.1-alpha.363) (2023-08-10)
6
+
7
+
8
+
9
+ ## [0.0.1-alpha.362](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-native-sdk-0.0.1-alpha.361...@stream-io/video-react-native-sdk-0.0.1-alpha.362) (2023-08-10)
10
+
11
+
12
+ ### Bug Fixes
13
+
14
+ * **react-native:** avoid usage of image showcase in push notification docs ([b820b94](https://github.com/GetStream/stream-video-js/commit/b820b946131e5cd4f897daf5f2f18fadcd980697))
15
+ * **react-native:** disable camera toggle face button when local video is muted ([#903](https://github.com/GetStream/stream-video-js/issues/903)) ([58150bc](https://github.com/GetStream/stream-video-js/commit/58150bc8d15e6e62654e1f0bc14dc207d51ed1f9))
16
+
17
+
18
+
5
19
  ## [0.0.1-alpha.361](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-native-sdk-0.0.1-alpha.360...@stream-io/video-react-native-sdk-0.0.1-alpha.361) (2023-08-09)
6
20
 
7
21
 
package/dist/src/components/utility/internal/CallControlsButton.d.ts CHANGED
@@ -9,6 +9,10 @@ interface CallControlsButtonProps {
9
9
  * The background color of the button rendered.
10
10
  */
11
11
  color?: string;
12
+ /**
13
+ * Boolean to enable/enable the button
14
+ */
15
+ disabled?: boolean;
12
16
  /**
13
17
  * Style to the Pressable button.
14
18
  */
package/dist/src/components/utility/internal/CallControlsButton.js CHANGED
@@ -10,7 +10,7 @@ const theme_1 = require("../../../theme");
10
10
  const DEFAULT_ICON_SIZE = theme_1.theme.icon.md;
11
11
  const DEFAULT_BUTTON_SIZE = theme_1.theme.button.sm;
12
12
  const CallControlsButton = (props) => {
13
- const { onPress, children, color, style, svgContainerStyle, testID, onLayout, } = props;
13
+ const { onPress, children, disabled, color, style, svgContainerStyle, testID, onLayout, } = props;
14
14
  const pressableStyle = ({ pressed }) => [
15
15
  DEFAULT_BUTTON_SIZE,
16
16
  styles.container,
@@ -19,8 +19,9 @@ const CallControlsButton = (props) => {
19
19
  opacity: pressed ? 0.2 : 1,
20
20
  },
21
21
  style ? style : null,
22
+ disabled ? styles.disabledStyle : null,
22
23
  ];
23
- return (<react_native_1.Pressable style={pressableStyle} onPress={onPress} testID={testID} onLayout={onLayout}>
24
+ return (<react_native_1.Pressable disabled={disabled} style={pressableStyle} onPress={onPress} testID={testID} onLayout={onLayout}>
24
25
  <react_native_1.View style={[
25
26
  styles.svgContainerStyle,
26
27
  DEFAULT_ICON_SIZE,
@@ -39,5 +40,8 @@ const styles = react_native_1.StyleSheet.create({
39
40
  alignItems: 'center',
40
41
  },
41
42
  svgContainerStyle: {},
43
+ disabledStyle: {
44
+ backgroundColor: theme_1.theme.light.disabled,
45
+ },
42
46
  });
43
47
  //# sourceMappingURL=CallControlsButton.js.map
package/dist/src/components/utility/internal/CallControlsButton.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"CallControlsButton.js","sourceRoot":"","sources":["../../../../../src/components/utility/internal/CallControlsButton.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,+CAOsB;AACtB,0CAAuC;AA0BvC,MAAM,iBAAiB,GAAG,aAAK,CAAC,IAAI,CAAC,EAAE,CAAC;AACxC,MAAM,mBAAmB,GAAG,aAAK,CAAC,MAAM,CAAC,EAAE,CAAC;AAErC,MAAM,kBAAkB,GAAG,CAChC,KAAuD,EACvD,EAAE;IACF,MAAM,EACJ,OAAO,EACP,QAAQ,EACR,KAAK,EACL,KAAK,EACL,iBAAiB,EACjB,MAAM,EACN,QAAQ,GACT,GAAG,KAAK,CAAC;IAEV,MAAM,cAAc,GAA4B,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC;QAC/D,mBAAmB;QACnB,MAAM,CAAC,SAAS;QAChB;YACE,eAAe,EAAE,KAAK;YACtB,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;SAC3B;QACD,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI;KACrB,CAAC;IAEF,OAAO,CACL,CAAC,wBAAS,CACR,KAAK,CAAC,CAAC,cAAc,CAAC,CACtB,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,QAAQ,CAAC,CAAC,QAAQ,CAAC,CAEnB;MAAA,CAAC,mBAAI,CACH,KAAK,CAAC,CAAC;YACL,MAAM,CAAC,iBAAiB;YACxB,iBAAiB;YACjB,iBAAiB,IAAI,IAAI;SAC1B,CAAC,CAEF;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,mBAAI,CACR;IAAA,EAAE,wBAAS,CAAC,CACb,CAAC;AACJ,CAAC,CAAC;AAzCW,QAAA,kBAAkB,sBAyC7B;AAEF,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,cAAc,EAAE,QAAQ;QACxB,WAAW,EAAE,CAAC;QACd,WAAW,EAAE,aAAK,CAAC,KAAK,CAAC,UAAU;QACnC,UAAU,EAAE,QAAQ;KACrB;IACD,iBAAiB,EAAE,EAAE;CACtB,CAAC,CAAC"}
1
+ {"version":3,"file":"CallControlsButton.js","sourceRoot":"","sources":["../../../../../src/components/utility/internal/CallControlsButton.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,+CAOsB;AACtB,0CAAuC;AA8BvC,MAAM,iBAAiB,GAAG,aAAK,CAAC,IAAI,CAAC,EAAE,CAAC;AACxC,MAAM,mBAAmB,GAAG,aAAK,CAAC,MAAM,CAAC,EAAE,CAAC;AAErC,MAAM,kBAAkB,GAAG,CAChC,KAAuD,EACvD,EAAE;IACF,MAAM,EACJ,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,KAAK,EACL,iBAAiB,EACjB,MAAM,EACN,QAAQ,GACT,GAAG,KAAK,CAAC;IAEV,MAAM,cAAc,GAA4B,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC;QAC/D,mBAAmB;QACnB,MAAM,CAAC,SAAS;QAChB;YACE,eAAe,EAAE,KAAK;YACtB,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;SAC3B;QACD,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI;QACpB,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI;KACvC,CAAC;IAEF,OAAO,CACL,CAAC,wBAAS,CACR,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,KAAK,CAAC,CAAC,cAAc,CAAC,CACtB,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,QAAQ,CAAC,CAAC,QAAQ,CAAC,CAEnB;MAAA,CAAC,mBAAI,CACH,KAAK,CAAC,CAAC;YACL,MAAM,CAAC,iBAAiB;YACxB,iBAAiB;YACjB,iBAAiB,IAAI,IAAI;SAC1B,CAAC,CAEF;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,mBAAI,CACR;IAAA,EAAE,wBAAS,CAAC,CACb,CAAC;AACJ,CAAC,CAAC;AA5CW,QAAA,kBAAkB,sBA4C7B;AAEF,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,cAAc,EAAE,QAAQ;QACxB,WAAW,EAAE,CAAC;QACd,WAAW,EAAE,aAAK,CAAC,KAAK,CAAC,UAAU;QACnC,UAAU,EAAE,QAAQ;KACrB;IACD,iBAAiB,EAAE,EAAE;IACrB,aAAa,EAAE;QACb,eAAe,EAAE,aAAK,CAAC,KAAK,CAAC,QAAQ;KACtC;CACF,CAAC,CAAC"}
package/dist/src/components/utility/internal/ToggleCameraFaceButton.js CHANGED
@@ -14,9 +14,9 @@ const icons_1 = require("../../../icons");
14
14
  const theme_1 = require("../../../theme");
15
15
  const react_native_1 = require("react-native");
16
16
  const ToggleCameraFaceButton = () => {
17
- const { isCameraOnFrontFacingMode, toggleCameraFacingMode } = (0, MediaStreamManagement_1.useMediaStreamManagement)();
17
+ const { isVideoMuted, isCameraOnFrontFacingMode, toggleCameraFacingMode } = (0, MediaStreamManagement_1.useMediaStreamManagement)();
18
18
  return (<video_react_bindings_1.Restricted requiredGrants={[video_client_1.OwnCapability.SEND_VIDEO]}>
19
- <CallControlsButton_1.CallControlsButton onPress={toggleCameraFacingMode} color={(0, utils_1.muteStatusColor)(!isCameraOnFrontFacingMode)} style={isCameraOnFrontFacingMode ? styles.button : null}>
19
+ <CallControlsButton_1.CallControlsButton disabled={isVideoMuted} onPress={toggleCameraFacingMode} color={(0, utils_1.muteStatusColor)(!isCameraOnFrontFacingMode)} style={isCameraOnFrontFacingMode ? styles.button : null}>
20
20
  <icons_1.CameraSwitch color={isCameraOnFrontFacingMode
21
21
  ? theme_1.theme.light.static_black
22
22
  : theme_1.theme.light.static_white}/>
package/dist/src/components/utility/internal/ToggleCameraFaceButton.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ToggleCameraFaceButton.js","sourceRoot":"","sources":["../../../../../src/components/utility/internal/ToggleCameraFaceButton.tsx"],"names":[],"mappings":";;;;;;AAAA,0DAAwD;AACxD,0EAA6D;AAC7D,kDAA0B;AAC1B,6DAA0D;AAC1D,oFAAoF;AACpF,0CAAiD;AACjD,0CAA8C;AAC9C,0CAAuC;AACvC,+CAA0C;AAEnC,MAAM,sBAAsB,GAAG,GAAG,EAAE;IACzC,MAAM,EAAE,yBAAyB,EAAE,sBAAsB,EAAE,GACzD,IAAA,gDAAwB,GAAE,CAAC;IAE7B,OAAO,CACL,CAAC,iCAAU,CAAC,cAAc,CAAC,CAAC,CAAC,4BAAa,CAAC,UAAU,CAAC,CAAC,CACrD;MAAA,CAAC,uCAAkB,CACjB,OAAO,CAAC,CAAC,sBAAsB,CAAC,CAChC,KAAK,CAAC,CAAC,IAAA,uBAAe,EAAC,CAAC,yBAAyB,CAAC,CAAC,CACnD,KAAK,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAExD;QAAA,CAAC,oBAAY,CACX,KAAK,CAAC,CACJ,yBAAyB;YACvB,CAAC,CAAC,aAAK,CAAC,KAAK,CAAC,YAAY;YAC1B,CAAC,CAAC,aAAK,CAAC,KAAK,CAAC,YAAY,CAC7B,EAEL;MAAA,EAAE,uCAAkB,CACtB;IAAA,EAAE,iCAAU,CAAC,CACd,CAAC;AACJ,CAAC,CAAC;AArBW,QAAA,sBAAsB,0BAqBjC;AAEF,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,MAAM,EAAE;QACN,UAAU;QACV,YAAY,EAAE;YACZ,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,CAAC;SACV;QACD,aAAa,EAAE,IAAI;QACnB,YAAY,EAAE,IAAI;QAElB,cAAc;QACd,SAAS,EAAE,CAAC;KACb;CACF,CAAC,CAAC"}
1
+ {"version":3,"file":"ToggleCameraFaceButton.js","sourceRoot":"","sources":["../../../../../src/components/utility/internal/ToggleCameraFaceButton.tsx"],"names":[],"mappings":";;;;;;AAAA,0DAAwD;AACxD,0EAA6D;AAC7D,kDAA0B;AAC1B,6DAA0D;AAC1D,oFAAoF;AACpF,0CAAiD;AACjD,0CAA8C;AAC9C,0CAAuC;AACvC,+CAA0C;AAEnC,MAAM,sBAAsB,GAAG,GAAG,EAAE;IACzC,MAAM,EAAE,YAAY,EAAE,yBAAyB,EAAE,sBAAsB,EAAE,GACvE,IAAA,gDAAwB,GAAE,CAAC;IAE7B,OAAO,CACL,CAAC,iCAAU,CAAC,cAAc,CAAC,CAAC,CAAC,4BAAa,CAAC,UAAU,CAAC,CAAC,CACrD;MAAA,CAAC,uCAAkB,CACjB,QAAQ,CAAC,CAAC,YAAY,CAAC,CACvB,OAAO,CAAC,CAAC,sBAAsB,CAAC,CAChC,KAAK,CAAC,CAAC,IAAA,uBAAe,EAAC,CAAC,yBAAyB,CAAC,CAAC,CACnD,KAAK,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAExD;QAAA,CAAC,oBAAY,CACX,KAAK,CAAC,CACJ,yBAAyB;YACvB,CAAC,CAAC,aAAK,CAAC,KAAK,CAAC,YAAY;YAC1B,CAAC,CAAC,aAAK,CAAC,KAAK,CAAC,YAAY,CAC7B,EAEL;MAAA,EAAE,uCAAkB,CACtB;IAAA,EAAE,iCAAU,CAAC,CACd,CAAC;AACJ,CAAC,CAAC;AAtBW,QAAA,sBAAsB,0BAsBjC;AAEF,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,MAAM,EAAE;QACN,UAAU;QACV,YAAY,EAAE;YACZ,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,CAAC;SACV;QACD,aAAa,EAAE,IAAI;QACnB,YAAY,EAAE,IAAI;QAElB,cAAc;QACd,SAAS,EAAE,CAAC;KACb;CACF,CAAC,CAAC"}
package/dist/version.d.ts CHANGED
@@ -1 +1 @@
1
- export declare const version = "0.0.1-alpha.361";
1
+ export declare const version = "0.0.1-alpha.363";
package/dist/version.js CHANGED
@@ -1,5 +1,5 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.version = void 0;
4
- exports.version = '0.0.1-alpha.361';
4
+ exports.version = '0.0.1-alpha.363';
5
5
  //# sourceMappingURL=version.js.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@stream-io/video-react-native-sdk",
3
- "version": "0.0.1-alpha.361",
3
+ "version": "0.0.1-alpha.363",
4
4
  "packageManager": "yarn@3.2.4",
5
5
  "main": "./dist/index.js",
6
6
  "types": "./dist/index.d.ts",
package/src/components/utility/internal/CallControlsButton.tsx CHANGED
@@ -18,6 +18,10 @@ interface CallControlsButtonProps {
18
18
  * The background color of the button rendered.
19
19
  */
20
20
  color?: string;
21
+ /**
22
+ * Boolean to enable/enable the button
23
+ */
24
+ disabled?: boolean;
21
25
  /**
22
26
  * Style to the Pressable button.
23
27
  */
@@ -42,6 +46,7 @@ export const CallControlsButton = (
42
46
  const {
43
47
  onPress,
44
48
  children,
49
+ disabled,
45
50
  color,
46
51
  style,
47
52
  svgContainerStyle,
@@ -57,10 +62,12 @@ export const CallControlsButton = (
57
62
  opacity: pressed ? 0.2 : 1,
58
63
  },
59
64
  style ? style : null,
65
+ disabled ? styles.disabledStyle : null,
60
66
  ];
61
67
 
62
68
  return (
63
69
  <Pressable
70
+ disabled={disabled}
64
71
  style={pressableStyle}
65
72
  onPress={onPress}
66
73
  testID={testID}
@@ -87,4 +94,7 @@ const styles = StyleSheet.create({
87
94
  alignItems: 'center',
88
95
  },
89
96
  svgContainerStyle: {},
97
+ disabledStyle: {
98
+ backgroundColor: theme.light.disabled,
99
+ },
90
100
  });
package/src/components/utility/internal/ToggleCameraFaceButton.tsx CHANGED
@@ -9,12 +9,13 @@ import { theme } from '../../../theme';
9
9
  import { StyleSheet } from 'react-native';
10
10
 
11
11
  export const ToggleCameraFaceButton = () => {
12
- const { isCameraOnFrontFacingMode, toggleCameraFacingMode } =
12
+ const { isVideoMuted, isCameraOnFrontFacingMode, toggleCameraFacingMode } =
13
13
  useMediaStreamManagement();
14
14
 
15
15
  return (
16
16
  <Restricted requiredGrants={[OwnCapability.SEND_VIDEO]}>
17
17
  <CallControlsButton
18
+ disabled={isVideoMuted}
18
19
  onPress={toggleCameraFacingMode}
19
20
  color={muteStatusColor(!isCameraOnFrontFacingMode)}
20
21
  style={isCameraOnFrontFacingMode ? styles.button : null}