fcr-ui-scene 3.8.1 → 3.9.0-alpha

package/lib-es/modules/components/member-window/index.css

@@ -0,0 +1,502 @@
+/* fcr member-window */
+.fcr-member-window {
+  width: 100%;
+  height: 100%;
+  color: var(--fcr_ui_scene_icontext1);
+  background-color: var(--fcr_ui_scene_video);
+  font-size: 12px;
+  line-height: 1;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  user-select: none;
+  position: relative;
+  overflow: hidden;
+  z-index: 0;
+}
+
+.fcr-member-window-with-share-controlbar .fcr-member-window {
+  height: calc(100% - 28px);
+}
+
+.fcr-member-window button,
+.fcr-member-board button {
+  border: none;
+  outline: none;
+}
+
+.fcr-member-window button:focus,
+.fcr-member-board button:focus {
+  border: none;
+  outline: none;
+}
+
+.fcr-member-board {
+  width: 100%;
+  height: 100%;
+  position: relative;
+  cursor:
+    url('data:image/svg+xml,%3Csvg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg clip-path="url(%23clip0_71146_163811)"%3E%3Cg filter="url(%23filter0_d_71146_163811)"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M4.95701 14.2575L1.05431 2.41514C0.867777 1.84912 1.1772 1.23963 1.74543 1.05381C1.96805 0.981012 2.20837 0.982105 2.43032 1.05693L14.264 5.04624C14.8305 5.23722 15.1343 5.84949 14.9426 6.4138C14.8422 6.70924 14.6183 6.94694 14.3288 7.0656L9.3004 9.12601C9.08832 9.21291 8.92123 9.38255 8.83806 9.59543L6.99502 14.3123C6.77809 14.8675 6.15043 15.1423 5.59309 14.9263C5.29135 14.8093 5.058 14.5639 4.95701 14.2575Z" fill="%234262FF"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M4.95701 14.2575L1.05431 2.41514C0.867777 1.84912 1.1772 1.23963 1.74543 1.05381C1.96805 0.981012 2.20837 0.982105 2.43032 1.05693L14.264 5.04624C14.8305 5.23722 15.1343 5.84949 14.9426 6.4138C14.8422 6.70924 14.6183 6.94694 14.3288 7.0656L9.3004 9.12601C9.08832 9.21291 8.92123 9.38255 8.83806 9.59543L6.99502 14.3123C6.77809 14.8675 6.15043 15.1423 5.59309 14.9263C5.29135 14.8093 5.058 14.5639 4.95701 14.2575Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id="filter0_d_71146_163811" x="-2.5" y="-1.5" width="23" height="23" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/%3E%3CfeOffset dx="1" dy="2"/%3E%3CfeGaussianBlur stdDeviation="2"/%3E%3CfeComposite in2="hardAlpha" operator="out"/%3E%3CfeColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.14 0"/%3E%3CfeBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_71146_163811"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_71146_163811" result="shape"/%3E%3C/filter%3E%3CclipPath id="clip0_71146_163811"%3E%3Crect width="18" height="18" fill="white"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E'),
+    auto;
+}
+
+.fcr-member-board-mask {
+  display: none;
+  position: absolute;
+  inset: 0;
+  z-index: 2;
+}
+
+.fcr-member-board-mask-show {
+  display: block;
+}
+
+/* .fcr-member-window.fcr-member-window-suspend {
+  background-color: var(--fcr_ui_scene_video_s);
+  border-radius: 0;
+} */
+.fcr-member-window-background {
+  position: absolute;
+  inset: 0;
+  color: var(--fcr_ui_scene_icontext3);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  pointer-events: none;
+  visibility: hidden;
+}
+
+.fcr-member-window-is-broken {
+  visibility: visible;
+}
+
+.fcr-member-window-background svg {
+  opacity: 0.3;
+}
+
+.fcr-member-window-avatar {
+  padding: 0 20px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  position: relative;
+}
+
+.fcr-member-window-body {
+  position: absolute;
+  inset: 0;
+  font-size: 0;
+}
+
+.fcr-member-window-body-render-video-loading {
+  border-radius: 10px;
+  position: absolute;
+  z-index: 999;
+  display: flex;
+  top: 10px;
+  right: 13px;
+  max-width: 447px;
+  height: fit-content;
+  transition: all 0.2s;
+  padding: 6px 8px;
+  gap: 14px;
+  background: #748bff;
+  align-items: center;
+  justify-content: center;
+}
+
+.fcr-member-window-body-render-video-loading span {
+  color: #fff;
+  font-size: 14px;
+  line-height: 18px;
+  font-weight: 600;
+  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
+  white-space: pre-wrap;
+}
+
+.fcr-member-window-body-render-video-loading .render-video-loading-icon {
+  animation: loading-rotate 1s linear infinite;
+}
+
+@keyframes loading-rotate {
+  from {
+    transform: rotate(0deg);
+  }
+
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+.fcr-member-window-body.fcr-member-window-body-video-remote {
+  visibility: hidden;
+}
+
+.fcr-member-window-body.fcr-member-window-body-video-remote-render {
+  visibility: visible;
+}
+
+.fcr-member-window-excitation {
+  position: absolute;
+  inset: 0;
+  font-size: 0;
+  border: 3px solid var(--fcr_ui_scene_ramp_green6);
+  opacity: 0;
+}
+
+.fcr-member-window-excitation-show {
+  opacity: 1;
+}
+
+.fcr-member-window-pin {
+  display: none;
+  justify-content: center;
+  align-items: center;
+  position: absolute;
+  left: 4px;
+  top: 4px;
+  width: 26px;
+  height: 26px;
+  border-radius: var(--fcr_cornerradius_xs);
+  background-color: var(--fcr_ui_scene_view_toast);
+  /* opacity: 0; */
+  /* transition: opacity 0.2s; */
+  z-index: 11;
+}
+
+.fcr-member-window-pin-show {
+  /* opacity: 1; */
+  display: flex;
+}
+
+.fcr-member-board:hover .fcr-user-window-actions-top,
+.fcr-member-window:hover .fcr-user-window-actions-top {
+  opacity: 1;
+}
+
+.fcr-member-window-members-sharebtn {
+  display: none;
+  align-items: center;
+  justify-content: center;
+  background-color: var(--fcr_ui_scene_ramp_green6);
+  border-radius: var(--fcr_cornerradius_xxs);
+  /* padding: 0 1px; */
+  height: 18px;
+  margin-right: 2px;
+}
+
+.fcr-member-window-members-sharebtn-show {
+  margin-left: 0px;
+  display: flex;
+}
+
+.fcr-member-window-members-sharebtn-large {
+  height: 24px;
+  margin-right: 6px;
+}
+
+.fcr-member-window-members-shareSound {
+  display: none;
+  align-items: center;
+  justify-content: center;
+  border-radius: var(--fcr_cornerradius_xxs);
+  padding: 3px;
+}
+
+.fcr-member-window-members-shareSound-show {
+  display: flex;
+}
+
+.fcr-member-window-members-shareSound-large {
+  height: 24px;
+  padding: 0;
+  margin-right: 6px;
+}
+
+/* fcr-member-window-action start */
+
+.fcr-user-window-actions {
+  position: absolute;
+  inset: 0;
+  pointer-events: auto !important;
+  transition: opacity 0.2s;
+  overflow: hidden;
+  z-index: 2;
+}
+
+.fcr-user-window-actions-hide {
+  opacity: 0;
+}
+
+.fcr-user-window-actions button {
+  pointer-events: auto;
+}
+
+.fcr-user-window-actions-bottom {
+  position: absolute;
+  inset: auto auto 4px 4px;
+  color: var(--fcr_ui_scene_icontext1);
+  border-radius: var(--fcr_cornerradius_xxs);
+  backdrop-filter: blur(25px);
+  font-weight: var(--fcr_font_weight_m);
+  font-size: 10px;
+  display: inline-flex;
+  align-items: center;
+  max-width: calc(100% - 8px);
+  height: 18px;
+  overflow: hidden;
+  z-index: 10;
+  transition: opacity 0.2s;
+  opacity: 1;
+}
+
+.fcr-user-window-actions-tag_small {
+  position: absolute;
+  bottom: 20px;
+  z-index: 1;
+}
+
+.fcr-user-window-actions-bottom-layout {
+  color: var(--fcr_ui_scene_icontext1);
+  font-weight: var(--fcr_font_weight_m);
+  font-size: 12px;
+  backdrop-filter: blur(25px);
+  display: inline-flex;
+  align-items: center;
+  overflow: hidden;
+}
+
+.fcr-user-window-actions-bottom-layout-info {
+  border-radius: var(--fcr_cornerradius_xs);
+  background-color: var(--fcr_ui_scene_view_toast);
+  display: inline-flex;
+  align-items: center;
+  overflow: hidden;
+}
+
+.fcr-user-window-actions-bottom-interpreter-tag {
+  margin-left: 8px;
+}
+
+.fcr-member-board .fcr-user-window-actions-bottom-show,
+.fcr-member-window .fcr-user-window-actions-bottom-show {
+  opacity: 1;
+}
+
+.fcr-member-board:hover .fcr-user-window-actions-bottom,
+.fcr-member-window:hover .fcr-user-window-actions-bottom {
+  opacity: 1;
+}
+
+.fcr-member-window-gallery .fcr-user-window-actions-bottom {
+  height: 24px;
+  font-size: 12px;
+  backdrop-filter: none;
+}
+
+.fcr-user-window-actions-tag {
+  height: 18px;
+  border-radius: var(--fcr_cornerradius_xs);
+  display: inline-flex;
+  align-items: center;
+  white-space: nowrap;
+}
+
+.fcr-member-window-gallery .fcr-user-window-actions-tag {
+  height: 24px;
+  border-radius: var(--fcr_cornerradius_xs);
+}
+
+.fcr-user-window-actions-tag-host {
+  color: var(--fcr_ui_scene_white10);
+  background: linear-gradient(90deg, #4262ff, #7c79ff);
+  padding: 0 8px;
+  /* margin-right: 10px; */
+}
+
+.fcr-user-window-actions-tag-host:has(svg) {
+  padding-left: 4px;
+}
+
+.fcr-user-window-actions-volume {
+  color: var(--fcr_ui_scene_icontext1);
+  --fcr-volume-icon-color: var(--fcr_ui_scene_icontext1);
+}
+
+.fcr-user-window-actions-tag-host .fcr-user-window-actions-volume {
+  color: var(--fcr_ui_scene_white10);
+  --fcr-volume-icon-color: var(--fcr_ui_scene_white10);
+}
+
+.fcr-member-window-gallery .fcr-user-window-actions-tag-host {
+  padding: 0 13px;
+}
+
+.fcr-member-window-gallery .fcr-user-window-actions-tag-host:has(svg) {
+  padding-left: 6px;
+}
+
+.fcr-user-window-actions-microphone {
+  padding: 1px;
+  align-self: stretch;
+  display: inline-flex;
+  align-items: center;
+  color: var(--fcr_ui_scene_icontext1);
+  border-radius: var(--fcr_cornerradius_xxs);
+  background-color: var(--fcr_ui_scene_view_toast);
+  cursor: default;
+}
+
+.fcr-user-window-actions-tag-host .fcr-user-window-actions-microphone {
+  color: var(--fcr_ui_scene_white10);
+}
+
+.fcr-user-window-has-audio .fcr-user-window-actions-microphone {
+  display: none;
+}
+
+.fcr-member-window-gallery .fcr-user-window-actions-microphone {
+  padding: 0;
+  background-color: transparent;
+}
+
+.fcr-user-window-actions-tag ~ .fcr-user-window-actions-microphone {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.fcr-user-window-actions-tag:has(~ .fcr-user-window-actions-microphone) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.fcr-user-window-actions-bottom .fcr-user-window-actions-name {
+  padding: 0 2px;
+  font-weight: var(--fcr_font_weight_s);
+  line-height: 1.5;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.fcr-user-window-actions-bottom .fcr-user-window-actions-name.ml-5 {
+  margin-left: 5px;
+}
+
+.fcr-user-window-actions-name-isme {
+  font-weight: normal;
+}
+
+.fcr-user-window-actions-bottom .fcr-user-window-actions-name-rename {
+  width: 20px;
+  height: 20px;
+  cursor: pointer;
+  display: none;
+}
+
+.fcr-user-window-actions-bottom:hover .fcr-user-window-actions-name-rename {
+  display: block;
+}
+
+.member-window-actions__more-actions {
+  max-width: 300px;
+  padding: 0;
+}
+
+/* .fcr-member-window-gallery .fcr-user-window-actions-name {
+  padding: 0 4px;
+} */
+
+.fcr-user-window-actions-name-doing {
+  line-height: 1;
+  font-weight: var(--fcr_font_weight_s);
+  white-space: nowrap;
+  padding-right: 6px;
+  flex: 1;
+  text-overflow: ellipsis;
+  overflow: hidden;
+}
+
+.fcr-user-window-actions-top {
+  height: 26px;
+  position: absolute;
+  inset: 3px 3px auto;
+  display: flex;
+  flex-flow: row-reverse nowrap;
+  gap: 5px;
+  font-size: 12px;
+  opacity: 0;
+  transition: opacity 0.2s;
+  z-index: 10;
+}
+
+.fcr-member-window .fcr-user-window-actions-top-active {
+  opacity: 1;
+}
+
+.fcr-user-window-actions-more {
+  padding: 3px;
+  border-radius: var(--fcr_cornerradius_xxs);
+  background-color: var(--fcr_web_ui_scene_hover3);
+}
+
+.fcr-user-window-actions-mute {
+  padding: 0 6px;
+  border-radius: var(--fcr_cornerradius_xxs);
+  background-color: var(--fcr_web_ui_scene_hover3);
+}
+
+.fcr-user-window-actions-mute:disabled {
+  display: none;
+}
+
+.fcr-layout-content-bar {
+  position: absolute;
+  height: 0px;
+  width: 100%;
+  transition: height 0s;
+  z-index: 10;
+}
+
+.fcr-layout-speaker .fcr-layout-content-bar {
+  position: relative;
+}
+
+.fcr-layout-content-top {
+  top: 0;
+  display: flex;
+  flex-flow: column-reverse nowrap;
+  justify-content: flex-end;
+}
+
+.fcr-layout-content-top .fcr-layout-content-bar-body {
+  display: flex;
+  flex-flow: column-reverse nowrap;
+}
+
+.fcr-user-window-actions-tag_small {
+  position: absolute;
+  bottom: 24px;
+  z-index: 1;
+}
+
+.fcr-user-window-actions-tag_large {
+  margin-bottom: 8px;
+}
+
+.fcr-user-window-actions-bottom .fcr-device-settings-video__video-flip-container {
+  position: static;
+  margin-left: 2px;
+}
+
+.fcr-user-window-actions-bottom .fcr-device-settings-video__video-flip-container:hover {
+  background: var(--fcr_ui_scene_white10);
+}
+
+.fcr-user-window-actions-bottom
+  .fcr-device-settings-video__video-flip-container
+  .fcr-clickable-icon-small {
+  width: 24px;
+  height: 24px;
+  border-radius: var(--fcr_cornerradius_xs);
+}

package/lib-es/modules/components/member-window/index.js

@@ -0,0 +1,179 @@
+import "core-js/modules/es.array.iterator.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.set.js";
+import "core-js/modules/es.string.iterator.js";
+import "core-js/modules/esnext.set.add-all.js";
+import "core-js/modules/esnext.set.delete-all.js";
+import "core-js/modules/esnext.set.difference.v2.js";
+import "core-js/modules/esnext.set.difference.js";
+import "core-js/modules/esnext.set.every.js";
+import "core-js/modules/esnext.set.filter.js";
+import "core-js/modules/esnext.set.find.js";
+import "core-js/modules/esnext.set.intersection.v2.js";
+import "core-js/modules/esnext.set.intersection.js";
+import "core-js/modules/esnext.set.is-disjoint-from.v2.js";
+import "core-js/modules/esnext.set.is-disjoint-from.js";
+import "core-js/modules/esnext.set.is-subset-of.v2.js";
+import "core-js/modules/esnext.set.is-subset-of.js";
+import "core-js/modules/esnext.set.is-superset-of.v2.js";
+import "core-js/modules/esnext.set.is-superset-of.js";
+import "core-js/modules/esnext.set.join.js";
+import "core-js/modules/esnext.set.map.js";
+import "core-js/modules/esnext.set.reduce.js";
+import "core-js/modules/esnext.set.some.js";
+import "core-js/modules/esnext.set.symmetric-difference.v2.js";
+import "core-js/modules/esnext.set.symmetric-difference.js";
+import "core-js/modules/esnext.set.union.v2.js";
+import "core-js/modules/esnext.set.union.js";
+import "core-js/modules/web.dom-collections.iterator.js";
+import { FcrAvatar } from 'agora-ui-foundation/lib/components/avatar';
+import { FcrIcon } from 'agora-ui-foundation/lib/components/icon';
+import { FcrIconType } from 'agora-ui-foundation/lib/components/icon/type';
+import { FcrToolTip } from 'agora-ui-foundation/lib/components/tooltip';
+import { useI18n } from 'agora-ui-foundation/lib/i18n';
+import classNames from 'classnames';
+import { FcrRoomConnectorType, FcrVideoSourceType } from 'fcr-core';
+import { observer } from 'mobx-react';
+import { FcrUIVideoPlayer } from './components/video-player';
+import './index.css';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export var MinAvatarSize = 53;
+export var MaxAvatarSize = 175;
+export var AvatarSizeRatio = 0.2445;
+export var AvatarTextSizeRatio = 0.32;
+export var HideControlsTimeout = 3000;
+export var meetingConnectorTypes = new Set([FcrRoomConnectorType.SIP, FcrRoomConnectorType.H323]);
+export var clamp = function clamp(val, min, max) {
+  return val < min ? min : val > max ? max : val;
+};
+export var MemberWindow = observer(function (_ref) {
+  var showAvatar = _ref.showAvatar,
+    windowData = _ref.windowData,
+    onDoubleClick = _ref.onDoubleClick,
+    slot = _ref.slot,
+    width = _ref.width,
+    height = _ref.height,
+    canShowSpeakerSpotlight = _ref.canShowSpeakerSpotlight,
+    onRemovePin = _ref.onRemovePin,
+    memberWindowPreviewType = _ref.memberWindowPreviewType,
+    videoRenderMode = _ref.videoRenderMode,
+    videoStreamType = _ref.videoStreamType,
+    isVideoSuspended = _ref.isVideoSuspended,
+    annotation = _ref.annotation,
+    scalcValue = _ref.scalcValue,
+    onScaleChange = _ref.onScaleChange,
+    _ref$enableZoom = _ref.enableZoom,
+    enableZoom = _ref$enableZoom === void 0 ? false : _ref$enableZoom;
+  var userName = windowData.userName,
+    videoStreamId = windowData.videoStreamId,
+    userId = windowData.userId,
+    isMySelf = windowData.isMySelf,
+    hasMicrophoneAudioStream = windowData.hasMicrophoneAudioStream,
+    isPin = windowData.isPin,
+    isSpeakerSpotlight = windowData.isSpeakerSpotlight,
+    hasVideoStream = windowData.hasVideoStream,
+    windowId = windowData.windowId,
+    audioStreamConnectorType = windowData.audioStreamConnectorType,
+    videoStreamConnectorType = windowData.videoStreamConnectorType,
+    hasScreenSharing = windowData.hasScreenSharing,
+    videoSourceType = windowData.videoSourceType,
+    avatar = windowData.avatar;
+  var t = useI18n();
+  var connectorType = audioStreamConnectorType !== FcrRoomConnectorType.NONE ? audioStreamConnectorType : videoStreamConnectorType;
+  var isPhone = audioStreamConnectorType === FcrRoomConnectorType.PSTN;
+  var isPhoneOnlyAudio = isPhone && !videoStreamId;
+  var isMeeting = meetingConnectorTypes.has(connectorType);
+  var suffixedName = userName + (isMySelf ? t('fmt_attendies_labels_setting_mine') : '');
+  var renderAvatar = function renderAvatar() {
+    var avatarSize = clamp(Math.min(width || 246, height || 144) * AvatarSizeRatio, MinAvatarSize, MaxAvatarSize);
+    var avatarTextSize = avatarSize * AvatarTextSizeRatio;
+    return showAvatar ? isPhoneOnlyAudio ? /*#__PURE__*/_jsx(FcrAvatar, {
+      nickName: userName,
+      size: avatarSize,
+      textSize: avatarTextSize,
+      icon: /*#__PURE__*/_jsx(FcrIcon, {
+        type: hasMicrophoneAudioStream ? FcrIconType.FCR_PHONECALL3 : FcrIconType.FCR_PHONECALL1,
+        colors: {
+          iconPrimary: 'var(--fcr_ui_scene_white10)'
+        }
+      }),
+      backgroundColor: hasMicrophoneAudioStream ? 'var(--fcr_ui_scene_ramp_lightgreen6)' : 'var(--fcr_ui_scene_btn3)'
+    }) : isMeeting ? /*#__PURE__*/_jsx(FcrAvatar, {
+      nickName: userName,
+      avatarImage: avatar,
+      size: avatarSize,
+      textSize: avatarTextSize,
+      icon: /*#__PURE__*/_jsx(FcrIcon, {
+        type: FcrIconType.FCR_SIPDEVICE,
+        colors: {
+          iconPrimary: 'var(--fcr_ui_scene_white10)',
+          iconSecondary: 'var(--fcr_ui_scene_ramp_green6)'
+        }
+      }),
+      backgroundColor: hasMicrophoneAudioStream ? 'var(--fcr_ui_scene_ramp_purple7)' : 'var(--fcr_ui_scene_btn3)'
+    }) : /*#__PURE__*/_jsx(FcrAvatar, {
+      nickName: userName,
+      size: avatarSize,
+      textSize: avatarTextSize,
+      avatarImage: avatar
+    }) : suffixedName;
+  };
+  var handleRemovePin = function handleRemovePin() {
+    return onRemovePin(windowId);
+  };
+  return /*#__PURE__*/_jsxs("div", {
+    className: classNames("fcr-member-window fcr-member-window-".concat(memberWindowPreviewType), {
+      'fcr-member-window-myself': isMySelf,
+      'fcr-member-window-has-audio': hasMicrophoneAudioStream
+    }),
+    "data-user-id": userId,
+    "data-stream-id": videoStreamId,
+    "data-user-name": userName,
+    children: [/*#__PURE__*/_jsx("div", {
+      className: classNames('fcr-member-window-background', {
+        // 'fcr-member-window-is-broken': isBroken,
+      }),
+      children: /*#__PURE__*/_jsx(FcrIcon, {
+        type: FcrIconType.FCR_CAMERA_WINDOW_NOTWORK,
+        size: 80,
+        colors: {
+          iconPrimary: 'currentColor'
+        }
+      })
+    }), /*#__PURE__*/_jsx("div", {
+      className: "fcr-member-window-avatar",
+      children: renderAvatar()
+    }), !isVideoSuspended && /*#__PURE__*/_jsx(FcrUIVideoPlayer, {
+      isLocal: isMySelf,
+      streamId: windowId,
+      videoSourceType: videoSourceType,
+      videoStreamType: videoStreamType,
+      renderMode: videoRenderMode,
+      hasVideoStream: hasVideoStream,
+      hasScreenSharing: hasScreenSharing,
+      scalcValue: scalcValue,
+      onScaleChange: onScaleChange,
+      enableZoom: enableZoom
+    }), hasScreenSharing && videoSourceType === FcrVideoSourceType.SCREEN ? annotation : null, /*#__PURE__*/_jsx("div", {
+      className: classNames("fcr-member-window-excitation", {
+        'fcr-member-window-excitation-show': canShowSpeakerSpotlight && isSpeakerSpotlight
+      })
+    }), /*#__PURE__*/_jsx("div", {
+      onClick: handleRemovePin,
+      className: classNames("fcr-member-window-pin", {
+        'fcr-member-window-pin-show': isPin
+      }),
+      children: /*#__PURE__*/_jsx(FcrToolTip, {
+        placement: "leftTop",
+        mouseEnterDelay: 0,
+        content: t('fmt_attendies_options_cancelfixed'),
+        children: /*#__PURE__*/_jsx("button", {
+          children: /*#__PURE__*/_jsx(FcrIcon, {
+            type: FcrIconType.FCR_PINPAGE2,
+            size: 26
+          })
+        })
+      })
+    }), slot]
+  });
+});

package/lib-es/modules/components/member-window/types.js

@@ -0,0 +1 @@
+export {};