agora-ui-foundation 3.4.0 → 3.4.2

package/lib/components/action-bar/security/index.js

@@ -70,16 +70,6 @@ var Security = exports.Security = function Security(_ref) {
       type: 'primary',
       onButtonClick: function onButtonClick() {},
       classNames: 'room-control-drop-with-under-line'
-    }, {
-      title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.FcrCheckbox, {
-        checked: false,
-        label: t('fmt_security_options_removemultiple'),
-        styleType: "white"
-      }),
-      key: 'remove_fcr-participants',
-      type: 'danger',
-      onButtonClick: function onButtonClick() {},
-      classNames: 'room-control-drop-disable'
     }];
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_dropMenu.FcrDropMenu, {
       options: allActions
@@ -94,7 +84,9 @@ var Security = exports.Security = function Security(_ref) {
         overlayInnerStyle: {
           boxShadow: 'none',
           border: 'none',
-          width: '256px'
+          minWidth: '256px',
+          width: 'auto',
+          maxWidth: '300px'
         }
       },
       id: id,

package/lib/components/badge/index.css

@@ -0,0 +1,23 @@
+.fcr-badge {
+  position: relative;
+  width: fit-content;
+  height: fit-content;
+}
+
+.fcr-badge .fcr-badge-value {
+  border-radius: var(--fcr_cornerradius_xs);
+  border: 2px solid var(--fcr_web_ui_scene_fill2);
+  height: 14px;
+  min-width: 18px;
+  background: var(--fcr_ui_scene_ramp_red6);
+  color: var(--fcr_ui_scene_white10);
+  position: absolute;
+  top: -5px;
+  right: -8px;
+  font-size: 10px;
+  box-sizing: content-box;
+  z-index: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}

package/lib/components/badge/index.d.ts

@@ -0,0 +1,22 @@
+import { FC } from 'react';
+import './index.css';
+interface BadgeProps {
+    /**
+     * @param count - The count of the badge
+     */
+    count: number;
+    /**
+     * @param maxShowCount - The max count of the badge，when the count value than maxShowCount, show maxShowCount+unit
+     */
+    maxShowCount?: number;
+    /**
+     * @param unit - The unit of the badge, default value '+'
+     */
+    unit?: string;
+    /**
+     * @param minShowCount - The min count of the badge, when the count value less than minShowCount, not show badge
+     */
+    minShowCount?: number;
+}
+export declare const FcrBadge: FC<React.PropsWithChildren<BadgeProps>>;
+export {};

package/lib/components/badge/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FcrBadge = void 0;
+require("core-js/modules/es.array.concat.js");
+require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
+var FcrBadge = exports.FcrBadge = function FcrBadge(props) {
+  var count = props.count,
+    children = props.children,
+    _props$maxShowCount = props.maxShowCount,
+    maxShowCount = _props$maxShowCount === void 0 ? 99 : _props$maxShowCount,
+    _props$unit = props.unit,
+    unit = _props$unit === void 0 ? '+' : _props$unit,
+    _props$minShowCount = props.minShowCount,
+    minShowCount = _props$minShowCount === void 0 ? 0 : _props$minShowCount;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: "fcr-badge",
+    children: [count > minShowCount && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: "fcr-badge-value",
+      children: count <= 0 ? 0 : count > maxShowCount ? "".concat(maxShowCount).concat(unit) : count
+    }), children]
+  });
+};

package/lib/components/chat-manager/index.css

@@ -3,6 +3,10 @@
   cursor: pointer;
 }
 
+.fcr_chat_manager_popover_overlay {
+  max-width: unset !important;
+}
+
 .fcr_chat_drop_menu .fcr-drop-menu-title {
   display: flex;
 }
@@ -38,10 +42,18 @@
   color: var(--fcr_web_ui_scene_mainicon2);
 }
 
+.fcr_chat_manager_popover_overlay .fcr-drop-menu-option-primary path {
+  fill-opacity: 0;
+}
+
+.fcr_chat_manager_popover_overlay .fcr-drop-menu-option-primary .fcr-icon-text--selected path {
+  fill-opacity: 1;
+}
+
 .fcr-drop-menu-option-primary:hover path {
   fill: var(--fcr_ui_scene_ramp_brand6);
 }
 
-.fcr-drop-menu-option-primary-selected:hover svg g path {
-  fill: var(--fcr_web_ui_scene_mainicon2);
+.fcr-drop-menu-option-primary svg {
+  flex-shrink: 0;
 }

package/lib/components/chat-manager/index.js

@@ -153,12 +153,12 @@ var ChatManager = exports.ChatManager = function ChatManager(_ref2) {
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_popover.FcrPopover, {
       visible: managerVisible,
       trigger: "click",
-      placement: "bottom"
-      // overlayClassName={'fcr_chat_manager_popover_overlay'}
-      ,
+      placement: "bottom",
+      overlayClassName: 'fcr_chat_manager_popover_overlay',
       overlayInnerStyle: {
         boxShadow: 'none',
-        border: 'none'
+        border: 'none',
+        width: 312
       },
       content: popoverContent,
       onVisibleChange: function onVisibleChange(visible) {

package/lib/components/checkbox/index.d.ts

@@ -3,7 +3,6 @@ import './index.css';
 export interface CheckboxProps {
     label?: ReactNode;
     checked?: boolean;
-    defaultChecked?: boolean;
     indeterminate?: boolean;
     onChange?: (checked: boolean) => void;
     styleType?: 'brand' | 'white';

package/lib/components/checkbox/index.js

@@ -25,13 +25,12 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = require("react");
-var _lodash = require("lodash");
 require("./index.css");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _icon = require("../icon");
 var _type = require("../icon/type");
 var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["label", "onChange", "styleType", "size", "indeterminate", "style", "defaultChecked"];
+var _excluded = ["label", "onChange", "styleType", "size", "indeterminate", "style"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var FcrCheckbox = exports.FcrCheckbox = function FcrCheckbox(props) {
@@ -43,7 +42,6 @@ var FcrCheckbox = exports.FcrCheckbox = function FcrCheckbox(props) {
     size = _props$size === void 0 ? 'medium' : _props$size,
     indeterminate = props.indeterminate,
     style = props.style,
-    defaultChecked = props.defaultChecked,
     inputProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var cls = (0, _classnames["default"])('fcr-checkbox', "fcr-checkbox-".concat(styleType), {
     'fcr-checkbox-s': size === 'small'
@@ -69,10 +67,10 @@ var FcrCheckbox = exports.FcrCheckbox = function FcrCheckbox(props) {
         }
       },
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", _objectSpread(_objectSpread({}, inputProps), {}, {
-        checked: (0, _lodash.isBoolean)(defaultChecked) ? void 0 : inputProps.checked,
-        defaultChecked: defaultChecked,
+        checked: inputProps.checked,
         ref: checkboxRef,
         type: "checkbox",
+        onChange: function onChange(e) {},
         onClick: function onClick(e) {
           // prevent the second event from firing
           e.stopPropagation();
@@ -99,6 +97,7 @@ var FcrCheckbox = exports.FcrCheckbox = function FcrCheckbox(props) {
     }), label && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
       className: "fcr-checkbox-label",
       onClick: function onClick(e) {
+        onChange === null || onChange === void 0 || onChange(!checked);
         setChecked(!checked);
       },
       children: label

package/lib/components/confirm-content/index.css

@@ -73,6 +73,7 @@
   display: flex;
   justify-items: center;
   justify-content: center;
+  text-align: center;
 }
 
 .fcr-confirm-container.align-center .fcr-confirm-content-content {

package/lib/components/crash-fallback/index.css

@@ -0,0 +1,62 @@
+.fcr-pc-full-screen-error {
+  width: 100%;
+  height: 100vh;
+  background-color: var(--fcr_ui_scene_inverse);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.fcr-pc-full-screen-error-content {
+  width: 272px;
+  height: 415px;
+  display: flex;
+  flex-direction: column;
+}
+
+.fcr-pc-full-screen-error-content-img {
+  width: 200px;
+  height: 200px;
+  align-self: center;
+}
+
+.fcr-pc-full-screen-close-btn {
+  width: 140px;
+  height: 50px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.fcr-pc-full-screen-error-content-title {
+  color: var(--fcr_ui_scene_inverse2);
+  font-size: 28px;
+  font-weight: 800;
+  align-self: center;
+  margin-top: 26px;
+}
+
+.fcr-pc-full-screen-error-content-desc {
+  color: var(--fcr_ui_scene_inverse2);
+  font-size: 16px;
+  font-weight: 400;
+  align-self: center;
+  margin-top: 24px;
+  margin-bottom: 46px;
+}
+
+.fcr-pc-full-screen-close-btn {
+  min-width: 56px;
+  height: 50px;
+  border-radius: var(--fcr_cornerradius_round);
+  background-color: var(--fcr_ui_scene_inverse2);
+  color: var(--fcr_ui_scene_inverse);
+  text-align: center;
+  line-height: 50px;
+  align-self: center;
+  cursor: pointer;
+}
+
+.fcr-pc-full-screen-close-btn:active {
+  transform: scale(0.94);
+}

package/lib/components/crash-fallback/index.d.ts

@@ -0,0 +1,5 @@
+import './index.css';
+export type FcrCrashFallbackProps = {
+    handleFallback: () => void;
+};
+export declare const FcrCrashFallback: ({ handleFallback }: FcrCrashFallbackProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/crash-fallback/index.js

@@ -0,0 +1,50 @@
+"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.FcrCrashFallback = void 0;
+var _fullScreenErrorBoundaryImg = _interopRequireDefault(require("./assets/full-screen-error-boundary-img.png"));
+var _i18n = require("../../i18n");
+var _icon = require("../icon");
+var _type = require("../icon/type");
+var _env = require("agora-foundation/lib/utilities/env");
+require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
+var FcrCrashFallback = exports.FcrCrashFallback = function FcrCrashFallback(_ref) {
+  var handleFallback = _ref.handleFallback;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: "fcr-pc-full-screen-error",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "fcr-pc-full-screen-error-content",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+        src: _fullScreenErrorBoundaryImg["default"],
+        className: "fcr-pc-full-screen-error-content-img"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "fcr-pc-full-screen-error-content-title",
+        children: (0, _i18n.transI18n)('fmt_failure_popup_label_crash')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "fcr-pc-full-screen-error-content-desc",
+        children: (0, _i18n.transI18n)('fmt_failure_popup_label_crash_tips')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "fcr-pc-full-screen-close-btn",
+        onClick: handleFallback,
+        children: (0, _env.isElectron)() ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          children: (0, _i18n.transI18n)('fmt_failure_popup_button_close_app')
+        }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+            type: _type.FcrIconType.FCR_RESET,
+            size: 30,
+            colors: {
+              iconPrimary: 'var(--fcr_ui_scene_inverse)'
+            }
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            children: (0, _i18n.transI18n)('fmt_failure_popup_button_refresh')
+          })]
+        })
+      })]
+    })
+  });
+};

