Collect feedback deactivation

classes/controllers/FrmDeactivationFeedbackController.php

@@ -0,0 +1,131 @@
+<?php
+/**
+ * Deactivation feedback controller
+ *
+ * @package Formidable
+ * @since x.x
+ */
+
+if ( ! defined( 'ABSPATH' ) ) {
+	die( 'You are not allowed to call this page directly.' );
+}
+
+/**
+ * Class FrmDeactivationFeedbackController
+ */
+class FrmDeactivationFeedbackController {
+
+	/**
+	 * Checks if is plugins page.
+	 *
+	 * @return bool
+	 */
+	private static function is_plugins_page() {
+		return 'plugins' === get_current_screen()->id;
+	}
+
+	/**
+	 * Checks if feedback is expired.
+	 *
+	 * @return bool
+	 */
+	private static function feedback_is_expired() {
+		$feedback_expired = get_option( 'frm_feedback_expired' );
+		if ( ! $feedback_expired ) {
+			return true;
+		}
+
+		$expired_date = strtotime( $feedback_expired );
+		if ( ! $expired_date ) {
+			return true;
+		}
+
+		return $expired_date < time();
+	}
+
+	/**
+	 * Sets feedback expired date.
+	 *
+	 * @param string $plugin Path to the plugin file relative to the plugins directory.
+	 *
+	 * @return void
+	 */
+	public static function set_feedback_expired_date( $plugin ) {
+		if ( empty( $_GET['frm_feedback_submitted'] ) ) {
+			return;
+		}
+		if ( ! strpos( $plugin, 'formidable.php' ) && ! strpos( $plugin, 'formidable-pro.php' ) ) {
+			return;
+		}
+		update_option( 'frm_feedback_expired', gmdate( 'Y-m-d', strtotime( '+ 1 day' ) ) );
+	}
+
+	/**
+	 * Enqueues assets.
+	 *
+	 * @return void
+	 */
+	public static function enqueue_assets() {
+		if ( ! self::is_plugins_page() || ! self::feedback_is_expired() ) {
+			return;
+		}
+
+		wp_enqueue_script(
+			'frm-deactivation-feedback',
+			FrmAppHelper::plugin_url() . '/js/admin/deactivation-feedback.js',
+			array( 'formidable', 'formidable_dom', 'jquery' ),
+			FrmAppHelper::plugin_version(),
+			true
+		);
+
+		wp_enqueue_style( 'formidable-admin' );
+
+		wp_enqueue_style(
+			'frm-deactivation-feedback',
+			FrmAppHelper::plugin_url() . '/css/admin/deactivation-feedback.css',
+			array( 'formidable-admin' ),
+			FrmAppHelper::plugin_version()
+		);
+
+		FrmAppHelper::localize_script( 'front' );
+
+		wp_localize_script(
+			'frm-deactivation-feedback',
+			'FrmDeactivationFeedbackI18n',
+			array(
+				'skip_text' => __( 'Skip & Deactivate', 'formidable' ),
+			)
+		);
+	}
+
+	/**
+	 * Prints footer HTML.
+	 *
+	 * @return void
+	 */
+	public static function footer_html() {
+		if ( ! self::is_plugins_page() || ! self::feedback_is_expired() ) {
+			return;
+		}
+		?>
+		<div id="frm-deactivation-modal" class="">
+			<div class="metabox-holder">
+				<div class="postbox">
+					<a class="frm-modal-close dismiss" title="<?php esc_attr_e( 'Close', 'formidable' ); ?>">
+						<svg class="frmsvg" id="frm_close_icon" viewBox="0 0 20 20" width="18px" height="18px" aria-label="<?php esc_attr_e( 'Close', 'formidable' ); ?>">
+							<path d="M16.8 4.5l-1.3-1.3L10 8.6 4.5 3.2 3.2 4.5 8.6 10l-5.4 5.5 1.3 1.3 5.5-5.4 5.5 5.4 1.3-1.3-5.4-5.5 5.4-5.5z"/>
+						</svg>
+					</a>
+
+					<div class="inside">
+						<img id="frm-deactivation-modal-icon" class="frmsvg" src="<?php echo esc_url( FrmAppHelper::plugin_url() . '/images/logo.svg' ); ?>" alt="" />
+						<div id="frm-deactivation-form-wrapper" class="frmapi-form">
+							<span class="frm-wait frm_visible_spinner"></span>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div><!-- End #frm-deactivation-popup -->
+		<?php
+	}
+}

