npm - @textback/notification-widget - Versions diffs - 2.0.1-84986 → 2.0.1 - Mend

@textback/notification-widget 2.0.1-84986 → 2.0.1

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.

Files changed (85) hide show

package/.eslintrc.js +291 -291
package/.idea/inspectionProfiles/Project_Default.xml +6 -0
package/.idea/misc.xml +6 -0
package/.idea/modules.xml +8 -0
package/.idea/notificationwidget.iml +9 -0
package/.idea/vcs.xml +6 -0
package/build/index.js +3 -3
package/build/sdk.js +2 -2
package/package.json +70 -70
package/promote_tag.sh +1 -1
package/readme.md +569 -569
package/server.js +1 -1
package/src/libraries/ai.1.0.11.js +4088 -4088
package/src/libraries/localization/locales/index.js +8 -8
package/src/libraries/localization/text.js +9 -9
package/src/libraries/t.js +82 -82
package/src/sdk/channels/channel.js +30 -30
package/src/sdk/channels/facebook.js +13 -13
package/src/sdk/channels/skype.js +12 -12
package/src/sdk/channels/telegram.js +18 -18
package/src/sdk/channels/viber.js +12 -12
package/src/sdk/channels/vk-modal/vk-modal.html +17 -17
package/src/sdk/channels/vk-modal/vk-modal.js +25 -25
package/src/sdk/channels/vk-modal/vk-modal.scss +116 -116
package/src/sdk/channels/vk.js +195 -195
package/src/sdk/events/observer.js +46 -46
package/src/sdk/index.js +5 -5
package/src/sdk/sdk.js +67 -67
package/src/sdk/utils/apiErrorHandler.js +11 -11
package/src/sdk/utils/appInsights.js +88 -88
package/src/sdk/utils/browserInfo.js +8 -8
package/src/sdk/utils/constants.js +17 -17
package/src/sdk/utils/cookies.js +67 -67
package/src/sdk/utils/find.js +7 -7
package/src/sdk/utils/loadConfig.js +20 -20
package/src/sdk/utils/loadDeepLink.js +48 -48
package/src/sdk/utils/loadScript.js +25 -25
package/src/sdk/utils/loadSubscriptions.js +6 -6
package/src/sdk/utils/parseQueryString.js +33 -33
package/src/sdk/utils/windowHelper.js +25 -25
package/src/sdk/widget/widget.js +192 -192
package/src/widget/components/tb-notification-button/index.js +34 -34
package/src/widget/components/tb-notification-button/styles.scss +657 -657
package/src/widget/components/tb-notification-widget/normalize.scss +395 -395
package/src/widget/components/tb-nw-wahunter/styles.scss +471 -471
package/src/widget/config.js +5 -5
package/src/widget/icons/icon_chat_window.svg +1 -1
package/src/widget/icons/icon_close.svg +1 -1
package/src/widget/icons/icon_facebook.svg +7 -7
package/src/widget/icons/icon_facebook_circle.svg +7 -7
package/src/widget/icons/icon_instagram_circle.svg +95 -95
package/src/widget/icons/icon_skype.svg +44 -44
package/src/widget/icons/icon_skype_circle.svg +46 -46
package/src/widget/icons/icon_skype_new.svg +113 -113
package/src/widget/icons/icon_tg.svg +25 -25
package/src/widget/icons/icon_tg_circle.svg +17 -17
package/src/widget/icons/icon_viber.svg +75 -75
package/src/widget/icons/icon_viber_circle.svg +67 -67
package/src/widget/icons/icon_viber_new.svg +102 -102
package/src/widget/icons/icon_vk.svg +14 -14
package/src/widget/icons/icon_vk_circle.svg +16 -16
package/src/widget/icons/icon_whatsapp.svg +147 -147
package/src/widget/icons/icon_whatsapp_circle.svg +3 -3
package/src/widget/icons/icon_whatsapp_new.svg +127 -127
package/src/widget/icons/icon_whatsappb.svg +147 -147
package/src/widget/icons/icon_whatsappb_circle.svg +3 -3
package/src/widget/icons/icon_whatsappb_new.svg +127 -127
package/src/widget/icons/paper-plane-arrow.svg +3 -3
package/src/widget/icons/tb-logo.svg +21 -21
package/src/widget/index.js +28 -28
package/src/widget/locales/cs.js +42 -42
package/src/widget/locales/en.js +42 -42
package/src/widget/locales/ro.js +41 -41
package/src/widget/utils/cookiesEx.js +41 -41
package/src/widget/utils/stringifyAttributes.js +19 -19
package/src/widget/utils/widgetsStorage.js +28 -28
package/src/widget/widget.entry.js +3 -3
package/tests/gf.html +35 -35
package/tests/gf.js +21 -21
package/tests/index.js +61 -61
package/views/examples.ejs +3 -3
package/views/sdk.html +274 -274
package/webpack.common.js +72 -72
package/webpack.dev.js +15 -15
package/webpack.prod.js +10 -10

