Floating Chat Widget: Contact Chat Icons, Telegram Chat, Line, WeChat, Email, SMS, Call Button – Chaty - Version 2.4

Version Description

A huge release for Black Friday! We've added triggers (time-based, scroll-based, and exit intent), attention effects, open-widget state, click/hover launch options, widget size, 4 widget icons, and bug fixes.

Download this release

Release Info

Developer galdub
Plugin Icon wp plugin Floating Chat Widget: Contact Chat Icons, Telegram Chat, Line, WeChat, Email, SMS, Call Button – Chaty
Version 2.4
Comparing to
See all releases

Code changes from version 2.2.8 to 2.4

Files changed (17) hide show
  1. admin/class-admin-base.php +17 -0
  2. admin/class-social-icons.php +1 -1
  3. assets/css/animation.css +641 -0
  4. assets/css/cht-style.css +584 -32
  5. assets/js/cht-front-script.js +246 -51
  6. assets/js/cht-scripts.min.js +169 -10
  7. cht-icons.php +2 -2
  8. frontend/class-frontend.php +9 -5
  9. readme.txt +36 -18
  10. views/admin.php +1 -0
  11. views/parts/chaty_widget.php +2 -2
  12. views/parts/section1.php +10 -8
  13. views/parts/section2.php +136 -187
  14. views/parts/section3.php +1 -1
  15. views/parts/trigger-and-target.php +210 -0
  16. views/upgrade.php +4 -1
  17. views/widget.php +40 -0
admin/class-admin-base.php CHANGED
@@ -528,6 +528,14 @@ class CHT_Admin_Base
528
  add_settings_field('cht_cta', 'CTA', '', $this->plugin_slug);
529
  add_settings_field('cht_credit', 'Credit', '', $this->plugin_slug);
530
  add_settings_field('cht_cta_switcher', 'CTA switcher', '', $this->plugin_slug);
 
 
 
 
 
 
 
 
531
 
532
  // section three
533
  add_settings_field('cht_active', 'Active', '', $this->plugin_slug);
@@ -567,6 +575,15 @@ class CHT_Admin_Base
567
  register_setting($this->plugin_slug, 'cht_widget_size', 'chaty_sanitize_options');
568
  register_setting($this->plugin_slug, 'cht_widget_img', 'chaty_sanitize_options');
569
  register_setting($this->plugin_slug, 'widget_icon', 'chaty_sanitize_options');
 
 
 
 
 
 
 
 
 
570
  add_action('pre_update_option_cht_widget_img', array($this, 'uploadCustomWidget'), 10, 3);
571
 
572
  // register field section three
528
  add_settings_field('cht_cta', 'CTA', '', $this->plugin_slug);
529
  add_settings_field('cht_credit', 'Credit', '', $this->plugin_slug);
530
  add_settings_field('cht_cta_switcher', 'CTA switcher', '', $this->plugin_slug);
531
+ add_settings_field('chaty_attention_effect', 'CTA effect', '', $this->plugin_slug);
532
+ add_settings_field('chaty_default_state', 'CTA state', '', $this->plugin_slug);
533
+ add_settings_field('chaty_trigger_on_time', 'CTA trigger on time', '', $this->plugin_slug);
534
+ add_settings_field('chaty_trigger_time', 'CTA time to trigger', '', $this->plugin_slug);
535
+ add_settings_field('chaty_trigger_on_exit', 'CTA exit intent', '', $this->plugin_slug);
536
+ add_settings_field('chaty_trigger_on_scroll', 'CTA trigger on scroll', '', $this->plugin_slug);
537
+ add_settings_field('chaty_trigger_on_page_scroll', 'CTA page scroll', '', $this->plugin_slug);
538
+ add_settings_field('cht_close_button', 'CTA close button', '', $this->plugin_slug);
539
 
540
  // section three
541
  add_settings_field('cht_active', 'Active', '', $this->plugin_slug);
575
  register_setting($this->plugin_slug, 'cht_widget_size', 'chaty_sanitize_options');
576
  register_setting($this->plugin_slug, 'cht_widget_img', 'chaty_sanitize_options');
577
  register_setting($this->plugin_slug, 'widget_icon', 'chaty_sanitize_options');
578
+ register_setting($this->plugin_slug, 'chaty_attention_effect', 'chaty_sanitize_options');
579
+ register_setting($this->plugin_slug, 'chaty_default_state', 'chaty_sanitize_options');
580
+ register_setting($this->plugin_slug, 'chaty_trigger_on_time', 'chaty_sanitize_options');
581
+ register_setting($this->plugin_slug, 'chaty_trigger_time', 'chaty_sanitize_options');
582
+ register_setting($this->plugin_slug, 'chaty_trigger_on_exit', 'chaty_sanitize_options');
583
+ register_setting($this->plugin_slug, 'chaty_trigger_on_scroll', 'chaty_sanitize_options');
584
+ register_setting($this->plugin_slug, 'chaty_trigger_on_page_scroll', 'chaty_sanitize_options');
585
+ register_setting($this->plugin_slug, 'cht_close_button', 'chaty_sanitize_options');
586
+
587
  add_action('pre_update_option_cht_widget_img', array($this, 'uploadCustomWidget'), 10, 3);
588
 
589
  // register field section three
admin/class-social-icons.php CHANGED
@@ -254,7 +254,7 @@ class CHT_Social_Icons
254
  'example' => 'https://www.example.com/contact',
255
  'placeholder' => __('Link', CHT_OPT),
256
  'slug' => 'Link',
257
- 'title' => 'Link',
258
  'color' => '#FF7539',
259
  'help' => "You can use this channel to add any custom channel you want. You can link to a specific form on your site or any social network. You can customize the color, upload a custom image, and change the on-hover text in the Pro plans",
260
  'help_title' => 'How do I use this?',
254
  'example' => 'https://www.example.com/contact',
255
  'placeholder' => __('Link', CHT_OPT),
256
  'slug' => 'Link',
257
+ 'title' => 'Custom Link',
258
  'color' => '#FF7539',
259
  'help' => "You can use this channel to add any custom channel you want. You can link to a specific form on your site or any social network. You can customize the color, upload a custom image, and change the on-hover text in the Pro plans",
260
  'help_title' => 'How do I use this?',
assets/css/animation.css ADDED
@@ -0,0 +1,641 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ body.hide-cht-widget .chaty-widget.one_widget .chaty-widget-i:not(.no-tooltip):before {
2
+ display: none
3
+ }
4
+ .widget-img {
5
+ display: flex;
6
+ align-items: center;
7
+ height: 100%;
8
+ overflow: hidden;
9
+ border-radius: 100%;
10
+ }
11
+ .get {
12
+ opacity: 0;
13
+ }
14
+ .chaty-widget-show .get {
15
+ opacity: 1;
16
+ }
17
+ .none-widget-show .get {
18
+ opacity: 0;
19
+ }
20
+ .get a {
21
+ color: #222 !important;
22
+ text-decoration: none !important;
23
+ }
24
+ body .one_widget .bofore_del:before {
25
+ opacity: 0 !important;
26
+ display: none;
27
+ )
28
+ }
29
+
30
+ .one_widget .chaty-widget-i.i-trigger-open:before {
31
+ display: none;
32
+ }
33
+ .one_widget.chaty-widget .chaty-widget-i {
34
+ }
35
+ .one_widget.chaty-widget:not(.chaty-widget-is-right) .chaty-widget-i:not(.no-tooltip) .chaty-widget-i-title {
36
+ font-size: 17px;
37
+ left: -3px;
38
+ top: 50%;
39
+ white-space: nowrap;
40
+ padding: 5px 15px;
41
+ line-height: 21px;
42
+ color: #333;
43
+ background-color: #fff;
44
+ box-shadow: 0 1.93465px 7.73859px rgba(0, 0, 0, 0.15);
45
+ border-radius: 10px;
46
+ }
47
+ .chaty-widget.one_widget .chaty-widget-i:not(.no-tooltip) .chaty-widget-i-title, .chaty-widget.one_widget .chaty-widget-i:not(.no-tooltip):before {
48
+ opacity: 1 !important;
49
+ }
50
+ .snap-wee-title {
51
+ z-index: 20;
52
+ opacity: 0;
53
+ padding: 10px 10px 9px 12px !important;
54
+ font-size: 17px;
55
+ transform: translate(calc(-100% - 14px), -50%);
56
+ left: -3px;
57
+ top: 50%;
58
+ white-space: nowrap;
59
+ line-height: 21px;
60
+ color: #333;
61
+ background-color: #fff;
62
+ box-shadow: 0 1.93465px 7.73859px rgba(0, 0, 0, 0.15);
63
+ border-radius: 10px;
64
+ position: absolute;
65
+ }
66
+ @media (min-width: 1024px) {
67
+ .chaty-widget-i:hover .snap-wee-title {
68
+ opacity: 1;
69
+ }
70
+ }
71
+ .chaty-widget-i.hover .snap-wee-title {
72
+ opacity: 1;
73
+ }
74
+ .snap-wee-title:before {
75
+ content: "";
76
+ right: -9px;
77
+ position: absolute;
78
+ top: 50%;
79
+ transform: translateY(-50%);
80
+ height: 0;
81
+ width: 0;
82
+ z-index: 11;
83
+ border-width: 5px 0 5px 10px;
84
+ border-style: solid;
85
+ border-color: transparent transparent transparent #fff;
86
+ }
87
+ .snap-wee-title p {
88
+ color: #222;
89
+ text-decoration: none;
90
+ margin: 0;
91
+ padding: 0;
92
+ }
93
+ .chaty-widget-i .chaty-widget-i-title p {
94
+ color: #222 !important;
95
+ text-decoration: none !important;
96
+ margin: 0 !important;
97
+ padding: 0 !important
98
+ }
99
+ .chaty-widget-i .i-trigger a {
100
+ color: #222 !important;
101
+ text-decoration: none !important;
102
+ }
103
+ * {
104
+ -webkit-tap-highlight-color: transparent !important;
105
+ }
106
+ .i-trigger-open svg, .i-trigger-close svg {
107
+ transition: all 0.5s
108
+ }
109
+ .chaty-widget-show .i-trigger-open svg, .chaty-widget-show .i-trigger-close svg {
110
+ transform: rotate(180deg)
111
+ }
112
+ .none-widget-show .i-trigger-ope {
113
+ -webkit-animation: fadein 1.5s;
114
+ -moz-animation: fadein 1.5s;
115
+ -ms-animation: fadein 1.5s;
116
+ -o-animation: fadein 1.5s; /* animation: fadein 2s; */
117
+ }
118
+ .chaty-widget-show .i-trigger-cloe {
119
+ -webkit-animation: fadein 1.5s;
120
+ -moz-animation: fadein 1.5s;
121
+ -ms-animation: fadein 1.5s;
122
+ -o-animation: fadein 1.5s; /* animation: fadein 2s; */
123
+ }
124
+ .chaty-widget .i-trigger-open.chaty-widget-i:not(.no-tooltip) .chaty-widget-i-title {
125
+ transform: translate(calc(-100% - 12px), -50%);
126
+ }
127
+ .chaty-widget-is-right.chaty-widget .i-trigger-open.chaty-widget-i:not(.no-tooltip) .chaty-widget-i-title {
128
+ right: 0;
129
+ left: auto;
130
+ transform: translate(calc(100% + 12px), -50%);
131
+ }
132
+ .chaty-widget-is-right.chaty-widget .chaty-widget-i:not(.no-tooltip) .chaty-widget-i-title {
133
+ right: 0;
134
+ left: auto;
135
+ transform: translate(calc(100% + 13px), -50%);
136
+ }
137
+
138
+ .chaty-widget-is-right.chaty-widget.one_widget .chaty-widget-i:not(.no-tooltip):before {
139
+ left: auto;
140
+ right: -18px;
141
+ }
142
+ .chaty-widget.one_widget .chaty-widget-i:not(.no-tooltip):before {
143
+ left: -18px;
144
+ }
145
+ .one_widget .i-trigger-open .chaty-widget-i-title {
146
+ padding: 10px 10px 9px 12px !important;
147
+ }
148
+ .one_widget .i-trigger-open.hidetooltip .chaty-widget-i-title {
149
+ display: none;
150
+ }
151
+ .one_widget .i-trigger-open.hidetooltip .chaty-widget-i:before {
152
+ display: none;
153
+ }
154
+ .chaty-widget .chaty-widget-i.facebook.before:not(.no-tooltip):hover .chaty-widget-i-title, .chaty-widget .chaty-widget-i.before.facebook:not(.no-tooltip):hover:before {
155
+ opacity: 1;
156
+ pointer-events: auto
157
+ }
158
+ .chaty-widget .chaty-widget-i:not(.no-tooltip) .chaty-widget-i-title, .chaty-widget .chaty-widget-i:not(.no-tooltip).before:before {
159
+ opacity: 1;
160
+ }
161
+ .one_widget .chaty-widget-i svg {
162
+ position: relative;
163
+ }
164
+ body .chaty-widget-i-title.true {
165
+ opacity: 1 !important;
166
+ }
167
+ .chaty-widget .i-trigger-open:not(.no-tooltip):before {
168
+ opacity: 1 !important
169
+ }
170
+ .chaty-widget .chaty-widget-i.facebook.active:not(.no-tooltip) .chaty-widget-i-title, .chaty-widget .chaty-widget-i.facebook:not(.no-tooltip):hover:before {
171
+ pointer-events: initial;
172
+ }
173
+ .chaty-widget .facebook_header {
174
+ background-color: #1E88E5;
175
+ height: 34px;
176
+ border-top-left-radius: 5px;
177
+ border-top-right-radius: 5px;
178
+ padding-left: 9px;
179
+ display: flex;
180
+ align-items: center;
181
+ justify-content: space-between;
182
+ }
183
+ .facebook .chaty-widget-i-title {
184
+ padding: 0 !important
185
+ }
186
+ body .chaty-widget-i .facebook_header p {
187
+ font-family: Lato, Helvetica, Arial, sans-serif;
188
+ font-size: 13px;
189
+ color: #fff !important;
190
+ position: relative;
191
+ }
192
+ .facebook_header svg, .facebook_header p {
193
+ display: inline-block;
194
+ vertical-align: bottom;
195
+ margin: 0;
196
+ }
197
+ .chaty-widget .chaty-widget-i .facebook_header svg {
198
+ height: 30px !important;
199
+ width: 30px !important;
200
+ }
201
+ .chaty-widget {
202
+ display: none !important;
203
+ }
204
+ @media screen and (max-width: 800px) {
205
+ .i-trigger-close .chaty-widget-i-title {
206
+ display: none;
207
+ }
208
+ }
209
+ @media screen and (max-width: 480px) {
210
+ .mobile_none {
211
+ display: none
212
+ }
213
+ .chaty-widget.mobile_active {
214
+ display: block !important;
215
+ }
216
+ }
217
+ @media screen and (min-width: 480px) {
218
+ .chaty-widget.desktop_active {
219
+ display: block !important;
220
+ }
221
+ }
222
+ .chaty-widget {
223
+ position: fixed;
224
+ z-index: 9999
225
+ }
226
+ .chaty-widget .chaty-widget-is {
227
+ display: flex;
228
+ flex-wrap: wrap;
229
+ overflow: hidden;
230
+ height: 0;
231
+ position: absolute;
232
+ pointer-events: none;
233
+ left: 0;
234
+ right: auto;
235
+ bottom: 65px;
236
+ opacity: 0;
237
+ }
238
+ #transition_disabled {
239
+ -webkit-animation: none !important;
240
+ -moz-animation: none !important;
241
+ -ms-animation: none !important;
242
+ -o-animation: none !important;
243
+ -webkit-animation: none !important
244
+ }
245
+ @keyframes fadeout {
246
+ from {
247
+ opacity: 1
248
+ }
249
+ to {
250
+ opacity: 0
251
+ }
252
+ }
253
+ @-moz-keyframes fadeout {
254
+ from {
255
+ opacity: 1
256
+ }
257
+ to {
258
+ opacity: 0
259
+ }
260
+ }
261
+ @-webkit-keyframes fadeout {
262
+ from {
263
+ opacity: 1
264
+ }
265
+ to {
266
+ opacity: 0
267
+ }
268
+ }
269
+ @-o-keyframes fadeout {
270
+ from {
271
+ opacity: 1
272
+ }
273
+ to {
274
+ opacity: 0
275
+ }
276
+ }
277
+ .chaty-widget .chaty-widget-is .chaty-widget-i {
278
+ }
279
+ .chaty-widget .i-trigger {
280
+ position: relative;
281
+ }
282
+ .chaty-widget .i-trigger .i-trigger-open, .chaty-widget .i-trigger .i-trigger-close {
283
+ transition: all 0.2s;
284
+ }
285
+ .chaty-widget .i-trigger .i-trigger-close {
286
+ position: absolute;
287
+ bottom: -4px;
288
+ left: 0;
289
+ right: 0;
290
+ z-index: 2
291
+ }
292
+ .chaty-widget .i-trigger .i-trigger-open {
293
+ opacity: 1;
294
+ pointer-events: auto
295
+ }
296
+ .chaty-widget .i-trigger .i-trigger-close {
297
+ opacity: 0;
298
+ pointer-events: none
299
+ }
300
+ .chaty-widget:not(.chaty-widget-show) .chaty-widget-is {
301
+ }
302
+ .chaty-widget.chaty-widget-show .i-trigger .i-trigger-open {
303
+ opacity: 0;
304
+ pointer-events: none
305
+ }
306
+ .chaty-widget.chaty-widget-show .i-trigger .i-trigger-close {
307
+ box-shadow: none;
308
+ opacity: 1;
309
+ pointer-events: auto
310
+ }
311
+ .chaty-widget.chaty-widget-show .chaty-widget-is {
312
+ pointer-events: auto;
313
+ overflow: visible;
314
+ opacity: 1;
315
+ visibility: visible;
316
+ }
317
+ @keyframes fadein {
318
+ from {
319
+ opacity: 0
320
+ }
321
+ to {
322
+ opacity: 1
323
+ }
324
+ }
325
+ @-moz-keyframes fadein {
326
+ from {
327
+ opacity: 0
328
+ }
329
+ to {
330
+ opacity: 1
331
+ }
332
+ }
333
+ @-webkit-keyframes fadein {
334
+ from {
335
+ opacity: 0
336
+ }
337
+ to {
338
+ opacity: 1
339
+ }
340
+ }
341
+ @-ms-keyframes fadein {
342
+ from {
343
+ opacity: 0
344
+ }
345
+ to {
346
+ opacity: 1
347
+ }
348
+ }
349
+ @-o-keyframes fadein {
350
+ from {
351
+ opacity: 0
352
+ }
353
+ to {
354
+ opacity: 1
355
+ }
356
+ }
357
+ .chaty-widget.chaty-widget-show .chaty-widget-is .chaty-widget-i {
358
+ opacity: 1;
359
+ overflow: visible
360
+ }
361
+ .chaty-widget .chaty-widget-i .chaty-widget-i {
362
+ margin: 0;
363
+ }
364
+ .chaty-widget .chaty-widget-i {
365
+ border-radius: 50%;
366
+ vertical-align: top;
367
+ width: 54px;
368
+ height: 54px;
369
+ position: relative;
370
+ margin: 4px
371
+ }
372
+ .chaty-widget .chaty-widget-i svg, .chaty-widget .chaty-widget-i .wrap-svg {
373
+ cursor: pointer;
374
+ width: 100%;
375
+ height: 100%;
376
+ display: block;
377
+ position: relative;
378
+ box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.25);
379
+ border-radius: 50%;
380
+ -wekit-border-radius: 50%;
381
+ -moz-border-radius: 50%;
382
+ }
383
+ body .i-trigger-open .chaty-widget-i-title {
384
+ padding: 5px 16px 5px 17px !important;
385
+ }
386
+ .chaty-widget:not(.chaty-widget-is-right) .i-trigger-open:before {
387
+ left: -13px !important
388
+ }
389
+ .chaty-widget:not(.chaty-widget-is-right) .i-trigger-open:before {
390
+ }
391
+ .one_widget.chaty-widget.chaty-widget-is-right .i-trigger-open:before {
392
+ right: -12px !important
393
+ }
394
+ body .one_widget .i-trigger-open .chaty-widget-i-title.face_title {
395
+ padding: 0 !important
396
+ }
397
+ .one_widget.chaty-widget .chaty-widget-i:not(.no-tooltip) .chaty-widget-i-title {
398
+ transform: translate(calc(-100% - 14px), -50%);
399
+ }
400
+ .chaty-widget .chaty-widget-i:not(.no-tooltip) .chaty-widget-i-title, .chaty-widget .chaty-widget-i:not(.no-tooltip):before {
401
+ content: none;
402
+ position: absolute;
403
+ opacity: 0;
404
+ pointer-events: none;
405
+ z-index: 10
406
+ }
407
+ .chaty-widget .chaty-widget-i:not(.no-tooltip):before {
408
+ content: "";
409
+ left: -14px;
410
+ top: 50%;
411
+ transform: translateY(-50%);
412
+ height: 0;
413
+ width: 0;
414
+ z-index: 11;
415
+ border-width: 5px 0 5px 10px;
416
+ border-style: solid;
417
+ border-color: transparent transparent transparent #fff
418
+ }
419
+ .chaty-widget .chaty-widget-i:not(.no-tooltip) .chaty-widget-i-title {
420
+ text-align: center;
421
+ font-size: 17px;
422
+ left: 0;
423
+ top: 50%;
424
+ transform: translate(calc(-100% - 13px), -50%);
425
+ white-space: nowrap;
426
+ padding: 5px 15px;
427
+ line-height: 21px;
428
+ color: #333;
429
+ background-color: #fff;
430
+ box-shadow: 0 1.93465px 7.73859px rgba(0, 0, 0, 0.15);
431
+ border-radius: 10px
432
+ }
433
+ .chaty-widget .chaty-widget-i:not(.no-tooltip):hover .chaty-widget-i-title, .chaty-widget .chaty-widget-i:not(.no-tooltip):hover:before {
434
+ opacity: 1;
435
+ pointer-events: auto
436
+ }
437
+ .chaty-widget .chaty-widget-i.facebook:not(.no-tooltip):hover .chaty-widget-i-title, .chaty-widget .chaty-widget-i.facebook:not(.no-tooltip):hover:before {
438
+ opacity: 0;
439
+ pointer-events: auto
440
+ }
441
+ .chaty-widget .chaty-widget-i .color-element {
442
+ transition: all .2s
443
+ }
444
+ .chaty-widget:not(.chaty-widget-is-right) .chaty-widget-is {
445
+ position: absolute;
446
+ right: 0;
447
+ left: auto;
448
+ bottom: 65px;
449
+ justify-content: flex-end
450
+ }
451
+ .chaty-widget.chaty-widget-is-right .i-trigger-open.chaty-widget-i:before {
452
+ right: -13px;
453
+ left: auto;
454
+ border-width: 5px 10px 5px 0;
455
+ border-color: transparent #fff transparent transparent
456
+ }
457
+ .chaty-widget.chaty-widget-is-right .chaty-widget-i:before {
458
+ right: -14px;
459
+ left: auto;
460
+ border-width: 5px 10px 5px 0;
461
+ border-color: transparent #fff transparent transparent
462
+ }
463
+ .chaty-widget.chaty-widget-is-right .chaty-widget-i.facebook.active .chaty-widget-i-title {
464
+ position: fixed;
465
+ transform: initial !important;
466
+ right: auto;
467
+ top: calc(100% - 484px);
468
+ }
469
+ .chaty-widget .chaty-widget-i.facebook.active .chaty-widget-i-title {
470
+ min-width: 250px;
471
+ padding: 0;
472
+ position: fixed;
473
+ transform: initial;
474
+ right: 29px;
475
+ left: auto;
476
+ top: calc(100% - 484px);
477
+ }
478
+ .one_widget.chaty-widget.chaty-widget-is-right .chaty-widget-i .chaty-widget-i-title {
479
+ right: 0;
480
+ left: auto;
481
+ transform: translate(calc(100% + 17px), -50%) !important
482
+ }
483
+ /* animation */
484
+ .chaty-animation-pulse {
485
+ animation: chaty-animation-pulse 1s forwards;
486
+ }
487
+ .chaty-animation-jump {
488
+ animation: chaty-animation-jump 1s forwards cubic-bezier(.84, -0.54, .31, 1.19);
489
+ }
490
+ .chaty-animation-waggle {
491
+ animation: chaty-animation-waggle 1s forwards ease-out;
492
+ }
493
+ .chaty-animation-sheen {
494
+ position: relative;
495
+ overflow: hidden;
496
+ }
497
+ .chaty-animation-sheen:after {
498
+ animation: chaty-animation-sheen 1.5s forwards;
499
+ content: '';
500
+ position: absolute;
501
+ top: 0;
502
+ right: 0;
503
+ bottom: 0;
504
+ left: 0;
505
+ background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.5) 50%, transparent);
506
+ transform: rotateZ(60deg) translate(0em, 5em);
507
+ }
508
+ .chaty-animation-spin {
509
+ animation: chaty-animation-spin 1s forwards cubic-bezier(.56, -0.35, .22, 1.5);
510
+ }
511
+ .chaty-animation-fade {
512
+ animation: chaty-animation-fade 1s forwards;
513
+ }
514
+ @keyframes chaty-animation-pulse {
515
+ 0% {
516
+ background-color: orange;
517
+ }
518
+ 25% {
519
+ background-color: red;
520
+ }
521
+ 50% {
522
+ background-color: orange;
523
+ }
524
+ 75% {
525
+ background-color: red;
526
+ }
527
+ }
528
+ @keyframes chaty-animation-jump {
529
+ 0% {
530
+ transform: none;
531
+ }
532
+ 50% {
533
+ transform: translateY(-1em);
534
+ }
535
+ }
536
+ @keyframes chaty-animation-waggle {
537
+ 0% {
538
+ transform: none;
539
+ }
540
+ 50% {
541
+ transform: rotateZ(-20deg) scale(1.2);
542
+ }
543
+ 60% {
544
+ transform: rotateZ(25deg) scale(1.2);
545
+ }
546
+ 67.5% {
547
+ transform: rotateZ(-15deg) scale(1.2);
548
+ }
549
+ 75% {
550
+ transform: rotateZ(15deg) scale(1.2);
551
+ }
552
+ 82.5% {
553
+ transform: rotateZ(-12deg) scale(1.2);
554
+ }
555
+ 85% {
556
+ transform: rotateZ(0) scale(1.2);
557
+ }
558
+ 100% {
559
+ transform: rotateZ(0) scale(1);
560
+ }
561
+ }
562
+ @keyframes chaty-animation-sheen {
563
+ 100% {
564
+ transform: rotateZ(60deg) translate(0, -80px);
565
+ }
566
+ }
567
+ @keyframes chaty-animation-spin {
568
+ 50% {
569
+ transform: rotateZ(-20deg);
570
+ animation-timing-function: ease;
571
+ }
572
+ 100% {
573
+ transform: rotateZ(360deg);
574
+ }
575
+ }
576
+ @keyframes chaty-animation-fade {
577
+ 25% {
578
+ opacity: 0.25;
579
+ }
580
+ 50% {
581
+ opacity: 1;
582
+ }
583
+ 75% {
584
+ opacity: 0.25;
585
+ }
586
+ 100% {
587
+ opacity: 1;
588
+ }
589
+ }
590
+ .start-now, .start-now:after {
591
+ animation-delay: 0;
592
+ }
593
+ .chaty-widget .i-trigger {
594
+ z-index: 1000;
595
+ }
596
+ .chaty-widget:not(.chaty-widget-is-right) .chaty-widget-is {
597
+ z-index: 1000;
598
+ }
599
+ .chaty-nav:before {
600
+ display: block;
601
+ position: fixed;
602
+ top: 0;
603
+ left: 0;
604
+ content: '';
605
+ width: 100vw;
606
+ height: 100vh;
607
+ background: rgba(0, 0, 0, 0.8);
608
+ visibility: hidden;
609
+ z-index: 100;
610
+ transition: all 500ms ease-in-out;
611
+ -webkit-transition: all 500ms ease-in-out;
612
+ -moz-transition: all 500ms ease-in-out;
613
+ }
614
+ .chaty-animation-widget.left-position .chaty-nav:before {
615
+ clip-path: circle(15px at 60px calc(100% - 60px))
616
+ }
617
+ .chaty-animation-widget.right-position .chaty-nav:before {
618
+ clip-path: circle(15px at calc(100% - 60px) calc(100% - 60px));
619
+ }
620
+ .chaty-animation-widget.active .chaty-nav:before {
621
+ visibility: visible;
622
+ clip-path: circle(100%);
623
+ }
624
+ .chaty-widget-is.has-no-close-btn {
625
+ position: absolute !important;
626
+ bottom: 0 !important;
627
+ top: auto !important;
628
+ }
629
+ .chaty-widget:not(.chaty-widget-is-right) .chaty-widget-is.has-no-close-btn + .get a{
630
+ margin-left: -60px;
631
+ }
632
+ .chaty-widget.hide-tooltip-arrow .chaty-widget-i:before {
633
+ display: none !important;
634
+ }
635
+ body .no-tooltip .chaty-widget-i-title.true {
636
+ display: none;
637
+ }
638
+ .chaty-widget.hide-cta-arrow .chaty-widget-i:after, .chaty-widget.hide-cta-arrow .chaty-widget-i:before {
639
+ content: "";
640
+ display: none;
641
+ }
assets/css/cht-style.css CHANGED
@@ -734,7 +734,7 @@ a:focus {
734
  }
735
 
736
  .main .form-horizontal__item + .form-horizontal__item {
737
- margin-top: 30px
738
  }
739
 
