agora-ui-foundation 3.8.1 → 3.9.0-alpha

package/lib/components/button/index.css

@@ -121,19 +121,29 @@
 
 .fcr-button-secondary-bordered {
   color: var(--fcr_ui_scene_icontext1);
-  border: 0.5px solid var(--fcr_web_ui_scene_line4);
+  border: 0.5px solid var(--fcr_web_ui_scene_line4) !important;
   background: var(--fcr_web_ui_scene_fill2);
 }
-.fcr-button-secondary-bordered:not(:disabled):hover {
+
+.fcr-button-secondary-bordered .fcr-button-icon-wrapper {
+  color: var(--fcr_ui_scene_icontext2);
+}
+
+.fcr-button-secondary-bordered:not(.fcr-button-disabled):hover {
   border: 0.5px solid var(--fcr_ui_scene_ramp_brand6);
   background: var(--fcr_web_ui_scene_hover);
   color: var(--fcr_web_ui_scene_mainicon2);
 }
-.fcr-button-secondary-bordered:not(:disabled):active {
+.fcr-button-secondary-bordered:not(.fcr-button-disabled):active {
   border: 0.5px solid var(--fcr_ui_scene_ramp_brand6);
   background: var(--fcr_web_ui_scene_click);
   color: var(--fcr_web_ui_scene_mainicon2);
 }
+
+.fcr-button-secondary-bordered:not(.fcr-button-disabled):hover .fcr-button-icon-wrapper,
+.fcr-button-secondary-bordered:not(.fcr-button-disabled):active .fcr-button-icon-wrapper {
+  color: var(--fcr_web_ui_scene_mainicon2);
+}
 /** gray button **/
 
 .fcr-button-gray {

package/lib/components/button/index.js

@@ -130,7 +130,10 @@ var FcrButton = exports.FcrButton = function FcrButton(props) {
         className: (0, _classnames["default"])('fcr-button-icon fcr-button-posticon', {
           'fcr-button-loading': loading
         }),
-        type: loading ? _type.FcrIconType.FCR_BTN_LOADING : postIcon
+        type: loading ? _type.FcrIconType.FCR_BTN_LOADING : postIcon,
+        colors: loading ? {
+          iconPrimary: 'white'
+        } : undefined
       }, postIconProps))
     })]
   }));

package/lib/components/comfirm-dialog/index.css

@@ -0,0 +1,42 @@
+.fcr-login-confirm-dialog-content {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  padding: 0px 20px 24px;
+  width: 320px;
+}
+
+.fcr-login-confirm-dialog-content img {
+}
+
+.fcr-login-confirm-dialog-title {
+  margin-top: 24px;
+  font-weight: 600;
+  font-size: 16px;
+  font-weight: 600;
+  font-size: 16px;
+  line-height: 100%;
+  text-align: center;
+  vertical-align: middle;
+}
+
+.fcr-login-confirm-dialog-desc {
+  margin-top: 12px;
+  font-weight: 400;
+  font-style: Regular;
+  font-size: 14px;
+  line-height: 130%;
+  letter-spacing: 0%;
+  text-align: center;
+  vertical-align: middle;
+}
+
+.fcr-login-confirm-dialog-btn {
+  margin-top: 20px;
+  width: 100%;
+}
+
+.fcr-login-confirm-dialog-content .fcr-button {
+  width: 100%;
+}

package/lib/components/comfirm-dialog/index.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import './index.css';
 type LoginConfirmDialogProps = {
     title?: string;
     desc: string;

package/lib/components/comfirm-dialog/index.js

@@ -19,6 +19,7 @@ require("core-js/modules/web.timers.js");
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _button = require("../button");
+require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var LoginConfirmDialog = exports.LoginConfirmDialog = function LoginConfirmDialog(_ref) {
@@ -51,21 +52,25 @@ var LoginConfirmDialog = exports.LoginConfirmDialog = function LoginConfirmDialo
     };
   }, [countDown, isShowCoutDown]);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: "login-confirm-dialog-content",
+    className: "fcr-login-confirm-dialog-content",
     children: [showImg && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "login-confirm-dialog-img",
+      className: "fcr-login-confirm-dialog-img",
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+        style: {
+          width: 280,
+          height: 192
+        },
         src: imgSrc,
         alt: ""
       })
     }), title && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "login-confirm-dialog-title",
