@automattic/data-stores 3.0.1 → 3.1.0-rc.1

package/src/onboard/reducer.ts

@@ -1,10 +1,18 @@
 import { combineReducers } from '@wordpress/data';
-import { GoalKey } from './constants';
-import type { DomainSuggestion } from '../domain-suggestions/types';
-import type { FeatureId } from '../wpcom-features/types';
+import { SiteGoal } from './constants';
 import type { OnboardAction } from './actions';
+import type {
+	DomainForm,
+	ProfilerData,
+	DomainTransferNames,
+	DomainTransferAuthCodes,
+	ReadymadeTemplate,
+} from './types';
+import type { DomainSuggestion } from '../domain-suggestions';
+import type { FeatureId } from '../shared-types';
 // somewhat hacky, but resolves the circular dependency issue
-import type { Design, FontPair } from '@automattic/design-picker/src/types';
+import type { Design, StyleVariation } from '@automattic/design-picker/src/types';
+import type { MinimalRequestCartProduct } from '@automattic/shopping-cart';
 import type { Reducer } from 'redux';
 
 const domain: Reducer< DomainSuggestion | undefined, OnboardAction > = ( state, action ) => {
@@ -37,6 +45,16 @@ const domainCategory: Reducer< string | undefined, OnboardAction > = ( state, ac
 	return state;
 };
 
+const siteUrl: Reducer< string | undefined, OnboardAction > = ( state, action ) => {
+	if ( action.type === 'SET_SITE_URL' ) {
+		return action.siteUrl;
+	}
+	if ( action.type === 'RESET_ONBOARD_STORE' ) {
+		return undefined;
+	}
+	return state;
+};
+
 const hasUsedDomainsStep: Reducer< boolean, OnboardAction > = ( state = false, action ) => {
 	if ( action.type === 'SET_HAS_USED_DOMAINS_STEP' ) {
 		return action.hasUsedDomainsStep;
@@ -89,29 +107,45 @@ const randomizedDesigns: Reducer< { featured: Design[] }, OnboardAction > = (
 	return state;
 };
 
-const selectedFonts: Reducer< FontPair | undefined, OnboardAction > = (
-	state = undefined,
-	action
-) => {
-	if ( action.type === 'SET_FONTS' ) {
-		return action.fonts;
+const selectedDesign: Reducer< Design | undefined, OnboardAction > = ( state, action ) => {
+	if ( action.type === 'SET_SELECTED_DESIGN' ) {
+		return action.selectedDesign;
 	}
-	if ( action.type === 'RESET_FONTS' || action.type === 'RESET_ONBOARD_STORE' ) {
+	if ( [ 'RESET_SELECTED_DESIGN', 'RESET_ONBOARD_STORE' ].includes( action.type ) ) {
 		return undefined;
 	}
 	return state;
 };
 
-const selectedDesign: Reducer< Design | undefined, OnboardAction > = ( state, action ) => {
-	if ( action.type === 'SET_SELECTED_DESIGN' ) {
-		return action.selectedDesign;
+const selectedStyleVariation: Reducer< StyleVariation | undefined, OnboardAction > = (
+	state,
+	action
+) => {
+	if ( action.type === 'SET_SELECTED_STYLE_VARIATION' ) {
+		return action.selectedStyleVariation;
 	}
-	if ( action.type === 'RESET_ONBOARD_STORE' ) {
+	if ( [ 'RESET_SELECTED_STYLE_VARIATION', 'RESET_ONBOARD_STORE' ].includes( action.type ) ) {
 		return undefined;
 	}
 	return state;
 };
 
+const readymadeTemplate: Reducer< ReadymadeTemplate | undefined, OnboardAction > = (
+	state = undefined, // Initial state is set to undefined
+	action
+) => {
+	switch ( action.type ) {
+		case 'SET_READYMADE_TEMPLATE':
+			return action.readymadeTemplate;
+
+		case 'RESET_ONBOARD_STORE':
+			return undefined;
+
+		default:
+			return state;
+	}
+};
+
 const selectedFeatures: Reducer< FeatureId[], OnboardAction > = (
 	state: FeatureId[] = [],
 	action
@@ -172,9 +206,9 @@ const siteTitle: Reducer< string, OnboardAction > = ( state = '', action ) => {
 	return state;
 };
 
-const anchorPodcastId: Reducer< string | null, OnboardAction > = ( state = '', action ) => {
-	if ( action.type === 'SET_ANCHOR_PODCAST_ID' ) {
-		return action.anchorPodcastId;
+const siteDescription: Reducer< string, OnboardAction > = ( state = '', action ) => {
+	if ( action.type === 'SET_SITE_DESCRIPTION' ) {
+		return action.siteDescription;
 	}
 	if ( action.type === 'RESET_ONBOARD_STORE' ) {
 		return '';
@@ -182,19 +216,45 @@ const anchorPodcastId: Reducer< string | null, OnboardAction > = ( state = '', a
 	return state;
 };
 
-const anchorEpisodeId: Reducer< string | null, OnboardAction > = ( state = '', action ) => {
-	if ( action.type === 'SET_ANCHOR_PODCAST_EPISODE_ID' ) {
-		return action.anchorEpisodeId;
+const siteLogo: Reducer< null | string, OnboardAction > = ( state = null, action ) => {
+	if ( action.type === 'SET_SITE_LOGO' ) {
+		return action.siteLogo;
 	}
 	if ( action.type === 'RESET_ONBOARD_STORE' ) {
-		return '';
+		return null;
 	}
 	return state;
 };
 
-const anchorSpotifyUrl: Reducer< string | null, OnboardAction > = ( state = '', action ) => {
-	if ( action.type === 'SET_ANCHOR_PODCAST_SPOTIFY_URL' ) {
-		return action.anchorSpotifyUrl;
+const productCartItems: Reducer< MinimalRequestCartProduct[] | null, OnboardAction > = (
+	state = [],
+	action
+) => {
+	if ( action.type === 'SET_PRODUCT_CART_ITEMS' ) {
+		return action.productCartItems;
+	}
+	if ( action.type === 'RESET_ONBOARD_STORE' ) {
+		return [];
+	}
+	return state;
+};
+
+const planCartItem: Reducer< MinimalRequestCartProduct | null, OnboardAction > = (
+	state = null,
+	action
+) => {
+	if ( action.type === 'SET_PLAN_CART_ITEM' ) {
+		return action.planCartItem;
+	}
+	if ( action.type === 'RESET_ONBOARD_STORE' ) {
+		return null;
+	}
+	return state;
+};
+
+const siteAccentColor: Reducer< string, OnboardAction > = ( state = '', action ) => {
+	if ( action.type === 'SET_SITE_ACCENT_COLOR' ) {
+		return action.siteAccentColor;
 	}
 	if ( action.type === 'RESET_ONBOARD_STORE' ) {
 		return '';
@@ -226,7 +286,10 @@ const intent: Reducer< string, OnboardAction > = ( state = '', action ) => {
 	if ( action.type === 'SET_INTENT' ) {
 		return action.intent;
 	}
-	if ( action.type === 'RESET_ONBOARD_STORE' ) {
+	if ( action.type === 'RESET_ONBOARD_STORE' && action?.skipFlags?.includes( 'skipIntent' ) ) {
+		return state;
+	}
+	if ( [ 'RESET_INTENT', 'RESET_ONBOARD_STORE' ].includes( action.type ) ) {
 		return '';
 	}
 	return state;
@@ -259,7 +322,10 @@ const pendingAction: Reducer< undefined | ( () => Promise< any > ), OnboardActio
 	if ( action.type === 'SET_PENDING_ACTION' ) {
 		return action.pendingAction;
 	}
-	if ( action.type === 'RESET_ONBOARD_STORE' ) {
+	if (
+		action.type === 'RESET_ONBOARD_STORE' &&
+		! action.skipFlags.includes( 'skipPendingAction' )
+	) {
 		return undefined;
 	}
 	return state;
@@ -285,40 +351,284 @@ const progressTitle: Reducer< string | undefined, OnboardAction > = ( state, act
 	return state;
 };
 
-const stepProgress: Reducer< { count: number; progress: number } | undefined, OnboardAction > = (
+const goals: Reducer< SiteGoal[], OnboardAction > = ( state = [], action ) => {
+	if ( action.type === 'SET_GOALS' ) {
+		return action.goals;
+	}
+	if ( action.type === 'CLEAR_IMPORT_GOAL' ) {
+		return state.filter( ( goal ) => goal !== SiteGoal.Import );
+	}
+	if ( action.type === 'CLEAR_DIFM_GOAL' ) {
+		return state.filter( ( goal ) => goal !== SiteGoal.DIFM );
+	}
+	if ( [ 'RESET_GOALS', 'RESET_ONBOARD_STORE' ].includes( action.type ) ) {
+		return [];
+	}
+	return state;
+};
+
+const verticalId: Reducer< string, OnboardAction > = ( state = '', action ) => {
+	if ( action.type === 'SET_VERTICAL_ID' ) {
+		return action.verticalId;
+	}
+	if ( action.type === 'RESET_ONBOARD_STORE' ) {
+		return '';
+	}
+	return state;
+};
+
+const storeLocationCountryCode: Reducer< string, OnboardAction > = ( state = '', action ) => {
+	if ( action.type === 'SET_STORE_LOCATION_COUNTRY_CODE' ) {
+		return action.storeLocationCountryCode;
+	}
+	if ( action.type === 'RESET_ONBOARD_STORE' ) {
+		return '';
+	}
+	return state;
+};
+
+const ecommerceFlowRecurType: Reducer< string, OnboardAction > = ( state = '', action ) => {
+	if ( action.type === 'SET_ECOMMERCE_FLOW_RECUR_TYPE' ) {
+		return action.ecommerceFlowRecurType;
+	}
+	if ( action.type === 'RESET_ONBOARD_STORE' ) {
+		return '';
+	}
+	return state;
+};
+
+const couponCode: Reducer< string, OnboardAction > = ( state = '', action ) => {
+	if ( action.type === 'SET_COUPON_CODE' ) {
+		return action.couponCode;
+	}
+	if ( [ 'RESET_COUPON_CODE', 'RESET_ONBOARD_STORE' ].includes( action.type ) ) {
+		return '';
+	}
+	return state;
+};
+
+const storageAddonSlug: Reducer< string, OnboardAction > = ( state = '', action ) => {
+	if ( action.type === 'SET_STORAGE_ADDON_SLUG' ) {
+		return action.storageAddonSlug;
+	}
+	if ( [ 'RESET_STORAGE_ADDON_SLUG', 'RESET_ONBOARD_STORE' ].includes( action.type ) ) {
+		return '';
+	}
+	return state;
+};
+
+const domainForm: Reducer< DomainForm, OnboardAction > = ( state = {}, action ) => {
+	if ( action.type === 'SET_DOMAIN_FORM' ) {
+		return {
+			...state,
+			...action.step,
+		};
+	}
+	if ( action.type === 'RESET_ONBOARD_STORE' ) {
+		return {};
+	}
+
+	return state;
+};
+
+const hideFreePlan: Reducer< boolean, OnboardAction > = ( state = false, action ) => {
+	if ( action.type === 'SET_HIDE_FREE_PLAN' ) {
+		return action.hideFreePlan;
+	}
+	if ( action.type === 'RESET_ONBOARD_STORE' ) {
+		return false;
+	}
+	return state;
+};
+
+const hidePlansFeatureComparison: Reducer< boolean, OnboardAction > = ( state = false, action ) => {
+	if ( action.type === 'SET_HIDE_PLANS_FEATURE_COMPARISON' ) {
+		return action.hidePlansFeatureComparison;
+	}
+	if ( action.type === 'RESET_ONBOARD_STORE' ) {
+		return false;
+	}
+	return state;
+};
+
+const domainCartItem: Reducer< MinimalRequestCartProduct | undefined, OnboardAction > = (
+	state = undefined,
+	action
+) => {
+	if ( action.type === 'SET_DOMAIN_CART_ITEM' ) {
+		return action.domainCartItem;
+	}
+	if ( action.type === 'RESET_ONBOARD_STORE' ) {
+		return undefined;
+	}
+
+	return state;
+};
+
+const domainCartItems: Reducer< MinimalRequestCartProduct[] | undefined, OnboardAction > = (
+	state = undefined,
+	action
+) => {
+	if ( action.type === 'SET_DOMAIN_CART_ITEMS' ) {
+		return action.domainCartItems;
+	}
+	if ( action.type === 'RESET_ONBOARD_STORE' ) {
+		return undefined;
+	}
+
+	return state;
+};
+
+const isMigrateFromWp: Reducer< boolean, OnboardAction > = ( state = false, action ) => {
+	if ( action.type === 'SET_IS_MIGRATE_FROM_WP' ) {
+		return action.isMigrateFromWp;
+	}
+	if ( action.type === 'RESET_ONBOARD_STORE' ) {
+		return false;
+	}
+	return state;
+};
+
+const pluginsToVerify: Reducer< string[] | undefined, OnboardAction > = ( state, action ) => {
+	if ( action.type === 'SET_PLUGIN_SLUGS_TO_VERIFY' ) {
+		return action.pluginSlugs;
+	}
+	if ( action.type === 'RESET_ONBOARD_STORE' ) {
+		return undefined;
+	}
+	return state;
+};
+
+export const profilerData: Reducer< ProfilerData | undefined, OnboardAction > = (
+	state,
+	action
+) => {
+	if ( action.type === 'SET_PROFILER_DATA' ) {
+		return action.profilerData;
+	}
+	if ( action.type === 'RESET_ONBOARD_STORE' ) {
+		return undefined;
+	}
+	return state;
+};
+
+export const domainTransferNames: Reducer< DomainTransferNames | undefined, OnboardAction > = (
 	state,
 	action
 ) => {
-	if ( action.type === 'SET_STEP_PROGRESS' ) {
-		return action.stepProgress;
+	if ( action.type === 'SET_DOMAINS_TRANSFER_DATA' ) {
+		// we don't want to store empty objects
+		if ( action.bulkDomainsData && Object.keys( action.bulkDomainsData ).length > 0 ) {
+			// remove auth codes for safety
+			return Object.entries( action.bulkDomainsData ).reduce(
+				( domainTransferNames, [ key, value ] ) => {
+					domainTransferNames[ key ] = value.domain;
+					return domainTransferNames;
+				},
+				{} as DomainTransferNames
+			);
+		}
+		return undefined;
+	}
+	if ( action.type === 'RESET_ONBOARD_STORE' ) {
+		return undefined;
 	}
 	return state;
 };
 
-const goals: Reducer< GoalKey[], OnboardAction > = ( state = [], action ) => {
-	if ( action.type === 'SET_GOALS' ) {
-		return action.goals;
+/**
+ * A separate reducer for auth codes to avoid persisting sensitive data.
+ */
+export const domainTransferAuthCodes: Reducer<
+	DomainTransferAuthCodes | undefined,
+	OnboardAction
+> = ( state, action ) => {
+	if ( action.type === 'SET_DOMAINS_TRANSFER_DATA' ) {
+		// we don't want to store empty objects
+		if ( action.bulkDomainsData && Object.keys( action.bulkDomainsData ).length > 0 ) {
+			return Object.entries( action.bulkDomainsData ).reduce( ( authCodes, [ key, value ] ) => {
+				authCodes[ key ] = {
+					auth: value.auth,
+					valid: value.valid,
+					rawPrice: value.rawPrice,
+					saleCost: value.saleCost,
+					currencyCode: value.currencyCode,
+				};
+				return authCodes;
+			}, {} as DomainTransferAuthCodes );
+		}
+		return undefined;
 	}
 	if ( action.type === 'RESET_ONBOARD_STORE' ) {
-		return [];
+		return undefined;
+	}
+	return state;
+};
+
+export const shouldImportDomainTransferDnsRecords: Reducer< boolean, OnboardAction > = (
+	state = true,
+	action
+) => {
+	if ( action.type === 'SET_SHOULD_IMPORT_DOMAIN_TRANSFER_DNS_RECORDS' ) {
+		return action.shouldImportDomainTransferDnsRecords;
+	}
+	if ( action.type === 'RESET_ONBOARD_STORE' ) {
+		return true;
 	}
 	return state;
 };
 
+const paidSubscribers: Reducer< boolean, OnboardAction > = ( state = false, action ) => {
+	if ( action.type === 'SET_PAID_SUBSCRIBERS' ) {
+		return action.paidSubscribers;
+	}
+	if ( action.type === 'RESET_ONBOARD_STORE' ) {
+		return false;
+	}
+	return state;
+};
+
+const partnerBundle: Reducer< string | null, OnboardAction > = ( state = null, action ) => {
+	if ( action.type === 'SET_PARTNER_BUNDLE' ) {
+		return action.partnerBundle;
+	}
+	if ( action.type === 'RESET_ONBOARD_STORE' ) {
+		return null;
+	}
+	return state;
+};
+
+const signupDomainOrigin: Reducer< string | undefined, OnboardAction > = (
+	state = undefined,
+	action
+) => {
+	if ( action.type === 'SET_SIGNUP_DOMAIN_ORIGIN' ) {
+		return action.signupDomainOrigin;
+	}
+	if ( action.type === 'RESET_ONBOARD_STORE' ) {
+		return undefined;
+	}
+
+	return state;
+};
+
 const reducer = combineReducers( {
-	anchorPodcastId,
-	anchorEpisodeId,
-	anchorSpotifyUrl,
 	domain,
+	domainCartItem,
 	domainSearch,
 	domainCategory,
+	domainForm,
+	siteUrl,
 	isRedirecting,
 	hasUsedDomainsStep,
 	hasUsedPlansStep,
 	selectedFeatures,
+	domainTransferNames,
+	domainTransferAuthCodes,
+	shouldImportDomainTransferDnsRecords,
 	storeType,
-	selectedFonts,
 	selectedDesign,
+	selectedStyleVariation,
 	selectedSite,
 	siteTitle,
 	showSignupDialog,
@@ -331,8 +641,27 @@ const reducer = combineReducers( {
 	pendingAction,
 	progress,
 	progressTitle,
-	stepProgress,
 	goals,
+	hideFreePlan,
+	hidePlansFeatureComparison,
+	siteDescription,
+	siteLogo,
+	siteAccentColor,
+	readymadeTemplate,
+	verticalId,
+	storeLocationCountryCode,
+	ecommerceFlowRecurType,
+	couponCode,
+	storageAddonSlug,
+	planCartItem,
+	productCartItems,
+	isMigrateFromWp,
+	domainCartItems,
+	pluginsToVerify,
+	profilerData,
+	paidSubscribers,
+	partnerBundle,
+	signupDomainOrigin,
 } );
 
 export type State = ReturnType< typeof reducer >;

package/src/onboard/selectors.ts

@@ -1,32 +1,63 @@
-import { isGoodDefaultDomainQuery } from '@automattic/domain-utils';
+import { DomainTransferData } from './types';
 import type { State } from './reducer';
-export const getAnchorPodcastId = ( state: State ) => state.anchorPodcastId;
-export const getAnchorEpisodeId = ( state: State ) => state.anchorEpisodeId;
-export const getAnchorSpotifyUrl = ( state: State ) => state.anchorSpotifyUrl;
+/**
+ * Merge persisted domain names with unpersisted auth codes.
+ * We don't want to persist auth codes due to their sensitive nature.
+ * @param state
+ * @returns
+ */
+export const getBulkDomainsData = ( state: State ) => {
+	if ( ! state.domainTransferNames ) {
+		return undefined;
+	}
+	const domainTransferData: DomainTransferData = {};
+	for ( const key in state.domainTransferNames ) {
+		domainTransferData[ key ] = {
+			domain: state.domainTransferNames[ key ],
+			auth: state.domainTransferAuthCodes?.[ key ].auth ?? '',
+			valid: state.domainTransferAuthCodes?.[ key ].valid ?? false,
+			rawPrice: state.domainTransferAuthCodes?.[ key ].rawPrice ?? 0,
+			saleCost: state.domainTransferAuthCodes?.[ key ].saleCost,
+			currencyCode: state.domainTransferAuthCodes?.[ key ].currencyCode ?? 'USD',
+		};
+	}
+	return domainTransferData;
+};
+export const getBulkDomainsImportDnsRecords = ( state: State ) =>
+	state.shouldImportDomainTransferDnsRecords;
 export const getIsRedirecting = ( state: State ) => state.isRedirecting;
 export const getPlanProductId = ( state: State ) => state.planProductId;
+export const getPlanCartItem = ( state: State ) => state.planCartItem;
+export const getProductCartItems = ( state: State ) => state.productCartItems;
 export const getLastLocation = ( state: State ) => state.lastLocation;
 export const getRandomizedDesigns = ( state: State ) => state.randomizedDesigns;
 export const getSelectedDesign = ( state: State ) => state.selectedDesign;
+export const getSelectedStyleVariation = ( state: State ) => state.selectedStyleVariation;
 export const getSelectedDomain = ( state: State ) => state.domain;
 export const getSelectedFeatures = ( state: State ) => state.selectedFeatures;
-export const getSelectedFonts = ( state: State ) => state.selectedFonts;
 export const getSelectedSite = ( state: State ) => state.selectedSite;
 export const getSelectedSiteTitle = ( state: State ) => state.siteTitle;
+export const getSelectedSiteLogo = ( state: State ) => state.siteLogo;
+export const getSelectedSiteDescription = ( state: State ) => state.siteDescription;
+export const getSelectedSiteAccentColor = ( state: State ) => state.siteAccentColor;
+export const getSelectedReadymadeTemplate = ( state: State ) => state.readymadeTemplate;
 export const getIntent = ( state: State ) => state.intent;
 export const getStartingPoint = ( state: State ) => state.startingPoint;
 export const getStoreType = ( state: State ) => state.storeType;
 export const getPendingAction = ( state: State ) => state.pendingAction;
 export const getProgress = ( state: State ) => state.progress;
 export const getProgressTitle = ( state: State ) => state.progressTitle;
-export const getStepProgress = ( state: State ) => state.stepProgress;
 export const getGoals = ( state: State ) => state.goals;
+export const getStoreLocationCountryCode = ( state: State ) => state.storeLocationCountryCode;
+export const getEcommerceFlowRecurType = ( state: State ) => state.ecommerceFlowRecurType;
+export const getCouponCode = ( state: State ) => state.couponCode;
+export const getStorageAddonSlug = ( state: State ) => state.storageAddonSlug;
 export const getState = ( state: State ) => state;
 export const hasPaidDesign = ( state: State ): boolean => {
 	if ( ! state.selectedDesign ) {
 		return false;
 	}
-	return state.selectedDesign.is_premium;
+	return state.selectedDesign?.design_tier !== 'free';
 };
 export const hasPaidDomain = ( state: State ): boolean => {
 	if ( ! state.domain ) {
@@ -37,12 +68,17 @@ export const hasPaidDomain = ( state: State ): boolean => {
 export const hasSiteTitle = ( state: State ) => state.siteTitle.trim().length > 1; // for valid domain results, we need at least 2 characters
 
 // Selectors dependent on other selectors (cannot be put in alphabetical order)
-export const getDomainSearch = ( state: State ) =>
-	state.domainSearch ||
-	( isGoodDefaultDomainQuery( getSelectedSiteTitle( state ) ) && getSelectedSiteTitle( state ) ) ||
-	undefined;
-
 export const hasSelectedDesign = ( state: State ) => !! state.selectedDesign;
 
-export const hasSelectedDesignWithoutFonts = ( state: State ) =>
-	hasSelectedDesign( state ) && ! state.selectedFonts;
+export const getDomainForm = ( state: State ) => state.domainForm;
+export const getDomainCartItem = ( state: State ) => state.domainCartItem;
+export const getDomainCartItems = ( state: State ) => state.domainCartItems;
+export const getSignupDomainOrigin = ( state: State ) => state.signupDomainOrigin;
+export const getSiteUrl = ( state: State ) => state.siteUrl;
+export const getHideFreePlan = ( state: State ) => state.hideFreePlan;
+export const getHidePlansFeatureComparison = ( state: State ) => state.hidePlansFeatureComparison;
+export const getIsMigrateFromWp = ( state: State ) => state.isMigrateFromWp;
+export const getPluginsToVerify = ( state: State ) => state.pluginsToVerify;
+export const getProfilerData = ( state: State ) => state.profilerData;
+export const getPaidSubscribers = ( state: State ) => state.paidSubscribers;
+export const getPartnerBundle = ( state: State ) => state.partnerBundle;

package/src/onboard/test/actions.ts

@@ -0,0 +1,25 @@
+/**
+ * @jest-environment jsdom
+ */
+
+import { setProfilerData } from '../actions';
+import { ProfilerData } from '../types';
+
+describe( 'actions', () => {
+	const expectedProfilerData = {
+		industry: 'clothing_and_accessories',
+		persona: 'im_already_selling_online',
+		platforms: [ 'shopify' ],
+		store_location: 'us',
+		store_name: 'Beautifully Handmade, 手工精美',
+	} as ProfilerData;
+
+	it( 'should return a SET_PROFILER_DATA action', () => {
+		const expected = {
+			type: 'SET_PROFILER_DATA',
+			profilerData: expectedProfilerData,
+		};
+
+		expect( setProfilerData( expectedProfilerData ) ).toEqual( expected );
+	} );
+} );

package/src/onboard/test/reducers.ts

@@ -0,0 +1,26 @@
+import { profilerData } from '../reducer';
+import { ProfilerData } from '../types';
+
+describe( 'reducer', () => {
+	it( 'returns the correct default state', () => {
+		const state = profilerData( undefined, { type: 'TEST_ACTION' } );
+		expect( state ).toEqual( undefined );
+	} );
+
+	it( 'returns the profiler data', () => {
+		const expectedProfilerData = {
+			industry: 'clothing_and_accessories',
+			persona: 'im_already_selling_online',
+			platforms: [ 'shopify' ],
+			store_location: 'us',
+			store_name: 'Beautifully Handmade, 手工精美',
+		} as ProfilerData;
+
+		const state = profilerData( undefined, {
+			type: 'SET_PROFILER_DATA',
+			profilerData: expectedProfilerData,
+		} );
+
+		expect( state ).toEqual( expectedProfilerData );
+	} );
+} );

package/src/onboard/test/selectors.ts

@@ -0,0 +1,22 @@
+/**
+ * @jest-environment jsdom
+ */
+
+import { getProfilerData } from '../selectors';
+import type { State } from '../reducer';
+
+describe( 'selectors', () => {
+	it( 'should return the profiler data', () => {
+		const expectedProfilerData = {
+			industry: 'clothing_and_accessories',
+			persona: 'im_already_selling_online',
+			platforms: [ 'shopify' ],
+			store_location: 'us',
+			store_name: 'Beautifully Handmade, 手工精美',
+		};
+		const state: State = {
+			profilerData: expectedProfilerData,
+		};
+		expect( getProfilerData( state ) ).toEqual( expectedProfilerData );
+	} );
+} );