From e0f79657d2860842e3335eb8b63c6165863fa15d Mon Sep 17 00:00:00 2001
From: Guilherme Gazzo <guilhermegazzo@gmail.com>
Date: Tue, 28 Dec 2021 22:20:24 -0300
Subject: [PATCH] Chore: Bump fuselage 0.31.0 (#24046)

Co-authored-by: Tasso Evangelista <tasso.evangelista@rocket.chat>
---
 client/components/GenericModal.tsx            |   4 +-
 client/components/GenericTable/NoResults.tsx  |   4 +-
 client/components/Header/HeaderTagIcon.tsx    |   6 +-
 client/components/Message/Actions/Action.tsx  |   7 +-
 .../OmnichannelCoreSourceRoomIcon.tsx         |   2 +-
 client/lib/banners.ts                         |   4 +-
 client/views/InfoPanel/Action.tsx             |   8 +-
 client/views/InfoPanel/Title.tsx              |   6 +-
 client/views/banners/UiKitBanner.tsx          |   4 +-
 .../chats/contextualBar/SourceField.tsx       |   7 +-
 .../CannedResponse/TextEditor/IconButton.tsx  |   4 +-
 package-lock.json                             | 253 +++++++-----------
 package.json                                  |  26 +-
 13 files changed, 146 insertions(+), 189 deletions(-)

diff --git a/client/components/GenericModal.tsx b/client/components/GenericModal.tsx
index a37cf0dd683..1ae3eabd6d4 100644
--- a/client/components/GenericModal.tsx
+++ b/client/components/GenericModal.tsx
@@ -12,14 +12,14 @@ type GenericModalProps = RequiredModalProps & {
 	cancelText?: string;
 	confirmText?: string;
 	title?: string | ReactElement;
-	icon?: string | ReactElement | null;
+	icon?: ComponentProps<typeof Icon>['name'] | ReactElement | null;
 	confirmDisabled?: boolean;
 	onCancel?: () => void;
 	onClose: () => void;
 	onConfirm: () => void;
 };
 
-const iconMap = {
+const iconMap: Record<string, ComponentProps<typeof Icon>['name']> = {
 	danger: 'modal-warning',
 	warning: 'modal-warning',
 	info: 'info',
diff --git a/client/components/GenericTable/NoResults.tsx b/client/components/GenericTable/NoResults.tsx
index fc58ffe1a29..ad596db61c6 100644
--- a/client/components/GenericTable/NoResults.tsx
+++ b/client/components/GenericTable/NoResults.tsx
@@ -1,8 +1,8 @@
 import { Box, Tile, Button, Icon } from '@rocket.chat/fuselage';
-import React, { FC } from 'react';
+import React, { ComponentProps, FC } from 'react';
 
 type NoResultsProps = {
-	icon: string;
+	icon: ComponentProps<typeof Icon>['name'];
 	title: string;
 	description: string;
 	buttonTitle?: string;
diff --git a/client/components/Header/HeaderTagIcon.tsx b/client/components/Header/HeaderTagIcon.tsx
index 8e006985b63..00609b23dfe 100644
--- a/client/components/Header/HeaderTagIcon.tsx
+++ b/client/components/Header/HeaderTagIcon.tsx
@@ -1,8 +1,10 @@
 import { Box, Icon } from '@rocket.chat/fuselage';
 import colors from '@rocket.chat/fuselage-tokens/colors';
-import React, { FC, isValidElement, ReactElement } from 'react';
+import React, { ComponentProps, FC, isValidElement, ReactElement } from 'react';
 
-type HeaderIconProps = { icon: ReactElement | { name: string; color?: string } | null };
+type HeaderIconProps = {
+	icon: ReactElement | Pick<ComponentProps<typeof Icon>, 'name' | 'color'> | null;
+};
 
 const HeaderTagIcon: FC<HeaderIconProps> = ({ icon }) =>
 	icon ? (
diff --git a/client/components/Message/Actions/Action.tsx b/client/components/Message/Actions/Action.tsx
index f983d5df3d4..57bf9489a31 100644
--- a/client/components/Message/Actions/Action.tsx
+++ b/client/components/Message/Actions/Action.tsx
@@ -15,14 +15,15 @@ type ActionOptions = {
 	danger?: boolean;
 };
 
-const resolveLegacyIcon = (legacyIcon: IconProps['name']): IconProps['name'] => {
+const resolveLegacyIcon = (
+	legacyIcon: IconProps['name'] | `icon-${IconProps['name'] | 'videocam'}`,
+): IconProps['name'] => {
 	if (legacyIcon === 'icon-videocam') {
 		return 'video';
 	}
 
-	return legacyIcon?.replace(/^icon-/, '');
+	return legacyIcon?.replace(/^icon-/, '') as IconProps['name'];
 };
-
 const Action: FC<ActionOptions> = ({ id, icon, i18nLabel, label, mid, runAction, danger }) => {
 	const t = useTranslation();
 
diff --git a/client/components/RoomIcon/OmnichannelRoomIcon/OmnichannelCoreSourceRoomIcon.tsx b/client/components/RoomIcon/OmnichannelRoomIcon/OmnichannelCoreSourceRoomIcon.tsx
index 468f6d85ad6..12f99b5a894 100644
--- a/client/components/RoomIcon/OmnichannelRoomIcon/OmnichannelCoreSourceRoomIcon.tsx
+++ b/client/components/RoomIcon/OmnichannelRoomIcon/OmnichannelCoreSourceRoomIcon.tsx
@@ -17,7 +17,7 @@ const iconMap = {
 	app: 'headset',
 	api: 'headset',
 	other: 'headset',
-};
+} as const;
 
 export const OmnichannelCoreSourceRoomIcon = ({
 	room,
diff --git a/client/lib/banners.ts b/client/lib/banners.ts
index 06e29891702..dff0a7f8612 100644
--- a/client/lib/banners.ts
+++ b/client/lib/banners.ts
@@ -1,4 +1,6 @@
 import { Emitter } from '@rocket.chat/emitter';
+import { Icon } from '@rocket.chat/fuselage';
+import { ComponentProps } from 'react';
 import { Subscription } from 'use-subscription';
 
 import { UiKitBannerPayload } from '../../definition/UIKit';
@@ -9,7 +11,7 @@ export type LegacyBannerPayload = {
 	title?: string;
 	text?: string;
 	html?: string;
-	icon?: string;
+	icon?: ComponentProps<typeof Icon>['name'];
 	modifiers?: ('large' | 'danger')[];
 	timer?: number;
 	action?: () => void;
diff --git a/client/views/InfoPanel/Action.tsx b/client/views/InfoPanel/Action.tsx
index 8dec038f828..ec556157b37 100644
--- a/client/views/InfoPanel/Action.tsx
+++ b/client/views/InfoPanel/Action.tsx
@@ -1,11 +1,9 @@
 import { Icon, Button } from '@rocket.chat/fuselage';
 import React, { ComponentProps, FC } from 'react';
 
-const Action: FC<ComponentProps<typeof Button> & { icon: string; label: string }> = ({
-	label,
-	icon,
-	...props
-}) => (
+const Action: FC<
+	ComponentProps<typeof Button> & { icon: ComponentProps<typeof Icon>['name']; label: string }
+> = ({ label, icon, ...props }) => (
 	<Button title={label} aria-label={label} {...props} mi='x4'>
 		<Icon name={icon} size='x20' mie='x4' />
 		{label}
diff --git a/client/views/InfoPanel/Title.tsx b/client/views/InfoPanel/Title.tsx
index 67fb15f44fa..e98b694b14e 100644
--- a/client/views/InfoPanel/Title.tsx
+++ b/client/views/InfoPanel/Title.tsx
@@ -1,9 +1,9 @@
 import { Box, Icon } from '@rocket.chat/fuselage';
-import React, { FC, ReactNode } from 'react';
+import React, { ComponentProps, FC, ReactNode } from 'react';
 
 type TitleProps = {
 	title: string;
-	icon: string | ReactNode;
+	icon: ComponentProps<typeof Icon>['name'] | Exclude<ReactNode, string | {}>;
 };
 
 const Title: FC<TitleProps> = ({ title, icon }) => (
@@ -16,7 +16,7 @@ const Title: FC<TitleProps> = ({ title, icon }) => (
 		color='default'
 		withTruncatedText
 	>
-		{typeof icon === 'string' ? <Icon name={icon} size='x22' /> : icon}
+		{typeof icon === 'string' ? icon && <Icon name={icon} size='x22' /> : icon}
 		<Box mis='x8' flexGrow={1} withTruncatedText>
 			{title}
 		</Box>
diff --git a/client/views/banners/UiKitBanner.tsx b/client/views/banners/UiKitBanner.tsx
index 583d5e41609..5c4bdb59c65 100644
--- a/client/views/banners/UiKitBanner.tsx
+++ b/client/views/banners/UiKitBanner.tsx
@@ -6,7 +6,7 @@ import {
 	bannerParser,
 	UiKitBanner as renderUiKitBannerBlocks,
 } from '@rocket.chat/fuselage-ui-kit';
-import React, { Context, FC, useMemo, ReactNode } from 'react';
+import React, { Context, FC, useMemo, ReactNode, ComponentProps } from 'react';
 
 import { UiKitBannerProps, UiKitBannerPayload } from '../../../definition/UIKit';
 import { useUIKitHandleAction } from '../../UIKit/hooks/useUIKitHandleAction';
@@ -27,7 +27,7 @@ const UiKitBanner: FC<UiKitBannerProps> = ({ payload }) => {
 
 	const icon = useMemo(() => {
 		if (state.icon) {
-			return <Icon name={state.icon} size={20} />;
+			return <Icon name={state.icon as ComponentProps<typeof Icon>['name']} size={20} />;
 		}
 
 		return null;
diff --git a/client/views/omnichannel/directory/chats/contextualBar/SourceField.tsx b/client/views/omnichannel/directory/chats/contextualBar/SourceField.tsx
index 0bf5b147951..26d11aec135 100644
--- a/client/views/omnichannel/directory/chats/contextualBar/SourceField.tsx
+++ b/client/views/omnichannel/directory/chats/contextualBar/SourceField.tsx
@@ -1,5 +1,5 @@
 import { Icon, Box } from '@rocket.chat/fuselage';
-import React, { FC } from 'react';
+import React, { ComponentProps, FC } from 'react';
 
 import { IOmnichannelRoom } from '../../../../../../definition/IRoom';
 import { useTranslation } from '../../../../../contexts/TranslationContext';
@@ -51,7 +51,10 @@ const SourceField: FC<SourceFieldProps> = ({ room }) => {
 		other: t('External'),
 	};
 
-	const sourceIcon = useRoomIcon(room) as { name: string; color?: string | undefined };
+	const sourceIcon = useRoomIcon(room) as {
+		name: ComponentProps<typeof Icon>['name'];
+		color?: string | undefined;
+	};
 
 	const sourceName = sourceIcon?.name || '';
 
diff --git a/ee/client/omnichannel/components/CannedResponse/TextEditor/IconButton.tsx b/ee/client/omnichannel/components/CannedResponse/TextEditor/IconButton.tsx
index b26a3f00fc8..046e2eebed4 100644
--- a/ee/client/omnichannel/components/CannedResponse/TextEditor/IconButton.tsx
+++ b/ee/client/omnichannel/components/CannedResponse/TextEditor/IconButton.tsx
@@ -1,8 +1,8 @@
 import { Button, Icon } from '@rocket.chat/fuselage';
-import React, { FC, memo } from 'react';
+import React, { ComponentProps, FC, memo } from 'react';
 
 type IconButtonProps = {
-	name: string;
+	name: ComponentProps<typeof Icon>['name'];
 	action: () => void;
 };
 
diff --git a/package-lock.json b/package-lock.json
index b96a888005e..4c7d736ac87 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -5337,26 +5337,49 @@
       }
     },
     "@rocket.chat/css-in-js": {
-      "version": "0.30.1",
-      "resolved": "https://registry.npmjs.org/@rocket.chat/css-in-js/-/css-in-js-0.30.1.tgz",
-      "integrity": "sha512-CrMZioM1c8UAniCjDocjoFfapnJJDlapYraWoUZ9Q9wt5i6N3cY5m0nBUX2qGelz+fcPXdenVBnkmBo7yo80ag==",
+      "version": "0.31.0",
+      "resolved": "https://registry.npmjs.org/@rocket.chat/css-in-js/-/css-in-js-0.31.0.tgz",
+      "integrity": "sha512-sE9aoRrClXsMhXwMrjWyLgkH3piqe3xYJunxjD/8JcFGFFxSTCTcgQhaC9X+4Wk6NHDCcH+uP6jA4N438gYyxw==",
       "requires": {
         "@emotion/hash": "^0.8.0",
-        "@rocket.chat/css-supports": "^0.30.0",
-        "@rocket.chat/memo": "^0.30.0",
-        "@rocket.chat/stylis-logical-props-middleware": "^0.30.0",
+        "@rocket.chat/css-supports": "^0.31.0",
+        "@rocket.chat/memo": "^0.31.0",
+        "@rocket.chat/stylis-logical-props-middleware": "^0.31.0",
         "stylis": "^4.0.10"
+      },
+      "dependencies": {
+        "@rocket.chat/memo": {
+          "version": "0.31.0",
+          "resolved": "https://registry.npmjs.org/@rocket.chat/memo/-/memo-0.31.0.tgz",
+          "integrity": "sha512-1zYkueN/x6juDXBwZFmgfanNMgn27LLe7seUdVQAYtjx+bEk7A6nUM45LdzALNtyrf1iy9Ned1WW1NYPTDQYKw==",
+          "requires": {
+            "tslib": "^2.3.1"
+          }
+        },
+        "tslib": {
+          "version": "2.3.1",
+          "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.1.tgz",
+          "integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw=="
+        }
       }
     },
     "@rocket.chat/css-supports": {
-      "version": "0.30.1",
-      "resolved": "https://registry.npmjs.org/@rocket.chat/css-supports/-/css-supports-0.30.1.tgz",
-      "integrity": "sha512-Vu+BBoS4qPIOI17Tva1DhvA/ZB1+PThQFl6aA5Sm/FMC588dAIpA5MzGi9qcKG4tZvdua4T7YLJ5FvP3YUYGOQ==",
+      "version": "0.31.0",
+      "resolved": "https://registry.npmjs.org/@rocket.chat/css-supports/-/css-supports-0.31.0.tgz",
+      "integrity": "sha512-++HuLIPJoDsMYxdyFbB2d2SHdDBVBdJRKL+6vyfjteuR89tdhfN9qlfonzw3zArQzwT4NbE2tGID6ccsJhGF5g==",
       "requires": {
-        "@rocket.chat/memo": "^0.30.0",
+        "@rocket.chat/memo": "^0.31.0",
         "tslib": "^2.3.1"
       },
       "dependencies": {
+        "@rocket.chat/memo": {
+          "version": "0.31.0",
+          "resolved": "https://registry.npmjs.org/@rocket.chat/memo/-/memo-0.31.0.tgz",
+          "integrity": "sha512-1zYkueN/x6juDXBwZFmgfanNMgn27LLe7seUdVQAYtjx+bEk7A6nUM45LdzALNtyrf1iy9Ned1WW1NYPTDQYKw==",
+          "requires": {
+            "tslib": "^2.3.1"
+          }
+        },
         "tslib": {
           "version": "2.3.1",
           "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.1.tgz",
@@ -5365,9 +5388,9 @@
       }
     },
     "@rocket.chat/emitter": {
-      "version": "0.30.1",
-      "resolved": "https://registry.npmjs.org/@rocket.chat/emitter/-/emitter-0.30.1.tgz",
-      "integrity": "sha512-BH1wMBo5AZwgWXIRm4k2M5rz9W7uDR+2xbfo/HP2bIjyTTq9mlU/20w0JBXAR7PaMf8gWgyfAWWGPi4ZBHA+ag=="
+      "version": "0.31.0",
+      "resolved": "https://registry.npmjs.org/@rocket.chat/emitter/-/emitter-0.31.0.tgz",
+      "integrity": "sha512-mVe5yCZDIbuAeGVuuu2neQNJnUCKMXnv3goCi/hJCDkbDhaxnfsKBwEct26Oo+x8tyrL4v1axAlUN9Xy4y6oSQ=="
     },
     "@rocket.chat/eslint-config": {
       "version": "0.4.0",
@@ -5379,56 +5402,31 @@
       }
     },
     "@rocket.chat/fuselage": {
-      "version": "0.6.3-dev.382",
-      "resolved": "https://registry.npmjs.org/@rocket.chat/fuselage/-/fuselage-0.6.3-dev.382.tgz",
-      "integrity": "sha512-sDj13tFORFLT0jshBcGU36PiriATD7Q55jhzQyO03QwmJm0pKtvBqpiahVDGv9Pj0sXy8ihpkaDD+zi6tFtx+A==",
-      "requires": {
-        "@rocket.chat/css-in-js": "^0.6.3-dev.382+c423d959",
-        "@rocket.chat/css-supports": "^0.6.3-dev.382+c423d959",
-        "@rocket.chat/fuselage-tokens": "^0.6.3-dev.382+c423d959",
-        "@rocket.chat/memo": "^0.6.3-dev.382+c423d959",
+      "version": "0.31.0",
+      "resolved": "https://registry.npmjs.org/@rocket.chat/fuselage/-/fuselage-0.31.0.tgz",
+      "integrity": "sha512-pyOb5zTRSscwYY+74SklJ1lhEQpcA7HMy7Lci1HcEyr3t3JxGMyaKBklaWnzh68dq8XjVUCApPAmCX7I9Y3GUQ==",
+      "requires": {
+        "@rocket.chat/css-in-js": "^0.31.0",
+        "@rocket.chat/css-supports": "^0.31.0",
+        "@rocket.chat/fuselage-tokens": "^0.31.0",
+        "@rocket.chat/memo": "^0.31.0",
         "invariant": "^2.2.4",
         "react-keyed-flatten-children": "^1.3.0"
       },
       "dependencies": {
-        "@rocket.chat/css-in-js": {
-          "version": "0.6.3-dev.382",
-          "resolved": "https://registry.npmjs.org/@rocket.chat/css-in-js/-/css-in-js-0.6.3-dev.382.tgz",
-          "integrity": "sha512-tprEbqk0VdxUAnve8Vv4fVdttyA580a61hYQfvlKBTuy1OZAcJ/8mQwac9yL7RJPoWRoICgGAYhcx19RptVf/g==",
-          "requires": {
-            "@emotion/hash": "^0.8.0",
-            "@rocket.chat/css-supports": "^0.6.3-dev.382+c423d959",
-            "@rocket.chat/memo": "^0.6.3-dev.382+c423d959",
-            "@rocket.chat/stylis-logical-props-middleware": "^0.6.3-dev.382+c423d959",
-            "stylis": "^4.0.10"
-          }
-        },
-        "@rocket.chat/css-supports": {
-          "version": "0.6.3-dev.382",
-          "resolved": "https://registry.npmjs.org/@rocket.chat/css-supports/-/css-supports-0.6.3-dev.382.tgz",
-          "integrity": "sha512-2JQ+MGqckaaEhJW9+NSXK7iVbV21HPvLwgU73G534ftCUuRtArchbWjrsaxVMX1L49ssvbr6h0k5pth1Zh6xdA==",
-          "requires": {
-            "@rocket.chat/memo": "^0.6.3-dev.382+c423d959",
-            "tslib": "^2.3.1"
-          }
+        "@rocket.chat/fuselage-tokens": {
+          "version": "0.31.0",
+          "resolved": "https://registry.npmjs.org/@rocket.chat/fuselage-tokens/-/fuselage-tokens-0.31.0.tgz",
+          "integrity": "sha512-ZUAvWUTVCcqSMH0L4I7dzsOokvKaAxefS5e826PicRNOx7+yYQVUA1U9zfpEADurvqleX88JszEYgdPsPX56+Q=="
         },
         "@rocket.chat/memo": {
-          "version": "0.6.3-dev.382",
-          "resolved": "https://registry.npmjs.org/@rocket.chat/memo/-/memo-0.6.3-dev.382.tgz",
-          "integrity": "sha512-PfJzPqZtPs81L1VFp8aZG+OGorccerfzIo2K4m/e9cqTrn2r28+hs3fMzjYPIvTLbVCmOAX/rHR/4mHiQ70HFw==",
+          "version": "0.31.0",
+          "resolved": "https://registry.npmjs.org/@rocket.chat/memo/-/memo-0.31.0.tgz",
+          "integrity": "sha512-1zYkueN/x6juDXBwZFmgfanNMgn27LLe7seUdVQAYtjx+bEk7A6nUM45LdzALNtyrf1iy9Ned1WW1NYPTDQYKw==",
           "requires": {
             "tslib": "^2.3.1"
           }
         },
-        "@rocket.chat/stylis-logical-props-middleware": {
-          "version": "0.6.3-dev.382",
-          "resolved": "https://registry.npmjs.org/@rocket.chat/stylis-logical-props-middleware/-/stylis-logical-props-middleware-0.6.3-dev.382.tgz",
-          "integrity": "sha512-RV6WwgpMUK8KoUSV/UDutWOa4f7qgiPAPDXqMbX6wVb0mSERK3W8NckhJDDMRGi2h0voWm5pqZOLlwEep3rnZQ==",
-          "requires": {
-            "@rocket.chat/css-supports": "^0.6.3-dev.382+c423d959",
-            "tslib": "^2.3.1"
-          }
-        },
         "tslib": {
           "version": "2.3.1",
           "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.1.tgz",
@@ -5437,14 +5435,14 @@
       }
     },
     "@rocket.chat/fuselage-hooks": {
-      "version": "0.6.3-dev.382",
-      "resolved": "https://registry.npmjs.org/@rocket.chat/fuselage-hooks/-/fuselage-hooks-0.6.3-dev.382.tgz",
-      "integrity": "sha512-jJsMxBUxmW7btlywvWF9k65OAvrA3x8YHwTY+FvA+xrWofYrl+BvUMY4mNeD4wbZH1FsLyd4jEayur2MHqtd+A=="
+      "version": "0.31.0",
+      "resolved": "https://registry.npmjs.org/@rocket.chat/fuselage-hooks/-/fuselage-hooks-0.31.0.tgz",
+      "integrity": "sha512-bo9oOskDxMTVrm30OdCh0diFMQgOn6Yz0xo1+NhwHADVOew3NbBA1QgiLNOC8dGjcYo3TN2t/lDvf7rgjB9wbg=="
     },
     "@rocket.chat/fuselage-polyfills": {
-      "version": "0.30.1",
-      "resolved": "https://registry.npmjs.org/@rocket.chat/fuselage-polyfills/-/fuselage-polyfills-0.30.1.tgz",
-      "integrity": "sha512-NfEL4mFHsp+mC0txQ6d2DwS/HO3GmrlFScSxXGAPCCbfPkYCnkcRfGGZqztrwjiYhZjbPf318FjTDU4izp3Flw==",
+      "version": "0.31.0",
+      "resolved": "https://registry.npmjs.org/@rocket.chat/fuselage-polyfills/-/fuselage-polyfills-0.31.0.tgz",
+      "integrity": "sha512-7BWXFcFJST17jzxo7Pv+3jN10zbwv5x66cq6VsUosZCr2AQYLb1764ZtirzY93mnEPPxR0OtnH/788LnexRjqw==",
       "requires": {
         "@juggle/resize-observer": "^3.3.1",
         "clipboard-polyfill": "^3.0.3",
@@ -5455,27 +5453,22 @@
       }
     },
     "@rocket.chat/fuselage-tokens": {
-      "version": "0.6.3-dev.382",
-      "resolved": "https://registry.npmjs.org/@rocket.chat/fuselage-tokens/-/fuselage-tokens-0.6.3-dev.382.tgz",
-      "integrity": "sha512-c01Ar5lf/Funt+LArcxWkMHSrl1c/1+64IE/M93PoK+JDV+Hp3pGybzJvHeyoXK1PkQ1IE83yvwQpevk7N/9FA=="
+      "version": "0.31.0",
+      "resolved": "https://registry.npmjs.org/@rocket.chat/fuselage-tokens/-/fuselage-tokens-0.31.0.tgz",
+      "integrity": "sha512-ZUAvWUTVCcqSMH0L4I7dzsOokvKaAxefS5e826PicRNOx7+yYQVUA1U9zfpEADurvqleX88JszEYgdPsPX56+Q=="
     },
     "@rocket.chat/fuselage-ui-kit": {
-      "version": "0.6.3-dev.382",
-      "resolved": "https://registry.npmjs.org/@rocket.chat/fuselage-ui-kit/-/fuselage-ui-kit-0.6.3-dev.382.tgz",
-      "integrity": "sha512-X505lnZSjaHkn2HUF/Bzsqp9ABub/L/m+sp+Dniu3oocVY722uu8bBW8BAl3vN4XsxxMBb5jDL8Co+xodO66BA==",
-      "requires": {
-        "@rocket.chat/fuselage": "^0.6.3-dev.382+c423d959",
-        "@rocket.chat/fuselage-hooks": "^0.6.3-dev.382+c423d959",
-        "@rocket.chat/styled": "^0.6.3-dev.382+c423d959",
-        "@rocket.chat/ui-kit": "^0.6.3-dev.382+c423d959",
+      "version": "0.31.0",
+      "resolved": "https://registry.npmjs.org/@rocket.chat/fuselage-ui-kit/-/fuselage-ui-kit-0.31.0.tgz",
+      "integrity": "sha512-HB3dkV11ZlZ/C42LTv3QsQ+aslXjMChYRL+g1et0EYeWaBp5IvQyGwHG38Dl/AaH41GmkzUYQnoZ3Ii21plphA==",
+      "requires": {
+        "@rocket.chat/fuselage": "^0.31.0",
+        "@rocket.chat/fuselage-hooks": "^0.31.0",
+        "@rocket.chat/styled": "^0.31.0",
+        "@rocket.chat/ui-kit": "^0.31.0",
         "tslib": "^2.3.1"
       },
       "dependencies": {
-        "@rocket.chat/ui-kit": {
-          "version": "0.6.3-dev.382",
-          "resolved": "https://registry.npmjs.org/@rocket.chat/ui-kit/-/ui-kit-0.6.3-dev.382.tgz",
-          "integrity": "sha512-u5E3WCGbnTXckG3K2+qasq9BF6bQHsVQlmcDyymMFIAl8pRu9N50rFLyyidnI0r7DepRzeNecIOnDMxqBbvU9Q=="
-        },
         "tslib": {
           "version": "2.3.1",
           "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.1.tgz",
@@ -5484,9 +5477,9 @@
       }
     },
     "@rocket.chat/icons": {
-      "version": "0.30.1",
-      "resolved": "https://registry.npmjs.org/@rocket.chat/icons/-/icons-0.30.1.tgz",
-      "integrity": "sha512-XZi0UitfOnzQOUnk0flqyhqWtRqpoPToZzBvhzIla1r+7bLH7dBxjHlbGjT1EOQ1Xso0hGrbZKLxGnRmakJx8g=="
+      "version": "0.31.0",
+      "resolved": "https://registry.npmjs.org/@rocket.chat/icons/-/icons-0.31.0.tgz",
+      "integrity": "sha512-F3rMdEzpJo/evxk6ettkInhFiuQa7F6+LM1yvhQrf3Gr+1ni54d2phuYPbi1VIYE+VFixN+F0Ed8Jptac1Iy1Q=="
     },
     "@rocket.chat/livechat": {
       "version": "1.11.0",
@@ -5542,19 +5535,15 @@
       }
     },
     "@rocket.chat/logo": {
-      "version": "0.30.1",
-      "resolved": "https://registry.npmjs.org/@rocket.chat/logo/-/logo-0.30.1.tgz",
-      "integrity": "sha512-gxAMj0PYEjuHmNIi4TL+r5q4nvQsrYq1iZM8e2QTd9u/KtuAbeSyldMfF/Tk7SyYhhnfTXSBDvuqIbGr8LfTzg==",
+      "version": "0.31.0",
+      "resolved": "https://registry.npmjs.org/@rocket.chat/logo/-/logo-0.31.0.tgz",
+      "integrity": "sha512-JjKCQ1LY0zy7pQ8xtjaK/3x12jcq6nbX71FmWuGWAM9OSZCBlZfBMMIA9RyK1a29aufx6Z4nsvRy9Q0QpI3RMQ==",
       "requires": {
-        "@rocket.chat/fuselage-hooks": "^0.30.0",
+        "@rocket.chat/fuselage-hooks": "^0.31.0",
+        "@rocket.chat/styled": "^0.31.0",
         "tslib": "^2.3.1"
       },
       "dependencies": {
-        "@rocket.chat/fuselage-hooks": {
-          "version": "0.30.1",
-          "resolved": "https://registry.npmjs.org/@rocket.chat/fuselage-hooks/-/fuselage-hooks-0.30.1.tgz",
-          "integrity": "sha512-9mfe8yx9MjgjYGDKctHqDkV5Byb5PuAXDter1sl37w/Y9gk8TB1tohU+bF88YthBYSLnqBaNWZMsO2zpKuTGiQ=="
-        },
         "tslib": {
           "version": "2.3.1",
           "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.1.tgz",
@@ -5563,11 +5552,11 @@
       }
     },
     "@rocket.chat/memo": {
-      "version": "0.30.1",
-      "resolved": "https://registry.npmjs.org/@rocket.chat/memo/-/memo-0.30.1.tgz",
-      "integrity": "sha512-xVg4F48kx4XazCi6arpRnwNYYxdtOg1YT2K8AC12iWhWex+mgMzUxCORBEmLzswGqXWZyySwlDeCNXKknyUhjQ==",
+      "version": "0.31.0",
+      "resolved": "https://registry.npmjs.org/@rocket.chat/memo/-/memo-0.31.0.tgz",
+      "integrity": "sha512-1zYkueN/x6juDXBwZFmgfanNMgn27LLe7seUdVQAYtjx+bEk7A6nUM45LdzALNtyrf1iy9Ned1WW1NYPTDQYKw==",
       "requires": {
-        "tslib": "^2.3.0"
+        "tslib": "^2.3.1"
       },
       "dependencies": {
         "tslib": {
@@ -5578,9 +5567,9 @@
       }
     },
     "@rocket.chat/message-parser": {
-      "version": "0.30.1",
-      "resolved": "https://registry.npmjs.org/@rocket.chat/message-parser/-/message-parser-0.30.1.tgz",
-      "integrity": "sha512-TIFXAlTU88esCJtrOrtKzEy6ysE5TY8wTvJ4BWkjut15/I3LFAC36S4/8UBLn8tRPdV2X/+viPq5wPrpPUFMRQ=="
+      "version": "0.31.0",
+      "resolved": "https://registry.npmjs.org/@rocket.chat/message-parser/-/message-parser-0.31.0.tgz",
+      "integrity": "sha512-zPVvKoUJ4XriP1us+wvOprP9QvRf3XJ5ZfGpepPb5AyyADbaslgGsDXQ0dMUnv5a3uE2BN2uqjQugCjbjLyK6Q=="
     },
     "@rocket.chat/mp3-encoder": {
       "version": "0.24.0",
@@ -5633,11 +5622,11 @@
       }
     },
     "@rocket.chat/string-helpers": {
-      "version": "0.30.1",
-      "resolved": "https://registry.npmjs.org/@rocket.chat/string-helpers/-/string-helpers-0.30.1.tgz",
-      "integrity": "sha512-q/F8hMFSp478zegXwma0Yo+glbVCDNbxyx/pgb7ICkQS4JvZqr1WL7IUuNbMPcBVUa8KyixYmhSA1+BNGanN6g==",
+      "version": "0.31.0",
+      "resolved": "https://registry.npmjs.org/@rocket.chat/string-helpers/-/string-helpers-0.31.0.tgz",
+      "integrity": "sha512-1b2U3kDFBufPN+OEiRSatrm+8/8C+15fOlOdjoY/LMbK7309VQWl3Awl7z/F4xOfIZ62+346i1qiF9yXDeOYhQ==",
       "requires": {
-        "tslib": "^2.3.0"
+        "tslib": "^2.3.1"
       },
       "dependencies": {
         "tslib": {
@@ -5648,52 +5637,14 @@
       }
     },
     "@rocket.chat/styled": {
-      "version": "0.6.3-dev.382",
-      "resolved": "https://registry.npmjs.org/@rocket.chat/styled/-/styled-0.6.3-dev.382.tgz",
-      "integrity": "sha512-FHVE7N0HhZZkrjWEBjk5hGcj89GhGevWrrE0fVt/ENI8FJ8GDBRsnz41oVYJhkVJYo1jc3P6rNYkM//nyy/8sQ==",
+      "version": "0.31.0",
+      "resolved": "https://registry.npmjs.org/@rocket.chat/styled/-/styled-0.31.0.tgz",
+      "integrity": "sha512-k+rXAGc3tQM9Y9xY+V0fhPPXEL0LQUnfGM4wHrYQoNag2gQW0tzd0lBi6lnvltIkgl8NlCT9lYLT3Nz5EMjcRQ==",
       "requires": {
-        "@rocket.chat/css-in-js": "^0.6.3-dev.382+c423d959",
+        "@rocket.chat/css-in-js": "^0.31.0",
         "tslib": "^2.3.1"
       },
       "dependencies": {
-        "@rocket.chat/css-in-js": {
-          "version": "0.6.3-dev.382",
-          "resolved": "https://registry.npmjs.org/@rocket.chat/css-in-js/-/css-in-js-0.6.3-dev.382.tgz",
-          "integrity": "sha512-tprEbqk0VdxUAnve8Vv4fVdttyA580a61hYQfvlKBTuy1OZAcJ/8mQwac9yL7RJPoWRoICgGAYhcx19RptVf/g==",
-          "requires": {
-            "@emotion/hash": "^0.8.0",
-            "@rocket.chat/css-supports": "^0.6.3-dev.382+c423d959",
-            "@rocket.chat/memo": "^0.6.3-dev.382+c423d959",
-            "@rocket.chat/stylis-logical-props-middleware": "^0.6.3-dev.382+c423d959",
-            "stylis": "^4.0.10"
-          }
-        },
-        "@rocket.chat/css-supports": {
-          "version": "0.6.3-dev.382",
-          "resolved": "https://registry.npmjs.org/@rocket.chat/css-supports/-/css-supports-0.6.3-dev.382.tgz",
-          "integrity": "sha512-2JQ+MGqckaaEhJW9+NSXK7iVbV21HPvLwgU73G534ftCUuRtArchbWjrsaxVMX1L49ssvbr6h0k5pth1Zh6xdA==",
-          "requires": {
-            "@rocket.chat/memo": "^0.6.3-dev.382+c423d959",
-            "tslib": "^2.3.1"
-          }
-        },
-        "@rocket.chat/memo": {
-          "version": "0.6.3-dev.382",
-          "resolved": "https://registry.npmjs.org/@rocket.chat/memo/-/memo-0.6.3-dev.382.tgz",
-          "integrity": "sha512-PfJzPqZtPs81L1VFp8aZG+OGorccerfzIo2K4m/e9cqTrn2r28+hs3fMzjYPIvTLbVCmOAX/rHR/4mHiQ70HFw==",
-          "requires": {
-            "tslib": "^2.3.1"
-          }
-        },
-        "@rocket.chat/stylis-logical-props-middleware": {
-          "version": "0.6.3-dev.382",
-          "resolved": "https://registry.npmjs.org/@rocket.chat/stylis-logical-props-middleware/-/stylis-logical-props-middleware-0.6.3-dev.382.tgz",
-          "integrity": "sha512-RV6WwgpMUK8KoUSV/UDutWOa4f7qgiPAPDXqMbX6wVb0mSERK3W8NckhJDDMRGi2h0voWm5pqZOLlwEep3rnZQ==",
-          "requires": {
-            "@rocket.chat/css-supports": "^0.6.3-dev.382+c423d959",
-            "tslib": "^2.3.1"
-          }
-        },
         "tslib": {
           "version": "2.3.1",
           "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.1.tgz",
@@ -5702,12 +5653,12 @@
       }
     },
     "@rocket.chat/stylis-logical-props-middleware": {
-      "version": "0.30.1",
-      "resolved": "https://registry.npmjs.org/@rocket.chat/stylis-logical-props-middleware/-/stylis-logical-props-middleware-0.30.1.tgz",
-      "integrity": "sha512-DnGSN89noeaXwv4JK4FNm7oFdkd5XuAtGObJ4lFadmLL/BePiYlps6k+0PAdUeMIxmwzfEXpL5Awv8VODOqs4g==",
+      "version": "0.31.0",
+      "resolved": "https://registry.npmjs.org/@rocket.chat/stylis-logical-props-middleware/-/stylis-logical-props-middleware-0.31.0.tgz",
+      "integrity": "sha512-KWW2/oQEGKhoagQAyoqAcSvu5Hn+pYXgKeqJuG/hVACTFLSUB7DAZoUQPFw2W2EXEbCzm3CQ8iIhW6sF/v2OBw==",
       "requires": {
-        "@rocket.chat/css-supports": "^0.30.0",
-        "tslib": "^2.2.0"
+        "@rocket.chat/css-supports": "^0.31.0",
+        "tslib": "^2.3.1"
       },
       "dependencies": {
         "tslib": {
@@ -5718,9 +5669,9 @@
       }
     },
     "@rocket.chat/ui-kit": {
-      "version": "0.30.1",
-      "resolved": "https://registry.npmjs.org/@rocket.chat/ui-kit/-/ui-kit-0.30.1.tgz",
-      "integrity": "sha512-wxrbYCIq3qAx6aHTVNkyhfpUGH37Ij4oUl6CYE0yO5TiFs/yuFaap9c+6uX3gzKKzuImt195aIVz5NqNO40htg=="
+      "version": "0.31.0",
+      "resolved": "https://registry.npmjs.org/@rocket.chat/ui-kit/-/ui-kit-0.31.0.tgz",
+      "integrity": "sha512-8TlZeVkOyQhwYForg7io7+kRRN7k3gv90eACKJY9m8nOdywEig8cGwKuPCfYPThcB6WzOle2JrfhSzYGFIPw8w=="
     },
     "@samverschueren/stream-to-observable": {
       "version": "0.3.1",
@@ -34658,9 +34609,9 @@
       }
     },
     "stylis": {
-      "version": "4.0.10",
-      "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.0.10.tgz",
-      "integrity": "sha512-m3k+dk7QeJw660eIKRRn3xPF6uuvHs/FFzjX3HQ5ove0qYsiygoAhwn5a3IYKaZPo5LrYD0rfVmtv1gNY1uYwg=="
+      "version": "4.0.13",
+      "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.0.13.tgz",
+      "integrity": "sha512-xGPXiFVl4YED9Jh7Euv2V220mriG9u4B2TA6Ybjc1catrstKD2PpIdU3U0RKpkVBC2EhmL/F0sPCr9vrFTNRag=="
     },
     "sugarss": {
       "version": "2.0.0",
diff --git a/package.json b/package.json
index eacce3a7bdd..5939d2125eb 100644
--- a/package.json
+++ b/package.json
@@ -174,20 +174,20 @@
 		"@nivo/line": "0.62.0",
 		"@nivo/pie": "0.73.0",
 		"@rocket.chat/apps-engine": "^1.29.0",
-		"@rocket.chat/css-in-js": "^0.30.1",
-		"@rocket.chat/emitter": "^0.30.1",
-		"@rocket.chat/fuselage": "^0.6.3-dev.382",
-		"@rocket.chat/fuselage-hooks": "^0.6.3-dev.382",
-		"@rocket.chat/fuselage-polyfills": "^0.30.1",
-		"@rocket.chat/fuselage-tokens": "^0.6.3-dev.382",
-		"@rocket.chat/fuselage-ui-kit": "^0.6.3-dev.382",
-		"@rocket.chat/icons": "^0.30.1",
-		"@rocket.chat/logo": "^0.30.1",
-		"@rocket.chat/memo": "^0.30.1",
-		"@rocket.chat/message-parser": "^0.30.1",
+		"@rocket.chat/css-in-js": "^0.31.0",
+		"@rocket.chat/emitter": "^0.31.0",
+		"@rocket.chat/fuselage": "^0.31.0",
+		"@rocket.chat/fuselage-hooks": "^0.31.0",
+		"@rocket.chat/fuselage-polyfills": "^0.31.0",
+		"@rocket.chat/fuselage-tokens": "^0.31.0",
+		"@rocket.chat/fuselage-ui-kit": "^0.31.0",
+		"@rocket.chat/icons": "^0.31.0",
+		"@rocket.chat/logo": "^0.31.0",
+		"@rocket.chat/memo": "^0.31.0",
+		"@rocket.chat/message-parser": "^0.31.0",
 		"@rocket.chat/mp3-encoder": "^0.24.0",
-		"@rocket.chat/string-helpers": "^0.30.1",
-		"@rocket.chat/ui-kit": "^0.30.1",
+		"@rocket.chat/string-helpers": "^0.31.0",
+		"@rocket.chat/ui-kit": "^0.31.0",
 		"@slack/client": "^4.12.0",
 		"@types/cookie": "^0.4.1",
 		"@types/lodash": "^4.14.177",