package/lib/components/icon/paths/fcr_people.d.ts

@@ -1,3 +1,3 @@
 import { PathOptions } from '../svg-dict';
 export declare const path: ({ iconPrimary }: PathOptions) => import("react/jsx-runtime").JSX.Element;
-export declare const viewBox = "0 0 48 48";
+export declare const viewBox = "0 0 32 32";

package/lib/components/icon/paths/fcr_people.js

@@ -14,9 +14,10 @@ var path = exports.path = function path(_ref) {
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
       fillRule: "evenodd",
       clipRule: "evenodd",
-      d: "M28.9999 22.9999C32.3136 22.9999 34.9999 20.3136 34.9999 16.9999C34.9999 13.6862 32.3136 10.9999 28.9999 10.9999C25.6862 10.9999 22.9999 13.6862 22.9999 16.9999C22.9999 20.3136 25.6862 22.9999 28.9999 22.9999ZM17.5 23C19.9853 23 22 20.9853 22 18.5C22 16.0147 19.9853 14 17.5 14C15.0147 14 13 16.0147 13 18.5C13 20.9853 15.0147 23 17.5 23ZM16.2712 23.9088C12.2554 23.9088 9 27.1642 9 31.1799C9 32.2168 9.58991 33.162 10.5714 33.4963C12.091 34.0139 14.6013 34.6659 17.6057 34.6659C17.7384 34.6659 17.8701 34.6646 18.0008 34.6621C18.0003 34.7014 18 34.7408 18 34.7802C18 36.0368 18.7173 37.1812 19.9078 37.5834C21.7609 38.2094 24.828 39 28.5 39C32.172 39 35.2391 38.2094 37.0922 37.5834C38.2827 37.1812 39 36.0368 39 34.7802C39 29.931 35.069 26 30.2198 26H26.7802C25.9421 26 25.1314 26.1174 24.3637 26.3367C23.0322 24.8467 21.0957 23.9088 18.9402 23.9088H16.2712Z",
-      fill: iconPrimary
+      d: "M19.3333 15.332C21.5425 15.332 23.3333 13.5412 23.3333 11.332C23.3333 9.12289 21.5425 7.33203 19.3333 7.33203C17.1242 7.33203 15.3333 9.12289 15.3333 11.332C15.3333 13.5412 17.1242 15.332 19.3333 15.332ZM11.6667 15.332C13.3235 15.332 14.6667 13.9889 14.6667 12.332C14.6667 10.6752 13.3235 9.33203 11.6667 9.33203C10.0098 9.33203 8.66667 10.6752 8.66667 12.332C8.66667 13.9889 10.0098 15.332 11.6667 15.332ZM6 20.7843C6 18.1071 8.17028 15.9368 10.8475 15.9368H12.6268C13.4351 15.9368 14.1973 16.1347 14.8674 16.4846C12.4044 17.4798 10.6667 19.8935 10.6667 22.7131C10.6667 22.8335 10.6753 22.9525 10.6921 23.0693C9.15457 22.9551 7.8788 22.6117 7.04762 22.3286C6.39327 22.1057 6 21.4756 6 20.7843ZM12 23.1855C12 19.9527 14.6207 17.332 17.8535 17.332H20.1465C23.3793 17.332 26 19.9527 26 23.1855C26 24.0232 25.5218 24.7861 24.7281 25.0543C23.4927 25.4716 21.448 25.9987 19 25.9987C16.552 25.9987 14.5073 25.4716 13.2719 25.0543C12.4782 24.7861 12 24.0232 12 23.1855Z",
+      fill: iconPrimary,
+      fillOpacity: "0.9"
     })
   });
 };
-var viewBox = exports.viewBox = '0 0 48 48';
+var viewBox = exports.viewBox = '0 0 32 32';

package/lib/components/icon/paths/fcr_screensharing.d.ts

@@ -1,3 +1,3 @@
 import { PathOptions } from '../svg-dict';
 export declare const path: ({ iconPrimary }: PathOptions) => import("react/jsx-runtime").JSX.Element;
-export declare const viewBox = "0 0 48 48";
+export declare const viewBox = "0 0 32 32";

package/lib/components/icon/paths/fcr_screensharing.js

@@ -14,9 +14,9 @@ var path = exports.path = function path(_ref) {
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
       fillRule: "evenodd",
       clipRule: "evenodd",
-      d: "M9 17C9 13.6863 11.6863 11 15 11H33C36.3137 11 39 13.6863 39 17V25C39 28.3137 36.3137 31 33 31H15C11.6863 31 9 28.3137 9 25V17ZM9 34.5C9 33.6716 9.67157 33 10.5 33H37.5C38.3284 33 39 33.6716 39 34.5C39 35.3284 38.3284 36 37.5 36H10.5C9.67157 36 9 35.3284 9 34.5ZM29.063 16.0887C28.5598 15.5016 27.676 15.4337 27.0889 15.9368C26.5019 16.44 26.4339 17.3239 26.9371 17.9109L27.9561 19.0998H22C18.4654 19.0998 15.6 21.9652 15.6 25.4998C15.6 26.273 16.2268 26.8998 17 26.8998C17.7732 26.8998 18.4 26.273 18.4 25.4998C18.4 23.5116 20.0118 21.8998 22 21.8998H31C31.5468 21.8998 32.0435 21.5815 32.2719 21.0848C32.5004 20.5881 32.4188 20.0038 32.063 19.5887L29.063 16.0887Z",
+      d: "M6 11.332C6 9.12289 7.79086 7.33203 10 7.33203H22C24.2091 7.33203 26 9.12289 26 11.332V16.6654C26 18.8745 24.2091 20.6654 22 20.6654H10C7.79086 20.6654 6 18.8745 6 16.6654V11.332ZM6 22.9987C6 22.4464 6.44772 21.9987 7 21.9987H25C25.5523 21.9987 26 22.4464 26 22.9987C26 23.551 25.5523 23.9987 25 23.9987H7C6.44772 23.9987 6 23.551 6 22.9987ZM16.6139 10.5433C16.2528 10.2625 15.7472 10.2625 15.3861 10.5433L12.3861 12.8767C11.9501 13.2157 11.8716 13.844 12.2106 14.28C12.5497 14.7159 13.178 14.7944 13.6139 14.4554L15 13.3773V16.9993C15 17.5516 15.4477 17.9993 16 17.9993C16.5523 17.9993 17 17.5516 17 16.9993V13.3773L18.3861 14.4554C18.822 14.7944 19.4503 14.7159 19.7894 14.28C20.1284 13.844 20.0499 13.2157 19.6139 12.8767L16.6139 10.5433Z",
       fill: iconPrimary
     })
   });
 };