+      className: "fcr-login-confirm-dialog-title",
       children: title
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "login-confirm-dialog-desc",
+      className: "fcr-login-confirm-dialog-desc",
       children: desc
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "login-confirm-dialog-btn",
+      className: "fcr-login-confirm-dialog-btn",
       children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_button.FcrButton, {
         size: "S",
         shape: "rounded",

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

@@ -9,7 +9,8 @@ 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;
+  var _ref$iconPrimary = _ref.iconPrimary,
+    iconPrimary = _ref$iconPrimary === void 0 ? 'white' : _ref$iconPrimary;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: "48",
@@ -31,11 +32,11 @@ var path = exports.path = function path(_ref) {
         gradientTransform: "translate(24 24) scale(10.1587)",
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
           offset: "0.892377",
-          stopColor: "white",
+          stopColor: iconPrimary,
           stopOpacity: "0"
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
           offset: "1",
-          stopColor: "white"
+          stopColor: iconPrimary
         })]
       })
     })]

package/lib/components/icon/paths/fcr_host3.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 24 24";

package/lib/components/icon/paths/fcr_host3.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 _ref$iconPrimary = _ref.iconPrimary,
+    iconPrimary = _ref$iconPrimary === void 0 ? '444B71' : _ref$iconPrimary;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+      d: "M19.3805 7.71538C19.3953 7.72074 19.4063 7.72788 19.4211 7.73324L19.4284 7.67428L19.3805 7.71538ZM4.57866 7.70644C4.58603 7.70287 4.59525 7.70108 4.60262 7.69572L4.57129 7.6707L4.57866 7.70644ZM18.7649 8.42297C18.6341 8.42297 18.5161 8.473 18.4295 8.55341C18.4239 8.55877 18.4221 8.55698 18.4239 8.54983L15.1856 11.382L12.5482 6.25909C12.4247 6.10006 12.2293 6 12.0082 6C11.7501 6 11.5253 6.14116 11.411 6.34665L8.81777 11.382L5.47625 8.4587C5.40621 8.42118 5.32511 8.39974 5.23849 8.39974C4.97124 8.39974 4.7556 8.61059 4.7556 8.86789C4.7556 8.88934 4.75191 8.90006 4.74454 8.90006L5.77851 16.3887C5.77851 16.3602 5.77667 16.3316 5.77298 16.3012C5.83565 16.8229 6.19874 17.2554 6.68716 17.4341C6.64292 17.418 6.59869 17.4055 6.55814 17.3983C7.5958 17.7753 9.63241 18.0201 11.9787 17.9987C14.336 17.979 16.391 17.6967 17.4434 17.2983C17.4047 17.3054 17.3642 17.3161 17.3199 17.3322C17.8084 17.1517 18.1714 16.7193 18.2341 16.1976C18.2267 16.2583 18.2267 16.3155 18.2304 16.3673L19.257 8.91793C19.2533 8.91435 19.2497 8.90363 19.2497 8.88755C19.2497 8.63382 19.034 8.42297 18.7649 8.42297Z",
+      fill: iconPrimary
+    })
+  });
+};
+var viewBox = exports.viewBox = '0 0 24 24';

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

@@ -88,6 +88,7 @@ export * as fcr_home_code2 from './paths/fcr_home_code2';
 export * as fcr_home_quickstart from './paths/fcr_home_quickstart';
 export * as fcr_host from './paths/fcr_host';
 export * as fcr_host2 from './paths/fcr_host2';
+export * as fcr_host3 from './paths/fcr_host3';
 export * as fcr_interpretation2 from './paths/fcr_interpretation2';
 export * as fcr_jbh from './paths/fcr_jbh';
 export * as fcr_jbh_invite from './paths/fcr_jbh_invite';

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

