chore: Move RoomToolboxContext to ui-contexts

apps/meteor/client/apps/gameCenter/GameCenter.tsx

@@ -1,13 +1,13 @@
 import type { IExternalComponent } from '@rocket.chat/apps-engine/definition/externalComponent';
 import { useEffectEvent } from '@rocket.chat/fuselage-hooks';
+import { useRoomToolbox } from '@rocket.chat/ui-contexts';
 import { useState } from 'react';
 import type { MouseEvent, ReactElement } from 'react';
 
 import GameCenterContainer from './GameCenterContainer';
 import GameCenterList from './GameCenterList';
 import { useExternalComponentsQuery } from './hooks/useExternalComponentsQuery';
 import { preventSyntheticEvent } from '../../lib/utils/preventSyntheticEvent';
-import { useRoomToolbox } from '../../views/room/contexts/RoomToolboxContext';
 
 export type IGame = IExternalComponent;
 

apps/meteor/client/components/Contextualbar/ContextualbarDialog.tsx

@@ -1,13 +1,12 @@
 import { FeaturePreview, FeaturePreviewOff, FeaturePreviewOn } from '@rocket.chat/ui-client';
-import { useLayoutSizes, useLayoutContextualBarPosition } from '@rocket.chat/ui-contexts';
+import { useLayoutSizes, useLayoutContextualBarPosition, useRoomToolbox } from '@rocket.chat/ui-contexts';
 import type { ComponentProps } from 'react';
 import { useCallback, useRef } from 'react';
 import type { AriaDialogProps } from 'react-aria';
 import { FocusScope, useDialog } from 'react-aria';
 
 import Contextualbar from './Contextualbar';
 import ContextualbarResizable from './ContextualbarResizable';
-import { useRoomToolbox } from '../../views/room/contexts/RoomToolboxContext';
 
 type ContextualbarDialogProps = AriaDialogProps & ComponentProps<typeof Contextualbar> & { onClose?: () => void };
 

apps/meteor/client/hooks/roomActions/useAppsRoomStarActions.tsx

@@ -1,14 +1,14 @@
 import { Box } from '@rocket.chat/fuselage';
 import { GenericMenu, HeaderToolbarAction } from '@rocket.chat/ui-client';
 import { useToastMessageDispatch } from '@rocket.chat/ui-contexts';
