@corti/dictation-web 0.0.0-test.571.2 → 0.0.0-test.7

package/dist/components/recording-button.js

@@ -15,12 +15,12 @@ var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (
     if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
     return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
 };
-var _DictationRecordingButton_instances, _DictationRecordingButton_mediaController, _DictationRecordingButton_dictationController, _DictationRecordingButton_keybindingController, _DictationRecordingButton_closeConnectionOnInit, _DictationRecordingButton_handleMouseDown, _DictationRecordingButton_handleMouseUp, _DictationRecordingButton_handleMouseLeave, _DictationRecordingButton_handleWebSocketMessage, _DictationRecordingButton_handleWebSocketError, _DictationRecordingButton_handleWebSocketClose, _DictationRecordingButton_handleStart, _DictationRecordingButton_handleStop;
+var _DictationRecordingButton_instances, _DictationRecordingButton_mediaController, _DictationRecordingButton_dictationController, _DictationRecordingButton_keybindingController, _DictationRecordingButton_closeConnectionOnInit, _DictationRecordingButton_processing, _DictationRecordingButton_connection, _DictationRecordingButton_handleClick, _DictationRecordingButton_handleWebSocketMessage, _DictationRecordingButton_handleWebSocketError, _DictationRecordingButton_handleWebSocketClose, _DictationRecordingButton_dispatchRecordingStateChanged, _DictationRecordingButton_handleStart, _DictationRecordingButton_handleStop;
 import { consume } from "@lit/context";
 import { html, LitElement, } from "lit";
 import { customElement, property, state } from "lit/decorators.js";
 import { AUDIO_CHUNK_INTERVAL_MS } from "../constants.js";
-import { accessTokenContext, authConfigContext, debugDisplayAudioContext, dictationConfigContext, keybindingContext, modeContext, recordingStateContext, regionContext, selectedDeviceContext, socketProxyContext, socketUrlContext, tenantNameContext, } from "../contexts/dictation-context.js";
+import { accessTokenContext, authConfigContext, debugDisplayAudioContext, dictationConfigContext, pushToTalkKeybindingContext, recordingStateContext, regionContext, selectedDeviceContext, socketProxyContext, socketUrlContext, tenantNameContext, toggleToTalkKeybindingContext, } from "../contexts/dictation-context.js";
 import { DictationController, } from "../controllers/dictation-controller.js";
 import { KeybindingController } from "../controllers/keybinding-controller.js";
 import { MediaController } from "../controllers/media-controller.js";
@@ -39,15 +39,10 @@ let DictationRecordingButton = class DictationRecordingButton extends LitElement
         _DictationRecordingButton_dictationController.set(this, new DictationController(this));
         _DictationRecordingButton_keybindingController.set(this, new KeybindingController(this));
         _DictationRecordingButton_closeConnectionOnInit.set(this, false);
+        _DictationRecordingButton_processing.set(this, false);
+        _DictationRecordingButton_connection.set(this, "CLOSED");
         _DictationRecordingButton_handleWebSocketMessage.set(this, (message) => {
             switch (message.type) {
-                case "CONFIG_ACCEPTED":
-                    __classPrivateFieldGet(this, _DictationRecordingButton_mediaController, "f").mediaRecorder?.start(AUDIO_CHUNK_INTERVAL_MS);
-                    __classPrivateFieldGet(this, _DictationRecordingButton_mediaController, "f").startAudioLevelMonitoring((level) => {
-                        this.dispatchEvent(audioLevelChangedEvent(level));
-                    });
-                    this.dispatchEvent(recordingStateChangedEvent("recording"));
-                    break;
                 case "CONFIG_DENIED":
                     this.dispatchEvent(errorEvent(`Config denied: ${message.reason ?? "Unknown reason"}`));
                     __classPrivateFieldGet(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_handleStop).call(this);
@@ -69,14 +64,31 @@ let DictationRecordingButton = class DictationRecordingButton extends LitElement
                     this.dispatchEvent(errorEvent(message.error));
                     __classPrivateFieldGet(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_handleStop).call(this);
                     break;
+                case "flushed":
+                    if (this._recordingState === "stopped" ||
+                        this._recordingState === "stopping") {
+                        __classPrivateFieldSet(this, _DictationRecordingButton_processing, false, "f");
+                        __classPrivateFieldGet(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_dispatchRecordingStateChanged).call(this, this._recordingState);
+                    }
+                    break;
             }
         });
         _DictationRecordingButton_handleWebSocketError.set(this, (error) => {
             this.dispatchEvent(errorEvent("Socket error: " + error.message));
+            __classPrivateFieldSet(this, _DictationRecordingButton_processing, false, "f");
+            __classPrivateFieldSet(this, _DictationRecordingButton_connection, "CLOSED", "f");
             __classPrivateFieldGet(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_handleStop).call(this);
         });
         _DictationRecordingButton_handleWebSocketClose.set(this, (event) => {
+            // When we already have new socket opened
+            if (__classPrivateFieldGet(this, _DictationRecordingButton_dictationController, "f").isConnectionOpen() ||
+                __classPrivateFieldGet(this, _DictationRecordingButton_dictationController, "f").isConnecting()) {
+                return;
+            }
+            __classPrivateFieldSet(this, _DictationRecordingButton_processing, false, "f");
+            __classPrivateFieldSet(this, _DictationRecordingButton_connection, "CLOSED", "f");
             this.dispatchEvent(streamClosedEvent(event));
+            __classPrivateFieldGet(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_dispatchRecordingStateChanged).call(this, this._recordingState);
         });
     }
     update(changedProperties) {
@@ -113,15 +125,60 @@ let DictationRecordingButton = class DictationRecordingButton extends LitElement
             this.stopRecording();
         }
     }
