@automattic/data-stores 1.0.0-alpha.0 → 3.0.0

package/src/onboard/reducer.ts

@@ -0,0 +1,340 @@
+import { combineReducers } from '@wordpress/data';
+import { GoalKey } from './constants';
+import type { DomainSuggestion } from '../domain-suggestions/types';
+import type { FeatureId } from '../wpcom-features/types';
+import type { OnboardAction } from './actions';
+// somewhat hacky, but resolves the circular dependency issue
+import type { Design, FontPair } from '@automattic/design-picker/src/types';
+import type { Reducer } from 'redux';
+
+const domain: Reducer< DomainSuggestion | undefined, OnboardAction > = ( state, action ) => {
+	if ( action.type === 'SET_DOMAIN' ) {
+		return action.domain;
+	}
+	if ( action.type === 'RESET_ONBOARD_STORE' ) {
+		return undefined;
+	}
+	return state;
+};
+
+const domainSearch: Reducer< string, OnboardAction > = ( state = '', action ) => {
+	if ( action.type === 'SET_DOMAIN_SEARCH_TERM' ) {
+		return action.domainSearch;
+	}
+	if ( action.type === 'RESET_ONBOARD_STORE' ) {
+		return '';
+	}
+	return state;
+};
+
+const domainCategory: Reducer< string | undefined, OnboardAction > = ( state, action ) => {
+	if ( action.type === 'SET_DOMAIN_CATEGORY' ) {
+		return action.domainCategory;
+	}
+	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;
+	}
+	if ( action.type === 'RESET_ONBOARD_STORE' ) {
+		return false;
+	}
+	return state;
+};
+
+const hasUsedPlansStep: Reducer< boolean, OnboardAction > = ( state = false, action ) => {
+	if ( action.type === 'SET_HAS_USED_PLANS_STEP' ) {
+		return action.hasUsedPlansStep;
+	}
+	if ( action.type === 'RESET_ONBOARD_STORE' ) {
+		return false;
+	}
+	return state;
+};
+
+const isRedirecting: Reducer< boolean, OnboardAction > = ( state = false, action ) => {
+	if ( action.type === 'SET_IS_REDIRECTING' ) {
+		return action.isRedirecting;
+	}
+	// This reducer is intentionally not cleared by 'RESET_ONBOARD_STORE' to prevent
+	// a flash of the IntentGathering step after the store is reset.
+	return state;
+};
+
+const planProductId: Reducer< number | undefined, OnboardAction > = ( state, action ) => {
+	if ( action.type === 'SET_PLAN_PRODUCT_ID' ) {
+		return action.planProductId;
+	}
+	if ( action.type === 'RESET_ONBOARD_STORE' ) {
+		return undefined;
+	}
+	return state;
+};
+
+const randomizedDesigns: Reducer< { featured: Design[] }, OnboardAction > = (
+	state = { featured: [] },
+	action
+) => {
+	if ( action.type === 'SET_RANDOMIZED_DESIGNS' ) {
+		return action.randomizedDesigns;
+	}
+	if ( action.type === 'RESET_ONBOARD_STORE' ) {
+		return { featured: [] };
+	}
+	return state;
+};
+
+const selectedFonts: Reducer< FontPair | undefined, OnboardAction > = (
+	state = undefined,
+	action
+) => {
+	if ( action.type === 'SET_FONTS' ) {
+		return action.fonts;
+	}
+	if ( action.type === 'RESET_FONTS' || action.type === 'RESET_ONBOARD_STORE' ) {
+		return undefined;
+	}
+	return state;
+};
+
+const selectedDesign: Reducer< Design | undefined, OnboardAction > = ( state, action ) => {
+	if ( action.type === 'SET_SELECTED_DESIGN' ) {
+		return action.selectedDesign;
+	}
+	if ( action.type === 'RESET_ONBOARD_STORE' ) {
+		return undefined;
+	}
+	return state;
+};
+
+const selectedFeatures: Reducer< FeatureId[], OnboardAction > = (
+	state: FeatureId[] = [],
+	action
+) => {
+	if ( action.type === 'ADD_FEATURE' ) {
+		return [ ...state, action.featureId ];
+	}
+
+	if ( action.type === 'SET_DOMAIN' && action.domain && ! action.domain?.is_free ) {
+		return [ ...state, 'domain' ];
+	}
+
+	if ( action.type === 'SET_DOMAIN' && action.domain?.is_free ) {
+		return state.filter( ( id ) => id !== 'domain' );
+	}
+
+	if ( action.type === 'REMOVE_FEATURE' ) {
+		return state.filter( ( id ) => id !== action.featureId );
+	}
+
+	if ( action.type === 'RESET_ONBOARD_STORE' ) {
+		return [];
+	}
+
+	return state;
+};
+
+const selectedSite: Reducer< number | undefined, OnboardAction > = (
+	state = undefined,
+	action
+) => {
+	if ( action.type === 'SET_SELECTED_SITE' ) {
+		return action.selectedSite;
+	}
+	if ( action.type === 'RESET_ONBOARD_STORE' ) {
+		return undefined;
+	}
+	return state;
+};
+
+const showSignupDialog: Reducer< boolean, OnboardAction > = ( state = false, action ) => {
+	if ( action.type === 'SET_SHOW_SIGNUP_DIALOG' ) {
+		return action.showSignup;
+	}
+	if ( action.type === 'RESET_ONBOARD_STORE' ) {
+		return false;
+	}
+	return state;
+};
+
+const siteTitle: Reducer< string, OnboardAction > = ( state = '', action ) => {
+	if ( action.type === 'SET_SITE_TITLE' ) {
+		return action.siteTitle;
+	}
+	if ( action.type === 'RESET_ONBOARD_STORE' ) {
+		return '';
+	}
+	return state;
+};
+
+const anchorPodcastId: Reducer< string | null, OnboardAction > = ( state = '', action ) => {
+	if ( action.type === 'SET_ANCHOR_PODCAST_ID' ) {
+		return action.anchorPodcastId;
+	}
+	if ( action.type === 'RESET_ONBOARD_STORE' ) {
+		return '';
+	}
+	return state;
+};
+
+const anchorEpisodeId: Reducer< string | null, OnboardAction > = ( state = '', action ) => {
+	if ( action.type === 'SET_ANCHOR_PODCAST_EPISODE_ID' ) {
+		return action.anchorEpisodeId;
+	}
+	if ( action.type === 'RESET_ONBOARD_STORE' ) {
+		return '';
+	}
+	return state;
+};
+
+const anchorSpotifyUrl: Reducer< string | null, OnboardAction > = ( state = '', action ) => {
+	if ( action.type === 'SET_ANCHOR_PODCAST_SPOTIFY_URL' ) {
+		return action.anchorSpotifyUrl;
+	}
+	if ( action.type === 'RESET_ONBOARD_STORE' ) {
+		return '';
+	}
+	return state;
+};
+
+const hasOnboardingStarted: Reducer< boolean, OnboardAction > = ( state = false, action ) => {
+	if ( action.type === 'ONBOARDING_START' ) {
+		return true;
+	}
+	if ( action.type === 'RESET_ONBOARD_STORE' ) {
+		return false;
+	}
+	return state;
+};
+
+const lastLocation: Reducer< string, OnboardAction > = ( state = '', action ) => {
+	if ( action.type === 'SET_LAST_LOCATION' ) {
+		return action.path;
+	}
+	if ( action.type === 'RESET_ONBOARD_STORE' ) {
+		return '';
+	}
+	return state;
+};
+
+const intent: Reducer< string, OnboardAction > = ( state = '', action ) => {
+	if ( action.type === 'SET_INTENT' ) {
+		return action.intent;
+	}
+	if ( action.type === 'RESET_ONBOARD_STORE' ) {
+		return '';
+	}
+	return state;
+};
+
+const startingPoint: Reducer< string, OnboardAction > = ( state = '', action ) => {
+	if ( action.type === 'SET_STARTING_POINT' ) {
+		return action.startingPoint;
+	}
+	if ( action.type === 'RESET_ONBOARD_STORE' ) {
+		return '';
+	}
+	return state;
+};
+
+const storeType: Reducer< string, OnboardAction > = ( state = '', action ) => {
+	if ( action.type === 'SET_STORE_TYPE' ) {
+		return action.storeType;
+	}
+	if ( action.type === 'RESET_ONBOARD_STORE' ) {
+		return '';
+	}
+	return state;
+};
+
+const pendingAction: Reducer< undefined | ( () => Promise< any > ), OnboardAction > = (
+	state,
+	action
+) => {
+	if ( action.type === 'SET_PENDING_ACTION' ) {
+		return action.pendingAction;
+	}
+	if ( action.type === 'RESET_ONBOARD_STORE' ) {
+		return undefined;
+	}
+	return state;
+};
+
+const progress: Reducer< number, OnboardAction > = ( state = -1, action ) => {
+	if ( action.type === 'SET_PROGRESS' ) {
+		return action.progress;
+	}
+	if ( action.type === 'RESET_ONBOARD_STORE' ) {
+		return -1;
+	}
+	return state;
+};
+
+const progressTitle: Reducer< string | undefined, OnboardAction > = ( state, action ) => {
+	if ( action.type === 'SET_PROGRESS_TITLE' ) {
+		return action.progressTitle;
+	}
+	if ( action.type === 'RESET_ONBOARD_STORE' ) {
+		return undefined;
+	}
+	return state;
+};
+
+const stepProgress: Reducer< { count: number; progress: number } | undefined, OnboardAction > = (
+	state,
+	action
+) => {
+	if ( action.type === 'SET_STEP_PROGRESS' ) {
+		return action.stepProgress;
+	}
+	return state;
+};
+
+const goals: Reducer< GoalKey[], OnboardAction > = ( state = [], action ) => {
+	if ( action.type === 'SET_GOALS' ) {
+		return action.goals;
+	}
+	if ( action.type === 'RESET_ONBOARD_STORE' ) {
+		return [];
+	}
+	return state;
+};
+
+const reducer = combineReducers( {
+	anchorPodcastId,
+	anchorEpisodeId,
+	anchorSpotifyUrl,
+	domain,
+	domainSearch,
+	domainCategory,
+	isRedirecting,
+	hasUsedDomainsStep,
+	hasUsedPlansStep,
+	selectedFeatures,
+	storeType,
+	selectedFonts,
+	selectedDesign,
+	selectedSite,
+	siteTitle,
+	showSignupDialog,
+	planProductId,
+	randomizedDesigns,
+	hasOnboardingStarted,
+	lastLocation,
+	intent,
+	startingPoint,
+	pendingAction,
+	progress,
+	progressTitle,
+	stepProgress,
+	goals,
+} );
+
+export type State = ReturnType< typeof reducer >;
+
+export default reducer;