+import type { RoomToolboxActionConfig } from '@rocket.chat/ui-contexts';
 import { useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import { UiKitTriggerTimeoutError } from '../../../app/ui-message/client/UiKitTriggerTimeoutError';
 import { Utilities } from '../../../ee/lib/misc/Utilities';
 import { useUiKitActionManager } from '../../uikit/hooks/useUiKitActionManager';
 import { useRoom } from '../../views/room/contexts/RoomContext';
-import type { RoomToolboxActionConfig } from '../../views/room/contexts/RoomToolboxContext';
 import { useAppActionButtons } from '../useAppActionButtons';
 import { useApplyButtonFilters } from '../useApplyButtonFilters';
 

apps/meteor/client/hooks/roomActions/useAutotranslateRoomAction.ts

@@ -1,8 +1,7 @@
 import { useSetting, usePermission } from '@rocket.chat/ui-contexts';
+import type { RoomToolboxActionConfig } from '@rocket.chat/ui-contexts';
 import { lazy, useMemo } from 'react';
 
-import type { RoomToolboxActionConfig } from '../../views/room/contexts/RoomToolboxContext';
-
 const AutoTranslate = lazy(() => import('../../views/room/contextualBar/AutoTranslate'));
 
 export const useAutotranslateRoomAction = () => {

apps/meteor/client/hooks/roomActions/useCallsRoomAction.ts

@@ -1,9 +1,9 @@
 import { isRoomFederated } from '@rocket.chat/core-typings';
+import type { RoomToolboxActionConfig } from '@rocket.chat/ui-contexts';
 import { lazy, useContext, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import { RoomContext } from '../../views/room/contexts/RoomContext';
-import type { RoomToolboxActionConfig } from '../../views/room/contexts/RoomToolboxContext';
 import { useHasLicenseModule } from '../useHasLicenseModule';
 
 const VideoConfList = lazy(() => import('../../views/room/contextualBar/VideoConference/VideoConfList'));

apps/meteor/client/hooks/roomActions/useChannelSettingsRoomAction.ts

@@ -1,7 +1,6 @@
+import type { RoomToolboxActionConfig } from '@rocket.chat/ui-contexts';
 import { lazy, useMemo } from 'react';
 
-import type { RoomToolboxActionConfig } from '../../views/room/contexts/RoomToolboxContext';
-
 const Info = lazy(() => import('../../views/room/contextualBar/Info'));
 
 export const useChannelSettingsRoomAction = () => {

apps/meteor/client/hooks/roomActions/useCleanHistoryRoomAction.ts

@@ -1,10 +1,10 @@
 import { isRoomFederated } from '@rocket.chat/core-typings';
 import { usePermission } from '@rocket.chat/ui-contexts';
+import type { RoomToolboxActionConfig } from '@rocket.chat/ui-contexts';
 import { lazy, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import { useRoom } from '../../views/room/contexts/RoomContext';
-import type { RoomToolboxActionConfig } from '../../views/room/contexts/RoomToolboxContext';
 
 const PruneMessages = lazy(() => import('../../views/room/contextualBar/PruneMessages'));
 

apps/meteor/client/hooks/roomActions/useDiscussionsRoomAction.ts

@@ -1,10 +1,10 @@
 import { isRoomFederated } from '@rocket.chat/core-typings';
 import { useSetting } from '@rocket.chat/ui-contexts';
+import type { RoomToolboxActionConfig } from '@rocket.chat/ui-contexts';
 import { lazy, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import { useRoom } from '../../views/room/contexts/RoomContext';
-import type { RoomToolboxActionConfig } from '../../views/room/contexts/RoomToolboxContext';
 
 const Discussions = lazy(() => import('../../views/room/contextualBar/Discussions'));
 

apps/meteor/client/hooks/roomActions/useE2EERoomAction.ts

@@ -2,13 +2,13 @@ import { isRoomFederated } from '@rocket.chat/core-typings';
 import { useEffectEvent } from '@rocket.chat/fuselage-hooks';
 import { imperativeModal } from '@rocket.chat/ui-client';
 import { useSetting, usePermission, useEndpoint, useToastMessageDispatch } from '@rocket.chat/ui-contexts';
+import type { RoomToolboxActionConfig } from '@rocket.chat/ui-contexts';
 import { useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import { OtrRoomState } from '../../../app/otr/lib/OtrRoomState';
 import { getRoomTypeTranslation } from '../../lib/getRoomTypeTranslation';
 import { useRoom, useRoomSubscription } from '../../views/room/contexts/RoomContext';
-import type { RoomToolboxActionConfig } from '../../views/room/contexts/RoomToolboxContext';
 import { useE2EERoomState } from '../../views/room/hooks/useE2EERoomState';
 import { useE2EEState } from '../../views/room/hooks/useE2EEState';
 import BaseDisableE2EEModal from '../../views/room/modals/E2EEModals/BaseDisableE2EEModal';

apps/meteor/client/hooks/roomActions/useExportMessagesRoomAction.ts

@@ -1,8 +1,8 @@
 import { usePermission } from '@rocket.chat/ui-contexts';
+import type { RoomToolboxActionConfig } from '@rocket.chat/ui-contexts';
 import { lazy, useMemo } from 'react';
 
 import { useRoom } from '../../views/room/contexts/RoomContext';
-import type { RoomToolboxActionConfig } from '../../views/room/contexts/RoomToolboxContext';
 
 const ExportMessages = lazy(() => import('../../views/room/contextualBar/ExportMessages'));
 

apps/meteor/client/hooks/roomActions/useGameCenterRoomAction.ts

@@ -1,7 +1,7 @@
+import type { RoomToolboxActionConfig } from '@rocket.chat/ui-contexts';
 import { lazy, useMemo } from 'react';
 
 import { useExternalComponentsQuery } from '../../apps/gameCenter/hooks/useExternalComponentsQuery';
-import type { RoomToolboxActionConfig } from '../../views/room/contexts/RoomToolboxContext';
 
 const GameCenter = lazy(() => import('../../apps/gameCenter/GameCenter'));
 

apps/meteor/client/hooks/roomActions/useKeyboardShortcutListRoomAction.ts

@@ -1,7 +1,6 @@
+import type { RoomToolboxActionConfig } from '@rocket.chat/ui-contexts';
 import { lazy, useMemo } from 'react';
 
-import type { RoomToolboxActionConfig } from '../../views/room/contexts/RoomToolboxContext';
-
 const KeyboardShortcuts = lazy(() => import('../../views/room/contextualBar/KeyboardShortcuts'));
 
 export const useKeyboardShortcutListRoomAction = () => {

apps/meteor/client/hooks/roomActions/useMediaCallRoomAction.ts

@@ -1,11 +1,10 @@
-import type { TranslationKey } from '@rocket.chat/ui-contexts';
 import { useUserAvatarPath, useUserId } from '@rocket.chat/ui-contexts';
+import type { TranslationKey, RoomToolboxActionConfig } from '@rocket.chat/ui-contexts';
 import type { PeerInfo } from '@rocket.chat/ui-voip';
 import { useMediaCallAction } from '@rocket.chat/ui-voip';
 import { useMemo } from 'react';
 
 import { useRoom, useRoomSubscription } from '../../views/room/contexts/RoomContext';
-import type { RoomToolboxActionConfig } from '../../views/room/contexts/RoomToolboxContext';
 import { useUserInfoQuery } from '../useUserInfoQuery';
 
 const getPeerId = (uids: string[], ownUserId: string | undefined) => {

apps/meteor/client/hooks/roomActions/useMembersListRoomAction.ts

@@ -1,10 +1,10 @@
 import { isRoomFederated, isRoomNativeFederated } from '@rocket.chat/core-typings';
 import { usePermission } from '@rocket.chat/ui-contexts';
+import type { RoomToolboxActionConfig } from '@rocket.chat/ui-contexts';
 import { useMemo } from 'react';
 
 import { MemberListRouter } from '../../views/room';
 import { useRoom } from '../../views/room/contexts/RoomContext';
-import type { RoomToolboxActionConfig } from '../../views/room/contexts/RoomToolboxContext';
 
 export const useMembersListRoomAction = () => {
 	const room = useRoom();

apps/meteor/client/hooks/roomActions/useMentionsRoomAction.ts

@@ -1,7 +1,6 @@
+import type { RoomToolboxActionConfig } from '@rocket.chat/ui-contexts';
 import { lazy, useMemo } from 'react';
 
-import type { RoomToolboxActionConfig } from '../../views/room/contexts/RoomToolboxContext';
-
 const MentionsTab = lazy(() => import('../../views/room/contextualBar/MentionsTab'));
 
 export const useMentionsRoomAction = () => {

apps/meteor/client/hooks/roomActions/useOTRRoomAction.ts

@@ -1,10 +1,10 @@
 import { isRoomFederated } from '@rocket.chat/core-typings';
 import { useSetting } from '@rocket.chat/ui-contexts';
+import type { RoomToolboxActionConfig } from '@rocket.chat/ui-contexts';
 import { lazy, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import { useRoom } from '../../views/room/contexts/RoomContext';
-import type { RoomToolboxActionConfig } from '../../views/room/contexts/RoomToolboxContext';
 
 const OTR = lazy(() => import('../../views/room/contextualBar/OTR'));
 

apps/meteor/client/hooks/roomActions/useOutlookCalenderRoomAction.ts

@@ -1,8 +1,7 @@
 import { useUser } from '@rocket.chat/ui-contexts';
+import type { RoomToolboxActionConfig } from '@rocket.chat/ui-contexts';
 import { lazy, useMemo } from 'react';
 
-import type { RoomToolboxActionConfig } from '../../views/room/contexts/RoomToolboxContext';
-
 const OutlookEventsRoute = lazy(() => import('../../views/outlookCalendar/OutlookEventsRoute'));
 
 export const useOutlookCalenderRoomAction = () => {

apps/meteor/client/hooks/roomActions/usePinnedMessagesRoomAction.ts

@@ -1,10 +1,10 @@
 import { isRoomFederated } from '@rocket.chat/core-typings';
 import { useSetting } from '@rocket.chat/ui-contexts';
+import type { RoomToolboxActionConfig } from '@rocket.chat/ui-contexts';
 import { lazy, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import { useRoom } from '../../views/room/contexts/RoomContext';
-import type { RoomToolboxActionConfig } from '../../views/room/contexts/RoomToolboxContext';
 
 const PinnedMessagesTab = lazy(() => import('../../views/room/contextualBar/PinnedMessagesTab'));
 

apps/meteor/client/hooks/roomActions/usePushNotificationsRoomAction.ts

@@ -1,7 +1,7 @@
+import type { RoomToolboxActionConfig } from '@rocket.chat/ui-contexts';
 import { lazy, useMemo } from 'react';
 
 import { useRoomSubscription } from '../../views/room/contexts/RoomContext';
-import type { RoomToolboxActionConfig } from '../../views/room/contexts/RoomToolboxContext';
 
 const NotificationPreferences = lazy(() => import('../../views/room/contextualBar/NotificationPreferences'));
 

apps/meteor/client/hooks/roomActions/useRocketSearchRoomAction.ts

@@ -1,7 +1,6 @@
+import type { RoomToolboxActionConfig } from '@rocket.chat/ui-contexts';
 import { lazy, useMemo } from 'react';
 
-import type { RoomToolboxActionConfig } from '../../views/room/contexts/RoomToolboxContext';
-
 const MessageSearchTab = lazy(() => import('../../views/room/contextualBar/MessageSearchTab'));
 
 export const useRocketSearchRoomAction = () => {

apps/meteor/client/hooks/roomActions/useStarredMessagesRoomAction.ts

@@ -1,7 +1,6 @@
+import type { RoomToolboxActionConfig } from '@rocket.chat/ui-contexts';
 import { lazy, useMemo } from 'react';
 
-import type { RoomToolboxActionConfig } from '../../views/room/contexts/RoomToolboxContext';
-
 const StarredMessagesTab = lazy(() => import('../../views/room/contextualBar/StarredMessagesTab'));
 
 export const useStarredMessagesRoomAction = () => {

apps/meteor/client/hooks/roomActions/useTeamChannelsRoomAction.ts

@@ -1,7 +1,6 @@
+import type { RoomToolboxActionConfig } from '@rocket.chat/ui-contexts';
 import { lazy, useMemo } from 'react';
 
-import type { RoomToolboxActionConfig } from '../../views/room/contexts/RoomToolboxContext';
-
 const TeamsChannels = lazy(() => import('../../views/teams/contextualBar/channels'));
 
 export const useTeamChannelsRoomAction = () => {

apps/meteor/client/hooks/roomActions/useTeamInfoRoomAction.ts

@@ -1,7 +1,6 @@
+import type { RoomToolboxActionConfig } from '@rocket.chat/ui-contexts';
 import { lazy, useMemo } from 'react';
 
-import type { RoomToolboxActionConfig } from '../../views/room/contexts/RoomToolboxContext';
-
 const TeamsInfoWithData = lazy(() => import('../../views/teams/contextualBar/info/TeamsInfoWithData'));
 
 export const useTeamInfoRoomAction = () => {

apps/meteor/client/hooks/roomActions/useThreadRoomAction.tsx

@@ -1,11 +1,11 @@
 import type { BadgeProps } from '@rocket.chat/fuselage';
 import { useSetting } from '@rocket.chat/ui-contexts';
+import type { RoomToolboxActionConfig } from '@rocket.chat/ui-contexts';
 import { lazy, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import { HeaderToolbarAction, HeaderToolbarActionBadge } from '../../components/Header';
 import { useRoomSubscription } from '../../views/room/contexts/RoomContext';
-import type { RoomToolboxActionConfig } from '../../views/room/contexts/RoomToolboxContext';
 
 const getVariant = (tunreadUser: number, tunreadGroup: number): BadgeProps['variant'] => {
 	if (tunreadUser > 0) {

apps/meteor/client/hooks/roomActions/useUploadedFilesListRoomAction.ts

@@ -1,7 +1,6 @@
+import type { RoomToolboxActionConfig } from '@rocket.chat/ui-contexts';
 import { lazy, useMemo } from 'react';
 
-import type { RoomToolboxActionConfig } from '../../views/room/contexts/RoomToolboxContext';
-
 const RoomFiles = lazy(() => import('../../views/room/contextualBar/RoomFiles'));
 
 export const useUploadedFilesListRoomAction = () => {

apps/meteor/client/hooks/roomActions/useUserInfoGroupRoomAction.ts

@@ -1,7 +1,7 @@
+import type { RoomToolboxActionConfig } from '@rocket.chat/ui-contexts';
 import { useMemo } from 'react';
 
 import { MemberListRouter } from '../../views/room';
-import type { RoomToolboxActionConfig } from '../../views/room/contexts/RoomToolboxContext';
 
 export const useUserInfoGroupRoomAction = () => {
 	return useMemo(

apps/meteor/client/hooks/roomActions/useUserInfoRoomAction.ts

@@ -1,7 +1,7 @@
+import type { RoomToolboxActionConfig } from '@rocket.chat/ui-contexts';
 import { useMemo } from 'react';
 
 import { MemberListRouter } from '../../views/room';
-import type { RoomToolboxActionConfig } from '../../views/room/contexts/RoomToolboxContext';
 
 export const useUserInfoRoomAction = () => {
 	return useMemo(

apps/meteor/client/hooks/roomActions/useVideoCallRoomAction.tsx

@@ -1,6 +1,7 @@
 import { isRoomFederated } from '@rocket.chat/core-typings';
 import { useEffectEvent, useStableArray } from '@rocket.chat/fuselage-hooks';
 import { usePermission, useSetting, useUser } from '@rocket.chat/ui-contexts';
+import type { RoomToolboxActionConfig } from '@rocket.chat/ui-contexts';
 import {
 	useVideoConfDispatchOutgoing,
 	useVideoConfIsCalling,
@@ -11,7 +12,6 @@ import { useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import { useRoom } from '../../views/room/contexts/RoomContext';
-import type { RoomToolboxActionConfig } from '../../views/room/contexts/RoomToolboxContext';
 import { useVideoConfWarning } from '../../views/room/contextualBar/VideoConference/hooks/useVideoConfWarning';
 
 export const useVideoCallRoomAction = () => {

apps/meteor/client/hooks/roomActions/useWebRTCVideoRoomAction.ts

@@ -1,11 +1,11 @@
 import { isRoomFederated } from '@rocket.chat/core-typings';
 import { useSetting } from '@rocket.chat/ui-contexts';
+import type { RoomToolboxActionConfig } from '@rocket.chat/ui-contexts';
 import { useCallback, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import { sdk } from '../../../app/utils/client/lib/SDKClient';
 import { useRoom } from '../../views/room/contexts/RoomContext';
-import type { RoomToolboxActionConfig } from '../../views/room/contexts/RoomToolboxContext';
 
 export const useWebRTCVideoRoomAction = () => {
 	const enabled = useSetting('WebRTC_Enabled', false);

apps/meteor/client/ui.ts

@@ -1,3 +1,5 @@
+import type { RoomToolboxActionConfig } from '@rocket.chat/ui-contexts';
+
 import { useChatForwardQuickAction } from './hooks/quickActions/useChatForwardQuickAction';
 import { useCloseChatQuickAction } from './hooks/quickActions/useCloseChatQuickAction';
 import { useMoveQueueQuickAction } from './hooks/quickActions/useMoveQueueQuickAction';
@@ -35,7 +37,6 @@ import { useContactProfileRoomAction } from './views/omnichannel/hooks/useContac
 import { useOmnichannelExternalFrameRoomAction } from './views/omnichannel/hooks/useOmnichannelExternalFrameRoomAction';
 import { useRoomInfoRoomAction } from './views/omnichannel/hooks/useRoomInfoRoomAction';
 import { useVoIPRoomInfoRoomAction } from './views/omnichannel/hooks/useVoIPRoomInfoRoomAction';
-import type { RoomToolboxActionConfig } from './views/room/contexts/RoomToolboxContext';
 import type { QuickActionsActionConfig } from './views/room/lib/quickActions';
 
 export const roomActionHooks = [

apps/meteor/client/views/omnichannel/cannedResponses/contextualBar/CannedResponse/CannedResponseList.spec.tsx

@@ -9,7 +9,8 @@ import * as stories from './CannedResponseList.stories';
 const testCases = Object.values(composeStories(stories)).map((Story) => [Story.storyName || 'Story', Story]);
 
 // Mock the useRoomToolbox hook
-jest.mock('../../../../room/contexts/RoomToolboxContext', () => ({
+jest.mock('@rocket.chat/ui-contexts', () => ({
+	...jest.requireActual('@rocket.chat/ui-contexts'),
 	useRoomToolbox: () => ({
 		context: undefined,
 	}),

apps/meteor/client/views/omnichannel/cannedResponses/contextualBar/CannedResponse/CannedResponseList.tsx

@@ -1,6 +1,7 @@
 import type { ILivechatDepartment, IOmnichannelCannedResponse } from '@rocket.chat/core-typings';
 import { Box, Button, ButtonGroup, ContextualbarEmptyContent, Icon, Margins, Select, TextInput } from '@rocket.chat/fuselage';
 import { useAutoFocus, useResizeObserver } from '@rocket.chat/fuselage-hooks';
+import { useRoomToolbox } from '@rocket.chat/ui-contexts';
 import type { Dispatch, FormEventHandler, MouseEvent, ReactElement, SetStateAction } from 'react';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
@@ -17,7 +18,6 @@ import {
 	ContextualbarDialog,
 } from '../../../../../components/Contextualbar';
 import { VirtualizedScrollbars } from '../../../../../components/CustomScrollbars';
-import { useRoomToolbox } from '../../../../room/contexts/RoomToolboxContext';
 import { useCanCreateCannedResponse } from '../../hooks/useCanCreateCannedResponse';
 
 type CannedResponseListProps = {

apps/meteor/client/views/omnichannel/cannedResponses/contextualBar/CannedResponse/WrapCannedResponseList.tsx

@@ -1,6 +1,6 @@
 import type { IOmnichannelCannedResponse, ILivechatDepartment } from '@rocket.chat/core-typings';
 import { useDebouncedValue, useLocalStorage, useEffectEvent } from '@rocket.chat/fuselage-hooks';
-import { useSetModal, useRouter } from '@rocket.chat/ui-contexts';
+import { useSetModal, useRouter, useRoomToolbox } from '@rocket.chat/ui-contexts';
 import type { ChangeEvent, MouseEvent } from 'react';
 import { memo, useCallback, useMemo, useState } from 'react';
 
@@ -9,7 +9,6 @@ import { useRecordList } from '../../../../../hooks/lists/useRecordList';
 import { AsyncStatePhase } from '../../../../../lib/asyncState';
 import { useChat } from '../../../../room/contexts/ChatContext';
 import { useRoom } from '../../../../room/contexts/RoomContext';
-import { useRoomToolbox } from '../../../../room/contexts/RoomToolboxContext';
 import { useCannedResponseFilterOptions } from '../../../hooks/useCannedResponseFilterOptions';
 import { useCannedResponseList } from '../../../hooks/useCannedResponseList';
 import { useIsRoomOverMacLimit } from '../../../hooks/useIsRoomOverMacLimit';

apps/meteor/client/views/omnichannel/contactInfo/ContactInfoRouter.tsx

@@ -1,10 +1,9 @@
-import { useRoute, useRouteParameter } from '@rocket.chat/ui-contexts';
+import { useRoute, useRouteParameter, useRoomToolbox } from '@rocket.chat/ui-contexts';
 
 import ContactInfo from './ContactInfo';
 import ContactInfoError from './ContactInfoError';
 import EditContactInfoWithData from './EditContactInfoWithData';
 import { useOmnichannelRoom } from '../../room/contexts/RoomContext';
-import { useRoomToolbox } from '../../room/contexts/RoomToolboxContext';
 
 const ContactInfoRouter = () => {
 	const room = useOmnichannelRoom();