npm - @telegenta/webclient - Versions diffs - 2.0.11 → 3.0.0 - Mend

@telegenta/webclient 2.0.11 → 3.0.0

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 (102) hide show

package/README.md +102 -81
package/demos/add_phone_number.html +8 -7
package/demos/calldata_available.html +5 -5
package/demos/embedded_config.html +95 -95
package/demos/event_client.html +226 -226
package/demos/phone_client.html +564 -558
package/dist/telegenta.js +3627 -0
package/dist/telegenta.min.js +1 -0
package/docs/EventClient.html +3 -1093
package/docs/InvalidMediaDevice.html +3 -0
package/docs/InvalidOptions.html +3 -0
package/docs/InvalidParameter.html +3 -0
package/docs/LogHandler.html +7 -0
package/docs/MediaNotPrepared.html +3 -0
package/docs/NoActiveSession.html +3 -0
package/docs/NotAllowed.html +3 -0
package/docs/NotReady.html +3 -0
package/docs/Phone.html +4 -2837
package/docs/Request.html +3 -0
package/docs/Requestor.html +3 -0
package/docs/Session.html +3 -2599
package/docs/UnableToConnect.html +3 -0
package/docs/data/search.json +1 -0
package/docs/event-client.js.html +346 -0
package/docs/exceptions.js.html +94 -0
package/docs/fonts/Inconsolata-Regular.ttf +0 -0
package/docs/fonts/OpenSans-Regular.ttf +0 -0
package/docs/fonts/WorkSans-Bold.ttf +0 -0
package/docs/global.html +5 -4950
package/docs/index.html +3 -66
package/docs/logger.js.html +106 -0
package/docs/phone-client.js.html +2155 -0
package/docs/requestor.js.html +223 -0
package/docs/scripts/core.js +726 -0
package/docs/scripts/core.min.js +23 -0
package/docs/scripts/resize.js +90 -0
package/docs/scripts/search.js +265 -0
package/docs/scripts/search.min.js +6 -0
package/docs/scripts/{prettify → third-party}/Apache-License-2.0.txt +202 -202
package/docs/scripts/third-party/fuse.js +9 -0
package/docs/scripts/third-party/hljs-line-num-original.js +369 -0
package/docs/scripts/third-party/hljs-line-num.js +1 -0
package/docs/scripts/third-party/hljs-original.js +5171 -0
package/docs/scripts/third-party/hljs.js +1 -0
package/docs/scripts/third-party/popper.js +5 -0
package/docs/scripts/third-party/tippy.js +1 -0
package/docs/scripts/third-party/tocbot.js +672 -0
package/docs/scripts/third-party/tocbot.min.js +1 -0
package/docs/styles/clean-jsdoc-theme-base.css +1159 -0
package/docs/styles/clean-jsdoc-theme-dark.css +412 -0
package/docs/styles/clean-jsdoc-theme-light.css +482 -0
package/docs/styles/clean-jsdoc-theme-scrollbar.css +30 -0
package/docs/styles/clean-jsdoc-theme-without-scrollbar.min.css +1 -0
package/docs/styles/clean-jsdoc-theme.min.css +1 -0
package/package.json +46 -34
package/babel.config.js +0 -16
package/browser/telegenta.min.js +0 -1
package/docs/fonts/OpenSans-Bold-webfont.eot +0 -0
package/docs/fonts/OpenSans-Bold-webfont.svg +0 -1830
package/docs/fonts/OpenSans-Bold-webfont.woff +0 -0
package/docs/fonts/OpenSans-BoldItalic-webfont.eot +0 -0
package/docs/fonts/OpenSans-BoldItalic-webfont.svg +0 -1830
package/docs/fonts/OpenSans-BoldItalic-webfont.woff +0 -0
package/docs/fonts/OpenSans-Italic-webfont.eot +0 -0
package/docs/fonts/OpenSans-Italic-webfont.svg +0 -1830
package/docs/fonts/OpenSans-Italic-webfont.woff +0 -0
package/docs/fonts/OpenSans-Light-webfont.eot +0 -0
package/docs/fonts/OpenSans-Light-webfont.svg +0 -1831
package/docs/fonts/OpenSans-Light-webfont.woff +0 -0
package/docs/fonts/OpenSans-LightItalic-webfont.eot +0 -0
package/docs/fonts/OpenSans-LightItalic-webfont.svg +0 -1835
package/docs/fonts/OpenSans-LightItalic-webfont.woff +0 -0
package/docs/fonts/OpenSans-Regular-webfont.eot +0 -0
package/docs/fonts/OpenSans-Regular-webfont.svg +0 -1831
package/docs/fonts/OpenSans-Regular-webfont.woff +0 -0
package/docs/fonts/OpenSans-Semibold-webfont.eot +0 -0
package/docs/fonts/OpenSans-Semibold-webfont.svg +0 -1830
package/docs/fonts/OpenSans-Semibold-webfont.ttf +0 -0
package/docs/fonts/OpenSans-Semibold-webfont.woff +0 -0
package/docs/fonts/OpenSans-SemiboldItalic-webfont.eot +0 -0
package/docs/fonts/OpenSans-SemiboldItalic-webfont.svg +0 -1830
package/docs/fonts/OpenSans-SemiboldItalic-webfont.ttf +0 -0
package/docs/fonts/OpenSans-SemiboldItalic-webfont.woff +0 -0
package/docs/scripts/linenumber.js +0 -25
package/docs/scripts/prettify/lang-css.js +0 -2
package/docs/scripts/prettify/prettify.js +0 -28
package/docs/styles/jsdoc-default.css +0 -692
package/docs/styles/prettify-jsdoc.css +0 -111
package/docs/styles/prettify-tomorrow.css +0 -132
package/embedded_client/embedded_phone.js +0 -325
package/embedded_client/index.html +0 -201
package/embedded_client/server.php +0 -28
package/embedded_client/styles.css +0 -310
package/embedded_client/tiny_rest_client.php +0 -73
package/embedded_client/webphone_sprites.png +0 -0
package/es5/event-client.js +0 -322
package/es5/index.js +0 -44
package/es5/phone-client.js +0 -1739
package/src/event-client.js +0 -1
package/src/index.js +0 -10
package/src/phone-client.js +0 -1
package/webpack.config.js +0 -39

