Minimize chat window while an active chat when clicking X, Prevent default behavior to close the connection while chatting by accident

Author: ouun

assets/js/shared/chat.js

@@ -164,6 +164,58 @@ jQuery(function initForm($) {
 						// Close the session
 						return chat.sessionClose();
 					};
+
+					// Toggle/minimize chat window instead of closing connection
+					chat.toggle = (event) => {
+						if (chat.isOpen) {
+							zammadDebugMessage('Close or Minimize');
+							return chat.maybeMinimize(event);
+						}
+						zammadDebugMessage('Open');
+						return chat.open(event);
+					};
+
+					// Adds a minimize functionality
+					chat.maybeMinimize = (event) => {
+						zammadDebugMessage(
+							'Minimize or close chat window, depending on chat status.',
+						);
+
+						// If there is no session ID OR waiting in queue OR no messages yet, we close the window and end connection
+						if (!chat.sessionId || chat.inQueue || !chat.lastAddedType) {
+							// Close chat as it is the default
+							zammadDebugMessage('Close chat.');
+							return chat.close(event);
+						}
+
+						// Otherwise we proceed to minimize
+						zammadDebugMessage('Minimize running chat.');
+
+						const remainerHeight =
+							chat.el.height() - chat.el.find('.zammad-chat-header').outerHeight();
+
+						return chat.el.animate(
+							{
+								bottom: -remainerHeight,
+							},
+							500,
+							function minimizeChatWindow() {
+								chat.el.css('bottom', '');
+								chat.el.removeClass('zammad-chat-is-open');
+								chat.isOpen = false;
+								chat.isMinimized = true;
+							},
+						);
+					};
+
+					// Extends function scrollToBottom( to open minimized chat window if new message arrives
+					chat.originalScrollToBottom = chat.scrollToBottom;
+					chat.scrollToBottom = (arg) => {
+						if (chat.isMinimized && !chat.isOpen) {
+							chat.open();
+						}
+						chat.originalScrollToBottom(arg);
+					};
 				} else if (!form.length) {
 					zammadDebugMessage('The Fallback Form is missing. Maybe a caching issue?');
 				}

dist/js/chat.js

@@ -78,7 +78,7 @@ function zammad_init_chat($chat_id = 1, $args = array())
                 'loaderWaitingMessage'      => '',
                 'waitingListWaitingMessage' => __('Sorry for the delay, still connecting.', 'zammad-wp'),
                 'waitingListTimeoutMessage' => sprintf(
-                	// translators: Placeholder is "click here" link text
+                    // translators: Placeholder is "click here" link text
                     __(
                         'We do not want to let you wait anytime longer. Please feel free to use the form instead or <a class="js-restart" href="#restart">%s</a> to try again.',
                         'zammad-wp'

includes/functions/chat.php

@@ -52,7 +52,7 @@ function zammad_init_form($form_element = '#feedback-form', $args = array())
     );
 
     // Localize Script
-    wp_add_inline_script('zammad_wp_form', 'const formOptions =' . json_encode( wp_parse_args($args, $defaults), JSON_UNESCAPED_UNICODE ), 'before');
+    wp_add_inline_script('zammad_wp_form', 'const formOptions =' . json_encode(wp_parse_args($args, $defaults), JSON_UNESCAPED_UNICODE), 'before');
 
     //  Enqueue styles
     wp_enqueue_style('zammad_wp_form');

includes/functions/form.php

@@ -13,7 +13,7 @@
  */
 
 // Useful global constants.
-define('ZAMMAD_WP_VERSION', '0.5.0');
+define('ZAMMAD_WP_VERSION', '0.6.0');
 define('ZAMMAD_WP_URL', plugin_dir_url(__FILE__));
 define('ZAMMAD_WP_PATH', plugin_dir_path(__FILE__));
 define('ZAMMAD_WP_INC', ZAMMAD_WP_PATH . 'includes/');

plugin.php

@@ -3,8 +3,8 @@ Contributors: 		werepack, philippmuenchen
 Donate link: 		https://www.paypal.me/ouun
 Tags:				zammad, live-chat, ticketing, forms, feedback
 Requires at least: 4.5
-Tested up to:      5.5
-Stable tag:        0.5.0
+Tested up to:      5.5.1
+Stable tag:        0.6.0
 
 This plugin helps you embed Zammad Chats & Forms into your WordPress site and gives you access to the Zammad API if required.
 
@@ -25,6 +25,10 @@ Use `composer require ouun/zammad-wp` to install
 
 == Changelog ==
 
+= 0.6.0 =
+* Minimize chat window while an active chat when clicking X
+* Prevent default behavior to close the connection while chatting by accident
+
 = 0.5.0 =
 * Adds more options to set custom messages
 

readme.txt

@@ -1,3 +1,3 @@
 /**
- * 10up Scaffold
+ * Zammad for Wordpress Scaffold
  */