+    async openConnection() {
+        if (this._recordingState !== "stopped" || __classPrivateFieldGet(this, _DictationRecordingButton_processing, "f")) {
+            return;
+        }
+        if (__classPrivateFieldGet(this, _DictationRecordingButton_dictationController, "f").isConnectionOpen()) {
+            return;
+        }
+        try {
+            __classPrivateFieldSet(this, _DictationRecordingButton_connection, "CONNECTING", "f");
+            __classPrivateFieldGet(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_dispatchRecordingStateChanged).call(this, this._recordingState);
+            await __classPrivateFieldGet(this, _DictationRecordingButton_dictationController, "f").connect(this._dictationConfig, {
+                onClose: __classPrivateFieldGet(this, _DictationRecordingButton_handleWebSocketClose, "f"),
+                onError: __classPrivateFieldGet(this, _DictationRecordingButton_handleWebSocketError, "f"),
+                onMessage: __classPrivateFieldGet(this, _DictationRecordingButton_handleWebSocketMessage, "f"),
+                onNetworkActivity: (direction, data) => {
+                    this.dispatchEvent(networkActivityEvent(direction, data));
+                },
+            });
+            __classPrivateFieldSet(this, _DictationRecordingButton_connection, "OPEN", "f");
+            __classPrivateFieldGet(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_dispatchRecordingStateChanged).call(this, this._recordingState);
+        }
+        catch (error) {
+            __classPrivateFieldSet(this, _DictationRecordingButton_connection, "CLOSED", "f");
+            this.dispatchEvent(errorEvent(error));
+        }
+    }
+    async closeConnection() {
+        if (this._recordingState !== "stopped" || __classPrivateFieldGet(this, _DictationRecordingButton_processing, "f")) {
+            return;
+        }
+        if (__classPrivateFieldGet(this, _DictationRecordingButton_dictationController, "f").isConnecting()) {
+            await __classPrivateFieldGet(this, _DictationRecordingButton_dictationController, "f").waitForConnection();
+        }
+        if (!__classPrivateFieldGet(this, _DictationRecordingButton_dictationController, "f").isConnectionOpen()) {
+            __classPrivateFieldSet(this, _DictationRecordingButton_connection, "CLOSED", "f");
+            __classPrivateFieldGet(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_dispatchRecordingStateChanged).call(this, "stopped");
+            return;
+        }
+        try {
+            __classPrivateFieldSet(this, _DictationRecordingButton_connection, "CLOSING", "f");
+            __classPrivateFieldGet(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_dispatchRecordingStateChanged).call(this, "stopped");
+            await __classPrivateFieldGet(this, _DictationRecordingButton_dictationController, "f").closeConnection(__classPrivateFieldGet(this, _DictationRecordingButton_handleWebSocketClose, "f"));
+        }
+        catch (error) {
+            this.dispatchEvent(errorEvent(error));
+        }
+    }
     render() {
         const isLoading = this._recordingState === "initializing" ||
             this._recordingState === "stopping";
         const isRecording = this._recordingState === "recording";
         return html `
       <button
-        @mousedown=${__classPrivateFieldGet(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_handleMouseDown)}
-        @mouseup=${__classPrivateFieldGet(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_handleMouseUp)}
-        @mouseleave=${__classPrivateFieldGet(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_handleMouseLeave)}
+        @click=${__classPrivateFieldGet(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_handleClick)}
         ?disabled=${isLoading}
         class=${isRecording ? "red" : "accent"}
         aria-label=${isRecording ? "Stop recording" : "Start recording"}
@@ -144,42 +201,43 @@ _DictationRecordingButton_mediaController = new WeakMap();
 _DictationRecordingButton_dictationController = new WeakMap();
 _DictationRecordingButton_keybindingController = new WeakMap();
 _DictationRecordingButton_closeConnectionOnInit = new WeakMap();
+_DictationRecordingButton_processing = new WeakMap();
+_DictationRecordingButton_connection = new WeakMap();
 _DictationRecordingButton_handleWebSocketMessage = new WeakMap();
 _DictationRecordingButton_handleWebSocketError = new WeakMap();
 _DictationRecordingButton_handleWebSocketClose = new WeakMap();
 _DictationRecordingButton_instances = new WeakSet();
-_DictationRecordingButton_handleMouseDown = function _DictationRecordingButton_handleMouseDown(event) {
+_DictationRecordingButton_handleClick = function _DictationRecordingButton_handleClick(event) {
     if (!this.allowButtonFocus) {
         event.preventDefault();
     }
-    if (this._mode === "push-to-talk") {
-        this.startRecording();
-    }
+    this.toggleRecording();
 };
-_DictationRecordingButton_handleMouseUp = function _DictationRecordingButton_handleMouseUp() {
-    if (this._mode === "push-to-talk") {
-        this.stopRecording();
-        return;
-    }
-    if (this._mode === "toggle-to-talk") {
-        this.toggleRecording();
-    }
-};
-_DictationRecordingButton_handleMouseLeave = function _DictationRecordingButton_handleMouseLeave() {
-    if (this._mode === "push-to-talk") {
-        this.stopRecording();
-    }
+_DictationRecordingButton_dispatchRecordingStateChanged = function _DictationRecordingButton_dispatchRecordingStateChanged(state) {
+    this.dispatchEvent(recordingStateChangedEvent(state, {
+        connection: __classPrivateFieldGet(this, _DictationRecordingButton_connection, "f"),
+        processing: __classPrivateFieldGet(this, _DictationRecordingButton_processing, "f"),
+    }));
 };
 _DictationRecordingButton_handleStart = async function _DictationRecordingButton_handleStart() {
-    this.dispatchEvent(recordingStateChangedEvent("initializing"));
+    __classPrivateFieldGet(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_dispatchRecordingStateChanged).call(this, "initializing");
     try {
         await __classPrivateFieldGet(this, _DictationRecordingButton_mediaController, "f").initialize(() => {
             if (this._recordingState === "recording") {
                 this.dispatchEvent(errorEvent("Recording device access was lost."));
                 __classPrivateFieldGet(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_handleStop).call(this);
             }
+        }, __classPrivateFieldGet(this, _DictationRecordingButton_dictationController, "f").mediaRecorderHandler);
+        __classPrivateFieldGet(this, _DictationRecordingButton_mediaController, "f").mediaRecorder?.start(AUDIO_CHUNK_INTERVAL_MS);
+        __classPrivateFieldGet(this, _DictationRecordingButton_mediaController, "f").startAudioLevelMonitoring((level) => {
+            this.dispatchEvent(audioLevelChangedEvent(level));
         });
-        const isNewConnection = await __classPrivateFieldGet(this, _DictationRecordingButton_dictationController, "f").connect(__classPrivateFieldGet(this, _DictationRecordingButton_mediaController, "f").mediaRecorder, this._dictationConfig, {
+        __classPrivateFieldSet(this, _DictationRecordingButton_processing, true, "f");
+        if (__classPrivateFieldGet(this, _DictationRecordingButton_connection, "f") !== "OPEN") {
+            __classPrivateFieldSet(this, _DictationRecordingButton_connection, "CONNECTING", "f");
+        }
+        __classPrivateFieldGet(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_dispatchRecordingStateChanged).call(this, "recording");
+        const isNewConnection = await __classPrivateFieldGet(this, _DictationRecordingButton_dictationController, "f").connect(this._dictationConfig, {
             onClose: __classPrivateFieldGet(this, _DictationRecordingButton_handleWebSocketClose, "f"),
             onError: __classPrivateFieldGet(this, _DictationRecordingButton_handleWebSocketError, "f"),
             onMessage: __classPrivateFieldGet(this, _DictationRecordingButton_handleWebSocketMessage, "f"),
@@ -187,14 +245,11 @@ _DictationRecordingButton_handleStart = async function _DictationRecordingButton
                 this.dispatchEvent(networkActivityEvent(direction, data));
             },
         });
-        // configuration has been accepted before
-        if (!isNewConnection) {
-            __classPrivateFieldGet(this, _DictationRecordingButton_mediaController, "f").mediaRecorder?.start(AUDIO_CHUNK_INTERVAL_MS);
-            __classPrivateFieldGet(this, _DictationRecordingButton_mediaController, "f").startAudioLevelMonitoring((level) => {
-                this.dispatchEvent(audioLevelChangedEvent(level));
-            });
-            this.dispatchEvent(recordingStateChangedEvent("recording"));
+        if (isNewConnection === "superseded") {
+            return;
         }
+        __classPrivateFieldSet(this, _DictationRecordingButton_connection, "OPEN", "f");
+        __classPrivateFieldGet(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_dispatchRecordingStateChanged).call(this, this._recordingState);
     }
     catch (error) {
         this.dispatchEvent(errorEvent(error));
@@ -202,17 +257,17 @@ _DictationRecordingButton_handleStart = async function _DictationRecordingButton
     }
 };
 _DictationRecordingButton_handleStop = async function _DictationRecordingButton_handleStop() {
-    this.dispatchEvent(recordingStateChangedEvent("stopping"));
+    __classPrivateFieldGet(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_dispatchRecordingStateChanged).call(this, "stopping");
     try {
         __classPrivateFieldGet(this, _DictationRecordingButton_mediaController, "f").stopAudioLevelMonitoring();
         await __classPrivateFieldGet(this, _DictationRecordingButton_mediaController, "f").stopRecording();
-        await __classPrivateFieldGet(this, _DictationRecordingButton_dictationController, "f").disconnect(__classPrivateFieldGet(this, _DictationRecordingButton_handleWebSocketClose, "f"));
+        __classPrivateFieldGet(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_dispatchRecordingStateChanged).call(this, "stopped");
+        await __classPrivateFieldGet(this, _DictationRecordingButton_dictationController, "f").pause();
         await __classPrivateFieldGet(this, _DictationRecordingButton_mediaController, "f").cleanup();
     }
     catch (error) {
         this.dispatchEvent(errorEvent(error));
     }
-    this.dispatchEvent(recordingStateChangedEvent("stopped"));
 };
 DictationRecordingButton.styles = [RecordingButtonStyles, ButtonStyles];
 __decorate([
@@ -256,13 +311,13 @@ __decorate([
     state()
 ], DictationRecordingButton.prototype, "_debug_displayAudio", void 0);
 __decorate([
-    consume({ context: keybindingContext, subscribe: true }),
+    consume({ context: pushToTalkKeybindingContext, subscribe: true }),
     state()
-], DictationRecordingButton.prototype, "_keybinding", void 0);
+], DictationRecordingButton.prototype, "_pushToTalkKeybinding", void 0);
 __decorate([
-    consume({ context: modeContext, subscribe: true }),
+    consume({ context: toggleToTalkKeybindingContext, subscribe: true }),
     state()
-], DictationRecordingButton.prototype, "_mode", void 0);
+], DictationRecordingButton.prototype, "_toggleToTalkKeybinding", void 0);
 __decorate([
     property({ type: Boolean })
 ], DictationRecordingButton.prototype, "allowButtonFocus", void 0);

package/dist/components/recording-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"recording-button.js","sourceRoot":"","sources":["../../src/components/recording-button.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Corti } from \"@corti/sdk\";\nimport { consume } from \"@lit/context\";\nimport {\n  type CSSResultGroup,\n  html,\n  LitElement,\n  type PropertyValues,\n} from \"lit\";\nimport { customElement, property, state } from \"lit/decorators.js\";\nimport { AUDIO_CHUNK_INTERVAL_MS } from \"../constants.js\";\nimport {\n  accessTokenContext,\n  authConfigContext,\n  debugDisplayAudioContext,\n  dictationConfigContext,\n  keybindingContext,\n  modeContext,\n  recordingStateContext,\n  regionContext,\n  selectedDeviceContext,\n  socketProxyContext,\n  socketUrlContext,\n  tenantNameContext,\n} from \"../contexts/dictation-context.js\";\nimport {\n  DictationController,\n  type TranscribeMessage,\n} from \"../controllers/dictation-controller.js\";\nimport { KeybindingController } from \"../controllers/keybinding-controller.js\";\nimport { MediaController } from \"../controllers/media-controller.js\";\nimport ButtonStyles from \"../styles/buttons.js\";\nimport RecordingButtonStyles from \"../styles/recording-button.js\";\nimport type { DictationMode, ProxyOptions, RecordingState } from \"../types.js\";\nimport {\n  audioLevelChangedEvent,\n  commandEvent,\n  errorEvent,\n  networkActivityEvent,\n  recordingStateChangedEvent,\n  streamClosedEvent,\n  transcriptEvent,\n  usageEvent,\n} from \"../utils/events.js\";\n\nimport \"./audio-visualiser.js\";\nimport \"../icons/icons.js\";\n\n@customElement(\"dictation-recording-button\")\nexport class DictationRecordingButton extends LitElement {\n  @consume({ context: recordingStateContext, subscribe: true })\n  @state()\n  _recordingState: RecordingState = \"stopped\";\n\n  @consume({ context: selectedDeviceContext, subscribe: true })\n  @state()\n  _selectedDevice?: MediaDeviceInfo;\n\n  @consume({ context: accessTokenContext, subscribe: true })\n  @state()\n  _accessToken?: string;\n\n  @consume({ context: authConfigContext, subscribe: true })\n  @state()\n  _authConfig?: Corti.BearerOptions;\n\n  @consume({ context: regionContext, subscribe: true })\n  @state()\n  _region?: string;\n\n  @consume({ context: tenantNameContext, subscribe: true })\n  @state()\n  _tenantName?: string;\n\n  @consume({ context: dictationConfigContext, subscribe: true })\n  @state()\n  _dictationConfig?: Corti.TranscribeConfig;\n\n  @consume({ context: socketUrlContext, subscribe: true })\n  @state()\n  _socketUrl?: string;\n\n  @consume({ context: socketProxyContext, subscribe: true })\n  @state()\n  _socketProxy?: ProxyOptions;\n\n  @consume({ context: debugDisplayAudioContext, subscribe: true })\n  @state()\n  _debug_displayAudio?: boolean;\n\n  @consume({ context: keybindingContext, subscribe: true })\n  @state()\n  _keybinding?: string | null;\n\n  @consume({ context: modeContext, subscribe: true })\n  @state()\n  _mode?: DictationMode;\n\n  @property({ type: Boolean })\n  allowButtonFocus: boolean = false;\n\n  #mediaController = new MediaController(this);\n  #dictationController = new DictationController(this);\n  #keybindingController = new KeybindingController(this);\n  #closeConnectionOnInit = false;\n\n  static styles: CSSResultGroup = [RecordingButtonStyles, ButtonStyles];\n\n  protected update(changedProperties: PropertyValues) {\n    if (\n      changedProperties.has(\"_recordingState\") &&\n      this._recordingState === \"recording\" &&\n      this.#closeConnectionOnInit\n    ) {\n      this.#closeConnectionOnInit = false;\n      this.#handleStop();\n    }\n\n    super.update(changedProperties);\n  }\n\n  #handleMouseDown(event: MouseEvent): void {\n    if (!this.allowButtonFocus) {\n      event.preventDefault();\n    }\n\n    if (this._mode === \"push-to-talk\") {\n      this.startRecording();\n    }\n  }\n\n  #handleMouseUp(): void {\n    if (this._mode === \"push-to-talk\") {\n      this.stopRecording();\n      return;\n    }\n\n    if (this._mode === \"toggle-to-talk\") {\n      this.toggleRecording();\n    }\n  }\n\n  #handleMouseLeave(): void {\n    if (this._mode === \"push-to-talk\") {\n      this.stopRecording();\n    }\n  }\n\n  #handleWebSocketMessage = (message: TranscribeMessage): void => {\n    switch (message.type) {\n      case \"CONFIG_ACCEPTED\":\n        this.#mediaController.mediaRecorder?.start(AUDIO_CHUNK_INTERVAL_MS);\n        this.#mediaController.startAudioLevelMonitoring((level) => {\n          this.dispatchEvent(audioLevelChangedEvent(level));\n        });\n        this.dispatchEvent(recordingStateChangedEvent(\"recording\"));\n        break;\n      case \"CONFIG_DENIED\":\n        this.dispatchEvent(\n          errorEvent(`Config denied: ${message.reason ?? \"Unknown reason\"}`),\n        );\n        this.#handleStop();\n        break;\n      case \"CONFIG_TIMEOUT\":\n        this.dispatchEvent(errorEvent(\"Config timeout\"));\n        this.#handleStop();\n        break;\n      case \"transcript\":\n        this.dispatchEvent(transcriptEvent(message));\n        break;\n      case \"command\":\n        this.dispatchEvent(commandEvent(message));\n        break;\n      case \"usage\":\n        this.dispatchEvent(usageEvent(message));\n        break;\n      case \"error\":\n        this.dispatchEvent(errorEvent(message.error));\n        this.#handleStop();\n        break;\n    }\n  };\n\n  #handleWebSocketError = (error: Error): void => {\n    this.dispatchEvent(errorEvent(\"Socket error: \" + error.message));\n    this.#handleStop();\n  };\n\n  #handleWebSocketClose = (event: unknown): void => {\n    this.dispatchEvent(streamClosedEvent(event));\n  };\n\n  async #handleStart(): Promise<void> {\n    this.dispatchEvent(recordingStateChangedEvent(\"initializing\"));\n\n    try {\n      await this.#mediaController.initialize(() => {\n        if (this._recordingState === \"recording\") {\n          this.dispatchEvent(errorEvent(\"Recording device access was lost.\"));\n          this.#handleStop();\n        }\n      });\n\n      const isNewConnection = await this.#dictationController.connect(\n        this.#mediaController.mediaRecorder,\n        this._dictationConfig,\n        {\n          onClose: this.#handleWebSocketClose,\n          onError: this.#handleWebSocketError,\n          onMessage: this.#handleWebSocketMessage,\n          onNetworkActivity: (direction, data) => {\n            this.dispatchEvent(networkActivityEvent(direction, data));\n          },\n        },\n      );\n\n      // configuration has been accepted before\n      if (!isNewConnection) {\n        this.#mediaController.mediaRecorder?.start(AUDIO_CHUNK_INTERVAL_MS);\n        this.#mediaController.startAudioLevelMonitoring((level) => {\n          this.dispatchEvent(audioLevelChangedEvent(level));\n        });\n        this.dispatchEvent(recordingStateChangedEvent(\"recording\"));\n      }\n    } catch (error) {\n      this.dispatchEvent(errorEvent(error));\n      await this.#handleStop();\n    }\n  }\n\n  async #handleStop(): Promise<void> {\n    this.dispatchEvent(recordingStateChangedEvent(\"stopping\"));\n\n    try {\n      this.#mediaController.stopAudioLevelMonitoring();\n      await this.#mediaController.stopRecording();\n\n      await this.#dictationController.disconnect(this.#handleWebSocketClose);\n      await this.#mediaController.cleanup();\n    } catch (error) {\n      this.dispatchEvent(errorEvent(error));\n    }\n\n    this.dispatchEvent(recordingStateChangedEvent(\"stopped\"));\n  }\n\n  public startRecording(): void {\n    if (this._recordingState !== \"stopped\") {\n      return;\n    }\n\n    this.#handleStart();\n  }\n\n  public stopRecording(): void {\n    if (\n      this._recordingState === \"stopped\" ||\n      this._recordingState === \"stopping\"\n    ) {\n      return;\n    }\n\n    if (this._recordingState === \"initializing\") {\n      this.#closeConnectionOnInit = true;\n      return;\n    }\n\n    this.#handleStop();\n  }\n\n  public toggleRecording(): void {\n    if (this._recordingState === \"stopped\") {\n      this.startRecording();\n    } else if (this._recordingState === \"recording\") {\n      this.stopRecording();\n    }\n  }\n\n  render() {\n    const isLoading =\n      this._recordingState === \"initializing\" ||\n      this._recordingState === \"stopping\";\n    const isRecording = this._recordingState === \"recording\";\n\n    return html`\n      <button\n        @mousedown=${this.#handleMouseDown}\n        @mouseup=${this.#handleMouseUp}\n        @mouseleave=${this.#handleMouseLeave}\n        ?disabled=${isLoading}\n        class=${isRecording ? \"red\" : \"accent\"}\n        aria-label=${isRecording ? \"Stop recording\" : \"Start recording\"}\n        aria-pressed=${isRecording}\n      >\n        ${\n          isLoading\n            ? html`<icon-loading-spinner />`\n            : isRecording\n              ? html`<icon-recording />`\n              : html`<icon-mic-on />`\n        }\n        <dictation-audio-visualiser\n          .level=${this.#mediaController.audioLevel}\n          ?active=${isRecording}\n        />\n      </button>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"dictation-recording-button\": DictationRecordingButton;\n  }\n}\n"]}
+{"version":3,"file":"recording-button.js","sourceRoot":"","sources":["../../src/components/recording-button.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AACA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAEL,IAAI,EACJ,UAAU,GAEX,MAAM,KAAK,CAAC;AACb,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EACL,kBAAkB,EAClB,iBAAiB,EACjB,wBAAwB,EACxB,sBAAsB,EACtB,2BAA2B,EAC3B,qBAAqB,EACrB,aAAa,EACb,qBAAqB,EACrB,kBAAkB,EAClB,gBAAgB,EAChB,iBAAiB,EACjB,6BAA6B,GAC9B,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EACL,mBAAmB,GAEpB,MAAM,wCAAwC,CAAC;AAChD,OAAO,EAAE,oBAAoB,EAAE,MAAM,yCAAyC,CAAC;AAC/E,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AACrE,OAAO,YAAY,MAAM,sBAAsB,CAAC;AAChD,OAAO,qBAAqB,MAAM,+BAA+B,CAAC;AAElE,OAAO,EACL,sBAAsB,EACtB,YAAY,EACZ,UAAU,EACV,oBAAoB,EAEpB,0BAA0B,EAC1B,iBAAiB,EACjB,eAAe,EACf,UAAU,GACX,MAAM,oBAAoB,CAAC;AAE5B,OAAO,uBAAuB,CAAC;AAC/B,OAAO,mBAAmB,CAAC;AAGpB,IAAM,wBAAwB,GAA9B,MAAM,wBAAyB,SAAQ,UAAU;IAAjD;;;QAGL,oBAAe,GAAmB,SAAS,CAAC;QA+C5C,qBAAgB,GAAY,KAAK,CAAC;QAElC,oDAAmB,IAAI,eAAe,CAAC,IAAI,CAAC,EAAC;QAC7C,wDAAuB,IAAI,mBAAmB,CAAC,IAAI,CAAC,EAAC;QACrD,yDAAwB,IAAI,oBAAoB,CAAC,IAAI,CAAC,EAAC;QACvD,0DAAyB,KAAK,EAAC;QAC/B,+CAAc,KAAK,EAAC;QACpB,+CAA8D,QAAQ,EAAC;QAyBvE,2DAA0B,CAAC,OAA0B,EAAQ,EAAE;YAC7D,QAAQ,OAAO,CAAC,IAAI,EAAE,CAAC;gBACrB,KAAK,eAAe;oBAClB,IAAI,CAAC,aAAa,CAChB,UAAU,CAAC,kBAAkB,OAAO,CAAC,MAAM,IAAI,gBAAgB,EAAE,CAAC,CACnE,CAAC;oBACF,uBAAA,IAAI,iFAAY,MAAhB,IAAI,CAAc,CAAC;oBACnB,MAAM;gBACR,KAAK,gBAAgB;oBACnB,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC,CAAC;oBACjD,uBAAA,IAAI,iFAAY,MAAhB,IAAI,CAAc,CAAC;oBACnB,MAAM;gBACR,KAAK,YAAY;oBACf,IAAI,CAAC,aAAa,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC;oBAC7C,MAAM;gBACR,KAAK,SAAS;oBACZ,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC;oBAC1C,MAAM;gBACR,KAAK,OAAO;oBACV,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC;oBACxC,MAAM;gBACR,KAAK,OAAO;oBACV,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;oBAC9C,uBAAA,IAAI,iFAAY,MAAhB,IAAI,CAAc,CAAC;oBACnB,MAAM;gBACR,KAAK,SAAS;oBACZ,IACE,IAAI,CAAC,eAAe,KAAK,SAAS;wBAClC,IAAI,CAAC,eAAe,KAAK,UAAU,EACnC,CAAC;wBACD,uBAAA,IAAI,wCAAe,KAAK,MAAA,CAAC;wBACzB,uBAAA,IAAI,oGAA+B,MAAnC,IAAI,EAAgC,IAAI,CAAC,eAAe,CAAC,CAAC;oBAC5D,CAAC;oBACD,MAAM;YACV,CAAC;QACH,CAAC,EAAC;QAEF,yDAAwB,CAAC,KAAY,EAAQ,EAAE;YAC7C,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,gBAAgB,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;YACjE,uBAAA,IAAI,wCAAe,KAAK,MAAA,CAAC;YACzB,uBAAA,IAAI,wCAAe,QAAQ,MAAA,CAAC;YAC5B,uBAAA,IAAI,iFAAY,MAAhB,IAAI,CAAc,CAAC;QACrB,CAAC,EAAC;QAEF,yDAAwB,CAAC,KAAc,EAAQ,EAAE;YAC/C,yCAAyC;YACzC,IACE,uBAAA,IAAI,qDAAqB,CAAC,gBAAgB,EAAE;gBAC5C,uBAAA,IAAI,qDAAqB,CAAC,YAAY,EAAE,EACxC,CAAC;gBACD,OAAO;YACT,CAAC;YAED,uBAAA,IAAI,wCAAe,KAAK,MAAA,CAAC;YACzB,uBAAA,IAAI,wCAAe,QAAQ,MAAA,CAAC;YAC5B,IAAI,CAAC,aAAa,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC;YAC7C,uBAAA,IAAI,oGAA+B,MAAnC,IAAI,EAAgC,IAAI,CAAC,eAAe,CAAC,CAAC;QAC5D,CAAC,EAAC;IA+LJ,CAAC;IA7QW,MAAM,CAAC,iBAAiC;QAChD,IACE,iBAAiB,CAAC,GAAG,CAAC,iBAAiB,CAAC;YACxC,IAAI,CAAC,eAAe,KAAK,WAAW;YACpC,uBAAA,IAAI,uDAAuB,EAC3B,CAAC;YACD,uBAAA,IAAI,mDAA0B,KAAK,MAAA,CAAC;YACpC,uBAAA,IAAI,iFAAY,MAAhB,IAAI,CAAc,CAAC;QACrB,CAAC;QAED,KAAK,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC;IAClC,CAAC;IA8IM,cAAc;QACnB,IAAI,IAAI,CAAC,eAAe,KAAK,SAAS,EAAE,CAAC;YACvC,OAAO;QACT,CAAC;QAED,uBAAA,IAAI,kFAAa,MAAjB,IAAI,CAAe,CAAC;IACtB,CAAC;IAEM,aAAa;QAClB,IACE,IAAI,CAAC,eAAe,KAAK,SAAS;YAClC,IAAI,CAAC,eAAe,KAAK,UAAU,EACnC,CAAC;YACD,OAAO;QACT,CAAC;QAED,IAAI,IAAI,CAAC,eAAe,KAAK,cAAc,EAAE,CAAC;YAC5C,uBAAA,IAAI,mDAA0B,IAAI,MAAA,CAAC;YACnC,OAAO;QACT,CAAC;QAED,uBAAA,IAAI,iFAAY,MAAhB,IAAI,CAAc,CAAC;IACrB,CAAC;IAEM,eAAe;QACpB,IAAI,IAAI,CAAC,eAAe,KAAK,SAAS,EAAE,CAAC;YACvC,IAAI,CAAC,cAAc,EAAE,CAAC;QACxB,CAAC;aAAM,IAAI,IAAI,CAAC,eAAe,KAAK,WAAW,EAAE,CAAC;YAChD,IAAI,CAAC,aAAa,EAAE,CAAC;QACvB,CAAC;IACH,CAAC;IAEM,KAAK,CAAC,cAAc;QACzB,IAAI,IAAI,CAAC,eAAe,KAAK,SAAS,IAAI,uBAAA,IAAI,4CAAY,EAAE,CAAC;YAC3D,OAAO;QACT,CAAC;QAED,IAAI,uBAAA,IAAI,qDAAqB,CAAC,gBAAgB,EAAE,EAAE,CAAC;YACjD,OAAO;QACT,CAAC;QAED,IAAI,CAAC;YACH,uBAAA,IAAI,wCAAe,YAAY,MAAA,CAAC;YAChC,uBAAA,IAAI,oGAA+B,MAAnC,IAAI,EAAgC,IAAI,CAAC,eAAe,CAAC,CAAC;YAE1D,MAAM,uBAAA,IAAI,qDAAqB,CAAC,OAAO,CAAC,IAAI,CAAC,gBAAgB,EAAE;gBAC7D,OAAO,EAAE,uBAAA,IAAI,sDAAsB;gBACnC,OAAO,EAAE,uBAAA,IAAI,sDAAsB;gBACnC,SAAS,EAAE,uBAAA,IAAI,wDAAwB;gBACvC,iBAAiB,EAAE,CAAC,SAAS,EAAE,IAAI,EAAE,EAAE;oBACrC,IAAI,CAAC,aAAa,CAAC,oBAAoB,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC;gBAC5D,CAAC;aACF,CAAC,CAAC;YAEH,uBAAA,IAAI,wCAAe,MAAM,MAAA,CAAC;YAC1B,uBAAA,IAAI,oGAA+B,MAAnC,IAAI,EAAgC,IAAI,CAAC,eAAe,CAAC,CAAC;QAC5D,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,uBAAA,IAAI,wCAAe,QAAQ,MAAA,CAAC;YAC5B,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC;QACxC,CAAC;IACH,CAAC;IAEM,KAAK,CAAC,eAAe;QAC1B,IAAI,IAAI,CAAC,eAAe,KAAK,SAAS,IAAI,uBAAA,IAAI,4CAAY,EAAE,CAAC;YAC3D,OAAO;QACT,CAAC;QAED,IAAI,uBAAA,IAAI,qDAAqB,CAAC,YAAY,EAAE,EAAE,CAAC;YAC7C,MAAM,uBAAA,IAAI,qDAAqB,CAAC,iBAAiB,EAAE,CAAC;QACtD,CAAC;QAED,IAAI,CAAC,uBAAA,IAAI,qDAAqB,CAAC,gBAAgB,EAAE,EAAE,CAAC;YAClD,uBAAA,IAAI,wCAAe,QAAQ,MAAA,CAAC;YAC5B,uBAAA,IAAI,oGAA+B,MAAnC,IAAI,EAAgC,SAAS,CAAC,CAAC;YAC/C,OAAO;QACT,CAAC;QAED,IAAI,CAAC;YACH,uBAAA,IAAI,wCAAe,SAAS,MAAA,CAAC;YAC7B,uBAAA,IAAI,oGAA+B,MAAnC,IAAI,EAAgC,SAAS,CAAC,CAAC;YAC/C,MAAM,uBAAA,IAAI,qDAAqB,CAAC,eAAe,CAC7C,uBAAA,IAAI,sDAAsB,CAC3B,CAAC;QACJ,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC;QACxC,CAAC;IACH,CAAC;IAED,MAAM;QACJ,MAAM,SAAS,GACb,IAAI,CAAC,eAAe,KAAK,cAAc;YACvC,IAAI,CAAC,eAAe,KAAK,UAAU,CAAC;QACtC,MAAM,WAAW,GAAG,IAAI,CAAC,eAAe,KAAK,WAAW,CAAC;QAEzD,OAAO,IAAI,CAAA;;iBAEE,uBAAA,IAAI,kFAAa;oBACd,SAAS;gBACb,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ;qBACzB,WAAW,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,iBAAiB;uBAChD,WAAW;;UAGxB,SAAS;YACP,CAAC,CAAC,IAAI,CAAA,0BAA0B;YAChC,CAAC,CAAC,WAAW;gBACX,CAAC,CAAC,IAAI,CAAA,oBAAoB;gBAC1B,CAAC,CAAC,IAAI,CAAA,iBACZ;;mBAEW,uBAAA,IAAI,iDAAiB,CAAC,UAAU;oBAC/B,WAAW;;;KAG1B,CAAC;IACJ,CAAC;;;;;;;;;;;;uFA/PY,KAAiB;IAC5B,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC;QAC3B,KAAK,CAAC,cAAc,EAAE,CAAC;IACzB,CAAC;IAED,IAAI,CAAC,eAAe,EAAE,CAAC;AACzB,CAAC;2HA6D8B,KAAqB;IAClD,IAAI,CAAC,aAAa,CAChB,0BAA0B,CAAC,KAAK,EAAE;QAChC,UAAU,EAAE,uBAAA,IAAI,4CAAY;QAC5B,UAAU,EAAE,uBAAA,IAAI,4CAAY;KAC7B,CAAC,CACH,CAAC;AACJ,CAAC;wCAED,KAAK;IACH,uBAAA,IAAI,oGAA+B,MAAnC,IAAI,EAAgC,cAAc,CAAC,CAAC;IAEpD,IAAI,CAAC;QACH,MAAM,uBAAA,IAAI,iDAAiB,CAAC,UAAU,CAAC,GAAG,EAAE;YAC1C,IAAI,IAAI,CAAC,eAAe,KAAK,WAAW,EAAE,CAAC;gBACzC,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,mCAAmC,CAAC,CAAC,CAAC;gBACpE,uBAAA,IAAI,iFAAY,MAAhB,IAAI,CAAc,CAAC;YACrB,CAAC;QACH,CAAC,EAAE,uBAAA,IAAI,qDAAqB,CAAC,oBAAoB,CAAC,CAAC;QACnD,uBAAA,IAAI,iDAAiB,CAAC,aAAa,EAAE,KAAK,CAAC,uBAAuB,CAAC,CAAC;QACpE,uBAAA,IAAI,iDAAiB,CAAC,yBAAyB,CAAC,CAAC,KAAK,EAAE,EAAE;YACxD,IAAI,CAAC,aAAa,CAAC,sBAAsB,CAAC,KAAK,CAAC,CAAC,CAAC;QACpD,CAAC,CAAC,CAAC;QAEH,uBAAA,IAAI,wCAAe,IAAI,MAAA,CAAC;QAExB,IAAI,uBAAA,IAAI,4CAAY,KAAK,MAAM,EAAE,CAAC;YAChC,uBAAA,IAAI,wCAAe,YAAY,MAAA,CAAC;QAClC,CAAC;QAED,uBAAA,IAAI,oGAA+B,MAAnC,IAAI,EAAgC,WAAW,CAAC,CAAC;QAEjD,MAAM,eAAe,GAAG,MAAM,uBAAA,IAAI,qDAAqB,CAAC,OAAO,CAC7D,IAAI,CAAC,gBAAgB,EACrB;YACE,OAAO,EAAE,uBAAA,IAAI,sDAAsB;YACnC,OAAO,EAAE,uBAAA,IAAI,sDAAsB;YACnC,SAAS,EAAE,uBAAA,IAAI,wDAAwB;YACvC,iBAAiB,EAAE,CAAC,SAAS,EAAE,IAAI,EAAE,EAAE;gBACrC,IAAI,CAAC,aAAa,CAAC,oBAAoB,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC;YAC5D,CAAC;SACF,CACF,CAAC;QAEF,IAAI,eAAe,KAAK,YAAY,EAAE,CAAC;YACrC,OAAO;QACT,CAAC;QAED,uBAAA,IAAI,wCAAe,MAAM,MAAA,CAAC;QAE1B,uBAAA,IAAI,oGAA+B,MAAnC,IAAI,EAAgC,IAAI,CAAC,eAAe,CAAC,CAAC;IAC5D,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC;QACtC,MAAM,uBAAA,IAAI,iFAAY,MAAhB,IAAI,CAAc,CAAC;IAC3B,CAAC;AACH,CAAC;uCAED,KAAK;IACH,uBAAA,IAAI,oGAA+B,MAAnC,IAAI,EAAgC,UAAU,CAAC,CAAC;IAEhD,IAAI,CAAC;QACH,uBAAA,IAAI,iDAAiB,CAAC,wBAAwB,EAAE,CAAC;QACjD,MAAM,uBAAA,IAAI,iDAAiB,CAAC,aAAa,EAAE,CAAC;QAE5C,uBAAA,IAAI,oGAA+B,MAAnC,IAAI,EAAgC,SAAS,CAAC,CAAC;QAE/C,MAAM,uBAAA,IAAI,qDAAqB,CAAC,KAAK,EAAE,CAAC;QACxC,MAAM,uBAAA,IAAI,iDAAiB,CAAC,OAAO,EAAE,CAAC;IACxC,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC;IACxC,CAAC;AACH,CAAC;AAzJM,+BAAM,GAAmB,CAAC,qBAAqB,EAAE,YAAY,CAAC,AAAxD,CAAyD;AAxDtE;IAFC,OAAO,CAAC,EAAE,OAAO,EAAE,qBAAqB,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;IAC5D,KAAK,EAAE;iEACoC;AAI5C;IAFC,OAAO,CAAC,EAAE,OAAO,EAAE,qBAAqB,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;IAC5D,KAAK,EAAE;iEAC0B;AAIlC;IAFC,OAAO,CAAC,EAAE,OAAO,EAAE,kBAAkB,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;IACzD,KAAK,EAAE;8DACc;AAItB;IAFC,OAAO,CAAC,EAAE,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;IACxD,KAAK,EAAE;6DAC0B;AAIlC;IAFC,OAAO,CAAC,EAAE,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;IACpD,KAAK,EAAE;yDACS;AAIjB;IAFC,OAAO,CAAC,EAAE,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;IACxD,KAAK,EAAE;6DACa;AAIrB;IAFC,OAAO,CAAC,EAAE,OAAO,EAAE,sBAAsB,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;IAC7D,KAAK,EAAE;kEACkC;AAI1C;IAFC,OAAO,CAAC,EAAE,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;IACvD,KAAK,EAAE;4DACY;AAIpB;IAFC,OAAO,CAAC,EAAE,OAAO,EAAE,kBAAkB,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;IACzD,KAAK,EAAE;8DACoB;AAI5B;IAFC,OAAO,CAAC,EAAE,OAAO,EAAE,wBAAwB,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;IAC/D,KAAK,EAAE;qEACsB;AAI9B;IAFC,OAAO,CAAC,EAAE,OAAO,EAAE,2BAA2B,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;IAClE,KAAK,EAAE;uEAC8B;AAItC;IAFC,OAAO,CAAC,EAAE,OAAO,EAAE,6BAA6B,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;IACpE,KAAK,EAAE;yEACgC;AAGxC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;kEACM;AAlDvB,wBAAwB;IADpC,aAAa,CAAC,4BAA4B,CAAC;GAC/B,wBAAwB,CA0UpC","sourcesContent":["import type { Corti } from \"@corti/sdk\";\nimport { consume } from \"@lit/context\";\nimport {\n  type CSSResultGroup,\n  html,\n  LitElement,\n  type PropertyValues,\n} from \"lit\";\nimport { customElement, property, state } from \"lit/decorators.js\";\nimport { AUDIO_CHUNK_INTERVAL_MS } from \"../constants.js\";\nimport {\n  accessTokenContext,\n  authConfigContext,\n  debugDisplayAudioContext,\n  dictationConfigContext,\n  pushToTalkKeybindingContext,\n  recordingStateContext,\n  regionContext,\n  selectedDeviceContext,\n  socketProxyContext,\n  socketUrlContext,\n  tenantNameContext,\n  toggleToTalkKeybindingContext,\n} from \"../contexts/dictation-context.js\";\nimport {\n  DictationController,\n  type TranscribeMessage,\n} from \"../controllers/dictation-controller.js\";\nimport { KeybindingController } from \"../controllers/keybinding-controller.js\";\nimport { MediaController } from \"../controllers/media-controller.js\";\nimport ButtonStyles from \"../styles/buttons.js\";\nimport RecordingButtonStyles from \"../styles/recording-button.js\";\nimport type { ProxyOptions, RecordingState } from \"../types.js\";\nimport {\n  audioLevelChangedEvent,\n  commandEvent,\n  errorEvent,\n  networkActivityEvent,\n  type RecordingStateChangedEventDetail,\n  recordingStateChangedEvent,\n  streamClosedEvent,\n  transcriptEvent,\n  usageEvent,\n} from \"../utils/events.js\";\n\nimport \"./audio-visualiser.js\";\nimport \"../icons/icons.js\";\n\n@customElement(\"dictation-recording-button\")\nexport class DictationRecordingButton extends LitElement {\n  @consume({ context: recordingStateContext, subscribe: true })\n  @state()\n  _recordingState: RecordingState = \"stopped\";\n\n  @consume({ context: selectedDeviceContext, subscribe: true })\n  @state()\n  _selectedDevice?: MediaDeviceInfo;\n\n  @consume({ context: accessTokenContext, subscribe: true })\n  @state()\n  _accessToken?: string;\n\n  @consume({ context: authConfigContext, subscribe: true })\n  @state()\n  _authConfig?: Corti.BearerOptions;\n\n  @consume({ context: regionContext, subscribe: true })\n  @state()\n  _region?: string;\n\n  @consume({ context: tenantNameContext, subscribe: true })\n  @state()\n  _tenantName?: string;\n\n  @consume({ context: dictationConfigContext, subscribe: true })\n  @state()\n  _dictationConfig?: Corti.TranscribeConfig;\n\n  @consume({ context: socketUrlContext, subscribe: true })\n  @state()\n  _socketUrl?: string;\n\n  @consume({ context: socketProxyContext, subscribe: true })\n  @state()\n  _socketProxy?: ProxyOptions;\n\n  @consume({ context: debugDisplayAudioContext, subscribe: true })\n  @state()\n  _debug_displayAudio?: boolean;\n\n  @consume({ context: pushToTalkKeybindingContext, subscribe: true })\n  @state()\n  _pushToTalkKeybinding?: string | null;\n\n  @consume({ context: toggleToTalkKeybindingContext, subscribe: true })\n  @state()\n  _toggleToTalkKeybinding?: string | null;\n\n  @property({ type: Boolean })\n  allowButtonFocus: boolean = false;\n\n  #mediaController = new MediaController(this);\n  #dictationController = new DictationController(this);\n  #keybindingController = new KeybindingController(this);\n  #closeConnectionOnInit = false;\n  #processing = false;\n  #connection: RecordingStateChangedEventDetail[\"connection\"] = \"CLOSED\";\n\n  static styles: CSSResultGroup = [RecordingButtonStyles, ButtonStyles];\n\n  protected update(changedProperties: PropertyValues) {\n    if (\n      changedProperties.has(\"_recordingState\") &&\n      this._recordingState === \"recording\" &&\n      this.#closeConnectionOnInit\n    ) {\n      this.#closeConnectionOnInit = false;\n      this.#handleStop();\n    }\n\n    super.update(changedProperties);\n  }\n\n  #handleClick(event: MouseEvent): void {\n    if (!this.allowButtonFocus) {\n      event.preventDefault();\n    }\n\n    this.toggleRecording();\n  }\n\n  #handleWebSocketMessage = (message: TranscribeMessage): void => {\n    switch (message.type) {\n      case \"CONFIG_DENIED\":\n        this.dispatchEvent(\n          errorEvent(`Config denied: ${message.reason ?? \"Unknown reason\"}`),\n        );\n        this.#handleStop();\n        break;\n      case \"CONFIG_TIMEOUT\":\n        this.dispatchEvent(errorEvent(\"Config timeout\"));\n        this.#handleStop();\n        break;\n      case \"transcript\":\n        this.dispatchEvent(transcriptEvent(message));\n        break;\n      case \"command\":\n        this.dispatchEvent(commandEvent(message));\n        break;\n      case \"usage\":\n        this.dispatchEvent(usageEvent(message));\n        break;\n      case \"error\":\n        this.dispatchEvent(errorEvent(message.error));\n        this.#handleStop();\n        break;\n      case \"flushed\":\n        if (\n          this._recordingState === \"stopped\" ||\n          this._recordingState === \"stopping\"\n        ) {\n          this.#processing = false;\n          this.#dispatchRecordingStateChanged(this._recordingState);\n        }\n        break;\n    }\n  };\n\n  #handleWebSocketError = (error: Error): void => {\n    this.dispatchEvent(errorEvent(\"Socket error: \" + error.message));\n    this.#processing = false;\n    this.#connection = \"CLOSED\";\n    this.#handleStop();\n  };\n\n  #handleWebSocketClose = (event: unknown): void => {\n    // When we already have new socket opened\n    if (\n      this.#dictationController.isConnectionOpen() ||\n      this.#dictationController.isConnecting()\n    ) {\n      return;\n    }\n\n    this.#processing = false;\n    this.#connection = \"CLOSED\";\n    this.dispatchEvent(streamClosedEvent(event));\n    this.#dispatchRecordingStateChanged(this._recordingState);\n  };\n\n  #dispatchRecordingStateChanged(state: RecordingState): void {\n    this.dispatchEvent(\n      recordingStateChangedEvent(state, {\n        connection: this.#connection,\n        processing: this.#processing,\n      }),\n    );\n  }\n\n  async #handleStart(): Promise<void> {\n    this.#dispatchRecordingStateChanged(\"initializing\");\n\n    try {\n      await this.#mediaController.initialize(() => {\n        if (this._recordingState === \"recording\") {\n          this.dispatchEvent(errorEvent(\"Recording device access was lost.\"));\n          this.#handleStop();\n        }\n      }, this.#dictationController.mediaRecorderHandler);\n      this.#mediaController.mediaRecorder?.start(AUDIO_CHUNK_INTERVAL_MS);\n      this.#mediaController.startAudioLevelMonitoring((level) => {\n        this.dispatchEvent(audioLevelChangedEvent(level));\n      });\n\n      this.#processing = true;\n\n      if (this.#connection !== \"OPEN\") {\n        this.#connection = \"CONNECTING\";\n      }\n\n      this.#dispatchRecordingStateChanged(\"recording\");\n\n      const isNewConnection = await this.#dictationController.connect(\n        this._dictationConfig,\n        {\n          onClose: this.#handleWebSocketClose,\n          onError: this.#handleWebSocketError,\n          onMessage: this.#handleWebSocketMessage,\n          onNetworkActivity: (direction, data) => {\n            this.dispatchEvent(networkActivityEvent(direction, data));\n          },\n        },\n      );\n\n      if (isNewConnection === \"superseded\") {\n        return;\n      }\n\n      this.#connection = \"OPEN\";\n\n      this.#dispatchRecordingStateChanged(this._recordingState);\n    } catch (error) {\n      this.dispatchEvent(errorEvent(error));\n      await this.#handleStop();\n    }\n  }\n\n  async #handleStop(): Promise<void> {\n    this.#dispatchRecordingStateChanged(\"stopping\");\n\n    try {\n      this.#mediaController.stopAudioLevelMonitoring();\n      await this.#mediaController.stopRecording();\n\n      this.#dispatchRecordingStateChanged(\"stopped\");\n\n      await this.#dictationController.pause();\n      await this.#mediaController.cleanup();\n    } catch (error) {\n      this.dispatchEvent(errorEvent(error));\n    }\n  }\n\n  public startRecording(): void {\n    if (this._recordingState !== \"stopped\") {\n      return;\n    }\n\n    this.#handleStart();\n  }\n\n  public stopRecording(): void {\n    if (\n      this._recordingState === \"stopped\" ||\n      this._recordingState === \"stopping\"\n    ) {\n      return;\n    }\n\n    if (this._recordingState === \"initializing\") {\n      this.#closeConnectionOnInit = true;\n      return;\n    }\n\n    this.#handleStop();\n  }\n\n  public toggleRecording(): void {\n    if (this._recordingState === \"stopped\") {\n      this.startRecording();\n    } else if (this._recordingState === \"recording\") {\n      this.stopRecording();\n    }\n  }\n\n  public async openConnection(): Promise<void> {\n    if (this._recordingState !== \"stopped\" || this.#processing) {\n      return;\n    }\n\n    if (this.#dictationController.isConnectionOpen()) {\n      return;\n    }\n\n    try {\n      this.#connection = \"CONNECTING\";\n      this.#dispatchRecordingStateChanged(this._recordingState);\n\n      await this.#dictationController.connect(this._dictationConfig, {\n        onClose: this.#handleWebSocketClose,\n        onError: this.#handleWebSocketError,\n        onMessage: this.#handleWebSocketMessage,\n        onNetworkActivity: (direction, data) => {\n          this.dispatchEvent(networkActivityEvent(direction, data));\n        },\n      });\n\n      this.#connection = \"OPEN\";\n      this.#dispatchRecordingStateChanged(this._recordingState);\n    } catch (error) {\n      this.#connection = \"CLOSED\";\n      this.dispatchEvent(errorEvent(error));\n    }\n  }\n\n  public async closeConnection(): Promise<void> {\n    if (this._recordingState !== \"stopped\" || this.#processing) {\n      return;\n    }\n\n    if (this.#dictationController.isConnecting()) {\n      await this.#dictationController.waitForConnection();\n    }\n\n    if (!this.#dictationController.isConnectionOpen()) {\n      this.#connection = \"CLOSED\";\n      this.#dispatchRecordingStateChanged(\"stopped\");\n      return;\n    }\n\n    try {\n      this.#connection = \"CLOSING\";\n      this.#dispatchRecordingStateChanged(\"stopped\");\n      await this.#dictationController.closeConnection(\n        this.#handleWebSocketClose,\n      );\n    } catch (error) {\n      this.dispatchEvent(errorEvent(error));\n    }\n  }\n\n  render() {\n    const isLoading =\n      this._recordingState === \"initializing\" ||\n      this._recordingState === \"stopping\";\n    const isRecording = this._recordingState === \"recording\";\n\n    return html`\n      <button\n        @click=${this.#handleClick}\n        ?disabled=${isLoading}\n        class=${isRecording ? \"red\" : \"accent\"}\n        aria-label=${isRecording ? \"Stop recording\" : \"Start recording\"}\n        aria-pressed=${isRecording}\n      >\n        ${\n          isLoading\n            ? html`<icon-loading-spinner />`\n            : isRecording\n              ? html`<icon-recording />`\n              : html`<icon-mic-on />`\n        }\n        <dictation-audio-visualiser\n          .level=${this.#mediaController.audioLevel}\n          ?active=${isRecording}\n        />\n      </button>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"dictation-recording-button\": DictationRecordingButton;\n  }\n}\n"]}

package/dist/components/settings-menu.d.ts

@@ -3,7 +3,6 @@ import type { ConfigurableSettings, RecordingState } from "../types.js";
 import "./device-selector.js";
 import "./keybinding-selector.js";
 import "./language-selector.js";
-import "./mode-selector.js";
 import "../icons/icons.js";
 export declare class DictationSettingsMenu extends LitElement {
     _recordingState: RecordingState;

package/dist/components/settings-menu.js

@@ -15,7 +15,6 @@ import { commaSeparatedConverter } from "../utils/converters.js";
 import "./device-selector.js";
 import "./keybinding-selector.js";
 import "./language-selector.js";
-import "./mode-selector.js";
 import "../icons/icons.js";
 let DictationSettingsMenu = class DictationSettingsMenu extends LitElement {
     constructor() {
@@ -30,7 +29,6 @@ let DictationSettingsMenu = class DictationSettingsMenu extends LitElement {
         const isRecording = this._recordingState === "recording";
         const showDeviceSelector = this.settingsEnabled.includes("device");
         const showLanguageSelector = this.settingsEnabled.includes("language");
-        const showModeSelector = this.settingsEnabled.includes("mode");
         const showKeybinding = this.settingsEnabled.includes("keybinding");
         return html `
       <div class="mic-selector">
@@ -56,21 +54,10 @@ let DictationSettingsMenu = class DictationSettingsMenu extends LitElement {
                   ?disabled=${isRecording}
                 />`
             : nothing}
-            ${showModeSelector || showKeybinding
-            ? html `
-                  <div class="settings-group">
-                    ${showModeSelector
-                ? html `<dictation-mode-selector
-                            ?disabled=${isRecording}
-                          />`
-                : nothing}
-                    ${showKeybinding
-                ? html `<dictation-keybinding-selector
-                            ?disabled=${isRecording}
-                          />`
-                : nothing}
-                  </div>
-                `
+            ${showKeybinding
+            ? html `<dictation-keybinding-selector
+                    ?disabled=${isRecording}
+                  />`
             : nothing}
           </div>
         </div>

package/dist/components/settings-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"settings-menu.js","sourceRoot":"","sources":["../../src/components/settings-menu.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAuB,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AACzE,OAAO,YAAY,MAAM,sBAAsB,CAAC;AAChD,OAAO,aAAa,MAAM,sBAAsB,CAAC;AACjD,OAAO,kBAAkB,MAAM,4BAA4B,CAAC;AAE5D,OAAO,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAEjE,OAAO,sBAAsB,CAAC;AAC9B,OAAO,0BAA0B,CAAC;AAClC,OAAO,wBAAwB,CAAC;AAChC,OAAO,oBAAoB,CAAC;AAC5B,OAAO,mBAAmB,CAAC;AAGpB,IAAM,qBAAqB,GAA3B,MAAM,qBAAsB,SAAQ,UAAU;IAA9C;;QAGL,oBAAe,GAAmB,SAAS,CAAC;QAM5C,oBAAe,GAA2B,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;IA4EnE,CAAC;IApEC,MAAM;QACJ,IAAI,IAAI,CAAC,eAAe,EAAE,MAAM,KAAK,CAAC,EAAE,CAAC;YACvC,OAAO,OAAO,CAAC;QACjB,CAAC;QAED,MAAM,WAAW,GAAG,IAAI,CAAC,eAAe,KAAK,WAAW,CAAC;QACzD,MAAM,kBAAkB,GAAG,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACnE,MAAM,oBAAoB,GAAG,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;QACvE,MAAM,gBAAgB,GAAG,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;QAC/D,MAAM,cAAc,GAAG,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;QAEnE,OAAO,IAAI,CAAA;;;;;;;cAQD,WAAW;YACT,CAAC,CAAC,IAAI,CAAA;;;;iBAIL;YACD,CAAC,CAAC,OACN;cAEE,kBAAkB;YAChB,CAAC,CAAC,IAAI,CAAA;8BACQ,WAAW;mBACtB;YACH,CAAC,CAAC,OACN;cAEE,oBAAoB;YAClB,CAAC,CAAC,IAAI,CAAA;8BACQ,WAAW;mBACtB;YACH,CAAC,CAAC,OACN;cAEE,gBAAgB,IAAI,cAAc;YAChC,CAAC,CAAC,IAAI,CAAA;;sBAGA,gBAAgB;gBACd,CAAC,CAAC,IAAI,CAAA;wCACU,WAAW;6BACtB;gBACL,CAAC,CAAC,OACN;sBAEE,cAAc;gBACZ,CAAC,CAAC,IAAI,CAAA;wCACU,WAAW;6BACtB;gBACL,CAAC,CAAC,OACN;;iBAEH;YACD,CAAC,CAAC,OACN;;;;KAIP,CAAC;IACJ,CAAC;;AAzEM,4BAAM,GAAmB;IAC9B,kBAAkB;IAClB,YAAY;IACZ,aAAa;CACd,AAJY,CAIX;AAZF;IAFC,OAAO,CAAC,EAAE,OAAO,EAAE,qBAAqB,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;IAC5D,KAAK,EAAE;8DACoC;AAM5C;IAJC,QAAQ,CAAC;QACR,SAAS,EAAE,uBAAuB;QAClC,IAAI,EAAE,KAAK;KACZ,CAAC;8DAC+D;AATtD,qBAAqB;IADjC,aAAa,CAAC,yBAAyB,CAAC;GAC5B,qBAAqB,CAqFjC","sourcesContent":["import { consume } from \"@lit/context\";\nimport { type CSSResultGroup, html, LitElement, nothing } from \"lit\";\nimport { customElement, property, state } from \"lit/decorators.js\";\nimport { recordingStateContext } from \"../contexts/dictation-context.js\";\nimport ButtonStyles from \"../styles/buttons.js\";\nimport CalloutStyles from \"../styles/callout.js\";\nimport SettingsMenuStyles from \"../styles/settings-menu.js\";\nimport type { ConfigurableSettings, RecordingState } from \"../types.js\";\nimport { commaSeparatedConverter } from \"../utils/converters.js\";\n\nimport \"./device-selector.js\";\nimport \"./keybinding-selector.js\";\nimport \"./language-selector.js\";\nimport \"./mode-selector.js\";\nimport \"../icons/icons.js\";\n\n@customElement(\"dictation-settings-menu\")\nexport class DictationSettingsMenu extends LitElement {\n  @consume({ context: recordingStateContext, subscribe: true })\n  @state()\n  _recordingState: RecordingState = \"stopped\";\n\n  @property({\n    converter: commaSeparatedConverter,\n    type: Array,\n  })\n  settingsEnabled: ConfigurableSettings[] = [\"device\", \"language\"];\n\n  static styles: CSSResultGroup = [\n    SettingsMenuStyles,\n    ButtonStyles,\n    CalloutStyles,\n  ];\n\n  render() {\n    if (this.settingsEnabled?.length === 0) {\n      return nothing;\n    }\n\n    const isRecording = this._recordingState === \"recording\";\n    const showDeviceSelector = this.settingsEnabled.includes(\"device\");\n    const showLanguageSelector = this.settingsEnabled.includes(\"language\");\n    const showModeSelector = this.settingsEnabled.includes(\"mode\");\n    const showKeybinding = this.settingsEnabled.includes(\"keybinding\");\n\n    return html`\n      <div class=\"mic-selector\">\n        <button id=\"settings-popover-button\" popovertarget=\"settings-popover\">\n          <icon-settings />\n        </button>\n        <div id=\"settings-popover\" popover>\n          <div class=\"settings-wrapper\">\n            ${\n              isRecording\n                ? html`\n                  <div class=\"callout warn\">\n                    Recording is in progress. Stop recording to change settings.\n                  </div>\n                `\n                : nothing\n            }\n            ${\n              showDeviceSelector\n                ? html`<dictation-device-selector\n                  ?disabled=${isRecording}\n                />`\n                : nothing\n            }\n            ${\n              showLanguageSelector\n                ? html`<dictation-language-selector\n                  ?disabled=${isRecording}\n                />`\n                : nothing\n            }\n            ${\n              showModeSelector || showKeybinding\n                ? html`\n                  <div class=\"settings-group\">\n                    ${\n                      showModeSelector\n                        ? html`<dictation-mode-selector\n                            ?disabled=${isRecording}\n                          />`\n                        : nothing\n                    }\n                    ${\n                      showKeybinding\n                        ? html`<dictation-keybinding-selector\n                            ?disabled=${isRecording}\n                          />`\n                        : nothing\n                    }\n                  </div>\n                `\n                : nothing\n            }\n          </div>\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"dictation-settings-menu\": DictationSettingsMenu;\n  }\n}\n"]}
+{"version":3,"file":"settings-menu.js","sourceRoot":"","sources":["../../src/components/settings-menu.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAuB,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AACzE,OAAO,YAAY,MAAM,sBAAsB,CAAC;AAChD,OAAO,aAAa,MAAM,sBAAsB,CAAC;AACjD,OAAO,kBAAkB,MAAM,4BAA4B,CAAC;AAE5D,OAAO,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAEjE,OAAO,sBAAsB,CAAC;AAC9B,OAAO,0BAA0B,CAAC;AAClC,OAAO,wBAAwB,CAAC;AAChC,OAAO,mBAAmB,CAAC;AAGpB,IAAM,qBAAqB,GAA3B,MAAM,qBAAsB,SAAQ,UAAU;IAA9C;;QAGL,oBAAe,GAAmB,SAAS,CAAC;QAM5C,oBAAe,GAA2B,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;IA4DnE,CAAC;IApDC,MAAM;QACJ,IAAI,IAAI,CAAC,eAAe,EAAE,MAAM,KAAK,CAAC,EAAE,CAAC;YACvC,OAAO,OAAO,CAAC;QACjB,CAAC;QAED,MAAM,WAAW,GAAG,IAAI,CAAC,eAAe,KAAK,WAAW,CAAC;QACzD,MAAM,kBAAkB,GAAG,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACnE,MAAM,oBAAoB,GAAG,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;QACvE,MAAM,cAAc,GAAG,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;QAEnE,OAAO,IAAI,CAAA;;;;;;;cAQD,WAAW;YACT,CAAC,CAAC,IAAI,CAAA;;;;iBAIL;YACD,CAAC,CAAC,OACN;cAEE,kBAAkB;YAChB,CAAC,CAAC,IAAI,CAAA;8BACQ,WAAW;mBACtB;YACH,CAAC,CAAC,OACN;cAEE,oBAAoB;YAClB,CAAC,CAAC,IAAI,CAAA;8BACQ,WAAW;mBACtB;YACH,CAAC,CAAC,OACN;cAEE,cAAc;YACZ,CAAC,CAAC,IAAI,CAAA;gCACU,WAAW;qBACtB;YACL,CAAC,CAAC,OACN;;;;KAIP,CAAC;IACJ,CAAC;;AAzDM,4BAAM,GAAmB;IAC9B,kBAAkB;IAClB,YAAY;IACZ,aAAa;CACd,AAJY,CAIX;AAZF;IAFC,OAAO,CAAC,EAAE,OAAO,EAAE,qBAAqB,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;IAC5D,KAAK,EAAE;8DACoC;AAM5C;IAJC,QAAQ,CAAC;QACR,SAAS,EAAE,uBAAuB;QAClC,IAAI,EAAE,KAAK;KACZ,CAAC;8DAC+D;AATtD,qBAAqB;IADjC,aAAa,CAAC,yBAAyB,CAAC;GAC5B,qBAAqB,CAqEjC","sourcesContent":["import { consume } from \"@lit/context\";\nimport { type CSSResultGroup, html, LitElement, nothing } from \"lit\";\nimport { customElement, property, state } from \"lit/decorators.js\";\nimport { recordingStateContext } from \"../contexts/dictation-context.js\";\nimport ButtonStyles from \"../styles/buttons.js\";\nimport CalloutStyles from \"../styles/callout.js\";\nimport SettingsMenuStyles from \"../styles/settings-menu.js\";\nimport type { ConfigurableSettings, RecordingState } from \"../types.js\";\nimport { commaSeparatedConverter } from \"../utils/converters.js\";\n\nimport \"./device-selector.js\";\nimport \"./keybinding-selector.js\";\nimport \"./language-selector.js\";\nimport \"../icons/icons.js\";\n\n@customElement(\"dictation-settings-menu\")\nexport class DictationSettingsMenu extends LitElement {\n  @consume({ context: recordingStateContext, subscribe: true })\n  @state()\n  _recordingState: RecordingState = \"stopped\";\n\n  @property({\n    converter: commaSeparatedConverter,\n    type: Array,\n  })\n  settingsEnabled: ConfigurableSettings[] = [\"device\", \"language\"];\n\n  static styles: CSSResultGroup = [\n    SettingsMenuStyles,\n    ButtonStyles,\n    CalloutStyles,\n  ];\n\n  render() {\n    if (this.settingsEnabled?.length === 0) {\n      return nothing;\n    }\n\n    const isRecording = this._recordingState === \"recording\";\n    const showDeviceSelector = this.settingsEnabled.includes(\"device\");\n    const showLanguageSelector = this.settingsEnabled.includes(\"language\");\n    const showKeybinding = this.settingsEnabled.includes(\"keybinding\");\n\n    return html`\n      <div class=\"mic-selector\">\n        <button id=\"settings-popover-button\" popovertarget=\"settings-popover\">\n          <icon-settings />\n        </button>\n        <div id=\"settings-popover\" popover>\n          <div class=\"settings-wrapper\">\n            ${\n              isRecording\n                ? html`\n                  <div class=\"callout warn\">\n                    Recording is in progress. Stop recording to change settings.\n                  </div>\n                `\n                : nothing\n            }\n            ${\n              showDeviceSelector\n                ? html`<dictation-device-selector\n                  ?disabled=${isRecording}\n                />`\n                : nothing\n            }\n            ${\n              showLanguageSelector\n                ? html`<dictation-language-selector\n                  ?disabled=${isRecording}\n                />`\n                : nothing\n            }\n            ${\n              showKeybinding\n                ? html`<dictation-keybinding-selector\n                    ?disabled=${isRecording}\n                  />`\n                : nothing\n            }\n          </div>\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"dictation-settings-menu\": DictationSettingsMenu;\n  }\n}\n"]}

package/dist/contexts/dictation-context.d.ts

@@ -1,6 +1,6 @@
 import type { Corti } from "@corti/sdk";
 import { type CSSResultGroup, LitElement } from "lit";
-import type { DictationMode, ProxyOptions, RecordingState } from "../types.js";
+import type { ProxyOptions, RecordingState } from "../types.js";
 export declare const regionContext: {
     __context__: string | undefined;
 };
@@ -37,10 +37,10 @@ export declare const socketProxyContext: {
 export declare const debugDisplayAudioContext: {
     __context__: boolean | undefined;
 };
-export declare const modeContext: {
-    __context__: DictationMode;
+export declare const pushToTalkKeybindingContext: {
+    __context__: string | null | undefined;
 };
-export declare const keybindingContext: {
+export declare const toggleToTalkKeybindingContext: {
     __context__: string | null | undefined;
 };
 export declare class DictationRoot extends LitElement {
@@ -65,8 +65,8 @@ export declare class DictationRoot extends LitElement {
     get devices(): MediaDeviceInfo[] | undefined;
     selectedDevice?: MediaDeviceInfo;
     debug_displayAudio?: boolean;
-    mode: DictationMode;
-    keybinding?: string | null;
+    pushToTalkKeybinding?: string | null;
+    toggleToTalkKeybinding?: string | null;
     noWrapper: boolean;
     static styles: CSSResultGroup;
     constructor();

package/dist/contexts/dictation-context.js

@@ -9,7 +9,7 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
     if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
     return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
 };
-var _DictationRoot_languagesController, _DictationRoot_devicesController, _DictationRoot_handleLanguageChanged, _DictationRoot_handleDeviceChanged, _DictationRoot_handleRecordingStateChanged, _DictationRoot_handleContextRequest, _DictationRoot_handleModeChanged, _DictationRoot_handleKeybindingChanged;
+var _DictationRoot_languagesController, _DictationRoot_devicesController, _DictationRoot_handleLanguageChanged, _DictationRoot_handleDeviceChanged, _DictationRoot_handleRecordingStateChanged, _DictationRoot_handleContextRequest, _DictationRoot_handleKeybindingChanged;
 import { createContext, provide } from "@lit/context";
 import { html, LitElement } from "lit";
 import { customElement, property, state } from "lit/decorators.js";
@@ -19,7 +19,6 @@ import ComponentStyles from "../styles/component-styles.js";
 import { getInitialToken } from "../utils/auth.js";
 import { commaSeparatedConverter } from "../utils/converters.js";
 import { errorEvent, keybindingChangedEvent, } from "../utils/events.js";
-import { normalizeKeybinding } from "../utils/keybinding.js";
 import { decodeToken } from "../utils/token.js";
 export const regionContext = createContext(Symbol("region"));
 export const tenantNameContext = createContext(Symbol("tenantName"));
@@ -33,8 +32,8 @@ export const authConfigContext = createContext(Symbol("authConfig"));
 export const socketUrlContext = createContext(Symbol("socketUrl"));
 export const socketProxyContext = createContext(Symbol("socketProxy"));
 export const debugDisplayAudioContext = createContext(Symbol("debugDisplayAudio"));
-export const modeContext = createContext(Symbol("mode"));
-export const keybindingContext = createContext(Symbol("keybinding"));
+export const pushToTalkKeybindingContext = createContext(Symbol("pushToTalkKeybinding"));
+export const toggleToTalkKeybindingContext = createContext(Symbol("toggleToTalkKeybinding"));
 let DictationRoot = class DictationRoot extends LitElement {
     set accessToken(token) {
         this.setAccessToken(token);
@@ -76,7 +75,6 @@ let DictationRoot = class DictationRoot extends LitElement {
         this.recordingState = "stopped";
         _DictationRoot_languagesController.set(this, new LanguagesController(this));
         _DictationRoot_devicesController.set(this, new DevicesController(this));
-        this.mode = "toggle-to-talk";
         this.noWrapper = false;
         // ─────────────────────────────────────────────────────────────────────────────
         // Private event handlers
@@ -103,29 +101,33 @@ let DictationRoot = class DictationRoot extends LitElement {
             else if (e.context === devicesContext) {
                 __classPrivateFieldGet(this, _DictationRoot_devicesController, "f").initialize();
             }
-            else if (e.context === keybindingContext &&
-                e.contextTarget.tagName.toLowerCase() === "dictation-keybinding-selector") {
-                // Initialize keybinding to default "`" when setting first mounts
-                if (this.keybinding === undefined) {
-                    this.keybinding = "`";
-                    this.dispatchEvent(keybindingChangedEvent("`", "Backquote"));
+            else if (e.contextTarget.tagName.toLowerCase() === "dictation-keybinding-selector") {
+                if (e.context === pushToTalkKeybindingContext &&
+                    this.pushToTalkKeybinding === undefined) {
+                    this.pushToTalkKeybinding = "Space";
+                    this.dispatchEvent(keybindingChangedEvent(" ", "Space", "Space", "push-to-talk"));
+                }
+                if (e.context === toggleToTalkKeybindingContext &&
+                    this.toggleToTalkKeybinding === undefined) {
+                    this.toggleToTalkKeybinding = "Enter";
+                    this.dispatchEvent(keybindingChangedEvent("Enter", "Enter", "Enter", "toggle-to-talk"));
                 }
             }
         });
-        _DictationRoot_handleModeChanged.set(this, (e) => {
-            const event = e;
-            this.mode = event.detail.mode;
-        });
         _DictationRoot_handleKeybindingChanged.set(this, (e) => {
             const event = e;
-            const normalizedKeybinding = normalizeKeybinding(event.detail.key);
-            this.keybinding = normalizedKeybinding;
+            const keybinding = event.detail.keybinding;
+            if (event.detail.type === "push-to-talk") {
+                this.pushToTalkKeybinding = keybinding;
+            }
+            else if (event.detail.type === "toggle-to-talk") {
+                this.toggleToTalkKeybinding = keybinding;
+            }
         });
         this.addEventListener("languages-changed", __classPrivateFieldGet(this, _DictationRoot_handleLanguageChanged, "f"));
         this.addEventListener("recording-devices-changed", __classPrivateFieldGet(this, _DictationRoot_handleDeviceChanged, "f"));
         this.addEventListener("recording-state-changed", __classPrivateFieldGet(this, _DictationRoot_handleRecordingStateChanged, "f"));
         this.addEventListener("context-request", __classPrivateFieldGet(this, _DictationRoot_handleContextRequest, "f"));
-        this.addEventListener("mode-changed", __classPrivateFieldGet(this, _DictationRoot_handleModeChanged, "f"));
         this.addEventListener("keybinding-changed", __classPrivateFieldGet(this, _DictationRoot_handleKeybindingChanged, "f"));
     }
     // ─────────────────────────────────────────────────────────────────────────────
@@ -203,7 +205,6 @@ _DictationRoot_handleLanguageChanged = new WeakMap();
 _DictationRoot_handleDeviceChanged = new WeakMap();
 _DictationRoot_handleRecordingStateChanged = new WeakMap();
 _DictationRoot_handleContextRequest = new WeakMap();
-_DictationRoot_handleModeChanged = new WeakMap();
 _DictationRoot_handleKeybindingChanged = new WeakMap();
 // ─────────────────────────────────────────────────────────────────────────────
 // Static
@@ -273,13 +274,13 @@ __decorate([
     property({ attribute: "debug-display-audio", type: Boolean })
 ], DictationRoot.prototype, "debug_displayAudio", void 0);
 __decorate([
-    provide({ context: modeContext }),
+    provide({ context: pushToTalkKeybindingContext }),
     property({ type: String })
-], DictationRoot.prototype, "mode", void 0);
+], DictationRoot.prototype, "pushToTalkKeybinding", void 0);
 __decorate([
-    provide({ context: keybindingContext }),
+    provide({ context: toggleToTalkKeybindingContext }),
     property({ type: String })
-], DictationRoot.prototype, "keybinding", void 0);
+], DictationRoot.prototype, "toggleToTalkKeybinding", void 0);
 __decorate([
     property({ type: Boolean })
 ], DictationRoot.prototype, "noWrapper", void 0);