JAVASCRIPT effects.js

/**
 * External dependencies
 */
import { useDispatch } from '@wordpress/data';
import { useEffect } from '@wordpress/element';

/**
 * Internal dependencies
 */
import { USER_INTERACTION_STORE_NAME } from '../data';

export const useCreateNotice = ( error ) => {
	const { createNotice } = useDispatch( 'core/notices' );

	useEffect( () => {
		if ( error ) {
			createNotice( 'error', error );
		}
	}, [ error, createNotice ] );
};

export const useDismissAdsModalDispatch = () => {
	const { adsModalDismissed } = useDispatch( USER_INTERACTION_STORE_NAME );
	return () => adsModalDismissed();
};

export const useDismissAdsNoticeDispatch = () => {
	const { adsNoticeDismissed } = useDispatch( USER_INTERACTION_STORE_NAME );
	return () => adsNoticeDismissed();
};

export const useDismissCapiModalDispatch = () => {
	const { capiModalDismissed } = useDispatch( USER_INTERACTION_STORE_NAME );
	return () => capiModalDismissed();
};

export const useBillingSetupFlowEntered = () => {
	const { billingSetupFlowEntered } = useDispatch(
		USER_INTERACTION_STORE_NAME
	);
	return () => billingSetupFlowEntered();
};

export const useResetUserInteractions = () => {
	const { invalidateResolutionForStore } = useDispatch(
		USER_INTERACTION_STORE_NAME
	);
	return () => invalidateResolutionForStore();
};