ttp-agent-sdk 2.34.4 → 2.34.6

package/dist/agent-widget.dev.js

@@ -12744,6 +12744,7 @@ var TTPChatWidget = /*#__PURE__*/function () {
       onAudioStartPlaying: this.config.onAudioStartPlaying,
       onAudioStoppedPlaying: this.config.onAudioStoppedPlaying,
       onSubtitleDisplay: this.config.onSubtitleDisplay,
+      onVoiceCallButtonClick: this.config.onVoiceCallButtonClick,
       // Callback when call ends - show landing screen (only in unified mode)
       // BUT: Don't return to landing if we're showing a domain error
       onCallEnd: function onCallEnd() {
@@ -13185,6 +13186,7 @@ var TTPChatWidget = /*#__PURE__*/function () {
         onAudioStartPlaying: userConfig.onAudioStartPlaying,
         onAudioStoppedPlaying: userConfig.onAudioStoppedPlaying,
         onSubtitleDisplay: userConfig.onSubtitleDisplay,
+        onVoiceCallButtonClick: userConfig.onVoiceCallButtonClick,
         // Legacy support (for backward compatibility)
         primaryColor: primaryColor
       }, typeof userConfig.position === 'string' ? {
@@ -13669,6 +13671,17 @@ var TTPChatWidget = /*#__PURE__*/function () {
                     console.log('⚠️ Call already starting, ignoring duplicate click');
                     return _context.a(2);
                   case 1:
+                    // Call the callback if provided
+                    if (typeof _this6.config.onVoiceCallButtonClick === 'function') {
+                      try {
+                        _this6.config.onVoiceCallButtonClick({
+                          timestamp: Date.now(),
+                          widgetState: 'start'
+                        });
+                      } catch (error) {
+                        console.error('Error in onVoiceCallButtonClick callback:', error);
+                      }
+                    }
                     _this6.isStartingCall = true;
                     _context.p = 2;
                     // Show voice interface first (needed for UI state)
@@ -14533,6 +14546,7 @@ var TTPChatWidget = /*#__PURE__*/function () {
       mergedConfig.onAudioStartPlaying = newConfig.onAudioStartPlaying !== undefined ? newConfig.onAudioStartPlaying : this.config.onAudioStartPlaying;
       mergedConfig.onAudioStoppedPlaying = newConfig.onAudioStoppedPlaying !== undefined ? newConfig.onAudioStoppedPlaying : this.config.onAudioStoppedPlaying;
       mergedConfig.onSubtitleDisplay = newConfig.onSubtitleDisplay !== undefined ? newConfig.onSubtitleDisplay : this.config.onSubtitleDisplay;
+      mergedConfig.onVoiceCallButtonClick = newConfig.onVoiceCallButtonClick !== undefined ? newConfig.onVoiceCallButtonClick : this.config.onVoiceCallButtonClick;
 
       // Merge useShadowDOM if provided
       if (newConfig.useShadowDOM !== undefined) {
@@ -14541,7 +14555,7 @@ var TTPChatWidget = /*#__PURE__*/function () {
 
       // Merge any other top-level properties
       Object.keys(newConfig).forEach(function (key) {
-        if (!['panel', 'button', 'header', 'footer', 'icon', 'messages', 'direction', 'voice', 'text', 'animation', 'behavior', 'accessibility', 'language', 'tooltips', 'landing', 'primaryColor', 'useShadowDOM', 'onConversationStart', 'onConversationEnd', 'onBargeIn', 'onAudioStartPlaying', 'onAudioStoppedPlaying', 'onSubtitleDisplay'].includes(key)) {
+        if (!['panel', 'button', 'header', 'footer', 'icon', 'messages', 'direction', 'voice', 'text', 'animation', 'behavior', 'accessibility', 'language', 'tooltips', 'landing', 'primaryColor', 'useShadowDOM', 'onConversationStart', 'onConversationEnd', 'onBargeIn', 'onAudioStartPlaying', 'onAudioStoppedPlaying', 'onSubtitleDisplay', 'onVoiceCallButtonClick'].includes(key)) {
           mergedConfig[key] = newConfig[key];
         }
       });
@@ -16076,7 +16090,7 @@ var VoiceInterface = /*#__PURE__*/function () {
     value: (function () {
       var _proceedWithVoiceCall = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee5() {
         var _this3 = this;
-        var isResumeCall, panel, header, toggleText, _voiceInterface, originalSection, compactSection, idleState, _panel, fallbackPanel, sampleRate, mediaStream, floatingButton, fallbackButton, _idleState, _panel2, _fallbackPanel, deviceInfo, _idleState2, activeState, voiceInterface, signedUrl, connected, serverRejected, originalOnError, originalOnDisconnected, attempts, _this$sdk$voiceSDK, error, _idleState3, _panel3, _fallbackPanel2, _floatingButton, _fallbackButton, _idleState4, _panel4, _fallbackPanel3, _floatingButton2, _fallbackButton2, _deviceInfo, _t2, _t3, _t4, _t5, _t6, _t7;
+        var isResumeCall, panel, header, toggleText, _voiceInterface, originalSection, compactSection, idleState, _panel, fallbackPanel, sampleRate, mediaStream, floatingButton, fallbackButton, _idleState, _panel2, _fallbackPanel, deviceInfo, _idleState2, activeState, voiceInterface, signedUrl, connected, serverRejected, originalOnError, originalOnDisconnected, attempts, _this$sdk$voiceSDK, error, _idleState3, _panel3, _fallbackPanel2, _floatingButton, _fallbackButton, updateTimer, _idleState4, _panel4, _fallbackPanel3, _floatingButton2, _fallbackButton2, _updateTimer, _deviceInfo, _t2, _t3, _t4, _t5, _t6, _t7;
         return _regenerator().w(function (_context5) {
           while (1) switch (_context5.p = _context5.n) {
             case 0:
@@ -16473,7 +16487,9 @@ var VoiceInterface = /*#__PURE__*/function () {
             case 29:
               // Start timer
               this.callStartTime = Date.now();
-              this.callTimerInterval = setInterval(function () {
+
+              // Timer update function - updates all timer elements
+              updateTimer = function updateTimer() {
                 var elapsed = Date.now() - _this3.callStartTime;
                 var minutes = Math.floor(elapsed / 60000);
                 var seconds = Math.floor(elapsed % 60000 / 1000);
@@ -16484,12 +16500,19 @@ var VoiceInterface = /*#__PURE__*/function () {
                 if (timerEl) {
                   timerEl.textContent = timerText;
                 }
-                // Update timer in compact or old layout
+                // Update timer in compact or old layout (update both independently)
                 var compactTimerText = _this3.shadowRoot.getElementById('compactTimerText');
                 var desktopTimerText = _this3.shadowRoot.getElementById('desktopTimerText');
-                var timerElement = compactTimerText || desktopTimerText;
-                if (timerElement) {
-                  timerElement.textContent = timerText;
+
+                // Debug logging
+                if (!compactTimerText && !desktopTimerText) {
+                  console.warn('⚠️ Timer elements not found - compactTimerText:', !!compactTimerText, 'desktopTimerText:', !!desktopTimerText);
+                }
+                if (compactTimerText) {
+                  compactTimerText.textContent = timerText;
+                }
+                if (desktopTimerText) {
+                  desktopTimerText.textContent = timerText;
                 }
 
                 // Update mobile duration badge
@@ -16499,7 +16522,10 @@ var VoiceInterface = /*#__PURE__*/function () {
                   if (mobileDurationText) mobileDurationText.textContent = timerText;
                   if (mobileHeaderDuration) mobileHeaderDuration.textContent = timerText;
                 }
-              }, 1000);
+              }; // Update immediately (don't wait for first interval)
+              updateTimer();
+              // Then update every second
+              this.callTimerInterval = setInterval(updateTimer, 1000);
               _context5.n = 38;
               break;
             case 30:
@@ -16602,7 +16628,9 @@ var VoiceInterface = /*#__PURE__*/function () {
             case 37:
               // Start timer
               this.callStartTime = Date.now();
-              this.callTimerInterval = setInterval(function () {
+
+              // Timer update function - updates all timer elements
+              _updateTimer = function _updateTimer() {
                 var elapsed = Date.now() - _this3.callStartTime;
                 var minutes = Math.floor(elapsed / 60000);
                 var seconds = Math.floor(elapsed % 60000 / 1000);
@@ -16613,12 +16641,19 @@ var VoiceInterface = /*#__PURE__*/function () {
                 if (timerEl) {
                   timerEl.textContent = timerText;
                 }
-                // Update timer in compact or old layout
+                // Update timer in compact or old layout (update both independently)
                 var compactTimerText = _this3.shadowRoot.getElementById('compactTimerText');
                 var desktopTimerText = _this3.shadowRoot.getElementById('desktopTimerText');
-                var timerElement = compactTimerText || desktopTimerText;
-                if (timerElement) {
-                  timerElement.textContent = timerText;
+
+                // Debug logging
+                if (!compactTimerText && !desktopTimerText) {
+                  console.warn('⚠️ Timer elements not found - compactTimerText:', !!compactTimerText, 'desktopTimerText:', !!desktopTimerText);
+                }
+                if (compactTimerText) {
+                  compactTimerText.textContent = timerText;
+                }
+                if (desktopTimerText) {
+                  desktopTimerText.textContent = timerText;
                 }
 
                 // Update mobile duration badge
@@ -16628,7 +16663,10 @@ var VoiceInterface = /*#__PURE__*/function () {
                   if (mobileDurationText) mobileDurationText.textContent = timerText;
                   if (mobileHeaderDuration) mobileHeaderDuration.textContent = timerText;
                 }
-              }, 1000);
+              }; // Update immediately (don't wait for first interval)
+              _updateTimer();
+              // Then update every second
+              this.callTimerInterval = setInterval(_updateTimer, 1000);
             case 38:
               console.log('✅ Voice call started successfully');
               _context5.n = 44;
@@ -17119,7 +17157,19 @@ var VoiceInterface = /*#__PURE__*/function () {
       var activeState = this.shadowRoot.getElementById('voiceActiveState');
       if (activeState) activeState.style.display = 'none';
 
-      // Call the callback if provided (for unified mode - shows landing screen)
+      // Call the public callback if provided (for user tracking/analytics)
+      if (typeof this.config.onVoiceCallButtonClick === 'function') {
+        try {
+          this.config.onVoiceCallButtonClick({
+            timestamp: Date.now(),
+            widgetState: 'end'
+          });
+        } catch (error) {
+          console.error('Error in onVoiceCallButtonClick callback:', error);
+        }
+      }
+
+      // Call the internal callback if provided (for unified mode - shows landing screen)
       // Otherwise show idle state (for voice-only mode or backward compatibility)
       if (this.config.onCallEnd) {
         this.config.onCallEnd();