@stream-io/video-react-native-sdk 0.7.2 → 0.7.4
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/commonjs/components/Call/CallControls/ToggleAudioPreviewButton.js +4 -4
- package/dist/commonjs/components/Call/CallControls/ToggleAudioPreviewButton.js.map +1 -1
- package/dist/commonjs/components/Call/CallControls/ToggleAudioPublishingButton.js +3 -3
- package/dist/commonjs/components/Call/CallControls/ToggleAudioPublishingButton.js.map +1 -1
- package/dist/commonjs/components/Call/CallControls/ToggleCameraFaceButton.js +2 -2
- package/dist/commonjs/components/Call/CallControls/ToggleCameraFaceButton.js.map +1 -1
- package/dist/commonjs/components/Call/CallControls/ToggleVideoPreviewButton.js +4 -4
- package/dist/commonjs/components/Call/CallControls/ToggleVideoPreviewButton.js.map +1 -1
- package/dist/commonjs/components/Call/CallControls/ToggleVideoPublishingButton.js +3 -3
- package/dist/commonjs/components/Call/CallControls/ToggleVideoPublishingButton.js.map +1 -1
- package/dist/commonjs/components/Livestream/LivestreamControls/LivestreamAudioControlButton.js +2 -2
- package/dist/commonjs/components/Livestream/LivestreamControls/LivestreamAudioControlButton.js.map +1 -1
- package/dist/commonjs/components/Livestream/LivestreamControls/LivestreamVideoControlButton.js +4 -9
- package/dist/commonjs/components/Livestream/LivestreamControls/LivestreamVideoControlButton.js.map +1 -1
- package/dist/commonjs/version.js +1 -1
- package/dist/module/components/Call/CallControls/ToggleAudioPreviewButton.js +4 -4
- package/dist/module/components/Call/CallControls/ToggleAudioPreviewButton.js.map +1 -1
- package/dist/module/components/Call/CallControls/ToggleAudioPublishingButton.js +3 -3
- package/dist/module/components/Call/CallControls/ToggleAudioPublishingButton.js.map +1 -1
- package/dist/module/components/Call/CallControls/ToggleCameraFaceButton.js +2 -2
- package/dist/module/components/Call/CallControls/ToggleCameraFaceButton.js.map +1 -1
- package/dist/module/components/Call/CallControls/ToggleVideoPreviewButton.js +4 -4
- package/dist/module/components/Call/CallControls/ToggleVideoPreviewButton.js.map +1 -1
- package/dist/module/components/Call/CallControls/ToggleVideoPublishingButton.js +3 -3
- package/dist/module/components/Call/CallControls/ToggleVideoPublishingButton.js.map +1 -1
- package/dist/module/components/Livestream/LivestreamControls/LivestreamAudioControlButton.js +2 -2
- package/dist/module/components/Livestream/LivestreamControls/LivestreamAudioControlButton.js.map +1 -1
- package/dist/module/components/Livestream/LivestreamControls/LivestreamVideoControlButton.js +4 -9
- package/dist/module/components/Livestream/LivestreamControls/LivestreamVideoControlButton.js.map +1 -1
- package/dist/module/version.js +1 -1
- package/dist/typescript/components/Call/CallControls/ToggleAudioPreviewButton.d.ts.map +1 -1
- package/dist/typescript/components/Call/CallControls/ToggleVideoPreviewButton.d.ts.map +1 -1
- package/dist/typescript/components/Livestream/LivestreamControls/LivestreamVideoControlButton.d.ts.map +1 -1
- package/dist/typescript/version.d.ts +1 -1
- package/package.json +3 -3
- package/src/components/Call/CallControls/ToggleAudioPreviewButton.tsx +6 -4
- package/src/components/Call/CallControls/ToggleAudioPublishingButton.tsx +3 -3
- package/src/components/Call/CallControls/ToggleCameraFaceButton.tsx +2 -2
- package/src/components/Call/CallControls/ToggleVideoPreviewButton.tsx +6 -4
- package/src/components/Call/CallControls/ToggleVideoPublishingButton.tsx +3 -3
- package/src/components/Livestream/LivestreamControls/LivestreamAudioControlButton.tsx +2 -2
- package/src/components/Livestream/LivestreamControls/LivestreamVideoControlButton.tsx +15 -26
- package/src/version.ts +1 -1
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.7.4](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-native-sdk-0.7.3...@stream-io/video-react-native-sdk-0.7.4) (2024-05-14)
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
### Bug Fixes
|
|
9
|
+
|
|
10
|
+
* **react-native:** mute and unmute device media stream optimistically ([#1354](https://github.com/GetStream/stream-video-js/issues/1354)) ([72f5df4](https://github.com/GetStream/stream-video-js/commit/72f5df4abc63b8824b4c0a9f00b7ee5848ab83da))
|
|
11
|
+
|
|
12
|
+
### [0.7.3](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-native-sdk-0.7.2...@stream-io/video-react-native-sdk-0.7.3) (2024-05-14)
|
|
13
|
+
|
|
14
|
+
### Dependency Updates
|
|
15
|
+
|
|
16
|
+
* `@stream-io/video-client` updated to version `1.0.4`
|
|
17
|
+
* `@stream-io/video-react-bindings` updated to version `0.4.30`
|
|
5
18
|
### [0.7.2](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-native-sdk-0.7.1...@stream-io/video-react-native-sdk-0.7.2) (2024-05-13)
|
|
6
19
|
|
|
7
20
|
### Dependency Updates
|
|
@@ -33,7 +33,7 @@ const ToggleAudioPreviewButton = ({
|
|
|
33
33
|
useMicrophoneState
|
|
34
34
|
} = (0, _videoReactBindings.useCallStateHooks)();
|
|
35
35
|
const {
|
|
36
|
-
|
|
36
|
+
optimisticIsMute,
|
|
37
37
|
microphone
|
|
38
38
|
} = useMicrophoneState();
|
|
39
39
|
const onPress = async () => {
|
|
@@ -45,16 +45,16 @@ const ToggleAudioPreviewButton = ({
|
|
|
45
45
|
};
|
|
46
46
|
return /*#__PURE__*/_react.default.createElement(_CallControlsButton.CallControlsButton, {
|
|
47
47
|
onPress: onPress,
|
|
48
|
-
color: !
|
|
48
|
+
color: !optimisticIsMute ? colors.static_white : colors.static_black,
|
|
49
49
|
size: buttonSizes.md,
|
|
50
50
|
style: {
|
|
51
51
|
container: {
|
|
52
|
-
shadowColor: !
|
|
52
|
+
shadowColor: !optimisticIsMute ? colors.static_white : colors.static_black,
|
|
53
53
|
...toggleAudioPreviewButton.container
|
|
54
54
|
},
|
|
55
55
|
svgContainer: toggleAudioPreviewButton.svgContainer
|
|
56
56
|
}
|
|
57
|
-
}, !
|
|
57
|
+
}, !optimisticIsMute ? /*#__PURE__*/_react.default.createElement(_icons.Mic, {
|
|
58
58
|
color: colors.static_black
|
|
59
59
|
}) : /*#__PURE__*/_react.default.createElement(_icons.MicOff, {
|
|
60
60
|
color: colors.static_white
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_videoReactBindings","require","_react","_interopRequireDefault","_contexts","_icons","_CallControlsButton","obj","__esModule","default","ToggleAudioPreviewButton","onPressHandler","theme","colors","toggleAudioPreviewButton","variants","buttonSizes","useTheme","useMicrophoneState","useCallStateHooks","
|
|
1
|
+
{"version":3,"names":["_videoReactBindings","require","_react","_interopRequireDefault","_contexts","_icons","_CallControlsButton","obj","__esModule","default","ToggleAudioPreviewButton","onPressHandler","theme","colors","toggleAudioPreviewButton","variants","buttonSizes","useTheme","useMicrophoneState","useCallStateHooks","optimisticIsMute","microphone","onPress","toggle","createElement","CallControlsButton","color","static_white","static_black","size","md","style","container","shadowColor","svgContainer","Mic","MicOff","exports"],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/ToggleAudioPreviewButton.tsx"],"mappings":";;;;;;AAAA,IAAAA,mBAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,mBAAA,GAAAL,OAAA;AAA0D,SAAAE,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAE1D;AACA;AACA;;AASA;AACA;AACA;AACO,MAAMG,wBAAwB,GAAGA,CAAC;EACvCC;AAC6B,CAAC,KAAK;EACnC,MAAM;IACJC,KAAK,EAAE;MACLC,MAAM;MACNC,wBAAwB;MACxBC,QAAQ,EAAE;QAAEC;MAAY;IAC1B;EACF,CAAC,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EACd,MAAM;IAAEC;EAAmB,CAAC,GAAG,IAAAC,qCAAiB,EAAC,CAAC;EAClD,MAAM;IAAEC,gBAAgB;IAAEC;EAAW,CAAC,GAAGH,kBAAkB,CAAC,CAAC;EAE7D,MAAMI,OAAO,GAAG,MAAAA,CAAA,KAAY;IAC1B,IAAIX,cAAc,EAAE;MAClBA,cAAc,CAAC,CAAC;MAChB;IACF;IACA,MAAMU,UAAU,CAACE,MAAM,CAAC,CAAC;EAC3B,CAAC;EAED,oBACErB,MAAA,CAAAO,OAAA,CAAAe,aAAA,CAAClB,mBAAA,CAAAmB,kBAAkB;IACjBH,OAAO,EAAEA,OAAQ;IACjBI,KAAK,EAAE,CAACN,gBAAgB,GAAGP,MAAM,CAACc,YAAY,GAAGd,MAAM,CAACe,YAAa;IACrEC,IAAI,EAAEb,WAAW,CAACc,EAAG;IACrBC,KAAK,EAAE;MACLC,SAAS,EAAE;QACTC,WAAW,EAAE,CAACb,gBAAgB,GAC1BP,MAAM,CAACc,YAAY,GACnBd,MAAM,CAACe,YAAY;QACvB,GAAGd,wBAAwB,CAACkB;MAC9B,CAAC;MACDE,YAAY,EAAEpB,wBAAwB,CAACoB;IACzC;EAAE,GAED,CAACd,gBAAgB,gBAChBlB,MAAA,CAAAO,OAAA,CAAAe,aAAA,CAACnB,MAAA,CAAA8B,GAAG;IAACT,KAAK,EAAEb,MAAM,CAACe;EAAa,CAAE,CAAC,gBAEnC1B,MAAA,CAAAO,OAAA,CAAAe,aAAA,CAACnB,MAAA,CAAA+B,MAAM;IAACV,KAAK,EAAEb,MAAM,CAACc;EAAa,CAAE,CAErB,CAAC;AAEzB,CAAC;AAACU,OAAA,CAAA3B,wBAAA,GAAAA,wBAAA"}
|
|
@@ -25,7 +25,7 @@ const ToggleAudioPublishingButton = ({
|
|
|
25
25
|
useMicrophoneState
|
|
26
26
|
} = (0, _videoReactBindings.useCallStateHooks)();
|
|
27
27
|
const {
|
|
28
|
-
|
|
28
|
+
optimisticIsMute,
|
|
29
29
|
microphone
|
|
30
30
|
} = useMicrophoneState();
|
|
31
31
|
const {
|
|
@@ -45,9 +45,9 @@ const ToggleAudioPublishingButton = ({
|
|
|
45
45
|
requiredGrants: [_videoClient.OwnCapability.SEND_AUDIO]
|
|
46
46
|
}, /*#__PURE__*/_react.default.createElement(_CallControlsButton.CallControlsButton, {
|
|
47
47
|
onPress: onPress,
|
|
48
|
-
color: !
|
|
48
|
+
color: !optimisticIsMute ? colors.static_white : colors.overlay_dark,
|
|
49
49
|
style: toggleAudioPublishingButton
|
|
50
|
-
}, !
|
|
50
|
+
}, !optimisticIsMute ? /*#__PURE__*/_react.default.createElement(_icons.Mic, {
|
|
51
51
|
color: colors.static_black
|
|
52
52
|
}) : /*#__PURE__*/_react.default.createElement(_icons.MicOff, {
|
|
53
53
|
color: colors.static_white
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_videoClient","_videoReactBindings","_CallControlsButton","_icons","_ThemeContext","obj","__esModule","default","ToggleAudioPublishingButton","onPressHandler","useMicrophoneState","useCallStateHooks","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_videoClient","_videoReactBindings","_CallControlsButton","_icons","_ThemeContext","obj","__esModule","default","ToggleAudioPublishingButton","onPressHandler","useMicrophoneState","useCallStateHooks","optimisticIsMute","microphone","theme","colors","toggleAudioPublishingButton","useTheme","onPress","toggle","createElement","Restricted","requiredGrants","OwnCapability","SEND_AUDIO","CallControlsButton","color","static_white","overlay_dark","style","Mic","static_black","MicOff","exports"],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/ToggleAudioPublishingButton.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,mBAAA,GAAAF,OAAA;AACA,IAAAG,mBAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,aAAA,GAAAL,OAAA;AAA0D,SAAAD,uBAAAO,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAE1D;AACA;AACA;;AASA;AACA;AACA;AACO,MAAMG,2BAA2B,GAAGA,CAAC;EAC1CC;AACgC,CAAC,KAAK;EACtC,MAAM;IAAEC;EAAmB,CAAC,GAAG,IAAAC,qCAAiB,EAAC,CAAC;EAClD,MAAM;IAAEC,gBAAgB;IAAEC;EAAW,CAAC,GAAGH,kBAAkB,CAAC,CAAC;EAE7D,MAAM;IACJI,KAAK,EAAE;MAAEC,MAAM;MAAEC;IAA4B;EAC/C,CAAC,GAAG,IAAAC,sBAAQ,EAAC,CAAC;EACd,MAAMC,OAAO,GAAG,MAAAA,CAAA,KAAY;IAC1B,IAAIT,cAAc,EAAE;MAClBA,cAAc,CAAC,CAAC;MAChB;IACF;IAEA,MAAMI,UAAU,CAACM,MAAM,CAAC,CAAC;EAC3B,CAAC;EAED,oBACEtB,MAAA,CAAAU,OAAA,CAAAa,aAAA,CAACnB,mBAAA,CAAAoB,UAAU;IAACC,cAAc,EAAE,CAACC,0BAAa,CAACC,UAAU;EAAE,gBACrD3B,MAAA,CAAAU,OAAA,CAAAa,aAAA,CAAClB,mBAAA,CAAAuB,kBAAkB;IACjBP,OAAO,EAAEA,OAAQ;IACjBQ,KAAK,EAAE,CAACd,gBAAgB,GAAGG,MAAM,CAACY,YAAY,GAAGZ,MAAM,CAACa,YAAa;IACrEC,KAAK,EAAEb;EAA4B,GAElC,CAACJ,gBAAgB,gBAChBf,MAAA,CAAAU,OAAA,CAAAa,aAAA,CAACjB,MAAA,CAAA2B,GAAG;IAACJ,KAAK,EAAEX,MAAM,CAACgB;EAAa,CAAE,CAAC,gBAEnClC,MAAA,CAAAU,OAAA,CAAAa,aAAA,CAACjB,MAAA,CAAA6B,MAAM;IAACN,KAAK,EAAEX,MAAM,CAACY;EAAa,CAAE,CAErB,CACV,CAAC;AAEjB,CAAC;AAACM,OAAA,CAAAzB,2BAAA,GAAAA,2BAAA"}
|
|
@@ -27,7 +27,7 @@ const ToggleCameraFaceButton = ({
|
|
|
27
27
|
} = (0, _videoReactBindings.useCallStateHooks)();
|
|
28
28
|
const {
|
|
29
29
|
camera,
|
|
30
|
-
|
|
30
|
+
optimisticIsMute,
|
|
31
31
|
direction
|
|
32
32
|
} = useCameraState();
|
|
33
33
|
const callSettings = useCallSettings();
|
|
@@ -53,7 +53,7 @@ const ToggleCameraFaceButton = ({
|
|
|
53
53
|
}, /*#__PURE__*/_react.default.createElement(_CallControlsButton.CallControlsButton, {
|
|
54
54
|
onPress: onPress,
|
|
55
55
|
color: direction === 'back' ? colors.overlay_dark : colors.static_white,
|
|
56
|
-
disabled:
|
|
56
|
+
disabled: optimisticIsMute,
|
|
57
57
|
style: toggleCameraFaceButton
|
|
58
58
|
}, /*#__PURE__*/_react.default.createElement(_icons.CameraSwitch, {
|
|
59
59
|
color: direction === 'front' || direction === undefined ? colors.static_black : colors.static_white
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_videoClient","require","_videoReactBindings","_react","_interopRequireDefault","_CallControlsButton","_icons","_ThemeContext","obj","__esModule","default","ToggleCameraFaceButton","onPressHandler","useCameraState","useCallSettings","useCallStateHooks","camera","
|
|
1
|
+
{"version":3,"names":["_videoClient","require","_videoReactBindings","_react","_interopRequireDefault","_CallControlsButton","_icons","_ThemeContext","obj","__esModule","default","ToggleCameraFaceButton","onPressHandler","useCameraState","useCallSettings","useCallStateHooks","camera","optimisticIsMute","direction","callSettings","isVideoEnabledInCall","video","enabled","theme","colors","toggleCameraFaceButton","useTheme","onPress","flip","createElement","Restricted","requiredGrants","OwnCapability","SEND_VIDEO","CallControlsButton","color","overlay_dark","static_white","disabled","style","CameraSwitch","undefined","static_black","exports"],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/ToggleCameraFaceButton.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,mBAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,mBAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,aAAA,GAAAN,OAAA;AAA0D,SAAAG,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAE1D;AACA;AACA;;AASA;AACA;AACA;AACO,MAAMG,sBAAsB,GAAGA,CAAC;EACrCC;AAC2B,CAAC,KAAK;EACjC,MAAM;IAAEC,cAAc;IAAEC;EAAgB,CAAC,GAAG,IAAAC,qCAAiB,EAAC,CAAC;EAC/D,MAAM;IAAEC,MAAM;IAAEC,gBAAgB;IAAEC;EAAU,CAAC,GAAGL,cAAc,CAAC,CAAC;EAChE,MAAMM,YAAY,GAAGL,eAAe,CAAC,CAAC;EACtC,MAAMM,oBAAoB,GAAGD,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEE,KAAK,CAACC,OAAO;EAExD,MAAM;IACJC,KAAK,EAAE;MAAEC,MAAM;MAAEC;IAAuB;EAC1C,CAAC,GAAG,IAAAC,sBAAQ,EAAC,CAAC;EACd,MAAMC,OAAO,GAAG,MAAAA,CAAA,KAAY;IAC1B,IAAIf,cAAc,EAAE;MAClBA,cAAc,CAAC,CAAC;MAChB;IACF;IAEA,MAAMI,MAAM,CAACY,IAAI,CAAC,CAAC;EACrB,CAAC;EAED,IAAI,CAACR,oBAAoB,EAAE;IACzB;EACF;EAEA,oBACEjB,MAAA,CAAAO,OAAA,CAAAmB,aAAA,CAAC3B,mBAAA,CAAA4B,UAAU;IAACC,cAAc,EAAE,CAACC,0BAAa,CAACC,UAAU;EAAE,gBACrD9B,MAAA,CAAAO,OAAA,CAAAmB,aAAA,CAACxB,mBAAA,CAAA6B,kBAAkB;IACjBP,OAAO,EAAEA,OAAQ;IACjBQ,KAAK,EAAEjB,SAAS,KAAK,MAAM,GAAGM,MAAM,CAACY,YAAY,GAAGZ,MAAM,CAACa,YAAa;IACxEC,QAAQ,EAAErB,gBAAiB;IAC3BsB,KAAK,EAAEd;EAAuB,gBAE9BtB,MAAA,CAAAO,OAAA,CAAAmB,aAAA,CAACvB,MAAA,CAAAkC,YAAY;IACXL,KAAK,EACHjB,SAAS,KAAK,OAAO,IAAIA,SAAS,KAAKuB,SAAS,GAC5CjB,MAAM,CAACkB,YAAY,GACnBlB,MAAM,CAACa;EACZ,CACF,CACiB,CACV,CAAC;AAEjB,CAAC;AAACM,OAAA,CAAAhC,sBAAA,GAAAA,sBAAA"}
|
|
@@ -36,7 +36,7 @@ const ToggleVideoPreviewButton = ({
|
|
|
36
36
|
const callSettings = useCallSettings();
|
|
37
37
|
const isVideoEnabledInCall = callSettings === null || callSettings === void 0 ? void 0 : callSettings.video.enabled;
|
|
38
38
|
const {
|
|
39
|
-
|
|
39
|
+
optimisticIsMute,
|
|
40
40
|
camera
|
|
41
41
|
} = useCameraState();
|
|
42
42
|
const onPress = async () => {
|
|
@@ -51,16 +51,16 @@ const ToggleVideoPreviewButton = ({
|
|
|
51
51
|
}
|
|
52
52
|
return /*#__PURE__*/_react.default.createElement(_CallControlsButton.CallControlsButton, {
|
|
53
53
|
onPress: onPress,
|
|
54
|
-
color: !
|
|
54
|
+
color: !optimisticIsMute ? colors.static_white : colors.static_black,
|
|
55
55
|
size: buttonSizes.md,
|
|
56
56
|
style: {
|
|
57
57
|
container: {
|
|
58
|
-
shadowColor: !
|
|
58
|
+
shadowColor: !optimisticIsMute ? colors.static_white : colors.static_black,
|
|
59
59
|
...toggleVideoPreviewButton.container
|
|
60
60
|
},
|
|
61
61
|
svgContainer: toggleVideoPreviewButton.svgContainer
|
|
62
62
|
}
|
|
63
|
-
}, !
|
|
63
|
+
}, !optimisticIsMute ? /*#__PURE__*/_react.default.createElement(_icons.Video, {
|
|
64
64
|
color: colors.static_black
|
|
65
65
|
}) : /*#__PURE__*/_react.default.createElement(_icons.VideoSlash, {
|
|
66
66
|
color: colors.static_white
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_videoReactBindings","_contexts","_CallControlsButton","_icons","obj","__esModule","default","ToggleVideoPreviewButton","onPressHandler","theme","colors","toggleVideoPreviewButton","variants","buttonSizes","useTheme","useCameraState","useCallSettings","useCallStateHooks","callSettings","isVideoEnabledInCall","video","enabled","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_videoReactBindings","_contexts","_CallControlsButton","_icons","obj","__esModule","default","ToggleVideoPreviewButton","onPressHandler","theme","colors","toggleVideoPreviewButton","variants","buttonSizes","useTheme","useCameraState","useCallSettings","useCallStateHooks","callSettings","isVideoEnabledInCall","video","enabled","optimisticIsMute","camera","onPress","toggle","createElement","CallControlsButton","color","static_white","static_black","size","md","style","container","shadowColor","svgContainer","Video","VideoSlash","exports"],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/ToggleVideoPreviewButton.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,mBAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,mBAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAAmD,SAAAD,uBAAAM,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEnD;AACA;AACA;;AASA;AACA;AACA;AACO,MAAMG,wBAAwB,GAAGA,CAAC;EACvCC;AAC6B,CAAC,KAAK;EACnC,MAAM;IACJC,KAAK,EAAE;MACLC,MAAM;MACNC,wBAAwB;MACxBC,QAAQ,EAAE;QAAEC;MAAY;IAC1B;EACF,CAAC,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EACd,MAAM;IAAEC,cAAc;IAAEC;EAAgB,CAAC,GAAG,IAAAC,qCAAiB,EAAC,CAAC;EAC/D,MAAMC,YAAY,GAAGF,eAAe,CAAC,CAAC;EACtC,MAAMG,oBAAoB,GAAGD,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEE,KAAK,CAACC,OAAO;EACxD,MAAM;IAAEC,gBAAgB;IAAEC;EAAO,CAAC,GAAGR,cAAc,CAAC,CAAC;EACrD,MAAMS,OAAO,GAAG,MAAAA,CAAA,KAAY;IAC1B,IAAIhB,cAAc,EAAE;MAClBA,cAAc,CAAC,CAAC;MAChB;IACF;IACA,MAAMe,MAAM,CAACE,MAAM,CAAC,CAAC;EACvB,CAAC;EAED,IAAI,CAACN,oBAAoB,EAAE;IACzB;EACF;EAEA,oBACEtB,MAAA,CAAAS,OAAA,CAAAoB,aAAA,CAACxB,mBAAA,CAAAyB,kBAAkB;IACjBH,OAAO,EAAEA,OAAQ;IACjBI,KAAK,EAAE,CAACN,gBAAgB,GAAGZ,MAAM,CAACmB,YAAY,GAAGnB,MAAM,CAACoB,YAAa;IACrEC,IAAI,EAAElB,WAAW,CAACmB,EAAG;IACrBC,KAAK,EAAE;MACLC,SAAS,EAAE;QACTC,WAAW,EAAE,CAACb,gBAAgB,GAC1BZ,MAAM,CAACmB,YAAY,GACnBnB,MAAM,CAACoB,YAAY;QACvB,GAAGnB,wBAAwB,CAACuB;MAC9B,CAAC;MACDE,YAAY,EAAEzB,wBAAwB,CAACyB;IACzC;EAAE,GAED,CAACd,gBAAgB,gBAChBzB,MAAA,CAAAS,OAAA,CAAAoB,aAAA,CAACvB,MAAA,CAAAkC,KAAK;IAACT,KAAK,EAAElB,MAAM,CAACoB;EAAa,CAAE,CAAC,gBAErCjC,MAAA,CAAAS,OAAA,CAAAoB,aAAA,CAACvB,MAAA,CAAAmC,UAAU;IAACV,KAAK,EAAElB,MAAM,CAACmB;EAAa,CAAE,CAEzB,CAAC;AAEzB,CAAC;AAACU,OAAA,CAAAhC,wBAAA,GAAAA,wBAAA"}
|
|
@@ -27,7 +27,7 @@ const ToggleVideoPublishingButton = ({
|
|
|
27
27
|
} = (0, _videoReactBindings.useCallStateHooks)();
|
|
28
28
|
const {
|
|
29
29
|
camera,
|
|
30
|
-
|
|
30
|
+
optimisticIsMute
|
|
31
31
|
} = useCameraState();
|
|
32
32
|
const callSettings = useCallSettings();
|
|
33
33
|
const isVideoEnabledInCall = callSettings === null || callSettings === void 0 ? void 0 : callSettings.video.enabled;
|
|
@@ -50,8 +50,8 @@ const ToggleVideoPublishingButton = ({
|
|
|
50
50
|
requiredGrants: [_videoClient.OwnCapability.SEND_VIDEO]
|
|
51
51
|
}, /*#__PURE__*/_react.default.createElement(_CallControlsButton.CallControlsButton, {
|
|
52
52
|
onPress: onPress,
|
|
53
|
-
color: !
|
|
54
|
-
}, !
|
|
53
|
+
color: !optimisticIsMute ? colors.static_white : colors.overlay_dark
|
|
54
|
+
}, !optimisticIsMute ? /*#__PURE__*/_react.default.createElement(_icons.Video, {
|
|
55
55
|
color: colors.static_black
|
|
56
56
|
}) : /*#__PURE__*/_react.default.createElement(_icons.VideoSlash, {
|
|
57
57
|
color: colors.static_white
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_videoClient","_videoReactBindings","_CallControlsButton","_icons","_ThemeContext","obj","__esModule","default","ToggleVideoPublishingButton","onPressHandler","useCameraState","useCallSettings","useCallStateHooks","camera","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_videoClient","_videoReactBindings","_CallControlsButton","_icons","_ThemeContext","obj","__esModule","default","ToggleVideoPublishingButton","onPressHandler","useCameraState","useCallSettings","useCallStateHooks","camera","optimisticIsMute","callSettings","isVideoEnabledInCall","video","enabled","theme","colors","useTheme","onPress","toggle","createElement","Restricted","requiredGrants","OwnCapability","SEND_VIDEO","CallControlsButton","color","static_white","overlay_dark","Video","static_black","VideoSlash","exports"],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/ToggleVideoPublishingButton.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,mBAAA,GAAAF,OAAA;AACA,IAAAG,mBAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,aAAA,GAAAL,OAAA;AAA0D,SAAAD,uBAAAO,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAE1D;AACA;AACA;;AASA;AACA;AACA;AACO,MAAMG,2BAA2B,GAAGA,CAAC;EAC1CC;AACgC,CAAC,KAAK;EACtC,MAAM;IAAEC,cAAc;IAAEC;EAAgB,CAAC,GAAG,IAAAC,qCAAiB,EAAC,CAAC;EAC/D,MAAM;IAAEC,MAAM;IAAEC;EAAiB,CAAC,GAAGJ,cAAc,CAAC,CAAC;EACrD,MAAMK,YAAY,GAAGJ,eAAe,CAAC,CAAC;EACtC,MAAMK,oBAAoB,GAAGD,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEE,KAAK,CAACC,OAAO;EACxD,MAAM;IACJC,KAAK,EAAE;MAAEC;IAAO;EAClB,CAAC,GAAG,IAAAC,sBAAQ,EAAC,CAAC;EACd,MAAMC,OAAO,GAAG,MAAAA,CAAA,KAAY;IAC1B,IAAIb,cAAc,EAAE;MAClBA,cAAc,CAAC,CAAC;MAChB;IACF;IACA,MAAMI,MAAM,CAACU,MAAM,CAAC,CAAC;EACvB,CAAC;EAED,IAAI,CAACP,oBAAoB,EAAE;IACzB;EACF;EAEA,oBACEnB,MAAA,CAAAU,OAAA,CAAAiB,aAAA,CAACvB,mBAAA,CAAAwB,UAAU;IAACC,cAAc,EAAE,CAACC,0BAAa,CAACC,UAAU;EAAE,gBACrD/B,MAAA,CAAAU,OAAA,CAAAiB,aAAA,CAACtB,mBAAA,CAAA2B,kBAAkB;IACjBP,OAAO,EAAEA,OAAQ;IACjBQ,KAAK,EAAE,CAAChB,gBAAgB,GAAGM,MAAM,CAACW,YAAY,GAAGX,MAAM,CAACY;EAAa,GAEpE,CAAClB,gBAAgB,gBAChBjB,MAAA,CAAAU,OAAA,CAAAiB,aAAA,CAACrB,MAAA,CAAA8B,KAAK;IAACH,KAAK,EAAEV,MAAM,CAACc;EAAa,CAAE,CAAC,gBAErCrC,MAAA,CAAAU,OAAA,CAAAiB,aAAA,CAACrB,MAAA,CAAAgC,UAAU;IAACL,KAAK,EAAEV,MAAM,CAACW;EAAa,CAAE,CAEzB,CACV,CAAC;AAEjB,CAAC;AAACK,OAAA,CAAA5B,2BAAA,GAAAA,2BAAA"}
|
package/dist/commonjs/components/Livestream/LivestreamControls/LivestreamAudioControlButton.js
CHANGED
|
@@ -18,7 +18,7 @@ const LivestreamAudioControlButton = () => {
|
|
|
18
18
|
useMicrophoneState
|
|
19
19
|
} = (0, _videoReactBindings.useCallStateHooks)();
|
|
20
20
|
const {
|
|
21
|
-
|
|
21
|
+
optimisticIsMute,
|
|
22
22
|
microphone
|
|
23
23
|
} = useMicrophoneState();
|
|
24
24
|
const {
|
|
@@ -46,7 +46,7 @@ const LivestreamAudioControlButton = () => {
|
|
|
46
46
|
height: iconSizes.sm,
|
|
47
47
|
width: iconSizes.sm
|
|
48
48
|
}, livestreamAudioControlButton.icon]
|
|
49
|
-
}, !
|
|
49
|
+
}, !optimisticIsMute ? /*#__PURE__*/_react.default.createElement(_icons.Mic, {
|
|
50
50
|
color: colors.static_white
|
|
51
51
|
}) : /*#__PURE__*/_react.default.createElement(_icons.MicOff, {
|
|
52
52
|
color: colors.static_white
|
package/dist/commonjs/components/Livestream/LivestreamControls/LivestreamAudioControlButton.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_videoReactBindings","require","_react","_interopRequireDefault","_contexts","_reactNative","_icons","obj","__esModule","default","LivestreamAudioControlButton","useMicrophoneState","useCallStateHooks","
|
|
1
|
+
{"version":3,"names":["_videoReactBindings","require","_react","_interopRequireDefault","_contexts","_reactNative","_icons","obj","__esModule","default","LivestreamAudioControlButton","useMicrophoneState","useCallStateHooks","optimisticIsMute","microphone","theme","colors","variants","iconSizes","buttonSizes","livestreamAudioControlButton","useTheme","onPress","toggle","createElement","Pressable","style","styles","container","backgroundColor","dark_gray","height","xs","width","View","icon","sm","Mic","color","static_white","MicOff","exports","StyleSheet","create","justifyContent","alignItems","marginHorizontal","borderRadius"],"sourceRoot":"../../../../../src","sources":["components/Livestream/LivestreamControls/LivestreamAudioControlButton.tsx"],"mappings":";;;;;;AAAA,IAAAA,mBAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AAA6C,SAAAE,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAE7C;AACA;AACA;AACO,MAAMG,4BAA4B,GAAGA,CAAA,KAAM;EAChD,MAAM;IAAEC;EAAmB,CAAC,GAAG,IAAAC,qCAAiB,EAAC,CAAC;EAClD,MAAM;IAAEC,gBAAgB;IAAEC;EAAW,CAAC,GAAGH,kBAAkB,CAAC,CAAC;EAC7D,MAAM;IACJI,KAAK,EAAE;MACLC,MAAM;MACNC,QAAQ,EAAE;QAAEC,SAAS;QAAEC;MAAY,CAAC;MACpCC;IACF;EACF,CAAC,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EAEd,MAAMC,OAAO,GAAG,MAAAA,CAAA,KAAY;IAC1B,MAAMR,UAAU,CAACS,MAAM,CAAC,CAAC;EAC3B,CAAC;EAED,oBACErB,MAAA,CAAAO,OAAA,CAAAe,aAAA,CAACnB,YAAA,CAAAoB,SAAS;IACRH,OAAO,EAAEA,OAAQ;IACjBI,KAAK,EAAE,CACLC,MAAM,CAACC,SAAS,EAChB;MACEC,eAAe,EAAEb,MAAM,CAACc,SAAS;MACjCC,MAAM,EAAEZ,WAAW,CAACa,EAAE;MACtBC,KAAK,EAAEd,WAAW,CAACa;IACrB,CAAC,EACDZ,4BAA4B,CAACQ,SAAS;EACtC,gBAEF1B,MAAA,CAAAO,OAAA,CAAAe,aAAA,CAACnB,YAAA,CAAA6B,IAAI;IACHR,KAAK,EAAE,CACLC,MAAM,CAACQ,IAAI,EACX;MACEJ,MAAM,EAAEb,SAAS,CAACkB,EAAE;MACpBH,KAAK,EAAEf,SAAS,CAACkB;IACnB,CAAC,EACDhB,4BAA4B,CAACe,IAAI;EACjC,GAED,CAACtB,gBAAgB,gBAChBX,MAAA,CAAAO,OAAA,CAAAe,aAAA,CAAClB,MAAA,CAAA+B,GAAG;IAACC,KAAK,EAAEtB,MAAM,CAACuB;EAAa,CAAE,CAAC,gBAEnCrC,MAAA,CAAAO,OAAA,CAAAe,aAAA,CAAClB,MAAA,CAAAkC,MAAM;IAACF,KAAK,EAAEtB,MAAM,CAACuB;EAAa,CAAE,CAEnC,CACG,CAAC;AAEhB,CAAC;AAACE,OAAA,CAAA/B,4BAAA,GAAAA,4BAAA;AAEF,MAAMiB,MAAM,GAAGe,uBAAU,CAACC,MAAM,CAAC;EAC/Bf,SAAS,EAAE;IACTgB,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBC,gBAAgB,EAAE,CAAC;IACnBC,YAAY,EAAE;EAChB,CAAC;EACDZ,IAAI,EAAE,CAAC;AACT,CAAC,CAAC"}
|
package/dist/commonjs/components/Livestream/LivestreamControls/LivestreamVideoControlButton.js
CHANGED
|
@@ -19,7 +19,7 @@ const LivestreamVideoControlButton = () => {
|
|
|
19
19
|
useCallSettings
|
|
20
20
|
} = (0, _videoReactBindings.useCallStateHooks)();
|
|
21
21
|
const {
|
|
22
|
-
|
|
22
|
+
optimisticIsMute,
|
|
23
23
|
camera
|
|
24
24
|
} = useCameraState();
|
|
25
25
|
const callSettings = useCallSettings();
|
|
@@ -47,19 +47,14 @@ const LivestreamVideoControlButton = () => {
|
|
|
47
47
|
height: buttonSizes.xs,
|
|
48
48
|
width: buttonSizes.xs
|
|
49
49
|
}, livestreamVideoControlButton.container]
|
|
50
|
-
},
|
|
50
|
+
}, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
51
51
|
style: [styles.icon, {
|
|
52
52
|
height: iconSizes.sm,
|
|
53
53
|
width: iconSizes.sm
|
|
54
54
|
}, livestreamVideoControlButton.icon]
|
|
55
|
-
}, /*#__PURE__*/_react.default.createElement(_icons.Video, {
|
|
55
|
+
}, !optimisticIsMute ? /*#__PURE__*/_react.default.createElement(_icons.Video, {
|
|
56
56
|
color: colors.static_white
|
|
57
|
-
})
|
|
58
|
-
style: [styles.icon, {
|
|
59
|
-
height: iconSizes.sm,
|
|
60
|
-
width: iconSizes.sm
|
|
61
|
-
}, livestreamVideoControlButton.icon]
|
|
62
|
-
}, /*#__PURE__*/_react.default.createElement(_icons.VideoSlash, {
|
|
57
|
+
}) : /*#__PURE__*/_react.default.createElement(_icons.VideoSlash, {
|
|
63
58
|
color: colors.static_white
|
|
64
59
|
})));
|
|
65
60
|
};
|
package/dist/commonjs/components/Livestream/LivestreamControls/LivestreamVideoControlButton.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_videoReactBindings","require","_react","_interopRequireDefault","_contexts","_reactNative","_icons","obj","__esModule","default","LivestreamVideoControlButton","useCameraState","useCallSettings","useCallStateHooks","
|
|
1
|
+
{"version":3,"names":["_videoReactBindings","require","_react","_interopRequireDefault","_contexts","_reactNative","_icons","obj","__esModule","default","LivestreamVideoControlButton","useCameraState","useCallSettings","useCallStateHooks","optimisticIsMute","camera","callSettings","isVideoEnabledInCall","video","enabled","theme","colors","variants","iconSizes","buttonSizes","livestreamVideoControlButton","useTheme","onPress","toggle","createElement","Pressable","style","styles","container","backgroundColor","dark_gray","height","xs","width","View","icon","sm","Video","color","static_white","VideoSlash","exports","StyleSheet","create","justifyContent","alignItems","marginHorizontal","borderRadius"],"sourceRoot":"../../../../../src","sources":["components/Livestream/LivestreamControls/LivestreamVideoControlButton.tsx"],"mappings":";;;;;;AAAA,IAAAA,mBAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AAAmD,SAAAE,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEnD;AACA;AACA;AACO,MAAMG,4BAA4B,GAAGA,CAAA,KAAM;EAChD,MAAM;IAAEC,cAAc;IAAEC;EAAgB,CAAC,GAAG,IAAAC,qCAAiB,EAAC,CAAC;EAC/D,MAAM;IAAEC,gBAAgB;IAAEC;EAAO,CAAC,GAAGJ,cAAc,CAAC,CAAC;EACrD,MAAMK,YAAY,GAAGJ,eAAe,CAAC,CAAC;EACtC,MAAMK,oBAAoB,GAAGD,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEE,KAAK,CAACC,OAAO;EACxD,MAAM;IACJC,KAAK,EAAE;MACLC,MAAM;MACNC,QAAQ,EAAE;QAAEC,SAAS;QAAEC;MAAY,CAAC;MACpCC;IACF;EACF,CAAC,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EAEd,MAAMC,OAAO,GAAG,MAAAA,CAAA,KAAY;IAC1B,MAAMZ,MAAM,CAACa,MAAM,CAAC,CAAC;EACvB,CAAC;EAED,IAAI,CAACX,oBAAoB,EAAE;IACzB;EACF;EAEA,oBACEf,MAAA,CAAAO,OAAA,CAAAoB,aAAA,CAACxB,YAAA,CAAAyB,SAAS;IACRH,OAAO,EAAEA,OAAQ;IACjBI,KAAK,EAAE,CACLC,MAAM,CAACC,SAAS,EAChB;MACEC,eAAe,EAAEb,MAAM,CAACc,SAAS;MACjCC,MAAM,EAAEZ,WAAW,CAACa,EAAE;MACtBC,KAAK,EAAEd,WAAW,CAACa;IACrB,CAAC,EACDZ,4BAA4B,CAACQ,SAAS;EACtC,gBAEF/B,MAAA,CAAAO,OAAA,CAAAoB,aAAA,CAACxB,YAAA,CAAAkC,IAAI;IACHR,KAAK,EAAE,CACLC,MAAM,CAACQ,IAAI,EACX;MACEJ,MAAM,EAAEb,SAAS,CAACkB,EAAE;MACpBH,KAAK,EAAEf,SAAS,CAACkB;IACnB,CAAC,EACDhB,4BAA4B,CAACe,IAAI;EACjC,GAED,CAAC1B,gBAAgB,gBAChBZ,MAAA,CAAAO,OAAA,CAAAoB,aAAA,CAACvB,MAAA,CAAAoC,KAAK;IAACC,KAAK,EAAEtB,MAAM,CAACuB;EAAa,CAAE,CAAC,gBAErC1C,MAAA,CAAAO,OAAA,CAAAoB,aAAA,CAACvB,MAAA,CAAAuC,UAAU;IAACF,KAAK,EAAEtB,MAAM,CAACuB;EAAa,CAAE,CAEvC,CACG,CAAC;AAEhB,CAAC;AAACE,OAAA,CAAApC,4BAAA,GAAAA,4BAAA;AAEF,MAAMsB,MAAM,GAAGe,uBAAU,CAACC,MAAM,CAAC;EAC/Bf,SAAS,EAAE;IACTgB,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBC,gBAAgB,EAAE,CAAC;IACnBC,YAAY,EAAE;EAChB,CAAC;EACDZ,IAAI,EAAE,CAAC;AACT,CAAC,CAAC"}
|
package/dist/commonjs/version.js
CHANGED
|
@@ -27,7 +27,7 @@ export const ToggleAudioPreviewButton = ({
|
|
|
27
27
|
useMicrophoneState
|
|
28
28
|
} = useCallStateHooks();
|
|
29
29
|
const {
|
|
30
|
-
|
|
30
|
+
optimisticIsMute,
|
|
31
31
|
microphone
|
|
32
32
|
} = useMicrophoneState();
|
|
33
33
|
const onPress = async () => {
|
|
@@ -39,16 +39,16 @@ export const ToggleAudioPreviewButton = ({
|
|
|
39
39
|
};
|
|
40
40
|
return /*#__PURE__*/React.createElement(CallControlsButton, {
|
|
41
41
|
onPress: onPress,
|
|
42
|
-
color: !
|
|
42
|
+
color: !optimisticIsMute ? colors.static_white : colors.static_black,
|
|
43
43
|
size: buttonSizes.md,
|
|
44
44
|
style: {
|
|
45
45
|
container: {
|
|
46
|
-
shadowColor: !
|
|
46
|
+
shadowColor: !optimisticIsMute ? colors.static_white : colors.static_black,
|
|
47
47
|
...toggleAudioPreviewButton.container
|
|
48
48
|
},
|
|
49
49
|
svgContainer: toggleAudioPreviewButton.svgContainer
|
|
50
50
|
}
|
|
51
|
-
}, !
|
|
51
|
+
}, !optimisticIsMute ? /*#__PURE__*/React.createElement(Mic, {
|
|
52
52
|
color: colors.static_black
|
|
53
53
|
}) : /*#__PURE__*/React.createElement(MicOff, {
|
|
54
54
|
color: colors.static_white
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useCallStateHooks","React","useTheme","Mic","MicOff","CallControlsButton","ToggleAudioPreviewButton","onPressHandler","theme","colors","toggleAudioPreviewButton","variants","buttonSizes","useMicrophoneState","
|
|
1
|
+
{"version":3,"names":["useCallStateHooks","React","useTheme","Mic","MicOff","CallControlsButton","ToggleAudioPreviewButton","onPressHandler","theme","colors","toggleAudioPreviewButton","variants","buttonSizes","useMicrophoneState","optimisticIsMute","microphone","onPress","toggle","createElement","color","static_white","static_black","size","md","style","container","shadowColor","svgContainer"],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/ToggleAudioPreviewButton.tsx"],"mappings":"AAAA,SAASA,iBAAiB,QAAQ,iCAAiC;AACnE,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,QAAQ,mBAAmB;AAC5C,SAASC,GAAG,EAAEC,MAAM,QAAQ,gBAAgB;AAC5C,SAASC,kBAAkB,QAAQ,sBAAsB;;AAEzD;AACA;AACA;;AASA;AACA;AACA;AACA,OAAO,MAAMC,wBAAwB,GAAGA,CAAC;EACvCC;AAC6B,CAAC,KAAK;EACnC,MAAM;IACJC,KAAK,EAAE;MACLC,MAAM;MACNC,wBAAwB;MACxBC,QAAQ,EAAE;QAAEC;MAAY;IAC1B;EACF,CAAC,GAAGV,QAAQ,CAAC,CAAC;EACd,MAAM;IAAEW;EAAmB,CAAC,GAAGb,iBAAiB,CAAC,CAAC;EAClD,MAAM;IAAEc,gBAAgB;IAAEC;EAAW,CAAC,GAAGF,kBAAkB,CAAC,CAAC;EAE7D,MAAMG,OAAO,GAAG,MAAAA,CAAA,KAAY;IAC1B,IAAIT,cAAc,EAAE;MAClBA,cAAc,CAAC,CAAC;MAChB;IACF;IACA,MAAMQ,UAAU,CAACE,MAAM,CAAC,CAAC;EAC3B,CAAC;EAED,oBACEhB,KAAA,CAAAiB,aAAA,CAACb,kBAAkB;IACjBW,OAAO,EAAEA,OAAQ;IACjBG,KAAK,EAAE,CAACL,gBAAgB,GAAGL,MAAM,CAACW,YAAY,GAAGX,MAAM,CAACY,YAAa;IACrEC,IAAI,EAAEV,WAAW,CAACW,EAAG;IACrBC,KAAK,EAAE;MACLC,SAAS,EAAE;QACTC,WAAW,EAAE,CAACZ,gBAAgB,GAC1BL,MAAM,CAACW,YAAY,GACnBX,MAAM,CAACY,YAAY;QACvB,GAAGX,wBAAwB,CAACe;MAC9B,CAAC;MACDE,YAAY,EAAEjB,wBAAwB,CAACiB;IACzC;EAAE,GAED,CAACb,gBAAgB,gBAChBb,KAAA,CAAAiB,aAAA,CAACf,GAAG;IAACgB,KAAK,EAAEV,MAAM,CAACY;EAAa,CAAE,CAAC,gBAEnCpB,KAAA,CAAAiB,aAAA,CAACd,MAAM;IAACe,KAAK,EAAEV,MAAM,CAACW;EAAa,CAAE,CAErB,CAAC;AAEzB,CAAC"}
|
|
@@ -19,7 +19,7 @@ export const ToggleAudioPublishingButton = ({
|
|
|
19
19
|
useMicrophoneState
|
|
20
20
|
} = useCallStateHooks();
|
|
21
21
|
const {
|
|
22
|
-
|
|
22
|
+
optimisticIsMute,
|
|
23
23
|
microphone
|
|
24
24
|
} = useMicrophoneState();
|
|
25
25
|
const {
|
|
@@ -39,9 +39,9 @@ export const ToggleAudioPublishingButton = ({
|
|
|
39
39
|
requiredGrants: [OwnCapability.SEND_AUDIO]
|
|
40
40
|
}, /*#__PURE__*/React.createElement(CallControlsButton, {
|
|
41
41
|
onPress: onPress,
|
|
42
|
-
color: !
|
|
42
|
+
color: !optimisticIsMute ? colors.static_white : colors.overlay_dark,
|
|
43
43
|
style: toggleAudioPublishingButton
|
|
44
|
-
}, !
|
|
44
|
+
}, !optimisticIsMute ? /*#__PURE__*/React.createElement(Mic, {
|
|
45
45
|
color: colors.static_black
|
|
46
46
|
}) : /*#__PURE__*/React.createElement(MicOff, {
|
|
47
47
|
color: colors.static_white
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","OwnCapability","Restricted","useCallStateHooks","CallControlsButton","Mic","MicOff","useTheme","ToggleAudioPublishingButton","onPressHandler","useMicrophoneState","
|
|
1
|
+
{"version":3,"names":["React","OwnCapability","Restricted","useCallStateHooks","CallControlsButton","Mic","MicOff","useTheme","ToggleAudioPublishingButton","onPressHandler","useMicrophoneState","optimisticIsMute","microphone","theme","colors","toggleAudioPublishingButton","onPress","toggle","createElement","requiredGrants","SEND_AUDIO","color","static_white","overlay_dark","style","static_black"],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/ToggleAudioPublishingButton.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,aAAa,QAAQ,yBAAyB;AACvD,SAASC,UAAU,EAAEC,iBAAiB,QAAQ,iCAAiC;AAC/E,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,GAAG,EAAEC,MAAM,QAAQ,gBAAgB;AAC5C,SAASC,QAAQ,QAAQ,gCAAgC;;AAEzD;AACA;AACA;;AASA;AACA;AACA;AACA,OAAO,MAAMC,2BAA2B,GAAGA,CAAC;EAC1CC;AACgC,CAAC,KAAK;EACtC,MAAM;IAAEC;EAAmB,CAAC,GAAGP,iBAAiB,CAAC,CAAC;EAClD,MAAM;IAAEQ,gBAAgB;IAAEC;EAAW,CAAC,GAAGF,kBAAkB,CAAC,CAAC;EAE7D,MAAM;IACJG,KAAK,EAAE;MAAEC,MAAM;MAAEC;IAA4B;EAC/C,CAAC,GAAGR,QAAQ,CAAC,CAAC;EACd,MAAMS,OAAO,GAAG,MAAAA,CAAA,KAAY;IAC1B,IAAIP,cAAc,EAAE;MAClBA,cAAc,CAAC,CAAC;MAChB;IACF;IAEA,MAAMG,UAAU,CAACK,MAAM,CAAC,CAAC;EAC3B,CAAC;EAED,oBACEjB,KAAA,CAAAkB,aAAA,CAAChB,UAAU;IAACiB,cAAc,EAAE,CAAClB,aAAa,CAACmB,UAAU;EAAE,gBACrDpB,KAAA,CAAAkB,aAAA,CAACd,kBAAkB;IACjBY,OAAO,EAAEA,OAAQ;IACjBK,KAAK,EAAE,CAACV,gBAAgB,GAAGG,MAAM,CAACQ,YAAY,GAAGR,MAAM,CAACS,YAAa;IACrEC,KAAK,EAAET;EAA4B,GAElC,CAACJ,gBAAgB,gBAChBX,KAAA,CAAAkB,aAAA,CAACb,GAAG;IAACgB,KAAK,EAAEP,MAAM,CAACW;EAAa,CAAE,CAAC,gBAEnCzB,KAAA,CAAAkB,aAAA,CAACZ,MAAM;IAACe,KAAK,EAAEP,MAAM,CAACQ;EAAa,CAAE,CAErB,CACV,CAAC;AAEjB,CAAC"}
|
|
@@ -21,7 +21,7 @@ export const ToggleCameraFaceButton = ({
|
|
|
21
21
|
} = useCallStateHooks();
|
|
22
22
|
const {
|
|
23
23
|
camera,
|
|
24
|
-
|
|
24
|
+
optimisticIsMute,
|
|
25
25
|
direction
|
|
26
26
|
} = useCameraState();
|
|
27
27
|
const callSettings = useCallSettings();
|
|
@@ -47,7 +47,7 @@ export const ToggleCameraFaceButton = ({
|
|
|
47
47
|
}, /*#__PURE__*/React.createElement(CallControlsButton, {
|
|
48
48
|
onPress: onPress,
|
|
49
49
|
color: direction === 'back' ? colors.overlay_dark : colors.static_white,
|
|
50
|
-
disabled:
|
|
50
|
+
disabled: optimisticIsMute,
|
|
51
51
|
style: toggleCameraFaceButton
|
|
52
52
|
}, /*#__PURE__*/React.createElement(CameraSwitch, {
|
|
53
53
|
color: direction === 'front' || direction === undefined ? colors.static_black : colors.static_white
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["OwnCapability","Restricted","useCallStateHooks","React","CallControlsButton","CameraSwitch","useTheme","ToggleCameraFaceButton","onPressHandler","useCameraState","useCallSettings","camera","
|
|
1
|
+
{"version":3,"names":["OwnCapability","Restricted","useCallStateHooks","React","CallControlsButton","CameraSwitch","useTheme","ToggleCameraFaceButton","onPressHandler","useCameraState","useCallSettings","camera","optimisticIsMute","direction","callSettings","isVideoEnabledInCall","video","enabled","theme","colors","toggleCameraFaceButton","onPress","flip","createElement","requiredGrants","SEND_VIDEO","color","overlay_dark","static_white","disabled","style","undefined","static_black"],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/ToggleCameraFaceButton.tsx"],"mappings":"AAAA,SAASA,aAAa,QAAQ,yBAAyB;AACvD,SAASC,UAAU,EAAEC,iBAAiB,QAAQ,iCAAiC;AAC/E,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,QAAQ,QAAQ,gCAAgC;;AAEzD;AACA;AACA;;AASA;AACA;AACA;AACA,OAAO,MAAMC,sBAAsB,GAAGA,CAAC;EACrCC;AAC2B,CAAC,KAAK;EACjC,MAAM;IAAEC,cAAc;IAAEC;EAAgB,CAAC,GAAGR,iBAAiB,CAAC,CAAC;EAC/D,MAAM;IAAES,MAAM;IAAEC,gBAAgB;IAAEC;EAAU,CAAC,GAAGJ,cAAc,CAAC,CAAC;EAChE,MAAMK,YAAY,GAAGJ,eAAe,CAAC,CAAC;EACtC,MAAMK,oBAAoB,GAAGD,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEE,KAAK,CAACC,OAAO;EAExD,MAAM;IACJC,KAAK,EAAE;MAAEC,MAAM;MAAEC;IAAuB;EAC1C,CAAC,GAAGd,QAAQ,CAAC,CAAC;EACd,MAAMe,OAAO,GAAG,MAAAA,CAAA,KAAY;IAC1B,IAAIb,cAAc,EAAE;MAClBA,cAAc,CAAC,CAAC;MAChB;IACF;IAEA,MAAMG,MAAM,CAACW,IAAI,CAAC,CAAC;EACrB,CAAC;EAED,IAAI,CAACP,oBAAoB,EAAE;IACzB;EACF;EAEA,oBACEZ,KAAA,CAAAoB,aAAA,CAACtB,UAAU;IAACuB,cAAc,EAAE,CAACxB,aAAa,CAACyB,UAAU;EAAE,gBACrDtB,KAAA,CAAAoB,aAAA,CAACnB,kBAAkB;IACjBiB,OAAO,EAAEA,OAAQ;IACjBK,KAAK,EAAEb,SAAS,KAAK,MAAM,GAAGM,MAAM,CAACQ,YAAY,GAAGR,MAAM,CAACS,YAAa;IACxEC,QAAQ,EAAEjB,gBAAiB;IAC3BkB,KAAK,EAAEV;EAAuB,gBAE9BjB,KAAA,CAAAoB,aAAA,CAAClB,YAAY;IACXqB,KAAK,EACHb,SAAS,KAAK,OAAO,IAAIA,SAAS,KAAKkB,SAAS,GAC5CZ,MAAM,CAACa,YAAY,GACnBb,MAAM,CAACS;EACZ,CACF,CACiB,CACV,CAAC;AAEjB,CAAC"}
|
|
@@ -30,7 +30,7 @@ export const ToggleVideoPreviewButton = ({
|
|
|
30
30
|
const callSettings = useCallSettings();
|
|
31
31
|
const isVideoEnabledInCall = callSettings === null || callSettings === void 0 ? void 0 : callSettings.video.enabled;
|
|
32
32
|
const {
|
|
33
|
-
|
|
33
|
+
optimisticIsMute,
|
|
34
34
|
camera
|
|
35
35
|
} = useCameraState();
|
|
36
36
|
const onPress = async () => {
|
|
@@ -45,16 +45,16 @@ export const ToggleVideoPreviewButton = ({
|
|
|
45
45
|
}
|
|
46
46
|
return /*#__PURE__*/React.createElement(CallControlsButton, {
|
|
47
47
|
onPress: onPress,
|
|
48
|
-
color: !
|
|
48
|
+
color: !optimisticIsMute ? colors.static_white : colors.static_black,
|
|
49
49
|
size: buttonSizes.md,
|
|
50
50
|
style: {
|
|
51
51
|
container: {
|
|
52
|
-
shadowColor: !
|
|
52
|
+
shadowColor: !optimisticIsMute ? colors.static_white : colors.static_black,
|
|
53
53
|
...toggleVideoPreviewButton.container
|
|
54
54
|
},
|
|
55
55
|
svgContainer: toggleVideoPreviewButton.svgContainer
|
|
56
56
|
}
|
|
57
|
-
}, !
|
|
57
|
+
}, !optimisticIsMute ? /*#__PURE__*/React.createElement(Video, {
|
|
58
58
|
color: colors.static_black
|
|
59
59
|
}) : /*#__PURE__*/React.createElement(VideoSlash, {
|
|
60
60
|
color: colors.static_white
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useCallStateHooks","useTheme","CallControlsButton","Video","VideoSlash","ToggleVideoPreviewButton","onPressHandler","theme","colors","toggleVideoPreviewButton","variants","buttonSizes","useCameraState","useCallSettings","callSettings","isVideoEnabledInCall","video","enabled","
|
|
1
|
+
{"version":3,"names":["React","useCallStateHooks","useTheme","CallControlsButton","Video","VideoSlash","ToggleVideoPreviewButton","onPressHandler","theme","colors","toggleVideoPreviewButton","variants","buttonSizes","useCameraState","useCallSettings","callSettings","isVideoEnabledInCall","video","enabled","optimisticIsMute","camera","onPress","toggle","createElement","color","static_white","static_black","size","md","style","container","shadowColor","svgContainer"],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/ToggleVideoPreviewButton.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,iBAAiB,QAAQ,iCAAiC;AACnE,SAASC,QAAQ,QAAQ,mBAAmB;AAC5C,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,KAAK,EAAEC,UAAU,QAAQ,gBAAgB;;AAElD;AACA;AACA;;AASA;AACA;AACA;AACA,OAAO,MAAMC,wBAAwB,GAAGA,CAAC;EACvCC;AAC6B,CAAC,KAAK;EACnC,MAAM;IACJC,KAAK,EAAE;MACLC,MAAM;MACNC,wBAAwB;MACxBC,QAAQ,EAAE;QAAEC;MAAY;IAC1B;EACF,CAAC,GAAGV,QAAQ,CAAC,CAAC;EACd,MAAM;IAAEW,cAAc;IAAEC;EAAgB,CAAC,GAAGb,iBAAiB,CAAC,CAAC;EAC/D,MAAMc,YAAY,GAAGD,eAAe,CAAC,CAAC;EACtC,MAAME,oBAAoB,GAAGD,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEE,KAAK,CAACC,OAAO;EACxD,MAAM;IAAEC,gBAAgB;IAAEC;EAAO,CAAC,GAAGP,cAAc,CAAC,CAAC;EACrD,MAAMQ,OAAO,GAAG,MAAAA,CAAA,KAAY;IAC1B,IAAId,cAAc,EAAE;MAClBA,cAAc,CAAC,CAAC;MAChB;IACF;IACA,MAAMa,MAAM,CAACE,MAAM,CAAC,CAAC;EACvB,CAAC;EAED,IAAI,CAACN,oBAAoB,EAAE;IACzB;EACF;EAEA,oBACEhB,KAAA,CAAAuB,aAAA,CAACpB,kBAAkB;IACjBkB,OAAO,EAAEA,OAAQ;IACjBG,KAAK,EAAE,CAACL,gBAAgB,GAAGV,MAAM,CAACgB,YAAY,GAAGhB,MAAM,CAACiB,YAAa;IACrEC,IAAI,EAAEf,WAAW,CAACgB,EAAG;IACrBC,KAAK,EAAE;MACLC,SAAS,EAAE;QACTC,WAAW,EAAE,CAACZ,gBAAgB,GAC1BV,MAAM,CAACgB,YAAY,GACnBhB,MAAM,CAACiB,YAAY;QACvB,GAAGhB,wBAAwB,CAACoB;MAC9B,CAAC;MACDE,YAAY,EAAEtB,wBAAwB,CAACsB;IACzC;EAAE,GAED,CAACb,gBAAgB,gBAChBnB,KAAA,CAAAuB,aAAA,CAACnB,KAAK;IAACoB,KAAK,EAAEf,MAAM,CAACiB;EAAa,CAAE,CAAC,gBAErC1B,KAAA,CAAAuB,aAAA,CAAClB,UAAU;IAACmB,KAAK,EAAEf,MAAM,CAACgB;EAAa,CAAE,CAEzB,CAAC;AAEzB,CAAC"}
|
|
@@ -21,7 +21,7 @@ export const ToggleVideoPublishingButton = ({
|
|
|
21
21
|
} = useCallStateHooks();
|
|
22
22
|
const {
|
|
23
23
|
camera,
|
|
24
|
-
|
|
24
|
+
optimisticIsMute
|
|
25
25
|
} = useCameraState();
|
|
26
26
|
const callSettings = useCallSettings();
|
|
27
27
|
const isVideoEnabledInCall = callSettings === null || callSettings === void 0 ? void 0 : callSettings.video.enabled;
|
|
@@ -44,8 +44,8 @@ export const ToggleVideoPublishingButton = ({
|
|
|
44
44
|
requiredGrants: [OwnCapability.SEND_VIDEO]
|
|
45
45
|
}, /*#__PURE__*/React.createElement(CallControlsButton, {
|
|
46
46
|
onPress: onPress,
|
|
47
|
-
color: !
|
|
48
|
-
}, !
|
|
47
|
+
color: !optimisticIsMute ? colors.static_white : colors.overlay_dark
|
|
48
|
+
}, !optimisticIsMute ? /*#__PURE__*/React.createElement(Video, {
|
|
49
49
|
color: colors.static_black
|
|
50
50
|
}) : /*#__PURE__*/React.createElement(VideoSlash, {
|
|
51
51
|
color: colors.static_white
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","OwnCapability","Restricted","useCallStateHooks","CallControlsButton","Video","VideoSlash","useTheme","ToggleVideoPublishingButton","onPressHandler","useCameraState","useCallSettings","camera","
|
|
1
|
+
{"version":3,"names":["React","OwnCapability","Restricted","useCallStateHooks","CallControlsButton","Video","VideoSlash","useTheme","ToggleVideoPublishingButton","onPressHandler","useCameraState","useCallSettings","camera","optimisticIsMute","callSettings","isVideoEnabledInCall","video","enabled","theme","colors","onPress","toggle","createElement","requiredGrants","SEND_VIDEO","color","static_white","overlay_dark","static_black"],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/ToggleVideoPublishingButton.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,aAAa,QAAQ,yBAAyB;AACvD,SAASC,UAAU,EAAEC,iBAAiB,QAAQ,iCAAiC;AAC/E,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,KAAK,EAAEC,UAAU,QAAQ,gBAAgB;AAClD,SAASC,QAAQ,QAAQ,gCAAgC;;AAEzD;AACA;AACA;;AASA;AACA;AACA;AACA,OAAO,MAAMC,2BAA2B,GAAGA,CAAC;EAC1CC;AACgC,CAAC,KAAK;EACtC,MAAM;IAAEC,cAAc;IAAEC;EAAgB,CAAC,GAAGR,iBAAiB,CAAC,CAAC;EAC/D,MAAM;IAAES,MAAM;IAAEC;EAAiB,CAAC,GAAGH,cAAc,CAAC,CAAC;EACrD,MAAMI,YAAY,GAAGH,eAAe,CAAC,CAAC;EACtC,MAAMI,oBAAoB,GAAGD,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEE,KAAK,CAACC,OAAO;EACxD,MAAM;IACJC,KAAK,EAAE;MAAEC;IAAO;EAClB,CAAC,GAAGZ,QAAQ,CAAC,CAAC;EACd,MAAMa,OAAO,GAAG,MAAAA,CAAA,KAAY;IAC1B,IAAIX,cAAc,EAAE;MAClBA,cAAc,CAAC,CAAC;MAChB;IACF;IACA,MAAMG,MAAM,CAACS,MAAM,CAAC,CAAC;EACvB,CAAC;EAED,IAAI,CAACN,oBAAoB,EAAE;IACzB;EACF;EAEA,oBACEf,KAAA,CAAAsB,aAAA,CAACpB,UAAU;IAACqB,cAAc,EAAE,CAACtB,aAAa,CAACuB,UAAU;EAAE,gBACrDxB,KAAA,CAAAsB,aAAA,CAAClB,kBAAkB;IACjBgB,OAAO,EAAEA,OAAQ;IACjBK,KAAK,EAAE,CAACZ,gBAAgB,GAAGM,MAAM,CAACO,YAAY,GAAGP,MAAM,CAACQ;EAAa,GAEpE,CAACd,gBAAgB,gBAChBb,KAAA,CAAAsB,aAAA,CAACjB,KAAK;IAACoB,KAAK,EAAEN,MAAM,CAACS;EAAa,CAAE,CAAC,gBAErC5B,KAAA,CAAAsB,aAAA,CAAChB,UAAU;IAACmB,KAAK,EAAEN,MAAM,CAACO;EAAa,CAAE,CAEzB,CACV,CAAC;AAEjB,CAAC"}
|
package/dist/module/components/Livestream/LivestreamControls/LivestreamAudioControlButton.js
CHANGED
|
@@ -12,7 +12,7 @@ export const LivestreamAudioControlButton = () => {
|
|
|
12
12
|
useMicrophoneState
|
|
13
13
|
} = useCallStateHooks();
|
|
14
14
|
const {
|
|
15
|
-
|
|
15
|
+
optimisticIsMute,
|
|
16
16
|
microphone
|
|
17
17
|
} = useMicrophoneState();
|
|
18
18
|
const {
|
|
@@ -40,7 +40,7 @@ export const LivestreamAudioControlButton = () => {
|
|
|
40
40
|
height: iconSizes.sm,
|
|
41
41
|
width: iconSizes.sm
|
|
42
42
|
}, livestreamAudioControlButton.icon]
|
|
43
|
-
}, !
|
|
43
|
+
}, !optimisticIsMute ? /*#__PURE__*/React.createElement(Mic, {
|
|
44
44
|
color: colors.static_white
|
|
45
45
|
}) : /*#__PURE__*/React.createElement(MicOff, {
|
|
46
46
|
color: colors.static_white
|
package/dist/module/components/Livestream/LivestreamControls/LivestreamAudioControlButton.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useCallStateHooks","React","useTheme","Pressable","StyleSheet","View","Mic","MicOff","LivestreamAudioControlButton","useMicrophoneState","
|
|
1
|
+
{"version":3,"names":["useCallStateHooks","React","useTheme","Pressable","StyleSheet","View","Mic","MicOff","LivestreamAudioControlButton","useMicrophoneState","optimisticIsMute","microphone","theme","colors","variants","iconSizes","buttonSizes","livestreamAudioControlButton","onPress","toggle","createElement","style","styles","container","backgroundColor","dark_gray","height","xs","width","icon","sm","color","static_white","create","justifyContent","alignItems","marginHorizontal","borderRadius"],"sourceRoot":"../../../../../src","sources":["components/Livestream/LivestreamControls/LivestreamAudioControlButton.tsx"],"mappings":"AAAA,SAASA,iBAAiB,QAAQ,iCAAiC;AACnE,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,QAAQ,mBAAmB;AAC5C,SAASC,SAAS,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC1D,SAASC,GAAG,EAAEC,MAAM,QAAQ,gBAAgB;;AAE5C;AACA;AACA;AACA,OAAO,MAAMC,4BAA4B,GAAGA,CAAA,KAAM;EAChD,MAAM;IAAEC;EAAmB,CAAC,GAAGT,iBAAiB,CAAC,CAAC;EAClD,MAAM;IAAEU,gBAAgB;IAAEC;EAAW,CAAC,GAAGF,kBAAkB,CAAC,CAAC;EAC7D,MAAM;IACJG,KAAK,EAAE;MACLC,MAAM;MACNC,QAAQ,EAAE;QAAEC,SAAS;QAAEC;MAAY,CAAC;MACpCC;IACF;EACF,CAAC,GAAGf,QAAQ,CAAC,CAAC;EAEd,MAAMgB,OAAO,GAAG,MAAAA,CAAA,KAAY;IAC1B,MAAMP,UAAU,CAACQ,MAAM,CAAC,CAAC;EAC3B,CAAC;EAED,oBACElB,KAAA,CAAAmB,aAAA,CAACjB,SAAS;IACRe,OAAO,EAAEA,OAAQ;IACjBG,KAAK,EAAE,CACLC,MAAM,CAACC,SAAS,EAChB;MACEC,eAAe,EAAEX,MAAM,CAACY,SAAS;MACjCC,MAAM,EAAEV,WAAW,CAACW,EAAE;MACtBC,KAAK,EAAEZ,WAAW,CAACW;IACrB,CAAC,EACDV,4BAA4B,CAACM,SAAS;EACtC,gBAEFtB,KAAA,CAAAmB,aAAA,CAACf,IAAI;IACHgB,KAAK,EAAE,CACLC,MAAM,CAACO,IAAI,EACX;MACEH,MAAM,EAAEX,SAAS,CAACe,EAAE;MACpBF,KAAK,EAAEb,SAAS,CAACe;IACnB,CAAC,EACDb,4BAA4B,CAACY,IAAI;EACjC,GAED,CAACnB,gBAAgB,gBAChBT,KAAA,CAAAmB,aAAA,CAACd,GAAG;IAACyB,KAAK,EAAElB,MAAM,CAACmB;EAAa,CAAE,CAAC,gBAEnC/B,KAAA,CAAAmB,aAAA,CAACb,MAAM;IAACwB,KAAK,EAAElB,MAAM,CAACmB;EAAa,CAAE,CAEnC,CACG,CAAC;AAEhB,CAAC;AAED,MAAMV,MAAM,GAAGlB,UAAU,CAAC6B,MAAM,CAAC;EAC/BV,SAAS,EAAE;IACTW,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBC,gBAAgB,EAAE,CAAC;IACnBC,YAAY,EAAE;EAChB,CAAC;EACDR,IAAI,EAAE,CAAC;AACT,CAAC,CAAC"}
|
package/dist/module/components/Livestream/LivestreamControls/LivestreamVideoControlButton.js
CHANGED
|
@@ -13,7 +13,7 @@ export const LivestreamVideoControlButton = () => {
|
|
|
13
13
|
useCallSettings
|
|
14
14
|
} = useCallStateHooks();
|
|
15
15
|
const {
|
|
16
|
-
|
|
16
|
+
optimisticIsMute,
|
|
17
17
|
camera
|
|
18
18
|
} = useCameraState();
|
|
19
19
|
const callSettings = useCallSettings();
|
|
@@ -41,19 +41,14 @@ export const LivestreamVideoControlButton = () => {
|
|
|
41
41
|
height: buttonSizes.xs,
|
|
42
42
|
width: buttonSizes.xs
|
|
43
43
|
}, livestreamVideoControlButton.container]
|
|
44
|
-
},
|
|
44
|
+
}, /*#__PURE__*/React.createElement(View, {
|
|
45
45
|
style: [styles.icon, {
|
|
46
46
|
height: iconSizes.sm,
|
|
47
47
|
width: iconSizes.sm
|
|
48
48
|
}, livestreamVideoControlButton.icon]
|
|
49
|
-
}, /*#__PURE__*/React.createElement(Video, {
|
|
49
|
+
}, !optimisticIsMute ? /*#__PURE__*/React.createElement(Video, {
|
|
50
50
|
color: colors.static_white
|
|
51
|
-
})
|
|
52
|
-
style: [styles.icon, {
|
|
53
|
-
height: iconSizes.sm,
|
|
54
|
-
width: iconSizes.sm
|
|
55
|
-
}, livestreamVideoControlButton.icon]
|
|
56
|
-
}, /*#__PURE__*/React.createElement(VideoSlash, {
|
|
51
|
+
}) : /*#__PURE__*/React.createElement(VideoSlash, {
|
|
57
52
|
color: colors.static_white
|
|
58
53
|
})));
|
|
59
54
|
};
|
package/dist/module/components/Livestream/LivestreamControls/LivestreamVideoControlButton.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useCallStateHooks","React","useTheme","Pressable","StyleSheet","View","Video","VideoSlash","LivestreamVideoControlButton","useCameraState","useCallSettings","
|
|
1
|
+
{"version":3,"names":["useCallStateHooks","React","useTheme","Pressable","StyleSheet","View","Video","VideoSlash","LivestreamVideoControlButton","useCameraState","useCallSettings","optimisticIsMute","camera","callSettings","isVideoEnabledInCall","video","enabled","theme","colors","variants","iconSizes","buttonSizes","livestreamVideoControlButton","onPress","toggle","createElement","style","styles","container","backgroundColor","dark_gray","height","xs","width","icon","sm","color","static_white","create","justifyContent","alignItems","marginHorizontal","borderRadius"],"sourceRoot":"../../../../../src","sources":["components/Livestream/LivestreamControls/LivestreamVideoControlButton.tsx"],"mappings":"AAAA,SAASA,iBAAiB,QAAQ,iCAAiC;AACnE,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,QAAQ,mBAAmB;AAC5C,SAASC,SAAS,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC1D,SAASC,KAAK,EAAEC,UAAU,QAAQ,gBAAgB;;AAElD;AACA;AACA;AACA,OAAO,MAAMC,4BAA4B,GAAGA,CAAA,KAAM;EAChD,MAAM;IAAEC,cAAc;IAAEC;EAAgB,CAAC,GAAGV,iBAAiB,CAAC,CAAC;EAC/D,MAAM;IAAEW,gBAAgB;IAAEC;EAAO,CAAC,GAAGH,cAAc,CAAC,CAAC;EACrD,MAAMI,YAAY,GAAGH,eAAe,CAAC,CAAC;EACtC,MAAMI,oBAAoB,GAAGD,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEE,KAAK,CAACC,OAAO;EACxD,MAAM;IACJC,KAAK,EAAE;MACLC,MAAM;MACNC,QAAQ,EAAE;QAAEC,SAAS;QAAEC;MAAY,CAAC;MACpCC;IACF;EACF,CAAC,GAAGpB,QAAQ,CAAC,CAAC;EAEd,MAAMqB,OAAO,GAAG,MAAAA,CAAA,KAAY;IAC1B,MAAMX,MAAM,CAACY,MAAM,CAAC,CAAC;EACvB,CAAC;EAED,IAAI,CAACV,oBAAoB,EAAE;IACzB;EACF;EAEA,oBACEb,KAAA,CAAAwB,aAAA,CAACtB,SAAS;IACRoB,OAAO,EAAEA,OAAQ;IACjBG,KAAK,EAAE,CACLC,MAAM,CAACC,SAAS,EAChB;MACEC,eAAe,EAAEX,MAAM,CAACY,SAAS;MACjCC,MAAM,EAAEV,WAAW,CAACW,EAAE;MACtBC,KAAK,EAAEZ,WAAW,CAACW;IACrB,CAAC,EACDV,4BAA4B,CAACM,SAAS;EACtC,gBAEF3B,KAAA,CAAAwB,aAAA,CAACpB,IAAI;IACHqB,KAAK,EAAE,CACLC,MAAM,CAACO,IAAI,EACX;MACEH,MAAM,EAAEX,SAAS,CAACe,EAAE;MACpBF,KAAK,EAAEb,SAAS,CAACe;IACnB,CAAC,EACDb,4BAA4B,CAACY,IAAI;EACjC,GAED,CAACvB,gBAAgB,gBAChBV,KAAA,CAAAwB,aAAA,CAACnB,KAAK;IAAC8B,KAAK,EAAElB,MAAM,CAACmB;EAAa,CAAE,CAAC,gBAErCpC,KAAA,CAAAwB,aAAA,CAAClB,UAAU;IAAC6B,KAAK,EAAElB,MAAM,CAACmB;EAAa,CAAE,CAEvC,CACG,CAAC;AAEhB,CAAC;AAED,MAAMV,MAAM,GAAGvB,UAAU,CAACkC,MAAM,CAAC;EAC/BV,SAAS,EAAE;IACTW,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBC,gBAAgB,EAAE,CAAC;IACnBC,YAAY,EAAE;EAChB,CAAC;EACDR,IAAI,EAAE,CAAC;AACT,CAAC,CAAC"}
|
package/dist/module/version.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export const version = '0.7.
|
|
1
|
+
export const version = '0.7.4';
|
|
2
2
|
//# sourceMappingURL=version.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToggleAudioPreviewButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/Call/CallControls/ToggleAudioPreviewButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B;;GAEG;AACH,MAAM,MAAM,6BAA6B,GAAG;IAC1C;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;CAC7B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,wBAAwB,wBAElC,6BAA6B,
|
|
1
|
+
{"version":3,"file":"ToggleAudioPreviewButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/Call/CallControls/ToggleAudioPreviewButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B;;GAEG;AACH,MAAM,MAAM,6BAA6B,GAAG;IAC1C;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;CAC7B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,wBAAwB,wBAElC,6BAA6B,sBAyC/B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToggleVideoPreviewButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/Call/CallControls/ToggleVideoPreviewButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B;;GAEG;AACH,MAAM,MAAM,6BAA6B,GAAG;IAC1C;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;CAC7B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,wBAAwB,wBAElC,6BAA6B,
|
|
1
|
+
{"version":3,"file":"ToggleVideoPreviewButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/Call/CallControls/ToggleVideoPreviewButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B;;GAEG;AACH,MAAM,MAAM,6BAA6B,GAAG;IAC1C;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;CAC7B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,wBAAwB,wBAElC,6BAA6B,kCA8C/B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LivestreamVideoControlButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/Livestream/LivestreamControls/LivestreamVideoControlButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B;;GAEG;AACH,eAAO,MAAM,4BAA4B,
|
|
1
|
+
{"version":3,"file":"LivestreamVideoControlButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/Livestream/LivestreamControls/LivestreamVideoControlButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B;;GAEG;AACH,eAAO,MAAM,4BAA4B,qCAoDxC,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const version = "0.7.
|
|
1
|
+
export declare const version = "0.7.4";
|
|
2
2
|
//# sourceMappingURL=version.d.ts.map
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@stream-io/video-react-native-sdk",
|
|
3
|
-
"version": "0.7.
|
|
3
|
+
"version": "0.7.4",
|
|
4
4
|
"packageManager": "yarn@3.2.4",
|
|
5
5
|
"main": "dist/commonjs/index.js",
|
|
6
6
|
"module": "dist/module/index.js",
|
|
@@ -45,8 +45,8 @@
|
|
|
45
45
|
"!**/.*"
|
|
46
46
|
],
|
|
47
47
|
"dependencies": {
|
|
48
|
-
"@stream-io/video-client": "^1.0.
|
|
49
|
-
"@stream-io/video-react-bindings": "^0.4.
|
|
48
|
+
"@stream-io/video-client": "^1.0.4",
|
|
49
|
+
"@stream-io/video-react-bindings": "^0.4.30",
|
|
50
50
|
"intl-pluralrules": "2.0.1",
|
|
51
51
|
"lodash.merge": "^4.6.2",
|
|
52
52
|
"react-native-url-polyfill": "1.3.0",
|
|
@@ -29,7 +29,7 @@ export const ToggleAudioPreviewButton = ({
|
|
|
29
29
|
},
|
|
30
30
|
} = useTheme();
|
|
31
31
|
const { useMicrophoneState } = useCallStateHooks();
|
|
32
|
-
const {
|
|
32
|
+
const { optimisticIsMute, microphone } = useMicrophoneState();
|
|
33
33
|
|
|
34
34
|
const onPress = async () => {
|
|
35
35
|
if (onPressHandler) {
|
|
@@ -42,17 +42,19 @@ export const ToggleAudioPreviewButton = ({
|
|
|
42
42
|
return (
|
|
43
43
|
<CallControlsButton
|
|
44
44
|
onPress={onPress}
|
|
45
|
-
color={!
|
|
45
|
+
color={!optimisticIsMute ? colors.static_white : colors.static_black}
|
|
46
46
|
size={buttonSizes.md}
|
|
47
47
|
style={{
|
|
48
48
|
container: {
|
|
49
|
-
shadowColor: !
|
|
49
|
+
shadowColor: !optimisticIsMute
|
|
50
|
+
? colors.static_white
|
|
51
|
+
: colors.static_black,
|
|
50
52
|
...toggleAudioPreviewButton.container,
|
|
51
53
|
},
|
|
52
54
|
svgContainer: toggleAudioPreviewButton.svgContainer,
|
|
53
55
|
}}
|
|
54
56
|
>
|
|
55
|
-
{!
|
|
57
|
+
{!optimisticIsMute ? (
|
|
56
58
|
<Mic color={colors.static_black} />
|
|
57
59
|
) : (
|
|
58
60
|
<MicOff color={colors.static_white} />
|
|
@@ -23,7 +23,7 @@ export const ToggleAudioPublishingButton = ({
|
|
|
23
23
|
onPressHandler,
|
|
24
24
|
}: ToggleAudioPublishingButtonProps) => {
|
|
25
25
|
const { useMicrophoneState } = useCallStateHooks();
|
|
26
|
-
const {
|
|
26
|
+
const { optimisticIsMute, microphone } = useMicrophoneState();
|
|
27
27
|
|
|
28
28
|
const {
|
|
29
29
|
theme: { colors, toggleAudioPublishingButton },
|
|
@@ -41,10 +41,10 @@ export const ToggleAudioPublishingButton = ({
|
|
|
41
41
|
<Restricted requiredGrants={[OwnCapability.SEND_AUDIO]}>
|
|
42
42
|
<CallControlsButton
|
|
43
43
|
onPress={onPress}
|
|
44
|
-
color={!
|
|
44
|
+
color={!optimisticIsMute ? colors.static_white : colors.overlay_dark}
|
|
45
45
|
style={toggleAudioPublishingButton}
|
|
46
46
|
>
|
|
47
|
-
{!
|
|
47
|
+
{!optimisticIsMute ? (
|
|
48
48
|
<Mic color={colors.static_black} />
|
|
49
49
|
) : (
|
|
50
50
|
<MicOff color={colors.static_white} />
|
|
@@ -23,7 +23,7 @@ export const ToggleCameraFaceButton = ({
|
|
|
23
23
|
onPressHandler,
|
|
24
24
|
}: ToggleCameraFaceButtonProps) => {
|
|
25
25
|
const { useCameraState, useCallSettings } = useCallStateHooks();
|
|
26
|
-
const { camera,
|
|
26
|
+
const { camera, optimisticIsMute, direction } = useCameraState();
|
|
27
27
|
const callSettings = useCallSettings();
|
|
28
28
|
const isVideoEnabledInCall = callSettings?.video.enabled;
|
|
29
29
|
|
|
@@ -48,7 +48,7 @@ export const ToggleCameraFaceButton = ({
|
|
|
48
48
|
<CallControlsButton
|
|
49
49
|
onPress={onPress}
|
|
50
50
|
color={direction === 'back' ? colors.overlay_dark : colors.static_white}
|
|
51
|
-
disabled={
|
|
51
|
+
disabled={optimisticIsMute}
|
|
52
52
|
style={toggleCameraFaceButton}
|
|
53
53
|
>
|
|
54
54
|
<CameraSwitch
|
|
@@ -31,7 +31,7 @@ export const ToggleVideoPreviewButton = ({
|
|
|
31
31
|
const { useCameraState, useCallSettings } = useCallStateHooks();
|
|
32
32
|
const callSettings = useCallSettings();
|
|
33
33
|
const isVideoEnabledInCall = callSettings?.video.enabled;
|
|
34
|
-
const {
|
|
34
|
+
const { optimisticIsMute, camera } = useCameraState();
|
|
35
35
|
const onPress = async () => {
|
|
36
36
|
if (onPressHandler) {
|
|
37
37
|
onPressHandler();
|
|
@@ -47,17 +47,19 @@ export const ToggleVideoPreviewButton = ({
|
|
|
47
47
|
return (
|
|
48
48
|
<CallControlsButton
|
|
49
49
|
onPress={onPress}
|
|
50
|
-
color={!
|
|
50
|
+
color={!optimisticIsMute ? colors.static_white : colors.static_black}
|
|
51
51
|
size={buttonSizes.md}
|
|
52
52
|
style={{
|
|
53
53
|
container: {
|
|
54
|
-
shadowColor: !
|
|
54
|
+
shadowColor: !optimisticIsMute
|
|
55
|
+
? colors.static_white
|
|
56
|
+
: colors.static_black,
|
|
55
57
|
...toggleVideoPreviewButton.container,
|
|
56
58
|
},
|
|
57
59
|
svgContainer: toggleVideoPreviewButton.svgContainer,
|
|
58
60
|
}}
|
|
59
61
|
>
|
|
60
|
-
{!
|
|
62
|
+
{!optimisticIsMute ? (
|
|
61
63
|
<Video color={colors.static_black} />
|
|
62
64
|
) : (
|
|
63
65
|
<VideoSlash color={colors.static_white} />
|
|
@@ -23,7 +23,7 @@ export const ToggleVideoPublishingButton = ({
|
|
|
23
23
|
onPressHandler,
|
|
24
24
|
}: ToggleVideoPublishingButtonProps) => {
|
|
25
25
|
const { useCameraState, useCallSettings } = useCallStateHooks();
|
|
26
|
-
const { camera,
|
|
26
|
+
const { camera, optimisticIsMute } = useCameraState();
|
|
27
27
|
const callSettings = useCallSettings();
|
|
28
28
|
const isVideoEnabledInCall = callSettings?.video.enabled;
|
|
29
29
|
const {
|
|
@@ -45,9 +45,9 @@ export const ToggleVideoPublishingButton = ({
|
|
|
45
45
|
<Restricted requiredGrants={[OwnCapability.SEND_VIDEO]}>
|
|
46
46
|
<CallControlsButton
|
|
47
47
|
onPress={onPress}
|
|
48
|
-
color={!
|
|
48
|
+
color={!optimisticIsMute ? colors.static_white : colors.overlay_dark}
|
|
49
49
|
>
|
|
50
|
-
{!
|
|
50
|
+
{!optimisticIsMute ? (
|
|
51
51
|
<Video color={colors.static_black} />
|
|
52
52
|
) : (
|
|
53
53
|
<VideoSlash color={colors.static_white} />
|
|
@@ -9,7 +9,7 @@ import { Mic, MicOff } from '../../../icons';
|
|
|
9
9
|
*/
|
|
10
10
|
export const LivestreamAudioControlButton = () => {
|
|
11
11
|
const { useMicrophoneState } = useCallStateHooks();
|
|
12
|
-
const {
|
|
12
|
+
const { optimisticIsMute, microphone } = useMicrophoneState();
|
|
13
13
|
const {
|
|
14
14
|
theme: {
|
|
15
15
|
colors,
|
|
@@ -45,7 +45,7 @@ export const LivestreamAudioControlButton = () => {
|
|
|
45
45
|
livestreamAudioControlButton.icon,
|
|
46
46
|
]}
|
|
47
47
|
>
|
|
48
|
-
{!
|
|
48
|
+
{!optimisticIsMute ? (
|
|
49
49
|
<Mic color={colors.static_white} />
|
|
50
50
|
) : (
|
|
51
51
|
<MicOff color={colors.static_white} />
|
|
@@ -9,7 +9,7 @@ import { Video, VideoSlash } from '../../../icons';
|
|
|
9
9
|
*/
|
|
10
10
|
export const LivestreamVideoControlButton = () => {
|
|
11
11
|
const { useCameraState, useCallSettings } = useCallStateHooks();
|
|
12
|
-
const {
|
|
12
|
+
const { optimisticIsMute, camera } = useCameraState();
|
|
13
13
|
const callSettings = useCallSettings();
|
|
14
14
|
const isVideoEnabledInCall = callSettings?.video.enabled;
|
|
15
15
|
const {
|
|
@@ -41,33 +41,22 @@ export const LivestreamVideoControlButton = () => {
|
|
|
41
41
|
livestreamVideoControlButton.container,
|
|
42
42
|
]}
|
|
43
43
|
>
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
44
|
+
<View
|
|
45
|
+
style={[
|
|
46
|
+
styles.icon,
|
|
47
|
+
{
|
|
48
|
+
height: iconSizes.sm,
|
|
49
|
+
width: iconSizes.sm,
|
|
50
|
+
},
|
|
51
|
+
livestreamVideoControlButton.icon,
|
|
52
|
+
]}
|
|
53
|
+
>
|
|
54
|
+
{!optimisticIsMute ? (
|
|
55
55
|
<Video color={colors.static_white} />
|
|
56
|
-
|
|
57
|
-
) : (
|
|
58
|
-
<View
|
|
59
|
-
style={[
|
|
60
|
-
styles.icon,
|
|
61
|
-
{
|
|
62
|
-
height: iconSizes.sm,
|
|
63
|
-
width: iconSizes.sm,
|
|
64
|
-
},
|
|
65
|
-
livestreamVideoControlButton.icon,
|
|
66
|
-
]}
|
|
67
|
-
>
|
|
56
|
+
) : (
|
|
68
57
|
<VideoSlash color={colors.static_white} />
|
|
69
|
-
|
|
70
|
-
|
|
58
|
+
)}
|
|
59
|
+
</View>
|
|
71
60
|
</Pressable>
|
|
72
61
|
);
|
|
73
62
|
};
|
package/src/version.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export const version = '0.7.
|
|
1
|
+
export const version = '0.7.4';
|