package/src/onboard/selectors.ts

@@ -0,0 +1,48 @@
+import { isGoodDefaultDomainQuery } from '@automattic/domain-utils';
+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;
+export const getIsRedirecting = ( state: State ) => state.isRedirecting;
+export const getPlanProductId = ( state: State ) => state.planProductId;
+export const getLastLocation = ( state: State ) => state.lastLocation;
+export const getRandomizedDesigns = ( state: State ) => state.randomizedDesigns;
+export const getSelectedDesign = ( state: State ) => state.selectedDesign;
+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 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 getState = ( state: State ) => state;
+export const hasPaidDesign = ( state: State ): boolean => {
+	if ( ! state.selectedDesign ) {
+		return false;
+	}
+	return state.selectedDesign.is_premium;
+};
+export const hasPaidDomain = ( state: State ): boolean => {
+	if ( ! state.domain ) {
+		return false;
+	}
+	return ! state.domain.is_free;
+};
+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;

package/src/persistence-config-factory/index.ts

@@ -0,0 +1,86 @@
+/*
+    Defines the options used for the @wp/data persistence plugin, 
+    which include a persistent storage implementation to add data expiration handling.
+*/
+
+/**
+ * Creates a storage config for state persistence
+ *
+ * @param storageKey Unique key to the storage
+ */
+export default function createPersistenceConfig( storageKey: string ) {
+	const PERSISTENCE_INTERVAL = 7 * 24 * 3600000; // days * hours in days * ms in hour
+	const STORAGE_KEY = storageKey;
+	const STORAGE_TS_KEY = storageKey + '_TS';
+
+	// A plain object fallback if localStorage is not available
+	const objStore: { [ key: string ]: string } = {};
+
+	const objStorage: Pick< Storage, 'getItem' | 'setItem' | 'removeItem' > = {
+		getItem( key ) {
+			if ( objStore.hasOwnProperty( key ) ) {
+				return objStore[ key ];
+			}
+
+			return null;
+		},
+		setItem( key, value ) {
+			objStore[ key ] = String( value );
+		},
+		removeItem( key ) {
+			delete objStore[ key ];
+		},
+	};
+
+	// Make sure localStorage support exists
+	const localStorageSupport = (): boolean => {
+		try {
+			window.localStorage.setItem( 'WP_ONBOARD_TEST', '1' );
+			window.localStorage.removeItem( 'WP_ONBOARD_TEST' );
+			return true;
+		} catch ( e ) {
+			return false;
+		}
+	};
+
+	// Choose the right storage implementation
+	const storageHandler = localStorageSupport() ? window.localStorage : objStorage;
+
+	// Persisted data expires after seven days
+	const isNotExpired = ( timestampStr: string ): boolean => {
+		const timestamp = Number( timestampStr );
+		return Boolean( timestamp ) && timestamp + PERSISTENCE_INTERVAL > Date.now();
+	};
+
+	// Check for "fresh" query param
+	const hasFreshParam = (): boolean => {
+		return new URLSearchParams( window.location.search ).has( 'fresh' );
+	};
+
+	// Handle data expiration by providing a storage object override to the @wp/data persistence plugin.
+	const storage: Pick< Storage, 'getItem' | 'setItem' > = {
+		getItem( key ) {
+			const timestamp = storageHandler.getItem( STORAGE_TS_KEY );
+
+			if ( timestamp && isNotExpired( timestamp ) && ! hasFreshParam() ) {
+				return storageHandler.getItem( key );
+			}
+
+			storageHandler.removeItem( STORAGE_KEY );
+			storageHandler.removeItem( STORAGE_TS_KEY );
+
+			return null;
+		},
+		setItem( key, value ) {
+			storageHandler.setItem( STORAGE_TS_KEY, JSON.stringify( Date.now() ) );
+			storageHandler.setItem( key, value );
+		},
+	};
+
+	const persistOptions = {
+		storageKey: STORAGE_KEY,
+		storage,
+	};
+
+	return persistOptions;
+}