-var viewBox = exports.viewBox = '0 0 48 48';
+var viewBox = exports.viewBox = '0 0 32 32';

package/lib/components/icon/paths/fcr_share_sound.d.ts

@@ -0,0 +1,3 @@
+import { PathOptions } from '../svg-dict';
+export declare const path: ({ iconPrimary }: PathOptions) => import("react/jsx-runtime").JSX.Element;
+export declare const viewBox = "0 0 1024 1024";

package/lib/components/icon/paths/fcr_share_sound.js

@@ -0,0 +1,21 @@
+"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.viewBox = exports.path = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+var path = exports.path = function path(_ref) {
+  var iconPrimary = _ref.iconPrimary;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+      d: "M844.743872 64.641229l-483.775168 80.814584c-1.567705 0.25071-3.031033 0.710175-4.453429 1.254573l-17.475 0c-11.915377 0-21.38403 9.532097-21.38403 21.280676l0 553.029462c-18.875906-10.912537-40.825824-17.140379-64.216557-17.140379-70.927399 0-128.433114 57.359382-128.433114 128.139425S182.512289 960.15695 253.439688 960.15695c70.926376 0 128.433114-57.359382 128.433114-128.139425 0-5.184069-0.314155-10.285251-0.899486-15.259542 0.585331-1.964748 0.899486-4.013407 0.899486-6.187933l0-449.764564 449.513854-79.267345 0 311.298955c-18.875906-10.870582-40.825824-17.142425-64.216557-17.142425-70.927399 0-128.433114 57.401338-128.433114 128.183428 0 70.738088 57.505715 128.139425 128.433114 128.139425 70.926376 0 128.432091-57.401338 128.432091-128.139425 0-5.184069-0.313132-10.285251-0.898463-15.301498 0.585331-1.966795 0.898463-4.015454 0.898463-6.187933l0-597.97307c0-10.45205-7.587815-19.190061-17.579377-20.946055-3.491521-2.173502-7.881504-3.051499-12.710486-2.257413l-11.370978 1.922792-1.170662 0C849.927941 63.135946 847.21004 63.679321 844.743872 64.641229z",
+      fill: iconPrimary,
+      "p-id": "2779"
+    })
+  });
+};
+var viewBox = exports.viewBox = '0 0 1024 1024';

package/lib/components/icon/svg-dict.d.ts

@@ -9,4 +9,4 @@ export type SvgPath = {
     viewBox?: string;
 };
 export declare const getPath: (name: string, props: PathOptions) => import("react/jsx-runtime").JSX.Element;
-export declare const getViewBox: (name: string) => "0 0 12 12" | "0 0 16 16" | "0 0 48 48" | "0 0 20 8" | "0 0 20 20" | "0 0 32 32" | "0 0 50 50" | "0 0 20 21" | "0 0 30 30" | "0 0 48 49" | "0 0 49 49" | "0 0 200 120" | "0 0 10 10" | "0 0 22 22" | "0 0 5 19" | "0 0 29 29" | "0 0 32 20" | "0 0 138 100" | "0 0 48 30" | "0 0 48 20" | "0 0 24 24" | "0 0 30 48" | "0 0 49 48" | "0 0 100 56" | "0 0 28 28" | "0 0 32 33" | "0 0 20 48" | "0 0 36 36" | "0 0 21 20" | "0 0 39 10" | "0 0 17 16" | "0 0 18 18" | "0 0 40 40" | "0 0 9 9" | "0 0 26 26" | "0 0 14 30" | "0 4 16 8" | "0 0 40 11" | "0 0 16 13" | "0 0 15 13.5" | "0 0 8 32" | "0 0 31 30" | "0 0 4 4" | "0 0 45 7" | "0 0 0 0";
+export declare const getViewBox: (name: string) => "0 0 12 12" | "0 0 16 16" | "0 0 48 48" | "0 0 20 8" | "0 0 20 20" | "0 0 32 32" | "0 0 50 50" | "0 0 20 21" | "0 0 30 30" | "0 0 48 49" | "0 0 49 49" | "0 0 200 120" | "0 0 10 10" | "0 0 22 22" | "0 0 5 19" | "0 0 29 29" | "0 0 32 20" | "0 0 138 100" | "0 0 48 30" | "0 0 48 20" | "0 0 24 24" | "0 0 30 48" | "0 0 49 48" | "0 0 100 56" | "0 0 28 28" | "0 0 32 33" | "0 0 20 48" | "0 0 36 36" | "0 0 21 20" | "0 0 39 10" | "0 0 17 16" | "0 0 18 18" | "0 0 40 40" | "0 0 9 9" | "0 0 26 26" | "0 0 14 30" | "0 4 16 8" | "0 0 40 11" | "0 0 16 13" | "0 0 15 13.5" | "0 0 8 32" | "0 0 31 30" | "0 0 4 4" | "0 0 45 7" | "0 0 1024 1024" | "0 0 0 0";

package/lib/components/icon/svg-exports.d.ts

@@ -301,3 +301,4 @@ export * as logo_openai from './paths/logo_openai';
 export * as set_sale from './paths/set_sale';
 export * as zhipuai from './paths/zhipuai';
 export * as fcr_mobile_cameraoff2 from './paths/fcr_mobile_cameraoff2';
+export * as fcr_share_sound from './paths/fcr_share_sound';

package/lib/components/icon/svg-exports.js

