From e5ce417f17ac1f18e5b080aad50ed35f657cca0d Mon Sep 17 00:00:00 2001 From: arunshenoy99 Date: Wed, 28 Sep 2022 15:45:08 +0530 Subject: [PATCH 01/10] PRESS2-299 add state handler --- .../Themes/ThemeInstallerController.php | 65 ++++++++++++++++++- includes/Services/ThemeInstaller.php | 2 +- .../TaskManagers/ThemeInstallTaskManager.php | 5 ++ .../pages/Steps/DesignStateHandler/index.js | 60 +++++++++++++++++ .../Steps/DesignThemeStyles/Menu/index.js | 10 ++- .../Steps/DesignThemeStyles/Preview/index.js | 3 + src/OnboardingSPA/store/reducer.js | 2 +- src/OnboardingSPA/store/selectors.js | 4 ++ src/OnboardingSPA/utils/api/themes.js | 8 ++- 9 files changed, 151 insertions(+), 8 deletions(-) create mode 100644 src/OnboardingSPA/pages/Steps/DesignStateHandler/index.js diff --git a/includes/RestApi/Themes/ThemeInstallerController.php b/includes/RestApi/Themes/ThemeInstallerController.php index 61b23fba0..462b218f9 100644 --- a/includes/RestApi/Themes/ThemeInstallerController.php +++ b/includes/RestApi/Themes/ThemeInstallerController.php @@ -33,7 +33,7 @@ public function register_routes() { array( 'methods' => \WP_REST_Server::CREATABLE, 'callback' => array( $this, 'initialize' ), - 'permission_callback' => array( Permissions::class, 'rest_is_authorized_admin' ), + // 'permission_callback' => array( Permissions::class, 'rest_is_authorized_admin' ), ), ) ); @@ -50,6 +50,20 @@ public function register_routes() { ), ) ); + + + \register_rest_route( + $this->namespace, + $this->rest_base . '/install/status', + array( + array( + 'methods' => \WP_REST_Server::READABLE, + 'callback' => array( $this, 'get_install_status' ), + 'args' => $this->get_install_status_args(), + // 'permission_callback' => array( Permissions::class, 'rest_is_authorized_admin' ), + ), + ) + ); } /** @@ -78,6 +92,19 @@ public function get_install_theme_args() { ); } + public function get_install_status_args() { + return array( + 'theme' => array( + 'type' => 'string', + 'required' => true, + ), + 'activated' => array( + 'type' => 'boolean', + 'default' => true + ), + ); + } + /** * Queue in the initial list of themes to be installed. * @@ -139,4 +166,38 @@ public static function install( \WP_REST_Request $request ) { return $theme_install_task->execute(); } -} + + public function get_install_status( \WP_REST_Request $request ) { + $theme = $request->get_param( 'theme' ); + $activated = $request->get_param( 'activated' ); + + if ( ThemeInstaller::exists( $theme, $activated ) ) { + return new \WP_REST_Response( + array( + 'status' => $activated ? 'activated' : 'installed' + ), + 200 + ); + } + + $position_in_queue = ThemeInstallTaskManager::status( $theme ); + if ( $position_in_queue ) { + return new \WP_REST_Response( + array( + 'status' => 'installing', + 'estimate' => ( ( $position_in_queue + 1 ) * 30 ) + ), + 200 + ); + } + + return new \WP_REST_Response( + array( + 'status' => 'not_active' + ), + 200 + ); + + + } +} \ No newline at end of file diff --git a/includes/Services/ThemeInstaller.php b/includes/Services/ThemeInstaller.php index 2b520b355..e99ac470a 100644 --- a/includes/Services/ThemeInstaller.php +++ b/includes/Services/ThemeInstaller.php @@ -119,7 +119,7 @@ public static function is_nfd_slug( $theme ) { */ public static function get_theme_stylesheet( $theme, $theme_type ) { $theme_list = Themes::get(); - return $theme_list[ $theme_type ][ $theme ]['stylesheet']; + return isset( $theme_list[ $theme_type ][ $theme ]['stylesheet'] ) ? $theme_list[ $theme_type ][ $theme ]['stylesheet'] : false; } /** diff --git a/includes/TaskManagers/ThemeInstallTaskManager.php b/includes/TaskManagers/ThemeInstallTaskManager.php index 1c6a0bdb1..3b0647cc3 100644 --- a/includes/TaskManagers/ThemeInstallTaskManager.php +++ b/includes/TaskManagers/ThemeInstallTaskManager.php @@ -163,4 +163,9 @@ public static function add_to_queue( ThemeInstallTask $theme_install_task ) { return \update_option( Options::get_option_name( self::$queue_name ), $queue->to_array() ); } + + public static function status( $theme ) { + $themes = \get_option( Options::get_option_name( self::$queue_name ), array() ); + return array_search( $theme, array_column( $themes, 'slug' ) ); + } } diff --git a/src/OnboardingSPA/pages/Steps/DesignStateHandler/index.js b/src/OnboardingSPA/pages/Steps/DesignStateHandler/index.js new file mode 100644 index 000000000..83a765137 --- /dev/null +++ b/src/OnboardingSPA/pages/Steps/DesignStateHandler/index.js @@ -0,0 +1,60 @@ +import { useSelect, useDispatch } from '@wordpress/data'; +import { useEffect, useState } from '@wordpress/element'; +import { StepLoader } from '../../../components/Loaders'; + +import { store as nfdOnboardingStore } from '../../../store'; +import { getThemeStatus } from '../../../utils/api/themes'; + +const DesignStateHandler = ( { children } ) => { + const [ state, setState ] = useState( 'installing' ); + + const { settings } = useSelect(( select ) => { + return { + settings: select(nfdOnboardingStore).getSettings() + }; + }, []); + + const { updateSettings } = useDispatch( nfdOnboardingStore ); + + const checkThemeStatus = async () => { + const themeStatus = await getThemeStatus( 'nfd_slug_yith_wonder' ); + return themeStatus.body.status; + } + + + useEffect(async () => { + if ( settings.themeStatus === 'unknown' ) { + const themeStatus = await checkThemeStatus(); + switch( themeStatus ) { + case 'installing': + setTimeout( () => { + updateSettings( settings ); + }, 30000 ) + break; + default: + settings.themeStatus = themeStatus; + updateSettings( settings ); + } + } + setState( settings.themeStatus ); + }, [settings] ) + + const handleRender = ( children ) => { + switch( state ) { + case 'not_active': + return

Error

+ case 'activated': + return children + default: + return + } + } + + return ( + <> + { handleRender( children ) } + + ); +} + +export default DesignStateHandler; \ No newline at end of file diff --git a/src/OnboardingSPA/pages/Steps/DesignThemeStyles/Menu/index.js b/src/OnboardingSPA/pages/Steps/DesignThemeStyles/Menu/index.js index bd508ce46..e14a73e07 100644 --- a/src/OnboardingSPA/pages/Steps/DesignThemeStyles/Menu/index.js +++ b/src/OnboardingSPA/pages/Steps/DesignThemeStyles/Menu/index.js @@ -11,6 +11,7 @@ import { useGlobalStylesOutput } from '../../../../utils/global-styles/use-globa import { getPatterns } from '../../../../utils/api/patterns'; import { getGlobalStyles } from '../../../../utils/api/themes'; import { VIEW_DESIGN_THEME_STYLES_MENU } from '../../../../../constants'; +import DesignStateHandler from '../../DesignStateHandler'; const StepDesignThemeStylesMenu = () => { const MAX_PREVIEWS_PER_ROW = 3; @@ -23,7 +24,7 @@ const StepDesignThemeStylesMenu = () => { const navigate = useNavigate(); const isLargeViewport = useViewportMatch( 'medium' ); - const { currentStep, nextStep, currentData, storedPreviewSettings } = + const { currentStep, nextStep, currentData, storedPreviewSettings, settings } = useSelect( ( select ) => { return { currentStep: select( nfdOnboardingStore ).getStepFromPath( @@ -34,6 +35,7 @@ const StepDesignThemeStylesMenu = () => { select( nfdOnboardingStore ).getCurrentOnboardingData(), storedPreviewSettings: select( nfdOnboardingStore ).getPreviewSettings(), + settings: select( nfdOnboardingStore ).getSettings(), }; }, [] ); @@ -65,8 +67,8 @@ const StepDesignThemeStylesMenu = () => { }; useEffect( () => { - if ( ! isLoaded ) getStylesAndPatterns(); - }, [ isLoaded ] ); + if ( ! isLoaded && settings.themeStatus === 'activated' ) getStylesAndPatterns(); + }, [ isLoaded, settings ] ); const handleClick = ( idx ) => { const selectedGlobalStyle = globalStyles[ idx ]; @@ -97,6 +99,7 @@ const StepDesignThemeStylesMenu = () => { }; return ( +
{
+ ); }; diff --git a/src/OnboardingSPA/pages/Steps/DesignThemeStyles/Preview/index.js b/src/OnboardingSPA/pages/Steps/DesignThemeStyles/Preview/index.js index 29b418b16..efa26f1d6 100644 --- a/src/OnboardingSPA/pages/Steps/DesignThemeStyles/Preview/index.js +++ b/src/OnboardingSPA/pages/Steps/DesignThemeStyles/Preview/index.js @@ -14,6 +14,7 @@ import { getPatterns } from '../../../../utils/api/patterns'; import { getGlobalStyles } from '../../../../utils/api/themes'; import { useGlobalStylesOutput } from '../../../../utils/global-styles/use-global-styles-output'; import { conditionalSteps } from '../../../../data/routes/'; +import DesignStateHandler from '../../DesignStateHandler'; const StepDesignThemeStylesPreview = () => { const location = useLocation(); @@ -169,6 +170,7 @@ const StepDesignThemeStylesPreview = () => { }, [ isLoaded ] ); return ( +
{ ) }
+ ); }; diff --git a/src/OnboardingSPA/store/reducer.js b/src/OnboardingSPA/store/reducer.js index 3040619a5..1e24397e9 100644 --- a/src/OnboardingSPA/store/reducer.js +++ b/src/OnboardingSPA/store/reducer.js @@ -148,7 +148,7 @@ export function runtime( state = {}, action ) { return state; } -export function settings( state = {}, action ) { +export function settings( state = { themeStatus: 'unknown' }, action ) { switch ( action.type ) { case 'UPDATE_SETTINGS': return { diff --git a/src/OnboardingSPA/store/selectors.js b/src/OnboardingSPA/store/selectors.js index d1245ae6e..ea7e25297 100644 --- a/src/OnboardingSPA/store/selectors.js +++ b/src/OnboardingSPA/store/selectors.js @@ -229,6 +229,10 @@ export function getPreviewSettings( state ) { return state.runtime.previewSettings; } +export function getSettings ( state ) { + return state.settings; +} + export function getStoreInfoSteps( state ) { return state.flow.steps.storeInfoSteps; } diff --git a/src/OnboardingSPA/utils/api/themes.js b/src/OnboardingSPA/utils/api/themes.js index 4b88bb46a..37bf6c329 100644 --- a/src/OnboardingSPA/utils/api/themes.js +++ b/src/OnboardingSPA/utils/api/themes.js @@ -24,4 +24,10 @@ const getGlobalStyles = async () => { ); }; -export { init, getGlobalStyles }; +const getThemeStatus = async ( theme ) => { + return await resolve( + apiFetch( { url: onboardingRestURL( 'themes/install/status' + ( theme ? `&theme=${theme}` : '' ) ) } ) + ) +} + +export { init, getGlobalStyles, getThemeStatus }; From 58c12a0d87209d29e1acf923d48e6048baaaf41a Mon Sep 17 00:00:00 2001 From: arunshenoy99 Date: Wed, 28 Sep 2022 17:59:15 +0530 Subject: [PATCH 02/10] PRESS2-299 handle the three states --- .../Themes/ThemeInstallerController.php | 3 +- .../pages/Steps/DesignStateHandler/index.js | 40 +++++++++++-------- .../Steps/DesignThemeStyles/Menu/index.js | 10 ++--- src/OnboardingSPA/store/actions.js | 7 ++++ src/OnboardingSPA/store/reducer.js | 7 +++- src/OnboardingSPA/store/selectors.js | 4 ++ src/constants.js | 7 ++++ 7 files changed, 54 insertions(+), 24 deletions(-) diff --git a/includes/RestApi/Themes/ThemeInstallerController.php b/includes/RestApi/Themes/ThemeInstallerController.php index 462b218f9..23f601e0b 100644 --- a/includes/RestApi/Themes/ThemeInstallerController.php +++ b/includes/RestApi/Themes/ThemeInstallerController.php @@ -181,7 +181,8 @@ public function get_install_status( \WP_REST_Request $request ) { } $position_in_queue = ThemeInstallTaskManager::status( $theme ); - if ( $position_in_queue ) { + + if ( $position_in_queue !== false) { return new \WP_REST_Response( array( 'status' => 'installing', diff --git a/src/OnboardingSPA/pages/Steps/DesignStateHandler/index.js b/src/OnboardingSPA/pages/Steps/DesignStateHandler/index.js index 83a765137..c1d98e46d 100644 --- a/src/OnboardingSPA/pages/Steps/DesignStateHandler/index.js +++ b/src/OnboardingSPA/pages/Steps/DesignStateHandler/index.js @@ -4,46 +4,52 @@ import { StepLoader } from '../../../components/Loaders'; import { store as nfdOnboardingStore } from '../../../store'; import { getThemeStatus } from '../../../utils/api/themes'; +import { THEME_STATUS_INIT, THEME_STATUS_INSTALLING, THEME_STATUS_NOT_ACTIVE, THEME_STATUS_ACTIVE, DESIGN_STEPS_THEME, THEME_INSTALL_WAIT_TIMEOUT } from '../../../../constants'; const DesignStateHandler = ( { children } ) => { - const [ state, setState ] = useState( 'installing' ); - const { settings } = useSelect(( select ) => { + const { storedThemeStatus } = useSelect(( select ) => { return { - settings: select(nfdOnboardingStore).getSettings() + storedThemeStatus: select(nfdOnboardingStore).getThemeStatus() }; }, []); - const { updateSettings } = useDispatch( nfdOnboardingStore ); + const { updateThemeStatus } = useDispatch( nfdOnboardingStore ); const checkThemeStatus = async () => { - const themeStatus = await getThemeStatus( 'nfd_slug_yith_wonder' ); + const themeStatus = await getThemeStatus( DESIGN_STEPS_THEME ); return themeStatus.body.status; } + const waitForInstall = () => { + setTimeout( async () => { + const themeStatus = await checkThemeStatus(); + if ( themeStatus !== THEME_STATUS_ACTIVE) { + updateThemeStatus( THEME_STATUS_NOT_ACTIVE ) + } + }, THEME_INSTALL_WAIT_TIMEOUT ) + } + useEffect(async () => { - if ( settings.themeStatus === 'unknown' ) { + if ( storedThemeStatus === THEME_STATUS_INIT ) { const themeStatus = await checkThemeStatus(); switch( themeStatus ) { - case 'installing': - setTimeout( () => { - updateSettings( settings ); - }, 30000 ) + case THEME_STATUS_INSTALLING: + waitForInstall(); break; default: - settings.themeStatus = themeStatus; - updateSettings( settings ); + updateThemeStatus( themeStatus ) } } - setState( settings.themeStatus ); - }, [settings] ) + + }, [storedThemeStatus] ) const handleRender = ( children ) => { - switch( state ) { - case 'not_active': + switch( storedThemeStatus ) { + case THEME_STATUS_NOT_ACTIVE : return

Error

- case 'activated': + case THEME_STATUS_ACTIVE: return children default: return diff --git a/src/OnboardingSPA/pages/Steps/DesignThemeStyles/Menu/index.js b/src/OnboardingSPA/pages/Steps/DesignThemeStyles/Menu/index.js index e14a73e07..61192eab4 100644 --- a/src/OnboardingSPA/pages/Steps/DesignThemeStyles/Menu/index.js +++ b/src/OnboardingSPA/pages/Steps/DesignThemeStyles/Menu/index.js @@ -10,7 +10,7 @@ import HeadingWithSubHeading from '../../../../components/HeadingWithSubHeading' import { useGlobalStylesOutput } from '../../../../utils/global-styles/use-global-styles-output'; import { getPatterns } from '../../../../utils/api/patterns'; import { getGlobalStyles } from '../../../../utils/api/themes'; -import { VIEW_DESIGN_THEME_STYLES_MENU } from '../../../../../constants'; +import { VIEW_DESIGN_THEME_STYLES_MENU, THEME_STATUS_ACTIVE } from '../../../../../constants'; import DesignStateHandler from '../../DesignStateHandler'; const StepDesignThemeStylesMenu = () => { @@ -24,7 +24,7 @@ const StepDesignThemeStylesMenu = () => { const navigate = useNavigate(); const isLargeViewport = useViewportMatch( 'medium' ); - const { currentStep, nextStep, currentData, storedPreviewSettings, settings } = + const { currentStep, nextStep, currentData, storedPreviewSettings, themeStatus } = useSelect( ( select ) => { return { currentStep: select( nfdOnboardingStore ).getStepFromPath( @@ -35,7 +35,7 @@ const StepDesignThemeStylesMenu = () => { select( nfdOnboardingStore ).getCurrentOnboardingData(), storedPreviewSettings: select( nfdOnboardingStore ).getPreviewSettings(), - settings: select( nfdOnboardingStore ).getSettings(), + themeStatus: select( nfdOnboardingStore ).getThemeStatus(), }; }, [] ); @@ -67,8 +67,8 @@ const StepDesignThemeStylesMenu = () => { }; useEffect( () => { - if ( ! isLoaded && settings.themeStatus === 'activated' ) getStylesAndPatterns(); - }, [ isLoaded, settings ] ); + if ( ! isLoaded && themeStatus === THEME_STATUS_ACTIVE ) getStylesAndPatterns(); + }, [ isLoaded, themeStatus ] ); const handleClick = ( idx ) => { const selectedGlobalStyle = globalStyles[ idx ]; diff --git a/src/OnboardingSPA/store/actions.js b/src/OnboardingSPA/store/actions.js index b6bfdd990..6201816f5 100644 --- a/src/OnboardingSPA/store/actions.js +++ b/src/OnboardingSPA/store/actions.js @@ -118,6 +118,13 @@ export function updateSettings( settings ) { }; } +export function updateThemeStatus( themeStatus ) { + return { + type: 'UPDATE_THEME_STATUS', + themeStatus + } +} + export function setIsSidebarOpened( isOpen ) { return { type: 'SET_SIDEBAR_OPENED', diff --git a/src/OnboardingSPA/store/reducer.js b/src/OnboardingSPA/store/reducer.js index 1e24397e9..3ed3c6ccf 100644 --- a/src/OnboardingSPA/store/reducer.js +++ b/src/OnboardingSPA/store/reducer.js @@ -148,13 +148,18 @@ export function runtime( state = {}, action ) { return state; } -export function settings( state = { themeStatus: 'unknown' }, action ) { +export function settings( state = { themeStatus: 'init' }, action ) { switch ( action.type ) { case 'UPDATE_SETTINGS': return { ...state, ...action.settings, }; + case 'UPDATE_THEME_STATUS': + return { + ...state, + themeStatus: action.themeStatus + }; } return state; diff --git a/src/OnboardingSPA/store/selectors.js b/src/OnboardingSPA/store/selectors.js index ea7e25297..7665d9542 100644 --- a/src/OnboardingSPA/store/selectors.js +++ b/src/OnboardingSPA/store/selectors.js @@ -233,6 +233,10 @@ export function getSettings ( state ) { return state.settings; } +export function getThemeStatus ( state ) { + return state.settings.themeStatus; +} + export function getStoreInfoSteps( state ) { return state.flow.steps.storeInfoSteps; } diff --git a/src/constants.js b/src/constants.js index 99ee4b99e..7427f96bb 100644 --- a/src/constants.js +++ b/src/constants.js @@ -30,6 +30,13 @@ export const MAX_RETRIES_SETTINGS_INIT = 2; export const NFD_PLUGINS_QUERY_PARAM = 'nfd_plugins'; export const NFD_THEMES_QUERY_PARAM = 'nfd_themes'; +export const DESIGN_STEPS_THEME = 'nfd_slug_yith_wonder' +export const THEME_STATUS_INIT = 'init'; +export const THEME_STATUS_NOT_ACTIVE = 'not_active'; +export const THEME_STATUS_INSTALLING = 'installing'; +export const THEME_STATUS_ACTIVE = 'activated'; +export const THEME_INSTALL_WAIT_TIMEOUT = 30000 + /** * All views for the component. */ From b3eb177cd7b7bb72441a96b2d08d338017445d14 Mon Sep 17 00:00:00 2001 From: arunshenoy99 Date: Wed, 28 Sep 2022 21:17:13 +0530 Subject: [PATCH 03/10] PRESS2-299 load webfonts dynamically --- includes/RestApi/SettingsController.php | 383 ++++++++++++++++++ .../pages/Steps/DesignStateHandler/index.js | 20 +- src/OnboardingSPA/utils/api/settings.js | 8 + src/onboarding.js | 1 + 4 files changed, 409 insertions(+), 3 deletions(-) diff --git a/includes/RestApi/SettingsController.php b/includes/RestApi/SettingsController.php index 2d4fc0a95..b41ced95b 100644 --- a/includes/RestApi/SettingsController.php +++ b/includes/RestApi/SettingsController.php @@ -5,6 +5,7 @@ use NewfoldLabs\WP\Module\Onboarding\Data\Options; use NewfoldLabs\WP\Module\Onboarding\Data\Config; use NewfoldLabs\WP\Module\Onboarding\WP_Config; +use NewfoldLabs\WP\Module\Onboarding\Data\Data; /** * Class SettingsController @@ -81,6 +82,18 @@ public function register_routes() { ), ) ); + + \register_rest_route( + $this->namespace, + $this->rest_base . '/preview', + array( + array( + 'methods' => \WP_REST_Server::READABLE, + 'callback' => array( $this, 'get_preview_settings' ), + // 'permission_callback' => array( Permissions::class, 'rest_is_authorized_admin' ), + ), + ) + ); } /** @@ -213,4 +226,374 @@ public function initialize() { 201 ); } + + public static function fn_get_webfonts_from_theme_json() { + // Get settings from theme.json. + $settings = \WP_Theme_JSON_Resolver::get_merged_data()->get_settings(); + + // If in the editor, add webfonts defined in variations. + if ( is_admin() || ( defined( 'REST_REQUEST' ) && REST_REQUEST ) ) { + $variations = \WP_Theme_JSON_Resolver::get_style_variations(); + foreach ( $variations as $variation ) { + // Skip if fontFamilies are not defined in the variation. + if ( empty( $variation['settings']['typography']['fontFamilies'] ) ) { + continue; + } + + // Initialize the array structure. + if ( empty( $settings['typography'] ) ) { + $settings['typography'] = array(); + } + if ( empty( $settings['typography']['fontFamilies'] ) ) { + $settings['typography']['fontFamilies'] = array(); + } + if ( empty( $settings['typography']['fontFamilies']['theme'] ) ) { + $settings['typography']['fontFamilies']['theme'] = array(); + } + + // Combine variations with settings. Remove duplicates. + $settings['typography']['fontFamilies']['theme'] = array_merge( $settings['typography']['fontFamilies']['theme'], $variation['settings']['typography']['fontFamilies']['theme'] ); + $settings['typography']['fontFamilies'] = array_unique( $settings['typography']['fontFamilies'] ); + } + } + + // Bail out early if there are no settings for webfonts. + if ( empty( $settings['typography']['fontFamilies'] ) ) { + return array(); + } + + $webfonts = array(); + + // Look for fontFamilies. + foreach ( $settings['typography']['fontFamilies'] as $font_families ) { + foreach ( $font_families as $font_family ) { + + // Skip if fontFace is not defined. + if ( empty( $font_family['fontFace'] ) ) { + continue; + } + + // Skip if fontFace is not an array of webfonts. + if ( ! is_array( $font_family['fontFace'] ) ) { + continue; + } + + $webfonts = array_merge( $webfonts, $font_family['fontFace'] ); + } + } + + return $webfonts; + } + + static function fn_transform_src_into_uri( array $src ) { + foreach ( $src as $key => $url ) { + // Tweak the URL to be relative to the theme root. + if ( ! str_starts_with( $url, 'file:./' ) ) { + continue; + } + + $src[ $key ] = get_theme_file_uri( str_replace( 'file:./', '', $url ) ); + } + + return $src; + } + + /** + * Converts the font-face properties (i.e. keys) into kebab-case. + * + * @since 6.0.0 + * + * @param array $font_face Font face to convert. + * @return array Font faces with each property in kebab-case format. + */ + static function fn_convert_keys_to_kebab_case( array $font_face ) { + foreach ( $font_face as $property => $value ) { + $kebab_case = _wp_to_kebab_case( $property ); + $font_face[ $kebab_case ] = $value; + if ( $kebab_case !== $property ) { + unset( $font_face[ $property ] ); + } + } + + return $font_face; + } + + /** + * Validates a webfont. + * + * @since 6.0.0 + * + * @param array $webfont The webfont arguments. + * @return array|false The validated webfont arguments, or false if the webfont is invalid. + */ + static function fn_validate_webfont( $webfont ) { + $webfont = wp_parse_args( + $webfont, + array( + 'font-family' => '', + 'font-style' => 'normal', + 'font-weight' => '400', + 'font-display' => 'fallback', + 'src' => array(), + ) + ); + + // Check the font-family. + if ( empty( $webfont['font-family'] ) || ! is_string( $webfont['font-family'] ) ) { + trigger_error( __( 'Webfont font family must be a non-empty string.' ) ); + + return false; + } + + // Check that the `src` property is defined and a valid type. + if ( empty( $webfont['src'] ) || ( ! is_string( $webfont['src'] ) && ! is_array( $webfont['src'] ) ) ) { + trigger_error( __( 'Webfont src must be a non-empty string or an array of strings.' ) ); + + return false; + } + + // Validate the `src` property. + foreach ( (array) $webfont['src'] as $src ) { + if ( ! is_string( $src ) || '' === trim( $src ) ) { + trigger_error( __( 'Each webfont src must be a non-empty string.' ) ); + + return false; + } + } + + // Check the font-weight. + if ( ! is_string( $webfont['font-weight'] ) && ! is_int( $webfont['font-weight'] ) ) { + trigger_error( __( 'Webfont font weight must be a properly formatted string or integer.' ) ); + + return false; + } + + // Check the font-display. + if ( ! in_array( $webfont['font-display'], array( 'auto', 'block', 'fallback', 'swap' ), true ) ) { + $webfont['font-display'] = 'fallback'; + } + + $valid_props = array( + 'ascend-override', + 'descend-override', + 'font-display', + 'font-family', + 'font-stretch', + 'font-style', + 'font-weight', + 'font-variant', + 'font-feature-settings', + 'font-variation-settings', + 'line-gap-override', + 'size-adjust', + 'src', + 'unicode-range', + ); + + foreach ( $webfont as $prop => $value ) { + if ( ! in_array( $prop, $valid_props, true ) ) { + unset( $webfont[ $prop ] ); + } + } + + return $webfont; + } + + static function fn_register_webfonts() { + $registered_webfonts = array(); + + foreach ( self::fn_get_webfonts_from_theme_json() as $webfont ) { + if ( ! is_array( $webfont ) ) { + continue; + } + + $webfont = self::fn_convert_keys_to_kebab_case( $webfont ); + + $webfont = self::fn_validate_webfont( $webfont ); + + $webfont['src'] = self::fn_transform_src_into_uri( (array) $webfont['src'] ); + + // Skip if not valid. + if ( empty( $webfont ) ) { + continue; + } + + $registered_webfonts[] = $webfont; + } + + return $registered_webfonts; + } + + static function fn_order_src( array $webfont ) { + $src = array(); + $src_ordered = array(); + + foreach ( $webfont['src'] as $url ) { + // Add data URIs first. + if ( str_starts_with( trim( $url ), 'data:' ) ) { + $src_ordered[] = array( + 'url' => $url, + 'format' => 'data', + ); + continue; + } + $format = pathinfo( $url, PATHINFO_EXTENSION ); + $src[ $format ] = $url; + } + + // Add woff2. + if ( ! empty( $src['woff2'] ) ) { + $src_ordered[] = array( + 'url' => sanitize_url( $src['woff2'] ), + 'format' => 'woff2', + ); + } + + // Add woff. + if ( ! empty( $src['woff'] ) ) { + $src_ordered[] = array( + 'url' => sanitize_url( $src['woff'] ), + 'format' => 'woff', + ); + } + + // Add ttf. + if ( ! empty( $src['ttf'] ) ) { + $src_ordered[] = array( + 'url' => sanitize_url( $src['ttf'] ), + 'format' => 'truetype', + ); + } + + // Add eot. + if ( ! empty( $src['eot'] ) ) { + $src_ordered[] = array( + 'url' => sanitize_url( $src['eot'] ), + 'format' => 'embedded-opentype', + ); + } + + // Add otf. + if ( ! empty( $src['otf'] ) ) { + $src_ordered[] = array( + 'url' => sanitize_url( $src['otf'] ), + 'format' => 'opentype', + ); + } + $webfont['src'] = $src_ordered; + + return $webfont; + } + + static function fn_compile_src( $font_family, array $value ) { + $src = "local($font_family)"; + + foreach ( $value as $item ) { + + if ( + str_starts_with( $item['url'], site_url() ) || + str_starts_with( $item['url'], home_url() ) + ) { + $item['url'] = wp_make_link_relative( $item['url'] ); + } + + $src .= ( 'data' === $item['format'] ) + ? ", url({$item['url']})" + : ", url('{$item['url']}') format('{$item['format']}')"; + } + + return $src; + } + + /** + * Compiles the font variation settings. + * + * @since 6.0.0 + * + * @param array $font_variation_settings Array of font variation settings. + * @return string The CSS. + */ + static function fn_compile_variations( array $font_variation_settings ) { + $variations = ''; + + foreach ( $font_variation_settings as $key => $value ) { + $variations .= "$key $value"; + } + + return $variations; + } + + static function fn_build_font_face_css( array $webfont ) { + $css = ''; + + // Wrap font-family in quotes if it contains spaces. + if ( + str_contains( $webfont['font-family'], ' ' ) && + ! str_contains( $webfont['font-family'], '"' ) && + ! str_contains( $webfont['font-family'], "'" ) + ) { + $webfont['font-family'] = '"' . $webfont['font-family'] . '"'; + } + + foreach ( $webfont as $key => $value ) { + /* + * Skip "provider", since it's for internal API use, + * and not a valid CSS property. + */ + if ( 'provider' === $key ) { + continue; + } + + // Compile the "src" parameter. + if ( 'src' === $key ) { + $value = self::fn_compile_src( $webfont['font-family'], $value ); + } + + // If font-variation-settings is an array, convert it to a string. + if ( 'font-variation-settings' === $key && is_array( $value ) ) { + $value =self::fn_compile_variations( $value ); + } + + if ( ! empty( $value ) ) { + $css .= "$key:$value;"; + } + } + + return $css; + } + + static function fn_get_css ($registered_webfonts) { + $css = ''; + + foreach ( $registered_webfonts as $webfont ) { + // Order the webfont's `src` items to optimize for browser support. + $webfont = self::fn_order_src( $webfont ); + + // Build the @font-face CSS for this webfont. + $css .= '@font-face{' . self::fn_build_font_face_css( $webfont ) . '}'; + } + + return $css; + } + + function wp_theme_json_webfonts_handler() { + + $styles = self::fn_get_css(self::fn_register_webfonts()); + + // Bail out if there are no styles to enqueue. + if ( '' === $styles ) { + return; + } + + return $styles; + } + + public function get_preview_settings() { + $preview_settings = Data::preview_settings(); + $preview_settings['settings']['__unstableResolvedAssets'] = $this->wp_theme_json_webfonts_handler(); + return new \WP_REST_Response( + $preview_settings, + 200 + ); + } } diff --git a/src/OnboardingSPA/pages/Steps/DesignStateHandler/index.js b/src/OnboardingSPA/pages/Steps/DesignStateHandler/index.js index c1d98e46d..6e0c31acb 100644 --- a/src/OnboardingSPA/pages/Steps/DesignStateHandler/index.js +++ b/src/OnboardingSPA/pages/Steps/DesignStateHandler/index.js @@ -5,28 +5,39 @@ import { StepLoader } from '../../../components/Loaders'; import { store as nfdOnboardingStore } from '../../../store'; import { getThemeStatus } from '../../../utils/api/themes'; import { THEME_STATUS_INIT, THEME_STATUS_INSTALLING, THEME_STATUS_NOT_ACTIVE, THEME_STATUS_ACTIVE, DESIGN_STEPS_THEME, THEME_INSTALL_WAIT_TIMEOUT } from '../../../../constants'; +import { getPreviewSettings } from '../../../utils/api/settings'; +import { useGlobalStylesOutput } from '../../../utils/global-styles/use-global-styles-output'; const DesignStateHandler = ( { children } ) => { const { storedThemeStatus } = useSelect(( select ) => { return { - storedThemeStatus: select(nfdOnboardingStore).getThemeStatus() + storedThemeStatus: select(nfdOnboardingStore).getThemeStatus(), }; }, []); - const { updateThemeStatus } = useDispatch( nfdOnboardingStore ); + const { updateThemeStatus, updatePreviewSettings } = useDispatch( nfdOnboardingStore ); const checkThemeStatus = async () => { const themeStatus = await getThemeStatus( DESIGN_STEPS_THEME ); return themeStatus.body.status; } + const loadPreviewSettings = async () => { + const previewSettings = await getPreviewSettings(); + console.log(previewSettings.body); + // const settings = useGlobalStylesOutput( previewSettings.body, previewSettings.body ); + updatePreviewSettings( previewSettings.body ) + } + const waitForInstall = () => { setTimeout( async () => { const themeStatus = await checkThemeStatus(); if ( themeStatus !== THEME_STATUS_ACTIVE) { - updateThemeStatus( THEME_STATUS_NOT_ACTIVE ) + return updateThemeStatus( THEME_STATUS_NOT_ACTIVE ) } + updateThemeStatus( themeStatus ) + await loadPreviewSettings(); }, THEME_INSTALL_WAIT_TIMEOUT ) } @@ -34,10 +45,13 @@ const DesignStateHandler = ( { children } ) => { useEffect(async () => { if ( storedThemeStatus === THEME_STATUS_INIT ) { const themeStatus = await checkThemeStatus(); + console.log(themeStatus) switch( themeStatus ) { case THEME_STATUS_INSTALLING: waitForInstall(); break; + case THEME_STATUS_ACTIVE: + await loadPreviewSettings(); default: updateThemeStatus( themeStatus ) } diff --git a/src/OnboardingSPA/utils/api/settings.js b/src/OnboardingSPA/utils/api/settings.js index 9c571f752..c0c3a7a79 100644 --- a/src/OnboardingSPA/utils/api/settings.js +++ b/src/OnboardingSPA/utils/api/settings.js @@ -32,3 +32,11 @@ export const initialize = ( retries = 0 ) => { initialize( retries ); } ); }; + +export const getPreviewSettings = async () => { + return await resolve( + apiFetch( { + url: onboardingRestURL( 'settings/preview' ), + } ).then() + ); +} diff --git a/src/onboarding.js b/src/onboarding.js index 8a78591fe..0d0fae789 100644 --- a/src/onboarding.js +++ b/src/onboarding.js @@ -7,6 +7,7 @@ import { registerCoreBlocks } from '@wordpress/block-library'; import initializeNFDOnboarding from './OnboardingSPA'; if ( runtimeDataExists ) { + console.log(window.nfdOnboarding.previewSettings) domReady( () => { initializeNFDOnboarding( NFD_ONBOARDING_ELEMENT_ID, From 20c9f58e0d60862102ef2eb7af2130be07e92fc0 Mon Sep 17 00:00:00 2001 From: arunshenoy99 Date: Wed, 28 Sep 2022 21:30:52 +0530 Subject: [PATCH 04/10] PRESS2-299 fix webfonts api --- includes/RestApi/SettingsController.php | 2 +- src/OnboardingSPA/pages/Steps/DesignStateHandler/index.js | 2 -- src/onboarding.js | 1 - 3 files changed, 1 insertion(+), 4 deletions(-) diff --git a/includes/RestApi/SettingsController.php b/includes/RestApi/SettingsController.php index b41ced95b..169f03663 100644 --- a/includes/RestApi/SettingsController.php +++ b/includes/RestApi/SettingsController.php @@ -590,7 +590,7 @@ function wp_theme_json_webfonts_handler() { public function get_preview_settings() { $preview_settings = Data::preview_settings(); - $preview_settings['settings']['__unstableResolvedAssets'] = $this->wp_theme_json_webfonts_handler(); + $preview_settings['settings']['__unstableResolvedAssets']['styles'] .= ''; return new \WP_REST_Response( $preview_settings, 200 diff --git a/src/OnboardingSPA/pages/Steps/DesignStateHandler/index.js b/src/OnboardingSPA/pages/Steps/DesignStateHandler/index.js index 6e0c31acb..de0d30d89 100644 --- a/src/OnboardingSPA/pages/Steps/DesignStateHandler/index.js +++ b/src/OnboardingSPA/pages/Steps/DesignStateHandler/index.js @@ -25,8 +25,6 @@ const DesignStateHandler = ( { children } ) => { const loadPreviewSettings = async () => { const previewSettings = await getPreviewSettings(); - console.log(previewSettings.body); - // const settings = useGlobalStylesOutput( previewSettings.body, previewSettings.body ); updatePreviewSettings( previewSettings.body ) } diff --git a/src/onboarding.js b/src/onboarding.js index 0d0fae789..8a78591fe 100644 --- a/src/onboarding.js +++ b/src/onboarding.js @@ -7,7 +7,6 @@ import { registerCoreBlocks } from '@wordpress/block-library'; import initializeNFDOnboarding from './OnboardingSPA'; if ( runtimeDataExists ) { - console.log(window.nfdOnboarding.previewSettings) domReady( () => { initializeNFDOnboarding( NFD_ONBOARDING_ELEMENT_ID, From 527e6045f7f5ed5d2ffd49e7594eaf2a7864a256 Mon Sep 17 00:00:00 2001 From: arunshenoy99 Date: Thu, 29 Sep 2022 00:02:51 +0530 Subject: [PATCH 05/10] PRESS2-299 add error state --- src/Brands/bluehost/step-error-logo.svg | 1 + src/Brands/hostgator/logo.svg | 2 +- .../DrawerPanel/DesignThemeStylesPreview.js | 15 +-- .../components/ErrorState/Step/index.js | 16 +++ .../ErrorState/Step/stylesheet.scss | 9 ++ .../components/ErrorState/index.js | 1 + .../components/ErrorState/stylesheet.scss | 1 + .../components/StateHandlers/Design/index.js | 96 ++++++++++++++++++ .../components/StateHandlers/index.js | 1 + .../pages/Steps/DesignHomepageMenu/index.js | 41 ++++---- .../pages/Steps/DesignStateHandler/index.js | 78 -------------- .../Steps/DesignThemeStyles/Menu/index.js | 83 ++++++++------- .../Steps/DesignThemeStyles/Preview/index.js | 88 ++++++++-------- src/OnboardingSPA/static/images/content.png | Bin 18653 -> 9354 bytes src/OnboardingSPA/static/images/design.png | Bin 24662 -> 11400 bytes src/OnboardingSPA/static/images/features.png | Bin 31648 -> 12804 bytes src/OnboardingSPA/styles/_branding.scss | 1 + src/OnboardingSPA/styles/_icons.scss | 1 + src/OnboardingSPA/styles/app.scss | 1 + 19 files changed, 253 insertions(+), 182 deletions(-) create mode 100644 src/Brands/bluehost/step-error-logo.svg create mode 100644 src/OnboardingSPA/components/ErrorState/Step/index.js create mode 100644 src/OnboardingSPA/components/ErrorState/Step/stylesheet.scss create mode 100644 src/OnboardingSPA/components/ErrorState/stylesheet.scss create mode 100644 src/OnboardingSPA/components/StateHandlers/Design/index.js create mode 100644 src/OnboardingSPA/components/StateHandlers/index.js delete mode 100644 src/OnboardingSPA/pages/Steps/DesignStateHandler/index.js diff --git a/src/Brands/bluehost/step-error-logo.svg b/src/Brands/bluehost/step-error-logo.svg new file mode 100644 index 000000000..c75f6e6c8 --- /dev/null +++ b/src/Brands/bluehost/step-error-logo.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/Brands/hostgator/logo.svg b/src/Brands/hostgator/logo.svg index 1c80087f9..c0cae89a2 100644 --- a/src/Brands/hostgator/logo.svg +++ b/src/Brands/hostgator/logo.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignThemeStylesPreview.js b/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignThemeStylesPreview.js index b45518683..87b09c876 100644 --- a/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignThemeStylesPreview.js +++ b/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignThemeStylesPreview.js @@ -6,6 +6,7 @@ import { store as nfdOnboardingStore } from '../../../store'; import { getPatterns } from '../../../utils/api/patterns'; import { getGlobalStyles } from '../../../utils/api/themes'; import { useGlobalStylesOutput } from '../../../utils/global-styles/use-global-styles-output'; +import { THEME_STATUS_ACTIVE } from '../../../../constants'; const DesignThemeStylesPreview = () => { const MAX_PREVIEWS_PER_ROW = 3; @@ -14,18 +15,17 @@ const DesignThemeStylesPreview = () => { const [ globalStyles, setGlobalStyles ] = useState(); const [ selectedStyle, setSelectedStyle ] = useState( '' ); - const { currentStep, currentData, storedPreviewSettings } = useSelect( - ( select ) => { + const { currentStep, currentData, storedPreviewSettings, themeStatus } = + useSelect( ( select ) => { return { currentStep: select( nfdOnboardingStore ).getCurrentStep(), currentData: select( nfdOnboardingStore ).getCurrentOnboardingData(), storedPreviewSettings: select( nfdOnboardingStore ).getPreviewSettings(), + themeStatus: select( nfdOnboardingStore ).getThemeStatus(), }; - }, - [] - ); + }, [] ); const { updatePreviewSettings, setCurrentOnboardingData } = useDispatch( nfdOnboardingStore ); @@ -62,8 +62,9 @@ const DesignThemeStylesPreview = () => { }; useEffect( () => { - if ( ! isLoaded ) getStylesAndPatterns(); - }, [ isLoaded ] ); + if ( ! isLoaded && themeStatus === THEME_STATUS_ACTIVE ) + getStylesAndPatterns(); + }, [ isLoaded, themeStatus ] ); const handleClick = ( idx ) => { const selectedGlobalStyle = globalStyles[ idx ]; diff --git a/src/OnboardingSPA/components/ErrorState/Step/index.js b/src/OnboardingSPA/components/ErrorState/Step/index.js new file mode 100644 index 000000000..02d4c4be9 --- /dev/null +++ b/src/OnboardingSPA/components/ErrorState/Step/index.js @@ -0,0 +1,16 @@ +import CommonLayout from '../../Layouts/Common'; +import HeadingWithSubHeading from '../../HeadingWithSubHeading'; +import NeedHelpTag from '../../NeedHelpTag'; + +const StepErrorState = ( { title, subtitle, error } ) => { + return ( + + +
+

{ error }

+ + + ); +}; + +export default StepErrorState; diff --git a/src/OnboardingSPA/components/ErrorState/Step/stylesheet.scss b/src/OnboardingSPA/components/ErrorState/Step/stylesheet.scss new file mode 100644 index 000000000..fa4a17742 --- /dev/null +++ b/src/OnboardingSPA/components/ErrorState/Step/stylesheet.scss @@ -0,0 +1,9 @@ +.step-error-state { + &__logo { + background-image: var(--nfd-onboarding-step-error-icon); + background-size: contain; + background-repeat: no-repeat; + height: 400px; + width: 500px; + } +} \ No newline at end of file diff --git a/src/OnboardingSPA/components/ErrorState/index.js b/src/OnboardingSPA/components/ErrorState/index.js index e69de29bb..e21af9725 100644 --- a/src/OnboardingSPA/components/ErrorState/index.js +++ b/src/OnboardingSPA/components/ErrorState/index.js @@ -0,0 +1 @@ +export { default as StepErrorState } from './Step'; diff --git a/src/OnboardingSPA/components/ErrorState/stylesheet.scss b/src/OnboardingSPA/components/ErrorState/stylesheet.scss new file mode 100644 index 000000000..21cc8520b --- /dev/null +++ b/src/OnboardingSPA/components/ErrorState/stylesheet.scss @@ -0,0 +1 @@ +@import "./Step/stylesheet"; diff --git a/src/OnboardingSPA/components/StateHandlers/Design/index.js b/src/OnboardingSPA/components/StateHandlers/Design/index.js new file mode 100644 index 000000000..0a5ec91fd --- /dev/null +++ b/src/OnboardingSPA/components/StateHandlers/Design/index.js @@ -0,0 +1,96 @@ +import { useSelect, useDispatch } from '@wordpress/data'; +import { useEffect } from '@wordpress/element'; +import { StepLoader } from '../../Loaders'; + +import { store as nfdOnboardingStore } from '../../../store'; +import { getThemeStatus } from '../../../utils/api/themes'; +import { + THEME_STATUS_INIT, + THEME_STATUS_INSTALLING, + THEME_STATUS_NOT_ACTIVE, + THEME_STATUS_ACTIVE, + DESIGN_STEPS_THEME, + THEME_INSTALL_WAIT_TIMEOUT, +} from '../../../../constants'; +import { getPreviewSettings } from '../../../utils/api/settings'; +import { StepErrorState } from '../../ErrorState'; + +const DesignStateHandler = ( { children } ) => { + const { storedThemeStatus } = useSelect( ( select ) => { + return { + storedThemeStatus: select( nfdOnboardingStore ).getThemeStatus(), + }; + }, [] ); + + const { updateThemeStatus, updatePreviewSettings } = + useDispatch( nfdOnboardingStore ); + + const checkThemeStatus = async () => { + const themeStatus = await getThemeStatus( DESIGN_STEPS_THEME ); + return themeStatus.body.status; + }; + + const loadPreviewSettings = async () => { + const previewSettings = await getPreviewSettings(); + updatePreviewSettings( previewSettings.body ); + }; + + const waitForInstall = () => { + setTimeout( async () => { + const themeStatus = await checkThemeStatus(); + if ( themeStatus !== THEME_STATUS_ACTIVE ) { + return updateThemeStatus( THEME_STATUS_NOT_ACTIVE ); + } + updateThemeStatus( themeStatus ); + await loadPreviewSettings(); + }, THEME_INSTALL_WAIT_TIMEOUT ); + }; + + useEffect( async () => { + if ( storedThemeStatus === THEME_STATUS_INIT ) { + const themeStatus = await checkThemeStatus(); + switch ( themeStatus ) { + case THEME_STATUS_INSTALLING: + waitForInstall(); + break; + case THEME_STATUS_ACTIVE: + await loadPreviewSettings(); + break; + default: + updateThemeStatus( themeStatus ); + } + } + }, [ storedThemeStatus ] ); + + const handleRender = () => { + switch ( storedThemeStatus ) { + case THEME_STATUS_NOT_ACTIVE: + return ( + + ); + case THEME_STATUS_ACTIVE: + return children; + default: + return ( + + ); + } + }; + + return <>{ handleRender() }; +}; + +export default DesignStateHandler; diff --git a/src/OnboardingSPA/components/StateHandlers/index.js b/src/OnboardingSPA/components/StateHandlers/index.js new file mode 100644 index 000000000..b18f3eb9a --- /dev/null +++ b/src/OnboardingSPA/components/StateHandlers/index.js @@ -0,0 +1 @@ +export { default as DesignStateHandler } from './Design'; diff --git a/src/OnboardingSPA/pages/Steps/DesignHomepageMenu/index.js b/src/OnboardingSPA/pages/Steps/DesignHomepageMenu/index.js index d1de93405..6fc6b8067 100644 --- a/src/OnboardingSPA/pages/Steps/DesignHomepageMenu/index.js +++ b/src/OnboardingSPA/pages/Steps/DesignHomepageMenu/index.js @@ -7,9 +7,13 @@ import { getPatterns } from '../../../utils/api/patterns'; import { getGlobalStyles } from '../../../utils/api/themes'; import { store as nfdOnboardingStore } from '../../../store'; import CommonLayout from '../../../components/Layouts/Common'; -import { VIEW_DESIGN_HOMEPAGE_MENU } from '../../../../constants'; +import { + VIEW_DESIGN_HOMEPAGE_MENU, + THEME_STATUS_ACTIVE, +} from '../../../../constants'; import { LivePreviewSelectableCard } from '../../../components/LivePreview'; import HeadingWithSubHeading from '../../../components/HeadingWithSubHeading'; +import { DesignStateHandler } from '../../../components/StateHandlers'; import { useGlobalStylesOutput } from '../../../utils/global-styles/use-global-styles-output'; const StepDesignHomepageMenu = () => { @@ -41,8 +45,8 @@ const StepDesignHomepageMenu = () => { const isLargeViewport = useViewportMatch( 'medium' ); - const { currentStep, currentData, storedPreviewSettings } = useSelect( - ( select ) => { + const { currentStep, currentData, storedPreviewSettings, themeStatus } = + useSelect( ( select ) => { return { currentStep: select( nfdOnboardingStore ).getStepFromPath( location.pathname @@ -51,10 +55,9 @@ const StepDesignHomepageMenu = () => { select( nfdOnboardingStore ).getCurrentOnboardingData(), storedPreviewSettings: select( nfdOnboardingStore ).getPreviewSettings(), + themeStatus: select( nfdOnboardingStore ).getThemeStatus(), }; - }, - [] - ); + }, [] ); const { setDrawerActiveView, @@ -140,10 +143,10 @@ const StepDesignHomepageMenu = () => { } useEffect( () => { - if ( ! isLoaded ) { + if ( ! isLoaded && themeStatus === THEME_STATUS_ACTIVE ) { getHomepagePatternsData(); } - }, [ isLoaded ] ); + }, [ isLoaded, themeStatus ] ); function buildHomepagePreviews() { return homepagePattern?.map( ( homepage, idx ) => { @@ -167,17 +170,19 @@ const StepDesignHomepageMenu = () => { } return ( - -
- -
- { globalStyle && buildHomepagePreviews() } + + +
+ +
+ { globalStyle && buildHomepagePreviews() } +
-
- + + ); }; diff --git a/src/OnboardingSPA/pages/Steps/DesignStateHandler/index.js b/src/OnboardingSPA/pages/Steps/DesignStateHandler/index.js deleted file mode 100644 index de0d30d89..000000000 --- a/src/OnboardingSPA/pages/Steps/DesignStateHandler/index.js +++ /dev/null @@ -1,78 +0,0 @@ -import { useSelect, useDispatch } from '@wordpress/data'; -import { useEffect, useState } from '@wordpress/element'; -import { StepLoader } from '../../../components/Loaders'; - -import { store as nfdOnboardingStore } from '../../../store'; -import { getThemeStatus } from '../../../utils/api/themes'; -import { THEME_STATUS_INIT, THEME_STATUS_INSTALLING, THEME_STATUS_NOT_ACTIVE, THEME_STATUS_ACTIVE, DESIGN_STEPS_THEME, THEME_INSTALL_WAIT_TIMEOUT } from '../../../../constants'; -import { getPreviewSettings } from '../../../utils/api/settings'; -import { useGlobalStylesOutput } from '../../../utils/global-styles/use-global-styles-output'; - -const DesignStateHandler = ( { children } ) => { - - const { storedThemeStatus } = useSelect(( select ) => { - return { - storedThemeStatus: select(nfdOnboardingStore).getThemeStatus(), - }; - }, []); - - const { updateThemeStatus, updatePreviewSettings } = useDispatch( nfdOnboardingStore ); - - const checkThemeStatus = async () => { - const themeStatus = await getThemeStatus( DESIGN_STEPS_THEME ); - return themeStatus.body.status; - } - - const loadPreviewSettings = async () => { - const previewSettings = await getPreviewSettings(); - updatePreviewSettings( previewSettings.body ) - } - - const waitForInstall = () => { - setTimeout( async () => { - const themeStatus = await checkThemeStatus(); - if ( themeStatus !== THEME_STATUS_ACTIVE) { - return updateThemeStatus( THEME_STATUS_NOT_ACTIVE ) - } - updateThemeStatus( themeStatus ) - await loadPreviewSettings(); - }, THEME_INSTALL_WAIT_TIMEOUT ) - } - - - useEffect(async () => { - if ( storedThemeStatus === THEME_STATUS_INIT ) { - const themeStatus = await checkThemeStatus(); - console.log(themeStatus) - switch( themeStatus ) { - case THEME_STATUS_INSTALLING: - waitForInstall(); - break; - case THEME_STATUS_ACTIVE: - await loadPreviewSettings(); - default: - updateThemeStatus( themeStatus ) - } - } - - }, [storedThemeStatus] ) - - const handleRender = ( children ) => { - switch( storedThemeStatus ) { - case THEME_STATUS_NOT_ACTIVE : - return

Error

- case THEME_STATUS_ACTIVE: - return children - default: - return - } - } - - return ( - <> - { handleRender( children ) } - - ); -} - -export default DesignStateHandler; \ No newline at end of file diff --git a/src/OnboardingSPA/pages/Steps/DesignThemeStyles/Menu/index.js b/src/OnboardingSPA/pages/Steps/DesignThemeStyles/Menu/index.js index 61192eab4..f71fa89c0 100644 --- a/src/OnboardingSPA/pages/Steps/DesignThemeStyles/Menu/index.js +++ b/src/OnboardingSPA/pages/Steps/DesignThemeStyles/Menu/index.js @@ -10,8 +10,11 @@ import HeadingWithSubHeading from '../../../../components/HeadingWithSubHeading' import { useGlobalStylesOutput } from '../../../../utils/global-styles/use-global-styles-output'; import { getPatterns } from '../../../../utils/api/patterns'; import { getGlobalStyles } from '../../../../utils/api/themes'; -import { VIEW_DESIGN_THEME_STYLES_MENU, THEME_STATUS_ACTIVE } from '../../../../../constants'; -import DesignStateHandler from '../../DesignStateHandler'; +import { + VIEW_DESIGN_THEME_STYLES_MENU, + THEME_STATUS_ACTIVE, +} from '../../../../../constants'; +import { DesignStateHandler } from '../../../../components/StateHandlers'; const StepDesignThemeStylesMenu = () => { const MAX_PREVIEWS_PER_ROW = 3; @@ -24,20 +27,25 @@ const StepDesignThemeStylesMenu = () => { const navigate = useNavigate(); const isLargeViewport = useViewportMatch( 'medium' ); - const { currentStep, nextStep, currentData, storedPreviewSettings, themeStatus } = - useSelect( ( select ) => { - return { - currentStep: select( nfdOnboardingStore ).getStepFromPath( - location.pathname - ), - nextStep: select( nfdOnboardingStore ).getNextStep(), - currentData: - select( nfdOnboardingStore ).getCurrentOnboardingData(), - storedPreviewSettings: - select( nfdOnboardingStore ).getPreviewSettings(), - themeStatus: select( nfdOnboardingStore ).getThemeStatus(), - }; - }, [] ); + const { + currentStep, + nextStep, + currentData, + storedPreviewSettings, + themeStatus, + } = useSelect( ( select ) => { + return { + currentStep: select( nfdOnboardingStore ).getStepFromPath( + location.pathname + ), + nextStep: select( nfdOnboardingStore ).getNextStep(), + currentData: + select( nfdOnboardingStore ).getCurrentOnboardingData(), + storedPreviewSettings: + select( nfdOnboardingStore ).getPreviewSettings(), + themeStatus: select( nfdOnboardingStore ).getThemeStatus(), + }; + }, [] ); const { setDrawerActiveView, @@ -67,7 +75,8 @@ const StepDesignThemeStylesMenu = () => { }; useEffect( () => { - if ( ! isLoaded && themeStatus === THEME_STATUS_ACTIVE ) getStylesAndPatterns(); + if ( ! isLoaded && themeStatus === THEME_STATUS_ACTIVE ) + getStylesAndPatterns(); }, [ isLoaded, themeStatus ] ); const handleClick = ( idx ) => { @@ -99,27 +108,27 @@ const StepDesignThemeStylesMenu = () => { }; return ( - - -
- -
- { globalStyles && - buildPreviews().slice( 0, MAX_PREVIEWS_PER_ROW ) } -
-
- { globalStyles && - buildPreviews().slice( - MAX_PREVIEWS_PER_ROW, - globalStyles.length - ) } + + +
+ +
+ { globalStyles && + buildPreviews().slice( 0, MAX_PREVIEWS_PER_ROW ) } +
+
+ { globalStyles && + buildPreviews().slice( + MAX_PREVIEWS_PER_ROW, + globalStyles.length + ) } +
-
- - + + ); }; diff --git a/src/OnboardingSPA/pages/Steps/DesignThemeStyles/Preview/index.js b/src/OnboardingSPA/pages/Steps/DesignThemeStyles/Preview/index.js index efa26f1d6..7c0a50ba7 100644 --- a/src/OnboardingSPA/pages/Steps/DesignThemeStyles/Preview/index.js +++ b/src/OnboardingSPA/pages/Steps/DesignThemeStyles/Preview/index.js @@ -8,13 +8,16 @@ import { orderBy, filter } from 'lodash'; import { LivePreview } from '../../../../components/LivePreview'; import CommonLayout from '../../../../components/Layouts/Common'; -import { VIEW_DESIGN_THEME_STYLES_PREVIEW } from '../../../../../constants'; +import { + VIEW_DESIGN_THEME_STYLES_PREVIEW, + THEME_STATUS_ACTIVE, +} from '../../../../../constants'; import { store as nfdOnboardingStore } from '../../../../store'; import { getPatterns } from '../../../../utils/api/patterns'; import { getGlobalStyles } from '../../../../utils/api/themes'; import { useGlobalStylesOutput } from '../../../../utils/global-styles/use-global-styles-output'; import { conditionalSteps } from '../../../../data/routes/'; -import DesignStateHandler from '../../DesignStateHandler'; +import { DesignStateHandler } from '../../../../components/StateHandlers'; const StepDesignThemeStylesPreview = () => { const location = useLocation(); @@ -30,6 +33,7 @@ const StepDesignThemeStylesPreview = () => { routes, designSteps, allSteps, + themeStatus, } = useSelect( ( select ) => { return { currentStep: select( nfdOnboardingStore ).getStepFromPath( @@ -42,6 +46,7 @@ const StepDesignThemeStylesPreview = () => { routes: select( nfdOnboardingStore ).getRoutes(), allSteps: select( nfdOnboardingStore ).getAllSteps(), designSteps: select( nfdOnboardingStore ).getDesignSteps(), + themeStatus: select( nfdOnboardingStore ).getThemeStatus(), }; }, [] ); @@ -166,52 +171,53 @@ const StepDesignThemeStylesPreview = () => { }; useEffect( () => { - if ( ! isLoaded ) getStylesAndPatterns(); - }, [ isLoaded ] ); + if ( ! isLoaded && themeStatus === THEME_STATUS_ACTIVE ) + getStylesAndPatterns(); + }, [ isLoaded, themeStatus ] ); return ( - - -
- - - { __( - 'Customize Colors & Fonts?', - 'wp-module-onboarding' - ) } - + + +
+ + { __( - 'Check to customize in the next few steps (or leave empty and use the Site Editor later)', + 'Customize Colors & Fonts?', 'wp-module-onboarding' ) } + + { __( + 'Check to customize in the next few steps (or leave empty and use the Site Editor later)', + 'wp-module-onboarding' + ) } + - -
- } - checked={ customize } - onChange={ () => handleCheckbox( ! customize ) } - /> -
-
-
- - - -
-
-
- { pattern && ( - + } + checked={ customize } + onChange={ () => handleCheckbox( ! customize ) } /> - ) } -
- - +
+
+
+ + + +
+
+
+ { pattern && ( + + ) } +
+ + ); }; diff --git a/src/OnboardingSPA/static/images/content.png b/src/OnboardingSPA/static/images/content.png index bcf0a78a3ab19d8d7765946e250e296e08d075f0..28abb6a00ca8c0cc061a77b874fdbb6965579302 100644 GIT binary patch literal 9354 zcmV;5Bz4<~P)697600093P)t-sgTMRd z=jVXG_toL;=jZ1D004l$@aN~}|NsC0{{9^u9rX0{{r&y?{QUm^|L^bb|Nj5~|NZId z>HYuy92^|%?Ckmf|LExG`uh6){{Q~}{q^Ta^wOU$Q>G=NN-rnNk;>gIzW0SGs z{{H*@{maYC=jZ3U+vLB{+ax3;($dnp(cFWBgL-;;|Ni}|s;ctx@?waZOG`^=XlP)L zt)HKt>+9>8yvw}2y#4+A;_vt5R7 z)z#I<$H%gZYcq?fU+|zrV`L%K!iTe0+R#baX>PLS$rQU|(P3 z@b_%E#bHa0OaF}&L4+}+*J z&(AwLIkL{%M@L8f`u2i?f@^DQS65f^{r=73=z&%-Bpem(_W0oL^4{z3@#5C5$kw8^ z#FVeU=*6k!xRg^;Q9vmdqrc1G$gyIFnwFN9=J)&R^!L{8^s&RveWSggvAW!~lD&^- zaY`!Y{{Fty-M-1u>Ce2BskCE~tv7X}idZl+A{5~C_~`EN)#vQdw6;OV~B;q>U-!_wKk&eyBF#ip;ZO^T|~zo}P^sak}em4|wYYE64nFa-nz z@$KrG$lRB_(U!Btl(WTIh^K*BR00008bW%=JK!6~h zKmZRQWpt}^001E|Nklu$VosX03{rV6=JrBPc) zli6t_fT)lwyH*PTDAl9@2!sGC-ixI+1wrtDp(<{RrWQ$|{v-#FCg~4|M1>sGZY;J% zSF+?PAcWR0Mr&^MZ9+{U@?G5jtHF}$<-Rh^e zQ43%ZcNw)n073>=d&5;!wQF^A>vDW;b8~$y9uZ+)7WASv7qv}+0dZG;fUA0_H|!U+ zeJBB87^<$@BBfR!r#u5kC!Za=Ffh9;uL3w?f{Y{x5I65DVKj4A0V_9?U zLR28z+OXHOs09F2)i~Jbq(Ix}lu*L1nuH;V^KmMn7Lppfx_IOlT}`!W&{LiSA~J?p zUA56bGk<(YG^%MLU?c~8XbBbH!{>x&PHFOlLKujY#CrE4xyyMt7;L2 z5c1S?Y33Ykg9ykef-CGm8M74pWDvJHYU_s%_qy8SWYmOaWO9|AtXt4i3n{hn$^Ij; zc&1tdVU|1)Vi5$bGEsPQ=gK}vX)pF`l_0sN0snq(W4B#T87jbS!j zEt%l*!L>Ibv`I!eXk4dHdZVo|oJqGYz83nV(}I#|(}ppVVm3p9>!GkB=kYM3dBHMU zHHsN%)MVwVE(%c>JP4ZnNb}no^(#0GGNaas+SvHYX~}<4X!an_gTlGt==eoiHz6d2 zA3hkH8mJd=n^x5V_y+?`RJsBH@d>O8zvk4)2|EEJ4R|ztmh&P|vn)Vur}l7!!4C#0 zcy*$7qi=1!5k}VQmU(V&ad6>uU{lBvwNo)%Q(RW|5LC4YJrR}={Ht1ZF@UMk#3HKk zD9O{qYGcvW-~_5B2y8f*b^^pHxQtPO{Y$MN$aS&!C9b!9aIFz_bxf}fzqw6as{|@W zEp6#(jRnADn8m%x;5BLFSVWYX6RVxr>EohFbo5Fnt#+fT!r|~k;VMJ8)kz3stZrkm zDtK_1j4&uTb+Lbe)U9hHG^wghK&w$J)nZ(kVXM>9|LX<@&lq~cY-TmU@jUP1UB*iY zDNFH_L+eAX&U*TA7tvcEY9_atG9>fz+Vbk1r7lMw#U6PdN}f96K%)zXzE9>rE$Sv^xx zTgK=PW0f^um8dOi($tc40#YDpJ;;j|$+A5j?S}r2lKzGyN$SBKyqRoxJc+GTd+VUB zCf+aAOzq-G>@49|9FpZfN2_+!;>k`BQQLzM#i?5yN_J96?L?G*Tism&rH(+D#D3}q zhEo~{rTR4IP`Vj0(Q;K$<$zYL1dw%_3Z=T?2WcCSeINZD6K$43?5Km|n#!WY)~dAt zp`aCLtVsdOFtdTiF3wpNH+|F85(bB59A2NV*Hu*pV*hVyMaQ7eTf;jmYKsh*ct!2K z6}3eNSVju?eC4ecGRCqZ4qv5QT7+|LnX3f?0FbJ)7`IY%@9dO9ZCNJ-P+TG?O+A|s zd-dekoLU0$E($mi5h-}4nE3#SJW8GV+EeR1usU5^(;;4+0(l=Ro(dqsC+Azc05{kH zm!}tHzW)DKd$zv6`&54m^Mtnnv4a8A(nx36*%)Ame9@WR0gOLTH#N)#e2(#U-(#2k z;=X;R^L-a;j|ak3!&AL#uE>8K0+hX4xcB+i$XKZ5q1dU*0|z2gV?!+?hdL%lLMRuP zkUd3Xwacc*BK_TyC#M%$M^5*RMOvm$EsQ<3aOuIC$>A1OT?J0$O|b0i+OrFD-6KaQ zTD!Sp^Re^n=+aumGt@pZpr;l=nm9!0Zi4zgGBm!>emQXbR4g(W={z^#slVJZacLE` zE(crsCng``32oH=-x30xjh$V3@X$o4y`iPG{oGSWmST_e?>jisP3fu4+*Ex)>Q%+3 z8pkj`SyLrO=0{ormwS&)bxyr`wC>mmI5Z-5A3ZpND9vO;eO6yddp4^b`iG_-t%MCXONgm#>sslS z((&XickQu)yQfHQL3hAosZL*cs{QoV((&0xPa@c3cN0Yd^!iLxXECD|0E(sdhxhNe z<9+;H0^a}Q+ZXP;?`}W{iUgwm-Bs+UMW|S6zyI;}Qt{)@_q^oj>~xeCi5e}c+Tum+ z$G6?~?z`{aRtny|?S)%l|9-cXC>F5Im9O$l2$ns2?(ez3$8Ih@)zy2fR(p?KSM9ZM z1IKEGo*wsJC_Z+(8-S>;PA?FyA+>nBL}68ZzuT=>9b7wV&81Qcdu?tzVa+`IHKf+y z1j~N)jA2ot*6S0MQVs&xaE{Kw)dX02|d}kk8r!lQPlGH6Z|oYh9tqJXmm|!qhtU zc>|pn0*y?K*j0OPz*l3Cs09<}z)^cP=Y)XR4mmHiZMCk#5`txLCQv)pI3P~<)%nBI zbqz+z2rTF68w@<;+EH!dDm_?5c1|Yq;o=iwVNnZ~R#Vel=mI=+Y#hP4;|K^Sqt877 z*j6n?NnK8ca{>iKHtcR2m;nWYGcrl%qqaB56*i1XSZ%A{ff^6gxggYsww&_i;1;&E zYoY){P)_99X>w>b!(QIxS(WKC*lmt}>BDC&3;^sxZOR~cmKbNp&=JcC|DgdmGOP5K zk=pHHsf2hOwL7S_TFrL2k7ph8GBzuaXUN<*JS**1Z4%%l#QSTTLmR;|y`DLft6B$xc9jr}{z+0Micr96DIzP?cH92_&wcma zD{uey&Nm6UG!9-lL3#?nUm0p$0N3C|cS|keh^*Lq!2R6IZ+!Xc+aEmo=sT~!sQ6on z9hezjee;r_x)c@{>6NyX47CJ6{%VaIuNi80`j70t&;H!YuRQaNqBiN4l$$NYx#tf~ zw2>vwQ8Lnu7Ieu?N^Fw*xhw&n*y%L3!-qfM0RX;?&VjWembEx6}Hbd0Ze1Hv^KX2 zaWXCoTD4ssR{_JAZLbw$Hk)nvW462Z799JfSL=2^_jy9?TfbgW!uItSY54?!)y}7> zl_#gj#rX}jBic6_4&1Sb7>^(g;(8szR_{eJW9;HzbrB`bhDqZ(Z=-_*w8663M z9fo46l*dyPgy5u3yA7dav{7A`wXqjI+J5?_w_JMT9&_BiE7Rozc85?|8xP=XtH*yj z>Zqg62@?PW-oh*m@qYUehDC!Sb3 zw7uh2J3VtIgpz2i0j@El|l}G`60MmB}u-Xv3gk*j9wTI5R z^pQi^HcLiZ6A0}w&+VVe=(=%Z%MG9r#f91xo(ROk92cUUSn)2ki=yEWdjTPkKIF-R zsxv9gh8CVyo1lCS2vCgqK})d(%TBhcu{#ItmFJD5foLcv#EA&VjX&3A%|Ph7s%KS^ z;XK!kxnzKT$PousXEPzi7g_`#F>ImDwS1MN+S;m<4>h`PcAC|maNbBpN7M$06r#AI zn{2h5gf4W-3SFg8R2XQ57E-Jb0dZ2i(1K7Nt3?GFzV>F6@*yzL7Sz7nIqzjubUPQ6 z1Fgt=wk4_2E;SmS6y&Bo+|?BYsibBn&}O1ewB*j#0!XTw7uSNO?Q2QF1X^#hEW~O% z&%bewU3<(at|QN>stxFC&r4ItVYMKBF+>wB+QF}O7P`9H<530#A_HwG6c(C|AUx1Q zb;1WLK(`}HZBIV(;&Y3|&8=dxtt z)V_|LlP>RTst;##l?`o0&T4^D(8eojy4Uob z)6%kNQAz7qTWl%?MdgeO z8>oWO3d%Cte)hE?J6iaj5(-rbj8-W{JbI?GX-!|4v|hK45jk7Z;U_<)(2 z%r+Uj&7BKkKrpnYI?*aBK?M}Z#KmeAK{}~MF-BR~(Ux>$mK*KfC89-S&zkzG%F52Y z_wH0gCDf!673CtXO@bwh1!Z9@aD zF+wrRN?vv5b!Sd!p=aS#>k}=Dh!V+UB9=@f6LHSPBgsf2l1xTei9{lnNN|=9#CTs8 zG{MpKx}n9Q8~3>LuDXsGN=8d&lOdWfo2b#OQat4J&oDK)<7Kt*i58|DS-GbPXhIM) z-i7U_2S=NAMcc^zo)<3Zh$*0wt(NR)_i{rEl(yO}dHT56w9rl_kQtfhoDiBOvRTbI zZm;?TjS%7*^HTCvcjI1nUf9QIoj(YSR?nd&0S8*u$aG&ON36M9Z4tBtb^Z3+QL}db z{P`<9zh093p|yTE966RI*k}bbhJd`&gS8>--|spACbI6b2L`3pvhvX)hn5^@b2is} z8Ixs);C~_Ewi^eqpmF{DbtidStm<_h5S{_rNteNlc&VvG4*3fLI>OX<@R3}=H zS<(Xo$2VM)RPrTAN0xLKv~lA)PnSyka-IePRG{{f4pZw0D9zX2JS!$+P1QV;hn5H` zq>>3rk_%c=Rm!@cl{ir1ou7Zm_>)%Dm`axHYg=cWWq+1=CqS$M{ij;xE}DU{=m7XSDeaL6t^nepi-jgy3qm@)C8LUldYK*d?N!wUhQ` z2Tl*0Z8XmpLNb2R_I#U(WYI{8gQ8{+|fcm@sqh}mw8~0RN8ZZfVMdQWIDgYw#BxRyK zr%#D2K3*Y8)`6(RzOl*cXDiw?&v@+L_TpFXefHuvuYP&&Gn>XYJ^K2KV^6<%*p@eM z+p=Zsw#VMw_Tr{TdwcZ>v^tLp&qq77cVb;j_Z=UX@5bKyYU>r_zy12mj`8=N z`Qz=E$DSL1{n;HmwmyFEu3q1^@Z@VwS+j8c(B(_lE}h?Y z`%vR0OO{@E+**?!kxR#n#7>YIMyn>4&l_5M(S5^}CG_a-B537=((31*fA)<{&wse> zoiCn#|M|Z+z4O%fV~;=e*bgtiyY<^gAAkGV%|ARnnu=N-IQ>pvd&;6U*ABFudCCFn zA9`fqtg40U+vc5Bf6c<{l8tLAH*L&iav3q#xB@8(Q9-I84C6(#A#0 z7hN-O%FV+YRd1^;Hk=Na0s@?XF?oa>Xg!Bn!ra0W?MOHr>V56=e*N>YH@0kf>d`mG zUVr+f@!!9E?9oRzZQ63%_}HtPU(0s(lMcl~>vRZB3F@q^m{&)Yi;k~dHt+b(jj`55 zWzE1vOIwJLvj+DF0aCmQ;Q@WiVhwX!BTdcZ8GK>NxE8EP-mPKbhQ-n1nxh2!U={0{ zJWmEdHIA!5k*4spW}=Ob^g`!3yZt=du)W*S zIRl3X20z0H0fjSl0~aQW_AppB0hVFH3VHW36n6*_m>Jz}$yUH!Fc-kKOTZ*^vgX7A zg=h)IA_Q4wka?yQ4(n#cR!~|?^;hc%%m2%Wv_=$$s%wN0ZyfEl-s3)l%0F7gM5|@> z!aBGF2}}7;22~|jz%p_teJk~>==O@0QDYU4_I7|0UA%?-oit;iiFTNZ0^zW#=sE;! zXlF$58uJw)iKh^)WtwU(Fmd(K27Z$u99|g;CQ|@K&_;RI(&ST?bcM16UC~5uSFfDy zXkSqing%Tj{;w`EvuM4SnlPP^OH-lceF&DmGAy@C zZ3p-m0TWgWyTWKkNX~YY6G>+lElNSFyP$;)APD4IQ!W6g!tlIg?0d$wqdbvR*F#F$ z;fsiLPD8qsB7H4yEHQPV8*KIh2i%km||yP`-MQ zX5?vW2F}c=LZzZ;q4+{8<>!HY0K6-@pY89ar}p>I_{WTP7Wmp$cO-~g4#88fB2*8; zFjKpoV+yoee|qJ>17CTCH$L^_2mAC3gc)uiLc!5aQNxRySplUa!C>ppDNruwf;PQ* z?6%tuJM1uim#W)LJvN#GqC%M&w6J<~-G!YoEF47~f~JRb;`Z&3L5Ne0B}gdd0YejM z-fDH3bVx2nC6s?lvwu`LilOaV3DSFnL~57Ff9_qz+R+U$R|15Xk=5zE7g+`TTOjp24lAY(kLre%eX`#Yk*e?LC}H?(LE%X?b%@`eQnQjW zL(6bkwo&Q<*01$0{$@o#zt1_k03rrjqc-M~E?85A3Wy|6H{0UD7tC&>=~%6?&Y3yk1@!NtorMo|ftN!t(P}Audh>xIu4qw~XW*D! zbG`!+t4|z6zQ2>%AI#ZcaV=CMr%!i4^5ld}1S-bJr7(nIawVT=t&V08;NQ<-LV?>5 zQ09qb{?P*NpGC=7EJ=x2G8XrXHX$!f#`qunqP0C06+wJ0pu}@lJ6*Db;8qKh3BiVV z+4aL4E@?i0!-nA&UucOc+cuaQUKsa_w!TkMkX#(2;B5$HGTQRTwG9uPJ?FuB9sHDy zwZ47`u*viL-X-N&G50}2!N`N^W#8G$8i+^g2c57tjbORxMf9)Nwjk&(C&4p zFSGy_pSoXIvma#zq5lK_=Bj8@o**_t6(yCS@>WA+Kd;uCf{PMYT2L}gR4j7y;dq2X$r4>Nc@H_$qt>_vb z;L#Lb;=-jsnIZ%b0kP$))+W`v+Rm);M;0}0*B>Xv+pB5`iZ8|a3Q!G!0H0{{h88D` zoCq@WmPuG_gQB%o0FE@>tb#i4^B4DnRS~O*u_`KJs{blOP6`6}S`#f07%j>l*Ro)r zi!}S1AU)BRrRo6X|NI=?shYwO94%`%T9*!--Dv+UtBn`ErFWy9Hd-&FyV35-Ybx%# zitR?5({8l8jMyPy*Fy`I;$O(g_vaK$>XZuVYf-k63}r;COcSjV0IhX4V6gp97GwXk zcXqFBLQw$U2m3hOa}f&C3+5Vp8cEoon$!L)`t5pWCAvCPhWr*2Ogg}`og0_(KVoK(tUC25{cB%7brNi^>vmZl6s+!8LXqFJy|wMCp*P$1w4mFk z)j{>#Yw5w3;Nw;Ga&l-4Y-{;)`cCfk_1(~mfZFQ?2M8&?l1BhYr3e(1V%eZv$%CdK zXp9jJh1$y@mo(InaE1!Ud`+VaG)1sSFsM0>kS8kS6%A=kiNa#51xUG}HpWN@b#gPD zhZDjHuMy7Y!)+|qB=cd;e7;y9A}n?ij<-cg{8!Y{4IBHnTv7Y%VaVf*G>Ftb33>V; zBMmaO*U8l0A2PKencDk9rZyx~dwT#KSKzW@LL07*qoM6N<$ Eg4+s+M*si- literal 18653 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

(46 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 diff --git a/src/OnboardingSPA/static/images/features.png b/src/OnboardingSPA/static/images/features.png index 497aa4bf0d688582f1956a989330b92764fe02dc..95fece87950a25e08b81322485603f703b48cc2d 100644 GIT binary patch literal 12804 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 literal 31648 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 diff --git a/src/OnboardingSPA/styles/_branding.scss b/src/OnboardingSPA/styles/_branding.scss index 27196c84c..65d97eb8f 100644 --- a/src/OnboardingSPA/styles/_branding.scss +++ b/src/OnboardingSPA/styles/_branding.scss @@ -26,6 +26,7 @@ body { --nfd-onboarding-drawer-icon-fill: var(--nfd-onboarding-tertiary); --nfd-onboarding-drawer-icon-active-fill: var(--nfd-onboarding-light); --nfd-onboarding-step-loader-icon: url("../../Brands/bluehost/step-loader-logo.svg"); + --nfd-onboarding-step-error-icon: url("../../Brands/bluehost/step-error-logo.svg"); } &.nfd-brand-hostgator { --wp-admin-theme-color: #2e93ee; diff --git a/src/OnboardingSPA/styles/_icons.scss b/src/OnboardingSPA/styles/_icons.scss index 7d3424d40..87d3824d0 100644 --- a/src/OnboardingSPA/styles/_icons.scss +++ b/src/OnboardingSPA/styles/_icons.scss @@ -33,6 +33,7 @@ body { --business-icon: url("../static/icons/business.svg"); --business-white-icon: url("../static/icons/business-white.svg"); + --nfd-onboarding-step-error-icon: url("../../Brands/bluehost/step-error-logo.svg"); /* * Below Icons are commented because they get added to the CSS bundle and diff --git a/src/OnboardingSPA/styles/app.scss b/src/OnboardingSPA/styles/app.scss index e422a3f10..5e9c6b4c2 100644 --- a/src/OnboardingSPA/styles/app.scss +++ b/src/OnboardingSPA/styles/app.scss @@ -33,6 +33,7 @@ @import "../pages/Steps/GetStarted/GetStartedExperience/stylesheet"; @import "../components/Button/NavCardButton/stylesheet"; @import "../pages/Steps/Ecommerce/stylesheet"; +@import "../components/ErrorState/stylesheet"; // CSS for Pages @import "../pages/Steps/BasicInfo/stylesheet.scss"; From 623e7d55d773aa0a8fb9eecb5d31ab7f3c5360b1 Mon Sep 17 00:00:00 2001 From: arunshenoy99 Date: Thu, 29 Sep 2022 14:22:52 +0530 Subject: [PATCH 06/10] PRESS2-299 css fixes --- .../components/ErrorState/Step/index.js | 2 +- .../ErrorState/Step/stylesheet.scss | 32 ++++++++++++----- .../HeadingWithSubHeading/stylesheet.scss | 34 +++++++++---------- .../components/Loaders/Step/stylesheet.scss | 19 ++++++++++- .../components/StateHandlers/Design/index.js | 3 +- .../pages/Steps/DesignHomepageMenu/index.js | 8 +++++ .../Steps/DesignThemeStyles/Menu/index.js | 8 +++++ .../Steps/DesignThemeStyles/Preview/index.js | 8 +++++ 8 files changed, 86 insertions(+), 28 deletions(-) diff --git a/src/OnboardingSPA/components/ErrorState/Step/index.js b/src/OnboardingSPA/components/ErrorState/Step/index.js index 02d4c4be9..d97570176 100644 --- a/src/OnboardingSPA/components/ErrorState/Step/index.js +++ b/src/OnboardingSPA/components/ErrorState/Step/index.js @@ -7,7 +7,7 @@ const StepErrorState = ( { title, subtitle, error } ) => {

-

{ error }

+

{ error }

); diff --git a/src/OnboardingSPA/components/ErrorState/Step/stylesheet.scss b/src/OnboardingSPA/components/ErrorState/Step/stylesheet.scss index fa4a17742..677123a21 100644 --- a/src/OnboardingSPA/components/ErrorState/Step/stylesheet.scss +++ b/src/OnboardingSPA/components/ErrorState/Step/stylesheet.scss @@ -1,9 +1,25 @@ .step-error-state { - &__logo { - background-image: var(--nfd-onboarding-step-error-icon); - background-size: contain; - background-repeat: no-repeat; - height: 400px; - width: 500px; - } -} \ No newline at end of file + justify-content: center; + + &__logo { + background-image: var(--nfd-onboarding-step-error-icon); + background-size: contain; + background-repeat: no-repeat; + background-position: center; + width: 50vw; + height: 400px; + + @media (max-width: #{($break-medium)}) { + width: 100vw; + height: 30vh; + } + } + + &__error { + padding: 0; + margin-bottom: 20px; + font-weight: 400; + text-align: center; + font-size: clamp(0.85rem, 3.2vw, 1.7rem); + } +} diff --git a/src/OnboardingSPA/components/HeadingWithSubHeading/stylesheet.scss b/src/OnboardingSPA/components/HeadingWithSubHeading/stylesheet.scss index 677f827bf..daf7f201f 100644 --- a/src/OnboardingSPA/components/HeadingWithSubHeading/stylesheet.scss +++ b/src/OnboardingSPA/components/HeadingWithSubHeading/stylesheet.scss @@ -2,23 +2,23 @@ $black: var(--nfd-onboarding-black); $primary-color: var(--nfd-onboarding-primary); -.nfd-main-heading{ - width: 96%; - margin: 50px 0px 50px; +.nfd-main-heading { + width: 96%; + margin: 50px 0 50px; + line-height: 1; - &__title{ - color: $black; - font-weight: 700; - text-align: center; - color: $primary-color; - margin: 35px !important; - font-size: clamp(1.6rem, 4vw, 3.6rem); - } + &__title { + font-weight: 700; + text-align: center; + color: $primary-color; + margin: 35px !important; + font-size: clamp(1.6rem, 4vw, 3.6rem); + } - &__subtitle{ - color: $black; - font-weight: 400; - text-align: center; - font-size: clamp(0.85rem, 3.2vw, 1.7rem); - } + &__subtitle { + color: $black; + font-weight: 400; + text-align: center; + font-size: clamp(0.85rem, 3.2vw, 1.7rem); + } } diff --git a/src/OnboardingSPA/components/Loaders/Step/stylesheet.scss b/src/OnboardingSPA/components/Loaders/Step/stylesheet.scss index 252a837bc..8d61afd69 100644 --- a/src/OnboardingSPA/components/Loaders/Step/stylesheet.scss +++ b/src/OnboardingSPA/components/Loaders/Step/stylesheet.scss @@ -1,8 +1,25 @@ .step-loader { + justify-content: space-evenly; + + @media (max-width: #{($break-medium)}) { + justify-content: center; + } + &__logo { - width: 256px; + max-width: 256px; height: 256px; + width: 50vw; background-image: var(--nfd-onboarding-step-loader-icon); + background-size: contain; + background-repeat: no-repeat; + background-position: center; + + @media (max-width: #{($break-medium)}) { + max-width: 256px; + max-height: 256px; + height: 30vh; + width: 100vw; + } } } diff --git a/src/OnboardingSPA/components/StateHandlers/Design/index.js b/src/OnboardingSPA/components/StateHandlers/Design/index.js index 0a5ec91fd..91effc545 100644 --- a/src/OnboardingSPA/components/StateHandlers/Design/index.js +++ b/src/OnboardingSPA/components/StateHandlers/Design/index.js @@ -55,7 +55,8 @@ const DesignStateHandler = ( { children } ) => { break; case THEME_STATUS_ACTIVE: await loadPreviewSettings(); - break; + updateThemeStatus( themeStatus ); + break; default: updateThemeStatus( themeStatus ); } diff --git a/src/OnboardingSPA/pages/Steps/DesignHomepageMenu/index.js b/src/OnboardingSPA/pages/Steps/DesignHomepageMenu/index.js index 6fc6b8067..08912e579 100644 --- a/src/OnboardingSPA/pages/Steps/DesignHomepageMenu/index.js +++ b/src/OnboardingSPA/pages/Steps/DesignHomepageMenu/index.js @@ -10,6 +10,7 @@ import CommonLayout from '../../../components/Layouts/Common'; import { VIEW_DESIGN_HOMEPAGE_MENU, THEME_STATUS_ACTIVE, + THEME_STATUS_NOT_ACTIVE, } from '../../../../constants'; import { LivePreviewSelectableCard } from '../../../components/LivePreview'; import HeadingWithSubHeading from '../../../components/HeadingWithSubHeading'; @@ -66,6 +67,7 @@ const StepDesignHomepageMenu = () => { updatePreviewSettings, setIsDrawerSuppressed, setCurrentOnboardingData, + updateThemeStatus, } = useDispatch( nfdOnboardingStore ); useEffect( () => { @@ -98,7 +100,13 @@ const StepDesignHomepageMenu = () => { async function getHomepagePatternsData() { const homepagePatternData = await getPatterns( currentStep.patternId ); + if ( homepagePatternData?.error ) { + return updateThemeStatus( THEME_STATUS_NOT_ACTIVE ); + } const globalStyles = await getGlobalStyles(); + if ( globalStyles?.error ) { + return updateThemeStatus( THEME_STATUS_NOT_ACTIVE ); + } let selectedGlobalStyle; if ( currentData.data.theme.variation ) { selectedGlobalStyle = globalStyles.body.filter( diff --git a/src/OnboardingSPA/pages/Steps/DesignThemeStyles/Menu/index.js b/src/OnboardingSPA/pages/Steps/DesignThemeStyles/Menu/index.js index f71fa89c0..3e860235c 100644 --- a/src/OnboardingSPA/pages/Steps/DesignThemeStyles/Menu/index.js +++ b/src/OnboardingSPA/pages/Steps/DesignThemeStyles/Menu/index.js @@ -13,6 +13,7 @@ import { getGlobalStyles } from '../../../../utils/api/themes'; import { VIEW_DESIGN_THEME_STYLES_MENU, THEME_STATUS_ACTIVE, + THEME_STATUS_NOT_ACTIVE, } from '../../../../../constants'; import { DesignStateHandler } from '../../../../components/StateHandlers'; @@ -54,6 +55,7 @@ const StepDesignThemeStylesMenu = () => { setIsDrawerSuppressed, updatePreviewSettings, setCurrentOnboardingData, + updateThemeStatus, } = useDispatch( nfdOnboardingStore ); useEffect( () => { @@ -67,7 +69,13 @@ const StepDesignThemeStylesMenu = () => { const getStylesAndPatterns = async () => { const pattern = await getPatterns( currentStep.patternId, true ); + if ( pattern?.error ) { + return updateThemeStatus( THEME_STATUS_NOT_ACTIVE ); + } const globalStyles = await getGlobalStyles(); + if ( globalStyles?.error ) { + return updateThemeStatus( THEME_STATUS_NOT_ACTIVE ); + } setPattern( pattern?.body ); setGlobalStyles( globalStyles?.body ); setSelectedStyle( currentData.data.theme.variation ); diff --git a/src/OnboardingSPA/pages/Steps/DesignThemeStyles/Preview/index.js b/src/OnboardingSPA/pages/Steps/DesignThemeStyles/Preview/index.js index 7c0a50ba7..7fbb7e8db 100644 --- a/src/OnboardingSPA/pages/Steps/DesignThemeStyles/Preview/index.js +++ b/src/OnboardingSPA/pages/Steps/DesignThemeStyles/Preview/index.js @@ -11,6 +11,7 @@ import CommonLayout from '../../../../components/Layouts/Common'; import { VIEW_DESIGN_THEME_STYLES_PREVIEW, THEME_STATUS_ACTIVE, + THEME_STATUS_NOT_ACTIVE, } from '../../../../../constants'; import { store as nfdOnboardingStore } from '../../../../store'; import { getPatterns } from '../../../../utils/api/patterns'; @@ -60,6 +61,7 @@ const StepDesignThemeStylesPreview = () => { updateDesignSteps, updateAllSteps, setCurrentOnboardingData, + updateThemeStatus, } = useDispatch( nfdOnboardingStore ); useEffect( () => { @@ -74,7 +76,13 @@ const StepDesignThemeStylesPreview = () => { const getStylesAndPatterns = async () => { const pattern = await getPatterns( currentStep.patternId, true ); + if ( pattern?.error ) { + return updateThemeStatus( THEME_STATUS_NOT_ACTIVE ); + } const globalStyles = await getGlobalStyles(); + if ( globalStyles?.error ) { + return updateThemeStatus( THEME_STATUS_NOT_ACTIVE ); + } let selectedGlobalStyle; if ( currentData.data.theme.variation ) { selectedGlobalStyle = globalStyles.body.filter( From 0b058370c94b0e1a451ee58ebd54ada0e4c71bb2 Mon Sep 17 00:00:00 2001 From: arunshenoy99 Date: Thu, 29 Sep 2022 16:44:05 +0530 Subject: [PATCH 07/10] PRESS2-308 add pre commerce loading state handler --- includes/RestApi/PluginsController.php | 60 ++++++++++++ .../Themes/ThemeInstallerController.php | 12 +-- .../TaskManagers/PluginInstallTaskManager.php | 5 + package-lock.json | 14 ++- .../components/StateHandlers/Design/index.js | 11 ++- .../StateHandlers/Ecommerce/index.js | 98 +++++++++++++++++++ .../components/StateHandlers/index.js | 1 + .../Steps/Ecommerce/StepAddress/index.js | 3 + .../Steps/Ecommerce/StepProducts/index.js | 3 + .../pages/Steps/Ecommerce/StepTax/index.js | 3 + src/OnboardingSPA/store/actions.js | 7 ++ src/OnboardingSPA/store/reducer.js | 9 +- src/OnboardingSPA/store/selectors.js | 4 + src/OnboardingSPA/utils/api/plugins.js | 7 ++ src/OnboardingSPA/utils/api/themes.js | 2 +- src/constants.js | 7 ++ 16 files changed, 224 insertions(+), 22 deletions(-) create mode 100644 src/OnboardingSPA/components/StateHandlers/Ecommerce/index.js diff --git a/includes/RestApi/PluginsController.php b/includes/RestApi/PluginsController.php index a0ac35114..b066f2e17 100644 --- a/includes/RestApi/PluginsController.php +++ b/includes/RestApi/PluginsController.php @@ -65,6 +65,19 @@ public function register_routes() { ), ) ); + + \register_rest_route( + $this->namespace, + $this->rest_base . '/status', + array( + array( + 'methods' => \WP_REST_Server::READABLE, + 'callback' => array( $this, 'get_status' ), + 'args' => $this->get_status_args(), + // 'permission_callback' => array( Permissions::class, 'rest_is_authorized_admin' ), + ), + ) + ); } /** @@ -106,6 +119,19 @@ public function get_install_plugin_args() { ); } + public function get_status_args() { + return array( + 'plugin' => array( + 'type' => 'string', + 'required' => true, + ), + 'activated' => array( + 'type' => 'boolean', + 'default' => true + ), + ); + } + /** * Verify caller has permissions to install plugins. * @@ -182,4 +208,38 @@ public function install( \WP_REST_Request $request ) { return $plugin_install_task->execute(); } + + public function get_status( \WP_REST_Request $request ) { + $plugin = $request->get_param( 'plugin' ); + $activated = $request->get_param( 'activated' ); + + if ( PluginInstaller::exists( $plugin, $activated ) ) { + return new \WP_REST_Response( + array( + 'status' => $activated ? 'activated' : 'installed' + ), + 200 + ); + } + + $position_in_queue = PluginInstallTaskManager::status( $plugin ); + + if ( $position_in_queue !== false) { + return new \WP_REST_Response( + array( + 'status' => 'installing', + 'estimate' => ( ( $position_in_queue + 1 ) * 30 ) + ), + 200 + ); + } + + return new \WP_REST_Response( + array( + 'status' => 'not_active' + ), + 200 + ); + + } } diff --git a/includes/RestApi/Themes/ThemeInstallerController.php b/includes/RestApi/Themes/ThemeInstallerController.php index 23f601e0b..3b928bd0e 100644 --- a/includes/RestApi/Themes/ThemeInstallerController.php +++ b/includes/RestApi/Themes/ThemeInstallerController.php @@ -54,12 +54,12 @@ public function register_routes() { \register_rest_route( $this->namespace, - $this->rest_base . '/install/status', + $this->rest_base . '/status', array( array( 'methods' => \WP_REST_Server::READABLE, - 'callback' => array( $this, 'get_install_status' ), - 'args' => $this->get_install_status_args(), + 'callback' => array( $this, 'get_status' ), + 'args' => $this->get_status_args(), // 'permission_callback' => array( Permissions::class, 'rest_is_authorized_admin' ), ), ) @@ -92,7 +92,7 @@ public function get_install_theme_args() { ); } - public function get_install_status_args() { + public function get_status_args() { return array( 'theme' => array( 'type' => 'string', @@ -167,7 +167,7 @@ public static function install( \WP_REST_Request $request ) { return $theme_install_task->execute(); } - public function get_install_status( \WP_REST_Request $request ) { + public function get_status( \WP_REST_Request $request ) { $theme = $request->get_param( 'theme' ); $activated = $request->get_param( 'activated' ); @@ -186,7 +186,7 @@ public function get_install_status( \WP_REST_Request $request ) { return new \WP_REST_Response( array( 'status' => 'installing', - 'estimate' => ( ( $position_in_queue + 1 ) * 30 ) + 'estimate' => ( ( $position_in_queue + 1 ) * 10 ) ), 200 ); diff --git a/includes/TaskManagers/PluginInstallTaskManager.php b/includes/TaskManagers/PluginInstallTaskManager.php index 28e1f38ae..c5d4aee40 100644 --- a/includes/TaskManagers/PluginInstallTaskManager.php +++ b/includes/TaskManagers/PluginInstallTaskManager.php @@ -165,4 +165,9 @@ public static function add_to_queue( PluginInstallTask $plugin_install_task ) { return \update_option( Options::get_option_name( self::$queue_name ), $queue->to_array() ); } + + public static function status( $plugin ) { + $plugins = \get_option( Options::get_option_name( self::$queue_name ), array() ); + return array_search( $plugin, array_column( $plugins, 'slug' ) ); + } } diff --git a/package-lock.json b/package-lock.json index 3ceb281ff..084f23df6 100644 --- a/package-lock.json +++ b/package-lock.json @@ -3793,14 +3793,6 @@ "webpack-bundle-analyzer": "^4.4.2", "webpack-cli": "^4.9.1", "webpack-dev-server": "^4.4.0" - }, - "dependencies": { - "prettier": { - "version": "npm:wp-prettier@2.2.1-beta-1", - "resolved": "https://registry.npmjs.org/wp-prettier/-/wp-prettier-2.2.1-beta-1.tgz", - "integrity": "sha512-+JHkqs9LC/JPp51yy1hzs3lQ7qeuWCwOcSzpQNeeY/G7oSpnF61vxt7hRh87zNRTr6ob2ndy0W8rVzhgrcA+Gw==", - "dev": true - } } }, "@wordpress/style-engine": { @@ -11523,6 +11515,12 @@ "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==", "dev": true }, + "prettier": { + "version": "npm:wp-prettier@2.2.1-beta-1", + "resolved": "https://registry.npmjs.org/wp-prettier/-/wp-prettier-2.2.1-beta-1.tgz", + "integrity": "sha512-+JHkqs9LC/JPp51yy1hzs3lQ7qeuWCwOcSzpQNeeY/G7oSpnF61vxt7hRh87zNRTr6ob2ndy0W8rVzhgrcA+Gw==", + "dev": true + }, "prettier-linter-helpers": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/prettier-linter-helpers/-/prettier-linter-helpers-1.0.0.tgz", diff --git a/src/OnboardingSPA/components/StateHandlers/Design/index.js b/src/OnboardingSPA/components/StateHandlers/Design/index.js index 91effc545..02f4eb8b8 100644 --- a/src/OnboardingSPA/components/StateHandlers/Design/index.js +++ b/src/OnboardingSPA/components/StateHandlers/Design/index.js @@ -1,5 +1,6 @@ import { useSelect, useDispatch } from '@wordpress/data'; import { useEffect } from '@wordpress/element'; +import { __ } from '@wordpress/i18n'; import { StepLoader } from '../../Loaders'; import { store as nfdOnboardingStore } from '../../../store'; @@ -68,12 +69,12 @@ const DesignStateHandler = ( { children } ) => { case THEME_STATUS_NOT_ACTIVE: return ( ); @@ -82,9 +83,9 @@ const DesignStateHandler = ( { children } ) => { default: return ( ); diff --git a/src/OnboardingSPA/components/StateHandlers/Ecommerce/index.js b/src/OnboardingSPA/components/StateHandlers/Ecommerce/index.js new file mode 100644 index 000000000..efa4f7499 --- /dev/null +++ b/src/OnboardingSPA/components/StateHandlers/Ecommerce/index.js @@ -0,0 +1,98 @@ +import { useSelect, useDispatch } from '@wordpress/data'; +import { useEffect } from '@wordpress/element'; +import { __ } from '@wordpress/i18n'; +import { StepLoader } from '../../Loaders'; + +import { store as nfdOnboardingStore } from '../../../store'; +import { getPluginStatus } from '../../../utils/api/plugins'; +import { + PLUGIN_STATUS_INIT, + PLUGIN_STATUS_INSTALLING, + PLUGIN_STATUS_NOT_ACTIVE, + PLUGIN_STATUS_ACTIVE, + ECOMMERCE_STEPS_PLUGIN, + PLUGIN_INSTALL_WAIT_TIMEOUT, +} from '../../../../constants'; +import { getPreviewSettings } from '../../../utils/api/settings'; +import { StepErrorState } from '../../ErrorState'; + +const EcommerceStateHandler = ( { children } ) => { + const { storedPluginStatus } = useSelect( ( select ) => { + return { + storedPluginStatus: select( nfdOnboardingStore ).getPluginStatus(), + }; + }, [] ); + + const { updatePluginStatus, updatePreviewSettings } = + useDispatch( nfdOnboardingStore ); + + const checkPluginStatus = async () => { + const pluginStatus = await getPluginStatus( ECOMMERCE_STEPS_PLUGIN ); + return pluginStatus.body.status; + }; + + const loadPreviewSettings = async () => { + const previewSettings = await getPreviewSettings(); + updatePreviewSettings( previewSettings.body ); + }; + + const waitForInstall = () => { + setTimeout( async () => { + const pluginStatus = await checkPluginStatus(); + if ( pluginStatus !== PLUGIN_STATUS_ACTIVE ) { + return updatePluginStatus( PLUGIN_STATUS_NOT_ACTIVE ); + } + updatePluginStatus( pluginStatus ); + await loadPreviewSettings(); + }, PLUGIN_INSTALL_WAIT_TIMEOUT ); + }; + + useEffect( async () => { + if ( storedPluginStatus === PLUGIN_STATUS_INIT ) { + const pluginStatus = await checkPluginStatus(); + switch ( pluginStatus ) { + case PLUGIN_STATUS_INSTALLING: + waitForInstall(); + break; + case PLUGIN_STATUS_ACTIVE: + await loadPreviewSettings(); + updatePluginStatus( pluginStatus ); + break; + default: + updatePluginStatus( pluginStatus ); + } + } + }, [ storedPluginStatus ] ); + + const handleRender = () => { + switch ( storedPluginStatus ) { + case PLUGIN_STATUS_NOT_ACTIVE: + return ( + + ); + case PLUGIN_STATUS_ACTIVE: + return children; + default: + return ( + + ); + } + }; + + return <>{ handleRender() }; +}; + +export default EcommerceStateHandler; diff --git a/src/OnboardingSPA/components/StateHandlers/index.js b/src/OnboardingSPA/components/StateHandlers/index.js index b18f3eb9a..0b2110d52 100644 --- a/src/OnboardingSPA/components/StateHandlers/index.js +++ b/src/OnboardingSPA/components/StateHandlers/index.js @@ -1 +1,2 @@ export { default as DesignStateHandler } from './Design'; +export { default as EcommerceStateHandler } from './Ecommerce'; \ No newline at end of file diff --git a/src/OnboardingSPA/pages/Steps/Ecommerce/StepAddress/index.js b/src/OnboardingSPA/pages/Steps/Ecommerce/StepAddress/index.js index 4028a2e0b..d5fa5e624 100644 --- a/src/OnboardingSPA/pages/Steps/Ecommerce/StepAddress/index.js +++ b/src/OnboardingSPA/pages/Steps/Ecommerce/StepAddress/index.js @@ -12,6 +12,7 @@ import { store as nfdOnboardingStore } from '../../../../store'; import content from '../content.json'; import countries from '../countries.json'; import { useWPSettings } from '../useWPSettings'; +import { EcommerceStateHandler } from '../../../../components/StateHandlers'; const StepAddress = () => { const isLargeViewport = useViewportMatch( 'medium' ); @@ -107,6 +108,7 @@ const StepAddress = () => { }); } return ( +
@@ -243,6 +245,7 @@ const StepAddress = () => {
+ ); }; diff --git a/src/OnboardingSPA/pages/Steps/Ecommerce/StepProducts/index.js b/src/OnboardingSPA/pages/Steps/Ecommerce/StepProducts/index.js index e8ec55970..c9d15bf4e 100644 --- a/src/OnboardingSPA/pages/Steps/Ecommerce/StepProducts/index.js +++ b/src/OnboardingSPA/pages/Steps/Ecommerce/StepProducts/index.js @@ -9,6 +9,7 @@ import CardHeader from '../../../../components/CardHeader'; import CommonLayout from '../../../../components/Layouts/Common'; import NeedHelpTag from '../../../../components/NeedHelpTag'; import NewfoldLargeCard from '../../../../components/NewfoldLargeCard'; +import { EcommerceStateHandler } from '../../../../components/StateHandlers'; import { store as nfdOnboardingStore } from '../../../../store'; import content from '../content.json'; @@ -58,6 +59,7 @@ const StepProducts = () => { return ( +
@@ -100,6 +102,7 @@ const StepProducts = () => {
+ ); }; diff --git a/src/OnboardingSPA/pages/Steps/Ecommerce/StepTax/index.js b/src/OnboardingSPA/pages/Steps/Ecommerce/StepTax/index.js index 5ddeb6f26..90f6133ae 100644 --- a/src/OnboardingSPA/pages/Steps/Ecommerce/StepTax/index.js +++ b/src/OnboardingSPA/pages/Steps/Ecommerce/StepTax/index.js @@ -9,6 +9,7 @@ import CardHeader from '../../../../components/CardHeader'; import CommonLayout from '../../../../components/Layouts/Common'; import NeedHelpTag from '../../../../components/NeedHelpTag'; import NewfoldLargeCard from '../../../../components/NewfoldLargeCard'; +import { EcommerceStateHandler } from '../../../../components/StateHandlers'; import { store as nfdOnboardingStore } from '../../../../store'; import content from '../content.json'; import { useWPSettings } from '../useWPSettings'; @@ -74,6 +75,7 @@ const StepTax = () => { }; return ( +
@@ -121,6 +123,7 @@ const StepTax = () => {
+ ); }; diff --git a/src/OnboardingSPA/store/actions.js b/src/OnboardingSPA/store/actions.js index 6201816f5..838e2859c 100644 --- a/src/OnboardingSPA/store/actions.js +++ b/src/OnboardingSPA/store/actions.js @@ -125,6 +125,13 @@ export function updateThemeStatus( themeStatus ) { } } +export function updatePluginStatus( pluginStatus ) { + return { + type: 'UPDATE_PLUGIN_STATUS', + pluginStatus + } +} + export function setIsSidebarOpened( isOpen ) { return { type: 'SET_SIDEBAR_OPENED', diff --git a/src/OnboardingSPA/store/reducer.js b/src/OnboardingSPA/store/reducer.js index 3ed3c6ccf..2a68f6627 100644 --- a/src/OnboardingSPA/store/reducer.js +++ b/src/OnboardingSPA/store/reducer.js @@ -1,6 +1,6 @@ import { combineReducers } from '@wordpress/data'; -import { VIEW_NAV_PRIMARY } from '../../constants'; +import { VIEW_NAV_PRIMARY, THEME_STATUS_INIT, PLUGIN_STATUS_INIT } from '../../constants'; import { routes as initialRoutes, @@ -148,7 +148,7 @@ export function runtime( state = {}, action ) { return state; } -export function settings( state = { themeStatus: 'init' }, action ) { +export function settings( state = { themeStatus: THEME_STATUS_INIT, pluginStatus: PLUGIN_STATUS_INIT }, action ) { switch ( action.type ) { case 'UPDATE_SETTINGS': return { @@ -160,6 +160,11 @@ export function settings( state = { themeStatus: 'init' }, action ) { ...state, themeStatus: action.themeStatus }; + case 'UPDATE_PLUGIN_STATUS': + return { + ...state, + pluginStatus: action.pluginStatus + }; } return state; diff --git a/src/OnboardingSPA/store/selectors.js b/src/OnboardingSPA/store/selectors.js index 7665d9542..10cc8853f 100644 --- a/src/OnboardingSPA/store/selectors.js +++ b/src/OnboardingSPA/store/selectors.js @@ -237,6 +237,10 @@ export function getThemeStatus ( state ) { return state.settings.themeStatus; } +export function getPluginStatus ( state ) { + return state.settings.pluginStatus; +} + export function getStoreInfoSteps( state ) { return state.flow.steps.storeInfoSteps; } diff --git a/src/OnboardingSPA/utils/api/plugins.js b/src/OnboardingSPA/utils/api/plugins.js index 398d01125..8785b5885 100644 --- a/src/OnboardingSPA/utils/api/plugins.js +++ b/src/OnboardingSPA/utils/api/plugins.js @@ -2,6 +2,7 @@ import apiFetch from '@wordpress/api-fetch'; import { onboardingRestURL } from './common'; import { getQueryParam } from '../index'; +import { resolve } from './resolve'; import { NFD_PLUGINS_QUERY_PARAM } from '../../../constants'; export const init = () => { @@ -19,3 +20,9 @@ export const init = () => { console.error( error ); } ); }; + +export const getPluginStatus = async ( plugin ) => { + return await resolve( + apiFetch( { url: onboardingRestURL( 'plugins/status' + ( plugin ? `&plugin=${plugin}` : '' ) ) } ) + ) +} diff --git a/src/OnboardingSPA/utils/api/themes.js b/src/OnboardingSPA/utils/api/themes.js index 37bf6c329..d20daa337 100644 --- a/src/OnboardingSPA/utils/api/themes.js +++ b/src/OnboardingSPA/utils/api/themes.js @@ -26,7 +26,7 @@ const getGlobalStyles = async () => { const getThemeStatus = async ( theme ) => { return await resolve( - apiFetch( { url: onboardingRestURL( 'themes/install/status' + ( theme ? `&theme=${theme}` : '' ) ) } ) + apiFetch( { url: onboardingRestURL( 'themes/status' + ( theme ? `&theme=${theme}` : '' ) ) } ) ) } diff --git a/src/constants.js b/src/constants.js index 7427f96bb..32e207148 100644 --- a/src/constants.js +++ b/src/constants.js @@ -37,6 +37,13 @@ export const THEME_STATUS_INSTALLING = 'installing'; export const THEME_STATUS_ACTIVE = 'activated'; export const THEME_INSTALL_WAIT_TIMEOUT = 30000 +export const ECOMMERCE_STEPS_PLUGIN = 'woocommerce' +export const PLUGIN_STATUS_INIT = 'init'; +export const PLUGIN_STATUS_NOT_ACTIVE = 'not_active'; +export const PLUGIN_STATUS_INSTALLING = 'installing'; +export const PLUGIN_STATUS_ACTIVE = 'activated'; +export const PLUGIN_INSTALL_WAIT_TIMEOUT = 30000 + /** * All views for the component. */ From a98e62af365412baa620eeb286a76d77fb5d3be7 Mon Sep 17 00:00:00 2001 From: arunshenoy99 Date: Thu, 29 Sep 2022 19:45:16 +0530 Subject: [PATCH 08/10] PRESS2-299 refactor code --- build/0.2.1/onboarding.asset.php | 1 + ...teps_DesignThemeStyles_Preview_index_js.js | 873 ++++++++++++++++++ ..._DesignThemeStyles_Preview_index_js.js.map | 1 + includes/RestApi/PluginsController.php | 100 +- includes/RestApi/SettingsController.php | 401 +------- .../Themes/ThemeInstallerController.php | 108 ++- includes/Services/Webfonts.php | 364 ++++++++ .../TaskManagers/PluginInstallTaskManager.php | 8 +- .../TaskManagers/ThemeInstallTaskManager.php | 8 +- .../DrawerPanel/DesignThemeStylesPreview.js | 22 +- .../components/StateHandlers/Design/index.js | 44 +- .../StateHandlers/Ecommerce/index.js | 81 +- .../components/StateHandlers/index.js | 2 +- .../Steps/DesignThemeStyles/Menu/index.js | 16 +- .../Steps/DesignThemeStyles/Preview/index.js | 24 +- src/OnboardingSPA/store/actions.js | 18 +- src/OnboardingSPA/store/reducer.js | 35 +- src/OnboardingSPA/store/selectors.js | 4 +- src/OnboardingSPA/styles/_branding.scss | 11 +- src/OnboardingSPA/utils/api/plugins.js | 12 +- src/OnboardingSPA/utils/api/settings.js | 2 +- src/OnboardingSPA/utils/api/themes.js | 12 +- src/constants.js | 5 +- 23 files changed, 1557 insertions(+), 595 deletions(-) create mode 100644 build/0.2.1/onboarding.asset.php create mode 100644 build/0.2.1/src_OnboardingSPA_pages_Steps_DesignThemeStyles_Preview_index_js.js create mode 100644 build/0.2.1/src_OnboardingSPA_pages_Steps_DesignThemeStyles_Preview_index_js.js.map create mode 100644 includes/Services/Webfonts.php diff --git a/build/0.2.1/onboarding.asset.php b/build/0.2.1/onboarding.asset.php new file mode 100644 index 000000000..b14bfe930 --- /dev/null +++ b/build/0.2.1/onboarding.asset.php @@ -0,0 +1 @@ + array('lodash', 'react', 'wp-a11y', 'wp-api-fetch', 'wp-block-editor', 'wp-block-library', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-data', 'wp-data-controls', 'wp-deprecated', 'wp-dom', 'wp-dom-ready', 'wp-element', 'wp-i18n', 'wp-keycodes', 'wp-plugins', 'wp-preferences', 'wp-primitives', 'wp-url', 'wp-viewport'), 'version' => 'e279bcffcf4c0c9af1b7565710e66060'); \ No newline at end of file diff --git a/build/0.2.1/src_OnboardingSPA_pages_Steps_DesignThemeStyles_Preview_index_js.js b/build/0.2.1/src_OnboardingSPA_pages_Steps_DesignThemeStyles_Preview_index_js.js new file mode 100644 index 000000000..7e1a63adf --- /dev/null +++ b/build/0.2.1/src_OnboardingSPA_pages_Steps_DesignThemeStyles_Preview_index_js.js @@ -0,0 +1,873 @@ +"use strict"; +(self["webpackChunknewfold_Onboarding"] = self["webpackChunknewfold_Onboarding"] || []).push([["src_OnboardingSPA_pages_Steps_DesignThemeStyles_Preview_index_js"],{ + +/***/ "./src/OnboardingSPA/components/ErrorState/Step/index.js": +/*!***************************************************************!*\ + !*** ./src/OnboardingSPA/components/ErrorState/Step/index.js ***! + \***************************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +__webpack_require__.r(__webpack_exports__); +/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element"); +/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__); +/* harmony import */ var _Layouts_Common__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../Layouts/Common */ "./src/OnboardingSPA/components/Layouts/Common.js"); +/* harmony import */ var _HeadingWithSubHeading__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../HeadingWithSubHeading */ "./src/OnboardingSPA/components/HeadingWithSubHeading/index.js"); +/* harmony import */ var _NeedHelpTag__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../NeedHelpTag */ "./src/OnboardingSPA/components/NeedHelpTag/index.js"); + + + + + +const StepErrorState = _ref => { + let { + title, + subtitle, + error + } = _ref; + return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_Layouts_Common__WEBPACK_IMPORTED_MODULE_1__["default"], { + className: "step-error-state", + isVerticallyCentered: true + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_HeadingWithSubHeading__WEBPACK_IMPORTED_MODULE_2__["default"], { + title: title, + subtitle: subtitle + }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + className: "step-error-state__logo" + }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("h3", { + className: "step-error-state__error" + }, error), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_NeedHelpTag__WEBPACK_IMPORTED_MODULE_3__["default"], null)); +}; + +/* harmony default export */ __webpack_exports__["default"] = (StepErrorState); + +/***/ }), + +/***/ "./src/OnboardingSPA/components/ErrorState/index.js": +/*!**********************************************************!*\ + !*** ./src/OnboardingSPA/components/ErrorState/index.js ***! + \**********************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "StepErrorState": function() { return /* reexport safe */ _Step__WEBPACK_IMPORTED_MODULE_0__["default"]; } +/* harmony export */ }); +/* harmony import */ var _Step__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Step */ "./src/OnboardingSPA/components/ErrorState/Step/index.js"); + + +/***/ }), + +/***/ "./src/OnboardingSPA/components/HeadingWithSubHeading/index.js": +/*!*********************************************************************!*\ + !*** ./src/OnboardingSPA/components/HeadingWithSubHeading/index.js ***! + \*********************************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +__webpack_require__.r(__webpack_exports__); +/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element"); +/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__); +/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n"); +/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__); + + +/** + * Interface Cards with standard design. + * + * @returns + */ + +const HeadingWithSubHeading = _ref => { + let { + title, + subtitle + } = _ref; + return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + className: "nfd-main-heading" + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("h2", { + className: "nfd-main-heading__title" + }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)(title, "wp-module-onboarding")), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("h3", { + className: "nfd-main-heading__subtitle" + }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)(subtitle, "wp-module-onboarding"))); +}; + +/* harmony default export */ __webpack_exports__["default"] = (HeadingWithSubHeading); + +/***/ }), + +/***/ "./src/OnboardingSPA/components/Layouts/Base.js": +/*!******************************************************!*\ + !*** ./src/OnboardingSPA/components/Layouts/Base.js ***! + \******************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +__webpack_require__.r(__webpack_exports__); +/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element"); +/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__); +/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js"); +/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__); +/* harmony import */ var _wordpress_a11y__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/a11y */ "@wordpress/a11y"); +/* harmony import */ var _wordpress_a11y__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_a11y__WEBPACK_IMPORTED_MODULE_2__); +/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react-router-dom */ "./node_modules/react-router/index.js"); +/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../constants */ "./src/constants.js"); +/* harmony import */ var _utils_api_events__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../utils/api/events */ "./src/OnboardingSPA/utils/api/events.js"); + + + + + + + +/** + * The Base Layout has no prescribed styles, only shared functionality like focus-management and analytics. + * + * @param {object} props + * @returns + */ + +const BaseLayout = _ref => { + let { + className = 'nfd-onboarding-layout__base', + children + } = _ref; + const location = (0,react_router_dom__WEBPACK_IMPORTED_MODULE_5__.useLocation)(); + const mainContainer = document.querySelector('.nfd-onboard-content'); + + const speakRouteTitle = function (location) { + let title = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'Showing new Onboarding Page'; + // [TODO]: Determine if some routes should not speak the title + (0,_wordpress_a11y__WEBPACK_IMPORTED_MODULE_2__.speak)(title, 'assertive'); + }; + + (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => { + mainContainer === null || mainContainer === void 0 ? void 0 : mainContainer.focus({ + preventScroll: true + }); + speakRouteTitle(location, 'Override'); + new _utils_api_events__WEBPACK_IMPORTED_MODULE_4__["default"](`${_constants__WEBPACK_IMPORTED_MODULE_3__.NFD_ONBOARDING_EVENT_PREFIX}-pageview`, { + stepID: location.pathname, + previousStepID: window.nfdOnboarding.previousStepID + }).send(); + window.nfdOnboarding.previousStepID = location.pathname; + }, [location.pathname]); + return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + className: classnames__WEBPACK_IMPORTED_MODULE_1___default()('nfd-onboarding-layout', className) + }, children); +}; + +/* harmony default export */ __webpack_exports__["default"] = (BaseLayout); + +/***/ }), + +/***/ "./src/OnboardingSPA/components/Layouts/Common.js": +/*!********************************************************!*\ + !*** ./src/OnboardingSPA/components/Layouts/Common.js ***! + \********************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +__webpack_require__.r(__webpack_exports__); +/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element"); +/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__); +/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components"); +/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__); +/* harmony import */ var _Base__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Base */ "./src/OnboardingSPA/components/Layouts/Base.js"); +/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js"); +/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_3__); + + + + + +/** + * + * @param {*} param0 + * @returns + */ + +const InnerContainer = _ref => { + let { + children + } = _ref; + return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("section", { + className: "is-contained" + }, children); +}; +/** + * The Common Layout extends the Base Layout and applies structural styles and animations. + * + * @param {object} props + * @returns + */ + + +const CommonLayout = _ref2 => { + let { + className = '', + children, + isBgPrimary = false, + isCentered = false, + isVerticallyCentered = false, + isContained = false, + isPadded = false, + isFadeIn = true + } = _ref2; + const Container = isContained ? InnerContainer : _wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment; + return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_Base__WEBPACK_IMPORTED_MODULE_2__["default"], { + className: classnames__WEBPACK_IMPORTED_MODULE_3___default()('nfd-onboarding-layout__common', className, { + 'is-layout-fade-in': isFadeIn + }, { + 'is-bg-primary': isBgPrimary + }, { + 'is-centered': isCentered + }, { + 'is-vertically-centered': isVerticallyCentered + }, { + 'is-padded': isPadded + }) + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(Container, null, children)); +}; + +/* harmony default export */ __webpack_exports__["default"] = (CommonLayout); + +/***/ }), + +/***/ "./src/OnboardingSPA/components/Loaders/ImageUpload/index.js": +/*!*******************************************************************!*\ + !*** ./src/OnboardingSPA/components/Loaders/ImageUpload/index.js ***! + \*******************************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +__webpack_require__.r(__webpack_exports__); +/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element"); +/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__); + + +const ImageUploadLoader = () => { + return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + className: "image-upload-loader--loading-box" + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + className: "image-upload-loader--loading-box__loader" + })); +}; + +/* harmony default export */ __webpack_exports__["default"] = (ImageUploadLoader); + +/***/ }), + +/***/ "./src/OnboardingSPA/components/Loaders/Step/index.js": +/*!************************************************************!*\ + !*** ./src/OnboardingSPA/components/Loaders/Step/index.js ***! + \************************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +__webpack_require__.r(__webpack_exports__); +/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element"); +/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__); +/* harmony import */ var _Layouts_Common__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../Layouts/Common */ "./src/OnboardingSPA/components/Layouts/Common.js"); +/* harmony import */ var _HeadingWithSubHeading__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../HeadingWithSubHeading */ "./src/OnboardingSPA/components/HeadingWithSubHeading/index.js"); +/* harmony import */ var _NeedHelpTag__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../NeedHelpTag */ "./src/OnboardingSPA/components/NeedHelpTag/index.js"); + + + + + +const StepLoader = _ref => { + let { + title, + subtitle + } = _ref; + return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_Layouts_Common__WEBPACK_IMPORTED_MODULE_1__["default"], { + className: "step-loader", + isVerticallyCentered: true + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_HeadingWithSubHeading__WEBPACK_IMPORTED_MODULE_2__["default"], { + title: title, + subtitle: subtitle + }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + className: "step-loader__logo-container" + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + className: "step-loader__logo" + })), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_NeedHelpTag__WEBPACK_IMPORTED_MODULE_3__["default"], null)); +}; + +/* harmony default export */ __webpack_exports__["default"] = (StepLoader); + +/***/ }), + +/***/ "./src/OnboardingSPA/components/Loaders/index.js": +/*!*******************************************************!*\ + !*** ./src/OnboardingSPA/components/Loaders/index.js ***! + \*******************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "ImageUploadLoader": function() { return /* reexport safe */ _ImageUpload__WEBPACK_IMPORTED_MODULE_1__["default"]; }, +/* harmony export */ "StepLoader": function() { return /* reexport safe */ _Step__WEBPACK_IMPORTED_MODULE_0__["default"]; } +/* harmony export */ }); +/* harmony import */ var _Step__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Step */ "./src/OnboardingSPA/components/Loaders/Step/index.js"); +/* harmony import */ var _ImageUpload__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ImageUpload */ "./src/OnboardingSPA/components/Loaders/ImageUpload/index.js"); + + + +/***/ }), + +/***/ "./src/OnboardingSPA/components/NeedHelpTag/index.js": +/*!***********************************************************!*\ + !*** ./src/OnboardingSPA/components/NeedHelpTag/index.js ***! + \***********************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +__webpack_require__.r(__webpack_exports__); +/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element"); +/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__); +/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../store */ "./src/OnboardingSPA/store/index.js"); +/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/data */ "@wordpress/data"); +/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_data__WEBPACK_IMPORTED_MODULE_2__); +/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n"); +/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__); + + + + +/** + * Need Help Label and URL rendering component for most of the onboarding steps + * Pass any Label and URL redirect which we want as is to display on the UI + * + * @param content + * @return NeedHelpTag + */ + +const NeedHelpTag = _ref => { + let { + question = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Need Help?', 'wp-module-onboarding'), + urlLabel = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Hire our Experts', 'wp-module-onboarding') + } = _ref; + const hireExpertsUrl = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_2__.select)(_store__WEBPACK_IMPORTED_MODULE_1__.store).getHireExpertsUrl(); + return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + className: "nfd-card-need-help-tag" + }, question, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("a", { + href: hireExpertsUrl, + target: '_blank' + }, urlLabel)); +}; + +/* harmony default export */ __webpack_exports__["default"] = (NeedHelpTag); + +/***/ }), + +/***/ "./src/OnboardingSPA/components/StateHandlers/Design/index.js": +/*!********************************************************************!*\ + !*** ./src/OnboardingSPA/components/StateHandlers/Design/index.js ***! + \********************************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +__webpack_require__.r(__webpack_exports__); +/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element"); +/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__); +/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/data */ "@wordpress/data"); +/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_data__WEBPACK_IMPORTED_MODULE_1__); +/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n"); +/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__); +/* harmony import */ var _Loaders__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../Loaders */ "./src/OnboardingSPA/components/Loaders/index.js"); +/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../store */ "./src/OnboardingSPA/store/index.js"); +/* harmony import */ var _utils_api_themes__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../utils/api/themes */ "./src/OnboardingSPA/utils/api/themes.js"); +/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../constants */ "./src/constants.js"); +/* harmony import */ var _utils_api_settings__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../utils/api/settings */ "./src/OnboardingSPA/utils/api/settings.js"); +/* harmony import */ var _ErrorState__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../ErrorState */ "./src/OnboardingSPA/components/ErrorState/index.js"); + + + + + + + + + + + +const DesignStateHandler = _ref => { + let { + children + } = _ref; + const { + storedThemeStatus + } = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_1__.useSelect)(select => { + return { + storedThemeStatus: select(_store__WEBPACK_IMPORTED_MODULE_4__.store).getThemeStatus() + }; + }, []); + const { + updateThemeStatus, + updatePreviewSettings + } = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_1__.useDispatch)(_store__WEBPACK_IMPORTED_MODULE_4__.store); + + const checkThemeStatus = async () => { + const themeStatus = await (0,_utils_api_themes__WEBPACK_IMPORTED_MODULE_5__.getThemeStatus)(_constants__WEBPACK_IMPORTED_MODULE_6__.DESIGN_STEPS_THEME); + + if (themeStatus !== null && themeStatus !== void 0 && themeStatus.error) { + return _constants__WEBPACK_IMPORTED_MODULE_6__.THEME_STATUS_NOT_ACTIVE; + } + + return themeStatus.body.status; + }; + + const loadPreviewSettings = async () => { + const previewSettings = await (0,_utils_api_settings__WEBPACK_IMPORTED_MODULE_7__.getPreviewSettings)(); + + if (previewSettings !== null && previewSettings !== void 0 && previewSettings.body) { + updatePreviewSettings(previewSettings.body); + } + }; + + const waitForInstall = () => { + setTimeout(async () => { + const themeStatus = await checkThemeStatus(); + + if (themeStatus !== _constants__WEBPACK_IMPORTED_MODULE_6__.THEME_STATUS_ACTIVE) { + return updateThemeStatus(_constants__WEBPACK_IMPORTED_MODULE_6__.THEME_STATUS_NOT_ACTIVE); + } + + updateThemeStatus(themeStatus); + await loadPreviewSettings(); + }, _constants__WEBPACK_IMPORTED_MODULE_6__.THEME_INSTALL_WAIT_TIMEOUT); + }; + + (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)(async () => { + if (storedThemeStatus === _constants__WEBPACK_IMPORTED_MODULE_6__.THEME_STATUS_INIT) { + const themeStatus = await checkThemeStatus(); + + switch (themeStatus) { + case _constants__WEBPACK_IMPORTED_MODULE_6__.THEME_STATUS_INSTALLING: + waitForInstall(); + break; + + case _constants__WEBPACK_IMPORTED_MODULE_6__.THEME_STATUS_ACTIVE: + await loadPreviewSettings(); + updateThemeStatus(themeStatus); + break; + + default: + updateThemeStatus(themeStatus); + } + } + }, [storedThemeStatus]); + + const handleRender = () => { + switch (storedThemeStatus) { + case _constants__WEBPACK_IMPORTED_MODULE_6__.THEME_STATUS_NOT_ACTIVE: + return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_ErrorState__WEBPACK_IMPORTED_MODULE_8__.StepErrorState, { + title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Preparing your Bluehost design studio', 'wp-module-onboarding'), + subtitle: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Hang tight while we show you some of the best WordPress has to offer!', 'wp-module-onboarding'), + error: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Uh-oh, something went wrong. Please contact support.', 'wp-module-onboarding') + }); + + case _constants__WEBPACK_IMPORTED_MODULE_6__.THEME_STATUS_ACTIVE: + return children; + + default: + return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_Loaders__WEBPACK_IMPORTED_MODULE_3__.StepLoader, { + title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Preparing your Bluehost design studio', 'wp-module-onboarding'), + subtitle: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Hang tight while we show you some of the best WordPress has to offer!', 'wp-module-onboarding') + }); + } + }; + + return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, handleRender()); +}; + +/* harmony default export */ __webpack_exports__["default"] = (DesignStateHandler); + +/***/ }), + +/***/ "./src/OnboardingSPA/components/StateHandlers/Ecommerce/index.js": +/*!***********************************************************************!*\ + !*** ./src/OnboardingSPA/components/StateHandlers/Ecommerce/index.js ***! + \***********************************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +__webpack_require__.r(__webpack_exports__); +/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element"); +/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__); +/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/data */ "@wordpress/data"); +/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_data__WEBPACK_IMPORTED_MODULE_1__); +/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n"); +/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__); +/* harmony import */ var _Loaders__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../Loaders */ "./src/OnboardingSPA/components/Loaders/index.js"); +/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../store */ "./src/OnboardingSPA/store/index.js"); +/* harmony import */ var _utils_api_plugins__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../utils/api/plugins */ "./src/OnboardingSPA/utils/api/plugins.js"); +/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../constants */ "./src/constants.js"); +/* harmony import */ var _utils_api_settings__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../utils/api/settings */ "./src/OnboardingSPA/utils/api/settings.js"); +/* harmony import */ var _ErrorState__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../ErrorState */ "./src/OnboardingSPA/components/ErrorState/index.js"); + + + + + + + + + + + +const EcommerceStateHandler = _ref => { + let { + children + } = _ref; + const [woocommerceStatus, setWoocommerceStatus] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(_constants__WEBPACK_IMPORTED_MODULE_6__.PLUGIN_STATUS_INSTALLING); + const { + storedPluginsStatus + } = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_1__.useSelect)(select => { + return { + storedPluginsStatus: select(_store__WEBPACK_IMPORTED_MODULE_4__.store).getPluginsStatus() + }; + }, []); + const { + updatePluginsStatus, + updatePreviewSettings + } = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_1__.useDispatch)(_store__WEBPACK_IMPORTED_MODULE_4__.store); + + const checkPluginStatus = async () => { + const pluginStatus = await (0,_utils_api_plugins__WEBPACK_IMPORTED_MODULE_5__.getPluginStatus)(_constants__WEBPACK_IMPORTED_MODULE_6__.ECOMMERCE_STEPS_PLUGIN); + + if (pluginStatus !== null && pluginStatus !== void 0 && pluginStatus.error) { + return _constants__WEBPACK_IMPORTED_MODULE_6__.PLUGIN_STATUS_NOT_ACTIVE; + } + + return pluginStatus.body.status; + }; + + const loadPreviewSettings = async () => { + const previewSettings = await (0,_utils_api_settings__WEBPACK_IMPORTED_MODULE_7__.getPreviewSettings)(); + + if (previewSettings !== null && previewSettings !== void 0 && previewSettings.body) { + updatePreviewSettings(previewSettings.body); + } + }; + + const waitForInstall = () => { + setTimeout(async () => { + const pluginStatus = await checkPluginStatus(); + + if (pluginStatus !== _constants__WEBPACK_IMPORTED_MODULE_6__.PLUGIN_STATUS_ACTIVE) { + storedPluginsStatus[_constants__WEBPACK_IMPORTED_MODULE_6__.ECOMMERCE_STEPS_PLUGIN] = _constants__WEBPACK_IMPORTED_MODULE_6__.PLUGIN_STATUS_NOT_ACTIVE; + setWoocommerceStatus(_constants__WEBPACK_IMPORTED_MODULE_6__.PLUGIN_STATUS_NOT_ACTIVE); + return updatePluginsStatus(storedPluginsStatus); + } + + storedPluginsStatus[_constants__WEBPACK_IMPORTED_MODULE_6__.ECOMMERCE_STEPS_PLUGIN] = pluginStatus; + setWoocommerceStatus(pluginStatus); + updatePluginsStatus(storedPluginsStatus); + await loadPreviewSettings(); + }, _constants__WEBPACK_IMPORTED_MODULE_6__.PLUGIN_INSTALL_WAIT_TIMEOUT); + }; + + (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)(async () => { + setWoocommerceStatus(storedPluginsStatus[_constants__WEBPACK_IMPORTED_MODULE_6__.ECOMMERCE_STEPS_PLUGIN]); + + if (storedPluginsStatus[_constants__WEBPACK_IMPORTED_MODULE_6__.ECOMMERCE_STEPS_PLUGIN] === _constants__WEBPACK_IMPORTED_MODULE_6__.PLUGIN_STATUS_INIT) { + const pluginStatus = await checkPluginStatus(); + + switch (pluginStatus) { + case _constants__WEBPACK_IMPORTED_MODULE_6__.PLUGIN_STATUS_INSTALLING: + waitForInstall(); + break; + + case _constants__WEBPACK_IMPORTED_MODULE_6__.PLUGIN_STATUS_ACTIVE: + await loadPreviewSettings(); + storedPluginsStatus[_constants__WEBPACK_IMPORTED_MODULE_6__.ECOMMERCE_STEPS_PLUGIN] = pluginStatus; + setWoocommerceStatus(pluginStatus); + updatePluginsStatus(storedPluginsStatus); + break; + + default: + storedPluginsStatus[_constants__WEBPACK_IMPORTED_MODULE_6__.ECOMMERCE_STEPS_PLUGIN] = pluginStatus; + setWoocommerceStatus(pluginStatus); + updatePluginsStatus(storedPluginsStatus); + } + } + }, [storedPluginsStatus]); + + const handleRender = () => { + switch (woocommerceStatus) { + case _constants__WEBPACK_IMPORTED_MODULE_6__.PLUGIN_STATUS_NOT_ACTIVE: + return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_ErrorState__WEBPACK_IMPORTED_MODULE_8__.StepErrorState, { + title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Making the keys to your Bluehost Online Store', 'wp-module-onboarding'), + subtitle: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('We’re installing WooCommerce for you to fill with your amazing products & services!', 'wp-module-onboarding'), + error: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Uh-oh, something went wrong. Please contact support.', 'wp-module-onboarding') + }); + + case _constants__WEBPACK_IMPORTED_MODULE_6__.PLUGIN_STATUS_ACTIVE: + return children; + + default: + return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_Loaders__WEBPACK_IMPORTED_MODULE_3__.StepLoader, { + title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Making the keys to your Bluehost Online Store', 'wp-module-onboarding'), + subtitle: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('We’re installing WooCommerce for you to fill with your amazing products & services!', 'wp-module-onboarding') + }); + } + }; + + return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, handleRender()); +}; + +/* harmony default export */ __webpack_exports__["default"] = (EcommerceStateHandler); + +/***/ }), + +/***/ "./src/OnboardingSPA/components/StateHandlers/index.js": +/*!*************************************************************!*\ + !*** ./src/OnboardingSPA/components/StateHandlers/index.js ***! + \*************************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "DesignStateHandler": function() { return /* reexport safe */ _Design__WEBPACK_IMPORTED_MODULE_0__["default"]; }, +/* harmony export */ "EcommerceStateHandler": function() { return /* reexport safe */ _Ecommerce__WEBPACK_IMPORTED_MODULE_1__["default"]; } +/* harmony export */ }); +/* harmony import */ var _Design__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Design */ "./src/OnboardingSPA/components/StateHandlers/Design/index.js"); +/* harmony import */ var _Ecommerce__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Ecommerce */ "./src/OnboardingSPA/components/StateHandlers/Ecommerce/index.js"); + + + +/***/ }), + +/***/ "./src/OnboardingSPA/pages/Steps/DesignThemeStyles/Preview/index.js": +/*!**************************************************************************!*\ + !*** ./src/OnboardingSPA/pages/Steps/DesignThemeStyles/Preview/index.js ***! + \**************************************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +__webpack_require__.r(__webpack_exports__); +/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element"); +/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__); +/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/data */ "@wordpress/data"); +/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_data__WEBPACK_IMPORTED_MODULE_1__); +/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! react-router-dom */ "./node_modules/react-router/index.js"); +/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components"); +/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__); +/* harmony import */ var _wordpress_compose__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/compose */ "@wordpress/compose"); +/* harmony import */ var _wordpress_compose__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_compose__WEBPACK_IMPORTED_MODULE_3__); +/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n"); +/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__); +/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! lodash */ "lodash"); +/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_5__); +/* harmony import */ var _components_LivePreview__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../components/LivePreview */ "./src/OnboardingSPA/components/LivePreview/index.js"); +/* harmony import */ var _components_Layouts_Common__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../components/Layouts/Common */ "./src/OnboardingSPA/components/Layouts/Common.js"); +/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../../constants */ "./src/constants.js"); +/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../store */ "./src/OnboardingSPA/store/index.js"); +/* harmony import */ var _utils_api_patterns__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../../utils/api/patterns */ "./src/OnboardingSPA/utils/api/patterns.js"); +/* harmony import */ var _utils_api_themes__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../../utils/api/themes */ "./src/OnboardingSPA/utils/api/themes.js"); +/* harmony import */ var _utils_global_styles_use_global_styles_output__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../../utils/global-styles/use-global-styles-output */ "./src/OnboardingSPA/utils/global-styles/use-global-styles-output.js"); +/* harmony import */ var _data_routes___WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../../../data/routes/ */ "./src/OnboardingSPA/data/routes/index.js"); +/* harmony import */ var _components_StateHandlers__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../../../components/StateHandlers */ "./src/OnboardingSPA/components/StateHandlers/index.js"); + + + + + + + + + + + + + + + + + + +const StepDesignThemeStylesPreview = () => { + const location = (0,react_router_dom__WEBPACK_IMPORTED_MODULE_15__.useLocation)(); + const [isLoaded, setIsLoaded] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(false); + const [pattern, setPattern] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(); + const [customize, setCustomize] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(false); + const isLargeViewport = (0,_wordpress_compose__WEBPACK_IMPORTED_MODULE_3__.useViewportMatch)('medium'); + const { + currentStep, + currentData, + storedPreviewSettings, + routes, + designSteps, + allSteps, + themeStatus + } = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_1__.useSelect)(select => { + return { + currentStep: select(_store__WEBPACK_IMPORTED_MODULE_9__.store).getStepFromPath(location.pathname), + currentData: select(_store__WEBPACK_IMPORTED_MODULE_9__.store).getCurrentOnboardingData(), + storedPreviewSettings: select(_store__WEBPACK_IMPORTED_MODULE_9__.store).getPreviewSettings(), + routes: select(_store__WEBPACK_IMPORTED_MODULE_9__.store).getRoutes(), + allSteps: select(_store__WEBPACK_IMPORTED_MODULE_9__.store).getAllSteps(), + designSteps: select(_store__WEBPACK_IMPORTED_MODULE_9__.store).getDesignSteps(), + themeStatus: select(_store__WEBPACK_IMPORTED_MODULE_9__.store).getThemeStatus() + }; + }, []); + const { + setDrawerActiveView, + setIsDrawerOpened, + setIsSidebarOpened, + setIsDrawerSuppressed, + updatePreviewSettings, + updateRoutes, + updateDesignSteps, + updateAllSteps, + setCurrentOnboardingData, + updateThemeStatus + } = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_1__.useDispatch)(_store__WEBPACK_IMPORTED_MODULE_9__.store); + (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => { + if (isLargeViewport) { + setIsDrawerOpened(true); + } + + setIsSidebarOpened(false); + setIsDrawerSuppressed(false); + setDrawerActiveView(_constants__WEBPACK_IMPORTED_MODULE_8__.VIEW_DESIGN_THEME_STYLES_PREVIEW); + handleCheckbox(currentData.data.customDesign, false); + }, []); + + const getStylesAndPatterns = async () => { + const patternsResponse = await (0,_utils_api_patterns__WEBPACK_IMPORTED_MODULE_10__.getPatterns)(currentStep.patternId, true); + + if (patternsResponse !== null && patternsResponse !== void 0 && patternsResponse.error) { + return updateThemeStatus(_constants__WEBPACK_IMPORTED_MODULE_8__.THEME_STATUS_NOT_ACTIVE); + } + + const globalStylesResponse = await (0,_utils_api_themes__WEBPACK_IMPORTED_MODULE_11__.getGlobalStyles)(); + + if (globalStylesResponse !== null && globalStylesResponse !== void 0 && globalStylesResponse.error) { + return updateThemeStatus(_constants__WEBPACK_IMPORTED_MODULE_8__.THEME_STATUS_NOT_ACTIVE); + } + + let selectedGlobalStyle; + + if (currentData.data.theme.variation) { + selectedGlobalStyle = globalStylesResponse.body.filter(globalStyle => globalStyle.title === currentData.data.theme.variation)[0]; + } else { + selectedGlobalStyle = globalStylesResponse.body[0]; + } + + updatePreviewSettings((0,_utils_global_styles_use_global_styles_output__WEBPACK_IMPORTED_MODULE_12__.useGlobalStylesOutput)(selectedGlobalStyle, storedPreviewSettings)); + setPattern(patternsResponse === null || patternsResponse === void 0 ? void 0 : patternsResponse.body); + setIsLoaded(true); + }; + + const addColorAndTypographyRoutes = () => { + const updates = removeColorAndTypographyRoutes(); + const steps = [_data_routes___WEBPACK_IMPORTED_MODULE_13__.conditionalSteps.designColors, _data_routes___WEBPACK_IMPORTED_MODULE_13__.conditionalSteps.designTypography]; + return { + routes: (0,lodash__WEBPACK_IMPORTED_MODULE_5__.orderBy)(updates.routes.concat(steps), ['priority'], ['asc']), + allSteps: (0,lodash__WEBPACK_IMPORTED_MODULE_5__.orderBy)(updates.allSteps.concat(steps), ['priority'], ['asc']), + designSteps: (0,lodash__WEBPACK_IMPORTED_MODULE_5__.orderBy)(updates.designSteps.concat(steps), ['priority'], ['asc']) + }; + }; + + const removeColorAndTypographyRoutes = () => { + return { + routes: (0,lodash__WEBPACK_IMPORTED_MODULE_5__.filter)(routes, route => !route.path.includes(_data_routes___WEBPACK_IMPORTED_MODULE_13__.conditionalSteps.designColors.path) && !route.path.includes(_data_routes___WEBPACK_IMPORTED_MODULE_13__.conditionalSteps.designTypography.path)), + allSteps: (0,lodash__WEBPACK_IMPORTED_MODULE_5__.filter)(allSteps, allStep => !allStep.path.includes(_data_routes___WEBPACK_IMPORTED_MODULE_13__.conditionalSteps.designColors.path) && !allStep.path.includes(_data_routes___WEBPACK_IMPORTED_MODULE_13__.conditionalSteps.designTypography.path)), + designSteps: (0,lodash__WEBPACK_IMPORTED_MODULE_5__.filter)(designSteps, designStep => !designStep.path.includes(_data_routes___WEBPACK_IMPORTED_MODULE_13__.conditionalSteps.designColors.path) && !designStep.path.includes(_data_routes___WEBPACK_IMPORTED_MODULE_13__.conditionalSteps.designTypography.path)) + }; + }; + + const handleCheckbox = function (customize) { + let updateOnboardingData = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true; + let updates; + + if (customize) { + updates = addColorAndTypographyRoutes(); + } else { + updates = removeColorAndTypographyRoutes(); + } + + updateRoutes(updates.routes); + updateDesignSteps(updates.designSteps); + updateAllSteps(updates.allSteps); + setCustomize(customize); + + if (updateOnboardingData) { + currentData.data.customDesign = customize; + setCurrentOnboardingData(currentData); + } + }; + + (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => { + if (!isLoaded && themeStatus === _constants__WEBPACK_IMPORTED_MODULE_8__.THEME_STATUS_ACTIVE) getStylesAndPatterns(); + }, [isLoaded, themeStatus]); + return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_StateHandlers__WEBPACK_IMPORTED_MODULE_14__.DesignStateHandler, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Layouts_Common__WEBPACK_IMPORTED_MODULE_7__["default"], { + className: "theme-styles-preview" + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + className: "theme-styles-preview__checkbox" + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.CheckboxControl, { + label: (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + className: "theme-styles-preview__checkbox__label" + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", { + className: "theme-styles-preview__checkbox__label__question" + }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Customize Colors & Fonts?', 'wp-module-onboarding'), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", { + className: "theme-styles-preview__checkbox__label__hint" + }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Check to customize in the next few steps (or leave empty and use the Site Editor later)', 'wp-module-onboarding')))), + checked: customize, + onChange: () => handleCheckbox(!customize) + })), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + className: "theme-styles-preview__title-bar" + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + className: "theme-styles-preview__title-bar__browser" + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", { + className: "theme-styles-preview__title-bar__browser__dot" + }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", { + className: "theme-styles-preview__title-bar__browser__dot" + }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", { + className: "theme-styles-preview__title-bar__browser__dot" + }))), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + className: "theme-styles-preview__live-preview-container" + }, pattern && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_LivePreview__WEBPACK_IMPORTED_MODULE_6__.LivePreview, { + blockGrammer: pattern, + styling: 'custom', + viewportWidth: 1300 + })))); +}; + +/* harmony default export */ __webpack_exports__["default"] = (StepDesignThemeStylesPreview); + +/***/ }), + +/***/ "./src/OnboardingSPA/utils/api/events.js": +/*!***********************************************!*\ + !*** ./src/OnboardingSPA/utils/api/events.js ***! + \***********************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +__webpack_require__.r(__webpack_exports__); +/* harmony import */ var _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/api-fetch */ "@wordpress/api-fetch"); +/* harmony import */ var _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_0__); +/* harmony import */ var _common__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./common */ "./src/OnboardingSPA/utils/api/common.js"); + + + +class Event { + constructor(eventSlug) { + let eventData = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; + this.eventSlug = eventSlug; + this.eventData = eventData; + } + + send() { + _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_0___default()({ + url: (0,_common__WEBPACK_IMPORTED_MODULE_1__.onboardingRestURL)('events'), + method: 'POST', + data: { + slug: this.eventSlug, + data: this.eventData + } + }).catch(error => { + console.error(error); + }); + } + +} + +/* harmony default export */ __webpack_exports__["default"] = (Event); + +/***/ }) + +}]); +//# sourceMappingURL=src_OnboardingSPA_pages_Steps_DesignThemeStyles_Preview_index_js.js.map \ No newline at end of file diff --git a/build/0.2.1/src_OnboardingSPA_pages_Steps_DesignThemeStyles_Preview_index_js.js.map b/build/0.2.1/src_OnboardingSPA_pages_Steps_DesignThemeStyles_Preview_index_js.js.map new file mode 100644 index 000000000..95c4fa35b --- /dev/null +++ b/build/0.2.1/src_OnboardingSPA_pages_Steps_DesignThemeStyles_Preview_index_js.js.map @@ -0,0 +1 @@ +{"version":3,"file":"src_OnboardingSPA_pages_Steps_DesignThemeStyles_Preview_index_js.js","mappings":"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","sources":["webpack://newfold.Onboarding/./src/OnboardingSPA/components/ErrorState/Step/index.js","webpack://newfold.Onboarding/./src/OnboardingSPA/components/HeadingWithSubHeading/index.js","webpack://newfold.Onboarding/./src/OnboardingSPA/components/Layouts/Base.js","webpack://newfold.Onboarding/./src/OnboardingSPA/components/Layouts/Common.js","webpack://newfold.Onboarding/./src/OnboardingSPA/components/Loaders/ImageUpload/index.js","webpack://newfold.Onboarding/./src/OnboardingSPA/components/Loaders/Step/index.js","webpack://newfold.Onboarding/./src/OnboardingSPA/components/Loaders/index.js","webpack://newfold.Onboarding/./src/OnboardingSPA/components/NeedHelpTag/index.js","webpack://newfold.Onboarding/./src/OnboardingSPA/components/StateHandlers/Design/index.js","webpack://newfold.Onboarding/./src/OnboardingSPA/components/StateHandlers/Ecommerce/index.js","webpack://newfold.Onboarding/./src/OnboardingSPA/components/StateHandlers/index.js","webpack://newfold.Onboarding/./src/OnboardingSPA/pages/Steps/DesignThemeStyles/Preview/index.js","webpack://newfold.Onboarding/./src/OnboardingSPA/utils/api/events.js"],"sourcesContent":["import CommonLayout from '../../Layouts/Common';\nimport HeadingWithSubHeading from '../../HeadingWithSubHeading';\nimport NeedHelpTag from '../../NeedHelpTag';\n\nconst StepErrorState = ( { title, subtitle, error } ) => {\n\treturn (\n\t\t\n\t\t\t\n\t\t\t
\n\t\t\t

{ error }

\n\t\t\t\n\t\t\n\t);\n};\n\nexport default StepErrorState;\n","import { __ } from '@wordpress/i18n';\n\n/**\n * Interface Cards with standard design.\n *\n * @returns\n */\nconst HeadingWithSubHeading = ({ title, subtitle }) => {\n\n\treturn (\n\t\t
\n\t\t\t

{__(\n\t\t\t\ttitle,\n\t\t\t\t\"wp-module-onboarding\"\n\t\t\t)}

\n\t\t\t

{__(\n\t\t\t\tsubtitle,\n\t\t\t\t\"wp-module-onboarding\"\n\t\t\t)}

\n\t\t
\n\t);\n};\n\nexport default HeadingWithSubHeading;\n","import classNames from 'classnames';\nimport { speak } from '@wordpress/a11y';\nimport { useEffect } from '@wordpress/element';\nimport { useLocation } from 'react-router-dom';\n\nimport { NFD_ONBOARDING_EVENT_PREFIX } from '../../../constants';\nimport Event from '../../utils/api/events';\n\n/**\n * The Base Layout has no prescribed styles, only shared functionality like focus-management and analytics.\n *\n * @param {object} props\n * @returns\n */\nconst BaseLayout = ({\n\tclassName = 'nfd-onboarding-layout__base',\n\tchildren,\n}) => {\n\tconst location = useLocation();\n\tconst mainContainer = document.querySelector('.nfd-onboard-content');\n\n\tconst speakRouteTitle = (\n\t\tlocation,\n\t\ttitle = 'Showing new Onboarding Page'\n\t) => {\n\t\t// [TODO]: Determine if some routes should not speak the title\n\t\tspeak(title, 'assertive');\n\t};\n\n\tuseEffect(() => {\n\t\tmainContainer?.focus({ preventScroll: true });\n\t\tspeakRouteTitle(location, 'Override');\n new Event(`${NFD_ONBOARDING_EVENT_PREFIX}-pageview`, {\n stepID: location.pathname,\n previousStepID: window.nfdOnboarding.previousStepID\n }).send();\n window.nfdOnboarding.previousStepID = location.pathname\n\t}, [location.pathname]);\n\n\treturn (\n\t\t
\n\t\t\t{children}\n\t\t
\n\t);\n};\n\nexport default BaseLayout;\n","import { Animate } from '@wordpress/components';\nimport BaseLayout from './Base';\nimport { Fragment } from '@wordpress/element';\nimport classNames from 'classnames';\n\n/**\n *\n * @param {*} param0\n * @returns\n */\nconst InnerContainer = ({ children }) => {\n\treturn
{children}
;\n};\n\n/**\n * The Common Layout extends the Base Layout and applies structural styles and animations.\n *\n * @param {object} props\n * @returns\n */\nconst CommonLayout = ({\n\tclassName = '',\n\tchildren,\n\tisBgPrimary = false,\n\tisCentered = false,\n\tisVerticallyCentered = false,\n\tisContained = false,\n\tisPadded = false,\n\tisFadeIn = true,\n}) => {\n\tconst Container = isContained ? InnerContainer : Fragment;\n\treturn (\n\t\t\n\t\t\t{children}\n\t\t\n\t);\n};\n\nexport default CommonLayout;\n","const ImageUploadLoader = () => {\n\treturn (\n\t\t
\n\t\t\t
\n\t\t
\n\t);\n};\n\nexport default ImageUploadLoader;\n","import CommonLayout from '../../Layouts/Common';\nimport HeadingWithSubHeading from '../../HeadingWithSubHeading';\nimport NeedHelpTag from '../../NeedHelpTag';\n\nconst StepLoader = ( { title, subtitle } ) => {\n\treturn (\n\t\t\n\t\t\t\n\t\t\t
\n\t\t\t\t
\n\t\t\t
\n\t\t\t\n\t\t\n\t);\n};\n\nexport default StepLoader;\n","export { default as StepLoader } from \"./Step\";\nexport { default as ImageUploadLoader } from \"./ImageUpload\";\n","import { store as nfdOnboardingStore } from '../../store';\nimport { select } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Need Help Label and URL rendering component for most of the onboarding steps\n * Pass any Label and URL redirect which we want as is to display on the UI\n *\n * @param content\n * @return NeedHelpTag\n */\n\nconst NeedHelpTag = ( {\n\tquestion = __('Need Help?', 'wp-module-onboarding'),\n\turlLabel = __('Hire our Experts', 'wp-module-onboarding'),\n} ) => {\n\tconst hireExpertsUrl = select( nfdOnboardingStore ).getHireExpertsUrl();\n\treturn (\n\t\t
\n\t\t\t{ question }\n\t\t\t\n\t\t\t\t{ urlLabel }\n\t\t\t\n\t\t
\n\t);\n};\n\nexport default NeedHelpTag;\n","import { useSelect, useDispatch } from '@wordpress/data';\nimport { Fragment, useEffect } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\n\nimport { StepLoader } from '../../Loaders';\nimport { store as nfdOnboardingStore } from '../../../store';\nimport { getThemeStatus } from '../../../utils/api/themes';\nimport {\n\tTHEME_STATUS_INIT,\n\tTHEME_STATUS_INSTALLING,\n\tTHEME_STATUS_NOT_ACTIVE,\n\tTHEME_STATUS_ACTIVE,\n\tDESIGN_STEPS_THEME,\n\tTHEME_INSTALL_WAIT_TIMEOUT,\n} from '../../../../constants';\nimport { getPreviewSettings } from '../../../utils/api/settings';\nimport { StepErrorState } from '../../ErrorState';\n\nconst DesignStateHandler = ( { children } ) => {\n\tconst { storedThemeStatus } = useSelect( ( select ) => {\n\t\treturn {\n\t\t\tstoredThemeStatus: select( nfdOnboardingStore ).getThemeStatus(),\n\t\t};\n\t}, [] );\n\n\tconst { updateThemeStatus, updatePreviewSettings } =\n\t\tuseDispatch( nfdOnboardingStore );\n\n\tconst checkThemeStatus = async () => {\n\t\tconst themeStatus = await getThemeStatus( DESIGN_STEPS_THEME );\n\t\tif ( themeStatus?.error ) {\n\t\t\treturn THEME_STATUS_NOT_ACTIVE;\n\t\t}\n\t\treturn themeStatus.body.status;\n\t};\n\n\tconst loadPreviewSettings = async () => {\n\t\tconst previewSettings = await getPreviewSettings();\n\t\tif ( previewSettings?.body ) {\n\t\t\tupdatePreviewSettings( previewSettings.body );\n\t\t}\n\t};\n\n\tconst waitForInstall = () => {\n\t\tsetTimeout( async () => {\n\t\t\tconst themeStatus = await checkThemeStatus();\n\t\t\tif ( themeStatus !== THEME_STATUS_ACTIVE ) {\n\t\t\t\treturn updateThemeStatus( THEME_STATUS_NOT_ACTIVE );\n\t\t\t}\n\t\t\tupdateThemeStatus( themeStatus );\n\t\t\tawait loadPreviewSettings();\n\t\t}, THEME_INSTALL_WAIT_TIMEOUT );\n\t};\n\n\tuseEffect( async () => {\n\t\tif ( storedThemeStatus === THEME_STATUS_INIT ) {\n\t\t\tconst themeStatus = await checkThemeStatus();\n\t\t\tswitch ( themeStatus ) {\n\t\t\t\tcase THEME_STATUS_INSTALLING:\n\t\t\t\t\twaitForInstall();\n\t\t\t\t\tbreak;\n\t\t\t\tcase THEME_STATUS_ACTIVE:\n\t\t\t\t\tawait loadPreviewSettings();\n\t\t\t\t\tupdateThemeStatus( themeStatus );\n\t\t\t\t\tbreak;\n\t\t\t\tdefault:\n\t\t\t\t\tupdateThemeStatus( themeStatus );\n\t\t\t}\n\t\t}\n\t}, [ storedThemeStatus ] );\n\n\tconst handleRender = () => {\n\t\tswitch ( storedThemeStatus ) {\n\t\t\tcase THEME_STATUS_NOT_ACTIVE:\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t);\n\t\t\tcase THEME_STATUS_ACTIVE:\n\t\t\t\treturn children;\n\t\t\tdefault:\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t);\n\t\t}\n\t};\n\n\treturn { handleRender() };\n};\n\nexport default DesignStateHandler;\n","import { useSelect, useDispatch } from '@wordpress/data';\nimport { useEffect, useState } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\n\nimport { StepLoader } from '../../Loaders';\nimport { store as nfdOnboardingStore } from '../../../store';\nimport { getPluginStatus } from '../../../utils/api/plugins';\nimport {\n\tPLUGIN_STATUS_INIT,\n\tPLUGIN_STATUS_INSTALLING,\n\tPLUGIN_STATUS_NOT_ACTIVE,\n\tPLUGIN_STATUS_ACTIVE,\n\tECOMMERCE_STEPS_PLUGIN,\n\tPLUGIN_INSTALL_WAIT_TIMEOUT,\n} from '../../../../constants';\nimport { getPreviewSettings } from '../../../utils/api/settings';\nimport { StepErrorState } from '../../ErrorState';\n\nconst EcommerceStateHandler = ( { children } ) => {\n\tconst [ woocommerceStatus, setWoocommerceStatus ] = useState(\n\t\tPLUGIN_STATUS_INSTALLING\n\t);\n\n\tconst { storedPluginsStatus } = useSelect( ( select ) => {\n\t\treturn {\n\t\t\tstoredPluginsStatus:\n\t\t\t\tselect( nfdOnboardingStore ).getPluginsStatus(),\n\t\t};\n\t}, [] );\n\n\tconst { updatePluginsStatus, updatePreviewSettings } =\n\t\tuseDispatch( nfdOnboardingStore );\n\n\tconst checkPluginStatus = async () => {\n\t\tconst pluginStatus = await getPluginStatus( ECOMMERCE_STEPS_PLUGIN );\n\t\tif ( pluginStatus?.error ) {\n\t\t\treturn PLUGIN_STATUS_NOT_ACTIVE;\n\t\t}\n\t\treturn pluginStatus.body.status;\n\t};\n\n\tconst loadPreviewSettings = async () => {\n\t\tconst previewSettings = await getPreviewSettings();\n\t\tif ( previewSettings?.body ) {\n\t\t\tupdatePreviewSettings( previewSettings.body );\n\t\t}\n\t};\n\n\tconst waitForInstall = () => {\n\t\tsetTimeout( async () => {\n\t\t\tconst pluginStatus = await checkPluginStatus();\n\t\t\tif ( pluginStatus !== PLUGIN_STATUS_ACTIVE ) {\n\t\t\t\tstoredPluginsStatus[ ECOMMERCE_STEPS_PLUGIN ] =\n\t\t\t\t\tPLUGIN_STATUS_NOT_ACTIVE;\n\t\t\t\tsetWoocommerceStatus( PLUGIN_STATUS_NOT_ACTIVE );\n\t\t\t\treturn updatePluginsStatus( storedPluginsStatus );\n\t\t\t}\n\t\t\tstoredPluginsStatus[ ECOMMERCE_STEPS_PLUGIN ] = pluginStatus;\n\t\t\tsetWoocommerceStatus( pluginStatus );\n\t\t\tupdatePluginsStatus( storedPluginsStatus );\n\t\t\tawait loadPreviewSettings();\n\t\t}, PLUGIN_INSTALL_WAIT_TIMEOUT );\n\t};\n\n\tuseEffect( async () => {\n\t\tsetWoocommerceStatus( storedPluginsStatus[ ECOMMERCE_STEPS_PLUGIN ] );\n\t\tif (\n\t\t\tstoredPluginsStatus[ ECOMMERCE_STEPS_PLUGIN ] === PLUGIN_STATUS_INIT\n\t\t) {\n\t\t\tconst pluginStatus = await checkPluginStatus();\n\t\t\tswitch ( pluginStatus ) {\n\t\t\t\tcase PLUGIN_STATUS_INSTALLING:\n\t\t\t\t\twaitForInstall();\n\t\t\t\t\tbreak;\n\t\t\t\tcase PLUGIN_STATUS_ACTIVE:\n\t\t\t\t\tawait loadPreviewSettings();\n\t\t\t\t\tstoredPluginsStatus[ ECOMMERCE_STEPS_PLUGIN ] =\n\t\t\t\t\t\tpluginStatus;\n\t\t\t\t\tsetWoocommerceStatus( pluginStatus );\n\t\t\t\t\tupdatePluginsStatus( storedPluginsStatus );\n\t\t\t\t\tbreak;\n\t\t\t\tdefault:\n\t\t\t\t\tstoredPluginsStatus[ ECOMMERCE_STEPS_PLUGIN ] =\n\t\t\t\t\t\tpluginStatus;\n\t\t\t\t\tsetWoocommerceStatus( pluginStatus );\n\t\t\t\t\tupdatePluginsStatus( storedPluginsStatus );\n\t\t\t}\n\t\t}\n\t}, [ storedPluginsStatus ] );\n\n\tconst handleRender = () => {\n\t\tswitch ( woocommerceStatus ) {\n\t\t\tcase PLUGIN_STATUS_NOT_ACTIVE:\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t);\n\t\t\tcase PLUGIN_STATUS_ACTIVE:\n\t\t\t\treturn children;\n\t\t\tdefault:\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t);\n\t\t}\n\t};\n\n\treturn <>{ handleRender() };\n};\n\nexport default EcommerceStateHandler;\n","export { default as DesignStateHandler } from './Design';\nexport { default as EcommerceStateHandler } from './Ecommerce';\n","import { useSelect, useDispatch } from '@wordpress/data';\nimport { useState, useEffect } from '@wordpress/element';\nimport { useLocation } from 'react-router-dom';\nimport { CheckboxControl } from '@wordpress/components';\nimport { useViewportMatch } from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\nimport { orderBy, filter } from 'lodash';\n\nimport { LivePreview } from '../../../../components/LivePreview';\nimport CommonLayout from '../../../../components/Layouts/Common';\nimport {\n\tVIEW_DESIGN_THEME_STYLES_PREVIEW,\n\tTHEME_STATUS_ACTIVE,\n\tTHEME_STATUS_NOT_ACTIVE,\n} from '../../../../../constants';\nimport { store as nfdOnboardingStore } from '../../../../store';\nimport { getPatterns } from '../../../../utils/api/patterns';\nimport { getGlobalStyles } from '../../../../utils/api/themes';\nimport { useGlobalStylesOutput } from '../../../../utils/global-styles/use-global-styles-output';\nimport { conditionalSteps } from '../../../../data/routes/';\nimport { DesignStateHandler } from '../../../../components/StateHandlers';\n\nconst StepDesignThemeStylesPreview = () => {\n\tconst location = useLocation();\n\tconst [ isLoaded, setIsLoaded ] = useState( false );\n\tconst [ pattern, setPattern ] = useState();\n\tconst [ customize, setCustomize ] = useState( false );\n\n\tconst isLargeViewport = useViewportMatch( 'medium' );\n\tconst {\n\t\tcurrentStep,\n\t\tcurrentData,\n\t\tstoredPreviewSettings,\n\t\troutes,\n\t\tdesignSteps,\n\t\tallSteps,\n\t\tthemeStatus,\n\t} = useSelect( ( select ) => {\n\t\treturn {\n\t\t\tcurrentStep: select( nfdOnboardingStore ).getStepFromPath(\n\t\t\t\tlocation.pathname\n\t\t\t),\n\t\t\tcurrentData:\n\t\t\t\tselect( nfdOnboardingStore ).getCurrentOnboardingData(),\n\t\t\tstoredPreviewSettings:\n\t\t\t\tselect( nfdOnboardingStore ).getPreviewSettings(),\n\t\t\troutes: select( nfdOnboardingStore ).getRoutes(),\n\t\t\tallSteps: select( nfdOnboardingStore ).getAllSteps(),\n\t\t\tdesignSteps: select( nfdOnboardingStore ).getDesignSteps(),\n\t\t\tthemeStatus: select( nfdOnboardingStore ).getThemeStatus(),\n\t\t};\n\t}, [] );\n\n\tconst {\n\t\tsetDrawerActiveView,\n\t\tsetIsDrawerOpened,\n\t\tsetIsSidebarOpened,\n\t\tsetIsDrawerSuppressed,\n\t\tupdatePreviewSettings,\n\t\tupdateRoutes,\n\t\tupdateDesignSteps,\n\t\tupdateAllSteps,\n\t\tsetCurrentOnboardingData,\n\t\tupdateThemeStatus,\n\t} = useDispatch( nfdOnboardingStore );\n\n\tuseEffect( () => {\n\t\tif ( isLargeViewport ) {\n\t\t\tsetIsDrawerOpened( true );\n\t\t}\n\t\tsetIsSidebarOpened( false );\n\t\tsetIsDrawerSuppressed( false );\n\t\tsetDrawerActiveView( VIEW_DESIGN_THEME_STYLES_PREVIEW );\n\t\thandleCheckbox( currentData.data.customDesign, false );\n\t}, [] );\n\n\tconst getStylesAndPatterns = async () => {\n\t\tconst patternsResponse = await getPatterns(\n\t\t\tcurrentStep.patternId,\n\t\t\ttrue\n\t\t);\n\t\tif ( patternsResponse?.error ) {\n\t\t\treturn updateThemeStatus( THEME_STATUS_NOT_ACTIVE );\n\t\t}\n\t\tconst globalStylesResponse = await getGlobalStyles();\n\t\tif ( globalStylesResponse?.error ) {\n\t\t\treturn updateThemeStatus( THEME_STATUS_NOT_ACTIVE );\n\t\t}\n\t\tlet selectedGlobalStyle;\n\t\tif ( currentData.data.theme.variation ) {\n\t\t\tselectedGlobalStyle = globalStylesResponse.body.filter(\n\t\t\t\t( globalStyle ) =>\n\t\t\t\t\tglobalStyle.title === currentData.data.theme.variation\n\t\t\t)[ 0 ];\n\t\t} else {\n\t\t\tselectedGlobalStyle = globalStylesResponse.body[ 0 ];\n\t\t}\n\t\tupdatePreviewSettings(\n\t\t\tuseGlobalStylesOutput( selectedGlobalStyle, storedPreviewSettings )\n\t\t);\n\t\tsetPattern( patternsResponse?.body );\n\t\tsetIsLoaded( true );\n\t};\n\n\tconst addColorAndTypographyRoutes = () => {\n\t\tconst updates = removeColorAndTypographyRoutes();\n\t\tconst steps = [\n\t\t\tconditionalSteps.designColors,\n\t\t\tconditionalSteps.designTypography,\n\t\t];\n\t\treturn {\n\t\t\troutes: orderBy(\n\t\t\t\tupdates.routes.concat( steps ),\n\t\t\t\t[ 'priority' ],\n\t\t\t\t[ 'asc' ]\n\t\t\t),\n\t\t\tallSteps: orderBy(\n\t\t\t\tupdates.allSteps.concat( steps ),\n\t\t\t\t[ 'priority' ],\n\t\t\t\t[ 'asc' ]\n\t\t\t),\n\t\t\tdesignSteps: orderBy(\n\t\t\t\tupdates.designSteps.concat( steps ),\n\t\t\t\t[ 'priority' ],\n\t\t\t\t[ 'asc' ]\n\t\t\t),\n\t\t};\n\t};\n\n\tconst removeColorAndTypographyRoutes = () => {\n\t\treturn {\n\t\t\troutes: filter(\n\t\t\t\troutes,\n\t\t\t\t( route ) =>\n\t\t\t\t\t! route.path.includes(\n\t\t\t\t\t\tconditionalSteps.designColors.path\n\t\t\t\t\t) &&\n\t\t\t\t\t! route.path.includes(\n\t\t\t\t\t\tconditionalSteps.designTypography.path\n\t\t\t\t\t)\n\t\t\t),\n\t\t\tallSteps: filter(\n\t\t\t\tallSteps,\n\t\t\t\t( allStep ) =>\n\t\t\t\t\t! allStep.path.includes(\n\t\t\t\t\t\tconditionalSteps.designColors.path\n\t\t\t\t\t) &&\n\t\t\t\t\t! allStep.path.includes(\n\t\t\t\t\t\tconditionalSteps.designTypography.path\n\t\t\t\t\t)\n\t\t\t),\n\t\t\tdesignSteps: filter(\n\t\t\t\tdesignSteps,\n\t\t\t\t( designStep ) =>\n\t\t\t\t\t! designStep.path.includes(\n\t\t\t\t\t\tconditionalSteps.designColors.path\n\t\t\t\t\t) &&\n\t\t\t\t\t! designStep.path.includes(\n\t\t\t\t\t\tconditionalSteps.designTypography.path\n\t\t\t\t\t)\n\t\t\t),\n\t\t};\n\t};\n\n\tconst handleCheckbox = ( customize, updateOnboardingData = true ) => {\n\t\tlet updates;\n\n\t\tif ( customize ) {\n\t\t\tupdates = addColorAndTypographyRoutes();\n\t\t} else {\n\t\t\tupdates = removeColorAndTypographyRoutes();\n\t\t}\n\n\t\tupdateRoutes( updates.routes );\n\t\tupdateDesignSteps( updates.designSteps );\n\t\tupdateAllSteps( updates.allSteps );\n\t\tsetCustomize( customize );\n\n\t\tif ( updateOnboardingData ) {\n\t\t\tcurrentData.data.customDesign = customize;\n\t\t\tsetCurrentOnboardingData( currentData );\n\t\t}\n\t};\n\n\tuseEffect( () => {\n\t\tif ( ! isLoaded && themeStatus === THEME_STATUS_ACTIVE )\n\t\t\tgetStylesAndPatterns();\n\t}, [ isLoaded, themeStatus ] );\n\n\treturn (\n\t\t\n\t\t\t\n\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t'Customize Colors & Fonts?',\n\t\t\t\t\t\t\t\t\t\t'wp-module-onboarding'\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t\t'Check to customize in the next few steps (or leave empty and use the Site Editor later)',\n\t\t\t\t\t\t\t\t\t\t\t'wp-module-onboarding'\n\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t}\n\t\t\t\t\t\tchecked={ customize }\n\t\t\t\t\t\tonChange={ () => handleCheckbox( ! customize ) }\n\t\t\t\t\t/>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t{ pattern && (\n\t\t\t\t\t\t\n\t\t\t\t\t) }\n\t\t\t\t
\n\t\t\t\n\t\t\n\t);\n};\n\nexport default StepDesignThemeStylesPreview;\n","import apiFetch from '@wordpress/api-fetch';\n\nimport { onboardingRestURL } from './common';\n\nclass Event {\n\tconstructor( eventSlug, eventData = {} ) {\n\t\tthis.eventSlug = eventSlug;\n\t\tthis.eventData = eventData;\n\t}\n\n\tsend() {\n\t\tapiFetch( {\n\t\t\turl: onboardingRestURL( 'events' ),\n\t\t\tmethod: 'POST',\n\t\t\tdata: {\n\t\t\t\tslug: this.eventSlug,\n\t\t\t\tdata: this.eventData,\n\t\t\t},\n\t\t} ).catch( ( error ) => {\n\t\t\tconsole.error( error );\n\t\t} );\n\t}\n}\n\nexport default Event;\n"],"names":["CommonLayout","HeadingWithSubHeading","NeedHelpTag","StepErrorState","title","subtitle","error","__","classNames","speak","useEffect","useLocation","NFD_ONBOARDING_EVENT_PREFIX","Event","BaseLayout","className","children","location","mainContainer","document","querySelector","speakRouteTitle","focus","preventScroll","stepID","pathname","previousStepID","window","nfdOnboarding","send","Animate","Fragment","InnerContainer","isBgPrimary","isCentered","isVerticallyCentered","isContained","isPadded","isFadeIn","Container","ImageUploadLoader","StepLoader","default","store","nfdOnboardingStore","select","question","urlLabel","hireExpertsUrl","getHireExpertsUrl","useSelect","useDispatch","getThemeStatus","THEME_STATUS_INIT","THEME_STATUS_INSTALLING","THEME_STATUS_NOT_ACTIVE","THEME_STATUS_ACTIVE","DESIGN_STEPS_THEME","THEME_INSTALL_WAIT_TIMEOUT","getPreviewSettings","DesignStateHandler","storedThemeStatus","updateThemeStatus","updatePreviewSettings","checkThemeStatus","themeStatus","body","status","loadPreviewSettings","previewSettings","waitForInstall","setTimeout","handleRender","useState","getPluginStatus","PLUGIN_STATUS_INIT","PLUGIN_STATUS_INSTALLING","PLUGIN_STATUS_NOT_ACTIVE","PLUGIN_STATUS_ACTIVE","ECOMMERCE_STEPS_PLUGIN","PLUGIN_INSTALL_WAIT_TIMEOUT","EcommerceStateHandler","woocommerceStatus","setWoocommerceStatus","storedPluginsStatus","getPluginsStatus","updatePluginsStatus","checkPluginStatus","pluginStatus","CheckboxControl","useViewportMatch","orderBy","filter","LivePreview","VIEW_DESIGN_THEME_STYLES_PREVIEW","getPatterns","getGlobalStyles","useGlobalStylesOutput","conditionalSteps","StepDesignThemeStylesPreview","isLoaded","setIsLoaded","pattern","setPattern","customize","setCustomize","isLargeViewport","currentStep","currentData","storedPreviewSettings","routes","designSteps","allSteps","getStepFromPath","getCurrentOnboardingData","getRoutes","getAllSteps","getDesignSteps","setDrawerActiveView","setIsDrawerOpened","setIsSidebarOpened","setIsDrawerSuppressed","updateRoutes","updateDesignSteps","updateAllSteps","setCurrentOnboardingData","handleCheckbox","data","customDesign","getStylesAndPatterns","patternsResponse","patternId","globalStylesResponse","selectedGlobalStyle","theme","variation","globalStyle","addColorAndTypographyRoutes","updates","removeColorAndTypographyRoutes","steps","designColors","designTypography","concat","route","path","includes","allStep","designStep","updateOnboardingData","apiFetch","onboardingRestURL","constructor","eventSlug","eventData","url","method","slug","catch","console"],"sourceRoot":""} \ No newline at end of file diff --git a/includes/RestApi/PluginsController.php b/includes/RestApi/PluginsController.php index b066f2e17..b2a9197f3 100644 --- a/includes/RestApi/PluginsController.php +++ b/includes/RestApi/PluginsController.php @@ -66,15 +66,15 @@ public function register_routes() { ) ); - \register_rest_route( + \register_rest_route( $this->namespace, $this->rest_base . '/status', array( array( - 'methods' => \WP_REST_Server::READABLE, - 'callback' => array( $this, 'get_status' ), - 'args' => $this->get_status_args(), - // 'permission_callback' => array( Permissions::class, 'rest_is_authorized_admin' ), + 'methods' => \WP_REST_Server::READABLE, + 'callback' => array( $this, 'get_status' ), + 'args' => $this->get_status_args(), + 'permission_callback' => array( Permissions::class, 'rest_is_authorized_admin' ), ), ) ); @@ -119,18 +119,18 @@ public function get_install_plugin_args() { ); } - public function get_status_args() { - return array( - 'plugin' => array( - 'type' => 'string', - 'required' => true, - ), - 'activated' => array( - 'type' => 'boolean', - 'default' => true - ), - ); - } + public function get_status_args() { + return array( + 'plugin' => array( + 'type' => 'string', + 'required' => true, + ), + 'activated' => array( + 'type' => 'boolean', + 'default' => true, + ), + ); + } /** * Verify caller has permissions to install plugins. @@ -209,37 +209,37 @@ public function install( \WP_REST_Request $request ) { return $plugin_install_task->execute(); } - public function get_status( \WP_REST_Request $request ) { - $plugin = $request->get_param( 'plugin' ); - $activated = $request->get_param( 'activated' ); - - if ( PluginInstaller::exists( $plugin, $activated ) ) { - return new \WP_REST_Response( - array( - 'status' => $activated ? 'activated' : 'installed' - ), - 200 - ); - } - - $position_in_queue = PluginInstallTaskManager::status( $plugin ); - - if ( $position_in_queue !== false) { - return new \WP_REST_Response( - array( - 'status' => 'installing', - 'estimate' => ( ( $position_in_queue + 1 ) * 30 ) - ), - 200 - ); - } - - return new \WP_REST_Response( - array( - 'status' => 'not_active' - ), - 200 - ); - - } + public function get_status( \WP_REST_Request $request ) { + $plugin = $request->get_param( 'plugin' ); + $activated = $request->get_param( 'activated' ); + + if ( PluginInstaller::exists( $plugin, $activated ) ) { + return new \WP_REST_Response( + array( + 'status' => $activated ? 'activated' : 'installed', + ), + 200 + ); + } + + $position_in_queue = PluginInstallTaskManager::status( $plugin ); + + if ( $position_in_queue !== false ) { + return new \WP_REST_Response( + array( + 'status' => 'installing', + 'estimate' => ( ( $position_in_queue + 1 ) * 30 ), + ), + 200 + ); + } + + return new \WP_REST_Response( + array( + 'status' => 'inactive', + ), + 200 + ); + + } } diff --git a/includes/RestApi/SettingsController.php b/includes/RestApi/SettingsController.php index 169f03663..71da07ab5 100644 --- a/includes/RestApi/SettingsController.php +++ b/includes/RestApi/SettingsController.php @@ -6,6 +6,7 @@ use NewfoldLabs\WP\Module\Onboarding\Data\Config; use NewfoldLabs\WP\Module\Onboarding\WP_Config; use NewfoldLabs\WP\Module\Onboarding\Data\Data; +use NewfoldLabs\WP\Module\Onboarding\Services\Webfonts; /** * Class SettingsController @@ -83,14 +84,14 @@ public function register_routes() { ) ); - \register_rest_route( + \register_rest_route( $this->namespace, $this->rest_base . '/preview', array( array( - 'methods' => \WP_REST_Server::READABLE, - 'callback' => array( $this, 'get_preview_settings' ), - // 'permission_callback' => array( Permissions::class, 'rest_is_authorized_admin' ), + 'methods' => \WP_REST_Server::READABLE, + 'callback' => array( $this, 'get_preview_settings' ), + 'permission_callback' => array( Permissions::class, 'rest_is_authorized_admin' ), ), ) ); @@ -190,12 +191,12 @@ public function get_current_settings() { */ public function initialize() { - if ( \get_option( Options::get_option_name( 'settings_initialized' ), false ) ) { - return new \WP_REST_Response( - array(), - 200 - ); - } + if ( \get_option( Options::get_option_name( 'settings_initialized' ), false ) ) { + return new \WP_REST_Response( + array(), + 200 + ); + } // Update wp_options $init_options = Options::get_initialization_options(); @@ -219,7 +220,7 @@ public function initialize() { $wp_config->add_constant( $constant_key, $constant_value ); } - \update_option( Options::get_option_name( 'settings_initialized' ), true ); + \update_option( Options::get_option_name( 'settings_initialized' ), true ); return new \WP_REST_Response( array(), @@ -227,373 +228,17 @@ public function initialize() { ); } - public static function fn_get_webfonts_from_theme_json() { - // Get settings from theme.json. - $settings = \WP_Theme_JSON_Resolver::get_merged_data()->get_settings(); - - // If in the editor, add webfonts defined in variations. - if ( is_admin() || ( defined( 'REST_REQUEST' ) && REST_REQUEST ) ) { - $variations = \WP_Theme_JSON_Resolver::get_style_variations(); - foreach ( $variations as $variation ) { - // Skip if fontFamilies are not defined in the variation. - if ( empty( $variation['settings']['typography']['fontFamilies'] ) ) { - continue; - } - - // Initialize the array structure. - if ( empty( $settings['typography'] ) ) { - $settings['typography'] = array(); - } - if ( empty( $settings['typography']['fontFamilies'] ) ) { - $settings['typography']['fontFamilies'] = array(); - } - if ( empty( $settings['typography']['fontFamilies']['theme'] ) ) { - $settings['typography']['fontFamilies']['theme'] = array(); - } - - // Combine variations with settings. Remove duplicates. - $settings['typography']['fontFamilies']['theme'] = array_merge( $settings['typography']['fontFamilies']['theme'], $variation['settings']['typography']['fontFamilies']['theme'] ); - $settings['typography']['fontFamilies'] = array_unique( $settings['typography']['fontFamilies'] ); - } - } - - // Bail out early if there are no settings for webfonts. - if ( empty( $settings['typography']['fontFamilies'] ) ) { - return array(); - } - - $webfonts = array(); - - // Look for fontFamilies. - foreach ( $settings['typography']['fontFamilies'] as $font_families ) { - foreach ( $font_families as $font_family ) { - - // Skip if fontFace is not defined. - if ( empty( $font_family['fontFace'] ) ) { - continue; - } - - // Skip if fontFace is not an array of webfonts. - if ( ! is_array( $font_family['fontFace'] ) ) { - continue; - } - - $webfonts = array_merge( $webfonts, $font_family['fontFace'] ); - } - } - - return $webfonts; - } - - static function fn_transform_src_into_uri( array $src ) { - foreach ( $src as $key => $url ) { - // Tweak the URL to be relative to the theme root. - if ( ! str_starts_with( $url, 'file:./' ) ) { - continue; - } - - $src[ $key ] = get_theme_file_uri( str_replace( 'file:./', '', $url ) ); - } - - return $src; - } - - /** - * Converts the font-face properties (i.e. keys) into kebab-case. - * - * @since 6.0.0 - * - * @param array $font_face Font face to convert. - * @return array Font faces with each property in kebab-case format. - */ - static function fn_convert_keys_to_kebab_case( array $font_face ) { - foreach ( $font_face as $property => $value ) { - $kebab_case = _wp_to_kebab_case( $property ); - $font_face[ $kebab_case ] = $value; - if ( $kebab_case !== $property ) { - unset( $font_face[ $property ] ); - } - } - - return $font_face; - } - - /** - * Validates a webfont. - * - * @since 6.0.0 - * - * @param array $webfont The webfont arguments. - * @return array|false The validated webfont arguments, or false if the webfont is invalid. - */ - static function fn_validate_webfont( $webfont ) { - $webfont = wp_parse_args( - $webfont, - array( - 'font-family' => '', - 'font-style' => 'normal', - 'font-weight' => '400', - 'font-display' => 'fallback', - 'src' => array(), - ) - ); - - // Check the font-family. - if ( empty( $webfont['font-family'] ) || ! is_string( $webfont['font-family'] ) ) { - trigger_error( __( 'Webfont font family must be a non-empty string.' ) ); - - return false; - } - - // Check that the `src` property is defined and a valid type. - if ( empty( $webfont['src'] ) || ( ! is_string( $webfont['src'] ) && ! is_array( $webfont['src'] ) ) ) { - trigger_error( __( 'Webfont src must be a non-empty string or an array of strings.' ) ); - - return false; - } - - // Validate the `src` property. - foreach ( (array) $webfont['src'] as $src ) { - if ( ! is_string( $src ) || '' === trim( $src ) ) { - trigger_error( __( 'Each webfont src must be a non-empty string.' ) ); - - return false; - } - } - - // Check the font-weight. - if ( ! is_string( $webfont['font-weight'] ) && ! is_int( $webfont['font-weight'] ) ) { - trigger_error( __( 'Webfont font weight must be a properly formatted string or integer.' ) ); - - return false; - } - - // Check the font-display. - if ( ! in_array( $webfont['font-display'], array( 'auto', 'block', 'fallback', 'swap' ), true ) ) { - $webfont['font-display'] = 'fallback'; - } - - $valid_props = array( - 'ascend-override', - 'descend-override', - 'font-display', - 'font-family', - 'font-stretch', - 'font-style', - 'font-weight', - 'font-variant', - 'font-feature-settings', - 'font-variation-settings', - 'line-gap-override', - 'size-adjust', - 'src', - 'unicode-range', - ); - - foreach ( $webfont as $prop => $value ) { - if ( ! in_array( $prop, $valid_props, true ) ) { - unset( $webfont[ $prop ] ); - } - } - - return $webfont; - } - - static function fn_register_webfonts() { - $registered_webfonts = array(); - - foreach ( self::fn_get_webfonts_from_theme_json() as $webfont ) { - if ( ! is_array( $webfont ) ) { - continue; - } - - $webfont = self::fn_convert_keys_to_kebab_case( $webfont ); - - $webfont = self::fn_validate_webfont( $webfont ); + public function get_preview_settings() { + $preview_settings = Data::preview_settings(); - $webfont['src'] = self::fn_transform_src_into_uri( (array) $webfont['src'] ); - - // Skip if not valid. - if ( empty( $webfont ) ) { - continue; - } - - $registered_webfonts[] = $webfont; - } - - return $registered_webfonts; - } - - static function fn_order_src( array $webfont ) { - $src = array(); - $src_ordered = array(); - - foreach ( $webfont['src'] as $url ) { - // Add data URIs first. - if ( str_starts_with( trim( $url ), 'data:' ) ) { - $src_ordered[] = array( - 'url' => $url, - 'format' => 'data', - ); - continue; - } - $format = pathinfo( $url, PATHINFO_EXTENSION ); - $src[ $format ] = $url; - } - - // Add woff2. - if ( ! empty( $src['woff2'] ) ) { - $src_ordered[] = array( - 'url' => sanitize_url( $src['woff2'] ), - 'format' => 'woff2', - ); - } - - // Add woff. - if ( ! empty( $src['woff'] ) ) { - $src_ordered[] = array( - 'url' => sanitize_url( $src['woff'] ), - 'format' => 'woff', - ); - } - - // Add ttf. - if ( ! empty( $src['ttf'] ) ) { - $src_ordered[] = array( - 'url' => sanitize_url( $src['ttf'] ), - 'format' => 'truetype', - ); - } - - // Add eot. - if ( ! empty( $src['eot'] ) ) { - $src_ordered[] = array( - 'url' => sanitize_url( $src['eot'] ), - 'format' => 'embedded-opentype', - ); - } - - // Add otf. - if ( ! empty( $src['otf'] ) ) { - $src_ordered[] = array( - 'url' => sanitize_url( $src['otf'] ), - 'format' => 'opentype', - ); - } - $webfont['src'] = $src_ordered; - - return $webfont; - } - - static function fn_compile_src( $font_family, array $value ) { - $src = "local($font_family)"; - - foreach ( $value as $item ) { - - if ( - str_starts_with( $item['url'], site_url() ) || - str_starts_with( $item['url'], home_url() ) - ) { - $item['url'] = wp_make_link_relative( $item['url'] ); - } - - $src .= ( 'data' === $item['format'] ) - ? ", url({$item['url']})" - : ", url('{$item['url']}') format('{$item['format']}')"; - } - - return $src; - } - - /** - * Compiles the font variation settings. - * - * @since 6.0.0 - * - * @param array $font_variation_settings Array of font variation settings. - * @return string The CSS. - */ - static function fn_compile_variations( array $font_variation_settings ) { - $variations = ''; - - foreach ( $font_variation_settings as $key => $value ) { - $variations .= "$key $value"; - } - - return $variations; - } - - static function fn_build_font_face_css( array $webfont ) { - $css = ''; - - // Wrap font-family in quotes if it contains spaces. - if ( - str_contains( $webfont['font-family'], ' ' ) && - ! str_contains( $webfont['font-family'], '"' ) && - ! str_contains( $webfont['font-family'], "'" ) - ) { - $webfont['font-family'] = '"' . $webfont['font-family'] . '"'; - } - - foreach ( $webfont as $key => $value ) { - /* - * Skip "provider", since it's for internal API use, - * and not a valid CSS property. - */ - if ( 'provider' === $key ) { - continue; - } - - // Compile the "src" parameter. - if ( 'src' === $key ) { - $value = self::fn_compile_src( $webfont['font-family'], $value ); - } - - // If font-variation-settings is an array, convert it to a string. - if ( 'font-variation-settings' === $key && is_array( $value ) ) { - $value =self::fn_compile_variations( $value ); - } - - if ( ! empty( $value ) ) { - $css .= "$key:$value;"; - } - } - - return $css; - } - - static function fn_get_css ($registered_webfonts) { - $css = ''; - - foreach ( $registered_webfonts as $webfont ) { - // Order the webfont's `src` items to optimize for browser support. - $webfont = self::fn_order_src( $webfont ); - - // Build the @font-face CSS for this webfont. - $css .= '@font-face{' . self::fn_build_font_face_css( $webfont ) . '}'; - } - - return $css; - } - - function wp_theme_json_webfonts_handler() { - - $styles = self::fn_get_css(self::fn_register_webfonts()); - - // Bail out if there are no styles to enqueue. - if ( '' === $styles ) { - return; - } - - return $styles; - } + $webfonts_css = Webfonts::get_wp_theme_json_webfonts_css(); + if ( $webfonts_css !== false ) { + $preview_settings['settings']['__unstableResolvedAssets']['styles'] .= ''; + } - public function get_preview_settings() { - $preview_settings = Data::preview_settings(); - $preview_settings['settings']['__unstableResolvedAssets']['styles'] .= ''; - return new \WP_REST_Response( - $preview_settings, - 200 - ); - } + return new \WP_REST_Response( + $preview_settings, + 200 + ); + } } diff --git a/includes/RestApi/Themes/ThemeInstallerController.php b/includes/RestApi/Themes/ThemeInstallerController.php index 3b928bd0e..89734e3cb 100644 --- a/includes/RestApi/Themes/ThemeInstallerController.php +++ b/includes/RestApi/Themes/ThemeInstallerController.php @@ -31,9 +31,9 @@ public function register_routes() { $this->rest_base . '/initialize', array( array( - 'methods' => \WP_REST_Server::CREATABLE, - 'callback' => array( $this, 'initialize' ), - // 'permission_callback' => array( Permissions::class, 'rest_is_authorized_admin' ), + 'methods' => \WP_REST_Server::CREATABLE, + 'callback' => array( $this, 'initialize' ), + 'permission_callback' => array( Permissions::class, 'rest_is_authorized_admin' ), ), ) ); @@ -51,16 +51,15 @@ public function register_routes() { ) ); - \register_rest_route( $this->namespace, $this->rest_base . '/status', array( array( - 'methods' => \WP_REST_Server::READABLE, - 'callback' => array( $this, 'get_status' ), - 'args' => $this->get_status_args(), - // 'permission_callback' => array( Permissions::class, 'rest_is_authorized_admin' ), + 'methods' => \WP_REST_Server::READABLE, + 'callback' => array( $this, 'get_status' ), + 'args' => $this->get_status_args(), + 'permission_callback' => array( Permissions::class, 'rest_is_authorized_admin' ), ), ) ); @@ -92,18 +91,18 @@ public function get_install_theme_args() { ); } - public function get_status_args() { - return array( - 'theme' => array( - 'type' => 'string', - 'required' => true, - ), - 'activated' => array( - 'type' => 'boolean', - 'default' => true - ), - ); - } + public function get_status_args() { + return array( + 'theme' => array( + 'type' => 'string', + 'required' => true, + ), + 'activated' => array( + 'type' => 'boolean', + 'default' => true, + ), + ); + } /** * Queue in the initial list of themes to be installed. @@ -167,38 +166,37 @@ public static function install( \WP_REST_Request $request ) { return $theme_install_task->execute(); } - public function get_status( \WP_REST_Request $request ) { - $theme = $request->get_param( 'theme' ); - $activated = $request->get_param( 'activated' ); - - if ( ThemeInstaller::exists( $theme, $activated ) ) { - return new \WP_REST_Response( - array( - 'status' => $activated ? 'activated' : 'installed' - ), - 200 - ); - } - - $position_in_queue = ThemeInstallTaskManager::status( $theme ); - - if ( $position_in_queue !== false) { - return new \WP_REST_Response( - array( - 'status' => 'installing', - 'estimate' => ( ( $position_in_queue + 1 ) * 10 ) - ), - 200 - ); - } - - return new \WP_REST_Response( - array( - 'status' => 'not_active' - ), - 200 - ); - - - } -} \ No newline at end of file + public function get_status( \WP_REST_Request $request ) { + $theme = $request->get_param( 'theme' ); + $activated = $request->get_param( 'activated' ); + + if ( ThemeInstaller::exists( $theme, $activated ) ) { + return new \WP_REST_Response( + array( + 'status' => $activated ? 'activated' : 'installed', + ), + 200 + ); + } + + $position_in_queue = ThemeInstallTaskManager::status( $theme ); + + if ( $position_in_queue !== false ) { + return new \WP_REST_Response( + array( + 'status' => 'installing', + 'estimate' => ( ( $position_in_queue + 1 ) * 10 ), + ), + 200 + ); + } + + return new \WP_REST_Response( + array( + 'status' => 'inactive', + ), + 200 + ); + + } +} diff --git a/includes/Services/Webfonts.php b/includes/Services/Webfonts.php new file mode 100644 index 000000000..f9f612a8b --- /dev/null +++ b/includes/Services/Webfonts.php @@ -0,0 +1,364 @@ +get_settings(); + + // If in the editor, add webfonts defined in variations. + if ( is_admin() || ( defined( 'REST_REQUEST' ) && REST_REQUEST ) ) { + $variations = \WP_Theme_JSON_Resolver::get_style_variations(); + foreach ( $variations as $variation ) { + // Skip if fontFamilies are not defined in the variation. + if ( empty( $variation['settings']['typography']['fontFamilies'] ) ) { + continue; + } + + // Initialize the array structure. + if ( empty( $settings['typography'] ) ) { + $settings['typography'] = array(); + } + if ( empty( $settings['typography']['fontFamilies'] ) ) { + $settings['typography']['fontFamilies'] = array(); + } + if ( empty( $settings['typography']['fontFamilies']['theme'] ) ) { + $settings['typography']['fontFamilies']['theme'] = array(); + } + + // Combine variations with settings. Remove duplicates. + $settings['typography']['fontFamilies']['theme'] = array_merge( $settings['typography']['fontFamilies']['theme'], $variation['settings']['typography']['fontFamilies']['theme'] ); + $settings['typography']['fontFamilies'] = array_unique( $settings['typography']['fontFamilies'] ); + } + } + + // Bail out early if there are no settings for webfonts. + if ( empty( $settings['typography']['fontFamilies'] ) ) { + return array(); + } + + $webfonts = array(); + + // Look for fontFamilies. + foreach ( $settings['typography']['fontFamilies'] as $font_families ) { + foreach ( $font_families as $font_family ) { + + // Skip if fontFace is not defined. + if ( empty( $font_family['fontFace'] ) ) { + continue; + } + + // Skip if fontFace is not an array of webfonts. + if ( ! is_array( $font_family['fontFace'] ) ) { + continue; + } + + $webfonts = array_merge( $webfonts, $font_family['fontFace'] ); + } + } + + return $webfonts; + } + + private static function transform_src_into_uri( array $src ) { + foreach ( $src as $key => $url ) { + // Tweak the URL to be relative to the theme root. + if ( ! str_starts_with( $url, 'file:./' ) ) { + continue; + } + + $src[ $key ] = get_theme_file_uri( str_replace( 'file:./', '', $url ) ); + } + + return $src; + } + + /** + * Converts the font-face properties (i.e. keys) into kebab-case. + * + * @since 6.0.0 + * + * @param array $font_face Font face to convert. + * @return array Font faces with each property in kebab-case format. + */ + private static function convert_keys_to_kebab_case( array $font_face ) { + foreach ( $font_face as $property => $value ) { + $kebab_case = _wp_to_kebab_case( $property ); + $font_face[ $kebab_case ] = $value; + if ( $kebab_case !== $property ) { + unset( $font_face[ $property ] ); + } + } + + return $font_face; + } + + /** + * Validates a webfont. + * + * @since 6.0.0 + * + * @param array $webfont The webfont arguments. + * @return array|false The validated webfont arguments, or false if the webfont is invalid. + */ + private static function validate_webfont( $webfont ) { + $webfont = wp_parse_args( + $webfont, + array( + 'font-family' => '', + 'font-style' => 'normal', + 'font-weight' => '400', + 'font-display' => 'fallback', + 'src' => array(), + ) + ); + + // Check the font-family. + if ( empty( $webfont['font-family'] ) || ! is_string( $webfont['font-family'] ) ) { + trigger_error( __( 'Webfont font family must be a non-empty string.' ) ); + + return false; + } + + // Check that the `src` property is defined and a valid type. + if ( empty( $webfont['src'] ) || ( ! is_string( $webfont['src'] ) && ! is_array( $webfont['src'] ) ) ) { + trigger_error( __( 'Webfont src must be a non-empty string or an array of strings.' ) ); + + return false; + } + + // Validate the `src` property. + foreach ( (array) $webfont['src'] as $src ) { + if ( ! is_string( $src ) || '' === trim( $src ) ) { + trigger_error( __( 'Each webfont src must be a non-empty string.' ) ); + + return false; + } + } + + // Check the font-weight. + if ( ! is_string( $webfont['font-weight'] ) && ! is_int( $webfont['font-weight'] ) ) { + trigger_error( __( 'Webfont font weight must be a properly formatted string or integer.' ) ); + + return false; + } + + // Check the font-display. + if ( ! in_array( $webfont['font-display'], array( 'auto', 'block', 'fallback', 'swap' ), true ) ) { + $webfont['font-display'] = 'fallback'; + } + + $valid_props = array( + 'ascend-override', + 'descend-override', + 'font-display', + 'font-family', + 'font-stretch', + 'font-style', + 'font-weight', + 'font-variant', + 'font-feature-settings', + 'font-variation-settings', + 'line-gap-override', + 'size-adjust', + 'src', + 'unicode-range', + ); + + foreach ( $webfont as $prop => $value ) { + if ( ! in_array( $prop, $valid_props, true ) ) { + unset( $webfont[ $prop ] ); + } + } + + return $webfont; + } + + public static function get_registered_webfonts_from_theme_json() { + $registered_webfonts = array(); + + foreach ( self::get_webfonts_from_theme_json() as $webfont ) { + if ( ! is_array( $webfont ) ) { + continue; + } + + $webfont = self::convert_keys_to_kebab_case( $webfont ); + + $webfont = self::validate_webfont( $webfont ); + + $webfont['src'] = self::transform_src_into_uri( (array) $webfont['src'] ); + + // Skip if not valid. + if ( empty( $webfont ) ) { + continue; + } + + $registered_webfonts[] = $webfont; + } + + return $registered_webfonts; + } + + private static function order_src( array $webfont ) { + $src = array(); + $src_ordered = array(); + + foreach ( $webfont['src'] as $url ) { + // Add data URIs first. + if ( str_starts_with( trim( $url ), 'data:' ) ) { + $src_ordered[] = array( + 'url' => $url, + 'format' => 'data', + ); + continue; + } + $format = pathinfo( $url, PATHINFO_EXTENSION ); + $src[ $format ] = $url; + } + + // Add woff2. + if ( ! empty( $src['woff2'] ) ) { + $src_ordered[] = array( + 'url' => sanitize_url( $src['woff2'] ), + 'format' => 'woff2', + ); + } + + // Add woff. + if ( ! empty( $src['woff'] ) ) { + $src_ordered[] = array( + 'url' => sanitize_url( $src['woff'] ), + 'format' => 'woff', + ); + } + + // Add ttf. + if ( ! empty( $src['ttf'] ) ) { + $src_ordered[] = array( + 'url' => sanitize_url( $src['ttf'] ), + 'format' => 'truetype', + ); + } + + // Add eot. + if ( ! empty( $src['eot'] ) ) { + $src_ordered[] = array( + 'url' => sanitize_url( $src['eot'] ), + 'format' => 'embedded-opentype', + ); + } + + // Add otf. + if ( ! empty( $src['otf'] ) ) { + $src_ordered[] = array( + 'url' => sanitize_url( $src['otf'] ), + 'format' => 'opentype', + ); + } + $webfont['src'] = $src_ordered; + + return $webfont; + } + + private static function compile_src( $font_family, array $value ) { + $src = "local($font_family)"; + + foreach ( $value as $item ) { + + if ( + str_starts_with( $item['url'], site_url() ) || + str_starts_with( $item['url'], home_url() ) + ) { + $item['url'] = wp_make_link_relative( $item['url'] ); + } + + $src .= ( 'data' === $item['format'] ) + ? ", url({$item['url']})" + : ", url('{$item['url']}') format('{$item['format']}')"; + } + + return $src; + } + + /** + * Compiles the font variation settings. + * + * @since 6.0.0 + * + * @param array $font_variation_settings Array of font variation settings. + * @return string The CSS. + */ + private static function compile_variations( array $font_variation_settings ) { + $variations = ''; + + foreach ( $font_variation_settings as $key => $value ) { + $variations .= "$key $value"; + } + + return $variations; + } + + private static function build_font_face_css( array $webfont ) { + $css = ''; + + // Wrap font-family in quotes if it contains spaces. + if ( + str_contains( $webfont['font-family'], ' ' ) && + ! str_contains( $webfont['font-family'], '"' ) && + ! str_contains( $webfont['font-family'], "'" ) + ) { + $webfont['font-family'] = '"' . $webfont['font-family'] . '"'; + } + + foreach ( $webfont as $key => $value ) { + /* + * Skip "provider", since it's for internal API use, + * and not a valid CSS property. + */ + if ( 'provider' === $key ) { + continue; + } + + // Compile the "src" parameter. + if ( 'src' === $key ) { + $value = self::compile_src( $webfont['font-family'], $value ); + } + + // If font-variation-settings is an array, convert it to a string. + if ( 'font-variation-settings' === $key && is_array( $value ) ) { + $value = self::compile_variations( $value ); + } + + if ( ! empty( $value ) ) { + $css .= "$key:$value;"; + } + } + + return $css; + } + + private static function get_css_from_webfonts( $registered_webfonts ) { + $css = ''; + + foreach ( $registered_webfonts as $webfont ) { + // Order the webfont's `src` items to optimize for browser support. + $webfont = self::order_src( $webfont ); + + // Build the @font-face CSS for this webfont. + $css .= '@font-face{' . self::build_font_face_css( $webfont ) . '}'; + } + + return $css; + } + + public static function get_wp_theme_json_webfonts_css() { + + $styles = self::get_css_from_webfonts( self::get_registered_webfonts_from_theme_json() ); + + if ( '' === $styles ) { + return false; + } + + return $styles; + } +} diff --git a/includes/TaskManagers/PluginInstallTaskManager.php b/includes/TaskManagers/PluginInstallTaskManager.php index c5d4aee40..283c191b6 100644 --- a/includes/TaskManagers/PluginInstallTaskManager.php +++ b/includes/TaskManagers/PluginInstallTaskManager.php @@ -166,8 +166,8 @@ public static function add_to_queue( PluginInstallTask $plugin_install_task ) { return \update_option( Options::get_option_name( self::$queue_name ), $queue->to_array() ); } - public static function status( $plugin ) { - $plugins = \get_option( Options::get_option_name( self::$queue_name ), array() ); - return array_search( $plugin, array_column( $plugins, 'slug' ) ); - } + public static function status( $plugin ) { + $plugins = \get_option( Options::get_option_name( self::$queue_name ), array() ); + return array_search( $plugin, array_column( $plugins, 'slug' ) ); + } } diff --git a/includes/TaskManagers/ThemeInstallTaskManager.php b/includes/TaskManagers/ThemeInstallTaskManager.php index 3b0647cc3..86758ea0d 100644 --- a/includes/TaskManagers/ThemeInstallTaskManager.php +++ b/includes/TaskManagers/ThemeInstallTaskManager.php @@ -164,8 +164,8 @@ public static function add_to_queue( ThemeInstallTask $theme_install_task ) { return \update_option( Options::get_option_name( self::$queue_name ), $queue->to_array() ); } - public static function status( $theme ) { - $themes = \get_option( Options::get_option_name( self::$queue_name ), array() ); - return array_search( $theme, array_column( $themes, 'slug' ) ); - } + public static function status( $theme ) { + $themes = \get_option( Options::get_option_name( self::$queue_name ), array() ); + return array_search( $theme, array_column( $themes, 'slug' ) ); + } } diff --git a/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignThemeStylesPreview.js b/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignThemeStylesPreview.js index 87b09c876..c0e5babe6 100644 --- a/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignThemeStylesPreview.js +++ b/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignThemeStylesPreview.js @@ -31,19 +31,22 @@ const DesignThemeStylesPreview = () => { useDispatch( nfdOnboardingStore ); const getStylesAndPatterns = async () => { - const pattern = await getPatterns( currentStep.patternId, true ); - const globalStyles = await getGlobalStyles(); - setPattern( pattern?.body ); - setGlobalStyles( globalStyles?.body ); - let selectedStyle; + const patternResponse = await getPatterns( + currentStep.patternId, + true + ); + const globalStylesResponse = await getGlobalStyles(); + setPattern( patternResponse?.body ); + setGlobalStyles( globalStylesResponse?.body ); + let selectedGlobalStyle; if ( currentData.data.theme.variation ) { - selectedStyle = currentData.data.theme.variation; + selectedGlobalStyle = currentData.data.theme.variation; } else { - selectedStyle = globalStyles.body[ 0 ].title; - currentData.data.theme.variation = selectedStyle; + selectedGlobalStyle = globalStylesResponse.body[ 0 ].title; + currentData.data.theme.variation = selectedGlobalStyle; setCurrentOnboardingData( currentData ); } - setSelectedStyle( selectedStyle ); + setSelectedStyle( selectedGlobalStyle ); if ( document.getElementsByClassName( 'theme-styles-preview--drawer__list__item__title-bar--selected' @@ -80,6 +83,7 @@ const DesignThemeStylesPreview = () => { return globalStyles?.map( ( globalStyle, idx ) => { return ( { const checkThemeStatus = async () => { const themeStatus = await getThemeStatus( DESIGN_STEPS_THEME ); + if ( themeStatus?.error ) { + return THEME_STATUS_NOT_ACTIVE; + } return themeStatus.body.status; }; const loadPreviewSettings = async () => { const previewSettings = await getPreviewSettings(); - updatePreviewSettings( previewSettings.body ); + if ( previewSettings?.body ) { + updatePreviewSettings( previewSettings.body ); + } }; const waitForInstall = () => { @@ -69,13 +74,18 @@ const DesignStateHandler = ( { children } ) => { case THEME_STATUS_NOT_ACTIVE: return ( ); case THEME_STATUS_ACTIVE: @@ -83,16 +93,20 @@ const DesignStateHandler = ( { children } ) => { default: return ( ); } }; - return <>{ handleRender() }; + return { handleRender() }; }; export default DesignStateHandler; diff --git a/src/OnboardingSPA/components/StateHandlers/Ecommerce/index.js b/src/OnboardingSPA/components/StateHandlers/Ecommerce/index.js index efa4f7499..2dd513591 100644 --- a/src/OnboardingSPA/components/StateHandlers/Ecommerce/index.js +++ b/src/OnboardingSPA/components/StateHandlers/Ecommerce/index.js @@ -1,8 +1,8 @@ import { useSelect, useDispatch } from '@wordpress/data'; -import { useEffect } from '@wordpress/element'; +import { useEffect, useState } from '@wordpress/element'; import { __ } from '@wordpress/i18n'; -import { StepLoader } from '../../Loaders'; +import { StepLoader } from '../../Loaders'; import { store as nfdOnboardingStore } from '../../../store'; import { getPluginStatus } from '../../../utils/api/plugins'; import { @@ -17,38 +17,56 @@ import { getPreviewSettings } from '../../../utils/api/settings'; import { StepErrorState } from '../../ErrorState'; const EcommerceStateHandler = ( { children } ) => { - const { storedPluginStatus } = useSelect( ( select ) => { + const [ woocommerceStatus, setWoocommerceStatus ] = useState( + PLUGIN_STATUS_INSTALLING + ); + + const { storedPluginsStatus } = useSelect( ( select ) => { return { - storedPluginStatus: select( nfdOnboardingStore ).getPluginStatus(), + storedPluginsStatus: + select( nfdOnboardingStore ).getPluginsStatus(), }; }, [] ); - const { updatePluginStatus, updatePreviewSettings } = + const { updatePluginsStatus, updatePreviewSettings } = useDispatch( nfdOnboardingStore ); const checkPluginStatus = async () => { const pluginStatus = await getPluginStatus( ECOMMERCE_STEPS_PLUGIN ); + if ( pluginStatus?.error ) { + return PLUGIN_STATUS_NOT_ACTIVE; + } return pluginStatus.body.status; }; const loadPreviewSettings = async () => { const previewSettings = await getPreviewSettings(); - updatePreviewSettings( previewSettings.body ); + if ( previewSettings?.body ) { + updatePreviewSettings( previewSettings.body ); + } }; const waitForInstall = () => { setTimeout( async () => { const pluginStatus = await checkPluginStatus(); if ( pluginStatus !== PLUGIN_STATUS_ACTIVE ) { - return updatePluginStatus( PLUGIN_STATUS_NOT_ACTIVE ); + storedPluginsStatus[ ECOMMERCE_STEPS_PLUGIN ] = + PLUGIN_STATUS_NOT_ACTIVE; + setWoocommerceStatus( PLUGIN_STATUS_NOT_ACTIVE ); + return updatePluginsStatus( storedPluginsStatus ); } - updatePluginStatus( pluginStatus ); + storedPluginsStatus[ ECOMMERCE_STEPS_PLUGIN ] = pluginStatus; + setWoocommerceStatus( pluginStatus ); + updatePluginsStatus( storedPluginsStatus ); await loadPreviewSettings(); }, PLUGIN_INSTALL_WAIT_TIMEOUT ); }; useEffect( async () => { - if ( storedPluginStatus === PLUGIN_STATUS_INIT ) { + setWoocommerceStatus( storedPluginsStatus[ ECOMMERCE_STEPS_PLUGIN ] ); + if ( + storedPluginsStatus[ ECOMMERCE_STEPS_PLUGIN ] === PLUGIN_STATUS_INIT + ) { const pluginStatus = await checkPluginStatus(); switch ( pluginStatus ) { case PLUGIN_STATUS_INSTALLING: @@ -56,26 +74,37 @@ const EcommerceStateHandler = ( { children } ) => { break; case PLUGIN_STATUS_ACTIVE: await loadPreviewSettings(); - updatePluginStatus( pluginStatus ); + storedPluginsStatus[ ECOMMERCE_STEPS_PLUGIN ] = + pluginStatus; + setWoocommerceStatus( pluginStatus ); + updatePluginsStatus( storedPluginsStatus ); break; default: - updatePluginStatus( pluginStatus ); + storedPluginsStatus[ ECOMMERCE_STEPS_PLUGIN ] = + pluginStatus; + setWoocommerceStatus( pluginStatus ); + updatePluginsStatus( storedPluginsStatus ); } } - }, [ storedPluginStatus ] ); + }, [ storedPluginsStatus ] ); const handleRender = () => { - switch ( storedPluginStatus ) { + switch ( woocommerceStatus ) { case PLUGIN_STATUS_NOT_ACTIVE: return ( ); case PLUGIN_STATUS_ACTIVE: @@ -83,10 +112,14 @@ const EcommerceStateHandler = ( { children } ) => { default: return ( ); } diff --git a/src/OnboardingSPA/components/StateHandlers/index.js b/src/OnboardingSPA/components/StateHandlers/index.js index 0b2110d52..d91ae4080 100644 --- a/src/OnboardingSPA/components/StateHandlers/index.js +++ b/src/OnboardingSPA/components/StateHandlers/index.js @@ -1,2 +1,2 @@ export { default as DesignStateHandler } from './Design'; -export { default as EcommerceStateHandler } from './Ecommerce'; \ No newline at end of file +export { default as EcommerceStateHandler } from './Ecommerce'; diff --git a/src/OnboardingSPA/pages/Steps/DesignThemeStyles/Menu/index.js b/src/OnboardingSPA/pages/Steps/DesignThemeStyles/Menu/index.js index 3e860235c..621514018 100644 --- a/src/OnboardingSPA/pages/Steps/DesignThemeStyles/Menu/index.js +++ b/src/OnboardingSPA/pages/Steps/DesignThemeStyles/Menu/index.js @@ -68,16 +68,19 @@ const StepDesignThemeStylesMenu = () => { }, [] ); const getStylesAndPatterns = async () => { - const pattern = await getPatterns( currentStep.patternId, true ); - if ( pattern?.error ) { + const patternsResponse = await getPatterns( + currentStep.patternId, + true + ); + if ( patternsResponse?.error ) { return updateThemeStatus( THEME_STATUS_NOT_ACTIVE ); } - const globalStyles = await getGlobalStyles(); - if ( globalStyles?.error ) { + const globalStylesResponse = await getGlobalStyles(); + if ( globalStylesResponse?.error ) { return updateThemeStatus( THEME_STATUS_NOT_ACTIVE ); } - setPattern( pattern?.body ); - setGlobalStyles( globalStyles?.body ); + setPattern( patternsResponse?.body ); + setGlobalStyles( globalStylesResponse?.body ); setSelectedStyle( currentData.data.theme.variation ); setIsLoaded( true ); }; @@ -102,6 +105,7 @@ const StepDesignThemeStylesMenu = () => { return globalStyles?.map( ( globalStyle, idx ) => { return ( { }, [] ); const getStylesAndPatterns = async () => { - const pattern = await getPatterns( currentStep.patternId, true ); - if ( pattern?.error ) { + const patternsResponse = await getPatterns( + currentStep.patternId, + true + ); + if ( patternsResponse?.error ) { return updateThemeStatus( THEME_STATUS_NOT_ACTIVE ); } - const globalStyles = await getGlobalStyles(); - if ( globalStyles?.error ) { + const globalStylesResponse = await getGlobalStyles(); + if ( globalStylesResponse?.error ) { return updateThemeStatus( THEME_STATUS_NOT_ACTIVE ); } let selectedGlobalStyle; if ( currentData.data.theme.variation ) { - selectedGlobalStyle = globalStyles.body.filter( + selectedGlobalStyle = globalStylesResponse.body.filter( ( globalStyle ) => globalStyle.title === currentData.data.theme.variation )[ 0 ]; } else { - selectedGlobalStyle = globalStyles.body[ 0 ]; + selectedGlobalStyle = globalStylesResponse.body[ 0 ]; } updatePreviewSettings( useGlobalStylesOutput( selectedGlobalStyle, storedPreviewSettings ) ); - setPattern( pattern?.body ); + setPattern( patternsResponse?.body ); setIsLoaded( true ); }; const addColorAndTypographyRoutes = () => { + const updates = removeColorAndTypographyRoutes(); const steps = [ conditionalSteps.designColors, conditionalSteps.designTypography, ]; return { routes: orderBy( - routes.concat( steps ), + updates.routes.concat( steps ), [ 'priority' ], [ 'asc' ] ), allSteps: orderBy( - allSteps.concat( steps ), + updates.allSteps.concat( steps ), [ 'priority' ], [ 'asc' ] ), designSteps: orderBy( - designSteps.concat( steps ), + updates.designSteps.concat( steps ), [ 'priority' ], [ 'asc' ] ), diff --git a/src/OnboardingSPA/store/actions.js b/src/OnboardingSPA/store/actions.js index 838e2859c..9e6258a6b 100644 --- a/src/OnboardingSPA/store/actions.js +++ b/src/OnboardingSPA/store/actions.js @@ -119,17 +119,17 @@ export function updateSettings( settings ) { } export function updateThemeStatus( themeStatus ) { - return { - type: 'UPDATE_THEME_STATUS', - themeStatus - } + return { + type: 'UPDATE_THEME_STATUS', + themeStatus, + }; } -export function updatePluginStatus( pluginStatus ) { - return { - type: 'UPDATE_PLUGIN_STATUS', - pluginStatus - } +export function updatePluginsStatus( pluginsStatus ) { + return { + type: 'UPDATE_PLUGINS_STATUS', + pluginsStatus, + }; } export function setIsSidebarOpened( isOpen ) { diff --git a/src/OnboardingSPA/store/reducer.js b/src/OnboardingSPA/store/reducer.js index 2a68f6627..128e35f35 100644 --- a/src/OnboardingSPA/store/reducer.js +++ b/src/OnboardingSPA/store/reducer.js @@ -1,6 +1,11 @@ import { combineReducers } from '@wordpress/data'; -import { VIEW_NAV_PRIMARY, THEME_STATUS_INIT, PLUGIN_STATUS_INIT } from '../../constants'; +import { + VIEW_NAV_PRIMARY, + THEME_STATUS_INIT, + PLUGIN_STATUS_INIT, + ECOMMERCE_STEPS_PLUGIN, +} from '../../constants'; import { routes as initialRoutes, @@ -148,23 +153,29 @@ export function runtime( state = {}, action ) { return state; } -export function settings( state = { themeStatus: THEME_STATUS_INIT, pluginStatus: PLUGIN_STATUS_INIT }, action ) { +export function settings( + state = { + themeStatus: THEME_STATUS_INIT, + pluginsStatus: { [ ECOMMERCE_STEPS_PLUGIN ]: PLUGIN_STATUS_INIT }, + }, + action +) { switch ( action.type ) { case 'UPDATE_SETTINGS': return { ...state, ...action.settings, }; - case 'UPDATE_THEME_STATUS': - return { - ...state, - themeStatus: action.themeStatus - }; - case 'UPDATE_PLUGIN_STATUS': - return { - ...state, - pluginStatus: action.pluginStatus - }; + case 'UPDATE_THEME_STATUS': + return { + ...state, + themeStatus: action.themeStatus, + }; + case 'UPDATE_PLUGINS_STATUS': + return { + ...state, + pluginsStatus: action.pluginsStatus, + }; } return state; diff --git a/src/OnboardingSPA/store/selectors.js b/src/OnboardingSPA/store/selectors.js index 10cc8853f..a83d985ac 100644 --- a/src/OnboardingSPA/store/selectors.js +++ b/src/OnboardingSPA/store/selectors.js @@ -237,8 +237,8 @@ export function getThemeStatus ( state ) { return state.settings.themeStatus; } -export function getPluginStatus ( state ) { - return state.settings.pluginStatus; +export function getPluginsStatus ( state ) { + return state.settings.pluginsStatus; } export function getStoreInfoSteps( state ) { diff --git a/src/OnboardingSPA/styles/_branding.scss b/src/OnboardingSPA/styles/_branding.scss index 65d97eb8f..a3d527234 100644 --- a/src/OnboardingSPA/styles/_branding.scss +++ b/src/OnboardingSPA/styles/_branding.scss @@ -1,4 +1,5 @@ body { + &.nfd-brand-bluehost { --wp-admin-theme-color: #3575d3; --wp-admin-theme-color--rgb: 53, 117, 211; @@ -25,9 +26,10 @@ body { --nfd-onboarding-border: 219, 219, 219; --nfd-onboarding-drawer-icon-fill: var(--nfd-onboarding-tertiary); --nfd-onboarding-drawer-icon-active-fill: var(--nfd-onboarding-light); - --nfd-onboarding-step-loader-icon: url("../../Brands/bluehost/step-loader-logo.svg"); - --nfd-onboarding-step-error-icon: url("../../Brands/bluehost/step-error-logo.svg"); + --nfd-onboarding-step-loader-icon: url("../../Brands/bluehost/step-loader-logo.svg"); + --nfd-onboarding-step-error-icon: url("../../Brands/bluehost/step-error-logo.svg"); } + &.nfd-brand-hostgator { --wp-admin-theme-color: #2e93ee; --wp-admin-theme-color--rgb: 46, 147, 238; @@ -55,6 +57,7 @@ body { --nfd-onboarding-drawer-icon-fill: var(--nfd-onboarding-tertiary); --nfd-onboarding-drawer-icon-active-fill: var(--nfd-onboarding-light); } + &.nfd-brand-webcom { --wp-admin-theme-color: #4b75fc; --wp-admin-theme-color--rgb: 75, 117, 252; @@ -80,8 +83,6 @@ body { --nfd-onboarding-dark: #000000; --nfd-onboarding-border: 219, 219, 219; --nfd-onboarding-drawer-icon-fill: var(--nfd-onboarding-tertiary-alt); - --nfd-onboarding-drawer-icon-active-fill: var( - --nfd-onboarding-tertiary-alt - ); + --nfd-onboarding-drawer-icon-active-fill: var(--nfd-onboarding-tertiary-alt); } } diff --git a/src/OnboardingSPA/utils/api/plugins.js b/src/OnboardingSPA/utils/api/plugins.js index 8785b5885..af7b8b8e8 100644 --- a/src/OnboardingSPA/utils/api/plugins.js +++ b/src/OnboardingSPA/utils/api/plugins.js @@ -22,7 +22,11 @@ export const init = () => { }; export const getPluginStatus = async ( plugin ) => { - return await resolve( - apiFetch( { url: onboardingRestURL( 'plugins/status' + ( plugin ? `&plugin=${plugin}` : '' ) ) } ) - ) -} + return await resolve( + apiFetch( { + url: onboardingRestURL( + 'plugins/status' + ( plugin ? `&plugin=${ plugin }` : '' ) + ), + } ) + ); +}; diff --git a/src/OnboardingSPA/utils/api/settings.js b/src/OnboardingSPA/utils/api/settings.js index c0c3a7a79..831f7e4cf 100644 --- a/src/OnboardingSPA/utils/api/settings.js +++ b/src/OnboardingSPA/utils/api/settings.js @@ -37,6 +37,6 @@ export const getPreviewSettings = async () => { return await resolve( apiFetch( { url: onboardingRestURL( 'settings/preview' ), - } ).then() + } ) ); } diff --git a/src/OnboardingSPA/utils/api/themes.js b/src/OnboardingSPA/utils/api/themes.js index d20daa337..4f21d60c1 100644 --- a/src/OnboardingSPA/utils/api/themes.js +++ b/src/OnboardingSPA/utils/api/themes.js @@ -25,9 +25,13 @@ const getGlobalStyles = async () => { }; const getThemeStatus = async ( theme ) => { - return await resolve( - apiFetch( { url: onboardingRestURL( 'themes/status' + ( theme ? `&theme=${theme}` : '' ) ) } ) - ) -} + return await resolve( + apiFetch( { + url: onboardingRestURL( + 'themes/status' + ( theme ? `&theme=${ theme }` : '' ) + ), + } ) + ); +}; export { init, getGlobalStyles, getThemeStatus }; diff --git a/src/constants.js b/src/constants.js index 32e207148..89a3c7878 100644 --- a/src/constants.js +++ b/src/constants.js @@ -30,16 +30,17 @@ export const MAX_RETRIES_SETTINGS_INIT = 2; export const NFD_PLUGINS_QUERY_PARAM = 'nfd_plugins'; export const NFD_THEMES_QUERY_PARAM = 'nfd_themes'; +// [TODO] Read the theme from flow data once we have the themes step. export const DESIGN_STEPS_THEME = 'nfd_slug_yith_wonder' export const THEME_STATUS_INIT = 'init'; -export const THEME_STATUS_NOT_ACTIVE = 'not_active'; +export const THEME_STATUS_NOT_ACTIVE = 'inactive'; export const THEME_STATUS_INSTALLING = 'installing'; export const THEME_STATUS_ACTIVE = 'activated'; export const THEME_INSTALL_WAIT_TIMEOUT = 30000 export const ECOMMERCE_STEPS_PLUGIN = 'woocommerce' export const PLUGIN_STATUS_INIT = 'init'; -export const PLUGIN_STATUS_NOT_ACTIVE = 'not_active'; +export const PLUGIN_STATUS_NOT_ACTIVE = 'inactive'; export const PLUGIN_STATUS_INSTALLING = 'installing'; export const PLUGIN_STATUS_ACTIVE = 'activated'; export const PLUGIN_INSTALL_WAIT_TIMEOUT = 30000 From fbd30e9999e7d2513a0363be285bc775828458df Mon Sep 17 00:00:00 2001 From: arunshenoy99 Date: Thu, 29 Sep 2022 19:46:12 +0530 Subject: [PATCH 09/10] PRESS2-299 delete build folder --- build/0.2.1/onboarding.asset.php | 1 - ...teps_DesignThemeStyles_Preview_index_js.js | 873 ------------------ ..._DesignThemeStyles_Preview_index_js.js.map | 1 - 3 files changed, 875 deletions(-) delete mode 100644 build/0.2.1/onboarding.asset.php delete mode 100644 build/0.2.1/src_OnboardingSPA_pages_Steps_DesignThemeStyles_Preview_index_js.js delete mode 100644 build/0.2.1/src_OnboardingSPA_pages_Steps_DesignThemeStyles_Preview_index_js.js.map diff --git a/build/0.2.1/onboarding.asset.php b/build/0.2.1/onboarding.asset.php deleted file mode 100644 index b14bfe930..000000000 --- a/build/0.2.1/onboarding.asset.php +++ /dev/null @@ -1 +0,0 @@ - array('lodash', 'react', 'wp-a11y', 'wp-api-fetch', 'wp-block-editor', 'wp-block-library', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-data', 'wp-data-controls', 'wp-deprecated', 'wp-dom', 'wp-dom-ready', 'wp-element', 'wp-i18n', 'wp-keycodes', 'wp-plugins', 'wp-preferences', 'wp-primitives', 'wp-url', 'wp-viewport'), 'version' => 'e279bcffcf4c0c9af1b7565710e66060'); \ No newline at end of file diff --git a/build/0.2.1/src_OnboardingSPA_pages_Steps_DesignThemeStyles_Preview_index_js.js b/build/0.2.1/src_OnboardingSPA_pages_Steps_DesignThemeStyles_Preview_index_js.js deleted file mode 100644 index 7e1a63adf..000000000 --- a/build/0.2.1/src_OnboardingSPA_pages_Steps_DesignThemeStyles_Preview_index_js.js +++ /dev/null @@ -1,873 +0,0 @@ -"use strict"; -(self["webpackChunknewfold_Onboarding"] = self["webpackChunknewfold_Onboarding"] || []).push([["src_OnboardingSPA_pages_Steps_DesignThemeStyles_Preview_index_js"],{ - -/***/ "./src/OnboardingSPA/components/ErrorState/Step/index.js": -/*!***************************************************************!*\ - !*** ./src/OnboardingSPA/components/ErrorState/Step/index.js ***! - \***************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element"); -/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__); -/* harmony import */ var _Layouts_Common__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../Layouts/Common */ "./src/OnboardingSPA/components/Layouts/Common.js"); -/* harmony import */ var _HeadingWithSubHeading__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../HeadingWithSubHeading */ "./src/OnboardingSPA/components/HeadingWithSubHeading/index.js"); -/* harmony import */ var _NeedHelpTag__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../NeedHelpTag */ "./src/OnboardingSPA/components/NeedHelpTag/index.js"); - - - - - -const StepErrorState = _ref => { - let { - title, - subtitle, - error - } = _ref; - return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_Layouts_Common__WEBPACK_IMPORTED_MODULE_1__["default"], { - className: "step-error-state", - isVerticallyCentered: true - }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_HeadingWithSubHeading__WEBPACK_IMPORTED_MODULE_2__["default"], { - title: title, - subtitle: subtitle - }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { - className: "step-error-state__logo" - }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("h3", { - className: "step-error-state__error" - }, error), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_NeedHelpTag__WEBPACK_IMPORTED_MODULE_3__["default"], null)); -}; - -/* harmony default export */ __webpack_exports__["default"] = (StepErrorState); - -/***/ }), - -/***/ "./src/OnboardingSPA/components/ErrorState/index.js": -/*!**********************************************************!*\ - !*** ./src/OnboardingSPA/components/ErrorState/index.js ***! - \**********************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "StepErrorState": function() { return /* reexport safe */ _Step__WEBPACK_IMPORTED_MODULE_0__["default"]; } -/* harmony export */ }); -/* harmony import */ var _Step__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Step */ "./src/OnboardingSPA/components/ErrorState/Step/index.js"); - - -/***/ }), - -/***/ "./src/OnboardingSPA/components/HeadingWithSubHeading/index.js": -/*!*********************************************************************!*\ - !*** ./src/OnboardingSPA/components/HeadingWithSubHeading/index.js ***! - \*********************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element"); -/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__); -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n"); -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__); - - -/** - * Interface Cards with standard design. - * - * @returns - */ - -const HeadingWithSubHeading = _ref => { - let { - title, - subtitle - } = _ref; - return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { - className: "nfd-main-heading" - }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("h2", { - className: "nfd-main-heading__title" - }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)(title, "wp-module-onboarding")), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("h3", { - className: "nfd-main-heading__subtitle" - }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)(subtitle, "wp-module-onboarding"))); -}; - -/* harmony default export */ __webpack_exports__["default"] = (HeadingWithSubHeading); - -/***/ }), - -/***/ "./src/OnboardingSPA/components/Layouts/Base.js": -/*!******************************************************!*\ - !*** ./src/OnboardingSPA/components/Layouts/Base.js ***! - \******************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element"); -/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__); -/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js"); -/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__); -/* harmony import */ var _wordpress_a11y__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/a11y */ "@wordpress/a11y"); -/* harmony import */ var _wordpress_a11y__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_a11y__WEBPACK_IMPORTED_MODULE_2__); -/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react-router-dom */ "./node_modules/react-router/index.js"); -/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../constants */ "./src/constants.js"); -/* harmony import */ var _utils_api_events__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../utils/api/events */ "./src/OnboardingSPA/utils/api/events.js"); - - - - - - - -/** - * The Base Layout has no prescribed styles, only shared functionality like focus-management and analytics. - * - * @param {object} props - * @returns - */ - -const BaseLayout = _ref => { - let { - className = 'nfd-onboarding-layout__base', - children - } = _ref; - const location = (0,react_router_dom__WEBPACK_IMPORTED_MODULE_5__.useLocation)(); - const mainContainer = document.querySelector('.nfd-onboard-content'); - - const speakRouteTitle = function (location) { - let title = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'Showing new Onboarding Page'; - // [TODO]: Determine if some routes should not speak the title - (0,_wordpress_a11y__WEBPACK_IMPORTED_MODULE_2__.speak)(title, 'assertive'); - }; - - (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => { - mainContainer === null || mainContainer === void 0 ? void 0 : mainContainer.focus({ - preventScroll: true - }); - speakRouteTitle(location, 'Override'); - new _utils_api_events__WEBPACK_IMPORTED_MODULE_4__["default"](`${_constants__WEBPACK_IMPORTED_MODULE_3__.NFD_ONBOARDING_EVENT_PREFIX}-pageview`, { - stepID: location.pathname, - previousStepID: window.nfdOnboarding.previousStepID - }).send(); - window.nfdOnboarding.previousStepID = location.pathname; - }, [location.pathname]); - return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { - className: classnames__WEBPACK_IMPORTED_MODULE_1___default()('nfd-onboarding-layout', className) - }, children); -}; - -/* harmony default export */ __webpack_exports__["default"] = (BaseLayout); - -/***/ }), - -/***/ "./src/OnboardingSPA/components/Layouts/Common.js": -/*!********************************************************!*\ - !*** ./src/OnboardingSPA/components/Layouts/Common.js ***! - \********************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element"); -/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__); -/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components"); -/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__); -/* harmony import */ var _Base__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Base */ "./src/OnboardingSPA/components/Layouts/Base.js"); -/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js"); -/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_3__); - - - - - -/** - * - * @param {*} param0 - * @returns - */ - -const InnerContainer = _ref => { - let { - children - } = _ref; - return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("section", { - className: "is-contained" - }, children); -}; -/** - * The Common Layout extends the Base Layout and applies structural styles and animations. - * - * @param {object} props - * @returns - */ - - -const CommonLayout = _ref2 => { - let { - className = '', - children, - isBgPrimary = false, - isCentered = false, - isVerticallyCentered = false, - isContained = false, - isPadded = false, - isFadeIn = true - } = _ref2; - const Container = isContained ? InnerContainer : _wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment; - return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_Base__WEBPACK_IMPORTED_MODULE_2__["default"], { - className: classnames__WEBPACK_IMPORTED_MODULE_3___default()('nfd-onboarding-layout__common', className, { - 'is-layout-fade-in': isFadeIn - }, { - 'is-bg-primary': isBgPrimary - }, { - 'is-centered': isCentered - }, { - 'is-vertically-centered': isVerticallyCentered - }, { - 'is-padded': isPadded - }) - }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(Container, null, children)); -}; - -/* harmony default export */ __webpack_exports__["default"] = (CommonLayout); - -/***/ }), - -/***/ "./src/OnboardingSPA/components/Loaders/ImageUpload/index.js": -/*!*******************************************************************!*\ - !*** ./src/OnboardingSPA/components/Loaders/ImageUpload/index.js ***! - \*******************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element"); -/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__); - - -const ImageUploadLoader = () => { - return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { - className: "image-upload-loader--loading-box" - }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { - className: "image-upload-loader--loading-box__loader" - })); -}; - -/* harmony default export */ __webpack_exports__["default"] = (ImageUploadLoader); - -/***/ }), - -/***/ "./src/OnboardingSPA/components/Loaders/Step/index.js": -/*!************************************************************!*\ - !*** ./src/OnboardingSPA/components/Loaders/Step/index.js ***! - \************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element"); -/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__); -/* harmony import */ var _Layouts_Common__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../Layouts/Common */ "./src/OnboardingSPA/components/Layouts/Common.js"); -/* harmony import */ var _HeadingWithSubHeading__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../HeadingWithSubHeading */ "./src/OnboardingSPA/components/HeadingWithSubHeading/index.js"); -/* harmony import */ var _NeedHelpTag__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../NeedHelpTag */ "./src/OnboardingSPA/components/NeedHelpTag/index.js"); - - - - - -const StepLoader = _ref => { - let { - title, - subtitle - } = _ref; - return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_Layouts_Common__WEBPACK_IMPORTED_MODULE_1__["default"], { - className: "step-loader", - isVerticallyCentered: true - }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_HeadingWithSubHeading__WEBPACK_IMPORTED_MODULE_2__["default"], { - title: title, - subtitle: subtitle - }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { - className: "step-loader__logo-container" - }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { - className: "step-loader__logo" - })), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_NeedHelpTag__WEBPACK_IMPORTED_MODULE_3__["default"], null)); -}; - -/* harmony default export */ __webpack_exports__["default"] = (StepLoader); - -/***/ }), - -/***/ "./src/OnboardingSPA/components/Loaders/index.js": -/*!*******************************************************!*\ - !*** ./src/OnboardingSPA/components/Loaders/index.js ***! - \*******************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "ImageUploadLoader": function() { return /* reexport safe */ _ImageUpload__WEBPACK_IMPORTED_MODULE_1__["default"]; }, -/* harmony export */ "StepLoader": function() { return /* reexport safe */ _Step__WEBPACK_IMPORTED_MODULE_0__["default"]; } -/* harmony export */ }); -/* harmony import */ var _Step__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Step */ "./src/OnboardingSPA/components/Loaders/Step/index.js"); -/* harmony import */ var _ImageUpload__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ImageUpload */ "./src/OnboardingSPA/components/Loaders/ImageUpload/index.js"); - - - -/***/ }), - -/***/ "./src/OnboardingSPA/components/NeedHelpTag/index.js": -/*!***********************************************************!*\ - !*** ./src/OnboardingSPA/components/NeedHelpTag/index.js ***! - \***********************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element"); -/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__); -/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../store */ "./src/OnboardingSPA/store/index.js"); -/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/data */ "@wordpress/data"); -/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_data__WEBPACK_IMPORTED_MODULE_2__); -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n"); -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__); - - - - -/** - * Need Help Label and URL rendering component for most of the onboarding steps - * Pass any Label and URL redirect which we want as is to display on the UI - * - * @param content - * @return NeedHelpTag - */ - -const NeedHelpTag = _ref => { - let { - question = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Need Help?', 'wp-module-onboarding'), - urlLabel = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Hire our Experts', 'wp-module-onboarding') - } = _ref; - const hireExpertsUrl = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_2__.select)(_store__WEBPACK_IMPORTED_MODULE_1__.store).getHireExpertsUrl(); - return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { - className: "nfd-card-need-help-tag" - }, question, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("a", { - href: hireExpertsUrl, - target: '_blank' - }, urlLabel)); -}; - -/* harmony default export */ __webpack_exports__["default"] = (NeedHelpTag); - -/***/ }), - -/***/ "./src/OnboardingSPA/components/StateHandlers/Design/index.js": -/*!********************************************************************!*\ - !*** ./src/OnboardingSPA/components/StateHandlers/Design/index.js ***! - \********************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element"); -/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__); -/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/data */ "@wordpress/data"); -/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_data__WEBPACK_IMPORTED_MODULE_1__); -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n"); -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__); -/* harmony import */ var _Loaders__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../Loaders */ "./src/OnboardingSPA/components/Loaders/index.js"); -/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../store */ "./src/OnboardingSPA/store/index.js"); -/* harmony import */ var _utils_api_themes__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../utils/api/themes */ "./src/OnboardingSPA/utils/api/themes.js"); -/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../constants */ "./src/constants.js"); -/* harmony import */ var _utils_api_settings__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../utils/api/settings */ "./src/OnboardingSPA/utils/api/settings.js"); -/* harmony import */ var _ErrorState__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../ErrorState */ "./src/OnboardingSPA/components/ErrorState/index.js"); - - - - - - - - - - - -const DesignStateHandler = _ref => { - let { - children - } = _ref; - const { - storedThemeStatus - } = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_1__.useSelect)(select => { - return { - storedThemeStatus: select(_store__WEBPACK_IMPORTED_MODULE_4__.store).getThemeStatus() - }; - }, []); - const { - updateThemeStatus, - updatePreviewSettings - } = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_1__.useDispatch)(_store__WEBPACK_IMPORTED_MODULE_4__.store); - - const checkThemeStatus = async () => { - const themeStatus = await (0,_utils_api_themes__WEBPACK_IMPORTED_MODULE_5__.getThemeStatus)(_constants__WEBPACK_IMPORTED_MODULE_6__.DESIGN_STEPS_THEME); - - if (themeStatus !== null && themeStatus !== void 0 && themeStatus.error) { - return _constants__WEBPACK_IMPORTED_MODULE_6__.THEME_STATUS_NOT_ACTIVE; - } - - return themeStatus.body.status; - }; - - const loadPreviewSettings = async () => { - const previewSettings = await (0,_utils_api_settings__WEBPACK_IMPORTED_MODULE_7__.getPreviewSettings)(); - - if (previewSettings !== null && previewSettings !== void 0 && previewSettings.body) { - updatePreviewSettings(previewSettings.body); - } - }; - - const waitForInstall = () => { - setTimeout(async () => { - const themeStatus = await checkThemeStatus(); - - if (themeStatus !== _constants__WEBPACK_IMPORTED_MODULE_6__.THEME_STATUS_ACTIVE) { - return updateThemeStatus(_constants__WEBPACK_IMPORTED_MODULE_6__.THEME_STATUS_NOT_ACTIVE); - } - - updateThemeStatus(themeStatus); - await loadPreviewSettings(); - }, _constants__WEBPACK_IMPORTED_MODULE_6__.THEME_INSTALL_WAIT_TIMEOUT); - }; - - (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)(async () => { - if (storedThemeStatus === _constants__WEBPACK_IMPORTED_MODULE_6__.THEME_STATUS_INIT) { - const themeStatus = await checkThemeStatus(); - - switch (themeStatus) { - case _constants__WEBPACK_IMPORTED_MODULE_6__.THEME_STATUS_INSTALLING: - waitForInstall(); - break; - - case _constants__WEBPACK_IMPORTED_MODULE_6__.THEME_STATUS_ACTIVE: - await loadPreviewSettings(); - updateThemeStatus(themeStatus); - break; - - default: - updateThemeStatus(themeStatus); - } - } - }, [storedThemeStatus]); - - const handleRender = () => { - switch (storedThemeStatus) { - case _constants__WEBPACK_IMPORTED_MODULE_6__.THEME_STATUS_NOT_ACTIVE: - return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_ErrorState__WEBPACK_IMPORTED_MODULE_8__.StepErrorState, { - title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Preparing your Bluehost design studio', 'wp-module-onboarding'), - subtitle: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Hang tight while we show you some of the best WordPress has to offer!', 'wp-module-onboarding'), - error: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Uh-oh, something went wrong. Please contact support.', 'wp-module-onboarding') - }); - - case _constants__WEBPACK_IMPORTED_MODULE_6__.THEME_STATUS_ACTIVE: - return children; - - default: - return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_Loaders__WEBPACK_IMPORTED_MODULE_3__.StepLoader, { - title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Preparing your Bluehost design studio', 'wp-module-onboarding'), - subtitle: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Hang tight while we show you some of the best WordPress has to offer!', 'wp-module-onboarding') - }); - } - }; - - return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, handleRender()); -}; - -/* harmony default export */ __webpack_exports__["default"] = (DesignStateHandler); - -/***/ }), - -/***/ "./src/OnboardingSPA/components/StateHandlers/Ecommerce/index.js": -/*!***********************************************************************!*\ - !*** ./src/OnboardingSPA/components/StateHandlers/Ecommerce/index.js ***! - \***********************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element"); -/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__); -/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/data */ "@wordpress/data"); -/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_data__WEBPACK_IMPORTED_MODULE_1__); -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n"); -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__); -/* harmony import */ var _Loaders__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../Loaders */ "./src/OnboardingSPA/components/Loaders/index.js"); -/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../store */ "./src/OnboardingSPA/store/index.js"); -/* harmony import */ var _utils_api_plugins__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../utils/api/plugins */ "./src/OnboardingSPA/utils/api/plugins.js"); -/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../constants */ "./src/constants.js"); -/* harmony import */ var _utils_api_settings__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../utils/api/settings */ "./src/OnboardingSPA/utils/api/settings.js"); -/* harmony import */ var _ErrorState__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../ErrorState */ "./src/OnboardingSPA/components/ErrorState/index.js"); - - - - - - - - - - - -const EcommerceStateHandler = _ref => { - let { - children - } = _ref; - const [woocommerceStatus, setWoocommerceStatus] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(_constants__WEBPACK_IMPORTED_MODULE_6__.PLUGIN_STATUS_INSTALLING); - const { - storedPluginsStatus - } = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_1__.useSelect)(select => { - return { - storedPluginsStatus: select(_store__WEBPACK_IMPORTED_MODULE_4__.store).getPluginsStatus() - }; - }, []); - const { - updatePluginsStatus, - updatePreviewSettings - } = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_1__.useDispatch)(_store__WEBPACK_IMPORTED_MODULE_4__.store); - - const checkPluginStatus = async () => { - const pluginStatus = await (0,_utils_api_plugins__WEBPACK_IMPORTED_MODULE_5__.getPluginStatus)(_constants__WEBPACK_IMPORTED_MODULE_6__.ECOMMERCE_STEPS_PLUGIN); - - if (pluginStatus !== null && pluginStatus !== void 0 && pluginStatus.error) { - return _constants__WEBPACK_IMPORTED_MODULE_6__.PLUGIN_STATUS_NOT_ACTIVE; - } - - return pluginStatus.body.status; - }; - - const loadPreviewSettings = async () => { - const previewSettings = await (0,_utils_api_settings__WEBPACK_IMPORTED_MODULE_7__.getPreviewSettings)(); - - if (previewSettings !== null && previewSettings !== void 0 && previewSettings.body) { - updatePreviewSettings(previewSettings.body); - } - }; - - const waitForInstall = () => { - setTimeout(async () => { - const pluginStatus = await checkPluginStatus(); - - if (pluginStatus !== _constants__WEBPACK_IMPORTED_MODULE_6__.PLUGIN_STATUS_ACTIVE) { - storedPluginsStatus[_constants__WEBPACK_IMPORTED_MODULE_6__.ECOMMERCE_STEPS_PLUGIN] = _constants__WEBPACK_IMPORTED_MODULE_6__.PLUGIN_STATUS_NOT_ACTIVE; - setWoocommerceStatus(_constants__WEBPACK_IMPORTED_MODULE_6__.PLUGIN_STATUS_NOT_ACTIVE); - return updatePluginsStatus(storedPluginsStatus); - } - - storedPluginsStatus[_constants__WEBPACK_IMPORTED_MODULE_6__.ECOMMERCE_STEPS_PLUGIN] = pluginStatus; - setWoocommerceStatus(pluginStatus); - updatePluginsStatus(storedPluginsStatus); - await loadPreviewSettings(); - }, _constants__WEBPACK_IMPORTED_MODULE_6__.PLUGIN_INSTALL_WAIT_TIMEOUT); - }; - - (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)(async () => { - setWoocommerceStatus(storedPluginsStatus[_constants__WEBPACK_IMPORTED_MODULE_6__.ECOMMERCE_STEPS_PLUGIN]); - - if (storedPluginsStatus[_constants__WEBPACK_IMPORTED_MODULE_6__.ECOMMERCE_STEPS_PLUGIN] === _constants__WEBPACK_IMPORTED_MODULE_6__.PLUGIN_STATUS_INIT) { - const pluginStatus = await checkPluginStatus(); - - switch (pluginStatus) { - case _constants__WEBPACK_IMPORTED_MODULE_6__.PLUGIN_STATUS_INSTALLING: - waitForInstall(); - break; - - case _constants__WEBPACK_IMPORTED_MODULE_6__.PLUGIN_STATUS_ACTIVE: - await loadPreviewSettings(); - storedPluginsStatus[_constants__WEBPACK_IMPORTED_MODULE_6__.ECOMMERCE_STEPS_PLUGIN] = pluginStatus; - setWoocommerceStatus(pluginStatus); - updatePluginsStatus(storedPluginsStatus); - break; - - default: - storedPluginsStatus[_constants__WEBPACK_IMPORTED_MODULE_6__.ECOMMERCE_STEPS_PLUGIN] = pluginStatus; - setWoocommerceStatus(pluginStatus); - updatePluginsStatus(storedPluginsStatus); - } - } - }, [storedPluginsStatus]); - - const handleRender = () => { - switch (woocommerceStatus) { - case _constants__WEBPACK_IMPORTED_MODULE_6__.PLUGIN_STATUS_NOT_ACTIVE: - return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_ErrorState__WEBPACK_IMPORTED_MODULE_8__.StepErrorState, { - title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Making the keys to your Bluehost Online Store', 'wp-module-onboarding'), - subtitle: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('We’re installing WooCommerce for you to fill with your amazing products & services!', 'wp-module-onboarding'), - error: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Uh-oh, something went wrong. Please contact support.', 'wp-module-onboarding') - }); - - case _constants__WEBPACK_IMPORTED_MODULE_6__.PLUGIN_STATUS_ACTIVE: - return children; - - default: - return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_Loaders__WEBPACK_IMPORTED_MODULE_3__.StepLoader, { - title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Making the keys to your Bluehost Online Store', 'wp-module-onboarding'), - subtitle: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('We’re installing WooCommerce for you to fill with your amazing products & services!', 'wp-module-onboarding') - }); - } - }; - - return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, handleRender()); -}; - -/* harmony default export */ __webpack_exports__["default"] = (EcommerceStateHandler); - -/***/ }), - -/***/ "./src/OnboardingSPA/components/StateHandlers/index.js": -/*!*************************************************************!*\ - !*** ./src/OnboardingSPA/components/StateHandlers/index.js ***! - \*************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "DesignStateHandler": function() { return /* reexport safe */ _Design__WEBPACK_IMPORTED_MODULE_0__["default"]; }, -/* harmony export */ "EcommerceStateHandler": function() { return /* reexport safe */ _Ecommerce__WEBPACK_IMPORTED_MODULE_1__["default"]; } -/* harmony export */ }); -/* harmony import */ var _Design__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Design */ "./src/OnboardingSPA/components/StateHandlers/Design/index.js"); -/* harmony import */ var _Ecommerce__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Ecommerce */ "./src/OnboardingSPA/components/StateHandlers/Ecommerce/index.js"); - - - -/***/ }), - -/***/ "./src/OnboardingSPA/pages/Steps/DesignThemeStyles/Preview/index.js": -/*!**************************************************************************!*\ - !*** ./src/OnboardingSPA/pages/Steps/DesignThemeStyles/Preview/index.js ***! - \**************************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element"); -/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__); -/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/data */ "@wordpress/data"); -/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_data__WEBPACK_IMPORTED_MODULE_1__); -/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! react-router-dom */ "./node_modules/react-router/index.js"); -/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components"); -/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__); -/* harmony import */ var _wordpress_compose__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/compose */ "@wordpress/compose"); -/* harmony import */ var _wordpress_compose__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_compose__WEBPACK_IMPORTED_MODULE_3__); -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n"); -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__); -/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! lodash */ "lodash"); -/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_5__); -/* harmony import */ var _components_LivePreview__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../components/LivePreview */ "./src/OnboardingSPA/components/LivePreview/index.js"); -/* harmony import */ var _components_Layouts_Common__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../components/Layouts/Common */ "./src/OnboardingSPA/components/Layouts/Common.js"); -/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../../constants */ "./src/constants.js"); -/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../store */ "./src/OnboardingSPA/store/index.js"); -/* harmony import */ var _utils_api_patterns__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../../utils/api/patterns */ "./src/OnboardingSPA/utils/api/patterns.js"); -/* harmony import */ var _utils_api_themes__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../../utils/api/themes */ "./src/OnboardingSPA/utils/api/themes.js"); -/* harmony import */ var _utils_global_styles_use_global_styles_output__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../../utils/global-styles/use-global-styles-output */ "./src/OnboardingSPA/utils/global-styles/use-global-styles-output.js"); -/* harmony import */ var _data_routes___WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../../../data/routes/ */ "./src/OnboardingSPA/data/routes/index.js"); -/* harmony import */ var _components_StateHandlers__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../../../components/StateHandlers */ "./src/OnboardingSPA/components/StateHandlers/index.js"); - - - - - - - - - - - - - - - - - - -const StepDesignThemeStylesPreview = () => { - const location = (0,react_router_dom__WEBPACK_IMPORTED_MODULE_15__.useLocation)(); - const [isLoaded, setIsLoaded] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(false); - const [pattern, setPattern] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(); - const [customize, setCustomize] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(false); - const isLargeViewport = (0,_wordpress_compose__WEBPACK_IMPORTED_MODULE_3__.useViewportMatch)('medium'); - const { - currentStep, - currentData, - storedPreviewSettings, - routes, - designSteps, - allSteps, - themeStatus - } = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_1__.useSelect)(select => { - return { - currentStep: select(_store__WEBPACK_IMPORTED_MODULE_9__.store).getStepFromPath(location.pathname), - currentData: select(_store__WEBPACK_IMPORTED_MODULE_9__.store).getCurrentOnboardingData(), - storedPreviewSettings: select(_store__WEBPACK_IMPORTED_MODULE_9__.store).getPreviewSettings(), - routes: select(_store__WEBPACK_IMPORTED_MODULE_9__.store).getRoutes(), - allSteps: select(_store__WEBPACK_IMPORTED_MODULE_9__.store).getAllSteps(), - designSteps: select(_store__WEBPACK_IMPORTED_MODULE_9__.store).getDesignSteps(), - themeStatus: select(_store__WEBPACK_IMPORTED_MODULE_9__.store).getThemeStatus() - }; - }, []); - const { - setDrawerActiveView, - setIsDrawerOpened, - setIsSidebarOpened, - setIsDrawerSuppressed, - updatePreviewSettings, - updateRoutes, - updateDesignSteps, - updateAllSteps, - setCurrentOnboardingData, - updateThemeStatus - } = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_1__.useDispatch)(_store__WEBPACK_IMPORTED_MODULE_9__.store); - (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => { - if (isLargeViewport) { - setIsDrawerOpened(true); - } - - setIsSidebarOpened(false); - setIsDrawerSuppressed(false); - setDrawerActiveView(_constants__WEBPACK_IMPORTED_MODULE_8__.VIEW_DESIGN_THEME_STYLES_PREVIEW); - handleCheckbox(currentData.data.customDesign, false); - }, []); - - const getStylesAndPatterns = async () => { - const patternsResponse = await (0,_utils_api_patterns__WEBPACK_IMPORTED_MODULE_10__.getPatterns)(currentStep.patternId, true); - - if (patternsResponse !== null && patternsResponse !== void 0 && patternsResponse.error) { - return updateThemeStatus(_constants__WEBPACK_IMPORTED_MODULE_8__.THEME_STATUS_NOT_ACTIVE); - } - - const globalStylesResponse = await (0,_utils_api_themes__WEBPACK_IMPORTED_MODULE_11__.getGlobalStyles)(); - - if (globalStylesResponse !== null && globalStylesResponse !== void 0 && globalStylesResponse.error) { - return updateThemeStatus(_constants__WEBPACK_IMPORTED_MODULE_8__.THEME_STATUS_NOT_ACTIVE); - } - - let selectedGlobalStyle; - - if (currentData.data.theme.variation) { - selectedGlobalStyle = globalStylesResponse.body.filter(globalStyle => globalStyle.title === currentData.data.theme.variation)[0]; - } else { - selectedGlobalStyle = globalStylesResponse.body[0]; - } - - updatePreviewSettings((0,_utils_global_styles_use_global_styles_output__WEBPACK_IMPORTED_MODULE_12__.useGlobalStylesOutput)(selectedGlobalStyle, storedPreviewSettings)); - setPattern(patternsResponse === null || patternsResponse === void 0 ? void 0 : patternsResponse.body); - setIsLoaded(true); - }; - - const addColorAndTypographyRoutes = () => { - const updates = removeColorAndTypographyRoutes(); - const steps = [_data_routes___WEBPACK_IMPORTED_MODULE_13__.conditionalSteps.designColors, _data_routes___WEBPACK_IMPORTED_MODULE_13__.conditionalSteps.designTypography]; - return { - routes: (0,lodash__WEBPACK_IMPORTED_MODULE_5__.orderBy)(updates.routes.concat(steps), ['priority'], ['asc']), - allSteps: (0,lodash__WEBPACK_IMPORTED_MODULE_5__.orderBy)(updates.allSteps.concat(steps), ['priority'], ['asc']), - designSteps: (0,lodash__WEBPACK_IMPORTED_MODULE_5__.orderBy)(updates.designSteps.concat(steps), ['priority'], ['asc']) - }; - }; - - const removeColorAndTypographyRoutes = () => { - return { - routes: (0,lodash__WEBPACK_IMPORTED_MODULE_5__.filter)(routes, route => !route.path.includes(_data_routes___WEBPACK_IMPORTED_MODULE_13__.conditionalSteps.designColors.path) && !route.path.includes(_data_routes___WEBPACK_IMPORTED_MODULE_13__.conditionalSteps.designTypography.path)), - allSteps: (0,lodash__WEBPACK_IMPORTED_MODULE_5__.filter)(allSteps, allStep => !allStep.path.includes(_data_routes___WEBPACK_IMPORTED_MODULE_13__.conditionalSteps.designColors.path) && !allStep.path.includes(_data_routes___WEBPACK_IMPORTED_MODULE_13__.conditionalSteps.designTypography.path)), - designSteps: (0,lodash__WEBPACK_IMPORTED_MODULE_5__.filter)(designSteps, designStep => !designStep.path.includes(_data_routes___WEBPACK_IMPORTED_MODULE_13__.conditionalSteps.designColors.path) && !designStep.path.includes(_data_routes___WEBPACK_IMPORTED_MODULE_13__.conditionalSteps.designTypography.path)) - }; - }; - - const handleCheckbox = function (customize) { - let updateOnboardingData = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true; - let updates; - - if (customize) { - updates = addColorAndTypographyRoutes(); - } else { - updates = removeColorAndTypographyRoutes(); - } - - updateRoutes(updates.routes); - updateDesignSteps(updates.designSteps); - updateAllSteps(updates.allSteps); - setCustomize(customize); - - if (updateOnboardingData) { - currentData.data.customDesign = customize; - setCurrentOnboardingData(currentData); - } - }; - - (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => { - if (!isLoaded && themeStatus === _constants__WEBPACK_IMPORTED_MODULE_8__.THEME_STATUS_ACTIVE) getStylesAndPatterns(); - }, [isLoaded, themeStatus]); - return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_StateHandlers__WEBPACK_IMPORTED_MODULE_14__.DesignStateHandler, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_Layouts_Common__WEBPACK_IMPORTED_MODULE_7__["default"], { - className: "theme-styles-preview" - }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { - className: "theme-styles-preview__checkbox" - }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.CheckboxControl, { - label: (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { - className: "theme-styles-preview__checkbox__label" - }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", { - className: "theme-styles-preview__checkbox__label__question" - }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Customize Colors & Fonts?', 'wp-module-onboarding'), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", { - className: "theme-styles-preview__checkbox__label__hint" - }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Check to customize in the next few steps (or leave empty and use the Site Editor later)', 'wp-module-onboarding')))), - checked: customize, - onChange: () => handleCheckbox(!customize) - })), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { - className: "theme-styles-preview__title-bar" - }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { - className: "theme-styles-preview__title-bar__browser" - }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", { - className: "theme-styles-preview__title-bar__browser__dot" - }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", { - className: "theme-styles-preview__title-bar__browser__dot" - }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", { - className: "theme-styles-preview__title-bar__browser__dot" - }))), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { - className: "theme-styles-preview__live-preview-container" - }, pattern && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_LivePreview__WEBPACK_IMPORTED_MODULE_6__.LivePreview, { - blockGrammer: pattern, - styling: 'custom', - viewportWidth: 1300 - })))); -}; - -/* harmony default export */ __webpack_exports__["default"] = (StepDesignThemeStylesPreview); - -/***/ }), - -/***/ "./src/OnboardingSPA/utils/api/events.js": -/*!***********************************************!*\ - !*** ./src/OnboardingSPA/utils/api/events.js ***! - \***********************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/api-fetch */ "@wordpress/api-fetch"); -/* harmony import */ var _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_0__); -/* harmony import */ var _common__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./common */ "./src/OnboardingSPA/utils/api/common.js"); - - - -class Event { - constructor(eventSlug) { - let eventData = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; - this.eventSlug = eventSlug; - this.eventData = eventData; - } - - send() { - _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_0___default()({ - url: (0,_common__WEBPACK_IMPORTED_MODULE_1__.onboardingRestURL)('events'), - method: 'POST', - data: { - slug: this.eventSlug, - data: this.eventData - } - }).catch(error => { - console.error(error); - }); - } - -} - -/* harmony default export */ __webpack_exports__["default"] = (Event); - -/***/ }) - -}]); -//# sourceMappingURL=src_OnboardingSPA_pages_Steps_DesignThemeStyles_Preview_index_js.js.map \ No newline at end of file diff --git a/build/0.2.1/src_OnboardingSPA_pages_Steps_DesignThemeStyles_Preview_index_js.js.map b/build/0.2.1/src_OnboardingSPA_pages_Steps_DesignThemeStyles_Preview_index_js.js.map deleted file mode 100644 index 95c4fa35b..000000000 --- a/build/0.2.1/src_OnboardingSPA_pages_Steps_DesignThemeStyles_Preview_index_js.js.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"src_OnboardingSPA_pages_Steps_DesignThemeStyles_Preview_index_js.js","mappings":"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","sources":["webpack://newfold.Onboarding/./src/OnboardingSPA/components/ErrorState/Step/index.js","webpack://newfold.Onboarding/./src/OnboardingSPA/components/HeadingWithSubHeading/index.js","webpack://newfold.Onboarding/./src/OnboardingSPA/components/Layouts/Base.js","webpack://newfold.Onboarding/./src/OnboardingSPA/components/Layouts/Common.js","webpack://newfold.Onboarding/./src/OnboardingSPA/components/Loaders/ImageUpload/index.js","webpack://newfold.Onboarding/./src/OnboardingSPA/components/Loaders/Step/index.js","webpack://newfold.Onboarding/./src/OnboardingSPA/components/Loaders/index.js","webpack://newfold.Onboarding/./src/OnboardingSPA/components/NeedHelpTag/index.js","webpack://newfold.Onboarding/./src/OnboardingSPA/components/StateHandlers/Design/index.js","webpack://newfold.Onboarding/./src/OnboardingSPA/components/StateHandlers/Ecommerce/index.js","webpack://newfold.Onboarding/./src/OnboardingSPA/components/StateHandlers/index.js","webpack://newfold.Onboarding/./src/OnboardingSPA/pages/Steps/DesignThemeStyles/Preview/index.js","webpack://newfold.Onboarding/./src/OnboardingSPA/utils/api/events.js"],"sourcesContent":["import CommonLayout from '../../Layouts/Common';\nimport HeadingWithSubHeading from '../../HeadingWithSubHeading';\nimport NeedHelpTag from '../../NeedHelpTag';\n\nconst StepErrorState = ( { title, subtitle, error } ) => {\n\treturn (\n\t\t\n\t\t\t\n\t\t\t
\n\t\t\t

{ error }

\n\t\t\t\n\t\t\n\t);\n};\n\nexport default StepErrorState;\n","import { __ } from '@wordpress/i18n';\n\n/**\n * Interface Cards with standard design.\n *\n * @returns\n */\nconst HeadingWithSubHeading = ({ title, subtitle }) => {\n\n\treturn (\n\t\t
\n\t\t\t

{__(\n\t\t\t\ttitle,\n\t\t\t\t\"wp-module-onboarding\"\n\t\t\t)}

\n\t\t\t

{__(\n\t\t\t\tsubtitle,\n\t\t\t\t\"wp-module-onboarding\"\n\t\t\t)}

\n\t\t
\n\t);\n};\n\nexport default HeadingWithSubHeading;\n","import classNames from 'classnames';\nimport { speak } from '@wordpress/a11y';\nimport { useEffect } from '@wordpress/element';\nimport { useLocation } from 'react-router-dom';\n\nimport { NFD_ONBOARDING_EVENT_PREFIX } from '../../../constants';\nimport Event from '../../utils/api/events';\n\n/**\n * The Base Layout has no prescribed styles, only shared functionality like focus-management and analytics.\n *\n * @param {object} props\n * @returns\n */\nconst BaseLayout = ({\n\tclassName = 'nfd-onboarding-layout__base',\n\tchildren,\n}) => {\n\tconst location = useLocation();\n\tconst mainContainer = document.querySelector('.nfd-onboard-content');\n\n\tconst speakRouteTitle = (\n\t\tlocation,\n\t\ttitle = 'Showing new Onboarding Page'\n\t) => {\n\t\t// [TODO]: Determine if some routes should not speak the title\n\t\tspeak(title, 'assertive');\n\t};\n\n\tuseEffect(() => {\n\t\tmainContainer?.focus({ preventScroll: true });\n\t\tspeakRouteTitle(location, 'Override');\n new Event(`${NFD_ONBOARDING_EVENT_PREFIX}-pageview`, {\n stepID: location.pathname,\n previousStepID: window.nfdOnboarding.previousStepID\n }).send();\n window.nfdOnboarding.previousStepID = location.pathname\n\t}, [location.pathname]);\n\n\treturn (\n\t\t
\n\t\t\t{children}\n\t\t
\n\t);\n};\n\nexport default BaseLayout;\n","import { Animate } from '@wordpress/components';\nimport BaseLayout from './Base';\nimport { Fragment } from '@wordpress/element';\nimport classNames from 'classnames';\n\n/**\n *\n * @param {*} param0\n * @returns\n */\nconst InnerContainer = ({ children }) => {\n\treturn
{children}
;\n};\n\n/**\n * The Common Layout extends the Base Layout and applies structural styles and animations.\n *\n * @param {object} props\n * @returns\n */\nconst CommonLayout = ({\n\tclassName = '',\n\tchildren,\n\tisBgPrimary = false,\n\tisCentered = false,\n\tisVerticallyCentered = false,\n\tisContained = false,\n\tisPadded = false,\n\tisFadeIn = true,\n}) => {\n\tconst Container = isContained ? InnerContainer : Fragment;\n\treturn (\n\t\t\n\t\t\t{children}\n\t\t\n\t);\n};\n\nexport default CommonLayout;\n","const ImageUploadLoader = () => {\n\treturn (\n\t\t
\n\t\t\t
\n\t\t
\n\t);\n};\n\nexport default ImageUploadLoader;\n","import CommonLayout from '../../Layouts/Common';\nimport HeadingWithSubHeading from '../../HeadingWithSubHeading';\nimport NeedHelpTag from '../../NeedHelpTag';\n\nconst StepLoader = ( { title, subtitle } ) => {\n\treturn (\n\t\t\n\t\t\t\n\t\t\t
\n\t\t\t\t
\n\t\t\t
\n\t\t\t\n\t\t\n\t);\n};\n\nexport default StepLoader;\n","export { default as StepLoader } from \"./Step\";\nexport { default as ImageUploadLoader } from \"./ImageUpload\";\n","import { store as nfdOnboardingStore } from '../../store';\nimport { select } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Need Help Label and URL rendering component for most of the onboarding steps\n * Pass any Label and URL redirect which we want as is to display on the UI\n *\n * @param content\n * @return NeedHelpTag\n */\n\nconst NeedHelpTag = ( {\n\tquestion = __('Need Help?', 'wp-module-onboarding'),\n\turlLabel = __('Hire our Experts', 'wp-module-onboarding'),\n} ) => {\n\tconst hireExpertsUrl = select( nfdOnboardingStore ).getHireExpertsUrl();\n\treturn (\n\t\t
\n\t\t\t{ question }\n\t\t\t\n\t\t\t\t{ urlLabel }\n\t\t\t\n\t\t
\n\t);\n};\n\nexport default NeedHelpTag;\n","import { useSelect, useDispatch } from '@wordpress/data';\nimport { Fragment, useEffect } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\n\nimport { StepLoader } from '../../Loaders';\nimport { store as nfdOnboardingStore } from '../../../store';\nimport { getThemeStatus } from '../../../utils/api/themes';\nimport {\n\tTHEME_STATUS_INIT,\n\tTHEME_STATUS_INSTALLING,\n\tTHEME_STATUS_NOT_ACTIVE,\n\tTHEME_STATUS_ACTIVE,\n\tDESIGN_STEPS_THEME,\n\tTHEME_INSTALL_WAIT_TIMEOUT,\n} from '../../../../constants';\nimport { getPreviewSettings } from '../../../utils/api/settings';\nimport { StepErrorState } from '../../ErrorState';\n\nconst DesignStateHandler = ( { children } ) => {\n\tconst { storedThemeStatus } = useSelect( ( select ) => {\n\t\treturn {\n\t\t\tstoredThemeStatus: select( nfdOnboardingStore ).getThemeStatus(),\n\t\t};\n\t}, [] );\n\n\tconst { updateThemeStatus, updatePreviewSettings } =\n\t\tuseDispatch( nfdOnboardingStore );\n\n\tconst checkThemeStatus = async () => {\n\t\tconst themeStatus = await getThemeStatus( DESIGN_STEPS_THEME );\n\t\tif ( themeStatus?.error ) {\n\t\t\treturn THEME_STATUS_NOT_ACTIVE;\n\t\t}\n\t\treturn themeStatus.body.status;\n\t};\n\n\tconst loadPreviewSettings = async () => {\n\t\tconst previewSettings = await getPreviewSettings();\n\t\tif ( previewSettings?.body ) {\n\t\t\tupdatePreviewSettings( previewSettings.body );\n\t\t}\n\t};\n\n\tconst waitForInstall = () => {\n\t\tsetTimeout( async () => {\n\t\t\tconst themeStatus = await checkThemeStatus();\n\t\t\tif ( themeStatus !== THEME_STATUS_ACTIVE ) {\n\t\t\t\treturn updateThemeStatus( THEME_STATUS_NOT_ACTIVE );\n\t\t\t}\n\t\t\tupdateThemeStatus( themeStatus );\n\t\t\tawait loadPreviewSettings();\n\t\t}, THEME_INSTALL_WAIT_TIMEOUT );\n\t};\n\n\tuseEffect( async () => {\n\t\tif ( storedThemeStatus === THEME_STATUS_INIT ) {\n\t\t\tconst themeStatus = await checkThemeStatus();\n\t\t\tswitch ( themeStatus ) {\n\t\t\t\tcase THEME_STATUS_INSTALLING:\n\t\t\t\t\twaitForInstall();\n\t\t\t\t\tbreak;\n\t\t\t\tcase THEME_STATUS_ACTIVE:\n\t\t\t\t\tawait loadPreviewSettings();\n\t\t\t\t\tupdateThemeStatus( themeStatus );\n\t\t\t\t\tbreak;\n\t\t\t\tdefault:\n\t\t\t\t\tupdateThemeStatus( themeStatus );\n\t\t\t}\n\t\t}\n\t}, [ storedThemeStatus ] );\n\n\tconst handleRender = () => {\n\t\tswitch ( storedThemeStatus ) {\n\t\t\tcase THEME_STATUS_NOT_ACTIVE:\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t);\n\t\t\tcase THEME_STATUS_ACTIVE:\n\t\t\t\treturn children;\n\t\t\tdefault:\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t);\n\t\t}\n\t};\n\n\treturn { handleRender() };\n};\n\nexport default DesignStateHandler;\n","import { useSelect, useDispatch } from '@wordpress/data';\nimport { useEffect, useState } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\n\nimport { StepLoader } from '../../Loaders';\nimport { store as nfdOnboardingStore } from '../../../store';\nimport { getPluginStatus } from '../../../utils/api/plugins';\nimport {\n\tPLUGIN_STATUS_INIT,\n\tPLUGIN_STATUS_INSTALLING,\n\tPLUGIN_STATUS_NOT_ACTIVE,\n\tPLUGIN_STATUS_ACTIVE,\n\tECOMMERCE_STEPS_PLUGIN,\n\tPLUGIN_INSTALL_WAIT_TIMEOUT,\n} from '../../../../constants';\nimport { getPreviewSettings } from '../../../utils/api/settings';\nimport { StepErrorState } from '../../ErrorState';\n\nconst EcommerceStateHandler = ( { children } ) => {\n\tconst [ woocommerceStatus, setWoocommerceStatus ] = useState(\n\t\tPLUGIN_STATUS_INSTALLING\n\t);\n\n\tconst { storedPluginsStatus } = useSelect( ( select ) => {\n\t\treturn {\n\t\t\tstoredPluginsStatus:\n\t\t\t\tselect( nfdOnboardingStore ).getPluginsStatus(),\n\t\t};\n\t}, [] );\n\n\tconst { updatePluginsStatus, updatePreviewSettings } =\n\t\tuseDispatch( nfdOnboardingStore );\n\n\tconst checkPluginStatus = async () => {\n\t\tconst pluginStatus = await getPluginStatus( ECOMMERCE_STEPS_PLUGIN );\n\t\tif ( pluginStatus?.error ) {\n\t\t\treturn PLUGIN_STATUS_NOT_ACTIVE;\n\t\t}\n\t\treturn pluginStatus.body.status;\n\t};\n\n\tconst loadPreviewSettings = async () => {\n\t\tconst previewSettings = await getPreviewSettings();\n\t\tif ( previewSettings?.body ) {\n\t\t\tupdatePreviewSettings( previewSettings.body );\n\t\t}\n\t};\n\n\tconst waitForInstall = () => {\n\t\tsetTimeout( async () => {\n\t\t\tconst pluginStatus = await checkPluginStatus();\n\t\t\tif ( pluginStatus !== PLUGIN_STATUS_ACTIVE ) {\n\t\t\t\tstoredPluginsStatus[ ECOMMERCE_STEPS_PLUGIN ] =\n\t\t\t\t\tPLUGIN_STATUS_NOT_ACTIVE;\n\t\t\t\tsetWoocommerceStatus( PLUGIN_STATUS_NOT_ACTIVE );\n\t\t\t\treturn updatePluginsStatus( storedPluginsStatus );\n\t\t\t}\n\t\t\tstoredPluginsStatus[ ECOMMERCE_STEPS_PLUGIN ] = pluginStatus;\n\t\t\tsetWoocommerceStatus( pluginStatus );\n\t\t\tupdatePluginsStatus( storedPluginsStatus );\n\t\t\tawait loadPreviewSettings();\n\t\t}, PLUGIN_INSTALL_WAIT_TIMEOUT );\n\t};\n\n\tuseEffect( async () => {\n\t\tsetWoocommerceStatus( storedPluginsStatus[ ECOMMERCE_STEPS_PLUGIN ] );\n\t\tif (\n\t\t\tstoredPluginsStatus[ ECOMMERCE_STEPS_PLUGIN ] === PLUGIN_STATUS_INIT\n\t\t) {\n\t\t\tconst pluginStatus = await checkPluginStatus();\n\t\t\tswitch ( pluginStatus ) {\n\t\t\t\tcase PLUGIN_STATUS_INSTALLING:\n\t\t\t\t\twaitForInstall();\n\t\t\t\t\tbreak;\n\t\t\t\tcase PLUGIN_STATUS_ACTIVE:\n\t\t\t\t\tawait loadPreviewSettings();\n\t\t\t\t\tstoredPluginsStatus[ ECOMMERCE_STEPS_PLUGIN ] =\n\t\t\t\t\t\tpluginStatus;\n\t\t\t\t\tsetWoocommerceStatus( pluginStatus );\n\t\t\t\t\tupdatePluginsStatus( storedPluginsStatus );\n\t\t\t\t\tbreak;\n\t\t\t\tdefault:\n\t\t\t\t\tstoredPluginsStatus[ ECOMMERCE_STEPS_PLUGIN ] =\n\t\t\t\t\t\tpluginStatus;\n\t\t\t\t\tsetWoocommerceStatus( pluginStatus );\n\t\t\t\t\tupdatePluginsStatus( storedPluginsStatus );\n\t\t\t}\n\t\t}\n\t}, [ storedPluginsStatus ] );\n\n\tconst handleRender = () => {\n\t\tswitch ( woocommerceStatus ) {\n\t\t\tcase PLUGIN_STATUS_NOT_ACTIVE:\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t);\n\t\t\tcase PLUGIN_STATUS_ACTIVE:\n\t\t\t\treturn children;\n\t\t\tdefault:\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t);\n\t\t}\n\t};\n\n\treturn <>{ handleRender() };\n};\n\nexport default EcommerceStateHandler;\n","export { default as DesignStateHandler } from './Design';\nexport { default as EcommerceStateHandler } from './Ecommerce';\n","import { useSelect, useDispatch } from '@wordpress/data';\nimport { useState, useEffect } from '@wordpress/element';\nimport { useLocation } from 'react-router-dom';\nimport { CheckboxControl } from '@wordpress/components';\nimport { useViewportMatch } from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\nimport { orderBy, filter } from 'lodash';\n\nimport { LivePreview } from '../../../../components/LivePreview';\nimport CommonLayout from '../../../../components/Layouts/Common';\nimport {\n\tVIEW_DESIGN_THEME_STYLES_PREVIEW,\n\tTHEME_STATUS_ACTIVE,\n\tTHEME_STATUS_NOT_ACTIVE,\n} from '../../../../../constants';\nimport { store as nfdOnboardingStore } from '../../../../store';\nimport { getPatterns } from '../../../../utils/api/patterns';\nimport { getGlobalStyles } from '../../../../utils/api/themes';\nimport { useGlobalStylesOutput } from '../../../../utils/global-styles/use-global-styles-output';\nimport { conditionalSteps } from '../../../../data/routes/';\nimport { DesignStateHandler } from '../../../../components/StateHandlers';\n\nconst StepDesignThemeStylesPreview = () => {\n\tconst location = useLocation();\n\tconst [ isLoaded, setIsLoaded ] = useState( false );\n\tconst [ pattern, setPattern ] = useState();\n\tconst [ customize, setCustomize ] = useState( false );\n\n\tconst isLargeViewport = useViewportMatch( 'medium' );\n\tconst {\n\t\tcurrentStep,\n\t\tcurrentData,\n\t\tstoredPreviewSettings,\n\t\troutes,\n\t\tdesignSteps,\n\t\tallSteps,\n\t\tthemeStatus,\n\t} = useSelect( ( select ) => {\n\t\treturn {\n\t\t\tcurrentStep: select( nfdOnboardingStore ).getStepFromPath(\n\t\t\t\tlocation.pathname\n\t\t\t),\n\t\t\tcurrentData:\n\t\t\t\tselect( nfdOnboardingStore ).getCurrentOnboardingData(),\n\t\t\tstoredPreviewSettings:\n\t\t\t\tselect( nfdOnboardingStore ).getPreviewSettings(),\n\t\t\troutes: select( nfdOnboardingStore ).getRoutes(),\n\t\t\tallSteps: select( nfdOnboardingStore ).getAllSteps(),\n\t\t\tdesignSteps: select( nfdOnboardingStore ).getDesignSteps(),\n\t\t\tthemeStatus: select( nfdOnboardingStore ).getThemeStatus(),\n\t\t};\n\t}, [] );\n\n\tconst {\n\t\tsetDrawerActiveView,\n\t\tsetIsDrawerOpened,\n\t\tsetIsSidebarOpened,\n\t\tsetIsDrawerSuppressed,\n\t\tupdatePreviewSettings,\n\t\tupdateRoutes,\n\t\tupdateDesignSteps,\n\t\tupdateAllSteps,\n\t\tsetCurrentOnboardingData,\n\t\tupdateThemeStatus,\n\t} = useDispatch( nfdOnboardingStore );\n\n\tuseEffect( () => {\n\t\tif ( isLargeViewport ) {\n\t\t\tsetIsDrawerOpened( true );\n\t\t}\n\t\tsetIsSidebarOpened( false );\n\t\tsetIsDrawerSuppressed( false );\n\t\tsetDrawerActiveView( VIEW_DESIGN_THEME_STYLES_PREVIEW );\n\t\thandleCheckbox( currentData.data.customDesign, false );\n\t}, [] );\n\n\tconst getStylesAndPatterns = async () => {\n\t\tconst patternsResponse = await getPatterns(\n\t\t\tcurrentStep.patternId,\n\t\t\ttrue\n\t\t);\n\t\tif ( patternsResponse?.error ) {\n\t\t\treturn updateThemeStatus( THEME_STATUS_NOT_ACTIVE );\n\t\t}\n\t\tconst globalStylesResponse = await getGlobalStyles();\n\t\tif ( globalStylesResponse?.error ) {\n\t\t\treturn updateThemeStatus( THEME_STATUS_NOT_ACTIVE );\n\t\t}\n\t\tlet selectedGlobalStyle;\n\t\tif ( currentData.data.theme.variation ) {\n\t\t\tselectedGlobalStyle = globalStylesResponse.body.filter(\n\t\t\t\t( globalStyle ) =>\n\t\t\t\t\tglobalStyle.title === currentData.data.theme.variation\n\t\t\t)[ 0 ];\n\t\t} else {\n\t\t\tselectedGlobalStyle = globalStylesResponse.body[ 0 ];\n\t\t}\n\t\tupdatePreviewSettings(\n\t\t\tuseGlobalStylesOutput( selectedGlobalStyle, storedPreviewSettings )\n\t\t);\n\t\tsetPattern( patternsResponse?.body );\n\t\tsetIsLoaded( true );\n\t};\n\n\tconst addColorAndTypographyRoutes = () => {\n\t\tconst updates = removeColorAndTypographyRoutes();\n\t\tconst steps = [\n\t\t\tconditionalSteps.designColors,\n\t\t\tconditionalSteps.designTypography,\n\t\t];\n\t\treturn {\n\t\t\troutes: orderBy(\n\t\t\t\tupdates.routes.concat( steps ),\n\t\t\t\t[ 'priority' ],\n\t\t\t\t[ 'asc' ]\n\t\t\t),\n\t\t\tallSteps: orderBy(\n\t\t\t\tupdates.allSteps.concat( steps ),\n\t\t\t\t[ 'priority' ],\n\t\t\t\t[ 'asc' ]\n\t\t\t),\n\t\t\tdesignSteps: orderBy(\n\t\t\t\tupdates.designSteps.concat( steps ),\n\t\t\t\t[ 'priority' ],\n\t\t\t\t[ 'asc' ]\n\t\t\t),\n\t\t};\n\t};\n\n\tconst removeColorAndTypographyRoutes = () => {\n\t\treturn {\n\t\t\troutes: filter(\n\t\t\t\troutes,\n\t\t\t\t( route ) =>\n\t\t\t\t\t! route.path.includes(\n\t\t\t\t\t\tconditionalSteps.designColors.path\n\t\t\t\t\t) &&\n\t\t\t\t\t! route.path.includes(\n\t\t\t\t\t\tconditionalSteps.designTypography.path\n\t\t\t\t\t)\n\t\t\t),\n\t\t\tallSteps: filter(\n\t\t\t\tallSteps,\n\t\t\t\t( allStep ) =>\n\t\t\t\t\t! allStep.path.includes(\n\t\t\t\t\t\tconditionalSteps.designColors.path\n\t\t\t\t\t) &&\n\t\t\t\t\t! allStep.path.includes(\n\t\t\t\t\t\tconditionalSteps.designTypography.path\n\t\t\t\t\t)\n\t\t\t),\n\t\t\tdesignSteps: filter(\n\t\t\t\tdesignSteps,\n\t\t\t\t( designStep ) =>\n\t\t\t\t\t! designStep.path.includes(\n\t\t\t\t\t\tconditionalSteps.designColors.path\n\t\t\t\t\t) &&\n\t\t\t\t\t! designStep.path.includes(\n\t\t\t\t\t\tconditionalSteps.designTypography.path\n\t\t\t\t\t)\n\t\t\t),\n\t\t};\n\t};\n\n\tconst handleCheckbox = ( customize, updateOnboardingData = true ) => {\n\t\tlet updates;\n\n\t\tif ( customize ) {\n\t\t\tupdates = addColorAndTypographyRoutes();\n\t\t} else {\n\t\t\tupdates = removeColorAndTypographyRoutes();\n\t\t}\n\n\t\tupdateRoutes( updates.routes );\n\t\tupdateDesignSteps( updates.designSteps );\n\t\tupdateAllSteps( updates.allSteps );\n\t\tsetCustomize( customize );\n\n\t\tif ( updateOnboardingData ) {\n\t\t\tcurrentData.data.customDesign = customize;\n\t\t\tsetCurrentOnboardingData( currentData );\n\t\t}\n\t};\n\n\tuseEffect( () => {\n\t\tif ( ! isLoaded && themeStatus === THEME_STATUS_ACTIVE )\n\t\t\tgetStylesAndPatterns();\n\t}, [ isLoaded, themeStatus ] );\n\n\treturn (\n\t\t\n\t\t\t\n\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t'Customize Colors & Fonts?',\n\t\t\t\t\t\t\t\t\t\t'wp-module-onboarding'\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t\t'Check to customize in the next few steps (or leave empty and use the Site Editor later)',\n\t\t\t\t\t\t\t\t\t\t\t'wp-module-onboarding'\n\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t}\n\t\t\t\t\t\tchecked={ customize }\n\t\t\t\t\t\tonChange={ () => handleCheckbox( ! customize ) }\n\t\t\t\t\t/>\n\t\t\t\t\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t{ pattern && (\n\t\t\t\t\t\t\n\t\t\t\t\t) }\n\t\t\t\t
\n\t\t\t\n\t\t\n\t);\n};\n\nexport default StepDesignThemeStylesPreview;\n","import apiFetch from '@wordpress/api-fetch';\n\nimport { onboardingRestURL } from './common';\n\nclass Event {\n\tconstructor( eventSlug, eventData = {} ) {\n\t\tthis.eventSlug = eventSlug;\n\t\tthis.eventData = eventData;\n\t}\n\n\tsend() {\n\t\tapiFetch( {\n\t\t\turl: onboardingRestURL( 'events' ),\n\t\t\tmethod: 'POST',\n\t\t\tdata: {\n\t\t\t\tslug: this.eventSlug,\n\t\t\t\tdata: this.eventData,\n\t\t\t},\n\t\t} ).catch( ( error ) => {\n\t\t\tconsole.error( error );\n\t\t} );\n\t}\n}\n\nexport default Event;\n"],"names":["CommonLayout","HeadingWithSubHeading","NeedHelpTag","StepErrorState","title","subtitle","error","__","classNames","speak","useEffect","useLocation","NFD_ONBOARDING_EVENT_PREFIX","Event","BaseLayout","className","children","location","mainContainer","document","querySelector","speakRouteTitle","focus","preventScroll","stepID","pathname","previousStepID","window","nfdOnboarding","send","Animate","Fragment","InnerContainer","isBgPrimary","isCentered","isVerticallyCentered","isContained","isPadded","isFadeIn","Container","ImageUploadLoader","StepLoader","default","store","nfdOnboardingStore","select","question","urlLabel","hireExpertsUrl","getHireExpertsUrl","useSelect","useDispatch","getThemeStatus","THEME_STATUS_INIT","THEME_STATUS_INSTALLING","THEME_STATUS_NOT_ACTIVE","THEME_STATUS_ACTIVE","DESIGN_STEPS_THEME","THEME_INSTALL_WAIT_TIMEOUT","getPreviewSettings","DesignStateHandler","storedThemeStatus","updateThemeStatus","updatePreviewSettings","checkThemeStatus","themeStatus","body","status","loadPreviewSettings","previewSettings","waitForInstall","setTimeout","handleRender","useState","getPluginStatus","PLUGIN_STATUS_INIT","PLUGIN_STATUS_INSTALLING","PLUGIN_STATUS_NOT_ACTIVE","PLUGIN_STATUS_ACTIVE","ECOMMERCE_STEPS_PLUGIN","PLUGIN_INSTALL_WAIT_TIMEOUT","EcommerceStateHandler","woocommerceStatus","setWoocommerceStatus","storedPluginsStatus","getPluginsStatus","updatePluginsStatus","checkPluginStatus","pluginStatus","CheckboxControl","useViewportMatch","orderBy","filter","LivePreview","VIEW_DESIGN_THEME_STYLES_PREVIEW","getPatterns","getGlobalStyles","useGlobalStylesOutput","conditionalSteps","StepDesignThemeStylesPreview","isLoaded","setIsLoaded","pattern","setPattern","customize","setCustomize","isLargeViewport","currentStep","currentData","storedPreviewSettings","routes","designSteps","allSteps","getStepFromPath","getCurrentOnboardingData","getRoutes","getAllSteps","getDesignSteps","setDrawerActiveView","setIsDrawerOpened","setIsSidebarOpened","setIsDrawerSuppressed","updateRoutes","updateDesignSteps","updateAllSteps","setCurrentOnboardingData","handleCheckbox","data","customDesign","getStylesAndPatterns","patternsResponse","patternId","globalStylesResponse","selectedGlobalStyle","theme","variation","globalStyle","addColorAndTypographyRoutes","updates","removeColorAndTypographyRoutes","steps","designColors","designTypography","concat","route","path","includes","allStep","designStep","updateOnboardingData","apiFetch","onboardingRestURL","constructor","eventSlug","eventData","url","method","slug","catch","console"],"sourceRoot":""} \ No newline at end of file From de2e88bd41ef40816a09d18e276d0bcfea2a8c5c Mon Sep 17 00:00:00 2001 From: arunshenoy99 Date: Mon, 3 Oct 2022 14:41:57 +0530 Subject: [PATCH 10/10] add defensive checks for the preview drawer --- .../DrawerPanel/DesignThemeStylesPreview.js | 18 +++++++++++++++--- 1 file changed, 15 insertions(+), 3 deletions(-) diff --git a/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignThemeStylesPreview.js b/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignThemeStylesPreview.js index c0e5babe6..fe817eec7 100644 --- a/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignThemeStylesPreview.js +++ b/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignThemeStylesPreview.js @@ -6,7 +6,10 @@ import { store as nfdOnboardingStore } from '../../../store'; import { getPatterns } from '../../../utils/api/patterns'; import { getGlobalStyles } from '../../../utils/api/themes'; import { useGlobalStylesOutput } from '../../../utils/global-styles/use-global-styles-output'; -import { THEME_STATUS_ACTIVE } from '../../../../constants'; +import { + THEME_STATUS_ACTIVE, + THEME_STATUS_NOT_ACTIVE, +} from '../../../../constants'; const DesignThemeStylesPreview = () => { const MAX_PREVIEWS_PER_ROW = 3; @@ -27,15 +30,24 @@ const DesignThemeStylesPreview = () => { }; }, [] ); - const { updatePreviewSettings, setCurrentOnboardingData } = - useDispatch( nfdOnboardingStore ); + const { + updatePreviewSettings, + setCurrentOnboardingData, + updateThemeStatus, + } = useDispatch( nfdOnboardingStore ); const getStylesAndPatterns = async () => { const patternResponse = await getPatterns( currentStep.patternId, true ); + if ( patternResponse?.error ) { + return updateThemeStatus( THEME_STATUS_NOT_ACTIVE ); + } const globalStylesResponse = await getGlobalStyles(); + if ( globalStylesResponse?.error ) { + return updateThemeStatus( THEME_STATUS_NOT_ACTIVE ); + } setPattern( patternResponse?.body ); setGlobalStyles( globalStylesResponse?.body ); let selectedGlobalStyle;