package/src/plans/actions.ts

@@ -0,0 +1,63 @@
+import type { Plan, PlanFeature, FeaturesByType, PlanProduct } from './types';
+
+type setFeaturesAction = {
+	type: 'SET_FEATURES';
+	features: Record< string, PlanFeature >;
+	locale: string;
+};
+export const setFeatures = (
+	features: Record< string, PlanFeature >,
+	locale: string
+): setFeaturesAction => ( {
+	type: 'SET_FEATURES' as const,
+	features,
+	locale,
+} );
+
+type setFeaturesByTypeAction = {
+	type: 'SET_FEATURES_BY_TYPE';
+	featuresByType: Array< FeaturesByType >;
+	locale: string;
+};
+export const setFeaturesByType = (
+	featuresByType: Array< FeaturesByType >,
+	locale: string
+): setFeaturesByTypeAction => ( {
+	type: 'SET_FEATURES_BY_TYPE' as const,
+	featuresByType,
+	locale,
+} );
+
+type setPlansAction = {
+	type: 'SET_PLANS';
+	plans: Plan[];
+	locale: string;
+};
+export const setPlans = ( plans: Plan[], locale: string ): setPlansAction => ( {
+	type: 'SET_PLANS' as const,
+	plans,
+	locale,
+} );
+
+type setPlanProductsAction = {
+	type: 'SET_PLAN_PRODUCTS';
+	products: PlanProduct[];
+};
+export const setPlanProducts = ( products: PlanProduct[] ): setPlanProductsAction => ( {
+	type: 'SET_PLAN_PRODUCTS' as const,
+	products,
+} );
+
+type resetPlanAction = { type: 'RESET_PLAN' };
+export const resetPlan = (): resetPlanAction => ( {
+	type: 'RESET_PLAN' as const,
+} );
+
+export type PlanAction = ReturnType<
+	| typeof setFeatures
+	| typeof setFeaturesByType
+	| typeof setPlans
+	| typeof resetPlan
+	| typeof setPlanProducts
+	| ( () => { type: 'NOOP' } )
+>;