package/demos/event_client.html CHANGED Viewed

@@ -1,226 +1,226 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Telegenta Event Client Demo</title>
-    <script src="telegenta.min.js"></script>
-    <link rel="stylesheet" type="text/css" href="styles.css">
-</head>
-<body>
-<!-- Logo -->
-<div id="Telegenta"></div>
-<!-- Logo end -->
-<h2>Telegenta Event Client Demo</h2>
-<div class="groupelements">
-    <H3>Input API Key</H3>
-    <div class="inputelements">
-        <span class="smallright"><small>Use partner context:</small>
-            <input type="checkbox" id="is_partner">
-        </span>
-        <label for="api_key">API Key / OAuth2 token</label>
-        <input type="text" size="40" id="api_key" placeholder="Enter API Key" value="">
-        <button onclick="subscribe()">Subscribe</button>
-        <button onclick="unsubscribe()">Unsubscribe</button>
-    </div>
-</div>
-<h3>Live active calls</h3>
-<table id="channel_tabel">
-    <tr>
-        <th>Customer</th>
-        <th>Start time</th>
-        <th>Answer time</th>
-        <th>Hangup time</th>
-        <th>Caller ID number</th>
-        <th>Privacy</th>
-        <th>Destination number</th>
-        <th>Destination name</th>
-        <th>Direction</th>
-        <th>State</th>
-        <th>Listen key</th>
-    </tr>
-</table>
-<small>Tip: Use browser console to see additional information</small>
-</body>
-<!-- Javascript stuff -->
-<script>
-    let logger;
-    let eventClient;
-    let subscriptionId = null;
-    // Start when DOM is ready
-    window.onload = function () {
-        // Create event client instance
-        logger = new Telegenta.Logger.LogHandler(Telegenta.Logger.LOGLVL.INFO);
-        eventClient = new Telegenta.EventClient(logger);
-        // Connect to event server
-        eventClient.connect('wss://api.telegenta.com/es/').then(function () {
-            console.info(`Connected to server`);
-        }, function (reason) {
-            console.error(`Unable to connect to event service: ${reason}`);
-        });
-    };
-    /*
-     * BUTTON HANDLERS
-     */
-    function subscribe() {
-        let eventSpec = {
-            event_name: 'resource_changed',
-            resource_name: 'activecall',
-            access_token: document.getElementById('api_key').value,
-            // If partner see events for all customers belonging to partner
-            context: (document.getElementById('is_partner').checked) ? 'partner' : 'customer'
-        };
-        // First fetch current calls
-        // If partner context use partner api url
-        const self = this;
-        const activeCallUrl = (document.getElementById('is_partner').checked) ? '/partner-active-calls' : '/active-calls';
-        jsonApiGetRequest(activeCallUrl).then(function (data) {
-            console.info(`Fetched ${data.results.length} calls`);
-            console.debug(data);
-            // Now populate table with calls
-            for (const call of data.results) {
-                insertTableRow({id: call.id, instance: call});
-            }
-        }, function (reason) {
-            console.error(`Request failed ${reason}`);
-        });
-        eventClient.subscribe(eventSpec, function (data) {
-            try {
-                // Based on event type we either create, update or delete table row
-                switch (data.operation) {
-                    case 'CREATE':
-                        insertTableRow(data);
-                        return;
-                    case 'UPDATE':
-                        updateTableRow(data);
-                        return;
-                    case 'DELETE':
-                        // Self destruct after 3 secs
-                        setTimeout(function () {
-                            deleteTableRow(data)
-                        }, 5000);
-                        return;
-                    default:
-                        console.error('Unknown operation');
-                }
-            } catch (e) {
-                console.error(e);
-            }
-        }).then(function (subscriptionId) {
-            self.subscriptionId = subscriptionId;
-            console.info(`Subscription successful ID = ${subscriptionId}`);
-        }, function (reason) {
-            console.error(`Subscribe failed: ${reason}`);
-        });
-    }
-    function unsubscribe() {
-        const self = this;
-        eventClient.unsubscribe(this.subscriptionId).then(function () {
-            console.info(`Unsubscribed successfully ID = ${self.subscriptionId}`);
-        }, function (reason) {
-            console.error(`Unsubscribe FAILED: ${reason}`);
-        })
-    }
-    /*
-     * UI Helper functions
-     */
-    function insertTableRow(data) {
-        const table = document.getElementById("channel_tabel");
-        const newRow = table.insertRow();
-        newRow.id = `instance_${data.id}`;
-        newRow.instance = data.instance;
-        for (let i = 0; i < table.rows[0].cells.length; i++)
-            newRow.insertCell();
-        updateTableRow(newRow);
-    }
-    function updateTableRow(data) {
-        const di = data.instance;
-        const row = document.getElementById(`instance_${data.instance.id}`);
-        if (row) {
-            row.cells[0].innerText = di.customer_str;
-            row.cells[1].innerText = prettyDate(di.create_time);
-            row.cells[2].innerText = prettyDate(di.answer_time);
-            row.cells[3].innerText = prettyDate(di.hangup_time);
-            // Use effective cid if possible (outbound)
-            if (di.effective_cid) {
-                row.cells[4].innerText = '+' + di.effective_cid_number;
-            } else {
-                row.cells[4].innerText = di.caller_id_number;
-            }
-            row.cells[5].innerText = di.using_privacy;
-            row.cells[6].innerText = '+' + di.destination_number;
-            row.cells[7].innerText = di.rate_destination_str;
-            row.cells[8].innerText = di.direction_str;
-            row.cells[9].innerText = di.state_str;
-            // Set class on state column
-            row.cells[9].className = 'state_' + di.state_str.toLowerCase();
-            row.cells[10].innerText = di.listen_key;
-        }
-    }
-    function deleteTableRow(data) {
-        const row = document.getElementById(`instance_${data.id}`);
-        if (row) {
-            row.parentNode.removeChild(row);
-        }
-    }
-    // Pretty print datetime (vanilla style)
-    function prettyDate(dateString) {
-        if (!dateString) return '';
-        const d = new Date(dateString);
-        const h = d.getHours();
-        const m = d.getMinutes();
-        const s = d.getSeconds();
-        return '' + (h < 10 ? '0' + h : h) + ':' + (m < 10 ? '0' + m : m) + ':' + (s < 10 ? '0' + s : s);
-    }
-    // Perform authenticated ajax request to api server and return json payload on success
-    function jsonApiGetRequest(path) {
-        const xhr = new XMLHttpRequest();
-        const url = 'https://api.telegenta.com/api' + path;
-        xhr.open('GET', url, true);
-        xhr.responseType = 'json';
-        const apiToken = document.getElementById('api_key').value;
-        xhr.setRequestHeader('Authorization', 'Bearer ' + apiToken);
-        xhr.setRequestHeader('Accept', 'application/json');
-        return new Promise(function (resolve, reject) {
-            xhr.onreadystatechange = function () {
-                if (xhr.readyState === 4) {
-                    if (xhr.status !== 200) {
-                        reject(xhr.status + ' ' + xhr.statusText);
-                        return;
-                    }
-                    resolve(xhr.response);
-                }
-            };
-            console.debug(`API Request: ${url}`);
-            xhr.send();
-        })
-    }
-</script>
-</html>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Telegenta Event Client Demo</title>
+    <script src="../dist/telegenta.min.js"></script>
+    <link rel="stylesheet" type="text/css" href="styles.css">
+</head>
+<body>
+<!-- Logo -->
+<div id="Telegenta"></div>
+<!-- Logo end -->
+<h2>Telegenta Event Client Demo</h2>
+<div class="groupelements">
+    <h3>Input API Key</h3>
+    <div class="inputelements">
+        <span class="smallright"><small>Use partner context:</small>
+            <input type="checkbox" id="is_partner">
+        </span>
+        <label for="api_key">API Key / OAuth2 token</label>
+        <input type="text" size="40" id="api_key" placeholder="Enter API Key" value="">
+        <button onclick="subscribe()">Subscribe</button>
+        <button onclick="unsubscribe()">Unsubscribe</button>
+    </div>
+</div>
+<h3>Live active calls</h3>
+<table id="channel_tabel">
+    <tr>
+        <th>Customer</th>
+        <th>Start time</th>
+        <th>Answer time</th>
+        <th>Hangup time</th>
+        <th>Caller ID number</th>
+        <th>Privacy</th>
+        <th>Destination number</th>
+        <th>Destination name</th>
+        <th>Direction</th>
+        <th>State</th>
+        <th>Listen key</th>
+    </tr>
+</table>
+<small>Tip: Use browser console to see additional information</small>
+</body>
+<!-- Javascript stuff -->
+<script>
+    let logger;
+    let eventClient;
+    let subscriptionId = null;
+    // Start when DOM is ready
+    window.onload = function () {
+        // Create event client instance
+        logger = new Telegenta.LogHandler(Telegenta.LOGLVL.INFO);
+        eventClient = new Telegenta.EventClient(logger);
+        // Connect to event server
+        eventClient.connect('wss://api.telegenta.com/es/').then(function () {
+            console.info(`Connected to server`);
+        }, function (reason) {
+            console.error(`Unable to connect to event service: ${reason}`);
+        });
+    };
+    /*
+     * BUTTON HANDLERS
+     */
+    function subscribe() {
+        let eventSpec = {
+            event_name: 'resource_changed',
+            resource_name: 'activecall',
+            access_token: document.getElementById('api_key').value,
+            // If partner see events for all customers belonging to partner
+            context: (document.getElementById('is_partner').checked) ? 'partner' : 'customer'
+        };
+        // First fetch current calls
+        // If partner context use partner api url
+        const self = this;
+        const activeCallUrl = (document.getElementById('is_partner').checked) ? '/partner-active-calls' : '/active-calls';
+        jsonApiGetRequest(activeCallUrl).then(function (data) {
+            console.info(`Fetched ${data.results.length} calls`);
+            console.debug(data);
+            // Now populate table with calls
+            for (const call of data.results) {
+                insertTableRow({id: call.id, instance: call});
+            }
+        }, function (reason) {
+            console.error(`Request failed ${reason}`);
+        });
+        eventClient.subscribe(eventSpec, function (data) {
+            try {
+                // Based on event type we either create, update or delete table row
+                switch (data.operation) {
+                    case 'CREATE':
+                        insertTableRow(data);
+                        return;
+                    case 'UPDATE':
+                        updateTableRow(data);
+                        return;
+                    case 'DELETE':
+                        // Self destruct after 3 secs
+                        setTimeout(function () {
+                            deleteTableRow(data)
+                        }, 5000);
+                        return;
+                    default:
+                        console.error('Unknown operation');
+                }
+            } catch (e) {
+                console.error(e);
+            }
+        }).then(function (subscriptionId) {
+            self.subscriptionId = subscriptionId;
+            console.info(`Subscription successful ID = ${subscriptionId}`);
+        }, function (reason) {
+            console.error(`Subscribe failed: ${reason}`);
+        });
+    }
+    function unsubscribe() {
+        const self = this;
+        eventClient.unsubscribe(this.subscriptionId).then(function () {
+            console.info(`Unsubscribed successfully ID = ${self.subscriptionId}`);
+        }, function (reason) {
+            console.error(`Unsubscribe FAILED: ${reason}`);
+        })
+    }
+    /*
+     * UI Helper functions
+     */
+    function insertTableRow(data) {
+        const table = document.getElementById("channel_tabel");
+        const newRow = table.insertRow();
+        newRow.id = `instance_${data.id}`;
+        newRow.instance = data.instance;
+        for (let i = 0; i < table.rows[0].cells.length; i++)
+            newRow.insertCell();
+        updateTableRow(newRow);
+    }
+    function updateTableRow(data) {
+        const di = data.instance;
+        const row = document.getElementById(`instance_${data.instance.id}`);
+        if (row) {
+            row.cells[0].innerText = di.customer_str;
+            row.cells[1].innerText = prettyDate(di.create_time);
+            row.cells[2].innerText = prettyDate(di.answer_time);
+            row.cells[3].innerText = prettyDate(di.hangup_time);
+            // Use effective cid if possible (outbound)
+            if (di.effective_cid) {
+                row.cells[4].innerText = '+' + di.effective_cid_number;
+            } else {
+                row.cells[4].innerText = di.caller_id_number;
+            }
+            row.cells[5].innerText = di.using_privacy;
+            row.cells[6].innerText = '+' + di.destination_number;
+            row.cells[7].innerText = di.rate_destination_str;
+            row.cells[8].innerText = di.direction_str;
+            row.cells[9].innerText = di.state_str;
+            // Set class on state column
+            row.cells[9].className = 'state_' + di.state_str.toLowerCase();
+            row.cells[10].innerText = di.listen_key;
+        }
+    }
+    function deleteTableRow(data) {
+        const row = document.getElementById(`instance_${data.id}`);
+        if (row) {
+            row.parentNode.removeChild(row);
+        }
+    }
+    // Pretty print datetime (vanilla style)
+    function prettyDate(dateString) {
+        if (!dateString) return '';
+        const d = new Date(dateString);
+        const h = d.getHours();
+        const m = d.getMinutes();
+        const s = d.getSeconds();
+        return '' + (h < 10 ? '0' + h : h) + ':' + (m < 10 ? '0' + m : m) + ':' + (s < 10 ? '0' + s : s);
+    }
+    // Perform authenticated ajax request to api server and return json payload on success
+    function jsonApiGetRequest(path) {
+        const xhr = new XMLHttpRequest();
+        const url = 'https://api.telegenta.com/api' + path;
+        xhr.open('GET', url, true);
+        xhr.responseType = 'json';
+        const apiToken = document.getElementById('api_key').value;
+        xhr.setRequestHeader('Authorization', 'Bearer ' + apiToken);
+        xhr.setRequestHeader('Accept', 'application/json');
+        return new Promise(function (resolve, reject) {
+            xhr.onreadystatechange = function () {
+                if (xhr.readyState === 4) {
+                    if (xhr.status !== 200) {
+                        reject(xhr.status + ' ' + xhr.statusText);
+                        return;
+                    }
+                    resolve(xhr.response);
+                }
+            };
+            console.debug(`API Request: ${url}`);
+            xhr.send();
+        })
+    }
+</script>
+</html>