classes/controllers/FrmHooksController.php

@@ -199,6 +199,11 @@ public static function load_admin_hooks() {
 		// Cronjob.
 		add_action( 'admin_init', 'FrmCronController::schedule_events' );
 
+		// Deactivation feedback.
+		add_action( 'admin_enqueue_scripts', 'FrmDeactivationFeedbackController::enqueue_assets' );
+		add_action( 'admin_footer', 'FrmDeactivationFeedbackController::footer_html' );
+		add_action( 'deactivated_plugin', 'FrmDeactivationFeedbackController::set_feedback_expired_date' );
+
 		FrmDashboardController::load_admin_hooks();
 		FrmTransLiteHooksController::load_admin_hooks();
 		FrmStrpLiteHooksController::load_admin_hooks();

css/admin/deactivation-feedback.css

@@ -0,0 +1,91 @@
+#frm-deactivation-modal {
+	--padding: 24px;
+}
+.frm_screen_reader {
+	border: 0;
+	clip: rect(1px, 1px, 1px, 1px);
+	-webkit-clip-path: inset(50%);
+	clip-path: inset(50%);
+	height: 1px;
+	margin: -1px;
+	overflow: hidden;
+	padding: 0;
+	position: absolute;
+	width: 1px;
+	word-wrap: normal !important; /* many screen reader and browser combinations announce broken words as they would appear visually */
+}
+#frm-deactivation-modal-icon {
+	position: absolute;
+	top: calc(var(--padding) - 1px);
+	left: var(--padding);
+	width: 20px;
+	height: 20px;
+}
+#frm-deactivation-modal .frm-modal-close {
+	position: absolute;
+	top: 20px;
+	right: var(--padding);
+	z-index: 1000;
+}
+#frm-deactivation-modal .frm_form_title {
+	padding: 20px var(--padding) 12px calc(28px + var(--padding));
+	margin-top: 0;
+	border-bottom: 1px solid #f2f4f7;
+	font-weight: 400;
+	font-size: 14px;
+	line-height: 26px;
+}
+#frm-deactivation-modal .frm_description,
+#frm-deactivation-modal .frm_form_field {
+	padding-left: var(--padding);
+	padding-right: var(--padding);
+}
+#frm-deactivation-modal .frm_description p {
+	font-size: 12px;
+	margin-top: 16px;
+	margin-bottom: 16px;
+	color: #667085;
+}
+#frm-deactivation-modal .inside {
+	padding-left: 0;
+	padding-right: 0;
+}
+#frm-deactivation-modal .frm_radio { margin-bottom: 15px; }
+#frm-deactivation-modal .frm_radio .frm_form_field {
+	padding-left: 0;
+	padding-right: 0;
+	margin-bottom: -5px;
+}
+#frm-deactivation-modal .frm_radio .frm_form_field textarea {
+	margin-top: 5px;
+	height: 65px;
+	border-radius: 8px;
+	padding: 5px 12px;
+	font-size: 14px;
+}
+#frm-deactivation-modal .frm_radio .frm_form_field textarea:focus { border-color: #4199FD; box-shadow: none; }
+#frm-deactivation-modal .frm_radio .frm_form_field textarea::placeholder { color: #98A2B3; }
+#frm-deactivation-modal .frm_radio .frm_html_container {
+	padding: 6px;
+	background-color: #F9FAFB;
+	margin-top: 8px;
+	margin-bottom: 15px;
+	border-radius: 8px;
+}
+#frm-deactivation-modal .frm_radio .frm_html_container p {
+	margin: 0;
+	font-size: 14px;
+	line-height: 20px;
+	color: #667085;
+}
+#frm-deactivation-modal input[name="item_key"] + div,
+#frm-deactivation-modal .frm_primary_label { display: none; }
+#frm-deactivation-modal .frm_submit { text-align: right; margin-top: 38px; }
+#frm-deactivation-modal .frm_button_submit { margin-right: 0; }
+#frm-deactivation-modal .frm-skip-link {
+	color: #98A2B3;
+	display: inline-block;
+	font-size: 14px;
+	line-height: 40px;
+	padding: 0 13px;
+}

