funda-ui 4.7.601 → 4.7.604

package/Chatbox/index.d.ts

@@ -56,6 +56,7 @@ export declare type ChatboxProps = {
     model?: string;
     baseUrl?: string;
     apiKey?: string;
+    token?: string | (() => string);
     defaultMessages?: MessageDetail[];
     verbose?: boolean;
     reasoningSwitchLabel?: string;

package/Chatbox/index.js

@@ -5320,6 +5320,16 @@ var Chatbox = function Chatbox(props) {
     requestBody: "{\n    \"model\": \"{model}\",\n    \"messages\": [{\n        \"role\": \"user\",\n        \"content\": \"{message}\"\n    }],\n    \"stream\": true\n}",
     responseExtractor: "data.choices.0.delta.content"
   });
+  var tokenFormat = function tokenFormat(inputTokenValue) {
+    if (typeof inputTokenValue === 'undefined') return '';
+
+    // Resolve token value (string or function)
+    if (typeof inputTokenValue === 'function') {
+      return inputTokenValue();
+    } else {
+      return inputTokenValue || '';
+    }
+  };
 
   //
   var rootRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
@@ -5476,6 +5486,7 @@ var Chatbox = function Chatbox(props) {
       model = currentProps.model,
       baseUrl = currentProps.baseUrl,
       apiKey = currentProps.apiKey,
+      token = currentProps.token,
       verbose = currentProps.verbose,
       reasoningSwitchLabel = currentProps.reasoningSwitchLabel,
       stopLabel = currentProps.stopLabel,
@@ -5521,7 +5532,7 @@ var Chatbox = function Chatbox(props) {
     var requestApiUrl = apiUrl.replace(/\{baseUrl\}/g, baseUrl);
 
     // header config       
-    var _headerConfig = headerConfig.replace(/\{apiKey\}/g, apiKey).replace(/\'/g, '"'); //  !!! REQUIRED !!!
+    var _headerConfig = headerConfig.replace(/\{apiKey\}/g, apiKey).replace(/\{token\}/g, tokenFormat(token)).replace(/\'/g, '"'); //  !!! REQUIRED !!!
     var headerConfigRes = typeof _headerConfig !== 'undefined' ? (0,validate.isJSON)(_headerConfig) ? JSON.parse(_headerConfig) : undefined : {
       'Content-Type': 'application/json'
     };
@@ -5554,6 +5565,7 @@ var Chatbox = function Chatbox(props) {
       model: model,
       baseUrl: baseUrl,
       apiKey: apiKey,
+      token: token,
       verbose: verbose,
       reasoningSwitchLabel: reasoningSwitchLabel,
       stopLabel: stopLabel,
@@ -6368,7 +6380,7 @@ var Chatbox = function Chatbox(props) {
             setEnableStreamMode(currentStreamMode);
             _context8.prev = 2;
             // Parse and interpolate request body template
-            requestBodyRes = JSON.parse((args().requestBodyTmpl || '{}').replace(/\{model\}/g, args().model).replace(/\{message\}/g, msg).replace(/\{token\}/g, chatId)); // 
+            requestBodyRes = JSON.parse((args().requestBodyTmpl || '{}').replace(/\{model\}/g, args().model).replace(/\{message\}/g, msg).replace(/\{chatId\}/g, chatId).replace(/\{token\}/g, tokenFormat(args().token))); // 
             // If a formatter function exists, it is used to process the request body
             if (!(typeof args().requestBodyFormatter === 'function')) {
               _context8.next = 8;

package/lib/cjs/Chatbox/index.d.ts

@@ -56,6 +56,7 @@ export declare type ChatboxProps = {
     model?: string;
     baseUrl?: string;
     apiKey?: string;
+    token?: string | (() => string);
     defaultMessages?: MessageDetail[];
     verbose?: boolean;
     reasoningSwitchLabel?: string;

package/lib/cjs/Chatbox/index.js

@@ -5320,6 +5320,16 @@ var Chatbox = function Chatbox(props) {
     requestBody: "{\n    \"model\": \"{model}\",\n    \"messages\": [{\n        \"role\": \"user\",\n        \"content\": \"{message}\"\n    }],\n    \"stream\": true\n}",
     responseExtractor: "data.choices.0.delta.content"
   });
+  var tokenFormat = function tokenFormat(inputTokenValue) {
+    if (typeof inputTokenValue === 'undefined') return '';
+
+    // Resolve token value (string or function)
+    if (typeof inputTokenValue === 'function') {
+      return inputTokenValue();
+    } else {
+      return inputTokenValue || '';
+    }
+  };
 
   //
   var rootRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
@@ -5476,6 +5486,7 @@ var Chatbox = function Chatbox(props) {
       model = currentProps.model,
       baseUrl = currentProps.baseUrl,
       apiKey = currentProps.apiKey,
+      token = currentProps.token,
       verbose = currentProps.verbose,
       reasoningSwitchLabel = currentProps.reasoningSwitchLabel,
       stopLabel = currentProps.stopLabel,
@@ -5521,7 +5532,7 @@ var Chatbox = function Chatbox(props) {
     var requestApiUrl = apiUrl.replace(/\{baseUrl\}/g, baseUrl);
 
     // header config       
-    var _headerConfig = headerConfig.replace(/\{apiKey\}/g, apiKey).replace(/\'/g, '"'); //  !!! REQUIRED !!!
+    var _headerConfig = headerConfig.replace(/\{apiKey\}/g, apiKey).replace(/\{token\}/g, tokenFormat(token)).replace(/\'/g, '"'); //  !!! REQUIRED !!!
     var headerConfigRes = typeof _headerConfig !== 'undefined' ? (0,validate.isJSON)(_headerConfig) ? JSON.parse(_headerConfig) : undefined : {
       'Content-Type': 'application/json'
     };
@@ -5554,6 +5565,7 @@ var Chatbox = function Chatbox(props) {
       model: model,
       baseUrl: baseUrl,
       apiKey: apiKey,
+      token: token,
       verbose: verbose,
       reasoningSwitchLabel: reasoningSwitchLabel,
       stopLabel: stopLabel,
@@ -6368,7 +6380,7 @@ var Chatbox = function Chatbox(props) {
             setEnableStreamMode(currentStreamMode);
             _context8.prev = 2;
             // Parse and interpolate request body template
-            requestBodyRes = JSON.parse((args().requestBodyTmpl || '{}').replace(/\{model\}/g, args().model).replace(/\{message\}/g, msg).replace(/\{token\}/g, chatId)); // 
+            requestBodyRes = JSON.parse((args().requestBodyTmpl || '{}').replace(/\{model\}/g, args().model).replace(/\{message\}/g, msg).replace(/\{chatId\}/g, chatId).replace(/\{token\}/g, tokenFormat(args().token))); // 
             // If a formatter function exists, it is used to process the request body
             if (!(typeof args().requestBodyFormatter === 'function')) {
               _context8.next = 8;

package/lib/esm/Chatbox/index.tsx

@@ -102,6 +102,7 @@ export type ChatboxProps = {
     model?: string;
     baseUrl?: string;
     apiKey?: string;
+    token?: string | (() => string);
     defaultMessages?: MessageDetail[];
     verbose?: boolean;
     reasoningSwitchLabel?: string;
@@ -169,6 +170,19 @@ const Chatbox = (props: ChatboxProps) => {
     });
 
 
+    const tokenFormat = (inputTokenValue: any) => {
+        if (typeof inputTokenValue === 'undefined') return '';
+
+        // Resolve token value (string or function)
+        if (typeof inputTokenValue === 'function') {
+            return inputTokenValue();
+        } else {
+            return inputTokenValue || '';
+        }
+    };
+
+
+
     //
     const rootRef = useRef<HTMLDivElement>(null);
     const msgContainerRef = useRef<HTMLDivElement>(null);
@@ -301,6 +315,7 @@ const Chatbox = (props: ChatboxProps) => {
             model,
             baseUrl,
             apiKey,
+            token,
             verbose,
             reasoningSwitchLabel,
             stopLabel,
@@ -351,9 +366,9 @@ const Chatbox = (props: ChatboxProps) => {
         // request API
         const requestApiUrl = apiUrl.replace(/\{baseUrl\}/g, baseUrl);
 
-
         // header config       
         const _headerConfig = headerConfig.replace(/\{apiKey\}/g, apiKey)
+                                           .replace(/\{token\}/g, tokenFormat(token))
                                            .replace(/\'/g, '"'); //  !!! REQUIRED !!!
         const headerConfigRes = typeof _headerConfig !== 'undefined' ? (isJSON(_headerConfig) ? JSON.parse(_headerConfig) : undefined) : {'Content-Type':'application/json'};
 
@@ -388,6 +403,7 @@ const Chatbox = (props: ChatboxProps) => {
             model,
             baseUrl,
             apiKey,
+            token,
             verbose,
             reasoningSwitchLabel,
             stopLabel,
@@ -1060,7 +1076,8 @@ const Chatbox = (props: ChatboxProps) => {
                 (args().requestBodyTmpl || '{}')
                 .replace(/\{model\}/g, args().model)
                 .replace(/\{message\}/g, msg)
-                .replace(/\{token\}/g, chatId)
+                .replace(/\{chatId\}/g, chatId)
+                .replace(/\{token\}/g, tokenFormat(args().token) as string)
             );
 
             // 

package/package.json

@@ -2,7 +2,7 @@
   "author": "UIUX Lab",
   "email": "uiuxlab@gmail.com",
   "name": "funda-ui",
-  "version": "4.7.601",
+  "version": "4.7.604",
   "description": "React components using pure Bootstrap 5+ which does not contain any external style and script libraries.",
   "repository": {
     "type": "git",