package/views/sdk.html CHANGED Viewed

@@ -1,274 +1,274 @@
-<!DOCTYPE html>
-<html>
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>SDK Test</title>
-    <style>
-        button {
-            margin-right: 10px;
-        }
-        .tb-buttons,
-        .tb-btn-wrapper,
-        .tb-btn {
-            box-sizing: border-box;
-            text-align: center;
-        }
-        .tb-btn-wrapper {
-            position: relative;
-            display: inline-block;
-        }
-        .tb-btn-tooltip {
-            position: absolute;
-            opacity: 0;
-            visibility: hidden;
-            background-color: rgba(255, 255, 255, 0.9);
-            padding: 5px 7px;
-            border-radius: 3px;
-            color: #6f7b8a;
-            font-size: 10px;
-            z-index: 10;
-            top: 52px;
-            box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.2);
-            transition: opacity 0.4s;
-        }
-        .tb-btn-tooltip:before, .tb-btn-tooltip:after {
-            content: ' ';
-            height: 0;
-            position: absolute;
-            width: 0;
-            border: 10px solid transparent;
-        }
-        .tb-btn-tooltip:before {
-            position: absolute;
-            top: -19px;
-            left: 70px;
-            z-index: 2;
-            border-bottom-color: #fff;
-        }
-        .tb-btn-tooltip:after {
-            position: absolute;
-            top: -25px;
-            left: 67px;
-            z-index: 1;
-            border: 13px solid transparent;
-            border-bottom-color: rgba(0, 0, 0, 0.05);
-        }
-        .tb-btn {
-            text-decoration: none;
-            display: inline-block;
-            width: 150px;
-            padding: 10px 25px;
-            margin-top: 5px;
-            margin-bottom: 5px;
-            border-radius: 25px;
-            color: #fff !important;
-            font-size: 15px;
-            font-family: 'Open Sans', 'Droid Sans', Arial, sans-serif;
-            line-height: 17px;
-            transition: box-shadow 0.4s;
-        }
-        .tb-btn img {
-            width: 30px;
-            height: 30px;
-            display: inline-block;
-            margin: -10px 0px -10px -15px;
-        }
-        .tb-btn:hover {
-            box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.4);
-        }
-        .tb-btn:hover + .tb-btn-tooltip {
-            opacity: 1;
-            visibility: visible;
-        }
-        .tb-btn.tb-vk {
-            background-color: #45668e;
-        }
-        .tb-btn.tb-tg {
-            background-color: #1E96C8;
-        }
-        .tb-btn.tb-facebook {
-            background-color: #3b5998;
-        }
-        .tb-btn.tb-viber {
-            background-color: #59267c;
-        }
-        .tb-btn.tb-whatsapp {
-            background-color: #189d0e;
-        }
-        .tb-btn.tb-whatsappb {
-            background-color: #189d0e;
-        }
-    </style>
-    <!-- <link rel="stylesheet" href="/views/tilda.css"> -->
-</head>
-<body>
-    <div class="container-fluid">
-        <div class="row-fluid">
-            <div class="col-lg-12">
-                <!-- <h1>Buttons</h1>
-                <div>
-                    <button type="button" id="sign_tg" class="btn btn-primary">Telegram</button>
-                    <button type="button" id="sign_vk" class="btn btn-small btn-white">VKontakte</button>
-                    <button type="button" id="sign_fb">Facebook</button>
-                    <button type="button" id="sign_viber">Viber</button>
-                    <button type="button" id="sign_wa" class="btn btn-success">WhatsApp</button>
-                </div>
-                <h1>Random</h1>
-                <div>
-                    <button type="button" id="sign_random" class="btn btn-lg btn-white"><i class="fa fa-refresh"></i>&nbsp;&nbsp;Subscribe to random messenger</button>
-                </div> -->
-                <div class="tb-buttons">
-                    <div class="tb-btn-wrapper" id="tb-link">
-                        <a href="#" id="sign_tg" class="tb-btn tb-tg">
-                            <img src="//unpkg.com/@textback/notification-widget@latest/src/widget/icons/icon_tg.svg" alt="">
-                            Telegram
-                        </a>
-                        <div class="tb-btn-tooltip">
-                            Нажмите "<strong>Start</strong>" в приложении Telegram
-                        </div>
-                    </div>
-                    <div class="tb-btn-wrapper" id="tb-link">
-                        <a href="#" id="sign_vk" class="tb-btn tb-vk">
-                            <img src="//unpkg.com/@textback/notification-widget@latest/src/widget/icons/icon_vk.svg" alt="">
-                            VK
-                        </a>
-                        <div class="tb-btn-tooltip">
-                            Нажмите "<strong>Разрешить</strong>" во всплывающем окне
-                        </div>
-                    </div>
-                    <div class="tb-btn-wrapper" id="tb-link">
-                        <a href="#" id="sign_fb" class="tb-btn tb-facebook">
-                            <img src="//unpkg.com/@textback/notification-widget@latest/src/widget/icons/icon_facebook.svg" alt="">
-                            Facebook
-                        </a>
-                        <div class="tb-btn-tooltip">
-                            Нажмите "<strong>Начать</strong>" в Facebook Messenger
-                        </div>
-                    </div>
-                    <div class="tb-btn-wrapper" id="tb-link">
-                        <a href="#" id="sign_viber" class="tb-btn tb-viber">
-                            <img src="//unpkg.com/@textback/notification-widget@latest/src/widget/icons/icon_viber.svg" alt="">
-                            Viber
-                        </a>
-                        <div class="tb-btn-tooltip">
-                            У вас должно быть установлено <strong>Viber Desktop приложение</strong>
-                        </div>
-                    </div>
-                    <div class="tb-btn-wrapper" id="tb-link">
-                        <a href="#" id="sign_wa" class="tb-btn tb-whatsapp">
-                            <img src="//unpkg.com/@textback/notification-widget@latest/src/widget/icons/icon_whatsapp.svg" alt="">
-                            WhatsApp
-                        </a>
-                        <div class="tb-btn-tooltip">
-                            Отправьте <strong>предзаполненный текст</strong> в WhatsApp без изменений
-                        </div>
-                    </div>
-                    <div class="tb-btn-wrapper" id="tb-link">
-                        <a href="#" id="sign_wab" class="tb-btn tb-whatsapp">
-                            <img src="//unpkg.com/@textback/notification-widget@latest/src/widget/icons/icon_whatsappb.svg" alt="">
-                            WhatsApp
-                        </a>
-                        <div class="tb-btn-tooltip">
-                            Отправьте <strong>предзаполненный текст</strong> в WhatsApp без изменений
-                        </div>
-                    </div>
-                </div>
-                <!-- <script src="https://zapier.com/zapbook/embed/widget.js?services=TextBack&container=true&limit=10"></script> -->
-            </div>
-        </div>
-    </div>
-    <script>
-        var TextBack = {
-            someProp: 123,
-        };
-    </script>
-    <script src="//unpkg.com/@textback/notification-widget@latest/build/sdk.js"></script>
-    <!-- <script src="/build/sdk.js"></script> -->
-    <script type="text/javascript">
-        var config = {
-            widgetId: 'a74bf35b-bbef-482d-b4aa-0c6795021806',
-            apiPath: 'https://tb-apisrv-dev.textback.io/api',
-        };
-        var off = TextBack.SDK.on('widget.init', function(event) {
-            console.log(`First widget has been initialized. ${event.widgetId}`);
-            off();
-        });
-        TextBack.SDK.on('subscription.start', function(event) {
-            console.log('subscription.start', event);
-        });
-        TextBack.SDK.initWidget(config).then( function(widget) {
-            //  Facebook
-            document.getElementById('sign_fb').addEventListener('click', function(event) {
-                event.preventDefault();
-                widget.subscribe('fb');
-            });
-            //  Telegram
-            document.getElementById('sign_tg').addEventListener('click', function(event) {
-                event.preventDefault();
-                widget.subscribe('tg');
-            });
-            //  VKontakte
-            document.getElementById('sign_vk').addEventListener('click', function(event) {
-                event.preventDefault();
-                widget.subscribe('vk');
-            });
-            //  Viber
-            document.getElementById('sign_viber').addEventListener('click', function(event) {
-                event.preventDefault();
-                widget.subscribe('viber');
-            });
-            //  WhatsApp
-            document.getElementById('sign_wa').addEventListener('click', function(event) {
-                event.preventDefault();
-                widget.subscribe('whatsapp');
-            });
-            //  WhatsApp Business
-            document.getElementById('sign_wab').addEventListener('click', function(event) {
-                event.preventDefault();
-                widget.subscribe('whatsappb');
-            });
-        }, function(err) {
-            console.log('error', err)
-        });
-        // TextBack.SDK.getWidget(config.widgetId).then(function(widget){
-        //     // Random
-        //     document.getElementById('sign_random').addEventListener('click', function(event) {
-        //         var channels = widget.getEnabledChannels();
-        //         var channelIndexToSubscribe = Math.floor(Math.random() * channels.length);
-        //         widget.subscribe(channels[channelIndexToSubscribe].channel);
-        //     });
-        // });
-    </script>
-</body>
-</html>
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>SDK Test</title>
+    <style>
+        button {
+            margin-right: 10px;
+        }
+        .tb-buttons,
+        .tb-btn-wrapper,
+        .tb-btn {
+            box-sizing: border-box;
+            text-align: center;
+        }
+        .tb-btn-wrapper {
+            position: relative;
+            display: inline-block;
+        }
+        .tb-btn-tooltip {
+            position: absolute;
+            opacity: 0;
+            visibility: hidden;
+            background-color: rgba(255, 255, 255, 0.9);
+            padding: 5px 7px;
+            border-radius: 3px;
+            color: #6f7b8a;
+            font-size: 10px;
+            z-index: 10;
+            top: 52px;
+            box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.2);
+            transition: opacity 0.4s;
+        }
+        .tb-btn-tooltip:before, .tb-btn-tooltip:after {
+            content: ' ';
+            height: 0;
+            position: absolute;
+            width: 0;
+            border: 10px solid transparent;
+        }
+        .tb-btn-tooltip:before {
+            position: absolute;
+            top: -19px;
+            left: 70px;
+            z-index: 2;
+            border-bottom-color: #fff;
+        }
+        .tb-btn-tooltip:after {
+            position: absolute;
+            top: -25px;
+            left: 67px;
+            z-index: 1;
+            border: 13px solid transparent;
+            border-bottom-color: rgba(0, 0, 0, 0.05);
+        }
+        .tb-btn {
+            text-decoration: none;
+            display: inline-block;
+            width: 150px;
+            padding: 10px 25px;
+            margin-top: 5px;
+            margin-bottom: 5px;
+            border-radius: 25px;
+            color: #fff !important;
+            font-size: 15px;
+            font-family: 'Open Sans', 'Droid Sans', Arial, sans-serif;
+            line-height: 17px;
+            transition: box-shadow 0.4s;
+        }
+        .tb-btn img {
+            width: 30px;
+            height: 30px;
+            display: inline-block;
+            margin: -10px 0px -10px -15px;
+        }
+        .tb-btn:hover {
+            box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.4);
+        }
+        .tb-btn:hover + .tb-btn-tooltip {
+            opacity: 1;
+            visibility: visible;
+        }
+        .tb-btn.tb-vk {
+            background-color: #45668e;
+        }
+        .tb-btn.tb-tg {
+            background-color: #1E96C8;
+        }
+        .tb-btn.tb-facebook {
+            background-color: #3b5998;
+        }
+        .tb-btn.tb-viber {
+            background-color: #59267c;
+        }
+        .tb-btn.tb-whatsapp {
+            background-color: #189d0e;
+        }
+        .tb-btn.tb-whatsappb {
+            background-color: #189d0e;
+        }
+    </style>
+    <!-- <link rel="stylesheet" href="/views/tilda.css"> -->
+</head>
+<body>
+    <div class="container-fluid">
+        <div class="row-fluid">
+            <div class="col-lg-12">
+                <!-- <h1>Buttons</h1>
+                <div>
+                    <button type="button" id="sign_tg" class="btn btn-primary">Telegram</button>
+                    <button type="button" id="sign_vk" class="btn btn-small btn-white">VKontakte</button>
+                    <button type="button" id="sign_fb">Facebook</button>
+                    <button type="button" id="sign_viber">Viber</button>
+                    <button type="button" id="sign_wa" class="btn btn-success">WhatsApp</button>
+                </div>
+                <h1>Random</h1>
+                <div>
+                    <button type="button" id="sign_random" class="btn btn-lg btn-white"><i class="fa fa-refresh"></i>&nbsp;&nbsp;Subscribe to random messenger</button>
+                </div> -->
+                <div class="tb-buttons">
+                    <div class="tb-btn-wrapper" id="tb-link">
+                        <a href="#" id="sign_tg" class="tb-btn tb-tg">
+                            <img src="//cdn.jsdelivr.net/npm/@textback/notification-widget@latest/src/widget/icons/icon_tg.svg" alt="">
+                            Telegram
+                        </a>
+                        <div class="tb-btn-tooltip">
+                            Нажмите "<strong>Start</strong>" в приложении Telegram
+                        </div>
+                    </div>
+                    <div class="tb-btn-wrapper" id="tb-link">
+                        <a href="#" id="sign_vk" class="tb-btn tb-vk">
+                            <img src="//cdn.jsdelivr.net/npm/@textback/notification-widget@latest/src/widget/icons/icon_vk.svg" alt="">
+                            VK
+                        </a>
+                        <div class="tb-btn-tooltip">
+                            Нажмите "<strong>Разрешить</strong>" во всплывающем окне
+                        </div>
+                    </div>
+                    <div class="tb-btn-wrapper" id="tb-link">
+                        <a href="#" id="sign_fb" class="tb-btn tb-facebook">
+                            <img src="//cdn.jsdelivr.net/npm/@textback/notification-widget@latest/src/widget/icons/icon_facebook.svg" alt="">
+                            Facebook
+                        </a>
+                        <div class="tb-btn-tooltip">
+                            Нажмите "<strong>Начать</strong>" в Facebook Messenger
+                        </div>
+                    </div>
+                    <div class="tb-btn-wrapper" id="tb-link">
+                        <a href="#" id="sign_viber" class="tb-btn tb-viber">
+                            <img src="//cdn.jsdelivr.net/npm/@textback/notification-widget@latest/src/widget/icons/icon_viber.svg" alt="">
+                            Viber
+                        </a>
+                        <div class="tb-btn-tooltip">
+                            У вас должно быть установлено <strong>Viber Desktop приложение</strong>
+                        </div>
+                    </div>
+                    <div class="tb-btn-wrapper" id="tb-link">
+                        <a href="#" id="sign_wa" class="tb-btn tb-whatsapp">
+                            <img src="//cdn.jsdelivr.net/npm/@textback/notification-widget@latest/src/widget/icons/icon_whatsapp.svg" alt="">
+                            WhatsApp
+                        </a>
+                        <div class="tb-btn-tooltip">
+                            Отправьте <strong>предзаполненный текст</strong> в WhatsApp без изменений
+                        </div>
+                    </div>
+                    <div class="tb-btn-wrapper" id="tb-link">
+                        <a href="#" id="sign_wab" class="tb-btn tb-whatsapp">
+                            <img src="//cdn.jsdelivr.net/npm/@textback/notification-widget@latest/src/widget/icons/icon_whatsappb.svg" alt="">
+                            WhatsApp
+                        </a>
+                        <div class="tb-btn-tooltip">
+                            Отправьте <strong>предзаполненный текст</strong> в WhatsApp без изменений
+                        </div>
+                    </div>
+                </div>
+                <!-- <script src="https://zapier.com/zapbook/embed/widget.js?services=TextBack&container=true&limit=10"></script> -->
+            </div>
+        </div>
+    </div>
+    <script>
+        var TextBack = {
+            someProp: 123,
+        };
+    </script>
+    <script src="//cdn.jsdelivr.net/npm/@textback/notification-widget@latest/build/sdk.js"></script>
+    <!-- <script src="/build/sdk.js"></script> -->
+    <script type="text/javascript">
+        var config = {
+            widgetId: 'a74bf35b-bbef-482d-b4aa-0c6795021806',
+            apiPath: 'https://tb-apisrv-dev.textback.io/api',
+        };
+        var off = TextBack.SDK.on('widget.init', function(event) {
+            console.log(`First widget has been initialized. ${event.widgetId}`);
+            off();
+        });
+        TextBack.SDK.on('subscription.start', function(event) {
+            console.log('subscription.start', event);
+        });
+        TextBack.SDK.initWidget(config).then( function(widget) {
+            //  Facebook
+            document.getElementById('sign_fb').addEventListener('click', function(event) {
+                event.preventDefault();
+                widget.subscribe('fb');
+            });
+            //  Telegram
+            document.getElementById('sign_tg').addEventListener('click', function(event) {
+                event.preventDefault();
+                widget.subscribe('tg');
+            });
+            //  VKontakte
+            document.getElementById('sign_vk').addEventListener('click', function(event) {
+                event.preventDefault();
+                widget.subscribe('vk');
+            });
+            //  Viber
+            document.getElementById('sign_viber').addEventListener('click', function(event) {
+                event.preventDefault();
+                widget.subscribe('viber');
+            });
+            //  WhatsApp
+            document.getElementById('sign_wa').addEventListener('click', function(event) {
+                event.preventDefault();
+                widget.subscribe('whatsapp');
+            });
+            //  WhatsApp Business
+            document.getElementById('sign_wab').addEventListener('click', function(event) {
+                event.preventDefault();
+                widget.subscribe('whatsappb');
+            });
+        }, function(err) {
+            console.log('error', err)
+        });
+        // TextBack.SDK.getWidget(config.widgetId).then(function(widget){
+        //     // Random
+        //     document.getElementById('sign_random').addEventListener('click', function(event) {
+        //         var channels = widget.getEnabledChannels();
+        //         var channelIndexToSubscribe = Math.floor(Math.random() * channels.length);
+        //         widget.subscribe(channels[channelIndexToSubscribe].channel);
+        //     });
+        // });
+    </script>
+</body>
+</html>