WhatsApp me - Version 4.4.2

Version Description

NEW Optimized CSS for only button without Call to Action (only 2.5kB).
NEW Compatible with Perfect Brands for WooCommerce for brand custom settings.
NEW Compatible with Google Tag Manager for WordPress custom DataLayer name.
NEW Don't load on Elementor Site Builder previews.
FIX badge animation don't show error introduced in v4.4.0.
CHANGED optimized render without unused elements.

Release Info

Developer	pacotole
Plugin	WhatsApp me
Version	4.4.2
Comparing to
See all releases

Code changes from version 4.4.1 to 4.4.2

Files changed (15) hide show

README.txt +14 -1
admin/class-joinchat-woo-admin.php +32 -2
joinchat.php +2 -2
public/class-joinchat-elementor-public.php +1 -1
public/class-joinchat-public.php +15 -5
public/class-joinchat-woo-public.php +1 -1
public/css/joinchat-btn.css +398 -0
public/css/joinchat-btn.min.css +1 -0
public/css/{woo.css → joinchat-woo.css} +0 -0
public/css/{woo.min.css → joinchat-woo.min.css} +0 -0
public/css/joinchat.css +15 -7
public/css/joinchat.min.css +1 -1
public/js/joinchat.js +2 -1
public/js/joinchat.min.js +1 -1
public/partials/html.php +7 -7

README.txt CHANGED Viewed

	@@ -5,7 +5,7 @@ Tags: Chat, Click to Chat, Facebook Messenger, WhatsApp, Telegram, Whatsapp Busi
5	Requires at least: 3.5.0
6	Tested up to: 5.9
7	Requires PHP: 5.3
8	- Stable tag: 4.4.1
9	License: GPLv2 or later
10	License URI: http://www.gnu.org/licenses/gpl-2.0.html
11
	@@ -256,6 +256,8 @@ If your site don't have standard names for UA tracker ('ga') or data layer ('dat
256	return $settings;
257	} );`
258


259	= Google Tag Manager integration =
260
261	Join.chat sends a `'JoinChat'` event if GTM is detected when user launch WhatsApp:
	@@ -329,6 +331,14 @@ Join.chat save two localStorage variables for proper operation:
329
330	== Changelog ==
331








332	= 4.4.1 =
333	* FIX Google Ads conversion field is too short.
334
	@@ -492,6 +502,9 @@ See [changelog.txt](https://plugins.svn.wordpress.org/creame-whatsapp-me/trunk/c
492
493	== Upgrade Notice ==
494



495	= 4.0.0 =
496	Join.chat rebrand!! Analytics events change from `WhatsAppMe` to `JoinChat` and classes, actions and filters change from `wame` or `whatsappme` to `joinchat`.
497


5	Requires at least: 3.5.0
6	Tested up to: 5.9
7	Requires PHP: 5.3
8	+ Stable tag: 4.4.2
9	License: GPLv2 or later
10	License URI: http://www.gnu.org/licenses/gpl-2.0.html
11

256	return $settings;
257	} );`
258
259	+ Joinchat is compatible with plugins MonsterInsights – Google Analytics Dashboard for WordPress and Google Tag Manager for WordPress custom names.
260	+
261	= Google Tag Manager integration =
262
263	Join.chat sends a `'JoinChat'` event if GTM is detected when user launch WhatsApp:

331
332	== Changelog ==
333
334	+ = 4.4.2 =
335	+ * NEW Optimized CSS for only button without Call to Action (only 2.5kB).
336	+ * NEW Compatible with Perfect Brands for WooCommerce for brand custom settings.
337	+ * NEW Compatible with Google Tag Manager for WordPress custom DataLayer name.
338	+ * NEW Don't load on Elementor Site Builder previews.
339	+ * FIX badge animation don't show error introduced in v4.4.0.
340	+ * CHANGED optimized render without unused elements.
341	+
342	= 4.4.1 =
343	* FIX Google Ads conversion field is too short.
344

502
503	== Upgrade Notice ==
504
505	+ = 4.4.0 =
506	+ Google Analytics 4 custom "JoinChat" event replaced with recommended "generate_lead" event.
507	+
508	= 4.0.0 =
509	Join.chat rebrand!! Analytics events change from `WhatsAppMe` to `JoinChat` and classes, actions and filters change from `wame` or `whatsappme` to `joinchat`.
510

admin/class-joinchat-woo-admin.php CHANGED Viewed

	@@ -36,6 +36,11 @@ class JoinChatWooAdmin {
36	$loader->add_filter( 'joinchat_help_tab_styles_and_vars', $this, 'help_tab_vars' );
37	$loader->add_filter( 'joinchat_metabox_vars', $this, 'metabox_vars', 10, 2 );
38	$loader->add_filter( 'joinchat_metabox_placeholders', $this, 'metabox_placeholders', 10, 3 );





39	}
40
41	/**
	@@ -129,7 +134,13 @@ class JoinChatWooAdmin {
129	*/
130	public function custom_taxonomies( $taxonomies ) {
131
132	- ~~return~~ ~~array_merge(~~ ~~$taxonomies,~~ array( 'product_cat', 'product_tag' ) );






133
134	}
135
	@@ -375,7 +386,6 @@ class JoinChatWooAdmin {
375	return $vars;
376	}
377
378	-
379	/**
380	* Add Product metabox placeholders info.
381	*
	@@ -401,4 +411,24 @@ class JoinChatWooAdmin {
401
402	return $placeholders;
403	}




















404	}


36	$loader->add_filter( 'joinchat_help_tab_styles_and_vars', $this, 'help_tab_vars' );
37	$loader->add_filter( 'joinchat_metabox_vars', $this, 'metabox_vars', 10, 2 );
38	$loader->add_filter( 'joinchat_metabox_placeholders', $this, 'metabox_placeholders', 10, 3 );
39	+
40	+ if ( defined( 'PWB_PLUGIN_FILE' ) ) { // Perfect Brands for WooCommerce
41	+ $loader->add_filter( 'joinchat_term_metabox_output', $this, 'term_metabox_fix', 10, 4 );
42	+ }
43	+
44	}
45
46	/**

134	*/
135	public function custom_taxonomies( $taxonomies ) {
136
137	+ $product_taxs = array( 'product_cat', 'product_tag' );
138	+
139	+ if ( defined( 'PWB_PLUGIN_FILE' ) ) {
140	+ $product_taxs[] = 'pwb-brand';
141	+ }
142	+
143	+ return array_merge( $taxonomies, $product_taxs );
144
145	}
146

386	return $vars;
387	}
388

389	/**
390	* Add Product metabox placeholders info.
391	*

411
412	return $placeholders;
413	}
414	+
415	+ /**
416	+ * Fix term meteabox for Brands
417	+ *
418	+ * @since 4.4.2
419	+ * @param string $metabox_output
420	+ * @param WP_Term $term Current taxonomy term object
421	+ * @param array $metadata
422	+ * @param string $taxonomy Current taxonomy slug
423	+ * @return string
424	+ */
425	+ public function term_metabox_fix( $metabox_output, $term, $metadata, $taxonomy ) {
426	+
427	+ if ( 'pwb-brand' === $taxonomy ) {
428	+ $metabox_output = '<table class="form-table">' . $metabox_output;
429	+ }
430	+
431	+ return $metabox_output;
432	+
433	+ }
434	}

joinchat.php CHANGED Viewed

	@@ -9,7 +9,7 @@
