@truly-you/trulyyou-web-sdk 0.1.20 → 0.1.21

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@truly-you/trulyyou-web-sdk",
-  "version": "0.1.20",
+  "version": "0.1.21",
   "description": "TrulyYou Web SDK for secure authentication and payload signing",
   "type": "module",
   "main": "dist/index.esm.js",

package/src/sdk/TrulyYouSDK.ts

@@ -8,7 +8,7 @@ export class TrulyYouSDK {
   private authAppId: string | undefined
   private invisible: boolean
   private targetElement: string | HTMLElement | undefined
-  private brandingCache: { primary?: string; background?: string; secondary?: string; textColor?: string; icon?: string; name?: string; authFlowId?: string } | null = null
+  private brandingCache: { primary?: string; background?: string; secondary?: string; textColor?: string; icon?: string; name?: string; authFlowId?: string; pusher?: { realtimeUrl?: string; appKey?: string } } | null = null
   private realtimeUrl: string
   private mockMobileDevice: boolean
 
@@ -89,7 +89,13 @@ export class TrulyYouSDK {
             textColor: app.colors?.textColor,
             icon: app.icon,
             name: app.name,
-            authFlowId: app.authFlowId
+            authFlowId: app.authFlowId,
+            ...(app.pusher && {
+              pusher: {
+                realtimeUrl: app.pusher.realtimeUrl,
+                appKey: app.pusher.appKey
+              }
+            })
           }
           console.log('[SDK]: Branding and authFlowId fetched and cached:', this.brandingCache)
           return !!app.authFlowId
@@ -1016,6 +1022,11 @@ export class TrulyYouSDK {
           apiCallStructure: apiCallStructure
         }
 
+        // Get Pusher config from branding cache (from API) or fall back to config/constructor values
+        const pusherConfigFromBranding = this.brandingCache?.pusher
+        const realtimeUrlToUse = pusherConfigFromBranding?.realtimeUrl || this.realtimeUrl
+        const pusherAppKeyToUse = pusherConfigFromBranding?.appKey || this.config.pusherAppKey || 'app-key'
+        
         // Parse realtimeUrl to extract host/port for Pusher
         let pusherHost: string | undefined
         let pusherPort: number | undefined
@@ -1023,9 +1034,9 @@ export class TrulyYouSDK {
         let encrypted = true
         
         try {
-          const realtimeUrlObj = new URL(this.realtimeUrl.startsWith('ws://') || this.realtimeUrl.startsWith('wss://') 
-            ? this.realtimeUrl 
-            : this.realtimeUrl.replace(/^http:/, 'ws:').replace(/^https:/, 'wss:'))
+          const realtimeUrlObj = new URL(realtimeUrlToUse.startsWith('ws://') || realtimeUrlToUse.startsWith('wss://') 
+            ? realtimeUrlToUse 
+            : realtimeUrlToUse.replace(/^http:/, 'ws:').replace(/^https:/, 'wss:'))
           
           pusherHost = realtimeUrlObj.hostname
           pusherPort = realtimeUrlObj.port ? parseInt(realtimeUrlObj.port, 10) : (realtimeUrlObj.protocol === 'wss:' ? 443 : 80)
@@ -1037,8 +1048,8 @@ export class TrulyYouSDK {
           pusherPort = 6001
         }
         
-        // Get Pusher app key from config or use default
-        const pusherAppKey = this.config.pusherAppKey || 'app-key'
+        // Get Pusher app key from branding cache, config, or default
+        const pusherAppKey = pusherAppKeyToUse
         
         // Merge custom Pusher config with parsed values
         // When using custom wsHost/wsPort, we need to set cluster to empty string to disable default cluster behavior
@@ -1053,6 +1064,8 @@ export class TrulyYouSDK {
         }
         
         console.log('[SDK]: Initializing Pusher with config:', pusherOptions)
+        console.log('[SDK]: Pusher app key:', pusherAppKey ? `${pusherAppKey.substring(0, 10)}...` : 'not set')
+        console.log('[SDK]: Pusher config source:', pusherConfigFromBranding ? 'branding API' : (this.config.pusherAppKey ? 'constructor config' : 'default'))
         const pusher = new Pusher(pusherAppKey, pusherOptions)
         
         // Use signatureId as the channel name (Soketi doesn't need 'public-' prefix)