740
  .main .form-horizontal__item-label {
@@ -781,7 +781,7 @@ a:focus {
781
 
782
  .icon:after {
783
  text-align: center;
784
- content: "" attr(data-title) "";
785
  font-size: 11px;
786
  top: 0;
787
  transform: translate(-50%, calc(-100% - 6px));
@@ -791,7 +791,8 @@ a:focus {
791
  white-space: nowrap;
792
  background-color: #333;
793
  box-shadow: 0 2px 4px rgba(0, 0, 0, .15);
794
- border-radius: 6px
 
795
  }
796
 
797
  .btn-save:after, .icon:before, .popover:after {
@@ -1229,7 +1230,7 @@ img.payment-img {
1229
 
1230
  .form-horizontal__item .chaty-widget .icon:after {
1231
  z-index: 10;
1232
- content: "" attr(data-title) "";
1233
  font-size: 17px;
1234
  left: 0;
1235
  top: 50%;
@@ -1341,17 +1342,17 @@ img.payment-img {
1341
 
1342
  .chaty-widget-icons-left .tooltip .tooltiptext, .chaty-widget-icons-right .tooltip .tooltiptext {
1343
  white-space: pre-wrap;
1344
- display: flex;
1345
  width: 250px;
1346
- min-height: 36px;
1347
  color: #000;
1348
  text-align: center;
1349
  padding: 0px;
1350
- top: 0;
1351
  position: absolute;
1352
  z-index: 35;
1353
  font-size: 12px;
1354
- line-height: 36px
1355
  }
1356
 
1357
  .tooltip .tooltiptext span {
@@ -1359,8 +1360,8 @@ img.payment-img {
1359
  padding: 0px 15px;
1360
  display: inline-block;
1361
  vertical-align: middle;
1362
- line-height: 36px;
1363
- height: 36px;
1364
  float: right;
1365
  margin: 0;
1366
  border-radius: 6px;
@@ -1510,6 +1511,554 @@ html[dir=rtl] input[type=radio]:checked:before {
1510
  text-indent: -1px
1511
  }
1512
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1513
  @media (min-width: 576px) {
1514
  .container {
1515
  max-width: 540px
@@ -1761,7 +2310,7 @@ html[dir=rtl] input[type=radio]:checked:before {
1761
  .widget-icon__block .custom-control.custom-radio {
1762
  text-align: center;
1763
  margin: 0;
1764
- padding: 22px 8px 62px;
1765
  text-decoration: none;
1766
  vertical-align: top;
1767
  display: inline-block
@@ -1772,10 +2321,6 @@ html[dir=rtl] input[type=radio]:checked:before {
1772
  left: 50%
1773
  }
1774
 
1775
- .widget-icon__block .custom-control.custom-radio:first-child {
1776
- border-right: 1px solid #fff
1777
- }
1778
-
1779
  .widget-icon__wrap {
1780
  background: rgba(168, 134, 205, .1);
1781
  padding: 0;
@@ -1932,7 +2477,8 @@ html[dir=rtl] input[type=radio]:checked:before {
1932
  z-index: 99;
1933
  height: 373px;
1934
  margin-right: 15px;
1935
- float: right
 
1936
  }
1937
 
1938
  body.has-premio-box .preview {
@@ -2393,18 +2939,6 @@ html[dir=rtl] .chaty-help-form {
2393
  right: auto
2394
  }
2395
 
2396
- .widget-icon__wrap a.upgrade-link {
2397
- display: block;
2398
- font-size: 16px;
2399
- text-align: center;
2400
- padding-left: 93px;
2401
- position: absolute;
2402
- bottom: 0;
2403
- z-index: 10001;
2404
- left: 0;
2405
- margin: 0 auto 12px
2406
- }
2407
-
2408
  #rpt_container {
2409
  margin-top: 24px;
2410
  width: 100%
@@ -3128,7 +3662,7 @@ a.rpt_tooltip span.intool b {
3128
  padding-left: 20px;
3129
  }
3130
 
3131
- select.form-fonts {
3132
  width: 360px;
3133
  max-width: 100%;
3134
  border: none;
@@ -3143,6 +3677,22 @@ select.form-fonts {
3143
  -moz-box-shadow: 0px 0px 15px 0px rgba(234, 234, 234, 1);
3144
  box-shadow: 0px 0px 15px 0px rgba(234, 234, 234, 1);
3145
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
3146
  @media only screen and (max-width: 640px) {
3147
  .rpt_plans .rpt_plan {
3148
  width: 96%;
@@ -3330,13 +3880,13 @@ p.udner-title strong {
3330
  top: 0;
3331
  height: 100%;
3332
  vertical-align: middle;
3333
- display: none;
3334
  background: rgba(255,255,255,0.4);
3335
  -webkit-border-radius: 5px;
3336
  -moz-border-radius: 5px;
3337
  border-radius: 5px;
 
3338
  }
3339
- .chaty-advance-settings:hover .chaty-pro-feature {
3340
  display: inline-block;
3341
  }
3342
  .chaty-advance-settings:hover .chaty-setting-col {
@@ -3486,9 +4036,11 @@ a.create-rule {
3486
  display: inline-block;
3487
  padding-right: 5px;
3488
  }
3489
- .url-buttons {
3490
  width: 36px;
3491
  display: inline-block;
 
 
3492
  }
3493
  span.chaty-url {
3494
  font-size: 12px;
734
  }
735
 
736
  .main .form-horizontal__item + .form-horizontal__item {
737
+ padding-top: 30px
738
  }
739
 
740
  .main .form-horizontal__item-label {
781
 
782
  .icon:after {
783
  text-align: center;
784
+ content: "" attr(data-label) "";
785
  font-size: 11px;
786
  top: 0;
787
  transform: translate(-50%, calc(-100% - 6px));
791
  white-space: nowrap;
792
  background-color: #333;
793
  box-shadow: 0 2px 4px rgba(0, 0, 0, .15);
794
+ border-radius: 6px;
795
+ z-index: 1001;
796
  }
797
 
798
  .btn-save:after, .icon:before, .popover:after {
1230
 
1231
  .form-horizontal__item .chaty-widget .icon:after {
1232
  z-index: 10;
1233
+ content: "" attr(data-label) "";
1234
  font-size: 17px;
1235
  left: 0;
1236
  top: 50%;
1342
 
1343
  .chaty-widget-icons-left .tooltip .tooltiptext, .chaty-widget-icons-right .tooltip .tooltiptext {
1344
  white-space: pre-wrap;
1345
+ display: block;
1346
  width: 250px;
1347
+ min-height: 24px;
1348
  color: #000;
1349
  text-align: center;
1350
  padding: 0px;
1351
+ top: 2.5px;
1352
  position: absolute;
1353
  z-index: 35;
1354
  font-size: 12px;
1355
+ line-height: 36px;
1356
  }
1357
 
1358
  .tooltip .tooltiptext span {
1360
  padding: 0px 15px;
1361
  display: inline-block;
1362
  vertical-align: middle;
1363
+ line-height: 24px;
1364
+ height: 24px;
1365
  float: right;
1366
  margin: 0;
1367
  border-radius: 6px;
1511
  text-indent: -1px
1512
  }
1513
 
1514
+
1515
+ /*New Widget Page css*/
1516
+ .chaty-new-widget-wrap {
1517
+ background: #F9FCFC url(../images/new_widget_bg.png) no-repeat left center;
1518
+ border-radius: 10px;
1519
+ padding: 30px 20px;
1520
+ margin: 40px 30px 0 0;
1521
+ background-size: auto 100%;
1522
+ }
1523
+ .chaty-new-widget-wrap h2 {
1524
+ margin: 0 0 30px;
1525
+ font-size: 19px;
1526
+ color: #4F4F4F;
1527
+ line-height: 1.4;
1528
+ font-weight: 500;
1529
+ }
1530
+ .chaty-new-widget-right p {
1531
+ font-size: 14px;
1532
+ line-height: 1.2;
1533
+ color: #4F4F4F;
1534
+ margin-top: 0;
1535
+ }
1536
+ .chaty-new-widget-right p strong {
1537
+ font-weight: 700;
1538
+ font-size: 16px;
1539
+ }
1540
+ .chaty-new-widget-right li {
1541
+ font-size: 14px;
1542
+ color: #727D81;
1543
+ position: relative;
1544
+ padding-left: 20px;
1545
+ line-height: 1.7;
1546
+ margin-bottom: 10px;
1547
+ }
1548
+ .chaty-new-widget-right li::before {
1549
+ content: "";
1550
+ position: absolute;
1551
+ top: 5px;
1552
+ left: 0;
1553
+ background-color: #7761DF;
1554
+ width: 10px;
1555
+ height: 10px;
1556
+ border-radius: 50%;
1557
+ }
1558
+ .chaty-new-widget-right .upgrade-chatys a {
1559
+ font-size: 14px;
1560
+ font-weight: 500;
1561
+ padding: 10px 26px;
1562
+ border-radius: 40px;
1563
+ background: #DFDDF7;
1564
+ color: #7761DF;
1565
+ text-decoration: none;
1566
+ margin: 10px 0 0 0;
1567
+ display: inline-block;
1568
+ }
1569
+ .chaty-new-widget-row {
1570
+ display: flex;
1571
+ align-items: center;
1572
+ }
1573
+ .chaty-new-widget-left {
1574
+ width: 322px;
1575
+ }
1576
+ .chaty-new-widget-right {
1577
+ padding-left: 20px;
1578
+ }
1579
+ .chaty-widget-icons-right .tooltip .tooltiptext {
1580
+ line-height: 24px;
1581
+ }
1582
+
1583
+ .trigger-block {
1584
+ padding: 0px;
1585
+ background: #f6f3fa;
1586
+ margin-bottom: 4px;
1587
+ -webkit-border-radius: 4px;
1588
+ -moz-border-radius: 4px;
1589
+ border-radius: 4px;
1590
+ position: relative;
1591
+ flex: calc(100% - 152px);
1592
+ max-width: 360px;
1593
+ }
1594
+ .chaty-switch {
1595
+ display: inline-block;
1596
+ height: 34px;
1597
+ position: relative;
1598
+ padding: 0 0 0 50px;
1599
+ line-height: 24px;
1600
+ }
1601
+
1602
+ .chaty-switch input {
1603
+ display:none;
1604
+ }
1605
+
1606
+ .chaty-slider {
1607
+ background-color: #cfbde4;
1608
+ bottom: 0;
1609
+ cursor: pointer;
1610
+ left: 0;
1611
+ position: absolute;
1612
+ right: 0;
1613
+ top: 0;
1614
+ transition: .4s;
1615
+ width: 40px;
1616
+ height: 24px;
1617
+ }
1618
+
1619
+ .chaty-slider:before {
1620
+ background-color: #fff;
1621
+ bottom: 4px;
1622
+ content: "";
1623
+ height: 16px;
1624
+ left: 4px;
1625
+ position: absolute;
1626
+ transition: .4s;
1627
+ width: 16px;
1628
+ }
1629
+ .trigger-block-input {
1630
+ font-size: 14px;
1631
+ }
1632
+ .trigger-block-input input {
1633
+ width: 40px;
1634
+ }
1635
+
1636
+ input:checked + .chaty-slider {
1637
+ background-color: #a886cd;
1638
+ }
1639
+
1640
+ input:checked + .chaty-slider:before {
1641
+ transform: translateX(16px);
1642
+ }
1643
+
1644
+ .chaty-slider.round {
1645
+ border-radius: 34px;
1646
+ }
1647
+
1648
+ .chaty-slider.round:before {
1649
+ border-radius: 50%;
1650
+ }
1651
+ .trigger-option-block {
1652
+ padding: 10px;
1653
+ border-bottom: solid 1px #eee2ff;
1654
+ }
1655
+ .trigger-option-block:last-child {
1656
+ border-bottom: none;
1657
+ }
1658
+ .gmt-data {
1659
+ display: none;
1660
+ }
1661
+ .chaty-date-time-option:first-child .gmt-data {
1662
+ display: block;
1663
+ }
1664
+ .chaty-date-time-option {
1665
+ padding: 5px;
1666
+ background: #f6f3fa;
1667
+ margin-bottom: 4px;
1668
+ -webkit-border-radius: 4px;
1669
+ -moz-border-radius: 4px;
1670
+ border-radius: 4px;
1671
+ position: relative;
1672
+ }
1673
+ .chaty-date-time-option.last {
1674
+ margin-bottom: 15px;
1675
+ }
1676
+ .date-time-content > * {
1677
+ vertical-align: middle;
1678
+ display: inline-block;
1679
+ }
1680
+ .day-select {
1681
+ width: 25%;
1682
+ display: inline-block;
1683
+ padding-right: 5px;
1684
+ }
1685
+ .date-time-content select, .date-time-content input {
1686
+ width: 100%;
1687
+ height: 36px;
1688
+ line-height: 36px;
1689
+ padding: 0 10px;
1690
+ -webkit-border-radius: 4px;
1691
+ -moz-border-radius: 4px;
1692
+ border-radius: 4px;
1693
+ }
1694
+ .day-label {
1695
+ width: 50px;
1696
+ padding-right: 5px;
1697
+ text-align: right;
1698
+ }
1699
+ .day-time {
1700
+ width: 10%;
1701
+ padding-right: 5px;
1702
+ }
1703
+ /*.day-buttons {
1704
+ width: calc(100% - 71% - 47px);
1705
+ display: inline-block;
1706
+ text-align: right;
1707
+ float: right;
1708
+ }*/
1709
+ .day-buttons a {
1710
+ background: #bd2a00;
1711
+ text-align: center;
1712
+ display: inline-block;
1713
+ line-height: 36px;
1714
+ -webkit-border-radius: 4px;
1715
+ -moz-border-radius: 4px;
1716
+ border-radius: 4px;
1717
+ width: 36px;
1718
+ height: 36px;
1719
+ }
1720
+ .main .form-horizontal__item.hide-show-button {
1721
+ display: none;
1722
+ }
1723
+ .main .form-horizontal__item.hide-show-button.active {
1724
+ display: flex;
1725
+ }
1726
+ .chaty-channels .social-item-box .custom-chaty-image {
1727
+ display: none;
1728
+ }
1729
+ .chaty-channels .social-item-box .custom-chaty-image img {
1730
+ width: 30px;
1731
+ height: 30px;
1732
+ object-fit: cover;
1733
+ border-radius: 50%;
1734
+ }
1735
+ .chaty-channels .social-item-box.img-active .custom-chaty-image {
1736
+ display: block;
1737
+ }
1738
+ .chaty-channels .social-item-box .custom-chaty-image, .chaty-channels .social-item-box .default-chaty-icon {
1739
+ width: 30px;
1740
+ height: 30px;
1741
+ cursor: pointer;
1742
+ }
1743
+ .chaty-channels .social-item-box.img-active .default-chaty-icon {
1744
+ display: none;
1745
+ }
1746
+ .social-item-box {
1747
+ display: block;
1748
+ height: 30px;
1749
+ margin: 0 0 5px 0;
1750
+ position: relative;
1751
+ }
1752
+ #iconWidget {
1753
+ cursor: pointer;
1754
+ }
1755
+ .chaty-channels {
1756
+ display: none;
1757
+ }
1758
+ .chaty-widget.active .chaty-channels, .chaty-widget.hover:hover .chaty-channels {
1759
+ display: block;
1760
+ }
1761
+ .preview .page .chaty-widget i.chaty-close-icon, .preview .page .chaty-widget.active.hide-arrow i.chaty-close-icon {
1762
+ display: none !important;
1763
+ }
1764
+ .preview .page .chaty-widget.active:not(.has-single):not(.hide-arrow) i.chaty-close-icon, .preview .page .chaty-widget.hover:hover:not(.has-single):not(.hide-arrow) i.chaty-close-icon {
1765
+ display: block !important;
1766
+ }
1767
+ .preview .page .chaty-widget.active:not(.has-single) i#iconWidget, .preview .page .chaty-widget.hover:hover:not(.has-single) i#iconWidget {
1768
+ display: none !important;
1769
+ }
1770
+ .preview .page .chaty-widget.active:not(.has-single) .tooltiptext {
1771
+ display: none !important;
1772
+ }
1773
+ .preview .page .chaty-widget.active:not(.has-single) .icon:before {
1774
+ display: none !important;
1775
+ }
1776
+ span.social-tooltip {
1777
+ position: absolute;
1778
+ right: 100%;
1779
+ background: #fff;
1780
+ padding: 0px 10px;
1781
+ color: #4f4f4f;
1782
+ top: 0;
1783
+ z-index: 1001;
1784
+ font-size: 12px;
1785
+ margin: 0 10px 0 0;
1786
+ border-radius: 5px;
1787
+ display: none;
1788
+ }
1789
+ .social-item-box:hover span.social-tooltip {
1790
+ display: block;
1791
+ }
1792
+
1793
+ span.social-tooltip:after {
1794
+ content: "";
1795
+ border-width: 5px 0 5px 10px;
1796
+ border-style: solid;
1797
+ border-color: transparent transparent transparent #fff;
1798
+ position: absolute;
1799
+ top: 6px;
1800
+ right: -9px;
1801
+ }
1802
+ .chaty-widget-icons-left span.social-tooltip {
1803
+ margin: 0 0 0 14px;
1804
+ left: 100%;
1805
+ right: auto;
1806
+ }
1807
+ .chaty-widget-icons-left span.social-tooltip:after {
1808
+ content: "";
1809
+ border-style: solid;
1810
+ border-width: 5px 10px 5px 0;
1811
+ border-color: transparent #fff transparent transparent;
1812
+ position: absolute;
1813
+ top: 12px;
1814
+ right: 100%;
1815
+ }
1816
+ .chaty-date-time-option input[readonly] {
1817
+ background: #ffffff;
1818
+ }
1819
+ .upgrade-upload-btn .upgrade-link {
1820
+ display: none !important;
1821
+ }
1822
+ .upgrade-upload-btn:hover .upgrade-link {
1823
+ display: block !important;;
1824
+ }
1825
+ .upgrade-upload-btn:hover .form-group, .upgrade-upload-btn:hover .custom-control-label {
1826
+ opacity:0.5;
1827
+ filter: blur(2px);
1828
+ -o-filter: blur(2px);
1829
+ -ms-filter: blur(2px);
1830
+ -moz-filter: blur(2px);
1831
+ -webkit-filter: blur(2px);
1832
+ }
1833
+
1834
+ .read-only {
1835
+ position: absolute;
1836
+ width: 1px;
1837
+ height: 1px;
1838
+ padding: 0;
1839
+ margin: -1px;
1840
+ overflow: hidden;
1841
+ clip: rect(0,0,0,0);
1842
+ border: 0;
1843
+ }
1844
+ select.chaty-select:disabled, textarea.test_textarea:disabled {
1845
+ background: #eee;
1846
+ border: solid 1px #ddd;
1847
+ color: #32373c;
1848
+ font-size: 14px;
1849
+ }
1850
+ .widget-icon__block .custom-control.custom-radio.add-border {
1851
+ border-right: 1px solid #fff;
1852
+ }
1853
+ .upgrade-upload-btn:hover .form-group, .upgrade-upload-btn:hover .custom-control-label {
1854
+ opacity: 0.5;
1855
+ filter: blur(2px);
1856
+ -o-filter: blur(2px);
1857
+ -ms-filter: blur(2px);
1858
+ -moz-filter: blur(2px);
1859
+ -webkit-filter: blur(2px);
1860
+ }
1861
+ .widget-icon__wrap a.upgrade-link {
1862
+ display: block;
1863
+ font-size: 16px;
1864
+ text-align: center;
1865
+ padding-left: 0;
1866
+ position: absolute;
1867
+ bottom: 35px;
1868
+ right: 0;
1869
+ width: 70px;
1870
+ text-decoration: none;
1871
+ text-align: center;
1872
+ left: 0;
1873
+ margin: 0 auto;
1874
+ }
1875
+ .upgrade-upload-btn:hover .upgrade-link {
1876
+ display: block !important;
1877
+ }
1878
+ .chaty-option-box {
1879
+ flex: calc(100% - 152px);
1880
+ }
1881
+ .chaty-data-and-time-rules {
1882
+ display: none;
1883
+ }
1884
+ .chaty-date-time-option:hover .date-time-content {
1885
+ filter: blur(2px);
1886
+ -o-filter: blur(2px);
1887
+ -ms-filter: blur(2px);
1888
+ -moz-filter: blur(2px);
1889
+ -webkit-filter: blur(2px);
1890
+ }
1891
+ .hover.chaty-widget:hover .tooltiptext{
1892
+ display: none !important;
1893
+ }
1894
+ .preview .page .hover.chaty-widget:hover .icon:before {
1895
+ display: none !important;
1896
+ }
1897
+ span.header-tooltip {
1898
+ position: relative;
1899
+ display: inline-block;
1900
+ }
1901
+ span.header-tooltip span.dashicons.dashicons-editor-help {
1902
+ display: inline-block;
1903
+ cursor: pointer;
1904
+ }
1905
+ span.header-tooltip-text {
1906
+ display: none;
1907
+ position: absolute;
1908
+ bottom: 140%;
1909
+ left: 0;
1910
+ width: 250px;
1911
+ left: -110px;
1912
+ font-size: 12px;
1913
+ font-weight: normal;
1914
+ line-height: 16px;
1915
+ background: #000;
1916
+ padding: 5px;
1917
+ border-radius: 5px;
1918
+ color: #fff;
1919
+ }
1920
+ span.header-tooltip-text:before {
1921
+ content: "";
1922
+ top: 100%;
1923
+ transform: translateX(-50%);
1924
+ height: 10px;
1925
+ width: 10px;
1926
+ border-width: 10px 5px 0;
1927
+ border-style: solid;
1928
+ border-color: #333 transparent transparent;
1929
+ position: absolute;
1930
+ left: 0;
1931
+ right: 0;
1932
+ margin: 0 auto;
1933
+ }
1934
+ span.header-tooltip:hover span.header-tooltip-text {
1935
+ display: block;
1936
+ }
1937
+
1938
+ /* animation */
1939
+ .chaty-animation-pulse {
1940
+ animation: chaty-animation-pulse 1s forwards;
1941
+ }
1942
+
1943
+ .chaty-animation-jump {
1944
+ animation: chaty-animation-jump 1s forwards cubic-bezier(.84,-0.54,.31,1.19);
1945
+ }
1946
+
1947
+ .chaty-animation-waggle {
1948
+ animation: chaty-animation-waggle 1s forwards ease-out;
1949
+ }
1950
+
1951
+ .chaty-animation-sheen {
1952
+ position: relative;
1953
+ overflow: hidden;
1954
+ }
1955
+
1956
+ .chaty-animation-sheen:after {
1957
+ animation: chaty-animation-sheen 1.5s forwards;
1958
+ content: '';
1959
+ position: absolute;
1960
+ top: 0;
1961
+ right: 0;
1962
+ bottom: 0;
1963
+ left: 0;
1964
+ background: linear-gradient(to bottom, transparent, rgba(255,255,255,0.5) 50%, transparent);
1965
+ transform: rotateZ(60deg) translate(-1em, 4em);
1966
+ }
1967
+
1968
+ .chaty-animation-spin {
1969
+ animation: chaty-animation-spin 1s forwards cubic-bezier(.56,-0.35,.22,1.5);
1970
+ }
1971
+
1972
+ .chaty-animation-fade {
1973
+ animation: chaty-animation-fade 1s forwards;
1974
+ }
1975
+ @keyframes chaty-animation-pulse {
1976
+ 0% {
1977
+ background-color: orange;
1978
+ }
1979
+ 25% {
1980
+ background-color: red;
1981
+ }
1982
+ 50% {
1983
+ background-color: orange;
1984
+ }
1985
+ 75% {
1986
+ background-color: red;
1987
+ }
1988
+ }
1989
+
1990
+ @keyframes chaty-animation-jump {
1991
+ 0% {
1992
+ transform: none;
1993
+ }
1994
+ 50% {
1995
+ transform: translateY(-0.8em);
1996
+ }
1997
+ }
1998
+
1999
+ @keyframes chaty-animation-waggle {
2000
+ 0% {
2001
+ transform: none;
2002
+ }
2003
+ 50% {
2004
+ transform: rotateZ(-20deg) scale(1.2);
2005
+ }
2006
+ 60% {
2007
+ transform: rotateZ(25deg) scale(1.2);
2008
+ }
2009
+ 67.5% {
2010
+ transform: rotateZ(-15deg) scale(1.2);
2011
+ }
2012
+ 75% {
2013
+ transform: rotateZ(15deg) scale(1.2);
2014
+ }
2015
+ 82.5% {
2016
+ transform: rotateZ(-12deg) scale(1.2);
2017
+ }
2018
+ 85% {
2019
+ transform: rotateZ(0) scale(1.2);
2020
+ }
2021
+ 100% {
2022
+ transform: rotateZ(0) scale(1);
2023
+ }
2024
+ }
2025
+
2026
+ @keyframes chaty-animation-sheen {
2027
+ 100% {
2028
+ transform: rotateZ(60deg) translate(0, -4em);
2029
+ }
2030
+ }
2031
+
2032
+ @keyframes chaty-animation-spin {
2033
+ 50% {
2034
+ transform: rotateZ(-20deg);
2035
+ animation-timing-function: ease;
2036
+ }
2037
+ 100% {
2038
+ transform: rotateZ(360deg);
2039
+ }
2040
+ }
2041
+
2042
+ @keyframes chaty-animation-fade {
2043
+ 25% {
2044
+ opacity: 0.25;
2045
+ }
2046
+ 50% {
2047
+ opacity: 1;
2048
+ }
2049
+ 75% {
2050
+ opacity: 0.25;
2051
+ }
2052
+ 100% {
2053
+ opacity: 1;
2054
+ }
2055
+ }
2056
+
2057
+ .start-now, .start-now:after {
2058
+ animation-delay: 0;
2059
+ }
2060
+
2061
+
2062
  @media (min-width: 576px) {
2063
  .container {
2064
  max-width: 540px
2310
  .widget-icon__block .custom-control.custom-radio {
2311
  text-align: center;
2312
  margin: 0;
2313
+ padding: 22px 8px 42px;
2314
  text-decoration: none;
2315
  vertical-align: top;
2316
  display: inline-block
2321
  left: 50%
2322
  }
2323
 
 
 
 
 
2324
  .widget-icon__wrap {
2325
  background: rgba(168, 134, 205, .1);
2326
  padding: 0;
2477
  z-index: 99;
2478
  height: 373px;
2479
  margin-right: 15px;
2480
+ float: right;
2481
+ z-index: 1001;
2482
  }
2483
 
2484
  body.has-premio-box .preview {
2939
  right: auto
2940
  }
2941
 
 
 
 
 
 
 
 
 
 
 
 
 
2942
  #rpt_container {
2943
  margin-top: 24px;
2944
  width: 100%
3662
  padding-left: 20px;
3663
  }
3664
 
3665
+ select.form-fonts, select.chaty-select {
3666
  width: 360px;
3667
  max-width: 100%;
3668
  border: none;
3677
  -moz-box-shadow: 0px 0px 15px 0px rgba(234, 234, 234, 1);
3678
  box-shadow: 0px 0px 15px 0px rgba(234, 234, 234, 1);
3679
  }
3680
+ select.chaty-select:disabled, textarea.test_textarea:disabled {
3681
+ background: #eee;
3682
+ border: solid 1px #ddd;
3683
+ color: #32373c;
3684
+ }
3685
+ .icon.label-tooltip {
3686
+ font-size: 12px;
3687
+ font-weight: normal;
3688
+ color: #72777c;
3689
+ }
3690
+ .icon.label-tooltip:after {
3691
+ width: 250px;
3692
+ white-space: normal;
3693
+ line-height: 16px;
3694
+ padding: 10px;
3695
+ }
3696
  @media only screen and (max-width: 640px) {
3697
  .rpt_plans .rpt_plan {
3698
  width: 96%;
3880
  top: 0;
3881
  height: 100%;
3882
  vertical-align: middle;
 
3883
  background: rgba(255,255,255,0.4);
3884
  -webkit-border-radius: 5px;
3885
  -moz-border-radius: 5px;
3886
  border-radius: 5px;
3887
+ display: none;
3888
  }
3889
+ .chaty-advance-settings:hover .chaty-pro-feature, .chaty-date-time-option:hover .chaty-pro-feature {
3890
  display: inline-block;
3891
  }
3892
  .chaty-advance-settings:hover .chaty-setting-col {
4036
  display: inline-block;
4037
  padding-right: 5px;
4038
  }
4039
+ .url-buttons, .day-buttons {
4040
  width: 36px;
4041
  display: inline-block;
4042
+ float: right;
4043
+ padding: 2px 0 0 0;
4044
  }
4045
  span.chaty-url {
4046
  font-size: 12px;
assets/js/cht-front-script.js CHANGED
@@ -51,6 +51,10 @@
51
  }, 500)
52
  }
53
 
 
 
 
 
54
  function o(e) {
55
  var i = "", n = 0;
56
  return t.each(e.object_settings.social, function (t, a) {
@@ -72,8 +76,12 @@
72
  }
73
  }
74
  var currentTarget = (jQuery("body").hasClass("chaty-in-mobile"))?mobileTarget:desktopTarget;
75
- console.log(currentTarget);
76
  if (!e.object_settings.isPRO && "3" == ++n)return !1;
 
 
 
 
77
  "linkedin" == t && (i += '<div class="chaty-widget-i chaty-main-widget '+a.is_mobile+' '+a.is_desktop+' " data-title="' + a.value + '">', i += '<a rel="noopener" href="https://www.linkedin.com/in/' + a.value + '" target="'+currentTarget+ '" data-mobile-target="'+mobileTarget+'" data-desktop-target="'+desktopTarget+'" >', i += '<svg class="ico_d" width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">', i += '<circle class="color-element" cx="19.5" cy="19.5" r="19.5" fill="#0077b5"/>', i += '<path id="LinkedIn_color" d="M18,20.1v6.655H14.142V20.549c0-1.56-.558-2.624-1.954-2.624a2.111,2.111,0,0,0-1.98,1.411,2.64,2.64,0,0,0-.128.941v6.481H6.221s.052-10.516,0-11.606H10.08V16.8c-.008.012-.018.026-.025.037h.025V16.8a3.832,3.832,0,0,1,3.478-1.918C16.1,14.88,18,16.539,18,20.1ZM2.184,9.558a2.011,2.011,0,1,0-.051,4.011h.026a2.012,2.012,0,1,0,.025-4.011ZM.229,26.758H4.087V15.152H.229Z" transform="translate(11 1.442)" fill="#fff"/>', i += "</svg>", i += "</a>", i += '<div class="chaty-widget-i-title">', i += "<p>Linkedin</p>", i += "</div>", i += "</div>"),
78
  "twitter" == t && (i += '<div class="chaty-widget-i chaty-main-widget '+a.is_mobile+' '+a.is_desktop+' " data-title="' + a.value + '">', i += '<a rel="noopener" href="https://twitter.com/' + a.value + '" target="'+currentTarget+ '" data-mobile-target="'+mobileTarget+'" data-desktop-target="'+desktopTarget+'" >', i += '<svg class="ico_d" width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">', i += '<circle class="color-element" cx="19.5" cy="19.5" r="19.5" fill="#1ab2e8"/>', i += '<path id="path_color_twitter" d="M18.532,59.222a7.592,7.592,0,0,1-2.183.6,3.817,3.817,0,0,0,1.671-2.1,7.664,7.664,0,0,1-2.416.923,3.8,3.8,0,0,0-6.478,3.466,10.792,10.792,0,0,1-7.835-3.972A3.806,3.806,0,0,0,2.469,63.21a3.8,3.8,0,0,1-1.722-.477v.047A3.805,3.805,0,0,0,3.8,66.508a3.85,3.85,0,0,1-1,.133,3.649,3.649,0,0,1-.716-.071,3.8,3.8,0,0,0,3.55,2.64A7.627,7.627,0,0,1,.908,70.835,8.079,8.079,0,0,1,0,70.783a10.745,10.745,0,0,0,5.827,1.71A10.741,10.741,0,0,0,16.643,61.678l-.013-.492A7.591,7.591,0,0,0,18.532,59.222Z" transform="translate(9.999 -45.441)" fill="#fff"/>', i += "</svg>", i += "</a>", i += '<div class="chaty-widget-i-title">', i += "<p>Twitter</p>", i += "</div>", i += "</div>"),
79
  "instagram" == t && (i += '<div class="chaty-widget-i chaty-main-widget '+a.is_mobile+' '+a.is_desktop+' " data-title="' + a.value + '">', i += '<a rel="noopener" href="https://www.instagram.com/' + a.value + '" target="'+currentTarget+ '" data-mobile-target="'+mobileTarget+'" data-desktop-target="'+desktopTarget+'" >', i += '<svg class="ico_d" width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">', i += '<defs><linearGradient id="linear-gradient" x1="0.892" y1="0.192" x2="0.128" y2="0.85" gradientUnits="objectBoundingBox"><stop offset="0" stop-color="#4a64d5"/><stop offset="0.322" stop-color="#9737bd"/><stop offset="0.636" stop-color="#f15540"/><stop offset="1" stop-color="#fecc69"/></linearGradient></defs><circle class="color-element" cx="19.5" cy="19.5" r="19.5" fill="url(#linear-gradient)"/>', i += '<path id="Path_1923" data-name="Path 1923" d="M13.177,0H5.022A5.028,5.028,0,0,0,0,5.022v8.155A5.028,5.028,0,0,0,5.022,18.2h8.155A5.028,5.028,0,0,0,18.2,13.177V5.022A5.028,5.028,0,0,0,13.177,0Zm3.408,13.177a3.412,3.412,0,0,1-3.408,3.408H5.022a3.411,3.411,0,0,1-3.408-3.408V5.022A3.412,3.412,0,0,1,5.022,1.615h8.155a3.412,3.412,0,0,1,3.408,3.408v8.155Z" transform="translate(10 10.4)" fill="#fff"/><path id="Path_1924" data-name="Path 1924" d="M45.658,40.97a4.689,4.689,0,1,0,4.69,4.69A4.695,4.695,0,0,0,45.658,40.97Zm0,7.764a3.075,3.075,0,1,1,3.075-3.075A3.078,3.078,0,0,1,45.658,48.734Z" transform="translate(-26.558 -26.159)" fill="#fff"/><path id="Path_1925" data-name="Path 1925" d="M120.105,28.251a1.183,1.183,0,1,0,.838.347A1.189,1.189,0,0,0,120.105,28.251Z" transform="translate(-96.119 -14.809)" fill="#fff"/>', i += "</svg>", i += "</a>", i += '<div class="chaty-widget-i-title">', i += "<p>Instagram</p>", i += "</div>", i += "</div>"),
@@ -91,7 +99,7 @@
91
  "viber" == t && (i += '<div class="chaty-widget-i chaty-main-widget '+a.is_mobile+' '+a.is_desktop+' " data-title="' + a.value + '">', i += '<a rel="noopener" href="viber://chat?number=' + a.value+ '">', i += '<svg class="ico_d" width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">', i += '<circle class="color-element" cx="19.5" cy="19.5" r="19.5" fill="#665CAC"/>', i += '<path d="M17.6837 2.14833C17.16 1.64578 15.0497 0.0389578 10.3496 0.0158143C10.3496 0.0158143 4.80418 -0.334645 2.10085 2.26405C0.596193 3.84111 0.0662511 6.14886 0.0126261 9.01205C-0.0441534 11.8752 -0.116705 17.2346 4.8168 18.6894H4.81995L4.8168 20.9078C4.8168 20.9078 4.78525 21.8071 5.3499 21.989C6.03125 22.2105 6.43186 21.5294 7.08482 20.7921C7.44127 20.3888 7.93651 19.7936 8.30874 19.3407C11.6808 19.6382 14.2769 18.9572 14.5702 18.858C15.2516 18.6265 19.1063 18.1075 19.7309 12.7481C20.3775 7.22338 19.4154 3.7254 17.6837 2.14833ZM18.2546 12.3513C17.7247 16.828 14.5986 17.1123 14.0245 17.3041C13.7785 17.3867 11.501 17.9818 8.63679 17.7835C8.63679 17.7835 6.50126 20.4813 5.83567 21.1856C5.73158 21.2947 5.60856 21.341 5.52654 21.3178C5.41298 21.2881 5.38144 21.1459 5.38144 20.9376C5.38459 20.64 5.40037 17.2512 5.40037 17.2512C5.39721 17.2512 5.39721 17.2512 5.40037 17.2512C1.23023 16.0378 1.47312 11.4719 1.52044 9.08148C1.56775 6.69108 1.99675 4.73379 3.26798 3.41792C5.55493 1.24904 10.2645 1.57305 10.2645 1.57305C14.2422 1.59288 16.1475 2.84594 16.5891 3.26583C18.0527 4.58501 18.8003 7.73585 18.2546 12.3513Z" transform="translate(9.47299 8.4238)" fill="white"/> <path d="M1.58982 1.72254C1.53935 0.628182 1.00941 0.0562059 0 1.00898e-07" transform="translate(20.166 15.5914)" stroke="white" stroke-width="0.518873" stroke-linecap="round" stroke-linejoin="round"/> <path d="M3.35945 3.69636C3.38153 2.67804 3.09448 1.82834 2.49514 1.14395C1.8958 0.459565 1.06619 0.0793496 1.9253e-07 2.01796e-07" transform="translate(19.7592 14.0966)" stroke="white" stroke-width="0.518873" stroke-linecap="round" stroke-linejoin="round"/> <path d="M5.22371 5.71646C5.21109 3.94763 4.70639 2.55902 3.71275 1.5407C2.71911 0.525689 1.47942 0.00991877 -3.8506e-07 1.00898e-07" transform="translate(19.2931 12.6479)" stroke="white" stroke-width="0.518873" stroke-linecap="round" stroke-linejoin="round"/> <path d="M6.35738 8.04532C6.35738 8.04532 6.73276 8.07838 6.93149 7.81719L7.32263 7.30142C7.5119 7.04353 7.96929 6.88153 8.41722 7.14272C8.66641 7.2915 9.11434 7.57914 9.39193 7.79405C9.68844 8.02218 10.2972 8.55448 10.2972 8.55448C10.5875 8.80906 10.6537 9.18597 10.4581 9.58271C10.4581 9.58602 10.455 9.58933 10.455 9.58933C10.2531 9.96293 9.9818 10.3167 9.63797 10.644C9.63482 10.6473 9.63482 10.6473 9.63167 10.6506C9.35092 10.8953 9.07333 11.0375 8.80205 11.0705C8.77051 11.0771 8.7295 11.0804 8.68219 11.0771C8.56232 11.0771 8.44561 11.0606 8.32889 11.0209L8.31943 11.0077C7.89989 10.8854 7.20277 10.5746 6.03879 9.90342C5.28173 9.467 4.654 9.02066 4.12406 8.57762C3.84331 8.34619 3.55626 8.08169 3.2629 7.77752C3.25344 7.7676 3.24398 7.75768 3.23451 7.74776C3.22505 7.73784 3.21559 7.72792 3.20612 7.718C3.19666 7.70808 3.1872 7.69817 3.17773 7.68825C3.16827 7.67833 3.15881 7.66841 3.14934 7.65849C2.85914 7.35101 2.60678 7.05015 2.38597 6.75589C1.96328 6.20045 1.53744 5.5392 1.12105 4.74902C0.480708 3.52902 0.184194 2.79834 0.0674803 2.35862L0.0548623 2.3487C0.0170094 2.22637 -0.00191702 2.10404 0.0012374 1.9784C-0.00191702 1.92881 0.0012373 1.88583 0.00754613 1.85276C0.0390903 1.56843 0.17473 1.27748 0.408157 0.983227C0.411312 0.979921 0.411311 0.979921 0.414466 0.976615C0.726753 0.616237 1.06112 0.331902 1.42072 0.120304C1.42388 0.120304 1.42703 0.116997 1.42703 0.116997C1.80556 -0.0879887 2.16517 -0.0185578 2.40806 0.285615C2.41121 0.288921 2.91592 0.923716 3.13357 1.2345C3.33861 1.52875 3.6162 1.99493 3.75499 2.25612C4.00419 2.72561 3.84962 3.20501 3.60358 3.40338L3.11149 3.81335C2.86229 4.02495 2.89384 4.41509 2.89384 4.41509C2.89384 4.41509 3.62566 7.31464 6.35738 8.04532Z" transform="translate(13.863 13.0014)" fill="white"/>', i += "</svg>", i += "</a>", i += '<div class="chaty-widget-i-title">', i += "<p>Viber</p>", i += "</div>", i += "</div>"),
92
  "vkontakte" == t && (i += '<div class="chaty-widget-i chaty-main-widget '+a.is_mobile+' '+a.is_desktop+' " data-title="' + a.value + '">', i += '<a rel="noopener" href="https://vk.me/' + a.value + ' "target="'+currentTarget+ '" data-mobile-target="'+mobileTarget+'" data-desktop-target="'+desktopTarget+'" >', i += '<svg class="ico_d" width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">', i += '<circle class="color-element" cx="19.5" cy="19.5" r="19.5" fill="#5076AA"/>', i += '<path d="M11.0953 12.4775H12.5097C12.5097 12.4775 12.934 12.4774 13.0755 12.1971C13.2169 12.0569 13.2169 11.6363 13.2169 11.6363C13.2169 11.6363 13.2169 9.81373 14.0656 9.53334C14.9142 9.25294 15.9043 11.2157 17.0359 12.0569C17.8845 12.6176 18.5917 12.4775 18.5917 12.4775H21.562C21.562 12.4775 23.1178 12.3373 22.4106 11.2157C22.4106 11.0755 21.9863 10.2343 20.1476 8.69216C18.3088 7.0098 18.4503 7.29019 20.8548 4.20588C22.2692 2.38333 22.835 1.26176 22.6935 0.700978C22.5521 0.28039 21.562 0.42059 21.562 0.42059H18.1674C18.1674 0.42059 17.8845 0.420588 17.7431 0.560784C17.6016 0.70098 17.4602 0.981371 17.4602 0.981371C17.4602 0.981371 16.8944 2.38333 16.1872 3.6451C14.6313 6.16863 14.0656 6.30882 13.7827 6.16863C13.2169 5.74804 13.3584 4.62647 13.3584 3.92549C13.3584 1.40196 13.7827 0.420589 12.6512 0.140197C12.2268 1.06543e-06 11.944 -2.13922e-06 11.0953 -2.13922e-06C9.82233 -2.13922e-06 8.83224 -1.06543e-06 8.26647 0.280391C7.84215 0.420587 7.55927 0.841177 7.70071 0.841177C7.9836 0.841177 8.40792 0.98137 8.6908 1.40196C8.97368 1.82255 8.97368 2.94412 8.97368 2.94412C8.97368 2.94412 9.11513 5.88824 8.54936 6.16863C8.12503 6.44902 7.41783 5.88824 6.14485 3.6451C5.43764 2.52353 4.87188 1.12157 4.87188 1.12157C4.87188 1.12157 4.73044 0.841174 4.589 0.700978C4.30611 0.560782 4.02323 0.560784 4.02323 0.560784H0.770071C0.770071 0.560784 0.345746 0.560785 0.0628629 0.841177C-0.0785787 0.981374 0.0628629 1.40196 0.0628629 1.40196C0.0628629 1.40196 2.60881 7.2902 5.43764 10.2343C8.12503 12.7578 11.0953 12.4775 11.0953 12.4775Z" transform="translate(6.78613 14.4898)" fill="white"/>', i += "</svg>", i += "</a>", i += '<div class="chaty-widget-i-title">', i += "<p>Vkontakte</p>", i += "</div>", i += "</div>"),
93
  "waze" == t && (i += '<div class="chaty-widget-i chaty-main-widget '+a.is_mobile+' '+a.is_desktop+' " data-title="' + a.value + ' "target="'+currentTarget+ '" data-mobile-target="'+mobileTarget+'" data-desktop-target="'+desktopTarget+'" >', i += '<a rel="noopener" href="' + a.value + ' "target="'+currentTarget+ '" data-mobile-target="'+mobileTarget+'" data-desktop-target="'+desktopTarget+'" >', i += '<svg class="ico_d" width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">', i += '<circle class="color-element" cx="19.5" cy="19.5" r="19.5" fill="#6ECCEF"/>', i += '<path d="M11.6549 16.6733C16.5911 16.6733 20.5675 12.9218 20.5675 8.33667C20.5675 3.7515 16.5911 0 11.6549 0C6.7187 0 2.74233 3.7515 2.74233 8.33667C2.74233 8.33667 3.42791 12.505 0 12.505C0 15.9786 6.17024 16.6733 11.6549 16.6733Z" transform="translate(9.15631 9.71375)" fill="#6ECCEF" class="color-element"/> <path d="M12.3405 18.0628C3.97637 18.0628 0 16.5344 0 13.1997C0 12.7829 0.274233 12.505 0.685582 12.505C1.37116 12.505 1.91963 12.3661 2.19386 11.9492C3.01656 10.9766 2.74233 9.17034 2.74233 9.17034C2.74233 4.02939 6.99293 0 12.3405 0C17.688 0 21.9386 4.02939 21.9386 9.0314C21.9386 14.0334 17.688 18.0628 12.3405 18.0628ZM1.50828 13.7555C2.19386 15.5618 5.896 16.6733 12.3405 16.6733C16.8653 16.6733 20.5675 13.1997 20.5675 9.0314C20.5675 4.86306 16.8653 1.38945 12.3405 1.38945C7.81563 1.38945 4.11349 4.86306 4.11349 9.0314C4.11349 9.0314 4.52484 11.3935 3.29079 12.7829C2.74233 13.3387 2.19386 13.6166 1.50828 13.7555Z" transform="translate(8.46936 9.01862)" fill="white"/> <path d="M2.74233 5.55778C4.25687 5.55778 5.48465 4.31363 5.48465 2.77889C5.48465 1.24415 4.25687 0 2.74233 0C1.22778 0 0 1.24415 0 2.77889C0 4.31363 1.22778 5.55778 2.74233 5.55778Z" transform="translate(20.8105 24.3027)" fill="white"/> <path d="M2.74233 5.55778C4.25687 5.55778 5.48465 4.31363 5.48465 2.77889C5.48465 1.24415 4.25687 0 2.74233 0C1.22778 0 0 1.24415 0 2.77889C0 4.31363 1.22778 5.55778 2.74233 5.55778Z" transform="translate(12.5836 24.3025)" fill="white"/> <path d="M0.685582 1.38945C0.274233 1.38945 0 1.11156 0 0.694723C0 0.277889 0.274233 0 0.685582 0C1.09693 0 1.37116 0.277889 1.37116 0.694723C1.37116 1.11156 1.09693 1.38945 0.685582 1.38945Z" transform="translate(17.3835 15.2717)" fill="white"/> <path d="M0.685582 1.38945C0.274233 1.38945 0 1.11156 0 0.694723C0 0.277889 0.274233 0 0.685582 0C1.09693 0 1.37116 0.277889 1.37116 0.694723C1.37116 1.11156 1.09693 1.38945 0.685582 1.38945Z" transform="translate(22.8668 15.2717)" fill="white"/> <path d="M4.14916 4.20448C2.22953 4.20448 0.447017 2.81503 0.035668 0.869809C-0.101448 0.452975 0.172786 0.175088 0.584135 0.0361436C0.995484 -0.102801 1.26972 0.17509 1.40683 0.591924C1.68106 1.84242 2.77799 2.81503 4.14916 2.81503C5.52032 2.81503 6.61725 1.84242 6.89148 0.591924C7.0286 0.17509 7.30283 0.0361436 7.71418 0.0361436C8.12553 0.175088 8.26265 0.452975 8.26265 0.869809C7.8513 2.81503 6.06879 4.20448 4.14916 4.20448Z" transform="translate(16.662 18.7092)" fill="white"/>', i += "</svg>", i += "</a>", i += '<div class="chaty-widget-i-title">', i += "<p>Waze</p>", i += "</div>", i += "</div>"),
94
- "whatsapp" == t && (i += '<div class="chaty-widget-i chaty-main-widget '+a.is_mobile+' '+a.is_desktop+' " data-title="' + a.value + '">', i += '<a target="'+currentTarget+ '" data-mobile-target="'+mobileTarget+'" data-desktop-target="'+desktopTarget+'" rel="noopener" href="https://api.whatsapp.com/send?phone=' + a.value + '" >', i += '<svg class="ico_d" width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">', i += '<circle class="color-element" cx="19.5" cy="19.5" r="19.5" fill="#49E670"/>', i += '<path d="M12.9821 10.1115C12.7029 10.7767 11.5862 11.442 10.7486 11.575C10.1902 11.7081 9.35269 11.8411 6.84003 10.7767C3.48981 9.44628 1.39593 6.25317 1.25634 6.12012C1.11674 5.85403 2.13001e-06 4.39053 2.13001e-06 2.92702C2.13001e-06 1.46351 0.83755 0.665231 1.11673 0.399139C1.39592 0.133046 1.8147 1.01506e-06 2.23348 1.01506e-06C2.37307 1.01506e-06 2.51267 1.01506e-06 2.65226 1.01506e-06C2.93144 1.01506e-06 3.21063 -2.02219e-06 3.35022 0.532183C3.62941 1.19741 4.32736 2.66092 4.32736 2.79397C4.46696 2.92702 4.46696 3.19311 4.32736 3.32616C4.18777 3.59225 4.18777 3.59224 3.90858 3.85834C3.76899 3.99138 3.6294 4.12443 3.48981 4.39052C3.35022 4.52357 3.21063 4.78966 3.35022 5.05576C3.48981 5.32185 4.18777 6.38622 5.16491 7.18449C6.42125 8.24886 7.39839 8.51496 7.81717 8.78105C8.09636 8.91409 8.37554 8.9141 8.65472 8.648C8.93391 8.38191 9.21309 7.98277 9.49228 7.58363C9.77146 7.31754 10.0507 7.1845 10.3298 7.31754C10.609 7.45059 12.2841 8.11582 12.5633 8.38191C12.8425 8.51496 13.1217 8.648 13.1217 8.78105C13.1217 8.78105 13.1217 9.44628 12.9821 10.1115Z" transform="translate(12.9597 12.9597)" fill="#FAFAFA"/> <path d="M0.196998 23.295L0.131434 23.4862L0.323216 23.4223L5.52771 21.6875C7.4273 22.8471 9.47325 23.4274 11.6637 23.4274C18.134 23.4274 23.4274 18.134 23.4274 11.6637C23.4274 5.19344 18.134 -0.1 11.6637 -0.1C5.19344 -0.1 -0.1 5.19344 -0.1 11.6637C-0.1 13.9996 0.624492 16.3352 1.93021 18.2398L0.196998 23.295ZM5.87658 19.8847L5.84025 19.8665L5.80154 19.8788L2.78138 20.8398L3.73978 17.9646L3.75932 17.906L3.71562 17.8623L3.43104 17.5777C2.27704 15.8437 1.55796 13.8245 1.55796 11.6637C1.55796 6.03288 6.03288 1.55796 11.6637 1.55796C17.2945 1.55796 21.7695 6.03288 21.7695 11.6637C21.7695 17.2945 17.2945 21.7695 11.6637 21.7695C9.64222 21.7695 7.76778 21.1921 6.18227 20.039L6.17557 20.0342L6.16817 20.0305L5.87658 19.8847Z" transform="translate(7.7758 7.77582)" fill="white" stroke="white" stroke-width="0.2"/', i += "</svg>", i += "</a>", i += '<div class="chaty-widget-i-title">', i += "<p>Whatsapp</p>", i += "</div>", i += "</div>"),
95
  "line" == t && (i += '<div class="chaty-widget-i chaty-main-widget '+a.is_mobile+' '+a.is_desktop+' " data-title="' + a.value + ' "target="'+currentTarget+ '" data-mobile-target="'+mobileTarget+'" data-desktop-target="'+desktopTarget+'" >', i += '<a rel="noopener" href="' + a.value + ' "target="'+currentTarget+ '" data-mobile-target="'+mobileTarget+'" data-desktop-target="'+desktopTarget+'" >', i += '<svg class="ico_d" width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">', i += '<circle class="color-element" cx="19.5" cy="19.5" r="19.5" fill="#38B900"></circle>', i += '<path d="M24 9.36561C24 4.19474 18.6178 0 12 0C5.38215 0 0 4.19474 0 9.36561C0 13.9825 4.25629 17.8606 10.0229 18.5993C10.4073 18.6785 10.9565 18.8368 11.0664 19.1797C11.1762 19.4699 11.1487 19.9184 11.0938 20.235C11.0938 20.235 10.9565 21.0528 10.9291 21.2111C10.8741 21.5013 10.6819 22.3456 11.9725 21.8443C13.2632 21.3167 18.8924 17.9398 21.3913 15.1433C23.1487 13.2702 24 11.4234 24 9.36561Z" transform="translate(7 10)" fill="white"></path> <path d="M1.0984 0H0.24714C0.10984 0 -2.09503e-07 0.105528 -2.09503e-07 0.211056V5.22364C-2.09503e-07 5.35555 0.10984 5.43469 0.24714 5.43469H1.0984C1.2357 5.43469 1.34554 5.32917 1.34554 5.22364V0.211056C1.34554 0.105528 1.2357 0 1.0984 0Z" transform="translate(15.4577 16.8593)" fill="#38B900" class="color-element"></path> <path d="M4.66819 0H3.81693C3.67963 0 3.56979 0.105528 3.56979 0.211056V3.19222L1.18078 0.0791458C1.18078 0.0791458 1.18078 0.0527642 1.15332 0.0527642C1.15332 0.0527642 1.15332 0.0527641 1.12586 0.0263821C1.12586 0.0263821 1.12586 0.0263821 1.0984 0.0263821H0.247139C0.10984 0.0263821 4.19006e-07 0.13191 4.19006e-07 0.237438V5.25002C4.19006e-07 5.38193 0.10984 5.46108 0.247139 5.46108H1.0984C1.2357 5.46108 1.34554 5.35555 1.34554 5.25002V2.26885L3.73455 5.38193C3.76201 5.40831 3.76201 5.43469 3.78947 5.43469C3.78947 5.43469 3.78947 5.43469 3.81693 5.43469C3.81693 5.43469 3.81693 5.43469 3.84439 5.43469C3.87185 5.43469 3.87185 5.43469 3.89931 5.43469H4.75057C4.88787 5.43469 4.99771 5.32917 4.99771 5.22364V0.211056C4.91533 0.105528 4.80549 0 4.66819 0Z" transform="translate(17.6819 16.8593)" fill="#38B900" class="color-element"></path> <path d="M3.62471 4.22112H1.34554V0.237438C1.34554 0.105528 1.2357 0 1.0984 0H0.24714C0.10984 0 -5.23757e-08 0.105528 -5.23757e-08 0.237438V5.25002C-5.23757e-08 5.30278 0.0274599 5.35555 0.0549198 5.40831C0.10984 5.43469 0.16476 5.46108 0.21968 5.46108H3.56979C3.70709 5.46108 3.78947 5.35555 3.78947 5.22364V4.4058C3.87185 4.32665 3.76201 4.22112 3.62471 4.22112Z" transform="translate(10.8993 16.8593)" fill="#38B900" class="color-element"></path> <path d="M3.56979 1.29272C3.70709 1.29272 3.78947 1.18719 3.78947 1.05528V0.237438C3.78947 0.105528 3.67963 -1.00639e-07 3.56979 -1.00639e-07H0.219679C0.164759 -1.00639e-07 0.10984 0.0263821 0.0549199 0.0527641C0.02746 0.105528 -2.09503e-07 0.158292 -2.09503e-07 0.211056V5.22364C-2.09503e-07 5.2764 0.02746 5.32917 0.0549199 5.38193C0.10984 5.40831 0.164759 5.43469 0.219679 5.43469H3.56979C3.70709 5.43469 3.78947 5.32917 3.78947 5.19726V4.37941C3.78947 4.2475 3.67963 4.14198 3.56979 4.14198H1.29062V3.29775H3.56979C3.70709 3.29775 3.78947 3.19222 3.78947 3.06031V2.24247C3.78947 2.11056 3.67963 2.00503 3.56979 2.00503H1.29062V1.16081H3.56979V1.29272Z" transform="translate(23.421 16.8329)" fill="#38B900" class="color-element"></path>', i += "</svg>", i += "</a>", i += '<div class="chaty-widget-i-title">', i += "<p>Line</p>", i += "</div>", i += "</div>"),
96
  "wechat" == t && (i += '<div class="chaty-widget-i chaty-main-widget '+a.is_mobile+' '+a.is_desktop+' " data-title="' + a.value + ' "target="'+currentTarget+ '" data-mobile-target="'+mobileTarget+'" data-desktop-target="'+desktopTarget+'" >', i += '<svg class="ico_d" width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">', i += '<circle class="color-element" cx="19.5" cy="19.5" r="19.5" fill="#45DC00"></circle>', i += '<path d="M17.3707 6.90938C15.0508 7.03077 13.0281 7.71242 11.3888 9.26248C9.73039 10.8312 8.97307 12.7455 9.18397 15.1172C8.27327 15.0052 7.44884 14.8838 6.61482 14.8184C6.32723 14.7904 5.99171 14.8278 5.74246 14.9585C4.93721 15.4067 4.16071 15.9016 3.24042 16.4619C3.41298 15.7242 3.51843 15.0705 3.71015 14.4449C3.85395 13.9874 3.78685 13.7353 3.35546 13.4364C0.584998 11.5222 -0.594125 8.65553 0.287821 5.69547C1.10266 2.95952 3.09663 1.30674 5.80957 0.447674C9.50991 -0.728879 13.68 0.475687 15.9232 3.33303C16.738 4.36952 17.2365 5.53673 17.3707 6.90938ZM6.69152 5.98494C6.71069 5.44336 6.23137 4.95779 5.65619 4.93912C5.07142 4.92044 4.5921 5.35932 4.57293 5.91958C4.55375 6.48918 5.00431 6.94673 5.58908 6.95607C6.18344 6.97474 6.67234 6.53587 6.69152 5.98494ZM12.2612 4.93912C11.686 4.94846 11.2067 5.42468 11.2163 5.96627C11.2259 6.52653 11.7052 6.9654 12.29 6.9654C12.8843 6.95607 13.3253 6.51719 13.3253 5.93825C13.3157 5.37799 12.846 4.92978 12.2612 4.93912Z" transform="translate(7 9)" fill="white"></path><path d="M12.48 13.2605C11.7418 12.943 11.0708 12.4668 10.3518 12.3921C9.63283 12.3174 8.88509 12.7189 8.13735 12.7936C5.8558 13.0177 3.8139 12.4014 2.13629 10.8887C-1.06556 8.00334 -0.605416 3.57726 3.09492 1.21482C6.38305 -0.886168 11.2146 -0.185839 13.5345 2.72753C15.5572 5.26739 15.3175 8.64764 12.8538 10.786C12.1349 11.4023 11.876 11.9158 12.3362 12.7282C12.4225 12.8776 12.432 13.0737 12.48 13.2605ZM4.11108 5.3701C4.58081 5.3701 4.96426 5.01527 4.98344 4.56706C5.00261 4.09084 4.60957 3.68932 4.12066 3.68932C3.63176 3.68932 3.22913 4.09084 3.2483 4.55772C3.26748 5.00593 3.65093 5.3701 4.11108 5.3701ZM9.5082 3.68932C9.05764 3.68932 8.6646 4.04415 8.64543 4.49236C8.62626 4.96858 9.00971 5.36077 9.48903 5.36077C9.95876 5.36077 10.3326 5.01527 10.3422 4.55772C10.371 4.09084 9.98752 3.68932 9.5082 3.68932Z" transform="translate(17.1057 16.7395)" fill="white"></path>', i += "</svg>", i += '<div class="chaty-widget-i-title">', i += "<p>WeChat: " + e.object_settings.social.wechat + "</p>", i += "</div>", 1 === Object.keys(e.object_settings.social).length && (i += '<div class="snap-wee-title">', i += "<p>WeChat: " + a.value + "</p>", i += "</div>"), i += "</div>")
97
  }), i
@@ -134,15 +142,23 @@
134
 
135
  }
136
  t("body").append(g)
137
- }(e, token), t("body").append('<style>body.hide-cht-widget .chaty-widget.one_widget .chaty-widget-i:not(.no-tooltip):before{display:none} .widget-img{display: flex;align-items: center;height: 100%;overflow: hidden;\n border-radius: 100%;}.get {opacity: 0;}\n.chaty-widget-show .get {opacity: 1;}\n.none-widget-show .get {opacity: 0;}\n.get a {\n color: #222 !important;\n text-decoration: none !important;\n}\n\nbody .one_widget .bofore_del:before {\n opacity: 0 !important;\n display: none;\n)\n}\n\n\n.one_widget .chaty-widget-i.i-trigger-open:before {\n display: none;\n}\n\n.one_widget.chaty-widget .chaty-widget-i {\n}\n.one_widget.chaty-widget:not(.chaty-widget-is-right) .chaty-widget-i:not(.no-tooltip) .chaty-widget-i-title{font-size:17px;left:-3px;top:50%;white-space:nowrap;padding:5px 15px;line-height:21px;color:#333;background-color:#fff;box-shadow:0 1.93465px 7.73859px rgba(0,0,0,0.15);border-radius:10px;}.chaty-widget.one_widget .chaty-widget-i:not(.no-tooltip) .chaty-widget-i-title, .chaty-widget.one_widget .chaty-widget-i:not(.no-tooltip):before {\n opacity: 1!important;\n}.snap-wee-title{z-index: 20;opacity: 0;padding: 10px 10px 9px 12px !important;\n font-size: 17px;\n transform: translate(calc(-100% - 14px), -50%);\n left: -3px;\n top: 50%;\n white-space: nowrap;\n line-height: 21px;\n color: #333;\n background-color: #fff;\n box-shadow: 0 1.93465px 7.73859px rgba(0,0,0,0.15);\n border-radius: 10px;\n position: absolute;}\n@media (min-width: 1024px) {.chaty-widget-i:hover .snap-wee-title{opacity: 1;}}\n.chaty-widget-i.hover .snap-wee-title{opacity: 1;}\n.snap-wee-title:before{content: "";right: -9px;position:absolute;top: 50%;transform: translateY(-50%);height: 0;width: 0;z-index: 11;border-width: 5px 0 5px 10px;border-style: solid;border-color: transparent transparent transparent #fff;}.snap-wee-title p{color: #222;\n text-decoration: none;\n margin: 0;\n padding: 0;}.chaty-widget-i .chaty-widget-i-title p {\n color: #222 !important;\n text-decoration: none !important;\n margin: 0 !important;\n padding: 0 !important\n}\n\n.chaty-widget-i .i-trigger a {\n color: #222 !important;\n text-decoration: none !important;\n}\n\n* {\n -webkit-tap-highlight-color: transparent !important;\n}\n\n.i-trigger-open svg, .i-trigger-close svg {\n transition: all 0.5s\n}\n\n.chaty-widget-show .i-trigger-open svg, .chaty-widget-show .i-trigger-close svg {\n transform: rotate(180deg)\n}\n\n.none-widget-show .i-trigger-ope {\n -webkit-animation: fadein 1.5s;\n -moz-animation: fadein 1.5s;\n -ms-animation: fadein 1.5s;\n -o-animation: fadein 1.5s; /* animation: fadein 2s; */\n}\n\n.chaty-widget-show .i-trigger-cloe {\n -webkit-animation: fadein 1.5s;\n -moz-animation: fadein 1.5s;\n -ms-animation: fadein 1.5s;\n -o-animation: fadein 1.5s; /* animation: fadein 2s; */\n}\n\n.chaty-widget .i-trigger-open.chaty-widget-i:not(.no-tooltip) .chaty-widget-i-title {\n transform: translate(calc(-100% - 12px), -50%);\n}\n\n.chaty-widget-is-right.chaty-widget .i-trigger-open.chaty-widget-i:not(.no-tooltip) .chaty-widget-i-title {\n right: 0;\n left: auto;\n transform: translate(calc(100% + 12px), -50%);\n}\n\n.chaty-widget-is-right.chaty-widget .chaty-widget-i:not(.no-tooltip) .chaty-widget-i-title {\n right: 0;\n left: auto;\n transform: translate(calc(100% + 13px), -50%);\n}\n\n\n.chaty-widget-is-right.chaty-widget.one_widget .chaty-widget-i:not(.no-tooltip):before {\n left: auto;\n right: -18px;\n}\n\n.chaty-widget.one_widget .chaty-widget-i:not(.no-tooltip):before {\n left: -18px;\n}\n\n.one_widget .i-trigger-open .chaty-widget-i-title {\n padding: 10px 10px 9px 12px !important;\n}\n.one_widget .i-trigger-open.hidetooltip .chaty-widget-i-title {\n display: none;\n}\n.one_widget .i-trigger-open.hidetooltip .chaty-widget-i:before {\n display: none;\n}\n\n.chaty-widget .chaty-widget-i.facebook.before:not(.no-tooltip):hover .chaty-widget-i-title, .chaty-widget .chaty-widget-i.before.facebook:not(.no-tooltip):hover:before {\n opacity: 1;\n pointer-events: auto\n}\n\n.chaty-widget .chaty-widget-i:not(.no-tooltip) .chaty-widget-i-title, .chaty-widget .chaty-widget-i:not(.no-tooltip).before:before {\n opacity: 1;\n}\n\n.one_widget .chaty-widget-i svg {\n position: relative;\n}\n\nbody .chaty-widget-i-title.true {\n opacity: 1 !important;\n}\n\n.chaty-widget .i-trigger-open:not(.no-tooltip):before {\n opacity: 1 !important\n}\n\n.chaty-widget .chaty-widget-i.facebook.active:not(.no-tooltip) .chaty-widget-i-title, .chaty-widget .chaty-widget-i.facebook:not(.no-tooltip):hover:before {\n pointer-events: initial;\n}\n\n.chaty-widget .facebook_header {\n background-color: #1E88E5;\n height: 34px;\n border-top-left-radius: 5px;\n border-top-right-radius: 5px;\n padding-left: 9px;display: flex;\n align-items: center;\n justify-content: space-between;\n}\n\n.facebook .chaty-widget-i-title {\n padding: 0 !important\n}\n\nbody .chaty-widget-i .facebook_header p {font-family: Lato, Helvetica, Arial, sans-serif;\n font-size: 13px;\n color: #fff !important;\n position: relative;\n}\n\n.facebook_header svg, .facebook_header p {\n display: inline-block;\n vertical-align: bottom;\n margin: 0;\n}\n\n.chaty-widget .chaty-widget-i .facebook_header svg {\n height: 30px !important;\n width: 30px !important;\n}\n\n.chaty-widget {\n display: none !important;\n}\n\n@media screen and (max-width: 800px) {\n .i-trigger-close .chaty-widget-i-title {\n display: none;\n }\n}\n\n@media screen and (max-width: 480px) {\n .mobile_none {\n display: none\n }\n\n .chaty-widget.mobile_active {\n display: block !important;\n }\n}\n\n@media screen and (min-width: 480px) {\n .chaty-widget.desktop_active {\n display: block !important;\n }\n}\n\n.chaty-widget {\n position: fixed;\n z-index: 9999\n}\n\n.chaty-widget .chaty-widget-is {\n display: flex;\n flex-wrap: wrap;\n overflow: hidden;\n height: 0;\n position: absolute;\n pointer-events: none;\n left: 0;\n right: auto;\n bottom: 65px;\n opacity: 0;\n}\n\n#transition_disabled {\n -webkit-animation: none !important;\n -moz-animation: none !important;\n -ms-animation: none !important;\n -o-animation: none !important;\n -webkit-animation: none !important\n}\n\n@keyframes fadeout {\n from {\n opacity: 1\n }\n to {\n opacity: 0\n }\n}\n\n@-moz-keyframes fadeout {\n from {\n opacity: 1\n }\n to {\n opacity: 0\n }\n}\n\n@-webkit-keyframes fadeout {\n from {\n opacity: 1\n }\n to {\n opacity: 0\n }\n}\n\n@-o-keyframes fadeout {\n from {\n opacity: 1\n }\n to {\n opacity: 0\n }\n}\n\n.chaty-widget .chaty-widget-is .chaty-widget-i {\n}\n\n.chaty-widget .i-trigger {\n position: relative;\n}\n\n.chaty-widget .i-trigger .i-trigger-open, .chaty-widget .i-trigger .i-trigger-close {\n transition: all 0.2s;\n}\n\n.chaty-widget .i-trigger .i-trigger-close {\n position: absolute;\n bottom: -4px;\n left: 0;\n right: 0;\n z-index: 2\n}\n\n.chaty-widget .i-trigger .i-trigger-open {\n opacity: 1;\n pointer-events: auto\n}\n\n.chaty-widget .i-trigger .i-trigger-close {\n opacity: 0;\n pointer-events: none\n}\n\n.chaty-widget:not(.chaty-widget-show) .chaty-widget-is {\n}\n\n.chaty-widget.chaty-widget-show .i-trigger .i-trigger-open {\n opacity: 0;\n pointer-events: none\n}\n\n.chaty-widget.chaty-widget-show .i-trigger .i-trigger-close {\nbox-shadow: none;opacity: 1;\n pointer-events: auto\n}\n\n.chaty-widget.chaty-widget-show .chaty-widget-is {\n pointer-events: auto;\n overflow: visible;\n opacity: 1;\n visibility: visible;\n}\n\n@keyframes fadein {\n from {\n opacity: 0\n }\n to {\n opacity: 1\n }\n}\n\n@-moz-keyframes fadein {\n from {\n opacity: 0\n }\n to {\n opacity: 1\n }\n}\n\n@-webkit-keyframes fadein {\n from {\n opacity: 0\n }\n to {\n opacity: 1\n }\n}\n\n@-ms-keyframes fadein {\n from {\n opacity: 0\n }\n to {\n opacity: 1\n }\n}\n\n@-o-keyframes fadein {\n from {\n opacity: 0\n }\n to {\n opacity: 1\n }\n}\n\n.chaty-widget.chaty-widget-show .chaty-widget-is .chaty-widget-i {\n opacity: 1;\n overflow: visible\n}\n.chaty-widget .chaty-widget-i .chaty-widget-i{margin:0;}.chaty-widget .chaty-widget-i {\n border-radius: 50%;\n vertical-align: top;\n width: 54px;height: 54px;\n font-size: 0;\n position: relative;\n box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.25);\n margin: 4px\n}\n\n.chaty-widget .chaty-widget-i svg {\n cursor: pointer;\n width: 100%;\n height: 100%;display:block;\n position: relative;\n}\n\nbody .i-trigger-open .chaty-widget-i-title {\n padding: 5px 16px 5px 17px !important;\n}\n\n.chaty-widget:not(.chaty-widget-is-right) .i-trigger-open:before {\n left: -13px !important\n}\n\n.chaty-widget:not(.chaty-widget-is-right) .i-trigger-open:before {\n}\n\n.one_widget.chaty-widget.chaty-widget-is-right .i-trigger-open:before {\n right: -12px !important\n}\n\nbody .one_widget .i-trigger-open .chaty-widget-i-title.face_title {\n padding: 0 !important\n}\n\n.one_widget.chaty-widget .chaty-widget-i:not(.no-tooltip) .chaty-widget-i-title {\n transform: translate(calc(-100% - 14px), -50%);\n}\n\n.chaty-widget .chaty-widget-i:not(.no-tooltip) .chaty-widget-i-title, .chaty-widget .chaty-widget-i:not(.no-tooltip):before {\n content: none;\n position: absolute;\n opacity: 0;\n pointer-events: none;\n z-index: 10\n}\n\n.chaty-widget .chaty-widget-i:not(.no-tooltip):before {\n content: "";\n left: -14px;\n top: 50%;\n transform: translateY(-50%);\n height: 0;\n width: 0;\n z-index: 11;\n border-width: 5px 0 5px 10px;\n border-style: solid;\n border-color: transparent transparent transparent #fff\n}\n\n.chaty-widget .chaty-widget-i:not(.no-tooltip) .chaty-widget-i-title {\n text-align: center;\n font-size: 17px;\n left: 0;\n top: 50%;\n transform: translate(calc(-100% - 13px), -50%);\n white-space: nowrap;\n padding: 5px 15px;\n line-height: 21px;\n color: #333;\n background-color: #fff;\n box-shadow: 0 1.93465px 7.73859px rgba(0, 0, 0, 0.15);\n border-radius: 10px\n}\n\n.chaty-widget .chaty-widget-i:not(.no-tooltip):hover .chaty-widget-i-title, .chaty-widget .chaty-widget-i:not(.no-tooltip):hover:before {\n opacity: 1;\n pointer-events: auto\n}\n\n.chaty-widget .chaty-widget-i.facebook:not(.no-tooltip):hover .chaty-widget-i-title, .chaty-widget .chaty-widget-i.facebook:not(.no-tooltip):hover:before {\n opacity: 0;\n pointer-events: auto\n}\n\n.chaty-widget .chaty-widget-i .color-element {\n transition: all .2s\n}\n\n.chaty-widget:not(.chaty-widget-is-right) .chaty-widget-is {\n position: absolute;\n right: 0;\n left: auto;\n bottom: 65px;\n justify-content: flex-end\n}\n\n.chaty-widget.chaty-widget-is-right .i-trigger-open.chaty-widget-i:before {\n right: -13px;\n left: auto;\n border-width: 5px 10px 5px 0;\n border-color: transparent #fff transparent transparent\n}\n\n.chaty-widget.chaty-widget-is-right .chaty-widget-i:before {\n right: -14px;\n left: auto;\n border-width: 5px 10px 5px 0;\n border-color: transparent #fff transparent transparent\n}\n\n.chaty-widget.chaty-widget-is-right .chaty-widget-i.facebook.active .chaty-widget-i-title {\n position: fixed;\n transform: initial !important;\n right: auto;\n top: calc(100% - 484px);\n}\n\n.chaty-widget .chaty-widget-i.facebook.active .chaty-widget-i-title {min-width:250px;padding:0;\n position: fixed;\n transform: initial;\n right: 29px;\n left: auto;\n top: calc(100% - 484px);\n}\n\n.one_widget.chaty-widget.chaty-widget-is-right .chaty-widget-i .chaty-widget-i-title {\n right: 0;\n left: auto;\n transform: translate(calc(100% + 17px), -50%) !important\n}</style>')), function () {
138
  var n = t(".chaty-widget"), o = e.object_settings.widget_size ? e.object_settings.widget_size : 54, s = +e.object_settings.widget_size + 8;
139
 
140
  function c() {
141
  var t = n.position().top, e = n.find(".chaty-widget-is .chaty-widget-i").length;
142
- if (e * s > t) {
143
- var i = Math.round(Math.sqrt(e)), a = Math.ceil(Math.sqrt(e));
144
- n.find(".chaty-widget-is").css({height: a * s, width: i * s}), r(a)
145
- } else r()
 
 
 
 
 
 
 
 
146
  }
147
 
148
  function l() {
@@ -152,14 +168,16 @@
152
  function r(t) {
153
  var e;
154
  if(jQuery("body").hasClass("chaty-in-desktop")) {
155
- e = t || n.find(".chaty-widget-is .chaty-widget-i.is-in-desktop").length;
156
  } else {
157
- e = t || n.find(".chaty-widget-is .chaty-widget-i.is-in-mobile").length;
158
  }
159
  n.find(".chaty-widget-i").css({
160
  height: o + "px",
161
  width: o + "px"
162
- }), n.find(".chaty-widget-is").css({top: "-" + 100 * e + "%"})
 
 
163
  }
164
 
165
  l(), c(), jQuery(window).resize(function () {
@@ -220,7 +238,7 @@
220
  } else {
221
  jQuery(".chaty-widget").removeClass("hide-widget").addClass("desktop_active").addClass("mobile_active");;
222
  if(activeWidget == 1) {
223
- jQuery(".chaty-close-settings").hide();
224
  if(jQuery("body").hasClass("chaty-in-desktop")) {
225
  htmlToAdd = jQuery(".chaty-widget-is .chaty-widget-i.is-in-desktop:first").clone();
226
  jQuery(".i-trigger").html(htmlToAdd);
@@ -233,7 +251,7 @@
233
  } else {
234
  jQuery(".chaty-widget").removeClass("one_widget");
235
  jQuery(".i-trigger .chaty-main-widget").remove();
236
- jQuery(".chaty-close-settings").show();
237
  }
238
  }
239
 
@@ -252,6 +270,113 @@
252
  });
253
  jQuery("body").append("<style>.chaty-widget-is{top:0!important;}</style>");
254
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
255
  }(), t(document).ready(function () {
256
  (1 !== Object.keys(e.object_settings.social).length || !e.object_settings.social.snapchat && !e.object_settings.social.wechat || e.object_settings.cta || (t(".chaty-widget-i-title").detach(), t(".chaty-widget-i").addClass("bofore_del")), t(".chaty-widget-i-title").hasClass("one_go")) && (t(".chaty-widget-i-title p").text(t(".chaty-widget-i-title.one_go").html()), "none" == i("display_cta") && (t(".chaty-widget-i-title").hasClass("face_title") ? (t(".facebook_two_mess").detach(), t(".chaty-widget-i").addClass("bofore_del")) : (t(".chaty-widget-i-title").detach(), t(".chaty-widget-i").addClass("bofore_del"))));
257
  window.matchMedia("only screen and (max-width: 760px)").matches && t(".i-trigger-open").addClass("active_clos");
@@ -261,49 +386,119 @@
261
  }
262
  });
263
  });
264
- jQuery.ajax({
265
- url: chaty_settings.object_settings.ajax_url,
266
- data: "action=chaty_check_for_mobile&time="+Math.random(),
267
- type: "post",
268
- success: function(response) {
269
- jQuery("body").removeClass("chaty-in-desktop").removeClass("chaty-in-mobile");
270
- if(response == "yes") {
271
- jQuery("body").addClass("chaty-in-mobile");
272
- } else {
273
- jQuery("body").addClass("chaty-in-desktop");
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
274
  }
275
- jQuery(".i-trigger").find(".chaty-main-widget").remove();
276
- jQuery(".chaty-close-settings").show();
277
- var activeWidget = 0;
278
- if(jQuery("body").hasClass("chaty-in-desktop")) {
279
- activeWidget = jQuery(".chaty-widget-is .chaty-widget-i.is-in-desktop").length;
280
- } else {
281
- activeWidget = jQuery(".chaty-widget-is .chaty-widget-i.is-in-mobile").length;
282
  }
283
- if(activeWidget == 0) {
284
- jQuery(".chaty-widget").addClass("hide-widget").removeClass("desktop_active");
285
- } else {
286
- jQuery(".chaty-widget").removeClass("hide-widget").addClass("desktop_active");
287
- if(activeWidget == 1) {
288
- jQuery(".chaty-close-settings").hide();
289
- if(jQuery("body").hasClass("chaty-in-desktop")) {
290
- htmlToAdd = jQuery(".chaty-widget-is .chaty-widget-i.is-in-desktop").clone();
291
- jQuery(".i-trigger").html(htmlToAdd);
292
- } else {
293
- htmlToAdd = jQuery(".chaty-widget-is .chaty-widget-i.is-in-mobile").clone();
294
- jQuery(".i-trigger").html(htmlToAdd);
295
- }
296
- jQuery(".i-trigger .chaty-widget-i-title p").text(chaty_settings.object_settings.cta);
297
- jQuery(".chaty-widget").addClass("one_widget");
298
- } else {
299
- jQuery(".chaty-widget").removeClass("one_widget");
300
- jQuery(".i-trigger .chaty-main-widget").remove();
301
- jQuery(".chaty-close-settings").show();
302
- }
 
 
 
 
 
 
 
303
  }
304
  }
305
- });
306
- })
 
 
 
 
 
 
 
 
 
 
 
307
  }(jQuery)
308
  }, 12: function (t, e) {
309
  }
51
  }, 500)
52
  }
53
 
54
+ var animationTimer;
55
+ var isWidgetEnabled = 0;
56
+ var e = chaty_settings;
57
+
58
  function o(e) {
59
  var i = "", n = 0;
60
  return t.each(e.object_settings.social, function (t, a) {
76
  }
77
  }
78
  var currentTarget = (jQuery("body").hasClass("chaty-in-mobile"))?mobileTarget:desktopTarget;
79
+
80
  if (!e.object_settings.isPRO && "3" == ++n)return !1;
81
+
82
+ if(t == "whatsapp" && jQuery("body").hasClass("chaty-in-mobile")) {
83
+ a.value = a.mobile_url;
84
+ }
85
  "linkedin" == t && (i += '<div class="chaty-widget-i chaty-main-widget '+a.is_mobile+' '+a.is_desktop+' " data-title="' + a.value + '">', i += '<a rel="noopener" href="https://www.linkedin.com/in/' + a.value + '" target="'+currentTarget+ '" data-mobile-target="'+mobileTarget+'" data-desktop-target="'+desktopTarget+'" >', i += '<svg class="ico_d" width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">', i += '<circle class="color-element" cx="19.5" cy="19.5" r="19.5" fill="#0077b5"/>', i += '<path id="LinkedIn_color" d="M18,20.1v6.655H14.142V20.549c0-1.56-.558-2.624-1.954-2.624a2.111,2.111,0,0,0-1.98,1.411,2.64,2.64,0,0,0-.128.941v6.481H6.221s.052-10.516,0-11.606H10.08V16.8c-.008.012-.018.026-.025.037h.025V16.8a3.832,3.832,0,0,1,3.478-1.918C16.1,14.88,18,16.539,18,20.1ZM2.184,9.558a2.011,2.011,0,1,0-.051,4.011h.026a2.012,2.012,0,1,0,.025-4.011ZM.229,26.758H4.087V15.152H.229Z" transform="translate(11 1.442)" fill="#fff"/>', i += "</svg>", i += "</a>", i += '<div class="chaty-widget-i-title">', i += "<p>Linkedin</p>", i += "</div>", i += "</div>"),
86
  "twitter" == t && (i += '<div class="chaty-widget-i chaty-main-widget '+a.is_mobile+' '+a.is_desktop+' " data-title="' + a.value + '">', i += '<a rel="noopener" href="https://twitter.com/' + a.value + '" target="'+currentTarget+ '" data-mobile-target="'+mobileTarget+'" data-desktop-target="'+desktopTarget+'" >', i += '<svg class="ico_d" width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">', i += '<circle class="color-element" cx="19.5" cy="19.5" r="19.5" fill="#1ab2e8"/>', i += '<path id="path_color_twitter" d="M18.532,59.222a7.592,7.592,0,0,1-2.183.6,3.817,3.817,0,0,0,1.671-2.1,7.664,7.664,0,0,1-2.416.923,3.8,3.8,0,0,0-6.478,3.466,10.792,10.792,0,0,1-7.835-3.972A3.806,3.806,0,0,0,2.469,63.21a3.8,3.8,0,0,1-1.722-.477v.047A3.805,3.805,0,0,0,3.8,66.508a3.85,3.85,0,0,1-1,.133,3.649,3.649,0,0,1-.716-.071,3.8,3.8,0,0,0,3.55,2.64A7.627,7.627,0,0,1,.908,70.835,8.079,8.079,0,0,1,0,70.783a10.745,10.745,0,0,0,5.827,1.71A10.741,10.741,0,0,0,16.643,61.678l-.013-.492A7.591,7.591,0,0,0,18.532,59.222Z" transform="translate(9.999 -45.441)" fill="#fff"/>', i += "</svg>", i += "</a>", i += '<div class="chaty-widget-i-title">', i += "<p>Twitter</p>", i += "</div>", i += "</div>"),
87
  "instagram" == t && (i += '<div class="chaty-widget-i chaty-main-widget '+a.is_mobile+' '+a.is_desktop+' " data-title="' + a.value + '">', i += '<a rel="noopener" href="https://www.instagram.com/' + a.value + '" target="'+currentTarget+ '" data-mobile-target="'+mobileTarget+'" data-desktop-target="'+desktopTarget+'" >', i += '<svg class="ico_d" width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">', i += '<defs><linearGradient id="linear-gradient" x1="0.892" y1="0.192" x2="0.128" y2="0.85" gradientUnits="objectBoundingBox"><stop offset="0" stop-color="#4a64d5"/><stop offset="0.322" stop-color="#9737bd"/><stop offset="0.636" stop-color="#f15540"/><stop offset="1" stop-color="#fecc69"/></linearGradient></defs><circle class="color-element" cx="19.5" cy="19.5" r="19.5" fill="url(#linear-gradient)"/>', i += '<path id="Path_1923" data-name="Path 1923" d="M13.177,0H5.022A5.028,5.028,0,0,0,0,5.022v8.155A5.028,5.028,0,0,0,5.022,18.2h8.155A5.028,5.028,0,0,0,18.2,13.177V5.022A5.028,5.028,0,0,0,13.177,0Zm3.408,13.177a3.412,3.412,0,0,1-3.408,3.408H5.022a3.411,3.411,0,0,1-3.408-3.408V5.022A3.412,3.412,0,0,1,5.022,1.615h8.155a3.412,3.412,0,0,1,3.408,3.408v8.155Z" transform="translate(10 10.4)" fill="#fff"/><path id="Path_1924" data-name="Path 1924" d="M45.658,40.97a4.689,4.689,0,1,0,4.69,4.69A4.695,4.695,0,0,0,45.658,40.97Zm0,7.764a3.075,3.075,0,1,1,3.075-3.075A3.078,3.078,0,0,1,45.658,48.734Z" transform="translate(-26.558 -26.159)" fill="#fff"/><path id="Path_1925" data-name="Path 1925" d="M120.105,28.251a1.183,1.183,0,1,0,.838.347A1.189,1.189,0,0,0,120.105,28.251Z" transform="translate(-96.119 -14.809)" fill="#fff"/>', i += "</svg>", i += "</a>", i += '<div class="chaty-widget-i-title">', i += "<p>Instagram</p>", i += "</div>", i += "</div>"),
99
  "viber" == t && (i += '<div class="chaty-widget-i chaty-main-widget '+a.is_mobile+' '+a.is_desktop+' " data-title="' + a.value + '">', i += '<a rel="noopener" href="viber://chat?number=' + a.value+ '">', i += '<svg class="ico_d" width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">', i += '<circle class="color-element" cx="19.5" cy="19.5" r="19.5" fill="#665CAC"/>', i += '<path d="M17.6837 2.14833C17.16 1.64578 15.0497 0.0389578 10.3496 0.0158143C10.3496 0.0158143 4.80418 -0.334645 2.10085 2.26405C0.596193 3.84111 0.0662511 6.14886 0.0126261 9.01205C-0.0441534 11.8752 -0.116705 17.2346 4.8168 18.6894H4.81995L4.8168 20.9078C4.8168 20.9078 4.78525 21.8071 5.3499 21.989C6.03125 22.2105 6.43186 21.5294 7.08482 20.7921C7.44127 20.3888 7.93651 19.7936 8.30874 19.3407C11.6808 19.6382 14.2769 18.9572 14.5702 18.858C15.2516 18.6265 19.1063 18.1075 19.7309 12.7481C20.3775 7.22338 19.4154 3.7254 17.6837 2.14833ZM18.2546 12.3513C17.7247 16.828 14.5986 17.1123 14.0245 17.3041C13.7785 17.3867 11.501 17.9818 8.63679 17.7835C8.63679 17.7835 6.50126 20.4813 5.83567 21.1856C5.73158 21.2947 5.60856 21.341 5.52654 21.3178C5.41298 21.2881 5.38144 21.1459 5.38144 20.9376C5.38459 20.64 5.40037 17.2512 5.40037 17.2512C5.39721 17.2512 5.39721 17.2512 5.40037 17.2512C1.23023 16.0378 1.47312 11.4719 1.52044 9.08148C1.56775 6.69108 1.99675 4.73379 3.26798 3.41792C5.55493 1.24904 10.2645 1.57305 10.2645 1.57305C14.2422 1.59288 16.1475 2.84594 16.5891 3.26583C18.0527 4.58501 18.8003 7.73585 18.2546 12.3513Z" transform="translate(9.47299 8.4238)" fill="white"/> <path d="M1.58982 1.72254C1.53935 0.628182 1.00941 0.0562059 0 1.00898e-07" transform="translate(20.166 15.5914)" stroke="white" stroke-width="0.518873" stroke-linecap="round" stroke-linejoin="round"/> <path d="M3.35945 3.69636C3.38153 2.67804 3.09448 1.82834 2.49514 1.14395C1.8958 0.459565 1.06619 0.0793496 1.9253e-07 2.01796e-07" transform="translate(19.7592 14.0966)" stroke="white" stroke-width="0.518873" stroke-linecap="round" stroke-linejoin="round"/> <path d="M5.22371 5.71646C5.21109 3.94763 4.70639 2.55902 3.71275 1.5407C2.71911 0.525689 1.47942 0.00991877 -3.8506e-07 1.00898e-07" transform="translate(19.2931 12.6479)" stroke="white" stroke-width="0.518873" stroke-linecap="round" stroke-linejoin="round"/> <path d="M6.35738 8.04532C6.35738 8.04532 6.73276 8.07838 6.93149 7.81719L7.32263 7.30142C7.5119 7.04353 7.96929 6.88153 8.41722 7.14272C8.66641 7.2915 9.11434 7.57914 9.39193 7.79405C9.68844 8.02218 10.2972 8.55448 10.2972 8.55448C10.5875 8.80906 10.6537 9.18597 10.4581 9.58271C10.4581 9.58602 10.455 9.58933 10.455 9.58933C10.2531 9.96293 9.9818 10.3167 9.63797 10.644C9.63482 10.6473 9.63482 10.6473 9.63167 10.6506C9.35092 10.8953 9.07333 11.0375 8.80205 11.0705C8.77051 11.0771 8.7295 11.0804 8.68219 11.0771C8.56232 11.0771 8.44561 11.0606 8.32889 11.0209L8.31943 11.0077C7.89989 10.8854 7.20277 10.5746 6.03879 9.90342C5.28173 9.467 4.654 9.02066 4.12406 8.57762C3.84331 8.34619 3.55626 8.08169 3.2629 7.77752C3.25344 7.7676 3.24398 7.75768 3.23451 7.74776C3.22505 7.73784 3.21559 7.72792 3.20612 7.718C3.19666 7.70808 3.1872 7.69817 3.17773 7.68825C3.16827 7.67833 3.15881 7.66841 3.14934 7.65849C2.85914 7.35101 2.60678 7.05015 2.38597 6.75589C1.96328 6.20045 1.53744 5.5392 1.12105 4.74902C0.480708 3.52902 0.184194 2.79834 0.0674803 2.35862L0.0548623 2.3487C0.0170094 2.22637 -0.00191702 2.10404 0.0012374 1.9784C-0.00191702 1.92881 0.0012373 1.88583 0.00754613 1.85276C0.0390903 1.56843 0.17473 1.27748 0.408157 0.983227C0.411312 0.979921 0.411311 0.979921 0.414466 0.976615C0.726753 0.616237 1.06112 0.331902 1.42072 0.120304C1.42388 0.120304 1.42703 0.116997 1.42703 0.116997C1.80556 -0.0879887 2.16517 -0.0185578 2.40806 0.285615C2.41121 0.288921 2.91592 0.923716 3.13357 1.2345C3.33861 1.52875 3.6162 1.99493 3.75499 2.25612C4.00419 2.72561 3.84962 3.20501 3.60358 3.40338L3.11149 3.81335C2.86229 4.02495 2.89384 4.41509 2.89384 4.41509C2.89384 4.41509 3.62566 7.31464 6.35738 8.04532Z" transform="translate(13.863 13.0014)" fill="white"/>', i += "</svg>", i += "</a>", i += '<div class="chaty-widget-i-title">', i += "<p>Viber</p>", i += "</div>", i += "</div>"),
100
  "vkontakte" == t && (i += '<div class="chaty-widget-i chaty-main-widget '+a.is_mobile+' '+a.is_desktop+' " data-title="' + a.value + '">', i += '<a rel="noopener" href="https://vk.me/' + a.value + ' "target="'+currentTarget+ '" data-mobile-target="'+mobileTarget+'" data-desktop-target="'+desktopTarget+'" >', i += '<svg class="ico_d" width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">', i += '<circle class="color-element" cx="19.5" cy="19.5" r="19.5" fill="#5076AA"/>', i += '<path d="M11.0953 12.4775H12.5097C12.5097 12.4775 12.934 12.4774 13.0755 12.1971C13.2169 12.0569 13.2169 11.6363 13.2169 11.6363C13.2169 11.6363 13.2169 9.81373 14.0656 9.53334C14.9142 9.25294 15.9043 11.2157 17.0359 12.0569C17.8845 12.6176 18.5917 12.4775 18.5917 12.4775H21.562C21.562 12.4775 23.1178 12.3373 22.4106 11.2157C22.4106 11.0755 21.9863 10.2343 20.1476 8.69216C18.3088 7.0098 18.4503 7.29019 20.8548 4.20588C22.2692 2.38333 22.835 1.26176 22.6935 0.700978C22.5521 0.28039 21.562 0.42059 21.562 0.42059H18.1674C18.1674 0.42059 17.8845 0.420588 17.7431 0.560784C17.6016 0.70098 17.4602 0.981371 17.4602 0.981371C17.4602 0.981371 16.8944 2.38333 16.1872 3.6451C14.6313 6.16863 14.0656 6.30882 13.7827 6.16863C13.2169 5.74804 13.3584 4.62647 13.3584 3.92549C13.3584 1.40196 13.7827 0.420589 12.6512 0.140197C12.2268 1.06543e-06 11.944 -2.13922e-06 11.0953 -2.13922e-06C9.82233 -2.13922e-06 8.83224 -1.06543e-06 8.26647 0.280391C7.84215 0.420587 7.55927 0.841177 7.70071 0.841177C7.9836 0.841177 8.40792 0.98137 8.6908 1.40196C8.97368 1.82255 8.97368 2.94412 8.97368 2.94412C8.97368 2.94412 9.11513 5.88824 8.54936 6.16863C8.12503 6.44902 7.41783 5.88824 6.14485 3.6451C5.43764 2.52353 4.87188 1.12157 4.87188 1.12157C4.87188 1.12157 4.73044 0.841174 4.589 0.700978C4.30611 0.560782 4.02323 0.560784 4.02323 0.560784H0.770071C0.770071 0.560784 0.345746 0.560785 0.0628629 0.841177C-0.0785787 0.981374 0.0628629 1.40196 0.0628629 1.40196C0.0628629 1.40196 2.60881 7.2902 5.43764 10.2343C8.12503 12.7578 11.0953 12.4775 11.0953 12.4775Z" transform="translate(6.78613 14.4898)" fill="white"/>', i += "</svg>", i += "</a>", i += '<div class="chaty-widget-i-title">', i += "<p>Vkontakte</p>", i += "</div>", i += "</div>"),
101
  "waze" == t && (i += '<div class="chaty-widget-i chaty-main-widget '+a.is_mobile+' '+a.is_desktop+' " data-title="' + a.value + ' "target="'+currentTarget+ '" data-mobile-target="'+mobileTarget+'" data-desktop-target="'+desktopTarget+'" >', i += '<a rel="noopener" href="' + a.value + ' "target="'+currentTarget+ '" data-mobile-target="'+mobileTarget+'" data-desktop-target="'+desktopTarget+'" >', i += '<svg class="ico_d" width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">', i += '<circle class="color-element" cx="19.5" cy="19.5" r="19.5" fill="#6ECCEF"/>', i += '<path d="M11.6549 16.6733C16.5911 16.6733 20.5675 12.9218 20.5675 8.33667C20.5675 3.7515 16.5911 0 11.6549 0C6.7187 0 2.74233 3.7515 2.74233 8.33667C2.74233 8.33667 3.42791 12.505 0 12.505C0 15.9786 6.17024 16.6733 11.6549 16.6733Z" transform="translate(9.15631 9.71375)" fill="#6ECCEF" class="color-element"/> <path d="M12.3405 18.0628C3.97637 18.0628 0 16.5344 0 13.1997C0 12.7829 0.274233 12.505 0.685582 12.505C1.37116 12.505 1.91963 12.3661 2.19386 11.9492C3.01656 10.9766 2.74233 9.17034 2.74233 9.17034C2.74233 4.02939 6.99293 0 12.3405 0C17.688 0 21.9386 4.02939 21.9386 9.0314C21.9386 14.0334 17.688 18.0628 12.3405 18.0628ZM1.50828 13.7555C2.19386 15.5618 5.896 16.6733 12.3405 16.6733C16.8653 16.6733 20.5675 13.1997 20.5675 9.0314C20.5675 4.86306 16.8653 1.38945 12.3405 1.38945C7.81563 1.38945 4.11349 4.86306 4.11349 9.0314C4.11349 9.0314 4.52484 11.3935 3.29079 12.7829C2.74233 13.3387 2.19386 13.6166 1.50828 13.7555Z" transform="translate(8.46936 9.01862)" fill="white"/> <path d="M2.74233 5.55778C4.25687 5.55778 5.48465 4.31363 5.48465 2.77889C5.48465 1.24415 4.25687 0 2.74233 0C1.22778 0 0 1.24415 0 2.77889C0 4.31363 1.22778 5.55778 2.74233 5.55778Z" transform="translate(20.8105 24.3027)" fill="white"/> <path d="M2.74233 5.55778C4.25687 5.55778 5.48465 4.31363 5.48465 2.77889C5.48465 1.24415 4.25687 0 2.74233 0C1.22778 0 0 1.24415 0 2.77889C0 4.31363 1.22778 5.55778 2.74233 5.55778Z" transform="translate(12.5836 24.3025)" fill="white"/> <path d="M0.685582 1.38945C0.274233 1.38945 0 1.11156 0 0.694723C0 0.277889 0.274233 0 0.685582 0C1.09693 0 1.37116 0.277889 1.37116 0.694723C1.37116 1.11156 1.09693 1.38945 0.685582 1.38945Z" transform="translate(17.3835 15.2717)" fill="white"/> <path d="M0.685582 1.38945C0.274233 1.38945 0 1.11156 0 0.694723C0 0.277889 0.274233 0 0.685582 0C1.09693 0 1.37116 0.277889 1.37116 0.694723C1.37116 1.11156 1.09693 1.38945 0.685582 1.38945Z" transform="translate(22.8668 15.2717)" fill="white"/> <path d="M4.14916 4.20448C2.22953 4.20448 0.447017 2.81503 0.035668 0.869809C-0.101448 0.452975 0.172786 0.175088 0.584135 0.0361436C0.995484 -0.102801 1.26972 0.17509 1.40683 0.591924C1.68106 1.84242 2.77799 2.81503 4.14916 2.81503C5.52032 2.81503 6.61725 1.84242 6.89148 0.591924C7.0286 0.17509 7.30283 0.0361436 7.71418 0.0361436C8.12553 0.175088 8.26265 0.452975 8.26265 0.869809C7.8513 2.81503 6.06879 4.20448 4.14916 4.20448Z" transform="translate(16.662 18.7092)" fill="white"/>', i += "</svg>", i += "</a>", i += '<div class="chaty-widget-i-title">', i += "<p>Waze</p>", i += "</div>", i += "</div>"),
102
+ "whatsapp" == t && (i += '<div class="chaty-widget-i chaty-main-widget '+a.is_mobile+' '+a.is_desktop+' " data-title="' + a.value + '">', i += '<a target="'+currentTarget+ '" data-mobile-target="'+mobileTarget+'" data-desktop-target="'+desktopTarget+'" rel="noopener" href="' + a.value + '" >', i += '<svg class="ico_d" width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">', i += '<circle class="color-element" cx="19.5" cy="19.5" r="19.5" fill="#49E670"/>', i += '<path d="M12.9821 10.1115C12.7029 10.7767 11.5862 11.442 10.7486 11.575C10.1902 11.7081 9.35269 11.8411 6.84003 10.7767C3.48981 9.44628 1.39593 6.25317 1.25634 6.12012C1.11674 5.85403 2.13001e-06 4.39053 2.13001e-06 2.92702C2.13001e-06 1.46351 0.83755 0.665231 1.11673 0.399139C1.39592 0.133046 1.8147 1.01506e-06 2.23348 1.01506e-06C2.37307 1.01506e-06 2.51267 1.01506e-06 2.65226 1.01506e-06C2.93144 1.01506e-06 3.21063 -2.02219e-06 3.35022 0.532183C3.62941 1.19741 4.32736 2.66092 4.32736 2.79397C4.46696 2.92702 4.46696 3.19311 4.32736 3.32616C4.18777 3.59225 4.18777 3.59224 3.90858 3.85834C3.76899 3.99138 3.6294 4.12443 3.48981 4.39052C3.35022 4.52357 3.21063 4.78966 3.35022 5.05576C3.48981 5.32185 4.18777 6.38622 5.16491 7.18449C6.42125 8.24886 7.39839 8.51496 7.81717 8.78105C8.09636 8.91409 8.37554 8.9141 8.65472 8.648C8.93391 8.38191 9.21309 7.98277 9.49228 7.58363C9.77146 7.31754 10.0507 7.1845 10.3298 7.31754C10.609 7.45059 12.2841 8.11582 12.5633 8.38191C12.8425 8.51496 13.1217 8.648 13.1217 8.78105C13.1217 8.78105 13.1217 9.44628 12.9821 10.1115Z" transform="translate(12.9597 12.9597)" fill="#FAFAFA"/> <path d="M0.196998 23.295L0.131434 23.4862L0.323216 23.4223L5.52771 21.6875C7.4273 22.8471 9.47325 23.4274 11.6637 23.4274C18.134 23.4274 23.4274 18.134 23.4274 11.6637C23.4274 5.19344 18.134 -0.1 11.6637 -0.1C5.19344 -0.1 -0.1 5.19344 -0.1 11.6637C-0.1 13.9996 0.624492 16.3352 1.93021 18.2398L0.196998 23.295ZM5.87658 19.8847L5.84025 19.8665L5.80154 19.8788L2.78138 20.8398L3.73978 17.9646L3.75932 17.906L3.71562 17.8623L3.43104 17.5777C2.27704 15.8437 1.55796 13.8245 1.55796 11.6637C1.55796 6.03288 6.03288 1.55796 11.6637 1.55796C17.2945 1.55796 21.7695 6.03288 21.7695 11.6637C21.7695 17.2945 17.2945 21.7695 11.6637 21.7695C9.64222 21.7695 7.76778 21.1921 6.18227 20.039L6.17557 20.0342L6.16817 20.0305L5.87658 19.8847Z" transform="translate(7.7758 7.77582)" fill="white" stroke="white" stroke-width="0.2"/', i += "</svg>", i += "</a>", i += '<div class="chaty-widget-i-title">', i += "<p>Whatsapp</p>", i += "</div>", i += "</div>"),
103
  "line" == t && (i += '<div class="chaty-widget-i chaty-main-widget '+a.is_mobile+' '+a.is_desktop+' " data-title="' + a.value + ' "target="'+currentTarget+ '" data-mobile-target="'+mobileTarget+'" data-desktop-target="'+desktopTarget+'" >', i += '<a rel="noopener" href="' + a.value + ' "target="'+currentTarget+ '" data-mobile-target="'+mobileTarget+'" data-desktop-target="'+desktopTarget+'" >', i += '<svg class="ico_d" width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">', i += '<circle class="color-element" cx="19.5" cy="19.5" r="19.5" fill="#38B900"></circle>', i += '<path d="M24 9.36561C24 4.19474 18.6178 0 12 0C5.38215 0 0 4.19474 0 9.36561C0 13.9825 4.25629 17.8606 10.0229 18.5993C10.4073 18.6785 10.9565 18.8368 11.0664 19.1797C11.1762 19.4699 11.1487 19.9184 11.0938 20.235C11.0938 20.235 10.9565 21.0528 10.9291 21.2111C10.8741 21.5013 10.6819 22.3456 11.9725 21.8443C13.2632 21.3167 18.8924 17.9398 21.3913 15.1433C23.1487 13.2702 24 11.4234 24 9.36561Z" transform="translate(7 10)" fill="white"></path> <path d="M1.0984 0H0.24714C0.10984 0 -2.09503e-07 0.105528 -2.09503e-07 0.211056V5.22364C-2.09503e-07 5.35555 0.10984 5.43469 0.24714 5.43469H1.0984C1.2357 5.43469 1.34554 5.32917 1.34554 5.22364V0.211056C1.34554 0.105528 1.2357 0 1.0984 0Z" transform="translate(15.4577 16.8593)" fill="#38B900" class="color-element"></path> <path d="M4.66819 0H3.81693C3.67963 0 3.56979 0.105528 3.56979 0.211056V3.19222L1.18078 0.0791458C1.18078 0.0791458 1.18078 0.0527642 1.15332 0.0527642C1.15332 0.0527642 1.15332 0.0527641 1.12586 0.0263821C1.12586 0.0263821 1.12586 0.0263821 1.0984 0.0263821H0.247139C0.10984 0.0263821 4.19006e-07 0.13191 4.19006e-07 0.237438V5.25002C4.19006e-07 5.38193 0.10984 5.46108 0.247139 5.46108H1.0984C1.2357 5.46108 1.34554 5.35555 1.34554 5.25002V2.26885L3.73455 5.38193C3.76201 5.40831 3.76201 5.43469 3.78947 5.43469C3.78947 5.43469 3.78947 5.43469 3.81693 5.43469C3.81693 5.43469 3.81693 5.43469 3.84439 5.43469C3.87185 5.43469 3.87185 5.43469 3.89931 5.43469H4.75057C4.88787 5.43469 4.99771 5.32917 4.99771 5.22364V0.211056C4.91533 0.105528 4.80549 0 4.66819 0Z" transform="translate(17.6819 16.8593)" fill="#38B900" class="color-element"></path> <path d="M3.62471 4.22112H1.34554V0.237438C1.34554 0.105528 1.2357 0 1.0984 0H0.24714C0.10984 0 -5.23757e-08 0.105528 -5.23757e-08 0.237438V5.25002C-5.23757e-08 5.30278 0.0274599 5.35555 0.0549198 5.40831C0.10984 5.43469 0.16476 5.46108 0.21968 5.46108H3.56979C3.70709 5.46108 3.78947 5.35555 3.78947 5.22364V4.4058C3.87185 4.32665 3.76201 4.22112 3.62471 4.22112Z" transform="translate(10.8993 16.8593)" fill="#38B900" class="color-element"></path> <path d="M3.56979 1.29272C3.70709 1.29272 3.78947 1.18719 3.78947 1.05528V0.237438C3.78947 0.105528 3.67963 -1.00639e-07 3.56979 -1.00639e-07H0.219679C0.164759 -1.00639e-07 0.10984 0.0263821 0.0549199 0.0527641C0.02746 0.105528 -2.09503e-07 0.158292 -2.09503e-07 0.211056V5.22364C-2.09503e-07 5.2764 0.02746 5.32917 0.0549199 5.38193C0.10984 5.40831 0.164759 5.43469 0.219679 5.43469H3.56979C3.70709 5.43469 3.78947 5.32917 3.78947 5.19726V4.37941C3.78947 4.2475 3.67963 4.14198 3.56979 4.14198H1.29062V3.29775H3.56979C3.70709 3.29775 3.78947 3.19222 3.78947 3.06031V2.24247C3.78947 2.11056 3.67963 2.00503 3.56979 2.00503H1.29062V1.16081H3.56979V1.29272Z" transform="translate(23.421 16.8329)" fill="#38B900" class="color-element"></path>', i += "</svg>", i += "</a>", i += '<div class="chaty-widget-i-title">', i += "<p>Line</p>", i += "</div>", i += "</div>"),
104
  "wechat" == t && (i += '<div class="chaty-widget-i chaty-main-widget '+a.is_mobile+' '+a.is_desktop+' " data-title="' + a.value + ' "target="'+currentTarget+ '" data-mobile-target="'+mobileTarget+'" data-desktop-target="'+desktopTarget+'" >', i += '<svg class="ico_d" width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">', i += '<circle class="color-element" cx="19.5" cy="19.5" r="19.5" fill="#45DC00"></circle>', i += '<path d="M17.3707 6.90938C15.0508 7.03077 13.0281 7.71242 11.3888 9.26248C9.73039 10.8312 8.97307 12.7455 9.18397 15.1172C8.27327 15.0052 7.44884 14.8838 6.61482 14.8184C6.32723 14.7904 5.99171 14.8278 5.74246 14.9585C4.93721 15.4067 4.16071 15.9016 3.24042 16.4619C3.41298 15.7242 3.51843 15.0705 3.71015 14.4449C3.85395 13.9874 3.78685 13.7353 3.35546 13.4364C0.584998 11.5222 -0.594125 8.65553 0.287821 5.69547C1.10266 2.95952 3.09663 1.30674 5.80957 0.447674C9.50991 -0.728879 13.68 0.475687 15.9232 3.33303C16.738 4.36952 17.2365 5.53673 17.3707 6.90938ZM6.69152 5.98494C6.71069 5.44336 6.23137 4.95779 5.65619 4.93912C5.07142 4.92044 4.5921 5.35932 4.57293 5.91958C4.55375 6.48918 5.00431 6.94673 5.58908 6.95607C6.18344 6.97474 6.67234 6.53587 6.69152 5.98494ZM12.2612 4.93912C11.686 4.94846 11.2067 5.42468 11.2163 5.96627C11.2259 6.52653 11.7052 6.9654 12.29 6.9654C12.8843 6.95607 13.3253 6.51719 13.3253 5.93825C13.3157 5.37799 12.846 4.92978 12.2612 4.93912Z" transform="translate(7 9)" fill="white"></path><path d="M12.48 13.2605C11.7418 12.943 11.0708 12.4668 10.3518 12.3921C9.63283 12.3174 8.88509 12.7189 8.13735 12.7936C5.8558 13.0177 3.8139 12.4014 2.13629 10.8887C-1.06556 8.00334 -0.605416 3.57726 3.09492 1.21482C6.38305 -0.886168 11.2146 -0.185839 13.5345 2.72753C15.5572 5.26739 15.3175 8.64764 12.8538 10.786C12.1349 11.4023 11.876 11.9158 12.3362 12.7282C12.4225 12.8776 12.432 13.0737 12.48 13.2605ZM4.11108 5.3701C4.58081 5.3701 4.96426 5.01527 4.98344 4.56706C5.00261 4.09084 4.60957 3.68932 4.12066 3.68932C3.63176 3.68932 3.22913 4.09084 3.2483 4.55772C3.26748 5.00593 3.65093 5.3701 4.11108 5.3701ZM9.5082 3.68932C9.05764 3.68932 8.6646 4.04415 8.64543 4.49236C8.62626 4.96858 9.00971 5.36077 9.48903 5.36077C9.95876 5.36077 10.3326 5.01527 10.3422 4.55772C10.371 4.09084 9.98752 3.68932 9.5082 3.68932Z" transform="translate(17.1057 16.7395)" fill="white"></path>', i += "</svg>", i += '<div class="chaty-widget-i-title">', i += "<p>WeChat: " + e.object_settings.social.wechat + "</p>", i += "</div>", 1 === Object.keys(e.object_settings.social).length && (i += '<div class="snap-wee-title">', i += "<p>WeChat: " + a.value + "</p>", i += "</div>"), i += "</div>")
105
  }), i
142
 
143
  }
144
  t("body").append(g)
145
+ }(e, token), t("body").append('<style></style>')), function () {
146
  var n = t(".chaty-widget"), o = e.object_settings.widget_size ? e.object_settings.widget_size : 54, s = +e.object_settings.widget_size + 8;
147
 
148
  function c() {
149
  var t = n.position().top, e = n.find(".chaty-widget-is .chaty-widget-i").length;
150
+ if(jQuery("body").hasClass("chaty-in-desktop")) {
151
+ e = n.find(".chaty-widget-is .chaty-widget-i.is-in-desktop").length;
152
+ } else {
153
+ e = n.find(".chaty-widget-is .chaty-widget-i.is-in-mobile").length;
154
+ }
155
+ // if (e * s > (jQuery(window).height() - (chaty_settings.object_settings.widget_size+8))) {
156
+ // var i = Math.round(Math.sqrt(e)), a = Math.ceil(Math.sqrt(e));
157
+ // n.find(".chaty-widget-is").css({height: a * s, width: i * s}), r(a);
158
+ // n.find(".chaty-widget-is").height(e*(parseInt(s)+8));
159
+ // n.find(".chaty-widget-is").width(parseInt(s)+8);
160
+ // } else
161
+ r()
162
  }
163
 
164
  function l() {
168
  function r(t) {
169
  var e;
170
  if(jQuery("body").hasClass("chaty-in-desktop")) {
171
+ e = n.find(".chaty-widget-is .chaty-widget-i.is-in-desktop").length;
172
  } else {
173
+ e = n.find(".chaty-widget-is .chaty-widget-i.is-in-mobile").length;
174
  }
175
  n.find(".chaty-widget-i").css({
176
  height: o + "px",
177
  width: o + "px"
178
+ }), n.find(".chaty-widget-is").css({top: "-" + 100 * e + "%"});
179
+ jQuery(".chaty-widget-is").height(e*(parseInt(o)+8));
180
+ jQuery(".chaty-widget-is").width(parseInt(o)+8);
181
  }
182
 
183
  l(), c(), jQuery(window).resize(function () {
238
  } else {
239
  jQuery(".chaty-widget").removeClass("hide-widget").addClass("desktop_active").addClass("mobile_active");;
240
  if(activeWidget == 1) {
241
+ jQuery(".i-trigger .chaty-widget-i").hide();
242
  if(jQuery("body").hasClass("chaty-in-desktop")) {
243
  htmlToAdd = jQuery(".chaty-widget-is .chaty-widget-i.is-in-desktop:first").clone();
244
  jQuery(".i-trigger").html(htmlToAdd);
251
  } else {
252
  jQuery(".chaty-widget").removeClass("one_widget");
253
  jQuery(".i-trigger .chaty-main-widget").remove();
254
+ jQuery(".i-trigger .chaty-widget-i").show();
255
  }
256
  }
257
 
270
  });
271
  jQuery("body").append("<style>.chaty-widget-is{top:0!important;}</style>");
272
  }
273
+
274
+ var widget_status = get_chaty_cookie("cta_widget_status");
275
+ if(widget_status == "yes") {
276
+ jQuery(".chaty-widget").removeClass("hide-widget");
277
+ show_chaty_widget();
278
+ } else {
279
+ /* set animation */
280
+ if (chaty_settings.object_settings.time_trigger == "no" && chaty_settings.object_settings.exit_intent == "no" && chaty_settings.object_settings.on_page_scroll == "no") {
281
+ jQuery(".chaty-widget").removeClass("hide-widget");
282
+ if(chaty_settings.object_settings.display_state == "open" && chaty_settings.object_settings.has_close_button == "no") {
283
+ chaty_settings.object_settings.has_close_button = "no";
284
+ } else {
285
+ chaty_settings.object_settings.display_state = "hover";
286
+ chaty_settings.object_settings.has_close_button = "yes";
287
+ }
288
+ show_chaty_widget();
289
+ } else {
290
+ jQuery(".chaty-widget").addClass("hide-widget");
291
+ if (chaty_settings.object_settings.time_trigger == "yes") {
292
+ setTimeout(function () {
293
+ if (!isWidgetEnabled) {
294
+ jQuery(".chaty-widget").removeClass("hide-widget");
295
+ show_chaty_widget();
296
+ }
297
+ }, parseInt(chaty_settings.object_settings.trigger_time) * 1000);
298
+ }
299
+ if (chaty_settings.object_settings.exit_intent == "yes") {
300
+ function addEvent(obj, evt, fn) {
301
+ if (obj.addEventListener) {
302
+ obj.addEventListener(evt, fn, false);
303
+ }
304
+ else if (obj.attachEvent) {
305
+ obj.attachEvent("on" + evt, fn);
306
+ }
307
+ }
308
+
309
+ addEvent(document, 'mouseout', function(evt) {
310
+ if (evt.toElement == null && evt.relatedTarget == null ) {
311
+ var widget_status = get_chaty_cookie("cta_exit_intent_shown");
312
+ if (widget_status == null) {
313
+ set_chaty_cookie("cta_exit_intent_shown","yes",1);
314
+ isWidgetEnabled = true;
315
+ jQuery(".chaty-widget").removeClass("hide-widget");
316
+ jQuery(".chaty-widget").addClass("chaty-animation-widget");
317
+ jQuery(".chaty-animation-widget").append("<div class='chaty-nav'></div>");
318
+ if(chaty_settings.object_settings.display_state == "open" && chaty_settings.object_settings.has_close_button == "no") {
319
+ chaty_settings.object_settings.has_close_button = "no";
320
+ } else {
321
+ chaty_settings.object_settings.display_state = "open";
322
+ chaty_settings.object_settings.has_close_button = "yes";
323
+ }
324
+ show_chaty_widget();
325
+ if (chaty_settings.object_settings.position == "left") {
326
+ jQuery(".chaty-widget").addClass("left-position");
327
+ } else if (chaty_settings.object_settings.position == "right") {
328
+ jQuery(".chaty-widget").addClass("right-position");
329
+ } else if (chaty_settings.object_settings.position == "custom") {
330
+ if (e.object_settings.pos_side == "left") {
331
+ jQuery(".chaty-widget").addClass("left-position");
332
+ } else {
333
+ jQuery(".chaty-widget").addClass("right-position");
334
+ }
335
+ }
336
+ removeAnimation();
337
+ setTimeout(function () {
338
+ jQuery(".chaty-animation-widget").addClass("active");
339
+ }, 100);
340
+ setTimeout(function () {
341
+ jQuery(".chaty-nav").remove();
342
+ }, 2500);
343
+ }
344
+ }
345
+ });
346
+ }
347
+ if (chaty_settings.object_settings.on_page_scroll == "yes") {
348
+ if (parseInt(chaty_settings.object_settings.page_scroll) > 0) {
349
+ jQuery(window).scroll(function () {
350
+ if (!isWidgetEnabled) {
351
+ var scrollHeight = jQuery(document).height() - jQuery(window).height();
352
+ var scrollPos = jQuery(window).scrollTop();
353
+ if (scrollPos != 0) {
354
+ if (((scrollPos / scrollHeight) * 100) >= parseInt(chaty_settings.object_settings.page_scroll)) {
355
+ jQuery(".chaty-widget").removeClass("hide-widget");
356
+ show_chaty_widget();
357
+ }
358
+ }
359
+ }
360
+ });
361
+ }
362
+ }
363
+ }
364
+ }
365
+ jQuery(".chaty-widget.one_widget, .i-trigger, .chaty-widget-i").mouseenter(function () {
366
+ set_cta_status();
367
+ removeAnimation();
368
+ if(jQuery(".chaty-widget").hasClass("one_widget")) {
369
+ jQuery(".chaty-widget-i-title").remove();
370
+ jQuery(".chaty-widget").addClass("hide-cta-arrow");
371
+ }
372
+ });
373
+ if(jQuery(".chaty-widget").hasClass("one_widget")) {
374
+ if(get_chaty_cookie("display_cta") == "none") {
375
+ set_cta_status();
376
+ jQuery(".chaty-widget-i-title").remove();
377
+ jQuery(".chaty-widget").addClass("hide-cta-arrow");
378
+ }
379
+ }
380
  }(), t(document).ready(function () {
381
  (1 !== Object.keys(e.object_settings.social).length || !e.object_settings.social.snapchat && !e.object_settings.social.wechat || e.object_settings.cta || (t(".chaty-widget-i-title").detach(), t(".chaty-widget-i").addClass("bofore_del")), t(".chaty-widget-i-title").hasClass("one_go")) && (t(".chaty-widget-i-title p").text(t(".chaty-widget-i-title.one_go").html()), "none" == i("display_cta") && (t(".chaty-widget-i-title").hasClass("face_title") ? (t(".facebook_two_mess").detach(), t(".chaty-widget-i").addClass("bofore_del")) : (t(".chaty-widget-i-title").detach(), t(".chaty-widget-i").addClass("bofore_del"))));
382
  window.matchMedia("only screen and (max-width: 760px)").matches && t(".i-trigger-open").addClass("active_clos");
386
  }
387
  });
388
  });
389
+ });
390
+ function set_cta_status() {
391
+ var n = new Date;
392
+ setInterval(function () {
393
+ n.setTime(n.getTime() + 1e3), document.cookie = "display_cta=none; expires=" + n.toGMTString() + "; path=/"
394
+ }, 500);
395
+ }
396
+
397
+ function set_chaty_cookie(name,value,days) {
398
+ var expires = "";
399
+ if (days) {
400
+ var date = new Date();
401
+ date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
402
+ expires = "; expires=" + date.toUTCString();
403
+ }
404
+ document.cookie = name + "=" + (value || "") + expires + "; path=/";
405
+ }
406
+ function get_chaty_cookie(name) {
407
+ var nameEQ = name + "=";
408
+ var ca = document.cookie.split(';');
409
+ for(var i=0;i < ca.length;i++) {
410
+ var c = ca[i];
411
+ while (c.charAt(0)==' ') c = c.substring(1,c.length);
412
+ if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
413
+ }
414
+ return null;
415
+ }
416
+ function show_chaty_widget() {
417
+ set_chaty_cookie("cta_widget_status", "yes", 1);
418
+ isWidgetEnabled = 1;
419
+ var activeWidget = 0;
420
+ if(jQuery("body").hasClass("chaty-in-desktop")) {
421
+ activeWidget = jQuery(".chaty-widget-is .chaty-widget-i.is-in-desktop").length;
422
+ } else {
423
+ activeWidget = jQuery(".chaty-widget-is .chaty-widget-i.is-in-mobile").length;
424
+ }
425
+ var chatyAnimation = get_chaty_cookie("chaty-animation");
426
+ if(chatyAnimation != null) {
427
+ chaty_settings.object_settings.animation_class = "";
428
+ }
429
+ if(chaty_settings.object_settings.animation_class != "") {
430
+ if(chaty_settings.object_settings.animation_class != "sheen") {
431
+ if (activeWidget > 1) {
432
+ jQuery(".i-trigger .chaty-widget-i svg, .i-trigger .chaty-widget-i .widget-img").removeClass("chaty-animation-" + chaty_settings.object_settings.animation_class).removeClass("start-now");
433
+ setTimeout(function () {
434
+ jQuery(".i-trigger .chaty-widget-i svg, .i-trigger .chaty-widget-i .widget-img").addClass("chaty-animation-" + chaty_settings.object_settings.animation_class).addClass("start-now");
435
+ }, 1000);
436
+ animationTimer = setInterval(function () {
437
+ jQuery(".i-trigger .chaty-widget-i svg, .i-trigger .chaty-widget-i .widget-img").removeClass("chaty-animation-" + chaty_settings.object_settings.animation_class).removeClass("start-now");
438
+ setTimeout(function () {
439
+ jQuery(".i-trigger .chaty-widget-i svg, .i-trigger .chaty-widget-i .widget-img").addClass("chaty-animation-" + chaty_settings.object_settings.animation_class).addClass("start-now");
440
+ }, 1000);
441
+ }, 5000);
442
+ } else if (activeWidget == 1) {
443
+ jQuery(".chaty-main-widget svg, .chaty-main-widget img").removeClass("chaty-animation-" + chaty_settings.object_settings.animation_class).removeClass("start-now");
444
+ setTimeout(function () {
445
+ jQuery(".chaty-main-widget svg, .chaty-main-widget img").addClass("chaty-animation-" + chaty_settings.object_settings.animation_class).addClass("start-now");
446
+ }, 1000);
447
+ animationTimer = setInterval(function () {
448
+ jQuery(".chaty-main-widget svg, .chaty-main-widget img").removeClass("chaty-animation-" + chaty_settings.object_settings.animation_class).removeClass("start-now");
449
+ setTimeout(function () {
450
+ jQuery(".chaty-main-widget svg, .chaty-main-widget img").addClass("chaty-animation-" + chaty_settings.object_settings.animation_class).addClass("start-now");
451
+ }, 1000);
452
+ }, 5000);
453
  }
454
+ } else {
455
+ if(!jQuery(".i-trigger .chaty-widget-i .wrap-svg").length) {
456
+ jQuery(".i-trigger .chaty-widget-i svg").wrap(function() {
457
+ return "<div class='wrap-svg'></div>";
458
+ });
 
 
459
  }
460
+ jQuery(".i-trigger .chaty-widget-i .wrap-svg").removeClass("chaty-animation-sheen").removeClass("start-now");
461
+ setTimeout(function () {
462
+ jQuery(".i-trigger .chaty-widget-i .wrap-svg").addClass("chaty-animation-sheen").addClass("start-now");
463
+ }, 10);
464
+ animationTimer = setInterval(function () {
465
+ jQuery(".i-trigger .chaty-widget-i .wrap-svg").removeClass("chaty-animation-sheen").removeClass("start-now");
466
+ setTimeout(function () {
467
+ jQuery(".i-trigger .chaty-widget-i .wrap-svg").addClass("chaty-animation-sheen").addClass("start-now");
468
+ }, 10);
469
+ }, 5000);
470
+ }
471
+ }
472
+
473
+ if(chaty_settings.object_settings.display_state == "open") {
474
+ if(chaty_settings.object_settings.has_close_button == "no") {
475
+ if(activeWidget > 1) {
476
+ removeAnimation();
477
+ jQuery(".chaty-widget").find(".i-trigger-open").removeClass("active_clos");
478
+ jQuery(".chaty-widget").find(".i-trigger-open").trigger("click");
479
+ jQuery(".chaty-widget-is").addClass("has-no-close-btn");
480
+ jQuery(".i-trigger").remove();
481
+ }
482
+ } else {
483
+ if(activeWidget > 1) {
484
+ removeAnimation();
485
+ jQuery(".chaty-widget").find(".i-trigger-open").removeClass("active_clos");
486
+ jQuery(".chaty-widget").find(".i-trigger-open").trigger("click");
487
  }
488
  }
489
+ }
490
+ }
491
+
492
+ function removeAnimation() {
493
+ if(animationTimer) {
494
+ clearInterval(animationTimer);
495
+ animationTimer = 0;
496
+ }
497
+ set_chaty_cookie("chaty-animation","stop",1);
498
+ jQuery(".chaty-animation-" + chaty_settings.object_settings.animation_class).removeClass("chaty-animation-" + chaty_settings.object_settings.animation_class).removeClass("start-now");
499
+ jQuery(".start-now").removeClass("start-now");
500
+ chaty_settings.object_settings.animation_class = "";
501
+ }
502
  }(jQuery)