@@ -14,9 +14,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.fcr_lower_hand = exports.fcr_loading = exports.fcr_liveicon = exports.fcr_live2 = exports.fcr_live = exports.fcr_list_on_top_big = exports.fcr_list_on_right_big = exports.fcr_list_delete = exports.fcr_link = exports.fcr_left4 = exports.fcr_left3 = exports.fcr_left1 = exports.fcr_left = exports.fcr_interpretation2 = exports.fcr_host2 = exports.fcr_host = exports.fcr_home_code2 = exports.fcr_hidevideo = exports.fcr_helpquestion = exports.fcr_head = exports.fcr_grid_big = exports.fcr_gototop = exports.fcr_gotostage_on = exports.fcr_gotostage_not = exports.fcr_gotostage = exports.fcr_fullcoverage = exports.fcr_fourwindows2 = exports.fcr_fourwindows = exports.fcr_focusonhim = exports.fcr_file_video = exports.fcr_file_ppt = exports.fcr_file_photo = exports.fcr_file_pdf = exports.fcr_file_noformat = exports.fcr_file_excel = exports.fcr_file_doc = exports.fcr_file_audio = exports.fcr_file_alf = exports.fcr_file_ah5 = exports.fcr_file = exports.fcr_exclamationmask = exports.fcr_equalratio = exports.fcr_endmeeting = exports.fcr_emo = exports.fcr_dropup4 = exports.fcr_dropdown4 = exports.fcr_dropdown2 = exports.fcr_dropdown = exports.fcr_download = exports.fcr_down1 = exports.fcr_down = exports.fcr_deviceaudioon = exports.fcr_deviceaudiooff = exports.fcr_delete4 = exports.fcr_delete3 = exports.fcr_defaultpage = exports.fcr_countdown_up = exports.fcr_countdown_down = exports.fcr_copy_icon = exports.fcr_copy2 = exports.fcr_copy = exports.fcr_computerdata = exports.fcr_colon = exports.fcr_cohost2 = exports.fcr_cohost1 = exports.fcr_cloudrecord = exports.fcr_closed = exports.fcr_close2 = exports.fcr_close = exports.fcr_clock = exports.fcr_chooseit = exports.fcr_chexbox_indeterminate = exports.fcr_checkbox_check = exports.fcr_chat_reddot = exports.fcr_chat_placeholder = exports.fcr_chat_on = exports.fcr_chat2 = exports.fcr_chat = exports.fcr_cameraoff = exports.fcr_cameracrash = exports.fcr_camera_window_notwork = exports.fcr_camera_window_not = exports.fcr_camera_window_loading = exports.fcr_camera3 = exports.fcr_camera = exports.fcr_btn_loading = exports.fcr_bell = exports.fcr_beauty_retouch = exports.fcr_beauty_blush = exports.fcr_beauty = exports.fcr_background2 = exports.fcr_attach = exports.fcr_angle_tips = exports.fcr_allleave = exports.fcr_all_unmute = exports.fcr_all_mute = exports.fcr_aliyun = exports.fcr_alf2 = exports.chevron_right = exports.chat_private = void 0;
-exports.fcr_stopscreensharing = exports.fcr_stoplive = exports.fcr_stop3 = exports.fcr_stop = exports.fcr_star = exports.fcr_smooth = exports.fcr_sipdevice = exports.fcr_simultaneousinterpretation_on = exports.fcr_simultaneousinterpretation_off = exports.fcr_showvideo = exports.fcr_sharingbar_up = exports.fcr_sharingbar_down = exports.fcr_share = exports.fcr_setting_teacher = exports.fcr_setting_none = exports.fcr_setting_meetingassistant = exports.fcr_setting2 = exports.fcr_setting = exports.fcr_send = exports.fcr_security = exports.fcr_screensharing_on = exports.fcr_screensharing_1 = exports.fcr_screensharing = exports.fcr_screenshare_change2 = exports.fcr_screenshare_change1 = exports.fcr_rotatingvideo = exports.fcr_rightwindows = exports.fcr_right5 = exports.fcr_right4 = exports.fcr_right3 = exports.fcr_right2 = exports.fcr_right = exports.fcr_rewardall = exports.fcr_reward = exports.fcr_reverseorder = exports.fcr_reset = exports.fcr_rename2 = exports.fcr_rename = exports.fcr_remove_pin = exports.fcr_recording_stop = exports.fcr_recording_play2 = exports.fcr_recording_play = exports.fcr_recording_on = exports.fcr_recording_end = exports.fcr_raisehands = exports.fcr_quit2 = exports.fcr_question2 = exports.fcr_question = exports.fcr_put_waiting_room = exports.fcr_ppt_broken = exports.fcr_platform = exports.fcr_pinpage2 = exports.fcr_pinpage = exports.fcr_pin = exports.fcr_picture = exports.fcr_phonecall_silence = exports.fcr_phonecall3 = exports.fcr_phonecall2 = exports.fcr_phonecall1 = exports.fcr_people = exports.fcr_pensize_straight = exports.fcr_pensize = exports.fcr_pen_line_4size = exports.fcr_pen_line_3size = exports.fcr_pen_line_2size = exports.fcr_pen_line_1size = exports.fcr_pen_curve_4size = exports.fcr_pen_curve_3size = exports.fcr_pen_curve_2size = exports.fcr_pen_curve_1size = exports.fcr_pause2 = exports.fcr_order_up = exports.fcr_order_down = exports.fcr_openfile = exports.fcr_oneleave = exports.fcr_notice = exports.fcr_nomute = exports.fcr_mutedefault = exports.fcr_mutecrash = exports.fcr_mute = exports.fcr_moveto = exports.fcr_move = exports.fcr_moreapp = exports.fcr_more2 = exports.fcr_mobile_whiteboard_undo = exports.fcr_mobile_whiteboard_redo = exports.fcr_mobile_subtities_on = exports.fcr_mobile_sharescreen = exports.fcr_mobile_more = exports.fcr_mobile_duplicate = exports.fcr_mobile_chat3 = exports.fcr_mobile_chat2 = exports.fcr_mobile_cameraoff2 = exports.fcr_mobile_camera2 = exports.fcr_mobile_arrow_left = exports.fcr_mirrorimage_right = exports.fcr_mirrorimage_off = exports.fcr_mirrorimage_left = exports.fcr_minus = exports.fcr_meetingrecord = void 0;
-exports.logo_moonshot = exports.fcr_zoomout = exports.fcr_zoomin = exports.fcr_wrong = exports.fcr_wizard_arrow = exports.fcr_windowpage_smaller3 = exports.fcr_windowpage_smaller2 = exports.fcr_windowpage_smaller = exports.fcr_windowpage_lonely = exports.fcr_windowpage_bigger = exports.fcr_window_smaller = exports.fcr_window_bigger = exports.fcr_wihiteboard_slicewithoutclassroom = exports.fcr_wihiteboard_slice = exports.fcr_whitechoose = exports.fcr_whiteboard_toolbox = exports.fcr_whiteboard_text = exports.fcr_whiteboard_slice = exports.fcr_whiteboard_shap_triangle = exports.fcr_whiteboard_shap_star = exports.fcr_whiteboard_shap_square = exports.fcr_whiteboard_shap_rehumbus = exports.fcr_whiteboard_shap_line = exports.fcr_whiteboard_shap_circle_1 = exports.fcr_whiteboard_shap_circle = exports.fcr_whiteboard_shap_arrow = exports.fcr_whiteboard_save = exports.fcr_whiteboard_ped_straightline = exports.fcr_whiteboard_ped_curve = exports.fcr_whiteboard_ped3 = exports.fcr_whiteboard_ped2 = exports.fcr_whiteboard_ped = exports.fcr_whiteboard_page = exports.fcr_whiteboard_on = exports.fcr_whiteboard_movesubjects2 = exports.fcr_whiteboard_movesubjects = exports.fcr_whiteboard_move = exports.fcr_whiteboard_mouse = exports.fcr_whiteboard_lowerrightarrow = exports.fcr_whiteboard_laserpen2 = exports.fcr_whiteboard_laserpen = exports.fcr_whiteboard_forward = exports.fcr_whiteboard_expand2 = exports.fcr_whiteboard_eraser = exports.fcr_whiteboard_eliminate = exports.fcr_whiteboard_cloud = exports.fcr_whiteboard_bg = exports.fcr_whiteboard_back = exports.fcr_whiteboard2 = exports.fcr_whiteboard = exports.fcr_web_smallest = exports.fcr_web_sharingview_small = exports.fcr_web_sharingview_mix = exports.fcr_web_sharingview_middle = exports.fcr_web_scale_right = exports.fcr_web_scale_left = exports.fcr_web_restoration = exports.fcr_web_move_page = exports.fcr_web_fullscream = exports.fcr_web_connectsound = exports.fcr_web_chat = exports.fcr_waiting_room = exports.fcr_videorotation2 = exports.fcr_videoback = exports.fcr_video_sharescreen = exports.fcr_v2_vote = exports.fcr_v2_tool_new = exports.fcr_v2_timer = exports.fcr_v2_tanhao_alart = exports.fcr_v2_signal_normal = exports.fcr_v2_signal_good = exports.fcr_v2_signal_bad = exports.fcr_v2_search = exports.fcr_v2_quite = exports.fcr_v2_poll_zoom = exports.fcr_v2_poll_minus = exports.fcr_v2_poll_add = exports.fcr_v2_phone_more1 = exports.fcr_v2_louder_min = exports.fcr_v2_louder = exports.fcr_v2_gou_alart = exports.fcr_v2_expansionscreen = exports.fcr_v2_chevron_right2 = exports.fcr_v2_chevron_left2 = exports.fcr_v2_chevron_down2 = exports.fcr_v2_breakroom = exports.fcr_v2_answer = exports.fcr_users = exports.fcr_uporder = exports.fcr_uploadlist = exports.fcr_up2 = exports.fcr_up = exports.fcr_unpin = exports.fcr_underline = exports.fcr_translanguage = exports.fcr_topwindows = exports.fcr_tooltip_arrow_2 = exports.fcr_tooltip_arrow = exports.fcr_subtract = exports.fcr_student_rasiehand = void 0;
-exports.zhipuai = exports.set_sale = exports.logo_openai = void 0;
+exports.fcr_stoplive = exports.fcr_stop3 = exports.fcr_stop = exports.fcr_star = exports.fcr_smooth = exports.fcr_sipdevice = exports.fcr_simultaneousinterpretation_on = exports.fcr_simultaneousinterpretation_off = exports.fcr_showvideo = exports.fcr_sharingbar_up = exports.fcr_sharingbar_down = exports.fcr_share_sound = exports.fcr_share = exports.fcr_setting_teacher = exports.fcr_setting_none = exports.fcr_setting_meetingassistant = exports.fcr_setting2 = exports.fcr_setting = exports.fcr_send = exports.fcr_security = exports.fcr_screensharing_on = exports.fcr_screensharing_1 = exports.fcr_screensharing = exports.fcr_screenshare_change2 = exports.fcr_screenshare_change1 = exports.fcr_rotatingvideo = exports.fcr_rightwindows = exports.fcr_right5 = exports.fcr_right4 = exports.fcr_right3 = exports.fcr_right2 = exports.fcr_right = exports.fcr_rewardall = exports.fcr_reward = exports.fcr_reverseorder = exports.fcr_reset = exports.fcr_rename2 = exports.fcr_rename = exports.fcr_remove_pin = exports.fcr_recording_stop = exports.fcr_recording_play2 = exports.fcr_recording_play = exports.fcr_recording_on = exports.fcr_recording_end = exports.fcr_raisehands = exports.fcr_quit2 = exports.fcr_question2 = exports.fcr_question = exports.fcr_put_waiting_room = exports.fcr_ppt_broken = exports.fcr_platform = exports.fcr_pinpage2 = exports.fcr_pinpage = exports.fcr_pin = exports.fcr_picture = exports.fcr_phonecall_silence = exports.fcr_phonecall3 = exports.fcr_phonecall2 = exports.fcr_phonecall1 = exports.fcr_people = exports.fcr_pensize_straight = exports.fcr_pensize = exports.fcr_pen_line_4size = exports.fcr_pen_line_3size = exports.fcr_pen_line_2size = exports.fcr_pen_line_1size = exports.fcr_pen_curve_4size = exports.fcr_pen_curve_3size = exports.fcr_pen_curve_2size = exports.fcr_pen_curve_1size = exports.fcr_pause2 = exports.fcr_order_up = exports.fcr_order_down = exports.fcr_openfile = exports.fcr_oneleave = exports.fcr_notice = exports.fcr_nomute = exports.fcr_mutedefault = exports.fcr_mutecrash = exports.fcr_mute = exports.fcr_moveto = exports.fcr_move = exports.fcr_moreapp = exports.fcr_more2 = exports.fcr_mobile_whiteboard_undo = exports.fcr_mobile_whiteboard_redo = exports.fcr_mobile_subtities_on = exports.fcr_mobile_sharescreen = exports.fcr_mobile_more = exports.fcr_mobile_duplicate = exports.fcr_mobile_chat3 = exports.fcr_mobile_chat2 = exports.fcr_mobile_cameraoff2 = exports.fcr_mobile_camera2 = exports.fcr_mobile_arrow_left = exports.fcr_mirrorimage_right = exports.fcr_mirrorimage_off = exports.fcr_mirrorimage_left = exports.fcr_minus = exports.fcr_meetingrecord = void 0;
+exports.fcr_zoomout = exports.fcr_zoomin = exports.fcr_wrong = exports.fcr_wizard_arrow = exports.fcr_windowpage_smaller3 = exports.fcr_windowpage_smaller2 = exports.fcr_windowpage_smaller = exports.fcr_windowpage_lonely = exports.fcr_windowpage_bigger = exports.fcr_window_smaller = exports.fcr_window_bigger = exports.fcr_wihiteboard_slicewithoutclassroom = exports.fcr_wihiteboard_slice = exports.fcr_whitechoose = exports.fcr_whiteboard_toolbox = exports.fcr_whiteboard_text = exports.fcr_whiteboard_slice = exports.fcr_whiteboard_shap_triangle = exports.fcr_whiteboard_shap_star = exports.fcr_whiteboard_shap_square = exports.fcr_whiteboard_shap_rehumbus = exports.fcr_whiteboard_shap_line = exports.fcr_whiteboard_shap_circle_1 = exports.fcr_whiteboard_shap_circle = exports.fcr_whiteboard_shap_arrow = exports.fcr_whiteboard_save = exports.fcr_whiteboard_ped_straightline = exports.fcr_whiteboard_ped_curve = exports.fcr_whiteboard_ped3 = exports.fcr_whiteboard_ped2 = exports.fcr_whiteboard_ped = exports.fcr_whiteboard_page = exports.fcr_whiteboard_on = exports.fcr_whiteboard_movesubjects2 = exports.fcr_whiteboard_movesubjects = exports.fcr_whiteboard_move = exports.fcr_whiteboard_mouse = exports.fcr_whiteboard_lowerrightarrow = exports.fcr_whiteboard_laserpen2 = exports.fcr_whiteboard_laserpen = exports.fcr_whiteboard_forward = exports.fcr_whiteboard_expand2 = exports.fcr_whiteboard_eraser = exports.fcr_whiteboard_eliminate = exports.fcr_whiteboard_cloud = exports.fcr_whiteboard_bg = exports.fcr_whiteboard_back = exports.fcr_whiteboard2 = exports.fcr_whiteboard = exports.fcr_web_smallest = exports.fcr_web_sharingview_small = exports.fcr_web_sharingview_mix = exports.fcr_web_sharingview_middle = exports.fcr_web_scale_right = exports.fcr_web_scale_left = exports.fcr_web_restoration = exports.fcr_web_move_page = exports.fcr_web_fullscream = exports.fcr_web_connectsound = exports.fcr_web_chat = exports.fcr_waiting_room = exports.fcr_videorotation2 = exports.fcr_videoback = exports.fcr_video_sharescreen = exports.fcr_v2_vote = exports.fcr_v2_tool_new = exports.fcr_v2_timer = exports.fcr_v2_tanhao_alart = exports.fcr_v2_signal_normal = exports.fcr_v2_signal_good = exports.fcr_v2_signal_bad = exports.fcr_v2_search = exports.fcr_v2_quite = exports.fcr_v2_poll_zoom = exports.fcr_v2_poll_minus = exports.fcr_v2_poll_add = exports.fcr_v2_phone_more1 = exports.fcr_v2_louder_min = exports.fcr_v2_louder = exports.fcr_v2_gou_alart = exports.fcr_v2_expansionscreen = exports.fcr_v2_chevron_right2 = exports.fcr_v2_chevron_left2 = exports.fcr_v2_chevron_down2 = exports.fcr_v2_breakroom = exports.fcr_v2_answer = exports.fcr_users = exports.fcr_uporder = exports.fcr_uploadlist = exports.fcr_up2 = exports.fcr_up = exports.fcr_unpin = exports.fcr_underline = exports.fcr_translanguage = exports.fcr_topwindows = exports.fcr_tooltip_arrow_2 = exports.fcr_tooltip_arrow = exports.fcr_subtract = exports.fcr_student_rasiehand = exports.fcr_stopscreensharing = void 0;
+exports.zhipuai = exports.set_sale = exports.logo_openai = exports.logo_moonshot = void 0;
 var _chat_private = _interopRequireWildcard(require("./paths/chat_private"));
 exports.chat_private = _chat_private;
 var _chevron_right = _interopRequireWildcard(require("./paths/chevron_right"));
