Initial commit v0.5.0

Author: ouun

README.md

@@ -105,6 +105,7 @@ The available options are:
 | cssUrl                     | `undefined`                        | `String`        | Location of an external chat.css file.                                                                                                                                                                                   |
 | formFallback               | `false`                            | `Boolean`       | Fallback to form, see next section for description                                                                                                                                                                       |
 | formFallbackMessage        | See includes/function/chat.php     | `String`        | Message displayed above the Fallback Form, if no agent is available                                                                                                                                                      |
+| loaderWaitingMessage       | See includes/function/chat.php     | `String`        | Message in chat modal, when waiting for agent to answer                                                                                                                                                                |
 | waitingListWaitingMessage  | See includes/function/chat.php     | `String`        | Message in chat modal, if user already waits a bit longer                                                                                                                                                                |
 | waitingListTimeoutMessage  | See includes/function/chat.php     | `String`        | Message displayed above the Fallback Form, if user waited too long                                                                                                                                                       |
 

assets/css/shared/chat.scss

@@ -184,6 +184,10 @@ $black: #000;
 	}
 }
 
+.zammad-chat-is-open .zammad-chat-modal {
+  flex-direction: column;
+}
+
 .zammad-chat-modal {
 	align-items: center;
 	background: $white;
@@ -233,7 +237,7 @@ $black: #000;
 }
 
 .zammad-chat-modal .zammad-chat-loading-animation {
-	margin-right: 8px;
+	margin-bottom: 8px;
 	vertical-align: middle;
 }
 

assets/js/shared/chat.js

@@ -122,13 +122,27 @@ jQuery(function initForm($) {
 						};
 					};
 
+					chat.showLoader = () => {
+						zammadDebugMessage('Show loader...');
+						// Get the Zammad loader view
+						const loader = chat.el
+							.find('.zammad-chat-modal')
+							.html(chat.view('loader')());
+						// Allow to override the loading text
+						if (chatOptions.loaderWaitingMessage.length) {
+							zammadChatModalText(chatOptions.loaderWaitingMessage);
+						}
+						return loader;
+					};
+
 					chat.onQueue = () => {
 						zammadDebugMessage('Waiting for an agent to answer...');
 						zammadDebugMessage(chat, true);
 
 						// Reducing the time we wait for an agent to answer
-						chat.waitingListTimeout.options.timeout = '0';
-						chat.waitingListTimeout.options.timeoutIntervallCheck = '0.2';
+						chat.waitingListTimeout.options.timeout = chatOptions.timeout;
+						chat.waitingListTimeout.options.timeoutIntervallCheck =
+							chatOptions.timeoutIntervallCheck;
 
 						// Let the user know that we are waiting
 						zammadChatModalText(chatOptions.waitingListWaitingMessage);
@@ -143,7 +157,7 @@ jQuery(function initForm($) {
 
 						// Add reload functionality e.g. to buttons
 						form.find('.js-restart').on('click', function zammadReloadWindow() {
-							zammadDebugMessage('Reload Window...');
+							zammadDebugMessage('Reload Window to start new chat...');
 							window.location.reload();
 						});
 

dist/css/chat-style.css

@@ -71,8 +71,11 @@ function zammad_init_chat($chat_id = 1, $args = array())
                 'inactiveClass'             => 'is-inactive',
                 'cssAutoload'               => (bool) false,
                 'cssUrl '                   => null,
+                'timeout'                   => '0.4', // Minutes to wait till timeout when waiting for an agents answer
+                'timeoutIntervallCheck'     => '0.5', // Interval to check for timeout
                 'formFallback'              => (bool) false,
                 'formFallbackMessage'       => __('Please send us your request and we will answer as soon as possible', 'zammad-wp'),
+                'loaderWaitingMessage'      => '',
                 'waitingListWaitingMessage' => __('Sorry for the delay, still connecting.', 'zammad-wp'),
                 'waitingListTimeoutMessage' => sprintf(
                 	// translators: Placeholder is "click here" link text

dist/js/chat.js

@@ -13,7 +13,7 @@
  */
 
 // Useful global constants.
-define('ZAMMAD_WP_VERSION', '0.4.0');
+define('ZAMMAD_WP_VERSION', '0.5.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/');

includes/functions/chat.php

@@ -4,7 +4,7 @@ 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.4.0
+Stable tag:        0.5.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,9 @@ Use `composer require ouun/zammad-wp` to install
 
 == Changelog ==
 
+= 0.5.0 =
+* Adds more options to set custom messages
+
 = 0.4.0 =
 * Various fixes