diff --git a/mailpoet/assets/js/src/automation/integrations/woocommerce-subscriptions/index.tsx b/mailpoet/assets/js/src/automation/integrations/woocommerce-subscriptions/index.tsx
index 770421d134..ab3bf4ac6f 100644
--- a/mailpoet/assets/js/src/automation/integrations/woocommerce-subscriptions/index.tsx
+++ b/mailpoet/assets/js/src/automation/integrations/woocommerce-subscriptions/index.tsx
@@ -1,8 +1,11 @@
import { MailPoet } from '../../../mailpoet';
+import { step as SubscriptionStatusChanged } from './steps/subscription-status-changed';
+import { registerStepType } from '../../editor/store';
export const initialize = (): void => {
if (!MailPoet.isWoocommerceSubscriptionsActive) {
return;
}
+ registerStepType(SubscriptionStatusChanged);
// Insert new steps here
};
diff --git a/mailpoet/assets/js/src/automation/integrations/woocommerce-subscriptions/steps/subscription-status-changed/icon.tsx b/mailpoet/assets/js/src/automation/integrations/woocommerce-subscriptions/steps/subscription-status-changed/icon.tsx
new file mode 100644
index 0000000000..ab9cb15f06
--- /dev/null
+++ b/mailpoet/assets/js/src/automation/integrations/woocommerce-subscriptions/steps/subscription-status-changed/icon.tsx
@@ -0,0 +1,26 @@
+export function Icon(): JSX.Element {
+ return (
+
+ );
+}
diff --git a/mailpoet/assets/js/src/automation/integrations/woocommerce-subscriptions/steps/subscription-status-changed/index.tsx b/mailpoet/assets/js/src/automation/integrations/woocommerce-subscriptions/steps/subscription-status-changed/index.tsx
new file mode 100644
index 0000000000..1223bab4a0
--- /dev/null
+++ b/mailpoet/assets/js/src/automation/integrations/woocommerce-subscriptions/steps/subscription-status-changed/index.tsx
@@ -0,0 +1,40 @@
+import { __, _x } from '@wordpress/i18n';
+import { StepType } from '../../../../editor/store';
+import { Icon } from './icon';
+import { PremiumModalForStepEdit } from '../../../../../common/premium-modal';
+
+const keywords = [
+ __('woocommerce', 'mailpoet'),
+ __('subscriptions', 'mailpoet'),
+ __('status', 'mailpoet'),
+ __('change', 'mailpoet'),
+];
+
+export const step: StepType = {
+ key: 'woocommerce-subscriptions:subscription-status-changed',
+ group: 'triggers',
+ title: () => __('Woo subscription status changed', 'mailpoet'),
+ description: () =>
+ __(
+ 'Start the automation when subscription changed to a specific status.',
+ 'mailpoet',
+ ),
+ subtitle: () => _x('Trigger', 'noun', 'mailpoet'),
+ keywords,
+ foreground: '#2271b1',
+ background: '#f0f6fc',
+ icon: () => ,
+ edit: () => (
+
+ {__(
+ 'Starting an automation by changing the status of an subscription is a premium feature.',
+ 'mailpoet',
+ )}
+
+ ),
+} as const;