@stream-io/video-react-native-sdk 0.0.1-alpha.241 → 0.0.1-alpha.243
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 +8 -0
- package/dist/src/components/NetworkQualityIndicator.js +2 -1
- package/dist/src/components/NetworkQualityIndicator.js.map +1 -1
- package/dist/src/hooks/useCallCycleEffect.js +14 -7
- package/dist/src/hooks/useCallCycleEffect.js.map +1 -1
- package/package.json +3 -3
- package/src/components/NetworkQualityIndicator.tsx +3 -1
- package/src/hooks/useCallCycleEffect.tsx +21 -7
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,14 @@
|
|
|
2
2
|
|
|
3
3
|
This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
|
|
4
4
|
|
|
5
|
+
## [0.0.1-alpha.243](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-native-sdk-0.0.1-alpha.242...@stream-io/video-react-native-sdk-0.0.1-alpha.243) (2023-07-04)
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
## [0.0.1-alpha.242](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-native-sdk-0.0.1-alpha.241...@stream-io/video-react-native-sdk-0.0.1-alpha.242) (2023-07-04)
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
5
13
|
## [0.0.1-alpha.241](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-native-sdk-0.0.1-alpha.240...@stream-io/video-react-native-sdk-0.0.1-alpha.241) (2023-07-04)
|
|
6
14
|
|
|
7
15
|
|
|
@@ -15,8 +15,9 @@ const connectionQualitySignalColors = {
|
|
|
15
15
|
3: [theme_1.theme.light.primary, theme_1.theme.light.primary, theme_1.theme.light.primary],
|
|
16
16
|
};
|
|
17
17
|
const NetworkQualityIndicator = ({ connectionQuality, }) => {
|
|
18
|
-
if (!connectionQuality)
|
|
18
|
+
if (!connectionQuality) {
|
|
19
19
|
return null;
|
|
20
|
+
}
|
|
20
21
|
const connectionQualityColors = connectionQualitySignalColors[connectionQuality];
|
|
21
22
|
return (<react_native_1.View style={[styles.container, theme_1.theme.icon.lg]}>
|
|
22
23
|
<react_native_svg_1.Svg viewBox="0 0 34 34" fill={'none'}>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NetworkQualityIndicator.js","sourceRoot":"","sources":["../../../src/components/NetworkQualityIndicator.tsx"],"names":[],"mappings":";;;AAAA,+CAAgD;AAChD,uDAA6C;AAC7C,oCAAiC;AAUjC,MAAM,6BAA6B,GAG/B;IACF,CAAC,EAAE;QACD,aAAK,CAAC,KAAK,CAAC,YAAY;QACxB,aAAK,CAAC,KAAK,CAAC,YAAY;QACxB,aAAK,CAAC,KAAK,CAAC,YAAY;KACzB;IACD,CAAC,EAAE,CAAC,aAAK,CAAC,KAAK,CAAC,KAAK,EAAE,aAAK,CAAC,KAAK,CAAC,YAAY,EAAE,aAAK,CAAC,KAAK,CAAC,YAAY,CAAC;IAC1E,CAAC,EAAE,CAAC,aAAK,CAAC,KAAK,CAAC,OAAO,EAAE,aAAK,CAAC,KAAK,CAAC,OAAO,EAAE,aAAK,CAAC,KAAK,CAAC,YAAY,CAAC;IACvE,CAAC,EAAE,CAAC,aAAK,CAAC,KAAK,CAAC,OAAO,EAAE,aAAK,CAAC,KAAK,CAAC,OAAO,EAAE,aAAK,CAAC,KAAK,CAAC,OAAO,CAAC;CACnE,CAAC;AAEK,MAAM,uBAAuB,GAAG,CAAC,EACtC,iBAAiB,GACW,EAAE,EAAE;IAChC,IAAI,CAAC,iBAAiB;
|
|
1
|
+
{"version":3,"file":"NetworkQualityIndicator.js","sourceRoot":"","sources":["../../../src/components/NetworkQualityIndicator.tsx"],"names":[],"mappings":";;;AAAA,+CAAgD;AAChD,uDAA6C;AAC7C,oCAAiC;AAUjC,MAAM,6BAA6B,GAG/B;IACF,CAAC,EAAE;QACD,aAAK,CAAC,KAAK,CAAC,YAAY;QACxB,aAAK,CAAC,KAAK,CAAC,YAAY;QACxB,aAAK,CAAC,KAAK,CAAC,YAAY;KACzB;IACD,CAAC,EAAE,CAAC,aAAK,CAAC,KAAK,CAAC,KAAK,EAAE,aAAK,CAAC,KAAK,CAAC,YAAY,EAAE,aAAK,CAAC,KAAK,CAAC,YAAY,CAAC;IAC1E,CAAC,EAAE,CAAC,aAAK,CAAC,KAAK,CAAC,OAAO,EAAE,aAAK,CAAC,KAAK,CAAC,OAAO,EAAE,aAAK,CAAC,KAAK,CAAC,YAAY,CAAC;IACvE,CAAC,EAAE,CAAC,aAAK,CAAC,KAAK,CAAC,OAAO,EAAE,aAAK,CAAC,KAAK,CAAC,OAAO,EAAE,aAAK,CAAC,KAAK,CAAC,OAAO,CAAC;CACnE,CAAC;AAEK,MAAM,uBAAuB,GAAG,CAAC,EACtC,iBAAiB,GACW,EAAE,EAAE;IAChC,IAAI,CAAC,iBAAiB,EAAE;QACtB,OAAO,IAAI,CAAC;KACb;IAED,MAAM,uBAAuB,GAC3B,6BAA6B,CAAC,iBAAiB,CAAC,CAAC;IAEnD,OAAO,CACL,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,aAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAC7C;MAAA,CAAC,sBAAG,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CACpC;QAAA,CAAC,uBAAI,CACH,CAAC,CAAC,oCAAoC,CACtC,MAAM,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,CAAC,CACnC,WAAW,CAAC,CAAC,CAAC,CAAC,CACf,aAAa,CAAC,OAAO,CACrB,cAAc,CAAC,OAAO,CACtB,IAAI,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,CAAC,EAEnC;QAAA,CAAC,uBAAI,CACH,CAAC,CAAC,qCAAqC,CACvC,MAAM,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,CAAC,CACnC,WAAW,CAAC,CAAC,CAAC,CAAC,CACf,aAAa,CAAC,OAAO,CACrB,cAAc,CAAC,OAAO,CACtB,IAAI,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,CAAC,EAEnC;QAAA,CAAC,uBAAI,CACH,CAAC,CAAC,qCAAqC,CACvC,MAAM,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,CAAC,CACnC,WAAW,CAAC,CAAC,CAAC,CAAC,CACf,aAAa,CAAC,OAAO,CACrB,cAAc,CAAC,OAAO,CACtB,IAAI,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,CAAC,EAErC;MAAA,EAAE,sBAAG,CACP;IAAA,EAAE,mBAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAxCW,QAAA,uBAAuB,2BAwClC;AAEF,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,eAAe,EAAE,aAAK,CAAC,KAAK,CAAC,cAAc;QAC3C,YAAY,EAAE,aAAK,CAAC,OAAO,CAAC,EAAE;KAC/B;CACF,CAAC,CAAC"}
|
|
@@ -18,8 +18,9 @@ const useCallCycleEffect = (callCycleHandlers) => {
|
|
|
18
18
|
const prevCallingState = (0, usePrevious_1.usePrevious)(callingState);
|
|
19
19
|
const { onCallJoined, onCallIncoming, onCallOutgoing, onCallHungUp, onCallRejected, onCallJoining, } = callCycleHandlers;
|
|
20
20
|
(0, react_1.useEffect)(() => {
|
|
21
|
-
if (!call || NON_ACTIVE_CALLING_STATES.includes(callingState))
|
|
21
|
+
if (!call || NON_ACTIVE_CALLING_STATES.includes(callingState)) {
|
|
22
22
|
return;
|
|
23
|
+
}
|
|
23
24
|
const isCallCreatedByMe = call.data?.created_by.id === call?.currentUserId;
|
|
24
25
|
const isCallCreatedByOther = !!call.data?.created_by.id && !isCallCreatedByMe;
|
|
25
26
|
const isIncomingCall = callingState === video_client_1.CallingState.RINGING &&
|
|
@@ -34,18 +35,24 @@ const useCallCycleEffect = (callCycleHandlers) => {
|
|
|
34
35
|
isCallCreatedByOther &&
|
|
35
36
|
onCallRejected;
|
|
36
37
|
const isCallJoining = callingState === video_client_1.CallingState.JOINING && onCallJoining;
|
|
37
|
-
if (isIncomingCall)
|
|
38
|
+
if (isIncomingCall) {
|
|
38
39
|
return onCallIncoming();
|
|
39
|
-
|
|
40
|
+
}
|
|
41
|
+
if (isOutgoingCall) {
|
|
40
42
|
return onCallOutgoing();
|
|
41
|
-
|
|
43
|
+
}
|
|
44
|
+
if (isActiveCall) {
|
|
42
45
|
return onCallJoined();
|
|
43
|
-
|
|
46
|
+
}
|
|
47
|
+
if (isCallHungUp) {
|
|
44
48
|
return onCallHungUp();
|
|
45
|
-
|
|
49
|
+
}
|
|
50
|
+
if (isCallRejected) {
|
|
46
51
|
return onCallRejected();
|
|
47
|
-
|
|
52
|
+
}
|
|
53
|
+
if (isCallJoining) {
|
|
48
54
|
return onCallJoining();
|
|
55
|
+
}
|
|
49
56
|
}, [
|
|
50
57
|
callingState,
|
|
51
58
|
prevCallingState,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useCallCycleEffect.js","sourceRoot":"","sources":["../../../src/hooks/useCallCycleEffect.tsx"],"names":[],"mappings":";;;AAAA,0EAA+E;AAC/E,iCAAkC;AAClC,0DAAuD;AAEvD,4DAAyD;AAEzD,MAAM,yBAAyB,GAAG,CAAC,2BAAY,CAAC,OAAO,EAAE,2BAAY,CAAC,IAAI,CAAC,CAAC;AAC5E;;;;;GAKG;AACI,MAAM,kBAAkB,GAAG,CAChC,iBAAwC,EACxC,EAAE;IACF,MAAM,IAAI,GAAG,IAAA,8BAAO,GAAE,CAAC;IACvB,MAAM,YAAY,GAAG,IAAA,0CAAmB,GAAE,CAAC;IAC3C,MAAM,gBAAgB,GAAG,IAAA,yBAAW,EAAC,YAAY,CAAC,CAAC;IACnD,MAAM,EACJ,YAAY,EACZ,cAAc,EACd,cAAc,EACd,YAAY,EACZ,cAAc,EACd,aAAa,GACd,GAAG,iBAAiB,CAAC;IAEtB,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,IAAI,IAAI,yBAAyB,CAAC,QAAQ,CAAC,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"useCallCycleEffect.js","sourceRoot":"","sources":["../../../src/hooks/useCallCycleEffect.tsx"],"names":[],"mappings":";;;AAAA,0EAA+E;AAC/E,iCAAkC;AAClC,0DAAuD;AAEvD,4DAAyD;AAEzD,MAAM,yBAAyB,GAAG,CAAC,2BAAY,CAAC,OAAO,EAAE,2BAAY,CAAC,IAAI,CAAC,CAAC;AAC5E;;;;;GAKG;AACI,MAAM,kBAAkB,GAAG,CAChC,iBAAwC,EACxC,EAAE;IACF,MAAM,IAAI,GAAG,IAAA,8BAAO,GAAE,CAAC;IACvB,MAAM,YAAY,GAAG,IAAA,0CAAmB,GAAE,CAAC;IAC3C,MAAM,gBAAgB,GAAG,IAAA,yBAAW,EAAC,YAAY,CAAC,CAAC;IACnD,MAAM,EACJ,YAAY,EACZ,cAAc,EACd,cAAc,EACd,YAAY,EACZ,cAAc,EACd,aAAa,GACd,GAAG,iBAAiB,CAAC;IAEtB,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,IAAI,IAAI,yBAAyB,CAAC,QAAQ,CAAC,YAAY,CAAC,EAAE;YAC7D,OAAO;SACR;QACD,MAAM,iBAAiB,GAAG,IAAI,CAAC,IAAI,EAAE,UAAU,CAAC,EAAE,KAAK,IAAI,EAAE,aAAa,CAAC;QAC3E,MAAM,oBAAoB,GACxB,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,UAAU,CAAC,EAAE,IAAI,CAAC,iBAAiB,CAAC;QACnD,MAAM,cAAc,GAClB,YAAY,KAAK,2BAAY,CAAC,OAAO;YACrC,CAAC,iBAAiB;YAClB,cAAc,CAAC;QACjB,MAAM,cAAc,GAClB,YAAY,KAAK,2BAAY,CAAC,OAAO;YACrC,iBAAiB;YACjB,cAAc,CAAC;QACjB,MAAM,YAAY,GAAG,YAAY,KAAK,2BAAY,CAAC,MAAM,IAAI,YAAY,CAAC;QAC1E,MAAM,YAAY,GAAG,YAAY,KAAK,2BAAY,CAAC,IAAI,IAAI,YAAY,CAAC;QACxE,MAAM,cAAc,GAClB,YAAY,KAAK,2BAAY,CAAC,IAAI;YAClC,oBAAoB;YACpB,cAAc,CAAC;QACjB,MAAM,aAAa,GACjB,YAAY,KAAK,2BAAY,CAAC,OAAO,IAAI,aAAa,CAAC;QAEzD,IAAI,cAAc,EAAE;YAClB,OAAO,cAAc,EAAE,CAAC;SACzB;QACD,IAAI,cAAc,EAAE;YAClB,OAAO,cAAc,EAAE,CAAC;SACzB;QACD,IAAI,YAAY,EAAE;YAChB,OAAO,YAAY,EAAE,CAAC;SACvB;QACD,IAAI,YAAY,EAAE;YAChB,OAAO,YAAY,EAAE,CAAC;SACvB;QACD,IAAI,cAAc,EAAE;YAClB,OAAO,cAAc,EAAE,CAAC;SACzB;QACD,IAAI,aAAa,EAAE;YACjB,OAAO,aAAa,EAAE,CAAC;SACxB;IACH,CAAC,EAAE;QACD,YAAY;QACZ,gBAAgB;QAChB,IAAI;QACJ,cAAc;QACd,cAAc;QACd,YAAY;QACZ,YAAY;QACZ,cAAc;QACd,aAAa;KACd,CAAC,CAAC;AACL,CAAC,CAAC;AApEW,QAAA,kBAAkB,sBAoE7B"}
|
package/package.json
CHANGED
|
@@ -22,8 +22,8 @@
|
|
|
22
22
|
],
|
|
23
23
|
"dependencies": {
|
|
24
24
|
"@stream-io/i18n": "^0.0.8",
|
|
25
|
-
"@stream-io/video-client": "^0.0.
|
|
26
|
-
"@stream-io/video-react-bindings": "^0.0.
|
|
25
|
+
"@stream-io/video-client": "^0.0.33",
|
|
26
|
+
"@stream-io/video-react-bindings": "^0.0.35"
|
|
27
27
|
},
|
|
28
28
|
"peerDependencies": {
|
|
29
29
|
"@notifee/react-native": ">=7.7.0",
|
|
@@ -85,5 +85,5 @@
|
|
|
85
85
|
"typedoc-plugin-markdown": "^3.15.3",
|
|
86
86
|
"typescript": "^4.9.5"
|
|
87
87
|
},
|
|
88
|
-
"version": "0.0.1-alpha.
|
|
88
|
+
"version": "0.0.1-alpha.243"
|
|
89
89
|
}
|
|
@@ -27,7 +27,9 @@ const connectionQualitySignalColors: Record<
|
|
|
27
27
|
export const NetworkQualityIndicator = ({
|
|
28
28
|
connectionQuality,
|
|
29
29
|
}: NetworkQualityIndicatorType) => {
|
|
30
|
-
if (!connectionQuality)
|
|
30
|
+
if (!connectionQuality) {
|
|
31
|
+
return null;
|
|
32
|
+
}
|
|
31
33
|
|
|
32
34
|
const connectionQualityColors =
|
|
33
35
|
connectionQualitySignalColors[connectionQuality];
|
|
@@ -27,7 +27,9 @@ export const useCallCycleEffect = (
|
|
|
27
27
|
} = callCycleHandlers;
|
|
28
28
|
|
|
29
29
|
useEffect(() => {
|
|
30
|
-
if (!call || NON_ACTIVE_CALLING_STATES.includes(callingState))
|
|
30
|
+
if (!call || NON_ACTIVE_CALLING_STATES.includes(callingState)) {
|
|
31
|
+
return;
|
|
32
|
+
}
|
|
31
33
|
const isCallCreatedByMe = call.data?.created_by.id === call?.currentUserId;
|
|
32
34
|
const isCallCreatedByOther =
|
|
33
35
|
!!call.data?.created_by.id && !isCallCreatedByMe;
|
|
@@ -48,12 +50,24 @@ export const useCallCycleEffect = (
|
|
|
48
50
|
const isCallJoining =
|
|
49
51
|
callingState === CallingState.JOINING && onCallJoining;
|
|
50
52
|
|
|
51
|
-
if (isIncomingCall)
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
if (
|
|
55
|
-
|
|
56
|
-
|
|
53
|
+
if (isIncomingCall) {
|
|
54
|
+
return onCallIncoming();
|
|
55
|
+
}
|
|
56
|
+
if (isOutgoingCall) {
|
|
57
|
+
return onCallOutgoing();
|
|
58
|
+
}
|
|
59
|
+
if (isActiveCall) {
|
|
60
|
+
return onCallJoined();
|
|
61
|
+
}
|
|
62
|
+
if (isCallHungUp) {
|
|
63
|
+
return onCallHungUp();
|
|
64
|
+
}
|
|
65
|
+
if (isCallRejected) {
|
|
66
|
+
return onCallRejected();
|
|
67
|
+
}
|
|
68
|
+
if (isCallJoining) {
|
|
69
|
+
return onCallJoining();
|
|
70
|
+
}
|
|
57
71
|
}, [
|
|
58
72
|
callingState,
|
|
59
73
|
prevCallingState,
|