package/src/plans/constants.ts

@@ -0,0 +1,52 @@
+export const STORE_KEY = 'automattic/onboard/plans';
+
+export const FREE_PLAN_PRODUCT_ID = 1;
+
+// plans constants
+export const TIMELESS_PLAN_FREE = 'free';
+export const TIMELESS_PLAN_PERSONAL = 'personal';
+export const TIMELESS_PLAN_PREMIUM = 'premium';
+export const TIMELESS_PLAN_BUSINESS = 'business';
+export const TIMELESS_PLAN_ECOMMERCE = 'ecommerce';
+
+export const plansSlugs = [
+	TIMELESS_PLAN_FREE,
+	TIMELESS_PLAN_PERSONAL,
+	TIMELESS_PLAN_PREMIUM,
+	TIMELESS_PLAN_BUSINESS,
+	TIMELESS_PLAN_ECOMMERCE,
+] as const;
+
+// order of the plans used to determine recommended plan based on features
+export const plansOrder = plansSlugs;
+
+export const DEFAULT_PAID_PLAN = TIMELESS_PLAN_PREMIUM;
+
+// plan products constants
+export const PLAN_FREE = 'free_plan';
+export const PLAN_PERSONAL = 'personal-bundle';
+export const PLAN_PREMIUM = 'value_bundle';
+export const PLAN_BUSINESS = 'business-bundle';
+export const PLAN_ECOMMERCE = 'ecommerce-bundle';
+
+export const PLAN_PERSONAL_MONTHLY = 'personal-bundle-monthly';
+export const PLAN_PREMIUM_MONTHLY = 'value_bundle_monthly';
+export const PLAN_BUSINESS_MONTHLY = 'business-bundle-monthly';
+export const PLAN_ECOMMERCE_MONTHLY = 'ecommerce-bundle-monthly';
+
+export const annualSlugs = [ PLAN_PERSONAL, PLAN_PREMIUM, PLAN_BUSINESS, PLAN_ECOMMERCE ] as const;
+
+export const monthlySlugs = [
+	PLAN_PERSONAL_MONTHLY,
+	PLAN_PREMIUM_MONTHLY,
+	PLAN_BUSINESS_MONTHLY,
+	PLAN_ECOMMERCE_MONTHLY,
+] as const;
+
+export const plansProductSlugs = [ PLAN_FREE, ...annualSlugs, ...monthlySlugs ] as const;
+
+export const FEATURE_IDS_THAT_REQUIRE_ANNUALLY_BILLED_PLAN = [
+	'custom-domain',
+	'support-live',
+	'priority-support',
+];

