File Manager

/**
 * External dependencies
 */
import { createReduxStore, register, select } from '@wordpress/data';
/**
 * Internal dependencies
 */
import actions from './actions';
import reducer from './reducer';
/**
 * Types
 */
import type { AiFeatureProps, PlanStateProps } from './types';

const store = 'wordpress-com/plans';

const wordpressPlansStore = createReduxStore( store, {
	__experimentalUseThunks: true,

	actions,

	reducer,

	selectors: {
		/*
		 * Return the plan with the given slug.
		 *
		 * @param {Object} state    - The Plans state tree.
		 * @param {string} planSlug - The plan slug to find.
		 * @return {Object}           The plan.
		 */
		getPlan( state: PlanStateProps, planSlug: string ) {
			return state.plans.find( plan => plan.product_slug === planSlug );
		},

		/**
		 * Return the AI Assistant feature.
		 *
		 * @param {PlanStateProps} state - The Plans state tree.
		 * @returns {AiFeatureProps}       The AI Assistant feature data.
		 */
		getAiAssistantFeature( state: PlanStateProps ): AiFeatureProps {
			// Clean up the _meta property.
			const data = { ...state.features.aiAssistant };
			delete data._meta;

			return data;
		},

		/**
		 * Get the isRequesting flag for the AI Assistant feature.
		 *
		 * @param {PlanStateProps} state - The Plans state tree.
		 * @returns {boolean}              The isRequesting flag.
		 */
		getIsRequestingAiAssistantFeature( state: PlanStateProps ): boolean {
			return state.features.aiAssistant?._meta?.isRequesting;
		},

		getAsyncRequestCountdownValue( state: PlanStateProps ): number {
			return state.features.aiAssistant?._meta?.asyncRequestCountdown;
		},

		getAsyncRequestCountdownTimerId( state: PlanStateProps ): number {
			return state.features.aiAssistant?._meta?.asyncRequestTimerId;
		},
	},

	controls: {
		FETCH_FROM_API( { url } ) {
			// We cannot use `@wordpress/api-fetch` here since it unconditionally sends
			// the `X-WP-Nonce` header, which is disallowed by WordPress.com.
			// (To reproduce, note that you need to call `apiFetch` with `
			// `{ credentials: 'same-origin', mode: 'cors' }`, since its defaults are
			// different from `fetch`'s.)
			return fetch( url ).then( response => response.json() );
		},
	},

	resolvers: {
		*getPlan() {
			const url = 'https://public-api.wordpress.com/rest/v1.5/plans';
			const plans = yield actions.fetchFromAPI( url );
			return actions.setPlans( plans );
		},

		getAiAssistantFeature: ( state: PlanStateProps ) => {
			if ( state?.features?.aiAssistant ) {
				return;
			}

			return actions.fetchAiAssistantFeature();
		},
	},
} );

register( wordpressPlansStore );

/*
 * Ensure to request the AI Assistant feature data
 * by calling the selector. Resolver will take care.
 */
if ( window.Jetpack_Editor_Initial_State?.[ 'ai-assistant' ]?.[ 'is-enabled' ] ) {
	select( store ).getAiAssistantFeature();
}