diff --git a/modules/ppcp-settings/resources/js/data/onboarding/constants.js b/modules/ppcp-settings/resources/js/data/onboarding/constants.js new file mode 100644 index 000000000..638b329df --- /dev/null +++ b/modules/ppcp-settings/resources/js/data/onboarding/constants.js @@ -0,0 +1,10 @@ +/** + * Name of the module-store in the main Redux store. + * Helps to isolate data. + * + * Used by: Reducer, Selector, Index + * + * @type {string} + */ +export const STORE_KEY = 'onboarding'; + diff --git a/modules/ppcp-settings/resources/js/data/onboarding/index.js b/modules/ppcp-settings/resources/js/data/onboarding/index.js index 0b07abf46..4f5ec7ed1 100644 --- a/modules/ppcp-settings/resources/js/data/onboarding/index.js +++ b/modules/ppcp-settings/resources/js/data/onboarding/index.js @@ -1,6 +1,7 @@ +import { STORE_KEY } from './constants'; import reducer from './reducer'; import * as selectors from './selectors'; import * as actions from './actions'; import * as resolvers from './resolvers'; -export { reducer, selectors, actions, resolvers }; +export { reducer, selectors, actions, resolvers, STORE_KEY }; diff --git a/modules/ppcp-settings/resources/js/data/onboarding/selectors.js b/modules/ppcp-settings/resources/js/data/onboarding/selectors.js index b7721b992..eb329c7d4 100644 --- a/modules/ppcp-settings/resources/js/data/onboarding/selectors.js +++ b/modules/ppcp-settings/resources/js/data/onboarding/selectors.js @@ -1,22 +1,24 @@ +import { STORE_KEY } from './constants'; + const EMPTY_OBJ = Object.freeze( {} ); -const getOnboardingState = ( state ) => { +const getState = ( state ) => { if ( ! state ) { return EMPTY_OBJ; } - return state.onboarding || EMPTY_OBJ; + return state[ STORE_KEY ] || EMPTY_OBJ; }; export const getPersistentData = ( state ) => { - return getOnboardingState( state ).data || EMPTY_OBJ; + return getState( state ).data || EMPTY_OBJ; }; export const getTransientData = ( state ) => { - const { data, flags, ...transientState } = getOnboardingState( state ); + const { data, flags, ...transientState } = getState( state ); return transientState || EMPTY_OBJ; }; export const getFlags = ( state ) => { - return getOnboardingState( state ).flags || EMPTY_OBJ; + return getState( state ).flags || EMPTY_OBJ; };