package/src/plans/index.ts

@@ -0,0 +1,56 @@
+import { registerStore } from '@wordpress/data';
+import { controls } from '../wpcom-request-controls';
+import * as actions from './actions';
+import { STORE_KEY } from './constants';
+import reducer, { State } from './reducer';
+import * as resolvers from './resolvers';
+import * as selectors from './selectors';
+import type { SelectFromMap, DispatchFromMap } from '../mapped-types';
+
+export type { State };
+export type {
+	Plan,
+	PlanSlug,
+	StorePlanSlug,
+	PlanProduct,
+	PlanFeature,
+	PlanPath,
+	PlanBillingPeriod,
+	PlanSimplifiedFeature,
+} from './types';
+
+// plansSlugs is a list with the identifiers for each plan and they are agnostic of billing period; eg: 'free', 'personal'
+// plansSlugs is also used to construct the route that accepts plan slugs like '/free', '/personal', '/business'
+// plansProductSlugs is a list with the identifiers for each plan product (including the billing period); eg: 'personal-bundle', 'personal-bundle-monthly'
+// TIMELESS_* is the slug for each plan
+export {
+	plansSlugs,
+	plansProductSlugs,
+	TIMELESS_PLAN_FREE,
+	TIMELESS_PLAN_PERSONAL,
+	TIMELESS_PLAN_PREMIUM,
+	TIMELESS_PLAN_BUSINESS,
+	TIMELESS_PLAN_ECOMMERCE,
+	FREE_PLAN_PRODUCT_ID,
+} from './constants';
+
+let isRegistered = false;
+
+export function register(): typeof STORE_KEY {
+	if ( ! isRegistered ) {
+		isRegistered = true;
+		registerStore< State >( STORE_KEY, {
+			resolvers,
+			actions,
+			controls: controls as any,
+			reducer,
+			selectors,
+		} );
+	}
+	return STORE_KEY;
+}
+
+declare module '@wordpress/data' {
+	function dispatch( key: typeof STORE_KEY ): DispatchFromMap< typeof actions >;
+	function select( key: typeof STORE_KEY ): SelectFromMap< typeof selectors >;
+}

