Rename mainSidebarEmailTab constant to mainSidebarDocumentTab

The email name was misleading because in the template mode we want to show Template.
[MAILPOET-6336]

packages/js/email-editor/src/components/sidebar/header.tsx

@@ -12,12 +12,12 @@ import { Tabs } from '../../private-apis';
 /**
  * Internal dependencies
  */
-import { mainSidebarEmailTab, mainSidebarBlockTab } from '../../store';
+import { mainSidebarDocumentTab, mainSidebarBlockTab } from '../../store';
 
 export function HeaderTabs( _, ref ) {
 	return (
 		<Tabs.TabList ref={ ref }>
-			<Tabs.Tab tabId={ mainSidebarEmailTab }>
+			<Tabs.Tab tabId={ mainSidebarDocumentTab }>
 				{ __( 'Email', 'mailpoet' ) }
 			</Tabs.Tab>
 			<Tabs.Tab tabId={ mainSidebarBlockTab }>{ __( 'Block' ) }</Tabs.Tab>

packages/js/email-editor/src/components/sidebar/sidebar.tsx

@@ -21,7 +21,7 @@ import { Tabs } from '../../private-apis';
  */
 import {
 	storeName,
-	mainSidebarEmailTab,
+	mainSidebarDocumentTab,
 	mainSidebarBlockTab,
 	mainSidebarId,
 } from '../../store';
@@ -58,7 +58,7 @@ function SidebarContent( props: Props ) {
 			{ ...props }
 		>
 			<Tabs.Context.Provider value={ tabsContextValue }>
-				<Tabs.TabPanel tabId={ mainSidebarEmailTab }>
+				<Tabs.TabPanel tabId={ mainSidebarDocumentTab }>
 					{ editorMode === 'template' ? (
 						<TemplateSettings />
 					) : (
@@ -89,13 +89,13 @@ export function Sidebar( props: Props ) {
 		if ( selectedBlockId ) {
 			void toggleSettingsSidebarActiveTab( mainSidebarBlockTab );
 		} else {
-			void toggleSettingsSidebarActiveTab( mainSidebarEmailTab );
+			void toggleSettingsSidebarActiveTab( mainSidebarDocumentTab );
 		}
 	}, [ selectedBlockId, toggleSettingsSidebarActiveTab ] );
 
 	return (
 		<Tabs
-			selectedTabId={ activeTab || mainSidebarEmailTab }
+			selectedTabId={ activeTab || mainSidebarDocumentTab }
 			onSelect={ ( key ) =>
 				toggleSettingsSidebarActiveTab( key as string )
 			}

packages/js/email-editor/src/store/actions.ts

@@ -6,7 +6,7 @@ import { store as noticesStore } from '@wordpress/notices';
 import { store as editorStore } from '@wordpress/editor';
 import { __ } from '@wordpress/i18n';
 import { apiFetch } from '@wordpress/data-controls';
-import { storeName, mainSidebarEmailTab } from './constants';
+import { storeName, mainSidebarDocumentTab } from './constants';
 import { SendingPreviewStatus, State, Feature, EmailTheme } from './types';
 
 export const toggleFeature =
@@ -34,7 +34,7 @@ export function updateSendPreviewEmail( toEmail: string ) {
 }
 
 export const openSidebar =
-	( key = mainSidebarEmailTab ) =>
+	( key = mainSidebarDocumentTab ) =>
 	( { registry } ): unknown =>
 		registry
 			.dispatch( interfaceStore )

packages/js/email-editor/src/store/constants.ts

@@ -1,6 +1,6 @@
 export const storeName = 'email-editor/editor';
 
 export const mainSidebarId = 'email-editor/editor/main';
-export const mainSidebarEmailTab = 'email';
+export const mainSidebarDocumentTab = 'document';
 export const mainSidebarBlockTab = 'block';
 export const stylesSidebarId = 'email-editor/editor/styles';

packages/js/email-editor/src/store/initial-state.ts

@@ -1,4 +1,4 @@
-import { mainSidebarEmailTab } from './constants';
+import { mainSidebarDocumentTab } from './constants';
 import { State } from './types';
 import {
 	getEditorSettings,
@@ -19,7 +19,7 @@ export function getInitialState(): State {
 			isOpened: false,
 		},
 		settingsSidebar: {
-			activeTab: mainSidebarEmailTab,
+			activeTab: mainSidebarDocumentTab,
 		},
 		postId,
 		editorSettings: getEditorSettings(),