RocketChat · ggazzo · Jul 7, 2026 · Jul 3, 2026 · Jul 3, 2026 · Jul 3, 2026
@@ -4,7 +4,7 @@ import type { ComponentProps } from 'react';
 
 import { useOmnichannelRoomIcon } from './context/OmnichannelRoomIconContext';
 
-type OmnichannelAppSourceRoomIconProps = {
+export type OmnichannelAppSourceRoomIconProps = {
 	source: IOmnichannelSourceFromApp;
 	color: ComponentProps<typeof Box>['color'];
 	size: ComponentProps<typeof Icon>['size'];

@@ -11,7 +11,7 @@ const iconMap = {
 	other: 'headset',
 } as const;
 
-type OmnichannelCoreSourceRoomIconProps = {
+export type OmnichannelCoreSourceRoomIconProps = {
 	source: IOmnichannelSource;
 	color: ComponentProps<typeof Icon>['color'];
 	size: ComponentProps<typeof Icon>['size'];

@@ -14,7 +14,7 @@ const colors = {
 	disabled: 'annotation',
 } as const;
 
-type OmnichannelRoomIconProps = {
+export type OmnichannelRoomIconProps = {
 	source: IOmnichannelSource;
 	color?: ComponentProps<typeof Icon>['color'];
 	status?: UserStatus;

@@ -8,7 +8,7 @@ import OmnichannelRoomIconManager from '../lib/OmnichannelRoomIconManager';
 
 let icons = Array.from(OmnichannelRoomIconManager.icons.values());
 
-type OmnichannelRoomIconProviderProps = {
+export type OmnichannelRoomIconProviderProps = {
 	children?: ReactNode;
 };
 

@@ -2,7 +2,7 @@ import { Box } from '@rocket.chat/fuselage';
 import { CustomScrollbars } from '@rocket.chat/ui-client';
 import type { ComponentPropsWithoutRef } from 'react';
 
-type ContentProps = ComponentPropsWithoutRef<typeof CustomScrollbars>;
+export type ContentProps = ComponentPropsWithoutRef<typeof CustomScrollbars>;
 
 const Content = ({ children, ...props }: ContentProps) => (
 	<Box display='flex' flexDirection='column' flexGrow={1} flexShrink={1} overflow='hidden'>

@@ -2,7 +2,7 @@ import { Box, IconButton } from '@rocket.chat/fuselage';
 import type { ReactNode } from 'react';
 import { useTranslation } from 'react-i18next';
 
-type HeaderProps = {
+export type HeaderProps = {
 	children?: ReactNode;
 	title?: ReactNode;
 	onClose?: () => void;

@@ -18,7 +18,7 @@ type ListItemConditionalProps =
 			gap?: boolean;
 	  };
 
-type ListItemProps = ListItemCommonProps & ListItemConditionalProps;
+export type ListItemProps = ListItemCommonProps & ListItemConditionalProps;
 
 const ListItem = ({ icon, text, input, children, gap, ...props }: ListItemProps) => (
 	<Option {...props}>

@@ -1,7 +1,7 @@
 import { Sidebar as FuselageSidebar } from '@rocket.chat/fuselage';
 import type { ComponentPropsWithoutRef } from 'react';
 
-type SidebarProps = ComponentPropsWithoutRef<typeof FuselageSidebar>;
+export type SidebarProps = ComponentPropsWithoutRef<typeof FuselageSidebar>;
 
 const Sidebar = (props: SidebarProps) => <FuselageSidebar {...props} role='navigation' display='flex' flexDirection='column' h='full' />;
 

@@ -2,7 +2,7 @@ import { Box, SidebarItem } from '@rocket.chat/fuselage';
 import type { ReactNode } from 'react';
 import { memo } from 'react';
 
-type SidebarGenericItemProps = {
+export type SidebarGenericItemProps = {
 	href?: string;
 	active?: boolean;
 	featured?: boolean;

@@ -6,7 +6,7 @@ import SidebarNavigationItem from './SidebarNavigationItem';
 import type { SidebarItem } from '../../lib/createSidebarItems';
 import { isSidebarItem } from '../../lib/createSidebarItems';
 
-type SidebarItemsAssemblerProps = {
+export type SidebarItemsAssemblerProps = {
 	items: SidebarItem[];
 	currentPath?: string;
 };

@@ -5,7 +5,7 @@ import { memo } from 'react';
 
 import SidebarGenericItem from './SidebarGenericItem';
 
-type SidebarNavigationItemProps = {
+export type SidebarNavigationItemProps = {
 	permissionGranted?: (() => boolean) | boolean;
 	pathSection: string;
 	icon?: IconName;

@@ -2,7 +2,7 @@ import { css } from '@rocket.chat/css-in-js';
 import { Box, Badge } from '@rocket.chat/fuselage';
 import type { ReactNode } from 'react';
 
-type SidebarTogglerBadgeProps = {
+export type SidebarTogglerBadgeProps = {
 	children?: ReactNode;
 };
 

@@ -4,7 +4,7 @@ import { useTranslation } from 'react-i18next';
 
 import SidebarTogglerBadge from './SidebarTogglerBadge';
 
-type SideBarTogglerButtonProps = {
+export type SideBarTogglerButtonProps = {
 	pressed?: boolean;
 	badge?: ReactNode;
 	onClick: () => void;

@@ -9,7 +9,7 @@ import { useTranslation } from 'react-i18next';
 import type { OnConfirm } from './TwoFactorModal';
 import { Method } from './TwoFactorModal';
 
-type TwoFactorEmailModalProps = {
+export type TwoFactorEmailModalProps = {
 	onConfirm: OnConfirm;
 	onClose: () => void;
 	invalidAttempt?: boolean;

@@ -10,7 +10,7 @@ export enum Method {
 
 export type OnConfirm = (code: string, method: Method) => void | Promise<void>;
 
-type TwoFactorModalProps = {
+export type TwoFactorModalProps = {
 	onConfirm: OnConfirm;
 	onClose: () => void;
 	invalidAttempt?: boolean;

@@ -8,7 +8,7 @@ import { useTranslation } from 'react-i18next';
 import type { OnConfirm } from './TwoFactorModal';
 import { Method } from './TwoFactorModal';
 
-type TwoFactorPasswordModalProps = {
+export type TwoFactorPasswordModalProps = {
 	onConfirm: OnConfirm;
 	onClose: () => void;
 	invalidAttempt?: boolean;

@@ -8,7 +8,7 @@ import { useTranslation } from 'react-i18next';
 import type { OnConfirm } from './TwoFactorModal';
 import { Method } from './TwoFactorModal';
 
-type TwoFactorTotpModalProps = {
+export type TwoFactorTotpModalProps = {
 	onConfirm: OnConfirm;
 	onClose: () => void;
 	onDismiss?: () => void;

@@ -10,7 +10,7 @@ import { memo, useMemo, useState } from 'react';
 import { roomCoordinator } from '../../lib/rooms/roomCoordinator';
 import { Rooms } from '../../stores';
 
-type UserAndRoomAutoCompleteMultipleProps = Omit<ComponentProps<typeof AutoComplete>, 'filter'> & {
+export type UserAndRoomAutoCompleteMultipleProps = Omit<ComponentProps<typeof AutoComplete>, 'filter'> & {
 	limit?: number;
 };
 

@@ -9,7 +9,7 @@ import AutocompleteOptions, { OptionsContext } from './UserAutoCompleteMultipleO
 import UserAvatarChip from './UserAvatarChip';
 import { usersQueryKeys } from '../../lib/queryKeys';
 
-type UserAutoCompleteMultipleProps = {
+export type UserAutoCompleteMultipleProps = {
 	onChange: (value: Array<string>) => void;
 	value: Array<string> | undefined;
 	placeholder?: string;

@@ -6,7 +6,7 @@ import { useMemo } from 'react';
 import type { UserLabel } from './UserAutoCompleteMultipleOptions';
 import { normalizeUsername } from '../../../lib/utils/normalizeUsername';
 
-type UserAutoCompleteMultipleOptionProps = {
+export type UserAutoCompleteMultipleOptionProps = {
 	label: UserLabel;
 	value: string | number;
 	selected?: boolean;

@@ -3,7 +3,7 @@ import { UserAvatar } from '@rocket.chat/ui-avatar';
 import { useUserDisplayName } from '@rocket.chat/ui-client';
 import type { ComponentProps } from 'react';
 
-type UserAvatarChipProps = ComponentProps<typeof Chip> & {
+export type UserAvatarChipProps = ComponentProps<typeof Chip> & {
 	federated?: boolean;
 	username: string;
 	name?: string;

@@ -21,7 +21,7 @@ const clampStyle = css`
 	word-break: break-word;
 `;
 
-type UserCardProps = {
+export type UserCardProps = {
 	user?: {
 		nickname?: string;
 		name?: string;

@@ -1,7 +1,7 @@
 import { IconButton } from '@rocket.chat/fuselage';
 import type { ComponentProps } from 'react';
 
-type UserCardActionProps = ComponentProps<typeof IconButton>;
+export type UserCardActionProps = ComponentProps<typeof IconButton>;
 
 const UserCardAction = ({ label, icon, ...props }: UserCardActionProps) => <IconButton icon={icon} small title={label} {...props} />;
 

@@ -3,7 +3,7 @@ import { ButtonGroup } from '@rocket.chat/fuselage';
 import type { ComponentProps } from 'react';
 import { useRef } from 'react';
 
-type UserCardActionsProps = ComponentProps<typeof ButtonGroup>;
+export type UserCardActionsProps = ComponentProps<typeof ButtonGroup>;
 
 const UserCardActions = (props: UserCardActionsProps) => {
 	const ref = useRef<HTMLDivElement>(null);

@@ -4,7 +4,7 @@ import { Box } from '@rocket.chat/fuselage';
 import type { ComponentProps } from 'react';
 import { useRef } from 'react';
 
-type UserCardDialogProps = AriaDialogProps & ComponentProps<typeof Box>;
+export type UserCardDialogProps = AriaDialogProps & ComponentProps<typeof Box>;
 
 const UserCardDialog = (props: UserCardDialogProps) => {
 	const ref = useRef(null);

@@ -1,7 +1,9 @@
 import { Box, Tag } from '@rocket.chat/fuselage';
 import type { ReactNode } from 'react';
 
-const UserCardRole = ({ children }: { children: ReactNode }) => (
+export type UserCardRoleProps = { children: ReactNode };
+
+const UserCardRole = ({ children }: UserCardRoleProps) => (
 	<Box m={2} fontScale='c2'>
 		<Tag>{children}</Tag>
 	</Box>

@@ -3,7 +3,9 @@ import type { ReactNode } from 'react';
 
 import UserCardInfo from './UserCardInfo';
 
-const UserCardRoles = ({ children }: { children: ReactNode }) => (
+export type UserCardRolesProps = { children: ReactNode };
+
+const UserCardRoles = ({ children }: UserCardRolesProps) => (
 	<Box m='neg-x2'>
 		<UserCardInfo flexWrap='wrap' display='flex' flexShrink={0}>
 			{children}

@@ -3,7 +3,7 @@ import type { ReactNode, ComponentProps } from 'react';
 
 import * as UserStatus from '../UserStatus';
 
-type UserCardUsernameProps = ComponentProps<typeof Box> & {
+export type UserCardUsernameProps = ComponentProps<typeof Box> & {
 	name: ReactNode;
 	status: ReactNode;
 };

@@ -44,7 +44,7 @@ type UserInfoDataProps = Serialized<
 	>
 >;
 
-type UserInfoProps = UserInfoDataProps & {
+export type UserInfoProps = UserInfoDataProps & {
 	status: ReactNode;
 	customStatus?: ReactNode;
 	email?: string;

@@ -1,6 +1,6 @@
 import { Tag } from '@rocket.chat/fuselage';
 
-type UserInfoABACAttributeProps = {
+export type UserInfoABACAttributeProps = {
 	attribute: string;
 };
 

@@ -3,7 +3,7 @@ import { Box, Margins } from '@rocket.chat/fuselage';
 
 import UserInfoABACAttribute from './UserInfoABACAttribute';
 
-type UserInfoABACAttributesProps = {
+export type UserInfoABACAttributesProps = {
 	abacAttributes: IAbacAttributeDefinition[];
 };
 

@@ -2,7 +2,7 @@ import { Button, IconButton } from '@rocket.chat/fuselage';
 import type { Keys as IconName } from '@rocket.chat/icons';
 import type { ComponentProps } from 'react';
 
-type UserInfoActionProps = {
+export type UserInfoActionProps = {
 	icon: IconName;
 } & ComponentProps<typeof Button>;
 

@@ -4,7 +4,7 @@ import type { ComponentProps, ReactNode } from 'react';
 
 import { UserCardUsername } from '../UserCard';
 
-type UserInfoUsernameProps = {
+export type UserInfoUsernameProps = {
 	username: IUser['username'];
 	status: ReactNode;
 } & ComponentProps<typeof Box>;

@@ -4,7 +4,7 @@ import { useUserPresence } from '@rocket.chat/ui-contexts';
 import type { ComponentProps } from 'react';
 import { memo } from 'react';
 
-type ReactiveUserStatusProps = {
+export type ReactiveUserStatusProps = {
 	uid: IUser['_id'];
 } & ComponentProps<typeof UserStatus.UserStatus>;
 

@@ -4,7 +4,7 @@ import { memo } from 'react';
 
 import UserStatusText from './UserStatusText';
 
-type ReactiveUserStatusTextProps = {
+export type ReactiveUserStatusTextProps = {
 	uid: IUser['_id'];
 };
 

@@ -14,7 +14,7 @@ const STATUS_LABEL_KEYS: Record<UserStatus, string> = {
 	[UserStatus.DISABLED]: 'Disabled',
 };
 
-type UserStatusTextProps = {
+export type UserStatusTextProps = {
 	status?: UserStatus;
 	statusText?: string;
 	statusExpiresAt?: Date | string;

@@ -1,7 +1,7 @@
 import { Box, ButtonGroup } from '@rocket.chat/fuselage';
 import type { ReactNode } from 'react';
 
-type WizardActionsProps = {
+export type WizardActionsProps = {
 	children: ReactNode;
 };
 

@@ -5,7 +5,9 @@ import { useCallback, useContext, useMemo } from 'react';
 
 import { UserStatusText } from '../components/UserStatusText';
 
-const UserStatusTooltipContent = ({ uid }: { uid: string }) => {
+export type UserStatusTooltipContentProps = { uid: string };
+
+const UserStatusTooltipContent = ({ uid }: UserStatusTooltipContentProps) => {
 	const presence = useUserPresence(uid);
 
 	if (!presence) {

@@ -6,7 +6,7 @@ import { useTranslation } from 'react-i18next';
 
 import { useOmnichannelEnabled } from '../../views/omnichannel/hooks/useOmnichannelEnabled';
 
-type NavBarControlsMenuProps = Omit<HTMLAttributes<HTMLElement>, 'is'> & {
+export type NavBarControlsMenuProps = Omit<HTMLAttributes<HTMLElement>, 'is'> & {
 	omnichannelItems: GenericMenuItemProps[];
 	isPressed: boolean;
 	callItem?: GenericMenuItemProps;

@@ -3,7 +3,7 @@ import type { HTMLAttributes } from 'react';
 
 import { useOmnichannelContactAction } from './hooks/useOmnichannelContactAction';
 
-type NavBarItemOmnichannelContactProps = Omit<HTMLAttributes<HTMLElement>, 'is'>;
+export type NavBarItemOmnichannelContactProps = Omit<HTMLAttributes<HTMLElement>, 'is'>;
 
 const NavBarItemOmnichannelContact = (props: NavBarItemOmnichannelContactProps) => {
 	const { icon, isPressed, title, handleGoToContactCenter } = useOmnichannelContactAction();

@@ -3,7 +3,7 @@ import type { HTMLAttributes } from 'react';
 
 import { useOmnichannelLivechatToggle } from './hooks/useOmnichannelLivechatToggle';
 
-type NavBarItemOmnichannelLivechatToggleProps = Omit<HTMLAttributes<HTMLElement>, 'is'>;
+export type NavBarItemOmnichannelLivechatToggleProps = Omit<HTMLAttributes<HTMLElement>, 'is'>;
 
 const NavBarItemOmnichannelLivechatToggle = (props: NavBarItemOmnichannelLivechatToggleProps) => {
 	const { handleAvailableStatusChange, title, icon, isSuccess } = useOmnichannelLivechatToggle();

@@ -3,7 +3,7 @@ import type { HTMLAttributes } from 'react';
 
 import { useOmnichannelQueueAction } from './hooks/useOmnichannelQueueAction';
 
-type NavBarItemOmnichannelQueueProps = Omit<HTMLAttributes<HTMLElement>, 'is'>;
+export type NavBarItemOmnichannelQueueProps = Omit<HTMLAttributes<HTMLElement>, 'is'>;
 
 const NavBarItemOmnichannelQueue = (props: NavBarItemOmnichannelQueueProps) => {
 	const { isEnabled, title, icon, isPressed, handleGoToQueue } = useOmnichannelQueueAction();

@@ -3,7 +3,7 @@ import { useStableCallback } from '@rocket.chat/fuselage-hooks';
 import { useRouter, useCurrentRoutePath } from '@rocket.chat/ui-contexts';
 import type { HTMLAttributes } from 'react';
 
-type NavBarItemDirectoryPageProps = Omit<HTMLAttributes<HTMLElement>, 'is'>;
+export type NavBarItemDirectoryPageProps = Omit<HTMLAttributes<HTMLElement>, 'is'>;
 
 const NavBarItemDirectoryPage = (props: NavBarItemDirectoryPageProps) => {
 	const router = useRouter();