@stream-io/video-react-native-sdk 0.0.1-alpha.375 → 0.0.1-alpha.377
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.
- package/CHANGELOG.md +13 -0
- package/dist/src/components/Call/CallTopView/CallTopView.d.ts +7 -1
- package/dist/src/components/Call/CallTopView/CallTopView.js +2 -2
- package/dist/src/components/Call/CallTopView/CallTopView.js.map +1 -1
- package/dist/src/components/Call/CallTopView/ParticipantsInfoBadge.d.ts +3 -0
- package/dist/src/components/Call/CallTopView/ParticipantsInfoBadge.js.map +1 -1
- package/dist/version.d.ts +1 -1
- package/dist/version.js +1 -1
- package/package.json +1 -1
- package/src/components/Call/CallTopView/CallTopView.tsx +14 -4
- package/src/components/Call/CallTopView/ParticipantsInfoBadge.tsx +3 -0
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,19 @@
|
|
|
2
2
|
|
|
3
3
|
This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
|
|
4
4
|
|
|
5
|
+
## [0.0.1-alpha.377](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-native-sdk-0.0.1-alpha.376...@stream-io/video-react-native-sdk-0.0.1-alpha.377) (2023-08-16)
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
### Bug Fixes
|
|
9
|
+
|
|
10
|
+
* **react-native:** remove processing from background modes ([a208ad2](https://github.com/GetStream/stream-video-js/commit/a208ad2e5b33bc78559128435e0f41cf99a332a7))
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
## [0.0.1-alpha.376](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-native-sdk-0.0.1-alpha.375...@stream-io/video-react-native-sdk-0.0.1-alpha.376) (2023-08-15)
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
|
|
5
18
|
## [0.0.1-alpha.375](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-native-sdk-0.0.1-alpha.374...@stream-io/video-react-native-sdk-0.0.1-alpha.375) (2023-08-14)
|
|
6
19
|
|
|
7
20
|
|
|
@@ -1,4 +1,6 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
import { StyleProp, ViewStyle } from 'react-native';
|
|
3
|
+
import { ParticipantsInfoBadgeProps } from './ParticipantsInfoBadge';
|
|
2
4
|
export type CallTopViewProps = {
|
|
3
5
|
/**
|
|
4
6
|
* Handler to be called when the back button is pressed in the CallTopView.
|
|
@@ -18,5 +20,9 @@ export type CallTopViewProps = {
|
|
|
18
20
|
* Style to override the container of the CallTopView.
|
|
19
21
|
*/
|
|
20
22
|
style?: StyleProp<ViewStyle>;
|
|
23
|
+
/**
|
|
24
|
+
* Component to customize the ParticipantInfoBadge of the CallTopView.
|
|
25
|
+
*/
|
|
26
|
+
ParticipantsInfoBadge?: React.ComponentType<ParticipantsInfoBadgeProps>;
|
|
21
27
|
};
|
|
22
|
-
export declare const CallTopView: ({ onBackPressed, onParticipantInfoPress, title, style, }: CallTopViewProps) => JSX.Element;
|
|
28
|
+
export declare const CallTopView: ({ onBackPressed, onParticipantInfoPress, title, style, ParticipantsInfoBadge, }: CallTopViewProps) => JSX.Element;
|
|
@@ -33,7 +33,7 @@ const constants_1 = require("../../../constants");
|
|
|
33
33
|
const icons_1 = require("../../../icons");
|
|
34
34
|
const video_react_bindings_1 = require("@stream-io/video-react-bindings");
|
|
35
35
|
const video_client_1 = require("@stream-io/video-client");
|
|
36
|
-
const CallTopView = ({ onBackPressed, onParticipantInfoPress, title, style, }) => {
|
|
36
|
+
const CallTopView = ({ onBackPressed, onParticipantInfoPress, title, style, ParticipantsInfoBadge = ParticipantsInfoBadge_1.ParticipantsInfoBadge, }) => {
|
|
37
37
|
const { useCallCallingState } = (0, video_react_bindings_1.useCallStateHooks)();
|
|
38
38
|
const callingState = useCallCallingState();
|
|
39
39
|
const { t } = (0, video_react_bindings_1.useI18n)();
|
|
@@ -62,7 +62,7 @@ const CallTopView = ({ onBackPressed, onParticipantInfoPress, title, style, }) =
|
|
|
62
62
|
</react_native_1.Text>) : (isCallReconnecting && (<react_native_1.Text style={styles.title}>{t('Reconnecting...')}</react_native_1.Text>))}
|
|
63
63
|
</react_native_1.View>
|
|
64
64
|
<react_native_1.View style={styles.rightElement}>
|
|
65
|
-
<
|
|
65
|
+
{ParticipantsInfoBadge && (<ParticipantsInfoBadge onParticipantInfoPress={onParticipantInfoPress}/>)}
|
|
66
66
|
</react_native_1.View>
|
|
67
67
|
</react_native_1.View>
|
|
68
68
|
</react_native_1.View>);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CallTopView.js","sourceRoot":"","sources":["../../../../../src/components/Call/CallTopView/CallTopView.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAwC;AACxC,+CAOsB;AACtB,
|
|
1
|
+
{"version":3,"file":"CallTopView.js","sourceRoot":"","sources":["../../../../../src/components/Call/CallTopView/CallTopView.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ParticipantsInfoBadge.js","sourceRoot":"","sources":["../../../../../src/components/Call/CallTopView/ParticipantsInfoBadge.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,+CAAiE;AACjE,0CAA8C;AAC9C,0EAAoE;AACpE,0CAAuC;AACvC,kDAA6C;
|
|
1
|
+
{"version":3,"file":"ParticipantsInfoBadge.js","sourceRoot":"","sources":["../../../../../src/components/Call/CallTopView/ParticipantsInfoBadge.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,+CAAiE;AACjE,0CAA8C;AAC9C,0EAAoE;AACpE,0CAAuC;AACvC,kDAA6C;AAW7C;;;GAGG;AACI,MAAM,qBAAqB,GAAG,CAAC,EACpC,sBAAsB,GACK,EAAE,EAAE;IAC/B,MAAM,EAAE,mBAAmB,EAAE,GAAG,IAAA,wCAAiB,GAAE,CAAC;IACpD,MAAM,gBAAgB,GAAG,mBAAmB,EAAE,CAAC;IAE/C,OAAO,CACL,CAAC,wBAAS,CACR,OAAO,CAAC,CAAC,sBAAsB,CAAC,CAChC,KAAK,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC;YACtB,EAAE,GAAG,MAAM,CAAC,SAAS,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE;SACpD,CAAC,CACF,QAAQ,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAElC;MAAA,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC,aAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CACzB;QAAA,CAAC,oBAAY,CAAC,KAAK,CAAC,CAAC,aAAK,CAAC,KAAK,CAAC,YAAY,CAAC,EAChD;MAAA,EAAE,mBAAI,CACN;MAAA,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CACxB;QAAA,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,gBAAgB,CAAC,EAAE,mBAAI,CACzD;MAAA,EAAE,mBAAI,CACR;IAAA,EAAE,wBAAS,CAAC,CACb,CAAC;AACJ,CAAC,CAAC;AAtBW,QAAA,qBAAqB,yBAsBhC;AAEF,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,aAAa,EAAE,KAAK;KACrB;IACD,KAAK,EAAE;QACL,cAAc,EAAE,QAAQ;QACxB,iBAAiB,EAAE,aAAK,CAAC,OAAO,CAAC,EAAE;QACnC,eAAe,EAAE,aAAK,CAAC,KAAK,CAAC,iBAAiB;QAC9C,YAAY,EAAE,aAAK,CAAC,OAAO,CAAC,EAAE;QAC9B,MAAM,EAAE,mBAAO,CAAC,QAAQ;QACxB,MAAM,EAAE,aAAK,CAAC,OAAO,CAAC,EAAE;QACxB,KAAK,EAAE,aAAK,CAAC,OAAO,CAAC,EAAE;KACxB;IACD,SAAS,EAAE;QACT,kBAAkB,EAAE,KAAK;QACzB,KAAK,EAAE,aAAK,CAAC,KAAK,CAAC,YAAY;QAC/B,SAAS,EAAE,QAAQ;QACnB,GAAG,aAAK,CAAC,KAAK,CAAC,QAAQ;KACxB;CACF,CAAC,CAAC"}
|
package/dist/version.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const version = "0.0.1-alpha.
|
|
1
|
+
export declare const version = "0.0.1-alpha.377";
|
package/dist/version.js
CHANGED
package/package.json
CHANGED
|
@@ -7,7 +7,10 @@ import {
|
|
|
7
7
|
ViewStyle,
|
|
8
8
|
Pressable,
|
|
9
9
|
} from 'react-native';
|
|
10
|
-
import {
|
|
10
|
+
import {
|
|
11
|
+
ParticipantsInfoBadge as DefaultParticipantsInfoBadge,
|
|
12
|
+
ParticipantsInfoBadgeProps,
|
|
13
|
+
} from './ParticipantsInfoBadge';
|
|
11
14
|
import { theme } from '../../../theme';
|
|
12
15
|
import { Back } from '../../../icons/Back';
|
|
13
16
|
import { Z_INDEX } from '../../../constants';
|
|
@@ -34,6 +37,10 @@ export type CallTopViewProps = {
|
|
|
34
37
|
* Style to override the container of the CallTopView.
|
|
35
38
|
*/
|
|
36
39
|
style?: StyleProp<ViewStyle>;
|
|
40
|
+
/**
|
|
41
|
+
* Component to customize the ParticipantInfoBadge of the CallTopView.
|
|
42
|
+
*/
|
|
43
|
+
ParticipantsInfoBadge?: React.ComponentType<ParticipantsInfoBadgeProps>;
|
|
37
44
|
};
|
|
38
45
|
|
|
39
46
|
export const CallTopView = ({
|
|
@@ -41,6 +48,7 @@ export const CallTopView = ({
|
|
|
41
48
|
onParticipantInfoPress,
|
|
42
49
|
title,
|
|
43
50
|
style,
|
|
51
|
+
ParticipantsInfoBadge = DefaultParticipantsInfoBadge,
|
|
44
52
|
}: CallTopViewProps) => {
|
|
45
53
|
const { useCallCallingState } = useCallStateHooks();
|
|
46
54
|
const callingState = useCallCallingState();
|
|
@@ -84,9 +92,11 @@ export const CallTopView = ({
|
|
|
84
92
|
)}
|
|
85
93
|
</View>
|
|
86
94
|
<View style={styles.rightElement}>
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
95
|
+
{ParticipantsInfoBadge && (
|
|
96
|
+
<ParticipantsInfoBadge
|
|
97
|
+
onParticipantInfoPress={onParticipantInfoPress}
|
|
98
|
+
/>
|
|
99
|
+
)}
|
|
90
100
|
</View>
|
|
91
101
|
</View>
|
|
92
102
|
</View>
|
|
@@ -6,6 +6,9 @@ import { theme } from '../../../theme';
|
|
|
6
6
|
import { Z_INDEX } from '../../../constants';
|
|
7
7
|
import { CallTopViewProps } from '..';
|
|
8
8
|
|
|
9
|
+
/**
|
|
10
|
+
* Props for the ParticipantsInfoBadge component.
|
|
11
|
+
*/
|
|
9
12
|
export type ParticipantsInfoBadgeProps = Pick<
|
|
10
13
|
CallTopViewProps,
|
|
11
14
|
'onParticipantInfoPress'
|