PluginProbe
MxChat – AI Chatbot & Content Generation for WordPress / 2.0.3
MxChat – AI Chatbot & Content Generation for WordPress v2.0.3
3.2.21 3.2.20 3.2.19 3.2.18 3.2.17 3.2.16 3.2.15 3.2.14 3.2.12 3.2.13 3.2.11 3.2.10 3.2.9 3.2.8 3.2.7 3.2.6 3.2.5 3.2.4 3.2.3 3.2.2 3.2.1 2.0.3 2.0.4 2.0.5 2.0.6 All 152 releases
mxchat-basic / includes / class-mxchat-public.php

class-mxchat-public.php in MxChat – AI Chatbot & Content Generation for WordPress 2.0.3, at includes/class-mxchat-public.php

313 lines 21.5 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 <?php
2 if (!defined('ABSPATH')) {
3 exit; // Exit if accessed directly
4 }
5
6 class MxChat_Public {
7 private $options;
8
9 public function __construct() {
10 $this->options = get_option('mxchat_options', $this->get_default_options());
11 add_shortcode('mxchat_chatbot', array($this, 'render_chatbot_shortcode'));
12 add_action('wp_footer', array($this, 'append_chatbot_to_body'));
13 }
14
15 private function get_default_options() {
16 return array(
17 'user_message_bg_color' => '#fff',
18 'user_message_font_color' => '#212121',
19 'bot_message_bg_color' => '#212121',
20 'bot_message_font_color' => '#fff',
21 'live_agent_message_bg_color' => '#212121',
22 'live_agent_message_font_color' => '#fff',
23 'top_bar_bg_color' => '#212121',
24 'send_button_font_color' => '#212121',
25 'close_button_color' => '#fff',
26 'chatbot_bg_color' => '#fff',
27 'chatbot_background_color' => '#212121',
28 'icon_color' => '#fff',
29 'chat_input_font_color' => '#212121',
30 'api_key' => '',
31 'system_prompt_instructions' => __(
32 '[EXAMPLE INSTRUCTIONS] You are an AI Chatbot assistant for this website. The primary subject you should focus on is [insert proper subject here]. Your main goal is to assist visitors with questions related to this specific topic. Here are some key things to keep in mind:
33 - Your name is [Chatbot Name]. Always introduce yourself as this name when appropriate.
34 - Stay focused on topics related to [insert proper subject here]. If a visitor asks about an unrelated topic, politely redirect the conversation to how you can assist them with this subject. If there is an exception topic (e.g., "parking") that you should assist with, you may do so if instructed.
35 - When appropriate, highlight the benefits of [insert proper subject here]. Offer to guide visitors to relevant pages or provide them with more information.
36 - If a visitor asks for a purchase link or further information, provide them with this link: [Insert Purchase Link Here]. Always ensure that the link is relevant and directly related to the website\'s offerings.
37 - Keep your responses short, concise, and to the point. Provide clear and direct answers suitable for a chatbot interaction.
38 - If you reference specific content, provide a hyperlink to the relevant page using hypertext. Avoid including links that do not directly relate to the content or answer the visitor\'s query.
39 - Provide answers based on the knowledge available to you. If you do not have an answer to a specific question, let the visitor know that you don’t have the information and suggest where they might find it or offer to help with something else.',
40 'mxchat'
41 ),
42 'model' => 'gpt-3.5-turbo',
43 'rate_limit' => '100',
44 'rate_limit_message' => esc_html__('Rate limit exceeded. Please try again later.', 'mxchat'),
45 'top_bar_title' => esc_html__('MxChat: Basic', 'mxchat'),
46 'intro_message' => esc_html__('Hello! How can I assist you today?', 'mxchat'),
47 'append_to_body' => 'on',
48 'enable_email_block' => '', // Default to disabled
49
50 );
51 }
52
53 public function append_chatbot_to_body() {
54 $options = get_option('mxchat_options', $this->get_default_options());
55 $consent_category = 'marketing';
56
57 if (isset($options['append_to_body']) && $options['append_to_body'] === 'on') {
58 // Store consent status but always render
59 $has_consent = true;
60
61 if (
62 isset($options['complianz_toggle']) &&
63 $options['complianz_toggle'] === 'on' &&
64 function_exists('cmplz_has_consent')
65 ) {
66 $has_consent = cmplz_has_consent($consent_category);
67 }
68
69 // Add consent status as a parameter to the shortcode
70 echo do_shortcode('[mxchat_chatbot floating="yes" has_consent="' . ($has_consent ? 'yes' : 'no') . '"]');
71 }
72 }
73
74 private function mxchat_get_user_identifier() {
75 return sanitize_text_field($_SERVER['REMOTE_ADDR']);
76 }
77
78 public function render_chatbot_shortcode($atts) {
79 $attributes = shortcode_atts(array(
80 'floating' => 'yes',
81 'has_consent' => 'yes' // Add default
82 ), $atts);
83
84 $is_floating = $attributes['floating'] === 'yes';
85 $this->options = get_option('mxchat_options', $this->get_default_options());
86
87 // Check for Complianz consent if the toggle is enabled
88 $initial_visibility = 'hidden';
89 $additional_class = '';
90
91 if (isset($this->options['complianz_toggle']) && $this->options['complianz_toggle'] === 'on') {
92 // If Complianz is enabled, add no-consent class by default
93 $additional_class = ' no-consent';
94 }
95 $visibility_class = $initial_visibility . $additional_class;
96
97
98 $bg_color = $this->options['chatbot_background_color'] ?? '#fff';
99 $user_message_bg_color = $this->options['user_message_bg_color'] ?? '#fff';
100 $user_message_font_color = $this->options['user_message_font_color'] ?? '#212121';
101 $bot_message_bg_color = $this->options['bot_message_bg_color'] ?? '#212121';
102 $bot_message_font_color = $this->options['bot_message_font_color'] ?? '#fff';
103 $top_bar_bg_color = $this->options['top_bar_bg_color'] ?? '#212121';
104 $send_button_font_color = $this->options['send_button_font_color'] ?? '#212121';
105 $intro_message = $this->options['intro_message'] ?? esc_html__('Hello! How can I assist you today?', 'mxchat');
106 $top_bar_title = $this->options['top_bar_title'] ?? esc_html__('MxChat: Basic', 'mxchat');
107 $chatbot_background_color = $this->options['chatbot_background_color'] ?? '#212121';
108 $icon_color = $this->options['icon_color'] ?? '#fff';
109 $chat_input_font_color = $this->options['chat_input_font_color'] ?? '#212121';
110 $close_button_color = $this->options['close_button_color'] ?? '#fff';
111 $chatbot_bg_color = $this->options['chatbot_bg_color'] ?? '#fff';
112 $pre_chat_message = isset($this->options['pre_chat_message']) ? sanitize_text_field(trim($this->options['pre_chat_message'])) : '';
113 $user_id = sanitize_key($this->mxchat_get_user_identifier());
114 $transient_key = 'mxchat_pre_chat_message_dismissed_' . $user_id;
115 $input_copy = isset($this->options['input_copy']) ? esc_attr($this->options['input_copy']) : esc_attr__('How can I assist?', 'mxchat');
116 $rate_limit_message = isset($this->options['rate_limit_message']) ? esc_attr($this->options['rate_limit_message']) : esc_attr__('Rate limit exceeded. Please try again later.', 'mxchat');
117
118 $privacy_toggle = isset($this->options['privacy_toggle']) && $this->options['privacy_toggle'] === 'on';
119 $privacy_text = isset($this->options['privacy_text']) ? wp_kses_post($this->options['privacy_text']) : wp_kses_post(__('By chatting, you agree to our <a href="https://example.com/privacy-policy" target="_blank">privacy policy</a>.', 'mxchat'));
120
121 $popular_question_1 = isset($this->options['popular_question_1']) ? esc_html($this->options['popular_question_1']) : '';
122 $popular_question_2 = isset($this->options['popular_question_2']) ? esc_html($this->options['popular_question_2']) : '';
123 $popular_question_3 = isset($this->options['popular_question_3']) ? esc_html($this->options['popular_question_3']) : '';
124 $additional_questions = isset($this->options['additional_popular_questions']) ? $this->options['additional_popular_questions'] : [];
125 $custom_icon = isset($this->options['custom_icon']) ? esc_url($this->options['custom_icon']) : '';
126 $title_icon = isset($this->options['title_icon']) ? esc_url($this->options['title_icon']) : '';
127
128
129 $live_agent_message_bg_color = $this->options['live_agent_message_bg_color'] ?? '#212121';
130 $live_agent_message_font_color = $this->options['live_agent_message_font_color'] ?? '#fff';
131 $enable_email_block = isset($this->options['enable_email_block']) &&
132 ($this->options['enable_email_block'] === '1' || $this->options['enable_email_block'] === 'on');
133
134 ob_start();
135
136 // Check if floating attribute is set to 'yes' and wrap accordingly
137 if ($is_floating) {
138 echo '<div id="floating-chatbot" class="' . $initial_visibility . $additional_class . '">';
139 }
140
141 echo '<div id="mxchat-chatbot-wrapper">';
142 echo ' <div class="chatbot-top-bar" id="exit-chat-button" style="background: ' . esc_attr($top_bar_bg_color) . ';">';
143 echo ' <div class="chatbot-title-container">';
144 echo ' <div class="chatbot-title-group">';
145 if (!empty($title_icon)) {
146 echo ' <img src="' . esc_url($title_icon) . '" alt="" class="chatbot-title-icon">';
147 }
148 echo ' <p class="chatbot-title" style="color: ' . esc_attr($close_button_color) . ';">' . esc_html($top_bar_title) . '</p>';
149 echo ' </div>';
150 echo ' <span class="chat-mode-indicator" id="chat-mode-indicator" style="color: ' . esc_attr($close_button_color) . ';">' . esc_html__('AI Agent', 'mxchat') . '</span>';
151 echo ' </div>';
152 echo ' <button class="exit-chat" type="button" aria-label="' . esc_attr__('Minimize', 'mxchat') . '" style="color: ' . esc_attr($close_button_color) . ';">';
153
154 echo ' <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24" id="ic-minimize" style="fill: ' . esc_attr($close_button_color) . ';">';
155 echo ' <path d="M0 0h24v24H0z" fill="none"></path>';
156 echo ' <path d="M11.67 3.87L9.9 2.1 0 12l9.9 9.9 1.77-1.77L3.54 12z"></path>';
157 echo ' </svg>';
158 echo ' <span>' . esc_html__('Minimize', 'mxchat') . '</span>';
159 echo ' </button>';
160 echo ' </div>';
161
162 // 3b) Main chatbot container
163 echo ' <div id="mxchat-chatbot" style="background-color: ' . esc_attr($chatbot_bg_color) . ';">';
164
165 if ($enable_email_block) {
166 echo '<div id="email-blocker" class="email-blocker">';
167 echo ' <div class="email-blocker-header">';
168
169 // Safely echo the user-provided HTML
170 // (We rely on wp_kses_post() from the sanitize step to ensure it's safe)
171 $header_html = isset($this->options['email_blocker_header_content'])
172 ? $this->options['email_blocker_header_content']
173 : '';
174 echo wp_kses_post($header_html);
175
176 echo ' </div>';
177 echo ' <form id="email-collection-form">';
178 echo ' <label for="user-email" class="sr-only">' . esc_html__('Email Address', 'mxchat') . '</label>';
179 echo ' <input type="email" id="user-email" name="user_email" required placeholder="' . esc_attr__('Enter your email address', 'mxchat') . '" />';
180 echo '<button type="submit" id="email-submit-button">';
181 // If not set, fallback to default. Typically, $this->options includes defaults merged in.
182 $button_text = isset($this->options['email_blocker_button_text'])
183 ? $this->options['email_blocker_button_text']
184 : esc_html__('Start Chat', 'mxchat'); // fallback just in case
185 echo esc_html($button_text);
186 echo '</button>';
187 echo ' </form>';
188 echo '</div>';
189 }
190
191 echo ' <div id="chat-container" style="' . ($enable_email_block ? 'display: none;' : '') . '">';
192 echo ' <div id="chat-box">';
193 echo ' <div class="bot-message" style="background: '
194 . esc_attr($bot_message_bg_color) . '; color: '
195 . esc_attr($bot_message_font_color) . ';">';
196 echo nl2br(esc_html($intro_message));
197 echo ' </div>';
198 echo ' </div>'; // end #chat-box
199
200 // Add the popular questions section
201 echo ' <div id="mxchat-popular-questions">';
202 echo ' <div class="mxchat-popular-questions-container">';
203
204 if (!empty($popular_question_1)) {
205 echo '<button class="mxchat-popular-question">' . esc_html($popular_question_1) . '</button>';
206 }
207 if (!empty($popular_question_2)) {
208 echo '<button class="mxchat-popular-question">' . esc_html($popular_question_2) . '</button>';
209 }
210 if (!empty($popular_question_3)) {
211 echo '<button class="mxchat-popular-question">' . esc_html($popular_question_3) . '</button>';
212 }
213
214 if (!empty($additional_questions) && is_array($additional_questions)) {
215 foreach ($additional_questions as $index => $question) {
216 if (!empty($question)) {
217 echo '<button class="mxchat-popular-question">' . esc_html($question) . '</button>';
218 }
219 }
220 }
221
222 echo ' </div>';
223 echo ' </div>';
224
225
226 echo ' <div id="input-container">';
227 echo ' <textarea id="chat-input" placeholder="' . esc_attr($input_copy) . '" style="color: ' . esc_attr($chat_input_font_color) . ';"></textarea>';
228 echo ' <button id="send-button">';
229 echo ' <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="fill: ' . esc_attr($send_button_font_color) . ';">';
230 echo ' <path d="M498.1 5.6c10.1 7 15.4 19.1 13.5 31.2l-64 416c-1.5 9.7-7.4 18.2-16 23s-18.9 5.4-28 1.6L284 427.7l-68.5 74.1c-8.9 9.7-22.9 12.9-35.2 8.1S160 493.2 160 480V396.4c0-4 1.5-7.8 4.2-10.7L331.8 202.8c5.8-6.3 5.6-16-.4-22s-15.7-6.4-22-.7L106 360.8 17.7 316.6C7.1 311.3 .3 300.7 0 288.9s5.9-22.8 16.1-28.7l448-256c10.7-6.1 23.9-5.5 34 1.4z"/>';
231 echo ' </svg>';
232 echo ' </button>';
233 echo ' </div>';
234 echo ' <div class="chat-toolbar">';
235 echo ' <input type="file" id="pdf-upload" accept=".pdf" style="display: none;">';
236 echo ' <button id="pdf-upload-btn" class="toolbar-btn" title="' . esc_attr__('Upload PDF', 'mxchat') . '">';
237 echo ' <!-- Icon from Font Awesome Free: https://fontawesome.com/license/free -->';
238 echo ' <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">';
239 echo ' <path d="M64 464l48 0 0 48-48 0c-35.3 0-64-28.7-64-64L0 64C0 28.7 28.7 0 64 0L229.5 0c17 0 33.3 6.7 45.3 18.7l90.5 90.5c12 12 18.7 28.3 18.7 45.3L384 304l-48 0 0-144-80 0c-17.7 0-32-14.3-32-32l0-80L64 48c-8.8 0-16 7.2-16 16l0 384c0 8.8 7.2 16 16 16zM176 352l32 0c30.9 0 56 25.1 56 56s-25.1 56-56 56l-16 0 0 32c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-48 0-80c0-8.8 7.2-16 16-16zm32 80c13.3 0 24-10.7 24-24s-10.7-24-24-24l-16 0 0 48 16 0zm96-80l32 0c26.5 0 48 21.5 48 48l0 64c0 26.5-21.5 48-48 48l-32 0c-8.8 0-16-7.2-16-16l0-128c0-8.8 7.2-16 16-16zm32 128c8.8 0 16-7.2 16-16l0-64c0-8.8-7.2-16-16-16l-16 0 0 96 16 0zm80-112c0-8.8 7.2-16 16-16l48 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-32 0 0 32 32 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-32 0 0 48c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-64 0-64z"></path>';
240 echo ' </svg>';
241 echo ' </button>';
242
243 echo ' <input type="file" id="word-upload" accept=".docx" style="display: none;">';
244 echo ' <button id="word-upload-btn" class="toolbar-btn" title="' . esc_attr__('Upload Word Document', 'mxchat') . '">';
245 echo ' <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" stroke="currentColor">';
246 echo ' <path d="M48 448L48 64c0-8.8 7.2-16 16-16l160 0 0 80c0 17.7 14.3 32 32 32l80 0 0 288c0 8.8-7.2 16-16 16L64 464c-8.8 0-16-7.2-16-16zM64 0C28.7 0 0 28.7 0 64L0 448c0 35.3 28.7 64 64 64l256 0c35.3 0 64-28.7 64-64l0-293.5c0-17-6.7-33.3-18.7-45.3L274.7 18.7C262.7 6.7 246.5 0 229.5 0L64 0zm55 241.1c-3.8-12.7-17.2-19.9-29.9-16.1s-19.9 17.2-16.1 29.9l48 160c3 10.2 12.4 17.1 23 17.1s19.9-7 23-17.1l25-83.4 25 83.4c3 10.2 12.4 17.1 23 17.1s19.9-7 23-17.1l48-160c3.8-12.7-3.4-26.1-16.1-29.9s-26.1 3.4-29.9 16.1l-25 83.4-25-83.4c-3-10.2-12.4-17.1-23-17.1s-19.9 7-23 17.1l-25 83.4-25-83.4z"/></svg>';
247 echo ' </button>';
248
249 echo ' <div id="active-pdf-container" class="active-pdf-container" style="display: none;">';
250 echo ' <span id="active-pdf-name" class="active-pdf-name"></span>';
251 echo ' <button id="remove-pdf-btn" class="remove-pdf-btn" title="' . esc_attr__('Remove PDF', 'mxchat') . '">';
252 echo ' <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="12" height="12" fill="none" stroke="currentColor" stroke-width="2">';
253 echo ' <line x1="18" y1="6" x2="6" y2="18"></line>';
254 echo ' <line x1="6" y1="6" x2="18" y2="18"></line>';
255 echo ' </svg>';
256 echo ' </button>';
257 echo ' </div>';
258
259 echo ' <div id="active-word-container" class="active-pdf-container" style="display: none;">';
260 echo ' <span id="active-word-name" class="active-pdf-name"></span>';
261 echo ' <button id="remove-word-btn" class="remove-pdf-btn" title="' . esc_attr__('Remove Word Document', 'mxchat') . '">';
262 echo ' <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="12" height="12" fill="none" stroke="currentColor" stroke-width="2">';
263 echo ' <line x1="18" y1="6" x2="6" y2="18"></line>';
264 echo ' <line x1="6" y1="6" x2="18" y2="18"></line>';
265 echo ' </svg>';
266 echo ' </button>';
267 echo ' </div>';
268 echo ' </div>';
269 echo ' <div class="chatbot-footer">';
270
271 // Output the privacy notice if enabled
272 if ($privacy_toggle && !empty($privacy_text)) {
273 echo '<p class="privacy-notice">' . $privacy_text . '</p>';
274 }
275
276 echo ' </div>';
277 echo ' </div>';
278 echo ' </div>';
279 echo '</div>';
280
281 if ($is_floating) {
282 echo '</div>';
283
284 if (!empty($pre_chat_message) && !get_transient($transient_key)) {
285 echo '<div id="pre-chat-message">';
286 echo esc_html($pre_chat_message);
287 echo '<button class="close-pre-chat-message" aria-label="' . esc_attr__('Close', 'mxchat') . '">&times;</button>';
288 echo '</div>';
289 }
290
291 echo '<div class="' . esc_attr($visibility_class) . '" id="floating-chatbot-button" style="background: ' . esc_attr($chatbot_background_color) . '; color: ' . esc_attr($send_button_font_color) . ';">';
292 echo '<div id="chat-notification-badge" class="chat-notification-badge" style="display: none; position: absolute; top: -8px; right: -8px; background-color: #ff4444; color: white; border-radius: 50%; padding: 4px 8px; font-size: 12px; font-weight: bold; z-index: 10001;">1</div>';
293
294
295 if (!empty($custom_icon)) {
296 echo '<img src="' . $custom_icon . '" alt="' . esc_attr__('Chatbot Icon', 'mxchat') . '" style="height: 48px; width: 48px; object-fit: contain;" />';
297 } else {
298 echo '<svg id="widget_icon_10" style="height: 48px; width: 48px; fill: ' . esc_attr($icon_color) . '" viewBox="0 0 1120 1120" fill="none" xmlns="http://www.w3.org/2000/svg">';
299 echo ' <path fill-rule="evenodd" clip-rule="evenodd" d="M252 434C252 372.144 302.144 322 364 322H770C831.856 322 882 372.144 882 434V614.459L804.595 585.816C802.551 585.06 800.94 583.449 800.184 581.405L763.003 480.924C760.597 474.424 751.403 474.424 748.997 480.924L711.816 581.405C711.06 583.449 709.449 585.06 707.405 585.816L606.924 622.997C600.424 625.403 600.424 634.597 606.924 637.003L707.405 674.184C709.449 674.94 711.06 676.551 711.816 678.595L740.459 756H629.927C629.648 756.476 629.337 756.945 628.993 757.404L578.197 825.082C572.597 832.543 561.403 832.543 555.803 825.082L505.007 757.404C504.663 756.945 504.352 756.476 504.073 756H364C302.144 756 252 705.856 252 644V434ZM633.501 471.462C632.299 468.212 627.701 468.212 626.499 471.462L619.252 491.046C618.874 492.068 618.068 492.874 617.046 493.252L597.462 500.499C594.212 501.701 594.212 506.299 597.462 507.501L617.046 514.748C618.068 515.126 618.874 515.932 619.252 516.954L626.499 536.538C627.701 539.788 632.299 539.788 633.501 536.538L640.748 516.954C641.126 515.932 641.932 515.126 642.954 514.748L662.538 507.501C665.788 506.299 665.788 501.701 662.538 500.499L642.954 493.252C641.932 492.874 641.126 492.068 640.748 491.046L633.501 471.462Z" ></path>';
300 echo ' <path d="M771.545 755.99C832.175 755.17 881.17 706.175 881.99 645.545L804.595 674.184C802.551 674.94 800.94 676.551 800.184 678.595L771.545 755.99Z" ></path>';
301 echo '</svg>';
302 }
303 echo '</div>';
304
305 }
306
307 return ob_get_clean();
308 }
309
310
311 }
312 ?>
313