@automattic/data-stores 3.1.2 → 3.2.1

package/src/help-center/actions.ts

@@ -1,40 +1,42 @@
-import { default as apiFetchPromise } from '@wordpress/api-fetch';
-import { select } from '@wordpress/data';
+import { controls } from '@wordpress/data';
 import { addQueryArgs } from '@wordpress/url';
-import { default as wpcomRequestPromise, canAccessWpcomApis } from 'wpcom-proxy-request';
+import { Location } from 'history';
 import { GeneratorReturnType } from '../mapped-types';
 import { SiteDetails } from '../site';
+import { CurrentUser } from '../user/types';
 import { STORE_KEY } from './constants';
-import { isE2ETest } from '.';
-import type {
-	APIFetchOptions,
-	HelpCenterOptions,
-	HelpCenterSelect,
-	HelpCenterShowOptions,
-} from './types';
-import type { SupportInteraction } from '@automattic/odie-client/src/types';
-import type { Location } from 'history';
-
-export function setCurrentSupportInteraction( supportInteraction: SupportInteraction ) {
-	return {
-		type: 'HELP_CENTER_SET_CURRENT_SUPPORT_INTERACTION',
-		supportInteraction,
-	} as const;
+import { persistPreference } from './utils';
+import type { HelpCenterOptions, HelpCenterShowOptions } from './types';
+
+declare global {
+	interface Window {
+		_sva?: {
+			closeSurvey?: () => void;
+		};
+	}
 }
 
 export function setHelpCenterRouterHistory(
-	history: { entries: Location[]; index: number } | undefined
+	history: { entries: Location[]; index: number } | null
 ) {
+	persistPreference( 'help_center_router_history', history );
 	return {
 		type: 'HELP_CENTER_SET_HELP_CENTER_ROUTER_HISTORY',
 		history,
 	} as const;
 }
 
-export const setNavigateToRoute = ( route?: string ) =>
+/**
+ * Set the navigate to route action.
+ * @param route - The route to navigate to.
+ * @param coalesceParams - Whether to coalesce the parameters with the existing parameters.
+ * @returns The action object.
+ */
+export const setNavigateToRoute = ( route?: string, coalesceParams = false ) =>
 	( {
 		type: 'HELP_CENTER_SET_NAVIGATE_TO_ROUTE',
 		route,
+		coalesceParams,
 	} ) as const;
 
 export const setUnreadCount = ( count: number ) =>
@@ -55,10 +57,20 @@ export const setOdieBotNameSlug = ( odieBotNameSlug: string ) =>
 		odieBotNameSlug,
 	} ) as const;
 
-export const setIsMinimized = ( minimized: boolean ) =>
-	( {
+export const setIsMinimized = function ( minimized: boolean ) {
+	persistPreference( 'help_center_minimized', minimized );
+	return {
 		type: 'HELP_CENTER_SET_MINIMIZED',
 		minimized,
+	} as const;
+};
+
+export const setLoggedOutOdieChat = (
+	session: { odieId: number; sessionId: string; botSlug: string } | undefined
+) =>
+	( {
+		type: 'HELP_CENTER_SET_LOGGED_OUT_ODIE_CHAT',
+		session,
 	} ) as const;
 
 export const setIsChatLoaded = ( isChatLoaded: boolean ) =>
@@ -79,6 +91,21 @@ export const setZendeskClientId = ( zendeskClientId: string ) =>
 		zendeskClientId,
 	} ) as const;
 
+export const setZendeskConnectionStatus = (
+	connectionStatus: 'disconnected' | 'reconnecting' | 'connected'
+) =>
+	( {
+		type: 'HELP_CENTER_SET_ZENDESK_CONNECTION_STATUS',
+		connectionStatus,
+	} ) as const;
+
+export const setSupportTypingStatus = ( conversationId: string, isTyping: false ) =>
+	( {
+		type: 'HELP_CENTER_SET_TYPING_STATUS',
+		conversationId,
+		isTyping,
+	} ) as const;
+
 export const setShowMessagingLauncher = ( show: boolean ) =>
 	( {
 		type: 'HELP_CENTER_SET_SHOW_MESSAGING_LAUNCHER',
@@ -103,9 +130,9 @@ export const setContextTerm = ( contextTerm: string ) =>
 		contextTerm,
 	} ) as const;
 
