Move email editor components out of the engine folder
MAILPOET-6215
This commit is contained in:
Oluwaseun Olorunsola
committed by
Oluwaseun Olorunsola
Oluwaseun Olorunsola
parent
e6d607028c
commit
1c3ea9cd0a
293
packages/js/email-editor/src/store/selectors.ts
Normal file
293
packages/js/email-editor/src/store/selectors.ts
Normal file
@@ -0,0 +1,293 @@
|
||||
import { createRegistrySelector } from '@wordpress/data';
|
||||
import { store as coreDataStore } from '@wordpress/core-data';
|
||||
import { store as interfaceStore } from '@wordpress/interface';
|
||||
import { store as editorStore } from '@wordpress/editor';
|
||||
import { store as preferencesStore } from '@wordpress/preferences';
|
||||
import { serialize, BlockInstance } from '@wordpress/blocks';
|
||||
import { storeName } from './constants';
|
||||
import { State, Feature, EmailTemplate } from './types';
|
||||
|
||||
export const isFeatureActive = createRegistrySelector(
|
||||
( select ) =>
|
||||
( _, feature: Feature ): boolean =>
|
||||
!! select( preferencesStore ).get( storeName, feature )
|
||||
);
|
||||
|
||||
export const isSidebarOpened = createRegistrySelector(
|
||||
( select ) => (): boolean =>
|
||||
!! select( interfaceStore ).getActiveComplementaryArea( storeName )
|
||||
);
|
||||
|
||||
export const hasEdits = createRegistrySelector( ( select ) => (): boolean => {
|
||||
const postId = select( storeName ).getEmailPostId();
|
||||
return !! select( coreDataStore ).hasEditsForEntityRecord(
|
||||
'postType',
|
||||
'mailpoet_email',
|
||||
postId
|
||||
);
|
||||
} );
|
||||
|
||||
export const isEmailLoaded = createRegistrySelector(
|
||||
( select ) => (): boolean => {
|
||||
const postId = select( storeName ).getEmailPostId();
|
||||
return !! select( coreDataStore ).getEntityRecord(
|
||||
'postType',
|
||||
'mailpoet_email',
|
||||
postId
|
||||
);
|
||||
}
|
||||
);
|
||||
|
||||
export const isSaving = createRegistrySelector( ( select ) => (): boolean => {
|
||||
const postId = select( storeName ).getEmailPostId();
|
||||
return !! select( coreDataStore ).isSavingEntityRecord(
|
||||
'postType',
|
||||
'mailpoet_email',
|
||||
postId
|
||||
);
|
||||
} );
|
||||
|
||||
export const isEmpty = createRegistrySelector( ( select ) => (): boolean => {
|
||||
const postId = select( storeName ).getEmailPostId();
|
||||
|
||||
const post = select( coreDataStore ).getEntityRecord(
|
||||
'postType',
|
||||
'mailpoet_email',
|
||||
postId
|
||||
);
|
||||
if ( ! post ) {
|
||||
return true;
|
||||
}
|
||||
|
||||
// @ts-expect-error Missing property in type
|
||||
const { content, mailpoet_data: mailpoetData, title } = post;
|
||||
return (
|
||||
! content.raw &&
|
||||
! mailpoetData.subject &&
|
||||
! mailpoetData.preheader &&
|
||||
! title.raw
|
||||
);
|
||||
} );
|
||||
|
||||
export const hasEmptyContent = createRegistrySelector(
|
||||
( select ) => (): boolean => {
|
||||
const postId = select( storeName ).getEmailPostId();
|
||||
|
||||
const post = select( coreDataStore ).getEntityRecord(
|
||||
'postType',
|
||||
'mailpoet_email',
|
||||
postId
|
||||
);
|
||||
if ( ! post ) {
|
||||
return true;
|
||||
}
|
||||
|
||||
// @ts-expect-error Missing property in type
|
||||
const { content } = post;
|
||||
return ! content.raw;
|
||||
}
|
||||
);
|
||||
|
||||
export const isEmailSent = createRegistrySelector(
|
||||
( select ) => (): boolean => {
|
||||
const postId = select( storeName ).getEmailPostId();
|
||||
|
||||
const post = select( coreDataStore ).getEntityRecord(
|
||||
'postType',
|
||||
'mailpoet_email',
|
||||
postId
|
||||
);
|
||||
if ( ! post ) {
|
||||
return false;
|
||||
}
|
||||
|
||||
// @ts-expect-error Missing property in type
|
||||
const status = post.status;
|
||||
return status === 'sent';
|
||||
}
|
||||
);
|
||||
|
||||
/**
|
||||
* Returns the content of the email being edited.
|
||||
*
|
||||
* @param {Object} state Global application state.
|
||||
* @return {string} Post content.
|
||||
*/
|
||||
export const getEditedEmailContent = createRegistrySelector(
|
||||
( select ) => (): string => {
|
||||
const postId = select( storeName ).getEmailPostId();
|
||||
const record = select( coreDataStore ).getEditedEntityRecord(
|
||||
'postType',
|
||||
'mailpoet_email',
|
||||
postId
|
||||
) as unknown as
|
||||
| { content: string | unknown; blocks: BlockInstance[] }
|
||||
| undefined;
|
||||
|
||||
if ( record ) {
|
||||
if ( record?.content && typeof record.content === 'function' ) {
|
||||
return record.content( record ) as string;
|
||||
}
|
||||
if ( record?.blocks ) {
|
||||
return serialize( record.blocks );
|
||||
}
|
||||
if ( record?.content ) {
|
||||
return record.content as string;
|
||||
}
|
||||
}
|
||||
return '';
|
||||
}
|
||||
);
|
||||
|
||||
/**
|
||||
* COPIED FROM https://github.com/WordPress/gutenberg/blob/9c6d4fe59763b188d27ad937c2f0daa39e4d9341/packages/edit-post/src/store/selectors.js
|
||||
* Retrieves the template of the currently edited post.
|
||||
*
|
||||
* @return {Object?} Post Template.
|
||||
*/
|
||||
export const getEditedPostTemplate = createRegistrySelector(
|
||||
( select ) => (): EmailTemplate => {
|
||||
const currentTemplate =
|
||||
// @ts-expect-error Expected 0 arguments, but got 1.
|
||||
select( editorStore ).getEditedPostAttribute( 'template' );
|
||||
|
||||
if ( currentTemplate ) {
|
||||
const templateWithSameSlug = select( coreDataStore )
|
||||
.getEntityRecords( 'postType', 'wp_template', { per_page: -1 } )
|
||||
// @ts-expect-error Missing property in type
|
||||
?.find( ( template ) => template.slug === currentTemplate );
|
||||
|
||||
if ( ! templateWithSameSlug ) {
|
||||
return templateWithSameSlug as EmailTemplate;
|
||||
}
|
||||
|
||||
return select( coreDataStore ).getEditedEntityRecord(
|
||||
'postType',
|
||||
'wp_template',
|
||||
|
||||
// @ts-expect-error getEditedPostAttribute
|
||||
// eslint-disable-next-line @typescript-eslint/no-unsafe-argument
|
||||
templateWithSameSlug.id
|
||||
) as unknown as EmailTemplate;
|
||||
}
|
||||
|
||||
const defaultTemplateId = select( coreDataStore ).getDefaultTemplateId(
|
||||
{
|
||||
slug: 'email-general',
|
||||
}
|
||||
);
|
||||
|
||||
return select( coreDataStore ).getEditedEntityRecord(
|
||||
'postType',
|
||||
'wp_template',
|
||||
// eslint-disable-next-line @typescript-eslint/no-unsafe-argument
|
||||
defaultTemplateId
|
||||
) as unknown as EmailTemplate;
|
||||
}
|
||||
);
|
||||
|
||||
export const getTemplateContent = () => {
|
||||
const template = getEditedPostTemplate();
|
||||
return template?.content || '';
|
||||
};
|
||||
|
||||
export const getCurrentTemplate = createRegistrySelector( ( select ) => () => {
|
||||
const isEditingTemplate =
|
||||
select( editorStore ).getCurrentPostType() === 'wp_template';
|
||||
|
||||
if ( isEditingTemplate ) {
|
||||
const templateId = select( editorStore ).getCurrentPostId();
|
||||
|
||||
return select( coreDataStore ).getEditedEntityRecord(
|
||||
'postType',
|
||||
'wp_template',
|
||||
// eslint-disable-next-line @typescript-eslint/no-unsafe-argument
|
||||
templateId
|
||||
);
|
||||
}
|
||||
return getEditedPostTemplate();
|
||||
} );
|
||||
|
||||
/**
|
||||
* Retrieves the email templates.
|
||||
*/
|
||||
export const getEmailTemplates = createRegistrySelector(
|
||||
( select ) => () =>
|
||||
select( coreDataStore )
|
||||
.getEntityRecords( 'postType', 'wp_template', {
|
||||
per_page: -1,
|
||||
post_type: 'mailpoet_email',
|
||||
} )
|
||||
// We still need to filter the templates because, in some cases, the API also returns custom templates
|
||||
// ignoring the post_type filter in the query
|
||||
?.filter(
|
||||
( template ) =>
|
||||
// @ts-expect-error Missing property in type
|
||||
template.theme === 'mailpoet/mailpoet'
|
||||
)
|
||||
);
|
||||
|
||||
export function getEmailPostId( state: State ): number {
|
||||
return state.postId;
|
||||
}
|
||||
|
||||
export function isInserterSidebarOpened( state: State ): boolean {
|
||||
return state.inserterSidebar.isOpened;
|
||||
}
|
||||
|
||||
export function isListviewSidebarOpened( state: State ): boolean {
|
||||
return state.listviewSidebar.isOpened;
|
||||
}
|
||||
|
||||
export function getSettingsSidebarActiveTab( state: State ): string {
|
||||
return state.settingsSidebar.activeTab;
|
||||
}
|
||||
|
||||
export function getInitialEditorSettings(
|
||||
state: State
|
||||
): State[ 'editorSettings' ] {
|
||||
return state.editorSettings;
|
||||
}
|
||||
|
||||
export function getPaletteColors(
|
||||
state: State
|
||||
): State[ 'editorSettings' ][ '__experimentalFeatures' ][ 'color' ][ 'palette' ] {
|
||||
// eslint-disable-next-line no-underscore-dangle
|
||||
return state.editorSettings.__experimentalFeatures.color.palette;
|
||||
}
|
||||
|
||||
export function getPreviewState( state: State ): State[ 'preview' ] {
|
||||
return state.preview;
|
||||
}
|
||||
|
||||
export const getDeviceType = createRegistrySelector(
|
||||
( select ) => () =>
|
||||
// @ts-expect-error getDeviceType is missing in types.
|
||||
select( editorStore ).getDeviceType() as string
|
||||
);
|
||||
|
||||
export function getStyles( state: State ): State[ 'theme' ][ 'styles' ] {
|
||||
return state.theme.styles;
|
||||
}
|
||||
|
||||
export function getAutosaveInterval(
|
||||
state: State
|
||||
): State[ 'autosaveInterval' ] {
|
||||
return state.autosaveInterval;
|
||||
}
|
||||
|
||||
export function getCdnUrl( state: State ): State[ 'cdnUrl' ] {
|
||||
return state.cdnUrl;
|
||||
}
|
||||
|
||||
export function isPremiumPluginActive( state: State ): boolean {
|
||||
return state.isPremiumPluginActive;
|
||||
}
|
||||
|
||||
export function getTheme( state: State ): State[ 'theme' ] {
|
||||
return state.theme;
|
||||
}
|
||||
|
||||
export function getUrls( state: State ): State[ 'urls' ] {
|
||||
return state.urls;
|
||||
}
|
||||
Reference in New Issue
Block a user