@textback/notification-widget 2.0.1-103341 → 2.0.1-110209
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/index.js +3 -3
- package/build/sdk.js +2 -2
- package/package.json +1 -1
- package/server.js +224 -224
- package/src/sdk/sdk.js +6 -7
- package/src/sdk/widget/widget.js +7 -7
- package/src/widget/components/tb-notification-widget/index.js +2 -3
- package/src/widget/components/tb-nw-wahunter/index.js +5 -45
- package/src/widget/icons/tb-logo.svg +15 -20
- package/views/sdk.html +215 -259
- package/webpack.dev.js +2 -3
|
@@ -1,21 +1,16 @@
|
|
|
1
|
-
<svg
|
|
2
|
-
<style
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
<path
|
|
8
|
-
<path
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
C69.3,19.6,68.8,19.3,67.8,19.3z"/>
|
|
17
|
-
<path class="st2" d="M40.9,24.4h1.8V13h4.4v-1.6H36.4V13h4.4V24.4z"/>
|
|
18
|
-
<path class="st2" d="M30.2,19l3.9,5.4h2.1l-4.9-6.7l4.6-6.3h-2l-3.6,5l-3.6-5h-2.1l4.6,6.3l-4.9,6.7h2.1L30.2,19z"/>
|
|
19
|
-
<path class="st2" d="M22.4,11.4h-9.2v13h9.4v-1.6h-7.6v-4.2h6.5V17h-6.5v-4h7.3V11.4z"/>
|
|
20
|
-
<path class="st2" d="M4.4,24.4h1.8V13h4.4v-1.6H0V13h4.4V24.4z"/>
|
|
1
|
+
<svg width="114" height="42" viewBox="0 0 114 42" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<mask id="mask0_715_374" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="1" y="5" width="112" height="37">
|
|
3
|
+
<path d="M112.556 5.52637H1.44444V41.3507H112.556V5.52637Z" fill="white"/>
|
|
4
|
+
</mask>
|
|
5
|
+
<g mask="url(#mask0_715_374)">
|
|
6
|
+
<path d="M49.5278 6.82507C49.5278 6.10665 50.1111 5.51257 50.8472 5.51257H110.986C111.708 5.51257 112.306 6.09284 112.306 6.82507V32.4119C112.306 33.1303 111.722 33.7244 110.986 33.7244H57.1805C56.8194 33.7244 56.4583 33.8764 56.2083 34.1527L50.3055 40.5356C50.0278 40.8257 49.5417 40.6323 49.5417 40.2455V6.82507H49.5278Z" fill="#735FF5"/>
|
|
7
|
+
<path d="M43.5555 26.9269C42.7778 27.0789 42 27.1342 41.25 27.1066C40.5 27.0927 39.8333 26.9546 39.2361 26.7059C38.6389 26.4434 38.1944 26.0289 37.8889 25.4763C37.6111 24.9651 37.4722 24.4401 37.4583 23.9151C37.4444 23.3901 37.4305 22.7822 37.4305 22.1191V11.8677H40.0694V21.9671C40.0694 22.4368 40.0694 22.8513 40.0833 23.2105C40.0972 23.5697 40.1805 23.8598 40.3194 24.0809C40.5833 24.523 41 24.7579 41.5833 24.8131C42.1667 24.8684 42.8194 24.8408 43.5555 24.7302V26.9269ZM35.2778 17.2006V15.1421H43.5417V17.2006H35.2778Z" fill="white"/>
|
|
8
|
+
<path d="M22.7083 26.927L27.0417 20.9586L22.7917 15.1283H25.9167L28.5833 18.9L31.2083 15.1283H34.3333L30.0833 20.9586L34.4444 26.927H31.3194L28.5833 23.0309L25.8333 26.927H22.7083Z" fill="white"/>
|
|
9
|
+
<path d="M17.0555 27.2586C15.8611 27.2586 14.8055 26.9961 13.8889 26.4849C12.9861 25.9737 12.2778 25.2553 11.7639 24.3296C11.2639 23.4178 11 22.354 11 21.1658C11 19.8809 11.25 18.7619 11.75 17.8086C12.25 16.8553 12.9444 16.1092 13.8194 15.598C14.7083 15.073 15.7361 14.8105 16.8889 14.8105C18.125 14.8105 19.1666 15.1007 20.0139 15.6671C20.875 16.2336 21.5139 17.0349 21.9305 18.0849C22.3472 19.1211 22.5 20.3507 22.4028 21.7599H19.7778V20.7928C19.7639 19.5079 19.5416 18.5823 19.0972 17.9882C18.6528 17.3941 17.9444 17.104 16.9861 17.104C15.9028 17.104 15.0972 17.4355 14.5694 18.1125C14.0417 18.7757 13.7778 19.7428 13.7778 21.0277C13.7778 22.2158 14.0417 23.1415 14.5694 23.8046C15.0972 24.454 15.8611 24.7855 16.875 24.7855C17.5278 24.7855 18.0833 24.6474 18.5555 24.3573C19.0278 24.0671 19.4028 23.6527 19.6528 23.1L22.2639 23.8875C21.8055 24.9513 21.1111 25.7803 20.1528 26.3605C19.2361 26.9546 18.1944 27.2586 17.0555 27.2586ZM12.9722 21.7599V19.7704H21.125V21.7599H12.9722Z" fill="white"/>
|
|
10
|
+
<path d="M9.70833 26.9269C8.93055 27.0789 8.15278 27.1342 7.40278 27.1066C6.65278 27.0927 5.98611 26.9546 5.38889 26.7059C4.79167 26.4434 4.34722 26.0289 4.04167 25.4763C3.76389 24.9651 3.625 24.4401 3.61111 23.9151C3.59722 23.3901 3.58333 22.7822 3.58333 22.1191V11.8677H6.22222V21.9671C6.22222 22.4368 6.22222 22.8513 6.23611 23.2105C6.25 23.5697 6.33333 23.8598 6.47222 24.0809C6.73611 24.523 7.15278 24.7579 7.73611 24.8131C8.31944 24.8684 8.97222 24.8408 9.70833 24.7302V26.9269ZM1.44444 17.2006V15.1421H9.70833V17.2006H1.44444Z" fill="white"/>
|
|
11
|
+
<path d="M95.8194 26.927L95.8472 11.2047H98.5278V20.8066L102.861 15.1283H106.167L101.569 21.0277L106.569 26.927H103.069L98.5417 21.2487V26.927H95.8194Z" fill="white"/>
|
|
12
|
+
<path d="M88.3611 27.2586C87.1389 27.2586 86.0972 26.9822 85.2361 26.4572C84.375 25.9046 83.7083 25.1724 83.25 24.2329C82.7917 23.2934 82.5694 22.2296 82.5555 21.0414C82.5694 19.8395 82.8055 18.7618 83.2639 17.8362C83.7361 16.8967 84.4167 16.1645 85.2778 15.6257C86.1528 15.0868 87.1805 14.8243 88.3889 14.8243C89.7361 14.8243 90.875 15.1697 91.8055 15.8467C92.7361 16.5099 93.3472 17.4355 93.6389 18.596L91 19.3007C90.7917 18.6651 90.4583 18.1816 89.9722 17.8224C89.5 17.4632 88.9583 17.2835 88.3472 17.2835C87.6528 17.2835 87.0972 17.4493 86.6389 17.7809C86.1944 18.0987 85.8611 18.5408 85.6528 19.1072C85.4444 19.6737 85.3333 20.323 85.3333 21.0414C85.3333 22.1605 85.5833 23.0724 86.0972 23.7632C86.5972 24.4539 87.3472 24.7993 88.3472 24.7993C89.0556 24.7993 89.5972 24.6335 90 24.3158C90.4167 23.998 90.7222 23.5283 90.9167 22.9342L93.6111 23.5283C93.25 24.7303 92.6111 25.6559 91.6944 26.3053C90.8055 26.927 89.6805 27.2586 88.3611 27.2586Z" fill="white"/>
|
|
13
|
+
<path d="M73.875 27.2585C73.0139 27.2585 72.2917 27.0927 71.6944 26.775C71.0972 26.4434 70.6528 26.0151 70.3472 25.4763C70.0417 24.9375 69.9028 24.3434 69.9028 23.6941C69.9028 23.1276 70 22.6164 70.1944 22.1605C70.3889 21.7046 70.6805 21.3039 71.0694 20.9862C71.4583 20.6546 71.9722 20.3783 72.6111 20.171C73.0833 20.0191 73.6389 19.8809 74.2778 19.7566C74.9167 19.6322 75.6111 19.5217 76.3611 19.4112C77.1111 19.3006 77.9028 19.1901 78.7222 19.0658L77.7778 19.6046C77.7778 18.7895 77.5972 18.1816 77.2222 17.8085C76.8472 17.4217 76.2222 17.2283 75.3333 17.2283C74.8056 17.2283 74.2778 17.3526 73.7917 17.6013C73.2917 17.85 72.9444 18.2783 72.75 18.8723L70.3333 18.1125C70.625 17.1177 71.1805 16.3164 72 15.7085C72.8333 15.1006 73.9444 14.7967 75.3333 14.7967C76.3889 14.7967 77.3194 14.9625 78.1111 15.3079C78.9167 15.6533 79.5139 16.2059 79.9028 16.9934C80.1111 17.4079 80.25 17.8362 80.2917 18.2645C80.3333 18.6927 80.3611 19.1625 80.3611 19.6737V26.9131H78.0417V24.3572L78.4305 24.7717C77.9028 25.6283 77.2639 26.25 76.5555 26.6506C75.8333 27.0513 74.9444 27.2585 73.875 27.2585ZM74.4028 25.1585C75 25.1585 75.5139 25.048 75.9444 24.8408C76.375 24.6335 76.7083 24.371 76.9583 24.0671C77.2083 23.7631 77.3889 23.473 77.4722 23.2105C77.6111 22.8789 77.6944 22.4921 77.7083 22.0638C77.7361 21.6217 77.7361 21.2763 77.7361 21L78.5417 21.2349C77.75 21.3592 77.0555 21.4697 76.4861 21.5664C75.9167 21.6631 75.4306 21.746 75.0139 21.8427C74.5972 21.9256 74.2361 22.0085 73.9306 22.1191C73.625 22.2296 73.3611 22.3539 73.1528 22.5059C72.9444 22.6579 72.7778 22.8237 72.6528 23.0033C72.5417 23.1967 72.4861 23.4177 72.4861 23.6664C72.4861 23.9566 72.5555 24.2191 72.7083 24.4401C72.8611 24.6612 73.0694 24.827 73.3472 24.9651C73.625 25.0895 73.9722 25.1585 74.4028 25.1585Z" fill="white"/>
|
|
14
|
+
<path d="M62.7222 27.2586C61.5694 27.2586 60.5972 26.9823 59.8194 26.4435C59.0417 25.8908 58.4444 25.1586 58.0555 24.2191C57.6667 23.2658 57.4583 22.2158 57.4583 21.0415C57.4583 19.8533 57.6528 18.7895 58.0555 17.85C58.4444 16.9106 59.0278 16.1783 59.7917 15.6395C60.5555 15.0869 61.5139 14.8244 62.6389 14.8244C63.7639 14.8244 64.7222 15.1007 65.5417 15.6395C66.375 16.1783 67.0139 16.9106 67.4583 17.85C67.9167 18.7757 68.1389 19.8395 68.1389 21.0415C68.1389 22.2158 67.9167 23.2797 67.4722 24.2191C67.0278 25.1586 66.4028 25.9046 65.5833 26.4435C64.7639 26.9823 63.8055 27.2586 62.7222 27.2586ZM57 26.927V11.2047H59.6667V18.6514H59.3333V26.927H57ZM62.3194 24.8961C63.0139 24.8961 63.5694 24.7303 64.0278 24.3849C64.4722 24.0395 64.8055 23.5836 65.0139 23.0033C65.2361 22.4093 65.3472 21.7599 65.3472 21.0415C65.3472 20.3231 65.2361 19.6737 65.0139 19.0935C64.7917 18.4994 64.4583 18.0435 63.9861 17.6981C63.5278 17.3527 62.9444 17.1731 62.2361 17.1731C61.5694 17.1731 61.0139 17.3389 60.5833 17.6704C60.1528 17.9882 59.8472 18.4441 59.6389 19.0244C59.4444 19.6047 59.3472 20.2678 59.3472 21.0415C59.3472 21.8014 59.4444 22.4783 59.6389 23.0586C59.8472 23.6389 60.1667 24.0948 60.5972 24.4264C61.0278 24.7303 61.5972 24.8961 62.3194 24.8961Z" fill="white"/>
|
|
15
|
+
</g>
|
|
21
16
|
</svg>
|
package/views/sdk.html
CHANGED
|
@@ -1,132 +1,126 @@
|
|
|
1
1
|
<!DOCTYPE html>
|
|
2
2
|
<html>
|
|
3
|
-
|
|
4
|
-
<meta charset="UTF-8"
|
|
5
|
-
<meta name="viewport" content="width=device-width, initial-scale=1.0"
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8">
|
|
5
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
6
6
|
<title>SDK Test</title>
|
|
7
7
|
|
|
8
8
|
<style>
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
9
|
+
button {
|
|
10
|
+
margin-right: 10px;
|
|
11
|
+
}
|
|
12
12
|
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
13
|
+
.tb-buttons,
|
|
14
|
+
.tb-btn-wrapper,
|
|
15
|
+
.tb-btn {
|
|
16
|
+
box-sizing: border-box;
|
|
17
|
+
text-align: center;
|
|
18
|
+
}
|
|
19
19
|
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
20
|
+
.tb-btn-wrapper {
|
|
21
|
+
position: relative;
|
|
22
|
+
display: inline-block;
|
|
23
|
+
}
|
|
24
24
|
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
25
|
+
.tb-btn-tooltip {
|
|
26
|
+
position: absolute;
|
|
27
|
+
opacity: 0;
|
|
28
|
+
visibility: hidden;
|
|
29
29
|
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
30
|
+
background-color: rgba(255, 255, 255, 0.9);
|
|
31
|
+
padding: 5px 7px;
|
|
32
|
+
border-radius: 3px;
|
|
33
|
+
color: #6f7b8a;
|
|
34
|
+
font-size: 10px;
|
|
35
|
+
z-index: 10;
|
|
36
|
+
top: 52px;
|
|
37
|
+
box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.2);
|
|
38
|
+
transition: opacity 0.4s;
|
|
39
|
+
}
|
|
40
40
|
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
}
|
|
41
|
+
.tb-btn-tooltip:before, .tb-btn-tooltip:after {
|
|
42
|
+
content: ' ';
|
|
43
|
+
height: 0;
|
|
44
|
+
position: absolute;
|
|
45
|
+
width: 0;
|
|
46
|
+
border: 10px solid transparent;
|
|
47
|
+
}
|
|
49
48
|
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
49
|
+
.tb-btn-tooltip:before {
|
|
50
|
+
position: absolute;
|
|
51
|
+
top: -19px;
|
|
52
|
+
left: 70px;
|
|
53
|
+
z-index: 2;
|
|
54
|
+
border-bottom-color: #fff;
|
|
55
|
+
}
|
|
57
56
|
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
57
|
+
.tb-btn-tooltip:after {
|
|
58
|
+
position: absolute;
|
|
59
|
+
top: -25px;
|
|
60
|
+
left: 67px;
|
|
61
|
+
z-index: 1;
|
|
62
|
+
border: 13px solid transparent;
|
|
63
|
+
border-bottom-color: rgba(0, 0, 0, 0.05);
|
|
64
|
+
}
|
|
66
65
|
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
66
|
+
.tb-btn {
|
|
67
|
+
text-decoration: none;
|
|
68
|
+
display: inline-block;
|
|
69
|
+
width: 150px;
|
|
70
|
+
padding: 10px 25px;
|
|
71
|
+
margin-top: 5px;
|
|
72
|
+
margin-bottom: 5px;
|
|
73
|
+
border-radius: 25px;
|
|
74
|
+
color: #fff !important;
|
|
75
|
+
font-size: 15px;
|
|
76
|
+
font-family: 'Open Sans', 'Droid Sans', Arial, sans-serif;
|
|
77
|
+
line-height: 17px;
|
|
78
|
+
transition: box-shadow 0.4s;
|
|
79
|
+
}
|
|
81
80
|
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
81
|
+
.tb-btn img {
|
|
82
|
+
width: 30px;
|
|
83
|
+
height: 30px;
|
|
84
|
+
display: inline-block;
|
|
85
|
+
margin: -10px 0px -10px -15px;
|
|
86
|
+
}
|
|
88
87
|
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
88
|
+
.tb-btn:hover {
|
|
89
|
+
box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.4);
|
|
90
|
+
}
|
|
92
91
|
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
92
|
+
.tb-btn:hover + .tb-btn-tooltip {
|
|
93
|
+
opacity: 1;
|
|
94
|
+
visibility: visible;
|
|
95
|
+
}
|
|
97
96
|
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
97
|
+
.tb-btn.tb-vk {
|
|
98
|
+
background-color: #45668e;
|
|
99
|
+
}
|
|
100
|
+
.tb-btn.tb-tg {
|
|
101
|
+
background-color: #1E96C8;
|
|
102
|
+
}
|
|
103
|
+
.tb-btn.tb-facebook {
|
|
104
|
+
background-color: #3b5998;
|
|
105
|
+
}
|
|
106
|
+
.tb-btn.tb-viber {
|
|
107
|
+
background-color: #59267c;
|
|
108
|
+
}
|
|
109
|
+
.tb-btn.tb-whatsapp {
|
|
110
|
+
background-color: #189d0e;
|
|
111
|
+
}
|
|
112
|
+
.tb-btn.tb-whatsappb {
|
|
113
|
+
background-color: #189d0e;
|
|
114
|
+
}
|
|
116
115
|
</style>
|
|
117
116
|
|
|
118
117
|
<!-- <link rel="stylesheet" href="/views/tilda.css"> -->
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
<tb-notification-widget
|
|
122
|
-
widget-id="7c235bba-dd4e-9185-97e1-018f834cdc4f"
|
|
123
|
-
api-path="https://api.textback.io/api"
|
|
124
|
-
>
|
|
125
|
-
</tb-notification-widget>
|
|
118
|
+
</head>
|
|
119
|
+
<body>
|
|
126
120
|
<div class="container-fluid">
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
121
|
+
<div class="row-fluid">
|
|
122
|
+
<div class="col-lg-12">
|
|
123
|
+
<!-- <h1>Buttons</h1>
|
|
130
124
|
<div>
|
|
131
125
|
<button type="button" id="sign_tg" class="btn btn-primary">Telegram</button>
|
|
132
126
|
<button type="button" id="sign_vk" class="btn btn-small btn-white">VKontakte</button>
|
|
@@ -139,180 +133,142 @@
|
|
|
139
133
|
<div>
|
|
140
134
|
<button type="button" id="sign_random" class="btn btn-lg btn-white"><i class="fa fa-refresh"></i> Subscribe to random messenger</button>
|
|
141
135
|
</div> -->
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
WhatsApp
|
|
199
|
-
</a>
|
|
200
|
-
<div class="tb-btn-tooltip">
|
|
201
|
-
Отправьте <strong>предзаполненный текст</strong> в WhatsApp без
|
|
202
|
-
изменений
|
|
203
|
-
</div>
|
|
204
|
-
</div>
|
|
205
|
-
<div class="tb-btn-wrapper" id="tb-link">
|
|
206
|
-
<a href="#" id="sign_wab" class="tb-btn tb-whatsapp">
|
|
207
|
-
<img
|
|
208
|
-
src="//cdn.jsdelivr.net/npm/@textback/notification-widget@latest/src/widget/icons/icon_whatsappb.svg"
|
|
209
|
-
alt=""
|
|
210
|
-
/>
|
|
211
|
-
WhatsApp
|
|
212
|
-
</a>
|
|
213
|
-
<div class="tb-btn-tooltip">
|
|
214
|
-
Отправьте <strong>предзаполненный текст</strong> в WhatsApp без
|
|
215
|
-
изменений
|
|
216
|
-
</div>
|
|
217
|
-
</div>
|
|
218
|
-
</div>
|
|
136
|
+
<div class="tb-buttons">
|
|
137
|
+
<div class="tb-btn-wrapper" id="tb-link">
|
|
138
|
+
<a href="#" id="sign_tg" class="tb-btn tb-tg">
|
|
139
|
+
<img src="//cdn.jsdelivr.net/npm/@textback/notification-widget@latest/src/widget/icons/icon_tg.svg" alt="">
|
|
140
|
+
Telegram
|
|
141
|
+
</a>
|
|
142
|
+
<div class="tb-btn-tooltip">
|
|
143
|
+
Нажмите "<strong>Start</strong>" в приложении Telegram
|
|
144
|
+
</div>
|
|
145
|
+
</div>
|
|
146
|
+
<div class="tb-btn-wrapper" id="tb-link">
|
|
147
|
+
<a href="#" id="sign_vk" class="tb-btn tb-vk">
|
|
148
|
+
<img src="//cdn.jsdelivr.net/npm/@textback/notification-widget@latest/src/widget/icons/icon_vk.svg" alt="">
|
|
149
|
+
VK
|
|
150
|
+
</a>
|
|
151
|
+
<div class="tb-btn-tooltip">
|
|
152
|
+
Нажмите "<strong>Разрешить</strong>" во всплывающем окне
|
|
153
|
+
</div>
|
|
154
|
+
</div>
|
|
155
|
+
<div class="tb-btn-wrapper" id="tb-link">
|
|
156
|
+
<a href="#" id="sign_fb" class="tb-btn tb-facebook">
|
|
157
|
+
<img src="//cdn.jsdelivr.net/npm/@textback/notification-widget@latest/src/widget/icons/icon_facebook.svg" alt="">
|
|
158
|
+
Facebook
|
|
159
|
+
</a>
|
|
160
|
+
<div class="tb-btn-tooltip">
|
|
161
|
+
Нажмите "<strong>Начать</strong>" в Facebook Messenger
|
|
162
|
+
</div>
|
|
163
|
+
</div>
|
|
164
|
+
<div class="tb-btn-wrapper" id="tb-link">
|
|
165
|
+
<a href="#" id="sign_viber" class="tb-btn tb-viber">
|
|
166
|
+
<img src="//cdn.jsdelivr.net/npm/@textback/notification-widget@latest/src/widget/icons/icon_viber.svg" alt="">
|
|
167
|
+
Viber
|
|
168
|
+
</a>
|
|
169
|
+
<div class="tb-btn-tooltip">
|
|
170
|
+
У вас должно быть установлено <strong>Viber Desktop приложение</strong>
|
|
171
|
+
</div>
|
|
172
|
+
</div>
|
|
173
|
+
<div class="tb-btn-wrapper" id="tb-link">
|
|
174
|
+
<a href="#" id="sign_wa" class="tb-btn tb-whatsapp">
|
|
175
|
+
<img src="//cdn.jsdelivr.net/npm/@textback/notification-widget@latest/src/widget/icons/icon_whatsapp.svg" alt="">
|
|
176
|
+
WhatsApp
|
|
177
|
+
</a>
|
|
178
|
+
<div class="tb-btn-tooltip">
|
|
179
|
+
Отправьте <strong>предзаполненный текст</strong> в WhatsApp без изменений
|
|
180
|
+
</div>
|
|
181
|
+
</div>
|
|
182
|
+
<div class="tb-btn-wrapper" id="tb-link">
|
|
183
|
+
<a href="#" id="sign_wab" class="tb-btn tb-whatsapp">
|
|
184
|
+
<img src="//cdn.jsdelivr.net/npm/@textback/notification-widget@latest/src/widget/icons/icon_whatsappb.svg" alt="">
|
|
185
|
+
WhatsApp
|
|
186
|
+
</a>
|
|
187
|
+
<div class="tb-btn-tooltip">
|
|
188
|
+
Отправьте <strong>предзаполненный текст</strong> в WhatsApp без изменений
|
|
189
|
+
</div>
|
|
190
|
+
</div>
|
|
191
|
+
</div>
|
|
219
192
|
|
|
220
|
-
|
|
193
|
+
<!-- <script src="https://zapier.com/zapbook/embed/widget.js?services=TextBack&container=true&limit=10"></script> -->
|
|
194
|
+
</div>
|
|
221
195
|
</div>
|
|
222
|
-
</div>
|
|
223
196
|
</div>
|
|
224
197
|
|
|
225
198
|
<script>
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
199
|
+
var TextBack = {
|
|
200
|
+
someProp: 123,
|
|
201
|
+
};
|
|
229
202
|
</script>
|
|
230
203
|
|
|
231
|
-
|
|
232
|
-
|
|
204
|
+
|
|
205
|
+
|
|
206
|
+
<script src="//cdn.jsdelivr.net/npm/@textback/notification-widget@latest/build/sdk.js"></script>
|
|
207
|
+
<!-- <script src="/build/sdk.js"></script> -->
|
|
233
208
|
|
|
234
209
|
<script type="text/javascript">
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
210
|
+
var config = {
|
|
211
|
+
widgetId: 'a74bf35b-bbef-482d-b4aa-0c6795021806',
|
|
212
|
+
apiPath: 'https://tb-apisrv-dev.textback.io/api',
|
|
213
|
+
};
|
|
239
214
|
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
215
|
+
var off = TextBack.SDK.on('widget.init', function(event) {
|
|
216
|
+
console.log(`First widget has been initialized. ${event.widgetId}`);
|
|
217
|
+
off();
|
|
218
|
+
});
|
|
244
219
|
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
220
|
+
TextBack.SDK.on('subscription.start', function(event) {
|
|
221
|
+
console.log('subscription.start', event);
|
|
222
|
+
});
|
|
248
223
|
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
.addEventListener("click", function (event) {
|
|
255
|
-
event.preventDefault();
|
|
256
|
-
widget.subscribe("fb");
|
|
224
|
+
TextBack.SDK.initWidget(config).then( function(widget) {
|
|
225
|
+
// Facebook
|
|
226
|
+
document.getElementById('sign_fb').addEventListener('click', function(event) {
|
|
227
|
+
event.preventDefault();
|
|
228
|
+
widget.subscribe('fb');
|
|
257
229
|
});
|
|
258
230
|
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
event.preventDefault();
|
|
264
|
-
widget.subscribe("tg");
|
|
231
|
+
// Telegram
|
|
232
|
+
document.getElementById('sign_tg').addEventListener('click', function(event) {
|
|
233
|
+
event.preventDefault();
|
|
234
|
+
widget.subscribe('tg');
|
|
265
235
|
});
|
|
266
236
|
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
event.preventDefault();
|
|
272
|
-
widget.subscribe("vk");
|
|
237
|
+
// VKontakte
|
|
238
|
+
document.getElementById('sign_vk').addEventListener('click', function(event) {
|
|
239
|
+
event.preventDefault();
|
|
240
|
+
widget.subscribe('vk');
|
|
273
241
|
});
|
|
274
242
|
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
event.preventDefault();
|
|
280
|
-
widget.subscribe("viber");
|
|
243
|
+
// Viber
|
|
244
|
+
document.getElementById('sign_viber').addEventListener('click', function(event) {
|
|
245
|
+
event.preventDefault();
|
|
246
|
+
widget.subscribe('viber');
|
|
281
247
|
});
|
|
282
248
|
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
event.preventDefault();
|
|
288
|
-
widget.subscribe("whatsapp");
|
|
249
|
+
// WhatsApp
|
|
250
|
+
document.getElementById('sign_wa').addEventListener('click', function(event) {
|
|
251
|
+
event.preventDefault();
|
|
252
|
+
widget.subscribe('whatsapp');
|
|
289
253
|
});
|
|
290
254
|
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
event.preventDefault();
|
|
296
|
-
widget.subscribe("whatsappb");
|
|
255
|
+
// WhatsApp Business
|
|
256
|
+
document.getElementById('sign_wab').addEventListener('click', function(event) {
|
|
257
|
+
event.preventDefault();
|
|
258
|
+
widget.subscribe('whatsappb');
|
|
297
259
|
});
|
|
298
|
-
},
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
}
|
|
302
|
-
);
|
|
260
|
+
}, function(err) {
|
|
261
|
+
console.log('error', err)
|
|
262
|
+
});
|
|
303
263
|
|
|
304
|
-
|
|
305
|
-
// Random
|
|
306
|
-
document
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
);
|
|
313
|
-
widget.subscribe(channels[channelIndexToSubscribe].channel);
|
|
314
|
-
});
|
|
315
|
-
});
|
|
264
|
+
// TextBack.SDK.getWidget(config.widgetId).then(function(widget){
|
|
265
|
+
// // Random
|
|
266
|
+
// document.getElementById('sign_random').addEventListener('click', function(event) {
|
|
267
|
+
// var channels = widget.getEnabledChannels();
|
|
268
|
+
// var channelIndexToSubscribe = Math.floor(Math.random() * channels.length);
|
|
269
|
+
// widget.subscribe(channels[channelIndexToSubscribe].channel);
|
|
270
|
+
// });
|
|
271
|
+
// });
|
|
316
272
|
</script>
|
|
317
|
-
|
|
273
|
+
</body>
|
|
318
274
|
</html>
|
package/webpack.dev.js
CHANGED
|
@@ -2,9 +2,8 @@ const merge = require('webpack-merge');
|
|
|
2
2
|
const common = require('./webpack.common.js');
|
|
3
3
|
|
|
4
4
|
module.exports = merge(common, {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
watch: true,
|
|
5
|
+
devtool: 'eval-source-map',
|
|
6
|
+
watch: true,
|
|
8
7
|
/*devServer: {
|
|
9
8
|
contentBase: './build',
|
|
10
9
|
port: 8081,
|