diff --git a/mailpoet/assets/js/src/homepage/components/product-discovery.tsx b/mailpoet/assets/js/src/homepage/components/product-discovery.tsx index 928be55d33..9b83ae66cc 100644 --- a/mailpoet/assets/js/src/homepage/components/product-discovery.tsx +++ b/mailpoet/assets/js/src/homepage/components/product-discovery.tsx @@ -10,9 +10,10 @@ type Props = { }; export function ProductDiscovery({ onHide }: Props): JSX.Element { - const { tasksStatus } = useSelect( + const { tasksStatus, isWooCommerceActive } = useSelect( (select) => ({ tasksStatus: select(storeName).getProductDiscoveryTasksStatus(), + isWooCommerceActive: select(storeName).getIsWooCommerceActive(), }), [], ); @@ -36,35 +37,41 @@ export function ProductDiscovery({ onHide }: Props): JSX.Element { isDone={tasksStatus.addSubscriptionForm} doneMessage={MailPoet.I18n.t('addSubscriptionFormDone')} />, - , - , - , ); - + if (!isWooCommerceActive) { + tasks.push( + , + ); + } else { + tasks.push( + , + , + ); + } return (
diff --git a/mailpoet/assets/js/src/homepage/store/initial-state.ts b/mailpoet/assets/js/src/homepage/store/initial-state.ts index fc447b504b..ff2a9ffee6 100644 --- a/mailpoet/assets/js/src/homepage/store/initial-state.ts +++ b/mailpoet/assets/js/src/homepage/store/initial-state.ts @@ -1,3 +1,4 @@ +import { MailPoet } from 'mailpoet'; import { State } from './types'; export function getInitialState(): State { @@ -14,5 +15,6 @@ export function getInitialState(): State { isHidden: window.mailpoet_homepage_data.product_discovery_dismissed, tasksStatus: window.mailpoet_homepage_data.product_discovery_status, }, + isWooCommerceActive: MailPoet.isWoocommerceActive, }; } diff --git a/mailpoet/assets/js/src/homepage/store/selectors.ts b/mailpoet/assets/js/src/homepage/store/selectors.ts index 9356b11f4e..a71ef49c7f 100644 --- a/mailpoet/assets/js/src/homepage/store/selectors.ts +++ b/mailpoet/assets/js/src/homepage/store/selectors.ts @@ -31,6 +31,10 @@ export function getIsProductDiscoveryHidden(state: State): boolean { return state.productDiscovery.isHidden; } +export function getIsWooCommerceActive(state: State): boolean { + return state.isWooCommerceActive; +} + export function getCurrentTask(state: State): TaskType | null { if (!state.taskList.tasksStatus.senderSet) return 'senderSet'; if (!state.taskList.tasksStatus.mssConnected) return 'mssConnected'; diff --git a/mailpoet/assets/js/src/homepage/store/types.ts b/mailpoet/assets/js/src/homepage/store/types.ts index 09110f96ba..ad1a4474dd 100644 --- a/mailpoet/assets/js/src/homepage/store/types.ts +++ b/mailpoet/assets/js/src/homepage/store/types.ts @@ -30,4 +30,5 @@ export type TaskType = keyof TaskListTasksStatus; export type State = { taskList: TaskListState; productDiscovery: ProductDiscoveryState; + isWooCommerceActive: boolean; };