503
  }, 12: function (t, e) {
504
  }
assets/js/cht-scripts.min.js CHANGED
@@ -152,7 +152,7 @@
152
  }
153
  })
154
  }), e("textarea[name=cht_cta]").keyup(function (t) {
155
- e(".tooltiptext span").html(e(this).val()), 0 == e(this).val().length ? (e(".cta").hide(200), e(".tooltiptext span").hide(200)) : (e(".cta").show(300), e(".tooltiptext span").show(200))
156
  })
157
  })
158
  }(jQuery), function (e) {
@@ -206,6 +206,40 @@
206
  })
207
  }
208
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
209
  e(".color-picker-radio input").change(function () {
210
  var t = e(this);
211
  t.prop("checked") ? t.val() : e(".color-picker-custom input").val(), d()
@@ -254,7 +288,7 @@
254
  },
255
  success: function (o) {
256
  var n = e(o), i = n.find(".icon").data("title");
257
- //console.log(i);
258
  e('.channels-selected div[data-title="' + i + '"]').length || e("#chaty-social-close").before(n), t.removeClass("disabled"), d(), a(), check_for_close_btn()
259
  },
260
  error: function (e, t, o) {
@@ -278,6 +312,7 @@
278
  check_for_close_btn();
279
  }
280
  }
 
