@longline/aqua-ui 1.0.312 → 1.0.315

package/hooks/useAssemblyAIRecorder/useAssemblyAIRecorder.d.ts

@@ -20,7 +20,7 @@ type TRecordingStatus = 'idle' | 'connecting' | 'recording';
  * AssemblyAIRecorder is currently recording; when a new recording is started,
  * the current one is stopped.
  */
-declare const useAssemblyAIRecorder: (url: string, onTranscript: TranscriptCallback) => {
+declare const useAssemblyAIRecorder: (url: string, onTranscript: TranscriptCallback, authToken?: string) => {
     recordingStatus: TRecordingStatus;
     toggleRecording: () => Promise<void>;
 };

package/hooks/useAssemblyAIRecorder/useAssemblyAIRecorder.js

@@ -65,7 +65,7 @@ var moduleScript = /* js */ "\nconst MAX_16BIT_INT = 32767\nclass AudioProcessor
  * AssemblyAIRecorder is currently recording; when a new recording is started,
  * the current one is stopped.
  */
-var useAssemblyAIRecorder = function (url, onTranscript) {
+var useAssemblyAIRecorder = function (url, onTranscript, authToken) {
     // State to track the current recording status
     var _a = useState('idle'), recordingStatus = _a[0], setRecordingStatus = _a[1];
     // WebSocket connection to AssemblyAI
@@ -169,12 +169,15 @@ var useAssemblyAIRecorder = function (url, onTranscript) {
      * Fetches a temporary token for the AssemblyAI WebSocket API
      */
     var fetchToken = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var response, data, err_1;
+        var headers, response, data, err_1;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
                     _a.trys.push([0, 3, , 4]);
-                    return [4 /*yield*/, fetch(url)];
+                    headers = {};
+                    if (authToken)
+                        headers['Authorization'] = "Bearer ".concat(authToken);
+                    return [4 /*yield*/, fetch(url, { headers: headers })];
                 case 1:
                     response = _a.sent();
                     return [4 /*yield*/, response.json()];

package/hooks/useOpenAIStream/useOpenAIStream.d.ts

@@ -7,7 +7,7 @@ interface IOpenAIStreamOptions {
  *
  * @returns `stream`: a function that takes a prompt and streaming callback.
  */
-declare const useOpenAIStream: (url: string) => {
+declare const useOpenAIStream: (url: string, authToken?: string) => {
     stream: (prompt: string, onText: (text: string) => Promise<void>, options?: IOpenAIStreamOptions) => Promise<void>;
     cancel: () => void;
 };

package/hooks/useOpenAIStream/useOpenAIStream.js

@@ -49,7 +49,7 @@ import { useCallback, useRef } from 'react';
  *
  * @returns `stream`: a function that takes a prompt and streaming callback.
  */
-var useOpenAIStream = function (url) {
+var useOpenAIStream = function (url, authToken) {
     var abortRef = useRef(null);
     /**
      * Streams a prompt to a backend AI endpoint and handles streamed chunks.
@@ -63,7 +63,7 @@ var useOpenAIStream = function (url) {
             args_1[_i - 2] = arguments[_i];
         }
         return __awaiter(void 0, __spreadArray([prompt_1, onText_1], args_1, true), void 0, function (prompt, onText, options) {
-            var controller, response, reader, decoder, buffer, isDone, _a, done, value, parts, _b, parts_1, part, jsonStr, data, content, err_1;
+            var controller, headers, response, reader, decoder, buffer, isDone, _a, done, value, parts, _b, parts_1, part, jsonStr, data, content, err_1;
             var _c, _d, _e;
             if (options === void 0) { options = { temperature: 0, top_p: 0 }; }
             return __generator(this, function (_f) {
@@ -71,14 +71,17 @@ var useOpenAIStream = function (url) {
                     case 0:
                         controller = new AbortController();
                         abortRef.current = controller;
+                        headers = {
+                            'Content-Type': 'application/json',
+                            'Accept': 'text/event-stream',
+                            'Connection': 'keep-alive',
+                            'Cache-Control': 'no-cache, no-transform'
+                        };
+                        if (authToken)
+                            headers['Authorization'] = "Bearer ".concat(authToken);
                         return [4 /*yield*/, fetch(url, {
                                 method: 'POST',
-                                headers: {
-                                    'Content-Type': 'application/json',
-                                    'Accept': 'text/event-stream',
-                                    'Connection': 'keep-alive',
-                                    'Cache-Control': 'no-cache, no-transform'
-                                },
+                                headers: headers,
                                 body: JSON.stringify({
                                     input: prompt,
                                     temperature: options.temperature || 0,
@@ -145,7 +148,7 @@ var useOpenAIStream = function (url) {
                 }
             });
         });
-    }, [url]);
+    }, [url, authToken]);
     /**
      * Cancels any ongoing stream.
      */

package/inputs/Dropdown/Dropdown.js

@@ -370,7 +370,7 @@ var DropdownBase = function (props) {
         var activeIndex = (props.data || []).indexOf(value);
         return (props.data || []).map(function (row, index) {
             return (React.createElement(ListRow, { active: index == activeIndex, key: index + 1, gap: props.gap, onClick: function (e) { return handleClick(e, row); } },
-                props.multiple && React.createElement(Selector, { locked: true, checked: Array.isArray(value) && value.find(function (x) { return match(x, row); }) }),
+                props.multiple && React.createElement(Selector, { locked: true, checked: Array.isArray(value) && value.some(function (x) { return match(x, row); }) }),
                 columns.map(function (child, index) {
                     return (React.createElement(ListCell, { key: index, width: child.props.width, align: child.props.align }, row !== null && child.props.children(row)));
                 })));

package/inputs/Editor/Editor.d.ts

@@ -58,6 +58,10 @@ interface IEditorProps {
      * If not present, no AssemblyAI controls will be available.
      */
     assemblyAIurl?: string;
+    /**
+     * Optional Bearer token for authenticated AI requests.
+     */
+    authToken?: string;
     /**
      * Listeners are notified whenever the user interacts with the Editor.
      */

package/inputs/Editor/Editor.js

@@ -86,7 +86,7 @@ var EditorBase = function (props) {
         React.createElement("div", { className: props.className, ref: wrapperRef },
             React.createElement(OverlayScrollbarsComponent, { className: "scroller ".concat(fullscreen ? 'fullscreen' : ''), defer: true, options: { scrollbars: { theme: 'os-theme-dark', autoHide: 'leave' } } },
                 !props.disabled && !props.ghost &&
-                    React.createElement(MenuBar, { allowFullscreen: props.allowFullscreen, codeButtons: props.codeButtons, fullscreen: fullscreen, editor: editor, onToggleFullscreen: handleToggleFullscreen, openAIurl: props.openAIurl, assemblyAIurl: props.assemblyAIurl }),
+                    React.createElement(MenuBar, { allowFullscreen: props.allowFullscreen, codeButtons: props.codeButtons, fullscreen: fullscreen, editor: editor, onToggleFullscreen: handleToggleFullscreen, openAIurl: props.openAIurl, assemblyAIurl: props.assemblyAIurl, authToken: props.authToken }),
                 React.createElement(EditorContent, { editor: editor, ref: setRef })))));
 };
 var pulse = keyframes(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  from {\n    opacity: .15;\n  }\n  to {\n    opacity: 1;\n  }\n"], ["\n  from {\n    opacity: .15;\n  }\n  to {\n    opacity: 1;\n  }\n"])));

package/inputs/Editor/buttons/OpenAIButton.d.ts

@@ -6,6 +6,10 @@ interface IProps {
      * URL for AI requests.
      */
     url: string;
+    /**
+     * Optional Bearer token for authenticated requests.
+     */
+    authToken?: string;
 }
 /**
  * `AIButton` provides a menu button that allows the user to run various

package/inputs/Editor/buttons/OpenAIButton.js

@@ -54,7 +54,7 @@ import { OpenAIMenu } from './OpenAIMenu';
  * with animated progress.
  */
 var OpenAIButton = function (props) {
-    var streamOpenAI = useOpenAIStream(props.url).stream;
+    var streamOpenAI = useOpenAIStream(props.url, props.authToken).stream;
     var _a = useState(false), streaming = _a[0], setStreaming = _a[1];
     // The DOM parser is only created once, then used many times as content
     // is streamed in.

package/inputs/Editor/buttons/SpeechButton.d.ts

@@ -3,6 +3,10 @@ import { Editor } from '@tiptap/react';
 interface IProps {
     editor: Editor;
     url: string;
+    /**
+     * Optional Bearer token for authenticated requests.
+     */
+    authToken?: string;
 }
 declare const SpeechButton: (props: IProps) => React.JSX.Element;
 export { SpeechButton };

package/inputs/Editor/buttons/SpeechButton.js

@@ -12,7 +12,7 @@ var SpeechButton = function (props) {
         view.dispatch(transaction);
         transcriptRef.current = text;
     };
-    var _a = useAssemblyAIRecorder(props.url, onTranscript), recordingStatus = _a.recordingStatus, toggleRecording = _a.toggleRecording;
+    var _a = useAssemblyAIRecorder(props.url, onTranscript, props.authToken), recordingStatus = _a.recordingStatus, toggleRecording = _a.toggleRecording;
     useEffect(function () {
         if (recordingStatus == 'recording') {
             props.editor.setOptions({ editable: false });

package/inputs/Editor/menu/MenuBar.d.ts

@@ -25,6 +25,10 @@ interface IProps {
      * If not present, no AI controls will be available.
      */
     assemblyAIurl?: string;
+    /**
+     * Optional Bearer token for authenticated AI requests.
+     */
+    authToken?: string;
     /** Fired when fullscreen mode must be toggled. */
     onToggleFullscreen: () => void;
 }

package/inputs/Editor/menu/MenuBar.js

@@ -33,9 +33,9 @@ var MenuBarBase = function (props) {
                 React.createElement(CodeBlockButton, { editor: props.editor })),
             (props.openAIurl || props.allowFullscreen) && React.createElement(MenuSeparator, null),
             props.openAIurl &&
-                React.createElement(OpenAIButton, { url: props.openAIurl, editor: props.editor }),
+                React.createElement(OpenAIButton, { url: props.openAIurl, editor: props.editor, authToken: props.authToken }),
             props.assemblyAIurl &&
-                React.createElement(SpeechButton, { url: props.assemblyAIurl, editor: props.editor }),
+                React.createElement(SpeechButton, { url: props.assemblyAIurl, editor: props.editor, authToken: props.authToken }),
             props.allowFullscreen &&
                 React.createElement(FullscreenButton, { fullscreen: props.fullscreen, editor: props.editor, onClick: props.onToggleFullscreen }))));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@longline/aqua-ui",
-  "version": "1.0.312",
+  "version": "1.0.315",
   "description": "AquaUI",
   "author": "Alexander van Oostenrijk / Longline Environment",
   "license": "Commercial",