Forms: remove Creative Mail promotion (#45524)

Author: edanzer

projects/packages/forms/changelog/update-forms-hide-creative-mail

@@ -0,0 +1,4 @@
+Significance: minor
+Type: deprecated
+
+Forms: remove Creative Mail promotion.

projects/packages/forms/src/blocks/contact-form/components/jetpack-integrations-modal/creative-mail-card.tsx

@@ -9,7 +9,6 @@ import { __ } from '@wordpress/i18n';
  * Internal dependencies
  */
 import AkismetCard from './akismet-card';
-import CreativeMailCard from './creative-mail-card';
 import GoogleSheetsCard from './google-sheets-card';
 import HostingerReachCard from './hostinger-reach-card';
 import JetpackCRMCard from './jetpack-crm-card';
@@ -33,7 +32,6 @@ const IntegrationsModal = ( {
 		akismet: false,
 		googleSheets: false,
 		crm: false,
-		creativemail: false,
 		salesforce: false,
 		mailpoet: false,
 		hostingerReach: false,
@@ -52,7 +50,6 @@ const IntegrationsModal = ( {
 	const crmData = findIntegrationById( 'zero-bs-crm' );
 	const mailpoetData = findIntegrationById( 'mailpoet' );
 	const salesforceData = findIntegrationById( 'salesforce' );
-	const creativeMailData = findIntegrationById( 'creative-mail-by-constant-contact' );
 	const hostingerReachData = findIntegrationById( 'hostinger-reach' );
 
 	const toggleCard = ( cardId: string ) => {
@@ -137,15 +134,6 @@ const IntegrationsModal = ( {
 						setAttributes={ setAttributes }
 					/>
 				) }
-				{ creativeMailData && (
-					<CreativeMailCard
-						isExpanded={ expandedCards.creativemail }
-						onToggle={ () => toggleCard( 'creativemail' ) }
-						data={ creativeMailData }
-						refreshStatus={ refreshIntegrations }
-						borderBottom={ false }
-					/>
-				) }
 			</VStack>
 		</Modal>
 	);

projects/packages/forms/src/blocks/contact-form/components/jetpack-integrations-modal/index.tsx

@@ -143,10 +143,6 @@
 		padding-right: 0;
 	}
 
-	.jetpack-forms-creative-mail-settings-button {
-		margin-top: 12px;
-	}
-
 	p {
 		text-wrap: balance; // TODO: remove this fallback once `pretty` is globally supported.
 		text-wrap: pretty;

projects/packages/forms/src/blocks/contact-form/components/jetpack-integrations-modal/integration-card/style.scss

@@ -38,7 +38,7 @@ class Contact_Form_Endpoint extends \WP_REST_Posts_Controller {
 	 */
 	private function get_supported_integrations() {
 		$supported_integrations = array(
-			'akismet'                           => array(
+			'akismet'      => array(
 				'type'                    => 'plugin',
 				'file'                    => 'akismet/akismet.php',
 				'settings_url'            => 'admin.php?page=akismet-key-config',
@@ -48,17 +48,7 @@ private function get_supported_integrations() {
 				// Overriding this may automatically enable/disable the integration when editing a form.
 				'enabled_by_default'      => false,
 			),
-			'creative-mail-by-constant-contact' => array(
-				'type'                    => 'plugin',
-				'file'                    => 'creative-mail-by-constant-contact/creative-mail-plugin.php',
-				'settings_url'            => 'admin.php?page=creativemail',
-				'marketing_redirect_slug' => 'creative-mail',
-				'title'                   => __( 'Creative Mail', 'jetpack-forms' ),
-				'subtitle'                => __( 'Manage email contacts and campaigns', 'jetpack-forms' ),
-				// Overriding this may automatically enable/disable the integration when editing a form.
-				'enabled_by_default'      => false,
-			),
-			'zero-bs-crm'                       => array(
+			'zero-bs-crm'  => array(
 				'type'                    => 'plugin',
 				'file'                    => 'zero-bs-crm/ZeroBSCRM.php',
 				'settings_url'            => 'admin.php?page=zerobscrm-plugin-settings',
@@ -68,7 +58,7 @@ private function get_supported_integrations() {
 				// Overriding this may automatically enable/disable the integration when editing a form.
 				'enabled_by_default'      => true,
 			),
-			'salesforce'                        => array(
+			'salesforce'   => array(
 				'type'                    => 'service',
 				'file'                    => null,
 				'settings_url'            => null,
@@ -78,7 +68,7 @@ private function get_supported_integrations() {
 				// Overriding this may automatically enable/disable the integration when editing a form.
 				'enabled_by_default'      => false,
 			),
-			'google-drive'                      => array(
+			'google-drive' => array(
 				'type'                    => 'service',
 				'file'                    => null,
 				'settings_url'            => null,
@@ -88,7 +78,7 @@ private function get_supported_integrations() {
 				// Overriding this may automatically enable/disable the integration when editing a form.
 				'enabled_by_default'      => false,
 			),
-			'mailpoet'                          => array(
+			'mailpoet'     => array(
 				'type'                    => 'plugin',
 				'file'                    => 'mailpoet/mailpoet.php',
 				'settings_url'            => 'admin.php?page=mailpoet-homepage',

projects/packages/forms/src/contact-form/class-contact-form-endpoint.php

@@ -11,7 +11,6 @@ import { __ } from '@wordpress/i18n';
  */
 import useConfigValue from '../../hooks/use-config-value';
 import AkismetIcon from '../../icons/akismet';
-import CreativeMailIcon from '../../icons/creative-mail';
 import GoogleSheetsIcon from '../../icons/google-sheets';
 import SalesforceIcon from '../../icons/salesforce';
 import CreateFormButton from '../components/create-form-button';
@@ -124,7 +123,6 @@ const About = () => {
 							<div className="app-icons-wrapper feature-header">
 								<AkismetIcon width={ 32 } height={ 32 } className="icon-round" />
 								<JetpackIcon size={ 32 } className="jetpack-icon" />
-								<CreativeMailIcon width={ 32 } height={ 32 } className="icon-round" />
 								<GoogleSheetsIcon
 									width={ 32 }
 									height={ 32 }

projects/packages/forms/src/dashboard/about/index.tsx

@@ -10,7 +10,6 @@ import { useState, useCallback } from 'react';
  */
 import { INTEGRATIONS_STORE } from '../../store/integrations';
 import AkismetDashboardCard from './akismet-card';
-import CreativeMailDashboardCard from './creative-mail-card';
 import GoogleSheetsDashboardCard from './google-sheets-card';
 import HostingerReachDashboardCard from './hostinger-reach-card';
 import JetpackCRMDashboardCard from './jetpack-crm-card';
@@ -35,7 +34,6 @@ const Integrations = () => {
 		akismet: false,
 		googleSheets: false,
 		crm: false,
-		creativemail: false,
 		salesforce: false,
 		mailpoet: false,
 		hostingerReach: false,
@@ -66,10 +64,6 @@ const Integrations = () => {
 	);
 	const handleToggleCRM = useCallback( () => toggleCard( 'crm' ), [ toggleCard ] );
 	const handleToggleSalesforce = useCallback( () => toggleCard( 'salesforce' ), [ toggleCard ] );
-	const handleToggleCreativeMail = useCallback(
-		() => toggleCard( 'creativemail' ),
-		[ toggleCard ]
-	);
 	const handleToggleMailPoet = useCallback( () => toggleCard( 'mailpoet' ), [ toggleCard ] );
 	const handleToggleHostingerReach = useCallback(
 		() => toggleCard( 'hostingerReach' ),
@@ -85,7 +79,6 @@ const Integrations = () => {
 	const crmData = findIntegrationById( 'zero-bs-crm' );
 	const mailpoetData = findIntegrationById( 'mailpoet' );
 	const salesforceData = findIntegrationById( 'salesforce' );
-	const creativeMailData = findIntegrationById( 'creative-mail-by-constant-contact' );
 	const hostingerReachData = findIntegrationById( 'hostinger-reach' );
 
 	return (
@@ -151,14 +144,6 @@ const Integrations = () => {
 							refreshStatus={ refreshIntegrations }
 						/>
 					) }
-					{ creativeMailData && (
-						<CreativeMailDashboardCard
-							isExpanded={ expandedCards.creativemail }
-							onToggle={ handleToggleCreativeMail }
-							data={ creativeMailData }
-							refreshStatus={ refreshIntegrations }
-						/>
-					) }
 				</div>
 			</div>
 		</div>