ttp-agent-sdk 2.34.5 → 2.34.7

package/dist/agent-widget.dev.js

@@ -15865,6 +15865,48 @@ var VoiceInterface = /*#__PURE__*/function () {
       return defaults[key] || '';
     }
 
+    /**
+     * Update all timer elements with the given time text
+     * Always updates both desktop and compact timers to ensure consistency
+     */
+  }, {
+    key: "_updateTimerElements",
+    value: function _updateTimerElements(timerText, elapsed) {
+      // Update legacy desktop timer if it exists
+      var timerEl = this.shadowRoot.getElementById('voiceTimer');
+      if (timerEl) {
+        timerEl.textContent = timerText;
+      }
+
+      // Always update BOTH timer elements - the visibility optimization was causing bugs
+      // where the collapsed view timer wasn't updating
+      var desktopTimerText = this.shadowRoot.getElementById('desktopTimerText');
+      var compactTimerText = this.shadowRoot.getElementById('compactTimerText');
+      if (desktopTimerText) {
+        desktopTimerText.textContent = timerText;
+      }
+      if (compactTimerText) {
+        compactTimerText.textContent = timerText;
+      }
+
+      // Debug logging (only in first 2 seconds)
+      if (!compactTimerText && !desktopTimerText && elapsed < 2000) {
+        console.warn('⚠️ Timer elements not found - compactTimerText:', !!compactTimerText, 'desktopTimerText:', !!desktopTimerText, 'elapsed:', elapsed);
+        var allTimers = this.shadowRoot.querySelectorAll('[id*="Timer"], [id*="timer"]');
+        console.log('Found timer-like elements:', Array.from(allTimers).map(function (el) {
+          return el.id;
+        }));
+      }
+
+      // Update mobile duration badge
+      if (this.isMobile) {
+        var mobileDurationText = document.getElementById('mobileDurationText');
+        var mobileHeaderDuration = document.getElementById('mobileHeaderDuration');
+        if (mobileDurationText) mobileDurationText.textContent = timerText;
+        if (mobileHeaderDuration) mobileHeaderDuration.textContent = timerText;
+      }
+    }
+
     /**
      * Generate HTML for voice interface
      * Delegates to templates module
@@ -16090,7 +16132,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:
@@ -16487,33 +16529,27 @@ var VoiceInterface = /*#__PURE__*/function () {
             case 29:
               // Start timer
               this.callStartTime = Date.now();
-              this.callTimerInterval = setInterval(function () {
+              console.log('⏱️ Starting call timer at', new Date(this.callStartTime).toISOString());
+
+              // Timer update function - updates all timer elements
+              updateTimer = function updateTimer() {
+                if (!_this3.callStartTime) {
+                  console.warn('⚠️ Timer update called but callStartTime is not set');
+                  return;
+                }
                 var elapsed = Date.now() - _this3.callStartTime;
                 var minutes = Math.floor(elapsed / 60000);
                 var seconds = Math.floor(elapsed % 60000 / 1000);
                 var timerText = "".concat(minutes.toString().padStart(2, '0'), ":").concat(seconds.toString().padStart(2, '0'));
-
-                // Update desktop timer (old and new)
-                var timerEl = _this3.shadowRoot.getElementById('voiceTimer');
-                if (timerEl) {
-                  timerEl.textContent = timerText;
-                }
-                // Update timer in compact or old layout
-                var compactTimerText = _this3.shadowRoot.getElementById('compactTimerText');
-                var desktopTimerText = _this3.shadowRoot.getElementById('desktopTimerText');
-                var timerElement = compactTimerText || desktopTimerText;
-                if (timerElement) {
-                  timerElement.textContent = timerText;
-                }
-
-                // Update mobile duration badge
-                if (_this3.isMobile) {
-                  var mobileDurationText = document.getElementById('mobileDurationText');
-                  var mobileHeaderDuration = document.getElementById('mobileHeaderDuration');
-                  if (mobileDurationText) mobileDurationText.textContent = timerText;
-                  if (mobileHeaderDuration) mobileHeaderDuration.textContent = timerText;
-                }
-              }, 1000);
+                _this3._updateTimerElements(timerText, elapsed);
+              }; // Wait a tiny bit for DOM to be ready, then start timer
+              setTimeout(function () {
+                console.log('⏱️ Starting timer interval');
+                // Update immediately (don't wait for first interval)
+                updateTimer();
+                // Then update every second
+                _this3.callTimerInterval = setInterval(updateTimer, 1000);
+              }, 100);
               _context5.n = 38;
               break;
             case 30:
@@ -16616,33 +16652,27 @@ var VoiceInterface = /*#__PURE__*/function () {
             case 37:
               // Start timer
               this.callStartTime = Date.now();
-              this.callTimerInterval = setInterval(function () {
+              console.log('⏱️ Starting call timer at', new Date(this.callStartTime).toISOString());
+
+              // Timer update function - updates all timer elements
+              _updateTimer = function _updateTimer() {
+                if (!_this3.callStartTime) {
+                  console.warn('⚠️ Timer update called but callStartTime is not set');
+                  return;
+                }
                 var elapsed = Date.now() - _this3.callStartTime;
                 var minutes = Math.floor(elapsed / 60000);
                 var seconds = Math.floor(elapsed % 60000 / 1000);
                 var timerText = "".concat(minutes.toString().padStart(2, '0'), ":").concat(seconds.toString().padStart(2, '0'));
-
-                // Update desktop timer (old and new)
-                var timerEl = _this3.shadowRoot.getElementById('voiceTimer');
-                if (timerEl) {
-                  timerEl.textContent = timerText;
-                }
-                // Update timer in compact or old layout
-                var compactTimerText = _this3.shadowRoot.getElementById('compactTimerText');
-                var desktopTimerText = _this3.shadowRoot.getElementById('desktopTimerText');
-                var timerElement = compactTimerText || desktopTimerText;
-                if (timerElement) {
-                  timerElement.textContent = timerText;
-                }
-
-                // Update mobile duration badge
-                if (_this3.isMobile) {
-                  var mobileDurationText = document.getElementById('mobileDurationText');
-                  var mobileHeaderDuration = document.getElementById('mobileHeaderDuration');
-                  if (mobileDurationText) mobileDurationText.textContent = timerText;
-                  if (mobileHeaderDuration) mobileHeaderDuration.textContent = timerText;
-                }
-              }, 1000);
+                _this3._updateTimerElements(timerText, elapsed);
+              }; // Wait a tiny bit for DOM to be ready, then start timer
+              setTimeout(function () {
+                console.log('⏱️ Starting timer interval');
+                // Update immediately (don't wait for first interval)
+                _updateTimer();
+                // Then update every second
+                _this3.callTimerInterval = setInterval(_updateTimer, 1000);
+              }, 100);
             case 38:
               console.log('✅ Voice call started successfully');
               _context5.n = 44;
@@ -26063,10 +26093,25 @@ var VoiceSDK_v2 = /*#__PURE__*/function (_EventEmitter) {
     /**
       * Send hello message with format negotiation
       */
+    /**
+     * Detect browser language from navigator
+     * @returns {Object} Object with language and fullLocale properties
+     */
     )
+  }, {
+    key: "detectBrowserLocale",
+    value: function detectBrowserLocale() {
+      var _navigator$languages, _fullLocale$split$;
+      var fullLocale = navigator.language || ((_navigator$languages = navigator.languages) === null || _navigator$languages === void 0 ? void 0 : _navigator$languages[0]) || 'en-US';
+      var language = ((_fullLocale$split$ = fullLocale.split('-')[0]) === null || _fullLocale$split$ === void 0 ? void 0 : _fullLocale$split$.toLowerCase()) || 'en';
+      return {
+        language: language,
+        fullLocale: fullLocale
+      };
+    }
   }, {
     key: "sendHelloMessage",
-    value: (function () {
+    value: function () {
       var _sendHelloMessage = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee3() {
         var inputFormat, requestedOutputFormat, inputError, outputError, helloMessage;
         return _regenerator().w(function (_context3) {
@@ -26140,6 +26185,10 @@ var VoiceSDK_v2 = /*#__PURE__*/function (_EventEmitter) {
                 helloMessage.agentSettingsOverride = this.config.agentSettingsOverride;
               }
 
+              // Automatically detect browser language
+              helloMessage.locale = this.detectBrowserLocale();
+              console.log('🌍 VoiceSDK v2: Auto-detected locale:', helloMessage.locale);
+
               // Optional: Variables (Map<String, String>)
               console.log('🔍 VoiceSDK v2: Checking variables:', {
                 hasVariables: !!this.config.variables,
@@ -26209,7 +26258,6 @@ var VoiceSDK_v2 = /*#__PURE__*/function (_EventEmitter) {
     /**
       * Handle incoming WebSocket message
       */
-    )
   }, {
     key: "handleMessage",
     value: function handleMessage(event) {