@@ -13,10 +13,10 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.fcr_list_delete = exports.fcr_link = exports.fcr_left4 = exports.fcr_left3 = exports.fcr_left1 = exports.fcr_left = exports.fcr_jbh_invite = exports.fcr_jbh = exports.fcr_interpretation2 = exports.fcr_host2 = exports.fcr_host = exports.fcr_home_quickstart = 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_download2 = exports.fcr_download = exports.fcr_down1 = exports.fcr_down = exports.fcr_dialog_more = exports.fcr_deviceaudioon = exports.fcr_deviceaudiooff = exports.fcr_delete5 = 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_color = 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_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_pensize3_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_subtities_off = 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 = 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 = void 0;
-exports.fcr_whiteboard_ped_curve = exports.fcr_whiteboard_ped5 = exports.fcr_whiteboard_ped4 = 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_laserpen3 = exports.fcr_whiteboard_laserpen2 = exports.fcr_whiteboard_laserpen1 = exports.fcr_whiteboard_laserpen = exports.fcr_whiteboard_forward = exports.fcr_whiteboard_expand2 = exports.fcr_whiteboard_eraser2 = 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_volume_hear = 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_subtitieshistory = 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_untop = exports.fcr_unpin = exports.fcr_underline = exports.fcr_translate1 = exports.fcr_translanguage = exports.fcr_topwindows = exports.fcr_top = exports.fcr_tooltip_arrow_2 = exports.fcr_tooltip_arrow = exports.fcr_toggle_dialog = exports.fcr_to2 = exports.fcr_subtract = exports.fcr_subtitles = exports.fcr_subtitieshistory_on = exports.fcr_subtitieshistory_off = exports.fcr_subtitieshistory2 = exports.fcr_subtitieshistory = exports.fcr_student_rasiehand = 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_showvideo2 = exports.fcr_showvideo = void 0;
-exports.zhipuai = exports.set_sale = exports.logo_openai = 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 = void 0;
+exports.fcr_link = exports.fcr_left4 = exports.fcr_left3 = exports.fcr_left1 = exports.fcr_left = exports.fcr_jbh_invite = exports.fcr_jbh = exports.fcr_interpretation2 = exports.fcr_host3 = exports.fcr_host2 = exports.fcr_host = exports.fcr_home_quickstart = 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_download2 = exports.fcr_download = exports.fcr_down1 = exports.fcr_down = exports.fcr_dialog_more = exports.fcr_deviceaudioon = exports.fcr_deviceaudiooff = exports.fcr_delete5 = 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_color = 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_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_pensize3_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_subtities_off = 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 = 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 = void 0;
+exports.fcr_whiteboard_ped5 = exports.fcr_whiteboard_ped4 = 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_laserpen3 = exports.fcr_whiteboard_laserpen2 = exports.fcr_whiteboard_laserpen1 = exports.fcr_whiteboard_laserpen = exports.fcr_whiteboard_forward = exports.fcr_whiteboard_expand2 = exports.fcr_whiteboard_eraser2 = 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_volume_hear = 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_subtitieshistory = 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_untop = exports.fcr_unpin = exports.fcr_underline = exports.fcr_translate1 = exports.fcr_translanguage = exports.fcr_topwindows = exports.fcr_top = exports.fcr_tooltip_arrow_2 = exports.fcr_tooltip_arrow = exports.fcr_toggle_dialog = exports.fcr_to2 = exports.fcr_subtract = exports.fcr_subtitles = exports.fcr_subtitieshistory_on = exports.fcr_subtitieshistory_off = exports.fcr_subtitieshistory2 = exports.fcr_subtitieshistory = exports.fcr_student_rasiehand = 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_showvideo2 = exports.fcr_showvideo = exports.fcr_sharingbar_up = void 0;
+exports.zhipuai = exports.set_sale = exports.logo_openai = 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 = void 0;
 var _chat_private = _interopRequireWildcard(require("./paths/chat_private"));
 exports.chat_private = _chat_private;
 var _chevron_right = _interopRequireWildcard(require("./paths/chevron_right"));
@@ -197,6 +197,8 @@ var _fcr_host = _interopRequireWildcard(require("./paths/fcr_host"));
 exports.fcr_host = _fcr_host;
 var _fcr_host2 = _interopRequireWildcard(require("./paths/fcr_host2"));
 exports.fcr_host2 = _fcr_host2;
+var _fcr_host3 = _interopRequireWildcard(require("./paths/fcr_host3"));
+exports.fcr_host3 = _fcr_host3;
 var _fcr_interpretation = _interopRequireWildcard(require("./paths/fcr_interpretation2"));
 exports.fcr_interpretation2 = _fcr_interpretation;
 var _fcr_jbh = _interopRequireWildcard(require("./paths/fcr_jbh"));

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

