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

@telegenta/webclient 2.0.12 → 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 (104) 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 +3 -3
package/demos/event_client.html +4 -4
package/demos/phone_client.html +16 -10
package/demos/styles.css +0 -0
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/demos/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 -277
package/es5/index.js +0 -44
package/es5/phone-client.js +0 -1336
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/embedded_client/index.html DELETED Viewed

@@ -1,201 +0,0 @@
-<!doctype html>
-<html>
-<head>
-    <meta charset="utf-8"/>
-    <!-- include phone library -->
-    <script src="telegenta.min.js"></script>
-    <!-- included embedded phone JS -->
-    <script src="embedded_phone.js"></script>
-    <!-- include stylesheet -->
-    <link rel="stylesheet" type="text/css" href="styles.css">
-    <script>
-        // SIP account username and password
-        var USERNAME = '<your username>';
-        var PASSWORD = '<your password>';
-        window.onload = function () {
-            // When using server.php this (provisionToken) will be replaced with correct provisionToken dynamically.
-            // We are doing it like this, even though it would more sense to just have everything inside the php file,
-            // but this would mean maintaining two almost identical embedded_client html for just examples.
-            var provisionToken = null;
-            // Client can be started both with username+password or using provisionToken
-            // If provisionToken is set, use this or else use normal username/password
-            if (provisionToken) {
-                tg37.initialize({provisionToken: provisionToken});
-            } else {
-                tg37.initialize({username: USERNAME, password: PASSWORD});
-            }
-        };
-    </script>
-</head>
-<body>
-<div class="Container">
-    <div>
-        <!-- Top Navigation -->
-        <div>
-            <!-- Settings -->
-            <div class="topIcon">
-                <div class="top-settings" title="Audio Settings"
-                     onclick="document.getElementById('Settings').classList.toggle('showElement');"></div>
-            </div>
-            <!-- /Settings -->
-            <!-- Log -->
-            <div class="topIcon">
-                <div class="top-log" title="Show Phone Log" onclick="document.getElementById('log_window').classList.toggle('showElement');"></div>
-            </div>
-            <!-- /Log -->
-            <!-- Record -->
-            <div class="topIcon">
-                <div class="top-record" id="RecButton" onclick="tg37.phone.toggleRecording()" title="Start Recording"></div>
-            </div>
-            <!-- /Record -->
-            <!-- Mute -->
-            <div class="topIcon">
-                <div class="top-unmute" id="MuteButton" onclick="tg37.phone.toggleMute()" title="Mute microphone"></div>
-            </div>
-            <!-- /Mute -->
-        </div>
-        <!-- Log Drop Down -->
-        <div class="LogContainer" id="log_window">
-            <div class="DropdownField">
-                <h3>Log</h3>
-                <p>Show recent phone activities</p>
-            </div>
-            <div class="DropdownField" align="center">
-                <textarea id="log_element" placeholder="Log is empty..." style="height:300px; width: 100%;"></textarea>
-            </div>
-            <div align="right">
-                <div class="closeButton NumberButton"  onclick="document.getElementById('log_window').classList.remove('showElement');">Hide Log</div>
-            </div>
-        </div>
-        <!-- Settings Drop Down -->
-        <div class="LogContainer" id="Settings">
-            <div class="DropdownField">
-                <h3>Audio Settings</h3>
-                <p>Choose the preferred audio devices</p>
-            </div>
-            <div class="DropdownField">
-                <label for="audio_input_selector">Input audio devices</label><br>
-                <select id="audio_input_selector"></select>
-            </div>
-            <div class="DropdownField">
-                <label for="audio_output_selector">Output Devices</label>
-                <select id="audio_output_selector"></select>
-            </div>
-            <div onclick="tg37.saveAndCloseConfig()">
-                <div class="closeButton NumberButton">Apply Audio Devices</div>
-            </div>
-        </div>
-    </div>
-    <!-- DESTINATION NUMBER -->
-    <div class="DisplayContainer">
-        <div style="padding: 5px">
-            <input type="text" id="destination_number">
-        </div>
-    </div>
-    <!-- KEY PAD -->
-    <div class="ButtonContainer">
-        <div class="NumberButton" onclick="tg37.pressNumberBtn('1')">
-            <h1>1</h1>
-            <p>&nbsp;</p>
-        </div>
-    </div>
-    <div class="ButtonContainer">
-        <div class="NumberButton" onclick="tg37.pressNumberBtn('2')">
-            <h1>2</h1>
-            <p>A B C</p>
-        </div>
-    </div>
-    <div class="ButtonContainer">
-        <div class="NumberButton" onclick="tg37.pressNumberBtn('3')">
-            <h1>3</h1>
-            <p>D E F</p>
-        </div>
-    </div>
-    <div class="ButtonContainer">
-        <div class="NumberButton" onclick="tg37.pressNumberBtn('4')">
-            <h1>4</h1>
-            <p>G H I</p>
-        </div>
-    </div>
-    <div class="ButtonContainer">
-        <div class="NumberButton" onclick="tg37.pressNumberBtn('5')">
-            <h1>5</h1>
-            <p>J K L</p>
-        </div>
-    </div>
-    <div class="ButtonContainer">
-        <div class="NumberButton" onclick="tg37.pressNumberBtn('6')">
-            <h1>6</h1>
-            <p>M N O</p>
-        </div>
-    </div>
-    <div class="ButtonContainer">
-        <div class="NumberButton" onclick="tg37.pressNumberBtn('7')">
-            <h1>7</h1>
-            <p>P Q R S</p>
-        </div>
-    </div>
-    <div class="ButtonContainer">
-        <div class="NumberButton" onclick="tg37.pressNumberBtn('8')">
-            <h1>8</h1>
-            <p>T U V</p>
-        </div>
-    </div>
-    <div class="ButtonContainer">
-        <div class="NumberButton" onclick="tg37.pressNumberBtn('9')">
-            <h1>9</h1>
-            <p>W X Y Z</p>
-        </div>
-    </div>
-    <div class="ButtonContainer">
-        <div class="NumberButton" onclick="tg37.pressNumberBtn('*')">
-            <h1>*</h1>
-            <p>&nbsp;</p>
-        </div>
-    </div>
-    <div class="ButtonContainer">
-        <div class="NumberButton" onclick="tg37.pressNumberBtn('0')">
-            <h1>0</h1>
-            <p>+</p>
-        </div>
-    </div>
-    <div class="ButtonContainer">
-        <div class="NumberButton" onclick="tg37.pressNumberBtn('#')">
-            <h1>#</h1>
-            <p>&nbsp;</p>
-        </div>
-    </div>
-    <div class="DialButtonContainer">
-        <div class="NumberButton btn-gray" id="dial_button" onclick="tg37.pressDialBtn()">
-            <h1 id="dial_button_text">Uninitialized</h1>
-            <p>
-                <span id="dial_button_subtext">&nbsp;</span>
-                <span id="dial_button_duration"></span>
-            </p>
-        </div>
-    </div>
-</div>
-<audio id="remote_audio"></audio>
-</body>
-</html>

