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;