Social | Add resharing for classic editor (#37810)

* Social | Add resharing for classic editor

* Fix up versions

* Ensure that republicize feature is available

* Fix up versions

* Use connection_id instead of id for skipped connections

* Fix up versions

Committed via a GitHub action: https://github.com/Automattic/jetpack/actions/runs/9578267633

Upstream-Ref: Automattic/jetpack@fd1471d

Author: manzoorwanijk

CHANGELOG.md

@@ -9,6 +9,9 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 This is an alpha version! The changes listed here are not final.
 
+### Added
+- Added Social resharing for classic editor
+
 ### Changed
 - Removed unneeded check for connection management wpcom
 

build/classic-editor-connections.asset.php

@@ -1 +1 @@
-<?php return array('dependencies' => array('jquery', 'wp-i18n'), 'version' => '1ec19d7b9335a0fb05a5');
+<?php return array('dependencies' => array('jquery', 'wp-api-fetch', 'wp-i18n'), 'version' => '0ebde3d731b1f531ea1f');

build/classic-editor-connections.js

@@ -8,6 +8,7 @@
 namespace Automattic\Jetpack\Publicize;
 
 use Automattic\Jetpack\Assets;
+use Automattic\Jetpack\Current_Plan;
 
 /**
  * Only user facing pieces of Publicize are found here.
@@ -178,6 +179,8 @@ public function post_page_metabox_assets() {
 					'ajaxUrl'                     => admin_url( 'admin-ajax.php' ),
 					'connectionsUrl'              => esc_url( $this->publicize_settings_url ),
 					'isEnhancedPublishingEnabled' => $this->publicize->has_enhanced_publishing_feature(),
+					'resharePath'                 => '/jetpack/v4/publicize/{postId}',
+					'isReshareSupported'          => Current_Plan::supports( 'republicize' ),
 				)
 			),
 			'before'
@@ -592,17 +595,17 @@ private function get_metabox_form_connected( $connections_data ) {
 			<li>
 				<label
 					for="wpas-submit-<?php echo esc_attr( $connection_data['id'] ); ?>"
-					<?php echo ! $connection_data['toggleable'] ? 'class="wpas-disabled"' : ''; ?>
 				>
 					<input
 						type="checkbox"
 						name="wpas[submit][<?php echo esc_attr( $connection_data['id'] ); ?>]"
 						id="wpas-submit-<?php echo esc_attr( $connection_data['id'] ); ?>"
 						class="wpas-submit-<?php echo esc_attr( $connection_data['service_name'] ); ?>"
 						value="1"
+						data-id="<?php echo esc_attr( $connection_data['id'] ); ?>"
 					<?php
 						checked( true, $connection_data['enabled'] && $connection_healthy );
-						disabled( false, $connection_data['toggleable'] && $connection_healthy );
+						disabled( false, $connection_healthy );
 					?>
 					/>
 				<?php if ( $connection_data['enabled'] && $connection_healthy && ! $connection_data['toggleable'] ) : // Need to submit a value to force a global connection to POST. ?>
@@ -627,6 +630,8 @@ class="wpas-submit-<?php echo esc_attr( $connection_data['service_name'] ); ?>"
 
 		$is_social_note = 'jetpack-social-note' === get_post_type( $post->ID );
 
+		$is_post_published = 'publish' === get_post_status( $post->ID );
+
 		$all_done = $all_done || $all_connections_done;
 
 		?>
@@ -636,10 +641,16 @@ class="wpas-submit-<?php echo esc_attr( $connection_data['service_name'] ); ?>"
 			<?php if ( ! $is_social_note ) : ?>
 				<label for="wpas-title"><?php esc_html_e( 'Custom Message:', 'jetpack-publicize-pkg' ); ?></label>
 				<span id="wpas-title-counter" class="alignright hide-if-no-js">0</span>
-				<textarea name="wpas_title" id="wpas-title"<?php disabled( $all_done ); ?>><?php echo esc_textarea( $title ); ?></textarea>
+				<textarea name="wpas_title" id="wpas-title"><?php echo esc_textarea( $title ); ?></textarea>
 				<a href="#" class="hide-if-no-js button" id="publicize-form-hide"><?php esc_html_e( 'OK', 'jetpack-publicize-pkg' ); ?></a>
 				<input type="hidden" name="wpas[0]" value="1" />
 			<?php endif; ?>
+			<?php if ( $is_post_published && Current_Plan::supports( 'republicize' ) ) : ?>
+				<button type="button" class="hide-if-no-js button" id="publicize-share-now">
+					<?php esc_html_e( 'Share now', 'jetpack-publicize-pkg' ); ?>
+				</button>
+				<span id="publicize-share-now-notice" class="hidden"></span>
+			<?php endif; ?>
 		</div>
 
 		<div id="pub-connection-needs-media"></div>

src/class-publicize-ui.php

@@ -1,7 +1,8 @@
+import apiFetch from '@wordpress/api-fetch';
 import { _n, __ } from '@wordpress/i18n';
 import jQuery from 'jquery';
 
-const { ajaxUrl, connectionsUrl, isEnhancedPublishingEnabled } =
+const { ajaxUrl, connectionsUrl, isEnhancedPublishingEnabled, resharePath, isReshareSupported } =
 	window.jetpackSocialClassicEditorOptions;
 const CONNECTIONS_NEED_MEDIA = [ 'instagram-business' ];
 
@@ -158,4 +159,83 @@ jQuery( function ( $ ) {
 	if ( $( '#pub-connection-tests' ).length ) {
 		publicizeConnTestStart();
 	}
+
+	//#region Share post NOW
+	const shareNowButton = $( '#publicize-share-now' );
+	const shareNowNotice = $( '#publicize-share-now-notice' );
+	const publicizeForm = $( '#publicize-form' );
+	const connections = publicizeForm.find( 'li input[type="checkbox"]' );
+
+	const showNotice = ( text, type = 'warning' ) => {
+		shareNowNotice
+			.removeClass( 'notice-warning notice-success hidden' )
+			.addClass( 'publicize__notice-warning notice-' + type )
+			.text( text );
+	};
+
+	const hideNotice = () => {
+		shareNowNotice.removeClass( 'publicize__notice-warning' ).addClass( 'hidden' ).text( '' );
+	};
+
+	const getEnabledConnections = () => {
+		return connections.filter( ( index, element ) => {
+			return $( element ).prop( 'checked' );
+		} );
+	};
+
+	const getDisabledConnections = () => {
+		return connections.filter( ( index, element ) => {
+			return ! $( element ).prop( 'checked' );
+		} );
+	};
+
+	shareNowButton.on( 'click', function ( e ) {
+		e.preventDefault();
+
+		if ( ! isReshareSupported ) {
+			return;
+		}
+
+		hideNotice();
+
+		if ( ! getEnabledConnections().length ) {
+			showNotice(
+				__( 'Please select at least one connection to share with.', 'jetpack-publicize-pkg' )
+			);
+			return;
+		}
+
+		const postId = $( 'input[name="post_ID"]' ).val();
+
+		const path = resharePath.replace( '{postId}', postId );
+
+		const skipped_connections = getDisabledConnections()
+			.map( ( index, element ) => {
+				return $( element ).data( 'id' );
+			} )
+			.toArray();
+
+		const message = $( 'textarea[name="wpas_title"]' ).val();
+
+		shareNowButton.prop( 'disabled', true ).text( __( 'Sharing…', 'jetpack-publicize-pkg' ) );
+
+		apiFetch( {
+			path,
+			method: 'POST',
+			data: {
+				message,
+				skipped_connections,
+			},
+		} )
+			.then( () => {
+				showNotice( __( 'Your post has been shared!', 'jetpack-publicize-pkg' ), 'success' );
+			} )
+			.catch( () => {
+				showNotice( __( 'An error occurred while sharing your post.', 'jetpack-publicize-pkg' ) );
+			} )
+			.finally( () => {
+				shareNowButton.prop( 'disabled', false ).text( __( 'Share now', 'jetpack-publicize-pkg' ) );
+			} );
+	} );
+	//#endregion
 } );