ttp-agent-sdk 2.44.0 → 2.45.4

package/examples/test-widget.html

@@ -285,9 +285,11 @@
           <input type="text" id="getSessionUrl" value="" placeholder="https://your-api.com/get-session">
         </div>
 
-        <div class="config-group">
-          <label for="websocketUrl">WebSocket URL</label>
-          <input type="text" id="websocketUrl" value="wss://speech.talktopc.com/ws/conv" placeholder="wss://...">
+        <div class="config-group" style="grid-column: 1 / -1;">
+          <label>WebSocket URL</label>
+          <p id="demoWsUrlDisplay" style="font-size: 13px; color: #4b5563; margin-top: 4px; font-family: monospace;">
+            Set by SDK toggle (top-right): Production → speech.talktopc.com · Development → speech.bidme.co.il
+          </p>
         </div>
 
         <div class="config-group">
@@ -398,16 +400,12 @@
     </div>
   </div>
 
-  <!-- Load SDK as UMD library (script tag) -->
-  <script src="/agent-widget.js" onload="console.log('✅ SDK script loaded, TTPAgentSDK:', typeof window.TTPAgentSDK)" onerror="console.error('❌ Failed to load SDK script')"></script>
+  <script src="demo-sdk-loader.js"></script>
   <script>
-    console.log('🔵 Waiting for SDK to load...');
-    
-    // Wait for TTPAgentSDK to be available (UMD library loads as global)
+    console.log('🔵 Waiting for SDK to load (use top-right toggle for prod/dev)...');
+
     function initSDK() {
       if (typeof window.TTPAgentSDK === 'undefined') {
-        console.log('⏳ TTPAgentSDK not ready yet, waiting...');
-        setTimeout(initSDK, 100);
         return;
       }
       
@@ -427,6 +425,8 @@
       
       window.TTPChatWidget = TTPChatWidget;
       window.widgetInstance = null;
+      const mode = window.TTPDemoSdkLoader?.getMode?.() || '?';
+      console.log('✅ SDK ready:', window.TTPDemoSdkLoader?.getSrc?.(mode), '(' + mode + ')');
       
       // Define functions after module loads
       window.initializeWidget = function() {
@@ -442,7 +442,6 @@
         const agentId = document.getElementById('agentId').value;
         const appId = document.getElementById('appId').value;
         const getSessionUrl = document.getElementById('getSessionUrl').value;
-        const websocketUrl = document.getElementById('websocketUrl').value;
         const position = document.getElementById('position').value;
         const language = document.getElementById('language').value;
         const mode = document.getElementById('mode').value;
@@ -477,9 +476,8 @@
             config.getSessionUrl = getSessionUrl;
           }
 
-          if (websocketUrl) {
-            config.websocketUrl = websocketUrl;
-          }
+          window.TTPDemoSdkLoader.applyWebSocketUrl(config);
+          console.log('🔌 websocketUrl:', config.websocketUrl, '(SDK mode:', window.TTPDemoSdkLoader.getMode() + ')');
 
           // Handle position
           if (position) {
@@ -549,7 +547,6 @@
         document.getElementById('agentId').value = 'agent_e5cf06457';
         document.getElementById('appId').value = 'app_Bc01EqMQt2Euehl4qqZSi6l3FJP42Q9vJ0pC';
         document.getElementById('getSessionUrl').value = '';
-        document.getElementById('websocketUrl').value = 'wss://speech.talktopc.com/ws/conv';
         document.getElementById('position').value = 'bottom-right';
         document.getElementById('language').value = 'en';
         document.getElementById('mode').value = 'unified';
@@ -638,9 +635,32 @@
         resetConfig: typeof window.resetConfig
       });
     }
-    
-    // Start initialization
-    initSDK();
+
+    function updateWsUrlDisplay() {
+      const el = document.getElementById('demoWsUrlDisplay');
+      if (!el || !window.TTPDemoSdkLoader) return;
+      const mode = window.TTPDemoSdkLoader.getMode();
+      el.textContent = window.TTPDemoSdkLoader.getWebSocketUrl(mode) + ' (' + mode + ')';
+    }
+
+    window.addEventListener('ttp-demo-sdk-ready', () => {
+      updateWsUrlDisplay();
+      if (window.widgetInstance && typeof window.destroyWidget === 'function') {
+        window.destroyWidget();
+      }
+      initSDK();
+      // Re-create widget if user already initialized (so WS URL matches new SDK mode)
+      if (typeof window.initializeWidget === 'function' && document.getElementById('widgetStatus')?.textContent === 'Yes') {
+        window.initializeWidget();
+      }
+    });
+    window.TTPDemoSdkLoader.waitForReady().then(() => {
+      updateWsUrlDisplay();
+      initSDK();
+    }).catch((e) => {
+      console.error('❌ SDK load failed:', e);
+      alert('SDK load failed. Check Network for agent-widget*.js');
+    });
   </script>
 </body>
 </html>