281
  }), e(".btn-help").click(function (e) {
282
  window.open("https://premio.io/help/chaty/", "_blank")
283
  }), e(".free-custom-radio, .free-custom-checkbox").on("click", function (e) {
@@ -300,6 +335,7 @@
300
  }
301
 
302
  function p(t, o) {
 
303
  if(t == undefined || t == "undefined") {
304
  t = jQuery(".icon.icon-sm.active").html();
305
  }
@@ -307,6 +343,107 @@
307
  var a = e(".color-picker-custom input").val() ? e(".color-picker-custom input").val() : e(".color-picker-radio input:checked").val();
308
  e(".preview .page svg circle").css({fill: a})
309
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
310
  }
311
 
312
  function h() {
@@ -349,9 +486,6 @@ function toggle_chaty_setting(socId) {
349
  jQuery("#chaty-social-"+socId).find(".chaty-advance-settings").toggle();
350
  }
351
  jQuery(document).ready(function(){
352
- jQuery(".chaty-settings.cls-btn, button.btn-cancel.close-btn-set").click(function(){
353
- jQuery(".cls-btn-settings, .close-btn-set").toggleClass("active");
354
- });
355
 
356
  jQuery("#channels-selected-list").sortable({
357
  placeholder: "ui-chaty-state-hl",
@@ -362,7 +496,13 @@ jQuery(document).ready(function(){
362
  });
363
  check_for_close_btn();
364
  jQuery("#create-rule").click(function(){
365
- jQuery(".page-options").show();
 
 
 
 
 
 
366
  });
367
  })
368
 
@@ -395,17 +535,36 @@ jQuery(window).scroll(function(){
395
  });
396
  jQuery(document).ready(function(){
397
  check_for_preview_pos();
 
 
 
398
  });
399
  function check_for_preview_pos() {
400
- if(jQuery("#custom-rules").length && jQuery("#admin-preview").length) {
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
401
  if(jQuery("body").hasClass("has-premio-box")) {
402
- topPos = jQuery("#custom-rules").offset().top - jQuery(window).scrollTop() - 625;
403
  } else {
404
- topPos = jQuery("#custom-rules").offset().top - jQuery(window).scrollTop() - 485;
405
  }
 
406
  if (topPos < 0) {
407
  topPos = Math.abs(topPos);
408
- jQuery("#admin-preview").css("margin-top", ((-1)*topPos)+"px");
409
  } else {
410
  jQuery("#admin-preview").css("margin-top", "0");
411
  }
152
  }
153
  })
154
  }), e("textarea[name=cht_cta]").keyup(function (t) {
155
+ e(".chaty-widget .tooltiptext span").html(e(this).val()), 0 == e(this).val().length ? (e(".cta").hide(200), e(".chaty-widget .tooltiptext span").hide(200)) : (e(".cta").show(300), e(".chaty-widget .tooltiptext span").show(200))
156
  })
157
  })
