From 365b3b03d8dc2312ac81d6d9e954d7aa8e565bc4 Mon Sep 17 00:00:00 2001 From: Allen Benny Date: Wed, 28 Sep 2022 15:55:59 +0530 Subject: [PATCH 01/49] Added Hardcoded Color Palettes --- .../Drawer/DrawerPanel/DesignColors.js | 41 ++++++++++++++++++- 1 file changed, 40 insertions(+), 1 deletion(-) diff --git a/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js b/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js index 58a6f07b5..91261590e 100644 --- a/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js +++ b/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js @@ -1,9 +1,48 @@ import { Fragment } from '@wordpress/element'; import { __ } from '@wordpress/i18n'; const DesignColors = () => { + + const colorPalettes = { + 'calm': [ + '#C7DBFF', + '#E6EBEE', + '#1A4733', + ], + 'cool': [ + '#C7DBFF', + '#EDF7FE', + '#21447B', + ], + 'warm': [ + '#FFEDED', + '#FEF7E8', + '#7A3921', + ], + 'radiant': [ + '#C7F0FF', + '#FEF4FB', + '#63156A', + ], + 'bold': [ + '#F2A3D6', + '#FFFBF5', + '#09857C', + ], + 'retro': [ + '#F2E6A2', + '#F5FFFF', + '#096385', + ], + 'professional': [ + '#A2C1F2', + '#F5FAFF', + '#669933', + ], + } + return (
-

{__('Pick Color Palette', 'wp-module-onboarding')}

+

{__('Color Palettes', 'wp-module-onboarding')}

{__( 'If user has opted for custom design, panel will show color palettes to affect preview pane.', From 03a67277d50d458840d7005b2016a6406812006e Mon Sep 17 00:00:00 2001 From: Allen Benny Date: Wed, 28 Sep 2022 16:40:07 +0530 Subject: [PATCH 02/49] Created a basic Layout of Colors --- .../Drawer/DrawerPanel/DesignColors.js | 34 +++++++++--- .../pages/Steps/DesignColors/stylesheet.scss | 53 +++++++++++++++++++ 2 files changed, 79 insertions(+), 8 deletions(-) diff --git a/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js b/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js index 91261590e..e78585620 100644 --- a/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js +++ b/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js @@ -1,5 +1,5 @@ -import { Fragment } from '@wordpress/element'; import { __ } from '@wordpress/i18n'; + const DesignColors = () => { const colorPalettes = { @@ -40,15 +40,33 @@ const DesignColors = () => { ], } + function buildPalettes () { + let paletteRenderedList = []; + for (const colorName in colorPalettes) { + paletteRenderedList.push( +

+
+
+
+
+
+
+ {colorName?.charAt(0).toUpperCase() + colorName?.slice(1) } +
+
+ ); + } + + return paletteRenderedList; + } + return ( -
+

{__('Color Palettes', 'wp-module-onboarding')}

-

- {__( - 'If user has opted for custom design, panel will show color palettes to affect preview pane.', - 'wp-module-onboarding' - )} -

+ {buildPalettes()}
); }; diff --git a/src/OnboardingSPA/pages/Steps/DesignColors/stylesheet.scss b/src/OnboardingSPA/pages/Steps/DesignColors/stylesheet.scss index e69de29bb..46cfaf1a1 100644 --- a/src/OnboardingSPA/pages/Steps/DesignColors/stylesheet.scss +++ b/src/OnboardingSPA/pages/Steps/DesignColors/stylesheet.scss @@ -0,0 +1,53 @@ + + +.color-palette { + + width: 88%; + height: 30px; + display: flex; + margin: 8px 4px; + padding: 10px 16px; + align-items: center; + background-color: white; + justify-content: space-between; + + &-colors { + + display: flex; + align-items: center; + justify-content: space-between; + + &-tert { + width: 22px; + height: 22px; + border-radius: 50%; + position: absolute; + border: 1px solid rgba(0, 0, 0, 0.3); + } + + &-scnd { + left: 60px; + width: 22px; + height: 22px; + border-radius: 50%; + position: absolute; + border: 1px solid rgba(0, 0, 0, 0.3); + } + + &-prim { + left: 80px; + width: 22px; + height: 22px; + border-radius: 50%; + position: absolute; + border: 1px solid rgba(0, 0, 0, 0.3); + } + } + + &-name{ + color: black; + font-size: 12px; + font-weight: 700; + line-height: 16px; + } +} \ No newline at end of file From c90546cca5e2d724c1f05b8f217862637f503de2 Mon Sep 17 00:00:00 2001 From: Allen Benny Date: Thu, 29 Sep 2022 10:34:01 +0530 Subject: [PATCH 03/49] Added a Live Preview for the Colors Step --- .../components/Drawer/stylesheet.scss | 55 +++++++++ .../pages/Steps/DesignColors/index.js | 104 ++++++++++++++++-- .../pages/Steps/DesignColors/stylesheet.scss | 81 +++++++------- 3 files changed, 190 insertions(+), 50 deletions(-) diff --git a/src/OnboardingSPA/components/Drawer/stylesheet.scss b/src/OnboardingSPA/components/Drawer/stylesheet.scss index bebb0e03f..bda30ac18 100644 --- a/src/OnboardingSPA/components/Drawer/stylesheet.scss +++ b/src/OnboardingSPA/components/Drawer/stylesheet.scss @@ -322,3 +322,58 @@ $main-border-main: var(--nfd-onboarding-primary-alt); } } } + + +// Design Color Palette Step + +.color-palette { + + width: 88%; + height: 30px; + display: flex; + margin: 8px 4px; + padding: 10px 16px; + align-items: center; + background-color: white; + justify-content: space-between; + + &-colors { + + display: flex; + align-items: center; + justify-content: space-between; + + &-tert { + width: 22px; + height: 22px; + border-radius: 50%; + position: absolute; + border: 1px solid rgba(0, 0, 0, 0.3); + } + + &-scnd { + left: 60px; + width: 22px; + height: 22px; + border-radius: 50%; + position: absolute; + border: 1px solid rgba(0, 0, 0, 0.3); + } + + &-prim { + left: 80px; + width: 22px; + height: 22px; + border-radius: 50%; + position: absolute; + border: 1px solid rgba(0, 0, 0, 0.3); + } + } + + &-name { + color: black; + font-size: 12px; + font-weight: 700; + line-height: 16px; + } +} diff --git a/src/OnboardingSPA/pages/Steps/DesignColors/index.js b/src/OnboardingSPA/pages/Steps/DesignColors/index.js index 0110126af..f0706b888 100644 --- a/src/OnboardingSPA/pages/Steps/DesignColors/index.js +++ b/src/OnboardingSPA/pages/Steps/DesignColors/index.js @@ -1,19 +1,101 @@ -import { useDispatch } from '@wordpress/data'; -import { useEffect } from '@wordpress/element'; +import { __ } from '@wordpress/i18n'; +import { useLocation } from 'react-router-dom'; +import { useViewportMatch } from '@wordpress/compose'; +import { useState, useEffect } from '@wordpress/element'; +import { useSelect, useDispatch } from '@wordpress/data'; +import { getPatterns } from '../../../utils/api/patterns'; +import { getGlobalStyles } from '../../../utils/api/themes'; +import { store as nfdOnboardingStore } from '../../../store'; +import { LivePreview } from '../../../components/LivePreview'; import CommonLayout from '../../../components/Layouts/Common'; import { VIEW_DESIGN_COLORS } from '../../../../constants'; -import { store as nfdOnboardingStore } from '../../../store'; +import { useGlobalStylesOutput } from '../../../utils/global-styles/use-global-styles-output'; const StepDesignColors = () => { - const { setDrawerActiveView, setIsDrawerOpened, setIsSidebarOpened } = - useDispatch( nfdOnboardingStore ); - useEffect( () => { - setIsSidebarOpened( false ); - setIsDrawerOpened( true ); - setDrawerActiveView( VIEW_DESIGN_COLORS ); - }, [] ); - return ; + const location = useLocation(); + const [isLoaded, setIsLoaded] = useState(false); + const [pattern, setPattern] = useState(); + + const isLargeViewport = useViewportMatch('medium'); + const { + currentStep, + currentData, + storedPreviewSettings, + } = useSelect((select) => { + return { + currentStep: select(nfdOnboardingStore).getStepFromPath( + location.pathname + ), + currentData: + select(nfdOnboardingStore).getCurrentOnboardingData(), + storedPreviewSettings: + select(nfdOnboardingStore).getPreviewSettings(), + }; + }, []); + + const { + setDrawerActiveView, + setIsDrawerOpened, + setIsSidebarOpened, + setIsDrawerSuppressed, + updatePreviewSettings, + setCurrentOnboardingData, + } = useDispatch(nfdOnboardingStore); + + useEffect(() => { + if (isLargeViewport) { + setIsDrawerOpened(true); + } + setIsSidebarOpened(false); + setIsDrawerSuppressed(false); + setDrawerActiveView(VIEW_DESIGN_COLORS); + }, []); + + const getStylesAndPatterns = async () => { + const pattern = await getPatterns(currentStep.patternId, true); + const globalStyles = await getGlobalStyles(); + let selectedGlobalStyle; + if (currentData.data.theme.variation) { + selectedGlobalStyle = globalStyles.body.filter( + (globalStyle) => + globalStyle.title === currentData.data.theme.variation + )[0]; + } else { + selectedGlobalStyle = globalStyles.body[0]; + } + updatePreviewSettings( + useGlobalStylesOutput(selectedGlobalStyle, storedPreviewSettings) + ); + setPattern(pattern?.body); + setIsLoaded(true); + }; + + + useEffect(() => { + if (!isLoaded) getStylesAndPatterns(); + }, [isLoaded]); + + return ( + +
+
+ + + +
+
+
+ {pattern && ( + + )} +
+ + ); }; export default StepDesignColors; diff --git a/src/OnboardingSPA/pages/Steps/DesignColors/stylesheet.scss b/src/OnboardingSPA/pages/Steps/DesignColors/stylesheet.scss index 46cfaf1a1..fbc1341b3 100644 --- a/src/OnboardingSPA/pages/Steps/DesignColors/stylesheet.scss +++ b/src/OnboardingSPA/pages/Steps/DesignColors/stylesheet.scss @@ -1,53 +1,56 @@ -.color-palette { - - width: 88%; - height: 30px; +.theme-colors-preview { + flex: 1; + width: 100%; + margin: 16px; display: flex; - margin: 8px 4px; - padding: 10px 16px; align-items: center; - background-color: white; - justify-content: space-between; - - &-colors { + flex-direction: column; + justify-content: center; + &__title-bar { + width: 70%; + height: 15px; display: flex; align-items: center; + background-color: #ccc; justify-content: space-between; - - &-tert { - width: 22px; - height: 22px; - border-radius: 50%; - position: absolute; - border: 1px solid rgba(0, 0, 0, 0.3); + border: 1px solid transparent; + + &__browser { + display: flex; + align-items: center; + justify-content: center; + + &__dot { + background-color: #989ea7; + width: 8px; + margin: 3px; + height: 8px; + border-radius: 50%; + display: inline-block; + } } + } - &-scnd { - left: 60px; - width: 22px; - height: 22px; - border-radius: 50%; - position: absolute; - border: 1px solid rgba(0, 0, 0, 0.3); - } + &__live-preview-container { + width: 70%; + min-height: 90%; + overflow: hidden; + position: relative; + align-items: center; + border: 1px solid #e3dfdf; + margin-bottom: 30px; - &-prim { - left: 80px; - width: 22px; - height: 22px; - border-radius: 50%; - position: absolute; - border: 1px solid rgba(0, 0, 0, 0.3); - } - } + .live-preview { - &-name{ - color: black; - font-size: 12px; - font-weight: 700; - line-height: 16px; + &__container { + + &-custom { + width: 100%; + } + } + } } } \ No newline at end of file From 317f66f569f5f64e316d0ccf665868328bbd7057 Mon Sep 17 00:00:00 2001 From: Allen Benny Date: Thu, 29 Sep 2022 12:04:12 +0530 Subject: [PATCH 04/49] Added Drawer to DB Save --- .../Drawer/DrawerPanel/DesignColors.js | 73 +++++++++++++++++-- .../components/Drawer/stylesheet.scss | 4 + .../pages/Steps/DesignColors/index.js | 27 +++++++ 3 files changed, 98 insertions(+), 6 deletions(-) diff --git a/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js b/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js index e78585620..68801fef4 100644 --- a/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js +++ b/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js @@ -1,7 +1,57 @@ import { __ } from '@wordpress/i18n'; +import { useSelect, useDispatch } from '@wordpress/data'; +import { useState, useEffect } from '@wordpress/element'; + +import { store as nfdOnboardingStore } from '../../../store'; +import { getGlobalStyles } from '../../../utils/api/themes'; +import { useGlobalStylesOutput } from '../../../utils/global-styles/use-global-styles-output'; const DesignColors = () => { + const [isLoaded, setIsLoaded] = useState(false); + const [globalStyles, setGlobalStyles] = useState(); + const [selectedColors, setSelectedColors] = useState(); + + const { currentStep, currentData, storedPreviewSettings } = useSelect( + (select) => { + return { + currentStep: select(nfdOnboardingStore).getCurrentStep(), + currentData: + select(nfdOnboardingStore).getCurrentOnboardingData(), + storedPreviewSettings: + select(nfdOnboardingStore).getPreviewSettings(), + }; + }, + [] + ); + + const { updatePreviewSettings, setCurrentOnboardingData } = + useDispatch(nfdOnboardingStore); + + const getStylesAndPatterns = async () => { + const globalStyles = await getGlobalStyles(); + setGlobalStyles(globalStyles?.body); + + let selectedColors; + if (currentData?.data?.palette[0]?.slug === "") { + currentData.data.palette = { + 'colorStyle': '', + 'colors': [] + }; + selectedColors = currentData.data.palette; + setCurrentOnboardingData(currentData); + } + else { + selectedColors = currentData.data.palette; + } + setSelectedColors(selectedColors); + setIsLoaded(true); + }; + + useEffect(() => { + if (!isLoaded) getStylesAndPatterns(); + }, [isLoaded]); + const colorPalettes = { 'calm': [ '#C7DBFF', @@ -40,21 +90,32 @@ const DesignColors = () => { ], } + const handleClick = (colorStyle) => { + const selectedColorsTemp = { + 'colorStyle': colorStyle, + 'colors': colorPalettes[colorStyle] + }; + setSelectedColors(selectedColorsTemp); + currentData.data.palette = selectedColorsTemp; + setCurrentOnboardingData(currentData); + }; + function buildPalettes () { let paletteRenderedList = []; - for (const colorName in colorPalettes) { + for (const colorStyle in colorPalettes) { paletteRenderedList.push( -
+
handleClick(colorStyle)}>
+ style={{ backgroundColor: `${colorPalettes[colorStyle][0]}` }}/>
+ style={{ backgroundColor: `${colorPalettes[colorStyle][1]}` }}/>
+ style={{ backgroundColor: `${colorPalettes[colorStyle][2]}` }} />
- {colorName?.charAt(0).toUpperCase() + colorName?.slice(1) } + {colorStyle?.charAt(0).toUpperCase() + colorStyle?.slice(1) }
); diff --git a/src/OnboardingSPA/components/Drawer/stylesheet.scss b/src/OnboardingSPA/components/Drawer/stylesheet.scss index bda30ac18..611403626 100644 --- a/src/OnboardingSPA/components/Drawer/stylesheet.scss +++ b/src/OnboardingSPA/components/Drawer/stylesheet.scss @@ -337,6 +337,10 @@ $main-border-main: var(--nfd-onboarding-primary-alt); background-color: white; justify-content: space-between; + &-selected { + background-color: wheat; + } + &-colors { display: flex; diff --git a/src/OnboardingSPA/pages/Steps/DesignColors/index.js b/src/OnboardingSPA/pages/Steps/DesignColors/index.js index f0706b888..41f09e99a 100644 --- a/src/OnboardingSPA/pages/Steps/DesignColors/index.js +++ b/src/OnboardingSPA/pages/Steps/DesignColors/index.js @@ -64,6 +64,33 @@ const StepDesignColors = () => { } else { selectedGlobalStyle = globalStyles.body[0]; } + + selectedGlobalStyle.settings.color.palette.theme[2] = { + color: "#FF0000", + name: "Primary", + slug: "primary" + }; + selectedGlobalStyle.settings.color.palette.theme[3] = { + color: "#00FF00", + name: "Secondary", + slug: "secondary" + }; + selectedGlobalStyle.settings.color.palette.theme[4] = { + color: "#0000FF", + name: "Tertiary", + slug: "tertiary" + }; + // selectedGlobalStyle.settings.color.palette.theme[5] = { + // color: "#FF0000", + // name: "Header Background", + // slug: "header-background" + // }; + // selectedGlobalStyle.settings.color.palette.theme[6] = { + // color: "#000000", + // name: "Header Foreground", + // slug: "header-foreground" + // }; + updatePreviewSettings( useGlobalStylesOutput(selectedGlobalStyle, storedPreviewSettings) ); From 38ebb6b84d428379dec2fb9d43db163433e8a8c5 Mon Sep 17 00:00:00 2001 From: Allen Benny Date: Thu, 29 Sep 2022 13:19:26 +0530 Subject: [PATCH 05/49] Added Color change on Click --- .../Drawer/DrawerPanel/DesignColors.js | 47 +++++++++++++++++-- .../pages/Steps/DesignColors/index.js | 30 ++++++------ 2 files changed, 59 insertions(+), 18 deletions(-) diff --git a/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js b/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js index 68801fef4..efffd3dc2 100644 --- a/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js +++ b/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js @@ -30,10 +30,19 @@ const DesignColors = () => { const getStylesAndPatterns = async () => { const globalStyles = await getGlobalStyles(); - setGlobalStyles(globalStyles?.body); + let selectedGlobalStyle; + if (currentData.data.theme.variation) { + selectedGlobalStyle = globalStyles.body.filter( + (globalStyle) => + globalStyle.title === currentData.data.theme.variation + )[0]; + } else { + selectedGlobalStyle = globalStyles.body[0]; + } + setGlobalStyles(selectedGlobalStyle); let selectedColors; - if (currentData?.data?.palette[0]?.slug === "") { + if (!currentData?.data?.palette?.hasOwnProperty('colorStyle')) { currentData.data.palette = { 'colorStyle': '', 'colors': [] @@ -42,7 +51,10 @@ const DesignColors = () => { setCurrentOnboardingData(currentData); } else { - selectedColors = currentData.data.palette; + selectedColors = { + 'colorStyle': currentData.data.palette['colorStyle'], + 'colors': currentData.data.palette['colors'] + }; } setSelectedColors(selectedColors); setIsLoaded(true); @@ -98,6 +110,35 @@ const DesignColors = () => { setSelectedColors(selectedColorsTemp); currentData.data.palette = selectedColorsTemp; setCurrentOnboardingData(currentData); + + let selectedGlobalStyle = globalStyles; + let selectedThemeColorPalette = selectedGlobalStyle?.settings?.color?.palette?.theme; + + if(selectedThemeColorPalette) { + for (let idx = 0; idx < selectedThemeColorPalette.length; idx++) { + switch (selectedThemeColorPalette[idx]?.slug) { + case 'primary': + selectedThemeColorPalette[idx].color = colorPalettes[colorStyle][2]; + break; + case 'secondary': + selectedThemeColorPalette[idx].color = colorPalettes[colorStyle][1]; + break; + case 'tertiary': + selectedThemeColorPalette[idx].color = colorPalettes[colorStyle][0]; + break; + default: + break; + } + } + + selectedGlobalStyle.settings.color.palette.theme = selectedThemeColorPalette; + + setGlobalStyles(selectedGlobalStyle); + updatePreviewSettings( + useGlobalStylesOutput(selectedGlobalStyle, storedPreviewSettings) + ); + } + }; function buildPalettes () { diff --git a/src/OnboardingSPA/pages/Steps/DesignColors/index.js b/src/OnboardingSPA/pages/Steps/DesignColors/index.js index 41f09e99a..10c4a5133 100644 --- a/src/OnboardingSPA/pages/Steps/DesignColors/index.js +++ b/src/OnboardingSPA/pages/Steps/DesignColors/index.js @@ -65,21 +65,21 @@ const StepDesignColors = () => { selectedGlobalStyle = globalStyles.body[0]; } - selectedGlobalStyle.settings.color.palette.theme[2] = { - color: "#FF0000", - name: "Primary", - slug: "primary" - }; - selectedGlobalStyle.settings.color.palette.theme[3] = { - color: "#00FF00", - name: "Secondary", - slug: "secondary" - }; - selectedGlobalStyle.settings.color.palette.theme[4] = { - color: "#0000FF", - name: "Tertiary", - slug: "tertiary" - }; + // selectedGlobalStyle.settings.color.palette.theme[2] = { + // color: "#FF0000", + // name: "Primary", + // slug: "primary" + // }; + // selectedGlobalStyle.settings.color.palette.theme[3] = { + // color: "#00FF00", + // name: "Secondary", + // slug: "secondary" + // }; + // selectedGlobalStyle.settings.color.palette.theme[4] = { + // color: "#0000FF", + // name: "Tertiary", + // slug: "tertiary" + // }; // selectedGlobalStyle.settings.color.palette.theme[5] = { // color: "#FF0000", // name: "Header Background", From 95dfaa78ab45e9f10f254942ff61d06ebd4e4ae0 Mon Sep 17 00:00:00 2001 From: Allen Benny Date: Thu, 29 Sep 2022 13:22:54 +0530 Subject: [PATCH 06/49] Changed Selected Color to Blue --- src/OnboardingSPA/components/Drawer/stylesheet.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/OnboardingSPA/components/Drawer/stylesheet.scss b/src/OnboardingSPA/components/Drawer/stylesheet.scss index 611403626..1329f30a4 100644 --- a/src/OnboardingSPA/components/Drawer/stylesheet.scss +++ b/src/OnboardingSPA/components/Drawer/stylesheet.scss @@ -338,7 +338,7 @@ $main-border-main: var(--nfd-onboarding-primary-alt); justify-content: space-between; &-selected { - background-color: wheat; + background-color: $main-border-main; } &-colors { From 47617ebf8d492b307108caf1d35789f6302e987c Mon Sep 17 00:00:00 2001 From: Allen Benny Date: Thu, 29 Sep 2022 16:53:22 +0530 Subject: [PATCH 07/49] Implemented new DB design --- .../Drawer/DrawerPanel/DesignColors.js | 88 ++++++++++--------- 1 file changed, 47 insertions(+), 41 deletions(-) diff --git a/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js b/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js index efffd3dc2..d79fc109e 100644 --- a/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js +++ b/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js @@ -28,6 +28,36 @@ const DesignColors = () => { const { updatePreviewSettings, setCurrentOnboardingData } = useDispatch(nfdOnboardingStore); + function setThemeColorPalette(colorStyle) { + let selectedGlobalStyle = globalStyles; + let selectedThemeColorPalette = selectedGlobalStyle?.settings?.color?.palette?.theme; + + if (colorStyle && selectedThemeColorPalette) { + for (let idx = 0; idx < selectedThemeColorPalette.length; idx++) { + switch (selectedThemeColorPalette[idx]?.slug) { + case 'primary': + selectedThemeColorPalette[idx].color = colorPalettes[colorStyle][2]; + break; + case 'secondary': + selectedThemeColorPalette[idx].color = colorPalettes[colorStyle][1]; + break; + case 'tertiary': + selectedThemeColorPalette[idx].color = colorPalettes[colorStyle][0]; + break; + default: + break; + } + } + + selectedGlobalStyle.settings.color.palette.theme = selectedThemeColorPalette; + + setGlobalStyles(selectedGlobalStyle); + updatePreviewSettings( + useGlobalStylesOutput(selectedGlobalStyle, storedPreviewSettings) + ); + } + } + const getStylesAndPatterns = async () => { const globalStyles = await getGlobalStyles(); let selectedGlobalStyle; @@ -42,22 +72,23 @@ const DesignColors = () => { setGlobalStyles(selectedGlobalStyle); let selectedColors; - if (!currentData?.data?.palette?.hasOwnProperty('colorStyle')) { - currentData.data.palette = { - 'colorStyle': '', - 'colors': [] + if (!currentData?.data?.palette[0]?.hasOwnProperty('supports')) { + currentData.data.palette[0] = { + "slug": "", + "name": "", + "color": [], + "supports": ["yith-wonder"] }; - selectedColors = currentData.data.palette; + selectedColors = currentData.data.palette[0]; setCurrentOnboardingData(currentData); } else { - selectedColors = { - 'colorStyle': currentData.data.palette['colorStyle'], - 'colors': currentData.data.palette['colors'] - }; + selectedColors = currentData.data.palette[0]; } setSelectedColors(selectedColors); setIsLoaded(true); + setThemeColorPalette(currentData.data.palette[0]['slug']); + }; useEffect(() => { @@ -104,48 +135,23 @@ const DesignColors = () => { const handleClick = (colorStyle) => { const selectedColorsTemp = { - 'colorStyle': colorStyle, - 'colors': colorPalettes[colorStyle] + "slug": colorStyle, + "name": colorStyle?.charAt(0).toUpperCase() + colorStyle?.slice(1), + "color": colorPalettes[colorStyle], + "supports": ["yith-wonder"] }; setSelectedColors(selectedColorsTemp); - currentData.data.palette = selectedColorsTemp; + currentData.data.palette[0] = selectedColorsTemp; setCurrentOnboardingData(currentData); - let selectedGlobalStyle = globalStyles; - let selectedThemeColorPalette = selectedGlobalStyle?.settings?.color?.palette?.theme; - - if(selectedThemeColorPalette) { - for (let idx = 0; idx < selectedThemeColorPalette.length; idx++) { - switch (selectedThemeColorPalette[idx]?.slug) { - case 'primary': - selectedThemeColorPalette[idx].color = colorPalettes[colorStyle][2]; - break; - case 'secondary': - selectedThemeColorPalette[idx].color = colorPalettes[colorStyle][1]; - break; - case 'tertiary': - selectedThemeColorPalette[idx].color = colorPalettes[colorStyle][0]; - break; - default: - break; - } - } - - selectedGlobalStyle.settings.color.palette.theme = selectedThemeColorPalette; - - setGlobalStyles(selectedGlobalStyle); - updatePreviewSettings( - useGlobalStylesOutput(selectedGlobalStyle, storedPreviewSettings) - ); - } - + setThemeColorPalette(colorStyle); }; function buildPalettes () { let paletteRenderedList = []; for (const colorStyle in colorPalettes) { paletteRenderedList.push( -
handleClick(colorStyle)}>
Date: Thu, 29 Sep 2022 17:07:41 +0530 Subject: [PATCH 08/49] Update DesignColors.js --- .../Drawer/DrawerPanel/DesignColors.js | 19 +++++++++---------- 1 file changed, 9 insertions(+), 10 deletions(-) diff --git a/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js b/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js index d79fc109e..d46b20abc 100644 --- a/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js +++ b/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js @@ -28,21 +28,21 @@ const DesignColors = () => { const { updatePreviewSettings, setCurrentOnboardingData } = useDispatch(nfdOnboardingStore); - function setThemeColorPalette(colorStyle) { - let selectedGlobalStyle = globalStyles; + async function setThemeColorPalette(colorStyle, globalStylesTemp) { + let selectedGlobalStyle = globalStylesTemp; let selectedThemeColorPalette = selectedGlobalStyle?.settings?.color?.palette?.theme; if (colorStyle && selectedThemeColorPalette) { for (let idx = 0; idx < selectedThemeColorPalette.length; idx++) { switch (selectedThemeColorPalette[idx]?.slug) { case 'primary': - selectedThemeColorPalette[idx].color = colorPalettes[colorStyle][2]; + selectedThemeColorPalette[idx].color = colorPalettes[colorStyle][0]; break; case 'secondary': selectedThemeColorPalette[idx].color = colorPalettes[colorStyle][1]; break; case 'tertiary': - selectedThemeColorPalette[idx].color = colorPalettes[colorStyle][0]; + selectedThemeColorPalette[idx].color = colorPalettes[colorStyle][2]; break; default: break; @@ -50,9 +50,8 @@ const DesignColors = () => { } selectedGlobalStyle.settings.color.palette.theme = selectedThemeColorPalette; - - setGlobalStyles(selectedGlobalStyle); - updatePreviewSettings( + await setGlobalStyles(selectedGlobalStyle); + await updatePreviewSettings( useGlobalStylesOutput(selectedGlobalStyle, storedPreviewSettings) ); } @@ -86,8 +85,8 @@ const DesignColors = () => { selectedColors = currentData.data.palette[0]; } setSelectedColors(selectedColors); + setThemeColorPalette(currentData.data.palette[0]['slug'], selectedGlobalStyle); setIsLoaded(true); - setThemeColorPalette(currentData.data.palette[0]['slug']); }; @@ -137,14 +136,14 @@ const DesignColors = () => { const selectedColorsTemp = { "slug": colorStyle, "name": colorStyle?.charAt(0).toUpperCase() + colorStyle?.slice(1), - "color": colorPalettes[colorStyle], + "color": colorPalettes[colorStyle].reverse(), "supports": ["yith-wonder"] }; setSelectedColors(selectedColorsTemp); currentData.data.palette[0] = selectedColorsTemp; setCurrentOnboardingData(currentData); - setThemeColorPalette(colorStyle); + setThemeColorPalette(colorStyle, globalStyles); }; function buildPalettes () { From 8a7477d1f734f116ab4aa871dada191670571c9f Mon Sep 17 00:00:00 2001 From: Allen Benny Date: Thu, 29 Sep 2022 17:20:57 +0530 Subject: [PATCH 09/49] Added Custom Palette --- .../Drawer/DrawerPanel/DesignColors.js | 26 ++++++++++++++ .../components/Drawer/stylesheet.scss | 36 +++++++++++++++++++ 2 files changed, 62 insertions(+) diff --git a/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js b/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js index d46b20abc..09b22521a 100644 --- a/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js +++ b/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js @@ -170,10 +170,36 @@ const DesignColors = () => { return paletteRenderedList; } + function buildCustomPalette () { + return ( +
+
+
SELECT CUSTOM COLORS
+
-
+
+
+
+
+
Background
+
+
+
+
Secondary
+
+
+
+
Tertiary
+
+
+
+ ); + } + return (

{__('Color Palettes', 'wp-module-onboarding')}

{buildPalettes()} + {buildCustomPalette()}
); }; diff --git a/src/OnboardingSPA/components/Drawer/stylesheet.scss b/src/OnboardingSPA/components/Drawer/stylesheet.scss index 1329f30a4..0ad41cb63 100644 --- a/src/OnboardingSPA/components/Drawer/stylesheet.scss +++ b/src/OnboardingSPA/components/Drawer/stylesheet.scss @@ -381,3 +381,39 @@ $main-border-main: var(--nfd-onboarding-primary-alt); line-height: 16px; } } + +.custom-palette { + width: 88%; + margin: 30px 2px; + padding: 20px 16px; + background: $main-border-main; + + &-top { + display: flex; + align-items: center; + justify-content: space-between; + } + + &-below { + margin-top: 16px; + + &-row { + height: 50px; + color: black; + display: flex; + align-items: center; + background-color: white; + justify-content: start; + border: 0.5px solid rgba(0, 0, 0, 0.3); + + &-icon { + width: 22px; + height: 22px; + margin: 2px 12px; + border-radius: 50%; + background-color: red; + border: 1px solid rgba(0, 0, 0, 0.3); + } + } + } +} \ No newline at end of file From 2de08057c5e99bd15f637db53b8e0f3e2773abbd Mon Sep 17 00:00:00 2001 From: Allen Benny Date: Thu, 29 Sep 2022 18:18:57 +0530 Subject: [PATCH 10/49] Added Color Picker --- .../Drawer/DrawerPanel/DesignColors.js | 66 +++++++++++++++++-- .../components/Drawer/stylesheet.scss | 7 +- 2 files changed, 66 insertions(+), 7 deletions(-) diff --git a/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js b/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js index 09b22521a..9c3851fc6 100644 --- a/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js +++ b/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js @@ -1,6 +1,7 @@ import { __ } from '@wordpress/i18n'; import { useSelect, useDispatch } from '@wordpress/data'; import { useState, useEffect } from '@wordpress/element'; +import { Popover, ColorPicker } from '@wordpress/components'; import { store as nfdOnboardingStore } from '../../../store'; import { getGlobalStyles } from '../../../utils/api/themes'; @@ -12,6 +13,12 @@ const DesignColors = () => { const [globalStyles, setGlobalStyles] = useState(); const [selectedColors, setSelectedColors] = useState(); + const [showColorPicker, setShowColorPicker] = useState(false); + const [tertiaryColor, setTertiaryColor] = useState(); + const [secondaryColor, setSecondaryColor] = useState(); + const [backgroundColor, setBackgroundColor] = useState(); + const [colorPickerCalledBy, setColorPickerCalledBy] = useState(''); + const { currentStep, currentData, storedPreviewSettings } = useSelect( (select) => { return { @@ -146,6 +153,32 @@ const DesignColors = () => { setThemeColorPalette(colorStyle, globalStyles); }; + const changeCustomPickerColor = (color) => { + console.log('Rannnn', colorPickerCalledBy); + + switch (colorPickerCalledBy) { + case 'background': + setBackgroundColor(color); + break; + case 'secondary': + setSecondaryColor(color); + break; + case 'tertiary': + setTertiaryColor(color); + break; + } + } + + const selectCustomColor = (colorType) => { + const showColorPickerTemp = showColorPicker; + setShowColorPicker(!showColorPickerTemp); + + if (!showColorPickerTemp) + setColorPickerCalledBy(colorType); + else + setColorPickerCalledBy(''); + } + function buildPalettes () { let paletteRenderedList = []; for (const colorStyle in colorPalettes) { @@ -171,6 +204,7 @@ const DesignColors = () => { } function buildCustomPalette () { + console.log(backgroundColor); return (
@@ -178,19 +212,39 @@ const DesignColors = () => {
-
-
-
+
selectCustomColor('background')}> +
+ {backgroundColor ?
?
: null} +
Background
-
-
+
selectCustomColor('secondary')}> +
+ {secondaryColor ?
?
: null} +
Secondary
-
-
+
selectCustomColor('tertiary')}> +
+ {tertiaryColor ?
?
: null} +
Tertiary
+ {showColorPicker && ( + + + + )}
); } diff --git a/src/OnboardingSPA/components/Drawer/stylesheet.scss b/src/OnboardingSPA/components/Drawer/stylesheet.scss index 0ad41cb63..62a7c2d21 100644 --- a/src/OnboardingSPA/components/Drawer/stylesheet.scss +++ b/src/OnboardingSPA/components/Drawer/stylesheet.scss @@ -332,6 +332,7 @@ $main-border-main: var(--nfd-onboarding-primary-alt); height: 30px; display: flex; margin: 8px 4px; + cursor: pointer; padding: 10px 16px; align-items: center; background-color: white; @@ -401,6 +402,7 @@ $main-border-main: var(--nfd-onboarding-primary-alt); height: 50px; color: black; display: flex; + cursor: pointer; align-items: center; background-color: white; justify-content: start; @@ -411,8 +413,11 @@ $main-border-main: var(--nfd-onboarding-primary-alt); height: 22px; margin: 2px 12px; border-radius: 50%; - background-color: red; + display: flex; + align-items: center; + justify-content: center; border: 1px solid rgba(0, 0, 0, 0.3); + } } } From 32c9527cf80bf964e912c42fa4790789aa69d380 Mon Sep 17 00:00:00 2001 From: Allen Benny Date: Thu, 29 Sep 2022 18:22:11 +0530 Subject: [PATCH 11/49] Close Popover on Select --- .../components/Drawer/DrawerPanel/DesignColors.js | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) diff --git a/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js b/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js index 9c3851fc6..9b489b604 100644 --- a/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js +++ b/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js @@ -159,12 +159,15 @@ const DesignColors = () => { switch (colorPickerCalledBy) { case 'background': setBackgroundColor(color); + setShowColorPicker(false); break; case 'secondary': setSecondaryColor(color); + setShowColorPicker(false); break; case 'tertiary': setTertiaryColor(color); + setShowColorPicker(false); break; } } @@ -216,7 +219,7 @@ const DesignColors = () => { onClick={(e) => selectCustomColor('background')}>
- {backgroundColor ?
?
: null} + {backgroundColor ?
✓
: null}
Background
@@ -224,7 +227,7 @@ const DesignColors = () => { onClick={(e) => selectCustomColor('secondary')}>
- {secondaryColor ?
?
: null} + {secondaryColor ?
✓
: null}
Secondary
@@ -232,7 +235,7 @@ const DesignColors = () => { onClick={(e) => selectCustomColor('tertiary')}>
- {tertiaryColor ?
?
: null} + {tertiaryColor ?
✓
: null}
Tertiary
From 56b1ea2129f1e1288a5e1fff276bf2e845937588 Mon Sep 17 00:00:00 2001 From: Allen Benny Date: Thu, 29 Sep 2022 19:00:51 +0530 Subject: [PATCH 12/49] Fixed CSS --- .../Drawer/DrawerPanel/DesignColors.js | 56 +++++++++++++------ .../components/Drawer/stylesheet.scss | 5 +- 2 files changed, 42 insertions(+), 19 deletions(-) diff --git a/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js b/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js index 9b489b604..30a84821f 100644 --- a/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js +++ b/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js @@ -35,8 +35,8 @@ const DesignColors = () => { const { updatePreviewSettings, setCurrentOnboardingData } = useDispatch(nfdOnboardingStore); - async function setThemeColorPalette(colorStyle, globalStylesTemp) { - let selectedGlobalStyle = globalStylesTemp; + async function setThemeColorPalette(colorStyle) { + let selectedGlobalStyle = globalStyles; let selectedThemeColorPalette = selectedGlobalStyle?.settings?.color?.palette?.theme; if (colorStyle && selectedThemeColorPalette) { @@ -51,14 +51,12 @@ const DesignColors = () => { case 'tertiary': selectedThemeColorPalette[idx].color = colorPalettes[colorStyle][2]; break; - default: - break; } } selectedGlobalStyle.settings.color.palette.theme = selectedThemeColorPalette; - await setGlobalStyles(selectedGlobalStyle); - await updatePreviewSettings( + setGlobalStyles(selectedGlobalStyle); + updatePreviewSettings( useGlobalStylesOutput(selectedGlobalStyle, storedPreviewSettings) ); } @@ -92,7 +90,7 @@ const DesignColors = () => { selectedColors = currentData.data.palette[0]; } setSelectedColors(selectedColors); - setThemeColorPalette(currentData.data.palette[0]['slug'], selectedGlobalStyle); + setThemeColorPalette(currentData.data.palette[0]['slug']); setIsLoaded(true); }; @@ -150,26 +148,51 @@ const DesignColors = () => { currentData.data.palette[0] = selectedColorsTemp; setCurrentOnboardingData(currentData); - setThemeColorPalette(colorStyle, globalStyles); + setThemeColorPalette(colorStyle); }; - const changeCustomPickerColor = (color) => { - console.log('Rannnn', colorPickerCalledBy); + const changeCustomPickerColor = async (color) => { + let selectedGlobalStyle = globalStyles; + let selectedThemeColorPalette = selectedGlobalStyle?.settings?.color?.palette?.theme; switch (colorPickerCalledBy) { case 'background': - setBackgroundColor(color); - setShowColorPicker(false); + await setBackgroundColor(color); break; case 'secondary': - setSecondaryColor(color); - setShowColorPicker(false); + await setSecondaryColor(color); break; case 'tertiary': - setTertiaryColor(color); - setShowColorPicker(false); + await setTertiaryColor(color); break; } + + if (selectedThemeColorPalette) { + for (let idx = 0; idx < selectedThemeColorPalette.length; idx++) { + switch (selectedThemeColorPalette[idx]?.slug) { + case 'background': + if (colorPickerCalledBy == 'background') + selectedThemeColorPalette[idx].color = color; + break; + case 'secondary': + if (colorPickerCalledBy == 'secondary') + selectedThemeColorPalette[idx].color = color; + break; + case 'tertiary': + if (colorPickerCalledBy == 'tertiary') + selectedThemeColorPalette[idx].color = color; + break; + } + } + + selectedGlobalStyle.settings.color.palette.theme = selectedThemeColorPalette; + setGlobalStyles(selectedGlobalStyle); + updatePreviewSettings( + useGlobalStylesOutput(selectedGlobalStyle, storedPreviewSettings) + ); + } + + setShowColorPicker(false); } const selectCustomColor = (colorType) => { @@ -207,7 +230,6 @@ const DesignColors = () => { } function buildCustomPalette () { - console.log(backgroundColor); return (
diff --git a/src/OnboardingSPA/components/Drawer/stylesheet.scss b/src/OnboardingSPA/components/Drawer/stylesheet.scss index 62a7c2d21..fcdbeac70 100644 --- a/src/OnboardingSPA/components/Drawer/stylesheet.scss +++ b/src/OnboardingSPA/components/Drawer/stylesheet.scss @@ -333,6 +333,7 @@ $main-border-main: var(--nfd-onboarding-primary-alt); display: flex; margin: 8px 4px; cursor: pointer; + position: relative; padding: 10px 16px; align-items: center; background-color: white; @@ -357,7 +358,7 @@ $main-border-main: var(--nfd-onboarding-primary-alt); } &-scnd { - left: 60px; + left: 35px; width: 22px; height: 22px; border-radius: 50%; @@ -366,7 +367,7 @@ $main-border-main: var(--nfd-onboarding-primary-alt); } &-prim { - left: 80px; + left: 55px; width: 22px; height: 22px; border-radius: 50%; From 62d0bd81f28f0db6374c4b3aa33aecb31946270d Mon Sep 17 00:00:00 2001 From: Allen Benny Date: Fri, 30 Sep 2022 15:44:31 +0530 Subject: [PATCH 13/49] Added Support for Custom Colors --- .../Drawer/DrawerPanel/DesignColors.js | 84 +++++++++++-------- .../components/Drawer/stylesheet.scss | 2 +- 2 files changed, 52 insertions(+), 34 deletions(-) diff --git a/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js b/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js index 30a84821f..2a80e9b14 100644 --- a/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js +++ b/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js @@ -99,6 +99,37 @@ const DesignColors = () => { if (!isLoaded) getStylesAndPatterns(); }, [isLoaded]); + useEffect(() => { + let selectedGlobalStyle = globalStyles; + let selectedThemeColorPalette = selectedGlobalStyle?.settings?.color?.palette?.theme; + + if (selectedThemeColorPalette) { + for (let idx = 0; idx < selectedThemeColorPalette.length; idx++) { + switch (selectedThemeColorPalette[idx]?.slug) { + case 'background': + if (colorPickerCalledBy == 'background' && backgroundColor) + selectedThemeColorPalette[idx].color = backgroundColor; + break; + case 'secondary': + if (colorPickerCalledBy == 'secondary' && secondaryColor) + selectedThemeColorPalette[idx].color = secondaryColor; + break; + case 'tertiary': + if (colorPickerCalledBy == 'tertiary' && tertiaryColor) + selectedThemeColorPalette[idx].color = tertiaryColor; + break; + } + } + + selectedGlobalStyle.settings.color.palette.theme = selectedThemeColorPalette; + console.log(selectedGlobalStyle); + setGlobalStyles(selectedGlobalStyle); + updatePreviewSettings( + useGlobalStylesOutput(selectedGlobalStyle, storedPreviewSettings) + ); + } + }, [backgroundColor, secondaryColor, tertiaryColor]) + const colorPalettes = { 'calm': [ '#C7DBFF', @@ -152,46 +183,33 @@ const DesignColors = () => { }; const changeCustomPickerColor = async (color) => { - let selectedGlobalStyle = globalStyles; - let selectedThemeColorPalette = selectedGlobalStyle?.settings?.color?.palette?.theme; + + let selectedColorsTemp = { + "slug": 'custom', + "name": 'Custom', + "color": ['', secondaryColor ?? '', tertiaryColor ?? ''], + "background": backgroundColor ?? '', + "supports": ["yith-wonder"] + }; switch (colorPickerCalledBy) { case 'background': - await setBackgroundColor(color); - break; + setBackgroundColor(color); + selectedColorsTemp["background"] = color; + break; case 'secondary': - await setSecondaryColor(color); - break; + setSecondaryColor(color); + selectedColorsTemp.color[1] = color; + break; case 'tertiary': - await setTertiaryColor(color); - break; - } - - if (selectedThemeColorPalette) { - for (let idx = 0; idx < selectedThemeColorPalette.length; idx++) { - switch (selectedThemeColorPalette[idx]?.slug) { - case 'background': - if (colorPickerCalledBy == 'background') - selectedThemeColorPalette[idx].color = color; - break; - case 'secondary': - if (colorPickerCalledBy == 'secondary') - selectedThemeColorPalette[idx].color = color; - break; - case 'tertiary': - if (colorPickerCalledBy == 'tertiary') - selectedThemeColorPalette[idx].color = color; - break; - } - } - - selectedGlobalStyle.settings.color.palette.theme = selectedThemeColorPalette; - setGlobalStyles(selectedGlobalStyle); - updatePreviewSettings( - useGlobalStylesOutput(selectedGlobalStyle, storedPreviewSettings) - ); + setTertiaryColor(color); + selectedColorsTemp.color[2] = color; + break; } + setSelectedColors(selectedColorsTemp); + currentData.data.palette[0] = selectedColorsTemp; + setCurrentOnboardingData(currentData); setShowColorPicker(false); } diff --git a/src/OnboardingSPA/components/Drawer/stylesheet.scss b/src/OnboardingSPA/components/Drawer/stylesheet.scss index fcdbeac70..f38735a4a 100644 --- a/src/OnboardingSPA/components/Drawer/stylesheet.scss +++ b/src/OnboardingSPA/components/Drawer/stylesheet.scss @@ -406,7 +406,7 @@ $main-border-main: var(--nfd-onboarding-primary-alt); cursor: pointer; align-items: center; background-color: white; - justify-content: start; + justify-content: flex-start; border: 0.5px solid rgba(0, 0, 0, 0.3); &-icon { From e545cce92669d02a92f6f6e4e1de6fb4b7e171f1 Mon Sep 17 00:00:00 2001 From: Allen Benny Date: Fri, 30 Sep 2022 16:01:39 +0530 Subject: [PATCH 14/49] Added a Close Dialog Button --- .../components/Drawer/DrawerPanel/DesignColors.js | 4 +++- .../components/Drawer/stylesheet.scss | 14 ++++++++++++++ 2 files changed, 17 insertions(+), 1 deletion(-) diff --git a/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js b/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js index 2a80e9b14..5b67d274c 100644 --- a/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js +++ b/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js @@ -282,9 +282,11 @@ const DesignColors = () => {
{showColorPicker && ( +
setShowColorPicker(false)}>X
 )} diff --git a/src/OnboardingSPA/components/Drawer/stylesheet.scss b/src/OnboardingSPA/components/Drawer/stylesheet.scss index f38735a4a..4acef032f 100644 --- a/src/OnboardingSPA/components/Drawer/stylesheet.scss +++ b/src/OnboardingSPA/components/Drawer/stylesheet.scss @@ -422,4 +422,18 @@ $main-border-main: var(--nfd-onboarding-primary-alt); } } } + + &-close { + width: 25px; + height: 25px; + display: flex; + color: black; + cursor: pointer; + font-weight: 900; + border-radius: 50%; + align-items: center; + justify-content: center; + border: 1px solid black; + background-color: white; + } } \ No newline at end of file From a851244b85d9de556a0a56f2a55c92b8fba2a6a9 Mon Sep 17 00:00:00 2001 From: Allen Benny Date: Fri, 30 Sep 2022 16:06:32 +0530 Subject: [PATCH 15/49] Removed Custom Colors on Style Selection --- .../components/Drawer/DrawerPanel/DesignColors.js | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js b/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js index 5b67d274c..77bf883f1 100644 --- a/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js +++ b/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js @@ -179,6 +179,9 @@ const DesignColors = () => { currentData.data.palette[0] = selectedColorsTemp; setCurrentOnboardingData(currentData); + // setBackgroundColor(''); + setSecondaryColor(); + setTertiaryColor(); setThemeColorPalette(colorStyle); }; @@ -210,7 +213,6 @@ const DesignColors = () => { setSelectedColors(selectedColorsTemp); currentData.data.palette[0] = selectedColorsTemp; setCurrentOnboardingData(currentData); - setShowColorPicker(false); } const selectCustomColor = (colorType) => { From b56bb262a8c04d929190619c54c106dc4ede8b35 Mon Sep 17 00:00:00 2001 From: Allen Benny Date: Fri, 30 Sep 2022 16:20:34 +0530 Subject: [PATCH 16/49] Added Accordion and Animation --- .../Drawer/DrawerPanel/DesignColors.js | 11 +++++++---- .../components/Drawer/stylesheet.scss | 18 ++++++++++++++++++ 2 files changed, 25 insertions(+), 4 deletions(-) diff --git a/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js b/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js index 77bf883f1..e3bc99258 100644 --- a/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js +++ b/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js @@ -12,8 +12,9 @@ const DesignColors = () => { const [isLoaded, setIsLoaded] = useState(false); const [globalStyles, setGlobalStyles] = useState(); const [selectedColors, setSelectedColors] = useState(); - const [showColorPicker, setShowColorPicker] = useState(false); + const [isAccordionClosed, setIsAccordionClosed] = useState(true); + const [tertiaryColor, setTertiaryColor] = useState(); const [secondaryColor, setSecondaryColor] = useState(); const [backgroundColor, setBackgroundColor] = useState(); @@ -252,11 +253,13 @@ const DesignColors = () => { function buildCustomPalette () { return (
-
+
setIsAccordionClosed(!isAccordionClosed)}>
SELECT CUSTOM COLORS
-
-
+ {isAccordionClosed &&
+
} + {!isAccordionClosed &&
-
}
-
+
selectCustomColor('background')}>
Date: Fri, 30 Sep 2022 16:26:45 +0530 Subject: [PATCH 17/49] Update index.js --- .../pages/Steps/DesignColors/index.js | 28 +------------------ 1 file changed, 1 insertion(+), 27 deletions(-) diff --git a/src/OnboardingSPA/pages/Steps/DesignColors/index.js b/src/OnboardingSPA/pages/Steps/DesignColors/index.js index 10c4a5133..a96aebfd3 100644 --- a/src/OnboardingSPA/pages/Steps/DesignColors/index.js +++ b/src/OnboardingSPA/pages/Steps/DesignColors/index.js @@ -64,33 +64,7 @@ const StepDesignColors = () => { } else { selectedGlobalStyle = globalStyles.body[0]; } - - // selectedGlobalStyle.settings.color.palette.theme[2] = { - // color: "#FF0000", - // name: "Primary", - // slug: "primary" - // }; - // selectedGlobalStyle.settings.color.palette.theme[3] = { - // color: "#00FF00", - // name: "Secondary", - // slug: "secondary" - // }; - // selectedGlobalStyle.settings.color.palette.theme[4] = { - // color: "#0000FF", - // name: "Tertiary", - // slug: "tertiary" - // }; - // selectedGlobalStyle.settings.color.palette.theme[5] = { - // color: "#FF0000", - // name: "Header Background", - // slug: "header-background" - // }; - // selectedGlobalStyle.settings.color.palette.theme[6] = { - // color: "#000000", - // name: "Header Foreground", - // slug: "header-foreground" - // }; - + updatePreviewSettings( useGlobalStylesOutput(selectedGlobalStyle, storedPreviewSettings) ); From 94bf19ef1df299c7abf58348e9bfff8750ac55dc Mon Sep 17 00:00:00 2001 From: Allen Benny Date: Mon, 3 Oct 2022 12:14:10 +0530 Subject: [PATCH 18/49] Added patternID to step in Data --- src/OnboardingSPA/data/routes/default-flow.js | 1 + 1 file changed, 1 insertion(+) diff --git a/src/OnboardingSPA/data/routes/default-flow.js b/src/OnboardingSPA/data/routes/default-flow.js index c76b58ac3..76e3c53fa 100644 --- a/src/OnboardingSPA/data/routes/default-flow.js +++ b/src/OnboardingSPA/data/routes/default-flow.js @@ -454,6 +454,7 @@ export const conditionalSteps = { Icon: color, priority: 180, VIEW: VIEW_DESIGN_COLORS, + patternId: 'theme-styles', }, designTypography: { path: '/wp-setup/step/design/typography', From b1629ddab7eb3292cbc56e61388acd2012f58a86 Mon Sep 17 00:00:00 2001 From: Allen Benny Date: Mon, 3 Oct 2022 16:51:01 +0530 Subject: [PATCH 19/49] Refactored the code --- .../Drawer/DrawerPanel/DesignColors.js | 37 +++++++++++++++---- 1 file changed, 29 insertions(+), 8 deletions(-) diff --git a/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js b/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js index e3bc99258..e3f9b0117 100644 --- a/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js +++ b/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js @@ -81,7 +81,12 @@ const DesignColors = () => { currentData.data.palette[0] = { "slug": "", "name": "", - "color": [], + "color": [ + {"slug": "primary", "name": "Primary", "color": ""}, + { "slug": "secondary", "name": "Secondary", "color": ""}, + { "slug": "tertiary", "name": "Tertiary", "color": ""}, + { "slug": "background", "name": "Background", "color": ""}, + ], "supports": ["yith-wonder"] }; selectedColors = currentData.data.palette[0]; @@ -100,7 +105,7 @@ const DesignColors = () => { if (!isLoaded) getStylesAndPatterns(); }, [isLoaded]); - useEffect(() => { + function setCustomColors() { let selectedGlobalStyle = globalStyles; let selectedThemeColorPalette = selectedGlobalStyle?.settings?.color?.palette?.theme; @@ -129,7 +134,7 @@ const DesignColors = () => { useGlobalStylesOutput(selectedGlobalStyle, storedPreviewSettings) ); } - }, [backgroundColor, secondaryColor, tertiaryColor]) + } const colorPalettes = { 'calm': [ @@ -173,7 +178,12 @@ const DesignColors = () => { const selectedColorsTemp = { "slug": colorStyle, "name": colorStyle?.charAt(0).toUpperCase() + colorStyle?.slice(1), - "color": colorPalettes[colorStyle].reverse(), + "color": [ + { "slug": "primary", "name": "Primary", "color": colorPalettes[colorStyle][2] }, + { "slug": "secondary", "name": "Secondary", "color": colorPalettes[colorStyle][1] }, + { "slug": "tertiary", "name": "Tertiary", "color": colorPalettes[colorStyle][0] }, + { "slug": "background", "name": "Background", "color": "" }, + ], "supports": ["yith-wonder"] }; setSelectedColors(selectedColorsTemp); @@ -188,11 +198,17 @@ const DesignColors = () => { const changeCustomPickerColor = async (color) => { + let primaryColorTemp = selectedColors?.color[0].color ?? ''; + let selectedColorsTemp = { "slug": 'custom', "name": 'Custom', - "color": ['', secondaryColor ?? '', tertiaryColor ?? ''], - "background": backgroundColor ?? '', + "color": [ + { "slug": "primary", "name": "Primary", "color": primaryColorTemp }, + { "slug": "secondary", "name": "Secondary", "color": secondaryColor ?? '' }, + { "slug": "tertiary", "name": "Tertiary", "color": tertiaryColor ?? '' }, + { "slug": "background", "name": "Background", "color": backgroundColor ?? '' }, + ], "supports": ["yith-wonder"] }; @@ -214,6 +230,7 @@ const DesignColors = () => { setSelectedColors(selectedColorsTemp); currentData.data.palette[0] = selectedColorsTemp; setCurrentOnboardingData(currentData); + setCustomColors(); } const selectCustomColor = (colorType) => { @@ -251,6 +268,10 @@ const DesignColors = () => { } function buildCustomPalette () { + + let secondaryColorTemp = selectedColors?.color[1].color ?? '#fff'; + let tertiaryColorTemp = selectedColors?.color[2].color ?? '#fff'; + return (
{
selectCustomColor('secondary')}>
+ style={{ backgroundColor: `${secondaryColor ?? secondaryColorTemp}` }}> {secondaryColor ?
✓
: null}
Secondary
@@ -279,7 +300,7 @@ const DesignColors = () => {
selectCustomColor('tertiary')}>
+ style={{ backgroundColor: `${tertiaryColor ?? tertiaryColorTemp}` }}> {tertiaryColor ?
✓
: null}
Tertiary
From c7e07991f03f9d5c6e8cb17411fc028577293323 Mon Sep 17 00:00:00 2001 From: Allen Benny Date: Mon, 3 Oct 2022 17:12:28 +0530 Subject: [PATCH 20/49] Added Default Colors --- .../Drawer/DrawerPanel/DesignColors.js | 22 ++++++++++--------- .../components/Drawer/stylesheet.scss | 4 ++++ 2 files changed, 16 insertions(+), 10 deletions(-) diff --git a/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js b/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js index e3f9b0117..b0ca87f8e 100644 --- a/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js +++ b/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js @@ -44,13 +44,13 @@ const DesignColors = () => { for (let idx = 0; idx < selectedThemeColorPalette.length; idx++) { switch (selectedThemeColorPalette[idx]?.slug) { case 'primary': - selectedThemeColorPalette[idx].color = colorPalettes[colorStyle][0]; + selectedThemeColorPalette[idx].color = colorPalettes[colorStyle][2]; break; case 'secondary': selectedThemeColorPalette[idx].color = colorPalettes[colorStyle][1]; break; case 'tertiary': - selectedThemeColorPalette[idx].color = colorPalettes[colorStyle][2]; + selectedThemeColorPalette[idx].color = colorPalettes[colorStyle][0]; break; } } @@ -199,14 +199,16 @@ const DesignColors = () => { const changeCustomPickerColor = async (color) => { let primaryColorTemp = selectedColors?.color[0].color ?? ''; + let secondaryColorTemp = selectedColors?.color[1].color ?? ''; + let tertiaryColorTemp = selectedColors?.color[2].color ?? ''; let selectedColorsTemp = { "slug": 'custom', "name": 'Custom', "color": [ { "slug": "primary", "name": "Primary", "color": primaryColorTemp }, - { "slug": "secondary", "name": "Secondary", "color": secondaryColor ?? '' }, - { "slug": "tertiary", "name": "Tertiary", "color": tertiaryColor ?? '' }, + { "slug": "secondary", "name": "Secondary", "color": secondaryColor ?? secondaryColorTemp }, + { "slug": "tertiary", "name": "Tertiary", "color": tertiaryColor ?? tertiaryColorTemp }, { "slug": "background", "name": "Background", "color": backgroundColor ?? '' }, ], "supports": ["yith-wonder"] @@ -215,15 +217,15 @@ const DesignColors = () => { switch (colorPickerCalledBy) { case 'background': setBackgroundColor(color); - selectedColorsTemp["background"] = color; + selectedColorsTemp.color[3].color = color; break; case 'secondary': setSecondaryColor(color); - selectedColorsTemp.color[1] = color; + selectedColorsTemp.color[1].color = color; break; case 'tertiary': setTertiaryColor(color); - selectedColorsTemp.color[2] = color; + selectedColorsTemp.color[2].color = color; break; } @@ -283,7 +285,7 @@ const DesignColors = () => {
selectCustomColor('background')}> -
{backgroundColor ?
✓
: null}
@@ -291,7 +293,7 @@ const DesignColors = () => {
selectCustomColor('secondary')}> -
{secondaryColor ?
✓
: null}
@@ -299,7 +301,7 @@ const DesignColors = () => {
selectCustomColor('tertiary')}> -
{tertiaryColor ?
✓
: null}
diff --git a/src/OnboardingSPA/components/Drawer/stylesheet.scss b/src/OnboardingSPA/components/Drawer/stylesheet.scss index 842b57b2c..4e35a0c44 100644 --- a/src/OnboardingSPA/components/Drawer/stylesheet.scss +++ b/src/OnboardingSPA/components/Drawer/stylesheet.scss @@ -220,6 +220,7 @@ $main-color-dark: var(--nfd-onboarding-dark); $main-color-light: var(--nfd-onboarding-white); $main-border-light: var(--nfd-onboarding-border); $main-border-main: var(--nfd-onboarding-primary-alt); +$main-border-main--rgb: var(--nfd-onboarding-highlighted--rgb); .theme-styles-preview { @@ -437,6 +438,9 @@ $main-border-main: var(--nfd-onboarding-primary-alt); justify-content: center; border: 1px solid rgba(0, 0, 0, 0.3); + &-selected-border { + box-shadow: 0px 0px 5px 3px rgba($main-border-main--rgb, 0.5); + } } } } From f02c449433a1f9fa11f7e3125cbc9ae3b9cf038e Mon Sep 17 00:00:00 2001 From: Allen Benny Date: Mon, 3 Oct 2022 17:38:17 +0530 Subject: [PATCH 21/49] Update DesignColors.js --- .../Drawer/DrawerPanel/DesignColors.js | 100 ++++++++++-------- 1 file changed, 58 insertions(+), 42 deletions(-) diff --git a/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js b/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js index b0ca87f8e..ac67104ab 100644 --- a/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js +++ b/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js @@ -36,7 +36,50 @@ const DesignColors = () => { const { updatePreviewSettings, setCurrentOnboardingData } = useDispatch(nfdOnboardingStore); + const colorPalettes = { + 'calm': [ + '#C7DBFF', + '#E6EBEE', + '#1A4733', + ], + 'cool': [ + '#C7DBFF', + '#EDF7FE', + '#21447B', + ], + 'warm': [ + '#FFEDED', + '#FEF7E8', + '#7A3921', + ], + 'radiant': [ + '#C7F0FF', + '#FEF4FB', + '#63156A', + ], + 'bold': [ + '#F2A3D6', + '#FFFBF5', + '#09857C', + ], + 'retro': [ + '#F2E6A2', + '#F5FFFF', + '#096385', + ], + 'professional': [ + '#A2C1F2', + '#F5FAFF', + '#669933', + ], + } + async function setThemeColorPalette(colorStyle) { + const isCustomStyle = colorStyle === 'custom'; + let secondaryColorTemp = selectedColors?.color[1].color ?? null; + let tertiaryColorTemp = selectedColors?.color[2].color ?? null; + let backgroundColorTemp = selectedColors?.color[3].color ?? null; + let selectedGlobalStyle = globalStyles; let selectedThemeColorPalette = selectedGlobalStyle?.settings?.color?.palette?.theme; @@ -44,13 +87,25 @@ const DesignColors = () => { for (let idx = 0; idx < selectedThemeColorPalette.length; idx++) { switch (selectedThemeColorPalette[idx]?.slug) { case 'primary': - selectedThemeColorPalette[idx].color = colorPalettes[colorStyle][2]; + if (!isCustomStyle) + selectedThemeColorPalette[idx].color = colorPalettes[colorStyle][2]; break; case 'secondary': - selectedThemeColorPalette[idx].color = colorPalettes[colorStyle][1]; + if (isCustomStyle && secondaryColorTemp) + selectedThemeColorPalette[idx].color = secondaryColorTemp; + else{ + selectedThemeColorPalette[idx].color = colorPalettes[colorStyle][1]; + } break; case 'tertiary': - selectedThemeColorPalette[idx].color = colorPalettes[colorStyle][0]; + if (isCustomStyle && tertiaryColorTemp) + selectedThemeColorPalette[idx].color = tertiaryColorTemp; + else + selectedThemeColorPalette[idx].color = colorPalettes[colorStyle][0]; + break; + case 'background': + if (isCustomStyle && backgroundColorTemp) + selectedThemeColorPalette[idx].color = backgroundColorTemp; break; } } @@ -136,44 +191,6 @@ const DesignColors = () => { } } - const colorPalettes = { - 'calm': [ - '#C7DBFF', - '#E6EBEE', - '#1A4733', - ], - 'cool': [ - '#C7DBFF', - '#EDF7FE', - '#21447B', - ], - 'warm': [ - '#FFEDED', - '#FEF7E8', - '#7A3921', - ], - 'radiant': [ - '#C7F0FF', - '#FEF4FB', - '#63156A', - ], - 'bold': [ - '#F2A3D6', - '#FFFBF5', - '#09857C', - ], - 'retro': [ - '#F2E6A2', - '#F5FFFF', - '#096385', - ], - 'professional': [ - '#A2C1F2', - '#F5FAFF', - '#669933', - ], - } - const handleClick = (colorStyle) => { const selectedColorsTemp = { "slug": colorStyle, @@ -190,7 +207,6 @@ const DesignColors = () => { currentData.data.palette[0] = selectedColorsTemp; setCurrentOnboardingData(currentData); - // setBackgroundColor(''); setSecondaryColor(); setTertiaryColor(); setThemeColorPalette(colorStyle); From 7a34a7af1ff591fb7d2b14cb4a5b48bfa1e651ab Mon Sep 17 00:00:00 2001 From: Allen Benny Date: Tue, 4 Oct 2022 16:01:51 +0530 Subject: [PATCH 22/49] Fixed on Refresh setting of colors --- .../Drawer/DrawerPanel/DesignColors.js | 28 ++++++++++++------- .../pages/Steps/DesignColors/index.js | 5 ---- 2 files changed, 18 insertions(+), 15 deletions(-) diff --git a/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js b/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js index ac67104ab..e311c3a49 100644 --- a/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js +++ b/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js @@ -20,14 +20,13 @@ const DesignColors = () => { const [backgroundColor, setBackgroundColor] = useState(); const [colorPickerCalledBy, setColorPickerCalledBy] = useState(''); - const { currentStep, currentData, storedPreviewSettings } = useSelect( + const { storedPreviewSettings, currentData } = useSelect( (select) => { return { - currentStep: select(nfdOnboardingStore).getCurrentStep(), - currentData: - select(nfdOnboardingStore).getCurrentOnboardingData(), storedPreviewSettings: select(nfdOnboardingStore).getPreviewSettings(), + currentData: + select(nfdOnboardingStore).getCurrentOnboardingData(), }; }, [] @@ -74,13 +73,13 @@ const DesignColors = () => { ], } - async function setThemeColorPalette(colorStyle) { + function setThemeColorPalette(colorStyle, globalStylesTemp = globalStyles) { const isCustomStyle = colorStyle === 'custom'; let secondaryColorTemp = selectedColors?.color[1].color ?? null; let tertiaryColorTemp = selectedColors?.color[2].color ?? null; let backgroundColorTemp = selectedColors?.color[3].color ?? null; - let selectedGlobalStyle = globalStyles; + let selectedGlobalStyle = globalStylesTemp; let selectedThemeColorPalette = selectedGlobalStyle?.settings?.color?.palette?.theme; if (colorStyle && selectedThemeColorPalette) { @@ -115,13 +114,15 @@ const DesignColors = () => { updatePreviewSettings( useGlobalStylesOutput(selectedGlobalStyle, storedPreviewSettings) ); + + return selectedGlobalStyle; } } - const getStylesAndPatterns = async () => { + const getColorStylesAndPatterns = async () => { const globalStyles = await getGlobalStyles(); let selectedGlobalStyle; - if (currentData.data.theme.variation) { + if (currentData?.data?.theme?.variation) { selectedGlobalStyle = globalStyles.body.filter( (globalStyle) => globalStyle.title === currentData.data.theme.variation @@ -149,15 +150,21 @@ const DesignColors = () => { } else { selectedColors = currentData.data.palette[0]; + + if(selectedColors.slug === 'custom') { + setBackgroundColor(selectedColors?.color[3].color ?? null); + setSecondaryColor(selectedColors?.color[1].color ?? null); + setTertiaryColor(selectedColors?.color[2].color ?? null); + } } setSelectedColors(selectedColors); - setThemeColorPalette(currentData.data.palette[0]['slug']); + setThemeColorPalette(currentData?.data?.palette[0]['slug'], selectedGlobalStyle); setIsLoaded(true); }; useEffect(() => { - if (!isLoaded) getStylesAndPatterns(); + if (!isLoaded) getColorStylesAndPatterns(); }, [isLoaded]); function setCustomColors() { @@ -207,6 +214,7 @@ const DesignColors = () => { currentData.data.palette[0] = selectedColorsTemp; setCurrentOnboardingData(currentData); + setBackgroundColor(); setSecondaryColor(); setTertiaryColor(); setThemeColorPalette(colorStyle); diff --git a/src/OnboardingSPA/pages/Steps/DesignColors/index.js b/src/OnboardingSPA/pages/Steps/DesignColors/index.js index a96aebfd3..8f2f3ae13 100644 --- a/src/OnboardingSPA/pages/Steps/DesignColors/index.js +++ b/src/OnboardingSPA/pages/Steps/DesignColors/index.js @@ -40,7 +40,6 @@ const StepDesignColors = () => { setIsSidebarOpened, setIsDrawerSuppressed, updatePreviewSettings, - setCurrentOnboardingData, } = useDispatch(nfdOnboardingStore); useEffect(() => { @@ -64,10 +63,6 @@ const StepDesignColors = () => { } else { selectedGlobalStyle = globalStyles.body[0]; } - - updatePreviewSettings( - useGlobalStylesOutput(selectedGlobalStyle, storedPreviewSettings) - ); setPattern(pattern?.body); setIsLoaded(true); }; From da894f4832e547a9b5ba031a8d35a87ba103537b Mon Sep 17 00:00:00 2001 From: Allen Benny Date: Tue, 4 Oct 2022 19:11:09 +0530 Subject: [PATCH 23/49] Added Primary Color in custom colors --- .../Drawer/DrawerPanel/DesignColors.js | 44 ++++++++++++++----- 1 file changed, 34 insertions(+), 10 deletions(-) diff --git a/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js b/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js index e311c3a49..d553ad0eb 100644 --- a/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js +++ b/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js @@ -15,6 +15,7 @@ const DesignColors = () => { const [showColorPicker, setShowColorPicker] = useState(false); const [isAccordionClosed, setIsAccordionClosed] = useState(true); + const [primaryColor, setPrimaryColor] = useState(); const [tertiaryColor, setTertiaryColor] = useState(); const [secondaryColor, setSecondaryColor] = useState(); const [backgroundColor, setBackgroundColor] = useState(); @@ -73,11 +74,12 @@ const DesignColors = () => { ], } - function setThemeColorPalette(colorStyle, globalStylesTemp = globalStyles) { + function setThemeColorPalette(colorStyle, selectedColorsTemp = selectedColors, globalStylesTemp = globalStyles) { const isCustomStyle = colorStyle === 'custom'; - let secondaryColorTemp = selectedColors?.color[1].color ?? null; - let tertiaryColorTemp = selectedColors?.color[2].color ?? null; - let backgroundColorTemp = selectedColors?.color[3].color ?? null; + let primaryColorTemp = selectedColorsTemp?.color[0].color ?? null; + let secondaryColorTemp = selectedColorsTemp?.color[1].color ?? null; + let tertiaryColorTemp = selectedColorsTemp?.color[2].color ?? null; + let backgroundColorTemp = selectedColorsTemp?.color[3].color ?? null; let selectedGlobalStyle = globalStylesTemp; let selectedThemeColorPalette = selectedGlobalStyle?.settings?.color?.palette?.theme; @@ -86,15 +88,16 @@ const DesignColors = () => { for (let idx = 0; idx < selectedThemeColorPalette.length; idx++) { switch (selectedThemeColorPalette[idx]?.slug) { case 'primary': - if (!isCustomStyle) + if (isCustomStyle && primaryColorTemp) + selectedThemeColorPalette[idx].color = primaryColorTemp; + else selectedThemeColorPalette[idx].color = colorPalettes[colorStyle][2]; break; case 'secondary': if (isCustomStyle && secondaryColorTemp) selectedThemeColorPalette[idx].color = secondaryColorTemp; - else{ + else selectedThemeColorPalette[idx].color = colorPalettes[colorStyle][1]; - } break; case 'tertiary': if (isCustomStyle && tertiaryColorTemp) @@ -105,6 +108,8 @@ const DesignColors = () => { case 'background': if (isCustomStyle && backgroundColorTemp) selectedThemeColorPalette[idx].color = backgroundColorTemp; + else + selectedThemeColorPalette[idx].color = '#ffffff'; break; } } @@ -153,12 +158,13 @@ const DesignColors = () => { if(selectedColors.slug === 'custom') { setBackgroundColor(selectedColors?.color[3].color ?? null); + setPrimaryColor(selectedColors?.color[0].color ?? null); setSecondaryColor(selectedColors?.color[1].color ?? null); setTertiaryColor(selectedColors?.color[2].color ?? null); } } setSelectedColors(selectedColors); - setThemeColorPalette(currentData?.data?.palette[0]['slug'], selectedGlobalStyle); + setThemeColorPalette(currentData?.data?.palette[0]['slug'], selectedColors, selectedGlobalStyle); setIsLoaded(true); }; @@ -178,6 +184,10 @@ const DesignColors = () => { if (colorPickerCalledBy == 'background' && backgroundColor) selectedThemeColorPalette[idx].color = backgroundColor; break; + case 'primary': + if (colorPickerCalledBy == 'primary' && primaryColor) + selectedThemeColorPalette[idx].color = primaryColor; + break; case 'secondary': if (colorPickerCalledBy == 'secondary' && secondaryColor) selectedThemeColorPalette[idx].color = secondaryColor; @@ -215,6 +225,7 @@ const DesignColors = () => { setCurrentOnboardingData(currentData); setBackgroundColor(); + setPrimaryColor(); setSecondaryColor(); setTertiaryColor(); setThemeColorPalette(colorStyle); @@ -230,7 +241,7 @@ const DesignColors = () => { "slug": 'custom', "name": 'Custom', "color": [ - { "slug": "primary", "name": "Primary", "color": primaryColorTemp }, + { "slug": "primary", "name": "Primary", "color": primaryColor ?? primaryColorTemp }, { "slug": "secondary", "name": "Secondary", "color": secondaryColor ?? secondaryColorTemp }, { "slug": "tertiary", "name": "Tertiary", "color": tertiaryColor ?? tertiaryColorTemp }, { "slug": "background", "name": "Background", "color": backgroundColor ?? '' }, @@ -243,6 +254,10 @@ const DesignColors = () => { setBackgroundColor(color); selectedColorsTemp.color[3].color = color; break; + case 'primary': + setPrimaryColor(color); + selectedColorsTemp.color[0].color = color; + break; case 'secondary': setSecondaryColor(color); selectedColorsTemp.color[1].color = color; @@ -295,6 +310,7 @@ const DesignColors = () => { function buildCustomPalette () { + let primaryColorTemp = selectedColors?.color[0].color ?? '#fff'; let secondaryColorTemp = selectedColors?.color[1].color ?? '#fff'; let tertiaryColorTemp = selectedColors?.color[2].color ?? '#fff'; @@ -310,11 +326,19 @@ const DesignColors = () => {
selectCustomColor('background')}>
+ style={{ backgroundColor: `${backgroundColor ?? '#FFF'}` }}> {backgroundColor ?
✓
: null}
Background
+
selectCustomColor('primary')}> +
+ {primaryColor ?
✓
: null} +
+
Primary
+
selectCustomColor('secondary')}>
Date: Thu, 6 Oct 2022 12:03:16 +0530 Subject: [PATCH 24/49] Fixed Injection of steps --- src/OnboardingSPA/components/App/index.js | 95 ++++++++++++++++++++++- 1 file changed, 92 insertions(+), 3 deletions(-) diff --git a/src/OnboardingSPA/components/App/index.js b/src/OnboardingSPA/components/App/index.js index 50e32d63a..e1538d478 100644 --- a/src/OnboardingSPA/components/App/index.js +++ b/src/OnboardingSPA/components/App/index.js @@ -8,8 +8,9 @@ import { setFlow } from '../../utils/api/flow'; import { getSettings, setSettings } from '../../utils/api/settings'; import { isEmpty, updateWPSettings } from '../../utils/api/ecommerce'; import { store as nfdOnboardingStore } from '../../store'; +import { conditionalSteps } from '../../data/routes/'; -import { kebabCase } from 'lodash'; +import { kebabCase, orderBy, filter } from 'lodash'; import { useViewportMatch } from '@wordpress/compose'; import { useDispatch, useSelect } from '@wordpress/data'; import { SlotFillProvider } from '@wordpress/components'; @@ -33,7 +34,10 @@ const App = () => { newfoldBrand, onboardingFlow, currentData, - firstStep + firstStep, + routes, + designSteps, + allSteps, } = useSelect((select) => { return { isDrawerOpen: select(nfdOnboardingStore).isDrawerOpened(), @@ -41,13 +45,22 @@ const App = () => { onboardingFlow: select(nfdOnboardingStore).getOnboardingFlow(), currentData: select(nfdOnboardingStore).getCurrentOnboardingData(), firstStep: select(nfdOnboardingStore).getFirstStep(), + routes: select(nfdOnboardingStore).getRoutes(), + allSteps: select(nfdOnboardingStore).getAllSteps(), + designSteps: select(nfdOnboardingStore).getDesignSteps(), }; }, []); const [isRequestPlaced, setIsRequestPlaced] = useState(false); const [didVisitBasicInfo, setDidVisitBasicInfo] = useState(false); const [didVisitEcommerce, setDidVisitEcommerce] = useState(false); - const { setActiveStep, setActiveFlow, setCurrentOnboardingData } = useDispatch(nfdOnboardingStore); + const { setActiveStep, + setActiveFlow, + updateRoutes, + updateDesignSteps, + updateAllSteps, + setCurrentOnboardingData, + } = useDispatch(nfdOnboardingStore); async function syncSocialSettings() { const initialData = await getSettings(); @@ -130,12 +143,88 @@ const App = () => { } } + const addColorAndTypographyRoutes = () => { + const updates = removeColorAndTypographyRoutes(); + const steps = [ + conditionalSteps.designColors, + conditionalSteps.designTypography, + ]; + return { + routes: orderBy( + updates.routes.concat(steps), + ['priority'], + ['asc'] + ), + allSteps: orderBy( + updates.allSteps.concat(steps), + ['priority'], + ['asc'] + ), + designSteps: orderBy( + updates.designSteps.concat(steps), + ['priority'], + ['asc'] + ), + }; + }; + + const removeColorAndTypographyRoutes = () => { + return { + routes: filter( + routes, + (route) => + !route.path.includes( + conditionalSteps.designColors.path + ) && + !route.path.includes( + conditionalSteps.designTypography.path + ) + ), + allSteps: filter( + allSteps, + (allStep) => + !allStep.path.includes( + conditionalSteps.designColors.path + ) && + !allStep.path.includes( + conditionalSteps.designTypography.path + ) + ), + designSteps: filter( + designSteps, + (designStep) => + !designStep.path.includes( + conditionalSteps.designColors.path + ) && + !designStep.path.includes( + conditionalSteps.designTypography.path + ) + ), + }; + }; + + function handleInjectedSteps() { + if (location?.pathname.includes('colors') || location?.pathname.includes('typography')){ + let updates; + + if (currentData?.data?.customDesign) + updates = addColorAndTypographyRoutes(); + else + updates = removeColorAndTypographyRoutes(); + + updateRoutes(updates.routes); + updateDesignSteps(updates.designSteps); + updateAllSteps(updates.allSteps); + } + } + useEffect(() => { document.body.classList.add(`nfd-brand-${newfoldBrand}`); }, [newfoldBrand]); useEffect( () => { syncStoreToDB(); + handleInjectedSteps(); if ( location.pathname.includes( '/step' ) ) { setActiveFlow( onboardingFlow ); setActiveStep( location.pathname ); From e11af018dc6ffb95b2527a41a2b16e9f78339cef Mon Sep 17 00:00:00 2001 From: Allen Benny Date: Thu, 6 Oct 2022 12:24:44 +0530 Subject: [PATCH 25/49] Refactored CSS class names --- .../Drawer/DrawerPanel/DesignColors.js | 54 +++++++++---------- .../components/Drawer/stylesheet.scss | 28 +++++----- 2 files changed, 41 insertions(+), 41 deletions(-) diff --git a/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js b/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js index d553ad0eb..4f4b9d1f8 100644 --- a/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js +++ b/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js @@ -290,15 +290,15 @@ const DesignColors = () => { paletteRenderedList.push(
handleClick(colorStyle)}> -
-
+
-
-
-
+
{colorStyle?.charAt(0).toUpperCase() + colorStyle?.slice(1) }
@@ -316,49 +316,49 @@ const DesignColors = () => { return (
-
setIsAccordionClosed(!isAccordionClosed)}> -
SELECT CUSTOM COLORS
- {isAccordionClosed &&
+
} - {!isAccordionClosed &&
-
} +
SELECT CUSTOM COLORS
+ {isAccordionClosed &&
+
} + {!isAccordionClosed &&
-
}
-
-
+
selectCustomColor('background')}> -
- {backgroundColor ?
✓
: null} + {backgroundColor ?
✓
: null}
-
Background
+
Background
-
selectCustomColor('primary')}> -
- {primaryColor ?
✓
: null} + {primaryColor ?
✓
: null}
-
Primary
+
Primary
-
selectCustomColor('secondary')}> -
- {secondaryColor ?
✓
: null} + {secondaryColor ?
✓
: null}
-
Secondary
+
Secondary
-
selectCustomColor('tertiary')}> -
- {tertiaryColor ?
✓
: null} + {tertiaryColor ?
✓
: null}
-
Tertiary
+
Tertiary
{showColorPicker && ( -
setShowColorPicker(false)}>X
Date: Thu, 6 Oct 2022 12:26:20 +0530 Subject: [PATCH 26/49] Removed unused css class --- .../components/Drawer/DrawerPanel/DesignColors.js | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js b/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js index 4f4b9d1f8..5b79027ad 100644 --- a/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js +++ b/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js @@ -327,7 +327,7 @@ const DesignColors = () => { onClick={(e) => selectCustomColor('background')}>
- {backgroundColor ?
✓
: null} + {backgroundColor ?
✓
: null}
Background
@@ -335,7 +335,7 @@ const DesignColors = () => { onClick={(e) => selectCustomColor('primary')}>
- {primaryColor ?
✓
: null} + {primaryColor ? <>✓ : null}
Primary
@@ -343,7 +343,7 @@ const DesignColors = () => { onClick={(e) => selectCustomColor('secondary')}>
- {secondaryColor ?
✓
: null} + {secondaryColor ? <>✓ : null}
Secondary
@@ -351,7 +351,7 @@ const DesignColors = () => { onClick={(e) => selectCustomColor('tertiary')}>
- {tertiaryColor ?
✓
: null} + {tertiaryColor ? <>✓ : null}
Tertiary
From 0ad95cfb497c4c15f04e0d2c5b45480acd906d8c Mon Sep 17 00:00:00 2001 From: Allen Benny Date: Thu, 6 Oct 2022 16:38:48 +0530 Subject: [PATCH 27/49] Removed Log Statement --- src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js | 1 - 1 file changed, 1 deletion(-) diff --git a/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js b/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js index 5b79027ad..fc48f0b07 100644 --- a/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js +++ b/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js @@ -200,7 +200,6 @@ const DesignColors = () => { } selectedGlobalStyle.settings.color.palette.theme = selectedThemeColorPalette; - console.log(selectedGlobalStyle); setGlobalStyles(selectedGlobalStyle); updatePreviewSettings( useGlobalStylesOutput(selectedGlobalStyle, storedPreviewSettings) From aa358c23d27395d3b28765cc838bf1b0280043a1 Mon Sep 17 00:00:00 2001 From: Allen Benny Date: Thu, 6 Oct 2022 17:51:48 +0530 Subject: [PATCH 28/49] Changed order of function call. --- .../components/Drawer/DrawerPanel/DesignColors.js | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js b/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js index fc48f0b07..719dc4063 100644 --- a/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js +++ b/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js @@ -266,11 +266,11 @@ const DesignColors = () => { selectedColorsTemp.color[2].color = color; break; } - + + setCustomColors(); setSelectedColors(selectedColorsTemp); currentData.data.palette[0] = selectedColorsTemp; setCurrentOnboardingData(currentData); - setCustomColors(); } const selectCustomColor = (colorType) => { From 7b58f57e67fefa00948c7c5111710968256ac67f Mon Sep 17 00:00:00 2001 From: Allen Benny Date: Thu, 6 Oct 2022 18:12:33 +0530 Subject: [PATCH 29/49] Update DesignColors.js --- .../components/Drawer/DrawerPanel/DesignColors.js | 13 ++++++------- 1 file changed, 6 insertions(+), 7 deletions(-) diff --git a/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js b/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js index 719dc4063..504fbc33c 100644 --- a/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js +++ b/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js @@ -74,7 +74,7 @@ const DesignColors = () => { ], } - function setThemeColorPalette(colorStyle, selectedColorsTemp = selectedColors, globalStylesTemp = globalStyles) { + async function setThemeColorPalette(colorStyle, selectedColorsTemp = selectedColors, globalStylesTemp = globalStyles) { const isCustomStyle = colorStyle === 'custom'; let primaryColorTemp = selectedColorsTemp?.color[0].color ?? null; let secondaryColorTemp = selectedColorsTemp?.color[1].color ?? null; @@ -173,7 +173,7 @@ const DesignColors = () => { if (!isLoaded) getColorStylesAndPatterns(); }, [isLoaded]); - function setCustomColors() { + async function setCustomColors() { let selectedGlobalStyle = globalStyles; let selectedThemeColorPalette = selectedGlobalStyle?.settings?.color?.palette?.theme; @@ -219,19 +219,18 @@ const DesignColors = () => { ], "supports": ["yith-wonder"] }; - setSelectedColors(selectedColorsTemp); - currentData.data.palette[0] = selectedColorsTemp; - setCurrentOnboardingData(currentData); - setBackgroundColor(); setPrimaryColor(); setSecondaryColor(); setTertiaryColor(); setThemeColorPalette(colorStyle); + + setSelectedColors(selectedColorsTemp); + currentData.data.palette[0] = selectedColorsTemp; + setCurrentOnboardingData(currentData); }; const changeCustomPickerColor = async (color) => { - let primaryColorTemp = selectedColors?.color[0].color ?? ''; let secondaryColorTemp = selectedColors?.color[1].color ?? ''; let tertiaryColorTemp = selectedColors?.color[2].color ?? ''; From 2565f0baf205d8fdd753787e359814efc7c33e07 Mon Sep 17 00:00:00 2001 From: Allen Benny Date: Fri, 7 Oct 2022 13:28:11 +0530 Subject: [PATCH 30/49] Fixed Min Height before render This prevents a sudden jump in the size or the preview. --- src/OnboardingSPA/pages/Steps/DesignColors/stylesheet.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/OnboardingSPA/pages/Steps/DesignColors/stylesheet.scss b/src/OnboardingSPA/pages/Steps/DesignColors/stylesheet.scss index fbc1341b3..31a97e0b2 100644 --- a/src/OnboardingSPA/pages/Steps/DesignColors/stylesheet.scss +++ b/src/OnboardingSPA/pages/Steps/DesignColors/stylesheet.scss @@ -36,7 +36,7 @@ &__live-preview-container { width: 70%; - min-height: 90%; + min-height: 90vh; overflow: hidden; position: relative; align-items: center; From 53dff7bf6386047289e52e07f778a0dfbe7e9a01 Mon Sep 17 00:00:00 2001 From: Allen Benny Date: Tue, 11 Oct 2022 12:37:10 +0530 Subject: [PATCH 31/49] Fixed Review comments --- src/OnboardingSPA/components/App/index.js | 10 +- .../Drawer/DrawerPanel/DesignColors.js | 99 +++++++++---------- .../components/Drawer/stylesheet.scss | 6 +- 3 files changed, 55 insertions(+), 60 deletions(-) diff --git a/src/OnboardingSPA/components/App/index.js b/src/OnboardingSPA/components/App/index.js index e1538d478..67e049481 100644 --- a/src/OnboardingSPA/components/App/index.js +++ b/src/OnboardingSPA/components/App/index.js @@ -203,14 +203,10 @@ const App = () => { }; }; - function handleInjectedSteps() { + function handleColorsAndTypographyRoutes() { if (location?.pathname.includes('colors') || location?.pathname.includes('typography')){ let updates; - - if (currentData?.data?.customDesign) - updates = addColorAndTypographyRoutes(); - else - updates = removeColorAndTypographyRoutes(); + updates = currentData?.data?.customDesign ? addColorAndTypographyRoutes() : removeColorAndTypographyRoutes(); updateRoutes(updates.routes); updateDesignSteps(updates.designSteps); @@ -224,7 +220,7 @@ const App = () => { useEffect( () => { syncStoreToDB(); - handleInjectedSteps(); + handleColorsAndTypographyRoutes(); if ( location.pathname.includes( '/step' ) ) { setActiveFlow( onboardingFlow ); setActiveStep( location.pathname ); diff --git a/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js b/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js index 504fbc33c..26a31ab6e 100644 --- a/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js +++ b/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js @@ -37,41 +37,41 @@ const DesignColors = () => { useDispatch(nfdOnboardingStore); const colorPalettes = { - 'calm': [ - '#C7DBFF', - '#E6EBEE', - '#1A4733', - ], - 'cool': [ - '#C7DBFF', - '#EDF7FE', - '#21447B', - ], - 'warm': [ - '#FFEDED', - '#FEF7E8', - '#7A3921', - ], - 'radiant': [ - '#C7F0FF', - '#FEF4FB', - '#63156A', - ], - 'bold': [ - '#F2A3D6', - '#FFFBF5', - '#09857C', - ], - 'retro': [ - '#F2E6A2', - '#F5FFFF', - '#096385', - ], - 'professional': [ - '#A2C1F2', - '#F5FAFF', - '#669933', - ], + 'calm': { + 'tertiary': '#C7DBFF', + 'secondary': '#E6EBEE', + 'primary': '#1A4733', + }, + 'cool': { + 'tertiary': '#C7DBFF', + 'secondary': '#EDF7FE', + 'primary': '#21447B', + }, + 'warm': { + 'tertiary': '#FFEDED', + 'secondary': '#FEF7E8', + 'primary': '#7A3921', + }, + 'radiant': { + 'tertiary': '#C7F0FF', + 'secondary': '#FEF4FB', + 'primary': '#63156A', + }, + 'bold': { + 'tertiary': '#F2A3D6', + 'secondary': '#FFFBF5', + 'primary': '#09857C', + }, + 'retro': { + 'tertiary': '#F2E6A2', + 'secondary': '#F5FFFF', + 'primary': '#096385', + }, + 'professional': { + 'tertiary': '#A2C1F2', + 'secondary': '#F5FAFF', + 'primary': '#669933', + }, } async function setThemeColorPalette(colorStyle, selectedColorsTemp = selectedColors, globalStylesTemp = globalStyles) { @@ -91,19 +91,19 @@ const DesignColors = () => { if (isCustomStyle && primaryColorTemp) selectedThemeColorPalette[idx].color = primaryColorTemp; else - selectedThemeColorPalette[idx].color = colorPalettes[colorStyle][2]; + selectedThemeColorPalette[idx].color = colorPalettes[colorStyle].primary; break; case 'secondary': if (isCustomStyle && secondaryColorTemp) selectedThemeColorPalette[idx].color = secondaryColorTemp; else - selectedThemeColorPalette[idx].color = colorPalettes[colorStyle][1]; + selectedThemeColorPalette[idx].color = colorPalettes[colorStyle].secondary; break; case 'tertiary': if (isCustomStyle && tertiaryColorTemp) selectedThemeColorPalette[idx].color = tertiaryColorTemp; else - selectedThemeColorPalette[idx].color = colorPalettes[colorStyle][0]; + selectedThemeColorPalette[idx].color = colorPalettes[colorStyle].tertiary; break; case 'background': if (isCustomStyle && backgroundColorTemp) @@ -212,9 +212,9 @@ const DesignColors = () => { "slug": colorStyle, "name": colorStyle?.charAt(0).toUpperCase() + colorStyle?.slice(1), "color": [ - { "slug": "primary", "name": "Primary", "color": colorPalettes[colorStyle][2] }, - { "slug": "secondary", "name": "Secondary", "color": colorPalettes[colorStyle][1] }, - { "slug": "tertiary", "name": "Tertiary", "color": colorPalettes[colorStyle][0] }, + { "slug": "primary", "name": "Primary", "color": colorPalettes[colorStyle].primary }, + { "slug": "secondary", "name": "Secondary", "color": colorPalettes[colorStyle].secondary }, + { "slug": "tertiary", "name": "Tertiary", "color": colorPalettes[colorStyle].tertiary }, { "slug": "background", "name": "Background", "color": "" }, ], "supports": ["yith-wonder"] @@ -273,10 +273,9 @@ const DesignColors = () => { } const selectCustomColor = (colorType) => { - const showColorPickerTemp = showColorPicker; - setShowColorPicker(!showColorPickerTemp); + setShowColorPicker(!showColorPicker); - if (!showColorPickerTemp) + if (!showColorPicker) setColorPickerCalledBy(colorType); else setColorPickerCalledBy(''); @@ -289,12 +288,12 @@ const DesignColors = () => {
handleClick(colorStyle)}>
-
-
-
+
+
+
{colorStyle?.charAt(0).toUpperCase() + colorStyle?.slice(1) } diff --git a/src/OnboardingSPA/components/Drawer/stylesheet.scss b/src/OnboardingSPA/components/Drawer/stylesheet.scss index 496481e35..9a26ab6f1 100644 --- a/src/OnboardingSPA/components/Drawer/stylesheet.scss +++ b/src/OnboardingSPA/components/Drawer/stylesheet.scss @@ -351,7 +351,7 @@ $main-border-main--rgb: var(--nfd-onboarding-highlighted--rgb); align-items: center; justify-content: space-between; - &-tert { + &--tertiary { width: 22px; height: 22px; border-radius: 50%; @@ -359,7 +359,7 @@ $main-border-main--rgb: var(--nfd-onboarding-highlighted--rgb); border: 1px solid rgba(0, 0, 0, 0.3); } - &-scnd { + &--secondary { left: 35px; width: 22px; height: 22px; @@ -368,7 +368,7 @@ $main-border-main--rgb: var(--nfd-onboarding-highlighted--rgb); border: 1px solid rgba(0, 0, 0, 0.3); } - &-prim { + &--primary { left: 55px; width: 22px; height: 22px; From cdc92e6b18243dade6ee067de00da07bebeda640 Mon Sep 17 00:00:00 2001 From: Allen Benny Date: Tue, 11 Oct 2022 13:43:26 +0530 Subject: [PATCH 32/49] Added default Data Structure in Flows --- includes/Data/Flows.php | 12 ++++++---- .../Drawer/DrawerPanel/DesignColors.js | 24 +++++-------------- 2 files changed, 14 insertions(+), 22 deletions(-) diff --git a/includes/Data/Flows.php b/includes/Data/Flows.php index 3d3885431..87a8dbfb1 100644 --- a/includes/Data/Flows.php +++ b/includes/Data/Flows.php @@ -67,11 +67,15 @@ final class Flows { 'customDesign' => false, 'palette' => array( - array( - 'slug' => '', - 'color' => '', - 'name' => '', + 'slug'=> '', + 'name'=> '', + 'color'=> array( + array('slug'=> 'primary', 'name'=> 'Primary', 'color'=> ''), + array( 'slug'=> 'secondary', 'name'=> 'Secondary', 'color'=> ''), + array( 'slug'=> 'tertiary', 'name'=> 'Tertiary', 'color'=> ''), + array( 'slug'=> 'background', 'name'=> 'Background', 'color'=> '') ), + 'supports' => array('yith-wonder') ), 'typography' => array( diff --git a/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js b/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js index 26a31ab6e..ae900fac9 100644 --- a/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js +++ b/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js @@ -136,25 +136,13 @@ const DesignColors = () => { selectedGlobalStyle = globalStyles.body[0]; } setGlobalStyles(selectedGlobalStyle); - let selectedColors; - if (!currentData?.data?.palette[0]?.hasOwnProperty('supports')) { - currentData.data.palette[0] = { - "slug": "", - "name": "", - "color": [ - {"slug": "primary", "name": "Primary", "color": ""}, - { "slug": "secondary", "name": "Secondary", "color": ""}, - { "slug": "tertiary", "name": "Tertiary", "color": ""}, - { "slug": "background", "name": "Background", "color": ""}, - ], - "supports": ["yith-wonder"] - }; - selectedColors = currentData.data.palette[0]; + if (!currentData?.data?.palette?.slug === '') { + selectedColors = currentData.data.palette; setCurrentOnboardingData(currentData); } else { - selectedColors = currentData.data.palette[0]; + selectedColors = currentData.data.palette; if(selectedColors.slug === 'custom') { setBackgroundColor(selectedColors?.color[3].color ?? null); @@ -164,7 +152,7 @@ const DesignColors = () => { } } setSelectedColors(selectedColors); - setThemeColorPalette(currentData?.data?.palette[0]['slug'], selectedColors, selectedGlobalStyle); + setThemeColorPalette(currentData?.data?.palette['slug'], selectedColors, selectedGlobalStyle); setIsLoaded(true); }; @@ -226,7 +214,7 @@ const DesignColors = () => { setThemeColorPalette(colorStyle); setSelectedColors(selectedColorsTemp); - currentData.data.palette[0] = selectedColorsTemp; + currentData.data.palette = selectedColorsTemp; setCurrentOnboardingData(currentData); }; @@ -268,7 +256,7 @@ const DesignColors = () => { setCustomColors(); setSelectedColors(selectedColorsTemp); - currentData.data.palette[0] = selectedColorsTemp; + currentData.data.palette = selectedColorsTemp; setCurrentOnboardingData(currentData); } From a96ac6464e73d6a19573b6da19e4ce1da7fe2e61 Mon Sep 17 00:00:00 2001 From: Allen Benny Date: Tue, 11 Oct 2022 19:37:20 +0530 Subject: [PATCH 33/49] Refactored Code --- .../Drawer/DrawerPanel/DesignColors.js | 203 +++++++++--------- 1 file changed, 101 insertions(+), 102 deletions(-) diff --git a/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js b/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js index ae900fac9..9be1ac385 100644 --- a/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js +++ b/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js @@ -12,9 +12,11 @@ const DesignColors = () => { const [isLoaded, setIsLoaded] = useState(false); const [globalStyles, setGlobalStyles] = useState(); const [selectedColors, setSelectedColors] = useState(); + const [selectedColorsLocal, setSelectedColorsLocal] = useState(); const [showColorPicker, setShowColorPicker] = useState(false); const [isAccordionClosed, setIsAccordionClosed] = useState(true); + const [customColors, setCustomColors] = useState(); const [primaryColor, setPrimaryColor] = useState(); const [tertiaryColor, setTertiaryColor] = useState(); const [secondaryColor, setSecondaryColor] = useState(); @@ -41,46 +43,83 @@ const DesignColors = () => { 'tertiary': '#C7DBFF', 'secondary': '#E6EBEE', 'primary': '#1A4733', + 'background': '' }, 'cool': { 'tertiary': '#C7DBFF', 'secondary': '#EDF7FE', 'primary': '#21447B', + 'background': '' }, 'warm': { 'tertiary': '#FFEDED', 'secondary': '#FEF7E8', 'primary': '#7A3921', + 'background': '' }, 'radiant': { 'tertiary': '#C7F0FF', 'secondary': '#FEF4FB', 'primary': '#63156A', + 'background': '' }, 'bold': { 'tertiary': '#F2A3D6', 'secondary': '#FFFBF5', 'primary': '#09857C', + 'background': '' }, 'retro': { 'tertiary': '#F2E6A2', 'secondary': '#F5FFFF', 'primary': '#096385', + 'background': '' }, 'professional': { 'tertiary': '#A2C1F2', 'secondary': '#F5FAFF', 'primary': '#669933', + 'background': '' }, } - async function setThemeColorPalette(colorStyle, selectedColorsTemp = selectedColors, globalStylesTemp = globalStyles) { - const isCustomStyle = colorStyle === 'custom'; - let primaryColorTemp = selectedColorsTemp?.color[0].color ?? null; - let secondaryColorTemp = selectedColorsTemp?.color[1].color ?? null; - let tertiaryColorTemp = selectedColorsTemp?.color[2].color ?? null; - let backgroundColorTemp = selectedColorsTemp?.color[3].color ?? null; + function stateToLocal(selectedColors) { + if (selectedColors) { + let selectedColorsLocalTemp = {}; + selectedColors?.color.forEach(color => { + selectedColorsLocalTemp[color.slug] = color.color; + }); + + setSelectedColorsLocal(selectedColorsLocalTemp); + return selectedColorsLocalTemp; + } + } + + function LocalToState(selectedColorsLocalTemp, colorStyle) { + if (selectedColorsLocalTemp && colorStyle) { + let selectedColorsTemp = selectedColors; + selectedColorsTemp.slug = colorStyle; + selectedColorsTemp.name = colorStyle?.charAt(0).toUpperCase() + colorStyle?.slice(1); + + let colorsArray = []; + for (let colorName in selectedColorsLocalTemp) { + colorsArray.push({ + 'slug': colorName, + 'name': colorName?.charAt(0).toUpperCase() + colorName?.slice(1), + 'color': selectedColorsLocalTemp[colorName] + }); + } + + selectedColorsTemp.color = colorsArray; + setSelectedColors(selectedColorsTemp); + currentData.data.palette = selectedColorsTemp; + setCurrentOnboardingData(currentData); + return selectedColorsTemp; + } + } + async function saveThemeColorPalette(colorStyle, selectedColorsLocalTemp = selectedColors, globalStylesTemp = globalStyles) { + const isCustomStyle = colorStyle === 'custom'; let selectedGlobalStyle = globalStylesTemp; let selectedThemeColorPalette = selectedGlobalStyle?.settings?.color?.palette?.theme; @@ -88,27 +127,27 @@ const DesignColors = () => { for (let idx = 0; idx < selectedThemeColorPalette.length; idx++) { switch (selectedThemeColorPalette[idx]?.slug) { case 'primary': - if (isCustomStyle && primaryColorTemp) - selectedThemeColorPalette[idx].color = primaryColorTemp; - else + if (isCustomStyle && selectedColorsLocalTemp?.primary != '') + selectedThemeColorPalette[idx].color = selectedColorsLocalTemp.primary; + else if (!isCustomStyle) selectedThemeColorPalette[idx].color = colorPalettes[colorStyle].primary; break; case 'secondary': - if (isCustomStyle && secondaryColorTemp) - selectedThemeColorPalette[idx].color = secondaryColorTemp; - else + if (isCustomStyle && selectedColorsLocalTemp?.secondary != '') + selectedThemeColorPalette[idx].color = selectedColorsLocalTemp.secondary; + else if (!isCustomStyle) selectedThemeColorPalette[idx].color = colorPalettes[colorStyle].secondary; break; case 'tertiary': - if (isCustomStyle && tertiaryColorTemp) - selectedThemeColorPalette[idx].color = tertiaryColorTemp; - else + if (isCustomStyle && selectedColorsLocalTemp?.tertiary != '') + selectedThemeColorPalette[idx].color = selectedColorsLocalTemp.tertiary; + else if (!isCustomStyle) selectedThemeColorPalette[idx].color = colorPalettes[colorStyle].tertiary; break; case 'background': - if (isCustomStyle && backgroundColorTemp) - selectedThemeColorPalette[idx].color = backgroundColorTemp; - else + if (isCustomStyle && selectedColorsLocalTemp?.background != '') + selectedThemeColorPalette[idx].color = selectedColorsLocalTemp.background; + else if (!isCustomStyle) selectedThemeColorPalette[idx].color = '#ffffff'; break; } @@ -137,22 +176,24 @@ const DesignColors = () => { } setGlobalStyles(selectedGlobalStyle); let selectedColors; + let selectedColorsLocal; if (!currentData?.data?.palette?.slug === '') { selectedColors = currentData.data.palette; + selectedColorsLocal = stateToLocal(selectedColors); + setCustomColors(selectedColorsLocal); setCurrentOnboardingData(currentData); } else { selectedColors = currentData.data.palette; + selectedColorsLocal = stateToLocal(selectedColors); + setCustomColors(selectedColorsLocal); if(selectedColors.slug === 'custom') { - setBackgroundColor(selectedColors?.color[3].color ?? null); - setPrimaryColor(selectedColors?.color[0].color ?? null); - setSecondaryColor(selectedColors?.color[1].color ?? null); - setTertiaryColor(selectedColors?.color[2].color ?? null); + setCustomColors(selectedColorsLocal); } } setSelectedColors(selectedColors); - setThemeColorPalette(currentData?.data?.palette['slug'], selectedColors, selectedGlobalStyle); + saveThemeColorPalette(currentData?.data?.palette['slug'], selectedColorsLocal, selectedGlobalStyle); setIsLoaded(true); }; @@ -161,7 +202,7 @@ const DesignColors = () => { if (!isLoaded) getColorStylesAndPatterns(); }, [isLoaded]); - async function setCustomColors() { + async function saveCustomColors() { let selectedGlobalStyle = globalStyles; let selectedThemeColorPalette = selectedGlobalStyle?.settings?.color?.palette?.theme; @@ -169,20 +210,20 @@ const DesignColors = () => { for (let idx = 0; idx < selectedThemeColorPalette.length; idx++) { switch (selectedThemeColorPalette[idx]?.slug) { case 'background': - if (colorPickerCalledBy == 'background' && backgroundColor) - selectedThemeColorPalette[idx].color = backgroundColor; + if (colorPickerCalledBy == 'background' && customColors?.background) + selectedThemeColorPalette[idx].color = customColors?.background; break; case 'primary': - if (colorPickerCalledBy == 'primary' && primaryColor) - selectedThemeColorPalette[idx].color = primaryColor; + if (colorPickerCalledBy == 'primary' && customColors?.primary) + selectedThemeColorPalette[idx].color = customColors?.primary; break; case 'secondary': - if (colorPickerCalledBy == 'secondary' && secondaryColor) - selectedThemeColorPalette[idx].color = secondaryColor; + if (colorPickerCalledBy == 'secondary' && customColors?.secondary) + selectedThemeColorPalette[idx].color = customColors?.secondary; break; case 'tertiary': - if (colorPickerCalledBy == 'tertiary' && tertiaryColor) - selectedThemeColorPalette[idx].color = tertiaryColor; + if (colorPickerCalledBy == 'tertiary' && customColors?.tertiary) + selectedThemeColorPalette[idx].color = customColors?.tertiary; break; } } @@ -196,68 +237,26 @@ const DesignColors = () => { } const handleClick = (colorStyle) => { - const selectedColorsTemp = { - "slug": colorStyle, - "name": colorStyle?.charAt(0).toUpperCase() + colorStyle?.slice(1), - "color": [ - { "slug": "primary", "name": "Primary", "color": colorPalettes[colorStyle].primary }, - { "slug": "secondary", "name": "Secondary", "color": colorPalettes[colorStyle].secondary }, - { "slug": "tertiary", "name": "Tertiary", "color": colorPalettes[colorStyle].tertiary }, - { "slug": "background", "name": "Background", "color": "" }, - ], - "supports": ["yith-wonder"] - }; - setBackgroundColor(); - setPrimaryColor(); - setSecondaryColor(); - setTertiaryColor(); - setThemeColorPalette(colorStyle); - - setSelectedColors(selectedColorsTemp); - currentData.data.palette = selectedColorsTemp; - setCurrentOnboardingData(currentData); + let selectedColorsLocalTemp = selectedColorsLocal; + selectedColorsLocalTemp = colorPalettes[colorStyle]; + + let customColorsTemp = customColors; + for(let custom in customColorsTemp) + customColorsTemp[custom] = ''; + + saveThemeColorPalette(colorStyle); + setSelectedColorsLocal(selectedColorsLocalTemp); + LocalToState(selectedColorsLocalTemp, colorStyle); }; const changeCustomPickerColor = async (color) => { - let primaryColorTemp = selectedColors?.color[0].color ?? ''; - let secondaryColorTemp = selectedColors?.color[1].color ?? ''; - let tertiaryColorTemp = selectedColors?.color[2].color ?? ''; - - let selectedColorsTemp = { - "slug": 'custom', - "name": 'Custom', - "color": [ - { "slug": "primary", "name": "Primary", "color": primaryColor ?? primaryColorTemp }, - { "slug": "secondary", "name": "Secondary", "color": secondaryColor ?? secondaryColorTemp }, - { "slug": "tertiary", "name": "Tertiary", "color": tertiaryColor ?? tertiaryColorTemp }, - { "slug": "background", "name": "Background", "color": backgroundColor ?? '' }, - ], - "supports": ["yith-wonder"] - }; - - switch (colorPickerCalledBy) { - case 'background': - setBackgroundColor(color); - selectedColorsTemp.color[3].color = color; - break; - case 'primary': - setPrimaryColor(color); - selectedColorsTemp.color[0].color = color; - break; - case 'secondary': - setSecondaryColor(color); - selectedColorsTemp.color[1].color = color; - break; - case 'tertiary': - setTertiaryColor(color); - selectedColorsTemp.color[2].color = color; - break; - } + + let selectedColorsLocalTemp = selectedColorsLocal; + selectedColorsLocalTemp = customColors; + customColors[colorPickerCalledBy] = color; - setCustomColors(); - setSelectedColors(selectedColorsTemp); - currentData.data.palette = selectedColorsTemp; - setCurrentOnboardingData(currentData); + saveCustomColors(); + LocalToState(selectedColorsLocalTemp, 'custom'); } const selectCustomColor = (colorType) => { @@ -310,33 +309,33 @@ const DesignColors = () => {
selectCustomColor('background')}> -
- {backgroundColor ?
✓
: null} +
+ {customColors?.background ?
✓
: null}
Background
selectCustomColor('primary')}> -
- {primaryColor ? <>✓ : null} +
+ {customColors?.primary ? <>✓ : null}
Primary
selectCustomColor('secondary')}> -
- {secondaryColor ? <>✓ : null} +
+ {customColors?.secondary ? <>✓ : null}
Secondary
selectCustomColor('tertiary')}> -
- {tertiaryColor ? <>✓ : null} +
+ {customColors?.tertiary ? <>✓ : null}
Tertiary
From a502c7ecd2230d99e596dcfcb2a300e43f3adfd5 Mon Sep 17 00:00:00 2001 From: Allen Benny Date: Tue, 11 Oct 2022 19:39:59 +0530 Subject: [PATCH 34/49] Removed unused vars and rearranged function declarations --- build/0.2.3/images/content.858e85fb.png | Bin 0 -> 9354 bytes build/0.2.3/images/design.546a8025.png | Bin 0 -> 11400 bytes build/0.2.3/images/features.31cf035a.png | Bin 0 -> 12804 bytes build/0.2.3/onboarding.asset.php | 1 + build/0.2.3/onboarding.css | 3653 ++++++ build/0.2.3/onboarding.js | 10750 ++++++++++++++++ .../Drawer/DrawerPanel/DesignColors.js | 75 +- 7 files changed, 14440 insertions(+), 39 deletions(-) create mode 100644 build/0.2.3/images/content.858e85fb.png create mode 100644 build/0.2.3/images/design.546a8025.png create mode 100644 build/0.2.3/images/features.31cf035a.png create mode 100644 build/0.2.3/onboarding.asset.php create mode 100644 build/0.2.3/onboarding.css create mode 100644 build/0.2.3/onboarding.js diff --git a/build/0.2.3/images/content.858e85fb.png b/build/0.2.3/images/content.858e85fb.png new file mode 100644 index 0000000000000000000000000000000000000000..28abb6a00ca8c0cc061a77b874fdbb6965579302 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 0 HcmV?d00001 diff --git a/build/0.2.3/images/design.546a8025.png b/build/0.2.3/images/design.546a8025.png new file mode 100644 index 0000000000000000000000000000000000000000..d65d00d286510b983f0dd0e344a7c956a3396340 GIT binary patch literal 11400 zcmV;3EO*n1P)L`EeFMC$;M?2V-{0T={r%O|)gT}sqN1YT@Aci?-6cXqR4YjmBnQc_ZAXlVZZ`_|#+%gf7UWo7sO|GK)mf`Wo>Zf@}K@SUBV zg@uLd>+9Fo*V59`Btb>ExVVpxkNW@qwzjsXr>ApsbNAuN!^6Xyo11WOaPjx}?C$QU zsHtCHU-|s~?(gnTPfwGRlVf9JjEszVd3j-BVIm?Tz`($-udj)TiSqdQq@|@uNJ#tt z|FpEUkf*bqU0hsTGcz+QD=USQp7i?s#l^+M z#Kf_&u~}JJ^x(<7yu4jrUOPKGy}i99JU-{`?~99zB|ky*{r>jy?8MmM_~OTglb-AN z`|9%a?^J_7>-@cR75#>Upkx@nE0b#-+(I5_U~_uuI2ew(d?lAKq6o7wR8 z{P^?l+{WtI#{T^I<@WgS>*M6y)33$QufWUS&%G)^LfFm0w!gq;g`3pr?%3n#(BJ0Y z)yq?4Wi&}jzTWA}+T-cs*`d74+|k6XxVeIjj|mA0(c|mJ-R8U3;hwg`l&-yTk*7#q zUb4{Mxy8wZslR`qwWhJOc$21%oSyCG-q70Iy3W_X%g>Rx%88(_jhv-{mZD~QfMIcQ zKvGjZJv|W-5zN-tvCr3CYHY2>*P5xaahR`mgM`)H+=`W)W$YkX0000DbW%=JK!6~h zIOhQ0kw6@95Gib5;{X6DDoI2^RCwC#om+1*MHt7`c!-+yak8nK&4LJARCiH!VRx1i|fxIPM#g*0x)A_uu z!hfAiq->d{-jbOjXEKa+zS(SkEBG^8NycboI__pFkysL#Xg-sfQyEE1RAn@~3{r8s zL%H*r;+#Fola6H`_o`nKbS|TD@yuW}iZ+WNMjgvmqq%J~HiFcyxGOqcV)BF(+In-U znQ8isMqy4b7~1BORI}JjP`geh?Y5=H{7VL7M)Vg2b4M_ezeUE^Zoz%$t-oI%efaLX zZ+-Cor=RJ^#>QEvhUg0*SP(P_wzAgb0hL-CuWOlvoewOcZ|hFVyJ(mZO?JLh)&iKH znYAll2eT|$a5EOO5eQ~M&$+`9k=K`X^&&%=EhRq$S9siSCd`i2(58)-`ao^sY5*ilq;{*zMq>u+^FtI7_Q12s~%^>gHY^P zhTAwOn(lxE{CH$=8T9}z0lXjKBHPG(+aR?G!Vq*Vs)^~2RWlxpkd5XTjb>bD6awI+ zrPD4&;p!;i>M(#!OlQfg=cYSnB2t@ONdqDq#qpdBL35g8<3X2}0|0+1SoEt+xd?%% zvyK%3n`DsM&w%LannkdrU6Ndln<;kvR-oE036Whj5|_Tt**VG8%`px=$L79f2O%+F z$>IEvo&L9n1t9uD0M`i?CJpj$FT>$1B4j_v#_J7z?UIe4WUhS#+(_;P$sGdXdUoV5 zG3cfP7^I4?Z$dEWMCrQk#4crTci}#U$o=p(Ts5Qq<#PjNGmwIJxPoHF8>A%tKT8Ei zuT8HV>Q^y}v~20W8E6R4?IG$GJ2bHOt31vz_rs5d;A)5`tpDK-^grBD68*|cH+th= zfXfEQ+s3*?_a3HOB?z5MUM9Xx&Ic-#}o_Ok;Ik_$*Sm`vAY+0gSK zIT0cV1|pPRSW;=E)YS;6cg#~ZN}}|^l1hmx%)nO9~nke|Ab*?SM>z z8X=O6m~g|0zyWSKA2I+ZkO;9R+?arkqTFM&fPgiq0r1uY<0}zFsu9VkK^AFXaaXL| z2=A~HCUG|=z#SmDvfRH>$KvS4doi)tE_cPkJ);c3qkubn5&?1Q=tp;SSyXt}t7*Y<<6zYtNyteSvk}vbi~%wUgU&Lx5!KV40bp^rSWI zO^*!$)WU&)OC2q6de3agfppn=ZOXjDG-4LqI%Plv8Vk&BO!L{**@A;UtNX$-Tz`tC zQ*+;X>RH}d`!1`SH&|-{k6sf^f;Gi_TbK+{#I?|4hC4J{05n%$Oqb%}l(rgRLN@6< zIKI$nwAvJAuoOtl?Wu~Fjj^2$wG)iw-IkptDO;VobS1pYiSo>;O#mP_<|D3vu3fU* zRxTI-*x2(Y%hGazuiM00%y}3U*Yo;TG7vO{o7$8JfR@_Y(z4@VS$DW4mgjWOd>HPO zPo$1c&sE&{qVr?5gr#@K-`86sVx@o3`l$0knJp> zLGG&yj}d^NYfBLEG;9TqtE3F|MRne-+gC%^qusMWEM+Yf+%pIOVs1L*LaZlgTQvaz zP^)lc))g)I_u?>i=x;eei1?2WGPJs~Q_ZmmkmR0kU0J*kP+5It0WA(j^IpM1chi(CRQT#n~gv>l;f_P+WFC@ER60nj-!CkMVcv(F2CdojR z+O0Sz-ND%{>%J4VtK-?R;t?gob)&Pr*BNwPW@06wNZtPbbhjt9tlA6p_0z!VF5!#=w zM*V@^n*c@64_x$b!hP%ckxOSLJtrI$tH-9;e2_c!1eVyvEtBk{qk&B`*YwpUGe(r2 z>~_uwsSwz5@*x3=OM*KP*3$?G+Z-69^{}2xXRdqRa(g^EH0MTBwR(yHs#aRFNUJ2j zKGyKf+DN?5^lUg*ic^+! z0k?$u>#S(_WDX5hDHYvh2>H=dkISv%U~lO9XCTEj*wnU)lir zp8H-j4Ap>P?|?W`DuH5n?n2V&OvQ%y^by0oFG3;kSF0bkw{4@gDs~qx8Xkl1r>l$x ze}e`C$G|djOODSO7Pz55P6YSC?JYw79dNnfr-IPvM=q!{5`p@IA{Dbjzi^$>B=pKM z0#nM40D4~2m_QK1w=B_Xac3kRs5e0vb`Snwl5JIp;YcJKSeg*GU@);5=rOM?46lk2 z@}l2&K|qKDT;LE`qC74E!W+2=fOH{DSI!e48;twr>x#-XZ)#Q~2<;IiR|ln=o2&Fl z2|k1c*Dhs9LCSszq~v=xxt@DIZezrn1!1a3K> z7N-uUI(zQg_w9@0YG_3S6iKZtIX1)Y{W;@?FTdxC?3=sZOg2M<9E#LoLlo2Js^DSX zSG5GZdC{|(+L-~ME2~I4vU+M;D<}4V3i2BWK=j7u7pCTXyXU*{b6z-*Fub+^kS&7I6U-m1hiWH`&9~RK z9!iBKGM%S`J1m=(;p!(%V}}gnJi$E!_!p-4&1A+`K2w7%epWKEx*fZBG877l;WYS< zH$od}4nPQ}!@1M%NG=(k2{^#LP5@NqH9*tNz1q2l3h1C2#vI2kSJzjYyD<%1DR3>g zqNz}Xu@acR>qJ|jP;G2PhJ_y7n`6mtHoka}?9Ph3OUgBzy8-K=J-QIgAD;z}Savgr zYwGtM;!2LGtlJkZ4DJoff`2T?6bpixmm{|>0-@cRTAycTnv|yv*0P^T>wo~1+^ahs z=i`x$lw-CVFRUUUf?hl2p4myqR~5KE8i9QuHyHc6WVd=_%mOvzm6zbzLPagZ&8EMt ztN4t41mWV1WwyNEx)3(Jdp;`Yt$W+{L(#D1Tixpf>uRQ zVAk)I${l852?0{gUc;rdhkGk--jk#`w|DNcWZnnwwa@pfRqXkzHfYHIo zSAKaF3p6vua5O_Vw(MiAMK*#^L@iI73=GXV9Y%yJI0WEuDKZtuW(`I|GaMkb0U@J< z*WmiNQhXX$1p>5QEdmXrA`!3@F9?7|S|}4zQz}8A4Ky;zHiBiW0hAb z;L(Ts)_Wg34EO$p#NjJB*9HW4@gZzfoWJcd!qb7v+#k6}J5Btm;(itoMD(=63g^*` zz3=7pJSV5X%~%z>(}@95iwDQX zJyO<&=a-epwQUaKIvF5|U)58AYZ!*BV2bD@HGz0Dh18f9D@rCpu-j*7UN3UktzrlZ zk0R5~8Rxu5Tx^MEUJlSkxy!7&r36cWL1(4WOhgdvB1foWyTB$EBM>c!;}Hb3Jz;`$ ziBxON&gZRbJ!QBAOozYo#Mq=~!?$D#*@UWRvoNLihL^_zp+JxWF7HO`8>VI|w_y&H zZRX>R!jV+>Zg@B9Rg{qL$RRiNxmF=#lHnTH3RzD)dXW7tFhy3vn}taFnIZ34 z4Lkm0Z~=B}5l7XsKS!qb_|@gHeJc}QZj?oJzD~_(H2~?bW&dbub*}4)+d}mC_X&$< z4gl;&R<@QUbNkH3I`wtkGT8_o*fk)-B~SRp@?x|#WeDeWE90v3uiMWY^<`#^A@1r) z!$q4#1cb#af>yqT)aB#QZY&rkLHy2Fn*jvVM{}E-uCUlG7;GUJZyD*T4FIf16dlUr z#D3&m-7Gl*x#Xb5S}L}mMV11dJoB7+!;^vg@ikm__<%OQ zts%Q{uOEF|c7$vfvjT+N7Z`3_rCrZz2rw1uE?1yn?1q`1>^-(Sryn3=+=`&lCWYuP>T6j88mr)y^TfNU|+i zkf~v7kepcrYN;q9>O=!%ce!l@?5C0@Q_zmAIkk{Z#@iaC6G3j~qWm);bV>EN&BfCV z-to0swwop7Uk(O&?L~T7;=pni9jB)+G%DBfIL9|MPaiJaVk>V3A1Why_q@qj*{yi` zense(oxl})=4*TZ&OW68w=SQfyLT=>F}OqbEufnfgFXzIs*=jN8;4?7QUVR?D^}v# ztGpFTtN!A{-Fq5;sV4^a$$$3uf4DvU4|kOGKiq+y2Hdyad;jCl`?H0otA7LThkdxL zQ~f{OzX`6HHT)mBek`hz0w@0w7Y ze{kQA94>MDTj%aUaPKR;7yX0YKa3VVR=9|;By@`UX+n38?sMMX@FDjf*EIa=^W2Y~ z8@YzyvXXENi~d4Pb*~1?&vpuFK+bJ*E?_j zNx0mJyOL3%-uGUCET&0aG-#rK=L11clOqCmT!uS*K>H1md+g5y+`4Z*`Rej`;)|&3 zi^=1OufF-oU&2iv6m`!DnYr?9V$N;RkfaekyDRt9?1zR@t`mTF$!c zE>3wO6%6U$N8Pm6o*w0GWu z;r^*%!BVw=#V#_^n%^K^IF^b=TgP%12VH7aB7ovB#tH^9AI{c7SM;p^5WE~RYL_09PH+~&mh+S0_In~IsX^oX_O7iVln z&Xtk6yNufk))ar1o2ri6CEnrI(8V#K;uuZ1zb$enzL9Lmea^v%-I@gv{vI%t4wz%aM+PjMxc~}rC9i1(K;c8spvel$8if{qL{VkFEN!fN$ zJo@6R^fsx<+^yHI`7qqxjncy( z-5$9AJ8%cg2D%@wlJfU}=@V8`z}wMYxcP&_!T{Lw{m-d9@m#o1dR6Ra_RfU6i7JZY zpI~}@FQa`SU1i>AlhP*Dh)p|48%kZHqJqU}l;Rq9<*0Grj(W7?AE(;V{TM}a+AO>xA)z*%rraPOl~ni8J>%eA<$-8 zyCI#%{|PR80vn<1SZF&G$o;eJq`w@~jQ`bm?)IMh;A0nEbP$QQX0?C3ir2Kg=%W4O zJ9LIB^94yGIyB7^XX)e-l}ft)KX7s86w31p^8dcj_#eqO2outd$*~<-0YIZg;X?T% zdzY4$jw>ylI&LcNU>REDrcOnh9a@dsu?@b@)E%4QhtWT6NQ(z1SQ0KM;7N1Ff*rW! zuv~jrz9p?rE8p!4@v_4OV9A3WFCk5u4r4j!aNY}cXvHkBJ~wx%R7^RzIk?tT4sKE- z46bu>4(_gl>nLXb`Rk)B3ip8AwZFRvZtlWr)GiGR4Y`<`%NBBQEvFpZq(%bVio7u; zIk>w{BMUC)u{sBLD2)WqEz7}8C^{#>$3lfcYCEpJU2UBu#cWGW5z?a>G|LqUGF$?#*B-dCr)*N zefkNuM`p}8(E)KoHjG=S?F2&@`b@-gBfyF3u!{-7KW<;R9`h33eTAi&eO&pb#xOb z-a8&U$~EQwlNxW^8!UX&M;UJKX1Z#znCskbng`)3h3DLR#D({d-}CN6r%kb)b>X?y z7fw6hcRg+w&urlGf(K>Y7EOkaTojgE*R2irKPf%X|H+44 zS_CW=7DfnMDO);U3CoDJV(timi*z-q>%w9&cVw)%QH9hrUAM+~ZVKGVBjRrRs^HuZ zT&UK9>lh(_ghS;V*;*^+I!DARM~)HK;F_>lSlHPOnh=7c%)vjNRLr|nRp{96plBCG zMmqy8$G259tHs=%4ObN^L6rhPNW!V4D+)JGR47^X-(I({>);YkfdmbF(BQS2@qE&o z%?-J4LOHlYikcO4O-+*$kS*7^N+Rf#jS^A~-Io;54LnX~JHp|D0>B!MIpxwz&zxS# z@EEYL#LZDqWZ?BU93Ce?##AQPm}KE`>t28T^>vHFz%@{X374C2B`8t^X3qQU)mJ}T zxpet*iM%sE-&I-eXmHqEfciIR!D?_7us?9x{ck=sYSdFdK6cAESA3E(_9PJ5{Kf(| zD!;MX38+-K!hrUVzu(-^*4DOW+jr~sQyFkbz-3Yfmd{(YcHs-AHmzJ50G>8?1i+l` z`uh5U#@d?F3CLH;HU$l_LQ1npuK=tDxBT2aknAWdxS4&5H|9Q6$Y+_oslLe>Me42g zl{0!KDdC#>OIt@rNl7qRQPHvak3}JXC|q;cRq9Juu3h+CYjf4us@7!-7Oq+vV30cf z2(G5m`f{(+>2-P?6Q;WD!p$- z%^wT~{UyP?;FylKmp%^zqmV0gdRkw)YT*JzTQzoURaI4U>kFIaE!UN#n76UU;b~}S zaNxtykblAiPh}-Oh9#RFcF&5NB;3L@ww^~k|nt~}O0 z*xV5e=H&(be#Bei@9@9$X9$!yTv)zp;W88LSlr-G^Mcpr=`zK0YilYS+!%4sIKwe) z#b4S`?b;pJMBqgc`?h5Ku{lt{H3iwGYmbxdko2sk0#|x~^VWNiF8$_f475crk>6He zRPYD!Q_zLm_U&duHQ}nNz7p9ISJM0{RO^COOF=WF#&rn*)%7-S!AwKwG6I6D|5S>u zt16fA^v-SHJ%6&R0^z2I1+!i9%^sDZyYrQVD(koFEd#UF7vpOQt~A1LtSRvm+q^PF zTS9m{Hm?g4T%luGy7sx|syJM%De|seDK!HSt^mbZQ|`1C*d-WT>XHkRL_##E+)_@!L+~^uH z+hwD&=uvN+r^}Zr^?F;h)0fTdaL8;VZ^VsTV3c`vmsQzOaCSp~M!?n;~@>9nBm<{gif<$vyz?2NR z>Ydb@sS0S*+R$^+U5Rdx92eo{mHh@na2j!4y70NG1X`rrOsK~$_ze4MToGKc)i|9t zo3D^!LPQHl{?DapnhXRWO4n^ExJQl3rafvBIdD_9tkYKsrspaeHfLjkCBZTiZqW4J zV3GgRa18Feh0Bm;D%@EJ_qkUChENbLl=}#7W1*&Ujj_2ChpXN>Eb6(%{{gt;66`$59*4UOk;Vc8 zQpRL#7Pe@s7(OewrZo7xHm9w&*pLw!zVYWJb;Hz#uiqlq1-IQo*Z#sjZ)SsgQE8m0 zqnbg+FiR9JjWue&v{A@4<3bVEe(V7k<&F8&B{WTl7+j(o3kmbb5?l-m9J2$dfrG+A zrLPdp`P>`t3B|_Kl9iHOJblC%=3H^-B>Fb z^VH51T<}Q+0j|@+@~%`q+-r`C!}X$SZs|hg<)%^ z2iTWu)*#ZNqF@=)Ei<#RqTse8HHCA5aCJ(>W;LTIFw95iMel9J4ls?GbHG$=vbV6( zmw?Mtm2n9lD&f!B;kvB^7vP#Kx!C^GS;8Q{DSZ%(*@5MknKQAiH{g15#F=A;9*@Zr}t`~5WNM!}&XuLuJ}$+n*u!9~}V z%JNMMsP{{nKX(2sblj@e7gp+0>I4p;uynGsvT#WJ-f0nm8Gk; zpqRx@0C}!2pU?|}%K}1c{Jw3CKS&-+xo(BO?2UF{lDcogFn}+oVKFlsqX8UZyJ@MQ zIW-fD08e(Ri||Uvy|ZF6IK4 zyQbQ7W(4i7t;FZaKv1HjOUaDWKYnRV2aT2c*KGd&gVVv#C524d0OMfHd+jyE+l+~B z>vONYI#X&~G0^W7w4jf-=Z|y7;cA+;sI#;4#jsR({|8-PejW~MlG-)Fc`Qn|eAylX zP$aT6-CqL+%#v_pgq=s-dd~f`XFq%2lmjYV39JgB7$}T6-9DcWZ?jzQqsg>bJfVjj zx4>EZx<6jpwr$(@pMKCD=BaP&!mkFvzH-yr*A~36;I&P!+U#nY+tKTbC(KO3jr8;# z_WOHtK#OebTe7;d_uW@QQV(dMPzZFXp-=Y@ygex#(n1l4gtQ2HH#4BvvTy;+U-yRU zYDcA=h^F?%=ztJ2o2PtorHw%XeZs~pE&c87?cFVmtA>&gi_Ri*4gv3EN5i~%GXsGB znwDVEo4XTmr5@>dxod7Xe0t~V_xqN-xajS^58u*2&UtHfXIJEsS5|MB+dc5|#JVrO zsGHmVc4uc-=kqW20tEK6G+Y#m?j+%+(Sul>mJ89LL>bHwfDBPmCeT6b3qphF&>-iy zW42}KbkpI!zhT3Q-go=H>RY_zis#>1eAt~D!1L?B+Iq!`_dfY*@#+;Hz5Let4?kRA z*SYwkceecgRbMBQ(z>2&ZU7R6l#(vQ7_p>n?1>mZkW2yUu(&(?Vjp@g!VQI3 z|F@lUBjH!J)`friZpmRUzqe&#?-g6#`DjI??!(1>FNU=c!kx>3TdVuKQ|MBOYfy`r zk*-V52Zw6}Fy>C28}9CTd*W&e3%vusPGTbb&AYvep5M^-_T1;ct^4TZEdwi7^!$u) zTRyK_G4OG*DhX~_^m@#+m zyWf2o26(0CllAX*tzN%%YiIYs+ufgR?YVJ9=hrJ*)~z4tc_qyG9E5AP-q^ywR&0_x z#x!GrXyOzZ@#x{8o*Rac(Y|rx#zpqkH%bXNKF^C(pS?|lEF2Oky_!P z8{mQfFiA-V7^~PZ*^fB5!&fHU7t4iOP&IzGA0F=G7fj7WeYnM zF6SI1&mx8BI>#RqTQ?jX-;sP zJ|NVj2(DpZVFGzN&b|1V@z65U@2*0pzrJ?*=%+<-i4?MH_zVAeBXUDcknPIWM;{Xm3v?1 zp&vcb4_<9Ho;~bUcPf+%rDdQ4X*6pXx!S!fqyd_hqM+PwAMVcN$4>9f^T&I=m+8`% zpPvRgbLC!{a&gM!3eha{`5QI(eDt2Yjv5173-bfh9qzx_zIS{7@R!LBCOP{4P6^`V zX2{j54y^}z1_PcsY(Cw)_V$jHQX^S}l)}l)0?o1#9-oKa@`@ILDZH)+D9HZR{>=?p zCsXfL$-L=9-#puoH6 zQ8(*ebdEvb2?GPz{RieIEZtfnx#`6S2`RIDupokTAwEIR`C{SB3NfY8s8X}t>2&&? zcAs6FF<~2beRgpg4`QLsW?X8wH$dw#^)8OLI9a??1utAvvq;M1%9UUF-@9+Qq{{8&@HhQ%4^Yr`t{O<1WgM)+m`ujC` zv+(fo>+9xCogQj zFKoj!Ws4q0XfAEY{r&saE-PSQU>hAC{{R2|{{JZ{DTaoIN=i!N;^K*kiI9VJQKdU|?5KtPm~m5z>&FE20Yp+Dv2 z<~4b+mX?>Eo}ZYQna=C=X=!QZ=I6)9$XHldMMXs*ARw-;ueZ0jadB}}R8+LIwK6g? z?d|U0-{8Z<#Hp#OoSdAKlaoB`||SgQi8Z!h_xzKb{REH+3xqI#n@z)%KrTIZ=K9dd#sPZ-FBzalegK##nD=e z#Nee**xBNm!q|zn)-r6j$Sf>^t=042v}=&E?VdpU^z+8q=vacOKS61>-Rzyb%x|Q` zHgdp1cc*l9j%sU)M9*akJa3tAm7^J3C_K zRxrK2%9)$6k&>ohVSwbmcvV$*ye%*i5)$^|;Ymwv>4rJsj&Th5GElg!M8NkSVhE_`rb&Z zt5|z>%RioTa-L(n`1u43zWemv$=dSK$h-F?@Ocvn z`rb-{512vVd6V98y_Go3R#`tY1Ode=7nj;Gn1u`wm<9m42xwCb*50D67`jyE&H4590B`5s&?HI?f!^c(e$>$8j3cip6*)c`V1Er6jD)?KZ&1 zd(AQo!-!H{mLR8_|HhnXFjbgk>D!c&HmExFTw*x6YT=2AOtlgaHYlU$h>uc?w2#KX zni=|_9WH*CAKbadTrpI%$3a8)^ zkO7KPc3)@`65bY5jj7m7&Ul(7l|h^U2fQd2OohG#!Va?)GaWfSN(mLUOCcqX z?;Kb%L7f)aI0u{52vu-~;UP>C_NP=^igp_3aam-h=Qs_MJgQ8ZeOw&Gr_G6+y(*?e z0)qdA+2ipnhB14*+AwSSaM>}BnbYI>UI!uE_XI3?x?{bYp{h(ouQ(JZ1u0r6b8u0j z_%z3G1TBNn^aK|Kyb9+?vOwT?lu7VHd`3(=Z1fV-Z>mr3W{r;!Gx`PDzgAqO&7Z7E@?60um+p9Q^z`m>DwNJt2ysE5M~M zggybRFV@|hkfwLv$-)I1$&i^5bB6LV$&u-cYrP zuF$NN+0^#TrMY*dZqxgpMK=RjGKX)e7*g?wDU!C*SwFMO#y{Pj$P8euVW5Rz)9nih zS&?}*=2r&2$_ya6(%Gnzue8~f$3JUlHm?pI8($)x!mI_Z3IqmN$9dlTpO_(iUhQOu z`M)unahTV_?EFb(#$mQ+9A>LH%=XMnGRMNcw~`lSK6Ss9ILuaYnC%&d*(wgRJ>xK2 z#bLH*UXmFLx!+1&k{NNBE#fdc%o`qu*($G++3(kewywTn?Ogjl&N4M{7F-u4sCWbZwT`a3g+9CN|N)-ajj9x_Q-LBx(>A>YB!m| zRjNvc{lh^-5y5<|4)*q#L<5&eWha~^@7!l(@+ve0GY7TJmHxq=`TQmdL~;CzCrDN> z9`+xY!_0^~gg6jEiBV&B@CUWE3T+Dgp)K*&q>yY3Xi{guVrMEK6FG~6Y%;b>?G6L}oRP1|`Qct!!U=)HAtL}_C z!BvZwJrvNM`_-%_9RV*^Ch~?c5Rx-f)y=s{)I}k`u?w^0)?vD7xX-k)`I8(}sU}IU zaAs0UbEZsB^nz4vA&dKA=1aP%$4|GE=@Wd;?(p&wlze2;*y-Zp6`0$11zsLi*l>|d z*C9g#dW6CQ)=q|>F~SeaDg_o2)u(!LamIx8Dy|wyV}Pd5n6LVt;f<5Y;KGS<_}C;Am(Yl#~U%hYfRe zGHZBy8oE!J;VAHrJ;47m%f(Hd&lbOZw3x}P{$=ypMqT8%mw)3l5*do=hNlpPxEb}p zieNu7VqGRIf@m#J01_X_qYyB!VbD<+X%b)}&}Frm&=j+Z!U*m+n_m|H)IH5A+gcWH zb>^CLJdXD?begis5|k80f|ev%8dn>SYc;5G%BGq{*(xh#4vrOR3?;7LPcLN*Yl^a2 z7L@+}W1HV@Z*F8~k)@pD&WCUQ@8bjWd+~w!-;58;-`OvlRXJfOj<2&i7ZkD(pP}R? z1KrJ_5Tev96vU4a6pP;$cZzo*cQMQ?edIc|y}d2>0jAIs$w|)fpO0TQ$w&4d^S^2T zF@I$LG5?$P5SU^6HbbyCe--%P1`VL>oj1vc&luR{d-g2`d;ZjbhNZn4e5i}Cg&UCW2S z42X$vk`9kF&md`|FVc6U#?mOkNNXm1$+Q$-v{j~&<21FiN>artjLoe{;VQ|w8}g>$ z^2$<4b-6OcHq|&0sX;LK4VS5Q&@NG^PM!tW$Zo18d3U?W`l^n21gNv{GTkQE+}vQN2N=5A+bvFPlm>tiZK_kzK&EYEe#GPC@ridvpk(d;RY%Tfh% zesQ1EBriqR9+pn{#z5U;X6GSjF>RlQzC6?@>uh&%*H5XL8~%Br3VxmGVB~$5QBPFz zbJQzp7t``ABD?!Mf=uGppH2VS$bg^xBub1HU4%QG=OjDI%JpqAnB7SWIx6il24?$~ zXIrhv&D(K$it>2LY|Q%3Gq-qb4Bg>DFw>~i&W+JWZfGB>MY^ZO?EK<@+4(wI)%mp2 zr76>{nLi8Dn=i3HD1jL+8f{;#zHG8~Dk->PcFc647r2R+($rrqbA+rDlWkm=@Jnxq zbP@`t#IwKkqHAqtxnfy7C@gWx8(CI(8NnSG$(OIQFLQ7VW*NuCS8!}bl+SJjUbIj< zx3SQm$-P!Hm}96sj;_M0t2GI!YS+RN4F( zm=SVV5fnHqK*xmOf?+k}pc4*3f777|ol8R0B2XC)2v;}92m>eB3UHz_U1eJ?bifI@ zN(d+{)G@!;0jO%Rc_^Iw@Pu%*DfI0}6*GJ(VABK$al#9g6?n@aa0ufe$Cwoe_74;kx zK|MzFQV>MX{RN#nx5?TjcPgjWzIX22bLX64^)qMB-dS*@O9QL_fzJ93Q$39^en&o= z$2?X6)(3o+=P&+sGkxinn0pt11`I^LKMAmo_6))83BFQP-#6#MW)}g5I4aMO-UWW) zY?qGx%=VexCMus3{C$fH^RK&(fGY|Tj=6= zoJnuTFmrV84CWnvqE-I?R*NBVQnqv#$czjbX3@Ybk^%b0iN+NX{{rUBjJkK-XfeB@I=Ln9-<6zRI-?&h99Vg# zTF55PtevctXQq;g;lhkEGFedo4I&pd3jqM>XgQ3T3#9#>jm53GPP(~GQ>(@E>bZ2V zcId>)rN=I;-&6JL&5Ax<9wN+`#|Ak;*-uzQKVewA-IitNF>@2e-JMP8N^olP?8Qco zE6uGt*r;tfm#9=Ky8`Qi+N3&laNyYth=OHUB8JG=QvjxVTf> zQkqoLgT{>1_?zx=_c)c?FnSjMbxKU0a5Fr7*z}Nz8AdEO8F(Wo3<5Ap_x9s8c68}> zmt|VA)0hKmcOKigKA#UJE6w`8BSl?Zn-3DqhmUHroy$u~&7*nsAUE)$;pM+PQrO(E zTP@ma&hy_nKnss_)(3oMI1;*wb3BxlC4=iiUQ2Rjv85m%Yv;ZK>G6;y=Ol>yIFsLxB-~Xr6@g|BA!s{K!HHhU2rP5!tLZ@qp0@ipqx`?pUYyt+^H{1GcqI{4TMWG8cPUb#`MMw9mIX=YFi5zEN)$z5=(~RT0wI%C|M>aGUw!x?K_HUy;ZB z`75t{{4---hNq*S7z&RUh*_)O84VxYy?ZF`${qAY_xgO{-Ep6<%YCrL9Sn!-hr+v~ zE#W}@kgI|)(>l|C|Bbh2!7NmY$ILQQ!6?Cj%`zQ$xyOk;xSYevVa_WUR50c|F)%ndFs$jI9T^8^^(wn#;* z&z0)PX4+e`iJr!d;Y3ZHJ6;j%>TO}nc$YnaDupnfK82oqWw)m+ffvTj7R>hZI1Lqa zD0ycjX(f+?JmI(cj*nQ@aMkEBzvc1xhruX5X<7aw(x5aDyd@4!`@G+GGvdE6v)5of zlXo^KcM+=Ym5nWjVzF4Lt}V5xrlT#=8j99dq$@hyk!-rvU7v~7eXuPYZ$ES>NKRv8 zm8lSBW=N&LxzPF>=X_mAV)JD-VdnT(H#ATHs)~+Tp3_z8faN(-bkgI`6-`+F!LcLb zCv=fZT9!3l0>Yu7nx!Iy0?Mv$yBRSah?%_xVSr*%=PF5|O58JQLWt zZ75UM6l~fSs0;eyfu=}2;c~^Bd_&EVeUq5MK$d6%@C4Wf1-PP_ntIvOVFxz24=Z5K z0#7uC$IcqeM2uE}B|Wzx2(WzcuqWAhNuTHN@y;Z+bWsGlcG5~Ft-d*m6o^?MX;6fL zm`Tk{8Zo1tf!Qepm|m?6pmBE~;R^&@&9#B%fV&pgh}?ldOCV4ih(-f}KsL36k3fq<+o0%V}8#> zQK#RNEMC!Pc_v1Sz%ZZt$r>574tJJ;RHQCd2e6viX|Q)LsF@ryqTY%joj?#?^f9u2 z=ceu3E6Fz5AF}OOVRwIJ<-B>=!f(_f-wZ-0ToNYz1pr|a3RnEWKElq0&wK%E)-`j6 z+2b@&D?(88U>NkQorkT%$HzVXQ!r{-6Pg@8jGlSoWkZfw{@fAEe;QE9Qb-jClXO1& zf*BVu|GdmLjGRAlIzj3nRUs)o!3+@7>dK0WN-T&N8`vVFCRc17ZoEkt><0wEU%4mi zwV+Qp8X9U{p@wLqCKTPvAO#R-Y)wL?LYkgr%@?tr98ER5Z0?&qY6i&< zjukr%F=l!CJk}U!=%vSGl>sHg=sn&U!R~=^y7(xUTn)`dfOX?6nb8`Lb5#n zZh1|!-#GJ<$j_Fx*O*lSojsS6gJy4L=KLOyl`Mv0j4?(p8ScEU__W{Chhc_?3?;2_ zZlc=1Q(gaZ|6h~fk1S@w%-IQvS!c|;y+SvaFgG-{HUyh@XAX5Wr)mO;)^vJLB$4ev zHD|I7dwM$BLheSPRViMB^{6_g7{Ojq``din03W`pbvqLRl#zK zHs1Xy+1HoEaCsO5>A}I1)Q2}{LTJLYe*p0H-}1n(Sjas8;ToOpAP~Ch6+)1j7vh2( zVopWEwatl5q2^R&T~jE1D3%JvW06QS8tI6&#S@tXsu>jUGB-&;r*J0FSOdG1DWsLj zDG-653v=Q9W`*janZ&HvF_Q)Wis4kW5x+lqLYI#w{l_jDP5Ln>IX1R=-0weSimGA1 z|Fj~d2Bc;|3{BJfH80UscX$8xE3SjyNVb(0=nOCcFwX#KAm-FOq|9n=3J)d z-mic8cK`lwfBDi22X=gS^yty=b{yCOcqt!UX@-!58986xA8POE>1yb5x%LLTTsuGL zX^GahY>W2v^aR^`xeC^Oxtl*&Hsa%?_YZDk_Cj93Y}Ts zs~4@AAQZ!>iYqu6zBO+ixm;an(#=MpmRto15Sj0yxXG!?NNQ0FD)^EoO)L z{xz@NdC!a2+_wn-NAaB-?z{fgCsw|A!QB@;zqA~4VW2yOa0-nuy~d`QCza3`0C9?a`}Z1JXl;TpIxCyJ4^F=9~WN4j1Gb@&ZnA;a8nNp zn&2-a7jil8Y)b>|uvpOfAJi=AIxiO5*~#=U^LzeoU2xu-+izZsFY`O^();d6T^>nhrYA=x7DWKC#a?L!RPdw7;v};}G%1+cwO+F3=It>&u z(?zgn+U4BE@D~#1W}E_@c&{yIPN4tEI}>BUqp83&G20Q`pUhgZY8){TEe|w!V2Xr6 zg@j3S#i`Cm0Jc!5B{e}@6E1Q_6%+eJ9jtIj-*5PZuUtt+Rw}5 z%u_z}kV*>HI@J`iO_!(WhN!?y#M`)HG{(;C&9N+bx_Bv8)5G=e)7OP0;!z{=2gzcg z=U)Bt`}(NoOSLpp7jFSATuBV;r6>cF_ruI>982m?9}9ES;?`QM+5^4`+4Sbfin*AS z(wc%^g35tMXjPfsuXbxU4eR{QIp@6Tr1Dv%T0TW`BFH!_k2 za~Su3)@OLUvp{;@rAo=}RGbRTfjxAWDtiUG^b}M*yLD;R9HGL^&(=$J9HsG2WWY@BoUMR14ZLc+_1@kcmf}0zvuMMIU>eHB~be>v|yyF=Y@aQ1e+;N^c*k+p+fX zK12cQ;b0DiC>zEie2C!rT|BHk%}Io1s@SLoM4435Z z2#*;E&f9OweX?v~xg=3?VxW!QH-blazM(}dz6_qdcTKT1MvAphA{GRWG*WMO_3RW& zB?Qsou}Fifc-CY=80*HDys^ctS`jU7y}=T&u)ys$&?4@Vl#P}q7wuyWvq`vH^nsq$5K-5K3P{cqqz&_T3eay&dTI0O1%~-&z z5I`vC31E|eY5qc zYeQezH9}*3uTHb&J$e%y|AN;cwWslYWRp?%TW^gom-F@q7g~=^R@~-Ob536iFbh}d zKu4d0d1>X_^78Vx6(bZ1_O-|3w+BM3 zdrfz^@`@vkIAlb;IAA6#Sqms$(s8_MQSA18yg93pe(j38V9=mivJ{lzN*Q69Rpc7| zJTBHqaq#9@(O7boU#=QisJ6A{6OqwU*-TFy8!e|2aR+nq(yl-_)0G^`wG1=x`g;(e zkMG`n2)$W+_;7K7!0PWLD>6PY7#Zq|YvOv5;|xQy|8)b{B0CaKoMX_&T+u}=P$&d0 z?7wrXy92JD>hJ*rwlNbhW>P?05tr9>;R*3=b96|2iCEWBH$eC&NG3){u~>U`#Jq!#Dl_>ZDo5MckwDN$E}{m3&dD`u zWxGPvWt=-yQApj4$3Rt{qb5YSNiYZ~`?kdF&)N%LD*0V$GwsisQ(aMWDiAgEiQL>& zZ@vZA>{*Y{x%Bqo$M1Doc=K#+?KuRk!oGbvT9Lwoo`aXqUXAQ#B_$iPqtCp!YKSpk z7#0|*=DWI*G(6ben}|(@&!-OqAV+n&!Ds=PWlcL69q`#pD@(QZR9TVaH@Slq-&>0> zfh){{YJoZY``(lNs(|8tv;s48763X4#LlJFjn$d;t8ZT~&WD0lzYw^0;;s=(oj%fj zazsvph7N+-kVmGNtup818b$(E-!yg1MN`SdzP_&h?inFLI+$h6+>>Y}#WG6gcK45c zJk{@oBA!E{av^N&4bCG9KG1CyJE(f%CNW4S5Cp;X)s2l`8{eNUbl$jO4LbR?VyeH` zb6QwEySWx9+BEy=Hg`@kdKq&@bEZHa&`7oK{AA+D-b&geZ;ObgxkGvLt%ty5nnNLl zQeHKrVJLnavK4~`32qQU+)&4#z(j@CPNfVXgo+CcXe)FsE_|r?E<%XYM-ToQy7wvHNwGLChzWp&c4{G z_3rg9iu=D_Kwos@-N4>Sv@oYnd>Glap3PWP-}ynPO*j>waJi4GbO# z&bhQa*F1Ly>3TM6=9KmillphIcq zT$Z6ZRv@H)e6uXj3oq_KsvT1fE9IVOFp%fK%t50eaLZ>{xeH&2%syHY&5#L6hSE4H2+rJ;a|do-NetSB3q=%$JnTw)P!-xg#Gtqv2`(zMdkxv6x3le#G`iIX2laZZzgyqCdDMQ=sJFMbn%#|Nr}4NFEkkKI?}^Dd z|9b&9%n?V$U}O~kn>kd9IhLawjGRz38pGg`-+xWhxV3GqcIY!|B1DZfb=7VBno2C2FbOXwUgOti~j{lCR4LE>P)Gd2

f80Gsfmp+P-d%;HC~iH7p09Rp3LW(9FOGUJ&#Yvo8DM zG+Uc|o@a-zH2(5-J}Yj+Kp4NvBCrGPIqadAyhE?^Jbi?MPAaUyb^=KdG`pnGY%k6w zhmaT_!#+z7d+w!@|1j~&G1S%U2b)Oj;w-<6K3NluGMn`e%zpxeh$m}kFVKXL2z-pzr2G`_ai=$J-d>=+Yi#j@M`=@~fjMx|qKb zX3)vum=yUoeJ=N_c(IMMY?~jGZJvEgFY(?;1%WZs);0Q!jX~nAdoV~ul-0Ano@ge_ zdHidgEmrYio2Hj@c8*`Rm(wvm#K*-;rZGI`DC#V$SO~PGCaho2EgWd_i~-E3lVVdo zoEKUC`H*JmDmyREmozT-S@LszIW18IHjU~G`mR+(JQ&18yty%88aA}u@@6#S?mOyz zoUDseS*(j6>!OJB^}c-G?228!GaQ)flN7vrItI0MPHeA3!_l&iZcl+|?4vPe`A}%o zQc1KOL_n0r3PMkTwP%te^A76Do+{XU5`vCt6@9Bf1yEzO4YP5536`+yJ4_NSYh{1N zsY)I7R=GNL_8bca(Bv0wC97bAO-sX@m_b}O*9 z=uv3a;McG~&9c5HRH?(%3^Wqg+Y1fl%kF(_>=2q^fip~U6$hOC2a67nH3y6*dYODm zp1E3-huMupEKlSU5o~T`W9&}L$kkd6(l{>Kt{+BC2I!i@DTk)K4wy5SLELRSg!DYC zE(mM7(6$fJnqlXSJRS`hs>T}yEAcf8?~AQhM$u$i(Z_Yu8S|Fw&)n&i+Z@G&ghq8p z$ij=e6@S{A&l}-nI(6Jp%QZ!-kxw&lv`QM#y(@}U^tN8lX<1=y=#5Rn=jYWh;?cl7@xPj#X0_Kh!?tgYXDwrBkh^NusHSXlC>CWvsL7b3 zX=c2BacQ)NBD!%LvlAGVb}*=nM9nnBY~U09a^64bk;U04oLFQwzBYW{``o#;d%`fx zyqc+6vrGxmfe)f;%7StwNSc=(BfIZkbSs^1f9O>Q6VEtnE;YMXr!?y@v?mK)5bluVAw)yx!6MS_*b(3TM*a!}JI28jb^)Wa)s2J06Hqim-;BY7u}qsv z^ormtZ)=7tl0ng(XQ)!1$|iWj6FBipTHbH(@7RUs?$ANARRgLOI^5vl%57I>E$pQRo76;7&K?kk#x`7*=9qveP1z! zmn^%P?^kZ7TXQu~@&(Qnh1y-p)#kGa(9IAw#KK4=gGWiW13Av$6ifBPN6FhyujNUX z|1FBO9o| literal 0 HcmV?d00001 diff --git a/build/0.2.3/onboarding.asset.php b/build/0.2.3/onboarding.asset.php new file mode 100644 index 000000000..5037154c8 --- /dev/null +++ b/build/0.2.3/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' => '04cabdb206099900a2dfa2313a2ccf80'); \ No newline at end of file diff --git a/build/0.2.3/onboarding.css b/build/0.2.3/onboarding.css new file mode 100644 index 000000000..81a44cf8a --- /dev/null +++ b/build/0.2.3/onboarding.css @@ -0,0 +1,3653 @@ +/*!**********************************************************************************************************************************************************************************************************************************************************!*\ + !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/OnboardingSPA/styles/app.scss ***! + \**********************************************************************************************************************************************************************************************************************************************************/ +/** + * Initialize all WordPress Sass + * ----------------------------- + * @import @wordpress/base-styles + * @import @wordpress/interface + */ +/** + * Breakpoints & Media Queries + */ +/** + * Colors + */ +/** +* Converts a hex value into the rgb equivalent. +* +* @param {string} hex - the hexadecimal value to convert +* @return {string} comma separated rgb values +*/ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles for JavaScript UI based pages. + * This is a WP-admin agnostic reset + */ +/** + * Reset the WP Admin page styles for Gutenberg-like pages. + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +.components-panel__header.interface-complementary-area-header__small { + background: #fff; + padding-right: 4px; +} +.components-panel__header.interface-complementary-area-header__small .interface-complementary-area-header__small-title { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + width: 100%; +} +@media (min-width: 782px) { + .components-panel__header.interface-complementary-area-header__small { + display: none; + } +} + +.interface-complementary-area-header { + background: #fff; + padding-right: 4px; +} +.interface-complementary-area-header .components-button.has-icon { + display: none; + margin-left: auto; +} +.interface-complementary-area-header .components-button.has-icon ~ .components-button { + margin-left: 0; +} +@media (min-width: 782px) { + .interface-complementary-area-header .components-button.has-icon { + display: flex; + } +} + +@media (min-width: 782px) { + .components-panel__header + .interface-complementary-area-header { + margin-top: 0; + } +} + +.interface-complementary-area { + background: #fff; + color: #1e1e1e; +} +@media (min-width: 600px) { + .interface-complementary-area { + -webkit-overflow-scrolling: touch; + } +} +@media (min-width: 782px) { + .interface-complementary-area { + width: 280px; + } +} +.interface-complementary-area .components-panel { + border: none; + position: relative; + z-index: 0; +} +.interface-complementary-area .components-panel__header { + position: -webkit-sticky; + position: sticky; + top: 0; + z-index: 1; +} +.interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs { + top: 48px; +} +@media (min-width: 782px) { + .interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs { + top: 0; + } +} +.interface-complementary-area p { + margin-top: 0; +} +.interface-complementary-area h2 { + font-size: 13px; + color: #1e1e1e; + margin-bottom: 1.5em; +} +.interface-complementary-area h3 { + font-size: 11px; + text-transform: uppercase; + font-weight: 500; + color: #1e1e1e; + margin-bottom: 1.5em; +} +.interface-complementary-area hr { + border-top: none; + border-bottom: 1px solid #f0f0f0; + margin: 1.5em 0; +} +.interface-complementary-area div.components-toolbar-group, +.interface-complementary-area div.components-toolbar { + box-shadow: none; + margin-bottom: 1.5em; +} +.interface-complementary-area div.components-toolbar-group:last-child, +.interface-complementary-area div.components-toolbar:last-child { + margin-bottom: 0; +} +.interface-complementary-area .block-editor-skip-to-selected-block:focus { + top: auto; + right: 10px; + bottom: 10px; + left: auto; +} + +@media (min-width: 782px) { + body.js.is-fullscreen-mode { + margin-top: -32px; + height: calc(100% + 32px); + } + body.js.is-fullscreen-mode #adminmenumain, +body.js.is-fullscreen-mode #wpadminbar { + display: none; + } + body.js.is-fullscreen-mode #wpcontent, +body.js.is-fullscreen-mode #wpfooter { + margin-left: 0; + } +} + +html.interface-interface-skeleton__html-container { + position: fixed; + width: 100%; +} +@media (min-width: 782px) { + html.interface-interface-skeleton__html-container { + position: initial; + width: initial; + } +} + +.interface-interface-skeleton { + display: flex; + flex-direction: row; + height: auto; + max-height: 100%; + position: fixed; + top: 46px; + left: 0; + right: 0; + bottom: 0; +} +@media (min-width: 783px) { + .interface-interface-skeleton { + top: 32px; + } + .is-fullscreen-mode .interface-interface-skeleton { + top: 0; + } +} + +.interface-interface-skeleton__editor { + display: flex; + flex-direction: column; + flex: 0 1 100%; + overflow: hidden; +} + +.interface-interface-skeleton { + /* Set left position when auto-fold is not on the body element. */ + left: 0; +} +@media (min-width: 783px) { + .interface-interface-skeleton { + left: 160px; + } +} + +.auto-fold .interface-interface-skeleton { + /* Auto fold is when on smaller breakpoints, nav menu auto collapses. */ +} +@media (min-width: 783px) { + .auto-fold .interface-interface-skeleton { + left: 36px; + } +} +@media (min-width: 961px) { + .auto-fold .interface-interface-skeleton { + left: 160px; + } +} + +/* Sidebar manually collapsed. */ +.folded .interface-interface-skeleton { + left: 0; +} +@media (min-width: 783px) { + .folded .interface-interface-skeleton { + left: 36px; + } +} + +body.is-fullscreen-mode .interface-interface-skeleton { + left: 0 !important; +} + +.interface-interface-skeleton__body { + flex-grow: 1; + display: flex; + overflow: auto; + overscroll-behavior-y: none; +} +@media (min-width: 782px) { + .has-footer .interface-interface-skeleton__body { + padding-bottom: 25px; + } +} + +.interface-interface-skeleton__content { + flex-grow: 1; + display: flex; + flex-direction: column; + overflow: auto; + z-index: 20; +} + +.interface-interface-skeleton__secondary-sidebar, +.interface-interface-skeleton__sidebar { + display: block; + flex-shrink: 0; + position: absolute; + z-index: 100000; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: #fff; + color: #1e1e1e; +} +@media (min-width: 782px) { + .interface-interface-skeleton__secondary-sidebar, +.interface-interface-skeleton__sidebar { + position: relative !important; + z-index: 90; + width: auto; + } +} + +.interface-interface-skeleton__sidebar { + overflow: auto; +} +@media (min-width: 782px) { + .interface-interface-skeleton__sidebar { + border-left: 1px solid #e0e0e0; + } +} + +@media (min-width: 782px) { + .interface-interface-skeleton__secondary-sidebar { + border-right: 1px solid #e0e0e0; + } +} + +.interface-interface-skeleton__header { + flex-shrink: 0; + height: auto; + border-bottom: 1px solid #e0e0e0; + z-index: 30; + color: #1e1e1e; +} + +.interface-interface-skeleton__footer { + height: auto; + flex-shrink: 0; + border-top: 1px solid #e0e0e0; + color: #1e1e1e; + position: absolute; + bottom: 0; + left: 0; + width: 100%; + background-color: #fff; + z-index: 90; + display: none; +} +@media (min-width: 782px) { + .interface-interface-skeleton__footer { + display: flex; + } +} +.interface-interface-skeleton__footer .block-editor-block-breadcrumb { + z-index: 30; + display: flex; + background: #fff; + height: 24px; + align-items: center; + font-size: 13px; + padding: 0 18px; +} + +.interface-interface-skeleton__actions { + z-index: 100000; + position: fixed !important; + top: -9999em; + bottom: auto; + left: auto; + right: 0; + width: 280px; + color: #1e1e1e; +} +.interface-interface-skeleton__actions:focus { + top: auto; + bottom: 0; +} + +.interface-more-menu-dropdown { + margin-left: -4px; +} +.interface-more-menu-dropdown .components-button { + width: auto; + padding: 0 2px; +} +@media (min-width: 600px) { + .interface-more-menu-dropdown { + margin-left: 0; + } + .interface-more-menu-dropdown .components-button { + padding: 0 4px; + } +} + +.interface-more-menu-dropdown__content .components-popover__content { + min-width: 280px; +} +@media (min-width: 480px) { + .interface-more-menu-dropdown__content .components-popover__content { + width: auto; + max-width: 480px; + } +} +.interface-more-menu-dropdown__content .components-popover__content .components-dropdown-menu__menu { + padding: 0; +} + +.components-popover.interface-more-menu-dropdown__content { + z-index: 99998; +} + +.interface-pinned-items { + display: flex; +} +.interface-pinned-items .components-button:not(:first-child) { + display: none; +} +@media (min-width: 600px) { + .interface-pinned-items .components-button:not(:first-child) { + display: flex; + } +} +.interface-pinned-items .components-button { + margin-left: 4px; +} +.interface-pinned-items .components-button svg { + max-width: 24px; + max-height: 24px; +} + +@media (min-width: 600px) { + .interface-preferences-modal { + width: calc(100% - 32px); + height: calc(100% - 120px); + } +} +@media (min-width: 782px) { + .interface-preferences-modal { + width: 750px; + } +} +@media (min-width: 960px) { + .interface-preferences-modal { + height: 70%; + } +} +@media (max-width: 781px) { + .interface-preferences-modal .components-modal__content { + padding: 0; + } + .interface-preferences-modal .components-modal__content::before { + content: none; + } +} + +.interface-preferences__tabs .components-tab-panel__tabs { + position: absolute; + top: 84px; + left: 16px; + width: 160px; +} +.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item { + border-radius: 2px; + font-weight: 400; +} +.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item.is-active { + background: #f0f0f0; + box-shadow: none; + font-weight: 500; +} +.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item:focus:not(:disabled) { + box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); +} +.interface-preferences__tabs .components-tab-panel__tab-content { + padding-left: 24px; + margin-left: 160px; +} + +@media (max-width: 781px) { + .interface-preferences__provider { + height: 100%; + } +} +.interface-preferences-modal__section { + margin: 0 0 2.5rem 0; +} +.interface-preferences-modal__section:last-child { + margin: 0; +} + +.interface-preferences-modal__section-title { + font-size: 0.9rem; + font-weight: 600; + margin-top: 0; +} + +.interface-preferences-modal__section-description { + margin: -8px 0 8px 0; + font-size: 12px; + font-style: normal; + color: #757575; +} + +.interface-preferences-modal__option .components-base-control .components-base-control__field { + align-items: center; + display: flex; + margin-bottom: 0; +} +.interface-preferences-modal__option .components-base-control .components-base-control__field > label { + flex-grow: 1; + padding: 0.6rem 0 0.6rem 10px; +} +.interface-preferences-modal__option .components-base-control__help { + margin: -8px 0 8px 58px; + font-size: 12px; + font-style: normal; + color: #757575; +} + +html.wp-toolbar { + background: #fff; +} + +body:not(.is-fullscreen-mode) { + opacity: 0; +} +body.is-fullscreen-mode { + opacity: 1; + transition: opacity ease-in 500ms; +} +body.dashboard_page_nfd-onboarding { + background: #fff; + /* We hide legacy notices in Gutenberg Based Pages, because they were not designed in a way that scaled well. + Plugins can use Gutenberg notices if they need to pass on information to the user when they are editing. */ +} +body.dashboard_page_nfd-onboarding #wpcontent { + padding-left: 0; +} +body.dashboard_page_nfd-onboarding #wpbody-content { + padding-bottom: 0; +} +body.dashboard_page_nfd-onboarding #wpbody-content > div:not(.nfd-onboarding-container):not(#screen-meta) { + display: none; +} +body.dashboard_page_nfd-onboarding #wpfooter { + display: none; +} +body.dashboard_page_nfd-onboarding .a11y-speak-region { + left: -1px; + top: -1px; +} +body.dashboard_page_nfd-onboarding ul#adminmenu a.wp-has-current-submenu::after, +body.dashboard_page_nfd-onboarding ul#adminmenu > li.current > a.current::after { + border-right-color: #fff; +} +body.dashboard_page_nfd-onboarding .media-frame select.attachment-filters:last-of-type { + width: auto; + max-width: 100%; +} + +body { + --nfd-onboarding-icon: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjIxNy4zNSAxNjkuMjk4IDEzMS45ODcgMTI5LjQxMiI+CiAgPHBhdGggZmlsbD0iI2ZmZiIgZD0ibTIyMS44MDkgMjM0LjA2MSAyNy41NDktMjcuMDc4IDkwLjYgODcuOTg0aC01NS42MzdsLTYyLjUxMi02MC45MDZabS00LjQ1OSA2NC42NDkgMzMuNjcyLTI1LjY1Ni0zMy42NzItMzIuNDg0djU4LjE0Wm0xMjcuNTI5LTY0Ljc2My0yNy41NSAyNy4wNzgtOTAuNjAxLTg3Ljk4NGg1NS42MzlsNjIuNTEyIDYwLjkwNlptNC40NTgtNjQuNjQ5LTMzLjY3MiAyNS42NTYgMzMuNjcyIDMyLjQ4NHYtNTguMTRaIi8+Cjwvc3ZnPg==); + --nfd-onboarding-logo: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0xMjQuNzE1IDE4Ni43MzYgNTkzLjY2NiAxNDkuMTEzIj4KICA8cGF0aCBmaWxsPSIjZmZmIiBkPSJNNDQuMTM5IDIwOS4xMzZoMTAuMDh2Ni4zODRjMCAuNTI0LjI2MS43ODQuNzgzLjc4NC4yMjQgMCAuNDMtLjA5Mi42MTctLjI4LjE4NS0uMTg2LjM5Mi0uMzkyLjYxNi0uNjE2IDMuOTU2LTUuMyAxMC4wMDQtNy45NTIgMTguMTQ0LTcuOTUyIDcuMzE2IDAgMTMuMDY1IDIuMDU1IDE3LjI0OCA2LjE2IDQuMTggNC4xMDcgNi4yNzIgOS44OTUgNi4yNzIgMTcuMzZ2MzYuNGgtMTAuMDh2LTM0LjcyYzAtNS4zMDEtMS4zNDQtOS4zMzItNC4wMzItMTIuMDk2LTIuNjg4LTIuNzYxLTYuNTcxLTQuMTQ0LTExLjY0OC00LjE0NC01Ljc1MSAwLTEwLjE3NSAxLjczNi0xMy4yNzIgNS4yMDgtMy4wOTkgMy40NzItNC42NDggOC42NDQtNC42NDggMTUuNTEydjMwLjI0aC0xMC4wOHYtNTguMjRabTExMS40MzggMjMuNTJjMC01LjA3Ny0xLjMwNi05LjA1Mi0zLjkyLTExLjkyNy0yLjYxNC0yLjg3NC02LjcyLTQuMzEzLTEyLjMxOS00LjMxMy01LjIyOCAwLTkuNTAzIDEuNC0xMi44MjQgNC4yMDEtMy4zMjMgMi43OTktNS4zNTkgNi44MTQtNi4xMDQgMTIuMDM5aDM1LjE2N1ptLTQyLjIyMy0xMC43NTFjMi40NjQtNC42MjkgNS45MTctOC4xOTQgMTAuMzYtMTAuNjk3IDQuNDQxLTIuNSA5LjY0OS0zLjc1MSAxNS42MjQtMy43NTEgNS44OTcgMCAxMC45MTkgMS4yMzEgMTUuMDYzIDMuNjk1IDQuMTQ0IDIuNDY1IDcuMjQyIDUuNzMyIDkuMjk2IDkuODAxIDIuMDU0IDQuMDcgMy4wOCA4LjUzMSAzLjA4IDEzLjM4NHY2LjcxOWgtNDYuNDc5Yy4zNzIgNS44MjQgMi4zMzIgMTAuNDU2IDUuODggMTMuODg4IDMuNTQ1IDMuNDM2IDguMzA1IDUuMTUyIDE0LjI4IDUuMTUyIDQuODUzIDAgOC41NjctLjk4OCAxMS4xNDMtMi45NjggMi41NzYtMS45NzcgNC40Ni00LjcyMSA1LjY1Ni04LjIzMWgxMC42NGMtMS40MTggNS40NTEtNC4zMTIgMTAuMTc1LTguNjgxIDE0LjE2OC00LjM2NyAzLjk5NS0xMC42MjEgNS45OTEtMTguNzU4IDUuOTkxLTYuMTI0IDAtMTEuNTE5LTEuMjUxLTE2LjE4Ni0zLjc1Mi00LjY2Ni0yLjUwMi04LjI2OS02LjA2NS0xMC44MDYtMTAuNjk2LTIuNTM5LTQuNjI4LTMuODA4LTEwLjA4LTMuODA4LTE2LjM1MnMxLjIzMi0xMS43MjEgMy42OTYtMTYuMzUxbTYyLjA0OC0xMi43NjloMTAuMTkzbDExLjIgNDcuMzc2Yy4xNDguNTI0LjMxNi44NzguNTA0IDEuMDY0LjE4NS4xODguNDY0LjI4Ljg0LjI4LjM3MiAwIC42NzItLjA5Mi44OTYtLjI4LjIyNC0uMTg2LjM3Mi0uNTQuNDQ4LTEuMDY0bDExLjA4OC00Ny4zNzZoMTguMTQzbDExLjA4OSA0Ny4zNzZjLjE0OC41MjQuMzE2Ljg3OC41MDQgMS4wNjQuMTg0LjE4OC40NjQuMjguODQuMjguMzcyIDAgLjY3Mi0uMDkyLjg5NS0uMjguMjI0LS4xODYuMzczLS41NC40NDgtMS4wNjRsMTEuMjAxLTQ3LjM3NmgxMC4xOXYyLjI0bC0xMy42NjMgNTZoLTE3LjkxOWwtMTEuNTM2LTQ4LjgzMmMtLjIyNC0uNjcyLS42LTEuMDA4LTEuMTItMS4wMDgtLjMgMC0uNTI0LjA3NS0uNjcyLjIyNC0uMTUyLjE1MS0uMy40MTEtLjQ0OC43ODRsLTExLjUzNyA0OC44MzJoLTE3LjkybC0xMy42NjQtNTZ2LTIuMjRabTk0LjA3OCAwaDE0di0xLjY4YzAtNy4wMTcgMS42OTctMTIuMjI1IDUuMDk2LTE1LjYyNSAzLjM5Ny0zLjM5NSA4LjYwNC01LjA5NSAxNS42MjQtNS4wOTVoMTAuMDgxdjguOTZIMjk1LjI0Yy0uNTIzIDAtLjkzNS4xNTEtMS4yMzIuNDQ4LS4yOTkuMjk5LS40NDcuNzExLS40NDcgMS4yMzJ2MTEuNzZoMTUuMTE4djguOTZoLTE1LjExOHY0OS4yOEgyODMuNDh2LTQ5LjI4aC0xNHYtOC45NlptNTkuOTc3IDEzLjA0OWMtMy42OTYgMy44NDYtNS41NDQgOS4yMDItNS41NDQgMTYuMDcyIDAgNi44NyAxLjg0OCAxMi4yMjggNS41NDQgMTYuMDcgMy42OTUgMy44NDcgOC41NjggNS43NyAxNC42MTYgNS43N3MxMC45Mi0xLjkyMyAxNC42MTYtNS43N2MzLjY5Ni0zLjg0MiA1LjU0NC05LjIgNS41NDQtMTYuMDcgMC02Ljg3LTEuODQ4LTEyLjIyNi01LjU0NC0xNi4wNzItMy42OTYtMy44NDYtOC41NjgtNS43NjgtMTQuNjE2LTUuNzY4cy0xMC45MjEgMS45MjItMTQuNjE2IDUuNzY4bTMwLjAxNi0xMS4xNDRjNC41OTIgMi4zOSA4LjIxNCA1Ljg5OCAxMC44NjQgMTAuNTI4IDIuNjUgNC42MyAzLjk3NiAxMC4xOTIgMy45NzYgMTYuNjg4IDAgNi40OTYtMS4zMjYgMTIuMDYtMy45NzYgMTYuNjg2LTIuNjUgNC42MzItNi4yNzIgOC4xNC0xMC44NjQgMTAuNTI5LTQuNTkyIDIuMzktOS43MjYgMy41ODMtMTUuNCAzLjU4My01LjY3NiAwLTEwLjgwOS0xLjE5My0xNS40LTMuNTgzLTQuNTkyLTIuMzg5LTguMjE0LTUuODk3LTEwLjg2NC0xMC41MjktMi42NTItNC42MjYtMy45NzYtMTAuMTktMy45NzYtMTYuNjg2czEuMzI0LTEyLjA1OCAzLjk3Ni0xNi42ODhjMi42NS00LjYzIDYuMjcyLTguMTM4IDEwLjg2NC0xMC41MjggNC41OTEtMi4zODggOS43MjQtMy41ODQgMTUuNC0zLjU4NCA1LjY3NCAwIDEwLjgwOCAxLjE5NiAxNS40IDMuNTg0bTM3LjI0IDU2LjMzNWgtMTAuMDgydi04MC42MzloMTAuMDgydjgwLjYzOVptMjcuOTQzLTEzLjA0OGMzLjY5NCAzLjg0NiA4LjU2OCA1Ljc2OCAxNC42MTYgNS43NjhzMTAuOTItMS45MjIgMTQuNjE2LTUuNzY4YzMuNjk2LTMuODQ0IDUuNTQ0LTkuMiA1LjU0NC0xNi4wNzIgMC02Ljg2OC0xLjg0OC0xMi4yMjYtNS41NDQtMTYuMDcxLTMuNjk2LTMuODQ1LTguNTY4LTUuNzY5LTE0LjYxNi01Ljc2OXMtMTAuOTIyIDEuOTI0LTE0LjYxNiA1Ljc2OWMtMy42OTYgMy44NDUtNS41NDQgOS4yMDMtNS41NDQgMTYuMDcxIDAgNi44NzIgMS44NDggMTIuMjI4IDUuNTQ0IDE2LjA3Mm0tMTEuNTM2LTMzLjA5NWMyLjcyNS00LjYyOSA2LjI1My04LjA4MyAxMC41ODQtMTAuMzYxIDQuMzI5LTIuMjc2IDguOTYtMy40MTUgMTMuODg4LTMuNDE1IDguMjg4IDAgMTQuNzA4IDIuNzI3IDE5LjI2MiA4LjE3Ni4zNzUuNTIzLjc4Ni43ODMgMS4yMzQuNzgzLjUyMSAwIC43ODQtLjI5OC43ODQtLjg5NXYtMjguNzg0aDEwLjA3OXY4MC42MzloLTEwLjA3OXYtNi4zODRjMC0uNTk2LS4yNjMtLjg5Ni0uNzg0LS44OTYtLjQ0OCAwLS44NTkuMjYyLTEuMjM0Ljc4NC00LjU1NCA1LjQ1Mi0xMC45NzQgOC4xNzYtMTkuMjYyIDguMTc2LTQuOTI4IDAtOS41NTktMS4xMzktMTMuODg4LTMuNDE2LTQuMzMxLTIuMjc4LTcuODU5LTUuNzMtMTAuNTg0LTEwLjM1OS0yLjcyNy00LjYyOS00LjA4Ny0xMC4zMDUtNC4wODctMTcuMDI1IDAtNi43MiAxLjM2LTEyLjM5NCA0LjA4Ny0xNy4wMjNNNTEuNDQ0IDMxNy43NDhjMS44NTggMS45MzMgNC4zMDYgMi44OTkgNy4zNDggMi44OTkgMy4wNCAwIDUuNDg5LS45NjYgNy4zNDYtMi44OTkgMS44NTktMS45MzMgMi43ODgtNC42MjcgMi43ODgtOC4wODEgMC0zLjQ1Mi0uOTI5LTYuMTQ2LTIuNzg4LTguMDc5LTEuODU3LTEuOTMyLTQuMzA2LTIuOS03LjM0Ni0yLjktMy4wNDIgMC01LjQ5Ljk2OC03LjM0OCAyLjktMS44NTkgMS45MzMtMi43ODggNC42MjctMi43ODggOC4wNzkgMCAzLjQ1NC45MjkgNi4xNDggMi43ODggOC4wODFtLTUuOC0xNi42MzljMS4zNy0yLjMyOCAzLjE0NC00LjA2MiA1LjMyMS01LjIwOSAyLjE3Ni0xLjE0NCA0LjUwNS0xLjcxNiA2Ljk4MS0xLjcxNiA0LjE2NyAwIDcuMzk1IDEuMzY5IDkuNjg2IDQuMTA5LjE4Ni4yNjMuMzk0LjM5NS42MTguMzk1LjI2MyAwIC4zOTQtLjE0OS4zOTQtLjQ1MXYtMTQuNDY5aDUuMDY4djQwLjUzOWgtNS4wNjh2LTMuMjFjMC0uMy0uMTMxLS40NS0uMzk0LS40NS0uMjI0IDAtLjQzMi4xMzItLjYxOC4zOTQtMi4yOTEgMi43NC01LjUxOSA0LjExMS05LjY4NiA0LjExMS0yLjQ3NiAwLTQuODA1LS41NzMtNi45ODEtMS43MTctMi4xNzctMS4xNDYtMy45NTEtMi44ODItNS4zMjEtNS4yMS0xLjM3MS0yLjMyNi0yLjA1Ni01LjE3OC0yLjA1Ni04LjU1OCAwLTMuMzc4LjY4NS02LjIzIDIuMDU2LTguNTU4bTQxLjAxOSAyMy4xOTdoLTUuMDY4di0yOS4yNzhoNS4wNjh2MjkuMjc4Wm0xLjEyNC0zMy43ODJoLTcuMzE5di02Ljc1Nmg3LjMxOXY2Ljc1NlptMTEuMTc3IDIzLjczMmMuODgyIDEuNTIxIDIuMDc0IDIuNjg1IDMuNTc2IDMuNDkyIDEuNS44MDggMy4xNTIgMS4yMDkgNC45NTQgMS4yMDkgMS44MDIgMCAzLjQ1My0uNDAxIDQuOTU0LTEuMjA5IDEuNTAyLS44MDcgMi42OTQtMS45NzEgMy41NzYtMy40OTIuODgyLTEuNTIgMS4zMjMtMy4zMzEgMS4zMjMtNS40MzIgMC0yLjEwMy0uNDQxLTMuOTE1LTEuMzIzLTUuNDMzLS44ODItMS41MjItMi4wNzQtMi42ODQtMy41NzYtMy40OTItMS41MDEtLjgwNy0zLjE1Mi0xLjIxMS00Ljk1NC0xLjIxMS0xLjgwMiAwLTMuNDU0LjQwNC00Ljk1NCAxLjIxMS0xLjUwMi44MDgtMi42OTQgMS45Ny0zLjU3NiAzLjQ5Mi0uODgyIDEuNTE4LTEuMzIyIDMuMzMtMS4zMjIgNS40MzMgMCAyLjEwMS40NCAzLjkxMiAxLjMyMiA1LjQzMm0tMS4wNDEgMTEuMDA4Yy4yOTkgMS44NzcgMS4xNzIgMy4zNTkgMi42MTkgNC40NDkgMS40NDQgMS4wODcgMy40MDUgMS42MzIgNS44ODIgMS42MzIgMy4zNzkgMCA1Ljk5OC0uODY0IDcuODU1LTIuNTkgMS44NTktMS43MjcgMi43ODctNC4xNDcgMi43ODctNy4yNjN2LTIuMDI4YzAtLjIyNS0uMTEyLS4zMzctLjMzOC0uMzM3LS4xODggMC0uMzU3LjA5NC0uNTA2LjI4MS0yLjA2NCAyLjcwNC01LjI1NiA0LjA1NS05LjU3MiA0LjA1NS0yLjUxNSAwLTQuODQzLS41NzItNi45ODMtMS43MTgtMi4xMzktMS4xNDQtMy44NTYtMi44MTQtNS4xNTEtNS4wMTItMS4yOTYtMi4xOTQtMS45NDItNC44MzItMS45NDItNy45MDkgMC0zLjA3OS42NDYtNS43MTYgMS45NDItNy45MTIgMS4yOTUtMi4xOTUgMy4wMTItMy44NjUgNS4xNTEtNS4wMTIgMi4xNC0xLjE0NCA0LjQ2OC0xLjcxNiA2Ljk4My0xLjcxNiA0LjA5IDAgNy4zIDEuMzcxIDkuNjI4IDQuMTA5LjMzNy40MTUuNjM4LjYyLjkwMS42Mi4xNDkgMCAuMjYxLS4wNDYuMzM3LS4xNC4wNzYtLjA5NC4xMzItLjIxNi4xNy0uMzY2bDEuMDY5LTMuMzc5aDMuMzc5djI2LjE4M2MwIDQuNjE3LTEuMzkgOC4yMS00LjE2NyAxMC43ODItMi43NzkgMi41Ny02LjY0NCAzLjg1Ni0xMS41OTkgMy44NTYtNC4yNDIgMC03LjU3My0uOTY2LTkuOTkzLTIuODk4LTIuNDIzLTEuOTM1LTMuNzgzLTQuNDk4LTQuMDgzLTcuNjg3aDUuNjMxWm0zNy4xNi0uOTU4aC01LjA2OHYtMjkuMjc4aDUuMDY4djI5LjI3OFptMS4xMjYtMzMuNzgyaC03LjMydi02Ljc1Nmg3LjMydjYuNzU2Wm0zLjY1OSA0LjUwNGg2Ljc1NnYtNy44ODJoNS4wNjh2Ny44ODJoNy42MDF2NC41MDVoLTcuNjAxdjE5LjQyNGMwIC4yNjQuMDc2LjQ3MS4yMjUuNjIuMTUuMTUuMzU4LjIyNi42Mi4yMjZoNy42MDJ2NC41MDRoLTMuOTQyYy0zLjIyOSAwLTUuNjMyLS43ODgtNy4yMDYtMi4zNjQtMS41NzgtMS41NzgtMi4zNjctMy45NzktMi4zNjctNy4yMDh2LTE1LjIwMmgtNi43NTZ2LTQuNTA1Wm0zMS4xOTQgMjQuMjY4YzEuMjM4LjkwMiAyLjk2NSAxLjM1MSA1LjE4IDEuMzUxIDIuODkgMCA1LjE2MS0uNzg4IDYuODEzLTIuMzY1IDEuNjUxLTEuNTc1IDIuNDc3LTMuODg0IDIuNDc3LTYuOTI0di0uMjI2bC0xMC42OTguMjI2Yy0xLjkxNC4wMzctMy4zMzIuNDIxLTQuMjUxIDEuMTUzLS45MjEuNzMyLTEuMzggMS43NTYtMS4zOCAzLjA2OSAwIDEuNTc2LjYxOSAyLjgxNSAxLjg1OSAzLjcxNm0tNC4yNTEtOS44MjVjMS43ODItMS40ODMgNC40NTYtMi4yNjEgOC4wMjMtMi4zMzdsMTAuNjk4LS4yMjZ2LTEuMTgyYzAtMi4yMTQtLjYzOC0zLjk0Mi0xLjkxNC01LjE4LTEuMjc2LTEuMjM4LTMuMjY2LTEuODU4LTUuOTctMS44NTgtMi40MDEgMC00LjIyMi41MjYtNS40NiAxLjU3OC0xLjIzOSAxLjA1LTEuODU4IDIuNDAxLTEuODU4IDQuMDUzaC01LjM0OWMuMTEyLTEuOTE1LjY3NC0zLjY0MSAxLjY4OS01LjE4IDEuMDEzLTEuNTM5IDIuNDU5LTIuNzUxIDQuMzM0LTMuNjMyIDEuODc4LS44ODEgNC4wOTEtMS4zMjMgNi42NDQtMS4zMjMgNC4yOCAwIDcuNTA4IDEuMDMyIDkuNjg2IDMuMDk2IDIuMTc3IDIuMDY2IDMuMjY1IDQuOTc1IDMuMjY1IDguNzI3djE4LjNoLTUuMDY3di0zLjA0YzAtLjIyNS0uMTEyLS4zMzctLjMzNy0uMzM3LS4xODkgMC0uMzc3LjExMi0uNTY0LjMzNy0yLjAyNyAyLjU4OS01LjAxMSAzLjg4NS04Ljk1MiAzLjg4NS0zLjYwNCAwLTYuNDI5LS44ODItOC40NzQtMi42NDgtMi4wNDctMS43NjItMy4wNjgtNC4wNy0zLjA2OC02LjkyNCAwLTIuNTg5Ljg5LTQuNjI2IDIuNjc0LTYuMTA5bTM2LjQ1NyAxNC44MzVIMTk4LjJ2LTQwLjUzOGg1LjA2OHY0MC41MzhabS0zMjMuNTI0LTYyLjk1NiAyNy41NS0yNy4wNzggOTAuNiA4Ny45ODRoLTU1LjYzOGwtNjIuNTEyLTYwLjkwNlptLTQuNDU5IDY0LjY0OSAzMy42NzItMjUuNjU2LTMzLjY3Mi0zMi40ODR2NTguMTRaTTIuODE0IDI2MS4yMzZsLTI3LjU0OSAyNy4wNzgtOTAuNjAyLTg3Ljk4NGg1NS42MzlsNjIuNTEyIDYwLjkwNlptNC40NTgtNjQuNjQ5TC0yNi40IDIyMi4yNDNsMzMuNjcyIDMyLjQ4NHYtNTguMTRaIi8+Cjwvc3ZnPg==); + --nfd-onboarding-primary: #dd5228; + --nfd-onboarding-light: #f2f2f2; + --nfd-onboarding-dark: #1e2223; + --nfd-onboarding-white: #ffffff; + --nfd-onboarding-white-rgb: 255, 255, 255; + --nfd-onboarding-black: #000000; + --nfd-onboarding-header-bg: var(--nfd-onboarding-light); + --nfd-onboarding-header-fg: var(--nfd-onboarding-dark); + --nfd-onboarding-content-bg: var(--nfd-onboarding-light); + --nfd-onboarding-content-fg: var(--nfd-onboarding-dark); + --nfd-onboarding-drawer-bg: var(--nfd-onboarding-dark); + --nfd-onboarding-drawer-fg: var(--nfd-onboarding-light); + --nfd-onboarding-drawer-icon-fill: var(--nfd-onboarding-dark); + --nfd-onboarding-drawer-icon-active-fill: var(--nfd-onboarding-light); + --nfd-onboarding-footer-fg: var(--nfd-onboarding-dark); + --nfd-onboarding-footer-bg: var(--nfd-onboarding-light); +} + +body { + --nfd-publish-icon: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzMiIHZpZXdCb3g9IjAgMCAzMCAzMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjMxNTkxOCAzLjEzNjA3VjAuNDY3NzczSDI5LjM0MlYzLjEzNjA3SDAuMzE1OTE4Wk0wLjMxNTkxMSA3LjU4MzQ5SDE2LjY0MzFWMTAuMjUxOEgwLjMxNTkxMVY3LjU4MzQ5Wk0xNi42NDMxIDE0LjY5ODZIMi4xMzAwNEMxLjA0MTU2IDE0LjY5ODYgMC4zMTU5MTEgMTUuNDEwMiAwLjMxNTkxMSAxNi40Nzc1VjMxLjI0MkMwLjMxNTkxMSAzMS43NzU3IDAuNjc4NzM4IDMyLjQ4NzIgMS40MDQzOSAzMi42NjUxQzEuNTg1OCAzMi44NDMgMS43NjcyMiAzMi44NDMgMS45NDg2MyAzMi44NDNDMi4zMTE0NiAzMi44NDMgMi44NTU3IDMyLjY2NTEgMy4wMzcxMSAzMi4zMDk0TDYuMzAyNTUgMjkuMTA3NEgxNi42NDMxQzE3LjczMTYgMjkuMTA3NCAxOC40NTcyIDI4LjM5NTkgMTguNDU3MiAyNy4zMjg1VjE2LjQ3NzVDMTguNDU3MiAxNS40MTAyIDE3LjczMTYgMTQuNjk4NiAxNi42NDMxIDE0LjY5ODZaTTUuMjE0MDYgMjYuNDM5MkgxNS43MzZWMTcuMzY3SDMuMDM3MVYyOC41NzM4TDUuMjE0MDYgMjYuNDM5MloiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPg==); + --nfd-selling-icon: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzMiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMyAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CjxyZWN0IGlkPSJzaG9wQDJ4IiB4PSIwLjkyODY2NSIgeT0iMC4wOTUyMTQ4IiB3aWR0aD0iMzEuMjU4OSIgaGVpZ2h0PSIzMS4yNTg5IiBmaWxsPSJ1cmwoI3BhdHRlcm4wKSIvPgo8ZGVmcz4KPHBhdHRlcm4gaWQ9InBhdHRlcm4wIiBwYXR0ZXJuQ29udGVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgd2lkdGg9IjEiIGhlaWdodD0iMSI+Cjx1c2UgeGxpbms6aHJlZj0iI2ltYWdlMF8zNDY5N182MjE2IiB0cmFuc2Zvcm09InNjYWxlKDAuMDAyODI0ODYpIi8+CjwvcGF0dGVybj4KPGltYWdlIGlkPSJpbWFnZTBfMzQ2OTdfNjIxNiIgd2lkdGg9IjM1NCIgaGVpZ2h0PSIzNTQiIHhsaW5rOmhyZWY9ImRhdGE6aW1hZ2UvcG5nO2Jhc2U2NCxpVkJPUncwS0dnb0FBQUFOU1VoRVVnQUFBV0lBQUFGaUNBWUFBQURNWE5KNkFBQUFBWE5TUjBJQXJzNGM2UUFBQUVSbFdFbG1UVTBBS2dBQUFBZ0FBWWRwQUFRQUFBQUJBQUFBR2dBQUFBQUFBNkFCQUFNQUFBQUJBQUVBQUtBQ0FBUUFBQUFCQUFBQllxQURBQVFBQUFBQkFBQUJZZ0FBQUFBandmbXRBQUFpVlVsRVFWUjRBZTJkdjQ3a3VIYUhleTQyczRHdEN6Z2ZMdUI4eTRCREE2T2JPZHU1VDdEdE41ak00ZmFHanJ6M0NWejdCTzZiT1J0TjROU3J6Uyt3bWlmWXVzQUY3TUJHKzV4dXFhdFUraS94NkEvNUVUZ2xrU0lQeVkva3IxVXNhZWJOMDlQVDhlN3U3aUFXZThnRmdCb0JBaENBd0tJRTNvZ1FwMUxqdTBWcjNXWmxuNlJaeVRhYlJxc2dBSUdRQ2Z3bTVNN1JOd2hBQUFKN0lJQVFYMFpKdDJnSUVJQUFCQlluZ0JCZmtIOTVPZVVNQWhDQXdISUVFT0lxYTFlTkVvTUFCQ0JnVHdBaHJqSjIxU2d4Q0VBQUF2WUVFT0lxWXg3anEvSWdCZ0VJTEVBQUlhNUM1Z2U3S2c5aUVJREFBZ1FRNGdVZ1V3VUVJQUNCTGdJSWNaVk9VbzBTZ3dBRUlHQlBBQ0cyWjB3TkVJQUFCRG9KSU1SVlBPd1JWM2tRZ3dBRUZpQ0FFRmNoODFKSGxRY3hDRUJnQVFJSWNSMnlxeWVSQWdFSVFNQ09BRUpjWit2cVNhUkFBQUlRc0NPQUVOZlo4bEpIblFrcEVJQ0FJUUdFdUE2WEgrenFURWlCQUFRTUNTREVobkJ4RFFFSVFHQUlBWVM0VGltcEo1RUNBUWhBd0k0QVFtekhGczhRZ0FBRUJoRkFpT3VZMkNPdU15RUZBaEF3SklBUTErSHlVa2VkQ1NrUWdJQWhBZjFmblBVT2NJK1BiTjFMdTc4MVl2T1YrTTJOZk9NV0FoQ0FRSVhBRnhMTEtpbjdpU1NHVFhYaU96ZjBqMnNJUUFBQ3J3VDJ2RFdSdnZiQy84a2V2eUg0cDRCSENFQmdFUUo3Rm1KTFFMcGRRNEFBQkNDd0NJRTlDL0ZldDFRV0dWZ3FnUUFFOWtOZ3owSjhOc1NjR1ByR05RUWdBSUVLZ1QwTHNYYmtjNlUzUkNBQUFRanNrTURlaFRnM1lzNGVzUkZZM0VJQUFuVUNleGRpcSswSlh1cW96eFZTSUFBQkl3SjdGMkxMSCt5Y0VYUGNRZ0FDRUtnUTJMc1FWenJqT2VJOCs4TWRCQ0FBZ1VZQ2V4Zml0TEZYZmhJUGZ0emdCUUlRZ0VBM2diMExjWGZ2NWwzbEI3dDUvQ2dOQVFnTUpMQjNJYmJjSXg2SWtHd1FnQUFFNWhIWXV4Q2Y1M1cvczNUU2VaV0xFSUFBQkR3UjJMc1FLd1plNnZBMEdYQURBUWlzUXlBRUljNk4wTEZIYkFRV3R4Q0FRSlZBQ0VKc3RUM0JTeDNWdVVJTUFoQXdJaENDRUZ2K1lPZU11T01XQWhDQXdDdUJFSVQ0dFRNR0o4N0FKeTRoQUFFSVZBaUVJTVJwcFVkK0l3ZS83dkFHQVFoQW9FNGdCQ0d1OThwZkNqL1krV09KSndoQW9JVkFDRUpzdVVmY2dvMWtDRUFBQXY0SWhDREVaMzg0YXA2U1dnb0pFSUFBQkR3VENFR0lGUWt2ZFhpZUdMaURBQVNXSXhDS0VPZEd5TmdqTmdLTFd3aEE0RUlnRkNHMjJwN2dwWTdMWE9FTUFoQXdJaENLRUZ2K1lPZU0yT01XQWhDQXdET0JVSVRZY2ppZHBYTjhRd0FDRUFoRmlGUERvVHdZK3NZMUJDQUFnYnRRaE5oeUtQbkJ6cEl1dmlFQWdXQ0UySEtQbUdrQ0FRaEF3SlJBS0hmRVowTktpYUZ2WEVNQUFoQUk1bzVZaDVLWE9walFFSURBTGdtRWNrZXM4SE9qRVdDUDJBZ3NiaUVBZ1JjQ0lRbXgxZllFTDNXd1dpQUFBVk1DSVFteDVROTJ6blFVY0E0QkNFUk5JQ1FodGh4SVora2MzeENBUU53RVFoTGkxSEFvLzhIUU42NGhBSUhJQ2J4NWVub0tCVUVpSGZtNFFHZCtsanAwUDFxdDNBNUo1VnlEeGpXZEFBRUlRR0F3Z1pDRStDQzkvblZ3ejIwejZxTjBlVkZGV2h4TGtkWjBOUUlFSUFDQlp3SWhDYkYyYUcrMzk1K0tlWGdyMG5wWHJXa0VDRUFnQWdLaENYRXVZL1kyc0hFcnQwSzBiMnJYSXAxS25BQUJDT3ljUUdoQ25NcDR2TnY1bUV4cGZya1YwaVRTdVRoVUkwQUFBaHNsRUpvUVB3cm5iemJLZXUxbS9Wa2FVRzUzcEVWak5LN2lyVlplS3k1eGdBQUVsaUlRbWhBL0NManZsb0lYYUQyMys5YlhJcDBHMm1lNkJZRlZDWHl4YXUxVXZrVUM1ZFpPZVd4cTQrMit0ZVpKaTR4Nlo2M2lUWUFBQkFZU0NPMk9PSkYrZnh6WWQ3TFpFbWphdHk1Rk9wZXExUWdRZ0lBUVFJaVpCbXNTdU42M3ZoVnB2YXZXTkFJRWdpY1FtaEFmWk1TMjhsSkg4Sk5ud1E2Vys5YTUxS2wyTGRLcHhBa1EyRFdCMElSWUIrTnAxeU5DNDZjU2FOb0tTUXRuZW1ldDRrMkF3Q1lKaENqRXVaQit1MG5hTkdwdEF0ZGJJV25SbUZLa2M0bXJFU0N3T0lFUWhUZ1ZpbDIvK0M4T21RcDNSNkRjQ21rUzZYUjN2YUhCbXljUTR1TnJmQVhkL0xUYmZBUExQK1Rsc2FuQnQ0L3c2YnhUNGRaUUN2aExqRThJOUJBSVVZaDFFZkIyWGMvQWMzazJnYThMRDExaTNiUnZYWXAwTHVYVkNCQzRDMUdJR1ZZSWJJWEFXMm1JbW9hMm00T21mZXRjOHF1ZHhWUzRDWUVUQ0hHUE9KRXgreGo0dU5HOStBamM3bHRmaTNRYUg0Nndlc3dkY1ZqalNXL0NKVkJ1Z1pUSHBwNlcrOVpOSXExMzFwcE8yQ0NCRU8rSUQ4S1psem8yT05sbzBpWUlsUHZXMnBpMGFGRXAwcm5FMVFnTEV3aFJpQlhoMDhJY3FRNENvUkc0M1FySnBZTnFlbGV0d2szd1NDQlVJYzZGMFZ1UG5IQUZBUWpVQ1pSYklibGNVcnNXNlZUaWhJRUVRaFhpVlByZnRaYzJFRTh0Mi85S3luK0tIY1crckYwbEFRSVF1Q1ZRYm9VMGlYUXVtZFdpRDZFSzhhT01iTnZqUW5NSC9jMlZBeWZuYWdjeEZXY05ldFM0RStPdVhDQVFJTkJEb09rUnZrektuQXZUODZCRHFFTDhJS1AybmRISWZTVis4eEcrVlpTUFJmNmtPRG81cXVtMXI4VUlFSUJBUDRGUFJSWVY1bk5oZXE0aGZmN2M2UWVQcjQwZk9DZEY4aEhGZE1La1JmN3lXRVFyaDZTSU9UbXFIY1NPWWhvc3RsbGVQUE1KZ2YwUUtOZEJlV3hxK2UyK3RlWkppNHdxMnJvZU54ZEN2U05PaFBSSEk5cS9GNytQUnI3NzNLb3dId3JUY3czSjgrZUxhTE52WGNEZ0FJRU9BcC9sV2k1MkZzdkVOT2hSNDNsaGNsZ3VJTVRqV1g4dlJSN0dGMXVzeEVGcU9oYTFKY1ZSNDVydXhONktFU0FBZ1c0QzEvdldtV1E5aStXRjZibW1lUXVoQ3ZGQkNQM3FqVkxWMGRhRnVOcmE5bGhTWERyS1VYbTV3dlNjZld1QlFJREFBQUtmaWp5NUhOWE9ZcG1ZaHZUNWM4QkhxRUtzWFg4YTBQOHBXUlI4TXFYZ0Rzc2NwYzBxeks0d1BkYzBEWHBrSytRWkJSOFE2Q1R3V2E3bVltZXhURXhEK3Z4WmJJbUVMTVM1ZE5UaWEzaE1RbHpNbGM2RGs2dHFCekVWWnczSjh5ZGJJUVVHRGhEb0pQQTVaQ0ZPcGV2dk9ycy83YUx1SGFub0VJWVRhQk5wSnk3MEdsc2h3MW1TTXp3Q24wSitmTzFzTkY1OEhSOFBWc2NpTFlxVnh5SmFPU1JGN0NoSEZXZzFQZGRnOFVmMXhUT2ZFRmlYd0Rsa0ljNkU3VGRHZkozNHpZMTh4K3cyTFRwZkhwdFlxRENyUUx2QzVQQzZGYUxYK0VPcFJBaDdJcENGTE1TV0ErSEVlVzVaQWI1YkNlZ2YyTDdnSklPYWh1VDU4K1hPdWhSd2k5OE9pbW80UUdBOGdaRDNpQlBCOFhFOGtrRWwxbnlwWTFBRHlkUkxRRVZaNzZBMTZMRVVhVmVjczI4dElBaUxFUGdkZDhUVE9PdkNmWnhXbEZJYklYQ1dkcVJGVzhwakVhMGNkS3dQWXE0d1BkYzBEZXhidjNEZ2N5YUJrSVU0bThtRzRoQlFBa1Bta1pOOGF0Y2luVWhjZzRvMis5YlBLUGhvSVpDRnZEV2hmWDVxNmZqYzVFL2lJSm5yaFBKUkVXZ1RhVTFYWXlza3F1bFE2ZXlia08rSXRhZWZ4ZmhocGpMbVJGWWljSlo2MDZMdThsaEVLNGVraUIzbHFBTHRDcE1EV3lFS0liQ2dHblVYdWhEbjBrY0xJZFpGUW9DQUJZRzBjRm9lbStwb0V1bWt5S2pYMkFwcG9yYk50RnliRmJvUW40M1lNOUdOd09KMkVJRnNRQzRuZWRRT1lpck9HdlNvY1NkbWNZTWliZ2tqQ1p3MWYraENuRWtmdnhrSlptaDJKeG56b1puSkI0R0ZDZVJTbjVxR3g1ZEQ3Vk5GK1Zpa0pzWFJ5VkZOcjdGdkxSQ01RNmIrUXhkaVM0Wk9uT2VXRmVBYkFzWUV6dUkvTGVvb2owVzBja2lLbUpPam1vcjBVVXpEdTVjRG4zTUloQzdFcWNENWJnNmdqckk2R1FrUWlJRkFPcUNUS3N5Nkp0VDBYRVB5L1BrU1p6dXZnSEZ6U0RVZXVoRGY5TmxyVkNmYm8xZVBPSVBBZmdsa1YwMXZXeGNIeVhNczhpWEZVZU9hN3NTaTNiY09YWWd6R1Z3Q0JDQ3dEUUpuYVVaYU5LVThGdEhLSVNsaTF5THRKRTBGTzdSOTYyZU5DdjJGRGgzUEovMHdDSi9FWjJMZ0Y1Y1FnRUEvZ1NhUjFqUU5ldHpMVnNnYmJYRG9kOFRheDg5aTBYN2xVUUFFQ0FSSTRQbE9zcWRmVHE2ckhjUktrVTdrWElNVFcxc1hWSnVlUXd4Q25FdFBMWUNYQS90Q2trOElRR0JyQkhKcGtKcUd4NWREN2JOTnBKM2sxR3VXV3lHNStIOE9NUWp4dWV5czUrTmV2dnA0N2pidUlCQVVBZFdIdE9oUmVTeWlyd2VyN2MxWGJmck5hMVhobm1TR1hYT0d2bkVOQVFpc1Q4QVpOdUZWbTJJUVlrT096L3RNbHY3eERRRUlyRXZBTFZGOURFS2NHb0k4R1ByR05RUWdzRDRCeXpXZWx0MkxRWWpMdmxvY2p4Wk84UWtCQ0d5R3dDSnJQQVloempZenBEUUVBaENBd0lYQXF6YkZJTVRuUzcrOW55WGVQZUlRQWhEWUVvSEVzREd2MmhTREVDdkgxd2VuRGFIaUdnSVFnTUJRQWhWTmlrV0k4NkYwUnVZN2pzeFBkZ2hBWUY4RXJOWjRmbzBoRmlGKy9RcHczWGtQNTd6VTRRRWlMaUN3WVFKV2E3eWlTYkVJY1dZNDBNN1FONjRoQUlIMUNEakRxaXVhRklzUUcvTGtwUTVMdVBpR3dJb0UzRkoxeHlMRXFTSFFnNkZ2WEVNQUF1c1JzRnpiNlhXM1loSGk2ejc3UGovNmRvZy9DRUJnRXdRV1c5dXhDSEcyaVdHbEVSQ0FBQVJlQ0ZRMEtSWWhQaHVPZm1Mb0c5Y1FnTUI2QkJMRHFpdWFGSXNRSzgvS0E5U0dnSEVOQVFoQW9JdEFUWXRpRXVLOGk4eU1hOGNaWlNrS0FRaHNsNERWMnM1dnV4eVRFRmUrQ3R5Q21CRzNldUI3UnBNb0NnRUllQ0JndGJacldoU1RFR2NlQnFiTmhXdTdRRG9FSUxCTEFzNncxVFV0aWttSURibnlVb2NsWEh4RFlBVUNic2s2WXhMaTFCRHN3ZEEzcmlFQWdlVUpXSzdwOUxZN01RbnhiZDk5eG84K25lRUxBaEJZbmNDaWF6b21JYzVXSDFvYUFBRUlRT0R1cnFaRk1RbngyWEFHSklhK2NRMEJDQ3hQSURHc3NxWkZNUW14Y3EwOVNHMElHOWNRZ0FBRWJnazBhbEJzUXB6ZlV2RVVQM3J5Z3hzSVFHQWJCS3pXZE43VXZkaUV1UGFWb0FuS2hEU3JCNzhuTklVaUVJQ0FCd0pXYTdwUmcySVQ0c3pEQUxXNWNHMFhTSWNBQkhaRndCbTJ0bEdEWWhOaVE3NjgxR0VKRjk4UVdKQ0FXN0N1NTZwaUUrTFVFUERCMERldUlRQ0I1UWhZcnVXMHFSdXhDWEVUQTE5cFIxK084QU1CQ0t4S1lQRzFISnNRWjZzT0w1VkRBQUt4RTJqVW9OaUUrR3c0Q3hKRDM3aUdBQVNXSTVBWVZ0V29RYkVKc2ZKdGZLRGFFRHl1SVFBQkNDaUJWdTJKVVloem96bHhOUEtMV3doQVlGa0NWbXM1Yit0R2pFTGMrTldnRGRDSWRLc0h3RWMwZ2F3UWdJQUhBbFpydVZWN1loVGl6TU5BdGJsd2JSZElod0FFZGtIQUdiYXlWWHRpRkdKRHpyelVZUWtYM3hCWWdJQmJvSTVhRlRFS2NWcWo0Qy9oNE04Vm5pQUFnUlVJV0s3aHRLMC9NUXB4R3dzZjZVY2ZUdkFCQVFpc1JtQ1ZOUnlqRUdlckRURVZRd0FDTVJObzFaNFloZmhzT0JNU1E5KzRoZ0FFN0Fra2hsVzBhaytNUXF5Y1d4K3NOaHdFWEVNQUF2RVM2TlNjV0lVNE41b1BSeU8vdUlVQUJKWWhZTFdHODY3bXh5ckVyVjhSdW1BTnVHYjFJUGlBcXNrQ0FRaDRJR0MxaGpzMUoxWWh6andNV0pzTDEzYUJkQWhBWU5NRW5HSHJPalVuVmlFMjVNMUxIWlp3OFEwQlF3TE8wSGVuNjFpRk9PMmtNdS9pWVY1eFNrTUFBaXNSc0Z5N2FWZWZZaFhpTGlaenJ4M25PcUE4QkNDd0NvSFYxbTZzUXB5dE1zeFVDZ0VJeEVxZ1UzTmlGZUt6NFd4SURIM2pHZ0lRc0NPUTJMbSs2OVNjV0lWWWVYYytZRzA0SUxpR0FBVGlJdENyTlRFTGNXNDBGNDVHZm5FTEFRallFckJhdTNsZnMyTVc0czZ2Q24zZ09xNWJQUkRlVVNXWElBQUJEd1NzMW02djFzUXN4Sm1IZ1d0ejRkb3VrQTRCQ0d5U2dETnNWYS9XeEN6RWh0eDVxY01TTHI0aFlFREFHZmdjN0RKbUlVNEhVeHFmOFRDK0NDVWdBSUVWQ1ZpdTJiU3ZYekVMY1IrYk9kZVBjd3BURmdJUVdKekFxbXMyWmlIT0ZoOXFLb1FBQkdJazBLczFNUXZ4MlhCR0pJYStjUTBCQ1BnbmtQaDMrZXF4VjJ0aUZtS2wxUHVnOVN0S1RpQUFBUWlNSnpCSVkySVg0bnc4MTBFbGpvTnlrUWtDRU5nS0FhczFtdy9wWU94QzNQdVZZUWpFaGp4V0Q0WTNWRVVTQkNEZ2dZRFZtaDJrTWJFTGNlWmhBTnRjdUxZTHBFTUFBcHNpNEF4Yk0waGpZaGRpUS82ODFHRUpGOThROEVqQWVmUTF5VlhzUXB4T29qYXMwR0ZZTm5KQkFBSXJFN0JjcSttUXZzVXV4RU1ZVGMxem5GcVFjaENBd0tJRVZsK3JzUXR4dHVod1V4a0VJQkFiZ1VFYUU3c1FudzFuUldMb0c5Y1FnSUEvQW9rL1Z6VlBnelFtZGlGV2FvTWV1SzdoSlFFQ0VJQkFONEhCMm9JUTM5M2wzU3duWHoxT0xrbEJDRUJnU1FKV2F6VWYyZ21FK0s3N1AvVWJDcklobjlVRDRnMVZrUVFCQ013Z1lMVldCMjFMYUxzUjRydTdiTVlBOWhWMWZSbTREZ0VJckVyQUdkWStXRnNRWXNOUkVOZVdnMnpiY3J4RElBNENiZ3ZkUklqdjdsTERnVGdZK3NZMUJDQXduNERsR2sySE5nOGhIa3BxV3I3anRHS1VnZ0FFRmlLd2lUV0tFTnZ1RVM4MGw2Z0dBaERZSUlGc2FKc1FZcnVuSm5RTWtxRURRVDRJUUdBVkFvbGhyZWVodmhIaUYxS0RIN3dlQ3BaOEVJQkExQVJHYVFwQy9ESlhjcU1wczRuOUo2Tys0UllDSVJDd1dxUDVHRGdJOFF1dHdWOGh4c0NWdkZZUGlvOXNCdGtoQUlFV0FsWnJkSlNtSU1Rdm81TzFESktQWk9mRENUNGdBQUh2Qkp4M2p4ZUhvelFGSWI2QXN6cHpWbzd4Q3dFSXpDTGdacFgyV0JnaGZvR1plbVI2Nitwd20wQWNBaERZQkFITHRabU82U0ZDUEliV3RMekhhY1VvQlFFSUdCUFl6TnBFaUY5R09qTWVjTnhEQUFKeEVSaWxLUWp4eStRNEc4NlJ4TkEzcmlFQWdla0VrdWxGZTB1TzBoU0UrTUp6MUFQWWwyS2NRUUFDRUtnUUdLMGxDUEdGWDM0NTlYcDI5T29OWnhDQWdDOENWbXN6SDl0QWhQaENiTlJYaVV1eDNqT3JCOFo3S3lZREJDRFFTY0JxYlk3V0VvVDRNazdaNWRUN21mUHVFWWNRZ01BY0FtNU80WjZ5bzdVRUllNGg2dW15OCtRSE54Q0FnQjhDem84YlAxNFE0Z3ZIOUhMcS9lemczU01PSVFDQk9RUXMxMlE2dG1FSThWaGkwL0lmcHhXakZBUWdZRVJnVTJzU0liNk1jblk1NVF3Q0VJREFaQUtqdFFRaHZyQStYMDY5bnlYZVBlSVFBaENZUXlDWlU3aW43R2d0UVlpclJFYy9pRjB0VGd3Q0VJaWN3Q1FOK1NKeWFMZmR6eVhoN1cyaWgvamZpNC9FZ3g5Y1FBQUNmZ2djL2JpcGVjbHJLUU1TRU9JcXBORmZLYXJGVzJOL0pWYyt0bDdsQWdRZ0VBcUJTUnJDMWtSMStMTnFsQmdFSUFDQlVRUW1hUWhDUElveG1TRUFBUWo0SjRBUVY1bW0xU2d4Q0VBQUFxTUlwS055RjVrUjRpblVLQU1CQ0VEQUk0RTNUMDlQSHQzdDN0VkJldkRyN250QkJ5QUFnYlVJL0ZZcUh2MkRIVUpjSHk3K010V1prQUlCQ0F3ajhHWll0bW91dGlhcVBEUTI2WUhzdWh0U0lBQ0J5QWhNMWc2RXVENVQ4bm9TS1JDQUFBUjZDZVM5T1ZveUlNUjFNS1AzZCtvdVNJRUFCQ0lrTUZrN0VPTDZiTW5xU2FSQUFBSVE2Q1V3V1RzUTRsNjJaSUFBQkNCZ1N3QWhydk5ONjBta1FBQUNFT2dsa1BibWFNbUFFTGVBSVJrQ0VJREFVZ1I0anJoTytpQkp2TlJSNTBJS0JDRFFUV0RTeXh6cUVpRnVCc3RMSGMxY1NJVUFCTm9KVEhxWlE5MnhOZEVNZGZLRDJjM3VTSVVBQkFJbk1Fc3pFT0xtMlpFM0o1TUtBUWhBb0pGQTNwZzZNQkVoYmdZMStjSHNabmVrUWdBQ2dST1lwUmtJY2ZQc21QeGdkck03VWlFQWdjQUp6TklNaERqdzJVSDNJQUNCN1JOQWlKdkhLRzFPSmhVQ0VJQkFJNEcwTVhWZ0l2K0w4MEJRSHJQOUtMNU9IdjNoQ2dJUVdKL0FySzBKaExoNUFHZEJiWGI1bXByTFdmb2E0d1FDRUlpZUFGc1R6VlBnM0p6c0pUWHg0Z1VuRUlCQU1BUVE0dmFoblBXQWRydGJya0FBQWhDb0VrQ0lxenl1WS9sMXhPUDUwYU12WEVFQUFnRVFRSWpiQjlGcWUrTEw5aXE1QWdFSXhFZ0FJVzRmZGNzZjdGeDd0VnlCQUFSaUk0QVFyelBpYnAxcXFSVUNFTmdpQVlTNGZWVFM5a3V6cnh4bWU4QUJCQ0FRREFHRWVKMmg1QWU3ZGJoVEt3UTJTUUFoYmg4V3l6M2k5bHE1QWdFSVJFY0FJVzRmOG5QN3BkbFhrdGtlY0FBQkNBUkRBQ0h1SGtwZTZ1am13MVVJUU1BREFZUzRHMkxlZlhueVZmYUlKNk9qSUFUQ0k0QVFkNCtwMWZZRUwzVjBjK2NxQktJaWdCQjNEN2ZsRDNhdXUycXVRZ0FDc1JCQWlOY2JhYmRlMWRRTUFRaHNpUUJDM0QwYWFmZmxXVmNQczBwVEdBSVFDSVlBUXJ6ZVVQS0QzWHJzcVJrQ215S0FFSGNQaCtVZWNYZk5YSVVBQktJaGdCQjNEL1c1Ky9Lc3E4bXMwaFNHQUFTQ0lZQVE5dzhsTDNYME15SUhCQ0F3Z3dCQzNBOHY3ODh5S1FkN3hKT3dVUWdDNFJGQWlQdkgxR3A3Z3BjNit0bVRBd0pSRUVDSSs0Zlo4Z2M3MTE4OU9TQUFnZEFKSU1UcmpyQmJ0M3BxaHdBRXRrQUFJZTRmaGJRL3krUWNoOGtsS1FnQkNBUkRBQ0ZlZHlqNXdXNWQvdFFPZ1UwUVFJajdoOEZ5ajdpL2RuSkFBQUxCRTBDSSs0ZjQzSjlsY281a2Nra0tRZ0FDd1JCQWlJY05KUzkxRE9ORUxnaEFZQUlCaEhnWXRIeFl0dEc1MkNNZWpZd0NFQWlQQUVJOGJFeXR0aWQ0cVdNWWYzSkJJR2dDQ1BHdzRiWDh3YzROYXdLNUlBQ0JVQWtneE91UHJGdS9DYlFBQWhCWWt3QkNQSXgrT2l6YnBGeUhTYVVvQkFFSUJFTUFJVjUvS1BuQmJ2MHhvQVVRV0pYQUY2dld2cC9LcmZlSWsvMmdvS1VRTUNmdzExTEQzeGExL0VXT2Z5ck9kUjJlaS9PZ0RtK2VucDZDNnBCaFp3QmxDQmZYRUJoSjRKUGt6d3RMNWFpMjI0QVFEeHM2SjluK1MreTN3N0tUQ3dJUVdJR0Fpdk5qWWZrSzlVK3VFaUZ1UjNlUVMvZUZmZDJlalNzUWdNQUdDZndzYlRvVnR2bnRESVM0UG9PY0pEMklmU3RHZ0FBRTlrL2dSK25DZzFndXRzbkFVeE9YWVhGeWVoTDdSUXdSRmdnRUNBUkNRTmV6cnV1VG1CUGJYT0NPK081T3R5QStpSDIzdWRHaFFSQ0FnQVdCNzhYcEQyS2IyYktJWFlnVEdZeVQyRnN4QWdRZ0VBK0J6OUxWZTdGVWJQVVE4OWFFL2tYOEtJWUlyejROYVFBRUZpZWc2MTdYdityQTZpSEdPMkluMUIvRmVCSmk5ZWxIQXlDd0NRTDZoTVY3c1h5dDFzUW14RWNCbllyeHowK3VOZU9vRndMYkpQQm5hVllpbHEzUnZKaTJKdTRGOEU5aWlQQWFNNDA2SWJCdEFxb0xxZy8zYXpRekZpRld1UCsyQm1EcWhBQUVka1ZBZGVKKzZSYkhJTVFLRlJGZWVtWlJId1QyUzJCeE1RNTlqMWczNFA5OXYvT0Jsa01BQWlzUytMM1UvYmhFL1NFTE1UL01MVEdEcUFNQzRSSlk3QWU4VUlYNElITWpFM3NiN2h5aFp4Q0F3QUlFOU1VUHZhazdXOVlWNmg3eG8wQkRoQzFuRHI0aEVBY0IxUkhWRTlNUW9oQi9FR0x2VEtuaEhBSVFpSW1BNm9ucWlsa0liV3ZDQ2FsTWpHZUZ6YVlNamlFUUpRSGRMejZLNVJhOUQrMk8rQ1NRRUdHTG1ZSlBDTVJOUUhYbFpJVWdKQ0YrTDVEWWtyQ2FLZmlGQUFSVVgxUm52SWVRdGlaeW9mUFdPeUVjUWdBQ0VMZ1EwS2NvM0NYcTUrd0xQMjVXOTNJdkxWaGJoTS9TQnQxSDBvSDZSZXkveGY1UDdHL0Uva2RNOTVlK0Zsc3ovSXRVL2g5ck5vQzZOMDNnSDZWMS83eHlDMytXK2pPeHY0ajk2ZXFvNitjZ2xvanBuZWxhUVhYbVh1d2s1aTJFY2tlY0M1RTFoRGlWZXY4ZzlpZzJOTHlYalBkaTN3d3Q0REdmeVY5emorM0QxYm9FY3FsK2pYWDBSNm4zSkJidE9ncGhqL2hlQm5EcHlmT2oxUG1WMk8vRXhrd2V5ZjZjWDhWWXk2dWZKVVA1MTN6Sk9xbHJId1R1cFpscnJTTmREMUd2b3hEdWlGTVp4SGRpUzRUUFVzbTlXQ3JtS3lUaTZDUzIxQ0w0SkhVbFlnUUlYQk5JSmNJNnVpYlNmZTUxSGUxZGlKMncrcVdibDdlcit2WHBYdXpzemVQRjBVRk9UMkpMYlZkOEpYWGxZZ1FJS0FFbnhqcFNFdU9DdDNXMDk2MkpEK080VGM3OW81UjhMMllod3Rvbzlhdit0WjRsd29jbEtxR08zUkJZYWo2d2pscW14Tjd2aUhQcGwvVlhlcDA4OTJKTGhaTlU5SzF4WlovRnZ6T3VBL2Y3SVpCTFUxbEg0OGZMMnpyYXN4QTc0V2I5ZFVvZnBUbU9INS9aSlRMeFlQMm8yMWRTUno2N3BUallPd0VuSFdBZFRSOUZMK3RvejFzVDc2ZXpHMVR5ejVMTHVvNjJobWk5V3I5bFdLdHZsbjNDOTNnQzF2T0FkVFJnVFBZc3hNbUEvczNKOGlDRjh6a09acFRWZWg5bWxCOVNOQm1TaVR6QkU3Q2VCdzlDTUJkYkkrUlM2WU54eFlrUC8zdmVtc2dGZ05XK2xyZTluNW1ERkVNZlp5S2krRXdDTWN5eHpmZHhyM2ZFQjVsOFZpS3M4L3BCUHpZUUhnemJvUHlVSXlGZUFxeWorV1B2WlIzdFZZaVA4L20xZXRBOXJWUHIxV1V2YURzczk0b3RPUzVMaXRxbUVMQWNmOWJSaUJGQmlPdXdIdXRKcTZaWXRzZHlJYTRLamNvSEViQWNmOHQ1TzZoek41a3Myek9iNDE2RitIQUQyV2ZVY3NDbXROT3lQWlljcC9TVk1zc1NzQngveTNrN2haSmxlMlp6UklqclE1clZrMVpOc1d6UDdBbTBLaGtxbjB2QWN2d3Q1KzJVZmx1Mlp6Ykh2UXJ4Y2NwSURDeVREOHkzVkRiTDlsaHlYSW9QOVV3bllEbitsdk4yU284dDJ6T2I0MTZGZU1wQURDbnphVWltRmZKc3RWMHJvS0RLSFJEWTZuemRhcnZ1RU9JZHpHcWFDQUVJaEUwQUlRNTdmT2tkQkNDd0F3SUk4UTRHaVNaQ0FBSmhFMENJcStQN3JocmRUR3lyN2RvTUlCcXlLUUpibmE5YmJkZHU5NGd6dzJubkRIMVBjWDJZVW1oZ21YeGdQcktGU1lCMTVHZGM4N2x1OW5wSGZKN2I4WTd5eDQ1cmExeEtEQ3ZORFgzamV2c0VXRWQreGlpZjZ3WWhyaE44WDA5YU5jV3lQWllMY1ZWb1ZENklnT1g0Vzg3YlFaMjd5V1RabnRrYzl5ckUyUTFrbjFITEFadlNUc3YyV0hLYzBsZktMRXZBY3Z3dDUrMFVTcGJ0bWMwUklhNFA2WmVTZEY5UFhpVkYyNkh0c1Fxeko1QlZ3L0M3Q0FITDhXY2RqUmhDL21INFpsaWZKZGsxWDFvME5aZmEzaHJWcVA5TTRjSElOMjczUXlDWHBsck5NZGJSd0htdzF6dGk3WjdsWDNPZG1QZGF5WXJoWHVxMldpRGFyVlEvQ05FVFlCM05td0xwdk9JdnBmY3N4RjRBZEVEOFFhNnRkY2VvOVdyOWxpRzFkSTd2M1JDd25nZXNvd0ZUWWM5Qy9EaWdmM095NkI2WGRSMXQ3ZE42TGZlR3RkNVVQd2pSRTdDZTQ2eWpBVk5zejBLY1MvOTBEOG95dkJQbko4c0tHbnhyZlZxdlpWQnVtV1VGK040TmdWeGF5anFhTmx6ZTF0R2VoVmpSV2Y4MTF6cStGVHZweVFMaEpIVm9mZFpoQ1c3V2ZjQy9Qd0pMekFmV1VjZDQ3VjJJVHgxOTgzbXBuRVFIbjA2dmZLbmZrOWdTSXF6VmFsMEVDSlFFVHVXSjhaRjExQUo0ejQrdmxWM0s1T1RyTW1KOC9GbjgzNHRwbmI3Q1VSeWR4SmJzZzlaSmdNQTFBZGJSTlkzK2M5VUNiK3RvNzNmRWl1dUhmbWJlY3FoWS9pUjJFanVJelFsYVh0dXUvcFlTWVczdmtyeTBQc0krQ0N3NUwxaEhOM01paER0aTdWSXU5bFpQRmc0L1NuMG5zVlJzYURoS3hnOWlTMjFEWExkTGYxeHcxd21jUStDS1FDN25yS01ySUMybjN0ZFJLRUtzd3ZhdkxkQ1dTTmEzMUZLeHJMQ3pITXR3a0pOallZa2N2eFJiSzN3dkZUK3NWVG4xYnA3QUIya2g2NmgvbUx5dm8xQ0VXTkhsWW12OE5kZTY5eEQwcjdqK1FUanZvYkcwY1RVQ3VkVE1PbXJIYjdLT1F0Z2pMcEU5bENjY0d3a29IMFM0RVEySlZ3UWVyczQ1clJOUVB0N1hVVWgzeElvc0ZYdW5KNFFLZ1U4U1N5b3BSQ0RRVGlDVlM2eWpPaCt6ZFJTYUVPdFg3NS9xL0tKUCtUc2hrRVZQQVFCRENiQ09ta21acmFPUXRpWVVuWXJOOTgwTW8wMVZIb2h3dE1NL3FlT3Nvem8yMDNVVTJoMXhpUytWRTc1YTNkMlpmWlVxUVhNTW1rQXF2V01kTGJDT1FoWGlnMHlnWEd6TlI4V2srbFdEUGxMbnhNNnJ0b0xLOTB5QWRYUjN0OGc2Q20xcm9wejBLajVKR1luMHFQMUhoQ01kZkUvZFpoMjk2SWo1T2dwVmlIVWVabUwvNUdsQzdzMk45bHY3VDREQVhBS3NvN2tFQjVRUFdZaTEreWV4Mk1SWSs2djlKa0RBRjRHVE9HSWQrYUxaNENkMElkWXVuOFJpbVVTSXNJNDR3WUxBU1p5eWppeklpczhZaEZqUm5jUkNuMFNJc0k0MHdaTEFTWnl6amd3SWgvclVSQnVxOTNMaEpCYlMweFQ2cSs2OTJLTVlBUUpMRUdBZGVhWWN5eDF4aVUzRktoSDd1VXpZK1ZIN2tZZ2h3anNmeUowMW4zWGtlY0JpRTJMRmw0a2xZaitLN1RuOFVScWZpR2wvQ0JCWW1nRHJ5Q1B4MkxZbWJ0RzlsNFNUMko2Mkt0aUt1QjFGNG1zVFlCM05ISUVZNzRpdmtUMUt4SW45NFRweHcrZDZGKy9FdE4wRUNHeUZBT3RvNWtqRWZrZDhqYzlKNUNTMnhYZnJQMG03UG9obFlnUUliSm1BazhhZHhGaEhBbUZvUUlqcnBCSkp1aGY3Vm16dG9IZkFKN0ZVakFDQlBSRklwTEgzWXF3amdkQVhFT0oyUWs0dTNSZjJWbzVMaGM5UzBhbXdYSTRFQ095WmdKUEczeGZHT2hJUVRRRWhicUpTVHp0SzByMVlJdmExbU8rZ2o2R2xZaWN4dGg4RUFpRklBcXlqbG1GRmlGdkFkQ1FmNUZvaXBwTktqMDVzekY5NnZlUE54Vkl4RlYwOW5zVUlFSWlKQU92b2FyUVI0aXNZTTA5MVloMDdmR1J5N2R4eG5Vc1FnTURkWFpUcjZQOEIzN0hJb05WUmR5b0FBQUFBU1VWT1JLNUNZSUk9Ii8+CjwvZGVmcz4KPC9zdmc+); + --nfd-design-icon: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyMiAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMC42MDI1IDEuMTU5MzFDMTkuNzc0MSAwLjMyOTQyNCAxOC41MzE1IDAuMzI5NDI0IDE3LjcwMzEgMS4xNTkzMUw3Ljc2MjQzIDExLjExNzlDNy4yNjY1NSAxMC45OTM3IDYuODgxOTggMTEuMDkyNSA2LjQwODgzIDExLjIxNDFMNi40MDg2MyAxMS4yMTQyQzYuMzU0OSAxMS4yMjggNi4zMDAwMyAxMS4yNDIxIDYuMjQzNzIgMTEuMjU2MkM1LjU1MzM5IDExLjUzMjggNC4xNzI3NCAxMi4yMjQ0IDMuNjIwNDggMTQuMjk5MUMzLjEzMzMzIDE2LjM3MzMgMi42NDYxNyAxNy4xNTU5IDIuMjUzNzggMTcuNzg2M0wyLjI1MzcyIDE3Ljc4NjRDMi4yMDEzIDE3Ljg3MDYgMi4xNTA1OCAxNy45NTIxIDIuMTAxNzcgMTguMDMzNkMyLjAzMjc0IDE4LjEwMjcgMS45NjM3MSAxOC4yMDY1IDEuODk0NjcgMTguMzEwMkMxLjgyNTY0IDE4LjQxMzkgMS43NTY2MSAxOC41MTc3IDEuNjg3NTcgMTguNTg2OEwwLjg1OTE4NSAyMC4xMDgzSDIuNzkyMDlDNS41NTMzOSAyMC4xMDgzIDcuNDg2MyAxOS41NTUgOS4yODExNCAxOC4xNzE5QzEwLjM4NTcgMTcuMzQyIDEwLjkzNzkgMTYuMjM1NSAxMS4wNzYgMTQuOTkwN1YxNC45OTA3QzExLjA3NiAxNC41NzU3IDExLjA3NiAxNC4yOTkxIDEwLjkzNzkgMTQuMDIyNUwyMC43NDA1IDQuMjAyMjFDMjEuNDMwOSAzLjM3MjMzIDIxLjQzMDkgMS45ODkxOSAyMC42MDI1IDEuMTU5MzFaTTAuMDMwNzc1MSAyMy45ODExSDExLjA3NlYyMS45MDY0SDAuMDMwNzc1MVYyMy45ODExWk00LjU4Njk0IDE4LjAzMzdDNS44Mjk1MiAxNy43NTcxIDYuOTM0MDQgMTcuMzQyMSA3LjkwMDQ5IDE2LjY1MDZDOC43Mjg4OCAxNi4wOTczIDguODY2OTUgMTUuMjY3NCA4Ljg2Njk1IDE0Ljg1MjVDOS4wMDUwMSAxNC40Mzc1IDguODY2OTUgMTQuMDIyNiA4LjU5MDgyIDEzLjc0NkM4LjE3NjYyIDEzLjQ2OTMgNy40ODYzIDEzLjE5MjcgNi43OTU5NyAxMy4zMzFDNi4yNDM3MiAxMy40NjkzIDUuOTY3NTkgMTQuMDIyNiA1LjY5MTQ2IDE0Ljg1MjVDNS4zMjEyMSAxNi4yMTI1IDQuOTUwOTYgMTcuMTMwNCA0LjY3OTMzIDE3LjgwMzlDNC42NDcwOSAxNy44ODM4IDQuNjE2MjQgMTcuOTYwMyA0LjU4Njk0IDE4LjAzMzdaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4=); + --more-icon: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDIgMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxjaXJjbGUgY3g9IjEiIGN5PSIxIiByPSIxIiBmaWxsPSIjNUE1QTVBIi8+CjxjaXJjbGUgY3g9IjEiIGN5PSI2IiByPSIxIiBmaWxsPSIjNUE1QTVBIi8+CjxjaXJjbGUgY3g9IjEiIGN5PSIxMSIgcj0iMSIgZmlsbD0iIzVBNUE1QSIvPgo8L3N2Zz4K); + --reload-icon: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjk0MjUgMi4wNTYyNUMxMC42NzI5IDAuNzg3NSA4LjkzMDU4IDAgNi45OTU2MiAwQzMuMTI1NyAwIDAgMy4xMzI1IDAgN0MwIDEwLjg2NzUgMy4xMjU3IDE0IDYuOTk1NjIgMTRDMTAuMjYxNCAxNCAxMi45ODQ0IDExLjc2ODggMTMuNzYzNiA4Ljc1SDExLjk0MjVDMTEuMjI0NSAxMC43ODg3IDkuMjgwOCAxMi4yNSA2Ljk5NTYyIDEyLjI1QzQuMDk3NTYgMTIuMjUgMS43NDIzNCA5Ljg5NjI1IDEuNzQyMzQgN0MxLjc0MjM0IDQuMTAzNzUgNC4wOTc1NiAxLjc1IDYuOTk1NjIgMS43NUM4LjQ0OTAzIDEuNzUgOS43NDQ4NCAyLjM1Mzc1IDEwLjY5MDQgMy4zMDc1TDcuODcxMTcgNi4xMjVIMTRWMEwxMS45NDI1IDIuMDU2MjVaIiBmaWxsPSIjNkQ2RDZEIi8+Cjwvc3ZnPgo=); + --forward-icon: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggb3BhY2l0eT0iMC4yIiBkPSJNMCA3Ljg3NUwxMC42NDg4IDcuODc1TDUuNzU3NSAxMi43NjYzTDcgMTRMMTQgN0w3IDBMNS43NjYyNSAxLjIzMzc1TDEwLjY0ODggNi4xMjVMMCA2LjEyNUwwIDcuODc1WiIgZmlsbD0iIzZENkQ2RCIvPgo8L3N2Zz4K); + --back-icon: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0IDYuMTI1SDMuMzUxMjVMOC4yNDI1IDEuMjMzNzVMNyAwTDAgN0w3IDE0TDguMjMzNzUgMTIuNzY2MkwzLjM1MTI1IDcuODc1SDE0VjYuMTI1WiIgZmlsbD0iIzZENkQ2RCIvPgo8L3N2Zz4K); + --chevron-up-icon: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDE0IDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMi41IDdMNi45OTk5OCAyTDEuNSA3IiBzdHJva2U9IiMxRTFFMUUiIHN0cm9rZS13aWR0aD0iMS41Ii8+Cjwvc3ZnPgo=); + --chevron-down-icon: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDE0IDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjUgMUw3IDZMMTIuNSAxIiBzdHJva2U9IiMxRTFFMUUiIHN0cm9rZS13aWR0aD0iMS41Ii8+Cjwvc3ZnPgo=); + --default-logo-icon: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTI1IDEyNSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxnIGZpbGw9IiMwMDc0OUMiPgogICAgICAgIDxwYXRoIGQ9Im04LjcwOCA2MS4yNmMwIDIwLjgwMiAxMi4wODkgMzguNzc5IDI5LjYxOSA0Ny4yOThsLTI1LjA2OS02OC42ODZjLTIuOTE2IDYuNTM2LTQuNTUgMTMuNzY5LTQuNTUgMjEuMzg4eiIvPgogICAgICAgIDxwYXRoIGQ9Im05Ni43NCA1OC42MDhjMC02LjQ5NS0yLjMzMy0xMC45OTMtNC4zMzQtMTQuNDk0LTIuNjY0LTQuMzI5LTUuMTYxLTcuOTk1LTUuMTYxLTEyLjMyNCAwLTQuODMxIDMuNjY0LTkuMzI4IDguODI1LTkuMzI4LjIzMyAwIC40NTQuMDI5LjY4MS4wNDItOS4zNS04LjU2Ni0yMS44MDctMTMuNzk2LTM1LjQ4OS0xMy43OTYtMTguMzYgMC0zNC41MTMgOS40Mi00My45MSAyMy42ODggMS4yMzMuMDM3IDIuMzk1LjA2MyAzLjM4Mi4wNjMgNS40OTcgMCAxNC4wMDYtLjY2NyAxNC4wMDYtLjY2NyAyLjgzMy0uMTY3IDMuMTY3IDMuOTk0LjMzNyA0LjMyOSAwIDAtMi44NDcuMzM1LTYuMDE1LjUwMWwxOS4xMzggNTYuOTI1IDExLjUwMS0zNC40OTMtOC4xODgtMjIuNDM0Yy0yLjgzLS4xNjYtNS41MTEtLjUwMS01LjUxMS0uNTAxLTIuODMyLS4xNjYtMi41LTQuNDk2LjMzMi00LjMyOSAwIDAgOC42NzkuNjY3IDEzLjg0My42NjcgNS40OTYgMCAxNC4wMDYtLjY2NyAxNC4wMDYtLjY2NyAyLjgzNS0uMTY3IDMuMTY4IDMuOTk0LjMzNyA0LjMyOSAwIDAtMi44NTMuMzM1LTYuMDE1LjUwMWwxOC45OTIgNTYuNDk0IDUuMjQyLTE3LjUxN2MyLjI3Mi03LjI2OSA0LjAwMS0xMi40OSA0LjAwMS0xNi45ODl6Ii8+PHBhdGggZD0ibTYyLjE4NCA2NS44NTctMTUuNzY4IDQ1LjgxOWM0LjcwOCAxLjM4NCA5LjY4NyAyLjE0MSAxNC44NDYgMi4xNDEgNi4xMiAwIDExLjk4OS0xLjA1OCAxNy40NTItMi45NzktLjE0MS0uMjI1LS4yNjktLjQ2NC0uMzc0LS43MjR6Ii8+PHBhdGggZD0ibTEwNy4zNzYgMzYuMDQ2Yy4yMjYgMS42NzQuMzU0IDMuNDcxLjM1NCA1LjQwNCAwIDUuMzMzLS45OTYgMTEuMzI4LTMuOTk2IDE4LjgyNGwtMTYuMDUzIDQ2LjQxM2MxNS42MjQtOS4xMTEgMjYuMTMzLTI2LjAzOCAyNi4xMzMtNDUuNDI2LjAwMS05LjEzNy0yLjMzMy0xNy43MjktNi40MzgtMjUuMjE1eiIvPjxwYXRoIGQ9Im02MS4yNjIgMGMtMzMuNzc5IDAtNjEuMjYyIDI3LjQ4MS02MS4yNjIgNjEuMjYgMCAzMy43ODMgMjcuNDgzIDYxLjI2MyA2MS4yNjIgNjEuMjYzIDMzLjc3OCAwIDYxLjI2NS0yNy40OCA2MS4yNjUtNjEuMjYzLS4wMDEtMzMuNzc5LTI3LjQ4Ny02MS4yNi02MS4yNjUtNjEuMjZ6bTAgMTE5LjcxNWMtMzIuMjMgMC01OC40NTMtMjYuMjIzLTU4LjQ1My01OC40NTUgMC0zMi4yMyAyNi4yMjItNTguNDUxIDU4LjQ1My01OC40NTEgMzIuMjI5IDAgNTguNDUgMjYuMjIxIDU4LjQ1IDU4LjQ1MSAwIDMyLjIzMi0yNi4yMjEgNTguNDU1LTU4LjQ1IDU4LjQ1NXoiLz4KICAgIDwvZz4KPC9zdmc+); + --facebook-icon: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDJDNi41IDIgMiA2LjUgMiAxMmMwIDUgMy43IDkuMSA4LjQgOS45di03SDcuOVYxMmgyLjVWOS44YzAtMi41IDEuNS0zLjkgMy44LTMuOSAxLjEgMCAyLjIuMiAyLjIuMnYyLjVoLTEuM2MtMS4yIDAtMS42LjgtMS42IDEuNlYxMmgyLjhsLS40IDIuOWgtMi4zdjdDMTguMyAyMS4xIDIyIDE3IDIyIDEyYzAtNS41LTQuNS0xMC0xMC0xMHoiIGZpbGw9ImJsYWNrIiAvPgoJPC9zdmc+Cg==); + --facebook-colored-icon: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDJDNi41IDIgMiA2LjUgMiAxMmMwIDUgMy43IDkuMSA4LjQgOS45di03SDcuOVYxMmgyLjVWOS44YzAtMi41IDEuNS0zLjkgMy44LTMuOSAxLjEgMCAyLjIuMiAyLjIuMnYyLjVoLTEuM2MtMS4yIDAtMS42LjgtMS42IDEuNlYxMmgyLjhsLS40IDIuOWgtMi4zdjdDMTguMyAyMS4xIDIyIDE3IDIyIDEyYzAtNS41LTQuNS0xMC0xMC0xMHoiIGZpbGw9IiMzQjU5OTgiIC8+Cgk8L3N2Zz4K); + --twitter-icon: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIyLjIzLDUuOTI0Yy0wLjczNiwwLjMyNi0xLjUyNywwLjU0Ny0yLjM1NywwLjY0NmMwLjg0Ny0wLjUwOCwxLjQ5OC0xLjMxMiwxLjgwNC0yLjI3IGMtMC43OTMsMC40Ny0xLjY3MSwwLjgxMi0yLjYwNiwwLjk5NkMxOC4zMjQsNC40OTgsMTcuMjU3LDQsMTYuMDc3LDRjLTIuMjY2LDAtNC4xMDMsMS44MzctNC4xMDMsNC4xMDMgYzAsMC4zMjIsMC4wMzYsMC42MzUsMC4xMDYsMC45MzVDOC42Nyw4Ljg2Nyw1LjY0Nyw3LjIzNCwzLjYyMyw0Ljc1MUMzLjI3LDUuMzU3LDMuMDY3LDYuMDYyLDMuMDY3LDYuODE0IGMwLDEuNDI0LDAuNzI0LDIuNjc5LDEuODI1LDMuNDE1Yy0wLjY3My0wLjAyMS0xLjMwNS0wLjIwNi0xLjg1OS0wLjUxM2MwLDAuMDE3LDAsMC4wMzQsMCwwLjA1MmMwLDEuOTg4LDEuNDE0LDMuNjQ3LDMuMjkyLDQuMDIzIGMtMC4zNDQsMC4wOTQtMC43MDcsMC4xNDQtMS4wODEsMC4xNDRjLTAuMjY0LDAtMC41MjEtMC4wMjYtMC43NzItMC4wNzRjMC41MjIsMS42MywyLjAzOCwyLjgxNiwzLjgzMywyLjg1IGMtMS40MDQsMS4xLTMuMTc0LDEuNzU2LTUuMDk2LDEuNzU2Yy0wLjMzMSwwLTAuNjU4LTAuMDE5LTAuOTc5LTAuMDU3YzEuODE2LDEuMTY0LDMuOTczLDEuODQzLDYuMjksMS44NDMgYzcuNTQ3LDAsMTEuNjc1LTYuMjUyLDExLjY3NS0xMS42NzVjMC0wLjE3OC0wLjAwNC0wLjM1NS0wLjAxMi0wLjUzMUMyMC45ODUsNy40NywyMS42OCw2Ljc0NywyMi4yMyw1LjkyNHoiIGZpbGw9ImJsYWNrIiAvPgoJPC9zdmc+Cg==); + --twitter-colored-icon: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIyLjIzLDUuOTI0Yy0wLjczNiwwLjMyNi0xLjUyNywwLjU0Ny0yLjM1NywwLjY0NmMwLjg0Ny0wLjUwOCwxLjQ5OC0xLjMxMiwxLjgwNC0yLjI3IGMtMC43OTMsMC40Ny0xLjY3MSwwLjgxMi0yLjYwNiwwLjk5NkMxOC4zMjQsNC40OTgsMTcuMjU3LDQsMTYuMDc3LDRjLTIuMjY2LDAtNC4xMDMsMS44MzctNC4xMDMsNC4xMDMgYzAsMC4zMjIsMC4wMzYsMC42MzUsMC4xMDYsMC45MzVDOC42Nyw4Ljg2Nyw1LjY0Nyw3LjIzNCwzLjYyMyw0Ljc1MUMzLjI3LDUuMzU3LDMuMDY3LDYuMDYyLDMuMDY3LDYuODE0IGMwLDEuNDI0LDAuNzI0LDIuNjc5LDEuODI1LDMuNDE1Yy0wLjY3My0wLjAyMS0xLjMwNS0wLjIwNi0xLjg1OS0wLjUxM2MwLDAuMDE3LDAsMC4wMzQsMCwwLjA1MmMwLDEuOTg4LDEuNDE0LDMuNjQ3LDMuMjkyLDQuMDIzIGMtMC4zNDQsMC4wOTQtMC43MDcsMC4xNDQtMS4wODEsMC4xNDRjLTAuMjY0LDAtMC41MjEtMC4wMjYtMC43NzItMC4wNzRjMC41MjIsMS42MywyLjAzOCwyLjgxNiwzLjgzMywyLjg1IGMtMS40MDQsMS4xLTMuMTc0LDEuNzU2LTUuMDk2LDEuNzU2Yy0wLjMzMSwwLTAuNjU4LTAuMDE5LTAuOTc5LTAuMDU3YzEuODE2LDEuMTY0LDMuOTczLDEuODQzLDYuMjksMS44NDMgYzcuNTQ3LDAsMTEuNjc1LTYuMjUyLDExLjY3NS0xMS42NzVjMC0wLjE3OC0wLjAwNC0wLjM1NS0wLjAxMi0wLjUzMUMyMC45ODUsNy40NywyMS42OCw2Ljc0NywyMi4yMyw1LjkyNHoiIGZpbGw9IiMxRTlCRjAiIC8+Cgk8L3N2Zz4K); + --instagram-icon: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLDQuNjIyYzIuNDAzLDAsMi42ODgsMC4wMDksMy42MzcsMC4wNTJjMC44NzcsMC4wNCwxLjM1NCwwLjE4NywxLjY3MSwwLjMxYzAuNDIsMC4xNjMwLjcyLDAuMzU4LDEuMDM1LDAuNjczIGMwLjMxNSwwLjMxNSwwLjUxLDAuNjE1LDAuNjczLDEuMDM1YzAuMTIzLDAuMzE3LDAuMjcsMC43OTQsMC4zMSwxLjY3MWMwLjA0MywwLjk0OSwwLjA1MiwxLjIzNCwwLjA1MiwzLjYzNyBzLTAuMDA5LDIuNjg4LTAuMDUyLDMuNjM3Yy0wLjA0LDAuODc3LTAuMTg3LDEuMzU0LTAuMzEsMS42NzFjLTAuMTYzLDAuNDItMC4zNTgsMC43Mi0wLjY3MywxLjAzNSBjLTAuMzE1LDAuMzE1LTAuNjE1LDAuNTEtMS4wMzUsMC42NzNjLTAuMzE3LDAuMTIzLTAuNzk0LDAuMjctMS42NzEsMC4zMWMtMC45NDksMC4wNDMtMS4yMzMsMC4wNTItMy42MzcsMC4wNTIgcy0yLjY4OC0wLjAwOS0zLjYzNy0wLjA1MmMtMC44NzctMC4wNC0xLjM1NC0wLjE4Ny0xLjY3MS0wLjMxYy0wLjQyLTAuMTYzLTAuNzItMC4zNTgtMS4wMzUtMC42NzMgYy0wLjMxNS0wLjMxNS0wLjUxLTAuNjE1LTAuNjczLTEuMDM1Yy0wLjEyMy0wLjMxNy0wLjI3LTAuNzk0LTAuMzEtMS42NzFDNC42MzEsMTQuNjg4LDQuNjIyLDE0LjQwMyw0LjYyMiwxMiBzMC4wMDktMi42ODgsMC4wNTItMy42MzdjMC4wNC0wLjg3NywwLjE4Ny0xLjM1NCwwLjMxLTEuNjcxYzAuMTYzLTAuNDIsMC4zNTgtMC43MiwwLjY3My0xLjAzNSBjMC4zMTUtMC4zMTUsMC42MTUtMC41MSwxLjAzNS0wLjY3M2MwLjMxNy0wLjEyMywwLjc5NC0wLjI3LDEuNjcxLTAuMzFDOS4zMTIsNC42MzEsOS41OTcsNC42MjIsMTIsNC42MjIgTTEyLDMgQzkuNTU2LDMsOS4yNDksMy4wMSw4LjI4OSwzLjA1NEM3LjMzMSwzLjA5OCw2LjY3NywzLjI1LDYuMTA1LDMuNDcyQzUuNTEzLDMuNzAyLDUuMDExLDQuMDEsNC41MTEsNC41MTEgYy0wLjUsMC41LTAuODA4LDEuMDAyLTEuMDM4LDEuNTk0QzMuMjUsNi42NzcsMy4wOTgsNy4zMzEsMy4wNTQsOC4yODlDMy4wMSw5LjI0OSwzLDkuNTU2LDMsMTJjMCwyLjQ0NCwwLjAxLDIuNzUxLDAuMDU0LDMuNzExIGMwLjA0NCwwLjk1OCwwLjE5NiwxLjYxMiwwLjQxOCwyLjE4NWMwLjIzLDAuNTkyLDAuNTM4LDEuMDk0LDEuMDM4LDEuNTk0YzAuNSwwLjUsMS4wMDIsMC44MDgsMS41OTQsMS4wMzggYzAuNTcyLDAuMjIyLDEuMjI3LDAuMzc1LDIuMTg1LDAuNDE4QzkuMjQ5LDIwLjk5LDkuNTU2LDIxLDEyLDIxczIuNzUxLTAuMDEsMy43MTEtMC4wNTRjMC45NTgtMC4wNDQsMS42MTItMC4xOTYsMi4xODUtMC40MTggYzAuNTkyLTAuMjMsMS4wOTQtMC41MzgsMS41OTQtMS4wMzhjMC41LTAuNSwwLjgwOC0xLjAwMiwxLjAzOC0xLjU5NGMwLjIyMi0wLjU3MiwwLjM3NS0xLjIyNywwLjQxOC0yLjE4NSBDMjAuOTksMTQuNzUxLDIxLDE0LjQ0NCwyMSwxMnMtMC4wMS0yLjc1MS0wLjA1NC0zLjcxMWMtMC4wNDQtMC45NTgtMC4xOTYtMS42MTItMC40MTgtMi4xODVjLTAuMjMtMC41OTItMC41MzgtMS4wOTQtMS4wMzgtMS41OTQgYy0wLjUtMC41LTEuMDAyLTAuODA4LTEuNTk0LTEuMDM4Yy0wLjU3Mi0wLjIyMi0xLjIyNy0wLjM3NS0yLjE4NS0wLjQxOEMxNC43NTEsMy4wMSwxNC40NDQsMywxMiwzTDEyLDN6IE0xMiw3LjM3OCBjLTIuNTUyLDAtNC42MjIsMi4wNjktNC42MjIsNC42MjJTOS40NDgsMTYuNjIyLDEyLDE2LjYyMnM0LjYyMi0yLjA2OSw0LjYyMi00LjYyMlMxNC41NTIsNy4zNzgsMTIsNy4zNzh6IE0xMiwxNSBjLTEuNjU3LDAtMy0xLjM0My0zLTNzMS4zNDMtMywzLTNzMywxLjM0MywzLDNTMTMuNjU3LDE1LDEyLDE1eiBNMTYuODA0LDYuMTE2Yy0wLjU5NiwwLTEuMDgsMC40ODQtMS4wOCwxLjA4IHMwLjQ4NCwxLjA4LDEuMDgsMS4wOGMwLjU5NiwwLDEuMDgtMC40ODQsMS4wOC0xLjA4UzE3LjQwMSw2LjExNiwxNi44MDQsNi4xMTZ6IiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K); + --instagram-colored-icon: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLDQuNjIyYzIuNDAzLDAsMi42ODgsMC4wMDksMy42MzcsMC4wNTJjMC44NzcsMC4wNCwxLjM1NCwwLjE4NywxLjY3MSwwLjMxYzAuNDIsMC4xNjMwLjcyLDAuMzU4LDEuMDM1LDAuNjczIGMwLjMxNSwwLjMxNSwwLjUxLDAuNjE1LDAuNjczLDEuMDM1YzAuMTIzLDAuMzE3LDAuMjcsMC43OTQsMC4zMSwxLjY3MWMwLjA0MywwLjk0OSwwLjA1MiwxLjIzNCwwLjA1MiwzLjYzNyBzLTAuMDA5LDIuNjg4LTAuMDUyLDMuNjM3Yy0wLjA0LDAuODc3LTAuMTg3LDEuMzU0LTAuMzEsMS42NzFjLTAuMTYzLDAuNDItMC4zNTgsMC43Mi0wLjY3MywxLjAzNSBjLTAuMzE1LDAuMzE1LTAuNjE1LDAuNTEtMS4wMzUsMC42NzNjLTAuMzE3LDAuMTIzLTAuNzk0LDAuMjctMS42NzEsMC4zMWMtMC45NDksMC4wNDMtMS4yMzMsMC4wNTItMy42MzcsMC4wNTIgcy0yLjY4OC0wLjAwOS0zLjYzNy0wLjA1MmMtMC44NzctMC4wNC0xLjM1NC0wLjE4Ny0xLjY3MS0wLjMxYy0wLjQyLTAuMTYzLTAuNzItMC4zNTgtMS4wMzUtMC42NzMgYy0wLjMxNS0wLjMxNS0wLjUxLTAuNjE1LTAuNjczLTEuMDM1Yy0wLjEyMy0wLjMxNy0wLjI3LTAuNzk0LTAuMzEtMS42NzFDNC42MzEsMTQuNjg4LDQuNjIyLDE0LjQwMyw0LjYyMiwxMiBzMC4wMDktMi42ODgsMC4wNTItMy42MzdjMC4wNC0wLjg3NywwLjE4Ny0xLjM1NCwwLjMxLTEuNjcxYzAuMTYzLTAuNDIsMC4zNTgtMC43MiwwLjY3My0xLjAzNSBjMC4zMTUtMC4zMTUsMC42MTUtMC41MSwxLjAzNS0wLjY3M2MwLjMxNy0wLjEyMywwLjc5NC0wLjI3LDEuNjcxLTAuMzFDOS4zMTIsNC42MzEsOS41OTcsNC42MjIsMTIsNC42MjIgTTEyLDMgQzkuNTU2LDMsOS4yNDksMy4wMSw4LjI4OSwzLjA1NEM3LjMzMSwzLjA5OCw2LjY3NywzLjI1LDYuMTA1LDMuNDcyQzUuNTEzLDMuNzAyLDUuMDExLDQuMDEsNC41MTEsNC41MTEgYy0wLjUsMC41LTAuODA4LDEuMDAyLTEuMDM4LDEuNTk0QzMuMjUsNi42NzcsMy4wOTgsNy4zMzEsMy4wNTQsOC4yODlDMy4wMSw5LjI0OSwzLDkuNTU2LDMsMTJjMCwyLjQ0NCwwLjAxLDIuNzUxLDAuMDU0LDMuNzExIGMwLjA0NCwwLjk1OCwwLjE5NiwxLjYxMiwwLjQxOCwyLjE4NWMwLjIzLDAuNTkyLDAuNTM4LDEuMDk0LDEuMDM4LDEuNTk0YzAuNSwwLjUsMS4wMDIsMC44MDgsMS41OTQsMS4wMzggYzAuNTcyLDAuMjIyLDEuMjI3LDAuMzc1LDIuMTg1LDAuNDE4QzkuMjQ5LDIwLjk5LDkuNTU2LDIxLDEyLDIxczIuNzUxLTAuMDEsMy43MTEtMC4wNTRjMC45NTgtMC4wNDQsMS42MTItMC4xOTYsMi4xODUtMC40MTggYzAuNTkyLTAuMjMsMS4wOTQtMC41MzgsMS41OTQtMS4wMzhjMC41LTAuNSwwLjgwOC0xLjAwMiwxLjAzOC0xLjU5NGMwLjIyMi0wLjU3MiwwLjM3NS0xLjIyNywwLjQxOC0yLjE4NSBDMjAuOTksMTQuNzUxLDIxLDE0LjQ0NCwyMSwxMnMtMC4wMS0yLjc1MS0wLjA1NC0zLjcxMWMtMC4wNDQtMC45NTgtMC4xOTYtMS42MTItMC40MTgtMi4xODVjLTAuMjMtMC41OTItMC41MzgtMS4wOTQtMS4wMzgtMS41OTQgYy0wLjUtMC41LTEuMDAyLTAuODA4LTEuNTk0LTEuMDM4Yy0wLjU3Mi0wLjIyMi0xLjIyNy0wLjM3NS0yLjE4NS0wLjQxOEMxNC43NTEsMy4wMSwxNC40NDQsMywxMiwzTDEyLDN6IE0xMiw3LjM3OCBjLTIuNTUyLDAtNC42MjIsMi4wNjktNC42MjIsNC42MjJTOS40NDgsMTYuNjIyLDEyLDE2LjYyMnM0LjYyMi0yLjA2OSw0LjYyMi00LjYyMlMxNC41NTIsNy4zNzgsMTIsNy4zNzh6IE0xMiwxNSBjLTEuNjU3LDAtMy0xLjM0My0zLTNzMS4zNDMtMywzLTNzMywxLjM0MywzLDNTMTMuNjU3LDE1LDEyLDE1eiBNMTYuODA0LDYuMTE2Yy0wLjU5NiwwLTEuMDgsMC40ODQtMS4wOCwxLjA4IHMwLjQ4NCwxLjA4LDEuMDgsMS4wOGMwLjU5NiwwLDEuMDgtMC40ODQsMS4wOC0xLjA4UzE3LjQwMSw2LjExNiwxNi44MDQsNi4xMTZ6IiBmaWxsPSIjQzMyQUEzIi8+Cjwvc3ZnPgo=); + --linkedin-icon: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgdmVyc2lvbj0iMS4xIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMTkuNywzSDQuM0MzLjU4MiwzLDMsMy41ODIsMyw0LjN2MTUuNEMzLDIwLjQxOCwzLjU4MiwyMSw0LjMsMjFoMTUuNGMwLjcxOCwwLDEuMy0wLjU4MiwxLjMtMS4zVjQuMyBDMjEsMy41ODIsMjAuNDE4LDMsMTkuNywzeiBNOC4zMzksMTguMzM4SDUuNjY3di04LjU5aDIuNjcyVjE4LjMzOHogTTcuMDA0LDguNTc0Yy0wLjg1NywwLTEuNTQ5LTAuNjk0LTEuNTQ5LTEuNTQ4IGMwLTAuODU1LDAuNjkxLTEuNTQ4LDEuNTQ5LTEuNTQ4YzAuODU0LDAsMS41NDcsMC42OTQsMS41NDcsMS41NDhDOC41NTEsNy44ODEsNy44NTgsOC41NzQsNy4wMDQsOC41NzR6IE0xOC4zMzksMTguMzM4aC0yLjY2OSB2LTQuMTc3YzAtMC45OTYtMC4wMTctMi4yNzgtMS4zODctMi4yNzhjLTEuMzg5LDAtMS42MDEsMS4wODYtMS42MDEsMi4yMDZ2NC4yNDloLTIuNjY3di04LjU5aDIuNTU5djEuMTc0aDAuMDM3IGMwLjM1Ni0wLjY3NSwxLjIyNy0xLjM4NywyLjUyNi0xLjM4N2MyLjcwMywwLDMuMjAzLDEuNzc5LDMuMjAzLDQuMDkyVjE4LjMzOHoiIGZpbGw9ImJsYWNrIiAvPgo8L3N2Zz4=); + --linkedin-colored-icon: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgdmVyc2lvbj0iMS4xIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMTkuNywzSDQuM0MzLjU4MiwzLDMsMy41ODIsMyw0LjN2MTUuNEMzLDIwLjQxOCwzLjU4MiwyMSw0LjMsMjFoMTUuNGMwLjcxOCwwLDEuMy0wLjU4MiwxLjMtMS4zVjQuMyBDMjEsMy41ODIsMjAuNDE4LDMsMTkuNywzeiBNOC4zMzksMTguMzM4SDUuNjY3di04LjU5aDIuNjcyVjE4LjMzOHogTTcuMDA0LDguNTc0Yy0wLjg1NywwLTEuNTQ5LTAuNjk0LTEuNTQ5LTEuNTQ4IGMwLTAuODU1LDAuNjkxLTEuNTQ4LDEuNTQ5LTEuNTQ4YzAuODU0LDAsMS41NDcsMC42OTQsMS41NDcsMS41NDhDOC41NTEsNy44ODEsNy44NTgsOC41NzQsNy4wMDQsOC41NzR6IE0xOC4zMzksMTguMzM4aC0yLjY2OSB2LTQuMTc3YzAtMC45OTYtMC4wMTctMi4yNzgtMS4zODctMi4yNzhjLTEuMzg5LDAtMS42MDEsMS4wODYtMS42MDEsMi4yMDZ2NC4yNDloLTIuNjY3di04LjU5aDIuNTU5djEuMTc0aDAuMDM3IGMwLjM1Ni0wLjY3NSwxLjIyNy0xLjM4NywyLjUyNi0xLjM4N2MyLjcwMywwLDMuMjAzLDEuNzc5LDMuMjAzLDQuMDkyVjE4LjMzOHoiIGZpbGw9IiMwQTY2QzIiIC8+Cjwvc3ZnPg==); + --yelp-icon: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgdmVyc2lvbj0iMS4xIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgoJCTxwYXRoIGQ9Ik0xMi4yNzEsMTYuNzE4djEuNDE3cS0uMDExLDMuMjU3LS4wNjcsMy40YS43MDcuNzA3LDAsMCwxLS41NjkuNDQ2LDQuNjM3LDQuNjM3LDAsMCwxLTIuMDI0LS40MjRBNC42MDksNC42MDksMCwwLDEsNy44LDIwLjU2NWEuODQ0Ljg0NCwwLDAsMS0uMTktLjQuNjkyLjY5MiwwLDAsMSwuMDQ0LS4yOSwzLjE4MSwzLjE4MSwwLDAsMSwuMzc5LS41MjRxLjMzNS0uNDEyLDIuMDE5LTIuNDA5LjAxMSwwLC42NjktLjc4MWEuNzU3Ljc1NywwLDAsMSwuNDQtLjI3NC45NjUuOTY1LDAsMCwxLC41NTIuMDM5Ljk0NS45NDUsMCwwLDEsLjQxOC4zMjQuNzMyLjczMiwwLDAsMSwuMTM5LjQ2OFptLTEuNjYyLTIuOGEuNzgzLjc4MywwLDAsMS0uNTguNzgxbC0xLjMzOS40MzVxLTMuMDY3Ljk4MS0zLjI1Ny45ODFhLjcxMS43MTEsMCwwLDEtLjYtLjQsMi42MzYsMi42MzYsMCwwLDEtLjE5LS44MzYsOS4xMzQsOS4xMzQsMCwwLDEsLjAxMS0xLjg1NywzLjU1OSwzLjU1OSwwLDAsMSwuMzM1LTEuMzg5LjY1OS42NTksMCwwLDEsLjYyNS0uMzU3LDIyLjYyOSwyMi42MjksMCwwLDEsMi4yNTMuODU5cS43ODEuMzI0LDEuMjgzLjUyNGwuOTM3LjM3OWEuNzcxLjc3MSwwLDAsMSwuNC4zNEEuOTgyLjk4MiwwLDAsMSwxMC42MDksMTMuOTE3Wm05LjIxMywzLjMxM2E0LjQ2Nyw0LjQ2NywwLDAsMS0xLjAyMSwxLjgsNC41NTksNC41NTksMCwwLDEtMS41MTIsMS40MTcuNjcxLjY3MSwwLDAsMS0uNy0uMDc4cS0uMTU2LS4xMTItMi4wNTItMy4ybC0uNTI0LS44NTlhLjc2MS43NjEsMCwwLDEtLjEyOC0uNTEzLjk1Ny45NTcsMCwwLDEsLjIxNy0uNTEzLjc3NC43NzQsMCwwLDEsLjkyNi0uMjlxLjAxMS4wMTEsMS4zMjcuNDQ2LDIuMjY0LjczNiwyLjcuODg3YTIuMDgyLDIuMDgyLDAsMCwxLC41MjQuMjI5LjY3My42NzMsMCwwLDEsLjI0NS42OFptLTcuNS03LjA0OXEuMDU2LDEuMTM3LS42LDEuMzYxLS42NDcuMTktMS4yNzItLjc5Mkw2LjIzNyw0LjA4YS43LjcsMCwwLDEsLjIxMi0uNjkxLDUuNzg4LDUuNzg4LDAsMCwxLDIuMzE0LTEsNS45MjgsNS45MjgsMCwwLDEsMi41LS4zNTIuNjgxLjY4MSwwLDAsMSwuNTQ3LjVxLjAzNC4yLjI0NSwzLjQwN1QxMi4zMjcsMTAuMTgxWm03LjM4NCwxLjJhLjY3OS42NzksMCwwLDEtLjI5LjY1OHEtLjE2Ny4xMTItMy42Ny45NTktLjc0Ny4xNjctMS4wMTUuMjU3bC4wMTEtLjAyMmEuNzY5Ljc2OSwwLDAsMS0uNTEzLS4wNDQuOTE0LjkxNCwwLDAsMS0uNDEzLS4zNTcuNzg2Ljc4NiwwLDAsMSwwLS45NzFxLjAxMS0uMDExLjgzNi0xLjEzNywxLjM5NC0xLjkwOCwxLjY3My0yLjI3NWEyLjQyMywyLjQyMywwLDAsMSwuMzc5LS40MzVBLjcuNywwLDAsMSwxNy40MzUsOGE0LjQ4Miw0LjQ4MiwwLDAsMSwxLjM3MiwxLjQ4OSw0LjgxLDQuODEsMCwwLDEsLjksMS44Njh2LjAzNFoiIGZpbGw9ImJsYWNrIiAvPgoJPC9zdmc+); + --yelp-colored-icon: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgdmVyc2lvbj0iMS4xIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgoJCTxwYXRoIGQ9Ik0xMi4yNzEsMTYuNzE4djEuNDE3cS0uMDExLDMuMjU3LS4wNjcsMy40YS43MDcuNzA3LDAsMCwxLS41NjkuNDQ2LDQuNjM3LDQuNjM3LDAsMCwxLTIuMDI0LS40MjRBNC42MDksNC42MDksMCwwLDEsNy44LDIwLjU2NWEuODQ0Ljg0NCwwLDAsMS0uMTktLjQuNjkyLjY5MiwwLDAsMSwuMDQ0LS4yOSwzLjE4MSwzLjE4MSwwLDAsMSwuMzc5LS41MjRxLjMzNS0uNDEyLDIuMDE5LTIuNDA5LjAxMSwwLC42NjktLjc4MWEuNzU3Ljc1NywwLDAsMSwuNDQtLjI3NC45NjUuOTY1LDAsMCwxLC41NTIuMDM5Ljk0NS45NDUsMCwwLDEsLjQxOC4zMjQuNzMyLjczMiwwLDAsMSwuMTM5LjQ2OFptLTEuNjYyLTIuOGEuNzgzLjc4MywwLDAsMS0uNTguNzgxbC0xLjMzOS40MzVxLTMuMDY3Ljk4MS0zLjI1Ny45ODFhLjcxMS43MTEsMCwwLDEtLjYtLjQsMi42MzYsMi42MzYsMCwwLDEtLjE5LS44MzYsOS4xMzQsOS4xMzQsMCwwLDEsLjAxMS0xLjg1NywzLjU1OSwzLjU1OSwwLDAsMSwuMzM1LTEuMzg5LjY1OS42NTksMCwwLDEsLjYyNS0uMzU3LDIyLjYyOSwyMi42MjksMCwwLDEsMi4yNTMuODU5cS43ODEuMzI0LDEuMjgzLjUyNGwuOTM3LjM3OWEuNzcxLjc3MSwwLDAsMSwuNC4zNEEuOTgyLjk4MiwwLDAsMSwxMC42MDksMTMuOTE3Wm05LjIxMywzLjMxM2E0LjQ2Nyw0LjQ2NywwLDAsMS0xLjAyMSwxLjgsNC41NTksNC41NTksMCwwLDEtMS41MTIsMS40MTcuNjcxLjY3MSwwLDAsMS0uNy0uMDc4cS0uMTU2LS4xMTItMi4wNTItMy4ybC0uNTI0LS44NTlhLjc2MS43NjEsMCwwLDEtLjEyOC0uNTEzLjk1Ny45NTcsMCwwLDEsLjIxNy0uNTEzLjc3NC43NzQsMCwwLDEsLjkyNi0uMjlxLjAxMS4wMTEsMS4zMjcuNDQ2LDIuMjY0LjczNiwyLjcuODg3YTIuMDgyLDIuMDgyLDAsMCwxLC41MjQuMjI5LjY3My42NzMsMCwwLDEsLjI0NS42OFptLTcuNS03LjA0OXEuMDU2LDEuMTM3LS42LDEuMzYxLS42NDcuMTktMS4yNzItLjc5Mkw2LjIzNyw0LjA4YS43LjcsMCwwLDEsLjIxMi0uNjkxLDUuNzg4LDUuNzg4LDAsMCwxLDIuMzE0LTEsNS45MjgsNS45MjgsMCwwLDEsMi41LS4zNTIuNjgxLjY4MSwwLDAsMSwuNTQ3LjVxLjAzNC4yLjI0NSwzLjQwN1QxMi4zMjcsMTAuMTgxWm03LjM4NCwxLjJhLjY3OS42NzksMCwwLDEtLjI5LjY1OHEtLjE2Ny4xMTItMy42Ny45NTktLjc0Ny4xNjctMS4wMTUuMjU3bC4wMTEtLjAyMmEuNzY5Ljc2OSwwLDAsMS0uNTEzLS4wNDQuOTE0LjkxNCwwLDAsMS0uNDEzLS4zNTcuNzg2Ljc4NiwwLDAsMSwwLS45NzFxLjAxMS0uMDExLjgzNi0xLjEzNywxLjM5NC0xLjkwOCwxLjY3My0yLjI3NWEyLjQyMywyLjQyMywwLDAsMSwuMzc5LS40MzVBLjcuNywwLDAsMSwxNy40MzUsOGE0LjQ4Miw0LjQ4MiwwLDAsMSwxLjM3MiwxLjQ4OSw0LjgxLDQuODEsMCwwLDEsLjksMS44Njh2LjAzNFoiIGZpbGw9IiNEMzIzMjMiIC8+Cgk8L3N2Zz4=); + --youtube-icon: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgdmVyc2lvbj0iMS4xIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgoJCTxwYXRoIGQ9Ik0yMS44LDguMDAxYzAsMC0wLjE5NS0xLjM3OC0wLjc5NS0xLjk4NWMtMC43Ni0wLjc5Ny0xLjYxMy0wLjgwMS0yLjAwNC0wLjg0N2MtMi43OTktMC4yMDItNi45OTctMC4yMDItNi45OTctMC4yMDIgaC0wLjAwOWMwLDAtNC4xOTgsMC02Ljk5NywwLjIwMkM0LjYwOCw1LjIxNiwzLjc1Niw1LjIyLDIuOTk1LDYuMDE2QzIuMzk1LDYuNjIzLDIuMiw4LjAwMSwyLjIsOC4wMDFTMiw5LjYyLDIsMTEuMjM4djEuNTE3IGMwLDEuNjE4LDAuMiwzLjIzNywwLjIsMy4yMzdzMC4xOTUsMS4zNzgsMC43OTUsMS45ODVjMC43NjEsMC43OTcsMS43NiwwLjc3MSwyLjIwNSwwLjg1NWMxLjYsMC4xNTMsNi44LDAuMjAxLDYuOCwwLjIwMSBzNC4yMDMtMC4wMDYsNy4wMDEtMC4yMDljMC4zOTEtMC4wNDcsMS4yNDMtMC4wNTEsMi4wMDQtMC44NDdjMC42LTAuNjA3LDAuNzk1LTEuOTg1LDAuNzk1LTEuOTg1czAuMi0xLjYxOCwwLjItMy4yMzd2LTEuNTE3IEMyMiw5LjYyLDIxLjgsOC4wMDEsMjEuOCw4LjAwMXogTTkuOTM1LDE0LjU5NGwtMC4wMDEtNS42Mmw1LjQwNCwyLjgyTDkuOTM1LDE0LjU5NHoiICBmaWxsPSJibGFjayIvPgoJPC9zdmc+); + --youtube-colored-icon: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgdmVyc2lvbj0iMS4xIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgoJCTxwYXRoIGQ9Ik0yMS44LDguMDAxYzAsMC0wLjE5NS0xLjM3OC0wLjc5NS0xLjk4NWMtMC43Ni0wLjc5Ny0xLjYxMy0wLjgwMS0yLjAwNC0wLjg0N2MtMi43OTktMC4yMDItNi45OTctMC4yMDItNi45OTctMC4yMDIgaC0wLjAwOWMwLDAtNC4xOTgsMC02Ljk5NywwLjIwMkM0LjYwOCw1LjIxNiwzLjc1Niw1LjIyLDIuOTk1LDYuMDE2QzIuMzk1LDYuNjIzLDIuMiw4LjAwMSwyLjIsOC4wMDFTMiw5LjYyLDIsMTEuMjM4djEuNTE3IGMwLDEuNjE4LDAuMiwzLjIzNywwLjIsMy4yMzdzMC4xOTUsMS4zNzgsMC43OTUsMS45ODVjMC43NjEsMC43OTcsMS43NiwwLjc3MSwyLjIwNSwwLjg1NWMxLjYsMC4xNTMsNi44LDAuMjAxLDYuOCwwLjIwMSBzNC4yMDMtMC4wMDYsNy4wMDEtMC4yMDljMC4zOTEtMC4wNDcsMS4yNDMtMC4wNTEsMi4wMDQtMC44NDdjMC42LTAuNjA3LDAuNzk1LTEuOTg1LDAuNzk1LTEuOTg1czAuMi0xLjYxOCwwLjItMy4yMzd2LTEuNTE3IEMyMiw5LjYyLDIxLjgsOC4wMDEsMjEuOCw4LjAwMXogTTkuOTM1LDE0LjU5NGwtMC4wMDEtNS42Mmw1LjQwNCwyLjgyTDkuOTM1LDE0LjU5NHoiICBmaWxsPSIjRkYwMDAwIi8+Cgk8L3N2Zz4=); + --tiktok-icon: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCA0MCA0MCIgdmVyc2lvbj0iMS4xIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgoJCTxwYXRoIGQ9Ik0xNi43MDggMC4wMjdjMS43NDUtMC4wMjcgMy40OC0wLjAxMSA1LjIxMy0wLjAyNyAwLjEwNSAyLjA0MSAwLjgzOSA0LjEyIDIuMzMzIDUuNTYzIDEuNDkxIDEuNDc5IDMuNiAyLjE1NiA1LjY1MiAyLjM4NXY1LjM2OWMtMS45MjMtMC4wNjMtMy44NTUtMC40NjMtNS42LTEuMjkxLTAuNzYtMC4zNDQtMS40NjgtMC43ODctMi4xNjEtMS4yNC0wLjAwOSAzLjg5NiAwLjAxNiA3Ljc4Ny0wLjAyNSAxMS42NjctMC4xMDQgMS44NjQtMC43MTkgMy43MTktMS44MDMgNS4yNTUtMS43NDQgMi41NTctNC43NzEgNC4yMjQtNy44OCA0LjI3Ni0xLjkwNyAwLjEwOS0zLjgxMi0wLjQxMS01LjQzNy0xLjM2OS0yLjY5My0xLjU4OC00LjU4OC00LjQ5NS00Ljg2NC03LjYxNS0wLjAzMi0wLjY2Ny0wLjA0My0xLjMzMy0wLjAxNi0xLjk4NCAwLjI0LTIuNTM3IDEuNDk1LTQuOTY0IDMuNDQzLTYuNjE1IDIuMjA4LTEuOTIzIDUuMzAxLTIuODM5IDguMTk3LTIuMjk3IDAuMDI3IDEuOTc1LTAuMDUyIDMuOTQ4LTAuMDUyIDUuOTIzLTEuMzIzLTAuNDI4LTIuODY5LTAuMzA4LTQuMDI1IDAuNDk1LTAuODQ0IDAuNTQ3LTEuNDg1IDEuMzg1LTEuODE5IDIuMzMzLTAuMjc2IDAuNjc2LTAuMTk3IDEuNDI3LTAuMTgxIDIuMTQ1IDAuMzE3IDIuMTg4IDIuNDIxIDQuMDI3IDQuNjY3IDMuODI4IDEuNDg5LTAuMDE2IDIuOTE2LTAuODggMy42OTItMi4xNDUgMC4yNTEtMC40NDMgMC41MzItMC44OTYgMC41NDctMS40MTcgMC4xMzEtMi4zODUgMC4wNzktNC43NiAwLjA5NS03LjE0NSAwLjAxMS01LjM3NS0wLjAxNi0xMC43MzUgMC4wMjUtMTYuMDkzeiIgZmlsbD0iYmxhY2siLz4KCTwvc3ZnPg==); + --tiktok-colored-icon: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCA0MCA0MCIgdmVyc2lvbj0iMS4xIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgoJCTxwYXRoIGQ9Ik0xNi43MDggMC4wMjdjMS43NDUtMC4wMjcgMy40OC0wLjAxMSA1LjIxMy0wLjAyNyAwLjEwNSAyLjA0MSAwLjgzOSA0LjEyIDIuMzMzIDUuNTYzIDEuNDkxIDEuNDc5IDMuNiAyLjE1NiA1LjY1MiAyLjM4NXY1LjM2OWMtMS45MjMtMC4wNjMtMy44NTUtMC40NjMtNS42LTEuMjkxLTAuNzYtMC4zNDQtMS40NjgtMC43ODctMi4xNjEtMS4yNC0wLjAwOSAzLjg5NiAwLjAxNiA3Ljc4Ny0wLjAyNSAxMS42NjctMC4xMDQgMS44NjQtMC43MTkgMy43MTktMS44MDMgNS4yNTUtMS43NDQgMi41NTctNC43NzEgNC4yMjQtNy44OCA0LjI3Ni0xLjkwNyAwLjEwOS0zLjgxMi0wLjQxMS01LjQzNy0xLjM2OS0yLjY5My0xLjU4OC00LjU4OC00LjQ5NS00Ljg2NC03LjYxNS0wLjAzMi0wLjY2Ny0wLjA0My0xLjMzMy0wLjAxNi0xLjk4NCAwLjI0LTIuNTM3IDEuNDk1LTQuOTY0IDMuNDQzLTYuNjE1IDIuMjA4LTEuOTIzIDUuMzAxLTIuODM5IDguMTk3LTIuMjk3IDAuMDI3IDEuOTc1LTAuMDUyIDMuOTQ4LTAuMDUyIDUuOTIzLTEuMzIzLTAuNDI4LTIuODY5LTAuMzA4LTQuMDI1IDAuNDk1LTAuODQ0IDAuNTQ3LTEuNDg1IDEuMzg1LTEuODE5IDIuMzMzLTAuMjc2IDAuNjc2LTAuMTk3IDEuNDI3LTAuMTgxIDIuMTQ1IDAuMzE3IDIuMTg4IDIuNDIxIDQuMDI3IDQuNjY3IDMuODI4IDEuNDg5LTAuMDE2IDIuOTE2LTAuODggMy42OTItMi4xNDUgMC4yNTEtMC40NDMgMC41MzItMC44OTYgMC41NDctMS40MTcgMC4xMzEtMi4zODUgMC4wNzktNC43NiAwLjA5NS03LjE0NSAwLjAxMS01LjM3NS0wLjAxNi0xMC43MzUgMC4wMjUtMTYuMDkzeiIgZmlsbD0iIzAxMDEwMSIvPgoJPC9zdmc+); + --get-started-content-img: url(images/content.858e85fb.png); + --get-started-design-img: url(images/design.546a8025.png); + --get-started-features-img: url(images/features.31cf035a.png); + --chevron-left-icon: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCA3IDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjg3MDUzMiA0LjQ5OTk1TDUuMTI3OSA4Ljc1NzMyTDYuMTI5NjQgNy43NTU1OUwyLjg3NCA0LjQ5OTk1TDYuMTI5NjQgMS4yNDQzMkw1LjEyNzkgMC4yNDI1OEwwLjg3MDUzMiA0LjQ5OTk1WiIgZmlsbD0iIzJFM0E1OSIvPgo8L3N2Zz4K); + --chevron-right-icon: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCA2IDEwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNS42Mjk0NyA1LjAwMDA1TDEuMzcyMSAwLjc0MjY3NkwwLjM3MDM2MyAxLjc0NDQxTDMuNjI2IDUuMDAwMDVMMC4zNzAzNjEgOC4yNTU2OEwxLjM3MjEgOS4yNTc0Mkw1LjYyOTQ3IDUuMDAwMDVaIiBmaWxsPSIjMkUzQTU5Ii8+Cjwvc3ZnPgo=); + --business-icon: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxOCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIApkPSJNMTIuMjM3MiAyLjQ5MDI0SDE3LjYzOThDMTcuODQxOSAyLjQ5MDI0IDE4IDIuNjQ2NDIgMTggMi44NDU5OVYxNS42NDQzQzE4IDE1Ljg0MzggMTcuODQxOSAxNiAxNy42Mzk4IDE2SDAuMzYwMTc2QzAuMTU4MTI2IDE2IDAgMTUuODQzOCAwIDE1LjY0NDNWMi44NDU5OUMwIDIuNjQ2NDIgMC4xNTgxMjYgMi40OTAyNCAwLjM2MDE3NiAyLjQ5MDI0SDUuNzYyODFWMC4zNTU3NDhDNS43NjI4MSAwLjE1NjE4MiA1LjkyMDk0IDAgNi4xMjI5OSAwSDExLjg4NThDMTIuMDg3OCAwIDEyLjI0NiAwLjE1NjE4MiAxMi4yNDYgMC4zNTU3NDhIMTIuMjM3MlYyLjQ5MDI0Wk0xMC43OTY1IDEuNDIyOTlINy4xOTQ3M1YyLjQ5MDI0SDEwLjc5NjVWMS40MjI5OVpNMTYuNTU5MyAxNC41NzdIMS40NDA3VjExLjM3NTNINi4xMjI5OVYxMi40NDI1QzYuMTIyOTkgMTIuNjQyMSA2LjI4MTExIDEyLjc5ODMgNi40ODMxNiAxMi43OTgzSDExLjUxNjhDMTEuNzE4OSAxMi43OTgzIDExLjg3NyAxMi42NDIxIDExLjg3NyAxMi40NDI1VjExLjM3NTNIMTYuNTU5M1YxNC41NzdaTTcuNTYzNjkgOS45NTIyOFYxMS4zNzUzSDEwLjQ0NTFWOS45NTIyOEg3LjU2MzY5Wk0xNi41NjgxIDkuOTUyMjhIMTEuODg1OFY4Ljg5MzcxQzExLjg4NTggOC42OTQxNCAxMS43Mjc3IDguNTM3OTYgMTEuNTI1NiA4LjUzNzk2SDYuNDgzMTZDNi4yODExMSA4LjUzNzk2IDYuMTIyOTkgOC42OTQxNCA2LjEyMjk5IDguODkzNzFWOS45NjA5NUgxLjQ0MDdWMy45MTMyM0gxNi41NjgxVjkuOTUyMjhaIiAKZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg==); + --business-white-icon: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxOCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIApkPSJNMTIuMjM3MiAyLjQ5MDI0SDE3LjYzOThDMTcuODQxOSAyLjQ5MDI0IDE4IDIuNjQ2NDIgMTggMi44NDU5OVYxNS42NDQzQzE4IDE1Ljg0MzggMTcuODQxOSAxNiAxNy42Mzk4IDE2SDAuMzYwMTc2QzAuMTU4MTI2IDE2IDAgMTUuODQzOCAwIDE1LjY0NDNWMi44NDU5OUMwIDIuNjQ2NDIgMC4xNTgxMjYgMi40OTAyNCAwLjM2MDE3NiAyLjQ5MDI0SDUuNzYyODFWMC4zNTU3NDhDNS43NjI4MSAwLjE1NjE4MiA1LjkyMDk0IDAgNi4xMjI5OSAwSDExLjg4NThDMTIuMDg3OCAwIDEyLjI0NiAwLjE1NjE4MiAxMi4yNDYgMC4zNTU3NDhIMTIuMjM3MlYyLjQ5MDI0Wk0xMC43OTY1IDEuNDIyOTlINy4xOTQ3M1YyLjQ5MDI0SDEwLjc5NjVWMS40MjI5OVpNMTYuNTU5MyAxNC41NzdIMS40NDA3VjExLjM3NTNINi4xMjI5OVYxMi40NDI1QzYuMTIyOTkgMTIuNjQyMSA2LjI4MTExIDEyLjc5ODMgNi40ODMxNiAxMi43OTgzSDExLjUxNjhDMTEuNzE4OSAxMi43OTgzIDExLjg3NyAxMi42NDIxIDExLjg3NyAxMi40NDI1VjExLjM3NTNIMTYuNTU5M1YxNC41NzdaTTcuNTYzNjkgOS45NTIyOFYxMS4zNzUzSDEwLjQ0NTFWOS45NTIyOEg3LjU2MzY5Wk0xNi41NjgxIDkuOTUyMjhIMTEuODg1OFY4Ljg5MzcxQzExLjg4NTggOC42OTQxNCAxMS43Mjc3IDguNTM3OTYgMTEuNTI1NiA4LjUzNzk2SDYuNDgzMTZDNi4yODExMSA4LjUzNzk2IDYuMTIyOTkgOC42OTQxNCA2LjEyMjk5IDguODkzNzFWOS45NjA5NUgxLjQ0MDdWMy45MTMyM0gxNi41NjgxVjkuOTUyMjhaIiAKZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==); + --nfd-onboarding-step-error-icon: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iODEwIiBoZWlnaHQ9IjQwNSIgZmlsbD0ibm9uZSIgeG1sbnM6dj0iaHR0cHM6Ly92ZWN0YS5pby9uYW5vIj48c3R5bGU+PCFbQ0RBVEFbLkJ7c3Ryb2tlLW1pdGVybGltaXQ6MTB9LkN7ZmlsbDojNjdjYmU0fS5Ee2ZpbGw6IzAwNGM3Nn0uRXtmaWxsOiM0NTg1YzV9XV0+PC9zdHlsZT48ZyBjbGlwLXBhdGg9InVybCgjRCkiPjxnIG9wYWNpdHk9Ii4zOCI+PHVzZSB4bGluazpocmVmPSIjRSIgZmlsbD0idXJsKCNBKSIvPjx1c2UgeGxpbms6aHJlZj0iI0UiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIuNDYiIGNsYXNzPSJCIi8+PC9nPjxwYXRoIG9wYWNpdHk9Ii4xNSIgZD0iTTM5NS44MDIgNTIuMTI1Yy0xLjU5LTEuNTg4LTEuMDM0LTcuNDU2LS45OTUtOS40MDUuMjA0LTkuNTMgNC40NjQtMjEuNDIzIDExLjQ4MS0yOC4xOSAyLjY0OC0yLjU1MSA2LjExNy00LjE5NCA5LjE3MS02LjIwNSAzMC41NzUtMjAuMTc4IDY1LjQ4OC0xLjc5MiA2OC44MzIgMzQuNzE2IDEuNTkgMTcuMzIzLTkuMDYxIDMyLjYwMy0yMy4wMjUgNDIuMDE2LTQuMDQ5IDIuNzMxLTkuNzk3IDcuNDQ4LTE1LjA4MyA2Ljc5OS0xNC4wOTctMS43MzctMjUuNzc0LTEzLjYzNy0zNS41NDgtMjIuOTc5LTQuOTEtNC42OTUtMTMuNjQzLTEwLjA4NS0xNS45MzctMTYuODA2IiBjbGFzcz0iRCIvPjxnIGNsYXNzPSJFIj48cGF0aCBkPSJNMzkzLjQ5MSAyNTYuODI3YzAtLjIwMy43MjkuNzUxLjc2OC44MDZhMjYuODIgMjYuODIgMCAwIDEgMS42MjEgMi45ODFsMy4zOTkgNy45ODhjMy4wMjMgNy41ODIgNi4yMjYgMTUuMTU2IDguODAzIDIyLjkwMiA2LjE3OSAxOC41OSA5LjI0MSA0NC4wNjUgMTAuMDI0IDYzLjcwNC4xNDkgMy42NjkuMjM1IDcuMzU0LjAyMyAxMS4wMjQtLjMyOCA1LjUzMS0uMDc4IDYuMjI4IDUuMjcxIDguMDU5Ljg0Ni4yODkgMy4zNTIgMS42ODIgNC4yNjEgMS40MzEgMS42ODMtLjQ2MSAzLjA0Ni03LjQyNSAzLjM1MS04LjYzNyAyLjM3My05LjE5NCAzLjU1Ni0xOC42OTIgNC4zNTUtMjguMTQ0IDIuNDgyLTI5LjI5My0yLjU2OS02Ny4wNzYtMTIuMDMtOTQuODkxLTIuNDA0LTcuMDY1LTUuNTQ0LTEzLjg3Mi04LjY2MS0yMC42NDgtLjY5Ny0xLjUxLTEuODgtNS41NzgtMy43ODMtNi4xOTYtMS45MjctLjYyNi01LjQzNSAyLjQ5Ni02Ljg2OCAzLjQ1LTEuODE3IDEuMjA1LTMuNDYyIDIuNTk4LTQuMzk0IDQuNjE2LTEuNjYgMy42MDctMS41MzUgOC4xMy0yLjExNCAxMS45ODdhMTc0IDE3NCAwIDAgMS0zLjY0MiAxNy45OTVtMy45ODYtMTgxLjA3M2MwLTMuMjE2LTYuNTI0LTYuNDk0LTguNzk1LTcuNTAzLTkuOTMtNC40MTMtMjMuNTE4LTEuOTcyLTMxLjE5MyA1LjYxOC0xNS4zNTggMTUuMTg3LTIzLjE3NCA1NS41OS0yMi45NjMgNzYuMzE3LjAxNiAxLjkwMS4xNDkgMy44MSAxLjMzMiA1LjM3NSAyLjI3MSAzLjAxMiAxNi41MTcgMTMuMDE5IDIxLjAyIDEyLjUzNCAxLjUwMy0uMTY0IDIuNjQ3LTEuNzIxIDMuNDYxLTIuODQgMTQuMDc0LTE5LjQzNSAxNi4zMzctNDMuODc4IDI1LjcyNy02NS40NzMgMi4yMzItNS4xMzMgMTAuNzc3LTE3LjkzMyAxMS4wMzUtMjIuOTY0Ii8+PC9nPjxwYXRoIGQ9Ik00MjYuMTEgODcuODI2Yy0uMzk5IDAgMS41ODItLjc3NSAxLjk3NC0uNzk4IDEuNzMxLS4wODYgMy40NzcuMzc2IDQuNzg1IDEuNTU3IDMuMjE5IDIuOTAzIDMuMzIxIDcuOTAyIDIuNjg2IDExLjg1My0yLjU4NCAxNi4yNDMtMTIuNDc1IDMyLjI3NS0xOC43NjQgNDcuMzM2LS44MDcgMS45MjUtNS42ODYgMTMuNjUzLTguMTc2IDEzLjE3Ni0xLjA0Mi0uMjAzLS42NTgtMy41NzYtLjY0My00LjIyNS4xMDItNC43NDIuNDE2LTkuNTE0IDEuMDAzLTE0LjIxNyAyLjI5NS0xOC4yMDYgNy43MDYtMzguMjk5IDE3LjA5Ni01NC4yMzYiIGNsYXNzPSJDIi8+PHBhdGggZD0iTTM1Mi4wMjMgMjA4LjM4Yy0xLjM4Ny0xLjM4NS0uMjQzLTcuMy0uMTI2LTguOTM1LjY1LTkuMzg5IDIuMDkxLTE4Ljg4OCAzLjcyLTI4LjE1MSA1LjQ1MS0zMSAxMS43NzEtNjEuNDUxIDI5LjY0My04OC4wNjkgNi42MTgtOS44NTggMTkuMjAzLTIzLjA3MyAzMi42NTgtMTYuOTg2IDguOTY3IDQuMDYxIDExLjQ1NyAxNi43NjcgOS43MDMgMjUuMzI3LTIuMDkxIDEwLjE4Ny02Ljg4NCAyMC4wMTQtOS42MDkgMzAuMDkxLTQuODA5IDE3Ljc2MS03LjI5OSAzNi42OC03LjQyNSA1NS4wNTktLjA2MiA5LjUwNi0uMTE3IDE4Ljk1OC44NzggMjguNDI1LjEwMSAxLjAwMSAxLjMzOSA5LjY3OC45OTQgMTAuMDU0LTQuMjI5IDQuNjA4LTE1LjE5MyAzLjk4Mi0yMC43NDYgNC44NTEtOS42MDkgMS41MDItMTkuMzU5IDMuMTkyLTI5LjEwMiAxLjg3LTIuMjE2LS4yOTgtNy44MzItLjc2Ny05LjQyMS0yLjcwNy0xLjAzNC0xLjI2LTEuMDk3LTkuOTc2LTEuMjUzLTEyLjAxOCIgY2xhc3M9IkQiLz48ZyBmaWxsPSIjZmFiMDFkIj48cGF0aCBkPSJNMzE5LjQxMiAyMC41MTVjLS4xMTcgMCAuNTk2LTEuNzg0LjY0My0xLjkwMSAxLjAxOC0yLjQyNSAyLjEyMi01LjAyMyAzLjgwNi03LjA3My4xOC0uMjE5LjU3MS0uODI5LjkzMi0uNzEyIDIuMjA4LjczNi41NDggNy4xNDMgMS44MzIgOC43NTUgMS40MDIgMS43NTMgNy4zOTMuODUzIDcuNzkzIDMuNTEzLjMwNSAyLjA0Mi0zLjgxNCAzLjEzLTQuMDY1IDUuMzEzLS4xNjQgMS40MjQgMS4zMzkgNy40NDEuMzI5IDguMjMxLTEuMjM3Ljk3LTUuNjE1LTQuNDgzLTcuMzkzLTQuNjAxLTIuMzAyLS4xNDktOC4yMzkgNS41NjMtOS4zMjcgNS4wMTUtLjY1LS4zMjEgMS41NS02LjQ3MSAxLjYyOS03LjMxNi4yODktMy4xNzctNy45OTctNC43NjUtNS41OTItNS44ODQgMS43OTMtLjgyOSAzLjgyOS0xLjI3NSA1LjY3OC0xLjk4N20tNjEuNjc0IDEyMi42ODNjLS4wNTUuMTAxLjc2LTEuMDAyLjkwMS0xLjE5OC4zOTEtLjUyNCAzLjY5Ni01LjI1IDQuMTk3LTQuNTY5IDEuMDI2IDEuMzg1LTEuMTk4IDMuODg5LS4yODIgNS4yOTcuNjM1Ljk3IDQuNDU3IDEuMjEzIDQuMzk0IDIuNDMzLS4wNzEgMS4zMDctMy4zNDQgMS4wNDEtMy43NjcgMi4xNjgtLjM5OSAxLjA3Mi42MjYgNS4wNy0uNTQgNS42MjUtLjMzNy4xNjUtLjg0Ni0uNDc3LTEuMDI2LS42NjVsLTEuNjQ1LTEuNzc2Yy0yLjM5Ny0yLjc3LTMuNjM0IDEuODM5LTYuMTQ4IDEuMjA1LS41NDgtLjE0MS44ODUtMy4zMjUuODM4LTMuODY1LS4yMDQtMi4wMzQtNi43MzUtMi41ODItMS43MDctNC40Nm0yNjYuMTMzIDM0LjA5Yy0uMDYyIDAgNC43NDYtNi4yNjcgNS4zMzQtNS4yMDMuODM4IDEuNTI2LS43NzYgMy43NTUtLjEyNiA1LjM3NS40IDEuMDA5IDMuMzYgMi4xMDUgMy4yMjcgMy4xMy0uMTQ5IDEuMTM0LTIuODY2LjgyOS0zLjM1MiAxLjc5OS0uNzIgMS40NC0uMTI1IDQuNzM0LTEuNDI1IDUuNzI3LS42MTEuNDctMi41MzgtMy43MDgtMy42NTgtMy44MjUtMi44OTctLjMwNi02LjAzIDEuMjc1LTYuMTQ3Ljk4NS0uMzUzLS44NzYgMS44NTYtMy4wMDQgMS44ODctNC4wODQuMDM5LTEuNTMzLTMuMzM2LTIuNzIzLTIuOTY4LTMuOTc1LjIyNy0uNzgyIDMuMzQ0LjAyNCAzLjg0NS4xMSIvPjwvZz48cGF0aCBkPSJNNTk2LjMzOCAxNDcuOTc4Yy01Ni4xNDUtNjAuMTEzIDM5LjkyNS0xMzEuMzgzIDg0Ljc2MS02NC4xODkgMzIuOTAxIDQ5LjI5OS0zNS42OCAxMTIuNzUzLTg0Ljc2MSA2NC4xODl6IiBjbGFzcz0iQyIvPjx1c2UgeGxpbms6aHJlZj0iI0YiIGZpbGw9IiNmM2YzZjMiLz48dXNlIHhsaW5rOmhyZWY9IiNGIiBzdHJva2U9IiMzNTQ0NGMiIHN0cm9rZS13aWR0aD0iMS43NSIgY2xhc3M9IkIiLz48cGF0aCBkPSJNNDA4LjE1MiA2Mi4yMTdjMC0uMDg2LjQyMy0uMzc2LjQ5NC0uNDMgMi44NDMtMi4zNzEgNC45ODgtNC40OTkgNS45ODMtOC4yIDEuMzk0LTUuMTg3LS4yNTEtMTAuOTg1IDEuNjUzLTE2LjAxNiAxLjI4NC0zLjQwMyA2LjM5LTUuNzI3IDkuMTA4LTExLjYyNyAyLjc3Mi02LjAxNyA2Ljg1Mi0xNC42ODYgMTQuNjA2LTE1LjAxNCAxMC40NTUtLjQzOCA5LjMwNCAxMC45NTQgMTYuOTMyIDE0Ljc2NCA4LjU5OSA0LjI5NSAyMC43MDYgNC45NzYgMjQuMTEzIDE1LjkxNGExMS4yMyAxMS4yMyAwIDAgMSAuNCA0Ljc4MWMtLjI4MiAyLjE2Ny0xLjU5IDMuOTItMy41NCA0Ljg5OC04LjI5NCA0LjE0Ny05LjA5My00LjczNC0xNC40NDItNi4xMTktMy4xMDEtLjgwNi02LjIxIDEuODctOS42NDguNjg5LTIuMDM3LS42OTYtMi42NDctNC4xMzEtNC42MjktNC4zODItMy43NTEtLjQ2OS02LjA3NyA0LjgyLTkuNTM5IDQuMDUzLTIuMjI0LS40OTMgMS42MjktMTAuMDE1LTQuMjY4LTguMzcyLTMuNzY3IDEuMDQ4LTYuOTIzIDExLjU4Ny00Ljk1IDE0LjY3IDEuNzk0IDIuNzkzIDExLjU4My0xLjM5MyA2LjMzNiA2LjQ3MS0yLjYzOSAzLjk1MS02Ljk3LS4zMjEtMTAuMDcxLS41NjMtMS41NjctLjExNy0zLjA0Ny43MjgtNC41MTEgMS4xNTgtMi40MzYuNzItMTMuNzg0IDkuNTY5LTEzLjE0MiAzLjQ5IiBmaWxsPSIjZmFiMDFkIi8+PHBhdGggZD0iTTM5MC4zODIgNTAuODE4YzIuNzE3IDIuNzE1IDQuNTI3IDYuODU0IDYuNzc0IDkuOTY4IDMuNjg5IDUuMTE3IDguMDk4IDkuODA0IDEyLjczNCAxNC4wNjggNC43MzEgNC4zNSA5LjkgNy45NDkgMTUuNDIxIDExLjIwNCA2LjExNiAzLjYwNyAxMi4zMDMgNi45NTYgMTguNzE3IDkuOTkxIDEuNzQ3LjgyOSA2LjY0OS00LjQzNiA2LjYxLTQuNTU0LS4xOC0uNTMyLTQuMDE3LTEuNDc5LTQuNTU4LTEuNzM3LTQuMjYtMi4wNDItOC40OTctNC4zODktMTIuNTctNi43ODQtMTEuMTc1LTYuNTgtMjEuMTc2LTE1Ljc2Ni0zMC4wODktMjUuMS0yLjc2NC0yLjkwMy01LjMwOS02LjAzMi03LjIyOC05LjU2OS0uMDcxLS4xMjUtLjYxMS0xLjM2OS0uNzk5LTEuMzQ2LTEuMTUxLjE2NC0zLjA5MyAzLjE5Mi00LjQ2NCAzLjg4MSIgY2xhc3M9IkUiLz48cGF0aCBkPSJNMzY5LjgwMSAyMjYuNjk2YzAtNS42MzMtMi42LTExLjc5MS0zLjI1OC0xNy40NC0xLjY4NC0xNC4zMDItMi41MDYtMjguODMyLTIuMzAzLTQzLjIzNi4xODgtMTMuNTk4IDEuMzg3LTI2Ljg1MiAzLjI5OC00MC4zMSAxLjc2OS0xMi40NDggNC4xNTgtMzEuOTkyIDEyLjQ0NC00Mi4wMzEgNy43MzgtOS4zNzMgMjIuMTg3LTYuNTQ5IDIyLjk4NiA2LjQxNi43OTEgMTIuODM5LTcuMjEzIDI1LjY1NS0xMS4yNjIgMzcuMzM3LTYuMjQyIDE4LjAxMS0xMC43NzYgMzYuODktMTIuMzk4IDU1LjkxMS0uODY5IDEwLjE3OS0xLjM0NyAyMC40NjgtMS42MTMgMzAuNjg2LS4xNzIgNi42NDMgMy4zODMgMTMuMjU0LTQuMjQ1IDEyLjU4OS0xLjE0My0uMTAyLTIuNTg0LjM0NC0zLjY1Ny0uMDA4IiBjbGFzcz0iQyIvPjxnIGNsYXNzPSJEIj48cGF0aCBkPSJNMjgwLjg0OSAzNjMuNDIzYzAtLjA4Ni44MzgtLjI1MS44OTMtLjI2NiAyLjI1NS0uNjUgNC4zOTMtMS41MzQgNi41MjMtMi41MjggNS4xMDctMi4zNyA5Ljk2Mi01LjE4NyAxNC40NzMtOC41NTkgMTQuMTIxLTEwLjU0NyAyNC41MzctMjUuMDIyIDMzLjIxNC00MC4xNjEgMTEuMTQ1LTE5LjQ1MSAxOS41MDktNDAuMzEgMjIuOTA4LTYyLjU2MiAxLjI4NC04LjQxOSAxLjE5LTE3LjE1IDEuNTQyLTI1LjY1NS4wMTYtLjQ3LS42MS00LjE0Ny0uNTAxLTQuNTg1IDAtLjAzMiAxLjAzNC4yMTEgMS4wOTcuMjE5IDEuNDA5LjIyNyAyLjk0NC0uMDMxIDQuMzU0LS4xNzJsMTAuNjU5LTEuMTAzYzguNTYtLjg3NyAxNy4zLTEuNDg3IDI1LjcyNy0zLjI4NyAxLjc0Ni0uMzc1IDguMDE5LTIuODYzIDkuNjI1LTEuNzI5IDEuNTE5IDEuMDggMS41NjYgNy4wOTcgMS42OTkgOC43MDkgMS4wMzQgMTIuMjc2LTYuOTg2IDI1LjcxLTEyLjIwMSAzNi4yNTYtMTUuNDQ0IDMxLjIzNC0zOS40NCA1OS44NTUtNjMuNjk1IDg0LjYzNC05Ljk5MyAxMC4yMS0yMC45NjUgMjAuMzA0LTMzLjY2IDI3LjA3MS0yLjU2OSAxLjM3LTUuMjE2IDIuNTItNy44ODcgMy42NjItLjI5Ny4xMjUtMy40NDYgMS44ODYtMy43MiAxLjc1My0xLjE5LS41OTUtMi4xODUtNC4wMTQtMy4yNDItNS4xMDItMi4zNjUtMi40NDktNS41NjgtMy4yMTUtOC4zMjUtNS4wNDYiLz48cGF0aCBvcGFjaXR5PSIuMTUiIGQ9Ik00NzYuNTE0IDM0MS4xMjRjLTEuMDgtLjU0IDcuNTQyLS43OTggOC41ODQtLjY0MiA1LjIyNC43OSAyMC44NzEgMi4yMjIgMjIuMjE4IDkuMDY4LjA0Ny4yNTEuMDYzLjUxNyAwIC43NjctMS4zIDQuOTI5LTMwLjg3MiAxLjY3NS0zMS45MzctNS4xNzltMzEuMjg3LTQ5LjE5OGMtLjE4OC0uMDk0IDIuNTkyLS4yNjYgMi44NzQtLjI3NCA0LjI0NS0uMTEgOC40OS4xOCAxMi43MTkuNDY5IDkuOTY5LjY4MSAxOS44NjkgMS44OTQgMjkuNzYgMy4zMTggMzEuNjE2IDQuNTUzIDYzLjg5OCAxMC43NzMgOTMuMTY1IDI0LjA1OSA2LjM2NyAyLjg5NSAyNi41ODggMTEuMzQ1IDIzLjkwMiAyMS40NzctMy4xMDEgMTEuNzM2LTM2LjY5OSA5LjEyMy00NS4wNTUgOC4zMDEtMzUuODUzLTMuNTUyLTcyLjA3NS0xNC4yNTUtMTA1LjIxOC0yOC4yNDUtMy43OTgtMS42MDQtNDguMDg2LTIxLjIzNC0xOS43OTEtMjQuN20tMTQzLjUzIDU0LjY1MWMxLjkxOS0zLjgyNiAyNy4yNjItOC4yMTUgMjYuNzYxLTIuMDU3LS44MTUgOS45MjEtMzcuODAzIDEzLjk4OS0yOC4zNDMgNS4yNzNtLTE0NS42MTMtMzUuNzE3YzAtNC4zNjYgMTUuMTkzLTkuNjQ3IDE3Ljg3OS0xMC44MDUgOC44MTktMy43ODcgNzEuMjkyLTI0LjAxMiA3NS42NjItMTMuMTA2IDQuMDA5IDEwLjAyMy01Ny43OSAyNC4yLTY2Ljg1OSAyNi4wODYtMy45NDcuODIyLTMwLjE1MiA3LjAxLTI3LjUwNCAxLjg4Nm0yMi4yNDIgMjQuMDgyYy0uNDM5LS40MzguNDY5LTEuMDA5Ljc2Ny0xLjIzNiAyLjA1Mi0xLjU4OCAxNC4yODUtNy45NjUgMTUuNzQ5LTMuNzg3IDEuNTc1IDQuNDgzLTIwLjU0MiAxNS4zMTItMTguNDUxIDkuODgyIi8+PC9nPjxwYXRoIGQ9Ik0zNDYuOTcyIDIwOS44NzRjLS44NDYgMCAxLjYwNS41MTcgMi40MTkuNzUybDUuNTY5IDEuNjljNS4yODYgMS4zMzcgMTAuNzQ1IDEuNjc0IDE2LjE4IDEuNjc0IDkuNjY0IDAgMTkuNDQ2LTIuMjUzIDI4Ljc5Ny00LjQ2IDMuOTg2LS45MzkgOC4wOS0xLjg3IDExLjk1MS0zLjI3LjQ3Ny0uMTcyIDIuNDc0LTEuMzkzIDIuOTY4LTEuMTgyLjY3My4yOSAxLjY1MiA5Ljk3NiAxLjUxMSAxMS40Ny0uMjk3IDMuMTA3LTE4LjQ5IDYuNDcxLTIxLjQ2NiA3LjA4MS0xMS4zNTYgMi4zMTYtMjQuMjM5IDIuMjg1LTM1Ljc1OS45NjMtMi4zOTctLjI3NC04LjcxNy40NjEtMTAuNTgxLTEuNDAxLS45ODYtLjk4Ni0xLjYzNi0xMC44MjEtMS45MTgtMTMuMDgyIiBjbGFzcz0iQyIvPjxwYXRoIGQ9Ik0zNjEuNzU4IDIwNi42OThjMC0uNTE2LjIzNS45NjIuMjU4IDEuMDcybC41NDkgMi40NjQgMS43NTQgNy45NjVjMS41NSA4LjQ2NiAxLjUxOSAxMC4yMTEgMTAuMjA0IDEwLjkzMS45MDEuMDc4IDUuMjQuNjggNS45Ni0uMTI1IDEuNDg4LTEuNjU5LjY4Mi04LjUxMy43MjktMTAuNjQxLjExNy01LjMwNS4wODYtMTAuOTIzIDEuMTM1LTE2LjE0MS4wMzktLjE5Ni4yMDQtLjY1LjAyNC0uODMtLjg3Ny0uODY4LTIzLjIzNy0uMDctMjAuMzk0IDUuNjE4IiBjbGFzcz0iRSIvPjxnIGNsYXNzPSJDIj48cGF0aCBkPSJNMzY4LjY4IDIyNy42MjdjMC0uMTgtLjg4NSAxLjk3Mi0xLjA3MyAyLjM5NC0uNzU5IDEuNjk4LTIuMTMgMy4wNjctMy44MjEgMy44MTktMi40NjcgMS4wOTUtMTguNjI0LS43MzYtMTIuMzA0IDcuMzIzIDUuMTA2IDYuNTEgMTcuOTY2IDYuOTE3IDIzLjA1Ni40NzcgMS44ODgtMi4zNzggNi4yNTgtMTAuODkxIDEuODgtMTMuNjIyLTEuOTk3LTEuMjQ0LTUuNjYyLS40NjEtNy45NDktLjY4OG01My4zOTYgMTUyLjIxOGMwIC4xMzMtMi44MTItMS43NjgtMy4wMzktMS45ODctMS40NDEtMS40MDktNS45OTktNi44OTMtMS45NzMtOC4xNzcgMy45ODYtMS4yNzUgOS4xMzEgMi4yNDYgMTIuNzczIDMuNDU5IDQuODI0IDEuNjA0IDkuNTcgMS4zMjIgMTQuNTA0IDEuOTk1IDIuMTA3LjI4OSA0LjU2NiAxLjQ3MSA0Ljc1NCAzLjg4MS4yODIgMy42MDctMy42NDIgNC44NTgtNi40ODUgNS4yOTctNy4wMDEgMS4wNzItMTMuNjQyLS4yNTktMTkuNjczLTMuODVtLTEzNS40MjQtMTYuMzk5bC0xLjg3OS0xLjAwOWMtMS4zMDgtLjcxMi0yLjY3OS0xLjI2LTQuMTk4LTEuMDE4LTIuNjI0LjQyMy0yLjA2IDMuOTk5LTEuMTk4IDUuNjczIDMuNTM5IDYuOTMyIDE4LjU5MiAxNy45MjUgMjYuMDQ3IDIwLjQ1MiAzLjc2IDEuMjc2IDE0LjA5IDEuMTUgMTEuNzI0LTUuNzc0LTEuMzIzLTMuODY1LTguMjc4LTQuOTUzLTExLjY4NC02LjAwMS02LjU5NS0yLjA0Mi0xNC43MDgtNi41NDktMTguNjQ3LTEyLjQ1NiIvPjwvZz48cGF0aCBkPSJNMjgxLjAxNCAzNjEuMzg4Yy0uMjU4LS41MjQgMi4zNTcgMS42MjggMi42MzEgMS44N2w1LjgxOSA1LjE5NmM2LjQyMiA1Ljc5NyA4LjY1NCA2LjgzIDE2LjI0MyAyLjIzNy43MTMtLjQzIDQuMDMzLTEuNDQ3IDQuMTgyLTIuMzMxLjQzOS0yLjU0My01Ljc3Mi02LjgxNS03LjQyNC04LjQ0My0xLjYzNy0xLjYxMS02LjcxMi04LjU2Ny04LjMxNy05LjA2OC0xLjAzNC0uMzI4LTIuNDUyIDEuNjk4LTMuMTEgMi4yNjktMi40OTggMi4xODMtOC4wNDMgNC40OTEtOS41MTUgNy40MjUiIGNsYXNzPSJFIi8+PGcgY2xhc3M9IkQiPjxwYXRoIGQ9Ik00MTMuMjE5IDM2NC4wMWMtLjQyMy0uMjU5IDEuMDE4IDIuNzc3IDEuMTkgMy4zNTYuMjU5Ljg2OS0uMDM5IDUuNTA4LjM4NCA1Ljk3OCAxLjI2MSAxLjM5MyAxNS43MjYgMi4yODUgMTcuNjc2IDEuMzc3IDEuNTI3LS43MiAxLjMzOS0yLjkxOCAxLjUzNS0zLjkyLjIwNC0xLjAyNSAxLjczMS0zLjg0Mi40OTMtNC43NDktLjg0NS0uNjE4LTQuNDk1LS4yODItNS42ODUtLjMzNy01LjAwNS0uMjM0LTkuNzk4LS45NDYtMTQuNjY5LTEuNTk2Ii8+PHBhdGggb3BhY2l0eT0iLjE1IiBkPSJNNTk1LjEgNzMuOTNjLTQuNzMtMy4wNDQtNzMuMjY0LTQxLjY0OC02NC4yNTgtMTMuNjA2IDExLjQ1IDM1LjYzOSAxMTguMjM0IDg3LjA3NSAxNTEuMjIxIDEwMy4yNjMgNy45MjUgMy44ODggNTEuNjczIDI1Ljg1MSA1OC41MjUgMTMuNTc1IDguNDQzLTE1LjExNi00OC4xMTctNTAuNjg1LTUxLjQ1My00OC41OTYtLjY1OC40MDctMi4zMTkgMi4yNTMtMS44MSAzLjA0NC41NzIuODk5IDEuNzg2IDEuNDg2IDIuNjMyIDIuMDgxIDEwLjYwNCA3LjUwMyAyNi41MzMgMTYuOTA4IDMyLjAzOSAyOS4yMjMuNTg3IDEuMzE0Ljk0OCAyLjkxOC0uNzkxIDMuMzk2LTQuMyAxLjE3My0xMC40LTEuNDI0LTE0LjM1NS0yLjc3OC0zLjg5My0xLjMzLTcuNzE0LTIuODYzLTExLjQ1OC00LjU2MS0zOC4zMjgtMTcuMzg2LTc3LjIzNS0zNi43ODItMTExLjUxNC02MS4yMTYtNC4yNjktMy4wNDQtMzEuNDYtMjIuOTU2LTI1LjQ5Mi0zMC4wNzYgNy42Mi05LjA5OSAyMi43MDQgOS40NTIgMjkuNjg5IDEzLjcwOCIvPjwvZz48ZyBvcGFjaXR5PSIuMTkiPjx1c2UgeGxpbms6aHJlZj0iI0ciIGZpbGw9InVybCgjQikiLz48dXNlIHhsaW5rOmhyZWY9IiNHIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iLjI0IiBjbGFzcz0iQiIvPjwvZz48ZyBvcGFjaXR5PSIuMTkiPjx1c2UgeGxpbms6aHJlZj0iI0giIGZpbGw9InVybCgjQykiLz48dXNlIHhsaW5rOmhyZWY9IiNIIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iLjI0IiBjbGFzcz0iQiIvPjwvZz48ZyBzdHJva2U9IiMwMDRjNzYiIHN0cm9rZS13aWR0aD0iMS40NyIgY2xhc3M9IkIiPjxwYXRoIGQ9Ik0xNzAuODQ3IDEwMC40MjNzNTcuNzg5LTU3LjY1NiAxMzIuMjY4LTcxLjg1N20tNzUuNDczIDQ5LjU4OWMxNC4yNTMtOC4zNDggMjUuMDg0LTI0LjQxOSA3NS40NjUtNDAuNDQzIi8+PC9nPjwvZz48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9IkEiIHgxPSI0MDcuMDQ4IiB5MT0iMzQwLjMyNiIgeDI9IjQxMS4wOTciIHkyPSIyMjAuMDQ1IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZiIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzUxYzdlYSIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IGlkPSJCIiB4MT0iMjAwLjI0NiIgeTE9IjM4OS45NDYiIHgyPSIzMTAuNSIgeTI9IjM5MC42NTIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjZmZmIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNTFjN2VhIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9IkMiIHgxPSIzMjcuMTExIiB5MT0iMzg5Ljk0NiIgeDI9IjQzNy4zNjQiIHkyPSIzOTAuNjUyIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZiIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzUxYzdlYSIvPjwvbGluZWFyR3JhZGllbnQ+PGNsaXBQYXRoIGlkPSJEIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAwaDgxMHY0MDVIMHoiLz48L2NsaXBQYXRoPjxwYXRoIGlkPSJFIiBkPSJNLjgwNiAzOTkuNjg4Yy0zLjA4NiAwIDYuMDctMi40NDkgOS4wMzgtNC4yNTcgNi40NjktMy45MzUgMTIuODgzLTguMzc5IDE5LjMwNS0xMi42OTEgMjAuMzA3LTEzLjYzNyAzNC41MzctMjQuODMzIDU1LjI2OC0zNS4xNDUgNTkuMDAzLTI5LjM1NyAxMTguNzE5LTUwLjUyOSAxNzguNzQ4LTY4LjAxNiAxODEuNzI1LTUyLjkyMiAzNzMuNTkyLTYuODM4IDU0Ni43MjUgMTIwLjU3OCIvPjxwYXRoIGlkPSJGIiBkPSJNNDIwLjg3IDc3LjM1N2MwIC4xMDkuMDYzLjAzMS4xMjYtLjAyNC44ODUtLjczNSAxLjYxMy0xLjcyOSAyLjQxMi0yLjU1OCAxLjcxNS0xLjggNi4yNzMtMy42NTQgOC4xNzYtMS41MSAxMi4yMDkgMTMuNzU1IDkuNTU1LTMuMjA4IDE3LjE5LS41NTYgNy4yOTIgMi41MjcgNC44NzktMS42NDMgOC43NDgtNi42MTkgMy4zNzYtNC4zNDIgOC4wMi03LjIyMiAxMS42NjItMTEuMjc1IDEuODcxLTIuMDg5IDYuMTA4LTYuMzY5IDQuMjQ0LTkuNTIyLTMuNDkzLTUuOTE1LTEwLjQ2My01LjcxOS0xNi4xNDktNy41MTEtNS4zNTYtMS42OS0xMy4xMDItNy4zLTE4LjUyMS02LjU1Ny0xMS4xMjkgMS41MjYtMTMuNDk0IDE3LjQ3OS0xOS42MTkgMjQuNTc2LTIuNTkyIDIuOTk3LTguMTY4IDUuMzkxLTkuNjU2IDkuMTE1LTEuMDE4IDIuNTM1IDkuMjEgMTMuOTM1IDExLjc4NyAxMy4wMzUiLz48cGF0aCBpZD0iRyIgZD0iTTMwOS41MjEgMzc5LjM5MmMxLjEzNiAwLTIuMjcxLS4xMDItMy4zOTktLjE0MWwtNi41NDctLjE5Ni0yMS4wOTEtLjkzMS02MS41OTUtMi43ODUtMS45OS0uMDc5LTEuODU2LS4wNzhjLTQuMzYyLS4xODgtOC42MTQuMDQ3LTEyLjkzOC4wNDctLjMzNiAwLS40NzcuMTE4LS41MzIuNDc3LS4zNjggMi4yNjIgMy4xMzMgMjcuNDYzIDMuNzI4IDI4LjAwMyAzLjIxOSAyLjk1NyAxMy43MjEtLjM5MSAxNy4zNjItLjg3NiAxNi4xMDItMi4xMjkgMzIuMDU1LTQuODM2IDQ3Ljg5MS04LjQ1bDI2LjA0LTUuODIyYy44MDctLjIwMyAxNC42OTItMS43NjggMTUuMTU0LTIuNjk5Ii8+PHBhdGggaWQ9IkgiIGQ9Ik00MzYuMzg1IDM3OS4zOTJjMS4xMzYgMC0yLjI3MS0uMTAyLTMuMzk5LS4xNDFsLTYuNTQ3LS4xOTYtMjEuMDktLjkzMS02MS41OTYtMi43ODUtMS45ODktLjA3OS0xLjg1Ni0uMDc4Yy00LjM2My0uMTg4LTguNjE1LjA0Ny0xMi45MzguMDQ3LS4zMzcgMC0uNDc4LjExOC0uNTMzLjQ3Ny0uMzY4IDIuMjYyIDMuMTMzIDI3LjQ2MyAzLjcyOCAyOC4wMDMgMy4yMTkgMi45NTcgMTMuNzIxLS4zOTEgMTcuMzYzLS44NzYgMTYuMTAyLTIuMTI5IDMyLjA1NC00LjgzNiA0Ny44OS04LjQ1bDI2LjA0LTUuODIyYy44MDctLjIwMyAxNC42OTItMS43NjggMTUuMTU0LTIuNjk5Ii8+PC9kZWZzPjwvc3ZnPg==); + /* + * Below Icons are commented because they get added to the CSS bundle and + * CSS bundle created exceeded the permissible size. + * Need to find a solution how do we deal with below icons or do we split page wise CSS bundles + * Or can using these icon paths in background-image in pages's CSS help? + */ +} + +body.nfd-brand-bluehost { + --wp-admin-theme-color: #3575d3; + --wp-admin-theme-color--rgb: 53, 117, 211; + --wp-admin-theme-color-darker-10: #1c5cba; + --wp-admin-theme-color-darker-10--rgb: 28, 92, 186; + --wp-admin-theme-color-darker-20: #0242a0; + --wp-admin-theme-color-darker-20--rgb: 2, 66, 160; + --nfd-onboarding-dark-icon: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIyMjMuNjI2IDIyMy41OCA1Mi43NDkgNTIuODQxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxwYXRoIGZpbGw9IiMxQzVDQkEiIGQ9Ik0gMjI4Ljg0IDIyOC44MDQgTCAyNDAuNjUzIDIyOC44MDQgTCAyNDAuNjUzIDI0MC42MjcgTCAyMjguODQgMjQwLjYyNyBMIDIyOC44NCAyMjguODA0IFogTSAyNDQuMDg4IDIyOC44MDQgTCAyNTUuOTExIDIyOC44MDQgTCAyNTUuOTExIDI0MC42MjcgTCAyNDQuMDg4IDI0MC42MjcgTCAyNDQuMDg4IDIyOC44MDQgWiBNIDI1OS4zMzggMjI4LjgwNCBMIDI3MS4xNjEgMjI4LjgwNCBMIDI3MS4xNjEgMjQwLjYyNyBMIDI1OS4zMzggMjQwLjYyNyBMIDI1OS4zMzggMjI4LjgwNCBaIE0gMjI4Ljg0IDI0NC4wOSBMIDI0MC42NTMgMjQ0LjA5IEwgMjQwLjY1MyAyNTUuOTEzIEwgMjI4Ljg0IDI1NS45MTMgTCAyMjguODQgMjQ0LjA5IFogTSAyNDQuMDg4IDI0NC4wOSBMIDI1NS45MTEgMjQ0LjA5IEwgMjU1LjkxMSAyNTUuOTEzIEwgMjQ0LjA4OCAyNTUuOTEzIEwgMjQ0LjA4OCAyNDQuMDkgWiBNIDI1OS4zMzggMjQ0LjA5IEwgMjcxLjE2MSAyNDQuMDkgTCAyNzEuMTYxIDI1NS45MTMgTCAyNTkuMzM4IDI1NS45MTMgTCAyNTkuMzM4IDI0NC4wOSBaIE0gMjI4Ljg0IDI1OS4zNzcgTCAyNDAuNjUzIDI1OS4zNzcgTCAyNDAuNjUzIDI3MS4xOTggTCAyMjguODQgMjcxLjE5OCBMIDIyOC44NCAyNTkuMzc3IFogTSAyNDQuMDg4IDI1OS4zNzcgTCAyNTUuOTExIDI1OS4zNzcgTCAyNTUuOTExIDI3MS4xOTggTCAyNDQuMDg4IDI3MS4xOTggTCAyNDQuMDg4IDI1OS4zNzcgWiBNIDI1OS4zMzggMjU5LjM3NyBMIDI3MS4xNjEgMjU5LjM3NyBMIDI3MS4xNjEgMjcxLjE5OCBMIDI1OS4zMzggMjcxLjE5OCBMIDI1OS4zMzggMjU5LjM3NyBaIiBzdHlsZT0iIi8+Cjwvc3ZnPg==); + --nfd-onboarding-icon: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIyMjMuNjI2IDIyMy41OCA1Mi43NDkgNTIuODQxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0gMjI4Ljg0IDIyOC44MDQgTCAyNDAuNjUzIDIyOC44MDQgTCAyNDAuNjUzIDI0MC42MjcgTCAyMjguODQgMjQwLjYyNyBMIDIyOC44NCAyMjguODA0IFogTSAyNDQuMDg4IDIyOC44MDQgTCAyNTUuOTExIDIyOC44MDQgTCAyNTUuOTExIDI0MC42MjcgTCAyNDQuMDg4IDI0MC42MjcgTCAyNDQuMDg4IDIyOC44MDQgWiBNIDI1OS4zMzggMjI4LjgwNCBMIDI3MS4xNjEgMjI4LjgwNCBMIDI3MS4xNjEgMjQwLjYyNyBMIDI1OS4zMzggMjQwLjYyNyBMIDI1OS4zMzggMjI4LjgwNCBaIE0gMjI4Ljg0IDI0NC4wOSBMIDI0MC42NTMgMjQ0LjA5IEwgMjQwLjY1MyAyNTUuOTEzIEwgMjI4Ljg0IDI1NS45MTMgTCAyMjguODQgMjQ0LjA5IFogTSAyNDQuMDg4IDI0NC4wOSBMIDI1NS45MTEgMjQ0LjA5IEwgMjU1LjkxMSAyNTUuOTEzIEwgMjQ0LjA4OCAyNTUuOTEzIEwgMjQ0LjA4OCAyNDQuMDkgWiBNIDI1OS4zMzggMjQ0LjA5IEwgMjcxLjE2MSAyNDQuMDkgTCAyNzEuMTYxIDI1NS45MTMgTCAyNTkuMzM4IDI1NS45MTMgTCAyNTkuMzM4IDI0NC4wOSBaIE0gMjI4Ljg0IDI1OS4zNzcgTCAyNDAuNjUzIDI1OS4zNzcgTCAyNDAuNjUzIDI3MS4xOTggTCAyMjguODQgMjcxLjE5OCBMIDIyOC44NCAyNTkuMzc3IFogTSAyNDQuMDg4IDI1OS4zNzcgTCAyNTUuOTExIDI1OS4zNzcgTCAyNTUuOTExIDI3MS4xOTggTCAyNDQuMDg4IDI3MS4xOTggTCAyNDQuMDg4IDI1OS4zNzcgWiBNIDI1OS4zMzggMjU5LjM3NyBMIDI3MS4xNjEgMjU5LjM3NyBMIDI3MS4xNjEgMjcxLjE5OCBMIDI1OS4zMzggMjcxLjE5OCBMIDI1OS4zMzggMjU5LjM3NyBaIiBzdHlsZT0iIi8+Cjwvc3ZnPg==); + --nfd-onboarding-logo: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjE5Mi43MTggMTk3LjEyNiAxMTYuOSAxOS4zIj4KICA8cGF0aCBkPSJNMTkyLjcxOCAxOTcuMTI2aDUuM3Y1LjNoLTUuM3YtNS4zWm02LjggMGg1LjN2NS4zaC01LjN2LTUuM1ptNi45IDBoNS4zdjUuM2gtNS4zdi01LjNabS0xMy43IDYuOGg1LjN2NS4zaC01LjN2LTUuM1ptNi44IDBoNS4zdjUuM2gtNS4zdi01LjNabTYuOSAwaDUuM3Y1LjNoLTUuM3YtNS4zWm0tMTMuNyA2LjloNS4zdjUuM2gtNS4zdi01LjNabTYuOCAwaDUuM3Y1LjNoLTUuM3YtNS4zWm02LjkgMGg1LjN2NS4zaC01LjN2LTUuM1ptMTYuMS01LjVjMS4xLTEgMi41LTEuNSA0LTEuNSAyLjcgMCA1LjMgMS44IDUuMyA2LjNzLTIuOSA2LjMtNi4xIDYuM2MtMS42IDAtMy4yLS40LTQuNi0xLjN2LTE4aDEuNHY4LjJabTAgOS4xYzEgLjUgMi4xLjggMy4yLjggMi41IDAgNC44LTEuNSA0LjgtNS4xIDAtMy4yLTEuOC01LjEtNC4xLTUuMS0xLjUuMS0yLjkuOC0zLjkgMS45djcuNVptMTEuNyAxLjd2LTE5aDEuM3YxOWgtMS4zWm01LjgtNC43YzAgMi45IDEuNCAzLjcgMi44IDMuNyAxLjgtLjEgMy4zLTEuMSA0LjItMi43di04LjRoMS40djEyLjJoLTEuNHYtMi40Yy0xIDEuNS0yLjggMi41LTQuNiAyLjUtMS45IDAtMy44LTEuMS0zLjgtNC44di03LjVoMS40djcuNFptMjEuNCAzLjljLTEuMy43LTIuOCAxLjEtNC4zIDEtNC4xLS4xLTYuMi0zLjQtNi4xLTYuOCAwLTMuMiAyLjUtNS44IDUuNi01LjhoLjRjMy4zLjEgNS41IDIuNyA1LjEgNi42aC05LjhjMCAyLjYgMi4xIDQuNyA0LjcgNC44aC4xYzEuMyAwIDIuNi0uMyAzLjgtLjlsLjUgMS4xWm0tLjUtNi4xYy4xLTIuMi0xLjYtNC4xLTMuOC00LjJoLS4yYy0yLjQtLjEtNC40IDEuOC00LjUgNC4yaDguNVptNS42LTIuOWMxLTEuNiAyLjYtMi41IDQuNS0yLjYgMi40IDAgMy45IDEuOCAzLjkgNC42djcuOGgtMS4zdi03LjZjMC0yLjYtMS40LTMuNi0yLjgtMy42LTEuOC4yLTMuMyAxLjItNC4yIDIuN3Y4LjVoLTEuM3YtMTloMS40Yy0uMiAwLS4yIDkuMi0uMiA5LjJabTIyLjMgMy43YzAgNC0yLjcgNi4zLTUuOSA2LjMtMy41IDAtNS45LTIuOC01LjktNi4zLS4yLTMuMyAyLjMtNi4xIDUuNi02LjNoLjNjMy4yLjEgNS45IDIuNCA1LjkgNi4zWm0tMTAuMyAwYzAgMi43IDEuNiA1IDQuNSA1czQuNS0yLjQgNC41LTUtMS43LTUtNC41LTUtNC41IDIuMy00LjUgNVptMTMuNCA0YzEgLjYgMi4xIDEgMy4yIDEgMS4zIDAgMi45LS41IDIuOC0xLjggMC0xLjEtMS4yLTItMy0yLjctMi4xLS44LTMuOS0xLjYtMy45LTMuNXMxLjgtMy4zIDQuMi0zLjNjMS4yIDAgMi4zLjMgMy40LjlsLS41IDEuMWMtLjktLjUtMS44LS43LTIuOC0uNy0yIDAtMi45IDEtMi45IDIgMCAxLjMgMS41IDEuOCAzLjQgMi42IDIuOSAxLjEgMy42IDIuNSAzLjYgMy42IDAgMS45LTEuOCAzLjEtNC4yIDMuMS0xLjQgMC0yLjctLjQtMy45LTEuMWwuNi0xLjJabTE2LjQtMTB2MS4xaC00djYuN2MwIDIgLjggMy4yIDIuNiAzLjMuOCAwIDEuNi0uMSAyLjMtLjVsLjQgMS4yYy0uOS4zLTEuOC41LTIuNy41LTIuMiAwLTMuOS0xLjMtMy45LTQuNXYtNi43aC0yLjN2LTEuMWgyLjJ2LTQuMWgxLjR2NC4xaDRaIiBjbGFzcz0ic3QwIi8+Cjwvc3ZnPg==); + --nfd-onboarding-primary: #3575d3; + --nfd-onboarding-highlighted--rgb: 123, 177, 253; + --nfd-onboarding-primary-alt: #2c76dc; + --nfd-onboarding-secondary: #495c77; + --nfd-onboarding-secondary-alt: #304663; + --nfd-onboarding-tertiary: #7bb1fd; + --nfd-onboarding-tertiary-alt: #84c0fc; + --nfd-onboarding-light: #ffffff; + --nfd-onboarding-light-gray: #f0f0f0; + --nfd-onboarding-light-gray-2: #efefef; + --nfd-onboarding-light-gray-3: #f2f2f2; + --nfd-onboarding-light-gray-4: #a7a7a7; + --nfd-onboarding-dark: #1d2a3b; + --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(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJibHVlaG9zdC1sb2dvLWxvYWRlciIgc2hhcGUtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iIHRleHQtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iIHZpZXdCb3g9IjAgMCAyNTYgMjU2IiBzdHlsZT0id2hpdGUtc3BhY2U6cHJlIj48c3R5bGU+QGtleWZyYW1lcyBzZXJ2ZXIxezAle3RyYW5zZm9ybTp0cmFuc2xhdGVYKDYyLjA1MjcwNnB4KTthbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uOmN1YmljLWJlemllciguMjYzMzU1LC42MzU4NTMsLjU4OTY4NSwxKX0xMy4wNDM0JXt0cmFuc2Zvcm06dHJhbnNsYXRlWCg1OXB4KTthbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uOmN1YmljLWJlemllciguMzkxODI4LDAsLjcwMjgwNywuNDYxNjExKX10b3t0cmFuc2Zvcm06dHJhbnNsYXRlWCg1OXB4KX19QGtleWZyYW1lcyBzZXJ2ZXIxaW5uZXJ7MCV7dHJhbnNmb3JtOnRyYW5zbGF0ZSgtOTcuMjVweCw5OS43NXB4KTthbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uOmN1YmljLWJlemllciguMjc2NDA3LC41NjU3MzEsLjU4NDg3MywxKX00My40NzgyJXt0cmFuc2Zvcm06dHJhbnNsYXRlKC05Ny4yNXB4LDk5Ljc1cHgpO2FuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246Y3ViaWMtYmV6aWVyKC43MTEsMCwuMjU0LDEpfXRve3RyYW5zZm9ybTp0cmFuc2xhdGUoLTk3LjI1cHgsMzAuNzVweCl9fUBrZXlmcmFtZXMgc2VydmVyMnswJXt0cmFuc2Zvcm06dHJhbnNsYXRlWCg1OXB4KTthbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uOmN1YmljLWJlemllciguMzE1NzcyLC40MDcyNDEsLjYxMzY0NSwuODg1NDQ0KX10b3t0cmFuc2Zvcm06dHJhbnNsYXRlWCg1OXB4KX19QGtleWZyYW1lcyBzZXJ2ZXIyaW5uZXJ7MCV7dHJhbnNmb3JtOnRyYW5zbGF0ZSgtOTcuMjVweCwzMC43NXB4KTthbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uOmN1YmljLWJlemllciguNjQzLDAsLjM1OCwxKX0zMC40MzQ3JXt0cmFuc2Zvcm06dHJhbnNsYXRlKC05Ny4yNXB4LDMwLjc1cHgpO2FuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246Y3ViaWMtYmV6aWVyKC43MTEsMCwuMjU0LDEpfTg2Ljk1NjUle3RyYW5zZm9ybTp0cmFuc2xhdGUoLTk3LjI1cHgsLTM4LjI1cHgpO2FuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246Y3ViaWMtYmV6aWVyKC4zNDIyNTEsMCwuNjc1MjQ5LC4zNDU5MjgpfXRve3RyYW5zZm9ybTp0cmFuc2xhdGUoLTk3LjI1cHgsLTM4LjI1cHgpfX1Aa2V5ZnJhbWVzIHNlcnZlcjN7MCV7dHJhbnNmb3JtOnRyYW5zbGF0ZVgoNTlweCl9MTcuMzkxMyV7dHJhbnNmb3JtOnRyYW5zbGF0ZVgoNTlweCk7YW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjpjdWJpYy1iZXppZXIoLjcxMSwwLC4yNTQsMSl9NzMuOTEzJXt0cmFuc2Zvcm06dHJhbnNsYXRlWCgxMjhweCk7YW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjpjdWJpYy1iZXppZXIoLjY4NzM1NSwwLC40NjU3NTcsLjg1NjU1OSl9dG97dHJhbnNmb3JtOnRyYW5zbGF0ZVgoMTI4cHgpfX1Aa2V5ZnJhbWVzIHNlcnZlcjNpbm5lcnswJXt0cmFuc2Zvcm06dHJhbnNsYXRlKC05Ny4yNXB4LC0zOC4yNXB4KTthbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uOmN1YmljLWJlemllciguMzkwNSwuMDg5OTMsLjY4OTU4LC41NzA0MzkpfXRve3RyYW5zZm9ybTp0cmFuc2xhdGUoLTk3LjI1cHgsLTM4LjI1cHgpfX1Aa2V5ZnJhbWVzIHNlcnZlcjR7MCV7dHJhbnNmb3JtOnRyYW5zbGF0ZVgoMTI4cHgpO2FuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246Y3ViaWMtYmV6aWVyKC4yOTI5MjIsLjY0Njk2LC42MjM3MTQsMSl9NC4zNDc4JXt0cmFuc2Zvcm06dHJhbnNsYXRlWCgxMjhweCk7YW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjpjdWJpYy1iZXppZXIoLjcxMSwwLC4yNTQsMSl9NjAuODY5NSV7dHJhbnNmb3JtOnRyYW5zbGF0ZVgoMTk3cHgpO2FuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246Y3ViaWMtYmV6aWVyKC40MDY0MzMsMCwuNzIxMTE4LC40MTg2OTcpfXRve3RyYW5zZm9ybTp0cmFuc2xhdGVYKDE5N3B4KX19QGtleWZyYW1lcyBzZXJ2ZXI0aW5uZXJ7MCV7dHJhbnNmb3JtOnRyYW5zbGF0ZSgtOTcuMjVweCwtMzguMjVweCk7YW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjpjdWJpYy1iZXppZXIoLjI5ODQwMSwuNTI3NDUzLC42MDYzNywxKX05MS4zMDQzJXt0cmFuc2Zvcm06dHJhbnNsYXRlKC05Ny4yNXB4LC0zOC4yNXB4KTthbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uOmN1YmljLWJlemllciguMzgyNDAyLDAsLjcxMjgyNiwuMzUyNzk0KX10b3t0cmFuc2Zvcm06dHJhbnNsYXRlKC05Ny4yNXB4LC0zNi45MTA5MzFweCl9fUBrZXlmcmFtZXMgc2VydmVyNXswJXt0cmFuc2Zvcm06dHJhbnNsYXRlWCgxOTdweCk7YW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjpjdWJpYy1iZXppZXIoLjMxNjUxOCwuMzc5NTEzLC41NDA3OTksMSl9NzguMjYwOCV7dHJhbnNmb3JtOnRyYW5zbGF0ZVgoMTk3cHgpO2FuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246Y3ViaWMtYmV6aWVyKC41NDM4NDYsMCwuODI0ODU3LC40MTQ2Nil9dG97dHJhbnNmb3JtOnRyYW5zbGF0ZVgoMTgyLjU5ODAxNXB4KX19QGtleWZyYW1lcyBzZXJ2ZXI1aW5uZXJ7MCV7dHJhbnNmb3JtOnRyYW5zbGF0ZSgtOTcuMjVweCwtMzYuOTEwOTMxcHgpO2FuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246Y3ViaWMtYmV6aWVyKC41Nzg4MSwuMTQxOTkxLC4xOTEzMTQsMSl9NDcuODI2JXt0cmFuc2Zvcm06dHJhbnNsYXRlKC05Ny4yNXB4LDMwLjc1cHgpO2FuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246Y3ViaWMtYmV6aWVyKC40MzE1NzMsMCwuNzI1MjEzLC40Njg1OTUpfXRve3RyYW5zZm9ybTp0cmFuc2xhdGUoLTk3LjI1cHgsMzAuNzVweCl9fUBrZXlmcmFtZXMgc2VydmVyNnswJXt0cmFuc2Zvcm06dHJhbnNsYXRlWCgxODIuNTk4MDE1cHgpO2FuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246Y3ViaWMtYmV6aWVyKC4yNjI2MTgsLjM3MDQzLC4xNDQzODYsMSl9MzQuNzgyNiV7dHJhbnNmb3JtOnRyYW5zbGF0ZVgoMTI4cHgpO2FuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246Y3ViaWMtYmV6aWVyKC40NTA3NTIsMCwuNzEzNDI0LC41MzQ5MTgpfXRve3RyYW5zZm9ybTp0cmFuc2xhdGVYKDEyOHB4KX19QGtleWZyYW1lcyBzZXJ2ZXI2aW5uZXJ7MCV7dHJhbnNmb3JtOnRyYW5zbGF0ZSgtOTcuMjVweCwzMC43NXB4KTthbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uOmN1YmljLWJlemllciguMjg3ODgzLC40NjQwODMsLjU0OTg5OSwxKX02NS4yMTczJXt0cmFuc2Zvcm06dHJhbnNsYXRlKC05Ny4yNXB4LDMwLjc1cHgpO2FuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246Y3ViaWMtYmV6aWVyKC44NDc5ODgsMCwuNjczNTU1LC42NTI2OTkpfXRve3RyYW5zZm9ybTp0cmFuc2xhdGUoLTk3LjI1cHgsODcuNjk2Nzg2cHgpfX1Aa2V5ZnJhbWVzIHNlcnZlcjd7MCV7dHJhbnNmb3JtOnRyYW5zbGF0ZVgoMTI4cHgpO2FuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246Y3ViaWMtYmV6aWVyKC4yNzU0ODcsLjUzMDYzOSwuNTY4NjQ2LDEpfTUyLjE3Mzkle3RyYW5zZm9ybTp0cmFuc2xhdGVYKDEyOHB4KTthbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uOmN1YmljLWJlemllciguNzc0Njc2LDAsLjM3NjA5NSwuODY0OTUyKX10b3t0cmFuc2Zvcm06dHJhbnNsYXRlWCg2MC4xOTU4NzlweCl9fUBrZXlmcmFtZXMgc2VydmVyN2lubmVyezAle3RyYW5zZm9ybTp0cmFuc2xhdGUoLTk3LjI1cHgsODcuNjk2Nzg2cHgpO2FuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246Y3ViaWMtYmV6aWVyKC4xODkzMzMsLjU5NDc5NywuNDgzOTcsMSl9MjEuNzM5MSV7dHJhbnNmb3JtOnRyYW5zbGF0ZSgtOTcuMjVweCw5OS43NXB4KTthbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uOmN1YmljLWJlemllciguNDYwMzUyLDAsLjY4NTI5MiwuNjE5NDEpfXRve3RyYW5zZm9ybTp0cmFuc2xhdGUoLTk3LjI1cHgsOTkuNzVweCl9fTwvc3R5bGU+PGcgc3R5bGU9ImFuaW1hdGlvbjouOTJzIGxpbmVhciBpbmZpbml0ZSBib3RoIHNlcnZlcjEiIGlkPSJzMSIgb3BhY2l0eT0iMSI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTM4LjI1IDk5Ljc1KSIgc3R5bGU9ImFuaW1hdGlvbjouOTJzIGxpbmVhciBpbmZpbml0ZSBib3RoIHNlcnZlcjFpbm5lciIgaWQ9InMxY29udGVudHMiPjxnIGlkPSJpbnNpZGUxMCIgb3BhY2l0eT0iMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOTcuMjUgOTcuMjUpIj48cGF0aCBpZD0icGF0aDEiIGZpbGw9IiMzNzc2YjkiIGQ9Ik0tMjctMjdoNTR2NTRoLTU0di01NFoiIGZpbGwtb3BhY2l0eT0iMSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9nPjwvZz48L2c+PGcgc3R5bGU9ImFuaW1hdGlvbjouOTJzIGxpbmVhciBpbmZpbml0ZSBib3RoIHNlcnZlcjIiIGlkPSJzMiIgb3BhY2l0eT0iMSI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTM4LjI1IDMwLjc1KSIgc3R5bGU9ImFuaW1hdGlvbjouOTJzIGxpbmVhciBpbmZpbml0ZSBib3RoIHNlcnZlcjJpbm5lciIgaWQ9InMyY29udGVudHMiPjxnIGlkPSJpbnNpZGUxMC0yIiBvcGFjaXR5PSIxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5Ny4yNSA5Ny4yNSkiPjxwYXRoIGlkPSJwYXRoMS0yIiBmaWxsPSIjMzc3NmI5IiBkPSJNLTI3LTI3aDU0djU0aC01NHYtNTRaIiBmaWxsLW9wYWNpdHk9IjEiIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvZz48L2c+PC9nPjxnIHN0eWxlPSJhbmltYXRpb246LjkycyBsaW5lYXIgaW5maW5pdGUgYm90aCBzZXJ2ZXIzIiBpZD0iczMiIG9wYWNpdHk9IjEiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zNC43ODYgLTM4LjI1KSIgc3R5bGU9ImFuaW1hdGlvbjouOTJzIGxpbmVhciBpbmZpbml0ZSBib3RoIHNlcnZlcjNpbm5lciIgaWQ9InMzY29udGVudHMiPjxnIGlkPSJpbnNpZGUxMC0zIiBvcGFjaXR5PSIxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5Ny4yNSA5Ny4yNSkiPjxwYXRoIGlkPSJwYXRoMS0zIiBmaWxsPSIjMzc3NmI5IiBkPSJNLTI3LTI3aDU0djU0aC01NHYtNTRaIiBmaWxsLW9wYWNpdHk9IjEiIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvZz48L2c+PC9nPjxnIHN0eWxlPSJhbmltYXRpb246LjkycyBsaW5lYXIgaW5maW5pdGUgYm90aCBzZXJ2ZXI0IiBpZD0iczQiIG9wYWNpdHk9IjEiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDU4LjkzMiAtMzguMjUpIiBzdHlsZT0iYW5pbWF0aW9uOi45MnMgbGluZWFyIGluZmluaXRlIGJvdGggc2VydmVyNGlubmVyIiBpZD0iczRjb250ZW50cyI+PGcgaWQ9Imluc2lkZTEwLTQiIG9wYWNpdHk9IjEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDk3LjI1IDk3LjI1KSI+PHBhdGggaWQ9InBhdGgxLTQiIGZpbGw9IiMzNzc2YjkiIGQ9Ik0tMjctMjdoNTR2NTRoLTU0di01NFoiIGZpbGwtb3BhY2l0eT0iMSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9nPjwvZz48L2c+PGcgc3R5bGU9ImFuaW1hdGlvbjouOTJzIGxpbmVhciBpbmZpbml0ZSBib3RoIHNlcnZlcjUiIGlkPSJzNSIgb3BhY2l0eT0iMSI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOTkuNzUgMjQuNDIpIiBzdHlsZT0iYW5pbWF0aW9uOi45MnMgbGluZWFyIGluZmluaXRlIGJvdGggc2VydmVyNWlubmVyIiBpZD0iczVjb250ZW50cyI+PGcgaWQ9Imluc2lkZTEwLTUiIG9wYWNpdHk9IjEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDk3LjI1IDk3LjI1KSI+PHBhdGggaWQ9InBhdGgxLTUiIGZpbGw9IiMzNzc2YjkiIGQ9Ik0tMjctMjdoNTR2NTRoLTU0di01NFoiIGZpbGwtb3BhY2l0eT0iMSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9nPjwvZz48L2c+PGcgc3R5bGU9ImFuaW1hdGlvbjouOTJzIGxpbmVhciBpbmZpbml0ZSBib3RoIHNlcnZlcjYiIGlkPSJzNiIgb3BhY2l0eT0iMSI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzEuMDE5IDMwLjc1KSIgc3R5bGU9ImFuaW1hdGlvbjouOTJzIGxpbmVhciBpbmZpbml0ZSBib3RoIHNlcnZlcjZpbm5lciIgaWQ9InM2Y29udGVudHMiPjxnIGlkPSJpbnNpZGUxMC02IiBvcGFjaXR5PSIxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5Ny4yNSA5Ny4yNSkiPjxwYXRoIGlkPSJwYXRoMS02IiBmaWxsPSIjMzc3NmI5IiBkPSJNLTI3LTI3aDU0djU0aC01NHYtNTRaIiBmaWxsLW9wYWNpdHk9IjEiIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvZz48L2c+PC9nPjxnIHN0eWxlPSJhbmltYXRpb246LjkycyBsaW5lYXIgaW5maW5pdGUgYm90aCBzZXJ2ZXI3IiBpZD0iczciIG9wYWNpdHk9IjEiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMwLjc1IDk5Ljc1KSIgc3R5bGU9ImFuaW1hdGlvbjouOTJzIGxpbmVhciBpbmZpbml0ZSBib3RoIHNlcnZlcjdpbm5lciIgaWQ9InM3Y29udGVudHMiPjxnIGlkPSJpbnNpZGUxMC03IiBvcGFjaXR5PSIxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5Ny4yNSA5Ny4yNSkiPjxwYXRoIGlkPSJwYXRoMS03IiBmaWxsPSIjMzc3NmI5IiBkPSJNLTI3LTI3aDU0djU0aC01NHYtNTRaIiBmaWxsLW9wYWNpdHk9IjEiIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvZz48L2c+PC9nPjxnIGlkPSJzOCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOTkuNzUgOTkuNzUpIj48ZyBpZD0iczhjb250ZW50cyIgb3BhY2l0eT0iMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOTcuMjUgOTcuMjUpIj48cGF0aCBpZD0icGF0aDEtOCIgZmlsbD0iIzM3NzZiOSIgZD0iTS0yNy0yN2g1NHY1NGgtNTR2LTU0WiIgZmlsbC1vcGFjaXR5PSIxIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L2c+PC9nPjwvc3ZnPg==); + --nfd-onboarding-step-error-icon: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iODEwIiBoZWlnaHQ9IjQwNSIgZmlsbD0ibm9uZSIgeG1sbnM6dj0iaHR0cHM6Ly92ZWN0YS5pby9uYW5vIj48c3R5bGU+PCFbQ0RBVEFbLkJ7c3Ryb2tlLW1pdGVybGltaXQ6MTB9LkN7ZmlsbDojNjdjYmU0fS5Ee2ZpbGw6IzAwNGM3Nn0uRXtmaWxsOiM0NTg1YzV9XV0+PC9zdHlsZT48ZyBjbGlwLXBhdGg9InVybCgjRCkiPjxnIG9wYWNpdHk9Ii4zOCI+PHVzZSB4bGluazpocmVmPSIjRSIgZmlsbD0idXJsKCNBKSIvPjx1c2UgeGxpbms6aHJlZj0iI0UiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIuNDYiIGNsYXNzPSJCIi8+PC9nPjxwYXRoIG9wYWNpdHk9Ii4xNSIgZD0iTTM5NS44MDIgNTIuMTI1Yy0xLjU5LTEuNTg4LTEuMDM0LTcuNDU2LS45OTUtOS40MDUuMjA0LTkuNTMgNC40NjQtMjEuNDIzIDExLjQ4MS0yOC4xOSAyLjY0OC0yLjU1MSA2LjExNy00LjE5NCA5LjE3MS02LjIwNSAzMC41NzUtMjAuMTc4IDY1LjQ4OC0xLjc5MiA2OC44MzIgMzQuNzE2IDEuNTkgMTcuMzIzLTkuMDYxIDMyLjYwMy0yMy4wMjUgNDIuMDE2LTQuMDQ5IDIuNzMxLTkuNzk3IDcuNDQ4LTE1LjA4MyA2Ljc5OS0xNC4wOTctMS43MzctMjUuNzc0LTEzLjYzNy0zNS41NDgtMjIuOTc5LTQuOTEtNC42OTUtMTMuNjQzLTEwLjA4NS0xNS45MzctMTYuODA2IiBjbGFzcz0iRCIvPjxnIGNsYXNzPSJFIj48cGF0aCBkPSJNMzkzLjQ5MSAyNTYuODI3YzAtLjIwMy43MjkuNzUxLjc2OC44MDZhMjYuODIgMjYuODIgMCAwIDEgMS42MjEgMi45ODFsMy4zOTkgNy45ODhjMy4wMjMgNy41ODIgNi4yMjYgMTUuMTU2IDguODAzIDIyLjkwMiA2LjE3OSAxOC41OSA5LjI0MSA0NC4wNjUgMTAuMDI0IDYzLjcwNC4xNDkgMy42NjkuMjM1IDcuMzU0LjAyMyAxMS4wMjQtLjMyOCA1LjUzMS0uMDc4IDYuMjI4IDUuMjcxIDguMDU5Ljg0Ni4yODkgMy4zNTIgMS42ODIgNC4yNjEgMS40MzEgMS42ODMtLjQ2MSAzLjA0Ni03LjQyNSAzLjM1MS04LjYzNyAyLjM3My05LjE5NCAzLjU1Ni0xOC42OTIgNC4zNTUtMjguMTQ0IDIuNDgyLTI5LjI5My0yLjU2OS02Ny4wNzYtMTIuMDMtOTQuODkxLTIuNDA0LTcuMDY1LTUuNTQ0LTEzLjg3Mi04LjY2MS0yMC42NDgtLjY5Ny0xLjUxLTEuODgtNS41NzgtMy43ODMtNi4xOTYtMS45MjctLjYyNi01LjQzNSAyLjQ5Ni02Ljg2OCAzLjQ1LTEuODE3IDEuMjA1LTMuNDYyIDIuNTk4LTQuMzk0IDQuNjE2LTEuNjYgMy42MDctMS41MzUgOC4xMy0yLjExNCAxMS45ODdhMTc0IDE3NCAwIDAgMS0zLjY0MiAxNy45OTVtMy45ODYtMTgxLjA3M2MwLTMuMjE2LTYuNTI0LTYuNDk0LTguNzk1LTcuNTAzLTkuOTMtNC40MTMtMjMuNTE4LTEuOTcyLTMxLjE5MyA1LjYxOC0xNS4zNTggMTUuMTg3LTIzLjE3NCA1NS41OS0yMi45NjMgNzYuMzE3LjAxNiAxLjkwMS4xNDkgMy44MSAxLjMzMiA1LjM3NSAyLjI3MSAzLjAxMiAxNi41MTcgMTMuMDE5IDIxLjAyIDEyLjUzNCAxLjUwMy0uMTY0IDIuNjQ3LTEuNzIxIDMuNDYxLTIuODQgMTQuMDc0LTE5LjQzNSAxNi4zMzctNDMuODc4IDI1LjcyNy02NS40NzMgMi4yMzItNS4xMzMgMTAuNzc3LTE3LjkzMyAxMS4wMzUtMjIuOTY0Ii8+PC9nPjxwYXRoIGQ9Ik00MjYuMTEgODcuODI2Yy0uMzk5IDAgMS41ODItLjc3NSAxLjk3NC0uNzk4IDEuNzMxLS4wODYgMy40NzcuMzc2IDQuNzg1IDEuNTU3IDMuMjE5IDIuOTAzIDMuMzIxIDcuOTAyIDIuNjg2IDExLjg1My0yLjU4NCAxNi4yNDMtMTIuNDc1IDMyLjI3NS0xOC43NjQgNDcuMzM2LS44MDcgMS45MjUtNS42ODYgMTMuNjUzLTguMTc2IDEzLjE3Ni0xLjA0Mi0uMjAzLS42NTgtMy41NzYtLjY0My00LjIyNS4xMDItNC43NDIuNDE2LTkuNTE0IDEuMDAzLTE0LjIxNyAyLjI5NS0xOC4yMDYgNy43MDYtMzguMjk5IDE3LjA5Ni01NC4yMzYiIGNsYXNzPSJDIi8+PHBhdGggZD0iTTM1Mi4wMjMgMjA4LjM4Yy0xLjM4Ny0xLjM4NS0uMjQzLTcuMy0uMTI2LTguOTM1LjY1LTkuMzg5IDIuMDkxLTE4Ljg4OCAzLjcyLTI4LjE1MSA1LjQ1MS0zMSAxMS43NzEtNjEuNDUxIDI5LjY0My04OC4wNjkgNi42MTgtOS44NTggMTkuMjAzLTIzLjA3MyAzMi42NTgtMTYuOTg2IDguOTY3IDQuMDYxIDExLjQ1NyAxNi43NjcgOS43MDMgMjUuMzI3LTIuMDkxIDEwLjE4Ny02Ljg4NCAyMC4wMTQtOS42MDkgMzAuMDkxLTQuODA5IDE3Ljc2MS03LjI5OSAzNi42OC03LjQyNSA1NS4wNTktLjA2MiA5LjUwNi0uMTE3IDE4Ljk1OC44NzggMjguNDI1LjEwMSAxLjAwMSAxLjMzOSA5LjY3OC45OTQgMTAuMDU0LTQuMjI5IDQuNjA4LTE1LjE5MyAzLjk4Mi0yMC43NDYgNC44NTEtOS42MDkgMS41MDItMTkuMzU5IDMuMTkyLTI5LjEwMiAxLjg3LTIuMjE2LS4yOTgtNy44MzItLjc2Ny05LjQyMS0yLjcwNy0xLjAzNC0xLjI2LTEuMDk3LTkuOTc2LTEuMjUzLTEyLjAxOCIgY2xhc3M9IkQiLz48ZyBmaWxsPSIjZmFiMDFkIj48cGF0aCBkPSJNMzE5LjQxMiAyMC41MTVjLS4xMTcgMCAuNTk2LTEuNzg0LjY0My0xLjkwMSAxLjAxOC0yLjQyNSAyLjEyMi01LjAyMyAzLjgwNi03LjA3My4xOC0uMjE5LjU3MS0uODI5LjkzMi0uNzEyIDIuMjA4LjczNi41NDggNy4xNDMgMS44MzIgOC43NTUgMS40MDIgMS43NTMgNy4zOTMuODUzIDcuNzkzIDMuNTEzLjMwNSAyLjA0Mi0zLjgxNCAzLjEzLTQuMDY1IDUuMzEzLS4xNjQgMS40MjQgMS4zMzkgNy40NDEuMzI5IDguMjMxLTEuMjM3Ljk3LTUuNjE1LTQuNDgzLTcuMzkzLTQuNjAxLTIuMzAyLS4xNDktOC4yMzkgNS41NjMtOS4zMjcgNS4wMTUtLjY1LS4zMjEgMS41NS02LjQ3MSAxLjYyOS03LjMxNi4yODktMy4xNzctNy45OTctNC43NjUtNS41OTItNS44ODQgMS43OTMtLjgyOSAzLjgyOS0xLjI3NSA1LjY3OC0xLjk4N20tNjEuNjc0IDEyMi42ODNjLS4wNTUuMTAxLjc2LTEuMDAyLjkwMS0xLjE5OC4zOTEtLjUyNCAzLjY5Ni01LjI1IDQuMTk3LTQuNTY5IDEuMDI2IDEuMzg1LTEuMTk4IDMuODg5LS4yODIgNS4yOTcuNjM1Ljk3IDQuNDU3IDEuMjEzIDQuMzk0IDIuNDMzLS4wNzEgMS4zMDctMy4zNDQgMS4wNDEtMy43NjcgMi4xNjgtLjM5OSAxLjA3Mi42MjYgNS4wNy0uNTQgNS42MjUtLjMzNy4xNjUtLjg0Ni0uNDc3LTEuMDI2LS42NjVsLTEuNjQ1LTEuNzc2Yy0yLjM5Ny0yLjc3LTMuNjM0IDEuODM5LTYuMTQ4IDEuMjA1LS41NDgtLjE0MS44ODUtMy4zMjUuODM4LTMuODY1LS4yMDQtMi4wMzQtNi43MzUtMi41ODItMS43MDctNC40Nm0yNjYuMTMzIDM0LjA5Yy0uMDYyIDAgNC43NDYtNi4yNjcgNS4zMzQtNS4yMDMuODM4IDEuNTI2LS43NzYgMy43NTUtLjEyNiA1LjM3NS40IDEuMDA5IDMuMzYgMi4xMDUgMy4yMjcgMy4xMy0uMTQ5IDEuMTM0LTIuODY2LjgyOS0zLjM1MiAxLjc5OS0uNzIgMS40NC0uMTI1IDQuNzM0LTEuNDI1IDUuNzI3LS42MTEuNDctMi41MzgtMy43MDgtMy42NTgtMy44MjUtMi44OTctLjMwNi02LjAzIDEuMjc1LTYuMTQ3Ljk4NS0uMzUzLS44NzYgMS44NTYtMy4wMDQgMS44ODctNC4wODQuMDM5LTEuNTMzLTMuMzM2LTIuNzIzLTIuOTY4LTMuOTc1LjIyNy0uNzgyIDMuMzQ0LjAyNCAzLjg0NS4xMSIvPjwvZz48cGF0aCBkPSJNNTk2LjMzOCAxNDcuOTc4Yy01Ni4xNDUtNjAuMTEzIDM5LjkyNS0xMzEuMzgzIDg0Ljc2MS02NC4xODkgMzIuOTAxIDQ5LjI5OS0zNS42OCAxMTIuNzUzLTg0Ljc2MSA2NC4xODl6IiBjbGFzcz0iQyIvPjx1c2UgeGxpbms6aHJlZj0iI0YiIGZpbGw9IiNmM2YzZjMiLz48dXNlIHhsaW5rOmhyZWY9IiNGIiBzdHJva2U9IiMzNTQ0NGMiIHN0cm9rZS13aWR0aD0iMS43NSIgY2xhc3M9IkIiLz48cGF0aCBkPSJNNDA4LjE1MiA2Mi4yMTdjMC0uMDg2LjQyMy0uMzc2LjQ5NC0uNDMgMi44NDMtMi4zNzEgNC45ODgtNC40OTkgNS45ODMtOC4yIDEuMzk0LTUuMTg3LS4yNTEtMTAuOTg1IDEuNjUzLTE2LjAxNiAxLjI4NC0zLjQwMyA2LjM5LTUuNzI3IDkuMTA4LTExLjYyNyAyLjc3Mi02LjAxNyA2Ljg1Mi0xNC42ODYgMTQuNjA2LTE1LjAxNCAxMC40NTUtLjQzOCA5LjMwNCAxMC45NTQgMTYuOTMyIDE0Ljc2NCA4LjU5OSA0LjI5NSAyMC43MDYgNC45NzYgMjQuMTEzIDE1LjkxNGExMS4yMyAxMS4yMyAwIDAgMSAuNCA0Ljc4MWMtLjI4MiAyLjE2Ny0xLjU5IDMuOTItMy41NCA0Ljg5OC04LjI5NCA0LjE0Ny05LjA5My00LjczNC0xNC40NDItNi4xMTktMy4xMDEtLjgwNi02LjIxIDEuODctOS42NDguNjg5LTIuMDM3LS42OTYtMi42NDctNC4xMzEtNC42MjktNC4zODItMy43NTEtLjQ2OS02LjA3NyA0LjgyLTkuNTM5IDQuMDUzLTIuMjI0LS40OTMgMS42MjktMTAuMDE1LTQuMjY4LTguMzcyLTMuNzY3IDEuMDQ4LTYuOTIzIDExLjU4Ny00Ljk1IDE0LjY3IDEuNzk0IDIuNzkzIDExLjU4My0xLjM5MyA2LjMzNiA2LjQ3MS0yLjYzOSAzLjk1MS02Ljk3LS4zMjEtMTAuMDcxLS41NjMtMS41NjctLjExNy0zLjA0Ny43MjgtNC41MTEgMS4xNTgtMi40MzYuNzItMTMuNzg0IDkuNTY5LTEzLjE0MiAzLjQ5IiBmaWxsPSIjZmFiMDFkIi8+PHBhdGggZD0iTTM5MC4zODIgNTAuODE4YzIuNzE3IDIuNzE1IDQuNTI3IDYuODU0IDYuNzc0IDkuOTY4IDMuNjg5IDUuMTE3IDguMDk4IDkuODA0IDEyLjczNCAxNC4wNjggNC43MzEgNC4zNSA5LjkgNy45NDkgMTUuNDIxIDExLjIwNCA2LjExNiAzLjYwNyAxMi4zMDMgNi45NTYgMTguNzE3IDkuOTkxIDEuNzQ3LjgyOSA2LjY0OS00LjQzNiA2LjYxLTQuNTU0LS4xOC0uNTMyLTQuMDE3LTEuNDc5LTQuNTU4LTEuNzM3LTQuMjYtMi4wNDItOC40OTctNC4zODktMTIuNTctNi43ODQtMTEuMTc1LTYuNTgtMjEuMTc2LTE1Ljc2Ni0zMC4wODktMjUuMS0yLjc2NC0yLjkwMy01LjMwOS02LjAzMi03LjIyOC05LjU2OS0uMDcxLS4xMjUtLjYxMS0xLjM2OS0uNzk5LTEuMzQ2LTEuMTUxLjE2NC0zLjA5MyAzLjE5Mi00LjQ2NCAzLjg4MSIgY2xhc3M9IkUiLz48cGF0aCBkPSJNMzY5LjgwMSAyMjYuNjk2YzAtNS42MzMtMi42LTExLjc5MS0zLjI1OC0xNy40NC0xLjY4NC0xNC4zMDItMi41MDYtMjguODMyLTIuMzAzLTQzLjIzNi4xODgtMTMuNTk4IDEuMzg3LTI2Ljg1MiAzLjI5OC00MC4zMSAxLjc2OS0xMi40NDggNC4xNTgtMzEuOTkyIDEyLjQ0NC00Mi4wMzEgNy43MzgtOS4zNzMgMjIuMTg3LTYuNTQ5IDIyLjk4NiA2LjQxNi43OTEgMTIuODM5LTcuMjEzIDI1LjY1NS0xMS4yNjIgMzcuMzM3LTYuMjQyIDE4LjAxMS0xMC43NzYgMzYuODktMTIuMzk4IDU1LjkxMS0uODY5IDEwLjE3OS0xLjM0NyAyMC40NjgtMS42MTMgMzAuNjg2LS4xNzIgNi42NDMgMy4zODMgMTMuMjU0LTQuMjQ1IDEyLjU4OS0xLjE0My0uMTAyLTIuNTg0LjM0NC0zLjY1Ny0uMDA4IiBjbGFzcz0iQyIvPjxnIGNsYXNzPSJEIj48cGF0aCBkPSJNMjgwLjg0OSAzNjMuNDIzYzAtLjA4Ni44MzgtLjI1MS44OTMtLjI2NiAyLjI1NS0uNjUgNC4zOTMtMS41MzQgNi41MjMtMi41MjggNS4xMDctMi4zNyA5Ljk2Mi01LjE4NyAxNC40NzMtOC41NTkgMTQuMTIxLTEwLjU0NyAyNC41MzctMjUuMDIyIDMzLjIxNC00MC4xNjEgMTEuMTQ1LTE5LjQ1MSAxOS41MDktNDAuMzEgMjIuOTA4LTYyLjU2MiAxLjI4NC04LjQxOSAxLjE5LTE3LjE1IDEuNTQyLTI1LjY1NS4wMTYtLjQ3LS42MS00LjE0Ny0uNTAxLTQuNTg1IDAtLjAzMiAxLjAzNC4yMTEgMS4wOTcuMjE5IDEuNDA5LjIyNyAyLjk0NC0uMDMxIDQuMzU0LS4xNzJsMTAuNjU5LTEuMTAzYzguNTYtLjg3NyAxNy4zLTEuNDg3IDI1LjcyNy0zLjI4NyAxLjc0Ni0uMzc1IDguMDE5LTIuODYzIDkuNjI1LTEuNzI5IDEuNTE5IDEuMDggMS41NjYgNy4wOTcgMS42OTkgOC43MDkgMS4wMzQgMTIuMjc2LTYuOTg2IDI1LjcxLTEyLjIwMSAzNi4yNTYtMTUuNDQ0IDMxLjIzNC0zOS40NCA1OS44NTUtNjMuNjk1IDg0LjYzNC05Ljk5MyAxMC4yMS0yMC45NjUgMjAuMzA0LTMzLjY2IDI3LjA3MS0yLjU2OSAxLjM3LTUuMjE2IDIuNTItNy44ODcgMy42NjItLjI5Ny4xMjUtMy40NDYgMS44ODYtMy43MiAxLjc1My0xLjE5LS41OTUtMi4xODUtNC4wMTQtMy4yNDItNS4xMDItMi4zNjUtMi40NDktNS41NjgtMy4yMTUtOC4zMjUtNS4wNDYiLz48cGF0aCBvcGFjaXR5PSIuMTUiIGQ9Ik00NzYuNTE0IDM0MS4xMjRjLTEuMDgtLjU0IDcuNTQyLS43OTggOC41ODQtLjY0MiA1LjIyNC43OSAyMC44NzEgMi4yMjIgMjIuMjE4IDkuMDY4LjA0Ny4yNTEuMDYzLjUxNyAwIC43NjctMS4zIDQuOTI5LTMwLjg3MiAxLjY3NS0zMS45MzctNS4xNzltMzEuMjg3LTQ5LjE5OGMtLjE4OC0uMDk0IDIuNTkyLS4yNjYgMi44NzQtLjI3NCA0LjI0NS0uMTEgOC40OS4xOCAxMi43MTkuNDY5IDkuOTY5LjY4MSAxOS44NjkgMS44OTQgMjkuNzYgMy4zMTggMzEuNjE2IDQuNTUzIDYzLjg5OCAxMC43NzMgOTMuMTY1IDI0LjA1OSA2LjM2NyAyLjg5NSAyNi41ODggMTEuMzQ1IDIzLjkwMiAyMS40NzctMy4xMDEgMTEuNzM2LTM2LjY5OSA5LjEyMy00NS4wNTUgOC4zMDEtMzUuODUzLTMuNTUyLTcyLjA3NS0xNC4yNTUtMTA1LjIxOC0yOC4yNDUtMy43OTgtMS42MDQtNDguMDg2LTIxLjIzNC0xOS43OTEtMjQuN20tMTQzLjUzIDU0LjY1MWMxLjkxOS0zLjgyNiAyNy4yNjItOC4yMTUgMjYuNzYxLTIuMDU3LS44MTUgOS45MjEtMzcuODAzIDEzLjk4OS0yOC4zNDMgNS4yNzNtLTE0NS42MTMtMzUuNzE3YzAtNC4zNjYgMTUuMTkzLTkuNjQ3IDE3Ljg3OS0xMC44MDUgOC44MTktMy43ODcgNzEuMjkyLTI0LjAxMiA3NS42NjItMTMuMTA2IDQuMDA5IDEwLjAyMy01Ny43OSAyNC4yLTY2Ljg1OSAyNi4wODYtMy45NDcuODIyLTMwLjE1MiA3LjAxLTI3LjUwNCAxLjg4Nm0yMi4yNDIgMjQuMDgyYy0uNDM5LS40MzguNDY5LTEuMDA5Ljc2Ny0xLjIzNiAyLjA1Mi0xLjU4OCAxNC4yODUtNy45NjUgMTUuNzQ5LTMuNzg3IDEuNTc1IDQuNDgzLTIwLjU0MiAxNS4zMTItMTguNDUxIDkuODgyIi8+PC9nPjxwYXRoIGQ9Ik0zNDYuOTcyIDIwOS44NzRjLS44NDYgMCAxLjYwNS41MTcgMi40MTkuNzUybDUuNTY5IDEuNjljNS4yODYgMS4zMzcgMTAuNzQ1IDEuNjc0IDE2LjE4IDEuNjc0IDkuNjY0IDAgMTkuNDQ2LTIuMjUzIDI4Ljc5Ny00LjQ2IDMuOTg2LS45MzkgOC4wOS0xLjg3IDExLjk1MS0zLjI3LjQ3Ny0uMTcyIDIuNDc0LTEuMzkzIDIuOTY4LTEuMTgyLjY3My4yOSAxLjY1MiA5Ljk3NiAxLjUxMSAxMS40Ny0uMjk3IDMuMTA3LTE4LjQ5IDYuNDcxLTIxLjQ2NiA3LjA4MS0xMS4zNTYgMi4zMTYtMjQuMjM5IDIuMjg1LTM1Ljc1OS45NjMtMi4zOTctLjI3NC04LjcxNy40NjEtMTAuNTgxLTEuNDAxLS45ODYtLjk4Ni0xLjYzNi0xMC44MjEtMS45MTgtMTMuMDgyIiBjbGFzcz0iQyIvPjxwYXRoIGQ9Ik0zNjEuNzU4IDIwNi42OThjMC0uNTE2LjIzNS45NjIuMjU4IDEuMDcybC41NDkgMi40NjQgMS43NTQgNy45NjVjMS41NSA4LjQ2NiAxLjUxOSAxMC4yMTEgMTAuMjA0IDEwLjkzMS45MDEuMDc4IDUuMjQuNjggNS45Ni0uMTI1IDEuNDg4LTEuNjU5LjY4Mi04LjUxMy43MjktMTAuNjQxLjExNy01LjMwNS4wODYtMTAuOTIzIDEuMTM1LTE2LjE0MS4wMzktLjE5Ni4yMDQtLjY1LjAyNC0uODMtLjg3Ny0uODY4LTIzLjIzNy0uMDctMjAuMzk0IDUuNjE4IiBjbGFzcz0iRSIvPjxnIGNsYXNzPSJDIj48cGF0aCBkPSJNMzY4LjY4IDIyNy42MjdjMC0uMTgtLjg4NSAxLjk3Mi0xLjA3MyAyLjM5NC0uNzU5IDEuNjk4LTIuMTMgMy4wNjctMy44MjEgMy44MTktMi40NjcgMS4wOTUtMTguNjI0LS43MzYtMTIuMzA0IDcuMzIzIDUuMTA2IDYuNTEgMTcuOTY2IDYuOTE3IDIzLjA1Ni40NzcgMS44ODgtMi4zNzggNi4yNTgtMTAuODkxIDEuODgtMTMuNjIyLTEuOTk3LTEuMjQ0LTUuNjYyLS40NjEtNy45NDktLjY4OG01My4zOTYgMTUyLjIxOGMwIC4xMzMtMi44MTItMS43NjgtMy4wMzktMS45ODctMS40NDEtMS40MDktNS45OTktNi44OTMtMS45NzMtOC4xNzcgMy45ODYtMS4yNzUgOS4xMzEgMi4yNDYgMTIuNzczIDMuNDU5IDQuODI0IDEuNjA0IDkuNTcgMS4zMjIgMTQuNTA0IDEuOTk1IDIuMTA3LjI4OSA0LjU2NiAxLjQ3MSA0Ljc1NCAzLjg4MS4yODIgMy42MDctMy42NDIgNC44NTgtNi40ODUgNS4yOTctNy4wMDEgMS4wNzItMTMuNjQyLS4yNTktMTkuNjczLTMuODVtLTEzNS40MjQtMTYuMzk5bC0xLjg3OS0xLjAwOWMtMS4zMDgtLjcxMi0yLjY3OS0xLjI2LTQuMTk4LTEuMDE4LTIuNjI0LjQyMy0yLjA2IDMuOTk5LTEuMTk4IDUuNjczIDMuNTM5IDYuOTMyIDE4LjU5MiAxNy45MjUgMjYuMDQ3IDIwLjQ1MiAzLjc2IDEuMjc2IDE0LjA5IDEuMTUgMTEuNzI0LTUuNzc0LTEuMzIzLTMuODY1LTguMjc4LTQuOTUzLTExLjY4NC02LjAwMS02LjU5NS0yLjA0Mi0xNC43MDgtNi41NDktMTguNjQ3LTEyLjQ1NiIvPjwvZz48cGF0aCBkPSJNMjgxLjAxNCAzNjEuMzg4Yy0uMjU4LS41MjQgMi4zNTcgMS42MjggMi42MzEgMS44N2w1LjgxOSA1LjE5NmM2LjQyMiA1Ljc5NyA4LjY1NCA2LjgzIDE2LjI0MyAyLjIzNy43MTMtLjQzIDQuMDMzLTEuNDQ3IDQuMTgyLTIuMzMxLjQzOS0yLjU0My01Ljc3Mi02LjgxNS03LjQyNC04LjQ0My0xLjYzNy0xLjYxMS02LjcxMi04LjU2Ny04LjMxNy05LjA2OC0xLjAzNC0uMzI4LTIuNDUyIDEuNjk4LTMuMTEgMi4yNjktMi40OTggMi4xODMtOC4wNDMgNC40OTEtOS41MTUgNy40MjUiIGNsYXNzPSJFIi8+PGcgY2xhc3M9IkQiPjxwYXRoIGQ9Ik00MTMuMjE5IDM2NC4wMWMtLjQyMy0uMjU5IDEuMDE4IDIuNzc3IDEuMTkgMy4zNTYuMjU5Ljg2OS0uMDM5IDUuNTA4LjM4NCA1Ljk3OCAxLjI2MSAxLjM5MyAxNS43MjYgMi4yODUgMTcuNjc2IDEuMzc3IDEuNTI3LS43MiAxLjMzOS0yLjkxOCAxLjUzNS0zLjkyLjIwNC0xLjAyNSAxLjczMS0zLjg0Mi40OTMtNC43NDktLjg0NS0uNjE4LTQuNDk1LS4yODItNS42ODUtLjMzNy01LjAwNS0uMjM0LTkuNzk4LS45NDYtMTQuNjY5LTEuNTk2Ii8+PHBhdGggb3BhY2l0eT0iLjE1IiBkPSJNNTk1LjEgNzMuOTNjLTQuNzMtMy4wNDQtNzMuMjY0LTQxLjY0OC02NC4yNTgtMTMuNjA2IDExLjQ1IDM1LjYzOSAxMTguMjM0IDg3LjA3NSAxNTEuMjIxIDEwMy4yNjMgNy45MjUgMy44ODggNTEuNjczIDI1Ljg1MSA1OC41MjUgMTMuNTc1IDguNDQzLTE1LjExNi00OC4xMTctNTAuNjg1LTUxLjQ1My00OC41OTYtLjY1OC40MDctMi4zMTkgMi4yNTMtMS44MSAzLjA0NC41NzIuODk5IDEuNzg2IDEuNDg2IDIuNjMyIDIuMDgxIDEwLjYwNCA3LjUwMyAyNi41MzMgMTYuOTA4IDMyLjAzOSAyOS4yMjMuNTg3IDEuMzE0Ljk0OCAyLjkxOC0uNzkxIDMuMzk2LTQuMyAxLjE3My0xMC40LTEuNDI0LTE0LjM1NS0yLjc3OC0zLjg5My0xLjMzLTcuNzE0LTIuODYzLTExLjQ1OC00LjU2MS0zOC4zMjgtMTcuMzg2LTc3LjIzNS0zNi43ODItMTExLjUxNC02MS4yMTYtNC4yNjktMy4wNDQtMzEuNDYtMjIuOTU2LTI1LjQ5Mi0zMC4wNzYgNy42Mi05LjA5OSAyMi43MDQgOS40NTIgMjkuNjg5IDEzLjcwOCIvPjwvZz48ZyBvcGFjaXR5PSIuMTkiPjx1c2UgeGxpbms6aHJlZj0iI0ciIGZpbGw9InVybCgjQikiLz48dXNlIHhsaW5rOmhyZWY9IiNHIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iLjI0IiBjbGFzcz0iQiIvPjwvZz48ZyBvcGFjaXR5PSIuMTkiPjx1c2UgeGxpbms6aHJlZj0iI0giIGZpbGw9InVybCgjQykiLz48dXNlIHhsaW5rOmhyZWY9IiNIIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iLjI0IiBjbGFzcz0iQiIvPjwvZz48ZyBzdHJva2U9IiMwMDRjNzYiIHN0cm9rZS13aWR0aD0iMS40NyIgY2xhc3M9IkIiPjxwYXRoIGQ9Ik0xNzAuODQ3IDEwMC40MjNzNTcuNzg5LTU3LjY1NiAxMzIuMjY4LTcxLjg1N20tNzUuNDczIDQ5LjU4OWMxNC4yNTMtOC4zNDggMjUuMDg0LTI0LjQxOSA3NS40NjUtNDAuNDQzIi8+PC9nPjwvZz48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9IkEiIHgxPSI0MDcuMDQ4IiB5MT0iMzQwLjMyNiIgeDI9IjQxMS4wOTciIHkyPSIyMjAuMDQ1IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZiIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzUxYzdlYSIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IGlkPSJCIiB4MT0iMjAwLjI0NiIgeTE9IjM4OS45NDYiIHgyPSIzMTAuNSIgeTI9IjM5MC42NTIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjZmZmIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNTFjN2VhIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9IkMiIHgxPSIzMjcuMTExIiB5MT0iMzg5Ljk0NiIgeDI9IjQzNy4zNjQiIHkyPSIzOTAuNjUyIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZiIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzUxYzdlYSIvPjwvbGluZWFyR3JhZGllbnQ+PGNsaXBQYXRoIGlkPSJEIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAwaDgxMHY0MDVIMHoiLz48L2NsaXBQYXRoPjxwYXRoIGlkPSJFIiBkPSJNLjgwNiAzOTkuNjg4Yy0zLjA4NiAwIDYuMDctMi40NDkgOS4wMzgtNC4yNTcgNi40NjktMy45MzUgMTIuODgzLTguMzc5IDE5LjMwNS0xMi42OTEgMjAuMzA3LTEzLjYzNyAzNC41MzctMjQuODMzIDU1LjI2OC0zNS4xNDUgNTkuMDAzLTI5LjM1NyAxMTguNzE5LTUwLjUyOSAxNzguNzQ4LTY4LjAxNiAxODEuNzI1LTUyLjkyMiAzNzMuNTkyLTYuODM4IDU0Ni43MjUgMTIwLjU3OCIvPjxwYXRoIGlkPSJGIiBkPSJNNDIwLjg3IDc3LjM1N2MwIC4xMDkuMDYzLjAzMS4xMjYtLjAyNC44ODUtLjczNSAxLjYxMy0xLjcyOSAyLjQxMi0yLjU1OCAxLjcxNS0xLjggNi4yNzMtMy42NTQgOC4xNzYtMS41MSAxMi4yMDkgMTMuNzU1IDkuNTU1LTMuMjA4IDE3LjE5LS41NTYgNy4yOTIgMi41MjcgNC44NzktMS42NDMgOC43NDgtNi42MTkgMy4zNzYtNC4zNDIgOC4wMi03LjIyMiAxMS42NjItMTEuMjc1IDEuODcxLTIuMDg5IDYuMTA4LTYuMzY5IDQuMjQ0LTkuNTIyLTMuNDkzLTUuOTE1LTEwLjQ2My01LjcxOS0xNi4xNDktNy41MTEtNS4zNTYtMS42OS0xMy4xMDItNy4zLTE4LjUyMS02LjU1Ny0xMS4xMjkgMS41MjYtMTMuNDk0IDE3LjQ3OS0xOS42MTkgMjQuNTc2LTIuNTkyIDIuOTk3LTguMTY4IDUuMzkxLTkuNjU2IDkuMTE1LTEuMDE4IDIuNTM1IDkuMjEgMTMuOTM1IDExLjc4NyAxMy4wMzUiLz48cGF0aCBpZD0iRyIgZD0iTTMwOS41MjEgMzc5LjM5MmMxLjEzNiAwLTIuMjcxLS4xMDItMy4zOTktLjE0MWwtNi41NDctLjE5Ni0yMS4wOTEtLjkzMS02MS41OTUtMi43ODUtMS45OS0uMDc5LTEuODU2LS4wNzhjLTQuMzYyLS4xODgtOC42MTQuMDQ3LTEyLjkzOC4wNDctLjMzNiAwLS40NzcuMTE4LS41MzIuNDc3LS4zNjggMi4yNjIgMy4xMzMgMjcuNDYzIDMuNzI4IDI4LjAwMyAzLjIxOSAyLjk1NyAxMy43MjEtLjM5MSAxNy4zNjItLjg3NiAxNi4xMDItMi4xMjkgMzIuMDU1LTQuODM2IDQ3Ljg5MS04LjQ1bDI2LjA0LTUuODIyYy44MDctLjIwMyAxNC42OTItMS43NjggMTUuMTU0LTIuNjk5Ii8+PHBhdGggaWQ9IkgiIGQ9Ik00MzYuMzg1IDM3OS4zOTJjMS4xMzYgMC0yLjI3MS0uMTAyLTMuMzk5LS4xNDFsLTYuNTQ3LS4xOTYtMjEuMDktLjkzMS02MS41OTYtMi43ODUtMS45ODktLjA3OS0xLjg1Ni0uMDc4Yy00LjM2My0uMTg4LTguNjE1LjA0Ny0xMi45MzguMDQ3LS4zMzcgMC0uNDc4LjExOC0uNTMzLjQ3Ny0uMzY4IDIuMjYyIDMuMTMzIDI3LjQ2MyAzLjcyOCAyOC4wMDMgMy4yMTkgMi45NTcgMTMuNzIxLS4zOTEgMTcuMzYzLS44NzYgMTYuMTAyLTIuMTI5IDMyLjA1NC00LjgzNiA0Ny44OS04LjQ1bDI2LjA0LTUuODIyYy44MDctLjIwMyAxNC42OTItMS43NjggMTUuMTU0LTIuNjk5Ii8+PC9kZWZzPjwvc3ZnPg==); +} +body.nfd-brand-hostgator { + --wp-admin-theme-color: #2e93ee; + --wp-admin-theme-color--rgb: 46, 147, 238; + --wp-admin-theme-color-darker-10: #1485ec; + --wp-admin-theme-color-darker-10--rgb: 20, 133, 236; + --wp-admin-theme-color-darker-20: #1177d2; + --wp-admin-theme-color-darker-20--rgb: 17, 119, 210; + --nfd-onboarding-dark-icon: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIyODYuNzA3IDg3LjM0NCA1OC4wMyA1OC4xMyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBmaWxsPSIjMTQ4NWVjIiBkPSJNIDMyNi43MzIgMTEwLjc5NiBDIDMyNy41NjcgMTAzLjA1MSAzMjUuMjczIDk4LjM3NiAzMjMuMTU4IDk3LjY2MSBDIDMyMS4wNzQgOTYuOTQ2IDMxOS44MjIgOTkuMTUgMzE5LjgyMiA5OS4xNSBDIDMxNS43NyA5Ni42NDcgMzEyLjE2NyA5Ni44ODcgMzEyLjE2NyA5Ni44ODcgQyAzMTIuMTY3IDk2Ljg4NyAzMDkuOTMzIDkxLjI1OCAzMDUuNTI0IDkxLjQzNiBDIDI5OS43NDYgOTEuNjc0IDI5Ni44ODcgMTAzLjY0NyAyOTYuMjAyIDEwNy4wNDQgQyAyOTQuODU3IDEwNy41MDEgMjkzLjc1OCAxMDguNDkzIDI5My4xNjUgMTA5Ljc4NCBDIDI5MS40MzYgMTEzLjE4IDI5MC41NDIgMTE5LjM3NCAzMDMuNDQxIDEyOS4wNTUgQyAzMTYuMzM2IDEzOC43NjQgMzIyLjAyNiAxNDEuMzg2IDMyNC44MjYgMTQxLjM4NiBDIDMyOC4zOTkgMTQxLjM4NiAzMjguNjM5IDE0MC4wNDYgMzMyLjc0OSAxMzkuNDggQyAzMzQuODYzIDEzOS4xODIgMzM2LjQ0MiAxMzUuNTQ5IDMzNC4xNzkgMTMyLjQ1MiBDIDMzMS44ODcgMTI5LjM1MiAzMjYuNDM0IDEyNS42IDMyNi40MzQgMTI1LjYgQyAzMjYuNDM0IDEyNS42IDMzMC4wNjggMTI1LjU0MSAzMzIuMzMxIDEyNS4yNDIgTCAzMzIuMzYxIDEyNS4zNjIgQyAzMzIuNDc4IDEyNS42NjQgMzMyLjYwOCAxMjUuOTYxIDMzMi43NDkgMTI2LjI1NSBDIDMzMi45ODggMTI2Ljc5IDMzMy4wNzcgMTI3LjQ0NiAzMzMuMjU2IDEyOC4wNDQgQyAzMzMuMzE1IDEyOC4zNCAzMzMuNDAzIDEyOC41NzkgMzMzLjU1NCAxMjguNzg3IEMgMzMzLjY0MiAxMjguOTk1IDMzMy44NSAxMjkuMTQ1IDMzNC4wOSAxMjkuMjA1IEMgMzM0LjY4NSAxMjkuMjY0IDMzNS4yMjEgMTI4LjkwNiAzMzUuNTc4IDEyOC40MjkgQyAzMzUuOTY0IDEyNy45MjMgMzM2LjI2MyAxMjcuMjM4IDMzNi40NzEgMTI2LjU1MyBDIDMzNi43MTIgMTI1LjY1NSAzMzYuODcxIDEyNC43MzggMzM2Ljk0OSAxMjMuODEzIEwgMzM2Ljk0OSAxMjMuNjk0IEMgMzM4LjM0OCAxMjIuNzcxIDMzOS40MiAxMjEuMTMzIDMzOS4yNDIgMTE4LjE1NCBDIDMzOS4wMDMgMTE0LjYzOCAzMzUuMTMxIDExMi43OTMgMzMxLjQ5NyAxMTMuOTU0IEMgMzI5LjcxMSAxMTEuMDY0IDMyNi43MzIgMTEwLjc5NiAzMjYuNzMyIDExMC43OTYgWiBNIDMyMi42NTIgMTE3LjcwNyBDIDMyMy44NDQgMTE3LjMyIDMyNC43MzcgMTE4Ljg5OSAzMjMuMTg3IDExOS41NTMgQyAzMjIuOTc4IDEyMC4xNDkgMzIzLjMwNyAxMjAuNzQ0IDMyNC4yNiAxMjAuOTgzIEMgMzIxLjI4MSAxMjEuNTc5IDMyMS4xNjIgMTE4LjI0MyAzMjIuNjUyIDExNy43MDcgWiBNIDMzNC40NzYgMTE5Ljk0IEMgMzM1LjI1MSAxMTkuNzYzIDMzNS41NDkgMTE5LjIyNiAzMzUuMzY5IDExOC43NSBDIDMzNC4wOSAxMTguMTg0IDMzNC44MzMgMTE2LjkwMSAzMzUuNzg4IDExNy4xOTkgQyAzMzcuMDA4IDExNy42NDggMzM2Ljg5IDEyMC40NDYgMzM0LjQ3NiAxMTkuOTQgWiBNIDMwNC41NzIgOTcuOTU5IEMgMzA0LjU3MiA5Ny45NTkgMzA4LjY1MyA5OS44OTUgMzExLjM2MiAxMDguMzg0IEMgMzExLjM2MiAxMDguMzg0IDMwNC45MjkgMTA3LjM0MiAzMDIuMSAxMDcuNTUxIEMgMzAyLjEgMTA3LjU1MSAzMDQuNjkxIDEwMi43MjQgMzA0LjU3MiA5Ny45NTkgWiBNIDMwNS45NzEgMTA1LjEwOSBDIDMwNS45NzEgMTA2LjQ3OSAzMDYuNzc2IDEwNy42MSAzMDcuNzU5IDEwNy42MSBDIDMwOC43NzEgMTA3LjYxIDMwOS42MDYgMTA2LjQ3OSAzMDkuNjA2IDEwNS4xMDkgQyAzMDkuNjA2IDEwMy43MzggMzA4Ljc3MSAxMDIuNjM2IDMwNy43OSAxMDIuNjM2IEMgMzA2Ljc3NiAxMDIuNjM2IDMwNi4wMDEgMTAzLjczOCAzMDYuMDAxIDEwNS4xMDkgTCAzMDUuOTcxIDEwNS4xMDkgWiBNIDMxOC45NTggMTA5LjA5OCBDIDMxOC45NTggMTA5LjA5OCAzMjAuNjI2IDEwMy42NDcgMzIzLjc4MyAxMDIuMTI5IEMgMzIzLjc4MyAxMDIuMTI5IDMyMy45NjIgMTA2LjUwNyAzMjQuNjc3IDEwOS45OTIgQyAzMjQuNjc3IDEwOS45OTIgMzIyLjM1MyAxMDkuNDU2IDMxOC45NTggMTA5LjA5OCBaIE0gMzIxLjIyMiAxMDcuNDkgQyAzMjEuMjIyIDEwOC41NjIgMzIxLjgxNyAxMDkuMzk2IDMyMi41OTMgMTA5LjM5NiBDIDMyMy4zNjYgMTA5LjM5NiAzMjMuOTYyIDEwOC41NjIgMzIzLjk2MiAxMDcuNDkgQyAzMjMuOTYyIDEwNi40NDkgMzIzLjM2NiAxMDUuNTgzIDMyMi41OTMgMTA1LjU4MyBDIDMyMS44NDYgMTA1LjU4MyAzMjEuMjIyIDEwNi40NDkgMzIxLjIyMiAxMDcuNDkgWiBNIDMyNS45MjcgMTI1LjYgQyAzMjUuOTI3IDEyNS42IDMyNC40OTggMTMxLjQzOCAzMjIuMzIzIDEzMC43ODMgQyAzMjEuNTc5IDEzMC41NzUgMzIxLjg3NiAxMjguOTA2IDMyMS41NzkgMTI3LjgwNCBDIDMyMS4yODEgMTI2LjY0MyAzMjAuNDQ3IDEyNC40NjcgMzIwLjQ0NyAxMjQuNDY3IEwgMzI1LjkyNyAxMjUuNiBaIE0gMzM2LjggMTIzLjgxMyBDIDMzNi44IDEyMy44MTMgMzM2LjM1MyAxMjkuMzgxIDMzNC4wNTkgMTI5LjExNCBDIDMzMy4zMTUgMTI5LjAyNSAzMzMuMzQ0IDEyNy4zMjcgMzMyLjg2NyAxMjYuMjU1IEMgMzMyLjM2MSAxMjUuMTgzIDMzMi40NTIgMTI1LjI3MyAzMzIuNDUyIDEyNS4yNzMgQyAzMzMuOTY3IDEyNS4wMTIgMzM1LjQzMyAxMjQuNTIxIDMzNi44IDEyMy44MTMgWiIgc3R5bGU9ImZpbGw6IHJnYigyNTUsIDI1NSwgMjU1KTsiLz4KPC9zdmc+); + --nfd-onboarding-icon: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIyODYuNzA3IDg3LjM0NCA1OC4wMyA1OC4xMyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNIDMyNi43MzIgMTEwLjc5NiBDIDMyNy41NjcgMTAzLjA1MSAzMjUuMjczIDk4LjM3NiAzMjMuMTU4IDk3LjY2MSBDIDMyMS4wNzQgOTYuOTQ2IDMxOS44MjIgOTkuMTUgMzE5LjgyMiA5OS4xNSBDIDMxNS43NyA5Ni42NDcgMzEyLjE2NyA5Ni44ODcgMzEyLjE2NyA5Ni44ODcgQyAzMTIuMTY3IDk2Ljg4NyAzMDkuOTMzIDkxLjI1OCAzMDUuNTI0IDkxLjQzNiBDIDI5OS43NDYgOTEuNjc0IDI5Ni44ODcgMTAzLjY0NyAyOTYuMjAyIDEwNy4wNDQgQyAyOTQuODU3IDEwNy41MDEgMjkzLjc1OCAxMDguNDkzIDI5My4xNjUgMTA5Ljc4NCBDIDI5MS40MzYgMTEzLjE4IDI5MC41NDIgMTE5LjM3NCAzMDMuNDQxIDEyOS4wNTUgQyAzMTYuMzM2IDEzOC43NjQgMzIyLjAyNiAxNDEuMzg2IDMyNC44MjYgMTQxLjM4NiBDIDMyOC4zOTkgMTQxLjM4NiAzMjguNjM5IDE0MC4wNDYgMzMyLjc0OSAxMzkuNDggQyAzMzQuODYzIDEzOS4xODIgMzM2LjQ0MiAxMzUuNTQ5IDMzNC4xNzkgMTMyLjQ1MiBDIDMzMS44ODcgMTI5LjM1MiAzMjYuNDM0IDEyNS42IDMyNi40MzQgMTI1LjYgQyAzMjYuNDM0IDEyNS42IDMzMC4wNjggMTI1LjU0MSAzMzIuMzMxIDEyNS4yNDIgTCAzMzIuMzYxIDEyNS4zNjIgQyAzMzIuNDc4IDEyNS42NjQgMzMyLjYwOCAxMjUuOTYxIDMzMi43NDkgMTI2LjI1NSBDIDMzMi45ODggMTI2Ljc5IDMzMy4wNzcgMTI3LjQ0NiAzMzMuMjU2IDEyOC4wNDQgQyAzMzMuMzE1IDEyOC4zNCAzMzMuNDAzIDEyOC41NzkgMzMzLjU1NCAxMjguNzg3IEMgMzMzLjY0MiAxMjguOTk1IDMzMy44NSAxMjkuMTQ1IDMzNC4wOSAxMjkuMjA1IEMgMzM0LjY4NSAxMjkuMjY0IDMzNS4yMjEgMTI4LjkwNiAzMzUuNTc4IDEyOC40MjkgQyAzMzUuOTY0IDEyNy45MjMgMzM2LjI2MyAxMjcuMjM4IDMzNi40NzEgMTI2LjU1MyBDIDMzNi43MTIgMTI1LjY1NSAzMzYuODcxIDEyNC43MzggMzM2Ljk0OSAxMjMuODEzIEwgMzM2Ljk0OSAxMjMuNjk0IEMgMzM4LjM0OCAxMjIuNzcxIDMzOS40MiAxMjEuMTMzIDMzOS4yNDIgMTE4LjE1NCBDIDMzOS4wMDMgMTE0LjYzOCAzMzUuMTMxIDExMi43OTMgMzMxLjQ5NyAxMTMuOTU0IEMgMzI5LjcxMSAxMTEuMDY0IDMyNi43MzIgMTEwLjc5NiAzMjYuNzMyIDExMC43OTYgWiBNIDMyMi42NTIgMTE3LjcwNyBDIDMyMy44NDQgMTE3LjMyIDMyNC43MzcgMTE4Ljg5OSAzMjMuMTg3IDExOS41NTMgQyAzMjIuOTc4IDEyMC4xNDkgMzIzLjMwNyAxMjAuNzQ0IDMyNC4yNiAxMjAuOTgzIEMgMzIxLjI4MSAxMjEuNTc5IDMyMS4xNjIgMTE4LjI0MyAzMjIuNjUyIDExNy43MDcgWiBNIDMzNC40NzYgMTE5Ljk0IEMgMzM1LjI1MSAxMTkuNzYzIDMzNS41NDkgMTE5LjIyNiAzMzUuMzY5IDExOC43NSBDIDMzNC4wOSAxMTguMTg0IDMzNC44MzMgMTE2LjkwMSAzMzUuNzg4IDExNy4xOTkgQyAzMzcuMDA4IDExNy42NDggMzM2Ljg5IDEyMC40NDYgMzM0LjQ3NiAxMTkuOTQgWiBNIDMwNC41NzIgOTcuOTU5IEMgMzA0LjU3MiA5Ny45NTkgMzA4LjY1MyA5OS44OTUgMzExLjM2MiAxMDguMzg0IEMgMzExLjM2MiAxMDguMzg0IDMwNC45MjkgMTA3LjM0MiAzMDIuMSAxMDcuNTUxIEMgMzAyLjEgMTA3LjU1MSAzMDQuNjkxIDEwMi43MjQgMzA0LjU3MiA5Ny45NTkgWiBNIDMwNS45NzEgMTA1LjEwOSBDIDMwNS45NzEgMTA2LjQ3OSAzMDYuNzc2IDEwNy42MSAzMDcuNzU5IDEwNy42MSBDIDMwOC43NzEgMTA3LjYxIDMwOS42MDYgMTA2LjQ3OSAzMDkuNjA2IDEwNS4xMDkgQyAzMDkuNjA2IDEwMy43MzggMzA4Ljc3MSAxMDIuNjM2IDMwNy43OSAxMDIuNjM2IEMgMzA2Ljc3NiAxMDIuNjM2IDMwNi4wMDEgMTAzLjczOCAzMDYuMDAxIDEwNS4xMDkgTCAzMDUuOTcxIDEwNS4xMDkgWiBNIDMxOC45NTggMTA5LjA5OCBDIDMxOC45NTggMTA5LjA5OCAzMjAuNjI2IDEwMy42NDcgMzIzLjc4MyAxMDIuMTI5IEMgMzIzLjc4MyAxMDIuMTI5IDMyMy45NjIgMTA2LjUwNyAzMjQuNjc3IDEwOS45OTIgQyAzMjQuNjc3IDEwOS45OTIgMzIyLjM1MyAxMDkuNDU2IDMxOC45NTggMTA5LjA5OCBaIE0gMzIxLjIyMiAxMDcuNDkgQyAzMjEuMjIyIDEwOC41NjIgMzIxLjgxNyAxMDkuMzk2IDMyMi41OTMgMTA5LjM5NiBDIDMyMy4zNjYgMTA5LjM5NiAzMjMuOTYyIDEwOC41NjIgMzIzLjk2MiAxMDcuNDkgQyAzMjMuOTYyIDEwNi40NDkgMzIzLjM2NiAxMDUuNTgzIDMyMi41OTMgMTA1LjU4MyBDIDMyMS44NDYgMTA1LjU4MyAzMjEuMjIyIDEwNi40NDkgMzIxLjIyMiAxMDcuNDkgWiBNIDMyNS45MjcgMTI1LjYgQyAzMjUuOTI3IDEyNS42IDMyNC40OTggMTMxLjQzOCAzMjIuMzIzIDEzMC43ODMgQyAzMjEuNTc5IDEzMC41NzUgMzIxLjg3NiAxMjguOTA2IDMyMS41NzkgMTI3LjgwNCBDIDMyMS4yODEgMTI2LjY0MyAzMjAuNDQ3IDEyNC40NjcgMzIwLjQ0NyAxMjQuNDY3IEwgMzI1LjkyNyAxMjUuNiBaIE0gMzM2LjggMTIzLjgxMyBDIDMzNi44IDEyMy44MTMgMzM2LjM1MyAxMjkuMzgxIDMzNC4wNTkgMTI5LjExNCBDIDMzMy4zMTUgMTI5LjAyNSAzMzMuMzQ0IDEyNy4zMjcgMzMyLjg2NyAxMjYuMjU1IEMgMzMyLjM2MSAxMjUuMTgzIDMzMi40NTIgMTI1LjI3MyAzMzIuNDUyIDEyNS4yNzMgQyAzMzMuOTY3IDEyNS4wMTIgMzM1LjQzMyAxMjQuNTIxIDMzNi44IDEyMy44MTMgWiIgc3R5bGU9ImZpbGw6IHJnYigyNTUsIDI1NSwgMjU1KTsiLz4KPC9zdmc+); + --nfd-onboarding-logo: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMTkgMzkiIGZpbGwtcnVsZT0iZXZlbm9kZCIgeG1sbnM6dj0iaHR0cHM6Ly92ZWN0YS5pby9uYW5vIj48cGF0aCBkPSJNODguNCAyNi4xOTdjLjI2OCAxLjY3MiAxLjc4OCAyLjI5NSAzLjQ0NiAyLjI5NXMyLjkyNy0uNzAzIDIuOTYzLTEuNTU1Yy4wNTgtMS4yOTEtLjk1Mi0yLjA1OC0yLjM4Mi0yLjMzNmwtMy45NTEtLjc3NWMtMy42MDItLjY2LTUuNjU0LTEuNzA0LTUuNjU0LTQuNzc0IDAtMy45OTkgMy40NDYtNi42MDMgOC4zNjctNi42MDMgNC44NCAwIDguMDQ1IDIuMjE0IDguODI3IDUuNTk0bC01LjY1NCAxLjEyNWMtLjE5Mi0xLjIwNi0xLjM0LTIuMjktMy4yNTQtMi4yOS0xLjY2MiAwLTIuNDk4LjY5OS0yLjY1IDEuNTE1LS4xMDMuNTMzLjE1Mi45NzcgMS45MTcgMS4zNDVsNC41NjguOTMyYzMuNjc5Ljc3NiA1LjM2MyAyLjk5IDUuMzYzIDUuODYzIDAgNC4zMTMtMy43MTggNi41NjgtOC44MzEgNi41NjgtNC41NjggMC04LjQ5Mi0xLjY3Mi05LjE0LTUuNjcxbDYuMDY1LTEuMjMzem01Ni40ODQtOC44NjdhMTkuMTUgMTkuMTUgMCAwIDEgLjE1NyAyLjM4YzAgNy45MjItNS42NCAxMy42Mi0xMy40OTggMTMuNjJTMTE3LjUgMjcuMzQ1IDExNy41IDE5LjY3czYuMTA1LTEzLjY1NCAxMy45MjctMTMuNjU0YzUuODEgMCAxMC44OTIgMi43MyAxMi43MiA3Ljg0NWwtNi4xODYgMS43OTNjLTEuNTItMi45NjgtNC4wMjItMy43NDgtNi41MzQtMy43NDgtNC4yNDIgMC03LjQ2OSAzLjM1OC03LjQ2OSA3Ljc2NHMzLjMwMyA3LjgwNSA3LjY2MSA3LjgwNWMzLjQyNCAwIDUuOTEzLTEuNzkzIDYuODg3LTQuNjhoLTcuOTc4VjE3LjMzaDE0LjM1NnpNNTguODcxIDMyLjI5OGgtNi4zNzhWMjEuOTY2SDQxLjUyMXYxMC4zMzJoLTYuNDE4VjYuMTU1aDYuNDE4VjE2LjM0aDEwLjk3MlY2LjE1NWg2LjM3OHptMjMuMTA3LTkuNzk1YzAgNi4yMDUtNC45MTcgMTAuMzQyLTEwLjcgMTAuMzQyLTUuOTEzIDAtMTAuODE2LTQuMTM3LTEwLjgxNi0xMC4zNDJzNC45MTYtMTAuMzEgMTAuODE2LTEwLjMxYzUuNzk3LjAxNCAxMC43IDQuMTQ3IDEwLjcgMTAuMzF6bS01Ljk5OCAwYzAtMy4wNDMtMi4yOTMtNS4wNy00LjcwNy01LjA3QTQuODcgNC44NyAwIDAgMCA2Ny44IDE4Ljk1YTQuODk5IDQuODk5IDAgMCAwLTEuMzQ0IDMuNTUzYzAgMy4wODUgMi4yOTMgNS4wNzUgNC44MjMgNS4wNzUgMi40MTMgMCA0LjcwMi0xLjk5IDQuNzAyLTUuMDc1em00MS43MjEgOC45NGExMC42IDEwLjYgMCAwIDEtNS4zMjcgMS40NDNjLTQuODYzIDAtNy43OS0yLjY1NC03Ljc5LTcuNzgzdi03LjQzNmgtMy41MzF2LTQuOTMxaDMuNTNWNy41bDYuMjI3LTEuMzQ1djYuNTU4aDUuNzU2djQuOTMxaC01LjcyNXY2LjgxNGMwIDIuMDI2Ljk3IDIuODQ2IDIuNjA1IDIuODQ2YTYuMzcyIDYuMzcyIDAgMCAwIDIuODM5LS43OGwxLjQxNiA0LjkxOHptNDcuMDI3LTExLjU1M3YxMi40MDhoLTUuOTg5di0xLjQ0M2E4LjYyMyA4LjYyMyAwIDAgMS01LjgzNyAyLjAzYy00LjM1MyAwLTcuMjcxLTIuNTM3LTcuMjcxLTYuNHMyLjkxOC02LjMxMyA4LjExNi02LjMxM2g0Ljk3OXYtLjM5YTIuNjEzIDIuNjEzIDAgMCAwLS43Ni0xLjk4OSAyLjU5NyAyLjU5NyAwIDAgMC0xLjk4NC0uNzU5Yy0xLjg2OSAwLTIuOTYuNzQtMy4yNjcgMi40NTdsLTUuODczLTEuMjFjLjg1My0zLjc4NCA0LjI3Ny02LjE2NCA4LjkzOS02LjE2NCA1LjQ4OC4wMDkgOC45NDcgMi43OCA4Ljk0NyA3Ljc3M3ptLTUuOTg5IDQuNjg0di0uNDQ4aC00LjI4MWMtMS41NTYgMC0yLjUyNi44Mi0yLjUyNiAyLjAzczEuMDg2IDIuMDI3IDIuNzIyIDIuMDI3YzIuMTQxLjAxOCA0LjA4NS0xLjQyNSA0LjA4NS0zLjYwOXptMjMuNTcyIDYuODY4YTEwLjYxNyAxMC42MTcgMCAwIDEtNS4zMjMgMS40NDRjLTQuODYzIDAtNy43NzctMi42NTQtNy43NzctNy44MDV2LTcuNDE0aC0zLjU0di00LjkzMWgzLjU0VjcuNWw2LjIyMS0xLjM0NXY2LjU1OGg1Ljc1N3Y0LjkzMWgtNS43NjZ2Ni44MTRjMCAyLjAyNi45NzUgMi44NDYgMi42MDYgMi44NDZhNi4zNzcgNi4zNzcgMCAwIDAgMi44NDMtLjc4bDEuNDM5IDQuOTE4em0yMC41MzctOC45MzljMCA2LjIwNS00LjkxNyAxMC4zNDItMTAuNjk2IDEwLjM0Mi01LjkxMyAwLTEwLjgxNi00LjEzNy0xMC44MTYtMTAuMzQyczQuOTE3LTEwLjMxIDEwLjgxNi0xMC4zMWM1Ljc5Ny4wMTQgMTAuNjk2IDQuMTQ3IDEwLjY5NiAxMC4zMXptLTUuOTkgMGMwLTMuMDQzLTIuMjk3LTUuMDctNC43MDYtNS4wN2E0Ljg3IDQuODcgMCAwIDAtMy40OCAxLjUxMyA0Ljg5OSA0Ljg5OSAwIDAgMC0xLjM0NyAzLjU1N2MwIDMuMDg1IDIuMjk4IDUuMDc1IDQuODI3IDUuMDc1IDIuNDEgMCA0LjcwNy0xLjk5IDQuNzA3LTUuMDc1em0yMS45LTkuOTA2bC0uMjcyIDYuMjNoLTEuMTNjLTQuMzU0IDAtNi43MjcgMi4yNDItNi43MjcgNy4zMzl2Ni4xMzJoLTYuMjI2di0xOC4yNGw2LjIyNi0xLjM0NXYzLjc0M2MxLjM5OS0yLjM0IDMuNTQtNC4wMzQgNi43MjYtNC4wMzRhNS4xNiA1LjE2IDAgMCAxIDEuNDA0LjE3NXoiIGZpbGw9IiMxZjIwNDQiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGZpbGw9IiMyZTkzZWUiIGQ9Ik0yMS4xNTQgMjguNDJjLTEuMDkgMS4wNTktMi4xNzcgMi41MTEtMy4yNzYgMy41Ni41MjIgMi43NTctLjUwMSAzLjk2Ny43MzMgNC45NTguNDQ2LjM1NCAzLjEyOCAxLjExMiA0LjY3LjIzMy4wMzEtMS40My0uNzQ2LTEuODU2LTEuNTc4LTIuMzktLjg0NC0xLjc5Mi0uNTQtNC41NzItLjU1OC02LjM2Ii8+PHBhdGggZmlsbD0iIzJlNTc4YiIgZD0iTTIxLjc4IDM3LjU3NGEyLjQ5IDIuNDkgMCAwIDAtMS41MzgtMS43OTNjLjYyLjM4Ljk4NSAxLjA2Ni45NTYgMS43OTMuMTk3LjAxLjM5LjAxLjU4MSAwWm0xLjMtLjI5NWEyLjQ3MiAyLjQ3MiAwIDAgMC0xLjUyOS0xLjc5M2MuNzk2LjYxNCAxLjA1IDEuMjczLjkzOSAxLjk5LjIwMi0uMDQ3LjQtLjExMy41OS0uMTk3WiIvPjxwYXRoIGZpbGw9IiMyZTkzZWUiIGQ9Ik0xOS44OCAxNC4xNDhjLS41NjMuODItLjgxNCAyLjU0MSAzLjY2NSA1LjA2NWwtMi40NzYgMy44NTVjLS41OTUuNTk2LS45NTcgMi4xODMtLjM3NiAyLjk4MS4zMDEuNDIuNjQ2LjgwNiAxLjAyOCAxLjE1MiAwIDAgMS40ODQuMjc4IDIuMTE5LS4wOC43ODUtLjg3MS45NjItMi4xMzMuNDQ3LTMuMTg4IDAgMCAzLjc3Ni0zLjk2MiAzLjUzNS01LjE1NXMtNi4xNTktNy4yMy03Ljk0Mi00LjYzeiIvPjxwYXRoIGZpbGw9IiMyZTU3OGIiIGQ9Ik0yNC4yNjQgMjMuOTMzbC0xLjkxMyAxLjQ4YTQuMzIgNC4zMiAwIDAgMCAuODk0LS4zODZzLjY4LjgzNC4xODQgMS41MzhjMCAwIC44OTMtLjUyNS4yOTktMS43My4yMDYtLjI2LjM5NC0uNTM1LjU2My0uODJsLS4wMjctLjA4MnoiLz48ZyBmaWxsPSIjMmU5M2VlIj48cGF0aCBkPSJNOC41MjMgMjMuMTk4Yy0uMDEuMjk0LS4xLjU3OS0uMjYuODI1LS4yNTguNDA4LS40MDYuMzYzLjIzOC43MTMuNDc5LjI0My45OTYuNDA0IDEuNTI4LjQ3NS44OTQuMTQ4LjY5My4wNS4yOTUtLjgwMmE3LjI2MyA3LjI2MyAwIDAgMC0uNjIxLTEuMDk5Yy0uODk0LTEuMjMyLTEuMTQ0LTEuMTQ3LTEuMTgtLjEybS0zLjIwOS0uNDE4Yy0uMzMuNjE1LjE3NC43MTMuODIyLjk0Mi4yNDMuMDg1LjQ5NS4xNC43NTEuMTY2LjcyOS4wOC41NDEtLjAyNy4yMi0uNjE5YTEwLjYyMSAxMC42MjEgMCAwIDAtLjY0NC0xLjA1OGMtMS4yODMtMS44NDctLjY3LS4zMjctMS4xNDkuNTdtLTIuNzctLjI3NGEyLjczIDIuNzMgMCAwIDEgMCAuNDIxYy0uMDQ2LjUxMS0uMTA0LjQyNi41MjYuNDg0YTMuNzMgMy43MyAwIDAgMCAuODQ1IDBjLjgwNS0uMTIuNTEtLjQwMy4wOS0uODc0YTMuNDY4IDMuNDY4IDAgMCAwLS40NzQtLjQ0OGMtMS41OTEtMS4yMjgtLjk5Mi0uMzYzLS45Ny40MjFtMTAuNjQyLTE4LjAyUzguNjM5IDYuODQgOC42OCA3LjU4OXMxLjI4Ny42NDYgMS43ODcgMS42NWMwIDAtMi43OTMgMS45MzctMi42MTQgMi44MjRzMS45OC41NjUgMi40MjcgMS4yNjljMCAwLS40NDcgMS43NjYtLjA0IDIuNDExcy4zNDQuMDkuODkzLjg5N2MuMDQuMDE4LS4yODEtNi41NzIgMi4wNy0xMi4xNTd6Ii8+PHBhdGggZD0iTTEyLjI0NiA2LjYyNmMxLjYxIDEuNTMzIDMuNjM4IDIuNDk2IDUuNDg5IDMuNjg0YTEyLjEwNiAxMi4xMDYgMCAwIDEgMy4zMTEgMi45MjhjMS4xMDkgMS40ODguNDQ3IDMuMjQuNzI0IDUuMDY1LjA4NS42MTkuMTI2IDEuMjQ2LjE1MiAxLjg3NGEyNC4yNzkgMjQuMjc5IDAgMCAxLS4wOTggMy40MmMtLjI4MiAyLjcxNy0uNDIgNC45MzEtMi4zMzMgNi45NjYtMi4zODcgMi41NDctNS4wMTUgMy4xMzgtNy45OTYuOTI0YTE0LjUwMiAxNC41MDIgMCAwIDEtMi44NDctMi40NDhjLS42MTItLjcxNy0xLjM3Mi0xLjE3NC0yLjAyOS0xLjg0MmE5LjU3OSA5LjU3OSAwIDAgMC0yLjkzMi0yLjEyYy0xLjE1My0uNDQ5LTEuOTQ4LjE2LTIuNTE2LjQyLS4yOS4xMzUtLjY5My4zOTUtMS4wMTkuMTM1YS4zNDYuMzQ2IDAgMCAxLS4xMTItLjQwOCAyLjk5IDIuOTkgMCAwIDEgLjc1Ni0xLjA3YzEuNzU2LTEuNjE1IDQuNTk0LTEuNjUgNi43MDQtLjUxNi44LjQ0OCAxLjY3MS45MTkgMi41OTYuOTc3YTIuNDcgMi40NyAwIDAgMCAxLjgyNC0uNTJjLjQtLjM2OC42NjItLjg2MS43NDYtMS4zOTlhNC4yNjYgNC4yNjYgMCAwIDAtLjE1Ni0yLjI0MWMtLjM0NC0xLjA0LS45NjEtMS45ODItMS4zNjMtMy4wMDgtMS4zNDEtMy40OTItMS43ODgtNy40NzMuMzg4LTEwLjczNmwuMzA0LS40NDkuNDA3LjM2NHoiLz48L2c+PHBhdGggZmlsbD0iI2ZmY2YwMCIgZD0iTTQuMDYzIDI1LjIyOUM1LjYgMjYgNy4yMzYgMjcuNzI2IDguODA1IDI5LjU4NmMyLjA1MSAyLjQ0MyA3LjE1IDYuMDQzIDExLjQwMS4zODYgMy45ODItNS4zMjYgMi4xMS0xMi43OSAxLjg3Ny0xMy42MzdsLS4wMjctLjA5Yy0uMTM0LS4xNy0zLjY4Mi00LjcxNS02LjkzNi01LjM3OS0uODY3Ljc1My0xLjAzNyAyLjA4NS4xMTYgNC4zOCAxLjk0NCAzLjg2IDMuNSA5LjQ4NS4wNDUgMTIuOTQyYTQuNyA0LjcgMCAwIDEtMS44NDIgMS4xNjVjLTIuNDUzLjgxMS0zLjc1NC0uNjgxLTUuMjkxLTIuMTI1YTcuMzk3IDcuMzk3IDAgMCAwLTQuMDg1LTEuOTk5WiIvPjxwYXRoIGZpbGw9IiNlY2E5M2YiIGQ9Ik0yMC42ODQgMjkuMjlhOC4xNTIgOC4xNTIgMCAwIDEtNC4xMDMtMS42OCA1LjY2NiA1LjY2NiAwIDAgMCAzLjYyNSAyLjM3Yy4xNy0uMjIzLjM1My0uNDU3LjQ3OC0uNjl6bS02LjkxLjM0NmE5LjUgOS41IDAgMCAwIDIuNDc3IDMuMjIzIDUuNDMgNS40MyAwIDAgMCAuOTc0LS4zMzIgNy44OTkgNy44OTkgMCAwIDEtMy40NS0yLjg5MXptLTUuMjItLjMzN2wuMjUuMjk2LjExNy4xNGMtLjA4LS4zNjUtLjA0LS43NDUuMTEyLTEuMDg2YTUuNzk1IDUuNzk1IDAgMCAwLS40NzkuNjV6bTEuNzI2IDEuNzI2bC41NTQuNDQ4Yy0uMTMtLjYxOC0uMTg4LTEuMjY0LjAyMi0xLjYyMmE1LjkyNSA1LjkyNSAwIDAgMC0uNTc2IDEuMTc0eiIvPjxwYXRoIGZpbGw9IiNmZjkxNDQiIGQ9Im02LjkxIDI3LjUxLjM5Ny40MDlhMy40MDMgMy40MDMgMCAwIDEgLjA5LS44NTcgNC4zMzEgNC4zMzEgMCAwIDAtLjQ4Ny40NDlaIi8+PGcgZmlsbD0iI2VjYTkzZiI+PHBhdGggZD0iTTE3LjY4IDI0LjY1NWE4LjIzMSA4LjIzMSAwIDAgMSA0Ljc3IDBsLjEwNy0uNjYzYy0zLjEyNC0uNzQ0LTQuODc2LjY2My00Ljg3Ni42NjN6bTQuOTctNC45MDRsLS4wNzUtLjc3MWMtMy4zMTItLjA4LTUuMDIgMS41MzMtNS4wMiAxLjUzM2E4LjA4MiA4LjA4MiAwIDAgMSA1LjA5Ni0uNzYyem0tMS4zMDQtNC4zNDhhOC4yMDUgOC4yMDUgMCAwIDAtLjQ0Ny0uNDhjLTMuNTE4IDAtNC40NyAxLjY0LTQuNDcgMS42NGE3Ljc1OCA3Ljc1OCAwIDAgMSA0LjkxNy0xLjE2eiIvPjxwYXRoIGQ9Ik0yMi42MDYgMTkuMjQ0YTIyLjE1MiAyMi4xNTIgMCAwIDAtLjM4OS0yLjM3bC0uMjU0LS4xNTgtNy41MTMtNC42MTNjLS4wMjYuMjItLjAyNi40NDMgMCAuNjY0IDEuNTIgMi4xMzQgNC45MyA1Ljc0NyA4LjE1NiA2LjQ3N3oiLz48L2c+PHBhdGggZmlsbD0iIzJlOTNlZSIgZD0iTTExLjM5NyAyNy44N2EyLjIzMiAyLjIzMiAwIDAgMSAyLjAzOC0uOTczYzIuMjYxLjI5NSAxLjU0NiAyLjk4IDEuMDA2IDQuNTU5YTEyLjkzMSAxMi45MzEgMCAwIDAtLjY0NCAzLjUxYzAgMS41Ni41OTQgMi4wMy0uMTMgMi42NGE2LjE0IDYuMTQgMCAwIDEtMy45NSAxLjEwM2MtMS4yNTYtLjI4Ny0xLjI4OC0yLjg3OC43MTUtMy41MzcuNTU0LTEuMjEuNTMxLTIuNDQ4LjQ4Ny0zLjczOS0uMDMyLS44OTYtLjEwOC0yLjY5LjQ3OC0zLjU4NiIvPjxwYXRoIGZpbGw9IiMyZTU3OGIiIGQ9Ik0xMC45MSAzOC42OTVhNi45NSA2Ljk1IDAgMCAwIC41MzItLjA5OCAyLjMxOCAyLjMxOCAwIDAgMSAuNjI1LTIuMTAzYy0uODIyLjQ3LTEuMDkgMS4yNzMtMS4xNTcgMi4yMDF6bS0xLjIxMS4wMThhMi42NSAyLjY1IDAgMCAxIC42MDMtMi4zNCAyLjQwNCAyLjQwNCAwIDAgMC0xLjEzNSAyLjAwOCAxIDEgMCAwIDAgLjUzMi4zMzJ6bTEuMTYyLTE0LjEyNXMtLjI2IDEuNTAyLjc2IDIuMDA0Yy44NTguNDQ4IDEuOTEyLjQ0OCAyLjQ0LS4xOTMuNzI4LS44OTcgMS43ODctMi42OS0xLjExMy00LjQ1MS0xLjc4OC0xLjA5LTEuOSAyLjYwOS0xLjkgMi42MDlsLS4xODcuMDN6bS4yNS03LjJsLjc0MiAxLjUzYy4wMTguMDU4IDIuMzYtMi45MzcgMS45MjItMy40MjFzLTIuMjkzIDEuMjQyLTIuNjY0IDEuODkyeiIvPjxnIGZpbGw9IiMyZTkzZWUiPjxwYXRoIGQ9Ik0xMy40MDggMTMuMDk0YzIuNTM0IDIuNDUyLTIuNzI2IDUuNjk4LTIuNzI2IDUuNjk4LjU3Mi4zNjMgMS4yOTYgMS42MDUgMS44MzcgMi41MXMuNzU1Ljc1OCAxLjQxNyAxLjUxLTEuMjI1IDEuODc5LTEuMjI1IDEuODc5LTYuMzI5LTMuNDMtNi4zMS01LjYyNmMwLS4yNzMgMS40Ny0yLjcxNiAyLjk1My00LjIzMi43NDctLjc2MiAyLjg0My0yLjkwOSA0LjA1NC0xLjczOXoiLz48cGF0aCBkPSJNMTAuOTUgMjMuNDcycy0uNDQ3IDIuMzM1LjkyIDMuMDE3YzAgMCAxLjEzMS4wNzEgMS43MDQtLjM0MSAwIDAgMS40MjUtMi4xOTcuMzYyLTMuMzM1cy0yLjk4Ni42NTktMi45ODYuNjU5eiIvPjwvZz48cGF0aCBmaWxsPSIjMmU1NzhiIiBkPSJNMTAuOTIzIDIzLjYzOGwyLjE0NSAxLjA3MWExLjY4IDEuNjggMCAwIDEtLjkzNC0uMTM5cy0uNDQ3Ljg5Ny4wNzYgMS40NTJjMCAwLS44NC0uMTQ4LS41NC0xLjU1NWwtLjc2NS0uNzkuMDE4LS4wNHoiLz48cGF0aCBmaWxsPSIjMmU5M2VlIiBkPSJNMTIuNTYzIDUuOTIycy45NTItNS42MyAzLjI4MS01LjcyNUMxNy4zNzcuMTMgMTguMTUgMi4wOSAxOC4xNSAyLjA5YTQuOTA2IDQuOTA2IDAgMCAxIDIuNjQ2Ljc4OXMuNDQ3LS43NzYgMS4xNTgtLjUyNSAxLjUyIDEuODgzIDEuMjI5IDQuNTY0YTIuMzMzIDIuMzMzIDAgMCAxIDEuNjcxIDEuMTUyIDEuMjQ3IDEuMjQ3IDAgMCAxLS44LjUxNWMtLjQ4Mi4wNC0yLjU2NS0uNzIxLTMuMTI4LS4yMjRhMS44MTggMS44MTggMCAwIDAtLjc0NyAxLjc5M3MtMi4zMDEtLjIzMy0zLjMyNS0xLjU0Ni0xLjkwNC0zLjg2LTQuMjktMi42ODV6Ii8+PHBhdGggZmlsbD0iI2YxZjFmMiIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMjAuNDg4IDYuMzNzLjU3Mi0xLjg5MiAxLjY3MS0yLjQyMWMuMDQuOTE2LjE0IDEuODI4LjMgMi43M2ExNy4wMjYgMTcuMDI2IDAgMCAwLTEuOTcxLS4zMVptLTQuOTgtMy44NzhzMS40MTguNjg2IDIuMzcgMy42MzFhMjAuMTc0IDIwLjE3NCAwIDAgMC0zLjIxLS4yODcgNy43NiA3Ljc2IDAgMCAwIC44NC0zLjM0NFoiLz48cGF0aCBmaWxsPSIjMmU1NzhiIiBkPSJNMTYuMDkgMy43NjFjLjM0NCAwIC42MjYuMzg2LjYyNi44NjVzLS4yODIuODYtLjYyNi44Ni0uNjI2LS4zODUtLjYyNi0uODYuMjc3LS44NjUuNjI2LS44NjVtNS4yOTIgMi4yOTVjLjI3MiAwIC40OTEtLjI5MS40OTEtLjY1NHMtLjIxOS0uNjU1LS40OTEtLjY1NWEuNDQ2LjQ0NiAwIDAgMC0uMTUyLjAzNmMtLjE1LjE3NC0uMjY1LjM3Ny0uMzM2LjU5NmEuMTUzLjE1MyAwIDAgMCAwIC4wNDVjLS4wMDQuMzQuMjE1LjYzMi40ODguNjMyeiIvPjxwYXRoIGZpbGw9IiNmZjkxNDQiIGQ9Ik0xNS42NDMgNy4zMjVzLTEuNjk5LTEuMzQ1LTIuNTYxLS4zODZjLTEuMDI4IDEuMTU3IDAgMi45NTQgMCAyLjk1NHMuMTI1LS43Ny41MS0xLjAyNmMwIDAgLjE1MSAyLjQzNCA0LjEwMiA1LjE0MnM1LjY3MiAyLjQxMSA2LjUzNSAyLjE4MyAxLjczOC0uODQ4IDEuNDA3LTEuNTQyLTIuNTYtMi41ODItMi41Ni0yLjU4Mi0uODQ1LjEwMy0yLjU2Ni0uNTAyLTQuMDIyLTEuNzk0LTUuNTA2LTMuODU2YTcuMiA3LjIgMCAwIDAgLjYzOS0uMzg1Ii8+PHBhdGggZmlsbD0iI2ZmNmIxNyIgZD0iTTE0LjY1IDEwLjQ5YTYuNjkgNi42OSAwIDAgMSA2LjE5IDEuNjcybC0uNDQ2LS4yNDJzMi4wMjktLjA5OSAyLjMxLjE4M2E0LjgzIDQuODMgMCAwIDEgMi4xMDEgMy41ODdjLjA1OC42OTQtMS41ODIgMS4wODktNS4yMzgtLjczNi0yLjI3LTEuMTQ3LTQuOTE2LTQuNDY0LTQuOTE2LTQuNDY0WiIvPjxwYXRoIGZpbGw9IiNmZjkxNDQiIGQ9Im0xOS4wOTMgMTAuOTUxLjA4NS4wNDUtLjA4NS0uMDQ1WiIvPjxwYXRoIGZpbGw9IiNlYmVlZjIiIGQ9Ik0yMi45MSAxMi4wNTRzLS40OTIgMi4wMjItMS4yNTEgMS43OTNjLS4yNTUtLjA3Ni0uMTUyLS42NS0uMjU1LTEuMDQ0cy0uMzk4LTEuMTQ4LS4zOTgtMS4xNDhsMS45MDQuNHptMy43NTktLjc2NnMtLjE1NyAyLjA3NS0uOTQzIDEuOTc2Yy0uMjY0LS4wMy0uMjU1LS42MTQtLjQyLS45ODZzLS41NzItMS4wNzEtLjU3Mi0xLjA3MWwxLjkzNS4wOHoiLz48cGF0aCBmaWxsPSIjZmZjZjAwIiBkPSJNMjcuNTA1IDkuNDY4Yy0uMDk5LTEuNDYyLTIuMDItMi4xMDMtMy40MzMtMS4wNzYtMS4xNTMtLjI1Ni0yLjQzMS0xLjAyNy0zLjU3NS4xM2ExLjM0OCAxLjM0OCAwIDAgMC0uMzUzIDEuNjA1cy0yLjM5Ni0uMzg2LTMuMjIzLTEuNjEtMS45MDgtMi44NjQtMy4wNjYtMi45OGMtLjYxNy0uMDYtMS42NTgtLjE0OS0yLjI2MSAxLjAzcy0uODk0IDMuMzA5IDMuNTc1IDYuNjggNi40MjcgNC4yOCA3LjQwMSA0LjI3NmMxLjIzOCAwIDEuMzE0LS40NDggMi43NC0uNjYzLjcyOS0uMTAzIDEuMjgzLTEuMzQ1LjQ4My0yLjQyMWE5LjE4OSA5LjE4OSAwIDAgMC0yLjM5Ni0yLjEyNWMtLjA0NC4wNDUgMS43MzQgMS40NzUgMi4wNjUgMi4xN3MtLjY0OCAxLjEzNC0xLjUwNiAxLjM0NS0xLjk2Mi40NDgtNS45MDktMi4yNDItNC4zNy01LjQxLTQuMzctNS40MWMtLjUwMS0uMDc3LS41NiAxLjAxMy0uNTYgMS4wMTNzLS41NzYtMS4yNi4xOTctMi4wMTNjLjkzNC0uODk3IDEuOS4yMSAxLjkuMjFoLS4wNThjLS41ODYtLjI4Mi0uNjY2LjIyNS0uNjY2LjIyNWExNC40NTQgMTQuNDU0IDAgMCAwIDUuOTYyIDQuNTMyYzEuNzIuNjA1IDIuNjIzLS4wNzYgMi42MjMtLjA3NmExNi42NjIgMTYuNjYyIDAgMCAwIDIuNDQtLjE5OGMuNjE4LS4xNjYgMi4xMjgtLjQyNiAxLjk5LTIuNDAyeiIvPjxwYXRoIGZpbGw9IiNlY2E5M2YiIGQ9Ik0yMS43OCA5LjMxYy40MDItLjEyNS43MS40MTguMTgzLjY1LS4wNzYuMjAyLjA0NC40MjIuMzY2LjQ5OGEuNjM3LjYzNyAwIDAgMS0uNTUtMS4xNDhtNC41MzItLjE2NWMtLjMzLS4xMDgtLjU4NS4zNC0uMTQ3LjUzOC4wNTguMTY2LS4wNC4zNDUtLjMwOS40MDguODUuMTc1Ljg5NC0uNzkuNDQ3LS45NDYiLz48L3N2Zz4=); + --nfd-onboarding-primary: #2e93ee; + --nfd-onboarding-highlighted--rgb: 30, 32, 68; + --nfd-onboarding-primary-alt: #3b97ff; + --nfd-onboarding-secondary: #cdd8df; + --nfd-onboarding-secondary-alt: #363636; + --nfd-onboarding-tertiary: #ffcf00; + --nfd-onboarding-tertiary-alt: #ff9144; + --nfd-onboarding-light: #f5f6f8; + --nfd-onboarding-light-gray: #f0f0f0; + --nfd-onboarding-light-gray-2: #efefef; + --nfd-onboarding-light-gray-3: #f2f2f2; + --nfd-onboarding-light-gray-4: #a7a7a7; + --nfd-onboarding-dark: #1e2044; + --nfd-onboarding-border: 245, 246, 248; + --nfd-onboarding-drawer-icon-fill: var(--nfd-onboarding-tertiary); + --nfd-onboarding-drawer-icon-active-fill: var(--nfd-onboarding-light); +} +body.nfd-brand-webcom { + --wp-admin-theme-color: #4b75fc; + --wp-admin-theme-color--rgb: 75, 117, 252; + --wp-admin-theme-color-darker-10: #2b5cfb; + --wp-admin-theme-color-darker-10--rgb: 43, 92, 251; + --wp-admin-theme-color-darker-20: #0b44fb; + --wp-admin-theme-color-darker-20--rgb: 11, 68, 251; + --nfd-onboarding-dark-icon: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjUwNi42NjciIGhlaWdodD0iNTA2LjY2NyIgdmlld0JveD0iMCAwIDM4MCAzODAiPgogICAgPHBhdGggZmlsbD0iIzJiNWNmYiIgZD0iTTcwLjUgMTEyYy00LjIgMS43LTYuOCA1LjgtNi44IDEwLjIuMSAyLjkgNy43IDI1LjEgMjMuNyA2OS42IDEzIDM1LjkgMjQuMiA2Ni41IDI1LjEgNjguMSAyLjUgNC45IDYuMiA3LjEgMTEuNyA3LjEgOSAwIDkuNS0xIDI0LjMtNDQgMjcuOC04MSAyNi4yLTc2LjcgMjcuMy03NCAuNSAxLjQgOS40IDI3LjIgMTkuOCA1Ny41IDIxIDYxLjIgMjAuNiA2MC41IDI5IDYwLjUgNS42IDAgOS0xLjYgMTEuMy01LjQgMS4xLTEuNyA4LjctMjIgMTcuMS00NS4xIDguMy0yMy4xIDE5LTUyLjYgMjMuNy02NS41IDQuNy0xMi45IDguOC0yNS40IDkuMS0yNy43LjYtNS4zLTEuNS04LjktNi42LTExLTQuNS0xLjktMTAuNC0uNC0xMi44IDMuMS0uOCAxLjMtNy42IDIwLjMtMTUgNDIuMi03LjUgMjItMTYuNCA0OC4yLTE5LjkgNTguNC0zLjUgMTAuMi02LjYgMTcuOC02LjkgMTctLjMtLjgtNi43LTIwLjItMTQuMS00My03LjUtMjIuOC0xNS45LTQ4LjQtMTguNy01Ni44LTIuOS04LjktNi0xNi41LTcuNC0xOC4yLTQuNi01LjQtMTUuNi00LjgtMTkuMiAxLjEtLjcgMS4xLTEwLjEgMjgtMjAuOCA1OS43LTEwLjcgMzEuNi0xOS42IDU3LjctMTkuOCA1Ny45LS4yLjItOS0yNS40LTE5LjYtNTYuOS0xMC42LTMxLjUtMjAuMS01OC43LTIxLjItNjAuNS0yLjYtNC40LTguNS02LjMtMTMuMy00LjN6TTI5NC41IDIzNS41Yy0xMiA0LjMtMTUuMSAxOC4xLTYuMSAyNy4xIDQuNiA0LjYgOS4xIDYuMSAxNS4zIDQuOSA0LjktLjkgMTAuOC02LjggMTIuMi0xMi4zIDMuNS0xMi43LTktMjQuMi0yMS40LTE5Ljd6Ii8+Cjwvc3ZnPg==); + --nfd-onboarding-icon: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjUwNi42NjciIGhlaWdodD0iNTA2LjY2NyIgdmlld0JveD0iMCAwIDM4MCAzODAiPgogICAgPHBhdGggZmlsbD0iI2ZmZiIgZD0iTTcwLjUgMTEyYy00LjIgMS43LTYuOCA1LjgtNi44IDEwLjIuMSAyLjkgNy43IDI1LjEgMjMuNyA2OS42IDEzIDM1LjkgMjQuMiA2Ni41IDI1LjEgNjguMSAyLjUgNC45IDYuMiA3LjEgMTEuNyA3LjEgOSAwIDkuNS0xIDI0LjMtNDQgMjcuOC04MSAyNi4yLTc2LjcgMjcuMy03NCAuNSAxLjQgOS40IDI3LjIgMTkuOCA1Ny41IDIxIDYxLjIgMjAuNiA2MC41IDI5IDYwLjUgNS42IDAgOS0xLjYgMTEuMy01LjQgMS4xLTEuNyA4LjctMjIgMTcuMS00NS4xIDguMy0yMy4xIDE5LTUyLjYgMjMuNy02NS41IDQuNy0xMi45IDguOC0yNS40IDkuMS0yNy43LjYtNS4zLTEuNS04LjktNi42LTExLTQuNS0xLjktMTAuNC0uNC0xMi44IDMuMS0uOCAxLjMtNy42IDIwLjMtMTUgNDIuMi03LjUgMjItMTYuNCA0OC4yLTE5LjkgNTguNC0zLjUgMTAuMi02LjYgMTcuOC02LjkgMTctLjMtLjgtNi43LTIwLjItMTQuMS00My03LjUtMjIuOC0xNS45LTQ4LjQtMTguNy01Ni44LTIuOS04LjktNi0xNi41LTcuNC0xOC4yLTQuNi01LjQtMTUuNi00LjgtMTkuMiAxLjEtLjcgMS4xLTEwLjEgMjgtMjAuOCA1OS43LTEwLjcgMzEuNi0xOS42IDU3LjctMTkuOCA1Ny45LS4yLjItOS0yNS40LTE5LjYtNTYuOS0xMC42LTMxLjUtMjAuMS01OC43LTIxLjItNjAuNS0yLjYtNC40LTguNS02LjMtMTMuMy00LjN6TTI5NC41IDIzNS41Yy0xMiA0LjMtMTUuMSAxOC4xLTYuMSAyNy4xIDQuNiA0LjYgOS4xIDYuMSAxNS4zIDQuOSA0LjktLjkgMTAuOC02LjggMTIuMi0xMi4zIDMuNS0xMi43LTktMjQuMi0yMS40LTE5Ljd6Ii8+Cjwvc3ZnPg==); + --nfd-onboarding-logo: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ijg5LjA2NiAyMzYuOTQ3IDE2MC43MTEgMzAuMDYyIj4KICA8cGF0aCBkPSJtOTUuMTQwMzk3IDI2NS4zOTc3MzctNS45MDA4MjYtMTcuNTQxNGMtLjA1Nzg1Mi0uMjQ3OS0uMTczNTU0LS41NTc4LS4xNzM1NTQtLjg2NzcgMC0uNzQzODQuNTc4NTEyLTEuNDg3NjQgMS40NDYyOC0xLjQ4NzY0Ljc1MjA3IDAgMS4yMTQ4OC40OTU4NiAxLjQ0NjI4IDEuMzAxNjVsNC45MTczNiAxNS41NTc4OSA0LjkxNzM4LTE1LjYxOTg4Yy4yMzE0LS43NDM4LjY5NDItMS4yMzk2NiAxLjQ0NjMtMS4yMzk2NmguMTczNWMuODA5OSAwIDEuMjcyNy40OTU4NiAxLjUwNDEgMS4yMzk2Nmw0LjgwMTcgMTUuNjE5ODggNC45NzUyLTE1LjY4MTg2Yy4xNzM2LS42MTk4My41Nzg1LTEuMTc3NjggMS4zODg0LTEuMTc3NjguODA5OSAwIDEuNDQ2My42ODE4MSAxLjQ0NjMgMS40MjU2MiAwIC4zMDk5Mi0uMTE1Ny42MTk4Mi0uMTczNS44Njc3MmwtNS45NTg3IDE3LjYwMzRjLS4yODkzLjkyOTctLjkyNTYgMS40MjU2LTEuNTYyIDEuNDI1NmgtLjExNTdjLS43NTIxIDAtMS4zMzA2LS40OTU5LTEuNTYyLTEuNDI1NmwtNC44NTk1LTE1LjEyNC00Ljg1OTUgMTUuMTI0Yy0uMjg5MjYuOTI5Ny0uODA5OTIgMS40MjU2LTEuNTYxOTggMS40MjU2aC0uMDU3ODVjLS43NTIwNyAwLTEuMzg4NDMtLjQ5NTktMS42Nzc2OS0xLjQyNTZabTMzLjk1ODgyIDEuNTQ5NWMtNS4zMjIzIDAtOS42NjExLTQuNDAwOS05LjY2MTEtMTAuNzg1MnYtLjA2MmMwLTYuMDEyNCAzLjkzMzktMTAuNzg1MDggOS4zMTQtMTAuNzg1MDggNS43MjczIDAgOS4wMjQ4IDUuMDIwNjggOS4wMjQ4IDEwLjUzNzE4IDAgLjg2NzgtLjYzNjMgMS40MjU2LTEuMzMwNiAxLjQyNTZoLTE0LjA1NzhjLjQwNDkgNC41MjQ4IDMuMzU1NCA3LjAwNDIgNi44MjY0IDcuMDA0MiAyLjM3MTkgMCA0LjE2NTMtLjk5MTggNS42MTE2LTIuNDE3NC4yMzE0LS4xODU5LjQ2MjgtLjM3MTkuODA5OS0uMzcxOS42OTQyIDAgMS4yNzI3LjYxOTggMS4yNzI3IDEuMzAxNyAwIC4zNzE5LS4xNzM1Ljc0MzgtLjQ2MjguOTkxNy0xLjg1MTIgMS45MjE1LTQuMDQ5NiAzLjE2MTItNy4zNDcxIDMuMTYxMlptNS43MjczLTEyLjAyNDhjLS4yODkzLTMuNzgxLTIuMzE0LTcuMDY2Mi02LjE5MDEtNy4wNjYyLTMuMzU1NCAwLTUuOTAwOCAzLjAzNzItNi4zMDU4IDcuMDY2MmgxMi40OTU5Wm02LjcxMDItMTYuNDI1ODFjMC0uODY3NzcyLjYzNjQtMS41NDk1OSAxLjQ0NjMtMS41NDk1OXMxLjQ0NjMuNjgxODE4IDEuNDQ2MyAxLjU0OTU5djExLjM0MzAxYzEuNTYxOS0yLjQ3OTQgMy44NzYtNC42NDg4IDcuNDA0OS00LjY0ODggNC42MjgxIDAgOS4yNTYyIDMuOTY2OSA5LjI1NjIgMTAuNzg1MXYuMDYyYzAgNi44MTgyLTQuNTcwMiAxMC43ODUxLTkuMjU2MiAxMC43ODUxLTMuNTg2OCAwLTUuOTAwOC0yLjEwNzQtNy40MDQ5LTQuNDAwOHYyLjYwMzNjMCAuODY3OC0uNTc4NSAxLjU0OTYtMS40NDYzIDEuNTQ5Ni0uODA5OSAwLTEuNDQ2My0uNzQzOC0xLjQ0NjMtMS41NDk2di0yNi41Mjg5MVptMTYuNjAzMyAxNy42NjUzMXYtLjA2MmMwLTQuODk2Ny0zLjEyNC04LjA1NzktNi44MjY0LTguMDU3OS0zLjU4NjggMC03IDMuMjg1Mi03IDcuOTk1OXYuMDYyYzAgNC44MzQ3IDMuNDEzMiA4LjA1NzggNyA4LjA1NzggMy43NjAzIDAgNi44MjY0LTIuOTc1MiA2LjgyNjQtNy45OTU4Wm0xMS43NDQ0LjAwMDF2LS4wNjJjMC01Ljg4ODQgNC4yODA5LTEwLjg0NzA5IDkuOTUwNC0xMC44NDcwOSAzLjIzOTYgMCA1LjM4MDEgMS4zMDE2NSA3LjExNTYgMy4wMzcxOS4yMzE1LjE4NTkuNDYyOS42MTk4LjQ2MjkgMS4wNTM3IDAgLjg2NzgtLjYzNjQgMS40ODc2LTEuMzg4NSAxLjQ4NzYtLjM0NzEgMC0uNjk0Mi0uMTg1OS0uOTI1Ni0uMzcxOS0xLjM4ODQtMS4zNjM2LTIuOTUwNC0yLjQ3OTMtNS4yNjQ0LTIuNDc5My0zLjkzMzkgMC02Ljk0MjIgMy41OTUtNi45NDIyIDguMDU3OHYuMDYyYzAgNC41MjQ4IDMuMDY2MSA4LjA1NzkgNy4xMTU3IDguMDU3OSAyLjE5ODQgMCAzLjk5MTctMS4xMTU3IDUuMzgwMi0yLjU0MTQuMTczNS0uMTg1OS40NjI4LS4zNzE5LjgwOTktLjM3MTkuNjk0MiAwIDEuMzMwNi42ODE5IDEuMzMwNiAxLjQyNTcgMCAuMzcxOS0uMTczNi43NDM4LS4zNDcxLjk5MTctMS44NTEzIDEuOTgzNS00LjA0OTYgMy4zNDcxLTcuMjg5MyAzLjM0NzEtNS43MjczLS4wNjItMTAuMDA4Mi01LjAyMDctMTAuMDA4Mi0xMC44NDcxWm0yMC4xMzE2IDB2LS4wNjJjMC01Ljg4ODQgNC4yODEtMTAuODQ3MDkgMTAuMTI0LTEwLjg0NzA5IDUuNzg1IDAgMTAuMDY2IDQuODk2NjkgMTAuMDY2IDEwLjc4NTA5di4wNjJjMCA1Ljg4ODQtNC4zMzkgMTAuODQ3MS0xMC4xODIgMTAuODQ3MS01Ljc4NSAwLTEwLjAwOC00Ljg5NjctMTAuMDA4LTEwLjc4NTFabTE3LjI0IDB2LS4wNjJjMC00LjQ2MjgtMy4xMjQtOC4xMTk4LTcuMTc0LTguMTE5OC00LjIyMyAwLTcuMTE1IDMuNjU3LTcuMTE1IDguMDU3OHYuMDYyYzAgNC40NjI4IDMuMDY2IDguMDU3OSA3LjE3MyA4LjA1NzkgNC4xNjUgMCA3LjExNi0zLjU5NTEgNy4xMTYtNy45OTU5Wm02LjY1My05LjExMTRjMC0uODY3NzIuNjM2LTEuNTQ5NTQgMS40NDYtMS41NDk1NC44MSAwIDEuNDQ2LjY4MTgyIDEuNDQ2IDEuNTQ5NTR2Mi4xMDc1YzEuMjczLTIuMDQ1NSAzLjAwOS0zLjk2Njk2IDYuMjQ4LTMuOTY2OTYgMy4xMjQgMCA1LjE0OSAxLjc5NzU2IDYuMjQ4IDQuMTUyODYgMS4zODktMi4yOTM0IDMuNDcxLTQuMTUyODYgNi44MjctNC4xNTI4NiA0LjQ1NCAwIDcuMTczIDMuMjIzMTYgNy4xNzMgOC4zNjc3NnYxMS41OTA5YzAgLjg2NzgtLjYzNiAxLjU0OTYtMS40NDYgMS41NDk2LS44MSAwLTEuNDQ2LS42ODE4LTEuNDQ2LTEuNTQ5NnYtMTAuNzg1MWMwLTQuMDI4OS0xLjg1Mi02LjI2MDMtNS4wMzMtNi4yNjAzLTIuOTUxIDAtNS4zMjMgMi4zNTUzLTUuMzIzIDYuNDQ2MnYxMC43MjMyYzAgLjg2NzgtLjYzNiAxLjU0OTYtMS40NDYgMS41NDk2LS44MSAwLTEuNDQ2LS42ODE4LTEuNDQ2LTEuNTQ5NnYtMTEuMDMzMWMwLTMuOTA0OS0xLjkwOS02LjE5ODMtNC45NzUtNi4xOTgzLTMuMDY3IDAtNS4zODEgMi43MjczLTUuMzgxIDYuNTcwMnYxMC41OTkyYzAgLjg2NzgtLjU3OCAxLjU0OTYtMS40NDYgMS41NDk2LS44MSAwLTEuNDQ2LS42ODE4LTEuNDQ2LTEuNTQ5NnYtMTguMTYxMlptLTQ4LjM2MzYgMTkuNzEwMmMxLjE4MjEgMCAyLjE0MDUtMS4wMjY4IDIuMTQwNS0yLjI5MzQgMC0xLjI2NjYtLjk1ODQtMi4yOTMzLTIuMTQwNS0yLjI5MzMtMS4xODIyIDAtMi4xNDA1IDEuMDI2Ny0yLjE0MDUgMi4yOTMzcy45NTgzIDIuMjkzNCAyLjE0MDUgMi4yOTM0Wm03OS44OTI2LTE5LjIxNDVjMC0uNDMzOS4xMTYtLjgwNTc5LjI4OS0xLjExNTcxLjE3NC0uMzA5OTEuNDYzLS42MTk4My44MS0uODY3NzYuMzQ3LS4xODU5NS42OTQtLjMwOTkyIDEuMDk5LS4zMDk5MnMuNzUzLjEyMzk3IDEuMDQyLjMwOTkyYy4yODkuMTg1OTUuNTc4LjQ5NTg2LjgxLjg2Nzc2LjE3My4zNzE5LjI4OS43NDM4MS4yODkgMS4xNzc3MSAwIC4zNzE5LS4xMTYuODA1OC0uMjg5IDEuMTE1Ny0uMTc0LjMwOTktLjQ2My42MTk4LS43NTIuODY3OC0uMzQ3LjE4NTktLjY5NS4zMDk5LTEuMS4zMDk5LS40MDUgMC0uNzUyLS4xMjQtMS4wOTktLjMwOTktLjM0Ny0uMTg2LS41NzgtLjQ5NTktLjc1Mi0uODY3OC0uMjMxLS40MzM5LS4zNDctLjgwNTgtLjM0Ny0xLjE3NzdabS4zNDcgMGMwIC4zNzE5LjA1OC42ODE4LjIzMi45OTE3LjE3My4zMDk5LjQwNS41NTc5LjY5NC43NDM4LjI4OS4xODYuNTc4LjI0OC45MjUuMjQ4LjM0OCAwIC42MzctLjA2Mi45MjYtLjI0OC4yODktLjE4NTkuNTIxLS40MzM5LjY5NC0uNzQzOC4xNzQtLjMwOTkuMjMyLS42MTk4LjIzMi0uOTkxN3MtLjA1OC0uNjgxODItLjIzMi0uOTkxNzRjLS4xNzMtLjMwOTkyLS40MDUtLjU1Nzg1LS42OTQtLjc0MzgtLjI4OS0uMTg1OTUtLjU3OC0uMjQ3OTMtLjkyNi0uMjQ3OTMtLjM0NyAwLS42MzYuMDYxOTgtLjkyNS4yNDc5My0uMjg5LjE4NTk1LS41MjEuNDMzODgtLjY5NC43NDM4LS4xNzQuMzA5OTItLjIzMi42MTk4NC0uMjMyLjk5MTc0Wm0yLjY2MS0uNTU3OWMwIC4xODYtLjA1Ny4zMS0uMTE1LjQzMzktLjA1OC4xMjQtLjE3NC4yNDgtLjM0Ny4yNDhsLjY5NCAxLjE3NzZoLS40NjNsLS41NzktMS4wNTM3aC0uNDA1djEuMDUzN2gtLjQwNHYtMi43MjcyMmguNzUyYy4yODkgMCAuNTIuMDYxOTguNjk0LjE4NTk1LjE3My4xMjM5Ni4xNzMuMzcxOS4xNzMuNjgxNzdabS0xLjIxNS40MzM5aC4yOWMuMTczIDAgLjI4OS0uMDYyLjM0Ny0uMTIzOS4xMTYtLjA2Mi4xMTYtLjE4Ni4xMTYtLjMxIDAtLjEyMzkyLS4wNTgtLjI0Nzg5LS4xMTYtLjMwOTg3LS4wNTgtLjA2MTk5LS4yMzItLjEyMzk3LS40MDUtLjEyMzk3aC0uMjg5di44Njc3NGguMDU3WiIvPgo8L3N2Zz4=); + --nfd-onboarding-primary: #4b75fc; + --nfd-onboarding-highlighted--rgb: 13, 71, 251; + --nfd-onboarding-primary-alt: #0d47fb; + --nfd-onboarding-secondary: #d4dce1; + --nfd-onboarding-secondary-alt: #171003; + --nfd-onboarding-tertiary: #fed96a; + --nfd-onboarding-tertiary-alt: #fec101; + --nfd-onboarding-light: #ffffff; + --nfd-onboarding-light-gray: #f0f0f0; + --nfd-onboarding-light-gray-2: #efefef; + --nfd-onboarding-light-gray-3: #f2f2f2; + --nfd-onboarding-light-gray-4: #a7a7a7; + --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); +} + +@-webkit-keyframes fadeIn { + from { + opacity: 0; + } + to { + opacity: 1; + } +} + +@keyframes fadeIn { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +@-webkit-keyframes shine { + 0% { + transform: translateX(-100%); + } + 100% { + transform: translateX(100%); + } +} +@keyframes shine { + 0% { + transform: translateX(-100%); + } + 100% { + transform: translateX(100%); + } +} +@-webkit-keyframes shine-placeholder { + 0% { + background-position: -468px 0; + } + 100% { + background-position: 468px 0; + } +} +@keyframes shine-placeholder { + 0% { + background-position: -468px 0; + } + 100% { + background-position: 468px 0; + } +} +.is-centered { + display: flex; + place-content: center; + place-items: center; +} + +.is-vertically-centered { + display: flex; + align-items: center; + justify-content: space-evenly; + flex-direction: column; +} + +.is-bg-primary { + background-color: var(--nfd-onboarding-primary); + color: var(--nfd-onboarding-light); +} + +.center { + text-align: center; +} + +input::-moz-placeholder { + font-size: 0.75rem; + color: var(--nfd-onboarding-light-gray-4); +} + +input:-ms-input-placeholder { + font-size: 0.75rem; + color: var(--nfd-onboarding-light-gray-4); +} + +input::placeholder { + font-size: 0.75rem; + color: var(--nfd-onboarding-light-gray-4); +} + +.nfd-onboarding-drawer__toggle { + align-items: center; + background: var(--nfd-onboarding-drawer-bg); + border-radius: 0; + display: flex; + position: absolute; + z-index: 31; + height: 60px; + width: 60px; +} +.nfd-onboarding-drawer__toggle-button { + align-items: center; + background: var(--nfd-onboarding-drawer-bg); + border-radius: 0; + color: var(--nfd-onboarding-drawer-fg); + height: 61px; + width: 60px; + z-index: 1; + margin-bottom: -1px; +} +.nfd-onboarding-drawer__toggle-button.has-icon { + min-width: 60px; +} +.nfd-onboarding-drawer__toggle-button.has-icon:hover, .nfd-onboarding-drawer__toggle-button.has-icon:active { + color: var(--nfd-onboarding-drawer-fg); +} +.nfd-onboarding-drawer__toggle-button.has-icon.is-suppressed { + cursor: default; +} +.nfd-onboarding-drawer__toggle-button.has-icon:focus { + box-shadow: none; +} +.nfd-onboarding-drawer__toggle-button.has-icon::before { + transition: box-shadow 100ms ease; + content: ""; + display: block; + position: absolute; + top: 9px; + right: 9px; + bottom: 9px; + left: 9px; + border-radius: 4px; + box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--nfd-onboarding-drawer-bg); +} +@media (prefers-reduced-motion: reduce) { + .nfd-onboarding-drawer__toggle-button.has-icon::before { + transition-duration: 0s; + transition-delay: 0s; + } +} +.nfd-onboarding-drawer__toggle-button.has-icon:hover::before { + box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) #757575; +} +.nfd-onboarding-drawer__toggle-button.has-icon:focus::before { + box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) rgba(var(--nfd-onboarding-drawer-fg), 0.1); +} + +.nfd-onboarding-drawer__panel { + height: 100%; + position: relative; + width: 0; + overflow: auto; + background: var(--nfd-onboarding-drawer-bg); + color: var(--nfd-onboarding-drawer-fg); + transition: width 100ms linear; +} +@media (prefers-reduced-motion: reduce) { + .nfd-onboarding-drawer__panel { + transition-duration: 0s; + transition-delay: 0s; + } +} +@media (min-width: 782px) { + .interface-interface-skeleton.has-footer .nfd-onboarding-drawer__panel { + height: calc(100% - 25px); + } +} +.nfd-onboarding-drawer__panel-inner { + position: relative; + width: 300px; + height: 100%; + overflow: auto; + visibility: hidden; + transition: visibility 100ms linear; +} +@media (prefers-reduced-motion: reduce) { + .nfd-onboarding-drawer__panel-inner { + transition-duration: 0s; + transition-delay: 0s; + } +} +.nfd-onboarding-drawer__panel-site-title-container { + height: 60px; + padding-left: 60px; + margin: 0 16px 0 8px; + display: flex; + align-items: center; +} +.nfd-onboarding-drawer__panel-site-title { + font-weight: 600; + font-size: 14px; + line-height: 20px; + color: #ddd; + display: -webkit-box; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; + overflow: hidden; +} +.nfd-onboarding-drawer__panel-scroll-container { + overflow-x: hidden; + overflow-y: auto; + height: calc(100% - 60px); + background-color: var(--nfd-onboarding-drawer-bg); + -ms-overflow-style: none; + scrollbar-width: none; +} +.nfd-onboarding-drawer__panel-scroll-container::-webkit-scrollbar { + display: none; +} +.nfd-onboarding-drawer__panel-inside { + padding: 0 16px; + color: var(--nfd-onboarding-drawer-fg); +} +.nfd-onboarding-drawer__panel-inside h2 { + color: var(--nfd-onboarding-drawer-fg); +} +.nfd-onboarding-drawer__panel .components-button.nfd-onboarding-drawer__panel-back.is-tertiary { + color: var(--nfd-onboarding-drawer-fg); + opacity: 0.7; + height: 36px; + margin-top: 24px; + padding: 8px 16px 8px 8px; +} +.nfd-onboarding-drawer__panel .components-button.nfd-onboarding-drawer__panel-back.is-tertiary svg { + margin-right: 0; +} +.nfd-onboarding-drawer__panel .components-button.nfd-onboarding-drawer__panel-back.is-tertiary:hover:not(:disabled), .nfd-onboarding-drawer__panel .components-button.nfd-onboarding-drawer__panel-back.is-tertiary:focus:not(:disabled) { + opacity: 1; + box-shadow: none; +} +.nfd-onboarding-drawer__panel .components-button.nfd-onboarding-drawer__panel-back.is-tertiary:active { + background-color: transparent; +} +.nfd-onboarding-drawer__panel-menu { + margin: 24px 0; +} +.nfd-onboarding-drawer__panel-menu h3 { + color: var(--nfd-onboarding-drawer-fg); + font-size: 20.28px; + line-height: 1.2; + padding: 4px 8px 4px 16px; + margin-top: 0; + height: 40px; + max-height: 48px; + display: flex; + align-items: center; + margin-bottom: 8px; +} +.nfd-onboarding-drawer__panel-menu-item { + display: block; + width: 100%; + color: var(--nfd-onboarding-drawer-fg); + font-size: 14px; + line-height: 20px; +} +.nfd-onboarding-drawer__panel-menu-link { + display: flex; + padding: 8px 16px; + text-decoration: none; + color: var(--nfd-onboarding-light); + align-items: center; + border-radius: 2px; + transition: background-color 100ms linear; +} +@media (prefers-reduced-motion: reduce) { + .nfd-onboarding-drawer__panel-menu-link { + transition-duration: 0s; + transition-delay: 0s; + } +} +.nfd-onboarding-drawer__panel-menu-link svg { + fill: var(--nfd-onboarding-drawer-icon-fill); + transition: fill 100ms linear; + margin-right: 8px; +} +@media (prefers-reduced-motion: reduce) { + .nfd-onboarding-drawer__panel-menu-link svg { + transition-duration: 0s; + transition-delay: 0s; + } +} +.nfd-onboarding-drawer__panel-menu-link:focus { + box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + outline: 3px solid transparent; + color: var(--nfd-onboarding-drawer-fg); +} +.nfd-onboarding-drawer__panel-menu-link:hover { + color: var(--nfd-onboarding-drawer-fg); +} +.nfd-onboarding-drawer__panel-menu-link.active { + background-color: var(--nfd-onboarding-primary); + color: var(--nfd-onboarding-light); +} +.nfd-onboarding-drawer__panel-menu-link.active svg { + fill: var(--nfd-onboarding-drawer-icon-active-fill); +} + +.nfd-onboarding-drawer__panel.is-open { + width: 300px; +} +.nfd-onboarding-drawer__panel.is-open .nfd-onboarding-drawer__panel-inner { + visibility: visible; +} + +.is-drawer-fade { + -webkit-animation-name: fadeIn; + animation-name: fadeIn; + -webkit-animation-duration: 100ms; + animation-duration: 100ms; + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; +} + +/*COLOR VARIABLES*/ +.theme-styles-preview--drawer { + overflow-y: auto; + overflow-x: hidden; + width: 100%; +} +.theme-styles-preview--drawer__list { + width: 100%; + height: 100%; +} +@media (max-width: 960px) { + .theme-styles-preview--drawer__list { + width: 100%; + align-items: center; + justify-content: center; + flex-direction: column; + } +} +.theme-styles-preview--drawer__list__item { + flex: 1; + width: 100%; + margin: 24px 0px; + display: flex; + align-items: center; + flex-direction: column; + justify-content: center; +} +.theme-styles-preview--drawer__list__item__title-bar { + width: 90%; + height: 15px; + display: flex; + align-items: center; + background-color: #cccccc; + justify-content: space-between; + border: 1px solid transparent; +} +.theme-styles-preview--drawer__list__item__title-bar__browser { + display: flex; + align-items: center; + justify-content: center; + margin-left: 3px; +} +.theme-styles-preview--drawer__list__item__title-bar__browser__dot { + background-color: #989EA7; + width: 8px; + margin: 3px; + height: 8px; + border-radius: 50%; + display: inline-block; +} +.theme-styles-preview--drawer__list__item__title-bar--selected { + z-index: 2; + width: 40px; + height: 40px; + display: flex; + margin-right: -15px; + border-radius: 50%; + align-items: center; + justify-content: center; + background-clip: padding-box; + background-color: var(--nfd-onboarding-primary-alt); +} +.theme-styles-preview--drawer__list__item__title-bar--selected__path { + fill: var(--nfd-onboarding-white); + transform: scale(0.7); +} +.theme-styles-preview--drawer__list__item__title-bar--unselected { + display: none; +} +.theme-styles-preview--drawer__list__item__live-preview-container { + position: relative; + width: 90%; + overflow: hidden; + align-items: center; + border: 1px solid #B7B7B7; +} +.theme-styles-preview--drawer__list__item__live-preview-container .live-preview__container-custom { + width: 100%; + overflow: hidden; + height: 250px; +} +.theme-styles-preview--drawer__list__item__live-preview-container .live-preview__container-custom:hover { + cursor: pointer; +} + +.color-palette { + width: 88%; + height: 30px; + display: flex; + margin: 8px 4px; + cursor: pointer; + position: relative; + padding: 10px 16px; + align-items: center; + background-color: white; + justify-content: space-between; +} +.color-palette-selected { + background-color: var(--nfd-onboarding-primary-alt); +} +.color-palette__colors { + display: flex; + align-items: center; + justify-content: space-between; +} +.color-palette__colors--tertiary { + width: 22px; + height: 22px; + border-radius: 50%; + position: absolute; + border: 1px solid rgba(0, 0, 0, 0.3); +} +.color-palette__colors--secondary { + left: 35px; + width: 22px; + height: 22px; + border-radius: 50%; + position: absolute; + border: 1px solid rgba(0, 0, 0, 0.3); +} +.color-palette__colors--primary { + left: 55px; + width: 22px; + height: 22px; + border-radius: 50%; + position: absolute; + border: 1px solid rgba(0, 0, 0, 0.3); +} +.color-palette__name { + color: black; + font-size: 12px; + font-weight: 700; + line-height: 16px; +} + +.custom-palette { + width: 88%; + margin: 30px 2px; + padding: 20px 16px; + background: var(--nfd-onboarding-primary-alt); +} +.custom-palette__top { + display: flex; + cursor: pointer; + align-items: center; + justify-content: space-between; +} +.custom-palette__top-icon { + font-size: 18px; + font-weight: 500; +} +.custom-palette_acc_opened { + display: block; +} +.custom-palette_acc_closed { + display: none; +} +.custom-palette__below { + margin-top: 16px; + -webkit-animation-name: fadeIn; + animation-name: fadeIn; + -webkit-animation-duration: 300ms; + animation-duration: 300ms; + -webkit-animation-timing-function: linear; + animation-timing-function: linear; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; +} +.custom-palette__below-row { + height: 50px; + color: black; + display: flex; + cursor: pointer; + align-items: center; + background-color: white; + justify-content: flex-start; + border: 0.5px solid rgba(0, 0, 0, 0.3); +} +.custom-palette__below-row-icon { + width: 22px; + height: 22px; + margin: 2px 12px; + border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; + border: 1px solid rgba(0, 0, 0, 0.3); +} +.custom-palette__below-row-icon_selected_border { + box-shadow: 0px 0px 5px 3px rgba(var(--nfd-onboarding-highlighted--rgb), 0.5); +} +.custom-palette__picker-close-icon { + width: 25px; + height: 25px; + display: flex; + color: black; + cursor: pointer; + font-weight: 900; + border-radius: 50%; + align-items: center; + justify-content: center; + border: 1px solid black; + background-color: white; +} + +.nfd-onboarding-header { + align-items: center; + background-color: var(--nfd-onboarding-header-bg); + color: var(--nfd-onboarding-header-fg); + display: flex; + height: 60px; + box-sizing: border-box; + width: 100%; + justify-content: space-between; + padding-right: 16px; +} +.nfd-onboarding-header h2, .nfd-onboarding-header h3, .nfd-onboarding-header h4 { + color: var(--nfd-onboarding-header-fg); +} +body.is-fullscreen-mode .nfd-onboarding-header { + padding-left: 60px; + transition: padding-left 20ms linear; + transition-delay: 80ms; +} +@media (prefers-reduced-motion: reduce) { + body.is-fullscreen-mode .nfd-onboarding-header { + transition-duration: 0s; + transition-delay: 0s; + } +} +.nfd-onboarding-header__start, .nfd-onboarding-header__end { + display: flex; +} +.nfd-onboarding-header__start { + align-items: center; + margin-left: 16px; +} +.nfd-onboarding-header__center { + display: flex; + align-items: center; + height: 100%; + flex-grow: 1; + justify-content: center; + min-width: 5px; + font-weight: 600; + font-size: 20px; + line-height: 24px; +} +.nfd-onboarding-header__center svg { + margin-right: 8px; +} +.nfd-onboarding-header__end { + justify-content: flex-end; +} +.nfd-onboarding-header__step-navigation { + display: flex; + -moz-column-gap: 8px; + column-gap: 8px; +} +.nfd-onboarding-header__step-progress:-webkit-progress-inner-element { + background-color: #999; +} +.nfd-onboarding-header__step-progress:-moz-progress-bar, .nfd-onboarding-header__step-progress:-webkit-progress-bar { + background-color: var(--nfd-onboarding-primary); +} + +.nfd-onboarding-skeleton.is-drawer-open .nfd-onboarding-header { + padding-left: 0; + transition: padding-left 20ms linear; + transition-delay: 0ms; +} +@media (prefers-reduced-motion: reduce) { + .nfd-onboarding-skeleton.is-drawer-open .nfd-onboarding-header { + transition-duration: 0s; + transition-delay: 0s; + } +} + +.navigation-buttons { + font-size: 14px; + line-height: 40px; + align-items: center; + letter-spacing: 0.8px; + display: flex !important; + justify-content: space-evenly; + border-radius: 2px !important; + padding: 20px 14px !important; +} +.navigation-buttons_back { + padding-right: 22px !important; +} +.navigation-buttons_next { + padding-left: 22px !important; +} +.navigation-buttons_finish { + padding-left: 22px !important; +} +@media screen and (max-width: 782px) { + .navigation-buttons { + font-size: 13px; + padding: 15px 10px !important; + } +} + +.interface-interface-skeleton__content { + background-color: var(--nfd-onboarding-content-bg); + color: var(--nfd-onboarding-content-fg); +} + +.nfd-onboarding-layout__common { + min-height: calc(100vh - 60px - 1px - 46px); +} +@media (min-width: 782px) { + .nfd-onboarding-layout__common { + min-height: calc(100vh - 60px - 1px); + } +} +.nfd-onboarding-layout__common.is-layout-fade-in { + -webkit-animation-name: fadeIn; + animation-name: fadeIn; + -webkit-animation-duration: 233ms; + animation-duration: 233ms; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; +} +.nfd-onboarding-layout__common.is-padded { + min-height: calc(100vw - 60px - 1px - 144px - 46px); + padding: 72px; +} +@media (min-width: 782px) { + .nfd-onboarding-layout__common.is-padded { + min-height: calc(100vh - 60px - 1px - 144px); + } +} +.nfd-onboarding-layout__common > .is-contained { + width: 100%; + max-width: 1440px; +} + +.skip-button { + padding: 10px; + cursor: pointer; + font-weight: 200; + font-style: italic; + color: var(--nfd-onboarding-primary); +} + +.image-upload-loader--loading-box { + width: 200px; + height: 25px; + position: relative; + border-radius: 50px; + overflow: hidden; + border: 2px solid #ededed; +} +.image-upload-loader--loading-box__loader { + width: 100%; + height: 100%; + position: absolute; + border-radius: 50px; + background: linear-gradient(45deg, #b6b5ff, #ff9797); + left: -100%; + -webkit-animation: load 3s linear infinite; + animation: load 3s linear infinite; +} +@-webkit-keyframes load { + 0% { + left: -100%; + } + 100% { + left: 100%; + } +} +@keyframes load { + 0% { + left: -100%; + } + 100% { + left: 100%; + } +} + +.step-loader { + justify-content: space-evenly; +} +@media (max-width: 782px) { + .step-loader { + justify-content: center; + } +} +.step-loader__logo { + 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: 782px) { + .step-loader__logo { + max-width: 256px; + max-height: 256px; + height: 30vh; + width: 100vw; + } +} + +.mini-preview { + margin: 0px 0px 10px 0px; + font-weight: 500; + font-size: 1rem; +} + +.browser-container { + width: 100%; + background-color: #CACACA; +} + +.browser-icon { + width: 24px; + height: 24px; + padding: 4px; + background-position: center; + background-repeat: no-repeat; + background-clip: padding-box; +} +.browser-icon-title { + width: 18px; + height: 18px; + padding: 5px; + background-position: center; + background-repeat: no-repeat; + background-clip: padding-box; +} + +.browser-dot { + width: 12px; + height: 12px; + margin: 4px; + border-radius: 50%; + display: inline-block; +} +@media (max-width: 400px) { + .browser-dot { + width: 8px; + margin: 2.8px; + height: 8px; + margin-top: 3px; + } +} + +.browser-content { + padding: 10px; + word-break: break-all; + background-color: #FFFFFF; +} +.browser-content_top-row { + margin-top: 8px; +} +.browser-content_top-row-name { + cursor: pointer; + font-weight: 600; + font-size: 1.2rem; + margin: 0px 0px 6px 0px; + color: #3858E9; +} +.browser-content_top-row-link { + margin: 0px; + font-size: 1rem; + cursor: pointer; + color: #007017; +} +.browser-content_desc { + color: #000000; + text-align: left; + max-width: 450px; + font-weight: 400; + line-height: 1.58; + font-size: 0.88rem; + margin: 16px 0px 0px 0px; +} +.browser-content_social { + display: flex; + margin-top: 4px; + justify-content: flex-start; +} +.browser-content_social_icon { + width: 24px; + height: 24px; + text-align: center; + padding-right: 6px; + background-position: center; + background-repeat: no-repeat; + background-clip: padding-box; + transition: opacity 0.4s ease-in-out; +} +.browser-content_social_icon.invalid-url { + opacity: 0.8; +} + +.browser-row-title { + display: flex; + align-items: flex-end; + background-color: #CACACA; +} +.browser-row-title_main { + height: 100%; + margin-left: 6px; +} +.browser-row-title_buttons { + padding: 2px 8px 3px 2px; +} +.browser-row-title_bar { + display: flex; + align-items: flex-end; +} +.browser-row-title_bar_before { + background-color: #F2F2F2; +} +.browser-row-title_bar_before-curve { + opacity: 1; + width: 10px; + height: 10px; + content: " "; + display: flex; + align-items: center; + pointer-events: none; + justify-content: center; + border-radius: 0 0 8px 0; + background-color: #CACACA; +} +.browser-row-title_bar_after { + background-color: #F2F2F2; +} +.browser-row-title_bar_after-curve { + opacity: 1; + width: 10px; + height: 10px; + content: " "; + display: flex; + align-items: center; + pointer-events: none; + justify-content: center; + border-radius: 0 0 0 8px; + background-color: #CACACA; +} +.browser-row-title_bar_main { + z-index: 4; + height: 30px; + display: flex; + margin-top: 5px; + min-width: 150px; + padding-left: 5px; + padding-right: 10px; + align-items: center; + border-radius: 8px 8px 0px 0px; + background-color: #F2F2F2; +} +.browser-row-title_bar_main-text { + flex: 1; + content: " "; + margin-left: 2px; + max-width: 140px; + font-size: 0.8rem; + line-clamp: 1; + white-space: nowrap; + text-overflow: ellipsis; + background: -webkit-linear-gradient(left, #000 50%, #fff); + -webkit-background-clip: text; + background-clip: text; + -webkit-text-fill-color: transparent; +} +.browser-row-search { + display: flex; + align-items: center; + justify-content: center; + background-color: #F2F2F2; +} +.browser-row-search__icons { + flex: 1; + display: flex; + align-items: center; + justify-content: center; +} +.browser-row-search__search-box { + flex: 10; + padding: 5px; +} +.browser-row-search__search-box_input { + width: 100%; + font-size: 0.8rem; + border: none !important; + background-color: #FFFFFF; +} +.browser-row-search__more { + flex: 1; +} + +/* Wrapping */ +.Tooltip-Wrapper { + display: inline-block; + position: relative; + width: 100%; +} + +/* Absolute positioning */ +.Tooltip-Tip { + position: absolute; + border-radius: 4px; + left: 50%; + transform: translateX(-40%); + padding: 6px; + color: white; + background: rgba(0, 0, 0, 0.75); + font-size: 12px; + white-space: nowrap; +} + +/* CSS border triangles */ +.Tooltip-Tip::before { + content: " "; + left: 50%; + border: solid transparent; + height: 0; + width: 0; + position: absolute; + pointer-events: none; + border-width: 6px; + margin-left: -6px; +} + +/* Absolute positioning */ +.Tooltip-Tip.top { + top: -35px; +} + +/* CSS border triangles */ +.Tooltip-Tip.top::before { + top: 100%; + border-top-color: rgba(0, 0, 0, 0.75); +} + +/* Absolute positioning */ +.Tooltip-Tip.right { + left: calc(100% + 35px); + top: 50%; + transform: translateX(0) translateY(-50%); +} + +/* CSS border triangles */ +.Tooltip-Tip.right::before { + left: -6px; + top: 50%; + transform: translateX(0) translateY(-50%); + border-right-color: rgba(0, 0, 0, 0.75); +} + +/* Absolute positioning */ +.Tooltip-Tip.bottom { + bottom: -35px; +} + +/* CSS border triangles */ +.Tooltip-Tip.bottom::before { + bottom: 100%; + border-bottom-color: rgba(0, 0, 0, 0.75); +} + +/* Absolute positioning */ +.Tooltip-Tip.left { + left: auto; + right: calc(100% + 35px); + top: 50%; + transform: translateX(0) translateY(-50%); +} + +/* CSS border triangles */ +.Tooltip-Tip.left::before { + left: auto; + right: -12px; + top: 50%; + transform: translateX(0) translateY(-50%); + border-left-color: rgba(0, 0, 0, 0.75); +} + +.image-uploader_heading { + font-size: 16px; + font-weight: 500; + margin: 0px 0px 6px 0px; +} +.image-uploader_window { + width: 100%; + height: 15vh; + border-radius: 2px; + margin-bottom: 24px; + border: 1px dashed #D6D6D6; + background-color: #F9F9F9; + display: flex; + align-items: center; + justify-content: center; +} +@media (min-width: 782px) { + .image-uploader_window { + height: 18vh; + } +} +.image-uploader_window-empty { + flex: 1; + height: 100%; +} +.image-uploader_window-logo { + flex: 2; + height: 100%; + display: flex; + align-items: center; + justify-content: center; +} +.image-uploader_window-logo-icon-empty { + height: 95%; + content: var(--default-logo-icon); + -o-object-fit: scale-down; + object-fit: scale-down; + background-position: center; + background-repeat: no-repeat; + background-clip: padding-box; +} +.image-uploader_window-logo-icon-selected { + width: 80%; + height: 90%; + -o-object-fit: scale-down; + object-fit: scale-down; + background-position: center; + background-repeat: no-repeat; + background-clip: padding-box; +} +.image-uploader_window-reset { + flex: 1; + height: 100%; + display: flex; + flex-direction: column; + justify-content: flex-end; +} +.image-uploader_window-reset-btn { + width: 78%; + height: 35px; + margin: 10px; + cursor: pointer; + font-size: 14px; + font-weight: 300; + color: var(--nfd-onboarding-primary); + border: 1px solid var(--nfd-onboarding-primary); +} +.image-uploader_window-select-btn { + display: none; +} + +.social-form { + width: 100%; + padding: 12px; + margin-top: 20px; + border-radius: 6px; + box-sizing: border-box; + border: 1px solid #D6D6D6; +} +.social-form__top-row { + display: flex; + cursor: pointer; + padding-left: 6px; + align-items: center; + justify-content: space-between; +} +.social-form__top-row_heading { + font-size: 1rem; + font-weight: 500; +} +.social-form__top-row_icon { + width: 24px; + height: 24px; + text-align: center; + background-position: center; + transition: all 0.3s ease-in; + background-repeat: no-repeat; + background-clip: padding-box; + background-image: var(--chevron-down-icon); +} +.social-form__top-row_icon_opened { + transform: rotateX(180deg); +} +.social-form__main-active { + opacity: 1; + overflow: hidden; + max-height: 650px; + transition: all 0.45s ease-in-out; + transition-property: max-height, opacity; +} +.social-form__main-hidden { + opacity: 0; + max-height: 0px; + overflow: hidden; + transition: all 0.45s ease-in-out; + transition-property: max-height, opacity; +} +.social-form__label { + display: flex; + padding-top: 10px; + padding-left: 6px; + padding-bottom: 3px; + align-items: center; + justify-content: flex-start; +} +.social-form__label-facebook { + padding-top: 18px; +} +.social-form__label_icon { + width: 20px; + height: 20px; + text-align: center; + padding-right: 10px; + background-position: center; + background-repeat: no-repeat; + background-clip: padding-box; +} +.social-form__label_name { + font-size: 0.9rem; +} +.social-form__box { + width: 95%; + font-size: 0.88rem; + margin: 6px 12px 10px 8px; +} +.social-form__box-error { + width: 95%; + font-size: 0.88rem; + margin: 6px 12px 10px 8px; + background-color: rgba(255, 0, 0, 0.18) !important; +} + +.nfd-input { + margin-bottom: 25px; + width: 100% !important; +} +.nfd-input__field { + padding: 14px; + margin: 6px 0px; + font-size: 0.9rem; + letter-spacing: 0.5px; + width: 100%; + resize: none; + overflow: hidden; + border-radius: 6px; + max-height: 150px; + border: 1px solid #D6D6D6; +} +.nfd-input__field_error { + background-color: rgba(255, 0, 0, 0.26) !important; +} +.nfd-input__label { + display: flex; + padding: 4px 2px; + align-items: center; + justify-content: space-between; +} +.nfd-input__label_title { + margin: 0px; + font-size: 1rem; + font-weight: 500; + letter-spacing: 0.5px; +} +.nfd-input__label_maxChar { + margin: 0px; + font-size: 0.81rem; + letter-spacing: 0.5px; +} +.nfd-input__hint { + margin: 0px; + font-weight: 300; + font-size: 0.87rem; + padding: 0px 1.5px; + font-style: italic; + letter-spacing: 0.5px; +} + +.nfd-onboarding-etw__buttons { + display: flex; + margin-top: 24px; + -moz-column-gap: 16px; + column-gap: 16px; +} +.nfd-onboarding-etw__buttons .components-button { + width: 50%; + justify-content: center; +} + +.nfd-onboarding-accordion { + border: 1px solid var(--nfd-onboarding-dark); + margin-bottom: 4px; + margin-top: 4px; + opacity: 0.8; + padding: 1px; + transition: opacity 233ms ease; +} +@media (prefers-reduced-motion: reduce) { + .nfd-onboarding-accordion { + transition-duration: 0s; + transition-delay: 0s; + } +} +.nfd-onboarding-accordion:hover, .nfd-onboarding-accordion:focus, .nfd-onboarding-accordion[open] { + opacity: 1; +} +.nfd-onboarding-accordion__summary { + background-color: var(--nfd-onboarding-light); + color: var(--nfd-onboarding-dark); + cursor: pointer; + font-weight: 700; + padding: 4px 8px; +} +.nfd-onboarding-accordion__summary p { + display: inline; +} +.nfd-onboarding-accordion__content { + margin: 0 16px; + padding: 8px 0; + color: var(--nfd-onboarding-dark); +} + +.nfd-onboarding-overview { + width: 100%; + max-width: 960px; + background-color: var(--nfd-onboarding-light); + padding: 20px; +} +.nfd-onboarding-overview__header { + display: flex; + align-items: center; + -moz-column-gap: 1rem; + column-gap: 1rem; +} +.nfd-onboarding-overview__header-icon { + display: flex; + place-items: center; +} +.nfd-onboarding-overview__header-icon svg { + fill: var(--nfd-onboarding-primary); +} +.nfd-onboarding-overview__header-heading { + margin: 0 0 6px 0; + color: var(--nfd-onboarding-dark); +} +.nfd-onboarding-overview__header-subheading { + color: var(--nfd-onboarding-dark); +} + +.nfd-onboarding-large-card { + display: flex; + max-width: 960px; + width: 60vw; + min-height: 60vh; + background: var(--nfd-onboarding-light); + position: relative; + transform-style: preserve-3d; + align-items: center; + flex-direction: column; + justify-content: space-evenly; + padding: 24px 32px; + margin: 20px; +} +@media (max-width: 781px) { + .nfd-onboarding-large-card { + justify-items: center; + align-items: center; + padding: 16px; + transform-style: flat; + } +} +.nfd-onboarding-large-card::before { + content: ""; + background: var(--nfd-onboarding-dark-icon) no-repeat; + width: 600px; + min-height: 500px; + transform: rotate(-14deg) translateZ(-1px); + position: absolute; + left: -15rem; + top: 2rem; +} +@media (max-width: 781px) { + .nfd-onboarding-large-card { + justify-items: center; + align-items: center; + transform-style: flat; + padding: 20px; + margin: 30px; + } + .nfd-onboarding-large-card::before { + display: none; + } +} +@media (min-width: 782px) and (max-width: 1300px) { + .nfd-onboarding-large-card::before { + width: 400px; + height: 350px; + left: -10.5rem; + } +} +@media (min-width: 2600px) { + .nfd-onboarding-large-card { + max-width: 100%; + width: 50vw; + min-height: 960px; + } + .nfd-onboarding-large-card::before { + width: 860px; + min-height: 600px; + left: -19rem; + } +} +.nfd-onboarding-large-cardnot::before { + justify-content: center; +} + +/*COLOR VARIABLES*/ +/*BORDER RADIUS*/ +.nfd-card { + display: flex; + cursor: pointer; + width: 290px; + padding-left: 10px; + margin-right: 10px; + align-items: center; + flex-direction: column; + justify-content: center; + box-shadow: none !important; + background-color: transparent !important; +} +.nfd-card__top_row { + width: 100%; + display: flex; + position: absolute; + align-items: center; + justify-content: center; +} +.nfd-card__body { + height: 200px; + padding: 8px; + text-align: center; + margin-top: 50px; + border-radius: 6px; + margin-right: 15px; + padding-top: 20px; + border-radius: 0.2rem; + background-color: transparent; + border: 1px solid rgba(var(--nfd-onboarding-border), 0.6); +} +.nfd-card__body_title { + font-weight: 700; + margin-top: 30px; + color: var(--nfd-onboarding-dark); + padding: 14px 0px 10px 0px; + transition: color 300ms ease-in; + font-size: clamp(1rem, 2.5vw, 1.5rem); +} +.nfd-card__body_description { + font-weight: 400; + text-align: center; + letter-spacing: 0.5px; + color: var(--nfd-onboarding-dark); + font-size: clamp(0.8rem, 2vw, 0.87rem); +} +.nfd-card__icon { + flex: 1; + display: flex; + margin-top: 10px; + margin-right: -25px; + align-items: center; + justify-content: center; +} +.nfd-card__icon_box { + width: 64px; + height: 64px; + border-radius: 50%; + text-align: center; + background-position: center; + background-repeat: no-repeat; + background-clip: padding-box; + background-color: var(--nfd-onboarding-dark); + border: 4px solid rgba(var(--nfd-onboarding-highlighted--rgb), 0.10544); +} +.nfd-card__icon_box-selected { + background-color: var(--nfd-onboarding-primary-alt) !important; +} +.nfd-card__icon_selected { + width: 40px; + height: 40px; + display: flex; + border-radius: 50%; + align-items: center; + margin-top: 20px; + justify-content: center; + background-clip: padding-box; + background-color: var(--nfd-onboarding-primary-alt); +} +.nfd-card__icon_selected_path { + fill: var(--nfd-onboarding-white); + transform: scale(0.7); +} +.nfd-card__icon_unselected { + width: 40px; + height: 40px; + opacity: 0; +} + +.nfd-selected-card { + transition: all 0.2s ease-in-out; + background-color: rgba(var(--nfd-onboarding-highlighted--rgb), 0.18) !important; +} + +.nfd-selected-card-box { + transform: scale(1.05); +} + +.selectable_cards { + gap: 1.5rem; + width: 100%; + display: flex; + justify-content: center; +} +@media (max-width: 960px) { + .selectable_cards { + flex-direction: column; + align-items: center; + } +} + +/*COLOR VARIABLES*/ +.nfd-main-heading { + width: 96%; + margin: 50px 0 50px; + line-height: 1; +} +.nfd-main-heading__title { + font-weight: 700; + text-align: center; + color: var(--nfd-onboarding-primary); + margin: 35px !important; + font-size: clamp(1.6rem, 4vw, 3.6rem); +} +.nfd-main-heading__subtitle { + color: var(--nfd-onboarding-black); + font-weight: 400; + text-align: center; + font-size: clamp(0.85rem, 3.2vw, 1.7rem); +} + +.nfd-card-button { + cursor: pointer; +} +.nfd-card-button:disabled { + cursor: default; + opacity: 0.3; +} + +.nfd-step-card-heading { + margin: 5px; + font-weight: 700; + line-height: 1.25; + text-align: center; + font-size: clamp(1.5rem, 1.82vw + 1.05rem, 2.5rem); +} +@media (max-width: 782px) { + .nfd-step-card-heading { + font-size: clamp(1rem, 3.5vw, 1.2rem); + margin: 10px; + } +} +@media (min-width: 2600px) { + .nfd-step-card-heading { + font-size: clamp(1rem, 2.44vw + 0.39rem, 6.25rem); + margin: 40px; + } +} + +.nfd-step-card-subheading { + margin: 5px; + font-weight: 700; + color: var(--wp-admin-theme-color); + font-size: clamp(1rem, 0.91vw + 0.77rem, 1.5rem); + text-align: center; + line-height: 1; +} +@media (min-width: 782px) { + .nfd-step-card-subheading { + padding-bottom: 30px; + } +} +@media (min-width: 2600px) { + .nfd-step-card-subheading { + font-size: clamp(3.38rem, -0.47vw + 3.49rem, 2.37rem); + margin: 80px; + } +} + +.nfd-step-card-subheading-other { + font-weight: 700; + margin-top: 35px; + color: var(--wp-admin-theme-color); + font-size: clamp(0.8rem, 2.5vw, 1.2rem); +} +@media (max-width: 782px) { + .nfd-step-card-subheading-other { + margin: 3px; + font-size: clamp(0.7rem, 2.2vw, 1.2rem); + } +} +@media (min-width: 2600px) { + .nfd-step-card-subheading-other { + font-size: clamp(3.38rem, -0.47vw + 3.49rem, 2.37rem); + margin: 80px; + } +} + +.nfd-step-card-question { + margin: 18px; + font-size: clamp(1rem, 2vw, 1.8rem); +} +@media (min-width: 2600px) { + .nfd-step-card-question { + font-size: clamp(3.38rem, -0.47vw + 3.49rem, 2.37rem); + font-weight: 700; + margin: 60px; + } +} + +.nfd-card-need-help-tag { + color: black; + padding: 20px; + font-weight: 200; + text-align: center; + font-style: italic; + font-size: clamp(0.6rem, 1.5vw, 0.9rem); +} +.nfd-card-need-help-tag a { + text-decoration: none; + padding: 0px 0.4rem; +} +@media (max-width: 782px) { + .nfd-card-need-help-tag { + padding: 9px; + } +} +@media (min-width: 2600px) { + .nfd-card-need-help-tag { + font-size: clamp(1.6rem, -0.09vw + 1rem, 1.78rem); + font-weight: 450; + } +} + +.interface-interface-skeleton__sidebar { + height: 100%; + position: relative; + overflow: hidden; +} + +.nfd-onboarding-sidebar__panel { + height: 100%; + position: relative; + width: 0; + overflow: hidden; + transition: width 100ms linear; +} +@media (prefers-reduced-motion: reduce) { + .nfd-onboarding-sidebar__panel { + transition-duration: 0s; + transition-delay: 0s; + } +} +.nfd-onboarding-sidebar__panel-inner { + position: relative; + width: 300px; + height: 100%; + overflow: hidden; + visibility: hidden; + transition: visibility 100ms linear; +} +@media (prefers-reduced-motion: reduce) { + .nfd-onboarding-sidebar__panel-inner { + transition-duration: 0s; + transition-delay: 0s; + } +} + +.nfd-onboarding-sidebar__panel.is-open { + width: 300px; +} +.nfd-onboarding-sidebar__panel.is-open .nfd-onboarding-sidebar__panel-inner, +.nfd-onboarding-sidebar__panel.is-open .interface-interface-skeleton__sidebar { + visibility: visible; +} + +.components-button:focus:not(:disabled), +.components-button.is-pressed:focus:not(:disabled) { + box-shadow: none; +} + +.nfd-onboarding-sidebar-learn-more { + padding: 0px !important; +} + +.nfd-onboarding-sidebar-learn-more__header--icon { + width: 24px; + height: 24px; + display: flex; + align-items: center; + justify-content: center; +} + +.nfd-onboarding-sidebar-learn-more__container { + display: flex; +} + +.nfd-onboarding-sidebar-learn-more__text { + align-items: center; +} + +.nfd-onboarding-sidebar-learn-more__icon { + margin-right: 5%; +} + +.nfd-onboarding-sidebar-learn-more__text-heading, +.nfd-onboarding-sidebar-learn-more__text-subheading { + margin-top: 2px; +} + +.nfd-onboarding-sidebar-learn-more__menu-button { + margin: 0px 5px; + min-height: 40px; +} + +.live-preview__container-small { + width: 70%; + height: 70%; + overflow: hidden; + max-width: 320px; + max-height: 320px; +} +.live-preview__container-large { + width: 70%; + height: 70%; + overflow: hidden; + max-width: 925px; + max-height: 925px; +} +.live-preview__container--is-skeleton { + z-index: 1; + width: 100%; + height: 100%; + display: flex; + position: absolute; + align-items: center; + flex-direction: column; + background-color: var(--nfd-onboarding-light-gray); +} +.live-preview__container--is-skeleton--box { + width: 90%; + margin: 12px; + background: #e2e2e2; +} +.live-preview__container--is-skeleton--box-header { + height: 10%; +} +.live-preview__container--is-skeleton--box-body-1 { + height: 40%; +} +.live-preview__container--is-skeleton--box-body-2 { + height: 15%; +} +.live-preview__container--is-skeleton--box-footer { + height: 5%; +} +.live-preview__container--is-skeleton--shimmer { + z-index: 2; + width: 100%; + height: 100%; + position: absolute; + background-image: linear-gradient(90deg, rgba(var(--nfd-onboarding-white-rgb), 0) 0, rgba(var(--nfd-onboarding-white-rgb), 0.4) 20%, rgba(var(--nfd-onboarding-white-rgb), 0.6) 60%, rgba(var(--nfd-onboarding-white-rgb), 0.4) 90%, rgba(var(--nfd-onboarding-white-rgb), 0.02) 100%, var(--nfd-onboarding-light-gray)); + -webkit-animation: shine 1.5s linear infinite; + animation: shine 1.5s linear infinite; +} + +/*COLOR VARIABLES*/ +.live-preview--selectable-card { + flex: 1; + width: 100%; + margin: 24px; + display: flex; + overflow: hidden; + align-items: center; + flex-direction: column; + justify-content: center; +} +.live-preview--selectable-card__title-bar { + width: 90%; + height: 15px; + display: flex; + align-items: center; + background-color: #e4e4e4; + justify-content: space-between; + border: 1px solid transparent; +} +.live-preview--selectable-card__title-bar__browser { + display: flex; + align-items: center; + justify-content: center; +} +.live-preview--selectable-card__title-bar__browser__dot { + background-color: #989EA7; + width: 8px; + margin: 3px; + height: 8px; + border-radius: 50%; + display: inline-block; +} +.live-preview--selectable-card__title-bar--selected { + z-index: 2; + width: 40px; + height: 40px; + display: flex; + margin-right: -15px; + border-radius: 50%; + align-items: center; + justify-content: center; + background-clip: padding-box; + background-color: var(--nfd-onboarding-primary-alt); +} +.live-preview--selectable-card__title-bar--selected__path { + fill: var(--nfd-onboarding-white); + transform: scale(0.7); +} +.live-preview--selectable-card__title-bar--unselected { + display: none; +} +.live-preview--selectable-card__live-preview-container { + position: relative; + width: 90%; + overflow: hidden; + align-items: center; + border: 1px solid #e3dfdf; +} +.live-preview--selectable-card__live-preview-container .live-preview__container-custom { + width: 100%; + overflow: hidden; + height: 300px; +} +.live-preview--selectable-card__live-preview-container__overlay { + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + height: 100%; + width: 100%; + opacity: 0; + transition: 0.5s ease; + background-color: rgb(28, 92, 186); +} +.live-preview--selectable-card__live-preview-container__overlay__icon { + fill: var(--nfd-onboarding-white); + font-size: 20px; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + text-align: center; +} +.live-preview--selectable-card__live-preview-container__overlay:hover { + cursor: pointer; + opacity: 0.74; +} + +.theme-colors-preview { + flex: 1; + width: 100%; + margin: 16px; + display: flex; + align-items: center; + flex-direction: column; + justify-content: center; +} +.theme-colors-preview__title-bar { + width: 70%; + height: 15px; + display: flex; + align-items: center; + background-color: #ccc; + justify-content: space-between; + border: 1px solid transparent; +} +.theme-colors-preview__title-bar__browser { + display: flex; + align-items: center; + justify-content: center; +} +.theme-colors-preview__title-bar__browser__dot { + background-color: #989ea7; + width: 8px; + margin: 3px; + height: 8px; + border-radius: 50%; + display: inline-block; +} +.theme-colors-preview__live-preview-container { + width: 70%; + min-height: 90vh; + overflow: hidden; + position: relative; + align-items: center; + border: 1px solid #e3dfdf; + margin-bottom: 30px; +} +.theme-colors-preview__live-preview-container .live-preview__container-custom { + width: 100%; +} + +.nfd-onboarding-experience-step { + display: flex; + align-items: center; + width: 100%; + flex-direction: column; +} +.nfd-onboarding-experience-step-tabs label { + border: 1px solid var(--nfd-onboarding-light-gray-2); + display: flex; + justify-content: flex-start; + padding: 10px 190px 10px 15px; + color: var(--nfd-onboarding-black); + background: var(--nfd-onboarding-light-gray); + font-weight: 350; + font-size: clamp(0.8rem, 1.5vw, 1.2rem); + line-height: 1.5; + margin: 5px; + white-space: nowrap; +} +@media (max-width: 781px) { + .nfd-onboarding-experience-step-tabs label { + padding-right: 100px; + } +} +@media (min-width: 3700px) { + .nfd-onboarding-experience-step-tabs label { + font-size: clamp(3.7rem, -0.27vw + 3.5rem, 3rem); + margin: 25px; + font-weight: 360; + } +} +.nfd-onboarding-experience-step-tabs input:checked + label { + color: var(--nfd-onboarding-white); + background: var(--wp-admin-theme-color-darker-10); + border: none; +} +.nfd-onboarding-experience-step .components-radio-control { + margin: 20px 0px 60px; + align-items: center; +} +.nfd-onboarding-experience-step .components-radio-control__input input { + display: none !important; +} + +.nfd-nav-card-button { + color: var(--nfd-onboarding-white); + background-color: var(--wp-admin-theme-color-darker-10); + padding: 16px; + width: 90%; + font-size: clamp(0.7rem, 1.2vw, 1.4em); + font-weight: 500; + border-radius: 4px; + border: none; + outline: 1px solid transparent; +} +@media (max-width: 782px) { + .nfd-nav-card-button { + padding: 24px 32px; + } +} +@media (min-width: 2600px) { + .nfd-nav-card-button { + font-size: clamp(2.81rem, -0.48vw + 2.93rem, 1.78rem); + } +} + +@media (max-width: 781px) { + .sm\:col-layout { + display: flex; + flex-direction: column; + justify-content: space-between; + gap: min(1.5em, 24px); + } +} +@media (min-width: 782px) { + .md\:row-layout { + display: flex; + flex-direction: row; + justify-content: space-between; + } +} +@media (max-width: 2200px) { + .ecommerce-step { + height: -webkit-fit-content; + height: -moz-fit-content; + height: fit-content; + } +} + +.onboarding-ecommerce-step .nfd-nav-card-button { + min-height: 4vh; +} + +.nfd-ecommerce-address-step { + padding: 1rem 0; +} +.nfd-ecommerce-address-step label { + display: block; + font-size: 16px; + font-weight: 500; + line-height: 1; + padding-bottom: 5px; +} +.nfd-ecommerce-address-step label[data-required=true]::after { + content: " *"; +} +.nfd-ecommerce-address-step input, +.nfd-ecommerce-address-step select { + font-size: 1em; + padding-left: 1.3em; + border: 1px solid #d6d6d6; + border-radius: 2px; +} +@media (min-width: 782px) { + .nfd-ecommerce-address-step label { + font-size: 18px; + padding-bottom: 13px; + } + .nfd-ecommerce-address-step input, +.nfd-ecommerce-address-step select { + font-size: 16px; + min-height: 48px; + width: 400px; + } +} +@media (max-width: 781px) and (min-width: 481px) { + .nfd-ecommerce-address-step input, +.nfd-ecommerce-address-step select { + min-height: 32px; + min-width: 100%; + } +} +@media (max-width: 480px) { + .nfd-ecommerce-address-step input, +.nfd-ecommerce-address-step select { + min-height: 32px; + max-width: 60vw; + min-width: 60vw; + } +} +@media (max-width: 781px) { + .nfd-ecommerce-address-step { + width: 70vw; + } +} +.nfd-ecommerce-address-step .store-address-form { + display: -ms-grid; + display: grid; + gap: min(1.5em, 24px); + -ms-grid-columns: auto; + grid-template-columns: auto; + padding: 1em 0; +} +@media (max-width: 781px) { + .nfd-ecommerce-address-step .store-address-form .full-address-fields { + width: 100%; + } + .nfd-ecommerce-address-step .store-address-form .full-address-fields input, +.nfd-ecommerce-address-step .store-address-form .full-address-fields select { + width: 100%; + } +} +@media (min-width: 782px) { + .nfd-ecommerce-address-step .store-address-form .full-address-fields { + width: calc(var(--fields) * 27%); + } + .nfd-ecommerce-address-step .store-address-form .full-address-fields input, +.nfd-ecommerce-address-step .store-address-form .full-address-fields select { + width: 140px; + } +} +.nfd-ecommerce-address-step form.onboarding-ecommerce-step { + height: 75%; + font-size: 1em; +} +.nfd-ecommerce-address-step form.onboarding-ecommerce-step .nfd-nav-card-button { + width: 80%; + margin: 0 10%; +} +@media (max-width: 782px) { + .nfd-ecommerce-address-step div.onboarding-ecommerce-step { + width: 90%; + } +} +@media (min-width: 782px) { + .nfd-ecommerce-address-step .onboarding-ecommerce-step { + width: 100%; + } + .nfd-ecommerce-address-step div.onboarding-ecommerce-step { + justify-content: space-around; + } + .nfd-ecommerce-address-step form.onboarding-ecommerce-step { + height: unset; + } + .nfd-ecommerce-address-step .store-address-form { + padding: 2em 5%; + } +} + +div.onboarding-ecommerce-step { + color: var(--nfd-onboarding-black); + display: flex; + align-items: center; + flex-direction: column; + justify-content: space-between; + gap: 1em; +} +div.onboarding-ecommerce-step h2.nfd-step-card-heading { + color: var(--wp-admin-theme-color-darker-10); +} +div.onboarding-ecommerce-step h3.nfd-step-card-subheading { + font-weight: 500; + color: var(--nfd-onboarding-black); +} + +@media (min-width: 480px) { + div.step-product-numbers:nth-child(3) .components-v-stack { + flex-direction: row !important; + } +} + +div.onboarding-product-step { + width: 50vw; +} +@media only screen and (min-width: 1921px) { + div.onboarding-product-step { + width: 35vw; + } +} +div.onboarding-product-step .nfd-card-need-help-tag { + padding: 20px 0 0; +} +div.onboarding-product-step div.nfd-product-step-options { + display: -ms-grid; + display: grid; + -ms-grid-columns: calc((50vw - 15px) / 2) calc((50vw - 15px) / 2); + grid-template-columns: calc((50vw - 15px) / 2) calc((50vw - 15px) / 2); + gap: 15px; +} +@media (max-width: 480px) { + div.onboarding-product-step div.nfd-product-step-options { + -ms-grid-columns: 1fr; + grid-template-columns: 1fr; + gap: 2px; + } +} +@media only screen and (min-width: 1921px) { + div.onboarding-product-step div.nfd-product-step-options { + -ms-grid-columns: calc((35vw - 15px) / 2) calc((35vw - 15px) / 2); + grid-template-columns: calc((35vw - 15px) / 2) calc((35vw - 15px) / 2); + } +} +div.onboarding-product-step .components-checkbox-control { + padding: 16px; + background-color: #F0F0F0; +} +@media (max-width: 600px), (max-height: 600px) { + div.onboarding-product-step .components-checkbox-control { + padding: 5px; + } +} +div.onboarding-product-step .components-checkbox-control .components-base-control__field { + margin-bottom: 0; +} +div.onboarding-product-step .step-product-numbers { + display: -ms-grid; + display: grid; + width: 100%; + margin: 0.5em 0; +} +div.onboarding-product-step .step-product-numbers > * { + -ms-grid-row-align: center; + align-self: center; +} +@media (min-width: 1180px) { + div.onboarding-product-step .step-product-numbers { + gap: 1em; + -ms-grid-columns: auto -webkit-max-content; + -ms-grid-columns: auto max-content; + grid-template-columns: auto -webkit-max-content; + grid-template-columns: auto max-content; + } + div.onboarding-product-step .step-product-numbers > * { + align-self: baseline; + } + div.onboarding-product-step .step-product-numbers .components-radio-control { + margin-left: auto; + } +} +div.onboarding-product-step .step-product-numbers .components-radio-control { + align-items: normal; +} +div.onboarding-product-step .step-product-numbers .components-radio-control .components-base-control__field { + display: flex; +} +@media (max-width: 1080px) { + div.onboarding-product-step .step-product-numbers .components-radio-control .components-base-control__field { + flex-wrap: wrap; + } +} +div.onboarding-product-step .step-product-numbers .components-radio-control .components-radio-control__option { + margin: 1em 1em 1em 0; +} +@media (min-width: 1180px) { + div.onboarding-product-step .step-product-numbers .components-radio-control .components-radio-control__option { + margin: 0 1em 0 0; + } +} +div.onboarding-product-step .step-product-numbers .components-radio-control label { + padding: 10px; + border: 1px solid #DBDBDB; + cursor: pointer; +} +div.onboarding-product-step .step-product-numbers .components-radio-control input:checked + label { + color: var(--nfd-onboarding-white); + background: var(--wp-admin-theme-color-darker-10); +} + +.radio-control-tax-step label { + padding: 10px 190px 10px 15px; +} +@media (max-width: 781px) { + .radio-control-tax-step label { + padding-right: 15px; + } +} +@media (max-width: 480px) { + .radio-control-tax-step label { + padding: clamp(10px, 1.5vh, 15px) clamp(10px, 5%, 13px) clamp(10px, 5%, 13px); + width: unset; + height: -webkit-fit-content; + height: -moz-fit-content; + height: fit-content; + line-height: 1.5; + white-space: normal; + } +} + +.step-error-state { + justify-content: center; +} +.step-error-state__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: 782px) { + .step-error-state__logo { + width: 100vw; + height: 30vh; + } +} +.step-error-state__error { + padding: 0; + margin-bottom: 20px; + font-weight: 400; + text-align: center; + font-size: clamp(0.85rem, 3.2vw, 1.7rem); +} + +.sidebar-skeleton { + width: 100%; +} +.sidebar-skeleton-divider { + width: 100%; + margin: 20px 0px; + border-top: 1px solid #bbb; +} +.sidebar-skeleton-header { + width: 95%; + padding: 16px; +} +.sidebar-skeleton-header-top { + width: 80%; + margin: 8px; + display: flex; + align-items: center; +} +.sidebar-skeleton-header-top-profile { + width: 25px; + height: 25px; + margin-right: 15px; +} +.sidebar-skeleton-header-top-header { + width: 40%; + height: 15px; +} +.sidebar-skeleton-header-below { + width: 100%; + margin: 8px; + margin-left: 45px; +} +.sidebar-skeleton-header-below-subheading-1 { + width: 70%; + margin: 4px; + height: 15px; +} +.sidebar-skeleton-header-below-subheading-2 { + margin: 4px; + width: 50%; + height: 15px; +} +.sidebar-skeleton-body { + width: 90%; + height: 250px; + display: flex; + padding: 16px; + margin-top: 20px; + margin-bottom: 20px; + align-items: center; + justify-content: center; +} +.sidebar-skeleton-body-image { + width: 95%; + height: 100%; +} +.sidebar-skeleton-footer { + width: 85%; + margin: 8px; + padding: 16px; +} +.sidebar-skeleton-footer-line-1 { + width: 45%; + height: 15px; + margin-bottom: 15px; +} +.sidebar-skeleton-footer-line-2 { + width: 70%; + height: 15px; + margin-bottom: 5px; +} +.sidebar-skeleton-footer-line-3 { + width: 90%; + height: 15px; + margin-bottom: 5px; +} +.sidebar-skeleton-footer-line-4 { + width: 80%; + height: 15px; + margin-bottom: 5px; +} +.sidebar-skeleton-footer-line-5 { + width: 30%; + height: 15px; + margin-bottom: 5px; +} +.sidebar-skeleton-footer-buttons { + width: 100%; + display: flex; + margin-top: 50px; + align-items: center; + flex-direction: column; + justify-content: center; +} +.sidebar-skeleton-footer-buttons-button-1 { + width: 100%; + margin: 8px; + height: 40px; + display: flex; + align-items: center; + margin-bottom: 20px; + justify-content: center; + border: 1px solid rgba(var(--wp-admin-theme-color--rgb), 0.4) !important; +} +.sidebar-skeleton-footer-buttons-button-2 { + width: 70%; + height: 15px; + background-color: rgba(var(--wp-admin-theme-color--rgb), 0.4) !important; +} +.sidebar-skeleton-footer-buttons-button-3 { + width: 30%; + height: 15px; + background-color: rgba(var(--wp-admin-theme-color--rgb), 0.4) !important; +} + +.shimmer { + background: #f6f7f8; + background-repeat: no-repeat; + -webkit-animation: shine-placeholder 1.5s linear infinite; + animation: shine-placeholder 1.5s linear infinite; + background-image: linear-gradient(to right, #f6f7f8 0%, var(--nfd-onboarding-light-gray) 20%, #f6f7f8 40%, #f6f7f8 100%); +} + +.shimmer-1 { + background: rgba(var(--wp-admin-theme-color--rgb), 0.4); + background-repeat: no-repeat; + -webkit-animation: shine-placeholder 1.5s linear infinite; + animation: shine-placeholder 1.5s linear infinite; + background-image: linear-gradient(to right, rgba(var(--wp-admin-theme-color--rgb), 0.4) 0%, rgba(var(--wp-admin-theme-color--rgb), 0.6) 20%, rgba(var(--wp-admin-theme-color--rgb), 0.4) 40%, rgba(var(--wp-admin-theme-color--rgb), 0.4) 100%); +} + +.basic-info { + display: flex; + align-items: center; + flex-direction: column; + justify-content: center; +} +.basic-info-form { + width: 90vw; + display: flex; + padding-top: 20px; + flex-direction: column; +} +.basic-info-form__left { + flex: 1; + margin: 3vw; +} +.basic-info-form__right { + flex: 1; + margin: 3vw; +} +@media (min-width: 1080px) { + .basic-info-form { + width: 70vw; + flex-direction: row; + justify-content: center; + } +} + +.error__show { + display: inline-block; + text-align: center; + border-radius: 6px; + padding: 20px; + background-color: rgba(255, 0, 0, 0.3); +} +.error__hide { + display: none; +} + +.info-button-top-priority { + margin: 16px; + font-weight: 500; + font-style: italic; +} + +/*COLOR VARIABLES*/ +.homepage_preview { + display: flex; + padding-top: 60px; + align-items: center; + flex-direction: column; + justify-content: center; +} +.homepage_preview__list { + width: 60vw; + height: 100%; + display: flex; + align-items: center; + justify-content: center; +} +@media (max-width: 960px) { + .homepage_preview__list { + width: 95vw; + align-items: center; + flex-direction: column; + } +} +.homepage_preview__list__item { + flex: 1; + width: 100%; + margin: 24px; + display: flex; + align-items: center; + flex-direction: column; + justify-content: center; +} +.homepage_preview__list__item__title-bar { + width: 90%; + height: 15px; + display: flex; + align-items: center; + background-color: #E4E4E4; + justify-content: space-between; + border: 1px solid transparent; +} +.homepage_preview__list__item__title-bar__browser { + display: flex; + align-items: center; + justify-content: center; +} +.homepage_preview__list__item__title-bar__browser__dot { + width: 8px; + margin: 3px; + height: 8px; + border-radius: 50%; + display: inline-block; + background-color: #989ea7; +} +.homepage_preview__list__item__title-bar--selected { + z-index: 2; + width: 40px; + height: 40px; + display: flex; + margin-right: -15px; + border-radius: 50%; + align-items: center; + justify-content: center; + background-clip: padding-box; + background-color: var(--nfd-onboarding-primary-alt); +} +.homepage_preview__list__item__title-bar--selected__path { + fill: var(--nfd-onboarding-white); + transform: scale(0.7); +} +.homepage_preview__list__item__title-bar--unselected { + display: none; +} +.homepage_preview__list__item__live-preview-container { + position: relative; + width: 90%; + align-items: center; + border: 1px solid #e3dfdf; +} +.homepage_preview__list__item__live-preview-container .live-preview__container-custom { + width: 100%; + overflow: hidden; + height: 300px; +} +.homepage_preview__list__item__live-preview-container { + position: relative; + width: 90%; + align-items: center; + border: 1px solid #e3dfdf; +} +.homepage_preview__list__item__live-preview-container .live-preview__container-custom { + width: 100%; + height: 400px; + overflow-y: scroll; +} + +.nfd-onboarding-overview { + width: 100%; + max-width: 960px; + background-color: var(--nfd-onboarding-light); + padding: 20px; +} +.nfd-onboarding-overview__header { + display: flex; + align-items: center; + -moz-column-gap: 1rem; + column-gap: 1rem; +} +.nfd-onboarding-overview__header-icon { + display: flex; + place-items: center; +} +.nfd-onboarding-overview__header-icon svg { + fill: var(--nfd-onboarding-primary); +} +.nfd-onboarding-overview__header-heading { + margin: 0 0 6px 0; + color: var(--nfd-onboarding-dark); +} +.nfd-onboarding-overview__header-subheading { + color: var(--nfd-onboarding-dark); +} +.nfd-onboarding-overview__tab-panel { + width: 90%; + padding-bottom: 40px; + color: var(--nfd-onboarding-dark); +} + +.nfd-step-card-subheading { + display: flex; + justify-content: space-around; +} + +.components-tab-panel__tabs { + justify-content: space-around; +} +@media screen and (max-width: 480px) { + .components-tab-panel__tabs { + width: 100%; + } +} + +.components-tab-panel__tabs > .components-button:focus:not(:disabled), +.components-tab-panel__tabs > .components-button.is-pressed:focus:not(:disabled) { + box-shadow: inset 0 -3.5px 0 0 var(--wp-admin-theme-color); +} + +.components-tab-panel__tabs-item { + justify-content: center; + border-bottom: 1px solid #CCCCCC; + width: 100%; + font-size: clamp(0.55rem, 1vw + 0.3rem, 1rem); + line-height: 1.5; +} +.components-tab-panel__tabs-item.is-active { + color: var(--wp-admin-theme-color); + box-shadow: inset 0 -3.5px 0 0 var(--wp-admin-theme-color); +} +.components-tab-panel__tabs-item.is-not-active { + box-shadow: none !important; +} + +.tab-data { + width: 100%; + padding-top: 40px; + display: flex; + flex-direction: row; + align-items: stretch; + justify-content: space-around; +} + +.content-text { + padding-right: 10px; + font-size: clamp(0.88rem, 0.45rem + 0.76vw, 1.13rem); + line-height: 1.6; + width: 390px; +} + +.content-img { + background-image: var(--get-started-content-img); + background-size: contain; + background-repeat: no-repeat; + height: 200px; + width: 350px; +} + +.features-img { + background-image: var(--get-started-features-img); + background-size: contain; + background-repeat: no-repeat; + height: 200px; + width: 350px; +} + +.design-img { + background-image: var(--get-started-design-img); + background-size: contain; + background-repeat: no-repeat; + height: 200px; + width: 350px; +} + +.welcome-card { + display: flex; + flex-direction: column; + align-items: center; + justify-content: space-evenly; + height: 100%; + width: 100%; + padding-bottom: 10px; +} + +@media screen and (max-width: 782px) { + .tab-data { + flex-direction: column-reverse; + align-items: center; + } + + .content-text { + text-align: center; + width: 100%; + min-height: 10px; + } + + .content-img, .design-img, .features-img { + max-height: 100px; + max-width: 180px; + } +} +.nfd-setup-primary-categories { + margin-top: 2rem; + width: 40vw; + text-align: center; +} +.nfd-setup-primary-categories .nfd-card-category.chosenPrimaryCategory { + background-color: var(--wp-admin-theme-color-darker-10); + color: var(--nfd-onboarding-light); +} +.nfd-setup-primary-categories .nfd-card-category .nfd-card-category-wrapper { + display: inline-flex; + align-items: center; +} +.nfd-setup-primary-categories .icon { + width: 25px; + height: 24px; + display: inline-block; + background-repeat: no-repeat; + background-position: center; +} +.nfd-setup-primary-second { + display: flex; + align-items: center; + flex-direction: column; + justify-content: space-around; + width: 100%; +} +.nfd-setup-primary-second-bottom { + margin-top: 20px; + width: 100%; + display: flex; + flex-flow: column; + align-items: center; +} + +.nfd-card-category { + color: var(--nfd-onboarding-black); + padding: 1rem; + background-color: var(--nfd-onboarding-light-gray-3); + background-position: center; + display: inline-flex; + margin: auto 0rem 1rem 1rem; + border-radius: 2.5rem; + cursor: pointer; + align-items: center; +} + +.blackText { + color: var(--nfd-onboarding-black); + font-size: 1rem; + font-weight: 700; + text-align: center; + padding: 10px; +} + +.tellUsInput { + width: 30vw; + margin: 0 1rem 1rem; + height: 4vh; +} +@media (max-width: 781px) { + .tellUsInput { + width: 40vw; + } +} + +.nfd-setup-secondary-categories { + text-align: center; + margin-top: 1rem; +} +.nfd-setup-secondary-categories .nfd-card-category-wrapper { + display: inline-flex; + margin-bottom: 2rem; + border-bottom: 2px solid #00568c; +} +.nfd-setup-secondary-categories .nfd-card-category-wrapper .category-scrolling-wrapper { + width: 15vw; + display: flex; + justify-content: center; +} +.nfd-setup-secondary-categories button { + display: inline-block; +} +.nfd-setup-secondary-categories .categName { + display: inline-block; + color: black; + font-size: 0.8rem; + font-weight: 400; + margin-top: 0; + text-transform: uppercase; + margin-bottom: 0.3rem; +} +.nfd-setup-secondary-categories .iconSiteType { + background-repeat: no-repeat; + display: inline-block; + width: 1vw; + height: 2vh; + cursor: pointer; +} +.nfd-setup-secondary-categories .icon { + width: 25px; + height: 24px; + display: inline-block; + background-repeat: no-repeat; +} +@media (max-width: 500px) { + .nfd-setup-secondary-categories .icon { + display: none; + } +} +.nfd-setup-secondary-categories .subCategoriesSection .nfd-card-category.chosenSecondaryCategory { + background-color: var(--wp-admin-theme-color-darker-10); + color: var(--nfd-onboarding-light); +} +.nfd-setup-secondary-second { + display: flex; + align-items: center; + flex-direction: column; + justify-content: space-around; +} +.nfd-setup-secondary-second-bottom { + margin-top: 20px; +} + +/*COLOR VARIABLES*/ +.theme-styles-menu { + display: flex; + padding-top: 60px; + align-items: center; + flex-direction: column; + justify-content: center; +} +.theme-styles-menu__list { + width: 60vw; + height: 100%; + display: flex; + align-items: center; + justify-content: center; +} +@media (max-width: 960px) { + .theme-styles-menu__list { + width: 95vw; + align-items: center; + flex-direction: column; + } +} +.theme-styles-menu__list__item { + flex: 1; + width: 100%; + margin: 24px; + display: flex; + align-items: center; + flex-direction: column; + justify-content: center; +} +.theme-styles-menu__list__item__title-bar { + width: 90%; + height: 15px; + display: flex; + align-items: center; + background-color: #e4e4e4; + justify-content: space-between; + border: 1px solid transparent; +} +.theme-styles-menu__list__item__title-bar__browser { + display: flex; + align-items: center; + justify-content: center; +} +.theme-styles-menu__list__item__title-bar__browser__dot { + background-color: #989EA7; + width: 8px; + margin: 3px; + height: 8px; + border-radius: 50%; + display: inline-block; +} +.theme-styles-menu__list__item__title-bar--selected { + z-index: 2; + width: 40px; + height: 40px; + display: flex; + margin-right: -15px; + border-radius: 50%; + align-items: center; + justify-content: center; + background-clip: padding-box; + background-color: var(--nfd-onboarding-primary-alt); +} +.theme-styles-menu__list__item__title-bar--selected__path { + fill: var(--nfd-onboarding-white); + transform: scale(0.7); +} +.theme-styles-menu__list__item__title-bar--unselected { + display: none; +} +.theme-styles-menu__list__item__live-preview-container { + position: relative; + width: 90%; + overflow: hidden; + align-items: center; + border: 1px solid #e3dfdf; +} +.theme-styles-menu__list__item__live-preview-container .live-preview__container-custom { + width: 100%; + overflow: hidden; + height: 300px; +} +.theme-styles-menu__list__item__live-preview-container__overlay { + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + height: 100%; + width: 100%; + opacity: 0; + transition: 0.5s ease; + background-color: rgb(28, 92, 186); +} +.theme-styles-menu__list__item__live-preview-container__overlay__icon { + fill: var(--nfd-onboarding-white); + font-size: 20px; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + text-align: center; +} +.theme-styles-menu__list__item__live-preview-container__overlay:hover { + cursor: pointer; + opacity: 0.74; +} + +.theme-styles-preview { + flex: 1; + width: 100%; + display: flex; + align-items: center; + flex-direction: column; + justify-content: center; + background-color: #eee; +} +.theme-styles-preview__checkbox { + margin: 20px 0; + width: 70%; + display: inline; +} +.theme-styles-preview__checkbox .components-checkbox-control__checked { + height: 32px; + width: 32px; + left: 0; + top: 0; +} +.theme-styles-preview__checkbox .components-checkbox-control__input-container { + height: 32px; + width: 32px; +} +.theme-styles-preview__checkbox .components-checkbox-control__input[type=checkbox] { + height: 32px; + width: 32px; +} +.theme-styles-preview__checkbox .components-checkbox-control__input[type=checkbox]:focus { + box-shadow: none; +} +.theme-styles-preview__checkbox .components-base-control__field { + display: flex; + flex-direction: row; +} +.theme-styles-preview__checkbox__label { + margin-left: 15px; +} +.theme-styles-preview__checkbox__label__hint { + color: #757575; + display: block; + font-style: italic; + margin-top: 5px; +} +.theme-styles-preview__title-bar { + width: 70%; + height: 15px; + display: flex; + align-items: center; + background-color: #ccc; + justify-content: space-between; + border: 1px solid transparent; +} +.theme-styles-preview__title-bar__browser { + display: flex; + align-items: center; + justify-content: center; +} +.theme-styles-preview__title-bar__browser__dot { + background-color: #989ea7; + width: 8px; + margin: 3px; + height: 8px; + border-radius: 50%; + display: inline-block; +} +.theme-styles-preview__live-preview-container { + width: 70%; + min-height: 80vh; + overflow: hidden; + position: relative; + align-items: center; + border: 1px solid #e3dfdf; + margin-bottom: 30px; +} +.theme-styles-preview__live-preview-container .live-preview__container-custom { + width: 100%; +} + +.nfd-onboarding-container { + display: flex; + background-color: var(--nfd-onboarding-white); +} +@media (min-width: 600px) { + .nfd-onboarding-container { + bottom: 0; + left: 0; + min-height: calc(100vh - 46px); + position: absolute; + right: 0; + top: 0; + } +} +@media (min-width: 782px) { + .nfd-onboarding-container { + min-height: calc(100vh - 32px); + } +} + +/*# sourceMappingURL=onboarding.css.map*/ \ No newline at end of file diff --git a/build/0.2.3/onboarding.js b/build/0.2.3/onboarding.js new file mode 100644 index 000000000..bffc0e4d0 --- /dev/null +++ b/build/0.2.3/onboarding.js @@ -0,0 +1,10750 @@ +/******/ (function() { // webpackBootstrap +/******/ var __webpack_modules__ = ({ + +/***/ "./node_modules/@wordpress/icons/build-module/icon/index.js": +/*!******************************************************************!*\ + !*** ./node_modules/@wordpress/icons/build-module/icon/index.js ***! + \******************************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__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__); +/** + * WordPress dependencies + */ + +/** @typedef {{icon: JSX.Element, size?: number} & import('@wordpress/primitives').SVGProps} IconProps */ + +/** + * Return an SVG icon. + * + * @param {IconProps} props icon is the SVG component to render + * size is a number specifiying the icon size in pixels + * Other props will be passed to wrapped SVG component + * + * @return {JSX.Element} Icon component + */ + +function Icon(_ref) { + let { + icon, + size = 24, + ...props + } = _ref; + return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.cloneElement)(icon, { + width: size, + height: size, + ...props + }); +} + +/* harmony default export */ __webpack_exports__["default"] = (Icon); +//# sourceMappingURL=index.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/icons/build-module/library/box.js": +/*!*******************************************************************!*\ + !*** ./node_modules/@wordpress/icons/build-module/library/box.js ***! + \*******************************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__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_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/primitives */ "@wordpress/primitives"); +/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__); + + +/** + * WordPress dependencies + */ + +const box = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.SVG, { + xmlns: "http://www.w3.org/2000/svg", + viewBox: "0 0 24 24" +}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.Path, { + fillRule: "evenodd", + d: "M5 5.5h14a.5.5 0 01.5.5v1.5a.5.5 0 01-.5.5H5a.5.5 0 01-.5-.5V6a.5.5 0 01.5-.5zM4 9.232A2 2 0 013 7.5V6a2 2 0 012-2h14a2 2 0 012 2v1.5a2 2 0 01-1 1.732V18a2 2 0 01-2 2H6a2 2 0 01-2-2V9.232zm1.5.268V18a.5.5 0 00.5.5h12a.5.5 0 00.5-.5V9.5h-13z", + clipRule: "evenodd" +})); +/* harmony default export */ __webpack_exports__["default"] = (box); +//# sourceMappingURL=box.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/icons/build-module/library/brush.js": +/*!*********************************************************************!*\ + !*** ./node_modules/@wordpress/icons/build-module/library/brush.js ***! + \*********************************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__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_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/primitives */ "@wordpress/primitives"); +/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__); + + +/** + * WordPress dependencies + */ + +const brush = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.SVG, { + xmlns: "http://www.w3.org/2000/svg", + viewBox: "0 0 24 24" +}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.Path, { + d: "M4 20h8v-1.5H4V20zM18.9 3.5c-.6-.6-1.5-.6-2.1 0l-7.2 7.2c-.4-.1-.7 0-1.1.1-.5.2-1.5.7-1.9 2.2-.4 1.7-.8 2.2-1.1 2.7-.1.1-.2.3-.3.4l-.6 1.1H6c2 0 3.4-.4 4.7-1.4.8-.6 1.2-1.4 1.3-2.3 0-.3 0-.5-.1-.7L19 5.7c.5-.6.5-1.6-.1-2.2zM9.7 14.7c-.7.5-1.5.8-2.4 1 .2-.5.5-1.2.8-2.3.2-.6.4-1 .8-1.1.5-.1 1 .1 1.3.3.2.2.3.5.2.8 0 .3-.1.9-.7 1.3z" +})); +/* harmony default export */ __webpack_exports__["default"] = (brush); +//# sourceMappingURL=brush.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/icons/build-module/library/check.js": +/*!*********************************************************************!*\ + !*** ./node_modules/@wordpress/icons/build-module/library/check.js ***! + \*********************************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__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_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/primitives */ "@wordpress/primitives"); +/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__); + + +/** + * WordPress dependencies + */ + +const check = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.SVG, { + xmlns: "http://www.w3.org/2000/svg", + viewBox: "0 0 24 24" +}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.Path, { + d: "M16.7 7.1l-6.3 8.5-3.3-2.5-.9 1.2 4.5 3.4L17.9 8z" +})); +/* harmony default export */ __webpack_exports__["default"] = (check); +//# sourceMappingURL=check.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/icons/build-module/library/chevron-left.js": +/*!****************************************************************************!*\ + !*** ./node_modules/@wordpress/icons/build-module/library/chevron-left.js ***! + \****************************************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__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_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/primitives */ "@wordpress/primitives"); +/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__); + + +/** + * WordPress dependencies + */ + +const chevronLeft = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.SVG, { + xmlns: "http://www.w3.org/2000/svg", + viewBox: "0 0 24 24" +}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.Path, { + d: "M14.6 7l-1.2-1L8 12l5.4 6 1.2-1-4.6-5z" +})); +/* harmony default export */ __webpack_exports__["default"] = (chevronLeft); +//# sourceMappingURL=chevron-left.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/icons/build-module/library/chevron-right.js": +/*!*****************************************************************************!*\ + !*** ./node_modules/@wordpress/icons/build-module/library/chevron-right.js ***! + \*****************************************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__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_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/primitives */ "@wordpress/primitives"); +/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__); + + +/** + * WordPress dependencies + */ + +const chevronRight = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.SVG, { + xmlns: "http://www.w3.org/2000/svg", + viewBox: "0 0 24 24" +}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.Path, { + d: "M10.6 6L9.4 7l4.6 5-4.6 5 1.2 1 5.4-6z" +})); +/* harmony default export */ __webpack_exports__["default"] = (chevronRight); +//# sourceMappingURL=chevron-right.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/icons/build-module/library/close-small.js": +/*!***************************************************************************!*\ + !*** ./node_modules/@wordpress/icons/build-module/library/close-small.js ***! + \***************************************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__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_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/primitives */ "@wordpress/primitives"); +/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__); + + +/** + * WordPress dependencies + */ + +const closeSmall = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.SVG, { + xmlns: "http://www.w3.org/2000/svg", + viewBox: "0 0 24 24" +}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.Path, { + d: "M12 13.06l3.712 3.713 1.061-1.06L13.061 12l3.712-3.712-1.06-1.06L12 10.938 8.288 7.227l-1.061 1.06L10.939 12l-3.712 3.712 1.06 1.061L12 13.061z" +})); +/* harmony default export */ __webpack_exports__["default"] = (closeSmall); +//# sourceMappingURL=close-small.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/icons/build-module/library/color.js": +/*!*********************************************************************!*\ + !*** ./node_modules/@wordpress/icons/build-module/library/color.js ***! + \*********************************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__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_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/primitives */ "@wordpress/primitives"); +/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__); + + +/** + * WordPress dependencies + */ + +const color = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.SVG, { + viewBox: "0 0 24 24", + xmlns: "http://www.w3.org/2000/svg" +}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.Path, { + d: "M17.2 10.9c-.5-1-1.2-2.1-2.1-3.2-.6-.9-1.3-1.7-2.1-2.6L12 4l-1 1.1c-.6.9-1.3 1.7-2 2.6-.8 1.2-1.5 2.3-2 3.2-.6 1.2-1 2.2-1 3 0 3.4 2.7 6.1 6.1 6.1s6.1-2.7 6.1-6.1c0-.8-.3-1.8-1-3zm-5.1 7.6c-2.5 0-4.6-2.1-4.6-4.6 0-.3.1-1 .8-2.3.5-.9 1.1-1.9 2-3.1.7-.9 1.3-1.7 1.8-2.3.7.8 1.3 1.6 1.8 2.3.8 1.1 1.5 2.2 2 3.1.7 1.3.8 2 .8 2.3 0 2.5-2.1 4.6-4.6 4.6z" +})); +/* harmony default export */ __webpack_exports__["default"] = (color); +//# sourceMappingURL=color.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/icons/build-module/library/copy.js": +/*!********************************************************************!*\ + !*** ./node_modules/@wordpress/icons/build-module/library/copy.js ***! + \********************************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__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_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/primitives */ "@wordpress/primitives"); +/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__); + + +/** + * WordPress dependencies + */ + +const copy = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.SVG, { + xmlns: "http://www.w3.org/2000/svg", + viewBox: "0 0 24 24" +}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.Path, { + d: "M20.2 8v11c0 .7-.6 1.2-1.2 1.2H6v1.5h13c1.5 0 2.7-1.2 2.7-2.8V8zM18 16.4V4.6c0-.9-.7-1.6-1.6-1.6H4.6C3.7 3 3 3.7 3 4.6v11.8c0 .9.7 1.6 1.6 1.6h11.8c.9 0 1.6-.7 1.6-1.6zm-13.5 0V4.6c0-.1.1-.1.1-.1h11.8c.1 0 .1.1.1.1v11.8c0 .1-.1.1-.1.1H4.6l-.1-.1z" +})); +/* harmony default export */ __webpack_exports__["default"] = (copy); +//# sourceMappingURL=copy.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/icons/build-module/library/header.js": +/*!**********************************************************************!*\ + !*** ./node_modules/@wordpress/icons/build-module/library/header.js ***! + \**********************************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__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_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/primitives */ "@wordpress/primitives"); +/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__); + + +/** + * WordPress dependencies + */ + +const header = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.SVG, { + xmlns: "http://www.w3.org/2000/svg", + viewBox: "0 0 24 24" +}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.Path, { + d: "M18.5 10.5H10v8h8a.5.5 0 00.5-.5v-7.5zm-10 0h-3V18a.5.5 0 00.5.5h2.5v-8zM6 4h12a2 2 0 012 2v12a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2z" +})); +/* harmony default export */ __webpack_exports__["default"] = (header); +//# sourceMappingURL=header.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/icons/build-module/library/home.js": +/*!********************************************************************!*\ + !*** ./node_modules/@wordpress/icons/build-module/library/home.js ***! + \********************************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__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_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/primitives */ "@wordpress/primitives"); +/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__); + + +/** + * WordPress dependencies + */ + +const home = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.SVG, { + xmlns: "http://www.w3.org/2000/svg", + viewBox: "0 0 24 24" +}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.Path, { + d: "M12 4L4 7.9V20h16V7.9L12 4zm6.5 14.5H14V13h-4v5.5H5.5V8.8L12 5.7l6.5 3.1v9.7z" +})); +/* harmony default export */ __webpack_exports__["default"] = (home); +//# sourceMappingURL=home.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/icons/build-module/library/info.js": +/*!********************************************************************!*\ + !*** ./node_modules/@wordpress/icons/build-module/library/info.js ***! + \********************************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__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_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/primitives */ "@wordpress/primitives"); +/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__); + + +/** + * WordPress dependencies + */ + +const info = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.SVG, { + xmlns: "http://www.w3.org/2000/svg", + viewBox: "0 0 24 24" +}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.Path, { + d: "M12 3.2c-4.8 0-8.8 3.9-8.8 8.8 0 4.8 3.9 8.8 8.8 8.8 4.8 0 8.8-3.9 8.8-8.8 0-4.8-4-8.8-8.8-8.8zm0 16c-4 0-7.2-3.3-7.2-7.2C4.8 8 8 4.8 12 4.8s7.2 3.3 7.2 7.2c0 4-3.2 7.2-7.2 7.2zM11 17h2v-6h-2v6zm0-8h2V7h-2v2z" +})); +/* harmony default export */ __webpack_exports__["default"] = (info); +//# sourceMappingURL=info.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/icons/build-module/library/institution.js": +/*!***************************************************************************!*\ + !*** ./node_modules/@wordpress/icons/build-module/library/institution.js ***! + \***************************************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__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_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/primitives */ "@wordpress/primitives"); +/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__); + + +/** + * WordPress dependencies + */ + +const institute = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.SVG, { + xmlns: "http://www.w3.org/2000/svg", + viewBox: "0 0 24 24" +}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.Path, { + fillRule: "evenodd", + d: "M18.646 9H20V8l-1-.5L12 4 5 7.5 4 8v1h14.646zm-3-1.5L12 5.677 8.354 7.5h7.292zm-7.897 9.44v-6.5h-1.5v6.5h1.5zm5-6.5v6.5h-1.5v-6.5h1.5zm5 0v6.5h-1.5v-6.5h1.5zm2.252 8.81c0 .414-.334.75-.748.75H4.752a.75.75 0 010-1.5h14.5a.75.75 0 01.749.75z", + clipRule: "evenodd" +})); +/* harmony default export */ __webpack_exports__["default"] = (institute); +//# sourceMappingURL=institution.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/icons/build-module/library/more-vertical.js": +/*!*****************************************************************************!*\ + !*** ./node_modules/@wordpress/icons/build-module/library/more-vertical.js ***! + \*****************************************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__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_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/primitives */ "@wordpress/primitives"); +/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__); + + +/** + * WordPress dependencies + */ + +const moreVertical = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.SVG, { + xmlns: "http://www.w3.org/2000/svg", + viewBox: "0 0 24 24" +}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.Path, { + d: "M13 19h-2v-2h2v2zm0-6h-2v-2h2v2zm0-6h-2V5h2v2z" +})); +/* harmony default export */ __webpack_exports__["default"] = (moreVertical); +//# sourceMappingURL=more-vertical.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/icons/build-module/library/move-to.js": +/*!***********************************************************************!*\ + !*** ./node_modules/@wordpress/icons/build-module/library/move-to.js ***! + \***********************************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__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_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/primitives */ "@wordpress/primitives"); +/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__); + + +/** + * WordPress dependencies + */ + +const moveTo = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.SVG, { + xmlns: "http://www.w3.org/2000/svg", + viewBox: "0 0 24 24" +}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.Path, { + d: "M19.75 9c0-1.257-.565-2.197-1.39-2.858-.797-.64-1.827-1.017-2.815-1.247-1.802-.42-3.703-.403-4.383-.396L11 4.5V6l.177-.001c.696-.006 2.416-.02 4.028.356.887.207 1.67.518 2.216.957.52.416.829.945.829 1.688 0 .592-.167.966-.407 1.23-.255.281-.656.508-1.236.674-1.19.34-2.82.346-4.607.346h-.077c-1.692 0-3.527 0-4.942.404-.732.209-1.424.545-1.935 1.108-.526.579-.796 1.33-.796 2.238 0 1.257.565 2.197 1.39 2.858.797.64 1.827 1.017 2.815 1.247 1.802.42 3.703.403 4.383.396L13 19.5h.714V22L18 18.5 13.714 15v3H13l-.177.001c-.696.006-2.416.02-4.028-.356-.887-.207-1.67-.518-2.216-.957-.52-.416-.829-.945-.829-1.688 0-.592.167-.966.407-1.23.255-.281.656-.508 1.237-.674 1.189-.34 2.819-.346 4.606-.346h.077c1.692 0 3.527 0 4.941-.404.732-.209 1.425-.545 1.936-1.108.526-.579.796-1.33.796-2.238z" +})); +/* harmony default export */ __webpack_exports__["default"] = (moveTo); +//# sourceMappingURL=move-to.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/icons/build-module/library/navigation.js": +/*!**************************************************************************!*\ + !*** ./node_modules/@wordpress/icons/build-module/library/navigation.js ***! + \**************************************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__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_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/primitives */ "@wordpress/primitives"); +/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__); + + +/** + * WordPress dependencies + */ + +const navigation = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.SVG, { + viewBox: "0 0 24 24", + xmlns: "http://www.w3.org/2000/svg" +}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.Path, { + d: "M12 4c-4.4 0-8 3.6-8 8s3.6 8 8 8 8-3.6 8-8-3.6-8-8-8zm0 14.5c-3.6 0-6.5-2.9-6.5-6.5S8.4 5.5 12 5.5s6.5 2.9 6.5 6.5-2.9 6.5-6.5 6.5zM9 16l4.5-3L15 8.4l-4.5 3L9 16z" +})); +/* harmony default export */ __webpack_exports__["default"] = (navigation); +//# sourceMappingURL=navigation.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/icons/build-module/library/plugins.js": +/*!***********************************************************************!*\ + !*** ./node_modules/@wordpress/icons/build-module/library/plugins.js ***! + \***********************************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__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_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/primitives */ "@wordpress/primitives"); +/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__); + + +/** + * WordPress dependencies + */ + +const plugins = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.SVG, { + xmlns: "http://www.w3.org/2000/svg", + viewBox: "0 0 24 24" +}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.Path, { + d: "M10.5 4v4h3V4H15v4h1.5a1 1 0 011 1v4l-3 4v2a1 1 0 01-1 1h-3a1 1 0 01-1-1v-2l-3-4V9a1 1 0 011-1H9V4h1.5zm.5 12.5v2h2v-2l3-4v-3H8v3l3 4z" +})); +/* harmony default export */ __webpack_exports__["default"] = (plugins); +//# sourceMappingURL=plugins.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/icons/build-module/library/post.js": +/*!********************************************************************!*\ + !*** ./node_modules/@wordpress/icons/build-module/library/post.js ***! + \********************************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__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_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/primitives */ "@wordpress/primitives"); +/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__); + + +/** + * WordPress dependencies + */ + +const post = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.SVG, { + xmlns: "http://www.w3.org/2000/svg", + viewBox: "0 0 24 24" +}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.Path, { + d: "m7.3 9.7 1.4 1.4c.2-.2.3-.3.4-.5 0 0 0-.1.1-.1.3-.5.4-1.1.3-1.6L12 7 9 4 7.2 6.5c-.6-.1-1.1 0-1.6.3 0 0-.1 0-.1.1-.3.1-.4.2-.6.4l1.4 1.4L4 11v1h1l2.3-2.3zM4 20h9v-1.5H4V20zm0-5.5V16h16v-1.5H4z" +})); +/* harmony default export */ __webpack_exports__["default"] = (post); +//# sourceMappingURL=post.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/icons/build-module/library/redo.js": +/*!********************************************************************!*\ + !*** ./node_modules/@wordpress/icons/build-module/library/redo.js ***! + \********************************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__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_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/primitives */ "@wordpress/primitives"); +/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__); + + +/** + * WordPress dependencies + */ + +const redo = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.SVG, { + xmlns: "http://www.w3.org/2000/svg", + viewBox: "0 0 24 24" +}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.Path, { + d: "M15.6 6.5l-1.1 1 2.9 3.3H8c-.9 0-1.7.3-2.3.9-1.4 1.5-1.4 4.2-1.4 5.6v.2h1.5v-.3c0-1.1 0-3.5 1-4.5.3-.3.7-.5 1.3-.5h9.2L14.5 15l1.1 1.1 4.6-4.6-4.6-5z" +})); +/* harmony default export */ __webpack_exports__["default"] = (redo); +//# sourceMappingURL=redo.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/icons/build-module/library/search.js": +/*!**********************************************************************!*\ + !*** ./node_modules/@wordpress/icons/build-module/library/search.js ***! + \**********************************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__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_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/primitives */ "@wordpress/primitives"); +/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__); + + +/** + * WordPress dependencies + */ + +const search = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.SVG, { + xmlns: "http://www.w3.org/2000/svg", + viewBox: "0 0 24 24" +}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.Path, { + d: "M13.5 6C10.5 6 8 8.5 8 11.5c0 1.1.3 2.1.9 3l-3.4 3 1 1.1 3.4-2.9c1 .9 2.2 1.4 3.6 1.4 3 0 5.5-2.5 5.5-5.5C19 8.5 16.5 6 13.5 6zm0 9.5c-2.2 0-4-1.8-4-4s1.8-4 4-4 4 1.8 4 4-1.8 4-4 4z" +})); +/* harmony default export */ __webpack_exports__["default"] = (search); +//# sourceMappingURL=search.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/icons/build-module/library/star-empty.js": +/*!**************************************************************************!*\ + !*** ./node_modules/@wordpress/icons/build-module/library/star-empty.js ***! + \**************************************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__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_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/primitives */ "@wordpress/primitives"); +/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__); + + +/** + * WordPress dependencies + */ + +const starEmpty = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.SVG, { + xmlns: "http://www.w3.org/2000/svg", + viewBox: "0 0 24 24" +}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.Path, { + fillRule: "evenodd", + d: "M9.706 8.646a.25.25 0 01-.188.137l-4.626.672a.25.25 0 00-.139.427l3.348 3.262a.25.25 0 01.072.222l-.79 4.607a.25.25 0 00.362.264l4.138-2.176a.25.25 0 01.233 0l4.137 2.175a.25.25 0 00.363-.263l-.79-4.607a.25.25 0 01.072-.222l3.347-3.262a.25.25 0 00-.139-.427l-4.626-.672a.25.25 0 01-.188-.137l-2.069-4.192a.25.25 0 00-.448 0L9.706 8.646zM12 7.39l-.948 1.921a1.75 1.75 0 01-1.317.957l-2.12.308 1.534 1.495c.412.402.6.982.503 1.55l-.362 2.11 1.896-.997a1.75 1.75 0 011.629 0l1.895.997-.362-2.11a1.75 1.75 0 01.504-1.55l1.533-1.495-2.12-.308a1.75 1.75 0 01-1.317-.957L12 7.39z", + clipRule: "evenodd" +})); +/* harmony default export */ __webpack_exports__["default"] = (starEmpty); +//# sourceMappingURL=star-empty.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/icons/build-module/library/star-filled.js": +/*!***************************************************************************!*\ + !*** ./node_modules/@wordpress/icons/build-module/library/star-filled.js ***! + \***************************************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__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_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/primitives */ "@wordpress/primitives"); +/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__); + + +/** + * WordPress dependencies + */ + +const starFilled = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.SVG, { + xmlns: "http://www.w3.org/2000/svg", + viewBox: "0 0 24 24" +}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.Path, { + d: "M11.776 4.454a.25.25 0 01.448 0l2.069 4.192a.25.25 0 00.188.137l4.626.672a.25.25 0 01.139.426l-3.348 3.263a.25.25 0 00-.072.222l.79 4.607a.25.25 0 01-.362.263l-4.138-2.175a.25.25 0 00-.232 0l-4.138 2.175a.25.25 0 01-.363-.263l.79-4.607a.25.25 0 00-.071-.222L4.754 9.881a.25.25 0 01.139-.426l4.626-.672a.25.25 0 00.188-.137l2.069-4.192z" +})); +/* harmony default export */ __webpack_exports__["default"] = (starFilled); +//# sourceMappingURL=star-filled.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/icons/build-module/library/store.js": +/*!*********************************************************************!*\ + !*** ./node_modules/@wordpress/icons/build-module/library/store.js ***! + \*********************************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__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_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/primitives */ "@wordpress/primitives"); +/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__); + + +/** + * WordPress dependencies + */ + +const store = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.SVG, { + xmlns: "http://www.w3.org/2000/svg", + viewBox: "0 0 24 24" +}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.Path, { + fillRule: "evenodd", + d: "M19.75 11H21V8.667L19.875 4H4.125L3 8.667V11h1.25v8.75h15.5V11zm-1.5 0H5.75v7.25H10V13h4v5.25h4.25V11zm-5.5-5.5h2.067l.486 3.24.028.76H12.75v-4zm-3.567 0h2.067v4H8.669l.028-.76.486-3.24zm7.615 3.1l-.464-3.1h2.36l.806 3.345V9.5h-2.668l-.034-.9zM7.666 5.5h-2.36L4.5 8.845V9.5h2.668l.034-.9.464-3.1z", + clipRule: "evenodd" +})); +/* harmony default export */ __webpack_exports__["default"] = (store); +//# sourceMappingURL=store.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/icons/build-module/library/styles.js": +/*!**********************************************************************!*\ + !*** ./node_modules/@wordpress/icons/build-module/library/styles.js ***! + \**********************************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "styles": function() { return /* binding */ styles; } +/* harmony export */ }); +/* 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_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/primitives */ "@wordpress/primitives"); +/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__); + + +/** + * WordPress dependencies + */ + +const styles = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.SVG, { + viewBox: "0 0 24 24", + xmlns: "http://www.w3.org/2000/svg" +}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.Path, { + d: "M12 4c-4.4 0-8 3.6-8 8v.1c0 4.1 3.2 7.5 7.2 7.9h.8c4.4 0 8-3.6 8-8s-3.6-8-8-8zm0 15V5c3.9 0 7 3.1 7 7s-3.1 7-7 7z" +})); +/* harmony default export */ __webpack_exports__["default"] = (styles); +//# sourceMappingURL=styles.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/icons/build-module/library/typography.js": +/*!**************************************************************************!*\ + !*** ./node_modules/@wordpress/icons/build-module/library/typography.js ***! + \**************************************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__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_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/primitives */ "@wordpress/primitives"); +/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__); + + +/** + * WordPress dependencies + */ + +const typography = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.SVG, { + xmlns: "http://www.w3.org/2000/svg", + viewBox: "0 0 24 24" +}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.Path, { + d: "M6.9 7L3 17.8h1.7l1-2.8h4.1l1 2.8h1.7L8.6 7H6.9zm-.7 6.6l1.5-4.3 1.5 4.3h-3zM21.6 17c-.1.1-.2.2-.3.2-.1.1-.2.1-.4.1s-.3-.1-.4-.2c-.1-.1-.1-.3-.1-.6V12c0-.5 0-1-.1-1.4-.1-.4-.3-.7-.5-1-.2-.2-.5-.4-.9-.5-.4 0-.8-.1-1.3-.1s-1 .1-1.4.2c-.4.1-.7.3-1 .4-.2.2-.4.3-.6.5-.1.2-.2.4-.2.7 0 .3.1.5.2.8.2.2.4.3.8.3.3 0 .6-.1.8-.3.2-.2.3-.4.3-.7 0-.3-.1-.5-.2-.7-.2-.2-.4-.3-.6-.4.2-.2.4-.3.7-.4.3-.1.6-.1.8-.1.3 0 .6 0 .8.1.2.1.4.3.5.5.1.2.2.5.2.9v1.1c0 .3-.1.5-.3.6-.2.2-.5.3-.9.4-.3.1-.7.3-1.1.4-.4.1-.8.3-1.1.5-.3.2-.6.4-.8.7-.2.3-.3.7-.3 1.2 0 .6.2 1.1.5 1.4.3.4.9.5 1.6.5.5 0 1-.1 1.4-.3.4-.2.8-.6 1.1-1.1 0 .4.1.7.3 1 .2.3.6.4 1.2.4.4 0 .7-.1.9-.2.2-.1.5-.3.7-.4h-.3zm-3-.9c-.2.4-.5.7-.8.8-.3.2-.6.2-.8.2-.4 0-.6-.1-.9-.3-.2-.2-.3-.6-.3-1.1 0-.5.1-.9.3-1.2s.5-.5.8-.7c.3-.2.7-.3 1-.5.3-.1.6-.3.7-.6v3.4z" +})); +/* harmony default export */ __webpack_exports__["default"] = (typography); +//# sourceMappingURL=typography.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/interface/build-module/components/action-item/index.js": +/*!****************************************************************************************!*\ + !*** ./node_modules/@wordpress/interface/build-module/components/action-item/index.js ***! + \****************************************************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); +/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element"); +/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__); +/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! lodash */ "lodash"); +/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_2__); +/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components"); +/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__); + + + +/** + * External dependencies + */ + +/** + * WordPress dependencies + */ + + + + +function ActionItemSlot(_ref) { + let { + name, + as: Component = _wordpress_components__WEBPACK_IMPORTED_MODULE_3__.ButtonGroup, + fillProps = {}, + bubblesVirtually, + ...props + } = _ref; + return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__.Slot, { + name: name, + bubblesVirtually: bubblesVirtually, + fillProps: fillProps + }, fills => { + if ((0,lodash__WEBPACK_IMPORTED_MODULE_2__.isEmpty)(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.Children.toArray(fills))) { + return null; + } // Special handling exists for backward compatibility. + // It ensures that menu items created by plugin authors aren't + // duplicated with automatically injected menu items coming + // from pinnable plugin sidebars. + // @see https://github.com/WordPress/gutenberg/issues/14457 + + + const initializedByPlugins = []; + _wordpress_element__WEBPACK_IMPORTED_MODULE_1__.Children.forEach(fills, _ref2 => { + let { + props: { + __unstableExplicitMenuItem, + __unstableTarget + } + } = _ref2; + + if (__unstableTarget && __unstableExplicitMenuItem) { + initializedByPlugins.push(__unstableTarget); + } + }); + const children = _wordpress_element__WEBPACK_IMPORTED_MODULE_1__.Children.map(fills, child => { + if (!child.props.__unstableExplicitMenuItem && initializedByPlugins.includes(child.props.__unstableTarget)) { + return null; + } + + return child; + }); + return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)(Component, props, children); + }); +} + +function ActionItem(_ref3) { + let { + name, + as: Component = _wordpress_components__WEBPACK_IMPORTED_MODULE_3__.Button, + onClick, + ...props + } = _ref3; + return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__.Fill, { + name: name + }, _ref4 => { + let { + onClick: fpOnClick + } = _ref4; + return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)(Component, (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ + onClick: onClick || fpOnClick ? function () { + (onClick || lodash__WEBPACK_IMPORTED_MODULE_2__.noop)(...arguments); + (fpOnClick || lodash__WEBPACK_IMPORTED_MODULE_2__.noop)(...arguments); + } : undefined + }, props)); + }); +} + +ActionItem.Slot = ActionItemSlot; +/* harmony default export */ __webpack_exports__["default"] = (ActionItem); +//# sourceMappingURL=index.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/interface/build-module/components/complementary-area-context/index.js": +/*!*******************************************************************************************************!*\ + !*** ./node_modules/@wordpress/interface/build-module/components/complementary-area-context/index.js ***! + \*******************************************************************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony import */ var _wordpress_plugins__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/plugins */ "@wordpress/plugins"); +/* harmony import */ var _wordpress_plugins__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_plugins__WEBPACK_IMPORTED_MODULE_0__); +/** + * WordPress dependencies + */ + +/* harmony default export */ __webpack_exports__["default"] = ((0,_wordpress_plugins__WEBPACK_IMPORTED_MODULE_0__.withPluginContext)((context, ownProps) => { + return { + icon: ownProps.icon || context.icon, + identifier: ownProps.identifier || `${context.name}/${ownProps.name}` + }; +})); +//# sourceMappingURL=index.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/interface/build-module/components/complementary-area-header/index.js": +/*!******************************************************************************************************!*\ + !*** ./node_modules/@wordpress/interface/build-module/components/complementary-area-header/index.js ***! + \******************************************************************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); +/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element"); +/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__); +/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js"); +/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__); +/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/close-small.js"); +/* harmony import */ var _complementary_area_toggle__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../complementary-area-toggle */ "./node_modules/@wordpress/interface/build-module/components/complementary-area-toggle/index.js"); + + + +/** + * External dependencies + */ + +/** + * WordPress dependencies + */ + + +/** + * Internal dependencies + */ + + + +const ComplementaryAreaHeader = _ref => { + let { + smallScreenTitle, + children, + className, + toggleButtonProps + } = _ref; + const toggleButton = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)(_complementary_area_toggle__WEBPACK_IMPORTED_MODULE_3__["default"], (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ + icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_4__["default"] + }, toggleButtonProps)); + return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.Fragment, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)("div", { + className: "components-panel__header interface-complementary-area-header__small" + }, smallScreenTitle && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)("span", { + className: "interface-complementary-area-header__small-title" + }, smallScreenTitle), toggleButton), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)("div", { + className: classnames__WEBPACK_IMPORTED_MODULE_2___default()('components-panel__header', 'interface-complementary-area-header', className), + tabIndex: -1 + }, children, toggleButton)); +}; + +/* harmony default export */ __webpack_exports__["default"] = (ComplementaryAreaHeader); +//# sourceMappingURL=index.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/interface/build-module/components/complementary-area-more-menu-item/index.js": +/*!**************************************************************************************************************!*\ + !*** ./node_modules/@wordpress/interface/build-module/components/complementary-area-more-menu-item/index.js ***! + \**************************************************************************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": function() { return /* binding */ ComplementaryAreaMoreMenuItem; } +/* harmony export */ }); +/* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); +/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element"); +/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__); +/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! lodash */ "lodash"); +/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_2__); +/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/check.js"); +/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components"); +/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__); +/* harmony import */ var _complementary_area_toggle__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../complementary-area-toggle */ "./node_modules/@wordpress/interface/build-module/components/complementary-area-toggle/index.js"); +/* harmony import */ var _action_item__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../action-item */ "./node_modules/@wordpress/interface/build-module/components/action-item/index.js"); + + + +/** + * External dependencies + */ + +/** + * WordPress dependencies + */ + + + +/** + * Internal dependencies + */ + + + + +const PluginsMenuItem = props => // Menu item is marked with unstable prop for backward compatibility. +// They are removed so they don't leak to DOM elements. +// @see https://github.com/WordPress/gutenberg/issues/14457 +(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__.MenuItem, (0,lodash__WEBPACK_IMPORTED_MODULE_2__.omit)(props, ['__unstableExplicitMenuItem', '__unstableTarget'])); + +function ComplementaryAreaMoreMenuItem(_ref) { + let { + scope, + target, + __unstableExplicitMenuItem, + ...props + } = _ref; + return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)(_complementary_area_toggle__WEBPACK_IMPORTED_MODULE_4__["default"], (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ + as: toggleProps => { + return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)(_action_item__WEBPACK_IMPORTED_MODULE_5__["default"], (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ + __unstableExplicitMenuItem: __unstableExplicitMenuItem, + __unstableTarget: `${scope}/${target}`, + as: PluginsMenuItem, + name: `${scope}/plugin-more-menu` + }, toggleProps)); + }, + role: "menuitemcheckbox", + selectedIcon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_6__["default"], + name: target, + scope: scope + }, props)); +} +//# sourceMappingURL=index.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/interface/build-module/components/complementary-area-toggle/index.js": +/*!******************************************************************************************************!*\ + !*** ./node_modules/@wordpress/interface/build-module/components/complementary-area-toggle/index.js ***! + \******************************************************************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); +/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element"); +/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__); +/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! lodash */ "lodash"); +/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_2__); +/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components"); +/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__); +/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/data */ "@wordpress/data"); +/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_wordpress_data__WEBPACK_IMPORTED_MODULE_4__); +/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../store */ "./node_modules/@wordpress/interface/build-module/store/index.js"); +/* harmony import */ var _complementary_area_context__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../complementary-area-context */ "./node_modules/@wordpress/interface/build-module/components/complementary-area-context/index.js"); + + + +/** + * External dependencies + */ + +/** + * WordPress dependencies + */ + + + +/** + * Internal dependencies + */ + + + + +function ComplementaryAreaToggle(_ref) { + let { + as = _wordpress_components__WEBPACK_IMPORTED_MODULE_3__.Button, + scope, + identifier, + icon, + selectedIcon, + ...props + } = _ref; + const ComponentToUse = as; + const isSelected = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_4__.useSelect)(select => select(_store__WEBPACK_IMPORTED_MODULE_5__.store).getActiveComplementaryArea(scope) === identifier, [identifier]); + const { + enableComplementaryArea, + disableComplementaryArea + } = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_4__.useDispatch)(_store__WEBPACK_IMPORTED_MODULE_5__.store); + return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)(ComponentToUse, (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ + icon: selectedIcon && isSelected ? selectedIcon : icon, + onClick: () => { + if (isSelected) { + disableComplementaryArea(scope); + } else { + enableComplementaryArea(scope, identifier); + } + } + }, (0,lodash__WEBPACK_IMPORTED_MODULE_2__.omit)(props, ['name']))); +} + +/* harmony default export */ __webpack_exports__["default"] = ((0,_complementary_area_context__WEBPACK_IMPORTED_MODULE_6__["default"])(ComplementaryAreaToggle)); +//# sourceMappingURL=index.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/interface/build-module/components/complementary-area/index.js": +/*!***********************************************************************************************!*\ + !*** ./node_modules/@wordpress/interface/build-module/components/complementary-area/index.js ***! + \***********************************************************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); +/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element"); +/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__); +/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js"); +/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__); +/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components"); +/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__); +/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/data */ "@wordpress/data"); +/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_wordpress_data__WEBPACK_IMPORTED_MODULE_4__); +/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n"); +/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__); +/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/check.js"); +/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/star-filled.js"); +/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/star-empty.js"); +/* harmony import */ var _wordpress_viewport__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @wordpress/viewport */ "@wordpress/viewport"); +/* harmony import */ var _wordpress_viewport__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_wordpress_viewport__WEBPACK_IMPORTED_MODULE_6__); +/* harmony import */ var _complementary_area_header__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../complementary-area-header */ "./node_modules/@wordpress/interface/build-module/components/complementary-area-header/index.js"); +/* harmony import */ var _complementary_area_more_menu_item__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../complementary-area-more-menu-item */ "./node_modules/@wordpress/interface/build-module/components/complementary-area-more-menu-item/index.js"); +/* harmony import */ var _complementary_area_toggle__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../complementary-area-toggle */ "./node_modules/@wordpress/interface/build-module/components/complementary-area-toggle/index.js"); +/* harmony import */ var _complementary_area_context__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../complementary-area-context */ "./node_modules/@wordpress/interface/build-module/components/complementary-area-context/index.js"); +/* harmony import */ var _pinned_items__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../pinned-items */ "./node_modules/@wordpress/interface/build-module/components/pinned-items/index.js"); +/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../store */ "./node_modules/@wordpress/interface/build-module/store/index.js"); + + + +/** + * External dependencies + */ + +/** + * WordPress dependencies + */ + + + + + + + +/** + * Internal dependencies + */ + + + + + + + + +function ComplementaryAreaSlot(_ref) { + let { + scope, + ...props + } = _ref; + return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__.Slot, (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ + name: `ComplementaryArea/${scope}` + }, props)); +} + +function ComplementaryAreaFill(_ref2) { + let { + scope, + children, + className + } = _ref2; + return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__.Fill, { + name: `ComplementaryArea/${scope}` + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)("div", { + className: className + }, children)); +} + +function useAdjustComplementaryListener(scope, identifier, activeArea, isActive, isSmall) { + const previousIsSmall = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.useRef)(false); + const shouldOpenWhenNotSmall = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.useRef)(false); + const { + enableComplementaryArea, + disableComplementaryArea + } = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_4__.useDispatch)(_store__WEBPACK_IMPORTED_MODULE_7__.store); + (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.useEffect)(() => { + // If the complementary area is active and the editor is switching from a big to a small window size. + if (isActive && isSmall && !previousIsSmall.current) { + // Disable the complementary area. + disableComplementaryArea(scope); // Flag the complementary area to be reopened when the window size goes from small to big. + + shouldOpenWhenNotSmall.current = true; + } else if ( // If there is a flag indicating the complementary area should be enabled when we go from small to big window size + // and we are going from a small to big window size. + shouldOpenWhenNotSmall.current && !isSmall && previousIsSmall.current) { + // Remove the flag indicating the complementary area should be enabled. + shouldOpenWhenNotSmall.current = false; // Enable the complementary area. + + enableComplementaryArea(scope, identifier); + } else if ( // If the flag is indicating the current complementary should be reopened but another complementary area becomes active, + // remove the flag. + shouldOpenWhenNotSmall.current && activeArea && activeArea !== identifier) { + shouldOpenWhenNotSmall.current = false; + } + + if (isSmall !== previousIsSmall.current) { + previousIsSmall.current = isSmall; + } + }, [isActive, isSmall, scope, identifier, activeArea]); +} + +function ComplementaryArea(_ref3) { + let { + children, + className, + closeLabel = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Close plugin'), + identifier, + header, + headerClassName, + icon, + isPinnable = true, + panelClassName, + scope, + name, + smallScreenTitle, + title, + toggleShortcut, + isActiveByDefault, + showIconLabels = false + } = _ref3; + const { + isActive, + isPinned, + activeArea, + isSmall, + isLarge + } = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_4__.useSelect)(select => { + const { + getActiveComplementaryArea, + isItemPinned + } = select(_store__WEBPACK_IMPORTED_MODULE_7__.store); + + const _activeArea = getActiveComplementaryArea(scope); + + return { + isActive: _activeArea === identifier, + isPinned: isItemPinned(scope, identifier), + activeArea: _activeArea, + isSmall: select(_wordpress_viewport__WEBPACK_IMPORTED_MODULE_6__.store).isViewportMatch('< medium'), + isLarge: select(_wordpress_viewport__WEBPACK_IMPORTED_MODULE_6__.store).isViewportMatch('large') + }; + }, [identifier, scope]); + useAdjustComplementaryListener(scope, identifier, activeArea, isActive, isSmall); + const { + enableComplementaryArea, + disableComplementaryArea, + pinItem, + unpinItem + } = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_4__.useDispatch)(_store__WEBPACK_IMPORTED_MODULE_7__.store); + (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.useEffect)(() => { + if (isActiveByDefault && activeArea === undefined && !isSmall) { + enableComplementaryArea(scope, identifier); + } + }, [activeArea, isActiveByDefault, scope, identifier, isSmall]); + return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.Fragment, null, isPinnable && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)(_pinned_items__WEBPACK_IMPORTED_MODULE_8__["default"], { + scope: scope + }, isPinned && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)(_complementary_area_toggle__WEBPACK_IMPORTED_MODULE_9__["default"], { + scope: scope, + identifier: identifier, + isPressed: isActive && (!showIconLabels || isLarge), + "aria-expanded": isActive, + label: title, + icon: showIconLabels ? _wordpress_icons__WEBPACK_IMPORTED_MODULE_10__["default"] : icon, + showTooltip: !showIconLabels, + variant: showIconLabels ? 'tertiary' : undefined + })), name && isPinnable && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)(_complementary_area_more_menu_item__WEBPACK_IMPORTED_MODULE_11__["default"], { + target: name, + scope: scope, + icon: icon + }, title), isActive && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)(ComplementaryAreaFill, { + className: classnames__WEBPACK_IMPORTED_MODULE_2___default()('interface-complementary-area', className), + scope: scope + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)(_complementary_area_header__WEBPACK_IMPORTED_MODULE_12__["default"], { + className: headerClassName, + closeLabel: closeLabel, + onClose: () => disableComplementaryArea(scope), + smallScreenTitle: smallScreenTitle, + toggleButtonProps: { + label: closeLabel, + shortcut: toggleShortcut, + scope, + identifier + } + }, header || (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.Fragment, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)("strong", null, title), isPinnable && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__.Button, { + className: "interface-complementary-area__pin-unpin-item", + icon: isPinned ? _wordpress_icons__WEBPACK_IMPORTED_MODULE_13__["default"] : _wordpress_icons__WEBPACK_IMPORTED_MODULE_14__["default"], + label: isPinned ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Unpin from toolbar') : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Pin to toolbar'), + onClick: () => (isPinned ? unpinItem : pinItem)(scope, identifier), + isPressed: isPinned, + "aria-expanded": isPinned + }))), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__.Panel, { + className: panelClassName + }, children))); +} + +const ComplementaryAreaWrapped = (0,_complementary_area_context__WEBPACK_IMPORTED_MODULE_15__["default"])(ComplementaryArea); +ComplementaryAreaWrapped.Slot = ComplementaryAreaSlot; +/* harmony default export */ __webpack_exports__["default"] = (ComplementaryAreaWrapped); +//# sourceMappingURL=index.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/interface/build-module/components/fullscreen-mode/index.js": +/*!********************************************************************************************!*\ + !*** ./node_modules/@wordpress/interface/build-module/components/fullscreen-mode/index.js ***! + \********************************************************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__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__); +/** + * WordPress dependencies + */ + + +const FullscreenMode = _ref => { + let { + isActive + } = _ref; + (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => { + let isSticky = false; // `is-fullscreen-mode` is set in PHP as a body class by Gutenberg, and this causes + // `sticky-menu` to be applied by WordPress and prevents the admin menu being scrolled + // even if `is-fullscreen-mode` is then removed. Let's remove `sticky-menu` here as + // a consequence of the FullscreenMode setup. + + if (document.body.classList.contains('sticky-menu')) { + isSticky = true; + document.body.classList.remove('sticky-menu'); + } + + return () => { + if (isSticky) { + document.body.classList.add('sticky-menu'); + } + }; + }, []); + (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => { + if (isActive) { + document.body.classList.add('is-fullscreen-mode'); + } else { + document.body.classList.remove('is-fullscreen-mode'); + } + + return () => { + if (isActive) { + document.body.classList.remove('is-fullscreen-mode'); + } + }; + }, [isActive]); + return null; +}; + +/* harmony default export */ __webpack_exports__["default"] = (FullscreenMode); +//# sourceMappingURL=index.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/interface/build-module/components/index.js": +/*!****************************************************************************!*\ + !*** ./node_modules/@wordpress/interface/build-module/components/index.js ***! + \****************************************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "ActionItem": function() { return /* reexport safe */ _action_item__WEBPACK_IMPORTED_MODULE_7__["default"]; }, +/* harmony export */ "ComplementaryArea": function() { return /* reexport safe */ _complementary_area__WEBPACK_IMPORTED_MODULE_0__["default"]; }, +/* harmony export */ "ComplementaryAreaMoreMenuItem": function() { return /* reexport safe */ _complementary_area_more_menu_item__WEBPACK_IMPORTED_MODULE_1__["default"]; }, +/* harmony export */ "FullscreenMode": function() { return /* reexport safe */ _fullscreen_mode__WEBPACK_IMPORTED_MODULE_2__["default"]; }, +/* harmony export */ "InterfaceSkeleton": function() { return /* reexport safe */ _interface_skeleton__WEBPACK_IMPORTED_MODULE_3__["default"]; }, +/* harmony export */ "MoreMenuDropdown": function() { return /* reexport safe */ _more_menu_dropdown__WEBPACK_IMPORTED_MODULE_5__["default"]; }, +/* harmony export */ "MoreMenuFeatureToggle": function() { return /* reexport safe */ _more_menu_feature_toggle__WEBPACK_IMPORTED_MODULE_6__["default"]; }, +/* harmony export */ "PinnedItems": function() { return /* reexport safe */ _pinned_items__WEBPACK_IMPORTED_MODULE_4__["default"]; }, +/* harmony export */ "PreferencesModal": function() { return /* reexport safe */ _preferences_modal__WEBPACK_IMPORTED_MODULE_8__["default"]; }, +/* harmony export */ "PreferencesModalSection": function() { return /* reexport safe */ _preferences_modal_section__WEBPACK_IMPORTED_MODULE_10__["default"]; }, +/* harmony export */ "PreferencesModalTabs": function() { return /* reexport safe */ _preferences_modal_tabs__WEBPACK_IMPORTED_MODULE_9__["default"]; }, +/* harmony export */ "___unstablePreferencesModalBaseOption": function() { return /* reexport safe */ _preferences_modal_base_option__WEBPACK_IMPORTED_MODULE_11__["default"]; } +/* harmony export */ }); +/* harmony import */ var _complementary_area__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./complementary-area */ "./node_modules/@wordpress/interface/build-module/components/complementary-area/index.js"); +/* harmony import */ var _complementary_area_more_menu_item__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./complementary-area-more-menu-item */ "./node_modules/@wordpress/interface/build-module/components/complementary-area-more-menu-item/index.js"); +/* harmony import */ var _fullscreen_mode__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./fullscreen-mode */ "./node_modules/@wordpress/interface/build-module/components/fullscreen-mode/index.js"); +/* harmony import */ var _interface_skeleton__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./interface-skeleton */ "./node_modules/@wordpress/interface/build-module/components/interface-skeleton/index.js"); +/* harmony import */ var _pinned_items__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./pinned-items */ "./node_modules/@wordpress/interface/build-module/components/pinned-items/index.js"); +/* harmony import */ var _more_menu_dropdown__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./more-menu-dropdown */ "./node_modules/@wordpress/interface/build-module/components/more-menu-dropdown/index.js"); +/* harmony import */ var _more_menu_feature_toggle__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./more-menu-feature-toggle */ "./node_modules/@wordpress/interface/build-module/components/more-menu-feature-toggle/index.js"); +/* harmony import */ var _action_item__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./action-item */ "./node_modules/@wordpress/interface/build-module/components/action-item/index.js"); +/* harmony import */ var _preferences_modal__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./preferences-modal */ "./node_modules/@wordpress/interface/build-module/components/preferences-modal/index.js"); +/* harmony import */ var _preferences_modal_tabs__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./preferences-modal-tabs */ "./node_modules/@wordpress/interface/build-module/components/preferences-modal-tabs/index.js"); +/* harmony import */ var _preferences_modal_section__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./preferences-modal-section */ "./node_modules/@wordpress/interface/build-module/components/preferences-modal-section/index.js"); +/* harmony import */ var _preferences_modal_base_option__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./preferences-modal-base-option */ "./node_modules/@wordpress/interface/build-module/components/preferences-modal-base-option/index.js"); + + + + + + + + + + + + +//# sourceMappingURL=index.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/interface/build-module/components/interface-skeleton/index.js": +/*!***********************************************************************************************!*\ + !*** ./node_modules/@wordpress/interface/build-module/components/interface-skeleton/index.js ***! + \***********************************************************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); +/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element"); +/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__); +/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js"); +/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__); +/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components"); +/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__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 _wordpress_compose__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @wordpress/compose */ "@wordpress/compose"); +/* harmony import */ var _wordpress_compose__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_wordpress_compose__WEBPACK_IMPORTED_MODULE_5__); + + + +/** + * External dependencies + */ + +/** + * WordPress dependencies + */ + +/** + * WordPress dependencies + */ + + + + + + +function useHTMLClass(className) { + (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.useEffect)(() => { + const element = document && document.querySelector(`html:not(.${className})`); + + if (!element) { + return; + } + + element.classList.toggle(className); + return () => { + element.classList.toggle(className); + }; + }, [className]); +} + +function InterfaceSkeleton(_ref, ref) { + let { + footer, + header, + sidebar, + secondarySidebar, + notices, + content, + drawer, + actions, + labels, + className, + shortcuts + } = _ref; + const navigateRegionsProps = (0,_wordpress_components__WEBPACK_IMPORTED_MODULE_3__.__unstableUseNavigateRegions)(shortcuts); + useHTMLClass('interface-interface-skeleton__html-container'); + const defaultLabels = { + /* translators: accessibility text for the nav bar landmark region. */ + drawer: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Drawer'), + + /* translators: accessibility text for the top bar landmark region. */ + header: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Header'), + + /* translators: accessibility text for the content landmark region. */ + body: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Content'), + + /* translators: accessibility text for the secondary sidebar landmark region. */ + secondarySidebar: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Block Library'), + + /* translators: accessibility text for the settings landmark region. */ + sidebar: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Settings'), + + /* translators: accessibility text for the publish landmark region. */ + actions: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Publish'), + + /* translators: accessibility text for the footer landmark region. */ + footer: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Footer') + }; + const mergedLabels = { ...defaultLabels, + ...labels + }; + return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)("div", (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, navigateRegionsProps, { + ref: (0,_wordpress_compose__WEBPACK_IMPORTED_MODULE_5__.useMergeRefs)([ref, navigateRegionsProps.ref]), + className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(className, 'interface-interface-skeleton', navigateRegionsProps.className, !!footer && 'has-footer') + }), !!drawer && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)("div", { + className: "interface-interface-skeleton__drawer", + role: "region", + "aria-label": mergedLabels.drawer, + tabIndex: "-1" + }, drawer), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)("div", { + className: "interface-interface-skeleton__editor" + }, !!header && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)("div", { + className: "interface-interface-skeleton__header", + role: "region", + "aria-label": mergedLabels.header, + tabIndex: "-1" + }, header), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)("div", { + className: "interface-interface-skeleton__body" + }, !!secondarySidebar && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)("div", { + className: "interface-interface-skeleton__secondary-sidebar", + role: "region", + "aria-label": mergedLabels.secondarySidebar, + tabIndex: "-1" + }, secondarySidebar), !!notices && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)("div", { + className: "interface-interface-skeleton__notices" + }, notices), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)("div", { + className: "interface-interface-skeleton__content", + role: "region", + "aria-label": mergedLabels.body, + tabIndex: "-1" + }, content), !!sidebar && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)("div", { + className: "interface-interface-skeleton__sidebar", + role: "region", + "aria-label": mergedLabels.sidebar, + tabIndex: "-1" + }, sidebar), !!actions && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)("div", { + className: "interface-interface-skeleton__actions", + role: "region", + "aria-label": mergedLabels.actions, + tabIndex: "-1" + }, actions))), !!footer && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)("div", { + className: "interface-interface-skeleton__footer", + role: "region", + "aria-label": mergedLabels.footer, + tabIndex: "-1" + }, footer)); +} + +/* harmony default export */ __webpack_exports__["default"] = ((0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(InterfaceSkeleton)); +//# sourceMappingURL=index.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/interface/build-module/components/more-menu-dropdown/index.js": +/*!***********************************************************************************************!*\ + !*** ./node_modules/@wordpress/interface/build-module/components/more-menu-dropdown/index.js ***! + \***********************************************************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": function() { return /* binding */ MoreMenuDropdown; } +/* harmony export */ }); +/* 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_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_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__); +/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/more-vertical.js"); + + +/** + * External dependencies + */ + +/** + * WordPress dependencies + */ + + + + +function MoreMenuDropdown(_ref) { + let { + as: DropdownComponent = _wordpress_components__WEBPACK_IMPORTED_MODULE_2__.DropdownMenu, + className, + + /* translators: button label text should, if possible, be under 16 characters. */ + label = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Options'), + popoverProps, + toggleProps, + children + } = _ref; + return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(DropdownComponent, { + className: classnames__WEBPACK_IMPORTED_MODULE_1___default()('interface-more-menu-dropdown', className), + icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_4__["default"], + label: label, + popoverProps: { + position: 'bottom left', + ...popoverProps, + className: classnames__WEBPACK_IMPORTED_MODULE_1___default()('interface-more-menu-dropdown__content', popoverProps === null || popoverProps === void 0 ? void 0 : popoverProps.className) + }, + toggleProps: { + tooltipPosition: 'bottom', + ...toggleProps + } + }, onClose => children(onClose)); +} +//# sourceMappingURL=index.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/interface/build-module/components/more-menu-feature-toggle/index.js": +/*!*****************************************************************************************************!*\ + !*** ./node_modules/@wordpress/interface/build-module/components/more-menu-feature-toggle/index.js ***! + \*****************************************************************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": function() { return /* binding */ MoreMenuFeatureToggle; } +/* harmony export */ }); +/* 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_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_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__); +/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/check.js"); +/* harmony import */ var _wordpress_a11y__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/a11y */ "@wordpress/a11y"); +/* harmony import */ var _wordpress_a11y__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_wordpress_a11y__WEBPACK_IMPORTED_MODULE_4__); +/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../store */ "./node_modules/@wordpress/interface/build-module/store/index.js"); + + +/** + * WordPress dependencies + */ + + + + + +/** + * Internal dependencies + */ + + +function MoreMenuFeatureToggle(_ref) { + let { + scope, + label, + info, + messageActivated, + messageDeactivated, + shortcut, + feature + } = _ref; + const isActive = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_1__.useSelect)(select => select(_store__WEBPACK_IMPORTED_MODULE_5__.store).isFeatureActive(scope, feature), [feature]); + const { + toggleFeature + } = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_1__.useDispatch)(_store__WEBPACK_IMPORTED_MODULE_5__.store); + + const speakMessage = () => { + if (isActive) { + (0,_wordpress_a11y__WEBPACK_IMPORTED_MODULE_4__.speak)(messageDeactivated || (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Feature deactivated')); + } else { + (0,_wordpress_a11y__WEBPACK_IMPORTED_MODULE_4__.speak)(messageActivated || (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Feature activated')); + } + }; + + return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.MenuItem, { + icon: isActive && _wordpress_icons__WEBPACK_IMPORTED_MODULE_6__["default"], + isSelected: isActive, + onClick: () => { + toggleFeature(scope, feature); + speakMessage(); + }, + role: "menuitemcheckbox", + info: info, + shortcut: shortcut + }, label); +} +//# sourceMappingURL=index.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/interface/build-module/components/pinned-items/index.js": +/*!*****************************************************************************************!*\ + !*** ./node_modules/@wordpress/interface/build-module/components/pinned-items/index.js ***! + \*****************************************************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); +/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element"); +/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__); +/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! lodash */ "lodash"); +/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_2__); +/* 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__); +/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components"); +/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__); + + + +/** + * External dependencies + */ + + +/** + * WordPress dependencies + */ + + + +function PinnedItems(_ref) { + let { + scope, + ...props + } = _ref; + return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__.Fill, (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ + name: `PinnedItems/${scope}` + }, props)); +} + +function PinnedItemsSlot(_ref2) { + let { + scope, + className, + ...props + } = _ref2; + return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__.Slot, (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ + name: `PinnedItems/${scope}` + }, props), fills => !(0,lodash__WEBPACK_IMPORTED_MODULE_2__.isEmpty)(fills) && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)("div", { + className: classnames__WEBPACK_IMPORTED_MODULE_3___default()(className, 'interface-pinned-items') + }, fills)); +} + +PinnedItems.Slot = PinnedItemsSlot; +/* harmony default export */ __webpack_exports__["default"] = (PinnedItems); +//# sourceMappingURL=index.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/interface/build-module/components/preferences-modal-base-option/index.js": +/*!**********************************************************************************************************!*\ + !*** ./node_modules/@wordpress/interface/build-module/components/preferences-modal-base-option/index.js ***! + \**********************************************************************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__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__); + + +/** + * WordPress dependencies + */ + + +function BaseOption(_ref) { + let { + help, + label, + isChecked, + onChange, + children + } = _ref; + return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + className: "interface-preferences-modal__option" + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, { + help: help, + label: label, + checked: isChecked, + onChange: onChange + }), children); +} + +/* harmony default export */ __webpack_exports__["default"] = (BaseOption); +//# sourceMappingURL=index.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/interface/build-module/components/preferences-modal-section/index.js": +/*!******************************************************************************************************!*\ + !*** ./node_modules/@wordpress/interface/build-module/components/preferences-modal-section/index.js ***! + \******************************************************************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__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 Section = _ref => { + let { + description, + title, + children + } = _ref; + return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("fieldset", { + className: "interface-preferences-modal__section" + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("legend", null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("h2", { + className: "interface-preferences-modal__section-title" + }, title), description && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("p", { + className: "interface-preferences-modal__section-description" + }, description)), children); +}; + +/* harmony default export */ __webpack_exports__["default"] = (Section); +//# sourceMappingURL=index.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/interface/build-module/components/preferences-modal-tabs/index.js": +/*!***************************************************************************************************!*\ + !*** ./node_modules/@wordpress/interface/build-module/components/preferences-modal-tabs/index.js ***! + \***************************************************************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": function() { return /* binding */ PreferencesModalTabs; } +/* harmony export */ }); +/* 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_compose__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/compose */ "@wordpress/compose"); +/* harmony import */ var _wordpress_compose__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_compose__WEBPACK_IMPORTED_MODULE_1__); +/* 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_icons__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/icon/index.js"); +/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/chevron-left.js"); +/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/chevron-right.js"); +/* 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__); + + +/** + * WordPress dependencies + */ + + + + + +const PREFERENCES_MENU = 'preferences-menu'; +function PreferencesModalTabs(_ref) { + let { + sections + } = _ref; + const isLargeViewport = (0,_wordpress_compose__WEBPACK_IMPORTED_MODULE_1__.useViewportMatch)('medium'); // This is also used to sync the two different rendered components + // between small and large viewports. + + const [activeMenu, setActiveMenu] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(PREFERENCES_MENU); + /** + * Create helper objects from `sections` for easier data handling. + * `tabs` is used for creating the `TabPanel` and `sectionsContentMap` + * is used for easier access to active tab's content. + */ + + const { + tabs, + sectionsContentMap + } = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => { + let mappedTabs = { + tabs: [], + sectionsContentMap: {} + }; + + if (sections.length) { + mappedTabs = sections.reduce((accumulator, _ref2) => { + let { + name, + tabLabel: title, + content + } = _ref2; + accumulator.tabs.push({ + name, + title + }); + accumulator.sectionsContentMap[name] = content; + return accumulator; + }, { + tabs: [], + sectionsContentMap: {} + }); + } + + return mappedTabs; + }, [sections]); + const getCurrentTab = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useCallback)(tab => sectionsContentMap[tab.name] || null, [sectionsContentMap]); + let modalContent; // We render different components based on the viewport size. + + if (isLargeViewport) { + modalContent = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.TabPanel, { + className: "interface-preferences__tabs", + tabs: tabs, + initialTabName: activeMenu !== PREFERENCES_MENU ? activeMenu : undefined, + onSelect: setActiveMenu, + orientation: "vertical" + }, getCurrentTab); + } else { + modalContent = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.__experimentalNavigatorProvider, { + initialPath: "/", + className: "interface-preferences__provider" + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.__experimentalNavigatorScreen, { + path: "/" + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.Card, { + isBorderless: true, + size: "small" + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.CardBody, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.__experimentalItemGroup, null, tabs.map(tab => { + return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.__experimentalNavigatorButton, { + key: tab.name, + path: tab.name, + as: _wordpress_components__WEBPACK_IMPORTED_MODULE_2__.__experimentalItem, + isAction: true + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.__experimentalHStack, { + justify: "space-between" + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.FlexItem, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.__experimentalTruncate, null, tab.title)), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.FlexItem, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_icons__WEBPACK_IMPORTED_MODULE_4__["default"], { + icon: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.isRTL)() ? _wordpress_icons__WEBPACK_IMPORTED_MODULE_5__["default"] : _wordpress_icons__WEBPACK_IMPORTED_MODULE_6__["default"] + })))); + }))))), sections.length && sections.map(section => { + return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.__experimentalNavigatorScreen, { + key: `${section.name}-menu`, + path: section.name + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.Card, { + isBorderless: true, + size: "large" + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.CardHeader, { + isBorderless: false, + justify: "left", + size: "small", + gap: "6" + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.__experimentalNavigatorBackButton, { + icon: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.isRTL)() ? _wordpress_icons__WEBPACK_IMPORTED_MODULE_6__["default"] : _wordpress_icons__WEBPACK_IMPORTED_MODULE_5__["default"], + "aria-label": (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Navigate to the previous view') + }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.__experimentalText, { + size: "16" + }, section.tabLabel)), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.CardBody, null, section.content))); + })); + } + + return modalContent; +} +//# sourceMappingURL=index.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/interface/build-module/components/preferences-modal/index.js": +/*!**********************************************************************************************!*\ + !*** ./node_modules/@wordpress/interface/build-module/components/preferences-modal/index.js ***! + \**********************************************************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": function() { return /* binding */ PreferencesModal; } +/* harmony export */ }); +/* 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 _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__); + + +/** + * WordPress dependencies + */ + + +function PreferencesModal(_ref) { + let { + closeModal, + children + } = _ref; + return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Modal, { + className: "interface-preferences-modal", + title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Preferences'), + closeLabel: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Close'), + onRequestClose: closeModal + }, children); +} +//# sourceMappingURL=index.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/interface/build-module/index.js": +/*!*****************************************************************!*\ + !*** ./node_modules/@wordpress/interface/build-module/index.js ***! + \*****************************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "ActionItem": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.ActionItem; }, +/* harmony export */ "ComplementaryArea": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.ComplementaryArea; }, +/* harmony export */ "ComplementaryAreaMoreMenuItem": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.ComplementaryAreaMoreMenuItem; }, +/* harmony export */ "FullscreenMode": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.FullscreenMode; }, +/* harmony export */ "InterfaceSkeleton": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.InterfaceSkeleton; }, +/* harmony export */ "MoreMenuDropdown": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.MoreMenuDropdown; }, +/* harmony export */ "MoreMenuFeatureToggle": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.MoreMenuFeatureToggle; }, +/* harmony export */ "PinnedItems": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.PinnedItems; }, +/* harmony export */ "PreferencesModal": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.PreferencesModal; }, +/* harmony export */ "PreferencesModalSection": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.PreferencesModalSection; }, +/* harmony export */ "PreferencesModalTabs": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.PreferencesModalTabs; }, +/* harmony export */ "___unstablePreferencesModalBaseOption": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.___unstablePreferencesModalBaseOption; }, +/* harmony export */ "store": function() { return /* reexport safe */ _store__WEBPACK_IMPORTED_MODULE_1__.store; } +/* harmony export */ }); +/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./components */ "./node_modules/@wordpress/interface/build-module/components/index.js"); +/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./store */ "./node_modules/@wordpress/interface/build-module/store/index.js"); + + +//# sourceMappingURL=index.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/interface/build-module/store/actions.js": +/*!*************************************************************************!*\ + !*** ./node_modules/@wordpress/interface/build-module/store/actions.js ***! + \*************************************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "disableComplementaryArea": function() { return /* binding */ disableComplementaryArea; }, +/* harmony export */ "enableComplementaryArea": function() { return /* binding */ enableComplementaryArea; }, +/* harmony export */ "pinItem": function() { return /* binding */ pinItem; }, +/* harmony export */ "setFeatureDefaults": function() { return /* binding */ setFeatureDefaults; }, +/* harmony export */ "setFeatureValue": function() { return /* binding */ setFeatureValue; }, +/* harmony export */ "toggleFeature": function() { return /* binding */ toggleFeature; }, +/* harmony export */ "unpinItem": function() { return /* binding */ unpinItem; } +/* harmony export */ }); +/* harmony import */ var _wordpress_deprecated__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/deprecated */ "@wordpress/deprecated"); +/* harmony import */ var _wordpress_deprecated__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_deprecated__WEBPACK_IMPORTED_MODULE_0__); +/* harmony import */ var _wordpress_preferences__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/preferences */ "@wordpress/preferences"); +/* harmony import */ var _wordpress_preferences__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_preferences__WEBPACK_IMPORTED_MODULE_1__); +/** + * WordPress dependencies + */ + + +/** + * Enable the complementary area. + * + * @param {string} scope Complementary area scope. + * @param {string} area Area identifier. + */ + +const enableComplementaryArea = (scope, area) => _ref => { + let { + registry + } = _ref; + + // Return early if there's no area. + if (!area) { + return; + } + + registry.dispatch(_wordpress_preferences__WEBPACK_IMPORTED_MODULE_1__.store).set(scope, 'complementaryArea', area); +}; +/** + * Disable the complementary area. + * + * @param {string} scope Complementary area scope. + */ + +const disableComplementaryArea = scope => _ref2 => { + let { + registry + } = _ref2; + registry.dispatch(_wordpress_preferences__WEBPACK_IMPORTED_MODULE_1__.store).set(scope, 'complementaryArea', null); +}; +/** + * Pins an item. + * + * @param {string} scope Item scope. + * @param {string} item Item identifier. + * + * @return {Object} Action object. + */ + +const pinItem = (scope, item) => _ref3 => { + let { + registry + } = _ref3; + + // Return early if there's no item. + if (!item) { + return; + } + + const pinnedItems = registry.select(_wordpress_preferences__WEBPACK_IMPORTED_MODULE_1__.store).get(scope, 'pinnedItems'); // The item is already pinned, there's nothing to do. + + if ((pinnedItems === null || pinnedItems === void 0 ? void 0 : pinnedItems[item]) === true) { + return; + } + + registry.dispatch(_wordpress_preferences__WEBPACK_IMPORTED_MODULE_1__.store).set(scope, 'pinnedItems', { ...pinnedItems, + [item]: true + }); +}; +/** + * Unpins an item. + * + * @param {string} scope Item scope. + * @param {string} item Item identifier. + */ + +const unpinItem = (scope, item) => _ref4 => { + let { + registry + } = _ref4; + + // Return early if there's no item. + if (!item) { + return; + } + + const pinnedItems = registry.select(_wordpress_preferences__WEBPACK_IMPORTED_MODULE_1__.store).get(scope, 'pinnedItems'); + registry.dispatch(_wordpress_preferences__WEBPACK_IMPORTED_MODULE_1__.store).set(scope, 'pinnedItems', { ...pinnedItems, + [item]: false + }); +}; +/** + * Returns an action object used in signalling that a feature should be toggled. + * + * @param {string} scope The feature scope (e.g. core/edit-post). + * @param {string} featureName The feature name. + */ + +function toggleFeature(scope, featureName) { + return function (_ref5) { + let { + registry + } = _ref5; + _wordpress_deprecated__WEBPACK_IMPORTED_MODULE_0___default()(`wp.dispatch( 'core/interface' ).toggleFeature`, { + since: '6.0', + alternative: `wp.dispatch( 'core/preferences' ).toggle` + }); + registry.dispatch(_wordpress_preferences__WEBPACK_IMPORTED_MODULE_1__.store).toggle(scope, featureName); + }; +} +/** + * Returns an action object used in signalling that a feature should be set to + * a true or false value + * + * @param {string} scope The feature scope (e.g. core/edit-post). + * @param {string} featureName The feature name. + * @param {boolean} value The value to set. + * + * @return {Object} Action object. + */ + +function setFeatureValue(scope, featureName, value) { + return function (_ref6) { + let { + registry + } = _ref6; + _wordpress_deprecated__WEBPACK_IMPORTED_MODULE_0___default()(`wp.dispatch( 'core/interface' ).setFeatureValue`, { + since: '6.0', + alternative: `wp.dispatch( 'core/preferences' ).set` + }); + registry.dispatch(_wordpress_preferences__WEBPACK_IMPORTED_MODULE_1__.store).set(scope, featureName, !!value); + }; +} +/** + * Returns an action object used in signalling that defaults should be set for features. + * + * @param {string} scope The feature scope (e.g. core/edit-post). + * @param {Object} defaults A key/value map of feature names to values. + * + * @return {Object} Action object. + */ + +function setFeatureDefaults(scope, defaults) { + return function (_ref7) { + let { + registry + } = _ref7; + _wordpress_deprecated__WEBPACK_IMPORTED_MODULE_0___default()(`wp.dispatch( 'core/interface' ).setFeatureDefaults`, { + since: '6.0', + alternative: `wp.dispatch( 'core/preferences' ).setDefaults` + }); + registry.dispatch(_wordpress_preferences__WEBPACK_IMPORTED_MODULE_1__.store).setDefaults(scope, defaults); + }; +} +//# sourceMappingURL=actions.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/interface/build-module/store/constants.js": +/*!***************************************************************************!*\ + !*** ./node_modules/@wordpress/interface/build-module/store/constants.js ***! + \***************************************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "STORE_NAME": function() { return /* binding */ STORE_NAME; } +/* harmony export */ }); +/** + * The identifier for the data store. + * + * @type {string} + */ +const STORE_NAME = 'core/interface'; +//# sourceMappingURL=constants.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/interface/build-module/store/index.js": +/*!***********************************************************************!*\ + !*** ./node_modules/@wordpress/interface/build-module/store/index.js ***! + \***********************************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "store": function() { return /* binding */ store; } +/* harmony export */ }); +/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/data */ "@wordpress/data"); +/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_data__WEBPACK_IMPORTED_MODULE_0__); +/* harmony import */ var _actions__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./actions */ "./node_modules/@wordpress/interface/build-module/store/actions.js"); +/* harmony import */ var _selectors__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./selectors */ "./node_modules/@wordpress/interface/build-module/store/selectors.js"); +/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./constants */ "./node_modules/@wordpress/interface/build-module/store/constants.js"); +/** + * WordPress dependencies + */ + +/** + * Internal dependencies + */ + + + + +/** + * Store definition for the interface namespace. + * + * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/data/README.md#createReduxStore + * + * @type {Object} + */ + +const store = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_0__.createReduxStore)(_constants__WEBPACK_IMPORTED_MODULE_1__.STORE_NAME, { + reducer: () => {}, + actions: _actions__WEBPACK_IMPORTED_MODULE_2__, + selectors: _selectors__WEBPACK_IMPORTED_MODULE_3__ +}); // Once we build a more generic persistence plugin that works across types of stores +// we'd be able to replace this with a register call. + +(0,_wordpress_data__WEBPACK_IMPORTED_MODULE_0__.register)(store); +//# sourceMappingURL=index.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/interface/build-module/store/selectors.js": +/*!***************************************************************************!*\ + !*** ./node_modules/@wordpress/interface/build-module/store/selectors.js ***! + \***************************************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "getActiveComplementaryArea": function() { return /* binding */ getActiveComplementaryArea; }, +/* harmony export */ "isFeatureActive": function() { return /* binding */ isFeatureActive; }, +/* harmony export */ "isItemPinned": function() { return /* binding */ isItemPinned; } +/* harmony export */ }); +/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/data */ "@wordpress/data"); +/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_data__WEBPACK_IMPORTED_MODULE_0__); +/* harmony import */ var _wordpress_deprecated__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/deprecated */ "@wordpress/deprecated"); +/* harmony import */ var _wordpress_deprecated__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_deprecated__WEBPACK_IMPORTED_MODULE_1__); +/* harmony import */ var _wordpress_preferences__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/preferences */ "@wordpress/preferences"); +/* harmony import */ var _wordpress_preferences__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_preferences__WEBPACK_IMPORTED_MODULE_2__); +/** + * WordPress dependencies + */ + + + +/** + * Returns the complementary area that is active in a given scope. + * + * @param {Object} state Global application state. + * @param {string} scope Item scope. + * + * @return {string} The complementary area that is active in the given scope. + */ + +const getActiveComplementaryArea = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_0__.createRegistrySelector)(select => (state, scope) => { + return select(_wordpress_preferences__WEBPACK_IMPORTED_MODULE_2__.store).get(scope, 'complementaryArea'); +}); +/** + * Returns a boolean indicating if an item is pinned or not. + * + * @param {Object} state Global application state. + * @param {string} scope Scope. + * @param {string} item Item to check. + * + * @return {boolean} True if the item is pinned and false otherwise. + */ + +const isItemPinned = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_0__.createRegistrySelector)(select => (state, scope, item) => { + var _pinnedItems$item; + + const pinnedItems = select(_wordpress_preferences__WEBPACK_IMPORTED_MODULE_2__.store).get(scope, 'pinnedItems'); + return (_pinnedItems$item = pinnedItems === null || pinnedItems === void 0 ? void 0 : pinnedItems[item]) !== null && _pinnedItems$item !== void 0 ? _pinnedItems$item : true; +}); +/** + * Returns a boolean indicating whether a feature is active for a particular + * scope. + * + * @param {Object} state The store state. + * @param {string} scope The scope of the feature (e.g. core/edit-post). + * @param {string} featureName The name of the feature. + * + * @return {boolean} Is the feature enabled? + */ + +const isFeatureActive = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_0__.createRegistrySelector)(select => (state, scope, featureName) => { + _wordpress_deprecated__WEBPACK_IMPORTED_MODULE_1___default()(`wp.select( 'core/interface' ).isFeatureActive( scope, featureName )`, { + since: '6.0', + alternative: `!! wp.select( 'core/preferences' ).isFeatureActive( scope, featureName )` + }); + return !!select(_wordpress_preferences__WEBPACK_IMPORTED_MODULE_2__.store).get(scope, featureName); +}); +//# sourceMappingURL=selectors.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/style-engine/build-module/index.js": +/*!********************************************************************!*\ + !*** ./node_modules/@wordpress/style-engine/build-module/index.js ***! + \********************************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "generate": function() { return /* binding */ generate; }, +/* harmony export */ "getCSSRules": function() { return /* binding */ getCSSRules; } +/* harmony export */ }); +/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ "lodash"); +/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__); +/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./styles */ "./node_modules/@wordpress/style-engine/build-module/styles/index.js"); +/** + * External dependencies + */ + +/** + * Internal dependencies + */ + + +/** + * Generates a stylesheet for a given style object and selector. + * + * @param style Style object. + * @param options Options object with settings to adjust how the styles are generated. + * + * @return generated stylesheet. + */ + +function generate(style, options) { + const rules = getCSSRules(style, options); // If no selector is provided, treat generated rules as inline styles to be returned as a single string. + + if (!(options !== null && options !== void 0 && options.selector)) { + const inlineRules = []; + rules.forEach(rule => { + inlineRules.push(`${(0,lodash__WEBPACK_IMPORTED_MODULE_0__.kebabCase)(rule.key)}: ${rule.value};`); + }); + return inlineRules.join(' '); + } + + const groupedRules = (0,lodash__WEBPACK_IMPORTED_MODULE_0__.groupBy)(rules, 'selector'); + const selectorRules = Object.keys(groupedRules).reduce((acc, subSelector) => { + acc.push(`${subSelector} { ${groupedRules[subSelector].map(rule => `${(0,lodash__WEBPACK_IMPORTED_MODULE_0__.kebabCase)(rule.key)}: ${rule.value};`).join(' ')} }`); + return acc; + }, []); + return selectorRules.join('\n'); +} +/** + * Returns a JSON representation of the generated CSS rules. + * + * @param style Style object. + * @param options Options object with settings to adjust how the styles are generated. + * + * @return generated styles. + */ + +function getCSSRules(style, options) { + const rules = []; + _styles__WEBPACK_IMPORTED_MODULE_1__.styleDefinitions.forEach(definition => { + if (typeof definition.generate === 'function') { + rules.push(...definition.generate(style, options)); + } + }); + return rules; +} +//# sourceMappingURL=index.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/style-engine/build-module/styles/border/index.js": +/*!**********************************************************************************!*\ + !*** ./node_modules/@wordpress/style-engine/build-module/styles/border/index.js ***! + \**********************************************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../utils */ "./node_modules/@wordpress/style-engine/build-module/styles/utils.js"); +/** + * Internal dependencies + */ + +const color = { + name: 'color', + generate: function (style, options) { + let path = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : ['border', 'color']; + let ruleKey = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'borderColor'; + return (0,_utils__WEBPACK_IMPORTED_MODULE_0__.generateRule)(style, options, path, ruleKey); + } +}; +const radius = { + name: 'radius', + generate: (style, options) => { + return (0,_utils__WEBPACK_IMPORTED_MODULE_0__.generateBoxRules)(style, options, ['border', 'radius'], { + default: 'borderRadius', + individual: 'border%sRadius' + }, ['topLeft', 'topRight', 'bottomLeft', 'bottomRight']); + } +}; +const borderStyle = { + name: 'style', + generate: function (style, options) { + let path = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : ['border', 'style']; + let ruleKey = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'borderStyle'; + return (0,_utils__WEBPACK_IMPORTED_MODULE_0__.generateRule)(style, options, path, ruleKey); + } +}; +const width = { + name: 'width', + generate: function (style, options) { + let path = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : ['border', 'width']; + let ruleKey = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'borderWidth'; + return (0,_utils__WEBPACK_IMPORTED_MODULE_0__.generateRule)(style, options, path, ruleKey); + } +}; +const borderDefinitionsWithIndividualStyles = [color, borderStyle, width]; +/** + * Returns a curried generator function with the individual border property ('top' | 'right' | 'bottom' | 'left') baked in. + * + * @param individualProperty Individual border property ('top' | 'right' | 'bottom' | 'left'). + * + * @return StyleDefinition[ 'generate' ] + */ + +const createBorderGenerateFunction = individualProperty => (style, options) => { + var _style$border; + + const styleValue = style === null || style === void 0 ? void 0 : (_style$border = style.border) === null || _style$border === void 0 ? void 0 : _style$border[individualProperty]; + + if (!styleValue) { + return []; + } + + return borderDefinitionsWithIndividualStyles.reduce((acc, borderDefinition) => { + const key = borderDefinition.name; + + if (styleValue.hasOwnProperty(key) && typeof borderDefinition.generate === 'function') { + const ruleKey = `border${(0,_utils__WEBPACK_IMPORTED_MODULE_0__.upperFirst)(individualProperty)}${(0,_utils__WEBPACK_IMPORTED_MODULE_0__.upperFirst)(key)}`; + acc.push(...borderDefinition.generate(style, options, ['border', individualProperty, key], ruleKey)); + } + + return acc; + }, []); +}; + +const borderTop = { + name: 'borderTop', + generate: createBorderGenerateFunction('top') +}; +const borderRight = { + name: 'borderRight', + generate: createBorderGenerateFunction('right') +}; +const borderBottom = { + name: 'borderBottom', + generate: createBorderGenerateFunction('bottom') +}; +const borderLeft = { + name: 'borderLeft', + generate: createBorderGenerateFunction('left') +}; +/* harmony default export */ __webpack_exports__["default"] = ([...borderDefinitionsWithIndividualStyles, radius, borderTop, borderRight, borderBottom, borderLeft]); +//# sourceMappingURL=index.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/style-engine/build-module/styles/color/background.js": +/*!**************************************************************************************!*\ + !*** ./node_modules/@wordpress/style-engine/build-module/styles/color/background.js ***! + \**************************************************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../utils */ "./node_modules/@wordpress/style-engine/build-module/styles/utils.js"); +/** + * Internal dependencies + */ + +const background = { + name: 'background', + generate: (style, options) => { + return (0,_utils__WEBPACK_IMPORTED_MODULE_0__.generateRule)(style, options, ['color', 'background'], 'backgroundColor'); + } +}; +/* harmony default export */ __webpack_exports__["default"] = (background); +//# sourceMappingURL=background.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/style-engine/build-module/styles/color/gradient.js": +/*!************************************************************************************!*\ + !*** ./node_modules/@wordpress/style-engine/build-module/styles/color/gradient.js ***! + \************************************************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../utils */ "./node_modules/@wordpress/style-engine/build-module/styles/utils.js"); +/** + * Internal dependencies + */ + +const gradient = { + name: 'gradient', + generate: (style, options) => { + return (0,_utils__WEBPACK_IMPORTED_MODULE_0__.generateRule)(style, options, ['color', 'gradient'], 'background'); + } +}; +/* harmony default export */ __webpack_exports__["default"] = (gradient); +//# sourceMappingURL=gradient.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/style-engine/build-module/styles/color/index.js": +/*!*********************************************************************************!*\ + !*** ./node_modules/@wordpress/style-engine/build-module/styles/color/index.js ***! + \*********************************************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony import */ var _background__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./background */ "./node_modules/@wordpress/style-engine/build-module/styles/color/background.js"); +/* harmony import */ var _gradient__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./gradient */ "./node_modules/@wordpress/style-engine/build-module/styles/color/gradient.js"); +/* harmony import */ var _text__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./text */ "./node_modules/@wordpress/style-engine/build-module/styles/color/text.js"); +/** + * Internal dependencies + */ + + + +/* harmony default export */ __webpack_exports__["default"] = ([_text__WEBPACK_IMPORTED_MODULE_0__["default"], _gradient__WEBPACK_IMPORTED_MODULE_1__["default"], _background__WEBPACK_IMPORTED_MODULE_2__["default"]]); +//# sourceMappingURL=index.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/style-engine/build-module/styles/color/text.js": +/*!********************************************************************************!*\ + !*** ./node_modules/@wordpress/style-engine/build-module/styles/color/text.js ***! + \********************************************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../utils */ "./node_modules/@wordpress/style-engine/build-module/styles/utils.js"); +/** + * Internal dependencies + */ + +const text = { + name: 'text', + generate: (style, options) => { + return (0,_utils__WEBPACK_IMPORTED_MODULE_0__.generateRule)(style, options, ['color', 'text'], 'color'); + } +}; +/* harmony default export */ __webpack_exports__["default"] = (text); +//# sourceMappingURL=text.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/style-engine/build-module/styles/constants.js": +/*!*******************************************************************************!*\ + !*** ./node_modules/@wordpress/style-engine/build-module/styles/constants.js ***! + \*******************************************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "VARIABLE_PATH_SEPARATOR_TOKEN_ATTRIBUTE": function() { return /* binding */ VARIABLE_PATH_SEPARATOR_TOKEN_ATTRIBUTE; }, +/* harmony export */ "VARIABLE_PATH_SEPARATOR_TOKEN_STYLE": function() { return /* binding */ VARIABLE_PATH_SEPARATOR_TOKEN_STYLE; }, +/* harmony export */ "VARIABLE_REFERENCE_PREFIX": function() { return /* binding */ VARIABLE_REFERENCE_PREFIX; } +/* harmony export */ }); +const VARIABLE_REFERENCE_PREFIX = 'var:'; +const VARIABLE_PATH_SEPARATOR_TOKEN_ATTRIBUTE = '|'; +const VARIABLE_PATH_SEPARATOR_TOKEN_STYLE = '--'; +//# sourceMappingURL=constants.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/style-engine/build-module/styles/index.js": +/*!***************************************************************************!*\ + !*** ./node_modules/@wordpress/style-engine/build-module/styles/index.js ***! + \***************************************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "styleDefinitions": function() { return /* binding */ styleDefinitions; } +/* harmony export */ }); +/* harmony import */ var _border__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./border */ "./node_modules/@wordpress/style-engine/build-module/styles/border/index.js"); +/* harmony import */ var _color__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./color */ "./node_modules/@wordpress/style-engine/build-module/styles/color/index.js"); +/* harmony import */ var _spacing__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./spacing */ "./node_modules/@wordpress/style-engine/build-module/styles/spacing/index.js"); +/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./typography */ "./node_modules/@wordpress/style-engine/build-module/styles/typography/index.js"); +/** + * Internal dependencies + */ + + + + +const styleDefinitions = [..._border__WEBPACK_IMPORTED_MODULE_0__["default"], ..._color__WEBPACK_IMPORTED_MODULE_1__["default"], ..._spacing__WEBPACK_IMPORTED_MODULE_2__["default"], ..._typography__WEBPACK_IMPORTED_MODULE_3__["default"]]; +//# sourceMappingURL=index.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/style-engine/build-module/styles/spacing/index.js": +/*!***********************************************************************************!*\ + !*** ./node_modules/@wordpress/style-engine/build-module/styles/spacing/index.js ***! + \***********************************************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony import */ var _padding__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./padding */ "./node_modules/@wordpress/style-engine/build-module/styles/spacing/padding.js"); +/* harmony import */ var _margin__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./margin */ "./node_modules/@wordpress/style-engine/build-module/styles/spacing/margin.js"); +/** + * Internal dependencies + */ + + +/* harmony default export */ __webpack_exports__["default"] = ([_margin__WEBPACK_IMPORTED_MODULE_0__["default"], _padding__WEBPACK_IMPORTED_MODULE_1__["default"]]); +//# sourceMappingURL=index.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/style-engine/build-module/styles/spacing/margin.js": +/*!************************************************************************************!*\ + !*** ./node_modules/@wordpress/style-engine/build-module/styles/spacing/margin.js ***! + \************************************************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../utils */ "./node_modules/@wordpress/style-engine/build-module/styles/utils.js"); +/** + * Internal dependencies + */ + +const margin = { + name: 'margin', + generate: (style, options) => { + return (0,_utils__WEBPACK_IMPORTED_MODULE_0__.generateBoxRules)(style, options, ['spacing', 'margin'], { + default: 'margin', + individual: 'margin%s' + }); + } +}; +/* harmony default export */ __webpack_exports__["default"] = (margin); +//# sourceMappingURL=margin.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/style-engine/build-module/styles/spacing/padding.js": +/*!*************************************************************************************!*\ + !*** ./node_modules/@wordpress/style-engine/build-module/styles/spacing/padding.js ***! + \*************************************************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../utils */ "./node_modules/@wordpress/style-engine/build-module/styles/utils.js"); +/** + * Internal dependencies + */ + +const padding = { + name: 'padding', + generate: (style, options) => { + return (0,_utils__WEBPACK_IMPORTED_MODULE_0__.generateBoxRules)(style, options, ['spacing', 'padding'], { + default: 'padding', + individual: 'padding%s' + }); + } +}; +/* harmony default export */ __webpack_exports__["default"] = (padding); +//# sourceMappingURL=padding.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/style-engine/build-module/styles/typography/index.js": +/*!**************************************************************************************!*\ + !*** ./node_modules/@wordpress/style-engine/build-module/styles/typography/index.js ***! + \**************************************************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../utils */ "./node_modules/@wordpress/style-engine/build-module/styles/utils.js"); +/** + * Internal dependencies + */ + +const fontSize = { + name: 'fontSize', + generate: (style, options) => { + return (0,_utils__WEBPACK_IMPORTED_MODULE_0__.generateRule)(style, options, ['typography', 'fontSize'], 'fontSize'); + } +}; +const fontStyle = { + name: 'fontStyle', + generate: (style, options) => { + return (0,_utils__WEBPACK_IMPORTED_MODULE_0__.generateRule)(style, options, ['typography', 'fontStyle'], 'fontStyle'); + } +}; +const fontWeight = { + name: 'fontWeight', + generate: (style, options) => { + return (0,_utils__WEBPACK_IMPORTED_MODULE_0__.generateRule)(style, options, ['typography', 'fontWeight'], 'fontWeight'); + } +}; +const letterSpacing = { + name: 'letterSpacing', + generate: (style, options) => { + return (0,_utils__WEBPACK_IMPORTED_MODULE_0__.generateRule)(style, options, ['typography', 'letterSpacing'], 'letterSpacing'); + } +}; +const lineHeight = { + name: 'letterSpacing', + generate: (style, options) => { + return (0,_utils__WEBPACK_IMPORTED_MODULE_0__.generateRule)(style, options, ['typography', 'lineHeight'], 'lineHeight'); + } +}; +const textDecoration = { + name: 'textDecoration', + generate: (style, options) => { + return (0,_utils__WEBPACK_IMPORTED_MODULE_0__.generateRule)(style, options, ['typography', 'textDecoration'], 'textDecoration'); + } +}; +const textTransform = { + name: 'textTransform', + generate: (style, options) => { + return (0,_utils__WEBPACK_IMPORTED_MODULE_0__.generateRule)(style, options, ['typography', 'textTransform'], 'textTransform'); + } +}; +/* harmony default export */ __webpack_exports__["default"] = ([fontSize, fontStyle, fontWeight, letterSpacing, lineHeight, textDecoration, textTransform]); +//# sourceMappingURL=index.js.map + +/***/ }), + +/***/ "./node_modules/@wordpress/style-engine/build-module/styles/utils.js": +/*!***************************************************************************!*\ + !*** ./node_modules/@wordpress/style-engine/build-module/styles/utils.js ***! + \***************************************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "generateBoxRules": function() { return /* binding */ generateBoxRules; }, +/* harmony export */ "generateRule": function() { return /* binding */ generateRule; }, +/* harmony export */ "getCSSVarFromStyleValue": function() { return /* binding */ getCSSVarFromStyleValue; }, +/* harmony export */ "upperFirst": function() { return /* binding */ upperFirst; } +/* harmony export */ }); +/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ "lodash"); +/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__); +/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./constants */ "./node_modules/@wordpress/style-engine/build-module/styles/constants.js"); +/** + * External dependencies + */ + +/** + * Internal dependencies + */ + + +/** + * Returns a JSON representation of the generated CSS rules. + * + * @param style Style object. + * @param options Options object with settings to adjust how the styles are generated. + * @param path An array of strings representing the path to the style value in the style object. + * @param ruleKey A CSS property key. + * + * @return GeneratedCSSRule[] CSS rules. + */ + +function generateRule(style, options, path, ruleKey) { + const styleValue = (0,lodash__WEBPACK_IMPORTED_MODULE_0__.get)(style, path); + return styleValue ? [{ + selector: options === null || options === void 0 ? void 0 : options.selector, + key: ruleKey, + value: getCSSVarFromStyleValue(styleValue) + }] : []; +} +/** + * Returns a JSON representation of the generated CSS rules taking into account box model properties, top, right, bottom, left. + * + * @param style Style object. + * @param options Options object with settings to adjust how the styles are generated. + * @param path An array of strings representing the path to the style value in the style object. + * @param ruleKeys An array of CSS property keys and patterns. + * @param individualProperties The "sides" or individual properties for which to generate rules. + * + * @return GeneratedCSSRule[] CSS rules. + */ + +function generateBoxRules(style, options, path, ruleKeys) { + let individualProperties = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : ['top', 'right', 'bottom', 'left']; + const boxStyle = (0,lodash__WEBPACK_IMPORTED_MODULE_0__.get)(style, path); + + if (!boxStyle) { + return []; + } + + const rules = []; + + if (typeof boxStyle === 'string') { + rules.push({ + selector: options === null || options === void 0 ? void 0 : options.selector, + key: ruleKeys.default, + value: boxStyle + }); + } else { + const sideRules = individualProperties.reduce((acc, side) => { + const value = (0,lodash__WEBPACK_IMPORTED_MODULE_0__.get)(boxStyle, [side]); + + if (value) { + acc.push({ + selector: options === null || options === void 0 ? void 0 : options.selector, + key: ruleKeys === null || ruleKeys === void 0 ? void 0 : ruleKeys.individual.replace('%s', upperFirst(side)), + value + }); + } + + return acc; + }, []); + rules.push(...sideRules); + } + + return rules; +} +/** + * Returns a CSS var value from incoming style value following the pattern `var:description|context|slug`. + * + * @param styleValue A raw style value. + * + * @return string A CSS var value. + */ + +function getCSSVarFromStyleValue(styleValue) { + if (typeof styleValue === 'string' && styleValue.startsWith(_constants__WEBPACK_IMPORTED_MODULE_1__.VARIABLE_REFERENCE_PREFIX)) { + const variable = styleValue.slice(_constants__WEBPACK_IMPORTED_MODULE_1__.VARIABLE_REFERENCE_PREFIX.length).split(_constants__WEBPACK_IMPORTED_MODULE_1__.VARIABLE_PATH_SEPARATOR_TOKEN_ATTRIBUTE).join(_constants__WEBPACK_IMPORTED_MODULE_1__.VARIABLE_PATH_SEPARATOR_TOKEN_STYLE); + return `var(--wp--${variable})`; + } + + return styleValue; +} +/** + * Capitalizes the first letter in a string. + * + * @param {string} str The string whose first letter the function will capitalize. + * + * @return string A CSS var value. + */ + +function upperFirst(_ref) { + let [firstLetter, ...rest] = _ref; + return firstLetter.toUpperCase() + rest.join(''); +} +//# sourceMappingURL=utils.js.map + +/***/ }), + +/***/ "./src/OnboardingSPA/components/App/index.js": +/*!***************************************************!*\ + !*** ./src/OnboardingSPA/components/App/index.js ***! + \***************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__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 _Header__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../Header */ "./src/OnboardingSPA/components/Header/index.js"); +/* harmony import */ var _Content__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../Content */ "./src/OnboardingSPA/components/Content/index.js"); +/* harmony import */ var _Drawer__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../Drawer */ "./src/OnboardingSPA/components/Drawer/index.js"); +/* harmony import */ var _Sidebar__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../Sidebar */ "./src/OnboardingSPA/components/Sidebar/index.js"); +/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js"); +/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_5__); +/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! react-router-dom */ "./node_modules/react-router/index.js"); +/* harmony import */ var _utils_api_flow__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../utils/api/flow */ "./src/OnboardingSPA/utils/api/flow.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 _utils_api_ecommerce__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../utils/api/ecommerce */ "./src/OnboardingSPA/utils/api/ecommerce.js"); +/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../store */ "./src/OnboardingSPA/store/index.js"); +/* harmony import */ var _data_routes___WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../data/routes/ */ "./src/OnboardingSPA/data/routes/index.js"); +/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! lodash */ "lodash"); +/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_11__); +/* harmony import */ var _wordpress_compose__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! @wordpress/compose */ "@wordpress/compose"); +/* harmony import */ var _wordpress_compose__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(_wordpress_compose__WEBPACK_IMPORTED_MODULE_12__); +/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! @wordpress/data */ "@wordpress/data"); +/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(_wordpress_data__WEBPACK_IMPORTED_MODULE_13__); +/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components"); +/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_14__); +/* harmony import */ var _wordpress_interface__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! @wordpress/interface */ "./node_modules/@wordpress/interface/build-module/index.js"); + + + + + + + + + + + + + + + + + + +/** + * Primary app that renders the . + * + * Is a child of the hash router and error boundary. + * + * @return WPComponent + */ + +const App = () => { + const location = (0,react_router_dom__WEBPACK_IMPORTED_MODULE_16__.useLocation)(); + const isLargeViewport = (0,_wordpress_compose__WEBPACK_IMPORTED_MODULE_12__.useViewportMatch)('medium'); + const pathname = (0,lodash__WEBPACK_IMPORTED_MODULE_11__.kebabCase)(location.pathname); + const { + isDrawerOpen, + newfoldBrand, + onboardingFlow, + currentData, + firstStep, + routes, + designSteps, + allSteps + } = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_13__.useSelect)(select => { + return { + isDrawerOpen: select(_store__WEBPACK_IMPORTED_MODULE_9__.store).isDrawerOpened(), + newfoldBrand: select(_store__WEBPACK_IMPORTED_MODULE_9__.store).getNewfoldBrand(), + onboardingFlow: select(_store__WEBPACK_IMPORTED_MODULE_9__.store).getOnboardingFlow(), + currentData: select(_store__WEBPACK_IMPORTED_MODULE_9__.store).getCurrentOnboardingData(), + firstStep: select(_store__WEBPACK_IMPORTED_MODULE_9__.store).getFirstStep(), + 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() + }; + }, []); + const [isRequestPlaced, setIsRequestPlaced] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(false); + const [didVisitBasicInfo, setDidVisitBasicInfo] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(false); + const [didVisitEcommerce, setDidVisitEcommerce] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(false); + const { + setActiveStep, + setActiveFlow, + updateRoutes, + updateDesignSteps, + updateAllSteps, + setCurrentOnboardingData + } = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_13__.useDispatch)(_store__WEBPACK_IMPORTED_MODULE_9__.store); + + async function syncSocialSettings() { + var _currentData$data; + + const initialData = await (0,_utils_api_settings__WEBPACK_IMPORTED_MODULE_7__.getSettings)(); + const result = await (0,_utils_api_settings__WEBPACK_IMPORTED_MODULE_7__.setSettings)(currentData === null || currentData === void 0 ? void 0 : (_currentData$data = currentData.data) === null || _currentData$data === void 0 ? void 0 : _currentData$data.socialData); + setDidVisitBasicInfo(false); + + if ((result === null || result === void 0 ? void 0 : result.error) != null) { + console.error('Unable to Save Social Data!'); + return initialData === null || initialData === void 0 ? void 0 : initialData.body; + } + + return result === null || result === void 0 ? void 0 : result.body; + } + + async function syncStoreDetails() { + let { + address, + tax + } = currentData.storeDetails; + let payload = {}; + + if (address !== undefined) { + delete address.country; + delete address.state; + payload = address; + } + + if (tax !== undefined) { + let option = tax.option; + let isStoreDetailsFilled = tax.isStoreDetailsFilled; + delete tax.option; + delete tax.isStoreDetailsFilled; // No Auto-calculate taxes for MMP + // if (option === "1") { + // if (isStoreDetailsFilled) { + // payload = { ...payload, ...tax }; + // } + // } else { + // payload = { ...payload, ...tax }; + // } + + payload = { ...payload, + ...tax + }; + } + + if (!(0,_utils_api_ecommerce__WEBPACK_IMPORTED_MODULE_8__.isEmpty)(payload)) { + await (0,_utils_api_ecommerce__WEBPACK_IMPORTED_MODULE_8__.updateWPSettings)(payload); + } + + delete currentData.storeDetails.address; + delete currentData.storeDetails.tax; + setDidVisitEcommerce(false); + } + + async function syncStoreToDB() { + // The First Welcome Step doesn't have any Store changes + const isFirstStep = (location === null || location === void 0 ? void 0 : location.pathname) === (firstStep === null || firstStep === void 0 ? void 0 : firstStep.path); + + if (currentData && !isFirstStep) { + if (!isRequestPlaced) { + setIsRequestPlaced(true); + + if (didVisitEcommerce) { + await syncStoreDetails(); + } // If Social Data is changed then sync it + + + if (didVisitBasicInfo) { + const socialData = await syncSocialSettings(); // If Social Data is changed then Sync that also to the store + + if (socialData && currentData !== null && currentData !== void 0 && currentData.data) currentData.data.socialData = socialData; + } + + const result = await (0,_utils_api_flow__WEBPACK_IMPORTED_MODULE_6__.setFlow)(currentData); + + if ((result === null || result === void 0 ? void 0 : result.error) != null) { + setIsRequestPlaced(false); + console.error('Unable to Save data!'); + } else { + setCurrentOnboardingData(result === null || result === void 0 ? void 0 : result.body); + setIsRequestPlaced(false); + } + } + } // Check if the Basic Info page was visited + + + if (location !== null && location !== void 0 && location.pathname.includes('basic-info')) setDidVisitBasicInfo(true); + + if (location !== null && location !== void 0 && location.pathname.includes('ecommerce')) { + setDidVisitEcommerce(true); + } + } + + const addColorAndTypographyRoutes = () => { + const updates = removeColorAndTypographyRoutes(); + const steps = [_data_routes___WEBPACK_IMPORTED_MODULE_10__.conditionalSteps.designColors, _data_routes___WEBPACK_IMPORTED_MODULE_10__.conditionalSteps.designTypography]; + return { + routes: (0,lodash__WEBPACK_IMPORTED_MODULE_11__.orderBy)(updates.routes.concat(steps), ['priority'], ['asc']), + allSteps: (0,lodash__WEBPACK_IMPORTED_MODULE_11__.orderBy)(updates.allSteps.concat(steps), ['priority'], ['asc']), + designSteps: (0,lodash__WEBPACK_IMPORTED_MODULE_11__.orderBy)(updates.designSteps.concat(steps), ['priority'], ['asc']) + }; + }; + + const removeColorAndTypographyRoutes = () => { + return { + routes: (0,lodash__WEBPACK_IMPORTED_MODULE_11__.filter)(routes, route => !route.path.includes(_data_routes___WEBPACK_IMPORTED_MODULE_10__.conditionalSteps.designColors.path) && !route.path.includes(_data_routes___WEBPACK_IMPORTED_MODULE_10__.conditionalSteps.designTypography.path)), + allSteps: (0,lodash__WEBPACK_IMPORTED_MODULE_11__.filter)(allSteps, allStep => !allStep.path.includes(_data_routes___WEBPACK_IMPORTED_MODULE_10__.conditionalSteps.designColors.path) && !allStep.path.includes(_data_routes___WEBPACK_IMPORTED_MODULE_10__.conditionalSteps.designTypography.path)), + designSteps: (0,lodash__WEBPACK_IMPORTED_MODULE_11__.filter)(designSteps, designStep => !designStep.path.includes(_data_routes___WEBPACK_IMPORTED_MODULE_10__.conditionalSteps.designColors.path) && !designStep.path.includes(_data_routes___WEBPACK_IMPORTED_MODULE_10__.conditionalSteps.designTypography.path)) + }; + }; + + function handleColorsAndTypographyRoutes() { + if (location !== null && location !== void 0 && location.pathname.includes('colors') || location !== null && location !== void 0 && location.pathname.includes('typography')) { + var _currentData$data2; + + let updates; + updates = currentData !== null && currentData !== void 0 && (_currentData$data2 = currentData.data) !== null && _currentData$data2 !== void 0 && _currentData$data2.customDesign ? addColorAndTypographyRoutes() : removeColorAndTypographyRoutes(); + updateRoutes(updates.routes); + updateDesignSteps(updates.designSteps); + updateAllSteps(updates.allSteps); + } + } + + (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => { + document.body.classList.add(`nfd-brand-${newfoldBrand}`); + }, [newfoldBrand]); + (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => { + syncStoreToDB(); + handleColorsAndTypographyRoutes(); + + if (location.pathname.includes('/step')) { + setActiveFlow(onboardingFlow); + setActiveStep(location.pathname); + } + }, [location.pathname, onboardingFlow]); + return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_interface__WEBPACK_IMPORTED_MODULE_15__.FullscreenMode, { + isActive: true + }), "\\", (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_14__.SlotFillProvider, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_interface__WEBPACK_IMPORTED_MODULE_15__.InterfaceSkeleton, { + className: classnames__WEBPACK_IMPORTED_MODULE_5___default()('nfd-onboarding-skeleton', `brand-${newfoldBrand}`, `path-${pathname}`, { + 'is-drawer-open': isDrawerOpen + }, { + 'is-large-viewport': isLargeViewport + }, { + 'is-small-viewport': !isLargeViewport + }), + header: (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_Header__WEBPACK_IMPORTED_MODULE_1__["default"], null), + drawer: (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_Drawer__WEBPACK_IMPORTED_MODULE_3__["default"], null), + content: (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_Content__WEBPACK_IMPORTED_MODULE_2__["default"], null), + sidebar: (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_Sidebar__WEBPACK_IMPORTED_MODULE_4__["default"], null) + }))); +}; + +/* harmony default export */ __webpack_exports__["default"] = (App); + +/***/ }), + +/***/ "./src/OnboardingSPA/components/Content/index.js": +/*!*******************************************************!*\ + !*** ./src/OnboardingSPA/components/Content/index.js ***! + \*******************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__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 react_router_dom__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-router-dom */ "./node_modules/react-router/index.js"); +/* 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__); + + + + + +/** + * Primary content area within the . + * + * @return WPComponent + */ + +const Content = () => { + const { + routes + } = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_2__.useSelect)(select => { + return { + routes: select(_store__WEBPACK_IMPORTED_MODULE_1__.store).getRoutes() + }; + }); + + const getMappedPages = routes => { + return routes === null || routes === void 0 ? void 0 : routes.map(route => (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(react_router_dom__WEBPACK_IMPORTED_MODULE_3__.Route, { + key: route.path, + path: route.path, + end: true, + element: (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(route.Component, null) + })); + }; + + return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("main", { + className: "nfd-onboard-content" + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Suspense, { + fallback: (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null) + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(react_router_dom__WEBPACK_IMPORTED_MODULE_3__.Routes, null, getMappedPages(routes)))); +}; + +/* harmony default export */ __webpack_exports__["default"] = (Content); + +/***/ }), + +/***/ "./src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js": +/*!*************************************************************************!*\ + !*** ./src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js ***! + \*************************************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__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__); +/* 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_components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components"); +/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__); +/* 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 _utils_global_styles_use_global_styles_output__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../utils/global-styles/use-global-styles-output */ "./src/OnboardingSPA/utils/global-styles/use-global-styles-output.js"); + + + + + + + + + +const DesignColors = () => { + const [isLoaded, setIsLoaded] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(false); + const [globalStyles, setGlobalStyles] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(); + const [selectedColors, setSelectedColors] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(); + const [showColorPicker, setShowColorPicker] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(false); + const [isAccordionClosed, setIsAccordionClosed] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(true); + const [selectedColorsLocal, setSelectedColorsLocal] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(); + const [customColors, setCustomColors] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(); + const [colorPickerCalledBy, setColorPickerCalledBy] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(''); + const { + storedPreviewSettings, + currentData + } = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_2__.useSelect)(select => { + return { + storedPreviewSettings: select(_store__WEBPACK_IMPORTED_MODULE_4__.store).getPreviewSettings(), + currentData: select(_store__WEBPACK_IMPORTED_MODULE_4__.store).getCurrentOnboardingData() + }; + }, []); + const { + updatePreviewSettings, + setCurrentOnboardingData + } = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_2__.useDispatch)(_store__WEBPACK_IMPORTED_MODULE_4__.store); + const colorPalettes = { + 'calm': { + 'tertiary': '#C7DBFF', + 'secondary': '#E6EBEE', + 'primary': '#1A4733', + 'background': '' + }, + 'cool': { + 'tertiary': '#C7DBFF', + 'secondary': '#EDF7FE', + 'primary': '#21447B', + 'background': '' + }, + 'warm': { + 'tertiary': '#FFEDED', + 'secondary': '#FEF7E8', + 'primary': '#7A3921', + 'background': '' + }, + 'radiant': { + 'tertiary': '#C7F0FF', + 'secondary': '#FEF4FB', + 'primary': '#63156A', + 'background': '' + }, + 'bold': { + 'tertiary': '#F2A3D6', + 'secondary': '#FFFBF5', + 'primary': '#09857C', + 'background': '' + }, + 'retro': { + 'tertiary': '#F2E6A2', + 'secondary': '#F5FFFF', + 'primary': '#096385', + 'background': '' + }, + 'professional': { + 'tertiary': '#A2C1F2', + 'secondary': '#F5FAFF', + 'primary': '#669933', + 'background': '' + } + }; + + function stateToLocal(selectedColors) { + if (selectedColors) { + let selectedColorsLocalTemp = {}; + selectedColors === null || selectedColors === void 0 ? void 0 : selectedColors.color.forEach(color => { + selectedColorsLocalTemp[color.slug] = color.color; + }); + setSelectedColorsLocal(selectedColorsLocalTemp); + return selectedColorsLocalTemp; + } + } + + function LocalToState(selectedColorsLocalTemp, colorStyle) { + if (selectedColorsLocalTemp && colorStyle) { + let selectedColorsTemp = selectedColors; + selectedColorsTemp.slug = colorStyle; + selectedColorsTemp.name = (colorStyle === null || colorStyle === void 0 ? void 0 : colorStyle.charAt(0).toUpperCase()) + (colorStyle === null || colorStyle === void 0 ? void 0 : colorStyle.slice(1)); + let colorsArray = []; + + for (let colorName in selectedColorsLocalTemp) { + colorsArray.push({ + 'slug': colorName, + 'name': (colorName === null || colorName === void 0 ? void 0 : colorName.charAt(0).toUpperCase()) + (colorName === null || colorName === void 0 ? void 0 : colorName.slice(1)), + 'color': selectedColorsLocalTemp[colorName] + }); + } + + selectedColorsTemp.color = colorsArray; + setSelectedColors(selectedColorsTemp); + currentData.data.palette = selectedColorsTemp; + setCurrentOnboardingData(currentData); + return selectedColorsTemp; + } + } + + async function saveThemeColorPalette(colorStyle) { + var _selectedGlobalStyle$, _selectedGlobalStyle$2, _selectedGlobalStyle$3, _selectedThemeColorPa; + + let selectedColorsLocalTemp = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : selectedColors; + let globalStylesTemp = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : globalStyles; + const isCustomStyle = colorStyle === 'custom'; + let selectedGlobalStyle = globalStylesTemp; + let selectedThemeColorPalette = selectedGlobalStyle === null || selectedGlobalStyle === void 0 ? void 0 : (_selectedGlobalStyle$ = selectedGlobalStyle.settings) === null || _selectedGlobalStyle$ === void 0 ? void 0 : (_selectedGlobalStyle$2 = _selectedGlobalStyle$.color) === null || _selectedGlobalStyle$2 === void 0 ? void 0 : (_selectedGlobalStyle$3 = _selectedGlobalStyle$2.palette) === null || _selectedGlobalStyle$3 === void 0 ? void 0 : _selectedGlobalStyle$3.theme; + + if (colorStyle && selectedThemeColorPalette) { + for (let idx = 0; idx < selectedThemeColorPalette.length; idx++) { + switch ((_selectedThemeColorPa = selectedThemeColorPalette[idx]) === null || _selectedThemeColorPa === void 0 ? void 0 : _selectedThemeColorPa.slug) { + case 'primary': + if (isCustomStyle && (selectedColorsLocalTemp === null || selectedColorsLocalTemp === void 0 ? void 0 : selectedColorsLocalTemp.primary) != '') selectedThemeColorPalette[idx].color = selectedColorsLocalTemp.primary;else if (!isCustomStyle) selectedThemeColorPalette[idx].color = colorPalettes[colorStyle].primary; + break; + + case 'secondary': + if (isCustomStyle && (selectedColorsLocalTemp === null || selectedColorsLocalTemp === void 0 ? void 0 : selectedColorsLocalTemp.secondary) != '') selectedThemeColorPalette[idx].color = selectedColorsLocalTemp.secondary;else if (!isCustomStyle) selectedThemeColorPalette[idx].color = colorPalettes[colorStyle].secondary; + break; + + case 'tertiary': + if (isCustomStyle && (selectedColorsLocalTemp === null || selectedColorsLocalTemp === void 0 ? void 0 : selectedColorsLocalTemp.tertiary) != '') selectedThemeColorPalette[idx].color = selectedColorsLocalTemp.tertiary;else if (!isCustomStyle) selectedThemeColorPalette[idx].color = colorPalettes[colorStyle].tertiary; + break; + + case 'background': + if (isCustomStyle && (selectedColorsLocalTemp === null || selectedColorsLocalTemp === void 0 ? void 0 : selectedColorsLocalTemp.background) != '') selectedThemeColorPalette[idx].color = selectedColorsLocalTemp.background;else if (!isCustomStyle) selectedThemeColorPalette[idx].color = '#ffffff'; + break; + } + } + + selectedGlobalStyle.settings.color.palette.theme = selectedThemeColorPalette; + setGlobalStyles(selectedGlobalStyle); + updatePreviewSettings((0,_utils_global_styles_use_global_styles_output__WEBPACK_IMPORTED_MODULE_6__.useGlobalStylesOutput)(selectedGlobalStyle, storedPreviewSettings)); + return selectedGlobalStyle; + } + } + + async function saveCustomColors() { + var _selectedGlobalStyle$4, _selectedGlobalStyle$5, _selectedGlobalStyle$6, _selectedThemeColorPa2; + + let selectedGlobalStyle = globalStyles; + let selectedThemeColorPalette = selectedGlobalStyle === null || selectedGlobalStyle === void 0 ? void 0 : (_selectedGlobalStyle$4 = selectedGlobalStyle.settings) === null || _selectedGlobalStyle$4 === void 0 ? void 0 : (_selectedGlobalStyle$5 = _selectedGlobalStyle$4.color) === null || _selectedGlobalStyle$5 === void 0 ? void 0 : (_selectedGlobalStyle$6 = _selectedGlobalStyle$5.palette) === null || _selectedGlobalStyle$6 === void 0 ? void 0 : _selectedGlobalStyle$6.theme; + + if (selectedThemeColorPalette) { + for (let idx = 0; idx < selectedThemeColorPalette.length; idx++) { + switch ((_selectedThemeColorPa2 = selectedThemeColorPalette[idx]) === null || _selectedThemeColorPa2 === void 0 ? void 0 : _selectedThemeColorPa2.slug) { + case 'background': + if (colorPickerCalledBy == 'background' && customColors !== null && customColors !== void 0 && customColors.background) selectedThemeColorPalette[idx].color = customColors === null || customColors === void 0 ? void 0 : customColors.background; + break; + + case 'primary': + if (colorPickerCalledBy == 'primary' && customColors !== null && customColors !== void 0 && customColors.primary) selectedThemeColorPalette[idx].color = customColors === null || customColors === void 0 ? void 0 : customColors.primary; + break; + + case 'secondary': + if (colorPickerCalledBy == 'secondary' && customColors !== null && customColors !== void 0 && customColors.secondary) selectedThemeColorPalette[idx].color = customColors === null || customColors === void 0 ? void 0 : customColors.secondary; + break; + + case 'tertiary': + if (colorPickerCalledBy == 'tertiary' && customColors !== null && customColors !== void 0 && customColors.tertiary) selectedThemeColorPalette[idx].color = customColors === null || customColors === void 0 ? void 0 : customColors.tertiary; + break; + } + } + + selectedGlobalStyle.settings.color.palette.theme = selectedThemeColorPalette; + setGlobalStyles(selectedGlobalStyle); + updatePreviewSettings((0,_utils_global_styles_use_global_styles_output__WEBPACK_IMPORTED_MODULE_6__.useGlobalStylesOutput)(selectedGlobalStyle, storedPreviewSettings)); + } + } + + const getColorStylesAndPatterns = async () => { + var _currentData$data, _currentData$data$the, _currentData$data2, _currentData$data2$pa, _currentData$data3; + + const globalStyles = await (0,_utils_api_themes__WEBPACK_IMPORTED_MODULE_5__.getGlobalStyles)(); + let selectedGlobalStyle; + + if (currentData !== null && currentData !== void 0 && (_currentData$data = currentData.data) !== null && _currentData$data !== void 0 && (_currentData$data$the = _currentData$data.theme) !== null && _currentData$data$the !== void 0 && _currentData$data$the.variation) { + selectedGlobalStyle = globalStyles.body.filter(globalStyle => globalStyle.title === currentData.data.theme.variation)[0]; + } else { + selectedGlobalStyle = globalStyles.body[0]; + } + + setGlobalStyles(selectedGlobalStyle); + let selectedColors; + let selectedColorsLocal; + + if (!(currentData !== null && currentData !== void 0 && (_currentData$data2 = currentData.data) !== null && _currentData$data2 !== void 0 && (_currentData$data2$pa = _currentData$data2.palette) !== null && _currentData$data2$pa !== void 0 && _currentData$data2$pa.slug) === '') { + selectedColors = currentData.data.palette; + selectedColorsLocal = stateToLocal(selectedColors); + setCustomColors(selectedColorsLocal); + setCurrentOnboardingData(currentData); + } else { + selectedColors = currentData.data.palette; + selectedColorsLocal = stateToLocal(selectedColors); + setCustomColors(selectedColorsLocal); + + if (selectedColors.slug === 'custom') { + setCustomColors(selectedColorsLocal); + } + } + + setSelectedColors(selectedColors); + saveThemeColorPalette(currentData === null || currentData === void 0 ? void 0 : (_currentData$data3 = currentData.data) === null || _currentData$data3 === void 0 ? void 0 : _currentData$data3.palette['slug'], selectedColorsLocal, selectedGlobalStyle); + setIsLoaded(true); + }; + + (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => { + if (!isLoaded) getColorStylesAndPatterns(); + }, [isLoaded]); + + const handleClick = colorStyle => { + let selectedColorsLocalTemp = selectedColorsLocal; + selectedColorsLocalTemp = colorPalettes[colorStyle]; + let customColorsTemp = customColors; + + for (let custom in customColorsTemp) customColorsTemp[custom] = ''; + + setCustomColors(customColorsTemp); + saveThemeColorPalette(colorStyle); + setSelectedColorsLocal(selectedColorsLocalTemp); + LocalToState(selectedColorsLocalTemp, colorStyle); + }; + + const changeCustomPickerColor = async color => { + let selectedColorsLocalTemp = selectedColorsLocal; + selectedColorsLocalTemp = customColors; + customColors[colorPickerCalledBy] = color; + saveCustomColors(); + LocalToState(selectedColorsLocalTemp, 'custom'); + }; + + const selectCustomColor = colorType => { + setShowColorPicker(!showColorPicker); + if (!showColorPicker) setColorPickerCalledBy(colorType);else setColorPickerCalledBy(''); + }; + + function buildPalettes() { + let paletteRenderedList = []; + + for (const colorStyle in colorPalettes) { + paletteRenderedList.push((0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + className: `color-palette ${colorStyle == (selectedColors === null || selectedColors === void 0 ? void 0 : selectedColors.slug) ? 'color-palette-selected' : ''} `, + onClick: e => handleClick(colorStyle) + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + className: "color-palette__colors" + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + className: "color-palette__colors--tertiary", + style: { + backgroundColor: `${colorPalettes[colorStyle].tertiary}` + } + }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + className: "color-palette__colors--secondary", + style: { + backgroundColor: `${colorPalettes[colorStyle].secondary}` + } + }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + className: "color-palette__colors--primary", + style: { + backgroundColor: `${colorPalettes[colorStyle].primary}` + } + })), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + className: "color-palette__name" + }, (colorStyle === null || colorStyle === void 0 ? void 0 : colorStyle.charAt(0).toUpperCase()) + (colorStyle === null || colorStyle === void 0 ? void 0 : colorStyle.slice(1))))); + } + + return paletteRenderedList; + } + + function buildCustomPalette() { + var _selectedColors$color, _selectedColors$color2, _selectedColors$color3, _customColors$backgro, _customColors$primary, _customColors$seconda, _customColors$tertiar; + + let primaryColorTemp = (_selectedColors$color = selectedColors === null || selectedColors === void 0 ? void 0 : selectedColors.color[0].color) !== null && _selectedColors$color !== void 0 ? _selectedColors$color : '#fff'; + let secondaryColorTemp = (_selectedColors$color2 = selectedColors === null || selectedColors === void 0 ? void 0 : selectedColors.color[1].color) !== null && _selectedColors$color2 !== void 0 ? _selectedColors$color2 : '#fff'; + let tertiaryColorTemp = (_selectedColors$color3 = selectedColors === null || selectedColors === void 0 ? void 0 : selectedColors.color[2].color) !== null && _selectedColors$color3 !== void 0 ? _selectedColors$color3 : '#fff'; + return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + className: "custom-palette" + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + className: "custom-palette__top", + onClick: e => setIsAccordionClosed(!isAccordionClosed) + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + className: "custom-palette__top-text" + }, "SELECT CUSTOM COLORS"), isAccordionClosed && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + className: "custom-palette__top-icon" + }, "+"), !isAccordionClosed && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + className: "custom-palette__top-icon" + }, "-")), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + className: `custom-palette__below ${isAccordionClosed ? 'custom-palette_acc_closed' : 'custom-palette_acc_opened'}` + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + className: "custom-palette__below-row", + onClick: e => selectCustomColor('background') + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + className: `custom-palette__below-row-icon ${(customColors === null || customColors === void 0 ? void 0 : customColors.background) && 'custom-palette__below-row-icon_selected_border'}`, + style: { + backgroundColor: `${(_customColors$backgro = customColors === null || customColors === void 0 ? void 0 : customColors.background) !== null && _customColors$backgro !== void 0 ? _customColors$backgro : '#FFF'}` + } + }, customColors !== null && customColors !== void 0 && customColors.background ? (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", null, "\u2713") : null), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + className: "custom-palette__below-row-text" + }, "Background")), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + className: "custom-palette__below-row", + onClick: e => selectCustomColor('primary') + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + className: `custom-palette__below-row-icon ${(customColors === null || customColors === void 0 ? void 0 : customColors.primary) && 'custom-palette__below-row-icon_selected_border'}`, + style: { + backgroundColor: `${(_customColors$primary = customColors === null || customColors === void 0 ? void 0 : customColors.primary) !== null && _customColors$primary !== void 0 ? _customColors$primary : primaryColorTemp}` + } + }, customColors !== null && customColors !== void 0 && customColors.primary ? (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, "\u2713") : null), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + className: "custom-palette__below-row-text" + }, "Primary")), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + className: "custom-palette__below-row", + onClick: e => selectCustomColor('secondary') + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + className: `custom-palette__below-row-icon ${(customColors === null || customColors === void 0 ? void 0 : customColors.secondary) && 'custom-palette__below-row-icon_selected_border'}`, + style: { + backgroundColor: `${(_customColors$seconda = customColors === null || customColors === void 0 ? void 0 : customColors.secondary) !== null && _customColors$seconda !== void 0 ? _customColors$seconda : secondaryColorTemp}` + } + }, customColors !== null && customColors !== void 0 && customColors.secondary ? (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, "\u2713") : null), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + className: "custom-palette__below-row-text" + }, "Secondary")), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + className: "custom-palette__below-row", + onClick: e => selectCustomColor('tertiary') + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + className: `custom-palette__below-row-icon ${(customColors === null || customColors === void 0 ? void 0 : customColors.tertiary) && 'custom-palette__below-row-icon_selected_border'}`, + style: { + backgroundColor: `${(_customColors$tertiar = customColors === null || customColors === void 0 ? void 0 : customColors.tertiary) !== null && _customColors$tertiar !== void 0 ? _customColors$tertiar : tertiaryColorTemp}` + } + }, customColors !== null && customColors !== void 0 && customColors.tertiary ? (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, "\u2713") : null), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + className: "custom-palette__below-row-text" + }, "Tertiary"))), showColorPicker && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__.Popover, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + className: "custom-palette__picker-close-icon", + onClick: () => setShowColorPicker(false) + }, "X"), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__.ColorPicker, { + onChange: changeCustomPickerColor, + defaultValue: "#874141" + }))); + } + + return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + style: { + padding: '0 4px' + } + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("h2", null, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Color Palettes', 'wp-module-onboarding')), buildPalettes(), buildCustomPalette()); +}; + +/* harmony default export */ __webpack_exports__["default"] = (DesignColors); + +/***/ }), + +/***/ "./src/OnboardingSPA/components/Drawer/DrawerPanel/DesignHeaderMenu.js": +/*!*****************************************************************************!*\ + !*** ./src/OnboardingSPA/components/Drawer/DrawerPanel/DesignHeaderMenu.js ***! + \*****************************************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__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__); + + + +const DesignHeaderMenu = () => { + return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + style: { + padding: '0 16px' + } + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("h2", null, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Pick a Header & Menu Style', 'wp-module-onboarding')), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("p", null, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Panel will show a few Header Patterns to affect preview pane.', 'wp-module-onboarding'))); +}; + +/* harmony default export */ __webpack_exports__["default"] = (DesignHeaderMenu); + +/***/ }), + +/***/ "./src/OnboardingSPA/components/Drawer/DrawerPanel/DesignHomepageMenu.js": +/*!*******************************************************************************!*\ + !*** ./src/OnboardingSPA/components/Drawer/DrawerPanel/DesignHomepageMenu.js ***! + \*******************************************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__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__); + + + +const DesignHomepageMenu = () => { + return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + style: { + padding: '0 16px' + } + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("h2", null, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Pick a Homepage Design', 'wp-module-onboarding')), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("p", null, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Panel will show a few Homepage Patterns.', 'wp-module-onboarding'))); +}; + +/* harmony default export */ __webpack_exports__["default"] = (DesignHomepageMenu); + +/***/ }), + +/***/ "./src/OnboardingSPA/components/Drawer/DrawerPanel/DesignThemeStylesMenu.js": +/*!**********************************************************************************!*\ + !*** ./src/OnboardingSPA/components/Drawer/DrawerPanel/DesignThemeStylesMenu.js ***! + \**********************************************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__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__); + + + +const DesignThemeStylesMenu = () => { + return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + style: { + padding: '0 16px' + } + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("h2", null, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Pick a Theme Style', 'wp-module-onboarding')), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("h4", null, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('No Style Selected', 'wp-module-onboarding')), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("p", null, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Panel will show Theme details', 'wp-module-onboarding')), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("h4", null, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('With Style Selected', 'wp-module-onboarding')), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("p", null, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Panel will show single-column of other Styles.', 'wp-module-onboarding'))); +}; + +/* harmony default export */ __webpack_exports__["default"] = (DesignThemeStylesMenu); + +/***/ }), + +/***/ "./src/OnboardingSPA/components/Drawer/DrawerPanel/DesignThemeStylesPreview.js": +/*!*************************************************************************************!*\ + !*** ./src/OnboardingSPA/components/Drawer/DrawerPanel/DesignThemeStylesPreview.js ***! + \*************************************************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__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 _LivePreview__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../LivePreview */ "./src/OnboardingSPA/components/LivePreview/index.js"); +/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../store */ "./src/OnboardingSPA/store/index.js"); +/* harmony import */ var _utils_api_patterns__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../utils/api/patterns */ "./src/OnboardingSPA/utils/api/patterns.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 _utils_global_styles_use_global_styles_output__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../utils/global-styles/use-global-styles-output */ "./src/OnboardingSPA/utils/global-styles/use-global-styles-output.js"); +/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../constants */ "./src/constants.js"); + + + + + + + + + + +const DesignThemeStylesPreview = () => { + const MAX_PREVIEWS_PER_ROW = 3; + const [isLoaded, setIsLoaded] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(false); + const [pattern, setPattern] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(); + const [globalStyles, setGlobalStyles] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(); + const [selectedStyle, setSelectedStyle] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(''); + const { + currentStep, + currentData, + storedPreviewSettings, + themeStatus + } = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_1__.useSelect)(select => { + return { + currentStep: select(_store__WEBPACK_IMPORTED_MODULE_3__.store).getCurrentStep(), + currentData: select(_store__WEBPACK_IMPORTED_MODULE_3__.store).getCurrentOnboardingData(), + storedPreviewSettings: select(_store__WEBPACK_IMPORTED_MODULE_3__.store).getPreviewSettings(), + themeStatus: select(_store__WEBPACK_IMPORTED_MODULE_3__.store).getThemeStatus() + }; + }, []); + const { + updatePreviewSettings, + setCurrentOnboardingData, + updateThemeStatus + } = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_1__.useDispatch)(_store__WEBPACK_IMPORTED_MODULE_3__.store); + + const getStylesAndPatterns = async () => { + const patternResponse = await (0,_utils_api_patterns__WEBPACK_IMPORTED_MODULE_4__.getPatterns)(currentStep.patternId, true); + + if (patternResponse !== null && patternResponse !== void 0 && patternResponse.error) { + return updateThemeStatus(_constants__WEBPACK_IMPORTED_MODULE_7__.THEME_STATUS_NOT_ACTIVE); + } + + const globalStylesResponse = await (0,_utils_api_themes__WEBPACK_IMPORTED_MODULE_5__.getGlobalStyles)(); + + if (globalStylesResponse !== null && globalStylesResponse !== void 0 && globalStylesResponse.error) { + return updateThemeStatus(_constants__WEBPACK_IMPORTED_MODULE_7__.THEME_STATUS_NOT_ACTIVE); + } + + setPattern(patternResponse === null || patternResponse === void 0 ? void 0 : patternResponse.body); + setGlobalStyles(globalStylesResponse === null || globalStylesResponse === void 0 ? void 0 : globalStylesResponse.body); + let selectedGlobalStyle; + + if (currentData.data.theme.variation) { + selectedGlobalStyle = currentData.data.theme.variation; + } else { + selectedGlobalStyle = globalStylesResponse.body[0].title; + currentData.data.theme.variation = selectedGlobalStyle; + setCurrentOnboardingData(currentData); + } + + setSelectedStyle(selectedGlobalStyle); + + if (document.getElementsByClassName('theme-styles-preview--drawer__list__item__title-bar--selected')) { + document.getElementsByClassName('theme-styles-preview--drawer__list__item__title-bar--selected')[0].scrollIntoView({ + behavior: 'smooth', + block: 'center' + }); + } + + setIsLoaded(true); + }; + + (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => { + if (!isLoaded && themeStatus === _constants__WEBPACK_IMPORTED_MODULE_7__.THEME_STATUS_ACTIVE) getStylesAndPatterns(); + }, [isLoaded, themeStatus]); + + const handleClick = idx => { + const selectedGlobalStyle = globalStyles[idx]; + updatePreviewSettings((0,_utils_global_styles_use_global_styles_output__WEBPACK_IMPORTED_MODULE_6__.useGlobalStylesOutput)(selectedGlobalStyle, storedPreviewSettings)); + setSelectedStyle(selectedGlobalStyle.title); + currentData.data.theme.variation = selectedGlobalStyle.title; + setCurrentOnboardingData(currentData); + }; + + const buildPreviews = () => { + return globalStyles === null || globalStyles === void 0 ? void 0 : globalStyles.map((globalStyle, idx) => { + return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_LivePreview__WEBPACK_IMPORTED_MODULE_2__.LivePreviewSelectableCard, { + key: idx, + className: 'theme-styles-preview--drawer__list__item', + selected: globalStyle.title === selectedStyle, + blockGrammer: pattern, + viewportWidth: 900, + styling: 'custom', + previewSettings: globalStyle, + overlay: false, + onClick: () => handleClick(idx) + }); + }); + }; + + return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + className: "theme-styles-preview--drawer" + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + className: "theme-styles-preview--drawer__list" + }, globalStyles ? buildPreviews().slice(0, MAX_PREVIEWS_PER_ROW) : ''), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + className: "theme-styles-preview--drawer__list" + }, globalStyles ? buildPreviews().slice(MAX_PREVIEWS_PER_ROW, globalStyles.length) : '')); +}; + +/* harmony default export */ __webpack_exports__["default"] = (DesignThemeStylesPreview); + +/***/ }), + +/***/ "./src/OnboardingSPA/components/Drawer/DrawerPanel/DesignThemes.js": +/*!*************************************************************************!*\ + !*** ./src/OnboardingSPA/components/Drawer/DrawerPanel/DesignThemes.js ***! + \*************************************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__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__); + + + +const DesignThemes = () => { + return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + style: { + padding: '0 16px' + } + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("h2", null, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Pick a Theme', 'wp-module-onboarding')), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("h4", null, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('No Theme Selected', 'wp-module-onboarding')), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("p", null, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Panel will show contextual help', 'wp-module-onboarding')), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("h4", null, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('With Theme Selected', 'wp-module-onboarding')), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("p", null, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Panel will show single-column of other Themes.', 'wp-module-onboarding'))); +}; + +/* harmony default export */ __webpack_exports__["default"] = (DesignThemes); + +/***/ }), + +/***/ "./src/OnboardingSPA/components/Drawer/DrawerPanel/DesignTypography.js": +/*!*****************************************************************************!*\ + !*** ./src/OnboardingSPA/components/Drawer/DrawerPanel/DesignTypography.js ***! + \*****************************************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__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__); + + + +const DesignTypography = () => { + return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + style: { + padding: '0 16px' + } + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("h2", null, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Pick Fonts & Text Sizes', 'wp-module-onboarding')), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("p", null, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('If user has opted for custom design, panel will show type treatments to affect preview pane.', 'wp-module-onboarding'))); +}; + +/* harmony default export */ __webpack_exports__["default"] = (DesignTypography); + +/***/ }), + +/***/ "./src/OnboardingSPA/components/Drawer/DrawerPanel/Ecommerce/NavStoreInfo.js": +/*!***********************************************************************************!*\ + !*** ./src/OnboardingSPA/components/Drawer/DrawerPanel/Ecommerce/NavStoreInfo.js ***! + \***********************************************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__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_icons__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/chevron-left.js"); +/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/icon/index.js"); +/* 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_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 react_router_dom__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! react-router-dom */ "./node_modules/react-router-dom/index.js"); +/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../constants */ "./src/constants.js"); +/* 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 _store__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../store */ "./src/OnboardingSPA/store/index.js"); + + + + + + + + + +const NavStoreInfo = () => { + const { + storeInfoSteps + } = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_1__.useSelect)(select => { + return { + storeInfoSteps: select(_store__WEBPACK_IMPORTED_MODULE_5__.store).getStoreInfoSteps() + }; + }, []); + const { + setDrawerActiveView + } = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_1__.useDispatch)(_store__WEBPACK_IMPORTED_MODULE_5__.store); + return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + className: "is-drawer-fade" + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.Button, { + className: "nfd-onboarding-drawer__panel-back", + variant: "tertiary", + icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_6__["default"], + onClick: () => setDrawerActiveView(_constants__WEBPACK_IMPORTED_MODULE_3__.VIEW_NAV_PRIMARY) + }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Site Setup', 'wp-module-onboarding')), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + className: "nfd-onboarding-drawer__panel-menu" + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("ul", { + className: "nfd-onboarding-drawer__panel-routes" + }, storeInfoSteps.map(step => { + return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("li", { + key: step.path, + className: "nfd-onboarding-drawer__panel-menu-item" + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(react_router_dom__WEBPACK_IMPORTED_MODULE_7__.NavLink, { + to: step.path, + className: "nfd-onboarding-drawer__panel-menu-link", + state: { + origin: 'drawer-nav' + }, + onClick: () => setDrawerActiveView(step.VIEW) + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_icons__WEBPACK_IMPORTED_MODULE_8__["default"], { + icon: step.Icon + }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", null, step.title))); + })))); +}; + +/* harmony default export */ __webpack_exports__["default"] = (NavStoreInfo); + +/***/ }), + +/***/ "./src/OnboardingSPA/components/Drawer/DrawerPanel/NavDesign.js": +/*!**********************************************************************!*\ + !*** ./src/OnboardingSPA/components/Drawer/DrawerPanel/NavDesign.js ***! + \**********************************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__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_icons__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/chevron-left.js"); +/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/icon/index.js"); +/* 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_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 react_router_dom__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! react-router-dom */ "./node_modules/react-router-dom/index.js"); +/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../constants */ "./src/constants.js"); +/* 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 _store__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../store */ "./src/OnboardingSPA/store/index.js"); + + + + + + + + + + +const NavDesign = () => { + const { + designSteps + } = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_1__.useSelect)(select => { + return { + designSteps: select(_store__WEBPACK_IMPORTED_MODULE_5__.store).getDesignSteps() + }; + }, []); + const { + setDrawerActiveView + } = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_1__.useDispatch)(_store__WEBPACK_IMPORTED_MODULE_5__.store); + return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + className: "is-drawer-fade" + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.Button, { + className: "nfd-onboarding-drawer__panel-back", + variant: "tertiary", + icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_6__["default"], + onClick: () => setDrawerActiveView(_constants__WEBPACK_IMPORTED_MODULE_3__.VIEW_NAV_PRIMARY) + }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Main Menu', 'wp-module-onboarding')), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + className: "nfd-onboarding-drawer__panel-menu" + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("ul", { + className: "nfd-onboarding-drawer__panel-routes" + }, designSteps.map(step => { + return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("li", { + key: step.path, + className: "nfd-onboarding-drawer__panel-menu-item" + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(react_router_dom__WEBPACK_IMPORTED_MODULE_7__.NavLink, { + to: step.path, + className: "nfd-onboarding-drawer__panel-menu-link", + state: { + origin: 'drawer-nav' + }, + onClick: () => setDrawerActiveView(step.VIEW) + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_icons__WEBPACK_IMPORTED_MODULE_8__["default"], { + icon: step.Icon + }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", null, step.title))); + })))); +}; + +/* harmony default export */ __webpack_exports__["default"] = (NavDesign); + +/***/ }), + +/***/ "./src/OnboardingSPA/components/Drawer/DrawerPanel/NavGetStarted.js": +/*!**************************************************************************!*\ + !*** ./src/OnboardingSPA/components/Drawer/DrawerPanel/NavGetStarted.js ***! + \**************************************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__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_icons__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/chevron-left.js"); +/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/icon/index.js"); +/* 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_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 react_router_dom__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! react-router-dom */ "./node_modules/react-router-dom/index.js"); +/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../constants */ "./src/constants.js"); +/* 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 _store__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../store */ "./src/OnboardingSPA/store/index.js"); + + + + + + + + + +const NavGetStarted = () => { + const { + getStartedSteps + } = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_1__.useSelect)(select => { + return { + getStartedSteps: select(_store__WEBPACK_IMPORTED_MODULE_5__.store).getGetStartedSteps() + }; + }, []); + const { + setDrawerActiveView + } = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_1__.useDispatch)(_store__WEBPACK_IMPORTED_MODULE_5__.store); + return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + className: "is-drawer-fade" + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.Button, { + className: "nfd-onboarding-drawer__panel-back", + variant: "tertiary", + icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_6__["default"], + onClick: () => setDrawerActiveView(_constants__WEBPACK_IMPORTED_MODULE_3__.VIEW_NAV_PRIMARY) + }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Main Menu', 'wp-module-onboarding')), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + className: "nfd-onboarding-drawer__panel-menu" + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("ul", { + className: "nfd-onboarding-drawer__panel-routes" + }, getStartedSteps.map(step => { + return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("li", { + key: step.path, + className: "nfd-onboarding-drawer__panel-menu-item" + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(react_router_dom__WEBPACK_IMPORTED_MODULE_7__.NavLink, { + to: step.path, + className: "nfd-onboarding-drawer__panel-menu-link", + state: { + origin: 'drawer-nav' + }, + onClick: () => setDrawerActiveView(step.VIEW) + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_icons__WEBPACK_IMPORTED_MODULE_8__["default"], { + icon: step.Icon + }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", null, step.title))); + })))); +}; + +/* harmony default export */ __webpack_exports__["default"] = (NavGetStarted); + +/***/ }), + +/***/ "./src/OnboardingSPA/components/Drawer/DrawerPanel/NavPage.js": +/*!********************************************************************!*\ + !*** ./src/OnboardingSPA/components/Drawer/DrawerPanel/NavPage.js ***! + \********************************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__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_icons__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/chevron-left.js"); +/* 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 _constants__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../constants */ "./src/constants.js"); +/* 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__); +/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../store */ "./src/OnboardingSPA/store/index.js"); +/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @wordpress/data */ "@wordpress/data"); +/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_wordpress_data__WEBPACK_IMPORTED_MODULE_5__); + + + + + + + + +const NavPage = () => { + const { + setDrawerActiveView + } = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_5__.useDispatch)(_store__WEBPACK_IMPORTED_MODULE_4__.store); + return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + className: "is-drawer-fade" + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, { + className: "nfd-onboarding-drawer__panel-back", + variant: "tertiary", + icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_6__["default"], + onClick: () => setDrawerActiveView(_constants__WEBPACK_IMPORTED_MODULE_2__.VIEW_NAV_PRIMARY) + }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Resume Onboarding', 'wp-module-onboarding'))); +}; + +/* harmony default export */ __webpack_exports__["default"] = (NavPage); + +/***/ }), + +/***/ "./src/OnboardingSPA/components/Drawer/DrawerPanel/NavPrimary.js": +/*!***********************************************************************!*\ + !*** ./src/OnboardingSPA/components/Drawer/DrawerPanel/NavPrimary.js ***! + \***********************************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__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 react_router_dom__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! react-router-dom */ "./node_modules/react-router/index.js"); +/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! react-router-dom */ "./node_modules/react-router-dom/index.js"); +/* harmony import */ var _ExitToWordPress__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../ExitToWordPress */ "./src/OnboardingSPA/components/ExitToWordPress/index.js"); +/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/icon/index.js"); +/* 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__); +/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../store */ "./src/OnboardingSPA/store/index.js"); +/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @wordpress/data */ "@wordpress/data"); +/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_wordpress_data__WEBPACK_IMPORTED_MODULE_5__); + + + + + + + + + +const NavPrimary = () => { + const navigate = (0,react_router_dom__WEBPACK_IMPORTED_MODULE_6__.useNavigate)(); + const location = (0,react_router_dom__WEBPACK_IMPORTED_MODULE_6__.useLocation)(); + const { + topSteps + } = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_5__.useSelect)(select => { + return { + topSteps: select(_store__WEBPACK_IMPORTED_MODULE_4__.store).getTopSteps() + }; + }, []); + const { + setDrawerActiveView + } = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_5__.useDispatch)(_store__WEBPACK_IMPORTED_MODULE_4__.store); + const isFirstStep = topSteps[0].path === location.pathname; + return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + className: "is-drawer-fade" + }, isFirstStep && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, { + className: "nfd-onboarding-drawer__panel-back", + variant: "tertiary", + onClick: () => navigate('/page/what-to-expect') + }, "What to Expect") || (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_ExitToWordPress__WEBPACK_IMPORTED_MODULE_2__["default"], { + className: "nfd-onboarding-drawer__panel-back", + variant: "tertiary", + origin: "drawer-panel" + }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + className: "nfd-onboarding-drawer__panel-menu" + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("ul", { + className: "nfd-onboarding-drawer__panel-routes" + }, topSteps.map(step => { + return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Tooltip, { + key: step.path, + text: step.heading + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("li", { + className: "nfd-onboarding-drawer__panel-menu-item" + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(react_router_dom__WEBPACK_IMPORTED_MODULE_7__.NavLink, { + to: step.path, + className: "nfd-onboarding-drawer__panel-menu-link", + state: { + origin: 'drawer-nav' + }, + onClick: () => (step === null || step === void 0 ? void 0 : step.VIEW) && setDrawerActiveView(step.VIEW) + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_icons__WEBPACK_IMPORTED_MODULE_8__["default"], { + icon: step.Icon + }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", null, step.title)))); + })))); +}; + +/* harmony default export */ __webpack_exports__["default"] = (NavPrimary); + +/***/ }), + +/***/ "./src/OnboardingSPA/components/Drawer/DrawerPanel/WithDesignBack.js": +/*!***************************************************************************!*\ + !*** ./src/OnboardingSPA/components/Drawer/DrawerPanel/WithDesignBack.js ***! + \***************************************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__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 _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 _wordpress_icons__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/chevron-left.js"); +/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/data */ "@wordpress/data"); +/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_data__WEBPACK_IMPORTED_MODULE_3__); +/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../store */ "./src/OnboardingSPA/store/index.js"); +/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../constants */ "./src/constants.js"); + + + + + + + + +const WithDesignBack = _ref => { + let { + children + } = _ref; + const { + setDrawerActiveView + } = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_3__.useDispatch)(_store__WEBPACK_IMPORTED_MODULE_4__.store); + return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + className: "is-drawer-fade" + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, { + className: "nfd-onboarding-drawer__panel-back", + variant: "tertiary", + icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_6__["default"], + onClick: () => setDrawerActiveView(_constants__WEBPACK_IMPORTED_MODULE_5__.VIEW_NAV_DESIGN) + }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Design', 'wp-module-onboarding')), children); +}; + +/* harmony default export */ __webpack_exports__["default"] = (WithDesignBack); + +/***/ }), + +/***/ "./src/OnboardingSPA/components/Drawer/DrawerPanel/index.js": +/*!******************************************************************!*\ + !*** ./src/OnboardingSPA/components/Drawer/DrawerPanel/index.js ***! + \******************************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__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 _constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../constants */ "./src/constants.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 _DesignColors__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./DesignColors */ "./src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js"); +/* harmony import */ var _DesignHeaderMenu__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./DesignHeaderMenu */ "./src/OnboardingSPA/components/Drawer/DrawerPanel/DesignHeaderMenu.js"); +/* harmony import */ var _DesignHomepageMenu__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./DesignHomepageMenu */ "./src/OnboardingSPA/components/Drawer/DrawerPanel/DesignHomepageMenu.js"); +/* harmony import */ var _DesignThemeStylesMenu__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./DesignThemeStylesMenu */ "./src/OnboardingSPA/components/Drawer/DrawerPanel/DesignThemeStylesMenu.js"); +/* harmony import */ var _DesignThemeStylesPreview__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./DesignThemeStylesPreview */ "./src/OnboardingSPA/components/Drawer/DrawerPanel/DesignThemeStylesPreview.js"); +/* harmony import */ var _DesignThemes__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./DesignThemes */ "./src/OnboardingSPA/components/Drawer/DrawerPanel/DesignThemes.js"); +/* harmony import */ var _DesignTypography__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./DesignTypography */ "./src/OnboardingSPA/components/Drawer/DrawerPanel/DesignTypography.js"); +/* harmony import */ var _wordpress_keycodes__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @wordpress/keycodes */ "@wordpress/keycodes"); +/* harmony import */ var _wordpress_keycodes__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(_wordpress_keycodes__WEBPACK_IMPORTED_MODULE_10__); +/* harmony import */ var _NavDesign__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./NavDesign */ "./src/OnboardingSPA/components/Drawer/DrawerPanel/NavDesign.js"); +/* harmony import */ var _NavGetStarted__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./NavGetStarted */ "./src/OnboardingSPA/components/Drawer/DrawerPanel/NavGetStarted.js"); +/* harmony import */ var _NavPage__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./NavPage */ "./src/OnboardingSPA/components/Drawer/DrawerPanel/NavPage.js"); +/* harmony import */ var _NavPrimary__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./NavPrimary */ "./src/OnboardingSPA/components/Drawer/DrawerPanel/NavPrimary.js"); +/* harmony import */ var _Ecommerce_NavStoreInfo__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./Ecommerce/NavStoreInfo */ "./src/OnboardingSPA/components/Drawer/DrawerPanel/Ecommerce/NavStoreInfo.js"); +/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n"); +/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_16___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_16__); +/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js"); +/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_17___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_17__); +/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../../../store */ "./src/OnboardingSPA/store/index.js"); +/* harmony import */ var _WithDesignBack__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./WithDesignBack */ "./src/OnboardingSPA/components/Drawer/DrawerPanel/WithDesignBack.js"); + + + + + + + + + + + + + + + + + + + + + + +const DrawerPanel = _ref => { + let { + isOpen + } = _ref; + const [isNavView, setIsNavView] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(true); // menu-primary is default view + + const { + isDrawerOpen, + drawerView + } = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_2__.useSelect)(select => { + const { + isDrawerOpened, + getDrawerView + } = select(_store__WEBPACK_IMPORTED_MODULE_18__.store); + return { + isDrawerOpen: isDrawerOpened(), + drawerView: getDrawerView() + }; + }, []); + const { + setIsDrawerOpened, + setDrawerActiveView + } = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_2__.useDispatch)(_store__WEBPACK_IMPORTED_MODULE_18__.store); + + const closeOnEscape = event => { + if (event.keyCode === _wordpress_keycodes__WEBPACK_IMPORTED_MODULE_10__.ESCAPE && !event.defaultPrevented) { + event.preventDefault(); + setIsDrawerOpened(false); + } + }; + + (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => { + if (_constants__WEBPACK_IMPORTED_MODULE_1__.DRAWER_NAV_VIEWS.includes(drawerView)) { + setIsNavView(true); + } else { + setIsNavView(false); + } + }, [drawerView]); + return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + className: classnames__WEBPACK_IMPORTED_MODULE_17___default()(`nfd-onboarding-drawer__panel`, { + 'is-open': isDrawerOpen + }), + onKeyDown: closeOnEscape + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + className: "nfd-onboarding-drawer__panel-inner" + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + className: "nfd-onboarding-drawer__panel-site-title-container" + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + className: "nfd-onboarding-drawer__panel-site-title" + }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_16__.__)('WordPress Onboarding', 'wp-module-onboarding'))), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + className: "nfd-onboarding-drawer__panel-scroll-container" + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + className: "nfd-onboarding-drawer__panel-inside" + }, _constants__WEBPACK_IMPORTED_MODULE_1__.VIEW_NAV_PRIMARY === drawerView && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_NavPrimary__WEBPACK_IMPORTED_MODULE_14__["default"], null), _constants__WEBPACK_IMPORTED_MODULE_1__.VIEW_NAV_DESIGN === drawerView && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_NavDesign__WEBPACK_IMPORTED_MODULE_11__["default"], null), _constants__WEBPACK_IMPORTED_MODULE_1__.VIEW_NAV_GET_STARTED === drawerView && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_NavGetStarted__WEBPACK_IMPORTED_MODULE_12__["default"], null), _constants__WEBPACK_IMPORTED_MODULE_1__.VIEW_NAV_ECOMMERCE_STORE_INFO === drawerView && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_Ecommerce_NavStoreInfo__WEBPACK_IMPORTED_MODULE_15__["default"], null), _constants__WEBPACK_IMPORTED_MODULE_1__.VIEW_NAV_PAGE === drawerView && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_NavPage__WEBPACK_IMPORTED_MODULE_13__["default"], null), _constants__WEBPACK_IMPORTED_MODULE_1__.VIEW_DESIGN_THEMES === drawerView && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_WithDesignBack__WEBPACK_IMPORTED_MODULE_19__["default"], null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_DesignThemes__WEBPACK_IMPORTED_MODULE_8__["default"], null)), _constants__WEBPACK_IMPORTED_MODULE_1__.VIEW_DESIGN_THEME_STYLES_MENU === drawerView && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_WithDesignBack__WEBPACK_IMPORTED_MODULE_19__["default"], null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_DesignThemeStylesMenu__WEBPACK_IMPORTED_MODULE_6__["default"], null)), _constants__WEBPACK_IMPORTED_MODULE_1__.VIEW_DESIGN_THEME_STYLES_PREVIEW === drawerView && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_WithDesignBack__WEBPACK_IMPORTED_MODULE_19__["default"], null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_DesignThemeStylesPreview__WEBPACK_IMPORTED_MODULE_7__["default"], null)), _constants__WEBPACK_IMPORTED_MODULE_1__.VIEW_DESIGN_COLORS === drawerView && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_WithDesignBack__WEBPACK_IMPORTED_MODULE_19__["default"], null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_DesignColors__WEBPACK_IMPORTED_MODULE_3__["default"], null)), _constants__WEBPACK_IMPORTED_MODULE_1__.VIEW_DESIGN_TYPOGRAPHY === drawerView && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_WithDesignBack__WEBPACK_IMPORTED_MODULE_19__["default"], null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_DesignTypography__WEBPACK_IMPORTED_MODULE_9__["default"], null)), _constants__WEBPACK_IMPORTED_MODULE_1__.VIEW_DESIGN_HEADER_MENU === drawerView && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_WithDesignBack__WEBPACK_IMPORTED_MODULE_19__["default"], null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_DesignHeaderMenu__WEBPACK_IMPORTED_MODULE_4__["default"], null)), _constants__WEBPACK_IMPORTED_MODULE_1__.VIEW_DESIGN_HOMEPAGE_MENU === drawerView && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_WithDesignBack__WEBPACK_IMPORTED_MODULE_19__["default"], null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_DesignHomepageMenu__WEBPACK_IMPORTED_MODULE_5__["default"], null)))))); +}; + +/* harmony default export */ __webpack_exports__["default"] = (DrawerPanel); + +/***/ }), + +/***/ "./src/OnboardingSPA/components/Drawer/DrawerToggle/index.js": +/*!*******************************************************************!*\ + !*** ./src/OnboardingSPA/components/Drawer/DrawerToggle/index.js ***! + \*******************************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__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 classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js"); +/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__); +/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../store */ "./src/OnboardingSPA/store/index.js"); +/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/data */ "@wordpress/data"); +/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_wordpress_data__WEBPACK_IMPORTED_MODULE_4__); +/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n"); +/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__); + + + + + + + + + +const DrawerToggle = _ref => { + let { + isOpen + } = _ref; + const { + isDrawerOpen, + isDrawerSuppressed + } = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_4__.useSelect)(select => { + return { + isDrawerOpen: select(_store__WEBPACK_IMPORTED_MODULE_3__.store).isDrawerOpened(), + isDrawerSuppressed: select(_store__WEBPACK_IMPORTED_MODULE_3__.store).isDrawerSuppressed() + }; + }, []); + const { + setIsDrawerOpened + } = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_4__.useDispatch)(_store__WEBPACK_IMPORTED_MODULE_3__.store); + const drawerToggleRef = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useRef)(); + (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => { + if (!isDrawerOpen) { + drawerToggleRef.current.focus(); + } + }, [isDrawerOpen]); + + const toggleDrawer = () => { + isDrawerSuppressed || setIsDrawerOpened(!isDrawerOpen); + }; + + return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__unstableMotion.div, { + className: classnames__WEBPACK_IMPORTED_MODULE_2___default()('nfd-onboarding-drawer__toggle', { + 'is-open': isDrawerOpen + }), + whileHover: "expand" + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, { + className: `nfd-onboarding-drawer__toggle-button has-icon ${!isDrawerSuppressed || 'is-suppressed'}`, + label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Toggle Navigation', 'wp-module-onboarding'), + ref: drawerToggleRef, + "aria-pressed": isOpen, + onClick: toggleDrawer + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + style: { + width: '36px', + height: '36px', + backgroundImage: 'var(--nfd-onboarding-icon)', + backgroundSize: 'contain' + } + }))); +}; + +/* harmony default export */ __webpack_exports__["default"] = (DrawerToggle); + +/***/ }), + +/***/ "./src/OnboardingSPA/components/Drawer/index.js": +/*!******************************************************!*\ + !*** ./src/OnboardingSPA/components/Drawer/index.js ***! + \******************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__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 _DrawerPanel__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./DrawerPanel */ "./src/OnboardingSPA/components/Drawer/DrawerPanel/index.js"); +/* harmony import */ var _DrawerToggle__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./DrawerToggle */ "./src/OnboardingSPA/components/Drawer/DrawerToggle/index.js"); +/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../store */ "./src/OnboardingSPA/store/index.js"); +/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/data */ "@wordpress/data"); +/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_wordpress_data__WEBPACK_IMPORTED_MODULE_4__); +/* harmony import */ var _wordpress_compose__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @wordpress/compose */ "@wordpress/compose"); +/* harmony import */ var _wordpress_compose__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_wordpress_compose__WEBPACK_IMPORTED_MODULE_5__); + + + + + + + +/** + * Off-canvas drawer to left of viewport. + * @param {*} param0 + * @returns + */ + +const Drawer = _ref => { + let { + isDefaultOpen = false + } = _ref; + const isDesktopViewport = (0,_wordpress_compose__WEBPACK_IMPORTED_MODULE_5__.useViewportMatch)('medium'); + const { + setIsDrawerOpened + } = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_4__.useDispatch)(_store__WEBPACK_IMPORTED_MODULE_3__.store); + (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => { + setIsDrawerOpened(isDefaultOpen && isDesktopViewport); + }, [isDefaultOpen, isDesktopViewport, setIsDrawerOpened]); + return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_DrawerToggle__WEBPACK_IMPORTED_MODULE_2__["default"], null), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_DrawerPanel__WEBPACK_IMPORTED_MODULE_1__["default"], null)); +}; + +/* harmony default export */ __webpack_exports__["default"] = (Drawer); + +/***/ }), + +/***/ "./src/OnboardingSPA/components/ExitToWordPress/index.js": +/*!***************************************************************!*\ + !*** ./src/OnboardingSPA/components/ExitToWordPress/index.js ***! + \***************************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__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_9__ = __webpack_require__(/*! react-router-dom */ "./node_modules/react-router/index.js"); +/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/chevron-left.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_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__); +/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js"); +/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_4__); +/* harmony import */ var _utils_api_flow__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../utils/api/flow */ "./src/OnboardingSPA/utils/api/flow.js"); +/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../store */ "./src/OnboardingSPA/store/index.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 _constants__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../constants */ "./src/constants.js"); + + + + + + + + + + + + +/** + * Self-contained button and confirmation modal for exiting Onboarding page. + * + * @param {*} param0 + * @returns + */ + +const ExitToWordPress = _ref => { + let { + text = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Exit to WordPress', 'wp-module-onboarding'), + showIcon = true, + showButton = true, + variant = 'secondary', + className = false, + origin, + ...props + } = _ref; + const [isOpen, setIsOpen] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(false); + + const openModal = () => setIsOpen(true); + + const closeModal = () => setIsOpen(false); + + const location = (0,react_router_dom__WEBPACK_IMPORTED_MODULE_9__.useLocation)(); + const { + currentData + } = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_1__.useSelect)(select => { + return { + currentData: select(_store__WEBPACK_IMPORTED_MODULE_6__.store).getCurrentOnboardingData() + }; + }, [location.pathname]); + + const label = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('You can restart onboarding from your Bluehost Settings page.', 'wp-module-onboarding'); + + async function syncSocialSettingsFinish(currentData) { + var _currentData$data; + + const initialData = await (0,_utils_api_settings__WEBPACK_IMPORTED_MODULE_7__.getSettings)(); + const result = await (0,_utils_api_settings__WEBPACK_IMPORTED_MODULE_7__.setSettings)(currentData === null || currentData === void 0 ? void 0 : (_currentData$data = currentData.data) === null || _currentData$data === void 0 ? void 0 : _currentData$data.socialData); + + if ((result === null || result === void 0 ? void 0 : result.error) != null) { + console.error('Unable to Save Social Data!'); + return initialData === null || initialData === void 0 ? void 0 : initialData.body; + } + + return result === null || result === void 0 ? void 0 : result.body; + } + + async function saveData(path, currentData) { + if (currentData) { + currentData.hasExited = new Date().getTime(); // If Social Data is changed then sync it + + if (path !== null && path !== void 0 && path.includes('basic-info')) { + const socialData = await syncSocialSettingsFinish(currentData); // If Social Data is changed then Sync that also to the store + + if (socialData && currentData !== null && currentData !== void 0 && currentData.data) currentData.data.socialData = socialData; + } + + (0,_utils_api_flow__WEBPACK_IMPORTED_MODULE_5__.setFlow)(currentData); + } //Redirect to Admin Page for normal customers + // and Bluehost Dashboard for ecommerce customers + + + const exitLink = exitToWordpressForEcommerce() ? _constants__WEBPACK_IMPORTED_MODULE_8__.bluehostDashboardPage : _constants__WEBPACK_IMPORTED_MODULE_8__.wpAdminPage; + window.location.replace(exitLink); + } + + return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.Button, { + icon: showIcon ? _wordpress_icons__WEBPACK_IMPORTED_MODULE_10__["default"] : false, + variant: variant, + onClick: openModal, + className: classnames__WEBPACK_IMPORTED_MODULE_4___default()(`nfd-onboarding-etw__trigger`, className) + }, text), isOpen && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.Modal, { + title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Exit without finishing?', 'wp-module-onboarding'), + onRequestClose: closeModal + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("p", null, label), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.ButtonGroup, { + className: "nfd-onboarding-etw__buttons" + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.Button, { + variant: "secondary", + onClick: closeModal + }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Continue', 'wp-module-onboarding')), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.Button, { + variant: "primary", + onClick: e => saveData(location.pathname, currentData) + }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Exit', 'wp-module-onboarding'))))); +}; +/* + * check if this is the last step + */ + + +const exitToWordpressForEcommerce = () => { + if (window.nfdOnboarding.currentFlow == 'ecommerce') { + return true; + } + + return false; +}; + +/* harmony default export */ __webpack_exports__["default"] = (ExitToWordPress); + +/***/ }), + +/***/ "./src/OnboardingSPA/components/Header/components/HeaderEnd.js": +/*!*********************************************************************!*\ + !*** ./src/OnboardingSPA/components/Header/components/HeaderEnd.js ***! + \*********************************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__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 _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 _step_navigation__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../step-navigation */ "./src/OnboardingSPA/components/Header/step-navigation.js"); +/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../store */ "./src/OnboardingSPA/store/index.js"); +/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../constants */ "./src/constants.js"); + + + + + + + + +const HeaderEnd = () => { + const { + sidebars + } = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_2__.useSelect)(select => { + return { + sidebars: select(_store__WEBPACK_IMPORTED_MODULE_4__.store).getSidebars() + }; + }); + return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_step_navigation__WEBPACK_IMPORTED_MODULE_3__["default"], null), sidebars.map(sidebar => { + return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Slot, { + key: sidebar.id, + name: `${_constants__WEBPACK_IMPORTED_MODULE_5__.SIDEBAR_MENU_SLOTFILL_PREFIX}/${sidebar.id}` + }); + })); +}; + +/* harmony default export */ __webpack_exports__["default"] = (HeaderEnd); + +/***/ }), + +/***/ "./src/OnboardingSPA/components/Header/index.js": +/*!******************************************************!*\ + !*** ./src/OnboardingSPA/components/Header/index.js ***! + \******************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__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 react_router_dom__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! react-router-dom */ "./node_modules/react-router/index.js"); +/* 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__); +/* 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 _store__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../store */ "./src/OnboardingSPA/store/index.js"); +/* harmony import */ var _ExitToWordPress__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../ExitToWordPress */ "./src/OnboardingSPA/components/ExitToWordPress/index.js"); +/* harmony import */ var _components_HeaderEnd__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./components/HeaderEnd */ "./src/OnboardingSPA/components/Header/components/HeaderEnd.js"); + + + + + + + +/** + * Interface header rendered into header render prop in . + * + * @return Header + */ + +const Header = () => { + const location = (0,react_router_dom__WEBPACK_IMPORTED_MODULE_6__.useLocation)(); + const { + firstStep + } = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_2__.useSelect)(select => { + return { + firstStep: select(_store__WEBPACK_IMPORTED_MODULE_3__.store).getFirstStep() + }; + }, []); + const { + previousStep, + nextStep + } = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_2__.useSelect)(select => { + return { + previousStep: select(_store__WEBPACK_IMPORTED_MODULE_3__.store).getPreviousStep(), + nextStep: select(_store__WEBPACK_IMPORTED_MODULE_3__.store).getNextStep() + }; + }, [location.path]); + const isGettingStarted = (firstStep === null || firstStep === void 0 ? void 0 : firstStep.path) === (location === null || location === void 0 ? void 0 : location.pathname); + return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + className: "nfd-onboarding-header" + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + className: "nfd-onboarding-header__start" + }, isGettingStarted ? (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_ExitToWordPress__WEBPACK_IMPORTED_MODULE_4__["default"], { + origin: "header-first-step" + }) : null), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + className: "nfd-onboarding-header__center" + }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + className: "nfd-onboarding-header__end" + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_HeaderEnd__WEBPACK_IMPORTED_MODULE_5__["default"], null))); +}; + +/* harmony default export */ __webpack_exports__["default"] = (Header); + +/***/ }), + +/***/ "./src/OnboardingSPA/components/Header/step-navigation.js": +/*!****************************************************************!*\ + !*** ./src/OnboardingSPA/components/Header/step-navigation.js ***! + \****************************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__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_8__ = __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_icons__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/icon/index.js"); +/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/chevron-left.js"); +/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/chevron-right.js"); +/* 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__); +/* harmony import */ var _utils_api_flow__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../utils/api/flow */ "./src/OnboardingSPA/utils/api/flow.js"); +/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../store */ "./src/OnboardingSPA/store/index.js"); +/* harmony import */ var _utils_api_settings__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../utils/api/settings */ "./src/OnboardingSPA/utils/api/settings.js"); +/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../constants */ "./src/constants.js"); + + + + + + + + + + +/** + * Back step Navigation button. + * @param {*} param0 + * @returns + */ + +const Back = _ref => { + let { + path + } = _ref; + const navigate = (0,react_router_dom__WEBPACK_IMPORTED_MODULE_8__.useNavigate)(); + + const navigateBack = () => navigate(path, { + state: { + origin: 'header' + } + }); + + return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.Button, { + className: "navigation-buttons navigation-buttons_back", + onClick: navigateBack, + variant: "secondary" + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_icons__WEBPACK_IMPORTED_MODULE_9__["default"], { + icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_10__["default"] + }), (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Back', 'wp-module-onboarding')); +}; +/** + * Next step naigation button + * @param {*} param0 + * @returns + */ + + +const Next = _ref2 => { + let { + path + } = _ref2; + + /* [TODO]: some sense of isStepComplete to enable/disable */ + const navigate = (0,react_router_dom__WEBPACK_IMPORTED_MODULE_8__.useNavigate)(); + + const navigateNext = () => navigate(path, { + state: { + origin: 'header' + } + }); + + return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.Button, { + onClick: navigateNext, + variant: "primary", + className: "navigation-buttons navigation-buttons_next" + }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Next', 'wp-module-onboarding'), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_icons__WEBPACK_IMPORTED_MODULE_9__["default"], { + icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_11__["default"] + })); +}; + +async function syncSocialSettingsFinish(currentData) { + var _currentData$data; + + const initialData = await (0,_utils_api_settings__WEBPACK_IMPORTED_MODULE_6__.getSettings)(); + const result = await (0,_utils_api_settings__WEBPACK_IMPORTED_MODULE_6__.setSettings)(currentData === null || currentData === void 0 ? void 0 : (_currentData$data = currentData.data) === null || _currentData$data === void 0 ? void 0 : _currentData$data.socialData); + + if ((result === null || result === void 0 ? void 0 : result.error) != null) { + console.error('Unable to Save Social Data!'); + return initialData === null || initialData === void 0 ? void 0 : initialData.body; + } + + return result === null || result === void 0 ? void 0 : result.body; +} + +async function saveData(path, currentData) { + if (currentData) { + currentData.isComplete = new Date().getTime(); // If Social Data is changed then sync it + + if (path !== null && path !== void 0 && path.includes('basic-info')) { + const socialData = await syncSocialSettingsFinish(currentData); // If Social Data is changed then Sync that also to the store + + if (socialData && currentData !== null && currentData !== void 0 && currentData.data) currentData.data.socialData = socialData; + } + + (0,_utils_api_flow__WEBPACK_IMPORTED_MODULE_4__.setFlow)(currentData); + } //Redirect to Admin Page for normal customers + // and Bluehost Dashboard for ecommerce customers + + + const exitLink = exitToWordpressForEcommerce() ? _constants__WEBPACK_IMPORTED_MODULE_7__.bluehostDashboardPage : _constants__WEBPACK_IMPORTED_MODULE_7__.wpAdminPage; + window.location.replace(exitLink); +} +/** + * Finish step navigation button. + * @returns + */ + + +const Finish = _ref3 => { + let { + path, + currentData, + saveData + } = _ref3; + return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.Button, { + onClick: e => saveData(path, currentData), + className: "navigation-buttons navigation-buttons_finish", + variant: "primary" + }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Finish', 'wp-module-onboarding'), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_icons__WEBPACK_IMPORTED_MODULE_9__["default"], { + icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_11__["default"] + })); +}; +/** + * Step buttons presented in Header. + * @returns + */ + + +const StepNavigation = () => { + const location = (0,react_router_dom__WEBPACK_IMPORTED_MODULE_8__.useLocation)(); + const { + previousStep, + nextStep, + currentData + } = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_1__.useSelect)(select => { + return { + nextStep: select(_store__WEBPACK_IMPORTED_MODULE_5__.store).getNextStep(), + previousStep: select(_store__WEBPACK_IMPORTED_MODULE_5__.store).getPreviousStep(), + currentData: select(_store__WEBPACK_IMPORTED_MODULE_5__.store).getCurrentOnboardingData() + }; + }, [location.pathname]); + const isFirstStep = null === previousStep || false === previousStep; + const isLastStep = null === nextStep || false === nextStep; + return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + className: "nfd-onboarding-header__step-navigation" + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.ButtonGroup, { + style: { + display: 'flex', + columnGap: '0.5rem' + } + }, isFirstStep ? null : (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(Back, { + path: previousStep.path + }), isLastStep ? (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(Finish, { + path: location.pathname, + currentData: currentData, + saveData: saveData + }) : (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(Next, { + path: nextStep.path + }))); +}; +/* + * check if this is the last step + */ + + +const exitToWordpressForEcommerce = () => { + if (window.nfdOnboarding.currentFlow == 'ecommerce') { + return true; + } + + return false; +}; + +/* harmony default export */ __webpack_exports__["default"] = (StepNavigation); + +/***/ }), + +/***/ "./src/OnboardingSPA/components/LivePreview/BlockPreview/auto.js": +/*!***********************************************************************!*\ + !*** ./src/OnboardingSPA/components/LivePreview/BlockPreview/auto.js ***! + \***********************************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__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 _wordpress_compose__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/compose */ "@wordpress/compose"); +/* harmony import */ var _wordpress_compose__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_compose__WEBPACK_IMPORTED_MODULE_2__); +/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/block-editor */ "@wordpress/block-editor"); +/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_3__); + + + + + + + // This is used to avoid rendering the block list if the sizes change. + +let MemoizedBlockList; +const MAX_HEIGHT = 6000; + +function AutoBlockPreview(_ref) { + var _settings$__experimen, _settings$__experimen2, _duotone$default, _duotone$theme; + + let { + viewportWidth, + __experimentalPadding, + __experimentalMinHeight, + settings + } = _ref; + const [containerResizeListener, { + width: containerWidth + }] = (0,_wordpress_compose__WEBPACK_IMPORTED_MODULE_2__.useResizeObserver)(); + const [contentResizeListener, { + height: contentHeight + }] = (0,_wordpress_compose__WEBPACK_IMPORTED_MODULE_2__.useResizeObserver)(); + const { + styles, + assets, + duotone + } = { + styles: settings.styles, + assets: settings.__unstableResolvedAssets, + duotone: (_settings$__experimen = settings.__experimentalFeatures) === null || _settings$__experimen === void 0 ? void 0 : (_settings$__experimen2 = _settings$__experimen.color) === null || _settings$__experimen2 === void 0 ? void 0 : _settings$__experimen2.duotone + }; // Avoid scrollbars for pattern previews. + + let editorStyles; + + if (styles) { + editorStyles = [...styles, { + css: 'body{height:auto;overflow:hidden;}', + __unstableType: 'presets' + }]; + } else { + editorStyles = styles; + } + + const svgFilters = [...((_duotone$default = duotone === null || duotone === void 0 ? void 0 : duotone.default) !== null && _duotone$default !== void 0 ? _duotone$default : []), ...((_duotone$theme = duotone === null || duotone === void 0 ? void 0 : duotone.theme) !== null && _duotone$theme !== void 0 ? _duotone$theme : [])]; // Initialize on render instead of module top level, to avoid circular dependency issues. + + MemoizedBlockList = MemoizedBlockList || (0,_wordpress_compose__WEBPACK_IMPORTED_MODULE_2__.pure)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_3__.BlockList); + const scale = containerWidth / viewportWidth; + return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + className: "block-editor-block-preview__container" + }, containerResizeListener, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Disabled, { + className: "block-editor-block-preview__content", + style: { + transform: `scale(${scale})`, + height: contentHeight * scale, + maxHeight: contentHeight > MAX_HEIGHT ? MAX_HEIGHT * scale : undefined, + minHeight: __experimentalMinHeight + } + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_3__.__unstableIframe, { + head: (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_3__.__unstableEditorStyles, { + styles: editorStyles + }), + assets: assets, + contentRef: (0,_wordpress_compose__WEBPACK_IMPORTED_MODULE_2__.useRefEffect)(bodyElement => { + const { + ownerDocument: { + documentElement + } + } = bodyElement; + documentElement.classList.add('block-editor-block-preview__content-iframe'); + documentElement.style.position = 'absolute'; + documentElement.style.width = '100%'; + bodyElement.style.padding = __experimentalPadding + 'px'; // necessary for contentResizeListener to work. + + bodyElement.style.boxSizing = 'border-box'; + bodyElement.style.position = 'absolute'; + bodyElement.style.width = '100%'; + }, []), + "aria-hidden": true, + tabIndex: -1, + style: { + position: 'absolute', + width: viewportWidth, + height: contentHeight, + pointerEvents: 'none', + // This is a catch-all max-height for patterns. + // See: https://github.com/WordPress/gutenberg/pull/38175. + maxHeight: MAX_HEIGHT, + minHeight: scale !== 0 && scale < 1 && __experimentalMinHeight ? __experimentalMinHeight / scale : __experimentalMinHeight + } + }, contentResizeListener, + /* Filters need to be rendered before children to avoid Safari rendering issues. */ + svgFilters.map(preset => (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_3__.__unstablePresetDuotoneFilter, { + preset: preset, + key: preset.slug + })), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(MemoizedBlockList, { + renderAppender: false + })))); +} + +/* harmony default export */ __webpack_exports__["default"] = (AutoBlockPreview); + +/***/ }), + +/***/ "./src/OnboardingSPA/components/LivePreview/BlockPreview/index.js": +/*!************************************************************************!*\ + !*** ./src/OnboardingSPA/components/LivePreview/BlockPreview/index.js ***! + \************************************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__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_block_editor__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/block-editor */ "@wordpress/block-editor"); +/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_2__); +/* harmony import */ var _wordpress_blocks__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/blocks */ "@wordpress/blocks"); +/* harmony import */ var _wordpress_blocks__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_blocks__WEBPACK_IMPORTED_MODULE_3__); +/* harmony import */ var _auto__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./auto */ "./src/OnboardingSPA/components/LivePreview/BlockPreview/auto.js"); +/* harmony import */ var _utils_global_styles_use_global_styles_output__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../utils/global-styles/use-global-styles-output */ "./src/OnboardingSPA/utils/global-styles/use-global-styles-output.js"); +/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../store */ "./src/OnboardingSPA/store/index.js"); + + + + + + + + +/** + * Renders themed WordPress block grammer. + * [Note] Please do not remove any commented code, this will be used later to update our preview + * + * @param root0 + * @param root0.blockGrammer + * @param root0.viewportWidth + * @param root0.styling + * @param root0.previewSettings + * @param root0.setIsLoadingParent + * @param root0.skeletonLoadingTime + * @property {string} blockGrammer WordPress block grammer. + * @property {number} viewportWidth Set viewport width for the AutoHeightBlockPreview component. + * @property {string} styling The type of styling to be applied (small, large, custom). + */ + +const BlockPreview = _ref => { + let { + blockGrammer, + viewportWidth = 1300, + styling = 'large', + setIsLoadingParent = false, + previewSettings = false, + skeletonLoadingTime = 2500 + } = _ref; + const [blocks, setBlocks] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(); + const [settings, setSettings] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(); + const [loading, setIsLoading] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(true); + (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => { + if (skeletonLoadingTime) { + const timer = setTimeout(() => { + setIsLoading(false); + + if (setIsLoadingParent) { + setIsLoadingParent(false); + } + }, skeletonLoadingTime); + return () => clearTimeout(timer); + } + + setIsLoading(false); + + if (setIsLoadingParent) { + setIsLoadingParent(false); + } + }, [skeletonLoadingTime]); + const storedPreviewSettings = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_1__.useSelect)(select => select(_store__WEBPACK_IMPORTED_MODULE_6__.store).getPreviewSettings(), []); + (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => { + if (previewSettings) { + setSettings((0,_utils_global_styles_use_global_styles_output__WEBPACK_IMPORTED_MODULE_5__.useGlobalStylesOutput)(previewSettings, storedPreviewSettings)); + } else { + setSettings(storedPreviewSettings); + } + + setBlocks((0,_wordpress_blocks__WEBPACK_IMPORTED_MODULE_3__.parse)(blockGrammer)); + }, []); + (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => { + if (!previewSettings) { + setSettings(storedPreviewSettings); + } + }, [storedPreviewSettings]); + return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + className: `live-preview__container-${styling}` + }, loading && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + className: "live-preview__container--is-skeleton" + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + className: "live-preview__container--is-skeleton--box live-preview__container--is-skeleton--box-header" + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + className: `live-preview__container--is-skeleton--shimmer` + })), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + className: "live-preview__container--is-skeleton--box live-preview__container--is-skeleton--box-body-1" + }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + className: "live-preview__container--is-skeleton--box live-preview__container--is-skeleton--box-body-2" + }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + className: "live-preview__container--is-skeleton--box live-preview__container--is-skeleton--box-footer" + })), settings && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_2__.BlockEditorProvider, { + value: blocks, + settings: settings.settings + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_auto__WEBPACK_IMPORTED_MODULE_4__["default"], { + viewportWidth: viewportWidth, + settings: settings.settings + }))); +}; + +/* harmony default export */ __webpack_exports__["default"] = (BlockPreview); + +/***/ }), + +/***/ "./src/OnboardingSPA/components/LivePreview/SelectableCard/index.js": +/*!**************************************************************************!*\ + !*** ./src/OnboardingSPA/components/LivePreview/SelectableCard/index.js ***! + \**************************************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__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_icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/icon/index.js"); +/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/check.js"); +/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/search.js"); +/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! .. */ "./src/OnboardingSPA/components/LivePreview/index.js"); + + + + + +const SelectableCard = _ref => { + let { + className = 'live-preview--selectable-card', + selected = false, + blockGrammer, + viewportWidth = 1500, + styling = 'large', + previewSettings, + overlay = false, + onClick = false, + skeletonLoadingTime = 2500 + } = _ref; + const [loadingParent, setIsLoadingParent] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(true); + return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + className: `${className}`, + onClick: typeof onClick === 'function' && (() => { + if (!loadingParent) { + onClick(); + } + }) + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + className: `${className}__title-bar` + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + className: `${className}__title-bar__browser` + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", { + className: `${className}__title-bar__browser__dot` + }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", { + className: `${className}__title-bar__browser__dot` + }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", { + className: `${className}__title-bar__browser__dot` + })), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + className: `${selected ? `${className}__title-bar--selected live-preview-selected-check` : `${className}__title-bar--unselected`}` + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_icons__WEBPACK_IMPORTED_MODULE_2__["default"], { + className: `${className}__title-bar--selected__path`, + icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_3__["default"], + size: 64 + }))), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + className: `${className}__live-preview-container` + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(___WEBPACK_IMPORTED_MODULE_1__.LivePreview, { + styling: styling, + blockGrammer: blockGrammer, + viewportWidth: viewportWidth, + previewSettings: previewSettings, + setIsLoadingParent: setIsLoadingParent, + skeletonLoadingTime: skeletonLoadingTime + }), overlay && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + className: `${className}__live-preview-container__overlay` + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_icons__WEBPACK_IMPORTED_MODULE_2__["default"], { + className: `${className}__live-preview-container__overlay__icon`, + size: 64, + icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_4__["default"] + })))); +}; + +/* harmony default export */ __webpack_exports__["default"] = (SelectableCard); + +/***/ }), + +/***/ "./src/OnboardingSPA/components/LivePreview/index.js": +/*!***********************************************************!*\ + !*** ./src/OnboardingSPA/components/LivePreview/index.js ***! + \***********************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "LivePreview": function() { return /* reexport safe */ _BlockPreview__WEBPACK_IMPORTED_MODULE_0__["default"]; }, +/* harmony export */ "LivePreviewSelectableCard": function() { return /* reexport safe */ _SelectableCard__WEBPACK_IMPORTED_MODULE_1__["default"]; } +/* harmony export */ }); +/* harmony import */ var _BlockPreview__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./BlockPreview */ "./src/OnboardingSPA/components/LivePreview/BlockPreview/index.js"); +/* harmony import */ var _SelectableCard__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./SelectableCard */ "./src/OnboardingSPA/components/LivePreview/SelectableCard/index.js"); + + + +/***/ }), + +/***/ "./src/OnboardingSPA/components/Sidebar/index.js": +/*!*******************************************************!*\ + !*** ./src/OnboardingSPA/components/Sidebar/index.js ***! + \*******************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__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 classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js"); +/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__); +/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/data */ "@wordpress/data"); +/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_data__WEBPACK_IMPORTED_MODULE_3__); +/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../store */ "./src/OnboardingSPA/store/index.js"); +/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../constants */ "./src/constants.js"); + + + + + + + + +const Sidebar = () => { + const { + isSidebarOpened, + sideBarView, + sidebars + } = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_3__.useSelect)(select => { + return { + isSidebarOpened: select(_store__WEBPACK_IMPORTED_MODULE_4__.store).isSidebarOpened(), + sideBarView: select(_store__WEBPACK_IMPORTED_MODULE_4__.store).getSidebarView(), + sidebars: select(_store__WEBPACK_IMPORTED_MODULE_4__.store).getSidebars() + }; + }); + return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Suspense, { + fallback: (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null) + }, sidebars.map(sidebar => { + return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, { + key: sidebar.id + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(sidebar.sidebar, null), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(sidebar.menu, null)); + })), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + className: classnames__WEBPACK_IMPORTED_MODULE_2___default()('nfd-onboarding-sidebar__panel', { + 'is-open': isSidebarOpened + }) + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + className: "nfd-onboarding-sidebar__panel-inner" + }, isSidebarOpened && sideBarView && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Slot, { + name: `${_constants__WEBPACK_IMPORTED_MODULE_5__.SIDEBAR_SLOTFILL_PREFIX}/${sideBarView}` + })))); +}; + +/* harmony default export */ __webpack_exports__["default"] = (Sidebar); + +/***/ }), + +/***/ "./src/OnboardingSPA/data/routes/default-flow.js": +/*!*******************************************************!*\ + !*** ./src/OnboardingSPA/data/routes/default-flow.js ***! + \*******************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "conditionalSteps": function() { return /* binding */ conditionalSteps; }, +/* harmony export */ "initialDesignSteps": function() { return /* binding */ initialDesignSteps; }, +/* harmony export */ "initialGetStartedSteps": function() { return /* binding */ initialGetStartedSteps; }, +/* harmony export */ "initialTopSteps": function() { return /* binding */ initialTopSteps; }, +/* harmony export */ "pages": function() { return /* binding */ pages; }, +/* harmony export */ "routes": function() { return /* binding */ routes; }, +/* harmony export */ "steps": function() { return /* binding */ steps; } +/* harmony export */ }); +/* 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__); +/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! lodash */ "lodash"); +/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_2__); +/* harmony import */ var _pages_index__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../pages/index */ "./src/OnboardingSPA/pages/index.js"); +/* harmony import */ var _utils_locales_translations__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../utils/locales/translations */ "./src/OnboardingSPA/utils/locales/translations.js"); +/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/post.js"); +/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/redo.js"); +/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/home.js"); +/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/move-to.js"); +/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/navigation.js"); +/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/info.js"); +/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/brush.js"); +/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/styles.js"); +/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/header.js"); +/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/copy.js"); +/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/plugins.js"); +/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/color.js"); +/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/typography.js"); +/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../constants */ "./src/constants.js"); + + + + + + + + +/** + * This application has two types of routes: pages and steps. + * + * Pages are intended to exist outside the onboarding. + * + * Steps are the stages of the onboarding flow, expressed via numerical priority. + * Steps increment by 10, allowing ample room for new steps to insert between. + */ + +const ErrorPage = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.lazy)(() => __webpack_require__.e(/*! import() */ "src_OnboardingSPA_pages_ErrorPage_index_js").then(__webpack_require__.bind(__webpack_require__, /*! ../../pages/ErrorPage */ "./src/OnboardingSPA/pages/ErrorPage/index.js"))); +const PageResources = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.lazy)(() => __webpack_require__.e(/*! import() */ "src_OnboardingSPA_pages_Resources_index_js").then(__webpack_require__.bind(__webpack_require__, /*! ../../pages/Resources */ "./src/OnboardingSPA/pages/Resources/index.js"))); +const PageWhatToExpect = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.lazy)(() => __webpack_require__.e(/*! import() */ "src_OnboardingSPA_pages_WhatToExpect_index_js").then(__webpack_require__.bind(__webpack_require__, /*! ../../pages/WhatToExpect */ "./src/OnboardingSPA/pages/WhatToExpect/index.js"))); +const StepIndex = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.lazy)(() => __webpack_require__.e(/*! import() */ "src_OnboardingSPA_pages_Steps_index_js").then(__webpack_require__.bind(__webpack_require__, /*! ../../pages/Steps/index */ "./src/OnboardingSPA/pages/Steps/index.js"))); +const StepGetStarted = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.lazy)(() => __webpack_require__.e(/*! import() */ "src_OnboardingSPA_pages_Steps_GetStarted_index_js").then(__webpack_require__.bind(__webpack_require__, /*! ../../pages/Steps/GetStarted */ "./src/OnboardingSPA/pages/Steps/GetStarted/index.js"))); +const StepWelcome = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.lazy)(() => __webpack_require__.e(/*! import() */ "src_OnboardingSPA_pages_Steps_GetStarted_Welcome_index_js").then(__webpack_require__.bind(__webpack_require__, /*! ../../pages/Steps/GetStarted/Welcome */ "./src/OnboardingSPA/pages/Steps/GetStarted/Welcome/index.js"))); +const StepGetStartedExperience = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.lazy)(() => __webpack_require__.e(/*! import() */ "src_OnboardingSPA_pages_Steps_GetStarted_GetStartedExperience_index_js").then(__webpack_require__.bind(__webpack_require__, /*! ../../pages/Steps/GetStarted/GetStartedExperience */ "./src/OnboardingSPA/pages/Steps/GetStarted/GetStartedExperience/index.js"))); +const StepTopPriority = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.lazy)(() => __webpack_require__.e(/*! import() */ "src_OnboardingSPA_pages_Steps_TopPriority_index_js").then(__webpack_require__.bind(__webpack_require__, /*! ../../pages/Steps/TopPriority */ "./src/OnboardingSPA/pages/Steps/TopPriority/index.js"))); +const StepBasicInfo = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.lazy)(() => __webpack_require__.e(/*! import() */ "src_OnboardingSPA_pages_Steps_BasicInfo_index_js").then(__webpack_require__.bind(__webpack_require__, /*! ../../pages/Steps/BasicInfo */ "./src/OnboardingSPA/pages/Steps/BasicInfo/index.js"))); +const StepDesignThemes = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.lazy)(() => __webpack_require__.e(/*! import() */ "src_OnboardingSPA_pages_Steps_DesignThemes_index_js").then(__webpack_require__.bind(__webpack_require__, /*! ../../pages/Steps/DesignThemes */ "./src/OnboardingSPA/pages/Steps/DesignThemes/index.js"))); +const StepDesignThemeStylesMenu = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.lazy)(() => __webpack_require__.e(/*! import() */ "src_OnboardingSPA_pages_Steps_DesignThemeStyles_Menu_index_js").then(__webpack_require__.bind(__webpack_require__, /*! ../../pages/Steps/DesignThemeStyles/Menu */ "./src/OnboardingSPA/pages/Steps/DesignThemeStyles/Menu/index.js"))); +const StepDesignThemeStylesPreview = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.lazy)(() => __webpack_require__.e(/*! import() */ "src_OnboardingSPA_pages_Steps_DesignThemeStyles_Preview_index_js").then(__webpack_require__.bind(__webpack_require__, /*! ../../pages/Steps/DesignThemeStyles/Preview */ "./src/OnboardingSPA/pages/Steps/DesignThemeStyles/Preview/index.js"))); +const StepDesignColors = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.lazy)(() => __webpack_require__.e(/*! import() */ "src_OnboardingSPA_pages_Steps_DesignColors_index_js").then(__webpack_require__.bind(__webpack_require__, /*! ../../pages/Steps/DesignColors */ "./src/OnboardingSPA/pages/Steps/DesignColors/index.js"))); +const StepDesignTypography = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.lazy)(() => __webpack_require__.e(/*! import() */ "src_OnboardingSPA_pages_Steps_DesignTypography_index_js").then(__webpack_require__.bind(__webpack_require__, /*! ../../pages/Steps/DesignTypography */ "./src/OnboardingSPA/pages/Steps/DesignTypography/index.js"))); +const StepDesignHeaderMenu = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.lazy)(() => __webpack_require__.e(/*! import() */ "src_OnboardingSPA_pages_Steps_DesignHeaderMenu_index_js").then(__webpack_require__.bind(__webpack_require__, /*! ../../pages/Steps/DesignHeaderMenu */ "./src/OnboardingSPA/pages/Steps/DesignHeaderMenu/index.js"))); +const StepDesignHomepageMenu = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.lazy)(() => __webpack_require__.e(/*! import() */ "src_OnboardingSPA_pages_Steps_DesignHomepageMenu_index_js").then(__webpack_require__.bind(__webpack_require__, /*! ../../pages/Steps/DesignHomepageMenu */ "./src/OnboardingSPA/pages/Steps/DesignHomepageMenu/index.js"))); +const StepSitePages = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.lazy)(() => __webpack_require__.e(/*! import() */ "src_OnboardingSPA_pages_Steps_SitePages_index_js").then(__webpack_require__.bind(__webpack_require__, /*! ../../pages/Steps/SitePages */ "./src/OnboardingSPA/pages/Steps/SitePages/index.js"))); +const StepSiteFeatures = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.lazy)(() => __webpack_require__.e(/*! import() */ "src_OnboardingSPA_pages_Steps_SiteFeatures_index_js").then(__webpack_require__.bind(__webpack_require__, /*! ../../pages/Steps/SiteFeatures */ "./src/OnboardingSPA/pages/Steps/SiteFeatures/index.js"))); +const StepWhatNext = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.lazy)(() => __webpack_require__.e(/*! import() */ "src_OnboardingSPA_pages_Steps_WhatNext_index_js").then(__webpack_require__.bind(__webpack_require__, /*! ../../pages/Steps/WhatNext */ "./src/OnboardingSPA/pages/Steps/WhatNext/index.js"))); +const StepPrimarySetup = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.lazy)(() => __webpack_require__.e(/*! import() */ "src_OnboardingSPA_pages_Steps_GetStarted_SiteTypeSetup_PrimarySite_index_js").then(__webpack_require__.bind(__webpack_require__, /*! ../../pages/Steps/GetStarted/SiteTypeSetup/PrimarySite */ "./src/OnboardingSPA/pages/Steps/GetStarted/SiteTypeSetup/PrimarySite/index.js"))); +const StepSecondarySetup = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.lazy)(() => __webpack_require__.e(/*! import() */ "src_OnboardingSPA_pages_Steps_GetStarted_SiteTypeSetup_SecondarySite_index_js").then(__webpack_require__.bind(__webpack_require__, /*! ../../pages/Steps/GetStarted/SiteTypeSetup/SecondarySite */ "./src/OnboardingSPA/pages/Steps/GetStarted/SiteTypeSetup/SecondarySite/index.js"))); +const GetStartedLearnMoreHelp = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.lazy)(() => __webpack_require__.e(/*! import() */ "src_OnboardingSPA_pages_Steps_GetStarted_SidebarComponents_LearnMore_Help_js").then(__webpack_require__.bind(__webpack_require__, /*! ../../pages/Steps/GetStarted/SidebarComponents/LearnMore/Help */ "./src/OnboardingSPA/pages/Steps/GetStarted/SidebarComponents/LearnMore/Help.js"))); +/** + * All information pages should be prefixed with `/page`. + * + * All redirect sub-routes like `/` and `/step` and `/design` are exceptions. + */ + +const pages = [{ + path: '/', + title: '', + description: '', + Component: _pages_index__WEBPACK_IMPORTED_MODULE_3__["default"], + Icon: (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null) +}, { + path: '/page/resources', + title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Resources', 'wp-module-onboarding'), + description: '', + Component: PageResources, + Icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_6__["default"] +}, { + path: '/page/what-to-expect', + title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('What to Expect', 'wp-module-onboarding'), + description: '', + Component: PageWhatToExpect, + Icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_7__["default"] +}, { + path: '*', + title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Error 404', 'wp-module-onboarding'), + description: 'Please Check Again!', + Component: ErrorPage, + Icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_7__["default"] +}]; +/** + * All steps are registered in this array. + * + * Priorities should increment by 20 to leave ample space in-between for injection. + */ + +const steps = [{ + path: '/wp-setup/step/get-started/welcome', + title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Welcome', 'wp-module-onboarding'), + + /* translators: %s: website or store */ + heading: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.sprintf)((0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Make your %s dreams a reality!', 'wp-module-onboarding'), (0,_utils_locales_translations__WEBPACK_IMPORTED_MODULE_4__.translations)('website')), + subheading: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('with WordPress and ', 'wp-module-onboarding'), + description: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("We'll use this to personalize this onboarding and future recommendations", 'wp-module-onboarding'), + Component: StepWelcome, + Icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_8__["default"], + priority: 20, + VIEW: _constants__WEBPACK_IMPORTED_MODULE_5__.VIEW_NAV_GET_STARTED, + SidebarComponents: { + LearnMore: [GetStartedLearnMoreHelp] + } +}, { + path: '/wp-setup/step/get-started/experience', + title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('WordPress Experience', 'wp-module-onboarding'), + + /* translators: %s: website or store */ + heading: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.sprintf)((0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Help us tailor this setup to your %s', 'wp-module-onboarding'), (0,_utils_locales_translations__WEBPACK_IMPORTED_MODULE_4__.translations)('site')), + subheading: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('What is your experience with WordPress?', 'wp-module-onboarding'), + description: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("We'll use this to personalize this onboarding and future recommendations", 'wp-module-onboarding'), + Component: StepGetStartedExperience, + Icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_8__["default"], + priority: 40, + VIEW: _constants__WEBPACK_IMPORTED_MODULE_5__.VIEW_NAV_GET_STARTED, + SidebarComponents: { + LearnMore: [GetStartedLearnMoreHelp] + } +}, { + path: '/wp-setup/step/get-started/site-primary', + + /* translators: %s: website or store */ + title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.sprintf)((0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Primary %s Setup', 'wp-module-onboarding'), (0,_utils_locales_translations__WEBPACK_IMPORTED_MODULE_4__.translations)('Site')), + + /* translators: %s: website or store */ + heading: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.sprintf)((0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Help us tailor this setup to your %s', 'wp-module-onboarding'), (0,_utils_locales_translations__WEBPACK_IMPORTED_MODULE_4__.translations)('site')), + + /* translators: %s: website or store */ + subheading: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.sprintf)((0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('What type of %s is it?', 'wp-module-onboarding'), (0,_utils_locales_translations__WEBPACK_IMPORTED_MODULE_4__.translations)('site')), + + /* translators: %s: website or store */ + description: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.sprintf)((0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("Setup more of your %s, show you around WordPress or share secrets to success -- we'll follow your lead on how you'd like to proceed.", 'wp-module-onboarding'), (0,_utils_locales_translations__WEBPACK_IMPORTED_MODULE_4__.translations)('site')), + Component: StepPrimarySetup, + Icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_9__["default"], + priority: 60 +}, { + path: '/wp-setup/step/get-started/site-secondary', + + /* translators: %s: website or store */ + title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.sprintf)((0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Secondary %s Setup', 'wp-module-onboarding'), (0,_utils_locales_translations__WEBPACK_IMPORTED_MODULE_4__.translations)('Site')), + + /* translators: %s: website or store */ + heading: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.sprintf)((0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Help us tailor this setup to your %s', 'wp-module-onboarding'), (0,_utils_locales_translations__WEBPACK_IMPORTED_MODULE_4__.translations)('site')), + + /* translators: %s: website or store */ + subheading: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.sprintf)((0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('What type of %s is it?', 'wp-module-onboarding'), (0,_utils_locales_translations__WEBPACK_IMPORTED_MODULE_4__.translations)('site')), + + /* translators: %s: website or store */ + description: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.sprintf)((0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("Setup more of your %s, show you around WordPress or share secrets to success -- we'll follow your lead on how you'd like to proceed.", 'wp-module-onboarding'), (0,_utils_locales_translations__WEBPACK_IMPORTED_MODULE_4__.translations)('site')), + Component: StepSecondarySetup, + Icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_9__["default"], + priority: 80 +}, { + path: '/wp-setup/step/top-priority', + title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Top Priority', 'wp-module-onboarding'), + heading: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Tell us your top priority', 'wp-module-onboarding'), + subheading: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("We'll prioritize getting you there.", 'wp-module-onboarding'), + description: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("We'll recommend design choices, site options and products and features we have to offer.", 'wp-module-onboarding'), + Component: StepTopPriority, + Icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_10__["default"], + priority: 100 +}, { + path: '/wp-setup/step/basic-info', + title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Basic Info', 'wp-module-onboarding'), + + /* translators: %s: website or store */ + heading: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.sprintf)((0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Introduce us to this %s', 'wp-module-onboarding'), (0,_utils_locales_translations__WEBPACK_IMPORTED_MODULE_4__.translations)('website')), + subheading: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('So we can introduce it to the web', 'wp-module-onboarding'), + + /* translators: %s: website or store */ + description: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.sprintf)((0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Help visitors, search results and social media identify your %s.', 'wp-module-onboarding'), (0,_utils_locales_translations__WEBPACK_IMPORTED_MODULE_4__.translations)('site')), + Component: StepBasicInfo, + Icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_11__["default"], + priority: 120 +}, { + path: '/wp-setup/step/design/themes', + title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Themes', 'wp-module-onboarding'), + heading: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("Let's make you look your best", 'wp-module-onboarding'), + subheading: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Find a WordPress Theme to present polished and compelling.', 'wp-module-onboarding'), + description: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Your Theme is the starting place for layout and design, setting the tone for your site. Keep it for years or change and swap as you grow.', 'wp-module-onboarding'), + Component: StepDesignThemes, + Icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_12__["default"], + priority: 140, + VIEW: _constants__WEBPACK_IMPORTED_MODULE_5__.VIEW_DESIGN_THEMES +}, { + path: '/wp-setup/step/design/theme-styles/menu', + title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Theme Styles', 'wp-module-onboarding'), + heading: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Lets tailor your theme for the perfect fit', 'wp-module-onboarding'), + subheading: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("Use these styles or bring your own. You're always free to remix them.", 'wp-module-onboarding'), + description: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('All these styles -- plus the ability to customize them -- are available in the WordPress Site Editor', 'wp-module-onboarding'), + Component: StepDesignThemeStylesMenu, + Icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_13__["default"], + priority: 160, + VIEW: _constants__WEBPACK_IMPORTED_MODULE_5__.VIEW_DESIGN_THEME_STYLES_MENU, + patternId: 'theme-styles' +}, { + path: '/wp-setup/step/design/theme-styles/preview', + title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Theme Styles', 'wp-module-onboarding'), + heading: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Lets tailor your theme for the perfect fit', 'wp-module-onboarding'), + subheading: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("Use these styles or bring your own. You're always free to remix them.", 'wp-module-onboarding'), + description: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('All these styles -- plus the ability to customize them -- are available in the WordPress Site Editor', 'wp-module-onboarding'), + Component: StepDesignThemeStylesPreview, + Icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_13__["default"], + priority: 170, + VIEW: _constants__WEBPACK_IMPORTED_MODULE_5__.VIEW_DESIGN_THEME_STYLES_PREVIEW, + patternId: 'theme-styles' +}, { + path: '/wp-setup/step/design/header-menu', + title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Header & Menu', 'wp-module-onboarding'), + heading: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("Let's make the right things visible", 'wp-module-onboarding'), + subheading: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Your site header helps organize your story for visitors.', 'wp-module-onboarding'), + description: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('A well-organized site makes visitors feel smart, helping you keep and convert them.', 'wp-module-onboarding'), + Component: StepDesignHeaderMenu, + Icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_14__["default"], + priority: 220, + VIEW: _constants__WEBPACK_IMPORTED_MODULE_5__.VIEW_DESIGN_HEADER_MENU +}, { + path: '/wp-setup/step/design/homepage-menu', + title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('HomePages Wizard', 'wp-module-onboarding'), + heading: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("There’s no place like a great home page", 'wp-module-onboarding'), + subheading: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Pick a starter layout you can refine and remix with your content', 'wp-module-onboarding'), + description: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('A well-organized homepage makes visitors feel smart.', 'wp-module-onboarding'), + Component: StepDesignHomepageMenu, + Icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_14__["default"], + priority: 240, + VIEW: _constants__WEBPACK_IMPORTED_MODULE_5__.VIEW_DESIGN_HOMEPAGE_MENU, + patternId: 'homepage-styles' +}, { + path: '/wp-setup/step/site-pages', + title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Pages', 'wp-module-onboarding'), + heading: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("We've got some page ideas", 'wp-module-onboarding'), + subheading: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Start closer to the finish line than a blank canvas.', 'wp-module-onboarding'), + description: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("Pick a page, pick a layout and we'll focus on the basics so you focus on what's important and unique.", 'wp-module-onboarding'), + Component: StepSitePages, + Icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_15__["default"], + priority: 260 +}, { + path: '/wp-setup/step/site-features', + title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Features', 'wp-module-onboarding'), + heading: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Our toolbox is your toolbox', 'wp-module-onboarding'), + subheading: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("We've learned a lot in 16 years of WordPress! Now that expertise is yours.", 'wp-module-onboarding'), + description: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("Through Plugins, partners and unique $BRAND WordPress features, you've got tons of capabilities with $SITE.", 'wp-module-onboarding'), + Component: StepSiteFeatures, + Icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_16__["default"], + priority: 280 +}, { + path: '/wp-setup/step/what-next', + title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('What Next', 'wp-module-onboarding'), + heading: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('How else can we help?', 'wp-module-onboarding'), + subheading: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("We've got the basics setup, but we can help with any next steps.", 'wp-module-onboarding'), + description: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("Setup more of your site, show you around WordPress or share secrets to success -- we'll follow your lead on how you'd like to proceed.", 'wp-module-onboarding'), + Component: StepWhatNext, + Icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_9__["default"], + priority: 300 +}]; +const conditionalSteps = { + designColors: { + path: '/wp-setup/step/design/colors', + title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Colors', 'wp-module-onboarding'), + heading: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("What's your color palette?", 'wp-module-onboarding'), + subheading: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("We'll paint everything with your colors for a fresh, crisp look.", 'wp-module-onboarding'), + description: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Strong contrast and clear readability help your words jump off the screen.', 'wp-module-onboarding'), + Component: StepDesignColors, + Icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_17__["default"], + priority: 180, + VIEW: _constants__WEBPACK_IMPORTED_MODULE_5__.VIEW_DESIGN_COLORS, + patternId: 'theme-styles' + }, + designTypography: { + path: '/wp-setup/step/design/typography', + title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Typography', 'wp-module-onboarding'), + heading: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("What's your font style?", 'wp-module-onboarding'), + subheading: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Impress your visitors with strong branding and aesthetics.', 'wp-module-onboarding'), + description: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("Good typography uses style and proportions to give your words identity and priority. What's your story? Your focus?", 'wp-module-onboarding'), + Component: StepDesignTypography, + Icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_18__["default"], + priority: 200, + VIEW: _constants__WEBPACK_IMPORTED_MODULE_5__.VIEW_DESIGN_TYPOGRAPHY + } +}; +/** + * Top-level registration of all routes. + */ + +const routes = [...pages, ...steps]; +/** + * Filter-out the design steps and register a fake step in their place. + * + * @return + */ + +const initialTopSteps = () => { + const topSteps = (0,lodash__WEBPACK_IMPORTED_MODULE_2__.filter)(steps, step => { + return !step.path.includes('/step/get-started') && !step.path.includes('/step/design'); + }); + const designStep = { + /* This is a fake step to stand-in for all Design steps and does not have a Component to render */ + path: '/wp-setup/step/design/themes', + title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Design', 'wp-module-onboarding'), + description: '', + Icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_12__["default"], + VIEW: _constants__WEBPACK_IMPORTED_MODULE_5__.VIEW_NAV_DESIGN, + priority: 140 + /* matches priority for first design step */ + + }; + const getStartedStep = { + path: '/wp-setup/step/get-started/welcome', + title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Get Started', 'wp-module-onboarding'), + heading: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Get Started', 'wp-module-onboarding'), + Icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_8__["default"], + VIEW: _constants__WEBPACK_IMPORTED_MODULE_5__.VIEW_NAV_GET_STARTED, + priority: 20 + }; + topSteps.push(designStep); + topSteps.push(getStartedStep); + return (0,lodash__WEBPACK_IMPORTED_MODULE_2__.orderBy)(topSteps, ['priority'], ['asc']); +}; +/** + * Filter out all non-design steps. + * + * @return + */ + +const initialDesignSteps = () => { + const designSteps = (0,lodash__WEBPACK_IMPORTED_MODULE_2__.filter)(steps, step => { + return step.path.includes('/step/design/') && !step.path.includes('/theme-styles/preview'); + }); + return designSteps; +}; +const initialGetStartedSteps = () => { + const getStartedSteps = (0,lodash__WEBPACK_IMPORTED_MODULE_2__.filter)(steps, step => { + return step.path.includes('/step/get-started'); + }); + return getStartedSteps; +}; + +/***/ }), + +/***/ "./src/OnboardingSPA/data/routes/ecommerce-flow.js": +/*!*********************************************************!*\ + !*** ./src/OnboardingSPA/data/routes/ecommerce-flow.js ***! + \*********************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "ecommerceGetStartedSteps": function() { return /* binding */ ecommerceGetStartedSteps; }, +/* harmony export */ "ecommerceSteps": function() { return /* binding */ ecommerceSteps; }, +/* harmony export */ "initialTopSteps": function() { return /* binding */ initialTopSteps; }, +/* harmony export */ "routes": function() { return /* binding */ routes; }, +/* harmony export */ "steps": function() { return /* binding */ steps; } +/* harmony export */ }); +/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n"); +/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__); +/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/store.js"); +/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/institution.js"); +/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/box.js"); +/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element"); +/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__); +/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! lodash */ "lodash"); +/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_2__); +/* harmony import */ var _default_flow__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./default-flow */ "./src/OnboardingSPA/data/routes/default-flow.js"); +/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../constants */ "./src/constants.js"); + + + + + +const StepAddress = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.lazy)(() => __webpack_require__.e(/*! import() */ "src_OnboardingSPA_pages_Steps_Ecommerce_StepAddress_index_js").then(__webpack_require__.bind(__webpack_require__, /*! ../../pages/Steps/Ecommerce/StepAddress */ "./src/OnboardingSPA/pages/Steps/Ecommerce/StepAddress/index.js"))); +const StepTax = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.lazy)(() => __webpack_require__.e(/*! import() */ "src_OnboardingSPA_pages_Steps_Ecommerce_StepTax_index_js").then(__webpack_require__.bind(__webpack_require__, /*! ../../pages/Steps/Ecommerce/StepTax */ "./src/OnboardingSPA/pages/Steps/Ecommerce/StepTax/index.js"))); +const StepProducts = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.lazy)(() => __webpack_require__.e(/*! import() */ "src_OnboardingSPA_pages_Steps_Ecommerce_StepProducts_index_js").then(__webpack_require__.bind(__webpack_require__, /*! ../../pages/Steps/Ecommerce/StepProducts */ "./src/OnboardingSPA/pages/Steps/Ecommerce/StepProducts/index.js"))); + +const ecommerceSteps = [{ + path: '/ecommerce/step/address', + title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)('Street Address', 'wp-module-onboarding'), + heading: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)('Street Address', 'wp-module-onboarding'), + subheading: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)('In this step you confirm the business address of your store. Simply confirm the one you provided during your initial Bluehost account setup or provide a new one.', 'wp-module-onboarding'), + description: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)('In this step you confirm the business address of your store. Simply confirm the one you provided during your initial Bluehost account setup or provide a new one.', 'wp-module-onboarding'), + Component: StepAddress, + Icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_5__["default"], + priority: 85, + VIEW: _constants__WEBPACK_IMPORTED_MODULE_4__.VIEW_NAV_ECOMMERCE_STORE_INFO +}, { + path: '/ecommerce/step/tax', + title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)('Tax Info', 'wp-module-onboarding'), + heading: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)('Tax Info', 'wp-module-onboarding'), + subheading: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)('Taxes can be configure at anytime in the WooCommerce Settings tab.', 'wp-module-onboarding'), + description: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)('Taxes can be configured at anytime in the WooCommerce Settings tab.', 'wp-module-onboarding'), + Component: StepTax, + Icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_6__["default"], + priority: 90, + VIEW: _constants__WEBPACK_IMPORTED_MODULE_4__.VIEW_NAV_ECOMMERCE_STORE_INFO +}, { + path: '/ecommerce/step/products', + title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)('Product Info', 'wp-module-onboarding'), + heading: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)('Product Info', 'wp-module-onboarding'), + subheading: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)('Hello, add a subheading for the learn more sidebar.', 'wp-module-onboarding'), + description: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("In this section, you can provide more information about your products and business, which will help us tailor your store setup experience and identify possible extensions you'll need for your online store.", 'wp-module-onboarding'), + Component: StepProducts, + Icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_7__["default"], + priority: 95, + VIEW: _constants__WEBPACK_IMPORTED_MODULE_4__.VIEW_NAV_ECOMMERCE_STORE_INFO +}]; +const steps = (0,lodash__WEBPACK_IMPORTED_MODULE_2__.orderBy)([...(0,lodash__WEBPACK_IMPORTED_MODULE_2__.filter)(_default_flow__WEBPACK_IMPORTED_MODULE_3__.steps, step => !step.path.includes('/step/top-priority') && !step.path.includes('/step/get-started/site-primary')), ...ecommerceSteps], ['priority'], ['asc']); +const routes = (0,lodash__WEBPACK_IMPORTED_MODULE_2__.orderBy)([...steps, ..._default_flow__WEBPACK_IMPORTED_MODULE_3__.pages], ['priority'], ['asc']); +const initialTopSteps = () => { + const topSteps = (0,lodash__WEBPACK_IMPORTED_MODULE_2__.filter)(ecommerceSteps, step => { + return !step.path.includes('/ecommerce/step'); + }); + const ecommerceStep = { + /* This is a pseudo step to stand-in for all StoreInfo steps and does not have a Component to render */ + path: '/ecommerce/step/address', + title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)('Store Info', 'wp-module-onboarding'), + description: '', + Icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_5__["default"], + VIEW: _constants__WEBPACK_IMPORTED_MODULE_4__.VIEW_NAV_ECOMMERCE_STORE_INFO, + priority: 41 + /* matches priority for first store info step */ + + }; + topSteps.push(ecommerceStep); + const filteredSteps = (0,lodash__WEBPACK_IMPORTED_MODULE_2__.filter)((0,_default_flow__WEBPACK_IMPORTED_MODULE_3__.initialTopSteps)(), step => !step.path.includes('/step/top-priority')); + return (0,lodash__WEBPACK_IMPORTED_MODULE_2__.orderBy)([...filteredSteps, ...topSteps], ['priority'], ['asc']); +}; +const ecommerceGetStartedSteps = () => { + return (0,lodash__WEBPACK_IMPORTED_MODULE_2__.filter)((0,_default_flow__WEBPACK_IMPORTED_MODULE_3__.initialGetStartedSteps)(), step => !step.path.includes('/step/get-started/site-primary')); +}; + +/***/ }), + +/***/ "./src/OnboardingSPA/data/routes/index.js": +/*!************************************************!*\ + !*** ./src/OnboardingSPA/data/routes/index.js ***! + \************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "conditionalSteps": function() { return /* binding */ conditionalSteps; }, +/* harmony export */ "initialDesignSteps": function() { return /* binding */ initialDesignSteps; }, +/* harmony export */ "initialGetStartedSteps": function() { return /* binding */ initialGetStartedSteps; }, +/* harmony export */ "initialStoreInfoSteps": function() { return /* binding */ initialStoreInfoSteps; }, +/* harmony export */ "initialTopSteps": function() { return /* binding */ initialTopSteps; }, +/* harmony export */ "routes": function() { return /* binding */ routes; }, +/* harmony export */ "steps": function() { return /* binding */ steps; } +/* harmony export */ }); +/* harmony import */ var _default_flow__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./default-flow */ "./src/OnboardingSPA/data/routes/default-flow.js"); +/* harmony import */ var _ecommerce_flow__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ecommerce-flow */ "./src/OnboardingSPA/data/routes/ecommerce-flow.js"); + + + +function getSelectedRoute() { + var _window$nfdOnboarding; + + return (_window$nfdOnboarding = window.nfdOnboarding.currentFlow) !== null && _window$nfdOnboarding !== void 0 ? _window$nfdOnboarding : 'wp-setup'; +} + +const routerMap = { + 'wp-setup': { + routes: _default_flow__WEBPACK_IMPORTED_MODULE_0__.routes, + steps: _default_flow__WEBPACK_IMPORTED_MODULE_0__.steps, + conditionalSteps: _default_flow__WEBPACK_IMPORTED_MODULE_0__.conditionalSteps, + initialTopSteps: _default_flow__WEBPACK_IMPORTED_MODULE_0__.initialTopSteps, + initialDesignSteps: _default_flow__WEBPACK_IMPORTED_MODULE_0__.initialDesignSteps, + initialGetStartedSteps: _default_flow__WEBPACK_IMPORTED_MODULE_0__.initialGetStartedSteps + }, + ecommerce: { + routes: _ecommerce_flow__WEBPACK_IMPORTED_MODULE_1__.routes, + steps: _ecommerce_flow__WEBPACK_IMPORTED_MODULE_1__.steps, + conditionalSteps: _default_flow__WEBPACK_IMPORTED_MODULE_0__.conditionalSteps, + initialTopSteps: _ecommerce_flow__WEBPACK_IMPORTED_MODULE_1__.initialTopSteps, + initialDesignSteps: _default_flow__WEBPACK_IMPORTED_MODULE_0__.initialDesignSteps, + initialGetStartedSteps: _ecommerce_flow__WEBPACK_IMPORTED_MODULE_1__.ecommerceGetStartedSteps, + initialStoreInfoSteps: _ecommerce_flow__WEBPACK_IMPORTED_MODULE_1__.ecommerceSteps + } +}; +const routes = [...routerMap[getSelectedRoute()].routes]; +const steps = [...routerMap[getSelectedRoute()].steps]; +const conditionalSteps = routerMap[getSelectedRoute()].conditionalSteps; +const initialTopSteps = () => { + return routerMap[getSelectedRoute()].initialTopSteps(); +}; +const initialDesignSteps = () => { + return routerMap[getSelectedRoute()].initialDesignSteps(); +}; +const initialGetStartedSteps = () => { + return routerMap[getSelectedRoute()].initialGetStartedSteps(); +}; +const initialStoreInfoSteps = () => { + return routerMap[getSelectedRoute()].initialStoreInfoSteps ? routerMap[getSelectedRoute()].initialStoreInfoSteps : []; +}; + +/***/ }), + +/***/ "./src/OnboardingSPA/data/sidebars/index.js": +/*!**************************************************!*\ + !*** ./src/OnboardingSPA/data/sidebars/index.js ***! + \**************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "sidebars": function() { return /* binding */ sidebars; } +/* harmony export */ }); +/* 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 _constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../constants */ "./src/constants.js"); + + +const LearnMoreMenu = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.lazy)(() => __webpack_require__.e(/*! import() */ "src_OnboardingSPA_components_Sidebar_components_LearnMore_Menu_js").then(__webpack_require__.bind(__webpack_require__, /*! ../../components/Sidebar/components/LearnMore/Menu */ "./src/OnboardingSPA/components/Sidebar/components/LearnMore/Menu.js"))); +const LearnMoreSidebar = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.lazy)(() => __webpack_require__.e(/*! import() */ "src_OnboardingSPA_components_Sidebar_components_LearnMore_Sidebar_js").then(__webpack_require__.bind(__webpack_require__, /*! ../../components/Sidebar/components/LearnMore/Sidebar */ "./src/OnboardingSPA/components/Sidebar/components/LearnMore/Sidebar.js"))); +const sidebars = [{ + id: _constants__WEBPACK_IMPORTED_MODULE_1__.SIDEBAR_LEARN_MORE, + menu: LearnMoreMenu, + sidebar: LearnMoreSidebar, + enabled: true +}]; + +/***/ }), + +/***/ "./src/OnboardingSPA/data/translations/index.js": +/*!******************************************************!*\ + !*** ./src/OnboardingSPA/data/translations/index.js ***! + \******************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "translationMap": function() { return /* binding */ translationMap; } +/* harmony export */ }); +/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n"); +/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__); + +const translationMap = { + 'wp-setup': { + site: { + 'noun': (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__._x)('site', 'noun', 'wp-module-onboarding') + }, + website: { + 'noun': (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__._x)('website', 'noun', 'wp-module-onboarding') + } + }, + 'ecommerce': { + site: { + 'noun': (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__._x)('store', 'noun', 'wp-module-onboarding') + }, + website: { + 'noun': (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__._x)('store', 'noun', 'wp-module-onboarding') + } + } +}; + +/***/ }), + +/***/ "./src/OnboardingSPA/index.js": +/*!************************************!*\ + !*** ./src/OnboardingSPA/index.js ***! + \************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "initializeNFDOnboarding": function() { return /* binding */ initializeNFDOnboarding; } +/* harmony export */ }); +/* 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 _styles_app_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./styles/app.scss */ "./src/OnboardingSPA/styles/app.scss"); +/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./store */ "./src/OnboardingSPA/store/index.js"); +/* harmony import */ var _utils_api_flow__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./utils/api/flow */ "./src/OnboardingSPA/utils/api/flow.js"); +/* harmony import */ var _utils_api_plugins__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./utils/api/plugins */ "./src/OnboardingSPA/utils/api/plugins.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 _utils_api_cronTrigger__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./utils/api/cronTrigger */ "./src/OnboardingSPA/utils/api/cronTrigger.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 _components_App__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./components/App */ "./src/OnboardingSPA/components/App/index.js"); +/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! react-router-dom */ "./node_modules/react-router-dom/index.js"); +/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @wordpress/data */ "@wordpress/data"); +/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(_wordpress_data__WEBPACK_IMPORTED_MODULE_9__); + + + +/* must import prior to App! */ + + + + + + + + + + +/** + * Component passed to wp.element.render(). + * + * @return WPComponent + */ + +const NFDOnboarding = () => (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(react_router_dom__WEBPACK_IMPORTED_MODULE_10__.HashRouter, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_App__WEBPACK_IMPORTED_MODULE_8__["default"], null)); + +const initializeFlowData = currentData => { + currentData.hasExited = false; + currentData.isComplete = false; + return currentData; +}; +/** + * Method to initialize Onboarding interface inside WordPress Admin. + * + * @param {string} id - Element ID to render into. + * @param {Object} runtime - Expects runtime data from window.nfdOnboarding. + */ + + +async function initializeNFDOnboarding(id, runtime) { + (0,_utils_api_plugins__WEBPACK_IMPORTED_MODULE_4__.init)(); + (0,_utils_api_themes__WEBPACK_IMPORTED_MODULE_5__.init)(); + setInterval(_utils_api_cronTrigger__WEBPACK_IMPORTED_MODULE_6__.trigger, 45000); + const DOM_TARGET = document.getElementById(id); + (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_9__.dispatch)(_store__WEBPACK_IMPORTED_MODULE_2__.store).setRuntime(runtime); + const currentData = await (0,_utils_api_flow__WEBPACK_IMPORTED_MODULE_3__.getFlow)(); + + if (currentData.error == null) { + currentData.body = initializeFlowData(currentData.body); + (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_9__.dispatch)(_store__WEBPACK_IMPORTED_MODULE_2__.store).setCurrentOnboardingData(currentData.body); + } + + if (null !== DOM_TARGET && 'undefined' !== typeof _wordpress_element__WEBPACK_IMPORTED_MODULE_0__.render) { + (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.render)((0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(NFDOnboarding, null), DOM_TARGET); + (0,_utils_api_settings__WEBPACK_IMPORTED_MODULE_7__.initialize)(); + } else { + console.log('Could not find mount element or wp.element.render().'); + } +} +/* harmony default export */ __webpack_exports__["default"] = (initializeNFDOnboarding); + +/***/ }), + +/***/ "./src/OnboardingSPA/pages/index.js": +/*!******************************************!*\ + !*** ./src/OnboardingSPA/pages/index.js ***! + \******************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__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 react_router_dom__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-router-dom */ "./node_modules/react-router/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__); + + + + + + +const IndexRoute = () => { + const navigate = (0,react_router_dom__WEBPACK_IMPORTED_MODULE_3__.useNavigate)(); + const { + firstStep + } = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_2__.useSelect)(select => { + return { + firstStep: select(_store__WEBPACK_IMPORTED_MODULE_1__.store).getFirstStep() + }; + }, []); + (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => { + navigate(firstStep.path, { + replace: true, + state: { + origin: 'index-redirect' + } + }); + }); + return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null); +}; + +/* harmony default export */ __webpack_exports__["default"] = (IndexRoute); + +/***/ }), + +/***/ "./src/OnboardingSPA/store/actions.js": +/*!********************************************!*\ + !*** ./src/OnboardingSPA/store/actions.js ***! + \********************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "setActiveFlow": function() { return /* binding */ setActiveFlow; }, +/* harmony export */ "setActiveStep": function() { return /* binding */ setActiveStep; }, +/* harmony export */ "setCurrentOnboardingData": function() { return /* binding */ setCurrentOnboardingData; }, +/* harmony export */ "setDrawerActiveView": function() { return /* binding */ setDrawerActiveView; }, +/* harmony export */ "setIsDrawerOpened": function() { return /* binding */ setIsDrawerOpened; }, +/* harmony export */ "setIsDrawerSuppressed": function() { return /* binding */ setIsDrawerSuppressed; }, +/* harmony export */ "setIsSidebarOpened": function() { return /* binding */ setIsSidebarOpened; }, +/* harmony export */ "setRuntime": function() { return /* binding */ setRuntime; }, +/* harmony export */ "setSidebarActiveView": function() { return /* binding */ setSidebarActiveView; }, +/* harmony export */ "updateAllSteps": function() { return /* binding */ updateAllSteps; }, +/* harmony export */ "updateDesignSteps": function() { return /* binding */ updateDesignSteps; }, +/* harmony export */ "updatePluginsStatus": function() { return /* binding */ updatePluginsStatus; }, +/* harmony export */ "updatePreviewSettings": function() { return /* binding */ updatePreviewSettings; }, +/* harmony export */ "updateRoutes": function() { return /* binding */ updateRoutes; }, +/* harmony export */ "updateSettings": function() { return /* binding */ updateSettings; }, +/* harmony export */ "updateThemeStatus": function() { return /* binding */ updateThemeStatus; } +/* harmony export */ }); +/** + * Receives `window.nfdOnboarding` and sets migrated: true. + * + * `url` is left to keep __webpack_public_path__ decoupled from store. + * + * @param {*} runtime + * @return + */ +function setRuntime(runtime) { + var _runtime$currentFlow; + + window.nfdOnboarding = { + buildUrl: runtime.buildUrl, + siteUrl: runtime.siteUrl, + migrated: true, + currentFlow: (_runtime$currentFlow = runtime.currentFlow) !== null && _runtime$currentFlow !== void 0 ? _runtime$currentFlow : 'wp-setup' + }; + return { + type: 'SET_RUNTIME', + runtime + }; +} +/** + * Sets the active view within the Drawer render slot. + * + * @param {*} view + * @return + */ + +function setDrawerActiveView(view) { + return { + type: 'SET_DRAWER_ACTIVE_VIEW', + view + }; +} +/** + * Opens the off-canvas drawer on left of viewport. + * + * @param {*} isOpen + * @return + */ + +function setIsDrawerOpened(isOpen) { + return { + type: 'SET_DRAWER_OPENED', + isOpen + }; +} +/** + * Keeps the drawer on the left suppressed. + * + * @param {*} isSuppressed + * @return + */ + +function setIsDrawerSuppressed(isSuppressed) { + return { + type: 'SET_DRAWER_SUPPRESSED', + isSuppressed + }; +} +/** + * Accepts a string flow to set the active flow. + * + * NOTE: does not have any navigation side-effect. + * + * @param {*} path + * @param flow + * @return + */ + +function setActiveFlow(flow) { + return { + type: 'SET_ACTIVE_FLOW', + flow + }; +} +/** + * Accepts a string path to set the active step. + * + * NOTE: does not have any navigation side-effect. + * + * @param {*} path + * @return + */ + +function setActiveStep(path) { + // Remove Trailing Spaces from URL + path = path.replace(/\/$/, ''); + return { + type: 'SET_ACTIVE_STEP', + path + }; +} +/** + * Accepts a JSON to set the current data. + * + * @param {*} currentData + * @return + */ + +function setCurrentOnboardingData(currentData) { + return { + type: 'SET_CURRENT_DATA', + currentData + }; +} +/** + * Updates general settings. + * + * @param {*} settings + * @return + */ + +function updateSettings(settings) { + return { + type: 'UPDATE_SETTINGS', + settings + }; +} +function updateThemeStatus(themeStatus) { + return { + type: 'UPDATE_THEME_STATUS', + themeStatus + }; +} +function updatePluginsStatus(pluginsStatus) { + return { + type: 'UPDATE_PLUGINS_STATUS', + pluginsStatus + }; +} +function setIsSidebarOpened(isOpen) { + return { + type: 'SET_SIDEBAR_OPENED', + isOpen + }; +} +function setSidebarActiveView(view) { + return { + type: 'SET_SIDEBAR_ACTIVE_VIEW', + view + }; +} +function updatePreviewSettings(previewSettings) { + return { + type: 'SET_PREVIEW_SETTINGS', + previewSettings + }; +} +function updateRoutes(routes) { + return { + type: 'UPDATE_ROUTES', + routes + }; +} +function updateAllSteps(allSteps) { + return { + type: 'UPDATE_ALL_STEPS', + allSteps + }; +} +function updateDesignSteps(designSteps) { + return { + type: 'UPDATE_DESIGN_STEPS', + designSteps + }; +} + +/***/ }), + +/***/ "./src/OnboardingSPA/store/constants.js": +/*!**********************************************!*\ + !*** ./src/OnboardingSPA/store/constants.js ***! + \**********************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "STORE_NAME": function() { return /* binding */ STORE_NAME; } +/* harmony export */ }); +/** + * Identifier for Newfold Onboarding data store. + * + * @type {string} + */ +const STORE_NAME = 'newfold/onboarding'; + +/***/ }), + +/***/ "./src/OnboardingSPA/store/index.js": +/*!******************************************!*\ + !*** ./src/OnboardingSPA/store/index.js ***! + \******************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "nfdOnboardingStoreConfig": function() { return /* binding */ nfdOnboardingStoreConfig; }, +/* harmony export */ "store": function() { return /* binding */ store; } +/* harmony export */ }); +/* harmony import */ var _actions__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./actions */ "./src/OnboardingSPA/store/actions.js"); +/* harmony import */ var _selectors__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./selectors */ "./src/OnboardingSPA/store/selectors.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 _constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./constants */ "./src/OnboardingSPA/store/constants.js"); +/* harmony import */ var _wordpress_data_controls__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/data-controls */ "@wordpress/data-controls"); +/* harmony import */ var _wordpress_data_controls__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_wordpress_data_controls__WEBPACK_IMPORTED_MODULE_4__); +/* harmony import */ var _reducer__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./reducer */ "./src/OnboardingSPA/store/reducer.js"); + + + + + + +const nfdOnboardingStoreConfig = { + reducer: _reducer__WEBPACK_IMPORTED_MODULE_5__["default"], + actions: _actions__WEBPACK_IMPORTED_MODULE_0__, + selectors: _selectors__WEBPACK_IMPORTED_MODULE_1__ +}; +const store = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_2__.createReduxStore)(_constants__WEBPACK_IMPORTED_MODULE_3__.STORE_NAME, nfdOnboardingStoreConfig); +(0,_wordpress_data__WEBPACK_IMPORTED_MODULE_2__.register)(store); + +/***/ }), + +/***/ "./src/OnboardingSPA/store/reducer.js": +/*!********************************************!*\ + !*** ./src/OnboardingSPA/store/reducer.js ***! + \********************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "currentData": function() { return /* binding */ currentData; }, +/* harmony export */ "drawer": function() { return /* binding */ drawer; }, +/* harmony export */ "flow": function() { return /* binding */ flow; }, +/* harmony export */ "runtime": function() { return /* binding */ runtime; }, +/* harmony export */ "settings": function() { return /* binding */ settings; }, +/* harmony export */ "sidebar": function() { return /* binding */ sidebar; } +/* harmony export */ }); +/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/data */ "@wordpress/data"); +/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_data__WEBPACK_IMPORTED_MODULE_0__); +/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../constants */ "./src/constants.js"); +/* harmony import */ var _data_routes_index__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../data/routes/index */ "./src/OnboardingSPA/data/routes/index.js"); +/* harmony import */ var _data_sidebars_index__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../data/sidebars/index */ "./src/OnboardingSPA/data/sidebars/index.js"); + + + + +function flow() { + let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : { + flow: 'wp-setup', + steps: { + routes: _data_routes_index__WEBPACK_IMPORTED_MODULE_2__.routes, + allSteps: _data_routes_index__WEBPACK_IMPORTED_MODULE_2__.steps, + topSteps: (0,_data_routes_index__WEBPACK_IMPORTED_MODULE_2__.initialTopSteps)(), + designSteps: (0,_data_routes_index__WEBPACK_IMPORTED_MODULE_2__.initialDesignSteps)(), + getStartedSteps: (0,_data_routes_index__WEBPACK_IMPORTED_MODULE_2__.initialGetStartedSteps)(), + storeInfoSteps: (0,_data_routes_index__WEBPACK_IMPORTED_MODULE_2__.initialStoreInfoSteps)(), + currentStep: '/wp-setup/step/what-next' + } + }; + let action = arguments.length > 1 ? arguments[1] : undefined; + + switch (action.type) { + case 'SET_ACTIVE_STEP': + return { ...state, + steps: { ...state.steps, + currentStep: action.path + } + }; + + case 'SET_ACTIVE_FLOW': + return { ...state, + flow: action.flow + }; + + case 'UPDATE_ROUTES': + return { ...state, + steps: { ...state.steps, + routes: action.routes + } + }; + + case 'UPDATE_ALL_STEPS': + return { ...state, + steps: { ...state.steps, + allSteps: action.allSteps + } + }; + + case 'UPDATE_DESIGN_STEPS': + return { ...state, + steps: { ...state.steps, + designSteps: action.designSteps + } + }; + } + + return state; +} +function drawer() { + let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : { + isOpen: false, + isSuppressed: false, + view: _constants__WEBPACK_IMPORTED_MODULE_1__.VIEW_NAV_PRIMARY + }; + let action = arguments.length > 1 ? arguments[1] : undefined; + + switch (action.type) { + case 'SET_DRAWER_OPENED': + return { ...state, + isOpen: action.isOpen + }; + + case 'SET_DRAWER_ACTIVE_VIEW': + return { ...state, + view: action.view + }; + + case 'SET_DRAWER_SUPPRESSED': + return { ...state, + isSuppressed: action.isSuppressed, + isOpen: action.isSuppressed ? false : state.isOpen + }; + } + + return state; +} +function currentData() { + let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; + let action = arguments.length > 1 ? arguments[1] : undefined; + + switch (action.type) { + case 'SET_CURRENT_DATA': + return { ...state, + ...action.currentData + }; + } + + return state; +} +function sidebar() { + let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : { + isOpen: false, + view: 'LearnMore', + sidebars: _data_sidebars_index__WEBPACK_IMPORTED_MODULE_3__.sidebars + }; + let action = arguments.length > 1 ? arguments[1] : undefined; + + switch (action.type) { + case 'SET_SIDEBAR_OPENED': + return { ...state, + isOpen: action.isOpen + }; + + case 'SET_SIDEBAR_ACTIVE_VIEW': + return { ...state, + view: action.view + }; + } + + return state; +} +function runtime() { + let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; + let action = arguments.length > 1 ? arguments[1] : undefined; + + switch (action.type) { + case 'SET_RUNTIME': + return { ...state, + ...action.runtime + }; + + case 'SET_PREVIEW_SETTINGS': + return { ...state, + previewSettings: action.previewSettings + }; + } + + return state; +} +function settings() { + let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : { + themeStatus: _constants__WEBPACK_IMPORTED_MODULE_1__.THEME_STATUS_INIT, + pluginsStatus: { + [_constants__WEBPACK_IMPORTED_MODULE_1__.ECOMMERCE_STEPS_PLUGIN]: _constants__WEBPACK_IMPORTED_MODULE_1__.PLUGIN_STATUS_INIT + } + }; + let action = arguments.length > 1 ? arguments[1] : undefined; + + switch (action.type) { + case 'UPDATE_SETTINGS': + return { ...state, + ...action.settings + }; + + case 'UPDATE_THEME_STATUS': + return { ...state, + themeStatus: action.themeStatus + }; + + case 'UPDATE_PLUGINS_STATUS': + return { ...state, + pluginsStatus: action.pluginsStatus + }; + } + + return state; +} +/* harmony default export */ __webpack_exports__["default"] = ((0,_wordpress_data__WEBPACK_IMPORTED_MODULE_0__.combineReducers)({ + drawer, + runtime, + currentData, + settings, + flow, + sidebar +})); + +/***/ }), + +/***/ "./src/OnboardingSPA/store/selectors.js": +/*!**********************************************!*\ + !*** ./src/OnboardingSPA/store/selectors.js ***! + \**********************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "getAllSteps": function() { return /* binding */ getAllSteps; }, +/* harmony export */ "getCurrentOnboardingData": function() { return /* binding */ getCurrentOnboardingData; }, +/* harmony export */ "getCurrentStep": function() { return /* binding */ getCurrentStep; }, +/* harmony export */ "getCurrentStepPath": function() { return /* binding */ getCurrentStepPath; }, +/* harmony export */ "getDesignSteps": function() { return /* binding */ getDesignSteps; }, +/* harmony export */ "getDrawerView": function() { return /* binding */ getDrawerView; }, +/* harmony export */ "getFirstStep": function() { return /* binding */ getFirstStep; }, +/* harmony export */ "getGetStartedSteps": function() { return /* binding */ getGetStartedSteps; }, +/* harmony export */ "getHireExpertsUrl": function() { return /* binding */ getHireExpertsUrl; }, +/* harmony export */ "getLastStep": function() { return /* binding */ getLastStep; }, +/* harmony export */ "getNewfoldBrand": function() { return /* binding */ getNewfoldBrand; }, +/* harmony export */ "getNewfoldBrandName": function() { return /* binding */ getNewfoldBrandName; }, +/* harmony export */ "getNextStep": function() { return /* binding */ getNextStep; }, +/* harmony export */ "getOnboardingFlow": function() { return /* binding */ getOnboardingFlow; }, +/* harmony export */ "getPluginsStatus": function() { return /* binding */ getPluginsStatus; }, +/* harmony export */ "getPreviewSettings": function() { return /* binding */ getPreviewSettings; }, +/* harmony export */ "getPreviousStep": function() { return /* binding */ getPreviousStep; }, +/* harmony export */ "getRoutes": function() { return /* binding */ getRoutes; }, +/* harmony export */ "getSettings": function() { return /* binding */ getSettings; }, +/* harmony export */ "getSidebarView": function() { return /* binding */ getSidebarView; }, +/* harmony export */ "getSidebars": function() { return /* binding */ getSidebars; }, +/* harmony export */ "getStepFromPath": function() { return /* binding */ getStepFromPath; }, +/* harmony export */ "getStoreInfoSteps": function() { return /* binding */ getStoreInfoSteps; }, +/* harmony export */ "getThemeStatus": function() { return /* binding */ getThemeStatus; }, +/* harmony export */ "getTopSteps": function() { return /* binding */ getTopSteps; }, +/* harmony export */ "isDrawerOpened": function() { return /* binding */ isDrawerOpened; }, +/* harmony export */ "isDrawerSuppressed": function() { return /* binding */ isDrawerSuppressed; }, +/* harmony export */ "isSidebarOpened": function() { return /* binding */ isSidebarOpened; } +/* harmony export */ }); +/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ "lodash"); +/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__); +/* harmony import */ var _wordpress_url__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/url */ "@wordpress/url"); +/* harmony import */ var _wordpress_url__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_url__WEBPACK_IMPORTED_MODULE_1__); + + +/** + * Get the currently active drawer view + * + * @param {*} state + * @return string + */ + +function getDrawerView(state) { + return state.drawer.view; +} +/** + * Check if the drawer is opened + * + * @param {*} state + * @return boolean + */ + +function isDrawerOpened(state) { + return state.drawer.isOpen; +} +/** + * Check if the drawer is suppressed + * + * @param {*} state + * @return boolean + */ + +function isDrawerSuppressed(state) { + return state.drawer.isSuppressed; +} +/** + * Gets current Newfold brand + * + * @param {*} state + * @return string + */ + +function getNewfoldBrand(state) { + return state.runtime.currentBrand.brand; +} +/** + * Gets current Newfold brand + * + * @param {*} state + * @return string + */ + +function getNewfoldBrandName(state) { + return state.runtime.currentBrand.name; +} +/** + * Gets dynamic Hire Experts URL for Need Help Tag per brand + * + * @param {*} state + * @return string + */ + +function getHireExpertsUrl(state) { + const hireExpertsInfo = state.runtime.currentBrand.hireExpertsInfo; + const hireExpertsUrl = (0,_wordpress_url__WEBPACK_IMPORTED_MODULE_1__.addQueryArgs)(hireExpertsInfo === null || hireExpertsInfo === void 0 ? void 0 : hireExpertsInfo.defaultLink, hireExpertsInfo === null || hireExpertsInfo === void 0 ? void 0 : hireExpertsInfo.queryParameters) + ((hireExpertsInfo === null || hireExpertsInfo === void 0 ? void 0 : hireExpertsInfo.fragment) || ''); + return hireExpertsUrl; +} +/** + * Gets the current Onboarding Data + * + * @param {*} state + * @return string + */ + +function getCurrentOnboardingData(state) { + return state.currentData; +} +/** + * Gets current Onboarding Flow + * + * @param {*} state + * @return string + */ + +function getOnboardingFlow(state) { + var _state$runtime$curren; + + return (_state$runtime$curren = state.runtime.currentFlow) !== null && _state$runtime$curren !== void 0 ? _state$runtime$curren : 'wp-setup'; +} +function getRoutes(state) { + return state.flow.steps.routes; +} +function getAllSteps(state) { + return state.flow.steps.allSteps; +} +/** + * Gets steps to display in drawer. + * + * @param {*} state + * @return + */ + +function getTopSteps(state) { + return state.flow.steps.topSteps; +} +/** + * Gets design steps to display in drawer submenu. + * + * @param {*} state + * @return + */ + +function getDesignSteps(state) { + return state.flow.steps.designSteps; +} +/** + * Gets get-started setup steps to display in drawer submenu. + * + * @param {*} state + * @return + */ + +function getGetStartedSteps(state) { + return state.flow.steps.getStartedSteps; +} +/** + * Get the path to the current step. + * + * @param {*} state + * @return + */ + +function getCurrentStepPath(state) { + return state.flow.steps.currentStep; +} +/** + * Gets the First step object. + * + * @param {*} state + * @return object + */ + +function getFirstStep(state) { + return state.flow.steps.allSteps[0]; +} +/** + * Gets the Last step object. + * + * @param {*} state + * @return object + */ + +function getLastStep(state) { + return state.flow.steps.allSteps[state.flow.steps.allSteps.length - 1]; +} +/** + * Gets the current step object. + * + * @param {*} state + * @return object + */ + +function getCurrentStep(state) { + const filtered = (0,lodash__WEBPACK_IMPORTED_MODULE_0__.filter)(state.flow.steps.allSteps, ['path', state.flow.steps.currentStep]); + return filtered[0]; +} +function getStepFromPath(state, path) { + const filtered = (0,lodash__WEBPACK_IMPORTED_MODULE_0__.filter)(state.flow.steps.allSteps, ['path', path]); + return filtered[0]; +} +/** + * Get's the previous step's object. + * + * @param {*} state + * @return object|null|false + */ + +function getPreviousStep(state) { + const currentStepIndex = (0,lodash__WEBPACK_IMPORTED_MODULE_0__.findIndex)(state.flow.steps.allSteps, { + path: state.flow.steps.currentStep + }); + + if (0 === currentStepIndex) { + return null; // current step is the first step + } + + if (-1 === currentStepIndex) { + return false; // could not find index + } + + return state.flow.steps.allSteps[currentStepIndex - 1]; +} +/** + * Gets the next steps object. + * + * @param {*} state + * @return object|null|false + */ + +function getNextStep(state) { + const totalIndexes = state.flow.steps.allSteps.length - 1; + const currentStepIndex = (0,lodash__WEBPACK_IMPORTED_MODULE_0__.findIndex)(state.flow.steps.allSteps, { + path: state.flow.steps.currentStep + }); + + if (totalIndexes === currentStepIndex) { + return null; // currentStep is the last step + } + + if (-1 === currentStepIndex) { + return false; // could not find index + } + + return state.flow.steps.allSteps[currentStepIndex + 1]; +} +function isSidebarOpened(state) { + return state.sidebar.isOpen; +} +function getSidebarView(state) { + return state.sidebar.view; +} +function getSidebars(state) { + return (0,lodash__WEBPACK_IMPORTED_MODULE_0__.filter)(state.sidebar.sidebars, ['enabled', true]); +} +function getPreviewSettings(state) { + return state.runtime.previewSettings; +} +function getSettings(state) { + return state.settings; +} +function getThemeStatus(state) { + return state.settings.themeStatus; +} +function getPluginsStatus(state) { + return state.settings.pluginsStatus; +} +function getStoreInfoSteps(state) { + return state.flow.steps.storeInfoSteps; +} + +/***/ }), + +/***/ "./src/OnboardingSPA/utils/api/common.js": +/*!***********************************************!*\ + !*** ./src/OnboardingSPA/utils/api/common.js ***! + \***********************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "onboardingRestURL": function() { return /* binding */ onboardingRestURL; } +/* harmony export */ }); +/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../constants */ "./src/constants.js"); + +const onboardingRestURL = api => { + var _window$nfdOnboarding; + + return `${_constants__WEBPACK_IMPORTED_MODULE_0__.onboardingRestBase}/${api}` + ((_window$nfdOnboarding = window.nfdOnboarding) !== null && _window$nfdOnboarding !== void 0 && _window$nfdOnboarding.currentFlow ? `&flow=${window.nfdOnboarding.currentFlow}` : ''); +}; + +/***/ }), + +/***/ "./src/OnboardingSPA/utils/api/cronTrigger.js": +/*!****************************************************!*\ + !*** ./src/OnboardingSPA/utils/api/cronTrigger.js ***! + \****************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "trigger": function() { return /* binding */ trigger; } +/* harmony export */ }); +/* 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 _constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../constants */ "./src/constants.js"); + + +const trigger = () => { + _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_0___default()({ + url: `${_constants__WEBPACK_IMPORTED_MODULE_1__.wpSiteUrl}/wp-cron.php`, + method: 'GET', + parse: false + }).catch(error => { + console.error(error); + }); +}; + +/***/ }), + +/***/ "./src/OnboardingSPA/utils/api/ecommerce.js": +/*!**************************************************!*\ + !*** ./src/OnboardingSPA/utils/api/ecommerce.js ***! + \**************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "fetchWPSettings": function() { return /* binding */ fetchWPSettings; }, +/* harmony export */ "isEmpty": function() { return /* binding */ isEmpty; }, +/* harmony export */ "updateWPSettings": function() { return /* binding */ updateWPSettings; } +/* harmony export */ }); +/* 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__); + +const isEmpty = object => Object.keys(object).length === 0; +async function fetchWPSettings() { + return _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_0___default()({ + path: '/wp/v2/settings' + }); +} +async function updateWPSettings(data) { + return _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_0___default()({ + path: '/wp/v2/settings', + method: 'POST', + data + }); +} + +/***/ }), + +/***/ "./src/OnboardingSPA/utils/api/flow.js": +/*!*********************************************!*\ + !*** ./src/OnboardingSPA/utils/api/flow.js ***! + \*********************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "getFlow": function() { return /* binding */ getFlow; }, +/* harmony export */ "setFlow": function() { return /* binding */ setFlow; } +/* harmony export */ }); +/* harmony import */ var _resolve__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./resolve */ "./src/OnboardingSPA/utils/api/resolve.js"); +/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../constants */ "./src/constants.js"); +/* harmony import */ var _common__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./common */ "./src/OnboardingSPA/utils/api/common.js"); +/* harmony import */ var _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/api-fetch */ "@wordpress/api-fetch"); +/* harmony import */ var _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_3__); + + + + +async function getFlow() { + return await (0,_resolve__WEBPACK_IMPORTED_MODULE_0__.resolve)(_wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_3___default()({ + url: (0,_common__WEBPACK_IMPORTED_MODULE_2__.onboardingRestURL)('flow') + }).then()); +} +async function setFlow(data) { + return await (0,_resolve__WEBPACK_IMPORTED_MODULE_0__.resolve)(_wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_3___default()({ + url: (0,_common__WEBPACK_IMPORTED_MODULE_2__.onboardingRestURL)('flow'), + method: 'POST', + data + }).then()); +} + +/***/ }), + +/***/ "./src/OnboardingSPA/utils/api/patterns.js": +/*!*************************************************!*\ + !*** ./src/OnboardingSPA/utils/api/patterns.js ***! + \*************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "getPatterns": function() { return /* binding */ getPatterns; } +/* harmony export */ }); +/* harmony import */ var _resolve__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./resolve */ "./src/OnboardingSPA/utils/api/resolve.js"); +/* harmony import */ var _common__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./common */ "./src/OnboardingSPA/utils/api/common.js"); +/* harmony import */ var _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/api-fetch */ "@wordpress/api-fetch"); +/* harmony import */ var _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_2__); + + + +async function getPatterns() { + let step = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false; + let squash = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false; + return await (0,_resolve__WEBPACK_IMPORTED_MODULE_0__.resolve)(_wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_2___default()({ + url: (0,_common__WEBPACK_IMPORTED_MODULE_1__.onboardingRestURL)(`patterns` + (step ? `&step=${step}&squash=${squash}` : '')) + }).then()); +} + +/***/ }), + +/***/ "./src/OnboardingSPA/utils/api/plugins.js": +/*!************************************************!*\ + !*** ./src/OnboardingSPA/utils/api/plugins.js ***! + \************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "getPluginStatus": function() { return /* binding */ getPluginStatus; }, +/* harmony export */ "init": function() { return /* binding */ init; } +/* harmony export */ }); +/* 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"); +/* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../index */ "./src/OnboardingSPA/utils/index.js"); +/* harmony import */ var _resolve__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./resolve */ "./src/OnboardingSPA/utils/api/resolve.js"); +/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../constants */ "./src/constants.js"); + + + + + +const init = () => { + // Backend should have done the initialization if this param is present. + if ((0,_index__WEBPACK_IMPORTED_MODULE_2__.getQueryParam)(_constants__WEBPACK_IMPORTED_MODULE_4__.NFD_PLUGINS_QUERY_PARAM)) { + return true; + } + + _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_0___default()({ + url: (0,_common__WEBPACK_IMPORTED_MODULE_1__.onboardingRestURL)('plugins/initialize'), + method: 'POST', + headers: { + 'X-NFD-ONBOARDING': window.nfdOnboarding.pluginInstallHash + } + }).catch(error => { + console.error(error); + }); +}; +const getPluginStatus = async plugin => { + return await (0,_resolve__WEBPACK_IMPORTED_MODULE_3__.resolve)(_wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_0___default()({ + url: (0,_common__WEBPACK_IMPORTED_MODULE_1__.onboardingRestURL)('plugins/status' + (plugin ? `&plugin=${plugin}` : '')) + })); +}; + +/***/ }), + +/***/ "./src/OnboardingSPA/utils/api/resolve.js": +/*!************************************************!*\ + !*** ./src/OnboardingSPA/utils/api/resolve.js ***! + \************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "resolve": function() { return /* binding */ resolve; } +/* harmony export */ }); +async function resolve(promise) { + const resolved = { + body: null, + error: null + }; + + try { + resolved.body = await promise; + } catch (e) { + resolved.error = e; + } + + return resolved; +} + +/***/ }), + +/***/ "./src/OnboardingSPA/utils/api/settings.js": +/*!*************************************************!*\ + !*** ./src/OnboardingSPA/utils/api/settings.js ***! + \*************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "getPreviewSettings": function() { return /* binding */ getPreviewSettings; }, +/* harmony export */ "getSettings": function() { return /* binding */ getSettings; }, +/* harmony export */ "initialize": function() { return /* binding */ initialize; }, +/* harmony export */ "setSettings": function() { return /* binding */ setSettings; } +/* harmony export */ }); +/* 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 _resolve_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./resolve.js */ "./src/OnboardingSPA/utils/api/resolve.js"); +/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../constants */ "./src/constants.js"); +/* harmony import */ var _common__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./common */ "./src/OnboardingSPA/utils/api/common.js"); + + + + +async function getSettings() { + return await (0,_resolve_js__WEBPACK_IMPORTED_MODULE_1__.resolve)(_wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_0___default()({ + url: (0,_common__WEBPACK_IMPORTED_MODULE_3__.onboardingRestURL)('settings') + }).then()); +} +async function setSettings(data) { + return await (0,_resolve_js__WEBPACK_IMPORTED_MODULE_1__.resolve)(_wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_0___default()({ + url: (0,_common__WEBPACK_IMPORTED_MODULE_3__.onboardingRestURL)('settings'), + method: 'POST', + data + }).then()); +} +const initialize = function () { + let retries = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0; + + if (retries >= _constants__WEBPACK_IMPORTED_MODULE_2__.MAX_RETRIES_SETTINGS_INIT) { + return false; + } + + return _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_0___default()({ + url: (0,_common__WEBPACK_IMPORTED_MODULE_3__.onboardingRestURL)('settings/initialize'), + method: 'POST' + }).catch(() => { + retries = retries + 1; + initialize(retries); + }); +}; +const getPreviewSettings = async () => { + return await (0,_resolve_js__WEBPACK_IMPORTED_MODULE_1__.resolve)(_wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_0___default()({ + url: (0,_common__WEBPACK_IMPORTED_MODULE_3__.onboardingRestURL)('settings/preview') + })); +}; + +/***/ }), + +/***/ "./src/OnboardingSPA/utils/api/themes.js": +/*!***********************************************!*\ + !*** ./src/OnboardingSPA/utils/api/themes.js ***! + \***********************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "getGlobalStyles": function() { return /* binding */ getGlobalStyles; }, +/* harmony export */ "getThemeStatus": function() { return /* binding */ getThemeStatus; }, +/* harmony export */ "init": function() { return /* binding */ init; } +/* harmony export */ }); +/* 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"); +/* harmony import */ var _resolve__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./resolve */ "./src/OnboardingSPA/utils/api/resolve.js"); +/* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../index */ "./src/OnboardingSPA/utils/index.js"); +/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../constants */ "./src/constants.js"); + + + + + + +const init = () => { + // Backend should have done the initialization if this param is present. + if ((0,_index__WEBPACK_IMPORTED_MODULE_3__.getQueryParam)(_constants__WEBPACK_IMPORTED_MODULE_4__.NFD_THEMES_QUERY_PARAM)) { + return true; + } + + _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_0___default()({ + url: (0,_common__WEBPACK_IMPORTED_MODULE_1__.onboardingRestURL)('themes/initialize'), + method: 'POST' + }).catch(error => { + console.error(error); + }); +}; + +const getGlobalStyles = async () => { + return await (0,_resolve__WEBPACK_IMPORTED_MODULE_2__.resolve)(_wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_0___default()({ + url: (0,_common__WEBPACK_IMPORTED_MODULE_1__.onboardingRestURL)('themes/variations') + }).then()); +}; + +const getThemeStatus = async theme => { + return await (0,_resolve__WEBPACK_IMPORTED_MODULE_2__.resolve)(_wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_0___default()({ + url: (0,_common__WEBPACK_IMPORTED_MODULE_1__.onboardingRestURL)('themes/status' + (theme ? `&theme=${theme}` : '')) + })); +}; + + + +/***/ }), + +/***/ "./src/OnboardingSPA/utils/global-styles/use-global-styles-output.js": +/*!***************************************************************************!*\ + !*** ./src/OnboardingSPA/utils/global-styles/use-global-styles-output.js ***! + \***************************************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "useGlobalStylesOutput": function() { return /* binding */ useGlobalStylesOutput; } +/* harmony export */ }); +/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ "lodash"); +/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__); +/* harmony import */ var _wordpress_blocks__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/blocks */ "@wordpress/blocks"); +/* harmony import */ var _wordpress_blocks__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_blocks__WEBPACK_IMPORTED_MODULE_1__); +/* harmony import */ var _wordpress_style_engine__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/style-engine */ "./node_modules/@wordpress/style-engine/build-module/index.js"); +/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./utils */ "./src/OnboardingSPA/utils/global-styles/utils.js"); +/** + * External dependencies + */ + +/** + * WordPress dependencies + */ + + + +/** + * Internal dependencies + */ + + + +function compileStyleValue(uncompiledValue) { + const VARIABLE_REFERENCE_PREFIX = 'var:'; + const VARIABLE_PATH_SEPARATOR_TOKEN_ATTRIBUTE = '|'; + const VARIABLE_PATH_SEPARATOR_TOKEN_STYLE = '--'; + + if ((0,lodash__WEBPACK_IMPORTED_MODULE_0__.startsWith)(uncompiledValue, VARIABLE_REFERENCE_PREFIX)) { + const variable = uncompiledValue.slice(VARIABLE_REFERENCE_PREFIX.length).split(VARIABLE_PATH_SEPARATOR_TOKEN_ATTRIBUTE).join(VARIABLE_PATH_SEPARATOR_TOKEN_STYLE); + return `var(--wp--${variable})`; + } + + return uncompiledValue; +} +/** + * Transform given preset tree into a set of style declarations. + * + * @param {Object} blockPresets + * + * @return {Array} An array of style declarations. + */ + + +function getPresetsDeclarations() { + let blockPresets = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; + return (0,lodash__WEBPACK_IMPORTED_MODULE_0__.reduce)(_utils__WEBPACK_IMPORTED_MODULE_2__.PRESET_METADATA, (declarations, _ref) => { + let { + path, + valueKey, + valueFunc, + cssVarInfix + } = _ref; + const presetByOrigin = (0,lodash__WEBPACK_IMPORTED_MODULE_0__.get)(blockPresets, path, []); + ['default', 'theme', 'custom'].forEach(origin => { + if (presetByOrigin[origin]) { + presetByOrigin[origin].forEach(value => { + if (valueKey) { + declarations.push(`--wp--preset--${cssVarInfix}--${(0,lodash__WEBPACK_IMPORTED_MODULE_0__.kebabCase)(value.slug)}: ${value[valueKey]}`); + } else if (valueFunc && typeof valueFunc === 'function') { + declarations.push(`--wp--preset--${cssVarInfix}--${(0,lodash__WEBPACK_IMPORTED_MODULE_0__.kebabCase)(value.slug)}: ${valueFunc(value)}`); + } + }); + } + }); + return declarations; + }, []); +} +/** + * Transform given preset tree into a set of preset class declarations. + * + * @param {string} blockSelector + * @param {Object} blockPresets + * @return {string} CSS declarations for the preset classes. + */ + + +function getPresetsClasses(blockSelector) { + let blockPresets = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; + return (0,lodash__WEBPACK_IMPORTED_MODULE_0__.reduce)(_utils__WEBPACK_IMPORTED_MODULE_2__.PRESET_METADATA, (declarations, _ref2) => { + let { + path, + cssVarInfix, + classes + } = _ref2; + + if (!classes) { + return declarations; + } + + const presetByOrigin = (0,lodash__WEBPACK_IMPORTED_MODULE_0__.get)(blockPresets, path, []); + ['default', 'theme', 'custom'].forEach(origin => { + if (presetByOrigin[origin]) { + presetByOrigin[origin].forEach(_ref3 => { + let { + slug + } = _ref3; + classes.forEach(_ref4 => { + let { + classSuffix, + propertyName + } = _ref4; + const classSelectorToUse = `.has-${(0,lodash__WEBPACK_IMPORTED_MODULE_0__.kebabCase)(slug)}-${classSuffix}`; + const selectorToUse = blockSelector.split(',') // Selector can be "h1, h2, h3" + .map(selector => `${selector}${classSelectorToUse}`).join(','); + const value = `var(--wp--preset--${cssVarInfix}--${(0,lodash__WEBPACK_IMPORTED_MODULE_0__.kebabCase)(slug)})`; + declarations += `${selectorToUse}{${propertyName}: ${value} !important;}`; + }); + }); + } + }); + return declarations; + }, ''); +} + +function flattenTree() { + let input = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; + let prefix = arguments.length > 1 ? arguments[1] : undefined; + let token = arguments.length > 2 ? arguments[2] : undefined; + let result = []; + Object.keys(input).forEach(key => { + const newKey = prefix + (0,lodash__WEBPACK_IMPORTED_MODULE_0__.kebabCase)(key.replace('/', '-')); + const newLeaf = input[key]; + + if (newLeaf instanceof Object) { + const newPrefix = newKey + token; + result = [...result, ...flattenTree(newLeaf, newPrefix, token)]; + } else { + result.push(`${newKey}: ${newLeaf}`); + } + }); + return result; +} +/** + * Transform given style tree into a set of style declarations. + * + * @param {Object} blockStyles Block styles. + * + * @return {Array} An array of style declarations. + */ + + +function getStylesDeclarations() { + let blockStyles = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; + const output = (0,lodash__WEBPACK_IMPORTED_MODULE_0__.reduce)(_wordpress_blocks__WEBPACK_IMPORTED_MODULE_1__.__EXPERIMENTAL_STYLE_PROPERTY, (declarations, _ref5, key) => { + let { + value, + properties, + useEngine + } = _ref5; + const pathToValue = value; + + if ((0,lodash__WEBPACK_IMPORTED_MODULE_0__.first)(pathToValue) === 'elements' || useEngine) { + return declarations; + } + + const styleValue = (0,lodash__WEBPACK_IMPORTED_MODULE_0__.get)(blockStyles, pathToValue); + + if (!!properties && !(0,lodash__WEBPACK_IMPORTED_MODULE_0__.isString)(styleValue)) { + Object.entries(properties).forEach(entry => { + const [name, prop] = entry; + + if (!(0,lodash__WEBPACK_IMPORTED_MODULE_0__.get)(styleValue, [prop], false)) { + // Do not create a declaration + // for sub-properties that don't have any value. + return; + } + + const cssProperty = (0,lodash__WEBPACK_IMPORTED_MODULE_0__.kebabCase)(name); + declarations.push(`${cssProperty}: ${compileStyleValue((0,lodash__WEBPACK_IMPORTED_MODULE_0__.get)(styleValue, [prop]))}`); + }); + } else if ((0,lodash__WEBPACK_IMPORTED_MODULE_0__.get)(blockStyles, pathToValue, false)) { + const cssProperty = key.startsWith('--') ? key : (0,lodash__WEBPACK_IMPORTED_MODULE_0__.kebabCase)(key); + declarations.push(`${cssProperty}: ${compileStyleValue((0,lodash__WEBPACK_IMPORTED_MODULE_0__.get)(blockStyles, pathToValue))}`); + } + + return declarations; + }, []); // The goal is to move everything to server side generated engine styles + // This is temporary as we absorb more and more styles into the engine. + + const extraRules = (0,_wordpress_style_engine__WEBPACK_IMPORTED_MODULE_3__.getCSSRules)(blockStyles); + extraRules.forEach(rule => { + const cssProperty = rule.key.startsWith('--') ? rule.key : (0,lodash__WEBPACK_IMPORTED_MODULE_0__.kebabCase)(rule.key); + output.push(`${cssProperty}: ${compileStyleValue(rule.value)}`); + }); + return output; +} + +const getNodesWithStyles = (tree, blockSelectors) => { + var _tree$styles, _tree$styles2; + + const nodes = []; + + if (!(tree !== null && tree !== void 0 && tree.styles)) { + return nodes; + } + + const pickStyleKeys = treeToPickFrom => (0,lodash__WEBPACK_IMPORTED_MODULE_0__.pickBy)(treeToPickFrom, (value, key) => ['border', 'color', 'spacing', 'typography', 'filter'].includes(key)); // Top-level. + + + const styles = pickStyleKeys(tree.styles); + + if (!!styles) { + nodes.push({ + styles, + selector: _utils__WEBPACK_IMPORTED_MODULE_2__.ROOT_BLOCK_SELECTOR + }); + } + + (0,lodash__WEBPACK_IMPORTED_MODULE_0__.forEach)((_tree$styles = tree.styles) === null || _tree$styles === void 0 ? void 0 : _tree$styles.elements, (value, key) => { + if (!!value && !!_wordpress_blocks__WEBPACK_IMPORTED_MODULE_1__.__EXPERIMENTAL_ELEMENTS[key]) { + nodes.push({ + styles: value, + selector: _wordpress_blocks__WEBPACK_IMPORTED_MODULE_1__.__EXPERIMENTAL_ELEMENTS[key] + }); + } + }); // Iterate over blocks: they can have styles & elements. + + (0,lodash__WEBPACK_IMPORTED_MODULE_0__.forEach)((_tree$styles2 = tree.styles) === null || _tree$styles2 === void 0 ? void 0 : _tree$styles2.blocks, (node, blockName) => { + var _blockSelectors$block; + + const blockStyles = pickStyleKeys(node); + + if (!!blockStyles && !!(blockSelectors !== null && blockSelectors !== void 0 && (_blockSelectors$block = blockSelectors[blockName]) !== null && _blockSelectors$block !== void 0 && _blockSelectors$block.selector)) { + nodes.push({ + styles: blockStyles, + selector: blockSelectors[blockName].selector, + duotoneSelector: blockSelectors[blockName].duotoneSelector + }); + } + + (0,lodash__WEBPACK_IMPORTED_MODULE_0__.forEach)(node === null || node === void 0 ? void 0 : node.elements, (value, elementName) => { + if (!!value && !!(blockSelectors !== null && blockSelectors !== void 0 && blockSelectors[blockName]) && !!(_wordpress_blocks__WEBPACK_IMPORTED_MODULE_1__.__EXPERIMENTAL_ELEMENTS !== null && _wordpress_blocks__WEBPACK_IMPORTED_MODULE_1__.__EXPERIMENTAL_ELEMENTS !== void 0 && _wordpress_blocks__WEBPACK_IMPORTED_MODULE_1__.__EXPERIMENTAL_ELEMENTS[elementName])) { + nodes.push({ + styles: value, + selector: blockSelectors[blockName].selector.split(',').map(sel => { + const elementSelectors = _wordpress_blocks__WEBPACK_IMPORTED_MODULE_1__.__EXPERIMENTAL_ELEMENTS[elementName].split(','); + return elementSelectors.map(elementSelector => sel + ' ' + elementSelector); + }).join(',') + }); + } + }); + }); + return nodes; +}; + +const getNodesWithSettings = (tree, blockSelectors) => { + var _tree$settings, _tree$settings2; + + const nodes = []; + + if (!(tree !== null && tree !== void 0 && tree.settings)) { + return nodes; + } + + const pickPresets = treeToPickFrom => { + const presets = {}; + _utils__WEBPACK_IMPORTED_MODULE_2__.PRESET_METADATA.forEach(_ref6 => { + let { + path + } = _ref6; + const value = (0,lodash__WEBPACK_IMPORTED_MODULE_0__.get)(treeToPickFrom, path, false); + + if (value !== false) { + (0,lodash__WEBPACK_IMPORTED_MODULE_0__.set)(presets, path, value); + } + }); + return presets; + }; // Top-level. + + + const presets = pickPresets(tree.settings); + const custom = (_tree$settings = tree.settings) === null || _tree$settings === void 0 ? void 0 : _tree$settings.custom; + + if (!(0,lodash__WEBPACK_IMPORTED_MODULE_0__.isEmpty)(presets) || !!custom) { + nodes.push({ + presets, + custom, + selector: _utils__WEBPACK_IMPORTED_MODULE_2__.ROOT_BLOCK_SELECTOR + }); + } // Blocks. + + + (0,lodash__WEBPACK_IMPORTED_MODULE_0__.forEach)((_tree$settings2 = tree.settings) === null || _tree$settings2 === void 0 ? void 0 : _tree$settings2.blocks, (node, blockName) => { + const blockPresets = pickPresets(node); + const blockCustom = node.custom; + + if (!(0,lodash__WEBPACK_IMPORTED_MODULE_0__.isEmpty)(blockPresets) || !!blockCustom) { + nodes.push({ + presets: blockPresets, + custom: blockCustom, + selector: blockSelectors[blockName].selector + }); + } + }); + return nodes; +}; + +const toCustomProperties = (tree, blockSelectors) => { + const settings = getNodesWithSettings(tree, blockSelectors); + let ruleset = ''; + settings.forEach(_ref7 => { + let { + presets, + custom, + selector + } = _ref7; + const declarations = getPresetsDeclarations(presets); + const customProps = flattenTree(custom, '--wp--custom--', '--'); + + if (customProps.length > 0) { + declarations.push(...customProps); + } + + if (declarations.length > 0) { + ruleset = ruleset + `${selector}{${declarations.join(';')};}`; + } + }); + return ruleset; +}; + +const toStyles = (tree, blockSelectors, hasBlockGapSupport) => { + const nodesWithStyles = getNodesWithStyles(tree, blockSelectors); + const nodesWithSettings = getNodesWithSettings(tree, blockSelectors); + /* + * Reset default browser margin on the root body element. + * This is set on the root selector **before** generating the ruleset + * from the `theme.json`. This is to ensure that if the `theme.json` declares + * `margin` in its `spacing` declaration for the `body` element then these + * user-generated values take precedence in the CSS cascade. + * @link https://github.com/WordPress/gutenberg/issues/36147. + */ + + let ruleset = 'body {margin: 0;}'; + nodesWithStyles.forEach(_ref8 => { + let { + selector, + duotoneSelector, + styles + } = _ref8; + const duotoneStyles = {}; + + if (styles !== null && styles !== void 0 && styles.filter) { + duotoneStyles.filter = styles.filter; + delete styles.filter; + } // Process duotone styles (they use color.__experimentalDuotone selector). + + + if (duotoneSelector) { + const duotoneDeclarations = getStylesDeclarations(duotoneStyles); + + if (duotoneDeclarations.length === 0) { + return; + } + + ruleset = ruleset + `${duotoneSelector}{${duotoneDeclarations.join(';')};}`; + } // Process the remaning block styles (they use either normal block class or __experimentalSelector). + + + const declarations = getStylesDeclarations(styles); + + if (declarations !== null && declarations !== void 0 && declarations.length) { + ruleset = ruleset + `${selector}{${declarations.join(';')};}`; + } // Check for pseudo selector in `styles` and handle separately. + + + const psuedoSelectorStyles = Object.entries(styles).filter(_ref9 => { + let [key] = _ref9; + return key.startsWith(':'); + }); + + if (psuedoSelectorStyles !== null && psuedoSelectorStyles !== void 0 && psuedoSelectorStyles.length) { + psuedoSelectorStyles.forEach(_ref10 => { + let [pseudoKey, pseudoRule] = _ref10; + const pseudoDeclarations = getStylesDeclarations(pseudoRule); + + if (!(pseudoDeclarations !== null && pseudoDeclarations !== void 0 && pseudoDeclarations.length)) { + return; + } // `selector` maybe provided in a form + // where block level selectors have sub element + // selectors appended to them as a comma seperated + // string. + // e.g. `h1 a,h2 a,h3 a,h4 a,h5 a,h6 a`; + // Split and append pseudo selector to create + // the proper rules to target the elements. + + + const _selector = selector.split(',').map(sel => sel + pseudoKey).join(','); + + const psuedoRule = `${_selector}{${pseudoDeclarations.join(';')};}`; + ruleset = ruleset + psuedoRule; + }); + } + }); + /* Add alignment / layout styles */ + + ruleset = ruleset + '.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }'; + ruleset = ruleset + '.wp-site-blocks > .alignright { float: right; margin-left: 2em; }'; + ruleset = ruleset + '.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }'; + + if (hasBlockGapSupport) { + ruleset = ruleset + '.wp-site-blocks > * { margin-block-start: 0; margin-block-end: 0; }'; + ruleset = ruleset + '.wp-site-blocks > * + * { margin-block-start: var( --wp--style--block-gap ); }'; + } + + nodesWithSettings.forEach(_ref11 => { + let { + selector, + presets + } = _ref11; + + if (_utils__WEBPACK_IMPORTED_MODULE_2__.ROOT_BLOCK_SELECTOR === selector) { + // Do not add extra specificity for top-level classes. + selector = ''; + } + + const classes = getPresetsClasses(selector, presets); + + if (!(0,lodash__WEBPACK_IMPORTED_MODULE_0__.isEmpty)(classes)) { + ruleset = ruleset + classes; + } + }); + return ruleset; +}; + +const getBlockSelectors = blockTypes => { + const result = {}; + blockTypes.forEach(blockType => { + var _blockType$supports$_, _blockType$supports, _blockType$supports$c, _blockType$supports2, _blockType$supports2$; + + const name = blockType.name; + const selector = (_blockType$supports$_ = blockType === null || blockType === void 0 ? void 0 : (_blockType$supports = blockType.supports) === null || _blockType$supports === void 0 ? void 0 : _blockType$supports.__experimentalSelector) !== null && _blockType$supports$_ !== void 0 ? _blockType$supports$_ : '.wp-block-' + name.replace('core/', '').replace('/', '-'); + const duotoneSelector = (_blockType$supports$c = blockType === null || blockType === void 0 ? void 0 : (_blockType$supports2 = blockType.supports) === null || _blockType$supports2 === void 0 ? void 0 : (_blockType$supports2$ = _blockType$supports2.color) === null || _blockType$supports2$ === void 0 ? void 0 : _blockType$supports2$.__experimentalDuotone) !== null && _blockType$supports$c !== void 0 ? _blockType$supports$c : null; + result[name] = { + name, + selector, + duotoneSelector + }; + }); + return result; +}; + +function useGlobalStylesOutput(previewSettings, storedPreviewSettings) { + const hasBlockGapSupport = false; + + if (!(previewSettings !== null && previewSettings !== void 0 && previewSettings.styles) && !(previewSettings !== null && previewSettings !== void 0 && previewSettings.settings) && !(previewSettings !== null && previewSettings !== void 0 && previewSettings.globalStyles)) { + return; + } + + const requiredSettings = { + settings: previewSettings.settings, + styles: previewSettings !== null && previewSettings !== void 0 && previewSettings.globalStyles ? previewSettings.globalStyles : previewSettings.styles + }; + const blockSelectors = getBlockSelectors((0,_wordpress_blocks__WEBPACK_IMPORTED_MODULE_1__.getBlockTypes)()); + const customProperties = toCustomProperties(requiredSettings, blockSelectors); + const globalStyles = toStyles(requiredSettings, blockSelectors, hasBlockGapSupport); + const stylesheets = [...storedPreviewSettings.settings.styles, { + css: customProperties, + isGlobalStyles: true + }, { + css: globalStyles, + isGlobalStyles: true + }]; + previewSettings.settings.styles = stylesheets; + previewSettings.settings.__unstableResolvedAssets = storedPreviewSettings.settings.__unstableResolvedAssets; + return previewSettings; +} + +/***/ }), + +/***/ "./src/OnboardingSPA/utils/global-styles/utils.js": +/*!********************************************************!*\ + !*** ./src/OnboardingSPA/utils/global-styles/utils.js ***! + \********************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "PRESET_METADATA": function() { return /* binding */ PRESET_METADATA; }, +/* harmony export */ "ROOT_BLOCK_SELECTOR": function() { return /* binding */ ROOT_BLOCK_SELECTOR; } +/* harmony export */ }); +/* Supporting data. */ +const ROOT_BLOCK_SELECTOR = 'body'; +const PRESET_METADATA = [{ + path: ['color', 'palette'], + valueKey: 'color', + cssVarInfix: 'color', + classes: [{ + classSuffix: 'color', + propertyName: 'color' + }, { + classSuffix: 'background-color', + propertyName: 'background-color' + }, { + classSuffix: 'border-color', + propertyName: 'border-color' + }] +}, { + path: ['color', 'gradients'], + valueKey: 'gradient', + cssVarInfix: 'gradient', + classes: [{ + classSuffix: 'gradient-background', + propertyName: 'background' + }] +}, { + path: ['color', 'duotone'], + cssVarInfix: 'duotone', + valueFunc: _ref => { + let { + slug + } = _ref; + return `url( '#wp-duotone-${slug}' )`; + }, + classes: [] +}, { + path: ['typography', 'fontSizes'], + valueKey: 'size', + cssVarInfix: 'font-size', + classes: [{ + classSuffix: 'font-size', + propertyName: 'font-size' + }] +}, { + path: ['typography', 'fontFamilies'], + valueKey: 'fontFamily', + cssVarInfix: 'font-family', + classes: [{ + classSuffix: 'font-family', + propertyName: 'font-family' + }] +}]; + +/***/ }), + +/***/ "./src/OnboardingSPA/utils/index.js": +/*!******************************************!*\ + !*** ./src/OnboardingSPA/utils/index.js ***! + \******************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "findStepIndex": function() { return /* binding */ findStepIndex; }, +/* harmony export */ "getQueryParam": function() { return /* binding */ getQueryParam; }, +/* harmony export */ "insertAfterStep": function() { return /* binding */ insertAfterStep; }, +/* harmony export */ "insertBeforeStep": function() { return /* binding */ insertBeforeStep; }, +/* harmony export */ "insertStepAtIndex": function() { return /* binding */ insertStepAtIndex; } +/* harmony export */ }); +/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ "lodash"); +/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__); + +const insertBeforeStep = (steps, path, newStep) => {}; +const insertAfterStep = (steps, path, newStep) => {}; +const insertStepAtIndex = (steps, index, newStep) => {}; +const findStepIndex = (steps, path) => { + const index = (0,lodash__WEBPACK_IMPORTED_MODULE_0__.findIndex)(steps, { + path + }); + return -1 !== index ? index : false; +}; +const getQueryParam = paramName => { + const urlParams = new URLSearchParams(location.search); + return urlParams.get(paramName); +}; + +/***/ }), + +/***/ "./src/OnboardingSPA/utils/locales/translations.js": +/*!*********************************************************!*\ + !*** ./src/OnboardingSPA/utils/locales/translations.js ***! + \*********************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "translations": function() { return /* binding */ translations; } +/* harmony export */ }); +/* harmony import */ var _data_translations__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../data/translations */ "./src/OnboardingSPA/data/translations/index.js"); + +/** + * Translation component according to the OnboardingFlow + * Pass any word and/or context which we want to swap and display on the UI + * + * @return translationMap word + */ + +const translations = function (word) { + var _window, _window$nfdOnboarding; + + let context = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'noun'; + const flow = ((_window = window) === null || _window === void 0 ? void 0 : (_window$nfdOnboarding = _window.nfdOnboarding) === null || _window$nfdOnboarding === void 0 ? void 0 : _window$nfdOnboarding.currentFlow) || 'wp-setup'; + const translated_word = _data_translations__WEBPACK_IMPORTED_MODULE_0__.translationMap[flow][word.toLowerCase()][context]; + return word == word.toUpperCase() ? translated_word.toUpperCase() : word[0] == word[0].toUpperCase() ? translated_word[0].toUpperCase() + translated_word.substring(1) : translated_word; +}; + +/***/ }), + +/***/ "./src/constants.js": +/*!**************************!*\ + !*** ./src/constants.js ***! + \**************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "DESIGN_STEPS_THEME": function() { return /* binding */ DESIGN_STEPS_THEME; }, +/* harmony export */ "DRAWER_NAV_VIEWS": function() { return /* binding */ DRAWER_NAV_VIEWS; }, +/* harmony export */ "DRAWER_VIEWS": function() { return /* binding */ DRAWER_VIEWS; }, +/* harmony export */ "ECOMMERCE_STEPS_PLUGIN": function() { return /* binding */ ECOMMERCE_STEPS_PLUGIN; }, +/* harmony export */ "MAX_RETRIES_SETTINGS_INIT": function() { return /* binding */ MAX_RETRIES_SETTINGS_INIT; }, +/* harmony export */ "NFD_ONBOARDING_ELEMENT_ID": function() { return /* binding */ NFD_ONBOARDING_ELEMENT_ID; }, +/* harmony export */ "NFD_ONBOARDING_EVENT_PREFIX": function() { return /* binding */ NFD_ONBOARDING_EVENT_PREFIX; }, +/* harmony export */ "NFD_PLUGINS_QUERY_PARAM": function() { return /* binding */ NFD_PLUGINS_QUERY_PARAM; }, +/* harmony export */ "NFD_THEMES_QUERY_PARAM": function() { return /* binding */ NFD_THEMES_QUERY_PARAM; }, +/* harmony export */ "PLUGIN_INSTALL_WAIT_TIMEOUT": function() { return /* binding */ PLUGIN_INSTALL_WAIT_TIMEOUT; }, +/* harmony export */ "PLUGIN_STATUS_ACTIVE": function() { return /* binding */ PLUGIN_STATUS_ACTIVE; }, +/* harmony export */ "PLUGIN_STATUS_INIT": function() { return /* binding */ PLUGIN_STATUS_INIT; }, +/* harmony export */ "PLUGIN_STATUS_INSTALLING": function() { return /* binding */ PLUGIN_STATUS_INSTALLING; }, +/* harmony export */ "PLUGIN_STATUS_NOT_ACTIVE": function() { return /* binding */ PLUGIN_STATUS_NOT_ACTIVE; }, +/* harmony export */ "SIDEBAR_LEARN_MORE": function() { return /* binding */ SIDEBAR_LEARN_MORE; }, +/* harmony export */ "SIDEBAR_MENU_SLOTFILL_PREFIX": function() { return /* binding */ SIDEBAR_MENU_SLOTFILL_PREFIX; }, +/* harmony export */ "SIDEBAR_SLOTFILL_PREFIX": function() { return /* binding */ SIDEBAR_SLOTFILL_PREFIX; }, +/* harmony export */ "THEME_INSTALL_WAIT_TIMEOUT": function() { return /* binding */ THEME_INSTALL_WAIT_TIMEOUT; }, +/* harmony export */ "THEME_STATUS_ACTIVE": function() { return /* binding */ THEME_STATUS_ACTIVE; }, +/* harmony export */ "THEME_STATUS_INIT": function() { return /* binding */ THEME_STATUS_INIT; }, +/* harmony export */ "THEME_STATUS_INSTALLING": function() { return /* binding */ THEME_STATUS_INSTALLING; }, +/* harmony export */ "THEME_STATUS_NOT_ACTIVE": function() { return /* binding */ THEME_STATUS_NOT_ACTIVE; }, +/* harmony export */ "VIEW_DESIGN_COLORS": function() { return /* binding */ VIEW_DESIGN_COLORS; }, +/* harmony export */ "VIEW_DESIGN_HEADER_MENU": function() { return /* binding */ VIEW_DESIGN_HEADER_MENU; }, +/* harmony export */ "VIEW_DESIGN_HOMEPAGE_MENU": function() { return /* binding */ VIEW_DESIGN_HOMEPAGE_MENU; }, +/* harmony export */ "VIEW_DESIGN_THEMES": function() { return /* binding */ VIEW_DESIGN_THEMES; }, +/* harmony export */ "VIEW_DESIGN_THEME_STYLES_MENU": function() { return /* binding */ VIEW_DESIGN_THEME_STYLES_MENU; }, +/* harmony export */ "VIEW_DESIGN_THEME_STYLES_PREVIEW": function() { return /* binding */ VIEW_DESIGN_THEME_STYLES_PREVIEW; }, +/* harmony export */ "VIEW_DESIGN_TYPOGRAPHY": function() { return /* binding */ VIEW_DESIGN_TYPOGRAPHY; }, +/* harmony export */ "VIEW_NAV_DESIGN": function() { return /* binding */ VIEW_NAV_DESIGN; }, +/* harmony export */ "VIEW_NAV_ECOMMERCE_STORE_INFO": function() { return /* binding */ VIEW_NAV_ECOMMERCE_STORE_INFO; }, +/* harmony export */ "VIEW_NAV_GET_STARTED": function() { return /* binding */ VIEW_NAV_GET_STARTED; }, +/* harmony export */ "VIEW_NAV_PAGE": function() { return /* binding */ VIEW_NAV_PAGE; }, +/* harmony export */ "VIEW_NAV_PRIMARY": function() { return /* binding */ VIEW_NAV_PRIMARY; }, +/* harmony export */ "bluehostDashboardPage": function() { return /* binding */ bluehostDashboardPage; }, +/* harmony export */ "onboardingRestBase": function() { return /* binding */ onboardingRestBase; }, +/* harmony export */ "onboardingRestRoute": function() { return /* binding */ onboardingRestRoute; }, +/* harmony export */ "runtimeDataExists": function() { return /* binding */ runtimeDataExists; }, +/* harmony export */ "wpAdminPage": function() { return /* binding */ wpAdminPage; }, +/* harmony export */ "wpAdminUrl": function() { return /* binding */ wpAdminUrl; }, +/* harmony export */ "wpRestBase": function() { return /* binding */ wpRestBase; }, +/* harmony export */ "wpSiteUrl": function() { return /* binding */ wpSiteUrl; } +/* harmony export */ }); +var _window; + +const NFD_ONBOARDING_ELEMENT_ID = 'nfd-onboarding'; +const runtimeDataExists = 'object' === typeof ((_window = window) === null || _window === void 0 ? void 0 : _window.nfdOnboarding) && 'buildUrl' in window.nfdOnboarding; +const wpAdminUrl = window.nfdOnboarding.adminUrl; +const wpSiteUrl = window.nfdOnboarding.siteUrl; +const wpRestBase = window.nfdOnboarding.restUrl; +const onboardingRestRoute = 'newfold-onboarding/v1'; +const onboardingRestBase = `${wpRestBase}/${onboardingRestRoute}`; +const wpAdminPage = `${wpAdminUrl}index.php`; +const bluehostDashboardPage = `${wpAdminPage}?page=bluehost`; +const NFD_ONBOARDING_EVENT_PREFIX = 'nfd-module-onboarding-event'; +const VIEW_NAV_PRIMARY = 'nav-primary'; +const VIEW_NAV_DESIGN = 'nav-design'; +const VIEW_NAV_PAGE = 'nav-page'; +const VIEW_DESIGN_THEMES = 'design-themes'; +const VIEW_DESIGN_THEME_STYLES_MENU = 'design-theme-styles-menu'; +const VIEW_DESIGN_THEME_STYLES_PREVIEW = 'design-theme-styles-preview'; +const VIEW_DESIGN_COLORS = 'design-colors'; +const VIEW_DESIGN_TYPOGRAPHY = 'design-typography'; +const VIEW_DESIGN_HEADER_MENU = 'design-header-menu'; +const VIEW_DESIGN_HOMEPAGE_MENU = 'design-homepage-menu'; +const VIEW_NAV_GET_STARTED = 'nav-get-started'; +const VIEW_NAV_ECOMMERCE_STORE_INFO = 'nav-ecommerce-store-info'; +const SIDEBAR_SLOTFILL_PREFIX = 'Sidebar'; +const SIDEBAR_MENU_SLOTFILL_PREFIX = 'HeaderMenu'; +const SIDEBAR_LEARN_MORE = 'LearnMore'; +const MAX_RETRIES_SETTINGS_INIT = 2; +const NFD_PLUGINS_QUERY_PARAM = 'nfd_plugins'; +const NFD_THEMES_QUERY_PARAM = 'nfd_themes'; // [TODO] Read the theme from flow data once we have the themes step. + +const DESIGN_STEPS_THEME = 'nfd_slug_yith_wonder'; +const THEME_STATUS_INIT = 'init'; +const THEME_STATUS_NOT_ACTIVE = 'inactive'; +const THEME_STATUS_INSTALLING = 'installing'; +const THEME_STATUS_ACTIVE = 'activated'; +const THEME_INSTALL_WAIT_TIMEOUT = 30000; +const ECOMMERCE_STEPS_PLUGIN = 'woocommerce'; +const PLUGIN_STATUS_INIT = 'init'; +const PLUGIN_STATUS_NOT_ACTIVE = 'inactive'; +const PLUGIN_STATUS_INSTALLING = 'installing'; +const PLUGIN_STATUS_ACTIVE = 'activated'; +const PLUGIN_INSTALL_WAIT_TIMEOUT = 30000; +/** + * All views for the component. + */ + +const DRAWER_VIEWS = [VIEW_NAV_PRIMARY, VIEW_NAV_DESIGN, VIEW_NAV_GET_STARTED, VIEW_NAV_PAGE, VIEW_NAV_ECOMMERCE_STORE_INFO, VIEW_DESIGN_THEMES, VIEW_DESIGN_THEME_STYLES_MENU, VIEW_DESIGN_THEME_STYLES_PREVIEW, VIEW_DESIGN_COLORS, VIEW_DESIGN_TYPOGRAPHY, VIEW_DESIGN_HEADER_MENU]; +/** + * All Navigation views for the component. + */ + +const DRAWER_NAV_VIEWS = [VIEW_NAV_PRIMARY, VIEW_NAV_DESIGN, VIEW_NAV_GET_STARTED, VIEW_NAV_PAGE, VIEW_NAV_ECOMMERCE_STORE_INFO]; + +/***/ }), + +/***/ "./src/webpack-public-path.js": +/*!************************************!*\ + !*** ./src/webpack-public-path.js ***! + \************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./constants */ "./src/constants.js"); +/** + * Set webpack's public path (default is root directory of URI resource) to Plugin's build directory. + * This helps lazy-loading work correctly. This value is set in `/includes/Data.php` in Data::runtime(). + */ + + +const webpackPublicPath = () => { + if (_constants__WEBPACK_IMPORTED_MODULE_0__.runtimeDataExists) { + __webpack_require__.p = window.nfdOnboarding.buildUrl; + } +}; + +/* harmony default export */ __webpack_exports__["default"] = (webpackPublicPath); + +/***/ }), + +/***/ "./node_modules/classnames/index.js": +/*!******************************************!*\ + !*** ./node_modules/classnames/index.js ***! + \******************************************/ +/***/ (function(module, exports) { + +var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*! + Copyright (c) 2018 Jed Watson. + Licensed under the MIT License (MIT), see + http://jedwatson.github.io/classnames +*/ +/* global define */ + +(function () { + 'use strict'; + + var hasOwn = {}.hasOwnProperty; + + function classNames() { + var classes = []; + + for (var i = 0; i < arguments.length; i++) { + var arg = arguments[i]; + if (!arg) continue; + + var argType = typeof arg; + + if (argType === 'string' || argType === 'number') { + classes.push(arg); + } else if (Array.isArray(arg)) { + if (arg.length) { + var inner = classNames.apply(null, arg); + if (inner) { + classes.push(inner); + } + } + } else if (argType === 'object') { + if (arg.toString === Object.prototype.toString) { + for (var key in arg) { + if (hasOwn.call(arg, key) && arg[key]) { + classes.push(key); + } + } + } else { + classes.push(arg.toString()); + } + } + } + + return classes.join(' '); + } + + if ( true && module.exports) { + classNames.default = classNames; + module.exports = classNames; + } else if (true) { + // register as 'classnames', consistent with npm package name + !(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_RESULT__ = (function () { + return classNames; + }).apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__), + __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__)); + } else {} +}()); + + +/***/ }), + +/***/ "./node_modules/history/index.js": +/*!***************************************!*\ + !*** ./node_modules/history/index.js ***! + \***************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "Action": function() { return /* binding */ Action; }, +/* harmony export */ "createBrowserHistory": function() { return /* binding */ createBrowserHistory; }, +/* harmony export */ "createHashHistory": function() { return /* binding */ createHashHistory; }, +/* harmony export */ "createMemoryHistory": function() { return /* binding */ createMemoryHistory; }, +/* harmony export */ "createPath": function() { return /* binding */ createPath; }, +/* harmony export */ "parsePath": function() { return /* binding */ parsePath; } +/* harmony export */ }); +/* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); + + +/** + * Actions represent the type of change to a location value. + * + * @see https://github.com/remix-run/history/tree/main/docs/api-reference.md#action + */ +var Action; + +(function (Action) { + /** + * A POP indicates a change to an arbitrary index in the history stack, such + * as a back or forward navigation. It does not describe the direction of the + * navigation, only that the current index changed. + * + * Note: This is the default action for newly created history objects. + */ + Action["Pop"] = "POP"; + /** + * A PUSH indicates a new entry being added to the history stack, such as when + * a link is clicked and a new page loads. When this happens, all subsequent + * entries in the stack are lost. + */ + + Action["Push"] = "PUSH"; + /** + * A REPLACE indicates the entry at the current index in the history stack + * being replaced by a new one. + */ + + Action["Replace"] = "REPLACE"; +})(Action || (Action = {})); + +var readOnly = true ? function (obj) { + return Object.freeze(obj); +} : 0; + +function warning(cond, message) { + if (!cond) { + // eslint-disable-next-line no-console + if (typeof console !== 'undefined') console.warn(message); + + try { + // Welcome to debugging history! + // + // This error is thrown as a convenience so you can more easily + // find the source for a warning that appears in the console by + // enabling "pause on exceptions" in your JavaScript debugger. + throw new Error(message); // eslint-disable-next-line no-empty + } catch (e) {} + } +} + +var BeforeUnloadEventType = 'beforeunload'; +var HashChangeEventType = 'hashchange'; +var PopStateEventType = 'popstate'; +/** + * Browser history stores the location in regular URLs. This is the standard for + * most web apps, but it requires some configuration on the server to ensure you + * serve the same app at multiple URLs. + * + * @see https://github.com/remix-run/history/tree/main/docs/api-reference.md#createbrowserhistory + */ + +function createBrowserHistory(options) { + if (options === void 0) { + options = {}; + } + + var _options = options, + _options$window = _options.window, + window = _options$window === void 0 ? document.defaultView : _options$window; + var globalHistory = window.history; + + function getIndexAndLocation() { + var _window$location = window.location, + pathname = _window$location.pathname, + search = _window$location.search, + hash = _window$location.hash; + var state = globalHistory.state || {}; + return [state.idx, readOnly({ + pathname: pathname, + search: search, + hash: hash, + state: state.usr || null, + key: state.key || 'default' + })]; + } + + var blockedPopTx = null; + + function handlePop() { + if (blockedPopTx) { + blockers.call(blockedPopTx); + blockedPopTx = null; + } else { + var nextAction = Action.Pop; + + var _getIndexAndLocation = getIndexAndLocation(), + nextIndex = _getIndexAndLocation[0], + nextLocation = _getIndexAndLocation[1]; + + if (blockers.length) { + if (nextIndex != null) { + var delta = index - nextIndex; + + if (delta) { + // Revert the POP + blockedPopTx = { + action: nextAction, + location: nextLocation, + retry: function retry() { + go(delta * -1); + } + }; + go(delta); + } + } else { + // Trying to POP to a location with no index. We did not create + // this location, so we can't effectively block the navigation. + true ? warning(false, // TODO: Write up a doc that explains our blocking strategy in + // detail and link to it here so people can understand better what + // is going on and how to avoid it. + "You are trying to block a POP navigation to a location that was not " + "created by the history library. The block will fail silently in " + "production, but in general you should do all navigation with the " + "history library (instead of using window.history.pushState directly) " + "to avoid this situation.") : 0; + } + } else { + applyTx(nextAction); + } + } + } + + window.addEventListener(PopStateEventType, handlePop); + var action = Action.Pop; + + var _getIndexAndLocation2 = getIndexAndLocation(), + index = _getIndexAndLocation2[0], + location = _getIndexAndLocation2[1]; + + var listeners = createEvents(); + var blockers = createEvents(); + + if (index == null) { + index = 0; + globalHistory.replaceState((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, globalHistory.state, { + idx: index + }), ''); + } + + function createHref(to) { + return typeof to === 'string' ? to : createPath(to); + } // state defaults to `null` because `window.history.state` does + + + function getNextLocation(to, state) { + if (state === void 0) { + state = null; + } + + return readOnly((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ + pathname: location.pathname, + hash: '', + search: '' + }, typeof to === 'string' ? parsePath(to) : to, { + state: state, + key: createKey() + })); + } + + function getHistoryStateAndUrl(nextLocation, index) { + return [{ + usr: nextLocation.state, + key: nextLocation.key, + idx: index + }, createHref(nextLocation)]; + } + + function allowTx(action, location, retry) { + return !blockers.length || (blockers.call({ + action: action, + location: location, + retry: retry + }), false); + } + + function applyTx(nextAction) { + action = nextAction; + + var _getIndexAndLocation3 = getIndexAndLocation(); + + index = _getIndexAndLocation3[0]; + location = _getIndexAndLocation3[1]; + listeners.call({ + action: action, + location: location + }); + } + + function push(to, state) { + var nextAction = Action.Push; + var nextLocation = getNextLocation(to, state); + + function retry() { + push(to, state); + } + + if (allowTx(nextAction, nextLocation, retry)) { + var _getHistoryStateAndUr = getHistoryStateAndUrl(nextLocation, index + 1), + historyState = _getHistoryStateAndUr[0], + url = _getHistoryStateAndUr[1]; // TODO: Support forced reloading + // try...catch because iOS limits us to 100 pushState calls :/ + + + try { + globalHistory.pushState(historyState, '', url); + } catch (error) { + // They are going to lose state here, but there is no real + // way to warn them about it since the page will refresh... + window.location.assign(url); + } + + applyTx(nextAction); + } + } + + function replace(to, state) { + var nextAction = Action.Replace; + var nextLocation = getNextLocation(to, state); + + function retry() { + replace(to, state); + } + + if (allowTx(nextAction, nextLocation, retry)) { + var _getHistoryStateAndUr2 = getHistoryStateAndUrl(nextLocation, index), + historyState = _getHistoryStateAndUr2[0], + url = _getHistoryStateAndUr2[1]; // TODO: Support forced reloading + + + globalHistory.replaceState(historyState, '', url); + applyTx(nextAction); + } + } + + function go(delta) { + globalHistory.go(delta); + } + + var history = { + get action() { + return action; + }, + + get location() { + return location; + }, + + createHref: createHref, + push: push, + replace: replace, + go: go, + back: function back() { + go(-1); + }, + forward: function forward() { + go(1); + }, + listen: function listen(listener) { + return listeners.push(listener); + }, + block: function block(blocker) { + var unblock = blockers.push(blocker); + + if (blockers.length === 1) { + window.addEventListener(BeforeUnloadEventType, promptBeforeUnload); + } + + return function () { + unblock(); // Remove the beforeunload listener so the document may + // still be salvageable in the pagehide event. + // See https://html.spec.whatwg.org/#unloading-documents + + if (!blockers.length) { + window.removeEventListener(BeforeUnloadEventType, promptBeforeUnload); + } + }; + } + }; + return history; +} +/** + * Hash history stores the location in window.location.hash. This makes it ideal + * for situations where you don't want to send the location to the server for + * some reason, either because you do cannot configure it or the URL space is + * reserved for something else. + * + * @see https://github.com/remix-run/history/tree/main/docs/api-reference.md#createhashhistory + */ + +function createHashHistory(options) { + if (options === void 0) { + options = {}; + } + + var _options2 = options, + _options2$window = _options2.window, + window = _options2$window === void 0 ? document.defaultView : _options2$window; + var globalHistory = window.history; + + function getIndexAndLocation() { + var _parsePath = parsePath(window.location.hash.substr(1)), + _parsePath$pathname = _parsePath.pathname, + pathname = _parsePath$pathname === void 0 ? '/' : _parsePath$pathname, + _parsePath$search = _parsePath.search, + search = _parsePath$search === void 0 ? '' : _parsePath$search, + _parsePath$hash = _parsePath.hash, + hash = _parsePath$hash === void 0 ? '' : _parsePath$hash; + + var state = globalHistory.state || {}; + return [state.idx, readOnly({ + pathname: pathname, + search: search, + hash: hash, + state: state.usr || null, + key: state.key || 'default' + })]; + } + + var blockedPopTx = null; + + function handlePop() { + if (blockedPopTx) { + blockers.call(blockedPopTx); + blockedPopTx = null; + } else { + var nextAction = Action.Pop; + + var _getIndexAndLocation4 = getIndexAndLocation(), + nextIndex = _getIndexAndLocation4[0], + nextLocation = _getIndexAndLocation4[1]; + + if (blockers.length) { + if (nextIndex != null) { + var delta = index - nextIndex; + + if (delta) { + // Revert the POP + blockedPopTx = { + action: nextAction, + location: nextLocation, + retry: function retry() { + go(delta * -1); + } + }; + go(delta); + } + } else { + // Trying to POP to a location with no index. We did not create + // this location, so we can't effectively block the navigation. + true ? warning(false, // TODO: Write up a doc that explains our blocking strategy in + // detail and link to it here so people can understand better + // what is going on and how to avoid it. + "You are trying to block a POP navigation to a location that was not " + "created by the history library. The block will fail silently in " + "production, but in general you should do all navigation with the " + "history library (instead of using window.history.pushState directly) " + "to avoid this situation.") : 0; + } + } else { + applyTx(nextAction); + } + } + } + + window.addEventListener(PopStateEventType, handlePop); // popstate does not fire on hashchange in IE 11 and old (trident) Edge + // https://developer.mozilla.org/de/docs/Web/API/Window/popstate_event + + window.addEventListener(HashChangeEventType, function () { + var _getIndexAndLocation5 = getIndexAndLocation(), + nextLocation = _getIndexAndLocation5[1]; // Ignore extraneous hashchange events. + + + if (createPath(nextLocation) !== createPath(location)) { + handlePop(); + } + }); + var action = Action.Pop; + + var _getIndexAndLocation6 = getIndexAndLocation(), + index = _getIndexAndLocation6[0], + location = _getIndexAndLocation6[1]; + + var listeners = createEvents(); + var blockers = createEvents(); + + if (index == null) { + index = 0; + globalHistory.replaceState((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, globalHistory.state, { + idx: index + }), ''); + } + + function getBaseHref() { + var base = document.querySelector('base'); + var href = ''; + + if (base && base.getAttribute('href')) { + var url = window.location.href; + var hashIndex = url.indexOf('#'); + href = hashIndex === -1 ? url : url.slice(0, hashIndex); + } + + return href; + } + + function createHref(to) { + return getBaseHref() + '#' + (typeof to === 'string' ? to : createPath(to)); + } + + function getNextLocation(to, state) { + if (state === void 0) { + state = null; + } + + return readOnly((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ + pathname: location.pathname, + hash: '', + search: '' + }, typeof to === 'string' ? parsePath(to) : to, { + state: state, + key: createKey() + })); + } + + function getHistoryStateAndUrl(nextLocation, index) { + return [{ + usr: nextLocation.state, + key: nextLocation.key, + idx: index + }, createHref(nextLocation)]; + } + + function allowTx(action, location, retry) { + return !blockers.length || (blockers.call({ + action: action, + location: location, + retry: retry + }), false); + } + + function applyTx(nextAction) { + action = nextAction; + + var _getIndexAndLocation7 = getIndexAndLocation(); + + index = _getIndexAndLocation7[0]; + location = _getIndexAndLocation7[1]; + listeners.call({ + action: action, + location: location + }); + } + + function push(to, state) { + var nextAction = Action.Push; + var nextLocation = getNextLocation(to, state); + + function retry() { + push(to, state); + } + + true ? warning(nextLocation.pathname.charAt(0) === '/', "Relative pathnames are not supported in hash history.push(" + JSON.stringify(to) + ")") : 0; + + if (allowTx(nextAction, nextLocation, retry)) { + var _getHistoryStateAndUr3 = getHistoryStateAndUrl(nextLocation, index + 1), + historyState = _getHistoryStateAndUr3[0], + url = _getHistoryStateAndUr3[1]; // TODO: Support forced reloading + // try...catch because iOS limits us to 100 pushState calls :/ + + + try { + globalHistory.pushState(historyState, '', url); + } catch (error) { + // They are going to lose state here, but there is no real + // way to warn them about it since the page will refresh... + window.location.assign(url); + } + + applyTx(nextAction); + } + } + + function replace(to, state) { + var nextAction = Action.Replace; + var nextLocation = getNextLocation(to, state); + + function retry() { + replace(to, state); + } + + true ? warning(nextLocation.pathname.charAt(0) === '/', "Relative pathnames are not supported in hash history.replace(" + JSON.stringify(to) + ")") : 0; + + if (allowTx(nextAction, nextLocation, retry)) { + var _getHistoryStateAndUr4 = getHistoryStateAndUrl(nextLocation, index), + historyState = _getHistoryStateAndUr4[0], + url = _getHistoryStateAndUr4[1]; // TODO: Support forced reloading + + + globalHistory.replaceState(historyState, '', url); + applyTx(nextAction); + } + } + + function go(delta) { + globalHistory.go(delta); + } + + var history = { + get action() { + return action; + }, + + get location() { + return location; + }, + + createHref: createHref, + push: push, + replace: replace, + go: go, + back: function back() { + go(-1); + }, + forward: function forward() { + go(1); + }, + listen: function listen(listener) { + return listeners.push(listener); + }, + block: function block(blocker) { + var unblock = blockers.push(blocker); + + if (blockers.length === 1) { + window.addEventListener(BeforeUnloadEventType, promptBeforeUnload); + } + + return function () { + unblock(); // Remove the beforeunload listener so the document may + // still be salvageable in the pagehide event. + // See https://html.spec.whatwg.org/#unloading-documents + + if (!blockers.length) { + window.removeEventListener(BeforeUnloadEventType, promptBeforeUnload); + } + }; + } + }; + return history; +} +/** + * Memory history stores the current location in memory. It is designed for use + * in stateful non-browser environments like tests and React Native. + * + * @see https://github.com/remix-run/history/tree/main/docs/api-reference.md#creatememoryhistory + */ + +function createMemoryHistory(options) { + if (options === void 0) { + options = {}; + } + + var _options3 = options, + _options3$initialEntr = _options3.initialEntries, + initialEntries = _options3$initialEntr === void 0 ? ['/'] : _options3$initialEntr, + initialIndex = _options3.initialIndex; + var entries = initialEntries.map(function (entry) { + var location = readOnly((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ + pathname: '/', + search: '', + hash: '', + state: null, + key: createKey() + }, typeof entry === 'string' ? parsePath(entry) : entry)); + true ? warning(location.pathname.charAt(0) === '/', "Relative pathnames are not supported in createMemoryHistory({ initialEntries }) (invalid entry: " + JSON.stringify(entry) + ")") : 0; + return location; + }); + var index = clamp(initialIndex == null ? entries.length - 1 : initialIndex, 0, entries.length - 1); + var action = Action.Pop; + var location = entries[index]; + var listeners = createEvents(); + var blockers = createEvents(); + + function createHref(to) { + return typeof to === 'string' ? to : createPath(to); + } + + function getNextLocation(to, state) { + if (state === void 0) { + state = null; + } + + return readOnly((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ + pathname: location.pathname, + search: '', + hash: '' + }, typeof to === 'string' ? parsePath(to) : to, { + state: state, + key: createKey() + })); + } + + function allowTx(action, location, retry) { + return !blockers.length || (blockers.call({ + action: action, + location: location, + retry: retry + }), false); + } + + function applyTx(nextAction, nextLocation) { + action = nextAction; + location = nextLocation; + listeners.call({ + action: action, + location: location + }); + } + + function push(to, state) { + var nextAction = Action.Push; + var nextLocation = getNextLocation(to, state); + + function retry() { + push(to, state); + } + + true ? warning(location.pathname.charAt(0) === '/', "Relative pathnames are not supported in memory history.push(" + JSON.stringify(to) + ")") : 0; + + if (allowTx(nextAction, nextLocation, retry)) { + index += 1; + entries.splice(index, entries.length, nextLocation); + applyTx(nextAction, nextLocation); + } + } + + function replace(to, state) { + var nextAction = Action.Replace; + var nextLocation = getNextLocation(to, state); + + function retry() { + replace(to, state); + } + + true ? warning(location.pathname.charAt(0) === '/', "Relative pathnames are not supported in memory history.replace(" + JSON.stringify(to) + ")") : 0; + + if (allowTx(nextAction, nextLocation, retry)) { + entries[index] = nextLocation; + applyTx(nextAction, nextLocation); + } + } + + function go(delta) { + var nextIndex = clamp(index + delta, 0, entries.length - 1); + var nextAction = Action.Pop; + var nextLocation = entries[nextIndex]; + + function retry() { + go(delta); + } + + if (allowTx(nextAction, nextLocation, retry)) { + index = nextIndex; + applyTx(nextAction, nextLocation); + } + } + + var history = { + get index() { + return index; + }, + + get action() { + return action; + }, + + get location() { + return location; + }, + + createHref: createHref, + push: push, + replace: replace, + go: go, + back: function back() { + go(-1); + }, + forward: function forward() { + go(1); + }, + listen: function listen(listener) { + return listeners.push(listener); + }, + block: function block(blocker) { + return blockers.push(blocker); + } + }; + return history; +} //////////////////////////////////////////////////////////////////////////////// +// UTILS +//////////////////////////////////////////////////////////////////////////////// + +function clamp(n, lowerBound, upperBound) { + return Math.min(Math.max(n, lowerBound), upperBound); +} + +function promptBeforeUnload(event) { + // Cancel the event. + event.preventDefault(); // Chrome (and legacy IE) requires returnValue to be set. + + event.returnValue = ''; +} + +function createEvents() { + var handlers = []; + return { + get length() { + return handlers.length; + }, + + push: function push(fn) { + handlers.push(fn); + return function () { + handlers = handlers.filter(function (handler) { + return handler !== fn; + }); + }; + }, + call: function call(arg) { + handlers.forEach(function (fn) { + return fn && fn(arg); + }); + } + }; +} + +function createKey() { + return Math.random().toString(36).substr(2, 8); +} +/** + * Creates a string URL path from the given pathname, search, and hash components. + * + * @see https://github.com/remix-run/history/tree/main/docs/api-reference.md#createpath + */ + + +function createPath(_ref) { + var _ref$pathname = _ref.pathname, + pathname = _ref$pathname === void 0 ? '/' : _ref$pathname, + _ref$search = _ref.search, + search = _ref$search === void 0 ? '' : _ref$search, + _ref$hash = _ref.hash, + hash = _ref$hash === void 0 ? '' : _ref$hash; + if (search && search !== '?') pathname += search.charAt(0) === '?' ? search : '?' + search; + if (hash && hash !== '#') pathname += hash.charAt(0) === '#' ? hash : '#' + hash; + return pathname; +} +/** + * Parses a string URL path into its separate pathname, search, and hash components. + * + * @see https://github.com/remix-run/history/tree/main/docs/api-reference.md#parsepath + */ + +function parsePath(path) { + var parsedPath = {}; + + if (path) { + var hashIndex = path.indexOf('#'); + + if (hashIndex >= 0) { + parsedPath.hash = path.substr(hashIndex); + path = path.substr(0, hashIndex); + } + + var searchIndex = path.indexOf('?'); + + if (searchIndex >= 0) { + parsedPath.search = path.substr(searchIndex); + path = path.substr(0, searchIndex); + } + + if (path) { + parsedPath.pathname = path; + } + } + + return parsedPath; +} + + +//# sourceMappingURL=index.js.map + + +/***/ }), + +/***/ "./src/OnboardingSPA/styles/app.scss": +/*!*******************************************!*\ + !*** ./src/OnboardingSPA/styles/app.scss ***! + \*******************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +// extracted by mini-css-extract-plugin + + +/***/ }), + +/***/ "./node_modules/react-router-dom/index.js": +/*!************************************************!*\ + !*** ./node_modules/react-router-dom/index.js ***! + \************************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "BrowserRouter": function() { return /* binding */ BrowserRouter; }, +/* harmony export */ "HashRouter": function() { return /* binding */ HashRouter; }, +/* harmony export */ "Link": function() { return /* binding */ Link; }, +/* harmony export */ "MemoryRouter": function() { return /* reexport safe */ react_router__WEBPACK_IMPORTED_MODULE_1__.MemoryRouter; }, +/* harmony export */ "NavLink": function() { return /* binding */ NavLink; }, +/* harmony export */ "Navigate": function() { return /* reexport safe */ react_router__WEBPACK_IMPORTED_MODULE_1__.Navigate; }, +/* harmony export */ "NavigationType": function() { return /* reexport safe */ react_router__WEBPACK_IMPORTED_MODULE_2__.Action; }, +/* harmony export */ "Outlet": function() { return /* reexport safe */ react_router__WEBPACK_IMPORTED_MODULE_1__.Outlet; }, +/* harmony export */ "Route": function() { return /* reexport safe */ react_router__WEBPACK_IMPORTED_MODULE_1__.Route; }, +/* harmony export */ "Router": function() { return /* reexport safe */ react_router__WEBPACK_IMPORTED_MODULE_1__.Router; }, +/* harmony export */ "Routes": function() { return /* reexport safe */ react_router__WEBPACK_IMPORTED_MODULE_1__.Routes; }, +/* harmony export */ "UNSAFE_LocationContext": function() { return /* reexport safe */ react_router__WEBPACK_IMPORTED_MODULE_1__.UNSAFE_LocationContext; }, +/* harmony export */ "UNSAFE_NavigationContext": function() { return /* reexport safe */ react_router__WEBPACK_IMPORTED_MODULE_1__.UNSAFE_NavigationContext; }, +/* harmony export */ "UNSAFE_RouteContext": function() { return /* reexport safe */ react_router__WEBPACK_IMPORTED_MODULE_1__.UNSAFE_RouteContext; }, +/* harmony export */ "createPath": function() { return /* reexport safe */ react_router__WEBPACK_IMPORTED_MODULE_2__.createPath; }, +/* harmony export */ "createRoutesFromChildren": function() { return /* reexport safe */ react_router__WEBPACK_IMPORTED_MODULE_1__.createRoutesFromChildren; }, +/* harmony export */ "createSearchParams": function() { return /* binding */ createSearchParams; }, +/* harmony export */ "generatePath": function() { return /* reexport safe */ react_router__WEBPACK_IMPORTED_MODULE_1__.generatePath; }, +/* harmony export */ "matchPath": function() { return /* reexport safe */ react_router__WEBPACK_IMPORTED_MODULE_1__.matchPath; }, +/* harmony export */ "matchRoutes": function() { return /* reexport safe */ react_router__WEBPACK_IMPORTED_MODULE_1__.matchRoutes; }, +/* harmony export */ "parsePath": function() { return /* reexport safe */ react_router__WEBPACK_IMPORTED_MODULE_2__.parsePath; }, +/* harmony export */ "renderMatches": function() { return /* reexport safe */ react_router__WEBPACK_IMPORTED_MODULE_1__.renderMatches; }, +/* harmony export */ "resolvePath": function() { return /* reexport safe */ react_router__WEBPACK_IMPORTED_MODULE_1__.resolvePath; }, +/* harmony export */ "unstable_HistoryRouter": function() { return /* binding */ HistoryRouter; }, +/* harmony export */ "useHref": function() { return /* reexport safe */ react_router__WEBPACK_IMPORTED_MODULE_1__.useHref; }, +/* harmony export */ "useInRouterContext": function() { return /* reexport safe */ react_router__WEBPACK_IMPORTED_MODULE_1__.useInRouterContext; }, +/* harmony export */ "useLinkClickHandler": function() { return /* binding */ useLinkClickHandler; }, +/* harmony export */ "useLocation": function() { return /* reexport safe */ react_router__WEBPACK_IMPORTED_MODULE_1__.useLocation; }, +/* harmony export */ "useMatch": function() { return /* reexport safe */ react_router__WEBPACK_IMPORTED_MODULE_1__.useMatch; }, +/* harmony export */ "useNavigate": function() { return /* reexport safe */ react_router__WEBPACK_IMPORTED_MODULE_1__.useNavigate; }, +/* harmony export */ "useNavigationType": function() { return /* reexport safe */ react_router__WEBPACK_IMPORTED_MODULE_1__.useNavigationType; }, +/* harmony export */ "useOutlet": function() { return /* reexport safe */ react_router__WEBPACK_IMPORTED_MODULE_1__.useOutlet; }, +/* harmony export */ "useOutletContext": function() { return /* reexport safe */ react_router__WEBPACK_IMPORTED_MODULE_1__.useOutletContext; }, +/* harmony export */ "useParams": function() { return /* reexport safe */ react_router__WEBPACK_IMPORTED_MODULE_1__.useParams; }, +/* harmony export */ "useResolvedPath": function() { return /* reexport safe */ react_router__WEBPACK_IMPORTED_MODULE_1__.useResolvedPath; }, +/* harmony export */ "useRoutes": function() { return /* reexport safe */ react_router__WEBPACK_IMPORTED_MODULE_1__.useRoutes; }, +/* harmony export */ "useSearchParams": function() { return /* binding */ useSearchParams; } +/* harmony export */ }); +/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react"); +/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); +/* harmony import */ var react_router__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-router */ "./node_modules/history/index.js"); +/* harmony import */ var react_router__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-router */ "./node_modules/react-router/index.js"); +/** + * React Router DOM v6.3.0 + * + * Copyright (c) Remix Software Inc. + * + * This source code is licensed under the MIT license found in the + * LICENSE.md file in the root directory of this source tree. + * + * @license MIT + */ + + + + + +function _extends() { + _extends = Object.assign || function (target) { + for (var i = 1; i < arguments.length; i++) { + var source = arguments[i]; + + for (var key in source) { + if (Object.prototype.hasOwnProperty.call(source, key)) { + target[key] = source[key]; + } + } + } + + return target; + }; + + return _extends.apply(this, arguments); +} + +function _objectWithoutPropertiesLoose(source, excluded) { + if (source == null) return {}; + var target = {}; + var sourceKeys = Object.keys(source); + var key, i; + + for (i = 0; i < sourceKeys.length; i++) { + key = sourceKeys[i]; + if (excluded.indexOf(key) >= 0) continue; + target[key] = source[key]; + } + + return target; +} + +const _excluded = ["onClick", "reloadDocument", "replace", "state", "target", "to"], + _excluded2 = ["aria-current", "caseSensitive", "className", "end", "style", "to", "children"]; + +function warning(cond, message) { + if (!cond) { + // eslint-disable-next-line no-console + if (typeof console !== "undefined") console.warn(message); + + try { + // Welcome to debugging React Router! + // + // This error is thrown as a convenience so you can more easily + // find the source for a warning that appears in the console by + // enabling "pause on exceptions" in your JavaScript debugger. + throw new Error(message); // eslint-disable-next-line no-empty + } catch (e) {} + } +} //////////////////////////////////////////////////////////////////////////////// +// COMPONENTS +//////////////////////////////////////////////////////////////////////////////// + +/** + * A `` for use in web browsers. Provides the cleanest URLs. + */ +function BrowserRouter(_ref) { + let { + basename, + children, + window + } = _ref; + let historyRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(); + + if (historyRef.current == null) { + historyRef.current = (0,react_router__WEBPACK_IMPORTED_MODULE_2__.createBrowserHistory)({ + window + }); + } + + let history = historyRef.current; + let [state, setState] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({ + action: history.action, + location: history.location + }); + (0,react__WEBPACK_IMPORTED_MODULE_0__.useLayoutEffect)(() => history.listen(setState), [history]); + return /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(react_router__WEBPACK_IMPORTED_MODULE_1__.Router, { + basename: basename, + children: children, + location: state.location, + navigationType: state.action, + navigator: history + }); +} + +/** + * A `` for use in web browsers. Stores the location in the hash + * portion of the URL so it is not sent to the server. + */ +function HashRouter(_ref2) { + let { + basename, + children, + window + } = _ref2; + let historyRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(); + + if (historyRef.current == null) { + historyRef.current = (0,react_router__WEBPACK_IMPORTED_MODULE_2__.createHashHistory)({ + window + }); + } + + let history = historyRef.current; + let [state, setState] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({ + action: history.action, + location: history.location + }); + (0,react__WEBPACK_IMPORTED_MODULE_0__.useLayoutEffect)(() => history.listen(setState), [history]); + return /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(react_router__WEBPACK_IMPORTED_MODULE_1__.Router, { + basename: basename, + children: children, + location: state.location, + navigationType: state.action, + navigator: history + }); +} + +/** + * A `` that accepts a pre-instantiated history object. It's important + * to note that using your own history object is highly discouraged and may add + * two versions of the history library to your bundles unless you use the same + * version of the history library that React Router uses internally. + */ +function HistoryRouter(_ref3) { + let { + basename, + children, + history + } = _ref3; + const [state, setState] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({ + action: history.action, + location: history.location + }); + (0,react__WEBPACK_IMPORTED_MODULE_0__.useLayoutEffect)(() => history.listen(setState), [history]); + return /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(react_router__WEBPACK_IMPORTED_MODULE_1__.Router, { + basename: basename, + children: children, + location: state.location, + navigationType: state.action, + navigator: history + }); +} + +if (true) { + HistoryRouter.displayName = "unstable_HistoryRouter"; +} + +function isModifiedEvent(event) { + return !!(event.metaKey || event.altKey || event.ctrlKey || event.shiftKey); +} + +/** + * The public API for rendering a history-aware . + */ +const Link = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function LinkWithRef(_ref4, ref) { + let { + onClick, + reloadDocument, + replace = false, + state, + target, + to + } = _ref4, + rest = _objectWithoutPropertiesLoose(_ref4, _excluded); + + let href = (0,react_router__WEBPACK_IMPORTED_MODULE_1__.useHref)(to); + let internalOnClick = useLinkClickHandler(to, { + replace, + state, + target + }); + + function handleClick(event) { + if (onClick) onClick(event); + + if (!event.defaultPrevented && !reloadDocument) { + internalOnClick(event); + } + } + + return ( + /*#__PURE__*/ + // eslint-disable-next-line jsx-a11y/anchor-has-content + (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("a", _extends({}, rest, { + href: href, + onClick: handleClick, + ref: ref, + target: target + })) + ); +}); + +if (true) { + Link.displayName = "Link"; +} + +/** + * A wrapper that knows if it's "active" or not. + */ +const NavLink = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function NavLinkWithRef(_ref5, ref) { + let { + "aria-current": ariaCurrentProp = "page", + caseSensitive = false, + className: classNameProp = "", + end = false, + style: styleProp, + to, + children + } = _ref5, + rest = _objectWithoutPropertiesLoose(_ref5, _excluded2); + + let location = (0,react_router__WEBPACK_IMPORTED_MODULE_1__.useLocation)(); + let path = (0,react_router__WEBPACK_IMPORTED_MODULE_1__.useResolvedPath)(to); + let locationPathname = location.pathname; + let toPathname = path.pathname; + + if (!caseSensitive) { + locationPathname = locationPathname.toLowerCase(); + toPathname = toPathname.toLowerCase(); + } + + let isActive = locationPathname === toPathname || !end && locationPathname.startsWith(toPathname) && locationPathname.charAt(toPathname.length) === "/"; + let ariaCurrent = isActive ? ariaCurrentProp : undefined; + let className; + + if (typeof classNameProp === "function") { + className = classNameProp({ + isActive + }); + } else { + // If the className prop is not a function, we use a default `active` + // class for s that are active. In v5 `active` was the default + // value for `activeClassName`, but we are removing that API and can still + // use the old default behavior for a cleaner upgrade path and keep the + // simple styling rules working as they currently do. + className = [classNameProp, isActive ? "active" : null].filter(Boolean).join(" "); + } + + let style = typeof styleProp === "function" ? styleProp({ + isActive + }) : styleProp; + return /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(Link, _extends({}, rest, { + "aria-current": ariaCurrent, + className: className, + ref: ref, + style: style, + to: to + }), typeof children === "function" ? children({ + isActive + }) : children); +}); + +if (true) { + NavLink.displayName = "NavLink"; +} //////////////////////////////////////////////////////////////////////////////// +// HOOKS +//////////////////////////////////////////////////////////////////////////////// + +/** + * Handles the click behavior for router `` components. This is useful if + * you need to create custom `` components with the same click behavior we + * use in our exported ``. + */ + + +function useLinkClickHandler(to, _temp) { + let { + target, + replace: replaceProp, + state + } = _temp === void 0 ? {} : _temp; + let navigate = (0,react_router__WEBPACK_IMPORTED_MODULE_1__.useNavigate)(); + let location = (0,react_router__WEBPACK_IMPORTED_MODULE_1__.useLocation)(); + let path = (0,react_router__WEBPACK_IMPORTED_MODULE_1__.useResolvedPath)(to); + return (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(event => { + if (event.button === 0 && ( // Ignore everything but left clicks + !target || target === "_self") && // Let browser handle "target=_blank" etc. + !isModifiedEvent(event) // Ignore clicks with modifier keys + ) { + event.preventDefault(); // If the URL hasn't changed, a regular will do a replace instead of + // a push, so do the same here. + + let replace = !!replaceProp || (0,react_router__WEBPACK_IMPORTED_MODULE_2__.createPath)(location) === (0,react_router__WEBPACK_IMPORTED_MODULE_2__.createPath)(path); + navigate(to, { + replace, + state + }); + } + }, [location, navigate, path, replaceProp, state, target, to]); +} +/** + * A convenient wrapper for reading and writing search parameters via the + * URLSearchParams interface. + */ + +function useSearchParams(defaultInit) { + true ? warning(typeof URLSearchParams !== "undefined", "You cannot use the `useSearchParams` hook in a browser that does not " + "support the URLSearchParams API. If you need to support Internet " + "Explorer 11, we recommend you load a polyfill such as " + "https://github.com/ungap/url-search-params\n\n" + "If you're unsure how to load polyfills, we recommend you check out " + "https://polyfill.io/v3/ which provides some recommendations about how " + "to load polyfills only for users that need them, instead of for every " + "user.") : 0; + let defaultSearchParamsRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(createSearchParams(defaultInit)); + let location = (0,react_router__WEBPACK_IMPORTED_MODULE_1__.useLocation)(); + let searchParams = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => { + let searchParams = createSearchParams(location.search); + + for (let key of defaultSearchParamsRef.current.keys()) { + if (!searchParams.has(key)) { + defaultSearchParamsRef.current.getAll(key).forEach(value => { + searchParams.append(key, value); + }); + } + } + + return searchParams; + }, [location.search]); + let navigate = (0,react_router__WEBPACK_IMPORTED_MODULE_1__.useNavigate)(); + let setSearchParams = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((nextInit, navigateOptions) => { + navigate("?" + createSearchParams(nextInit), navigateOptions); + }, [navigate]); + return [searchParams, setSearchParams]; +} + +/** + * Creates a URLSearchParams object using the given initializer. + * + * This is identical to `new URLSearchParams(init)` except it also + * supports arrays as values in the object form of the initializer + * instead of just strings. This is convenient when you need multiple + * values for a given key, but don't want to use an array initializer. + * + * For example, instead of: + * + * let searchParams = new URLSearchParams([ + * ['sort', 'name'], + * ['sort', 'price'] + * ]); + * + * you can do: + * + * let searchParams = createSearchParams({ + * sort: ['name', 'price'] + * }); + */ +function createSearchParams(init) { + if (init === void 0) { + init = ""; + } + + return new URLSearchParams(typeof init === "string" || Array.isArray(init) || init instanceof URLSearchParams ? init : Object.keys(init).reduce((memo, key) => { + let value = init[key]; + return memo.concat(Array.isArray(value) ? value.map(v => [key, v]) : [[key, value]]); + }, [])); +} + + +//# sourceMappingURL=index.js.map + + +/***/ }), + +/***/ "./node_modules/react-router/index.js": +/*!********************************************!*\ + !*** ./node_modules/react-router/index.js ***! + \********************************************/ +/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "MemoryRouter": function() { return /* binding */ MemoryRouter; }, +/* harmony export */ "Navigate": function() { return /* binding */ Navigate; }, +/* harmony export */ "NavigationType": function() { return /* reexport safe */ history__WEBPACK_IMPORTED_MODULE_0__.Action; }, +/* harmony export */ "Outlet": function() { return /* binding */ Outlet; }, +/* harmony export */ "Route": function() { return /* binding */ Route; }, +/* harmony export */ "Router": function() { return /* binding */ Router; }, +/* harmony export */ "Routes": function() { return /* binding */ Routes; }, +/* harmony export */ "UNSAFE_LocationContext": function() { return /* binding */ LocationContext; }, +/* harmony export */ "UNSAFE_NavigationContext": function() { return /* binding */ NavigationContext; }, +/* harmony export */ "UNSAFE_RouteContext": function() { return /* binding */ RouteContext; }, +/* harmony export */ "createPath": function() { return /* reexport safe */ history__WEBPACK_IMPORTED_MODULE_0__.createPath; }, +/* harmony export */ "createRoutesFromChildren": function() { return /* binding */ createRoutesFromChildren; }, +/* harmony export */ "generatePath": function() { return /* binding */ generatePath; }, +/* harmony export */ "matchPath": function() { return /* binding */ matchPath; }, +/* harmony export */ "matchRoutes": function() { return /* binding */ matchRoutes; }, +/* harmony export */ "parsePath": function() { return /* reexport safe */ history__WEBPACK_IMPORTED_MODULE_0__.parsePath; }, +/* harmony export */ "renderMatches": function() { return /* binding */ renderMatches; }, +/* harmony export */ "resolvePath": function() { return /* binding */ resolvePath; }, +/* harmony export */ "useHref": function() { return /* binding */ useHref; }, +/* harmony export */ "useInRouterContext": function() { return /* binding */ useInRouterContext; }, +/* harmony export */ "useLocation": function() { return /* binding */ useLocation; }, +/* harmony export */ "useMatch": function() { return /* binding */ useMatch; }, +/* harmony export */ "useNavigate": function() { return /* binding */ useNavigate; }, +/* harmony export */ "useNavigationType": function() { return /* binding */ useNavigationType; }, +/* harmony export */ "useOutlet": function() { return /* binding */ useOutlet; }, +/* harmony export */ "useOutletContext": function() { return /* binding */ useOutletContext; }, +/* harmony export */ "useParams": function() { return /* binding */ useParams; }, +/* harmony export */ "useResolvedPath": function() { return /* binding */ useResolvedPath; }, +/* harmony export */ "useRoutes": function() { return /* binding */ useRoutes; } +/* harmony export */ }); +/* harmony import */ var history__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! history */ "./node_modules/history/index.js"); +/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react"); +/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__); +/** + * React Router v6.3.0 + * + * Copyright (c) Remix Software Inc. + * + * This source code is licensed under the MIT license found in the + * LICENSE.md file in the root directory of this source tree. + * + * @license MIT + */ + + + + +const NavigationContext = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.createContext)(null); + +if (true) { + NavigationContext.displayName = "Navigation"; +} + +const LocationContext = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.createContext)(null); + +if (true) { + LocationContext.displayName = "Location"; +} + +const RouteContext = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.createContext)({ + outlet: null, + matches: [] +}); + +if (true) { + RouteContext.displayName = "Route"; +} + +function invariant(cond, message) { + if (!cond) throw new Error(message); +} +function warning(cond, message) { + if (!cond) { + // eslint-disable-next-line no-console + if (typeof console !== "undefined") console.warn(message); + + try { + // Welcome to debugging React Router! + // + // This error is thrown as a convenience so you can more easily + // find the source for a warning that appears in the console by + // enabling "pause on exceptions" in your JavaScript debugger. + throw new Error(message); // eslint-disable-next-line no-empty + } catch (e) {} + } +} +const alreadyWarned = {}; +function warningOnce(key, cond, message) { + if (!cond && !alreadyWarned[key]) { + alreadyWarned[key] = true; + true ? warning(false, message) : 0; + } +} + +/** + * Returns a path with params interpolated. + * + * @see https://reactrouter.com/docs/en/v6/api#generatepath + */ +function generatePath(path, params) { + if (params === void 0) { + params = {}; + } + + return path.replace(/:(\w+)/g, (_, key) => { + !(params[key] != null) ? true ? invariant(false, "Missing \":" + key + "\" param") : 0 : void 0; + return params[key]; + }).replace(/\/*\*$/, _ => params["*"] == null ? "" : params["*"].replace(/^\/*/, "/")); +} +/** + * A RouteMatch contains info about how a route matched a URL. + */ + +/** + * Matches the given routes to a location and returns the match data. + * + * @see https://reactrouter.com/docs/en/v6/api#matchroutes + */ +function matchRoutes(routes, locationArg, basename) { + if (basename === void 0) { + basename = "/"; + } + + let location = typeof locationArg === "string" ? (0,history__WEBPACK_IMPORTED_MODULE_0__.parsePath)(locationArg) : locationArg; + let pathname = stripBasename(location.pathname || "/", basename); + + if (pathname == null) { + return null; + } + + let branches = flattenRoutes(routes); + rankRouteBranches(branches); + let matches = null; + + for (let i = 0; matches == null && i < branches.length; ++i) { + matches = matchRouteBranch(branches[i], pathname); + } + + return matches; +} + +function flattenRoutes(routes, branches, parentsMeta, parentPath) { + if (branches === void 0) { + branches = []; + } + + if (parentsMeta === void 0) { + parentsMeta = []; + } + + if (parentPath === void 0) { + parentPath = ""; + } + + routes.forEach((route, index) => { + let meta = { + relativePath: route.path || "", + caseSensitive: route.caseSensitive === true, + childrenIndex: index, + route + }; + + if (meta.relativePath.startsWith("/")) { + !meta.relativePath.startsWith(parentPath) ? true ? invariant(false, "Absolute route path \"" + meta.relativePath + "\" nested under path " + ("\"" + parentPath + "\" is not valid. An absolute child route path ") + "must start with the combined path of all its parent routes.") : 0 : void 0; + meta.relativePath = meta.relativePath.slice(parentPath.length); + } + + let path = joinPaths([parentPath, meta.relativePath]); + let routesMeta = parentsMeta.concat(meta); // Add the children before adding this route to the array so we traverse the + // route tree depth-first and child routes appear before their parents in + // the "flattened" version. + + if (route.children && route.children.length > 0) { + !(route.index !== true) ? true ? invariant(false, "Index routes must not have child routes. Please remove " + ("all child routes from route path \"" + path + "\".")) : 0 : void 0; + flattenRoutes(route.children, branches, routesMeta, path); + } // Routes without a path shouldn't ever match by themselves unless they are + // index routes, so don't add them to the list of possible branches. + + + if (route.path == null && !route.index) { + return; + } + + branches.push({ + path, + score: computeScore(path, route.index), + routesMeta + }); + }); + return branches; +} + +function rankRouteBranches(branches) { + branches.sort((a, b) => a.score !== b.score ? b.score - a.score // Higher score first + : compareIndexes(a.routesMeta.map(meta => meta.childrenIndex), b.routesMeta.map(meta => meta.childrenIndex))); +} + +const paramRe = /^:\w+$/; +const dynamicSegmentValue = 3; +const indexRouteValue = 2; +const emptySegmentValue = 1; +const staticSegmentValue = 10; +const splatPenalty = -2; + +const isSplat = s => s === "*"; + +function computeScore(path, index) { + let segments = path.split("/"); + let initialScore = segments.length; + + if (segments.some(isSplat)) { + initialScore += splatPenalty; + } + + if (index) { + initialScore += indexRouteValue; + } + + return segments.filter(s => !isSplat(s)).reduce((score, segment) => score + (paramRe.test(segment) ? dynamicSegmentValue : segment === "" ? emptySegmentValue : staticSegmentValue), initialScore); +} + +function compareIndexes(a, b) { + let siblings = a.length === b.length && a.slice(0, -1).every((n, i) => n === b[i]); + return siblings ? // If two routes are siblings, we should try to match the earlier sibling + // first. This allows people to have fine-grained control over the matching + // behavior by simply putting routes with identical paths in the order they + // want them tried. + a[a.length - 1] - b[b.length - 1] : // Otherwise, it doesn't really make sense to rank non-siblings by index, + // so they sort equally. + 0; +} + +function matchRouteBranch(branch, pathname) { + let { + routesMeta + } = branch; + let matchedParams = {}; + let matchedPathname = "/"; + let matches = []; + + for (let i = 0; i < routesMeta.length; ++i) { + let meta = routesMeta[i]; + let end = i === routesMeta.length - 1; + let remainingPathname = matchedPathname === "/" ? pathname : pathname.slice(matchedPathname.length) || "/"; + let match = matchPath({ + path: meta.relativePath, + caseSensitive: meta.caseSensitive, + end + }, remainingPathname); + if (!match) return null; + Object.assign(matchedParams, match.params); + let route = meta.route; + matches.push({ + params: matchedParams, + pathname: joinPaths([matchedPathname, match.pathname]), + pathnameBase: normalizePathname(joinPaths([matchedPathname, match.pathnameBase])), + route + }); + + if (match.pathnameBase !== "/") { + matchedPathname = joinPaths([matchedPathname, match.pathnameBase]); + } + } + + return matches; +} +/** + * A PathPattern is used to match on some portion of a URL pathname. + */ + + +/** + * Performs pattern matching on a URL pathname and returns information about + * the match. + * + * @see https://reactrouter.com/docs/en/v6/api#matchpath + */ +function matchPath(pattern, pathname) { + if (typeof pattern === "string") { + pattern = { + path: pattern, + caseSensitive: false, + end: true + }; + } + + let [matcher, paramNames] = compilePath(pattern.path, pattern.caseSensitive, pattern.end); + let match = pathname.match(matcher); + if (!match) return null; + let matchedPathname = match[0]; + let pathnameBase = matchedPathname.replace(/(.)\/+$/, "$1"); + let captureGroups = match.slice(1); + let params = paramNames.reduce((memo, paramName, index) => { + // We need to compute the pathnameBase here using the raw splat value + // instead of using params["*"] later because it will be decoded then + if (paramName === "*") { + let splatValue = captureGroups[index] || ""; + pathnameBase = matchedPathname.slice(0, matchedPathname.length - splatValue.length).replace(/(.)\/+$/, "$1"); + } + + memo[paramName] = safelyDecodeURIComponent(captureGroups[index] || "", paramName); + return memo; + }, {}); + return { + params, + pathname: matchedPathname, + pathnameBase, + pattern + }; +} + +function compilePath(path, caseSensitive, end) { + if (caseSensitive === void 0) { + caseSensitive = false; + } + + if (end === void 0) { + end = true; + } + + true ? warning(path === "*" || !path.endsWith("*") || path.endsWith("/*"), "Route path \"" + path + "\" will be treated as if it were " + ("\"" + path.replace(/\*$/, "/*") + "\" because the `*` character must ") + "always follow a `/` in the pattern. To get rid of this warning, " + ("please change the route path to \"" + path.replace(/\*$/, "/*") + "\".")) : 0; + let paramNames = []; + let regexpSource = "^" + path.replace(/\/*\*?$/, "") // Ignore trailing / and /*, we'll handle it below + .replace(/^\/*/, "/") // Make sure it has a leading / + .replace(/[\\.*+^$?{}|()[\]]/g, "\\$&") // Escape special regex chars + .replace(/:(\w+)/g, (_, paramName) => { + paramNames.push(paramName); + return "([^\\/]+)"; + }); + + if (path.endsWith("*")) { + paramNames.push("*"); + regexpSource += path === "*" || path === "/*" ? "(.*)$" // Already matched the initial /, just match the rest + : "(?:\\/(.+)|\\/*)$"; // Don't include the / in params["*"] + } else { + regexpSource += end ? "\\/*$" // When matching to the end, ignore trailing slashes + : // Otherwise, match a word boundary or a proceeding /. The word boundary restricts + // parent routes to matching only their own words and nothing more, e.g. parent + // route "/home" should not match "/home2". + // Additionally, allow paths starting with `.`, `-`, `~`, and url-encoded entities, + // but do not consume the character in the matched path so they can match against + // nested paths. + "(?:(?=[.~-]|%[0-9A-F]{2})|\\b|\\/|$)"; + } + + let matcher = new RegExp(regexpSource, caseSensitive ? undefined : "i"); + return [matcher, paramNames]; +} + +function safelyDecodeURIComponent(value, paramName) { + try { + return decodeURIComponent(value); + } catch (error) { + true ? warning(false, "The value for the URL param \"" + paramName + "\" will not be decoded because" + (" the string \"" + value + "\" is a malformed URL segment. This is probably") + (" due to a bad percent encoding (" + error + ").")) : 0; + return value; + } +} +/** + * Returns a resolved path object relative to the given pathname. + * + * @see https://reactrouter.com/docs/en/v6/api#resolvepath + */ + + +function resolvePath(to, fromPathname) { + if (fromPathname === void 0) { + fromPathname = "/"; + } + + let { + pathname: toPathname, + search = "", + hash = "" + } = typeof to === "string" ? (0,history__WEBPACK_IMPORTED_MODULE_0__.parsePath)(to) : to; + let pathname = toPathname ? toPathname.startsWith("/") ? toPathname : resolvePathname(toPathname, fromPathname) : fromPathname; + return { + pathname, + search: normalizeSearch(search), + hash: normalizeHash(hash) + }; +} + +function resolvePathname(relativePath, fromPathname) { + let segments = fromPathname.replace(/\/+$/, "").split("/"); + let relativeSegments = relativePath.split("/"); + relativeSegments.forEach(segment => { + if (segment === "..") { + // Keep the root "" segment so the pathname starts at / + if (segments.length > 1) segments.pop(); + } else if (segment !== ".") { + segments.push(segment); + } + }); + return segments.length > 1 ? segments.join("/") : "/"; +} + +function resolveTo(toArg, routePathnames, locationPathname) { + let to = typeof toArg === "string" ? (0,history__WEBPACK_IMPORTED_MODULE_0__.parsePath)(toArg) : toArg; + let toPathname = toArg === "" || to.pathname === "" ? "/" : to.pathname; // If a pathname is explicitly provided in `to`, it should be relative to the + // route context. This is explained in `Note on `` values` in our + // migration guide from v5 as a means of disambiguation between `to` values + // that begin with `/` and those that do not. However, this is problematic for + // `to` values that do not provide a pathname. `to` can simply be a search or + // hash string, in which case we should assume that the navigation is relative + // to the current location's pathname and *not* the route pathname. + + let from; + + if (toPathname == null) { + from = locationPathname; + } else { + let routePathnameIndex = routePathnames.length - 1; + + if (toPathname.startsWith("..")) { + let toSegments = toPathname.split("/"); // Each leading .. segment means "go up one route" instead of "go up one + // URL segment". This is a key difference from how works and a + // major reason we call this a "to" value instead of a "href". + + while (toSegments[0] === "..") { + toSegments.shift(); + routePathnameIndex -= 1; + } + + to.pathname = toSegments.join("/"); + } // If there are more ".." segments than parent routes, resolve relative to + // the root / URL. + + + from = routePathnameIndex >= 0 ? routePathnames[routePathnameIndex] : "/"; + } + + let path = resolvePath(to, from); // Ensure the pathname has a trailing slash if the original to value had one. + + if (toPathname && toPathname !== "/" && toPathname.endsWith("/") && !path.pathname.endsWith("/")) { + path.pathname += "/"; + } + + return path; +} +function getToPathname(to) { + // Empty strings should be treated the same as / paths + return to === "" || to.pathname === "" ? "/" : typeof to === "string" ? (0,history__WEBPACK_IMPORTED_MODULE_0__.parsePath)(to).pathname : to.pathname; +} +function stripBasename(pathname, basename) { + if (basename === "/") return pathname; + + if (!pathname.toLowerCase().startsWith(basename.toLowerCase())) { + return null; + } + + let nextChar = pathname.charAt(basename.length); + + if (nextChar && nextChar !== "/") { + // pathname does not start with basename/ + return null; + } + + return pathname.slice(basename.length) || "/"; +} +const joinPaths = paths => paths.join("/").replace(/\/\/+/g, "/"); +const normalizePathname = pathname => pathname.replace(/\/+$/, "").replace(/^\/*/, "/"); + +const normalizeSearch = search => !search || search === "?" ? "" : search.startsWith("?") ? search : "?" + search; + +const normalizeHash = hash => !hash || hash === "#" ? "" : hash.startsWith("#") ? hash : "#" + hash; + +/** + * Returns the full href for the given "to" value. This is useful for building + * custom links that are also accessible and preserve right-click behavior. + * + * @see https://reactrouter.com/docs/en/v6/api#usehref + */ + +function useHref(to) { + !useInRouterContext() ? true ? invariant(false, // TODO: This error is probably because they somehow have 2 versions of the + // router loaded. We can help them understand how to avoid that. + "useHref() may be used only in the context of a component.") : 0 : void 0; + let { + basename, + navigator + } = (0,react__WEBPACK_IMPORTED_MODULE_1__.useContext)(NavigationContext); + let { + hash, + pathname, + search + } = useResolvedPath(to); + let joinedPathname = pathname; + + if (basename !== "/") { + let toPathname = getToPathname(to); + let endsWithSlash = toPathname != null && toPathname.endsWith("/"); + joinedPathname = pathname === "/" ? basename + (endsWithSlash ? "/" : "") : joinPaths([basename, pathname]); + } + + return navigator.createHref({ + pathname: joinedPathname, + search, + hash + }); +} +/** + * Returns true if this component is a descendant of a . + * + * @see https://reactrouter.com/docs/en/v6/api#useinroutercontext + */ + +function useInRouterContext() { + return (0,react__WEBPACK_IMPORTED_MODULE_1__.useContext)(LocationContext) != null; +} +/** + * Returns the current location object, which represents the current URL in web + * browsers. + * + * Note: If you're using this it may mean you're doing some of your own + * "routing" in your app, and we'd like to know what your use case is. We may + * be able to provide something higher-level to better suit your needs. + * + * @see https://reactrouter.com/docs/en/v6/api#uselocation + */ + +function useLocation() { + !useInRouterContext() ? true ? invariant(false, // TODO: This error is probably because they somehow have 2 versions of the + // router loaded. We can help them understand how to avoid that. + "useLocation() may be used only in the context of a component.") : 0 : void 0; + return (0,react__WEBPACK_IMPORTED_MODULE_1__.useContext)(LocationContext).location; +} +/** + * Returns the current navigation action which describes how the router came to + * the current location, either by a pop, push, or replace on the history stack. + * + * @see https://reactrouter.com/docs/en/v6/api#usenavigationtype + */ + +function useNavigationType() { + return (0,react__WEBPACK_IMPORTED_MODULE_1__.useContext)(LocationContext).navigationType; +} +/** + * Returns true if the URL for the given "to" value matches the current URL. + * This is useful for components that need to know "active" state, e.g. + * . + * + * @see https://reactrouter.com/docs/en/v6/api#usematch + */ + +function useMatch(pattern) { + !useInRouterContext() ? true ? invariant(false, // TODO: This error is probably because they somehow have 2 versions of the + // router loaded. We can help them understand how to avoid that. + "useMatch() may be used only in the context of a component.") : 0 : void 0; + let { + pathname + } = useLocation(); + return (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(() => matchPath(pattern, pathname), [pathname, pattern]); +} +/** + * The interface for the navigate() function returned from useNavigate(). + */ + +/** + * Returns an imperative method for changing the location. Used by s, but + * may also be used by other elements to change the location. + * + * @see https://reactrouter.com/docs/en/v6/api#usenavigate + */ +function useNavigate() { + !useInRouterContext() ? true ? invariant(false, // TODO: This error is probably because they somehow have 2 versions of the + // router loaded. We can help them understand how to avoid that. + "useNavigate() may be used only in the context of a component.") : 0 : void 0; + let { + basename, + navigator + } = (0,react__WEBPACK_IMPORTED_MODULE_1__.useContext)(NavigationContext); + let { + matches + } = (0,react__WEBPACK_IMPORTED_MODULE_1__.useContext)(RouteContext); + let { + pathname: locationPathname + } = useLocation(); + let routePathnamesJson = JSON.stringify(matches.map(match => match.pathnameBase)); + let activeRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(false); + (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(() => { + activeRef.current = true; + }); + let navigate = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function (to, options) { + if (options === void 0) { + options = {}; + } + + true ? warning(activeRef.current, "You should call navigate() in a React.useEffect(), not when " + "your component is first rendered.") : 0; + if (!activeRef.current) return; + + if (typeof to === "number") { + navigator.go(to); + return; + } + + let path = resolveTo(to, JSON.parse(routePathnamesJson), locationPathname); + + if (basename !== "/") { + path.pathname = joinPaths([basename, path.pathname]); + } + + (!!options.replace ? navigator.replace : navigator.push)(path, options.state); + }, [basename, navigator, routePathnamesJson, locationPathname]); + return navigate; +} +const OutletContext = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.createContext)(null); +/** + * Returns the context (if provided) for the child route at this level of the route + * hierarchy. + * @see https://reactrouter.com/docs/en/v6/api#useoutletcontext + */ + +function useOutletContext() { + return (0,react__WEBPACK_IMPORTED_MODULE_1__.useContext)(OutletContext); +} +/** + * Returns the element for the child route at this level of the route + * hierarchy. Used internally by to render child routes. + * + * @see https://reactrouter.com/docs/en/v6/api#useoutlet + */ + +function useOutlet(context) { + let outlet = (0,react__WEBPACK_IMPORTED_MODULE_1__.useContext)(RouteContext).outlet; + + if (outlet) { + return /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.createElement)(OutletContext.Provider, { + value: context + }, outlet); + } + + return outlet; +} +/** + * Returns an object of key/value pairs of the dynamic params from the current + * URL that were matched by the route path. + * + * @see https://reactrouter.com/docs/en/v6/api#useparams + */ + +function useParams() { + let { + matches + } = (0,react__WEBPACK_IMPORTED_MODULE_1__.useContext)(RouteContext); + let routeMatch = matches[matches.length - 1]; + return routeMatch ? routeMatch.params : {}; +} +/** + * Resolves the pathname of the given `to` value against the current location. + * + * @see https://reactrouter.com/docs/en/v6/api#useresolvedpath + */ + +function useResolvedPath(to) { + let { + matches + } = (0,react__WEBPACK_IMPORTED_MODULE_1__.useContext)(RouteContext); + let { + pathname: locationPathname + } = useLocation(); + let routePathnamesJson = JSON.stringify(matches.map(match => match.pathnameBase)); + return (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(() => resolveTo(to, JSON.parse(routePathnamesJson), locationPathname), [to, routePathnamesJson, locationPathname]); +} +/** + * Returns the element of the route that matched the current location, prepared + * with the correct context to render the remainder of the route tree. Route + * elements in the tree must render an to render their child route's + * element. + * + * @see https://reactrouter.com/docs/en/v6/api#useroutes + */ + +function useRoutes(routes, locationArg) { + !useInRouterContext() ? true ? invariant(false, // TODO: This error is probably because they somehow have 2 versions of the + // router loaded. We can help them understand how to avoid that. + "useRoutes() may be used only in the context of a component.") : 0 : void 0; + let { + matches: parentMatches + } = (0,react__WEBPACK_IMPORTED_MODULE_1__.useContext)(RouteContext); + let routeMatch = parentMatches[parentMatches.length - 1]; + let parentParams = routeMatch ? routeMatch.params : {}; + let parentPathname = routeMatch ? routeMatch.pathname : "/"; + let parentPathnameBase = routeMatch ? routeMatch.pathnameBase : "/"; + let parentRoute = routeMatch && routeMatch.route; + + if (true) { + // You won't get a warning about 2 different under a + // without a trailing *, but this is a best-effort warning anyway since we + // cannot even give the warning unless they land at the parent route. + // + // Example: + // + // + // {/* This route path MUST end with /* because otherwise + // it will never match /blog/post/123 */} + // } /> + // } /> + // + // + // function Blog() { + // return ( + // + // } /> + // + // ); + // } + let parentPath = parentRoute && parentRoute.path || ""; + warningOnce(parentPathname, !parentRoute || parentPath.endsWith("*"), "You rendered descendant (or called `useRoutes()`) at " + ("\"" + parentPathname + "\" (under ) but the ") + "parent route path has no trailing \"*\". This means if you navigate " + "deeper, the parent won't match anymore and therefore the child " + "routes will never render.\n\n" + ("Please change the parent to .")); + } + + let locationFromContext = useLocation(); + let location; + + if (locationArg) { + var _parsedLocationArg$pa; + + let parsedLocationArg = typeof locationArg === "string" ? (0,history__WEBPACK_IMPORTED_MODULE_0__.parsePath)(locationArg) : locationArg; + !(parentPathnameBase === "/" || ((_parsedLocationArg$pa = parsedLocationArg.pathname) == null ? void 0 : _parsedLocationArg$pa.startsWith(parentPathnameBase))) ? true ? invariant(false, "When overriding the location using `` or `useRoutes(routes, location)`, " + "the location pathname must begin with the portion of the URL pathname that was " + ("matched by all parent routes. The current pathname base is \"" + parentPathnameBase + "\" ") + ("but pathname \"" + parsedLocationArg.pathname + "\" was given in the `location` prop.")) : 0 : void 0; + location = parsedLocationArg; + } else { + location = locationFromContext; + } + + let pathname = location.pathname || "/"; + let remainingPathname = parentPathnameBase === "/" ? pathname : pathname.slice(parentPathnameBase.length) || "/"; + let matches = matchRoutes(routes, { + pathname: remainingPathname + }); + + if (true) { + true ? warning(parentRoute || matches != null, "No routes matched location \"" + location.pathname + location.search + location.hash + "\" ") : 0; + true ? warning(matches == null || matches[matches.length - 1].route.element !== undefined, "Matched leaf route at location \"" + location.pathname + location.search + location.hash + "\" does not have an element. " + "This means it will render an with a null value by default resulting in an \"empty\" page.") : 0; + } + + return _renderMatches(matches && matches.map(match => Object.assign({}, match, { + params: Object.assign({}, parentParams, match.params), + pathname: joinPaths([parentPathnameBase, match.pathname]), + pathnameBase: match.pathnameBase === "/" ? parentPathnameBase : joinPaths([parentPathnameBase, match.pathnameBase]) + })), parentMatches); +} +function _renderMatches(matches, parentMatches) { + if (parentMatches === void 0) { + parentMatches = []; + } + + if (matches == null) return null; + return matches.reduceRight((outlet, match, index) => { + return /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.createElement)(RouteContext.Provider, { + children: match.route.element !== undefined ? match.route.element : outlet, + value: { + outlet, + matches: parentMatches.concat(matches.slice(0, index + 1)) + } + }); + }, null); +} + +/** + * A that stores all entries in memory. + * + * @see https://reactrouter.com/docs/en/v6/api#memoryrouter + */ +function MemoryRouter(_ref) { + let { + basename, + children, + initialEntries, + initialIndex + } = _ref; + let historyRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(); + + if (historyRef.current == null) { + historyRef.current = (0,history__WEBPACK_IMPORTED_MODULE_0__.createMemoryHistory)({ + initialEntries, + initialIndex + }); + } + + let history = historyRef.current; + let [state, setState] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)({ + action: history.action, + location: history.location + }); + (0,react__WEBPACK_IMPORTED_MODULE_1__.useLayoutEffect)(() => history.listen(setState), [history]); + return /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.createElement)(Router, { + basename: basename, + children: children, + location: state.location, + navigationType: state.action, + navigator: history + }); +} + +/** + * Changes the current location. + * + * Note: This API is mostly useful in React.Component subclasses that are not + * able to use hooks. In functional components, we recommend you use the + * `useNavigate` hook instead. + * + * @see https://reactrouter.com/docs/en/v6/api#navigate + */ +function Navigate(_ref2) { + let { + to, + replace, + state + } = _ref2; + !useInRouterContext() ? true ? invariant(false, // TODO: This error is probably because they somehow have 2 versions of + // the router loaded. We can help them understand how to avoid that. + " may be used only in the context of a component.") : 0 : void 0; + true ? warning(!(0,react__WEBPACK_IMPORTED_MODULE_1__.useContext)(NavigationContext).static, " must not be used on the initial render in a . " + "This is a no-op, but you should modify your code so the is " + "only ever rendered in response to some user interaction or state change.") : 0; + let navigate = useNavigate(); + (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(() => { + navigate(to, { + replace, + state + }); + }); + return null; +} + +/** + * Renders the child route's element, if there is one. + * + * @see https://reactrouter.com/docs/en/v6/api#outlet + */ +function Outlet(props) { + return useOutlet(props.context); +} + +/** + * Declares an element that should be rendered at a certain URL path. + * + * @see https://reactrouter.com/docs/en/v6/api#route + */ +function Route(_props) { + true ? invariant(false, "A is only ever to be used as the child of element, " + "never rendered directly. Please wrap your in a .") : 0 ; +} + +/** + * Provides location context for the rest of the app. + * + * Note: You usually won't render a directly. Instead, you'll render a + * router that is more specific to your environment such as a + * in web browsers or a for server rendering. + * + * @see https://reactrouter.com/docs/en/v6/api#router + */ +function Router(_ref3) { + let { + basename: basenameProp = "/", + children = null, + location: locationProp, + navigationType = history__WEBPACK_IMPORTED_MODULE_0__.Action.Pop, + navigator, + static: staticProp = false + } = _ref3; + !!useInRouterContext() ? true ? invariant(false, "You cannot render a inside another ." + " You should never have more than one in your app.") : 0 : void 0; + let basename = normalizePathname(basenameProp); + let navigationContext = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(() => ({ + basename, + navigator, + static: staticProp + }), [basename, navigator, staticProp]); + + if (typeof locationProp === "string") { + locationProp = (0,history__WEBPACK_IMPORTED_MODULE_0__.parsePath)(locationProp); + } + + let { + pathname = "/", + search = "", + hash = "", + state = null, + key = "default" + } = locationProp; + let location = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(() => { + let trailingPathname = stripBasename(pathname, basename); + + if (trailingPathname == null) { + return null; + } + + return { + pathname: trailingPathname, + search, + hash, + state, + key + }; + }, [basename, pathname, search, hash, state, key]); + true ? warning(location != null, " is not able to match the URL " + ("\"" + pathname + search + hash + "\" because it does not start with the ") + "basename, so the won't render anything.") : 0; + + if (location == null) { + return null; + } + + return /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.createElement)(NavigationContext.Provider, { + value: navigationContext + }, /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.createElement)(LocationContext.Provider, { + children: children, + value: { + location, + navigationType + } + })); +} + +/** + * A container for a nested tree of elements that renders the branch + * that best matches the current location. + * + * @see https://reactrouter.com/docs/en/v6/api#routes + */ +function Routes(_ref4) { + let { + children, + location + } = _ref4; + return useRoutes(createRoutesFromChildren(children), location); +} /////////////////////////////////////////////////////////////////////////////// +// UTILS +/////////////////////////////////////////////////////////////////////////////// + +/** + * Creates a route config from a React "children" object, which is usually + * either a `` element or an array of them. Used internally by + * `` to create a route config from its children. + * + * @see https://reactrouter.com/docs/en/v6/api#createroutesfromchildren + */ + +function createRoutesFromChildren(children) { + let routes = []; + react__WEBPACK_IMPORTED_MODULE_1__.Children.forEach(children, element => { + if (! /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.isValidElement)(element)) { + // Ignore non-elements. This allows people to more easily inline + // conditionals in their route config. + return; + } + + if (element.type === react__WEBPACK_IMPORTED_MODULE_1__.Fragment) { + // Transparently support React.Fragment and its children. + routes.push.apply(routes, createRoutesFromChildren(element.props.children)); + return; + } + + !(element.type === Route) ? true ? invariant(false, "[" + (typeof element.type === "string" ? element.type : element.type.name) + "] is not a component. All component children of must be a or ") : 0 : void 0; + let route = { + caseSensitive: element.props.caseSensitive, + element: element.props.element, + index: element.props.index, + path: element.props.path + }; + + if (element.props.children) { + route.children = createRoutesFromChildren(element.props.children); + } + + routes.push(route); + }); + return routes; +} +/** + * Renders the result of `matchRoutes()` into a React element. + */ + +function renderMatches(matches) { + return _renderMatches(matches); +} + + +//# sourceMappingURL=index.js.map + + +/***/ }), + +/***/ "react": +/*!************************!*\ + !*** external "React" ***! + \************************/ +/***/ (function(module) { + +"use strict"; +module.exports = window["React"]; + +/***/ }), + +/***/ "lodash": +/*!*************************!*\ + !*** external "lodash" ***! + \*************************/ +/***/ (function(module) { + +"use strict"; +module.exports = window["lodash"]; + +/***/ }), + +/***/ "@wordpress/a11y": +/*!******************************!*\ + !*** external ["wp","a11y"] ***! + \******************************/ +/***/ (function(module) { + +"use strict"; +module.exports = window["wp"]["a11y"]; + +/***/ }), + +/***/ "@wordpress/api-fetch": +/*!**********************************!*\ + !*** external ["wp","apiFetch"] ***! + \**********************************/ +/***/ (function(module) { + +"use strict"; +module.exports = window["wp"]["apiFetch"]; + +/***/ }), + +/***/ "@wordpress/block-editor": +/*!*************************************!*\ + !*** external ["wp","blockEditor"] ***! + \*************************************/ +/***/ (function(module) { + +"use strict"; +module.exports = window["wp"]["blockEditor"]; + +/***/ }), + +/***/ "@wordpress/block-library": +/*!**************************************!*\ + !*** external ["wp","blockLibrary"] ***! + \**************************************/ +/***/ (function(module) { + +"use strict"; +module.exports = window["wp"]["blockLibrary"]; + +/***/ }), + +/***/ "@wordpress/blocks": +/*!********************************!*\ + !*** external ["wp","blocks"] ***! + \********************************/ +/***/ (function(module) { + +"use strict"; +module.exports = window["wp"]["blocks"]; + +/***/ }), + +/***/ "@wordpress/components": +/*!************************************!*\ + !*** external ["wp","components"] ***! + \************************************/ +/***/ (function(module) { + +"use strict"; +module.exports = window["wp"]["components"]; + +/***/ }), + +/***/ "@wordpress/compose": +/*!*********************************!*\ + !*** external ["wp","compose"] ***! + \*********************************/ +/***/ (function(module) { + +"use strict"; +module.exports = window["wp"]["compose"]; + +/***/ }), + +/***/ "@wordpress/data": +/*!******************************!*\ + !*** external ["wp","data"] ***! + \******************************/ +/***/ (function(module) { + +"use strict"; +module.exports = window["wp"]["data"]; + +/***/ }), + +/***/ "@wordpress/data-controls": +/*!**************************************!*\ + !*** external ["wp","dataControls"] ***! + \**************************************/ +/***/ (function(module) { + +"use strict"; +module.exports = window["wp"]["dataControls"]; + +/***/ }), + +/***/ "@wordpress/deprecated": +/*!************************************!*\ + !*** external ["wp","deprecated"] ***! + \************************************/ +/***/ (function(module) { + +"use strict"; +module.exports = window["wp"]["deprecated"]; + +/***/ }), + +/***/ "@wordpress/dom": +/*!*****************************!*\ + !*** external ["wp","dom"] ***! + \*****************************/ +/***/ (function(module) { + +"use strict"; +module.exports = window["wp"]["dom"]; + +/***/ }), + +/***/ "@wordpress/dom-ready": +/*!**********************************!*\ + !*** external ["wp","domReady"] ***! + \**********************************/ +/***/ (function(module) { + +"use strict"; +module.exports = window["wp"]["domReady"]; + +/***/ }), + +/***/ "@wordpress/element": +/*!*********************************!*\ + !*** external ["wp","element"] ***! + \*********************************/ +/***/ (function(module) { + +"use strict"; +module.exports = window["wp"]["element"]; + +/***/ }), + +/***/ "@wordpress/i18n": +/*!******************************!*\ + !*** external ["wp","i18n"] ***! + \******************************/ +/***/ (function(module) { + +"use strict"; +module.exports = window["wp"]["i18n"]; + +/***/ }), + +/***/ "@wordpress/keycodes": +/*!**********************************!*\ + !*** external ["wp","keycodes"] ***! + \**********************************/ +/***/ (function(module) { + +"use strict"; +module.exports = window["wp"]["keycodes"]; + +/***/ }), + +/***/ "@wordpress/plugins": +/*!*********************************!*\ + !*** external ["wp","plugins"] ***! + \*********************************/ +/***/ (function(module) { + +"use strict"; +module.exports = window["wp"]["plugins"]; + +/***/ }), + +/***/ "@wordpress/preferences": +/*!*************************************!*\ + !*** external ["wp","preferences"] ***! + \*************************************/ +/***/ (function(module) { + +"use strict"; +module.exports = window["wp"]["preferences"]; + +/***/ }), + +/***/ "@wordpress/primitives": +/*!************************************!*\ + !*** external ["wp","primitives"] ***! + \************************************/ +/***/ (function(module) { + +"use strict"; +module.exports = window["wp"]["primitives"]; + +/***/ }), + +/***/ "@wordpress/url": +/*!*****************************!*\ + !*** external ["wp","url"] ***! + \*****************************/ +/***/ (function(module) { + +"use strict"; +module.exports = window["wp"]["url"]; + +/***/ }), + +/***/ "@wordpress/viewport": +/*!**********************************!*\ + !*** external ["wp","viewport"] ***! + \**********************************/ +/***/ (function(module) { + +"use strict"; +module.exports = window["wp"]["viewport"]; + +/***/ }), + +/***/ "./node_modules/@babel/runtime/helpers/esm/extends.js": +/*!************************************************************!*\ + !*** ./node_modules/@babel/runtime/helpers/esm/extends.js ***! + \************************************************************/ +/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": function() { return /* binding */ _extends; } +/* harmony export */ }); +function _extends() { + _extends = Object.assign || function (target) { + for (var i = 1; i < arguments.length; i++) { + var source = arguments[i]; + + for (var key in source) { + if (Object.prototype.hasOwnProperty.call(source, key)) { + target[key] = source[key]; + } + } + } + + return target; + }; + + return _extends.apply(this, arguments); +} + +/***/ }) + +/******/ }); +/************************************************************************/ +/******/ // The module cache +/******/ var __webpack_module_cache__ = {}; +/******/ +/******/ // The require function +/******/ function __webpack_require__(moduleId) { +/******/ // Check if module is in cache +/******/ var cachedModule = __webpack_module_cache__[moduleId]; +/******/ if (cachedModule !== undefined) { +/******/ return cachedModule.exports; +/******/ } +/******/ // Create a new module (and put it into the cache) +/******/ var module = __webpack_module_cache__[moduleId] = { +/******/ // no module.id needed +/******/ // no module.loaded needed +/******/ exports: {} +/******/ }; +/******/ +/******/ // Execute the module function +/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__); +/******/ +/******/ // Return the exports of the module +/******/ return module.exports; +/******/ } +/******/ +/******/ // expose the modules object (__webpack_modules__) +/******/ __webpack_require__.m = __webpack_modules__; +/******/ +/************************************************************************/ +/******/ /* webpack/runtime/compat get default export */ +/******/ !function() { +/******/ // getDefaultExport function for compatibility with non-harmony modules +/******/ __webpack_require__.n = function(module) { +/******/ var getter = module && module.__esModule ? +/******/ function() { return module['default']; } : +/******/ function() { return module; }; +/******/ __webpack_require__.d(getter, { a: getter }); +/******/ return getter; +/******/ }; +/******/ }(); +/******/ +/******/ /* webpack/runtime/define property getters */ +/******/ !function() { +/******/ // define getter functions for harmony exports +/******/ __webpack_require__.d = function(exports, definition) { +/******/ for(var key in definition) { +/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) { +/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] }); +/******/ } +/******/ } +/******/ }; +/******/ }(); +/******/ +/******/ /* webpack/runtime/ensure chunk */ +/******/ !function() { +/******/ __webpack_require__.f = {}; +/******/ // This file contains only the entry chunk. +/******/ // The chunk loading function for additional chunks +/******/ __webpack_require__.e = function(chunkId) { +/******/ return Promise.all(Object.keys(__webpack_require__.f).reduce(function(promises, key) { +/******/ __webpack_require__.f[key](chunkId, promises); +/******/ return promises; +/******/ }, [])); +/******/ }; +/******/ }(); +/******/ +/******/ /* webpack/runtime/get javascript chunk filename */ +/******/ !function() { +/******/ // This function allow to reference async chunks +/******/ __webpack_require__.u = function(chunkId) { +/******/ // return url for filenames based on template +/******/ return "" + chunkId + ".js"; +/******/ }; +/******/ }(); +/******/ +/******/ /* webpack/runtime/get mini-css chunk filename */ +/******/ !function() { +/******/ // This function allow to reference async chunks +/******/ __webpack_require__.miniCssF = function(chunkId) { +/******/ // return url for filenames based on template +/******/ return undefined; +/******/ }; +/******/ }(); +/******/ +/******/ /* webpack/runtime/global */ +/******/ !function() { +/******/ __webpack_require__.g = (function() { +/******/ if (typeof globalThis === 'object') return globalThis; +/******/ try { +/******/ return this || new Function('return this')(); +/******/ } catch (e) { +/******/ if (typeof window === 'object') return window; +/******/ } +/******/ })(); +/******/ }(); +/******/ +/******/ /* webpack/runtime/hasOwnProperty shorthand */ +/******/ !function() { +/******/ __webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); } +/******/ }(); +/******/ +/******/ /* webpack/runtime/load script */ +/******/ !function() { +/******/ var inProgress = {}; +/******/ var dataWebpackPrefix = "newfold.Onboarding:"; +/******/ // loadScript function to load a script via script tag +/******/ __webpack_require__.l = function(url, done, key, chunkId) { +/******/ if(inProgress[url]) { inProgress[url].push(done); return; } +/******/ var script, needAttach; +/******/ if(key !== undefined) { +/******/ var scripts = document.getElementsByTagName("script"); +/******/ for(var i = 0; i < scripts.length; i++) { +/******/ var s = scripts[i]; +/******/ if(s.getAttribute("src") == url || s.getAttribute("data-webpack") == dataWebpackPrefix + key) { script = s; break; } +/******/ } +/******/ } +/******/ if(!script) { +/******/ needAttach = true; +/******/ script = document.createElement('script'); +/******/ +/******/ script.charset = 'utf-8'; +/******/ script.timeout = 120; +/******/ if (__webpack_require__.nc) { +/******/ script.setAttribute("nonce", __webpack_require__.nc); +/******/ } +/******/ script.setAttribute("data-webpack", dataWebpackPrefix + key); +/******/ script.src = url; +/******/ } +/******/ inProgress[url] = [done]; +/******/ var onScriptComplete = function(prev, event) { +/******/ // avoid mem leaks in IE. +/******/ script.onerror = script.onload = null; +/******/ clearTimeout(timeout); +/******/ var doneFns = inProgress[url]; +/******/ delete inProgress[url]; +/******/ script.parentNode && script.parentNode.removeChild(script); +/******/ doneFns && doneFns.forEach(function(fn) { return fn(event); }); +/******/ if(prev) return prev(event); +/******/ } +/******/ ; +/******/ var timeout = setTimeout(onScriptComplete.bind(null, undefined, { type: 'timeout', target: script }), 120000); +/******/ script.onerror = onScriptComplete.bind(null, script.onerror); +/******/ script.onload = onScriptComplete.bind(null, script.onload); +/******/ needAttach && document.head.appendChild(script); +/******/ }; +/******/ }(); +/******/ +/******/ /* webpack/runtime/make namespace object */ +/******/ !function() { +/******/ // define __esModule on exports +/******/ __webpack_require__.r = function(exports) { +/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { +/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); +/******/ } +/******/ Object.defineProperty(exports, '__esModule', { value: true }); +/******/ }; +/******/ }(); +/******/ +/******/ /* webpack/runtime/publicPath */ +/******/ !function() { +/******/ var scriptUrl; +/******/ if (__webpack_require__.g.importScripts) scriptUrl = __webpack_require__.g.location + ""; +/******/ var document = __webpack_require__.g.document; +/******/ if (!scriptUrl && document) { +/******/ if (document.currentScript) +/******/ scriptUrl = document.currentScript.src +/******/ if (!scriptUrl) { +/******/ var scripts = document.getElementsByTagName("script"); +/******/ if(scripts.length) scriptUrl = scripts[scripts.length - 1].src +/******/ } +/******/ } +/******/ // When supporting browsers where an automatic publicPath is not supported you must specify an output.publicPath manually via configuration +/******/ // or pass an empty string ("") and set the __webpack_public_path__ variable from your code to use your own logic. +/******/ if (!scriptUrl) throw new Error("Automatic publicPath is not supported in this browser"); +/******/ scriptUrl = scriptUrl.replace(/#.*$/, "").replace(/\?.*$/, "").replace(/\/[^\/]+$/, "/"); +/******/ __webpack_require__.p = scriptUrl; +/******/ }(); +/******/ +/******/ /* webpack/runtime/jsonp chunk loading */ +/******/ !function() { +/******/ // no baseURI +/******/ +/******/ // object to store loaded and loading chunks +/******/ // undefined = chunk not loaded, null = chunk preloaded/prefetched +/******/ // [resolve, reject, Promise] = chunk loading, 0 = chunk loaded +/******/ var installedChunks = { +/******/ "onboarding": 0 +/******/ }; +/******/ +/******/ __webpack_require__.f.j = function(chunkId, promises) { +/******/ // JSONP chunk loading for javascript +/******/ var installedChunkData = __webpack_require__.o(installedChunks, chunkId) ? installedChunks[chunkId] : undefined; +/******/ if(installedChunkData !== 0) { // 0 means "already installed". +/******/ +/******/ // a Promise means "currently loading". +/******/ if(installedChunkData) { +/******/ promises.push(installedChunkData[2]); +/******/ } else { +/******/ if(true) { // all chunks have JS +/******/ // setup Promise in chunk cache +/******/ var promise = new Promise(function(resolve, reject) { installedChunkData = installedChunks[chunkId] = [resolve, reject]; }); +/******/ promises.push(installedChunkData[2] = promise); +/******/ +/******/ // start chunk loading +/******/ var url = __webpack_require__.p + __webpack_require__.u(chunkId); +/******/ // create error before stack unwound to get useful stacktrace later +/******/ var error = new Error(); +/******/ var loadingEnded = function(event) { +/******/ if(__webpack_require__.o(installedChunks, chunkId)) { +/******/ installedChunkData = installedChunks[chunkId]; +/******/ if(installedChunkData !== 0) installedChunks[chunkId] = undefined; +/******/ if(installedChunkData) { +/******/ var errorType = event && (event.type === 'load' ? 'missing' : event.type); +/******/ var realSrc = event && event.target && event.target.src; +/******/ error.message = 'Loading chunk ' + chunkId + ' failed.\n(' + errorType + ': ' + realSrc + ')'; +/******/ error.name = 'ChunkLoadError'; +/******/ error.type = errorType; +/******/ error.request = realSrc; +/******/ installedChunkData[1](error); +/******/ } +/******/ } +/******/ }; +/******/ __webpack_require__.l(url, loadingEnded, "chunk-" + chunkId, chunkId); +/******/ } else installedChunks[chunkId] = 0; +/******/ } +/******/ } +/******/ }; +/******/ +/******/ // no prefetching +/******/ +/******/ // no preloaded +/******/ +/******/ // no HMR +/******/ +/******/ // no HMR manifest +/******/ +/******/ // no on chunks loaded +/******/ +/******/ // install a JSONP callback for chunk loading +/******/ var webpackJsonpCallback = function(parentChunkLoadingFunction, data) { +/******/ var chunkIds = data[0]; +/******/ var moreModules = data[1]; +/******/ var runtime = data[2]; +/******/ // add "moreModules" to the modules object, +/******/ // then flag all "chunkIds" as loaded and fire callback +/******/ var moduleId, chunkId, i = 0; +/******/ if(chunkIds.some(function(id) { return installedChunks[id] !== 0; })) { +/******/ for(moduleId in moreModules) { +/******/ if(__webpack_require__.o(moreModules, moduleId)) { +/******/ __webpack_require__.m[moduleId] = moreModules[moduleId]; +/******/ } +/******/ } +/******/ if(runtime) var result = runtime(__webpack_require__); +/******/ } +/******/ if(parentChunkLoadingFunction) parentChunkLoadingFunction(data); +/******/ for(;i < chunkIds.length; i++) { +/******/ chunkId = chunkIds[i]; +/******/ if(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) { +/******/ installedChunks[chunkId][0](); +/******/ } +/******/ installedChunks[chunkId] = 0; +/******/ } +/******/ +/******/ } +/******/ +/******/ var chunkLoadingGlobal = self["webpackChunknewfold_Onboarding"] = self["webpackChunknewfold_Onboarding"] || []; +/******/ chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0)); +/******/ chunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal)); +/******/ }(); +/******/ +/************************************************************************/ +var __webpack_exports__ = {}; +// This entry need to be wrapped in an IIFE because it need to be in strict mode. +!function() { +"use strict"; +/*!***************************!*\ + !*** ./src/onboarding.js ***! + \***************************/ +__webpack_require__.r(__webpack_exports__); +/* harmony import */ var _webpack_public_path__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./webpack-public-path */ "./src/webpack-public-path.js"); +/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./constants */ "./src/constants.js"); +/* harmony import */ var _wordpress_dom_ready__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/dom-ready */ "@wordpress/dom-ready"); +/* harmony import */ var _wordpress_dom_ready__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_dom_ready__WEBPACK_IMPORTED_MODULE_2__); +/* harmony import */ var _wordpress_block_library__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/block-library */ "@wordpress/block-library"); +/* harmony import */ var _wordpress_block_library__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_block_library__WEBPACK_IMPORTED_MODULE_3__); +/* harmony import */ var _OnboardingSPA__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./OnboardingSPA */ "./src/OnboardingSPA/index.js"); + + + + + + +if (_constants__WEBPACK_IMPORTED_MODULE_1__.runtimeDataExists) { + _wordpress_dom_ready__WEBPACK_IMPORTED_MODULE_2___default()(() => { + (0,_OnboardingSPA__WEBPACK_IMPORTED_MODULE_4__["default"])(_constants__WEBPACK_IMPORTED_MODULE_1__.NFD_ONBOARDING_ELEMENT_ID, window.nfdOnboarding); + (0,_wordpress_block_library__WEBPACK_IMPORTED_MODULE_3__.registerCoreBlocks)(); + }); +} else { + console.log('Cannot find Newfold Onboarding runtime data to set __webpack_public_path__.'); +} +}(); +((window.newfold = window.newfold || {}).Onboarding = window.newfold.Onboarding || {}).onboarding = __webpack_exports__; +/******/ })() +; +//# sourceMappingURL=onboarding.js.map \ No newline at end of file diff --git a/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js b/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js index 9be1ac385..9108f58f5 100644 --- a/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js +++ b/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js @@ -12,15 +12,11 @@ const DesignColors = () => { const [isLoaded, setIsLoaded] = useState(false); const [globalStyles, setGlobalStyles] = useState(); const [selectedColors, setSelectedColors] = useState(); - const [selectedColorsLocal, setSelectedColorsLocal] = useState(); const [showColorPicker, setShowColorPicker] = useState(false); const [isAccordionClosed, setIsAccordionClosed] = useState(true); + const [selectedColorsLocal, setSelectedColorsLocal] = useState(); const [customColors, setCustomColors] = useState(); - const [primaryColor, setPrimaryColor] = useState(); - const [tertiaryColor, setTertiaryColor] = useState(); - const [secondaryColor, setSecondaryColor] = useState(); - const [backgroundColor, setBackgroundColor] = useState(); const [colorPickerCalledBy, setColorPickerCalledBy] = useState(''); const { storedPreviewSettings, currentData } = useSelect( @@ -163,6 +159,40 @@ const DesignColors = () => { } } + async function saveCustomColors() { + let selectedGlobalStyle = globalStyles; + let selectedThemeColorPalette = selectedGlobalStyle?.settings?.color?.palette?.theme; + + if (selectedThemeColorPalette) { + for (let idx = 0; idx < selectedThemeColorPalette.length; idx++) { + switch (selectedThemeColorPalette[idx]?.slug) { + case 'background': + if (colorPickerCalledBy == 'background' && customColors?.background) + selectedThemeColorPalette[idx].color = customColors?.background; + break; + case 'primary': + if (colorPickerCalledBy == 'primary' && customColors?.primary) + selectedThemeColorPalette[idx].color = customColors?.primary; + break; + case 'secondary': + if (colorPickerCalledBy == 'secondary' && customColors?.secondary) + selectedThemeColorPalette[idx].color = customColors?.secondary; + break; + case 'tertiary': + if (colorPickerCalledBy == 'tertiary' && customColors?.tertiary) + selectedThemeColorPalette[idx].color = customColors?.tertiary; + break; + } + } + + selectedGlobalStyle.settings.color.palette.theme = selectedThemeColorPalette; + setGlobalStyles(selectedGlobalStyle); + updatePreviewSettings( + useGlobalStylesOutput(selectedGlobalStyle, storedPreviewSettings) + ); + } + } + const getColorStylesAndPatterns = async () => { const globalStyles = await getGlobalStyles(); let selectedGlobalStyle; @@ -202,40 +232,6 @@ const DesignColors = () => { if (!isLoaded) getColorStylesAndPatterns(); }, [isLoaded]); - async function saveCustomColors() { - let selectedGlobalStyle = globalStyles; - let selectedThemeColorPalette = selectedGlobalStyle?.settings?.color?.palette?.theme; - - if (selectedThemeColorPalette) { - for (let idx = 0; idx < selectedThemeColorPalette.length; idx++) { - switch (selectedThemeColorPalette[idx]?.slug) { - case 'background': - if (colorPickerCalledBy == 'background' && customColors?.background) - selectedThemeColorPalette[idx].color = customColors?.background; - break; - case 'primary': - if (colorPickerCalledBy == 'primary' && customColors?.primary) - selectedThemeColorPalette[idx].color = customColors?.primary; - break; - case 'secondary': - if (colorPickerCalledBy == 'secondary' && customColors?.secondary) - selectedThemeColorPalette[idx].color = customColors?.secondary; - break; - case 'tertiary': - if (colorPickerCalledBy == 'tertiary' && customColors?.tertiary) - selectedThemeColorPalette[idx].color = customColors?.tertiary; - break; - } - } - - selectedGlobalStyle.settings.color.palette.theme = selectedThemeColorPalette; - setGlobalStyles(selectedGlobalStyle); - updatePreviewSettings( - useGlobalStylesOutput(selectedGlobalStyle, storedPreviewSettings) - ); - } - } - const handleClick = (colorStyle) => { let selectedColorsLocalTemp = selectedColorsLocal; selectedColorsLocalTemp = colorPalettes[colorStyle]; @@ -244,6 +240,7 @@ const DesignColors = () => { for(let custom in customColorsTemp) customColorsTemp[custom] = ''; + setCustomColors(customColorsTemp); saveThemeColorPalette(colorStyle); setSelectedColorsLocal(selectedColorsLocalTemp); LocalToState(selectedColorsLocalTemp, colorStyle); From 1d36408080a3146c81b9125ed56c0e0428471ae5 Mon Sep 17 00:00:00 2001 From: Allen Benny Date: Tue, 11 Oct 2022 20:05:31 +0530 Subject: [PATCH 35/49] Refactored Code --- build/0.2.3/onboarding.asset.php | 2 +- build/0.2.3/onboarding.js | 20 +++++++++---------- .../Drawer/DrawerPanel/DesignColors.js | 18 ++++++++--------- 3 files changed, 20 insertions(+), 20 deletions(-) diff --git a/build/0.2.3/onboarding.asset.php b/build/0.2.3/onboarding.asset.php index 5037154c8..640871ee1 100644 --- a/build/0.2.3/onboarding.asset.php +++ b/build/0.2.3/onboarding.asset.php @@ -1 +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' => '04cabdb206099900a2dfa2313a2ccf80'); \ No newline at end of file + 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' => 'd166724c94fe6a5ff811affba0422e01'); \ No newline at end of file diff --git a/build/0.2.3/onboarding.js b/build/0.2.3/onboarding.js index bffc0e4d0..4f585fa44 100644 --- a/build/0.2.3/onboarding.js +++ b/build/0.2.3/onboarding.js @@ -3444,7 +3444,6 @@ const DesignColors = () => { } else { selectedColors = currentData.data.palette; selectedColorsLocal = stateToLocal(selectedColors); - setCustomColors(selectedColorsLocal); if (selectedColors.slug === 'custom') { setCustomColors(selectedColorsLocal); @@ -3475,9 +3474,10 @@ const DesignColors = () => { const changeCustomPickerColor = async color => { let selectedColorsLocalTemp = selectedColorsLocal; - selectedColorsLocalTemp = customColors; - customColors[colorPickerCalledBy] = color; + selectedColorsLocalTemp[colorPickerCalledBy] = color; saveCustomColors(); + setSelectedColorsLocal(selectedColorsLocalTemp); + setCustomColors(selectedColorsLocalTemp); LocalToState(selectedColorsLocalTemp, 'custom'); }; @@ -3519,11 +3519,11 @@ const DesignColors = () => { } function buildCustomPalette() { - var _selectedColors$color, _selectedColors$color2, _selectedColors$color3, _customColors$backgro, _customColors$primary, _customColors$seconda, _customColors$tertiar; + var _selectedColorsLocal$, _selectedColorsLocal$2, _selectedColorsLocal$3, _customColors$backgro; - let primaryColorTemp = (_selectedColors$color = selectedColors === null || selectedColors === void 0 ? void 0 : selectedColors.color[0].color) !== null && _selectedColors$color !== void 0 ? _selectedColors$color : '#fff'; - let secondaryColorTemp = (_selectedColors$color2 = selectedColors === null || selectedColors === void 0 ? void 0 : selectedColors.color[1].color) !== null && _selectedColors$color2 !== void 0 ? _selectedColors$color2 : '#fff'; - let tertiaryColorTemp = (_selectedColors$color3 = selectedColors === null || selectedColors === void 0 ? void 0 : selectedColors.color[2].color) !== null && _selectedColors$color3 !== void 0 ? _selectedColors$color3 : '#fff'; + let primaryColorTemp = customColors && (customColors === null || customColors === void 0 ? void 0 : customColors.primary) != '' ? customColors === null || customColors === void 0 ? void 0 : customColors.primary : (_selectedColorsLocal$ = selectedColorsLocal === null || selectedColorsLocal === void 0 ? void 0 : selectedColorsLocal.primary) !== null && _selectedColorsLocal$ !== void 0 ? _selectedColorsLocal$ : '#fff'; + let secondaryColorTemp = customColors && (customColors === null || customColors === void 0 ? void 0 : customColors.secondary) != '' ? customColors === null || customColors === void 0 ? void 0 : customColors.secondary : (_selectedColorsLocal$2 = selectedColorsLocal === null || selectedColorsLocal === void 0 ? void 0 : selectedColorsLocal.secondary) !== null && _selectedColorsLocal$2 !== void 0 ? _selectedColorsLocal$2 : '#fff'; + let tertiaryColorTemp = customColors && (customColors === null || customColors === void 0 ? void 0 : customColors.tertiary) != '' ? customColors === null || customColors === void 0 ? void 0 : customColors.tertiary : (_selectedColorsLocal$3 = selectedColorsLocal === null || selectedColorsLocal === void 0 ? void 0 : selectedColorsLocal.tertiary) !== null && _selectedColorsLocal$3 !== void 0 ? _selectedColorsLocal$3 : '#fff'; return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { className: "custom-palette" }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { @@ -3553,7 +3553,7 @@ const DesignColors = () => { }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { className: `custom-palette__below-row-icon ${(customColors === null || customColors === void 0 ? void 0 : customColors.primary) && 'custom-palette__below-row-icon_selected_border'}`, style: { - backgroundColor: `${(_customColors$primary = customColors === null || customColors === void 0 ? void 0 : customColors.primary) !== null && _customColors$primary !== void 0 ? _customColors$primary : primaryColorTemp}` + backgroundColor: `${primaryColorTemp}` } }, customColors !== null && customColors !== void 0 && customColors.primary ? (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, "\u2713") : null), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { className: "custom-palette__below-row-text" @@ -3563,7 +3563,7 @@ const DesignColors = () => { }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { className: `custom-palette__below-row-icon ${(customColors === null || customColors === void 0 ? void 0 : customColors.secondary) && 'custom-palette__below-row-icon_selected_border'}`, style: { - backgroundColor: `${(_customColors$seconda = customColors === null || customColors === void 0 ? void 0 : customColors.secondary) !== null && _customColors$seconda !== void 0 ? _customColors$seconda : secondaryColorTemp}` + backgroundColor: `${secondaryColorTemp}` } }, customColors !== null && customColors !== void 0 && customColors.secondary ? (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, "\u2713") : null), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { className: "custom-palette__below-row-text" @@ -3573,7 +3573,7 @@ const DesignColors = () => { }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { className: `custom-palette__below-row-icon ${(customColors === null || customColors === void 0 ? void 0 : customColors.tertiary) && 'custom-palette__below-row-icon_selected_border'}`, style: { - backgroundColor: `${(_customColors$tertiar = customColors === null || customColors === void 0 ? void 0 : customColors.tertiary) !== null && _customColors$tertiar !== void 0 ? _customColors$tertiar : tertiaryColorTemp}` + backgroundColor: `${tertiaryColorTemp}` } }, customColors !== null && customColors !== void 0 && customColors.tertiary ? (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, "\u2713") : null), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { className: "custom-palette__below-row-text" diff --git a/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js b/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js index 9108f58f5..4849c8005 100644 --- a/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js +++ b/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js @@ -216,7 +216,6 @@ const DesignColors = () => { else { selectedColors = currentData.data.palette; selectedColorsLocal = stateToLocal(selectedColors); - setCustomColors(selectedColorsLocal); if(selectedColors.slug === 'custom') { setCustomColors(selectedColorsLocal); @@ -249,10 +248,11 @@ const DesignColors = () => { const changeCustomPickerColor = async (color) => { let selectedColorsLocalTemp = selectedColorsLocal; - selectedColorsLocalTemp = customColors; - customColors[colorPickerCalledBy] = color; + selectedColorsLocalTemp[colorPickerCalledBy] = color; saveCustomColors(); + setSelectedColorsLocal(selectedColorsLocalTemp); + setCustomColors(selectedColorsLocalTemp); LocalToState(selectedColorsLocalTemp, 'custom'); } @@ -291,9 +291,9 @@ const DesignColors = () => { function buildCustomPalette () { - let primaryColorTemp = selectedColors?.color[0].color ?? '#fff'; - let secondaryColorTemp = selectedColors?.color[1].color ?? '#fff'; - let tertiaryColorTemp = selectedColors?.color[2].color ?? '#fff'; + let primaryColorTemp = customColors && customColors?.primary != '' ? customColors?.primary : selectedColorsLocal?.primary ?? '#fff'; + let secondaryColorTemp = customColors && customColors?.secondary != '' ? customColors?.secondary : selectedColorsLocal?.secondary ?? '#fff'; + let tertiaryColorTemp = customColors && customColors?.tertiary != '' ? customColors?.tertiary : selectedColorsLocal?.tertiary ?? '#fff'; return (

@@ -315,7 +315,7 @@ const DesignColors = () => {
selectCustomColor('primary')}>
+ style={{ backgroundColor: `${primaryColorTemp}` }}> {customColors?.primary ? <>✓ : null}
Primary
@@ -323,7 +323,7 @@ const DesignColors = () => {
selectCustomColor('secondary')}>
+ style={{ backgroundColor: `${secondaryColorTemp}` }}> {customColors?.secondary ? <>✓ : null}
Secondary
@@ -331,7 +331,7 @@ const DesignColors = () => {
selectCustomColor('tertiary')}>
+ style={{ backgroundColor: `${tertiaryColorTemp}` }}> {customColors?.tertiary ? <>✓ : null}
Tertiary
From 3bea564b57a35f31c8256cffddd2b4367a25358d Mon Sep 17 00:00:00 2001 From: Allen Benny Date: Wed, 12 Oct 2022 12:40:02 +0530 Subject: [PATCH 36/49] Added a API to fetch Theme Colors --- build/0.2.3/onboarding.asset.php | 2 +- build/0.2.3/onboarding.js | 74 ++++------- includes/RestApi/RestApi.php | 1 + .../RestApi/Themes/ThemeColorsController.php | 117 ++++++++++++++++++ .../Drawer/DrawerPanel/DesignColors.js | 65 ++-------- src/OnboardingSPA/utils/api/themes.js | 10 +- 6 files changed, 160 insertions(+), 109 deletions(-) create mode 100644 includes/RestApi/Themes/ThemeColorsController.php diff --git a/build/0.2.3/onboarding.asset.php b/build/0.2.3/onboarding.asset.php index 640871ee1..053bd9425 100644 --- a/build/0.2.3/onboarding.asset.php +++ b/build/0.2.3/onboarding.asset.php @@ -1 +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' => 'd166724c94fe6a5ff811affba0422e01'); \ No newline at end of file + 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' => '3ca722790b9b1cdff7f617b8dc276e31'); \ No newline at end of file diff --git a/build/0.2.3/onboarding.js b/build/0.2.3/onboarding.js index 4f585fa44..9ebbb04f9 100644 --- a/build/0.2.3/onboarding.js +++ b/build/0.2.3/onboarding.js @@ -3256,6 +3256,7 @@ const DesignColors = () => { const [showColorPicker, setShowColorPicker] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(false); const [isAccordionClosed, setIsAccordionClosed] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(true); const [selectedColorsLocal, setSelectedColorsLocal] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(); + const [colorPalettes, setColorPalettes] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(); const [customColors, setCustomColors] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(); const [colorPickerCalledBy, setColorPickerCalledBy] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(''); const { @@ -3271,50 +3272,6 @@ const DesignColors = () => { updatePreviewSettings, setCurrentOnboardingData } = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_2__.useDispatch)(_store__WEBPACK_IMPORTED_MODULE_4__.store); - const colorPalettes = { - 'calm': { - 'tertiary': '#C7DBFF', - 'secondary': '#E6EBEE', - 'primary': '#1A4733', - 'background': '' - }, - 'cool': { - 'tertiary': '#C7DBFF', - 'secondary': '#EDF7FE', - 'primary': '#21447B', - 'background': '' - }, - 'warm': { - 'tertiary': '#FFEDED', - 'secondary': '#FEF7E8', - 'primary': '#7A3921', - 'background': '' - }, - 'radiant': { - 'tertiary': '#C7F0FF', - 'secondary': '#FEF4FB', - 'primary': '#63156A', - 'background': '' - }, - 'bold': { - 'tertiary': '#F2A3D6', - 'secondary': '#FFFBF5', - 'primary': '#09857C', - 'background': '' - }, - 'retro': { - 'tertiary': '#F2E6A2', - 'secondary': '#F5FFFF', - 'primary': '#096385', - 'background': '' - }, - 'professional': { - 'tertiary': '#A2C1F2', - 'secondary': '#F5FAFF', - 'primary': '#669933', - 'background': '' - } - }; function stateToLocal(selectedColors) { if (selectedColors) { @@ -3350,28 +3307,30 @@ const DesignColors = () => { } } - async function saveThemeColorPalette(colorStyle) { + async function saveThemeColorPalette() { var _selectedGlobalStyle$, _selectedGlobalStyle$2, _selectedGlobalStyle$3, _selectedThemeColorPa; - let selectedColorsLocalTemp = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : selectedColors; - let globalStylesTemp = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : globalStyles; + let colorPalettesTemp = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : colorPalettes; + let colorStyle = arguments.length > 1 ? arguments[1] : undefined; + let selectedColorsLocalTemp = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : selectedColors; + let globalStylesTemp = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : globalStyles; const isCustomStyle = colorStyle === 'custom'; let selectedGlobalStyle = globalStylesTemp; let selectedThemeColorPalette = selectedGlobalStyle === null || selectedGlobalStyle === void 0 ? void 0 : (_selectedGlobalStyle$ = selectedGlobalStyle.settings) === null || _selectedGlobalStyle$ === void 0 ? void 0 : (_selectedGlobalStyle$2 = _selectedGlobalStyle$.color) === null || _selectedGlobalStyle$2 === void 0 ? void 0 : (_selectedGlobalStyle$3 = _selectedGlobalStyle$2.palette) === null || _selectedGlobalStyle$3 === void 0 ? void 0 : _selectedGlobalStyle$3.theme; - if (colorStyle && selectedThemeColorPalette) { + if (colorPalettesTemp && colorStyle && selectedThemeColorPalette) { for (let idx = 0; idx < selectedThemeColorPalette.length; idx++) { switch ((_selectedThemeColorPa = selectedThemeColorPalette[idx]) === null || _selectedThemeColorPa === void 0 ? void 0 : _selectedThemeColorPa.slug) { case 'primary': - if (isCustomStyle && (selectedColorsLocalTemp === null || selectedColorsLocalTemp === void 0 ? void 0 : selectedColorsLocalTemp.primary) != '') selectedThemeColorPalette[idx].color = selectedColorsLocalTemp.primary;else if (!isCustomStyle) selectedThemeColorPalette[idx].color = colorPalettes[colorStyle].primary; + if (isCustomStyle && (selectedColorsLocalTemp === null || selectedColorsLocalTemp === void 0 ? void 0 : selectedColorsLocalTemp.primary) != '') selectedThemeColorPalette[idx].color = selectedColorsLocalTemp.primary;else if (!isCustomStyle) selectedThemeColorPalette[idx].color = colorPalettesTemp[colorStyle].primary; break; case 'secondary': - if (isCustomStyle && (selectedColorsLocalTemp === null || selectedColorsLocalTemp === void 0 ? void 0 : selectedColorsLocalTemp.secondary) != '') selectedThemeColorPalette[idx].color = selectedColorsLocalTemp.secondary;else if (!isCustomStyle) selectedThemeColorPalette[idx].color = colorPalettes[colorStyle].secondary; + if (isCustomStyle && (selectedColorsLocalTemp === null || selectedColorsLocalTemp === void 0 ? void 0 : selectedColorsLocalTemp.secondary) != '') selectedThemeColorPalette[idx].color = selectedColorsLocalTemp.secondary;else if (!isCustomStyle) selectedThemeColorPalette[idx].color = colorPalettesTemp[colorStyle].secondary; break; case 'tertiary': - if (isCustomStyle && (selectedColorsLocalTemp === null || selectedColorsLocalTemp === void 0 ? void 0 : selectedColorsLocalTemp.tertiary) != '') selectedThemeColorPalette[idx].color = selectedColorsLocalTemp.tertiary;else if (!isCustomStyle) selectedThemeColorPalette[idx].color = colorPalettes[colorStyle].tertiary; + if (isCustomStyle && (selectedColorsLocalTemp === null || selectedColorsLocalTemp === void 0 ? void 0 : selectedColorsLocalTemp.tertiary) != '') selectedThemeColorPalette[idx].color = selectedColorsLocalTemp.tertiary;else if (!isCustomStyle) selectedThemeColorPalette[idx].color = colorPalettesTemp[colorStyle].tertiary; break; case 'background': @@ -3423,7 +3382,9 @@ const DesignColors = () => { const getColorStylesAndPatterns = async () => { var _currentData$data, _currentData$data$the, _currentData$data2, _currentData$data2$pa, _currentData$data3; + const colorPalettes = await (0,_utils_api_themes__WEBPACK_IMPORTED_MODULE_5__.getThemeColors)(); const globalStyles = await (0,_utils_api_themes__WEBPACK_IMPORTED_MODULE_5__.getGlobalStyles)(); + setColorPalettes(colorPalettes === null || colorPalettes === void 0 ? void 0 : colorPalettes.body); let selectedGlobalStyle; if (currentData !== null && currentData !== void 0 && (_currentData$data = currentData.data) !== null && _currentData$data !== void 0 && (_currentData$data$the = _currentData$data.theme) !== null && _currentData$data$the !== void 0 && _currentData$data$the.variation) { @@ -3451,7 +3412,7 @@ const DesignColors = () => { } setSelectedColors(selectedColors); - saveThemeColorPalette(currentData === null || currentData === void 0 ? void 0 : (_currentData$data3 = currentData.data) === null || _currentData$data3 === void 0 ? void 0 : _currentData$data3.palette['slug'], selectedColorsLocal, selectedGlobalStyle); + saveThemeColorPalette(colorPalettes === null || colorPalettes === void 0 ? void 0 : colorPalettes.body, currentData === null || currentData === void 0 ? void 0 : (_currentData$data3 = currentData.data) === null || _currentData$data3 === void 0 ? void 0 : _currentData$data3.palette['slug'], selectedColorsLocal, selectedGlobalStyle); setIsLoaded(true); }; @@ -3590,7 +3551,7 @@ const DesignColors = () => { style: { padding: '0 4px' } - }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("h2", null, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Color Palettes', 'wp-module-onboarding')), buildPalettes(), buildCustomPalette()); + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("h2", null, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Color Palettes', 'wp-module-onboarding')), colorPalettes && buildPalettes(), buildCustomPalette()); }; /* harmony default export */ __webpack_exports__["default"] = (DesignColors); @@ -7072,6 +7033,7 @@ const getPreviewSettings = async () => { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "getGlobalStyles": function() { return /* binding */ getGlobalStyles; }, +/* harmony export */ "getThemeColors": function() { return /* binding */ getThemeColors; }, /* harmony export */ "getThemeStatus": function() { return /* binding */ getThemeStatus; }, /* harmony export */ "init": function() { return /* binding */ init; } /* harmony export */ }); @@ -7113,6 +7075,12 @@ const getThemeStatus = async theme => { })); }; +const getThemeColors = async theme => { + return await (0,_resolve__WEBPACK_IMPORTED_MODULE_2__.resolve)(_wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_0___default()({ + url: (0,_common__WEBPACK_IMPORTED_MODULE_1__.onboardingRestURL)('themes/colors') + })); +}; + /***/ }), diff --git a/includes/RestApi/RestApi.php b/includes/RestApi/RestApi.php index 19a2b8f9e..dba073855 100644 --- a/includes/RestApi/RestApi.php +++ b/includes/RestApi/RestApi.php @@ -19,6 +19,7 @@ final class RestApi { 'NewfoldLabs\\WP\\Module\\Onboarding\\RestApi\\EventsController', 'NewfoldLabs\\WP\\Module\\Onboarding\\RestApi\\PagesController', 'NewfoldLabs\WP\\Module\\Onboarding\\RestApi\\Themes\\ThemeInstallerController', + 'NewfoldLabs\WP\\Module\\Onboarding\\RestApi\\Themes\\ThemeColorsController', ); public function __construct() { diff --git a/includes/RestApi/Themes/ThemeColorsController.php b/includes/RestApi/Themes/ThemeColorsController.php new file mode 100644 index 000000000..b6a7fcfdb --- /dev/null +++ b/includes/RestApi/Themes/ThemeColorsController.php @@ -0,0 +1,117 @@ + array( + 'calm'=> array( + 'tertiary'=> '#C7DBFF', + 'secondary'=> '#E6EBEE', + 'primary'=> '#1A4733', + 'background'=> '' + ), + 'cool'=> array( + 'tertiary'=> '#C7DBFF', + 'secondary'=> '#EDF7FE', + 'primary'=> '#21447B', + 'background'=> '' + ), + 'warm'=> array( + 'tertiary'=> '#FFEDED', + 'secondary'=> '#FEF7E8', + 'primary'=> '#7A3921', + 'background'=> '' + ), + 'radiant'=> array( + 'tertiary'=> '#C7F0FF', + 'secondary'=> '#FEF4FB', + 'primary'=> '#63156A', + 'background'=> '' + ), + 'bold'=> array( + 'tertiary'=> '#F2A3D6', + 'secondary'=> '#FFFBF5', + 'primary'=> '#09857C', + 'background'=> '' + ), + 'retro'=> array( + 'tertiary'=> '#F2E6A2', + 'secondary'=> '#F5FFFF', + 'primary'=> '#096385', + 'background'=> '' + ), + 'professional'=> array( + 'tertiary'=> '#A2C1F2', + 'secondary'=> '#F5FAFF', + 'primary'=> '#669933', + 'background'=> '' + ), + ), + ); + + /** + * Registers routes for ThemeColorsController + */ + public function register_routes() + { + \register_rest_route( + $this->namespace, + $this->rest_base . $this->rest_extended_base, + array( + array( + 'methods' => \WP_REST_Server::READABLE, + 'callback' => array($this, 'get_theme_colors'), + 'permission_callback' => array(Permissions::class, 'rest_is_authorized_admin'), + ), + ) + ); + } + + /** + * Retrieves the active theme color variations. + * + * @return array|\WP_Error + */ + public function get_theme_colors() + { + $active_theme = (\wp_get_theme())->get('TextDomain'); + $pattern_slugs = self::$theme_colors[$active_theme]; + + return $pattern_slugs; + } +} diff --git a/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js b/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js index 4849c8005..93bc8d11d 100644 --- a/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js +++ b/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js @@ -4,7 +4,7 @@ import { useState, useEffect } from '@wordpress/element'; import { Popover, ColorPicker } from '@wordpress/components'; import { store as nfdOnboardingStore } from '../../../store'; -import { getGlobalStyles } from '../../../utils/api/themes'; +import { getGlobalStyles, getThemeColors } from '../../../utils/api/themes'; import { useGlobalStylesOutput } from '../../../utils/global-styles/use-global-styles-output'; const DesignColors = () => { @@ -16,6 +16,7 @@ const DesignColors = () => { const [isAccordionClosed, setIsAccordionClosed] = useState(true); const [selectedColorsLocal, setSelectedColorsLocal] = useState(); + const [colorPalettes, setColorPalettes] = useState(); const [customColors, setCustomColors] = useState(); const [colorPickerCalledBy, setColorPickerCalledBy] = useState(''); @@ -34,51 +35,6 @@ const DesignColors = () => { const { updatePreviewSettings, setCurrentOnboardingData } = useDispatch(nfdOnboardingStore); - const colorPalettes = { - 'calm': { - 'tertiary': '#C7DBFF', - 'secondary': '#E6EBEE', - 'primary': '#1A4733', - 'background': '' - }, - 'cool': { - 'tertiary': '#C7DBFF', - 'secondary': '#EDF7FE', - 'primary': '#21447B', - 'background': '' - }, - 'warm': { - 'tertiary': '#FFEDED', - 'secondary': '#FEF7E8', - 'primary': '#7A3921', - 'background': '' - }, - 'radiant': { - 'tertiary': '#C7F0FF', - 'secondary': '#FEF4FB', - 'primary': '#63156A', - 'background': '' - }, - 'bold': { - 'tertiary': '#F2A3D6', - 'secondary': '#FFFBF5', - 'primary': '#09857C', - 'background': '' - }, - 'retro': { - 'tertiary': '#F2E6A2', - 'secondary': '#F5FFFF', - 'primary': '#096385', - 'background': '' - }, - 'professional': { - 'tertiary': '#A2C1F2', - 'secondary': '#F5FAFF', - 'primary': '#669933', - 'background': '' - }, - } - function stateToLocal(selectedColors) { if (selectedColors) { let selectedColorsLocalTemp = {}; @@ -114,31 +70,30 @@ const DesignColors = () => { } } - async function saveThemeColorPalette(colorStyle, selectedColorsLocalTemp = selectedColors, globalStylesTemp = globalStyles) { + async function saveThemeColorPalette(colorPalettesTemp = colorPalettes, colorStyle, selectedColorsLocalTemp = selectedColors, globalStylesTemp = globalStyles) { const isCustomStyle = colorStyle === 'custom'; let selectedGlobalStyle = globalStylesTemp; let selectedThemeColorPalette = selectedGlobalStyle?.settings?.color?.palette?.theme; - - if (colorStyle && selectedThemeColorPalette) { + if (colorPalettesTemp && colorStyle && selectedThemeColorPalette) { for (let idx = 0; idx < selectedThemeColorPalette.length; idx++) { switch (selectedThemeColorPalette[idx]?.slug) { case 'primary': if (isCustomStyle && selectedColorsLocalTemp?.primary != '') selectedThemeColorPalette[idx].color = selectedColorsLocalTemp.primary; else if (!isCustomStyle) - selectedThemeColorPalette[idx].color = colorPalettes[colorStyle].primary; + selectedThemeColorPalette[idx].color = colorPalettesTemp[colorStyle].primary; break; case 'secondary': if (isCustomStyle && selectedColorsLocalTemp?.secondary != '') selectedThemeColorPalette[idx].color = selectedColorsLocalTemp.secondary; else if (!isCustomStyle) - selectedThemeColorPalette[idx].color = colorPalettes[colorStyle].secondary; + selectedThemeColorPalette[idx].color = colorPalettesTemp[colorStyle].secondary; break; case 'tertiary': if (isCustomStyle && selectedColorsLocalTemp?.tertiary != '') selectedThemeColorPalette[idx].color = selectedColorsLocalTemp.tertiary; else if (!isCustomStyle) - selectedThemeColorPalette[idx].color = colorPalettes[colorStyle].tertiary; + selectedThemeColorPalette[idx].color = colorPalettesTemp[colorStyle].tertiary; break; case 'background': if (isCustomStyle && selectedColorsLocalTemp?.background != '') @@ -194,7 +149,9 @@ const DesignColors = () => { } const getColorStylesAndPatterns = async () => { + const colorPalettes = await getThemeColors(); const globalStyles = await getGlobalStyles(); + setColorPalettes(colorPalettes?.body); let selectedGlobalStyle; if (currentData?.data?.theme?.variation) { selectedGlobalStyle = globalStyles.body.filter( @@ -222,7 +179,7 @@ const DesignColors = () => { } } setSelectedColors(selectedColors); - saveThemeColorPalette(currentData?.data?.palette['slug'], selectedColorsLocal, selectedGlobalStyle); + saveThemeColorPalette(colorPalettes?.body, currentData?.data?.palette['slug'], selectedColorsLocal, selectedGlobalStyle); setIsLoaded(true); }; @@ -354,7 +311,7 @@ const DesignColors = () => { return (

{__('Color Palettes', 'wp-module-onboarding')}

- {buildPalettes()} + { colorPalettes && buildPalettes()} {buildCustomPalette()}
); diff --git a/src/OnboardingSPA/utils/api/themes.js b/src/OnboardingSPA/utils/api/themes.js index 4f21d60c1..8c1484e49 100644 --- a/src/OnboardingSPA/utils/api/themes.js +++ b/src/OnboardingSPA/utils/api/themes.js @@ -34,4 +34,12 @@ const getThemeStatus = async ( theme ) => { ); }; -export { init, getGlobalStyles, getThemeStatus }; +const getThemeColors = async (theme) => { + return await resolve( + apiFetch({ + url: onboardingRestURL( 'themes/colors' ), + }) + ); +}; + +export { init, getGlobalStyles, getThemeStatus, getThemeColors }; From d734a9e3dd18b7ec975e814f91391253ab512ddd Mon Sep 17 00:00:00 2001 From: Allen Benny Date: Wed, 12 Oct 2022 13:16:40 +0530 Subject: [PATCH 37/49] Tweaks --- build/0.2.3/onboarding.asset.php | 2 +- build/0.2.3/onboarding.js | 9 ++++----- .../components/Drawer/DrawerPanel/DesignColors.js | 6 +++--- 3 files changed, 8 insertions(+), 9 deletions(-) diff --git a/build/0.2.3/onboarding.asset.php b/build/0.2.3/onboarding.asset.php index 053bd9425..bedb2ecf3 100644 --- a/build/0.2.3/onboarding.asset.php +++ b/build/0.2.3/onboarding.asset.php @@ -1 +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' => '3ca722790b9b1cdff7f617b8dc276e31'); \ No newline at end of file + 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' => '38d8e63d0984f233bcf02622a320b330'); \ No newline at end of file diff --git a/build/0.2.3/onboarding.js b/build/0.2.3/onboarding.js index 9ebbb04f9..c23156cd7 100644 --- a/build/0.2.3/onboarding.js +++ b/build/0.2.3/onboarding.js @@ -3256,8 +3256,8 @@ const DesignColors = () => { const [showColorPicker, setShowColorPicker] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(false); const [isAccordionClosed, setIsAccordionClosed] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(true); const [selectedColorsLocal, setSelectedColorsLocal] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(); - const [colorPalettes, setColorPalettes] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(); const [customColors, setCustomColors] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(); + const [colorPalettes, setColorPalettes] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(); const [colorPickerCalledBy, setColorPickerCalledBy] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(''); const { storedPreviewSettings, @@ -3307,11 +3307,10 @@ const DesignColors = () => { } } - async function saveThemeColorPalette() { + async function saveThemeColorPalette(colorStyle) { var _selectedGlobalStyle$, _selectedGlobalStyle$2, _selectedGlobalStyle$3, _selectedThemeColorPa; - let colorPalettesTemp = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : colorPalettes; - let colorStyle = arguments.length > 1 ? arguments[1] : undefined; + let colorPalettesTemp = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : colorPalettes; let selectedColorsLocalTemp = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : selectedColors; let globalStylesTemp = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : globalStyles; const isCustomStyle = colorStyle === 'custom'; @@ -3412,7 +3411,7 @@ const DesignColors = () => { } setSelectedColors(selectedColors); - saveThemeColorPalette(colorPalettes === null || colorPalettes === void 0 ? void 0 : colorPalettes.body, currentData === null || currentData === void 0 ? void 0 : (_currentData$data3 = currentData.data) === null || _currentData$data3 === void 0 ? void 0 : _currentData$data3.palette['slug'], selectedColorsLocal, selectedGlobalStyle); + saveThemeColorPalette(currentData === null || currentData === void 0 ? void 0 : (_currentData$data3 = currentData.data) === null || _currentData$data3 === void 0 ? void 0 : _currentData$data3.palette['slug'], colorPalettes === null || colorPalettes === void 0 ? void 0 : colorPalettes.body, selectedColorsLocal, selectedGlobalStyle); setIsLoaded(true); }; diff --git a/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js b/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js index 93bc8d11d..d5dbb3230 100644 --- a/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js +++ b/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js @@ -16,8 +16,8 @@ const DesignColors = () => { const [isAccordionClosed, setIsAccordionClosed] = useState(true); const [selectedColorsLocal, setSelectedColorsLocal] = useState(); - const [colorPalettes, setColorPalettes] = useState(); const [customColors, setCustomColors] = useState(); + const [colorPalettes, setColorPalettes] = useState(); const [colorPickerCalledBy, setColorPickerCalledBy] = useState(''); const { storedPreviewSettings, currentData } = useSelect( @@ -70,7 +70,7 @@ const DesignColors = () => { } } - async function saveThemeColorPalette(colorPalettesTemp = colorPalettes, colorStyle, selectedColorsLocalTemp = selectedColors, globalStylesTemp = globalStyles) { + async function saveThemeColorPalette(colorStyle, colorPalettesTemp = colorPalettes, selectedColorsLocalTemp = selectedColors, globalStylesTemp = globalStyles) { const isCustomStyle = colorStyle === 'custom'; let selectedGlobalStyle = globalStylesTemp; let selectedThemeColorPalette = selectedGlobalStyle?.settings?.color?.palette?.theme; @@ -179,7 +179,7 @@ const DesignColors = () => { } } setSelectedColors(selectedColors); - saveThemeColorPalette(colorPalettes?.body, currentData?.data?.palette['slug'], selectedColorsLocal, selectedGlobalStyle); + saveThemeColorPalette(currentData?.data?.palette['slug'], colorPalettes?.body, selectedColorsLocal, selectedGlobalStyle); setIsLoaded(true); }; From 52d061c365918b8f98753a4029ddba134d47d7b4 Mon Sep 17 00:00:00 2001 From: Allen Benny Date: Wed, 12 Oct 2022 13:20:07 +0530 Subject: [PATCH 38/49] Update index.js --- .../pages/Steps/DesignColors/index.js | 37 ++++++++++--------- 1 file changed, 20 insertions(+), 17 deletions(-) diff --git a/src/OnboardingSPA/pages/Steps/DesignColors/index.js b/src/OnboardingSPA/pages/Steps/DesignColors/index.js index 8f2f3ae13..72953ddd3 100644 --- a/src/OnboardingSPA/pages/Steps/DesignColors/index.js +++ b/src/OnboardingSPA/pages/Steps/DesignColors/index.js @@ -10,6 +10,7 @@ import { store as nfdOnboardingStore } from '../../../store'; import { LivePreview } from '../../../components/LivePreview'; import CommonLayout from '../../../components/Layouts/Common'; import { VIEW_DESIGN_COLORS } from '../../../../constants'; +import { DesignStateHandler } from '../../../components/StateHandlers'; import { useGlobalStylesOutput } from '../../../utils/global-styles/use-global-styles-output'; const StepDesignColors = () => { @@ -73,24 +74,26 @@ const StepDesignColors = () => { }, [isLoaded]); return ( - -
-
- - - + + +
+
+ + + +
-
-
- {pattern && ( - - )} -
- +
+ {pattern && ( + + )} +
+ + ); }; From ce51acc9cafb978ecb63f7c0faa797459a94a5e0 Mon Sep 17 00:00:00 2001 From: Allen Benny <48691514+officiallygod@users.noreply.github.com> Date: Wed, 12 Oct 2022 13:20:58 +0530 Subject: [PATCH 39/49] Delete build/0.2.3 directory --- build/0.2.3/images/content.858e85fb.png | Bin 9354 -> 0 bytes build/0.2.3/images/design.546a8025.png | Bin 11400 -> 0 bytes build/0.2.3/images/features.31cf035a.png | Bin 12804 -> 0 bytes build/0.2.3/onboarding.asset.php | 1 - build/0.2.3/onboarding.css | 3653 ------- build/0.2.3/onboarding.js | 10717 --------------------- 6 files changed, 14371 deletions(-) delete mode 100644 build/0.2.3/images/content.858e85fb.png delete mode 100644 build/0.2.3/images/design.546a8025.png delete mode 100644 build/0.2.3/images/features.31cf035a.png delete mode 100644 build/0.2.3/onboarding.asset.php delete mode 100644 build/0.2.3/onboarding.css delete mode 100644 build/0.2.3/onboarding.js diff --git a/build/0.2.3/images/content.858e85fb.png b/build/0.2.3/images/content.858e85fb.png deleted file mode 100644 index 28abb6a00ca8c0cc061a77b874fdbb6965579302..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 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- diff --git a/build/0.2.3/images/design.546a8025.png b/build/0.2.3/images/design.546a8025.png deleted file mode 100644 index d65d00d286510b983f0dd0e344a7c956a3396340..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 11400 zcmV;3EO*n1P)L`EeFMC$;M?2V-{0T={r%O|)gT}sqN1YT@Aci?-6cXqR4YjmBnQc_ZAXlVZZ`_|#+%gf7UWo7sO|GK)mf`Wo>Zf@}K@SUBV zg@uLd>+9Fo*V59`Btb>ExVVpxkNW@qwzjsXr>ApsbNAuN!^6Xyo11WOaPjx}?C$QU zsHtCHU-|s~?(gnTPfwGRlVf9JjEszVd3j-BVIm?Tz`($-udj)TiSqdQq@|@uNJ#tt z|FpEUkf*bqU0hsTGcz+QD=USQp7i?s#l^+M z#Kf_&u~}JJ^x(<7yu4jrUOPKGy}i99JU-{`?~99zB|ky*{r>jy?8MmM_~OTglb-AN z`|9%a?^J_7>-@cR75#>Upkx@nE0b#-+(I5_U~_uuI2ew(d?lAKq6o7wR8 z{P^?l+{WtI#{T^I<@WgS>*M6y)33$QufWUS&%G)^LfFm0w!gq;g`3pr?%3n#(BJ0Y z)yq?4Wi&}jzTWA}+T-cs*`d74+|k6XxVeIjj|mA0(c|mJ-R8U3;hwg`l&-yTk*7#q zUb4{Mxy8wZslR`qwWhJOc$21%oSyCG-q70Iy3W_X%g>Rx%88(_jhv-{mZD~QfMIcQ zKvGjZJv|W-5zN-tvCr3CYHY2>*P5xaahR`mgM`)H+=`W)W$YkX0000DbW%=JK!6~h zIOhQ0kw6@95Gib5;{X6DDoI2^RCwC#om+1*MHt7`c!-+yak8nK&4LJARCiH!VRx1i|fxIPM#g*0x)A_uu z!hfAiq->d{-jbOjXEKa+zS(SkEBG^8NycboI__pFkysL#Xg-sfQyEE1RAn@~3{r8s zL%H*r;+#Fola6H`_o`nKbS|TD@yuW}iZ+WNMjgvmqq%J~HiFcyxGOqcV)BF(+In-U znQ8isMqy4b7~1BORI}JjP`geh?Y5=H{7VL7M)Vg2b4M_ezeUE^Zoz%$t-oI%efaLX zZ+-Cor=RJ^#>QEvhUg0*SP(P_wzAgb0hL-CuWOlvoewOcZ|hFVyJ(mZO?JLh)&iKH znYAll2eT|$a5EOO5eQ~M&$+`9k=K`X^&&%=EhRq$S9siSCd`i2(58)-`ao^sY5*ilq;{*zMq>u+^FtI7_Q12s~%^>gHY^P zhTAwOn(lxE{CH$=8T9}z0lXjKBHPG(+aR?G!Vq*Vs)^~2RWlxpkd5XTjb>bD6awI+ zrPD4&;p!;i>M(#!OlQfg=cYSnB2t@ONdqDq#qpdBL35g8<3X2}0|0+1SoEt+xd?%% zvyK%3n`DsM&w%LannkdrU6Ndln<;kvR-oE036Whj5|_Tt**VG8%`px=$L79f2O%+F z$>IEvo&L9n1t9uD0M`i?CJpj$FT>$1B4j_v#_J7z?UIe4WUhS#+(_;P$sGdXdUoV5 zG3cfP7^I4?Z$dEWMCrQk#4crTci}#U$o=p(Ts5Qq<#PjNGmwIJxPoHF8>A%tKT8Ei zuT8HV>Q^y}v~20W8E6R4?IG$GJ2bHOt31vz_rs5d;A)5`tpDK-^grBD68*|cH+th= zfXfEQ+s3*?_a3HOB?z5MUM9Xx&Ic-#}o_Ok;Ik_$*Sm`vAY+0gSK zIT0cV1|pPRSW;=E)YS;6cg#~ZN}}|^l1hmx%)nO9~nke|Ab*?SM>z z8X=O6m~g|0zyWSKA2I+ZkO;9R+?arkqTFM&fPgiq0r1uY<0}zFsu9VkK^AFXaaXL| z2=A~HCUG|=z#SmDvfRH>$KvS4doi)tE_cPkJ);c3qkubn5&?1Q=tp;SSyXt}t7*Y<<6zYtNyteSvk}vbi~%wUgU&Lx5!KV40bp^rSWI zO^*!$)WU&)OC2q6de3agfppn=ZOXjDG-4LqI%Plv8Vk&BO!L{**@A;UtNX$-Tz`tC zQ*+;X>RH}d`!1`SH&|-{k6sf^f;Gi_TbK+{#I?|4hC4J{05n%$Oqb%}l(rgRLN@6< zIKI$nwAvJAuoOtl?Wu~Fjj^2$wG)iw-IkptDO;VobS1pYiSo>;O#mP_<|D3vu3fU* zRxTI-*x2(Y%hGazuiM00%y}3U*Yo;TG7vO{o7$8JfR@_Y(z4@VS$DW4mgjWOd>HPO zPo$1c&sE&{qVr?5gr#@K-`86sVx@o3`l$0knJp> zLGG&yj}d^NYfBLEG;9TqtE3F|MRne-+gC%^qusMWEM+Yf+%pIOVs1L*LaZlgTQvaz zP^)lc))g)I_u?>i=x;eei1?2WGPJs~Q_ZmmkmR0kU0J*kP+5It0WA(j^IpM1chi(CRQT#n~gv>l;f_P+WFC@ER60nj-!CkMVcv(F2CdojR z+O0Sz-ND%{>%J4VtK-?R;t?gob)&Pr*BNwPW@06wNZtPbbhjt9tlA6p_0z!VF5!#=w zM*V@^n*c@64_x$b!hP%ckxOSLJtrI$tH-9;e2_c!1eVyvEtBk{qk&B`*YwpUGe(r2 z>~_uwsSwz5@*x3=OM*KP*3$?G+Z-69^{}2xXRdqRa(g^EH0MTBwR(yHs#aRFNUJ2j zKGyKf+DN?5^lUg*ic^+! z0k?$u>#S(_WDX5hDHYvh2>H=dkISv%U~lO9XCTEj*wnU)lir zp8H-j4Ap>P?|?W`DuH5n?n2V&OvQ%y^by0oFG3;kSF0bkw{4@gDs~qx8Xkl1r>l$x ze}e`C$G|djOODSO7Pz55P6YSC?JYw79dNnfr-IPvM=q!{5`p@IA{Dbjzi^$>B=pKM z0#nM40D4~2m_QK1w=B_Xac3kRs5e0vb`Snwl5JIp;YcJKSeg*GU@);5=rOM?46lk2 z@}l2&K|qKDT;LE`qC74E!W+2=fOH{DSI!e48;twr>x#-XZ)#Q~2<;IiR|ln=o2&Fl z2|k1c*Dhs9LCSszq~v=xxt@DIZezrn1!1a3K> z7N-uUI(zQg_w9@0YG_3S6iKZtIX1)Y{W;@?FTdxC?3=sZOg2M<9E#LoLlo2Js^DSX zSG5GZdC{|(+L-~ME2~I4vU+M;D<}4V3i2BWK=j7u7pCTXyXU*{b6z-*Fub+^kS&7I6U-m1hiWH`&9~RK z9!iBKGM%S`J1m=(;p!(%V}}gnJi$E!_!p-4&1A+`K2w7%epWKEx*fZBG877l;WYS< zH$od}4nPQ}!@1M%NG=(k2{^#LP5@NqH9*tNz1q2l3h1C2#vI2kSJzjYyD<%1DR3>g zqNz}Xu@acR>qJ|jP;G2PhJ_y7n`6mtHoka}?9Ph3OUgBzy8-K=J-QIgAD;z}Savgr zYwGtM;!2LGtlJkZ4DJoff`2T?6bpixmm{|>0-@cRTAycTnv|yv*0P^T>wo~1+^ahs z=i`x$lw-CVFRUUUf?hl2p4myqR~5KE8i9QuHyHc6WVd=_%mOvzm6zbzLPagZ&8EMt ztN4t41mWV1WwyNEx)3(Jdp;`Yt$W+{L(#D1Tixpf>uRQ zVAk)I${l852?0{gUc;rdhkGk--jk#`w|DNcWZnnwwa@pfRqXkzHfYHIo zSAKaF3p6vua5O_Vw(MiAMK*#^L@iI73=GXV9Y%yJI0WEuDKZtuW(`I|GaMkb0U@J< z*WmiNQhXX$1p>5QEdmXrA`!3@F9?7|S|}4zQz}8A4Ky;zHiBiW0hAb z;L(Ts)_Wg34EO$p#NjJB*9HW4@gZzfoWJcd!qb7v+#k6}J5Btm;(itoMD(=63g^*` zz3=7pJSV5X%~%z>(}@95iwDQX zJyO<&=a-epwQUaKIvF5|U)58AYZ!*BV2bD@HGz0Dh18f9D@rCpu-j*7UN3UktzrlZ zk0R5~8Rxu5Tx^MEUJlSkxy!7&r36cWL1(4WOhgdvB1foWyTB$EBM>c!;}Hb3Jz;`$ ziBxON&gZRbJ!QBAOozYo#Mq=~!?$D#*@UWRvoNLihL^_zp+JxWF7HO`8>VI|w_y&H zZRX>R!jV+>Zg@B9Rg{qL$RRiNxmF=#lHnTH3RzD)dXW7tFhy3vn}taFnIZ34 z4Lkm0Z~=B}5l7XsKS!qb_|@gHeJc}QZj?oJzD~_(H2~?bW&dbub*}4)+d}mC_X&$< z4gl;&R<@QUbNkH3I`wtkGT8_o*fk)-B~SRp@?x|#WeDeWE90v3uiMWY^<`#^A@1r) z!$q4#1cb#af>yqT)aB#QZY&rkLHy2Fn*jvVM{}E-uCUlG7;GUJZyD*T4FIf16dlUr z#D3&m-7Gl*x#Xb5S}L}mMV11dJoB7+!;^vg@ikm__<%OQ zts%Q{uOEF|c7$vfvjT+N7Z`3_rCrZz2rw1uE?1yn?1q`1>^-(Sryn3=+=`&lCWYuP>T6j88mr)y^TfNU|+i zkf~v7kepcrYN;q9>O=!%ce!l@?5C0@Q_zmAIkk{Z#@iaC6G3j~qWm);bV>EN&BfCV z-to0swwop7Uk(O&?L~T7;=pni9jB)+G%DBfIL9|MPaiJaVk>V3A1Why_q@qj*{yi` zense(oxl})=4*TZ&OW68w=SQfyLT=>F}OqbEufnfgFXzIs*=jN8;4?7QUVR?D^}v# ztGpFTtN!A{-Fq5;sV4^a$$$3uf4DvU4|kOGKiq+y2Hdyad;jCl`?H0otA7LThkdxL zQ~f{OzX`6HHT)mBek`hz0w@0w7Y ze{kQA94>MDTj%aUaPKR;7yX0YKa3VVR=9|;By@`UX+n38?sMMX@FDjf*EIa=^W2Y~ z8@YzyvXXENi~d4Pb*~1?&vpuFK+bJ*E?_j zNx0mJyOL3%-uGUCET&0aG-#rK=L11clOqCmT!uS*K>H1md+g5y+`4Z*`Rej`;)|&3 zi^=1OufF-oU&2iv6m`!DnYr?9V$N;RkfaekyDRt9?1zR@t`mTF$!c zE>3wO6%6U$N8Pm6o*w0GWu z;r^*%!BVw=#V#_^n%^K^IF^b=TgP%12VH7aB7ovB#tH^9AI{c7SM;p^5WE~RYL_09PH+~&mh+S0_In~IsX^oX_O7iVln z&Xtk6yNufk))ar1o2ri6CEnrI(8V#K;uuZ1zb$enzL9Lmea^v%-I@gv{vI%t4wz%aM+PjMxc~}rC9i1(K;c8spvel$8if{qL{VkFEN!fN$ zJo@6R^fsx<+^yHI`7qqxjncy( z-5$9AJ8%cg2D%@wlJfU}=@V8`z}wMYxcP&_!T{Lw{m-d9@m#o1dR6Ra_RfU6i7JZY zpI~}@FQa`SU1i>AlhP*Dh)p|48%kZHqJqU}l;Rq9<*0Grj(W7?AE(;V{TM}a+AO>xA)z*%rraPOl~ni8J>%eA<$-8 zyCI#%{|PR80vn<1SZF&G$o;eJq`w@~jQ`bm?)IMh;A0nEbP$QQX0?C3ir2Kg=%W4O zJ9LIB^94yGIyB7^XX)e-l}ft)KX7s86w31p^8dcj_#eqO2outd$*~<-0YIZg;X?T% zdzY4$jw>ylI&LcNU>REDrcOnh9a@dsu?@b@)E%4QhtWT6NQ(z1SQ0KM;7N1Ff*rW! zuv~jrz9p?rE8p!4@v_4OV9A3WFCk5u4r4j!aNY}cXvHkBJ~wx%R7^RzIk?tT4sKE- z46bu>4(_gl>nLXb`Rk)B3ip8AwZFRvZtlWr)GiGR4Y`<`%NBBQEvFpZq(%bVio7u; zIk>w{BMUC)u{sBLD2)WqEz7}8C^{#>$3lfcYCEpJU2UBu#cWGW5z?a>G|LqUGF$?#*B-dCr)*N zefkNuM`p}8(E)KoHjG=S?F2&@`b@-gBfyF3u!{-7KW<;R9`h33eTAi&eO&pb#xOb z-a8&U$~EQwlNxW^8!UX&M;UJKX1Z#znCskbng`)3h3DLR#D({d-}CN6r%kb)b>X?y z7fw6hcRg+w&urlGf(K>Y7EOkaTojgE*R2irKPf%X|H+44 zS_CW=7DfnMDO);U3CoDJV(timi*z-q>%w9&cVw)%QH9hrUAM+~ZVKGVBjRrRs^HuZ zT&UK9>lh(_ghS;V*;*^+I!DARM~)HK;F_>lSlHPOnh=7c%)vjNRLr|nRp{96plBCG zMmqy8$G259tHs=%4ObN^L6rhPNW!V4D+)JGR47^X-(I({>);YkfdmbF(BQS2@qE&o z%?-J4LOHlYikcO4O-+*$kS*7^N+Rf#jS^A~-Io;54LnX~JHp|D0>B!MIpxwz&zxS# z@EEYL#LZDqWZ?BU93Ce?##AQPm}KE`>t28T^>vHFz%@{X374C2B`8t^X3qQU)mJ}T zxpet*iM%sE-&I-eXmHqEfciIR!D?_7us?9x{ck=sYSdFdK6cAESA3E(_9PJ5{Kf(| zD!;MX38+-K!hrUVzu(-^*4DOW+jr~sQyFkbz-3Yfmd{(YcHs-AHmzJ50G>8?1i+l` z`uh5U#@d?F3CLH;HU$l_LQ1npuK=tDxBT2aknAWdxS4&5H|9Q6$Y+_oslLe>Me42g zl{0!KDdC#>OIt@rNl7qRQPHvak3}JXC|q;cRq9Juu3h+CYjf4us@7!-7Oq+vV30cf z2(G5m`f{(+>2-P?6Q;WD!p$- z%^wT~{UyP?;FylKmp%^zqmV0gdRkw)YT*JzTQzoURaI4U>kFIaE!UN#n76UU;b~}S zaNxtykblAiPh}-Oh9#RFcF&5NB;3L@ww^~k|nt~}O0 z*xV5e=H&(be#Bei@9@9$X9$!yTv)zp;W88LSlr-G^Mcpr=`zK0YilYS+!%4sIKwe) z#b4S`?b;pJMBqgc`?h5Ku{lt{H3iwGYmbxdko2sk0#|x~^VWNiF8$_f475crk>6He zRPYD!Q_zLm_U&duHQ}nNz7p9ISJM0{RO^COOF=WF#&rn*)%7-S!AwKwG6I6D|5S>u zt16fA^v-SHJ%6&R0^z2I1+!i9%^sDZyYrQVD(koFEd#UF7vpOQt~A1LtSRvm+q^PF zTS9m{Hm?g4T%luGy7sx|syJM%De|seDK!HSt^mbZQ|`1C*d-WT>XHkRL_##E+)_@!L+~^uH z+hwD&=uvN+r^}Zr^?F;h)0fTdaL8;VZ^VsTV3c`vmsQzOaCSp~M!?n;~@>9nBm<{gif<$vyz?2NR z>Ydb@sS0S*+R$^+U5Rdx92eo{mHh@na2j!4y70NG1X`rrOsK~$_ze4MToGKc)i|9t zo3D^!LPQHl{?DapnhXRWO4n^ExJQl3rafvBIdD_9tkYKsrspaeHfLjkCBZTiZqW4J zV3GgRa18Feh0Bm;D%@EJ_qkUChENbLl=}#7W1*&Ujj_2ChpXN>Eb6(%{{gt;66`$59*4UOk;Vc8 zQpRL#7Pe@s7(OewrZo7xHm9w&*pLw!zVYWJb;Hz#uiqlq1-IQo*Z#sjZ)SsgQE8m0 zqnbg+FiR9JjWue&v{A@4<3bVEe(V7k<&F8&B{WTl7+j(o3kmbb5?l-m9J2$dfrG+A zrLPdp`P>`t3B|_Kl9iHOJblC%=3H^-B>Fb z^VH51T<}Q+0j|@+@~%`q+-r`C!}X$SZs|hg<)%^ z2iTWu)*#ZNqF@=)Ei<#RqTse8HHCA5aCJ(>W;LTIFw95iMel9J4ls?GbHG$=vbV6( zmw?Mtm2n9lD&f!B;kvB^7vP#Kx!C^GS;8Q{DSZ%(*@5MknKQAiH{g15#F=A;9*@Zr}t`~5WNM!}&XuLuJ}$+n*u!9~}V z%JNMMsP{{nKX(2sblj@e7gp+0>I4p;uynGsvT#WJ-f0nm8Gk; zpqRx@0C}!2pU?|}%K}1c{Jw3CKS&-+xo(BO?2UF{lDcogFn}+oVKFlsqX8UZyJ@MQ zIW-fD08e(Ri||Uvy|ZF6IK4 zyQbQ7W(4i7t;FZaKv1HjOUaDWKYnRV2aT2c*KGd&gVVv#C524d0OMfHd+jyE+l+~B z>vONYI#X&~G0^W7w4jf-=Z|y7;cA+;sI#;4#jsR({|8-PejW~MlG-)Fc`Qn|eAylX zP$aT6-CqL+%#v_pgq=s-dd~f`XFq%2lmjYV39JgB7$}T6-9DcWZ?jzQqsg>bJfVjj zx4>EZx<6jpwr$(@pMKCD=BaP&!mkFvzH-yr*A~36;I&P!+U#nY+tKTbC(KO3jr8;# z_WOHtK#OebTe7;d_uW@QQV(dMPzZFXp-=Y@ygex#(n1l4gtQ2HH#4BvvTy;+U-yRU zYDcA=h^F?%=ztJ2o2PtorHw%XeZs~pE&c87?cFVmtA>&gi_Ri*4gv3EN5i~%GXsGB znwDVEo4XTmr5@>dxod7Xe0t~V_xqN-xajS^58u*2&UtHfXIJEsS5|MB+dc5|#JVrO zsGHmVc4uc-=kqW20tEK6G+Y#m?j+%+(Sul>mJ89LL>bHwfDBPmCeT6b3qphF&>-iy zW42}KbkpI!zhT3Q-go=H>RY_zis#>1eAt~D!1L?B+Iq!`_dfY*@#+;Hz5Let4?kRA z*SYwkceecgRbMBQ(z>2&ZU7R6l#(vQ7_p>n?1>mZkW2yUu(&(?Vjp@g!VQI3 z|F@lUBjH!J)`friZpmRUzqe&#?-g6#`DjI??!(1>FNU=c!kx>3TdVuKQ|MBOYfy`r zk*-V52Zw6}Fy>C28}9CTd*W&e3%vusPGTbb&AYvep5M^-_T1;ct^4TZEdwi7^!$u) zTRyK_G4OG*DhX~_^m@#+m zyWf2o26(0CllAX*tzN%%YiIYs+ufgR?YVJ9=hrJ*)~z4tc_qyG9E5AP-q^ywR&0_x z#x!GrXyOzZ@#x{8o*Rac(Y|rx#zpqkH%bXNKF^C(pS?|lEF2Oky_!P z8{mQfFiA-V7^~PZ*^fB5!&fHU7t4iOP&IzGA0F=G7fj7WeYnM zF6SI1&mx8BI>#RqTQ?jX-;sP zJ|NVj2(DpZVFGzN&b|1V@z65U@2*0pzrJ?*=%+<-i4?MH_zVAeBXUDcknPIWM;{Xm3v?1 zp&vcb4_<9Ho;~bUcPf+%rDdQ4X*6pXx!S!fqyd_hqM+PwAMVcN$4>9f^T&I=m+8`% zpPvRgbLC!{a&gM!3eha{`5QI(eDt2Yjv5173-bfh9qzx_zIS{7@R!LBCOP{4P6^`V zX2{j54y^}z1_PcsY(Cw)_V$jHQX^S}l)}l)0?o1#9-oKa@`@ILDZH)+D9HZR{>=?p zCsXfL$-L=9-#puoH6 zQ8(*ebdEvb2?GPz{RieIEZtfnx#`6S2`RIDupokTAwEIR`C{SB3NfY8s8X}t>2&&? zcAs6FF<~2beRgpg4`QLsW?X8wH$dw#^)8OLI9a??1utAvvq;M1%9UUF-@9+Qq{{8&@HhQ%4^Yr`t{O<1WgM)+m`ujC` zv+(fo>+9xCogQj zFKoj!Ws4q0XfAEY{r&saE-PSQU>hAC{{R2|{{JZ{DTaoIN=i!N;^K*kiI9VJQKdU|?5KtPm~m5z>&FE20Yp+Dv2 z<~4b+mX?>Eo}ZYQna=C=X=!QZ=I6)9$XHldMMXs*ARw-;ueZ0jadB}}R8+LIwK6g? z?d|U0-{8Z<#Hp#OoSdAKlaoB`||SgQi8Z!h_xzKb{REH+3xqI#n@z)%KrTIZ=K9dd#sPZ-FBzalegK##nD=e z#Nee**xBNm!q|zn)-r6j$Sf>^t=042v}=&E?VdpU^z+8q=vacOKS61>-Rzyb%x|Q` zHgdp1cc*l9j%sU)M9*akJa3tAm7^J3C_K zRxrK2%9)$6k&>ohVSwbmcvV$*ye%*i5)$^|;Ymwv>4rJsj&Th5GElg!M8NkSVhE_`rb&Z zt5|z>%RioTa-L(n`1u43zWemv$=dSK$h-F?@Ocvn z`rb-{512vVd6V98y_Go3R#`tY1Ode=7nj;Gn1u`wm<9m42xwCb*50D67`jyE&H4590B`5s&?HI?f!^c(e$>$8j3cip6*)c`V1Er6jD)?KZ&1 zd(AQo!-!H{mLR8_|HhnXFjbgk>D!c&HmExFTw*x6YT=2AOtlgaHYlU$h>uc?w2#KX zni=|_9WH*CAKbadTrpI%$3a8)^ zkO7KPc3)@`65bY5jj7m7&Ul(7l|h^U2fQd2OohG#!Va?)GaWfSN(mLUOCcqX z?;Kb%L7f)aI0u{52vu-~;UP>C_NP=^igp_3aam-h=Qs_MJgQ8ZeOw&Gr_G6+y(*?e z0)qdA+2ipnhB14*+AwSSaM>}BnbYI>UI!uE_XI3?x?{bYp{h(ouQ(JZ1u0r6b8u0j z_%z3G1TBNn^aK|Kyb9+?vOwT?lu7VHd`3(=Z1fV-Z>mr3W{r;!Gx`PDzgAqO&7Z7E@?60um+p9Q^z`m>DwNJt2ysE5M~M zggybRFV@|hkfwLv$-)I1$&i^5bB6LV$&u-cYrP zuF$NN+0^#TrMY*dZqxgpMK=RjGKX)e7*g?wDU!C*SwFMO#y{Pj$P8euVW5Rz)9nih zS&?}*=2r&2$_ya6(%Gnzue8~f$3JUlHm?pI8($)x!mI_Z3IqmN$9dlTpO_(iUhQOu z`M)unahTV_?EFb(#$mQ+9A>LH%=XMnGRMNcw~`lSK6Ss9ILuaYnC%&d*(wgRJ>xK2 z#bLH*UXmFLx!+1&k{NNBE#fdc%o`qu*($G++3(kewywTn?Ogjl&N4M{7F-u4sCWbZwT`a3g+9CN|N)-ajj9x_Q-LBx(>A>YB!m| zRjNvc{lh^-5y5<|4)*q#L<5&eWha~^@7!l(@+ve0GY7TJmHxq=`TQmdL~;CzCrDN> z9`+xY!_0^~gg6jEiBV&B@CUWE3T+Dgp)K*&q>yY3Xi{guVrMEK6FG~6Y%;b>?G6L}oRP1|`Qct!!U=)HAtL}_C z!BvZwJrvNM`_-%_9RV*^Ch~?c5Rx-f)y=s{)I}k`u?w^0)?vD7xX-k)`I8(}sU}IU zaAs0UbEZsB^nz4vA&dKA=1aP%$4|GE=@Wd;?(p&wlze2;*y-Zp6`0$11zsLi*l>|d z*C9g#dW6CQ)=q|>F~SeaDg_o2)u(!LamIx8Dy|wyV}Pd5n6LVt;f<5Y;KGS<_}C;Am(Yl#~U%hYfRe zGHZBy8oE!J;VAHrJ;47m%f(Hd&lbOZw3x}P{$=ypMqT8%mw)3l5*do=hNlpPxEb}p zieNu7VqGRIf@m#J01_X_qYyB!VbD<+X%b)}&}Frm&=j+Z!U*m+n_m|H)IH5A+gcWH zb>^CLJdXD?begis5|k80f|ev%8dn>SYc;5G%BGq{*(xh#4vrOR3?;7LPcLN*Yl^a2 z7L@+}W1HV@Z*F8~k)@pD&WCUQ@8bjWd+~w!-;58;-`OvlRXJfOj<2&i7ZkD(pP}R? z1KrJ_5Tev96vU4a6pP;$cZzo*cQMQ?edIc|y}d2>0jAIs$w|)fpO0TQ$w&4d^S^2T zF@I$LG5?$P5SU^6HbbyCe--%P1`VL>oj1vc&luR{d-g2`d;ZjbhNZn4e5i}Cg&UCW2S z42X$vk`9kF&md`|FVc6U#?mOkNNXm1$+Q$-v{j~&<21FiN>artjLoe{;VQ|w8}g>$ z^2$<4b-6OcHq|&0sX;LK4VS5Q&@NG^PM!tW$Zo18d3U?W`l^n21gNv{GTkQE+}vQN2N=5A+bvFPlm>tiZK_kzK&EYEe#GPC@ridvpk(d;RY%Tfh% zesQ1EBriqR9+pn{#z5U;X6GSjF>RlQzC6?@>uh&%*H5XL8~%Br3VxmGVB~$5QBPFz zbJQzp7t``ABD?!Mf=uGppH2VS$bg^xBub1HU4%QG=OjDI%JpqAnB7SWIx6il24?$~ zXIrhv&D(K$it>2LY|Q%3Gq-qb4Bg>DFw>~i&W+JWZfGB>MY^ZO?EK<@+4(wI)%mp2 zr76>{nLi8Dn=i3HD1jL+8f{;#zHG8~Dk->PcFc647r2R+($rrqbA+rDlWkm=@Jnxq zbP@`t#IwKkqHAqtxnfy7C@gWx8(CI(8NnSG$(OIQFLQ7VW*NuCS8!}bl+SJjUbIj< zx3SQm$-P!Hm}96sj;_M0t2GI!YS+RN4F( zm=SVV5fnHqK*xmOf?+k}pc4*3f777|ol8R0B2XC)2v;}92m>eB3UHz_U1eJ?bifI@ zN(d+{)G@!;0jO%Rc_^Iw@Pu%*DfI0}6*GJ(VABK$al#9g6?n@aa0ufe$Cwoe_74;kx zK|MzFQV>MX{RN#nx5?TjcPgjWzIX22bLX64^)qMB-dS*@O9QL_fzJ93Q$39^en&o= z$2?X6)(3o+=P&+sGkxinn0pt11`I^LKMAmo_6))83BFQP-#6#MW)}g5I4aMO-UWW) zY?qGx%=VexCMus3{C$fH^RK&(fGY|Tj=6= zoJnuTFmrV84CWnvqE-I?R*NBVQnqv#$czjbX3@Ybk^%b0iN+NX{{rUBjJkK-XfeB@I=Ln9-<6zRI-?&h99Vg# zTF55PtevctXQq;g;lhkEGFedo4I&pd3jqM>XgQ3T3#9#>jm53GPP(~GQ>(@E>bZ2V zcId>)rN=I;-&6JL&5Ax<9wN+`#|Ak;*-uzQKVewA-IitNF>@2e-JMP8N^olP?8Qco zE6uGt*r;tfm#9=Ky8`Qi+N3&laNyYth=OHUB8JG=QvjxVTf> zQkqoLgT{>1_?zx=_c)c?FnSjMbxKU0a5Fr7*z}Nz8AdEO8F(Wo3<5Ap_x9s8c68}> zmt|VA)0hKmcOKigKA#UJE6w`8BSl?Zn-3DqhmUHroy$u~&7*nsAUE)$;pM+PQrO(E zTP@ma&hy_nKnss_)(3oMI1;*wb3BxlC4=iiUQ2Rjv85m%Yv;ZK>G6;y=Ol>yIFsLxB-~Xr6@g|BA!s{K!HHhU2rP5!tLZ@qp0@ipqx`?pUYyt+^H{1GcqI{4TMWG8cPUb#`MMw9mIX=YFi5zEN)$z5=(~RT0wI%C|M>aGUw!x?K_HUy;ZB z`75t{{4---hNq*S7z&RUh*_)O84VxYy?ZF`${qAY_xgO{-Ep6<%YCrL9Sn!-hr+v~ zE#W}@kgI|)(>l|C|Bbh2!7NmY$ILQQ!6?Cj%`zQ$xyOk;xSYevVa_WUR50c|F)%ndFs$jI9T^8^^(wn#;* z&z0)PX4+e`iJr!d;Y3ZHJ6;j%>TO}nc$YnaDupnfK82oqWw)m+ffvTj7R>hZI1Lqa zD0ycjX(f+?JmI(cj*nQ@aMkEBzvc1xhruX5X<7aw(x5aDyd@4!`@G+GGvdE6v)5of zlXo^KcM+=Ym5nWjVzF4Lt}V5xrlT#=8j99dq$@hyk!-rvU7v~7eXuPYZ$ES>NKRv8 zm8lSBW=N&LxzPF>=X_mAV)JD-VdnT(H#ATHs)~+Tp3_z8faN(-bkgI`6-`+F!LcLb zCv=fZT9!3l0>Yu7nx!Iy0?Mv$yBRSah?%_xVSr*%=PF5|O58JQLWt zZ75UM6l~fSs0;eyfu=}2;c~^Bd_&EVeUq5MK$d6%@C4Wf1-PP_ntIvOVFxz24=Z5K z0#7uC$IcqeM2uE}B|Wzx2(WzcuqWAhNuTHN@y;Z+bWsGlcG5~Ft-d*m6o^?MX;6fL zm`Tk{8Zo1tf!Qepm|m?6pmBE~;R^&@&9#B%fV&pgh}?ldOCV4ih(-f}KsL36k3fq<+o0%V}8#> zQK#RNEMC!Pc_v1Sz%ZZt$r>574tJJ;RHQCd2e6viX|Q)LsF@ryqTY%joj?#?^f9u2 z=ceu3E6Fz5AF}OOVRwIJ<-B>=!f(_f-wZ-0ToNYz1pr|a3RnEWKElq0&wK%E)-`j6 z+2b@&D?(88U>NkQorkT%$HzVXQ!r{-6Pg@8jGlSoWkZfw{@fAEe;QE9Qb-jClXO1& zf*BVu|GdmLjGRAlIzj3nRUs)o!3+@7>dK0WN-T&N8`vVFCRc17ZoEkt><0wEU%4mi zwV+Qp8X9U{p@wLqCKTPvAO#R-Y)wL?LYkgr%@?tr98ER5Z0?&qY6i&< zjukr%F=l!CJk}U!=%vSGl>sHg=sn&U!R~=^y7(xUTn)`dfOX?6nb8`Lb5#n zZh1|!-#GJ<$j_Fx*O*lSojsS6gJy4L=KLOyl`Mv0j4?(p8ScEU__W{Chhc_?3?;2_ zZlc=1Q(gaZ|6h~fk1S@w%-IQvS!c|;y+SvaFgG-{HUyh@XAX5Wr)mO;)^vJLB$4ev zHD|I7dwM$BLheSPRViMB^{6_g7{Ojq``din03W`pbvqLRl#zK zHs1Xy+1HoEaCsO5>A}I1)Q2}{LTJLYe*p0H-}1n(Sjas8;ToOpAP~Ch6+)1j7vh2( zVopWEwatl5q2^R&T~jE1D3%JvW06QS8tI6&#S@tXsu>jUGB-&;r*J0FSOdG1DWsLj zDG-653v=Q9W`*janZ&HvF_Q)Wis4kW5x+lqLYI#w{l_jDP5Ln>IX1R=-0weSimGA1 z|Fj~d2Bc;|3{BJfH80UscX$8xE3SjyNVb(0=nOCcFwX#KAm-FOq|9n=3J)d z-mic8cK`lwfBDi22X=gS^yty=b{yCOcqt!UX@-!58986xA8POE>1yb5x%LLTTsuGL zX^GahY>W2v^aR^`xeC^Oxtl*&Hsa%?_YZDk_Cj93Y}Ts zs~4@AAQZ!>iYqu6zBO+ixm;an(#=MpmRto15Sj0yxXG!?NNQ0FD)^EoO)L z{xz@NdC!a2+_wn-NAaB-?z{fgCsw|A!QB@;zqA~4VW2yOa0-nuy~d`QCza3`0C9?a`}Z1JXl;TpIxCyJ4^F=9~WN4j1Gb@&ZnA;a8nNp zn&2-a7jil8Y)b>|uvpOfAJi=AIxiO5*~#=U^LzeoU2xu-+izZsFY`O^();d6T^>nhrYA=x7DWKC#a?L!RPdw7;v};}G%1+cwO+F3=It>&u z(?zgn+U4BE@D~#1W}E_@c&{yIPN4tEI}>BUqp83&G20Q`pUhgZY8){TEe|w!V2Xr6 zg@j3S#i`Cm0Jc!5B{e}@6E1Q_6%+eJ9jtIj-*5PZuUtt+Rw}5 z%u_z}kV*>HI@J`iO_!(WhN!?y#M`)HG{(;C&9N+bx_Bv8)5G=e)7OP0;!z{=2gzcg z=U)Bt`}(NoOSLpp7jFSATuBV;r6>cF_ruI>982m?9}9ES;?`QM+5^4`+4Sbfin*AS z(wc%^g35tMXjPfsuXbxU4eR{QIp@6Tr1Dv%T0TW`BFH!_k2 za~Su3)@OLUvp{;@rAo=}RGbRTfjxAWDtiUG^b}M*yLD;R9HGL^&(=$J9HsG2WWY@BoUMR14ZLc+_1@kcmf}0zvuMMIU>eHB~be>v|yyF=Y@aQ1e+;N^c*k+p+fX zK12cQ;b0DiC>zEie2C!rT|BHk%}Io1s@SLoM4435Z z2#*;E&f9OweX?v~xg=3?VxW!QH-blazM(}dz6_qdcTKT1MvAphA{GRWG*WMO_3RW& zB?Qsou}Fifc-CY=80*HDys^ctS`jU7y}=T&u)ys$&?4@Vl#P}q7wuyWvq`vH^nsq$5K-5K3P{cqqz&_T3eay&dTI0O1%~-&z z5I`vC31E|eY5qc zYeQezH9}*3uTHb&J$e%y|AN;cwWslYWRp?%TW^gom-F@q7g~=^R@~-Ob536iFbh}d zKu4d0d1>X_^78Vx6(bZ1_O-|3w+BM3 zdrfz^@`@vkIAlb;IAA6#Sqms$(s8_MQSA18yg93pe(j38V9=mivJ{lzN*Q69Rpc7| zJTBHqaq#9@(O7boU#=QisJ6A{6OqwU*-TFy8!e|2aR+nq(yl-_)0G^`wG1=x`g;(e zkMG`n2)$W+_;7K7!0PWLD>6PY7#Zq|YvOv5;|xQy|8)b{B0CaKoMX_&T+u}=P$&d0 z?7wrXy92JD>hJ*rwlNbhW>P?05tr9>;R*3=b96|2iCEWBH$eC&NG3){u~>U`#Jq!#Dl_>ZDo5MckwDN$E}{m3&dD`u zWxGPvWt=-yQApj4$3Rt{qb5YSNiYZ~`?kdF&)N%LD*0V$GwsisQ(aMWDiAgEiQL>& zZ@vZA>{*Y{x%Bqo$M1Doc=K#+?KuRk!oGbvT9Lwoo`aXqUXAQ#B_$iPqtCp!YKSpk z7#0|*=DWI*G(6ben}|(@&!-OqAV+n&!Ds=PWlcL69q`#pD@(QZR9TVaH@Slq-&>0> zfh){{YJoZY``(lNs(|8tv;s48763X4#LlJFjn$d;t8ZT~&WD0lzYw^0;;s=(oj%fj zazsvph7N+-kVmGNtup818b$(E-!yg1MN`SdzP_&h?inFLI+$h6+>>Y}#WG6gcK45c zJk{@oBA!E{av^N&4bCG9KG1CyJE(f%CNW4S5Cp;X)s2l`8{eNUbl$jO4LbR?VyeH` zb6QwEySWx9+BEy=Hg`@kdKq&@bEZHa&`7oK{AA+D-b&geZ;ObgxkGvLt%ty5nnNLl zQeHKrVJLnavK4~`32qQU+)&4#z(j@CPNfVXgo+CcXe)FsE_|r?E<%XYM-ToQy7wvHNwGLChzWp&c4{G z_3rg9iu=D_Kwos@-N4>Sv@oYnd>Glap3PWP-}ynPO*j>waJi4GbO# z&bhQa*F1Ly>3TM6=9KmillphIcq zT$Z6ZRv@H)e6uXj3oq_KsvT1fE9IVOFp%fK%t50eaLZ>{xeH&2%syHY&5#L6hSE4H2+rJ;a|do-NetSB3q=%$JnTw)P!-xg#Gtqv2`(zMdkxv6x3le#G`iIX2laZZzgyqCdDMQ=sJFMbn%#|Nr}4NFEkkKI?}^Dd z|9b&9%n?V$U}O~kn>kd9IhLawjGRz38pGg`-+xWhxV3GqcIY!|B1DZfb=7VBno2C2FbOXwUgOti~j{lCR4LE>P)Gd2

f80Gsfmp+P-d%;HC~iH7p09Rp3LW(9FOGUJ&#Yvo8DM zG+Uc|o@a-zH2(5-J}Yj+Kp4NvBCrGPIqadAyhE?^Jbi?MPAaUyb^=KdG`pnGY%k6w zhmaT_!#+z7d+w!@|1j~&G1S%U2b)Oj;w-<6K3NluGMn`e%zpxeh$m}kFVKXL2z-pzr2G`_ai=$J-d>=+Yi#j@M`=@~fjMx|qKb zX3)vum=yUoeJ=N_c(IMMY?~jGZJvEgFY(?;1%WZs);0Q!jX~nAdoV~ul-0Ano@ge_ zdHidgEmrYio2Hj@c8*`Rm(wvm#K*-;rZGI`DC#V$SO~PGCaho2EgWd_i~-E3lVVdo zoEKUC`H*JmDmyREmozT-S@LszIW18IHjU~G`mR+(JQ&18yty%88aA}u@@6#S?mOyz zoUDseS*(j6>!OJB^}c-G?228!GaQ)flN7vrItI0MPHeA3!_l&iZcl+|?4vPe`A}%o zQc1KOL_n0r3PMkTwP%te^A76Do+{XU5`vCt6@9Bf1yEzO4YP5536`+yJ4_NSYh{1N zsY)I7R=GNL_8bca(Bv0wC97bAO-sX@m_b}O*9 z=uv3a;McG~&9c5HRH?(%3^Wqg+Y1fl%kF(_>=2q^fip~U6$hOC2a67nH3y6*dYODm zp1E3-huMupEKlSU5o~T`W9&}L$kkd6(l{>Kt{+BC2I!i@DTk)K4wy5SLELRSg!DYC zE(mM7(6$fJnqlXSJRS`hs>T}yEAcf8?~AQhM$u$i(Z_Yu8S|Fw&)n&i+Z@G&ghq8p z$ij=e6@S{A&l}-nI(6Jp%QZ!-kxw&lv`QM#y(@}U^tN8lX<1=y=#5Rn=jYWh;?cl7@xPj#X0_Kh!?tgYXDwrBkh^NusHSXlC>CWvsL7b3 zX=c2BacQ)NBD!%LvlAGVb}*=nM9nnBY~U09a^64bk;U04oLFQwzBYW{``o#;d%`fx zyqc+6vrGxmfe)f;%7StwNSc=(BfIZkbSs^1f9O>Q6VEtnE;YMXr!?y@v?mK)5bluVAw)yx!6MS_*b(3TM*a!}JI28jb^)Wa)s2J06Hqim-;BY7u}qsv z^ormtZ)=7tl0ng(XQ)!1$|iWj6FBipTHbH(@7RUs?$ANARRgLOI^5vl%57I>E$pQRo76;7&K?kk#x`7*=9qveP1z! zmn^%P?^kZ7TXQu~@&(Qnh1y-p)#kGa(9IAw#KK4=gGWiW13Av$6ifBPN6FhyujNUX z|1FBO9o| diff --git a/build/0.2.3/onboarding.asset.php b/build/0.2.3/onboarding.asset.php deleted file mode 100644 index bedb2ecf3..000000000 --- a/build/0.2.3/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' => '38d8e63d0984f233bcf02622a320b330'); \ No newline at end of file diff --git a/build/0.2.3/onboarding.css b/build/0.2.3/onboarding.css deleted file mode 100644 index 81a44cf8a..000000000 --- a/build/0.2.3/onboarding.css +++ /dev/null @@ -1,3653 +0,0 @@ -/*!**********************************************************************************************************************************************************************************************************************************************************!*\ - !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/OnboardingSPA/styles/app.scss ***! - \**********************************************************************************************************************************************************************************************************************************************************/ -/** - * Initialize all WordPress Sass - * ----------------------------- - * @import @wordpress/base-styles - * @import @wordpress/interface - */ -/** - * Breakpoints & Media Queries - */ -/** - * Colors - */ -/** -* Converts a hex value into the rgb equivalent. -* -* @param {string} hex - the hexadecimal value to convert -* @return {string} comma separated rgb values -*/ -/** - * Breakpoint mixins - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * These variables do not appear to be used anywhere else. - */ -.components-panel__header.interface-complementary-area-header__small { - background: #fff; - padding-right: 4px; -} -.components-panel__header.interface-complementary-area-header__small .interface-complementary-area-header__small-title { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - width: 100%; -} -@media (min-width: 782px) { - .components-panel__header.interface-complementary-area-header__small { - display: none; - } -} - -.interface-complementary-area-header { - background: #fff; - padding-right: 4px; -} -.interface-complementary-area-header .components-button.has-icon { - display: none; - margin-left: auto; -} -.interface-complementary-area-header .components-button.has-icon ~ .components-button { - margin-left: 0; -} -@media (min-width: 782px) { - .interface-complementary-area-header .components-button.has-icon { - display: flex; - } -} - -@media (min-width: 782px) { - .components-panel__header + .interface-complementary-area-header { - margin-top: 0; - } -} - -.interface-complementary-area { - background: #fff; - color: #1e1e1e; -} -@media (min-width: 600px) { - .interface-complementary-area { - -webkit-overflow-scrolling: touch; - } -} -@media (min-width: 782px) { - .interface-complementary-area { - width: 280px; - } -} -.interface-complementary-area .components-panel { - border: none; - position: relative; - z-index: 0; -} -.interface-complementary-area .components-panel__header { - position: -webkit-sticky; - position: sticky; - top: 0; - z-index: 1; -} -.interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs { - top: 48px; -} -@media (min-width: 782px) { - .interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs { - top: 0; - } -} -.interface-complementary-area p { - margin-top: 0; -} -.interface-complementary-area h2 { - font-size: 13px; - color: #1e1e1e; - margin-bottom: 1.5em; -} -.interface-complementary-area h3 { - font-size: 11px; - text-transform: uppercase; - font-weight: 500; - color: #1e1e1e; - margin-bottom: 1.5em; -} -.interface-complementary-area hr { - border-top: none; - border-bottom: 1px solid #f0f0f0; - margin: 1.5em 0; -} -.interface-complementary-area div.components-toolbar-group, -.interface-complementary-area div.components-toolbar { - box-shadow: none; - margin-bottom: 1.5em; -} -.interface-complementary-area div.components-toolbar-group:last-child, -.interface-complementary-area div.components-toolbar:last-child { - margin-bottom: 0; -} -.interface-complementary-area .block-editor-skip-to-selected-block:focus { - top: auto; - right: 10px; - bottom: 10px; - left: auto; -} - -@media (min-width: 782px) { - body.js.is-fullscreen-mode { - margin-top: -32px; - height: calc(100% + 32px); - } - body.js.is-fullscreen-mode #adminmenumain, -body.js.is-fullscreen-mode #wpadminbar { - display: none; - } - body.js.is-fullscreen-mode #wpcontent, -body.js.is-fullscreen-mode #wpfooter { - margin-left: 0; - } -} - -html.interface-interface-skeleton__html-container { - position: fixed; - width: 100%; -} -@media (min-width: 782px) { - html.interface-interface-skeleton__html-container { - position: initial; - width: initial; - } -} - -.interface-interface-skeleton { - display: flex; - flex-direction: row; - height: auto; - max-height: 100%; - position: fixed; - top: 46px; - left: 0; - right: 0; - bottom: 0; -} -@media (min-width: 783px) { - .interface-interface-skeleton { - top: 32px; - } - .is-fullscreen-mode .interface-interface-skeleton { - top: 0; - } -} - -.interface-interface-skeleton__editor { - display: flex; - flex-direction: column; - flex: 0 1 100%; - overflow: hidden; -} - -.interface-interface-skeleton { - /* Set left position when auto-fold is not on the body element. */ - left: 0; -} -@media (min-width: 783px) { - .interface-interface-skeleton { - left: 160px; - } -} - -.auto-fold .interface-interface-skeleton { - /* Auto fold is when on smaller breakpoints, nav menu auto collapses. */ -} -@media (min-width: 783px) { - .auto-fold .interface-interface-skeleton { - left: 36px; - } -} -@media (min-width: 961px) { - .auto-fold .interface-interface-skeleton { - left: 160px; - } -} - -/* Sidebar manually collapsed. */ -.folded .interface-interface-skeleton { - left: 0; -} -@media (min-width: 783px) { - .folded .interface-interface-skeleton { - left: 36px; - } -} - -body.is-fullscreen-mode .interface-interface-skeleton { - left: 0 !important; -} - -.interface-interface-skeleton__body { - flex-grow: 1; - display: flex; - overflow: auto; - overscroll-behavior-y: none; -} -@media (min-width: 782px) { - .has-footer .interface-interface-skeleton__body { - padding-bottom: 25px; - } -} - -.interface-interface-skeleton__content { - flex-grow: 1; - display: flex; - flex-direction: column; - overflow: auto; - z-index: 20; -} - -.interface-interface-skeleton__secondary-sidebar, -.interface-interface-skeleton__sidebar { - display: block; - flex-shrink: 0; - position: absolute; - z-index: 100000; - top: 0; - right: 0; - bottom: 0; - left: 0; - background: #fff; - color: #1e1e1e; -} -@media (min-width: 782px) { - .interface-interface-skeleton__secondary-sidebar, -.interface-interface-skeleton__sidebar { - position: relative !important; - z-index: 90; - width: auto; - } -} - -.interface-interface-skeleton__sidebar { - overflow: auto; -} -@media (min-width: 782px) { - .interface-interface-skeleton__sidebar { - border-left: 1px solid #e0e0e0; - } -} - -@media (min-width: 782px) { - .interface-interface-skeleton__secondary-sidebar { - border-right: 1px solid #e0e0e0; - } -} - -.interface-interface-skeleton__header { - flex-shrink: 0; - height: auto; - border-bottom: 1px solid #e0e0e0; - z-index: 30; - color: #1e1e1e; -} - -.interface-interface-skeleton__footer { - height: auto; - flex-shrink: 0; - border-top: 1px solid #e0e0e0; - color: #1e1e1e; - position: absolute; - bottom: 0; - left: 0; - width: 100%; - background-color: #fff; - z-index: 90; - display: none; -} -@media (min-width: 782px) { - .interface-interface-skeleton__footer { - display: flex; - } -} -.interface-interface-skeleton__footer .block-editor-block-breadcrumb { - z-index: 30; - display: flex; - background: #fff; - height: 24px; - align-items: center; - font-size: 13px; - padding: 0 18px; -} - -.interface-interface-skeleton__actions { - z-index: 100000; - position: fixed !important; - top: -9999em; - bottom: auto; - left: auto; - right: 0; - width: 280px; - color: #1e1e1e; -} -.interface-interface-skeleton__actions:focus { - top: auto; - bottom: 0; -} - -.interface-more-menu-dropdown { - margin-left: -4px; -} -.interface-more-menu-dropdown .components-button { - width: auto; - padding: 0 2px; -} -@media (min-width: 600px) { - .interface-more-menu-dropdown { - margin-left: 0; - } - .interface-more-menu-dropdown .components-button { - padding: 0 4px; - } -} - -.interface-more-menu-dropdown__content .components-popover__content { - min-width: 280px; -} -@media (min-width: 480px) { - .interface-more-menu-dropdown__content .components-popover__content { - width: auto; - max-width: 480px; - } -} -.interface-more-menu-dropdown__content .components-popover__content .components-dropdown-menu__menu { - padding: 0; -} - -.components-popover.interface-more-menu-dropdown__content { - z-index: 99998; -} - -.interface-pinned-items { - display: flex; -} -.interface-pinned-items .components-button:not(:first-child) { - display: none; -} -@media (min-width: 600px) { - .interface-pinned-items .components-button:not(:first-child) { - display: flex; - } -} -.interface-pinned-items .components-button { - margin-left: 4px; -} -.interface-pinned-items .components-button svg { - max-width: 24px; - max-height: 24px; -} - -@media (min-width: 600px) { - .interface-preferences-modal { - width: calc(100% - 32px); - height: calc(100% - 120px); - } -} -@media (min-width: 782px) { - .interface-preferences-modal { - width: 750px; - } -} -@media (min-width: 960px) { - .interface-preferences-modal { - height: 70%; - } -} -@media (max-width: 781px) { - .interface-preferences-modal .components-modal__content { - padding: 0; - } - .interface-preferences-modal .components-modal__content::before { - content: none; - } -} - -.interface-preferences__tabs .components-tab-panel__tabs { - position: absolute; - top: 84px; - left: 16px; - width: 160px; -} -.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item { - border-radius: 2px; - font-weight: 400; -} -.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item.is-active { - background: #f0f0f0; - box-shadow: none; - font-weight: 500; -} -.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item:focus:not(:disabled) { - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); -} -.interface-preferences__tabs .components-tab-panel__tab-content { - padding-left: 24px; - margin-left: 160px; -} - -@media (max-width: 781px) { - .interface-preferences__provider { - height: 100%; - } -} -.interface-preferences-modal__section { - margin: 0 0 2.5rem 0; -} -.interface-preferences-modal__section:last-child { - margin: 0; -} - -.interface-preferences-modal__section-title { - font-size: 0.9rem; - font-weight: 600; - margin-top: 0; -} - -.interface-preferences-modal__section-description { - margin: -8px 0 8px 0; - font-size: 12px; - font-style: normal; - color: #757575; -} - -.interface-preferences-modal__option .components-base-control .components-base-control__field { - align-items: center; - display: flex; - margin-bottom: 0; -} -.interface-preferences-modal__option .components-base-control .components-base-control__field > label { - flex-grow: 1; - padding: 0.6rem 0 0.6rem 10px; -} -.interface-preferences-modal__option .components-base-control__help { - margin: -8px 0 8px 58px; - font-size: 12px; - font-style: normal; - color: #757575; -} - -html.wp-toolbar { - background: #fff; -} - -body:not(.is-fullscreen-mode) { - opacity: 0; -} -body.is-fullscreen-mode { - opacity: 1; - transition: opacity ease-in 500ms; -} -body.dashboard_page_nfd-onboarding { - background: #fff; - /* We hide legacy notices in Gutenberg Based Pages, because they were not designed in a way that scaled well. - Plugins can use Gutenberg notices if they need to pass on information to the user when they are editing. */ -} -body.dashboard_page_nfd-onboarding #wpcontent { - padding-left: 0; -} -body.dashboard_page_nfd-onboarding #wpbody-content { - padding-bottom: 0; -} -body.dashboard_page_nfd-onboarding #wpbody-content > div:not(.nfd-onboarding-container):not(#screen-meta) { - display: none; -} -body.dashboard_page_nfd-onboarding #wpfooter { - display: none; -} -body.dashboard_page_nfd-onboarding .a11y-speak-region { - left: -1px; - top: -1px; -} -body.dashboard_page_nfd-onboarding ul#adminmenu a.wp-has-current-submenu::after, -body.dashboard_page_nfd-onboarding ul#adminmenu > li.current > a.current::after { - border-right-color: #fff; -} -body.dashboard_page_nfd-onboarding .media-frame select.attachment-filters:last-of-type { - width: auto; - max-width: 100%; -} - -body { - --nfd-onboarding-icon: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjIxNy4zNSAxNjkuMjk4IDEzMS45ODcgMTI5LjQxMiI+CiAgPHBhdGggZmlsbD0iI2ZmZiIgZD0ibTIyMS44MDkgMjM0LjA2MSAyNy41NDktMjcuMDc4IDkwLjYgODcuOTg0aC01NS42MzdsLTYyLjUxMi02MC45MDZabS00LjQ1OSA2NC42NDkgMzMuNjcyLTI1LjY1Ni0zMy42NzItMzIuNDg0djU4LjE0Wm0xMjcuNTI5LTY0Ljc2My0yNy41NSAyNy4wNzgtOTAuNjAxLTg3Ljk4NGg1NS42MzlsNjIuNTEyIDYwLjkwNlptNC40NTgtNjQuNjQ5LTMzLjY3MiAyNS42NTYgMzMuNjcyIDMyLjQ4NHYtNTguMTRaIi8+Cjwvc3ZnPg==); - --nfd-onboarding-logo: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0xMjQuNzE1IDE4Ni43MzYgNTkzLjY2NiAxNDkuMTEzIj4KICA8cGF0aCBmaWxsPSIjZmZmIiBkPSJNNDQuMTM5IDIwOS4xMzZoMTAuMDh2Ni4zODRjMCAuNTI0LjI2MS43ODQuNzgzLjc4NC4yMjQgMCAuNDMtLjA5Mi42MTctLjI4LjE4NS0uMTg2LjM5Mi0uMzkyLjYxNi0uNjE2IDMuOTU2LTUuMyAxMC4wMDQtNy45NTIgMTguMTQ0LTcuOTUyIDcuMzE2IDAgMTMuMDY1IDIuMDU1IDE3LjI0OCA2LjE2IDQuMTggNC4xMDcgNi4yNzIgOS44OTUgNi4yNzIgMTcuMzZ2MzYuNGgtMTAuMDh2LTM0LjcyYzAtNS4zMDEtMS4zNDQtOS4zMzItNC4wMzItMTIuMDk2LTIuNjg4LTIuNzYxLTYuNTcxLTQuMTQ0LTExLjY0OC00LjE0NC01Ljc1MSAwLTEwLjE3NSAxLjczNi0xMy4yNzIgNS4yMDgtMy4wOTkgMy40NzItNC42NDggOC42NDQtNC42NDggMTUuNTEydjMwLjI0aC0xMC4wOHYtNTguMjRabTExMS40MzggMjMuNTJjMC01LjA3Ny0xLjMwNi05LjA1Mi0zLjkyLTExLjkyNy0yLjYxNC0yLjg3NC02LjcyLTQuMzEzLTEyLjMxOS00LjMxMy01LjIyOCAwLTkuNTAzIDEuNC0xMi44MjQgNC4yMDEtMy4zMjMgMi43OTktNS4zNTkgNi44MTQtNi4xMDQgMTIuMDM5aDM1LjE2N1ptLTQyLjIyMy0xMC43NTFjMi40NjQtNC42MjkgNS45MTctOC4xOTQgMTAuMzYtMTAuNjk3IDQuNDQxLTIuNSA5LjY0OS0zLjc1MSAxNS42MjQtMy43NTEgNS44OTcgMCAxMC45MTkgMS4yMzEgMTUuMDYzIDMuNjk1IDQuMTQ0IDIuNDY1IDcuMjQyIDUuNzMyIDkuMjk2IDkuODAxIDIuMDU0IDQuMDcgMy4wOCA4LjUzMSAzLjA4IDEzLjM4NHY2LjcxOWgtNDYuNDc5Yy4zNzIgNS44MjQgMi4zMzIgMTAuNDU2IDUuODggMTMuODg4IDMuNTQ1IDMuNDM2IDguMzA1IDUuMTUyIDE0LjI4IDUuMTUyIDQuODUzIDAgOC41NjctLjk4OCAxMS4xNDMtMi45NjggMi41NzYtMS45NzcgNC40Ni00LjcyMSA1LjY1Ni04LjIzMWgxMC42NGMtMS40MTggNS40NTEtNC4zMTIgMTAuMTc1LTguNjgxIDE0LjE2OC00LjM2NyAzLjk5NS0xMC42MjEgNS45OTEtMTguNzU4IDUuOTkxLTYuMTI0IDAtMTEuNTE5LTEuMjUxLTE2LjE4Ni0zLjc1Mi00LjY2Ni0yLjUwMi04LjI2OS02LjA2NS0xMC44MDYtMTAuNjk2LTIuNTM5LTQuNjI4LTMuODA4LTEwLjA4LTMuODA4LTE2LjM1MnMxLjIzMi0xMS43MjEgMy42OTYtMTYuMzUxbTYyLjA0OC0xMi43NjloMTAuMTkzbDExLjIgNDcuMzc2Yy4xNDguNTI0LjMxNi44NzguNTA0IDEuMDY0LjE4NS4xODguNDY0LjI4Ljg0LjI4LjM3MiAwIC42NzItLjA5Mi44OTYtLjI4LjIyNC0uMTg2LjM3Mi0uNTQuNDQ4LTEuMDY0bDExLjA4OC00Ny4zNzZoMTguMTQzbDExLjA4OSA0Ny4zNzZjLjE0OC41MjQuMzE2Ljg3OC41MDQgMS4wNjQuMTg0LjE4OC40NjQuMjguODQuMjguMzcyIDAgLjY3Mi0uMDkyLjg5NS0uMjguMjI0LS4xODYuMzczLS41NC40NDgtMS4wNjRsMTEuMjAxLTQ3LjM3NmgxMC4xOXYyLjI0bC0xMy42NjMgNTZoLTE3LjkxOWwtMTEuNTM2LTQ4LjgzMmMtLjIyNC0uNjcyLS42LTEuMDA4LTEuMTItMS4wMDgtLjMgMC0uNTI0LjA3NS0uNjcyLjIyNC0uMTUyLjE1MS0uMy40MTEtLjQ0OC43ODRsLTExLjUzNyA0OC44MzJoLTE3LjkybC0xMy42NjQtNTZ2LTIuMjRabTk0LjA3OCAwaDE0di0xLjY4YzAtNy4wMTcgMS42OTctMTIuMjI1IDUuMDk2LTE1LjYyNSAzLjM5Ny0zLjM5NSA4LjYwNC01LjA5NSAxNS42MjQtNS4wOTVoMTAuMDgxdjguOTZIMjk1LjI0Yy0uNTIzIDAtLjkzNS4xNTEtMS4yMzIuNDQ4LS4yOTkuMjk5LS40NDcuNzExLS40NDcgMS4yMzJ2MTEuNzZoMTUuMTE4djguOTZoLTE1LjExOHY0OS4yOEgyODMuNDh2LTQ5LjI4aC0xNHYtOC45NlptNTkuOTc3IDEzLjA0OWMtMy42OTYgMy44NDYtNS41NDQgOS4yMDItNS41NDQgMTYuMDcyIDAgNi44NyAxLjg0OCAxMi4yMjggNS41NDQgMTYuMDcgMy42OTUgMy44NDcgOC41NjggNS43NyAxNC42MTYgNS43N3MxMC45Mi0xLjkyMyAxNC42MTYtNS43N2MzLjY5Ni0zLjg0MiA1LjU0NC05LjIgNS41NDQtMTYuMDcgMC02Ljg3LTEuODQ4LTEyLjIyNi01LjU0NC0xNi4wNzItMy42OTYtMy44NDYtOC41NjgtNS43NjgtMTQuNjE2LTUuNzY4cy0xMC45MjEgMS45MjItMTQuNjE2IDUuNzY4bTMwLjAxNi0xMS4xNDRjNC41OTIgMi4zOSA4LjIxNCA1Ljg5OCAxMC44NjQgMTAuNTI4IDIuNjUgNC42MyAzLjk3NiAxMC4xOTIgMy45NzYgMTYuNjg4IDAgNi40OTYtMS4zMjYgMTIuMDYtMy45NzYgMTYuNjg2LTIuNjUgNC42MzItNi4yNzIgOC4xNC0xMC44NjQgMTAuNTI5LTQuNTkyIDIuMzktOS43MjYgMy41ODMtMTUuNCAzLjU4My01LjY3NiAwLTEwLjgwOS0xLjE5My0xNS40LTMuNTgzLTQuNTkyLTIuMzg5LTguMjE0LTUuODk3LTEwLjg2NC0xMC41MjktMi42NTItNC42MjYtMy45NzYtMTAuMTktMy45NzYtMTYuNjg2czEuMzI0LTEyLjA1OCAzLjk3Ni0xNi42ODhjMi42NS00LjYzIDYuMjcyLTguMTM4IDEwLjg2NC0xMC41MjggNC41OTEtMi4zODggOS43MjQtMy41ODQgMTUuNC0zLjU4NCA1LjY3NCAwIDEwLjgwOCAxLjE5NiAxNS40IDMuNTg0bTM3LjI0IDU2LjMzNWgtMTAuMDgydi04MC42MzloMTAuMDgydjgwLjYzOVptMjcuOTQzLTEzLjA0OGMzLjY5NCAzLjg0NiA4LjU2OCA1Ljc2OCAxNC42MTYgNS43NjhzMTAuOTItMS45MjIgMTQuNjE2LTUuNzY4YzMuNjk2LTMuODQ0IDUuNTQ0LTkuMiA1LjU0NC0xNi4wNzIgMC02Ljg2OC0xLjg0OC0xMi4yMjYtNS41NDQtMTYuMDcxLTMuNjk2LTMuODQ1LTguNTY4LTUuNzY5LTE0LjYxNi01Ljc2OXMtMTAuOTIyIDEuOTI0LTE0LjYxNiA1Ljc2OWMtMy42OTYgMy44NDUtNS41NDQgOS4yMDMtNS41NDQgMTYuMDcxIDAgNi44NzIgMS44NDggMTIuMjI4IDUuNTQ0IDE2LjA3Mm0tMTEuNTM2LTMzLjA5NWMyLjcyNS00LjYyOSA2LjI1My04LjA4MyAxMC41ODQtMTAuMzYxIDQuMzI5LTIuMjc2IDguOTYtMy40MTUgMTMuODg4LTMuNDE1IDguMjg4IDAgMTQuNzA4IDIuNzI3IDE5LjI2MiA4LjE3Ni4zNzUuNTIzLjc4Ni43ODMgMS4yMzQuNzgzLjUyMSAwIC43ODQtLjI5OC43ODQtLjg5NXYtMjguNzg0aDEwLjA3OXY4MC42MzloLTEwLjA3OXYtNi4zODRjMC0uNTk2LS4yNjMtLjg5Ni0uNzg0LS44OTYtLjQ0OCAwLS44NTkuMjYyLTEuMjM0Ljc4NC00LjU1NCA1LjQ1Mi0xMC45NzQgOC4xNzYtMTkuMjYyIDguMTc2LTQuOTI4IDAtOS41NTktMS4xMzktMTMuODg4LTMuNDE2LTQuMzMxLTIuMjc4LTcuODU5LTUuNzMtMTAuNTg0LTEwLjM1OS0yLjcyNy00LjYyOS00LjA4Ny0xMC4zMDUtNC4wODctMTcuMDI1IDAtNi43MiAxLjM2LTEyLjM5NCA0LjA4Ny0xNy4wMjNNNTEuNDQ0IDMxNy43NDhjMS44NTggMS45MzMgNC4zMDYgMi44OTkgNy4zNDggMi44OTkgMy4wNCAwIDUuNDg5LS45NjYgNy4zNDYtMi44OTkgMS44NTktMS45MzMgMi43ODgtNC42MjcgMi43ODgtOC4wODEgMC0zLjQ1Mi0uOTI5LTYuMTQ2LTIuNzg4LTguMDc5LTEuODU3LTEuOTMyLTQuMzA2LTIuOS03LjM0Ni0yLjktMy4wNDIgMC01LjQ5Ljk2OC03LjM0OCAyLjktMS44NTkgMS45MzMtMi43ODggNC42MjctMi43ODggOC4wNzkgMCAzLjQ1NC45MjkgNi4xNDggMi43ODggOC4wODFtLTUuOC0xNi42MzljMS4zNy0yLjMyOCAzLjE0NC00LjA2MiA1LjMyMS01LjIwOSAyLjE3Ni0xLjE0NCA0LjUwNS0xLjcxNiA2Ljk4MS0xLjcxNiA0LjE2NyAwIDcuMzk1IDEuMzY5IDkuNjg2IDQuMTA5LjE4Ni4yNjMuMzk0LjM5NS42MTguMzk1LjI2MyAwIC4zOTQtLjE0OS4zOTQtLjQ1MXYtMTQuNDY5aDUuMDY4djQwLjUzOWgtNS4wNjh2LTMuMjFjMC0uMy0uMTMxLS40NS0uMzk0LS40NS0uMjI0IDAtLjQzMi4xMzItLjYxOC4zOTQtMi4yOTEgMi43NC01LjUxOSA0LjExMS05LjY4NiA0LjExMS0yLjQ3NiAwLTQuODA1LS41NzMtNi45ODEtMS43MTctMi4xNzctMS4xNDYtMy45NTEtMi44ODItNS4zMjEtNS4yMS0xLjM3MS0yLjMyNi0yLjA1Ni01LjE3OC0yLjA1Ni04LjU1OCAwLTMuMzc4LjY4NS02LjIzIDIuMDU2LTguNTU4bTQxLjAxOSAyMy4xOTdoLTUuMDY4di0yOS4yNzhoNS4wNjh2MjkuMjc4Wm0xLjEyNC0zMy43ODJoLTcuMzE5di02Ljc1Nmg3LjMxOXY2Ljc1NlptMTEuMTc3IDIzLjczMmMuODgyIDEuNTIxIDIuMDc0IDIuNjg1IDMuNTc2IDMuNDkyIDEuNS44MDggMy4xNTIgMS4yMDkgNC45NTQgMS4yMDkgMS44MDIgMCAzLjQ1My0uNDAxIDQuOTU0LTEuMjA5IDEuNTAyLS44MDcgMi42OTQtMS45NzEgMy41NzYtMy40OTIuODgyLTEuNTIgMS4zMjMtMy4zMzEgMS4zMjMtNS40MzIgMC0yLjEwMy0uNDQxLTMuOTE1LTEuMzIzLTUuNDMzLS44ODItMS41MjItMi4wNzQtMi42ODQtMy41NzYtMy40OTItMS41MDEtLjgwNy0zLjE1Mi0xLjIxMS00Ljk1NC0xLjIxMS0xLjgwMiAwLTMuNDU0LjQwNC00Ljk1NCAxLjIxMS0xLjUwMi44MDgtMi42OTQgMS45Ny0zLjU3NiAzLjQ5Mi0uODgyIDEuNTE4LTEuMzIyIDMuMzMtMS4zMjIgNS40MzMgMCAyLjEwMS40NCAzLjkxMiAxLjMyMiA1LjQzMm0tMS4wNDEgMTEuMDA4Yy4yOTkgMS44NzcgMS4xNzIgMy4zNTkgMi42MTkgNC40NDkgMS40NDQgMS4wODcgMy40MDUgMS42MzIgNS44ODIgMS42MzIgMy4zNzkgMCA1Ljk5OC0uODY0IDcuODU1LTIuNTkgMS44NTktMS43MjcgMi43ODctNC4xNDcgMi43ODctNy4yNjN2LTIuMDI4YzAtLjIyNS0uMTEyLS4zMzctLjMzOC0uMzM3LS4xODggMC0uMzU3LjA5NC0uNTA2LjI4MS0yLjA2NCAyLjcwNC01LjI1NiA0LjA1NS05LjU3MiA0LjA1NS0yLjUxNSAwLTQuODQzLS41NzItNi45ODMtMS43MTgtMi4xMzktMS4xNDQtMy44NTYtMi44MTQtNS4xNTEtNS4wMTItMS4yOTYtMi4xOTQtMS45NDItNC44MzItMS45NDItNy45MDkgMC0zLjA3OS42NDYtNS43MTYgMS45NDItNy45MTIgMS4yOTUtMi4xOTUgMy4wMTItMy44NjUgNS4xNTEtNS4wMTIgMi4xNC0xLjE0NCA0LjQ2OC0xLjcxNiA2Ljk4My0xLjcxNiA0LjA5IDAgNy4zIDEuMzcxIDkuNjI4IDQuMTA5LjMzNy40MTUuNjM4LjYyLjkwMS42Mi4xNDkgMCAuMjYxLS4wNDYuMzM3LS4xNC4wNzYtLjA5NC4xMzItLjIxNi4xNy0uMzY2bDEuMDY5LTMuMzc5aDMuMzc5djI2LjE4M2MwIDQuNjE3LTEuMzkgOC4yMS00LjE2NyAxMC43ODItMi43NzkgMi41Ny02LjY0NCAzLjg1Ni0xMS41OTkgMy44NTYtNC4yNDIgMC03LjU3My0uOTY2LTkuOTkzLTIuODk4LTIuNDIzLTEuOTM1LTMuNzgzLTQuNDk4LTQuMDgzLTcuNjg3aDUuNjMxWm0zNy4xNi0uOTU4aC01LjA2OHYtMjkuMjc4aDUuMDY4djI5LjI3OFptMS4xMjYtMzMuNzgyaC03LjMydi02Ljc1Nmg3LjMydjYuNzU2Wm0zLjY1OSA0LjUwNGg2Ljc1NnYtNy44ODJoNS4wNjh2Ny44ODJoNy42MDF2NC41MDVoLTcuNjAxdjE5LjQyNGMwIC4yNjQuMDc2LjQ3MS4yMjUuNjIuMTUuMTUuMzU4LjIyNi42Mi4yMjZoNy42MDJ2NC41MDRoLTMuOTQyYy0zLjIyOSAwLTUuNjMyLS43ODgtNy4yMDYtMi4zNjQtMS41NzgtMS41NzgtMi4zNjctMy45NzktMi4zNjctNy4yMDh2LTE1LjIwMmgtNi43NTZ2LTQuNTA1Wm0zMS4xOTQgMjQuMjY4YzEuMjM4LjkwMiAyLjk2NSAxLjM1MSA1LjE4IDEuMzUxIDIuODkgMCA1LjE2MS0uNzg4IDYuODEzLTIuMzY1IDEuNjUxLTEuNTc1IDIuNDc3LTMuODg0IDIuNDc3LTYuOTI0di0uMjI2bC0xMC42OTguMjI2Yy0xLjkxNC4wMzctMy4zMzIuNDIxLTQuMjUxIDEuMTUzLS45MjEuNzMyLTEuMzggMS43NTYtMS4zOCAzLjA2OSAwIDEuNTc2LjYxOSAyLjgxNSAxLjg1OSAzLjcxNm0tNC4yNTEtOS44MjVjMS43ODItMS40ODMgNC40NTYtMi4yNjEgOC4wMjMtMi4zMzdsMTAuNjk4LS4yMjZ2LTEuMTgyYzAtMi4yMTQtLjYzOC0zLjk0Mi0xLjkxNC01LjE4LTEuMjc2LTEuMjM4LTMuMjY2LTEuODU4LTUuOTctMS44NTgtMi40MDEgMC00LjIyMi41MjYtNS40NiAxLjU3OC0xLjIzOSAxLjA1LTEuODU4IDIuNDAxLTEuODU4IDQuMDUzaC01LjM0OWMuMTEyLTEuOTE1LjY3NC0zLjY0MSAxLjY4OS01LjE4IDEuMDEzLTEuNTM5IDIuNDU5LTIuNzUxIDQuMzM0LTMuNjMyIDEuODc4LS44ODEgNC4wOTEtMS4zMjMgNi42NDQtMS4zMjMgNC4yOCAwIDcuNTA4IDEuMDMyIDkuNjg2IDMuMDk2IDIuMTc3IDIuMDY2IDMuMjY1IDQuOTc1IDMuMjY1IDguNzI3djE4LjNoLTUuMDY3di0zLjA0YzAtLjIyNS0uMTEyLS4zMzctLjMzNy0uMzM3LS4xODkgMC0uMzc3LjExMi0uNTY0LjMzNy0yLjAyNyAyLjU4OS01LjAxMSAzLjg4NS04Ljk1MiAzLjg4NS0zLjYwNCAwLTYuNDI5LS44ODItOC40NzQtMi42NDgtMi4wNDctMS43NjItMy4wNjgtNC4wNy0zLjA2OC02LjkyNCAwLTIuNTg5Ljg5LTQuNjI2IDIuNjc0LTYuMTA5bTM2LjQ1NyAxNC44MzVIMTk4LjJ2LTQwLjUzOGg1LjA2OHY0MC41MzhabS0zMjMuNTI0LTYyLjk1NiAyNy41NS0yNy4wNzggOTAuNiA4Ny45ODRoLTU1LjYzOGwtNjIuNTEyLTYwLjkwNlptLTQuNDU5IDY0LjY0OSAzMy42NzItMjUuNjU2LTMzLjY3Mi0zMi40ODR2NTguMTRaTTIuODE0IDI2MS4yMzZsLTI3LjU0OSAyNy4wNzgtOTAuNjAyLTg3Ljk4NGg1NS42MzlsNjIuNTEyIDYwLjkwNlptNC40NTgtNjQuNjQ5TC0yNi40IDIyMi4yNDNsMzMuNjcyIDMyLjQ4NHYtNTguMTRaIi8+Cjwvc3ZnPg==); - --nfd-onboarding-primary: #dd5228; - --nfd-onboarding-light: #f2f2f2; - --nfd-onboarding-dark: #1e2223; - --nfd-onboarding-white: #ffffff; - --nfd-onboarding-white-rgb: 255, 255, 255; - --nfd-onboarding-black: #000000; - --nfd-onboarding-header-bg: var(--nfd-onboarding-light); - --nfd-onboarding-header-fg: var(--nfd-onboarding-dark); - --nfd-onboarding-content-bg: var(--nfd-onboarding-light); - --nfd-onboarding-content-fg: var(--nfd-onboarding-dark); - --nfd-onboarding-drawer-bg: var(--nfd-onboarding-dark); - --nfd-onboarding-drawer-fg: var(--nfd-onboarding-light); - --nfd-onboarding-drawer-icon-fill: var(--nfd-onboarding-dark); - --nfd-onboarding-drawer-icon-active-fill: var(--nfd-onboarding-light); - --nfd-onboarding-footer-fg: var(--nfd-onboarding-dark); - --nfd-onboarding-footer-bg: var(--nfd-onboarding-light); -} - -body { - --nfd-publish-icon: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzMiIHZpZXdCb3g9IjAgMCAzMCAzMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjMxNTkxOCAzLjEzNjA3VjAuNDY3NzczSDI5LjM0MlYzLjEzNjA3SDAuMzE1OTE4Wk0wLjMxNTkxMSA3LjU4MzQ5SDE2LjY0MzFWMTAuMjUxOEgwLjMxNTkxMVY3LjU4MzQ5Wk0xNi42NDMxIDE0LjY5ODZIMi4xMzAwNEMxLjA0MTU2IDE0LjY5ODYgMC4zMTU5MTEgMTUuNDEwMiAwLjMxNTkxMSAxNi40Nzc1VjMxLjI0MkMwLjMxNTkxMSAzMS43NzU3IDAuNjc4NzM4IDMyLjQ4NzIgMS40MDQzOSAzMi42NjUxQzEuNTg1OCAzMi44NDMgMS43NjcyMiAzMi44NDMgMS45NDg2MyAzMi44NDNDMi4zMTE0NiAzMi44NDMgMi44NTU3IDMyLjY2NTEgMy4wMzcxMSAzMi4zMDk0TDYuMzAyNTUgMjkuMTA3NEgxNi42NDMxQzE3LjczMTYgMjkuMTA3NCAxOC40NTcyIDI4LjM5NTkgMTguNDU3MiAyNy4zMjg1VjE2LjQ3NzVDMTguNDU3MiAxNS40MTAyIDE3LjczMTYgMTQuNjk4NiAxNi42NDMxIDE0LjY5ODZaTTUuMjE0MDYgMjYuNDM5MkgxNS43MzZWMTcuMzY3SDMuMDM3MVYyOC41NzM4TDUuMjE0MDYgMjYuNDM5MloiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPg==); - --nfd-selling-icon: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzMiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMyAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CjxyZWN0IGlkPSJzaG9wQDJ4IiB4PSIwLjkyODY2NSIgeT0iMC4wOTUyMTQ4IiB3aWR0aD0iMzEuMjU4OSIgaGVpZ2h0PSIzMS4yNTg5IiBmaWxsPSJ1cmwoI3BhdHRlcm4wKSIvPgo8ZGVmcz4KPHBhdHRlcm4gaWQ9InBhdHRlcm4wIiBwYXR0ZXJuQ29udGVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgd2lkdGg9IjEiIGhlaWdodD0iMSI+Cjx1c2UgeGxpbms6aHJlZj0iI2ltYWdlMF8zNDY5N182MjE2IiB0cmFuc2Zvcm09InNjYWxlKDAuMDAyODI0ODYpIi8+CjwvcGF0dGVybj4KPGltYWdlIGlkPSJpbWFnZTBfMzQ2OTdfNjIxNiIgd2lkdGg9IjM1NCIgaGVpZ2h0PSIzNTQiIHhsaW5rOmhyZWY9ImRhdGE6aW1hZ2UvcG5nO2Jhc2U2NCxpVkJPUncwS0dnb0FBQUFOU1VoRVVnQUFBV0lBQUFGaUNBWUFBQURNWE5KNkFBQUFBWE5TUjBJQXJzNGM2UUFBQUVSbFdFbG1UVTBBS2dBQUFBZ0FBWWRwQUFRQUFBQUJBQUFBR2dBQUFBQUFBNkFCQUFNQUFBQUJBQUVBQUtBQ0FBUUFBQUFCQUFBQllxQURBQVFBQUFBQkFBQUJZZ0FBQUFBandmbXRBQUFpVlVsRVFWUjRBZTJkdjQ3a3VIYUhleTQyczRHdEN6Z2ZMdUI4eTRCREE2T2JPZHU1VDdEdE41ak00ZmFHanJ6M0NWejdCTzZiT1J0TjROU3J6Uyt3bWlmWXVzQUY3TUJHKzV4dXFhdFUraS94NkEvNUVUZ2xrU0lQeVkva3IxVXNhZWJOMDlQVDhlN3U3aUFXZThnRmdCb0JBaENBd0tJRTNvZ1FwMUxqdTBWcjNXWmxuNlJaeVRhYlJxc2dBSUdRQ2Z3bTVNN1JOd2hBQUFKN0lJQVFYMFpKdDJnSUVJQUFCQlluZ0JCZmtIOTVPZVVNQWhDQXdISUVFT0lxYTFlTkVvTUFCQ0JnVHdBaHJqSjIxU2d4Q0VBQUF2WUVFT0lxWXg3anEvSWdCZ0VJTEVBQUlhNUM1Z2U3S2c5aUVJREFBZ1FRNGdVZ1V3VUVJQUNCTGdJSWNaVk9VbzBTZ3dBRUlHQlBBQ0cyWjB3TkVJQUFCRG9KSU1SVlBPd1JWM2tRZ3dBRUZpQ0FFRmNoODFKSGxRY3hDRUJnQVFJSWNSMnlxeWVSQWdFSVFNQ09BRUpjWit2cVNhUkFBQUlRc0NPQUVOZlo4bEpIblFrcEVJQ0FJUUdFdUE2WEgrenFURWlCQUFRTUNTREVobkJ4RFFFSVFHQUlBWVM0VGltcEo1RUNBUWhBd0k0QVFtekhGczhRZ0FBRUJoRkFpT3VZMkNPdU15RUZBaEF3SklBUTErSHlVa2VkQ1NrUWdJQWhBZjFmblBVT2NJK1BiTjFMdTc4MVl2T1YrTTJOZk9NV0FoQ0FRSVhBRnhMTEtpbjdpU1NHVFhYaU96ZjBqMnNJUUFBQ3J3VDJ2RFdSdnZiQy84a2V2eUg0cDRCSENFQmdFUUo3Rm1KTFFMcGRRNEFBQkNDd0NJRTlDL0ZldDFRV0dWZ3FnUUFFOWtOZ3owSjhOc1NjR1ByR05RUWdBSUVLZ1QwTHNYYmtjNlUzUkNBQUFRanNrTURlaFRnM1lzNGVzUkZZM0VJQUFuVUNleGRpcSswSlh1cW96eFZTSUFBQkl3SjdGMkxMSCt5Y0VYUGNRZ0FDRUtnUTJMc1FWenJqT2VJOCs4TWRCQ0FBZ1VZQ2V4Zml0TEZYZmhJUGZ0emdCUUlRZ0VBM2diMExjWGZ2NWwzbEI3dDUvQ2dOQVFnTUpMQjNJYmJjSXg2SWtHd1FnQUFFNWhIWXV4Q2Y1M1cvczNUU2VaV0xFSUFBQkR3UjJMc1FLd1plNnZBMEdYQURBUWlzUXlBRUljNk4wTEZIYkFRV3R4Q0FRSlZBQ0VKc3RUM0JTeDNWdVVJTUFoQXdJaENDRUZ2K1lPZU11T01XQWhDQXdDdUJFSVQ0dFRNR0o4N0FKeTRoQUFFSVZBaUVJTVJwcFVkK0l3ZS83dkFHQVFoQW9FNGdCQ0d1OThwZkNqL1krV09KSndoQW9JVkFDRUpzdVVmY2dvMWtDRUFBQXY0SWhDREVaMzg0YXA2U1dnb0pFSUFBQkR3VENFR0lGUWt2ZFhpZUdMaURBQVNXSXhDS0VPZEd5TmdqTmdLTFd3aEE0RUlnRkNHMjJwN2dwWTdMWE9FTUFoQXdJaENLRUZ2K1lPZU0yT01XQWhDQXdET0JVSVRZY2ppZHBYTjhRd0FDRUFoRmlGUERvVHdZK3NZMUJDQUFnYnRRaE5oeUtQbkJ6cEl1dmlFQWdXQ0UySEtQbUdrQ0FRaEF3SlJBS0hmRVowTktpYUZ2WEVNQUFoQUk1bzVZaDVLWE9walFFSURBTGdtRWNrZXM4SE9qRVdDUDJBZ3NiaUVBZ1JjQ0lRbXgxZllFTDNXd1dpQUFBVk1DSVFteDVROTJ6blFVY0E0QkNFUk5JQ1FodGh4SVora2MzeENBUU53RVFoTGkxSEFvLzhIUU42NGhBSUhJQ2J4NWVub0tCVUVpSGZtNFFHZCtsanAwUDFxdDNBNUo1VnlEeGpXZEFBRUlRR0F3Z1pDRStDQzkvblZ3ejIwejZxTjBlVkZGV2h4TGtkWjBOUUlFSUFDQlp3SWhDYkYyYUcrMzk1K0tlWGdyMG5wWHJXa0VDRUFnQWdLaENYRXVZL1kyc0hFcnQwSzBiMnJYSXAxS25BQUJDT3ljUUdoQ25NcDR2TnY1bUV4cGZya1YwaVRTdVRoVUkwQUFBaHNsRUpvUVB3cm5iemJLZXUxbS9Wa2FVRzUzcEVWak5LN2lyVlplS3k1eGdBQUVsaUlRbWhBL0NManZsb0lYYUQyMys5YlhJcDBHMm1lNkJZRlZDWHl4YXUxVXZrVUM1ZFpPZVd4cTQrMit0ZVpKaTR4Nlo2M2lUWUFBQkFZU0NPMk9PSkYrZnh6WWQ3TFpFbWphdHk1Rk9wZXExUWdRZ0lBUVFJaVpCbXNTdU42M3ZoVnB2YXZXTkFJRWdpY1FtaEFmWk1TMjhsSkg4Sk5ud1E2Vys5YTUxS2wyTGRLcHhBa1EyRFdCMElSWUIrTnAxeU5DNDZjU2FOb0tTUXRuZW1ldDRrMkF3Q1lKaENqRXVaQit1MG5hTkdwdEF0ZGJJV25SbUZLa2M0bXJFU0N3T0lFUWhUZ1ZpbDIvK0M4T21RcDNSNkRjQ21rUzZYUjN2YUhCbXljUTR1TnJmQVhkL0xUYmZBUExQK1Rsc2FuQnQ0L3c2YnhUNGRaUUN2aExqRThJOUJBSVVZaDFFZkIyWGMvQWMzazJnYThMRDExaTNiUnZYWXAwTHVYVkNCQzRDMUdJR1ZZSWJJWEFXMm1JbW9hMm00T21mZXRjOHF1ZHhWUzRDWUVUQ0hHUE9KRXgreGo0dU5HOStBamM3bHRmaTNRYUg0Nndlc3dkY1ZqalNXL0NKVkJ1Z1pUSHBwNlcrOVpOSXExMzFwcE8yQ0NCRU8rSUQ4S1psem8yT05sbzBpWUlsUHZXMnBpMGFGRXAwcm5FMVFnTEV3aFJpQlhoMDhJY3FRNENvUkc0M1FySnBZTnFlbGV0d2szd1NDQlVJYzZGMFZ1UG5IQUZBUWpVQ1pSYklibGNVcnNXNlZUaWhJRUVRaFhpVlByZnRaYzJFRTh0Mi85S3luK0tIY1crckYwbEFRSVF1Q1ZRYm9VMGlYUXVtZFdpRDZFSzhhT01iTnZqUW5NSC9jMlZBeWZuYWdjeEZXY05ldFM0RStPdVhDQVFJTkJEb09rUnZrektuQXZUODZCRHFFTDhJS1AybmRISWZTVis4eEcrVlpTUFJmNmtPRG81cXVtMXI4VUlFSUJBUDRGUFJSWVY1bk5oZXE0aGZmN2M2UWVQcjQwZk9DZEY4aEhGZE1La1JmN3lXRVFyaDZTSU9UbXFIY1NPWWhvc3RsbGVQUE1KZ2YwUUtOZEJlV3hxK2UyK3RlWkppNHdxMnJvZU54ZEN2U05PaFBSSEk5cS9GNytQUnI3NzNLb3dId3JUY3czSjgrZUxhTE52WGNEZ0FJRU9BcC9sV2k1MkZzdkVOT2hSNDNsaGNsZ3VJTVRqV1g4dlJSN0dGMXVzeEVGcU9oYTFKY1ZSNDVydXhONktFU0FBZ1c0QzEvdldtV1E5aStXRjZibW1lUXVoQ3ZGQkNQM3FqVkxWMGRhRnVOcmE5bGhTWERyS1VYbTV3dlNjZld1QlFJREFBQUtmaWp5NUhOWE9ZcG1ZaHZUNWM4QkhxRUtzWFg4YTBQOHBXUlI4TXFYZ0Rzc2NwYzBxeks0d1BkYzBEWHBrSytRWkJSOFE2Q1R3V2E3bVltZXhURXhEK3Z4WmJJbUVMTVM1ZE5UaWEzaE1RbHpNbGM2RGs2dHFCekVWWnczSjh5ZGJJUVVHRGhEb0pQQTVaQ0ZPcGV2dk9ycy83YUx1SGFub0VJWVRhQk5wSnk3MEdsc2h3MW1TTXp3Q24wSitmTzFzTkY1OEhSOFBWc2NpTFlxVnh5SmFPU1JGN0NoSEZXZzFQZGRnOFVmMXhUT2ZFRmlYd0Rsa0ljNkU3VGRHZkozNHpZMTh4K3cyTFRwZkhwdFlxRENyUUx2QzVQQzZGYUxYK0VPcFJBaDdJcENGTE1TV0ErSEVlVzVaQWI1YkNlZ2YyTDdnSklPYWh1VDU4K1hPdWhSd2k5OE9pbW80UUdBOGdaRDNpQlBCOFhFOGtrRWwxbnlwWTFBRHlkUkxRRVZaNzZBMTZMRVVhVmVjczI4dElBaUxFUGdkZDhUVE9PdkNmWnhXbEZJYklYQ1dkcVJGVzhwakVhMGNkS3dQWXE0d1BkYzBEZXhidjNEZ2N5YUJrSVU0bThtRzRoQlFBa1Bta1pOOGF0Y2luVWhjZzRvMis5YlBLUGhvSVpDRnZEV2hmWDVxNmZqYzVFL2lJSm5yaFBKUkVXZ1RhVTFYWXlza3F1bFE2ZXlia08rSXRhZWZ4ZmhocGpMbVJGWWljSlo2MDZMdThsaEVLNGVraUIzbHFBTHRDcE1EV3lFS0liQ2dHblVYdWhEbjBrY0xJZFpGUW9DQUJZRzBjRm9lbStwb0V1bWt5S2pYMkFwcG9yYk50RnliRmJvUW40M1lNOUdOd09KMkVJRnNRQzRuZWRRT1lpck9HdlNvY1NkbWNZTWliZ2tqQ1p3MWYraENuRWtmdnhrSlptaDJKeG56b1puSkI0R0ZDZVJTbjVxR3g1ZEQ3Vk5GK1Zpa0pzWFJ5VkZOcjdGdkxSQ01RNmIrUXhkaVM0Wk9uT2VXRmVBYkFzWUV6dUkvTGVvb2owVzBja2lLbUpPam1vcjBVVXpEdTVjRG4zTUloQzdFcWNENWJnNmdqckk2R1FrUWlJRkFPcUNUS3N5Nkp0VDBYRVB5L1BrU1p6dXZnSEZ6U0RVZXVoRGY5TmxyVkNmYm8xZVBPSVBBZmdsa1YwMXZXeGNIeVhNczhpWEZVZU9hN3NTaTNiY09YWWd6R1Z3Q0JDQ3dEUUpuYVVaYU5LVThGdEhLSVNsaTF5THRKRTBGTzdSOTYyZU5DdjJGRGgzUEovMHdDSi9FWjJMZ0Y1Y1FnRUEvZ1NhUjFqUU5ldHpMVnNnYmJYRG9kOFRheDg5aTBYN2xVUUFFQ0FSSTRQbE9zcWRmVHE2ckhjUktrVTdrWElNVFcxc1hWSnVlUXd4Q25FdFBMWUNYQS90Q2trOElRR0JyQkhKcGtKcUd4NWREN2JOTnBKM2sxR3VXV3lHNStIOE9NUWp4dWV5czUrTmV2dnA0N2pidUlCQVVBZFdIdE9oUmVTeWlyd2VyN2MxWGJmck5hMVhobm1TR1hYT0d2bkVOQVFpc1Q4QVpOdUZWbTJJUVlrT096L3RNbHY3eERRRUlyRXZBTFZGOURFS2NHb0k4R1ByR05RUWdzRDRCeXpXZWx0MkxRWWpMdmxvY2p4Wk84UWtCQ0d5R3dDSnJQQVloempZenBEUUVBaENBd0lYQXF6YkZJTVRuUzcrOW55WGVQZUlRQWhEWUVvSEVzREd2MmhTREVDdkgxd2VuRGFIaUdnSVFnTUJRQWhWTmlrV0k4NkYwUnVZN2pzeFBkZ2hBWUY4RXJOWjRmbzBoRmlGKy9RcHczWGtQNTd6VTRRRWlMaUN3WVFKV2E3eWlTYkVJY1dZNDBNN1FONjRoQUlIMUNEakRxaXVhRklzUUcvTGtwUTVMdVBpR3dJb0UzRkoxeHlMRXFTSFFnNkZ2WEVNQUF1c1JzRnpiNlhXM1loSGk2ejc3UGovNmRvZy9DRUJnRXdRV1c5dXhDSEcyaVdHbEVSQ0FBQVJlQ0ZRMEtSWWhQaHVPZm1Mb0c5Y1FnTUI2QkJMRHFpdWFGSXNRSzgvS0E5U0dnSEVOQVFoQW9JdEFUWXRpRXVLOGk4eU1hOGNaWlNrS0FRaHNsNERWMnM1dnV4eVRFRmUrQ3R5Q21CRzNldUI3UnBNb0NnRUllQ0JndGJacldoU1RFR2NlQnFiTmhXdTdRRG9FSUxCTEFzNncxVFV0aWttSURibnlVb2NsWEh4RFlBVUNic2s2WXhMaTFCRHN3ZEEzcmlFQWdlVUpXSzdwOUxZN01RbnhiZDk5eG84K25lRUxBaEJZbmNDaWF6b21JYzVXSDFvYUFBRUlRT0R1cnFaRk1RbngyWEFHSklhK2NRMEJDQ3hQSURHc3NxWkZNUW14Y3EwOVNHMElHOWNRZ0FBRWJnazBhbEJzUXB6ZlV2RVVQM3J5Z3hzSVFHQWJCS3pXZE43VXZkaUV1UGFWb0FuS2hEU3JCNzhuTklVaUVJQ0FCd0pXYTdwUmcySVQ0c3pEQUxXNWNHMFhTSWNBQkhaRndCbTJ0bEdEWWhOaVE3NjgxR0VKRjk4UVdKQ0FXN0N1NTZwaUUrTFVFUERCMERldUlRQ0I1UWhZcnVXMHFSdXhDWEVUQTE5cFIxK084QU1CQ0t4S1lQRzFISnNRWjZzT0w1VkRBQUt4RTJqVW9OaUUrR3c0Q3hKRDM3aUdBQVNXSTVBWVZ0V29RYkVKc2ZKdGZLRGFFRHl1SVFBQkNDaUJWdTJKVVloem96bHhOUEtMV3doQVlGa0NWbXM1Yit0R2pFTGMrTldnRGRDSWRLc0h3RWMwZ2F3UWdJQUhBbFpydVZWN1loVGl6TU5BdGJsd2JSZElod0FFZGtIQUdiYXlWWHRpRkdKRHpyelVZUWtYM3hCWWdJQmJvSTVhRlRFS2NWcWo0Qy9oNE04Vm5pQUFnUlVJV0s3aHRLMC9NUXB4R3dzZjZVY2ZUdkFCQVFpc1JtQ1ZOUnlqRUdlckRURVZRd0FDTVJObzFaNFloZmhzT0JNU1E5KzRoZ0FFN0Fra2hsVzBhaytNUXF5Y1d4K3NOaHdFWEVNQUF2RVM2TlNjV0lVNE41b1BSeU8vdUlVQUJKWWhZTFdHODY3bXh5ckVyVjhSdW1BTnVHYjFJUGlBcXNrQ0FRaDRJR0MxaGpzMUoxWWh6andNV0pzTDEzYUJkQWhBWU5NRW5HSHJPalVuVmlFMjVNMUxIWlp3OFEwQlF3TE8wSGVuNjFpRk9PMmtNdS9pWVY1eFNrTUFBaXNSc0Z5N2FWZWZZaFhpTGlaenJ4M25PcUE4QkNDd0NvSFYxbTZzUXB5dE1zeFVDZ0VJeEVxZ1UzTmlGZUt6NFd4SURIM2pHZ0lRc0NPUTJMbSs2OVNjV0lWWWVYYytZRzA0SUxpR0FBVGlJdENyTlRFTGNXNDBGNDVHZm5FTEFRallFckJhdTNsZnMyTVc0czZ2Q24zZ09xNWJQUkRlVVNXWElBQUJEd1NzMW02djFzUXN4Sm1IZ1d0ejRkb3VrQTRCQ0d5U2dETnNWYS9XeEN6RWh0eDVxY01TTHI0aFlFREFHZmdjN0RKbUlVNEhVeHFmOFRDK0NDVWdBSUVWQ1ZpdTJiU3ZYekVMY1IrYk9kZVBjd3BURmdJUVdKekFxbXMyWmlIT0ZoOXFLb1FBQkdJazBLczFNUXZ4MlhCR0pJYStjUTBCQ1BnbmtQaDMrZXF4VjJ0aUZtS2wxUHVnOVN0S1RpQUFBUWlNSnpCSVkySVg0bnc4MTBFbGpvTnlrUWtDRU5nS0FhczFtdy9wWU94QzNQdVZZUWpFaGp4V0Q0WTNWRVVTQkNEZ2dZRFZtaDJrTWJFTGNlWmhBTnRjdUxZTHBFTUFBcHNpNEF4Yk0waGpZaGRpUS82ODFHRUpGOThROEVqQWVmUTF5VlhzUXB4T29qYXMwR0ZZTm5KQkFBSXJFN0JjcSttUXZzVXV4RU1ZVGMxem5GcVFjaENBd0tJRVZsK3JzUXR4dHVod1V4a0VJQkFiZ1VFYUU3c1FudzFuUldMb0c5Y1FnSUEvQW9rL1Z6VlBnelFtZGlGV2FvTWV1SzdoSlFFQ0VJQkFONEhCMm9JUTM5M2wzU3duWHoxT0xrbEJDRUJnU1FKV2F6VWYyZ21FK0s3N1AvVWJDcklobjlVRDRnMVZrUVFCQ013Z1lMVldCMjFMYUxzUjRydTdiTVlBOWhWMWZSbTREZ0VJckVyQUdkWStXRnNRWXNOUkVOZVdnMnpiY3J4RElBNENiZ3ZkUklqdjdsTERnVGdZK3NZMUJDQXduNERsR2sySE5nOGhIa3BxV3I3anRHS1VnZ0FFRmlLd2lUV0tFTnZ1RVM4MGw2Z0dBaERZSUlGc2FKc1FZcnVuSm5RTWtxRURRVDRJUUdBVkFvbGhyZWVodmhIaUYxS0RIN3dlQ3BaOEVJQkExQVJHYVFwQy9ESlhjcU1wczRuOUo2Tys0UllDSVJDd1dxUDVHRGdJOFF1dHdWOGh4c0NWdkZZUGlvOXNCdGtoQUlFV0FsWnJkSlNtSU1Rdm81TzFESktQWk9mRENUNGdBQUh2Qkp4M2p4ZUhvelFGSWI2QXN6cHpWbzd4Q3dFSXpDTGdacFgyV0JnaGZvR1plbVI2Nitwd20wQWNBaERZQkFITHRabU82U0ZDUEliV3RMekhhY1VvQlFFSUdCUFl6TnBFaUY5R09qTWVjTnhEQUFKeEVSaWxLUWp4eStRNEc4NlJ4TkEzcmlFQWdla0VrdWxGZTB1TzBoU0UrTUp6MUFQWWwyS2NRUUFDRUtnUUdLMGxDUEdGWDM0NTlYcDI5T29OWnhDQWdDOENWbXN6SDl0QWhQaENiTlJYaVV1eDNqT3JCOFo3S3lZREJDRFFTY0JxYlk3V0VvVDRNazdaNWRUN21mUHVFWWNRZ01BY0FtNU80WjZ5bzdVRUllNGg2dW15OCtRSE54Q0FnQjhDem84YlAxNFE0Z3ZIOUhMcS9lemczU01PSVFDQk9RUXMxMlE2dG1FSThWaGkwL0lmcHhXakZBUWdZRVJnVTJzU0liNk1jblk1NVF3Q0VJREFaQUtqdFFRaHZyQStYMDY5bnlYZVBlSVFBaENZUXlDWlU3aW43R2d0UVlpclJFYy9pRjB0VGd3Q0VJaWN3Q1FOK1NKeWFMZmR6eVhoN1cyaWgvamZpNC9FZ3g5Y1FBQUNmZ2djL2JpcGVjbHJLUU1TRU9JcXBORmZLYXJGVzJOL0pWYyt0bDdsQWdRZ0VBcUJTUnJDMWtSMStMTnFsQmdFSUFDQlVRUW1hUWhDUElveG1TRUFBUWo0SjRBUVY1bW0xU2d4Q0VBQUFxTUlwS055RjVrUjRpblVLQU1CQ0VEQUk0RTNUMDlQSHQzdDN0VkJldkRyN250QkJ5QUFnYlVJL0ZZcUh2MkRIVUpjSHk3K010V1prQUlCQ0F3ajhHWll0bW91dGlhcVBEUTI2WUhzdWh0U0lBQ0J5QWhNMWc2RXVENVQ4bm9TS1JDQUFBUjZDZVM5T1ZveUlNUjFNS1AzZCtvdVNJRUFCQ0lrTUZrN0VPTDZiTW5xU2FSQUFBSVE2Q1V3V1RzUTRsNjJaSUFBQkNCZ1N3QWhydk5ONjBta1FBQUNFT2dsa1BibWFNbUFFTGVBSVJrQ0VJREFVZ1I0anJoTytpQkp2TlJSNTBJS0JDRFFUV0RTeXh6cUVpRnVCc3RMSGMxY1NJVUFCTm9KVEhxWlE5MnhOZEVNZGZLRDJjM3VTSVVBQkFJbk1Fc3pFT0xtMlpFM0o1TUtBUWhBb0pGQTNwZzZNQkVoYmdZMStjSHNabmVrUWdBQ2dST1lwUmtJY2ZQc21QeGdkck03VWlFQWdjQUp6TklNaERqdzJVSDNJQUNCN1JOQWlKdkhLRzFPSmhVQ0VJQkFJNEcwTVhWZ0l2K0w4MEJRSHJQOUtMNU9IdjNoQ2dJUVdKL0FySzBKaExoNUFHZEJiWGI1bXByTFdmb2E0d1FDRUlpZUFGc1R6VlBnM0p6c0pUWHg0Z1VuRUlCQU1BUVE0dmFoblBXQWRydGJya0FBQWhDb0VrQ0lxenl1WS9sMXhPUDUwYU12WEVFQUFnRVFRSWpiQjlGcWUrTEw5aXE1QWdFSXhFZ0FJVzRmZGNzZjdGeDd0VnlCQUFSaUk0QVFyelBpYnAxcXFSVUNFTmdpQVlTNGZWVFM5a3V6cnh4bWU4QUJCQ0FRREFHRWVKMmg1QWU3ZGJoVEt3UTJTUUFoYmg4V3l6M2k5bHE1QWdFSVJFY0FJVzRmOG5QN3BkbFhrdGtlY0FBQkNBUkRBQ0h1SGtwZTZ1am13MVVJUU1BREFZUzRHMkxlZlhueVZmYUlKNk9qSUFUQ0k0QVFkNCtwMWZZRUwzVjBjK2NxQktJaWdCQjNEN2ZsRDNhdXUycXVRZ0FDc1JCQWlOY2JhYmRlMWRRTUFRaHNpUUJDM0QwYWFmZmxXVmNQczBwVEdBSVFDSVlBUXJ6ZVVQS0QzWHJzcVJrQ215S0FFSGNQaCtVZWNYZk5YSVVBQktJaGdCQjNEL1c1Ky9Lc3E4bXMwaFNHQUFTQ0lZQVE5dzhsTDNYME15SUhCQ0F3Z3dCQzNBOHY3ODh5S1FkN3hKT3dVUWdDNFJGQWlQdkgxR3A3Z3BjNit0bVRBd0pSRUVDSSs0Zlo4Z2M3MTE4OU9TQUFnZEFKSU1UcmpyQmJ0M3BxaHdBRXRrQUFJZTRmaGJRL3krUWNoOGtsS1FnQkNBUkRBQ0ZlZHlqNXdXNWQvdFFPZ1UwUVFJajdoOEZ5ajdpL2RuSkFBQUxCRTBDSSs0ZjQzSjlsY281a2Nra0tRZ0FDd1JCQWlJY05KUzkxRE9ORUxnaEFZQUlCaEhnWXRIeFl0dEc1MkNNZWpZd0NFQWlQQUVJOGJFeXR0aWQ0cVdNWWYzSkJJR2dDQ1BHdzRiWDh3YzROYXdLNUlBQ0JVQWtneE91UHJGdS9DYlFBQWhCWWt3QkNQSXgrT2l6YnBGeUhTYVVvQkFFSUJFTUFJVjUvS1BuQmJ2MHhvQVVRV0pYQUY2dld2cC9LcmZlSWsvMmdvS1VRTUNmdzExTEQzeGExL0VXT2Z5ck9kUjJlaS9PZ0RtK2VucDZDNnBCaFp3QmxDQmZYRUJoSjRKUGt6d3RMNWFpMjI0QVFEeHM2SjluK1MreTN3N0tUQ3dJUVdJR0Fpdk5qWWZrSzlVK3VFaUZ1UjNlUVMvZUZmZDJlalNzUWdNQUdDZndzYlRvVnR2bnRESVM0UG9PY0pEMklmU3RHZ0FBRTlrL2dSK25DZzFndXRzbkFVeE9YWVhGeWVoTDdSUXdSRmdnRUNBUkNRTmV6cnV1VG1CUGJYT0NPK081T3R5QStpSDIzdWRHaFFSQ0FnQVdCNzhYcEQyS2IyYktJWFlnVEdZeVQyRnN4QWdRZ0VBK0J6OUxWZTdGVWJQVVE4OWFFL2tYOEtJWUlyejROYVFBRUZpZWc2MTdYdityQTZpSEdPMkluMUIvRmVCSmk5ZWxIQXlDd0NRTDZoTVY3c1h5dDFzUW14RWNCbllyeHowK3VOZU9vRndMYkpQQm5hVllpbHEzUnZKaTJKdTRGOEU5aWlQQWFNNDA2SWJCdEFxb0xxZy8zYXpRekZpRld1UCsyQm1EcWhBQUVka1ZBZGVKKzZSYkhJTVFLRlJGZWVtWlJId1QyUzJCeE1RNTlqMWczNFA5OXYvT0Jsa01BQWlzUytMM1UvYmhFL1NFTE1UL01MVEdEcUFNQzRSSlk3QWU4VUlYNElITWpFM3NiN2h5aFp4Q0F3QUlFOU1VUHZhazdXOVlWNmg3eG8wQkRoQzFuRHI0aEVBY0IxUkhWRTlNUW9oQi9FR0x2VEtuaEhBSVFpSW1BNm9ucWlsa0liV3ZDQ2FsTWpHZUZ6YVlNamlFUUpRSGRMejZLNVJhOUQrMk8rQ1NRRUdHTG1ZSlBDTVJOUUhYbFpJVWdKQ0YrTDVEWWtyQ2FLZmlGQUFSVVgxUm52SWVRdGlaeW9mUFdPeUVjUWdBQ0VMZ1EwS2NvM0NYcTUrd0xQMjVXOTNJdkxWaGJoTS9TQnQxSDBvSDZSZXkveGY1UDdHL0Uva2RNOTVlK0Zsc3ovSXRVL2g5ck5vQzZOMDNnSDZWMS83eHlDMytXK2pPeHY0ajk2ZXFvNitjZ2xvanBuZWxhUVhYbVh1d2s1aTJFY2tlY0M1RTFoRGlWZXY4ZzlpZzJOTHlYalBkaTN3d3Q0REdmeVY5emorM0QxYm9FY3FsK2pYWDBSNm4zSkJidE9ncGhqL2hlQm5EcHlmT2oxUG1WMk8vRXhrd2V5ZjZjWDhWWXk2dWZKVVA1MTN6Sk9xbHJId1R1cFpscnJTTmREMUd2b3hEdWlGTVp4SGRpUzRUUFVzbTlXQ3JtS3lUaTZDUzIxQ0w0SkhVbFlnUUlYQk5JSmNJNnVpYlNmZTUxSGUxZGlKMncrcVdibDdlcit2WHBYdXpzemVQRjBVRk9UMkpMYlZkOEpYWGxZZ1FJS0FFbnhqcFNFdU9DdDNXMDk2MkpEK080VGM3OW81UjhMMllod3Rvbzlhdit0WjRsd29jbEtxR08zUkJZYWo2d2pscW14Tjd2aUhQcGwvVlhlcDA4OTJKTGhaTlU5SzF4WlovRnZ6T3VBL2Y3SVpCTFUxbEg0OGZMMnpyYXN4QTc0V2I5ZFVvZnBUbU9INS9aSlRMeFlQMm8yMWRTUno2N3BUallPd0VuSFdBZFRSOUZMK3RvejFzVDc2ZXpHMVR5ejVMTHVvNjJobWk5V3I5bFdLdHZsbjNDOTNnQzF2T0FkVFJnVFBZc3hNbUEvczNKOGlDRjh6a09acFRWZWg5bWxCOVNOQm1TaVR6QkU3Q2VCdzlDTUJkYkkrUlM2WU54eFlrUC8zdmVtc2dGZ05XK2xyZTluNW1ERkVNZlp5S2krRXdDTWN5eHpmZHhyM2ZFQjVsOFZpS3M4L3BCUHpZUUhnemJvUHlVSXlGZUFxeWorV1B2WlIzdFZZaVA4L20xZXRBOXJWUHIxV1V2YURzczk0b3RPUzVMaXRxbUVMQWNmOWJSaUJGQmlPdXdIdXRKcTZaWXRzZHlJYTRLamNvSEViQWNmOHQ1TzZoek41a3Myek9iNDE2RitIQUQyV2ZVY3NDbXROT3lQWlljcC9TVk1zc1NzQngveTNrN2haSmxlMlp6UklqclE1clZrMVpOc1d6UDdBbTBLaGtxbjB2QWN2d3Q1KzJVZmx1Mlp6Ykh2UXJ4Y2NwSURDeVREOHkzVkRiTDlsaHlYSW9QOVV3bllEbitsdk4yU284dDJ6T2I0MTZGZU1wQURDbnphVWltRmZKc3RWMHJvS0RLSFJEWTZuemRhcnZ1RU9JZHpHcWFDQUVJaEUwQUlRNTdmT2tkQkNDd0F3SUk4UTRHaVNaQ0FBSmhFMENJcStQN3JocmRUR3lyN2RvTUlCcXlLUUpibmE5YmJkZHU5NGd6dzJubkRIMVBjWDJZVW1oZ21YeGdQcktGU1lCMTVHZGM4N2x1OW5wSGZKN2I4WTd5eDQ1cmExeEtEQ3ZORFgzamV2c0VXRWQreGlpZjZ3WWhyaE44WDA5YU5jV3lQWllMY1ZWb1ZENklnT1g0Vzg3YlFaMjd5V1RabnRrYzl5ckUyUTFrbjFITEFadlNUc3YyV0hLYzBsZktMRXZBY3Z3dDUrMFVTcGJ0bWMwUklhNFA2WmVTZEY5UFhpVkYyNkh0c1Fxeko1QlZ3L0M3Q0FITDhXY2RqUmhDL21INFpsaWZKZGsxWDFvME5aZmEzaHJWcVA5TTRjSElOMjczUXlDWHBsck5NZGJSd0htdzF6dGk3WjdsWDNPZG1QZGF5WXJoWHVxMldpRGFyVlEvQ05FVFlCM05td0xwdk9JdnBmY3N4RjRBZEVEOFFhNnRkY2VvOVdyOWxpRzFkSTd2M1JDd25nZXNvd0ZUWWM5Qy9EaWdmM095NkI2WGRSMXQ3ZE42TGZlR3RkNVVQd2pSRTdDZTQ2eWpBVk5zejBLY1MvOTBEOG95dkJQbko4c0tHbnhyZlZxdlpWQnVtV1VGK040TmdWeGF5anFhTmx6ZTF0R2VoVmpSV2Y4MTF6cStGVHZweVFMaEpIVm9mZFpoQ1c3V2ZjQy9Qd0pMekFmV1VjZDQ3VjJJVHgxOTgzbXBuRVFIbjA2dmZLbmZrOWdTSXF6VmFsMEVDSlFFVHVXSjhaRjExQUo0ejQrdmxWM0s1T1RyTW1KOC9GbjgzNHRwbmI3Q1VSeWR4SmJzZzlaSmdNQTFBZGJSTlkzK2M5VUNiK3RvNzNmRWl1dUhmbWJlY3FoWS9pUjJFanVJelFsYVh0dXUvcFlTWVczdmtyeTBQc0krQ0N3NUwxaEhOM01paER0aTdWSXU5bFpQRmc0L1NuMG5zVlJzYURoS3hnOWlTMjFEWExkTGYxeHcxd21jUStDS1FDN25yS01ySUMybjN0ZFJLRUtzd3ZhdkxkQ1dTTmEzMUZLeHJMQ3pITXR3a0pOallZa2N2eFJiSzN3dkZUK3NWVG4xYnA3QUIya2g2NmgvbUx5dm8xQ0VXTkhsWW12OE5kZTY5eEQwcjdqK1FUanZvYkcwY1RVQ3VkVE1PbXJIYjdLT1F0Z2pMcEU5bENjY0d3a29IMFM0RVEySlZ3UWVyczQ1clJOUVB0N1hVVWgzeElvc0ZYdW5KNFFLZ1U4U1N5b3BSQ0RRVGlDVlM2eWpPaCt6ZFJTYUVPdFg3NS9xL0tKUCtUc2hrRVZQQVFCRENiQ09ta21acmFPUXRpWVVuWXJOOTgwTW8wMVZIb2h3dE1NL3FlT3Nvem8yMDNVVTJoMXhpUytWRTc1YTNkMlpmWlVxUVhNTW1rQXF2V01kTGJDT1FoWGlnMHlnWEd6TlI4V2srbFdEUGxMbnhNNnJ0b0xLOTB5QWRYUjN0OGc2Q20xcm9wejBLajVKR1luMHFQMUhoQ01kZkUvZFpoMjk2SWo1T2dwVmlIVWVabUwvNUdsQzdzMk45bHY3VDREQVhBS3NvN2tFQjVRUFdZaTEreWV4Mk1SWSs2djlKa0RBRjRHVE9HSWQrYUxaNENkMElkWXVuOFJpbVVTSXNJNDR3WUxBU1p5eWppeklpczhZaEZqUm5jUkNuMFNJc0k0MHdaTEFTWnl6amd3SWgvclVSQnVxOTNMaEpCYlMweFQ2cSs2OTJLTVlBUUpMRUdBZGVhWWN5eDF4aVUzRktoSDd1VXpZK1ZIN2tZZ2h3anNmeUowMW4zWGtlY0JpRTJMRmw0a2xZaitLN1RuOFVScWZpR2wvQ0JCWW1nRHJ5Q1B4MkxZbWJ0RzlsNFNUMko2Mkt0aUt1QjFGNG1zVFlCM05ISUVZNzRpdmtUMUt4SW45NFRweHcrZDZGKy9FdE4wRUNHeUZBT3RvNWtqRWZrZDhqYzlKNUNTMnhYZnJQMG03UG9obFlnUUliSm1BazhhZHhGaEhBbUZvUUlqcnBCSkp1aGY3Vm16dG9IZkFKN0ZVakFDQlBSRklwTEgzWXF3amdkQVhFT0oyUWs0dTNSZjJWbzVMaGM5UzBhbXdYSTRFQ095WmdKUEczeGZHT2hJUVRRRWhicUpTVHp0SzByMVlJdmExbU8rZ2o2R2xZaWN4dGg4RUFpRklBcXlqbG1GRmlGdkFkQ1FmNUZvaXBwTktqMDVzekY5NnZlUE54Vkl4RlYwOW5zVUlFSWlKQU92b2FyUVI0aXNZTTA5MVloMDdmR1J5N2R4eG5Vc1FnTURkWFpUcjZQOEIzN0hJb05WUmR5b0FBQUFBU1VWT1JLNUNZSUk9Ii8+CjwvZGVmcz4KPC9zdmc+); - --nfd-design-icon: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyMiAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMC42MDI1IDEuMTU5MzFDMTkuNzc0MSAwLjMyOTQyNCAxOC41MzE1IDAuMzI5NDI0IDE3LjcwMzEgMS4xNTkzMUw3Ljc2MjQzIDExLjExNzlDNy4yNjY1NSAxMC45OTM3IDYuODgxOTggMTEuMDkyNSA2LjQwODgzIDExLjIxNDFMNi40MDg2MyAxMS4yMTQyQzYuMzU0OSAxMS4yMjggNi4zMDAwMyAxMS4yNDIxIDYuMjQzNzIgMTEuMjU2MkM1LjU1MzM5IDExLjUzMjggNC4xNzI3NCAxMi4yMjQ0IDMuNjIwNDggMTQuMjk5MUMzLjEzMzMzIDE2LjM3MzMgMi42NDYxNyAxNy4xNTU5IDIuMjUzNzggMTcuNzg2M0wyLjI1MzcyIDE3Ljc4NjRDMi4yMDEzIDE3Ljg3MDYgMi4xNTA1OCAxNy45NTIxIDIuMTAxNzcgMTguMDMzNkMyLjAzMjc0IDE4LjEwMjcgMS45NjM3MSAxOC4yMDY1IDEuODk0NjcgMTguMzEwMkMxLjgyNTY0IDE4LjQxMzkgMS43NTY2MSAxOC41MTc3IDEuNjg3NTcgMTguNTg2OEwwLjg1OTE4NSAyMC4xMDgzSDIuNzkyMDlDNS41NTMzOSAyMC4xMDgzIDcuNDg2MyAxOS41NTUgOS4yODExNCAxOC4xNzE5QzEwLjM4NTcgMTcuMzQyIDEwLjkzNzkgMTYuMjM1NSAxMS4wNzYgMTQuOTkwN1YxNC45OTA3QzExLjA3NiAxNC41NzU3IDExLjA3NiAxNC4yOTkxIDEwLjkzNzkgMTQuMDIyNUwyMC43NDA1IDQuMjAyMjFDMjEuNDMwOSAzLjM3MjMzIDIxLjQzMDkgMS45ODkxOSAyMC42MDI1IDEuMTU5MzFaTTAuMDMwNzc1MSAyMy45ODExSDExLjA3NlYyMS45MDY0SDAuMDMwNzc1MVYyMy45ODExWk00LjU4Njk0IDE4LjAzMzdDNS44Mjk1MiAxNy43NTcxIDYuOTM0MDQgMTcuMzQyMSA3LjkwMDQ5IDE2LjY1MDZDOC43Mjg4OCAxNi4wOTczIDguODY2OTUgMTUuMjY3NCA4Ljg2Njk1IDE0Ljg1MjVDOS4wMDUwMSAxNC40Mzc1IDguODY2OTUgMTQuMDIyNiA4LjU5MDgyIDEzLjc0NkM4LjE3NjYyIDEzLjQ2OTMgNy40ODYzIDEzLjE5MjcgNi43OTU5NyAxMy4zMzFDNi4yNDM3MiAxMy40NjkzIDUuOTY3NTkgMTQuMDIyNiA1LjY5MTQ2IDE0Ljg1MjVDNS4zMjEyMSAxNi4yMTI1IDQuOTUwOTYgMTcuMTMwNCA0LjY3OTMzIDE3LjgwMzlDNC42NDcwOSAxNy44ODM4IDQuNjE2MjQgMTcuOTYwMyA0LjU4Njk0IDE4LjAzMzdaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4=); - --more-icon: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDIgMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxjaXJjbGUgY3g9IjEiIGN5PSIxIiByPSIxIiBmaWxsPSIjNUE1QTVBIi8+CjxjaXJjbGUgY3g9IjEiIGN5PSI2IiByPSIxIiBmaWxsPSIjNUE1QTVBIi8+CjxjaXJjbGUgY3g9IjEiIGN5PSIxMSIgcj0iMSIgZmlsbD0iIzVBNUE1QSIvPgo8L3N2Zz4K); - --reload-icon: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjk0MjUgMi4wNTYyNUMxMC42NzI5IDAuNzg3NSA4LjkzMDU4IDAgNi45OTU2MiAwQzMuMTI1NyAwIDAgMy4xMzI1IDAgN0MwIDEwLjg2NzUgMy4xMjU3IDE0IDYuOTk1NjIgMTRDMTAuMjYxNCAxNCAxMi45ODQ0IDExLjc2ODggMTMuNzYzNiA4Ljc1SDExLjk0MjVDMTEuMjI0NSAxMC43ODg3IDkuMjgwOCAxMi4yNSA2Ljk5NTYyIDEyLjI1QzQuMDk3NTYgMTIuMjUgMS43NDIzNCA5Ljg5NjI1IDEuNzQyMzQgN0MxLjc0MjM0IDQuMTAzNzUgNC4wOTc1NiAxLjc1IDYuOTk1NjIgMS43NUM4LjQ0OTAzIDEuNzUgOS43NDQ4NCAyLjM1Mzc1IDEwLjY5MDQgMy4zMDc1TDcuODcxMTcgNi4xMjVIMTRWMEwxMS45NDI1IDIuMDU2MjVaIiBmaWxsPSIjNkQ2RDZEIi8+Cjwvc3ZnPgo=); - --forward-icon: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggb3BhY2l0eT0iMC4yIiBkPSJNMCA3Ljg3NUwxMC42NDg4IDcuODc1TDUuNzU3NSAxMi43NjYzTDcgMTRMMTQgN0w3IDBMNS43NjYyNSAxLjIzMzc1TDEwLjY0ODggNi4xMjVMMCA2LjEyNUwwIDcuODc1WiIgZmlsbD0iIzZENkQ2RCIvPgo8L3N2Zz4K); - --back-icon: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0IDYuMTI1SDMuMzUxMjVMOC4yNDI1IDEuMjMzNzVMNyAwTDAgN0w3IDE0TDguMjMzNzUgMTIuNzY2MkwzLjM1MTI1IDcuODc1SDE0VjYuMTI1WiIgZmlsbD0iIzZENkQ2RCIvPgo8L3N2Zz4K); - --chevron-up-icon: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDE0IDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMi41IDdMNi45OTk5OCAyTDEuNSA3IiBzdHJva2U9IiMxRTFFMUUiIHN0cm9rZS13aWR0aD0iMS41Ii8+Cjwvc3ZnPgo=); - --chevron-down-icon: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDE0IDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjUgMUw3IDZMMTIuNSAxIiBzdHJva2U9IiMxRTFFMUUiIHN0cm9rZS13aWR0aD0iMS41Ii8+Cjwvc3ZnPgo=); - --default-logo-icon: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTI1IDEyNSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxnIGZpbGw9IiMwMDc0OUMiPgogICAgICAgIDxwYXRoIGQ9Im04LjcwOCA2MS4yNmMwIDIwLjgwMiAxMi4wODkgMzguNzc5IDI5LjYxOSA0Ny4yOThsLTI1LjA2OS02OC42ODZjLTIuOTE2IDYuNTM2LTQuNTUgMTMuNzY5LTQuNTUgMjEuMzg4eiIvPgogICAgICAgIDxwYXRoIGQ9Im05Ni43NCA1OC42MDhjMC02LjQ5NS0yLjMzMy0xMC45OTMtNC4zMzQtMTQuNDk0LTIuNjY0LTQuMzI5LTUuMTYxLTcuOTk1LTUuMTYxLTEyLjMyNCAwLTQuODMxIDMuNjY0LTkuMzI4IDguODI1LTkuMzI4LjIzMyAwIC40NTQuMDI5LjY4MS4wNDItOS4zNS04LjU2Ni0yMS44MDctMTMuNzk2LTM1LjQ4OS0xMy43OTYtMTguMzYgMC0zNC41MTMgOS40Mi00My45MSAyMy42ODggMS4yMzMuMDM3IDIuMzk1LjA2MyAzLjM4Mi4wNjMgNS40OTcgMCAxNC4wMDYtLjY2NyAxNC4wMDYtLjY2NyAyLjgzMy0uMTY3IDMuMTY3IDMuOTk0LjMzNyA0LjMyOSAwIDAtMi44NDcuMzM1LTYuMDE1LjUwMWwxOS4xMzggNTYuOTI1IDExLjUwMS0zNC40OTMtOC4xODgtMjIuNDM0Yy0yLjgzLS4xNjYtNS41MTEtLjUwMS01LjUxMS0uNTAxLTIuODMyLS4xNjYtMi41LTQuNDk2LjMzMi00LjMyOSAwIDAgOC42NzkuNjY3IDEzLjg0My42NjcgNS40OTYgMCAxNC4wMDYtLjY2NyAxNC4wMDYtLjY2NyAyLjgzNS0uMTY3IDMuMTY4IDMuOTk0LjMzNyA0LjMyOSAwIDAtMi44NTMuMzM1LTYuMDE1LjUwMWwxOC45OTIgNTYuNDk0IDUuMjQyLTE3LjUxN2MyLjI3Mi03LjI2OSA0LjAwMS0xMi40OSA0LjAwMS0xNi45ODl6Ii8+PHBhdGggZD0ibTYyLjE4NCA2NS44NTctMTUuNzY4IDQ1LjgxOWM0LjcwOCAxLjM4NCA5LjY4NyAyLjE0MSAxNC44NDYgMi4xNDEgNi4xMiAwIDExLjk4OS0xLjA1OCAxNy40NTItMi45NzktLjE0MS0uMjI1LS4yNjktLjQ2NC0uMzc0LS43MjR6Ii8+PHBhdGggZD0ibTEwNy4zNzYgMzYuMDQ2Yy4yMjYgMS42NzQuMzU0IDMuNDcxLjM1NCA1LjQwNCAwIDUuMzMzLS45OTYgMTEuMzI4LTMuOTk2IDE4LjgyNGwtMTYuMDUzIDQ2LjQxM2MxNS42MjQtOS4xMTEgMjYuMTMzLTI2LjAzOCAyNi4xMzMtNDUuNDI2LjAwMS05LjEzNy0yLjMzMy0xNy43MjktNi40MzgtMjUuMjE1eiIvPjxwYXRoIGQ9Im02MS4yNjIgMGMtMzMuNzc5IDAtNjEuMjYyIDI3LjQ4MS02MS4yNjIgNjEuMjYgMCAzMy43ODMgMjcuNDgzIDYxLjI2MyA2MS4yNjIgNjEuMjYzIDMzLjc3OCAwIDYxLjI2NS0yNy40OCA2MS4yNjUtNjEuMjYzLS4wMDEtMzMuNzc5LTI3LjQ4Ny02MS4yNi02MS4yNjUtNjEuMjZ6bTAgMTE5LjcxNWMtMzIuMjMgMC01OC40NTMtMjYuMjIzLTU4LjQ1My01OC40NTUgMC0zMi4yMyAyNi4yMjItNTguNDUxIDU4LjQ1My01OC40NTEgMzIuMjI5IDAgNTguNDUgMjYuMjIxIDU4LjQ1IDU4LjQ1MSAwIDMyLjIzMi0yNi4yMjEgNTguNDU1LTU4LjQ1IDU4LjQ1NXoiLz4KICAgIDwvZz4KPC9zdmc+); - --facebook-icon: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDJDNi41IDIgMiA2LjUgMiAxMmMwIDUgMy43IDkuMSA4LjQgOS45di03SDcuOVYxMmgyLjVWOS44YzAtMi41IDEuNS0zLjkgMy44LTMuOSAxLjEgMCAyLjIuMiAyLjIuMnYyLjVoLTEuM2MtMS4yIDAtMS42LjgtMS42IDEuNlYxMmgyLjhsLS40IDIuOWgtMi4zdjdDMTguMyAyMS4xIDIyIDE3IDIyIDEyYzAtNS41LTQuNS0xMC0xMC0xMHoiIGZpbGw9ImJsYWNrIiAvPgoJPC9zdmc+Cg==); - --facebook-colored-icon: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDJDNi41IDIgMiA2LjUgMiAxMmMwIDUgMy43IDkuMSA4LjQgOS45di03SDcuOVYxMmgyLjVWOS44YzAtMi41IDEuNS0zLjkgMy44LTMuOSAxLjEgMCAyLjIuMiAyLjIuMnYyLjVoLTEuM2MtMS4yIDAtMS42LjgtMS42IDEuNlYxMmgyLjhsLS40IDIuOWgtMi4zdjdDMTguMyAyMS4xIDIyIDE3IDIyIDEyYzAtNS41LTQuNS0xMC0xMC0xMHoiIGZpbGw9IiMzQjU5OTgiIC8+Cgk8L3N2Zz4K); - --twitter-icon: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIyLjIzLDUuOTI0Yy0wLjczNiwwLjMyNi0xLjUyNywwLjU0Ny0yLjM1NywwLjY0NmMwLjg0Ny0wLjUwOCwxLjQ5OC0xLjMxMiwxLjgwNC0yLjI3IGMtMC43OTMsMC40Ny0xLjY3MSwwLjgxMi0yLjYwNiwwLjk5NkMxOC4zMjQsNC40OTgsMTcuMjU3LDQsMTYuMDc3LDRjLTIuMjY2LDAtNC4xMDMsMS44MzctNC4xMDMsNC4xMDMgYzAsMC4zMjIsMC4wMzYsMC42MzUsMC4xMDYsMC45MzVDOC42Nyw4Ljg2Nyw1LjY0Nyw3LjIzNCwzLjYyMyw0Ljc1MUMzLjI3LDUuMzU3LDMuMDY3LDYuMDYyLDMuMDY3LDYuODE0IGMwLDEuNDI0LDAuNzI0LDIuNjc5LDEuODI1LDMuNDE1Yy0wLjY3My0wLjAyMS0xLjMwNS0wLjIwNi0xLjg1OS0wLjUxM2MwLDAuMDE3LDAsMC4wMzQsMCwwLjA1MmMwLDEuOTg4LDEuNDE0LDMuNjQ3LDMuMjkyLDQuMDIzIGMtMC4zNDQsMC4wOTQtMC43MDcsMC4xNDQtMS4wODEsMC4xNDRjLTAuMjY0LDAtMC41MjEtMC4wMjYtMC43NzItMC4wNzRjMC41MjIsMS42MywyLjAzOCwyLjgxNiwzLjgzMywyLjg1IGMtMS40MDQsMS4xLTMuMTc0LDEuNzU2LTUuMDk2LDEuNzU2Yy0wLjMzMSwwLTAuNjU4LTAuMDE5LTAuOTc5LTAuMDU3YzEuODE2LDEuMTY0LDMuOTczLDEuODQzLDYuMjksMS44NDMgYzcuNTQ3LDAsMTEuNjc1LTYuMjUyLDExLjY3NS0xMS42NzVjMC0wLjE3OC0wLjAwNC0wLjM1NS0wLjAxMi0wLjUzMUMyMC45ODUsNy40NywyMS42OCw2Ljc0NywyMi4yMyw1LjkyNHoiIGZpbGw9ImJsYWNrIiAvPgoJPC9zdmc+Cg==); - --twitter-colored-icon: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIyLjIzLDUuOTI0Yy0wLjczNiwwLjMyNi0xLjUyNywwLjU0Ny0yLjM1NywwLjY0NmMwLjg0Ny0wLjUwOCwxLjQ5OC0xLjMxMiwxLjgwNC0yLjI3IGMtMC43OTMsMC40Ny0xLjY3MSwwLjgxMi0yLjYwNiwwLjk5NkMxOC4zMjQsNC40OTgsMTcuMjU3LDQsMTYuMDc3LDRjLTIuMjY2LDAtNC4xMDMsMS44MzctNC4xMDMsNC4xMDMgYzAsMC4zMjIsMC4wMzYsMC42MzUsMC4xMDYsMC45MzVDOC42Nyw4Ljg2Nyw1LjY0Nyw3LjIzNCwzLjYyMyw0Ljc1MUMzLjI3LDUuMzU3LDMuMDY3LDYuMDYyLDMuMDY3LDYuODE0IGMwLDEuNDI0LDAuNzI0LDIuNjc5LDEuODI1LDMuNDE1Yy0wLjY3My0wLjAyMS0xLjMwNS0wLjIwNi0xLjg1OS0wLjUxM2MwLDAuMDE3LDAsMC4wMzQsMCwwLjA1MmMwLDEuOTg4LDEuNDE0LDMuNjQ3LDMuMjkyLDQuMDIzIGMtMC4zNDQsMC4wOTQtMC43MDcsMC4xNDQtMS4wODEsMC4xNDRjLTAuMjY0LDAtMC41MjEtMC4wMjYtMC43NzItMC4wNzRjMC41MjIsMS42MywyLjAzOCwyLjgxNiwzLjgzMywyLjg1IGMtMS40MDQsMS4xLTMuMTc0LDEuNzU2LTUuMDk2LDEuNzU2Yy0wLjMzMSwwLTAuNjU4LTAuMDE5LTAuOTc5LTAuMDU3YzEuODE2LDEuMTY0LDMuOTczLDEuODQzLDYuMjksMS44NDMgYzcuNTQ3LDAsMTEuNjc1LTYuMjUyLDExLjY3NS0xMS42NzVjMC0wLjE3OC0wLjAwNC0wLjM1NS0wLjAxMi0wLjUzMUMyMC45ODUsNy40NywyMS42OCw2Ljc0NywyMi4yMyw1LjkyNHoiIGZpbGw9IiMxRTlCRjAiIC8+Cgk8L3N2Zz4K); - --instagram-icon: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLDQuNjIyYzIuNDAzLDAsMi42ODgsMC4wMDksMy42MzcsMC4wNTJjMC44NzcsMC4wNCwxLjM1NCwwLjE4NywxLjY3MSwwLjMxYzAuNDIsMC4xNjMwLjcyLDAuMzU4LDEuMDM1LDAuNjczIGMwLjMxNSwwLjMxNSwwLjUxLDAuNjE1LDAuNjczLDEuMDM1YzAuMTIzLDAuMzE3LDAuMjcsMC43OTQsMC4zMSwxLjY3MWMwLjA0MywwLjk0OSwwLjA1MiwxLjIzNCwwLjA1MiwzLjYzNyBzLTAuMDA5LDIuNjg4LTAuMDUyLDMuNjM3Yy0wLjA0LDAuODc3LTAuMTg3LDEuMzU0LTAuMzEsMS42NzFjLTAuMTYzLDAuNDItMC4zNTgsMC43Mi0wLjY3MywxLjAzNSBjLTAuMzE1LDAuMzE1LTAuNjE1LDAuNTEtMS4wMzUsMC42NzNjLTAuMzE3LDAuMTIzLTAuNzk0LDAuMjctMS42NzEsMC4zMWMtMC45NDksMC4wNDMtMS4yMzMsMC4wNTItMy42MzcsMC4wNTIgcy0yLjY4OC0wLjAwOS0zLjYzNy0wLjA1MmMtMC44NzctMC4wNC0xLjM1NC0wLjE4Ny0xLjY3MS0wLjMxYy0wLjQyLTAuMTYzLTAuNzItMC4zNTgtMS4wMzUtMC42NzMgYy0wLjMxNS0wLjMxNS0wLjUxLTAuNjE1LTAuNjczLTEuMDM1Yy0wLjEyMy0wLjMxNy0wLjI3LTAuNzk0LTAuMzEtMS42NzFDNC42MzEsMTQuNjg4LDQuNjIyLDE0LjQwMyw0LjYyMiwxMiBzMC4wMDktMi42ODgsMC4wNTItMy42MzdjMC4wNC0wLjg3NywwLjE4Ny0xLjM1NCwwLjMxLTEuNjcxYzAuMTYzLTAuNDIsMC4zNTgtMC43MiwwLjY3My0xLjAzNSBjMC4zMTUtMC4zMTUsMC42MTUtMC41MSwxLjAzNS0wLjY3M2MwLjMxNy0wLjEyMywwLjc5NC0wLjI3LDEuNjcxLTAuMzFDOS4zMTIsNC42MzEsOS41OTcsNC42MjIsMTIsNC42MjIgTTEyLDMgQzkuNTU2LDMsOS4yNDksMy4wMSw4LjI4OSwzLjA1NEM3LjMzMSwzLjA5OCw2LjY3NywzLjI1LDYuMTA1LDMuNDcyQzUuNTEzLDMuNzAyLDUuMDExLDQuMDEsNC41MTEsNC41MTEgYy0wLjUsMC41LTAuODA4LDEuMDAyLTEuMDM4LDEuNTk0QzMuMjUsNi42NzcsMy4wOTgsNy4zMzEsMy4wNTQsOC4yODlDMy4wMSw5LjI0OSwzLDkuNTU2LDMsMTJjMCwyLjQ0NCwwLjAxLDIuNzUxLDAuMDU0LDMuNzExIGMwLjA0NCwwLjk1OCwwLjE5NiwxLjYxMiwwLjQxOCwyLjE4NWMwLjIzLDAuNTkyLDAuNTM4LDEuMDk0LDEuMDM4LDEuNTk0YzAuNSwwLjUsMS4wMDIsMC44MDgsMS41OTQsMS4wMzggYzAuNTcyLDAuMjIyLDEuMjI3LDAuMzc1LDIuMTg1LDAuNDE4QzkuMjQ5LDIwLjk5LDkuNTU2LDIxLDEyLDIxczIuNzUxLTAuMDEsMy43MTEtMC4wNTRjMC45NTgtMC4wNDQsMS42MTItMC4xOTYsMi4xODUtMC40MTggYzAuNTkyLTAuMjMsMS4wOTQtMC41MzgsMS41OTQtMS4wMzhjMC41LTAuNSwwLjgwOC0xLjAwMiwxLjAzOC0xLjU5NGMwLjIyMi0wLjU3MiwwLjM3NS0xLjIyNywwLjQxOC0yLjE4NSBDMjAuOTksMTQuNzUxLDIxLDE0LjQ0NCwyMSwxMnMtMC4wMS0yLjc1MS0wLjA1NC0zLjcxMWMtMC4wNDQtMC45NTgtMC4xOTYtMS42MTItMC40MTgtMi4xODVjLTAuMjMtMC41OTItMC41MzgtMS4wOTQtMS4wMzgtMS41OTQgYy0wLjUtMC41LTEuMDAyLTAuODA4LTEuNTk0LTEuMDM4Yy0wLjU3Mi0wLjIyMi0xLjIyNy0wLjM3NS0yLjE4NS0wLjQxOEMxNC43NTEsMy4wMSwxNC40NDQsMywxMiwzTDEyLDN6IE0xMiw3LjM3OCBjLTIuNTUyLDAtNC42MjIsMi4wNjktNC42MjIsNC42MjJTOS40NDgsMTYuNjIyLDEyLDE2LjYyMnM0LjYyMi0yLjA2OSw0LjYyMi00LjYyMlMxNC41NTIsNy4zNzgsMTIsNy4zNzh6IE0xMiwxNSBjLTEuNjU3LDAtMy0xLjM0My0zLTNzMS4zNDMtMywzLTNzMywxLjM0MywzLDNTMTMuNjU3LDE1LDEyLDE1eiBNMTYuODA0LDYuMTE2Yy0wLjU5NiwwLTEuMDgsMC40ODQtMS4wOCwxLjA4IHMwLjQ4NCwxLjA4LDEuMDgsMS4wOGMwLjU5NiwwLDEuMDgtMC40ODQsMS4wOC0xLjA4UzE3LjQwMSw2LjExNiwxNi44MDQsNi4xMTZ6IiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K); - --instagram-colored-icon: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLDQuNjIyYzIuNDAzLDAsMi42ODgsMC4wMDksMy42MzcsMC4wNTJjMC44NzcsMC4wNCwxLjM1NCwwLjE4NywxLjY3MSwwLjMxYzAuNDIsMC4xNjMwLjcyLDAuMzU4LDEuMDM1LDAuNjczIGMwLjMxNSwwLjMxNSwwLjUxLDAuNjE1LDAuNjczLDEuMDM1YzAuMTIzLDAuMzE3LDAuMjcsMC43OTQsMC4zMSwxLjY3MWMwLjA0MywwLjk0OSwwLjA1MiwxLjIzNCwwLjA1MiwzLjYzNyBzLTAuMDA5LDIuNjg4LTAuMDUyLDMuNjM3Yy0wLjA0LDAuODc3LTAuMTg3LDEuMzU0LTAuMzEsMS42NzFjLTAuMTYzLDAuNDItMC4zNTgsMC43Mi0wLjY3MywxLjAzNSBjLTAuMzE1LDAuMzE1LTAuNjE1LDAuNTEtMS4wMzUsMC42NzNjLTAuMzE3LDAuMTIzLTAuNzk0LDAuMjctMS42NzEsMC4zMWMtMC45NDksMC4wNDMtMS4yMzMsMC4wNTItMy42MzcsMC4wNTIgcy0yLjY4OC0wLjAwOS0zLjYzNy0wLjA1MmMtMC44NzctMC4wNC0xLjM1NC0wLjE4Ny0xLjY3MS0wLjMxYy0wLjQyLTAuMTYzLTAuNzItMC4zNTgtMS4wMzUtMC42NzMgYy0wLjMxNS0wLjMxNS0wLjUxLTAuNjE1LTAuNjczLTEuMDM1Yy0wLjEyMy0wLjMxNy0wLjI3LTAuNzk0LTAuMzEtMS42NzFDNC42MzEsMTQuNjg4LDQuNjIyLDE0LjQwMyw0LjYyMiwxMiBzMC4wMDktMi42ODgsMC4wNTItMy42MzdjMC4wNC0wLjg3NywwLjE4Ny0xLjM1NCwwLjMxLTEuNjcxYzAuMTYzLTAuNDIsMC4zNTgtMC43MiwwLjY3My0xLjAzNSBjMC4zMTUtMC4zMTUsMC42MTUtMC41MSwxLjAzNS0wLjY3M2MwLjMxNy0wLjEyMywwLjc5NC0wLjI3LDEuNjcxLTAuMzFDOS4zMTIsNC42MzEsOS41OTcsNC42MjIsMTIsNC42MjIgTTEyLDMgQzkuNTU2LDMsOS4yNDksMy4wMSw4LjI4OSwzLjA1NEM3LjMzMSwzLjA5OCw2LjY3NywzLjI1LDYuMTA1LDMuNDcyQzUuNTEzLDMuNzAyLDUuMDExLDQuMDEsNC41MTEsNC41MTEgYy0wLjUsMC41LTAuODA4LDEuMDAyLTEuMDM4LDEuNTk0QzMuMjUsNi42NzcsMy4wOTgsNy4zMzEsMy4wNTQsOC4yODlDMy4wMSw5LjI0OSwzLDkuNTU2LDMsMTJjMCwyLjQ0NCwwLjAxLDIuNzUxLDAuMDU0LDMuNzExIGMwLjA0NCwwLjk1OCwwLjE5NiwxLjYxMiwwLjQxOCwyLjE4NWMwLjIzLDAuNTkyLDAuNTM4LDEuMDk0LDEuMDM4LDEuNTk0YzAuNSwwLjUsMS4wMDIsMC44MDgsMS41OTQsMS4wMzggYzAuNTcyLDAuMjIyLDEuMjI3LDAuMzc1LDIuMTg1LDAuNDE4QzkuMjQ5LDIwLjk5LDkuNTU2LDIxLDEyLDIxczIuNzUxLTAuMDEsMy43MTEtMC4wNTRjMC45NTgtMC4wNDQsMS42MTItMC4xOTYsMi4xODUtMC40MTggYzAuNTkyLTAuMjMsMS4wOTQtMC41MzgsMS41OTQtMS4wMzhjMC41LTAuNSwwLjgwOC0xLjAwMiwxLjAzOC0xLjU5NGMwLjIyMi0wLjU3MiwwLjM3NS0xLjIyNywwLjQxOC0yLjE4NSBDMjAuOTksMTQuNzUxLDIxLDE0LjQ0NCwyMSwxMnMtMC4wMS0yLjc1MS0wLjA1NC0zLjcxMWMtMC4wNDQtMC45NTgtMC4xOTYtMS42MTItMC40MTgtMi4xODVjLTAuMjMtMC41OTItMC41MzgtMS4wOTQtMS4wMzgtMS41OTQgYy0wLjUtMC41LTEuMDAyLTAuODA4LTEuNTk0LTEuMDM4Yy0wLjU3Mi0wLjIyMi0xLjIyNy0wLjM3NS0yLjE4NS0wLjQxOEMxNC43NTEsMy4wMSwxNC40NDQsMywxMiwzTDEyLDN6IE0xMiw3LjM3OCBjLTIuNTUyLDAtNC42MjIsMi4wNjktNC42MjIsNC42MjJTOS40NDgsMTYuNjIyLDEyLDE2LjYyMnM0LjYyMi0yLjA2OSw0LjYyMi00LjYyMlMxNC41NTIsNy4zNzgsMTIsNy4zNzh6IE0xMiwxNSBjLTEuNjU3LDAtMy0xLjM0My0zLTNzMS4zNDMtMywzLTNzMywxLjM0MywzLDNTMTMuNjU3LDE1LDEyLDE1eiBNMTYuODA0LDYuMTE2Yy0wLjU5NiwwLTEuMDgsMC40ODQtMS4wOCwxLjA4IHMwLjQ4NCwxLjA4LDEuMDgsMS4wOGMwLjU5NiwwLDEuMDgtMC40ODQsMS4wOC0xLjA4UzE3LjQwMSw2LjExNiwxNi44MDQsNi4xMTZ6IiBmaWxsPSIjQzMyQUEzIi8+Cjwvc3ZnPgo=); - --linkedin-icon: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgdmVyc2lvbj0iMS4xIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMTkuNywzSDQuM0MzLjU4MiwzLDMsMy41ODIsMyw0LjN2MTUuNEMzLDIwLjQxOCwzLjU4MiwyMSw0LjMsMjFoMTUuNGMwLjcxOCwwLDEuMy0wLjU4MiwxLjMtMS4zVjQuMyBDMjEsMy41ODIsMjAuNDE4LDMsMTkuNywzeiBNOC4zMzksMTguMzM4SDUuNjY3di04LjU5aDIuNjcyVjE4LjMzOHogTTcuMDA0LDguNTc0Yy0wLjg1NywwLTEuNTQ5LTAuNjk0LTEuNTQ5LTEuNTQ4IGMwLTAuODU1LDAuNjkxLTEuNTQ4LDEuNTQ5LTEuNTQ4YzAuODU0LDAsMS41NDcsMC42OTQsMS41NDcsMS41NDhDOC41NTEsNy44ODEsNy44NTgsOC41NzQsNy4wMDQsOC41NzR6IE0xOC4zMzksMTguMzM4aC0yLjY2OSB2LTQuMTc3YzAtMC45OTYtMC4wMTctMi4yNzgtMS4zODctMi4yNzhjLTEuMzg5LDAtMS42MDEsMS4wODYtMS42MDEsMi4yMDZ2NC4yNDloLTIuNjY3di04LjU5aDIuNTU5djEuMTc0aDAuMDM3IGMwLjM1Ni0wLjY3NSwxLjIyNy0xLjM4NywyLjUyNi0xLjM4N2MyLjcwMywwLDMuMjAzLDEuNzc5LDMuMjAzLDQuMDkyVjE4LjMzOHoiIGZpbGw9ImJsYWNrIiAvPgo8L3N2Zz4=); - --linkedin-colored-icon: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgdmVyc2lvbj0iMS4xIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMTkuNywzSDQuM0MzLjU4MiwzLDMsMy41ODIsMyw0LjN2MTUuNEMzLDIwLjQxOCwzLjU4MiwyMSw0LjMsMjFoMTUuNGMwLjcxOCwwLDEuMy0wLjU4MiwxLjMtMS4zVjQuMyBDMjEsMy41ODIsMjAuNDE4LDMsMTkuNywzeiBNOC4zMzksMTguMzM4SDUuNjY3di04LjU5aDIuNjcyVjE4LjMzOHogTTcuMDA0LDguNTc0Yy0wLjg1NywwLTEuNTQ5LTAuNjk0LTEuNTQ5LTEuNTQ4IGMwLTAuODU1LDAuNjkxLTEuNTQ4LDEuNTQ5LTEuNTQ4YzAuODU0LDAsMS41NDcsMC42OTQsMS41NDcsMS41NDhDOC41NTEsNy44ODEsNy44NTgsOC41NzQsNy4wMDQsOC41NzR6IE0xOC4zMzksMTguMzM4aC0yLjY2OSB2LTQuMTc3YzAtMC45OTYtMC4wMTctMi4yNzgtMS4zODctMi4yNzhjLTEuMzg5LDAtMS42MDEsMS4wODYtMS42MDEsMi4yMDZ2NC4yNDloLTIuNjY3di04LjU5aDIuNTU5djEuMTc0aDAuMDM3IGMwLjM1Ni0wLjY3NSwxLjIyNy0xLjM4NywyLjUyNi0xLjM4N2MyLjcwMywwLDMuMjAzLDEuNzc5LDMuMjAzLDQuMDkyVjE4LjMzOHoiIGZpbGw9IiMwQTY2QzIiIC8+Cjwvc3ZnPg==); - --yelp-icon: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgdmVyc2lvbj0iMS4xIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgoJCTxwYXRoIGQ9Ik0xMi4yNzEsMTYuNzE4djEuNDE3cS0uMDExLDMuMjU3LS4wNjcsMy40YS43MDcuNzA3LDAsMCwxLS41NjkuNDQ2LDQuNjM3LDQuNjM3LDAsMCwxLTIuMDI0LS40MjRBNC42MDksNC42MDksMCwwLDEsNy44LDIwLjU2NWEuODQ0Ljg0NCwwLDAsMS0uMTktLjQuNjkyLjY5MiwwLDAsMSwuMDQ0LS4yOSwzLjE4MSwzLjE4MSwwLDAsMSwuMzc5LS41MjRxLjMzNS0uNDEyLDIuMDE5LTIuNDA5LjAxMSwwLC42NjktLjc4MWEuNzU3Ljc1NywwLDAsMSwuNDQtLjI3NC45NjUuOTY1LDAsMCwxLC41NTIuMDM5Ljk0NS45NDUsMCwwLDEsLjQxOC4zMjQuNzMyLjczMiwwLDAsMSwuMTM5LjQ2OFptLTEuNjYyLTIuOGEuNzgzLjc4MywwLDAsMS0uNTguNzgxbC0xLjMzOS40MzVxLTMuMDY3Ljk4MS0zLjI1Ny45ODFhLjcxMS43MTEsMCwwLDEtLjYtLjQsMi42MzYsMi42MzYsMCwwLDEtLjE5LS44MzYsOS4xMzQsOS4xMzQsMCwwLDEsLjAxMS0xLjg1NywzLjU1OSwzLjU1OSwwLDAsMSwuMzM1LTEuMzg5LjY1OS42NTksMCwwLDEsLjYyNS0uMzU3LDIyLjYyOSwyMi42MjksMCwwLDEsMi4yNTMuODU5cS43ODEuMzI0LDEuMjgzLjUyNGwuOTM3LjM3OWEuNzcxLjc3MSwwLDAsMSwuNC4zNEEuOTgyLjk4MiwwLDAsMSwxMC42MDksMTMuOTE3Wm05LjIxMywzLjMxM2E0LjQ2Nyw0LjQ2NywwLDAsMS0xLjAyMSwxLjgsNC41NTksNC41NTksMCwwLDEtMS41MTIsMS40MTcuNjcxLjY3MSwwLDAsMS0uNy0uMDc4cS0uMTU2LS4xMTItMi4wNTItMy4ybC0uNTI0LS44NTlhLjc2MS43NjEsMCwwLDEtLjEyOC0uNTEzLjk1Ny45NTcsMCwwLDEsLjIxNy0uNTEzLjc3NC43NzQsMCwwLDEsLjkyNi0uMjlxLjAxMS4wMTEsMS4zMjcuNDQ2LDIuMjY0LjczNiwyLjcuODg3YTIuMDgyLDIuMDgyLDAsMCwxLC41MjQuMjI5LjY3My42NzMsMCwwLDEsLjI0NS42OFptLTcuNS03LjA0OXEuMDU2LDEuMTM3LS42LDEuMzYxLS42NDcuMTktMS4yNzItLjc5Mkw2LjIzNyw0LjA4YS43LjcsMCwwLDEsLjIxMi0uNjkxLDUuNzg4LDUuNzg4LDAsMCwxLDIuMzE0LTEsNS45MjgsNS45MjgsMCwwLDEsMi41LS4zNTIuNjgxLjY4MSwwLDAsMSwuNTQ3LjVxLjAzNC4yLjI0NSwzLjQwN1QxMi4zMjcsMTAuMTgxWm03LjM4NCwxLjJhLjY3OS42NzksMCwwLDEtLjI5LjY1OHEtLjE2Ny4xMTItMy42Ny45NTktLjc0Ny4xNjctMS4wMTUuMjU3bC4wMTEtLjAyMmEuNzY5Ljc2OSwwLDAsMS0uNTEzLS4wNDQuOTE0LjkxNCwwLDAsMS0uNDEzLS4zNTcuNzg2Ljc4NiwwLDAsMSwwLS45NzFxLjAxMS0uMDExLjgzNi0xLjEzNywxLjM5NC0xLjkwOCwxLjY3My0yLjI3NWEyLjQyMywyLjQyMywwLDAsMSwuMzc5LS40MzVBLjcuNywwLDAsMSwxNy40MzUsOGE0LjQ4Miw0LjQ4MiwwLDAsMSwxLjM3MiwxLjQ4OSw0LjgxLDQuODEsMCwwLDEsLjksMS44Njh2LjAzNFoiIGZpbGw9ImJsYWNrIiAvPgoJPC9zdmc+); - --yelp-colored-icon: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgdmVyc2lvbj0iMS4xIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgoJCTxwYXRoIGQ9Ik0xMi4yNzEsMTYuNzE4djEuNDE3cS0uMDExLDMuMjU3LS4wNjcsMy40YS43MDcuNzA3LDAsMCwxLS41NjkuNDQ2LDQuNjM3LDQuNjM3LDAsMCwxLTIuMDI0LS40MjRBNC42MDksNC42MDksMCwwLDEsNy44LDIwLjU2NWEuODQ0Ljg0NCwwLDAsMS0uMTktLjQuNjkyLjY5MiwwLDAsMSwuMDQ0LS4yOSwzLjE4MSwzLjE4MSwwLDAsMSwuMzc5LS41MjRxLjMzNS0uNDEyLDIuMDE5LTIuNDA5LjAxMSwwLC42NjktLjc4MWEuNzU3Ljc1NywwLDAsMSwuNDQtLjI3NC45NjUuOTY1LDAsMCwxLC41NTIuMDM5Ljk0NS45NDUsMCwwLDEsLjQxOC4zMjQuNzMyLjczMiwwLDAsMSwuMTM5LjQ2OFptLTEuNjYyLTIuOGEuNzgzLjc4MywwLDAsMS0uNTguNzgxbC0xLjMzOS40MzVxLTMuMDY3Ljk4MS0zLjI1Ny45ODFhLjcxMS43MTEsMCwwLDEtLjYtLjQsMi42MzYsMi42MzYsMCwwLDEtLjE5LS44MzYsOS4xMzQsOS4xMzQsMCwwLDEsLjAxMS0xLjg1NywzLjU1OSwzLjU1OSwwLDAsMSwuMzM1LTEuMzg5LjY1OS42NTksMCwwLDEsLjYyNS0uMzU3LDIyLjYyOSwyMi42MjksMCwwLDEsMi4yNTMuODU5cS43ODEuMzI0LDEuMjgzLjUyNGwuOTM3LjM3OWEuNzcxLjc3MSwwLDAsMSwuNC4zNEEuOTgyLjk4MiwwLDAsMSwxMC42MDksMTMuOTE3Wm05LjIxMywzLjMxM2E0LjQ2Nyw0LjQ2NywwLDAsMS0xLjAyMSwxLjgsNC41NTksNC41NTksMCwwLDEtMS41MTIsMS40MTcuNjcxLjY3MSwwLDAsMS0uNy0uMDc4cS0uMTU2LS4xMTItMi4wNTItMy4ybC0uNTI0LS44NTlhLjc2MS43NjEsMCwwLDEtLjEyOC0uNTEzLjk1Ny45NTcsMCwwLDEsLjIxNy0uNTEzLjc3NC43NzQsMCwwLDEsLjkyNi0uMjlxLjAxMS4wMTEsMS4zMjcuNDQ2LDIuMjY0LjczNiwyLjcuODg3YTIuMDgyLDIuMDgyLDAsMCwxLC41MjQuMjI5LjY3My42NzMsMCwwLDEsLjI0NS42OFptLTcuNS03LjA0OXEuMDU2LDEuMTM3LS42LDEuMzYxLS42NDcuMTktMS4yNzItLjc5Mkw2LjIzNyw0LjA4YS43LjcsMCwwLDEsLjIxMi0uNjkxLDUuNzg4LDUuNzg4LDAsMCwxLDIuMzE0LTEsNS45MjgsNS45MjgsMCwwLDEsMi41LS4zNTIuNjgxLjY4MSwwLDAsMSwuNTQ3LjVxLjAzNC4yLjI0NSwzLjQwN1QxMi4zMjcsMTAuMTgxWm03LjM4NCwxLjJhLjY3OS42NzksMCwwLDEtLjI5LjY1OHEtLjE2Ny4xMTItMy42Ny45NTktLjc0Ny4xNjctMS4wMTUuMjU3bC4wMTEtLjAyMmEuNzY5Ljc2OSwwLDAsMS0uNTEzLS4wNDQuOTE0LjkxNCwwLDAsMS0uNDEzLS4zNTcuNzg2Ljc4NiwwLDAsMSwwLS45NzFxLjAxMS0uMDExLjgzNi0xLjEzNywxLjM5NC0xLjkwOCwxLjY3My0yLjI3NWEyLjQyMywyLjQyMywwLDAsMSwuMzc5LS40MzVBLjcuNywwLDAsMSwxNy40MzUsOGE0LjQ4Miw0LjQ4MiwwLDAsMSwxLjM3MiwxLjQ4OSw0LjgxLDQuODEsMCwwLDEsLjksMS44Njh2LjAzNFoiIGZpbGw9IiNEMzIzMjMiIC8+Cgk8L3N2Zz4=); - --youtube-icon: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgdmVyc2lvbj0iMS4xIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgoJCTxwYXRoIGQ9Ik0yMS44LDguMDAxYzAsMC0wLjE5NS0xLjM3OC0wLjc5NS0xLjk4NWMtMC43Ni0wLjc5Ny0xLjYxMy0wLjgwMS0yLjAwNC0wLjg0N2MtMi43OTktMC4yMDItNi45OTctMC4yMDItNi45OTctMC4yMDIgaC0wLjAwOWMwLDAtNC4xOTgsMC02Ljk5NywwLjIwMkM0LjYwOCw1LjIxNiwzLjc1Niw1LjIyLDIuOTk1LDYuMDE2QzIuMzk1LDYuNjIzLDIuMiw4LjAwMSwyLjIsOC4wMDFTMiw5LjYyLDIsMTEuMjM4djEuNTE3IGMwLDEuNjE4LDAuMiwzLjIzNywwLjIsMy4yMzdzMC4xOTUsMS4zNzgsMC43OTUsMS45ODVjMC43NjEsMC43OTcsMS43NiwwLjc3MSwyLjIwNSwwLjg1NWMxLjYsMC4xNTMsNi44LDAuMjAxLDYuOCwwLjIwMSBzNC4yMDMtMC4wMDYsNy4wMDEtMC4yMDljMC4zOTEtMC4wNDcsMS4yNDMtMC4wNTEsMi4wMDQtMC44NDdjMC42LTAuNjA3LDAuNzk1LTEuOTg1LDAuNzk1LTEuOTg1czAuMi0xLjYxOCwwLjItMy4yMzd2LTEuNTE3IEMyMiw5LjYyLDIxLjgsOC4wMDEsMjEuOCw4LjAwMXogTTkuOTM1LDE0LjU5NGwtMC4wMDEtNS42Mmw1LjQwNCwyLjgyTDkuOTM1LDE0LjU5NHoiICBmaWxsPSJibGFjayIvPgoJPC9zdmc+); - --youtube-colored-icon: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgdmVyc2lvbj0iMS4xIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgoJCTxwYXRoIGQ9Ik0yMS44LDguMDAxYzAsMC0wLjE5NS0xLjM3OC0wLjc5NS0xLjk4NWMtMC43Ni0wLjc5Ny0xLjYxMy0wLjgwMS0yLjAwNC0wLjg0N2MtMi43OTktMC4yMDItNi45OTctMC4yMDItNi45OTctMC4yMDIgaC0wLjAwOWMwLDAtNC4xOTgsMC02Ljk5NywwLjIwMkM0LjYwOCw1LjIxNiwzLjc1Niw1LjIyLDIuOTk1LDYuMDE2QzIuMzk1LDYuNjIzLDIuMiw4LjAwMSwyLjIsOC4wMDFTMiw5LjYyLDIsMTEuMjM4djEuNTE3IGMwLDEuNjE4LDAuMiwzLjIzNywwLjIsMy4yMzdzMC4xOTUsMS4zNzgsMC43OTUsMS45ODVjMC43NjEsMC43OTcsMS43NiwwLjc3MSwyLjIwNSwwLjg1NWMxLjYsMC4xNTMsNi44LDAuMjAxLDYuOCwwLjIwMSBzNC4yMDMtMC4wMDYsNy4wMDEtMC4yMDljMC4zOTEtMC4wNDcsMS4yNDMtMC4wNTEsMi4wMDQtMC44NDdjMC42LTAuNjA3LDAuNzk1LTEuOTg1LDAuNzk1LTEuOTg1czAuMi0xLjYxOCwwLjItMy4yMzd2LTEuNTE3IEMyMiw5LjYyLDIxLjgsOC4wMDEsMjEuOCw4LjAwMXogTTkuOTM1LDE0LjU5NGwtMC4wMDEtNS42Mmw1LjQwNCwyLjgyTDkuOTM1LDE0LjU5NHoiICBmaWxsPSIjRkYwMDAwIi8+Cgk8L3N2Zz4=); - --tiktok-icon: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCA0MCA0MCIgdmVyc2lvbj0iMS4xIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgoJCTxwYXRoIGQ9Ik0xNi43MDggMC4wMjdjMS43NDUtMC4wMjcgMy40OC0wLjAxMSA1LjIxMy0wLjAyNyAwLjEwNSAyLjA0MSAwLjgzOSA0LjEyIDIuMzMzIDUuNTYzIDEuNDkxIDEuNDc5IDMuNiAyLjE1NiA1LjY1MiAyLjM4NXY1LjM2OWMtMS45MjMtMC4wNjMtMy44NTUtMC40NjMtNS42LTEuMjkxLTAuNzYtMC4zNDQtMS40NjgtMC43ODctMi4xNjEtMS4yNC0wLjAwOSAzLjg5NiAwLjAxNiA3Ljc4Ny0wLjAyNSAxMS42NjctMC4xMDQgMS44NjQtMC43MTkgMy43MTktMS44MDMgNS4yNTUtMS43NDQgMi41NTctNC43NzEgNC4yMjQtNy44OCA0LjI3Ni0xLjkwNyAwLjEwOS0zLjgxMi0wLjQxMS01LjQzNy0xLjM2OS0yLjY5My0xLjU4OC00LjU4OC00LjQ5NS00Ljg2NC03LjYxNS0wLjAzMi0wLjY2Ny0wLjA0My0xLjMzMy0wLjAxNi0xLjk4NCAwLjI0LTIuNTM3IDEuNDk1LTQuOTY0IDMuNDQzLTYuNjE1IDIuMjA4LTEuOTIzIDUuMzAxLTIuODM5IDguMTk3LTIuMjk3IDAuMDI3IDEuOTc1LTAuMDUyIDMuOTQ4LTAuMDUyIDUuOTIzLTEuMzIzLTAuNDI4LTIuODY5LTAuMzA4LTQuMDI1IDAuNDk1LTAuODQ0IDAuNTQ3LTEuNDg1IDEuMzg1LTEuODE5IDIuMzMzLTAuMjc2IDAuNjc2LTAuMTk3IDEuNDI3LTAuMTgxIDIuMTQ1IDAuMzE3IDIuMTg4IDIuNDIxIDQuMDI3IDQuNjY3IDMuODI4IDEuNDg5LTAuMDE2IDIuOTE2LTAuODggMy42OTItMi4xNDUgMC4yNTEtMC40NDMgMC41MzItMC44OTYgMC41NDctMS40MTcgMC4xMzEtMi4zODUgMC4wNzktNC43NiAwLjA5NS03LjE0NSAwLjAxMS01LjM3NS0wLjAxNi0xMC43MzUgMC4wMjUtMTYuMDkzeiIgZmlsbD0iYmxhY2siLz4KCTwvc3ZnPg==); - --tiktok-colored-icon: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCA0MCA0MCIgdmVyc2lvbj0iMS4xIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgoJCTxwYXRoIGQ9Ik0xNi43MDggMC4wMjdjMS43NDUtMC4wMjcgMy40OC0wLjAxMSA1LjIxMy0wLjAyNyAwLjEwNSAyLjA0MSAwLjgzOSA0LjEyIDIuMzMzIDUuNTYzIDEuNDkxIDEuNDc5IDMuNiAyLjE1NiA1LjY1MiAyLjM4NXY1LjM2OWMtMS45MjMtMC4wNjMtMy44NTUtMC40NjMtNS42LTEuMjkxLTAuNzYtMC4zNDQtMS40NjgtMC43ODctMi4xNjEtMS4yNC0wLjAwOSAzLjg5NiAwLjAxNiA3Ljc4Ny0wLjAyNSAxMS42NjctMC4xMDQgMS44NjQtMC43MTkgMy43MTktMS44MDMgNS4yNTUtMS43NDQgMi41NTctNC43NzEgNC4yMjQtNy44OCA0LjI3Ni0xLjkwNyAwLjEwOS0zLjgxMi0wLjQxMS01LjQzNy0xLjM2OS0yLjY5My0xLjU4OC00LjU4OC00LjQ5NS00Ljg2NC03LjYxNS0wLjAzMi0wLjY2Ny0wLjA0My0xLjMzMy0wLjAxNi0xLjk4NCAwLjI0LTIuNTM3IDEuNDk1LTQuOTY0IDMuNDQzLTYuNjE1IDIuMjA4LTEuOTIzIDUuMzAxLTIuODM5IDguMTk3LTIuMjk3IDAuMDI3IDEuOTc1LTAuMDUyIDMuOTQ4LTAuMDUyIDUuOTIzLTEuMzIzLTAuNDI4LTIuODY5LTAuMzA4LTQuMDI1IDAuNDk1LTAuODQ0IDAuNTQ3LTEuNDg1IDEuMzg1LTEuODE5IDIuMzMzLTAuMjc2IDAuNjc2LTAuMTk3IDEuNDI3LTAuMTgxIDIuMTQ1IDAuMzE3IDIuMTg4IDIuNDIxIDQuMDI3IDQuNjY3IDMuODI4IDEuNDg5LTAuMDE2IDIuOTE2LTAuODggMy42OTItMi4xNDUgMC4yNTEtMC40NDMgMC41MzItMC44OTYgMC41NDctMS40MTcgMC4xMzEtMi4zODUgMC4wNzktNC43NiAwLjA5NS03LjE0NSAwLjAxMS01LjM3NS0wLjAxNi0xMC43MzUgMC4wMjUtMTYuMDkzeiIgZmlsbD0iIzAxMDEwMSIvPgoJPC9zdmc+); - --get-started-content-img: url(images/content.858e85fb.png); - --get-started-design-img: url(images/design.546a8025.png); - --get-started-features-img: url(images/features.31cf035a.png); - --chevron-left-icon: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCA3IDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjg3MDUzMiA0LjQ5OTk1TDUuMTI3OSA4Ljc1NzMyTDYuMTI5NjQgNy43NTU1OUwyLjg3NCA0LjQ5OTk1TDYuMTI5NjQgMS4yNDQzMkw1LjEyNzkgMC4yNDI1OEwwLjg3MDUzMiA0LjQ5OTk1WiIgZmlsbD0iIzJFM0E1OSIvPgo8L3N2Zz4K); - --chevron-right-icon: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCA2IDEwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNS42Mjk0NyA1LjAwMDA1TDEuMzcyMSAwLjc0MjY3NkwwLjM3MDM2MyAxLjc0NDQxTDMuNjI2IDUuMDAwMDVMMC4zNzAzNjEgOC4yNTU2OEwxLjM3MjEgOS4yNTc0Mkw1LjYyOTQ3IDUuMDAwMDVaIiBmaWxsPSIjMkUzQTU5Ii8+Cjwvc3ZnPgo=); - --business-icon: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxOCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIApkPSJNMTIuMjM3MiAyLjQ5MDI0SDE3LjYzOThDMTcuODQxOSAyLjQ5MDI0IDE4IDIuNjQ2NDIgMTggMi44NDU5OVYxNS42NDQzQzE4IDE1Ljg0MzggMTcuODQxOSAxNiAxNy42Mzk4IDE2SDAuMzYwMTc2QzAuMTU4MTI2IDE2IDAgMTUuODQzOCAwIDE1LjY0NDNWMi44NDU5OUMwIDIuNjQ2NDIgMC4xNTgxMjYgMi40OTAyNCAwLjM2MDE3NiAyLjQ5MDI0SDUuNzYyODFWMC4zNTU3NDhDNS43NjI4MSAwLjE1NjE4MiA1LjkyMDk0IDAgNi4xMjI5OSAwSDExLjg4NThDMTIuMDg3OCAwIDEyLjI0NiAwLjE1NjE4MiAxMi4yNDYgMC4zNTU3NDhIMTIuMjM3MlYyLjQ5MDI0Wk0xMC43OTY1IDEuNDIyOTlINy4xOTQ3M1YyLjQ5MDI0SDEwLjc5NjVWMS40MjI5OVpNMTYuNTU5MyAxNC41NzdIMS40NDA3VjExLjM3NTNINi4xMjI5OVYxMi40NDI1QzYuMTIyOTkgMTIuNjQyMSA2LjI4MTExIDEyLjc5ODMgNi40ODMxNiAxMi43OTgzSDExLjUxNjhDMTEuNzE4OSAxMi43OTgzIDExLjg3NyAxMi42NDIxIDExLjg3NyAxMi40NDI1VjExLjM3NTNIMTYuNTU5M1YxNC41NzdaTTcuNTYzNjkgOS45NTIyOFYxMS4zNzUzSDEwLjQ0NTFWOS45NTIyOEg3LjU2MzY5Wk0xNi41NjgxIDkuOTUyMjhIMTEuODg1OFY4Ljg5MzcxQzExLjg4NTggOC42OTQxNCAxMS43Mjc3IDguNTM3OTYgMTEuNTI1NiA4LjUzNzk2SDYuNDgzMTZDNi4yODExMSA4LjUzNzk2IDYuMTIyOTkgOC42OTQxNCA2LjEyMjk5IDguODkzNzFWOS45NjA5NUgxLjQ0MDdWMy45MTMyM0gxNi41NjgxVjkuOTUyMjhaIiAKZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg==); - --business-white-icon: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxOCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIApkPSJNMTIuMjM3MiAyLjQ5MDI0SDE3LjYzOThDMTcuODQxOSAyLjQ5MDI0IDE4IDIuNjQ2NDIgMTggMi44NDU5OVYxNS42NDQzQzE4IDE1Ljg0MzggMTcuODQxOSAxNiAxNy42Mzk4IDE2SDAuMzYwMTc2QzAuMTU4MTI2IDE2IDAgMTUuODQzOCAwIDE1LjY0NDNWMi44NDU5OUMwIDIuNjQ2NDIgMC4xNTgxMjYgMi40OTAyNCAwLjM2MDE3NiAyLjQ5MDI0SDUuNzYyODFWMC4zNTU3NDhDNS43NjI4MSAwLjE1NjE4MiA1LjkyMDk0IDAgNi4xMjI5OSAwSDExLjg4NThDMTIuMDg3OCAwIDEyLjI0NiAwLjE1NjE4MiAxMi4yNDYgMC4zNTU3NDhIMTIuMjM3MlYyLjQ5MDI0Wk0xMC43OTY1IDEuNDIyOTlINy4xOTQ3M1YyLjQ5MDI0SDEwLjc5NjVWMS40MjI5OVpNMTYuNTU5MyAxNC41NzdIMS40NDA3VjExLjM3NTNINi4xMjI5OVYxMi40NDI1QzYuMTIyOTkgMTIuNjQyMSA2LjI4MTExIDEyLjc5ODMgNi40ODMxNiAxMi43OTgzSDExLjUxNjhDMTEuNzE4OSAxMi43OTgzIDExLjg3NyAxMi42NDIxIDExLjg3NyAxMi40NDI1VjExLjM3NTNIMTYuNTU5M1YxNC41NzdaTTcuNTYzNjkgOS45NTIyOFYxMS4zNzUzSDEwLjQ0NTFWOS45NTIyOEg3LjU2MzY5Wk0xNi41NjgxIDkuOTUyMjhIMTEuODg1OFY4Ljg5MzcxQzExLjg4NTggOC42OTQxNCAxMS43Mjc3IDguNTM3OTYgMTEuNTI1NiA4LjUzNzk2SDYuNDgzMTZDNi4yODExMSA4LjUzNzk2IDYuMTIyOTkgOC42OTQxNCA2LjEyMjk5IDguODkzNzFWOS45NjA5NUgxLjQ0MDdWMy45MTMyM0gxNi41NjgxVjkuOTUyMjhaIiAKZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==); - --nfd-onboarding-step-error-icon: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iODEwIiBoZWlnaHQ9IjQwNSIgZmlsbD0ibm9uZSIgeG1sbnM6dj0iaHR0cHM6Ly92ZWN0YS5pby9uYW5vIj48c3R5bGU+PCFbQ0RBVEFbLkJ7c3Ryb2tlLW1pdGVybGltaXQ6MTB9LkN7ZmlsbDojNjdjYmU0fS5Ee2ZpbGw6IzAwNGM3Nn0uRXtmaWxsOiM0NTg1YzV9XV0+PC9zdHlsZT48ZyBjbGlwLXBhdGg9InVybCgjRCkiPjxnIG9wYWNpdHk9Ii4zOCI+PHVzZSB4bGluazpocmVmPSIjRSIgZmlsbD0idXJsKCNBKSIvPjx1c2UgeGxpbms6aHJlZj0iI0UiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIuNDYiIGNsYXNzPSJCIi8+PC9nPjxwYXRoIG9wYWNpdHk9Ii4xNSIgZD0iTTM5NS44MDIgNTIuMTI1Yy0xLjU5LTEuNTg4LTEuMDM0LTcuNDU2LS45OTUtOS40MDUuMjA0LTkuNTMgNC40NjQtMjEuNDIzIDExLjQ4MS0yOC4xOSAyLjY0OC0yLjU1MSA2LjExNy00LjE5NCA5LjE3MS02LjIwNSAzMC41NzUtMjAuMTc4IDY1LjQ4OC0xLjc5MiA2OC44MzIgMzQuNzE2IDEuNTkgMTcuMzIzLTkuMDYxIDMyLjYwMy0yMy4wMjUgNDIuMDE2LTQuMDQ5IDIuNzMxLTkuNzk3IDcuNDQ4LTE1LjA4MyA2Ljc5OS0xNC4wOTctMS43MzctMjUuNzc0LTEzLjYzNy0zNS41NDgtMjIuOTc5LTQuOTEtNC42OTUtMTMuNjQzLTEwLjA4NS0xNS45MzctMTYuODA2IiBjbGFzcz0iRCIvPjxnIGNsYXNzPSJFIj48cGF0aCBkPSJNMzkzLjQ5MSAyNTYuODI3YzAtLjIwMy43MjkuNzUxLjc2OC44MDZhMjYuODIgMjYuODIgMCAwIDEgMS42MjEgMi45ODFsMy4zOTkgNy45ODhjMy4wMjMgNy41ODIgNi4yMjYgMTUuMTU2IDguODAzIDIyLjkwMiA2LjE3OSAxOC41OSA5LjI0MSA0NC4wNjUgMTAuMDI0IDYzLjcwNC4xNDkgMy42NjkuMjM1IDcuMzU0LjAyMyAxMS4wMjQtLjMyOCA1LjUzMS0uMDc4IDYuMjI4IDUuMjcxIDguMDU5Ljg0Ni4yODkgMy4zNTIgMS42ODIgNC4yNjEgMS40MzEgMS42ODMtLjQ2MSAzLjA0Ni03LjQyNSAzLjM1MS04LjYzNyAyLjM3My05LjE5NCAzLjU1Ni0xOC42OTIgNC4zNTUtMjguMTQ0IDIuNDgyLTI5LjI5My0yLjU2OS02Ny4wNzYtMTIuMDMtOTQuODkxLTIuNDA0LTcuMDY1LTUuNTQ0LTEzLjg3Mi04LjY2MS0yMC42NDgtLjY5Ny0xLjUxLTEuODgtNS41NzgtMy43ODMtNi4xOTYtMS45MjctLjYyNi01LjQzNSAyLjQ5Ni02Ljg2OCAzLjQ1LTEuODE3IDEuMjA1LTMuNDYyIDIuNTk4LTQuMzk0IDQuNjE2LTEuNjYgMy42MDctMS41MzUgOC4xMy0yLjExNCAxMS45ODdhMTc0IDE3NCAwIDAgMS0zLjY0MiAxNy45OTVtMy45ODYtMTgxLjA3M2MwLTMuMjE2LTYuNTI0LTYuNDk0LTguNzk1LTcuNTAzLTkuOTMtNC40MTMtMjMuNTE4LTEuOTcyLTMxLjE5MyA1LjYxOC0xNS4zNTggMTUuMTg3LTIzLjE3NCA1NS41OS0yMi45NjMgNzYuMzE3LjAxNiAxLjkwMS4xNDkgMy44MSAxLjMzMiA1LjM3NSAyLjI3MSAzLjAxMiAxNi41MTcgMTMuMDE5IDIxLjAyIDEyLjUzNCAxLjUwMy0uMTY0IDIuNjQ3LTEuNzIxIDMuNDYxLTIuODQgMTQuMDc0LTE5LjQzNSAxNi4zMzctNDMuODc4IDI1LjcyNy02NS40NzMgMi4yMzItNS4xMzMgMTAuNzc3LTE3LjkzMyAxMS4wMzUtMjIuOTY0Ii8+PC9nPjxwYXRoIGQ9Ik00MjYuMTEgODcuODI2Yy0uMzk5IDAgMS41ODItLjc3NSAxLjk3NC0uNzk4IDEuNzMxLS4wODYgMy40NzcuMzc2IDQuNzg1IDEuNTU3IDMuMjE5IDIuOTAzIDMuMzIxIDcuOTAyIDIuNjg2IDExLjg1My0yLjU4NCAxNi4yNDMtMTIuNDc1IDMyLjI3NS0xOC43NjQgNDcuMzM2LS44MDcgMS45MjUtNS42ODYgMTMuNjUzLTguMTc2IDEzLjE3Ni0xLjA0Mi0uMjAzLS42NTgtMy41NzYtLjY0My00LjIyNS4xMDItNC43NDIuNDE2LTkuNTE0IDEuMDAzLTE0LjIxNyAyLjI5NS0xOC4yMDYgNy43MDYtMzguMjk5IDE3LjA5Ni01NC4yMzYiIGNsYXNzPSJDIi8+PHBhdGggZD0iTTM1Mi4wMjMgMjA4LjM4Yy0xLjM4Ny0xLjM4NS0uMjQzLTcuMy0uMTI2LTguOTM1LjY1LTkuMzg5IDIuMDkxLTE4Ljg4OCAzLjcyLTI4LjE1MSA1LjQ1MS0zMSAxMS43NzEtNjEuNDUxIDI5LjY0My04OC4wNjkgNi42MTgtOS44NTggMTkuMjAzLTIzLjA3MyAzMi42NTgtMTYuOTg2IDguOTY3IDQuMDYxIDExLjQ1NyAxNi43NjcgOS43MDMgMjUuMzI3LTIuMDkxIDEwLjE4Ny02Ljg4NCAyMC4wMTQtOS42MDkgMzAuMDkxLTQuODA5IDE3Ljc2MS03LjI5OSAzNi42OC03LjQyNSA1NS4wNTktLjA2MiA5LjUwNi0uMTE3IDE4Ljk1OC44NzggMjguNDI1LjEwMSAxLjAwMSAxLjMzOSA5LjY3OC45OTQgMTAuMDU0LTQuMjI5IDQuNjA4LTE1LjE5MyAzLjk4Mi0yMC43NDYgNC44NTEtOS42MDkgMS41MDItMTkuMzU5IDMuMTkyLTI5LjEwMiAxLjg3LTIuMjE2LS4yOTgtNy44MzItLjc2Ny05LjQyMS0yLjcwNy0xLjAzNC0xLjI2LTEuMDk3LTkuOTc2LTEuMjUzLTEyLjAxOCIgY2xhc3M9IkQiLz48ZyBmaWxsPSIjZmFiMDFkIj48cGF0aCBkPSJNMzE5LjQxMiAyMC41MTVjLS4xMTcgMCAuNTk2LTEuNzg0LjY0My0xLjkwMSAxLjAxOC0yLjQyNSAyLjEyMi01LjAyMyAzLjgwNi03LjA3My4xOC0uMjE5LjU3MS0uODI5LjkzMi0uNzEyIDIuMjA4LjczNi41NDggNy4xNDMgMS44MzIgOC43NTUgMS40MDIgMS43NTMgNy4zOTMuODUzIDcuNzkzIDMuNTEzLjMwNSAyLjA0Mi0zLjgxNCAzLjEzLTQuMDY1IDUuMzEzLS4xNjQgMS40MjQgMS4zMzkgNy40NDEuMzI5IDguMjMxLTEuMjM3Ljk3LTUuNjE1LTQuNDgzLTcuMzkzLTQuNjAxLTIuMzAyLS4xNDktOC4yMzkgNS41NjMtOS4zMjcgNS4wMTUtLjY1LS4zMjEgMS41NS02LjQ3MSAxLjYyOS03LjMxNi4yODktMy4xNzctNy45OTctNC43NjUtNS41OTItNS44ODQgMS43OTMtLjgyOSAzLjgyOS0xLjI3NSA1LjY3OC0xLjk4N20tNjEuNjc0IDEyMi42ODNjLS4wNTUuMTAxLjc2LTEuMDAyLjkwMS0xLjE5OC4zOTEtLjUyNCAzLjY5Ni01LjI1IDQuMTk3LTQuNTY5IDEuMDI2IDEuMzg1LTEuMTk4IDMuODg5LS4yODIgNS4yOTcuNjM1Ljk3IDQuNDU3IDEuMjEzIDQuMzk0IDIuNDMzLS4wNzEgMS4zMDctMy4zNDQgMS4wNDEtMy43NjcgMi4xNjgtLjM5OSAxLjA3Mi42MjYgNS4wNy0uNTQgNS42MjUtLjMzNy4xNjUtLjg0Ni0uNDc3LTEuMDI2LS42NjVsLTEuNjQ1LTEuNzc2Yy0yLjM5Ny0yLjc3LTMuNjM0IDEuODM5LTYuMTQ4IDEuMjA1LS41NDgtLjE0MS44ODUtMy4zMjUuODM4LTMuODY1LS4yMDQtMi4wMzQtNi43MzUtMi41ODItMS43MDctNC40Nm0yNjYuMTMzIDM0LjA5Yy0uMDYyIDAgNC43NDYtNi4yNjcgNS4zMzQtNS4yMDMuODM4IDEuNTI2LS43NzYgMy43NTUtLjEyNiA1LjM3NS40IDEuMDA5IDMuMzYgMi4xMDUgMy4yMjcgMy4xMy0uMTQ5IDEuMTM0LTIuODY2LjgyOS0zLjM1MiAxLjc5OS0uNzIgMS40NC0uMTI1IDQuNzM0LTEuNDI1IDUuNzI3LS42MTEuNDctMi41MzgtMy43MDgtMy42NTgtMy44MjUtMi44OTctLjMwNi02LjAzIDEuMjc1LTYuMTQ3Ljk4NS0uMzUzLS44NzYgMS44NTYtMy4wMDQgMS44ODctNC4wODQuMDM5LTEuNTMzLTMuMzM2LTIuNzIzLTIuOTY4LTMuOTc1LjIyNy0uNzgyIDMuMzQ0LjAyNCAzLjg0NS4xMSIvPjwvZz48cGF0aCBkPSJNNTk2LjMzOCAxNDcuOTc4Yy01Ni4xNDUtNjAuMTEzIDM5LjkyNS0xMzEuMzgzIDg0Ljc2MS02NC4xODkgMzIuOTAxIDQ5LjI5OS0zNS42OCAxMTIuNzUzLTg0Ljc2MSA2NC4xODl6IiBjbGFzcz0iQyIvPjx1c2UgeGxpbms6aHJlZj0iI0YiIGZpbGw9IiNmM2YzZjMiLz48dXNlIHhsaW5rOmhyZWY9IiNGIiBzdHJva2U9IiMzNTQ0NGMiIHN0cm9rZS13aWR0aD0iMS43NSIgY2xhc3M9IkIiLz48cGF0aCBkPSJNNDA4LjE1MiA2Mi4yMTdjMC0uMDg2LjQyMy0uMzc2LjQ5NC0uNDMgMi44NDMtMi4zNzEgNC45ODgtNC40OTkgNS45ODMtOC4yIDEuMzk0LTUuMTg3LS4yNTEtMTAuOTg1IDEuNjUzLTE2LjAxNiAxLjI4NC0zLjQwMyA2LjM5LTUuNzI3IDkuMTA4LTExLjYyNyAyLjc3Mi02LjAxNyA2Ljg1Mi0xNC42ODYgMTQuNjA2LTE1LjAxNCAxMC40NTUtLjQzOCA5LjMwNCAxMC45NTQgMTYuOTMyIDE0Ljc2NCA4LjU5OSA0LjI5NSAyMC43MDYgNC45NzYgMjQuMTEzIDE1LjkxNGExMS4yMyAxMS4yMyAwIDAgMSAuNCA0Ljc4MWMtLjI4MiAyLjE2Ny0xLjU5IDMuOTItMy41NCA0Ljg5OC04LjI5NCA0LjE0Ny05LjA5My00LjczNC0xNC40NDItNi4xMTktMy4xMDEtLjgwNi02LjIxIDEuODctOS42NDguNjg5LTIuMDM3LS42OTYtMi42NDctNC4xMzEtNC42MjktNC4zODItMy43NTEtLjQ2OS02LjA3NyA0LjgyLTkuNTM5IDQuMDUzLTIuMjI0LS40OTMgMS42MjktMTAuMDE1LTQuMjY4LTguMzcyLTMuNzY3IDEuMDQ4LTYuOTIzIDExLjU4Ny00Ljk1IDE0LjY3IDEuNzk0IDIuNzkzIDExLjU4My0xLjM5MyA2LjMzNiA2LjQ3MS0yLjYzOSAzLjk1MS02Ljk3LS4zMjEtMTAuMDcxLS41NjMtMS41NjctLjExNy0zLjA0Ny43MjgtNC41MTEgMS4xNTgtMi40MzYuNzItMTMuNzg0IDkuNTY5LTEzLjE0MiAzLjQ5IiBmaWxsPSIjZmFiMDFkIi8+PHBhdGggZD0iTTM5MC4zODIgNTAuODE4YzIuNzE3IDIuNzE1IDQuNTI3IDYuODU0IDYuNzc0IDkuOTY4IDMuNjg5IDUuMTE3IDguMDk4IDkuODA0IDEyLjczNCAxNC4wNjggNC43MzEgNC4zNSA5LjkgNy45NDkgMTUuNDIxIDExLjIwNCA2LjExNiAzLjYwNyAxMi4zMDMgNi45NTYgMTguNzE3IDkuOTkxIDEuNzQ3LjgyOSA2LjY0OS00LjQzNiA2LjYxLTQuNTU0LS4xOC0uNTMyLTQuMDE3LTEuNDc5LTQuNTU4LTEuNzM3LTQuMjYtMi4wNDItOC40OTctNC4zODktMTIuNTctNi43ODQtMTEuMTc1LTYuNTgtMjEuMTc2LTE1Ljc2Ni0zMC4wODktMjUuMS0yLjc2NC0yLjkwMy01LjMwOS02LjAzMi03LjIyOC05LjU2OS0uMDcxLS4xMjUtLjYxMS0xLjM2OS0uNzk5LTEuMzQ2LTEuMTUxLjE2NC0zLjA5MyAzLjE5Mi00LjQ2NCAzLjg4MSIgY2xhc3M9IkUiLz48cGF0aCBkPSJNMzY5LjgwMSAyMjYuNjk2YzAtNS42MzMtMi42LTExLjc5MS0zLjI1OC0xNy40NC0xLjY4NC0xNC4zMDItMi41MDYtMjguODMyLTIuMzAzLTQzLjIzNi4xODgtMTMuNTk4IDEuMzg3LTI2Ljg1MiAzLjI5OC00MC4zMSAxLjc2OS0xMi40NDggNC4xNTgtMzEuOTkyIDEyLjQ0NC00Mi4wMzEgNy43MzgtOS4zNzMgMjIuMTg3LTYuNTQ5IDIyLjk4NiA2LjQxNi43OTEgMTIuODM5LTcuMjEzIDI1LjY1NS0xMS4yNjIgMzcuMzM3LTYuMjQyIDE4LjAxMS0xMC43NzYgMzYuODktMTIuMzk4IDU1LjkxMS0uODY5IDEwLjE3OS0xLjM0NyAyMC40NjgtMS42MTMgMzAuNjg2LS4xNzIgNi42NDMgMy4zODMgMTMuMjU0LTQuMjQ1IDEyLjU4OS0xLjE0My0uMTAyLTIuNTg0LjM0NC0zLjY1Ny0uMDA4IiBjbGFzcz0iQyIvPjxnIGNsYXNzPSJEIj48cGF0aCBkPSJNMjgwLjg0OSAzNjMuNDIzYzAtLjA4Ni44MzgtLjI1MS44OTMtLjI2NiAyLjI1NS0uNjUgNC4zOTMtMS41MzQgNi41MjMtMi41MjggNS4xMDctMi4zNyA5Ljk2Mi01LjE4NyAxNC40NzMtOC41NTkgMTQuMTIxLTEwLjU0NyAyNC41MzctMjUuMDIyIDMzLjIxNC00MC4xNjEgMTEuMTQ1LTE5LjQ1MSAxOS41MDktNDAuMzEgMjIuOTA4LTYyLjU2MiAxLjI4NC04LjQxOSAxLjE5LTE3LjE1IDEuNTQyLTI1LjY1NS4wMTYtLjQ3LS42MS00LjE0Ny0uNTAxLTQuNTg1IDAtLjAzMiAxLjAzNC4yMTEgMS4wOTcuMjE5IDEuNDA5LjIyNyAyLjk0NC0uMDMxIDQuMzU0LS4xNzJsMTAuNjU5LTEuMTAzYzguNTYtLjg3NyAxNy4zLTEuNDg3IDI1LjcyNy0zLjI4NyAxLjc0Ni0uMzc1IDguMDE5LTIuODYzIDkuNjI1LTEuNzI5IDEuNTE5IDEuMDggMS41NjYgNy4wOTcgMS42OTkgOC43MDkgMS4wMzQgMTIuMjc2LTYuOTg2IDI1LjcxLTEyLjIwMSAzNi4yNTYtMTUuNDQ0IDMxLjIzNC0zOS40NCA1OS44NTUtNjMuNjk1IDg0LjYzNC05Ljk5MyAxMC4yMS0yMC45NjUgMjAuMzA0LTMzLjY2IDI3LjA3MS0yLjU2OSAxLjM3LTUuMjE2IDIuNTItNy44ODcgMy42NjItLjI5Ny4xMjUtMy40NDYgMS44ODYtMy43MiAxLjc1My0xLjE5LS41OTUtMi4xODUtNC4wMTQtMy4yNDItNS4xMDItMi4zNjUtMi40NDktNS41NjgtMy4yMTUtOC4zMjUtNS4wNDYiLz48cGF0aCBvcGFjaXR5PSIuMTUiIGQ9Ik00NzYuNTE0IDM0MS4xMjRjLTEuMDgtLjU0IDcuNTQyLS43OTggOC41ODQtLjY0MiA1LjIyNC43OSAyMC44NzEgMi4yMjIgMjIuMjE4IDkuMDY4LjA0Ny4yNTEuMDYzLjUxNyAwIC43NjctMS4zIDQuOTI5LTMwLjg3MiAxLjY3NS0zMS45MzctNS4xNzltMzEuMjg3LTQ5LjE5OGMtLjE4OC0uMDk0IDIuNTkyLS4yNjYgMi44NzQtLjI3NCA0LjI0NS0uMTEgOC40OS4xOCAxMi43MTkuNDY5IDkuOTY5LjY4MSAxOS44NjkgMS44OTQgMjkuNzYgMy4zMTggMzEuNjE2IDQuNTUzIDYzLjg5OCAxMC43NzMgOTMuMTY1IDI0LjA1OSA2LjM2NyAyLjg5NSAyNi41ODggMTEuMzQ1IDIzLjkwMiAyMS40NzctMy4xMDEgMTEuNzM2LTM2LjY5OSA5LjEyMy00NS4wNTUgOC4zMDEtMzUuODUzLTMuNTUyLTcyLjA3NS0xNC4yNTUtMTA1LjIxOC0yOC4yNDUtMy43OTgtMS42MDQtNDguMDg2LTIxLjIzNC0xOS43OTEtMjQuN20tMTQzLjUzIDU0LjY1MWMxLjkxOS0zLjgyNiAyNy4yNjItOC4yMTUgMjYuNzYxLTIuMDU3LS44MTUgOS45MjEtMzcuODAzIDEzLjk4OS0yOC4zNDMgNS4yNzNtLTE0NS42MTMtMzUuNzE3YzAtNC4zNjYgMTUuMTkzLTkuNjQ3IDE3Ljg3OS0xMC44MDUgOC44MTktMy43ODcgNzEuMjkyLTI0LjAxMiA3NS42NjItMTMuMTA2IDQuMDA5IDEwLjAyMy01Ny43OSAyNC4yLTY2Ljg1OSAyNi4wODYtMy45NDcuODIyLTMwLjE1MiA3LjAxLTI3LjUwNCAxLjg4Nm0yMi4yNDIgMjQuMDgyYy0uNDM5LS40MzguNDY5LTEuMDA5Ljc2Ny0xLjIzNiAyLjA1Mi0xLjU4OCAxNC4yODUtNy45NjUgMTUuNzQ5LTMuNzg3IDEuNTc1IDQuNDgzLTIwLjU0MiAxNS4zMTItMTguNDUxIDkuODgyIi8+PC9nPjxwYXRoIGQ9Ik0zNDYuOTcyIDIwOS44NzRjLS44NDYgMCAxLjYwNS41MTcgMi40MTkuNzUybDUuNTY5IDEuNjljNS4yODYgMS4zMzcgMTAuNzQ1IDEuNjc0IDE2LjE4IDEuNjc0IDkuNjY0IDAgMTkuNDQ2LTIuMjUzIDI4Ljc5Ny00LjQ2IDMuOTg2LS45MzkgOC4wOS0xLjg3IDExLjk1MS0zLjI3LjQ3Ny0uMTcyIDIuNDc0LTEuMzkzIDIuOTY4LTEuMTgyLjY3My4yOSAxLjY1MiA5Ljk3NiAxLjUxMSAxMS40Ny0uMjk3IDMuMTA3LTE4LjQ5IDYuNDcxLTIxLjQ2NiA3LjA4MS0xMS4zNTYgMi4zMTYtMjQuMjM5IDIuMjg1LTM1Ljc1OS45NjMtMi4zOTctLjI3NC04LjcxNy40NjEtMTAuNTgxLTEuNDAxLS45ODYtLjk4Ni0xLjYzNi0xMC44MjEtMS45MTgtMTMuMDgyIiBjbGFzcz0iQyIvPjxwYXRoIGQ9Ik0zNjEuNzU4IDIwNi42OThjMC0uNTE2LjIzNS45NjIuMjU4IDEuMDcybC41NDkgMi40NjQgMS43NTQgNy45NjVjMS41NSA4LjQ2NiAxLjUxOSAxMC4yMTEgMTAuMjA0IDEwLjkzMS45MDEuMDc4IDUuMjQuNjggNS45Ni0uMTI1IDEuNDg4LTEuNjU5LjY4Mi04LjUxMy43MjktMTAuNjQxLjExNy01LjMwNS4wODYtMTAuOTIzIDEuMTM1LTE2LjE0MS4wMzktLjE5Ni4yMDQtLjY1LjAyNC0uODMtLjg3Ny0uODY4LTIzLjIzNy0uMDctMjAuMzk0IDUuNjE4IiBjbGFzcz0iRSIvPjxnIGNsYXNzPSJDIj48cGF0aCBkPSJNMzY4LjY4IDIyNy42MjdjMC0uMTgtLjg4NSAxLjk3Mi0xLjA3MyAyLjM5NC0uNzU5IDEuNjk4LTIuMTMgMy4wNjctMy44MjEgMy44MTktMi40NjcgMS4wOTUtMTguNjI0LS43MzYtMTIuMzA0IDcuMzIzIDUuMTA2IDYuNTEgMTcuOTY2IDYuOTE3IDIzLjA1Ni40NzcgMS44ODgtMi4zNzggNi4yNTgtMTAuODkxIDEuODgtMTMuNjIyLTEuOTk3LTEuMjQ0LTUuNjYyLS40NjEtNy45NDktLjY4OG01My4zOTYgMTUyLjIxOGMwIC4xMzMtMi44MTItMS43NjgtMy4wMzktMS45ODctMS40NDEtMS40MDktNS45OTktNi44OTMtMS45NzMtOC4xNzcgMy45ODYtMS4yNzUgOS4xMzEgMi4yNDYgMTIuNzczIDMuNDU5IDQuODI0IDEuNjA0IDkuNTcgMS4zMjIgMTQuNTA0IDEuOTk1IDIuMTA3LjI4OSA0LjU2NiAxLjQ3MSA0Ljc1NCAzLjg4MS4yODIgMy42MDctMy42NDIgNC44NTgtNi40ODUgNS4yOTctNy4wMDEgMS4wNzItMTMuNjQyLS4yNTktMTkuNjczLTMuODVtLTEzNS40MjQtMTYuMzk5bC0xLjg3OS0xLjAwOWMtMS4zMDgtLjcxMi0yLjY3OS0xLjI2LTQuMTk4LTEuMDE4LTIuNjI0LjQyMy0yLjA2IDMuOTk5LTEuMTk4IDUuNjczIDMuNTM5IDYuOTMyIDE4LjU5MiAxNy45MjUgMjYuMDQ3IDIwLjQ1MiAzLjc2IDEuMjc2IDE0LjA5IDEuMTUgMTEuNzI0LTUuNzc0LTEuMzIzLTMuODY1LTguMjc4LTQuOTUzLTExLjY4NC02LjAwMS02LjU5NS0yLjA0Mi0xNC43MDgtNi41NDktMTguNjQ3LTEyLjQ1NiIvPjwvZz48cGF0aCBkPSJNMjgxLjAxNCAzNjEuMzg4Yy0uMjU4LS41MjQgMi4zNTcgMS42MjggMi42MzEgMS44N2w1LjgxOSA1LjE5NmM2LjQyMiA1Ljc5NyA4LjY1NCA2LjgzIDE2LjI0MyAyLjIzNy43MTMtLjQzIDQuMDMzLTEuNDQ3IDQuMTgyLTIuMzMxLjQzOS0yLjU0My01Ljc3Mi02LjgxNS03LjQyNC04LjQ0My0xLjYzNy0xLjYxMS02LjcxMi04LjU2Ny04LjMxNy05LjA2OC0xLjAzNC0uMzI4LTIuNDUyIDEuNjk4LTMuMTEgMi4yNjktMi40OTggMi4xODMtOC4wNDMgNC40OTEtOS41MTUgNy40MjUiIGNsYXNzPSJFIi8+PGcgY2xhc3M9IkQiPjxwYXRoIGQ9Ik00MTMuMjE5IDM2NC4wMWMtLjQyMy0uMjU5IDEuMDE4IDIuNzc3IDEuMTkgMy4zNTYuMjU5Ljg2OS0uMDM5IDUuNTA4LjM4NCA1Ljk3OCAxLjI2MSAxLjM5MyAxNS43MjYgMi4yODUgMTcuNjc2IDEuMzc3IDEuNTI3LS43MiAxLjMzOS0yLjkxOCAxLjUzNS0zLjkyLjIwNC0xLjAyNSAxLjczMS0zLjg0Mi40OTMtNC43NDktLjg0NS0uNjE4LTQuNDk1LS4yODItNS42ODUtLjMzNy01LjAwNS0uMjM0LTkuNzk4LS45NDYtMTQuNjY5LTEuNTk2Ii8+PHBhdGggb3BhY2l0eT0iLjE1IiBkPSJNNTk1LjEgNzMuOTNjLTQuNzMtMy4wNDQtNzMuMjY0LTQxLjY0OC02NC4yNTgtMTMuNjA2IDExLjQ1IDM1LjYzOSAxMTguMjM0IDg3LjA3NSAxNTEuMjIxIDEwMy4yNjMgNy45MjUgMy44ODggNTEuNjczIDI1Ljg1MSA1OC41MjUgMTMuNTc1IDguNDQzLTE1LjExNi00OC4xMTctNTAuNjg1LTUxLjQ1My00OC41OTYtLjY1OC40MDctMi4zMTkgMi4yNTMtMS44MSAzLjA0NC41NzIuODk5IDEuNzg2IDEuNDg2IDIuNjMyIDIuMDgxIDEwLjYwNCA3LjUwMyAyNi41MzMgMTYuOTA4IDMyLjAzOSAyOS4yMjMuNTg3IDEuMzE0Ljk0OCAyLjkxOC0uNzkxIDMuMzk2LTQuMyAxLjE3My0xMC40LTEuNDI0LTE0LjM1NS0yLjc3OC0zLjg5My0xLjMzLTcuNzE0LTIuODYzLTExLjQ1OC00LjU2MS0zOC4zMjgtMTcuMzg2LTc3LjIzNS0zNi43ODItMTExLjUxNC02MS4yMTYtNC4yNjktMy4wNDQtMzEuNDYtMjIuOTU2LTI1LjQ5Mi0zMC4wNzYgNy42Mi05LjA5OSAyMi43MDQgOS40NTIgMjkuNjg5IDEzLjcwOCIvPjwvZz48ZyBvcGFjaXR5PSIuMTkiPjx1c2UgeGxpbms6aHJlZj0iI0ciIGZpbGw9InVybCgjQikiLz48dXNlIHhsaW5rOmhyZWY9IiNHIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iLjI0IiBjbGFzcz0iQiIvPjwvZz48ZyBvcGFjaXR5PSIuMTkiPjx1c2UgeGxpbms6aHJlZj0iI0giIGZpbGw9InVybCgjQykiLz48dXNlIHhsaW5rOmhyZWY9IiNIIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iLjI0IiBjbGFzcz0iQiIvPjwvZz48ZyBzdHJva2U9IiMwMDRjNzYiIHN0cm9rZS13aWR0aD0iMS40NyIgY2xhc3M9IkIiPjxwYXRoIGQ9Ik0xNzAuODQ3IDEwMC40MjNzNTcuNzg5LTU3LjY1NiAxMzIuMjY4LTcxLjg1N20tNzUuNDczIDQ5LjU4OWMxNC4yNTMtOC4zNDggMjUuMDg0LTI0LjQxOSA3NS40NjUtNDAuNDQzIi8+PC9nPjwvZz48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9IkEiIHgxPSI0MDcuMDQ4IiB5MT0iMzQwLjMyNiIgeDI9IjQxMS4wOTciIHkyPSIyMjAuMDQ1IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZiIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzUxYzdlYSIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IGlkPSJCIiB4MT0iMjAwLjI0NiIgeTE9IjM4OS45NDYiIHgyPSIzMTAuNSIgeTI9IjM5MC42NTIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjZmZmIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNTFjN2VhIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9IkMiIHgxPSIzMjcuMTExIiB5MT0iMzg5Ljk0NiIgeDI9IjQzNy4zNjQiIHkyPSIzOTAuNjUyIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZiIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzUxYzdlYSIvPjwvbGluZWFyR3JhZGllbnQ+PGNsaXBQYXRoIGlkPSJEIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAwaDgxMHY0MDVIMHoiLz48L2NsaXBQYXRoPjxwYXRoIGlkPSJFIiBkPSJNLjgwNiAzOTkuNjg4Yy0zLjA4NiAwIDYuMDctMi40NDkgOS4wMzgtNC4yNTcgNi40NjktMy45MzUgMTIuODgzLTguMzc5IDE5LjMwNS0xMi42OTEgMjAuMzA3LTEzLjYzNyAzNC41MzctMjQuODMzIDU1LjI2OC0zNS4xNDUgNTkuMDAzLTI5LjM1NyAxMTguNzE5LTUwLjUyOSAxNzguNzQ4LTY4LjAxNiAxODEuNzI1LTUyLjkyMiAzNzMuNTkyLTYuODM4IDU0Ni43MjUgMTIwLjU3OCIvPjxwYXRoIGlkPSJGIiBkPSJNNDIwLjg3IDc3LjM1N2MwIC4xMDkuMDYzLjAzMS4xMjYtLjAyNC44ODUtLjczNSAxLjYxMy0xLjcyOSAyLjQxMi0yLjU1OCAxLjcxNS0xLjggNi4yNzMtMy42NTQgOC4xNzYtMS41MSAxMi4yMDkgMTMuNzU1IDkuNTU1LTMuMjA4IDE3LjE5LS41NTYgNy4yOTIgMi41MjcgNC44NzktMS42NDMgOC43NDgtNi42MTkgMy4zNzYtNC4zNDIgOC4wMi03LjIyMiAxMS42NjItMTEuMjc1IDEuODcxLTIuMDg5IDYuMTA4LTYuMzY5IDQuMjQ0LTkuNTIyLTMuNDkzLTUuOTE1LTEwLjQ2My01LjcxOS0xNi4xNDktNy41MTEtNS4zNTYtMS42OS0xMy4xMDItNy4zLTE4LjUyMS02LjU1Ny0xMS4xMjkgMS41MjYtMTMuNDk0IDE3LjQ3OS0xOS42MTkgMjQuNTc2LTIuNTkyIDIuOTk3LTguMTY4IDUuMzkxLTkuNjU2IDkuMTE1LTEuMDE4IDIuNTM1IDkuMjEgMTMuOTM1IDExLjc4NyAxMy4wMzUiLz48cGF0aCBpZD0iRyIgZD0iTTMwOS41MjEgMzc5LjM5MmMxLjEzNiAwLTIuMjcxLS4xMDItMy4zOTktLjE0MWwtNi41NDctLjE5Ni0yMS4wOTEtLjkzMS02MS41OTUtMi43ODUtMS45OS0uMDc5LTEuODU2LS4wNzhjLTQuMzYyLS4xODgtOC42MTQuMDQ3LTEyLjkzOC4wNDctLjMzNiAwLS40NzcuMTE4LS41MzIuNDc3LS4zNjggMi4yNjIgMy4xMzMgMjcuNDYzIDMuNzI4IDI4LjAwMyAzLjIxOSAyLjk1NyAxMy43MjEtLjM5MSAxNy4zNjItLjg3NiAxNi4xMDItMi4xMjkgMzIuMDU1LTQuODM2IDQ3Ljg5MS04LjQ1bDI2LjA0LTUuODIyYy44MDctLjIwMyAxNC42OTItMS43NjggMTUuMTU0LTIuNjk5Ii8+PHBhdGggaWQ9IkgiIGQ9Ik00MzYuMzg1IDM3OS4zOTJjMS4xMzYgMC0yLjI3MS0uMTAyLTMuMzk5LS4xNDFsLTYuNTQ3LS4xOTYtMjEuMDktLjkzMS02MS41OTYtMi43ODUtMS45ODktLjA3OS0xLjg1Ni0uMDc4Yy00LjM2My0uMTg4LTguNjE1LjA0Ny0xMi45MzguMDQ3LS4zMzcgMC0uNDc4LjExOC0uNTMzLjQ3Ny0uMzY4IDIuMjYyIDMuMTMzIDI3LjQ2MyAzLjcyOCAyOC4wMDMgMy4yMTkgMi45NTcgMTMuNzIxLS4zOTEgMTcuMzYzLS44NzYgMTYuMTAyLTIuMTI5IDMyLjA1NC00LjgzNiA0Ny44OS04LjQ1bDI2LjA0LTUuODIyYy44MDctLjIwMyAxNC42OTItMS43NjggMTUuMTU0LTIuNjk5Ii8+PC9kZWZzPjwvc3ZnPg==); - /* - * Below Icons are commented because they get added to the CSS bundle and - * CSS bundle created exceeded the permissible size. - * Need to find a solution how do we deal with below icons or do we split page wise CSS bundles - * Or can using these icon paths in background-image in pages's CSS help? - */ -} - -body.nfd-brand-bluehost { - --wp-admin-theme-color: #3575d3; - --wp-admin-theme-color--rgb: 53, 117, 211; - --wp-admin-theme-color-darker-10: #1c5cba; - --wp-admin-theme-color-darker-10--rgb: 28, 92, 186; - --wp-admin-theme-color-darker-20: #0242a0; - --wp-admin-theme-color-darker-20--rgb: 2, 66, 160; - --nfd-onboarding-dark-icon: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIyMjMuNjI2IDIyMy41OCA1Mi43NDkgNTIuODQxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxwYXRoIGZpbGw9IiMxQzVDQkEiIGQ9Ik0gMjI4Ljg0IDIyOC44MDQgTCAyNDAuNjUzIDIyOC44MDQgTCAyNDAuNjUzIDI0MC42MjcgTCAyMjguODQgMjQwLjYyNyBMIDIyOC44NCAyMjguODA0IFogTSAyNDQuMDg4IDIyOC44MDQgTCAyNTUuOTExIDIyOC44MDQgTCAyNTUuOTExIDI0MC42MjcgTCAyNDQuMDg4IDI0MC42MjcgTCAyNDQuMDg4IDIyOC44MDQgWiBNIDI1OS4zMzggMjI4LjgwNCBMIDI3MS4xNjEgMjI4LjgwNCBMIDI3MS4xNjEgMjQwLjYyNyBMIDI1OS4zMzggMjQwLjYyNyBMIDI1OS4zMzggMjI4LjgwNCBaIE0gMjI4Ljg0IDI0NC4wOSBMIDI0MC42NTMgMjQ0LjA5IEwgMjQwLjY1MyAyNTUuOTEzIEwgMjI4Ljg0IDI1NS45MTMgTCAyMjguODQgMjQ0LjA5IFogTSAyNDQuMDg4IDI0NC4wOSBMIDI1NS45MTEgMjQ0LjA5IEwgMjU1LjkxMSAyNTUuOTEzIEwgMjQ0LjA4OCAyNTUuOTEzIEwgMjQ0LjA4OCAyNDQuMDkgWiBNIDI1OS4zMzggMjQ0LjA5IEwgMjcxLjE2MSAyNDQuMDkgTCAyNzEuMTYxIDI1NS45MTMgTCAyNTkuMzM4IDI1NS45MTMgTCAyNTkuMzM4IDI0NC4wOSBaIE0gMjI4Ljg0IDI1OS4zNzcgTCAyNDAuNjUzIDI1OS4zNzcgTCAyNDAuNjUzIDI3MS4xOTggTCAyMjguODQgMjcxLjE5OCBMIDIyOC44NCAyNTkuMzc3IFogTSAyNDQuMDg4IDI1OS4zNzcgTCAyNTUuOTExIDI1OS4zNzcgTCAyNTUuOTExIDI3MS4xOTggTCAyNDQuMDg4IDI3MS4xOTggTCAyNDQuMDg4IDI1OS4zNzcgWiBNIDI1OS4zMzggMjU5LjM3NyBMIDI3MS4xNjEgMjU5LjM3NyBMIDI3MS4xNjEgMjcxLjE5OCBMIDI1OS4zMzggMjcxLjE5OCBMIDI1OS4zMzggMjU5LjM3NyBaIiBzdHlsZT0iIi8+Cjwvc3ZnPg==); - --nfd-onboarding-icon: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIyMjMuNjI2IDIyMy41OCA1Mi43NDkgNTIuODQxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0gMjI4Ljg0IDIyOC44MDQgTCAyNDAuNjUzIDIyOC44MDQgTCAyNDAuNjUzIDI0MC42MjcgTCAyMjguODQgMjQwLjYyNyBMIDIyOC44NCAyMjguODA0IFogTSAyNDQuMDg4IDIyOC44MDQgTCAyNTUuOTExIDIyOC44MDQgTCAyNTUuOTExIDI0MC42MjcgTCAyNDQuMDg4IDI0MC42MjcgTCAyNDQuMDg4IDIyOC44MDQgWiBNIDI1OS4zMzggMjI4LjgwNCBMIDI3MS4xNjEgMjI4LjgwNCBMIDI3MS4xNjEgMjQwLjYyNyBMIDI1OS4zMzggMjQwLjYyNyBMIDI1OS4zMzggMjI4LjgwNCBaIE0gMjI4Ljg0IDI0NC4wOSBMIDI0MC42NTMgMjQ0LjA5IEwgMjQwLjY1MyAyNTUuOTEzIEwgMjI4Ljg0IDI1NS45MTMgTCAyMjguODQgMjQ0LjA5IFogTSAyNDQuMDg4IDI0NC4wOSBMIDI1NS45MTEgMjQ0LjA5IEwgMjU1LjkxMSAyNTUuOTEzIEwgMjQ0LjA4OCAyNTUuOTEzIEwgMjQ0LjA4OCAyNDQuMDkgWiBNIDI1OS4zMzggMjQ0LjA5IEwgMjcxLjE2MSAyNDQuMDkgTCAyNzEuMTYxIDI1NS45MTMgTCAyNTkuMzM4IDI1NS45MTMgTCAyNTkuMzM4IDI0NC4wOSBaIE0gMjI4Ljg0IDI1OS4zNzcgTCAyNDAuNjUzIDI1OS4zNzcgTCAyNDAuNjUzIDI3MS4xOTggTCAyMjguODQgMjcxLjE5OCBMIDIyOC44NCAyNTkuMzc3IFogTSAyNDQuMDg4IDI1OS4zNzcgTCAyNTUuOTExIDI1OS4zNzcgTCAyNTUuOTExIDI3MS4xOTggTCAyNDQuMDg4IDI3MS4xOTggTCAyNDQuMDg4IDI1OS4zNzcgWiBNIDI1OS4zMzggMjU5LjM3NyBMIDI3MS4xNjEgMjU5LjM3NyBMIDI3MS4xNjEgMjcxLjE5OCBMIDI1OS4zMzggMjcxLjE5OCBMIDI1OS4zMzggMjU5LjM3NyBaIiBzdHlsZT0iIi8+Cjwvc3ZnPg==); - --nfd-onboarding-logo: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjE5Mi43MTggMTk3LjEyNiAxMTYuOSAxOS4zIj4KICA8cGF0aCBkPSJNMTkyLjcxOCAxOTcuMTI2aDUuM3Y1LjNoLTUuM3YtNS4zWm02LjggMGg1LjN2NS4zaC01LjN2LTUuM1ptNi45IDBoNS4zdjUuM2gtNS4zdi01LjNabS0xMy43IDYuOGg1LjN2NS4zaC01LjN2LTUuM1ptNi44IDBoNS4zdjUuM2gtNS4zdi01LjNabTYuOSAwaDUuM3Y1LjNoLTUuM3YtNS4zWm0tMTMuNyA2LjloNS4zdjUuM2gtNS4zdi01LjNabTYuOCAwaDUuM3Y1LjNoLTUuM3YtNS4zWm02LjkgMGg1LjN2NS4zaC01LjN2LTUuM1ptMTYuMS01LjVjMS4xLTEgMi41LTEuNSA0LTEuNSAyLjcgMCA1LjMgMS44IDUuMyA2LjNzLTIuOSA2LjMtNi4xIDYuM2MtMS42IDAtMy4yLS40LTQuNi0xLjN2LTE4aDEuNHY4LjJabTAgOS4xYzEgLjUgMi4xLjggMy4yLjggMi41IDAgNC44LTEuNSA0LjgtNS4xIDAtMy4yLTEuOC01LjEtNC4xLTUuMS0xLjUuMS0yLjkuOC0zLjkgMS45djcuNVptMTEuNyAxLjd2LTE5aDEuM3YxOWgtMS4zWm01LjgtNC43YzAgMi45IDEuNCAzLjcgMi44IDMuNyAxLjgtLjEgMy4zLTEuMSA0LjItMi43di04LjRoMS40djEyLjJoLTEuNHYtMi40Yy0xIDEuNS0yLjggMi41LTQuNiAyLjUtMS45IDAtMy44LTEuMS0zLjgtNC44di03LjVoMS40djcuNFptMjEuNCAzLjljLTEuMy43LTIuOCAxLjEtNC4zIDEtNC4xLS4xLTYuMi0zLjQtNi4xLTYuOCAwLTMuMiAyLjUtNS44IDUuNi01LjhoLjRjMy4zLjEgNS41IDIuNyA1LjEgNi42aC05LjhjMCAyLjYgMi4xIDQuNyA0LjcgNC44aC4xYzEuMyAwIDIuNi0uMyAzLjgtLjlsLjUgMS4xWm0tLjUtNi4xYy4xLTIuMi0xLjYtNC4xLTMuOC00LjJoLS4yYy0yLjQtLjEtNC40IDEuOC00LjUgNC4yaDguNVptNS42LTIuOWMxLTEuNiAyLjYtMi41IDQuNS0yLjYgMi40IDAgMy45IDEuOCAzLjkgNC42djcuOGgtMS4zdi03LjZjMC0yLjYtMS40LTMuNi0yLjgtMy42LTEuOC4yLTMuMyAxLjItNC4yIDIuN3Y4LjVoLTEuM3YtMTloMS40Yy0uMiAwLS4yIDkuMi0uMiA5LjJabTIyLjMgMy43YzAgNC0yLjcgNi4zLTUuOSA2LjMtMy41IDAtNS45LTIuOC01LjktNi4zLS4yLTMuMyAyLjMtNi4xIDUuNi02LjNoLjNjMy4yLjEgNS45IDIuNCA1LjkgNi4zWm0tMTAuMyAwYzAgMi43IDEuNiA1IDQuNSA1czQuNS0yLjQgNC41LTUtMS43LTUtNC41LTUtNC41IDIuMy00LjUgNVptMTMuNCA0YzEgLjYgMi4xIDEgMy4yIDEgMS4zIDAgMi45LS41IDIuOC0xLjggMC0xLjEtMS4yLTItMy0yLjctMi4xLS44LTMuOS0xLjYtMy45LTMuNXMxLjgtMy4zIDQuMi0zLjNjMS4yIDAgMi4zLjMgMy40LjlsLS41IDEuMWMtLjktLjUtMS44LS43LTIuOC0uNy0yIDAtMi45IDEtMi45IDIgMCAxLjMgMS41IDEuOCAzLjQgMi42IDIuOSAxLjEgMy42IDIuNSAzLjYgMy42IDAgMS45LTEuOCAzLjEtNC4yIDMuMS0xLjQgMC0yLjctLjQtMy45LTEuMWwuNi0xLjJabTE2LjQtMTB2MS4xaC00djYuN2MwIDIgLjggMy4yIDIuNiAzLjMuOCAwIDEuNi0uMSAyLjMtLjVsLjQgMS4yYy0uOS4zLTEuOC41LTIuNy41LTIuMiAwLTMuOS0xLjMtMy45LTQuNXYtNi43aC0yLjN2LTEuMWgyLjJ2LTQuMWgxLjR2NC4xaDRaIiBjbGFzcz0ic3QwIi8+Cjwvc3ZnPg==); - --nfd-onboarding-primary: #3575d3; - --nfd-onboarding-highlighted--rgb: 123, 177, 253; - --nfd-onboarding-primary-alt: #2c76dc; - --nfd-onboarding-secondary: #495c77; - --nfd-onboarding-secondary-alt: #304663; - --nfd-onboarding-tertiary: #7bb1fd; - --nfd-onboarding-tertiary-alt: #84c0fc; - --nfd-onboarding-light: #ffffff; - --nfd-onboarding-light-gray: #f0f0f0; - --nfd-onboarding-light-gray-2: #efefef; - --nfd-onboarding-light-gray-3: #f2f2f2; - --nfd-onboarding-light-gray-4: #a7a7a7; - --nfd-onboarding-dark: #1d2a3b; - --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(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJibHVlaG9zdC1sb2dvLWxvYWRlciIgc2hhcGUtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iIHRleHQtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iIHZpZXdCb3g9IjAgMCAyNTYgMjU2IiBzdHlsZT0id2hpdGUtc3BhY2U6cHJlIj48c3R5bGU+QGtleWZyYW1lcyBzZXJ2ZXIxezAle3RyYW5zZm9ybTp0cmFuc2xhdGVYKDYyLjA1MjcwNnB4KTthbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uOmN1YmljLWJlemllciguMjYzMzU1LC42MzU4NTMsLjU4OTY4NSwxKX0xMy4wNDM0JXt0cmFuc2Zvcm06dHJhbnNsYXRlWCg1OXB4KTthbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uOmN1YmljLWJlemllciguMzkxODI4LDAsLjcwMjgwNywuNDYxNjExKX10b3t0cmFuc2Zvcm06dHJhbnNsYXRlWCg1OXB4KX19QGtleWZyYW1lcyBzZXJ2ZXIxaW5uZXJ7MCV7dHJhbnNmb3JtOnRyYW5zbGF0ZSgtOTcuMjVweCw5OS43NXB4KTthbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uOmN1YmljLWJlemllciguMjc2NDA3LC41NjU3MzEsLjU4NDg3MywxKX00My40NzgyJXt0cmFuc2Zvcm06dHJhbnNsYXRlKC05Ny4yNXB4LDk5Ljc1cHgpO2FuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246Y3ViaWMtYmV6aWVyKC43MTEsMCwuMjU0LDEpfXRve3RyYW5zZm9ybTp0cmFuc2xhdGUoLTk3LjI1cHgsMzAuNzVweCl9fUBrZXlmcmFtZXMgc2VydmVyMnswJXt0cmFuc2Zvcm06dHJhbnNsYXRlWCg1OXB4KTthbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uOmN1YmljLWJlemllciguMzE1NzcyLC40MDcyNDEsLjYxMzY0NSwuODg1NDQ0KX10b3t0cmFuc2Zvcm06dHJhbnNsYXRlWCg1OXB4KX19QGtleWZyYW1lcyBzZXJ2ZXIyaW5uZXJ7MCV7dHJhbnNmb3JtOnRyYW5zbGF0ZSgtOTcuMjVweCwzMC43NXB4KTthbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uOmN1YmljLWJlemllciguNjQzLDAsLjM1OCwxKX0zMC40MzQ3JXt0cmFuc2Zvcm06dHJhbnNsYXRlKC05Ny4yNXB4LDMwLjc1cHgpO2FuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246Y3ViaWMtYmV6aWVyKC43MTEsMCwuMjU0LDEpfTg2Ljk1NjUle3RyYW5zZm9ybTp0cmFuc2xhdGUoLTk3LjI1cHgsLTM4LjI1cHgpO2FuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246Y3ViaWMtYmV6aWVyKC4zNDIyNTEsMCwuNjc1MjQ5LC4zNDU5MjgpfXRve3RyYW5zZm9ybTp0cmFuc2xhdGUoLTk3LjI1cHgsLTM4LjI1cHgpfX1Aa2V5ZnJhbWVzIHNlcnZlcjN7MCV7dHJhbnNmb3JtOnRyYW5zbGF0ZVgoNTlweCl9MTcuMzkxMyV7dHJhbnNmb3JtOnRyYW5zbGF0ZVgoNTlweCk7YW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjpjdWJpYy1iZXppZXIoLjcxMSwwLC4yNTQsMSl9NzMuOTEzJXt0cmFuc2Zvcm06dHJhbnNsYXRlWCgxMjhweCk7YW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjpjdWJpYy1iZXppZXIoLjY4NzM1NSwwLC40NjU3NTcsLjg1NjU1OSl9dG97dHJhbnNmb3JtOnRyYW5zbGF0ZVgoMTI4cHgpfX1Aa2V5ZnJhbWVzIHNlcnZlcjNpbm5lcnswJXt0cmFuc2Zvcm06dHJhbnNsYXRlKC05Ny4yNXB4LC0zOC4yNXB4KTthbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uOmN1YmljLWJlemllciguMzkwNSwuMDg5OTMsLjY4OTU4LC41NzA0MzkpfXRve3RyYW5zZm9ybTp0cmFuc2xhdGUoLTk3LjI1cHgsLTM4LjI1cHgpfX1Aa2V5ZnJhbWVzIHNlcnZlcjR7MCV7dHJhbnNmb3JtOnRyYW5zbGF0ZVgoMTI4cHgpO2FuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246Y3ViaWMtYmV6aWVyKC4yOTI5MjIsLjY0Njk2LC42MjM3MTQsMSl9NC4zNDc4JXt0cmFuc2Zvcm06dHJhbnNsYXRlWCgxMjhweCk7YW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjpjdWJpYy1iZXppZXIoLjcxMSwwLC4yNTQsMSl9NjAuODY5NSV7dHJhbnNmb3JtOnRyYW5zbGF0ZVgoMTk3cHgpO2FuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246Y3ViaWMtYmV6aWVyKC40MDY0MzMsMCwuNzIxMTE4LC40MTg2OTcpfXRve3RyYW5zZm9ybTp0cmFuc2xhdGVYKDE5N3B4KX19QGtleWZyYW1lcyBzZXJ2ZXI0aW5uZXJ7MCV7dHJhbnNmb3JtOnRyYW5zbGF0ZSgtOTcuMjVweCwtMzguMjVweCk7YW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjpjdWJpYy1iZXppZXIoLjI5ODQwMSwuNTI3NDUzLC42MDYzNywxKX05MS4zMDQzJXt0cmFuc2Zvcm06dHJhbnNsYXRlKC05Ny4yNXB4LC0zOC4yNXB4KTthbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uOmN1YmljLWJlemllciguMzgyNDAyLDAsLjcxMjgyNiwuMzUyNzk0KX10b3t0cmFuc2Zvcm06dHJhbnNsYXRlKC05Ny4yNXB4LC0zNi45MTA5MzFweCl9fUBrZXlmcmFtZXMgc2VydmVyNXswJXt0cmFuc2Zvcm06dHJhbnNsYXRlWCgxOTdweCk7YW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjpjdWJpYy1iZXppZXIoLjMxNjUxOCwuMzc5NTEzLC41NDA3OTksMSl9NzguMjYwOCV7dHJhbnNmb3JtOnRyYW5zbGF0ZVgoMTk3cHgpO2FuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246Y3ViaWMtYmV6aWVyKC41NDM4NDYsMCwuODI0ODU3LC40MTQ2Nil9dG97dHJhbnNmb3JtOnRyYW5zbGF0ZVgoMTgyLjU5ODAxNXB4KX19QGtleWZyYW1lcyBzZXJ2ZXI1aW5uZXJ7MCV7dHJhbnNmb3JtOnRyYW5zbGF0ZSgtOTcuMjVweCwtMzYuOTEwOTMxcHgpO2FuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246Y3ViaWMtYmV6aWVyKC41Nzg4MSwuMTQxOTkxLC4xOTEzMTQsMSl9NDcuODI2JXt0cmFuc2Zvcm06dHJhbnNsYXRlKC05Ny4yNXB4LDMwLjc1cHgpO2FuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246Y3ViaWMtYmV6aWVyKC40MzE1NzMsMCwuNzI1MjEzLC40Njg1OTUpfXRve3RyYW5zZm9ybTp0cmFuc2xhdGUoLTk3LjI1cHgsMzAuNzVweCl9fUBrZXlmcmFtZXMgc2VydmVyNnswJXt0cmFuc2Zvcm06dHJhbnNsYXRlWCgxODIuNTk4MDE1cHgpO2FuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246Y3ViaWMtYmV6aWVyKC4yNjI2MTgsLjM3MDQzLC4xNDQzODYsMSl9MzQuNzgyNiV7dHJhbnNmb3JtOnRyYW5zbGF0ZVgoMTI4cHgpO2FuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246Y3ViaWMtYmV6aWVyKC40NTA3NTIsMCwuNzEzNDI0LC41MzQ5MTgpfXRve3RyYW5zZm9ybTp0cmFuc2xhdGVYKDEyOHB4KX19QGtleWZyYW1lcyBzZXJ2ZXI2aW5uZXJ7MCV7dHJhbnNmb3JtOnRyYW5zbGF0ZSgtOTcuMjVweCwzMC43NXB4KTthbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uOmN1YmljLWJlemllciguMjg3ODgzLC40NjQwODMsLjU0OTg5OSwxKX02NS4yMTczJXt0cmFuc2Zvcm06dHJhbnNsYXRlKC05Ny4yNXB4LDMwLjc1cHgpO2FuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246Y3ViaWMtYmV6aWVyKC44NDc5ODgsMCwuNjczNTU1LC42NTI2OTkpfXRve3RyYW5zZm9ybTp0cmFuc2xhdGUoLTk3LjI1cHgsODcuNjk2Nzg2cHgpfX1Aa2V5ZnJhbWVzIHNlcnZlcjd7MCV7dHJhbnNmb3JtOnRyYW5zbGF0ZVgoMTI4cHgpO2FuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246Y3ViaWMtYmV6aWVyKC4yNzU0ODcsLjUzMDYzOSwuNTY4NjQ2LDEpfTUyLjE3Mzkle3RyYW5zZm9ybTp0cmFuc2xhdGVYKDEyOHB4KTthbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uOmN1YmljLWJlemllciguNzc0Njc2LDAsLjM3NjA5NSwuODY0OTUyKX10b3t0cmFuc2Zvcm06dHJhbnNsYXRlWCg2MC4xOTU4NzlweCl9fUBrZXlmcmFtZXMgc2VydmVyN2lubmVyezAle3RyYW5zZm9ybTp0cmFuc2xhdGUoLTk3LjI1cHgsODcuNjk2Nzg2cHgpO2FuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246Y3ViaWMtYmV6aWVyKC4xODkzMzMsLjU5NDc5NywuNDgzOTcsMSl9MjEuNzM5MSV7dHJhbnNmb3JtOnRyYW5zbGF0ZSgtOTcuMjVweCw5OS43NXB4KTthbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uOmN1YmljLWJlemllciguNDYwMzUyLDAsLjY4NTI5MiwuNjE5NDEpfXRve3RyYW5zZm9ybTp0cmFuc2xhdGUoLTk3LjI1cHgsOTkuNzVweCl9fTwvc3R5bGU+PGcgc3R5bGU9ImFuaW1hdGlvbjouOTJzIGxpbmVhciBpbmZpbml0ZSBib3RoIHNlcnZlcjEiIGlkPSJzMSIgb3BhY2l0eT0iMSI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTM4LjI1IDk5Ljc1KSIgc3R5bGU9ImFuaW1hdGlvbjouOTJzIGxpbmVhciBpbmZpbml0ZSBib3RoIHNlcnZlcjFpbm5lciIgaWQ9InMxY29udGVudHMiPjxnIGlkPSJpbnNpZGUxMCIgb3BhY2l0eT0iMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOTcuMjUgOTcuMjUpIj48cGF0aCBpZD0icGF0aDEiIGZpbGw9IiMzNzc2YjkiIGQ9Ik0tMjctMjdoNTR2NTRoLTU0di01NFoiIGZpbGwtb3BhY2l0eT0iMSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9nPjwvZz48L2c+PGcgc3R5bGU9ImFuaW1hdGlvbjouOTJzIGxpbmVhciBpbmZpbml0ZSBib3RoIHNlcnZlcjIiIGlkPSJzMiIgb3BhY2l0eT0iMSI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTM4LjI1IDMwLjc1KSIgc3R5bGU9ImFuaW1hdGlvbjouOTJzIGxpbmVhciBpbmZpbml0ZSBib3RoIHNlcnZlcjJpbm5lciIgaWQ9InMyY29udGVudHMiPjxnIGlkPSJpbnNpZGUxMC0yIiBvcGFjaXR5PSIxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5Ny4yNSA5Ny4yNSkiPjxwYXRoIGlkPSJwYXRoMS0yIiBmaWxsPSIjMzc3NmI5IiBkPSJNLTI3LTI3aDU0djU0aC01NHYtNTRaIiBmaWxsLW9wYWNpdHk9IjEiIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvZz48L2c+PC9nPjxnIHN0eWxlPSJhbmltYXRpb246LjkycyBsaW5lYXIgaW5maW5pdGUgYm90aCBzZXJ2ZXIzIiBpZD0iczMiIG9wYWNpdHk9IjEiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zNC43ODYgLTM4LjI1KSIgc3R5bGU9ImFuaW1hdGlvbjouOTJzIGxpbmVhciBpbmZpbml0ZSBib3RoIHNlcnZlcjNpbm5lciIgaWQ9InMzY29udGVudHMiPjxnIGlkPSJpbnNpZGUxMC0zIiBvcGFjaXR5PSIxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5Ny4yNSA5Ny4yNSkiPjxwYXRoIGlkPSJwYXRoMS0zIiBmaWxsPSIjMzc3NmI5IiBkPSJNLTI3LTI3aDU0djU0aC01NHYtNTRaIiBmaWxsLW9wYWNpdHk9IjEiIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvZz48L2c+PC9nPjxnIHN0eWxlPSJhbmltYXRpb246LjkycyBsaW5lYXIgaW5maW5pdGUgYm90aCBzZXJ2ZXI0IiBpZD0iczQiIG9wYWNpdHk9IjEiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDU4LjkzMiAtMzguMjUpIiBzdHlsZT0iYW5pbWF0aW9uOi45MnMgbGluZWFyIGluZmluaXRlIGJvdGggc2VydmVyNGlubmVyIiBpZD0iczRjb250ZW50cyI+PGcgaWQ9Imluc2lkZTEwLTQiIG9wYWNpdHk9IjEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDk3LjI1IDk3LjI1KSI+PHBhdGggaWQ9InBhdGgxLTQiIGZpbGw9IiMzNzc2YjkiIGQ9Ik0tMjctMjdoNTR2NTRoLTU0di01NFoiIGZpbGwtb3BhY2l0eT0iMSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9nPjwvZz48L2c+PGcgc3R5bGU9ImFuaW1hdGlvbjouOTJzIGxpbmVhciBpbmZpbml0ZSBib3RoIHNlcnZlcjUiIGlkPSJzNSIgb3BhY2l0eT0iMSI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOTkuNzUgMjQuNDIpIiBzdHlsZT0iYW5pbWF0aW9uOi45MnMgbGluZWFyIGluZmluaXRlIGJvdGggc2VydmVyNWlubmVyIiBpZD0iczVjb250ZW50cyI+PGcgaWQ9Imluc2lkZTEwLTUiIG9wYWNpdHk9IjEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDk3LjI1IDk3LjI1KSI+PHBhdGggaWQ9InBhdGgxLTUiIGZpbGw9IiMzNzc2YjkiIGQ9Ik0tMjctMjdoNTR2NTRoLTU0di01NFoiIGZpbGwtb3BhY2l0eT0iMSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9nPjwvZz48L2c+PGcgc3R5bGU9ImFuaW1hdGlvbjouOTJzIGxpbmVhciBpbmZpbml0ZSBib3RoIHNlcnZlcjYiIGlkPSJzNiIgb3BhY2l0eT0iMSI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzEuMDE5IDMwLjc1KSIgc3R5bGU9ImFuaW1hdGlvbjouOTJzIGxpbmVhciBpbmZpbml0ZSBib3RoIHNlcnZlcjZpbm5lciIgaWQ9InM2Y29udGVudHMiPjxnIGlkPSJpbnNpZGUxMC02IiBvcGFjaXR5PSIxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5Ny4yNSA5Ny4yNSkiPjxwYXRoIGlkPSJwYXRoMS02IiBmaWxsPSIjMzc3NmI5IiBkPSJNLTI3LTI3aDU0djU0aC01NHYtNTRaIiBmaWxsLW9wYWNpdHk9IjEiIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvZz48L2c+PC9nPjxnIHN0eWxlPSJhbmltYXRpb246LjkycyBsaW5lYXIgaW5maW5pdGUgYm90aCBzZXJ2ZXI3IiBpZD0iczciIG9wYWNpdHk9IjEiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMwLjc1IDk5Ljc1KSIgc3R5bGU9ImFuaW1hdGlvbjouOTJzIGxpbmVhciBpbmZpbml0ZSBib3RoIHNlcnZlcjdpbm5lciIgaWQ9InM3Y29udGVudHMiPjxnIGlkPSJpbnNpZGUxMC03IiBvcGFjaXR5PSIxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5Ny4yNSA5Ny4yNSkiPjxwYXRoIGlkPSJwYXRoMS03IiBmaWxsPSIjMzc3NmI5IiBkPSJNLTI3LTI3aDU0djU0aC01NHYtNTRaIiBmaWxsLW9wYWNpdHk9IjEiIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvZz48L2c+PC9nPjxnIGlkPSJzOCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOTkuNzUgOTkuNzUpIj48ZyBpZD0iczhjb250ZW50cyIgb3BhY2l0eT0iMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOTcuMjUgOTcuMjUpIj48cGF0aCBpZD0icGF0aDEtOCIgZmlsbD0iIzM3NzZiOSIgZD0iTS0yNy0yN2g1NHY1NGgtNTR2LTU0WiIgZmlsbC1vcGFjaXR5PSIxIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L2c+PC9nPjwvc3ZnPg==); - --nfd-onboarding-step-error-icon: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iODEwIiBoZWlnaHQ9IjQwNSIgZmlsbD0ibm9uZSIgeG1sbnM6dj0iaHR0cHM6Ly92ZWN0YS5pby9uYW5vIj48c3R5bGU+PCFbQ0RBVEFbLkJ7c3Ryb2tlLW1pdGVybGltaXQ6MTB9LkN7ZmlsbDojNjdjYmU0fS5Ee2ZpbGw6IzAwNGM3Nn0uRXtmaWxsOiM0NTg1YzV9XV0+PC9zdHlsZT48ZyBjbGlwLXBhdGg9InVybCgjRCkiPjxnIG9wYWNpdHk9Ii4zOCI+PHVzZSB4bGluazpocmVmPSIjRSIgZmlsbD0idXJsKCNBKSIvPjx1c2UgeGxpbms6aHJlZj0iI0UiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIuNDYiIGNsYXNzPSJCIi8+PC9nPjxwYXRoIG9wYWNpdHk9Ii4xNSIgZD0iTTM5NS44MDIgNTIuMTI1Yy0xLjU5LTEuNTg4LTEuMDM0LTcuNDU2LS45OTUtOS40MDUuMjA0LTkuNTMgNC40NjQtMjEuNDIzIDExLjQ4MS0yOC4xOSAyLjY0OC0yLjU1MSA2LjExNy00LjE5NCA5LjE3MS02LjIwNSAzMC41NzUtMjAuMTc4IDY1LjQ4OC0xLjc5MiA2OC44MzIgMzQuNzE2IDEuNTkgMTcuMzIzLTkuMDYxIDMyLjYwMy0yMy4wMjUgNDIuMDE2LTQuMDQ5IDIuNzMxLTkuNzk3IDcuNDQ4LTE1LjA4MyA2Ljc5OS0xNC4wOTctMS43MzctMjUuNzc0LTEzLjYzNy0zNS41NDgtMjIuOTc5LTQuOTEtNC42OTUtMTMuNjQzLTEwLjA4NS0xNS45MzctMTYuODA2IiBjbGFzcz0iRCIvPjxnIGNsYXNzPSJFIj48cGF0aCBkPSJNMzkzLjQ5MSAyNTYuODI3YzAtLjIwMy43MjkuNzUxLjc2OC44MDZhMjYuODIgMjYuODIgMCAwIDEgMS42MjEgMi45ODFsMy4zOTkgNy45ODhjMy4wMjMgNy41ODIgNi4yMjYgMTUuMTU2IDguODAzIDIyLjkwMiA2LjE3OSAxOC41OSA5LjI0MSA0NC4wNjUgMTAuMDI0IDYzLjcwNC4xNDkgMy42NjkuMjM1IDcuMzU0LjAyMyAxMS4wMjQtLjMyOCA1LjUzMS0uMDc4IDYuMjI4IDUuMjcxIDguMDU5Ljg0Ni4yODkgMy4zNTIgMS42ODIgNC4yNjEgMS40MzEgMS42ODMtLjQ2MSAzLjA0Ni03LjQyNSAzLjM1MS04LjYzNyAyLjM3My05LjE5NCAzLjU1Ni0xOC42OTIgNC4zNTUtMjguMTQ0IDIuNDgyLTI5LjI5My0yLjU2OS02Ny4wNzYtMTIuMDMtOTQuODkxLTIuNDA0LTcuMDY1LTUuNTQ0LTEzLjg3Mi04LjY2MS0yMC42NDgtLjY5Ny0xLjUxLTEuODgtNS41NzgtMy43ODMtNi4xOTYtMS45MjctLjYyNi01LjQzNSAyLjQ5Ni02Ljg2OCAzLjQ1LTEuODE3IDEuMjA1LTMuNDYyIDIuNTk4LTQuMzk0IDQuNjE2LTEuNjYgMy42MDctMS41MzUgOC4xMy0yLjExNCAxMS45ODdhMTc0IDE3NCAwIDAgMS0zLjY0MiAxNy45OTVtMy45ODYtMTgxLjA3M2MwLTMuMjE2LTYuNTI0LTYuNDk0LTguNzk1LTcuNTAzLTkuOTMtNC40MTMtMjMuNTE4LTEuOTcyLTMxLjE5MyA1LjYxOC0xNS4zNTggMTUuMTg3LTIzLjE3NCA1NS41OS0yMi45NjMgNzYuMzE3LjAxNiAxLjkwMS4xNDkgMy44MSAxLjMzMiA1LjM3NSAyLjI3MSAzLjAxMiAxNi41MTcgMTMuMDE5IDIxLjAyIDEyLjUzNCAxLjUwMy0uMTY0IDIuNjQ3LTEuNzIxIDMuNDYxLTIuODQgMTQuMDc0LTE5LjQzNSAxNi4zMzctNDMuODc4IDI1LjcyNy02NS40NzMgMi4yMzItNS4xMzMgMTAuNzc3LTE3LjkzMyAxMS4wMzUtMjIuOTY0Ii8+PC9nPjxwYXRoIGQ9Ik00MjYuMTEgODcuODI2Yy0uMzk5IDAgMS41ODItLjc3NSAxLjk3NC0uNzk4IDEuNzMxLS4wODYgMy40NzcuMzc2IDQuNzg1IDEuNTU3IDMuMjE5IDIuOTAzIDMuMzIxIDcuOTAyIDIuNjg2IDExLjg1My0yLjU4NCAxNi4yNDMtMTIuNDc1IDMyLjI3NS0xOC43NjQgNDcuMzM2LS44MDcgMS45MjUtNS42ODYgMTMuNjUzLTguMTc2IDEzLjE3Ni0xLjA0Mi0uMjAzLS42NTgtMy41NzYtLjY0My00LjIyNS4xMDItNC43NDIuNDE2LTkuNTE0IDEuMDAzLTE0LjIxNyAyLjI5NS0xOC4yMDYgNy43MDYtMzguMjk5IDE3LjA5Ni01NC4yMzYiIGNsYXNzPSJDIi8+PHBhdGggZD0iTTM1Mi4wMjMgMjA4LjM4Yy0xLjM4Ny0xLjM4NS0uMjQzLTcuMy0uMTI2LTguOTM1LjY1LTkuMzg5IDIuMDkxLTE4Ljg4OCAzLjcyLTI4LjE1MSA1LjQ1MS0zMSAxMS43NzEtNjEuNDUxIDI5LjY0My04OC4wNjkgNi42MTgtOS44NTggMTkuMjAzLTIzLjA3MyAzMi42NTgtMTYuOTg2IDguOTY3IDQuMDYxIDExLjQ1NyAxNi43NjcgOS43MDMgMjUuMzI3LTIuMDkxIDEwLjE4Ny02Ljg4NCAyMC4wMTQtOS42MDkgMzAuMDkxLTQuODA5IDE3Ljc2MS03LjI5OSAzNi42OC03LjQyNSA1NS4wNTktLjA2MiA5LjUwNi0uMTE3IDE4Ljk1OC44NzggMjguNDI1LjEwMSAxLjAwMSAxLjMzOSA5LjY3OC45OTQgMTAuMDU0LTQuMjI5IDQuNjA4LTE1LjE5MyAzLjk4Mi0yMC43NDYgNC44NTEtOS42MDkgMS41MDItMTkuMzU5IDMuMTkyLTI5LjEwMiAxLjg3LTIuMjE2LS4yOTgtNy44MzItLjc2Ny05LjQyMS0yLjcwNy0xLjAzNC0xLjI2LTEuMDk3LTkuOTc2LTEuMjUzLTEyLjAxOCIgY2xhc3M9IkQiLz48ZyBmaWxsPSIjZmFiMDFkIj48cGF0aCBkPSJNMzE5LjQxMiAyMC41MTVjLS4xMTcgMCAuNTk2LTEuNzg0LjY0My0xLjkwMSAxLjAxOC0yLjQyNSAyLjEyMi01LjAyMyAzLjgwNi03LjA3My4xOC0uMjE5LjU3MS0uODI5LjkzMi0uNzEyIDIuMjA4LjczNi41NDggNy4xNDMgMS44MzIgOC43NTUgMS40MDIgMS43NTMgNy4zOTMuODUzIDcuNzkzIDMuNTEzLjMwNSAyLjA0Mi0zLjgxNCAzLjEzLTQuMDY1IDUuMzEzLS4xNjQgMS40MjQgMS4zMzkgNy40NDEuMzI5IDguMjMxLTEuMjM3Ljk3LTUuNjE1LTQuNDgzLTcuMzkzLTQuNjAxLTIuMzAyLS4xNDktOC4yMzkgNS41NjMtOS4zMjcgNS4wMTUtLjY1LS4zMjEgMS41NS02LjQ3MSAxLjYyOS03LjMxNi4yODktMy4xNzctNy45OTctNC43NjUtNS41OTItNS44ODQgMS43OTMtLjgyOSAzLjgyOS0xLjI3NSA1LjY3OC0xLjk4N20tNjEuNjc0IDEyMi42ODNjLS4wNTUuMTAxLjc2LTEuMDAyLjkwMS0xLjE5OC4zOTEtLjUyNCAzLjY5Ni01LjI1IDQuMTk3LTQuNTY5IDEuMDI2IDEuMzg1LTEuMTk4IDMuODg5LS4yODIgNS4yOTcuNjM1Ljk3IDQuNDU3IDEuMjEzIDQuMzk0IDIuNDMzLS4wNzEgMS4zMDctMy4zNDQgMS4wNDEtMy43NjcgMi4xNjgtLjM5OSAxLjA3Mi42MjYgNS4wNy0uNTQgNS42MjUtLjMzNy4xNjUtLjg0Ni0uNDc3LTEuMDI2LS42NjVsLTEuNjQ1LTEuNzc2Yy0yLjM5Ny0yLjc3LTMuNjM0IDEuODM5LTYuMTQ4IDEuMjA1LS41NDgtLjE0MS44ODUtMy4zMjUuODM4LTMuODY1LS4yMDQtMi4wMzQtNi43MzUtMi41ODItMS43MDctNC40Nm0yNjYuMTMzIDM0LjA5Yy0uMDYyIDAgNC43NDYtNi4yNjcgNS4zMzQtNS4yMDMuODM4IDEuNTI2LS43NzYgMy43NTUtLjEyNiA1LjM3NS40IDEuMDA5IDMuMzYgMi4xMDUgMy4yMjcgMy4xMy0uMTQ5IDEuMTM0LTIuODY2LjgyOS0zLjM1MiAxLjc5OS0uNzIgMS40NC0uMTI1IDQuNzM0LTEuNDI1IDUuNzI3LS42MTEuNDctMi41MzgtMy43MDgtMy42NTgtMy44MjUtMi44OTctLjMwNi02LjAzIDEuMjc1LTYuMTQ3Ljk4NS0uMzUzLS44NzYgMS44NTYtMy4wMDQgMS44ODctNC4wODQuMDM5LTEuNTMzLTMuMzM2LTIuNzIzLTIuOTY4LTMuOTc1LjIyNy0uNzgyIDMuMzQ0LjAyNCAzLjg0NS4xMSIvPjwvZz48cGF0aCBkPSJNNTk2LjMzOCAxNDcuOTc4Yy01Ni4xNDUtNjAuMTEzIDM5LjkyNS0xMzEuMzgzIDg0Ljc2MS02NC4xODkgMzIuOTAxIDQ5LjI5OS0zNS42OCAxMTIuNzUzLTg0Ljc2MSA2NC4xODl6IiBjbGFzcz0iQyIvPjx1c2UgeGxpbms6aHJlZj0iI0YiIGZpbGw9IiNmM2YzZjMiLz48dXNlIHhsaW5rOmhyZWY9IiNGIiBzdHJva2U9IiMzNTQ0NGMiIHN0cm9rZS13aWR0aD0iMS43NSIgY2xhc3M9IkIiLz48cGF0aCBkPSJNNDA4LjE1MiA2Mi4yMTdjMC0uMDg2LjQyMy0uMzc2LjQ5NC0uNDMgMi44NDMtMi4zNzEgNC45ODgtNC40OTkgNS45ODMtOC4yIDEuMzk0LTUuMTg3LS4yNTEtMTAuOTg1IDEuNjUzLTE2LjAxNiAxLjI4NC0zLjQwMyA2LjM5LTUuNzI3IDkuMTA4LTExLjYyNyAyLjc3Mi02LjAxNyA2Ljg1Mi0xNC42ODYgMTQuNjA2LTE1LjAxNCAxMC40NTUtLjQzOCA5LjMwNCAxMC45NTQgMTYuOTMyIDE0Ljc2NCA4LjU5OSA0LjI5NSAyMC43MDYgNC45NzYgMjQuMTEzIDE1LjkxNGExMS4yMyAxMS4yMyAwIDAgMSAuNCA0Ljc4MWMtLjI4MiAyLjE2Ny0xLjU5IDMuOTItMy41NCA0Ljg5OC04LjI5NCA0LjE0Ny05LjA5My00LjczNC0xNC40NDItNi4xMTktMy4xMDEtLjgwNi02LjIxIDEuODctOS42NDguNjg5LTIuMDM3LS42OTYtMi42NDctNC4xMzEtNC42MjktNC4zODItMy43NTEtLjQ2OS02LjA3NyA0LjgyLTkuNTM5IDQuMDUzLTIuMjI0LS40OTMgMS42MjktMTAuMDE1LTQuMjY4LTguMzcyLTMuNzY3IDEuMDQ4LTYuOTIzIDExLjU4Ny00Ljk1IDE0LjY3IDEuNzk0IDIuNzkzIDExLjU4My0xLjM5MyA2LjMzNiA2LjQ3MS0yLjYzOSAzLjk1MS02Ljk3LS4zMjEtMTAuMDcxLS41NjMtMS41NjctLjExNy0zLjA0Ny43MjgtNC41MTEgMS4xNTgtMi40MzYuNzItMTMuNzg0IDkuNTY5LTEzLjE0MiAzLjQ5IiBmaWxsPSIjZmFiMDFkIi8+PHBhdGggZD0iTTM5MC4zODIgNTAuODE4YzIuNzE3IDIuNzE1IDQuNTI3IDYuODU0IDYuNzc0IDkuOTY4IDMuNjg5IDUuMTE3IDguMDk4IDkuODA0IDEyLjczNCAxNC4wNjggNC43MzEgNC4zNSA5LjkgNy45NDkgMTUuNDIxIDExLjIwNCA2LjExNiAzLjYwNyAxMi4zMDMgNi45NTYgMTguNzE3IDkuOTkxIDEuNzQ3LjgyOSA2LjY0OS00LjQzNiA2LjYxLTQuNTU0LS4xOC0uNTMyLTQuMDE3LTEuNDc5LTQuNTU4LTEuNzM3LTQuMjYtMi4wNDItOC40OTctNC4zODktMTIuNTctNi43ODQtMTEuMTc1LTYuNTgtMjEuMTc2LTE1Ljc2Ni0zMC4wODktMjUuMS0yLjc2NC0yLjkwMy01LjMwOS02LjAzMi03LjIyOC05LjU2OS0uMDcxLS4xMjUtLjYxMS0xLjM2OS0uNzk5LTEuMzQ2LTEuMTUxLjE2NC0zLjA5MyAzLjE5Mi00LjQ2NCAzLjg4MSIgY2xhc3M9IkUiLz48cGF0aCBkPSJNMzY5LjgwMSAyMjYuNjk2YzAtNS42MzMtMi42LTExLjc5MS0zLjI1OC0xNy40NC0xLjY4NC0xNC4zMDItMi41MDYtMjguODMyLTIuMzAzLTQzLjIzNi4xODgtMTMuNTk4IDEuMzg3LTI2Ljg1MiAzLjI5OC00MC4zMSAxLjc2OS0xMi40NDggNC4xNTgtMzEuOTkyIDEyLjQ0NC00Mi4wMzEgNy43MzgtOS4zNzMgMjIuMTg3LTYuNTQ5IDIyLjk4NiA2LjQxNi43OTEgMTIuODM5LTcuMjEzIDI1LjY1NS0xMS4yNjIgMzcuMzM3LTYuMjQyIDE4LjAxMS0xMC43NzYgMzYuODktMTIuMzk4IDU1LjkxMS0uODY5IDEwLjE3OS0xLjM0NyAyMC40NjgtMS42MTMgMzAuNjg2LS4xNzIgNi42NDMgMy4zODMgMTMuMjU0LTQuMjQ1IDEyLjU4OS0xLjE0My0uMTAyLTIuNTg0LjM0NC0zLjY1Ny0uMDA4IiBjbGFzcz0iQyIvPjxnIGNsYXNzPSJEIj48cGF0aCBkPSJNMjgwLjg0OSAzNjMuNDIzYzAtLjA4Ni44MzgtLjI1MS44OTMtLjI2NiAyLjI1NS0uNjUgNC4zOTMtMS41MzQgNi41MjMtMi41MjggNS4xMDctMi4zNyA5Ljk2Mi01LjE4NyAxNC40NzMtOC41NTkgMTQuMTIxLTEwLjU0NyAyNC41MzctMjUuMDIyIDMzLjIxNC00MC4xNjEgMTEuMTQ1LTE5LjQ1MSAxOS41MDktNDAuMzEgMjIuOTA4LTYyLjU2MiAxLjI4NC04LjQxOSAxLjE5LTE3LjE1IDEuNTQyLTI1LjY1NS4wMTYtLjQ3LS42MS00LjE0Ny0uNTAxLTQuNTg1IDAtLjAzMiAxLjAzNC4yMTEgMS4wOTcuMjE5IDEuNDA5LjIyNyAyLjk0NC0uMDMxIDQuMzU0LS4xNzJsMTAuNjU5LTEuMTAzYzguNTYtLjg3NyAxNy4zLTEuNDg3IDI1LjcyNy0zLjI4NyAxLjc0Ni0uMzc1IDguMDE5LTIuODYzIDkuNjI1LTEuNzI5IDEuNTE5IDEuMDggMS41NjYgNy4wOTcgMS42OTkgOC43MDkgMS4wMzQgMTIuMjc2LTYuOTg2IDI1LjcxLTEyLjIwMSAzNi4yNTYtMTUuNDQ0IDMxLjIzNC0zOS40NCA1OS44NTUtNjMuNjk1IDg0LjYzNC05Ljk5MyAxMC4yMS0yMC45NjUgMjAuMzA0LTMzLjY2IDI3LjA3MS0yLjU2OSAxLjM3LTUuMjE2IDIuNTItNy44ODcgMy42NjItLjI5Ny4xMjUtMy40NDYgMS44ODYtMy43MiAxLjc1My0xLjE5LS41OTUtMi4xODUtNC4wMTQtMy4yNDItNS4xMDItMi4zNjUtMi40NDktNS41NjgtMy4yMTUtOC4zMjUtNS4wNDYiLz48cGF0aCBvcGFjaXR5PSIuMTUiIGQ9Ik00NzYuNTE0IDM0MS4xMjRjLTEuMDgtLjU0IDcuNTQyLS43OTggOC41ODQtLjY0MiA1LjIyNC43OSAyMC44NzEgMi4yMjIgMjIuMjE4IDkuMDY4LjA0Ny4yNTEuMDYzLjUxNyAwIC43NjctMS4zIDQuOTI5LTMwLjg3MiAxLjY3NS0zMS45MzctNS4xNzltMzEuMjg3LTQ5LjE5OGMtLjE4OC0uMDk0IDIuNTkyLS4yNjYgMi44NzQtLjI3NCA0LjI0NS0uMTEgOC40OS4xOCAxMi43MTkuNDY5IDkuOTY5LjY4MSAxOS44NjkgMS44OTQgMjkuNzYgMy4zMTggMzEuNjE2IDQuNTUzIDYzLjg5OCAxMC43NzMgOTMuMTY1IDI0LjA1OSA2LjM2NyAyLjg5NSAyNi41ODggMTEuMzQ1IDIzLjkwMiAyMS40NzctMy4xMDEgMTEuNzM2LTM2LjY5OSA5LjEyMy00NS4wNTUgOC4zMDEtMzUuODUzLTMuNTUyLTcyLjA3NS0xNC4yNTUtMTA1LjIxOC0yOC4yNDUtMy43OTgtMS42MDQtNDguMDg2LTIxLjIzNC0xOS43OTEtMjQuN20tMTQzLjUzIDU0LjY1MWMxLjkxOS0zLjgyNiAyNy4yNjItOC4yMTUgMjYuNzYxLTIuMDU3LS44MTUgOS45MjEtMzcuODAzIDEzLjk4OS0yOC4zNDMgNS4yNzNtLTE0NS42MTMtMzUuNzE3YzAtNC4zNjYgMTUuMTkzLTkuNjQ3IDE3Ljg3OS0xMC44MDUgOC44MTktMy43ODcgNzEuMjkyLTI0LjAxMiA3NS42NjItMTMuMTA2IDQuMDA5IDEwLjAyMy01Ny43OSAyNC4yLTY2Ljg1OSAyNi4wODYtMy45NDcuODIyLTMwLjE1MiA3LjAxLTI3LjUwNCAxLjg4Nm0yMi4yNDIgMjQuMDgyYy0uNDM5LS40MzguNDY5LTEuMDA5Ljc2Ny0xLjIzNiAyLjA1Mi0xLjU4OCAxNC4yODUtNy45NjUgMTUuNzQ5LTMuNzg3IDEuNTc1IDQuNDgzLTIwLjU0MiAxNS4zMTItMTguNDUxIDkuODgyIi8+PC9nPjxwYXRoIGQ9Ik0zNDYuOTcyIDIwOS44NzRjLS44NDYgMCAxLjYwNS41MTcgMi40MTkuNzUybDUuNTY5IDEuNjljNS4yODYgMS4zMzcgMTAuNzQ1IDEuNjc0IDE2LjE4IDEuNjc0IDkuNjY0IDAgMTkuNDQ2LTIuMjUzIDI4Ljc5Ny00LjQ2IDMuOTg2LS45MzkgOC4wOS0xLjg3IDExLjk1MS0zLjI3LjQ3Ny0uMTcyIDIuNDc0LTEuMzkzIDIuOTY4LTEuMTgyLjY3My4yOSAxLjY1MiA5Ljk3NiAxLjUxMSAxMS40Ny0uMjk3IDMuMTA3LTE4LjQ5IDYuNDcxLTIxLjQ2NiA3LjA4MS0xMS4zNTYgMi4zMTYtMjQuMjM5IDIuMjg1LTM1Ljc1OS45NjMtMi4zOTctLjI3NC04LjcxNy40NjEtMTAuNTgxLTEuNDAxLS45ODYtLjk4Ni0xLjYzNi0xMC44MjEtMS45MTgtMTMuMDgyIiBjbGFzcz0iQyIvPjxwYXRoIGQ9Ik0zNjEuNzU4IDIwNi42OThjMC0uNTE2LjIzNS45NjIuMjU4IDEuMDcybC41NDkgMi40NjQgMS43NTQgNy45NjVjMS41NSA4LjQ2NiAxLjUxOSAxMC4yMTEgMTAuMjA0IDEwLjkzMS45MDEuMDc4IDUuMjQuNjggNS45Ni0uMTI1IDEuNDg4LTEuNjU5LjY4Mi04LjUxMy43MjktMTAuNjQxLjExNy01LjMwNS4wODYtMTAuOTIzIDEuMTM1LTE2LjE0MS4wMzktLjE5Ni4yMDQtLjY1LjAyNC0uODMtLjg3Ny0uODY4LTIzLjIzNy0uMDctMjAuMzk0IDUuNjE4IiBjbGFzcz0iRSIvPjxnIGNsYXNzPSJDIj48cGF0aCBkPSJNMzY4LjY4IDIyNy42MjdjMC0uMTgtLjg4NSAxLjk3Mi0xLjA3MyAyLjM5NC0uNzU5IDEuNjk4LTIuMTMgMy4wNjctMy44MjEgMy44MTktMi40NjcgMS4wOTUtMTguNjI0LS43MzYtMTIuMzA0IDcuMzIzIDUuMTA2IDYuNTEgMTcuOTY2IDYuOTE3IDIzLjA1Ni40NzcgMS44ODgtMi4zNzggNi4yNTgtMTAuODkxIDEuODgtMTMuNjIyLTEuOTk3LTEuMjQ0LTUuNjYyLS40NjEtNy45NDktLjY4OG01My4zOTYgMTUyLjIxOGMwIC4xMzMtMi44MTItMS43NjgtMy4wMzktMS45ODctMS40NDEtMS40MDktNS45OTktNi44OTMtMS45NzMtOC4xNzcgMy45ODYtMS4yNzUgOS4xMzEgMi4yNDYgMTIuNzczIDMuNDU5IDQuODI0IDEuNjA0IDkuNTcgMS4zMjIgMTQuNTA0IDEuOTk1IDIuMTA3LjI4OSA0LjU2NiAxLjQ3MSA0Ljc1NCAzLjg4MS4yODIgMy42MDctMy42NDIgNC44NTgtNi40ODUgNS4yOTctNy4wMDEgMS4wNzItMTMuNjQyLS4yNTktMTkuNjczLTMuODVtLTEzNS40MjQtMTYuMzk5bC0xLjg3OS0xLjAwOWMtMS4zMDgtLjcxMi0yLjY3OS0xLjI2LTQuMTk4LTEuMDE4LTIuNjI0LjQyMy0yLjA2IDMuOTk5LTEuMTk4IDUuNjczIDMuNTM5IDYuOTMyIDE4LjU5MiAxNy45MjUgMjYuMDQ3IDIwLjQ1MiAzLjc2IDEuMjc2IDE0LjA5IDEuMTUgMTEuNzI0LTUuNzc0LTEuMzIzLTMuODY1LTguMjc4LTQuOTUzLTExLjY4NC02LjAwMS02LjU5NS0yLjA0Mi0xNC43MDgtNi41NDktMTguNjQ3LTEyLjQ1NiIvPjwvZz48cGF0aCBkPSJNMjgxLjAxNCAzNjEuMzg4Yy0uMjU4LS41MjQgMi4zNTcgMS42MjggMi42MzEgMS44N2w1LjgxOSA1LjE5NmM2LjQyMiA1Ljc5NyA4LjY1NCA2LjgzIDE2LjI0MyAyLjIzNy43MTMtLjQzIDQuMDMzLTEuNDQ3IDQuMTgyLTIuMzMxLjQzOS0yLjU0My01Ljc3Mi02LjgxNS03LjQyNC04LjQ0My0xLjYzNy0xLjYxMS02LjcxMi04LjU2Ny04LjMxNy05LjA2OC0xLjAzNC0uMzI4LTIuNDUyIDEuNjk4LTMuMTEgMi4yNjktMi40OTggMi4xODMtOC4wNDMgNC40OTEtOS41MTUgNy40MjUiIGNsYXNzPSJFIi8+PGcgY2xhc3M9IkQiPjxwYXRoIGQ9Ik00MTMuMjE5IDM2NC4wMWMtLjQyMy0uMjU5IDEuMDE4IDIuNzc3IDEuMTkgMy4zNTYuMjU5Ljg2OS0uMDM5IDUuNTA4LjM4NCA1Ljk3OCAxLjI2MSAxLjM5MyAxNS43MjYgMi4yODUgMTcuNjc2IDEuMzc3IDEuNTI3LS43MiAxLjMzOS0yLjkxOCAxLjUzNS0zLjkyLjIwNC0xLjAyNSAxLjczMS0zLjg0Mi40OTMtNC43NDktLjg0NS0uNjE4LTQuNDk1LS4yODItNS42ODUtLjMzNy01LjAwNS0uMjM0LTkuNzk4LS45NDYtMTQuNjY5LTEuNTk2Ii8+PHBhdGggb3BhY2l0eT0iLjE1IiBkPSJNNTk1LjEgNzMuOTNjLTQuNzMtMy4wNDQtNzMuMjY0LTQxLjY0OC02NC4yNTgtMTMuNjA2IDExLjQ1IDM1LjYzOSAxMTguMjM0IDg3LjA3NSAxNTEuMjIxIDEwMy4yNjMgNy45MjUgMy44ODggNTEuNjczIDI1Ljg1MSA1OC41MjUgMTMuNTc1IDguNDQzLTE1LjExNi00OC4xMTctNTAuNjg1LTUxLjQ1My00OC41OTYtLjY1OC40MDctMi4zMTkgMi4yNTMtMS44MSAzLjA0NC41NzIuODk5IDEuNzg2IDEuNDg2IDIuNjMyIDIuMDgxIDEwLjYwNCA3LjUwMyAyNi41MzMgMTYuOTA4IDMyLjAzOSAyOS4yMjMuNTg3IDEuMzE0Ljk0OCAyLjkxOC0uNzkxIDMuMzk2LTQuMyAxLjE3My0xMC40LTEuNDI0LTE0LjM1NS0yLjc3OC0zLjg5My0xLjMzLTcuNzE0LTIuODYzLTExLjQ1OC00LjU2MS0zOC4zMjgtMTcuMzg2LTc3LjIzNS0zNi43ODItMTExLjUxNC02MS4yMTYtNC4yNjktMy4wNDQtMzEuNDYtMjIuOTU2LTI1LjQ5Mi0zMC4wNzYgNy42Mi05LjA5OSAyMi43MDQgOS40NTIgMjkuNjg5IDEzLjcwOCIvPjwvZz48ZyBvcGFjaXR5PSIuMTkiPjx1c2UgeGxpbms6aHJlZj0iI0ciIGZpbGw9InVybCgjQikiLz48dXNlIHhsaW5rOmhyZWY9IiNHIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iLjI0IiBjbGFzcz0iQiIvPjwvZz48ZyBvcGFjaXR5PSIuMTkiPjx1c2UgeGxpbms6aHJlZj0iI0giIGZpbGw9InVybCgjQykiLz48dXNlIHhsaW5rOmhyZWY9IiNIIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iLjI0IiBjbGFzcz0iQiIvPjwvZz48ZyBzdHJva2U9IiMwMDRjNzYiIHN0cm9rZS13aWR0aD0iMS40NyIgY2xhc3M9IkIiPjxwYXRoIGQ9Ik0xNzAuODQ3IDEwMC40MjNzNTcuNzg5LTU3LjY1NiAxMzIuMjY4LTcxLjg1N20tNzUuNDczIDQ5LjU4OWMxNC4yNTMtOC4zNDggMjUuMDg0LTI0LjQxOSA3NS40NjUtNDAuNDQzIi8+PC9nPjwvZz48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9IkEiIHgxPSI0MDcuMDQ4IiB5MT0iMzQwLjMyNiIgeDI9IjQxMS4wOTciIHkyPSIyMjAuMDQ1IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZiIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzUxYzdlYSIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IGlkPSJCIiB4MT0iMjAwLjI0NiIgeTE9IjM4OS45NDYiIHgyPSIzMTAuNSIgeTI9IjM5MC42NTIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjZmZmIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNTFjN2VhIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9IkMiIHgxPSIzMjcuMTExIiB5MT0iMzg5Ljk0NiIgeDI9IjQzNy4zNjQiIHkyPSIzOTAuNjUyIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZiIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzUxYzdlYSIvPjwvbGluZWFyR3JhZGllbnQ+PGNsaXBQYXRoIGlkPSJEIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAwaDgxMHY0MDVIMHoiLz48L2NsaXBQYXRoPjxwYXRoIGlkPSJFIiBkPSJNLjgwNiAzOTkuNjg4Yy0zLjA4NiAwIDYuMDctMi40NDkgOS4wMzgtNC4yNTcgNi40NjktMy45MzUgMTIuODgzLTguMzc5IDE5LjMwNS0xMi42OTEgMjAuMzA3LTEzLjYzNyAzNC41MzctMjQuODMzIDU1LjI2OC0zNS4xNDUgNTkuMDAzLTI5LjM1NyAxMTguNzE5LTUwLjUyOSAxNzguNzQ4LTY4LjAxNiAxODEuNzI1LTUyLjkyMiAzNzMuNTkyLTYuODM4IDU0Ni43MjUgMTIwLjU3OCIvPjxwYXRoIGlkPSJGIiBkPSJNNDIwLjg3IDc3LjM1N2MwIC4xMDkuMDYzLjAzMS4xMjYtLjAyNC44ODUtLjczNSAxLjYxMy0xLjcyOSAyLjQxMi0yLjU1OCAxLjcxNS0xLjggNi4yNzMtMy42NTQgOC4xNzYtMS41MSAxMi4yMDkgMTMuNzU1IDkuNTU1LTMuMjA4IDE3LjE5LS41NTYgNy4yOTIgMi41MjcgNC44NzktMS42NDMgOC43NDgtNi42MTkgMy4zNzYtNC4zNDIgOC4wMi03LjIyMiAxMS42NjItMTEuMjc1IDEuODcxLTIuMDg5IDYuMTA4LTYuMzY5IDQuMjQ0LTkuNTIyLTMuNDkzLTUuOTE1LTEwLjQ2My01LjcxOS0xNi4xNDktNy41MTEtNS4zNTYtMS42OS0xMy4xMDItNy4zLTE4LjUyMS02LjU1Ny0xMS4xMjkgMS41MjYtMTMuNDk0IDE3LjQ3OS0xOS42MTkgMjQuNTc2LTIuNTkyIDIuOTk3LTguMTY4IDUuMzkxLTkuNjU2IDkuMTE1LTEuMDE4IDIuNTM1IDkuMjEgMTMuOTM1IDExLjc4NyAxMy4wMzUiLz48cGF0aCBpZD0iRyIgZD0iTTMwOS41MjEgMzc5LjM5MmMxLjEzNiAwLTIuMjcxLS4xMDItMy4zOTktLjE0MWwtNi41NDctLjE5Ni0yMS4wOTEtLjkzMS02MS41OTUtMi43ODUtMS45OS0uMDc5LTEuODU2LS4wNzhjLTQuMzYyLS4xODgtOC42MTQuMDQ3LTEyLjkzOC4wNDctLjMzNiAwLS40NzcuMTE4LS41MzIuNDc3LS4zNjggMi4yNjIgMy4xMzMgMjcuNDYzIDMuNzI4IDI4LjAwMyAzLjIxOSAyLjk1NyAxMy43MjEtLjM5MSAxNy4zNjItLjg3NiAxNi4xMDItMi4xMjkgMzIuMDU1LTQuODM2IDQ3Ljg5MS04LjQ1bDI2LjA0LTUuODIyYy44MDctLjIwMyAxNC42OTItMS43NjggMTUuMTU0LTIuNjk5Ii8+PHBhdGggaWQ9IkgiIGQ9Ik00MzYuMzg1IDM3OS4zOTJjMS4xMzYgMC0yLjI3MS0uMTAyLTMuMzk5LS4xNDFsLTYuNTQ3LS4xOTYtMjEuMDktLjkzMS02MS41OTYtMi43ODUtMS45ODktLjA3OS0xLjg1Ni0uMDc4Yy00LjM2My0uMTg4LTguNjE1LjA0Ny0xMi45MzguMDQ3LS4zMzcgMC0uNDc4LjExOC0uNTMzLjQ3Ny0uMzY4IDIuMjYyIDMuMTMzIDI3LjQ2MyAzLjcyOCAyOC4wMDMgMy4yMTkgMi45NTcgMTMuNzIxLS4zOTEgMTcuMzYzLS44NzYgMTYuMTAyLTIuMTI5IDMyLjA1NC00LjgzNiA0Ny44OS04LjQ1bDI2LjA0LTUuODIyYy44MDctLjIwMyAxNC42OTItMS43NjggMTUuMTU0LTIuNjk5Ii8+PC9kZWZzPjwvc3ZnPg==); -} -body.nfd-brand-hostgator { - --wp-admin-theme-color: #2e93ee; - --wp-admin-theme-color--rgb: 46, 147, 238; - --wp-admin-theme-color-darker-10: #1485ec; - --wp-admin-theme-color-darker-10--rgb: 20, 133, 236; - --wp-admin-theme-color-darker-20: #1177d2; - --wp-admin-theme-color-darker-20--rgb: 17, 119, 210; - --nfd-onboarding-dark-icon: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIyODYuNzA3IDg3LjM0NCA1OC4wMyA1OC4xMyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBmaWxsPSIjMTQ4NWVjIiBkPSJNIDMyNi43MzIgMTEwLjc5NiBDIDMyNy41NjcgMTAzLjA1MSAzMjUuMjczIDk4LjM3NiAzMjMuMTU4IDk3LjY2MSBDIDMyMS4wNzQgOTYuOTQ2IDMxOS44MjIgOTkuMTUgMzE5LjgyMiA5OS4xNSBDIDMxNS43NyA5Ni42NDcgMzEyLjE2NyA5Ni44ODcgMzEyLjE2NyA5Ni44ODcgQyAzMTIuMTY3IDk2Ljg4NyAzMDkuOTMzIDkxLjI1OCAzMDUuNTI0IDkxLjQzNiBDIDI5OS43NDYgOTEuNjc0IDI5Ni44ODcgMTAzLjY0NyAyOTYuMjAyIDEwNy4wNDQgQyAyOTQuODU3IDEwNy41MDEgMjkzLjc1OCAxMDguNDkzIDI5My4xNjUgMTA5Ljc4NCBDIDI5MS40MzYgMTEzLjE4IDI5MC41NDIgMTE5LjM3NCAzMDMuNDQxIDEyOS4wNTUgQyAzMTYuMzM2IDEzOC43NjQgMzIyLjAyNiAxNDEuMzg2IDMyNC44MjYgMTQxLjM4NiBDIDMyOC4zOTkgMTQxLjM4NiAzMjguNjM5IDE0MC4wNDYgMzMyLjc0OSAxMzkuNDggQyAzMzQuODYzIDEzOS4xODIgMzM2LjQ0MiAxMzUuNTQ5IDMzNC4xNzkgMTMyLjQ1MiBDIDMzMS44ODcgMTI5LjM1MiAzMjYuNDM0IDEyNS42IDMyNi40MzQgMTI1LjYgQyAzMjYuNDM0IDEyNS42IDMzMC4wNjggMTI1LjU0MSAzMzIuMzMxIDEyNS4yNDIgTCAzMzIuMzYxIDEyNS4zNjIgQyAzMzIuNDc4IDEyNS42NjQgMzMyLjYwOCAxMjUuOTYxIDMzMi43NDkgMTI2LjI1NSBDIDMzMi45ODggMTI2Ljc5IDMzMy4wNzcgMTI3LjQ0NiAzMzMuMjU2IDEyOC4wNDQgQyAzMzMuMzE1IDEyOC4zNCAzMzMuNDAzIDEyOC41NzkgMzMzLjU1NCAxMjguNzg3IEMgMzMzLjY0MiAxMjguOTk1IDMzMy44NSAxMjkuMTQ1IDMzNC4wOSAxMjkuMjA1IEMgMzM0LjY4NSAxMjkuMjY0IDMzNS4yMjEgMTI4LjkwNiAzMzUuNTc4IDEyOC40MjkgQyAzMzUuOTY0IDEyNy45MjMgMzM2LjI2MyAxMjcuMjM4IDMzNi40NzEgMTI2LjU1MyBDIDMzNi43MTIgMTI1LjY1NSAzMzYuODcxIDEyNC43MzggMzM2Ljk0OSAxMjMuODEzIEwgMzM2Ljk0OSAxMjMuNjk0IEMgMzM4LjM0OCAxMjIuNzcxIDMzOS40MiAxMjEuMTMzIDMzOS4yNDIgMTE4LjE1NCBDIDMzOS4wMDMgMTE0LjYzOCAzMzUuMTMxIDExMi43OTMgMzMxLjQ5NyAxMTMuOTU0IEMgMzI5LjcxMSAxMTEuMDY0IDMyNi43MzIgMTEwLjc5NiAzMjYuNzMyIDExMC43OTYgWiBNIDMyMi42NTIgMTE3LjcwNyBDIDMyMy44NDQgMTE3LjMyIDMyNC43MzcgMTE4Ljg5OSAzMjMuMTg3IDExOS41NTMgQyAzMjIuOTc4IDEyMC4xNDkgMzIzLjMwNyAxMjAuNzQ0IDMyNC4yNiAxMjAuOTgzIEMgMzIxLjI4MSAxMjEuNTc5IDMyMS4xNjIgMTE4LjI0MyAzMjIuNjUyIDExNy43MDcgWiBNIDMzNC40NzYgMTE5Ljk0IEMgMzM1LjI1MSAxMTkuNzYzIDMzNS41NDkgMTE5LjIyNiAzMzUuMzY5IDExOC43NSBDIDMzNC4wOSAxMTguMTg0IDMzNC44MzMgMTE2LjkwMSAzMzUuNzg4IDExNy4xOTkgQyAzMzcuMDA4IDExNy42NDggMzM2Ljg5IDEyMC40NDYgMzM0LjQ3NiAxMTkuOTQgWiBNIDMwNC41NzIgOTcuOTU5IEMgMzA0LjU3MiA5Ny45NTkgMzA4LjY1MyA5OS44OTUgMzExLjM2MiAxMDguMzg0IEMgMzExLjM2MiAxMDguMzg0IDMwNC45MjkgMTA3LjM0MiAzMDIuMSAxMDcuNTUxIEMgMzAyLjEgMTA3LjU1MSAzMDQuNjkxIDEwMi43MjQgMzA0LjU3MiA5Ny45NTkgWiBNIDMwNS45NzEgMTA1LjEwOSBDIDMwNS45NzEgMTA2LjQ3OSAzMDYuNzc2IDEwNy42MSAzMDcuNzU5IDEwNy42MSBDIDMwOC43NzEgMTA3LjYxIDMwOS42MDYgMTA2LjQ3OSAzMDkuNjA2IDEwNS4xMDkgQyAzMDkuNjA2IDEwMy43MzggMzA4Ljc3MSAxMDIuNjM2IDMwNy43OSAxMDIuNjM2IEMgMzA2Ljc3NiAxMDIuNjM2IDMwNi4wMDEgMTAzLjczOCAzMDYuMDAxIDEwNS4xMDkgTCAzMDUuOTcxIDEwNS4xMDkgWiBNIDMxOC45NTggMTA5LjA5OCBDIDMxOC45NTggMTA5LjA5OCAzMjAuNjI2IDEwMy42NDcgMzIzLjc4MyAxMDIuMTI5IEMgMzIzLjc4MyAxMDIuMTI5IDMyMy45NjIgMTA2LjUwNyAzMjQuNjc3IDEwOS45OTIgQyAzMjQuNjc3IDEwOS45OTIgMzIyLjM1MyAxMDkuNDU2IDMxOC45NTggMTA5LjA5OCBaIE0gMzIxLjIyMiAxMDcuNDkgQyAzMjEuMjIyIDEwOC41NjIgMzIxLjgxNyAxMDkuMzk2IDMyMi41OTMgMTA5LjM5NiBDIDMyMy4zNjYgMTA5LjM5NiAzMjMuOTYyIDEwOC41NjIgMzIzLjk2MiAxMDcuNDkgQyAzMjMuOTYyIDEwNi40NDkgMzIzLjM2NiAxMDUuNTgzIDMyMi41OTMgMTA1LjU4MyBDIDMyMS44NDYgMTA1LjU4MyAzMjEuMjIyIDEwNi40NDkgMzIxLjIyMiAxMDcuNDkgWiBNIDMyNS45MjcgMTI1LjYgQyAzMjUuOTI3IDEyNS42IDMyNC40OTggMTMxLjQzOCAzMjIuMzIzIDEzMC43ODMgQyAzMjEuNTc5IDEzMC41NzUgMzIxLjg3NiAxMjguOTA2IDMyMS41NzkgMTI3LjgwNCBDIDMyMS4yODEgMTI2LjY0MyAzMjAuNDQ3IDEyNC40NjcgMzIwLjQ0NyAxMjQuNDY3IEwgMzI1LjkyNyAxMjUuNiBaIE0gMzM2LjggMTIzLjgxMyBDIDMzNi44IDEyMy44MTMgMzM2LjM1MyAxMjkuMzgxIDMzNC4wNTkgMTI5LjExNCBDIDMzMy4zMTUgMTI5LjAyNSAzMzMuMzQ0IDEyNy4zMjcgMzMyLjg2NyAxMjYuMjU1IEMgMzMyLjM2MSAxMjUuMTgzIDMzMi40NTIgMTI1LjI3MyAzMzIuNDUyIDEyNS4yNzMgQyAzMzMuOTY3IDEyNS4wMTIgMzM1LjQzMyAxMjQuNTIxIDMzNi44IDEyMy44MTMgWiIgc3R5bGU9ImZpbGw6IHJnYigyNTUsIDI1NSwgMjU1KTsiLz4KPC9zdmc+); - --nfd-onboarding-icon: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIyODYuNzA3IDg3LjM0NCA1OC4wMyA1OC4xMyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNIDMyNi43MzIgMTEwLjc5NiBDIDMyNy41NjcgMTAzLjA1MSAzMjUuMjczIDk4LjM3NiAzMjMuMTU4IDk3LjY2MSBDIDMyMS4wNzQgOTYuOTQ2IDMxOS44MjIgOTkuMTUgMzE5LjgyMiA5OS4xNSBDIDMxNS43NyA5Ni42NDcgMzEyLjE2NyA5Ni44ODcgMzEyLjE2NyA5Ni44ODcgQyAzMTIuMTY3IDk2Ljg4NyAzMDkuOTMzIDkxLjI1OCAzMDUuNTI0IDkxLjQzNiBDIDI5OS43NDYgOTEuNjc0IDI5Ni44ODcgMTAzLjY0NyAyOTYuMjAyIDEwNy4wNDQgQyAyOTQuODU3IDEwNy41MDEgMjkzLjc1OCAxMDguNDkzIDI5My4xNjUgMTA5Ljc4NCBDIDI5MS40MzYgMTEzLjE4IDI5MC41NDIgMTE5LjM3NCAzMDMuNDQxIDEyOS4wNTUgQyAzMTYuMzM2IDEzOC43NjQgMzIyLjAyNiAxNDEuMzg2IDMyNC44MjYgMTQxLjM4NiBDIDMyOC4zOTkgMTQxLjM4NiAzMjguNjM5IDE0MC4wNDYgMzMyLjc0OSAxMzkuNDggQyAzMzQuODYzIDEzOS4xODIgMzM2LjQ0MiAxMzUuNTQ5IDMzNC4xNzkgMTMyLjQ1MiBDIDMzMS44ODcgMTI5LjM1MiAzMjYuNDM0IDEyNS42IDMyNi40MzQgMTI1LjYgQyAzMjYuNDM0IDEyNS42IDMzMC4wNjggMTI1LjU0MSAzMzIuMzMxIDEyNS4yNDIgTCAzMzIuMzYxIDEyNS4zNjIgQyAzMzIuNDc4IDEyNS42NjQgMzMyLjYwOCAxMjUuOTYxIDMzMi43NDkgMTI2LjI1NSBDIDMzMi45ODggMTI2Ljc5IDMzMy4wNzcgMTI3LjQ0NiAzMzMuMjU2IDEyOC4wNDQgQyAzMzMuMzE1IDEyOC4zNCAzMzMuNDAzIDEyOC41NzkgMzMzLjU1NCAxMjguNzg3IEMgMzMzLjY0MiAxMjguOTk1IDMzMy44NSAxMjkuMTQ1IDMzNC4wOSAxMjkuMjA1IEMgMzM0LjY4NSAxMjkuMjY0IDMzNS4yMjEgMTI4LjkwNiAzMzUuNTc4IDEyOC40MjkgQyAzMzUuOTY0IDEyNy45MjMgMzM2LjI2MyAxMjcuMjM4IDMzNi40NzEgMTI2LjU1MyBDIDMzNi43MTIgMTI1LjY1NSAzMzYuODcxIDEyNC43MzggMzM2Ljk0OSAxMjMuODEzIEwgMzM2Ljk0OSAxMjMuNjk0IEMgMzM4LjM0OCAxMjIuNzcxIDMzOS40MiAxMjEuMTMzIDMzOS4yNDIgMTE4LjE1NCBDIDMzOS4wMDMgMTE0LjYzOCAzMzUuMTMxIDExMi43OTMgMzMxLjQ5NyAxMTMuOTU0IEMgMzI5LjcxMSAxMTEuMDY0IDMyNi43MzIgMTEwLjc5NiAzMjYuNzMyIDExMC43OTYgWiBNIDMyMi42NTIgMTE3LjcwNyBDIDMyMy44NDQgMTE3LjMyIDMyNC43MzcgMTE4Ljg5OSAzMjMuMTg3IDExOS41NTMgQyAzMjIuOTc4IDEyMC4xNDkgMzIzLjMwNyAxMjAuNzQ0IDMyNC4yNiAxMjAuOTgzIEMgMzIxLjI4MSAxMjEuNTc5IDMyMS4xNjIgMTE4LjI0MyAzMjIuNjUyIDExNy43MDcgWiBNIDMzNC40NzYgMTE5Ljk0IEMgMzM1LjI1MSAxMTkuNzYzIDMzNS41NDkgMTE5LjIyNiAzMzUuMzY5IDExOC43NSBDIDMzNC4wOSAxMTguMTg0IDMzNC44MzMgMTE2LjkwMSAzMzUuNzg4IDExNy4xOTkgQyAzMzcuMDA4IDExNy42NDggMzM2Ljg5IDEyMC40NDYgMzM0LjQ3NiAxMTkuOTQgWiBNIDMwNC41NzIgOTcuOTU5IEMgMzA0LjU3MiA5Ny45NTkgMzA4LjY1MyA5OS44OTUgMzExLjM2MiAxMDguMzg0IEMgMzExLjM2MiAxMDguMzg0IDMwNC45MjkgMTA3LjM0MiAzMDIuMSAxMDcuNTUxIEMgMzAyLjEgMTA3LjU1MSAzMDQuNjkxIDEwMi43MjQgMzA0LjU3MiA5Ny45NTkgWiBNIDMwNS45NzEgMTA1LjEwOSBDIDMwNS45NzEgMTA2LjQ3OSAzMDYuNzc2IDEwNy42MSAzMDcuNzU5IDEwNy42MSBDIDMwOC43NzEgMTA3LjYxIDMwOS42MDYgMTA2LjQ3OSAzMDkuNjA2IDEwNS4xMDkgQyAzMDkuNjA2IDEwMy43MzggMzA4Ljc3MSAxMDIuNjM2IDMwNy43OSAxMDIuNjM2IEMgMzA2Ljc3NiAxMDIuNjM2IDMwNi4wMDEgMTAzLjczOCAzMDYuMDAxIDEwNS4xMDkgTCAzMDUuOTcxIDEwNS4xMDkgWiBNIDMxOC45NTggMTA5LjA5OCBDIDMxOC45NTggMTA5LjA5OCAzMjAuNjI2IDEwMy42NDcgMzIzLjc4MyAxMDIuMTI5IEMgMzIzLjc4MyAxMDIuMTI5IDMyMy45NjIgMTA2LjUwNyAzMjQuNjc3IDEwOS45OTIgQyAzMjQuNjc3IDEwOS45OTIgMzIyLjM1MyAxMDkuNDU2IDMxOC45NTggMTA5LjA5OCBaIE0gMzIxLjIyMiAxMDcuNDkgQyAzMjEuMjIyIDEwOC41NjIgMzIxLjgxNyAxMDkuMzk2IDMyMi41OTMgMTA5LjM5NiBDIDMyMy4zNjYgMTA5LjM5NiAzMjMuOTYyIDEwOC41NjIgMzIzLjk2MiAxMDcuNDkgQyAzMjMuOTYyIDEwNi40NDkgMzIzLjM2NiAxMDUuNTgzIDMyMi41OTMgMTA1LjU4MyBDIDMyMS44NDYgMTA1LjU4MyAzMjEuMjIyIDEwNi40NDkgMzIxLjIyMiAxMDcuNDkgWiBNIDMyNS45MjcgMTI1LjYgQyAzMjUuOTI3IDEyNS42IDMyNC40OTggMTMxLjQzOCAzMjIuMzIzIDEzMC43ODMgQyAzMjEuNTc5IDEzMC41NzUgMzIxLjg3NiAxMjguOTA2IDMyMS41NzkgMTI3LjgwNCBDIDMyMS4yODEgMTI2LjY0MyAzMjAuNDQ3IDEyNC40NjcgMzIwLjQ0NyAxMjQuNDY3IEwgMzI1LjkyNyAxMjUuNiBaIE0gMzM2LjggMTIzLjgxMyBDIDMzNi44IDEyMy44MTMgMzM2LjM1MyAxMjkuMzgxIDMzNC4wNTkgMTI5LjExNCBDIDMzMy4zMTUgMTI5LjAyNSAzMzMuMzQ0IDEyNy4zMjcgMzMyLjg2NyAxMjYuMjU1IEMgMzMyLjM2MSAxMjUuMTgzIDMzMi40NTIgMTI1LjI3MyAzMzIuNDUyIDEyNS4yNzMgQyAzMzMuOTY3IDEyNS4wMTIgMzM1LjQzMyAxMjQuNTIxIDMzNi44IDEyMy44MTMgWiIgc3R5bGU9ImZpbGw6IHJnYigyNTUsIDI1NSwgMjU1KTsiLz4KPC9zdmc+); - --nfd-onboarding-logo: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMTkgMzkiIGZpbGwtcnVsZT0iZXZlbm9kZCIgeG1sbnM6dj0iaHR0cHM6Ly92ZWN0YS5pby9uYW5vIj48cGF0aCBkPSJNODguNCAyNi4xOTdjLjI2OCAxLjY3MiAxLjc4OCAyLjI5NSAzLjQ0NiAyLjI5NXMyLjkyNy0uNzAzIDIuOTYzLTEuNTU1Yy4wNTgtMS4yOTEtLjk1Mi0yLjA1OC0yLjM4Mi0yLjMzNmwtMy45NTEtLjc3NWMtMy42MDItLjY2LTUuNjU0LTEuNzA0LTUuNjU0LTQuNzc0IDAtMy45OTkgMy40NDYtNi42MDMgOC4zNjctNi42MDMgNC44NCAwIDguMDQ1IDIuMjE0IDguODI3IDUuNTk0bC01LjY1NCAxLjEyNWMtLjE5Mi0xLjIwNi0xLjM0LTIuMjktMy4yNTQtMi4yOS0xLjY2MiAwLTIuNDk4LjY5OS0yLjY1IDEuNTE1LS4xMDMuNTMzLjE1Mi45NzcgMS45MTcgMS4zNDVsNC41NjguOTMyYzMuNjc5Ljc3NiA1LjM2MyAyLjk5IDUuMzYzIDUuODYzIDAgNC4zMTMtMy43MTggNi41NjgtOC44MzEgNi41NjgtNC41NjggMC04LjQ5Mi0xLjY3Mi05LjE0LTUuNjcxbDYuMDY1LTEuMjMzem01Ni40ODQtOC44NjdhMTkuMTUgMTkuMTUgMCAwIDEgLjE1NyAyLjM4YzAgNy45MjItNS42NCAxMy42Mi0xMy40OTggMTMuNjJTMTE3LjUgMjcuMzQ1IDExNy41IDE5LjY3czYuMTA1LTEzLjY1NCAxMy45MjctMTMuNjU0YzUuODEgMCAxMC44OTIgMi43MyAxMi43MiA3Ljg0NWwtNi4xODYgMS43OTNjLTEuNTItMi45NjgtNC4wMjItMy43NDgtNi41MzQtMy43NDgtNC4yNDIgMC03LjQ2OSAzLjM1OC03LjQ2OSA3Ljc2NHMzLjMwMyA3LjgwNSA3LjY2MSA3LjgwNWMzLjQyNCAwIDUuOTEzLTEuNzkzIDYuODg3LTQuNjhoLTcuOTc4VjE3LjMzaDE0LjM1NnpNNTguODcxIDMyLjI5OGgtNi4zNzhWMjEuOTY2SDQxLjUyMXYxMC4zMzJoLTYuNDE4VjYuMTU1aDYuNDE4VjE2LjM0aDEwLjk3MlY2LjE1NWg2LjM3OHptMjMuMTA3LTkuNzk1YzAgNi4yMDUtNC45MTcgMTAuMzQyLTEwLjcgMTAuMzQyLTUuOTEzIDAtMTAuODE2LTQuMTM3LTEwLjgxNi0xMC4zNDJzNC45MTYtMTAuMzEgMTAuODE2LTEwLjMxYzUuNzk3LjAxNCAxMC43IDQuMTQ3IDEwLjcgMTAuMzF6bS01Ljk5OCAwYzAtMy4wNDMtMi4yOTMtNS4wNy00LjcwNy01LjA3QTQuODcgNC44NyAwIDAgMCA2Ny44IDE4Ljk1YTQuODk5IDQuODk5IDAgMCAwLTEuMzQ0IDMuNTUzYzAgMy4wODUgMi4yOTMgNS4wNzUgNC44MjMgNS4wNzUgMi40MTMgMCA0LjcwMi0xLjk5IDQuNzAyLTUuMDc1em00MS43MjEgOC45NGExMC42IDEwLjYgMCAwIDEtNS4zMjcgMS40NDNjLTQuODYzIDAtNy43OS0yLjY1NC03Ljc5LTcuNzgzdi03LjQzNmgtMy41MzF2LTQuOTMxaDMuNTNWNy41bDYuMjI3LTEuMzQ1djYuNTU4aDUuNzU2djQuOTMxaC01LjcyNXY2LjgxNGMwIDIuMDI2Ljk3IDIuODQ2IDIuNjA1IDIuODQ2YTYuMzcyIDYuMzcyIDAgMCAwIDIuODM5LS43OGwxLjQxNiA0LjkxOHptNDcuMDI3LTExLjU1M3YxMi40MDhoLTUuOTg5di0xLjQ0M2E4LjYyMyA4LjYyMyAwIDAgMS01LjgzNyAyLjAzYy00LjM1MyAwLTcuMjcxLTIuNTM3LTcuMjcxLTYuNHMyLjkxOC02LjMxMyA4LjExNi02LjMxM2g0Ljk3OXYtLjM5YTIuNjEzIDIuNjEzIDAgMCAwLS43Ni0xLjk4OSAyLjU5NyAyLjU5NyAwIDAgMC0xLjk4NC0uNzU5Yy0xLjg2OSAwLTIuOTYuNzQtMy4yNjcgMi40NTdsLTUuODczLTEuMjFjLjg1My0zLjc4NCA0LjI3Ny02LjE2NCA4LjkzOS02LjE2NCA1LjQ4OC4wMDkgOC45NDcgMi43OCA4Ljk0NyA3Ljc3M3ptLTUuOTg5IDQuNjg0di0uNDQ4aC00LjI4MWMtMS41NTYgMC0yLjUyNi44Mi0yLjUyNiAyLjAzczEuMDg2IDIuMDI3IDIuNzIyIDIuMDI3YzIuMTQxLjAxOCA0LjA4NS0xLjQyNSA0LjA4NS0zLjYwOXptMjMuNTcyIDYuODY4YTEwLjYxNyAxMC42MTcgMCAwIDEtNS4zMjMgMS40NDRjLTQuODYzIDAtNy43NzctMi42NTQtNy43NzctNy44MDV2LTcuNDE0aC0zLjU0di00LjkzMWgzLjU0VjcuNWw2LjIyMS0xLjM0NXY2LjU1OGg1Ljc1N3Y0LjkzMWgtNS43NjZ2Ni44MTRjMCAyLjAyNi45NzUgMi44NDYgMi42MDYgMi44NDZhNi4zNzcgNi4zNzcgMCAwIDAgMi44NDMtLjc4bDEuNDM5IDQuOTE4em0yMC41MzctOC45MzljMCA2LjIwNS00LjkxNyAxMC4zNDItMTAuNjk2IDEwLjM0Mi01LjkxMyAwLTEwLjgxNi00LjEzNy0xMC44MTYtMTAuMzQyczQuOTE3LTEwLjMxIDEwLjgxNi0xMC4zMWM1Ljc5Ny4wMTQgMTAuNjk2IDQuMTQ3IDEwLjY5NiAxMC4zMXptLTUuOTkgMGMwLTMuMDQzLTIuMjk3LTUuMDctNC43MDYtNS4wN2E0Ljg3IDQuODcgMCAwIDAtMy40OCAxLjUxMyA0Ljg5OSA0Ljg5OSAwIDAgMC0xLjM0NyAzLjU1N2MwIDMuMDg1IDIuMjk4IDUuMDc1IDQuODI3IDUuMDc1IDIuNDEgMCA0LjcwNy0xLjk5IDQuNzA3LTUuMDc1em0yMS45LTkuOTA2bC0uMjcyIDYuMjNoLTEuMTNjLTQuMzU0IDAtNi43MjcgMi4yNDItNi43MjcgNy4zMzl2Ni4xMzJoLTYuMjI2di0xOC4yNGw2LjIyNi0xLjM0NXYzLjc0M2MxLjM5OS0yLjM0IDMuNTQtNC4wMzQgNi43MjYtNC4wMzRhNS4xNiA1LjE2IDAgMCAxIDEuNDA0LjE3NXoiIGZpbGw9IiMxZjIwNDQiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGZpbGw9IiMyZTkzZWUiIGQ9Ik0yMS4xNTQgMjguNDJjLTEuMDkgMS4wNTktMi4xNzcgMi41MTEtMy4yNzYgMy41Ni41MjIgMi43NTctLjUwMSAzLjk2Ny43MzMgNC45NTguNDQ2LjM1NCAzLjEyOCAxLjExMiA0LjY3LjIzMy4wMzEtMS40My0uNzQ2LTEuODU2LTEuNTc4LTIuMzktLjg0NC0xLjc5Mi0uNTQtNC41NzItLjU1OC02LjM2Ii8+PHBhdGggZmlsbD0iIzJlNTc4YiIgZD0iTTIxLjc4IDM3LjU3NGEyLjQ5IDIuNDkgMCAwIDAtMS41MzgtMS43OTNjLjYyLjM4Ljk4NSAxLjA2Ni45NTYgMS43OTMuMTk3LjAxLjM5LjAxLjU4MSAwWm0xLjMtLjI5NWEyLjQ3MiAyLjQ3MiAwIDAgMC0xLjUyOS0xLjc5M2MuNzk2LjYxNCAxLjA1IDEuMjczLjkzOSAxLjk5LjIwMi0uMDQ3LjQtLjExMy41OS0uMTk3WiIvPjxwYXRoIGZpbGw9IiMyZTkzZWUiIGQ9Ik0xOS44OCAxNC4xNDhjLS41NjMuODItLjgxNCAyLjU0MSAzLjY2NSA1LjA2NWwtMi40NzYgMy44NTVjLS41OTUuNTk2LS45NTcgMi4xODMtLjM3NiAyLjk4MS4zMDEuNDIuNjQ2LjgwNiAxLjAyOCAxLjE1MiAwIDAgMS40ODQuMjc4IDIuMTE5LS4wOC43ODUtLjg3MS45NjItMi4xMzMuNDQ3LTMuMTg4IDAgMCAzLjc3Ni0zLjk2MiAzLjUzNS01LjE1NXMtNi4xNTktNy4yMy03Ljk0Mi00LjYzeiIvPjxwYXRoIGZpbGw9IiMyZTU3OGIiIGQ9Ik0yNC4yNjQgMjMuOTMzbC0xLjkxMyAxLjQ4YTQuMzIgNC4zMiAwIDAgMCAuODk0LS4zODZzLjY4LjgzNC4xODQgMS41MzhjMCAwIC44OTMtLjUyNS4yOTktMS43My4yMDYtLjI2LjM5NC0uNTM1LjU2My0uODJsLS4wMjctLjA4MnoiLz48ZyBmaWxsPSIjMmU5M2VlIj48cGF0aCBkPSJNOC41MjMgMjMuMTk4Yy0uMDEuMjk0LS4xLjU3OS0uMjYuODI1LS4yNTguNDA4LS40MDYuMzYzLjIzOC43MTMuNDc5LjI0My45OTYuNDA0IDEuNTI4LjQ3NS44OTQuMTQ4LjY5My4wNS4yOTUtLjgwMmE3LjI2MyA3LjI2MyAwIDAgMC0uNjIxLTEuMDk5Yy0uODk0LTEuMjMyLTEuMTQ0LTEuMTQ3LTEuMTgtLjEybS0zLjIwOS0uNDE4Yy0uMzMuNjE1LjE3NC43MTMuODIyLjk0Mi4yNDMuMDg1LjQ5NS4xNC43NTEuMTY2LjcyOS4wOC41NDEtLjAyNy4yMi0uNjE5YTEwLjYyMSAxMC42MjEgMCAwIDAtLjY0NC0xLjA1OGMtMS4yODMtMS44NDctLjY3LS4zMjctMS4xNDkuNTdtLTIuNzctLjI3NGEyLjczIDIuNzMgMCAwIDEgMCAuNDIxYy0uMDQ2LjUxMS0uMTA0LjQyNi41MjYuNDg0YTMuNzMgMy43MyAwIDAgMCAuODQ1IDBjLjgwNS0uMTIuNTEtLjQwMy4wOS0uODc0YTMuNDY4IDMuNDY4IDAgMCAwLS40NzQtLjQ0OGMtMS41OTEtMS4yMjgtLjk5Mi0uMzYzLS45Ny40MjFtMTAuNjQyLTE4LjAyUzguNjM5IDYuODQgOC42OCA3LjU4OXMxLjI4Ny42NDYgMS43ODcgMS42NWMwIDAtMi43OTMgMS45MzctMi42MTQgMi44MjRzMS45OC41NjUgMi40MjcgMS4yNjljMCAwLS40NDcgMS43NjYtLjA0IDIuNDExcy4zNDQuMDkuODkzLjg5N2MuMDQuMDE4LS4yODEtNi41NzIgMi4wNy0xMi4xNTd6Ii8+PHBhdGggZD0iTTEyLjI0NiA2LjYyNmMxLjYxIDEuNTMzIDMuNjM4IDIuNDk2IDUuNDg5IDMuNjg0YTEyLjEwNiAxMi4xMDYgMCAwIDEgMy4zMTEgMi45MjhjMS4xMDkgMS40ODguNDQ3IDMuMjQuNzI0IDUuMDY1LjA4NS42MTkuMTI2IDEuMjQ2LjE1MiAxLjg3NGEyNC4yNzkgMjQuMjc5IDAgMCAxLS4wOTggMy40MmMtLjI4MiAyLjcxNy0uNDIgNC45MzEtMi4zMzMgNi45NjYtMi4zODcgMi41NDctNS4wMTUgMy4xMzgtNy45OTYuOTI0YTE0LjUwMiAxNC41MDIgMCAwIDEtMi44NDctMi40NDhjLS42MTItLjcxNy0xLjM3Mi0xLjE3NC0yLjAyOS0xLjg0MmE5LjU3OSA5LjU3OSAwIDAgMC0yLjkzMi0yLjEyYy0xLjE1My0uNDQ5LTEuOTQ4LjE2LTIuNTE2LjQyLS4yOS4xMzUtLjY5My4zOTUtMS4wMTkuMTM1YS4zNDYuMzQ2IDAgMCAxLS4xMTItLjQwOCAyLjk5IDIuOTkgMCAwIDEgLjc1Ni0xLjA3YzEuNzU2LTEuNjE1IDQuNTk0LTEuNjUgNi43MDQtLjUxNi44LjQ0OCAxLjY3MS45MTkgMi41OTYuOTc3YTIuNDcgMi40NyAwIDAgMCAxLjgyNC0uNTJjLjQtLjM2OC42NjItLjg2MS43NDYtMS4zOTlhNC4yNjYgNC4yNjYgMCAwIDAtLjE1Ni0yLjI0MWMtLjM0NC0xLjA0LS45NjEtMS45ODItMS4zNjMtMy4wMDgtMS4zNDEtMy40OTItMS43ODgtNy40NzMuMzg4LTEwLjczNmwuMzA0LS40NDkuNDA3LjM2NHoiLz48L2c+PHBhdGggZmlsbD0iI2ZmY2YwMCIgZD0iTTQuMDYzIDI1LjIyOUM1LjYgMjYgNy4yMzYgMjcuNzI2IDguODA1IDI5LjU4NmMyLjA1MSAyLjQ0MyA3LjE1IDYuMDQzIDExLjQwMS4zODYgMy45ODItNS4zMjYgMi4xMS0xMi43OSAxLjg3Ny0xMy42MzdsLS4wMjctLjA5Yy0uMTM0LS4xNy0zLjY4Mi00LjcxNS02LjkzNi01LjM3OS0uODY3Ljc1My0xLjAzNyAyLjA4NS4xMTYgNC4zOCAxLjk0NCAzLjg2IDMuNSA5LjQ4NS4wNDUgMTIuOTQyYTQuNyA0LjcgMCAwIDEtMS44NDIgMS4xNjVjLTIuNDUzLjgxMS0zLjc1NC0uNjgxLTUuMjkxLTIuMTI1YTcuMzk3IDcuMzk3IDAgMCAwLTQuMDg1LTEuOTk5WiIvPjxwYXRoIGZpbGw9IiNlY2E5M2YiIGQ9Ik0yMC42ODQgMjkuMjlhOC4xNTIgOC4xNTIgMCAwIDEtNC4xMDMtMS42OCA1LjY2NiA1LjY2NiAwIDAgMCAzLjYyNSAyLjM3Yy4xNy0uMjIzLjM1My0uNDU3LjQ3OC0uNjl6bS02LjkxLjM0NmE5LjUgOS41IDAgMCAwIDIuNDc3IDMuMjIzIDUuNDMgNS40MyAwIDAgMCAuOTc0LS4zMzIgNy44OTkgNy44OTkgMCAwIDEtMy40NS0yLjg5MXptLTUuMjItLjMzN2wuMjUuMjk2LjExNy4xNGMtLjA4LS4zNjUtLjA0LS43NDUuMTEyLTEuMDg2YTUuNzk1IDUuNzk1IDAgMCAwLS40NzkuNjV6bTEuNzI2IDEuNzI2bC41NTQuNDQ4Yy0uMTMtLjYxOC0uMTg4LTEuMjY0LjAyMi0xLjYyMmE1LjkyNSA1LjkyNSAwIDAgMC0uNTc2IDEuMTc0eiIvPjxwYXRoIGZpbGw9IiNmZjkxNDQiIGQ9Im02LjkxIDI3LjUxLjM5Ny40MDlhMy40MDMgMy40MDMgMCAwIDEgLjA5LS44NTcgNC4zMzEgNC4zMzEgMCAwIDAtLjQ4Ny40NDlaIi8+PGcgZmlsbD0iI2VjYTkzZiI+PHBhdGggZD0iTTE3LjY4IDI0LjY1NWE4LjIzMSA4LjIzMSAwIDAgMSA0Ljc3IDBsLjEwNy0uNjYzYy0zLjEyNC0uNzQ0LTQuODc2LjY2My00Ljg3Ni42NjN6bTQuOTctNC45MDRsLS4wNzUtLjc3MWMtMy4zMTItLjA4LTUuMDIgMS41MzMtNS4wMiAxLjUzM2E4LjA4MiA4LjA4MiAwIDAgMSA1LjA5Ni0uNzYyem0tMS4zMDQtNC4zNDhhOC4yMDUgOC4yMDUgMCAwIDAtLjQ0Ny0uNDhjLTMuNTE4IDAtNC40NyAxLjY0LTQuNDcgMS42NGE3Ljc1OCA3Ljc1OCAwIDAgMSA0LjkxNy0xLjE2eiIvPjxwYXRoIGQ9Ik0yMi42MDYgMTkuMjQ0YTIyLjE1MiAyMi4xNTIgMCAwIDAtLjM4OS0yLjM3bC0uMjU0LS4xNTgtNy41MTMtNC42MTNjLS4wMjYuMjItLjAyNi40NDMgMCAuNjY0IDEuNTIgMi4xMzQgNC45MyA1Ljc0NyA4LjE1NiA2LjQ3N3oiLz48L2c+PHBhdGggZmlsbD0iIzJlOTNlZSIgZD0iTTExLjM5NyAyNy44N2EyLjIzMiAyLjIzMiAwIDAgMSAyLjAzOC0uOTczYzIuMjYxLjI5NSAxLjU0NiAyLjk4IDEuMDA2IDQuNTU5YTEyLjkzMSAxMi45MzEgMCAwIDAtLjY0NCAzLjUxYzAgMS41Ni41OTQgMi4wMy0uMTMgMi42NGE2LjE0IDYuMTQgMCAwIDEtMy45NSAxLjEwM2MtMS4yNTYtLjI4Ny0xLjI4OC0yLjg3OC43MTUtMy41MzcuNTU0LTEuMjEuNTMxLTIuNDQ4LjQ4Ny0zLjczOS0uMDMyLS44OTYtLjEwOC0yLjY5LjQ3OC0zLjU4NiIvPjxwYXRoIGZpbGw9IiMyZTU3OGIiIGQ9Ik0xMC45MSAzOC42OTVhNi45NSA2Ljk1IDAgMCAwIC41MzItLjA5OCAyLjMxOCAyLjMxOCAwIDAgMSAuNjI1LTIuMTAzYy0uODIyLjQ3LTEuMDkgMS4yNzMtMS4xNTcgMi4yMDF6bS0xLjIxMS4wMThhMi42NSAyLjY1IDAgMCAxIC42MDMtMi4zNCAyLjQwNCAyLjQwNCAwIDAgMC0xLjEzNSAyLjAwOCAxIDEgMCAwIDAgLjUzMi4zMzJ6bTEuMTYyLTE0LjEyNXMtLjI2IDEuNTAyLjc2IDIuMDA0Yy44NTguNDQ4IDEuOTEyLjQ0OCAyLjQ0LS4xOTMuNzI4LS44OTcgMS43ODctMi42OS0xLjExMy00LjQ1MS0xLjc4OC0xLjA5LTEuOSAyLjYwOS0xLjkgMi42MDlsLS4xODcuMDN6bS4yNS03LjJsLjc0MiAxLjUzYy4wMTguMDU4IDIuMzYtMi45MzcgMS45MjItMy40MjFzLTIuMjkzIDEuMjQyLTIuNjY0IDEuODkyeiIvPjxnIGZpbGw9IiMyZTkzZWUiPjxwYXRoIGQ9Ik0xMy40MDggMTMuMDk0YzIuNTM0IDIuNDUyLTIuNzI2IDUuNjk4LTIuNzI2IDUuNjk4LjU3Mi4zNjMgMS4yOTYgMS42MDUgMS44MzcgMi41MXMuNzU1Ljc1OCAxLjQxNyAxLjUxLTEuMjI1IDEuODc5LTEuMjI1IDEuODc5LTYuMzI5LTMuNDMtNi4zMS01LjYyNmMwLS4yNzMgMS40Ny0yLjcxNiAyLjk1My00LjIzMi43NDctLjc2MiAyLjg0My0yLjkwOSA0LjA1NC0xLjczOXoiLz48cGF0aCBkPSJNMTAuOTUgMjMuNDcycy0uNDQ3IDIuMzM1LjkyIDMuMDE3YzAgMCAxLjEzMS4wNzEgMS43MDQtLjM0MSAwIDAgMS40MjUtMi4xOTcuMzYyLTMuMzM1cy0yLjk4Ni42NTktMi45ODYuNjU5eiIvPjwvZz48cGF0aCBmaWxsPSIjMmU1NzhiIiBkPSJNMTAuOTIzIDIzLjYzOGwyLjE0NSAxLjA3MWExLjY4IDEuNjggMCAwIDEtLjkzNC0uMTM5cy0uNDQ3Ljg5Ny4wNzYgMS40NTJjMCAwLS44NC0uMTQ4LS41NC0xLjU1NWwtLjc2NS0uNzkuMDE4LS4wNHoiLz48cGF0aCBmaWxsPSIjMmU5M2VlIiBkPSJNMTIuNTYzIDUuOTIycy45NTItNS42MyAzLjI4MS01LjcyNUMxNy4zNzcuMTMgMTguMTUgMi4wOSAxOC4xNSAyLjA5YTQuOTA2IDQuOTA2IDAgMCAxIDIuNjQ2Ljc4OXMuNDQ3LS43NzYgMS4xNTgtLjUyNSAxLjUyIDEuODgzIDEuMjI5IDQuNTY0YTIuMzMzIDIuMzMzIDAgMCAxIDEuNjcxIDEuMTUyIDEuMjQ3IDEuMjQ3IDAgMCAxLS44LjUxNWMtLjQ4Mi4wNC0yLjU2NS0uNzIxLTMuMTI4LS4yMjRhMS44MTggMS44MTggMCAwIDAtLjc0NyAxLjc5M3MtMi4zMDEtLjIzMy0zLjMyNS0xLjU0Ni0xLjkwNC0zLjg2LTQuMjktMi42ODV6Ii8+PHBhdGggZmlsbD0iI2YxZjFmMiIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMjAuNDg4IDYuMzNzLjU3Mi0xLjg5MiAxLjY3MS0yLjQyMWMuMDQuOTE2LjE0IDEuODI4LjMgMi43M2ExNy4wMjYgMTcuMDI2IDAgMCAwLTEuOTcxLS4zMVptLTQuOTgtMy44NzhzMS40MTguNjg2IDIuMzcgMy42MzFhMjAuMTc0IDIwLjE3NCAwIDAgMC0zLjIxLS4yODcgNy43NiA3Ljc2IDAgMCAwIC44NC0zLjM0NFoiLz48cGF0aCBmaWxsPSIjMmU1NzhiIiBkPSJNMTYuMDkgMy43NjFjLjM0NCAwIC42MjYuMzg2LjYyNi44NjVzLS4yODIuODYtLjYyNi44Ni0uNjI2LS4zODUtLjYyNi0uODYuMjc3LS44NjUuNjI2LS44NjVtNS4yOTIgMi4yOTVjLjI3MiAwIC40OTEtLjI5MS40OTEtLjY1NHMtLjIxOS0uNjU1LS40OTEtLjY1NWEuNDQ2LjQ0NiAwIDAgMC0uMTUyLjAzNmMtLjE1LjE3NC0uMjY1LjM3Ny0uMzM2LjU5NmEuMTUzLjE1MyAwIDAgMCAwIC4wNDVjLS4wMDQuMzQuMjE1LjYzMi40ODguNjMyeiIvPjxwYXRoIGZpbGw9IiNmZjkxNDQiIGQ9Ik0xNS42NDMgNy4zMjVzLTEuNjk5LTEuMzQ1LTIuNTYxLS4zODZjLTEuMDI4IDEuMTU3IDAgMi45NTQgMCAyLjk1NHMuMTI1LS43Ny41MS0xLjAyNmMwIDAgLjE1MSAyLjQzNCA0LjEwMiA1LjE0MnM1LjY3MiAyLjQxMSA2LjUzNSAyLjE4MyAxLjczOC0uODQ4IDEuNDA3LTEuNTQyLTIuNTYtMi41ODItMi41Ni0yLjU4Mi0uODQ1LjEwMy0yLjU2Ni0uNTAyLTQuMDIyLTEuNzk0LTUuNTA2LTMuODU2YTcuMiA3LjIgMCAwIDAgLjYzOS0uMzg1Ii8+PHBhdGggZmlsbD0iI2ZmNmIxNyIgZD0iTTE0LjY1IDEwLjQ5YTYuNjkgNi42OSAwIDAgMSA2LjE5IDEuNjcybC0uNDQ2LS4yNDJzMi4wMjktLjA5OSAyLjMxLjE4M2E0LjgzIDQuODMgMCAwIDEgMi4xMDEgMy41ODdjLjA1OC42OTQtMS41ODIgMS4wODktNS4yMzgtLjczNi0yLjI3LTEuMTQ3LTQuOTE2LTQuNDY0LTQuOTE2LTQuNDY0WiIvPjxwYXRoIGZpbGw9IiNmZjkxNDQiIGQ9Im0xOS4wOTMgMTAuOTUxLjA4NS4wNDUtLjA4NS0uMDQ1WiIvPjxwYXRoIGZpbGw9IiNlYmVlZjIiIGQ9Ik0yMi45MSAxMi4wNTRzLS40OTIgMi4wMjItMS4yNTEgMS43OTNjLS4yNTUtLjA3Ni0uMTUyLS42NS0uMjU1LTEuMDQ0cy0uMzk4LTEuMTQ4LS4zOTgtMS4xNDhsMS45MDQuNHptMy43NTktLjc2NnMtLjE1NyAyLjA3NS0uOTQzIDEuOTc2Yy0uMjY0LS4wMy0uMjU1LS42MTQtLjQyLS45ODZzLS41NzItMS4wNzEtLjU3Mi0xLjA3MWwxLjkzNS4wOHoiLz48cGF0aCBmaWxsPSIjZmZjZjAwIiBkPSJNMjcuNTA1IDkuNDY4Yy0uMDk5LTEuNDYyLTIuMDItMi4xMDMtMy40MzMtMS4wNzYtMS4xNTMtLjI1Ni0yLjQzMS0xLjAyNy0zLjU3NS4xM2ExLjM0OCAxLjM0OCAwIDAgMC0uMzUzIDEuNjA1cy0yLjM5Ni0uMzg2LTMuMjIzLTEuNjEtMS45MDgtMi44NjQtMy4wNjYtMi45OGMtLjYxNy0uMDYtMS42NTgtLjE0OS0yLjI2MSAxLjAzcy0uODk0IDMuMzA5IDMuNTc1IDYuNjggNi40MjcgNC4yOCA3LjQwMSA0LjI3NmMxLjIzOCAwIDEuMzE0LS40NDggMi43NC0uNjYzLjcyOS0uMTAzIDEuMjgzLTEuMzQ1LjQ4My0yLjQyMWE5LjE4OSA5LjE4OSAwIDAgMC0yLjM5Ni0yLjEyNWMtLjA0NC4wNDUgMS43MzQgMS40NzUgMi4wNjUgMi4xN3MtLjY0OCAxLjEzNC0xLjUwNiAxLjM0NS0xLjk2Mi40NDgtNS45MDktMi4yNDItNC4zNy01LjQxLTQuMzctNS40MWMtLjUwMS0uMDc3LS41NiAxLjAxMy0uNTYgMS4wMTNzLS41NzYtMS4yNi4xOTctMi4wMTNjLjkzNC0uODk3IDEuOS4yMSAxLjkuMjFoLS4wNThjLS41ODYtLjI4Mi0uNjY2LjIyNS0uNjY2LjIyNWExNC40NTQgMTQuNDU0IDAgMCAwIDUuOTYyIDQuNTMyYzEuNzIuNjA1IDIuNjIzLS4wNzYgMi42MjMtLjA3NmExNi42NjIgMTYuNjYyIDAgMCAwIDIuNDQtLjE5OGMuNjE4LS4xNjYgMi4xMjgtLjQyNiAxLjk5LTIuNDAyeiIvPjxwYXRoIGZpbGw9IiNlY2E5M2YiIGQ9Ik0yMS43OCA5LjMxYy40MDItLjEyNS43MS40MTguMTgzLjY1LS4wNzYuMjAyLjA0NC40MjIuMzY2LjQ5OGEuNjM3LjYzNyAwIDAgMS0uNTUtMS4xNDhtNC41MzItLjE2NWMtLjMzLS4xMDgtLjU4NS4zNC0uMTQ3LjUzOC4wNTguMTY2LS4wNC4zNDUtLjMwOS40MDguODUuMTc1Ljg5NC0uNzkuNDQ3LS45NDYiLz48L3N2Zz4=); - --nfd-onboarding-primary: #2e93ee; - --nfd-onboarding-highlighted--rgb: 30, 32, 68; - --nfd-onboarding-primary-alt: #3b97ff; - --nfd-onboarding-secondary: #cdd8df; - --nfd-onboarding-secondary-alt: #363636; - --nfd-onboarding-tertiary: #ffcf00; - --nfd-onboarding-tertiary-alt: #ff9144; - --nfd-onboarding-light: #f5f6f8; - --nfd-onboarding-light-gray: #f0f0f0; - --nfd-onboarding-light-gray-2: #efefef; - --nfd-onboarding-light-gray-3: #f2f2f2; - --nfd-onboarding-light-gray-4: #a7a7a7; - --nfd-onboarding-dark: #1e2044; - --nfd-onboarding-border: 245, 246, 248; - --nfd-onboarding-drawer-icon-fill: var(--nfd-onboarding-tertiary); - --nfd-onboarding-drawer-icon-active-fill: var(--nfd-onboarding-light); -} -body.nfd-brand-webcom { - --wp-admin-theme-color: #4b75fc; - --wp-admin-theme-color--rgb: 75, 117, 252; - --wp-admin-theme-color-darker-10: #2b5cfb; - --wp-admin-theme-color-darker-10--rgb: 43, 92, 251; - --wp-admin-theme-color-darker-20: #0b44fb; - --wp-admin-theme-color-darker-20--rgb: 11, 68, 251; - --nfd-onboarding-dark-icon: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjUwNi42NjciIGhlaWdodD0iNTA2LjY2NyIgdmlld0JveD0iMCAwIDM4MCAzODAiPgogICAgPHBhdGggZmlsbD0iIzJiNWNmYiIgZD0iTTcwLjUgMTEyYy00LjIgMS43LTYuOCA1LjgtNi44IDEwLjIuMSAyLjkgNy43IDI1LjEgMjMuNyA2OS42IDEzIDM1LjkgMjQuMiA2Ni41IDI1LjEgNjguMSAyLjUgNC45IDYuMiA3LjEgMTEuNyA3LjEgOSAwIDkuNS0xIDI0LjMtNDQgMjcuOC04MSAyNi4yLTc2LjcgMjcuMy03NCAuNSAxLjQgOS40IDI3LjIgMTkuOCA1Ny41IDIxIDYxLjIgMjAuNiA2MC41IDI5IDYwLjUgNS42IDAgOS0xLjYgMTEuMy01LjQgMS4xLTEuNyA4LjctMjIgMTcuMS00NS4xIDguMy0yMy4xIDE5LTUyLjYgMjMuNy02NS41IDQuNy0xMi45IDguOC0yNS40IDkuMS0yNy43LjYtNS4zLTEuNS04LjktNi42LTExLTQuNS0xLjktMTAuNC0uNC0xMi44IDMuMS0uOCAxLjMtNy42IDIwLjMtMTUgNDIuMi03LjUgMjItMTYuNCA0OC4yLTE5LjkgNTguNC0zLjUgMTAuMi02LjYgMTcuOC02LjkgMTctLjMtLjgtNi43LTIwLjItMTQuMS00My03LjUtMjIuOC0xNS45LTQ4LjQtMTguNy01Ni44LTIuOS04LjktNi0xNi41LTcuNC0xOC4yLTQuNi01LjQtMTUuNi00LjgtMTkuMiAxLjEtLjcgMS4xLTEwLjEgMjgtMjAuOCA1OS43LTEwLjcgMzEuNi0xOS42IDU3LjctMTkuOCA1Ny45LS4yLjItOS0yNS40LTE5LjYtNTYuOS0xMC42LTMxLjUtMjAuMS01OC43LTIxLjItNjAuNS0yLjYtNC40LTguNS02LjMtMTMuMy00LjN6TTI5NC41IDIzNS41Yy0xMiA0LjMtMTUuMSAxOC4xLTYuMSAyNy4xIDQuNiA0LjYgOS4xIDYuMSAxNS4zIDQuOSA0LjktLjkgMTAuOC02LjggMTIuMi0xMi4zIDMuNS0xMi43LTktMjQuMi0yMS40LTE5Ljd6Ii8+Cjwvc3ZnPg==); - --nfd-onboarding-icon: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjUwNi42NjciIGhlaWdodD0iNTA2LjY2NyIgdmlld0JveD0iMCAwIDM4MCAzODAiPgogICAgPHBhdGggZmlsbD0iI2ZmZiIgZD0iTTcwLjUgMTEyYy00LjIgMS43LTYuOCA1LjgtNi44IDEwLjIuMSAyLjkgNy43IDI1LjEgMjMuNyA2OS42IDEzIDM1LjkgMjQuMiA2Ni41IDI1LjEgNjguMSAyLjUgNC45IDYuMiA3LjEgMTEuNyA3LjEgOSAwIDkuNS0xIDI0LjMtNDQgMjcuOC04MSAyNi4yLTc2LjcgMjcuMy03NCAuNSAxLjQgOS40IDI3LjIgMTkuOCA1Ny41IDIxIDYxLjIgMjAuNiA2MC41IDI5IDYwLjUgNS42IDAgOS0xLjYgMTEuMy01LjQgMS4xLTEuNyA4LjctMjIgMTcuMS00NS4xIDguMy0yMy4xIDE5LTUyLjYgMjMuNy02NS41IDQuNy0xMi45IDguOC0yNS40IDkuMS0yNy43LjYtNS4zLTEuNS04LjktNi42LTExLTQuNS0xLjktMTAuNC0uNC0xMi44IDMuMS0uOCAxLjMtNy42IDIwLjMtMTUgNDIuMi03LjUgMjItMTYuNCA0OC4yLTE5LjkgNTguNC0zLjUgMTAuMi02LjYgMTcuOC02LjkgMTctLjMtLjgtNi43LTIwLjItMTQuMS00My03LjUtMjIuOC0xNS45LTQ4LjQtMTguNy01Ni44LTIuOS04LjktNi0xNi41LTcuNC0xOC4yLTQuNi01LjQtMTUuNi00LjgtMTkuMiAxLjEtLjcgMS4xLTEwLjEgMjgtMjAuOCA1OS43LTEwLjcgMzEuNi0xOS42IDU3LjctMTkuOCA1Ny45LS4yLjItOS0yNS40LTE5LjYtNTYuOS0xMC42LTMxLjUtMjAuMS01OC43LTIxLjItNjAuNS0yLjYtNC40LTguNS02LjMtMTMuMy00LjN6TTI5NC41IDIzNS41Yy0xMiA0LjMtMTUuMSAxOC4xLTYuMSAyNy4xIDQuNiA0LjYgOS4xIDYuMSAxNS4zIDQuOSA0LjktLjkgMTAuOC02LjggMTIuMi0xMi4zIDMuNS0xMi43LTktMjQuMi0yMS40LTE5Ljd6Ii8+Cjwvc3ZnPg==); - --nfd-onboarding-logo: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ijg5LjA2NiAyMzYuOTQ3IDE2MC43MTEgMzAuMDYyIj4KICA8cGF0aCBkPSJtOTUuMTQwMzk3IDI2NS4zOTc3MzctNS45MDA4MjYtMTcuNTQxNGMtLjA1Nzg1Mi0uMjQ3OS0uMTczNTU0LS41NTc4LS4xNzM1NTQtLjg2NzcgMC0uNzQzODQuNTc4NTEyLTEuNDg3NjQgMS40NDYyOC0xLjQ4NzY0Ljc1MjA3IDAgMS4yMTQ4OC40OTU4NiAxLjQ0NjI4IDEuMzAxNjVsNC45MTczNiAxNS41NTc4OSA0LjkxNzM4LTE1LjYxOTg4Yy4yMzE0LS43NDM4LjY5NDItMS4yMzk2NiAxLjQ0NjMtMS4yMzk2NmguMTczNWMuODA5OSAwIDEuMjcyNy40OTU4NiAxLjUwNDEgMS4yMzk2Nmw0LjgwMTcgMTUuNjE5ODggNC45NzUyLTE1LjY4MTg2Yy4xNzM2LS42MTk4My41Nzg1LTEuMTc3NjggMS4zODg0LTEuMTc3NjguODA5OSAwIDEuNDQ2My42ODE4MSAxLjQ0NjMgMS40MjU2MiAwIC4zMDk5Mi0uMTE1Ny42MTk4Mi0uMTczNS44Njc3MmwtNS45NTg3IDE3LjYwMzRjLS4yODkzLjkyOTctLjkyNTYgMS40MjU2LTEuNTYyIDEuNDI1NmgtLjExNTdjLS43NTIxIDAtMS4zMzA2LS40OTU5LTEuNTYyLTEuNDI1NmwtNC44NTk1LTE1LjEyNC00Ljg1OTUgMTUuMTI0Yy0uMjg5MjYuOTI5Ny0uODA5OTIgMS40MjU2LTEuNTYxOTggMS40MjU2aC0uMDU3ODVjLS43NTIwNyAwLTEuMzg4NDMtLjQ5NTktMS42Nzc2OS0xLjQyNTZabTMzLjk1ODgyIDEuNTQ5NWMtNS4zMjIzIDAtOS42NjExLTQuNDAwOS05LjY2MTEtMTAuNzg1MnYtLjA2MmMwLTYuMDEyNCAzLjkzMzktMTAuNzg1MDggOS4zMTQtMTAuNzg1MDggNS43MjczIDAgOS4wMjQ4IDUuMDIwNjggOS4wMjQ4IDEwLjUzNzE4IDAgLjg2NzgtLjYzNjMgMS40MjU2LTEuMzMwNiAxLjQyNTZoLTE0LjA1NzhjLjQwNDkgNC41MjQ4IDMuMzU1NCA3LjAwNDIgNi44MjY0IDcuMDA0MiAyLjM3MTkgMCA0LjE2NTMtLjk5MTggNS42MTE2LTIuNDE3NC4yMzE0LS4xODU5LjQ2MjgtLjM3MTkuODA5OS0uMzcxOS42OTQyIDAgMS4yNzI3LjYxOTggMS4yNzI3IDEuMzAxNyAwIC4zNzE5LS4xNzM1Ljc0MzgtLjQ2MjguOTkxNy0xLjg1MTIgMS45MjE1LTQuMDQ5NiAzLjE2MTItNy4zNDcxIDMuMTYxMlptNS43MjczLTEyLjAyNDhjLS4yODkzLTMuNzgxLTIuMzE0LTcuMDY2Mi02LjE5MDEtNy4wNjYyLTMuMzU1NCAwLTUuOTAwOCAzLjAzNzItNi4zMDU4IDcuMDY2MmgxMi40OTU5Wm02LjcxMDItMTYuNDI1ODFjMC0uODY3NzcyLjYzNjQtMS41NDk1OSAxLjQ0NjMtMS41NDk1OXMxLjQ0NjMuNjgxODE4IDEuNDQ2MyAxLjU0OTU5djExLjM0MzAxYzEuNTYxOS0yLjQ3OTQgMy44NzYtNC42NDg4IDcuNDA0OS00LjY0ODggNC42MjgxIDAgOS4yNTYyIDMuOTY2OSA5LjI1NjIgMTAuNzg1MXYuMDYyYzAgNi44MTgyLTQuNTcwMiAxMC43ODUxLTkuMjU2MiAxMC43ODUxLTMuNTg2OCAwLTUuOTAwOC0yLjEwNzQtNy40MDQ5LTQuNDAwOHYyLjYwMzNjMCAuODY3OC0uNTc4NSAxLjU0OTYtMS40NDYzIDEuNTQ5Ni0uODA5OSAwLTEuNDQ2My0uNzQzOC0xLjQ0NjMtMS41NDk2di0yNi41Mjg5MVptMTYuNjAzMyAxNy42NjUzMXYtLjA2MmMwLTQuODk2Ny0zLjEyNC04LjA1NzktNi44MjY0LTguMDU3OS0zLjU4NjggMC03IDMuMjg1Mi03IDcuOTk1OXYuMDYyYzAgNC44MzQ3IDMuNDEzMiA4LjA1NzggNyA4LjA1NzggMy43NjAzIDAgNi44MjY0LTIuOTc1MiA2LjgyNjQtNy45OTU4Wm0xMS43NDQ0LjAwMDF2LS4wNjJjMC01Ljg4ODQgNC4yODA5LTEwLjg0NzA5IDkuOTUwNC0xMC44NDcwOSAzLjIzOTYgMCA1LjM4MDEgMS4zMDE2NSA3LjExNTYgMy4wMzcxOS4yMzE1LjE4NTkuNDYyOS42MTk4LjQ2MjkgMS4wNTM3IDAgLjg2NzgtLjYzNjQgMS40ODc2LTEuMzg4NSAxLjQ4NzYtLjM0NzEgMC0uNjk0Mi0uMTg1OS0uOTI1Ni0uMzcxOS0xLjM4ODQtMS4zNjM2LTIuOTUwNC0yLjQ3OTMtNS4yNjQ0LTIuNDc5My0zLjkzMzkgMC02Ljk0MjIgMy41OTUtNi45NDIyIDguMDU3OHYuMDYyYzAgNC41MjQ4IDMuMDY2MSA4LjA1NzkgNy4xMTU3IDguMDU3OSAyLjE5ODQgMCAzLjk5MTctMS4xMTU3IDUuMzgwMi0yLjU0MTQuMTczNS0uMTg1OS40NjI4LS4zNzE5LjgwOTktLjM3MTkuNjk0MiAwIDEuMzMwNi42ODE5IDEuMzMwNiAxLjQyNTcgMCAuMzcxOS0uMTczNi43NDM4LS4zNDcxLjk5MTctMS44NTEzIDEuOTgzNS00LjA0OTYgMy4zNDcxLTcuMjg5MyAzLjM0NzEtNS43MjczLS4wNjItMTAuMDA4Mi01LjAyMDctMTAuMDA4Mi0xMC44NDcxWm0yMC4xMzE2IDB2LS4wNjJjMC01Ljg4ODQgNC4yODEtMTAuODQ3MDkgMTAuMTI0LTEwLjg0NzA5IDUuNzg1IDAgMTAuMDY2IDQuODk2NjkgMTAuMDY2IDEwLjc4NTA5di4wNjJjMCA1Ljg4ODQtNC4zMzkgMTAuODQ3MS0xMC4xODIgMTAuODQ3MS01Ljc4NSAwLTEwLjAwOC00Ljg5NjctMTAuMDA4LTEwLjc4NTFabTE3LjI0IDB2LS4wNjJjMC00LjQ2MjgtMy4xMjQtOC4xMTk4LTcuMTc0LTguMTE5OC00LjIyMyAwLTcuMTE1IDMuNjU3LTcuMTE1IDguMDU3OHYuMDYyYzAgNC40NjI4IDMuMDY2IDguMDU3OSA3LjE3MyA4LjA1NzkgNC4xNjUgMCA3LjExNi0zLjU5NTEgNy4xMTYtNy45OTU5Wm02LjY1My05LjExMTRjMC0uODY3NzIuNjM2LTEuNTQ5NTQgMS40NDYtMS41NDk1NC44MSAwIDEuNDQ2LjY4MTgyIDEuNDQ2IDEuNTQ5NTR2Mi4xMDc1YzEuMjczLTIuMDQ1NSAzLjAwOS0zLjk2Njk2IDYuMjQ4LTMuOTY2OTYgMy4xMjQgMCA1LjE0OSAxLjc5NzU2IDYuMjQ4IDQuMTUyODYgMS4zODktMi4yOTM0IDMuNDcxLTQuMTUyODYgNi44MjctNC4xNTI4NiA0LjQ1NCAwIDcuMTczIDMuMjIzMTYgNy4xNzMgOC4zNjc3NnYxMS41OTA5YzAgLjg2NzgtLjYzNiAxLjU0OTYtMS40NDYgMS41NDk2LS44MSAwLTEuNDQ2LS42ODE4LTEuNDQ2LTEuNTQ5NnYtMTAuNzg1MWMwLTQuMDI4OS0xLjg1Mi02LjI2MDMtNS4wMzMtNi4yNjAzLTIuOTUxIDAtNS4zMjMgMi4zNTUzLTUuMzIzIDYuNDQ2MnYxMC43MjMyYzAgLjg2NzgtLjYzNiAxLjU0OTYtMS40NDYgMS41NDk2LS44MSAwLTEuNDQ2LS42ODE4LTEuNDQ2LTEuNTQ5NnYtMTEuMDMzMWMwLTMuOTA0OS0xLjkwOS02LjE5ODMtNC45NzUtNi4xOTgzLTMuMDY3IDAtNS4zODEgMi43MjczLTUuMzgxIDYuNTcwMnYxMC41OTkyYzAgLjg2NzgtLjU3OCAxLjU0OTYtMS40NDYgMS41NDk2LS44MSAwLTEuNDQ2LS42ODE4LTEuNDQ2LTEuNTQ5NnYtMTguMTYxMlptLTQ4LjM2MzYgMTkuNzEwMmMxLjE4MjEgMCAyLjE0MDUtMS4wMjY4IDIuMTQwNS0yLjI5MzQgMC0xLjI2NjYtLjk1ODQtMi4yOTMzLTIuMTQwNS0yLjI5MzMtMS4xODIyIDAtMi4xNDA1IDEuMDI2Ny0yLjE0MDUgMi4yOTMzcy45NTgzIDIuMjkzNCAyLjE0MDUgMi4yOTM0Wm03OS44OTI2LTE5LjIxNDVjMC0uNDMzOS4xMTYtLjgwNTc5LjI4OS0xLjExNTcxLjE3NC0uMzA5OTEuNDYzLS42MTk4My44MS0uODY3NzYuMzQ3LS4xODU5NS42OTQtLjMwOTkyIDEuMDk5LS4zMDk5MnMuNzUzLjEyMzk3IDEuMDQyLjMwOTkyYy4yODkuMTg1OTUuNTc4LjQ5NTg2LjgxLjg2Nzc2LjE3My4zNzE5LjI4OS43NDM4MS4yODkgMS4xNzc3MSAwIC4zNzE5LS4xMTYuODA1OC0uMjg5IDEuMTE1Ny0uMTc0LjMwOTktLjQ2My42MTk4LS43NTIuODY3OC0uMzQ3LjE4NTktLjY5NS4zMDk5LTEuMS4zMDk5LS40MDUgMC0uNzUyLS4xMjQtMS4wOTktLjMwOTktLjM0Ny0uMTg2LS41NzgtLjQ5NTktLjc1Mi0uODY3OC0uMjMxLS40MzM5LS4zNDctLjgwNTgtLjM0Ny0xLjE3NzdabS4zNDcgMGMwIC4zNzE5LjA1OC42ODE4LjIzMi45OTE3LjE3My4zMDk5LjQwNS41NTc5LjY5NC43NDM4LjI4OS4xODYuNTc4LjI0OC45MjUuMjQ4LjM0OCAwIC42MzctLjA2Mi45MjYtLjI0OC4yODktLjE4NTkuNTIxLS40MzM5LjY5NC0uNzQzOC4xNzQtLjMwOTkuMjMyLS42MTk4LjIzMi0uOTkxN3MtLjA1OC0uNjgxODItLjIzMi0uOTkxNzRjLS4xNzMtLjMwOTkyLS40MDUtLjU1Nzg1LS42OTQtLjc0MzgtLjI4OS0uMTg1OTUtLjU3OC0uMjQ3OTMtLjkyNi0uMjQ3OTMtLjM0NyAwLS42MzYuMDYxOTgtLjkyNS4yNDc5My0uMjg5LjE4NTk1LS41MjEuNDMzODgtLjY5NC43NDM4LS4xNzQuMzA5OTItLjIzMi42MTk4NC0uMjMyLjk5MTc0Wm0yLjY2MS0uNTU3OWMwIC4xODYtLjA1Ny4zMS0uMTE1LjQzMzktLjA1OC4xMjQtLjE3NC4yNDgtLjM0Ny4yNDhsLjY5NCAxLjE3NzZoLS40NjNsLS41NzktMS4wNTM3aC0uNDA1djEuMDUzN2gtLjQwNHYtMi43MjcyMmguNzUyYy4yODkgMCAuNTIuMDYxOTguNjk0LjE4NTk1LjE3My4xMjM5Ni4xNzMuMzcxOS4xNzMuNjgxNzdabS0xLjIxNS40MzM5aC4yOWMuMTczIDAgLjI4OS0uMDYyLjM0Ny0uMTIzOS4xMTYtLjA2Mi4xMTYtLjE4Ni4xMTYtLjMxIDAtLjEyMzkyLS4wNTgtLjI0Nzg5LS4xMTYtLjMwOTg3LS4wNTgtLjA2MTk5LS4yMzItLjEyMzk3LS40MDUtLjEyMzk3aC0uMjg5di44Njc3NGguMDU3WiIvPgo8L3N2Zz4=); - --nfd-onboarding-primary: #4b75fc; - --nfd-onboarding-highlighted--rgb: 13, 71, 251; - --nfd-onboarding-primary-alt: #0d47fb; - --nfd-onboarding-secondary: #d4dce1; - --nfd-onboarding-secondary-alt: #171003; - --nfd-onboarding-tertiary: #fed96a; - --nfd-onboarding-tertiary-alt: #fec101; - --nfd-onboarding-light: #ffffff; - --nfd-onboarding-light-gray: #f0f0f0; - --nfd-onboarding-light-gray-2: #efefef; - --nfd-onboarding-light-gray-3: #f2f2f2; - --nfd-onboarding-light-gray-4: #a7a7a7; - --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); -} - -@-webkit-keyframes fadeIn { - from { - opacity: 0; - } - to { - opacity: 1; - } -} - -@keyframes fadeIn { - from { - opacity: 0; - } - to { - opacity: 1; - } -} -@-webkit-keyframes shine { - 0% { - transform: translateX(-100%); - } - 100% { - transform: translateX(100%); - } -} -@keyframes shine { - 0% { - transform: translateX(-100%); - } - 100% { - transform: translateX(100%); - } -} -@-webkit-keyframes shine-placeholder { - 0% { - background-position: -468px 0; - } - 100% { - background-position: 468px 0; - } -} -@keyframes shine-placeholder { - 0% { - background-position: -468px 0; - } - 100% { - background-position: 468px 0; - } -} -.is-centered { - display: flex; - place-content: center; - place-items: center; -} - -.is-vertically-centered { - display: flex; - align-items: center; - justify-content: space-evenly; - flex-direction: column; -} - -.is-bg-primary { - background-color: var(--nfd-onboarding-primary); - color: var(--nfd-onboarding-light); -} - -.center { - text-align: center; -} - -input::-moz-placeholder { - font-size: 0.75rem; - color: var(--nfd-onboarding-light-gray-4); -} - -input:-ms-input-placeholder { - font-size: 0.75rem; - color: var(--nfd-onboarding-light-gray-4); -} - -input::placeholder { - font-size: 0.75rem; - color: var(--nfd-onboarding-light-gray-4); -} - -.nfd-onboarding-drawer__toggle { - align-items: center; - background: var(--nfd-onboarding-drawer-bg); - border-radius: 0; - display: flex; - position: absolute; - z-index: 31; - height: 60px; - width: 60px; -} -.nfd-onboarding-drawer__toggle-button { - align-items: center; - background: var(--nfd-onboarding-drawer-bg); - border-radius: 0; - color: var(--nfd-onboarding-drawer-fg); - height: 61px; - width: 60px; - z-index: 1; - margin-bottom: -1px; -} -.nfd-onboarding-drawer__toggle-button.has-icon { - min-width: 60px; -} -.nfd-onboarding-drawer__toggle-button.has-icon:hover, .nfd-onboarding-drawer__toggle-button.has-icon:active { - color: var(--nfd-onboarding-drawer-fg); -} -.nfd-onboarding-drawer__toggle-button.has-icon.is-suppressed { - cursor: default; -} -.nfd-onboarding-drawer__toggle-button.has-icon:focus { - box-shadow: none; -} -.nfd-onboarding-drawer__toggle-button.has-icon::before { - transition: box-shadow 100ms ease; - content: ""; - display: block; - position: absolute; - top: 9px; - right: 9px; - bottom: 9px; - left: 9px; - border-radius: 4px; - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--nfd-onboarding-drawer-bg); -} -@media (prefers-reduced-motion: reduce) { - .nfd-onboarding-drawer__toggle-button.has-icon::before { - transition-duration: 0s; - transition-delay: 0s; - } -} -.nfd-onboarding-drawer__toggle-button.has-icon:hover::before { - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) #757575; -} -.nfd-onboarding-drawer__toggle-button.has-icon:focus::before { - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) rgba(var(--nfd-onboarding-drawer-fg), 0.1); -} - -.nfd-onboarding-drawer__panel { - height: 100%; - position: relative; - width: 0; - overflow: auto; - background: var(--nfd-onboarding-drawer-bg); - color: var(--nfd-onboarding-drawer-fg); - transition: width 100ms linear; -} -@media (prefers-reduced-motion: reduce) { - .nfd-onboarding-drawer__panel { - transition-duration: 0s; - transition-delay: 0s; - } -} -@media (min-width: 782px) { - .interface-interface-skeleton.has-footer .nfd-onboarding-drawer__panel { - height: calc(100% - 25px); - } -} -.nfd-onboarding-drawer__panel-inner { - position: relative; - width: 300px; - height: 100%; - overflow: auto; - visibility: hidden; - transition: visibility 100ms linear; -} -@media (prefers-reduced-motion: reduce) { - .nfd-onboarding-drawer__panel-inner { - transition-duration: 0s; - transition-delay: 0s; - } -} -.nfd-onboarding-drawer__panel-site-title-container { - height: 60px; - padding-left: 60px; - margin: 0 16px 0 8px; - display: flex; - align-items: center; -} -.nfd-onboarding-drawer__panel-site-title { - font-weight: 600; - font-size: 14px; - line-height: 20px; - color: #ddd; - display: -webkit-box; - -webkit-line-clamp: 2; - -webkit-box-orient: vertical; - overflow: hidden; -} -.nfd-onboarding-drawer__panel-scroll-container { - overflow-x: hidden; - overflow-y: auto; - height: calc(100% - 60px); - background-color: var(--nfd-onboarding-drawer-bg); - -ms-overflow-style: none; - scrollbar-width: none; -} -.nfd-onboarding-drawer__panel-scroll-container::-webkit-scrollbar { - display: none; -} -.nfd-onboarding-drawer__panel-inside { - padding: 0 16px; - color: var(--nfd-onboarding-drawer-fg); -} -.nfd-onboarding-drawer__panel-inside h2 { - color: var(--nfd-onboarding-drawer-fg); -} -.nfd-onboarding-drawer__panel .components-button.nfd-onboarding-drawer__panel-back.is-tertiary { - color: var(--nfd-onboarding-drawer-fg); - opacity: 0.7; - height: 36px; - margin-top: 24px; - padding: 8px 16px 8px 8px; -} -.nfd-onboarding-drawer__panel .components-button.nfd-onboarding-drawer__panel-back.is-tertiary svg { - margin-right: 0; -} -.nfd-onboarding-drawer__panel .components-button.nfd-onboarding-drawer__panel-back.is-tertiary:hover:not(:disabled), .nfd-onboarding-drawer__panel .components-button.nfd-onboarding-drawer__panel-back.is-tertiary:focus:not(:disabled) { - opacity: 1; - box-shadow: none; -} -.nfd-onboarding-drawer__panel .components-button.nfd-onboarding-drawer__panel-back.is-tertiary:active { - background-color: transparent; -} -.nfd-onboarding-drawer__panel-menu { - margin: 24px 0; -} -.nfd-onboarding-drawer__panel-menu h3 { - color: var(--nfd-onboarding-drawer-fg); - font-size: 20.28px; - line-height: 1.2; - padding: 4px 8px 4px 16px; - margin-top: 0; - height: 40px; - max-height: 48px; - display: flex; - align-items: center; - margin-bottom: 8px; -} -.nfd-onboarding-drawer__panel-menu-item { - display: block; - width: 100%; - color: var(--nfd-onboarding-drawer-fg); - font-size: 14px; - line-height: 20px; -} -.nfd-onboarding-drawer__panel-menu-link { - display: flex; - padding: 8px 16px; - text-decoration: none; - color: var(--nfd-onboarding-light); - align-items: center; - border-radius: 2px; - transition: background-color 100ms linear; -} -@media (prefers-reduced-motion: reduce) { - .nfd-onboarding-drawer__panel-menu-link { - transition-duration: 0s; - transition-delay: 0s; - } -} -.nfd-onboarding-drawer__panel-menu-link svg { - fill: var(--nfd-onboarding-drawer-icon-fill); - transition: fill 100ms linear; - margin-right: 8px; -} -@media (prefers-reduced-motion: reduce) { - .nfd-onboarding-drawer__panel-menu-link svg { - transition-duration: 0s; - transition-delay: 0s; - } -} -.nfd-onboarding-drawer__panel-menu-link:focus { - box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); - outline: 3px solid transparent; - color: var(--nfd-onboarding-drawer-fg); -} -.nfd-onboarding-drawer__panel-menu-link:hover { - color: var(--nfd-onboarding-drawer-fg); -} -.nfd-onboarding-drawer__panel-menu-link.active { - background-color: var(--nfd-onboarding-primary); - color: var(--nfd-onboarding-light); -} -.nfd-onboarding-drawer__panel-menu-link.active svg { - fill: var(--nfd-onboarding-drawer-icon-active-fill); -} - -.nfd-onboarding-drawer__panel.is-open { - width: 300px; -} -.nfd-onboarding-drawer__panel.is-open .nfd-onboarding-drawer__panel-inner { - visibility: visible; -} - -.is-drawer-fade { - -webkit-animation-name: fadeIn; - animation-name: fadeIn; - -webkit-animation-duration: 100ms; - animation-duration: 100ms; - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; -} - -/*COLOR VARIABLES*/ -.theme-styles-preview--drawer { - overflow-y: auto; - overflow-x: hidden; - width: 100%; -} -.theme-styles-preview--drawer__list { - width: 100%; - height: 100%; -} -@media (max-width: 960px) { - .theme-styles-preview--drawer__list { - width: 100%; - align-items: center; - justify-content: center; - flex-direction: column; - } -} -.theme-styles-preview--drawer__list__item { - flex: 1; - width: 100%; - margin: 24px 0px; - display: flex; - align-items: center; - flex-direction: column; - justify-content: center; -} -.theme-styles-preview--drawer__list__item__title-bar { - width: 90%; - height: 15px; - display: flex; - align-items: center; - background-color: #cccccc; - justify-content: space-between; - border: 1px solid transparent; -} -.theme-styles-preview--drawer__list__item__title-bar__browser { - display: flex; - align-items: center; - justify-content: center; - margin-left: 3px; -} -.theme-styles-preview--drawer__list__item__title-bar__browser__dot { - background-color: #989EA7; - width: 8px; - margin: 3px; - height: 8px; - border-radius: 50%; - display: inline-block; -} -.theme-styles-preview--drawer__list__item__title-bar--selected { - z-index: 2; - width: 40px; - height: 40px; - display: flex; - margin-right: -15px; - border-radius: 50%; - align-items: center; - justify-content: center; - background-clip: padding-box; - background-color: var(--nfd-onboarding-primary-alt); -} -.theme-styles-preview--drawer__list__item__title-bar--selected__path { - fill: var(--nfd-onboarding-white); - transform: scale(0.7); -} -.theme-styles-preview--drawer__list__item__title-bar--unselected { - display: none; -} -.theme-styles-preview--drawer__list__item__live-preview-container { - position: relative; - width: 90%; - overflow: hidden; - align-items: center; - border: 1px solid #B7B7B7; -} -.theme-styles-preview--drawer__list__item__live-preview-container .live-preview__container-custom { - width: 100%; - overflow: hidden; - height: 250px; -} -.theme-styles-preview--drawer__list__item__live-preview-container .live-preview__container-custom:hover { - cursor: pointer; -} - -.color-palette { - width: 88%; - height: 30px; - display: flex; - margin: 8px 4px; - cursor: pointer; - position: relative; - padding: 10px 16px; - align-items: center; - background-color: white; - justify-content: space-between; -} -.color-palette-selected { - background-color: var(--nfd-onboarding-primary-alt); -} -.color-palette__colors { - display: flex; - align-items: center; - justify-content: space-between; -} -.color-palette__colors--tertiary { - width: 22px; - height: 22px; - border-radius: 50%; - position: absolute; - border: 1px solid rgba(0, 0, 0, 0.3); -} -.color-palette__colors--secondary { - left: 35px; - width: 22px; - height: 22px; - border-radius: 50%; - position: absolute; - border: 1px solid rgba(0, 0, 0, 0.3); -} -.color-palette__colors--primary { - left: 55px; - width: 22px; - height: 22px; - border-radius: 50%; - position: absolute; - border: 1px solid rgba(0, 0, 0, 0.3); -} -.color-palette__name { - color: black; - font-size: 12px; - font-weight: 700; - line-height: 16px; -} - -.custom-palette { - width: 88%; - margin: 30px 2px; - padding: 20px 16px; - background: var(--nfd-onboarding-primary-alt); -} -.custom-palette__top { - display: flex; - cursor: pointer; - align-items: center; - justify-content: space-between; -} -.custom-palette__top-icon { - font-size: 18px; - font-weight: 500; -} -.custom-palette_acc_opened { - display: block; -} -.custom-palette_acc_closed { - display: none; -} -.custom-palette__below { - margin-top: 16px; - -webkit-animation-name: fadeIn; - animation-name: fadeIn; - -webkit-animation-duration: 300ms; - animation-duration: 300ms; - -webkit-animation-timing-function: linear; - animation-timing-function: linear; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; -} -.custom-palette__below-row { - height: 50px; - color: black; - display: flex; - cursor: pointer; - align-items: center; - background-color: white; - justify-content: flex-start; - border: 0.5px solid rgba(0, 0, 0, 0.3); -} -.custom-palette__below-row-icon { - width: 22px; - height: 22px; - margin: 2px 12px; - border-radius: 50%; - display: flex; - align-items: center; - justify-content: center; - border: 1px solid rgba(0, 0, 0, 0.3); -} -.custom-palette__below-row-icon_selected_border { - box-shadow: 0px 0px 5px 3px rgba(var(--nfd-onboarding-highlighted--rgb), 0.5); -} -.custom-palette__picker-close-icon { - width: 25px; - height: 25px; - display: flex; - color: black; - cursor: pointer; - font-weight: 900; - border-radius: 50%; - align-items: center; - justify-content: center; - border: 1px solid black; - background-color: white; -} - -.nfd-onboarding-header { - align-items: center; - background-color: var(--nfd-onboarding-header-bg); - color: var(--nfd-onboarding-header-fg); - display: flex; - height: 60px; - box-sizing: border-box; - width: 100%; - justify-content: space-between; - padding-right: 16px; -} -.nfd-onboarding-header h2, .nfd-onboarding-header h3, .nfd-onboarding-header h4 { - color: var(--nfd-onboarding-header-fg); -} -body.is-fullscreen-mode .nfd-onboarding-header { - padding-left: 60px; - transition: padding-left 20ms linear; - transition-delay: 80ms; -} -@media (prefers-reduced-motion: reduce) { - body.is-fullscreen-mode .nfd-onboarding-header { - transition-duration: 0s; - transition-delay: 0s; - } -} -.nfd-onboarding-header__start, .nfd-onboarding-header__end { - display: flex; -} -.nfd-onboarding-header__start { - align-items: center; - margin-left: 16px; -} -.nfd-onboarding-header__center { - display: flex; - align-items: center; - height: 100%; - flex-grow: 1; - justify-content: center; - min-width: 5px; - font-weight: 600; - font-size: 20px; - line-height: 24px; -} -.nfd-onboarding-header__center svg { - margin-right: 8px; -} -.nfd-onboarding-header__end { - justify-content: flex-end; -} -.nfd-onboarding-header__step-navigation { - display: flex; - -moz-column-gap: 8px; - column-gap: 8px; -} -.nfd-onboarding-header__step-progress:-webkit-progress-inner-element { - background-color: #999; -} -.nfd-onboarding-header__step-progress:-moz-progress-bar, .nfd-onboarding-header__step-progress:-webkit-progress-bar { - background-color: var(--nfd-onboarding-primary); -} - -.nfd-onboarding-skeleton.is-drawer-open .nfd-onboarding-header { - padding-left: 0; - transition: padding-left 20ms linear; - transition-delay: 0ms; -} -@media (prefers-reduced-motion: reduce) { - .nfd-onboarding-skeleton.is-drawer-open .nfd-onboarding-header { - transition-duration: 0s; - transition-delay: 0s; - } -} - -.navigation-buttons { - font-size: 14px; - line-height: 40px; - align-items: center; - letter-spacing: 0.8px; - display: flex !important; - justify-content: space-evenly; - border-radius: 2px !important; - padding: 20px 14px !important; -} -.navigation-buttons_back { - padding-right: 22px !important; -} -.navigation-buttons_next { - padding-left: 22px !important; -} -.navigation-buttons_finish { - padding-left: 22px !important; -} -@media screen and (max-width: 782px) { - .navigation-buttons { - font-size: 13px; - padding: 15px 10px !important; - } -} - -.interface-interface-skeleton__content { - background-color: var(--nfd-onboarding-content-bg); - color: var(--nfd-onboarding-content-fg); -} - -.nfd-onboarding-layout__common { - min-height: calc(100vh - 60px - 1px - 46px); -} -@media (min-width: 782px) { - .nfd-onboarding-layout__common { - min-height: calc(100vh - 60px - 1px); - } -} -.nfd-onboarding-layout__common.is-layout-fade-in { - -webkit-animation-name: fadeIn; - animation-name: fadeIn; - -webkit-animation-duration: 233ms; - animation-duration: 233ms; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; -} -.nfd-onboarding-layout__common.is-padded { - min-height: calc(100vw - 60px - 1px - 144px - 46px); - padding: 72px; -} -@media (min-width: 782px) { - .nfd-onboarding-layout__common.is-padded { - min-height: calc(100vh - 60px - 1px - 144px); - } -} -.nfd-onboarding-layout__common > .is-contained { - width: 100%; - max-width: 1440px; -} - -.skip-button { - padding: 10px; - cursor: pointer; - font-weight: 200; - font-style: italic; - color: var(--nfd-onboarding-primary); -} - -.image-upload-loader--loading-box { - width: 200px; - height: 25px; - position: relative; - border-radius: 50px; - overflow: hidden; - border: 2px solid #ededed; -} -.image-upload-loader--loading-box__loader { - width: 100%; - height: 100%; - position: absolute; - border-radius: 50px; - background: linear-gradient(45deg, #b6b5ff, #ff9797); - left: -100%; - -webkit-animation: load 3s linear infinite; - animation: load 3s linear infinite; -} -@-webkit-keyframes load { - 0% { - left: -100%; - } - 100% { - left: 100%; - } -} -@keyframes load { - 0% { - left: -100%; - } - 100% { - left: 100%; - } -} - -.step-loader { - justify-content: space-evenly; -} -@media (max-width: 782px) { - .step-loader { - justify-content: center; - } -} -.step-loader__logo { - 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: 782px) { - .step-loader__logo { - max-width: 256px; - max-height: 256px; - height: 30vh; - width: 100vw; - } -} - -.mini-preview { - margin: 0px 0px 10px 0px; - font-weight: 500; - font-size: 1rem; -} - -.browser-container { - width: 100%; - background-color: #CACACA; -} - -.browser-icon { - width: 24px; - height: 24px; - padding: 4px; - background-position: center; - background-repeat: no-repeat; - background-clip: padding-box; -} -.browser-icon-title { - width: 18px; - height: 18px; - padding: 5px; - background-position: center; - background-repeat: no-repeat; - background-clip: padding-box; -} - -.browser-dot { - width: 12px; - height: 12px; - margin: 4px; - border-radius: 50%; - display: inline-block; -} -@media (max-width: 400px) { - .browser-dot { - width: 8px; - margin: 2.8px; - height: 8px; - margin-top: 3px; - } -} - -.browser-content { - padding: 10px; - word-break: break-all; - background-color: #FFFFFF; -} -.browser-content_top-row { - margin-top: 8px; -} -.browser-content_top-row-name { - cursor: pointer; - font-weight: 600; - font-size: 1.2rem; - margin: 0px 0px 6px 0px; - color: #3858E9; -} -.browser-content_top-row-link { - margin: 0px; - font-size: 1rem; - cursor: pointer; - color: #007017; -} -.browser-content_desc { - color: #000000; - text-align: left; - max-width: 450px; - font-weight: 400; - line-height: 1.58; - font-size: 0.88rem; - margin: 16px 0px 0px 0px; -} -.browser-content_social { - display: flex; - margin-top: 4px; - justify-content: flex-start; -} -.browser-content_social_icon { - width: 24px; - height: 24px; - text-align: center; - padding-right: 6px; - background-position: center; - background-repeat: no-repeat; - background-clip: padding-box; - transition: opacity 0.4s ease-in-out; -} -.browser-content_social_icon.invalid-url { - opacity: 0.8; -} - -.browser-row-title { - display: flex; - align-items: flex-end; - background-color: #CACACA; -} -.browser-row-title_main { - height: 100%; - margin-left: 6px; -} -.browser-row-title_buttons { - padding: 2px 8px 3px 2px; -} -.browser-row-title_bar { - display: flex; - align-items: flex-end; -} -.browser-row-title_bar_before { - background-color: #F2F2F2; -} -.browser-row-title_bar_before-curve { - opacity: 1; - width: 10px; - height: 10px; - content: " "; - display: flex; - align-items: center; - pointer-events: none; - justify-content: center; - border-radius: 0 0 8px 0; - background-color: #CACACA; -} -.browser-row-title_bar_after { - background-color: #F2F2F2; -} -.browser-row-title_bar_after-curve { - opacity: 1; - width: 10px; - height: 10px; - content: " "; - display: flex; - align-items: center; - pointer-events: none; - justify-content: center; - border-radius: 0 0 0 8px; - background-color: #CACACA; -} -.browser-row-title_bar_main { - z-index: 4; - height: 30px; - display: flex; - margin-top: 5px; - min-width: 150px; - padding-left: 5px; - padding-right: 10px; - align-items: center; - border-radius: 8px 8px 0px 0px; - background-color: #F2F2F2; -} -.browser-row-title_bar_main-text { - flex: 1; - content: " "; - margin-left: 2px; - max-width: 140px; - font-size: 0.8rem; - line-clamp: 1; - white-space: nowrap; - text-overflow: ellipsis; - background: -webkit-linear-gradient(left, #000 50%, #fff); - -webkit-background-clip: text; - background-clip: text; - -webkit-text-fill-color: transparent; -} -.browser-row-search { - display: flex; - align-items: center; - justify-content: center; - background-color: #F2F2F2; -} -.browser-row-search__icons { - flex: 1; - display: flex; - align-items: center; - justify-content: center; -} -.browser-row-search__search-box { - flex: 10; - padding: 5px; -} -.browser-row-search__search-box_input { - width: 100%; - font-size: 0.8rem; - border: none !important; - background-color: #FFFFFF; -} -.browser-row-search__more { - flex: 1; -} - -/* Wrapping */ -.Tooltip-Wrapper { - display: inline-block; - position: relative; - width: 100%; -} - -/* Absolute positioning */ -.Tooltip-Tip { - position: absolute; - border-radius: 4px; - left: 50%; - transform: translateX(-40%); - padding: 6px; - color: white; - background: rgba(0, 0, 0, 0.75); - font-size: 12px; - white-space: nowrap; -} - -/* CSS border triangles */ -.Tooltip-Tip::before { - content: " "; - left: 50%; - border: solid transparent; - height: 0; - width: 0; - position: absolute; - pointer-events: none; - border-width: 6px; - margin-left: -6px; -} - -/* Absolute positioning */ -.Tooltip-Tip.top { - top: -35px; -} - -/* CSS border triangles */ -.Tooltip-Tip.top::before { - top: 100%; - border-top-color: rgba(0, 0, 0, 0.75); -} - -/* Absolute positioning */ -.Tooltip-Tip.right { - left: calc(100% + 35px); - top: 50%; - transform: translateX(0) translateY(-50%); -} - -/* CSS border triangles */ -.Tooltip-Tip.right::before { - left: -6px; - top: 50%; - transform: translateX(0) translateY(-50%); - border-right-color: rgba(0, 0, 0, 0.75); -} - -/* Absolute positioning */ -.Tooltip-Tip.bottom { - bottom: -35px; -} - -/* CSS border triangles */ -.Tooltip-Tip.bottom::before { - bottom: 100%; - border-bottom-color: rgba(0, 0, 0, 0.75); -} - -/* Absolute positioning */ -.Tooltip-Tip.left { - left: auto; - right: calc(100% + 35px); - top: 50%; - transform: translateX(0) translateY(-50%); -} - -/* CSS border triangles */ -.Tooltip-Tip.left::before { - left: auto; - right: -12px; - top: 50%; - transform: translateX(0) translateY(-50%); - border-left-color: rgba(0, 0, 0, 0.75); -} - -.image-uploader_heading { - font-size: 16px; - font-weight: 500; - margin: 0px 0px 6px 0px; -} -.image-uploader_window { - width: 100%; - height: 15vh; - border-radius: 2px; - margin-bottom: 24px; - border: 1px dashed #D6D6D6; - background-color: #F9F9F9; - display: flex; - align-items: center; - justify-content: center; -} -@media (min-width: 782px) { - .image-uploader_window { - height: 18vh; - } -} -.image-uploader_window-empty { - flex: 1; - height: 100%; -} -.image-uploader_window-logo { - flex: 2; - height: 100%; - display: flex; - align-items: center; - justify-content: center; -} -.image-uploader_window-logo-icon-empty { - height: 95%; - content: var(--default-logo-icon); - -o-object-fit: scale-down; - object-fit: scale-down; - background-position: center; - background-repeat: no-repeat; - background-clip: padding-box; -} -.image-uploader_window-logo-icon-selected { - width: 80%; - height: 90%; - -o-object-fit: scale-down; - object-fit: scale-down; - background-position: center; - background-repeat: no-repeat; - background-clip: padding-box; -} -.image-uploader_window-reset { - flex: 1; - height: 100%; - display: flex; - flex-direction: column; - justify-content: flex-end; -} -.image-uploader_window-reset-btn { - width: 78%; - height: 35px; - margin: 10px; - cursor: pointer; - font-size: 14px; - font-weight: 300; - color: var(--nfd-onboarding-primary); - border: 1px solid var(--nfd-onboarding-primary); -} -.image-uploader_window-select-btn { - display: none; -} - -.social-form { - width: 100%; - padding: 12px; - margin-top: 20px; - border-radius: 6px; - box-sizing: border-box; - border: 1px solid #D6D6D6; -} -.social-form__top-row { - display: flex; - cursor: pointer; - padding-left: 6px; - align-items: center; - justify-content: space-between; -} -.social-form__top-row_heading { - font-size: 1rem; - font-weight: 500; -} -.social-form__top-row_icon { - width: 24px; - height: 24px; - text-align: center; - background-position: center; - transition: all 0.3s ease-in; - background-repeat: no-repeat; - background-clip: padding-box; - background-image: var(--chevron-down-icon); -} -.social-form__top-row_icon_opened { - transform: rotateX(180deg); -} -.social-form__main-active { - opacity: 1; - overflow: hidden; - max-height: 650px; - transition: all 0.45s ease-in-out; - transition-property: max-height, opacity; -} -.social-form__main-hidden { - opacity: 0; - max-height: 0px; - overflow: hidden; - transition: all 0.45s ease-in-out; - transition-property: max-height, opacity; -} -.social-form__label { - display: flex; - padding-top: 10px; - padding-left: 6px; - padding-bottom: 3px; - align-items: center; - justify-content: flex-start; -} -.social-form__label-facebook { - padding-top: 18px; -} -.social-form__label_icon { - width: 20px; - height: 20px; - text-align: center; - padding-right: 10px; - background-position: center; - background-repeat: no-repeat; - background-clip: padding-box; -} -.social-form__label_name { - font-size: 0.9rem; -} -.social-form__box { - width: 95%; - font-size: 0.88rem; - margin: 6px 12px 10px 8px; -} -.social-form__box-error { - width: 95%; - font-size: 0.88rem; - margin: 6px 12px 10px 8px; - background-color: rgba(255, 0, 0, 0.18) !important; -} - -.nfd-input { - margin-bottom: 25px; - width: 100% !important; -} -.nfd-input__field { - padding: 14px; - margin: 6px 0px; - font-size: 0.9rem; - letter-spacing: 0.5px; - width: 100%; - resize: none; - overflow: hidden; - border-radius: 6px; - max-height: 150px; - border: 1px solid #D6D6D6; -} -.nfd-input__field_error { - background-color: rgba(255, 0, 0, 0.26) !important; -} -.nfd-input__label { - display: flex; - padding: 4px 2px; - align-items: center; - justify-content: space-between; -} -.nfd-input__label_title { - margin: 0px; - font-size: 1rem; - font-weight: 500; - letter-spacing: 0.5px; -} -.nfd-input__label_maxChar { - margin: 0px; - font-size: 0.81rem; - letter-spacing: 0.5px; -} -.nfd-input__hint { - margin: 0px; - font-weight: 300; - font-size: 0.87rem; - padding: 0px 1.5px; - font-style: italic; - letter-spacing: 0.5px; -} - -.nfd-onboarding-etw__buttons { - display: flex; - margin-top: 24px; - -moz-column-gap: 16px; - column-gap: 16px; -} -.nfd-onboarding-etw__buttons .components-button { - width: 50%; - justify-content: center; -} - -.nfd-onboarding-accordion { - border: 1px solid var(--nfd-onboarding-dark); - margin-bottom: 4px; - margin-top: 4px; - opacity: 0.8; - padding: 1px; - transition: opacity 233ms ease; -} -@media (prefers-reduced-motion: reduce) { - .nfd-onboarding-accordion { - transition-duration: 0s; - transition-delay: 0s; - } -} -.nfd-onboarding-accordion:hover, .nfd-onboarding-accordion:focus, .nfd-onboarding-accordion[open] { - opacity: 1; -} -.nfd-onboarding-accordion__summary { - background-color: var(--nfd-onboarding-light); - color: var(--nfd-onboarding-dark); - cursor: pointer; - font-weight: 700; - padding: 4px 8px; -} -.nfd-onboarding-accordion__summary p { - display: inline; -} -.nfd-onboarding-accordion__content { - margin: 0 16px; - padding: 8px 0; - color: var(--nfd-onboarding-dark); -} - -.nfd-onboarding-overview { - width: 100%; - max-width: 960px; - background-color: var(--nfd-onboarding-light); - padding: 20px; -} -.nfd-onboarding-overview__header { - display: flex; - align-items: center; - -moz-column-gap: 1rem; - column-gap: 1rem; -} -.nfd-onboarding-overview__header-icon { - display: flex; - place-items: center; -} -.nfd-onboarding-overview__header-icon svg { - fill: var(--nfd-onboarding-primary); -} -.nfd-onboarding-overview__header-heading { - margin: 0 0 6px 0; - color: var(--nfd-onboarding-dark); -} -.nfd-onboarding-overview__header-subheading { - color: var(--nfd-onboarding-dark); -} - -.nfd-onboarding-large-card { - display: flex; - max-width: 960px; - width: 60vw; - min-height: 60vh; - background: var(--nfd-onboarding-light); - position: relative; - transform-style: preserve-3d; - align-items: center; - flex-direction: column; - justify-content: space-evenly; - padding: 24px 32px; - margin: 20px; -} -@media (max-width: 781px) { - .nfd-onboarding-large-card { - justify-items: center; - align-items: center; - padding: 16px; - transform-style: flat; - } -} -.nfd-onboarding-large-card::before { - content: ""; - background: var(--nfd-onboarding-dark-icon) no-repeat; - width: 600px; - min-height: 500px; - transform: rotate(-14deg) translateZ(-1px); - position: absolute; - left: -15rem; - top: 2rem; -} -@media (max-width: 781px) { - .nfd-onboarding-large-card { - justify-items: center; - align-items: center; - transform-style: flat; - padding: 20px; - margin: 30px; - } - .nfd-onboarding-large-card::before { - display: none; - } -} -@media (min-width: 782px) and (max-width: 1300px) { - .nfd-onboarding-large-card::before { - width: 400px; - height: 350px; - left: -10.5rem; - } -} -@media (min-width: 2600px) { - .nfd-onboarding-large-card { - max-width: 100%; - width: 50vw; - min-height: 960px; - } - .nfd-onboarding-large-card::before { - width: 860px; - min-height: 600px; - left: -19rem; - } -} -.nfd-onboarding-large-cardnot::before { - justify-content: center; -} - -/*COLOR VARIABLES*/ -/*BORDER RADIUS*/ -.nfd-card { - display: flex; - cursor: pointer; - width: 290px; - padding-left: 10px; - margin-right: 10px; - align-items: center; - flex-direction: column; - justify-content: center; - box-shadow: none !important; - background-color: transparent !important; -} -.nfd-card__top_row { - width: 100%; - display: flex; - position: absolute; - align-items: center; - justify-content: center; -} -.nfd-card__body { - height: 200px; - padding: 8px; - text-align: center; - margin-top: 50px; - border-radius: 6px; - margin-right: 15px; - padding-top: 20px; - border-radius: 0.2rem; - background-color: transparent; - border: 1px solid rgba(var(--nfd-onboarding-border), 0.6); -} -.nfd-card__body_title { - font-weight: 700; - margin-top: 30px; - color: var(--nfd-onboarding-dark); - padding: 14px 0px 10px 0px; - transition: color 300ms ease-in; - font-size: clamp(1rem, 2.5vw, 1.5rem); -} -.nfd-card__body_description { - font-weight: 400; - text-align: center; - letter-spacing: 0.5px; - color: var(--nfd-onboarding-dark); - font-size: clamp(0.8rem, 2vw, 0.87rem); -} -.nfd-card__icon { - flex: 1; - display: flex; - margin-top: 10px; - margin-right: -25px; - align-items: center; - justify-content: center; -} -.nfd-card__icon_box { - width: 64px; - height: 64px; - border-radius: 50%; - text-align: center; - background-position: center; - background-repeat: no-repeat; - background-clip: padding-box; - background-color: var(--nfd-onboarding-dark); - border: 4px solid rgba(var(--nfd-onboarding-highlighted--rgb), 0.10544); -} -.nfd-card__icon_box-selected { - background-color: var(--nfd-onboarding-primary-alt) !important; -} -.nfd-card__icon_selected { - width: 40px; - height: 40px; - display: flex; - border-radius: 50%; - align-items: center; - margin-top: 20px; - justify-content: center; - background-clip: padding-box; - background-color: var(--nfd-onboarding-primary-alt); -} -.nfd-card__icon_selected_path { - fill: var(--nfd-onboarding-white); - transform: scale(0.7); -} -.nfd-card__icon_unselected { - width: 40px; - height: 40px; - opacity: 0; -} - -.nfd-selected-card { - transition: all 0.2s ease-in-out; - background-color: rgba(var(--nfd-onboarding-highlighted--rgb), 0.18) !important; -} - -.nfd-selected-card-box { - transform: scale(1.05); -} - -.selectable_cards { - gap: 1.5rem; - width: 100%; - display: flex; - justify-content: center; -} -@media (max-width: 960px) { - .selectable_cards { - flex-direction: column; - align-items: center; - } -} - -/*COLOR VARIABLES*/ -.nfd-main-heading { - width: 96%; - margin: 50px 0 50px; - line-height: 1; -} -.nfd-main-heading__title { - font-weight: 700; - text-align: center; - color: var(--nfd-onboarding-primary); - margin: 35px !important; - font-size: clamp(1.6rem, 4vw, 3.6rem); -} -.nfd-main-heading__subtitle { - color: var(--nfd-onboarding-black); - font-weight: 400; - text-align: center; - font-size: clamp(0.85rem, 3.2vw, 1.7rem); -} - -.nfd-card-button { - cursor: pointer; -} -.nfd-card-button:disabled { - cursor: default; - opacity: 0.3; -} - -.nfd-step-card-heading { - margin: 5px; - font-weight: 700; - line-height: 1.25; - text-align: center; - font-size: clamp(1.5rem, 1.82vw + 1.05rem, 2.5rem); -} -@media (max-width: 782px) { - .nfd-step-card-heading { - font-size: clamp(1rem, 3.5vw, 1.2rem); - margin: 10px; - } -} -@media (min-width: 2600px) { - .nfd-step-card-heading { - font-size: clamp(1rem, 2.44vw + 0.39rem, 6.25rem); - margin: 40px; - } -} - -.nfd-step-card-subheading { - margin: 5px; - font-weight: 700; - color: var(--wp-admin-theme-color); - font-size: clamp(1rem, 0.91vw + 0.77rem, 1.5rem); - text-align: center; - line-height: 1; -} -@media (min-width: 782px) { - .nfd-step-card-subheading { - padding-bottom: 30px; - } -} -@media (min-width: 2600px) { - .nfd-step-card-subheading { - font-size: clamp(3.38rem, -0.47vw + 3.49rem, 2.37rem); - margin: 80px; - } -} - -.nfd-step-card-subheading-other { - font-weight: 700; - margin-top: 35px; - color: var(--wp-admin-theme-color); - font-size: clamp(0.8rem, 2.5vw, 1.2rem); -} -@media (max-width: 782px) { - .nfd-step-card-subheading-other { - margin: 3px; - font-size: clamp(0.7rem, 2.2vw, 1.2rem); - } -} -@media (min-width: 2600px) { - .nfd-step-card-subheading-other { - font-size: clamp(3.38rem, -0.47vw + 3.49rem, 2.37rem); - margin: 80px; - } -} - -.nfd-step-card-question { - margin: 18px; - font-size: clamp(1rem, 2vw, 1.8rem); -} -@media (min-width: 2600px) { - .nfd-step-card-question { - font-size: clamp(3.38rem, -0.47vw + 3.49rem, 2.37rem); - font-weight: 700; - margin: 60px; - } -} - -.nfd-card-need-help-tag { - color: black; - padding: 20px; - font-weight: 200; - text-align: center; - font-style: italic; - font-size: clamp(0.6rem, 1.5vw, 0.9rem); -} -.nfd-card-need-help-tag a { - text-decoration: none; - padding: 0px 0.4rem; -} -@media (max-width: 782px) { - .nfd-card-need-help-tag { - padding: 9px; - } -} -@media (min-width: 2600px) { - .nfd-card-need-help-tag { - font-size: clamp(1.6rem, -0.09vw + 1rem, 1.78rem); - font-weight: 450; - } -} - -.interface-interface-skeleton__sidebar { - height: 100%; - position: relative; - overflow: hidden; -} - -.nfd-onboarding-sidebar__panel { - height: 100%; - position: relative; - width: 0; - overflow: hidden; - transition: width 100ms linear; -} -@media (prefers-reduced-motion: reduce) { - .nfd-onboarding-sidebar__panel { - transition-duration: 0s; - transition-delay: 0s; - } -} -.nfd-onboarding-sidebar__panel-inner { - position: relative; - width: 300px; - height: 100%; - overflow: hidden; - visibility: hidden; - transition: visibility 100ms linear; -} -@media (prefers-reduced-motion: reduce) { - .nfd-onboarding-sidebar__panel-inner { - transition-duration: 0s; - transition-delay: 0s; - } -} - -.nfd-onboarding-sidebar__panel.is-open { - width: 300px; -} -.nfd-onboarding-sidebar__panel.is-open .nfd-onboarding-sidebar__panel-inner, -.nfd-onboarding-sidebar__panel.is-open .interface-interface-skeleton__sidebar { - visibility: visible; -} - -.components-button:focus:not(:disabled), -.components-button.is-pressed:focus:not(:disabled) { - box-shadow: none; -} - -.nfd-onboarding-sidebar-learn-more { - padding: 0px !important; -} - -.nfd-onboarding-sidebar-learn-more__header--icon { - width: 24px; - height: 24px; - display: flex; - align-items: center; - justify-content: center; -} - -.nfd-onboarding-sidebar-learn-more__container { - display: flex; -} - -.nfd-onboarding-sidebar-learn-more__text { - align-items: center; -} - -.nfd-onboarding-sidebar-learn-more__icon { - margin-right: 5%; -} - -.nfd-onboarding-sidebar-learn-more__text-heading, -.nfd-onboarding-sidebar-learn-more__text-subheading { - margin-top: 2px; -} - -.nfd-onboarding-sidebar-learn-more__menu-button { - margin: 0px 5px; - min-height: 40px; -} - -.live-preview__container-small { - width: 70%; - height: 70%; - overflow: hidden; - max-width: 320px; - max-height: 320px; -} -.live-preview__container-large { - width: 70%; - height: 70%; - overflow: hidden; - max-width: 925px; - max-height: 925px; -} -.live-preview__container--is-skeleton { - z-index: 1; - width: 100%; - height: 100%; - display: flex; - position: absolute; - align-items: center; - flex-direction: column; - background-color: var(--nfd-onboarding-light-gray); -} -.live-preview__container--is-skeleton--box { - width: 90%; - margin: 12px; - background: #e2e2e2; -} -.live-preview__container--is-skeleton--box-header { - height: 10%; -} -.live-preview__container--is-skeleton--box-body-1 { - height: 40%; -} -.live-preview__container--is-skeleton--box-body-2 { - height: 15%; -} -.live-preview__container--is-skeleton--box-footer { - height: 5%; -} -.live-preview__container--is-skeleton--shimmer { - z-index: 2; - width: 100%; - height: 100%; - position: absolute; - background-image: linear-gradient(90deg, rgba(var(--nfd-onboarding-white-rgb), 0) 0, rgba(var(--nfd-onboarding-white-rgb), 0.4) 20%, rgba(var(--nfd-onboarding-white-rgb), 0.6) 60%, rgba(var(--nfd-onboarding-white-rgb), 0.4) 90%, rgba(var(--nfd-onboarding-white-rgb), 0.02) 100%, var(--nfd-onboarding-light-gray)); - -webkit-animation: shine 1.5s linear infinite; - animation: shine 1.5s linear infinite; -} - -/*COLOR VARIABLES*/ -.live-preview--selectable-card { - flex: 1; - width: 100%; - margin: 24px; - display: flex; - overflow: hidden; - align-items: center; - flex-direction: column; - justify-content: center; -} -.live-preview--selectable-card__title-bar { - width: 90%; - height: 15px; - display: flex; - align-items: center; - background-color: #e4e4e4; - justify-content: space-between; - border: 1px solid transparent; -} -.live-preview--selectable-card__title-bar__browser { - display: flex; - align-items: center; - justify-content: center; -} -.live-preview--selectable-card__title-bar__browser__dot { - background-color: #989EA7; - width: 8px; - margin: 3px; - height: 8px; - border-radius: 50%; - display: inline-block; -} -.live-preview--selectable-card__title-bar--selected { - z-index: 2; - width: 40px; - height: 40px; - display: flex; - margin-right: -15px; - border-radius: 50%; - align-items: center; - justify-content: center; - background-clip: padding-box; - background-color: var(--nfd-onboarding-primary-alt); -} -.live-preview--selectable-card__title-bar--selected__path { - fill: var(--nfd-onboarding-white); - transform: scale(0.7); -} -.live-preview--selectable-card__title-bar--unselected { - display: none; -} -.live-preview--selectable-card__live-preview-container { - position: relative; - width: 90%; - overflow: hidden; - align-items: center; - border: 1px solid #e3dfdf; -} -.live-preview--selectable-card__live-preview-container .live-preview__container-custom { - width: 100%; - overflow: hidden; - height: 300px; -} -.live-preview--selectable-card__live-preview-container__overlay { - position: absolute; - top: 0; - bottom: 0; - left: 0; - right: 0; - height: 100%; - width: 100%; - opacity: 0; - transition: 0.5s ease; - background-color: rgb(28, 92, 186); -} -.live-preview--selectable-card__live-preview-container__overlay__icon { - fill: var(--nfd-onboarding-white); - font-size: 20px; - position: absolute; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - text-align: center; -} -.live-preview--selectable-card__live-preview-container__overlay:hover { - cursor: pointer; - opacity: 0.74; -} - -.theme-colors-preview { - flex: 1; - width: 100%; - margin: 16px; - display: flex; - align-items: center; - flex-direction: column; - justify-content: center; -} -.theme-colors-preview__title-bar { - width: 70%; - height: 15px; - display: flex; - align-items: center; - background-color: #ccc; - justify-content: space-between; - border: 1px solid transparent; -} -.theme-colors-preview__title-bar__browser { - display: flex; - align-items: center; - justify-content: center; -} -.theme-colors-preview__title-bar__browser__dot { - background-color: #989ea7; - width: 8px; - margin: 3px; - height: 8px; - border-radius: 50%; - display: inline-block; -} -.theme-colors-preview__live-preview-container { - width: 70%; - min-height: 90vh; - overflow: hidden; - position: relative; - align-items: center; - border: 1px solid #e3dfdf; - margin-bottom: 30px; -} -.theme-colors-preview__live-preview-container .live-preview__container-custom { - width: 100%; -} - -.nfd-onboarding-experience-step { - display: flex; - align-items: center; - width: 100%; - flex-direction: column; -} -.nfd-onboarding-experience-step-tabs label { - border: 1px solid var(--nfd-onboarding-light-gray-2); - display: flex; - justify-content: flex-start; - padding: 10px 190px 10px 15px; - color: var(--nfd-onboarding-black); - background: var(--nfd-onboarding-light-gray); - font-weight: 350; - font-size: clamp(0.8rem, 1.5vw, 1.2rem); - line-height: 1.5; - margin: 5px; - white-space: nowrap; -} -@media (max-width: 781px) { - .nfd-onboarding-experience-step-tabs label { - padding-right: 100px; - } -} -@media (min-width: 3700px) { - .nfd-onboarding-experience-step-tabs label { - font-size: clamp(3.7rem, -0.27vw + 3.5rem, 3rem); - margin: 25px; - font-weight: 360; - } -} -.nfd-onboarding-experience-step-tabs input:checked + label { - color: var(--nfd-onboarding-white); - background: var(--wp-admin-theme-color-darker-10); - border: none; -} -.nfd-onboarding-experience-step .components-radio-control { - margin: 20px 0px 60px; - align-items: center; -} -.nfd-onboarding-experience-step .components-radio-control__input input { - display: none !important; -} - -.nfd-nav-card-button { - color: var(--nfd-onboarding-white); - background-color: var(--wp-admin-theme-color-darker-10); - padding: 16px; - width: 90%; - font-size: clamp(0.7rem, 1.2vw, 1.4em); - font-weight: 500; - border-radius: 4px; - border: none; - outline: 1px solid transparent; -} -@media (max-width: 782px) { - .nfd-nav-card-button { - padding: 24px 32px; - } -} -@media (min-width: 2600px) { - .nfd-nav-card-button { - font-size: clamp(2.81rem, -0.48vw + 2.93rem, 1.78rem); - } -} - -@media (max-width: 781px) { - .sm\:col-layout { - display: flex; - flex-direction: column; - justify-content: space-between; - gap: min(1.5em, 24px); - } -} -@media (min-width: 782px) { - .md\:row-layout { - display: flex; - flex-direction: row; - justify-content: space-between; - } -} -@media (max-width: 2200px) { - .ecommerce-step { - height: -webkit-fit-content; - height: -moz-fit-content; - height: fit-content; - } -} - -.onboarding-ecommerce-step .nfd-nav-card-button { - min-height: 4vh; -} - -.nfd-ecommerce-address-step { - padding: 1rem 0; -} -.nfd-ecommerce-address-step label { - display: block; - font-size: 16px; - font-weight: 500; - line-height: 1; - padding-bottom: 5px; -} -.nfd-ecommerce-address-step label[data-required=true]::after { - content: " *"; -} -.nfd-ecommerce-address-step input, -.nfd-ecommerce-address-step select { - font-size: 1em; - padding-left: 1.3em; - border: 1px solid #d6d6d6; - border-radius: 2px; -} -@media (min-width: 782px) { - .nfd-ecommerce-address-step label { - font-size: 18px; - padding-bottom: 13px; - } - .nfd-ecommerce-address-step input, -.nfd-ecommerce-address-step select { - font-size: 16px; - min-height: 48px; - width: 400px; - } -} -@media (max-width: 781px) and (min-width: 481px) { - .nfd-ecommerce-address-step input, -.nfd-ecommerce-address-step select { - min-height: 32px; - min-width: 100%; - } -} -@media (max-width: 480px) { - .nfd-ecommerce-address-step input, -.nfd-ecommerce-address-step select { - min-height: 32px; - max-width: 60vw; - min-width: 60vw; - } -} -@media (max-width: 781px) { - .nfd-ecommerce-address-step { - width: 70vw; - } -} -.nfd-ecommerce-address-step .store-address-form { - display: -ms-grid; - display: grid; - gap: min(1.5em, 24px); - -ms-grid-columns: auto; - grid-template-columns: auto; - padding: 1em 0; -} -@media (max-width: 781px) { - .nfd-ecommerce-address-step .store-address-form .full-address-fields { - width: 100%; - } - .nfd-ecommerce-address-step .store-address-form .full-address-fields input, -.nfd-ecommerce-address-step .store-address-form .full-address-fields select { - width: 100%; - } -} -@media (min-width: 782px) { - .nfd-ecommerce-address-step .store-address-form .full-address-fields { - width: calc(var(--fields) * 27%); - } - .nfd-ecommerce-address-step .store-address-form .full-address-fields input, -.nfd-ecommerce-address-step .store-address-form .full-address-fields select { - width: 140px; - } -} -.nfd-ecommerce-address-step form.onboarding-ecommerce-step { - height: 75%; - font-size: 1em; -} -.nfd-ecommerce-address-step form.onboarding-ecommerce-step .nfd-nav-card-button { - width: 80%; - margin: 0 10%; -} -@media (max-width: 782px) { - .nfd-ecommerce-address-step div.onboarding-ecommerce-step { - width: 90%; - } -} -@media (min-width: 782px) { - .nfd-ecommerce-address-step .onboarding-ecommerce-step { - width: 100%; - } - .nfd-ecommerce-address-step div.onboarding-ecommerce-step { - justify-content: space-around; - } - .nfd-ecommerce-address-step form.onboarding-ecommerce-step { - height: unset; - } - .nfd-ecommerce-address-step .store-address-form { - padding: 2em 5%; - } -} - -div.onboarding-ecommerce-step { - color: var(--nfd-onboarding-black); - display: flex; - align-items: center; - flex-direction: column; - justify-content: space-between; - gap: 1em; -} -div.onboarding-ecommerce-step h2.nfd-step-card-heading { - color: var(--wp-admin-theme-color-darker-10); -} -div.onboarding-ecommerce-step h3.nfd-step-card-subheading { - font-weight: 500; - color: var(--nfd-onboarding-black); -} - -@media (min-width: 480px) { - div.step-product-numbers:nth-child(3) .components-v-stack { - flex-direction: row !important; - } -} - -div.onboarding-product-step { - width: 50vw; -} -@media only screen and (min-width: 1921px) { - div.onboarding-product-step { - width: 35vw; - } -} -div.onboarding-product-step .nfd-card-need-help-tag { - padding: 20px 0 0; -} -div.onboarding-product-step div.nfd-product-step-options { - display: -ms-grid; - display: grid; - -ms-grid-columns: calc((50vw - 15px) / 2) calc((50vw - 15px) / 2); - grid-template-columns: calc((50vw - 15px) / 2) calc((50vw - 15px) / 2); - gap: 15px; -} -@media (max-width: 480px) { - div.onboarding-product-step div.nfd-product-step-options { - -ms-grid-columns: 1fr; - grid-template-columns: 1fr; - gap: 2px; - } -} -@media only screen and (min-width: 1921px) { - div.onboarding-product-step div.nfd-product-step-options { - -ms-grid-columns: calc((35vw - 15px) / 2) calc((35vw - 15px) / 2); - grid-template-columns: calc((35vw - 15px) / 2) calc((35vw - 15px) / 2); - } -} -div.onboarding-product-step .components-checkbox-control { - padding: 16px; - background-color: #F0F0F0; -} -@media (max-width: 600px), (max-height: 600px) { - div.onboarding-product-step .components-checkbox-control { - padding: 5px; - } -} -div.onboarding-product-step .components-checkbox-control .components-base-control__field { - margin-bottom: 0; -} -div.onboarding-product-step .step-product-numbers { - display: -ms-grid; - display: grid; - width: 100%; - margin: 0.5em 0; -} -div.onboarding-product-step .step-product-numbers > * { - -ms-grid-row-align: center; - align-self: center; -} -@media (min-width: 1180px) { - div.onboarding-product-step .step-product-numbers { - gap: 1em; - -ms-grid-columns: auto -webkit-max-content; - -ms-grid-columns: auto max-content; - grid-template-columns: auto -webkit-max-content; - grid-template-columns: auto max-content; - } - div.onboarding-product-step .step-product-numbers > * { - align-self: baseline; - } - div.onboarding-product-step .step-product-numbers .components-radio-control { - margin-left: auto; - } -} -div.onboarding-product-step .step-product-numbers .components-radio-control { - align-items: normal; -} -div.onboarding-product-step .step-product-numbers .components-radio-control .components-base-control__field { - display: flex; -} -@media (max-width: 1080px) { - div.onboarding-product-step .step-product-numbers .components-radio-control .components-base-control__field { - flex-wrap: wrap; - } -} -div.onboarding-product-step .step-product-numbers .components-radio-control .components-radio-control__option { - margin: 1em 1em 1em 0; -} -@media (min-width: 1180px) { - div.onboarding-product-step .step-product-numbers .components-radio-control .components-radio-control__option { - margin: 0 1em 0 0; - } -} -div.onboarding-product-step .step-product-numbers .components-radio-control label { - padding: 10px; - border: 1px solid #DBDBDB; - cursor: pointer; -} -div.onboarding-product-step .step-product-numbers .components-radio-control input:checked + label { - color: var(--nfd-onboarding-white); - background: var(--wp-admin-theme-color-darker-10); -} - -.radio-control-tax-step label { - padding: 10px 190px 10px 15px; -} -@media (max-width: 781px) { - .radio-control-tax-step label { - padding-right: 15px; - } -} -@media (max-width: 480px) { - .radio-control-tax-step label { - padding: clamp(10px, 1.5vh, 15px) clamp(10px, 5%, 13px) clamp(10px, 5%, 13px); - width: unset; - height: -webkit-fit-content; - height: -moz-fit-content; - height: fit-content; - line-height: 1.5; - white-space: normal; - } -} - -.step-error-state { - justify-content: center; -} -.step-error-state__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: 782px) { - .step-error-state__logo { - width: 100vw; - height: 30vh; - } -} -.step-error-state__error { - padding: 0; - margin-bottom: 20px; - font-weight: 400; - text-align: center; - font-size: clamp(0.85rem, 3.2vw, 1.7rem); -} - -.sidebar-skeleton { - width: 100%; -} -.sidebar-skeleton-divider { - width: 100%; - margin: 20px 0px; - border-top: 1px solid #bbb; -} -.sidebar-skeleton-header { - width: 95%; - padding: 16px; -} -.sidebar-skeleton-header-top { - width: 80%; - margin: 8px; - display: flex; - align-items: center; -} -.sidebar-skeleton-header-top-profile { - width: 25px; - height: 25px; - margin-right: 15px; -} -.sidebar-skeleton-header-top-header { - width: 40%; - height: 15px; -} -.sidebar-skeleton-header-below { - width: 100%; - margin: 8px; - margin-left: 45px; -} -.sidebar-skeleton-header-below-subheading-1 { - width: 70%; - margin: 4px; - height: 15px; -} -.sidebar-skeleton-header-below-subheading-2 { - margin: 4px; - width: 50%; - height: 15px; -} -.sidebar-skeleton-body { - width: 90%; - height: 250px; - display: flex; - padding: 16px; - margin-top: 20px; - margin-bottom: 20px; - align-items: center; - justify-content: center; -} -.sidebar-skeleton-body-image { - width: 95%; - height: 100%; -} -.sidebar-skeleton-footer { - width: 85%; - margin: 8px; - padding: 16px; -} -.sidebar-skeleton-footer-line-1 { - width: 45%; - height: 15px; - margin-bottom: 15px; -} -.sidebar-skeleton-footer-line-2 { - width: 70%; - height: 15px; - margin-bottom: 5px; -} -.sidebar-skeleton-footer-line-3 { - width: 90%; - height: 15px; - margin-bottom: 5px; -} -.sidebar-skeleton-footer-line-4 { - width: 80%; - height: 15px; - margin-bottom: 5px; -} -.sidebar-skeleton-footer-line-5 { - width: 30%; - height: 15px; - margin-bottom: 5px; -} -.sidebar-skeleton-footer-buttons { - width: 100%; - display: flex; - margin-top: 50px; - align-items: center; - flex-direction: column; - justify-content: center; -} -.sidebar-skeleton-footer-buttons-button-1 { - width: 100%; - margin: 8px; - height: 40px; - display: flex; - align-items: center; - margin-bottom: 20px; - justify-content: center; - border: 1px solid rgba(var(--wp-admin-theme-color--rgb), 0.4) !important; -} -.sidebar-skeleton-footer-buttons-button-2 { - width: 70%; - height: 15px; - background-color: rgba(var(--wp-admin-theme-color--rgb), 0.4) !important; -} -.sidebar-skeleton-footer-buttons-button-3 { - width: 30%; - height: 15px; - background-color: rgba(var(--wp-admin-theme-color--rgb), 0.4) !important; -} - -.shimmer { - background: #f6f7f8; - background-repeat: no-repeat; - -webkit-animation: shine-placeholder 1.5s linear infinite; - animation: shine-placeholder 1.5s linear infinite; - background-image: linear-gradient(to right, #f6f7f8 0%, var(--nfd-onboarding-light-gray) 20%, #f6f7f8 40%, #f6f7f8 100%); -} - -.shimmer-1 { - background: rgba(var(--wp-admin-theme-color--rgb), 0.4); - background-repeat: no-repeat; - -webkit-animation: shine-placeholder 1.5s linear infinite; - animation: shine-placeholder 1.5s linear infinite; - background-image: linear-gradient(to right, rgba(var(--wp-admin-theme-color--rgb), 0.4) 0%, rgba(var(--wp-admin-theme-color--rgb), 0.6) 20%, rgba(var(--wp-admin-theme-color--rgb), 0.4) 40%, rgba(var(--wp-admin-theme-color--rgb), 0.4) 100%); -} - -.basic-info { - display: flex; - align-items: center; - flex-direction: column; - justify-content: center; -} -.basic-info-form { - width: 90vw; - display: flex; - padding-top: 20px; - flex-direction: column; -} -.basic-info-form__left { - flex: 1; - margin: 3vw; -} -.basic-info-form__right { - flex: 1; - margin: 3vw; -} -@media (min-width: 1080px) { - .basic-info-form { - width: 70vw; - flex-direction: row; - justify-content: center; - } -} - -.error__show { - display: inline-block; - text-align: center; - border-radius: 6px; - padding: 20px; - background-color: rgba(255, 0, 0, 0.3); -} -.error__hide { - display: none; -} - -.info-button-top-priority { - margin: 16px; - font-weight: 500; - font-style: italic; -} - -/*COLOR VARIABLES*/ -.homepage_preview { - display: flex; - padding-top: 60px; - align-items: center; - flex-direction: column; - justify-content: center; -} -.homepage_preview__list { - width: 60vw; - height: 100%; - display: flex; - align-items: center; - justify-content: center; -} -@media (max-width: 960px) { - .homepage_preview__list { - width: 95vw; - align-items: center; - flex-direction: column; - } -} -.homepage_preview__list__item { - flex: 1; - width: 100%; - margin: 24px; - display: flex; - align-items: center; - flex-direction: column; - justify-content: center; -} -.homepage_preview__list__item__title-bar { - width: 90%; - height: 15px; - display: flex; - align-items: center; - background-color: #E4E4E4; - justify-content: space-between; - border: 1px solid transparent; -} -.homepage_preview__list__item__title-bar__browser { - display: flex; - align-items: center; - justify-content: center; -} -.homepage_preview__list__item__title-bar__browser__dot { - width: 8px; - margin: 3px; - height: 8px; - border-radius: 50%; - display: inline-block; - background-color: #989ea7; -} -.homepage_preview__list__item__title-bar--selected { - z-index: 2; - width: 40px; - height: 40px; - display: flex; - margin-right: -15px; - border-radius: 50%; - align-items: center; - justify-content: center; - background-clip: padding-box; - background-color: var(--nfd-onboarding-primary-alt); -} -.homepage_preview__list__item__title-bar--selected__path { - fill: var(--nfd-onboarding-white); - transform: scale(0.7); -} -.homepage_preview__list__item__title-bar--unselected { - display: none; -} -.homepage_preview__list__item__live-preview-container { - position: relative; - width: 90%; - align-items: center; - border: 1px solid #e3dfdf; -} -.homepage_preview__list__item__live-preview-container .live-preview__container-custom { - width: 100%; - overflow: hidden; - height: 300px; -} -.homepage_preview__list__item__live-preview-container { - position: relative; - width: 90%; - align-items: center; - border: 1px solid #e3dfdf; -} -.homepage_preview__list__item__live-preview-container .live-preview__container-custom { - width: 100%; - height: 400px; - overflow-y: scroll; -} - -.nfd-onboarding-overview { - width: 100%; - max-width: 960px; - background-color: var(--nfd-onboarding-light); - padding: 20px; -} -.nfd-onboarding-overview__header { - display: flex; - align-items: center; - -moz-column-gap: 1rem; - column-gap: 1rem; -} -.nfd-onboarding-overview__header-icon { - display: flex; - place-items: center; -} -.nfd-onboarding-overview__header-icon svg { - fill: var(--nfd-onboarding-primary); -} -.nfd-onboarding-overview__header-heading { - margin: 0 0 6px 0; - color: var(--nfd-onboarding-dark); -} -.nfd-onboarding-overview__header-subheading { - color: var(--nfd-onboarding-dark); -} -.nfd-onboarding-overview__tab-panel { - width: 90%; - padding-bottom: 40px; - color: var(--nfd-onboarding-dark); -} - -.nfd-step-card-subheading { - display: flex; - justify-content: space-around; -} - -.components-tab-panel__tabs { - justify-content: space-around; -} -@media screen and (max-width: 480px) { - .components-tab-panel__tabs { - width: 100%; - } -} - -.components-tab-panel__tabs > .components-button:focus:not(:disabled), -.components-tab-panel__tabs > .components-button.is-pressed:focus:not(:disabled) { - box-shadow: inset 0 -3.5px 0 0 var(--wp-admin-theme-color); -} - -.components-tab-panel__tabs-item { - justify-content: center; - border-bottom: 1px solid #CCCCCC; - width: 100%; - font-size: clamp(0.55rem, 1vw + 0.3rem, 1rem); - line-height: 1.5; -} -.components-tab-panel__tabs-item.is-active { - color: var(--wp-admin-theme-color); - box-shadow: inset 0 -3.5px 0 0 var(--wp-admin-theme-color); -} -.components-tab-panel__tabs-item.is-not-active { - box-shadow: none !important; -} - -.tab-data { - width: 100%; - padding-top: 40px; - display: flex; - flex-direction: row; - align-items: stretch; - justify-content: space-around; -} - -.content-text { - padding-right: 10px; - font-size: clamp(0.88rem, 0.45rem + 0.76vw, 1.13rem); - line-height: 1.6; - width: 390px; -} - -.content-img { - background-image: var(--get-started-content-img); - background-size: contain; - background-repeat: no-repeat; - height: 200px; - width: 350px; -} - -.features-img { - background-image: var(--get-started-features-img); - background-size: contain; - background-repeat: no-repeat; - height: 200px; - width: 350px; -} - -.design-img { - background-image: var(--get-started-design-img); - background-size: contain; - background-repeat: no-repeat; - height: 200px; - width: 350px; -} - -.welcome-card { - display: flex; - flex-direction: column; - align-items: center; - justify-content: space-evenly; - height: 100%; - width: 100%; - padding-bottom: 10px; -} - -@media screen and (max-width: 782px) { - .tab-data { - flex-direction: column-reverse; - align-items: center; - } - - .content-text { - text-align: center; - width: 100%; - min-height: 10px; - } - - .content-img, .design-img, .features-img { - max-height: 100px; - max-width: 180px; - } -} -.nfd-setup-primary-categories { - margin-top: 2rem; - width: 40vw; - text-align: center; -} -.nfd-setup-primary-categories .nfd-card-category.chosenPrimaryCategory { - background-color: var(--wp-admin-theme-color-darker-10); - color: var(--nfd-onboarding-light); -} -.nfd-setup-primary-categories .nfd-card-category .nfd-card-category-wrapper { - display: inline-flex; - align-items: center; -} -.nfd-setup-primary-categories .icon { - width: 25px; - height: 24px; - display: inline-block; - background-repeat: no-repeat; - background-position: center; -} -.nfd-setup-primary-second { - display: flex; - align-items: center; - flex-direction: column; - justify-content: space-around; - width: 100%; -} -.nfd-setup-primary-second-bottom { - margin-top: 20px; - width: 100%; - display: flex; - flex-flow: column; - align-items: center; -} - -.nfd-card-category { - color: var(--nfd-onboarding-black); - padding: 1rem; - background-color: var(--nfd-onboarding-light-gray-3); - background-position: center; - display: inline-flex; - margin: auto 0rem 1rem 1rem; - border-radius: 2.5rem; - cursor: pointer; - align-items: center; -} - -.blackText { - color: var(--nfd-onboarding-black); - font-size: 1rem; - font-weight: 700; - text-align: center; - padding: 10px; -} - -.tellUsInput { - width: 30vw; - margin: 0 1rem 1rem; - height: 4vh; -} -@media (max-width: 781px) { - .tellUsInput { - width: 40vw; - } -} - -.nfd-setup-secondary-categories { - text-align: center; - margin-top: 1rem; -} -.nfd-setup-secondary-categories .nfd-card-category-wrapper { - display: inline-flex; - margin-bottom: 2rem; - border-bottom: 2px solid #00568c; -} -.nfd-setup-secondary-categories .nfd-card-category-wrapper .category-scrolling-wrapper { - width: 15vw; - display: flex; - justify-content: center; -} -.nfd-setup-secondary-categories button { - display: inline-block; -} -.nfd-setup-secondary-categories .categName { - display: inline-block; - color: black; - font-size: 0.8rem; - font-weight: 400; - margin-top: 0; - text-transform: uppercase; - margin-bottom: 0.3rem; -} -.nfd-setup-secondary-categories .iconSiteType { - background-repeat: no-repeat; - display: inline-block; - width: 1vw; - height: 2vh; - cursor: pointer; -} -.nfd-setup-secondary-categories .icon { - width: 25px; - height: 24px; - display: inline-block; - background-repeat: no-repeat; -} -@media (max-width: 500px) { - .nfd-setup-secondary-categories .icon { - display: none; - } -} -.nfd-setup-secondary-categories .subCategoriesSection .nfd-card-category.chosenSecondaryCategory { - background-color: var(--wp-admin-theme-color-darker-10); - color: var(--nfd-onboarding-light); -} -.nfd-setup-secondary-second { - display: flex; - align-items: center; - flex-direction: column; - justify-content: space-around; -} -.nfd-setup-secondary-second-bottom { - margin-top: 20px; -} - -/*COLOR VARIABLES*/ -.theme-styles-menu { - display: flex; - padding-top: 60px; - align-items: center; - flex-direction: column; - justify-content: center; -} -.theme-styles-menu__list { - width: 60vw; - height: 100%; - display: flex; - align-items: center; - justify-content: center; -} -@media (max-width: 960px) { - .theme-styles-menu__list { - width: 95vw; - align-items: center; - flex-direction: column; - } -} -.theme-styles-menu__list__item { - flex: 1; - width: 100%; - margin: 24px; - display: flex; - align-items: center; - flex-direction: column; - justify-content: center; -} -.theme-styles-menu__list__item__title-bar { - width: 90%; - height: 15px; - display: flex; - align-items: center; - background-color: #e4e4e4; - justify-content: space-between; - border: 1px solid transparent; -} -.theme-styles-menu__list__item__title-bar__browser { - display: flex; - align-items: center; - justify-content: center; -} -.theme-styles-menu__list__item__title-bar__browser__dot { - background-color: #989EA7; - width: 8px; - margin: 3px; - height: 8px; - border-radius: 50%; - display: inline-block; -} -.theme-styles-menu__list__item__title-bar--selected { - z-index: 2; - width: 40px; - height: 40px; - display: flex; - margin-right: -15px; - border-radius: 50%; - align-items: center; - justify-content: center; - background-clip: padding-box; - background-color: var(--nfd-onboarding-primary-alt); -} -.theme-styles-menu__list__item__title-bar--selected__path { - fill: var(--nfd-onboarding-white); - transform: scale(0.7); -} -.theme-styles-menu__list__item__title-bar--unselected { - display: none; -} -.theme-styles-menu__list__item__live-preview-container { - position: relative; - width: 90%; - overflow: hidden; - align-items: center; - border: 1px solid #e3dfdf; -} -.theme-styles-menu__list__item__live-preview-container .live-preview__container-custom { - width: 100%; - overflow: hidden; - height: 300px; -} -.theme-styles-menu__list__item__live-preview-container__overlay { - position: absolute; - top: 0; - bottom: 0; - left: 0; - right: 0; - height: 100%; - width: 100%; - opacity: 0; - transition: 0.5s ease; - background-color: rgb(28, 92, 186); -} -.theme-styles-menu__list__item__live-preview-container__overlay__icon { - fill: var(--nfd-onboarding-white); - font-size: 20px; - position: absolute; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - text-align: center; -} -.theme-styles-menu__list__item__live-preview-container__overlay:hover { - cursor: pointer; - opacity: 0.74; -} - -.theme-styles-preview { - flex: 1; - width: 100%; - display: flex; - align-items: center; - flex-direction: column; - justify-content: center; - background-color: #eee; -} -.theme-styles-preview__checkbox { - margin: 20px 0; - width: 70%; - display: inline; -} -.theme-styles-preview__checkbox .components-checkbox-control__checked { - height: 32px; - width: 32px; - left: 0; - top: 0; -} -.theme-styles-preview__checkbox .components-checkbox-control__input-container { - height: 32px; - width: 32px; -} -.theme-styles-preview__checkbox .components-checkbox-control__input[type=checkbox] { - height: 32px; - width: 32px; -} -.theme-styles-preview__checkbox .components-checkbox-control__input[type=checkbox]:focus { - box-shadow: none; -} -.theme-styles-preview__checkbox .components-base-control__field { - display: flex; - flex-direction: row; -} -.theme-styles-preview__checkbox__label { - margin-left: 15px; -} -.theme-styles-preview__checkbox__label__hint { - color: #757575; - display: block; - font-style: italic; - margin-top: 5px; -} -.theme-styles-preview__title-bar { - width: 70%; - height: 15px; - display: flex; - align-items: center; - background-color: #ccc; - justify-content: space-between; - border: 1px solid transparent; -} -.theme-styles-preview__title-bar__browser { - display: flex; - align-items: center; - justify-content: center; -} -.theme-styles-preview__title-bar__browser__dot { - background-color: #989ea7; - width: 8px; - margin: 3px; - height: 8px; - border-radius: 50%; - display: inline-block; -} -.theme-styles-preview__live-preview-container { - width: 70%; - min-height: 80vh; - overflow: hidden; - position: relative; - align-items: center; - border: 1px solid #e3dfdf; - margin-bottom: 30px; -} -.theme-styles-preview__live-preview-container .live-preview__container-custom { - width: 100%; -} - -.nfd-onboarding-container { - display: flex; - background-color: var(--nfd-onboarding-white); -} -@media (min-width: 600px) { - .nfd-onboarding-container { - bottom: 0; - left: 0; - min-height: calc(100vh - 46px); - position: absolute; - right: 0; - top: 0; - } -} -@media (min-width: 782px) { - .nfd-onboarding-container { - min-height: calc(100vh - 32px); - } -} - -/*# sourceMappingURL=onboarding.css.map*/ \ No newline at end of file diff --git a/build/0.2.3/onboarding.js b/build/0.2.3/onboarding.js deleted file mode 100644 index c23156cd7..000000000 --- a/build/0.2.3/onboarding.js +++ /dev/null @@ -1,10717 +0,0 @@ -/******/ (function() { // webpackBootstrap -/******/ var __webpack_modules__ = ({ - -/***/ "./node_modules/@wordpress/icons/build-module/icon/index.js": -/*!******************************************************************!*\ - !*** ./node_modules/@wordpress/icons/build-module/icon/index.js ***! - \******************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__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__); -/** - * WordPress dependencies - */ - -/** @typedef {{icon: JSX.Element, size?: number} & import('@wordpress/primitives').SVGProps} IconProps */ - -/** - * Return an SVG icon. - * - * @param {IconProps} props icon is the SVG component to render - * size is a number specifiying the icon size in pixels - * Other props will be passed to wrapped SVG component - * - * @return {JSX.Element} Icon component - */ - -function Icon(_ref) { - let { - icon, - size = 24, - ...props - } = _ref; - return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.cloneElement)(icon, { - width: size, - height: size, - ...props - }); -} - -/* harmony default export */ __webpack_exports__["default"] = (Icon); -//# sourceMappingURL=index.js.map - -/***/ }), - -/***/ "./node_modules/@wordpress/icons/build-module/library/box.js": -/*!*******************************************************************!*\ - !*** ./node_modules/@wordpress/icons/build-module/library/box.js ***! - \*******************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__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_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/primitives */ "@wordpress/primitives"); -/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__); - - -/** - * WordPress dependencies - */ - -const box = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.SVG, { - xmlns: "http://www.w3.org/2000/svg", - viewBox: "0 0 24 24" -}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.Path, { - fillRule: "evenodd", - d: "M5 5.5h14a.5.5 0 01.5.5v1.5a.5.5 0 01-.5.5H5a.5.5 0 01-.5-.5V6a.5.5 0 01.5-.5zM4 9.232A2 2 0 013 7.5V6a2 2 0 012-2h14a2 2 0 012 2v1.5a2 2 0 01-1 1.732V18a2 2 0 01-2 2H6a2 2 0 01-2-2V9.232zm1.5.268V18a.5.5 0 00.5.5h12a.5.5 0 00.5-.5V9.5h-13z", - clipRule: "evenodd" -})); -/* harmony default export */ __webpack_exports__["default"] = (box); -//# sourceMappingURL=box.js.map - -/***/ }), - -/***/ "./node_modules/@wordpress/icons/build-module/library/brush.js": -/*!*********************************************************************!*\ - !*** ./node_modules/@wordpress/icons/build-module/library/brush.js ***! - \*********************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__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_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/primitives */ "@wordpress/primitives"); -/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__); - - -/** - * WordPress dependencies - */ - -const brush = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.SVG, { - xmlns: "http://www.w3.org/2000/svg", - viewBox: "0 0 24 24" -}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.Path, { - d: "M4 20h8v-1.5H4V20zM18.9 3.5c-.6-.6-1.5-.6-2.1 0l-7.2 7.2c-.4-.1-.7 0-1.1.1-.5.2-1.5.7-1.9 2.2-.4 1.7-.8 2.2-1.1 2.7-.1.1-.2.3-.3.4l-.6 1.1H6c2 0 3.4-.4 4.7-1.4.8-.6 1.2-1.4 1.3-2.3 0-.3 0-.5-.1-.7L19 5.7c.5-.6.5-1.6-.1-2.2zM9.7 14.7c-.7.5-1.5.8-2.4 1 .2-.5.5-1.2.8-2.3.2-.6.4-1 .8-1.1.5-.1 1 .1 1.3.3.2.2.3.5.2.8 0 .3-.1.9-.7 1.3z" -})); -/* harmony default export */ __webpack_exports__["default"] = (brush); -//# sourceMappingURL=brush.js.map - -/***/ }), - -/***/ "./node_modules/@wordpress/icons/build-module/library/check.js": -/*!*********************************************************************!*\ - !*** ./node_modules/@wordpress/icons/build-module/library/check.js ***! - \*********************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__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_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/primitives */ "@wordpress/primitives"); -/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__); - - -/** - * WordPress dependencies - */ - -const check = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.SVG, { - xmlns: "http://www.w3.org/2000/svg", - viewBox: "0 0 24 24" -}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.Path, { - d: "M16.7 7.1l-6.3 8.5-3.3-2.5-.9 1.2 4.5 3.4L17.9 8z" -})); -/* harmony default export */ __webpack_exports__["default"] = (check); -//# sourceMappingURL=check.js.map - -/***/ }), - -/***/ "./node_modules/@wordpress/icons/build-module/library/chevron-left.js": -/*!****************************************************************************!*\ - !*** ./node_modules/@wordpress/icons/build-module/library/chevron-left.js ***! - \****************************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__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_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/primitives */ "@wordpress/primitives"); -/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__); - - -/** - * WordPress dependencies - */ - -const chevronLeft = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.SVG, { - xmlns: "http://www.w3.org/2000/svg", - viewBox: "0 0 24 24" -}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.Path, { - d: "M14.6 7l-1.2-1L8 12l5.4 6 1.2-1-4.6-5z" -})); -/* harmony default export */ __webpack_exports__["default"] = (chevronLeft); -//# sourceMappingURL=chevron-left.js.map - -/***/ }), - -/***/ "./node_modules/@wordpress/icons/build-module/library/chevron-right.js": -/*!*****************************************************************************!*\ - !*** ./node_modules/@wordpress/icons/build-module/library/chevron-right.js ***! - \*****************************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__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_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/primitives */ "@wordpress/primitives"); -/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__); - - -/** - * WordPress dependencies - */ - -const chevronRight = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.SVG, { - xmlns: "http://www.w3.org/2000/svg", - viewBox: "0 0 24 24" -}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.Path, { - d: "M10.6 6L9.4 7l4.6 5-4.6 5 1.2 1 5.4-6z" -})); -/* harmony default export */ __webpack_exports__["default"] = (chevronRight); -//# sourceMappingURL=chevron-right.js.map - -/***/ }), - -/***/ "./node_modules/@wordpress/icons/build-module/library/close-small.js": -/*!***************************************************************************!*\ - !*** ./node_modules/@wordpress/icons/build-module/library/close-small.js ***! - \***************************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__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_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/primitives */ "@wordpress/primitives"); -/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__); - - -/** - * WordPress dependencies - */ - -const closeSmall = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.SVG, { - xmlns: "http://www.w3.org/2000/svg", - viewBox: "0 0 24 24" -}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.Path, { - d: "M12 13.06l3.712 3.713 1.061-1.06L13.061 12l3.712-3.712-1.06-1.06L12 10.938 8.288 7.227l-1.061 1.06L10.939 12l-3.712 3.712 1.06 1.061L12 13.061z" -})); -/* harmony default export */ __webpack_exports__["default"] = (closeSmall); -//# sourceMappingURL=close-small.js.map - -/***/ }), - -/***/ "./node_modules/@wordpress/icons/build-module/library/color.js": -/*!*********************************************************************!*\ - !*** ./node_modules/@wordpress/icons/build-module/library/color.js ***! - \*********************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__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_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/primitives */ "@wordpress/primitives"); -/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__); - - -/** - * WordPress dependencies - */ - -const color = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.SVG, { - viewBox: "0 0 24 24", - xmlns: "http://www.w3.org/2000/svg" -}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.Path, { - d: "M17.2 10.9c-.5-1-1.2-2.1-2.1-3.2-.6-.9-1.3-1.7-2.1-2.6L12 4l-1 1.1c-.6.9-1.3 1.7-2 2.6-.8 1.2-1.5 2.3-2 3.2-.6 1.2-1 2.2-1 3 0 3.4 2.7 6.1 6.1 6.1s6.1-2.7 6.1-6.1c0-.8-.3-1.8-1-3zm-5.1 7.6c-2.5 0-4.6-2.1-4.6-4.6 0-.3.1-1 .8-2.3.5-.9 1.1-1.9 2-3.1.7-.9 1.3-1.7 1.8-2.3.7.8 1.3 1.6 1.8 2.3.8 1.1 1.5 2.2 2 3.1.7 1.3.8 2 .8 2.3 0 2.5-2.1 4.6-4.6 4.6z" -})); -/* harmony default export */ __webpack_exports__["default"] = (color); -//# sourceMappingURL=color.js.map - -/***/ }), - -/***/ "./node_modules/@wordpress/icons/build-module/library/copy.js": -/*!********************************************************************!*\ - !*** ./node_modules/@wordpress/icons/build-module/library/copy.js ***! - \********************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__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_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/primitives */ "@wordpress/primitives"); -/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__); - - -/** - * WordPress dependencies - */ - -const copy = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.SVG, { - xmlns: "http://www.w3.org/2000/svg", - viewBox: "0 0 24 24" -}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.Path, { - d: "M20.2 8v11c0 .7-.6 1.2-1.2 1.2H6v1.5h13c1.5 0 2.7-1.2 2.7-2.8V8zM18 16.4V4.6c0-.9-.7-1.6-1.6-1.6H4.6C3.7 3 3 3.7 3 4.6v11.8c0 .9.7 1.6 1.6 1.6h11.8c.9 0 1.6-.7 1.6-1.6zm-13.5 0V4.6c0-.1.1-.1.1-.1h11.8c.1 0 .1.1.1.1v11.8c0 .1-.1.1-.1.1H4.6l-.1-.1z" -})); -/* harmony default export */ __webpack_exports__["default"] = (copy); -//# sourceMappingURL=copy.js.map - -/***/ }), - -/***/ "./node_modules/@wordpress/icons/build-module/library/header.js": -/*!**********************************************************************!*\ - !*** ./node_modules/@wordpress/icons/build-module/library/header.js ***! - \**********************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__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_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/primitives */ "@wordpress/primitives"); -/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__); - - -/** - * WordPress dependencies - */ - -const header = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.SVG, { - xmlns: "http://www.w3.org/2000/svg", - viewBox: "0 0 24 24" -}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.Path, { - d: "M18.5 10.5H10v8h8a.5.5 0 00.5-.5v-7.5zm-10 0h-3V18a.5.5 0 00.5.5h2.5v-8zM6 4h12a2 2 0 012 2v12a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2z" -})); -/* harmony default export */ __webpack_exports__["default"] = (header); -//# sourceMappingURL=header.js.map - -/***/ }), - -/***/ "./node_modules/@wordpress/icons/build-module/library/home.js": -/*!********************************************************************!*\ - !*** ./node_modules/@wordpress/icons/build-module/library/home.js ***! - \********************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__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_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/primitives */ "@wordpress/primitives"); -/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__); - - -/** - * WordPress dependencies - */ - -const home = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.SVG, { - xmlns: "http://www.w3.org/2000/svg", - viewBox: "0 0 24 24" -}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.Path, { - d: "M12 4L4 7.9V20h16V7.9L12 4zm6.5 14.5H14V13h-4v5.5H5.5V8.8L12 5.7l6.5 3.1v9.7z" -})); -/* harmony default export */ __webpack_exports__["default"] = (home); -//# sourceMappingURL=home.js.map - -/***/ }), - -/***/ "./node_modules/@wordpress/icons/build-module/library/info.js": -/*!********************************************************************!*\ - !*** ./node_modules/@wordpress/icons/build-module/library/info.js ***! - \********************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__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_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/primitives */ "@wordpress/primitives"); -/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__); - - -/** - * WordPress dependencies - */ - -const info = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.SVG, { - xmlns: "http://www.w3.org/2000/svg", - viewBox: "0 0 24 24" -}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.Path, { - d: "M12 3.2c-4.8 0-8.8 3.9-8.8 8.8 0 4.8 3.9 8.8 8.8 8.8 4.8 0 8.8-3.9 8.8-8.8 0-4.8-4-8.8-8.8-8.8zm0 16c-4 0-7.2-3.3-7.2-7.2C4.8 8 8 4.8 12 4.8s7.2 3.3 7.2 7.2c0 4-3.2 7.2-7.2 7.2zM11 17h2v-6h-2v6zm0-8h2V7h-2v2z" -})); -/* harmony default export */ __webpack_exports__["default"] = (info); -//# sourceMappingURL=info.js.map - -/***/ }), - -/***/ "./node_modules/@wordpress/icons/build-module/library/institution.js": -/*!***************************************************************************!*\ - !*** ./node_modules/@wordpress/icons/build-module/library/institution.js ***! - \***************************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__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_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/primitives */ "@wordpress/primitives"); -/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__); - - -/** - * WordPress dependencies - */ - -const institute = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.SVG, { - xmlns: "http://www.w3.org/2000/svg", - viewBox: "0 0 24 24" -}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.Path, { - fillRule: "evenodd", - d: "M18.646 9H20V8l-1-.5L12 4 5 7.5 4 8v1h14.646zm-3-1.5L12 5.677 8.354 7.5h7.292zm-7.897 9.44v-6.5h-1.5v6.5h1.5zm5-6.5v6.5h-1.5v-6.5h1.5zm5 0v6.5h-1.5v-6.5h1.5zm2.252 8.81c0 .414-.334.75-.748.75H4.752a.75.75 0 010-1.5h14.5a.75.75 0 01.749.75z", - clipRule: "evenodd" -})); -/* harmony default export */ __webpack_exports__["default"] = (institute); -//# sourceMappingURL=institution.js.map - -/***/ }), - -/***/ "./node_modules/@wordpress/icons/build-module/library/more-vertical.js": -/*!*****************************************************************************!*\ - !*** ./node_modules/@wordpress/icons/build-module/library/more-vertical.js ***! - \*****************************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__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_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/primitives */ "@wordpress/primitives"); -/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__); - - -/** - * WordPress dependencies - */ - -const moreVertical = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.SVG, { - xmlns: "http://www.w3.org/2000/svg", - viewBox: "0 0 24 24" -}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.Path, { - d: "M13 19h-2v-2h2v2zm0-6h-2v-2h2v2zm0-6h-2V5h2v2z" -})); -/* harmony default export */ __webpack_exports__["default"] = (moreVertical); -//# sourceMappingURL=more-vertical.js.map - -/***/ }), - -/***/ "./node_modules/@wordpress/icons/build-module/library/move-to.js": -/*!***********************************************************************!*\ - !*** ./node_modules/@wordpress/icons/build-module/library/move-to.js ***! - \***********************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__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_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/primitives */ "@wordpress/primitives"); -/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__); - - -/** - * WordPress dependencies - */ - -const moveTo = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.SVG, { - xmlns: "http://www.w3.org/2000/svg", - viewBox: "0 0 24 24" -}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.Path, { - d: "M19.75 9c0-1.257-.565-2.197-1.39-2.858-.797-.64-1.827-1.017-2.815-1.247-1.802-.42-3.703-.403-4.383-.396L11 4.5V6l.177-.001c.696-.006 2.416-.02 4.028.356.887.207 1.67.518 2.216.957.52.416.829.945.829 1.688 0 .592-.167.966-.407 1.23-.255.281-.656.508-1.236.674-1.19.34-2.82.346-4.607.346h-.077c-1.692 0-3.527 0-4.942.404-.732.209-1.424.545-1.935 1.108-.526.579-.796 1.33-.796 2.238 0 1.257.565 2.197 1.39 2.858.797.64 1.827 1.017 2.815 1.247 1.802.42 3.703.403 4.383.396L13 19.5h.714V22L18 18.5 13.714 15v3H13l-.177.001c-.696.006-2.416.02-4.028-.356-.887-.207-1.67-.518-2.216-.957-.52-.416-.829-.945-.829-1.688 0-.592.167-.966.407-1.23.255-.281.656-.508 1.237-.674 1.189-.34 2.819-.346 4.606-.346h.077c1.692 0 3.527 0 4.941-.404.732-.209 1.425-.545 1.936-1.108.526-.579.796-1.33.796-2.238z" -})); -/* harmony default export */ __webpack_exports__["default"] = (moveTo); -//# sourceMappingURL=move-to.js.map - -/***/ }), - -/***/ "./node_modules/@wordpress/icons/build-module/library/navigation.js": -/*!**************************************************************************!*\ - !*** ./node_modules/@wordpress/icons/build-module/library/navigation.js ***! - \**************************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__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_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/primitives */ "@wordpress/primitives"); -/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__); - - -/** - * WordPress dependencies - */ - -const navigation = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.SVG, { - viewBox: "0 0 24 24", - xmlns: "http://www.w3.org/2000/svg" -}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.Path, { - d: "M12 4c-4.4 0-8 3.6-8 8s3.6 8 8 8 8-3.6 8-8-3.6-8-8-8zm0 14.5c-3.6 0-6.5-2.9-6.5-6.5S8.4 5.5 12 5.5s6.5 2.9 6.5 6.5-2.9 6.5-6.5 6.5zM9 16l4.5-3L15 8.4l-4.5 3L9 16z" -})); -/* harmony default export */ __webpack_exports__["default"] = (navigation); -//# sourceMappingURL=navigation.js.map - -/***/ }), - -/***/ "./node_modules/@wordpress/icons/build-module/library/plugins.js": -/*!***********************************************************************!*\ - !*** ./node_modules/@wordpress/icons/build-module/library/plugins.js ***! - \***********************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__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_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/primitives */ "@wordpress/primitives"); -/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__); - - -/** - * WordPress dependencies - */ - -const plugins = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.SVG, { - xmlns: "http://www.w3.org/2000/svg", - viewBox: "0 0 24 24" -}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.Path, { - d: "M10.5 4v4h3V4H15v4h1.5a1 1 0 011 1v4l-3 4v2a1 1 0 01-1 1h-3a1 1 0 01-1-1v-2l-3-4V9a1 1 0 011-1H9V4h1.5zm.5 12.5v2h2v-2l3-4v-3H8v3l3 4z" -})); -/* harmony default export */ __webpack_exports__["default"] = (plugins); -//# sourceMappingURL=plugins.js.map - -/***/ }), - -/***/ "./node_modules/@wordpress/icons/build-module/library/post.js": -/*!********************************************************************!*\ - !*** ./node_modules/@wordpress/icons/build-module/library/post.js ***! - \********************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__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_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/primitives */ "@wordpress/primitives"); -/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__); - - -/** - * WordPress dependencies - */ - -const post = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.SVG, { - xmlns: "http://www.w3.org/2000/svg", - viewBox: "0 0 24 24" -}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.Path, { - d: "m7.3 9.7 1.4 1.4c.2-.2.3-.3.4-.5 0 0 0-.1.1-.1.3-.5.4-1.1.3-1.6L12 7 9 4 7.2 6.5c-.6-.1-1.1 0-1.6.3 0 0-.1 0-.1.1-.3.1-.4.2-.6.4l1.4 1.4L4 11v1h1l2.3-2.3zM4 20h9v-1.5H4V20zm0-5.5V16h16v-1.5H4z" -})); -/* harmony default export */ __webpack_exports__["default"] = (post); -//# sourceMappingURL=post.js.map - -/***/ }), - -/***/ "./node_modules/@wordpress/icons/build-module/library/redo.js": -/*!********************************************************************!*\ - !*** ./node_modules/@wordpress/icons/build-module/library/redo.js ***! - \********************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__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_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/primitives */ "@wordpress/primitives"); -/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__); - - -/** - * WordPress dependencies - */ - -const redo = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.SVG, { - xmlns: "http://www.w3.org/2000/svg", - viewBox: "0 0 24 24" -}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.Path, { - d: "M15.6 6.5l-1.1 1 2.9 3.3H8c-.9 0-1.7.3-2.3.9-1.4 1.5-1.4 4.2-1.4 5.6v.2h1.5v-.3c0-1.1 0-3.5 1-4.5.3-.3.7-.5 1.3-.5h9.2L14.5 15l1.1 1.1 4.6-4.6-4.6-5z" -})); -/* harmony default export */ __webpack_exports__["default"] = (redo); -//# sourceMappingURL=redo.js.map - -/***/ }), - -/***/ "./node_modules/@wordpress/icons/build-module/library/search.js": -/*!**********************************************************************!*\ - !*** ./node_modules/@wordpress/icons/build-module/library/search.js ***! - \**********************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__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_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/primitives */ "@wordpress/primitives"); -/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__); - - -/** - * WordPress dependencies - */ - -const search = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.SVG, { - xmlns: "http://www.w3.org/2000/svg", - viewBox: "0 0 24 24" -}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.Path, { - d: "M13.5 6C10.5 6 8 8.5 8 11.5c0 1.1.3 2.1.9 3l-3.4 3 1 1.1 3.4-2.9c1 .9 2.2 1.4 3.6 1.4 3 0 5.5-2.5 5.5-5.5C19 8.5 16.5 6 13.5 6zm0 9.5c-2.2 0-4-1.8-4-4s1.8-4 4-4 4 1.8 4 4-1.8 4-4 4z" -})); -/* harmony default export */ __webpack_exports__["default"] = (search); -//# sourceMappingURL=search.js.map - -/***/ }), - -/***/ "./node_modules/@wordpress/icons/build-module/library/star-empty.js": -/*!**************************************************************************!*\ - !*** ./node_modules/@wordpress/icons/build-module/library/star-empty.js ***! - \**************************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__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_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/primitives */ "@wordpress/primitives"); -/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__); - - -/** - * WordPress dependencies - */ - -const starEmpty = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.SVG, { - xmlns: "http://www.w3.org/2000/svg", - viewBox: "0 0 24 24" -}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.Path, { - fillRule: "evenodd", - d: "M9.706 8.646a.25.25 0 01-.188.137l-4.626.672a.25.25 0 00-.139.427l3.348 3.262a.25.25 0 01.072.222l-.79 4.607a.25.25 0 00.362.264l4.138-2.176a.25.25 0 01.233 0l4.137 2.175a.25.25 0 00.363-.263l-.79-4.607a.25.25 0 01.072-.222l3.347-3.262a.25.25 0 00-.139-.427l-4.626-.672a.25.25 0 01-.188-.137l-2.069-4.192a.25.25 0 00-.448 0L9.706 8.646zM12 7.39l-.948 1.921a1.75 1.75 0 01-1.317.957l-2.12.308 1.534 1.495c.412.402.6.982.503 1.55l-.362 2.11 1.896-.997a1.75 1.75 0 011.629 0l1.895.997-.362-2.11a1.75 1.75 0 01.504-1.55l1.533-1.495-2.12-.308a1.75 1.75 0 01-1.317-.957L12 7.39z", - clipRule: "evenodd" -})); -/* harmony default export */ __webpack_exports__["default"] = (starEmpty); -//# sourceMappingURL=star-empty.js.map - -/***/ }), - -/***/ "./node_modules/@wordpress/icons/build-module/library/star-filled.js": -/*!***************************************************************************!*\ - !*** ./node_modules/@wordpress/icons/build-module/library/star-filled.js ***! - \***************************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__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_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/primitives */ "@wordpress/primitives"); -/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__); - - -/** - * WordPress dependencies - */ - -const starFilled = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.SVG, { - xmlns: "http://www.w3.org/2000/svg", - viewBox: "0 0 24 24" -}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.Path, { - d: "M11.776 4.454a.25.25 0 01.448 0l2.069 4.192a.25.25 0 00.188.137l4.626.672a.25.25 0 01.139.426l-3.348 3.263a.25.25 0 00-.072.222l.79 4.607a.25.25 0 01-.362.263l-4.138-2.175a.25.25 0 00-.232 0l-4.138 2.175a.25.25 0 01-.363-.263l.79-4.607a.25.25 0 00-.071-.222L4.754 9.881a.25.25 0 01.139-.426l4.626-.672a.25.25 0 00.188-.137l2.069-4.192z" -})); -/* harmony default export */ __webpack_exports__["default"] = (starFilled); -//# sourceMappingURL=star-filled.js.map - -/***/ }), - -/***/ "./node_modules/@wordpress/icons/build-module/library/store.js": -/*!*********************************************************************!*\ - !*** ./node_modules/@wordpress/icons/build-module/library/store.js ***! - \*********************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__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_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/primitives */ "@wordpress/primitives"); -/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__); - - -/** - * WordPress dependencies - */ - -const store = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.SVG, { - xmlns: "http://www.w3.org/2000/svg", - viewBox: "0 0 24 24" -}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.Path, { - fillRule: "evenodd", - d: "M19.75 11H21V8.667L19.875 4H4.125L3 8.667V11h1.25v8.75h15.5V11zm-1.5 0H5.75v7.25H10V13h4v5.25h4.25V11zm-5.5-5.5h2.067l.486 3.24.028.76H12.75v-4zm-3.567 0h2.067v4H8.669l.028-.76.486-3.24zm7.615 3.1l-.464-3.1h2.36l.806 3.345V9.5h-2.668l-.034-.9zM7.666 5.5h-2.36L4.5 8.845V9.5h2.668l.034-.9.464-3.1z", - clipRule: "evenodd" -})); -/* harmony default export */ __webpack_exports__["default"] = (store); -//# sourceMappingURL=store.js.map - -/***/ }), - -/***/ "./node_modules/@wordpress/icons/build-module/library/styles.js": -/*!**********************************************************************!*\ - !*** ./node_modules/@wordpress/icons/build-module/library/styles.js ***! - \**********************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "styles": function() { return /* binding */ styles; } -/* harmony export */ }); -/* 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_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/primitives */ "@wordpress/primitives"); -/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__); - - -/** - * WordPress dependencies - */ - -const styles = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.SVG, { - viewBox: "0 0 24 24", - xmlns: "http://www.w3.org/2000/svg" -}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.Path, { - d: "M12 4c-4.4 0-8 3.6-8 8v.1c0 4.1 3.2 7.5 7.2 7.9h.8c4.4 0 8-3.6 8-8s-3.6-8-8-8zm0 15V5c3.9 0 7 3.1 7 7s-3.1 7-7 7z" -})); -/* harmony default export */ __webpack_exports__["default"] = (styles); -//# sourceMappingURL=styles.js.map - -/***/ }), - -/***/ "./node_modules/@wordpress/icons/build-module/library/typography.js": -/*!**************************************************************************!*\ - !*** ./node_modules/@wordpress/icons/build-module/library/typography.js ***! - \**************************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__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_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/primitives */ "@wordpress/primitives"); -/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__); - - -/** - * WordPress dependencies - */ - -const typography = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.SVG, { - xmlns: "http://www.w3.org/2000/svg", - viewBox: "0 0 24 24" -}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.Path, { - d: "M6.9 7L3 17.8h1.7l1-2.8h4.1l1 2.8h1.7L8.6 7H6.9zm-.7 6.6l1.5-4.3 1.5 4.3h-3zM21.6 17c-.1.1-.2.2-.3.2-.1.1-.2.1-.4.1s-.3-.1-.4-.2c-.1-.1-.1-.3-.1-.6V12c0-.5 0-1-.1-1.4-.1-.4-.3-.7-.5-1-.2-.2-.5-.4-.9-.5-.4 0-.8-.1-1.3-.1s-1 .1-1.4.2c-.4.1-.7.3-1 .4-.2.2-.4.3-.6.5-.1.2-.2.4-.2.7 0 .3.1.5.2.8.2.2.4.3.8.3.3 0 .6-.1.8-.3.2-.2.3-.4.3-.7 0-.3-.1-.5-.2-.7-.2-.2-.4-.3-.6-.4.2-.2.4-.3.7-.4.3-.1.6-.1.8-.1.3 0 .6 0 .8.1.2.1.4.3.5.5.1.2.2.5.2.9v1.1c0 .3-.1.5-.3.6-.2.2-.5.3-.9.4-.3.1-.7.3-1.1.4-.4.1-.8.3-1.1.5-.3.2-.6.4-.8.7-.2.3-.3.7-.3 1.2 0 .6.2 1.1.5 1.4.3.4.9.5 1.6.5.5 0 1-.1 1.4-.3.4-.2.8-.6 1.1-1.1 0 .4.1.7.3 1 .2.3.6.4 1.2.4.4 0 .7-.1.9-.2.2-.1.5-.3.7-.4h-.3zm-3-.9c-.2.4-.5.7-.8.8-.3.2-.6.2-.8.2-.4 0-.6-.1-.9-.3-.2-.2-.3-.6-.3-1.1 0-.5.1-.9.3-1.2s.5-.5.8-.7c.3-.2.7-.3 1-.5.3-.1.6-.3.7-.6v3.4z" -})); -/* harmony default export */ __webpack_exports__["default"] = (typography); -//# sourceMappingURL=typography.js.map - -/***/ }), - -/***/ "./node_modules/@wordpress/interface/build-module/components/action-item/index.js": -/*!****************************************************************************************!*\ - !*** ./node_modules/@wordpress/interface/build-module/components/action-item/index.js ***! - \****************************************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); -/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element"); -/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__); -/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! lodash */ "lodash"); -/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_2__); -/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components"); -/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__); - - - -/** - * External dependencies - */ - -/** - * WordPress dependencies - */ - - - - -function ActionItemSlot(_ref) { - let { - name, - as: Component = _wordpress_components__WEBPACK_IMPORTED_MODULE_3__.ButtonGroup, - fillProps = {}, - bubblesVirtually, - ...props - } = _ref; - return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__.Slot, { - name: name, - bubblesVirtually: bubblesVirtually, - fillProps: fillProps - }, fills => { - if ((0,lodash__WEBPACK_IMPORTED_MODULE_2__.isEmpty)(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.Children.toArray(fills))) { - return null; - } // Special handling exists for backward compatibility. - // It ensures that menu items created by plugin authors aren't - // duplicated with automatically injected menu items coming - // from pinnable plugin sidebars. - // @see https://github.com/WordPress/gutenberg/issues/14457 - - - const initializedByPlugins = []; - _wordpress_element__WEBPACK_IMPORTED_MODULE_1__.Children.forEach(fills, _ref2 => { - let { - props: { - __unstableExplicitMenuItem, - __unstableTarget - } - } = _ref2; - - if (__unstableTarget && __unstableExplicitMenuItem) { - initializedByPlugins.push(__unstableTarget); - } - }); - const children = _wordpress_element__WEBPACK_IMPORTED_MODULE_1__.Children.map(fills, child => { - if (!child.props.__unstableExplicitMenuItem && initializedByPlugins.includes(child.props.__unstableTarget)) { - return null; - } - - return child; - }); - return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)(Component, props, children); - }); -} - -function ActionItem(_ref3) { - let { - name, - as: Component = _wordpress_components__WEBPACK_IMPORTED_MODULE_3__.Button, - onClick, - ...props - } = _ref3; - return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__.Fill, { - name: name - }, _ref4 => { - let { - onClick: fpOnClick - } = _ref4; - return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)(Component, (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ - onClick: onClick || fpOnClick ? function () { - (onClick || lodash__WEBPACK_IMPORTED_MODULE_2__.noop)(...arguments); - (fpOnClick || lodash__WEBPACK_IMPORTED_MODULE_2__.noop)(...arguments); - } : undefined - }, props)); - }); -} - -ActionItem.Slot = ActionItemSlot; -/* harmony default export */ __webpack_exports__["default"] = (ActionItem); -//# sourceMappingURL=index.js.map - -/***/ }), - -/***/ "./node_modules/@wordpress/interface/build-module/components/complementary-area-context/index.js": -/*!*******************************************************************************************************!*\ - !*** ./node_modules/@wordpress/interface/build-module/components/complementary-area-context/index.js ***! - \*******************************************************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _wordpress_plugins__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/plugins */ "@wordpress/plugins"); -/* harmony import */ var _wordpress_plugins__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_plugins__WEBPACK_IMPORTED_MODULE_0__); -/** - * WordPress dependencies - */ - -/* harmony default export */ __webpack_exports__["default"] = ((0,_wordpress_plugins__WEBPACK_IMPORTED_MODULE_0__.withPluginContext)((context, ownProps) => { - return { - icon: ownProps.icon || context.icon, - identifier: ownProps.identifier || `${context.name}/${ownProps.name}` - }; -})); -//# sourceMappingURL=index.js.map - -/***/ }), - -/***/ "./node_modules/@wordpress/interface/build-module/components/complementary-area-header/index.js": -/*!******************************************************************************************************!*\ - !*** ./node_modules/@wordpress/interface/build-module/components/complementary-area-header/index.js ***! - \******************************************************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); -/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element"); -/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__); -/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js"); -/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__); -/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/close-small.js"); -/* harmony import */ var _complementary_area_toggle__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../complementary-area-toggle */ "./node_modules/@wordpress/interface/build-module/components/complementary-area-toggle/index.js"); - - - -/** - * External dependencies - */ - -/** - * WordPress dependencies - */ - - -/** - * Internal dependencies - */ - - - -const ComplementaryAreaHeader = _ref => { - let { - smallScreenTitle, - children, - className, - toggleButtonProps - } = _ref; - const toggleButton = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)(_complementary_area_toggle__WEBPACK_IMPORTED_MODULE_3__["default"], (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ - icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_4__["default"] - }, toggleButtonProps)); - return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.Fragment, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)("div", { - className: "components-panel__header interface-complementary-area-header__small" - }, smallScreenTitle && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)("span", { - className: "interface-complementary-area-header__small-title" - }, smallScreenTitle), toggleButton), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)("div", { - className: classnames__WEBPACK_IMPORTED_MODULE_2___default()('components-panel__header', 'interface-complementary-area-header', className), - tabIndex: -1 - }, children, toggleButton)); -}; - -/* harmony default export */ __webpack_exports__["default"] = (ComplementaryAreaHeader); -//# sourceMappingURL=index.js.map - -/***/ }), - -/***/ "./node_modules/@wordpress/interface/build-module/components/complementary-area-more-menu-item/index.js": -/*!**************************************************************************************************************!*\ - !*** ./node_modules/@wordpress/interface/build-module/components/complementary-area-more-menu-item/index.js ***! - \**************************************************************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ ComplementaryAreaMoreMenuItem; } -/* harmony export */ }); -/* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); -/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element"); -/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__); -/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! lodash */ "lodash"); -/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_2__); -/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/check.js"); -/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components"); -/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__); -/* harmony import */ var _complementary_area_toggle__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../complementary-area-toggle */ "./node_modules/@wordpress/interface/build-module/components/complementary-area-toggle/index.js"); -/* harmony import */ var _action_item__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../action-item */ "./node_modules/@wordpress/interface/build-module/components/action-item/index.js"); - - - -/** - * External dependencies - */ - -/** - * WordPress dependencies - */ - - - -/** - * Internal dependencies - */ - - - - -const PluginsMenuItem = props => // Menu item is marked with unstable prop for backward compatibility. -// They are removed so they don't leak to DOM elements. -// @see https://github.com/WordPress/gutenberg/issues/14457 -(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__.MenuItem, (0,lodash__WEBPACK_IMPORTED_MODULE_2__.omit)(props, ['__unstableExplicitMenuItem', '__unstableTarget'])); - -function ComplementaryAreaMoreMenuItem(_ref) { - let { - scope, - target, - __unstableExplicitMenuItem, - ...props - } = _ref; - return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)(_complementary_area_toggle__WEBPACK_IMPORTED_MODULE_4__["default"], (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ - as: toggleProps => { - return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)(_action_item__WEBPACK_IMPORTED_MODULE_5__["default"], (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ - __unstableExplicitMenuItem: __unstableExplicitMenuItem, - __unstableTarget: `${scope}/${target}`, - as: PluginsMenuItem, - name: `${scope}/plugin-more-menu` - }, toggleProps)); - }, - role: "menuitemcheckbox", - selectedIcon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_6__["default"], - name: target, - scope: scope - }, props)); -} -//# sourceMappingURL=index.js.map - -/***/ }), - -/***/ "./node_modules/@wordpress/interface/build-module/components/complementary-area-toggle/index.js": -/*!******************************************************************************************************!*\ - !*** ./node_modules/@wordpress/interface/build-module/components/complementary-area-toggle/index.js ***! - \******************************************************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); -/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element"); -/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__); -/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! lodash */ "lodash"); -/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_2__); -/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components"); -/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__); -/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/data */ "@wordpress/data"); -/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_wordpress_data__WEBPACK_IMPORTED_MODULE_4__); -/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../store */ "./node_modules/@wordpress/interface/build-module/store/index.js"); -/* harmony import */ var _complementary_area_context__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../complementary-area-context */ "./node_modules/@wordpress/interface/build-module/components/complementary-area-context/index.js"); - - - -/** - * External dependencies - */ - -/** - * WordPress dependencies - */ - - - -/** - * Internal dependencies - */ - - - - -function ComplementaryAreaToggle(_ref) { - let { - as = _wordpress_components__WEBPACK_IMPORTED_MODULE_3__.Button, - scope, - identifier, - icon, - selectedIcon, - ...props - } = _ref; - const ComponentToUse = as; - const isSelected = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_4__.useSelect)(select => select(_store__WEBPACK_IMPORTED_MODULE_5__.store).getActiveComplementaryArea(scope) === identifier, [identifier]); - const { - enableComplementaryArea, - disableComplementaryArea - } = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_4__.useDispatch)(_store__WEBPACK_IMPORTED_MODULE_5__.store); - return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)(ComponentToUse, (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ - icon: selectedIcon && isSelected ? selectedIcon : icon, - onClick: () => { - if (isSelected) { - disableComplementaryArea(scope); - } else { - enableComplementaryArea(scope, identifier); - } - } - }, (0,lodash__WEBPACK_IMPORTED_MODULE_2__.omit)(props, ['name']))); -} - -/* harmony default export */ __webpack_exports__["default"] = ((0,_complementary_area_context__WEBPACK_IMPORTED_MODULE_6__["default"])(ComplementaryAreaToggle)); -//# sourceMappingURL=index.js.map - -/***/ }), - -/***/ "./node_modules/@wordpress/interface/build-module/components/complementary-area/index.js": -/*!***********************************************************************************************!*\ - !*** ./node_modules/@wordpress/interface/build-module/components/complementary-area/index.js ***! - \***********************************************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); -/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element"); -/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__); -/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js"); -/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__); -/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components"); -/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__); -/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/data */ "@wordpress/data"); -/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_wordpress_data__WEBPACK_IMPORTED_MODULE_4__); -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n"); -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__); -/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/check.js"); -/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/star-filled.js"); -/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/star-empty.js"); -/* harmony import */ var _wordpress_viewport__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @wordpress/viewport */ "@wordpress/viewport"); -/* harmony import */ var _wordpress_viewport__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_wordpress_viewport__WEBPACK_IMPORTED_MODULE_6__); -/* harmony import */ var _complementary_area_header__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../complementary-area-header */ "./node_modules/@wordpress/interface/build-module/components/complementary-area-header/index.js"); -/* harmony import */ var _complementary_area_more_menu_item__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../complementary-area-more-menu-item */ "./node_modules/@wordpress/interface/build-module/components/complementary-area-more-menu-item/index.js"); -/* harmony import */ var _complementary_area_toggle__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../complementary-area-toggle */ "./node_modules/@wordpress/interface/build-module/components/complementary-area-toggle/index.js"); -/* harmony import */ var _complementary_area_context__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../complementary-area-context */ "./node_modules/@wordpress/interface/build-module/components/complementary-area-context/index.js"); -/* harmony import */ var _pinned_items__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../pinned-items */ "./node_modules/@wordpress/interface/build-module/components/pinned-items/index.js"); -/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../store */ "./node_modules/@wordpress/interface/build-module/store/index.js"); - - - -/** - * External dependencies - */ - -/** - * WordPress dependencies - */ - - - - - - - -/** - * Internal dependencies - */ - - - - - - - - -function ComplementaryAreaSlot(_ref) { - let { - scope, - ...props - } = _ref; - return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__.Slot, (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ - name: `ComplementaryArea/${scope}` - }, props)); -} - -function ComplementaryAreaFill(_ref2) { - let { - scope, - children, - className - } = _ref2; - return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__.Fill, { - name: `ComplementaryArea/${scope}` - }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)("div", { - className: className - }, children)); -} - -function useAdjustComplementaryListener(scope, identifier, activeArea, isActive, isSmall) { - const previousIsSmall = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.useRef)(false); - const shouldOpenWhenNotSmall = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.useRef)(false); - const { - enableComplementaryArea, - disableComplementaryArea - } = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_4__.useDispatch)(_store__WEBPACK_IMPORTED_MODULE_7__.store); - (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.useEffect)(() => { - // If the complementary area is active and the editor is switching from a big to a small window size. - if (isActive && isSmall && !previousIsSmall.current) { - // Disable the complementary area. - disableComplementaryArea(scope); // Flag the complementary area to be reopened when the window size goes from small to big. - - shouldOpenWhenNotSmall.current = true; - } else if ( // If there is a flag indicating the complementary area should be enabled when we go from small to big window size - // and we are going from a small to big window size. - shouldOpenWhenNotSmall.current && !isSmall && previousIsSmall.current) { - // Remove the flag indicating the complementary area should be enabled. - shouldOpenWhenNotSmall.current = false; // Enable the complementary area. - - enableComplementaryArea(scope, identifier); - } else if ( // If the flag is indicating the current complementary should be reopened but another complementary area becomes active, - // remove the flag. - shouldOpenWhenNotSmall.current && activeArea && activeArea !== identifier) { - shouldOpenWhenNotSmall.current = false; - } - - if (isSmall !== previousIsSmall.current) { - previousIsSmall.current = isSmall; - } - }, [isActive, isSmall, scope, identifier, activeArea]); -} - -function ComplementaryArea(_ref3) { - let { - children, - className, - closeLabel = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Close plugin'), - identifier, - header, - headerClassName, - icon, - isPinnable = true, - panelClassName, - scope, - name, - smallScreenTitle, - title, - toggleShortcut, - isActiveByDefault, - showIconLabels = false - } = _ref3; - const { - isActive, - isPinned, - activeArea, - isSmall, - isLarge - } = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_4__.useSelect)(select => { - const { - getActiveComplementaryArea, - isItemPinned - } = select(_store__WEBPACK_IMPORTED_MODULE_7__.store); - - const _activeArea = getActiveComplementaryArea(scope); - - return { - isActive: _activeArea === identifier, - isPinned: isItemPinned(scope, identifier), - activeArea: _activeArea, - isSmall: select(_wordpress_viewport__WEBPACK_IMPORTED_MODULE_6__.store).isViewportMatch('< medium'), - isLarge: select(_wordpress_viewport__WEBPACK_IMPORTED_MODULE_6__.store).isViewportMatch('large') - }; - }, [identifier, scope]); - useAdjustComplementaryListener(scope, identifier, activeArea, isActive, isSmall); - const { - enableComplementaryArea, - disableComplementaryArea, - pinItem, - unpinItem - } = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_4__.useDispatch)(_store__WEBPACK_IMPORTED_MODULE_7__.store); - (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.useEffect)(() => { - if (isActiveByDefault && activeArea === undefined && !isSmall) { - enableComplementaryArea(scope, identifier); - } - }, [activeArea, isActiveByDefault, scope, identifier, isSmall]); - return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.Fragment, null, isPinnable && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)(_pinned_items__WEBPACK_IMPORTED_MODULE_8__["default"], { - scope: scope - }, isPinned && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)(_complementary_area_toggle__WEBPACK_IMPORTED_MODULE_9__["default"], { - scope: scope, - identifier: identifier, - isPressed: isActive && (!showIconLabels || isLarge), - "aria-expanded": isActive, - label: title, - icon: showIconLabels ? _wordpress_icons__WEBPACK_IMPORTED_MODULE_10__["default"] : icon, - showTooltip: !showIconLabels, - variant: showIconLabels ? 'tertiary' : undefined - })), name && isPinnable && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)(_complementary_area_more_menu_item__WEBPACK_IMPORTED_MODULE_11__["default"], { - target: name, - scope: scope, - icon: icon - }, title), isActive && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)(ComplementaryAreaFill, { - className: classnames__WEBPACK_IMPORTED_MODULE_2___default()('interface-complementary-area', className), - scope: scope - }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)(_complementary_area_header__WEBPACK_IMPORTED_MODULE_12__["default"], { - className: headerClassName, - closeLabel: closeLabel, - onClose: () => disableComplementaryArea(scope), - smallScreenTitle: smallScreenTitle, - toggleButtonProps: { - label: closeLabel, - shortcut: toggleShortcut, - scope, - identifier - } - }, header || (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.Fragment, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)("strong", null, title), isPinnable && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__.Button, { - className: "interface-complementary-area__pin-unpin-item", - icon: isPinned ? _wordpress_icons__WEBPACK_IMPORTED_MODULE_13__["default"] : _wordpress_icons__WEBPACK_IMPORTED_MODULE_14__["default"], - label: isPinned ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Unpin from toolbar') : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Pin to toolbar'), - onClick: () => (isPinned ? unpinItem : pinItem)(scope, identifier), - isPressed: isPinned, - "aria-expanded": isPinned - }))), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__.Panel, { - className: panelClassName - }, children))); -} - -const ComplementaryAreaWrapped = (0,_complementary_area_context__WEBPACK_IMPORTED_MODULE_15__["default"])(ComplementaryArea); -ComplementaryAreaWrapped.Slot = ComplementaryAreaSlot; -/* harmony default export */ __webpack_exports__["default"] = (ComplementaryAreaWrapped); -//# sourceMappingURL=index.js.map - -/***/ }), - -/***/ "./node_modules/@wordpress/interface/build-module/components/fullscreen-mode/index.js": -/*!********************************************************************************************!*\ - !*** ./node_modules/@wordpress/interface/build-module/components/fullscreen-mode/index.js ***! - \********************************************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__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__); -/** - * WordPress dependencies - */ - - -const FullscreenMode = _ref => { - let { - isActive - } = _ref; - (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => { - let isSticky = false; // `is-fullscreen-mode` is set in PHP as a body class by Gutenberg, and this causes - // `sticky-menu` to be applied by WordPress and prevents the admin menu being scrolled - // even if `is-fullscreen-mode` is then removed. Let's remove `sticky-menu` here as - // a consequence of the FullscreenMode setup. - - if (document.body.classList.contains('sticky-menu')) { - isSticky = true; - document.body.classList.remove('sticky-menu'); - } - - return () => { - if (isSticky) { - document.body.classList.add('sticky-menu'); - } - }; - }, []); - (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => { - if (isActive) { - document.body.classList.add('is-fullscreen-mode'); - } else { - document.body.classList.remove('is-fullscreen-mode'); - } - - return () => { - if (isActive) { - document.body.classList.remove('is-fullscreen-mode'); - } - }; - }, [isActive]); - return null; -}; - -/* harmony default export */ __webpack_exports__["default"] = (FullscreenMode); -//# sourceMappingURL=index.js.map - -/***/ }), - -/***/ "./node_modules/@wordpress/interface/build-module/components/index.js": -/*!****************************************************************************!*\ - !*** ./node_modules/@wordpress/interface/build-module/components/index.js ***! - \****************************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "ActionItem": function() { return /* reexport safe */ _action_item__WEBPACK_IMPORTED_MODULE_7__["default"]; }, -/* harmony export */ "ComplementaryArea": function() { return /* reexport safe */ _complementary_area__WEBPACK_IMPORTED_MODULE_0__["default"]; }, -/* harmony export */ "ComplementaryAreaMoreMenuItem": function() { return /* reexport safe */ _complementary_area_more_menu_item__WEBPACK_IMPORTED_MODULE_1__["default"]; }, -/* harmony export */ "FullscreenMode": function() { return /* reexport safe */ _fullscreen_mode__WEBPACK_IMPORTED_MODULE_2__["default"]; }, -/* harmony export */ "InterfaceSkeleton": function() { return /* reexport safe */ _interface_skeleton__WEBPACK_IMPORTED_MODULE_3__["default"]; }, -/* harmony export */ "MoreMenuDropdown": function() { return /* reexport safe */ _more_menu_dropdown__WEBPACK_IMPORTED_MODULE_5__["default"]; }, -/* harmony export */ "MoreMenuFeatureToggle": function() { return /* reexport safe */ _more_menu_feature_toggle__WEBPACK_IMPORTED_MODULE_6__["default"]; }, -/* harmony export */ "PinnedItems": function() { return /* reexport safe */ _pinned_items__WEBPACK_IMPORTED_MODULE_4__["default"]; }, -/* harmony export */ "PreferencesModal": function() { return /* reexport safe */ _preferences_modal__WEBPACK_IMPORTED_MODULE_8__["default"]; }, -/* harmony export */ "PreferencesModalSection": function() { return /* reexport safe */ _preferences_modal_section__WEBPACK_IMPORTED_MODULE_10__["default"]; }, -/* harmony export */ "PreferencesModalTabs": function() { return /* reexport safe */ _preferences_modal_tabs__WEBPACK_IMPORTED_MODULE_9__["default"]; }, -/* harmony export */ "___unstablePreferencesModalBaseOption": function() { return /* reexport safe */ _preferences_modal_base_option__WEBPACK_IMPORTED_MODULE_11__["default"]; } -/* harmony export */ }); -/* harmony import */ var _complementary_area__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./complementary-area */ "./node_modules/@wordpress/interface/build-module/components/complementary-area/index.js"); -/* harmony import */ var _complementary_area_more_menu_item__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./complementary-area-more-menu-item */ "./node_modules/@wordpress/interface/build-module/components/complementary-area-more-menu-item/index.js"); -/* harmony import */ var _fullscreen_mode__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./fullscreen-mode */ "./node_modules/@wordpress/interface/build-module/components/fullscreen-mode/index.js"); -/* harmony import */ var _interface_skeleton__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./interface-skeleton */ "./node_modules/@wordpress/interface/build-module/components/interface-skeleton/index.js"); -/* harmony import */ var _pinned_items__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./pinned-items */ "./node_modules/@wordpress/interface/build-module/components/pinned-items/index.js"); -/* harmony import */ var _more_menu_dropdown__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./more-menu-dropdown */ "./node_modules/@wordpress/interface/build-module/components/more-menu-dropdown/index.js"); -/* harmony import */ var _more_menu_feature_toggle__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./more-menu-feature-toggle */ "./node_modules/@wordpress/interface/build-module/components/more-menu-feature-toggle/index.js"); -/* harmony import */ var _action_item__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./action-item */ "./node_modules/@wordpress/interface/build-module/components/action-item/index.js"); -/* harmony import */ var _preferences_modal__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./preferences-modal */ "./node_modules/@wordpress/interface/build-module/components/preferences-modal/index.js"); -/* harmony import */ var _preferences_modal_tabs__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./preferences-modal-tabs */ "./node_modules/@wordpress/interface/build-module/components/preferences-modal-tabs/index.js"); -/* harmony import */ var _preferences_modal_section__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./preferences-modal-section */ "./node_modules/@wordpress/interface/build-module/components/preferences-modal-section/index.js"); -/* harmony import */ var _preferences_modal_base_option__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./preferences-modal-base-option */ "./node_modules/@wordpress/interface/build-module/components/preferences-modal-base-option/index.js"); - - - - - - - - - - - - -//# sourceMappingURL=index.js.map - -/***/ }), - -/***/ "./node_modules/@wordpress/interface/build-module/components/interface-skeleton/index.js": -/*!***********************************************************************************************!*\ - !*** ./node_modules/@wordpress/interface/build-module/components/interface-skeleton/index.js ***! - \***********************************************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); -/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element"); -/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__); -/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js"); -/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__); -/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components"); -/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__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 _wordpress_compose__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @wordpress/compose */ "@wordpress/compose"); -/* harmony import */ var _wordpress_compose__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_wordpress_compose__WEBPACK_IMPORTED_MODULE_5__); - - - -/** - * External dependencies - */ - -/** - * WordPress dependencies - */ - -/** - * WordPress dependencies - */ - - - - - - -function useHTMLClass(className) { - (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.useEffect)(() => { - const element = document && document.querySelector(`html:not(.${className})`); - - if (!element) { - return; - } - - element.classList.toggle(className); - return () => { - element.classList.toggle(className); - }; - }, [className]); -} - -function InterfaceSkeleton(_ref, ref) { - let { - footer, - header, - sidebar, - secondarySidebar, - notices, - content, - drawer, - actions, - labels, - className, - shortcuts - } = _ref; - const navigateRegionsProps = (0,_wordpress_components__WEBPACK_IMPORTED_MODULE_3__.__unstableUseNavigateRegions)(shortcuts); - useHTMLClass('interface-interface-skeleton__html-container'); - const defaultLabels = { - /* translators: accessibility text for the nav bar landmark region. */ - drawer: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Drawer'), - - /* translators: accessibility text for the top bar landmark region. */ - header: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Header'), - - /* translators: accessibility text for the content landmark region. */ - body: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Content'), - - /* translators: accessibility text for the secondary sidebar landmark region. */ - secondarySidebar: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Block Library'), - - /* translators: accessibility text for the settings landmark region. */ - sidebar: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Settings'), - - /* translators: accessibility text for the publish landmark region. */ - actions: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Publish'), - - /* translators: accessibility text for the footer landmark region. */ - footer: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Footer') - }; - const mergedLabels = { ...defaultLabels, - ...labels - }; - return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)("div", (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, navigateRegionsProps, { - ref: (0,_wordpress_compose__WEBPACK_IMPORTED_MODULE_5__.useMergeRefs)([ref, navigateRegionsProps.ref]), - className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(className, 'interface-interface-skeleton', navigateRegionsProps.className, !!footer && 'has-footer') - }), !!drawer && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)("div", { - className: "interface-interface-skeleton__drawer", - role: "region", - "aria-label": mergedLabels.drawer, - tabIndex: "-1" - }, drawer), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)("div", { - className: "interface-interface-skeleton__editor" - }, !!header && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)("div", { - className: "interface-interface-skeleton__header", - role: "region", - "aria-label": mergedLabels.header, - tabIndex: "-1" - }, header), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)("div", { - className: "interface-interface-skeleton__body" - }, !!secondarySidebar && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)("div", { - className: "interface-interface-skeleton__secondary-sidebar", - role: "region", - "aria-label": mergedLabels.secondarySidebar, - tabIndex: "-1" - }, secondarySidebar), !!notices && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)("div", { - className: "interface-interface-skeleton__notices" - }, notices), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)("div", { - className: "interface-interface-skeleton__content", - role: "region", - "aria-label": mergedLabels.body, - tabIndex: "-1" - }, content), !!sidebar && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)("div", { - className: "interface-interface-skeleton__sidebar", - role: "region", - "aria-label": mergedLabels.sidebar, - tabIndex: "-1" - }, sidebar), !!actions && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)("div", { - className: "interface-interface-skeleton__actions", - role: "region", - "aria-label": mergedLabels.actions, - tabIndex: "-1" - }, actions))), !!footer && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)("div", { - className: "interface-interface-skeleton__footer", - role: "region", - "aria-label": mergedLabels.footer, - tabIndex: "-1" - }, footer)); -} - -/* harmony default export */ __webpack_exports__["default"] = ((0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(InterfaceSkeleton)); -//# sourceMappingURL=index.js.map - -/***/ }), - -/***/ "./node_modules/@wordpress/interface/build-module/components/more-menu-dropdown/index.js": -/*!***********************************************************************************************!*\ - !*** ./node_modules/@wordpress/interface/build-module/components/more-menu-dropdown/index.js ***! - \***********************************************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ MoreMenuDropdown; } -/* harmony export */ }); -/* 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_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_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__); -/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/more-vertical.js"); - - -/** - * External dependencies - */ - -/** - * WordPress dependencies - */ - - - - -function MoreMenuDropdown(_ref) { - let { - as: DropdownComponent = _wordpress_components__WEBPACK_IMPORTED_MODULE_2__.DropdownMenu, - className, - - /* translators: button label text should, if possible, be under 16 characters. */ - label = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Options'), - popoverProps, - toggleProps, - children - } = _ref; - return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(DropdownComponent, { - className: classnames__WEBPACK_IMPORTED_MODULE_1___default()('interface-more-menu-dropdown', className), - icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_4__["default"], - label: label, - popoverProps: { - position: 'bottom left', - ...popoverProps, - className: classnames__WEBPACK_IMPORTED_MODULE_1___default()('interface-more-menu-dropdown__content', popoverProps === null || popoverProps === void 0 ? void 0 : popoverProps.className) - }, - toggleProps: { - tooltipPosition: 'bottom', - ...toggleProps - } - }, onClose => children(onClose)); -} -//# sourceMappingURL=index.js.map - -/***/ }), - -/***/ "./node_modules/@wordpress/interface/build-module/components/more-menu-feature-toggle/index.js": -/*!*****************************************************************************************************!*\ - !*** ./node_modules/@wordpress/interface/build-module/components/more-menu-feature-toggle/index.js ***! - \*****************************************************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ MoreMenuFeatureToggle; } -/* harmony export */ }); -/* 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_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_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__); -/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/check.js"); -/* harmony import */ var _wordpress_a11y__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/a11y */ "@wordpress/a11y"); -/* harmony import */ var _wordpress_a11y__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_wordpress_a11y__WEBPACK_IMPORTED_MODULE_4__); -/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../store */ "./node_modules/@wordpress/interface/build-module/store/index.js"); - - -/** - * WordPress dependencies - */ - - - - - -/** - * Internal dependencies - */ - - -function MoreMenuFeatureToggle(_ref) { - let { - scope, - label, - info, - messageActivated, - messageDeactivated, - shortcut, - feature - } = _ref; - const isActive = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_1__.useSelect)(select => select(_store__WEBPACK_IMPORTED_MODULE_5__.store).isFeatureActive(scope, feature), [feature]); - const { - toggleFeature - } = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_1__.useDispatch)(_store__WEBPACK_IMPORTED_MODULE_5__.store); - - const speakMessage = () => { - if (isActive) { - (0,_wordpress_a11y__WEBPACK_IMPORTED_MODULE_4__.speak)(messageDeactivated || (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Feature deactivated')); - } else { - (0,_wordpress_a11y__WEBPACK_IMPORTED_MODULE_4__.speak)(messageActivated || (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Feature activated')); - } - }; - - return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.MenuItem, { - icon: isActive && _wordpress_icons__WEBPACK_IMPORTED_MODULE_6__["default"], - isSelected: isActive, - onClick: () => { - toggleFeature(scope, feature); - speakMessage(); - }, - role: "menuitemcheckbox", - info: info, - shortcut: shortcut - }, label); -} -//# sourceMappingURL=index.js.map - -/***/ }), - -/***/ "./node_modules/@wordpress/interface/build-module/components/pinned-items/index.js": -/*!*****************************************************************************************!*\ - !*** ./node_modules/@wordpress/interface/build-module/components/pinned-items/index.js ***! - \*****************************************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); -/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element"); -/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__); -/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! lodash */ "lodash"); -/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_2__); -/* 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__); -/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components"); -/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__); - - - -/** - * External dependencies - */ - - -/** - * WordPress dependencies - */ - - - -function PinnedItems(_ref) { - let { - scope, - ...props - } = _ref; - return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__.Fill, (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ - name: `PinnedItems/${scope}` - }, props)); -} - -function PinnedItemsSlot(_ref2) { - let { - scope, - className, - ...props - } = _ref2; - return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__.Slot, (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ - name: `PinnedItems/${scope}` - }, props), fills => !(0,lodash__WEBPACK_IMPORTED_MODULE_2__.isEmpty)(fills) && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)("div", { - className: classnames__WEBPACK_IMPORTED_MODULE_3___default()(className, 'interface-pinned-items') - }, fills)); -} - -PinnedItems.Slot = PinnedItemsSlot; -/* harmony default export */ __webpack_exports__["default"] = (PinnedItems); -//# sourceMappingURL=index.js.map - -/***/ }), - -/***/ "./node_modules/@wordpress/interface/build-module/components/preferences-modal-base-option/index.js": -/*!**********************************************************************************************************!*\ - !*** ./node_modules/@wordpress/interface/build-module/components/preferences-modal-base-option/index.js ***! - \**********************************************************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__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__); - - -/** - * WordPress dependencies - */ - - -function BaseOption(_ref) { - let { - help, - label, - isChecked, - onChange, - children - } = _ref; - return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { - className: "interface-preferences-modal__option" - }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, { - help: help, - label: label, - checked: isChecked, - onChange: onChange - }), children); -} - -/* harmony default export */ __webpack_exports__["default"] = (BaseOption); -//# sourceMappingURL=index.js.map - -/***/ }), - -/***/ "./node_modules/@wordpress/interface/build-module/components/preferences-modal-section/index.js": -/*!******************************************************************************************************!*\ - !*** ./node_modules/@wordpress/interface/build-module/components/preferences-modal-section/index.js ***! - \******************************************************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__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 Section = _ref => { - let { - description, - title, - children - } = _ref; - return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("fieldset", { - className: "interface-preferences-modal__section" - }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("legend", null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("h2", { - className: "interface-preferences-modal__section-title" - }, title), description && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("p", { - className: "interface-preferences-modal__section-description" - }, description)), children); -}; - -/* harmony default export */ __webpack_exports__["default"] = (Section); -//# sourceMappingURL=index.js.map - -/***/ }), - -/***/ "./node_modules/@wordpress/interface/build-module/components/preferences-modal-tabs/index.js": -/*!***************************************************************************************************!*\ - !*** ./node_modules/@wordpress/interface/build-module/components/preferences-modal-tabs/index.js ***! - \***************************************************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ PreferencesModalTabs; } -/* harmony export */ }); -/* 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_compose__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/compose */ "@wordpress/compose"); -/* harmony import */ var _wordpress_compose__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_compose__WEBPACK_IMPORTED_MODULE_1__); -/* 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_icons__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/icon/index.js"); -/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/chevron-left.js"); -/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/chevron-right.js"); -/* 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__); - - -/** - * WordPress dependencies - */ - - - - - -const PREFERENCES_MENU = 'preferences-menu'; -function PreferencesModalTabs(_ref) { - let { - sections - } = _ref; - const isLargeViewport = (0,_wordpress_compose__WEBPACK_IMPORTED_MODULE_1__.useViewportMatch)('medium'); // This is also used to sync the two different rendered components - // between small and large viewports. - - const [activeMenu, setActiveMenu] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(PREFERENCES_MENU); - /** - * Create helper objects from `sections` for easier data handling. - * `tabs` is used for creating the `TabPanel` and `sectionsContentMap` - * is used for easier access to active tab's content. - */ - - const { - tabs, - sectionsContentMap - } = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => { - let mappedTabs = { - tabs: [], - sectionsContentMap: {} - }; - - if (sections.length) { - mappedTabs = sections.reduce((accumulator, _ref2) => { - let { - name, - tabLabel: title, - content - } = _ref2; - accumulator.tabs.push({ - name, - title - }); - accumulator.sectionsContentMap[name] = content; - return accumulator; - }, { - tabs: [], - sectionsContentMap: {} - }); - } - - return mappedTabs; - }, [sections]); - const getCurrentTab = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useCallback)(tab => sectionsContentMap[tab.name] || null, [sectionsContentMap]); - let modalContent; // We render different components based on the viewport size. - - if (isLargeViewport) { - modalContent = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.TabPanel, { - className: "interface-preferences__tabs", - tabs: tabs, - initialTabName: activeMenu !== PREFERENCES_MENU ? activeMenu : undefined, - onSelect: setActiveMenu, - orientation: "vertical" - }, getCurrentTab); - } else { - modalContent = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.__experimentalNavigatorProvider, { - initialPath: "/", - className: "interface-preferences__provider" - }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.__experimentalNavigatorScreen, { - path: "/" - }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.Card, { - isBorderless: true, - size: "small" - }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.CardBody, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.__experimentalItemGroup, null, tabs.map(tab => { - return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.__experimentalNavigatorButton, { - key: tab.name, - path: tab.name, - as: _wordpress_components__WEBPACK_IMPORTED_MODULE_2__.__experimentalItem, - isAction: true - }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.__experimentalHStack, { - justify: "space-between" - }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.FlexItem, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.__experimentalTruncate, null, tab.title)), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.FlexItem, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_icons__WEBPACK_IMPORTED_MODULE_4__["default"], { - icon: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.isRTL)() ? _wordpress_icons__WEBPACK_IMPORTED_MODULE_5__["default"] : _wordpress_icons__WEBPACK_IMPORTED_MODULE_6__["default"] - })))); - }))))), sections.length && sections.map(section => { - return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.__experimentalNavigatorScreen, { - key: `${section.name}-menu`, - path: section.name - }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.Card, { - isBorderless: true, - size: "large" - }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.CardHeader, { - isBorderless: false, - justify: "left", - size: "small", - gap: "6" - }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.__experimentalNavigatorBackButton, { - icon: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.isRTL)() ? _wordpress_icons__WEBPACK_IMPORTED_MODULE_6__["default"] : _wordpress_icons__WEBPACK_IMPORTED_MODULE_5__["default"], - "aria-label": (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Navigate to the previous view') - }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.__experimentalText, { - size: "16" - }, section.tabLabel)), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.CardBody, null, section.content))); - })); - } - - return modalContent; -} -//# sourceMappingURL=index.js.map - -/***/ }), - -/***/ "./node_modules/@wordpress/interface/build-module/components/preferences-modal/index.js": -/*!**********************************************************************************************!*\ - !*** ./node_modules/@wordpress/interface/build-module/components/preferences-modal/index.js ***! - \**********************************************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ PreferencesModal; } -/* harmony export */ }); -/* 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 _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__); - - -/** - * WordPress dependencies - */ - - -function PreferencesModal(_ref) { - let { - closeModal, - children - } = _ref; - return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Modal, { - className: "interface-preferences-modal", - title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Preferences'), - closeLabel: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Close'), - onRequestClose: closeModal - }, children); -} -//# sourceMappingURL=index.js.map - -/***/ }), - -/***/ "./node_modules/@wordpress/interface/build-module/index.js": -/*!*****************************************************************!*\ - !*** ./node_modules/@wordpress/interface/build-module/index.js ***! - \*****************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "ActionItem": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.ActionItem; }, -/* harmony export */ "ComplementaryArea": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.ComplementaryArea; }, -/* harmony export */ "ComplementaryAreaMoreMenuItem": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.ComplementaryAreaMoreMenuItem; }, -/* harmony export */ "FullscreenMode": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.FullscreenMode; }, -/* harmony export */ "InterfaceSkeleton": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.InterfaceSkeleton; }, -/* harmony export */ "MoreMenuDropdown": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.MoreMenuDropdown; }, -/* harmony export */ "MoreMenuFeatureToggle": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.MoreMenuFeatureToggle; }, -/* harmony export */ "PinnedItems": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.PinnedItems; }, -/* harmony export */ "PreferencesModal": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.PreferencesModal; }, -/* harmony export */ "PreferencesModalSection": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.PreferencesModalSection; }, -/* harmony export */ "PreferencesModalTabs": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.PreferencesModalTabs; }, -/* harmony export */ "___unstablePreferencesModalBaseOption": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.___unstablePreferencesModalBaseOption; }, -/* harmony export */ "store": function() { return /* reexport safe */ _store__WEBPACK_IMPORTED_MODULE_1__.store; } -/* harmony export */ }); -/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./components */ "./node_modules/@wordpress/interface/build-module/components/index.js"); -/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./store */ "./node_modules/@wordpress/interface/build-module/store/index.js"); - - -//# sourceMappingURL=index.js.map - -/***/ }), - -/***/ "./node_modules/@wordpress/interface/build-module/store/actions.js": -/*!*************************************************************************!*\ - !*** ./node_modules/@wordpress/interface/build-module/store/actions.js ***! - \*************************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "disableComplementaryArea": function() { return /* binding */ disableComplementaryArea; }, -/* harmony export */ "enableComplementaryArea": function() { return /* binding */ enableComplementaryArea; }, -/* harmony export */ "pinItem": function() { return /* binding */ pinItem; }, -/* harmony export */ "setFeatureDefaults": function() { return /* binding */ setFeatureDefaults; }, -/* harmony export */ "setFeatureValue": function() { return /* binding */ setFeatureValue; }, -/* harmony export */ "toggleFeature": function() { return /* binding */ toggleFeature; }, -/* harmony export */ "unpinItem": function() { return /* binding */ unpinItem; } -/* harmony export */ }); -/* harmony import */ var _wordpress_deprecated__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/deprecated */ "@wordpress/deprecated"); -/* harmony import */ var _wordpress_deprecated__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_deprecated__WEBPACK_IMPORTED_MODULE_0__); -/* harmony import */ var _wordpress_preferences__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/preferences */ "@wordpress/preferences"); -/* harmony import */ var _wordpress_preferences__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_preferences__WEBPACK_IMPORTED_MODULE_1__); -/** - * WordPress dependencies - */ - - -/** - * Enable the complementary area. - * - * @param {string} scope Complementary area scope. - * @param {string} area Area identifier. - */ - -const enableComplementaryArea = (scope, area) => _ref => { - let { - registry - } = _ref; - - // Return early if there's no area. - if (!area) { - return; - } - - registry.dispatch(_wordpress_preferences__WEBPACK_IMPORTED_MODULE_1__.store).set(scope, 'complementaryArea', area); -}; -/** - * Disable the complementary area. - * - * @param {string} scope Complementary area scope. - */ - -const disableComplementaryArea = scope => _ref2 => { - let { - registry - } = _ref2; - registry.dispatch(_wordpress_preferences__WEBPACK_IMPORTED_MODULE_1__.store).set(scope, 'complementaryArea', null); -}; -/** - * Pins an item. - * - * @param {string} scope Item scope. - * @param {string} item Item identifier. - * - * @return {Object} Action object. - */ - -const pinItem = (scope, item) => _ref3 => { - let { - registry - } = _ref3; - - // Return early if there's no item. - if (!item) { - return; - } - - const pinnedItems = registry.select(_wordpress_preferences__WEBPACK_IMPORTED_MODULE_1__.store).get(scope, 'pinnedItems'); // The item is already pinned, there's nothing to do. - - if ((pinnedItems === null || pinnedItems === void 0 ? void 0 : pinnedItems[item]) === true) { - return; - } - - registry.dispatch(_wordpress_preferences__WEBPACK_IMPORTED_MODULE_1__.store).set(scope, 'pinnedItems', { ...pinnedItems, - [item]: true - }); -}; -/** - * Unpins an item. - * - * @param {string} scope Item scope. - * @param {string} item Item identifier. - */ - -const unpinItem = (scope, item) => _ref4 => { - let { - registry - } = _ref4; - - // Return early if there's no item. - if (!item) { - return; - } - - const pinnedItems = registry.select(_wordpress_preferences__WEBPACK_IMPORTED_MODULE_1__.store).get(scope, 'pinnedItems'); - registry.dispatch(_wordpress_preferences__WEBPACK_IMPORTED_MODULE_1__.store).set(scope, 'pinnedItems', { ...pinnedItems, - [item]: false - }); -}; -/** - * Returns an action object used in signalling that a feature should be toggled. - * - * @param {string} scope The feature scope (e.g. core/edit-post). - * @param {string} featureName The feature name. - */ - -function toggleFeature(scope, featureName) { - return function (_ref5) { - let { - registry - } = _ref5; - _wordpress_deprecated__WEBPACK_IMPORTED_MODULE_0___default()(`wp.dispatch( 'core/interface' ).toggleFeature`, { - since: '6.0', - alternative: `wp.dispatch( 'core/preferences' ).toggle` - }); - registry.dispatch(_wordpress_preferences__WEBPACK_IMPORTED_MODULE_1__.store).toggle(scope, featureName); - }; -} -/** - * Returns an action object used in signalling that a feature should be set to - * a true or false value - * - * @param {string} scope The feature scope (e.g. core/edit-post). - * @param {string} featureName The feature name. - * @param {boolean} value The value to set. - * - * @return {Object} Action object. - */ - -function setFeatureValue(scope, featureName, value) { - return function (_ref6) { - let { - registry - } = _ref6; - _wordpress_deprecated__WEBPACK_IMPORTED_MODULE_0___default()(`wp.dispatch( 'core/interface' ).setFeatureValue`, { - since: '6.0', - alternative: `wp.dispatch( 'core/preferences' ).set` - }); - registry.dispatch(_wordpress_preferences__WEBPACK_IMPORTED_MODULE_1__.store).set(scope, featureName, !!value); - }; -} -/** - * Returns an action object used in signalling that defaults should be set for features. - * - * @param {string} scope The feature scope (e.g. core/edit-post). - * @param {Object} defaults A key/value map of feature names to values. - * - * @return {Object} Action object. - */ - -function setFeatureDefaults(scope, defaults) { - return function (_ref7) { - let { - registry - } = _ref7; - _wordpress_deprecated__WEBPACK_IMPORTED_MODULE_0___default()(`wp.dispatch( 'core/interface' ).setFeatureDefaults`, { - since: '6.0', - alternative: `wp.dispatch( 'core/preferences' ).setDefaults` - }); - registry.dispatch(_wordpress_preferences__WEBPACK_IMPORTED_MODULE_1__.store).setDefaults(scope, defaults); - }; -} -//# sourceMappingURL=actions.js.map - -/***/ }), - -/***/ "./node_modules/@wordpress/interface/build-module/store/constants.js": -/*!***************************************************************************!*\ - !*** ./node_modules/@wordpress/interface/build-module/store/constants.js ***! - \***************************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "STORE_NAME": function() { return /* binding */ STORE_NAME; } -/* harmony export */ }); -/** - * The identifier for the data store. - * - * @type {string} - */ -const STORE_NAME = 'core/interface'; -//# sourceMappingURL=constants.js.map - -/***/ }), - -/***/ "./node_modules/@wordpress/interface/build-module/store/index.js": -/*!***********************************************************************!*\ - !*** ./node_modules/@wordpress/interface/build-module/store/index.js ***! - \***********************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "store": function() { return /* binding */ store; } -/* harmony export */ }); -/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/data */ "@wordpress/data"); -/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_data__WEBPACK_IMPORTED_MODULE_0__); -/* harmony import */ var _actions__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./actions */ "./node_modules/@wordpress/interface/build-module/store/actions.js"); -/* harmony import */ var _selectors__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./selectors */ "./node_modules/@wordpress/interface/build-module/store/selectors.js"); -/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./constants */ "./node_modules/@wordpress/interface/build-module/store/constants.js"); -/** - * WordPress dependencies - */ - -/** - * Internal dependencies - */ - - - - -/** - * Store definition for the interface namespace. - * - * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/data/README.md#createReduxStore - * - * @type {Object} - */ - -const store = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_0__.createReduxStore)(_constants__WEBPACK_IMPORTED_MODULE_1__.STORE_NAME, { - reducer: () => {}, - actions: _actions__WEBPACK_IMPORTED_MODULE_2__, - selectors: _selectors__WEBPACK_IMPORTED_MODULE_3__ -}); // Once we build a more generic persistence plugin that works across types of stores -// we'd be able to replace this with a register call. - -(0,_wordpress_data__WEBPACK_IMPORTED_MODULE_0__.register)(store); -//# sourceMappingURL=index.js.map - -/***/ }), - -/***/ "./node_modules/@wordpress/interface/build-module/store/selectors.js": -/*!***************************************************************************!*\ - !*** ./node_modules/@wordpress/interface/build-module/store/selectors.js ***! - \***************************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "getActiveComplementaryArea": function() { return /* binding */ getActiveComplementaryArea; }, -/* harmony export */ "isFeatureActive": function() { return /* binding */ isFeatureActive; }, -/* harmony export */ "isItemPinned": function() { return /* binding */ isItemPinned; } -/* harmony export */ }); -/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/data */ "@wordpress/data"); -/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_data__WEBPACK_IMPORTED_MODULE_0__); -/* harmony import */ var _wordpress_deprecated__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/deprecated */ "@wordpress/deprecated"); -/* harmony import */ var _wordpress_deprecated__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_deprecated__WEBPACK_IMPORTED_MODULE_1__); -/* harmony import */ var _wordpress_preferences__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/preferences */ "@wordpress/preferences"); -/* harmony import */ var _wordpress_preferences__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_preferences__WEBPACK_IMPORTED_MODULE_2__); -/** - * WordPress dependencies - */ - - - -/** - * Returns the complementary area that is active in a given scope. - * - * @param {Object} state Global application state. - * @param {string} scope Item scope. - * - * @return {string} The complementary area that is active in the given scope. - */ - -const getActiveComplementaryArea = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_0__.createRegistrySelector)(select => (state, scope) => { - return select(_wordpress_preferences__WEBPACK_IMPORTED_MODULE_2__.store).get(scope, 'complementaryArea'); -}); -/** - * Returns a boolean indicating if an item is pinned or not. - * - * @param {Object} state Global application state. - * @param {string} scope Scope. - * @param {string} item Item to check. - * - * @return {boolean} True if the item is pinned and false otherwise. - */ - -const isItemPinned = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_0__.createRegistrySelector)(select => (state, scope, item) => { - var _pinnedItems$item; - - const pinnedItems = select(_wordpress_preferences__WEBPACK_IMPORTED_MODULE_2__.store).get(scope, 'pinnedItems'); - return (_pinnedItems$item = pinnedItems === null || pinnedItems === void 0 ? void 0 : pinnedItems[item]) !== null && _pinnedItems$item !== void 0 ? _pinnedItems$item : true; -}); -/** - * Returns a boolean indicating whether a feature is active for a particular - * scope. - * - * @param {Object} state The store state. - * @param {string} scope The scope of the feature (e.g. core/edit-post). - * @param {string} featureName The name of the feature. - * - * @return {boolean} Is the feature enabled? - */ - -const isFeatureActive = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_0__.createRegistrySelector)(select => (state, scope, featureName) => { - _wordpress_deprecated__WEBPACK_IMPORTED_MODULE_1___default()(`wp.select( 'core/interface' ).isFeatureActive( scope, featureName )`, { - since: '6.0', - alternative: `!! wp.select( 'core/preferences' ).isFeatureActive( scope, featureName )` - }); - return !!select(_wordpress_preferences__WEBPACK_IMPORTED_MODULE_2__.store).get(scope, featureName); -}); -//# sourceMappingURL=selectors.js.map - -/***/ }), - -/***/ "./node_modules/@wordpress/style-engine/build-module/index.js": -/*!********************************************************************!*\ - !*** ./node_modules/@wordpress/style-engine/build-module/index.js ***! - \********************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "generate": function() { return /* binding */ generate; }, -/* harmony export */ "getCSSRules": function() { return /* binding */ getCSSRules; } -/* harmony export */ }); -/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ "lodash"); -/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__); -/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./styles */ "./node_modules/@wordpress/style-engine/build-module/styles/index.js"); -/** - * External dependencies - */ - -/** - * Internal dependencies - */ - - -/** - * Generates a stylesheet for a given style object and selector. - * - * @param style Style object. - * @param options Options object with settings to adjust how the styles are generated. - * - * @return generated stylesheet. - */ - -function generate(style, options) { - const rules = getCSSRules(style, options); // If no selector is provided, treat generated rules as inline styles to be returned as a single string. - - if (!(options !== null && options !== void 0 && options.selector)) { - const inlineRules = []; - rules.forEach(rule => { - inlineRules.push(`${(0,lodash__WEBPACK_IMPORTED_MODULE_0__.kebabCase)(rule.key)}: ${rule.value};`); - }); - return inlineRules.join(' '); - } - - const groupedRules = (0,lodash__WEBPACK_IMPORTED_MODULE_0__.groupBy)(rules, 'selector'); - const selectorRules = Object.keys(groupedRules).reduce((acc, subSelector) => { - acc.push(`${subSelector} { ${groupedRules[subSelector].map(rule => `${(0,lodash__WEBPACK_IMPORTED_MODULE_0__.kebabCase)(rule.key)}: ${rule.value};`).join(' ')} }`); - return acc; - }, []); - return selectorRules.join('\n'); -} -/** - * Returns a JSON representation of the generated CSS rules. - * - * @param style Style object. - * @param options Options object with settings to adjust how the styles are generated. - * - * @return generated styles. - */ - -function getCSSRules(style, options) { - const rules = []; - _styles__WEBPACK_IMPORTED_MODULE_1__.styleDefinitions.forEach(definition => { - if (typeof definition.generate === 'function') { - rules.push(...definition.generate(style, options)); - } - }); - return rules; -} -//# sourceMappingURL=index.js.map - -/***/ }), - -/***/ "./node_modules/@wordpress/style-engine/build-module/styles/border/index.js": -/*!**********************************************************************************!*\ - !*** ./node_modules/@wordpress/style-engine/build-module/styles/border/index.js ***! - \**********************************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../utils */ "./node_modules/@wordpress/style-engine/build-module/styles/utils.js"); -/** - * Internal dependencies - */ - -const color = { - name: 'color', - generate: function (style, options) { - let path = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : ['border', 'color']; - let ruleKey = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'borderColor'; - return (0,_utils__WEBPACK_IMPORTED_MODULE_0__.generateRule)(style, options, path, ruleKey); - } -}; -const radius = { - name: 'radius', - generate: (style, options) => { - return (0,_utils__WEBPACK_IMPORTED_MODULE_0__.generateBoxRules)(style, options, ['border', 'radius'], { - default: 'borderRadius', - individual: 'border%sRadius' - }, ['topLeft', 'topRight', 'bottomLeft', 'bottomRight']); - } -}; -const borderStyle = { - name: 'style', - generate: function (style, options) { - let path = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : ['border', 'style']; - let ruleKey = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'borderStyle'; - return (0,_utils__WEBPACK_IMPORTED_MODULE_0__.generateRule)(style, options, path, ruleKey); - } -}; -const width = { - name: 'width', - generate: function (style, options) { - let path = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : ['border', 'width']; - let ruleKey = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'borderWidth'; - return (0,_utils__WEBPACK_IMPORTED_MODULE_0__.generateRule)(style, options, path, ruleKey); - } -}; -const borderDefinitionsWithIndividualStyles = [color, borderStyle, width]; -/** - * Returns a curried generator function with the individual border property ('top' | 'right' | 'bottom' | 'left') baked in. - * - * @param individualProperty Individual border property ('top' | 'right' | 'bottom' | 'left'). - * - * @return StyleDefinition[ 'generate' ] - */ - -const createBorderGenerateFunction = individualProperty => (style, options) => { - var _style$border; - - const styleValue = style === null || style === void 0 ? void 0 : (_style$border = style.border) === null || _style$border === void 0 ? void 0 : _style$border[individualProperty]; - - if (!styleValue) { - return []; - } - - return borderDefinitionsWithIndividualStyles.reduce((acc, borderDefinition) => { - const key = borderDefinition.name; - - if (styleValue.hasOwnProperty(key) && typeof borderDefinition.generate === 'function') { - const ruleKey = `border${(0,_utils__WEBPACK_IMPORTED_MODULE_0__.upperFirst)(individualProperty)}${(0,_utils__WEBPACK_IMPORTED_MODULE_0__.upperFirst)(key)}`; - acc.push(...borderDefinition.generate(style, options, ['border', individualProperty, key], ruleKey)); - } - - return acc; - }, []); -}; - -const borderTop = { - name: 'borderTop', - generate: createBorderGenerateFunction('top') -}; -const borderRight = { - name: 'borderRight', - generate: createBorderGenerateFunction('right') -}; -const borderBottom = { - name: 'borderBottom', - generate: createBorderGenerateFunction('bottom') -}; -const borderLeft = { - name: 'borderLeft', - generate: createBorderGenerateFunction('left') -}; -/* harmony default export */ __webpack_exports__["default"] = ([...borderDefinitionsWithIndividualStyles, radius, borderTop, borderRight, borderBottom, borderLeft]); -//# sourceMappingURL=index.js.map - -/***/ }), - -/***/ "./node_modules/@wordpress/style-engine/build-module/styles/color/background.js": -/*!**************************************************************************************!*\ - !*** ./node_modules/@wordpress/style-engine/build-module/styles/color/background.js ***! - \**************************************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../utils */ "./node_modules/@wordpress/style-engine/build-module/styles/utils.js"); -/** - * Internal dependencies - */ - -const background = { - name: 'background', - generate: (style, options) => { - return (0,_utils__WEBPACK_IMPORTED_MODULE_0__.generateRule)(style, options, ['color', 'background'], 'backgroundColor'); - } -}; -/* harmony default export */ __webpack_exports__["default"] = (background); -//# sourceMappingURL=background.js.map - -/***/ }), - -/***/ "./node_modules/@wordpress/style-engine/build-module/styles/color/gradient.js": -/*!************************************************************************************!*\ - !*** ./node_modules/@wordpress/style-engine/build-module/styles/color/gradient.js ***! - \************************************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../utils */ "./node_modules/@wordpress/style-engine/build-module/styles/utils.js"); -/** - * Internal dependencies - */ - -const gradient = { - name: 'gradient', - generate: (style, options) => { - return (0,_utils__WEBPACK_IMPORTED_MODULE_0__.generateRule)(style, options, ['color', 'gradient'], 'background'); - } -}; -/* harmony default export */ __webpack_exports__["default"] = (gradient); -//# sourceMappingURL=gradient.js.map - -/***/ }), - -/***/ "./node_modules/@wordpress/style-engine/build-module/styles/color/index.js": -/*!*********************************************************************************!*\ - !*** ./node_modules/@wordpress/style-engine/build-module/styles/color/index.js ***! - \*********************************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _background__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./background */ "./node_modules/@wordpress/style-engine/build-module/styles/color/background.js"); -/* harmony import */ var _gradient__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./gradient */ "./node_modules/@wordpress/style-engine/build-module/styles/color/gradient.js"); -/* harmony import */ var _text__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./text */ "./node_modules/@wordpress/style-engine/build-module/styles/color/text.js"); -/** - * Internal dependencies - */ - - - -/* harmony default export */ __webpack_exports__["default"] = ([_text__WEBPACK_IMPORTED_MODULE_0__["default"], _gradient__WEBPACK_IMPORTED_MODULE_1__["default"], _background__WEBPACK_IMPORTED_MODULE_2__["default"]]); -//# sourceMappingURL=index.js.map - -/***/ }), - -/***/ "./node_modules/@wordpress/style-engine/build-module/styles/color/text.js": -/*!********************************************************************************!*\ - !*** ./node_modules/@wordpress/style-engine/build-module/styles/color/text.js ***! - \********************************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../utils */ "./node_modules/@wordpress/style-engine/build-module/styles/utils.js"); -/** - * Internal dependencies - */ - -const text = { - name: 'text', - generate: (style, options) => { - return (0,_utils__WEBPACK_IMPORTED_MODULE_0__.generateRule)(style, options, ['color', 'text'], 'color'); - } -}; -/* harmony default export */ __webpack_exports__["default"] = (text); -//# sourceMappingURL=text.js.map - -/***/ }), - -/***/ "./node_modules/@wordpress/style-engine/build-module/styles/constants.js": -/*!*******************************************************************************!*\ - !*** ./node_modules/@wordpress/style-engine/build-module/styles/constants.js ***! - \*******************************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "VARIABLE_PATH_SEPARATOR_TOKEN_ATTRIBUTE": function() { return /* binding */ VARIABLE_PATH_SEPARATOR_TOKEN_ATTRIBUTE; }, -/* harmony export */ "VARIABLE_PATH_SEPARATOR_TOKEN_STYLE": function() { return /* binding */ VARIABLE_PATH_SEPARATOR_TOKEN_STYLE; }, -/* harmony export */ "VARIABLE_REFERENCE_PREFIX": function() { return /* binding */ VARIABLE_REFERENCE_PREFIX; } -/* harmony export */ }); -const VARIABLE_REFERENCE_PREFIX = 'var:'; -const VARIABLE_PATH_SEPARATOR_TOKEN_ATTRIBUTE = '|'; -const VARIABLE_PATH_SEPARATOR_TOKEN_STYLE = '--'; -//# sourceMappingURL=constants.js.map - -/***/ }), - -/***/ "./node_modules/@wordpress/style-engine/build-module/styles/index.js": -/*!***************************************************************************!*\ - !*** ./node_modules/@wordpress/style-engine/build-module/styles/index.js ***! - \***************************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "styleDefinitions": function() { return /* binding */ styleDefinitions; } -/* harmony export */ }); -/* harmony import */ var _border__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./border */ "./node_modules/@wordpress/style-engine/build-module/styles/border/index.js"); -/* harmony import */ var _color__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./color */ "./node_modules/@wordpress/style-engine/build-module/styles/color/index.js"); -/* harmony import */ var _spacing__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./spacing */ "./node_modules/@wordpress/style-engine/build-module/styles/spacing/index.js"); -/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./typography */ "./node_modules/@wordpress/style-engine/build-module/styles/typography/index.js"); -/** - * Internal dependencies - */ - - - - -const styleDefinitions = [..._border__WEBPACK_IMPORTED_MODULE_0__["default"], ..._color__WEBPACK_IMPORTED_MODULE_1__["default"], ..._spacing__WEBPACK_IMPORTED_MODULE_2__["default"], ..._typography__WEBPACK_IMPORTED_MODULE_3__["default"]]; -//# sourceMappingURL=index.js.map - -/***/ }), - -/***/ "./node_modules/@wordpress/style-engine/build-module/styles/spacing/index.js": -/*!***********************************************************************************!*\ - !*** ./node_modules/@wordpress/style-engine/build-module/styles/spacing/index.js ***! - \***********************************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _padding__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./padding */ "./node_modules/@wordpress/style-engine/build-module/styles/spacing/padding.js"); -/* harmony import */ var _margin__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./margin */ "./node_modules/@wordpress/style-engine/build-module/styles/spacing/margin.js"); -/** - * Internal dependencies - */ - - -/* harmony default export */ __webpack_exports__["default"] = ([_margin__WEBPACK_IMPORTED_MODULE_0__["default"], _padding__WEBPACK_IMPORTED_MODULE_1__["default"]]); -//# sourceMappingURL=index.js.map - -/***/ }), - -/***/ "./node_modules/@wordpress/style-engine/build-module/styles/spacing/margin.js": -/*!************************************************************************************!*\ - !*** ./node_modules/@wordpress/style-engine/build-module/styles/spacing/margin.js ***! - \************************************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../utils */ "./node_modules/@wordpress/style-engine/build-module/styles/utils.js"); -/** - * Internal dependencies - */ - -const margin = { - name: 'margin', - generate: (style, options) => { - return (0,_utils__WEBPACK_IMPORTED_MODULE_0__.generateBoxRules)(style, options, ['spacing', 'margin'], { - default: 'margin', - individual: 'margin%s' - }); - } -}; -/* harmony default export */ __webpack_exports__["default"] = (margin); -//# sourceMappingURL=margin.js.map - -/***/ }), - -/***/ "./node_modules/@wordpress/style-engine/build-module/styles/spacing/padding.js": -/*!*************************************************************************************!*\ - !*** ./node_modules/@wordpress/style-engine/build-module/styles/spacing/padding.js ***! - \*************************************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../utils */ "./node_modules/@wordpress/style-engine/build-module/styles/utils.js"); -/** - * Internal dependencies - */ - -const padding = { - name: 'padding', - generate: (style, options) => { - return (0,_utils__WEBPACK_IMPORTED_MODULE_0__.generateBoxRules)(style, options, ['spacing', 'padding'], { - default: 'padding', - individual: 'padding%s' - }); - } -}; -/* harmony default export */ __webpack_exports__["default"] = (padding); -//# sourceMappingURL=padding.js.map - -/***/ }), - -/***/ "./node_modules/@wordpress/style-engine/build-module/styles/typography/index.js": -/*!**************************************************************************************!*\ - !*** ./node_modules/@wordpress/style-engine/build-module/styles/typography/index.js ***! - \**************************************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../utils */ "./node_modules/@wordpress/style-engine/build-module/styles/utils.js"); -/** - * Internal dependencies - */ - -const fontSize = { - name: 'fontSize', - generate: (style, options) => { - return (0,_utils__WEBPACK_IMPORTED_MODULE_0__.generateRule)(style, options, ['typography', 'fontSize'], 'fontSize'); - } -}; -const fontStyle = { - name: 'fontStyle', - generate: (style, options) => { - return (0,_utils__WEBPACK_IMPORTED_MODULE_0__.generateRule)(style, options, ['typography', 'fontStyle'], 'fontStyle'); - } -}; -const fontWeight = { - name: 'fontWeight', - generate: (style, options) => { - return (0,_utils__WEBPACK_IMPORTED_MODULE_0__.generateRule)(style, options, ['typography', 'fontWeight'], 'fontWeight'); - } -}; -const letterSpacing = { - name: 'letterSpacing', - generate: (style, options) => { - return (0,_utils__WEBPACK_IMPORTED_MODULE_0__.generateRule)(style, options, ['typography', 'letterSpacing'], 'letterSpacing'); - } -}; -const lineHeight = { - name: 'letterSpacing', - generate: (style, options) => { - return (0,_utils__WEBPACK_IMPORTED_MODULE_0__.generateRule)(style, options, ['typography', 'lineHeight'], 'lineHeight'); - } -}; -const textDecoration = { - name: 'textDecoration', - generate: (style, options) => { - return (0,_utils__WEBPACK_IMPORTED_MODULE_0__.generateRule)(style, options, ['typography', 'textDecoration'], 'textDecoration'); - } -}; -const textTransform = { - name: 'textTransform', - generate: (style, options) => { - return (0,_utils__WEBPACK_IMPORTED_MODULE_0__.generateRule)(style, options, ['typography', 'textTransform'], 'textTransform'); - } -}; -/* harmony default export */ __webpack_exports__["default"] = ([fontSize, fontStyle, fontWeight, letterSpacing, lineHeight, textDecoration, textTransform]); -//# sourceMappingURL=index.js.map - -/***/ }), - -/***/ "./node_modules/@wordpress/style-engine/build-module/styles/utils.js": -/*!***************************************************************************!*\ - !*** ./node_modules/@wordpress/style-engine/build-module/styles/utils.js ***! - \***************************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "generateBoxRules": function() { return /* binding */ generateBoxRules; }, -/* harmony export */ "generateRule": function() { return /* binding */ generateRule; }, -/* harmony export */ "getCSSVarFromStyleValue": function() { return /* binding */ getCSSVarFromStyleValue; }, -/* harmony export */ "upperFirst": function() { return /* binding */ upperFirst; } -/* harmony export */ }); -/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ "lodash"); -/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__); -/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./constants */ "./node_modules/@wordpress/style-engine/build-module/styles/constants.js"); -/** - * External dependencies - */ - -/** - * Internal dependencies - */ - - -/** - * Returns a JSON representation of the generated CSS rules. - * - * @param style Style object. - * @param options Options object with settings to adjust how the styles are generated. - * @param path An array of strings representing the path to the style value in the style object. - * @param ruleKey A CSS property key. - * - * @return GeneratedCSSRule[] CSS rules. - */ - -function generateRule(style, options, path, ruleKey) { - const styleValue = (0,lodash__WEBPACK_IMPORTED_MODULE_0__.get)(style, path); - return styleValue ? [{ - selector: options === null || options === void 0 ? void 0 : options.selector, - key: ruleKey, - value: getCSSVarFromStyleValue(styleValue) - }] : []; -} -/** - * Returns a JSON representation of the generated CSS rules taking into account box model properties, top, right, bottom, left. - * - * @param style Style object. - * @param options Options object with settings to adjust how the styles are generated. - * @param path An array of strings representing the path to the style value in the style object. - * @param ruleKeys An array of CSS property keys and patterns. - * @param individualProperties The "sides" or individual properties for which to generate rules. - * - * @return GeneratedCSSRule[] CSS rules. - */ - -function generateBoxRules(style, options, path, ruleKeys) { - let individualProperties = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : ['top', 'right', 'bottom', 'left']; - const boxStyle = (0,lodash__WEBPACK_IMPORTED_MODULE_0__.get)(style, path); - - if (!boxStyle) { - return []; - } - - const rules = []; - - if (typeof boxStyle === 'string') { - rules.push({ - selector: options === null || options === void 0 ? void 0 : options.selector, - key: ruleKeys.default, - value: boxStyle - }); - } else { - const sideRules = individualProperties.reduce((acc, side) => { - const value = (0,lodash__WEBPACK_IMPORTED_MODULE_0__.get)(boxStyle, [side]); - - if (value) { - acc.push({ - selector: options === null || options === void 0 ? void 0 : options.selector, - key: ruleKeys === null || ruleKeys === void 0 ? void 0 : ruleKeys.individual.replace('%s', upperFirst(side)), - value - }); - } - - return acc; - }, []); - rules.push(...sideRules); - } - - return rules; -} -/** - * Returns a CSS var value from incoming style value following the pattern `var:description|context|slug`. - * - * @param styleValue A raw style value. - * - * @return string A CSS var value. - */ - -function getCSSVarFromStyleValue(styleValue) { - if (typeof styleValue === 'string' && styleValue.startsWith(_constants__WEBPACK_IMPORTED_MODULE_1__.VARIABLE_REFERENCE_PREFIX)) { - const variable = styleValue.slice(_constants__WEBPACK_IMPORTED_MODULE_1__.VARIABLE_REFERENCE_PREFIX.length).split(_constants__WEBPACK_IMPORTED_MODULE_1__.VARIABLE_PATH_SEPARATOR_TOKEN_ATTRIBUTE).join(_constants__WEBPACK_IMPORTED_MODULE_1__.VARIABLE_PATH_SEPARATOR_TOKEN_STYLE); - return `var(--wp--${variable})`; - } - - return styleValue; -} -/** - * Capitalizes the first letter in a string. - * - * @param {string} str The string whose first letter the function will capitalize. - * - * @return string A CSS var value. - */ - -function upperFirst(_ref) { - let [firstLetter, ...rest] = _ref; - return firstLetter.toUpperCase() + rest.join(''); -} -//# sourceMappingURL=utils.js.map - -/***/ }), - -/***/ "./src/OnboardingSPA/components/App/index.js": -/*!***************************************************!*\ - !*** ./src/OnboardingSPA/components/App/index.js ***! - \***************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__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 _Header__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../Header */ "./src/OnboardingSPA/components/Header/index.js"); -/* harmony import */ var _Content__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../Content */ "./src/OnboardingSPA/components/Content/index.js"); -/* harmony import */ var _Drawer__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../Drawer */ "./src/OnboardingSPA/components/Drawer/index.js"); -/* harmony import */ var _Sidebar__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../Sidebar */ "./src/OnboardingSPA/components/Sidebar/index.js"); -/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js"); -/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_5__); -/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! react-router-dom */ "./node_modules/react-router/index.js"); -/* harmony import */ var _utils_api_flow__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../utils/api/flow */ "./src/OnboardingSPA/utils/api/flow.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 _utils_api_ecommerce__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../utils/api/ecommerce */ "./src/OnboardingSPA/utils/api/ecommerce.js"); -/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../store */ "./src/OnboardingSPA/store/index.js"); -/* harmony import */ var _data_routes___WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../data/routes/ */ "./src/OnboardingSPA/data/routes/index.js"); -/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! lodash */ "lodash"); -/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_11__); -/* harmony import */ var _wordpress_compose__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! @wordpress/compose */ "@wordpress/compose"); -/* harmony import */ var _wordpress_compose__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(_wordpress_compose__WEBPACK_IMPORTED_MODULE_12__); -/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! @wordpress/data */ "@wordpress/data"); -/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(_wordpress_data__WEBPACK_IMPORTED_MODULE_13__); -/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components"); -/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_14__); -/* harmony import */ var _wordpress_interface__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! @wordpress/interface */ "./node_modules/@wordpress/interface/build-module/index.js"); - - - - - - - - - - - - - - - - - - -/** - * Primary app that renders the . - * - * Is a child of the hash router and error boundary. - * - * @return WPComponent - */ - -const App = () => { - const location = (0,react_router_dom__WEBPACK_IMPORTED_MODULE_16__.useLocation)(); - const isLargeViewport = (0,_wordpress_compose__WEBPACK_IMPORTED_MODULE_12__.useViewportMatch)('medium'); - const pathname = (0,lodash__WEBPACK_IMPORTED_MODULE_11__.kebabCase)(location.pathname); - const { - isDrawerOpen, - newfoldBrand, - onboardingFlow, - currentData, - firstStep, - routes, - designSteps, - allSteps - } = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_13__.useSelect)(select => { - return { - isDrawerOpen: select(_store__WEBPACK_IMPORTED_MODULE_9__.store).isDrawerOpened(), - newfoldBrand: select(_store__WEBPACK_IMPORTED_MODULE_9__.store).getNewfoldBrand(), - onboardingFlow: select(_store__WEBPACK_IMPORTED_MODULE_9__.store).getOnboardingFlow(), - currentData: select(_store__WEBPACK_IMPORTED_MODULE_9__.store).getCurrentOnboardingData(), - firstStep: select(_store__WEBPACK_IMPORTED_MODULE_9__.store).getFirstStep(), - 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() - }; - }, []); - const [isRequestPlaced, setIsRequestPlaced] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(false); - const [didVisitBasicInfo, setDidVisitBasicInfo] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(false); - const [didVisitEcommerce, setDidVisitEcommerce] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(false); - const { - setActiveStep, - setActiveFlow, - updateRoutes, - updateDesignSteps, - updateAllSteps, - setCurrentOnboardingData - } = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_13__.useDispatch)(_store__WEBPACK_IMPORTED_MODULE_9__.store); - - async function syncSocialSettings() { - var _currentData$data; - - const initialData = await (0,_utils_api_settings__WEBPACK_IMPORTED_MODULE_7__.getSettings)(); - const result = await (0,_utils_api_settings__WEBPACK_IMPORTED_MODULE_7__.setSettings)(currentData === null || currentData === void 0 ? void 0 : (_currentData$data = currentData.data) === null || _currentData$data === void 0 ? void 0 : _currentData$data.socialData); - setDidVisitBasicInfo(false); - - if ((result === null || result === void 0 ? void 0 : result.error) != null) { - console.error('Unable to Save Social Data!'); - return initialData === null || initialData === void 0 ? void 0 : initialData.body; - } - - return result === null || result === void 0 ? void 0 : result.body; - } - - async function syncStoreDetails() { - let { - address, - tax - } = currentData.storeDetails; - let payload = {}; - - if (address !== undefined) { - delete address.country; - delete address.state; - payload = address; - } - - if (tax !== undefined) { - let option = tax.option; - let isStoreDetailsFilled = tax.isStoreDetailsFilled; - delete tax.option; - delete tax.isStoreDetailsFilled; // No Auto-calculate taxes for MMP - // if (option === "1") { - // if (isStoreDetailsFilled) { - // payload = { ...payload, ...tax }; - // } - // } else { - // payload = { ...payload, ...tax }; - // } - - payload = { ...payload, - ...tax - }; - } - - if (!(0,_utils_api_ecommerce__WEBPACK_IMPORTED_MODULE_8__.isEmpty)(payload)) { - await (0,_utils_api_ecommerce__WEBPACK_IMPORTED_MODULE_8__.updateWPSettings)(payload); - } - - delete currentData.storeDetails.address; - delete currentData.storeDetails.tax; - setDidVisitEcommerce(false); - } - - async function syncStoreToDB() { - // The First Welcome Step doesn't have any Store changes - const isFirstStep = (location === null || location === void 0 ? void 0 : location.pathname) === (firstStep === null || firstStep === void 0 ? void 0 : firstStep.path); - - if (currentData && !isFirstStep) { - if (!isRequestPlaced) { - setIsRequestPlaced(true); - - if (didVisitEcommerce) { - await syncStoreDetails(); - } // If Social Data is changed then sync it - - - if (didVisitBasicInfo) { - const socialData = await syncSocialSettings(); // If Social Data is changed then Sync that also to the store - - if (socialData && currentData !== null && currentData !== void 0 && currentData.data) currentData.data.socialData = socialData; - } - - const result = await (0,_utils_api_flow__WEBPACK_IMPORTED_MODULE_6__.setFlow)(currentData); - - if ((result === null || result === void 0 ? void 0 : result.error) != null) { - setIsRequestPlaced(false); - console.error('Unable to Save data!'); - } else { - setCurrentOnboardingData(result === null || result === void 0 ? void 0 : result.body); - setIsRequestPlaced(false); - } - } - } // Check if the Basic Info page was visited - - - if (location !== null && location !== void 0 && location.pathname.includes('basic-info')) setDidVisitBasicInfo(true); - - if (location !== null && location !== void 0 && location.pathname.includes('ecommerce')) { - setDidVisitEcommerce(true); - } - } - - const addColorAndTypographyRoutes = () => { - const updates = removeColorAndTypographyRoutes(); - const steps = [_data_routes___WEBPACK_IMPORTED_MODULE_10__.conditionalSteps.designColors, _data_routes___WEBPACK_IMPORTED_MODULE_10__.conditionalSteps.designTypography]; - return { - routes: (0,lodash__WEBPACK_IMPORTED_MODULE_11__.orderBy)(updates.routes.concat(steps), ['priority'], ['asc']), - allSteps: (0,lodash__WEBPACK_IMPORTED_MODULE_11__.orderBy)(updates.allSteps.concat(steps), ['priority'], ['asc']), - designSteps: (0,lodash__WEBPACK_IMPORTED_MODULE_11__.orderBy)(updates.designSteps.concat(steps), ['priority'], ['asc']) - }; - }; - - const removeColorAndTypographyRoutes = () => { - return { - routes: (0,lodash__WEBPACK_IMPORTED_MODULE_11__.filter)(routes, route => !route.path.includes(_data_routes___WEBPACK_IMPORTED_MODULE_10__.conditionalSteps.designColors.path) && !route.path.includes(_data_routes___WEBPACK_IMPORTED_MODULE_10__.conditionalSteps.designTypography.path)), - allSteps: (0,lodash__WEBPACK_IMPORTED_MODULE_11__.filter)(allSteps, allStep => !allStep.path.includes(_data_routes___WEBPACK_IMPORTED_MODULE_10__.conditionalSteps.designColors.path) && !allStep.path.includes(_data_routes___WEBPACK_IMPORTED_MODULE_10__.conditionalSteps.designTypography.path)), - designSteps: (0,lodash__WEBPACK_IMPORTED_MODULE_11__.filter)(designSteps, designStep => !designStep.path.includes(_data_routes___WEBPACK_IMPORTED_MODULE_10__.conditionalSteps.designColors.path) && !designStep.path.includes(_data_routes___WEBPACK_IMPORTED_MODULE_10__.conditionalSteps.designTypography.path)) - }; - }; - - function handleColorsAndTypographyRoutes() { - if (location !== null && location !== void 0 && location.pathname.includes('colors') || location !== null && location !== void 0 && location.pathname.includes('typography')) { - var _currentData$data2; - - let updates; - updates = currentData !== null && currentData !== void 0 && (_currentData$data2 = currentData.data) !== null && _currentData$data2 !== void 0 && _currentData$data2.customDesign ? addColorAndTypographyRoutes() : removeColorAndTypographyRoutes(); - updateRoutes(updates.routes); - updateDesignSteps(updates.designSteps); - updateAllSteps(updates.allSteps); - } - } - - (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => { - document.body.classList.add(`nfd-brand-${newfoldBrand}`); - }, [newfoldBrand]); - (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => { - syncStoreToDB(); - handleColorsAndTypographyRoutes(); - - if (location.pathname.includes('/step')) { - setActiveFlow(onboardingFlow); - setActiveStep(location.pathname); - } - }, [location.pathname, onboardingFlow]); - return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_interface__WEBPACK_IMPORTED_MODULE_15__.FullscreenMode, { - isActive: true - }), "\\", (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_14__.SlotFillProvider, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_interface__WEBPACK_IMPORTED_MODULE_15__.InterfaceSkeleton, { - className: classnames__WEBPACK_IMPORTED_MODULE_5___default()('nfd-onboarding-skeleton', `brand-${newfoldBrand}`, `path-${pathname}`, { - 'is-drawer-open': isDrawerOpen - }, { - 'is-large-viewport': isLargeViewport - }, { - 'is-small-viewport': !isLargeViewport - }), - header: (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_Header__WEBPACK_IMPORTED_MODULE_1__["default"], null), - drawer: (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_Drawer__WEBPACK_IMPORTED_MODULE_3__["default"], null), - content: (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_Content__WEBPACK_IMPORTED_MODULE_2__["default"], null), - sidebar: (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_Sidebar__WEBPACK_IMPORTED_MODULE_4__["default"], null) - }))); -}; - -/* harmony default export */ __webpack_exports__["default"] = (App); - -/***/ }), - -/***/ "./src/OnboardingSPA/components/Content/index.js": -/*!*******************************************************!*\ - !*** ./src/OnboardingSPA/components/Content/index.js ***! - \*******************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__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 react_router_dom__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-router-dom */ "./node_modules/react-router/index.js"); -/* 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__); - - - - - -/** - * Primary content area within the . - * - * @return WPComponent - */ - -const Content = () => { - const { - routes - } = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_2__.useSelect)(select => { - return { - routes: select(_store__WEBPACK_IMPORTED_MODULE_1__.store).getRoutes() - }; - }); - - const getMappedPages = routes => { - return routes === null || routes === void 0 ? void 0 : routes.map(route => (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(react_router_dom__WEBPACK_IMPORTED_MODULE_3__.Route, { - key: route.path, - path: route.path, - end: true, - element: (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(route.Component, null) - })); - }; - - return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("main", { - className: "nfd-onboard-content" - }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Suspense, { - fallback: (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null) - }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(react_router_dom__WEBPACK_IMPORTED_MODULE_3__.Routes, null, getMappedPages(routes)))); -}; - -/* harmony default export */ __webpack_exports__["default"] = (Content); - -/***/ }), - -/***/ "./src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js": -/*!*************************************************************************!*\ - !*** ./src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js ***! - \*************************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__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__); -/* 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_components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components"); -/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__); -/* 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 _utils_global_styles_use_global_styles_output__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../utils/global-styles/use-global-styles-output */ "./src/OnboardingSPA/utils/global-styles/use-global-styles-output.js"); - - - - - - - - - -const DesignColors = () => { - const [isLoaded, setIsLoaded] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(false); - const [globalStyles, setGlobalStyles] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(); - const [selectedColors, setSelectedColors] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(); - const [showColorPicker, setShowColorPicker] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(false); - const [isAccordionClosed, setIsAccordionClosed] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(true); - const [selectedColorsLocal, setSelectedColorsLocal] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(); - const [customColors, setCustomColors] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(); - const [colorPalettes, setColorPalettes] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(); - const [colorPickerCalledBy, setColorPickerCalledBy] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(''); - const { - storedPreviewSettings, - currentData - } = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_2__.useSelect)(select => { - return { - storedPreviewSettings: select(_store__WEBPACK_IMPORTED_MODULE_4__.store).getPreviewSettings(), - currentData: select(_store__WEBPACK_IMPORTED_MODULE_4__.store).getCurrentOnboardingData() - }; - }, []); - const { - updatePreviewSettings, - setCurrentOnboardingData - } = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_2__.useDispatch)(_store__WEBPACK_IMPORTED_MODULE_4__.store); - - function stateToLocal(selectedColors) { - if (selectedColors) { - let selectedColorsLocalTemp = {}; - selectedColors === null || selectedColors === void 0 ? void 0 : selectedColors.color.forEach(color => { - selectedColorsLocalTemp[color.slug] = color.color; - }); - setSelectedColorsLocal(selectedColorsLocalTemp); - return selectedColorsLocalTemp; - } - } - - function LocalToState(selectedColorsLocalTemp, colorStyle) { - if (selectedColorsLocalTemp && colorStyle) { - let selectedColorsTemp = selectedColors; - selectedColorsTemp.slug = colorStyle; - selectedColorsTemp.name = (colorStyle === null || colorStyle === void 0 ? void 0 : colorStyle.charAt(0).toUpperCase()) + (colorStyle === null || colorStyle === void 0 ? void 0 : colorStyle.slice(1)); - let colorsArray = []; - - for (let colorName in selectedColorsLocalTemp) { - colorsArray.push({ - 'slug': colorName, - 'name': (colorName === null || colorName === void 0 ? void 0 : colorName.charAt(0).toUpperCase()) + (colorName === null || colorName === void 0 ? void 0 : colorName.slice(1)), - 'color': selectedColorsLocalTemp[colorName] - }); - } - - selectedColorsTemp.color = colorsArray; - setSelectedColors(selectedColorsTemp); - currentData.data.palette = selectedColorsTemp; - setCurrentOnboardingData(currentData); - return selectedColorsTemp; - } - } - - async function saveThemeColorPalette(colorStyle) { - var _selectedGlobalStyle$, _selectedGlobalStyle$2, _selectedGlobalStyle$3, _selectedThemeColorPa; - - let colorPalettesTemp = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : colorPalettes; - let selectedColorsLocalTemp = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : selectedColors; - let globalStylesTemp = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : globalStyles; - const isCustomStyle = colorStyle === 'custom'; - let selectedGlobalStyle = globalStylesTemp; - let selectedThemeColorPalette = selectedGlobalStyle === null || selectedGlobalStyle === void 0 ? void 0 : (_selectedGlobalStyle$ = selectedGlobalStyle.settings) === null || _selectedGlobalStyle$ === void 0 ? void 0 : (_selectedGlobalStyle$2 = _selectedGlobalStyle$.color) === null || _selectedGlobalStyle$2 === void 0 ? void 0 : (_selectedGlobalStyle$3 = _selectedGlobalStyle$2.palette) === null || _selectedGlobalStyle$3 === void 0 ? void 0 : _selectedGlobalStyle$3.theme; - - if (colorPalettesTemp && colorStyle && selectedThemeColorPalette) { - for (let idx = 0; idx < selectedThemeColorPalette.length; idx++) { - switch ((_selectedThemeColorPa = selectedThemeColorPalette[idx]) === null || _selectedThemeColorPa === void 0 ? void 0 : _selectedThemeColorPa.slug) { - case 'primary': - if (isCustomStyle && (selectedColorsLocalTemp === null || selectedColorsLocalTemp === void 0 ? void 0 : selectedColorsLocalTemp.primary) != '') selectedThemeColorPalette[idx].color = selectedColorsLocalTemp.primary;else if (!isCustomStyle) selectedThemeColorPalette[idx].color = colorPalettesTemp[colorStyle].primary; - break; - - case 'secondary': - if (isCustomStyle && (selectedColorsLocalTemp === null || selectedColorsLocalTemp === void 0 ? void 0 : selectedColorsLocalTemp.secondary) != '') selectedThemeColorPalette[idx].color = selectedColorsLocalTemp.secondary;else if (!isCustomStyle) selectedThemeColorPalette[idx].color = colorPalettesTemp[colorStyle].secondary; - break; - - case 'tertiary': - if (isCustomStyle && (selectedColorsLocalTemp === null || selectedColorsLocalTemp === void 0 ? void 0 : selectedColorsLocalTemp.tertiary) != '') selectedThemeColorPalette[idx].color = selectedColorsLocalTemp.tertiary;else if (!isCustomStyle) selectedThemeColorPalette[idx].color = colorPalettesTemp[colorStyle].tertiary; - break; - - case 'background': - if (isCustomStyle && (selectedColorsLocalTemp === null || selectedColorsLocalTemp === void 0 ? void 0 : selectedColorsLocalTemp.background) != '') selectedThemeColorPalette[idx].color = selectedColorsLocalTemp.background;else if (!isCustomStyle) selectedThemeColorPalette[idx].color = '#ffffff'; - break; - } - } - - selectedGlobalStyle.settings.color.palette.theme = selectedThemeColorPalette; - setGlobalStyles(selectedGlobalStyle); - updatePreviewSettings((0,_utils_global_styles_use_global_styles_output__WEBPACK_IMPORTED_MODULE_6__.useGlobalStylesOutput)(selectedGlobalStyle, storedPreviewSettings)); - return selectedGlobalStyle; - } - } - - async function saveCustomColors() { - var _selectedGlobalStyle$4, _selectedGlobalStyle$5, _selectedGlobalStyle$6, _selectedThemeColorPa2; - - let selectedGlobalStyle = globalStyles; - let selectedThemeColorPalette = selectedGlobalStyle === null || selectedGlobalStyle === void 0 ? void 0 : (_selectedGlobalStyle$4 = selectedGlobalStyle.settings) === null || _selectedGlobalStyle$4 === void 0 ? void 0 : (_selectedGlobalStyle$5 = _selectedGlobalStyle$4.color) === null || _selectedGlobalStyle$5 === void 0 ? void 0 : (_selectedGlobalStyle$6 = _selectedGlobalStyle$5.palette) === null || _selectedGlobalStyle$6 === void 0 ? void 0 : _selectedGlobalStyle$6.theme; - - if (selectedThemeColorPalette) { - for (let idx = 0; idx < selectedThemeColorPalette.length; idx++) { - switch ((_selectedThemeColorPa2 = selectedThemeColorPalette[idx]) === null || _selectedThemeColorPa2 === void 0 ? void 0 : _selectedThemeColorPa2.slug) { - case 'background': - if (colorPickerCalledBy == 'background' && customColors !== null && customColors !== void 0 && customColors.background) selectedThemeColorPalette[idx].color = customColors === null || customColors === void 0 ? void 0 : customColors.background; - break; - - case 'primary': - if (colorPickerCalledBy == 'primary' && customColors !== null && customColors !== void 0 && customColors.primary) selectedThemeColorPalette[idx].color = customColors === null || customColors === void 0 ? void 0 : customColors.primary; - break; - - case 'secondary': - if (colorPickerCalledBy == 'secondary' && customColors !== null && customColors !== void 0 && customColors.secondary) selectedThemeColorPalette[idx].color = customColors === null || customColors === void 0 ? void 0 : customColors.secondary; - break; - - case 'tertiary': - if (colorPickerCalledBy == 'tertiary' && customColors !== null && customColors !== void 0 && customColors.tertiary) selectedThemeColorPalette[idx].color = customColors === null || customColors === void 0 ? void 0 : customColors.tertiary; - break; - } - } - - selectedGlobalStyle.settings.color.palette.theme = selectedThemeColorPalette; - setGlobalStyles(selectedGlobalStyle); - updatePreviewSettings((0,_utils_global_styles_use_global_styles_output__WEBPACK_IMPORTED_MODULE_6__.useGlobalStylesOutput)(selectedGlobalStyle, storedPreviewSettings)); - } - } - - const getColorStylesAndPatterns = async () => { - var _currentData$data, _currentData$data$the, _currentData$data2, _currentData$data2$pa, _currentData$data3; - - const colorPalettes = await (0,_utils_api_themes__WEBPACK_IMPORTED_MODULE_5__.getThemeColors)(); - const globalStyles = await (0,_utils_api_themes__WEBPACK_IMPORTED_MODULE_5__.getGlobalStyles)(); - setColorPalettes(colorPalettes === null || colorPalettes === void 0 ? void 0 : colorPalettes.body); - let selectedGlobalStyle; - - if (currentData !== null && currentData !== void 0 && (_currentData$data = currentData.data) !== null && _currentData$data !== void 0 && (_currentData$data$the = _currentData$data.theme) !== null && _currentData$data$the !== void 0 && _currentData$data$the.variation) { - selectedGlobalStyle = globalStyles.body.filter(globalStyle => globalStyle.title === currentData.data.theme.variation)[0]; - } else { - selectedGlobalStyle = globalStyles.body[0]; - } - - setGlobalStyles(selectedGlobalStyle); - let selectedColors; - let selectedColorsLocal; - - if (!(currentData !== null && currentData !== void 0 && (_currentData$data2 = currentData.data) !== null && _currentData$data2 !== void 0 && (_currentData$data2$pa = _currentData$data2.palette) !== null && _currentData$data2$pa !== void 0 && _currentData$data2$pa.slug) === '') { - selectedColors = currentData.data.palette; - selectedColorsLocal = stateToLocal(selectedColors); - setCustomColors(selectedColorsLocal); - setCurrentOnboardingData(currentData); - } else { - selectedColors = currentData.data.palette; - selectedColorsLocal = stateToLocal(selectedColors); - - if (selectedColors.slug === 'custom') { - setCustomColors(selectedColorsLocal); - } - } - - setSelectedColors(selectedColors); - saveThemeColorPalette(currentData === null || currentData === void 0 ? void 0 : (_currentData$data3 = currentData.data) === null || _currentData$data3 === void 0 ? void 0 : _currentData$data3.palette['slug'], colorPalettes === null || colorPalettes === void 0 ? void 0 : colorPalettes.body, selectedColorsLocal, selectedGlobalStyle); - setIsLoaded(true); - }; - - (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => { - if (!isLoaded) getColorStylesAndPatterns(); - }, [isLoaded]); - - const handleClick = colorStyle => { - let selectedColorsLocalTemp = selectedColorsLocal; - selectedColorsLocalTemp = colorPalettes[colorStyle]; - let customColorsTemp = customColors; - - for (let custom in customColorsTemp) customColorsTemp[custom] = ''; - - setCustomColors(customColorsTemp); - saveThemeColorPalette(colorStyle); - setSelectedColorsLocal(selectedColorsLocalTemp); - LocalToState(selectedColorsLocalTemp, colorStyle); - }; - - const changeCustomPickerColor = async color => { - let selectedColorsLocalTemp = selectedColorsLocal; - selectedColorsLocalTemp[colorPickerCalledBy] = color; - saveCustomColors(); - setSelectedColorsLocal(selectedColorsLocalTemp); - setCustomColors(selectedColorsLocalTemp); - LocalToState(selectedColorsLocalTemp, 'custom'); - }; - - const selectCustomColor = colorType => { - setShowColorPicker(!showColorPicker); - if (!showColorPicker) setColorPickerCalledBy(colorType);else setColorPickerCalledBy(''); - }; - - function buildPalettes() { - let paletteRenderedList = []; - - for (const colorStyle in colorPalettes) { - paletteRenderedList.push((0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { - className: `color-palette ${colorStyle == (selectedColors === null || selectedColors === void 0 ? void 0 : selectedColors.slug) ? 'color-palette-selected' : ''} `, - onClick: e => handleClick(colorStyle) - }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { - className: "color-palette__colors" - }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { - className: "color-palette__colors--tertiary", - style: { - backgroundColor: `${colorPalettes[colorStyle].tertiary}` - } - }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { - className: "color-palette__colors--secondary", - style: { - backgroundColor: `${colorPalettes[colorStyle].secondary}` - } - }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { - className: "color-palette__colors--primary", - style: { - backgroundColor: `${colorPalettes[colorStyle].primary}` - } - })), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { - className: "color-palette__name" - }, (colorStyle === null || colorStyle === void 0 ? void 0 : colorStyle.charAt(0).toUpperCase()) + (colorStyle === null || colorStyle === void 0 ? void 0 : colorStyle.slice(1))))); - } - - return paletteRenderedList; - } - - function buildCustomPalette() { - var _selectedColorsLocal$, _selectedColorsLocal$2, _selectedColorsLocal$3, _customColors$backgro; - - let primaryColorTemp = customColors && (customColors === null || customColors === void 0 ? void 0 : customColors.primary) != '' ? customColors === null || customColors === void 0 ? void 0 : customColors.primary : (_selectedColorsLocal$ = selectedColorsLocal === null || selectedColorsLocal === void 0 ? void 0 : selectedColorsLocal.primary) !== null && _selectedColorsLocal$ !== void 0 ? _selectedColorsLocal$ : '#fff'; - let secondaryColorTemp = customColors && (customColors === null || customColors === void 0 ? void 0 : customColors.secondary) != '' ? customColors === null || customColors === void 0 ? void 0 : customColors.secondary : (_selectedColorsLocal$2 = selectedColorsLocal === null || selectedColorsLocal === void 0 ? void 0 : selectedColorsLocal.secondary) !== null && _selectedColorsLocal$2 !== void 0 ? _selectedColorsLocal$2 : '#fff'; - let tertiaryColorTemp = customColors && (customColors === null || customColors === void 0 ? void 0 : customColors.tertiary) != '' ? customColors === null || customColors === void 0 ? void 0 : customColors.tertiary : (_selectedColorsLocal$3 = selectedColorsLocal === null || selectedColorsLocal === void 0 ? void 0 : selectedColorsLocal.tertiary) !== null && _selectedColorsLocal$3 !== void 0 ? _selectedColorsLocal$3 : '#fff'; - return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { - className: "custom-palette" - }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { - className: "custom-palette__top", - onClick: e => setIsAccordionClosed(!isAccordionClosed) - }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { - className: "custom-palette__top-text" - }, "SELECT CUSTOM COLORS"), isAccordionClosed && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { - className: "custom-palette__top-icon" - }, "+"), !isAccordionClosed && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { - className: "custom-palette__top-icon" - }, "-")), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { - className: `custom-palette__below ${isAccordionClosed ? 'custom-palette_acc_closed' : 'custom-palette_acc_opened'}` - }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { - className: "custom-palette__below-row", - onClick: e => selectCustomColor('background') - }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { - className: `custom-palette__below-row-icon ${(customColors === null || customColors === void 0 ? void 0 : customColors.background) && 'custom-palette__below-row-icon_selected_border'}`, - style: { - backgroundColor: `${(_customColors$backgro = customColors === null || customColors === void 0 ? void 0 : customColors.background) !== null && _customColors$backgro !== void 0 ? _customColors$backgro : '#FFF'}` - } - }, customColors !== null && customColors !== void 0 && customColors.background ? (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", null, "\u2713") : null), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { - className: "custom-palette__below-row-text" - }, "Background")), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { - className: "custom-palette__below-row", - onClick: e => selectCustomColor('primary') - }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { - className: `custom-palette__below-row-icon ${(customColors === null || customColors === void 0 ? void 0 : customColors.primary) && 'custom-palette__below-row-icon_selected_border'}`, - style: { - backgroundColor: `${primaryColorTemp}` - } - }, customColors !== null && customColors !== void 0 && customColors.primary ? (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, "\u2713") : null), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { - className: "custom-palette__below-row-text" - }, "Primary")), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { - className: "custom-palette__below-row", - onClick: e => selectCustomColor('secondary') - }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { - className: `custom-palette__below-row-icon ${(customColors === null || customColors === void 0 ? void 0 : customColors.secondary) && 'custom-palette__below-row-icon_selected_border'}`, - style: { - backgroundColor: `${secondaryColorTemp}` - } - }, customColors !== null && customColors !== void 0 && customColors.secondary ? (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, "\u2713") : null), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { - className: "custom-palette__below-row-text" - }, "Secondary")), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { - className: "custom-palette__below-row", - onClick: e => selectCustomColor('tertiary') - }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { - className: `custom-palette__below-row-icon ${(customColors === null || customColors === void 0 ? void 0 : customColors.tertiary) && 'custom-palette__below-row-icon_selected_border'}`, - style: { - backgroundColor: `${tertiaryColorTemp}` - } - }, customColors !== null && customColors !== void 0 && customColors.tertiary ? (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, "\u2713") : null), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { - className: "custom-palette__below-row-text" - }, "Tertiary"))), showColorPicker && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__.Popover, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { - className: "custom-palette__picker-close-icon", - onClick: () => setShowColorPicker(false) - }, "X"), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__.ColorPicker, { - onChange: changeCustomPickerColor, - defaultValue: "#874141" - }))); - } - - return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { - style: { - padding: '0 4px' - } - }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("h2", null, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Color Palettes', 'wp-module-onboarding')), colorPalettes && buildPalettes(), buildCustomPalette()); -}; - -/* harmony default export */ __webpack_exports__["default"] = (DesignColors); - -/***/ }), - -/***/ "./src/OnboardingSPA/components/Drawer/DrawerPanel/DesignHeaderMenu.js": -/*!*****************************************************************************!*\ - !*** ./src/OnboardingSPA/components/Drawer/DrawerPanel/DesignHeaderMenu.js ***! - \*****************************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__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__); - - - -const DesignHeaderMenu = () => { - return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { - style: { - padding: '0 16px' - } - }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("h2", null, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Pick a Header & Menu Style', 'wp-module-onboarding')), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("p", null, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Panel will show a few Header Patterns to affect preview pane.', 'wp-module-onboarding'))); -}; - -/* harmony default export */ __webpack_exports__["default"] = (DesignHeaderMenu); - -/***/ }), - -/***/ "./src/OnboardingSPA/components/Drawer/DrawerPanel/DesignHomepageMenu.js": -/*!*******************************************************************************!*\ - !*** ./src/OnboardingSPA/components/Drawer/DrawerPanel/DesignHomepageMenu.js ***! - \*******************************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__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__); - - - -const DesignHomepageMenu = () => { - return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { - style: { - padding: '0 16px' - } - }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("h2", null, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Pick a Homepage Design', 'wp-module-onboarding')), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("p", null, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Panel will show a few Homepage Patterns.', 'wp-module-onboarding'))); -}; - -/* harmony default export */ __webpack_exports__["default"] = (DesignHomepageMenu); - -/***/ }), - -/***/ "./src/OnboardingSPA/components/Drawer/DrawerPanel/DesignThemeStylesMenu.js": -/*!**********************************************************************************!*\ - !*** ./src/OnboardingSPA/components/Drawer/DrawerPanel/DesignThemeStylesMenu.js ***! - \**********************************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__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__); - - - -const DesignThemeStylesMenu = () => { - return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { - style: { - padding: '0 16px' - } - }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("h2", null, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Pick a Theme Style', 'wp-module-onboarding')), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("h4", null, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('No Style Selected', 'wp-module-onboarding')), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("p", null, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Panel will show Theme details', 'wp-module-onboarding')), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("h4", null, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('With Style Selected', 'wp-module-onboarding')), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("p", null, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Panel will show single-column of other Styles.', 'wp-module-onboarding'))); -}; - -/* harmony default export */ __webpack_exports__["default"] = (DesignThemeStylesMenu); - -/***/ }), - -/***/ "./src/OnboardingSPA/components/Drawer/DrawerPanel/DesignThemeStylesPreview.js": -/*!*************************************************************************************!*\ - !*** ./src/OnboardingSPA/components/Drawer/DrawerPanel/DesignThemeStylesPreview.js ***! - \*************************************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__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 _LivePreview__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../LivePreview */ "./src/OnboardingSPA/components/LivePreview/index.js"); -/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../store */ "./src/OnboardingSPA/store/index.js"); -/* harmony import */ var _utils_api_patterns__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../utils/api/patterns */ "./src/OnboardingSPA/utils/api/patterns.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 _utils_global_styles_use_global_styles_output__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../utils/global-styles/use-global-styles-output */ "./src/OnboardingSPA/utils/global-styles/use-global-styles-output.js"); -/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../constants */ "./src/constants.js"); - - - - - - - - - - -const DesignThemeStylesPreview = () => { - const MAX_PREVIEWS_PER_ROW = 3; - const [isLoaded, setIsLoaded] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(false); - const [pattern, setPattern] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(); - const [globalStyles, setGlobalStyles] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(); - const [selectedStyle, setSelectedStyle] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(''); - const { - currentStep, - currentData, - storedPreviewSettings, - themeStatus - } = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_1__.useSelect)(select => { - return { - currentStep: select(_store__WEBPACK_IMPORTED_MODULE_3__.store).getCurrentStep(), - currentData: select(_store__WEBPACK_IMPORTED_MODULE_3__.store).getCurrentOnboardingData(), - storedPreviewSettings: select(_store__WEBPACK_IMPORTED_MODULE_3__.store).getPreviewSettings(), - themeStatus: select(_store__WEBPACK_IMPORTED_MODULE_3__.store).getThemeStatus() - }; - }, []); - const { - updatePreviewSettings, - setCurrentOnboardingData, - updateThemeStatus - } = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_1__.useDispatch)(_store__WEBPACK_IMPORTED_MODULE_3__.store); - - const getStylesAndPatterns = async () => { - const patternResponse = await (0,_utils_api_patterns__WEBPACK_IMPORTED_MODULE_4__.getPatterns)(currentStep.patternId, true); - - if (patternResponse !== null && patternResponse !== void 0 && patternResponse.error) { - return updateThemeStatus(_constants__WEBPACK_IMPORTED_MODULE_7__.THEME_STATUS_NOT_ACTIVE); - } - - const globalStylesResponse = await (0,_utils_api_themes__WEBPACK_IMPORTED_MODULE_5__.getGlobalStyles)(); - - if (globalStylesResponse !== null && globalStylesResponse !== void 0 && globalStylesResponse.error) { - return updateThemeStatus(_constants__WEBPACK_IMPORTED_MODULE_7__.THEME_STATUS_NOT_ACTIVE); - } - - setPattern(patternResponse === null || patternResponse === void 0 ? void 0 : patternResponse.body); - setGlobalStyles(globalStylesResponse === null || globalStylesResponse === void 0 ? void 0 : globalStylesResponse.body); - let selectedGlobalStyle; - - if (currentData.data.theme.variation) { - selectedGlobalStyle = currentData.data.theme.variation; - } else { - selectedGlobalStyle = globalStylesResponse.body[0].title; - currentData.data.theme.variation = selectedGlobalStyle; - setCurrentOnboardingData(currentData); - } - - setSelectedStyle(selectedGlobalStyle); - - if (document.getElementsByClassName('theme-styles-preview--drawer__list__item__title-bar--selected')) { - document.getElementsByClassName('theme-styles-preview--drawer__list__item__title-bar--selected')[0].scrollIntoView({ - behavior: 'smooth', - block: 'center' - }); - } - - setIsLoaded(true); - }; - - (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => { - if (!isLoaded && themeStatus === _constants__WEBPACK_IMPORTED_MODULE_7__.THEME_STATUS_ACTIVE) getStylesAndPatterns(); - }, [isLoaded, themeStatus]); - - const handleClick = idx => { - const selectedGlobalStyle = globalStyles[idx]; - updatePreviewSettings((0,_utils_global_styles_use_global_styles_output__WEBPACK_IMPORTED_MODULE_6__.useGlobalStylesOutput)(selectedGlobalStyle, storedPreviewSettings)); - setSelectedStyle(selectedGlobalStyle.title); - currentData.data.theme.variation = selectedGlobalStyle.title; - setCurrentOnboardingData(currentData); - }; - - const buildPreviews = () => { - return globalStyles === null || globalStyles === void 0 ? void 0 : globalStyles.map((globalStyle, idx) => { - return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_LivePreview__WEBPACK_IMPORTED_MODULE_2__.LivePreviewSelectableCard, { - key: idx, - className: 'theme-styles-preview--drawer__list__item', - selected: globalStyle.title === selectedStyle, - blockGrammer: pattern, - viewportWidth: 900, - styling: 'custom', - previewSettings: globalStyle, - overlay: false, - onClick: () => handleClick(idx) - }); - }); - }; - - return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { - className: "theme-styles-preview--drawer" - }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { - className: "theme-styles-preview--drawer__list" - }, globalStyles ? buildPreviews().slice(0, MAX_PREVIEWS_PER_ROW) : ''), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { - className: "theme-styles-preview--drawer__list" - }, globalStyles ? buildPreviews().slice(MAX_PREVIEWS_PER_ROW, globalStyles.length) : '')); -}; - -/* harmony default export */ __webpack_exports__["default"] = (DesignThemeStylesPreview); - -/***/ }), - -/***/ "./src/OnboardingSPA/components/Drawer/DrawerPanel/DesignThemes.js": -/*!*************************************************************************!*\ - !*** ./src/OnboardingSPA/components/Drawer/DrawerPanel/DesignThemes.js ***! - \*************************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__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__); - - - -const DesignThemes = () => { - return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { - style: { - padding: '0 16px' - } - }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("h2", null, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Pick a Theme', 'wp-module-onboarding')), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("h4", null, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('No Theme Selected', 'wp-module-onboarding')), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("p", null, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Panel will show contextual help', 'wp-module-onboarding')), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("h4", null, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('With Theme Selected', 'wp-module-onboarding')), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("p", null, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Panel will show single-column of other Themes.', 'wp-module-onboarding'))); -}; - -/* harmony default export */ __webpack_exports__["default"] = (DesignThemes); - -/***/ }), - -/***/ "./src/OnboardingSPA/components/Drawer/DrawerPanel/DesignTypography.js": -/*!*****************************************************************************!*\ - !*** ./src/OnboardingSPA/components/Drawer/DrawerPanel/DesignTypography.js ***! - \*****************************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__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__); - - - -const DesignTypography = () => { - return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { - style: { - padding: '0 16px' - } - }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("h2", null, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Pick Fonts & Text Sizes', 'wp-module-onboarding')), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("p", null, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('If user has opted for custom design, panel will show type treatments to affect preview pane.', 'wp-module-onboarding'))); -}; - -/* harmony default export */ __webpack_exports__["default"] = (DesignTypography); - -/***/ }), - -/***/ "./src/OnboardingSPA/components/Drawer/DrawerPanel/Ecommerce/NavStoreInfo.js": -/*!***********************************************************************************!*\ - !*** ./src/OnboardingSPA/components/Drawer/DrawerPanel/Ecommerce/NavStoreInfo.js ***! - \***********************************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__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_icons__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/chevron-left.js"); -/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/icon/index.js"); -/* 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_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 react_router_dom__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! react-router-dom */ "./node_modules/react-router-dom/index.js"); -/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../constants */ "./src/constants.js"); -/* 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 _store__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../store */ "./src/OnboardingSPA/store/index.js"); - - - - - - - - - -const NavStoreInfo = () => { - const { - storeInfoSteps - } = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_1__.useSelect)(select => { - return { - storeInfoSteps: select(_store__WEBPACK_IMPORTED_MODULE_5__.store).getStoreInfoSteps() - }; - }, []); - const { - setDrawerActiveView - } = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_1__.useDispatch)(_store__WEBPACK_IMPORTED_MODULE_5__.store); - return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { - className: "is-drawer-fade" - }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.Button, { - className: "nfd-onboarding-drawer__panel-back", - variant: "tertiary", - icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_6__["default"], - onClick: () => setDrawerActiveView(_constants__WEBPACK_IMPORTED_MODULE_3__.VIEW_NAV_PRIMARY) - }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Site Setup', 'wp-module-onboarding')), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { - className: "nfd-onboarding-drawer__panel-menu" - }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("ul", { - className: "nfd-onboarding-drawer__panel-routes" - }, storeInfoSteps.map(step => { - return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("li", { - key: step.path, - className: "nfd-onboarding-drawer__panel-menu-item" - }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(react_router_dom__WEBPACK_IMPORTED_MODULE_7__.NavLink, { - to: step.path, - className: "nfd-onboarding-drawer__panel-menu-link", - state: { - origin: 'drawer-nav' - }, - onClick: () => setDrawerActiveView(step.VIEW) - }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_icons__WEBPACK_IMPORTED_MODULE_8__["default"], { - icon: step.Icon - }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", null, step.title))); - })))); -}; - -/* harmony default export */ __webpack_exports__["default"] = (NavStoreInfo); - -/***/ }), - -/***/ "./src/OnboardingSPA/components/Drawer/DrawerPanel/NavDesign.js": -/*!**********************************************************************!*\ - !*** ./src/OnboardingSPA/components/Drawer/DrawerPanel/NavDesign.js ***! - \**********************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__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_icons__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/chevron-left.js"); -/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/icon/index.js"); -/* 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_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 react_router_dom__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! react-router-dom */ "./node_modules/react-router-dom/index.js"); -/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../constants */ "./src/constants.js"); -/* 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 _store__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../store */ "./src/OnboardingSPA/store/index.js"); - - - - - - - - - - -const NavDesign = () => { - const { - designSteps - } = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_1__.useSelect)(select => { - return { - designSteps: select(_store__WEBPACK_IMPORTED_MODULE_5__.store).getDesignSteps() - }; - }, []); - const { - setDrawerActiveView - } = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_1__.useDispatch)(_store__WEBPACK_IMPORTED_MODULE_5__.store); - return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { - className: "is-drawer-fade" - }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.Button, { - className: "nfd-onboarding-drawer__panel-back", - variant: "tertiary", - icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_6__["default"], - onClick: () => setDrawerActiveView(_constants__WEBPACK_IMPORTED_MODULE_3__.VIEW_NAV_PRIMARY) - }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Main Menu', 'wp-module-onboarding')), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { - className: "nfd-onboarding-drawer__panel-menu" - }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("ul", { - className: "nfd-onboarding-drawer__panel-routes" - }, designSteps.map(step => { - return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("li", { - key: step.path, - className: "nfd-onboarding-drawer__panel-menu-item" - }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(react_router_dom__WEBPACK_IMPORTED_MODULE_7__.NavLink, { - to: step.path, - className: "nfd-onboarding-drawer__panel-menu-link", - state: { - origin: 'drawer-nav' - }, - onClick: () => setDrawerActiveView(step.VIEW) - }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_icons__WEBPACK_IMPORTED_MODULE_8__["default"], { - icon: step.Icon - }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", null, step.title))); - })))); -}; - -/* harmony default export */ __webpack_exports__["default"] = (NavDesign); - -/***/ }), - -/***/ "./src/OnboardingSPA/components/Drawer/DrawerPanel/NavGetStarted.js": -/*!**************************************************************************!*\ - !*** ./src/OnboardingSPA/components/Drawer/DrawerPanel/NavGetStarted.js ***! - \**************************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__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_icons__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/chevron-left.js"); -/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/icon/index.js"); -/* 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_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 react_router_dom__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! react-router-dom */ "./node_modules/react-router-dom/index.js"); -/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../constants */ "./src/constants.js"); -/* 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 _store__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../store */ "./src/OnboardingSPA/store/index.js"); - - - - - - - - - -const NavGetStarted = () => { - const { - getStartedSteps - } = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_1__.useSelect)(select => { - return { - getStartedSteps: select(_store__WEBPACK_IMPORTED_MODULE_5__.store).getGetStartedSteps() - }; - }, []); - const { - setDrawerActiveView - } = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_1__.useDispatch)(_store__WEBPACK_IMPORTED_MODULE_5__.store); - return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { - className: "is-drawer-fade" - }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.Button, { - className: "nfd-onboarding-drawer__panel-back", - variant: "tertiary", - icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_6__["default"], - onClick: () => setDrawerActiveView(_constants__WEBPACK_IMPORTED_MODULE_3__.VIEW_NAV_PRIMARY) - }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Main Menu', 'wp-module-onboarding')), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { - className: "nfd-onboarding-drawer__panel-menu" - }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("ul", { - className: "nfd-onboarding-drawer__panel-routes" - }, getStartedSteps.map(step => { - return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("li", { - key: step.path, - className: "nfd-onboarding-drawer__panel-menu-item" - }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(react_router_dom__WEBPACK_IMPORTED_MODULE_7__.NavLink, { - to: step.path, - className: "nfd-onboarding-drawer__panel-menu-link", - state: { - origin: 'drawer-nav' - }, - onClick: () => setDrawerActiveView(step.VIEW) - }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_icons__WEBPACK_IMPORTED_MODULE_8__["default"], { - icon: step.Icon - }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", null, step.title))); - })))); -}; - -/* harmony default export */ __webpack_exports__["default"] = (NavGetStarted); - -/***/ }), - -/***/ "./src/OnboardingSPA/components/Drawer/DrawerPanel/NavPage.js": -/*!********************************************************************!*\ - !*** ./src/OnboardingSPA/components/Drawer/DrawerPanel/NavPage.js ***! - \********************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__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_icons__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/chevron-left.js"); -/* 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 _constants__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../constants */ "./src/constants.js"); -/* 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__); -/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../store */ "./src/OnboardingSPA/store/index.js"); -/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @wordpress/data */ "@wordpress/data"); -/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_wordpress_data__WEBPACK_IMPORTED_MODULE_5__); - - - - - - - - -const NavPage = () => { - const { - setDrawerActiveView - } = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_5__.useDispatch)(_store__WEBPACK_IMPORTED_MODULE_4__.store); - return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { - className: "is-drawer-fade" - }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, { - className: "nfd-onboarding-drawer__panel-back", - variant: "tertiary", - icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_6__["default"], - onClick: () => setDrawerActiveView(_constants__WEBPACK_IMPORTED_MODULE_2__.VIEW_NAV_PRIMARY) - }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Resume Onboarding', 'wp-module-onboarding'))); -}; - -/* harmony default export */ __webpack_exports__["default"] = (NavPage); - -/***/ }), - -/***/ "./src/OnboardingSPA/components/Drawer/DrawerPanel/NavPrimary.js": -/*!***********************************************************************!*\ - !*** ./src/OnboardingSPA/components/Drawer/DrawerPanel/NavPrimary.js ***! - \***********************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__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 react_router_dom__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! react-router-dom */ "./node_modules/react-router/index.js"); -/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! react-router-dom */ "./node_modules/react-router-dom/index.js"); -/* harmony import */ var _ExitToWordPress__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../ExitToWordPress */ "./src/OnboardingSPA/components/ExitToWordPress/index.js"); -/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/icon/index.js"); -/* 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__); -/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../store */ "./src/OnboardingSPA/store/index.js"); -/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @wordpress/data */ "@wordpress/data"); -/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_wordpress_data__WEBPACK_IMPORTED_MODULE_5__); - - - - - - - - - -const NavPrimary = () => { - const navigate = (0,react_router_dom__WEBPACK_IMPORTED_MODULE_6__.useNavigate)(); - const location = (0,react_router_dom__WEBPACK_IMPORTED_MODULE_6__.useLocation)(); - const { - topSteps - } = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_5__.useSelect)(select => { - return { - topSteps: select(_store__WEBPACK_IMPORTED_MODULE_4__.store).getTopSteps() - }; - }, []); - const { - setDrawerActiveView - } = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_5__.useDispatch)(_store__WEBPACK_IMPORTED_MODULE_4__.store); - const isFirstStep = topSteps[0].path === location.pathname; - return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { - className: "is-drawer-fade" - }, isFirstStep && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, { - className: "nfd-onboarding-drawer__panel-back", - variant: "tertiary", - onClick: () => navigate('/page/what-to-expect') - }, "What to Expect") || (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_ExitToWordPress__WEBPACK_IMPORTED_MODULE_2__["default"], { - className: "nfd-onboarding-drawer__panel-back", - variant: "tertiary", - origin: "drawer-panel" - }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { - className: "nfd-onboarding-drawer__panel-menu" - }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("ul", { - className: "nfd-onboarding-drawer__panel-routes" - }, topSteps.map(step => { - return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Tooltip, { - key: step.path, - text: step.heading - }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("li", { - className: "nfd-onboarding-drawer__panel-menu-item" - }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(react_router_dom__WEBPACK_IMPORTED_MODULE_7__.NavLink, { - to: step.path, - className: "nfd-onboarding-drawer__panel-menu-link", - state: { - origin: 'drawer-nav' - }, - onClick: () => (step === null || step === void 0 ? void 0 : step.VIEW) && setDrawerActiveView(step.VIEW) - }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_icons__WEBPACK_IMPORTED_MODULE_8__["default"], { - icon: step.Icon - }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", null, step.title)))); - })))); -}; - -/* harmony default export */ __webpack_exports__["default"] = (NavPrimary); - -/***/ }), - -/***/ "./src/OnboardingSPA/components/Drawer/DrawerPanel/WithDesignBack.js": -/*!***************************************************************************!*\ - !*** ./src/OnboardingSPA/components/Drawer/DrawerPanel/WithDesignBack.js ***! - \***************************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__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 _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 _wordpress_icons__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/chevron-left.js"); -/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/data */ "@wordpress/data"); -/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_data__WEBPACK_IMPORTED_MODULE_3__); -/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../store */ "./src/OnboardingSPA/store/index.js"); -/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../constants */ "./src/constants.js"); - - - - - - - - -const WithDesignBack = _ref => { - let { - children - } = _ref; - const { - setDrawerActiveView - } = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_3__.useDispatch)(_store__WEBPACK_IMPORTED_MODULE_4__.store); - return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { - className: "is-drawer-fade" - }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, { - className: "nfd-onboarding-drawer__panel-back", - variant: "tertiary", - icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_6__["default"], - onClick: () => setDrawerActiveView(_constants__WEBPACK_IMPORTED_MODULE_5__.VIEW_NAV_DESIGN) - }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Design', 'wp-module-onboarding')), children); -}; - -/* harmony default export */ __webpack_exports__["default"] = (WithDesignBack); - -/***/ }), - -/***/ "./src/OnboardingSPA/components/Drawer/DrawerPanel/index.js": -/*!******************************************************************!*\ - !*** ./src/OnboardingSPA/components/Drawer/DrawerPanel/index.js ***! - \******************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__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 _constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../constants */ "./src/constants.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 _DesignColors__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./DesignColors */ "./src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js"); -/* harmony import */ var _DesignHeaderMenu__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./DesignHeaderMenu */ "./src/OnboardingSPA/components/Drawer/DrawerPanel/DesignHeaderMenu.js"); -/* harmony import */ var _DesignHomepageMenu__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./DesignHomepageMenu */ "./src/OnboardingSPA/components/Drawer/DrawerPanel/DesignHomepageMenu.js"); -/* harmony import */ var _DesignThemeStylesMenu__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./DesignThemeStylesMenu */ "./src/OnboardingSPA/components/Drawer/DrawerPanel/DesignThemeStylesMenu.js"); -/* harmony import */ var _DesignThemeStylesPreview__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./DesignThemeStylesPreview */ "./src/OnboardingSPA/components/Drawer/DrawerPanel/DesignThemeStylesPreview.js"); -/* harmony import */ var _DesignThemes__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./DesignThemes */ "./src/OnboardingSPA/components/Drawer/DrawerPanel/DesignThemes.js"); -/* harmony import */ var _DesignTypography__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./DesignTypography */ "./src/OnboardingSPA/components/Drawer/DrawerPanel/DesignTypography.js"); -/* harmony import */ var _wordpress_keycodes__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @wordpress/keycodes */ "@wordpress/keycodes"); -/* harmony import */ var _wordpress_keycodes__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(_wordpress_keycodes__WEBPACK_IMPORTED_MODULE_10__); -/* harmony import */ var _NavDesign__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./NavDesign */ "./src/OnboardingSPA/components/Drawer/DrawerPanel/NavDesign.js"); -/* harmony import */ var _NavGetStarted__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./NavGetStarted */ "./src/OnboardingSPA/components/Drawer/DrawerPanel/NavGetStarted.js"); -/* harmony import */ var _NavPage__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./NavPage */ "./src/OnboardingSPA/components/Drawer/DrawerPanel/NavPage.js"); -/* harmony import */ var _NavPrimary__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./NavPrimary */ "./src/OnboardingSPA/components/Drawer/DrawerPanel/NavPrimary.js"); -/* harmony import */ var _Ecommerce_NavStoreInfo__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./Ecommerce/NavStoreInfo */ "./src/OnboardingSPA/components/Drawer/DrawerPanel/Ecommerce/NavStoreInfo.js"); -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n"); -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_16___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_16__); -/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js"); -/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_17___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_17__); -/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../../../store */ "./src/OnboardingSPA/store/index.js"); -/* harmony import */ var _WithDesignBack__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./WithDesignBack */ "./src/OnboardingSPA/components/Drawer/DrawerPanel/WithDesignBack.js"); - - - - - - - - - - - - - - - - - - - - - - -const DrawerPanel = _ref => { - let { - isOpen - } = _ref; - const [isNavView, setIsNavView] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(true); // menu-primary is default view - - const { - isDrawerOpen, - drawerView - } = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_2__.useSelect)(select => { - const { - isDrawerOpened, - getDrawerView - } = select(_store__WEBPACK_IMPORTED_MODULE_18__.store); - return { - isDrawerOpen: isDrawerOpened(), - drawerView: getDrawerView() - }; - }, []); - const { - setIsDrawerOpened, - setDrawerActiveView - } = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_2__.useDispatch)(_store__WEBPACK_IMPORTED_MODULE_18__.store); - - const closeOnEscape = event => { - if (event.keyCode === _wordpress_keycodes__WEBPACK_IMPORTED_MODULE_10__.ESCAPE && !event.defaultPrevented) { - event.preventDefault(); - setIsDrawerOpened(false); - } - }; - - (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => { - if (_constants__WEBPACK_IMPORTED_MODULE_1__.DRAWER_NAV_VIEWS.includes(drawerView)) { - setIsNavView(true); - } else { - setIsNavView(false); - } - }, [drawerView]); - return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { - className: classnames__WEBPACK_IMPORTED_MODULE_17___default()(`nfd-onboarding-drawer__panel`, { - 'is-open': isDrawerOpen - }), - onKeyDown: closeOnEscape - }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { - className: "nfd-onboarding-drawer__panel-inner" - }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { - className: "nfd-onboarding-drawer__panel-site-title-container" - }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { - className: "nfd-onboarding-drawer__panel-site-title" - }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_16__.__)('WordPress Onboarding', 'wp-module-onboarding'))), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { - className: "nfd-onboarding-drawer__panel-scroll-container" - }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { - className: "nfd-onboarding-drawer__panel-inside" - }, _constants__WEBPACK_IMPORTED_MODULE_1__.VIEW_NAV_PRIMARY === drawerView && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_NavPrimary__WEBPACK_IMPORTED_MODULE_14__["default"], null), _constants__WEBPACK_IMPORTED_MODULE_1__.VIEW_NAV_DESIGN === drawerView && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_NavDesign__WEBPACK_IMPORTED_MODULE_11__["default"], null), _constants__WEBPACK_IMPORTED_MODULE_1__.VIEW_NAV_GET_STARTED === drawerView && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_NavGetStarted__WEBPACK_IMPORTED_MODULE_12__["default"], null), _constants__WEBPACK_IMPORTED_MODULE_1__.VIEW_NAV_ECOMMERCE_STORE_INFO === drawerView && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_Ecommerce_NavStoreInfo__WEBPACK_IMPORTED_MODULE_15__["default"], null), _constants__WEBPACK_IMPORTED_MODULE_1__.VIEW_NAV_PAGE === drawerView && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_NavPage__WEBPACK_IMPORTED_MODULE_13__["default"], null), _constants__WEBPACK_IMPORTED_MODULE_1__.VIEW_DESIGN_THEMES === drawerView && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_WithDesignBack__WEBPACK_IMPORTED_MODULE_19__["default"], null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_DesignThemes__WEBPACK_IMPORTED_MODULE_8__["default"], null)), _constants__WEBPACK_IMPORTED_MODULE_1__.VIEW_DESIGN_THEME_STYLES_MENU === drawerView && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_WithDesignBack__WEBPACK_IMPORTED_MODULE_19__["default"], null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_DesignThemeStylesMenu__WEBPACK_IMPORTED_MODULE_6__["default"], null)), _constants__WEBPACK_IMPORTED_MODULE_1__.VIEW_DESIGN_THEME_STYLES_PREVIEW === drawerView && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_WithDesignBack__WEBPACK_IMPORTED_MODULE_19__["default"], null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_DesignThemeStylesPreview__WEBPACK_IMPORTED_MODULE_7__["default"], null)), _constants__WEBPACK_IMPORTED_MODULE_1__.VIEW_DESIGN_COLORS === drawerView && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_WithDesignBack__WEBPACK_IMPORTED_MODULE_19__["default"], null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_DesignColors__WEBPACK_IMPORTED_MODULE_3__["default"], null)), _constants__WEBPACK_IMPORTED_MODULE_1__.VIEW_DESIGN_TYPOGRAPHY === drawerView && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_WithDesignBack__WEBPACK_IMPORTED_MODULE_19__["default"], null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_DesignTypography__WEBPACK_IMPORTED_MODULE_9__["default"], null)), _constants__WEBPACK_IMPORTED_MODULE_1__.VIEW_DESIGN_HEADER_MENU === drawerView && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_WithDesignBack__WEBPACK_IMPORTED_MODULE_19__["default"], null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_DesignHeaderMenu__WEBPACK_IMPORTED_MODULE_4__["default"], null)), _constants__WEBPACK_IMPORTED_MODULE_1__.VIEW_DESIGN_HOMEPAGE_MENU === drawerView && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_WithDesignBack__WEBPACK_IMPORTED_MODULE_19__["default"], null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_DesignHomepageMenu__WEBPACK_IMPORTED_MODULE_5__["default"], null)))))); -}; - -/* harmony default export */ __webpack_exports__["default"] = (DrawerPanel); - -/***/ }), - -/***/ "./src/OnboardingSPA/components/Drawer/DrawerToggle/index.js": -/*!*******************************************************************!*\ - !*** ./src/OnboardingSPA/components/Drawer/DrawerToggle/index.js ***! - \*******************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__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 classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js"); -/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__); -/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../store */ "./src/OnboardingSPA/store/index.js"); -/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/data */ "@wordpress/data"); -/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_wordpress_data__WEBPACK_IMPORTED_MODULE_4__); -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n"); -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__); - - - - - - - - - -const DrawerToggle = _ref => { - let { - isOpen - } = _ref; - const { - isDrawerOpen, - isDrawerSuppressed - } = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_4__.useSelect)(select => { - return { - isDrawerOpen: select(_store__WEBPACK_IMPORTED_MODULE_3__.store).isDrawerOpened(), - isDrawerSuppressed: select(_store__WEBPACK_IMPORTED_MODULE_3__.store).isDrawerSuppressed() - }; - }, []); - const { - setIsDrawerOpened - } = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_4__.useDispatch)(_store__WEBPACK_IMPORTED_MODULE_3__.store); - const drawerToggleRef = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useRef)(); - (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => { - if (!isDrawerOpen) { - drawerToggleRef.current.focus(); - } - }, [isDrawerOpen]); - - const toggleDrawer = () => { - isDrawerSuppressed || setIsDrawerOpened(!isDrawerOpen); - }; - - return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__unstableMotion.div, { - className: classnames__WEBPACK_IMPORTED_MODULE_2___default()('nfd-onboarding-drawer__toggle', { - 'is-open': isDrawerOpen - }), - whileHover: "expand" - }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, { - className: `nfd-onboarding-drawer__toggle-button has-icon ${!isDrawerSuppressed || 'is-suppressed'}`, - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Toggle Navigation', 'wp-module-onboarding'), - ref: drawerToggleRef, - "aria-pressed": isOpen, - onClick: toggleDrawer - }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { - style: { - width: '36px', - height: '36px', - backgroundImage: 'var(--nfd-onboarding-icon)', - backgroundSize: 'contain' - } - }))); -}; - -/* harmony default export */ __webpack_exports__["default"] = (DrawerToggle); - -/***/ }), - -/***/ "./src/OnboardingSPA/components/Drawer/index.js": -/*!******************************************************!*\ - !*** ./src/OnboardingSPA/components/Drawer/index.js ***! - \******************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__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 _DrawerPanel__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./DrawerPanel */ "./src/OnboardingSPA/components/Drawer/DrawerPanel/index.js"); -/* harmony import */ var _DrawerToggle__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./DrawerToggle */ "./src/OnboardingSPA/components/Drawer/DrawerToggle/index.js"); -/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../store */ "./src/OnboardingSPA/store/index.js"); -/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/data */ "@wordpress/data"); -/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_wordpress_data__WEBPACK_IMPORTED_MODULE_4__); -/* harmony import */ var _wordpress_compose__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @wordpress/compose */ "@wordpress/compose"); -/* harmony import */ var _wordpress_compose__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_wordpress_compose__WEBPACK_IMPORTED_MODULE_5__); - - - - - - - -/** - * Off-canvas drawer to left of viewport. - * @param {*} param0 - * @returns - */ - -const Drawer = _ref => { - let { - isDefaultOpen = false - } = _ref; - const isDesktopViewport = (0,_wordpress_compose__WEBPACK_IMPORTED_MODULE_5__.useViewportMatch)('medium'); - const { - setIsDrawerOpened - } = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_4__.useDispatch)(_store__WEBPACK_IMPORTED_MODULE_3__.store); - (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => { - setIsDrawerOpened(isDefaultOpen && isDesktopViewport); - }, [isDefaultOpen, isDesktopViewport, setIsDrawerOpened]); - return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_DrawerToggle__WEBPACK_IMPORTED_MODULE_2__["default"], null), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_DrawerPanel__WEBPACK_IMPORTED_MODULE_1__["default"], null)); -}; - -/* harmony default export */ __webpack_exports__["default"] = (Drawer); - -/***/ }), - -/***/ "./src/OnboardingSPA/components/ExitToWordPress/index.js": -/*!***************************************************************!*\ - !*** ./src/OnboardingSPA/components/ExitToWordPress/index.js ***! - \***************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__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_9__ = __webpack_require__(/*! react-router-dom */ "./node_modules/react-router/index.js"); -/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/chevron-left.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_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__); -/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js"); -/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_4__); -/* harmony import */ var _utils_api_flow__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../utils/api/flow */ "./src/OnboardingSPA/utils/api/flow.js"); -/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../store */ "./src/OnboardingSPA/store/index.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 _constants__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../constants */ "./src/constants.js"); - - - - - - - - - - - - -/** - * Self-contained button and confirmation modal for exiting Onboarding page. - * - * @param {*} param0 - * @returns - */ - -const ExitToWordPress = _ref => { - let { - text = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Exit to WordPress', 'wp-module-onboarding'), - showIcon = true, - showButton = true, - variant = 'secondary', - className = false, - origin, - ...props - } = _ref; - const [isOpen, setIsOpen] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(false); - - const openModal = () => setIsOpen(true); - - const closeModal = () => setIsOpen(false); - - const location = (0,react_router_dom__WEBPACK_IMPORTED_MODULE_9__.useLocation)(); - const { - currentData - } = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_1__.useSelect)(select => { - return { - currentData: select(_store__WEBPACK_IMPORTED_MODULE_6__.store).getCurrentOnboardingData() - }; - }, [location.pathname]); - - const label = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('You can restart onboarding from your Bluehost Settings page.', 'wp-module-onboarding'); - - async function syncSocialSettingsFinish(currentData) { - var _currentData$data; - - const initialData = await (0,_utils_api_settings__WEBPACK_IMPORTED_MODULE_7__.getSettings)(); - const result = await (0,_utils_api_settings__WEBPACK_IMPORTED_MODULE_7__.setSettings)(currentData === null || currentData === void 0 ? void 0 : (_currentData$data = currentData.data) === null || _currentData$data === void 0 ? void 0 : _currentData$data.socialData); - - if ((result === null || result === void 0 ? void 0 : result.error) != null) { - console.error('Unable to Save Social Data!'); - return initialData === null || initialData === void 0 ? void 0 : initialData.body; - } - - return result === null || result === void 0 ? void 0 : result.body; - } - - async function saveData(path, currentData) { - if (currentData) { - currentData.hasExited = new Date().getTime(); // If Social Data is changed then sync it - - if (path !== null && path !== void 0 && path.includes('basic-info')) { - const socialData = await syncSocialSettingsFinish(currentData); // If Social Data is changed then Sync that also to the store - - if (socialData && currentData !== null && currentData !== void 0 && currentData.data) currentData.data.socialData = socialData; - } - - (0,_utils_api_flow__WEBPACK_IMPORTED_MODULE_5__.setFlow)(currentData); - } //Redirect to Admin Page for normal customers - // and Bluehost Dashboard for ecommerce customers - - - const exitLink = exitToWordpressForEcommerce() ? _constants__WEBPACK_IMPORTED_MODULE_8__.bluehostDashboardPage : _constants__WEBPACK_IMPORTED_MODULE_8__.wpAdminPage; - window.location.replace(exitLink); - } - - return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.Button, { - icon: showIcon ? _wordpress_icons__WEBPACK_IMPORTED_MODULE_10__["default"] : false, - variant: variant, - onClick: openModal, - className: classnames__WEBPACK_IMPORTED_MODULE_4___default()(`nfd-onboarding-etw__trigger`, className) - }, text), isOpen && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.Modal, { - title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Exit without finishing?', 'wp-module-onboarding'), - onRequestClose: closeModal - }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("p", null, label), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.ButtonGroup, { - className: "nfd-onboarding-etw__buttons" - }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.Button, { - variant: "secondary", - onClick: closeModal - }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Continue', 'wp-module-onboarding')), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.Button, { - variant: "primary", - onClick: e => saveData(location.pathname, currentData) - }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Exit', 'wp-module-onboarding'))))); -}; -/* - * check if this is the last step - */ - - -const exitToWordpressForEcommerce = () => { - if (window.nfdOnboarding.currentFlow == 'ecommerce') { - return true; - } - - return false; -}; - -/* harmony default export */ __webpack_exports__["default"] = (ExitToWordPress); - -/***/ }), - -/***/ "./src/OnboardingSPA/components/Header/components/HeaderEnd.js": -/*!*********************************************************************!*\ - !*** ./src/OnboardingSPA/components/Header/components/HeaderEnd.js ***! - \*********************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__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 _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 _step_navigation__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../step-navigation */ "./src/OnboardingSPA/components/Header/step-navigation.js"); -/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../store */ "./src/OnboardingSPA/store/index.js"); -/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../constants */ "./src/constants.js"); - - - - - - - - -const HeaderEnd = () => { - const { - sidebars - } = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_2__.useSelect)(select => { - return { - sidebars: select(_store__WEBPACK_IMPORTED_MODULE_4__.store).getSidebars() - }; - }); - return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_step_navigation__WEBPACK_IMPORTED_MODULE_3__["default"], null), sidebars.map(sidebar => { - return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Slot, { - key: sidebar.id, - name: `${_constants__WEBPACK_IMPORTED_MODULE_5__.SIDEBAR_MENU_SLOTFILL_PREFIX}/${sidebar.id}` - }); - })); -}; - -/* harmony default export */ __webpack_exports__["default"] = (HeaderEnd); - -/***/ }), - -/***/ "./src/OnboardingSPA/components/Header/index.js": -/*!******************************************************!*\ - !*** ./src/OnboardingSPA/components/Header/index.js ***! - \******************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__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 react_router_dom__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! react-router-dom */ "./node_modules/react-router/index.js"); -/* 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__); -/* 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 _store__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../store */ "./src/OnboardingSPA/store/index.js"); -/* harmony import */ var _ExitToWordPress__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../ExitToWordPress */ "./src/OnboardingSPA/components/ExitToWordPress/index.js"); -/* harmony import */ var _components_HeaderEnd__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./components/HeaderEnd */ "./src/OnboardingSPA/components/Header/components/HeaderEnd.js"); - - - - - - - -/** - * Interface header rendered into header render prop in . - * - * @return Header - */ - -const Header = () => { - const location = (0,react_router_dom__WEBPACK_IMPORTED_MODULE_6__.useLocation)(); - const { - firstStep - } = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_2__.useSelect)(select => { - return { - firstStep: select(_store__WEBPACK_IMPORTED_MODULE_3__.store).getFirstStep() - }; - }, []); - const { - previousStep, - nextStep - } = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_2__.useSelect)(select => { - return { - previousStep: select(_store__WEBPACK_IMPORTED_MODULE_3__.store).getPreviousStep(), - nextStep: select(_store__WEBPACK_IMPORTED_MODULE_3__.store).getNextStep() - }; - }, [location.path]); - const isGettingStarted = (firstStep === null || firstStep === void 0 ? void 0 : firstStep.path) === (location === null || location === void 0 ? void 0 : location.pathname); - return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { - className: "nfd-onboarding-header" - }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { - className: "nfd-onboarding-header__start" - }, isGettingStarted ? (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_ExitToWordPress__WEBPACK_IMPORTED_MODULE_4__["default"], { - origin: "header-first-step" - }) : null), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { - className: "nfd-onboarding-header__center" - }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { - className: "nfd-onboarding-header__end" - }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_HeaderEnd__WEBPACK_IMPORTED_MODULE_5__["default"], null))); -}; - -/* harmony default export */ __webpack_exports__["default"] = (Header); - -/***/ }), - -/***/ "./src/OnboardingSPA/components/Header/step-navigation.js": -/*!****************************************************************!*\ - !*** ./src/OnboardingSPA/components/Header/step-navigation.js ***! - \****************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__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_8__ = __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_icons__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/icon/index.js"); -/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/chevron-left.js"); -/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/chevron-right.js"); -/* 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__); -/* harmony import */ var _utils_api_flow__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../utils/api/flow */ "./src/OnboardingSPA/utils/api/flow.js"); -/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../store */ "./src/OnboardingSPA/store/index.js"); -/* harmony import */ var _utils_api_settings__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../utils/api/settings */ "./src/OnboardingSPA/utils/api/settings.js"); -/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../constants */ "./src/constants.js"); - - - - - - - - - - -/** - * Back step Navigation button. - * @param {*} param0 - * @returns - */ - -const Back = _ref => { - let { - path - } = _ref; - const navigate = (0,react_router_dom__WEBPACK_IMPORTED_MODULE_8__.useNavigate)(); - - const navigateBack = () => navigate(path, { - state: { - origin: 'header' - } - }); - - return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.Button, { - className: "navigation-buttons navigation-buttons_back", - onClick: navigateBack, - variant: "secondary" - }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_icons__WEBPACK_IMPORTED_MODULE_9__["default"], { - icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_10__["default"] - }), (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Back', 'wp-module-onboarding')); -}; -/** - * Next step naigation button - * @param {*} param0 - * @returns - */ - - -const Next = _ref2 => { - let { - path - } = _ref2; - - /* [TODO]: some sense of isStepComplete to enable/disable */ - const navigate = (0,react_router_dom__WEBPACK_IMPORTED_MODULE_8__.useNavigate)(); - - const navigateNext = () => navigate(path, { - state: { - origin: 'header' - } - }); - - return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.Button, { - onClick: navigateNext, - variant: "primary", - className: "navigation-buttons navigation-buttons_next" - }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Next', 'wp-module-onboarding'), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_icons__WEBPACK_IMPORTED_MODULE_9__["default"], { - icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_11__["default"] - })); -}; - -async function syncSocialSettingsFinish(currentData) { - var _currentData$data; - - const initialData = await (0,_utils_api_settings__WEBPACK_IMPORTED_MODULE_6__.getSettings)(); - const result = await (0,_utils_api_settings__WEBPACK_IMPORTED_MODULE_6__.setSettings)(currentData === null || currentData === void 0 ? void 0 : (_currentData$data = currentData.data) === null || _currentData$data === void 0 ? void 0 : _currentData$data.socialData); - - if ((result === null || result === void 0 ? void 0 : result.error) != null) { - console.error('Unable to Save Social Data!'); - return initialData === null || initialData === void 0 ? void 0 : initialData.body; - } - - return result === null || result === void 0 ? void 0 : result.body; -} - -async function saveData(path, currentData) { - if (currentData) { - currentData.isComplete = new Date().getTime(); // If Social Data is changed then sync it - - if (path !== null && path !== void 0 && path.includes('basic-info')) { - const socialData = await syncSocialSettingsFinish(currentData); // If Social Data is changed then Sync that also to the store - - if (socialData && currentData !== null && currentData !== void 0 && currentData.data) currentData.data.socialData = socialData; - } - - (0,_utils_api_flow__WEBPACK_IMPORTED_MODULE_4__.setFlow)(currentData); - } //Redirect to Admin Page for normal customers - // and Bluehost Dashboard for ecommerce customers - - - const exitLink = exitToWordpressForEcommerce() ? _constants__WEBPACK_IMPORTED_MODULE_7__.bluehostDashboardPage : _constants__WEBPACK_IMPORTED_MODULE_7__.wpAdminPage; - window.location.replace(exitLink); -} -/** - * Finish step navigation button. - * @returns - */ - - -const Finish = _ref3 => { - let { - path, - currentData, - saveData - } = _ref3; - return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.Button, { - onClick: e => saveData(path, currentData), - className: "navigation-buttons navigation-buttons_finish", - variant: "primary" - }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Finish', 'wp-module-onboarding'), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_icons__WEBPACK_IMPORTED_MODULE_9__["default"], { - icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_11__["default"] - })); -}; -/** - * Step buttons presented in Header. - * @returns - */ - - -const StepNavigation = () => { - const location = (0,react_router_dom__WEBPACK_IMPORTED_MODULE_8__.useLocation)(); - const { - previousStep, - nextStep, - currentData - } = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_1__.useSelect)(select => { - return { - nextStep: select(_store__WEBPACK_IMPORTED_MODULE_5__.store).getNextStep(), - previousStep: select(_store__WEBPACK_IMPORTED_MODULE_5__.store).getPreviousStep(), - currentData: select(_store__WEBPACK_IMPORTED_MODULE_5__.store).getCurrentOnboardingData() - }; - }, [location.pathname]); - const isFirstStep = null === previousStep || false === previousStep; - const isLastStep = null === nextStep || false === nextStep; - return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { - className: "nfd-onboarding-header__step-navigation" - }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.ButtonGroup, { - style: { - display: 'flex', - columnGap: '0.5rem' - } - }, isFirstStep ? null : (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(Back, { - path: previousStep.path - }), isLastStep ? (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(Finish, { - path: location.pathname, - currentData: currentData, - saveData: saveData - }) : (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(Next, { - path: nextStep.path - }))); -}; -/* - * check if this is the last step - */ - - -const exitToWordpressForEcommerce = () => { - if (window.nfdOnboarding.currentFlow == 'ecommerce') { - return true; - } - - return false; -}; - -/* harmony default export */ __webpack_exports__["default"] = (StepNavigation); - -/***/ }), - -/***/ "./src/OnboardingSPA/components/LivePreview/BlockPreview/auto.js": -/*!***********************************************************************!*\ - !*** ./src/OnboardingSPA/components/LivePreview/BlockPreview/auto.js ***! - \***********************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__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 _wordpress_compose__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/compose */ "@wordpress/compose"); -/* harmony import */ var _wordpress_compose__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_compose__WEBPACK_IMPORTED_MODULE_2__); -/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/block-editor */ "@wordpress/block-editor"); -/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_3__); - - - - - - - // This is used to avoid rendering the block list if the sizes change. - -let MemoizedBlockList; -const MAX_HEIGHT = 6000; - -function AutoBlockPreview(_ref) { - var _settings$__experimen, _settings$__experimen2, _duotone$default, _duotone$theme; - - let { - viewportWidth, - __experimentalPadding, - __experimentalMinHeight, - settings - } = _ref; - const [containerResizeListener, { - width: containerWidth - }] = (0,_wordpress_compose__WEBPACK_IMPORTED_MODULE_2__.useResizeObserver)(); - const [contentResizeListener, { - height: contentHeight - }] = (0,_wordpress_compose__WEBPACK_IMPORTED_MODULE_2__.useResizeObserver)(); - const { - styles, - assets, - duotone - } = { - styles: settings.styles, - assets: settings.__unstableResolvedAssets, - duotone: (_settings$__experimen = settings.__experimentalFeatures) === null || _settings$__experimen === void 0 ? void 0 : (_settings$__experimen2 = _settings$__experimen.color) === null || _settings$__experimen2 === void 0 ? void 0 : _settings$__experimen2.duotone - }; // Avoid scrollbars for pattern previews. - - let editorStyles; - - if (styles) { - editorStyles = [...styles, { - css: 'body{height:auto;overflow:hidden;}', - __unstableType: 'presets' - }]; - } else { - editorStyles = styles; - } - - const svgFilters = [...((_duotone$default = duotone === null || duotone === void 0 ? void 0 : duotone.default) !== null && _duotone$default !== void 0 ? _duotone$default : []), ...((_duotone$theme = duotone === null || duotone === void 0 ? void 0 : duotone.theme) !== null && _duotone$theme !== void 0 ? _duotone$theme : [])]; // Initialize on render instead of module top level, to avoid circular dependency issues. - - MemoizedBlockList = MemoizedBlockList || (0,_wordpress_compose__WEBPACK_IMPORTED_MODULE_2__.pure)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_3__.BlockList); - const scale = containerWidth / viewportWidth; - return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { - className: "block-editor-block-preview__container" - }, containerResizeListener, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Disabled, { - className: "block-editor-block-preview__content", - style: { - transform: `scale(${scale})`, - height: contentHeight * scale, - maxHeight: contentHeight > MAX_HEIGHT ? MAX_HEIGHT * scale : undefined, - minHeight: __experimentalMinHeight - } - }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_3__.__unstableIframe, { - head: (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_3__.__unstableEditorStyles, { - styles: editorStyles - }), - assets: assets, - contentRef: (0,_wordpress_compose__WEBPACK_IMPORTED_MODULE_2__.useRefEffect)(bodyElement => { - const { - ownerDocument: { - documentElement - } - } = bodyElement; - documentElement.classList.add('block-editor-block-preview__content-iframe'); - documentElement.style.position = 'absolute'; - documentElement.style.width = '100%'; - bodyElement.style.padding = __experimentalPadding + 'px'; // necessary for contentResizeListener to work. - - bodyElement.style.boxSizing = 'border-box'; - bodyElement.style.position = 'absolute'; - bodyElement.style.width = '100%'; - }, []), - "aria-hidden": true, - tabIndex: -1, - style: { - position: 'absolute', - width: viewportWidth, - height: contentHeight, - pointerEvents: 'none', - // This is a catch-all max-height for patterns. - // See: https://github.com/WordPress/gutenberg/pull/38175. - maxHeight: MAX_HEIGHT, - minHeight: scale !== 0 && scale < 1 && __experimentalMinHeight ? __experimentalMinHeight / scale : __experimentalMinHeight - } - }, contentResizeListener, - /* Filters need to be rendered before children to avoid Safari rendering issues. */ - svgFilters.map(preset => (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_3__.__unstablePresetDuotoneFilter, { - preset: preset, - key: preset.slug - })), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(MemoizedBlockList, { - renderAppender: false - })))); -} - -/* harmony default export */ __webpack_exports__["default"] = (AutoBlockPreview); - -/***/ }), - -/***/ "./src/OnboardingSPA/components/LivePreview/BlockPreview/index.js": -/*!************************************************************************!*\ - !*** ./src/OnboardingSPA/components/LivePreview/BlockPreview/index.js ***! - \************************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__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_block_editor__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/block-editor */ "@wordpress/block-editor"); -/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_2__); -/* harmony import */ var _wordpress_blocks__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/blocks */ "@wordpress/blocks"); -/* harmony import */ var _wordpress_blocks__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_blocks__WEBPACK_IMPORTED_MODULE_3__); -/* harmony import */ var _auto__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./auto */ "./src/OnboardingSPA/components/LivePreview/BlockPreview/auto.js"); -/* harmony import */ var _utils_global_styles_use_global_styles_output__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../utils/global-styles/use-global-styles-output */ "./src/OnboardingSPA/utils/global-styles/use-global-styles-output.js"); -/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../store */ "./src/OnboardingSPA/store/index.js"); - - - - - - - - -/** - * Renders themed WordPress block grammer. - * [Note] Please do not remove any commented code, this will be used later to update our preview - * - * @param root0 - * @param root0.blockGrammer - * @param root0.viewportWidth - * @param root0.styling - * @param root0.previewSettings - * @param root0.setIsLoadingParent - * @param root0.skeletonLoadingTime - * @property {string} blockGrammer WordPress block grammer. - * @property {number} viewportWidth Set viewport width for the AutoHeightBlockPreview component. - * @property {string} styling The type of styling to be applied (small, large, custom). - */ - -const BlockPreview = _ref => { - let { - blockGrammer, - viewportWidth = 1300, - styling = 'large', - setIsLoadingParent = false, - previewSettings = false, - skeletonLoadingTime = 2500 - } = _ref; - const [blocks, setBlocks] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(); - const [settings, setSettings] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(); - const [loading, setIsLoading] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(true); - (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => { - if (skeletonLoadingTime) { - const timer = setTimeout(() => { - setIsLoading(false); - - if (setIsLoadingParent) { - setIsLoadingParent(false); - } - }, skeletonLoadingTime); - return () => clearTimeout(timer); - } - - setIsLoading(false); - - if (setIsLoadingParent) { - setIsLoadingParent(false); - } - }, [skeletonLoadingTime]); - const storedPreviewSettings = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_1__.useSelect)(select => select(_store__WEBPACK_IMPORTED_MODULE_6__.store).getPreviewSettings(), []); - (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => { - if (previewSettings) { - setSettings((0,_utils_global_styles_use_global_styles_output__WEBPACK_IMPORTED_MODULE_5__.useGlobalStylesOutput)(previewSettings, storedPreviewSettings)); - } else { - setSettings(storedPreviewSettings); - } - - setBlocks((0,_wordpress_blocks__WEBPACK_IMPORTED_MODULE_3__.parse)(blockGrammer)); - }, []); - (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => { - if (!previewSettings) { - setSettings(storedPreviewSettings); - } - }, [storedPreviewSettings]); - return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { - className: `live-preview__container-${styling}` - }, loading && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { - className: "live-preview__container--is-skeleton" - }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { - className: "live-preview__container--is-skeleton--box live-preview__container--is-skeleton--box-header" - }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { - className: `live-preview__container--is-skeleton--shimmer` - })), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { - className: "live-preview__container--is-skeleton--box live-preview__container--is-skeleton--box-body-1" - }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { - className: "live-preview__container--is-skeleton--box live-preview__container--is-skeleton--box-body-2" - }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { - className: "live-preview__container--is-skeleton--box live-preview__container--is-skeleton--box-footer" - })), settings && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_2__.BlockEditorProvider, { - value: blocks, - settings: settings.settings - }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_auto__WEBPACK_IMPORTED_MODULE_4__["default"], { - viewportWidth: viewportWidth, - settings: settings.settings - }))); -}; - -/* harmony default export */ __webpack_exports__["default"] = (BlockPreview); - -/***/ }), - -/***/ "./src/OnboardingSPA/components/LivePreview/SelectableCard/index.js": -/*!**************************************************************************!*\ - !*** ./src/OnboardingSPA/components/LivePreview/SelectableCard/index.js ***! - \**************************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__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_icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/icon/index.js"); -/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/check.js"); -/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/search.js"); -/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! .. */ "./src/OnboardingSPA/components/LivePreview/index.js"); - - - - - -const SelectableCard = _ref => { - let { - className = 'live-preview--selectable-card', - selected = false, - blockGrammer, - viewportWidth = 1500, - styling = 'large', - previewSettings, - overlay = false, - onClick = false, - skeletonLoadingTime = 2500 - } = _ref; - const [loadingParent, setIsLoadingParent] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(true); - return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { - className: `${className}`, - onClick: typeof onClick === 'function' && (() => { - if (!loadingParent) { - onClick(); - } - }) - }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { - className: `${className}__title-bar` - }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { - className: `${className}__title-bar__browser` - }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", { - className: `${className}__title-bar__browser__dot` - }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", { - className: `${className}__title-bar__browser__dot` - }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", { - className: `${className}__title-bar__browser__dot` - })), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { - className: `${selected ? `${className}__title-bar--selected live-preview-selected-check` : `${className}__title-bar--unselected`}` - }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_icons__WEBPACK_IMPORTED_MODULE_2__["default"], { - className: `${className}__title-bar--selected__path`, - icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_3__["default"], - size: 64 - }))), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { - className: `${className}__live-preview-container` - }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(___WEBPACK_IMPORTED_MODULE_1__.LivePreview, { - styling: styling, - blockGrammer: blockGrammer, - viewportWidth: viewportWidth, - previewSettings: previewSettings, - setIsLoadingParent: setIsLoadingParent, - skeletonLoadingTime: skeletonLoadingTime - }), overlay && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { - className: `${className}__live-preview-container__overlay` - }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_icons__WEBPACK_IMPORTED_MODULE_2__["default"], { - className: `${className}__live-preview-container__overlay__icon`, - size: 64, - icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_4__["default"] - })))); -}; - -/* harmony default export */ __webpack_exports__["default"] = (SelectableCard); - -/***/ }), - -/***/ "./src/OnboardingSPA/components/LivePreview/index.js": -/*!***********************************************************!*\ - !*** ./src/OnboardingSPA/components/LivePreview/index.js ***! - \***********************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "LivePreview": function() { return /* reexport safe */ _BlockPreview__WEBPACK_IMPORTED_MODULE_0__["default"]; }, -/* harmony export */ "LivePreviewSelectableCard": function() { return /* reexport safe */ _SelectableCard__WEBPACK_IMPORTED_MODULE_1__["default"]; } -/* harmony export */ }); -/* harmony import */ var _BlockPreview__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./BlockPreview */ "./src/OnboardingSPA/components/LivePreview/BlockPreview/index.js"); -/* harmony import */ var _SelectableCard__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./SelectableCard */ "./src/OnboardingSPA/components/LivePreview/SelectableCard/index.js"); - - - -/***/ }), - -/***/ "./src/OnboardingSPA/components/Sidebar/index.js": -/*!*******************************************************!*\ - !*** ./src/OnboardingSPA/components/Sidebar/index.js ***! - \*******************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__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 classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js"); -/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__); -/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/data */ "@wordpress/data"); -/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_data__WEBPACK_IMPORTED_MODULE_3__); -/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../store */ "./src/OnboardingSPA/store/index.js"); -/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../constants */ "./src/constants.js"); - - - - - - - - -const Sidebar = () => { - const { - isSidebarOpened, - sideBarView, - sidebars - } = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_3__.useSelect)(select => { - return { - isSidebarOpened: select(_store__WEBPACK_IMPORTED_MODULE_4__.store).isSidebarOpened(), - sideBarView: select(_store__WEBPACK_IMPORTED_MODULE_4__.store).getSidebarView(), - sidebars: select(_store__WEBPACK_IMPORTED_MODULE_4__.store).getSidebars() - }; - }); - return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Suspense, { - fallback: (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null) - }, sidebars.map(sidebar => { - return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, { - key: sidebar.id - }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(sidebar.sidebar, null), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(sidebar.menu, null)); - })), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { - className: classnames__WEBPACK_IMPORTED_MODULE_2___default()('nfd-onboarding-sidebar__panel', { - 'is-open': isSidebarOpened - }) - }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { - className: "nfd-onboarding-sidebar__panel-inner" - }, isSidebarOpened && sideBarView && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Slot, { - name: `${_constants__WEBPACK_IMPORTED_MODULE_5__.SIDEBAR_SLOTFILL_PREFIX}/${sideBarView}` - })))); -}; - -/* harmony default export */ __webpack_exports__["default"] = (Sidebar); - -/***/ }), - -/***/ "./src/OnboardingSPA/data/routes/default-flow.js": -/*!*******************************************************!*\ - !*** ./src/OnboardingSPA/data/routes/default-flow.js ***! - \*******************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "conditionalSteps": function() { return /* binding */ conditionalSteps; }, -/* harmony export */ "initialDesignSteps": function() { return /* binding */ initialDesignSteps; }, -/* harmony export */ "initialGetStartedSteps": function() { return /* binding */ initialGetStartedSteps; }, -/* harmony export */ "initialTopSteps": function() { return /* binding */ initialTopSteps; }, -/* harmony export */ "pages": function() { return /* binding */ pages; }, -/* harmony export */ "routes": function() { return /* binding */ routes; }, -/* harmony export */ "steps": function() { return /* binding */ steps; } -/* harmony export */ }); -/* 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__); -/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! lodash */ "lodash"); -/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_2__); -/* harmony import */ var _pages_index__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../pages/index */ "./src/OnboardingSPA/pages/index.js"); -/* harmony import */ var _utils_locales_translations__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../utils/locales/translations */ "./src/OnboardingSPA/utils/locales/translations.js"); -/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/post.js"); -/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/redo.js"); -/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/home.js"); -/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/move-to.js"); -/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/navigation.js"); -/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/info.js"); -/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/brush.js"); -/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/styles.js"); -/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/header.js"); -/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/copy.js"); -/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/plugins.js"); -/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/color.js"); -/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/typography.js"); -/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../constants */ "./src/constants.js"); - - - - - - - - -/** - * This application has two types of routes: pages and steps. - * - * Pages are intended to exist outside the onboarding. - * - * Steps are the stages of the onboarding flow, expressed via numerical priority. - * Steps increment by 10, allowing ample room for new steps to insert between. - */ - -const ErrorPage = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.lazy)(() => __webpack_require__.e(/*! import() */ "src_OnboardingSPA_pages_ErrorPage_index_js").then(__webpack_require__.bind(__webpack_require__, /*! ../../pages/ErrorPage */ "./src/OnboardingSPA/pages/ErrorPage/index.js"))); -const PageResources = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.lazy)(() => __webpack_require__.e(/*! import() */ "src_OnboardingSPA_pages_Resources_index_js").then(__webpack_require__.bind(__webpack_require__, /*! ../../pages/Resources */ "./src/OnboardingSPA/pages/Resources/index.js"))); -const PageWhatToExpect = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.lazy)(() => __webpack_require__.e(/*! import() */ "src_OnboardingSPA_pages_WhatToExpect_index_js").then(__webpack_require__.bind(__webpack_require__, /*! ../../pages/WhatToExpect */ "./src/OnboardingSPA/pages/WhatToExpect/index.js"))); -const StepIndex = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.lazy)(() => __webpack_require__.e(/*! import() */ "src_OnboardingSPA_pages_Steps_index_js").then(__webpack_require__.bind(__webpack_require__, /*! ../../pages/Steps/index */ "./src/OnboardingSPA/pages/Steps/index.js"))); -const StepGetStarted = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.lazy)(() => __webpack_require__.e(/*! import() */ "src_OnboardingSPA_pages_Steps_GetStarted_index_js").then(__webpack_require__.bind(__webpack_require__, /*! ../../pages/Steps/GetStarted */ "./src/OnboardingSPA/pages/Steps/GetStarted/index.js"))); -const StepWelcome = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.lazy)(() => __webpack_require__.e(/*! import() */ "src_OnboardingSPA_pages_Steps_GetStarted_Welcome_index_js").then(__webpack_require__.bind(__webpack_require__, /*! ../../pages/Steps/GetStarted/Welcome */ "./src/OnboardingSPA/pages/Steps/GetStarted/Welcome/index.js"))); -const StepGetStartedExperience = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.lazy)(() => __webpack_require__.e(/*! import() */ "src_OnboardingSPA_pages_Steps_GetStarted_GetStartedExperience_index_js").then(__webpack_require__.bind(__webpack_require__, /*! ../../pages/Steps/GetStarted/GetStartedExperience */ "./src/OnboardingSPA/pages/Steps/GetStarted/GetStartedExperience/index.js"))); -const StepTopPriority = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.lazy)(() => __webpack_require__.e(/*! import() */ "src_OnboardingSPA_pages_Steps_TopPriority_index_js").then(__webpack_require__.bind(__webpack_require__, /*! ../../pages/Steps/TopPriority */ "./src/OnboardingSPA/pages/Steps/TopPriority/index.js"))); -const StepBasicInfo = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.lazy)(() => __webpack_require__.e(/*! import() */ "src_OnboardingSPA_pages_Steps_BasicInfo_index_js").then(__webpack_require__.bind(__webpack_require__, /*! ../../pages/Steps/BasicInfo */ "./src/OnboardingSPA/pages/Steps/BasicInfo/index.js"))); -const StepDesignThemes = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.lazy)(() => __webpack_require__.e(/*! import() */ "src_OnboardingSPA_pages_Steps_DesignThemes_index_js").then(__webpack_require__.bind(__webpack_require__, /*! ../../pages/Steps/DesignThemes */ "./src/OnboardingSPA/pages/Steps/DesignThemes/index.js"))); -const StepDesignThemeStylesMenu = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.lazy)(() => __webpack_require__.e(/*! import() */ "src_OnboardingSPA_pages_Steps_DesignThemeStyles_Menu_index_js").then(__webpack_require__.bind(__webpack_require__, /*! ../../pages/Steps/DesignThemeStyles/Menu */ "./src/OnboardingSPA/pages/Steps/DesignThemeStyles/Menu/index.js"))); -const StepDesignThemeStylesPreview = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.lazy)(() => __webpack_require__.e(/*! import() */ "src_OnboardingSPA_pages_Steps_DesignThemeStyles_Preview_index_js").then(__webpack_require__.bind(__webpack_require__, /*! ../../pages/Steps/DesignThemeStyles/Preview */ "./src/OnboardingSPA/pages/Steps/DesignThemeStyles/Preview/index.js"))); -const StepDesignColors = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.lazy)(() => __webpack_require__.e(/*! import() */ "src_OnboardingSPA_pages_Steps_DesignColors_index_js").then(__webpack_require__.bind(__webpack_require__, /*! ../../pages/Steps/DesignColors */ "./src/OnboardingSPA/pages/Steps/DesignColors/index.js"))); -const StepDesignTypography = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.lazy)(() => __webpack_require__.e(/*! import() */ "src_OnboardingSPA_pages_Steps_DesignTypography_index_js").then(__webpack_require__.bind(__webpack_require__, /*! ../../pages/Steps/DesignTypography */ "./src/OnboardingSPA/pages/Steps/DesignTypography/index.js"))); -const StepDesignHeaderMenu = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.lazy)(() => __webpack_require__.e(/*! import() */ "src_OnboardingSPA_pages_Steps_DesignHeaderMenu_index_js").then(__webpack_require__.bind(__webpack_require__, /*! ../../pages/Steps/DesignHeaderMenu */ "./src/OnboardingSPA/pages/Steps/DesignHeaderMenu/index.js"))); -const StepDesignHomepageMenu = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.lazy)(() => __webpack_require__.e(/*! import() */ "src_OnboardingSPA_pages_Steps_DesignHomepageMenu_index_js").then(__webpack_require__.bind(__webpack_require__, /*! ../../pages/Steps/DesignHomepageMenu */ "./src/OnboardingSPA/pages/Steps/DesignHomepageMenu/index.js"))); -const StepSitePages = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.lazy)(() => __webpack_require__.e(/*! import() */ "src_OnboardingSPA_pages_Steps_SitePages_index_js").then(__webpack_require__.bind(__webpack_require__, /*! ../../pages/Steps/SitePages */ "./src/OnboardingSPA/pages/Steps/SitePages/index.js"))); -const StepSiteFeatures = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.lazy)(() => __webpack_require__.e(/*! import() */ "src_OnboardingSPA_pages_Steps_SiteFeatures_index_js").then(__webpack_require__.bind(__webpack_require__, /*! ../../pages/Steps/SiteFeatures */ "./src/OnboardingSPA/pages/Steps/SiteFeatures/index.js"))); -const StepWhatNext = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.lazy)(() => __webpack_require__.e(/*! import() */ "src_OnboardingSPA_pages_Steps_WhatNext_index_js").then(__webpack_require__.bind(__webpack_require__, /*! ../../pages/Steps/WhatNext */ "./src/OnboardingSPA/pages/Steps/WhatNext/index.js"))); -const StepPrimarySetup = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.lazy)(() => __webpack_require__.e(/*! import() */ "src_OnboardingSPA_pages_Steps_GetStarted_SiteTypeSetup_PrimarySite_index_js").then(__webpack_require__.bind(__webpack_require__, /*! ../../pages/Steps/GetStarted/SiteTypeSetup/PrimarySite */ "./src/OnboardingSPA/pages/Steps/GetStarted/SiteTypeSetup/PrimarySite/index.js"))); -const StepSecondarySetup = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.lazy)(() => __webpack_require__.e(/*! import() */ "src_OnboardingSPA_pages_Steps_GetStarted_SiteTypeSetup_SecondarySite_index_js").then(__webpack_require__.bind(__webpack_require__, /*! ../../pages/Steps/GetStarted/SiteTypeSetup/SecondarySite */ "./src/OnboardingSPA/pages/Steps/GetStarted/SiteTypeSetup/SecondarySite/index.js"))); -const GetStartedLearnMoreHelp = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.lazy)(() => __webpack_require__.e(/*! import() */ "src_OnboardingSPA_pages_Steps_GetStarted_SidebarComponents_LearnMore_Help_js").then(__webpack_require__.bind(__webpack_require__, /*! ../../pages/Steps/GetStarted/SidebarComponents/LearnMore/Help */ "./src/OnboardingSPA/pages/Steps/GetStarted/SidebarComponents/LearnMore/Help.js"))); -/** - * All information pages should be prefixed with `/page`. - * - * All redirect sub-routes like `/` and `/step` and `/design` are exceptions. - */ - -const pages = [{ - path: '/', - title: '', - description: '', - Component: _pages_index__WEBPACK_IMPORTED_MODULE_3__["default"], - Icon: (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null) -}, { - path: '/page/resources', - title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Resources', 'wp-module-onboarding'), - description: '', - Component: PageResources, - Icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_6__["default"] -}, { - path: '/page/what-to-expect', - title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('What to Expect', 'wp-module-onboarding'), - description: '', - Component: PageWhatToExpect, - Icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_7__["default"] -}, { - path: '*', - title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Error 404', 'wp-module-onboarding'), - description: 'Please Check Again!', - Component: ErrorPage, - Icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_7__["default"] -}]; -/** - * All steps are registered in this array. - * - * Priorities should increment by 20 to leave ample space in-between for injection. - */ - -const steps = [{ - path: '/wp-setup/step/get-started/welcome', - title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Welcome', 'wp-module-onboarding'), - - /* translators: %s: website or store */ - heading: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.sprintf)((0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Make your %s dreams a reality!', 'wp-module-onboarding'), (0,_utils_locales_translations__WEBPACK_IMPORTED_MODULE_4__.translations)('website')), - subheading: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('with WordPress and ', 'wp-module-onboarding'), - description: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("We'll use this to personalize this onboarding and future recommendations", 'wp-module-onboarding'), - Component: StepWelcome, - Icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_8__["default"], - priority: 20, - VIEW: _constants__WEBPACK_IMPORTED_MODULE_5__.VIEW_NAV_GET_STARTED, - SidebarComponents: { - LearnMore: [GetStartedLearnMoreHelp] - } -}, { - path: '/wp-setup/step/get-started/experience', - title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('WordPress Experience', 'wp-module-onboarding'), - - /* translators: %s: website or store */ - heading: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.sprintf)((0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Help us tailor this setup to your %s', 'wp-module-onboarding'), (0,_utils_locales_translations__WEBPACK_IMPORTED_MODULE_4__.translations)('site')), - subheading: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('What is your experience with WordPress?', 'wp-module-onboarding'), - description: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("We'll use this to personalize this onboarding and future recommendations", 'wp-module-onboarding'), - Component: StepGetStartedExperience, - Icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_8__["default"], - priority: 40, - VIEW: _constants__WEBPACK_IMPORTED_MODULE_5__.VIEW_NAV_GET_STARTED, - SidebarComponents: { - LearnMore: [GetStartedLearnMoreHelp] - } -}, { - path: '/wp-setup/step/get-started/site-primary', - - /* translators: %s: website or store */ - title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.sprintf)((0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Primary %s Setup', 'wp-module-onboarding'), (0,_utils_locales_translations__WEBPACK_IMPORTED_MODULE_4__.translations)('Site')), - - /* translators: %s: website or store */ - heading: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.sprintf)((0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Help us tailor this setup to your %s', 'wp-module-onboarding'), (0,_utils_locales_translations__WEBPACK_IMPORTED_MODULE_4__.translations)('site')), - - /* translators: %s: website or store */ - subheading: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.sprintf)((0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('What type of %s is it?', 'wp-module-onboarding'), (0,_utils_locales_translations__WEBPACK_IMPORTED_MODULE_4__.translations)('site')), - - /* translators: %s: website or store */ - description: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.sprintf)((0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("Setup more of your %s, show you around WordPress or share secrets to success -- we'll follow your lead on how you'd like to proceed.", 'wp-module-onboarding'), (0,_utils_locales_translations__WEBPACK_IMPORTED_MODULE_4__.translations)('site')), - Component: StepPrimarySetup, - Icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_9__["default"], - priority: 60 -}, { - path: '/wp-setup/step/get-started/site-secondary', - - /* translators: %s: website or store */ - title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.sprintf)((0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Secondary %s Setup', 'wp-module-onboarding'), (0,_utils_locales_translations__WEBPACK_IMPORTED_MODULE_4__.translations)('Site')), - - /* translators: %s: website or store */ - heading: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.sprintf)((0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Help us tailor this setup to your %s', 'wp-module-onboarding'), (0,_utils_locales_translations__WEBPACK_IMPORTED_MODULE_4__.translations)('site')), - - /* translators: %s: website or store */ - subheading: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.sprintf)((0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('What type of %s is it?', 'wp-module-onboarding'), (0,_utils_locales_translations__WEBPACK_IMPORTED_MODULE_4__.translations)('site')), - - /* translators: %s: website or store */ - description: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.sprintf)((0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("Setup more of your %s, show you around WordPress or share secrets to success -- we'll follow your lead on how you'd like to proceed.", 'wp-module-onboarding'), (0,_utils_locales_translations__WEBPACK_IMPORTED_MODULE_4__.translations)('site')), - Component: StepSecondarySetup, - Icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_9__["default"], - priority: 80 -}, { - path: '/wp-setup/step/top-priority', - title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Top Priority', 'wp-module-onboarding'), - heading: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Tell us your top priority', 'wp-module-onboarding'), - subheading: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("We'll prioritize getting you there.", 'wp-module-onboarding'), - description: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("We'll recommend design choices, site options and products and features we have to offer.", 'wp-module-onboarding'), - Component: StepTopPriority, - Icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_10__["default"], - priority: 100 -}, { - path: '/wp-setup/step/basic-info', - title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Basic Info', 'wp-module-onboarding'), - - /* translators: %s: website or store */ - heading: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.sprintf)((0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Introduce us to this %s', 'wp-module-onboarding'), (0,_utils_locales_translations__WEBPACK_IMPORTED_MODULE_4__.translations)('website')), - subheading: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('So we can introduce it to the web', 'wp-module-onboarding'), - - /* translators: %s: website or store */ - description: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.sprintf)((0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Help visitors, search results and social media identify your %s.', 'wp-module-onboarding'), (0,_utils_locales_translations__WEBPACK_IMPORTED_MODULE_4__.translations)('site')), - Component: StepBasicInfo, - Icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_11__["default"], - priority: 120 -}, { - path: '/wp-setup/step/design/themes', - title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Themes', 'wp-module-onboarding'), - heading: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("Let's make you look your best", 'wp-module-onboarding'), - subheading: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Find a WordPress Theme to present polished and compelling.', 'wp-module-onboarding'), - description: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Your Theme is the starting place for layout and design, setting the tone for your site. Keep it for years or change and swap as you grow.', 'wp-module-onboarding'), - Component: StepDesignThemes, - Icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_12__["default"], - priority: 140, - VIEW: _constants__WEBPACK_IMPORTED_MODULE_5__.VIEW_DESIGN_THEMES -}, { - path: '/wp-setup/step/design/theme-styles/menu', - title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Theme Styles', 'wp-module-onboarding'), - heading: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Lets tailor your theme for the perfect fit', 'wp-module-onboarding'), - subheading: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("Use these styles or bring your own. You're always free to remix them.", 'wp-module-onboarding'), - description: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('All these styles -- plus the ability to customize them -- are available in the WordPress Site Editor', 'wp-module-onboarding'), - Component: StepDesignThemeStylesMenu, - Icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_13__["default"], - priority: 160, - VIEW: _constants__WEBPACK_IMPORTED_MODULE_5__.VIEW_DESIGN_THEME_STYLES_MENU, - patternId: 'theme-styles' -}, { - path: '/wp-setup/step/design/theme-styles/preview', - title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Theme Styles', 'wp-module-onboarding'), - heading: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Lets tailor your theme for the perfect fit', 'wp-module-onboarding'), - subheading: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("Use these styles or bring your own. You're always free to remix them.", 'wp-module-onboarding'), - description: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('All these styles -- plus the ability to customize them -- are available in the WordPress Site Editor', 'wp-module-onboarding'), - Component: StepDesignThemeStylesPreview, - Icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_13__["default"], - priority: 170, - VIEW: _constants__WEBPACK_IMPORTED_MODULE_5__.VIEW_DESIGN_THEME_STYLES_PREVIEW, - patternId: 'theme-styles' -}, { - path: '/wp-setup/step/design/header-menu', - title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Header & Menu', 'wp-module-onboarding'), - heading: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("Let's make the right things visible", 'wp-module-onboarding'), - subheading: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Your site header helps organize your story for visitors.', 'wp-module-onboarding'), - description: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('A well-organized site makes visitors feel smart, helping you keep and convert them.', 'wp-module-onboarding'), - Component: StepDesignHeaderMenu, - Icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_14__["default"], - priority: 220, - VIEW: _constants__WEBPACK_IMPORTED_MODULE_5__.VIEW_DESIGN_HEADER_MENU -}, { - path: '/wp-setup/step/design/homepage-menu', - title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('HomePages Wizard', 'wp-module-onboarding'), - heading: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("There’s no place like a great home page", 'wp-module-onboarding'), - subheading: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Pick a starter layout you can refine and remix with your content', 'wp-module-onboarding'), - description: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('A well-organized homepage makes visitors feel smart.', 'wp-module-onboarding'), - Component: StepDesignHomepageMenu, - Icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_14__["default"], - priority: 240, - VIEW: _constants__WEBPACK_IMPORTED_MODULE_5__.VIEW_DESIGN_HOMEPAGE_MENU, - patternId: 'homepage-styles' -}, { - path: '/wp-setup/step/site-pages', - title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Pages', 'wp-module-onboarding'), - heading: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("We've got some page ideas", 'wp-module-onboarding'), - subheading: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Start closer to the finish line than a blank canvas.', 'wp-module-onboarding'), - description: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("Pick a page, pick a layout and we'll focus on the basics so you focus on what's important and unique.", 'wp-module-onboarding'), - Component: StepSitePages, - Icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_15__["default"], - priority: 260 -}, { - path: '/wp-setup/step/site-features', - title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Features', 'wp-module-onboarding'), - heading: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Our toolbox is your toolbox', 'wp-module-onboarding'), - subheading: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("We've learned a lot in 16 years of WordPress! Now that expertise is yours.", 'wp-module-onboarding'), - description: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("Through Plugins, partners and unique $BRAND WordPress features, you've got tons of capabilities with $SITE.", 'wp-module-onboarding'), - Component: StepSiteFeatures, - Icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_16__["default"], - priority: 280 -}, { - path: '/wp-setup/step/what-next', - title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('What Next', 'wp-module-onboarding'), - heading: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('How else can we help?', 'wp-module-onboarding'), - subheading: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("We've got the basics setup, but we can help with any next steps.", 'wp-module-onboarding'), - description: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("Setup more of your site, show you around WordPress or share secrets to success -- we'll follow your lead on how you'd like to proceed.", 'wp-module-onboarding'), - Component: StepWhatNext, - Icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_9__["default"], - priority: 300 -}]; -const conditionalSteps = { - designColors: { - path: '/wp-setup/step/design/colors', - title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Colors', 'wp-module-onboarding'), - heading: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("What's your color palette?", 'wp-module-onboarding'), - subheading: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("We'll paint everything with your colors for a fresh, crisp look.", 'wp-module-onboarding'), - description: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Strong contrast and clear readability help your words jump off the screen.', 'wp-module-onboarding'), - Component: StepDesignColors, - Icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_17__["default"], - priority: 180, - VIEW: _constants__WEBPACK_IMPORTED_MODULE_5__.VIEW_DESIGN_COLORS, - patternId: 'theme-styles' - }, - designTypography: { - path: '/wp-setup/step/design/typography', - title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Typography', 'wp-module-onboarding'), - heading: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("What's your font style?", 'wp-module-onboarding'), - subheading: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Impress your visitors with strong branding and aesthetics.', 'wp-module-onboarding'), - description: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("Good typography uses style and proportions to give your words identity and priority. What's your story? Your focus?", 'wp-module-onboarding'), - Component: StepDesignTypography, - Icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_18__["default"], - priority: 200, - VIEW: _constants__WEBPACK_IMPORTED_MODULE_5__.VIEW_DESIGN_TYPOGRAPHY - } -}; -/** - * Top-level registration of all routes. - */ - -const routes = [...pages, ...steps]; -/** - * Filter-out the design steps and register a fake step in their place. - * - * @return - */ - -const initialTopSteps = () => { - const topSteps = (0,lodash__WEBPACK_IMPORTED_MODULE_2__.filter)(steps, step => { - return !step.path.includes('/step/get-started') && !step.path.includes('/step/design'); - }); - const designStep = { - /* This is a fake step to stand-in for all Design steps and does not have a Component to render */ - path: '/wp-setup/step/design/themes', - title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Design', 'wp-module-onboarding'), - description: '', - Icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_12__["default"], - VIEW: _constants__WEBPACK_IMPORTED_MODULE_5__.VIEW_NAV_DESIGN, - priority: 140 - /* matches priority for first design step */ - - }; - const getStartedStep = { - path: '/wp-setup/step/get-started/welcome', - title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Get Started', 'wp-module-onboarding'), - heading: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Get Started', 'wp-module-onboarding'), - Icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_8__["default"], - VIEW: _constants__WEBPACK_IMPORTED_MODULE_5__.VIEW_NAV_GET_STARTED, - priority: 20 - }; - topSteps.push(designStep); - topSteps.push(getStartedStep); - return (0,lodash__WEBPACK_IMPORTED_MODULE_2__.orderBy)(topSteps, ['priority'], ['asc']); -}; -/** - * Filter out all non-design steps. - * - * @return - */ - -const initialDesignSteps = () => { - const designSteps = (0,lodash__WEBPACK_IMPORTED_MODULE_2__.filter)(steps, step => { - return step.path.includes('/step/design/') && !step.path.includes('/theme-styles/preview'); - }); - return designSteps; -}; -const initialGetStartedSteps = () => { - const getStartedSteps = (0,lodash__WEBPACK_IMPORTED_MODULE_2__.filter)(steps, step => { - return step.path.includes('/step/get-started'); - }); - return getStartedSteps; -}; - -/***/ }), - -/***/ "./src/OnboardingSPA/data/routes/ecommerce-flow.js": -/*!*********************************************************!*\ - !*** ./src/OnboardingSPA/data/routes/ecommerce-flow.js ***! - \*********************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "ecommerceGetStartedSteps": function() { return /* binding */ ecommerceGetStartedSteps; }, -/* harmony export */ "ecommerceSteps": function() { return /* binding */ ecommerceSteps; }, -/* harmony export */ "initialTopSteps": function() { return /* binding */ initialTopSteps; }, -/* harmony export */ "routes": function() { return /* binding */ routes; }, -/* harmony export */ "steps": function() { return /* binding */ steps; } -/* harmony export */ }); -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n"); -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__); -/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/store.js"); -/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/institution.js"); -/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/box.js"); -/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element"); -/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__); -/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! lodash */ "lodash"); -/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_2__); -/* harmony import */ var _default_flow__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./default-flow */ "./src/OnboardingSPA/data/routes/default-flow.js"); -/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../constants */ "./src/constants.js"); - - - - - -const StepAddress = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.lazy)(() => __webpack_require__.e(/*! import() */ "src_OnboardingSPA_pages_Steps_Ecommerce_StepAddress_index_js").then(__webpack_require__.bind(__webpack_require__, /*! ../../pages/Steps/Ecommerce/StepAddress */ "./src/OnboardingSPA/pages/Steps/Ecommerce/StepAddress/index.js"))); -const StepTax = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.lazy)(() => __webpack_require__.e(/*! import() */ "src_OnboardingSPA_pages_Steps_Ecommerce_StepTax_index_js").then(__webpack_require__.bind(__webpack_require__, /*! ../../pages/Steps/Ecommerce/StepTax */ "./src/OnboardingSPA/pages/Steps/Ecommerce/StepTax/index.js"))); -const StepProducts = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.lazy)(() => __webpack_require__.e(/*! import() */ "src_OnboardingSPA_pages_Steps_Ecommerce_StepProducts_index_js").then(__webpack_require__.bind(__webpack_require__, /*! ../../pages/Steps/Ecommerce/StepProducts */ "./src/OnboardingSPA/pages/Steps/Ecommerce/StepProducts/index.js"))); - -const ecommerceSteps = [{ - path: '/ecommerce/step/address', - title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)('Street Address', 'wp-module-onboarding'), - heading: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)('Street Address', 'wp-module-onboarding'), - subheading: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)('In this step you confirm the business address of your store. Simply confirm the one you provided during your initial Bluehost account setup or provide a new one.', 'wp-module-onboarding'), - description: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)('In this step you confirm the business address of your store. Simply confirm the one you provided during your initial Bluehost account setup or provide a new one.', 'wp-module-onboarding'), - Component: StepAddress, - Icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_5__["default"], - priority: 85, - VIEW: _constants__WEBPACK_IMPORTED_MODULE_4__.VIEW_NAV_ECOMMERCE_STORE_INFO -}, { - path: '/ecommerce/step/tax', - title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)('Tax Info', 'wp-module-onboarding'), - heading: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)('Tax Info', 'wp-module-onboarding'), - subheading: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)('Taxes can be configure at anytime in the WooCommerce Settings tab.', 'wp-module-onboarding'), - description: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)('Taxes can be configured at anytime in the WooCommerce Settings tab.', 'wp-module-onboarding'), - Component: StepTax, - Icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_6__["default"], - priority: 90, - VIEW: _constants__WEBPACK_IMPORTED_MODULE_4__.VIEW_NAV_ECOMMERCE_STORE_INFO -}, { - path: '/ecommerce/step/products', - title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)('Product Info', 'wp-module-onboarding'), - heading: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)('Product Info', 'wp-module-onboarding'), - subheading: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)('Hello, add a subheading for the learn more sidebar.', 'wp-module-onboarding'), - description: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("In this section, you can provide more information about your products and business, which will help us tailor your store setup experience and identify possible extensions you'll need for your online store.", 'wp-module-onboarding'), - Component: StepProducts, - Icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_7__["default"], - priority: 95, - VIEW: _constants__WEBPACK_IMPORTED_MODULE_4__.VIEW_NAV_ECOMMERCE_STORE_INFO -}]; -const steps = (0,lodash__WEBPACK_IMPORTED_MODULE_2__.orderBy)([...(0,lodash__WEBPACK_IMPORTED_MODULE_2__.filter)(_default_flow__WEBPACK_IMPORTED_MODULE_3__.steps, step => !step.path.includes('/step/top-priority') && !step.path.includes('/step/get-started/site-primary')), ...ecommerceSteps], ['priority'], ['asc']); -const routes = (0,lodash__WEBPACK_IMPORTED_MODULE_2__.orderBy)([...steps, ..._default_flow__WEBPACK_IMPORTED_MODULE_3__.pages], ['priority'], ['asc']); -const initialTopSteps = () => { - const topSteps = (0,lodash__WEBPACK_IMPORTED_MODULE_2__.filter)(ecommerceSteps, step => { - return !step.path.includes('/ecommerce/step'); - }); - const ecommerceStep = { - /* This is a pseudo step to stand-in for all StoreInfo steps and does not have a Component to render */ - path: '/ecommerce/step/address', - title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)('Store Info', 'wp-module-onboarding'), - description: '', - Icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_5__["default"], - VIEW: _constants__WEBPACK_IMPORTED_MODULE_4__.VIEW_NAV_ECOMMERCE_STORE_INFO, - priority: 41 - /* matches priority for first store info step */ - - }; - topSteps.push(ecommerceStep); - const filteredSteps = (0,lodash__WEBPACK_IMPORTED_MODULE_2__.filter)((0,_default_flow__WEBPACK_IMPORTED_MODULE_3__.initialTopSteps)(), step => !step.path.includes('/step/top-priority')); - return (0,lodash__WEBPACK_IMPORTED_MODULE_2__.orderBy)([...filteredSteps, ...topSteps], ['priority'], ['asc']); -}; -const ecommerceGetStartedSteps = () => { - return (0,lodash__WEBPACK_IMPORTED_MODULE_2__.filter)((0,_default_flow__WEBPACK_IMPORTED_MODULE_3__.initialGetStartedSteps)(), step => !step.path.includes('/step/get-started/site-primary')); -}; - -/***/ }), - -/***/ "./src/OnboardingSPA/data/routes/index.js": -/*!************************************************!*\ - !*** ./src/OnboardingSPA/data/routes/index.js ***! - \************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "conditionalSteps": function() { return /* binding */ conditionalSteps; }, -/* harmony export */ "initialDesignSteps": function() { return /* binding */ initialDesignSteps; }, -/* harmony export */ "initialGetStartedSteps": function() { return /* binding */ initialGetStartedSteps; }, -/* harmony export */ "initialStoreInfoSteps": function() { return /* binding */ initialStoreInfoSteps; }, -/* harmony export */ "initialTopSteps": function() { return /* binding */ initialTopSteps; }, -/* harmony export */ "routes": function() { return /* binding */ routes; }, -/* harmony export */ "steps": function() { return /* binding */ steps; } -/* harmony export */ }); -/* harmony import */ var _default_flow__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./default-flow */ "./src/OnboardingSPA/data/routes/default-flow.js"); -/* harmony import */ var _ecommerce_flow__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ecommerce-flow */ "./src/OnboardingSPA/data/routes/ecommerce-flow.js"); - - - -function getSelectedRoute() { - var _window$nfdOnboarding; - - return (_window$nfdOnboarding = window.nfdOnboarding.currentFlow) !== null && _window$nfdOnboarding !== void 0 ? _window$nfdOnboarding : 'wp-setup'; -} - -const routerMap = { - 'wp-setup': { - routes: _default_flow__WEBPACK_IMPORTED_MODULE_0__.routes, - steps: _default_flow__WEBPACK_IMPORTED_MODULE_0__.steps, - conditionalSteps: _default_flow__WEBPACK_IMPORTED_MODULE_0__.conditionalSteps, - initialTopSteps: _default_flow__WEBPACK_IMPORTED_MODULE_0__.initialTopSteps, - initialDesignSteps: _default_flow__WEBPACK_IMPORTED_MODULE_0__.initialDesignSteps, - initialGetStartedSteps: _default_flow__WEBPACK_IMPORTED_MODULE_0__.initialGetStartedSteps - }, - ecommerce: { - routes: _ecommerce_flow__WEBPACK_IMPORTED_MODULE_1__.routes, - steps: _ecommerce_flow__WEBPACK_IMPORTED_MODULE_1__.steps, - conditionalSteps: _default_flow__WEBPACK_IMPORTED_MODULE_0__.conditionalSteps, - initialTopSteps: _ecommerce_flow__WEBPACK_IMPORTED_MODULE_1__.initialTopSteps, - initialDesignSteps: _default_flow__WEBPACK_IMPORTED_MODULE_0__.initialDesignSteps, - initialGetStartedSteps: _ecommerce_flow__WEBPACK_IMPORTED_MODULE_1__.ecommerceGetStartedSteps, - initialStoreInfoSteps: _ecommerce_flow__WEBPACK_IMPORTED_MODULE_1__.ecommerceSteps - } -}; -const routes = [...routerMap[getSelectedRoute()].routes]; -const steps = [...routerMap[getSelectedRoute()].steps]; -const conditionalSteps = routerMap[getSelectedRoute()].conditionalSteps; -const initialTopSteps = () => { - return routerMap[getSelectedRoute()].initialTopSteps(); -}; -const initialDesignSteps = () => { - return routerMap[getSelectedRoute()].initialDesignSteps(); -}; -const initialGetStartedSteps = () => { - return routerMap[getSelectedRoute()].initialGetStartedSteps(); -}; -const initialStoreInfoSteps = () => { - return routerMap[getSelectedRoute()].initialStoreInfoSteps ? routerMap[getSelectedRoute()].initialStoreInfoSteps : []; -}; - -/***/ }), - -/***/ "./src/OnboardingSPA/data/sidebars/index.js": -/*!**************************************************!*\ - !*** ./src/OnboardingSPA/data/sidebars/index.js ***! - \**************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "sidebars": function() { return /* binding */ sidebars; } -/* harmony export */ }); -/* 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 _constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../constants */ "./src/constants.js"); - - -const LearnMoreMenu = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.lazy)(() => __webpack_require__.e(/*! import() */ "src_OnboardingSPA_components_Sidebar_components_LearnMore_Menu_js").then(__webpack_require__.bind(__webpack_require__, /*! ../../components/Sidebar/components/LearnMore/Menu */ "./src/OnboardingSPA/components/Sidebar/components/LearnMore/Menu.js"))); -const LearnMoreSidebar = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.lazy)(() => __webpack_require__.e(/*! import() */ "src_OnboardingSPA_components_Sidebar_components_LearnMore_Sidebar_js").then(__webpack_require__.bind(__webpack_require__, /*! ../../components/Sidebar/components/LearnMore/Sidebar */ "./src/OnboardingSPA/components/Sidebar/components/LearnMore/Sidebar.js"))); -const sidebars = [{ - id: _constants__WEBPACK_IMPORTED_MODULE_1__.SIDEBAR_LEARN_MORE, - menu: LearnMoreMenu, - sidebar: LearnMoreSidebar, - enabled: true -}]; - -/***/ }), - -/***/ "./src/OnboardingSPA/data/translations/index.js": -/*!******************************************************!*\ - !*** ./src/OnboardingSPA/data/translations/index.js ***! - \******************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "translationMap": function() { return /* binding */ translationMap; } -/* harmony export */ }); -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n"); -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__); - -const translationMap = { - 'wp-setup': { - site: { - 'noun': (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__._x)('site', 'noun', 'wp-module-onboarding') - }, - website: { - 'noun': (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__._x)('website', 'noun', 'wp-module-onboarding') - } - }, - 'ecommerce': { - site: { - 'noun': (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__._x)('store', 'noun', 'wp-module-onboarding') - }, - website: { - 'noun': (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__._x)('store', 'noun', 'wp-module-onboarding') - } - } -}; - -/***/ }), - -/***/ "./src/OnboardingSPA/index.js": -/*!************************************!*\ - !*** ./src/OnboardingSPA/index.js ***! - \************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "initializeNFDOnboarding": function() { return /* binding */ initializeNFDOnboarding; } -/* harmony export */ }); -/* 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 _styles_app_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./styles/app.scss */ "./src/OnboardingSPA/styles/app.scss"); -/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./store */ "./src/OnboardingSPA/store/index.js"); -/* harmony import */ var _utils_api_flow__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./utils/api/flow */ "./src/OnboardingSPA/utils/api/flow.js"); -/* harmony import */ var _utils_api_plugins__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./utils/api/plugins */ "./src/OnboardingSPA/utils/api/plugins.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 _utils_api_cronTrigger__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./utils/api/cronTrigger */ "./src/OnboardingSPA/utils/api/cronTrigger.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 _components_App__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./components/App */ "./src/OnboardingSPA/components/App/index.js"); -/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! react-router-dom */ "./node_modules/react-router-dom/index.js"); -/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @wordpress/data */ "@wordpress/data"); -/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(_wordpress_data__WEBPACK_IMPORTED_MODULE_9__); - - - -/* must import prior to App! */ - - - - - - - - - - -/** - * Component passed to wp.element.render(). - * - * @return WPComponent - */ - -const NFDOnboarding = () => (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(react_router_dom__WEBPACK_IMPORTED_MODULE_10__.HashRouter, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_App__WEBPACK_IMPORTED_MODULE_8__["default"], null)); - -const initializeFlowData = currentData => { - currentData.hasExited = false; - currentData.isComplete = false; - return currentData; -}; -/** - * Method to initialize Onboarding interface inside WordPress Admin. - * - * @param {string} id - Element ID to render into. - * @param {Object} runtime - Expects runtime data from window.nfdOnboarding. - */ - - -async function initializeNFDOnboarding(id, runtime) { - (0,_utils_api_plugins__WEBPACK_IMPORTED_MODULE_4__.init)(); - (0,_utils_api_themes__WEBPACK_IMPORTED_MODULE_5__.init)(); - setInterval(_utils_api_cronTrigger__WEBPACK_IMPORTED_MODULE_6__.trigger, 45000); - const DOM_TARGET = document.getElementById(id); - (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_9__.dispatch)(_store__WEBPACK_IMPORTED_MODULE_2__.store).setRuntime(runtime); - const currentData = await (0,_utils_api_flow__WEBPACK_IMPORTED_MODULE_3__.getFlow)(); - - if (currentData.error == null) { - currentData.body = initializeFlowData(currentData.body); - (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_9__.dispatch)(_store__WEBPACK_IMPORTED_MODULE_2__.store).setCurrentOnboardingData(currentData.body); - } - - if (null !== DOM_TARGET && 'undefined' !== typeof _wordpress_element__WEBPACK_IMPORTED_MODULE_0__.render) { - (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.render)((0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(NFDOnboarding, null), DOM_TARGET); - (0,_utils_api_settings__WEBPACK_IMPORTED_MODULE_7__.initialize)(); - } else { - console.log('Could not find mount element or wp.element.render().'); - } -} -/* harmony default export */ __webpack_exports__["default"] = (initializeNFDOnboarding); - -/***/ }), - -/***/ "./src/OnboardingSPA/pages/index.js": -/*!******************************************!*\ - !*** ./src/OnboardingSPA/pages/index.js ***! - \******************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__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 react_router_dom__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-router-dom */ "./node_modules/react-router/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__); - - - - - - -const IndexRoute = () => { - const navigate = (0,react_router_dom__WEBPACK_IMPORTED_MODULE_3__.useNavigate)(); - const { - firstStep - } = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_2__.useSelect)(select => { - return { - firstStep: select(_store__WEBPACK_IMPORTED_MODULE_1__.store).getFirstStep() - }; - }, []); - (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => { - navigate(firstStep.path, { - replace: true, - state: { - origin: 'index-redirect' - } - }); - }); - return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null); -}; - -/* harmony default export */ __webpack_exports__["default"] = (IndexRoute); - -/***/ }), - -/***/ "./src/OnboardingSPA/store/actions.js": -/*!********************************************!*\ - !*** ./src/OnboardingSPA/store/actions.js ***! - \********************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "setActiveFlow": function() { return /* binding */ setActiveFlow; }, -/* harmony export */ "setActiveStep": function() { return /* binding */ setActiveStep; }, -/* harmony export */ "setCurrentOnboardingData": function() { return /* binding */ setCurrentOnboardingData; }, -/* harmony export */ "setDrawerActiveView": function() { return /* binding */ setDrawerActiveView; }, -/* harmony export */ "setIsDrawerOpened": function() { return /* binding */ setIsDrawerOpened; }, -/* harmony export */ "setIsDrawerSuppressed": function() { return /* binding */ setIsDrawerSuppressed; }, -/* harmony export */ "setIsSidebarOpened": function() { return /* binding */ setIsSidebarOpened; }, -/* harmony export */ "setRuntime": function() { return /* binding */ setRuntime; }, -/* harmony export */ "setSidebarActiveView": function() { return /* binding */ setSidebarActiveView; }, -/* harmony export */ "updateAllSteps": function() { return /* binding */ updateAllSteps; }, -/* harmony export */ "updateDesignSteps": function() { return /* binding */ updateDesignSteps; }, -/* harmony export */ "updatePluginsStatus": function() { return /* binding */ updatePluginsStatus; }, -/* harmony export */ "updatePreviewSettings": function() { return /* binding */ updatePreviewSettings; }, -/* harmony export */ "updateRoutes": function() { return /* binding */ updateRoutes; }, -/* harmony export */ "updateSettings": function() { return /* binding */ updateSettings; }, -/* harmony export */ "updateThemeStatus": function() { return /* binding */ updateThemeStatus; } -/* harmony export */ }); -/** - * Receives `window.nfdOnboarding` and sets migrated: true. - * - * `url` is left to keep __webpack_public_path__ decoupled from store. - * - * @param {*} runtime - * @return - */ -function setRuntime(runtime) { - var _runtime$currentFlow; - - window.nfdOnboarding = { - buildUrl: runtime.buildUrl, - siteUrl: runtime.siteUrl, - migrated: true, - currentFlow: (_runtime$currentFlow = runtime.currentFlow) !== null && _runtime$currentFlow !== void 0 ? _runtime$currentFlow : 'wp-setup' - }; - return { - type: 'SET_RUNTIME', - runtime - }; -} -/** - * Sets the active view within the Drawer render slot. - * - * @param {*} view - * @return - */ - -function setDrawerActiveView(view) { - return { - type: 'SET_DRAWER_ACTIVE_VIEW', - view - }; -} -/** - * Opens the off-canvas drawer on left of viewport. - * - * @param {*} isOpen - * @return - */ - -function setIsDrawerOpened(isOpen) { - return { - type: 'SET_DRAWER_OPENED', - isOpen - }; -} -/** - * Keeps the drawer on the left suppressed. - * - * @param {*} isSuppressed - * @return - */ - -function setIsDrawerSuppressed(isSuppressed) { - return { - type: 'SET_DRAWER_SUPPRESSED', - isSuppressed - }; -} -/** - * Accepts a string flow to set the active flow. - * - * NOTE: does not have any navigation side-effect. - * - * @param {*} path - * @param flow - * @return - */ - -function setActiveFlow(flow) { - return { - type: 'SET_ACTIVE_FLOW', - flow - }; -} -/** - * Accepts a string path to set the active step. - * - * NOTE: does not have any navigation side-effect. - * - * @param {*} path - * @return - */ - -function setActiveStep(path) { - // Remove Trailing Spaces from URL - path = path.replace(/\/$/, ''); - return { - type: 'SET_ACTIVE_STEP', - path - }; -} -/** - * Accepts a JSON to set the current data. - * - * @param {*} currentData - * @return - */ - -function setCurrentOnboardingData(currentData) { - return { - type: 'SET_CURRENT_DATA', - currentData - }; -} -/** - * Updates general settings. - * - * @param {*} settings - * @return - */ - -function updateSettings(settings) { - return { - type: 'UPDATE_SETTINGS', - settings - }; -} -function updateThemeStatus(themeStatus) { - return { - type: 'UPDATE_THEME_STATUS', - themeStatus - }; -} -function updatePluginsStatus(pluginsStatus) { - return { - type: 'UPDATE_PLUGINS_STATUS', - pluginsStatus - }; -} -function setIsSidebarOpened(isOpen) { - return { - type: 'SET_SIDEBAR_OPENED', - isOpen - }; -} -function setSidebarActiveView(view) { - return { - type: 'SET_SIDEBAR_ACTIVE_VIEW', - view - }; -} -function updatePreviewSettings(previewSettings) { - return { - type: 'SET_PREVIEW_SETTINGS', - previewSettings - }; -} -function updateRoutes(routes) { - return { - type: 'UPDATE_ROUTES', - routes - }; -} -function updateAllSteps(allSteps) { - return { - type: 'UPDATE_ALL_STEPS', - allSteps - }; -} -function updateDesignSteps(designSteps) { - return { - type: 'UPDATE_DESIGN_STEPS', - designSteps - }; -} - -/***/ }), - -/***/ "./src/OnboardingSPA/store/constants.js": -/*!**********************************************!*\ - !*** ./src/OnboardingSPA/store/constants.js ***! - \**********************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "STORE_NAME": function() { return /* binding */ STORE_NAME; } -/* harmony export */ }); -/** - * Identifier for Newfold Onboarding data store. - * - * @type {string} - */ -const STORE_NAME = 'newfold/onboarding'; - -/***/ }), - -/***/ "./src/OnboardingSPA/store/index.js": -/*!******************************************!*\ - !*** ./src/OnboardingSPA/store/index.js ***! - \******************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "nfdOnboardingStoreConfig": function() { return /* binding */ nfdOnboardingStoreConfig; }, -/* harmony export */ "store": function() { return /* binding */ store; } -/* harmony export */ }); -/* harmony import */ var _actions__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./actions */ "./src/OnboardingSPA/store/actions.js"); -/* harmony import */ var _selectors__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./selectors */ "./src/OnboardingSPA/store/selectors.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 _constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./constants */ "./src/OnboardingSPA/store/constants.js"); -/* harmony import */ var _wordpress_data_controls__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/data-controls */ "@wordpress/data-controls"); -/* harmony import */ var _wordpress_data_controls__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_wordpress_data_controls__WEBPACK_IMPORTED_MODULE_4__); -/* harmony import */ var _reducer__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./reducer */ "./src/OnboardingSPA/store/reducer.js"); - - - - - - -const nfdOnboardingStoreConfig = { - reducer: _reducer__WEBPACK_IMPORTED_MODULE_5__["default"], - actions: _actions__WEBPACK_IMPORTED_MODULE_0__, - selectors: _selectors__WEBPACK_IMPORTED_MODULE_1__ -}; -const store = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_2__.createReduxStore)(_constants__WEBPACK_IMPORTED_MODULE_3__.STORE_NAME, nfdOnboardingStoreConfig); -(0,_wordpress_data__WEBPACK_IMPORTED_MODULE_2__.register)(store); - -/***/ }), - -/***/ "./src/OnboardingSPA/store/reducer.js": -/*!********************************************!*\ - !*** ./src/OnboardingSPA/store/reducer.js ***! - \********************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "currentData": function() { return /* binding */ currentData; }, -/* harmony export */ "drawer": function() { return /* binding */ drawer; }, -/* harmony export */ "flow": function() { return /* binding */ flow; }, -/* harmony export */ "runtime": function() { return /* binding */ runtime; }, -/* harmony export */ "settings": function() { return /* binding */ settings; }, -/* harmony export */ "sidebar": function() { return /* binding */ sidebar; } -/* harmony export */ }); -/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/data */ "@wordpress/data"); -/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_data__WEBPACK_IMPORTED_MODULE_0__); -/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../constants */ "./src/constants.js"); -/* harmony import */ var _data_routes_index__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../data/routes/index */ "./src/OnboardingSPA/data/routes/index.js"); -/* harmony import */ var _data_sidebars_index__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../data/sidebars/index */ "./src/OnboardingSPA/data/sidebars/index.js"); - - - - -function flow() { - let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : { - flow: 'wp-setup', - steps: { - routes: _data_routes_index__WEBPACK_IMPORTED_MODULE_2__.routes, - allSteps: _data_routes_index__WEBPACK_IMPORTED_MODULE_2__.steps, - topSteps: (0,_data_routes_index__WEBPACK_IMPORTED_MODULE_2__.initialTopSteps)(), - designSteps: (0,_data_routes_index__WEBPACK_IMPORTED_MODULE_2__.initialDesignSteps)(), - getStartedSteps: (0,_data_routes_index__WEBPACK_IMPORTED_MODULE_2__.initialGetStartedSteps)(), - storeInfoSteps: (0,_data_routes_index__WEBPACK_IMPORTED_MODULE_2__.initialStoreInfoSteps)(), - currentStep: '/wp-setup/step/what-next' - } - }; - let action = arguments.length > 1 ? arguments[1] : undefined; - - switch (action.type) { - case 'SET_ACTIVE_STEP': - return { ...state, - steps: { ...state.steps, - currentStep: action.path - } - }; - - case 'SET_ACTIVE_FLOW': - return { ...state, - flow: action.flow - }; - - case 'UPDATE_ROUTES': - return { ...state, - steps: { ...state.steps, - routes: action.routes - } - }; - - case 'UPDATE_ALL_STEPS': - return { ...state, - steps: { ...state.steps, - allSteps: action.allSteps - } - }; - - case 'UPDATE_DESIGN_STEPS': - return { ...state, - steps: { ...state.steps, - designSteps: action.designSteps - } - }; - } - - return state; -} -function drawer() { - let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : { - isOpen: false, - isSuppressed: false, - view: _constants__WEBPACK_IMPORTED_MODULE_1__.VIEW_NAV_PRIMARY - }; - let action = arguments.length > 1 ? arguments[1] : undefined; - - switch (action.type) { - case 'SET_DRAWER_OPENED': - return { ...state, - isOpen: action.isOpen - }; - - case 'SET_DRAWER_ACTIVE_VIEW': - return { ...state, - view: action.view - }; - - case 'SET_DRAWER_SUPPRESSED': - return { ...state, - isSuppressed: action.isSuppressed, - isOpen: action.isSuppressed ? false : state.isOpen - }; - } - - return state; -} -function currentData() { - let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; - let action = arguments.length > 1 ? arguments[1] : undefined; - - switch (action.type) { - case 'SET_CURRENT_DATA': - return { ...state, - ...action.currentData - }; - } - - return state; -} -function sidebar() { - let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : { - isOpen: false, - view: 'LearnMore', - sidebars: _data_sidebars_index__WEBPACK_IMPORTED_MODULE_3__.sidebars - }; - let action = arguments.length > 1 ? arguments[1] : undefined; - - switch (action.type) { - case 'SET_SIDEBAR_OPENED': - return { ...state, - isOpen: action.isOpen - }; - - case 'SET_SIDEBAR_ACTIVE_VIEW': - return { ...state, - view: action.view - }; - } - - return state; -} -function runtime() { - let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; - let action = arguments.length > 1 ? arguments[1] : undefined; - - switch (action.type) { - case 'SET_RUNTIME': - return { ...state, - ...action.runtime - }; - - case 'SET_PREVIEW_SETTINGS': - return { ...state, - previewSettings: action.previewSettings - }; - } - - return state; -} -function settings() { - let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : { - themeStatus: _constants__WEBPACK_IMPORTED_MODULE_1__.THEME_STATUS_INIT, - pluginsStatus: { - [_constants__WEBPACK_IMPORTED_MODULE_1__.ECOMMERCE_STEPS_PLUGIN]: _constants__WEBPACK_IMPORTED_MODULE_1__.PLUGIN_STATUS_INIT - } - }; - let action = arguments.length > 1 ? arguments[1] : undefined; - - switch (action.type) { - case 'UPDATE_SETTINGS': - return { ...state, - ...action.settings - }; - - case 'UPDATE_THEME_STATUS': - return { ...state, - themeStatus: action.themeStatus - }; - - case 'UPDATE_PLUGINS_STATUS': - return { ...state, - pluginsStatus: action.pluginsStatus - }; - } - - return state; -} -/* harmony default export */ __webpack_exports__["default"] = ((0,_wordpress_data__WEBPACK_IMPORTED_MODULE_0__.combineReducers)({ - drawer, - runtime, - currentData, - settings, - flow, - sidebar -})); - -/***/ }), - -/***/ "./src/OnboardingSPA/store/selectors.js": -/*!**********************************************!*\ - !*** ./src/OnboardingSPA/store/selectors.js ***! - \**********************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "getAllSteps": function() { return /* binding */ getAllSteps; }, -/* harmony export */ "getCurrentOnboardingData": function() { return /* binding */ getCurrentOnboardingData; }, -/* harmony export */ "getCurrentStep": function() { return /* binding */ getCurrentStep; }, -/* harmony export */ "getCurrentStepPath": function() { return /* binding */ getCurrentStepPath; }, -/* harmony export */ "getDesignSteps": function() { return /* binding */ getDesignSteps; }, -/* harmony export */ "getDrawerView": function() { return /* binding */ getDrawerView; }, -/* harmony export */ "getFirstStep": function() { return /* binding */ getFirstStep; }, -/* harmony export */ "getGetStartedSteps": function() { return /* binding */ getGetStartedSteps; }, -/* harmony export */ "getHireExpertsUrl": function() { return /* binding */ getHireExpertsUrl; }, -/* harmony export */ "getLastStep": function() { return /* binding */ getLastStep; }, -/* harmony export */ "getNewfoldBrand": function() { return /* binding */ getNewfoldBrand; }, -/* harmony export */ "getNewfoldBrandName": function() { return /* binding */ getNewfoldBrandName; }, -/* harmony export */ "getNextStep": function() { return /* binding */ getNextStep; }, -/* harmony export */ "getOnboardingFlow": function() { return /* binding */ getOnboardingFlow; }, -/* harmony export */ "getPluginsStatus": function() { return /* binding */ getPluginsStatus; }, -/* harmony export */ "getPreviewSettings": function() { return /* binding */ getPreviewSettings; }, -/* harmony export */ "getPreviousStep": function() { return /* binding */ getPreviousStep; }, -/* harmony export */ "getRoutes": function() { return /* binding */ getRoutes; }, -/* harmony export */ "getSettings": function() { return /* binding */ getSettings; }, -/* harmony export */ "getSidebarView": function() { return /* binding */ getSidebarView; }, -/* harmony export */ "getSidebars": function() { return /* binding */ getSidebars; }, -/* harmony export */ "getStepFromPath": function() { return /* binding */ getStepFromPath; }, -/* harmony export */ "getStoreInfoSteps": function() { return /* binding */ getStoreInfoSteps; }, -/* harmony export */ "getThemeStatus": function() { return /* binding */ getThemeStatus; }, -/* harmony export */ "getTopSteps": function() { return /* binding */ getTopSteps; }, -/* harmony export */ "isDrawerOpened": function() { return /* binding */ isDrawerOpened; }, -/* harmony export */ "isDrawerSuppressed": function() { return /* binding */ isDrawerSuppressed; }, -/* harmony export */ "isSidebarOpened": function() { return /* binding */ isSidebarOpened; } -/* harmony export */ }); -/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ "lodash"); -/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__); -/* harmony import */ var _wordpress_url__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/url */ "@wordpress/url"); -/* harmony import */ var _wordpress_url__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_url__WEBPACK_IMPORTED_MODULE_1__); - - -/** - * Get the currently active drawer view - * - * @param {*} state - * @return string - */ - -function getDrawerView(state) { - return state.drawer.view; -} -/** - * Check if the drawer is opened - * - * @param {*} state - * @return boolean - */ - -function isDrawerOpened(state) { - return state.drawer.isOpen; -} -/** - * Check if the drawer is suppressed - * - * @param {*} state - * @return boolean - */ - -function isDrawerSuppressed(state) { - return state.drawer.isSuppressed; -} -/** - * Gets current Newfold brand - * - * @param {*} state - * @return string - */ - -function getNewfoldBrand(state) { - return state.runtime.currentBrand.brand; -} -/** - * Gets current Newfold brand - * - * @param {*} state - * @return string - */ - -function getNewfoldBrandName(state) { - return state.runtime.currentBrand.name; -} -/** - * Gets dynamic Hire Experts URL for Need Help Tag per brand - * - * @param {*} state - * @return string - */ - -function getHireExpertsUrl(state) { - const hireExpertsInfo = state.runtime.currentBrand.hireExpertsInfo; - const hireExpertsUrl = (0,_wordpress_url__WEBPACK_IMPORTED_MODULE_1__.addQueryArgs)(hireExpertsInfo === null || hireExpertsInfo === void 0 ? void 0 : hireExpertsInfo.defaultLink, hireExpertsInfo === null || hireExpertsInfo === void 0 ? void 0 : hireExpertsInfo.queryParameters) + ((hireExpertsInfo === null || hireExpertsInfo === void 0 ? void 0 : hireExpertsInfo.fragment) || ''); - return hireExpertsUrl; -} -/** - * Gets the current Onboarding Data - * - * @param {*} state - * @return string - */ - -function getCurrentOnboardingData(state) { - return state.currentData; -} -/** - * Gets current Onboarding Flow - * - * @param {*} state - * @return string - */ - -function getOnboardingFlow(state) { - var _state$runtime$curren; - - return (_state$runtime$curren = state.runtime.currentFlow) !== null && _state$runtime$curren !== void 0 ? _state$runtime$curren : 'wp-setup'; -} -function getRoutes(state) { - return state.flow.steps.routes; -} -function getAllSteps(state) { - return state.flow.steps.allSteps; -} -/** - * Gets steps to display in drawer. - * - * @param {*} state - * @return - */ - -function getTopSteps(state) { - return state.flow.steps.topSteps; -} -/** - * Gets design steps to display in drawer submenu. - * - * @param {*} state - * @return - */ - -function getDesignSteps(state) { - return state.flow.steps.designSteps; -} -/** - * Gets get-started setup steps to display in drawer submenu. - * - * @param {*} state - * @return - */ - -function getGetStartedSteps(state) { - return state.flow.steps.getStartedSteps; -} -/** - * Get the path to the current step. - * - * @param {*} state - * @return - */ - -function getCurrentStepPath(state) { - return state.flow.steps.currentStep; -} -/** - * Gets the First step object. - * - * @param {*} state - * @return object - */ - -function getFirstStep(state) { - return state.flow.steps.allSteps[0]; -} -/** - * Gets the Last step object. - * - * @param {*} state - * @return object - */ - -function getLastStep(state) { - return state.flow.steps.allSteps[state.flow.steps.allSteps.length - 1]; -} -/** - * Gets the current step object. - * - * @param {*} state - * @return object - */ - -function getCurrentStep(state) { - const filtered = (0,lodash__WEBPACK_IMPORTED_MODULE_0__.filter)(state.flow.steps.allSteps, ['path', state.flow.steps.currentStep]); - return filtered[0]; -} -function getStepFromPath(state, path) { - const filtered = (0,lodash__WEBPACK_IMPORTED_MODULE_0__.filter)(state.flow.steps.allSteps, ['path', path]); - return filtered[0]; -} -/** - * Get's the previous step's object. - * - * @param {*} state - * @return object|null|false - */ - -function getPreviousStep(state) { - const currentStepIndex = (0,lodash__WEBPACK_IMPORTED_MODULE_0__.findIndex)(state.flow.steps.allSteps, { - path: state.flow.steps.currentStep - }); - - if (0 === currentStepIndex) { - return null; // current step is the first step - } - - if (-1 === currentStepIndex) { - return false; // could not find index - } - - return state.flow.steps.allSteps[currentStepIndex - 1]; -} -/** - * Gets the next steps object. - * - * @param {*} state - * @return object|null|false - */ - -function getNextStep(state) { - const totalIndexes = state.flow.steps.allSteps.length - 1; - const currentStepIndex = (0,lodash__WEBPACK_IMPORTED_MODULE_0__.findIndex)(state.flow.steps.allSteps, { - path: state.flow.steps.currentStep - }); - - if (totalIndexes === currentStepIndex) { - return null; // currentStep is the last step - } - - if (-1 === currentStepIndex) { - return false; // could not find index - } - - return state.flow.steps.allSteps[currentStepIndex + 1]; -} -function isSidebarOpened(state) { - return state.sidebar.isOpen; -} -function getSidebarView(state) { - return state.sidebar.view; -} -function getSidebars(state) { - return (0,lodash__WEBPACK_IMPORTED_MODULE_0__.filter)(state.sidebar.sidebars, ['enabled', true]); -} -function getPreviewSettings(state) { - return state.runtime.previewSettings; -} -function getSettings(state) { - return state.settings; -} -function getThemeStatus(state) { - return state.settings.themeStatus; -} -function getPluginsStatus(state) { - return state.settings.pluginsStatus; -} -function getStoreInfoSteps(state) { - return state.flow.steps.storeInfoSteps; -} - -/***/ }), - -/***/ "./src/OnboardingSPA/utils/api/common.js": -/*!***********************************************!*\ - !*** ./src/OnboardingSPA/utils/api/common.js ***! - \***********************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "onboardingRestURL": function() { return /* binding */ onboardingRestURL; } -/* harmony export */ }); -/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../constants */ "./src/constants.js"); - -const onboardingRestURL = api => { - var _window$nfdOnboarding; - - return `${_constants__WEBPACK_IMPORTED_MODULE_0__.onboardingRestBase}/${api}` + ((_window$nfdOnboarding = window.nfdOnboarding) !== null && _window$nfdOnboarding !== void 0 && _window$nfdOnboarding.currentFlow ? `&flow=${window.nfdOnboarding.currentFlow}` : ''); -}; - -/***/ }), - -/***/ "./src/OnboardingSPA/utils/api/cronTrigger.js": -/*!****************************************************!*\ - !*** ./src/OnboardingSPA/utils/api/cronTrigger.js ***! - \****************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "trigger": function() { return /* binding */ trigger; } -/* harmony export */ }); -/* 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 _constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../constants */ "./src/constants.js"); - - -const trigger = () => { - _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_0___default()({ - url: `${_constants__WEBPACK_IMPORTED_MODULE_1__.wpSiteUrl}/wp-cron.php`, - method: 'GET', - parse: false - }).catch(error => { - console.error(error); - }); -}; - -/***/ }), - -/***/ "./src/OnboardingSPA/utils/api/ecommerce.js": -/*!**************************************************!*\ - !*** ./src/OnboardingSPA/utils/api/ecommerce.js ***! - \**************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "fetchWPSettings": function() { return /* binding */ fetchWPSettings; }, -/* harmony export */ "isEmpty": function() { return /* binding */ isEmpty; }, -/* harmony export */ "updateWPSettings": function() { return /* binding */ updateWPSettings; } -/* harmony export */ }); -/* 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__); - -const isEmpty = object => Object.keys(object).length === 0; -async function fetchWPSettings() { - return _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_0___default()({ - path: '/wp/v2/settings' - }); -} -async function updateWPSettings(data) { - return _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_0___default()({ - path: '/wp/v2/settings', - method: 'POST', - data - }); -} - -/***/ }), - -/***/ "./src/OnboardingSPA/utils/api/flow.js": -/*!*********************************************!*\ - !*** ./src/OnboardingSPA/utils/api/flow.js ***! - \*********************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "getFlow": function() { return /* binding */ getFlow; }, -/* harmony export */ "setFlow": function() { return /* binding */ setFlow; } -/* harmony export */ }); -/* harmony import */ var _resolve__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./resolve */ "./src/OnboardingSPA/utils/api/resolve.js"); -/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../constants */ "./src/constants.js"); -/* harmony import */ var _common__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./common */ "./src/OnboardingSPA/utils/api/common.js"); -/* harmony import */ var _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/api-fetch */ "@wordpress/api-fetch"); -/* harmony import */ var _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_3__); - - - - -async function getFlow() { - return await (0,_resolve__WEBPACK_IMPORTED_MODULE_0__.resolve)(_wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_3___default()({ - url: (0,_common__WEBPACK_IMPORTED_MODULE_2__.onboardingRestURL)('flow') - }).then()); -} -async function setFlow(data) { - return await (0,_resolve__WEBPACK_IMPORTED_MODULE_0__.resolve)(_wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_3___default()({ - url: (0,_common__WEBPACK_IMPORTED_MODULE_2__.onboardingRestURL)('flow'), - method: 'POST', - data - }).then()); -} - -/***/ }), - -/***/ "./src/OnboardingSPA/utils/api/patterns.js": -/*!*************************************************!*\ - !*** ./src/OnboardingSPA/utils/api/patterns.js ***! - \*************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "getPatterns": function() { return /* binding */ getPatterns; } -/* harmony export */ }); -/* harmony import */ var _resolve__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./resolve */ "./src/OnboardingSPA/utils/api/resolve.js"); -/* harmony import */ var _common__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./common */ "./src/OnboardingSPA/utils/api/common.js"); -/* harmony import */ var _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/api-fetch */ "@wordpress/api-fetch"); -/* harmony import */ var _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_2__); - - - -async function getPatterns() { - let step = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false; - let squash = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false; - return await (0,_resolve__WEBPACK_IMPORTED_MODULE_0__.resolve)(_wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_2___default()({ - url: (0,_common__WEBPACK_IMPORTED_MODULE_1__.onboardingRestURL)(`patterns` + (step ? `&step=${step}&squash=${squash}` : '')) - }).then()); -} - -/***/ }), - -/***/ "./src/OnboardingSPA/utils/api/plugins.js": -/*!************************************************!*\ - !*** ./src/OnboardingSPA/utils/api/plugins.js ***! - \************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "getPluginStatus": function() { return /* binding */ getPluginStatus; }, -/* harmony export */ "init": function() { return /* binding */ init; } -/* harmony export */ }); -/* 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"); -/* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../index */ "./src/OnboardingSPA/utils/index.js"); -/* harmony import */ var _resolve__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./resolve */ "./src/OnboardingSPA/utils/api/resolve.js"); -/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../constants */ "./src/constants.js"); - - - - - -const init = () => { - // Backend should have done the initialization if this param is present. - if ((0,_index__WEBPACK_IMPORTED_MODULE_2__.getQueryParam)(_constants__WEBPACK_IMPORTED_MODULE_4__.NFD_PLUGINS_QUERY_PARAM)) { - return true; - } - - _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_0___default()({ - url: (0,_common__WEBPACK_IMPORTED_MODULE_1__.onboardingRestURL)('plugins/initialize'), - method: 'POST', - headers: { - 'X-NFD-ONBOARDING': window.nfdOnboarding.pluginInstallHash - } - }).catch(error => { - console.error(error); - }); -}; -const getPluginStatus = async plugin => { - return await (0,_resolve__WEBPACK_IMPORTED_MODULE_3__.resolve)(_wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_0___default()({ - url: (0,_common__WEBPACK_IMPORTED_MODULE_1__.onboardingRestURL)('plugins/status' + (plugin ? `&plugin=${plugin}` : '')) - })); -}; - -/***/ }), - -/***/ "./src/OnboardingSPA/utils/api/resolve.js": -/*!************************************************!*\ - !*** ./src/OnboardingSPA/utils/api/resolve.js ***! - \************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "resolve": function() { return /* binding */ resolve; } -/* harmony export */ }); -async function resolve(promise) { - const resolved = { - body: null, - error: null - }; - - try { - resolved.body = await promise; - } catch (e) { - resolved.error = e; - } - - return resolved; -} - -/***/ }), - -/***/ "./src/OnboardingSPA/utils/api/settings.js": -/*!*************************************************!*\ - !*** ./src/OnboardingSPA/utils/api/settings.js ***! - \*************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "getPreviewSettings": function() { return /* binding */ getPreviewSettings; }, -/* harmony export */ "getSettings": function() { return /* binding */ getSettings; }, -/* harmony export */ "initialize": function() { return /* binding */ initialize; }, -/* harmony export */ "setSettings": function() { return /* binding */ setSettings; } -/* harmony export */ }); -/* 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 _resolve_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./resolve.js */ "./src/OnboardingSPA/utils/api/resolve.js"); -/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../constants */ "./src/constants.js"); -/* harmony import */ var _common__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./common */ "./src/OnboardingSPA/utils/api/common.js"); - - - - -async function getSettings() { - return await (0,_resolve_js__WEBPACK_IMPORTED_MODULE_1__.resolve)(_wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_0___default()({ - url: (0,_common__WEBPACK_IMPORTED_MODULE_3__.onboardingRestURL)('settings') - }).then()); -} -async function setSettings(data) { - return await (0,_resolve_js__WEBPACK_IMPORTED_MODULE_1__.resolve)(_wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_0___default()({ - url: (0,_common__WEBPACK_IMPORTED_MODULE_3__.onboardingRestURL)('settings'), - method: 'POST', - data - }).then()); -} -const initialize = function () { - let retries = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0; - - if (retries >= _constants__WEBPACK_IMPORTED_MODULE_2__.MAX_RETRIES_SETTINGS_INIT) { - return false; - } - - return _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_0___default()({ - url: (0,_common__WEBPACK_IMPORTED_MODULE_3__.onboardingRestURL)('settings/initialize'), - method: 'POST' - }).catch(() => { - retries = retries + 1; - initialize(retries); - }); -}; -const getPreviewSettings = async () => { - return await (0,_resolve_js__WEBPACK_IMPORTED_MODULE_1__.resolve)(_wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_0___default()({ - url: (0,_common__WEBPACK_IMPORTED_MODULE_3__.onboardingRestURL)('settings/preview') - })); -}; - -/***/ }), - -/***/ "./src/OnboardingSPA/utils/api/themes.js": -/*!***********************************************!*\ - !*** ./src/OnboardingSPA/utils/api/themes.js ***! - \***********************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "getGlobalStyles": function() { return /* binding */ getGlobalStyles; }, -/* harmony export */ "getThemeColors": function() { return /* binding */ getThemeColors; }, -/* harmony export */ "getThemeStatus": function() { return /* binding */ getThemeStatus; }, -/* harmony export */ "init": function() { return /* binding */ init; } -/* harmony export */ }); -/* 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"); -/* harmony import */ var _resolve__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./resolve */ "./src/OnboardingSPA/utils/api/resolve.js"); -/* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../index */ "./src/OnboardingSPA/utils/index.js"); -/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../constants */ "./src/constants.js"); - - - - - - -const init = () => { - // Backend should have done the initialization if this param is present. - if ((0,_index__WEBPACK_IMPORTED_MODULE_3__.getQueryParam)(_constants__WEBPACK_IMPORTED_MODULE_4__.NFD_THEMES_QUERY_PARAM)) { - return true; - } - - _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_0___default()({ - url: (0,_common__WEBPACK_IMPORTED_MODULE_1__.onboardingRestURL)('themes/initialize'), - method: 'POST' - }).catch(error => { - console.error(error); - }); -}; - -const getGlobalStyles = async () => { - return await (0,_resolve__WEBPACK_IMPORTED_MODULE_2__.resolve)(_wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_0___default()({ - url: (0,_common__WEBPACK_IMPORTED_MODULE_1__.onboardingRestURL)('themes/variations') - }).then()); -}; - -const getThemeStatus = async theme => { - return await (0,_resolve__WEBPACK_IMPORTED_MODULE_2__.resolve)(_wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_0___default()({ - url: (0,_common__WEBPACK_IMPORTED_MODULE_1__.onboardingRestURL)('themes/status' + (theme ? `&theme=${theme}` : '')) - })); -}; - -const getThemeColors = async theme => { - return await (0,_resolve__WEBPACK_IMPORTED_MODULE_2__.resolve)(_wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_0___default()({ - url: (0,_common__WEBPACK_IMPORTED_MODULE_1__.onboardingRestURL)('themes/colors') - })); -}; - - - -/***/ }), - -/***/ "./src/OnboardingSPA/utils/global-styles/use-global-styles-output.js": -/*!***************************************************************************!*\ - !*** ./src/OnboardingSPA/utils/global-styles/use-global-styles-output.js ***! - \***************************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "useGlobalStylesOutput": function() { return /* binding */ useGlobalStylesOutput; } -/* harmony export */ }); -/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ "lodash"); -/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__); -/* harmony import */ var _wordpress_blocks__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/blocks */ "@wordpress/blocks"); -/* harmony import */ var _wordpress_blocks__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_blocks__WEBPACK_IMPORTED_MODULE_1__); -/* harmony import */ var _wordpress_style_engine__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/style-engine */ "./node_modules/@wordpress/style-engine/build-module/index.js"); -/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./utils */ "./src/OnboardingSPA/utils/global-styles/utils.js"); -/** - * External dependencies - */ - -/** - * WordPress dependencies - */ - - - -/** - * Internal dependencies - */ - - - -function compileStyleValue(uncompiledValue) { - const VARIABLE_REFERENCE_PREFIX = 'var:'; - const VARIABLE_PATH_SEPARATOR_TOKEN_ATTRIBUTE = '|'; - const VARIABLE_PATH_SEPARATOR_TOKEN_STYLE = '--'; - - if ((0,lodash__WEBPACK_IMPORTED_MODULE_0__.startsWith)(uncompiledValue, VARIABLE_REFERENCE_PREFIX)) { - const variable = uncompiledValue.slice(VARIABLE_REFERENCE_PREFIX.length).split(VARIABLE_PATH_SEPARATOR_TOKEN_ATTRIBUTE).join(VARIABLE_PATH_SEPARATOR_TOKEN_STYLE); - return `var(--wp--${variable})`; - } - - return uncompiledValue; -} -/** - * Transform given preset tree into a set of style declarations. - * - * @param {Object} blockPresets - * - * @return {Array} An array of style declarations. - */ - - -function getPresetsDeclarations() { - let blockPresets = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; - return (0,lodash__WEBPACK_IMPORTED_MODULE_0__.reduce)(_utils__WEBPACK_IMPORTED_MODULE_2__.PRESET_METADATA, (declarations, _ref) => { - let { - path, - valueKey, - valueFunc, - cssVarInfix - } = _ref; - const presetByOrigin = (0,lodash__WEBPACK_IMPORTED_MODULE_0__.get)(blockPresets, path, []); - ['default', 'theme', 'custom'].forEach(origin => { - if (presetByOrigin[origin]) { - presetByOrigin[origin].forEach(value => { - if (valueKey) { - declarations.push(`--wp--preset--${cssVarInfix}--${(0,lodash__WEBPACK_IMPORTED_MODULE_0__.kebabCase)(value.slug)}: ${value[valueKey]}`); - } else if (valueFunc && typeof valueFunc === 'function') { - declarations.push(`--wp--preset--${cssVarInfix}--${(0,lodash__WEBPACK_IMPORTED_MODULE_0__.kebabCase)(value.slug)}: ${valueFunc(value)}`); - } - }); - } - }); - return declarations; - }, []); -} -/** - * Transform given preset tree into a set of preset class declarations. - * - * @param {string} blockSelector - * @param {Object} blockPresets - * @return {string} CSS declarations for the preset classes. - */ - - -function getPresetsClasses(blockSelector) { - let blockPresets = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; - return (0,lodash__WEBPACK_IMPORTED_MODULE_0__.reduce)(_utils__WEBPACK_IMPORTED_MODULE_2__.PRESET_METADATA, (declarations, _ref2) => { - let { - path, - cssVarInfix, - classes - } = _ref2; - - if (!classes) { - return declarations; - } - - const presetByOrigin = (0,lodash__WEBPACK_IMPORTED_MODULE_0__.get)(blockPresets, path, []); - ['default', 'theme', 'custom'].forEach(origin => { - if (presetByOrigin[origin]) { - presetByOrigin[origin].forEach(_ref3 => { - let { - slug - } = _ref3; - classes.forEach(_ref4 => { - let { - classSuffix, - propertyName - } = _ref4; - const classSelectorToUse = `.has-${(0,lodash__WEBPACK_IMPORTED_MODULE_0__.kebabCase)(slug)}-${classSuffix}`; - const selectorToUse = blockSelector.split(',') // Selector can be "h1, h2, h3" - .map(selector => `${selector}${classSelectorToUse}`).join(','); - const value = `var(--wp--preset--${cssVarInfix}--${(0,lodash__WEBPACK_IMPORTED_MODULE_0__.kebabCase)(slug)})`; - declarations += `${selectorToUse}{${propertyName}: ${value} !important;}`; - }); - }); - } - }); - return declarations; - }, ''); -} - -function flattenTree() { - let input = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; - let prefix = arguments.length > 1 ? arguments[1] : undefined; - let token = arguments.length > 2 ? arguments[2] : undefined; - let result = []; - Object.keys(input).forEach(key => { - const newKey = prefix + (0,lodash__WEBPACK_IMPORTED_MODULE_0__.kebabCase)(key.replace('/', '-')); - const newLeaf = input[key]; - - if (newLeaf instanceof Object) { - const newPrefix = newKey + token; - result = [...result, ...flattenTree(newLeaf, newPrefix, token)]; - } else { - result.push(`${newKey}: ${newLeaf}`); - } - }); - return result; -} -/** - * Transform given style tree into a set of style declarations. - * - * @param {Object} blockStyles Block styles. - * - * @return {Array} An array of style declarations. - */ - - -function getStylesDeclarations() { - let blockStyles = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; - const output = (0,lodash__WEBPACK_IMPORTED_MODULE_0__.reduce)(_wordpress_blocks__WEBPACK_IMPORTED_MODULE_1__.__EXPERIMENTAL_STYLE_PROPERTY, (declarations, _ref5, key) => { - let { - value, - properties, - useEngine - } = _ref5; - const pathToValue = value; - - if ((0,lodash__WEBPACK_IMPORTED_MODULE_0__.first)(pathToValue) === 'elements' || useEngine) { - return declarations; - } - - const styleValue = (0,lodash__WEBPACK_IMPORTED_MODULE_0__.get)(blockStyles, pathToValue); - - if (!!properties && !(0,lodash__WEBPACK_IMPORTED_MODULE_0__.isString)(styleValue)) { - Object.entries(properties).forEach(entry => { - const [name, prop] = entry; - - if (!(0,lodash__WEBPACK_IMPORTED_MODULE_0__.get)(styleValue, [prop], false)) { - // Do not create a declaration - // for sub-properties that don't have any value. - return; - } - - const cssProperty = (0,lodash__WEBPACK_IMPORTED_MODULE_0__.kebabCase)(name); - declarations.push(`${cssProperty}: ${compileStyleValue((0,lodash__WEBPACK_IMPORTED_MODULE_0__.get)(styleValue, [prop]))}`); - }); - } else if ((0,lodash__WEBPACK_IMPORTED_MODULE_0__.get)(blockStyles, pathToValue, false)) { - const cssProperty = key.startsWith('--') ? key : (0,lodash__WEBPACK_IMPORTED_MODULE_0__.kebabCase)(key); - declarations.push(`${cssProperty}: ${compileStyleValue((0,lodash__WEBPACK_IMPORTED_MODULE_0__.get)(blockStyles, pathToValue))}`); - } - - return declarations; - }, []); // The goal is to move everything to server side generated engine styles - // This is temporary as we absorb more and more styles into the engine. - - const extraRules = (0,_wordpress_style_engine__WEBPACK_IMPORTED_MODULE_3__.getCSSRules)(blockStyles); - extraRules.forEach(rule => { - const cssProperty = rule.key.startsWith('--') ? rule.key : (0,lodash__WEBPACK_IMPORTED_MODULE_0__.kebabCase)(rule.key); - output.push(`${cssProperty}: ${compileStyleValue(rule.value)}`); - }); - return output; -} - -const getNodesWithStyles = (tree, blockSelectors) => { - var _tree$styles, _tree$styles2; - - const nodes = []; - - if (!(tree !== null && tree !== void 0 && tree.styles)) { - return nodes; - } - - const pickStyleKeys = treeToPickFrom => (0,lodash__WEBPACK_IMPORTED_MODULE_0__.pickBy)(treeToPickFrom, (value, key) => ['border', 'color', 'spacing', 'typography', 'filter'].includes(key)); // Top-level. - - - const styles = pickStyleKeys(tree.styles); - - if (!!styles) { - nodes.push({ - styles, - selector: _utils__WEBPACK_IMPORTED_MODULE_2__.ROOT_BLOCK_SELECTOR - }); - } - - (0,lodash__WEBPACK_IMPORTED_MODULE_0__.forEach)((_tree$styles = tree.styles) === null || _tree$styles === void 0 ? void 0 : _tree$styles.elements, (value, key) => { - if (!!value && !!_wordpress_blocks__WEBPACK_IMPORTED_MODULE_1__.__EXPERIMENTAL_ELEMENTS[key]) { - nodes.push({ - styles: value, - selector: _wordpress_blocks__WEBPACK_IMPORTED_MODULE_1__.__EXPERIMENTAL_ELEMENTS[key] - }); - } - }); // Iterate over blocks: they can have styles & elements. - - (0,lodash__WEBPACK_IMPORTED_MODULE_0__.forEach)((_tree$styles2 = tree.styles) === null || _tree$styles2 === void 0 ? void 0 : _tree$styles2.blocks, (node, blockName) => { - var _blockSelectors$block; - - const blockStyles = pickStyleKeys(node); - - if (!!blockStyles && !!(blockSelectors !== null && blockSelectors !== void 0 && (_blockSelectors$block = blockSelectors[blockName]) !== null && _blockSelectors$block !== void 0 && _blockSelectors$block.selector)) { - nodes.push({ - styles: blockStyles, - selector: blockSelectors[blockName].selector, - duotoneSelector: blockSelectors[blockName].duotoneSelector - }); - } - - (0,lodash__WEBPACK_IMPORTED_MODULE_0__.forEach)(node === null || node === void 0 ? void 0 : node.elements, (value, elementName) => { - if (!!value && !!(blockSelectors !== null && blockSelectors !== void 0 && blockSelectors[blockName]) && !!(_wordpress_blocks__WEBPACK_IMPORTED_MODULE_1__.__EXPERIMENTAL_ELEMENTS !== null && _wordpress_blocks__WEBPACK_IMPORTED_MODULE_1__.__EXPERIMENTAL_ELEMENTS !== void 0 && _wordpress_blocks__WEBPACK_IMPORTED_MODULE_1__.__EXPERIMENTAL_ELEMENTS[elementName])) { - nodes.push({ - styles: value, - selector: blockSelectors[blockName].selector.split(',').map(sel => { - const elementSelectors = _wordpress_blocks__WEBPACK_IMPORTED_MODULE_1__.__EXPERIMENTAL_ELEMENTS[elementName].split(','); - return elementSelectors.map(elementSelector => sel + ' ' + elementSelector); - }).join(',') - }); - } - }); - }); - return nodes; -}; - -const getNodesWithSettings = (tree, blockSelectors) => { - var _tree$settings, _tree$settings2; - - const nodes = []; - - if (!(tree !== null && tree !== void 0 && tree.settings)) { - return nodes; - } - - const pickPresets = treeToPickFrom => { - const presets = {}; - _utils__WEBPACK_IMPORTED_MODULE_2__.PRESET_METADATA.forEach(_ref6 => { - let { - path - } = _ref6; - const value = (0,lodash__WEBPACK_IMPORTED_MODULE_0__.get)(treeToPickFrom, path, false); - - if (value !== false) { - (0,lodash__WEBPACK_IMPORTED_MODULE_0__.set)(presets, path, value); - } - }); - return presets; - }; // Top-level. - - - const presets = pickPresets(tree.settings); - const custom = (_tree$settings = tree.settings) === null || _tree$settings === void 0 ? void 0 : _tree$settings.custom; - - if (!(0,lodash__WEBPACK_IMPORTED_MODULE_0__.isEmpty)(presets) || !!custom) { - nodes.push({ - presets, - custom, - selector: _utils__WEBPACK_IMPORTED_MODULE_2__.ROOT_BLOCK_SELECTOR - }); - } // Blocks. - - - (0,lodash__WEBPACK_IMPORTED_MODULE_0__.forEach)((_tree$settings2 = tree.settings) === null || _tree$settings2 === void 0 ? void 0 : _tree$settings2.blocks, (node, blockName) => { - const blockPresets = pickPresets(node); - const blockCustom = node.custom; - - if (!(0,lodash__WEBPACK_IMPORTED_MODULE_0__.isEmpty)(blockPresets) || !!blockCustom) { - nodes.push({ - presets: blockPresets, - custom: blockCustom, - selector: blockSelectors[blockName].selector - }); - } - }); - return nodes; -}; - -const toCustomProperties = (tree, blockSelectors) => { - const settings = getNodesWithSettings(tree, blockSelectors); - let ruleset = ''; - settings.forEach(_ref7 => { - let { - presets, - custom, - selector - } = _ref7; - const declarations = getPresetsDeclarations(presets); - const customProps = flattenTree(custom, '--wp--custom--', '--'); - - if (customProps.length > 0) { - declarations.push(...customProps); - } - - if (declarations.length > 0) { - ruleset = ruleset + `${selector}{${declarations.join(';')};}`; - } - }); - return ruleset; -}; - -const toStyles = (tree, blockSelectors, hasBlockGapSupport) => { - const nodesWithStyles = getNodesWithStyles(tree, blockSelectors); - const nodesWithSettings = getNodesWithSettings(tree, blockSelectors); - /* - * Reset default browser margin on the root body element. - * This is set on the root selector **before** generating the ruleset - * from the `theme.json`. This is to ensure that if the `theme.json` declares - * `margin` in its `spacing` declaration for the `body` element then these - * user-generated values take precedence in the CSS cascade. - * @link https://github.com/WordPress/gutenberg/issues/36147. - */ - - let ruleset = 'body {margin: 0;}'; - nodesWithStyles.forEach(_ref8 => { - let { - selector, - duotoneSelector, - styles - } = _ref8; - const duotoneStyles = {}; - - if (styles !== null && styles !== void 0 && styles.filter) { - duotoneStyles.filter = styles.filter; - delete styles.filter; - } // Process duotone styles (they use color.__experimentalDuotone selector). - - - if (duotoneSelector) { - const duotoneDeclarations = getStylesDeclarations(duotoneStyles); - - if (duotoneDeclarations.length === 0) { - return; - } - - ruleset = ruleset + `${duotoneSelector}{${duotoneDeclarations.join(';')};}`; - } // Process the remaning block styles (they use either normal block class or __experimentalSelector). - - - const declarations = getStylesDeclarations(styles); - - if (declarations !== null && declarations !== void 0 && declarations.length) { - ruleset = ruleset + `${selector}{${declarations.join(';')};}`; - } // Check for pseudo selector in `styles` and handle separately. - - - const psuedoSelectorStyles = Object.entries(styles).filter(_ref9 => { - let [key] = _ref9; - return key.startsWith(':'); - }); - - if (psuedoSelectorStyles !== null && psuedoSelectorStyles !== void 0 && psuedoSelectorStyles.length) { - psuedoSelectorStyles.forEach(_ref10 => { - let [pseudoKey, pseudoRule] = _ref10; - const pseudoDeclarations = getStylesDeclarations(pseudoRule); - - if (!(pseudoDeclarations !== null && pseudoDeclarations !== void 0 && pseudoDeclarations.length)) { - return; - } // `selector` maybe provided in a form - // where block level selectors have sub element - // selectors appended to them as a comma seperated - // string. - // e.g. `h1 a,h2 a,h3 a,h4 a,h5 a,h6 a`; - // Split and append pseudo selector to create - // the proper rules to target the elements. - - - const _selector = selector.split(',').map(sel => sel + pseudoKey).join(','); - - const psuedoRule = `${_selector}{${pseudoDeclarations.join(';')};}`; - ruleset = ruleset + psuedoRule; - }); - } - }); - /* Add alignment / layout styles */ - - ruleset = ruleset + '.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }'; - ruleset = ruleset + '.wp-site-blocks > .alignright { float: right; margin-left: 2em; }'; - ruleset = ruleset + '.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }'; - - if (hasBlockGapSupport) { - ruleset = ruleset + '.wp-site-blocks > * { margin-block-start: 0; margin-block-end: 0; }'; - ruleset = ruleset + '.wp-site-blocks > * + * { margin-block-start: var( --wp--style--block-gap ); }'; - } - - nodesWithSettings.forEach(_ref11 => { - let { - selector, - presets - } = _ref11; - - if (_utils__WEBPACK_IMPORTED_MODULE_2__.ROOT_BLOCK_SELECTOR === selector) { - // Do not add extra specificity for top-level classes. - selector = ''; - } - - const classes = getPresetsClasses(selector, presets); - - if (!(0,lodash__WEBPACK_IMPORTED_MODULE_0__.isEmpty)(classes)) { - ruleset = ruleset + classes; - } - }); - return ruleset; -}; - -const getBlockSelectors = blockTypes => { - const result = {}; - blockTypes.forEach(blockType => { - var _blockType$supports$_, _blockType$supports, _blockType$supports$c, _blockType$supports2, _blockType$supports2$; - - const name = blockType.name; - const selector = (_blockType$supports$_ = blockType === null || blockType === void 0 ? void 0 : (_blockType$supports = blockType.supports) === null || _blockType$supports === void 0 ? void 0 : _blockType$supports.__experimentalSelector) !== null && _blockType$supports$_ !== void 0 ? _blockType$supports$_ : '.wp-block-' + name.replace('core/', '').replace('/', '-'); - const duotoneSelector = (_blockType$supports$c = blockType === null || blockType === void 0 ? void 0 : (_blockType$supports2 = blockType.supports) === null || _blockType$supports2 === void 0 ? void 0 : (_blockType$supports2$ = _blockType$supports2.color) === null || _blockType$supports2$ === void 0 ? void 0 : _blockType$supports2$.__experimentalDuotone) !== null && _blockType$supports$c !== void 0 ? _blockType$supports$c : null; - result[name] = { - name, - selector, - duotoneSelector - }; - }); - return result; -}; - -function useGlobalStylesOutput(previewSettings, storedPreviewSettings) { - const hasBlockGapSupport = false; - - if (!(previewSettings !== null && previewSettings !== void 0 && previewSettings.styles) && !(previewSettings !== null && previewSettings !== void 0 && previewSettings.settings) && !(previewSettings !== null && previewSettings !== void 0 && previewSettings.globalStyles)) { - return; - } - - const requiredSettings = { - settings: previewSettings.settings, - styles: previewSettings !== null && previewSettings !== void 0 && previewSettings.globalStyles ? previewSettings.globalStyles : previewSettings.styles - }; - const blockSelectors = getBlockSelectors((0,_wordpress_blocks__WEBPACK_IMPORTED_MODULE_1__.getBlockTypes)()); - const customProperties = toCustomProperties(requiredSettings, blockSelectors); - const globalStyles = toStyles(requiredSettings, blockSelectors, hasBlockGapSupport); - const stylesheets = [...storedPreviewSettings.settings.styles, { - css: customProperties, - isGlobalStyles: true - }, { - css: globalStyles, - isGlobalStyles: true - }]; - previewSettings.settings.styles = stylesheets; - previewSettings.settings.__unstableResolvedAssets = storedPreviewSettings.settings.__unstableResolvedAssets; - return previewSettings; -} - -/***/ }), - -/***/ "./src/OnboardingSPA/utils/global-styles/utils.js": -/*!********************************************************!*\ - !*** ./src/OnboardingSPA/utils/global-styles/utils.js ***! - \********************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "PRESET_METADATA": function() { return /* binding */ PRESET_METADATA; }, -/* harmony export */ "ROOT_BLOCK_SELECTOR": function() { return /* binding */ ROOT_BLOCK_SELECTOR; } -/* harmony export */ }); -/* Supporting data. */ -const ROOT_BLOCK_SELECTOR = 'body'; -const PRESET_METADATA = [{ - path: ['color', 'palette'], - valueKey: 'color', - cssVarInfix: 'color', - classes: [{ - classSuffix: 'color', - propertyName: 'color' - }, { - classSuffix: 'background-color', - propertyName: 'background-color' - }, { - classSuffix: 'border-color', - propertyName: 'border-color' - }] -}, { - path: ['color', 'gradients'], - valueKey: 'gradient', - cssVarInfix: 'gradient', - classes: [{ - classSuffix: 'gradient-background', - propertyName: 'background' - }] -}, { - path: ['color', 'duotone'], - cssVarInfix: 'duotone', - valueFunc: _ref => { - let { - slug - } = _ref; - return `url( '#wp-duotone-${slug}' )`; - }, - classes: [] -}, { - path: ['typography', 'fontSizes'], - valueKey: 'size', - cssVarInfix: 'font-size', - classes: [{ - classSuffix: 'font-size', - propertyName: 'font-size' - }] -}, { - path: ['typography', 'fontFamilies'], - valueKey: 'fontFamily', - cssVarInfix: 'font-family', - classes: [{ - classSuffix: 'font-family', - propertyName: 'font-family' - }] -}]; - -/***/ }), - -/***/ "./src/OnboardingSPA/utils/index.js": -/*!******************************************!*\ - !*** ./src/OnboardingSPA/utils/index.js ***! - \******************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "findStepIndex": function() { return /* binding */ findStepIndex; }, -/* harmony export */ "getQueryParam": function() { return /* binding */ getQueryParam; }, -/* harmony export */ "insertAfterStep": function() { return /* binding */ insertAfterStep; }, -/* harmony export */ "insertBeforeStep": function() { return /* binding */ insertBeforeStep; }, -/* harmony export */ "insertStepAtIndex": function() { return /* binding */ insertStepAtIndex; } -/* harmony export */ }); -/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ "lodash"); -/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__); - -const insertBeforeStep = (steps, path, newStep) => {}; -const insertAfterStep = (steps, path, newStep) => {}; -const insertStepAtIndex = (steps, index, newStep) => {}; -const findStepIndex = (steps, path) => { - const index = (0,lodash__WEBPACK_IMPORTED_MODULE_0__.findIndex)(steps, { - path - }); - return -1 !== index ? index : false; -}; -const getQueryParam = paramName => { - const urlParams = new URLSearchParams(location.search); - return urlParams.get(paramName); -}; - -/***/ }), - -/***/ "./src/OnboardingSPA/utils/locales/translations.js": -/*!*********************************************************!*\ - !*** ./src/OnboardingSPA/utils/locales/translations.js ***! - \*********************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "translations": function() { return /* binding */ translations; } -/* harmony export */ }); -/* harmony import */ var _data_translations__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../data/translations */ "./src/OnboardingSPA/data/translations/index.js"); - -/** - * Translation component according to the OnboardingFlow - * Pass any word and/or context which we want to swap and display on the UI - * - * @return translationMap word - */ - -const translations = function (word) { - var _window, _window$nfdOnboarding; - - let context = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'noun'; - const flow = ((_window = window) === null || _window === void 0 ? void 0 : (_window$nfdOnboarding = _window.nfdOnboarding) === null || _window$nfdOnboarding === void 0 ? void 0 : _window$nfdOnboarding.currentFlow) || 'wp-setup'; - const translated_word = _data_translations__WEBPACK_IMPORTED_MODULE_0__.translationMap[flow][word.toLowerCase()][context]; - return word == word.toUpperCase() ? translated_word.toUpperCase() : word[0] == word[0].toUpperCase() ? translated_word[0].toUpperCase() + translated_word.substring(1) : translated_word; -}; - -/***/ }), - -/***/ "./src/constants.js": -/*!**************************!*\ - !*** ./src/constants.js ***! - \**************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "DESIGN_STEPS_THEME": function() { return /* binding */ DESIGN_STEPS_THEME; }, -/* harmony export */ "DRAWER_NAV_VIEWS": function() { return /* binding */ DRAWER_NAV_VIEWS; }, -/* harmony export */ "DRAWER_VIEWS": function() { return /* binding */ DRAWER_VIEWS; }, -/* harmony export */ "ECOMMERCE_STEPS_PLUGIN": function() { return /* binding */ ECOMMERCE_STEPS_PLUGIN; }, -/* harmony export */ "MAX_RETRIES_SETTINGS_INIT": function() { return /* binding */ MAX_RETRIES_SETTINGS_INIT; }, -/* harmony export */ "NFD_ONBOARDING_ELEMENT_ID": function() { return /* binding */ NFD_ONBOARDING_ELEMENT_ID; }, -/* harmony export */ "NFD_ONBOARDING_EVENT_PREFIX": function() { return /* binding */ NFD_ONBOARDING_EVENT_PREFIX; }, -/* harmony export */ "NFD_PLUGINS_QUERY_PARAM": function() { return /* binding */ NFD_PLUGINS_QUERY_PARAM; }, -/* harmony export */ "NFD_THEMES_QUERY_PARAM": function() { return /* binding */ NFD_THEMES_QUERY_PARAM; }, -/* harmony export */ "PLUGIN_INSTALL_WAIT_TIMEOUT": function() { return /* binding */ PLUGIN_INSTALL_WAIT_TIMEOUT; }, -/* harmony export */ "PLUGIN_STATUS_ACTIVE": function() { return /* binding */ PLUGIN_STATUS_ACTIVE; }, -/* harmony export */ "PLUGIN_STATUS_INIT": function() { return /* binding */ PLUGIN_STATUS_INIT; }, -/* harmony export */ "PLUGIN_STATUS_INSTALLING": function() { return /* binding */ PLUGIN_STATUS_INSTALLING; }, -/* harmony export */ "PLUGIN_STATUS_NOT_ACTIVE": function() { return /* binding */ PLUGIN_STATUS_NOT_ACTIVE; }, -/* harmony export */ "SIDEBAR_LEARN_MORE": function() { return /* binding */ SIDEBAR_LEARN_MORE; }, -/* harmony export */ "SIDEBAR_MENU_SLOTFILL_PREFIX": function() { return /* binding */ SIDEBAR_MENU_SLOTFILL_PREFIX; }, -/* harmony export */ "SIDEBAR_SLOTFILL_PREFIX": function() { return /* binding */ SIDEBAR_SLOTFILL_PREFIX; }, -/* harmony export */ "THEME_INSTALL_WAIT_TIMEOUT": function() { return /* binding */ THEME_INSTALL_WAIT_TIMEOUT; }, -/* harmony export */ "THEME_STATUS_ACTIVE": function() { return /* binding */ THEME_STATUS_ACTIVE; }, -/* harmony export */ "THEME_STATUS_INIT": function() { return /* binding */ THEME_STATUS_INIT; }, -/* harmony export */ "THEME_STATUS_INSTALLING": function() { return /* binding */ THEME_STATUS_INSTALLING; }, -/* harmony export */ "THEME_STATUS_NOT_ACTIVE": function() { return /* binding */ THEME_STATUS_NOT_ACTIVE; }, -/* harmony export */ "VIEW_DESIGN_COLORS": function() { return /* binding */ VIEW_DESIGN_COLORS; }, -/* harmony export */ "VIEW_DESIGN_HEADER_MENU": function() { return /* binding */ VIEW_DESIGN_HEADER_MENU; }, -/* harmony export */ "VIEW_DESIGN_HOMEPAGE_MENU": function() { return /* binding */ VIEW_DESIGN_HOMEPAGE_MENU; }, -/* harmony export */ "VIEW_DESIGN_THEMES": function() { return /* binding */ VIEW_DESIGN_THEMES; }, -/* harmony export */ "VIEW_DESIGN_THEME_STYLES_MENU": function() { return /* binding */ VIEW_DESIGN_THEME_STYLES_MENU; }, -/* harmony export */ "VIEW_DESIGN_THEME_STYLES_PREVIEW": function() { return /* binding */ VIEW_DESIGN_THEME_STYLES_PREVIEW; }, -/* harmony export */ "VIEW_DESIGN_TYPOGRAPHY": function() { return /* binding */ VIEW_DESIGN_TYPOGRAPHY; }, -/* harmony export */ "VIEW_NAV_DESIGN": function() { return /* binding */ VIEW_NAV_DESIGN; }, -/* harmony export */ "VIEW_NAV_ECOMMERCE_STORE_INFO": function() { return /* binding */ VIEW_NAV_ECOMMERCE_STORE_INFO; }, -/* harmony export */ "VIEW_NAV_GET_STARTED": function() { return /* binding */ VIEW_NAV_GET_STARTED; }, -/* harmony export */ "VIEW_NAV_PAGE": function() { return /* binding */ VIEW_NAV_PAGE; }, -/* harmony export */ "VIEW_NAV_PRIMARY": function() { return /* binding */ VIEW_NAV_PRIMARY; }, -/* harmony export */ "bluehostDashboardPage": function() { return /* binding */ bluehostDashboardPage; }, -/* harmony export */ "onboardingRestBase": function() { return /* binding */ onboardingRestBase; }, -/* harmony export */ "onboardingRestRoute": function() { return /* binding */ onboardingRestRoute; }, -/* harmony export */ "runtimeDataExists": function() { return /* binding */ runtimeDataExists; }, -/* harmony export */ "wpAdminPage": function() { return /* binding */ wpAdminPage; }, -/* harmony export */ "wpAdminUrl": function() { return /* binding */ wpAdminUrl; }, -/* harmony export */ "wpRestBase": function() { return /* binding */ wpRestBase; }, -/* harmony export */ "wpSiteUrl": function() { return /* binding */ wpSiteUrl; } -/* harmony export */ }); -var _window; - -const NFD_ONBOARDING_ELEMENT_ID = 'nfd-onboarding'; -const runtimeDataExists = 'object' === typeof ((_window = window) === null || _window === void 0 ? void 0 : _window.nfdOnboarding) && 'buildUrl' in window.nfdOnboarding; -const wpAdminUrl = window.nfdOnboarding.adminUrl; -const wpSiteUrl = window.nfdOnboarding.siteUrl; -const wpRestBase = window.nfdOnboarding.restUrl; -const onboardingRestRoute = 'newfold-onboarding/v1'; -const onboardingRestBase = `${wpRestBase}/${onboardingRestRoute}`; -const wpAdminPage = `${wpAdminUrl}index.php`; -const bluehostDashboardPage = `${wpAdminPage}?page=bluehost`; -const NFD_ONBOARDING_EVENT_PREFIX = 'nfd-module-onboarding-event'; -const VIEW_NAV_PRIMARY = 'nav-primary'; -const VIEW_NAV_DESIGN = 'nav-design'; -const VIEW_NAV_PAGE = 'nav-page'; -const VIEW_DESIGN_THEMES = 'design-themes'; -const VIEW_DESIGN_THEME_STYLES_MENU = 'design-theme-styles-menu'; -const VIEW_DESIGN_THEME_STYLES_PREVIEW = 'design-theme-styles-preview'; -const VIEW_DESIGN_COLORS = 'design-colors'; -const VIEW_DESIGN_TYPOGRAPHY = 'design-typography'; -const VIEW_DESIGN_HEADER_MENU = 'design-header-menu'; -const VIEW_DESIGN_HOMEPAGE_MENU = 'design-homepage-menu'; -const VIEW_NAV_GET_STARTED = 'nav-get-started'; -const VIEW_NAV_ECOMMERCE_STORE_INFO = 'nav-ecommerce-store-info'; -const SIDEBAR_SLOTFILL_PREFIX = 'Sidebar'; -const SIDEBAR_MENU_SLOTFILL_PREFIX = 'HeaderMenu'; -const SIDEBAR_LEARN_MORE = 'LearnMore'; -const MAX_RETRIES_SETTINGS_INIT = 2; -const NFD_PLUGINS_QUERY_PARAM = 'nfd_plugins'; -const NFD_THEMES_QUERY_PARAM = 'nfd_themes'; // [TODO] Read the theme from flow data once we have the themes step. - -const DESIGN_STEPS_THEME = 'nfd_slug_yith_wonder'; -const THEME_STATUS_INIT = 'init'; -const THEME_STATUS_NOT_ACTIVE = 'inactive'; -const THEME_STATUS_INSTALLING = 'installing'; -const THEME_STATUS_ACTIVE = 'activated'; -const THEME_INSTALL_WAIT_TIMEOUT = 30000; -const ECOMMERCE_STEPS_PLUGIN = 'woocommerce'; -const PLUGIN_STATUS_INIT = 'init'; -const PLUGIN_STATUS_NOT_ACTIVE = 'inactive'; -const PLUGIN_STATUS_INSTALLING = 'installing'; -const PLUGIN_STATUS_ACTIVE = 'activated'; -const PLUGIN_INSTALL_WAIT_TIMEOUT = 30000; -/** - * All views for the component. - */ - -const DRAWER_VIEWS = [VIEW_NAV_PRIMARY, VIEW_NAV_DESIGN, VIEW_NAV_GET_STARTED, VIEW_NAV_PAGE, VIEW_NAV_ECOMMERCE_STORE_INFO, VIEW_DESIGN_THEMES, VIEW_DESIGN_THEME_STYLES_MENU, VIEW_DESIGN_THEME_STYLES_PREVIEW, VIEW_DESIGN_COLORS, VIEW_DESIGN_TYPOGRAPHY, VIEW_DESIGN_HEADER_MENU]; -/** - * All Navigation views for the component. - */ - -const DRAWER_NAV_VIEWS = [VIEW_NAV_PRIMARY, VIEW_NAV_DESIGN, VIEW_NAV_GET_STARTED, VIEW_NAV_PAGE, VIEW_NAV_ECOMMERCE_STORE_INFO]; - -/***/ }), - -/***/ "./src/webpack-public-path.js": -/*!************************************!*\ - !*** ./src/webpack-public-path.js ***! - \************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./constants */ "./src/constants.js"); -/** - * Set webpack's public path (default is root directory of URI resource) to Plugin's build directory. - * This helps lazy-loading work correctly. This value is set in `/includes/Data.php` in Data::runtime(). - */ - - -const webpackPublicPath = () => { - if (_constants__WEBPACK_IMPORTED_MODULE_0__.runtimeDataExists) { - __webpack_require__.p = window.nfdOnboarding.buildUrl; - } -}; - -/* harmony default export */ __webpack_exports__["default"] = (webpackPublicPath); - -/***/ }), - -/***/ "./node_modules/classnames/index.js": -/*!******************************************!*\ - !*** ./node_modules/classnames/index.js ***! - \******************************************/ -/***/ (function(module, exports) { - -var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*! - Copyright (c) 2018 Jed Watson. - Licensed under the MIT License (MIT), see - http://jedwatson.github.io/classnames -*/ -/* global define */ - -(function () { - 'use strict'; - - var hasOwn = {}.hasOwnProperty; - - function classNames() { - var classes = []; - - for (var i = 0; i < arguments.length; i++) { - var arg = arguments[i]; - if (!arg) continue; - - var argType = typeof arg; - - if (argType === 'string' || argType === 'number') { - classes.push(arg); - } else if (Array.isArray(arg)) { - if (arg.length) { - var inner = classNames.apply(null, arg); - if (inner) { - classes.push(inner); - } - } - } else if (argType === 'object') { - if (arg.toString === Object.prototype.toString) { - for (var key in arg) { - if (hasOwn.call(arg, key) && arg[key]) { - classes.push(key); - } - } - } else { - classes.push(arg.toString()); - } - } - } - - return classes.join(' '); - } - - if ( true && module.exports) { - classNames.default = classNames; - module.exports = classNames; - } else if (true) { - // register as 'classnames', consistent with npm package name - !(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_RESULT__ = (function () { - return classNames; - }).apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__), - __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__)); - } else {} -}()); - - -/***/ }), - -/***/ "./node_modules/history/index.js": -/*!***************************************!*\ - !*** ./node_modules/history/index.js ***! - \***************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "Action": function() { return /* binding */ Action; }, -/* harmony export */ "createBrowserHistory": function() { return /* binding */ createBrowserHistory; }, -/* harmony export */ "createHashHistory": function() { return /* binding */ createHashHistory; }, -/* harmony export */ "createMemoryHistory": function() { return /* binding */ createMemoryHistory; }, -/* harmony export */ "createPath": function() { return /* binding */ createPath; }, -/* harmony export */ "parsePath": function() { return /* binding */ parsePath; } -/* harmony export */ }); -/* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); - - -/** - * Actions represent the type of change to a location value. - * - * @see https://github.com/remix-run/history/tree/main/docs/api-reference.md#action - */ -var Action; - -(function (Action) { - /** - * A POP indicates a change to an arbitrary index in the history stack, such - * as a back or forward navigation. It does not describe the direction of the - * navigation, only that the current index changed. - * - * Note: This is the default action for newly created history objects. - */ - Action["Pop"] = "POP"; - /** - * A PUSH indicates a new entry being added to the history stack, such as when - * a link is clicked and a new page loads. When this happens, all subsequent - * entries in the stack are lost. - */ - - Action["Push"] = "PUSH"; - /** - * A REPLACE indicates the entry at the current index in the history stack - * being replaced by a new one. - */ - - Action["Replace"] = "REPLACE"; -})(Action || (Action = {})); - -var readOnly = true ? function (obj) { - return Object.freeze(obj); -} : 0; - -function warning(cond, message) { - if (!cond) { - // eslint-disable-next-line no-console - if (typeof console !== 'undefined') console.warn(message); - - try { - // Welcome to debugging history! - // - // This error is thrown as a convenience so you can more easily - // find the source for a warning that appears in the console by - // enabling "pause on exceptions" in your JavaScript debugger. - throw new Error(message); // eslint-disable-next-line no-empty - } catch (e) {} - } -} - -var BeforeUnloadEventType = 'beforeunload'; -var HashChangeEventType = 'hashchange'; -var PopStateEventType = 'popstate'; -/** - * Browser history stores the location in regular URLs. This is the standard for - * most web apps, but it requires some configuration on the server to ensure you - * serve the same app at multiple URLs. - * - * @see https://github.com/remix-run/history/tree/main/docs/api-reference.md#createbrowserhistory - */ - -function createBrowserHistory(options) { - if (options === void 0) { - options = {}; - } - - var _options = options, - _options$window = _options.window, - window = _options$window === void 0 ? document.defaultView : _options$window; - var globalHistory = window.history; - - function getIndexAndLocation() { - var _window$location = window.location, - pathname = _window$location.pathname, - search = _window$location.search, - hash = _window$location.hash; - var state = globalHistory.state || {}; - return [state.idx, readOnly({ - pathname: pathname, - search: search, - hash: hash, - state: state.usr || null, - key: state.key || 'default' - })]; - } - - var blockedPopTx = null; - - function handlePop() { - if (blockedPopTx) { - blockers.call(blockedPopTx); - blockedPopTx = null; - } else { - var nextAction = Action.Pop; - - var _getIndexAndLocation = getIndexAndLocation(), - nextIndex = _getIndexAndLocation[0], - nextLocation = _getIndexAndLocation[1]; - - if (blockers.length) { - if (nextIndex != null) { - var delta = index - nextIndex; - - if (delta) { - // Revert the POP - blockedPopTx = { - action: nextAction, - location: nextLocation, - retry: function retry() { - go(delta * -1); - } - }; - go(delta); - } - } else { - // Trying to POP to a location with no index. We did not create - // this location, so we can't effectively block the navigation. - true ? warning(false, // TODO: Write up a doc that explains our blocking strategy in - // detail and link to it here so people can understand better what - // is going on and how to avoid it. - "You are trying to block a POP navigation to a location that was not " + "created by the history library. The block will fail silently in " + "production, but in general you should do all navigation with the " + "history library (instead of using window.history.pushState directly) " + "to avoid this situation.") : 0; - } - } else { - applyTx(nextAction); - } - } - } - - window.addEventListener(PopStateEventType, handlePop); - var action = Action.Pop; - - var _getIndexAndLocation2 = getIndexAndLocation(), - index = _getIndexAndLocation2[0], - location = _getIndexAndLocation2[1]; - - var listeners = createEvents(); - var blockers = createEvents(); - - if (index == null) { - index = 0; - globalHistory.replaceState((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, globalHistory.state, { - idx: index - }), ''); - } - - function createHref(to) { - return typeof to === 'string' ? to : createPath(to); - } // state defaults to `null` because `window.history.state` does - - - function getNextLocation(to, state) { - if (state === void 0) { - state = null; - } - - return readOnly((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ - pathname: location.pathname, - hash: '', - search: '' - }, typeof to === 'string' ? parsePath(to) : to, { - state: state, - key: createKey() - })); - } - - function getHistoryStateAndUrl(nextLocation, index) { - return [{ - usr: nextLocation.state, - key: nextLocation.key, - idx: index - }, createHref(nextLocation)]; - } - - function allowTx(action, location, retry) { - return !blockers.length || (blockers.call({ - action: action, - location: location, - retry: retry - }), false); - } - - function applyTx(nextAction) { - action = nextAction; - - var _getIndexAndLocation3 = getIndexAndLocation(); - - index = _getIndexAndLocation3[0]; - location = _getIndexAndLocation3[1]; - listeners.call({ - action: action, - location: location - }); - } - - function push(to, state) { - var nextAction = Action.Push; - var nextLocation = getNextLocation(to, state); - - function retry() { - push(to, state); - } - - if (allowTx(nextAction, nextLocation, retry)) { - var _getHistoryStateAndUr = getHistoryStateAndUrl(nextLocation, index + 1), - historyState = _getHistoryStateAndUr[0], - url = _getHistoryStateAndUr[1]; // TODO: Support forced reloading - // try...catch because iOS limits us to 100 pushState calls :/ - - - try { - globalHistory.pushState(historyState, '', url); - } catch (error) { - // They are going to lose state here, but there is no real - // way to warn them about it since the page will refresh... - window.location.assign(url); - } - - applyTx(nextAction); - } - } - - function replace(to, state) { - var nextAction = Action.Replace; - var nextLocation = getNextLocation(to, state); - - function retry() { - replace(to, state); - } - - if (allowTx(nextAction, nextLocation, retry)) { - var _getHistoryStateAndUr2 = getHistoryStateAndUrl(nextLocation, index), - historyState = _getHistoryStateAndUr2[0], - url = _getHistoryStateAndUr2[1]; // TODO: Support forced reloading - - - globalHistory.replaceState(historyState, '', url); - applyTx(nextAction); - } - } - - function go(delta) { - globalHistory.go(delta); - } - - var history = { - get action() { - return action; - }, - - get location() { - return location; - }, - - createHref: createHref, - push: push, - replace: replace, - go: go, - back: function back() { - go(-1); - }, - forward: function forward() { - go(1); - }, - listen: function listen(listener) { - return listeners.push(listener); - }, - block: function block(blocker) { - var unblock = blockers.push(blocker); - - if (blockers.length === 1) { - window.addEventListener(BeforeUnloadEventType, promptBeforeUnload); - } - - return function () { - unblock(); // Remove the beforeunload listener so the document may - // still be salvageable in the pagehide event. - // See https://html.spec.whatwg.org/#unloading-documents - - if (!blockers.length) { - window.removeEventListener(BeforeUnloadEventType, promptBeforeUnload); - } - }; - } - }; - return history; -} -/** - * Hash history stores the location in window.location.hash. This makes it ideal - * for situations where you don't want to send the location to the server for - * some reason, either because you do cannot configure it or the URL space is - * reserved for something else. - * - * @see https://github.com/remix-run/history/tree/main/docs/api-reference.md#createhashhistory - */ - -function createHashHistory(options) { - if (options === void 0) { - options = {}; - } - - var _options2 = options, - _options2$window = _options2.window, - window = _options2$window === void 0 ? document.defaultView : _options2$window; - var globalHistory = window.history; - - function getIndexAndLocation() { - var _parsePath = parsePath(window.location.hash.substr(1)), - _parsePath$pathname = _parsePath.pathname, - pathname = _parsePath$pathname === void 0 ? '/' : _parsePath$pathname, - _parsePath$search = _parsePath.search, - search = _parsePath$search === void 0 ? '' : _parsePath$search, - _parsePath$hash = _parsePath.hash, - hash = _parsePath$hash === void 0 ? '' : _parsePath$hash; - - var state = globalHistory.state || {}; - return [state.idx, readOnly({ - pathname: pathname, - search: search, - hash: hash, - state: state.usr || null, - key: state.key || 'default' - })]; - } - - var blockedPopTx = null; - - function handlePop() { - if (blockedPopTx) { - blockers.call(blockedPopTx); - blockedPopTx = null; - } else { - var nextAction = Action.Pop; - - var _getIndexAndLocation4 = getIndexAndLocation(), - nextIndex = _getIndexAndLocation4[0], - nextLocation = _getIndexAndLocation4[1]; - - if (blockers.length) { - if (nextIndex != null) { - var delta = index - nextIndex; - - if (delta) { - // Revert the POP - blockedPopTx = { - action: nextAction, - location: nextLocation, - retry: function retry() { - go(delta * -1); - } - }; - go(delta); - } - } else { - // Trying to POP to a location with no index. We did not create - // this location, so we can't effectively block the navigation. - true ? warning(false, // TODO: Write up a doc that explains our blocking strategy in - // detail and link to it here so people can understand better - // what is going on and how to avoid it. - "You are trying to block a POP navigation to a location that was not " + "created by the history library. The block will fail silently in " + "production, but in general you should do all navigation with the " + "history library (instead of using window.history.pushState directly) " + "to avoid this situation.") : 0; - } - } else { - applyTx(nextAction); - } - } - } - - window.addEventListener(PopStateEventType, handlePop); // popstate does not fire on hashchange in IE 11 and old (trident) Edge - // https://developer.mozilla.org/de/docs/Web/API/Window/popstate_event - - window.addEventListener(HashChangeEventType, function () { - var _getIndexAndLocation5 = getIndexAndLocation(), - nextLocation = _getIndexAndLocation5[1]; // Ignore extraneous hashchange events. - - - if (createPath(nextLocation) !== createPath(location)) { - handlePop(); - } - }); - var action = Action.Pop; - - var _getIndexAndLocation6 = getIndexAndLocation(), - index = _getIndexAndLocation6[0], - location = _getIndexAndLocation6[1]; - - var listeners = createEvents(); - var blockers = createEvents(); - - if (index == null) { - index = 0; - globalHistory.replaceState((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, globalHistory.state, { - idx: index - }), ''); - } - - function getBaseHref() { - var base = document.querySelector('base'); - var href = ''; - - if (base && base.getAttribute('href')) { - var url = window.location.href; - var hashIndex = url.indexOf('#'); - href = hashIndex === -1 ? url : url.slice(0, hashIndex); - } - - return href; - } - - function createHref(to) { - return getBaseHref() + '#' + (typeof to === 'string' ? to : createPath(to)); - } - - function getNextLocation(to, state) { - if (state === void 0) { - state = null; - } - - return readOnly((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ - pathname: location.pathname, - hash: '', - search: '' - }, typeof to === 'string' ? parsePath(to) : to, { - state: state, - key: createKey() - })); - } - - function getHistoryStateAndUrl(nextLocation, index) { - return [{ - usr: nextLocation.state, - key: nextLocation.key, - idx: index - }, createHref(nextLocation)]; - } - - function allowTx(action, location, retry) { - return !blockers.length || (blockers.call({ - action: action, - location: location, - retry: retry - }), false); - } - - function applyTx(nextAction) { - action = nextAction; - - var _getIndexAndLocation7 = getIndexAndLocation(); - - index = _getIndexAndLocation7[0]; - location = _getIndexAndLocation7[1]; - listeners.call({ - action: action, - location: location - }); - } - - function push(to, state) { - var nextAction = Action.Push; - var nextLocation = getNextLocation(to, state); - - function retry() { - push(to, state); - } - - true ? warning(nextLocation.pathname.charAt(0) === '/', "Relative pathnames are not supported in hash history.push(" + JSON.stringify(to) + ")") : 0; - - if (allowTx(nextAction, nextLocation, retry)) { - var _getHistoryStateAndUr3 = getHistoryStateAndUrl(nextLocation, index + 1), - historyState = _getHistoryStateAndUr3[0], - url = _getHistoryStateAndUr3[1]; // TODO: Support forced reloading - // try...catch because iOS limits us to 100 pushState calls :/ - - - try { - globalHistory.pushState(historyState, '', url); - } catch (error) { - // They are going to lose state here, but there is no real - // way to warn them about it since the page will refresh... - window.location.assign(url); - } - - applyTx(nextAction); - } - } - - function replace(to, state) { - var nextAction = Action.Replace; - var nextLocation = getNextLocation(to, state); - - function retry() { - replace(to, state); - } - - true ? warning(nextLocation.pathname.charAt(0) === '/', "Relative pathnames are not supported in hash history.replace(" + JSON.stringify(to) + ")") : 0; - - if (allowTx(nextAction, nextLocation, retry)) { - var _getHistoryStateAndUr4 = getHistoryStateAndUrl(nextLocation, index), - historyState = _getHistoryStateAndUr4[0], - url = _getHistoryStateAndUr4[1]; // TODO: Support forced reloading - - - globalHistory.replaceState(historyState, '', url); - applyTx(nextAction); - } - } - - function go(delta) { - globalHistory.go(delta); - } - - var history = { - get action() { - return action; - }, - - get location() { - return location; - }, - - createHref: createHref, - push: push, - replace: replace, - go: go, - back: function back() { - go(-1); - }, - forward: function forward() { - go(1); - }, - listen: function listen(listener) { - return listeners.push(listener); - }, - block: function block(blocker) { - var unblock = blockers.push(blocker); - - if (blockers.length === 1) { - window.addEventListener(BeforeUnloadEventType, promptBeforeUnload); - } - - return function () { - unblock(); // Remove the beforeunload listener so the document may - // still be salvageable in the pagehide event. - // See https://html.spec.whatwg.org/#unloading-documents - - if (!blockers.length) { - window.removeEventListener(BeforeUnloadEventType, promptBeforeUnload); - } - }; - } - }; - return history; -} -/** - * Memory history stores the current location in memory. It is designed for use - * in stateful non-browser environments like tests and React Native. - * - * @see https://github.com/remix-run/history/tree/main/docs/api-reference.md#creatememoryhistory - */ - -function createMemoryHistory(options) { - if (options === void 0) { - options = {}; - } - - var _options3 = options, - _options3$initialEntr = _options3.initialEntries, - initialEntries = _options3$initialEntr === void 0 ? ['/'] : _options3$initialEntr, - initialIndex = _options3.initialIndex; - var entries = initialEntries.map(function (entry) { - var location = readOnly((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ - pathname: '/', - search: '', - hash: '', - state: null, - key: createKey() - }, typeof entry === 'string' ? parsePath(entry) : entry)); - true ? warning(location.pathname.charAt(0) === '/', "Relative pathnames are not supported in createMemoryHistory({ initialEntries }) (invalid entry: " + JSON.stringify(entry) + ")") : 0; - return location; - }); - var index = clamp(initialIndex == null ? entries.length - 1 : initialIndex, 0, entries.length - 1); - var action = Action.Pop; - var location = entries[index]; - var listeners = createEvents(); - var blockers = createEvents(); - - function createHref(to) { - return typeof to === 'string' ? to : createPath(to); - } - - function getNextLocation(to, state) { - if (state === void 0) { - state = null; - } - - return readOnly((0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({ - pathname: location.pathname, - search: '', - hash: '' - }, typeof to === 'string' ? parsePath(to) : to, { - state: state, - key: createKey() - })); - } - - function allowTx(action, location, retry) { - return !blockers.length || (blockers.call({ - action: action, - location: location, - retry: retry - }), false); - } - - function applyTx(nextAction, nextLocation) { - action = nextAction; - location = nextLocation; - listeners.call({ - action: action, - location: location - }); - } - - function push(to, state) { - var nextAction = Action.Push; - var nextLocation = getNextLocation(to, state); - - function retry() { - push(to, state); - } - - true ? warning(location.pathname.charAt(0) === '/', "Relative pathnames are not supported in memory history.push(" + JSON.stringify(to) + ")") : 0; - - if (allowTx(nextAction, nextLocation, retry)) { - index += 1; - entries.splice(index, entries.length, nextLocation); - applyTx(nextAction, nextLocation); - } - } - - function replace(to, state) { - var nextAction = Action.Replace; - var nextLocation = getNextLocation(to, state); - - function retry() { - replace(to, state); - } - - true ? warning(location.pathname.charAt(0) === '/', "Relative pathnames are not supported in memory history.replace(" + JSON.stringify(to) + ")") : 0; - - if (allowTx(nextAction, nextLocation, retry)) { - entries[index] = nextLocation; - applyTx(nextAction, nextLocation); - } - } - - function go(delta) { - var nextIndex = clamp(index + delta, 0, entries.length - 1); - var nextAction = Action.Pop; - var nextLocation = entries[nextIndex]; - - function retry() { - go(delta); - } - - if (allowTx(nextAction, nextLocation, retry)) { - index = nextIndex; - applyTx(nextAction, nextLocation); - } - } - - var history = { - get index() { - return index; - }, - - get action() { - return action; - }, - - get location() { - return location; - }, - - createHref: createHref, - push: push, - replace: replace, - go: go, - back: function back() { - go(-1); - }, - forward: function forward() { - go(1); - }, - listen: function listen(listener) { - return listeners.push(listener); - }, - block: function block(blocker) { - return blockers.push(blocker); - } - }; - return history; -} //////////////////////////////////////////////////////////////////////////////// -// UTILS -//////////////////////////////////////////////////////////////////////////////// - -function clamp(n, lowerBound, upperBound) { - return Math.min(Math.max(n, lowerBound), upperBound); -} - -function promptBeforeUnload(event) { - // Cancel the event. - event.preventDefault(); // Chrome (and legacy IE) requires returnValue to be set. - - event.returnValue = ''; -} - -function createEvents() { - var handlers = []; - return { - get length() { - return handlers.length; - }, - - push: function push(fn) { - handlers.push(fn); - return function () { - handlers = handlers.filter(function (handler) { - return handler !== fn; - }); - }; - }, - call: function call(arg) { - handlers.forEach(function (fn) { - return fn && fn(arg); - }); - } - }; -} - -function createKey() { - return Math.random().toString(36).substr(2, 8); -} -/** - * Creates a string URL path from the given pathname, search, and hash components. - * - * @see https://github.com/remix-run/history/tree/main/docs/api-reference.md#createpath - */ - - -function createPath(_ref) { - var _ref$pathname = _ref.pathname, - pathname = _ref$pathname === void 0 ? '/' : _ref$pathname, - _ref$search = _ref.search, - search = _ref$search === void 0 ? '' : _ref$search, - _ref$hash = _ref.hash, - hash = _ref$hash === void 0 ? '' : _ref$hash; - if (search && search !== '?') pathname += search.charAt(0) === '?' ? search : '?' + search; - if (hash && hash !== '#') pathname += hash.charAt(0) === '#' ? hash : '#' + hash; - return pathname; -} -/** - * Parses a string URL path into its separate pathname, search, and hash components. - * - * @see https://github.com/remix-run/history/tree/main/docs/api-reference.md#parsepath - */ - -function parsePath(path) { - var parsedPath = {}; - - if (path) { - var hashIndex = path.indexOf('#'); - - if (hashIndex >= 0) { - parsedPath.hash = path.substr(hashIndex); - path = path.substr(0, hashIndex); - } - - var searchIndex = path.indexOf('?'); - - if (searchIndex >= 0) { - parsedPath.search = path.substr(searchIndex); - path = path.substr(0, searchIndex); - } - - if (path) { - parsedPath.pathname = path; - } - } - - return parsedPath; -} - - -//# sourceMappingURL=index.js.map - - -/***/ }), - -/***/ "./src/OnboardingSPA/styles/app.scss": -/*!*******************************************!*\ - !*** ./src/OnboardingSPA/styles/app.scss ***! - \*******************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -// extracted by mini-css-extract-plugin - - -/***/ }), - -/***/ "./node_modules/react-router-dom/index.js": -/*!************************************************!*\ - !*** ./node_modules/react-router-dom/index.js ***! - \************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "BrowserRouter": function() { return /* binding */ BrowserRouter; }, -/* harmony export */ "HashRouter": function() { return /* binding */ HashRouter; }, -/* harmony export */ "Link": function() { return /* binding */ Link; }, -/* harmony export */ "MemoryRouter": function() { return /* reexport safe */ react_router__WEBPACK_IMPORTED_MODULE_1__.MemoryRouter; }, -/* harmony export */ "NavLink": function() { return /* binding */ NavLink; }, -/* harmony export */ "Navigate": function() { return /* reexport safe */ react_router__WEBPACK_IMPORTED_MODULE_1__.Navigate; }, -/* harmony export */ "NavigationType": function() { return /* reexport safe */ react_router__WEBPACK_IMPORTED_MODULE_2__.Action; }, -/* harmony export */ "Outlet": function() { return /* reexport safe */ react_router__WEBPACK_IMPORTED_MODULE_1__.Outlet; }, -/* harmony export */ "Route": function() { return /* reexport safe */ react_router__WEBPACK_IMPORTED_MODULE_1__.Route; }, -/* harmony export */ "Router": function() { return /* reexport safe */ react_router__WEBPACK_IMPORTED_MODULE_1__.Router; }, -/* harmony export */ "Routes": function() { return /* reexport safe */ react_router__WEBPACK_IMPORTED_MODULE_1__.Routes; }, -/* harmony export */ "UNSAFE_LocationContext": function() { return /* reexport safe */ react_router__WEBPACK_IMPORTED_MODULE_1__.UNSAFE_LocationContext; }, -/* harmony export */ "UNSAFE_NavigationContext": function() { return /* reexport safe */ react_router__WEBPACK_IMPORTED_MODULE_1__.UNSAFE_NavigationContext; }, -/* harmony export */ "UNSAFE_RouteContext": function() { return /* reexport safe */ react_router__WEBPACK_IMPORTED_MODULE_1__.UNSAFE_RouteContext; }, -/* harmony export */ "createPath": function() { return /* reexport safe */ react_router__WEBPACK_IMPORTED_MODULE_2__.createPath; }, -/* harmony export */ "createRoutesFromChildren": function() { return /* reexport safe */ react_router__WEBPACK_IMPORTED_MODULE_1__.createRoutesFromChildren; }, -/* harmony export */ "createSearchParams": function() { return /* binding */ createSearchParams; }, -/* harmony export */ "generatePath": function() { return /* reexport safe */ react_router__WEBPACK_IMPORTED_MODULE_1__.generatePath; }, -/* harmony export */ "matchPath": function() { return /* reexport safe */ react_router__WEBPACK_IMPORTED_MODULE_1__.matchPath; }, -/* harmony export */ "matchRoutes": function() { return /* reexport safe */ react_router__WEBPACK_IMPORTED_MODULE_1__.matchRoutes; }, -/* harmony export */ "parsePath": function() { return /* reexport safe */ react_router__WEBPACK_IMPORTED_MODULE_2__.parsePath; }, -/* harmony export */ "renderMatches": function() { return /* reexport safe */ react_router__WEBPACK_IMPORTED_MODULE_1__.renderMatches; }, -/* harmony export */ "resolvePath": function() { return /* reexport safe */ react_router__WEBPACK_IMPORTED_MODULE_1__.resolvePath; }, -/* harmony export */ "unstable_HistoryRouter": function() { return /* binding */ HistoryRouter; }, -/* harmony export */ "useHref": function() { return /* reexport safe */ react_router__WEBPACK_IMPORTED_MODULE_1__.useHref; }, -/* harmony export */ "useInRouterContext": function() { return /* reexport safe */ react_router__WEBPACK_IMPORTED_MODULE_1__.useInRouterContext; }, -/* harmony export */ "useLinkClickHandler": function() { return /* binding */ useLinkClickHandler; }, -/* harmony export */ "useLocation": function() { return /* reexport safe */ react_router__WEBPACK_IMPORTED_MODULE_1__.useLocation; }, -/* harmony export */ "useMatch": function() { return /* reexport safe */ react_router__WEBPACK_IMPORTED_MODULE_1__.useMatch; }, -/* harmony export */ "useNavigate": function() { return /* reexport safe */ react_router__WEBPACK_IMPORTED_MODULE_1__.useNavigate; }, -/* harmony export */ "useNavigationType": function() { return /* reexport safe */ react_router__WEBPACK_IMPORTED_MODULE_1__.useNavigationType; }, -/* harmony export */ "useOutlet": function() { return /* reexport safe */ react_router__WEBPACK_IMPORTED_MODULE_1__.useOutlet; }, -/* harmony export */ "useOutletContext": function() { return /* reexport safe */ react_router__WEBPACK_IMPORTED_MODULE_1__.useOutletContext; }, -/* harmony export */ "useParams": function() { return /* reexport safe */ react_router__WEBPACK_IMPORTED_MODULE_1__.useParams; }, -/* harmony export */ "useResolvedPath": function() { return /* reexport safe */ react_router__WEBPACK_IMPORTED_MODULE_1__.useResolvedPath; }, -/* harmony export */ "useRoutes": function() { return /* reexport safe */ react_router__WEBPACK_IMPORTED_MODULE_1__.useRoutes; }, -/* harmony export */ "useSearchParams": function() { return /* binding */ useSearchParams; } -/* harmony export */ }); -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react"); -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); -/* harmony import */ var react_router__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-router */ "./node_modules/history/index.js"); -/* harmony import */ var react_router__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-router */ "./node_modules/react-router/index.js"); -/** - * React Router DOM v6.3.0 - * - * Copyright (c) Remix Software Inc. - * - * This source code is licensed under the MIT license found in the - * LICENSE.md file in the root directory of this source tree. - * - * @license MIT - */ - - - - - -function _extends() { - _extends = Object.assign || function (target) { - for (var i = 1; i < arguments.length; i++) { - var source = arguments[i]; - - for (var key in source) { - if (Object.prototype.hasOwnProperty.call(source, key)) { - target[key] = source[key]; - } - } - } - - return target; - }; - - return _extends.apply(this, arguments); -} - -function _objectWithoutPropertiesLoose(source, excluded) { - if (source == null) return {}; - var target = {}; - var sourceKeys = Object.keys(source); - var key, i; - - for (i = 0; i < sourceKeys.length; i++) { - key = sourceKeys[i]; - if (excluded.indexOf(key) >= 0) continue; - target[key] = source[key]; - } - - return target; -} - -const _excluded = ["onClick", "reloadDocument", "replace", "state", "target", "to"], - _excluded2 = ["aria-current", "caseSensitive", "className", "end", "style", "to", "children"]; - -function warning(cond, message) { - if (!cond) { - // eslint-disable-next-line no-console - if (typeof console !== "undefined") console.warn(message); - - try { - // Welcome to debugging React Router! - // - // This error is thrown as a convenience so you can more easily - // find the source for a warning that appears in the console by - // enabling "pause on exceptions" in your JavaScript debugger. - throw new Error(message); // eslint-disable-next-line no-empty - } catch (e) {} - } -} //////////////////////////////////////////////////////////////////////////////// -// COMPONENTS -//////////////////////////////////////////////////////////////////////////////// - -/** - * A `` for use in web browsers. Provides the cleanest URLs. - */ -function BrowserRouter(_ref) { - let { - basename, - children, - window - } = _ref; - let historyRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(); - - if (historyRef.current == null) { - historyRef.current = (0,react_router__WEBPACK_IMPORTED_MODULE_2__.createBrowserHistory)({ - window - }); - } - - let history = historyRef.current; - let [state, setState] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({ - action: history.action, - location: history.location - }); - (0,react__WEBPACK_IMPORTED_MODULE_0__.useLayoutEffect)(() => history.listen(setState), [history]); - return /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(react_router__WEBPACK_IMPORTED_MODULE_1__.Router, { - basename: basename, - children: children, - location: state.location, - navigationType: state.action, - navigator: history - }); -} - -/** - * A `` for use in web browsers. Stores the location in the hash - * portion of the URL so it is not sent to the server. - */ -function HashRouter(_ref2) { - let { - basename, - children, - window - } = _ref2; - let historyRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(); - - if (historyRef.current == null) { - historyRef.current = (0,react_router__WEBPACK_IMPORTED_MODULE_2__.createHashHistory)({ - window - }); - } - - let history = historyRef.current; - let [state, setState] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({ - action: history.action, - location: history.location - }); - (0,react__WEBPACK_IMPORTED_MODULE_0__.useLayoutEffect)(() => history.listen(setState), [history]); - return /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(react_router__WEBPACK_IMPORTED_MODULE_1__.Router, { - basename: basename, - children: children, - location: state.location, - navigationType: state.action, - navigator: history - }); -} - -/** - * A `` that accepts a pre-instantiated history object. It's important - * to note that using your own history object is highly discouraged and may add - * two versions of the history library to your bundles unless you use the same - * version of the history library that React Router uses internally. - */ -function HistoryRouter(_ref3) { - let { - basename, - children, - history - } = _ref3; - const [state, setState] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({ - action: history.action, - location: history.location - }); - (0,react__WEBPACK_IMPORTED_MODULE_0__.useLayoutEffect)(() => history.listen(setState), [history]); - return /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(react_router__WEBPACK_IMPORTED_MODULE_1__.Router, { - basename: basename, - children: children, - location: state.location, - navigationType: state.action, - navigator: history - }); -} - -if (true) { - HistoryRouter.displayName = "unstable_HistoryRouter"; -} - -function isModifiedEvent(event) { - return !!(event.metaKey || event.altKey || event.ctrlKey || event.shiftKey); -} - -/** - * The public API for rendering a history-aware . - */ -const Link = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function LinkWithRef(_ref4, ref) { - let { - onClick, - reloadDocument, - replace = false, - state, - target, - to - } = _ref4, - rest = _objectWithoutPropertiesLoose(_ref4, _excluded); - - let href = (0,react_router__WEBPACK_IMPORTED_MODULE_1__.useHref)(to); - let internalOnClick = useLinkClickHandler(to, { - replace, - state, - target - }); - - function handleClick(event) { - if (onClick) onClick(event); - - if (!event.defaultPrevented && !reloadDocument) { - internalOnClick(event); - } - } - - return ( - /*#__PURE__*/ - // eslint-disable-next-line jsx-a11y/anchor-has-content - (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("a", _extends({}, rest, { - href: href, - onClick: handleClick, - ref: ref, - target: target - })) - ); -}); - -if (true) { - Link.displayName = "Link"; -} - -/** - * A wrapper that knows if it's "active" or not. - */ -const NavLink = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function NavLinkWithRef(_ref5, ref) { - let { - "aria-current": ariaCurrentProp = "page", - caseSensitive = false, - className: classNameProp = "", - end = false, - style: styleProp, - to, - children - } = _ref5, - rest = _objectWithoutPropertiesLoose(_ref5, _excluded2); - - let location = (0,react_router__WEBPACK_IMPORTED_MODULE_1__.useLocation)(); - let path = (0,react_router__WEBPACK_IMPORTED_MODULE_1__.useResolvedPath)(to); - let locationPathname = location.pathname; - let toPathname = path.pathname; - - if (!caseSensitive) { - locationPathname = locationPathname.toLowerCase(); - toPathname = toPathname.toLowerCase(); - } - - let isActive = locationPathname === toPathname || !end && locationPathname.startsWith(toPathname) && locationPathname.charAt(toPathname.length) === "/"; - let ariaCurrent = isActive ? ariaCurrentProp : undefined; - let className; - - if (typeof classNameProp === "function") { - className = classNameProp({ - isActive - }); - } else { - // If the className prop is not a function, we use a default `active` - // class for s that are active. In v5 `active` was the default - // value for `activeClassName`, but we are removing that API and can still - // use the old default behavior for a cleaner upgrade path and keep the - // simple styling rules working as they currently do. - className = [classNameProp, isActive ? "active" : null].filter(Boolean).join(" "); - } - - let style = typeof styleProp === "function" ? styleProp({ - isActive - }) : styleProp; - return /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(Link, _extends({}, rest, { - "aria-current": ariaCurrent, - className: className, - ref: ref, - style: style, - to: to - }), typeof children === "function" ? children({ - isActive - }) : children); -}); - -if (true) { - NavLink.displayName = "NavLink"; -} //////////////////////////////////////////////////////////////////////////////// -// HOOKS -//////////////////////////////////////////////////////////////////////////////// - -/** - * Handles the click behavior for router `` components. This is useful if - * you need to create custom `` components with the same click behavior we - * use in our exported ``. - */ - - -function useLinkClickHandler(to, _temp) { - let { - target, - replace: replaceProp, - state - } = _temp === void 0 ? {} : _temp; - let navigate = (0,react_router__WEBPACK_IMPORTED_MODULE_1__.useNavigate)(); - let location = (0,react_router__WEBPACK_IMPORTED_MODULE_1__.useLocation)(); - let path = (0,react_router__WEBPACK_IMPORTED_MODULE_1__.useResolvedPath)(to); - return (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(event => { - if (event.button === 0 && ( // Ignore everything but left clicks - !target || target === "_self") && // Let browser handle "target=_blank" etc. - !isModifiedEvent(event) // Ignore clicks with modifier keys - ) { - event.preventDefault(); // If the URL hasn't changed, a regular will do a replace instead of - // a push, so do the same here. - - let replace = !!replaceProp || (0,react_router__WEBPACK_IMPORTED_MODULE_2__.createPath)(location) === (0,react_router__WEBPACK_IMPORTED_MODULE_2__.createPath)(path); - navigate(to, { - replace, - state - }); - } - }, [location, navigate, path, replaceProp, state, target, to]); -} -/** - * A convenient wrapper for reading and writing search parameters via the - * URLSearchParams interface. - */ - -function useSearchParams(defaultInit) { - true ? warning(typeof URLSearchParams !== "undefined", "You cannot use the `useSearchParams` hook in a browser that does not " + "support the URLSearchParams API. If you need to support Internet " + "Explorer 11, we recommend you load a polyfill such as " + "https://github.com/ungap/url-search-params\n\n" + "If you're unsure how to load polyfills, we recommend you check out " + "https://polyfill.io/v3/ which provides some recommendations about how " + "to load polyfills only for users that need them, instead of for every " + "user.") : 0; - let defaultSearchParamsRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(createSearchParams(defaultInit)); - let location = (0,react_router__WEBPACK_IMPORTED_MODULE_1__.useLocation)(); - let searchParams = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => { - let searchParams = createSearchParams(location.search); - - for (let key of defaultSearchParamsRef.current.keys()) { - if (!searchParams.has(key)) { - defaultSearchParamsRef.current.getAll(key).forEach(value => { - searchParams.append(key, value); - }); - } - } - - return searchParams; - }, [location.search]); - let navigate = (0,react_router__WEBPACK_IMPORTED_MODULE_1__.useNavigate)(); - let setSearchParams = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((nextInit, navigateOptions) => { - navigate("?" + createSearchParams(nextInit), navigateOptions); - }, [navigate]); - return [searchParams, setSearchParams]; -} - -/** - * Creates a URLSearchParams object using the given initializer. - * - * This is identical to `new URLSearchParams(init)` except it also - * supports arrays as values in the object form of the initializer - * instead of just strings. This is convenient when you need multiple - * values for a given key, but don't want to use an array initializer. - * - * For example, instead of: - * - * let searchParams = new URLSearchParams([ - * ['sort', 'name'], - * ['sort', 'price'] - * ]); - * - * you can do: - * - * let searchParams = createSearchParams({ - * sort: ['name', 'price'] - * }); - */ -function createSearchParams(init) { - if (init === void 0) { - init = ""; - } - - return new URLSearchParams(typeof init === "string" || Array.isArray(init) || init instanceof URLSearchParams ? init : Object.keys(init).reduce((memo, key) => { - let value = init[key]; - return memo.concat(Array.isArray(value) ? value.map(v => [key, v]) : [[key, value]]); - }, [])); -} - - -//# sourceMappingURL=index.js.map - - -/***/ }), - -/***/ "./node_modules/react-router/index.js": -/*!********************************************!*\ - !*** ./node_modules/react-router/index.js ***! - \********************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "MemoryRouter": function() { return /* binding */ MemoryRouter; }, -/* harmony export */ "Navigate": function() { return /* binding */ Navigate; }, -/* harmony export */ "NavigationType": function() { return /* reexport safe */ history__WEBPACK_IMPORTED_MODULE_0__.Action; }, -/* harmony export */ "Outlet": function() { return /* binding */ Outlet; }, -/* harmony export */ "Route": function() { return /* binding */ Route; }, -/* harmony export */ "Router": function() { return /* binding */ Router; }, -/* harmony export */ "Routes": function() { return /* binding */ Routes; }, -/* harmony export */ "UNSAFE_LocationContext": function() { return /* binding */ LocationContext; }, -/* harmony export */ "UNSAFE_NavigationContext": function() { return /* binding */ NavigationContext; }, -/* harmony export */ "UNSAFE_RouteContext": function() { return /* binding */ RouteContext; }, -/* harmony export */ "createPath": function() { return /* reexport safe */ history__WEBPACK_IMPORTED_MODULE_0__.createPath; }, -/* harmony export */ "createRoutesFromChildren": function() { return /* binding */ createRoutesFromChildren; }, -/* harmony export */ "generatePath": function() { return /* binding */ generatePath; }, -/* harmony export */ "matchPath": function() { return /* binding */ matchPath; }, -/* harmony export */ "matchRoutes": function() { return /* binding */ matchRoutes; }, -/* harmony export */ "parsePath": function() { return /* reexport safe */ history__WEBPACK_IMPORTED_MODULE_0__.parsePath; }, -/* harmony export */ "renderMatches": function() { return /* binding */ renderMatches; }, -/* harmony export */ "resolvePath": function() { return /* binding */ resolvePath; }, -/* harmony export */ "useHref": function() { return /* binding */ useHref; }, -/* harmony export */ "useInRouterContext": function() { return /* binding */ useInRouterContext; }, -/* harmony export */ "useLocation": function() { return /* binding */ useLocation; }, -/* harmony export */ "useMatch": function() { return /* binding */ useMatch; }, -/* harmony export */ "useNavigate": function() { return /* binding */ useNavigate; }, -/* harmony export */ "useNavigationType": function() { return /* binding */ useNavigationType; }, -/* harmony export */ "useOutlet": function() { return /* binding */ useOutlet; }, -/* harmony export */ "useOutletContext": function() { return /* binding */ useOutletContext; }, -/* harmony export */ "useParams": function() { return /* binding */ useParams; }, -/* harmony export */ "useResolvedPath": function() { return /* binding */ useResolvedPath; }, -/* harmony export */ "useRoutes": function() { return /* binding */ useRoutes; } -/* harmony export */ }); -/* harmony import */ var history__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! history */ "./node_modules/history/index.js"); -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react"); -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__); -/** - * React Router v6.3.0 - * - * Copyright (c) Remix Software Inc. - * - * This source code is licensed under the MIT license found in the - * LICENSE.md file in the root directory of this source tree. - * - * @license MIT - */ - - - - -const NavigationContext = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.createContext)(null); - -if (true) { - NavigationContext.displayName = "Navigation"; -} - -const LocationContext = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.createContext)(null); - -if (true) { - LocationContext.displayName = "Location"; -} - -const RouteContext = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.createContext)({ - outlet: null, - matches: [] -}); - -if (true) { - RouteContext.displayName = "Route"; -} - -function invariant(cond, message) { - if (!cond) throw new Error(message); -} -function warning(cond, message) { - if (!cond) { - // eslint-disable-next-line no-console - if (typeof console !== "undefined") console.warn(message); - - try { - // Welcome to debugging React Router! - // - // This error is thrown as a convenience so you can more easily - // find the source for a warning that appears in the console by - // enabling "pause on exceptions" in your JavaScript debugger. - throw new Error(message); // eslint-disable-next-line no-empty - } catch (e) {} - } -} -const alreadyWarned = {}; -function warningOnce(key, cond, message) { - if (!cond && !alreadyWarned[key]) { - alreadyWarned[key] = true; - true ? warning(false, message) : 0; - } -} - -/** - * Returns a path with params interpolated. - * - * @see https://reactrouter.com/docs/en/v6/api#generatepath - */ -function generatePath(path, params) { - if (params === void 0) { - params = {}; - } - - return path.replace(/:(\w+)/g, (_, key) => { - !(params[key] != null) ? true ? invariant(false, "Missing \":" + key + "\" param") : 0 : void 0; - return params[key]; - }).replace(/\/*\*$/, _ => params["*"] == null ? "" : params["*"].replace(/^\/*/, "/")); -} -/** - * A RouteMatch contains info about how a route matched a URL. - */ - -/** - * Matches the given routes to a location and returns the match data. - * - * @see https://reactrouter.com/docs/en/v6/api#matchroutes - */ -function matchRoutes(routes, locationArg, basename) { - if (basename === void 0) { - basename = "/"; - } - - let location = typeof locationArg === "string" ? (0,history__WEBPACK_IMPORTED_MODULE_0__.parsePath)(locationArg) : locationArg; - let pathname = stripBasename(location.pathname || "/", basename); - - if (pathname == null) { - return null; - } - - let branches = flattenRoutes(routes); - rankRouteBranches(branches); - let matches = null; - - for (let i = 0; matches == null && i < branches.length; ++i) { - matches = matchRouteBranch(branches[i], pathname); - } - - return matches; -} - -function flattenRoutes(routes, branches, parentsMeta, parentPath) { - if (branches === void 0) { - branches = []; - } - - if (parentsMeta === void 0) { - parentsMeta = []; - } - - if (parentPath === void 0) { - parentPath = ""; - } - - routes.forEach((route, index) => { - let meta = { - relativePath: route.path || "", - caseSensitive: route.caseSensitive === true, - childrenIndex: index, - route - }; - - if (meta.relativePath.startsWith("/")) { - !meta.relativePath.startsWith(parentPath) ? true ? invariant(false, "Absolute route path \"" + meta.relativePath + "\" nested under path " + ("\"" + parentPath + "\" is not valid. An absolute child route path ") + "must start with the combined path of all its parent routes.") : 0 : void 0; - meta.relativePath = meta.relativePath.slice(parentPath.length); - } - - let path = joinPaths([parentPath, meta.relativePath]); - let routesMeta = parentsMeta.concat(meta); // Add the children before adding this route to the array so we traverse the - // route tree depth-first and child routes appear before their parents in - // the "flattened" version. - - if (route.children && route.children.length > 0) { - !(route.index !== true) ? true ? invariant(false, "Index routes must not have child routes. Please remove " + ("all child routes from route path \"" + path + "\".")) : 0 : void 0; - flattenRoutes(route.children, branches, routesMeta, path); - } // Routes without a path shouldn't ever match by themselves unless they are - // index routes, so don't add them to the list of possible branches. - - - if (route.path == null && !route.index) { - return; - } - - branches.push({ - path, - score: computeScore(path, route.index), - routesMeta - }); - }); - return branches; -} - -function rankRouteBranches(branches) { - branches.sort((a, b) => a.score !== b.score ? b.score - a.score // Higher score first - : compareIndexes(a.routesMeta.map(meta => meta.childrenIndex), b.routesMeta.map(meta => meta.childrenIndex))); -} - -const paramRe = /^:\w+$/; -const dynamicSegmentValue = 3; -const indexRouteValue = 2; -const emptySegmentValue = 1; -const staticSegmentValue = 10; -const splatPenalty = -2; - -const isSplat = s => s === "*"; - -function computeScore(path, index) { - let segments = path.split("/"); - let initialScore = segments.length; - - if (segments.some(isSplat)) { - initialScore += splatPenalty; - } - - if (index) { - initialScore += indexRouteValue; - } - - return segments.filter(s => !isSplat(s)).reduce((score, segment) => score + (paramRe.test(segment) ? dynamicSegmentValue : segment === "" ? emptySegmentValue : staticSegmentValue), initialScore); -} - -function compareIndexes(a, b) { - let siblings = a.length === b.length && a.slice(0, -1).every((n, i) => n === b[i]); - return siblings ? // If two routes are siblings, we should try to match the earlier sibling - // first. This allows people to have fine-grained control over the matching - // behavior by simply putting routes with identical paths in the order they - // want them tried. - a[a.length - 1] - b[b.length - 1] : // Otherwise, it doesn't really make sense to rank non-siblings by index, - // so they sort equally. - 0; -} - -function matchRouteBranch(branch, pathname) { - let { - routesMeta - } = branch; - let matchedParams = {}; - let matchedPathname = "/"; - let matches = []; - - for (let i = 0; i < routesMeta.length; ++i) { - let meta = routesMeta[i]; - let end = i === routesMeta.length - 1; - let remainingPathname = matchedPathname === "/" ? pathname : pathname.slice(matchedPathname.length) || "/"; - let match = matchPath({ - path: meta.relativePath, - caseSensitive: meta.caseSensitive, - end - }, remainingPathname); - if (!match) return null; - Object.assign(matchedParams, match.params); - let route = meta.route; - matches.push({ - params: matchedParams, - pathname: joinPaths([matchedPathname, match.pathname]), - pathnameBase: normalizePathname(joinPaths([matchedPathname, match.pathnameBase])), - route - }); - - if (match.pathnameBase !== "/") { - matchedPathname = joinPaths([matchedPathname, match.pathnameBase]); - } - } - - return matches; -} -/** - * A PathPattern is used to match on some portion of a URL pathname. - */ - - -/** - * Performs pattern matching on a URL pathname and returns information about - * the match. - * - * @see https://reactrouter.com/docs/en/v6/api#matchpath - */ -function matchPath(pattern, pathname) { - if (typeof pattern === "string") { - pattern = { - path: pattern, - caseSensitive: false, - end: true - }; - } - - let [matcher, paramNames] = compilePath(pattern.path, pattern.caseSensitive, pattern.end); - let match = pathname.match(matcher); - if (!match) return null; - let matchedPathname = match[0]; - let pathnameBase = matchedPathname.replace(/(.)\/+$/, "$1"); - let captureGroups = match.slice(1); - let params = paramNames.reduce((memo, paramName, index) => { - // We need to compute the pathnameBase here using the raw splat value - // instead of using params["*"] later because it will be decoded then - if (paramName === "*") { - let splatValue = captureGroups[index] || ""; - pathnameBase = matchedPathname.slice(0, matchedPathname.length - splatValue.length).replace(/(.)\/+$/, "$1"); - } - - memo[paramName] = safelyDecodeURIComponent(captureGroups[index] || "", paramName); - return memo; - }, {}); - return { - params, - pathname: matchedPathname, - pathnameBase, - pattern - }; -} - -function compilePath(path, caseSensitive, end) { - if (caseSensitive === void 0) { - caseSensitive = false; - } - - if (end === void 0) { - end = true; - } - - true ? warning(path === "*" || !path.endsWith("*") || path.endsWith("/*"), "Route path \"" + path + "\" will be treated as if it were " + ("\"" + path.replace(/\*$/, "/*") + "\" because the `*` character must ") + "always follow a `/` in the pattern. To get rid of this warning, " + ("please change the route path to \"" + path.replace(/\*$/, "/*") + "\".")) : 0; - let paramNames = []; - let regexpSource = "^" + path.replace(/\/*\*?$/, "") // Ignore trailing / and /*, we'll handle it below - .replace(/^\/*/, "/") // Make sure it has a leading / - .replace(/[\\.*+^$?{}|()[\]]/g, "\\$&") // Escape special regex chars - .replace(/:(\w+)/g, (_, paramName) => { - paramNames.push(paramName); - return "([^\\/]+)"; - }); - - if (path.endsWith("*")) { - paramNames.push("*"); - regexpSource += path === "*" || path === "/*" ? "(.*)$" // Already matched the initial /, just match the rest - : "(?:\\/(.+)|\\/*)$"; // Don't include the / in params["*"] - } else { - regexpSource += end ? "\\/*$" // When matching to the end, ignore trailing slashes - : // Otherwise, match a word boundary or a proceeding /. The word boundary restricts - // parent routes to matching only their own words and nothing more, e.g. parent - // route "/home" should not match "/home2". - // Additionally, allow paths starting with `.`, `-`, `~`, and url-encoded entities, - // but do not consume the character in the matched path so they can match against - // nested paths. - "(?:(?=[.~-]|%[0-9A-F]{2})|\\b|\\/|$)"; - } - - let matcher = new RegExp(regexpSource, caseSensitive ? undefined : "i"); - return [matcher, paramNames]; -} - -function safelyDecodeURIComponent(value, paramName) { - try { - return decodeURIComponent(value); - } catch (error) { - true ? warning(false, "The value for the URL param \"" + paramName + "\" will not be decoded because" + (" the string \"" + value + "\" is a malformed URL segment. This is probably") + (" due to a bad percent encoding (" + error + ").")) : 0; - return value; - } -} -/** - * Returns a resolved path object relative to the given pathname. - * - * @see https://reactrouter.com/docs/en/v6/api#resolvepath - */ - - -function resolvePath(to, fromPathname) { - if (fromPathname === void 0) { - fromPathname = "/"; - } - - let { - pathname: toPathname, - search = "", - hash = "" - } = typeof to === "string" ? (0,history__WEBPACK_IMPORTED_MODULE_0__.parsePath)(to) : to; - let pathname = toPathname ? toPathname.startsWith("/") ? toPathname : resolvePathname(toPathname, fromPathname) : fromPathname; - return { - pathname, - search: normalizeSearch(search), - hash: normalizeHash(hash) - }; -} - -function resolvePathname(relativePath, fromPathname) { - let segments = fromPathname.replace(/\/+$/, "").split("/"); - let relativeSegments = relativePath.split("/"); - relativeSegments.forEach(segment => { - if (segment === "..") { - // Keep the root "" segment so the pathname starts at / - if (segments.length > 1) segments.pop(); - } else if (segment !== ".") { - segments.push(segment); - } - }); - return segments.length > 1 ? segments.join("/") : "/"; -} - -function resolveTo(toArg, routePathnames, locationPathname) { - let to = typeof toArg === "string" ? (0,history__WEBPACK_IMPORTED_MODULE_0__.parsePath)(toArg) : toArg; - let toPathname = toArg === "" || to.pathname === "" ? "/" : to.pathname; // If a pathname is explicitly provided in `to`, it should be relative to the - // route context. This is explained in `Note on `` values` in our - // migration guide from v5 as a means of disambiguation between `to` values - // that begin with `/` and those that do not. However, this is problematic for - // `to` values that do not provide a pathname. `to` can simply be a search or - // hash string, in which case we should assume that the navigation is relative - // to the current location's pathname and *not* the route pathname. - - let from; - - if (toPathname == null) { - from = locationPathname; - } else { - let routePathnameIndex = routePathnames.length - 1; - - if (toPathname.startsWith("..")) { - let toSegments = toPathname.split("/"); // Each leading .. segment means "go up one route" instead of "go up one - // URL segment". This is a key difference from how works and a - // major reason we call this a "to" value instead of a "href". - - while (toSegments[0] === "..") { - toSegments.shift(); - routePathnameIndex -= 1; - } - - to.pathname = toSegments.join("/"); - } // If there are more ".." segments than parent routes, resolve relative to - // the root / URL. - - - from = routePathnameIndex >= 0 ? routePathnames[routePathnameIndex] : "/"; - } - - let path = resolvePath(to, from); // Ensure the pathname has a trailing slash if the original to value had one. - - if (toPathname && toPathname !== "/" && toPathname.endsWith("/") && !path.pathname.endsWith("/")) { - path.pathname += "/"; - } - - return path; -} -function getToPathname(to) { - // Empty strings should be treated the same as / paths - return to === "" || to.pathname === "" ? "/" : typeof to === "string" ? (0,history__WEBPACK_IMPORTED_MODULE_0__.parsePath)(to).pathname : to.pathname; -} -function stripBasename(pathname, basename) { - if (basename === "/") return pathname; - - if (!pathname.toLowerCase().startsWith(basename.toLowerCase())) { - return null; - } - - let nextChar = pathname.charAt(basename.length); - - if (nextChar && nextChar !== "/") { - // pathname does not start with basename/ - return null; - } - - return pathname.slice(basename.length) || "/"; -} -const joinPaths = paths => paths.join("/").replace(/\/\/+/g, "/"); -const normalizePathname = pathname => pathname.replace(/\/+$/, "").replace(/^\/*/, "/"); - -const normalizeSearch = search => !search || search === "?" ? "" : search.startsWith("?") ? search : "?" + search; - -const normalizeHash = hash => !hash || hash === "#" ? "" : hash.startsWith("#") ? hash : "#" + hash; - -/** - * Returns the full href for the given "to" value. This is useful for building - * custom links that are also accessible and preserve right-click behavior. - * - * @see https://reactrouter.com/docs/en/v6/api#usehref - */ - -function useHref(to) { - !useInRouterContext() ? true ? invariant(false, // TODO: This error is probably because they somehow have 2 versions of the - // router loaded. We can help them understand how to avoid that. - "useHref() may be used only in the context of a component.") : 0 : void 0; - let { - basename, - navigator - } = (0,react__WEBPACK_IMPORTED_MODULE_1__.useContext)(NavigationContext); - let { - hash, - pathname, - search - } = useResolvedPath(to); - let joinedPathname = pathname; - - if (basename !== "/") { - let toPathname = getToPathname(to); - let endsWithSlash = toPathname != null && toPathname.endsWith("/"); - joinedPathname = pathname === "/" ? basename + (endsWithSlash ? "/" : "") : joinPaths([basename, pathname]); - } - - return navigator.createHref({ - pathname: joinedPathname, - search, - hash - }); -} -/** - * Returns true if this component is a descendant of a . - * - * @see https://reactrouter.com/docs/en/v6/api#useinroutercontext - */ - -function useInRouterContext() { - return (0,react__WEBPACK_IMPORTED_MODULE_1__.useContext)(LocationContext) != null; -} -/** - * Returns the current location object, which represents the current URL in web - * browsers. - * - * Note: If you're using this it may mean you're doing some of your own - * "routing" in your app, and we'd like to know what your use case is. We may - * be able to provide something higher-level to better suit your needs. - * - * @see https://reactrouter.com/docs/en/v6/api#uselocation - */ - -function useLocation() { - !useInRouterContext() ? true ? invariant(false, // TODO: This error is probably because they somehow have 2 versions of the - // router loaded. We can help them understand how to avoid that. - "useLocation() may be used only in the context of a component.") : 0 : void 0; - return (0,react__WEBPACK_IMPORTED_MODULE_1__.useContext)(LocationContext).location; -} -/** - * Returns the current navigation action which describes how the router came to - * the current location, either by a pop, push, or replace on the history stack. - * - * @see https://reactrouter.com/docs/en/v6/api#usenavigationtype - */ - -function useNavigationType() { - return (0,react__WEBPACK_IMPORTED_MODULE_1__.useContext)(LocationContext).navigationType; -} -/** - * Returns true if the URL for the given "to" value matches the current URL. - * This is useful for components that need to know "active" state, e.g. - * . - * - * @see https://reactrouter.com/docs/en/v6/api#usematch - */ - -function useMatch(pattern) { - !useInRouterContext() ? true ? invariant(false, // TODO: This error is probably because they somehow have 2 versions of the - // router loaded. We can help them understand how to avoid that. - "useMatch() may be used only in the context of a component.") : 0 : void 0; - let { - pathname - } = useLocation(); - return (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(() => matchPath(pattern, pathname), [pathname, pattern]); -} -/** - * The interface for the navigate() function returned from useNavigate(). - */ - -/** - * Returns an imperative method for changing the location. Used by s, but - * may also be used by other elements to change the location. - * - * @see https://reactrouter.com/docs/en/v6/api#usenavigate - */ -function useNavigate() { - !useInRouterContext() ? true ? invariant(false, // TODO: This error is probably because they somehow have 2 versions of the - // router loaded. We can help them understand how to avoid that. - "useNavigate() may be used only in the context of a component.") : 0 : void 0; - let { - basename, - navigator - } = (0,react__WEBPACK_IMPORTED_MODULE_1__.useContext)(NavigationContext); - let { - matches - } = (0,react__WEBPACK_IMPORTED_MODULE_1__.useContext)(RouteContext); - let { - pathname: locationPathname - } = useLocation(); - let routePathnamesJson = JSON.stringify(matches.map(match => match.pathnameBase)); - let activeRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(false); - (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(() => { - activeRef.current = true; - }); - let navigate = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function (to, options) { - if (options === void 0) { - options = {}; - } - - true ? warning(activeRef.current, "You should call navigate() in a React.useEffect(), not when " + "your component is first rendered.") : 0; - if (!activeRef.current) return; - - if (typeof to === "number") { - navigator.go(to); - return; - } - - let path = resolveTo(to, JSON.parse(routePathnamesJson), locationPathname); - - if (basename !== "/") { - path.pathname = joinPaths([basename, path.pathname]); - } - - (!!options.replace ? navigator.replace : navigator.push)(path, options.state); - }, [basename, navigator, routePathnamesJson, locationPathname]); - return navigate; -} -const OutletContext = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.createContext)(null); -/** - * Returns the context (if provided) for the child route at this level of the route - * hierarchy. - * @see https://reactrouter.com/docs/en/v6/api#useoutletcontext - */ - -function useOutletContext() { - return (0,react__WEBPACK_IMPORTED_MODULE_1__.useContext)(OutletContext); -} -/** - * Returns the element for the child route at this level of the route - * hierarchy. Used internally by to render child routes. - * - * @see https://reactrouter.com/docs/en/v6/api#useoutlet - */ - -function useOutlet(context) { - let outlet = (0,react__WEBPACK_IMPORTED_MODULE_1__.useContext)(RouteContext).outlet; - - if (outlet) { - return /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.createElement)(OutletContext.Provider, { - value: context - }, outlet); - } - - return outlet; -} -/** - * Returns an object of key/value pairs of the dynamic params from the current - * URL that were matched by the route path. - * - * @see https://reactrouter.com/docs/en/v6/api#useparams - */ - -function useParams() { - let { - matches - } = (0,react__WEBPACK_IMPORTED_MODULE_1__.useContext)(RouteContext); - let routeMatch = matches[matches.length - 1]; - return routeMatch ? routeMatch.params : {}; -} -/** - * Resolves the pathname of the given `to` value against the current location. - * - * @see https://reactrouter.com/docs/en/v6/api#useresolvedpath - */ - -function useResolvedPath(to) { - let { - matches - } = (0,react__WEBPACK_IMPORTED_MODULE_1__.useContext)(RouteContext); - let { - pathname: locationPathname - } = useLocation(); - let routePathnamesJson = JSON.stringify(matches.map(match => match.pathnameBase)); - return (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(() => resolveTo(to, JSON.parse(routePathnamesJson), locationPathname), [to, routePathnamesJson, locationPathname]); -} -/** - * Returns the element of the route that matched the current location, prepared - * with the correct context to render the remainder of the route tree. Route - * elements in the tree must render an to render their child route's - * element. - * - * @see https://reactrouter.com/docs/en/v6/api#useroutes - */ - -function useRoutes(routes, locationArg) { - !useInRouterContext() ? true ? invariant(false, // TODO: This error is probably because they somehow have 2 versions of the - // router loaded. We can help them understand how to avoid that. - "useRoutes() may be used only in the context of a component.") : 0 : void 0; - let { - matches: parentMatches - } = (0,react__WEBPACK_IMPORTED_MODULE_1__.useContext)(RouteContext); - let routeMatch = parentMatches[parentMatches.length - 1]; - let parentParams = routeMatch ? routeMatch.params : {}; - let parentPathname = routeMatch ? routeMatch.pathname : "/"; - let parentPathnameBase = routeMatch ? routeMatch.pathnameBase : "/"; - let parentRoute = routeMatch && routeMatch.route; - - if (true) { - // You won't get a warning about 2 different under a - // without a trailing *, but this is a best-effort warning anyway since we - // cannot even give the warning unless they land at the parent route. - // - // Example: - // - // - // {/* This route path MUST end with /* because otherwise - // it will never match /blog/post/123 */} - // } /> - // } /> - // - // - // function Blog() { - // return ( - // - // } /> - // - // ); - // } - let parentPath = parentRoute && parentRoute.path || ""; - warningOnce(parentPathname, !parentRoute || parentPath.endsWith("*"), "You rendered descendant (or called `useRoutes()`) at " + ("\"" + parentPathname + "\" (under ) but the ") + "parent route path has no trailing \"*\". This means if you navigate " + "deeper, the parent won't match anymore and therefore the child " + "routes will never render.\n\n" + ("Please change the parent to .")); - } - - let locationFromContext = useLocation(); - let location; - - if (locationArg) { - var _parsedLocationArg$pa; - - let parsedLocationArg = typeof locationArg === "string" ? (0,history__WEBPACK_IMPORTED_MODULE_0__.parsePath)(locationArg) : locationArg; - !(parentPathnameBase === "/" || ((_parsedLocationArg$pa = parsedLocationArg.pathname) == null ? void 0 : _parsedLocationArg$pa.startsWith(parentPathnameBase))) ? true ? invariant(false, "When overriding the location using `` or `useRoutes(routes, location)`, " + "the location pathname must begin with the portion of the URL pathname that was " + ("matched by all parent routes. The current pathname base is \"" + parentPathnameBase + "\" ") + ("but pathname \"" + parsedLocationArg.pathname + "\" was given in the `location` prop.")) : 0 : void 0; - location = parsedLocationArg; - } else { - location = locationFromContext; - } - - let pathname = location.pathname || "/"; - let remainingPathname = parentPathnameBase === "/" ? pathname : pathname.slice(parentPathnameBase.length) || "/"; - let matches = matchRoutes(routes, { - pathname: remainingPathname - }); - - if (true) { - true ? warning(parentRoute || matches != null, "No routes matched location \"" + location.pathname + location.search + location.hash + "\" ") : 0; - true ? warning(matches == null || matches[matches.length - 1].route.element !== undefined, "Matched leaf route at location \"" + location.pathname + location.search + location.hash + "\" does not have an element. " + "This means it will render an with a null value by default resulting in an \"empty\" page.") : 0; - } - - return _renderMatches(matches && matches.map(match => Object.assign({}, match, { - params: Object.assign({}, parentParams, match.params), - pathname: joinPaths([parentPathnameBase, match.pathname]), - pathnameBase: match.pathnameBase === "/" ? parentPathnameBase : joinPaths([parentPathnameBase, match.pathnameBase]) - })), parentMatches); -} -function _renderMatches(matches, parentMatches) { - if (parentMatches === void 0) { - parentMatches = []; - } - - if (matches == null) return null; - return matches.reduceRight((outlet, match, index) => { - return /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.createElement)(RouteContext.Provider, { - children: match.route.element !== undefined ? match.route.element : outlet, - value: { - outlet, - matches: parentMatches.concat(matches.slice(0, index + 1)) - } - }); - }, null); -} - -/** - * A that stores all entries in memory. - * - * @see https://reactrouter.com/docs/en/v6/api#memoryrouter - */ -function MemoryRouter(_ref) { - let { - basename, - children, - initialEntries, - initialIndex - } = _ref; - let historyRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(); - - if (historyRef.current == null) { - historyRef.current = (0,history__WEBPACK_IMPORTED_MODULE_0__.createMemoryHistory)({ - initialEntries, - initialIndex - }); - } - - let history = historyRef.current; - let [state, setState] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)({ - action: history.action, - location: history.location - }); - (0,react__WEBPACK_IMPORTED_MODULE_1__.useLayoutEffect)(() => history.listen(setState), [history]); - return /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.createElement)(Router, { - basename: basename, - children: children, - location: state.location, - navigationType: state.action, - navigator: history - }); -} - -/** - * Changes the current location. - * - * Note: This API is mostly useful in React.Component subclasses that are not - * able to use hooks. In functional components, we recommend you use the - * `useNavigate` hook instead. - * - * @see https://reactrouter.com/docs/en/v6/api#navigate - */ -function Navigate(_ref2) { - let { - to, - replace, - state - } = _ref2; - !useInRouterContext() ? true ? invariant(false, // TODO: This error is probably because they somehow have 2 versions of - // the router loaded. We can help them understand how to avoid that. - " may be used only in the context of a component.") : 0 : void 0; - true ? warning(!(0,react__WEBPACK_IMPORTED_MODULE_1__.useContext)(NavigationContext).static, " must not be used on the initial render in a . " + "This is a no-op, but you should modify your code so the is " + "only ever rendered in response to some user interaction or state change.") : 0; - let navigate = useNavigate(); - (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(() => { - navigate(to, { - replace, - state - }); - }); - return null; -} - -/** - * Renders the child route's element, if there is one. - * - * @see https://reactrouter.com/docs/en/v6/api#outlet - */ -function Outlet(props) { - return useOutlet(props.context); -} - -/** - * Declares an element that should be rendered at a certain URL path. - * - * @see https://reactrouter.com/docs/en/v6/api#route - */ -function Route(_props) { - true ? invariant(false, "A is only ever to be used as the child of element, " + "never rendered directly. Please wrap your in a .") : 0 ; -} - -/** - * Provides location context for the rest of the app. - * - * Note: You usually won't render a directly. Instead, you'll render a - * router that is more specific to your environment such as a - * in web browsers or a for server rendering. - * - * @see https://reactrouter.com/docs/en/v6/api#router - */ -function Router(_ref3) { - let { - basename: basenameProp = "/", - children = null, - location: locationProp, - navigationType = history__WEBPACK_IMPORTED_MODULE_0__.Action.Pop, - navigator, - static: staticProp = false - } = _ref3; - !!useInRouterContext() ? true ? invariant(false, "You cannot render a inside another ." + " You should never have more than one in your app.") : 0 : void 0; - let basename = normalizePathname(basenameProp); - let navigationContext = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(() => ({ - basename, - navigator, - static: staticProp - }), [basename, navigator, staticProp]); - - if (typeof locationProp === "string") { - locationProp = (0,history__WEBPACK_IMPORTED_MODULE_0__.parsePath)(locationProp); - } - - let { - pathname = "/", - search = "", - hash = "", - state = null, - key = "default" - } = locationProp; - let location = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(() => { - let trailingPathname = stripBasename(pathname, basename); - - if (trailingPathname == null) { - return null; - } - - return { - pathname: trailingPathname, - search, - hash, - state, - key - }; - }, [basename, pathname, search, hash, state, key]); - true ? warning(location != null, " is not able to match the URL " + ("\"" + pathname + search + hash + "\" because it does not start with the ") + "basename, so the won't render anything.") : 0; - - if (location == null) { - return null; - } - - return /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.createElement)(NavigationContext.Provider, { - value: navigationContext - }, /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.createElement)(LocationContext.Provider, { - children: children, - value: { - location, - navigationType - } - })); -} - -/** - * A container for a nested tree of elements that renders the branch - * that best matches the current location. - * - * @see https://reactrouter.com/docs/en/v6/api#routes - */ -function Routes(_ref4) { - let { - children, - location - } = _ref4; - return useRoutes(createRoutesFromChildren(children), location); -} /////////////////////////////////////////////////////////////////////////////// -// UTILS -/////////////////////////////////////////////////////////////////////////////// - -/** - * Creates a route config from a React "children" object, which is usually - * either a `` element or an array of them. Used internally by - * `` to create a route config from its children. - * - * @see https://reactrouter.com/docs/en/v6/api#createroutesfromchildren - */ - -function createRoutesFromChildren(children) { - let routes = []; - react__WEBPACK_IMPORTED_MODULE_1__.Children.forEach(children, element => { - if (! /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.isValidElement)(element)) { - // Ignore non-elements. This allows people to more easily inline - // conditionals in their route config. - return; - } - - if (element.type === react__WEBPACK_IMPORTED_MODULE_1__.Fragment) { - // Transparently support React.Fragment and its children. - routes.push.apply(routes, createRoutesFromChildren(element.props.children)); - return; - } - - !(element.type === Route) ? true ? invariant(false, "[" + (typeof element.type === "string" ? element.type : element.type.name) + "] is not a component. All component children of must be a or ") : 0 : void 0; - let route = { - caseSensitive: element.props.caseSensitive, - element: element.props.element, - index: element.props.index, - path: element.props.path - }; - - if (element.props.children) { - route.children = createRoutesFromChildren(element.props.children); - } - - routes.push(route); - }); - return routes; -} -/** - * Renders the result of `matchRoutes()` into a React element. - */ - -function renderMatches(matches) { - return _renderMatches(matches); -} - - -//# sourceMappingURL=index.js.map - - -/***/ }), - -/***/ "react": -/*!************************!*\ - !*** external "React" ***! - \************************/ -/***/ (function(module) { - -"use strict"; -module.exports = window["React"]; - -/***/ }), - -/***/ "lodash": -/*!*************************!*\ - !*** external "lodash" ***! - \*************************/ -/***/ (function(module) { - -"use strict"; -module.exports = window["lodash"]; - -/***/ }), - -/***/ "@wordpress/a11y": -/*!******************************!*\ - !*** external ["wp","a11y"] ***! - \******************************/ -/***/ (function(module) { - -"use strict"; -module.exports = window["wp"]["a11y"]; - -/***/ }), - -/***/ "@wordpress/api-fetch": -/*!**********************************!*\ - !*** external ["wp","apiFetch"] ***! - \**********************************/ -/***/ (function(module) { - -"use strict"; -module.exports = window["wp"]["apiFetch"]; - -/***/ }), - -/***/ "@wordpress/block-editor": -/*!*************************************!*\ - !*** external ["wp","blockEditor"] ***! - \*************************************/ -/***/ (function(module) { - -"use strict"; -module.exports = window["wp"]["blockEditor"]; - -/***/ }), - -/***/ "@wordpress/block-library": -/*!**************************************!*\ - !*** external ["wp","blockLibrary"] ***! - \**************************************/ -/***/ (function(module) { - -"use strict"; -module.exports = window["wp"]["blockLibrary"]; - -/***/ }), - -/***/ "@wordpress/blocks": -/*!********************************!*\ - !*** external ["wp","blocks"] ***! - \********************************/ -/***/ (function(module) { - -"use strict"; -module.exports = window["wp"]["blocks"]; - -/***/ }), - -/***/ "@wordpress/components": -/*!************************************!*\ - !*** external ["wp","components"] ***! - \************************************/ -/***/ (function(module) { - -"use strict"; -module.exports = window["wp"]["components"]; - -/***/ }), - -/***/ "@wordpress/compose": -/*!*********************************!*\ - !*** external ["wp","compose"] ***! - \*********************************/ -/***/ (function(module) { - -"use strict"; -module.exports = window["wp"]["compose"]; - -/***/ }), - -/***/ "@wordpress/data": -/*!******************************!*\ - !*** external ["wp","data"] ***! - \******************************/ -/***/ (function(module) { - -"use strict"; -module.exports = window["wp"]["data"]; - -/***/ }), - -/***/ "@wordpress/data-controls": -/*!**************************************!*\ - !*** external ["wp","dataControls"] ***! - \**************************************/ -/***/ (function(module) { - -"use strict"; -module.exports = window["wp"]["dataControls"]; - -/***/ }), - -/***/ "@wordpress/deprecated": -/*!************************************!*\ - !*** external ["wp","deprecated"] ***! - \************************************/ -/***/ (function(module) { - -"use strict"; -module.exports = window["wp"]["deprecated"]; - -/***/ }), - -/***/ "@wordpress/dom": -/*!*****************************!*\ - !*** external ["wp","dom"] ***! - \*****************************/ -/***/ (function(module) { - -"use strict"; -module.exports = window["wp"]["dom"]; - -/***/ }), - -/***/ "@wordpress/dom-ready": -/*!**********************************!*\ - !*** external ["wp","domReady"] ***! - \**********************************/ -/***/ (function(module) { - -"use strict"; -module.exports = window["wp"]["domReady"]; - -/***/ }), - -/***/ "@wordpress/element": -/*!*********************************!*\ - !*** external ["wp","element"] ***! - \*********************************/ -/***/ (function(module) { - -"use strict"; -module.exports = window["wp"]["element"]; - -/***/ }), - -/***/ "@wordpress/i18n": -/*!******************************!*\ - !*** external ["wp","i18n"] ***! - \******************************/ -/***/ (function(module) { - -"use strict"; -module.exports = window["wp"]["i18n"]; - -/***/ }), - -/***/ "@wordpress/keycodes": -/*!**********************************!*\ - !*** external ["wp","keycodes"] ***! - \**********************************/ -/***/ (function(module) { - -"use strict"; -module.exports = window["wp"]["keycodes"]; - -/***/ }), - -/***/ "@wordpress/plugins": -/*!*********************************!*\ - !*** external ["wp","plugins"] ***! - \*********************************/ -/***/ (function(module) { - -"use strict"; -module.exports = window["wp"]["plugins"]; - -/***/ }), - -/***/ "@wordpress/preferences": -/*!*************************************!*\ - !*** external ["wp","preferences"] ***! - \*************************************/ -/***/ (function(module) { - -"use strict"; -module.exports = window["wp"]["preferences"]; - -/***/ }), - -/***/ "@wordpress/primitives": -/*!************************************!*\ - !*** external ["wp","primitives"] ***! - \************************************/ -/***/ (function(module) { - -"use strict"; -module.exports = window["wp"]["primitives"]; - -/***/ }), - -/***/ "@wordpress/url": -/*!*****************************!*\ - !*** external ["wp","url"] ***! - \*****************************/ -/***/ (function(module) { - -"use strict"; -module.exports = window["wp"]["url"]; - -/***/ }), - -/***/ "@wordpress/viewport": -/*!**********************************!*\ - !*** external ["wp","viewport"] ***! - \**********************************/ -/***/ (function(module) { - -"use strict"; -module.exports = window["wp"]["viewport"]; - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/extends.js": -/*!************************************************************!*\ - !*** ./node_modules/@babel/runtime/helpers/esm/extends.js ***! - \************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _extends; } -/* harmony export */ }); -function _extends() { - _extends = Object.assign || function (target) { - for (var i = 1; i < arguments.length; i++) { - var source = arguments[i]; - - for (var key in source) { - if (Object.prototype.hasOwnProperty.call(source, key)) { - target[key] = source[key]; - } - } - } - - return target; - }; - - return _extends.apply(this, arguments); -} - -/***/ }) - -/******/ }); -/************************************************************************/ -/******/ // The module cache -/******/ var __webpack_module_cache__ = {}; -/******/ -/******/ // The require function -/******/ function __webpack_require__(moduleId) { -/******/ // Check if module is in cache -/******/ var cachedModule = __webpack_module_cache__[moduleId]; -/******/ if (cachedModule !== undefined) { -/******/ return cachedModule.exports; -/******/ } -/******/ // Create a new module (and put it into the cache) -/******/ var module = __webpack_module_cache__[moduleId] = { -/******/ // no module.id needed -/******/ // no module.loaded needed -/******/ exports: {} -/******/ }; -/******/ -/******/ // Execute the module function -/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__); -/******/ -/******/ // Return the exports of the module -/******/ return module.exports; -/******/ } -/******/ -/******/ // expose the modules object (__webpack_modules__) -/******/ __webpack_require__.m = __webpack_modules__; -/******/ -/************************************************************************/ -/******/ /* webpack/runtime/compat get default export */ -/******/ !function() { -/******/ // getDefaultExport function for compatibility with non-harmony modules -/******/ __webpack_require__.n = function(module) { -/******/ var getter = module && module.__esModule ? -/******/ function() { return module['default']; } : -/******/ function() { return module; }; -/******/ __webpack_require__.d(getter, { a: getter }); -/******/ return getter; -/******/ }; -/******/ }(); -/******/ -/******/ /* webpack/runtime/define property getters */ -/******/ !function() { -/******/ // define getter functions for harmony exports -/******/ __webpack_require__.d = function(exports, definition) { -/******/ for(var key in definition) { -/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) { -/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] }); -/******/ } -/******/ } -/******/ }; -/******/ }(); -/******/ -/******/ /* webpack/runtime/ensure chunk */ -/******/ !function() { -/******/ __webpack_require__.f = {}; -/******/ // This file contains only the entry chunk. -/******/ // The chunk loading function for additional chunks -/******/ __webpack_require__.e = function(chunkId) { -/******/ return Promise.all(Object.keys(__webpack_require__.f).reduce(function(promises, key) { -/******/ __webpack_require__.f[key](chunkId, promises); -/******/ return promises; -/******/ }, [])); -/******/ }; -/******/ }(); -/******/ -/******/ /* webpack/runtime/get javascript chunk filename */ -/******/ !function() { -/******/ // This function allow to reference async chunks -/******/ __webpack_require__.u = function(chunkId) { -/******/ // return url for filenames based on template -/******/ return "" + chunkId + ".js"; -/******/ }; -/******/ }(); -/******/ -/******/ /* webpack/runtime/get mini-css chunk filename */ -/******/ !function() { -/******/ // This function allow to reference async chunks -/******/ __webpack_require__.miniCssF = function(chunkId) { -/******/ // return url for filenames based on template -/******/ return undefined; -/******/ }; -/******/ }(); -/******/ -/******/ /* webpack/runtime/global */ -/******/ !function() { -/******/ __webpack_require__.g = (function() { -/******/ if (typeof globalThis === 'object') return globalThis; -/******/ try { -/******/ return this || new Function('return this')(); -/******/ } catch (e) { -/******/ if (typeof window === 'object') return window; -/******/ } -/******/ })(); -/******/ }(); -/******/ -/******/ /* webpack/runtime/hasOwnProperty shorthand */ -/******/ !function() { -/******/ __webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); } -/******/ }(); -/******/ -/******/ /* webpack/runtime/load script */ -/******/ !function() { -/******/ var inProgress = {}; -/******/ var dataWebpackPrefix = "newfold.Onboarding:"; -/******/ // loadScript function to load a script via script tag -/******/ __webpack_require__.l = function(url, done, key, chunkId) { -/******/ if(inProgress[url]) { inProgress[url].push(done); return; } -/******/ var script, needAttach; -/******/ if(key !== undefined) { -/******/ var scripts = document.getElementsByTagName("script"); -/******/ for(var i = 0; i < scripts.length; i++) { -/******/ var s = scripts[i]; -/******/ if(s.getAttribute("src") == url || s.getAttribute("data-webpack") == dataWebpackPrefix + key) { script = s; break; } -/******/ } -/******/ } -/******/ if(!script) { -/******/ needAttach = true; -/******/ script = document.createElement('script'); -/******/ -/******/ script.charset = 'utf-8'; -/******/ script.timeout = 120; -/******/ if (__webpack_require__.nc) { -/******/ script.setAttribute("nonce", __webpack_require__.nc); -/******/ } -/******/ script.setAttribute("data-webpack", dataWebpackPrefix + key); -/******/ script.src = url; -/******/ } -/******/ inProgress[url] = [done]; -/******/ var onScriptComplete = function(prev, event) { -/******/ // avoid mem leaks in IE. -/******/ script.onerror = script.onload = null; -/******/ clearTimeout(timeout); -/******/ var doneFns = inProgress[url]; -/******/ delete inProgress[url]; -/******/ script.parentNode && script.parentNode.removeChild(script); -/******/ doneFns && doneFns.forEach(function(fn) { return fn(event); }); -/******/ if(prev) return prev(event); -/******/ } -/******/ ; -/******/ var timeout = setTimeout(onScriptComplete.bind(null, undefined, { type: 'timeout', target: script }), 120000); -/******/ script.onerror = onScriptComplete.bind(null, script.onerror); -/******/ script.onload = onScriptComplete.bind(null, script.onload); -/******/ needAttach && document.head.appendChild(script); -/******/ }; -/******/ }(); -/******/ -/******/ /* webpack/runtime/make namespace object */ -/******/ !function() { -/******/ // define __esModule on exports -/******/ __webpack_require__.r = function(exports) { -/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { -/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); -/******/ } -/******/ Object.defineProperty(exports, '__esModule', { value: true }); -/******/ }; -/******/ }(); -/******/ -/******/ /* webpack/runtime/publicPath */ -/******/ !function() { -/******/ var scriptUrl; -/******/ if (__webpack_require__.g.importScripts) scriptUrl = __webpack_require__.g.location + ""; -/******/ var document = __webpack_require__.g.document; -/******/ if (!scriptUrl && document) { -/******/ if (document.currentScript) -/******/ scriptUrl = document.currentScript.src -/******/ if (!scriptUrl) { -/******/ var scripts = document.getElementsByTagName("script"); -/******/ if(scripts.length) scriptUrl = scripts[scripts.length - 1].src -/******/ } -/******/ } -/******/ // When supporting browsers where an automatic publicPath is not supported you must specify an output.publicPath manually via configuration -/******/ // or pass an empty string ("") and set the __webpack_public_path__ variable from your code to use your own logic. -/******/ if (!scriptUrl) throw new Error("Automatic publicPath is not supported in this browser"); -/******/ scriptUrl = scriptUrl.replace(/#.*$/, "").replace(/\?.*$/, "").replace(/\/[^\/]+$/, "/"); -/******/ __webpack_require__.p = scriptUrl; -/******/ }(); -/******/ -/******/ /* webpack/runtime/jsonp chunk loading */ -/******/ !function() { -/******/ // no baseURI -/******/ -/******/ // object to store loaded and loading chunks -/******/ // undefined = chunk not loaded, null = chunk preloaded/prefetched -/******/ // [resolve, reject, Promise] = chunk loading, 0 = chunk loaded -/******/ var installedChunks = { -/******/ "onboarding": 0 -/******/ }; -/******/ -/******/ __webpack_require__.f.j = function(chunkId, promises) { -/******/ // JSONP chunk loading for javascript -/******/ var installedChunkData = __webpack_require__.o(installedChunks, chunkId) ? installedChunks[chunkId] : undefined; -/******/ if(installedChunkData !== 0) { // 0 means "already installed". -/******/ -/******/ // a Promise means "currently loading". -/******/ if(installedChunkData) { -/******/ promises.push(installedChunkData[2]); -/******/ } else { -/******/ if(true) { // all chunks have JS -/******/ // setup Promise in chunk cache -/******/ var promise = new Promise(function(resolve, reject) { installedChunkData = installedChunks[chunkId] = [resolve, reject]; }); -/******/ promises.push(installedChunkData[2] = promise); -/******/ -/******/ // start chunk loading -/******/ var url = __webpack_require__.p + __webpack_require__.u(chunkId); -/******/ // create error before stack unwound to get useful stacktrace later -/******/ var error = new Error(); -/******/ var loadingEnded = function(event) { -/******/ if(__webpack_require__.o(installedChunks, chunkId)) { -/******/ installedChunkData = installedChunks[chunkId]; -/******/ if(installedChunkData !== 0) installedChunks[chunkId] = undefined; -/******/ if(installedChunkData) { -/******/ var errorType = event && (event.type === 'load' ? 'missing' : event.type); -/******/ var realSrc = event && event.target && event.target.src; -/******/ error.message = 'Loading chunk ' + chunkId + ' failed.\n(' + errorType + ': ' + realSrc + ')'; -/******/ error.name = 'ChunkLoadError'; -/******/ error.type = errorType; -/******/ error.request = realSrc; -/******/ installedChunkData[1](error); -/******/ } -/******/ } -/******/ }; -/******/ __webpack_require__.l(url, loadingEnded, "chunk-" + chunkId, chunkId); -/******/ } else installedChunks[chunkId] = 0; -/******/ } -/******/ } -/******/ }; -/******/ -/******/ // no prefetching -/******/ -/******/ // no preloaded -/******/ -/******/ // no HMR -/******/ -/******/ // no HMR manifest -/******/ -/******/ // no on chunks loaded -/******/ -/******/ // install a JSONP callback for chunk loading -/******/ var webpackJsonpCallback = function(parentChunkLoadingFunction, data) { -/******/ var chunkIds = data[0]; -/******/ var moreModules = data[1]; -/******/ var runtime = data[2]; -/******/ // add "moreModules" to the modules object, -/******/ // then flag all "chunkIds" as loaded and fire callback -/******/ var moduleId, chunkId, i = 0; -/******/ if(chunkIds.some(function(id) { return installedChunks[id] !== 0; })) { -/******/ for(moduleId in moreModules) { -/******/ if(__webpack_require__.o(moreModules, moduleId)) { -/******/ __webpack_require__.m[moduleId] = moreModules[moduleId]; -/******/ } -/******/ } -/******/ if(runtime) var result = runtime(__webpack_require__); -/******/ } -/******/ if(parentChunkLoadingFunction) parentChunkLoadingFunction(data); -/******/ for(;i < chunkIds.length; i++) { -/******/ chunkId = chunkIds[i]; -/******/ if(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) { -/******/ installedChunks[chunkId][0](); -/******/ } -/******/ installedChunks[chunkId] = 0; -/******/ } -/******/ -/******/ } -/******/ -/******/ var chunkLoadingGlobal = self["webpackChunknewfold_Onboarding"] = self["webpackChunknewfold_Onboarding"] || []; -/******/ chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0)); -/******/ chunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal)); -/******/ }(); -/******/ -/************************************************************************/ -var __webpack_exports__ = {}; -// This entry need to be wrapped in an IIFE because it need to be in strict mode. -!function() { -"use strict"; -/*!***************************!*\ - !*** ./src/onboarding.js ***! - \***************************/ -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _webpack_public_path__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./webpack-public-path */ "./src/webpack-public-path.js"); -/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./constants */ "./src/constants.js"); -/* harmony import */ var _wordpress_dom_ready__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/dom-ready */ "@wordpress/dom-ready"); -/* harmony import */ var _wordpress_dom_ready__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_dom_ready__WEBPACK_IMPORTED_MODULE_2__); -/* harmony import */ var _wordpress_block_library__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/block-library */ "@wordpress/block-library"); -/* harmony import */ var _wordpress_block_library__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_block_library__WEBPACK_IMPORTED_MODULE_3__); -/* harmony import */ var _OnboardingSPA__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./OnboardingSPA */ "./src/OnboardingSPA/index.js"); - - - - - - -if (_constants__WEBPACK_IMPORTED_MODULE_1__.runtimeDataExists) { - _wordpress_dom_ready__WEBPACK_IMPORTED_MODULE_2___default()(() => { - (0,_OnboardingSPA__WEBPACK_IMPORTED_MODULE_4__["default"])(_constants__WEBPACK_IMPORTED_MODULE_1__.NFD_ONBOARDING_ELEMENT_ID, window.nfdOnboarding); - (0,_wordpress_block_library__WEBPACK_IMPORTED_MODULE_3__.registerCoreBlocks)(); - }); -} else { - console.log('Cannot find Newfold Onboarding runtime data to set __webpack_public_path__.'); -} -}(); -((window.newfold = window.newfold || {}).Onboarding = window.newfold.Onboarding || {}).onboarding = __webpack_exports__; -/******/ })() -; -//# sourceMappingURL=onboarding.js.map \ No newline at end of file From a1cb78d3dccdf39295f3e75584cc7148cbce41cb Mon Sep 17 00:00:00 2001 From: Allen Benny Date: Mon, 17 Oct 2022 16:08:08 +0530 Subject: [PATCH 40/49] Review Comments --- includes/Data/Colors.php | 81 +++++++++++++++++++ .../RestApi/Themes/ThemeColorsController.php | 59 +------------- .../Drawer/DrawerPanel/DesignColors.js | 6 +- 3 files changed, 88 insertions(+), 58 deletions(-) create mode 100644 includes/Data/Colors.php diff --git a/includes/Data/Colors.php b/includes/Data/Colors.php new file mode 100644 index 000000000..1fc124657 --- /dev/null +++ b/includes/Data/Colors.php @@ -0,0 +1,81 @@ + array( + 'calm' => array( + 'tertiary' => '#C7DBFF', + 'secondary' => '#E6EBEE', + 'primary' => '#1A4733', + 'background' => '' + ), + 'cool' => array( + 'tertiary' => '#C7DBFF', + 'secondary' => '#EDF7FE', + 'primary' => '#21447B', + 'background' => '' + ), + 'warm' => array( + 'tertiary' => '#FFEDED', + 'secondary' => '#FEF7E8', + 'primary' => '#7A3921', + 'background' => '' + ), + 'radiant' => array( + 'tertiary' => '#C7F0FF', + 'secondary' => '#FEF4FB', + 'primary' => '#63156A', + 'background' => '' + ), + 'bold' => array( + 'tertiary' => '#F2A3D6', + 'secondary' => '#FFFBF5', + 'primary' => '#09857C', + 'background' => '' + ), + 'retro' => array( + 'tertiary' => '#F2E6A2', + 'secondary' => '#F5FFFF', + 'primary' => '#096385', + 'background' => '' + ), + 'professional' => array( + 'tertiary' => '#A2C1F2', + 'secondary' => '#F5FAFF', + 'primary' => '#669933', + 'background' => '' + ), + ), + ); + + /** + * Retrieves the active theme color variations. + * + * @return array|\WP_Error + */ + public static function get_colors_from_theme() + { + $active_theme = (\wp_get_theme())->get('TextDomain'); + $pattern_slugs = self::$theme_colors[$active_theme]; + + if (!isset($pattern_slugs)) { + return new \WP_Error( + 'Theme Colors not found', + 'No WordPress Colors are available for this theme.', + array('status' => 404) + ); + } + + return $pattern_slugs; + } + +} diff --git a/includes/RestApi/Themes/ThemeColorsController.php b/includes/RestApi/Themes/ThemeColorsController.php index b6a7fcfdb..1d35db05a 100644 --- a/includes/RestApi/Themes/ThemeColorsController.php +++ b/includes/RestApi/Themes/ThemeColorsController.php @@ -3,6 +3,7 @@ namespace NewfoldLabs\WP\Module\Onboarding\RestApi\Themes; use NewfoldLabs\WP\Module\Onboarding\Permissions; +use NewfoldLabs\WP\Module\Onboarding\Data\Colors; /** * Class ThemeColorsController @@ -32,57 +33,7 @@ class ThemeColorsController extends \WP_REST_Controller */ protected $rest_extended_base = '/colors'; - /** - * This contains the different color variations for the theme. - * - * @var string - */ - protected static $theme_colors = array( - 'yith-wonder' => array( - 'calm'=> array( - 'tertiary'=> '#C7DBFF', - 'secondary'=> '#E6EBEE', - 'primary'=> '#1A4733', - 'background'=> '' - ), - 'cool'=> array( - 'tertiary'=> '#C7DBFF', - 'secondary'=> '#EDF7FE', - 'primary'=> '#21447B', - 'background'=> '' - ), - 'warm'=> array( - 'tertiary'=> '#FFEDED', - 'secondary'=> '#FEF7E8', - 'primary'=> '#7A3921', - 'background'=> '' - ), - 'radiant'=> array( - 'tertiary'=> '#C7F0FF', - 'secondary'=> '#FEF4FB', - 'primary'=> '#63156A', - 'background'=> '' - ), - 'bold'=> array( - 'tertiary'=> '#F2A3D6', - 'secondary'=> '#FFFBF5', - 'primary'=> '#09857C', - 'background'=> '' - ), - 'retro'=> array( - 'tertiary'=> '#F2E6A2', - 'secondary'=> '#F5FFFF', - 'primary'=> '#096385', - 'background'=> '' - ), - 'professional'=> array( - 'tertiary'=> '#A2C1F2', - 'secondary'=> '#F5FAFF', - 'primary'=> '#669933', - 'background'=> '' - ), - ), - ); + /** * Registers routes for ThemeColorsController @@ -109,9 +60,7 @@ public function register_routes() */ public function get_theme_colors() { - $active_theme = (\wp_get_theme())->get('TextDomain'); - $pattern_slugs = self::$theme_colors[$active_theme]; - - return $pattern_slugs; + $theme_color_palettes = Colors::get_colors_from_theme(); + return $theme_color_palettes; } } diff --git a/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js b/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js index d5dbb3230..05f983638 100644 --- a/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js +++ b/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js @@ -38,7 +38,7 @@ const DesignColors = () => { function stateToLocal(selectedColors) { if (selectedColors) { let selectedColorsLocalTemp = {}; - selectedColors?.color.forEach(color => { + selectedColors?.color?.forEach(color => { selectedColorsLocalTemp[color.slug] = color.color; }); @@ -311,8 +311,8 @@ const DesignColors = () => { return (

); }; From 043a3d5ed5892aeb3457e04aa59ae8a8f8011de6 Mon Sep 17 00:00:00 2001 From: Allen Benny Date: Mon, 17 Oct 2022 17:15:25 +0530 Subject: [PATCH 41/49] Added CSS Classes --- .../components/Drawer/DrawerPanel/DesignColors.js | 3 +-- src/OnboardingSPA/components/Drawer/stylesheet.scss | 4 +++- 2 files changed, 4 insertions(+), 3 deletions(-) diff --git a/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js b/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js index 05f983638..3b501a116 100644 --- a/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js +++ b/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js @@ -61,7 +61,6 @@ const DesignColors = () => { 'color': selectedColorsLocalTemp[colorName] }); } - selectedColorsTemp.color = colorsArray; setSelectedColors(selectedColorsTemp); currentData.data.palette = selectedColorsTemp; @@ -309,7 +308,7 @@ const DesignColors = () => { } return ( -
+

{__('Color Palettes', 'wp-module-onboarding')}

{ colorPalettes && buildPalettes() } { colorPalettes && buildCustomPalette() } diff --git a/src/OnboardingSPA/components/Drawer/stylesheet.scss b/src/OnboardingSPA/components/Drawer/stylesheet.scss index 9a26ab6f1..74abf5635 100644 --- a/src/OnboardingSPA/components/Drawer/stylesheet.scss +++ b/src/OnboardingSPA/components/Drawer/stylesheet.scss @@ -327,7 +327,9 @@ $main-border-main--rgb: var(--nfd-onboarding-highlighted--rgb); // Design Color Palette Step - +.theme-colors--drawer { + padding: 0 4px; +} .color-palette { width: 88%; From fe03b9b637eb38e088c31f65b1bab0b8d516ffa0 Mon Sep 17 00:00:00 2001 From: Allen Benny Date: Tue, 18 Oct 2022 13:47:38 +0530 Subject: [PATCH 42/49] Update DesignColors.js --- .../Drawer/DrawerPanel/DesignColors.js | 29 +++++++++---------- 1 file changed, 13 insertions(+), 16 deletions(-) diff --git a/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js b/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js index 3b501a116..cbe82800e 100644 --- a/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js +++ b/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js @@ -49,9 +49,8 @@ const DesignColors = () => { function LocalToState(selectedColorsLocalTemp, colorStyle) { if (selectedColorsLocalTemp && colorStyle) { - let selectedColorsTemp = selectedColors; - selectedColorsTemp.slug = colorStyle; - selectedColorsTemp.name = colorStyle?.charAt(0).toUpperCase() + colorStyle?.slice(1); + selectedColors.slug = colorStyle; + selectedColors.name = colorStyle?.charAt(0).toUpperCase() + colorStyle?.slice(1); let colorsArray = []; for (let colorName in selectedColorsLocalTemp) { @@ -61,11 +60,12 @@ const DesignColors = () => { 'color': selectedColorsLocalTemp[colorName] }); } - selectedColorsTemp.color = colorsArray; - setSelectedColors(selectedColorsTemp); - currentData.data.palette = selectedColorsTemp; + + selectedColors.color = colorsArray; + setSelectedColors(selectedColors); + currentData.data.palette = selectedColors; setCurrentOnboardingData(currentData); - return selectedColorsTemp; + return selectedColors; } } @@ -188,8 +188,6 @@ const DesignColors = () => { }, [isLoaded]); const handleClick = (colorStyle) => { - let selectedColorsLocalTemp = selectedColorsLocal; - selectedColorsLocalTemp = colorPalettes[colorStyle]; let customColorsTemp = customColors; for(let custom in customColorsTemp) @@ -197,19 +195,18 @@ const DesignColors = () => { setCustomColors(customColorsTemp); saveThemeColorPalette(colorStyle); - setSelectedColorsLocal(selectedColorsLocalTemp); - LocalToState(selectedColorsLocalTemp, colorStyle); + setSelectedColorsLocal(colorPalettes[colorStyle]); + LocalToState(colorPalettes[colorStyle], colorStyle); }; const changeCustomPickerColor = async (color) => { - let selectedColorsLocalTemp = selectedColorsLocal; - selectedColorsLocalTemp[colorPickerCalledBy] = color; + selectedColorsLocal[colorPickerCalledBy] = color; saveCustomColors(); - setSelectedColorsLocal(selectedColorsLocalTemp); - setCustomColors(selectedColorsLocalTemp); - LocalToState(selectedColorsLocalTemp, 'custom'); + setSelectedColorsLocal(selectedColorsLocal); + setCustomColors(selectedColorsLocal); + LocalToState(selectedColorsLocal, 'custom'); } const selectCustomColor = (colorType) => { From d84c42a4691c3f5af3ff8324cd3fce83f1accd13 Mon Sep 17 00:00:00 2001 From: Allen Benny Date: Tue, 18 Oct 2022 17:59:58 +0530 Subject: [PATCH 43/49] Added Hover Highlight --- src/OnboardingSPA/components/Drawer/stylesheet.scss | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/src/OnboardingSPA/components/Drawer/stylesheet.scss b/src/OnboardingSPA/components/Drawer/stylesheet.scss index 74abf5635..f6a50e196 100644 --- a/src/OnboardingSPA/components/Drawer/stylesheet.scss +++ b/src/OnboardingSPA/components/Drawer/stylesheet.scss @@ -342,6 +342,10 @@ $main-border-main--rgb: var(--nfd-onboarding-highlighted--rgb); align-items: center; background-color: white; justify-content: space-between; + + &:hover { + background-color: var(--nfd-onboarding-drawer-icon-fill); + } &-selected { background-color: $main-border-main; From f6df56bca8bbaae994e0154e47df21b6cd2d37b8 Mon Sep 17 00:00:00 2001 From: Allen Benny Date: Thu, 20 Oct 2022 18:12:39 +0530 Subject: [PATCH 44/49] Fixed a Glitch --- .../Drawer/DrawerPanel/DesignColors.js | 30 ++++++++++++++----- 1 file changed, 23 insertions(+), 7 deletions(-) diff --git a/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js b/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js index cbe82800e..6143606c9 100644 --- a/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js +++ b/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js @@ -147,10 +147,16 @@ const DesignColors = () => { } } + const colorPalettesMemo = React.useMemo( () => { + return getThemeColors().then((res) => { + setColorPalettes(res?.body); + return res?.body + }); + }, []); + const getColorStylesAndPatterns = async () => { - const colorPalettes = await getThemeColors(); const globalStyles = await getGlobalStyles(); - setColorPalettes(colorPalettes?.body); + let selectedGlobalStyle; if (currentData?.data?.theme?.variation) { selectedGlobalStyle = globalStyles.body.filter( @@ -218,19 +224,29 @@ const DesignColors = () => { setColorPickerCalledBy(''); } + async function getColorData() { + await colorPalettesMemo.then((res) => { + return res; + }); + } + function buildPalettes () { + let colorPalettesCopy = colorPalettes let paletteRenderedList = []; - for (const colorStyle in colorPalettes) { + for (const colorStyle in colorPalettesCopy) { + if (!colorPalettesCopy[colorStyle]?.tertiary) { + colorPalettesCopy = getColorData(); + } paletteRenderedList.push( -
handleClick(colorStyle)}>
+ style={{ backgroundColor: `${colorPalettesCopy[colorStyle]?.tertiary}` }}/>
+ style={{ backgroundColor: `${colorPalettesCopy[colorStyle]?.secondary}` }}/>
+ style={{ backgroundColor: `${colorPalettesCopy[colorStyle]?.primary}` }} />
{colorStyle?.charAt(0).toUpperCase() + colorStyle?.slice(1) } From 421227adc2bda2620ccfb11ed40fd41061af89ea Mon Sep 17 00:00:00 2001 From: Allen Benny Date: Thu, 20 Oct 2022 18:26:01 +0530 Subject: [PATCH 45/49] Revert "Fixed a Glitch" This reverts commit f6df56bca8bbaae994e0154e47df21b6cd2d37b8. --- .../Drawer/DrawerPanel/DesignColors.js | 30 +++++-------------- 1 file changed, 7 insertions(+), 23 deletions(-) diff --git a/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js b/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js index 6143606c9..cbe82800e 100644 --- a/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js +++ b/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js @@ -147,16 +147,10 @@ const DesignColors = () => { } } - const colorPalettesMemo = React.useMemo( () => { - return getThemeColors().then((res) => { - setColorPalettes(res?.body); - return res?.body - }); - }, []); - const getColorStylesAndPatterns = async () => { + const colorPalettes = await getThemeColors(); const globalStyles = await getGlobalStyles(); - + setColorPalettes(colorPalettes?.body); let selectedGlobalStyle; if (currentData?.data?.theme?.variation) { selectedGlobalStyle = globalStyles.body.filter( @@ -224,29 +218,19 @@ const DesignColors = () => { setColorPickerCalledBy(''); } - async function getColorData() { - await colorPalettesMemo.then((res) => { - return res; - }); - } - function buildPalettes () { - let colorPalettesCopy = colorPalettes let paletteRenderedList = []; - for (const colorStyle in colorPalettesCopy) { - if (!colorPalettesCopy[colorStyle]?.tertiary) { - colorPalettesCopy = getColorData(); - } + for (const colorStyle in colorPalettes) { paletteRenderedList.push( -
handleClick(colorStyle)}>
+ style={{ backgroundColor: `${colorPalettes[colorStyle].tertiary}` }}/>
+ style={{ backgroundColor: `${colorPalettes[colorStyle].secondary}` }}/>
+ style={{ backgroundColor: `${colorPalettes[colorStyle].primary}` }} />
{colorStyle?.charAt(0).toUpperCase() + colorStyle?.slice(1) } From fae9dd2647d78dea1b5cb2a830ac3871d04e9478 Mon Sep 17 00:00:00 2001 From: Allen Benny Date: Thu, 20 Oct 2022 18:27:52 +0530 Subject: [PATCH 46/49] Revert "Revert "Fixed a Glitch"" This reverts commit 421227adc2bda2620ccfb11ed40fd41061af89ea. --- .../Drawer/DrawerPanel/DesignColors.js | 30 ++++++++++++++----- 1 file changed, 23 insertions(+), 7 deletions(-) diff --git a/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js b/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js index cbe82800e..6143606c9 100644 --- a/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js +++ b/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js @@ -147,10 +147,16 @@ const DesignColors = () => { } } + const colorPalettesMemo = React.useMemo( () => { + return getThemeColors().then((res) => { + setColorPalettes(res?.body); + return res?.body + }); + }, []); + const getColorStylesAndPatterns = async () => { - const colorPalettes = await getThemeColors(); const globalStyles = await getGlobalStyles(); - setColorPalettes(colorPalettes?.body); + let selectedGlobalStyle; if (currentData?.data?.theme?.variation) { selectedGlobalStyle = globalStyles.body.filter( @@ -218,19 +224,29 @@ const DesignColors = () => { setColorPickerCalledBy(''); } + async function getColorData() { + await colorPalettesMemo.then((res) => { + return res; + }); + } + function buildPalettes () { + let colorPalettesCopy = colorPalettes let paletteRenderedList = []; - for (const colorStyle in colorPalettes) { + for (const colorStyle in colorPalettesCopy) { + if (!colorPalettesCopy[colorStyle]?.tertiary) { + colorPalettesCopy = getColorData(); + } paletteRenderedList.push( -
handleClick(colorStyle)}>
+ style={{ backgroundColor: `${colorPalettesCopy[colorStyle]?.tertiary}` }}/>
+ style={{ backgroundColor: `${colorPalettesCopy[colorStyle]?.secondary}` }}/>
+ style={{ backgroundColor: `${colorPalettesCopy[colorStyle]?.primary}` }} />
{colorStyle?.charAt(0).toUpperCase() + colorStyle?.slice(1) } From e0de75009d62f7f73354fdadb5ae1da1fbfaa9e8 Mon Sep 17 00:00:00 2001 From: Allen Benny Date: Thu, 20 Oct 2022 19:09:32 +0530 Subject: [PATCH 47/49] Fixed Rendering Issue --- .../Drawer/DrawerPanel/DesignColors.js | 26 ++++++++----------- 1 file changed, 11 insertions(+), 15 deletions(-) diff --git a/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js b/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js index 6143606c9..8dd98540f 100644 --- a/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js +++ b/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js @@ -149,14 +149,14 @@ const DesignColors = () => { const colorPalettesMemo = React.useMemo( () => { return getThemeColors().then((res) => { - setColorPalettes(res?.body); return res?.body }); }, []); const getColorStylesAndPatterns = async () => { + const colorPalettes = await getThemeColors(); const globalStyles = await getGlobalStyles(); - + setColorPalettes(colorPalettes?.body); let selectedGlobalStyle; if (currentData?.data?.theme?.variation) { selectedGlobalStyle = globalStyles.body.filter( @@ -206,13 +206,13 @@ const DesignColors = () => { }; const changeCustomPickerColor = async (color) => { + let selectedColorsLocalCopy = { ...selectedColorsLocal }; + selectedColorsLocalCopy[colorPickerCalledBy] = color; - selectedColorsLocal[colorPickerCalledBy] = color; - saveCustomColors(); - setSelectedColorsLocal(selectedColorsLocal); - setCustomColors(selectedColorsLocal); - LocalToState(selectedColorsLocal, 'custom'); + LocalToState(selectedColorsLocalCopy, 'custom'); + setSelectedColorsLocal(selectedColorsLocalCopy); + setCustomColors(selectedColorsLocalCopy); } const selectCustomColor = (colorType) => { @@ -231,22 +231,18 @@ const DesignColors = () => { } function buildPalettes () { - let colorPalettesCopy = colorPalettes let paletteRenderedList = []; - for (const colorStyle in colorPalettesCopy) { - if (!colorPalettesCopy[colorStyle]?.tertiary) { - colorPalettesCopy = getColorData(); - } + for (const colorStyle in colorPalettes) { paletteRenderedList.push(
handleClick(colorStyle)}>
+ style={{ backgroundColor: `${colorPalettes[colorStyle]?.tertiary}` }}/>
+ style={{ backgroundColor: `${colorPalettes[colorStyle]?.secondary}` }}/>
+ style={{ backgroundColor: `${colorPalettes[colorStyle]?.primary}` }} />
{colorStyle?.charAt(0).toUpperCase() + colorStyle?.slice(1) } From dc931cfd4e86c37c8fb36c0d22ed91828c78d18b Mon Sep 17 00:00:00 2001 From: Allen Benny Date: Fri, 21 Oct 2022 15:35:30 +0530 Subject: [PATCH 48/49] Added Reset Button --- .../Drawer/DrawerPanel/DesignColors.js | 39 ++++++++++++++----- .../components/Drawer/stylesheet.scss | 17 ++++++++ .../pages/Steps/DesignColors/stylesheet.scss | 1 - 3 files changed, 46 insertions(+), 11 deletions(-) diff --git a/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js b/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js index 8dd98540f..cf1587994 100644 --- a/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js +++ b/src/OnboardingSPA/components/Drawer/DrawerPanel/DesignColors.js @@ -147,12 +147,6 @@ const DesignColors = () => { } } - const colorPalettesMemo = React.useMemo( () => { - return getThemeColors().then((res) => { - return res?.body - }); - }, []); - const getColorStylesAndPatterns = async () => { const colorPalettes = await getThemeColors(); const globalStyles = await getGlobalStyles(); @@ -224,10 +218,30 @@ const DesignColors = () => { setColorPickerCalledBy(''); } - async function getColorData() { - await colorPalettesMemo.then((res) => { - return res; - }); + async function resetColors() { + const globalStyles = await getGlobalStyles(); + let selectedGlobalStyle; + if (currentData?.data?.theme?.variation) { + selectedGlobalStyle = globalStyles.body.filter( + (globalStyle) => + globalStyle.title === currentData.data.theme.variation + )[0]; + } else { + selectedGlobalStyle = globalStyles.body[0]; + } + setGlobalStyles(selectedGlobalStyle); + updatePreviewSettings( + useGlobalStylesOutput(selectedGlobalStyle, storedPreviewSettings) + ); + selectedColors.slug = ''; + selectedColors.name = ''; + for (let colorVal in selectedColors?.color) + selectedColors.color[colorVal].color = ''; + setCustomColors(stateToLocal(selectedColors)); + currentData.data.palette = selectedColors; + + setSelectedColors(selectedColors) + setCurrentOnboardingData(currentData); } function buildPalettes () { @@ -319,6 +333,11 @@ const DesignColors = () => { return (

{__('Color Palettes', 'wp-module-onboarding')}

+ {/* {selectedColors?.slug && +
+
Reset Button
+
+ } */} { colorPalettes && buildPalettes() } { colorPalettes && buildCustomPalette() }
diff --git a/src/OnboardingSPA/components/Drawer/stylesheet.scss b/src/OnboardingSPA/components/Drawer/stylesheet.scss index f6a50e196..f21d273cb 100644 --- a/src/OnboardingSPA/components/Drawer/stylesheet.scss +++ b/src/OnboardingSPA/components/Drawer/stylesheet.scss @@ -329,6 +329,23 @@ $main-border-main--rgb: var(--nfd-onboarding-highlighted--rgb); // Design Color Palette Step .theme-colors--drawer { padding: 0 4px; + + &--reset { + width: 40%; + height: 30px; + display: flex; + color: black; + cursor: pointer; + margin-left: 4px; + text-align: center; + align-items: center; + justify-content: center; + background-color: white; + + &:hover { + background-color: var(--nfd-onboarding-drawer-icon-fill); + } + } } .color-palette { diff --git a/src/OnboardingSPA/pages/Steps/DesignColors/stylesheet.scss b/src/OnboardingSPA/pages/Steps/DesignColors/stylesheet.scss index 31a97e0b2..1371e2a22 100644 --- a/src/OnboardingSPA/pages/Steps/DesignColors/stylesheet.scss +++ b/src/OnboardingSPA/pages/Steps/DesignColors/stylesheet.scss @@ -2,7 +2,6 @@ .theme-colors-preview { flex: 1; - width: 100%; margin: 16px; display: flex; align-items: center; From b204b8c0ab1ab7f3e1b618ce34a372c4e247c6af Mon Sep 17 00:00:00 2001 From: Allen Benny Date: Fri, 21 Oct 2022 16:39:26 +0530 Subject: [PATCH 49/49] Formatting with phpcbf --- includes/Data/Colors.php | 139 +++++++++--------- .../RestApi/Themes/ThemeColorsController.php | 92 ++++++------ 2 files changed, 115 insertions(+), 116 deletions(-) diff --git a/includes/Data/Colors.php b/includes/Data/Colors.php index 1fc124657..9c550a743 100644 --- a/includes/Data/Colors.php +++ b/includes/Data/Colors.php @@ -5,77 +5,76 @@ final class Colors { - /** - * This contains the different color variations for the theme. - * - * @var string - */ - protected static $theme_colors = array( - 'yith-wonder' => array( - 'calm' => array( - 'tertiary' => '#C7DBFF', - 'secondary' => '#E6EBEE', - 'primary' => '#1A4733', - 'background' => '' - ), - 'cool' => array( - 'tertiary' => '#C7DBFF', - 'secondary' => '#EDF7FE', - 'primary' => '#21447B', - 'background' => '' - ), - 'warm' => array( - 'tertiary' => '#FFEDED', - 'secondary' => '#FEF7E8', - 'primary' => '#7A3921', - 'background' => '' - ), - 'radiant' => array( - 'tertiary' => '#C7F0FF', - 'secondary' => '#FEF4FB', - 'primary' => '#63156A', - 'background' => '' - ), - 'bold' => array( - 'tertiary' => '#F2A3D6', - 'secondary' => '#FFFBF5', - 'primary' => '#09857C', - 'background' => '' - ), - 'retro' => array( - 'tertiary' => '#F2E6A2', - 'secondary' => '#F5FFFF', - 'primary' => '#096385', - 'background' => '' - ), - 'professional' => array( - 'tertiary' => '#A2C1F2', - 'secondary' => '#F5FAFF', - 'primary' => '#669933', - 'background' => '' - ), - ), - ); + /** + * This contains the different color variations for the theme. + * + * @var string + */ + protected static $theme_colors = array( + 'yith-wonder' => array( + 'calm' => array( + 'tertiary' => '#C7DBFF', + 'secondary' => '#E6EBEE', + 'primary' => '#1A4733', + 'background' => '' + ), + 'cool' => array( + 'tertiary' => '#C7DBFF', + 'secondary' => '#EDF7FE', + 'primary' => '#21447B', + 'background' => '' + ), + 'warm' => array( + 'tertiary' => '#FFEDED', + 'secondary' => '#FEF7E8', + 'primary' => '#7A3921', + 'background' => '' + ), + 'radiant' => array( + 'tertiary' => '#C7F0FF', + 'secondary' => '#FEF4FB', + 'primary' => '#63156A', + 'background' => '' + ), + 'bold' => array( + 'tertiary' => '#F2A3D6', + 'secondary' => '#FFFBF5', + 'primary' => '#09857C', + 'background' => '' + ), + 'retro' => array( + 'tertiary' => '#F2E6A2', + 'secondary' => '#F5FFFF', + 'primary' => '#096385', + 'background' => '' + ), + 'professional' => array( + 'tertiary' => '#A2C1F2', + 'secondary' => '#F5FAFF', + 'primary' => '#669933', + 'background' => '' + ), + ), + ); - /** - * Retrieves the active theme color variations. - * - * @return array|\WP_Error - */ - public static function get_colors_from_theme() - { - $active_theme = (\wp_get_theme())->get('TextDomain'); - $pattern_slugs = self::$theme_colors[$active_theme]; + /** + * Retrieves the active theme color variations. + * + * @return array|\WP_Error + */ + public static function get_colors_from_theme() + { + $active_theme = (\wp_get_theme())->get('TextDomain'); + $pattern_slugs = self::$theme_colors[$active_theme]; - if (!isset($pattern_slugs)) { - return new \WP_Error( - 'Theme Colors not found', - 'No WordPress Colors are available for this theme.', - array('status' => 404) - ); - } - - return $pattern_slugs; - } + if (!isset($pattern_slugs)) { + return new \WP_Error( + 'Theme Colors not found', + 'No WordPress Colors are available for this theme.', + array('status' => 404) + ); + } + return $pattern_slugs; + } } diff --git a/includes/RestApi/Themes/ThemeColorsController.php b/includes/RestApi/Themes/ThemeColorsController.php index 1d35db05a..d4bb068d1 100644 --- a/includes/RestApi/Themes/ThemeColorsController.php +++ b/includes/RestApi/Themes/ThemeColorsController.php @@ -11,56 +11,56 @@ class ThemeColorsController extends \WP_REST_Controller { - /** - * The namespace of this controller's route. - * - * @var string - */ - protected $namespace = 'newfold-onboarding/v1'; + /** + * The namespace of this controller's route. + * + * @var string + */ + protected $namespace = 'newfold-onboarding/v1'; - /** - * The base of this controller's route. - * - * @var string - */ - protected $rest_base = '/themes'; + /** + * The base of this controller's route. + * + * @var string + */ + protected $rest_base = '/themes'; - /** - * The extended base of this controller's route. - * - * @var string - */ - protected $rest_extended_base = '/colors'; + /** + * The extended base of this controller's route. + * + * @var string + */ + protected $rest_extended_base = '/colors'; - - /** - * Registers routes for ThemeColorsController - */ - public function register_routes() - { - \register_rest_route( - $this->namespace, - $this->rest_base . $this->rest_extended_base, - array( - array( - 'methods' => \WP_REST_Server::READABLE, - 'callback' => array($this, 'get_theme_colors'), - 'permission_callback' => array(Permissions::class, 'rest_is_authorized_admin'), - ), - ) - ); - } - /** - * Retrieves the active theme color variations. - * - * @return array|\WP_Error - */ - public function get_theme_colors() - { - $theme_color_palettes = Colors::get_colors_from_theme(); - return $theme_color_palettes; - } + /** + * Registers routes for ThemeColorsController + */ + public function register_routes() + { + \register_rest_route( + $this->namespace, + $this->rest_base . $this->rest_extended_base, + array( + array( + 'methods' => \WP_REST_Server::READABLE, + 'callback' => array($this, 'get_theme_colors'), + 'permission_callback' => array(Permissions::class, 'rest_is_authorized_admin'), + ), + ) + ); + } + + /** + * Retrieves the active theme color variations. + * + * @return array|\WP_Error + */ + public function get_theme_colors() + { + $theme_color_palettes = Colors::get_colors_from_theme(); + return $theme_color_palettes; + } }