package/examples/widget-customization-dev.html

@@ -1280,10 +1280,11 @@
       }
     }
   </style>
+  <script src="demo-sdk-loader.js"></script>
 </head>
 <body>
   <div class="header">
-    <div class="dev-banner">⚠️ DEV PAGE - Using production SDK (agent-widget.js)</div>
+    <div class="dev-banner">🔧 Use the SDK toggle (top-right) to switch Production ↔ Development bundles</div>
     <a href="test-index.html" class="back-link">← Back to Demos</a>
     <h1>🎨 Widget Live Customization (Dev Page)</h1>
     <div style="margin-top: 16px; display: flex; align-items: center; justify-content: center; gap: 24px; flex-wrap: wrap;">
@@ -4126,6 +4127,10 @@
         }
       };
 
+      if (window.TTPDemoSdkLoader) {
+        window.TTPDemoSdkLoader.applyWebSocketUrl(actualConfig);
+      }
+
       try {
         // Reset manual close tracking when widget is recreated (unless user manually closed it)
         // Don't reset if widget was manually closed and mock panel is also closed
@@ -4348,8 +4353,15 @@
     };
 
     // Start checking for SDK (will also be called when script loads)
-    window.checkAndInitWidget();
-    
+    window.addEventListener('ttp-demo-sdk-ready', () => {
+      if (actualWidgetInstance) {
+        try { actualWidgetInstance.destroy(); } catch (e) { /* ignore */ }
+        actualWidgetInstance = null;
+      }
+      window.checkAndInitWidget();
+    });
+    window.TTPDemoSdkLoader.waitForReady().then(() => window.checkAndInitWidget());
+
     // Debug helper - expose widget instance globally for inspection
     window.debugWidget = function() {
       console.log('=== Widget Debug Info ===');
@@ -4376,8 +4388,5 @@
       };
     };
   </script>
-  
-  <!-- Load the widget SDK (production version) -->
-  <script src="/agent-widget.js?v=2.34.2" onload="if (typeof window.checkAndInitWidget === 'function') setTimeout(window.checkAndInitWidget, 100);" onerror="console.error('❌ Failed to load SDK script from /agent-widget.js'); alert('Failed to load SDK. Check console for details.');"></script>
 </body>
 </html>

package/examples/widget-customization.html

@@ -1793,6 +1793,7 @@
       }
     }
   </style>
+  <script src="demo-sdk-loader.js"></script>
 </head>
 <body>
   <div class="header">
@@ -5017,6 +5018,10 @@
         }
       };
 
+      if (window.TTPDemoSdkLoader) {
+        window.TTPDemoSdkLoader.applyWebSocketUrl(actualConfig);
+      }
+
       try {
         // Reset manual close tracking when widget is recreated (unless user manually closed it)
         // Don't reset if widget was manually closed and mock panel is also closed
@@ -5450,9 +5455,15 @@
       }
     };
 
-    // Start checking for SDK (will also be called when script loads)
-    window.checkAndInitWidget();
-    
+    window.addEventListener('ttp-demo-sdk-ready', () => {
+      if (actualWidgetInstance) {
+        try { actualWidgetInstance.destroy(); } catch (e) { /* ignore */ }
+        actualWidgetInstance = null;
+      }
+      window.checkAndInitWidget();
+    });
+    window.TTPDemoSdkLoader.waitForReady().then(() => window.checkAndInitWidget());
+
     // Debug helper - expose widget instance globally for inspection
     window.debugWidget = function() {
       console.log('=== Widget Debug Info ===');
@@ -5479,8 +5490,5 @@
       };
     };
   </script>
-  
-  <!-- Load the widget SDK -->
-  <script src="/agent-widget.js" onload="if (typeof window.checkAndInitWidget === 'function') setTimeout(window.checkAndInitWidget, 100);" onerror="console.error('❌ Failed to load SDK script from /agent-widget.js'); alert('Failed to load SDK. Check console for details.');"></script>
 </body>
 </html>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ttp-agent-sdk",
-  "version": "2.44.0",
+  "version": "2.45.4",
   "description": "Comprehensive Voice Agent SDK with Customizable Widget - Real-time audio, WebSocket communication, React components, and extensive customization options",
   "main": "dist/agent-widget.js",
   "module": "dist/agent-widget.esm.js",
@@ -24,6 +24,7 @@
   "scripts": {
     "build": "npm run build:umd && npm run build:esm && npm run build:dev",
     "deploy": "npm run build && npx wrangler pages deploy dist --project-name=ttp-sdk-front --branch=master --commit-dirty=true",
+    "deploy:sandbox": "./deploy-sandbox-sdk.sh",
     "deploy:prod": "./deploy-production.sh",
     "build:prod": "webpack --config webpack.config.js",
     "build:dev": "webpack --config webpack.dev.config.js",