158
  }(jQuery), function (e) {
206
  })
207
  }
208
 
209
+ jQuery(".chaty-settings.cls-btn, button.btn-cancel.close-btn-set").click(function(){
210
+ jQuery(".cls-btn-settings, .close-btn-set").toggleClass("active");
211
+ d();
212
+ });
213
+
214
+ jQuery(document).on("change", "#chaty_default_state", function(){
215
+ d();
216
+ });
217
+
218
+ jQuery('#cht_close_button, #trigger_on_time, #chaty_trigger_on_scroll').click(function () {
219
+ d();
220
+ });
221
+
222
+ jQuery(".chaty-widget").click(function(e){
223
+ e.preventDefault();
224
+ e.stopPropagation();
225
+ e.stopImmediatePropagation();
226
+ if(jQuery(this).hasClass("click")) {
227
+ jQuery(".chaty-widget").toggleClass("active");
228
+ }
229
+ return false;
230
+ });
231
+
232
+ jQuery(document).on("change", "#chaty_attention_effect", function(){
233
+ var currentClass = jQuery(this).attr("data-effect");
234
+ if(currentClass != "") {
235
+ jQuery("#iconWidget").removeClass("chaty-animation-"+currentClass);
236
+ }
237
+ jQuery("#iconWidget").removeClass("start-now");
238
+ jQuery("#iconWidget").addClass("chaty-animation-"+jQuery(this).val()).addClass("start-now");
239
+ jQuery(this).attr("data-effect", jQuery(this).val());
240
+
241
+ });
242
+
243
  e(".color-picker-radio input").change(function () {
244
  var t = e(this);
245
  t.prop("checked") ? t.val() : e(".color-picker-custom input").val(), d()
288
  },
289
  success: function (o) {
290
  var n = e(o), i = n.find(".icon").data("title");
291
+ console.log(i);
292
  e('.channels-selected div[data-title="' + i + '"]').length || e("#chaty-social-close").before(n), t.removeClass("disabled"), d(), a(), check_for_close_btn()
293
  },
294
  error: function (e, t, o) {
312
  check_for_close_btn();
313
  }
314
  }