@@ -89,6 +89,7 @@ export declare enum FcrIconType {
     FCR_HOME_QUICKSTART = "fcr_home_quickstart",
     FCR_HOST = "fcr_host",
     FCR_HOST2 = "fcr_host2",
+    FCR_HOST3 = "fcr_host3",
     FCR_INTERPRETATION2 = "fcr_interpretation2",
     FCR_JBH = "fcr_jbh",
     FCR_JBH_INVITE = "fcr_jbh_invite",

package/lib/components/icon/type.js

@@ -96,6 +96,7 @@ var FcrIconType = exports.FcrIconType = /*#__PURE__*/function (FcrIconType) {
   FcrIconType["FCR_HOME_QUICKSTART"] = "fcr_home_quickstart";
   FcrIconType["FCR_HOST"] = "fcr_host";
   FcrIconType["FCR_HOST2"] = "fcr_host2";
+  FcrIconType["FCR_HOST3"] = "fcr_host3";
   FcrIconType["FCR_INTERPRETATION2"] = "fcr_interpretation2";
   FcrIconType["FCR_JBH"] = "fcr_jbh";
   FcrIconType["FCR_JBH_INVITE"] = "fcr_jbh_invite";

package/lib/components/state-bar/view.js

@@ -19,10 +19,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.View = exports.MyFcrToolTip = void 0;
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 require("./index.css");
 var _stateBarLogo = _interopRequireDefault(require("./assets/state-bar-logo.png"));
 var _stepGradient = _interopRequireDefault(require("./assets/step-gradient.svg"));
@@ -39,7 +37,7 @@ var _type = require("../icon/type");
 var _popover = require("../popover");
 var _dropMenu = require("../drop-menu");
 var _i18n = require("../../i18n");
-var _safelyRemoveChild = require("agora-foundation/lib/utilities/safely-remove-child");
+var _copyText = require("../../utilities/copy-text");
 var _jsxRuntime = require("react/jsx-runtime");
 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; }
@@ -52,46 +50,13 @@ var MyFcrToolTip = exports.MyFcrToolTip = function MyFcrToolTip(props) {
     children: props.children
   });
 };
