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;
};