From 4a3f6cc1b8546d8d6c230d74b4faafa56fd5fbc5 Mon Sep 17 00:00:00 2001
From: arunshenoy99 <devarunshenoy99@gmail.com>
Date: Fri, 14 Apr 2023 18:55:23 +0530
Subject: [PATCH] fix lint wrt new @wordpress/scripts standards

---
 .../CheckboxTemplate/CheckboxItem/index.js    | 13 ++++---
 .../LearnMore/IllustrationPanel/index.js      | 39 +++++++++++--------
 .../LearnMore/Skeleton/SidebarSkeleton.js     | 20 +++++-----
 .../BasicInfo/Sidebar/LearnMore/index.js      | 23 ++++++++---
 .../DesignColors/Sidebar/LearnMore/index.js   | 27 ++++++++-----
 .../Sidebar/LearnMore/index.js                | 27 ++++++++-----
 .../Sidebar/LearnMore/index.js                | 27 ++++++++-----
 .../Menu/Sidebar/LearnMore/index.js           | 23 ++++++++---
 .../Preview/Sidebar/LearnMore/index.js        | 23 ++++++++---
 .../Sidebar/LearnMore/index.js                | 27 ++++++++-----
 .../StepAddress/Sidebar/LearnMore/index.js    | 23 ++++++++---
 .../StepProducts/Sidebar/LearnMore/index.js   | 23 ++++++++---
 .../StepTax/Sidebar/LearnMore/index.js        | 32 ++++++++-------
 .../Sidebar/LearnMore/index.js                | 15 +++----
 .../PrimarySite/Sidebar/LearnMore/index.js    | 25 +++++++-----
 .../SecondarySite/Sidebar/LearnMore/index.js  | 27 ++++++++-----
 .../Welcome/Sidebar/LearnMore/index.js        | 27 +++++++++----
 .../SiteFeatures/Sidebar/LearnMore/index.js   | 23 ++++++++---
 .../SitePages/Sidebar/LearnMore/index.js      | 27 ++++++++-----
 .../Steps/WhatNext/Sidebar/LearnMore/index.js | 33 +++++++++++-----
 .../pages/Steps/WhatNext/contents.js          | 19 +++++----
 .../pages/Steps/WhatNext/index.js             | 30 +++++++-------
 src/constants.js                              |  4 +-
 23 files changed, 361 insertions(+), 196 deletions(-)

