@stream-io/video-react-sdk 0.0.1-alpha.30 → 0.0.1-alpha.32

package/CHANGELOG.md

@@ -2,6 +2,24 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [0.0.1-alpha.32](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-sdk-0.0.1-alpha.31...@stream-io/video-react-sdk-0.0.1-alpha.32) (2023-05-15)
+
+
+### Features
+
+* **react-sdk:** add pending call panel components ([#494](https://github.com/GetStream/stream-video-js/issues/494)) ([d492a8b](https://github.com/GetStream/stream-video-js/commit/d492a8bfa5e05f8d0e1e9ca2d378518b21230f2d))
+
+
+
+## [0.0.1-alpha.31](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-sdk-0.0.1-alpha.30...@stream-io/video-react-sdk-0.0.1-alpha.31) (2023-05-15)
+
+
+### Features
+
+* faster join flow ([#499](https://github.com/GetStream/stream-video-js/issues/499)) ([898341b](https://github.com/GetStream/stream-video-js/commit/898341b26495412acea7d9e08c0c8f9b0b54e3b3))
+
+
+
 ## [0.0.1-alpha.30](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-sdk-0.0.1-alpha.29...@stream-io/video-react-sdk-0.0.1-alpha.30) (2023-05-15)
 
 

package/dist/css/styles.css

@@ -164,7 +164,8 @@
   /* If a component has a box shadow applied to it, this will be the color used for the shadow */
   --str-video__box-shadow-color: rgba(0, 0, 0, 0.18);
   /* Used for online indicator and success messages */
-  --str-video__info-color: var(--str-video__green500);
+  --str-video__info-color: var(--str-video__green400);
+  --str-video__info-color--accent: var(--str-video__green500);
 }
 
 .str-video__theme-dark {
@@ -194,7 +195,8 @@
   --str-video__opaque-surface-background-color: rgba(250, 250, 250, 0.85);
   --str-video__opaque-surface-text-color: var(--str-video__grey900);
   --str-video__box-shadow-color: rgba(0, 0, 0, 0.8);
-  --str-video__info-color: var(--str-video__green500);
+  --str-video__info-color: var(--str-video__green400);
+  --str-video__info-color--accent: var(--str-video__green500);
 }
 
 .str-video {
@@ -270,6 +272,7 @@
   --str-video__border-radius-circle: 9999px;
   --str-video__primary-color: #005fff;
   --str-video__secondary-color: #337eff;
+  --str-video__icon--call-accept: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOSAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0xNy41MSAxMi4zODJDMTYuMjggMTIuMzgyIDE1LjA5IDEyLjE4MiAxMy45OCAxMS44MjJDMTMuNjMgMTEuNzAyIDEzLjI0IDExLjc5MiAxMi45NyAxMi4wNjJMMTEuNCAxNC4wMzJDOC41NyAxMi42ODIgNS45MiAxMC4xMzIgNC41MSA3LjIwMTk1TDYuNDYgNS41NDE5NUM2LjczIDUuMjYxOTUgNi44MSA0Ljg3MTk1IDYuNyA0LjUyMTk1QzYuMzMgMy40MTE5NSA2LjE0IDIuMjIxOTUgNi4xNCAwLjk5MTk1M0M2LjE0IDAuNDUxOTUzIDUuNjkgMC4wMDE5NTMxMyA1LjE1IDAuMDAxOTUzMTNIMS42OUMxLjE1IDAuMDAxOTUzMTIgMC41IDAuMjQxOTUzIDAuNSAwLjk5MTk1M0MwLjUgMTAuMjgyIDguMjMgMTguMDAyIDE3LjUxIDE4LjAwMkMxOC4yMiAxOC4wMDIgMTguNSAxNy4zNzIgMTguNSAxNi44MjJWMTMuMzcyQzE4LjUgMTIuODMyIDE4LjA1IDEyLjM4MiAxNy41MSAxMi4zODJaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K);
   --str-video__icon--call-end: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAyNiAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzIDIuNDY4NzRDMTEuMzMzMyAyLjQ2ODc0IDkuNzE4NzUgMi43MjkxNiA4LjIwODMzIDMuMjE4NzRWNi40NDc5MUM4LjIwODMzIDYuODU0MTYgNy45Njg3NSA3LjIxODc0IDcuNjI1IDcuMzg1NDFDNi42MDQxNyA3Ljg5NTgzIDUuNjc3MDggOC41NTIwOCA0Ljg1NDE3IDkuMzEyNDlDNC42NjY2NyA5LjQ5OTk5IDQuNDA2MjUgOS42MDQxNiA0LjEyNSA5LjYwNDE2QzMuODMzMzMgOS42MDQxNiAzLjU3MjkyIDkuNDg5NTggMy4zODU0MiA5LjMwMjA4TDAuODAyMDgzIDYuNzE4NzRDMC42MTQ1ODMgNi41NDE2NiAwLjUgNi4yODEyNCAwLjUgNS45ODk1N0MwLjUgNS42OTc5MSAwLjYxNDU4MyA1LjQzNzQ5IDAuODAyMDgzIDUuMjQ5OTlDMy45NzkxNyAyLjIzOTU3IDguMjcwODMgMC4zODU0MDYgMTMgMC4zODU0MDZDMTcuNzI5MiAwLjM4NTQwNiAyMi4wMjA4IDIuMjM5NTcgMjUuMTk3OSA1LjI0OTk5QzI1LjM4NTQgNS40Mzc0OSAyNS41IDUuNjk3OTEgMjUuNSA1Ljk4OTU3QzI1LjUgNi4yODEyNCAyNS4zODU0IDYuNTQxNjYgMjUuMTk3OSA2LjcyOTE2TDIyLjYxNDYgOS4zMTI0OUMyMi40MjcxIDkuNDk5OTkgMjIuMTY2NyA5LjYxNDU4IDIxLjg3NSA5LjYxNDU4QzIxLjU5MzggOS42MTQ1OCAyMS4zMzMzIDkuNDk5OTkgMjEuMTQ1OCA5LjMyMjkxQzIwLjMyMjkgOC41NTIwOCAxOS4zODU0IDcuOTA2MjQgMTguMzY0NiA3LjM5NTgyQzE4LjAyMDggNy4yMjkxNiAxNy43ODEyIDYuODc0OTkgMTcuNzgxMiA2LjQ1ODMyVjMuMjI5MTZDMTYuMjgxMiAyLjcyOTE2IDE0LjY2NjcgMi40Njg3NCAxMyAyLjQ2ODc0WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==");
   --str-video__icon--camera: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE4LjExMTEgMTBWNS4zMzMzM0MxOC4xMTExIDQuNiAxNy41NjExIDQgMTYuODg4OSA0SDIuMjIyMjJDMS41NSA0IDEgNC42IDEgNS4zMzMzM1YxOC42NjY3QzEgMTkuNCAxLjU1IDIwIDIuMjIyMjIgMjBIMTYuODg4OUMxNy41NjExIDIwIDE4LjExMTEgMTkuNCAxOC4xMTExIDE4LjY2NjdWMTRMMjEuMjYyOCAxNy40MzgzQzIxLjg3OTEgMTguMTEwNSAyMyAxNy42NzQ1IDIzIDE2Ljc2MjVWNy4yMzc0N0MyMyA2LjMyNTQ2IDIxLjg3OTEgNS44ODk0NSAyMS4yNjI4IDYuNTYxNzRMMTguMTExMSAxMFoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=");
   --str-video__icon--camera-off: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIzIDYuMjEwNTNMMTguMzY4NCAxMC44NDIxVjYuNzg5NDdDMTguMzY4NCA2LjE1MjYzIDE3Ljg0NzQgNS42MzE1OCAxNy4yMTA1IDUuNjMxNThIMTAuMDU0N0wyMyAxOC41NzY4VjYuMjEwNTNaTTIuNDcwNTMgMUwxIDIuNDcwNTNMNC4xNjEwNSA1LjYzMTU4SDMuMzE1NzlDMi42Nzg5NSA1LjYzMTU4IDIuMTU3ODkgNi4xNTI2MyAyLjE1Nzg5IDYuNzg5NDdWMTguMzY4NEMyLjE1Nzg5IDE5LjAwNTMgMi42Nzg5NSAxOS41MjYzIDMuMzE1NzkgMTkuNTI2M0gxNy4yMTA1QzE3LjQ1MzcgMTkuNTI2MyAxNy42NjIxIDE5LjQzMzcgMTcuODM1OCAxOS4zMTc5TDIxLjUyOTUgMjNMMjMgMjEuNTI5NUwyLjQ3MDUzIDFaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K");
@@ -382,7 +385,7 @@
 .str-video__call-controls__button {
   padding: 0.5rem;
 }
-.str-video__call-controls__button--variant-danger {
+.str-video__call-controls__button--variant-danger, .str-video__call-controls__button--variant-success {
   padding: 0.5rem 1rem;
 }
 .str-video__call-controls__button[disabled] {
@@ -401,6 +404,10 @@
   width: 1.5rem;
   height: 1.5rem;
 }
+.str-video__call-controls__button .str-video__icon--call-accept {
+  width: 1.5rem;
+  height: 1.5rem;
+}
 
 .str-video__text-button {
   all: unset;
@@ -476,6 +483,12 @@
 .str-video__call-controls__button--variant-danger:hover {
   background-color: var(--str-video__danger-color2);
 }
+.str-video__call-controls__button--variant-success {
+  background-color: var(--str-video__info-color);
+}
+.str-video__call-controls__button--variant-success:hover {
+  background-color: var(--str-video__info-color--accent);
+}
 .str-video__call-controls__button--enabled {
   background: var(--str-video__text-color3);
 }
@@ -1578,6 +1591,73 @@
   font-size: 0.75rem;
 }
 
+.str-video__call-panel {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: space-around;
+  width: 400px;
+  height: 300px;
+  padding: 1rem 1rem 0.5rem;
+  gap: 1rem;
+}
+
+.str-video__call-panel--pending .str-video__call-panel__members-list {
+  overflow: hidden;
+  display: flex;
+  align-items: center;
+}
+.str-video__call-panel--pending .str-video__call-panel__members-list .str-video__call-panel__member-box {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 2rem;
+}
+.str-video__call-panel--pending .str-video__call-panel__members-list .str-video__call-panel__member-box .str-video__avatar {
+  width: 80px;
+  height: 80px;
+}
+.str-video__call-panel--pending .str-video__call-panel__members-list .str-video__call-panel__member-box .str-video__member_details {
+  position: absolute;
+  bottom: 10%;
+  padding: 0.125rem 0.375rem;
+}
+.str-video__call-panel--pending .str-video__pending-call-controls {
+  display: flex;
+  gap: 0.675rem;
+}
+
+.str-video__call-panel {
+  background: var(--str-video__tertiary-surface-color);
+  border: 2px solid rgba(200, 200, 200, 0.6);
+  border-radius: 10px;
+}
+
+.str-video__call-panel--pending .str-video__call-panel__members-list .str-video__call-panel__member-box {
+  border-radius: var(--str-video__border-radius-circle);
+  background: var(--str-video__disabled-color);
+}
+.str-video__call-panel--pending .str-video__call-panel__members-list .str-video__call-panel__member-box:before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  border-radius: var(--str-video__border-radius-circle);
+  padding: 4px;
+  background: linear-gradient(180deg, var(--str-video__primary-color), var(--str-video__info-color));
+  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
+  -webkit-mask-composite: xor;
+  mask-composite: exclude;
+}
+.str-video__call-panel--pending .str-video__call-panel__members-list .str-video__call-panel__member-box .str-video__member_details {
+  background-color: var(--str-video__background-color4);
+  color: var(--str-video__text-color1);
+  border-radius: 4px;
+  font-size: 12px;
+  line-height: 16px;
+}
+
 .str-video__permission-requests {
   background-color: var(--str-video__background-color1);
   border-radius: 8px;
@@ -2262,6 +2342,10 @@
   mask-image: var(--str-video__icon--call-end);
   -webkit-mask-image: var(--str-video__icon--call-end);
 }
+.str-video__icon--call-accept {
+  mask-image: var(--str-video__icon--call-accept);
+  -webkit-mask-image: var(--str-video__icon--call-accept);
+}
 .str-video__icon--info {
   -webkit-mask-image: var(--str-video__icon--info-icon);
   mask-image: var(--str-video__icon--info-icon);

package/dist/css/styles.css.map

@@ -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/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/Video-theme.scss","../../src/Video/VideoPlaceholder-layout.scss","../../src/Video/VideoPlaceholder-theme.scss","../../src/ParticipantBox/ParticipantBox-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;;;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;;;AC/KF;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;;;ACrDF;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;;;AAKN;EACE;EACA;EACA;EACA;EAGA;;;ACpEF;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;;;AC1EJ;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;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;;ACrGJ;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;EACE;EACA;EACA;;AAKN;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAKN;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EAEE,QADiB;EAEjB,OAFiB;EAGjB,WAHiB;EAIjB,mBAJiB;;AAQrB;EACE;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;;AC1GJ;EACE;AAAA;AAAA;EAGA;AAAA;AAAA;EAIA;EAEA;AAAA;AAAA;EAIA;EACA;AAAA;AAAA;EAIA;;;AAGF;EPFE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AOFA;EPLA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EOAE;EACA;;AAGF;EPXA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AOUA;EPjBA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AOeE;EPlCF,YOoCM;EPnCN,oBOmCM;EPlCN;EACA;EACA;EACA;EACA,WOkCM;EPjCN,mBOiCM;EPhCN,kBO6BM;;AAQN;EACE;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EP5DJ,YO8DU;EP7DV,oBO6DU;EP5DV;EACA;EACA;EACA;EACA,WO0DU;EPzDV,mBOyDU;EPxDV,kBOuDU;;;ACvEZ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;ERbA;EACA;EAEA;EACA;EACA;;AQYA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;;ACvBJ;EACE;;AAIA;ETEF;EACA,oBSDQ;ETER;EACA;EACA;EACA;EACA,WSJQ;ETKR,mBSLQ;ETMR,kBSPQ;;AAKN;ETNF,YSQQ;ETPR,oBSOQ;ETNR;EACA;EACA;EACA;EACA,WSIQ;ETHR,mBSGQ;ETFR,kBSCQ;;AAKN;ETdF,YSgBQ;ETfR,oBSeQ;ETdR;EACA;EACA;EACA;EACA,WSYQ;ETXR,mBSWQ;ETVR,kBSSQ;;AAKN;ETtBF,YSwBQ;ETvBR,oBSuBQ;ETtBR;EACA;EACA;EACA;EACA,WSoBQ;ETnBR,mBSmBQ;ETlBR,kBSiBQ;;AAKN;ET9BF,YSgCQ;ET/BR,oBS+BQ;ET9BR;EACA;EACA;EACA;EACA,WS4BQ;ET3BR,mBS2BQ;ET1BR,kBSyBQ;;;ACzCV;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIA;EACE;EACA;;;AAKN;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;;AAKN;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;;;AAQR;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EVnGF;EACA;EAEA;EACA;EACA;;;AWJF;EACE;;;AAGF;EXIE,YWFI;EXGJ,oBWHI;EXIJ;EACA;EACA;EACA;EACA,WWNI;EXOJ,mBWPI;EXQJ,kBWTI;;;AAKN;EACE;;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAGF;EXtBA,YWwBI;EXvBJ,oBWuBI;EXtBJ;EACA;EACA;EACA;EACA,WWoBI;EXnBJ,mBWmBI;EXlBJ,kBWiBI;;;AAMN;EX/BE,YWiCI;EXhCJ,oBWgCI;EX/BJ;EACA;EACA;EACA;EACA,WW6BI;EX5BJ,mBW4BI;EX3BJ,kBW0BI;;;AAMJ;EACE;EACA;;AAGA;EACE;;AAGF;EACE;EACA;;AAGF;EXtDF,YWwDQ;EXvDR,oBWuDQ;EXtDR;EACA;EACA;EACA;EACA,WWoDQ;EXnDR,mBWmDQ;EXlDR,kBWiDQ;;AAKN;EX9DF,YWgEQ;EX/DR,oBW+DQ;EX9DR;EACA;EACA;EACA;EACA,WW4DQ;EX3DR,mBW2DQ;EX1DR,kBWyDQ;;;AAUN;EACE;;;ACtFN;EACE;EACA;EACA;EACA;EACA;EACA;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;;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;;;ACZJ;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;E1BHE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;A0BDA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;E1B9BA,Y0BgCI;E1B/BJ,oB0B+BI;E1B9BJ;EACA;EACA;EACA;EACA,W0B4BI;E1B3BJ,mB0B2BI;E1B1BJ,kB0ByBI;;AAIJ;EACE;;AAEA;E1BxCF,Y0B0CM;E1BzCN,oB0ByCM;E1BxCN;EACA;EACA;EACA;EACA,W0BsCM;E1BrCN,mB0BqCM;E1BpCN,kB0BmCM;;;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;E7BNE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;E6BCA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;;;ACzCF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EAEA,OADkB;EAElB;;AAEA;EAEE,QADiB;EAEjB,OAFiB;EAGjB,WAHiB;;;AAOrB;EACE;EACA;EACA;;AAEA;EAEE;;AAGF;EACE;;;ACpCJ;AACE;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;;;AAIF;E/BJE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;E+BDA;;;AC5BF;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;;;ACXJ;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;EAEE;EACA;;AAIA;AAAA;AAAA;AAAA;EAEE;;AAIJ;AAAA;EACE;EACA;EACA;EACA;EACA;;AAIA;AAAA;AAAA;AAAA;EAEE;;AAIJ;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACE;EACA;EACA;EACA;;AAIJ;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;;;AC7IR;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;EACE;EACA;EACA;;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;;;ACzFR;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;;;AC1JJ;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"}
+{"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/Video-theme.scss","../../src/Video/VideoPlaceholder-layout.scss","../../src/Video/VideoPlaceholder-theme.scss","../../src/ParticipantBox/ParticipantBox-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;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;;ACrGJ;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;EACE;EACA;EACA;;AAKN;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAKN;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EAEE,QADiB;EAEjB,OAFiB;EAGjB,WAHiB;EAIjB,mBAJiB;;AAQrB;EACE;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;;AC1GJ;EACE;AAAA;AAAA;EAGA;AAAA;AAAA;EAIA;EAEA;AAAA;AAAA;EAIA;EACA;AAAA;AAAA;EAIA;;;AAGF;EPFE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AOFA;EPLA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EOAE;EACA;;AAGF;EPXA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AOUA;EPjBA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AOeE;EPlCF,YOoCM;EPnCN,oBOmCM;EPlCN;EACA;EACA;EACA;EACA,WOkCM;EPjCN,mBOiCM;EPhCN,kBO6BM;;AAQN;EACE;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EP5DJ,YO8DU;EP7DV,oBO6DU;EP5DV;EACA;EACA;EACA;EACA,WO0DU;EPzDV,mBOyDU;EPxDV,kBOuDU;;;ACvEZ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;ERbA;EACA;EAEA;EACA;EACA;;AQYA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;;ACvBJ;EACE;;AAIA;ETEF;EACA,oBSDQ;ETER;EACA;EACA;EACA;EACA,WSJQ;ETKR,mBSLQ;ETMR,kBSPQ;;AAKN;ETNF,YSQQ;ETPR,oBSOQ;ETNR;EACA;EACA;EACA;EACA,WSIQ;ETHR,mBSGQ;ETFR,kBSCQ;;AAKN;ETdF,YSgBQ;ETfR,oBSeQ;ETdR;EACA;EACA;EACA;EACA,WSYQ;ETXR,mBSWQ;ETVR,kBSSQ;;AAKN;ETtBF,YSwBQ;ETvBR,oBSuBQ;ETtBR;EACA;EACA;EACA;EACA,WSoBQ;ETnBR,mBSmBQ;ETlBR,kBSiBQ;;AAKN;ET9BF,YSgCQ;ET/BR,oBS+BQ;ET9BR;EACA;EACA;EACA;EACA,WS4BQ;ET3BR,mBS2BQ;ET1BR,kBSyBQ;;;ACzCV;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIA;EACE;EACA;;;AAKN;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;;AAKN;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;;;AAQR;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EVnGF;EACA;EAEA;EACA;EACA;;;AWJF;EACE;;;AAGF;EXIE,YWFI;EXGJ,oBWHI;EXIJ;EACA;EACA;EACA;EACA,WWNI;EXOJ,mBWPI;EXQJ,kBWTI;;;AAKN;EACE;;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAGF;EXtBA,YWwBI;EXvBJ,oBWuBI;EXtBJ;EACA;EACA;EACA;EACA,WWoBI;EXnBJ,mBWmBI;EXlBJ,kBWiBI;;;AAMN;EX/BE,YWiCI;EXhCJ,oBWgCI;EX/BJ;EACA;EACA;EACA;EACA,WW6BI;EX5BJ,mBW4BI;EX3BJ,kBW0BI;;;AAMJ;EACE;EACA;;AAGA;EACE;;AAGF;EACE;EACA;;AAGF;EXtDF,YWwDQ;EXvDR,oBWuDQ;EXtDR;EACA;EACA;EACA;EACA,WWoDQ;EXnDR,mBWmDQ;EXlDR,kBWiDQ;;AAKN;EX9DF,YWgEQ;EX/DR,oBW+DQ;EX9DR;EACA;EACA;EACA;EACA,WW4DQ;EX3DR,mBW2DQ;EX1DR,kBWyDQ;;;AAUN;EACE;;;ACtFN;EACE;EACA;EACA;EACA;EACA;EACA;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;;;ACZJ;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;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EAEA,OADkB;EAElB;;AAEA;EAEE,QADiB;EAEjB,OAFiB;EAGjB,WAHiB;;;AAOrB;EACE;EACA;EACA;;AAEA;EAEE;;AAGF;EACE;;;ACpCJ;AACE;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;;;AAIF;EjCJE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EiCDA;;;AC5BF;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;;;ACXJ;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;EAEE;EACA;;AAIA;AAAA;AAAA;AAAA;EAEE;;AAIJ;AAAA;EACE;EACA;EACA;EACA;EACA;;AAIA;AAAA;AAAA;AAAA;EAEE;;AAIJ;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACE;EACA;EACA;EACA;;AAIJ;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;;;AC7IR;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;EACE;EACA;EACA;;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;;;ACzFR;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"}

package/dist/src/components/CallControls/AcceptCallButton.d.ts

@@ -0,0 +1,9 @@
+import { Call } from '@stream-io/video-client';
+import { MouseEventHandler } from 'react';
+export type AcceptCallButtonProps = {
+    call?: Call;
+    disabled?: boolean;
+    onClick?: MouseEventHandler<HTMLButtonElement>;
+    onAccept?: () => void;
+};
+export declare const AcceptCallButton: ({ call, disabled, onAccept, onClick, }: AcceptCallButtonProps) => JSX.Element;

package/dist/src/components/CallControls/AcceptCallButton.js

@@ -0,0 +1,25 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback } from 'react';
+import { IconButton } from '../Button';
+export const AcceptCallButton = ({ call, disabled, onAccept, onClick, }) => {
+    const handleClick = useCallback((e) => __awaiter(void 0, void 0, void 0, function* () {
+        if (onClick) {
+            onClick(e);
+        }
+        else if (call) {
+            yield call.join();
+            onAccept === null || onAccept === void 0 ? void 0 : onAccept();
+        }
+    }), [onClick, onAccept, call]);
+    return (_jsx(IconButton, { disabled: disabled, icon: "call-accept", variant: "success", onClick: handleClick }));
+};
+//# sourceMappingURL=AcceptCallButton.js.map

package/dist/src/components/CallControls/AcceptCallButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AcceptCallButton.js","sourceRoot":"","sources":["../../../../src/components/CallControls/AcceptCallButton.tsx"],"names":[],"mappings":";;;;;;;;;;AAEA,OAAO,EAAqB,WAAW,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AASvC,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAC/B,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,OAAO,GACe,EAAE,EAAE;IAC1B,MAAM,WAAW,GAAyC,WAAW,CACnE,CAAO,CAAC,EAAE,EAAE;QACV,IAAI,OAAO,EAAE;YACX,OAAO,CAAC,CAAC,CAAC,CAAC;SACZ;aAAM,IAAI,IAAI,EAAE;YACf,MAAM,IAAI,CAAC,IAAI,EAAE,CAAC;YAClB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,EAAI,CAAC;SACd;IACH,CAAC,CAAA,EACD,CAAC,OAAO,EAAE,QAAQ,EAAE,IAAI,CAAC,CAC1B,CAAC;IACF,OAAO,CACL,KAAC,UAAU,IACT,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,aAAa,EAClB,OAAO,EAAC,SAAS,EACjB,OAAO,EAAE,WAAW,GACpB,CACH,CAAC;AACJ,CAAC,CAAC"}

package/dist/src/components/CallControls/CancelCallButton.d.ts

@@ -1,8 +1,9 @@
 import { MouseEventHandler } from 'react';
 import { Call } from '@stream-io/video-client';
 export type CancelCallButtonProps = {
-    call: Call;
+    call?: Call;
+    disabled?: boolean;
     onClick?: MouseEventHandler<HTMLButtonElement>;
     onLeave?: () => void;
 };
-export declare const CancelCallButton: ({ call, onClick, onLeave, }: CancelCallButtonProps) => JSX.Element;
+export declare const CancelCallButton: ({ call, disabled, onClick, onLeave, }: CancelCallButtonProps) => JSX.Element;

package/dist/src/components/CallControls/CancelCallButton.js

@@ -10,7 +10,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useCallback } from 'react';
 import { IconButton } from '../Button/';
-export const CancelCallButton = ({ call, onClick, onLeave, }) => {
+export const CancelCallButton = ({ call, disabled, onClick, onLeave, }) => {
     const handleClick = useCallback((e) => __awaiter(void 0, void 0, void 0, function* () {
         if (onClick) {
             onClick(e);
@@ -20,6 +20,6 @@ export const CancelCallButton = ({ call, onClick, onLeave, }) => {
             onLeave === null || onLeave === void 0 ? void 0 : onLeave();
         }
     }), [onClick, onLeave, call]);
-    return _jsx(IconButton, { icon: "call-end", variant: "danger", onClick: handleClick });
+    return (_jsx(IconButton, { disabled: disabled, icon: "call-end", variant: "danger", onClick: handleClick }));
 };
 //# sourceMappingURL=CancelCallButton.js.map

package/dist/src/components/CallControls/CancelCallButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"CancelCallButton.js","sourceRoot":"","sources":["../../../../src/components/CallControls/CancelCallButton.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,OAAO,EAAqB,WAAW,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAQxC,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAC/B,IAAI,EACJ,OAAO,EACP,OAAO,GACe,EAAE,EAAE;IAC1B,MAAM,WAAW,GAAyC,WAAW,CACnE,CAAO,CAAC,EAAE,EAAE;QACV,IAAI,OAAO,EAAE;YACX,OAAO,CAAC,CAAC,CAAC,CAAC;SACZ;aAAM,IAAI,IAAI,EAAE;YACf,MAAM,IAAI,CAAC,KAAK,EAAE,CAAC;YACnB,OAAO,aAAP,OAAO,uBAAP,OAAO,EAAI,CAAC;SACb;IACH,CAAC,CAAA,EACD,CAAC,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC,CACzB,CAAC;IACF,OAAO,KAAC,UAAU,IAAC,IAAI,EAAC,UAAU,EAAC,OAAO,EAAC,QAAQ,EAAC,OAAO,EAAE,WAAW,GAAI,CAAC;AAC/E,CAAC,CAAC"}
+{"version":3,"file":"CancelCallButton.js","sourceRoot":"","sources":["../../../../src/components/CallControls/CancelCallButton.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,OAAO,EAAqB,WAAW,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AASxC,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAC/B,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,OAAO,GACe,EAAE,EAAE;IAC1B,MAAM,WAAW,GAAyC,WAAW,CACnE,CAAO,CAAC,EAAE,EAAE;QACV,IAAI,OAAO,EAAE;YACX,OAAO,CAAC,CAAC,CAAC,CAAC;SACZ;aAAM,IAAI,IAAI,EAAE;YACf,MAAM,IAAI,CAAC,KAAK,EAAE,CAAC;YACnB,OAAO,aAAP,OAAO,uBAAP,OAAO,EAAI,CAAC;SACb;IACH,CAAC,CAAA,EACD,CAAC,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC,CACzB,CAAC;IACF,OAAO,CACL,KAAC,UAAU,IACT,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,UAAU,EACf,OAAO,EAAC,QAAQ,EAChB,OAAO,EAAE,WAAW,GACpB,CACH,CAAC;AACJ,CAAC,CAAC"}

package/dist/src/components/CallControls/index.d.ts

@@ -1,3 +1,4 @@
+export * from './AcceptCallButton';
 export * from './CallControls';
 export * from './CallStatsButton';
 export * from './CancelCallButton';

package/dist/src/components/CallControls/index.js

@@ -1,3 +1,4 @@
+export * from './AcceptCallButton';
 export * from './CallControls';
 export * from './CallStatsButton';
 export * from './CancelCallButton';

package/dist/src/components/CallControls/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/CallControls/index.ts"],"names":[],"mappings":"AAAA,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,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,+BAA+B,CAAC"}
+{"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,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,+BAA+B,CAAC"}

package/dist/src/components/PendingCallPanel/PendingCallControls.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const PendingCallControls: () => JSX.Element | null;

package/dist/src/components/PendingCallPanel/PendingCallControls.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { CallingState } from '@stream-io/video-client';
+import { AcceptCallButton, CancelCallButton } from '../CallControls';
+import { useCall, useCallCallingState } from '@stream-io/video-react-bindings';
+export const PendingCallControls = () => {
+    const call = useCall();
+    const callCallingState = useCallCallingState();
+    if (!call)
+        return null;
+    const buttonsDisabled = callCallingState !== CallingState.RINGING;
+    return (_jsx("div", Object.assign({ className: "str-video__pending-call-controls" }, { children: call.isCreatedByMe ? (_jsx(CancelCallButton, { call: call, disabled: buttonsDisabled })) : (_jsxs(_Fragment, { children: [_jsx(AcceptCallButton, { call: call, disabled: buttonsDisabled }), _jsx(CancelCallButton, { onClick: () => call.leave({ reject: true }), disabled: buttonsDisabled })] })) })));
+};
+//# sourceMappingURL=PendingCallControls.js.map

package/dist/src/components/PendingCallPanel/PendingCallControls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PendingCallControls.js","sourceRoot":"","sources":["../../../../src/components/PendingCallPanel/PendingCallControls.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACrE,OAAO,EAAE,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AAE/E,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,EAAE;IACtC,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,gBAAgB,GAAG,mBAAmB,EAAE,CAAC;IAE/C,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAC;IAEvB,MAAM,eAAe,GAAG,gBAAgB,KAAK,YAAY,CAAC,OAAO,CAAC;IAClE,OAAO,CACL,4BAAK,SAAS,EAAC,kCAAkC,gBAC9C,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CACpB,KAAC,gBAAgB,IAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,eAAe,GAAI,CAC5D,CAAC,CAAC,CAAC,CACF,8BACE,KAAC,gBAAgB,IAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,eAAe,GAAI,EAC3D,KAAC,gBAAgB,IACf,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,EAC3C,QAAQ,EAAE,eAAe,GACzB,IACD,CACJ,IACG,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/src/components/PendingCallPanel/PendingCallPanel.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const PendingCallPanel: () => JSX.Element | null;

package/dist/src/components/PendingCallPanel/PendingCallPanel.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CallingState } from '@stream-io/video-client';
+import { useCall, useCallCallingState, useCallMembers, useCallMetadata, useI18n, } from '@stream-io/video-react-bindings';
+import { Avatar } from '../Avatar';
+import { PendingCallControls } from './PendingCallControls';
+const CALLING_STATE_TO_LABEL = {
+    [CallingState.JOINING]: 'Joining',
+    [CallingState.RINGING]: 'Ringing',
+    [CallingState.RECONNECTING]: 'Re-connecting',
+    [CallingState.RECONNECTING_FAILED]: 'Failed',
+    [CallingState.OFFLINE]: 'No internet connection',
+    [CallingState.IDLE]: '',
+    [CallingState.UNKNOWN]: '',
+    [CallingState.JOINED]: 'Joined',
+    [CallingState.LEFT]: 'Left call',
+};
+export const PendingCallPanel = () => {
+    const call = useCall();
+    const callingState = useCallCallingState();
+    const { t } = useI18n();
+    const metadata = useCallMetadata();
+    const members = useCallMembers();
+    if (!call)
+        return null;
+    const caller = metadata === null || metadata === void 0 ? void 0 : metadata.created_by;
+    const membersToShow = call.isCreatedByMe
+        ? (members === null || members === void 0 ? void 0 : members.slice(0, 3).map(({ user }) => user).filter((u) => !!u)) || []
+        : caller
+            ? [caller]
+            : [];
+    const callingStateLabel = CALLING_STATE_TO_LABEL[callingState];
+    return (_jsxs("div", Object.assign({ className: "str-video__call-panel str-video__call-panel--pending" }, { children: [_jsx("div", Object.assign({ className: "str-video__call-panel__members-list" }, { children: membersToShow.map((user) => (_jsxs("div", Object.assign({ className: "str-video__call-panel__member-box" }, { children: [_jsx(Avatar, { name: user.name, imageSrc: user.image }), user.name && (_jsx("div", Object.assign({ className: "str-video__member_details" }, { children: _jsx("span", Object.assign({ className: "str-video__member_name" }, { children: user.name })) })))] }), user.id))) })), callingStateLabel && (_jsx("div", Object.assign({ className: "str-video__call-panel__calling-state-label" }, { children: t(callingStateLabel) }))), [CallingState.RINGING, CallingState.JOINING].includes(callingState) && (_jsx(PendingCallControls, {}))] })));
+};
+//# sourceMappingURL=PendingCallPanel.js.map

package/dist/src/components/PendingCallPanel/PendingCallPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PendingCallPanel.js","sourceRoot":"","sources":["../../../../src/components/PendingCallPanel/PendingCallPanel.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EACL,OAAO,EACP,mBAAmB,EACnB,cAAc,EACd,eAAe,EACf,OAAO,GACR,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,MAAM,sBAAsB,GAAiC;IAC3D,CAAC,YAAY,CAAC,OAAO,CAAC,EAAE,SAAS;IACjC,CAAC,YAAY,CAAC,OAAO,CAAC,EAAE,SAAS;IACjC,CAAC,YAAY,CAAC,YAAY,CAAC,EAAE,eAAe;IAC5C,CAAC,YAAY,CAAC,mBAAmB,CAAC,EAAE,QAAQ;IAC5C,CAAC,YAAY,CAAC,OAAO,CAAC,EAAE,wBAAwB;IAChD,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,EAAE;IACvB,CAAC,YAAY,CAAC,OAAO,CAAC,EAAE,EAAE;IAC1B,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE,QAAQ;IAC/B,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,WAAW;CACjC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,EAAE;IACnC,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,YAAY,GAAG,mBAAmB,EAAE,CAAC;IAC3C,MAAM,EAAE,CAAC,EAAE,GAAG,OAAO,EAAE,CAAC;IACxB,MAAM,QAAQ,GAAG,eAAe,EAAE,CAAC;IACnC,MAAM,OAAO,GAAG,cAAc,EAAE,CAAC;IAEjC,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAC;IAEvB,MAAM,MAAM,GAAG,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,UAAU,CAAC;IACpC,MAAM,aAAa,GAAG,IAAI,CAAC,aAAa;QACtC,CAAC,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CACH,KAAK,CAAC,CAAC,EAAE,CAAC,EACX,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,IAAI,EACtB,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,KAAI,EAAE;QAC7B,CAAC,CAAC,MAAM;YACR,CAAC,CAAC,CAAC,MAAM,CAAC;YACV,CAAC,CAAC,EAAE,CAAC;IAEP,MAAM,iBAAiB,GAAG,sBAAsB,CAAC,YAAY,CAAC,CAAC;IAE/D,OAAO,CACL,6BAAK,SAAS,EAAC,sDAAsD,iBACnE,4BAAK,SAAS,EAAC,qCAAqC,gBACjD,aAAa,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAC3B,6BAAmB,SAAS,EAAC,mCAAmC,iBAC9D,KAAC,MAAM,IAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,KAAK,GAAI,EAChD,IAAI,CAAC,IAAI,IAAI,CACZ,4BAAK,SAAS,EAAC,2BAA2B,gBACxC,6BAAM,SAAS,EAAC,wBAAwB,gBAAE,IAAI,CAAC,IAAI,IAAQ,IACvD,CACP,MANO,IAAI,CAAC,EAAE,CAOX,CACP,CAAC,IACE,EAEL,iBAAiB,IAAI,CACpB,4BAAK,SAAS,EAAC,4CAA4C,gBACxD,CAAC,CAAC,iBAAiB,CAAC,IACjB,CACP,EAEA,CAAC,YAAY,CAAC,OAAO,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,YAAY,CAAC,IAAI,CACtE,KAAC,mBAAmB,KAAG,CACxB,KACG,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/src/components/PendingCallPanel/index.d.ts

@@ -0,0 +1,2 @@
+export * from './PendingCallControls';
+export * from './PendingCallPanel';

package/dist/src/components/PendingCallPanel/index.js

@@ -0,0 +1,3 @@
+export * from './PendingCallControls';
+export * from './PendingCallPanel';
+//# sourceMappingURL=index.js.map

package/dist/src/components/PendingCallPanel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/PendingCallPanel/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC"}

package/dist/src/components/StreamMeeting/StreamMeeting.d.ts

@@ -1,5 +1,5 @@
 import { PropsWithChildren } from 'react';
-import { Call, JoinCallRequest } from '@stream-io/video-client';
+import { Call, JoinCallData } from '@stream-io/video-client';
 import { MediaDevicesProviderProps } from '../../core';
 type InitWithCallCID = {
     callId: string;
@@ -24,7 +24,7 @@ export type StreamMeetingProps = InitStreamMeeting & {
     /**
      * An optional data to pass when joining the call.
      */
-    data?: JoinCallRequest;
+    data?: JoinCallData;
     /**
      * An optional props to pass to the `MediaDevicesProvider`.
      */

package/dist/src/components/StreamMeeting/StreamMeeting.js.map

@@ -1 +1 @@
-{"version":3,"file":"StreamMeeting.js","sourceRoot":"","sources":["../../../../src/components/StreamMeeting/StreamMeeting.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAqB,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAQ,YAAY,EAAmB,MAAM,yBAAyB,CAAC;AAC9E,OAAO,EACL,kBAAkB,EAClB,oBAAoB,GACrB,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,oBAAoB,EAA6B,MAAM,YAAY,CAAC;AAqC7E,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,IAAI,EACJ,QAAQ,GAAG,KAAK,EAChB,IAAI,EACJ,yBAAyB,GACa,EAAE,EAAE;IAC1C,MAAM,MAAM,GAAG,oBAAoB,EAAE,CAAC;IACtC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAmB,GAAG,EAAE;QAClE,IAAI,IAAI;YAAE,OAAO,IAAI,CAAC;QACtB,IAAI,CAAC,MAAM,IAAI,CAAC,MAAM,IAAI,CAAC,QAAQ;YAAE,OAAO;QAC5C,OAAO,MAAM,CAAC,IAAI,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;IACvC,CAAC,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,MAAM;YAAE,OAAO;QAEpB,IAAI,MAAM,IAAI,QAAQ,IAAI,CAAC,UAAU,EAAE;YACrC,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;YAC9C,aAAa,CAAC,OAAO,CAAC,CAAC;SACxB;IACH,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC;IAE3C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,QAAQ,IAAI,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,CAAC,YAAY,MAAK,YAAY,CAAC,IAAI,EAAE;YACpE,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,EAAE;gBAClC,OAAO,CAAC,KAAK,CAAC,qBAAqB,EAAE,GAAG,CAAC,CAAC;YAC5C,CAAC,CAAC,CAAC;SACJ;IACH,CAAC,EAAE,CAAC,UAAU,EAAE,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC;IAEjC,OAAO,CACL,KAAC,kBAAkB,kBAAC,IAAI,EAAE,UAAU,gBAClC,KAAC,oBAAoB,oBAAK,yBAAyB,cAChD,QAAQ,IACY,IACJ,CACtB,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"StreamMeeting.js","sourceRoot":"","sources":["../../../../src/components/StreamMeeting/StreamMeeting.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAqB,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAQ,YAAY,EAAgB,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EACL,kBAAkB,EAClB,oBAAoB,GACrB,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,oBAAoB,EAA6B,MAAM,YAAY,CAAC;AAqC7E,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,IAAI,EACJ,QAAQ,GAAG,KAAK,EAChB,IAAI,EACJ,yBAAyB,GACa,EAAE,EAAE;IAC1C,MAAM,MAAM,GAAG,oBAAoB,EAAE,CAAC;IACtC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAmB,GAAG,EAAE;QAClE,IAAI,IAAI;YAAE,OAAO,IAAI,CAAC;QACtB,IAAI,CAAC,MAAM,IAAI,CAAC,MAAM,IAAI,CAAC,QAAQ;YAAE,OAAO;QAC5C,OAAO,MAAM,CAAC,IAAI,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;IACvC,CAAC,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,MAAM;YAAE,OAAO;QAEpB,IAAI,MAAM,IAAI,QAAQ,IAAI,CAAC,UAAU,EAAE;YACrC,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;YAC9C,aAAa,CAAC,OAAO,CAAC,CAAC;SACxB;IACH,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC;IAE3C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,QAAQ,IAAI,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,CAAC,YAAY,MAAK,YAAY,CAAC,IAAI,EAAE;YACpE,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,EAAE;gBAClC,OAAO,CAAC,KAAK,CAAC,qBAAqB,EAAE,GAAG,CAAC,CAAC;YAC5C,CAAC,CAAC,CAAC;SACJ;IACH,CAAC,EAAE,CAAC,UAAU,EAAE,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC;IAEjC,OAAO,CACL,KAAC,kBAAkB,kBAAC,IAAI,EAAE,UAAU,gBAClC,KAAC,oBAAoB,oBAAK,yBAAyB,cAChD,QAAQ,IACY,IACJ,CACtB,CAAC;AACJ,CAAC,CAAC"}

package/dist/src/components/index.d.ts

@@ -7,6 +7,7 @@ export * from './DeviceSettings';
 export * from './LoadingIndicator';
 export * from './Menu';
 export * from './Notification';
+export * from './PendingCallPanel';
 export * from './Permissions';
 export * from './StreamCall';
 export * from './StreamMeeting';

package/dist/src/components/index.js

@@ -7,6 +7,7 @@ export * from './DeviceSettings';
 export * from './LoadingIndicator';
 export * from './Menu';
 export * from './Notification';
+export * from './PendingCallPanel';
 export * from './Permissions';
 export * from './StreamCall';
 export * from './StreamMeeting';

package/dist/src/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC"}

package/package.json

@@ -25,9 +25,9 @@
     "@floating-ui/react": "^0.22.0",
     "@nivo/core": "^0.80.0",
     "@nivo/line": "^0.80.0",
-    "@stream-io/i18n": "^0.0.1-alpha.15",
-    "@stream-io/video-client": "^0.0.1-alpha.138",
-    "@stream-io/video-react-bindings": "^0.0.1-alpha.26",
+    "@stream-io/i18n": "^0.0.1-alpha.17",
+    "@stream-io/video-client": "^0.0.1-alpha.140",
+    "@stream-io/video-react-bindings": "^0.0.1-alpha.28",
     "clsx": "^1.2.1",
     "rxjs": "~7.8.1"
   },
@@ -36,7 +36,7 @@
     "react-dom": "^18.0.0"
   },
   "devDependencies": {
-    "@stream-io/video-styling": "^0.0.1-alpha.8",
+    "@stream-io/video-styling": "^0.0.1-alpha.10",
     "@types/rimraf": "^3.0.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
@@ -45,5 +45,5 @@
     "typedoc": "^0.24.7",
     "typescript": "^4.9.5"
   },
-  "version": "0.0.1-alpha.30"
+  "version": "0.0.1-alpha.32"
 }

package/src/components/CallControls/AcceptCallButton.tsx

@@ -0,0 +1,38 @@
+import * as React from 'react';
+import { Call } from '@stream-io/video-client';
+import { MouseEventHandler, useCallback } from 'react';
+import { IconButton } from '../Button';
+
+export type AcceptCallButtonProps = {
+  call?: Call;
+  disabled?: boolean;
+  onClick?: MouseEventHandler<HTMLButtonElement>;
+  onAccept?: () => void;
+};
+
+export const AcceptCallButton = ({
+  call,
+  disabled,
+  onAccept,
+  onClick,
+}: AcceptCallButtonProps) => {
+  const handleClick: MouseEventHandler<HTMLButtonElement> = useCallback(
+    async (e) => {
+      if (onClick) {
+        onClick(e);
+      } else if (call) {
+        await call.join();
+        onAccept?.();
+      }
+    },
+    [onClick, onAccept, call],
+  );
+  return (
+    <IconButton
+      disabled={disabled}
+      icon="call-accept"
+      variant="success"
+      onClick={handleClick}
+    />
+  );
+};

package/src/components/CallControls/CancelCallButton.tsx

@@ -3,13 +3,15 @@ import { Call } from '@stream-io/video-client';
 import { IconButton } from '../Button/';
 
 export type CancelCallButtonProps = {
-  call: Call;
+  call?: Call;
+  disabled?: boolean;
   onClick?: MouseEventHandler<HTMLButtonElement>;
   onLeave?: () => void;
 };
 
 export const CancelCallButton = ({
   call,
+  disabled,
   onClick,
   onLeave,
 }: CancelCallButtonProps) => {
@@ -24,5 +26,12 @@ export const CancelCallButton = ({
     },
     [onClick, onLeave, call],
   );
-  return <IconButton icon="call-end" variant="danger" onClick={handleClick} />;
+  return (
+    <IconButton
+      disabled={disabled}
+      icon="call-end"
+      variant="danger"
+      onClick={handleClick}
+    />
+  );
 };

package/src/components/CallControls/index.ts

@@ -1,3 +1,4 @@
+export * from './AcceptCallButton';
 export * from './CallControls';
 export * from './CallStatsButton';
 export * from './CancelCallButton';

package/src/components/PendingCallPanel/PendingCallControls.tsx

@@ -0,0 +1,27 @@
+import { CallingState } from '@stream-io/video-client';
+import { AcceptCallButton, CancelCallButton } from '../CallControls';
+import { useCall, useCallCallingState } from '@stream-io/video-react-bindings';
+
+export const PendingCallControls = () => {
+  const call = useCall();
+  const callCallingState = useCallCallingState();
+
+  if (!call) return null;
+
+  const buttonsDisabled = callCallingState !== CallingState.RINGING;
+  return (
+    <div className="str-video__pending-call-controls">
+      {call.isCreatedByMe ? (
+        <CancelCallButton call={call} disabled={buttonsDisabled} />
+      ) : (
+        <>
+          <AcceptCallButton call={call} disabled={buttonsDisabled} />
+          <CancelCallButton
+            onClick={() => call.leave({ reject: true })}
+            disabled={buttonsDisabled}
+          />
+        </>
+      )}
+    </div>
+  );
+};

package/src/components/PendingCallPanel/PendingCallPanel.tsx

@@ -0,0 +1,71 @@
+import { CallingState } from '@stream-io/video-client';
+import {
+  useCall,
+  useCallCallingState,
+  useCallMembers,
+  useCallMetadata,
+  useI18n,
+} from '@stream-io/video-react-bindings';
+import { Avatar } from '../Avatar';
+import { PendingCallControls } from './PendingCallControls';
+
+const CALLING_STATE_TO_LABEL: Record<CallingState, string> = {
+  [CallingState.JOINING]: 'Joining',
+  [CallingState.RINGING]: 'Ringing',
+  [CallingState.RECONNECTING]: 'Re-connecting',
+  [CallingState.RECONNECTING_FAILED]: 'Failed',
+  [CallingState.OFFLINE]: 'No internet connection',
+  [CallingState.IDLE]: '',
+  [CallingState.UNKNOWN]: '',
+  [CallingState.JOINED]: 'Joined',
+  [CallingState.LEFT]: 'Left call',
+};
+
+export const PendingCallPanel = () => {
+  const call = useCall();
+  const callingState = useCallCallingState();
+  const { t } = useI18n();
+  const metadata = useCallMetadata();
+  const members = useCallMembers();
+
+  if (!call) return null;
+
+  const caller = metadata?.created_by;
+  const membersToShow = call.isCreatedByMe
+    ? members
+        ?.slice(0, 3)
+        .map(({ user }) => user)
+        .filter((u) => !!u) || []
+    : caller
+    ? [caller]
+    : [];
+
+  const callingStateLabel = CALLING_STATE_TO_LABEL[callingState];
+
+  return (
+    <div className="str-video__call-panel str-video__call-panel--pending">
+      <div className="str-video__call-panel__members-list">
+        {membersToShow.map((user) => (
+          <div key={user.id} className="str-video__call-panel__member-box">
+            <Avatar name={user.name} imageSrc={user.image} />
+            {user.name && (
+              <div className="str-video__member_details">
+                <span className="str-video__member_name">{user.name}</span>
+              </div>
+            )}
+          </div>
+        ))}
+      </div>
+
+      {callingStateLabel && (
+        <div className="str-video__call-panel__calling-state-label">
+          {t(callingStateLabel)}
+        </div>
+      )}
+
+      {[CallingState.RINGING, CallingState.JOINING].includes(callingState) && (
+        <PendingCallControls />
+      )}
+    </div>
+  );
+};

package/src/components/PendingCallPanel/index.ts

@@ -0,0 +1,2 @@
+export * from './PendingCallControls';
+export * from './PendingCallPanel';

package/src/components/StreamMeeting/StreamMeeting.tsx

@@ -1,5 +1,5 @@
 import { PropsWithChildren, useEffect, useState } from 'react';
-import { Call, CallingState, JoinCallRequest } from '@stream-io/video-client';
+import { Call, CallingState, JoinCallData } from '@stream-io/video-client';
 import {
   StreamCallProvider,
   useStreamVideoClient,
@@ -33,7 +33,7 @@ export type StreamMeetingProps = InitStreamMeeting & {
   /**
    * An optional data to pass when joining the call.
    */
-  data?: JoinCallRequest;
+  data?: JoinCallData;
 
   /**
    * An optional props to pass to the `MediaDevicesProvider`.

package/src/components/index.ts

@@ -7,6 +7,7 @@ export * from './DeviceSettings';
 export * from './LoadingIndicator';
 export * from './Menu';
 export * from './Notification';
+export * from './PendingCallPanel';
 export * from './Permissions';
 export * from './StreamCall';
 export * from './StreamMeeting';