package/embedded_client/server.php DELETED Viewed

@@ -1,28 +0,0 @@
-<?php
-include "tiny_rest_client.php";
-/*
- * EXAMPLE: Get SIP Flex account
- */
-// Your API Token
-$api_auth_token = '<your token>';
-// The flex account identification (this is set when configuring your flex accounts)
-// It possible to have multiple sip flex accounts with different configurations
-$flex_identification = 'test';
-// Public IP address of client allowed for this session
-// Note: Here we just use ipify to get my public ip, but you could get this from your $_SERVER['HTTP_CLIENT_IP'] or equiv.
-$my_ipaddr = get_my_public_ipaddr();
-// Now do API request and get sip flex account info
-$flex_info = api_get_request('https://admin.telegenta.com/api/get-flex-session/?flex='.$flex_identification.'&client_ip='.$my_ipaddr, $api_auth_token);
-// Get provision token from API request
-$provisionToken = $flex_info['provision_token'];
-// Dynamically replace provisionToken in html and output result
-$html = file_get_contents("index.html");
-echo str_replace("var provisionToken = null;", "var provisionToken = '$provisionToken';", $html);
-?>

package/embedded_client/styles.css DELETED Viewed

@@ -1,310 +0,0 @@
-body {
-    font-family: Arial, Helvetica, sans-serif;
-}
-input[type=button], input[type=submit], input[type=reset] {
-    background-color: #3399cc;
-    border: #000 1px solid;
-    /*border-radius: 5px;*/
-    color: white;
-    padding: 5px;
-    text-decoration: none;
-    margin: 0 5px 0 5px;
-    cursor: pointer;
-    text-align: center;
-    width: 100%;
-}
-input[type=text], select, textarea {
-    width: 100%;
-    padding: 10px 0px 10px 0px;
-    /*border: 1px solid #ccc;*/
-    resize: vertical;
-}
-select {
-    font-size: medium;
-}
-#destination_number {
-    border: #ccc 1px solid;
-    border-radius: 3px;
-    font-size: large;
-    /*width: 100%;*/
-    text-align: center;
-}
-#dial_button {
-    color: #fff;
-    border-radius: 3px;
-    text-align: center;
-    padding: 5px;
-    margin: 5px;
-    cursor: pointer;
-}
-.Container {
-    width: 300px;
-    margin: auto;
-    display: block;
-    background-color: #3399cc;
-}
-.NumberButton {
-    /*background: linear-gradient(#fff, #ccc);*/
-    background-color: #FFFFFF;
-    border: #cccccc 1px solid;
-    border-radius: 3px;
-    text-align: center;
-    padding: 5px;
-    margin: 5px;
-    cursor: pointer;
-    transition: 0.3s;
-    /*box-shadow: 0 3px 3px 1px grey;*/
-}
-.NumberButton:hover {
-    color: #fff;
-    border: #3399cc 1px solid;
-    background: #3399cc;
-    /*box-shadow: 0 0px 0px 0px #3399cc;*/
-}
-.NumberButton:active {
-    color: #fff;
-    border: #fff 1px solid;
-    background: #3399cc;
-    /*box-shadow: 0 0px 3px 2px #3399cc;*/
-    transition: 0s;
-}
-.btn-green {
-    background: linear-gradient(#33cc00, #339900);
-    border: #339900 1px solid;
-}
-.btn-blue {
-    background: linear-gradient(#3399cc, #2969cc);
-    border: #2969cc 1px solid;
-}
-.btn-yellow {
-    background: linear-gradient(#ffcc00, #aa8800);
-    border: #aa9900 1px solid;
-}
-.btn-red {
-    background: linear-gradient(#cc0000, #990000);
-    border: #990000 1px solid;
-}
-.btn-gray {
-    background: linear-gradient(#999999, #777777);
-    border: #777777 1px solid;
-}
-.NumberButton h1 {
-    font-size: large;
-    padding: 0;
-    margin: 0;
-}
-.NumberButton p {
-    font-size: x-small;
-    padding: 0;
-    margin: 0;
-    opacity: .5;
-}
-.ActionButton {
-    background: linear-gradient(#fff, #ccc);
-    border: #cccccc 1px solid;
-    text-align: center;
-    padding: 0;
-    margin: 0 10px 0 10px;
-    cursor: pointer;
-    font-size: 8px;
-}
-.ButtonContainer {
-    width: 33.33%;
-    float: left;
-}
-.DisplayContainer, .DialButtonContainer {
-    width: 100%;
-    float: left;
-    display: block;
-}
-.RecButtonContainer {
-    width: 50%;
-    float: left;
-}
-.LogContainer {
-    width: 100%;
-    height: 450px;
-    z-index: 2;
-    position: fixed;
-    opacity: 0;
-    display: none;
-    max-width: 300px;
-    background: #FFFFFF;
-}
-.SettingsContainer {
-    display: none; /* Set to block to show */
-}
-.DropdownField {
-    padding: 5px;
-    text-align: left;
-    background: #ffffff;
-}
-@-webkit-keyframes dropdowndiv {
-    from {
-        top: -400px;
-    }
-    to {
-        top: 0px;
-    }
-}
-@keyframes dropdowndiv {
-    from {
-        top: -400px;
-    }
-    to {
-        top: 0px;
-    }
-}
-.showElement {
-    -webkit-animation-name: example; /* Safari 4.0 - 8.0 */
-    -webkit-animation-duration: .5s; /* Safari 4.0 - 8.0 */
-    -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
-    animation-name: dropdowndiv;
-    animation-duration: 1s;
-    animation-fill-mode: forwards;
-    opacity: 1;
-    display: block;
-    cursor: pointer;
-}
-.topIcon {
-    border: #cccccc 1px solid;
-    float: right;
-    /*background: linear-gradient(#fff, #ccc);*/
-    background-color: #FFFFFF;
-    width: 30px;
-    border-radius: 3px;
-    height: 30px;
-    margin: 5px;
-    transition: 0.3s;
-}
-.topIcon:hover {
-    border: #3399cc 1px solid;
-}
-.top-settings {
-    background: url('webphone_sprites.png');
-    width: 30px;
-    height: 30px;
-    cursor: pointer;
-}
-.top-settings:hover {
-    background: url('webphone_sprites.png') 0 -30px;
-    background-color: #3399cc;
-}
-.top-mute {
-    background: url('webphone_sprites.png') -30px 0;
-    width: 30px;
-    height: 30px;
-    cursor: pointer;
-}
-.top-mute:hover {
-    background: url('webphone_sprites.png') -30px -30px;
-    background-color: #3399cc;
-}
-.top-unmute {
-    background: url('webphone_sprites.png') -60px 0;
-    width: 30px;
-    height: 30px;
-    cursor: pointer;
-}
-.top-unmute:hover {
-    background: url('webphone_sprites.png') -60px -30px;
-    background-color: #3399cc;
-}
-.top-record {
-    background: url('webphone_sprites.png') -90px 0;
-    width: 30px;
-    height: 30px;
-    cursor: pointer;
-}
-.top-record:hover {
-    background: url('webphone_sprites.png') -90px -30px;
-    background-color: #3399cc;
-}
-.top-stoprecord {
-    background: url('webphone_sprites.png') -90px -30px;
-    width: 30px;
-    height: 30px;
-    cursor: pointer;
-    background-color: #cc0000;
-}
-.top-stoprecord:hover {
-    background: url('webphone_sprites.png') -90px -30px;
-    background-color: #990000;
-}
-.top-log {
-    background: url('webphone_sprites.png') -180px 0;
-    width: 30px;
-    height: 30px;
-    cursor: pointer;
-}
-.top-log:hover {
-    background: url('webphone_sprites.png') -180px -30px;
-    background-color: #3399cc;
-}
-.top-phone {
-    background: url('webphone_sprites.png') -120px 0;
-    width: 30px;
-    height: 30px;
-    float: left;
-    margin: 5px;
-}
-/*.topIcons {*/
-/*float: right;*/
-/*margin: 5px;*/
-/*background: linear-gradient(#fff, #ccc);*/
-/*padding: 5px;*/
-/*cursor: pointer;*/
-/*border: #cccccc 1px solid;*/
-/*!*border-radius: 5px;*!*/
-/*}*/
-/*.topIcons:hover {*/
-/*background: #3399cc;*/
-/*}*/
-.closeButton {
-    float: right;
-}

package/embedded_client/tiny_rest_client.php DELETED Viewed

@@ -1,73 +0,0 @@
-<?php
-// If you really want to see whats going on
-define('DEBUG', 0);
-/*
- * Perform an authenticated request towards Telegenta API service
- *
- * PARAMETERS:
- * path = API endpoint path to use the request
- * auth_token = API Auth token
- * partner_customer_id = Perform request on behalf of one of your customers
- *
- */
-function api_get_request($path, $auth_token, $partner_customer_id = NULL) {
-    // Prepare request headers
-    $headers = [
-        'Authorization: Bearer ' . $auth_token,
-        'Accept: application/json',
-    ];
-    // Add partner account id header if needed
-    if ($partner_customer_id) {
-        array_push($headers, 'x-use-partner-id: ' . $partner_customer_id);
-    }
-    // Initialize CURL handle
-    $ch = curl_init();
-    $opt = array(
-        CURLOPT_URL => $path,
-        CURLOPT_RETURNTRANSFER => 1,
-        CURLOPT_VERBOSE => DEBUG,
-        CURLOPT_HTTPHEADER => $headers,
-    );
-    curl_setopt_array($ch, $opt);
-    // Perform request
-    if (!$http_result = curl_exec($ch)) {
-        throw new Exception('CURL ERROR: '.curl_error($ch));
-    }
-    // Reply status non 200?
-    $http_code = curl_getinfo($ch, CURLINFO_HTTP_CODE);
-    if ($http_code !== 200) {
-        throw new Exception('HTTP ERROR: '. $http_code . PHP_EOL . $http_result);
-    }
-    // Decode json ok?
-    if (!$result = json_decode($http_result, 1)) {
-        throw new Exception('MALFORMED JSON:' . json_last_error());
-    }
-    // Print reply if debug enabled
-    if (DEBUG) {
-        print "API REPLY:".PHP_EOL;
-        print_r($result);
-    }
-    // Close handle and return result
-    curl_close($ch);
-    return $result;
-}
-// Just a small helper function for these examples, returning your public ip address
-function get_my_public_ipaddr() {
-    $ch = curl_init();
-    curl_setopt($ch, CURLOPT_URL, "https://api.ipify.org/");
-    curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
-    $resp = curl_exec($ch);
-    curl_close($ch);
-    return $resp;
-}
-?>

package/embedded_client/webphone_sprites.png DELETED Viewed

Binary file