@@ -623,5 +623,7 @@ var _zhipuai = _interopRequireWildcard(require("./paths/zhipuai"));
 exports.zhipuai = _zhipuai;
 var _fcr_mobile_cameraoff = _interopRequireWildcard(require("./paths/fcr_mobile_cameraoff2"));
 exports.fcr_mobile_cameraoff2 = _fcr_mobile_cameraoff;
+var _fcr_share_sound = _interopRequireWildcard(require("./paths/fcr_share_sound"));
+exports.fcr_share_sound = _fcr_share_sound;
 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; }

package/lib/components/icon/type.d.ts

@@ -301,5 +301,6 @@ export declare enum FcrIconType {
     LOGO_OPENAI = "logo_openai",
     SET_SALE = "set_sale",
     ZHIPUAI = "zhipuai",
-    FCR_MOBILE_CAMERAOFF2 = "fcr_mobile_cameraoff2"
+    FCR_MOBILE_CAMERAOFF2 = "fcr_mobile_cameraoff2",
+    FCR_SHARE_SOUND = "fcr_share_sound"
 }

package/lib/components/icon/type.js

@@ -309,5 +309,6 @@ var FcrIconType = exports.FcrIconType = /*#__PURE__*/function (FcrIconType) {
   FcrIconType["SET_SALE"] = "set_sale";
   FcrIconType["ZHIPUAI"] = "zhipuai";
   FcrIconType["FCR_MOBILE_CAMERAOFF2"] = "fcr_mobile_cameraoff2";
+  FcrIconType["FCR_SHARE_SOUND"] = "fcr_share_sound";
   return FcrIconType;
 }({});