package/src/plans/mock/apis/features.ts

@@ -0,0 +1,51 @@
+import type { FeaturesByType } from '../../types';
+
+// Individual Features
+export const API_FEATURE_CUSTOM_DOMAIN = {
+	id: 'custom-domain',
+	name: 'Free domain for One Year',
+	description:
+		'Get a free domain for one year. Premium domains not included. Your domain will renew at its regular price.',
+};
+export const API_FEATURE_LIVE_SUPPORT = {
+	id: 'support-live',
+	name: 'Live chat support',
+	description:
+		'High quality support to help you get your website up and running and working how you want it.',
+};
+export const API_FEATURE_PRIORITY_SUPPORT = {
+	id: 'priority-support',
+	name: '24/7 Priority live chat support',
+	description: 'Receive faster support from our WordPress experts - weekends included.',
+};
+export const API_FEATURE_RECURRING_PAYMENTS = {
+	id: 'recurring-payments',
+	name: 'Sell subscriptions (recurring payments)',
+	description: 'Accept one-time, monthly or annual payments on your website.',
+};
+export const API_FEATURE_WORDADS = {
+	id: 'wordads',
+	name: 'WordAds',
+	description: 'Put your site to work and earn through ad revenue.',
+};
+
+// Feature groups (by type)
+export const API_FEATURES_BY_TYPE_GENERAL: FeaturesByType = {
+	id: 'general',
+	name: null,
+	features: [
+		API_FEATURE_CUSTOM_DOMAIN.id,
+		API_FEATURE_LIVE_SUPPORT.id,
+		API_FEATURE_PRIORITY_SUPPORT.id,
+	],
+};
+export const API_FEATURES_BY_TYPE_COMMERCE: FeaturesByType = {
+	id: 'commerce',
+	name: 'Commerce',
+	features: [ API_FEATURE_RECURRING_PAYMENTS.id ],
+};
+export const API_FEATURES_BY_TYPE_MARKETING: FeaturesByType = {
+	id: 'marketing',
+	name: 'Marketing',
+	features: [ API_FEATURE_WORDADS.id ],
+};