Display notice when contratulatory MSS email sent

[MAILPOET-2831]

assets/js/src/settings/pages/key_activation/key_activation.tsx

@@ -16,6 +16,7 @@ export default function KeyActivation() {
   const verifyPremiumKey = useAction('verifyPremiumKey');
   const installPremiumPlugin = useAction('installPremiumPlugin');
   const activatePremiumPlugin = useAction('activatePremiumPlugin');
+  const sendCongratulatoryMssEmail = useAction('sendCongratulatoryMssEmail');
   const [senderAddress, setSenderAddress] = useSetting('sender', 'address');
   const [unauthorizedAddresses, setUnauthorizedAddresses] = useSetting('authorized_emails_addresses_check');
   const [apiKeyState] = useSetting('mta', 'mailpoet_api_key_state', 'data');
@@ -48,6 +49,7 @@ export default function KeyActivation() {
     MailPoet.Modal.loading(true);
     setState({ inProgress: true });
     await verifyMssKey(state.key, isUserTriggered);
+    await sendCongratulatoryMssEmail();
     await verifyPremiumKey(state.key);
     setState({ inProgress: false });
     MailPoet.Modal.loading(false);
@@ -91,12 +93,18 @@ export default function KeyActivation() {
             {state.mssStatus !== null && (
               <MssMessages
                 keyMessage={state.mssMessage}
-                activationCallback={() => {
+                activationCallback={async () => {
-                  verifyMssKey(state.key, true);
+                  await verifyMssKey(state.key, true);
+                  sendCongratulatoryMssEmail();
                   setState({ fromAddressModalCanBeShown: true });
                 }}
               />
             )}
+            {state.congratulatoryMssEmailSentTo && (
+              <div className="mailpoet_success">
+                {t('premiumTabCongratulatoryMssEmailSent').replace('[email_address]', state.congratulatoryMssEmailSentTo)}
+              </div>
+            )}
             {state.premiumStatus !== null && (
               <PremiumMessages
                 keyMessage={state.premiumMessage}
@@ -121,7 +129,10 @@ export default function KeyActivation() {
       </Inputs>
       {showFromAddressModal && (
         <SetFromAddressModal
-          onRequestClose={() => setState({ fromAddressModalCanBeShown: false })}
+          onRequestClose={() => {
+            setState({ fromAddressModalCanBeShown: false });
+            sendCongratulatoryMssEmail();
+          }}
           setAuthorizedAddress={setAuthorizedAddress}
         />
       )}

views/settings.html

@@ -187,6 +187,7 @@
     'premiumTabMssKeyNotValidMessage': __('Your key is not valid for the MailPoet Sending Service', 'mailpoet'),
     'premiumTabPendingApprovalHeading': __('Note: your account is pending approval by MailPoet.', 'mailpoet'),
     'premiumTabPendingApprovalMessage': __('Rest assured, this only takes just a couple of hours. Until then, you can still send email previews to yourself. Any active automatic emails, like Welcome Emails, will be paused.', 'mailpoet'),
+    'premiumTabCongratulatoryMssEmailSent': __('A test email was sent to [email_address]', 'mailpoet'),
 
     'wcCustomizerTitle': _x('Use MailPoet to customize WooCommerce emails', "Setting for using our editor for WooCommerce email"),
     'wcCustomizerDescription': _x('You can use the MailPoet editor to customize the template used to send WooCommerce emails (notification for order processing, completed, ...).', "Setting for using our editor for WooCommerce email"),