package/lib/components/icon-text/index.js

@@ -53,12 +53,12 @@ var IconText = exports.IconText = function IconText(_ref) {
     _ref$isHideIcon = _ref.isHideIcon,
     isHideIcon = _ref$isHideIcon === void 0 ? false : _ref$isHideIcon;
   var cls = (0, _classnames["default"])('fcr-icon-text');
-  var spanCls = (0, _classnames["default"])('fcr-icon-text__text', _objectSpread({
+  var spanCls = (0, _classnames["default"])('fcr-icon-text__text', {
     'fcr-icon-text__text--small': fontSize === 'small',
     'fcr-icon-text__text--medium': fontSize === 'medium',
     'fcr-icon-text__text--large': fontSize === 'large',
     'fcr-icon-text__text--hide-icon': isHideIcon
-  }, classnames));
+  });
   var text = (0, _react.useMemo)(function () {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
       className: spanCls,
@@ -71,6 +71,7 @@ var IconText = exports.IconText = function IconText(_ref) {
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: 'fcr-icon-text-wrapper',
       children: [iconReverse && text, !isHideIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+        className: (0, _classnames["default"])(classnames),
         style: _objectSpread({}, transform && {
           transform: 'rotate(180deg)'
         }),

package/lib/components/live-streaming/container.css

@@ -4,6 +4,10 @@
   gap: 20px;
   padding-top: 10px;
 }
+.fcr-live-streaming-container .fcr-input-label {
+  font-size: 12px;
+  margin-bottom: 10px;
+}
 
 .fcr-live-streaming-container-title {
   display: flex;
@@ -16,6 +20,7 @@
   display: inline-block;
   margin-bottom: 8px;
   margin-left: 5px;
+  font-size: 12px;
 }
 
 .fcr-live-streaming-container-secondary-title {
@@ -27,7 +32,7 @@
 
 .fcr-live-streaming-container__start-live {
   width: 100%;
-  margin-top: 30px;
+  margin-top: 26px;
   -webkit-app-region: no-drag;
 }
 

package/lib/components/live-streaming/container.d.ts

@@ -1,6 +1,6 @@
 import './container.css';
 export interface FcrLiveStreamingContainerProps {
-    defaultVideoSteamingUrl: string;
+    defaultVideoStreamingUrl: string;
     defaultVideoStreamingKey: string;
     defaultPlayUrl: string;
     isStarted: boolean;

package/lib/components/live-streaming/container.js

@@ -19,13 +19,13 @@ var _i18n = require("../../i18n");
 var _jsxRuntime = require("react/jsx-runtime");
 var FcrLiveStreamingContainer = exports.FcrLiveStreamingContainer = function FcrLiveStreamingContainer(props) {
   var defaultPlayUrl = props.defaultPlayUrl,
-    defaultVideoSteamingUrl = props.defaultVideoSteamingUrl,
+    defaultVideoStreamingUrl = props.defaultVideoStreamingUrl,
     defaultVideoStreamingKey = props.defaultVideoStreamingKey,
     isStarted = props.isStarted,
     loading = props.loading,
     onLiveButtonClick = props.onLiveButtonClick,
     isStartError = props.isStartError;
-  var _useState = (0, _react.useState)(defaultVideoSteamingUrl),
+  var _useState = (0, _react.useState)(defaultVideoStreamingUrl),
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     videoSteamingUrl = _useState2[0],
     setVideoSteamingUrl = _useState2[1];
@@ -55,10 +55,10 @@ var FcrLiveStreamingContainer = exports.FcrLiveStreamingContainer = function Fcr
     isPlayUrlError = _useState14[0],
     setIsPlayUrlError = _useState14[1];
   (0, _react.useEffect)(function () {
-    setVideoSteamingUrl(defaultVideoSteamingUrl);
+    setVideoSteamingUrl(defaultVideoStreamingUrl);
     setVideoStreamingKey(defaultVideoStreamingKey);
     setPlayUrl(defaultPlayUrl);
-  }, [defaultVideoStreamingKey, defaultVideoSteamingUrl, defaultPlayUrl]);
+  }, [defaultVideoStreamingKey, defaultVideoStreamingUrl, defaultPlayUrl]);
   var isValidUrl = function isValidUrl(url) {
     var urlRegex = /^(|http|https|rtmps|rtmp):\/\/[^ "]+$/;
     return urlRegex.test(url);
@@ -137,7 +137,7 @@ var FcrLiveStreamingContainer = exports.FcrLiveStreamingContainer = function Fcr
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_input.FcrInput, {
         placeholder: t('fmt_broadcast_tips_streamingwebpage'),
         shape: "rounded",
-        size: "medium",
+        size: "small",
         value: playUrl,
         onChange: function onChange(value) {
           return setPlayUrl(value);

package/lib/components/live-streaming/index.stories.js

@@ -60,7 +60,7 @@ var meta = {
 var Basic = exports.Basic = {
   args: {
     defaultPlayUrl: 'https://www.baidu.com',
-    defaultVideoSteamingUrl: 'https://www.baidu.com',
+    defaultVideoStreamingUrl: 'https://www.baidu.com',
     defaultVideoStreamingKey: 'https://www.baidu.com',
     isStarted: false,
     isStartError: false

package/lib/components/loading/index.css

@@ -0,0 +1,12 @@
+.fcr-loading-container {
+  width: 100vw;
+  height: 100vh;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.fcr-loading-container img {
+  width: 200px;
+  height: 200px;
+}

package/lib/components/loading/index.d.ts

@@ -0,0 +1,3 @@
+import './index.css';
+declare const _default: () => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/lib/components/loading/index.js

@@ -0,0 +1,20 @@
+"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["default"] = void 0;
+var _loading = _interopRequireDefault(require("./loading.gif"));
+require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
+var _default = exports["default"] = function _default() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: "fcr-loading-container",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+      src: _loading["default"],
+      alt: ""
+    })
+  });
+};

package/lib/components/main-ui-crash-error-fallback/index.css

@@ -0,0 +1,62 @@
+.fcr-pc-full-screen-error {
+  width: 100%;
+  height: 100vh;
+  background-color: var(--fcr_ui_scene_inverse);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.fcr-pc-full-screen-error-content {
+  width: 272px;
+  height: 415px;
+  display: flex;
+  flex-direction: column;
+}
+
+.fcr-pc-full-screen-error-content-img {
+  width: 200px;
+  height: 200px;
+  align-self: center;
+}
+
+.fcr-pc-full-screen-close-btn {
+  width: 140px;
+  height: 50px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.fcr-pc-full-screen-error-content-title {
+  color: var(--fcr_ui_scene_inverse2);
+  font-size: 28px;
+  font-weight: 800;
+  align-self: center;
+  margin-top: 26px;
+}
+
+.fcr-pc-full-screen-error-content-desc {
+  color: var(--fcr_ui_scene_inverse2);
+  font-size: 16px;
+  font-weight: 400;
+  align-self: center;
+  margin-top: 24px;
+  margin-bottom: 46px;
+}
+
+.fcr-pc-full-screen-close-btn {
+  min-width: 56px;
+  height: 50px;
+  border-radius: var(--fcr_cornerradius_round);
+  background-color: var(--fcr_ui_scene_inverse2);
+  color: var(--fcr_ui_scene_inverse);
+  text-align: center;
+  line-height: 50px;
+  align-self: center;
+  cursor: pointer;
+}
+
+.fcr-pc-full-screen-close-btn:active {
+  transform: scale(0.94);
+}

package/lib/components/main-ui-crash-error-fallback/index.d.ts

@@ -0,0 +1,3 @@
+import './index.css';
+declare const FcrCrashErrorFallback: (handleFallback: () => void) => import("react/jsx-runtime").JSX.Element;
+export default FcrCrashErrorFallback;

package/lib/components/main-ui-crash-error-fallback/index.js

@@ -0,0 +1,50 @@
+"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["default"] = void 0;
+var _fullScreenErrorBoundaryImg = _interopRequireDefault(require("./assets/full-screen-error-boundary-img.png"));
+var _i18n = require("../../i18n");
+var _icon = require("../icon");
+var _type = require("../icon/type");
+var _env = require("agora-foundation/lib/utilities/env");
+require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
+var FcrCrashErrorFallback = function FcrCrashErrorFallback(handleFallback) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: "fcr-pc-full-screen-error",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "fcr-pc-full-screen-error-content",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+        src: _fullScreenErrorBoundaryImg["default"],
+        className: "fcr-pc-full-screen-error-content-img"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "fcr-pc-full-screen-error-content-title",
+        children: (0, _i18n.transI18n)('fmt_failure_popup_label_crash')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "fcr-pc-full-screen-error-content-desc",
+        children: (0, _i18n.transI18n)('fmt_failure_popup_label_crash_tips')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "fcr-pc-full-screen-close-btn",
+        onClick: handleFallback,
+        children: (0, _env.isElectron)() ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          children: (0, _i18n.transI18n)('fmt_failure_popup_button_close_app')
+        }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+            type: _type.FcrIconType.FCR_RESET,
+            size: 30,
+            colors: {
+              iconPrimary: 'var(--fcr_ui_scene_inverse)'
+            }
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            children: (0, _i18n.transI18n)('fmt_failure_popup_button_refresh')
+          })]
+        })
+      })]
+    })
+  });
+};
+var _default = exports["default"] = FcrCrashErrorFallback;