js/admin/deactivation-feedback.js

@@ -0,0 +1,114 @@
+( function() {
+	'use strict';
+
+	const selectors = 'tr[data-slug="formidable"] .deactivate a, tr[data-slug="formidable-pro"] .deactivate a, tr[data-slug="formidable-forms-pro"] .deactivate a';
+
+	let deactivationModal, deactivationUrl;
+
+	const Modal = {
+		init: function( id, width ) {
+			const $info = jQuery( id );
+			const self  = this;
+
+			if ( ! $info.length ) {
+				return false;
+			}
+
+			if ( typeof width === 'undefined' ) {
+				width = '550px';
+			}
+
+			const dialogArgs = {
+				dialogClass: 'frm-dialog',
+				modal: true,
+				autoOpen: false,
+				closeOnEscape: true,
+				width: width,
+				resizable: false,
+				draggable: false,
+				open: function() {
+					jQuery( '.ui-dialog-titlebar' ).addClass( 'frm_hidden' ).removeClass( 'ui-helper-clearfix' );
+					jQuery( '#wpwrap' ).addClass( 'frm_overlay' );
+					jQuery( '.frm-dialog' ).removeClass( 'ui-widget ui-widget-content ui-corner-all' );
+					$info.removeClass( 'ui-dialog-content ui-widget-content' );
+					self.bindClickForDialogClose( $info );
+				},
+				close: function() {
+					jQuery( '#wpwrap' ).removeClass( 'frm_overlay' );
+					jQuery( '.spinner' ).css( 'visibility', 'hidden' );
+
+					this.removeAttribute( 'data-option-type' );
+					const optionType = document.getElementById( 'bulk-option-type' );
+					if ( optionType ) {
+						optionType.value = '';
+					}
+				}
+			};
+
+			$info.dialog( dialogArgs );
+
+			return $info;
+		},
+
+		bindClickForDialogClose: function( $modal ) {
+			const closeModal = function() {
+				$modal.dialog( 'close' );
+			};
+			jQuery( '.ui-widget-overlay' ).on( 'click', closeModal );
+			$modal.on( 'click', 'a.dismiss', closeModal );
+		}
+	};
+
+	const addSkipBtn = formEl => {
+		const btn = frmDom.a( {
+			text: FrmDeactivationFeedbackI18n.skip_text,
+			href: deactivationUrl,
+			className: 'frm-skip-link'
+		});
+
+		formEl.querySelector( '.frm_submit' ).prepend( btn );
+	};
+
+	const onClickDeactivate = event => {
+		event.preventDefault();
+
+		if ( ! deactivationModal ) {
+			deactivationModal = Modal.init(
+				'#frm-deactivation-modal',
+				'440px'
+			);
+		}
+
+		deactivationUrl = event.target.href + '&frm_feedback_submitted=1';
+
+		const pluginSlug = event.target.closest( 'tr' ).dataset.slug;
+
+		const url = 'https://feedback.strategy11.com/wp-json/frm/v2/forms/deactivation-feedback?plugin_slug=' + pluginSlug + '&site=' + window.location.host + '&return=html&exclude_script=jquery&exclude_style=formidable-css';
+
+		const response = fetch( url, {
+			method: 'GET'
+		});
+
+		response
+			.then( response => response.json() )
+			.then( response => {
+				const wrapper = document.getElementById( 'frm-deactivation-form-wrapper' );
+				const form    = response.renderedHtml.replace( /<link\b[^>]*(formidableforms.css|action=frmpro_css)[^>]*>/gi, '' );
+
+				jQuery( wrapper ).html( form );
+				wrapper.setAttribute( 'data-slug', pluginSlug );
+				addSkipBtn( wrapper );
+				deactivationModal.dialog( 'open' );
+			})
+			.catch( error => {
+				console.error( error );
+			});
+	};
+
+	frmDom.util.documentOn( 'click', selectors, onClickDeactivate );
+
+	document.addEventListener( 'frmFormCompleteBeforeReplace', function( event ) {
+		document.getElementById( 'frm-deactivation-modal-icon' ).remove();
+		window.location.href = deactivationUrl;
+	});
+}() );