fcr-ui-scene 3.5.0 → 3.6.0

package/lib/modules/invite/voip-invite.js

@@ -1,293 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.object.define-property.js");
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.VoipInvite = void 0;
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-require("core-js/modules/es.string.trim.js");
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _button = require("agora-ui-foundation/lib/components/button");
-var _icon = require("agora-ui-foundation/lib/components/icon");
-var _actionPhone = require("agora-ui-foundation/lib/components/action-phone");
-var _type = require("agora-ui-foundation/lib/components/icon/type");
-var _input = require("agora-ui-foundation/lib/components/input");
-var _radio = require("agora-ui-foundation/lib/components/radio");
-var _select = require("agora-ui-foundation/lib/components/select");
-var _tabs = require("agora-ui-foundation/lib/components/tabs");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _mobxReact = require("mobx-react");
-var _react = require("react");
-var _store = require("./store");
-var _type2 = require("fcr-core/lib/room-control/room-connector-control/type");
-var _i18n = require("agora-ui-foundation/lib/i18n");
-var _jsxRuntime = require("react/jsx-runtime");
-var CallType = /*#__PURE__*/function (CallType) {
-  CallType["INCOMING"] = "incoming";
-  CallType["OUTGOING"] = "outgoing";
-  return CallType;
-}(CallType || {});
-var VoipType = /*#__PURE__*/function (VoipType) {
-  VoipType["H323"] = "h323";
-  VoipType["SIP"] = "sip";
-  return VoipType;
-}(VoipType || {});
-var ErrorTips = function ErrorTips(_ref) {
-  var isError = _ref.isError,
-    errorTip = _ref.errorTip;
-  var t = (0, _i18n.useI18n)();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: "invite__invite-error-tips",
-    children: isError ? errorTip || t('fmt_PSTN_tips_unempty') : ''
-  });
-};
-var VoipInvite = exports.VoipInvite = (0, _mobxReact.observer)(function () {
-  var _calledVoipInfo$state;
-  // 呼入/呼出
-  var _useState = (0, _react.useState)(CallType.OUTGOING),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    currentTab = _useState2[0],
-    setCurrentTab = _useState2[1];
-  var _useState3 = (0, _react.useState)(VoipType.H323),
-    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-    currentVoipType = _useState4[0],
-    setCurrentVoipType = _useState4[1];
-  var _useState5 = (0, _react.useState)(''),
-    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
-    callVoip = _useState6[0],
-    setCallVoip = _useState6[1]; // 拨打的voip号码
-  var _useState7 = (0, _react.useState)(false),
-    _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
-    isIpError = _useState8[0],
-    setIsError = _useState8[1];
-  var _useContext = (0, _react.useContext)(_store.StoreContext),
-    localVoipList = _useContext.localVoipList,
-    ipInfo = _useContext.ipInfo,
-    isVoipCalling = _useContext.isVoipCalling,
-    startSessionByVoip = _useContext.startSessionByVoip,
-    stopSession = _useContext.stopSession,
-    calledVoipInfo = _useContext.calledVoipInfo;
-  var _useState9 = (0, _react.useState)(false),
-    _useState10 = (0, _slicedToArray2["default"])(_useState9, 2),
-    isLoading = _useState10[0],
-    setIsLoading = _useState10[1];
-  var handleCallVoip = function handleCallVoip() {
-    checkInput(callVoip, setIsError);
-    if (callVoip.trim().length === 0) {
-      return;
-    }
-    setIsLoading(true);
-    var voipType = currentVoipType === VoipType.H323 ? _type2.FcrIPConnectorSessionType.H323 : _type2.FcrIPConnectorSessionType.SIP;
-    startSessionByVoip(callVoip, voipType);
-    setIsLoading(false);
-  };
-  var handleEndCallVoip = /*#__PURE__*/function () {
-    var _ref2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
-      return _regenerator["default"].wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            setIsLoading(true);
-            _context.next = 3;
-            return stopSession('voip');
-          case 3:
-            setIsLoading(false);
-          case 4:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    return function handleEndCallVoip() {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-  var checkInput = (0, _react.useCallback)(function (input, setError) {
-    setError(input.trim().length === 0);
-  }, []);
-  var t = (0, _i18n.useI18n)();
-  var voipStatusTips = (0, _react.useMemo)(function () {
-    switch (calledVoipInfo.state) {
-      // case InviteStatus.SUCCESS:
-      //   return '成功';
-      case _store.InviteStatus.ERROR:
-        return t('fmt_pstn_status_failed');
-      case _store.InviteStatus.REJECT:
-        return t('fmt_pstn_status_hungup');
-      case _store.InviteStatus.RINGING:
-        return t('fmt_pstn_status_ringing');
-      case _store.InviteStatus.ACCEPTED:
-        return t('fmt_pstn_status_Answered');
-      case _store.InviteStatus.CALLING:
-        return t('fmt_pstn_status_calling');
-      default:
-        return t('fmt_pstn_status_calling');
-    }
-  }, [calledVoipInfo.state]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: "invite__voip-invite",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_tabs.FcrTabs, {
-      items: [{
-        label: t('fmt_sip_options_callout'),
-        key: CallType.OUTGOING
-      }, {
-        label: t('fmt_sip_options_callin'),
-        key: CallType.INCOMING
-      }],
-      activeKey: currentTab,
-      onChange: function onChange(key) {
-        return setCurrentTab(key);
-      }
-    }), currentTab === CallType.OUTGOING && !isVoipCalling && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: "invite__voip-invite__edit-content",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
-        type: _type.FcrIconType.FCR_SIPDEVICE,
-        size: 48,
-        colors: {
-          iconPrimary: 'var(--fcr_ui_scene_ramp_purple6)',
-          iconSecondary: 'var(--fcr_ui_scene_ramp_green6)'
-        }
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "invite__voip-invite__edit-content-title",
-        children: t('fmt_actionbar_label_dialsip')
-      }), currentTab === CallType.OUTGOING && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_input.FcrInput, {
-          placeholder: t('fmt_sip_inputtips_sip_323'),
-          size: "small",
-          shape: "rounded",
-          value: callVoip,
-          onChange: function onChange(val) {
-            setCallVoip(val);
-          },
-          onBlur: function onBlur() {
-            return checkInput(callVoip, setIsError);
-          }
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(ErrorTips, {
-          isError: isIpError
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "invite__voip-invite__voip_type",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_radio.FcrRadioGroup, {
-          defaultValue: VoipType.H323,
-          value: currentVoipType,
-          onChange: function onChange(value) {
-            setCurrentVoipType(value);
-          },
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_button.FcrButton, {
-            type: "primary",
-            size: "M",
-            shape: "rounded",
-            className: "invite__voip-invite__voip_type__h323-button",
-            onClick: function onClick() {
-              return setCurrentVoipType(VoipType.H323);
-            },
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-              children: "H323"
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_radio.FcrRadio, {
-              styleType: "white",
-              value: VoipType.H323
-            })]
-          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_button.FcrButton, {
-            type: "primary",
-            size: "M",
-            shape: "rounded",
-            className: "invite__voip-invite__voip_type__sip-button",
-            onClick: function onClick() {
-              return setCurrentVoipType(VoipType.SIP);
-            },
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-              children: " SIP"
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_radio.FcrRadio, {
-              styleType: "white",
-              value: VoipType.SIP
-            })]
-          })]
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.FcrButton, {
-        size: "S",
-        styleType: "success",
-        className: (0, _classnames["default"])('invite__voip-invite__call-button', {
-          'invite__voip-invite__call-button-error': false
-        }),
-        loading: isLoading,
-        onClick: handleCallVoip,
-        children: t('fmt_sip_button_call')
-      })]
-    }), currentTab === CallType.OUTGOING && isVoipCalling && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: "invite__voip-invite__edit-content",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_actionPhone.FcrActionPhone, {
-        size: 'large',
-        animate: calledVoipInfo.state === _store.InviteStatus.RINGING || calledVoipInfo.state === _store.InviteStatus.CALLING || calledVoipInfo.state === _store.InviteStatus.DEFAULT,
-        wrapperColor: 'var(--fcr_ui_scene_ramp_purple6)',
-        circleColor: 'var(--fcr_ui_scene_ramp_purple6)',
-        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
-          type: _type.FcrIconType.FCR_SIPDEVICE,
-          size: 80,
-          className: "invite__voip-invite__edit-content-icon",
-          colors: {
-            iconPrimary: 'var(--fcr_ui_scene_white10)',
-            iconSecondary: 'var(--fcr_ui_scene_ramp_green6)'
-          }
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "invite__voip-invite__edit-content-ip",
-        children: callVoip
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: (0, _classnames["default"])('invite__voip-invite__edit-content-tip', {
-          'invite__voip-invite__edit-content-tip-error': calledVoipInfo.state === _store.InviteStatus.ERROR
-        }),
-        children: voipStatusTips
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.FcrButton, {
-        size: "S",
-        className: (0, _classnames["default"])('invite__voip-invite__call-button', {
-          'invite__voip-invite__call-button-error': false
-        }),
-        styleType: "danger",
-        loading: isLoading,
-        disabled: calledVoipInfo.state === _store.InviteStatus.ACCEPTED || ((_calledVoipInfo$state = calledVoipInfo.state) !== null && _calledVoipInfo$state !== void 0 ? _calledVoipInfo$state : _store.InviteStatus.DEFAULT) > _store.InviteStatus.ACCEPTED,
-        onClick: handleEndCallVoip,
-        children: t('fmt_sip_button_Hangup')
-      })]
-    }), currentTab === CallType.INCOMING && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: "invite__voip-invite__edit-content",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
-        type: _type.FcrIconType.FCR_SIPDEVICE,
-        size: 48,
-        colors: {
-          iconPrimary: 'var(--fcr_ui_scene_ramp_purple6)',
-          iconSecondary: 'var(--fcr_ui_scene_ramp_green6)'
-        }
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "invite__voip-invite__edit-content-title",
-        children: t('fmt_sip_label_dialviasip')
-      }), currentTab === CallType.INCOMING && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: "invite__voip-invite__invited-information",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-          className: "invite__voip-invite__invited-information-item",
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("label", {
-            children: [t('fmt_sip_label_dial'), " "]
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_select.FcrSelect, {
-            options: localVoipList,
-            value: localVoipList !== null && localVoipList !== void 0 && localVoipList.length ? localVoipList[0].value : undefined
-          })]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-          className: "invite__voip-invite__invited-information-item",
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("label", {
-            children: [" ", t('fmt_sip_label_inputid'), " "]
-          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
-            children: [" ", ipInfo === null || ipInfo === void 0 ? void 0 : ipInfo.ipRoomId, " "]
-          })]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-          className: "invite__voip-invite__invited-information-item",
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("label", {
-            children: [" ", t('fmt_sip_label_password'), " "]
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-            children: " --- "
-          })]
-        })]
-      })]
-    })]
-  });
-});

