- remove redundant imports

- add timeouts to the TS' functons that interact with blockchain and key exchange server

example/src/index.ts

@@ -1,8 +1,8 @@
 import "../assets/style.scss";
 import * as _ from "lodash";
-import { connect, Contract, WalletConnection, utils, providers, keyStores, ConnectConfig, Near } from 'near-api-js';
+import { connect, WalletConnection, keyStores, Near } from 'near-api-js';
 import { BrowserLocalStorageKeyStore } from "near-api-js/lib/key_stores";
-const { KeyProvisioner, ApiError, ErrorType, ProvisionerConfig } = await import("../../pkg/web_client");
+const { KeyProvisioner, ErrorType, ProvisionerConfig } = await import("../../pkg/web_client");
 
 async function ui() {
     let keyStore = new keyStores.BrowserLocalStorageKeyStore();
@@ -54,38 +54,49 @@ async function handle_wallet(wallet_connection: WalletConnection, near_connectio
     console.log("KeyPair: ", keypair.getPublicKey().toString());
     console.log("Account: ", account);
 
+    let timeout_ms: number = 7000;
+    // increase timeout to allow a moderator to add a user
+    let interaction_timeout_ms: number = 30000;
+
     document.getElementById("start_meeting_id").addEventListener("click", () => {
         let participants = (document.getElementById("inp_participants") as HTMLInputElement | null)?.value;
         if (participants.length > 0) {
             console.log("Participants: " + participants);
-            provisioner.init(new Set(participants.split(","))).then((id) => {
-                (document.getElementById("meeting_id_label") as HTMLSpanElement).textContent = id;
-                console.log("Meeting Id:", id);
-                provisioner.send_keys(id).then((secret_key) => {
-                    (document.getElementById("secret_id_label") as HTMLSpanElement).textContent = secret_key;
-                    console.log("Secret Key" + secret_key);
-                }).catch((err) => {
+            provisioner.init(new Set(participants.split(",")), timeout_ms)
+                .then((id: string) => {
+                    (document.getElementById("meeting_id_label") as HTMLSpanElement).textContent = id;
+                    console.log("Meeting Id:", id);
+                    provisioner.send_keys(id, interaction_timeout_ms)
+                        .then((secret_key) => {
+                            (document.getElementById("secret_id_label") as HTMLSpanElement).textContent = secret_key;
+                            console.log("Secret Key" + secret_key);
+                        })
+                        .then(() => console.log("Send keys is ok"))
+                        .catch((err) => {
+                            console.log("Error: " + err.err_msg());
+                        });
+                })
+                .then(() => console.log("Init is ok"))
+                .catch((err) => {
+                    console.log("ErrorType: " + ErrorType[err.err_type()]);
                     console.log("Error: " + err.err_msg());
                 });
-            }).catch((err) => {
-                console.log("ErrorType: " + ErrorType[err.err_type()]);
-                console.log("Error: " + err.err_msg());
-            });
         }
     });
 
     document.getElementById("join_meeting_id").addEventListener("click", () => {
         let meeting_id = (document.getElementById("inp_meeting_id") as HTMLInputElement | null)?.value;
         if (meeting_id.length > 0) {
-            provisioner.push_to_near(meeting_id).then((id) => {
-                provisioner.get_key(meeting_id).then((secret_key) => {
+            provisioner.push_to_near(meeting_id, timeout_ms).then((_id) => {
+                provisioner.get_key(meeting_id, timeout_ms).then((secret_key) => {
                     (document.getElementById("secret_id_label") as HTMLSpanElement).textContent = secret_key;
                     console.log("Secret Key" + secret_key);
                 }).catch((err) => {
                     console.log("ErrorType: " + ErrorType[err.err_type()]);
                     console.log("Error: " + err.err_msg());
                 });
-            }).catch((err) => {
+            })
+            .catch((err) => {
                 console.log("Error: " + err.err_msg());
             });
         }