@stream-io/video-react-sdk 0.0.1-alpha.45 → 0.0.1-alpha.47
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/css/styles.css +1 -3
- package/dist/css/styles.css.map +1 -1
- package/dist/src/components/CallControls/CallControls.js +2 -2
- package/dist/src/components/CallControls/CallControls.js.map +1 -1
- package/dist/src/components/CallControls/ToggleAudioButton.js +13 -6
- package/dist/src/components/CallControls/ToggleAudioButton.js.map +1 -1
- package/dist/src/components/CallControls/ToggleVideoButton.d.ts +10 -0
- package/dist/src/components/CallControls/{ToggleCameraButton.js → ToggleVideoButton.js} +16 -9
- package/dist/src/components/CallControls/ToggleVideoButton.js.map +1 -0
- package/dist/src/components/CallControls/index.d.ts +1 -2
- package/dist/src/components/CallControls/index.js +1 -2
- package/dist/src/components/CallControls/index.js.map +1 -1
- package/dist/src/components/DeviceSettings/DeviceSelectorAudio.js +5 -3
- package/dist/src/components/DeviceSettings/DeviceSelectorAudio.js.map +1 -1
- package/dist/src/components/DeviceSettings/DeviceSelectorVideo.js +3 -2
- package/dist/src/components/DeviceSettings/DeviceSelectorVideo.js.map +1 -1
- package/dist/src/components/Video/VideoPreview.js +9 -4
- package/dist/src/components/Video/VideoPreview.js.map +1 -1
- package/dist/src/core/contexts/MediaDevicesContext.d.ts +4 -6
- package/dist/src/core/contexts/MediaDevicesContext.js +22 -85
- package/dist/src/core/contexts/MediaDevicesContext.js.map +1 -1
- package/dist/src/core/hooks/index.d.ts +1 -0
- package/dist/src/core/hooks/index.js +1 -0
- package/dist/src/core/hooks/index.js.map +1 -1
- package/dist/src/core/hooks/useDevices.d.ts +68 -0
- package/dist/src/core/hooks/useDevices.js +101 -0
- package/dist/src/core/hooks/useDevices.js.map +1 -0
- package/package.json +5 -5
- package/src/components/CallControls/CallControls.tsx +2 -2
- package/src/components/CallControls/ToggleAudioButton.tsx +14 -6
- package/src/components/CallControls/{ToggleCameraButton.tsx → ToggleVideoButton.tsx} +19 -12
- package/src/components/CallControls/index.ts +1 -2
- package/src/components/DeviceSettings/DeviceSelectorAudio.tsx +9 -4
- package/src/components/DeviceSettings/DeviceSelectorVideo.tsx +3 -3
- package/src/components/Video/VideoPreview.tsx +15 -5
- package/src/core/contexts/MediaDevicesContext.tsx +46 -121
- package/src/core/hooks/index.ts +1 -0
- package/src/core/hooks/useDevices.ts +145 -0
- package/dist/src/components/CallControls/ToggleCameraButton.d.ts +0 -10
- package/dist/src/components/CallControls/ToggleCameraButton.js.map +0 -1
- package/dist/src/components/CallControls/ToggleParticipantListButton.d.ts +0 -6
- package/dist/src/components/CallControls/ToggleParticipantListButton.js +0 -7
- package/dist/src/components/CallControls/ToggleParticipantListButton.js.map +0 -1
- package/src/components/CallControls/ToggleParticipantListButton.tsx +0 -17
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.47](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-sdk-0.0.1-alpha.46...@stream-io/video-react-sdk-0.0.1-alpha.47) (2023-05-17)
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
## [0.0.1-alpha.46](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-sdk-0.0.1-alpha.45...@stream-io/video-react-sdk-0.0.1-alpha.46) (2023-05-17)
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
### Bug Fixes
|
|
13
|
+
|
|
14
|
+
* reorganize call control buttons ([#514](https://github.com/GetStream/stream-video-js/issues/514)) ([ed1df9c](https://github.com/GetStream/stream-video-js/commit/ed1df9c230d20c2f08d0d97e2eaa962d22c7fc36))
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
|
|
5
18
|
## [0.0.1-alpha.45](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-sdk-0.0.1-alpha.44...@stream-io/video-react-sdk-0.0.1-alpha.45) (2023-05-17)
|
|
6
19
|
|
|
7
20
|
|
package/dist/css/styles.css
CHANGED
|
@@ -605,9 +605,6 @@
|
|
|
605
605
|
height: 100%;
|
|
606
606
|
min-height: 0;
|
|
607
607
|
}
|
|
608
|
-
.str-video__call-participants-view .str-video__participant-view {
|
|
609
|
-
min-height: 0;
|
|
610
|
-
}
|
|
611
608
|
.str-video__call-participants-view.str-video__grid-1 {
|
|
612
609
|
grid-template-columns: repeat(1, 1fr);
|
|
613
610
|
grid-template-rows: repeat(1, 1fr);
|
|
@@ -2010,6 +2007,7 @@
|
|
|
2010
2007
|
width: 100%;
|
|
2011
2008
|
max-width: 1280px;
|
|
2012
2009
|
max-height: 100%;
|
|
2010
|
+
min-height: 0;
|
|
2013
2011
|
aspect-ratio: 4/3;
|
|
2014
2012
|
display: flex;
|
|
2015
2013
|
align-items: center;
|
package/dist/css/styles.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/_base.scss","../../src/_global-layout-variables.scss","../../src/_global-theme-variables.scss","../../src/_palette-variables.scss","../../src/_variables.scss","../../src/Avatar/Avatar-layout.scss","../../src/Avatar/Avatar-theme.scss","../../src/_utils.scss","../../src/Button/Button-layout.scss","../../src/Button/Button-theme.scss","../../src/CallControls/CallControls-layout.scss","../../src/CallParticipantsScreenView.scss","../../src/CallParticipantsView.scss","../../src/CallParticipantList/CallParticipantList-layout.scss","../../src/CallParticipantList/CallParticipantList-theme.scss","../../src/CallParticipantList/CallParticiantListingItem-layout.scss","../../src/CallParticipantList/CallParticiantListingItem-theme.scss","../../src/CallRecodingList/CallRecordingList-layout.scss","../../src/CallRecodingList/CallRecordingList-theme.scss","../../src/CallStats.scss","../../src/DeviceSettings/DeviceSettings-layout.scss","../../src/DeviceSettings/DeviceSettings-theme.scss","../../src/LoadingIndicator/LoadingIndicator-layout.scss","../../src/LoadingIndicator/LoadingIndicator-theme.scss","../../src/Menu/Menu-layout.scss","../../src/Menu/Menu-theme.scss","../../src/Menu/GenericMenu-layout.scss","../../src/Menu/GenericMenu-theme.scss","../../src/Notification/Notification-layout.scss","../../src/Notification/Notification-theme.scss","../../src/PendingCallPanel/PendingCallPanel-layout.scss","../../src/PendingCallPanel/PendingCallPanel-theme.scss","../../src/Permissions/Permissions-layout.scss","../../src/Reaction/Reaction-layout.scss","../../src/Search/SearchInput-layout.scss","../../src/Search/SearchInput-theme.scss","../../src/StreamCall.scss","../../src/Tooltip/Tooltip-layout.scss","../../src/Tooltip/Tooltip-theme.scss","../../src/Video/Video-layout.scss","../../src/Video/VideoPlaceholder-layout.scss","../../src/Video/VideoPlaceholder-theme.scss","../../src/VideoPreview/VideoPreview-layout.scss","../../src/VideoPreview/VideoPreview-theme.scss","../../src/ParticipantView/ParticipantView-layout.scss","../../src/CallLayout/PaginatedGridLayout-layout.scss","../../src/CallLayout/SpeakerLayout-layout.scss","../../src/Icon/Icon-theme.scss","../../src/Icon/Icon-layout.scss","../../src/Debug.scss"],"names":[],"mappings":";AACE;AAAA;AAAA;EAGE;;AAGF;EACE;EACA;EACA;;;AAKF;EACE;EACA;EACA;EACA;;AAGF;AAAA;EAEE;EACA;;;ACzBJ;AACE;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;;;ACxDF;AACE;EACA;AACA;EACA;AACA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAAA;AAGA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;;;AAGF;AAAA;AAEE;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACjLF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACrDF;AAAA;AAAA;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACtDF;EAJE;EACA;EAKA;;;AAGF;EATE;EACA;EAUA;EACA;EACA;;;ACZF;AACE;EACA;AAEA;EACA;AAEA;EACA;;;AAGF;ECSE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ADZF;EACE;EACA;EACA;EACA;EACA;;;AEtBF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;;AAKN;EACE;;AAEA;EACE;;AAIF;EACE;EACA;;AAIA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;;AAKN;EACE;EACA;EACA;EACA;EAGA;;;ACzEF;AACE;EACA;AAAA;AAAA;AAIA;EACA;AAAA;AAAA;AAIA;EACA;AAAA;AAAA;AAIA;EACA;AAAA;AAAA;;;AAKF;EFFE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AEFA;EACE;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;;AAGF;AAAA;EAEE;;;AAKF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAKF;EACE;;AAEA;EACE;;AAIJ;EACE;;AAEA;EACE;;AAIJ;EACE;;;AClFJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;;ACfN;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AACA;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAGJ;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAKN;EACE;;;ACzFJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;;AAOA;EACE;EACA;;AAFF;EACE;EACA;;AAFF;EACE;EACA;;AAFF;EACE;EACA;;AAFF;EACE;EACA;;AAFF;EACE;EACA;;AAFF;EACE;EACA;;AAFF;EACE;EACA;;AAFF;EACE;EACA;;AAFF;EACE;EACA;;AAFF;EACE;EACA;;AAFF;EACE;EACA;;AAFF;EACE;EACA;;AAFF;EACE;EACA;;AAFF;EACE;EACA;;AAFF;EACE;EACA;;AAFF;EACE;EACA;;AAFF;EACE;EACA;;AAFF;EACE;EACA;;AAFF;EACE;EACA;;AAFF;EACE;EACA;;AAFF;EACE;EACA;;AAFF;EACE;EACA;;AAFF;EACE;EACA;;AAFF;EACE;EACA;;AAFF;EACE;EACA;;AAFF;EACE;EACA;;AAFF;EACE;EACA;;AAFF;EACE;EACA;;AAFF;EACE;EACA;;AAFF;EACE;EACA;;AAFF;EACE;EACA;;AAFF;EACE;EACA;;AAFF;EACE;EACA;;AAFF;EACE;EACA;;AAFF;EACE;EACA;;AAFF;EACE;EACA;;AAFF;EACE;EACA;;;ACrEN;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AACA;EACE;;AAEF;EACE;EA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EACA;;AAEA;EACE;;AAGF;EACE;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAIJ;EACE;;;AClDF;EACE;EACA;;;AAIJ;EACE;EACA;;;AAGF;EACE;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEF;EACE;;;ACrCR;AACE;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;;;AAGF;EdAE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AcHF;EdJE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AcCF;EACE;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;AACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAEF;EACE;;;AAMR;EACE;EACA;EACA;;AAEA;EdrEA,YcuEM;EdtEN,oBcsEM;EdrEN;EACA;EACA;EACA;EACA,WcmEM;EdlEN,mBckEM;EdjEN,kBcgEM;;AAKN;EAEE;EACA;;;AAIJ;EACE;;;AC/FF;EACE;EACA;EACA;;;ACDF;EhBQE,YgBNE;EhBOF,oBgBPE;EhBQF;EACA;EACA;EACA;EACA,WAPmD;EAQnD,mBARmD;EASnD,kBgBbE;EAEF;EACA;EACA;;;AAGF;EACE;IACE;;EAEF;IACE;;;ACjBJ;EACE;;;ACDF;EACE;;;ACDF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAKJ;EACE;;AAEF;EACE;EACA;EACA;EACA;;;ACpCN;EACE;;AAGE;EACE;;AAGF;EACE;EACA;EACA;;;ACXN;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;;;ACXJ;EACE;EACA;EACA;;AAEA;EtBGA,YsBDI;EtBEJ,oBsBFI;EtBGJ;EACA;EACA;EACA;EACA,WsBLI;EtBMJ,mBsBNI;EtBOJ,kBsBRI;;AAKJ;EACE;;;AChBJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAKN;EACE;EACA;;;ACxCJ;EACE;EACA;EACA;;;AAME;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EAGA,cACE;EAEF;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AClCR;EACE;EACA;EACA;EACA;;AAEA;AAAA;EAEE;EACA;EACA;EACA;;AAGF;AAAA;EAEE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;ACnDN;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;;;ACdJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;AAAA;EAEE;EACA;EACA;;;ACxBJ;EACE;EACA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;EAEA;EACA;AAAA;EAEA;EAEA;EAEA;;;AAGF;EACE;;;AAEF;E5BHE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;A4BDA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;E5B9BA,Y4BgCI;E5B/BJ,oB4B+BI;E5B9BJ;EACA;EACA;EACA;EACA,W4B4BI;E5B3BJ,mB4B2BI;E5B1BJ,kB4ByBI;;AAIJ;EACE;;AAEA;E5BxCF,Y4B0CM;E5BzCN,oB4ByCM;E5BxCN;EACA;EACA;EACA;EACA,W4BsCM;E5BrCN,mB4BqCM;E5BpCN,kB4BmCM;;;ACrDR;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AC9BJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACNF;AACE;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;;;AAGF;E/BNE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;E+BCA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;;;ACzCF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;ACXJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;;ACnBJ;EACE;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;;ACbJ;EACE;EACA;EACA;EAEA,OADkB;EAElB;;AAEA;EACE;EACA;EACA;;AAGF;EAEE,QADiB;EAEjB,OAFiB;EAGjB,WAHiB;;AAMnB;EACE;;AAGF;EACE;;;ACxBJ;AACE;EACA;AAEA;EACA;AAAA;AAAA;AAIA;EACA;AAAA;AAAA;AAIA;EACA;AAAA;AAGA;EACA;AAAA;AAGA;EACA;AAAA;AAGA;EACA;AAAA;;;AAIF;EpCXE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EoCMA;;;ACjCF;AAAA;EAEE;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;AAEA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;EAEE;EACA;;AAIA;AAAA;AAAA;AAAA;EAEE;;AAIJ;AAAA;EACE;EACA;EACA;EACA;;AAGF;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAWA;AAAA;EAPE,OADY;EAEZ,QAFY;EAGZ,WAHY;EAIZ,mBAJY;EAKZ;EAKA;EACA;;AAGF;AAAA;EAbE,OADY;EAEZ,QAFY;EAGZ,WAHY;EAIZ,mBAJY;EAKZ;EAWA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;AAGF;AAAA;EA1BE,OADY;EAEZ,QAFY;EAGZ,WAHY;EAIZ,mBAJY;EAKZ;EAwBA;EACA;;AAGF;AAAA;EAhCE,OADY;EAEZ,QAFY;EAGZ,WAHY;EAIZ,mBAJY;EAKZ;EA8BA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;AAAA;EA9CE,OADY;EAEZ,QAFY;EAGZ,WAHY;EAIZ,mBAJY;EAKZ;EA4CA;EACA;EACA;;AAIJ;AAAA;EACE;EACA;EACA;EACA;;AAEA;AAAA;EACE;;AAEF;AAAA;EACE;;AAEF;AAAA;EACE;;;AC7HR;EACE;;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;AAEA;EACE;;AAIA;EACE;;AAIF;EACE;;AAIF;EACE;;;ACrCR;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EAGE;;AAGF;EACE;;AAGF;EACE;;AAGF;AAAA;EAEE;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAGJ;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAKN;EACE;EACA;;AACA;EACE;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EAEA;EACA;;;ACjGR;EACE;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;;AC/JJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACTF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA","file":"styles.css"}
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/_base.scss","../../src/_global-layout-variables.scss","../../src/_global-theme-variables.scss","../../src/_palette-variables.scss","../../src/_variables.scss","../../src/Avatar/Avatar-layout.scss","../../src/Avatar/Avatar-theme.scss","../../src/_utils.scss","../../src/Button/Button-layout.scss","../../src/Button/Button-theme.scss","../../src/CallControls/CallControls-layout.scss","../../src/CallParticipantsScreenView.scss","../../src/CallParticipantsView.scss","../../src/CallParticipantList/CallParticipantList-layout.scss","../../src/CallParticipantList/CallParticipantList-theme.scss","../../src/CallParticipantList/CallParticiantListingItem-layout.scss","../../src/CallParticipantList/CallParticiantListingItem-theme.scss","../../src/CallRecodingList/CallRecordingList-layout.scss","../../src/CallRecodingList/CallRecordingList-theme.scss","../../src/CallStats.scss","../../src/DeviceSettings/DeviceSettings-layout.scss","../../src/DeviceSettings/DeviceSettings-theme.scss","../../src/LoadingIndicator/LoadingIndicator-layout.scss","../../src/LoadingIndicator/LoadingIndicator-theme.scss","../../src/Menu/Menu-layout.scss","../../src/Menu/Menu-theme.scss","../../src/Menu/GenericMenu-layout.scss","../../src/Menu/GenericMenu-theme.scss","../../src/Notification/Notification-layout.scss","../../src/Notification/Notification-theme.scss","../../src/PendingCallPanel/PendingCallPanel-layout.scss","../../src/PendingCallPanel/PendingCallPanel-theme.scss","../../src/Permissions/Permissions-layout.scss","../../src/Reaction/Reaction-layout.scss","../../src/Search/SearchInput-layout.scss","../../src/Search/SearchInput-theme.scss","../../src/StreamCall.scss","../../src/Tooltip/Tooltip-layout.scss","../../src/Tooltip/Tooltip-theme.scss","../../src/Video/Video-layout.scss","../../src/Video/VideoPlaceholder-layout.scss","../../src/Video/VideoPlaceholder-theme.scss","../../src/VideoPreview/VideoPreview-layout.scss","../../src/VideoPreview/VideoPreview-theme.scss","../../src/ParticipantView/ParticipantView-layout.scss","../../src/CallLayout/PaginatedGridLayout-layout.scss","../../src/CallLayout/SpeakerLayout-layout.scss","../../src/Icon/Icon-theme.scss","../../src/Icon/Icon-layout.scss","../../src/Debug.scss"],"names":[],"mappings":";AACE;AAAA;AAAA;EAGE;;AAGF;EACE;EACA;EACA;;;AAKF;EACE;EACA;EACA;EACA;;AAGF;AAAA;EAEE;EACA;;;ACzBJ;AACE;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;;;ACxDF;AACE;EACA;AACA;EACA;AACA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAAA;AAGA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;;;AAGF;AAAA;AAEE;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACjLF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACrDF;AAAA;AAAA;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACtDF;EAJE;EACA;EAKA;;;AAGF;EATE;EACA;EAUA;EACA;EACA;;;ACZF;AACE;EACA;AAEA;EACA;AAEA;EACA;;;AAGF;ECSE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ADZF;EACE;EACA;EACA;EACA;EACA;;;AEtBF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;;AAKN;EACE;;AAEA;EACE;;AAIF;EACE;EACA;;AAIA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;;AAKN;EACE;EACA;EACA;EACA;EAGA;;;ACzEF;AACE;EACA;AAAA;AAAA;AAIA;EACA;AAAA;AAAA;AAIA;EACA;AAAA;AAAA;AAIA;EACA;AAAA;AAAA;;;AAKF;EFFE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AEFA;EACE;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;;AAGF;AAAA;EAEE;;;AAKF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAKF;EACE;;AAEA;EACE;;AAIJ;EACE;;AAEA;EACE;;AAIJ;EACE;;;AClFJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;;ACfN;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AACA;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAGJ;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAKN;EACE;;;ACzFJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;;AAOA;EACE;EACA;;AAFF;EACE;EACA;;AAFF;EACE;EACA;;AAFF;EACE;EACA;;AAFF;EACE;EACA;;AAFF;EACE;EACA;;AAFF;EACE;EACA;;AAFF;EACE;EACA;;AAFF;EACE;EACA;;AAFF;EACE;EACA;;AAFF;EACE;EACA;;AAFF;EACE;EACA;;AAFF;EACE;EACA;;AAFF;EACE;EACA;;AAFF;EACE;EACA;;AAFF;EACE;EACA;;AAFF;EACE;EACA;;AAFF;EACE;EACA;;AAFF;EACE;EACA;;AAFF;EACE;EACA;;AAFF;EACE;EACA;;AAFF;EACE;EACA;;AAFF;EACE;EACA;;AAFF;EACE;EACA;;AAFF;EACE;EACA;;AAFF;EACE;EACA;;AAFF;EACE;EACA;;AAFF;EACE;EACA;;AAFF;EACE;EACA;;AAFF;EACE;EACA;;AAFF;EACE;EACA;;AAFF;EACE;EACA;;AAFF;EACE;EACA;;AAFF;EACE;EACA;;AAFF;EACE;EACA;;AAFF;EACE;EACA;;AAFF;EACE;EACA;;AAFF;EACE;EACA;;;ACjEN;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AACA;EACE;;AAEF;EACE;EACA;;AACA;EA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EACE;;AAGF;EACE;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAIJ;EACE;;;AClDF;EACE;EACA;;;AAIJ;EACE;EACA;;;AAGF;EACE;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEF;EACE;;;ACrCR;AACE;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;;;AAGF;EdAE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AcHF;EdJE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AcCF;EACE;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;AACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAEF;EACE;;;AAMR;EACE;EACA;EACA;;AAEA;EdrEA,YcuEM;EdtEN,oBcsEM;EdrEN;EACA;EACA;EACA;EACA,WcmEM;EdlEN,mBckEM;EdjEN,kBcgEM;;AAKN;EAEE;EACA;;;AAIJ;EACE;;;AC/FF;EACE;EACA;EACA;;;ACDF;EhBQE,YgBNE;EhBOF,oBgBPE;EhBQF;EACA;EACA;EACA;EACA,WAPmD;EAQnD,mBARmD;EASnD,kBgBbE;EAEF;EACA;EACA;;;AAGF;EACE;IACE;;EAEF;IACE;;;ACjBJ;EACE;;;ACDF;EACE;;;ACDF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAKJ;EACE;;AAEF;EACE;EACA;EACA;EACA;;;ACpCN;EACE;;AAGE;EACE;;AAGF;EACE;EACA;EACA;;;ACXN;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;;;ACXJ;EACE;EACA;EACA;;AAEA;EtBGA,YsBDI;EtBEJ,oBsBFI;EtBGJ;EACA;EACA;EACA;EACA,WsBLI;EtBMJ,mBsBNI;EtBOJ,kBsBRI;;AAKJ;EACE;;;AChBJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAKN;EACE;EACA;;;ACxCJ;EACE;EACA;EACA;;;AAME;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EAGA,cACE;EAEF;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AClCR;EACE;EACA;EACA;EACA;;AAEA;AAAA;EAEE;EACA;EACA;EACA;;AAGF;AAAA;EAEE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;ACnDN;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;;;ACdJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;AAAA;EAEE;EACA;EACA;;;ACxBJ;EACE;EACA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;EAEA;EACA;AAAA;EAEA;EAEA;EAEA;;;AAGF;EACE;;;AAEF;E5BHE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;A4BDA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;E5B9BA,Y4BgCI;E5B/BJ,oB4B+BI;E5B9BJ;EACA;EACA;EACA;EACA,W4B4BI;E5B3BJ,mB4B2BI;E5B1BJ,kB4ByBI;;AAIJ;EACE;;AAEA;E5BxCF,Y4B0CM;E5BzCN,oB4ByCM;E5BxCN;EACA;EACA;EACA;EACA,W4BsCM;E5BrCN,mB4BqCM;E5BpCN,kB4BmCM;;;ACrDR;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AC9BJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACNF;AACE;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;;;AAGF;E/BNE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;E+BCA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;;;ACzCF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;ACXJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;;ACnBJ;EACE;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;;ACbJ;EACE;EACA;EACA;EAEA,OADkB;EAElB;;AAEA;EACE;EACA;EACA;;AAGF;EAEE,QADiB;EAEjB,OAFiB;EAGjB,WAHiB;;AAMnB;EACE;;AAGF;EACE;;;ACxBJ;AACE;EACA;AAEA;EACA;AAAA;AAAA;AAIA;EACA;AAAA;AAAA;AAIA;EACA;AAAA;AAGA;EACA;AAAA;AAGA;EACA;AAAA;AAGA;EACA;AAAA;;;AAIF;EpCXE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EoCMA;;;ACjCF;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;AAEA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;EAEE;EACA;;AAIA;AAAA;AAAA;AAAA;EAEE;;AAIJ;AAAA;EACE;EACA;EACA;EACA;;AAGF;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAWA;AAAA;EAPE,OADY;EAEZ,QAFY;EAGZ,WAHY;EAIZ,mBAJY;EAKZ;EAKA;EACA;;AAGF;AAAA;EAbE,OADY;EAEZ,QAFY;EAGZ,WAHY;EAIZ,mBAJY;EAKZ;EAWA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;AAGF;AAAA;EA1BE,OADY;EAEZ,QAFY;EAGZ,WAHY;EAIZ,mBAJY;EAKZ;EAwBA;EACA;;AAGF;AAAA;EAhCE,OADY;EAEZ,QAFY;EAGZ,WAHY;EAIZ,mBAJY;EAKZ;EA8BA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;AAAA;EA9CE,OADY;EAEZ,QAFY;EAGZ,WAHY;EAIZ,mBAJY;EAKZ;EA4CA;EACA;EACA;;AAIJ;AAAA;EACE;EACA;EACA;EACA;;AAEA;AAAA;EACE;;AAEF;AAAA;EACE;;AAEF;AAAA;EACE;;;AC9HR;EACE;;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;AAEA;EACE;;AAIA;EACE;;AAIF;EACE;;AAIF;EACE;;;ACrCR;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EAGE;;AAGF;EACE;;AAGF;EACE;;AAGF;AAAA;EAEE;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAGJ;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAKN;EACE;EACA;;AACA;EACE;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EAEA;EACA;;;ACjGR;EACE;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;;AC/JJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACTF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA","file":"styles.css"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { CallStatsButton, CancelCallButton, RecordCallButton, ScreenShareButton, ToggleAudioPublishingButton,
|
|
2
|
+
import { CallStatsButton, CancelCallButton, RecordCallButton, ScreenShareButton, ToggleAudioPublishingButton, ToggleVideoPublishingButton, } from './index';
|
|
3
3
|
import { SpeakingWhileMutedNotification } from '../Notification';
|
|
4
4
|
export const CallControls = (props) => {
|
|
5
5
|
const { call, onLeave } = props;
|
|
6
|
-
return (_jsxs("div", Object.assign({ className: "str-video__call-controls" }, { children: [_jsx(RecordCallButton, { call: call }), _jsx(CallStatsButton, {}), _jsx(ScreenShareButton, { call: call }), _jsx(SpeakingWhileMutedNotification, { children: _jsx(ToggleAudioPublishingButton, {}) }), _jsx(
|
|
6
|
+
return (_jsxs("div", Object.assign({ className: "str-video__call-controls" }, { children: [_jsx(RecordCallButton, { call: call }), _jsx(CallStatsButton, {}), _jsx(ScreenShareButton, { call: call }), _jsx(SpeakingWhileMutedNotification, { children: _jsx(ToggleAudioPublishingButton, {}) }), _jsx(ToggleVideoPublishingButton, {}), _jsx(CancelCallButton, { call: call, onLeave: onLeave })] })));
|
|
7
7
|
};
|
|
8
8
|
//# sourceMappingURL=CallControls.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CallControls.js","sourceRoot":"","sources":["../../../../src/components/CallControls/CallControls.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,eAAe,EACf,gBAAgB,EAChB,gBAAgB,EAChB,iBAAiB,EACjB,2BAA2B,EAC3B,
|
|
1
|
+
{"version":3,"file":"CallControls.js","sourceRoot":"","sources":["../../../../src/components/CallControls/CallControls.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,eAAe,EACf,gBAAgB,EAChB,gBAAgB,EAChB,iBAAiB,EACjB,2BAA2B,EAC3B,2BAA2B,GAC5B,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,8BAA8B,EAAE,MAAM,iBAAiB,CAAC;AAOjE,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAwB,EAAE,EAAE;IACvD,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAEhC,OAAO,CACL,6BAAK,SAAS,EAAC,0BAA0B,iBACvC,KAAC,gBAAgB,IAAC,IAAI,EAAE,IAAI,GAAI,EAChC,KAAC,eAAe,KAAG,EACnB,KAAC,iBAAiB,IAAC,IAAI,EAAE,IAAI,GAAI,EACjC,KAAC,8BAA8B,cAC7B,KAAC,2BAA2B,KAAG,GACA,EACjC,KAAC,2BAA2B,KAAG,EAC/B,KAAC,gBAAgB,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,GAAI,KAC9C,CACP,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -10,18 +10,18 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
|
|
|
10
10
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
11
11
|
import { useCallback, useEffect, useState } from 'react';
|
|
12
12
|
import { OwnCapability, SfuModels } from '@stream-io/video-client';
|
|
13
|
-
import { useCall, useHasPermissions, useI18n,
|
|
13
|
+
import { Restricted, useCall, useHasPermissions, useI18n, useLocalParticipant, } from '@stream-io/video-react-bindings';
|
|
14
14
|
import { useMediaDevices } from '../../core';
|
|
15
15
|
import { DeviceSelectorAudioInput } from '../DeviceSettings';
|
|
16
16
|
import { CompositeButton, IconButton } from '../Button';
|
|
17
17
|
import { PermissionNotification } from '../Notification';
|
|
18
18
|
export const ToggleAudioPreviewButton = ({ caption, }) => {
|
|
19
|
-
const { initialAudioEnabled,
|
|
19
|
+
const { initialAudioEnabled, toggleInitialAudioMuteState } = useMediaDevices();
|
|
20
20
|
const { t } = useI18n();
|
|
21
|
-
return (_jsx(CompositeButton, Object.assign({ Menu: DeviceSelectorAudioInput, active: !initialAudioEnabled, caption: caption || t('Mic') }, { children: _jsx(IconButton, { icon: initialAudioEnabled ? 'mic' : 'mic-off', onClick:
|
|
21
|
+
return (_jsx(CompositeButton, Object.assign({ Menu: DeviceSelectorAudioInput, active: !initialAudioEnabled, caption: caption || t('Mic') }, { children: _jsx(IconButton, { icon: initialAudioEnabled ? 'mic' : 'mic-off', onClick: toggleInitialAudioMuteState }) })));
|
|
22
22
|
};
|
|
23
23
|
export const ToggleAudioPublishingButton = (props) => {
|
|
24
|
-
const { publishAudioStream, stopPublishingAudio } = useMediaDevices();
|
|
24
|
+
const { publishAudioStream, stopPublishingAudio, setInitialAudioEnabled } = useMediaDevices();
|
|
25
25
|
const localParticipant = useLocalParticipant();
|
|
26
26
|
const { t } = useI18n();
|
|
27
27
|
const { caption = t('Mic') } = props;
|
|
@@ -48,8 +48,14 @@ export const ToggleAudioPublishingButton = (props) => {
|
|
|
48
48
|
});
|
|
49
49
|
return;
|
|
50
50
|
}
|
|
51
|
-
if (isAudioMute
|
|
52
|
-
|
|
51
|
+
if (isAudioMute) {
|
|
52
|
+
if (hasPermission) {
|
|
53
|
+
setInitialAudioEnabled(true);
|
|
54
|
+
yield publishAudioStream();
|
|
55
|
+
}
|
|
56
|
+
else {
|
|
57
|
+
console.log('Cannot publish audio stream. Insufficient permissions.');
|
|
58
|
+
}
|
|
53
59
|
}
|
|
54
60
|
else {
|
|
55
61
|
stopPublishingAudio();
|
|
@@ -59,6 +65,7 @@ export const ToggleAudioPublishingButton = (props) => {
|
|
|
59
65
|
hasPermission,
|
|
60
66
|
isAudioMute,
|
|
61
67
|
publishAudioStream,
|
|
68
|
+
setInitialAudioEnabled,
|
|
62
69
|
stopPublishingAudio,
|
|
63
70
|
]);
|
|
64
71
|
return (_jsx(Restricted, Object.assign({ requiredGrants: [OwnCapability.SEND_AUDIO] }, { children: _jsx(PermissionNotification, Object.assign({ permission: OwnCapability.SEND_AUDIO, isAwaitingApproval: isAwaitingApproval, messageApproved: "You can now speak.", messageAwaitingApproval: "Awaiting for an approval to speak.", messageRevoked: "You can no longer speak." }, { children: _jsx(CompositeButton, Object.assign({ Menu: DeviceSelectorAudioInput, active: isAudioMute, caption: caption }, { children: _jsx(IconButton, { icon: isAudioMute ? 'mic-off' : 'mic', onClick: handleClick }) })) })) })));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToggleAudioButton.js","sourceRoot":"","sources":["../../../../src/components/CallControls/ToggleAudioButton.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,EACL,OAAO,EACP,iBAAiB,EACjB,OAAO,EACP,
|
|
1
|
+
{"version":3,"file":"ToggleAudioButton.js","sourceRoot":"","sources":["../../../../src/components/CallControls/ToggleAudioButton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export type ToggleVideoPreviewButtonProps = {
|
|
3
|
+
caption?: string;
|
|
4
|
+
};
|
|
5
|
+
export declare const ToggleVideoPreviewButton: ({ caption, }: ToggleVideoPreviewButtonProps) => JSX.Element;
|
|
6
|
+
type ToggleVideoPublishingButtonProps = {
|
|
7
|
+
caption?: string;
|
|
8
|
+
};
|
|
9
|
+
export declare const ToggleVideoPublishingButton: ({ caption, }: ToggleVideoPublishingButtonProps) => JSX.Element;
|
|
10
|
+
export {};
|
|
@@ -12,15 +12,15 @@ import { useCallback, useEffect, useState } from 'react';
|
|
|
12
12
|
import { Restricted, useCall, useHasPermissions, useLocalParticipant, } from '@stream-io/video-react-bindings';
|
|
13
13
|
import { OwnCapability, SfuModels } from '@stream-io/video-client';
|
|
14
14
|
import { CompositeButton, IconButton } from '../Button/';
|
|
15
|
-
import { useMediaDevices } from '../../core
|
|
15
|
+
import { DEVICE_STATE, useMediaDevices } from '../../core';
|
|
16
16
|
import { DeviceSelectorVideo } from '../DeviceSettings';
|
|
17
17
|
import { PermissionNotification } from '../Notification';
|
|
18
|
-
export const
|
|
19
|
-
const {
|
|
20
|
-
return (_jsx(CompositeButton, Object.assign({ Menu: DeviceSelectorVideo, active: !initialVideoState.enabled, caption: caption }, { children: _jsx(IconButton, { icon: initialVideoState.enabled ? 'camera' : 'camera-off', onClick:
|
|
18
|
+
export const ToggleVideoPreviewButton = ({ caption = 'Video', }) => {
|
|
19
|
+
const { toggleInitialVideoMuteState, initialVideoState } = useMediaDevices();
|
|
20
|
+
return (_jsx(CompositeButton, Object.assign({ Menu: DeviceSelectorVideo, active: !initialVideoState.enabled, caption: caption }, { children: _jsx(IconButton, { icon: initialVideoState.enabled ? 'camera' : 'camera-off', onClick: toggleInitialVideoMuteState }) })));
|
|
21
21
|
};
|
|
22
|
-
export const
|
|
23
|
-
const { publishVideoStream, stopPublishingVideo } = useMediaDevices();
|
|
22
|
+
export const ToggleVideoPublishingButton = ({ caption = 'Video', }) => {
|
|
23
|
+
const { publishVideoStream, stopPublishingVideo, setInitialVideoState } = useMediaDevices();
|
|
24
24
|
const localParticipant = useLocalParticipant();
|
|
25
25
|
const isVideoMute = !(localParticipant === null || localParticipant === void 0 ? void 0 : localParticipant.publishedTracks.includes(SfuModels.TrackType.VIDEO));
|
|
26
26
|
const call = useCall();
|
|
@@ -45,8 +45,14 @@ export const ToggleCameraPublishingButton = ({ caption = 'Video', }) => {
|
|
|
45
45
|
});
|
|
46
46
|
return;
|
|
47
47
|
}
|
|
48
|
-
if (isVideoMute
|
|
49
|
-
|
|
48
|
+
if (isVideoMute) {
|
|
49
|
+
if (hasPermission) {
|
|
50
|
+
setInitialVideoState(DEVICE_STATE.playing);
|
|
51
|
+
yield publishVideoStream();
|
|
52
|
+
}
|
|
53
|
+
else {
|
|
54
|
+
console.log('Cannot publish video. Insufficient permissions.');
|
|
55
|
+
}
|
|
50
56
|
}
|
|
51
57
|
else {
|
|
52
58
|
stopPublishingVideo();
|
|
@@ -56,8 +62,9 @@ export const ToggleCameraPublishingButton = ({ caption = 'Video', }) => {
|
|
|
56
62
|
hasPermission,
|
|
57
63
|
isVideoMute,
|
|
58
64
|
publishVideoStream,
|
|
65
|
+
setInitialVideoState,
|
|
59
66
|
stopPublishingVideo,
|
|
60
67
|
]);
|
|
61
68
|
return (_jsx(Restricted, Object.assign({ requiredGrants: [OwnCapability.SEND_VIDEO] }, { children: _jsx(PermissionNotification, Object.assign({ permission: OwnCapability.SEND_VIDEO, isAwaitingApproval: isAwaitingApproval, messageApproved: "You can now share your video.", messageAwaitingApproval: "Awaiting for an approval to share your video.", messageRevoked: "You can no longer share your video." }, { children: _jsx(CompositeButton, Object.assign({ Menu: DeviceSelectorVideo, active: isVideoMute, caption: caption }, { children: _jsx(IconButton, { icon: isVideoMute ? 'camera-off' : 'camera', onClick: handleClick }) })) })) })));
|
|
62
69
|
};
|
|
63
|
-
//# sourceMappingURL=
|
|
70
|
+
//# sourceMappingURL=ToggleVideoButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ToggleVideoButton.js","sourceRoot":"","sources":["../../../../src/components/CallControls/ToggleVideoButton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -6,6 +6,5 @@ export * from './ReactionsButton';
|
|
|
6
6
|
export * from './RecordCallButton';
|
|
7
7
|
export * from './ScreenShareButton';
|
|
8
8
|
export * from './ToggleAudioButton';
|
|
9
|
-
export * from './ToggleCameraButton';
|
|
10
9
|
export * from './ToggleAudioOutputButton';
|
|
11
|
-
export * from './
|
|
10
|
+
export * from './ToggleVideoButton';
|
|
@@ -6,7 +6,6 @@ export * from './ReactionsButton';
|
|
|
6
6
|
export * from './RecordCallButton';
|
|
7
7
|
export * from './ScreenShareButton';
|
|
8
8
|
export * from './ToggleAudioButton';
|
|
9
|
-
export * from './ToggleCameraButton';
|
|
10
9
|
export * from './ToggleAudioOutputButton';
|
|
11
|
-
export * from './
|
|
10
|
+
export * from './ToggleVideoButton';
|
|
12
11
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/CallControls/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/CallControls/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC"}
|
|
@@ -1,14 +1,16 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { DeviceSelector } from './DeviceSelector';
|
|
3
|
-
import { useMediaDevices } from '../../core
|
|
3
|
+
import { useMediaDevices, useAudioInputDevices, useAudioOutputDevices, } from '../../core';
|
|
4
4
|
export const DeviceSelectorAudioInput = ({ title = 'Select a Mic', }) => {
|
|
5
|
-
const {
|
|
5
|
+
const { selectedAudioInputDeviceId, switchDevice } = useMediaDevices();
|
|
6
|
+
const audioInputDevices = useAudioInputDevices();
|
|
6
7
|
return (_jsx(DeviceSelector, { devices: audioInputDevices, selectedDeviceId: selectedAudioInputDeviceId, onChange: (deviceId) => {
|
|
7
8
|
switchDevice('audioinput', deviceId);
|
|
8
9
|
}, title: title }));
|
|
9
10
|
};
|
|
10
11
|
export const DeviceSelectorAudioOutput = ({ title = 'Select speakers', }) => {
|
|
11
|
-
const {
|
|
12
|
+
const { isAudioOutputChangeSupported, selectedAudioOutputDeviceId, switchDevice, } = useMediaDevices();
|
|
13
|
+
const audioOutputDevices = useAudioOutputDevices();
|
|
12
14
|
if (!isAudioOutputChangeSupported)
|
|
13
15
|
return null;
|
|
14
16
|
return (_jsx(DeviceSelector, { devices: audioOutputDevices, selectedDeviceId: selectedAudioOutputDeviceId, onChange: (deviceId) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DeviceSelectorAudio.js","sourceRoot":"","sources":["../../../../src/components/DeviceSettings/DeviceSelectorAudio.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,
|
|
1
|
+
{"version":3,"file":"DeviceSelectorAudio.js","sourceRoot":"","sources":["../../../../src/components/DeviceSettings/DeviceSelectorAudio.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EACL,eAAe,EACf,oBAAoB,EACpB,qBAAqB,GACtB,MAAM,YAAY,CAAC;AAMpB,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,EACvC,KAAK,GAAG,cAAc,GACQ,EAAE,EAAE;IAClC,MAAM,EAAE,0BAA0B,EAAE,YAAY,EAAE,GAAG,eAAe,EAAE,CAAC;IACvE,MAAM,iBAAiB,GAAG,oBAAoB,EAAE,CAAC;IAEjD,OAAO,CACL,KAAC,cAAc,IACb,OAAO,EAAE,iBAAiB,EAC1B,gBAAgB,EAAE,0BAA0B,EAC5C,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE;YACrB,YAAY,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;QACvC,CAAC,EACD,KAAK,EAAE,KAAK,GACZ,CACH,CAAC;AACJ,CAAC,CAAC;AAMF,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,EACxC,KAAK,GAAG,iBAAiB,GACM,EAAE,EAAE;IACnC,MAAM,EACJ,4BAA4B,EAC5B,2BAA2B,EAC3B,YAAY,GACb,GAAG,eAAe,EAAE,CAAC;IAEtB,MAAM,kBAAkB,GAAG,qBAAqB,EAAE,CAAC;IAEnD,IAAI,CAAC,4BAA4B;QAAE,OAAO,IAAI,CAAC;IAE/C,OAAO,CACL,KAAC,cAAc,IACb,OAAO,EAAE,kBAAkB,EAC3B,gBAAgB,EAAE,2BAA2B,EAC7C,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE;YACrB,YAAY,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC;QACxC,CAAC,EACD,KAAK,EAAE,KAAK,GACZ,CACH,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { DeviceSelector } from './DeviceSelector';
|
|
3
|
-
import { useMediaDevices } from '../../core
|
|
3
|
+
import { useMediaDevices, useVideoDevices } from '../../core';
|
|
4
4
|
export const DeviceSelectorVideo = ({ title }) => {
|
|
5
|
-
const {
|
|
5
|
+
const { selectedVideoDeviceId, switchDevice } = useMediaDevices();
|
|
6
|
+
const videoDevices = useVideoDevices();
|
|
6
7
|
return (_jsx(DeviceSelector, { devices: videoDevices, selectedDeviceId: selectedVideoDeviceId, onChange: (deviceId) => {
|
|
7
8
|
switchDevice('videoinput', deviceId);
|
|
8
9
|
}, title: title || 'Select a Camera' }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DeviceSelectorVideo.js","sourceRoot":"","sources":["../../../../src/components/DeviceSettings/DeviceSelectorVideo.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"DeviceSelectorVideo.js","sourceRoot":"","sources":["../../../../src/components/DeviceSettings/DeviceSelectorVideo.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAM9D,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EAAE,KAAK,EAA4B,EAAE,EAAE;IACzE,MAAM,EAAE,qBAAqB,EAAE,YAAY,EAAE,GAAG,eAAe,EAAE,CAAC;IAClE,MAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IAEvC,OAAO,CACL,KAAC,cAAc,IACb,OAAO,EAAE,YAAY,EACrB,gBAAgB,EAAE,qBAAqB,EACvC,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE;YACrB,YAAY,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;QACvC,CAAC,EACD,KAAK,EAAE,KAAK,IAAI,iBAAiB,GACjC,CACH,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -2,8 +2,8 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
|
|
|
2
2
|
import { useCallback, useEffect, useState, } from 'react';
|
|
3
3
|
import clsx from 'clsx';
|
|
4
4
|
import { disposeOfMediaStream } from '@stream-io/video-client';
|
|
5
|
-
import { BaseVideo } from '../../core/components/Video
|
|
6
|
-
import { DEVICE_STATE, useMediaDevices } from '../../core
|
|
5
|
+
import { BaseVideo } from '../../core/components/Video';
|
|
6
|
+
import { DEVICE_STATE, useMediaDevices, useOnUnavailableVideoDevices, useVideoDevices, } from '../../core';
|
|
7
7
|
import { LoadingIndicator } from '../LoadingIndicator';
|
|
8
8
|
const DefaultDisabledVideoPreview = () => {
|
|
9
9
|
return _jsx("div", { children: "Video is disabled" });
|
|
@@ -16,9 +16,14 @@ const DefaultVideoErrorPreview = ({ message }) => {
|
|
|
16
16
|
};
|
|
17
17
|
export const VideoPreview = ({ mirror = true, DisabledVideoPreview = DefaultDisabledVideoPreview, NoCameraPreview = DefaultNoCameraPreview, StartingCameraPreview = LoadingIndicator, VideoErrorPreview = DefaultVideoErrorPreview, }) => {
|
|
18
18
|
const [stream, setStream] = useState();
|
|
19
|
-
const {
|
|
19
|
+
const { selectedVideoDeviceId, getVideoStream, initialVideoState, setInitialVideoState, } = useMediaDevices();
|
|
20
|
+
// When there are 0 video devices (e.g. when laptop lid closed),
|
|
21
|
+
// we do not restart the video automatically when the device is again available,
|
|
22
|
+
// but rather leave turning the video on manually to the user.
|
|
23
|
+
useOnUnavailableVideoDevices(() => setInitialVideoState(DEVICE_STATE.stopped));
|
|
24
|
+
const videoDevices = useVideoDevices();
|
|
20
25
|
useEffect(() => {
|
|
21
|
-
if (!initialVideoState.enabled
|
|
26
|
+
if (!initialVideoState.enabled)
|
|
22
27
|
return;
|
|
23
28
|
getVideoStream(selectedVideoDeviceId)
|
|
24
29
|
.then((s) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VideoPreview.js","sourceRoot":"","sources":["../../../../src/components/Video/VideoPreview.tsx"],"names":[],"mappings":";AAAA,OAAO,EAGL,WAAW,EACX,SAAS,EACT,QAAQ,GACT,MAAM,OAAO,CAAC;AACf,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"VideoPreview.js","sourceRoot":"","sources":["../../../../src/components/Video/VideoPreview.tsx"],"names":[],"mappings":"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"}
|
|
@@ -31,9 +31,6 @@ export declare const DEVICE_STATE: {
|
|
|
31
31
|
* @internal
|
|
32
32
|
*/
|
|
33
33
|
export type MediaDevicesContextAPI = {
|
|
34
|
-
audioInputDevices: MediaDeviceInfo[];
|
|
35
|
-
audioOutputDevices: MediaDeviceInfo[];
|
|
36
|
-
videoDevices: MediaDeviceInfo[];
|
|
37
34
|
disposeOfMediaStream: (stream: MediaStream) => void;
|
|
38
35
|
getAudioStream: (deviceId?: string) => Promise<MediaStream>;
|
|
39
36
|
getVideoStream: (deviceId?: string) => Promise<MediaStream>;
|
|
@@ -44,13 +41,14 @@ export type MediaDevicesContextAPI = {
|
|
|
44
41
|
publishAudioStream: () => Promise<void>;
|
|
45
42
|
stopPublishingAudio: () => void;
|
|
46
43
|
stopPublishingVideo: () => void;
|
|
44
|
+
setInitialAudioEnabled: (enabled: boolean) => void;
|
|
47
45
|
setInitialVideoState: (state: DeviceState) => void;
|
|
48
46
|
selectedAudioInputDeviceId?: string;
|
|
49
47
|
selectedAudioOutputDeviceId?: string;
|
|
50
48
|
selectedVideoDeviceId?: string;
|
|
51
49
|
switchDevice: (kind: MediaDeviceKind, deviceId?: string) => void;
|
|
52
|
-
|
|
53
|
-
|
|
50
|
+
toggleInitialAudioMuteState: () => void;
|
|
51
|
+
toggleInitialVideoMuteState: () => void;
|
|
54
52
|
};
|
|
55
53
|
/**
|
|
56
54
|
* Exclude types from documentaiton site, but we should still add doc comments
|
|
@@ -71,7 +69,7 @@ export type MediaDevicesProviderProps = PropsWithChildren<{
|
|
|
71
69
|
*
|
|
72
70
|
* @category Device Management
|
|
73
71
|
*/
|
|
74
|
-
export declare const MediaDevicesProvider: ({ children,
|
|
72
|
+
export declare const MediaDevicesProvider: ({ children, initialAudioEnabled, initialVideoEnabled, initialVideoInputDeviceId, initialAudioOutputDeviceId, initialAudioInputDeviceId, }: MediaDevicesProviderProps) => JSX.Element;
|
|
75
73
|
/**
|
|
76
74
|
*
|
|
77
75
|
* @returns
|
|
@@ -9,10 +9,10 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
|
|
|
9
9
|
};
|
|
10
10
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
11
11
|
import { createContext, useCallback, useContext, useEffect, useState, } from 'react';
|
|
12
|
-
import { map
|
|
13
|
-
import { CallingState, checkIfAudioOutputChangeSupported, disposeOfMediaStream,
|
|
12
|
+
import { map } from 'rxjs';
|
|
13
|
+
import { CallingState, checkIfAudioOutputChangeSupported, disposeOfMediaStream, getAudioStream, getVideoStream, SfuModels, watchForDisconnectedAudioOutputDevice, } from '@stream-io/video-client';
|
|
14
14
|
import { useCall, useCallCallingState, useCallState, } from '@stream-io/video-react-bindings';
|
|
15
|
-
import { useAudioPublisher, useVideoPublisher } from '../hooks';
|
|
15
|
+
import { useAudioInputDeviceFallback, useAudioOutputDeviceFallback, useAudioPublisher, useVideoDeviceFallback, useVideoPublisher, } from '../hooks';
|
|
16
16
|
const DEVICE_STATE_TOGGLE = {
|
|
17
17
|
starting: 'stopped',
|
|
18
18
|
playing: 'stopped',
|
|
@@ -31,6 +31,7 @@ export const DEVICE_STATE = {
|
|
|
31
31
|
uninitialized: { type: 'uninitialized', enabled: false },
|
|
32
32
|
error: { type: 'error', message: '', enabled: false },
|
|
33
33
|
};
|
|
34
|
+
const DEFAULT_DEVICE_ID = 'default';
|
|
34
35
|
const MediaDevicesContext = createContext(null);
|
|
35
36
|
// todo: republish the stream, when a new default device connected
|
|
36
37
|
/**
|
|
@@ -40,19 +41,16 @@ const MediaDevicesContext = createContext(null);
|
|
|
40
41
|
*
|
|
41
42
|
* @category Device Management
|
|
42
43
|
*/
|
|
43
|
-
export const MediaDevicesProvider = ({ children,
|
|
44
|
+
export const MediaDevicesProvider = ({ children, initialAudioEnabled, initialVideoEnabled, initialVideoInputDeviceId = DEFAULT_DEVICE_ID, initialAudioOutputDeviceId = DEFAULT_DEVICE_ID, initialAudioInputDeviceId = DEFAULT_DEVICE_ID, }) => {
|
|
44
45
|
const call = useCall();
|
|
45
46
|
const callingState = useCallCallingState();
|
|
46
47
|
const callState = useCallState();
|
|
47
48
|
const { localParticipant$ } = callState;
|
|
48
|
-
const [
|
|
49
|
-
const [
|
|
50
|
-
const [audioOutputDevices, setAudioOutputDevices] = useState([]);
|
|
51
|
-
const [selectedAudioInputDeviceId, setSelectedAudioInputDeviceId] = useState(initialAudioInputDeviceId);
|
|
52
|
-
const [selectedAudioOutputDeviceId, setSelectedAudioOutputDeviceId] = useState(initialAudioOutputDeviceId);
|
|
49
|
+
const [selectedAudioInputDeviceId, selectAudioInputDeviceId] = useState(initialAudioInputDeviceId);
|
|
50
|
+
const [selectedAudioOutputDeviceId, selectAudioOutputDeviceId] = useState(initialAudioOutputDeviceId);
|
|
53
51
|
const [selectedVideoDeviceId, selectVideoDeviceId] = useState(initialVideoInputDeviceId);
|
|
54
52
|
const [isAudioOutputChangeSupported] = useState(() => checkIfAudioOutputChangeSupported());
|
|
55
|
-
const [initAudioEnabled,
|
|
53
|
+
const [initAudioEnabled, setInitialAudioEnabled] = useState(!!initialAudioEnabled);
|
|
56
54
|
const [initialVideoState, setInitialVideoState] = useState(() => initialVideoEnabled ? DEVICE_STATE.starting : DEVICE_STATE.uninitialized);
|
|
57
55
|
const publishVideoStream = useVideoPublisher({
|
|
58
56
|
initialVideoMuted: !initialVideoState.enabled,
|
|
@@ -65,7 +63,7 @@ export const MediaDevicesProvider = ({ children, enumerate = true, initialAudioE
|
|
|
65
63
|
const stopPublishingAudio = useCallback(() => {
|
|
66
64
|
if (callingState === CallingState.IDLE ||
|
|
67
65
|
callingState === CallingState.RINGING) {
|
|
68
|
-
|
|
66
|
+
setInitialAudioEnabled(false);
|
|
69
67
|
}
|
|
70
68
|
else {
|
|
71
69
|
call === null || call === void 0 ? void 0 : call.stopPublish(SfuModels.TrackType.AUDIO);
|
|
@@ -80,8 +78,10 @@ export const MediaDevicesProvider = ({ children, enumerate = true, initialAudioE
|
|
|
80
78
|
call === null || call === void 0 ? void 0 : call.stopPublish(SfuModels.TrackType.VIDEO);
|
|
81
79
|
}
|
|
82
80
|
}, [call, callingState]);
|
|
83
|
-
const
|
|
84
|
-
|
|
81
|
+
const toggleInitialAudioMuteState = useCallback(() => setInitialAudioEnabled((prev) => {
|
|
82
|
+
return !prev;
|
|
83
|
+
}), []);
|
|
84
|
+
const toggleInitialVideoMuteState = useCallback(() => setInitialVideoState((prev) => {
|
|
85
85
|
const newType = DEVICE_STATE_TOGGLE[prev.type];
|
|
86
86
|
return DEVICE_STATE[newType];
|
|
87
87
|
}), []);
|
|
@@ -90,76 +90,15 @@ export const MediaDevicesProvider = ({ children, enumerate = true, initialAudioE
|
|
|
90
90
|
selectVideoDeviceId(deviceId);
|
|
91
91
|
}
|
|
92
92
|
if (kind === 'audioinput') {
|
|
93
|
-
|
|
93
|
+
selectAudioInputDeviceId(deviceId);
|
|
94
94
|
}
|
|
95
95
|
if (kind === 'audiooutput') {
|
|
96
|
-
|
|
96
|
+
selectAudioOutputDeviceId(deviceId);
|
|
97
97
|
}
|
|
98
98
|
}, []);
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
const validateInitialInputDeviceId = getAudioDevices()
|
|
103
|
-
.pipe(take(1))
|
|
104
|
-
.subscribe((devices) => {
|
|
105
|
-
const initialDeviceFound = devices.find((device) => device.deviceId === initialAudioInputDeviceId);
|
|
106
|
-
if (!initialDeviceFound) {
|
|
107
|
-
setSelectedAudioInputDeviceId('default');
|
|
108
|
-
}
|
|
109
|
-
});
|
|
110
|
-
const subscription = getAudioDevices().subscribe(setAudioInputDevices);
|
|
111
|
-
return () => {
|
|
112
|
-
subscription.unsubscribe();
|
|
113
|
-
validateInitialInputDeviceId.unsubscribe();
|
|
114
|
-
};
|
|
115
|
-
}, [enumerate, initialAudioInputDeviceId]);
|
|
116
|
-
useEffect(() => {
|
|
117
|
-
if (!enumerate)
|
|
118
|
-
return;
|
|
119
|
-
const validateInitialInputDeviceId = getVideoDevices()
|
|
120
|
-
.pipe(take(1))
|
|
121
|
-
.subscribe((devices) => {
|
|
122
|
-
const initialDeviceFound = devices.find((device) => device.deviceId === initialVideoInputDeviceId);
|
|
123
|
-
if (!initialDeviceFound) {
|
|
124
|
-
selectVideoDeviceId('default');
|
|
125
|
-
}
|
|
126
|
-
});
|
|
127
|
-
const subscription = getVideoDevices().subscribe(setVideoDevices);
|
|
128
|
-
return () => {
|
|
129
|
-
subscription.unsubscribe();
|
|
130
|
-
validateInitialInputDeviceId.unsubscribe();
|
|
131
|
-
};
|
|
132
|
-
}, [enumerate, initialVideoInputDeviceId]);
|
|
133
|
-
useEffect(() => {
|
|
134
|
-
if (!enumerate)
|
|
135
|
-
return;
|
|
136
|
-
const validateInitialInputDeviceId = getAudioOutputDevices()
|
|
137
|
-
.pipe(take(1))
|
|
138
|
-
.subscribe((devices) => {
|
|
139
|
-
const initialDeviceFound = devices.find((device) => device.deviceId === initialAudioOutputDeviceId);
|
|
140
|
-
if (!initialDeviceFound) {
|
|
141
|
-
setSelectedAudioOutputDeviceId('default');
|
|
142
|
-
}
|
|
143
|
-
});
|
|
144
|
-
const subscription = getAudioOutputDevices().subscribe(setAudioOutputDevices);
|
|
145
|
-
return () => {
|
|
146
|
-
subscription.unsubscribe();
|
|
147
|
-
validateInitialInputDeviceId.unsubscribe();
|
|
148
|
-
};
|
|
149
|
-
}, [enumerate, initialAudioOutputDeviceId]);
|
|
150
|
-
useEffect(() => {
|
|
151
|
-
const subscription = getVideoDevices()
|
|
152
|
-
.pipe(pairwise())
|
|
153
|
-
.subscribe(([prev, current]) => {
|
|
154
|
-
// When there are 0 video devices (e.g. when laptop lid closed),
|
|
155
|
-
// we do not restart the video automatically when the device is again available,
|
|
156
|
-
// but rather leave this to the user.
|
|
157
|
-
if (prev.length > 0 && current.length === 0) {
|
|
158
|
-
setInitialVideoState(DEVICE_STATE.stopped);
|
|
159
|
-
}
|
|
160
|
-
});
|
|
161
|
-
return () => subscription.unsubscribe();
|
|
162
|
-
}, [videoDevices.length]);
|
|
99
|
+
useAudioInputDeviceFallback(() => switchDevice('audioinput', DEFAULT_DEVICE_ID), selectedAudioInputDeviceId);
|
|
100
|
+
useAudioOutputDeviceFallback(() => switchDevice('audiooutput', DEFAULT_DEVICE_ID), selectedAudioOutputDeviceId);
|
|
101
|
+
useVideoDeviceFallback(() => switchDevice('videoinput', DEFAULT_DEVICE_ID), selectedVideoDeviceId);
|
|
163
102
|
useEffect(() => {
|
|
164
103
|
if (!call || callingState !== CallingState.JOINED)
|
|
165
104
|
return;
|
|
@@ -169,16 +108,13 @@ export const MediaDevicesProvider = ({ children, enumerate = true, initialAudioE
|
|
|
169
108
|
if (!localParticipant$)
|
|
170
109
|
return;
|
|
171
110
|
const subscription = watchForDisconnectedAudioOutputDevice(localParticipant$.pipe(map((p) => p === null || p === void 0 ? void 0 : p.audioOutputDeviceId))).subscribe(() => __awaiter(void 0, void 0, void 0, function* () {
|
|
172
|
-
|
|
111
|
+
selectAudioOutputDeviceId(DEFAULT_DEVICE_ID);
|
|
173
112
|
}));
|
|
174
113
|
return () => {
|
|
175
114
|
subscription.unsubscribe();
|
|
176
115
|
};
|
|
177
116
|
}, [localParticipant$]);
|
|
178
117
|
const contextValue = {
|
|
179
|
-
audioInputDevices,
|
|
180
|
-
videoDevices,
|
|
181
|
-
audioOutputDevices,
|
|
182
118
|
disposeOfMediaStream,
|
|
183
119
|
getAudioStream,
|
|
184
120
|
getVideoStream,
|
|
@@ -189,9 +125,10 @@ export const MediaDevicesProvider = ({ children, enumerate = true, initialAudioE
|
|
|
189
125
|
switchDevice,
|
|
190
126
|
initialAudioEnabled: initAudioEnabled,
|
|
191
127
|
initialVideoState,
|
|
128
|
+
setInitialAudioEnabled,
|
|
192
129
|
setInitialVideoState,
|
|
193
|
-
|
|
194
|
-
|
|
130
|
+
toggleInitialAudioMuteState,
|
|
131
|
+
toggleInitialVideoMuteState,
|
|
195
132
|
publishAudioStream,
|
|
196
133
|
publishVideoStream,
|
|
197
134
|
stopPublishingAudio,
|