package/lib/components/message-bubble/emoji-msg.js

@@ -9,6 +9,7 @@ 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
@@ -16,12 +17,14 @@ Object.defineProperty(exports, "__esModule", {
 exports.processEmojiTextMsg = processEmojiTextMsg;
 require("core-js/modules/es.array.includes.js");
 require("core-js/modules/es.array.index-of.js");
+require("core-js/modules/es.array.map.js");
 require("core-js/modules/es.array.push.js");
 require("core-js/modules/es.array.slice.js");
 require("core-js/modules/es.object.keys.js");
 require("core-js/modules/es.regexp.exec.js");
 require("core-js/modules/es.string.includes.js");
 require("core-js/modules/esnext.array.last-index.js");
+var _react = _interopRequireDefault(require("react"));
 var svgExports = _interopRequireWildcard(require("../icon/svg-exports"));
 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); }
@@ -96,6 +99,10 @@ function processEmojiTextMsg(msg, className) {
   // console.log({ result: msgElements }, ' processEmojiTextMsg function');
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: className,
-    children: msgElements
+    children: msgElements.map(function (el, i) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react["default"].Fragment, {
+        children: el
+      }, i);
+    })
   });
 }

package/lib/components/message-label-mobile/index.js

@@ -54,6 +54,12 @@ var MessageLabel = exports.MessageLabel = function MessageLabel(_ref) {
       }), tag && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "fcr-message-label__tag",
         children: tag
+      }), !publisherIsSelf && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "fcr-message-label__publisher fcr-message-label__nickname fcr-break-one-line fcr-word-break",
+        style: {
+          color: color
+        },
+        children: publisher
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "fcr-message-label__marginR",
         children: t('to')

package/lib/components/message-textarea/index.js

@@ -107,11 +107,6 @@ var MessageTextArea = exports.MessageTextArea = /*#__PURE__*/(0, _react.forwardR
       updateErrVisible && updateErrVisible(false);
     }
   }, [textMsg]);
-  (0, _react.useEffect)(function () {
-    return function () {
-      updateChatTextMsg === null || updateChatTextMsg === void 0 || updateChatTextMsg(textMsg);
-    };
-  }, [textMsg]);
   var msgSendHandler = function msgSendHandler() {
     if (textMsg.length === 0) return;
     if (textMsg.length > limitation) {
@@ -119,6 +114,7 @@ var MessageTextArea = exports.MessageTextArea = /*#__PURE__*/(0, _react.forwardR
     } else {
       onSendMsg && onSendMsg(textMsg);
       setTextMsg('');
+      updateChatTextMsg === null || updateChatTextMsg === void 0 || updateChatTextMsg('');
     }
   };
   var _useState7 = (0, _react.useState)(false),
@@ -137,8 +133,9 @@ var MessageTextArea = exports.MessageTextArea = /*#__PURE__*/(0, _react.forwardR
         }),
         placeholder: placeholder,
         value: textMsg,