diff --git a/src/OnboardingSPA/components/CheckboxTemplate/CheckboxItem/index.js b/src/OnboardingSPA/components/CheckboxTemplate/CheckboxItem/index.js
index f0935d1a7..1b905e405 100644
--- a/src/OnboardingSPA/components/CheckboxTemplate/CheckboxItem/index.js
+++ b/src/OnboardingSPA/components/CheckboxTemplate/CheckboxItem/index.js
@@ -55,13 +55,14 @@ const CheckboxItem = ( {
 					<div className={ `${ className }__contents` }>
 						<div
 							className={ `${ className }__contents-icon
-                                     ${ isSelected &&
+                                     ${
+											isSelected &&
 											`${ className }__contents-icon--selected`
-		}
+										}
                                      ${
-		showDescription &&
+											showDescription &&
 											`${ className }__contents-icon--shown`
-		}` }
+										}` }
 						>
 							<div
 								style={ {
@@ -91,7 +92,9 @@ const CheckboxItem = ( {
 							</div>
 						</div>
 						<div
-							className={ `${ className }__contents-help ${ showDescription ? 'highlighted' : '' }` }
+							className={ `${ className }__contents-help ${
+								showDescription ? 'highlighted' : ''
+							}` }
 							onClick={ handleShowDesc }
 							role="button"
 							onKeyDown={ handleShowDesc }
diff --git a/src/OnboardingSPA/components/Sidebar/components/LearnMore/IllustrationPanel/index.js b/src/OnboardingSPA/components/Sidebar/components/LearnMore/IllustrationPanel/index.js
index e7b3eb70e..c603cfe8b 100644
--- a/src/OnboardingSPA/components/Sidebar/components/LearnMore/IllustrationPanel/index.js
+++ b/src/OnboardingSPA/components/Sidebar/components/LearnMore/IllustrationPanel/index.js
@@ -5,25 +5,30 @@ const IllustrationPanel = ( {
 	baseClassName = 'nfd-onboarding-sidebar-learn-more--illustration-panel',
 	backgroundPosition = 'center',
 } ) => {
-	const iconExists = window.getComputedStyle( document.body ).getPropertyValue( `--${ cssIcon }` ) !== '';
+	const iconExists =
+		window
+			.getComputedStyle( document.body )
+			.getPropertyValue( `--${ cssIcon }` ) !== '';
 
 	return (
-		iconExists && <PanelBody
-			className={ `${ baseClassName }__container` }
-			initialOpen={ true }
-		>
-			<div
-				className={ `${ baseClassName }__image` }
-				style={ {
-					backgroundImage: `var(--${ cssIcon })`,
-					width: '100%',
-					height: '100%',
-					backgroundSize: 'contain',
-					backgroundRepeat: 'no-repeat',
-					backgroundPosition,
-				} }
-			></div>
-		</PanelBody>
+		iconExists && (
+			<PanelBody
+				className={ `${ baseClassName }__container` }
+				initialOpen={ true }
+			>
+				<div
+					className={ `${ baseClassName }__image` }
+					style={ {
+						backgroundImage: `var(--${ cssIcon })`,
+						width: '100%',
+						height: '100%',
+						backgroundSize: 'contain',
+						backgroundRepeat: 'no-repeat',
+						backgroundPosition,
+					} }
+				></div>
+			</PanelBody>
+		)
 	);
 };
 
diff --git a/src/OnboardingSPA/components/Sidebar/components/LearnMore/Skeleton/SidebarSkeleton.js b/src/OnboardingSPA/components/Sidebar/components/LearnMore/Skeleton/SidebarSkeleton.js
index 1f38fbc26..ff7b05f13 100644
--- a/src/OnboardingSPA/components/Sidebar/components/LearnMore/Skeleton/SidebarSkeleton.js
+++ b/src/OnboardingSPA/components/Sidebar/components/LearnMore/Skeleton/SidebarSkeleton.js
@@ -37,15 +37,17 @@ const SidebarSkeleton = () => {
 				</div>
 			</div>
 			<div className="sidebar-skeleton-divider" />
-			{ brandConfig?.views?.sidebar?.illustration?.shown !== false && <Fragment>
-				<div className="sidebar-skeleton-body">
-					<Animate
-						type={ 'shine-placeholder' }
-						className="shimmer sidebar-skeleton-body-image"
-					/>
-				</div>
-				<div className="sidebar-skeleton-divider" />
-			</Fragment> }
+			{ brandConfig?.views?.sidebar?.illustration?.shown !== false && (
+				<Fragment>
+					<div className="sidebar-skeleton-body">
+						<Animate
+							type={ 'shine-placeholder' }
+							className="shimmer sidebar-skeleton-body-image"
+						/>
+					</div>
+					<div className="sidebar-skeleton-divider" />
+				</Fragment>
+			) }
 			<div className="sidebar-skeleton-footer">
 				<Animate
 					type={ 'shine-placeholder' }
diff --git a/src/OnboardingSPA/pages/Steps/BasicInfo/Sidebar/LearnMore/index.js b/src/OnboardingSPA/pages/Steps/BasicInfo/Sidebar/LearnMore/index.js
index 2ff9238ff..0895d15d5 100644
--- a/src/OnboardingSPA/pages/Steps/BasicInfo/Sidebar/LearnMore/index.js
+++ b/src/OnboardingSPA/pages/Steps/BasicInfo/Sidebar/LearnMore/index.js
@@ -30,16 +30,26 @@ const StepIntroPanel = lazy( () =>
 );
 
 const LearnMore = () => {
-	const { brandName, techSupportLink, fullServiceCreativeTeamLink, brandConfig } = useSelect( ( select ) => {
+	const {
+		brandName,
+		techSupportLink,
+		fullServiceCreativeTeamLink,
+		brandConfig,
+	} = useSelect( ( select ) => {
 		return {
 			brandName: select( nfdOnboardingStore ).getNewfoldBrandName(),
 			techSupportLink: select( nfdOnboardingStore ).getTechSupportUrl(),
-			fullServiceCreativeTeamLink: select( nfdOnboardingStore ).getfullServiceCreativeTeamUrl(),
+			fullServiceCreativeTeamLink:
+				select( nfdOnboardingStore ).getfullServiceCreativeTeamUrl(),
 			brandConfig: select( nfdOnboardingStore ).getNewfoldBrandConfig(),
 		};
 	} );
 
-	const content = getContents( brandName, techSupportLink, fullServiceCreativeTeamLink );
+	const content = getContents(
+		brandName,
+		techSupportLink,
+		fullServiceCreativeTeamLink
+	);
 
 	return (
 		<div className="nfd-onboarding-sidebar-learn-more__basic-info">
@@ -48,8 +58,9 @@ const LearnMore = () => {
 				subheading={ content.introduction.subheading }
 				icon={ content.introduction.icon }
 			/>
-			{ brandConfig?.views?.sidebar?.illustration?.shown !== false &&
-				<IllustrationPanel cssIcon={ content.illustration.icon } /> }
+			{ brandConfig?.views?.sidebar?.illustration?.shown !== false && (
+				<IllustrationPanel cssIcon={ content.illustration.icon } />
+			) }
 			<InfoPanel
 				headingWithDescriptions={
 					content.information.headingWithDescriptions
@@ -59,7 +70,7 @@ const LearnMore = () => {
 				<ButtonWhite
 					text={ content.help.fullService.text }
 					onClick={ () =>
-						( window.open( content.help.fullService.link, '_blank' ) )
+						window.open( content.help.fullService.link, '_blank' )
 					}
 				/>
 				<SupportLink
diff --git a/src/OnboardingSPA/pages/Steps/DesignColors/Sidebar/LearnMore/index.js b/src/OnboardingSPA/pages/Steps/DesignColors/Sidebar/LearnMore/index.js
index b72901575..b051c0acd 100644
--- a/src/OnboardingSPA/pages/Steps/DesignColors/Sidebar/LearnMore/index.js
+++ b/src/OnboardingSPA/pages/Steps/DesignColors/Sidebar/LearnMore/index.js
@@ -30,13 +30,19 @@ const StepIntroPanel = lazy( () =>
 );
 
 const LearnMore = () => {
-	const { techSupportLink, fullServiceCreativeTeamLink, brandConfig } = useSelect( ( select ) => {
-		return {
-			techSupportLink: select( nfdOnboardingStore ).getTechSupportUrl(),
-			fullServiceCreativeTeamLink: select( nfdOnboardingStore ).getfullServiceCreativeTeamUrl(),
-			brandConfig: select( nfdOnboardingStore ).getNewfoldBrandConfig(),
-		};
-	} );
+	const { techSupportLink, fullServiceCreativeTeamLink, brandConfig } =
+		useSelect( ( select ) => {
+			return {
+				techSupportLink:
+					select( nfdOnboardingStore ).getTechSupportUrl(),
+				fullServiceCreativeTeamLink:
+					select(
+						nfdOnboardingStore
+					).getfullServiceCreativeTeamUrl(),
+				brandConfig:
+					select( nfdOnboardingStore ).getNewfoldBrandConfig(),
+			};
+		} );
 
 	const content = getContents( techSupportLink, fullServiceCreativeTeamLink );
 
@@ -47,8 +53,9 @@ const LearnMore = () => {
 				subheading={ content.introduction.subheading }
 				icon={ content.introduction.icon }
 			/>
-			{ brandConfig?.views?.sidebar?.illustration?.shown !== false &&
-				<IllustrationPanel cssIcon={ content.illustration.icon } /> }
+			{ brandConfig?.views?.sidebar?.illustration?.shown !== false && (
+				<IllustrationPanel cssIcon={ content.illustration.icon } />
+			) }
 			<InfoPanel
 				headingWithDescriptions={
 					content.information.headingWithDescriptions
@@ -58,7 +65,7 @@ const LearnMore = () => {
 				<ButtonWhite
 					text={ content.help.fullService.text }
 					onClick={ () =>
-						( window.open( content.help.fullService.link, '_blank' ) )
+						window.open( content.help.fullService.link, '_blank' )
 					}
 				/>
 				<SupportLink
diff --git a/src/OnboardingSPA/pages/Steps/DesignHeaderMenu/Sidebar/LearnMore/index.js b/src/OnboardingSPA/pages/Steps/DesignHeaderMenu/Sidebar/LearnMore/index.js
index 882307187..e0e74ffb3 100644
--- a/src/OnboardingSPA/pages/Steps/DesignHeaderMenu/Sidebar/LearnMore/index.js
+++ b/src/OnboardingSPA/pages/Steps/DesignHeaderMenu/Sidebar/LearnMore/index.js
@@ -30,13 +30,19 @@ const StepIntroPanel = lazy( () =>
 );
 
 const LearnMore = () => {
-	const { techSupportLink, fullServiceCreativeTeamLink, brandConfig } = useSelect( ( select ) => {
-		return {
-			techSupportLink: select( nfdOnboardingStore ).getTechSupportUrl(),
-			fullServiceCreativeTeamLink: select( nfdOnboardingStore ).getfullServiceCreativeTeamUrl(),
-			brandConfig: select( nfdOnboardingStore ).getNewfoldBrandConfig(),
-		};
-	} );
+	const { techSupportLink, fullServiceCreativeTeamLink, brandConfig } =
+		useSelect( ( select ) => {
+			return {
+				techSupportLink:
+					select( nfdOnboardingStore ).getTechSupportUrl(),
+				fullServiceCreativeTeamLink:
+					select(
+						nfdOnboardingStore
+					).getfullServiceCreativeTeamUrl(),
+				brandConfig:
+					select( nfdOnboardingStore ).getNewfoldBrandConfig(),
+			};
+		} );
 
 	const content = getContents( techSupportLink, fullServiceCreativeTeamLink );
 
@@ -47,8 +53,9 @@ const LearnMore = () => {
 				subheading={ content.introduction.subheading }
 				icon={ content.introduction.icon }
 			/>
-			{ brandConfig?.views?.sidebar?.illustration?.shown !== false &&
-				<IllustrationPanel cssIcon={ content.illustration.icon } /> }
+			{ brandConfig?.views?.sidebar?.illustration?.shown !== false && (
+				<IllustrationPanel cssIcon={ content.illustration.icon } />
+			) }
 			<InfoPanel
 				headingWithDescriptions={
 					content.information.headingWithDescriptions
@@ -58,7 +65,7 @@ const LearnMore = () => {
 				<ButtonWhite
 					text={ content.help.fullService.text }
 					onClick={ () =>
-						( window.open( content.help.fullService.link, '_blank' ) )
+						window.open( content.help.fullService.link, '_blank' )
 					}
 				/>
 				<SupportLink
diff --git a/src/OnboardingSPA/pages/Steps/DesignHomepageMenu/Sidebar/LearnMore/index.js b/src/OnboardingSPA/pages/Steps/DesignHomepageMenu/Sidebar/LearnMore/index.js
index a76a6ac3e..d22f9bbbf 100644
--- a/src/OnboardingSPA/pages/Steps/DesignHomepageMenu/Sidebar/LearnMore/index.js
+++ b/src/OnboardingSPA/pages/Steps/DesignHomepageMenu/Sidebar/LearnMore/index.js
@@ -30,13 +30,19 @@ const StepIntroPanel = lazy( () =>
 );
 
 const LearnMore = () => {
-	const { techSupportLink, fullServiceCreativeTeamLink, brandConfig } = useSelect( ( select ) => {
-		return {
-			techSupportLink: select( nfdOnboardingStore ).getTechSupportUrl(),
-			fullServiceCreativeTeamLink: select( nfdOnboardingStore ).getfullServiceCreativeTeamUrl(),
-			brandConfig: select( nfdOnboardingStore ).getNewfoldBrandConfig(),
-		};
-	} );
+	const { techSupportLink, fullServiceCreativeTeamLink, brandConfig } =
+		useSelect( ( select ) => {
+			return {
+				techSupportLink:
+					select( nfdOnboardingStore ).getTechSupportUrl(),
+				fullServiceCreativeTeamLink:
+					select(
+						nfdOnboardingStore
+					).getfullServiceCreativeTeamUrl(),
+				brandConfig:
+					select( nfdOnboardingStore ).getNewfoldBrandConfig(),
+			};
+		} );
 
 	const content = getContents( techSupportLink, fullServiceCreativeTeamLink );
 
@@ -47,8 +53,9 @@ const LearnMore = () => {
 				subheading={ content.introduction.subheading }
 				icon={ content.introduction.icon }
 			/>
-			{ brandConfig?.views?.sidebar?.illustration?.shown !== false &&
-				<IllustrationPanel cssIcon={ content.illustration.icon } /> }
+			{ brandConfig?.views?.sidebar?.illustration?.shown !== false && (
+				<IllustrationPanel cssIcon={ content.illustration.icon } />
+			) }
 			<InfoPanel
 				headingWithDescriptions={
 					content.information.headingWithDescriptions
@@ -58,7 +65,7 @@ const LearnMore = () => {
 				<ButtonWhite
 					text={ content.help.fullService.text }
 					onClick={ () =>
-						( window.open( content.help.fullService.link, '_blank' ) )
+						window.open( content.help.fullService.link, '_blank' )
 					}
 				/>
 				<SupportLink
diff --git a/src/OnboardingSPA/pages/Steps/DesignThemeStyles/Menu/Sidebar/LearnMore/index.js b/src/OnboardingSPA/pages/Steps/DesignThemeStyles/Menu/Sidebar/LearnMore/index.js
index 21b98fc57..4584fcd87 100644
--- a/src/OnboardingSPA/pages/Steps/DesignThemeStyles/Menu/Sidebar/LearnMore/index.js
+++ b/src/OnboardingSPA/pages/Steps/DesignThemeStyles/Menu/Sidebar/LearnMore/index.js
@@ -34,16 +34,26 @@ const StepIntroPanel = lazy( () =>
 );
 
 const LearnMore = () => {
-	const { brandName, techSupportLink, fullServiceCreativeTeamLink, brandConfig } = useSelect( ( select ) => {
+	const {
+		brandName,
+		techSupportLink,
+		fullServiceCreativeTeamLink,
+		brandConfig,
+	} = useSelect( ( select ) => {
 		return {
 			brandName: select( nfdOnboardingStore ).getNewfoldBrandName(),
 			techSupportLink: select( nfdOnboardingStore ).getTechSupportUrl(),
-			fullServiceCreativeTeamLink: select( nfdOnboardingStore ).getfullServiceCreativeTeamUrl(),
+			fullServiceCreativeTeamLink:
+				select( nfdOnboardingStore ).getfullServiceCreativeTeamUrl(),
 			brandConfig: select( nfdOnboardingStore ).getNewfoldBrandConfig(),
 		};
 	} );
 
-	const content = getContents( brandName, techSupportLink, fullServiceCreativeTeamLink );
+	const content = getContents(
+		brandName,
+		techSupportLink,
+		fullServiceCreativeTeamLink
+	);
 
 	return (
 		<div className="nfd-onboarding-sidebar-learn-more__design-theme-styles-menu">
@@ -52,8 +62,9 @@ const LearnMore = () => {
 				subheading={ content.introduction.subheading }
 				icon={ content.introduction.icon }
 			/>
-			{ brandConfig?.views?.sidebar?.illustration?.shown !== false &&
-				<IllustrationPanel cssIcon={ content.illustration.icon } /> }
+			{ brandConfig?.views?.sidebar?.illustration?.shown !== false && (
+				<IllustrationPanel cssIcon={ content.illustration.icon } />
+			) }
 			<InfoPanel
 				headingWithDescriptions={
 					content.information.headingWithDescriptions
@@ -63,7 +74,7 @@ const LearnMore = () => {
 				<ButtonWhite
 					text={ content.help.fullService.text }
 					onClick={ () =>
-						( window.open( content.help.fullService.link, '_blank' ) )
+						window.open( content.help.fullService.link, '_blank' )
 					}
 				/>
 				<SupportLink
diff --git a/src/OnboardingSPA/pages/Steps/DesignThemeStyles/Preview/Sidebar/LearnMore/index.js b/src/OnboardingSPA/pages/Steps/DesignThemeStyles/Preview/Sidebar/LearnMore/index.js
index 97377320b..6ed3edf73 100644
--- a/src/OnboardingSPA/pages/Steps/DesignThemeStyles/Preview/Sidebar/LearnMore/index.js
+++ b/src/OnboardingSPA/pages/Steps/DesignThemeStyles/Preview/Sidebar/LearnMore/index.js
@@ -34,16 +34,26 @@ const StepIntroPanel = lazy( () =>
 );
 
 const LearnMore = () => {
-	const { brandName, techSupportLink, fullServiceCreativeTeamLink, brandConfig } = useSelect( ( select ) => {
+	const {
+		brandName,
+		techSupportLink,
+		fullServiceCreativeTeamLink,
+		brandConfig,
+	} = useSelect( ( select ) => {
 		return {
 			brandName: select( nfdOnboardingStore ).getNewfoldBrandName(),
 			techSupportLink: select( nfdOnboardingStore ).getTechSupportUrl(),
-			fullServiceCreativeTeamLink: select( nfdOnboardingStore ).getfullServiceCreativeTeamUrl(),
+			fullServiceCreativeTeamLink:
+				select( nfdOnboardingStore ).getfullServiceCreativeTeamUrl(),
 			brandConfig: select( nfdOnboardingStore ).getNewfoldBrandConfig(),
 		};
 	} );
 
-	const content = getContents( brandName, techSupportLink, fullServiceCreativeTeamLink );
+	const content = getContents(
+		brandName,
+		techSupportLink,
+		fullServiceCreativeTeamLink
+	);
 
 	return (
 		<div className="nfd-onboarding-sidebar-learn-more__design-theme-styles-preview">
@@ -52,8 +62,9 @@ const LearnMore = () => {
 				subheading={ content.introduction.subheading }
 				icon={ content.introduction.icon }
 			/>
-			{ brandConfig?.views?.sidebar?.illustration?.shown !== false &&
-				<IllustrationPanel cssIcon={ content.illustration.icon } /> }
+			{ brandConfig?.views?.sidebar?.illustration?.shown !== false && (
+				<IllustrationPanel cssIcon={ content.illustration.icon } />
+			) }
 			<InfoPanel
 				headingWithDescriptions={
 					content.information.headingWithDescriptions
@@ -63,7 +74,7 @@ const LearnMore = () => {
 				<ButtonWhite
 					text={ content.help.fullService.text }
 					onClick={ () =>
-						( window.open( content.help.fullService.link, '_blank' ) )
+						window.open( content.help.fullService.link, '_blank' )
 					}
 				/>
 				<SupportLink
diff --git a/src/OnboardingSPA/pages/Steps/DesignTypography/Sidebar/LearnMore/index.js b/src/OnboardingSPA/pages/Steps/DesignTypography/Sidebar/LearnMore/index.js
index d1f5f0144..e39624eea 100644
--- a/src/OnboardingSPA/pages/Steps/DesignTypography/Sidebar/LearnMore/index.js
+++ b/src/OnboardingSPA/pages/Steps/DesignTypography/Sidebar/LearnMore/index.js
@@ -30,13 +30,19 @@ const StepIntroPanel = lazy( () =>
 );
 
 const LearnMore = () => {
-	const { techSupportLink, fullServiceCreativeTeamLink, brandConfig } = useSelect( ( select ) => {
-		return {
-			techSupportLink: select( nfdOnboardingStore ).getTechSupportUrl(),
-			fullServiceCreativeTeamLink: select( nfdOnboardingStore ).getfullServiceCreativeTeamUrl(),
-			brandConfig: select( nfdOnboardingStore ).getNewfoldBrandConfig(),
-		};
-	} );
+	const { techSupportLink, fullServiceCreativeTeamLink, brandConfig } =
+		useSelect( ( select ) => {
+			return {
+				techSupportLink:
+					select( nfdOnboardingStore ).getTechSupportUrl(),
+				fullServiceCreativeTeamLink:
+					select(
+						nfdOnboardingStore
+					).getfullServiceCreativeTeamUrl(),
+				brandConfig:
+					select( nfdOnboardingStore ).getNewfoldBrandConfig(),
+			};
+		} );
 
 	const content = getContents( techSupportLink, fullServiceCreativeTeamLink );
 	return (
@@ -46,8 +52,9 @@ const LearnMore = () => {
 				subheading={ content.introduction.subheading }
 				icon={ content.introduction.icon }
 			/>
-			{ brandConfig?.views?.sidebar?.illustration?.shown !== false &&
-				<IllustrationPanel cssIcon={ content.illustration.icon } /> }
+			{ brandConfig?.views?.sidebar?.illustration?.shown !== false && (
+				<IllustrationPanel cssIcon={ content.illustration.icon } />
+			) }
 			<InfoPanel
 				headingWithDescriptions={
 					content.information.headingWithDescriptions
@@ -57,7 +64,7 @@ const LearnMore = () => {
 				<ButtonWhite
 					text={ content.help.fullService.text }
 					onClick={ () =>
-						( window.open( content.help.fullService.link, '_blank' ) )
+						window.open( content.help.fullService.link, '_blank' )
 					}
 				/>
 				<SupportLink
diff --git a/src/OnboardingSPA/pages/Steps/Ecommerce/StepAddress/Sidebar/LearnMore/index.js b/src/OnboardingSPA/pages/Steps/Ecommerce/StepAddress/Sidebar/LearnMore/index.js
index 4704e9a23..65be1bf0d 100644
--- a/src/OnboardingSPA/pages/Steps/Ecommerce/StepAddress/Sidebar/LearnMore/index.js
+++ b/src/OnboardingSPA/pages/Steps/Ecommerce/StepAddress/Sidebar/LearnMore/index.js
@@ -34,16 +34,26 @@ const StepIntroPanel = lazy( () =>
 );
 
 const LearnMore = () => {
-	const { brandName, techSupportLink, fullServiceCreativeTeamLink, brandConfig } = useSelect( ( select ) => {
+	const {
+		brandName,
+		techSupportLink,
+		fullServiceCreativeTeamLink,
+		brandConfig,
+	} = useSelect( ( select ) => {
 		return {
 			brandName: select( nfdOnboardingStore ).getNewfoldBrandName(),
 			techSupportLink: select( nfdOnboardingStore ).getTechSupportUrl(),
-			fullServiceCreativeTeamLink: select( nfdOnboardingStore ).getfullServiceCreativeTeamUrl(),
+			fullServiceCreativeTeamLink:
+				select( nfdOnboardingStore ).getfullServiceCreativeTeamUrl(),
 			brandConfig: select( nfdOnboardingStore ).getNewfoldBrandConfig(),
 		};
 	} );
 
-	const content = getContents( brandName, techSupportLink, fullServiceCreativeTeamLink );
+	const content = getContents(
+		brandName,
+		techSupportLink,
+		fullServiceCreativeTeamLink
+	);
 
 	return (
 		<div className="nfd-onboarding-sidebar-learn-more__ecommerce-address">
@@ -52,8 +62,9 @@ const LearnMore = () => {
 				subheading={ content.introduction.subheading }
 				icon={ content.introduction.icon }
 			/>
-			{ brandConfig?.views?.sidebar?.illustration?.shown !== false &&
-				<IllustrationPanel cssIcon={ content.illustration.icon } /> }
+			{ brandConfig?.views?.sidebar?.illustration?.shown !== false && (
+				<IllustrationPanel cssIcon={ content.illustration.icon } />
+			) }
 			<InfoPanel
 				headingWithDescriptions={
 					content.information.headingWithDescriptions
@@ -63,7 +74,7 @@ const LearnMore = () => {
 				<ButtonWhite
 					text={ content.help.fullService.text }
 					onClick={ () =>
-						( window.open( content.help.fullService.link, '_blank' ) )
+						window.open( content.help.fullService.link, '_blank' )
 					}
 				/>
 				<SupportLink
diff --git a/src/OnboardingSPA/pages/Steps/Ecommerce/StepProducts/Sidebar/LearnMore/index.js b/src/OnboardingSPA/pages/Steps/Ecommerce/StepProducts/Sidebar/LearnMore/index.js
index 2e7298e4d..b09ab208f 100644
--- a/src/OnboardingSPA/pages/Steps/Ecommerce/StepProducts/Sidebar/LearnMore/index.js
+++ b/src/OnboardingSPA/pages/Steps/Ecommerce/StepProducts/Sidebar/LearnMore/index.js
@@ -34,16 +34,26 @@ const StepIntroPanel = lazy( () =>
 );
 
 const LearnMore = () => {
-	const { brandName, techSupportLink, fullServiceCreativeTeamLink, brandConfig } = useSelect( ( select ) => {
+	const {
+		brandName,
+		techSupportLink,
+		fullServiceCreativeTeamLink,
+		brandConfig,
+	} = useSelect( ( select ) => {
 		return {
 			brandName: select( nfdOnboardingStore ).getNewfoldBrandName(),
 			techSupportLink: select( nfdOnboardingStore ).getTechSupportUrl(),
-			fullServiceCreativeTeamLink: select( nfdOnboardingStore ).getfullServiceCreativeTeamUrl(),
+			fullServiceCreativeTeamLink:
+				select( nfdOnboardingStore ).getfullServiceCreativeTeamUrl(),
 			brandConfig: select( nfdOnboardingStore ).getNewfoldBrandConfig(),
 		};
 	} );
 
-	const content = getContents( brandName, techSupportLink, fullServiceCreativeTeamLink );
+	const content = getContents(
+		brandName,
+		techSupportLink,
+		fullServiceCreativeTeamLink
+	);
 
 	return (
 		<div className="nfd-onboarding-sidebar-learn-more__ecommerce-products">
@@ -52,8 +62,9 @@ const LearnMore = () => {
 				subheading={ content.introduction.subheading }
 				icon={ content.introduction.icon }
 			/>
-			{ brandConfig?.views?.sidebar?.illustration?.shown !== false &&
-				<IllustrationPanel cssIcon={ content.illustration.icon } /> }
+			{ brandConfig?.views?.sidebar?.illustration?.shown !== false && (
+				<IllustrationPanel cssIcon={ content.illustration.icon } />
+			) }
 			<InfoPanel
 				headingWithDescriptions={
 					content.information.headingWithDescriptions
@@ -63,7 +74,7 @@ const LearnMore = () => {
 				<ButtonWhite
 					text={ content.help.fullService.text }
 					onClick={ () =>
-						( window.open( content.help.fullService.link, '_blank' ) )
+						window.open( content.help.fullService.link, '_blank' )
 					}
 				/>
 				<SupportLink
diff --git a/src/OnboardingSPA/pages/Steps/Ecommerce/StepTax/Sidebar/LearnMore/index.js b/src/OnboardingSPA/pages/Steps/Ecommerce/StepTax/Sidebar/LearnMore/index.js
index f18959415..f0c52a004 100644
--- a/src/OnboardingSPA/pages/Steps/Ecommerce/StepTax/Sidebar/LearnMore/index.js
+++ b/src/OnboardingSPA/pages/Steps/Ecommerce/StepTax/Sidebar/LearnMore/index.js
@@ -34,19 +34,20 @@ const StepIntroPanel = lazy( () =>
 );
 
 const LearnMore = () => {
-	const { brandName, techSupportLink, fullServiceCreativeTeamLink, brandConfig } =
-		useSelect( ( select ) => {
-			return {
-				brandName: select( nfdOnboardingStore ).getNewfoldBrandName(),
-				techSupportLink:
-					select( nfdOnboardingStore ).getTechSupportUrl(),
-				fullServiceCreativeTeamLink:
-					select(
-						nfdOnboardingStore
-					).getfullServiceCreativeTeamUrl(),
-				brandConfig: select( nfdOnboardingStore ).getNewfoldBrandConfig(),
-			};
-		} );
+	const {
+		brandName,
+		techSupportLink,
+		fullServiceCreativeTeamLink,
+		brandConfig,
+	} = useSelect( ( select ) => {
+		return {
+			brandName: select( nfdOnboardingStore ).getNewfoldBrandName(),
+			techSupportLink: select( nfdOnboardingStore ).getTechSupportUrl(),
+			fullServiceCreativeTeamLink:
+				select( nfdOnboardingStore ).getfullServiceCreativeTeamUrl(),
+			brandConfig: select( nfdOnboardingStore ).getNewfoldBrandConfig(),
+		};
+	} );
 
 	const content = getContents(
 		brandName,
@@ -61,8 +62,9 @@ const LearnMore = () => {
 				subheading={ content.introduction.subheading }
 				icon={ content.introduction.icon }
 			/>
-			{ brandConfig?.views?.sidebar?.illustration?.shown !== false &&
-				<IllustrationPanel cssIcon={ content.illustration.icon } /> }
+			{ brandConfig?.views?.sidebar?.illustration?.shown !== false && (
+				<IllustrationPanel cssIcon={ content.illustration.icon } />
+			) }
 			<InfoPanel
 				headingWithDescriptions={
 					content.information.headingWithDescriptions
diff --git a/src/OnboardingSPA/pages/Steps/GetStarted/GetStartedExperience/Sidebar/LearnMore/index.js b/src/OnboardingSPA/pages/Steps/GetStarted/GetStartedExperience/Sidebar/LearnMore/index.js
index 528a5b6c5..e8350e9e7 100644
--- a/src/OnboardingSPA/pages/Steps/GetStarted/GetStartedExperience/Sidebar/LearnMore/index.js
+++ b/src/OnboardingSPA/pages/Steps/GetStarted/GetStartedExperience/Sidebar/LearnMore/index.js
@@ -34,8 +34,8 @@ const StepIntroPanel = lazy( () =>
 );
 
 const LearnMore = () => {
-	const { techSupportLink, fullServiceCreativeTeamLink, brandConfig } = useSelect(
-		( select ) => {
+	const { techSupportLink, fullServiceCreativeTeamLink, brandConfig } =
+		useSelect( ( select ) => {
 			return {
 				techSupportLink:
 					select( nfdOnboardingStore ).getTechSupportUrl(),
@@ -43,10 +43,10 @@ const LearnMore = () => {
 					select(
 						nfdOnboardingStore
 					).getfullServiceCreativeTeamUrl(),
-				brandConfig: select( nfdOnboardingStore ).getNewfoldBrandConfig(),
+				brandConfig:
+					select( nfdOnboardingStore ).getNewfoldBrandConfig(),
 			};
-		}
-	);
+		} );
 
 	const content = getContents( techSupportLink, fullServiceCreativeTeamLink );
 
@@ -57,8 +57,9 @@ const LearnMore = () => {
 				subheading={ content.introduction.subheading }
 				icon={ content.introduction.icon }
 			/>
-			{ brandConfig?.views?.sidebar?.illustration?.shown !== false &&
-				<IllustrationPanel cssIcon={ content.illustration.icon } /> }
+			{ brandConfig?.views?.sidebar?.illustration?.shown !== false && (
+				<IllustrationPanel cssIcon={ content.illustration.icon } />
+			) }
 			<InfoPanel
 				headingWithDescriptions={
 					content.information.headingWithDescriptions
diff --git a/src/OnboardingSPA/pages/Steps/GetStarted/SiteTypeSetup/PrimarySite/Sidebar/LearnMore/index.js b/src/OnboardingSPA/pages/Steps/GetStarted/SiteTypeSetup/PrimarySite/Sidebar/LearnMore/index.js
index 0ef824276..fede839f4 100644
--- a/src/OnboardingSPA/pages/Steps/GetStarted/SiteTypeSetup/PrimarySite/Sidebar/LearnMore/index.js
+++ b/src/OnboardingSPA/pages/Steps/GetStarted/SiteTypeSetup/PrimarySite/Sidebar/LearnMore/index.js
@@ -34,13 +34,19 @@ const StepIntroPanel = lazy( () =>
 );
 
 const LearnMore = () => {
-	const { techSupportLink, fullServiceCreativeTeamLink, brandConfig } = useSelect( ( select ) => {
-		return {
-			techSupportLink: select( nfdOnboardingStore ).getTechSupportUrl(),
-			fullServiceCreativeTeamLink: select( nfdOnboardingStore ).getfullServiceCreativeTeamUrl(),
-			brandConfig: select( nfdOnboardingStore ).getNewfoldBrandConfig(),
-		};
-	} );
+	const { techSupportLink, fullServiceCreativeTeamLink, brandConfig } =
+		useSelect( ( select ) => {
+			return {
+				techSupportLink:
+					select( nfdOnboardingStore ).getTechSupportUrl(),
+				fullServiceCreativeTeamLink:
+					select(
+						nfdOnboardingStore
+					).getfullServiceCreativeTeamUrl(),
+				brandConfig:
+					select( nfdOnboardingStore ).getNewfoldBrandConfig(),
+			};
+		} );
 
 	const content = getContents( techSupportLink, fullServiceCreativeTeamLink );
 
@@ -51,8 +57,9 @@ const LearnMore = () => {
 				subheading={ content.introduction.subheading }
 				icon={ content.introduction.icon }
 			/>
-			{ brandConfig?.views?.sidebar?.illustration?.shown !== false &&
-				<IllustrationPanel cssIcon={ content.illustration.icon } /> }
+			{ brandConfig?.views?.sidebar?.illustration?.shown !== false && (
+				<IllustrationPanel cssIcon={ content.illustration.icon } />
+			) }
 			<InfoPanel
 				headingWithDescriptions={
 					content.information.headingWithDescriptions
diff --git a/src/OnboardingSPA/pages/Steps/GetStarted/SiteTypeSetup/SecondarySite/Sidebar/LearnMore/index.js b/src/OnboardingSPA/pages/Steps/GetStarted/SiteTypeSetup/SecondarySite/Sidebar/LearnMore/index.js
index 6fdd22ca3..a4dbe9863 100644
--- a/src/OnboardingSPA/pages/Steps/GetStarted/SiteTypeSetup/SecondarySite/Sidebar/LearnMore/index.js
+++ b/src/OnboardingSPA/pages/Steps/GetStarted/SiteTypeSetup/SecondarySite/Sidebar/LearnMore/index.js
@@ -34,13 +34,19 @@ const StepIntroPanel = lazy( () =>
 );
 
 const LearnMore = () => {
-	const { techSupportLink, fullServiceCreativeTeamLink, brandConfig } = useSelect( ( select ) => {
-		return {
-			techSupportLink: select( nfdOnboardingStore ).getTechSupportUrl(),
-			fullServiceCreativeTeamLink: select( nfdOnboardingStore ).getfullServiceCreativeTeamUrl(),
-			brandConfig: select( nfdOnboardingStore ).getNewfoldBrandConfig(),
-		};
-	} );
+	const { techSupportLink, fullServiceCreativeTeamLink, brandConfig } =
+		useSelect( ( select ) => {
+			return {
+				techSupportLink:
+					select( nfdOnboardingStore ).getTechSupportUrl(),
+				fullServiceCreativeTeamLink:
+					select(
+						nfdOnboardingStore
+					).getfullServiceCreativeTeamUrl(),
+				brandConfig:
+					select( nfdOnboardingStore ).getNewfoldBrandConfig(),
+			};
+		} );
 
 	const content = getContents( techSupportLink, fullServiceCreativeTeamLink );
 
@@ -51,8 +57,9 @@ const LearnMore = () => {
 				subheading={ content.introduction.subheading }
 				icon={ content.introduction.icon }
 			/>
-			{ brandConfig?.views?.sidebar?.illustration?.shown !== false &&
-				<IllustrationPanel cssIcon={ content.illustration.icon } /> }
+			{ brandConfig?.views?.sidebar?.illustration?.shown !== false && (
+				<IllustrationPanel cssIcon={ content.illustration.icon } />
+			) }
 			<InfoPanel
 				headingWithDescriptions={
 					content.information.headingWithDescriptions
@@ -62,7 +69,7 @@ const LearnMore = () => {
 				<ButtonWhite
 					text={ content.help.fullService.text }
 					onClick={ () =>
-						( window.open( content.help.fullService.link, '_blank' ) )
+						window.open( content.help.fullService.link, '_blank' )
 					}
 				/>
 				<SupportLink
diff --git a/src/OnboardingSPA/pages/Steps/GetStarted/Welcome/Sidebar/LearnMore/index.js b/src/OnboardingSPA/pages/Steps/GetStarted/Welcome/Sidebar/LearnMore/index.js
index 0788b88e6..b438f3e52 100644
--- a/src/OnboardingSPA/pages/Steps/GetStarted/Welcome/Sidebar/LearnMore/index.js
+++ b/src/OnboardingSPA/pages/Steps/GetStarted/Welcome/Sidebar/LearnMore/index.js
@@ -37,17 +37,29 @@ const StepIntroPanel = lazy( () =>
 );
 
 const LearnMore = () => {
-	const { brandName, expertsLink, techSupportLink, fullServiceCreativeTeamLink, brandConfig } = useSelect( ( select ) => {
+	const {
+		brandName,
+		expertsLink,
+		techSupportLink,
+		fullServiceCreativeTeamLink,
+		brandConfig,
+	} = useSelect( ( select ) => {
 		return {
 			brandName: select( nfdOnboardingStore ).getNewfoldBrandName(),
 			expertsLink: select( nfdOnboardingStore ).getExpertsUrl(),
 			techSupportLink: select( nfdOnboardingStore ).getTechSupportUrl(),
-			fullServiceCreativeTeamLink: select( nfdOnboardingStore ).getfullServiceCreativeTeamUrl(),
+			fullServiceCreativeTeamLink:
+				select( nfdOnboardingStore ).getfullServiceCreativeTeamUrl(),
 			brandConfig: select( nfdOnboardingStore ).getNewfoldBrandConfig(),
 		};
 	} );
 
-	const content = getContents( brandName, expertsLink, techSupportLink, fullServiceCreativeTeamLink );
+	const content = getContents(
+		brandName,
+		expertsLink,
+		techSupportLink,
+		fullServiceCreativeTeamLink
+	);
 
 	return (
 		<div className="nfd-onboarding-sidebar-learn-more__get-started-welcome">
@@ -56,8 +68,9 @@ const LearnMore = () => {
 				subheading={ content.introduction.subheading }
 				icon={ content.introduction.icon }
 			/>
-			{ brandConfig?.views?.sidebar?.illustration?.shown !== false &&
-				<IllustrationPanel cssIcon={ content.illustration.icon } /> }
+			{ brandConfig?.views?.sidebar?.illustration?.shown !== false && (
+				<IllustrationPanel cssIcon={ content.illustration.icon } />
+			) }
 			<InfoPanel
 				headingWithDescriptions={
 					content.information.headingWithDescriptions
@@ -67,13 +80,13 @@ const LearnMore = () => {
 				<ButtonBlue
 					text={ content.help.experts.text }
 					onClick={ () =>
-						( window.open( content.help.experts.link, '_blank' ) )
+						window.open( content.help.experts.link, '_blank' )
 					}
 				/>
 				<ButtonWhite
 					text={ content.help.fullService.text }
 					onClick={ () =>
-						( window.open( content.help.fullService.link, '_blank' ) )
+						window.open( content.help.fullService.link, '_blank' )
 					}
 				/>
 				<SupportLink
diff --git a/src/OnboardingSPA/pages/Steps/SiteFeatures/Sidebar/LearnMore/index.js b/src/OnboardingSPA/pages/Steps/SiteFeatures/Sidebar/LearnMore/index.js
index aa86e3107..1da998dc8 100644
--- a/src/OnboardingSPA/pages/Steps/SiteFeatures/Sidebar/LearnMore/index.js
+++ b/src/OnboardingSPA/pages/Steps/SiteFeatures/Sidebar/LearnMore/index.js
@@ -30,16 +30,26 @@ const StepIntroPanel = lazy( () =>
 );
 
 const LearnMore = () => {
-	const { brandName, techSupportLink, fullServiceCreativeTeamLink, brandConfig } = useSelect( ( select ) => {
+	const {
+		brandName,
+		techSupportLink,
+		fullServiceCreativeTeamLink,
+		brandConfig,
+	} = useSelect( ( select ) => {
 		return {
 			brandName: select( nfdOnboardingStore ).getNewfoldBrandName(),
 			techSupportLink: select( nfdOnboardingStore ).getTechSupportUrl(),
-			fullServiceCreativeTeamLink: select( nfdOnboardingStore ).getfullServiceCreativeTeamUrl(),
+			fullServiceCreativeTeamLink:
+				select( nfdOnboardingStore ).getfullServiceCreativeTeamUrl(),
 			brandConfig: select( nfdOnboardingStore ).getNewfoldBrandConfig(),
 		};
 	} );
 
-	const content = getContents( brandName, techSupportLink, fullServiceCreativeTeamLink );
+	const content = getContents(
+		brandName,
+		techSupportLink,
+		fullServiceCreativeTeamLink
+	);
 
 	return (
 		<div className="nfd-onboarding-sidebar-learn-more__site-features">
@@ -48,8 +58,9 @@ const LearnMore = () => {
 				subheading={ content.introduction.subheading }
 				icon={ content.introduction.icon }
 			/>
-			{ brandConfig?.views?.sidebar?.illustration?.shown !== false &&
-				<IllustrationPanel cssIcon={ content.illustration.icon } /> }
+			{ brandConfig?.views?.sidebar?.illustration?.shown !== false && (
+				<IllustrationPanel cssIcon={ content.illustration.icon } />
+			) }
 			<InfoPanel
 				headingWithDescriptions={
 					content.information.headingWithDescriptions
@@ -59,7 +70,7 @@ const LearnMore = () => {
 				<ButtonWhite
 					text={ content.help.fullService.text }
 					onClick={ () =>
-						( window.open( content.help.fullService.link, '_blank' ) )
+						window.open( content.help.fullService.link, '_blank' )
 					}
 				/>
 				<SupportLink
diff --git a/src/OnboardingSPA/pages/Steps/SitePages/Sidebar/LearnMore/index.js b/src/OnboardingSPA/pages/Steps/SitePages/Sidebar/LearnMore/index.js
index d05e8853a..75a437d79 100644
--- a/src/OnboardingSPA/pages/Steps/SitePages/Sidebar/LearnMore/index.js
+++ b/src/OnboardingSPA/pages/Steps/SitePages/Sidebar/LearnMore/index.js
@@ -30,13 +30,19 @@ const StepIntroPanel = lazy( () =>
 );
 
 const LearnMore = () => {
-	const { techSupportLink, fullServiceCreativeTeamLink, brandConfig } = useSelect( ( select ) => {
-		return {
-			techSupportLink: select( nfdOnboardingStore ).getTechSupportUrl(),
-			fullServiceCreativeTeamLink: select( nfdOnboardingStore ).getfullServiceCreativeTeamUrl(),
-			brandConfig: select( nfdOnboardingStore ).getNewfoldBrandConfig(),
-		};
-	} );
+	const { techSupportLink, fullServiceCreativeTeamLink, brandConfig } =
+		useSelect( ( select ) => {
+			return {
+				techSupportLink:
+					select( nfdOnboardingStore ).getTechSupportUrl(),
+				fullServiceCreativeTeamLink:
+					select(
+						nfdOnboardingStore
+					).getfullServiceCreativeTeamUrl(),
+				brandConfig:
+					select( nfdOnboardingStore ).getNewfoldBrandConfig(),
+			};
+		} );
 
 	const content = getContents( techSupportLink, fullServiceCreativeTeamLink );
 	return (
@@ -46,8 +52,9 @@ const LearnMore = () => {
 				subheading={ content.introduction.subheading }
 				icon={ content.introduction.icon }
 			/>
-			{ brandConfig?.views?.sidebar?.illustration?.shown !== false &&
-				<IllustrationPanel cssIcon={ content.illustration.icon } /> }
+			{ brandConfig?.views?.sidebar?.illustration?.shown !== false && (
+				<IllustrationPanel cssIcon={ content.illustration.icon } />
+			) }
 			<InfoPanel
 				headingWithDescriptions={
 					content.information.headingWithDescriptions
@@ -57,7 +64,7 @@ const LearnMore = () => {
 				<ButtonWhite
 					text={ content.help.fullService.text }
 					onClick={ () =>
-						( window.open( content.help.fullService.link, '_blank' ) )
+						window.open( content.help.fullService.link, '_blank' )
 					}
 				/>
 				<SupportLink
diff --git a/src/OnboardingSPA/pages/Steps/WhatNext/Sidebar/LearnMore/index.js b/src/OnboardingSPA/pages/Steps/WhatNext/Sidebar/LearnMore/index.js
index d43b2e058..7845251e4 100644
--- a/src/OnboardingSPA/pages/Steps/WhatNext/Sidebar/LearnMore/index.js
+++ b/src/OnboardingSPA/pages/Steps/WhatNext/Sidebar/LearnMore/index.js
@@ -30,16 +30,26 @@ const StepIntroPanel = lazy( () =>
 );
 
 const LearnMore = () => {
-	const { brandName, techSupportLink, fullServiceCreativeTeamLink, brandConfig } = useSelect( ( select ) => {
+	const {
+		brandName,
+		techSupportLink,
+		fullServiceCreativeTeamLink,
+		brandConfig,
+	} = useSelect( ( select ) => {
 		return {
 			brandName: select( nfdOnboardingStore ).getNewfoldBrandName(),
 			techSupportLink: select( nfdOnboardingStore ).getTechSupportUrl(),
-			fullServiceCreativeTeamLink: select( nfdOnboardingStore ).getfullServiceCreativeTeamUrl(),
+			fullServiceCreativeTeamLink:
+				select( nfdOnboardingStore ).getfullServiceCreativeTeamUrl(),
 			brandConfig: select( nfdOnboardingStore ).getNewfoldBrandConfig(),
 		};
 	} );
 
-	const content = getContents( brandName, techSupportLink, fullServiceCreativeTeamLink );
+	const content = getContents(
+		brandName,
+		techSupportLink,
+		fullServiceCreativeTeamLink
+	);
 
 	return (
 		<div className="nfd-onboarding-sidebar-learn-more__what-next">
@@ -48,12 +58,15 @@ const LearnMore = () => {
 				subheading={ content.introduction.subheading }
 				icon={ content.introduction.icon }
 			/>
-			{ brandConfig?.views?.sidebar?.illustration?.shown !== false &&
-			<IllustrationPanel
-				cssIcon={ content.illustration.icon }
-				baseClassName={ 'nfd-onboarding-sidebar-learn-more__what-next' }
-				backgroundPosition={ 'right bottom' }
-			/> }
+			{ brandConfig?.views?.sidebar?.illustration?.shown !== false && (
+				<IllustrationPanel
+					cssIcon={ content.illustration.icon }
+					baseClassName={
+						'nfd-onboarding-sidebar-learn-more__what-next'
+					}
+					backgroundPosition={ 'right bottom' }
+				/>
+			) }
 			<InfoPanel
 				headingWithDescriptions={
 					content.information.headingWithDescriptions
@@ -63,7 +76,7 @@ const LearnMore = () => {
 				<ButtonWhite
 					text={ content.help.fullService.text }
 					onClick={ () =>
-						( window.open( content.help.fullService.link, '_blank' ) )
+						window.open( content.help.fullService.link, '_blank' )
 					}
 				/>
 				<SupportLink
diff --git a/src/OnboardingSPA/pages/Steps/WhatNext/contents.js b/src/OnboardingSPA/pages/Steps/WhatNext/contents.js
index b54d3bf43..632d7215b 100644
--- a/src/OnboardingSPA/pages/Steps/WhatNext/contents.js
+++ b/src/OnboardingSPA/pages/Steps/WhatNext/contents.js
@@ -3,8 +3,14 @@ import { __, sprintf } from '@wordpress/i18n';
 
 const getContents = ( brandName ) => {
 	return {
-		heading: __( 'Nice work: Your site is ready 🎉', 'wp-module-onboarding' ),
-		subheading: __( 'Move-in day begins! Let us know if you\'d like a hand.', 'wp-module-onboarding' ),
+		heading: __(
+			'Nice work: Your site is ready 🎉',
+			'wp-module-onboarding'
+		),
+		subheading: __(
+			"Move-in day begins! Let us know if you'd like a hand.",
+			'wp-module-onboarding'
+		),
 		buttonText: __( 'Complete Setup', 'wp-module-onboarding' ),
 		tabs: [
 			{
@@ -50,11 +56,10 @@ const getContents = ( brandName ) => {
 					'Make our great people your people.',
 					'wp-module-onboarding'
 				),
-				text:
-					__(
-						'Looking for personalized WordPress assistance, or someone to take-over from here? Go beyond support with our professional services.',
-						'wp-module-onboarding'
-					),
+				text: __(
+					'Looking for personalized WordPress assistance, or someone to take-over from here? Go beyond support with our professional services.',
+					'wp-module-onboarding'
+				),
 				imgType: 'img-3',
 				animationName: 'fade-in-left',
 			},
diff --git a/src/OnboardingSPA/pages/Steps/WhatNext/index.js b/src/OnboardingSPA/pages/Steps/WhatNext/index.js
index 0f6c53372..830907534 100644
--- a/src/OnboardingSPA/pages/Steps/WhatNext/index.js
+++ b/src/OnboardingSPA/pages/Steps/WhatNext/index.js
@@ -13,8 +13,11 @@ import { SIDEBAR_LEARN_MORE } from '../../../../constants';
 import getContents from './contents';
 
 const StepWhatNext = () => {
-	const { setIsDrawerOpened, setSidebarActiveView, setIsHeaderNavigationEnabled } =
-		useDispatch( nfdOnboardingStore );
+	const {
+		setIsDrawerOpened,
+		setSidebarActiveView,
+		setIsHeaderNavigationEnabled,
+	} = useDispatch( nfdOnboardingStore );
 
 	useEffect( () => {
 		setIsDrawerOpened( false );
@@ -36,30 +39,31 @@ const StepWhatNext = () => {
 				<div className="whatnext-card">
 					<CardHeader
 						heading={ content.heading }
-						subHeading={ content.subheading } >
-					</CardHeader>
+						subHeading={ content.subheading }
+					></CardHeader>
 					<TabPanelHover
 						className="nfd-onboarding-overview__tab-panel"
 						tabs={ content.tabs.map( ( tab ) => {
 							return {
 								name: tab.name,
 								title: tab.title,
-								content: <Tab
-									title={ tab.subtitle }
-									text={ tab.text }
-									imgType={ tab.imgType }
-									animationName={ tab.animationName }
-									className="tab-data" />,
+								content: (
+									<Tab
+										title={ tab.subtitle }
+										text={ tab.text }
+										imgType={ tab.imgType }
+										animationName={ tab.animationName }
+										className="tab-data"
+									/>
+								),
 							};
 						} ) }
 					>
 						{ ( tab ) => <div>{ tab.content }</div> }
-
 					</TabPanelHover>
-					<NavCardButton text={ content.buttonText } ></NavCardButton>
+					<NavCardButton text={ content.buttonText }></NavCardButton>
 				</div>
 			</NewfoldLargeCard>
-
 		</CommonLayout>
 	);
 };
diff --git a/src/constants.js b/src/constants.js
index f37ec96b2..75b5df22d 100644
--- a/src/constants.js
+++ b/src/constants.js
@@ -10,7 +10,9 @@ export const onboardingRestRoute = 'newfold-onboarding/v1';
 export const wpRestBase = `${ wpRestURL }/${ wpRestRoute }`;
 export const onboardingRestBase = `${ wpRestURL }/${ onboardingRestRoute }`;
 export const wpAdminPage = `${ wpAdminUrl }index.php`;
-export const pluginDashboardPage = `${ window.nfdOnboarding.currentBrand?.pluginDashboardPage ?? wpAdminPage }`;
+export const pluginDashboardPage = `${
+	window.nfdOnboarding.currentBrand?.pluginDashboardPage ?? wpAdminPage
+}`;
 export const NFD_ONBOARDING_EVENT_PREFIX = 'nfd-module-onboarding-event';
 export const VIEW_NAV_PRIMARY = 'nav-primary';
 export const VIEW_NAV_DESIGN = 'nav-design';