@stream-io/video-react-sdk 0.4.7 → 0.4.8

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 CHANGED
@@ -2,6 +2,18 @@
2
2
 
3
3
  This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
4
4
 
5
+ ### [0.4.8](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-sdk-0.4.7...@stream-io/video-react-sdk-0.4.8) (2023-11-07)
6
+
7
+ ### Dependency Updates
8
+
9
+ * `@stream-io/video-client` updated to version `0.4.5`
10
+ * `@stream-io/video-react-bindings` updated to version `0.3.5`
11
+ * `@stream-io/video-styling` updated to version `0.1.14`
12
+
13
+ ### Bug Fixes
14
+
15
+ * lift the debug helpers from the SDK to Pronto ([#1182](https://github.com/GetStream/stream-video-js/issues/1182)) ([8f31efc](https://github.com/GetStream/stream-video-js/commit/8f31efc71d9f85ef147d21b42f23876599c36072))
16
+
5
17
  ### [0.4.7](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-sdk-0.4.6...@stream-io/video-react-sdk-0.4.7) (2023-11-03)
6
18
 
7
19
 
@@ -1030,13 +1030,6 @@
1030
1030
  .str-video__call-stats h3 {
1031
1031
  margin: unset;
1032
1032
  }
1033
- .str-video__call-stats.str-video__call-stats-angular {
1034
- width: 400px;
1035
- }
1036
- .str-video__call-stats.str-video__call-stats-angular canvas {
1037
- width: 400px;
1038
- height: 200px;
1039
- }
1040
1033
  .str-video__call-stats .str-video__call-stats__card-container {
1041
1034
  --gap: 1rem;
1042
1035
  display: flex;
@@ -1480,8 +1473,7 @@
1480
1473
  font-size: 0.75rem;
1481
1474
  }
1482
1475
 
1483
- .str-video__participant-view,
1484
- .str-video__participant-view--angular-host {
1476
+ .str-video__participant-view {
1485
1477
  position: relative;
1486
1478
  width: 100%;
1487
1479
  max-width: 1280px;
@@ -1493,33 +1485,26 @@
1493
1485
  justify-content: center;
1494
1486
  border-radius: var(--str-video__border-radius-sm);
1495
1487
  }
1496
- .str-video__participant-view--speaking,
1497
- .str-video__participant-view--angular-host--speaking {
1488
+ .str-video__participant-view--speaking {
1498
1489
  outline: 2px solid var(--str-video__primary-color);
1499
1490
  }
1500
1491
  .str-video__participant-view .str-video__participant-details,
1501
- .str-video__participant-view .str-video__call-controls__button,
1502
- .str-video__participant-view--angular-host .str-video__participant-details,
1503
- .str-video__participant-view--angular-host .str-video__call-controls__button {
1492
+ .str-video__participant-view .str-video__call-controls__button {
1504
1493
  transition: opacity 200ms ease-out;
1505
1494
  opacity: 0.3;
1506
1495
  color: var(--str-video__text-color1);
1507
1496
  }
1508
1497
  .str-video__participant-view:hover .str-video__participant-details,
1509
- .str-video__participant-view:hover .str-video__call-controls__button,
1510
- .str-video__participant-view--angular-host:hover .str-video__participant-details,
1511
- .str-video__participant-view--angular-host:hover .str-video__call-controls__button {
1498
+ .str-video__participant-view:hover .str-video__call-controls__button {
1512
1499
  opacity: 1;
1513
1500
  }
1514
- .str-video__participant-view > .str-video__call-controls__button,
1515
- .str-video__participant-view--angular-host > .str-video__call-controls__button {
1501
+ .str-video__participant-view > .str-video__call-controls__button {
1516
1502
  position: absolute;
1517
1503
  top: 0.875rem;
1518
1504
  right: 0.875rem;
1519
1505
  padding: 0.3rem;
1520
1506
  }
1521
- .str-video__participant-view .str-video__participant-details,
1522
- .str-video__participant-view--angular-host .str-video__participant-details {
1507
+ .str-video__participant-view .str-video__participant-details {
1523
1508
  position: absolute;
1524
1509
  left: 0.875rem;
1525
1510
  bottom: 0.875rem;
@@ -1529,8 +1514,7 @@
1529
1514
  border-radius: var(--str-video__border-radius-xs);
1530
1515
  background-color: var(--str-video__background-color4);
1531
1516
  }
1532
- .str-video__participant-view .str-video__participant-details .str-video__participant-details__name,
1533
- .str-video__participant-view--angular-host .str-video__participant-details .str-video__participant-details__name {
1517
+ .str-video__participant-view .str-video__participant-details .str-video__participant-details__name {
1534
1518
  display: flex;
1535
1519
  align-items: center;
1536
1520
  gap: 0.3125rem;
@@ -1539,8 +1523,7 @@
1539
1523
  overflow: hidden;
1540
1524
  text-overflow: ellipsis;
1541
1525
  }
1542
- .str-video__participant-view .str-video__participant-details .str-video__participant-details__name .str-video__participant-details__name--audio-muted,
1543
- .str-video__participant-view--angular-host .str-video__participant-details .str-video__participant-details__name .str-video__participant-details__name--audio-muted {
1526
+ .str-video__participant-view .str-video__participant-details .str-video__participant-details__name .str-video__participant-details__name--audio-muted {
1544
1527
  width: 1rem;
1545
1528
  height: 1rem;
1546
1529
  mask-size: 1rem;
@@ -1549,8 +1532,7 @@
1549
1532
  mask-image: var(--str-video__icon--mic-off);
1550
1533
  -webkit-mask-image: var(--str-video__icon--mic-off);
1551
1534
  }
1552
- .str-video__participant-view .str-video__participant-details .str-video__participant-details__name .str-video__participant-details__name--dominant_speaker,
1553
- .str-video__participant-view--angular-host .str-video__participant-details .str-video__participant-details__name .str-video__participant-details__name--dominant_speaker {
1535
+ .str-video__participant-view .str-video__participant-details .str-video__participant-details__name .str-video__participant-details__name--dominant_speaker {
1554
1536
  width: 1rem;
1555
1537
  height: 1rem;
1556
1538
  mask-size: 1rem;
@@ -1565,8 +1547,7 @@
1565
1547
  mask-position: center;
1566
1548
  -webkit-mask-position: center;
1567
1549
  }
1568
- .str-video__participant-view .str-video__participant-details .str-video__participant-details__name .str-video__participant-details__name--video-muted,
1569
- .str-video__participant-view--angular-host .str-video__participant-details .str-video__participant-details__name .str-video__participant-details__name--video-muted {
1550
+ .str-video__participant-view .str-video__participant-details .str-video__participant-details__name .str-video__participant-details__name--video-muted {
1570
1551
  width: 1rem;
1571
1552
  height: 1rem;
1572
1553
  mask-size: 1rem;
@@ -1575,8 +1556,7 @@
1575
1556
  mask-image: var(--str-video__icon--camera-off);
1576
1557
  -webkit-mask-image: var(--str-video__icon--camera-off);
1577
1558
  }
1578
- .str-video__participant-view .str-video__participant-details .str-video__participant-details__name .str-video__participant-details__name--pinned,
1579
- .str-video__participant-view--angular-host .str-video__participant-details .str-video__participant-details__name .str-video__participant-details__name--pinned {
1559
+ .str-video__participant-view .str-video__participant-details .str-video__participant-details__name .str-video__participant-details__name--pinned {
1580
1560
  width: 1rem;
1581
1561
  height: 1rem;
1582
1562
  mask-size: 1rem;
@@ -1593,8 +1573,7 @@
1593
1573
  mask-image: var(--str-video__icon--pin);
1594
1574
  -webkit-mask-image: var(--str-video__icon--pin);
1595
1575
  }
1596
- .str-video__participant-view .str-video__participant-details .str-video__participant-details__name .str-video__participant-details__name--network-stats,
1597
- .str-video__participant-view--angular-host .str-video__participant-details .str-video__participant-details__name .str-video__participant-details__name--network-stats {
1576
+ .str-video__participant-view .str-video__participant-details .str-video__participant-details__name .str-video__participant-details__name--network-stats {
1598
1577
  width: 1rem;
1599
1578
  height: 1rem;
1600
1579
  mask-size: 1rem;
@@ -1604,23 +1583,19 @@
1604
1583
  cursor: pointer;
1605
1584
  margin-right: 0.625rem;
1606
1585
  }
1607
- .str-video__participant-view .str-video__participant-details .str-video__participant-details__connection-quality,
1608
- .str-video__participant-view--angular-host .str-video__participant-details .str-video__participant-details__connection-quality {
1586
+ .str-video__participant-view .str-video__participant-details .str-video__participant-details__connection-quality {
1609
1587
  width: 1.5rem;
1610
1588
  height: 1.5rem;
1611
1589
  display: block;
1612
1590
  background-size: cover;
1613
1591
  }
1614
- .str-video__participant-view .str-video__participant-details .str-video__participant-details__connection-quality--poor,
1615
- .str-video__participant-view--angular-host .str-video__participant-details .str-video__participant-details__connection-quality--poor {
1592
+ .str-video__participant-view .str-video__participant-details .str-video__participant-details__connection-quality--poor {
1616
1593
  background-image: var(--str-video__icon--connection-quality-poor);
1617
1594
  }
1618
- .str-video__participant-view .str-video__participant-details .str-video__participant-details__connection-quality--good,
1619
- .str-video__participant-view--angular-host .str-video__participant-details .str-video__participant-details__connection-quality--good {
1595
+ .str-video__participant-view .str-video__participant-details .str-video__participant-details__connection-quality--good {
1620
1596
  background-image: var(--str-video__icon--connection-quality-good);
1621
1597
  }
1622
- .str-video__participant-view .str-video__participant-details .str-video__participant-details__connection-quality--excellent,
1623
- .str-video__participant-view--angular-host .str-video__participant-details .str-video__participant-details__connection-quality--excellent {
1598
+ .str-video__participant-view .str-video__participant-details .str-video__participant-details__connection-quality--excellent {
1624
1599
  background-image: var(--str-video__icon--connection-quality-excellent);
1625
1600
  }
1626
1601
 
@@ -1889,14 +1864,6 @@
1889
1864
  background-color: var(--str-video__search-input__icon--color);
1890
1865
  }
1891
1866
 
1892
- .str-video__call-angular-host {
1893
- height: 100%;
1894
- max-height: 100%;
1895
- min-height: 0;
1896
- display: flex;
1897
- flex-direction: column;
1898
- }
1899
-
1900
1867
  .str-video__call {
1901
1868
  background-color: var(--str-video__background-color2);
1902
1869
  color: var(--str-video__text-color1);
@@ -2080,24 +2047,4 @@
2080
2047
  overflow: hidden;
2081
2048
  }
2082
2049
 
2083
- .str-video__debug__track-stats {
2084
- font-size: 0.6rem;
2085
- overflow: scroll;
2086
- height: 600px;
2087
- width: 500px;
2088
- background-color: var(--str-video__background-color1);
2089
- color: var(--str-video__text-color1);
2090
- z-index: 10;
2091
- }
2092
-
2093
- .str-video__debug__track-stats-icon {
2094
- display: inline-block;
2095
- width: 1.5rem;
2096
- height: 1.5rem;
2097
- background-position: center;
2098
- background-repeat: no-repeat;
2099
- background-image: var(--str-video__icon--stats);
2100
- cursor: pointer;
2101
- }
2102
-
2103
2050
  /*# sourceMappingURL=styles.css.map */
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/_base.scss","../../src/_global-theme-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/CallLayout/LivestreamLayout-layout.scss","../../src/CallLayout/PaginatedGridLayout-layout.scss","../../src/CallLayout/SpeakerLayout-layout.scss","../../src/CallParticipantList/CallParticipantList-layout.scss","../../src/CallParticipantList/CallParticipantList-theme.scss","../../src/CallParticipantList/CallParticiantListingItem-layout.scss","../../src/CallParticipantList/CallParticiantListingItem-theme.scss","../../src/CallPreview/CallPreview-layout.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/Icon/Icon-theme.scss","../../src/Icon/Icon-layout.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/ParticipantView/ParticipantView-layout.scss","../../src/Permissions/Permissions-layout.scss","../../src/Reaction/Reaction-layout.scss","../../src/RingingCall/RingingCall-layout.scss","../../src/RingingCall/RingingCall-theme.scss","../../src/ScreenShareOverlay/ScreenShareOverlay-layout.scss","../../src/ScreenShareOverlay/ScreenShareOverlay-theme.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/Video-theme.scss","../../src/Video/VideoPlaceholder-layout.scss","../../src/Video/VideoPlaceholder-theme.scss","../../src/VideoPreview/VideoPreview-layout.scss","../../src/VideoPreview/VideoPreview-theme.scss","../../src/Debug.scss"],"names":[],"mappings":";AACE;AAAA;AAAA;EAGE;;AAGF;EACE;EACA;EACA;;;AAKF;EACE;EACA;EACA;EACA;;AAGF;AAAA;EAEE;EACA;;;ACzBJ;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EAIA;EACA;EAGA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;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;EACA;EACA;EACA;;;AC5EF;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;EAEA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EAOE;;AANA;EACE;EACA;EACA;;AAMJ;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AC5GR;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;EAGE;;AAGF;EACE;;AAGF;AAAA;EAEE;;AAIJ;EACE;EACA;EACA;EACA;;AAGE;EACE;EACA;;AAIJ;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;;AAIJ;EACE;;AACA;EACE;;AAGF;EACE;EACA;;AAEA;EACE;EACA;EACA;EAEA;;AAKN;EACE;;AAEF;EACE;;AAEF;EACE;;AAKA;EACE;EACA;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAMF;EACE;;AAEF;EACE;;AAEF;EACE;;;AC/HN;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAKN;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;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;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;EhBAE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AgBHF;EhBJE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AgBCF;EACE;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;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;EhBxEA,YgB0EM;EhBzEN,oBgByEM;EhBxEN;EACA;EACA;EACA;EACA,WgBsEM;EhBrEN,mBgBqEM;EhBpEN,kBgBmEM;;AAKN;EAEE;EACA;;;AAIJ;EACE;;;AClGF;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;;AAGF;EACE;EACA;;AAKF;EACE;EACA;;;AC3KJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACTF;EACE;EACA;EACA;;;ACDF;EpBQE,YoBNE;EpBOF,oBoBPE;EpBQF;EACA;EACA;EACA;EACA,WAPmD;EAQnD,mBARmD;EASnD,kBoBbE;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;E1BGA,Y0BDI;E1BEJ,oB0BFI;E1BGJ;EACA;EACA;EACA;EACA,W0BLI;E1BMJ,mB0BNI;E1BOJ,kB0BRI;;AAKJ;EACE;;;ACdJ;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;AAEA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;EAEE;EACA;EACA;;AAIA;AAAA;AAAA;AAAA;EAEE;;AAIJ;AAAA;EACE;EACA;EACA;EACA;;AAGF;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACE;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;;;ACjIR;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;;AAEA;EACE;EACA;EACA;;;ACRJ;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;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;;ACxBN;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;;ACfN;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;EnCHE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AmCDA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EnC9BA,YmCgCI;EnC/BJ,oBmC+BI;EnC9BJ;EACA;EACA;EACA;EACA,WmC4BI;EnC3BJ,mBmC2BI;EnC1BJ,kBmCyBI;;AAIJ;EACE;;AAEA;EnCxCF,YmC0CM;EnCzCN,oBmCyCM;EnCxCN;EACA;EACA;EACA;EACA,WmCsCM;EnCrCN,mBmCqCM;EnCpCN,kBmCmCM;;;ACrDR;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;AAEA;EACE;EACA;;;ACrBJ;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;EtCNE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EsCCA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;;;AC1CF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;ACZJ;EACE;;;ACDF;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;E5CXE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;E4CMA;;;ACnCF;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-theme-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/CallLayout/LivestreamLayout-layout.scss","../../src/CallLayout/PaginatedGridLayout-layout.scss","../../src/CallLayout/SpeakerLayout-layout.scss","../../src/CallParticipantList/CallParticipantList-layout.scss","../../src/CallParticipantList/CallParticipantList-theme.scss","../../src/CallParticipantList/CallParticiantListingItem-layout.scss","../../src/CallParticipantList/CallParticiantListingItem-theme.scss","../../src/CallPreview/CallPreview-layout.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/Icon/Icon-theme.scss","../../src/Icon/Icon-layout.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/ParticipantView/ParticipantView-layout.scss","../../src/Permissions/Permissions-layout.scss","../../src/Reaction/Reaction-layout.scss","../../src/RingingCall/RingingCall-layout.scss","../../src/RingingCall/RingingCall-theme.scss","../../src/ScreenShareOverlay/ScreenShareOverlay-layout.scss","../../src/ScreenShareOverlay/ScreenShareOverlay-theme.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/Video-theme.scss","../../src/Video/VideoPlaceholder-layout.scss","../../src/Video/VideoPlaceholder-theme.scss","../../src/VideoPreview/VideoPreview-layout.scss","../../src/VideoPreview/VideoPreview-theme.scss"],"names":[],"mappings":";AACE;AAAA;AAAA;EAGE;;AAGF;EACE;EACA;EACA;;;AAKF;EACE;EACA;EACA;EACA;;AAGF;AAAA;EAEE;EACA;;;ACzBJ;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EAIA;EACA;EAGA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;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;EACA;EACA;EACA;;;AC5EF;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;EAEA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EAOE;;AANA;EACE;EACA;EACA;;AAMJ;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AC5GR;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;EAGE;;AAGF;EACE;;AAGF;AAAA;EAEE;;AAIJ;EACE;EACA;EACA;EACA;;AAGE;EACE;EACA;;AAIJ;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;;AAIJ;EACE;;AACA;EACE;;AAGF;EACE;EACA;;AAEA;EACE;EACA;EACA;EAEA;;AAKN;EACE;;AAEF;EACE;;AAEF;EACE;;AAKA;EACE;EACA;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAMF;EACE;;AAEF;EACE;;AAEF;EACE;;;AC/HN;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAKN;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;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EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAIJ;EACE;;;ACzCF;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;EhBAE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AgBHF;EhBJE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AgBCF;EACE;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;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;EhBxEA,YgB0EM;EhBzEN,oBgByEM;EhBxEN;EACA;EACA;EACA;EACA,WgBsEM;EhBrEN,mBgBqEM;EhBpEN,kBgBmEM;;AAKN;EAEE;EACA;;;AAIJ;EACE;;;AClGF;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;;AAGF;EACE;EACA;;AAKF;EACE;EACA;;;AC3KJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACTF;EACE;EACA;EACA;;;ACDF;EpBQE,YoBNE;EpBOF,oBoBPE;EpBQF;EACA;EACA;EACA;EACA,WAPmD;EAQnD,mBARmD;EASnD,kBoBbE;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;E1BGA,Y0BDI;E1BEJ,oB0BFI;E1BGJ;EACA;EACA;EACA;EACA,W0BLI;E1BMJ,mB0BNI;E1BOJ,kB0BRI;;AAKJ;EACE;;;ACdJ;EACE;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;AAAA;EAEE;EACA;EACA;;AAIA;AAAA;EAEE;;AAIJ;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAWA;EAPE,OADY;EAEZ,QAFY;EAGZ,WAHY;EAIZ,mBAJY;EAKZ;EAKA;EACA;;AAGF;EAbE,OADY;EAEZ,QAFY;EAGZ,WAHY;EAIZ,mBAJY;EAKZ;EAWA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;AAGF;EA1BE,OADY;EAEZ,QAFY;EAGZ,WAHY;EAIZ,mBAJY;EAKZ;EAwBA;EACA;;AAGF;EAhCE,OADY;EAEZ,QAFY;EAGZ,WAHY;EAIZ,mBAJY;EAKZ;EA8BA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EA9CE,OADY;EAEZ,QAFY;EAGZ,WAHY;EAIZ,mBAJY;EAKZ;EA4CA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;;AAEF;EACE;;;AChIR;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;;AAEA;EACE;EACA;EACA;;;ACRJ;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;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;;ACxBN;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;;ACfN;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;EnCHE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AmCDA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EnC9BA,YmCgCI;EnC/BJ,oBmC+BI;EnC9BJ;EACA;EACA;EACA;EACA,WmC4BI;EnC3BJ,mBmC2BI;EnC1BJ,kBmCyBI;;AAIJ;EACE;;AAEA;EnCxCF,YmC0CM;EnCzCN,oBmCyCM;EnCxCN;EACA;EACA;EACA;EACA,WmCsCM;EnCrCN,mBmCqCM;EnCpCN,kBmCmCM;;;ACrDR;EACE;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;AAEA;EACE;EACA;;;ACbJ;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;EtCNE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EsCCA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;;;AC1CF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;ACZJ;EACE;;;ACDF;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;E5CXE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;E4CMA","file":"styles.css"}
package/dist/index.cjs.js CHANGED
@@ -1417,20 +1417,21 @@ const PermissionRequests = () => {
1417
1417
  const [expanded, setExpanded] = react.useState(false);
1418
1418
  const [permissionRequests, setPermissionRequests] = react.useState([]);
1419
1419
  const canUpdateCallPermissions = videoReactBindings.useHasPermissions(videoClient.OwnCapability.UPDATE_CALL_PERMISSIONS);
1420
+ const localUserId = localParticipant?.userId;
1420
1421
  react.useEffect(() => {
1421
1422
  if (!call || !canUpdateCallPermissions)
1422
1423
  return;
1423
1424
  const unsubscribe = call.on('call.permission_request', (event) => {
1424
1425
  if (event.type !== 'call.permission_request')
1425
1426
  return;
1426
- if (event.user.id !== localParticipant?.userId) {
1427
+ if (event.user.id !== localUserId) {
1427
1428
  setPermissionRequests((requests) => [...requests, event].sort((a, b) => byNameOrId(a.user, b.user)));
1428
1429
  }
1429
1430
  });
1430
1431
  return () => {
1431
1432
  unsubscribe();
1432
1433
  };
1433
- }, [call, canUpdateCallPermissions, localParticipant]);
1434
+ }, [call, canUpdateCallPermissions, localUserId]);
1434
1435
  const handleUpdatePermission = (request, type) => {
1435
1436
  return async () => {
1436
1437
  const { user, permissions } = request;
@@ -1525,128 +1526,6 @@ const VideoPreview = ({ className, mirror = true, DisabledVideoPreview = Default
1525
1526
  return (jsxRuntime.jsx("div", { className: clsx('str-video__video-preview-container', className), children: contents }));
1526
1527
  };
1527
1528
 
1528
- const DebugParticipantPublishQuality = (props) => {
1529
- const { call, participant } = props;
1530
- const [quality, setQuality] = react.useState();
1531
- const [publishStats, setPublishStats] = react.useState(() => ({
1532
- f: true,
1533
- h: true,
1534
- q: true,
1535
- }));
1536
- react.useEffect(() => {
1537
- return call.on('changePublishQuality', (event) => {
1538
- if (event.eventPayload.oneofKind !== 'changePublishQuality')
1539
- return;
1540
- const { videoSenders } = event.eventPayload.changePublishQuality;
1541
- // FIXME OL: support additional layers (like screenshare)
1542
- const [videoLayer] = videoSenders.map(({ layers }) => {
1543
- return layers.map((l) => ({ [l.name]: l.active }));
1544
- });
1545
- setPublishStats((s) => ({
1546
- ...s,
1547
- ...videoLayer,
1548
- }));
1549
- });
1550
- }, [call]);
1551
- return (jsxRuntime.jsxs("select", { title: `Published tracks: ${JSON.stringify(publishStats)}`, value: quality, onChange: (e) => {
1552
- const value = e.target.value;
1553
- setQuality(value);
1554
- let w = 960;
1555
- let h = 540;
1556
- if (value === 'h') {
1557
- w = w / 2; // 480
1558
- h = h / 2; // 270
1559
- }
1560
- else if (value === 'q') {
1561
- w = w / 4; // 240
1562
- h = h / 4; // 135
1563
- }
1564
- call.updateSubscriptionsPartial('video', {
1565
- [participant.sessionId]: {
1566
- dimension: {
1567
- width: w,
1568
- height: h,
1569
- },
1570
- },
1571
- });
1572
- }, children: [jsxRuntime.jsx("option", { value: "f", children: "High (f)" }), jsxRuntime.jsx("option", { value: "h", children: "Medium (h)" }), jsxRuntime.jsx("option", { value: "q", children: "Low (q)" })] }));
1573
- };
1574
-
1575
- const DebugStatsView = (props) => {
1576
- const { call, mediaStream, sessionId, userId } = props;
1577
- const { useCallStatsReport } = videoReactBindings.useCallStateHooks();
1578
- const callStatsReport = useCallStatsReport();
1579
- react.useEffect(() => {
1580
- call.startReportingStatsFor(sessionId);
1581
- return () => {
1582
- call.stopReportingStatsFor(sessionId);
1583
- };
1584
- }, [call, sessionId]);
1585
- const reportForTracks = callStatsReport?.participants[sessionId];
1586
- const trackStats = reportForTracks?.flatMap((report) => report.streams);
1587
- const previousWidth = react.useRef({ f: 0, h: 0, q: 0 });
1588
- const previousHeight = react.useRef({ f: 0, h: 0, q: 0 });
1589
- trackStats?.forEach((track) => {
1590
- if (track.kind !== 'video')
1591
- return;
1592
- const { frameWidth = 0, frameHeight = 0, rid = '' } = track;
1593
- if (frameWidth !== previousWidth.current[rid] ||
1594
- frameHeight !== previousHeight.current[rid]) {
1595
- const trackSize = `${frameWidth}x${frameHeight}`;
1596
- console.log(`Track stats (${userId}/${sessionId}): ${rid}(${trackSize})`);
1597
- previousWidth.current[rid] = frameWidth;
1598
- previousHeight.current[rid] = frameHeight;
1599
- }
1600
- });
1601
- const { refs, strategy, y, x } = useFloatingUIPreset({
1602
- placement: 'top',
1603
- strategy: 'absolute',
1604
- });
1605
- const [isPopperOpen, setIsPopperOpen] = react.useState(false);
1606
- const [videoTrack] = mediaStream?.getVideoTracks() ?? [];
1607
- const settings = videoTrack?.getSettings();
1608
- return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("span", { className: "str-video__debug__track-stats-icon", tabIndex: 0, ref: refs.setReference, title: settings &&
1609
- `${settings.width}x${settings.height}@${Math.round(settings.frameRate || 0)}`, onClick: () => {
1610
- setIsPopperOpen((v) => !v);
1611
- } }), isPopperOpen && (jsxRuntime.jsxs("div", { className: "str-video__debug__track-stats str-video__call-stats", ref: refs.setFloating, style: {
1612
- position: strategy,
1613
- top: y ?? 0,
1614
- left: x ?? 0,
1615
- overflowY: 'auto',
1616
- }, children: [jsxRuntime.jsx("h3", { children: "Participant stats" }), jsxRuntime.jsx("div", { className: "str-video__call-stats__card-container", children: trackStats
1617
- ?.map((track) => {
1618
- if (track.kind === 'video') {
1619
- return (jsxRuntime.jsx(StatCard, { label: `${track.kind}: ${track.codec} ` +
1620
- (track.rid ? ` (${track.rid})` : ''), value: `${track.frameWidth || 0}x${track.frameHeight || 0}@${track.framesPerSecond || 0}fps` }, `${track.rid}/${track.ssrc}/${track.codec}/${track.kind}`));
1621
- }
1622
- else if (track.kind === 'audio') {
1623
- return (jsxRuntime.jsx(StatCard, { label: track.codec || 'N/A', value: `Jitter: ${track.jitter || 0}ms` }, `${track.ssrc}/${track.codec}/${track.kind}`));
1624
- }
1625
- return null;
1626
- })
1627
- .filter(Boolean) }), reportForTracks?.map((report, index) => (jsxRuntime.jsx("pre", { children: JSON.stringify(unwrapStats(report.rawStats), null, 2) }, index)))] }))] }));
1628
- };
1629
- const unwrapStats = (rawStats) => {
1630
- const decodedStats = {};
1631
- rawStats?.forEach((s) => {
1632
- decodedStats[s.id] = s;
1633
- });
1634
- return decodedStats;
1635
- };
1636
-
1637
- const useQueryParams = () => {
1638
- return react.useMemo(() => typeof window === 'undefined'
1639
- ? null
1640
- : new URLSearchParams(window.location.search), []);
1641
- };
1642
- /**
1643
- * Internal purpose hook. Enables certain development mode tools.
1644
- */
1645
- const useIsDebugMode = () => {
1646
- const params = useQueryParams();
1647
- return !!params?.get('debug');
1648
- };
1649
-
1650
1529
  const ParticipantViewContext = react.createContext(undefined);
1651
1530
  const useParticipantViewContext = () => react.useContext(ParticipantViewContext);
1652
1531
 
@@ -1674,18 +1553,18 @@ const DefaultParticipantViewUI = ({ indicatorsVisible = true, menuPlacement = 'b
1674
1553
  };
1675
1554
  const ParticipantDetails = ({ indicatorsVisible = true, }) => {
1676
1555
  const { participant } = useParticipantViewContext();
1677
- const { isDominantSpeaker, isLocalParticipant, connectionQuality, publishedTracks, pin, sessionId, name, userId, videoStream, } = participant;
1556
+ const { isDominantSpeaker, isLocalParticipant, connectionQuality, publishedTracks, pin, sessionId, name, userId, } = participant;
1678
1557
  const call = videoReactBindings.useCall();
1558
+ const { t } = videoReactBindings.useI18n();
1679
1559
  const connectionQualityAsString = !!connectionQuality &&
1680
1560
  videoClient.SfuModels.ConnectionQuality[connectionQuality].toLowerCase();
1681
1561
  const hasAudio = publishedTracks.includes(videoClient.SfuModels.TrackType.AUDIO);
1682
1562
  const hasVideo = publishedTracks.includes(videoClient.SfuModels.TrackType.VIDEO);
1683
1563
  const canUnpin = !!pin && pin.isLocalPin;
1684
- const isDebugMode = useIsDebugMode();
1685
- return (jsxRuntime.jsxs("div", { className: "str-video__participant-details", children: [jsxRuntime.jsxs("span", { className: "str-video__participant-details__name", children: [name || userId, indicatorsVisible && isDominantSpeaker && (jsxRuntime.jsx("span", { className: "str-video__participant-details__name--dominant_speaker", title: "Dominant speaker" })), indicatorsVisible && (jsxRuntime.jsx(Notification, { isVisible: isLocalParticipant &&
1686
- connectionQuality === videoClient.SfuModels.ConnectionQuality.POOR, message: "Poor connection quality. Please check your internet connection.", children: connectionQualityAsString && (jsxRuntime.jsx("span", { className: clsx('str-video__participant-details__connection-quality', `str-video__participant-details__connection-quality--${connectionQualityAsString}`), title: connectionQualityAsString })) })), indicatorsVisible && !hasAudio && (jsxRuntime.jsx("span", { className: "str-video__participant-details__name--audio-muted" })), indicatorsVisible && !hasVideo && (jsxRuntime.jsx("span", { className: "str-video__participant-details__name--video-muted" })), indicatorsVisible && canUnpin && (
1687
- // TODO: remove this monstrosity once we have a proper design
1688
- jsxRuntime.jsx("span", { title: "Unpin", onClick: () => call?.unpin(sessionId), style: { cursor: 'pointer' }, className: "str-video__participant-details__name--pinned" }))] }), isDebugMode && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(DebugParticipantPublishQuality, { participant: participant, call: call }), jsxRuntime.jsx(DebugStatsView, { call: call, sessionId: sessionId, userId: userId, mediaStream: videoStream })] }))] }));
1564
+ return (jsxRuntime.jsx("div", { className: "str-video__participant-details", children: jsxRuntime.jsxs("span", { className: "str-video__participant-details__name", children: [name || userId, indicatorsVisible && isDominantSpeaker && (jsxRuntime.jsx("span", { className: "str-video__participant-details__name--dominant_speaker", title: t('Dominant speaker') })), indicatorsVisible && (jsxRuntime.jsx(Notification, { isVisible: isLocalParticipant &&
1565
+ connectionQuality === videoClient.SfuModels.ConnectionQuality.POOR, message: t('Poor connection quality'), children: connectionQualityAsString && (jsxRuntime.jsx("span", { className: clsx('str-video__participant-details__connection-quality', `str-video__participant-details__connection-quality--${connectionQualityAsString}`), title: connectionQualityAsString })) })), indicatorsVisible && !hasAudio && (jsxRuntime.jsx("span", { className: "str-video__participant-details__name--audio-muted" })), indicatorsVisible && !hasVideo && (jsxRuntime.jsx("span", { className: "str-video__participant-details__name--video-muted" })), indicatorsVisible && canUnpin && (
1566
+ // TODO: remove this monstrosity once we have a proper design
1567
+ jsxRuntime.jsx("span", { title: t('Unpin'), onClick: () => call?.unpin(sessionId), style: { cursor: 'pointer' }, className: "str-video__participant-details__name--pinned" }))] }) }));
1689
1568
  };
1690
1569
 
1691
1570
  const ParticipantView = react.forwardRef(({ participant, trackType = 'videoTrack', muteAudio, refs: { setVideoElement, setVideoPlaceholderElement } = {}, className, VideoPlaceholder, ParticipantViewUI = DefaultParticipantViewUI, }, ref) => {
@@ -1825,6 +1704,8 @@ var en = {
1825
1704
  Leave: Leave,
1826
1705
  "{{ direction }} fullscreen": "{{ direction }} fullscreen",
1827
1706
  "{{ direction }} picture-in-picture": "{{ direction }} picture-in-picture",
1707
+ "Dominant Speaker": "Dominant Speaker",
1708
+ "Poor connection quality": "Poor connection quality. Please check your internet connection.",
1828
1709
  Participants: Participants,
1829
1710
  Anonymous: Anonymous,
1830
1711
  "No participants found": "No participants found",
@@ -2114,7 +1995,7 @@ const VerticalScrollButtons = ({ scrollWrapper, }) => {
2114
1995
  };
2115
1996
  const hasScreenShare = (p) => !!p?.publishedTracks.includes(videoClient.SfuModels.TrackType.SCREEN_SHARE);
2116
1997
 
2117
- const [major, minor, patch] = ("0.4.7" ).split('.');
1998
+ const [major, minor, patch] = ("0.4.8" ).split('.');
2118
1999
  videoClient.setSdkInfo({
2119
2000
  type: videoClient.SfuModels.SdkType.REACT,
2120
2001
  major,
@@ -2135,7 +2016,9 @@ exports.CallPreview = CallPreview;
2135
2016
  exports.CallRecordingList = CallRecordingList;
2136
2017
  exports.CallRecordingListHeader = CallRecordingListHeader;
2137
2018
  exports.CallRecordingListItem = CallRecordingListItem;
2019
+ exports.CallStats = CallStats;
2138
2020
  exports.CallStatsButton = CallStatsButton;
2021
+ exports.CallStatsLatencyChart = CallStatsLatencyChart;
2139
2022
  exports.CancelCallButton = CancelCallButton;
2140
2023
  exports.CompositeButton = CompositeButton;
2141
2024
  exports.CopyToClipboardButton = CopyToClipboardButton;
@@ -2177,6 +2060,7 @@ exports.SearchInput = SearchInput;
2177
2060
  exports.SearchResults = SearchResults;
2178
2061
  exports.SpeakerLayout = SpeakerLayout;
2179
2062
  exports.SpeakingWhileMutedNotification = SpeakingWhileMutedNotification;
2063
+ exports.StatCard = StatCard;
2180
2064
  exports.StreamCall = StreamCall;
2181
2065
  exports.StreamTheme = StreamTheme;
2182
2066
  exports.StreamVideo = StreamVideo;