fcr-ui-scene 3.8.0-alpha → 3.8.1-alpha

package/lib/modules/setting/view.js

@@ -62,7 +62,8 @@ var DeviceSettingsView = exports.DeviceSettingsView = (0, _mobxReact.observer)(f
     dialogConfig = _useContext.dialogConfig,
     setDialogConfig = _useContext.setDialogConfig,
     setSettingVideoOpened = _useContext.setSettingVideoOpened,
-    isHiddenMeetingTab = _useContext.isHiddenMeetingTab;
+    isHiddenMeetingTab = _useContext.isHiddenMeetingTab,
+    isMainRoom = _useContext.isMainRoom;
   var t = (0, _i18n.useI18n)();
   var ns = (0, _useNamespace.useNamespace)('device-settings');
   var getListItemCls = function getListItemCls(tabKey) {
@@ -108,7 +109,7 @@ var DeviceSettingsView = exports.DeviceSettingsView = (0, _mobxReact.observer)(f
     color: 'storage',
     icon: _type.FcrIconType.FCR_MOBILE_SUBTITIES_ON,
     label: t('fmt_ai_subtitles_setting_label_caption_transcripts'),
-    isHidden: isHiddenMeetingTab
+    isHidden: isHiddenMeetingTab || !isMainRoom
   }, {
     tab: _type2.DeviceSettingTab.STATE,
     color: 'blue',

package/lib/modules/share-screen/components/control-bar/index.css

@@ -1,75 +1,75 @@
-.fcr-screen-share-controlbar {
-  /* position: absolute;
-  top: 0;
-  left: 0; */
-  width: 100%;
-  height: 28px;
-  background-color: var(--fcr_web_ui_scene_fill2);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  z-index: 1000;
-  border-top: 2px solid var(--fcr_web_ui_scene_border1);
-  border-bottom: 4px solid var(--fcr_web_ui_scene_border1);
-  padding: 10px;
-}
-
-.fcr-screen-share-controlbar-left {
-  flex: 1;
-  justify-content: flex-end;
-  align-items: center;
-  display: flex;
-  font-weight: 400;
-  color: var(--fcr_ui_scene_icontext1);
-  font-size: 12px;
-}
-
-.fcr-screen-share-controlbar-center {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  column-gap: 12px;
-  height: 20px;
-}
-
-.fcr-screen-share-controlbar-right {
-  flex: 1;
-}
-
-.fcr-screen-share-controlbar-right .fcr-button-XXS {
-  height: 20px;
-  padding: 0 5px;
-}
-
-.fcr-screen-share-controlbar-username {
-  margin-right: 10px;
-}
-
-.fcr-screen-share-annotation-exit-draw-btn {
-  margin-left: 12px;
-}
-
-.fcr-screen-share-annotation-exit-draw-btn p,
-.fcr-screen-share-annotation-exit-draw-btn div {
-  min-width: 100%;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.fcr-screen-share-controlbar-without-exit {
-  margin-left: 12px;
-  width: 20px;
-}
-
-.fcr-screen-share-annotation-toolbar-btn {
-  margin-left: 0px !important;
-  width: 80px !important;
-}
-
-.fcr-screen-share-annotation-toolbar-btn p {
-  width: 80px !important;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
+.fcr-screen-share-controlbar {
+  /* position: absolute;
+  top: 0;
+  left: 0; */
+  width: 100%;
+  height: 28px;
+  background-color: var(--fcr_web_ui_scene_fill2);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 1000;
+  border-top: 2px solid var(--fcr_web_ui_scene_border1);
+  border-bottom: 4px solid var(--fcr_web_ui_scene_border1);
+  padding: 10px;
+}
+
+.fcr-screen-share-controlbar-left {
+  flex: 1;
+  justify-content: flex-end;
+  align-items: center;
+  display: flex;
+  font-weight: 400;
+  color: var(--fcr_ui_scene_icontext1);
+  font-size: 12px;
+}
+
+.fcr-screen-share-controlbar-center {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  column-gap: 12px;
+  height: 20px;
+}
+
+.fcr-screen-share-controlbar-right {
+  flex: 1;
+}
+
+.fcr-screen-share-controlbar-right .fcr-button-XXS {
+  height: 20px;
+  padding: 0 5px;
+}
+
+.fcr-screen-share-controlbar-username {
+  margin-right: 10px;
+}
+
+.fcr-screen-share-annotation-exit-draw-btn {
+  margin-left: 12px;
+}
+
+.fcr-screen-share-annotation-exit-draw-btn p,
+.fcr-screen-share-annotation-exit-draw-btn div {
+  min-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.fcr-screen-share-controlbar-without-exit {
+  margin-left: 12px;
+  width: 20px;
+}
+
+.fcr-screen-share-annotation-toolbar-btn {
+  margin-left: 0px !important;
+  width: 80px !important;
+}
+
+.fcr-screen-share-annotation-toolbar-btn p {
+  width: 80px !important;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}

package/lib/modules/share-screen/components/selection/index.css

@@ -1,73 +1,73 @@
-.draggable {
-  -webkit-app-region: drag;
-}
-
-.share-selection-window-control {
-  width: 100%;
-  display: flex;
-  flex-direction: row-reverse;
-}
-
-.share-selection-window-control button {
-  -webkit-app-region: no-drag;
-}
-
-.share-selection-window {
-  width: 100%;
-  height: 500px;
-  overflow: hidden;
-  -webkit-app-region: no-drag;
-  background-color: #fff;
-  /* border-radius: var(--fcr_cornerradius_l); */
-  display: flex;
-  flex-direction: column;
-}
-
-.share-selection-window__share-content {
-  width: 100%;
-  height: 458px;
-  padding: 10px 20px;
-  overflow-y: scroll;
-  -webkit-app-region: no-drag;
-}
-
-.share-selection-window__share-content::--webkit-scrollbar {
-  display: none;
-}
-
-.share-selection-window__header {
-  height: 46px;
-}
-
-.share-selection-window__footer {
-  width: 100%;
-  border-top: 1px solid var(--fcr_ui_scene_line1);
-  background-color: var(--fcr_mobile_ui_scene_color_popup_fill2);
-  display: flex;
-  flex-direction: row;
-  gap: 30px;
-  align-items: center;
-  height: 46px;
-  padding: 0 10px 0 20px;
-}
-
-.share-selection-window__footer .share-selection-window__footer-action {
-  width: 100%;
-  background-color: var(--fcr_mobile_ui_scene_color_popup_fill2);
-  display: flex;
-  flex-direction: row;
-  gap: 30px;
-}
-
-.share-selection-window__footer-start-share-txt {
-  color: var(--fcr_ui_scene_white10);
-  font-size: 12px;
-}
-
-.share-selection-window__share-windows,
-.share-selection-window__share-application {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: wrap;
-  gap: 8px;
-}
+.draggable {
+  -webkit-app-region: drag;
+}
+
+.share-selection-window-control {
+  width: 100%;
+  display: flex;
+  flex-direction: row-reverse;
+}
+
+.share-selection-window-control button {
+  -webkit-app-region: no-drag;
+}
+
+.share-selection-window {
+  width: 100%;
+  height: 500px;
+  overflow: hidden;
+  -webkit-app-region: no-drag;
+  background-color: #fff;
+  /* border-radius: var(--fcr_cornerradius_l); */
+  display: flex;
+  flex-direction: column;
+}
+
+.share-selection-window__share-content {
+  width: 100%;
+  height: 458px;
+  padding: 10px 20px;
+  overflow-y: scroll;
+  -webkit-app-region: no-drag;
+}
+
+.share-selection-window__share-content::--webkit-scrollbar {
+  display: none;
+}
+
+.share-selection-window__header {
+  height: 46px;
+}
+
+.share-selection-window__footer {
+  width: 100%;
+  border-top: 1px solid var(--fcr_ui_scene_line1);
+  background-color: var(--fcr_mobile_ui_scene_color_popup_fill2);
+  display: flex;
+  flex-direction: row;
+  gap: 30px;
+  align-items: center;
+  height: 46px;
+  padding: 0 10px 0 20px;
+}
+
+.share-selection-window__footer .share-selection-window__footer-action {
+  width: 100%;
+  background-color: var(--fcr_mobile_ui_scene_color_popup_fill2);
+  display: flex;
+  flex-direction: row;
+  gap: 30px;
+}
+
+.share-selection-window__footer-start-share-txt {
+  color: var(--fcr_ui_scene_white10);
+  font-size: 12px;
+}
+
+.share-selection-window__share-windows,
+.share-selection-window__share-application {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  gap: 8px;
+}

package/lib/modules/share-screen/components/share-state-bar/index.css

@@ -1,76 +1,76 @@
-.share-state-bar {
-  background-color: var(--fcr_web_ui_scene_fill2);
-  border-radius: var(--fcr_cornerradius_s);
-  padding: 10px;
-  box-shadow: var(--fcr_web_light_dropup);
-  flex-direction: column;
-  display: flex;
-  flex-wrap: nowrap;
-  align-items: center;
-}
-
-.share-state-bar__control {
-  gap: 10px;
-  height: 28px;
-  display: flex;
-  width: max-content;
-  align-items: center;
-}
-
-.share-state-bar__state {
-  gap: 10px;
-  display: flex;
-  align-items: center;
-  border-radius: var(--fcr_cornerradius_xs);
-  padding: 3px 5px 3px 3px;
-}
-
-.share-state-bar .divider-vertical {
-  border-left: 1px solid;
-  border-image: linear-gradient(to bottom, transparent 0%, #888 50%, #888 50%, transparent 100%) 1;
-}
-
-.share-state-bar__state:hover {
-  background: var(--fcr_web_ui_scene_hover);
-  color: var(--fcr_web_ui_scene_mainicon2);
-  cursor: pointer;
-}
-
-.share-state-bar__state:hover svg:nth-child(3) path {
-  fill: var(--fcr_web_ui_scene_mainicon2);
-}
-
-.share-state-bar__text {
-  width: 100px;
-  line-height: 1;
-}
-
-.share-state-bar__share_screen_preview {
-  width: 100%;
-  aspect-ratio: 16 / 9;
-  margin-top: 10px;
-  background-color: #d9d9d9;
-  border-radius: var(--fcr_cornerradius_xs);
-  overflow: hidden;
-}
-
-.share-state-bar__stop-share {
-  /* background-color: var(--fcr_ui_scene_ramp_red6); */
-  height: 24px;
-  color: var(--fcr_ui_scene_white10);
-  font-size: 12px;
-  border-radius: var(--fcr_cornerradius_xs);
-  cursor: pointer;
-}
-
-.share-state-bar .share-state-nav__drag-button:hover,
-.share-state-bar .share-state-nav__transfer-position:hover {
-  background-color: var(--fcr_web_ui_scene_hover);
-  height: 20px;
-  cursor: pointer;
-}
-
-.share-state-bar .share-state-nav__drag-button:hover path,
-.share-state-bar .share-state-nav__transfer-position:hover path {
-  fill: var(--fcr_web_ui_scene_mainicon2);
-}
+.share-state-bar {
+  background-color: var(--fcr_web_ui_scene_fill2);
+  border-radius: var(--fcr_cornerradius_s);
+  padding: 10px;
+  box-shadow: var(--fcr_web_light_dropup);
+  flex-direction: column;
+  display: flex;
+  flex-wrap: nowrap;
+  align-items: center;
+}
+
+.share-state-bar__control {
+  gap: 10px;
+  height: 28px;
+  display: flex;
+  width: max-content;
+  align-items: center;
+}
+
+.share-state-bar__state {
+  gap: 10px;
+  display: flex;
+  align-items: center;
+  border-radius: var(--fcr_cornerradius_xs);
+  padding: 3px 5px 3px 3px;
+}
+
+.share-state-bar .divider-vertical {
+  border-left: 1px solid;
+  border-image: linear-gradient(to bottom, transparent 0%, #888 50%, #888 50%, transparent 100%) 1;
+}
+
+.share-state-bar__state:hover {
+  background: var(--fcr_web_ui_scene_hover);
+  color: var(--fcr_web_ui_scene_mainicon2);
+  cursor: pointer;
+}
+
+.share-state-bar__state:hover svg:nth-child(3) path {
+  fill: var(--fcr_web_ui_scene_mainicon2);
+}
+
+.share-state-bar__text {
+  width: 100px;
+  line-height: 1;
+}
+
+.share-state-bar__share_screen_preview {
+  width: 100%;
+  aspect-ratio: 16 / 9;
+  margin-top: 10px;
+  background-color: #d9d9d9;
+  border-radius: var(--fcr_cornerradius_xs);
+  overflow: hidden;
+}
+
+.share-state-bar__stop-share {
+  /* background-color: var(--fcr_ui_scene_ramp_red6); */
+  height: 24px;
+  color: var(--fcr_ui_scene_white10);
+  font-size: 12px;
+  border-radius: var(--fcr_cornerradius_xs);
+  cursor: pointer;
+}
+
+.share-state-bar .share-state-nav__drag-button:hover,
+.share-state-bar .share-state-nav__transfer-position:hover {
+  background-color: var(--fcr_web_ui_scene_hover);
+  height: 20px;
+  cursor: pointer;
+}
+
+.share-state-bar .share-state-nav__drag-button:hover path,
+.share-state-bar .share-state-nav__transfer-position:hover path {
+  fill: var(--fcr_web_ui_scene_mainicon2);
+}

package/lib/modules/share-screen/index.js

@@ -62,9 +62,9 @@ var ShareScreenUIModule = exports.ShareScreenUIModule = /*#__PURE__*/function (_
       this.store.release();
     }
 
-    /**
-     * 控制栏（浏览器内）
-     * @returns
+    /**
+     * 控制栏（浏览器内）
+     * @returns
      */
   }, {
     key: "getComponent",
@@ -75,10 +75,10 @@ var ShareScreenUIModule = exports.ShareScreenUIModule = /*#__PURE__*/function (_
       });
     }
 
-    /**
-     * 共享时，视频窗顶部的控制按钮组
-     * @param secondaryWindowProprs
-     * @returns
+    /**
+     * 共享时，视频窗顶部的控制按钮组
+     * @param secondaryWindowProprs
+     * @returns
      */
   }, {
     key: "getControlComponent",
@@ -91,9 +91,9 @@ var ShareScreenUIModule = exports.ShareScreenUIModule = /*#__PURE__*/function (_
       });
     }
 
-    /**
-     * 共享选择组件
-     * @returns
+    /**
+     * 共享选择组件
+     * @returns
      */
   }, {
     key: "getSelectionComponent",

package/lib/modules/share-screen/store.base.js

@@ -152,8 +152,8 @@ var ShareScreenStoreBase = exports["default"] = /*#__PURE__*/function () {
     _classPrivateFieldInitSpec(this, _C, _init_applicationList(this, []));
     _classPrivateFieldInitSpec(this, _D, _init_selectedShareItem(this, null));
     _classPrivateFieldInitSpec(this, _E, _init_isWhiteboardSelected(this, false));
-    /**
-     * 是否共享音频，选择窗口中的共享音频状态与当前共享状态可能不一致
+    /**
+     * 是否共享音频，选择窗口中的共享音频状态与当前共享状态可能不一致
      */
     _classPrivateFieldInitSpec(this, _F, _init_isSharingWithAudio(this, false));
     _classPrivateFieldInitSpec(this, _G, _init_isSharingInSmoothMode(this, false));

package/lib/modules/share-screen/store.electron.js

@@ -135,7 +135,6 @@ var ElectronShareScreenStore = exports["default"] = /*#__PURE__*/function (_Shar
                   (0, _mobx.runInAction)(function () {
                     _this2.selectedShareItem = null;
                     _this2.screenShareProvider.setSelectionBounds(null);
-                    _this2.screenShareProvider.setSelectionIdAndType(null);
                   });
                 }
               }
@@ -177,10 +176,6 @@ var ElectronShareScreenStore = exports["default"] = /*#__PURE__*/function (_Shar
       var isDisplay = selected.type === _type.FcrUIShareType.DISPLAY;
       if (isWindow || isDisplay) {
         this.screenShareProvider.setSelectionBounds(selected.bounds);
-        this.screenShareProvider.setSelectionIdAndType({
-          id: selected.id,
-          type: isWindow ? _type3.FcrScreenCaptureType.WINDOW : _type3.FcrScreenCaptureType.SCREEN
-        });
       }
     }
   }, {
@@ -321,10 +316,6 @@ var ElectronShareScreenStore = exports["default"] = /*#__PURE__*/function (_Shar
               } else {
                 _displayList$ = displayList[0], bounds = _displayList$.bounds, id = _displayList$.id;
                 this.screenShareProvider.setSelectionBounds(bounds);
-                this.screenShareProvider.setSelectionIdAndType({
-                  id: id,
-                  type: _type3.FcrScreenCaptureType.SCREEN
-                });
                 this.screenShareProvider.startShare({
                   videoSourceId: id,
                   captureType: _type3.FcrScreenCaptureType.SCREEN
@@ -345,21 +336,22 @@ var ElectronShareScreenStore = exports["default"] = /*#__PURE__*/function (_Shar
     key: "_handleDisplayCountUpdated",
     value: function () {
       var _handleDisplayCountUpdated2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee4(event) {
-        var eventAction, _this$selectedShareIt, type, id, windowList, sharingTarget;
+        var eventAction, _this$selectedShareIt, type, id, sharingTargetBounds, displayList, display, windowList, window, selectionBounds, _t;
         return _regenerator["default"].wrap(function (_context4) {
           while (1) switch (_context4.prev = _context4.next) {
             case 0:
               eventAction = event.action;
-              if (!(eventAction === _constant.FcrUIRendererEventAction.SCREEN_DISPLAY_REMOVED
+              if (!(eventAction === _constant.FcrUIRendererEventAction.SCREEN_DISPLAY_REMOVED || eventAction === _constant.FcrUIRendererEventAction.SCREEN_DISPLAY_ADDED
+
               // ||
               // eventAction === FcrUIRendererEventAction.SCREEN_DISPLAY_METRICS_CHANGED
               )) {
-                _context4.next = 4;
+                _context4.next = 11;
                 break;
               }
               this.logger.info("action: ".concat(eventAction));
               if (!this.screenShareProvider.isLocalUserScreenSharing) {
-                _context4.next = 4;
+                _context4.next = 11;
                 break;
               }
               if (this.selectedShareItem) {
@@ -370,30 +362,66 @@ var ElectronShareScreenStore = exports["default"] = /*#__PURE__*/function (_Shar
               return _context4.abrupt("return");
             case 1:
               _this$selectedShareIt = this.selectedShareItem, type = _this$selectedShareIt.type, id = _this$selectedShareIt.id;
-              if (!(type === _type.FcrUIShareType.WINDOW)) {
-                _context4.next = 4;
+              if (!(type === _type.FcrUIShareType.DISPLAY)) {
+                _context4.next = 5;
                 break;
               }
               _context4.next = 2;
-              return this.screenShareProvider.getWindowList();
+              return this.screenShareProvider.getDisplayList();
             case 2:
-              windowList = _context4.sent;
-              sharingTarget = windowList.find(function (item) {
+              displayList = _context4.sent;
+              display = displayList.find(function (item) {
                 return item.id === id;
               });
-              if (sharingTarget) {
+              if (!display) {
                 _context4.next = 3;
                 break;
               }
-              this.logger.warn('sharing target is missing when display changed');
-              return _context4.abrupt("return");
+              sharingTargetBounds = display.bounds;
+              _context4.next = 4;
+              break;
             case 3:
-              this.screenShareProvider.changeSelectionBounds(sharingTarget.bounds, _struct.FcrUISelectionBoundsChangeReason.DISPLAY_CHANGE);
+              this.logger.warn("can not find display info for shared screen id: ".concat(id));
+              return _context4.abrupt("return");
             case 4:
+              _context4.next = 10;
+              break;
+            case 5:
+              _context4.next = 6;
+              return this.screenShareProvider.getWindowList();
+            case 6:
+              windowList = _context4.sent;
+              window = windowList.find(function (item) {
+                return item.id === id;
+              });
+              if (!window) {
+                _context4.next = 7;
+                break;
+              }
+              sharingTargetBounds = window.bounds;
+              _context4.next = 10;
+              break;
+            case 7:
+              this.logger.warn("can not find window info for shared window id: ".concat(id));
+
+              // 共享的窗口被隐藏时，尝试使用 selectionBounds 作为位置依据
+              _context4.prev = 8;
+              selectionBounds = this.screenShareProvider.selectionBounds;
+              sharingTargetBounds = this._renderer.getDisplayMatching(selectionBounds).bounds;
+              _context4.next = 10;
+              break;
+            case 9:
+              _context4.prev = 9;
+              _t = _context4["catch"](8);
+              this.logger.warn("get selection bounds error, can not set video window position: ".concat(_t));
+              return _context4.abrupt("return");
+            case 10:
+              this.screenShareProvider.changeSelectionBounds(sharingTargetBounds, _struct.FcrUISelectionBoundsChangeReason.DISPLAY_CHANGE);
+            case 11:
             case "end":
               return _context4.stop();
           }
-        }, _callee4, this);
+        }, _callee4, this, [[8, 9]]);
       }));
       function _handleDisplayCountUpdated(_x) {
         return _handleDisplayCountUpdated2.apply(this, arguments);

package/lib/modules/state-bar/assets/fcr_grid_big.svg

@@ -1,3 +1,3 @@
-<svg width="68" height="38" viewBox="0 0 68 38" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path id="fcr_grid_big" fillRule="evenodd" clipRule="evenodd" d="M2.72 0C1.21779 0 0 1.21523 0 2.71429V9.21213C0 9.84809 0.516635 10.3636 1.15394 10.3636H14.2797C14.917 10.3636 15.4336 9.84809 15.4336 9.21213V1.15152C15.4336 0.515551 14.917 0 14.2797 0H2.72ZM18.7373 0C18.1 0 17.5833 0.51555 17.5833 1.15152V9.21213C17.5833 9.84809 18.1 10.3636 18.7373 10.3636H31.863C32.5003 10.3636 33.0169 9.84809 33.0169 9.21213V1.15152C33.0169 0.515551 32.5003 0 31.863 0H18.7373ZM52.5664 1.15152C52.5664 0.51555 53.083 0 53.7203 0H65.28C66.7822 0 68 1.21523 68 2.71429V9.21213C68 9.84809 67.4834 10.3636 66.8461 10.3636H53.7203C53.083 10.3636 52.5664 9.84809 52.5664 9.21213V1.15152ZM36.2291 0C35.5918 0 35.0752 0.51555 35.0752 1.15152V9.21213C35.0752 9.84809 35.5918 10.3636 36.2291 10.3636H49.3549C49.9922 10.3636 50.5088 9.84809 50.5088 9.21213V1.15152C50.5088 0.515551 49.9922 0 49.3549 0H36.2291ZM17.5833 27.6364C17.5833 27.0004 18.1 26.4848 18.7373 26.4848H31.863C32.5003 26.4848 33.0169 27.0004 33.0169 27.6364V36.8485C33.0169 37.4845 32.5003 38 31.863 38H18.7373C18.1 38 17.5833 37.4845 17.5833 36.8485V27.6364ZM1.15394 26.4848C0.516636 26.4848 0 27.0004 0 27.6364V35.2857C0 36.7848 1.21778 38 2.72 38H14.2797C14.917 38 15.4336 37.4845 15.4336 36.8485V27.6364C15.4336 27.0004 14.917 26.4848 14.2797 26.4848H1.15394ZM52.5664 27.6364C52.5664 27.0004 53.083 26.4848 53.7203 26.4848H66.8461C67.4834 26.4848 68 27.0004 68 27.6364V35.2857C68 36.7848 66.7822 38 65.28 38H53.7203C53.083 38 52.5664 37.4845 52.5664 36.8485V27.6364ZM36.2291 26.4848C35.5918 26.4848 35.0752 27.0004 35.0752 27.6364V36.8485C35.0752 37.4845 35.5918 38 36.2291 38H49.3549C49.9922 38 50.5088 37.4845 50.5088 36.8485V27.6364C50.5088 27.0004 49.9922 26.4848 49.3549 26.4848H36.2291ZM17.5833 13.8184C17.5833 13.1824 18.1 12.6669 18.7373 12.6669H31.863C32.5003 12.6669 33.0169 13.1824 33.0169 13.8184V23.0305C33.0169 23.6665 32.5003 24.1821 31.863 24.1821H18.7373C18.1 24.1821 17.5833 23.6665 17.5833 23.0305V13.8184ZM1.15394 12.6669C0.516636 12.6669 0 13.1824 0 13.8184V23.0305C0 23.6665 0.516635 24.1821 1.15394 24.1821H14.2797C14.917 24.1821 15.4336 23.6665 15.4336 23.0305V13.8184C15.4336 13.1824 14.917 12.6669 14.2797 12.6669H1.15394ZM52.5664 13.8184C52.5664 13.1824 53.083 12.6669 53.7203 12.6669H66.8461C67.4834 12.6669 68 13.1824 68 13.8184V23.0305C68 23.6665 67.4834 24.1821 66.8461 24.1821H53.7203C53.083 24.1821 52.5664 23.6665 52.5664 23.0305V13.8184ZM36.2291 12.6669C35.5918 12.6669 35.0752 13.1824 35.0752 13.8184V23.0305C35.0752 23.6665 35.5918 24.1821 36.2291 24.1821H49.3549C49.9922 24.1821 50.5088 23.6665 50.5088 23.0305V13.8184C50.5088 13.1824 49.9922 12.6669 49.3549 12.6669H36.2291Z" fill="#E5EAF3" fillOpacity="0.9"/>
-</svg>
+<svg width="68" height="38" viewBox="0 0 68 38" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path id="fcr_grid_big" fillRule="evenodd" clipRule="evenodd" d="M2.72 0C1.21779 0 0 1.21523 0 2.71429V9.21213C0 9.84809 0.516635 10.3636 1.15394 10.3636H14.2797C14.917 10.3636 15.4336 9.84809 15.4336 9.21213V1.15152C15.4336 0.515551 14.917 0 14.2797 0H2.72ZM18.7373 0C18.1 0 17.5833 0.51555 17.5833 1.15152V9.21213C17.5833 9.84809 18.1 10.3636 18.7373 10.3636H31.863C32.5003 10.3636 33.0169 9.84809 33.0169 9.21213V1.15152C33.0169 0.515551 32.5003 0 31.863 0H18.7373ZM52.5664 1.15152C52.5664 0.51555 53.083 0 53.7203 0H65.28C66.7822 0 68 1.21523 68 2.71429V9.21213C68 9.84809 67.4834 10.3636 66.8461 10.3636H53.7203C53.083 10.3636 52.5664 9.84809 52.5664 9.21213V1.15152ZM36.2291 0C35.5918 0 35.0752 0.51555 35.0752 1.15152V9.21213C35.0752 9.84809 35.5918 10.3636 36.2291 10.3636H49.3549C49.9922 10.3636 50.5088 9.84809 50.5088 9.21213V1.15152C50.5088 0.515551 49.9922 0 49.3549 0H36.2291ZM17.5833 27.6364C17.5833 27.0004 18.1 26.4848 18.7373 26.4848H31.863C32.5003 26.4848 33.0169 27.0004 33.0169 27.6364V36.8485C33.0169 37.4845 32.5003 38 31.863 38H18.7373C18.1 38 17.5833 37.4845 17.5833 36.8485V27.6364ZM1.15394 26.4848C0.516636 26.4848 0 27.0004 0 27.6364V35.2857C0 36.7848 1.21778 38 2.72 38H14.2797C14.917 38 15.4336 37.4845 15.4336 36.8485V27.6364C15.4336 27.0004 14.917 26.4848 14.2797 26.4848H1.15394ZM52.5664 27.6364C52.5664 27.0004 53.083 26.4848 53.7203 26.4848H66.8461C67.4834 26.4848 68 27.0004 68 27.6364V35.2857C68 36.7848 66.7822 38 65.28 38H53.7203C53.083 38 52.5664 37.4845 52.5664 36.8485V27.6364ZM36.2291 26.4848C35.5918 26.4848 35.0752 27.0004 35.0752 27.6364V36.8485C35.0752 37.4845 35.5918 38 36.2291 38H49.3549C49.9922 38 50.5088 37.4845 50.5088 36.8485V27.6364C50.5088 27.0004 49.9922 26.4848 49.3549 26.4848H36.2291ZM17.5833 13.8184C17.5833 13.1824 18.1 12.6669 18.7373 12.6669H31.863C32.5003 12.6669 33.0169 13.1824 33.0169 13.8184V23.0305C33.0169 23.6665 32.5003 24.1821 31.863 24.1821H18.7373C18.1 24.1821 17.5833 23.6665 17.5833 23.0305V13.8184ZM1.15394 12.6669C0.516636 12.6669 0 13.1824 0 13.8184V23.0305C0 23.6665 0.516635 24.1821 1.15394 24.1821H14.2797C14.917 24.1821 15.4336 23.6665 15.4336 23.0305V13.8184C15.4336 13.1824 14.917 12.6669 14.2797 12.6669H1.15394ZM52.5664 13.8184C52.5664 13.1824 53.083 12.6669 53.7203 12.6669H66.8461C67.4834 12.6669 68 13.1824 68 13.8184V23.0305C68 23.6665 67.4834 24.1821 66.8461 24.1821H53.7203C53.083 24.1821 52.5664 23.6665 52.5664 23.0305V13.8184ZM36.2291 12.6669C35.5918 12.6669 35.0752 13.1824 35.0752 13.8184V23.0305C35.0752 23.6665 35.5918 24.1821 36.2291 24.1821H49.3549C49.9922 24.1821 50.5088 23.6665 50.5088 23.0305V13.8184C50.5088 13.1824 49.9922 12.6669 49.3549 12.6669H36.2291Z" fill="#E5EAF3" fillOpacity="0.9"/>
+</svg>