-function copyText(_x) {
-  return _copyText.apply(this, arguments);
-}
-function _copyText() {
-  _copyText = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(text) {
-    var input, _t;
-    return _regenerator["default"].wrap(function (_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          _context.prev = 0;
-          _context.next = 1;
-          return navigator.clipboard.writeText(text);
-        case 1:
-          _context.next = 3;
-          break;
-        case 2:
-          _context.prev = 2;
-          _t = _context["catch"](0);
-          input = document.createElement('input');
-          input.setAttribute('readonly', 'readonly');
-          input.setAttribute('value', text);
-          document.body.appendChild(input);
-          input.select();
-          document.execCommand('copy');
-          (0, _safelyRemoveChild.safelyRemoveChild)(document.body, input);
-        case 3:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee, null, [[0, 2]]);
-  }));
-  return _copyText.apply(this, arguments);
-}
 var View = exports.View = function View(props) {
   var ns = (0, _useNamespace.useNamespace)('state-bar');
   var t = (0, _i18n.useI18n)();
   var meetingId = '234 223 223';
   var isFullScreen = false;
   var onMeetingIdCopy = function onMeetingIdCopy() {
-    copyText(meetingId).then(function () {
+    (0, _copyText.copyText)(meetingId).then(function () {
       _toast.FcrToastApi.open({
         toastProps: {
           type: 'info',

package/lib/utilities/copy-text.d.ts

@@ -0,0 +1 @@
+export declare function copyText(text: string): Promise<void>;

package/lib/utilities/copy-text.js

@@ -0,0 +1,49 @@
+"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.copyText = copyText;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _safelyRemoveChild = require("agora-foundation/lib/utilities/safely-remove-child");
+function copyText(_x) {
+  return _copyText.apply(this, arguments);
+}
+function _copyText() {
+  _copyText = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(text) {
+    var textarea, _t;
+    return _regenerator["default"].wrap(function (_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          if (!('clipboard' in navigator)) {
+            _context.next = 4;
+            break;
+          }
+          _context.prev = 1;
+          _context.next = 2;
+          return navigator.clipboard.writeText(text);
+        case 2:
+          return _context.abrupt("return");
+        case 3:
+          _context.prev = 3;
+          _t = _context["catch"](1);
+          console.error('navigator.clipboard.writeText catch error:', _t);
+        case 4:
+          textarea = document.createElement('textarea');
+          textarea.setAttribute('readonly', 'readonly');
+          textarea.value = text;
+          document.body.appendChild(textarea);
+          textarea.select();
+          document.execCommand('copy');
+          (0, _safelyRemoveChild.safelyRemoveChild)(document.body, textarea);
+        case 5:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee, null, [[1, 3]]);
+  }));
+  return _copyText.apply(this, arguments);
+}

package/lib/utilities/hooks.d.ts

@@ -0,0 +1,14 @@
+export declare const useUnmount: (callback: () => void) => void;
+export declare const LanguageName: Record<string, string>;
+export declare const useTheme: () => readonly ["dark" | "light", () => void];
+export declare const useWindowFocus: () => boolean;
+export declare const useDelayedValue: <T>(realValue: T, delay: number) => T | null;
+type DelayedMeasureResult = [
+    ref: (element: HTMLElement | null) => void,
+    bounds: {
+        width: number;
+        height: number;
+    }
+];
+export declare const useDelayedMeasure: (delay?: number) => DelayedMeasureResult;
+export {};

package/lib/utilities/hooks.js

@@ -0,0 +1,100 @@
+"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.useWindowFocus = exports.useUnmount = exports.useTheme = exports.useDelayedValue = exports.useDelayedMeasure = exports.LanguageName = void 0;
+require("core-js/modules/web.timers.js");
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var _reactUseMeasure = _interopRequireDefault(require("react-use-measure"));
+var theme_ = _interopRequireWildcard(require("../theme/generate"));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+// FIXME: Files in 'lib' are commonjs modules.
+//        There's no variable binding unless you reference the whole module.
+
+var useUnmount = exports.useUnmount = function useUnmount(callback) {
+  (0, _react.useEffect)(function () {
+    return callback;
+  }, []);
+};
+var LanguageName = exports.LanguageName = {
+  zh: '简体中文',
+  en: 'English'
+};
+var useTheme = exports.useTheme = function useTheme() {
+  var _useState = (0, _react.useState)(theme_.themeMode),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    theme = _useState2[0],
+    setTheme = _useState2[1];
+  var toggleTheme = (0, _react.useCallback)(function () {
+    var nextTheme = theme_.themeMode === 'light' ? 'dark' : 'light';
+    theme_.setThemeMode(nextTheme);
+    setTheme(theme_.themeMode);
+    theme_.generateTheme();
+    document.documentElement.style.colorScheme = nextTheme;
+  }, []);
+  return [theme, toggleTheme];
+};
+var useWindowFocus = exports.useWindowFocus = function useWindowFocus() {
+  var _useState3 = (0, _react.useState)(true),
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    focus = _useState4[0],
+    setFocus = _useState4[1];
+  (0, _react.useEffect)(function () {
+    var onFocus = function onFocus() {
+      return setFocus(true);
+    };
+    var onBlur = function onBlur() {
+      return setFocus(false);
+    };
+    window.addEventListener('focus', onFocus);
+    window.addEventListener('blur', onBlur);
+    return function () {
+      window.removeEventListener('focus', onFocus);
+      window.removeEventListener('blur', onBlur);
+    };
+  }, []);
+  return focus;
+};
+var useDelayedValue = exports.useDelayedValue = function useDelayedValue(realValue, delay) {
+  var _useState5 = (0, _react.useState)(null),
+    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+    value = _useState6[0],
+    setValue = _useState6[1];
+  (0, _react.useEffect)(function () {
+    var timer = setTimeout(function () {
+      return setValue(realValue);
+    }, delay);
+    return function () {
+      return clearTimeout(timer);
+    };
+  }, [realValue, delay]);
+  return value;
+};
+// Delay `useMeasure()`'s refreshing, improve re-layout performance.
+// Also a workaround for 'loop completed with undelivered notifications' error.
+// Since we only need width and height, other properties are hidden from type.
+var useDelayedMeasure = exports.useDelayedMeasure = function useDelayedMeasure() {
+  var delay = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+  var _useMeasure = (0, _reactUseMeasure["default"])(),
+    _useMeasure2 = (0, _slicedToArray2["default"])(_useMeasure, 2),
+    ref = _useMeasure2[0],
+    bounds_ = _useMeasure2[1];
+  var bounds = useDelayedValue(bounds_, delay) || {
+    width: 0,
+    height: 0
+  };
+  return [ref, bounds];
+};

package/lib/utilities/mute-action.d.ts

@@ -0,0 +1,4 @@
+export declare const actionMute: (isMyself: boolean, hasAudio: boolean, muteAudioPermission: boolean, startAudioPermission: boolean, requestStartAudioPermission: boolean) => {
+    isShowActionAudio: boolean;
+    actionAudioTag: string;
+};

package/lib/utilities/mute-action.js

@@ -0,0 +1,48 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.actionMute = void 0;
+var actionMute = exports.actionMute = function actionMute(isMyself, hasAudio, muteAudioPermission, startAudioPermission, requestStartAudioPermission) {
+  var isShowActionAudio = true;
+  var actionAudioTag = '';
+  if (isMyself) {
+    if (hasAudio) {
+      if (muteAudioPermission) {
+        isShowActionAudio = true;
+        actionAudioTag = 'fmt_participants_member_button_mute';
+      } else {
+        isShowActionAudio = false;
+      }
+    } else {
+      if (startAudioPermission) {
+        isShowActionAudio = true;
+        actionAudioTag = 'fmt_participants_member_button_unmute';
+      } else {
+        isShowActionAudio = false;
+      }
+    }
+  } else {
+    if (hasAudio) {
+      if (muteAudioPermission) {
+        isShowActionAudio = true;
+        actionAudioTag = 'fmt_participants_member_button_mute';
+      } else {
+        isShowActionAudio = false;
+      }
+    } else {
+      if (requestStartAudioPermission) {
+        actionAudioTag = 'fmt_attendies_options_applyunmute';
+        isShowActionAudio = true;
+      } else {
+        isShowActionAudio = false;
+      }
+    }
+  }
+  return {
+    isShowActionAudio: isShowActionAudio,
+    actionAudioTag: actionAudioTag
+  };
+};

package/lib-es/components/action-bar/board/index.js

@@ -0,0 +1,27 @@
+import { useI18n } from '../../../i18n';
+import { FcrIconType } from '../../icon/type';
+import { FcrToolTip } from '../../tooltip';
+import { ActionBarItem } from '../item';
+import { jsx as _jsx } from "react/jsx-runtime";
+export var Board = function Board(_ref) {
+  var id = _ref.id,
+    order = _ref.order;
+  var transI18n = useI18n();
+  var handleClick = function handleClick() {};
+  var icon = true ? FcrIconType.FCR_WHITEBOARD_ON : FcrIconType.FCR_WHITEBOARD;
+  var title = 'Board';
+  var tooltip = 'Board';
+  return /*#__PURE__*/_jsx(FcrToolTip, {
+    content: tooltip,
+    children: /*#__PURE__*/_jsx(ActionBarItem, {
+      id: id,
+      order: order,
+      icon: icon,
+      title: title,
+      onClick: handleClick,
+      iconColors: {
+        iconPrimary: 'var(--fcr_web_ui_scene_mainicon1)'
+      }
+    })
+  });
+};

package/lib-es/components/action-bar/breakout-room/index.js

@@ -0,0 +1,25 @@
+import { useI18n } from '../../../i18n';
+import { FcrIconType } from '../../icon/type';
+import { FcrToolTip } from '../../tooltip';
+import { ActionBarItem } from '../item';
+import { jsx as _jsx } from "react/jsx-runtime";
+export var BreakoutRoom = function BreakoutRoom(_ref) {
+  var id = _ref.id,
+    order = _ref.order;
+  var transI18n = useI18n();
+  var title = 'BreakoutRoom';
+  var tooltip = 'BreakoutRoom';
+  return /*#__PURE__*/_jsx(FcrToolTip, {
+    content: tooltip,
+    children: /*#__PURE__*/_jsx(ActionBarItem, {
+      id: id,
+      order: order,
+      icon: FcrIconType.FCR_V2_BREAKROOM,
+      title: title,
+      onClick: function onClick() {},
+      iconColors: {
+        iconPrimary: 'var(--fcr_web_ui_scene_mainicon1)'
+      }
+    })
+  });
+};