-        onChange: function onChange(target) {
-          setTextMsg(target.target.value);
+        onChange: function onChange(event) {
+          setTextMsg(event.target.value);
+          updateChatTextMsg === null || updateChatTextMsg === void 0 || updateChatTextMsg(event.target.value);
         },
         onFocus: function onFocus() {
           setFocus(true);

package/lib/components/participants/footer/index.js

@@ -130,16 +130,6 @@ var FcrParticipantsFooter = exports.FcrParticipantsFooter = function FcrParticip
         onRoomControlClick('ALLOW_ATTENDEE_TO_OPEN_CAMERA');
       },
       classNames: 'room-control-drop-with-under-line'
-    }, {
-      title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.FcrCheckbox, {
-        checked: false,
-        label: t('fmt_security_options_removemultiple'),
-        styleType: "white"
-      }),
-      key: 'remove_fcr-participants',
-      type: 'danger',
-      onButtonClick: function onButtonClick() {},
-      classNames: 'room-control-drop-disable'
     }];
     if (props.hasRevokeHostPermission) {
       allActions.unshift({
@@ -193,7 +183,9 @@ var FcrParticipantsFooter = exports.FcrParticipantsFooter = function FcrParticip
       overlayInnerStyle: {
         boxShadow: 'none',
         border: 'none',
-        width: '256px'
+        minWidth: '256px',
+        width: 'auto',
+        maxWidth: '300px'
       },
       content: moreDropMenu ? moreDropMenu : /*#__PURE__*/(0, _jsxRuntime.jsx)(ParticipantsFooterMore, {}),
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.FcrButton, {

package/lib/components/participants/index.css

@@ -38,8 +38,6 @@
   justify-content: space-between;
   padding: 4px 15px 10px 15px;
   gap: 8px;
-  position: absolute;
-  bottom: 0;
   width: 100%;
   background-color: var(--fcr_mobile_ui_scene_color_popup_fill2);
 }
@@ -100,3 +98,7 @@
 .attendee__footer-more-actions .fcr-drop-menu-option {
   width: auto;
 }
+
+.fcr_participants_button_invite {
+  min-width: 70px !important;
+}

package/lib/components/participants/index.js

@@ -98,7 +98,10 @@ var FcrParticipants = exports.FcrParticipants = function FcrParticipants(props)
         value: value,
         shape: "rounded",
         onChange: handleChange,
-        maxLength: 21
+        maxLength: 21,
+        style: {
+          background: 'var(--fcr_ui_scene_input2)'
+        }
         // autoFocus
         ,
         iconPrefix: {
@@ -108,6 +111,7 @@ var FcrParticipants = exports.FcrParticipants = function FcrParticipants(props)
           }
         }
       }), isShowInvite && /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.FcrButton, {
+        className: "fcr_participants_button_invite",
         type: "secondary-bordered",
         shape: "rounded",
         size: "XS",

package/lib/components/room-screen-share-state-bar/camera-state/index.d.ts

@@ -3,6 +3,7 @@ interface CameraStateProps {
     size?: number;
     ignoreColor?: boolean;
     renderMode?: 'current-state' | 'forward-state';
+    renderIconType?: 'surface' | 'line';
 }
 export declare const CameraState: (props: CameraStateProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/components/room-screen-share-state-bar/camera-state/index.js

@@ -13,12 +13,13 @@ var CameraState = exports.CameraState = function CameraState(props) {
     _props$size = props.size,
     size = _props$size === void 0 ? 20 : _props$size,
     ignoreColor = props.ignoreColor,
-    renderMode = props.renderMode;
+    renderMode = props.renderMode,
+    renderIconType = props.renderIconType;
   var getComputIconType = function getComputIconType() {
     if (renderMode === 'forward-state') {
-      return isCameraMuted ? _type.FcrIconType.FCR_MOBILE_CAMERA2 : _type.FcrIconType.FCR_MOBILE_CAMERAOFF2;
+      return isCameraMuted ? renderIconType === 'surface' ? _type.FcrIconType.FCR_CAMERA : _type.FcrIconType.FCR_MOBILE_CAMERA2 : renderIconType === 'surface' ? _type.FcrIconType.FCR_CAMERAOFF : _type.FcrIconType.FCR_MOBILE_CAMERAOFF2;
     } else {
-      return isCameraMuted ? _type.FcrIconType.FCR_MOBILE_CAMERAOFF2 : _type.FcrIconType.FCR_MOBILE_CAMERA2;
+      return isCameraMuted ? renderIconType === 'surface' ? _type.FcrIconType.FCR_CAMERAOFF : _type.FcrIconType.FCR_MOBILE_CAMERAOFF2 : renderIconType === 'surface' ? _type.FcrIconType.FCR_CAMERA : _type.FcrIconType.FCR_MOBILE_CAMERA2;
     }
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {

package/lib/components/tabs/index.css

@@ -21,7 +21,7 @@
 }
 
 .fcr-tabs__nav-item {
-  padding: 4px 0;
+  padding: 7px 0;
   width: var(--fcr-tabs__nav-item__width);
   text-align: center;
   position: relative;
@@ -29,6 +29,7 @@
   transition: 0.3s all;
   font-weight: 400;
   font-size: 14px;
+  flex: 1;
 }
 
 .fcr-tabs__nav-item.fcr-tabs__nav-item--active {
@@ -42,7 +43,7 @@
 .fcr-tabs__nav-indicator {
   background-color: var(--fcr_ui_scene_ramp_brand6);
   color: var(--fcr_ui_scene_icontext1);
-  border-radius: var(--fcr_cornerradius_s);
+  border-radius: var(--fcr_cornerradius_xs);
   position: absolute;
   height: 100%;
   transition: 0.3s all;

package/lib/components/tabs/index.js

@@ -120,7 +120,7 @@ var FcrFashionTabs = exports.FcrFashionTabs = function FcrFashionTabs(_ref4) {
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
           type: _type.FcrIconType.FCR_UNDERLINE,
           colors: {
-            iconPrimary: 'var(--fcr_ui_scene_icontext2)'
+            iconPrimary: 'var(--fcr_ui_scene_icontext1)'
           },
           size: 40
         })

package/lib/components/text-bubble/index.css

@@ -65,7 +65,7 @@
 }
 
 .fcr-text-bubble--weight-normal {
-  font-weight: 300;
+  font-weight: 400;
 }
 
 .fcr-text-bubble--line-height-large {

package/lib/components/watermark/index.js

@@ -55,9 +55,11 @@ var getPixelRatio = function getPixelRatio(context) {
   return (window.devicePixelRatio || 1) / backingStore;
 };
 var getSingleFontSize = function getSingleFontSize(width) {
-  var fontSize = 50;
-  if (width > 1500) {
-    fontSize = 80;
+  var fontSize = 36;
+  if (width >= 1920) {
+    fontSize = 50;
+  } else if (width > 1200 && width < 1920) {
+    fontSize = 40;
   } else if (width >= 400 && width < 600) {
     fontSize = 24;
   } else if (width >= 220 && width < 400) {
@@ -95,7 +97,7 @@ var WaterMark = exports.WaterMark = function WaterMark(props) {
     _props$height = props.height,
     height = _props$height === void 0 ? 64 : _props$height,
     _props$rotate = props.rotate,
-    rotate = _props$rotate === void 0 ? -22 : _props$rotate,
+    rotate = _props$rotate === void 0 ? -18 : _props$rotate,
     image = props.image,
     content = props.content,
     offsetLeft = props.offsetLeft,
@@ -161,7 +163,34 @@ var WaterMark = exports.WaterMark = function WaterMark(props) {
               ctx.fillText(item, 0, index * Number(fontSize) * 2);
             } else {
               var textMe = ctx.measureText(item);
-              ctx.fillText(item, -textMe.width / 2, index * Number(fontSize) * 2);
+              var drawWidth = textMe.width;
+              var count = Math.floor(widthNum / drawWidth);
+              var gap = (widthNum - drawWidth * count) / 2;
+              var oneLineGap = 4 * ratio;
+              if (gap < oneLineGap) {
+                gap = 6;
+                count = count--;
+              }
+              if (count === 1) {
+                ctx.fillText(item, -textMe.width / 2, index * Number(fontSize) * 2);
+              } else {
+                var mostLeft = -widthNum / 2 - 10;
+                var mostBottom = 0;
+                var prevHeight = -mostBottom / 2 + 0 * ratio;
+                var prevWidth = mostLeft;
+                for (var i = 0; i < count; i++) {
+                  var _x = mostLeft;
+                  var _y = prevHeight;
+                  if (i === 0) {
+                    _x = mostLeft;
+                  } else {
+                    _x = prevWidth + drawWidth + gap;
+                    prevHeight = _y;
+                    prevWidth = _x;
+                  }
+                  ctx.fillText(item, _x, _y);
+                }
+              }
             }
           });
         } else {
@@ -187,7 +216,7 @@ var WaterMark = exports.WaterMark = function WaterMark(props) {
         height: '100%',
         backgroundSize: "".concat(gapX + width, "px"),
         pointerEvents: 'none',
-        backgroundRepeat: 'repeat',
+        backgroundRepeat: "".concat(multiLine ? 'repeat' : 'no-repeat'),
         backgroundImage: "url('".concat(base64Url, "')")
       }, markStyle)
     })]

package/lib/components/window-header/index.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { ReactElement, ReactNode } from 'react';
 import { WindowControlProps } from '../windows-control';
 import './index.css';
 export declare enum WindowType {
@@ -6,7 +6,7 @@ export declare enum WindowType {
     MODAL = "modal"
 }
 export interface WindowHeaderProps extends WindowControlProps {
-    title?: string;
+    title?: string | ReactElement;
     type: WindowType;
     onTypeChange?: (type: WindowType) => void;
     onClose?: () => void;

package/lib/components/window-header/index.js

@@ -81,11 +81,13 @@ var FcrWindowHeader = exports.FcrWindowHeader = function FcrWindowHeader(props)
         content: type === WindowType.MODAL ? t('fmt_uimanager_option_popwindow') : t('fmt_uimanager_option_mergeview'),
         mouseEnterDelay: 0,
         trigger: "hover",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_iconButton.FcrIconButton, {
-          icon: type === WindowType.MODAL ? _type.FcrIconType.FCR_WINDOWPAGE_LONELY : _type.FcrIconType.FCR_WINDOWPAGE_BIGGER,
-          onClick: handlerTypeChange,
-          className: "frc-window-header__icon fcr-no-drag",
-          iconColors: iconColors
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_iconButton.FcrIconButton, {
+            icon: type === WindowType.MODAL ? _type.FcrIconType.FCR_WINDOWPAGE_LONELY : _type.FcrIconType.FCR_WINDOWPAGE_BIGGER,
+            onClick: handlerTypeChange,
+            className: "frc-window-header__icon fcr-no-drag",
+            iconColors: iconColors
+          })
         })
       }), otherActionsAfter]
     })]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agora-ui-foundation",
-  "version": "3.4.0",
+  "version": "3.4.2",
   "license": "MIT",
   "files": [
     "lib",
@@ -10,13 +10,16 @@
     "jackspeak": "2.1.1"
   },
   "dependencies": {
+    "@react-spring/web": "^9.7.3",
+    "@use-gesture/react": "^10.3.1",
+    "agora-foundation": "^3.4.2",
     "classnames": "^2.5.1",
     "i18next": "^23.10.1",
     "normalize.css": "^8.0.1",
     "patch-package": "^8.0.0",
     "rc-dialog": "^8",
-    "rc-tooltip": "5.1.1",
     "rc-notification": "5.6.2",
+    "rc-tooltip": "5.1.1",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "react-i18next": "^15.0.1",
@@ -24,10 +27,7 @@
     "react-select": "5.8.0",
     "react-transition-group": "^4.4.2",
     "react-virtualized": "^9.22.5",
-    "tinycolor2": "^1.6.0",
-    "@react-spring/web": "^9.7.3",
-    "@use-gesture/react": "^10.3.1",
-    "agora-foundation": "^3.4.0"
+    "tinycolor2": "^1.6.0"
   },
   "devDependencies": {
     "@babel/core": "^7.23.5",
@@ -51,6 +51,7 @@
     "@types/react-virtualized": "^9.21.30",
     "@types/tinycolor2": "^1.4.6",
     "@types/webpack-env": "^1.18.4",
+    "agora-toolchain": "^3.4.2",
     "core-js": "^3.33.3",
     "eslint": "^9.0.0",
     "node-html-parser": "^6.1.13",
@@ -58,8 +59,7 @@
     "ts-node": "^10.9.2",
     "tslib": "^2.6.2",
     "typescript": "^5.4.3",
-    "vite": "^5.2.7",
-    "agora-toolchain": "^3.4.0"
+    "vite": "^5.2.7"
   },
   "scripts": {
     "build": "agora-tc-transpile",