9	* Plugin Name: Join.chat
10	* Plugin URI: https://join.chat
11	* Description: Connects a WordPress chat with WhatsApp. The best solution for marketing and support. Stop losing customers and increase your sales.
12	- * Version: 4.4.1
13	* Author: Creame
14	* Author URI: https://crea.me
15	* License: GPL-2.0+
	@@ -26,7 +26,7 @@ if ( ! defined( 'WPINC' ) ) {
26	/**
27	* Define constants.
28	*/
29	- define( 'JOINCHAT_VERSION', '4.4.1' );
30	define( 'JOINCHAT_FILE', __FILE__ );
31	define( 'JOINCHAT_DIR', plugin_dir_path( JOINCHAT_FILE ) );
32	define( 'JOINCHAT_BASENAME', plugin_basename( JOINCHAT_FILE ) );


9	* Plugin Name: Join.chat
10	* Plugin URI: https://join.chat
11	* Description: Connects a WordPress chat with WhatsApp. The best solution for marketing and support. Stop losing customers and increase your sales.
12	+ * Version: 4.4.2
13	* Author: Creame
14	* Author URI: https://crea.me
15	* License: GPL-2.0+

26	/**
27	* Define constants.
28	*/
29	+ define( 'JOINCHAT_VERSION', '4.4.2' );
30	define( 'JOINCHAT_FILE', __FILE__ );
31	define( 'JOINCHAT_DIR', plugin_dir_path( JOINCHAT_FILE ) );
32	define( 'JOINCHAT_BASENAME', plugin_basename( JOINCHAT_FILE ) );

public/class-joinchat-elementor-public.php CHANGED Viewed

	@@ -35,7 +35,7 @@ class JoinChatElementorPublic {
35	*/
36	public function elementor_preview_disable( $show ) {
37
38	- $is_preview = ~~\Elementor\Plugin::$instance->~~preview~~->is_preview_mode~~();
39	$preview_show = apply_filters( 'joinchat_elementor_preview_show', false );
40
41	return $is_preview ? $show && $preview_show : $show;


35	*/
36	public function elementor_preview_disable( $show ) {
37
38	+ $is_preview = isset( $_GET['elementor-preview'] ) \|\| ( isset( $_GET['render_mode'] ) && 'template-preview' === $_GET['render_mode'] );
39	$preview_show = apply_filters( 'joinchat_elementor_preview_show', false );
40
41	return $is_preview ? $show && $preview_show : $show;

public/class-joinchat-public.php CHANGED Viewed

	@@ -155,17 +155,27 @@ class JoinChatPublic {
155	*
156	* @since 1.0.0
157	* @since 2.2.2 minified

158	* @return void
159	*/
160	public function enqueue_styles() {
161
162	if ( $this->show ) {
163	- $~~min~~ = ~~defined( 'SCRIPT_DEBUG' ) && SCRIPT_DEBUG ? '' : '.min'~~;
164	- $~~color~~ = ~~$this->settings[~~'~~color~~'];
165	- ~~list($r, $g, $b) = sscanf( $color, '#%02x%02x%02x' );~~




166
167	- wp_enqueue_style( $this->plugin_name, plugins_url( "css/{$~~this->plugin_name~~}{$min}.css", __FILE__ ), array(), $this->version, 'all' );
168	- ~~wp_add_inline_style( $this->plugin_name, apply_filters( 'joinchat_inline_style', ".joinchat{ --red:$r; --green:$g; --blue:$b; }", $this->settings ) );~~





169	}
170
171	}


155	*
156	* @since 1.0.0
157	* @since 2.2.2 minified
158	+ * @since 4.4.2 use "only button stylesheet" if no chatbox
159	* @return void
160	*/
161	public function enqueue_styles() {
162
163	if ( $this->show ) {
164	+ $file = $this->plugin_name;
165	+ $min = defined( 'SCRIPT_DEBUG' ) && SCRIPT_DEBUG ? '' : '.min';
166	+
167	+ // If not chatbox use lighter only button styles
168	+ if ( empty( $this->settings['message_text'] ) && empty( $this->settings['optin_text'] ) && ! has_filter( 'joinchat_content' ) ) {
169	+ $file .= '-btn';
170	+ }
171
172	+ wp_enqueue_style( $this->plugin_name, plugins_url( "css/{$file}{$min}.css", __FILE__ ), array(), $this->version, 'all' );
173	+
174	+ if ( $file === $this->plugin_name ) {
175	+ list($r, $g, $b) = sscanf( $this->settings['color'], '#%02x%02x%02x' );
176	+
177	+ wp_add_inline_style( $this->plugin_name, apply_filters( 'joinchat_inline_style', ".joinchat{ --red:$r; --green:$g; --blue:$b; }", $this->settings ) );
178	+ }
179	}
180
181	}

public/class-joinchat-woo-public.php CHANGED Viewed

	@@ -341,7 +341,7 @@ class JoinChatWooPublic {
341
342	$min = defined( 'SCRIPT_DEBUG' ) && SCRIPT_DEBUG ? '' : '.min';
343
344	- wp_enqueue_style( 'joinchat-woo', plugins_url( "css/woo{$min}.css", __FILE__ ), array(), JOINCHAT_VERSION, 'all' );
345
346	}
347


341
342	$min = defined( 'SCRIPT_DEBUG' ) && SCRIPT_DEBUG ? '' : '.min';
343
344	+ wp_enqueue_style( 'joinchat-woo', plugins_url( "css/joinchat-woo{$min}.css", __FILE__ ), array(), JOINCHAT_VERSION, 'all' );
345
346	}
347

public/css/joinchat-btn.css ADDED Viewed

	@@ -0,0 +1,398 @@


1	+ :root {
2	+ --joinchat-ico: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M3.516 3.516c4.686-4.686 12.284-4.686 16.97 0 4.686 4.686 4.686 12.283 0 16.97a12.004 12.004 0 0 1-13.754 2.299l-5.814.735a.392.392 0 0 1-.438-.44l.748-5.788A12.002 12.002 0 0 1 3.517 3.517zm3.61 17.043.3.158a9.846 9.846 0 0 0 11.534-1.758c3.843-3.843 3.843-10.074 0-13.918-3.843-3.843-10.075-3.843-13.918 0a9.846 9.846 0 0 0-1.747 11.554l.16.303-.51 3.942a.196.196 0 0 0 .219.22l3.961-.501zm6.534-7.003-.933 1.164a9.843 9.843 0 0 1-3.497-3.495l1.166-.933a.792.792 0 0 0 .23-.94L9.561 6.96a.793.793 0 0 0-.924-.445 1291.6 1291.6 0 0 0-2.023.524.797.797 0 0 0-.588.88 11.754 11.754 0 0 0 10.005 10.005.797.797 0 0 0 .88-.587l.525-2.023a.793.793 0 0 0-.445-.923L14.6 13.327a.792.792 0 0 0-.94.23z'/%3E%3C/svg%3E");
3	+ --joinchat-font: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen-sans, ubuntu, cantarell, "Helvetica Neue", sans-serif;
4	+ }
5	+
6	+ .joinchat {
7	+ --bottom: 20px;
8	+ --sep: 20px;
9	+ --s: 60px;
10	+
11	+ display: none;
12	+ position: fixed;
13	+ z-index: 9999;
14	+ right: var(--sep);
15	+ bottom: var(--bottom);
16	+ font: normal normal normal 16px/1.625em var(--joinchat-font);
17	+ letter-spacing: 0;
18	+ -webkit-animation: joinchat_show 500ms cubic-bezier(0.18, 0.89, 0.32, 1.28) 10ms both;
19	+ animation: joinchat_show 500ms cubic-bezier(0.18, 0.89, 0.32, 1.28) 10ms both;
20	+ -webkit-user-select: none;
21	+ -moz-user-select: none;
22	+ user-select: none;
23	+ touch-action: manipulation;
24	+ -webkit-font-smoothing: antialiased;
25	+ -webkit-tap-highlight-color: rgb(0 0 0 / 0%);
26	+ }
27	+
28	+ .joinchat *,
29	+ .joinchat *::before,
30	+ .joinchat *::after {
31	+ box-sizing: border-box;
32	+ }
33	+
34	+ .joinchat--show {
35	+ display: block;
36	+ }
37	+
38	+ .joinchat--left {
39	+ right: auto;
40	+ left: var(--sep);
41	+ }
42	+
43	+ .joinchat--noanim {
44	+ -webkit-animation: none;
45	+ animation: none;
46	+ }
47	+
48	+ .joinchat__button {
49	+ position: absolute;
50	+ z-index: 2;
51	+ bottom: 8px;
52	+ right: 8px;
53	+ height: var(--s);
54	+ min-width: var(--s);
55	+ max-width: 95vw;
56	+ background: #25d366;
57	+ color: inherit;
58	+ border-radius: calc(var(--s)/2);
59	+ box-shadow: 1px 6px 24px 0 rgb(7 94 84 / 24%);
60	+ cursor: pointer;
61	+ transition: background-color 0.2s linear;
62	+ }
63	+
64	+ .joinchat__button:hover {
65	+ background: #128c7e;
66	+ }
67	+
68	+ .joinchat__button:active {
69	+ background: #128c7e;
70	+ transition: none;
71	+ }
72	+
73	+ .joinchat--left .joinchat__button {
74	+ right: auto;
75	+ left: 8px;
76	+ }
77	+
78	+ .joinchat__button__open {
79	+ width: var(--s);
80	+ height: var(--s);
81	+ border-radius: 50%;
82	+ background: rgb(0 0 0 / 0%) var(--joinchat-ico) center no-repeat;
83	+ background-size: 60%;
84	+ overflow: hidden;
85	+ }
86	+
87	+ .joinchat__button__image {
88	+ position: absolute;
89	+ top: 1px;
90	+ right: 1px;
91	+ width: calc(var(--s) - 2px);
92	+ height: calc(var(--s) - 2px);
93	+ border-radius: 50%;
94	+ overflow: hidden;
95	+ opacity: 0;
96	+ }
97	+
98	+ .joinchat__button__image img {
99	+ display: block;
100	+ width: 100%;
101	+ height: 100%;
102	+ -o-object-fit: cover;
103	+ object-fit: cover;
104	+ }
105	+
106	+ .joinchat--show .joinchat__button__image {
107	+ -webkit-animation: joinchat_image_loop 20s linear 5s infinite normal both;
108	+ animation: joinchat_image_loop 20s linear 5s infinite normal both;
109	+ }
110	+
111	+ .joinchat--image .joinchat__button__image {
112	+ opacity: 1;
113	+ -webkit-animation: none;
114	+ animation: none;
115	+ }
116	+
117	+ .joinchat__tooltip {
118	+ position: absolute;
119	+ top: calc(var(--s)/2 - 16px);
120	+ right: calc(var(--s) + 16px);
121	+ max-width: calc(100vw - 105px);
122	+ height: 32px;
123	+ padding: 0 14px;
124	+ border: none;
125	+ border-radius: 16px;
126	+ background: #fff;
127	+ color: rgb(0 0 0 / 80%);
128	+ line-height: 31px;
129	+ white-space: nowrap;
130	+ opacity: 0;
131	+ transition: opacity 0.3s ease-out 0.4s;
132	+ filter: drop-shadow(0 1px 4px rgb(0 0 0 / 40%));
133	+ pointer-events: none;
134	+ }
135	+
136	+ .joinchat__tooltip::after {
137	+ content: "";
138	+ display: block;
139	+ position: absolute;
140	+ top: 10px;
141	+ right: -6px;
142	+ border: 8px solid transparent;
143	+ border-width: 6px 0 6px 8px;
144	+ border-left-color: #fff;
145	+ }
146	+
147	+ .joinchat__tooltip div {
148	+ overflow: hidden;
149	+ text-overflow: ellipsis;
150	+ }
151	+
152	+ .joinchat--tooltip .joinchat__tooltip {
153	+ -webkit-animation: joinchat_tootlip 20s linear 5s 1 normal both;
154	+ animation: joinchat_tootlip 20s linear 5s 1 normal both;
155	+ }
156	+
157	+ .joinchat--left .joinchat__tooltip {
158	+ right: auto;
159	+ left: calc(var(--s) + 16px);
160	+ }
161	+
162	+ .joinchat--left .joinchat__tooltip::after {
163	+ left: -6px;
164	+ right: auto;
165	+ border-color: transparent;
166	+ border-width: 6px 8px 6px 0;
167	+ border-right-color: #fff;
168	+ }
169	+
170	+ .joinchat__qr {
171	+ position: absolute;
172	+ bottom: calc(var(--s) + 16px);
173	+ right: 0;
174	+ display: none;
175	+ flex-direction: column-reverse;
176	+ width: 228px;
177	+ min-height: 200px;
178	+ padding: 14px 14px 10px;
179	+ border: none;
180	+ border-radius: 16px;
181	+ background: #fff;
182	+ color: rgb(0 0 0 / 80%);
183	+ text-align: center;
184	+ white-space: nowrap;
185	+ opacity: 1;
186	+ transition: opacity 0.3s ease-out 0.4s;
187	+ filter: drop-shadow(0 1px 4px rgb(0 0 0 / 40%));
188	+ -webkit-animation: joinchat_badge_in 400ms cubic-bezier(0.11, 0.84, 0.83, 1.01) 1s both;
189	+ animation: joinchat_badge_in 400ms cubic-bezier(0.11, 0.84, 0.83, 1.01) 1s both;
190	+ pointer-events: none;
191	+ }
192	+
193	+ .joinchat__qr::after {
194	+ content: "";
195	+ display: block;
196	+ position: absolute;
197	+ bottom: -6px;
198	+ right: calc(var(--s)/2 - 6px);
199	+ border: 8px solid transparent;
200	+ border-width: 8px 6px 0;
201	+ border-top-color: #fff;
202	+ }
203	+
204	+ .joinchat--left .joinchat__qr {
205	+ left: 0;
206	+ right: auto;
207	+ }
208	+
209	+ .joinchat--left .joinchat__qr::after {
210	+ left: calc(var(--s)/2 - 6px);
211	+ right: auto;
212	+ }
213	+
214	+ .joinchat__qr div {
215	+ font-size: 14px;
216	+ color: #4a4a4a;
217	+ overflow: hidden;
218	+ text-overflow: ellipsis;
219	+ }
220	+
221	+ .joinchat__qr canvas {
222	+ display: block;
223	+ width: 200px;
224	+ height: 200px;
225	+ margin: 0;
226	+ }
227	+
228	+ @-webkit-keyframes joinchat_show {
229	+ from {
230	+ transform: scale(0);
231	+ }
232	+ }
233	+
234	+ @keyframes joinchat_show {
235	+ from {
236	+ transform: scale(0);
237	+ }
238	+ }
239	+
240	+ @-webkit-keyframes joinchat_badge_in {
241	+ from {
242	+ opacity: 0;
243	+ transform: translateY(50px);
244	+ }
245	+
246	+ to {
247	+ opacity: 1;
248	+ transform: translateY(0);
249	+ }
250	+ }
251	+
252	+ @keyframes joinchat_badge_in {
253	+ from {
254	+ opacity: 0;
255	+ transform: translateY(50px);
256	+ }
257	+
258	+ to {
259	+ opacity: 1;
260	+ transform: translateY(0);
261	+ }
262	+ }
263	+
264	+ @-webkit-keyframes joinchat_image_loop {
265	+ 0% {
266	+ opacity: 0;
267	+ }
268	+
269	+ 3%,
270	+ 20% {
271	+ opacity: 1;
272	+ }
273	+
274	+ 25%,
275	+ 100% {
276	+ opacity: 0;
277	+ }
278	+ }
279	+
280	+ @keyframes joinchat_image_loop {
281	+ 0% {
282	+ opacity: 0;
283	+ }
284	+
285	+ 3%,
286	+ 20% {
287	+ opacity: 1;
288	+ }
289	+
290	+ 25%,
291	+ 100% {
292	+ opacity: 0;
293	+ }
294	+ }
295	+
296	+ @-webkit-keyframes joinchat_tootlip {
297	+ 0% {
298	+ opacity: 0;
299	+ transform: scaleY(0);
300	+ }
301	+
302	+ 1%,
303	+ 20% {
304	+ opacity: 1;
305	+ transform: scaleY(1);
306	+ }
307	+
308	+ 25%,
309	+ 100% {
310	+ opacity: 0;
311	+ transform: scaleY(1);
312	+ }
313	+ }
314	+
315	+ @keyframes joinchat_tootlip {
316	+ 0% {
317	+ opacity: 0;
318	+ transform: scaleY(0);
319	+ }
320	+
321	+ 1%,
322	+ 20% {
323	+ opacity: 1;
324	+ transform: scaleY(1);
325	+ }
326	+
327	+ 25%,
328	+ 100% {
329	+ opacity: 0;
330	+ transform: scaleY(1);
331	+ }
332	+ }
333	+
334	+ .joinchat__woo-btn__wrapper {
335	+ clear: both;
336	+ }
337	+
338	+ .joinchat__woo-btn {
339	+ --s: 40px;
340	+
341	+ display: inline-block;
342	+ box-sizing: border-box;
343	+ height: var(--s);
344	+ max-width: 100%;
345	+ padding: 0 calc(var(--s)/2) 0 var(--s);
346	+ background: #25d366 var(--joinchat-ico) calc(var(--s)*0.2) 50% no-repeat;
347	+ background-size: calc(var(--s)*0.6);
348	+ color: #fff;
349	+ border-radius: calc(var(--s)/2);
350	+ font: 700 normal calc(var(--s)*0.35)/var(--s) var(--joinchat-font);
351	+ white-space: nowrap;
352	+ text-overflow: ellipsis;
353	+ overflow: hidden;
354	+ cursor: pointer;
355	+ transition: background-color 200ms;
356	+ }
357	+
358	+ .joinchat__woo-btn:hover {
359	+ background-color: #128c7e;
360	+ }
361	+
362	+ @media (orientation: portrait) and (min-width: 481px), (orientation: landscape) and (min-height: 481px) {
363	+ .joinchat--mobile {
364	+ display: none !important;
365	+ }
366	+ }
367	+
368	+ @media (max-width: 767px) {
369	+ .joinchat--footer-bar {
370	+ --bottom: 76px !important;
371	+ }
372	+ }
373	+
374	+ @media (max-width: 480px), (orientation: landscape) and (max-height: 480px) {
375	+ .joinchat {
376	+ --bottom: 6px;
377	+ --sep: 6px;
378	+ }
379	+ }
380	+
381	+ @media (hover: hover) {
382	+ .joinchat__button:hover .joinchat__tooltip {
383	+ opacity: 1;
384	+ -webkit-animation: none;
385	+ animation: none;
386	+ transition: opacity 0.2s;
387	+ }
388	+ .joinchat--btn .joinchat__button:hover .joinchat__qr {
389	+ display: flex;
390	+ }
391	+ }
392	+
393	+ @media (prefers-reduced-motion) {
394	+ .joinchat {
395	+ -webkit-animation: none;
396	+ animation: none;
397	+ }
398	+ }

public/css/joinchat-btn.min.css ADDED Viewed

	@@ -0,0 +1 @@

public/css/{woo.css → joinchat-woo.css} RENAMED Viewed

File without changes

public/css/{woo.min.css → joinchat-woo.min.css} RENAMED Viewed

File without changes

public/css/joinchat.css CHANGED Viewed

	@@ -6,7 +6,7 @@
6	.joinchat {
7	--bottom: 20px;
8	--sep: 20px;
9	- --s: ~~var(--btn,~~ 60px);
10	--header: calc(var(--s)*1.16667);
11	--vh: 100vh;
12	--red: 37;
	@@ -22,12 +22,12 @@
22	--text: hsl(0deg 0% calc(var(--bw)1%) / clamp(70%, calc(var(--bw)1%), 100%));
23	--msg: var(--color);
24

25	display: none;
26	position: fixed;
27	z-index: 9999;
28	right: var(--sep);
29	bottom: var(--bottom);
30	- color: var(--text);
31	font: normal normal normal 16px/1.625em var(--joinchat-font);
32	letter-spacing: 0;
33	-webkit-animation: joinchat_show 500ms cubic-bezier(0.18, 0.89, 0.32, 1.28) 10ms both;
	@@ -89,8 +89,7 @@
89	border-radius: calc(var(--s)/2);
90	box-shadow: 1px 6px 24px 0 rgb(7 94 84 / 24%);
91	cursor: pointer;
92	- transition: background 0.2s linear;
93	- will-change: background-color, width;
94	}
95
96	[dir="rtl"] .joinchat__button {
	@@ -99,7 +98,7 @@
99
100	.joinchat__button:hover {
101	background: #128c7e;
102	- transition: ~~background~~ 1.5s ~~linear~~;
103	}
104
105	.joinchat__button:active {
	@@ -119,7 +118,7 @@
119
120	.joinchat--chatbox .joinchat__button {
121	background: var(--color);
122	- transition: ~~background~~ 0.2s ~~linear~~;
123	box-shadow: 0 1px 2px 0 rgb(0 0 0 / 30%);
124	}
125
	@@ -526,7 +525,6 @@
526	overflow-x: hidden;
527	overflow-y: auto;
528	overscroll-behavior-y: contain;
529	- will-change: scroll-position;
530	}
531
532	.joinchat__box__scroll::-webkit-scrollbar {
	@@ -695,6 +693,11 @@
695	opacity: 0;
696	transform: translateY(50px);
697	}





698	}
699
700	@keyframes joinchat_badge_in {
	@@ -702,6 +705,11 @@
702	opacity: 0;
703	transform: translateY(50px);
704	}





705	}
706
707	@-webkit-keyframes joinchat_badge_out {


6	.joinchat {
7	--bottom: 20px;
8	--sep: 20px;
9	+ --s: 60px;
10	--header: calc(var(--s)*1.16667);
11	--vh: 100vh;
12	--red: 37;

22	--text: hsl(0deg 0% calc(var(--bw)1%) / clamp(70%, calc(var(--bw)1%), 100%));
23	--msg: var(--color);
24
25	+ color: var(--text);
26	display: none;
27	position: fixed;
28	z-index: 9999;
29	right: var(--sep);
30	bottom: var(--bottom);

31	font: normal normal normal 16px/1.625em var(--joinchat-font);
32	letter-spacing: 0;
33	-webkit-animation: joinchat_show 500ms cubic-bezier(0.18, 0.89, 0.32, 1.28) 10ms both;

89	border-radius: calc(var(--s)/2);
90	box-shadow: 1px 6px 24px 0 rgb(7 94 84 / 24%);
91	cursor: pointer;
92	+ transition: background-color 0.2s linear;

93	}
94
95	[dir="rtl"] .joinchat__button {

98
99	.joinchat__button:hover {
100	background: #128c7e;
101	+ transition-duration: 1.5s;
102	}
103
104	.joinchat__button:active {

118
119	.joinchat--chatbox .joinchat__button {
120	background: var(--color);
121	+ transition-duration: 0.2s;
122	box-shadow: 0 1px 2px 0 rgb(0 0 0 / 30%);
123	}
124

525	overflow-x: hidden;
526	overflow-y: auto;
527	overscroll-behavior-y: contain;

528	}
529
530	.joinchat__box__scroll::-webkit-scrollbar {

693	opacity: 0;
694	transform: translateY(50px);
695	}
696	+
697	+ to {
698	+ opacity: 1;
699	+ transform: translateY(0);
700	+ }
701	}
702
703	@keyframes joinchat_badge_in {

705	opacity: 0;
706	transform: translateY(50px);
707	}
708	+
709	+ to {
710	+ opacity: 1;
711	+ transform: translateY(0);
712	+ }
713	}
714
715	@-webkit-keyframes joinchat_badge_out {

public/css/joinchat.min.css CHANGED Viewed

@@ -1 +1 @@

- :root{--joinchat-ico:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M3.516 3.516c4.686-4.686 12.284-4.686 16.97 0 4.686 4.686 4.686 12.283 0 16.97a12.004 12.004 0 0 1-13.754 2.299l-5.814.735a.392.392 0 0 1-.438-.44l.748-5.788A12.002 12.002 0 0 1 3.517 3.517zm3.61 17.043.3.158a9.846 9.846 0 0 0 11.534-1.758c3.843-3.843 3.843-10.074 0-13.918-3.843-3.843-10.075-3.843-13.918 0a9.846 9.846 0 0 0-1.747 11.554l.16.303-.51 3.942a.196.196 0 0 0 .219.22l3.961-.501zm6.534-7.003-.933 1.164a9.843 9.843 0 0 1-3.497-3.495l1.166-.933a.792.792 0 0 0 .23-.94L9.561 6.96a.793.793 0 0 0-.924-.445 1291.6 1291.6 0 0 0-2.023.524.797.797 0 0 0-.588.88 11.754 11.754 0 0 0 10.005 10.005.797.797 0 0 0 .88-.587l.525-2.023a.793.793 0 0 0-.445-.923L14.6 13.327a.792.792 0 0 0-.94.23z'/%3E%3C/svg%3E");--joinchat-font:-apple-system,blinkmacsystemfont,"Segoe UI",roboto,oxygen-sans,ubuntu,cantarell,"Helvetica Neue",sans-serif}.joinchat{--bottom:20px;--sep:20px;--s:var(--btn,60px);--header:calc(var(--s)*1.16667);--vh:100vh;--red:37;--green:211;--blue:102;--rgb:var(--red) var(--green) var(--blue);--color:rgb(var(--rgb));--dark:rgb(calc(var(--red) - 75) calc(var(--green) - 75) calc(var(--blue) - 75));--hover:rgb(calc(var(--red) + 50) calc(var(--green) + 50) calc(var(--blue) + 50));--bg:rgb(var(--rgb)/4%);--tolerance:210;--bw:calc((var(--red)*0.2126 + var(--green)*0.7152 + var(--blue)*0.0722 - var(--tolerance))*-10000000);--text:hsl(0deg 0% calc(var(--bw)*1%)/clamp(70%,calc(var(--bw)*1%),100%));--msg:var(--color);display:none;position:fixed;z-index:9999;right:var(--sep);bottom:var(--bottom);color:var(--text);font:normal normal normal 16px/1.625em var(--joinchat-font);letter-spacing:0;animation:joinchat_show .5s cubic-bezier(.18,.89,.32,1.28) 10ms both;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgb(0 0 0/0)}.joinchat *,.joinchat :after,.joinchat :before{box-sizing:border-box}.joinchat--show{display:block}.joinchat--left{right:auto;left:var(--sep)}.joinchat--dark{--msg:var(--dark)}.joinchat--noanim{animation:none}.joinchat--hidden{display:none!important}@supports not (width:clamp(1px,1%,10px)){.joinchat{--text:hsl(0deg 0% calc(var(--bw)*1%)/90%)}}.joinchat__button{display:flex;flex-direction:row;position:absolute;z-index:2;bottom:8px;right:8px;height:var(--s);min-width:var(--s);max-width:95vw;background:#25d366;color:inherit;border-radius:calc(var(--s)/2);box-shadow:1px 6px 24px 0 rgb(7 94 84/24%);cursor:pointer;transition:background .2s linear;will-change:background-color,width}[dir=rtl] .joinchat__button{flex-direction:row-reverse}.joinchat__button:hover{background:#128c7e;transition:background 1.5s linear}.joinchat__button:active{background:#128c7e;transition:none}.joinchat--left .joinchat__button{right:auto;left:8px;flex-direction:row-reverse}[dir=rtl] .joinchat--left .joinchat__button{flex-direction:row}.joinchat--chatbox .joinchat__button{background:var(--color);transition:background .2s linear;box-shadow:0 1px 2px 0 rgb(0 0 0/30%)}.joinchat--chatbox .joinchat__button:active,.joinchat--chatbox .joinchat__button:hover{background:var(--hover)}.joinchat--optout.joinchat--chatbox .joinchat__button{background-color:#999;opacity:.5;pointer-events:none}.joinchat--optout.joinchat--chatbox .joinchat__button .joinchat_svg__plain{stroke-dasharray:0;animation:none}.joinchat--optout.joinchat--chatbox .joinchat__button .joinchat_svg__chat{animation:none}.joinchat__button__open{width:var(--s);height:var(--s);border-radius:50%;background:rgb(0 0 0/0) var(--joinchat-ico) 50% no-repeat;background-size:60%;overflow:hidden}.joinchat--chatbox .joinchat__button__open{display:none}.joinchat__button__image{position:absolute;top:1px;right:1px;width:calc(var(--s) - 2px);height:calc(var(--s) - 2px);border-radius:50%;overflow:hidden;opacity:0}.joinchat__button__image img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.joinchat--show .joinchat__button__image{animation:joinchat_image_loop 20s linear 5s infinite normal both}.joinchat--image .joinchat__button__image{opacity:1;animation:none}.joinchat--chatbox .joinchat__button__image{display:none}.joinchat__button__send{display:none;flex-shrink:0;width:var(--s);height:var(--s);max-width:var(--s);padding:calc(var(--s)*0.18);margin:0;overflow:hidden}.joinchat--chatbox .joinchat__button__send{display:block}.joinchat__button__send path{fill:none!important;stroke:var(--text)!important}.joinchat__button__send .joinchat_svg__plain{stroke-dasharray:1097;stroke-dashoffset:1097;animation:joinchat_plain 6s .2s ease-in-out infinite}.joinchat__button__send .joinchat_svg__chat{stroke-dasharray:1020;stroke-dashoffset:1020;animation:joinchat_chat 6s 3.2s ease-in-out infinite}.joinchat__button__sendtext{padding:0;max-width:0;border-radius:var(--s);font-weight:600;line-height:var(--s);white-space:nowrap;opacity:0;overflow:hidden;transition:none}.joinchat--chatbox .joinchat__button__sendtext{padding:0 4px 0 24px;max-width:200px;opacity:1;transition:max-width .2s linear,opacity .4s ease-out .2s}.joinchat--chatbox.joinchat--left .joinchat__button__sendtext{padding:0 24px 0 4px}.joinchat__badge{position:absolute;top:-4px;right:-4px;width:20px;height:20px;border:none;border-radius:50%;background:#e82c0c;color:#fff;font-size:12px;font-weight:600;line-height:20px;text-align:center;box-shadow:none;opacity:0;pointer-events:none}.joinchat__badge.joinchat__badge--in{animation:joinchat_badge_in .5s cubic-bezier(.27,.9,.41,1.28) 1 both}.joinchat__badge.joinchat__badge--out{animation:joinchat_badge_out .4s cubic-bezier(.215,.61,.355,1) 1 both}.joinchat__tooltip{position:absolute;top:calc(var(--s)/2 - 16px);right:calc(var(--s) + 16px);max-width:calc(100vw - 105px);height:32px;padding:0 14px;border:none;border-radius:16px;background:#fff;color:rgb(0 0 0/80%);line-height:31px;white-space:nowrap;opacity:0;transition:opacity .3s ease-out .4s;filter:drop-shadow(0 1px 4px rgb(0 0 0 / 40%));pointer-events:none}.joinchat__tooltip:after{content:"";display:block;position:absolute;top:10px;right:-6px;border:8px solid transparent;border-width:6px 0 6px 8px;border-left-color:#fff}.joinchat__tooltip div{overflow:hidden;text-overflow:ellipsis}.joinchat--tooltip .joinchat__tooltip{animation:joinchat_tootlip 20s linear 5s 1 normal both}.joinchat--chatbox .joinchat__tooltip{display:none}.joinchat--left .joinchat__tooltip{right:auto;left:calc(var(--s) + 16px)}.joinchat--left .joinchat__tooltip:after{left:-6px;right:auto;border-color:transparent;border-width:6px 8px 6px 0;border-right-color:#fff}.joinchat__qr{position:absolute;bottom:calc(var(--s) + 16px);right:0;display:none;flex-direction:column-reverse;width:228px;min-height:200px;padding:14px 14px 10px;border:none;border-radius:16px;background:#fff;color:rgb(0 0 0/80%);text-align:center;white-space:nowrap;opacity:1;transition:opacity .3s ease-out .4s;filter:drop-shadow(0 1px 4px rgb(0 0 0 / 40%));animation:joinchat_badge_in .4s cubic-bezier(.11,.84,.83,1.01) 1s both;pointer-events:none}.joinchat__qr:after{content:"";display:block;position:absolute;bottom:-6px;right:calc(var(--s)/2 - 6px);border:8px solid transparent;border-width:8px 6px 0;border-top-color:#fff}.joinchat--left .joinchat__qr{left:0;right:auto}.joinchat--left .joinchat__qr:after{left:calc(var(--s)/2 - 6px);right:auto}.joinchat__qr div{font-size:14px;color:#4a4a4a;overflow:hidden;text-overflow:ellipsis}.joinchat__qr canvas{display:block;width:200px;height:200px;margin:0}.joinchat__box{display:flex;flex-direction:column;position:absolute;bottom:0;right:0;z-index:1;width:calc(100vw - var(--sep)*2);max-width:400px;min-height:170px;max-height:calc(var(--vh) - var(--bottom) - var(--sep));border-radius:calc(var(--s)/2 + 2px);background:transparent;box-shadow:0 2px 6px 0 rgb(0 0 0/50%);text-align:left;overflow:hidden;transform:scale3d(0,0,0);opacity:0;transition:max-height .2s ease-out,opacity .4s ease-out,transform 0s linear .3s}[dir=rtl] .joinchat__box{text-align:right}.joinchat--chatbox .joinchat__box{opacity:1;transform:scaleX(1);transition:max-height .2s ease-out,opacity .2s ease-out,transform 0s linear}.joinchat--left .joinchat__box{right:auto;left:0}.joinchat__header{display:flex;flex-flow:row;align-items:center;position:relative;flex-shrink:0;height:var(--header);min-height:50px;padding:0 70px 0 26px;margin:0;background:var(--color)}[dir=rtl] .joinchat__header{padding:0 26px 0 70px}.joinchat--dark .joinchat__header{background:var(--dark)}.joinchat__header__text{font-size:19px;font-weight:600;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.8}.joinchat__powered{font-size:11px;line-height:18px;color:inherit!important;text-decoration:none!important;fill:currentcolor;opacity:.8}.joinchat__powered svg{display:inline-block;width:auto;height:18px;vertical-align:-30%}.joinchat__powered:active,.joinchat__powered:hover{color:inherit!important;text-decoration:none!important;opacity:.9;filter:drop-shadow(0 1px 3px rgb(0 0 0 / 30%))}.joinchat__wa{height:28px;width:auto;fill:currentcolor;opacity:.8}.joinchat__close{--size:34px;position:absolute;top:calc(50% - var(--size)/2);right:24px;width:var(--size);height:var(--size);border-radius:50%;background:rgb(0 0 0/40%) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M24 2.4 21.6 0 12 9.6 2.4 0 0 2.4 9.6 12 0 21.6 2.4 24l9.6-9.6 9.6 9.6 2.4-2.4-9.6-9.6L24 2.4z'/%3E%3C/svg%3E") 50% no-repeat;background-size:12px;cursor:pointer;transition:background-color .3s ease-out}.joinchat__close:hover{background-color:rgb(0 0 0/60%)}.joinchat__close:active{background-color:rgb(0 0 0/70%)}[dir=rtl] .joinchat__close{right:auto;left:24px}.joinchat__box__scroll{padding:20px 0 70px;padding-bottom:calc(var(--s) + 10px);background:#fff linear-gradient(0deg,var(--bg),var(--bg));overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;will-change:scroll-position}.joinchat__box__scroll::-webkit-scrollbar{width:5px;background:rgb(0 0 0/0)}.joinchat__box__scroll::-webkit-scrollbar-thumb{border-radius:3px;background:rgb(0 0 0/0)}.joinchat--blur .joinchat__box__scroll{background:rgba(var(--rgb)/2%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.joinchat--dark .joinchat__box__scroll{background:#1a1a1a}.joinchat__box__scroll:hover::-webkit-scrollbar-thumb{background:rgb(0 0 0/20%)}@supports (-webkit-overflow-scrolling:touch){.joinchat__box__scroll{overflow-y:scroll;-webkit-overflow-scrolling:touch}}.joinchat__optin{padding:0 16px;margin-bottom:16px;color:#4a4a4a;font-size:13px;line-height:1.33}.joinchat__optin a{display:inline;padding:0;color:inherit!important;text-decoration:underline}.joinchat__optin a:hover{text-decoration-thickness:2px}.joinchat__optin input{position:absolute;visibility:hidden}.joinchat__optin label{position:relative;display:block;margin:0;padding:0 0 0 30px;color:inherit;font:inherit;cursor:pointer}.joinchat__optin label:before{content:"";display:block;position:absolute;top:calc(50% - 11px);left:0;width:22px;height:22px;border:3px solid var(--color);border-radius:4px;box-shadow:0 0 0 1px var(--text);transition:box-shadow .3s ease-in-out}.joinchat__optin label:after{content:"";display:none;position:absolute;top:calc(50% - 8px);left:8px;width:6px;height:14px;border:solid var(--text);border-width:0 3px 3px 0;transform:rotate(45deg)}[dir=rtl] .joinchat__optin label{padding:0 30px 0 0}[dir=rtl] .joinchat__optin label:before{left:auto;right:0}[dir=rtl] .joinchat__optin label:after{left:auto;right:8px}.joinchat__optin input:checked+label:before{box-shadow:0 0 0 1px var(--text),inset 0 0 0 10px var(--color)}.joinchat__optin input:checked+label:after{display:block}.joinchat--dark .joinchat__optin{color:#d8d8d8}.joinchat__message{position:relative;min-height:60px;padding:17px 20px;margin:0 26px 26px;border-radius:32px;background:#fff;color:#4a4a4a;word-break:break-word;filter:drop-shadow(0 1px 2px rgb(0 0 0 / 30%));transform:translateZ(0)}.joinchat__message:before{content:"";display:block;position:absolute;bottom:20px;left:-15px;width:17px;height:25px;background:inherit;-webkit-clip-path:var(--peak,url(#joinchat__message__peak));clip-path:var(--peak,url(#joinchat__message__peak))}.joinchat--dark .joinchat__message{background:#505050;color:#d8d8d8}@keyframes joinchat_show{0%{transform:scale(0)}}@keyframes joinchat_badge_in{0%{opacity:0;transform:translateY(50px)}}@keyframes joinchat_badge_out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes joinchat_plain{0%,50%,to{stroke-dashoffset:1097}5%,45%{stroke-dashoffset:0}}@keyframes joinchat_chat{0%,50%,to{stroke-dashoffset:1020}5%,45%{stroke-dashoffset:0}}@keyframes joinchat_image_loop{0%{opacity:0}3%,20%{opacity:1}25%,to{opacity:0}}@keyframes joinchat_tootlip{0%{opacity:0;transform:scaleY(0)}1%,20%{opacity:1;transform:scaleY(1)}25%,to{opacity:0;transform:scaleY(1)}}.joinchat__woo-btn__wrapper{clear:both}.joinchat__woo-btn{--s:40px;display:inline-block;box-sizing:border-box;height:var(--s);max-width:100%;padding:0 calc(var(--s)/2) 0 var(--s);background:#25d366 var(--joinchat-ico) calc(var(--s)*0.2) 50% no-repeat;background-size:calc(var(--s)*0.6);color:#fff;border-radius:calc(var(--s)/2);font:700 normal calc(var(--s)*0.35)/var(--s) var(--joinchat-font);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;cursor:pointer;transition:background-color .2s}.joinchat__woo-btn:hover{background-color:#128c7e}@media (orientation:landscape) and (min-height:481px),(orientation:portrait) and (min-width:481px){.joinchat--mobile{display:none!important}}@media (max-width:767px){.joinchat--footer-bar{--bottom:76px!important}}@media (max-width:480px),(orientation:landscape) and (max-height:480px){.joinchat{--bottom:6px;--sep:6px;--header:calc(var(--s)*0.91667)}.joinchat__header__text{font-size:17px}.joinchat__close{--size:28px}.joinchat__box__scroll{padding-top:15px}.joinchat__message{padding:18px 16px;line-height:24px;margin:0 20px 20px}}@media (hover:hover){.joinchat__button:hover .joinchat__tooltip{opacity:1;animation:none;transition:opacity .2s}.joinchat--btn .joinchat__button:hover .joinchat__qr,.joinchat--chatbox .joinchat__button:hover .joinchat__qr{display:flex}}@media (prefers-color-scheme:dark){.joinchat--dark-auto{--msg:var(--dark)}.joinchat--dark-auto .joinchat__box__scroll{background:#1a1a1a}.joinchat--dark-auto .joinchat__header{background:var(--dark)}.joinchat--dark-auto .joinchat__optin{color:#d8d8d8}.joinchat--dark-auto .joinchat__message{background:#505050;color:#d8d8d8}}@media (prefers-reduced-motion){.joinchat{animation:none}.joinchat__button__send .joinchat_svg__plain{stroke-dasharray:0;animation:none}.joinchat__button__send .joinchat_svg__chat{animation:none}.joinchat__button__sendtext{transition:none!important}}

+ :root{--joinchat-ico:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M3.516 3.516c4.686-4.686 12.284-4.686 16.97 0 4.686 4.686 4.686 12.283 0 16.97a12.004 12.004 0 0 1-13.754 2.299l-5.814.735a.392.392 0 0 1-.438-.44l.748-5.788A12.002 12.002 0 0 1 3.517 3.517zm3.61 17.043.3.158a9.846 9.846 0 0 0 11.534-1.758c3.843-3.843 3.843-10.074 0-13.918-3.843-3.843-10.075-3.843-13.918 0a9.846 9.846 0 0 0-1.747 11.554l.16.303-.51 3.942a.196.196 0 0 0 .219.22l3.961-.501zm6.534-7.003-.933 1.164a9.843 9.843 0 0 1-3.497-3.495l1.166-.933a.792.792 0 0 0 .23-.94L9.561 6.96a.793.793 0 0 0-.924-.445 1291.6 1291.6 0 0 0-2.023.524.797.797 0 0 0-.588.88 11.754 11.754 0 0 0 10.005 10.005.797.797 0 0 0 .88-.587l.525-2.023a.793.793 0 0 0-.445-.923L14.6 13.327a.792.792 0 0 0-.94.23z'/%3E%3C/svg%3E");--joinchat-font:-apple-system,blinkmacsystemfont,"Segoe UI",roboto,oxygen-sans,ubuntu,cantarell,"Helvetica Neue",sans-serif}.joinchat{--bottom:20px;--sep:20px;--s:60px;--header:calc(var(--s)*1.16667);--vh:100vh;--red:37;--green:211;--blue:102;--rgb:var(--red) var(--green) var(--blue);--color:rgb(var(--rgb));--dark:rgb(calc(var(--red) - 75) calc(var(--green) - 75) calc(var(--blue) - 75));--hover:rgb(calc(var(--red) + 50) calc(var(--green) + 50) calc(var(--blue) + 50));--bg:rgb(var(--rgb)/4%);--tolerance:210;--bw:calc((var(--red)*0.2126 + var(--green)*0.7152 + var(--blue)*0.0722 - var(--tolerance))*-10000000);--text:hsl(0deg 0% calc(var(--bw)*1%)/clamp(70%,calc(var(--bw)*1%),100%));--msg:var(--color);color:var(--text);display:none;position:fixed;z-index:9999;right:var(--sep);bottom:var(--bottom);font:normal normal normal 16px/1.625em var(--joinchat-font);letter-spacing:0;animation:joinchat_show .5s cubic-bezier(.18,.89,.32,1.28) 10ms both;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgb(0 0 0/0)}.joinchat *,.joinchat :after,.joinchat :before{box-sizing:border-box}.joinchat--show{display:block}.joinchat--left{right:auto;left:var(--sep)}.joinchat--dark{--msg:var(--dark)}.joinchat--noanim{animation:none}.joinchat--hidden{display:none!important}@supports not (width:clamp(1px,1%,10px)){.joinchat{--text:hsl(0deg 0% calc(var(--bw)*1%)/90%)}}.joinchat__button{display:flex;flex-direction:row;position:absolute;z-index:2;bottom:8px;right:8px;height:var(--s);min-width:var(--s);max-width:95vw;background:#25d366;color:inherit;border-radius:calc(var(--s)/2);box-shadow:1px 6px 24px 0 rgb(7 94 84/24%);cursor:pointer;transition:background-color .2s linear}[dir=rtl] .joinchat__button{flex-direction:row-reverse}.joinchat__button:hover{background:#128c7e;transition-duration:1.5s}.joinchat__button:active{background:#128c7e;transition:none}.joinchat--left .joinchat__button{right:auto;left:8px;flex-direction:row-reverse}[dir=rtl] .joinchat--left .joinchat__button{flex-direction:row}.joinchat--chatbox .joinchat__button{background:var(--color);transition-duration:.2s;box-shadow:0 1px 2px 0 rgb(0 0 0/30%)}.joinchat--chatbox .joinchat__button:active,.joinchat--chatbox .joinchat__button:hover{background:var(--hover)}.joinchat--optout.joinchat--chatbox .joinchat__button{background-color:#999;opacity:.5;pointer-events:none}.joinchat--optout.joinchat--chatbox .joinchat__button .joinchat_svg__plain{stroke-dasharray:0;animation:none}.joinchat--optout.joinchat--chatbox .joinchat__button .joinchat_svg__chat{animation:none}.joinchat__button__open{width:var(--s);height:var(--s);border-radius:50%;background:rgb(0 0 0/0) var(--joinchat-ico) 50% no-repeat;background-size:60%;overflow:hidden}.joinchat--chatbox .joinchat__button__open{display:none}.joinchat__button__image{position:absolute;top:1px;right:1px;width:calc(var(--s) - 2px);height:calc(var(--s) - 2px);border-radius:50%;overflow:hidden;opacity:0}.joinchat__button__image img{display:block;width:100%;height:100%;object-fit:cover}.joinchat--show .joinchat__button__image{animation:joinchat_image_loop 20s linear 5s infinite normal both}.joinchat--image .joinchat__button__image{opacity:1;animation:none}.joinchat--chatbox .joinchat__button__image{display:none}.joinchat__button__send{display:none;flex-shrink:0;width:var(--s);height:var(--s);max-width:var(--s);padding:calc(var(--s)*0.18);margin:0;overflow:hidden}.joinchat--chatbox .joinchat__button__send{display:block}.joinchat__button__send path{fill:none!important;stroke:var(--text)!important}.joinchat__button__send .joinchat_svg__plain{stroke-dasharray:1097;stroke-dashoffset:1097;animation:joinchat_plain 6s .2s ease-in-out infinite}.joinchat__button__send .joinchat_svg__chat{stroke-dasharray:1020;stroke-dashoffset:1020;animation:joinchat_chat 6s 3.2s ease-in-out infinite}.joinchat__button__sendtext{padding:0;max-width:0;border-radius:var(--s);font-weight:600;line-height:var(--s);white-space:nowrap;opacity:0;overflow:hidden;transition:none}.joinchat--chatbox .joinchat__button__sendtext{padding:0 4px 0 24px;max-width:200px;opacity:1;transition:max-width .2s linear,opacity .4s ease-out .2s}.joinchat--chatbox.joinchat--left .joinchat__button__sendtext{padding:0 24px 0 4px}.joinchat__badge{position:absolute;top:-4px;right:-4px;width:20px;height:20px;border:none;border-radius:50%;background:#e82c0c;color:#fff;font-size:12px;font-weight:600;line-height:20px;text-align:center;box-shadow:none;opacity:0;pointer-events:none}.joinchat__badge.joinchat__badge--in{animation:joinchat_badge_in .5s cubic-bezier(.27,.9,.41,1.28) 1 both}.joinchat__badge.joinchat__badge--out{animation:joinchat_badge_out .4s cubic-bezier(.215,.61,.355,1) 1 both}.joinchat__tooltip{position:absolute;top:calc(var(--s)/2 - 16px);right:calc(var(--s) + 16px);max-width:calc(100vw - 105px);height:32px;padding:0 14px;border:none;border-radius:16px;background:#fff;color:rgb(0 0 0/80%);line-height:31px;white-space:nowrap;opacity:0;transition:opacity .3s ease-out .4s;filter:drop-shadow(0 1px 4px rgb(0 0 0 / 40%));pointer-events:none}.joinchat__tooltip:after{content:"";display:block;position:absolute;top:10px;right:-6px;border:8px solid transparent;border-width:6px 0 6px 8px;border-left-color:#fff}.joinchat__tooltip div{overflow:hidden;text-overflow:ellipsis}.joinchat--tooltip .joinchat__tooltip{animation:joinchat_tootlip 20s linear 5s 1 normal both}.joinchat--chatbox .joinchat__tooltip{display:none}.joinchat--left .joinchat__tooltip{right:auto;left:calc(var(--s) + 16px)}.joinchat--left .joinchat__tooltip:after{left:-6px;right:auto;border-color:transparent;border-width:6px 8px 6px 0;border-right-color:#fff}.joinchat__qr{position:absolute;bottom:calc(var(--s) + 16px);right:0;display:none;flex-direction:column-reverse;width:228px;min-height:200px;padding:14px 14px 10px;border:none;border-radius:16px;background:#fff;color:rgb(0 0 0/80%);text-align:center;white-space:nowrap;opacity:1;transition:opacity .3s ease-out .4s;filter:drop-shadow(0 1px 4px rgb(0 0 0 / 40%));animation:joinchat_badge_in .4s cubic-bezier(.11,.84,.83,1.01) 1s both;pointer-events:none}.joinchat__qr:after{content:"";display:block;position:absolute;bottom:-6px;right:calc(var(--s)/2 - 6px);border:8px solid transparent;border-width:8px 6px 0;border-top-color:#fff}.joinchat--left .joinchat__qr{left:0;right:auto}.joinchat--left .joinchat__qr:after{left:calc(var(--s)/2 - 6px);right:auto}.joinchat__qr div{font-size:14px;color:#4a4a4a;overflow:hidden;text-overflow:ellipsis}.joinchat__qr canvas{display:block;width:200px;height:200px;margin:0}.joinchat__box{display:flex;flex-direction:column;position:absolute;bottom:0;right:0;z-index:1;width:calc(100vw - var(--sep)*2);max-width:400px;min-height:170px;max-height:calc(var(--vh) - var(--bottom) - var(--sep));border-radius:calc(var(--s)/2 + 2px);background:transparent;box-shadow:0 2px 6px 0 rgb(0 0 0/50%);text-align:left;overflow:hidden;transform:scale3d(0,0,0);opacity:0;transition:max-height .2s ease-out,opacity .4s ease-out,transform 0s linear .3s}[dir=rtl] .joinchat__box{text-align:right}.joinchat--chatbox .joinchat__box{opacity:1;transform:scaleX(1);transition:max-height .2s ease-out,opacity .2s ease-out,transform 0s linear}.joinchat--left .joinchat__box{right:auto;left:0}.joinchat__header{display:flex;flex-flow:row;align-items:center;position:relative;flex-shrink:0;height:var(--header);min-height:50px;padding:0 70px 0 26px;margin:0;background:var(--color)}[dir=rtl] .joinchat__header{padding:0 26px 0 70px}.joinchat--dark .joinchat__header{background:var(--dark)}.joinchat__header__text{font-size:19px;font-weight:600;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.8}.joinchat__powered{font-size:11px;line-height:18px;color:inherit!important;text-decoration:none!important;fill:currentcolor;opacity:.8}.joinchat__powered svg{display:inline-block;width:auto;height:18px;vertical-align:-30%}.joinchat__powered:active,.joinchat__powered:hover{color:inherit!important;text-decoration:none!important;opacity:.9;filter:drop-shadow(0 1px 3px rgb(0 0 0 / 30%))}.joinchat__wa{height:28px;width:auto;fill:currentcolor;opacity:.8}.joinchat__close{--size:34px;position:absolute;top:calc(50% - var(--size)/2);right:24px;width:var(--size);height:var(--size);border-radius:50%;background:rgb(0 0 0/40%) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M24 2.4 21.6 0 12 9.6 2.4 0 0 2.4 9.6 12 0 21.6 2.4 24l9.6-9.6 9.6 9.6 2.4-2.4-9.6-9.6L24 2.4z'/%3E%3C/svg%3E") 50% no-repeat;background-size:12px;cursor:pointer;transition:background-color .3s ease-out}.joinchat__close:hover{background-color:rgb(0 0 0/60%)}.joinchat__close:active{background-color:rgb(0 0 0/70%)}[dir=rtl] .joinchat__close{right:auto;left:24px}.joinchat__box__scroll{padding:20px 0 70px;padding-bottom:calc(var(--s) + 10px);background:#fff linear-gradient(0deg,var(--bg),var(--bg));overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain}.joinchat__box__scroll::-webkit-scrollbar{width:5px;background:rgb(0 0 0/0)}.joinchat__box__scroll::-webkit-scrollbar-thumb{border-radius:3px;background:rgb(0 0 0/0)}.joinchat--blur .joinchat__box__scroll{background:rgba(var(--rgb)/2%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.joinchat--dark .joinchat__box__scroll{background:#1a1a1a}.joinchat__box__scroll:hover::-webkit-scrollbar-thumb{background:rgb(0 0 0/20%)}@supports (-webkit-overflow-scrolling:touch){.joinchat__box__scroll{overflow-y:scroll;-webkit-overflow-scrolling:touch}}.joinchat__optin{padding:0 16px;margin-bottom:16px;color:#4a4a4a;font-size:13px;line-height:1.33}.joinchat__optin a{display:inline;padding:0;color:inherit!important;text-decoration:underline}.joinchat__optin a:hover{text-decoration-thickness:2px}.joinchat__optin input{position:absolute;visibility:hidden}.joinchat__optin label{position:relative;display:block;margin:0;padding:0 0 0 30px;color:inherit;font:inherit;cursor:pointer}.joinchat__optin label:before{content:"";display:block;position:absolute;top:calc(50% - 11px);left:0;width:22px;height:22px;border:3px solid var(--color);border-radius:4px;box-shadow:0 0 0 1px var(--text);transition:box-shadow .3s ease-in-out}.joinchat__optin label:after{content:"";display:none;position:absolute;top:calc(50% - 8px);left:8px;width:6px;height:14px;border:solid var(--text);border-width:0 3px 3px 0;transform:rotate(45deg)}[dir=rtl] .joinchat__optin label{padding:0 30px 0 0}[dir=rtl] .joinchat__optin label:before{left:auto;right:0}[dir=rtl] .joinchat__optin label:after{left:auto;right:8px}.joinchat__optin input:checked+label:before{box-shadow:0 0 0 1px var(--text),inset 0 0 0 10px var(--color)}.joinchat__optin input:checked+label:after{display:block}.joinchat--dark .joinchat__optin{color:#d8d8d8}.joinchat__message{position:relative;min-height:60px;padding:17px 20px;margin:0 26px 26px;border-radius:32px;background:#fff;color:#4a4a4a;word-break:break-word;filter:drop-shadow(0 1px 2px rgb(0 0 0 / 30%));transform:translateZ(0)}.joinchat__message:before{content:"";display:block;position:absolute;bottom:20px;left:-15px;width:17px;height:25px;background:inherit;-webkit-clip-path:var(--peak,url(#joinchat__message__peak));clip-path:var(--peak,url(#joinchat__message__peak))}.joinchat--dark .joinchat__message{background:#505050;color:#d8d8d8}@keyframes joinchat_show{0%{transform:scale(0)}}@keyframes joinchat_badge_in{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes joinchat_badge_out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes joinchat_plain{0%,50%,to{stroke-dashoffset:1097}5%,45%{stroke-dashoffset:0}}@keyframes joinchat_chat{0%,50%,to{stroke-dashoffset:1020}5%,45%{stroke-dashoffset:0}}@keyframes joinchat_image_loop{0%{opacity:0}3%,20%{opacity:1}25%,to{opacity:0}}@keyframes joinchat_tootlip{0%{opacity:0;transform:scaleY(0)}1%,20%{opacity:1;transform:scaleY(1)}25%,to{opacity:0;transform:scaleY(1)}}.joinchat__woo-btn__wrapper{clear:both}.joinchat__woo-btn{--s:40px;display:inline-block;box-sizing:border-box;height:var(--s);max-width:100%;padding:0 calc(var(--s)/2) 0 var(--s);background:#25d366 var(--joinchat-ico) calc(var(--s)*0.2) 50% no-repeat;background-size:calc(var(--s)*0.6);color:#fff;border-radius:calc(var(--s)/2);font:700 normal calc(var(--s)*0.35)/var(--s) var(--joinchat-font);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;cursor:pointer;transition:background-color .2s}.joinchat__woo-btn:hover{background-color:#128c7e}@media (orientation:landscape) and (min-height:481px),(orientation:portrait) and (min-width:481px){.joinchat--mobile{display:none!important}}@media (max-width:767px){.joinchat--footer-bar{--bottom:76px!important}}@media (max-width:480px),(orientation:landscape) and (max-height:480px){.joinchat{--bottom:6px;--sep:6px;--header:calc(var(--s)*0.91667)}.joinchat__header__text{font-size:17px}.joinchat__close{--size:28px}.joinchat__box__scroll{padding-top:15px}.joinchat__message{padding:18px 16px;line-height:24px;margin:0 20px 20px}}@media (hover:hover){.joinchat__button:hover .joinchat__tooltip{opacity:1;animation:none;transition:opacity .2s}.joinchat--btn .joinchat__button:hover .joinchat__qr,.joinchat--chatbox .joinchat__button:hover .joinchat__qr{display:flex}}@media (prefers-color-scheme:dark){.joinchat--dark-auto{--msg:var(--dark)}.joinchat--dark-auto .joinchat__box__scroll{background:#1a1a1a}.joinchat--dark-auto .joinchat__header{background:var(--dark)}.joinchat--dark-auto .joinchat__optin{color:#d8d8d8}.joinchat--dark-auto .joinchat__message{background:#505050;color:#d8d8d8}}@media (prefers-reduced-motion){.joinchat{animation:none}.joinchat__button__send .joinchat_svg__plain{stroke-dasharray:0;animation:none}.joinchat__button__send .joinchat_svg__chat{animation:none}.joinchat__button__sendtext{transition:none!important}}

public/js/joinchat.js CHANGED Viewed

	@@ -38,7 +38,8 @@
38	// Compatible with GADP for WordPress by MonsterInsights tracker name
39	var ga_tracker = win[this.settings.ga_tracker] \|\| win['ga'] \|\| win['__gaTracker'];
40	// Can pass setting 'data_layer' for custom data layer name
41	- ~~var~~ ~~data_layer~~ = ~~win[this.settings.data_layer]~~ \|\| ~~win['dataLayer'];~~

42
43	// Send Google Analytics custom event (Universal Analytics - analytics.js)
44	if (typeof ga_tracker == 'function' && typeof ga_tracker.getAll == 'function') {


38	// Compatible with GADP for WordPress by MonsterInsights tracker name
39	var ga_tracker = win[this.settings.ga_tracker] \|\| win['ga'] \|\| win['__gaTracker'];
40	// Can pass setting 'data_layer' for custom data layer name
41	+ // Compatible with GTM4WP custom DataLayer name
42	+ var data_layer = win[this.settings.data_layer] \|\| win[win.gtm4wp_datalayer_name] \|\| win['dataLayer'];
43
44	// Send Google Analytics custom event (Universal Analytics - analytics.js)
45	if (typeof ga_tracker == 'function' && typeof ga_tracker.getAll == 'function') {

public/js/joinchat.min.js CHANGED Viewed

@@ -1 +1 @@

- !function(d,p,u){"use strict";function t(){d(u).trigger("joinchat:starting");var t,o,e=1e3*joinchat_obj.settings.button_delay,n=1e3*joinchat_obj.settings.message_delay,i=!!joinchat_obj.settings.message_hash,a=!!joinchat_obj.$(".joinchat__box").length,s=parseInt(joinchat_obj.store.getItem("joinchat_views")||1)>=joinchat_obj.settings.message_views,h=-1!==(joinchat_obj.store.getItem("joinchat_hashes")||"").split(",").filter(Boolean).indexOf(joinchat_obj.settings.message_hash||"none");function c(){clearTimeout(o),joinchat_obj.chatbox_show()}function j(){joinchat_obj.save_hash(),joinchat_obj.chatbox_hide()}var _,r,l,b="joinchat--show";function g(){var t=(u.activeElement.type||"").toLowerCase();0<=["date","datetime","email","month","number","password","search","tel","text","textarea","time","url","week"].indexOf(t)?joinchat_obj.chatbox?(joinchat_obj.chatbox_hide(),setTimeout(function(){joinchat_obj.$div.removeClass("joinchat--show")},400)):joinchat_obj.$div.removeClass("joinchat--show"):joinchat_obj.$div.addClass("joinchat--show")}h||i&&n&&!joinchat_obj.settings.message_badge&&s||(b+=" joinchat--tooltip"),setTimeout(function(){joinchat_obj.$div.addClass(b)},e),i&&!h&&n&&(joinchat_obj.settings.message_badge?o=setTimeout(function(){joinchat_obj.$(".joinchat__badge").addClass("joinchat__badge--in")},e+n):s&&(o=setTimeout(c,e+n))),a&&!joinchat_obj.is_mobile&&joinchat_obj.$(".joinchat__button").on("mouseenter",function(){t=setTimeout(c,1500)}).on("mouseleave",function(){clearTimeout(t)}),joinchat_obj.$(".joinchat__button").on("click",function(){a&&!joinchat_obj.chatbox?c():Date.now()>joinchat_obj.showed_at+600&&(j(),joinchat_obj.open_whatsapp())}),joinchat_obj.$(".joinchat__close").on("click",j),joinchat_obj.$("#joinchat_optin").on("change",function(){joinchat_obj.$div.toggleClass("joinchat--optout",!this.checked)}),joinchat_obj.$(".joinchat__box__scroll").on("mousewheel DOMMouseScroll",function(t){t.preventDefault();t=t.originalEvent.wheelDelta||-t.originalEvent.detail;this.scrollTop+=30*(t<0?1:-1)}),joinchat_obj.is_mobile&&(d(u).on("focus blur","input, textarea",function(t){d(t.target).closest(joinchat_obj.$div).length||(clearTimeout(_),_=setTimeout(g,200))}),d(p).on("resize",function(){clearTimeout(r),r=setTimeout(function(){joinchat_obj.$div[0].style.setProperty("--vh",window.innerHeight+"px")},200)}).trigger("resize")),d(u).on("click",'.joinchat_open, .joinchat_app, a[href="#joinchat"], a[href="#whatsapp"]',function(t){t.preventDefault(),!a||d(this).is('.joinchat_app, a[href="#whatsapp"]')?joinchat_obj.open_whatsapp():c()}),d(u).on("click",".joinchat_close",function(t){t.preventDefault(),joinchat_obj.chatbox_hide()}),a&&"IntersectionObserver"in p&&(0<(n=d(".joinchat_show, .joinchat_force_show")).length&&(l=new IntersectionObserver(function(t){d.each(t,function(){if(0<this.intersectionRatio&&(!h||d(this.target).hasClass("joinchat_force_show")))return c(),l.disconnect(),!1})}),n.each(function(){l.observe(this)}))),joinchat_obj.settings.qr&&!joinchat_obj.is_mobile&&"function"==typeof kjua?joinchat_obj.$(".joinchat__qr").kjua({text:joinchat_obj.whatsapp_link(void 0,void 0,!1),render:"canvas",rounded:80}):joinchat_obj.$(".joinchat__qr").remove(),a&&joinchat_obj.$div.css("--peak","url(#joinchat__message__peak)"),d(u).trigger("joinchat:start")}p.joinchat_obj=p.joinchat_obj||{},joinchat_obj=d.extend({$div:null,settings:null,store:null,chatbox:!1,showed_at:0,is_mobile:!1},joinchat_obj),joinchat_obj.$=function(t){return d(t||this.$div,this.$div)},joinchat_obj.send_event=function(e){var t,o,n;(e=d.extend({event_label:"",event_action:"",chat_channel:"WhatsApp",chat_id:"--",is_mobile:this.is_mobile?"yes":"no",page_location:location.href,page_title:document.title||"no title"},e)).event_label=e.event_label||e.link||"",e.event_action=e.event_action||e.chat_channel+": "+e.chat_id,delete e.link,!1!==d(u).triggerHandler("joinchat:event",[e])&&(t=p[this.settings.ga_tracker]||p.ga||p.__gaTracker,o=p[this.settings.data_layer]||p.dataLayer,"function"==typeof t&&"function"==typeof t.getAll&&(t("set","transport","beacon"),t.getAll().forEach(function(t){t.send("event","JoinChat",e.event_action,e.event_label)})),d.each(e,function(t,o){e[t]="string"==typeof o?o.substring(0,100):o}),"function"==typeof gtag&&"object"==typeof o&&(delete(n=d.extend({event_category:"JoinChat",transport_type:"beacon"},e)).page_location,delete n.page_title,o.forEach(function(t){"config"==t[0]&&"G-"==t[1].substring(0,2)&&(n.send_to=t[1],gtag("event","generate_lead",n))}),this.settings.gads&&gtag("event","conversion",{send_to:this.settings.gads})),"object"==typeof o&&o.push(d.extend({event:"JoinChat"},e)),"function"==typeof fbq&&fbq("trackCustom","JoinChat",e))},joinchat_obj.whatsapp_link=function(t,o,e){return o=void 0!==o?o:this.settings.message_send||"",((e=void 0!==e?e:this.settings.whatsapp_web&&!this.is_mobile)?"https://web.whatsapp.com/send?phone=":"https://wa.me/")+encodeURIComponent(t||this.settings.telephone)+(o?(e?"&text=":"?text=")+encodeURIComponent(o):"")},joinchat_obj.chatbox_show=function(){this.chatbox||(this.chatbox=!0,this.showed_at=Date.now(),this.$div.addClass("joinchat--chatbox"),this.settings.message_badge&&this.$(".joinchat__badge").hasClass("joinchat__badge--in")&&this.$(".joinchat__badge").toggleClass("joinchat__badge--in joinchat__badge--out"),d(u).trigger("joinchat:show"))},joinchat_obj.chatbox_hide=function(){this.chatbox&&(this.chatbox=!1,this.$div.removeClass("joinchat--chatbox joinchat--tooltip"),this.settings.message_badge&&this.$(".joinchat__badge").removeClass("joinchat__badge--out"),d(u).trigger("joinchat:hide"))},joinchat_obj.save_hash=function(){var t=this.settings.message_hash||"none",o=(this.store.getItem("joinchat_hashes")||"").split(",").filter(Boolean);-1===o.indexOf(t)&&(o.push(t),this.store.setItem("joinchat_hashes",o.join(",")))},joinchat_obj.open_whatsapp=function(t,o){t=t||this.settings.telephone,o=void 0!==o?o:this.settings.message_send||"";t={link:this.whatsapp_link(t,o),chat_channel:"WhatsApp",chat_id:t,chat_message:o},o=new RegExp("^https?://(wa.me|(api|web|chat).whatsapp.com|"+location.hostname.replace(".",".")+")/.*","i");!1!==d(u).triggerHandler("joinchat:open",[t])&&(o.test(t.link)?(this.send_event(t),p.open(t.link,"joinchat","noopener")):console.error("Join.chat: the link doesn't seem safe, it must point to the current domain or whatsapp.com"))};var o,e=(o=function(){if(joinchat_obj.$div=d(".joinchat"),joinchat_obj.$div.length){joinchat_obj.settings=joinchat_obj.$div.data("settings"),joinchat_obj.is_mobile=!!navigator.userAgent.match(/Android|iPhone|BlackBerry|IEMobile|Opera Mini/i);try{localStorage.setItem("test",1),localStorage.removeItem("test"),joinchat_obj.store=localStorage}catch(t){joinchat_obj.store={_data:{},setItem:function(t,o){this._data[t]=String(o)},getItem:function(t){return this._data.hasOwnProperty(t)?this._data[t]:null}}}if("object"!=typeof joinchat_obj.settings)try{joinchat_obj.settings=JSON.parse(joinchat_obj.$div.attr("data-settings"))}catch(t){joinchat_obj.settings=void 0,console.error("Join.chat: can't get settings")}joinchat_obj.settings&&joinchat_obj.settings.telephone&&(joinchat_obj.is_mobile||!joinchat_obj.settings.mobile_only?t():(joinchat_obj.$div.removeClass("joinchat--show"),d(u).on("click",'.joinchat_open, .joinchat_app, a[href="#joinchat"], a[href="#whatsapp"]',function(t){t.preventDefault(),joinchat_obj.open_whatsapp()}))),joinchat_obj.store.setItem("joinchat_views",parseInt(joinchat_obj.store.getItem("joinchat_views")||0)+1)}},function(){o&&o.apply(this,arguments),o=null});d(e),d(p).on("load",e),u.addEventListener("DOMContentLoaded",e)}(jQuery,window,document);

+ !function(d,p,u){"use strict";function t(){d(u).trigger("joinchat:starting");var t,o,e=1e3*joinchat_obj.settings.button_delay,n=1e3*joinchat_obj.settings.message_delay,i=!!joinchat_obj.settings.message_hash,a=!!joinchat_obj.$(".joinchat__box").length,s=parseInt(joinchat_obj.store.getItem("joinchat_views")||1)>=joinchat_obj.settings.message_views,h=-1!==(joinchat_obj.store.getItem("joinchat_hashes")||"").split(",").filter(Boolean).indexOf(joinchat_obj.settings.message_hash||"none");function c(){clearTimeout(o),joinchat_obj.chatbox_show()}function _(){joinchat_obj.save_hash(),joinchat_obj.chatbox_hide()}var j,r,l,b="joinchat--show";function g(){var t=(u.activeElement.type||"").toLowerCase();0<=["date","datetime","email","month","number","password","search","tel","text","textarea","time","url","week"].indexOf(t)?joinchat_obj.chatbox?(joinchat_obj.chatbox_hide(),setTimeout(function(){joinchat_obj.$div.removeClass("joinchat--show")},400)):joinchat_obj.$div.removeClass("joinchat--show"):joinchat_obj.$div.addClass("joinchat--show")}h||i&&n&&!joinchat_obj.settings.message_badge&&s||(b+=" joinchat--tooltip"),setTimeout(function(){joinchat_obj.$div.addClass(b)},e),i&&!h&&n&&(joinchat_obj.settings.message_badge?o=setTimeout(function(){joinchat_obj.$(".joinchat__badge").addClass("joinchat__badge--in")},e+n):s&&(o=setTimeout(c,e+n))),a&&!joinchat_obj.is_mobile&&joinchat_obj.$(".joinchat__button").on("mouseenter",function(){t=setTimeout(c,1500)}).on("mouseleave",function(){clearTimeout(t)}),joinchat_obj.$(".joinchat__button").on("click",function(){a&&!joinchat_obj.chatbox?c():Date.now()>joinchat_obj.showed_at+600&&(_(),joinchat_obj.open_whatsapp())}),joinchat_obj.$(".joinchat__close").on("click",_),joinchat_obj.$("#joinchat_optin").on("change",function(){joinchat_obj.$div.toggleClass("joinchat--optout",!this.checked)}),joinchat_obj.$(".joinchat__box__scroll").on("mousewheel DOMMouseScroll",function(t){t.preventDefault();t=t.originalEvent.wheelDelta||-t.originalEvent.detail;this.scrollTop+=30*(t<0?1:-1)}),joinchat_obj.is_mobile&&(d(u).on("focus blur","input, textarea",function(t){d(t.target).closest(joinchat_obj.$div).length||(clearTimeout(j),j=setTimeout(g,200))}),d(p).on("resize",function(){clearTimeout(r),r=setTimeout(function(){joinchat_obj.$div[0].style.setProperty("--vh",window.innerHeight+"px")},200)}).trigger("resize")),d(u).on("click",'.joinchat_open, .joinchat_app, a[href="#joinchat"], a[href="#whatsapp"]',function(t){t.preventDefault(),!a||d(this).is('.joinchat_app, a[href="#whatsapp"]')?joinchat_obj.open_whatsapp():c()}),d(u).on("click",".joinchat_close",function(t){t.preventDefault(),joinchat_obj.chatbox_hide()}),a&&"IntersectionObserver"in p&&(0<(n=d(".joinchat_show, .joinchat_force_show")).length&&(l=new IntersectionObserver(function(t){d.each(t,function(){if(0<this.intersectionRatio&&(!h||d(this.target).hasClass("joinchat_force_show")))return c(),l.disconnect(),!1})}),n.each(function(){l.observe(this)}))),joinchat_obj.settings.qr&&!joinchat_obj.is_mobile&&"function"==typeof kjua?joinchat_obj.$(".joinchat__qr").kjua({text:joinchat_obj.whatsapp_link(void 0,void 0,!1),render:"canvas",rounded:80}):joinchat_obj.$(".joinchat__qr").remove(),a&&joinchat_obj.$div.css("--peak","url(#joinchat__message__peak)"),d(u).trigger("joinchat:start")}p.joinchat_obj=p.joinchat_obj||{},joinchat_obj=d.extend({$div:null,settings:null,store:null,chatbox:!1,showed_at:0,is_mobile:!1},joinchat_obj),joinchat_obj.$=function(t){return d(t||this.$div,this.$div)},joinchat_obj.send_event=function(e){var t,o,n;(e=d.extend({event_label:"",event_action:"",chat_channel:"WhatsApp",chat_id:"--",is_mobile:this.is_mobile?"yes":"no",page_location:location.href,page_title:document.title||"no title"},e)).event_label=e.event_label||e.link||"",e.event_action=e.event_action||e.chat_channel+": "+e.chat_id,delete e.link,!1!==d(u).triggerHandler("joinchat:event",[e])&&(t=p[this.settings.ga_tracker]||p.ga||p.__gaTracker,o=p[this.settings.data_layer]||p[p.gtm4wp_datalayer_name]||p.dataLayer,"function"==typeof t&&"function"==typeof t.getAll&&(t("set","transport","beacon"),t.getAll().forEach(function(t){t.send("event","JoinChat",e.event_action,e.event_label)})),d.each(e,function(t,o){e[t]="string"==typeof o?o.substring(0,100):o}),"function"==typeof gtag&&"object"==typeof o&&(delete(n=d.extend({event_category:"JoinChat",transport_type:"beacon"},e)).page_location,delete n.page_title,o.forEach(function(t){"config"==t[0]&&"G-"==t[1].substring(0,2)&&(n.send_to=t[1],gtag("event","generate_lead",n))}),this.settings.gads&&gtag("event","conversion",{send_to:this.settings.gads})),"object"==typeof o&&o.push(d.extend({event:"JoinChat"},e)),"function"==typeof fbq&&fbq("trackCustom","JoinChat",e))},joinchat_obj.whatsapp_link=function(t,o,e){return o=void 0!==o?o:this.settings.message_send||"",((e=void 0!==e?e:this.settings.whatsapp_web&&!this.is_mobile)?"https://web.whatsapp.com/send?phone=":"https://wa.me/")+encodeURIComponent(t||this.settings.telephone)+(o?(e?"&text=":"?text=")+encodeURIComponent(o):"")},joinchat_obj.chatbox_show=function(){this.chatbox||(this.chatbox=!0,this.showed_at=Date.now(),this.$div.addClass("joinchat--chatbox"),this.settings.message_badge&&this.$(".joinchat__badge").hasClass("joinchat__badge--in")&&this.$(".joinchat__badge").toggleClass("joinchat__badge--in joinchat__badge--out"),d(u).trigger("joinchat:show"))},joinchat_obj.chatbox_hide=function(){this.chatbox&&(this.chatbox=!1,this.$div.removeClass("joinchat--chatbox joinchat--tooltip"),this.settings.message_badge&&this.$(".joinchat__badge").removeClass("joinchat__badge--out"),d(u).trigger("joinchat:hide"))},joinchat_obj.save_hash=function(){var t=this.settings.message_hash||"none",o=(this.store.getItem("joinchat_hashes")||"").split(",").filter(Boolean);-1===o.indexOf(t)&&(o.push(t),this.store.setItem("joinchat_hashes",o.join(",")))},joinchat_obj.open_whatsapp=function(t,o){t=t||this.settings.telephone,o=void 0!==o?o:this.settings.message_send||"";t={link:this.whatsapp_link(t,o),chat_channel:"WhatsApp",chat_id:t,chat_message:o},o=new RegExp("^https?://(wa.me|(api|web|chat).whatsapp.com|"+location.hostname.replace(".",".")+")/.*","i");!1!==d(u).triggerHandler("joinchat:open",[t])&&(o.test(t.link)?(this.send_event(t),p.open(t.link,"joinchat","noopener")):console.error("Join.chat: the link doesn't seem safe, it must point to the current domain or whatsapp.com"))};var o,e=(o=function(){if(joinchat_obj.$div=d(".joinchat"),joinchat_obj.$div.length){joinchat_obj.settings=joinchat_obj.$div.data("settings"),joinchat_obj.is_mobile=!!navigator.userAgent.match(/Android|iPhone|BlackBerry|IEMobile|Opera Mini/i);try{localStorage.setItem("test",1),localStorage.removeItem("test"),joinchat_obj.store=localStorage}catch(t){joinchat_obj.store={_data:{},setItem:function(t,o){this._data[t]=String(o)},getItem:function(t){return this._data.hasOwnProperty(t)?this._data[t]:null}}}if("object"!=typeof joinchat_obj.settings)try{joinchat_obj.settings=JSON.parse(joinchat_obj.$div.attr("data-settings"))}catch(t){joinchat_obj.settings=void 0,console.error("Join.chat: can't get settings")}joinchat_obj.settings&&joinchat_obj.settings.telephone&&(joinchat_obj.is_mobile||!joinchat_obj.settings.mobile_only?t():(joinchat_obj.$div.removeClass("joinchat--show"),d(u).on("click",'.joinchat_open, .joinchat_app, a[href="#joinchat"], a[href="#whatsapp"]',function(t){t.preventDefault(),joinchat_obj.open_whatsapp()}))),joinchat_obj.store.setItem("joinchat_views",parseInt(joinchat_obj.store.getItem("joinchat_views")||0)+1)}},function(){o&&o.apply(this,arguments),o=null});d(e),d(p).on("load",e),u.addEventListener("DOMContentLoaded",e)}(jQuery,window,document);

public/partials/html.php CHANGED Viewed

	@@ -17,18 +17,18 @@ defined( 'WPINC' ) \|\| exit;
17	<div class="joinchat__button__open"></div>
18	<?php if ( $image ) : ?>
19	<div class="joinchat__button__image"><?php echo $image; ?></div>
20	- <?php endif; ?>
21	- <?php if ( $this->settings['message_start'] ) : ?>
22	- <div class="joinchat__button__sendtext"><?php echo esc_html( $this->settings['message_start'] ); ?></div>
23	<?php endif; ?>
24	<?php if ( $box_content ) : ?>



25	<svg class="joinchat__button__send" width="60" height="60" viewbox="0 0 400 400" stroke-linecap="round" stroke-width="33">
26	<path class="joinchat_svg__plain" d="M168.83 200.504H79.218L33.04 44.284a1 1 0 0 1 1.386-1.188L365.083 199.04a1 1 0 0 1 .003 1.808L34.432 357.903a1 1 0 0 1-1.388-1.187l29.42-99.427"/>
27	<path class="joinchat_svg__chat" d="M318.087 318.087c-52.982 52.982-132.708 62.922-195.725 29.82l-80.449 10.18 10.358-80.112C18.956 214.905 28.836 134.99 81.913 81.913c65.218-65.217 170.956-65.217 236.174 0 42.661 42.661 57.416 102.661 44.265 157.316"/>
28	</svg>
29	- <?php ~~endif;~~ ?>
30	- ~~<?php~~ ~~if ( $this->settings['message_badge'] ) : ?>~~
31	- ~~<div~~ ~~class="joinchat__badge">1</div>~~
32	<?php endif; ?>
33	<?php if ( $this->settings['button_tip'] ) : ?>
34	<div class="joinchat__tooltip"><div><?php echo esc_html( $this->settings['button_tip'] ); ?></div></div>
	@@ -57,6 +57,6 @@ defined( 'WPINC' ) \|\| exit;
57	</div>
58	</div>
59	</div>

60	<?php endif; ?>
61	- <svg height="0" width="0"><defs><clipPath id="joinchat__message__peak"><path d="M17 25V0C17 12.877 6.082 14.9 1.031 15.91c-1.559.31-1.179 2.272.004 2.272C9.609 18.182 17 18.088 17 25z"/></clipPath></defs></svg>
62	</div>


17	<div class="joinchat__button__open"></div>
18	<?php if ( $image ) : ?>
19	<div class="joinchat__button__image"><?php echo $image; ?></div>



20	<?php endif; ?>
21	<?php if ( $box_content ) : ?>
22	+ <?php if ( $this->settings['message_start'] ) : ?>
23	+ <div class="joinchat__button__sendtext"><?php echo esc_html( $this->settings['message_start'] ); ?></div>
24	+ <?php endif; ?>
25	<svg class="joinchat__button__send" width="60" height="60" viewbox="0 0 400 400" stroke-linecap="round" stroke-width="33">
26	<path class="joinchat_svg__plain" d="M168.83 200.504H79.218L33.04 44.284a1 1 0 0 1 1.386-1.188L365.083 199.04a1 1 0 0 1 .003 1.808L34.432 357.903a1 1 0 0 1-1.388-1.187l29.42-99.427"/>
27	<path class="joinchat_svg__chat" d="M318.087 318.087c-52.982 52.982-132.708 62.922-195.725 29.82l-80.449 10.18 10.358-80.112C18.956 214.905 28.836 134.99 81.913 81.913c65.218-65.217 170.956-65.217 236.174 0 42.661 42.661 57.416 102.661 44.265 157.316"/>
28	</svg>
29	+ <?php if ( $this->settings['message_badge'] ) : ?>
30	+ <div class="joinchat__badge">1</div>
31	+ <?php endif; ?>
32	<?php endif; ?>
33	<?php if ( $this->settings['button_tip'] ) : ?>
34	<div class="joinchat__tooltip"><div><?php echo esc_html( $this->settings['button_tip'] ); ?></div></div>

57	</div>
58	</div>
59	</div>
60	+ <svg height="0" width="0"><defs><clipPath id="joinchat__message__peak"><path d="M17 25V0C17 12.877 6.082 14.9 1.031 15.91c-1.559.31-1.179 2.272.004 2.272C9.609 18.182 17 18.088 17 25z"/></clipPath></defs></svg>
61	<?php endif; ?>

62	</div>