@smarter.sh/ui-chat 0.2.4 → 0.2.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@smarter.sh/ui-chat",
-  "version": "0.2.4",
+  "version": "0.2.5",
   "description": "chatbot React.js component for the https://smarter.sh no-code, plugin based AI platform",
   "homepage": "https://smarter.sh",
   "main": "dist/smarter-chat-library.umd.js",

package/src/components/SmarterChat/Component.jsx

@@ -48,15 +48,17 @@ const DEBUG_MODE = false;
 // managing the chat message thread, sending messages to the backend
 // Api, and rendering the chat UI.
 function SmarterChat({
-  apiUrl,
-  apiKey,
-  toggleMetadata,
-  csrfCookieName,
-  debugCookieName,
-  debugCookieExpiration,
-  sessionCookieName,
-  sessionCookieExpiration,
-  showConsole=true,
+  apiUrl,                   // the URL of the Smarter chatbot API. example: https://smarter.3141-5926-5359.beta.api.smarter.sh/
+  apiKey,                   // NOT USED. TO DELETE.
+  toggleMetadata,           // show/hide toggle button to show/hide the chat thread metadata
+  csrfCookieName,           // the Django CSRF cookie.
+  debugCookieName,          // the Smarter chat debug cookie. Set here.
+  debugCookieExpiration,    // the Smarter chat debug cookie. Set here.
+  sessionCookieName,        // the Smarter chat session cookie. Set here, where the user creates a new chat session.
+  sessionCookieExpiration,  // the Smarter chat session cookie. Set here, where the user creates a new chat session.
+  authSessionCookieName,    // the Django session cookie. Set when the user logs in to the Smarter web console app.
+  showConsole=true,         // show the server console log component
+  cookieDomain              // the domain of the cookie. This is added to the cookie meta data, but it is not used.
 }) {
 
   const [configApiUrl, setConfigApiUrl] = useState(apiUrl);
@@ -90,13 +92,18 @@ function SmarterChat({
   const fileInputRef = useRef(null);
 
   // cookie management
-  const csrfCookie = cookieMetaFactory(csrfCookieName, null); // we read this but never set it.
-  const sessionCookie = cookieMetaFactory(sessionCookieName, sessionCookieExpiration);
-  const debugCookie = cookieMetaFactory(debugCookieName, debugCookieExpiration);
+  const csrfCookie = cookieMetaFactory(csrfCookieName, null, cookieDomain); // we read this but never set it.
+  const authTokenCookie = cookieMetaFactory(authSessionCookieName, null, cookieDomain); // we read this but never set it.
+  const sessionCookie = cookieMetaFactory(sessionCookieName, sessionCookieExpiration, cookieDomain);
+  const debugCookie = cookieMetaFactory(debugCookieName, debugCookieExpiration, cookieDomain);
   const cookies = {
-    csrfCookie: csrfCookie,
-    sessionCookie: sessionCookie,
-    debugCookie: debugCookie,
+    authTokenCookie: authTokenCookie,   // the Django session cookie. Set when the user logs in to the Smarter web console app.
+                                        // typically this is not required for the chat app when running inside the
+                                        // Smarter web console workbench, since it is already authenticated.
+
+    csrfCookie: csrfCookie,             // the Django CSRF cookie. This is required for requests to the Smarter web console workbench.
+    sessionCookie: sessionCookie,       // the Smarter chat session cookie. Set here, where the user creates a new chat session.
+    debugCookie: debugCookie,           // the Smarter chat debug cookie. Set here. Controls browser console logging.
   };
 
 

package/src/components/SmarterChat/api.js

@@ -101,9 +101,9 @@ function requestHeadersFactory(cookies) {
 
   const requestCookies = getRequestCookies(cookies);
   const csrftoken = getCookie(cookies.csrfCookie, "");
-  const authToken = null; // FIX NOTE: add me.
+  const authToken = getCookie(cookies.authTokenCookie, "");
 
-  return {
+  const requestHeaders = {
     Accept: applicationJson,
     "Content-Type": applicationJson,
     "X-CSRFToken": csrftoken,
@@ -112,6 +112,8 @@ function requestHeadersFactory(cookies) {
     Authorization: `Bearer ${authToken}`,
     "User-Agent": userAgent,
   };
+  console.log("requestHeadersFactory(): requestHeaders", requestHeaders);
+  return requestHeaders;
 }
 
 function requestInitFactory(headers, body) {

package/src/components/SmarterChat/utils.jsx

@@ -1,12 +1,13 @@
 import { MessageDirectionEnum, SenderRoleEnum, ValidMessageRolesEnum } from "./enums.js";
 
-export function cookieMetaFactory(cookieName, cookieExpiration) {
+export function cookieMetaFactory(cookieName, cookieExpiration, cookieDomain) {
   /*
   Create a cookie object.
    */
   return {
     name: cookieName,
     expiration: cookieExpiration,
+    domain: cookieDomain,
   };
 }