315
+ d();
316
  }), e(".btn-help").click(function (e) {
317
  window.open("https://premio.io/help/chaty/", "_blank")
318
  }), e(".free-custom-radio, .free-custom-checkbox").on("click", function (e) {
335
  }
336
 
337
  function p(t, o) {
338
+ console.log("@13123");
339
  if(t == undefined || t == "undefined") {
340
  t = jQuery(".icon.icon-sm.active").html();
341
  }
343
  var a = e(".color-picker-custom input").val() ? e(".color-picker-custom input").val() : e(".color-picker-radio input:checked").val();
344
  e(".preview .page svg circle").css({fill: a})
345
  }
346
+ thisVal = jQuery("#chaty_default_state").val();
347
+ if(thisVal == "open") {
348
+ jQuery(".hide-show-button").addClass("active");
349
+ // if(!jQuery("#cht_close_button").is(":checked")) {
350
+ // jQuery("#iconWidget").hide();
351
+ // jQuery(".chaty-widget .tooltiptext").hide();
352
+ // jQuery(".preview .page .chaty-widget").addClass("hide-arrow");
353
+ // }
354
+ } else {
355
+ // jQuery("#iconWidget").show();
356
+ // jQuery(".chaty-widget .tooltiptext").show();
357
+ // jQuery(".preview .page .chaty-widget").removeClass("hide-arrow");
358
+ jQuery(".hide-show-button").removeClass("active");
359
+ }
360
+ jQuery(".chaty-widget").removeClass("active").removeClass("hover").removeClass("click");
361
+ if(thisVal == "open") {
362
+ jQuery(".chaty-widget").addClass("active");
363
+ jQuery("#chaty_attention_effect").val("");
364
+ jQuery("#chaty_attention_effect, .test_textarea").attr("disabled", true);
365
+ jQuery("#chaty_attention_effect option:first-child").text("Doesn't apply for the open state");
366
+ jQuery(".test_textarea").val("Doesn't apply for the open state");
367
+ } else if(thisVal == "hover") {
368
+ jQuery(".chaty-widget").addClass("hover");
369
+ jQuery("#chaty_attention_effect, .test_textarea").attr("disabled", false);
370
+ jQuery("#chaty_attention_effect option:first-child").text("None");
371
+ jQuery(".test_textarea").attr("placeholder","");
372
+ jQuery(".test_textarea").val("Conatct us");
373
+ } else {
374
+ jQuery(".chaty-widget").addClass("click");
375
+ jQuery("#chaty_attention_effect, .test_textarea").attr("disabled", false);
376
+ jQuery("#chaty_attention_effect option:first-child").text("None");
377
+ jQuery(".test_textarea").attr("placeholder","");
378
+ jQuery(".test_textarea").val("Conatct us");
379
+ }
380
+
381
+
382
+ jQuery(".chaty-channels").html("");
383
+ var eClass = ".js-chanel-mobile";
384
+ if (h()) {
385
+ var eClass = ".js-chanel-desktop";
386
+ }
387
+ if (jQuery(eClass+':checked').length > 1) {
388
+ jQuery(eClass+':checked').each(function(){
389
+ var socialIcon = jQuery(this).closest("li").find(".icon").html();
390
+ var socialIcon = jQuery(this).closest("li").find(".icon").html();
391
+ var socialIconText = jQuery(this).closest("li").find(".chaty-title").val();
392
+ var eClass = jQuery(this).closest(".channels-selected__item").hasClass("img-active")?"img-active":"";
393
+ if(socialIconText != "") {
394
+ socialIconText = "<span class='social-tooltip'>"+socialIconText+"</span>";
395
+ }
396
+ jQuery(".chaty-channels").append("<div class='social-item-box "+eClass+"'><span class='tooltip-icon'>"+socialIcon+"</span>"+socialIconText+"</div>");
397
+ });
398
+
399
+ if(jQuery("#chaty_default_state").val() == "open" && jQuery("#cht_close_button").is(":checked")) {
400
+ jQuery("#iconWidget").css("display", "block");
401
+ jQuery(".chaty-widget .tooltiptext").show();
402
+ jQuery(".chaty-widget").removeClass("hide-arrow");
403
+ } else if(jQuery("#chaty_default_state").val() != "open") {
404
+ jQuery("#iconWidget").css("display", "block");
405
+ jQuery(".chaty-widget .tooltiptext").show();
406
+ jQuery(".chaty-widget").removeClass("hide-arrow");
407
+ } else if(jQuery("#chaty_default_state").val() == "open") {
408
+ jQuery("#iconWidget").hide();
409
+ jQuery(".chaty-widget .tooltiptext").hide();
410
+ jQuery(".chaty-widget").addClass("hide-arrow");
411
+ }
412
+ jQuery(".chaty-widget").removeClass("has-single");
413
+ } else if (jQuery(eClass+':checked').length == 1) {
414
+ if(jQuery("#chaty_default_state").val() == "open" && !jQuery("#cht_close_button").is(":checked")) {
415
+ jQuery("#iconWidget").css("display","block");
416
+ jQuery(".chaty-widget .tooltiptext").show();
417
+ jQuery(".chaty-widget").removeClass("hide-arrow");
418
+ } else if(jQuery("#chaty_default_state").val() != "open") {
419
+ jQuery("#iconWidget").css("display","block");
420
+ jQuery(".chaty-widget .tooltiptext").show();
421
+ jQuery(".chaty-widget").removeClass("hide-arrow");
422
+ }
423
+ jQuery(".chaty-widget").addClass("has-single");
424
+ } else if (jQuery(eClass+':checked').length == 0) {
425
+ jQuery("#iconWidget").hide();
426
+ jQuery(".chaty-widget .tooltiptext").hide();
427
+ jQuery(".chaty-widget").addClass("hide-arrow");
428
+ jQuery(".chaty-widget").removeClass("has-single");
429
+ }
430
+ jQuery(".chaty-channels .remove-icon-img").remove();
431
+
432
+ if(jQuery("#trigger_on_time").is(":checked")) {
433
+ jQuery("#chaty_trigger_time").attr("readonly", false);
434
+ } else {
435
+ jQuery("#chaty_trigger_time").attr("readonly", true);
436
+ }
437
+
438
+ if(jQuery("#chaty_trigger_on_scroll").is(":checked")) {
439
+ jQuery("#chaty_trigger_on_page_scroll").attr("readonly", false);
440
+ } else {
441
+ jQuery("#chaty_trigger_on_page_scroll").attr("readonly", true);
442
+ }
443
+
444
+ if(jQuery(".chaty-widget .tooltiptext").text() == "") {
445
+ jQuery(".chaty-widget .tooltiptext").hide();
446
+ }
447
  }
448
 
449
  function h() {
486
  jQuery("#chaty-social-"+socId).find(".chaty-advance-settings").toggle();
487
  }
488
  jQuery(document).ready(function(){
 
 
 
489
 
490
  jQuery("#channels-selected-list").sortable({
491
  placeholder: "ui-chaty-state-hl",
496
  });
497
  check_for_close_btn();
498
  jQuery("#create-rule").click(function(){
499
+ jQuery(".page-options").toggle();
500
+ // jQuery(".page-options").toggleClass("active");
501
+ // if(jQuery(".page-options").hasClass("active")) {
502
+ // jQuery(this).text("Remove Rule");
503
+ // } else {
504
+ // jQuery(this).text("Add Rule");
505
+ // }
506
  });
507
  })
508
 
535
  });
536
  jQuery(document).ready(function(){
537
  check_for_preview_pos();
538
+ jQuery(document).on("click", "#create-data-and-time-rule" ,function(){
539
+ jQuery(".chaty-data-and-time-rules").toggle();
540
+ });
541
  });
542
  function check_for_preview_pos() {
543
+ if(jQuery(".chaty-setting-form").length) {
544
+ if(jQuery(window).width() > 1179) {
545
+ var topPos = parseInt(jQuery(".chaty-setting-form").offset().top);
546
+ jQuery(".btn-save-sticky").css("top", (topPos+58));
547
+ jQuery(".preview").css("top", (topPos+18));
548
+ jQuery(".btn-help").css("top", (topPos+58+145));
549
+ jQuery("a.remove-chaty-widget-sticky").css("top", (topPos+58+145+119));
550
+ } else {
551
+ jQuery(".btn-save-sticky").attr("style", "");
552
+ jQuery(".preview").attr("style", "");
553
+ jQuery(".btn-help").attr("style", "");
554
+ jQuery("a.remove-chaty-widget-sticky").attr("style", "");
555
+ }
556
+ }
557
+
558
+ if (jQuery("#scroll-to-item").length && jQuery("#admin-preview").length) {
559
  if(jQuery("body").hasClass("has-premio-box")) {
560
+ topPos = jQuery("#scroll-to-item").offset().top - jQuery(window).scrollTop() - 625;
561
  } else {
562
+ topPos = jQuery("#scroll-to-item").offset().top - jQuery(window).scrollTop() - 485;
563
  }
564
+
565
  if (topPos < 0) {
566
  topPos = Math.abs(topPos);
567
+ jQuery("#admin-preview").css("margin-top", ((-1) * topPos) + "px");
568
  } else {
569
  jQuery("#admin-preview").css("margin-top", "0");
570
  }
cht-icons.php CHANGED
@@ -5,7 +5,7 @@
5
  Description: Chat with your website visitors via their favorite channels. Show a chat icon on the bottom of your site and communicate with your customers.
6
  Author: Premio
7
  Author URI: https://premio.io/downloads/chaty/
8
- Version: 2.2.8
9
  License: GPL2
10
  */
11
 
@@ -23,7 +23,7 @@ define('CHT_INC', CHT_DIR . '/includes');
23
  define('CHT_PRO_URL', admin_url("admin.php?page=chaty-app-upgrade"));
24
  define('CHT_PLUGIN_URL', plugin_dir_url(__FILE__));
25
  define('CHT_PLUGIN_BASE', plugin_basename(CHT_FILE));
26
- define('CHT_VERSION', "2.2.8");
27
 
28
  if (!function_exists('wp_doing_ajax')) {
29
  function wp_doing_ajax()
5
  Description: Chat with your website visitors via their favorite channels. Show a chat icon on the bottom of your site and communicate with your customers.
6
  Author: Premio
7
  Author URI: https://premio.io/downloads/chaty/
8
+ Version: 2.4
9
  License: GPL2
10
  */
11
 
23
  define('CHT_PRO_URL', admin_url("admin.php?page=chaty-app-upgrade"));
24
  define('CHT_PLUGIN_URL', plugin_dir_url(__FILE__));
25
  define('CHT_PLUGIN_BASE', plugin_basename(CHT_FILE));
26
+ define('CHT_VERSION', "2.4");
27
 
28
  if (!function_exists('wp_doing_ajax')) {
29
  function wp_doing_ajax()
frontend/class-frontend.php CHANGED
@@ -113,7 +113,7 @@ class CHT_Frontend extends CHT_Admin_Base
113
  <?php $image_url = plugin_dir_url("")."/chaty/assets/images/move-icon.png"; ?>
114
  <img src="<?php echo esc_url($image_url) ?>" />
115
  </div>
116
- <div class="icon icon-md active" data-title="<?php esc_attr_e($item['title']); ?>">
117
  <span class="default-chaty-icon custom-icon-<?php echo esc_attr($item['slug']) ?> default_image_<?php echo esc_attr($item['slug']) ?>" >
118
  <svg width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">
119
  <?php echo $item['svg']; ?>
@@ -179,7 +179,7 @@ class CHT_Frontend extends CHT_Admin_Base
179
  <div class="chaty-setting-col">
180
  <label>On Hover Text</label>
181
  <div>
182
- <input readonly type="text" name="" value="<?php esc_attr_e($social_opt['title']) ?>">
183
  </div>
184
  </div>
185
  <div class="clear clearfix"></div>
@@ -280,6 +280,7 @@ class CHT_Frontend extends CHT_Admin_Base
280
  if ($value) {
281
  $desktop_target = "";
282
  $mobile_target = "";
 
283
  $arr[strtolower($social['slug'])] = $value['value'];
284
  if($social['slug'] == "Viber") {
285
  $val = $value['value'];
@@ -294,13 +295,16 @@ class CHT_Frontend extends CHT_Admin_Base
294
  $arr[strtolower($social['slug'])] = $val;
295
  } else if($social['slug'] == "Whatsapp") {
296
  $val = $value['value'];
297
- $val = str_replace("+","", $val);
 
298
  $arr[strtolower($social['slug'])] = $val;
 
299
  if(wp_is_mobile()) {
300
  $mobile_target = "";
301
  } else {
302
  $desktop_target = "_blank";
303
  }
 
304
  } else if($social['slug'] == "Facebook_Messenger") {
305
  $val = $value['value'];
306
  $val = str_replace("facebook.com","m.me", $val);
@@ -330,7 +334,6 @@ class CHT_Frontend extends CHT_Admin_Base
330
  }
331
  $arr[strtolower($social['slug'])] = $value['value'];
332
  }
333
- $value['value'] = $value['value'];
334
 
335
  $slug = strtolower($social['slug']);
336
  if(in_array($slug, array("telegram", "line", "link", "custom_link", "google_maps", "waze", "poptin", "snapchat", "vkontakte", "twitter", "instagram", "linkedin", "facebook_messenger", "whatsapp"))) {
@@ -338,7 +341,7 @@ class CHT_Frontend extends CHT_Admin_Base
338
  $mobile_target = "_blank";
339
  }
340
 
341
- if(in_array($social['slug'], array("facebook_messenger", "whatsapp")) && wp_is_mobile()) {
342
  $mobile_target = "";
343
  }
344
 
@@ -352,6 +355,7 @@ class CHT_Frontend extends CHT_Admin_Base
352
  "is_desktop" => $is_desktop,
353
  "desktop_target" => $desktop_target,
354
  "mobile_target" => $mobile_target,
 
355
  );
356
  $output[strtolower($social['slug'])] = $data;
357
  }
113
  <?php $image_url = plugin_dir_url("")."/chaty/assets/images/move-icon.png"; ?>
114
  <img src="<?php echo esc_url($image_url) ?>" />
115
  </div>
116
+ <div class="icon icon-md active" data-label="<?php esc_attr_e($item['title']); ?>" data-title="<?php esc_attr_e($item['slug']); ?>">
117
  <span class="default-chaty-icon custom-icon-<?php echo esc_attr($item['slug']) ?> default_image_<?php echo esc_attr($item['slug']) ?>" >
118
  <svg width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">
119
  <?php echo $item['svg']; ?>
179
  <div class="chaty-setting-col">
180
  <label>On Hover Text</label>
181
  <div>
182
+ <input readonly type="text" name="" class="chaty-title" value="<?php esc_attr_e($social_opt['title']) ?>">
183
  </div>
184
  </div>
185
  <div class="clear clearfix"></div>
280
  if ($value) {
281
  $desktop_target = "";
282
  $mobile_target = "";
283
+ $mobile_url = "";
284
  $arr[strtolower($social['slug'])] = $value['value'];
285
  if($social['slug'] == "Viber") {
286
  $val = $value['value'];
295
  $arr[strtolower($social['slug'])] = $val;
296
  } else if($social['slug'] == "Whatsapp") {
297
  $val = $value['value'];
298
+ $number = str_replace("+","", $val);
299
+ $val = "https://web.whatsapp.com/send?phone=".$number;
300
  $arr[strtolower($social['slug'])] = $val;
301
+ $mobile_url = "https://wa.me/".$number;
302
  if(wp_is_mobile()) {
303
  $mobile_target = "";
304
  } else {
305
  $desktop_target = "_blank";
306
  }
307
+ $value['value'] = $val;
308
  } else if($social['slug'] == "Facebook_Messenger") {
309
  $val = $value['value'];
310
  $val = str_replace("facebook.com","m.me", $val);
334
  }
335
  $arr[strtolower($social['slug'])] = $value['value'];
336
  }
 
337
 
338
  $slug = strtolower($social['slug']);
339
  if(in_array($slug, array("telegram", "line", "link", "custom_link", "google_maps", "waze", "poptin", "snapchat", "vkontakte", "twitter", "instagram", "linkedin", "facebook_messenger", "whatsapp"))) {
341
  $mobile_target = "_blank";
342
  }
343
 
344
+ if(in_array(strtolower($social['slug']), array("facebook_messenger", "whatsapp"))) {
345
  $mobile_target = "";
346
  }
347
 
355
  "is_desktop" => $is_desktop,
356
  "desktop_target" => $desktop_target,
357
  "mobile_target" => $mobile_target,
358
+ "mobile_url" => $mobile_url
359
  );
360
  $output[strtolower($social['slug'])] = $data;
361
  }
readme.txt CHANGED
@@ -3,7 +3,7 @@ Contributors: galdub, tomeraharon, premio
3
  Tags: whatsapp, facebook messenger, click to chat, chat, chat button, call now button, messenger, whatsapp button, chat icon, messenger chat icon, contact button, click to call
4
  Requires at least: 3.1
5
  Tested up to: 5.3
6
- Stable tag: 2.2.8
7
  Plugin URI: https://premio.io/downloads/chaty/
8
 
9
  Let your visitors contact you via Facebook Messenger, Whatsapp, Telegram, Viber, Email, Phone call, SMS and more with customizable chat & call buttons
@@ -20,7 +20,17 @@ Show a chat button on the bottom of your site and communicate with your customer
20
  = The ultimate click to chat and call now button =
21
  Are you looking for a chat button or a click to call button? Want to make it easier for your potential customers to contact you via Facebook Messenger or Telegram?
22
 
23
- Chaty is the perfect chat plugin for you! With Chaty you can display call widget, Whatsapp button, email button, SMS button, Google Maps button, Vkontakte button, Line.me button, Viber button and other chat widgets. Want to use the robust pro version? Check out <a href="https://premio.io/downloads/chaty/?utm_source=wordpressorg" target="_blank" title="Chaty pro plans"><strong>Chaty Pro Plans</strong></a>.
 
 
 
 
 
 
 
 
 
 
24
 
25
  = Live Demo =
26
  A live demo for the Chaty plugin is available at <a href="https://demo.premio.io/chaty/?utm_source=wordpressorg" target="_blank" title="Premio.io demo site">Premio's demo site</a>.
@@ -51,14 +61,19 @@ Launch a Poptin popup
51
 
52
  = What do you get in the Free plan? =
53
  1. Show up to 2 different click to chat channels.
54
- 2. Select the location of the widget (bottom left/right)
55
- 3. Add a custom Call-To-Action beside your widget
56
- 4. Choose between 7 different colors
57
- 5. You decide if you want to show the widget on mobile & desktop, or both!
58
- 6. New feature: now you can show different channels for mobile and desktop. E.g. On mobile you can display a call now button, Viber button, and a Telegram button, and on desktop you can display a WhatsApp button and a Facebook Messenger chat button.
59
- 7. New feature: change the channel icons order using drag and drop interface.
60
- 8. New feature: we've added 3 brand new buttons - Instagram, Twitter, LinkedIn, and an option to add 2 custom buttons.
61
- 9. New feature: change the font of your chat widget's call-to-action message and the other tooltips.
 
 
 
 
 
62
 
63
  = What do you get in the Pro plan? =
64
  Unlock the Pro features for only $25/year
@@ -67,15 +82,15 @@ You will get all the features of the free plan, plus:
67
  1. Show all the channels you want at the same time (19 different click to chat buttons and other icons)
68
  2. Customize the chat button widget color with HEX code
69
  3. Change the location of the widget on the screen by the pixel
70
- 4. Change the size of the widget
71
- 5. Choose between new chat button designs or upload your own custom chat button design
72
  6. Remove the "Get Chaty" link on the chat button
73
- 7. New feature: you can show (or don't show) the chat widget using targeting rules such as specific pages, pages that contain a string, and pages that start or end with a string
74
- 8. New feature: fully customize all chat icons including colors, text on hover, and even upload your own custom image per channel button. You can also translate the "Hide" text to your language now :)
75
- 9. New feature: create a pre-set WhatsApp chat message and pre-set email subject line. When people click on your WhatsApp button or email icon, you pre-set message will be automatically loaded
76
- 10. New feature: fire a Google Analytics event every time one of your channels buttons is clicked. That's great news for you, because now you can fully track any click to call, chat, navigate, and more
77
- 11. New feature: decide if you want the custom chat button open in a new tab or in the current tab.
78
- 12. New feature: create more than one chat widget and show it on specific pages and categories of your website based on page targeting rules. Works great for multi-language websites and WPML plugin, for different products, landing pages, and any other URL targeting rule.
 
79
  <br><a href="https://premio.io/downloads/chaty/?utm_source=wordpressorg" target="_blank" title="Chaty pro plans"><strong>Upgrade to pro</strong></a> to get all pro features :)
80
 
81
  = How does each channel work? =
@@ -179,6 +194,9 @@ Yes! You can even decide what chat buttons will show up on each device (desktop/
179
 
180
  == Changelog ==
181
 
 
 
 
182
  = 2.2.8 =
183
  Static path bug fixed
184
 
3
  Tags: whatsapp, facebook messenger, click to chat, chat, chat button, call now button, messenger, whatsapp button, chat icon, messenger chat icon, contact button, click to call
4
  Requires at least: 3.1
5
  Tested up to: 5.3
6
+ Stable tag: 2.4
7
  Plugin URI: https://premio.io/downloads/chaty/
8
 
9
  Let your visitors contact you via Facebook Messenger, Whatsapp, Telegram, Viber, Email, Phone call, SMS and more with customizable chat & call buttons
20
  = The ultimate click to chat and call now button =
21
  Are you looking for a chat button or a click to call button? Want to make it easier for your potential customers to contact you via Facebook Messenger or Telegram?
22
 
23
+ Chaty is the perfect chat plugin for you! With Chaty you can display call widget, Whatsapp button, email button, SMS button, Google Maps button, Vkontakte button, Line.me button, Viber button and other chat widgets. Your visitors are already using their favorite chat apps, and most of them prefer to contact you using those chat apps. By using Chaty, you give your website visitors the option to chat with you even after they leave your website. Want to use our robust pro version? Check out <a href="https://premio.io/downloads/chaty/?utm_source=wordpressorg" target="_blank" title="Chaty pro plans"><strong>Chaty Pro Plans</strong></a>.
24
+
25
+ = What can you do with Chaty =
26
+ Here are some classic use cases for Chaty
27
+
28
+ * Chaty VS live chat alternatives - there's a big benefit in giving your visitors the option to use the chat channels they already use. When you use "regular" live chat alternatives, your visitors must stay on your website and wait for your response. When you let your visitors chat with you using chat apps like Facebook Messenger, WhatsApp, Viber, Telegram, etc, you give them to freedom of chatting with you whenever they go.
29
+ * A direct click to chat method - show your visitors the chat channels you're available at, and let them choose the method that suits them. Your website visitors are one click away from chatting with you.
30
+ * Help your website visitors navigate to your address - if you have a physical business and want your visitors to be able to navigate to you with ease, you can use our Google Maps and Waze channels.
31
+ * Click to call - show a phone icon and let your visitors click to call you. If you want to show different local phone numbers based on page URL you can use the multi widget pro feature.
32
+ * Show different chat channels for different pages - you can use this feature to show separate widgets for different products on your website, show different buttons based on URL for WPML or multi-language sites, display different channels for your landing pages, and more (pro feature).
33
+ * Available days and hours - show the widget only on your opening hours, and hide it when you're out of work. You can also use it to show live chat options when you're available, and other channels when you're not (pro feature).
34
 
35
  = Live Demo =
36
  A live demo for the Chaty plugin is available at <a href="https://demo.premio.io/chaty/?utm_source=wordpressorg" target="_blank" title="Premio.io demo site">Premio's demo site</a>.
61
 
62
  = What do you get in the Free plan? =
63
  1. Show up to 2 different click to chat channels.
64
+ 2. Select the location of the widget (bottom left/right).
65
+ 3. Add a custom Call-To-Action beside your widget.
66
+ 4. Set a display trigger - decide when the widget will appear for the first time. You can show it after a few seconds, on page scroll, or use our powerful exit intent trigger. When you choose more than one trigger, the widget will appear when the first trigger takes place. The exit intent trigger will help you get your website's visitors' attention when they plan to leave your website.
67
+ 5. Attention effect - choose from 5 stunning attention effects including bounce, waggle, sheen, spin, and fade. Your attention effect will help you capture the attention of your website visitors. Once the see your chat widget, your conversation rate will increase significantly.
68
+ 6. Choose between 7 different colors.
69
+ 7. Change the size of the widget.
70
+ 8. Choose between 4 beautiful chat button designs.
71
+ 9. You decide if you want to show the widget on mobile & desktop or both!
72
+ 10. Select your default state - you can show all your chat channels in an "open-state", or show the widget and let the visitors click on it or hover over it (you decide) to open the chat widget up and see all your chat icons.
73
+ 11. Show different channels for mobile and desktop. E.g. On mobile you can display a call now button, Viber button, and a Telegram button, and on desktop, you can display a WhatsApp button and a Facebook Messenger chat button.
74
+ 12. Change the channel icons order using drag and drop interface.
75
+ 13. New feature: we've added 3 brand new buttons - Instagram, Twitter, LinkedIn, and an option to add 2 custom buttons.
76
+ 14. Change the font of your chat widget's call-to-action message and the chat channels tooltips.
77
 
78
  = What do you get in the Pro plan? =
79
  Unlock the Pro features for only $25/year
82
  1. Show all the channels you want at the same time (19 different click to chat buttons and other icons)
83
  2. Customize the chat button widget color with HEX code
84
  3. Change the location of the widget on the screen by the pixel
85
+ 5. Upload your own custom chat button design
 
86
  6. Remove the "Get Chaty" link on the chat button
87
+ 7. Show (or don't show) the chat widget using targeting rules such as specific pages, pages that contain a string, and pages that start or end with a string
88
+ Available days and hours - display the widget on specific days and hours based on your opening days and hours. E.g. You can show live chat channels like Facebook Messenger and WhatsApp on certain days & hours, and when you're not available for live chat you can display email and Instagram.
89
+ 8. Fully customize all chat icons including colors, text on hover, and even upload your own custom image per channel button. You can also translate the "Hide" text to your language now :)
90
+ 9. Create a pre-set WhatsApp chat message and pre-set email subject line. When people click on your WhatsApp button or email icon, you pre-set message will be automatically loaded
91
+ 10. Fire a Google Analytics event every time one of your channels buttons is clicked. That's great news for you, because now you can fully track any click to call, chat, navigate, and more
92
+ 11. Decide if you want the custom chat button open in a new tab or in the current tab.
93
+ 12. Create more than one chat widget and show it on specific pages and categories of your website based on page targeting rules. Works great for multi-language websites and WPML plugin, for different products, landing pages, and any other URL targeting rule.
94
  <br><a href="https://premio.io/downloads/chaty/?utm_source=wordpressorg" target="_blank" title="Chaty pro plans"><strong>Upgrade to pro</strong></a> to get all pro features :)
95
 
96
  = How does each channel work? =
194
 
195
  == Changelog ==
196
 
197
+ = 2.4 =
198
+ A huge release for Black Friday! We've added triggers (time-based, scroll-based, and exit intent), attention effects, open-widget state, click/hover launch options, widget size, 4 widget icons, and bug fixes.
199
+
200
  = 2.2.8 =
201
  Static path bug fixed
202
 
views/admin.php CHANGED
@@ -61,6 +61,7 @@ $pro_class = (!$is_pro && $cht_license_key !== "")?"none_pro":"";
61
  <?php settings_fields($this->plugin_slug); ?>
62
  <?php require_once 'parts/section1.php'; ?>
63
  <?php require_once 'parts/section2.php'; ?>
 
64
  <?php require_once 'parts/section3.php'; ?>
65
  <input type="text" name="cht_license_key" value="<?php esc_attr_e($this->token) ?>" hidden />
66
  <?php submit_button(null, null, null, false); ?>
61
  <?php settings_fields($this->plugin_slug); ?>
62
  <?php require_once 'parts/section1.php'; ?>
63
  <?php require_once 'parts/section2.php'; ?>
64
+ <?php require_once 'parts/trigger-and-target.php'; ?>
65
  <?php require_once 'parts/section3.php'; ?>
66
  <input type="text" name="cht_license_key" value="<?php esc_attr_e($this->token) ?>" hidden />
67
  <?php submit_button(null, null, null, false); ?>
views/parts/chaty_widget.php CHANGED
@@ -2,13 +2,13 @@
2
  <div class="h2">What can you use it for?</div>
3
  <div class="chaty-new-widget-row">
4
  <div class="chaty-new-widget-left">
5
- <img src="<?php echo esc_url(plugin_dir_url("")."/chaty/assets/images/new_widget_img.png") ?> width="322" height="258" />
6
  </div>
7
  <div class="chaty-new-widget-right">
8
  <p><strong>Create a new Chaty widget and show it on specific pages and categories of your website based on page targeting rules.</strong></p>
9
 
10
  <ul>