-export const setAllowPremiumSupport = ( allow: boolean ) =>
+export const setHasPremiumSupport = ( allow: boolean ) =>
 	( {
-		type: 'HELP_CENTER_SET_ALLOW_PREMIUM_SUPPORT',
+		type: 'HELP_CENTER_SET_HAS_PREMIUM_SUPPORT',
 		allow,
 	} ) as const;
 
@@ -114,74 +141,78 @@ export const setHelpCenterOptions = ( options: HelpCenterOptions ) => ( {
 	options,
 } );
 
+/**
+ * Set the current user in the help center store.
+ * This value is needed because the store makes decisions based on the logged in status.
+ * @param user - The current user to set.
+ * @returns The action object.
+ */
+export const setCurrentUser = ( user: CurrentUser | undefined ) =>
+	( {
+		type: 'HELP_CENTER_SET_CURRENT_USER',
+		user,
+	} ) as const;
+
+export const showHelpCenter = function ( show: boolean ) {
+	persistPreference( 'help_center_open', show );
+	return {
+		type: 'HELP_CENTER_SET_SHOW',
+		show,
+	} as const;
+};
+
 export const setShowHelpCenter = function* (
 	show: boolean,
-	allowPremiumSupport = false,
-	options: HelpCenterShowOptions = { hideBackButton: false, contextTerm: '' }
-): Generator< unknown, { type: 'HELP_CENTER_SET_SHOW'; show: boolean }, unknown > {
-	const isMinimized = ( select( STORE_KEY ) as HelpCenterSelect ).getIsMinimized();
+	options: HelpCenterShowOptions = {
+		hasPremiumSupport: false,
+		hideBackButton: false,
+		contextTerm: '',
+	},
+	/**
+	 * When the Help Center is minimized and someone clicks the (?) toggle button, we should maximize it.
+	 * But this means ignoring the `show=false` value the button will send. The problem is we'll also ignore the `show=false` when the close (x) buttons is clicked too.
+	 * `forceClose` listens to the show value always. Which the (x) button sets to true.
+	 */
+	forceClose = false
+) {
+	const isMinimized: boolean = yield controls.resolveSelect( STORE_KEY, 'getIsMinimized' );
 
-	if ( ! show && isMinimized ) {
+	// Opening or closing the Help Center should reset the minimized state.
+	if ( ! show && ! forceClose && isMinimized ) {
 		yield setIsMinimized( false );
-
-		return {
-			type: 'HELP_CENTER_SET_SHOW',
-			show: true,
-		} as const;
-	}
-
-	if ( ! isE2ETest() ) {
-		if ( canAccessWpcomApis() ) {
-			// Use the promise version to do that action without waiting for the result.
-			wpcomRequestPromise( {
-				path: '/me/preferences',
-				apiNamespace: 'wpcom/v2',
-				method: 'PUT',
-				body: {
-					calypso_preferences: {
-						help_center_open: show,
-						// Delete the remote version of the navigation history when closing the help center
-						...( ! show ? { help_center_router_history: null } : {} ),
-					},
-				},
-			} ).catch( () => {} );
-		} else {
-			// Use the promise version to do that action without waiting for the result.
-			apiFetchPromise( {
-				global: true,
-				path: '/help-center/open-state',
-				method: 'PUT',
-				data: {
-					help_center_open: show, // Delete the remote version of the navigation history when closing the help center
-					...( ! show ? { help_center_router_history: null } : {} ),
-				},
-			} as APIFetchOptions ).catch( () => {} );
-		}
+		return showHelpCenter( true );
 	}
 
 	if ( ! show ) {
 		yield setNavigateToRoute( undefined );
-		// Reset the local navigation history when closing the help center
-		yield setHelpCenterRouterHistory( undefined );
-	} else {
-		yield setShowMessagingWidget( false );
+		// Reset the local navigation history when closing the help center.
+		yield setHelpCenterRouterHistory( null );
+		return showHelpCenter( false );
 	}
 
+	yield setShowMessagingWidget( false );
 	yield setContextTerm( options?.contextTerm || '' );
-	yield setIsMinimized( false );
 
-	if ( allowPremiumSupport ) {
-		yield setAllowPremiumSupport( true );
+	if ( isMinimized ) {
+		yield setIsMinimized( false );
+	}
+
+	if ( options?.hasPremiumSupport ) {
+		yield setHasPremiumSupport( true );
 	}
 
-	if ( options?.hideBackButton ) {
+	if ( options ) {
 		yield setHelpCenterOptions( options );
 	}
 
-	return {
-		type: 'HELP_CENTER_SET_SHOW',
-		show,
-	} as const;
+	// Close any Survicate survey that may already be visible.
+	// This covers the case where Survicate loads before the Help Center store
+	// is registered, so invokeSurvicateEvent's store-based guard can't catch it.
+	if ( typeof window !== 'undefined' ) {
+		window._sva?.closeSurvey?.();
+	}
+
+	return showHelpCenter( true );
 };
 
 export const setSubject = ( subject: string ) =>
@@ -237,6 +268,31 @@ export const setNavigateToOdie = function* () {
 	yield setShowHelpCenter( true );
 };
 
+/**
+ * Open the Help Center on the Odie (AI) assistant with optional context.
+ * Does not add provider=zendesk, so the user stays in the AI chat instead of human support.
+ */
+export const setOpenOdieWithContext = function* ( {
+	initialMessage,
+	section,
+	siteUrl,
+	siteId,
+}: {
+	initialMessage: string;
+	section?: string;
+	siteUrl?: string;
+	siteId?: string | number;
+} ) {
+	const url = addQueryArgs( '/odie', {
+		userFieldMessage: initialMessage,
+		section,
+		siteUrl,
+		siteId: siteId != null ? String( siteId ) : undefined,
+	} );
+	yield setNavigateToRoute( url );
+	yield setShowHelpCenter( true );
+};
+
 export const setShowSupportDoc = function* ( link: string, postId?: number, blogId?: number ) {
 	const params = new URLSearchParams( {
 		link,
@@ -256,20 +312,24 @@ export type HelpCenterAction =
 			| typeof setSubject
 			| typeof resetStore
 			| typeof setMessage
+			| typeof setLoggedOutOdieChat
 			| typeof setContextTerm
 			| typeof setUserDeclaredSite
 			| typeof setUserDeclaredSiteUrl
 			| typeof setUnreadCount
-			| typeof setIsMinimized
-			| typeof setHelpCenterRouterHistory
 			| typeof setIsChatLoaded
 			| typeof setAreSoundNotificationsEnabled
 			| typeof setZendeskClientId
+			| typeof setLoggedOutOdieChat
+			| typeof setSupportTypingStatus
+			| typeof setZendeskConnectionStatus
 			| typeof setNavigateToRoute
 			| typeof setOdieInitialPromptText
+			| typeof setHelpCenterRouterHistory
+			| typeof setIsMinimized
 			| typeof setOdieBotNameSlug
-			| typeof setCurrentSupportInteraction
-			| typeof setAllowPremiumSupport
+			| typeof setHasPremiumSupport
 			| typeof setHelpCenterOptions
+			| typeof setCurrentUser
 	  >
 	| GeneratorReturnType< typeof setShowHelpCenter >;

package/src/help-center/constants.ts

@@ -1 +1,2 @@
 export const STORE_KEY = 'automattic/help-center';
+export const PREFERENCES_KEY = 'logged_out_help_center_preferences_';

package/src/help-center/index.ts

@@ -1,45 +1,17 @@
 import { registerStore } from '@wordpress/data';
 import { controls } from '@wordpress/data-controls';
 import { registerPlugins } from '../plugins';
+import { isE2ETest, isInSupportSession } from '../utils';
 import { controls as wpcomRequestControls } from '../wpcom-request-controls';
 import * as actions from './actions';
 import { STORE_KEY } from './constants';
 import reducer, { State } from './reducer';
-import { isHelpCenterShown } from './resolvers';
+import * as resolvers from './resolvers';
 import * as selectors from './selectors';
 export type { State };
 
-declare const helpCenterData: { isProxied: boolean; isSU: boolean; isSSP: boolean } | undefined;
-declare const isSupportSession: boolean;
-declare const isSSP: boolean;
-
 let isRegistered = false;
 
-// All end-to-end tests use a custom user agent containing this string.
-const E2E_USER_AGENT = 'wp-e2e-tests';
-
-export const isE2ETest = () =>
-	typeof window !== 'undefined' && window.navigator.userAgent.includes( E2E_USER_AGENT );
-
-export const isInSupportSession = () => {
-	if ( typeof window !== 'undefined' ) {
-		return (
-			// A bit hacky but much easier than passing down data from PHP in Jetpack
-			// Simple
-			!! document.querySelector( '#wp-admin-bar-support-session-details' ) ||
-			!! document.querySelector( '#a8c-support-session-overlay' ) ||
-			// Atomic
-			document.body.classList.contains( 'support-session' ) ||
-			document.querySelector( '#wpcom > .is-support-session' ) ||
-			( typeof isSupportSession !== 'undefined' && !! isSupportSession ) ||
-			( typeof helpCenterData !== 'undefined' && helpCenterData?.isSU ) ||
-			( typeof helpCenterData !== 'undefined' && helpCenterData?.isSSP ) ||
-			( typeof isSSP !== 'undefined' && !! isSSP )
-		);
-	}
-	return false;
-};
-
 export function register(): typeof STORE_KEY {
 	const enabledPersistedOpenState = ! isE2ETest() && ! isInSupportSession();
 
@@ -51,9 +23,15 @@ export function register(): typeof STORE_KEY {
 			reducer,
 			controls: { ...controls, ...wpcomRequestControls },
 			selectors,
-			persist: [ 'message', 'userDeclaredSite', 'userDeclaredSiteUrl', 'subject' ],
+			persist: [
+				'message',
+				'userDeclaredSite',
+				'userDeclaredSiteUrl',
+				'subject',
+				'loggedOutOdieChat',
+			],
 			// Don't persist the open state for e2e users, because parallel tests will start interfering with each other.
-			resolvers: enabledPersistedOpenState ? { isHelpCenterShown } : undefined,
+			resolvers: enabledPersistedOpenState ? resolvers : undefined,
 		} );
 		isRegistered = true;
 	}
@@ -61,4 +39,5 @@ export function register(): typeof STORE_KEY {
 	return STORE_KEY;
 }
 
+export { setHelpCenterAppId } from './utils';
 export type { HelpCenterSite } from './types';

package/src/help-center/reducer.ts

@@ -1,9 +1,9 @@
 import { combineReducers } from '@wordpress/data';
+import { Location } from 'history';
 import { SiteDetails } from '../site';
+import { CurrentUser } from '../user/types';
 import type { HelpCenterAction } from './actions';
 import type { HelpCenterOptions } from './types';
-import type { SupportInteraction } from '@automattic/odie-client/src/types';
-import type { Location } from 'history';
 import type { Reducer } from 'redux';
 
 const showHelpCenter: Reducer< boolean | undefined, HelpCenterAction > = ( state, action ) => {
@@ -14,6 +14,28 @@ const showHelpCenter: Reducer< boolean | undefined, HelpCenterAction > = ( state
 	return state;
 };
 
+const typingConversationStatus: Reducer<
+	Record< string, boolean > | undefined,
+	HelpCenterAction
+> = ( state = undefined, action ) => {
+	switch ( action.type ) {
+		case 'HELP_CENTER_SET_TYPING_STATUS':
+			return { ...state, [ action.conversationId ]: action.isTyping };
+	}
+	return state;
+};
+
+const zendeskConnectionStatus: Reducer<
+	'disconnected' | 'reconnecting' | 'connected' | undefined,
+	HelpCenterAction
+> = ( state = undefined, action ) => {
+	switch ( action.type ) {
+		case 'HELP_CENTER_SET_ZENDESK_CONNECTION_STATUS':
+			return action.connectionStatus;
+	}
+	return state;
+};
+
 const showMessagingLauncher: Reducer< boolean | undefined, HelpCenterAction > = (
 	state,
 	action
@@ -26,9 +48,9 @@ const showMessagingLauncher: Reducer< boolean | undefined, HelpCenterAction > =
 };
 
 const helpCenterRouterHistory: Reducer<
-	{ entries: Location[]; index: number } | undefined,
+	{ entries: Location[]; index: number } | null,
 	HelpCenterAction
-> = ( state, action ) => {
+> = ( state = null, action ) => {
 	switch ( action.type ) {
 		case 'HELP_CENTER_SET_HELP_CENTER_ROUTER_HISTORY':
 			return action.history;
@@ -36,20 +58,21 @@ const helpCenterRouterHistory: Reducer<
 	return state;
 };
 
-const showMessagingWidget: Reducer< boolean | undefined, HelpCenterAction > = ( state, action ) => {
+const loggedOutOdieChat: Reducer<
+	{ odieId: number; sessionId: string; botSlug: string } | undefined,
+	HelpCenterAction
+> = ( state = undefined, action ) => {
 	switch ( action.type ) {
-		case 'HELP_CENTER_SET_SHOW_MESSAGING_WIDGET':
-			return action.show;
+		case 'HELP_CENTER_SET_LOGGED_OUT_ODIE_CHAT':
+			return action.session;
 	}
 	return state;
 };
 
-const currentSupportInteraction: Reducer< SupportInteraction | undefined, HelpCenterAction > = (
-	state,
-	action
-) => {
-	if ( action.type === 'HELP_CENTER_SET_CURRENT_SUPPORT_INTERACTION' ) {
-		return action.supportInteraction;
+const showMessagingWidget: Reducer< boolean | undefined, HelpCenterAction > = ( state, action ) => {
+	switch ( action.type ) {
+		case 'HELP_CENTER_SET_SHOW_MESSAGING_WIDGET':
+			return action.show;
 	}
 	return state;
 };
@@ -137,9 +160,12 @@ const userDeclaredSite: Reducer< SiteDetails | undefined, HelpCenterAction > = (
 	return state;
 };
 
-const navigateToRoute: Reducer< string | undefined, HelpCenterAction > = ( state, action ) => {
+const navigateToRoute: Reducer<
+	{ route: string | undefined; coalesceParams: boolean } | undefined,
+	HelpCenterAction
+> = ( state, action ) => {
 	if ( action.type === 'HELP_CENTER_SET_NAVIGATE_TO_ROUTE' ) {
-		return action.route;
+		return { route: action.route, coalesceParams: action.coalesceParams };
 	}
 	return state;
 };
@@ -161,9 +187,9 @@ const odieBotNameSlug: Reducer< string | undefined, HelpCenterAction > = ( state
 	return state;
 };
 
-const allowPremiumSupport: Reducer< boolean, HelpCenterAction > = ( state = false, action ) => {
+const hasPremiumSupport: Reducer< boolean, HelpCenterAction > = ( state = false, action ) => {
 	switch ( action.type ) {
-		case 'HELP_CENTER_SET_ALLOW_PREMIUM_SUPPORT':
+		case 'HELP_CENTER_SET_HAS_PREMIUM_SUPPORT':
 			return action.allow;
 	}
 	return state;
@@ -186,17 +212,25 @@ const helpCenterOptions: Reducer< HelpCenterOptions, HelpCenterAction > = (
 	return state;
 };
 
+const currentUser: Reducer< CurrentUser | undefined, HelpCenterAction > = ( state, action ) => {
+	if ( action.type === 'HELP_CENTER_SET_CURRENT_USER' ) {
+		return action.user;
+	}
+	return state;
+};
+
 const reducer = combineReducers( {
-	currentSupportInteraction,
 	showHelpCenter,
 	showMessagingLauncher,
 	showMessagingWidget,
+	zendeskConnectionStatus,
 	subject,
 	message,
 	userDeclaredSite,
 	userDeclaredSiteUrl,
 	isMinimized,
 	isChatLoaded,
+	typingConversationStatus,
 	areSoundNotificationsEnabled,
 	zendeskClientId,
 	unreadCount,
@@ -204,9 +238,11 @@ const reducer = combineReducers( {
 	odieInitialPromptText,
 	odieBotNameSlug,
 	helpCenterRouterHistory,
-	allowPremiumSupport,
+	loggedOutOdieChat,
+	hasPremiumSupport,
 	contextTerm,
 	helpCenterOptions,
+	currentUser,
 } );
 
 export type State = ReturnType< typeof reducer >;

package/src/help-center/resolvers.ts

@@ -1,38 +1,53 @@
-import { apiFetch } from '@wordpress/data-controls';
-import { canAccessWpcomApis } from 'wpcom-proxy-request';
-import { wpcomRequest } from '../wpcom-request-controls';
-import { setHelpCenterRouterHistory } from './actions';
-import type { APIFetchOptions } from './types';
-import type { Location } from 'history';
+import { HelpCenterThunkProps } from './types';
+import { getPersistedPreference } from './utils';
 
-export function* isHelpCenterShown() {
-	try {
-		const preferences: {
-			help_center_open: boolean;
-			help_center_router_history: {
-				entries: Location[];
-				index: number;
-			};
-		} = canAccessWpcomApis()
-			? yield wpcomRequest( {
-					path: '/me/preferences',
-					apiNamespace: 'wpcom/v2',
-			  } )
-			: yield apiFetch( {
-					global: true,
-					path: '/help-center/open-state',
-			  } as APIFetchOptions );
+export function isHelpCenterShown() {
+	return async ( { dispatch }: HelpCenterThunkProps ) => {
+		try {
+			const helpCenterOpen = await getPersistedPreference( 'help_center_open' );
 
-		if ( preferences.help_center_router_history ) {
-			yield setHelpCenterRouterHistory( preferences.help_center_router_history );
+			// We only want to auto-open, we don't want to auto-close (and potentially overrule the user's action).
+			if ( helpCenterOpen ) {
+				dispatch( {
+					type: 'HELP_CENTER_SET_SHOW',
+					show: true,
+				} as const );
+			}
+		} catch {
+			dispatch( {
+				type: 'HELP_CENTER_SET_SHOW',
+				show: false,
+			} as const );
 		}
+	};
+}
 
-		// We only want to auto-open, we don't want to auto-close (and potentially overrule the user's action).
-		if ( preferences.help_center_open ) {
-			return {
-				type: 'HELP_CENTER_SET_SHOW',
-				show: true,
-			} as const;
+export function getHelpCenterRouterHistory() {
+	return async ( { dispatch, select }: HelpCenterThunkProps ) => {
+		const route = select.getNavigateToRoute()?.route;
+
+		// Don't use the history from the preferences if route is defined to avoid a race condition between restoring
+		// persisted data and setting the support doc data. Persisted values could overwrite freshly fetched data.
+		if ( typeof route === 'undefined' ) {
+			const routerHistory = await getPersistedPreference( 'help_center_router_history' );
+
+			// We only want to auto-open, we don't want to auto-close (and potentially overrule the user's action).
+			if ( routerHistory ) {
+				dispatch( {
+					type: 'HELP_CENTER_SET_HELP_CENTER_ROUTER_HISTORY',
+					history: routerHistory,
+				} as const );
+			}
 		}
-	} catch {}
+	};
+}
+
+export function getIsMinimized() {
+	return async ( { dispatch }: HelpCenterThunkProps ) => {
+		const minimized = await getPersistedPreference( 'help_center_minimized' );
+		dispatch( {
+			type: 'HELP_CENTER_SET_MINIMIZED',
+			minimized: minimized ?? false,
+		} as const );
+	};
 }

package/src/help-center/selectors.ts

@@ -8,8 +8,10 @@ export const getMessage = ( state: State ) => state.message;
 export const getUserDeclaredSiteUrl = ( state: State ) => state.userDeclaredSiteUrl;
 export const getUserDeclaredSite = ( state: State ) => state.userDeclaredSite;
 export const getUnreadCount = ( state: State ) => state.unreadCount;
+export const getZendeskConnectionStatus = ( state: State ) => state.zendeskConnectionStatus;
 export const getIsMinimized = ( state: State ) => state.isMinimized;
 export const getIsChatLoaded = ( state: State ) => state.isChatLoaded;
+export const getLoggedOutOdieChat = ( state: State ) => state.loggedOutOdieChat;
 export const getAreSoundNotificationsEnabled = ( state: State ) =>
 	state.areSoundNotificationsEnabled;
 export const getZendeskClientId = ( state: State ) => state.zendeskClientId;
@@ -17,7 +19,10 @@ export const getHelpCenterRouterHistory = ( state: State ) => state.helpCenterRo
 export const getNavigateToRoute = ( state: State ) => state.navigateToRoute;
 export const getOdieInitialPromptText = ( state: State ) => state.odieInitialPromptText;
 export const getOdieBotNameSlug = ( state: State ) => state.odieBotNameSlug;
-export const getCurrentSupportInteraction = ( state: State ) => state.currentSupportInteraction;
-export const getAllowPremiumSupport = ( state: State ) => state.allowPremiumSupport;
+export const getHasPremiumSupport = ( state: State ) => state.hasPremiumSupport;
 export const getHelpCenterOptions = ( state: State ) => state.helpCenterOptions;
 export const getContextTerm = ( state: State ) => state.contextTerm;
+export const getSupportTypingStatus = ( state: State, conversationId: string ) =>
+	state.typingConversationStatus?.[ conversationId ];
+export const getCurrentUser = ( state: State ) => state.currentUser;
+export const getIsLoggedIn = ( state: State ) => !! state.currentUser?.ID;