49 lines
1.3 KiB
TypeScript
49 lines
1.3 KiB
TypeScript
/**
|
|
* External dependencies
|
|
*/
|
|
import { useSelect } from '@wordpress/data';
|
|
import { PLUGINS_STORE_NAME } from '@woocommerce/data';
|
|
import { differenceWith } from 'lodash';
|
|
|
|
/**
|
|
* Internal dependencies
|
|
*/
|
|
import { STORE_KEY } from '~/marketing/data-multichannel/constants';
|
|
import { RecommendedChannel } from '~/marketing/types';
|
|
import { RecommendedChannelsState } from '~/marketing/data-multichannel/types';
|
|
|
|
type UseRecommendedChannels = {
|
|
loading: boolean;
|
|
data: Array< RecommendedChannel >;
|
|
};
|
|
|
|
export const useRecommendedChannels = (): UseRecommendedChannels => {
|
|
return useSelect( ( select ) => {
|
|
const { hasFinishedResolution, getRecommendedChannels } =
|
|
select( STORE_KEY );
|
|
const { data, error } =
|
|
getRecommendedChannels< RecommendedChannelsState >();
|
|
|
|
const { getActivePlugins } = select( PLUGINS_STORE_NAME );
|
|
const activePlugins = getActivePlugins();
|
|
|
|
/**
|
|
* Recommended channels that are not in "active" state,
|
|
* i.e. channels that are not installed or not activated yet.
|
|
*/
|
|
const nonActiveRecommendedChannels = differenceWith(
|
|
data,
|
|
activePlugins,
|
|
( a, b ) => {
|
|
return a.product === b;
|
|
}
|
|
);
|
|
|
|
return {
|
|
loading: ! hasFinishedResolution( 'getRecommendedChannels' ),
|
|
data: nonActiveRecommendedChannels,
|
|
error,
|
|
};
|
|
} );
|
|
};
|