11
- <li>If you have a multi-language website or WPML plugin installed, you can show different form and buttons based on URL (e.g. visitors to yourdomain.com/fr/* pages will get an option to send a WhatsApp message to a French number and call your French phone number)</li>
12
  <li>You can show separate widgets for different products on your website (e.g. you can show the Facebook Messenger channel for products in the yourdomain.com/high-end/* category)</li>
13
  <li>Display different channels for your landing pages</li>
14
  <li>Show one widget on your support and contact pages, and a different widget on your sales pages.</li>
2
  <div class="h2">What can you use it for?</div>
3
  <div class="chaty-new-widget-row">
4
  <div class="chaty-new-widget-left">
5
+ <img src="<?php echo esc_url(plugin_dir_url("")."/chaty/assets/images/new_widget_img.png") ?>" width="322" height="258" />
6
  </div>
7
  <div class="chaty-new-widget-right">
8
  <p><strong>Create a new Chaty widget and show it on specific pages and categories of your website based on page targeting rules.</strong></p>
9
 
10
  <ul>
11
+ <li>If you have a multi-language website or WPML plugin installed, you can show different buttons based on URL (e.g. visitors to yourdomain.com/fr/* pages will get an option to send a WhatsApp message to a French number and call your French phone number)</li>
12
  <li>You can show separate widgets for different products on your website (e.g. you can show the Facebook Messenger channel for products in the yourdomain.com/high-end/* category)</li>
13
  <li>Display different channels for your landing pages</li>
14
  <li>Show one widget on your support and contact pages, and a different widget on your sales pages.</li>
views/parts/section1.php CHANGED
@@ -1,6 +1,6 @@
1
- <div class="preview-section-chaty wrap">
2
  <div class="preview" id="admin-preview">
3
- <div class="h2"><?php esc_attr_e('Preview', CHT_OPT); ?>:</div>
4
 
5
  <div class="page">
6
  <div class="page-header">
@@ -61,8 +61,8 @@
61
  $widget_icon = get_option('widget_icon');
62
  ?>
63
  <div class="chaty-widget chaty-widget-icons-<?php esc_attr_e($cht_position) ?>" style="<?php esc_attr_e($position); ?>">
64
- <div class="icon icon-xs active tooltip-show tooltip"
65
- data-title="<?php echo esc_attr($cht_cta) ?>">
66
  <i id="iconWidget">
67
  <?php $bg_color = $this->get_current_color(); ?>
68
  <?php $fill = ($bg_color) ? $bg_color : '#A886CD'; ?>
@@ -130,7 +130,9 @@
130
  <path class="st0" d="M-477.7,533.5h7.9c0.5,0,0.8,0.4,0.8,0.8l0,0c0,0.5-0.4,0.8-0.8,0.8h-7.9c-0.5,0-0.8-0.4-0.8-0.8l0,0C-478.6,533.9-478.2,533.5-477.7,533.5z"/>
131
  </svg>
132
  <?php endif; ?>
133
-
 
 
134
  </i>
135
  <?php
136
  $display_status = get_option("cht_cta");
@@ -157,7 +159,7 @@
157
  </div>
158
  </div>
159
  <?php $pro_id = $this->is_pro()?"pro":""; ?>
160
- <section class="section one" id="<?php esc_attr_e($pro_id) ?>" xmlns="http://www.w3.org/1999/html">
161
  <h1 class="section-title">
162
  <strong><?php esc_attr_e('Step', CHT_OPT); ?> 1:</strong> <?php esc_attr_e('Choose your channels', CHT_OPT); ?>
163
  </h1>
@@ -178,7 +180,7 @@
178
  active
179
  <?php } ?>
180
  <?php endforeach; ?>"
181
- data-social="<?php echo esc_attr($social['slug']); ?>" data-title="<?php echo esc_attr($slug); ?>">
182
  <svg width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">
183
  <?php echo $social['svg']; ?>
184
  </svg>
@@ -324,7 +326,7 @@
324
  <div class="chaty-setting-col">
325
  <label>On Hover Text</label>
326
  <div>
327
- <input readonly type="text" name="" value="<?php esc_attr_e($value['title']) ?>">
328
  </div>
329
  </div>
330
  <div class="clear clearfix"></div>
1
+ <div class="preview-section-chaty wrap">
2
  <div class="preview" id="admin-preview">
3
+ <div class="h2"><span class="header-tooltip"><span class="header-tooltip-text">Please make all your live tests in <a href="https://www.computerworld.com/article/3356840/how-to-go-incognito-in-chrome-firefox-safari-and-edge.html" target="_blank">incognito mode</a>. Some of the features like call to action, attention effect, and trigger will appear for your website visitors just once until they engage with the chat widget, so to emulate it you'll need to use incognito mode</span> <span class="dashicons dashicons-editor-help"></span></span><?php esc_attr_e('Preview', CHT_OPT); ?>:</div>
4
 
5
  <div class="page">
6
  <div class="page-header">
61
  $widget_icon = get_option('widget_icon');
62
  ?>
63
  <div class="chaty-widget chaty-widget-icons-<?php esc_attr_e($cht_position) ?>" style="<?php esc_attr_e($position); ?>">
64
+ <div class="icon icon-xs active tooltip-show tooltip" data-title="<?php echo esc_attr($cht_cta) ?>">
65
+ <div class="chaty-channels"></div>
66
  <i id="iconWidget">
67
  <?php $bg_color = $this->get_current_color(); ?>
68
  <?php $fill = ($bg_color) ? $bg_color : '#A886CD'; ?>
130
  <path class="st0" d="M-477.7,533.5h7.9c0.5,0,0.8,0.4,0.8,0.8l0,0c0,0.5-0.4,0.8-0.8,0.8h-7.9c-0.5,0-0.8-0.4-0.8-0.8l0,0C-478.6,533.9-478.2,533.5-477.7,533.5z"/>
131
  </svg>
132
  <?php endif; ?>
133
+ </i>
134
+ <i class="chaty-close-icon">
135
+ <svg viewBox="0 0 54 54" fill="none" xmlns="http://www.w3.org/2000/svg"><ellipse cx="26" cy="26" rx="26" ry="26" fill="#A886CD"></ellipse><rect width="27.1433" height="3.89857" rx="1.94928" transform="translate(18.35 15.6599) scale(0.998038 1.00196) rotate(45)" fill="white"></rect><rect width="27.1433" height="3.89857" rx="1.94928" transform="translate(37.5056 18.422) scale(0.998038 1.00196) rotate(135)" fill="white"></rect></svg>
136
  </i>
137
  <?php
138
  $display_status = get_option("cht_cta");
159
  </div>
160
  </div>
161
  <?php $pro_id = $this->is_pro()?"pro":""; ?>
162
+ <section class="section one chaty-setting-form" id="<?php esc_attr_e($pro_id) ?>" xmlns="http://www.w3.org/1999/html">
163
  <h1 class="section-title">
164
  <strong><?php esc_attr_e('Step', CHT_OPT); ?> 1:</strong> <?php esc_attr_e('Choose your channels', CHT_OPT); ?>
165
  </h1>
180
  active
181
  <?php } ?>
182
  <?php endforeach; ?>"
183
+ data-social="<?php echo esc_attr($social['slug']); ?>" data-label="<?php echo esc_attr($social['title']); ?>" data-title="<?php echo esc_attr($social['slug']); ?>">
184
  <svg width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">
185
  <?php echo $social['svg']; ?>
186
  </svg>
326
  <div class="chaty-setting-col">
327
  <label>On Hover Text</label>
328
  <div>
329
+ <input readonly type="text" name="" class="chaty-title" value="<?php esc_attr_e($value['title']) ?>">
330
  </div>
331
  </div>
332
  <div class="clear clearfix"></div>
views/parts/section2.php CHANGED
@@ -245,23 +245,49 @@
245
  <textarea type="text" data-gramm_editor="false" class="test_textarea" cols="40" rows="2" name="cht_cta" value="<?php echo $cta ?>" placeholder="<?php esc_attr_e('Message us!', CHT_OPT);?>" onkeydown="return limitLines(this, event)"><?php esc_attr_e($cta); ?></textarea>
246
  </div>
247
  </div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
248
  <?php $disabled = (!$this->is_pro())?'disabled':""; ?>
 
249
  <div class="form-horizontal__item widget-icon__block">
250
  <label class="form-horizontal__item-label">Widget icon:</label>
251
- <label class="widget-icon__wrap">
 
252
  <label class="custom-control custom-radio">
253
- <input type="radio"
254
- name="widget_icon"
255
- class="custom-control-input js-widget-i "
256
- value="chat-base"
257
- data-type="chat-base"
258
- data-gramm_editor="false"
259
- <?php checked(get_option('widget_icon'),'chat-base') ?>
260
- >
261
  <i class="icon-chat" data-type="chat-base">
262
- <svg version="1.1" id="ch" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-496 507.7 54 54" style="enable-background:new -496 507.7 54 54;" xml:space="preserve">
263
- <style type="text/css">.st1 {fill: #FFFFFF;}.st0{fill: #808080;}</style>
264
- <g><circle cx="-469" cy="534.7" r="27" fill="#a886cd"/></g>
 
 
 
 
 
 
265
  <path class="st1" d="M-459.9,523.7h-20.3c-1.9,0-3.4,1.5-3.4,3.4v15.3c0,1.9,1.5,3.4,3.4,3.4h11.4l5.9,4.9c0.2,0.2,0.3,0.2,0.5,0.2 h0.3c0.3-0.2,0.5-0.5,0.5-0.8v-4.2h1.7c1.9,0,3.4-1.5,3.4-3.4v-15.3C-456.5,525.2-458,523.7-459.9,523.7z"/>
266
  <path class="st0" d="M-477.7,530.5h11.9c0.5,0,0.8,0.4,0.8,0.8l0,0c0,0.5-0.4,0.8-0.8,0.8h-11.9c-0.5,0-0.8-0.4-0.8-0.8l0,0C-478.6,530.8-478.2,530.5-477.7,530.5z"/>
267
  <path class="st0" d="M-477.7,533.5h7.9c0.5,0,0.8,0.4,0.8,0.8l0,0c0,0.5-0.4,0.8-0.8,0.8h-7.9c-0.5,0-0.8-0.4-0.8-0.8l0,0C-478.6,533.9-478.2,533.5-477.7,533.5z"/>
@@ -269,144 +295,114 @@
269
  </i>
270
  <span class="custom-control-label"></span>
271
  </label>
 
 
272
 
273
- <?php if(!$this->is_pro()): ?>
274
- <a target="_blank" class="custom-control custom-radio " href="<?php echo esc_url($this->getUpgradeMenuItemUrl()); ?>" >
275
- <?php else:?>
276
- <label class="custom-control custom-radio <?php if(!$this->is_pro()) echo 'easy-modal-open'; ?>" href="#upgrade-modal">
277
- <?php endif;?>
278
-
279
- <input type="radio"
280
- name="widget_icon"
281
- class="custom-control-input js-widget-i"
282
- value="chat-smile"
283
- data-type="chat-smile"
284
- data-gramm_editor="false"
285
- <?php checked(get_option('widget_icon'),'chat-smile') ?>
286
- <?php esc_attr_e($disabled) ?>
287
- >
288
  <i class="icon-chat" data-type="chat-smile">
289
- <svg version="1.1" id="smile" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
290
- viewBox="-496.8 507.1 54 54" style="enable-background:new -496.8 507.1 54 54;" xml:space="preserve">
291
- <style type="text/css">.st1{fill:#FFFFFF;} .st2{fill:none;stroke:#808080;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;}</style>
 
292
  <g>
293
  <circle cx="-469.8" cy="534.1" r="27" fill="#a886cd"/>
294
  </g>
295
- <path class="st1" d="M-459.5,523.5H-482c-2.1,0-3.7,1.7-3.7,3.7v13.1c0,2.1,1.7,3.7,3.7,3.7h19.3l5.4,5.4c0.2,0.2,0.4,0.2,0.7,0.2
296
- c0.2,0,0.2,0,0.4,0c0.4-0.2,0.6-0.6,0.6-0.9v-21.5C-455.8,525.2-457.5,523.5-459.5,523.5z"/>
297
  <path class="st2" d="M-476.5,537.3c2.5,1.1,8.5,2.1,13-2.7"/>
298
- <path class="st2" d="M-460.8,534.5c-0.1-1.2-0.8-3.4-3.3-2.8"/></svg>
299
-
300
  </i>
301
  <span class="custom-control-label"></span>
302
- <?php if(!$this->is_pro()): ?>
303
- </a>
304
- <?php else:?>
305
- </label>
306
- <?php endif;?>
307
 
308
- <?php if(!$this->is_pro()): ?>
309
- <a target="_blank" class="custom-control custom-radio " href="<?php echo esc_url($this->getUpgradeMenuItemUrl());?>" >
310
- <?php else:?>
311
- <label class="custom-control custom-radio">
312
- <?php endif;?>
313
- <input type="radio" name="widget_icon" class="custom-control-input js-widget-i" value="chat-bubble" data-type="chat-bubble" data-gramm_editor="false"
314
- <?php checked(get_option('widget_icon'),'chat-bubble') ?>
315
- <?php esc_attr_e($disabled) ?>
316
- >
317
  <i class="icon-chat" data-type="chat-bubble">
318
- <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-496.9 507.1 54 54" style="enable-background:new -496.9 507.1 54 54;" xml:space="preserve">
319
- <style type="text/css">.st1{fill:#FFFFFF;}</style>
320
- <g><circle cx="-469.9" cy="534.1" r="27" fill="#a886cd"/></g>
 
 
321
  <path class="st1" d="M-472.6,522.1h5.3c3,0,6,1.2,8.1,3.4c2.1,2.1,3.4,5.1,3.4,8.1c0,6-4.6,11-10.6,11.5v4.4c0,0.4-0.2,0.7-0.5,0.9 c-0.2,0-0.2,0-0.4,0c-0.2,0-0.5-0.2-0.7-0.4l-4.6-5c-3,0-6-1.2-8.1-3.4s-3.4-5.1-3.4-8.1C-484.1,527.2-478.9,522.1-472.6,522.1z M-462.9,535.3c1.1,0,1.8-0.7,1.8-1.8c0-1.1-0.7-1.8-1.8-1.8c-1.1,0-1.8,0.7-1.8,1.8C-464.6,534.6-463.9,535.3-462.9,535.3z M-469.9,535.3c1.1,0,1.8-0.7,1.8-1.8c0-1.1-0.7-1.8-1.8-1.8c-1.1,0-1.8,0.7-1.8,1.8C-471.7,534.6-471,535.3-469.9,535.3z M-477,535.3c1.1,0,1.8-0.7,1.8-1.8c0-1.1-0.7-1.8-1.8-1.8c-1.1,0-1.8,0.7-1.8,1.8C-478.8,534.6-478.1,535.3-477,535.3z"/>
322
- </svg> </i>
 
323
  <span class="custom-control-label"></span>
324
- <?php if(!$this->is_pro()): ?>
325
- </a>
326
- <?php else:?>
327
- </label>
328
- <?php endif;?>
329
- <?php if(!$this->is_pro()): ?>
330
- <a target="_blank" class="custom-control custom-radio " href="<?php echo esc_url($this->getUpgradeMenuItemUrl());?>" >
331
- <?php else:?>
332
- <label class="custom-control custom-radio">
333
- <?php endif;?>
334
- <input type="radio" name="widget_icon" class="custom-control-input js-widget-i" value="chat-db" data-type="chat-db" data-gramm_editor="false" <?php checked(get_option('widget_icon'),'chat-db') ?> <?php esc_attr_e($disabled) ?> />
335
  <i class="icon-chat" data-type="chat-db">
336
  <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-496 507.1 54 54" style="enable-background:new -496 507.1 54 54;" xml:space="preserve">
337
- <style type="text/css">.st1{fill:#FFFFFF;}</style>
338
  <g>
339
- <circle cx="-469" cy="534.1" r="27" fill="#a886cd"/>
340
  </g>
341
  <path class="st1" d="M-464.6,527.7h-15.6c-1.9,0-3.5,1.6-3.5,3.5v10.4c0,1.9,1.6,3.5,3.5,3.5h12.6l5,5c0.2,0.2,0.3,0.2,0.7,0.2 c0.2,0,0.2,0,0.3,0c0.3-0.2,0.5-0.5,0.5-0.9v-18.2C-461.1,529.3-462.7,527.7-464.6,527.7z"/>
342
  <path class="st1" d="M-459.4,522.5H-475c-1.9,0-3.5,1.6-3.5,3.5h13.9c2.9,0,5.2,2.3,5.2,5.2v11.6l1.9,1.9c0.2,0.2,0.3,0.2,0.7,0.2 c0.2,0,0.2,0,0.3,0c0.3-0.2,0.5-0.5,0.5-0.9v-18C-455.9,524.1-457.5,522.5-459.4,522.5z"/>
343
  </svg>
344
  </i>
345
  <span class="custom-control-label"></span>
346
- <?php if(!$this->is_pro()): ?>
347
- </a>
348
- <?php else:?>
349
- </label>
350
- <?php endif;?>
351
-
352
- <?php if(!$this->is_pro()): ?>
353
- <a target="_blank" class="custom-control custom-radio " href="<?php echo esc_url($this->getUpgradeMenuItemUrl());?>" >
354
- <?php else:?>
355
- <label class="custom-control custom-radio">
356
- <?php endif;?>
357
- <div class="form-group">
358
- <div id="elPreviewImage"></div>
359
- <div class="file-loading">
360
- <input type="file" id="testUpload" name="cht_widget_img" <?php esc_attr_e($disabled) ?> />
361
  </div>
362
- <div id="errorBlock" class="help-block"></div>
363
- </div>
364
- <?php if($this->is_pro()): ?>
365
- <input type="radio" name="widget_icon" class="custom-control-input js-widget-i js-upload" value="chat-image" data-gramm_editor="false" <?php esc_attr_e($disabled) ?> data-type="chat-image" id="uploadInput" <?php checked(get_option('widget_icon'),'chat-image') ?> />
 
366
  <span class="custom-control-label"></span>
367
- <?php endif; ?>
368
- <span class="custom-control-label"></span>
369
- <?php if(!$this->is_pro()): ?>
370
- </a>
371
- <?php else:?>
372
- </label>
373
- <?php endif;?>
374
- <?php if(!$this->is_pro()): ?>
375
- <a target="_blank" class="upgrade-link" href="<?php echo esc_url($this->getUpgradeMenuItemUrl());?>">(<?php esc_attr_e('upgrade to pro', CHT_OPT);?>)</a>
376
- <?php endif;?>
377
-
378
- <script type="text/javascript">
379
- (function ($) {
380
- $(document).ready(function () {
381
- $('#testUpload').fileinput({
382
- showCaption: false,
383
- showCancel: false,
384
- showClose: false,
385
- showRemove: false,
386
- showUpload: false,
387
- browseIcon: "<i class='icon-upload'></i>",
388
- browseLabel: 'Upload',
389
- browseClass: 'file-browse',
390
- overwriteInitial: false,
391
- initialPreviewCount: false,
392
- allowedFileTypes: ['image'],
393
- maxFileCount:1,
394
- initialPreviewAsData: true,
395
- elPreviewImage: '#elPreviewImage',
396
- initialPreview: [
397
- "<?php echo $this->getCustomWidgetImg();?>",
398
- ],
399
- layoutTemplates:{
400
- progress: '',
401
- actionDelete: '',
402
- actionZoom:'',
403
- preview: ''
404
- }
405
- });
406
  });
407
- }(jQuery));
408
- </script>
409
- </div>
410
  </div>
411
 
412
  <div class="form-horizontal__item">
@@ -438,12 +434,9 @@
438
  $cht_widget_size = get_option("cht_widget_size");
439
  $cht_widget_size = ($cht_widget_size)?$cht_widget_size: 54 ;
440
  ?>
441
- <input type="number" min="24" max="100" name="cht_widget_size" class="widget-size__input" data-gramm_editor="false" value="<?php esc_attr_e($cht_widget_size) ?>" <?php esc_attr_e($disabled) ?> />
442
  <span class="custom-control-label">
443
  px
444
- <?php if(!$this->is_pro()): ?>
445
- <a target="_blank" href="<?php echo esc_url($this->getUpgradeMenuItemUrl());?>"> (<?php esc_attr_e('upgrade to pro', CHT_OPT);?>)</a>
446
- <?php endif ?>
447
  </span>
448
  </div>
449
  </div>
@@ -464,63 +457,19 @@
464
  </div>
465
  </div>
466
 
467
- <div class="form-horizontal__item" id="custom-rules">
468
- <label class="form-horizontal__item-label">Show on:</label>
469
- <div class="chaty-option-box">
470
- <div class="page-options">
471
- <div class="chaty-page-option">
472
- <div class="url-content">
473
- <div class="url-select">
474
- <select class="cht-required" id="url_shown_on___count___option">
475
- <option value="show_on">Show on</option>
476
- <option value="not_show_on">Don't show on</option>
477
- </select>
478
- </div>
479
- <div class="url-option">
480
- <select class="url-options cht-required" id="url_rules___count___option">
481
- <option selected="selected" disabled value="">Select Rule</option>
482
- </select>
483
- </div>
484
- <div class="url-box">
485
- <span class='chaty-url'><?php echo esc_url(site_url("/")); ?></span>
486
- </div>
487
- <div class="url-values">
488
- <input type="text" class="cht-required" value="" id="url_rules___count___value" />
489
- </div>
490
- <div class="url-buttons">
491
- <a class="remove-chaty" href="javascript:;">
492
- <svg width="14" height="13" viewBox="0 0 14 13" fill="none" xmlns="http://www.w3.org/2000/svg">
493
- <rect width="15.6301" height="2.24494" rx="1.12247" transform="translate(2.26764 0.0615997) rotate(45)" fill="white"></rect>
494
- <rect width="15.6301" height="2.24494" rx="1.12247" transform="translate(13.3198 1.649) rotate(135)" fill="white"></rect>
495
- </svg>
496
- </a>
497
- </div>
498
- <div class="clear"></div>
499
- </div>
500
- </div>
501
- <div class="chaty-pro-feature">
502
- <a target="_blank" href="<?php echo esc_url($this->getUpgradeMenuItemUrl());?>">
503
- <?php esc_attr_e('Upgrade to Pro', CHT_OPT);?>
504
- </a>
505
- </div>
506
  </div>
507
- <a href="javascript:;" class="create-rule" id="create-rule">Add Rule</a>
508
- </div>
509
  </div>
510
-
511
- <?php // Credit ?>
512
- <div class="form-horizontal__item credit">
513
- <?php if ($this->is_pro()) : ?>
514
- <label></label>
515
- <?php else: ?>
516
- <label class="form-horizontal__item-label">Credit:</label>
517
- <div>
518
- <label class="custom-control custom-checkbox free-custom-checkbox">
519
- <input type="checkbox" class="custom-control-input" disabled data-gramm_editor="false" >
520
- <span class="custom-control-label"><?php esc_attr_e('Remove "Get widget" link', CHT_OPT);?></span>
521
- </label>
522
- <a target="_blank" href="<?php echo esc_url($this->getUpgradeMenuItemUrl());?>">(<?php esc_attr_e('upgrade to pro', CHT_OPT);?>)</a>
523
- </div>
524
- <?php endif; ?>
525
- </div>
526
  </section>
245
  <textarea type="text" data-gramm_editor="false" class="test_textarea" cols="40" rows="2" name="cht_cta" value="<?php echo $cta ?>" placeholder="<?php esc_attr_e('Message us!', CHT_OPT);?>" onkeydown="return limitLines(this, event)"><?php esc_attr_e($cta); ?></textarea>
246
  </div>
247
  </div>
248
+
249
+ <div class="form-horizontal__item flex-center">
250
+ <label class="form-horizontal__item-label"><span class="icon label-tooltip" data-label="The attention effect will appear on your site until your website visitors engage with the widget for the first time. After the first engagement, the attention effect will not appear again."><span class="dashicons dashicons-editor-help"></span></span> <?php esc_attr_e('Attention effect', CHT_OPT);?>:</label>
251
+ <div>
252
+ <?php
253
+ $group = '';
254
+ $effects = array(
255
+ "" => "None",
256
+ "jump" => "Bounce",
257
+ "waggle" => "Waggle",
258
+ "sheen" => "Sheen",
259
+ "spin" => "Spin",
260
+ "fade" => "Fade"
261
+ );
262
+ $effect = get_option('chaty_attention_effect');
263
+ $effect = empty($effect)?"":$effect;
264
+ ?>
265
+ <select name="chaty_attention_effect" class="chaty-select" id="chaty_attention_effect" data-effect="<?php echo esc_attr($effect) ?>">
266
+ <?php foreach ($effects as $key => $value): ?>
267
+ <option value="<?php echo esc_attr($key); ?>" <?php selected($effect, $key); ?>><?php echo esc_attr($value); ?></option>
268
+ <?php endforeach; ?>
269
+ </select>
270
+ </div>
271
+ </div>
272
+
273
  <?php $disabled = (!$this->is_pro())?'disabled':""; ?>
274
+
275
  <div class="form-horizontal__item widget-icon__block">
276
  <label class="form-horizontal__item-label">Widget icon:</label>
277
+ <?php $pro_class = $this->is_pro() ? "has-pro" : "has-free"; ?>
278
+ <label class="widget-icon__wrap <?php esc_attr_e($pro_class) ?>">
279
  <label class="custom-control custom-radio">
280
+ <input type="radio" name="widget_icon" class="custom-control-input js-widget-i " value="chat-base" data-type="chat-base" data-gramm_editor="false" <?php checked($widget_icon, "chat-base") ?> />
 
 
 
 
 
 
 
281
  <i class="icon-chat" data-type="chat-base">
282
+ <svg version="1.1" id="ch" xmlns="http://www.w3.org/2000/svg"
283
+ xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-496 507.7 54 54"
284
+ style="enable-background:new -496 507.7 54 54;" xml:space="preserve">
285
+ <style type="text/css">.st1 { fill: #FFFFFF; }
286
+ .st0 { fill: #808080; }
287
+ </style>
288
+ <g>
289
+ <circle cx="-469" cy="534.7" r="27" fill="#a886cd"/>
290
+ </g>
291
  <path class="st1" d="M-459.9,523.7h-20.3c-1.9,0-3.4,1.5-3.4,3.4v15.3c0,1.9,1.5,3.4,3.4,3.4h11.4l5.9,4.9c0.2,0.2,0.3,0.2,0.5,0.2 h0.3c0.3-0.2,0.5-0.5,0.5-0.8v-4.2h1.7c1.9,0,3.4-1.5,3.4-3.4v-15.3C-456.5,525.2-458,523.7-459.9,523.7z"/>
292
  <path class="st0" d="M-477.7,530.5h11.9c0.5,0,0.8,0.4,0.8,0.8l0,0c0,0.5-0.4,0.8-0.8,0.8h-11.9c-0.5,0-0.8-0.4-0.8-0.8l0,0C-478.6,530.8-478.2,530.5-477.7,530.5z"/>
293
  <path class="st0" d="M-477.7,533.5h7.9c0.5,0,0.8,0.4,0.8,0.8l0,0c0,0.5-0.4,0.8-0.8,0.8h-7.9c-0.5,0-0.8-0.4-0.8-0.8l0,0C-478.6,533.9-478.2,533.5-477.7,533.5z"/>
295
  </i>
296
  <span class="custom-control-label"></span>
297
  </label>
298
+ <?php $widget_icon = get_option('widget_icon'.$this->widget_index); ?>
299
+ <?php $disabled = (!$this->is_pro())?"disabled":""; ?>
300
 
301
+ <label class="custom-control custom-radio">
302
+ <input type="radio" name="widget_icon" class="custom-control-input js-widget-i" value="chat-smile" data-type="chat-smile" data-gramm_editor="false" <?php checked($widget_icon, "chat-smile") ?> >
 
 
 
 
 
 
 
 
 
 
 
 
 
303
  <i class="icon-chat" data-type="chat-smile">
304
+ <svg version="1.1" id="smile" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-496.8 507.1 54 54" style="enable-background:new -496.8 507.1 54 54;" xml:space="preserve">
305
+ <style type="text/css">.st1 { fill: #FFFFFF; }
306
+ .st2 { fill: none; stroke: #808080; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
307
+ </style>
308
  <g>
309
  <circle cx="-469.8" cy="534.1" r="27" fill="#a886cd"/>
310
  </g>
311
+ <path class="st1" d="M-459.5,523.5H-482c-2.1,0-3.7,1.7-3.7,3.7v13.1c0,2.1,1.7,3.7,3.7,3.7h19.3l5.4,5.4c0.2,0.2,0.4,0.2,0.7,0.2c0.2,0,0.2,0,0.4,0c0.4-0.2,0.6-0.6,0.6-0.9v-21.5C-455.8,525.2-457.5,523.5-459.5,523.5z"/>
 
312
  <path class="st2" d="M-476.5,537.3c2.5,1.1,8.5,2.1,13-2.7"/>
313
+ <path class="st2" d="M-460.8,534.5c-0.1-1.2-0.8-3.4-3.3-2.8"/>
314
+ </svg>
315
  </i>
316
  <span class="custom-control-label"></span>
317
+ </label>
 
 
 
 
318
 
319
+
320
+ <label class="custom-control custom-radio">
321
+ <input type="radio" name="widget_icon" class="custom-control-input js-widget-i" value="chat-bubble" data-type="chat-bubble" data-gramm_editor="false" <?php checked($widget_icon, "chat-bubble") ?> />
 
 
 
 
 
 
322
  <i class="icon-chat" data-type="chat-bubble">
323
+ <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-496.9 507.1 54 54" style="enable-background:new -496.9 507.1 54 54;" xml:space="preserve">
324
+ <style type="text/css">.st1 { fill: #FFFFFF; }</style>
325
+ <g>
326
+ <circle cx="-469.9" cy="534.1" r="27" fill="#a886cd"/>
327
+ </g>
328
  <path class="st1" d="M-472.6,522.1h5.3c3,0,6,1.2,8.1,3.4c2.1,2.1,3.4,5.1,3.4,8.1c0,6-4.6,11-10.6,11.5v4.4c0,0.4-0.2,0.7-0.5,0.9 c-0.2,0-0.2,0-0.4,0c-0.2,0-0.5-0.2-0.7-0.4l-4.6-5c-3,0-6-1.2-8.1-3.4s-3.4-5.1-3.4-8.1C-484.1,527.2-478.9,522.1-472.6,522.1z M-462.9,535.3c1.1,0,1.8-0.7,1.8-1.8c0-1.1-0.7-1.8-1.8-1.8c-1.1,0-1.8,0.7-1.8,1.8C-464.6,534.6-463.9,535.3-462.9,535.3z M-469.9,535.3c1.1,0,1.8-0.7,1.8-1.8c0-1.1-0.7-1.8-1.8-1.8c-1.1,0-1.8,0.7-1.8,1.8C-471.7,534.6-471,535.3-469.9,535.3z M-477,535.3c1.1,0,1.8-0.7,1.8-1.8c0-1.1-0.7-1.8-1.8-1.8c-1.1,0-1.8,0.7-1.8,1.8C-478.8,534.6-478.1,535.3-477,535.3z"/>
329
+ </svg>
330
+ </i>
331
  <span class="custom-control-label"></span>
332
+ </label>
333
+
334
+
335
+ <label class="custom-control custom-radio <?php echo esc_attr(!$this->is_pro()?"add-border":"") ?>">
336
+ <input type="radio" name="widget_icon" class="custom-control-input js-widget-i" value="chat-db" data-type="chat-db" data-gramm_editor="false" <?php checked($widget_icon, "chat-db") ?> />
 
 
 
 
 
 
337
  <i class="icon-chat" data-type="chat-db">
338
  <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-496 507.1 54 54" style="enable-background:new -496 507.1 54 54;" xml:space="preserve">
339
+ <style type="text/css">.st1 {fill: #FFFFFF;}</style>
340
  <g>
341
+ <circle cx="-469" cy="534.1" r="27" fill="#a886cd"/>
342
  </g>
343
  <path class="st1" d="M-464.6,527.7h-15.6c-1.9,0-3.5,1.6-3.5,3.5v10.4c0,1.9,1.6,3.5,3.5,3.5h12.6l5,5c0.2,0.2,0.3,0.2,0.7,0.2 c0.2,0,0.2,0,0.3,0c0.3-0.2,0.5-0.5,0.5-0.9v-18.2C-461.1,529.3-462.7,527.7-464.6,527.7z"/>
344
  <path class="st1" d="M-459.4,522.5H-475c-1.9,0-3.5,1.6-3.5,3.5h13.9c2.9,0,5.2,2.3,5.2,5.2v11.6l1.9,1.9c0.2,0.2,0.3,0.2,0.7,0.2 c0.2,0,0.2,0,0.3,0c0.3-0.2,0.5-0.5,0.5-0.9v-18C-455.9,524.1-457.5,522.5-459.4,522.5z"/>
345
  </svg>
346
  </i>
347
  <span class="custom-control-label"></span>
348
+ </label>
349
+
350
+ <?php if (!$this->is_pro()): ?>
351
+ <div class="custom-control custom-radio upgrade-upload-btn">
352
+ <?php else: ?>
353
+ <label class="custom-control custom-radio" id="image-upload-content">
354
+ <?php endif; ?>
355
+ <div class="form-group" id="image-upload">
356
+ <div id="elPreviewImage"></div>
357
+ <div class="file-loading">
358
+ <input type="file" id="testUpload" name="cht_widget_img" <?php if (!$this->is_pro()) echo 'disabled'; ?> >
359
+ </div>
360
+ <div id="errorBlock" class="help-block"></div>
 
 
361
  </div>
362
+ <?php if ($this->is_pro()): ?>
363
+ <input type="radio" name="widget_icon" class="custom-control-input js-widget-i js-upload" value="chat-image" data-gramm_editor="false" <?php checked($widget_icon, "chat-image") ?> <?php esc_attr_e($disabled) ?> data-type="chat-image" id="uploadInput" >
364
+ <span class="custom-control-label"></span>
365
+ <?php endif; ?>
366
+ <?php if (!$this->is_pro()): ?>
367
  <span class="custom-control-label"></span>
368
+ <a class="upgrade-link" target="_blank" href="<?php echo esc_url($this->getUpgradeMenuItemUrl()); ?>"><?php esc_attr_e('upgrade to pro', CHT_OPT); ?></a>
369
+ </div>
370
+ <?php else: ?>
371
+ </label>
372
+ <?php endif; ?>
373
+
374
+
375
+ <script type="text/javascript">
376
+ (function ($) {
377
+ $(document).ready(function () {
378
+ $('#testUpload').fileinput({
379
+ showCaption: false,
380
+ showCancel: false,
381
+ showClose: false,
382
+ showRemove: false,
383
+ showUpload: false,
384
+ browseIcon: "<i class='icon-upload'></i>",
385
+ browseLabel: 'Upload',
386
+ browseClass: 'file-browse',
387
+ overwriteInitial: false,
388
+ initialPreviewCount: false,
389
+ allowedFileTypes: ['image'],
390
+ maxFileCount: 1,
391
+ initialPreviewAsData: true,
392
+ elPreviewImage: '#elPreviewImage',
393
+ initialPreview: [
394
+ "<?php echo $this->getCustomWidgetImg();?>",
395
+ ],
396
+ layoutTemplates: {
397
+ progress: '',
398
+ actionDelete: '',
399
+ actionZoom: '',
400
+ preview: ''
401
+ }
 
 
 
 
 
402
  });
403
+ });
404
+ }(jQuery));
405
+ </script>
406
  </div>
407
 
408
  <div class="form-horizontal__item">
434
  $cht_widget_size = get_option("cht_widget_size");
435
  $cht_widget_size = ($cht_widget_size)?$cht_widget_size: 54 ;
436
  ?>
437
+ <input type="number" min="24" max="100" name="cht_widget_size" class="widget-size__input" data-gramm_editor="false" value="<?php esc_attr_e($cht_widget_size) ?>" />
438
  <span class="custom-control-label">
439
  px
 
 
 
440
  </span>
441
  </div>
442
  </div>
457
  </div>
458
  </div>
459
 
460
+ <?php // Credit ?>
461
+ <div class="form-horizontal__item credit">
462
+ <?php if ($this->is_pro()) : ?>
463
+ <label></label>
464
+ <?php else: ?>
465
+ <label class="form-horizontal__item-label">Credit:</label>
466
+ <div>
467
+ <label class="custom-control custom-checkbox free-custom-checkbox">
468
+ <input type="checkbox" class="custom-control-input" disabled data-gramm_editor="false" >
469
+ <span class="custom-control-label"><?php esc_attr_e('Remove "Get widget" link', CHT_OPT);?></span>
470
+ </label>
471
+ <a target="_blank" href="<?php echo esc_url($this->getUpgradeMenuItemUrl());?>">(<?php esc_attr_e('upgrade to pro', CHT_OPT);?>)</a>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
472
  </div>
473
+ <?php endif; ?>
 
474
  </div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
475
  </section>
views/parts/section3.php CHANGED
@@ -1,6 +1,6 @@
1
  <section class="section">
2
  <h1 class="section-title">
3
- <strong><?php esc_attr_e('Step', CHT_OPT);?> 3:</strong> <?php esc_attr_e('Launch it!', CHT_OPT);?>
4
  </h1>
5
 
6
  <div class="form-horizontal">
1
  <section class="section">
2
  <h1 class="section-title">
3
+ <?php esc_attr_e('Launch it!', CHT_OPT);?>
4
  </h1>
5
 
6
  <div class="form-horizontal">
views/parts/trigger-and-target.php ADDED
@@ -0,0 +1,210 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+ $days = array(
3
+ "0" => "Everyday of week",
4
+ "1" => "Sunday",
5
+ "2" => "Monday",
6
+ "3" => "Tuesday",
7
+ "4" => "Wednesday",
8
+ "5" => "Thursday",
9
+ "6" => "Friday",
10
+ "7" => "Saturday",
11
+ "8" => "Sunday to Thursday",
12
+ "9" => "Monday to Friday",
13
+ "10" => "Weekend",
14
+ )
15
+ ?>
16
+
17
+ <section class="section">
18
+ <h1 class="section-title">
19
+ <strong><?php esc_attr_e('Step', CHT_OPT);?> 3:</strong> <?php esc_attr_e('Triggers and targeting', CHT_OPT);?>
20
+ </h1>
21
+
22
+ <div class="form-horizontal">
23
+ <div class="form-horizontal__item flex-center">
24
+ <label class="form-horizontal__item-label"><?php esc_attr_e('Default state', CHT_OPT);?>:</label>
25
+ <div>
26
+ <?php
27
+ $states = array(
28
+ "click" => "Click to open",
29
+ "hover" => "Hover to open",
30
+ "open" => "Opened by default"
31
+ );
32
+ $state = get_option('chaty_default_state'.$this->widget_index);
33
+ $state = empty($state)?"click":$state;
34
+ ?>
35
+ <select name="chaty_default_state" id="chaty_default_state" class="chaty-select">
36
+ <?php foreach ($states as $key => $value): ?>
37
+ <option value="<?php echo esc_attr($key); ?>" <?php selected($state, $key); ?>><?php echo esc_attr($value); ?></option>
38
+ <?php endforeach; ?>
39
+ </select>
40
+ </div>
41
+ </div>
42
+ <div class="form-horizontal__item flex-center hide-show-button <?php echo esc_attr($state=="open"?"active":"") ?>" >
43
+ <label class="form-horizontal__item-label"><?php esc_attr_e('Show close button', CHT_OPT);?>:</label>
44
+ <div>
45
+ <label class="switch">
46
+ <span class="switch__label"><?php esc_attr_e('Off', CHT_OPT);?></span>
47
+ <?php $close_button = get_option('cht_close_button'.$this->widget_index); ?>
48
+ <?php $close_button = empty($close_button)?"yes":$close_button; ?>
49
+ <input type="hidden" name="cht_close_button" value="no" >
50
+ <input data-gramm_editor="false" type="checkbox" id="cht_close_button" name="cht_close_button" value="yes" <?php checked($close_button, "yes") ?> >
51
+ <span class="switch__styled"></span>
52
+ <span class="switch__label"><?php esc_attr_e('On', CHT_OPT);?></span>
53
+ </label>
54
+ </div>
55
+ </div>
56
+ <div class="form-horizontal__item">
57
+ <label class="form-horizontal__item-label"><?php esc_attr_e('Trigger', CHT_OPT);?>:</label>
58
+ <div class="trigger-block">
59
+ <?php $checked = get_option('chaty_trigger_on_time'.$this->widget_index) ?>
60
+ <?php $time = get_option('chaty_trigger_time'.$this->widget_index); ?>
61
+ <?php $time = empty($time)?"0":$time; ?>
62
+ <?php $checked = empty($checked)?"yes":$checked; ?>
63
+ <input type="hidden" name="chaty_trigger_on_time" value="no" >
64
+ <div class="trigger-option-block">
65
+ <label class="chaty-switch" for="trigger_on_time">
66
+ <input type="checkbox" name="chaty_trigger_on_time" id="trigger_on_time" value="yes" <?php checked($checked, "yes") ?> >
67
+ <div class="chaty-slider round"></div>
68
+ Time Delay
69
+ </label>
70
+ <div class="trigger-block-input">
71
+ Display after <input type="number" id="chaty_trigger_time" name="chaty_trigger_time" value="<?php echo esc_attr($time) ?>"> seconds on the page
72
+ </div>
73
+ </div>
74
+ <?php $checked = get_option('chaty_trigger_on_exit'.$this->widget_index) ?>
75
+ <?php $time = get_option('chaty_trigger_on_exit'.$this->widget_index); ?>
76
+ <?php $time = empty($time)?"0":$time; ?>
77
+ <?php $checked = empty($checked)?"no":$checked; ?>
78
+ <div class="trigger-option-block">
79
+ <input type="hidden" name="chaty_trigger_on_exit" value="no" >
80
+ <label class="chaty-switch" for="chaty_trigger_on_exit">
81
+ <input type="checkbox" name="chaty_trigger_on_exit" id="chaty_trigger_on_exit" value="yes" <?php checked($checked, "yes") ?> >
82
+ <div class="chaty-slider round"></div>
83
+ Exit intent
84
+ </label>
85
+ <div class="trigger-block-input">
86
+ Display when visitor is about to leave the page
87
+ </div>
88
+ </div>
89
+ <?php $checked = get_option('chaty_trigger_on_scroll'.$this->widget_index) ?>
90
+ <?php $time = get_option('chaty_trigger_on_page_scroll'.$this->widget_index); ?>
91
+ <?php $time = empty($time)?"0":$time; ?>
92
+ <?php $checked = empty($checked)?"no":$checked; ?>
93
+ <div class="trigger-option-block">
94
+ <input type="hidden" name="chaty_trigger_on_scroll" value="no" >
95
+ <label class="chaty-switch" for="chaty_trigger_on_scroll">
96
+ <input type="checkbox" name="chaty_trigger_on_scroll" id="chaty_trigger_on_scroll" value="yes" <?php checked($checked, "yes") ?> >
97
+ <div class="chaty-slider round"></div>
98
+ Page Scroll
99
+ </label>
100
+ <div class="trigger-block-input">
101
+ Display after <input type="number" id="chaty_trigger_on_page_scroll" name="chaty_trigger_on_page_scroll" value="<?php echo esc_attr($time) ?>"> % on page
102
+ </div>
103
+ </div>
104
+ </div>
105
+ </div>
106
+ <div class="form-horizontal__item flex-center" id="scroll-to-item">
107
+ <label class="form-horizontal__item-label"><?php esc_attr_e('Days and hours', CHT_OPT);?>:</label>
108
+ <div class="chaty-option-box">
109
+ <div class="chaty-page-options" id="chaty-page-options">
110
+ <div class="chaty-data-and-time-rules ">
111
+ <div class="chaty-date-time-option last" data-index="__count__">
112
+ <div class="date-time-content">
113
+ <div class="day-select">
114
+ <select class="cht-required" id="url_shown_on___count___option">
115
+ <?php foreach ($days as $key=>$value) { ?>
116
+ <option value="<?php echo esc_attr($key) ?>"><?php echo esc_attr($value) ?></option>
117
+ <?php } ?>
118
+ </select>
119
+ </div>
120
+ <div class="day-label">
121
+ From
122
+ </div>
123
+ <div class="day-time">
124
+ <input type="text" class="cht-required time-picker" value="" id="start_time___count__" />
125
+ </div>
126
+ <div class="day-label">
127
+ To
128
+ </div>
129
+ <div class="day-time">
130
+ <input type="text" class="cht-required time-picker" value="" id="end_time___count__" />
131
+ </div>
132
+ <div class="day-label">
133
+ <span class="gmt-data">GMT</span>
134
+ </div>
135
+ <div class="day-time">
136
+ <select class="cht-required gmt-data" id="url_shown_on___count___option">
137
+ <?php for($i=12; $i>=-12;$i--) { ?>
138
+ <option <?php selected($i, 0) ?> value="<?php echo esc_attr($i) ?>"><?php echo esc_attr($i>0?"+":"").esc_attr($i) ?></option>
139
+ <?php } ?>
140
+ </select>
141
+ </div>
142
+ <div class="day-buttons">
143
+ <a class="remove-page-option" href="javascript:;">
144
+ <svg width="14" height="13" viewBox="0 0 14 13" fill="none" xmlns="http://www.w3.org/2000/svg">
145
+ <rect width="15.6301" height="2.24494" rx="1.12247" transform="translate(2.26764 0.0615997) rotate(45)" fill="white"></rect>
146
+ <rect width="15.6301" height="2.24494" rx="1.12247" transform="translate(13.3198 1.649) rotate(135)" fill="white"></rect>
147
+ </svg>
148
+ </a>
149
+ </div>
150
+ <div class="clear"></div>
151
+ </div>
152
+ <?php if(!$this->is_pro()) { ?>
153
+ <div class="chaty-pro-feature">
154
+ <a target="_blank" href="<?php echo esc_url($this->getUpgradeMenuItemUrl()) ?>">
155
+ <?php esc_attr_e('Upgrade to Pro', CHT_OPT); ?>
156
+ </a>
157
+ </div>
158
+ <?php } ?>
159
+ </div>
160
+ </div>
161
+ </div>
162
+ <a href="javascript:;" class="create-rule" id="create-data-and-time-rule">Add Rule</a>
163
+ </div>
164
+ </div>
165
+
166
+ <div class="form-horizontal__item" id="custom-rules">
167
+ <label class="form-horizontal__item-label">Show on:</label>
168
+ <div class="chaty-option-box">
169
+ <div class="page-options">
170
+ <div class="chaty-page-option">
171
+ <div class="url-content">
172
+ <div class="url-select">
173
+ <select class="cht-required" id="url_shown_on___count___option">
174
+ <option value="show_on">Show on</option>
175
+ <option value="not_show_on">Don't show on</option>
176
+ </select>
177
+ </div>
178
+ <div class="url-option">
179
+ <select class="url-options cht-required" id="url_rules___count___option">
180
+ <option selected="selected" disabled value="">Select Rule</option>
181
+ </select>
182
+ </div>
183
+ <div class="url-box">
184
+ <span class='chaty-url'><?php echo esc_url(site_url("/")); ?></span>
185
+ </div>
186
+ <div class="url-values">
187
+ <input type="text" class="cht-required" value="" id="url_rules___count___value" />
188
+ </div>
189
+ <div class="url-buttons">
190
+ <a class="remove-chaty" href="javascript:;">
191
+ <svg width="14" height="13" viewBox="0 0 14 13" fill="none" xmlns="http://www.w3.org/2000/svg">
192
+ <rect width="15.6301" height="2.24494" rx="1.12247" transform="translate(2.26764 0.0615997) rotate(45)" fill="white"></rect>
193
+ <rect width="15.6301" height="2.24494" rx="1.12247" transform="translate(13.3198 1.649) rotate(135)" fill="white"></rect>
194
+ </svg>
195
+ </a>
196
+ </div>
197
+ <div class="clear"></div>
198
+ </div>
199
+ </div>
200
+ <div class="chaty-pro-feature">
201
+ <a target="_blank" href="<?php echo esc_url($this->getUpgradeMenuItemUrl());?>">
202
+ <?php esc_attr_e('Upgrade to Pro', CHT_OPT);?>
203
+ </a>
204
+ </div>
205
+ </div>
206
+ <a href="javascript:;" class="create-rule" id="create-rule">Add Rule</a>
207
+ </div>
208
+ </div>
209
+ </div>
210
+ </section>
views/upgrade.php CHANGED
@@ -32,6 +32,7 @@
32
  <div class="rpt_feature rpt_feature_0-4"><a href="javascript:void(0)" class="rpt_tooltip"><span class="intool"><b></b>Locate the widget exactly where you want by the pixel - X,Y</span>Custom location<span class="rpt_tooltip_plus" style="color:#5500ff !important;"> +</span></a></div>
33
  <div class="rpt_feature rpt_feature_0-5"><a href="javascript:void(0)" class="rpt_tooltip"><span class="intool"><b></b>Automatically track clicks on each of your channels on your Google Analytics account</span>Google Analytics<span class="rpt_tooltip_plus" style="color:#5500ff !important;"> +</span></a></div>
34
  <div class="rpt_feature rpt_feature_0-6"><a href="javascript:void(0)" class="rpt_tooltip"><span class="intool"><b></b>Show/don't show the widget on specific pages</span>Page targeting<span class="rpt_tooltip_plus" style="color:#5500ff !important;"> +</span></a></div>
 
35
  <div class="rpt_feature rpt_feature_0-8"><a href="javascript:void(0)" class="rpt_tooltip"><span class="intool"><b></b>Create different widgets for different pages. Show different icons based on page targeting rules</span>Multiple widgets<span class="rpt_tooltip_plus" style="color:#5500ff !important;"> +</span></a></div>
36
  <div class="rpt_feature rpt_feature_0-8"><a href="javascript:void(0)" class="rpt_tooltip">No "Get Chaty" credit</a></div>
37
  <div class="rpt_feature rpt_feature_0-7"><a href="javascript:void(0)" class="rpt_tooltip"><span class="intool"><b></b>QR code for WeChat, customizable WhatsApp message, customizable email subject, and remove the credit link</span>And more<span class="rpt_tooltip_plus" style="color:#5500ff !important;"> +</span></a></div>
@@ -57,7 +58,7 @@
57
  </a>
58
  </div>
59
  <div class="rpt_plan rpt_plan_1 rpt_recommended_plan">
60
- <div style="text-align:left;" class="rpt_title rpt_title_1">Pro<img class="rpt_recommended" src="<?php echo CHT_PLUGIN_URL ?>assets/images/rpt_recommended.png" style="top: 27px;"></div>
61
  <div class="rpt_head rpt_head_1">
62
  <div class="rpt_description rpt_description_1 title-text">
63
  <?php _e('For businesses with multiple websites', CHT_OPT); ?>
@@ -76,6 +77,7 @@
76
  <div class="rpt_feature rpt_feature_0-4"><a href="javascript:void(0)" class="rpt_tooltip"><span class="intool"><b></b>Locate the widget exactly where you want by the pixel - X,Y</span>Custom location<span class="rpt_tooltip_plus" style="color:#5500ff !important;"> +</span></a></div>
77
  <div class="rpt_feature rpt_feature_0-5"><a href="javascript:void(0)" class="rpt_tooltip"><span class="intool"><b></b>Automatically track clicks on each of your channels on your Google Analytics account</span>Google Analytics<span class="rpt_tooltip_plus" style="color:#5500ff !important;"> +</span></a></div>
78
  <div class="rpt_feature rpt_feature_0-6"><a href="javascript:void(0)" class="rpt_tooltip"><span class="intool"><b></b>Show/don't show the widget on specific pages</span>Page targeting<span class="rpt_tooltip_plus" style="color:#5500ff !important;"> +</span></a></div>
 
79
  <div class="rpt_feature rpt_feature_0-8"><a href="javascript:void(0)" class="rpt_tooltip"><span class="intool"><b></b>Create different widgets for different pages. Show different icons based on page targeting rules</span>Multiple widgets<span class="rpt_tooltip_plus" style="color:#5500ff !important;"> +</span></a></div>
80
  <div class="rpt_feature rpt_feature_0-8"><a href="javascript:void(0)" class="rpt_tooltip">No "Get Chaty" credit</a></div>
81
  <div class="rpt_feature rpt_feature_0-7"><a href="javascript:void(0)" class="rpt_tooltip"><span class="intool"><b></b>QR code for WeChat, customizable WhatsApp message, customizable email subject, and remove the credit link</span>And more<span class="rpt_tooltip_plus" style="color:#5500ff !important;"> +</span></a></div>
@@ -120,6 +122,7 @@
120
  <div class="rpt_feature rpt_feature_0-4"><a href="javascript:void(0)" class="rpt_tooltip"><span class="intool"><b></b>Locate the widget exactly where you want by the pixel - X,Y</span>Custom location<span class="rpt_tooltip_plus" style="color:#5500ff !important;"> +</span></a></div>
121
  <div class="rpt_feature rpt_feature_0-5"><a href="javascript:void(0)" class="rpt_tooltip"><span class="intool"><b></b>Automatically track clicks on each of your channels on your Google Analytics account</span>Google Analytics<span class="rpt_tooltip_plus" style="color:#5500ff !important;"> +</span></a></div>
122
  <div class="rpt_feature rpt_feature_0-6"><a href="javascript:void(0)" class="rpt_tooltip"><span class="intool"><b></b>Show/don't show the widget on specific pages</span>Page targeting<span class="rpt_tooltip_plus" style="color:#5500ff !important;"> +</span></a></div>
 
123
  <div class="rpt_feature rpt_feature_0-8"><a href="javascript:void(0)" class="rpt_tooltip"><span class="intool"><b></b>Create different widgets for different pages. Show different icons based on page targeting rules</span>Multiple widgets<span class="rpt_tooltip_plus" style="color:#5500ff !important;"> +</span></a></div>
124
  <div class="rpt_feature rpt_feature_0-8"><a href="javascript:void(0)" class="rpt_tooltip">No "Get Chaty" credit</a></div>
125
  <div class="rpt_feature rpt_feature_0-7"><a href="javascript:void(0)" class="rpt_tooltip"><span class="intool"><b></b>QR code for WeChat, customizable WhatsApp message, customizable email subject, and remove the credit link</span>And more<span class="rpt_tooltip_plus" style="color:#5500ff !important;"> +</span></a></div>
32
  <div class="rpt_feature rpt_feature_0-4"><a href="javascript:void(0)" class="rpt_tooltip"><span class="intool"><b></b>Locate the widget exactly where you want by the pixel - X,Y</span>Custom location<span class="rpt_tooltip_plus" style="color:#5500ff !important;"> +</span></a></div>
33
  <div class="rpt_feature rpt_feature_0-5"><a href="javascript:void(0)" class="rpt_tooltip"><span class="intool"><b></b>Automatically track clicks on each of your channels on your Google Analytics account</span>Google Analytics<span class="rpt_tooltip_plus" style="color:#5500ff !important;"> +</span></a></div>
34
  <div class="rpt_feature rpt_feature_0-6"><a href="javascript:void(0)" class="rpt_tooltip"><span class="intool"><b></b>Show/don't show the widget on specific pages</span>Page targeting<span class="rpt_tooltip_plus" style="color:#5500ff !important;"> +</span></a></div>
35
+ <div class="rpt_feature rpt_feature_0-6"><a href="javascript:void(0)" class="rpt_tooltip"><span class="intool"><b></b>Display the widget on specific days and hours based on your opening days and hours</span>Available days and hours<span class="rpt_tooltip_plus" style="color:#5500ff !important;"> +</span></a></div>
36
  <div class="rpt_feature rpt_feature_0-8"><a href="javascript:void(0)" class="rpt_tooltip"><span class="intool"><b></b>Create different widgets for different pages. Show different icons based on page targeting rules</span>Multiple widgets<span class="rpt_tooltip_plus" style="color:#5500ff !important;"> +</span></a></div>
37
  <div class="rpt_feature rpt_feature_0-8"><a href="javascript:void(0)" class="rpt_tooltip">No "Get Chaty" credit</a></div>
38
  <div class="rpt_feature rpt_feature_0-7"><a href="javascript:void(0)" class="rpt_tooltip"><span class="intool"><b></b>QR code for WeChat, customizable WhatsApp message, customizable email subject, and remove the credit link</span>And more<span class="rpt_tooltip_plus" style="color:#5500ff !important;"> +</span></a></div>
58
  </a>
59
  </div>
60
  <div class="rpt_plan rpt_plan_1 rpt_recommended_plan">
61
+ <div style="text-align:left;" class="rpt_title rpt_title_1">Plus<img class="rpt_recommended" src="<?php echo CHT_PLUGIN_URL ?>assets/images/rpt_recommended.png" style="top: 27px;"></div>
62
  <div class="rpt_head rpt_head_1">
63
  <div class="rpt_description rpt_description_1 title-text">
64
  <?php _e('For businesses with multiple websites', CHT_OPT); ?>
77
  <div class="rpt_feature rpt_feature_0-4"><a href="javascript:void(0)" class="rpt_tooltip"><span class="intool"><b></b>Locate the widget exactly where you want by the pixel - X,Y</span>Custom location<span class="rpt_tooltip_plus" style="color:#5500ff !important;"> +</span></a></div>
78
  <div class="rpt_feature rpt_feature_0-5"><a href="javascript:void(0)" class="rpt_tooltip"><span class="intool"><b></b>Automatically track clicks on each of your channels on your Google Analytics account</span>Google Analytics<span class="rpt_tooltip_plus" style="color:#5500ff !important;"> +</span></a></div>
79
  <div class="rpt_feature rpt_feature_0-6"><a href="javascript:void(0)" class="rpt_tooltip"><span class="intool"><b></b>Show/don't show the widget on specific pages</span>Page targeting<span class="rpt_tooltip_plus" style="color:#5500ff !important;"> +</span></a></div>
80
+ <div class="rpt_feature rpt_feature_0-6"><a href="javascript:void(0)" class="rpt_tooltip"><span class="intool"><b></b>Display the widget on specific days and hours based on your opening days and hours</span>Available days and hours<span class="rpt_tooltip_plus" style="color:#5500ff !important;"> +</span></a></div>
81
  <div class="rpt_feature rpt_feature_0-8"><a href="javascript:void(0)" class="rpt_tooltip"><span class="intool"><b></b>Create different widgets for different pages. Show different icons based on page targeting rules</span>Multiple widgets<span class="rpt_tooltip_plus" style="color:#5500ff !important;"> +</span></a></div>
82
  <div class="rpt_feature rpt_feature_0-8"><a href="javascript:void(0)" class="rpt_tooltip">No "Get Chaty" credit</a></div>
83
  <div class="rpt_feature rpt_feature_0-7"><a href="javascript:void(0)" class="rpt_tooltip"><span class="intool"><b></b>QR code for WeChat, customizable WhatsApp message, customizable email subject, and remove the credit link</span>And more<span class="rpt_tooltip_plus" style="color:#5500ff !important;"> +</span></a></div>
122
  <div class="rpt_feature rpt_feature_0-4"><a href="javascript:void(0)" class="rpt_tooltip"><span class="intool"><b></b>Locate the widget exactly where you want by the pixel - X,Y</span>Custom location<span class="rpt_tooltip_plus" style="color:#5500ff !important;"> +</span></a></div>
123
  <div class="rpt_feature rpt_feature_0-5"><a href="javascript:void(0)" class="rpt_tooltip"><span class="intool"><b></b>Automatically track clicks on each of your channels on your Google Analytics account</span>Google Analytics<span class="rpt_tooltip_plus" style="color:#5500ff !important;"> +</span></a></div>
124
  <div class="rpt_feature rpt_feature_0-6"><a href="javascript:void(0)" class="rpt_tooltip"><span class="intool"><b></b>Show/don't show the widget on specific pages</span>Page targeting<span class="rpt_tooltip_plus" style="color:#5500ff !important;"> +</span></a></div>
125
+ <div class="rpt_feature rpt_feature_0-6"><a href="javascript:void(0)" class="rpt_tooltip"><span class="intool"><b></b>Display the widget on specific days and hours based on your opening days and hours</span>Available days and hours<span class="rpt_tooltip_plus" style="color:#5500ff !important;"> +</span></a></div>
126
  <div class="rpt_feature rpt_feature_0-8"><a href="javascript:void(0)" class="rpt_tooltip"><span class="intool"><b></b>Create different widgets for different pages. Show different icons based on page targeting rules</span>Multiple widgets<span class="rpt_tooltip_plus" style="color:#5500ff !important;"> +</span></a></div>
127
  <div class="rpt_feature rpt_feature_0-8"><a href="javascript:void(0)" class="rpt_tooltip">No "Get Chaty" credit</a></div>
128
  <div class="rpt_feature rpt_feature_0-7"><a href="javascript:void(0)" class="rpt_tooltip"><span class="intool"><b></b>QR code for WeChat, customizable WhatsApp message, customizable email subject, and remove the credit link</span>And more<span class="rpt_tooltip_plus" style="color:#5500ff !important;"> +</span></a></div>
views/widget.php CHANGED
@@ -23,6 +23,35 @@ $cta = str_replace("'","&#39;",$cta);
23
  $cta = str_replace('"',"&#34;",$cta);
24
  $font_family = get_option('cht_widget_font');
25
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
26
  $settings = array();
27
  $settings['isPRO'] = 0;
28
  $settings['position'] = get_option('cht_position');
@@ -42,8 +71,17 @@ $settings['isMobile'] = (wp_is_mobile())?"1":"0";
42
  $settings['is_mobile'] = (wp_is_mobile())?"1":"0";
43
  $settings['ajax_url'] = admin_url('admin-ajax.php');
44
  $settings['active'] = ($cht_active && $len > 0 && $len < 3) ? "true" : "false";
 
 
 
 
 
 
 
 
45
  $data = array();
46
  $data['object_settings'] = $settings;
 
47
  if($len > 0 && $len < 3) {
48
  ob_start()
49
  ?>
@@ -58,12 +96,14 @@ if($len > 0 && $len < 3) {
58
  <?php if(!empty($font_family)) { ?>
59
  .chaty-widget { font-family: <?php echo esc_attr($font_family) ?>; }
60
  <?php } ?>
 
61
  </style>
62
  <?php
63
  echo ob_get_clean();
64
  if(!empty($font_family)) {
65
  wp_enqueue_style( 'custom-google-fonts', 'https://fonts.googleapis.com/css?family='.urlencode($font_family), false );
66
  }
 
67
  wp_enqueue_script("chaty-front-end", CHT_PLUGIN_URL."assets/js/cht-front-script.js", array('jquery'), CHT_VERSION);
68
  wp_localize_script('chaty-front-end', 'chaty_settings', $data);
69
  ?>
23
  $cta = str_replace('"',"&#34;",$cta);
24
  $font_family = get_option('cht_widget_font');
25
 
26
+
27
+ $animation_class = get_option("chaty_attention_effect".$this->widget_number);
28
+ $animation_class = empty($animation_class)?"":$animation_class;
29
+
30
+ $time_trigger = get_option("chaty_trigger_on_time".$this->widget_number);
31
+ $time_trigger = empty($time_trigger)?"no":$time_trigger;
32
+
33
+ $trigger_time = get_option("chaty_trigger_time".$this->widget_number);
34
+ $trigger_time = (empty($trigger_time) || !is_numeric($trigger_time) || $trigger_time < 0)?"0":$trigger_time;
35
+
36
+ $exit_intent = get_option("chaty_trigger_on_exit".$this->widget_number);
37
+ $exit_intent = empty($exit_intent)?"no":$exit_intent;
38
+
39
+ $on_page_scroll = get_option("chaty_trigger_on_scroll".$this->widget_number);
40
+ $on_page_scroll = empty($on_page_scroll)?"no":$on_page_scroll;
41
+
42
+ $page_scroll = get_option("chaty_trigger_on_page_scroll".$this->widget_number);
43
+ $page_scroll = (empty($page_scroll) || !is_numeric($page_scroll) || $page_scroll < 0)?"0":$page_scroll;
44
+
45
+ $state = get_option("chaty_default_state".$this->widget_number);
46
+ $state = empty($state)?"click":$state;
47
+
48
+ $has_close_button = get_option("cht_close_button".$this->widget_number);
49
+ $has_close_button = empty($has_close_button)?"yes":$has_close_button;
50
+
51
+ if($state == "open") {
52
+ $cta = "";
53
+ }
54
+
55
  $settings = array();
56
  $settings['isPRO'] = 0;
57
  $settings['position'] = get_option('cht_position');
71
  $settings['is_mobile'] = (wp_is_mobile())?"1":"0";
72
  $settings['ajax_url'] = admin_url('admin-ajax.php');
73
  $settings['active'] = ($cht_active && $len > 0 && $len < 3) ? "true" : "false";
74
+ $settings['animation_class'] = $animation_class;
75
+ $settings['time_trigger'] = $time_trigger;
76
+ $settings['trigger_time'] = $trigger_time;
77
+ $settings['exit_intent'] = $exit_intent;
78
+ $settings['on_page_scroll'] = $on_page_scroll;
79
+ $settings['page_scroll'] = $page_scroll;
80
+ $settings['display_state'] = $state;
81
+ $settings['has_close_button'] = $has_close_button;
82
  $data = array();
83
  $data['object_settings'] = $settings;
84
+
85
  if($len > 0 && $len < 3) {
86
  ob_start()
87
  ?>
96
  <?php if(!empty($font_family)) { ?>
97
  .chaty-widget { font-family: <?php echo esc_attr($font_family) ?>; }
98
  <?php } ?>
99
+ body div.chaty-widget.hide-widget { display: none !important; }
100
  </style>
101
  <?php
102
  echo ob_get_clean();
103
  if(!empty($font_family)) {
104
  wp_enqueue_style( 'custom-google-fonts', 'https://fonts.googleapis.com/css?family='.urlencode($font_family), false );
105
  }
106
+ wp_enqueue_style( 'chaty-front-css', CHT_PLUGIN_URL."assets/css/animation.css", array(), CHT_VERSION);
107
  wp_enqueue_script("chaty-front-end", CHT_PLUGIN_URL."assets/js/cht-front-script.js", array('jquery'), CHT_VERSION);
108
  wp_localize_script('chaty-front-end', 'chaty_settings', $data);
109
  ?>