@eshal-bot/chat-widget 0.1.67 → 0.1.68

package/dist/chat-widget.js

@@ -8010,20 +8010,21 @@
    * Sends a streaming chat request using fetch
    * @param {object} request - Chat request object
    * @param {string} apiBaseUrl - Base URL for the API
+   * @param {Function|undefined} getAuthToken - async fn returning a Bearer token (in-app JWT path), or undefined (Mode B proxy)
    */
-  const sendStreamingRequest = async (request, apiBaseUrl, organizationId, secretKey) => {
+  const sendStreamingRequest = async (request, apiBaseUrl, getAuthToken) => {
     const headers = {
       'Content-Type': 'application/json',
       Accept: 'text/event-stream'
     };
 
-    // Mode A — secret key (direct embed): key replaces orgId in the header
-    // Mode B — proxy (@eshal-bot/server): no header from widget; proxy injects x-eshal-sig + x-eshal-org
-    // Mode C — legacy: orgId sent directly
-    if (secretKey) {
-      headers['x-eshal-key'] = secretKey;
-    } else if (organizationId) {
-      headers['x-eshal-org'] = organizationId;
+    // In-app JWT path: call getAuthToken() and set Authorization header
+    // Mode B proxy: no auth header from widget; proxy injects x-eshal-sig + x-eshal-org server-side
+    if (typeof getAuthToken === 'function') {
+      const token = await getAuthToken();
+      if (token) {
+        headers['Authorization'] = "Bearer ".concat(token);
+      }
     }
     const response = await fetch("".concat(apiBaseUrl.replace(/\/$/, ''), "/api/v1/support"), {
       method: 'POST',
@@ -8790,17 +8791,17 @@
    * @param {string} apiBaseUrl - Frontend base URL, e.g. https://demo.eshal.ai
    * @returns {string} Voice WS base, e.g. wss://demo.eshal.ai/voice/ws
    */
-  const getWebSocketUrl = apiBaseUrl => {
+  const getWebSocketUrl = (apiBaseUrl, wsBaseUrl) => {
+    // If the backend returned a wsBaseUrl in agentConfig (or customer passed one
+    // explicitly), use it directly — it already points at the correct host.
+    if (wsBaseUrl) return wsBaseUrl.replace(/\/$/, '');
     if (!apiBaseUrl) {
-      // No base URL yet (config still loading) — safe public default.
       return 'wss://dev.eshal.ai/voice/ws';
     }
     try {
       const url = new URL(apiBaseUrl);
-      // http→ws, https→wss; point at the frontend voice-proxy path.
       url.protocol = url.protocol.replace(/^http/, 'ws');
       url.pathname = '/voice/ws';
-      // Clean URL without a trailing slash.
       return url.toString().replace(/\/$/, '');
     } catch (error) {
       console.error("Invalid API base URL provided for WebSocket:", error);
@@ -9144,9 +9145,10 @@
       welcomeMessage,
       quickQuestions = [],
       apiBaseUrl,
+      wsBaseUrl,
       apiKey,
       organizationId,
-      secretKey,
+      getAuthToken,
       autoOpen,
       openDelay,
       darkMode,
@@ -9314,11 +9316,9 @@
     const visitorProfileRef = reactExports.useRef(null);
     const websocketUrl = reactExports.useMemo(() => {
       if (!organizationId) return null;
-      // Voice WS base is always derived from apiBaseUrl (the frontend origin
-      // the widget is embedded with) → wss://{host}/voice/ws. No override.
-      const resolvedWsBaseUrl = getWebSocketUrl(apiBaseUrl);
+      const resolvedWsBaseUrl = getWebSocketUrl(apiBaseUrl, wsBaseUrl);
       return "".concat(resolvedWsBaseUrl, "/").concat(organizationId, "/").concat(bidiSessionId);
-    }, [apiBaseUrl, organizationId, bidiSessionId]);
+    }, [apiBaseUrl, wsBaseUrl, organizationId, bidiSessionId]);
     const getNextMessageId = reactExports.useCallback(() => {
       const id = "msg-".concat(messageIdRef.current);
       messageIdRef.current += 1;
@@ -9783,7 +9783,7 @@
         if (apiType === 'userName' || apiType === 'email' || apiType === 'phone') {
           // For onboarding fields, just consume the stream without processing.
           // Single attempt — no retry, no user-visible partial state to clean up.
-          const stream = await sendStreamingRequest(chatRequest, apiBaseUrl, organizationId, secretKey);
+          const stream = await sendStreamingRequest(chatRequest, apiBaseUrl, getAuthToken);
           const reader = stream.getReader();
           const decoder = new TextDecoder();
           while (true) {
@@ -9802,7 +9802,7 @@
           let lastErr;
           for (let attempt = 0; attempt <= STREAM_RETRY_DELAYS_MS.length; attempt += 1) {
             try {
-              const stream = await sendStreamingRequest(chatRequest, apiBaseUrl, organizationId, secretKey);
+              const stream = await sendStreamingRequest(chatRequest, apiBaseUrl, getAuthToken);
               await processStream(stream, setMessages);
               updateActivity(organizationId);
               return {
@@ -9830,7 +9830,7 @@
 
         // Non-chat, non-onboarding apiType (shouldn't currently happen):
         // fire and forget, single attempt.
-        await sendStreamingRequest(chatRequest, apiBaseUrl, organizationId);
+        await sendStreamingRequest(chatRequest, apiBaseUrl, getAuthToken);
         updateActivity(organizationId);
         return {
           success: true
@@ -9866,7 +9866,7 @@
         // UX-M09: release the concurrency guard so the next send can proceed.
         isSendingRef.current = false;
       }
-    }, [apiBaseUrl, apiKey, getNextMessageId, organizationId, messages, bidiSessionId, routingChoice, widgetFilter, provideCitations]);
+    }, [apiBaseUrl, apiKey, getNextMessageId, getAuthToken, messages, bidiSessionId, routingChoice, widgetFilter, provideCitations]);
     const handleOnboardingFormSubmit = reactExports.useCallback(async answers => {
       const questions = getOnboardingQuestions(onboardingQuestions);
       if (questions.length === 0) return;
@@ -94384,7 +94384,7 @@
     let {
       sources = [],
       apiBaseUrl,
-      organizationId,
+      getAuthToken,
       isDark,
       textColor,
       fontFamily,
@@ -94410,7 +94410,7 @@
     // corpora that have none of the above.
     const _downloadKey = s => s.url || s.source_id || s.source_name || "";
     const handleFileDownload = async source => {
-      if (!apiBaseUrl || !organizationId) return;
+      if (!apiBaseUrl) return;
       // SharePoint proxy URLs are GET endpoints that stream the file
       // directly via Microsoft Graph using the stored OAuth credential.
       // Bypass the legacy POST /file-download lookup (which expects an
@@ -94436,11 +94436,14 @@
           // set, or future deployments that set it) pass through
           // unchanged.
           const spUrl = source.url.startsWith("http") ? source.url : "".concat(apiBaseUrl.replace(/\/$/, "")).concat(source.url);
+          const spHeaders = {};
+          if (typeof getAuthToken === 'function') {
+            const token = await getAuthToken();
+            if (token) spHeaders['Authorization'] = "Bearer ".concat(token);
+          }
           res = await fetch(spUrl, {
             method: "GET",
-            headers: {
-              "x-eshal-org": organizationId
-            },
+            headers: spHeaders,
             credentials: "include"
           });
         } else {
@@ -94456,15 +94459,18 @@
           //   - source.source_name (the user's original filename)
           // Sending both lets the server skip the Milvus resolution
           // AND advertise the readable name in Content-Disposition.
+          const dlHeaders = {
+            "Content-Type": "application/json"
+          };
+          if (typeof getAuthToken === 'function') {
+            const token = await getAuthToken();
+            if (token) dlHeaders['Authorization'] = "Bearer ".concat(token);
+          }
           res = await fetch(url, {
             method: "POST",
-            headers: {
-              "Content-Type": "application/json",
-              "x-eshal-org": organizationId
-            },
+            headers: dlHeaders,
             credentials: "include",
             body: JSON.stringify({
-              org_id: organizationId,
               source_id: source.source_id,
               file_name: source.url || "",
               source_name: source.source_name || ""
@@ -94649,7 +94655,7 @@
       conciergeName,
       companyName,
       apiBaseUrl,
-      organizationId,
+      getAuthToken,
       onPromptSuggestionClick,
       allowFeedback = true,
       provideCitations = true,
@@ -94821,7 +94827,7 @@
                   }), /*#__PURE__*/jsxRuntimeExports.jsx(MessageSources, {
                     sources: message.sources,
                     apiBaseUrl: apiBaseUrl,
-                    organizationId: organizationId,
+                    getAuthToken: getAuthToken,
                     isDark: isDark,
                     textColor: messageTextColor,
                     fontFamily: messageFontFamily,
@@ -94847,7 +94853,7 @@
                   }), /*#__PURE__*/jsxRuntimeExports.jsx(MessageSources, {
                     sources: message.sources,
                     apiBaseUrl: apiBaseUrl,
-                    organizationId: organizationId,
+                    getAuthToken: getAuthToken,
                     isDark: isDark,
                     textColor: messageTextColor,
                     fontFamily: messageFontFamily,
@@ -95027,7 +95033,7 @@
       conciergeName,
       companyName,
       apiBaseUrl,
-      organizationId,
+      getAuthToken,
       onPromptSuggestionClick,
       allowFeedback,
       provideCitations,
@@ -95071,7 +95077,7 @@
       conciergeName: conciergeName,
       companyName: companyName,
       apiBaseUrl: apiBaseUrl,
-      organizationId: organizationId,
+      getAuthToken: getAuthToken,
       onPromptSuggestionClick: onPromptSuggestionClick,
       allowFeedback: allowFeedback,
       provideCitations: provideCitations,
@@ -95916,7 +95922,7 @@
       conciergeName,
       companyName,
       apiBaseUrl,
-      organizationId,
+      getAuthToken,
       onPromptSuggestionClick,
       conversationResetKey,
       allowFeedback,
@@ -96098,7 +96104,7 @@
         conciergeName: conciergeName,
         companyName: companyName,
         apiBaseUrl: apiBaseUrl,
-        organizationId: organizationId,
+        getAuthToken: getAuthToken,
         allowFeedback: allowFeedback,
         provideCitations: provideCitations,
         onFeedback: onFeedback,
@@ -96130,7 +96136,7 @@
             conciergeName: conciergeName,
             companyName: companyName,
             apiBaseUrl: apiBaseUrl,
-            organizationId: organizationId,
+            getAuthToken: getAuthToken,
             headerTextColor: headerTextColor
           }, "skeleton-waiting");
         }
@@ -99645,8 +99651,7 @@
       showPoweredBy = true,
       apiBaseUrl,
       apiKey,
-      organizationId,
-      secretKey,
+      getAuthToken,
       conversationId,
       conciergeId,
       onboardingQuestions = [],
@@ -99794,7 +99799,7 @@
         setCsatSubmitted(submitted);
         if (submitted) setShowCsat(false);
       } catch (_unused4) {}
-    }, [conversationId, organizationId]);
+    }, [conversationId]);
 
     // Auto-scroll hook
     useAutoScroll(messagesContainerRef, [messages, isLoading], {
@@ -99932,14 +99937,15 @@
     const handleCsatRating = async (rating, format) => {
       setCsatSubmitted(true); // optimistic UI
       setShowCsat(false);
-      markCsatSubmitted(organizationId); // persist so page refresh doesn't re-show CSAT
+      markCsatSubmitted(undefined); // persist so page refresh doesn't re-show CSAT
 
       try {
         const headers = {
           "Content-Type": "application/json"
         };
-        if (organizationId) {
-          headers["x-eshal-org"] = organizationId;
+        if (typeof getAuthToken === 'function') {
+          const token = await getAuthToken();
+          if (token) headers['Authorization'] = "Bearer ".concat(token);
         }
         const response = await fetch("".concat(apiBaseUrl.replace(/\/$/, ""), "/api/v1/support/csat"), {
           method: "POST",
@@ -99949,7 +99955,6 @@
             conversationId,
             rating,
             ratingFormat: format,
-            organizationId,
             conciergeId
           })
         });
@@ -99973,8 +99978,9 @@
         const headers = {
           "Content-Type": "application/json"
         };
-        if (organizationId) {
-          headers["x-eshal-org"] = organizationId;
+        if (typeof getAuthToken === 'function') {
+          const token = await getAuthToken();
+          if (token) headers['Authorization'] = "Bearer ".concat(token);
         }
         const ratingFormat = normalizeCsatFormat(csatFormat);
         const response = await fetch("".concat(apiBaseUrl.replace(/\/$/, ""), "/api/v1/support/csat"), {
@@ -99985,7 +99991,6 @@
             conversationId,
             rating: String(resolveRating),
             ratingFormat,
-            organizationId,
             conciergeId,
             feedback: resolveFeedbackText || undefined
           })
@@ -100019,7 +100024,7 @@
       } finally {
         setIsSubmittingResolve(false);
       }
-    }, [isCsatEnabled, isSubmittingResolve, isConversationResolved, resolveRating, resolveFeedbackText, conversationId, organizationId, conciergeId, apiBaseUrl, csatFormat, onResetConversation, onRefreshChat, onWidgetFilterChange]);
+    }, [isCsatEnabled, isSubmittingResolve, isConversationResolved, resolveRating, resolveFeedbackText, conversationId, getAuthToken, conciergeId, apiBaseUrl, csatFormat, onResetConversation, onRefreshChat, onWidgetFilterChange]);
 
     // Handle X button: first click shows form, second click closes
     const handleCloseClick = reactExports.useCallback(() => {
@@ -100357,7 +100362,7 @@
                 conciergeName: conciergeName,
                 companyName: companyName,
                 apiBaseUrl: apiBaseUrl,
-                organizationId: organizationId,
+                getAuthToken: getAuthToken,
                 conversationResetKey: conversationId,
                 allowFeedback: allowFeedback,
                 provideCitations: provideCitations,
@@ -100442,8 +100447,7 @@
 
   /**
    * @param {string|undefined|null} apiBaseUrl
-   * @param {string|undefined|null} orgId
-   * @param {string|undefined|null} secretKey  — Mode A/B: orgId resolved server-side
+   * @param {Function|undefined|null} getAuthToken - async fn returning a Bearer token (in-app JWT path), or undefined/null (Mode B proxy)
    * @returns {{
    *   categories: Array<{id:string,label:string,count:number,tags:string[]}>,
    *   loading: boolean,
@@ -100451,17 +100455,15 @@
    *   hasFilters: boolean,
    * }}
    */
-  function useFilterCatalog(apiBaseUrl, orgId, secretKey) {
-    // Mode A: secretKey present, orgId null → key-based endpoint
-    // Mode C: orgId present (legacy) → orgId-in-path endpoint
-    const hasAuth = !!(apiBaseUrl && (orgId || secretKey));
+  function useFilterCatalog(apiBaseUrl, getAuthToken) {
+    const hasAuth = !!apiBaseUrl;
     const [state, setState] = reactExports.useState({
       categories: [],
       loading: hasAuth,
       error: null
     });
     reactExports.useEffect(() => {
-      if (!apiBaseUrl || !orgId && !secretKey) {
+      if (!apiBaseUrl) {
         setState({
           categories: [],
           loading: false,
@@ -100469,7 +100471,7 @@
         });
         return;
       }
-      const cacheKey = secretKey ? "".concat(apiBaseUrl, "|__key__") : "".concat(apiBaseUrl, "|").concat(orgId);
+      const cacheKey = getAuthToken ? "".concat(apiBaseUrl, "|__session__") : "".concat(apiBaseUrl, "|__proxy__");
       const cached = _PROCESS_CACHE.get(cacheKey);
       if (cached) {
         setState({
@@ -100485,45 +100487,54 @@
         error: null
       }));
       const base = apiBaseUrl.replace(/\/$/, "");
-      const url = secretKey ? "".concat(base, "/api/v1/widget/filters") : "".concat(base, "/api/v1/widget/filters/").concat(encodeURIComponent(orgId));
-      const headers = {
-        Accept: "application/json"
-      };
-      if (secretKey) headers["x-eshal-key"] = secretKey;
-      fetch(url, {
-        method: "GET",
-        headers
-      }).then(async res => {
-        if (!res.ok) {
-          throw new Error("filter catalog HTTP ".concat(res.status));
+      const url = "".concat(base, "/api/v1/widget/filters");
+      (async () => {
+        try {
+          const headers = {
+            Accept: "application/json"
+          };
+          // In-app JWT path: set Authorization header
+          // Mode B proxy: no auth header; proxy handles org resolution
+          if (typeof getAuthToken === 'function') {
+            const token = await getAuthToken();
+            if (token) {
+              headers['Authorization'] = "Bearer ".concat(token);
+            }
+          }
+          const res = await fetch(url, {
+            method: "GET",
+            headers
+          });
+          if (!res.ok) {
+            throw new Error("filter catalog HTTP ".concat(res.status));
+          }
+          const body = await res.json();
+          const categories = Array.isArray(body === null || body === void 0 ? void 0 : body.categories) ? body.categories : [];
+          if (cancelled) return;
+          _PROCESS_CACHE.set(cacheKey, categories);
+          setState({
+            categories,
+            loading: false,
+            error: null
+          });
+        } catch (err) {
+          if (cancelled) return;
+          // Fail-soft: log and present empty so the UI hides itself.
+          // We do NOT bubble the error to the caller because chat
+          // should keep working even if the catalog is unreachable.
+          // eslint-disable-next-line no-console
+          console.warn("[useFilterCatalog] catalog fetch failed:", err);
+          setState({
+            categories: [],
+            loading: false,
+            error: err
+          });
         }
-        const body = await res.json();
-        return Array.isArray(body === null || body === void 0 ? void 0 : body.categories) ? body.categories : [];
-      }).then(categories => {
-        if (cancelled) return;
-        _PROCESS_CACHE.set(cacheKey, categories);
-        setState({
-          categories,
-          loading: false,
-          error: null
-        });
-      }).catch(err => {
-        if (cancelled) return;
-        // Fail-soft: log and present empty so the UI hides itself.
-        // We do NOT bubble the error to the caller because chat
-        // should keep working even if the catalog is unreachable.
-        // eslint-disable-next-line no-console
-        console.warn("[useFilterCatalog] catalog fetch failed:", err);
-        setState({
-          categories: [],
-          loading: false,
-          error: err
-        });
-      });
+      })();
       return () => {
         cancelled = true;
       };
-    }, [apiBaseUrl, orgId, secretKey]);
+    }, [apiBaseUrl, getAuthToken]);
     const hasFilters = reactExports.useMemo(() => Array.isArray(state.categories) && state.categories.length > 0, [state.categories]);
     return _objectSpread2(_objectSpread2({}, state), {}, {
       hasFilters
@@ -100602,24 +100613,28 @@
   /**
    * Fetches agent configuration from the deploy-agent endpoint
    * @param {string} apiBaseUrl - Base URL for the API
-   * @param {string} orgId - Organization ID
+   * @param {Function|undefined} getAuthToken - async fn returning a Bearer token (in-app JWT path), or undefined (Mode B proxy)
    * @returns {Promise<object>} Agent configuration object
    */
-  const fetchAgentConfig = async (apiBaseUrl, orgId, secretKey) => {
+  const fetchAgentConfig = async (apiBaseUrl, getAuthToken) => {
     if (!apiBaseUrl) {
       throw new Error("apiBaseUrl is required");
     }
-    // Mode A: secretKey in header, no orgId in URL
-    // Mode B (proxy): no secretKey, no orgId — proxy intercepts and signs the request
-    // Mode C legacy: orgId in URL path
-
     try {
       const base = apiBaseUrl.replace(/\/$/, '');
-      const url = orgId ? "".concat(base, "/api/v1/deploy-agent/").concat(orgId) : "".concat(base, "/api/v1/deploy-agent");
+      const url = "".concat(base, "/api/v1/deploy-agent");
       const headers = {
         "Content-Type": "application/json"
       };
-      if (secretKey) headers['x-eshal-key'] = secretKey;
+
+      // In-app JWT path: set Authorization header
+      // Mode B proxy: no auth header; proxy handles org resolution
+      if (typeof getAuthToken === 'function') {
+        const token = await getAuthToken();
+        if (token) {
+          headers['Authorization'] = "Bearer ".concat(token);
+        }
+      }
       const response = await fetch(url, {
         method: "GET",
         headers,
@@ -100639,11 +100654,10 @@
   const ChatWidget = _ref => {
     var _agentConfig$concierg;
     let {
-      // Auth — at least one of secretKey (Mode A/B) or orgId (Mode C legacy) is needed.
-      secretKey,
-      // sk_live_... from ChatWidget.init({ secretKey, apiBaseUrl })
-      orgId,
-      // legacy — kept for backward compatibility
+      /**
+       * @param {Function|undefined} getAuthToken - async fn returning a Keycloak Bearer token (in-app JWT path)
+       */
+      getAuthToken,
       apiBaseUrl,
       // Optional override props (will override fetched config if provided)
       darkMode,
@@ -100699,13 +100713,9 @@
           setIsLoadingConfig(false);
           return;
         }
-        // Mode B proxy: neither secretKey nor orgId in browser — proxy handles auth
-
         try {
           setIsLoadingConfig(true);
-          // Pass secretKey for Mode A/B — fetchAgentConfig will send it as a
-          // header and omit the orgId path segment. Pass orgId for Mode C legacy.
-          const config = await fetchAgentConfig(apiBaseUrl, orgId, secretKey);
+          const config = await fetchAgentConfig(apiBaseUrl, getAuthToken);
           setAgentConfig(config);
           setConfigError(null);
         } catch (error) {
@@ -100716,11 +100726,11 @@
         }
       };
       loadAgentConfig();
-    }, [orgId, secretKey, apiBaseUrl]);
+    }, [apiBaseUrl, getAuthToken]);
 
     // Map API response to widget props (use props as overrides if provided)
     const widgetConfig = reactExports.useMemo(() => {
-      var _agentConfig$config, _cfg$identity, _cfg$branding, _cfg$typography, _cfg$messages, _cfg$voice, _cfg$onboarding, _cfg$disclaimer, _cfg$csat, _cfg$inactivity, _cfg$behavior, _cfg$security, _cfg$layout, _ref2, _messages$bundles$loc, _messages$bundles, _messages$bundles$en, _messages$bundles2, _ref3, _ref4, _ref5, _ref6, _branding$chatbotAvat, _branding$chatbotAvat2, _ref7, _ref8, _ref9, _ref0, _ref1, _ref10, _ref11, _ref12, _typography$headerTex, _ref13, _ref14, _ref15, _ref16, _ref17, _ref18, _inactivity$timeoutVa, _inactivity$timeoutUn, _ref19, _ref20, _ref21, _ref22, _ref23, _ref24, _ref25, _ref26, _csat$enabled, _csat$format, _csat$prompt, _csat$triggerType, _csat$idleTimeoutMins, _csat$followUpEnabled, _csat$followUpPrompt, _behavior$autoPromptE, _behavior$allowFeedba, _behavior$provideCita;
+      var _agentConfig$config, _cfg$identity, _cfg$branding, _cfg$typography, _cfg$messages, _cfg$voice, _cfg$onboarding, _cfg$disclaimer, _cfg$csat, _cfg$inactivity, _cfg$behavior, _cfg$security, _cfg$layout, _ref2, _messages$bundles$loc, _messages$bundles, _messages$bundles$en, _messages$bundles2, _ref3, _ref4, _ref5, _ref6, _branding$chatbotAvat, _branding$chatbotAvat2, _ref7, _ref8, _ref9, _ref0, _ref1, _ref10, _ref11, _ref12, _typography$headerTex, _ref13, _ref14, _ref15, _ref16, _ref17, _ref18, _inactivity$timeoutVa, _inactivity$timeoutUn, _ref19, _ref20, _ref21, _ref22, _ref23, _ref24, _ref25, _ref26, _csat$enabled, _csat$format, _csat$prompt, _csat$triggerType, _csat$idleTimeoutMins, _csat$followUpEnabled, _csat$followUpPrompt, _behavior$autoPromptE, _behavior$allowFeedba, _behavior$provideCita, _agentConfig$organiza, _agentConfig$wsBaseUr;
       if (!agentConfig) {
         return null;
       }
@@ -100779,7 +100789,6 @@
         fontFamily: (_ref1 = fontFamily !== null && fontFamily !== void 0 ? fontFamily : typography.agentMessageBubbleFontFamily) !== null && _ref1 !== void 0 ? _ref1 : "Inter",
         fontSize: (_ref10 = fontSize !== null && fontSize !== void 0 ? fontSize : typography.agentMessageBubbleFontSize) !== null && _ref10 !== void 0 ? _ref10 : "14px",
         defaultLanguage: locale,
-        organizationId: orgId,
         headerTextBold: (_ref11 = headerTextBold !== null && headerTextBold !== void 0 ? headerTextBold : typography.headerTextBold) !== null && _ref11 !== void 0 ? _ref11 : false,
         headerTextItalic: (_ref12 = headerTextItalic !== null && headerTextItalic !== void 0 ? headerTextItalic : typography.headerTextItalic) !== null && _ref12 !== void 0 ? _ref12 : false,
         headerTextColor: (_typography$headerTex = typography.headerTextColor) !== null && _typography$headerTex !== void 0 ? _typography$headerTex : "#FFFFFF",
@@ -100816,9 +100825,13 @@
         // every message and tell the backend to skip citation generation.
         // Defaults to true so agents that haven't set the field keep showing
         // citations (matches the testing-lab / chatbot-preview default).
-        provideCitations: (_behavior$provideCita = behavior.provideCitations) !== null && _behavior$provideCita !== void 0 ? _behavior$provideCita : true
+        provideCitations: (_behavior$provideCita = behavior.provideCitations) !== null && _behavior$provideCita !== void 0 ? _behavior$provideCita : true,
+        // organizationId from the backend response — used internally for
+        // session isolation (localStorage keys) and WS paths. Not a user prop.
+        organizationId: (_agentConfig$organiza = agentConfig.organizationId) !== null && _agentConfig$organiza !== void 0 ? _agentConfig$organiza : null,
+        wsBaseUrl: (_agentConfig$wsBaseUr = agentConfig.wsBaseUrl) !== null && _agentConfig$wsBaseUr !== void 0 ? _agentConfig$wsBaseUr : null
       };
-    }, [agentConfig, darkMode, primaryColor, position, companyName, conciergeName, companyLogo, welcomeMessage, quickQuestions, quickQuestionsEnabled, textColor, agentMessageBubbleColor, userMessageBoxColor, assistantTextColor, userTextColor, fontFamily, fontSize, defaultLanguage, orgId, headerTextBold, headerTextItalic, enableVoiceInteraction, disclaimerEnabled, disclaimerText, disclaimerPosition, disclaimerLinkLabel, disclaimerLinkUrl, showPoweredBy, onboardingQuestions, onboardingEnabled, collectionPrompt, allowedDomains, agentMessageBubbleFontFamily, agentMessageBubbleFontSize, userMessageBubbleFontFamily, userMessageBubbleFontSize
+    }, [agentConfig, darkMode, primaryColor, position, companyName, conciergeName, companyLogo, welcomeMessage, quickQuestions, quickQuestionsEnabled, textColor, agentMessageBubbleColor, userMessageBoxColor, assistantTextColor, userTextColor, fontFamily, fontSize, defaultLanguage, headerTextBold, headerTextItalic, enableVoiceInteraction, disclaimerEnabled, disclaimerText, disclaimerPosition, disclaimerLinkLabel, disclaimerLinkUrl, showPoweredBy, onboardingQuestions, onboardingEnabled, collectionPrompt, allowedDomains, agentMessageBubbleFontFamily, agentMessageBubbleFontSize, userMessageBubbleFontFamily, userMessageBubbleFontSize
     // CSAT dependencies
     // (kept minimal because these come from agentConfig)
     ]);
@@ -100837,7 +100850,7 @@
       quickQuestions: [],
       apiBaseUrl: apiBaseUrl || "",
       apiKey: apiKey || "",
-      organizationId: orgId || "",
+      getAuthToken,
       autoOpen: false,
       openDelay: 0,
       darkMode: false,
@@ -100845,7 +100858,7 @@
       onboardingQuestions: [],
       onboardingEnabled: false,
       collectionPrompt: undefined
-    }), [apiBaseUrl, apiKey, orgId]);
+    }), [apiBaseUrl, apiKey, getAuthToken]);
 
     // ALWAYS call hooks before any early returns (Rules of Hooks)
     const {
@@ -100887,14 +100900,10 @@
       welcomeMessage: widgetConfig.welcomeMessage,
       quickQuestions: widgetConfig.quickQuestions,
       apiBaseUrl,
-      // Voice WS endpoint is derived entirely from apiBaseUrl inside
-      // useChatState (→ wss://{host}/voice/ws, the frontend voice proxy).
-      // Nothing is forwarded/overridable here, so a stale backend or embed
-      // wsBaseUrl can't point voice at the old (now non-public)
-      // knowledge-api LoadBalancer.
+      wsBaseUrl: widgetConfig.wsBaseUrl,
       apiKey,
       organizationId: widgetConfig.organizationId,
-      secretKey,
+      getAuthToken,
       autoOpen,
       openDelay,
       darkMode: widgetConfig.darkMode,
@@ -100921,25 +100930,33 @@
       // navigation (but not a page refresh — feedback is not written to
       // localStorage so it resets on reload as intended).
       updateMessageFeedback(messageContent, feedback);
-      if (!orgId && !secretKey || !conversationId || !apiBaseUrl) return;
+      if (!conversationId || !apiBaseUrl) return;
       const base = apiBaseUrl.replace(/\/$/, "");
-      const feedbackHeaders = {
-        "Content-Type": "application/json"
-      };
-      if (secretKey) feedbackHeaders['x-eshal-key'] = secretKey;else if (orgId) feedbackHeaders['x-eshal-org'] = orgId;
-      fetch("".concat(base, "/api/v1/support/feedback"), {
-        method: "POST",
-        headers: feedbackHeaders,
-        credentials: "include",
-        body: JSON.stringify({
-          messageContent,
-          conversationId,
-          organizationId: orgId,
-          feedback,
-          feedbackText
-        })
-      }).catch(err => console.error("Feedback submission error:", err));
-    }, [orgId, conversationId, apiBaseUrl, updateMessageFeedback]);
+      (async () => {
+        try {
+          const feedbackHeaders = {
+            "Content-Type": "application/json"
+          };
+          if (typeof getAuthToken === 'function') {
+            const token = await getAuthToken();
+            if (token) feedbackHeaders['Authorization'] = "Bearer ".concat(token);
+          }
+          await fetch("".concat(base, "/api/v1/support/feedback"), {
+            method: "POST",
+            headers: feedbackHeaders,
+            credentials: "include",
+            body: JSON.stringify({
+              messageContent,
+              conversationId,
+              feedback,
+              feedbackText
+            })
+          });
+        } catch (err) {
+          console.error("Feedback submission error:", err);
+        }
+      })();
+    }, [conversationId, apiBaseUrl, getAuthToken, updateMessageFeedback]);
 
     // Refresh chat handler — reset conversation
     const handleRefreshChat = reactExports.useCallback(() => {
@@ -100955,7 +100972,7 @@
     const {
       categories: filterCategories,
       hasFilters: showFilterStep
-    } = useFilterCatalog(apiBaseUrl, orgId, secretKey);
+    } = useFilterCatalog(apiBaseUrl, getAuthToken);
 
     // Copy chat handler — copy all messages to clipboard
     const handleCopyChat = reactExports.useCallback(() => {
@@ -101060,8 +101077,7 @@
           showPoweredBy: widgetConfig.showPoweredBy,
           apiBaseUrl: apiBaseUrl,
           apiKey: apiKey,
-          organizationId: widgetConfig.organizationId,
-          secretKey: secretKey,
+          getAuthToken: getAuthToken,
           conversationId: conversationId,
           conciergeId: (_agentConfig$concierg = agentConfig === null || agentConfig === void 0 ? void 0 : agentConfig.conciergeId) !== null && _agentConfig$concierg !== void 0 ? _agentConfig$concierg : agentConfig === null || agentConfig === void 0 ? void 0 : agentConfig.id,
           onboardingQuestions: widgetConfig.onboardingQuestions,
@@ -101209,15 +101225,10 @@
         }
 
         // Render component
-        // Mode A/B: secretKey present — orgId derived server-side from the key
-        // Mode C legacy: orgId in config — backward compatible
-        // Both: apiBaseUrl required
-        // Mode B proxy: apiBaseUrl alone is enough — no secretKey or orgId in browser
+        // Mode B proxy: apiBaseUrl alone is enough — no key or orgId in browser
+        // In-app JWT: getAuthToken fn passed via config
         const hasNewAuth = config.apiBaseUrl;
         const widgetProps = hasNewAuth ? _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({
-          // Auth props — secretKey replaces orgId in Mode A/B
-          secretKey: config.secretKey || null,
-          orgId: config.orgId || null,
           apiBaseUrl: config.apiBaseUrl
         }, options.wsBaseUrl !== undefined && {
           wsBaseUrl: config.wsBaseUrl