package/lib/modules/layout/components/Layout.d.ts

@@ -1,2 +0,0 @@
-export declare const MinAsideWidth = 320;
-export declare const Layout: () => import("react/jsx-runtime").JSX.Element;

package/lib/modules/layout/components/Layout.js

@@ -1,190 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.array.iterator.js");
-require("core-js/modules/es.object.define-property.js");
-require("core-js/modules/es.object.get-own-property-descriptor.js");
-require("core-js/modules/es.object.to-string.js");
-require("core-js/modules/es.string.iterator.js");
-require("core-js/modules/es.weak-map.js");
-require("core-js/modules/esnext.weak-map.delete-all.js");
-require("core-js/modules/esnext.weak-map.emplace.js");
-require("core-js/modules/web.dom-collections.iterator.js");
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MinAsideWidth = exports.Layout = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _mobxReact = require("mobx-react");
-var _react = _interopRequireWildcard(require("react"));
-var _icon = require("agora-ui-foundation/lib/components/icon");
-var _type = require("agora-ui-foundation/lib/components/icon/type");
-var _i18n = require("agora-ui-foundation/lib/i18n");
-var _hooks = require("../../../utilities/hooks");
-var _store = require("../store");
-var _type2 = require("../type");
-var _Aside = require("./Aside");
-var _Carousel = require("./Carousel");
-var _Gallery = require("./Gallery");
-var _utils = require("./utils");
-var _watermark = require("agora-ui-foundation/lib/components/watermark");
-var _jsxRuntime = require("react/jsx-runtime");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-var MinAsideWidth = exports.MinAsideWidth = 320;
-var MaxAsideWidth = 460; // 20240620 设计同步
-var AsideOverflow = 100;
-var Layout = exports.Layout = (0, _mobxReact.observer)(function () {
-  var layoutStore = (0, _react.useContext)(_store.StoreContext);
-  var stateBar = layoutStore.stateBar,
-    actionBar = layoutStore.actionBar,
-    layers = layoutStore.layers,
-    layout = layoutStore.layout,
-    aside = layoutStore.aside,
-    barHovering = layoutStore.barHovering,
-    setHoveringHandler = layoutStore.setHoveringHandler,
-    resetLockTimer = layoutStore.resetLockTimer,
-    setHoveringLeaveHandler = layoutStore.setHoveringLeaveHandler,
-    asideWidth = layoutStore.asideWidth,
-    chatAction = layoutStore.chatAction,
-    barHidden = layoutStore.barHidden,
-    isRobot = layoutStore.isRobot,
-    getWaterMarkContent = layoutStore.getWaterMarkContent,
-    isMulti = layoutStore.isMulti,
-    isWaterMarkEnabled = layoutStore.isWaterMarkEnabled,
-    localUser = layoutStore.localUser;
-  var _useDelayedMeasure = (0, _hooks.useDelayedMeasure)(),
-    _useDelayedMeasure2 = (0, _slicedToArray2["default"])(_useDelayedMeasure, 2),
-    _ref = _useDelayedMeasure2[0],
-    bounds = _useDelayedMeasure2[1];
-  var getContainer;
-  var onDragHandler = (0, _react.useCallback)(function (event) {
-    event.preventDefault();
-    var handler = event.currentTarget;
-    handler.setPointerCapture(event.pointerId);
-    var startX = event.clientX;
-    var startWidth = aside ? asideWidth : 0;
-    var onPointerMove = function onPointerMove(event) {
-      var delta = event.clientX - startX;
-      var target = startWidth - delta;
-      var clamped = (0, _utils.clamp)(target, MinAsideWidth, MaxAsideWidth);
-      if (target > AsideOverflow) {
-        // setAsideWidth(() => {
-        //   // storage.set(ASIDE_WIDTH, String(clamped));
-        //   asideWidthChanged(clamped);
-        //   !aside && toggleAside(true);
-        //   return clamped;
-        // });
-        // setAsideWidth(clamped);
-      } else {
-        // aside && toggleAside(false);
-        // asideWidthChanged(0);
-      }
-    };
-    var onPointerUp = function onPointerUp() {
-      handler.onpointermove = handler.onpointerup = handler.onpointercancel = null;
-    };
-    handler.onpointermove = onPointerMove;
-    handler.onpointerup = handler.onpointercancel = onPointerUp;
-  }, [aside, bounds.width, asideWidth]);
-  var cls = (0, _classnames["default"])('fcr-layout-content-bar fcr-layout-content-bottom', {
-    'fcr-layout-content-bar--hidden': barHidden
-  });
-  var waterMarkRenderContent = (0, _react.useMemo)(function () {
-    var remoteWaterMark = getWaterMarkContent();
-    return isWaterMarkEnabled ? [remoteWaterMark] : [];
-  }, [isWaterMarkEnabled, localUser]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_watermark.WaterMark, {
-    content: waterMarkRenderContent,
-    width: isMulti ? 120 : bounds.width,
-    height: isMulti ? 64 : bounds.height,
-    multiLine: Boolean(isMulti),
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: (0, _classnames["default"])('fcr-layout', "fcr-layout-".concat(layout), {
-        'fcr-layout-hovering': barHovering
-      }),
-      onMouseEnter: setHoveringHandler,
-      onMouseLeave: setHoveringLeaveHandler,
-      onMouseMove: setHoveringHandler,
-      ref: function ref(node) {
-        getContainer = node;
-        _ref(node);
-      },
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: "fcr-layout-content",
-        style: {
-          width: bounds.width - asideWidth
-        },
-        children: [!isRobot && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: "fcr-layout-content-bar fcr-layout-content-top",
-          onMouseEnter: resetLockTimer,
-          onMouseLeave: setHoveringHandler,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: "fcr-layout-content-bar-body",
-            children: stateBar
-          })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Carousel.Carousel, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(CarouselExpandButton, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(WhoIsSpeaking, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Gallery.Gallery, {}), !isRobot && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: cls,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: "fcr-layout-content-bar-body",
-            onMouseEnter: resetLockTimer,
-            onMouseLeave: setHoveringHandler,
-            children: actionBar
-          })
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Aside.Aside, {
-        width: aside ? asideWidth : 0,
-        onDragHandler: onDragHandler,
-        chatAction: chatAction
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "fcr-layer",
-        children: layers
-      })]
-    })
-  });
-});
-var CarouselExpandButton = (0, _mobxReact.observer)(function () {
-  var _useContext = (0, _react.useContext)(_store.StoreContext),
-    collapsed = _useContext.collapsed,
-    toggleCollapsed = _useContext.toggleCollapsed;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: (0, _classnames["default"])('fcr-layout-content-expand', {
-      'fcr-layout-content-collapsed': collapsed
-    }),
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
-      className: "fcr-layout-content-expand-btn",
-      onClick: function onClick() {
-        return toggleCollapsed();
-      },
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
-        type: _type.FcrIconType.FCR_UP2,
-        size: 48,
-        colors: {
-          iconPrimary: 'currentColor'
-        }
-      })
-    })
-  });
-});
-var WhoIsSpeaking = (0, _mobxReact.observer)(function () {
-  var t = (0, _i18n.useI18n)();
-  var _useContext2 = (0, _react.useContext)(_store.StoreContext),
-    layout = _useContext2.layout,
-    collapsed = _useContext2.collapsed,
-    findSpotlightUser = _useContext2.findSpotlightUser;
-  var userName = findSpotlightUser === null || findSpotlightUser === void 0 ? void 0 : findSpotlightUser.userName;
-  var active = userName && layout === _type2.FcrUIVideoWindowLayoutType.Speaker && collapsed;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: (0, _classnames["default"])('fcr-layout-speaking', {
-      'fcr-layout-speaking-active': active
-    }),
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "fcr-layout-speaking-content",
-      children: t('fmt_modules_status_nowspeaking', {
-        reason1: userName
-      })
-    })
-  });
-});

package/lib/modules/layout/context.d.ts

@@ -1,2 +0,0 @@
-import LayoutStore from './store';
-export declare const StoreContext: import("react").Context<LayoutStore>;

package/lib/modules/layout/context.js

@@ -1,9 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.object.define-property.js");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StoreContext = void 0;
-var _react = require("react");
-var StoreContext = exports.StoreContext = /*#__PURE__*/(0, _react.createContext)(null);