ADD: Redirect to Page - open in new tab on AJAX submit

assets/package.json

@@ -30,7 +30,7 @@
 		"vue-style-loader": "^4.1.3",
 		"vue-template-compiler": "^2.6.12",
 		"webpack": "^5.37.1",
-		"webpack-cli": "^4.7.0",
+		"webpack-cli": "^4.10.0",
 		"write": "^2.0.0"
 	},
 	"dependencies": {

assets/src/editor/form-actions/redirect.to.page/render.js

@@ -35,6 +35,7 @@ function RedirectToPageRender( props ) {
 	const {
 		      source,
 		      label,
+			  help,
 		      settings,
 		      onChangeSetting,
 		      onChangeSettingObj,
@@ -153,6 +154,15 @@ function RedirectToPageRender( props ) {
 				onChange={ redirect_hash => onChangeSettingObj(
 					{ redirect_hash } ) }
 			/>
+			<ToggleControl
+				key="open_in_new_tab"
+				label={ label( 'open_in_new_tab' ) }
+				help={ help( 'open_in_new_tab' ) }
+				checked={ settings.open_in_new_tab || false }
+				onChange={
+					open_in_new_tab => onChangeSettingObj( { open_in_new_tab } )
+				}
+			/>
 		</div>
 	);
 	/* eslint-enable jsx-a11y/no-onchange */

assets/src/frontend/main/submit/AjaxSubmit.js

@@ -86,7 +86,11 @@ function AjaxSubmit( form ) {
 		this.status.current = response.status;
 
 		if ( response.redirect ) {
-			window.location = response.redirect;
+			if ( response.open_in_new_tab ) {
+				window.open( response.redirect, '_blank' );
+			} else {
+				window.location = response.redirect;
+			}
 		}
 		else if ( response.reload ) {
 			window.location.reload();

includes/actions/types/redirect-to-page.php

@@ -43,6 +43,9 @@ public function action_attributes() {
 			'redirect_args' => array(
 				'default' => array(),
 			),
+			'open_in_new_tab' => array(
+				'default' => false,
+			),
 		);
 	}
 
@@ -132,6 +135,8 @@ public function do_action( array $request, Action_Handler $handler ) {
 
 		$to_url = $this->get_completed_redirect_url( $to_url );
 
+		$handler->response_data['open_in_new_tab'] = ! empty( $this->settings['open_in_new_tab'] );
+
 		$handler->response_data['redirect'] = $to_url;
 	}
 
@@ -141,11 +146,18 @@ public function self_script_name() {
 
 	public function editor_labels() {
 		return array(
-			'redirect_type' => __( 'Redirect to:', 'jet-form-builder' ),
-			'redirect_page' => __( 'Select page:', 'jet-form-builder' ),
-			'redirect_url'  => __( 'Redirect URL:', 'jet-form-builder' ),
-			'redirect_args' => __( 'Add query arguments to redirect URL:', 'jet-form-builder' ),
-			'redirect_hash' => __( 'Add hash to redirect URL:', 'jet-form-builder' ),
+			'redirect_type'   => __( 'Redirect to:', 'jet-form-builder' ),
+			'redirect_page'   => __( 'Select page:', 'jet-form-builder' ),
+			'redirect_url'    => __( 'Redirect URL:', 'jet-form-builder' ),
+			'redirect_args'   => __( 'Add query arguments to redirect URL:', 'jet-form-builder' ),
+			'redirect_hash'   => __( 'Add hash to redirect URL:', 'jet-form-builder' ),
+			'open_in_new_tab' => __( 'Open in new tab', 'jet-form-builder' ),
+		);
+	}
+
+	public function editor_labels_help() {
+		return array(
+			'open_in_new_tab' => __( 'Works with AJAX submit type only', 'jet-form-builder' ),
 		);
 	}