ultron-ai-sdk 1.0.2 → 1.0.3

package/dist/index.cjs

@@ -43907,6 +43907,7 @@ class SceneCanvas{
       console.log("clicked");
       let message = this.welcomeMessage || "Hi I am your AI Agent please tell me how can I help you?";
       if(!this.character) return
+      this.initialClickElement.style.display = 'none';
       await this.character.say(message);  
       this.container.removeEventListener("mouseup", this.onClickElement);
     }
@@ -43964,6 +43965,23 @@ class SceneCanvas{
       
       console.log('adding mic button');
       // Create button element
+      this.initialClickElement = document.createElement('div');
+      this.initialClickElement.style.display = 'flex';
+      this.initialClickElement.style.alignItems = 'center';
+      this.initialClickElement.style.justifyContent = 'center';
+      this.initialClickElement.style.fontFamily = '"Inter", sans-serif';
+      this.initialClickElement.style.position = 'absolute';
+      this.initialClickElement.style.top = '100px';
+      this.initialClickElement.style.marginLeft = '50%';
+      this.initialClickElement.style.backgroundColor = "#00000060";
+      this.initialClickElement.style.padding = "10px";
+      this.initialClickElement.style.color = '#fff';
+      this.initialClickElement.style.cursor = 'pointer';
+      this.initialClickElement.style.borderRadius = '8px';
+      this.initialClickElement.style.transform = 'translate(-50%, 0%)';
+      this.initialClickElement.innerHTML = "Click me to start talking";
+
+
       this.voiceElementBlock = document.createElement('div');
 
       this.voiceElementBlock.style.position = 'absolute';
@@ -44028,10 +44046,12 @@ class SceneCanvas{
 
       // Append to target div
       micButton.appendChild(micIcon);
+      
       this.voiceElementBlock.append(this.micButton);
       this.voiceElementBlock.append(this.voiceUIText);
       
       this.container.appendChild(this.voiceElementBlock);
+      this.container.append(this.initialClickElement);
   }
 }
 
@@ -44268,16 +44288,22 @@ class Character {
     }
     if(this.currentAudio){
         // this.idleAction.fadeOut(0.5).stop()
-        this.playAnimation('talking');
-        this.currentAudio.play();
-        if(action){
-            action.play();
-            let timeout = setTimeout(()=>{
-                this.idleAction.crossFadeFrom(this.talkingAction, 0.5).play();
-                clearTimeout(timeout);
-                this.onSpeakComplete();
-            }, (duration - 0.5)*1000);
+        try{
+          this.playAnimation('talking');
+          this.currentAudio.play();
+          if(action){
+              action.play();
+              clearTimeout(this.idleTimeout);
+              this.idleTimeout = setTimeout(()=>{
+                  this.idleAction.crossFadeFrom(this.talkingAction, 0.5).play();
+                  clearTimeout(this.idleTimeout);
+                  this.onSpeakComplete();
+              }, (duration - 0.5)*1000);
+          }
+        }catch(e){
+          console.error(e);
         }
+        
     }
     if(this.sceneCanvasRef?.voiceUIText){
       this.sceneCanvasRef.voiceUIText.innerHTML = "Speaking...";

package/dist/index.mjs

@@ -43905,6 +43905,7 @@ class SceneCanvas{
       console.log("clicked");
       let message = this.welcomeMessage || "Hi I am your AI Agent please tell me how can I help you?";
       if(!this.character) return
+      this.initialClickElement.style.display = 'none';
       await this.character.say(message);  
       this.container.removeEventListener("mouseup", this.onClickElement);
     }
@@ -43962,6 +43963,23 @@ class SceneCanvas{
       
       console.log('adding mic button');
       // Create button element
+      this.initialClickElement = document.createElement('div');
+      this.initialClickElement.style.display = 'flex';
+      this.initialClickElement.style.alignItems = 'center';
+      this.initialClickElement.style.justifyContent = 'center';
+      this.initialClickElement.style.fontFamily = '"Inter", sans-serif';
+      this.initialClickElement.style.position = 'absolute';
+      this.initialClickElement.style.top = '100px';
+      this.initialClickElement.style.marginLeft = '50%';
+      this.initialClickElement.style.backgroundColor = "#00000060";
+      this.initialClickElement.style.padding = "10px";
+      this.initialClickElement.style.color = '#fff';
+      this.initialClickElement.style.cursor = 'pointer';
+      this.initialClickElement.style.borderRadius = '8px';
+      this.initialClickElement.style.transform = 'translate(-50%, 0%)';
+      this.initialClickElement.innerHTML = "Click me to start talking";
+
+
       this.voiceElementBlock = document.createElement('div');
 
       this.voiceElementBlock.style.position = 'absolute';
@@ -44026,10 +44044,12 @@ class SceneCanvas{
 
       // Append to target div
       micButton.appendChild(micIcon);
+      
       this.voiceElementBlock.append(this.micButton);
       this.voiceElementBlock.append(this.voiceUIText);
       
       this.container.appendChild(this.voiceElementBlock);
+      this.container.append(this.initialClickElement);
   }
 }
 
@@ -44266,16 +44286,22 @@ class Character {
     }
     if(this.currentAudio){
         // this.idleAction.fadeOut(0.5).stop()
-        this.playAnimation('talking');
-        this.currentAudio.play();
-        if(action){
-            action.play();
-            let timeout = setTimeout(()=>{
-                this.idleAction.crossFadeFrom(this.talkingAction, 0.5).play();
-                clearTimeout(timeout);
-                this.onSpeakComplete();
-            }, (duration - 0.5)*1000);
+        try{
+          this.playAnimation('talking');
+          this.currentAudio.play();
+          if(action){
+              action.play();
+              clearTimeout(this.idleTimeout);
+              this.idleTimeout = setTimeout(()=>{
+                  this.idleAction.crossFadeFrom(this.talkingAction, 0.5).play();
+                  clearTimeout(this.idleTimeout);
+                  this.onSpeakComplete();
+              }, (duration - 0.5)*1000);
+          }
+        }catch(e){
+          console.error(e);
         }
+        
     }
     if(this.sceneCanvasRef?.voiceUIText){
       this.sceneCanvasRef.voiceUIText.innerHTML = "Speaking...";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ultron-ai-sdk",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "This package is for integrating Ultron AI Characters as website Companions on a website",
   "main": "dist/index.cjs",
   "module": "dist/index.mjs",