@corti/dictation-web 0.6.0 → 0.7.0-ambient

package/dist/contexts/dictation-context.js

@@ -4,286 +4,34 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
-    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_handleKeybindingChanged;
 import { createContext, provide } from "@lit/context";
-import { html, LitElement } from "lit";
-import { customElement, property, state } from "lit/decorators.js";
-import { DevicesController } from "../controllers/devices-controller.js";
-import { LanguagesController } from "../controllers/languages-controller.js";
-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 { decodeToken } from "../utils/token.js";
-export const regionContext = createContext(Symbol("region"));
-export const tenantNameContext = createContext(Symbol("tenantName"));
-export const languagesContext = createContext(Symbol("languages"));
-export const devicesContext = createContext(Symbol("devices"));
-export const selectedDeviceContext = createContext(Symbol("selectedDevice"));
-export const recordingStateContext = createContext(Symbol("recordingState"));
-export const accessTokenContext = createContext(Symbol("accessToken"));
+import { customElement, property } from "lit/decorators.js";
+import { RootContext } from "./root-context.js";
 export const dictationConfigContext = createContext(Symbol("dictationConfig"));
-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 pushToTalkKeybindingContext = createContext(Symbol("pushToTalkKeybinding"));
-export const toggleToTalkKeybindingContext = createContext(Symbol("toggleToTalkKeybinding"));
-let DictationRoot = class DictationRoot extends LitElement {
-    set accessToken(token) {
-        this.setAccessToken(token);
-    }
-    get accessToken() {
-        return this._accessToken;
-    }
-    set authConfig(config) {
-        this.setAuthConfig(config);
-    }
-    get authConfig() {
-        return this._authConfig;
-    }
-    set languages(value) {
-        this._languages = value;
-        // Clear auto-loaded flag when languages are set via property
-        if (value !== undefined) {
-            __classPrivateFieldGet(this, _DictationRoot_languagesController, "f").clearAutoLoadedFlag();
-        }
-    }
-    get languages() {
-        return this._languages;
-    }
-    set devices(value) {
-        this._devices = value;
-        // Clear auto-loaded flag when devices are set via property
-        if (value !== undefined) {
-            __classPrivateFieldGet(this, _DictationRoot_devicesController, "f").clearAutoLoadedFlag();
-        }
-    }
-    get devices() {
-        return this._devices;
-    }
+let DictationRoot = class DictationRoot extends RootContext {
     // ─────────────────────────────────────────────────────────────────────────────
     // Lifecycle
     // ─────────────────────────────────────────────────────────────────────────────
     constructor() {
         super();
-        this.recordingState = "stopped";
-        _DictationRoot_languagesController.set(this, new LanguagesController(this));
-        _DictationRoot_devicesController.set(this, new DevicesController(this));
-        this.noWrapper = false;
-        // ─────────────────────────────────────────────────────────────────────────────
-        // Private event handlers
-        // ─────────────────────────────────────────────────────────────────────────────
-        _DictationRoot_handleLanguageChanged.set(this, (e) => {
+        this.addEventListener("languages-changed", (e) => {
             const event = e;
             this.dictationConfig = {
                 ...this.dictationConfig,
-                primaryLanguage: event.detail.selectedLanguage,
+                primaryLanguage: event.detail.selectedLanguage ?? "en",
             };
         });
-        _DictationRoot_handleDeviceChanged.set(this, (e) => {
-            const event = e;
-            this.selectedDevice = event.detail.selectedDevice;
-        });
-        _DictationRoot_handleRecordingStateChanged.set(this, (e) => {
-            const event = e;
-            this.recordingState = event.detail.state;
-        });
-        _DictationRoot_handleContextRequest.set(this, (e) => {
-            if (e.context === languagesContext) {
-                __classPrivateFieldGet(this, _DictationRoot_languagesController, "f").initialize();
-            }
-            else if (e.context === devicesContext) {
-                __classPrivateFieldGet(this, _DictationRoot_devicesController, "f").initialize();
-            }
-            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_handleKeybindingChanged.set(this, (e) => {
-            const event = e;
-            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("keybinding-changed", __classPrivateFieldGet(this, _DictationRoot_handleKeybindingChanged, "f"));
-    }
-    // ─────────────────────────────────────────────────────────────────────────────
-    // Public methods
-    // ─────────────────────────────────────────────────────────────────────────────
-    /**
-     * Sets the access token and parses region/tenant from it.
-     * @returns ServerConfig with environment, tenant, and accessToken
-     * @deprecated Use 'accessToken' property instead.
-     */
-    setAccessToken(token) {
-        this._accessToken = token;
-        this.region = undefined;
-        this.tenantName = undefined;
-        if (!token) {
-            return { accessToken: token, environment: undefined, tenant: undefined };
-        }
-        try {
-            const decoded = decodeToken(token);
-            this.region = decoded?.environment;
-            this.tenantName = decoded?.tenant;
-            return {
-                accessToken: token,
-                environment: decoded?.environment,
-                tenant: decoded?.tenant,
-            };
-        }
-        catch (error) {
-            this.dispatchEvent(errorEvent(error));
-        }
-        return { accessToken: token, environment: undefined, tenant: undefined };
-    }
-    /**
-     * Sets the auth config and parses region/tenant from the initial token.
-     * @returns Promise with ServerConfig containing environment, tenant, and accessToken
-     * @deprecated Use 'authConfig' property instead.
-     */
-    async setAuthConfig(config) {
-        this._authConfig = config;
-        if (!config) {
-            return {
-                accessToken: undefined,
-                environment: undefined,
-                tenant: undefined,
-            };
-        }
-        try {
-            const { accessToken } = await getInitialToken(config);
-            return this.setAccessToken(accessToken);
-        }
-        catch (error) {
-            this.dispatchEvent(errorEvent(error));
-        }
-        return {
-            accessToken: undefined,
-            environment: undefined,
-            tenant: undefined,
-        };
-    }
-    // ─────────────────────────────────────────────────────────────────────────────
-    // Render
-    // ─────────────────────────────────────────────────────────────────────────────
-    render() {
-        if (this.noWrapper) {
-            return html `<slot></slot>`;
-        }
-        return html `<div class="wrapper">
-      <slot></slot>
-    </div>`;
     }
 };
-_DictationRoot_languagesController = new WeakMap();
-_DictationRoot_devicesController = new WeakMap();
-_DictationRoot_handleLanguageChanged = new WeakMap();
-_DictationRoot_handleDeviceChanged = new WeakMap();
-_DictationRoot_handleRecordingStateChanged = new WeakMap();
-_DictationRoot_handleContextRequest = new WeakMap();
-_DictationRoot_handleKeybindingChanged = new WeakMap();
-// ─────────────────────────────────────────────────────────────────────────────
-// Static
-// ─────────────────────────────────────────────────────────────────────────────
-DictationRoot.styles = [ComponentStyles];
-__decorate([
-    provide({ context: regionContext }),
-    state()
-], DictationRoot.prototype, "region", void 0);
-__decorate([
-    provide({ context: tenantNameContext }),
-    state()
-], DictationRoot.prototype, "tenantName", void 0);
-__decorate([
-    provide({ context: recordingStateContext }),
-    state()
-], DictationRoot.prototype, "recordingState", void 0);
-__decorate([
-    provide({ context: accessTokenContext }),
-    state()
-], DictationRoot.prototype, "_accessToken", void 0);
-__decorate([
-    property({ type: String })
-], DictationRoot.prototype, "accessToken", null);
-__decorate([
-    provide({ context: authConfigContext }),
-    state()
-], DictationRoot.prototype, "_authConfig", void 0);
-__decorate([
-    property({ attribute: false, type: Object })
-], DictationRoot.prototype, "authConfig", null);
-__decorate([
-    provide({ context: socketUrlContext }),
-    property({ type: String })
-], DictationRoot.prototype, "socketUrl", void 0);
-__decorate([
-    provide({ context: socketProxyContext }),
-    property({ attribute: false, type: Object })
-], DictationRoot.prototype, "socketProxy", void 0);
 __decorate([
     provide({ context: dictationConfigContext }),
     property({ attribute: false, type: Object })
 ], DictationRoot.prototype, "dictationConfig", void 0);
-__decorate([
-    provide({ context: languagesContext }),
-    state()
-], DictationRoot.prototype, "_languages", void 0);
-__decorate([
-    property({
-        converter: commaSeparatedConverter,
-        type: Array,
-    })
-], DictationRoot.prototype, "languages", null);
-__decorate([
-    provide({ context: devicesContext }),
-    state()
-], DictationRoot.prototype, "_devices", void 0);
-__decorate([
-    property({ attribute: false, type: Array })
-], DictationRoot.prototype, "devices", null);
-__decorate([
-    provide({ context: selectedDeviceContext }),
-    property({ attribute: false, type: Object })
-], DictationRoot.prototype, "selectedDevice", void 0);
 __decorate([
     provide({ context: debugDisplayAudioContext }),
     property({ attribute: "debug-display-audio", type: Boolean })
 ], DictationRoot.prototype, "debug_displayAudio", void 0);
-__decorate([
-    provide({ context: pushToTalkKeybindingContext }),
-    property({ type: String })
-], DictationRoot.prototype, "pushToTalkKeybinding", void 0);
-__decorate([
-    provide({ context: toggleToTalkKeybindingContext }),
-    property({ type: String })
-], DictationRoot.prototype, "toggleToTalkKeybinding", void 0);
-__decorate([
-    property({ type: Boolean })
-], DictationRoot.prototype, "noWrapper", void 0);
 DictationRoot = __decorate([
     customElement("dictation-root")
 ], DictationRoot);

package/dist/contexts/dictation-context.js.map

@@ -1 +1 @@
-{"version":3,"file":"dictation-context.js","sourceRoot":"","sources":["../../src/contexts/dictation-context.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Corti, CortiAuth } from \"@corti/sdk\";\nimport { type ContextEvent, createContext, provide } from \"@lit/context\";\nimport { type CSSResultGroup, html, LitElement } from \"lit\";\nimport { customElement, property, state } from \"lit/decorators.js\";\nimport { DevicesController } from \"../controllers/devices-controller.js\";\nimport { LanguagesController } from \"../controllers/languages-controller.js\";\nimport ComponentStyles from \"../styles/component-styles.js\";\nimport type { ProxyOptions, RecordingState } from \"../types.js\";\nimport { getInitialToken } from \"../utils/auth.js\";\nimport { commaSeparatedConverter } from \"../utils/converters.js\";\nimport {\n  errorEvent,\n  type KeybindingChangedEventDetail,\n  keybindingChangedEvent,\n} from \"../utils/events.js\";\nimport { decodeToken } from \"../utils/token.js\";\n\nexport const regionContext = createContext<string | undefined>(\n  Symbol(\"region\"),\n);\nexport const tenantNameContext = createContext<string | undefined>(\n  Symbol(\"tenantName\"),\n);\nexport const languagesContext = createContext<\n  Corti.TranscribeSupportedLanguage[] | undefined\n>(Symbol(\"languages\"));\nexport const devicesContext = createContext<MediaDeviceInfo[] | undefined>(\n  Symbol(\"devices\"),\n);\nexport const selectedDeviceContext = createContext<MediaDeviceInfo | undefined>(\n  Symbol(\"selectedDevice\"),\n);\nexport const recordingStateContext = createContext<RecordingState>(\n  Symbol(\"recordingState\"),\n);\nexport const accessTokenContext = createContext<string | undefined>(\n  Symbol(\"accessToken\"),\n);\nexport const dictationConfigContext = createContext<\n  Corti.TranscribeConfig | undefined\n>(Symbol(\"dictationConfig\"));\nexport const authConfigContext = createContext<\n  CortiAuth.AuthTokenDerivable | undefined\n>(Symbol(\"authConfig\"));\nexport const socketUrlContext = createContext<string | undefined>(\n  Symbol(\"socketUrl\"),\n);\nexport const socketProxyContext = createContext<ProxyOptions | undefined>(\n  Symbol(\"socketProxy\"),\n);\nexport const debugDisplayAudioContext = createContext<boolean | undefined>(\n  Symbol(\"debugDisplayAudio\"),\n);\nexport const pushToTalkKeybindingContext = createContext<\n  string | null | undefined\n>(Symbol(\"pushToTalkKeybinding\"));\nexport const toggleToTalkKeybindingContext = createContext<\n  string | null | undefined\n>(Symbol(\"toggleToTalkKeybinding\"));\n\n@customElement(\"dictation-root\")\nexport class DictationRoot extends LitElement {\n  // ─────────────────────────────────────────────────────────────────────────────\n  // Context state\n  // ─────────────────────────────────────────────────────────────────────────────\n\n  @provide({ context: regionContext })\n  @state()\n  region?: string;\n\n  @provide({ context: tenantNameContext })\n  @state()\n  tenantName?: string;\n\n  @provide({ context: recordingStateContext })\n  @state()\n  recordingState: RecordingState = \"stopped\";\n\n  // ─────────────────────────────────────────────────────────────────────────────\n  // Properties\n  // ─────────────────────────────────────────────────────────────────────────────\n\n  @provide({ context: accessTokenContext })\n  @state()\n  _accessToken?: string;\n\n  @property({ type: String })\n  set accessToken(token: string | undefined) {\n    this.setAccessToken(token);\n  }\n\n  get accessToken(): string | undefined {\n    return this._accessToken;\n  }\n\n  @provide({ context: authConfigContext })\n  @state()\n  _authConfig?: CortiAuth.AuthTokenDerivable;\n\n  @property({ attribute: false, type: Object })\n  set authConfig(config: CortiAuth.AuthTokenDerivable | undefined) {\n    this.setAuthConfig(config);\n  }\n\n  get authConfig(): CortiAuth.AuthTokenDerivable | undefined {\n    return this._authConfig;\n  }\n\n  @provide({ context: socketUrlContext })\n  @property({ type: String })\n  socketUrl?: string;\n\n  @provide({ context: socketProxyContext })\n  @property({ attribute: false, type: Object })\n  socketProxy?: ProxyOptions;\n\n  @provide({ context: dictationConfigContext })\n  @property({ attribute: false, type: Object })\n  dictationConfig?: Corti.TranscribeConfig;\n\n  #languagesController = new LanguagesController(this);\n  #devicesController = new DevicesController(this);\n\n  @provide({ context: languagesContext })\n  @state()\n  _languages?: Corti.TranscribeSupportedLanguage[];\n\n  @property({\n    converter: commaSeparatedConverter,\n    type: Array,\n  })\n  set languages(value: Corti.TranscribeSupportedLanguage[] | undefined) {\n    this._languages = value;\n\n    // Clear auto-loaded flag when languages are set via property\n    if (value !== undefined) {\n      this.#languagesController.clearAutoLoadedFlag();\n    }\n  }\n\n  get languages(): Corti.TranscribeSupportedLanguage[] | undefined {\n    return this._languages;\n  }\n\n  @provide({ context: devicesContext })\n  @state()\n  _devices?: MediaDeviceInfo[];\n\n  @property({ attribute: false, type: Array })\n  set devices(value: MediaDeviceInfo[] | undefined) {\n    this._devices = value;\n\n    // Clear auto-loaded flag when devices are set via property\n    if (value !== undefined) {\n      this.#devicesController.clearAutoLoadedFlag();\n    }\n  }\n\n  get devices(): MediaDeviceInfo[] | undefined {\n    return this._devices;\n  }\n\n  @provide({ context: selectedDeviceContext })\n  @property({ attribute: false, type: Object })\n  selectedDevice?: MediaDeviceInfo;\n\n  @provide({ context: debugDisplayAudioContext })\n  @property({ attribute: \"debug-display-audio\", type: Boolean })\n  debug_displayAudio?: boolean;\n\n  @provide({ context: pushToTalkKeybindingContext })\n  @property({ type: String })\n  pushToTalkKeybinding?: string | null;\n\n  @provide({ context: toggleToTalkKeybindingContext })\n  @property({ type: String })\n  toggleToTalkKeybinding?: string | null;\n\n  @property({ type: Boolean })\n  noWrapper: boolean = false;\n\n  // ─────────────────────────────────────────────────────────────────────────────\n  // Static\n  // ─────────────────────────────────────────────────────────────────────────────\n\n  static styles: CSSResultGroup = [ComponentStyles];\n\n  // ─────────────────────────────────────────────────────────────────────────────\n  // Lifecycle\n  // ─────────────────────────────────────────────────────────────────────────────\n\n  constructor() {\n    super();\n    this.addEventListener(\"languages-changed\", this.#handleLanguageChanged);\n    this.addEventListener(\n      \"recording-devices-changed\",\n      this.#handleDeviceChanged,\n    );\n    this.addEventListener(\n      \"recording-state-changed\",\n      this.#handleRecordingStateChanged,\n    );\n    this.addEventListener(\"context-request\", this.#handleContextRequest);\n    this.addEventListener(\"keybinding-changed\", this.#handleKeybindingChanged);\n  }\n\n  // ─────────────────────────────────────────────────────────────────────────────\n  // Public methods\n  // ─────────────────────────────────────────────────────────────────────────────\n\n  /**\n   * Sets the access token and parses region/tenant from it.\n   * @returns ServerConfig with environment, tenant, and accessToken\n   * @deprecated Use 'accessToken' property instead.\n   */\n  public setAccessToken(token: string | undefined) {\n    this._accessToken = token;\n    this.region = undefined;\n    this.tenantName = undefined;\n\n    if (!token) {\n      return { accessToken: token, environment: undefined, tenant: undefined };\n    }\n\n    try {\n      const decoded = decodeToken(token);\n\n      this.region = decoded?.environment;\n      this.tenantName = decoded?.tenant;\n\n      return {\n        accessToken: token,\n        environment: decoded?.environment,\n        tenant: decoded?.tenant,\n      };\n    } catch (error) {\n      this.dispatchEvent(errorEvent(error));\n    }\n\n    return { accessToken: token, environment: undefined, tenant: undefined };\n  }\n\n  /**\n   * Sets the auth config and parses region/tenant from the initial token.\n   * @returns Promise with ServerConfig containing environment, tenant, and accessToken\n   * @deprecated Use 'authConfig' property instead.\n   */\n  public async setAuthConfig(config?: CortiAuth.AuthTokenDerivable) {\n    this._authConfig = config;\n\n    if (!config) {\n      return {\n        accessToken: undefined,\n        environment: undefined,\n        tenant: undefined,\n      };\n    }\n\n    try {\n      const { accessToken } = await getInitialToken(config);\n\n      return this.setAccessToken(accessToken);\n    } catch (error) {\n      this.dispatchEvent(errorEvent(error));\n    }\n\n    return {\n      accessToken: undefined,\n      environment: undefined,\n      tenant: undefined,\n    };\n  }\n\n  // ─────────────────────────────────────────────────────────────────────────────\n  // Private event handlers\n  // ─────────────────────────────────────────────────────────────────────────────\n\n  #handleLanguageChanged = (e: Event) => {\n    const event = e as CustomEvent;\n\n    this.dictationConfig = {\n      ...this.dictationConfig,\n      primaryLanguage: event.detail.selectedLanguage,\n    };\n  };\n\n  #handleDeviceChanged = (e: Event) => {\n    const event = e as CustomEvent;\n\n    this.selectedDevice = event.detail.selectedDevice;\n  };\n\n  #handleRecordingStateChanged = (e: Event) => {\n    const event = e as CustomEvent;\n\n    this.recordingState = event.detail.state;\n  };\n\n  #handleContextRequest = (e: ContextEvent<any>) => {\n    if (e.context === languagesContext) {\n      this.#languagesController.initialize();\n    } else if (e.context === devicesContext) {\n      this.#devicesController.initialize();\n    } else if (\n      e.contextTarget.tagName.toLowerCase() === \"dictation-keybinding-selector\"\n    ) {\n      if (\n        e.context === pushToTalkKeybindingContext &&\n        this.pushToTalkKeybinding === undefined\n      ) {\n        this.pushToTalkKeybinding = \"Space\";\n        this.dispatchEvent(\n          keybindingChangedEvent(\" \", \"Space\", \"Space\", \"push-to-talk\"),\n        );\n      }\n\n      if (\n        e.context === toggleToTalkKeybindingContext &&\n        this.toggleToTalkKeybinding === undefined\n      ) {\n        this.toggleToTalkKeybinding = \"Enter\";\n        this.dispatchEvent(\n          keybindingChangedEvent(\"Enter\", \"Enter\", \"Enter\", \"toggle-to-talk\"),\n        );\n      }\n    }\n  };\n\n  #handleKeybindingChanged = (e: Event) => {\n    const event = e as CustomEvent<KeybindingChangedEventDetail>;\n\n    const keybinding = event.detail.keybinding;\n\n    if (event.detail.type === \"push-to-talk\") {\n      this.pushToTalkKeybinding = keybinding;\n    } else if (event.detail.type === \"toggle-to-talk\") {\n      this.toggleToTalkKeybinding = keybinding;\n    }\n  };\n\n  // ─────────────────────────────────────────────────────────────────────────────\n  // Render\n  // ─────────────────────────────────────────────────────────────────────────────\n\n  render() {\n    if (this.noWrapper) {\n      return html`<slot></slot>`;\n    }\n\n    return html`<div class=\"wrapper\">\n      <slot></slot>\n    </div>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"dictation-root\": DictationRoot;\n  }\n}\n"]}
+{"version":3,"file":"dictation-context.js","sourceRoot":"","sources":["../../src/contexts/dictation-context.ts"],"names":[],"mappings":";;;;;;AACA,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,MAAM,CAAC,MAAM,sBAAsB,GAAG,aAAa,CAEjD,MAAM,CAAC,iBAAiB,CAAC,CAAC,CAAC;AAC7B,MAAM,CAAC,MAAM,wBAAwB,GAAG,aAAa,CACnD,MAAM,CAAC,mBAAmB,CAAC,CAC5B,CAAC;AAEK,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,WAAW;IAa5C,gFAAgF;IAChF,YAAY;IACZ,gFAAgF;IAEhF;QACE,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,gBAAgB,CAAC,mBAAmB,EAAE,CAAC,CAAQ,EAAE,EAAE;YACtD,MAAM,KAAK,GAAG,CAAgB,CAAC;YAE/B,IAAI,CAAC,eAAe,GAAG;gBACrB,GAAG,IAAI,CAAC,eAAe;gBACvB,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,gBAAgB,IAAI,IAAI;aACvD,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC;CACF,CAAA;AAtBC;IAFC,OAAO,CAAC,EAAE,OAAO,EAAE,sBAAsB,EAAE,CAAC;IAC5C,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;sDACJ;AAIzC;IAFC,OAAO,CAAC,EAAE,OAAO,EAAE,wBAAwB,EAAE,CAAC;IAC9C,QAAQ,CAAC,EAAE,SAAS,EAAE,qBAAqB,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;yDACjC;AAXlB,aAAa;IADzB,aAAa,CAAC,gBAAgB,CAAC;GACnB,aAAa,CA6BzB","sourcesContent":["import type { Corti } from \"@corti/sdk\";\nimport { createContext, provide } from \"@lit/context\";\nimport { customElement, property } from \"lit/decorators.js\";\nimport { RootContext } from \"./root-context.js\";\n\nexport const dictationConfigContext = createContext<\n  Corti.TranscribeConfig | undefined\n>(Symbol(\"dictationConfig\"));\nexport const debugDisplayAudioContext = createContext<boolean | undefined>(\n  Symbol(\"debugDisplayAudio\"),\n);\n@customElement(\"dictation-root\")\nexport class DictationRoot extends RootContext {\n  // ─────────────────────────────────────────────────────────────────────────────\n  // Properties\n  // ─────────────────────────────────────────────────────────────────────────────\n\n  @provide({ context: dictationConfigContext })\n  @property({ attribute: false, type: Object })\n  dictationConfig?: Corti.TranscribeConfig;\n\n  @provide({ context: debugDisplayAudioContext })\n  @property({ attribute: \"debug-display-audio\", type: Boolean })\n  debug_displayAudio?: boolean;\n\n  // ─────────────────────────────────────────────────────────────────────────────\n  // Lifecycle\n  // ─────────────────────────────────────────────────────────────────────────────\n\n  constructor() {\n    super();\n\n    this.addEventListener(\"languages-changed\", (e: Event) => {\n      const event = e as CustomEvent;\n\n      this.dictationConfig = {\n        ...this.dictationConfig,\n        primaryLanguage: event.detail.selectedLanguage ?? \"en\",\n      };\n    });\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"dictation-root\": DictationRoot;\n  }\n}\n"]}

package/dist/contexts/mixins/auth-context.d.ts

@@ -0,0 +1,32 @@
+import type { CortiAuth } from "@corti/sdk";
+import type { LitElement } from "lit";
+import type { Constructor } from "./types.js";
+export declare const regionContext: {
+    __context__: string | undefined;
+};
+export declare const tenantNameContext: {
+    __context__: string | undefined;
+};
+export declare const accessTokenContext: {
+    __context__: string | undefined;
+};
+export declare const authConfigContext: {
+    __context__: CortiAuth.AuthTokenDerivable | undefined;
+};
+export declare class AuthContextInterface {
+    region?: string;
+    tenantName?: string;
+    accessToken?: string;
+    authConfig?: CortiAuth.AuthTokenDerivable | undefined;
+    setAccessToken(token: string | undefined): {
+        accessToken: string | undefined;
+        environment: string | undefined;
+        tenant: string | undefined;
+    };
+    setAuthConfig(config?: CortiAuth.AuthTokenDerivable): Promise<{
+        accessToken: string | undefined;
+        environment: string | undefined;
+        tenant: string | undefined;
+    }>;
+}
+export declare function AuthContextMixin<T extends Constructor<LitElement>>(superclass: T): Constructor<AuthContextInterface> & T;

package/dist/contexts/mixins/auth-context.js

@@ -0,0 +1,116 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { createContext, provide } from "@lit/context";
+import { property, state } from "lit/decorators.js";
+import { getInitialToken } from "../../utils/auth.js";
+import { errorEvent } from "../../utils/events.js";
+import { decodeToken } from "../../utils/token.js";
+export const regionContext = createContext(Symbol("region"));
+export const tenantNameContext = createContext(Symbol("tenantName"));
+export const accessTokenContext = createContext(Symbol("accessToken"));
+export const authConfigContext = createContext(Symbol("authConfig"));
+export function AuthContextMixin(superclass) {
+    class AuthContextMixinClass extends superclass {
+        set accessToken(token) {
+            this.setAccessToken(token);
+        }
+        get accessToken() {
+            return this._accessToken;
+        }
+        set authConfig(config) {
+            this.setAuthConfig(config);
+        }
+        get authConfig() {
+            return this._authConfig;
+        }
+        // ─────────────────────────────────────────────────────────────────────────────
+        // Public methods
+        // ─────────────────────────────────────────────────────────────────────────────
+        /**
+         * Sets the access token and parses region/tenant from it.
+         * @returns ServerConfig with environment, tenant, and accessToken
+         * @deprecated Use 'accessToken' property instead.
+         */
+        setAccessToken(token) {
+            this._accessToken = token;
+            this.region = undefined;
+            this.tenantName = undefined;
+            if (!token) {
+                return {
+                    accessToken: token,
+                    environment: undefined,
+                    tenant: undefined,
+                };
+            }
+            try {
+                const decoded = decodeToken(token);
+                this.region = decoded?.environment;
+                this.tenantName = decoded?.tenant;
+                return {
+                    accessToken: token,
+                    environment: decoded?.environment,
+                    tenant: decoded?.tenant,
+                };
+            }
+            catch (error) {
+                this.dispatchEvent(errorEvent(error));
+            }
+            return { accessToken: token, environment: undefined, tenant: undefined };
+        }
+        /**
+         * Sets the auth config and parses region/tenant from the initial token.
+         * @returns Promise with ServerConfig containing environment, tenant, and accessToken
+         * @deprecated Use 'authConfig' property instead.
+         */
+        async setAuthConfig(config) {
+            this._authConfig = config;
+            if (!config) {
+                return {
+                    accessToken: undefined,
+                    environment: undefined,
+                    tenant: undefined,
+                };
+            }
+            try {
+                const { accessToken } = await getInitialToken(config);
+                return this.setAccessToken(accessToken);
+            }
+            catch (error) {
+                this.dispatchEvent(errorEvent(error));
+            }
+            return {
+                accessToken: undefined,
+                environment: undefined,
+                tenant: undefined,
+            };
+        }
+    }
+    __decorate([
+        provide({ context: regionContext }),
+        state()
+    ], AuthContextMixinClass.prototype, "region", void 0);
+    __decorate([
+        provide({ context: tenantNameContext }),
+        state()
+    ], AuthContextMixinClass.prototype, "tenantName", void 0);
+    __decorate([
+        provide({ context: accessTokenContext }),
+        state()
+    ], AuthContextMixinClass.prototype, "_accessToken", void 0);
+    __decorate([
+        property({ type: String })
+    ], AuthContextMixinClass.prototype, "accessToken", null);
+    __decorate([
+        provide({ context: authConfigContext }),
+        state()
+    ], AuthContextMixinClass.prototype, "_authConfig", void 0);
+    __decorate([
+        property({ attribute: false, type: Object })
+    ], AuthContextMixinClass.prototype, "authConfig", null);
+    return AuthContextMixinClass;
+}
+//# sourceMappingURL=auth-context.js.map

package/dist/contexts/mixins/auth-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth-context.js","sourceRoot":"","sources":["../../../src/contexts/mixins/auth-context.ts"],"names":[],"mappings":"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","sourcesContent":["import type { CortiAuth } from \"@corti/sdk\";\nimport { createContext, provide } from \"@lit/context\";\nimport type { LitElement } from \"lit\";\nimport { property, state } from \"lit/decorators.js\";\nimport { getInitialToken } from \"../../utils/auth.js\";\nimport { errorEvent } from \"../../utils/events.js\";\nimport { decodeToken } from \"../../utils/token.js\";\nimport type { Constructor } from \"./types.js\";\n\nexport const regionContext = createContext<string | undefined>(\n  Symbol(\"region\"),\n);\nexport const tenantNameContext = createContext<string | undefined>(\n  Symbol(\"tenantName\"),\n);\nexport const accessTokenContext = createContext<string | undefined>(\n  Symbol(\"accessToken\"),\n);\nexport const authConfigContext = createContext<\n  CortiAuth.AuthTokenDerivable | undefined\n>(Symbol(\"authConfig\"));\n\nexport declare class AuthContextInterface {\n  region?: string;\n  tenantName?: string;\n  accessToken?: string;\n  authConfig?: CortiAuth.AuthTokenDerivable | undefined;\n  setAccessToken(token: string | undefined): {\n    accessToken: string | undefined;\n    environment: string | undefined;\n    tenant: string | undefined;\n  };\n  setAuthConfig(config?: CortiAuth.AuthTokenDerivable): Promise<{\n    accessToken: string | undefined;\n    environment: string | undefined;\n    tenant: string | undefined;\n  }>;\n}\n\nexport function AuthContextMixin<T extends Constructor<LitElement>>(\n  superclass: T,\n): Constructor<AuthContextInterface> & T {\n  class AuthContextMixinClass extends superclass {\n    // ─────────────────────────────────────────────────────────────────────────────\n    // Context state\n    // ─────────────────────────────────────────────────────────────────────────────\n\n    @provide({ context: regionContext })\n    @state()\n    region?: string;\n\n    @provide({ context: tenantNameContext })\n    @state()\n    tenantName?: string;\n\n    // ─────────────────────────────────────────────────────────────────────────────\n    // Properties\n    // ─────────────────────────────────────────────────────────────────────────────\n\n    @provide({ context: accessTokenContext })\n    @state()\n    _accessToken?: string;\n\n    @property({ type: String })\n    set accessToken(token: string | undefined) {\n      this.setAccessToken(token);\n    }\n\n    get accessToken(): string | undefined {\n      return this._accessToken;\n    }\n\n    @provide({ context: authConfigContext })\n    @state()\n    _authConfig?: CortiAuth.AuthTokenDerivable;\n\n    @property({ attribute: false, type: Object })\n    set authConfig(config: CortiAuth.AuthTokenDerivable | undefined) {\n      this.setAuthConfig(config);\n    }\n\n    get authConfig(): CortiAuth.AuthTokenDerivable | undefined {\n      return this._authConfig;\n    }\n\n    // ─────────────────────────────────────────────────────────────────────────────\n    // Public methods\n    // ─────────────────────────────────────────────────────────────────────────────\n\n    /**\n     * Sets the access token and parses region/tenant from it.\n     * @returns ServerConfig with environment, tenant, and accessToken\n     * @deprecated Use 'accessToken' property instead.\n     */\n    public setAccessToken(token: string | undefined) {\n      this._accessToken = token;\n      this.region = undefined;\n      this.tenantName = undefined;\n\n      if (!token) {\n        return {\n          accessToken: token,\n          environment: undefined,\n          tenant: undefined,\n        };\n      }\n\n      try {\n        const decoded = decodeToken(token);\n\n        this.region = decoded?.environment;\n        this.tenantName = decoded?.tenant;\n\n        return {\n          accessToken: token,\n          environment: decoded?.environment,\n          tenant: decoded?.tenant,\n        };\n      } catch (error) {\n        this.dispatchEvent(errorEvent(error));\n      }\n\n      return { accessToken: token, environment: undefined, tenant: undefined };\n    }\n\n    /**\n     * Sets the auth config and parses region/tenant from the initial token.\n     * @returns Promise with ServerConfig containing environment, tenant, and accessToken\n     * @deprecated Use 'authConfig' property instead.\n     */\n    public async setAuthConfig(config?: CortiAuth.AuthTokenDerivable) {\n      this._authConfig = config;\n\n      if (!config) {\n        return {\n          accessToken: undefined,\n          environment: undefined,\n          tenant: undefined,\n        };\n      }\n\n      try {\n        const { accessToken } = await getInitialToken(config);\n\n        return this.setAccessToken(accessToken);\n      } catch (error) {\n        this.dispatchEvent(errorEvent(error));\n      }\n\n      return {\n        accessToken: undefined,\n        environment: undefined,\n        tenant: undefined,\n      };\n    }\n  }\n\n  return AuthContextMixinClass as Constructor<AuthContextInterface> & T;\n}\n"]}

package/dist/contexts/mixins/devices-context.d.ts

@@ -0,0 +1,14 @@
+import type { LitElement } from "lit";
+import type { Constructor } from "./types.js";
+export declare const devicesContext: {
+    __context__: MediaDeviceInfo[] | undefined;
+};
+export declare const selectedDeviceContext: {
+    __context__: MediaDeviceInfo | undefined;
+};
+export declare class DevicesContextInterface {
+    _devices?: MediaDeviceInfo[];
+    devices?: MediaDeviceInfo[];
+    selectedDevice?: MediaDeviceInfo;
+}
+export declare function DevicesContextMixin<T extends Constructor<LitElement>>(superclass: T): Constructor<DevicesContextInterface> & T;

package/dist/contexts/mixins/devices-context.js

@@ -0,0 +1,58 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    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);
+};
+import { createContext, provide } from "@lit/context";
+import { property, state } from "lit/decorators.js";
+import { DevicesController } from "../../controllers/devices-controller.js";
+export const devicesContext = createContext(Symbol("devices"));
+export const selectedDeviceContext = createContext(Symbol("selectedDevice"));
+export function DevicesContextMixin(superclass) {
+    var _DevicesContextMixinClass_devicesController;
+    class DevicesContextMixinClass extends superclass {
+        set devices(value) {
+            this._devices = value;
+            // Clear auto-loaded flag when devices are set via property
+            if (value !== undefined) {
+                __classPrivateFieldGet(this, _DevicesContextMixinClass_devicesController, "f").clearAutoLoadedFlag();
+            }
+        }
+        get devices() {
+            return this._devices;
+        }
+        constructor(...args) {
+            super(...args);
+            _DevicesContextMixinClass_devicesController.set(this, new DevicesController(this));
+            this.addEventListener("recording-devices-changed", (e) => {
+                const event = e;
+                this.selectedDevice = event.detail.selectedDevice;
+            });
+            this.addEventListener("context-request", (ev) => {
+                if (ev.context === devicesContext) {
+                    __classPrivateFieldGet(this, _DevicesContextMixinClass_devicesController, "f").initialize();
+                }
+            });
+        }
+    }
+    _DevicesContextMixinClass_devicesController = new WeakMap();
+    __decorate([
+        provide({ context: devicesContext }),
+        state()
+    ], DevicesContextMixinClass.prototype, "_devices", void 0);
+    __decorate([
+        property({ attribute: false, type: Array })
+    ], DevicesContextMixinClass.prototype, "devices", null);
+    __decorate([
+        provide({ context: selectedDeviceContext }),
+        property({ attribute: false, type: Object })
+    ], DevicesContextMixinClass.prototype, "selectedDevice", void 0);
+    return DevicesContextMixinClass;
+}
+//# sourceMappingURL=devices-context.js.map

package/dist/contexts/mixins/devices-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"devices-context.js","sourceRoot":"","sources":["../../../src/contexts/mixins/devices-context.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAqB,aAAa,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEzE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AAG5E,MAAM,CAAC,MAAM,cAAc,GAAG,aAAa,CACzC,MAAM,CAAC,SAAS,CAAC,CAClB,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,aAAa,CAChD,MAAM,CAAC,gBAAgB,CAAC,CACzB,CAAC;AAQF,MAAM,UAAU,mBAAmB,CACjC,UAAa;;IAEb,MAAM,wBAAyB,SAAQ,UAAU;QAQ/C,IAAI,OAAO,CAAC,KAAoC;YAC9C,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;YAEtB,2DAA2D;YAC3D,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;gBACxB,uBAAA,IAAI,mDAAmB,CAAC,mBAAmB,EAAE,CAAC;YAChD,CAAC;QACH,CAAC;QAED,IAAI,OAAO;YACT,OAAO,IAAI,CAAC,QAAQ,CAAC;QACvB,CAAC;QAMD,YAAY,GAAG,IAAW;YACxB,KAAK,CAAC,GAAG,IAAI,CAAC,CAAC;YAzBjB,sDAAqB,IAAI,iBAAiB,CAAC,IAAI,CAAC,EAAC;YA2B/C,IAAI,CAAC,gBAAgB,CAAC,2BAA2B,EAAE,CAAC,CAAQ,EAAE,EAAE;gBAC9D,MAAM,KAAK,GAAG,CAAgB,CAAC;gBAE/B,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC,MAAM,CAAC,cAAc,CAAC;YACpD,CAAC,CAAC,CAAC;YACH,IAAI,CAAC,gBAAgB,CAAC,iBAAiB,EAAE,CAAC,EAAqB,EAAE,EAAE;gBACjE,IAAI,EAAE,CAAC,OAAO,KAAK,cAAc,EAAE,CAAC;oBAClC,uBAAA,IAAI,mDAAmB,CAAC,UAAU,EAAE,CAAC;gBACvC,CAAC;YACH,CAAC,CAAC,CAAC;QACL,CAAC;KACF;;IAlCC;QAFC,OAAO,CAAC,EAAE,OAAO,EAAE,cAAc,EAAE,CAAC;QACpC,KAAK,EAAE;8DACqB;IAG7B;QADC,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;2DAQ3C;IAQD;QAFC,OAAO,CAAC,EAAE,OAAO,EAAE,qBAAqB,EAAE,CAAC;QAC3C,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;oEACZ;IAkBnC,OAAO,wBAAoE,CAAC;AAC9E,CAAC","sourcesContent":["import { type ContextEvent, createContext, provide } from \"@lit/context\";\nimport type { LitElement } from \"lit\";\nimport { property, state } from \"lit/decorators.js\";\nimport { DevicesController } from \"../../controllers/devices-controller.js\";\nimport type { Constructor } from \"./types.js\";\n\nexport const devicesContext = createContext<MediaDeviceInfo[] | undefined>(\n  Symbol(\"devices\"),\n);\n\nexport const selectedDeviceContext = createContext<MediaDeviceInfo | undefined>(\n  Symbol(\"selectedDevice\"),\n);\n\nexport declare class DevicesContextInterface {\n  _devices?: MediaDeviceInfo[];\n  devices?: MediaDeviceInfo[];\n  selectedDevice?: MediaDeviceInfo;\n}\n\nexport function DevicesContextMixin<T extends Constructor<LitElement>>(\n  superclass: T,\n): Constructor<DevicesContextInterface> & T {\n  class DevicesContextMixinClass extends superclass {\n    #devicesController = new DevicesController(this);\n\n    @provide({ context: devicesContext })\n    @state()\n    _devices?: MediaDeviceInfo[];\n\n    @property({ attribute: false, type: Array })\n    set devices(value: MediaDeviceInfo[] | undefined) {\n      this._devices = value;\n\n      // Clear auto-loaded flag when devices are set via property\n      if (value !== undefined) {\n        this.#devicesController.clearAutoLoadedFlag();\n      }\n    }\n\n    get devices(): MediaDeviceInfo[] | undefined {\n      return this._devices;\n    }\n\n    @provide({ context: selectedDeviceContext })\n    @property({ attribute: false, type: Object })\n    selectedDevice?: MediaDeviceInfo;\n\n    constructor(...args: any[]) {\n      super(...args);\n\n      this.addEventListener(\"recording-devices-changed\", (e: Event) => {\n        const event = e as CustomEvent;\n\n        this.selectedDevice = event.detail.selectedDevice;\n      });\n      this.addEventListener(\"context-request\", (ev: ContextEvent<any>) => {\n        if (ev.context === devicesContext) {\n          this.#devicesController.initialize();\n        }\n      });\n    }\n  }\n\n  return DevicesContextMixinClass as Constructor<DevicesContextInterface> & T;\n}\n"]}

package/dist/contexts/mixins/keybindings-context.d.ts

@@ -0,0 +1,13 @@
+import type { LitElement } from "lit";
+import type { Constructor } from "./types.js";
+export declare const pushToTalkKeybindingContext: {
+    __context__: string | null | undefined;
+};
+export declare const toggleToTalkKeybindingContext: {
+    __context__: string | null | undefined;
+};
+export declare class KeybindingsContextInterface {
+    pushToTalkKeybinding?: string | null;
+    toggleToTalkKeybinding?: string | null;
+}
+export declare function KeybindingsContextMixin<T extends Constructor<LitElement>>(superclass: T): Constructor<KeybindingsContextInterface> & T;