/**
 * External dependencies
 */
import { useStoreNoticesContext } from '@woocommerce/base-context/store-notices-context';
import { useMemo } from '@wordpress/element';

export const useStoreNotices = () => {
	const { notices, createNotice, removeNotice } = useStoreNoticesContext();

	const noticesApi = useMemo(
		() => ( {
			addDefaultNotice: ( text, noticeProps = {} ) =>
				void createNotice( 'default', text, {
					...noticeProps,
				} ),
			addErrorNotice: ( text, noticeProps = {} ) =>
				void createNotice( 'error', text, {
					...noticeProps,
				} ),
			addWarningNotice: ( text, noticeProps = {} ) =>
				void createNotice( 'warning', text, {
					...noticeProps,
				} ),
			addInfoNotice: ( text, noticeProps = {} ) =>
				void createNotice( 'info', text, {
					...noticeProps,
				} ),
			addSuccessNotice: ( text, noticeProps = {} ) =>
				void createNotice( 'success', text, {
					...noticeProps,
				} ),
			removeNotices: ( type = null ) => {
				notices.map( ( notice ) => {
					if ( type === null || notice.status === type ) {
						removeNotice( notice.id );
					}
					return true;
				} );
			},
		} ),
		[ createNotice ]
	);

	return {
		notices,
		...noticesApi,
	};
};