@corti/dictation-web 0.1.21-rc.4 → 0.1.21

package/README.md

@@ -111,13 +111,8 @@ The library can automatically refresh tokens when they expire:
 
 ```javascript
 dictation.setAuthConfig({
-  accessToken: 'YOUR_JWT_TOKEN',
-  refreshToken: 'YOUR_REFRESH_TOKEN',
-  expiresIn: 3600,  // Access token expires in 1 hour
-  refreshExpiresIn: 86400, // Refresh token expires in 24 hours
-  
   // This function runs before any API call when the access_token is near expiration
-  refreshAccessToken: async (refreshToken: string) => {
+  refreshAccessToken: async (refreshToken?: string) => {
       // Custom refresh logic -- get new access_token from server
       const response = await fetch("https://your-auth-server/refresh", {
           method: "POST", 
@@ -130,12 +125,11 @@ dictation.setAuthConfig({
       // Return in the expected format
       return {
         accessToken: result.accessToken,
-        tokenType: result.tokenType || 'Bearer',
         expiresIn: result.expiresIn || 3600,
         refreshToken: result.refreshToken,
         refreshExpiresIn: result.refreshExpiresIn,
       };
-  },
+  }
 });
 ```
 

package/dist/CortiDictation.js

@@ -91,12 +91,17 @@ export class CortiDictation extends LitElement {
     async setAuthConfig(config) {
         try {
             const initialToken = 'accessToken' in config
-                ? { accessToken: config.accessToken }
+                ? { accessToken: config.accessToken, refreshToken: config.refreshToken }
                 : await config.refreshAccessToken();
-            if (!initialToken?.accessToken || typeof initialToken.accessToken !== 'string') {
+            if (!initialToken?.accessToken ||
+                typeof initialToken.accessToken !== 'string') {
                 throw new Error('Access token is required and must be a string');
             }
+            // Remove all the parsing and just pass parameters when we implement token decoding on the SDK side
             const decoded = decodeToken(initialToken.accessToken);
+            const refreshDecoded = initialToken.refreshToken
+                ? decodeToken(initialToken.refreshToken)
+                : undefined;
             if (!decoded) {
                 throw new Error('Invalid token format');
             }
@@ -106,8 +111,33 @@ export class CortiDictation extends LitElement {
                 accessToken: initialToken.accessToken,
                 expiresAt: decoded.expiresAt,
                 refreshToken: config.refreshToken,
-                refreshExpiresIn: config.refreshExpiresIn,
-                refreshAccessToken: config.refreshAccessToken,
+                refreshExpiresAt: refreshDecoded?.expiresAt,
+                refreshAccessToken: async (refreshToken) => {
+                    try {
+                        if (!config.refreshAccessToken) {
+                            return {
+                                accessToken: this._serverConfig?.accessToken || 'no_token',
+                                expiresIn: Infinity,
+                                refreshToken,
+                            };
+                        }
+                        const response = await config.refreshAccessToken(refreshToken);
+                        const decoded = decodeToken(response.accessToken);
+                        const refreshDecoded = response.refreshToken
+                            ? decodeToken(response.refreshToken)
+                            : undefined;
+                        if (this._serverConfig) {
+                            this._serverConfig.accessToken = response.accessToken;
+                            this._serverConfig.expiresAt = decoded?.expiresAt;
+                            this._serverConfig.refreshExpiresAt = refreshDecoded?.expiresAt;
+                            this._serverConfig.refreshToken = response.refreshToken;
+                        }
+                        return response;
+                    }
+                    catch (e) {
+                        throw new Error('Error when refreshing access token');
+                    }
+                },
             };
             return this._serverConfig;
         }
@@ -195,10 +225,10 @@ export class CortiDictation extends LitElement {
           class=${isRecording ? 'red' : 'accent'}
         >
           ${isLoading
-            ? html `<icon-loading-spinner></icon-loading-spinner>`
+            ? html ` <icon-loading-spinner></icon-loading-spinner>`
             : isRecording
-                ? html `<icon-recording></icon-recording>`
-                : html `<icon-mic-on></icon-mic-on>`}
+                ? html ` <icon-recording></icon-recording>`
+                : html ` <icon-mic-on></icon-mic-on>`}
           <audio-visualiser
             .level=${this._audioLevel}
             .active=${isRecording}

package/dist/CortiDictation.js.map

@@ -1 +1 @@
-{"version":3,"file":"CortiDictation.js","sourceRoot":"","sources":["../src/CortiDictation.ts"],"names":[],"mappings":"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","sourcesContent":["import { type Corti } from '@corti/sdk';\n\n// corti-dictation.ts\nimport { html, LitElement } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { RecorderManager } from './RecorderManager.js';\nimport './components/settings-menu.js';\nimport './components/audio-visualiser.js';\nimport './icons/icons.js';\nimport ThemeStyles from './styles/theme.js';\nimport ButtonStyles from './styles/buttons.js';\nimport ComponentStyles from './styles/ComponentStyles.js';\n\nimport type { RecordingState, ServerConfig } from './types.js';\nimport { DEFAULT_DICTATION_CONFIG, LANGUAGES_SUPPORTED } from './constants.js';\nimport CalloutStyles from './styles/callout.js';\nimport { decodeToken } from './utils.js';\n\nexport class CortiDictation extends LitElement {\n  static styles = [ButtonStyles, ThemeStyles, ComponentStyles, CalloutStyles];\n\n  @property({ type: Object })\n  dictationConfig: Corti.TranscribeConfig = DEFAULT_DICTATION_CONFIG;\n\n  @property({ type: Array })\n  languagesSupported: Corti.TranscribeSupportedLanguage[] = LANGUAGES_SUPPORTED;\n\n  @property({ type: Boolean })\n  debug_displayAudio: boolean = false;\n\n  @state()\n  private _serverConfig: ServerConfig | undefined;\n\n  @state()\n  private _audioLevel: number = 0;\n\n  @state()\n  private _recordingState: RecordingState = 'stopped';\n\n  @state()\n  private _selectedDevice: MediaDeviceInfo | undefined;\n\n  @state()\n  private _devices: MediaDeviceInfo[] = [];\n\n  private recorderManager = new RecorderManager();\n\n  async connectedCallback() {\n    super.connectedCallback();\n    const devices = await this.recorderManager.initialize();\n    if (devices.selectedDevice) {\n      this._selectedDevice = this.recorderManager.selectedDevice;\n      this._devices = this.recorderManager.devices;\n      this.dispatchEvent(new CustomEvent('ready'));\n    }\n\n    // Map event names to any extra handling logic\n    const eventHandlers: Record<string, (e: CustomEvent) => void> = {\n      'recording-state-changed': e => {\n        this._recordingState = e.detail.state;\n      },\n      'devices-changed': () => {\n        this._devices = [...this.recorderManager.devices];\n        this.requestUpdate();\n      },\n      'audio-level-changed': e => {\n        this._audioLevel = e.detail.audioLevel;\n        this.requestUpdate();\n      },\n    };\n\n    const eventsToRelay = [\n      'recording-state-changed',\n      'recording-devices-changed',\n      'audio-level-changed',\n      'error',\n      'transcript',\n      'command',\n      'ready',\n    ];\n\n    eventsToRelay.forEach(eventName => {\n      this.recorderManager.addEventListener(eventName, (e: Event) => {\n        const customEvent = e as CustomEvent;\n        // Perform any additional handling if defined\n        if (eventHandlers[eventName]) {\n          eventHandlers[eventName](customEvent);\n        }\n        // Re-dispatch the event from the component\n        this.dispatchEvent(\n          new CustomEvent(eventName, {\n            detail: customEvent.detail,\n            bubbles: true,\n            composed: true,\n          }),\n        );\n      });\n    });\n  }\n\n  public toggleRecording() {\n    this._toggleRecording();\n  }\n\n  public setAccessToken(token: string) {\n    try {\n      const decoded = decodeToken(token);\n      this._serverConfig = decoded;\n      return decoded;\n    } catch (e) {\n      throw new Error('Invalid token');\n    }\n  }\n\n  public async setAuthConfig(config: Corti.BearerOptions): Promise<ServerConfig> {\n    try {\n      const initialToken = 'accessToken' in config\n        ? { accessToken: config.accessToken }\n        : await config.refreshAccessToken();\n\n      if (!initialToken?.accessToken || typeof initialToken.accessToken !== 'string') {\n        throw new Error('Access token is required and must be a string');\n      }\n\n      const decoded = decodeToken(initialToken.accessToken);\n\n      if (!decoded) {\n        throw new Error('Invalid token format');\n      }\n\n      this._serverConfig = {\n        environment: decoded.environment,\n        tenant: decoded.tenant,\n        accessToken: initialToken.accessToken,\n        expiresAt: decoded.expiresAt,\n        refreshToken: config.refreshToken,\n        refreshExpiresIn: config.refreshExpiresIn,\n        refreshAccessToken: config.refreshAccessToken,\n      };\n\n      return this._serverConfig;\n    } catch (e) {\n      throw new Error('Invalid token');\n    }\n  }\n\n  public get selectedDevice(): MediaDeviceInfo | null {\n    return this.recorderManager.selectedDevice || null;\n  }\n\n  public get recordingState(): RecordingState {\n    return this._recordingState;\n  }\n\n  public get devices(): MediaDeviceInfo[] {\n    return this._devices;\n  }\n\n  public async setRecordingDevice(device: MediaDeviceInfo) {\n    this.recorderManager.selectedDevice = device;\n    this._selectedDevice = device;\n    if (!this._serverConfig) return;\n    if (this._recordingState === 'recording') {\n      await this.recorderManager.stopRecording();\n      await this.recorderManager.startRecording({\n        dictationConfig: this.dictationConfig,\n        serverConfig: this._serverConfig,\n      });\n    }\n  }\n\n  public setPrimaryLanguage(language: string) {\n    if (LANGUAGES_SUPPORTED.includes(language)) {\n      this.dictationConfig = {\n        ...this.dictationConfig,\n        primaryLanguage: language,\n      };\n\n      // If recording is in progress, restart to apply the language change\n      if (this._serverConfig && this._recordingState === 'recording') {\n        this.recorderManager.stopRecording();\n        this.recorderManager.startRecording({\n          dictationConfig: this.dictationConfig,\n          serverConfig: this._serverConfig,\n          debug_displayAudio: this.debug_displayAudio,\n        });\n      }\n    }\n  }\n\n  _toggleRecording() {\n    if (!this._serverConfig) return;\n    if (this._recordingState === 'recording') {\n      this.recorderManager.stopRecording();\n    } else if (this._recordingState === 'stopped') {\n      this.recorderManager.startRecording({\n        dictationConfig: this.dictationConfig,\n        serverConfig: this._serverConfig,\n        debug_displayAudio: this.debug_displayAudio,\n      });\n    }\n  }\n\n  // Handle device change events if needed\n  async _onRecordingDevicesChanged(event: Event) {\n    const customEvent = event as CustomEvent;\n    this.setRecordingDevice(customEvent.detail.selectedDevice);\n  }\n\n  // Handle language change events\n  _onLanguageChanged(event: Event) {\n    const customEvent = event as CustomEvent;\n    const language = customEvent.detail.language;\n    if (language) {\n      this.setPrimaryLanguage(language);\n    }\n  }\n\n  render() {\n    if (!this._serverConfig) {\n      return html` <div style=\"display: none\"></div> `;\n    }\n\n    const isLoading =\n      this._recordingState === 'initializing' ||\n      this._recordingState === 'stopping';\n    const isRecording = this._recordingState === 'recording';\n    return html`\n      <div class=\"wrapper\">\n        <button\n          @click=${this._toggleRecording}\n          class=${isRecording ? 'red' : 'accent'}\n        >\n          ${isLoading\n            ? html`<icon-loading-spinner></icon-loading-spinner>`\n            : isRecording\n              ? html`<icon-recording></icon-recording>`\n              : html`<icon-mic-on></icon-mic-on>`}\n          <audio-visualiser\n            .level=${this._audioLevel}\n            .active=${isRecording}\n          ></audio-visualiser>\n        </button>\n\n        <settings-menu\n          .selectedDevice=${this._selectedDevice}\n          .selectedLanguage=${this.dictationConfig.primaryLanguage}\n          ?settingsDisabled=${this._recordingState !== 'stopped'}\n          @recording-devices-changed=${this._onRecordingDevicesChanged}\n          @language-changed=${this._onLanguageChanged}\n        ></settings-menu>\n      </div>\n    `;\n  }\n}\n\nexport default CortiDictation;\n"]}
+{"version":3,"file":"CortiDictation.js","sourceRoot":"","sources":["../src/CortiDictation.ts"],"names":[],"mappings":"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","sourcesContent":["import { type Corti } from '@corti/sdk';\n\n// corti-dictation.ts\nimport { html, LitElement } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { RecorderManager } from './RecorderManager.js';\nimport './components/settings-menu.js';\nimport './components/audio-visualiser.js';\nimport './icons/icons.js';\nimport ThemeStyles from './styles/theme.js';\nimport ButtonStyles from './styles/buttons.js';\nimport ComponentStyles from './styles/ComponentStyles.js';\n\nimport type { RecordingState, ServerConfig } from './types.js';\nimport { DEFAULT_DICTATION_CONFIG, LANGUAGES_SUPPORTED } from './constants.js';\nimport CalloutStyles from './styles/callout.js';\nimport { decodeToken } from './utils.js';\n\nexport class CortiDictation extends LitElement {\n  static styles = [ButtonStyles, ThemeStyles, ComponentStyles, CalloutStyles];\n\n  @property({ type: Object })\n  dictationConfig: Corti.TranscribeConfig = DEFAULT_DICTATION_CONFIG;\n\n  @property({ type: Array })\n  languagesSupported: Corti.TranscribeSupportedLanguage[] = LANGUAGES_SUPPORTED;\n\n  @property({ type: Boolean })\n  debug_displayAudio: boolean = false;\n\n  @state()\n  private _serverConfig: ServerConfig | undefined;\n\n  @state()\n  private _audioLevel: number = 0;\n\n  @state()\n  private _recordingState: RecordingState = 'stopped';\n\n  @state()\n  private _selectedDevice: MediaDeviceInfo | undefined;\n\n  @state()\n  private _devices: MediaDeviceInfo[] = [];\n\n  private recorderManager = new RecorderManager();\n\n  async connectedCallback() {\n    super.connectedCallback();\n    const devices = await this.recorderManager.initialize();\n    if (devices.selectedDevice) {\n      this._selectedDevice = this.recorderManager.selectedDevice;\n      this._devices = this.recorderManager.devices;\n      this.dispatchEvent(new CustomEvent('ready'));\n    }\n\n    // Map event names to any extra handling logic\n    const eventHandlers: Record<string, (e: CustomEvent) => void> = {\n      'recording-state-changed': e => {\n        this._recordingState = e.detail.state;\n      },\n      'devices-changed': () => {\n        this._devices = [...this.recorderManager.devices];\n        this.requestUpdate();\n      },\n      'audio-level-changed': e => {\n        this._audioLevel = e.detail.audioLevel;\n        this.requestUpdate();\n      },\n    };\n\n    const eventsToRelay = [\n      'recording-state-changed',\n      'recording-devices-changed',\n      'audio-level-changed',\n      'error',\n      'transcript',\n      'command',\n      'ready',\n    ];\n\n    eventsToRelay.forEach(eventName => {\n      this.recorderManager.addEventListener(eventName, (e: Event) => {\n        const customEvent = e as CustomEvent;\n        // Perform any additional handling if defined\n        if (eventHandlers[eventName]) {\n          eventHandlers[eventName](customEvent);\n        }\n        // Re-dispatch the event from the component\n        this.dispatchEvent(\n          new CustomEvent(eventName, {\n            detail: customEvent.detail,\n            bubbles: true,\n            composed: true,\n          }),\n        );\n      });\n    });\n  }\n\n  public toggleRecording() {\n    this._toggleRecording();\n  }\n\n  public setAccessToken(token: string) {\n    try {\n      const decoded = decodeToken(token);\n      this._serverConfig = decoded;\n      return decoded;\n    } catch (e) {\n      throw new Error('Invalid token');\n    }\n  }\n\n  public async setAuthConfig(\n    config: Corti.BearerOptions,\n  ): Promise<ServerConfig> {\n    try {\n      const initialToken =\n        'accessToken' in config\n          ? { accessToken: config.accessToken, refreshToken: config.refreshToken }\n          : await config.refreshAccessToken();\n\n      if (\n        !initialToken?.accessToken ||\n        typeof initialToken.accessToken !== 'string'\n      ) {\n        throw new Error('Access token is required and must be a string');\n      }\n\n      // Remove all the parsing and just pass parameters when we implement token decoding on the SDK side\n      const decoded = decodeToken(initialToken.accessToken);\n      const refreshDecoded = initialToken.refreshToken\n        ? decodeToken(initialToken.refreshToken)\n        : undefined;\n\n      if (!decoded) {\n        throw new Error('Invalid token format');\n      }\n\n      this._serverConfig = {\n        environment: decoded.environment,\n        tenant: decoded.tenant,\n        accessToken: initialToken.accessToken,\n        expiresAt: decoded.expiresAt,\n        refreshToken: config.refreshToken,\n        refreshExpiresAt: refreshDecoded?.expiresAt,\n        refreshAccessToken: async (refreshToken?: string) => {\n          try {\n            if (!config.refreshAccessToken) {\n              return {\n                accessToken: this._serverConfig?.accessToken || 'no_token',\n                expiresIn: Infinity,\n                refreshToken,\n              };\n            }\n\n            const response = await config.refreshAccessToken(refreshToken);\n            const decoded = decodeToken(response.accessToken);\n            const refreshDecoded = response.refreshToken\n              ? decodeToken(response.refreshToken)\n              : undefined;\n\n            if (this._serverConfig) {\n              this._serverConfig.accessToken = response.accessToken;\n              this._serverConfig.expiresAt = decoded?.expiresAt;\n              this._serverConfig.refreshExpiresAt = refreshDecoded?.expiresAt;\n              this._serverConfig.refreshToken = response.refreshToken;\n            }\n\n            return response;\n          } catch (e) {\n            throw new Error('Error when refreshing access token');\n          }\n        },\n      };\n\n      return this._serverConfig;\n    } catch (e) {\n      throw new Error('Invalid token');\n    }\n  }\n\n  public get selectedDevice(): MediaDeviceInfo | null {\n    return this.recorderManager.selectedDevice || null;\n  }\n\n  public get recordingState(): RecordingState {\n    return this._recordingState;\n  }\n\n  public get devices(): MediaDeviceInfo[] {\n    return this._devices;\n  }\n\n  public async setRecordingDevice(device: MediaDeviceInfo) {\n    this.recorderManager.selectedDevice = device;\n    this._selectedDevice = device;\n    if (!this._serverConfig) return;\n    if (this._recordingState === 'recording') {\n      await this.recorderManager.stopRecording();\n      await this.recorderManager.startRecording({\n        dictationConfig: this.dictationConfig,\n        serverConfig: this._serverConfig,\n      });\n    }\n  }\n\n  public setPrimaryLanguage(language: string) {\n    if (LANGUAGES_SUPPORTED.includes(language)) {\n      this.dictationConfig = {\n        ...this.dictationConfig,\n        primaryLanguage: language,\n      };\n\n      // If recording is in progress, restart to apply the language change\n      if (this._serverConfig && this._recordingState === 'recording') {\n        this.recorderManager.stopRecording();\n        this.recorderManager.startRecording({\n          dictationConfig: this.dictationConfig,\n          serverConfig: this._serverConfig,\n          debug_displayAudio: this.debug_displayAudio,\n        });\n      }\n    }\n  }\n\n  _toggleRecording() {\n    if (!this._serverConfig) return;\n    if (this._recordingState === 'recording') {\n      this.recorderManager.stopRecording();\n    } else if (this._recordingState === 'stopped') {\n      this.recorderManager.startRecording({\n        dictationConfig: this.dictationConfig,\n        serverConfig: this._serverConfig,\n        debug_displayAudio: this.debug_displayAudio,\n      });\n    }\n  }\n\n  // Handle device change events if needed\n  async _onRecordingDevicesChanged(event: Event) {\n    const customEvent = event as CustomEvent;\n    this.setRecordingDevice(customEvent.detail.selectedDevice);\n  }\n\n  // Handle language change events\n  _onLanguageChanged(event: Event) {\n    const customEvent = event as CustomEvent;\n    const language = customEvent.detail.language;\n    if (language) {\n      this.setPrimaryLanguage(language);\n    }\n  }\n\n  render() {\n    if (!this._serverConfig) {\n      return html` <div style=\"display: none\"></div> `;\n    }\n\n    const isLoading =\n      this._recordingState === 'initializing' ||\n      this._recordingState === 'stopping';\n    const isRecording = this._recordingState === 'recording';\n    return html`\n      <div class=\"wrapper\">\n        <button\n          @click=${this._toggleRecording}\n          class=${isRecording ? 'red' : 'accent'}\n        >\n          ${isLoading\n            ? html` <icon-loading-spinner></icon-loading-spinner>`\n            : isRecording\n              ? html` <icon-recording></icon-recording>`\n              : html` <icon-mic-on></icon-mic-on>`}\n          <audio-visualiser\n            .level=${this._audioLevel}\n            .active=${isRecording}\n          ></audio-visualiser>\n        </button>\n\n        <settings-menu\n          .selectedDevice=${this._selectedDevice}\n          .selectedLanguage=${this.dictationConfig.primaryLanguage}\n          ?settingsDisabled=${this._recordingState !== 'stopped'}\n          @recording-devices-changed=${this._onRecordingDevicesChanged}\n          @language-changed=${this._onLanguageChanged}\n        ></settings-menu>\n      </div>\n    `;\n  }\n}\n\nexport default CortiDictation;\n"]}

package/dist/DictationService.js

@@ -6,16 +6,24 @@ export class DictationService extends EventTarget {
         this.mediaRecorder = new MediaRecorder(mediaStream);
         this.serverConfig = serverConfig;
         this.dictationConfig = dictationConfig;
-        const { environment, tenant: tenantName, expiresAt, ...authConfig } = serverConfig;
+        const { environment, tenant: tenantName, expiresAt, refreshExpiresAt, ...authConfig } = serverConfig;
+        // We're forced to convert from expiresAt/refreshExpiresAt here,
+        // because we recreate connection every time we connect
+        // => access_token will be called every time if we don't store it
+        // => it makes expiresIn (we receive from API) out of date
         const now = Math.floor(Date.now() / 1000);
         const expiresIn = expiresAt ? expiresAt - now : undefined;
+        const refreshExpiresIn = refreshExpiresAt
+            ? refreshExpiresAt - now
+            : undefined;
         this.cortiClient = new CortiClient({
             environment,
             tenantName,
             auth: {
                 expiresIn,
+                refreshExpiresIn,
                 ...authConfig,
-            }
+            },
         });
         this.mediaRecorder.ondataavailable = event => {
             if (this.webSocket?.readyState === WebSocket.OPEN) {

package/dist/DictationService.js.map

@@ -1 +1 @@
-{"version":3,"file":"DictationService.js","sourceRoot":"","sources":["../src/DictationService.ts"],"names":[],"mappings":"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","sourcesContent":["import { CortiClient, Corti } from '@corti/sdk';\n\nimport type { ServerConfig } from './types.js';\nimport { decodeToken, getErrorMessage } from './utils.js';\n\ntype TranscribeSocket = Awaited<\n  ReturnType<CortiClient['transcribe']['connect']>\n>;\n\nexport class DictationService extends EventTarget {\n  private mediaRecorder: MediaRecorder;\n  private webSocket!: TranscribeSocket;\n  private serverConfig: ServerConfig;\n  private dictationConfig: Corti.TranscribeConfig;\n  private cortiClient: CortiClient;\n\n  constructor(\n    mediaStream: MediaStream,\n    {\n      dictationConfig,\n      serverConfig,\n    }: { dictationConfig: Corti.TranscribeConfig; serverConfig: ServerConfig },\n  ) {\n    super();\n    this.mediaRecorder = new MediaRecorder(mediaStream);\n    this.serverConfig = serverConfig;\n    this.dictationConfig = dictationConfig;\n\n    const {\n      environment,\n      tenant: tenantName,\n      expiresAt,\n      ...authConfig\n    } = serverConfig;\n\n    const now = Math.floor(Date.now() / 1000);\n    const expiresIn = expiresAt ? expiresAt - now : undefined;\n\n    this.cortiClient = new CortiClient({\n      environment,\n      tenantName,\n      auth: {\n        expiresIn,\n        ...authConfig,\n      }\n    });\n\n    this.mediaRecorder.ondataavailable = event => {\n      if (this.webSocket?.readyState === WebSocket.OPEN) {\n        this.webSocket.sendAudio(event.data);\n      }\n    };\n  }\n\n  private dispatchCustomEvent(eventName: string, detail?: unknown): void {\n    this.dispatchEvent(\n      new CustomEvent(eventName, {\n        detail,\n        bubbles: true,\n        composed: true,\n      }),\n    );\n  }\n\n  public async startRecording() {\n    if (!this.serverConfig) {\n      this.dispatchEvent(\n        new CustomEvent('error', {\n          detail: 'Invalid token',\n          bubbles: true,\n          composed: true,\n        }),\n      );\n      return;\n    }\n\n    this.webSocket = await this.cortiClient.transcribe.connect({\n      configuration: this.dictationConfig,\n    });\n\n    this.webSocket.on('message', message => {\n      switch (message.type) {\n        case 'CONFIG_ACCEPTED':\n          this.mediaRecorder.start(250);\n          break;\n        case 'transcript':\n          this.dispatchCustomEvent('transcript', message);\n          break;\n        case 'command':\n          this.dispatchCustomEvent('command', message);\n          break;\n        default:\n          console.warn(`Unhandled message type: ${message.type}`);\n          break;\n      }\n    });\n\n    this.webSocket.on('error', event => {\n      this.stopRecording();\n\n      this.dispatchCustomEvent('error', getErrorMessage(event));\n    });\n\n    this.webSocket.on('close', event => {\n      this.dispatchCustomEvent('stream-closed', event);\n    });\n  }\n\n  public async stopRecording(): Promise<void> {\n    this.mediaRecorder?.stop();\n\n    if (this.webSocket.readyState === WebSocket.OPEN) {\n      this.webSocket.sendEnd({\n        type: 'end',\n      });\n    }\n\n    const timeout: NodeJS.Timeout = setTimeout(() => {\n      if (this.webSocket?.readyState === WebSocket.OPEN) {\n        this.webSocket.close();\n      }\n    }, 10000);\n\n    this.webSocket.on('close', () => {\n      clearTimeout(timeout);\n    });\n  }\n}\n"]}
+{"version":3,"file":"DictationService.js","sourceRoot":"","sources":["../src/DictationService.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAS,MAAM,YAAY,CAAC;AAGhD,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAM7C,MAAM,OAAO,gBAAiB,SAAQ,WAAW;IAO/C,YACE,WAAwB,EACxB,EACE,eAAe,EACf,YAAY,GAC4D;QAE1E,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,aAAa,GAAG,IAAI,aAAa,CAAC,WAAW,CAAC,CAAC;QACpD,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC;QACjC,IAAI,CAAC,eAAe,GAAG,eAAe,CAAC;QAEvC,MAAM,EACJ,WAAW,EACX,MAAM,EAAE,UAAU,EAClB,SAAS,EACT,gBAAgB,EAChB,GAAG,UAAU,EACd,GAAG,YAAY,CAAC;QAEjB,gEAAgE;QAChE,uDAAuD;QACvD,iEAAiE;QACjE,0DAA0D;QAC1D,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,CAAC;QAC1C,MAAM,SAAS,GAAG,SAAS,CAAC,CAAC,CAAC,SAAS,GAAG,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC;QAC1D,MAAM,gBAAgB,GAAG,gBAAgB;YACvC,CAAC,CAAC,gBAAgB,GAAG,GAAG;YACxB,CAAC,CAAC,SAAS,CAAC;QAEd,IAAI,CAAC,WAAW,GAAG,IAAI,WAAW,CAAC;YACjC,WAAW;YACX,UAAU;YACV,IAAI,EAAE;gBACJ,SAAS;gBACT,gBAAgB;gBAChB,GAAG,UAAU;aACd;SACF,CAAC,CAAC;QAEH,IAAI,CAAC,aAAa,CAAC,eAAe,GAAG,KAAK,CAAC,EAAE;YAC3C,IAAI,IAAI,CAAC,SAAS,EAAE,UAAU,KAAK,SAAS,CAAC,IAAI,EAAE,CAAC;gBAClD,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;YACvC,CAAC;QACH,CAAC,CAAC;IACJ,CAAC;IAEO,mBAAmB,CAAC,SAAiB,EAAE,MAAgB;QAC7D,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,SAAS,EAAE;YACzB,MAAM;YACN,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;SACf,CAAC,CACH,CAAC;IACJ,CAAC;IAEM,KAAK,CAAC,cAAc;QACzB,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;YACvB,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,OAAO,EAAE;gBACvB,MAAM,EAAE,eAAe;gBACvB,OAAO,EAAE,IAAI;gBACb,QAAQ,EAAE,IAAI;aACf,CAAC,CACH,CAAC;YACF,OAAO;QACT,CAAC;QAED,IAAI,CAAC,SAAS,GAAG,MAAM,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,OAAO,CAAC;YACzD,aAAa,EAAE,IAAI,CAAC,eAAe;SACpC,CAAC,CAAC;QAEH,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC,EAAE;YACrC,QAAQ,OAAO,CAAC,IAAI,EAAE,CAAC;gBACrB,KAAK,iBAAiB;oBACpB,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;oBAC9B,MAAM;gBACR,KAAK,YAAY;oBACf,IAAI,CAAC,mBAAmB,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC;oBAChD,MAAM;gBACR,KAAK,SAAS;oBACZ,IAAI,CAAC,mBAAmB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;oBAC7C,MAAM;gBACR;oBACE,OAAO,CAAC,IAAI,CAAC,2BAA2B,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC;oBACxD,MAAM;YACV,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,EAAE;YACjC,IAAI,CAAC,aAAa,EAAE,CAAC;YAErB,IAAI,CAAC,mBAAmB,CAAC,OAAO,EAAE,eAAe,CAAC,KAAK,CAAC,CAAC,CAAC;QAC5D,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,EAAE;YACjC,IAAI,CAAC,mBAAmB,CAAC,eAAe,EAAE,KAAK,CAAC,CAAC;QACnD,CAAC,CAAC,CAAC;IACL,CAAC;IAEM,KAAK,CAAC,aAAa;QACxB,IAAI,CAAC,aAAa,EAAE,IAAI,EAAE,CAAC;QAE3B,IAAI,IAAI,CAAC,SAAS,CAAC,UAAU,KAAK,SAAS,CAAC,IAAI,EAAE,CAAC;YACjD,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC;gBACrB,IAAI,EAAE,KAAK;aACZ,CAAC,CAAC;QACL,CAAC;QAED,MAAM,OAAO,GAAmB,UAAU,CAAC,GAAG,EAAE;YAC9C,IAAI,IAAI,CAAC,SAAS,EAAE,UAAU,KAAK,SAAS,CAAC,IAAI,EAAE,CAAC;gBAClD,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC;YACzB,CAAC;QACH,CAAC,EAAE,KAAK,CAAC,CAAC;QAEV,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,GAAG,EAAE;YAC9B,YAAY,CAAC,OAAO,CAAC,CAAC;QACxB,CAAC,CAAC,CAAC;IACL,CAAC;CACF","sourcesContent":["import { CortiClient, Corti } from '@corti/sdk';\n\nimport type { ServerConfig } from './types.js';\nimport { getErrorMessage } from './utils.js';\n\ntype TranscribeSocket = Awaited<\n  ReturnType<CortiClient['transcribe']['connect']>\n>;\n\nexport class DictationService extends EventTarget {\n  private mediaRecorder: MediaRecorder;\n  private webSocket!: TranscribeSocket;\n  private serverConfig: ServerConfig;\n  private dictationConfig: Corti.TranscribeConfig;\n  private cortiClient: CortiClient;\n\n  constructor(\n    mediaStream: MediaStream,\n    {\n      dictationConfig,\n      serverConfig,\n    }: { dictationConfig: Corti.TranscribeConfig; serverConfig: ServerConfig },\n  ) {\n    super();\n    this.mediaRecorder = new MediaRecorder(mediaStream);\n    this.serverConfig = serverConfig;\n    this.dictationConfig = dictationConfig;\n\n    const {\n      environment,\n      tenant: tenantName,\n      expiresAt,\n      refreshExpiresAt,\n      ...authConfig\n    } = serverConfig;\n\n    // We're forced to convert from expiresAt/refreshExpiresAt here,\n    // because we recreate connection every time we connect\n    // => access_token will be called every time if we don't store it\n    // => it makes expiresIn (we receive from API) out of date\n    const now = Math.floor(Date.now() / 1000);\n    const expiresIn = expiresAt ? expiresAt - now : undefined;\n    const refreshExpiresIn = refreshExpiresAt\n      ? refreshExpiresAt - now\n      : undefined;\n\n    this.cortiClient = new CortiClient({\n      environment,\n      tenantName,\n      auth: {\n        expiresIn,\n        refreshExpiresIn,\n        ...authConfig,\n      },\n    });\n\n    this.mediaRecorder.ondataavailable = event => {\n      if (this.webSocket?.readyState === WebSocket.OPEN) {\n        this.webSocket.sendAudio(event.data);\n      }\n    };\n  }\n\n  private dispatchCustomEvent(eventName: string, detail?: unknown): void {\n    this.dispatchEvent(\n      new CustomEvent(eventName, {\n        detail,\n        bubbles: true,\n        composed: true,\n      }),\n    );\n  }\n\n  public async startRecording() {\n    if (!this.serverConfig) {\n      this.dispatchEvent(\n        new CustomEvent('error', {\n          detail: 'Invalid token',\n          bubbles: true,\n          composed: true,\n        }),\n      );\n      return;\n    }\n\n    this.webSocket = await this.cortiClient.transcribe.connect({\n      configuration: this.dictationConfig,\n    });\n\n    this.webSocket.on('message', message => {\n      switch (message.type) {\n        case 'CONFIG_ACCEPTED':\n          this.mediaRecorder.start(250);\n          break;\n        case 'transcript':\n          this.dispatchCustomEvent('transcript', message);\n          break;\n        case 'command':\n          this.dispatchCustomEvent('command', message);\n          break;\n        default:\n          console.warn(`Unhandled message type: ${message.type}`);\n          break;\n      }\n    });\n\n    this.webSocket.on('error', event => {\n      this.stopRecording();\n\n      this.dispatchCustomEvent('error', getErrorMessage(event));\n    });\n\n    this.webSocket.on('close', event => {\n      this.dispatchCustomEvent('stream-closed', event);\n    });\n  }\n\n  public async stopRecording(): Promise<void> {\n    this.mediaRecorder?.stop();\n\n    if (this.webSocket.readyState === WebSocket.OPEN) {\n      this.webSocket.sendEnd({\n        type: 'end',\n      });\n    }\n\n    const timeout: NodeJS.Timeout = setTimeout(() => {\n      if (this.webSocket?.readyState === WebSocket.OPEN) {\n        this.webSocket.close();\n      }\n    }, 10000);\n\n    this.webSocket.on('close', () => {\n      clearTimeout(timeout);\n    });\n  }\n}\n"]}

package/dist/bundle.js

@@ -8346,7 +8346,7 @@ var Transcribe2 = class extends Transcribe {
 };
 
 // node_modules/@corti/sdk/dist/esm/version.mjs
-var SDK_VERSION = "0.1.1";
+var SDK_VERSION = "0.1.2";
 
 // node_modules/@corti/sdk/dist/esm/custom/CortiClient.mjs
 var __awaiter28 = function(thisArg, _arguments, P2, generator) {
@@ -8456,14 +8456,16 @@ var DictationService = class extends EventTarget {
     this.mediaRecorder = new MediaRecorder(mediaStream);
     this.serverConfig = serverConfig;
     this.dictationConfig = dictationConfig;
-    const { environment, tenant: tenantName, expiresAt, ...authConfig } = serverConfig;
+    const { environment, tenant: tenantName, expiresAt, refreshExpiresAt, ...authConfig } = serverConfig;
     const now = Math.floor(Date.now() / 1e3);
     const expiresIn = expiresAt ? expiresAt - now : void 0;
+    const refreshExpiresIn = refreshExpiresAt ? refreshExpiresAt - now : void 0;
     this.cortiClient = new CortiClient({
       environment,
       tenantName,
       auth: {
         expiresIn,
+        refreshExpiresIn,
         ...authConfig
       }
     });
@@ -9369,11 +9371,12 @@ var CortiDictation = class extends i4 {
   }
   async setAuthConfig(config) {
     try {
-      const initialToken = "accessToken" in config ? { accessToken: config.accessToken } : await config.refreshAccessToken();
+      const initialToken = "accessToken" in config ? { accessToken: config.accessToken, refreshToken: config.refreshToken } : await config.refreshAccessToken();
       if (!initialToken?.accessToken || typeof initialToken.accessToken !== "string") {
         throw new Error("Access token is required and must be a string");
       }
       const decoded = decodeToken(initialToken.accessToken);
+      const refreshDecoded = initialToken.refreshToken ? decodeToken(initialToken.refreshToken) : void 0;
       if (!decoded) {
         throw new Error("Invalid token format");
       }
@@ -9383,8 +9386,30 @@ var CortiDictation = class extends i4 {
         accessToken: initialToken.accessToken,
         expiresAt: decoded.expiresAt,
         refreshToken: config.refreshToken,
-        refreshExpiresIn: config.refreshExpiresIn,
-        refreshAccessToken: config.refreshAccessToken
+        refreshExpiresAt: refreshDecoded?.expiresAt,
+        refreshAccessToken: async (refreshToken) => {
+          try {
+            if (!config.refreshAccessToken) {
+              return {
+                accessToken: this._serverConfig?.accessToken || "no_token",
+                expiresIn: Infinity,
+                refreshToken
+              };
+            }
+            const response = await config.refreshAccessToken(refreshToken);
+            const decoded2 = decodeToken(response.accessToken);
+            const refreshDecoded2 = response.refreshToken ? decodeToken(response.refreshToken) : void 0;
+            if (this._serverConfig) {
+              this._serverConfig.accessToken = response.accessToken;
+              this._serverConfig.expiresAt = decoded2?.expiresAt;
+              this._serverConfig.refreshExpiresAt = refreshDecoded2?.expiresAt;
+              this._serverConfig.refreshToken = response.refreshToken;
+            }
+            return response;
+          } catch (e5) {
+            throw new Error("Error when refreshing access token");
+          }
+        }
       };
       return this._serverConfig;
     } catch (e5) {
@@ -9467,7 +9492,7 @@ var CortiDictation = class extends i4 {
           @click=${this._toggleRecording}
           class=${isRecording ? "red" : "accent"}
         >
-          ${isLoading ? x`<icon-loading-spinner></icon-loading-spinner>` : isRecording ? x`<icon-recording></icon-recording>` : x`<icon-mic-on></icon-mic-on>`}
+          ${isLoading ? x` <icon-loading-spinner></icon-loading-spinner>` : isRecording ? x` <icon-recording></icon-recording>` : x` <icon-mic-on></icon-mic-on>`}
           <audio-visualiser
             .level=${this._audioLevel}
             .active=${isRecording}

package/dist/types.d.ts

@@ -4,4 +4,5 @@ export type ServerConfig = {
     environment: string;
     tenant: string;
     expiresAt?: number;
+    refreshExpiresAt?: number;
 } & Corti.BearerOptions;

package/dist/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"","sourcesContent":["import { type Corti } from '@corti/sdk';\n\nexport type RecordingState =\n  | 'initializing'\n  | 'recording'\n  | 'stopping'\n  | 'stopped';\n\nexport type ServerConfig = {\n  environment: string;\n  tenant: string;\n  expiresAt?: number;\n} & Corti.BearerOptions;\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"","sourcesContent":["import { type Corti } from '@corti/sdk';\n\nexport type RecordingState =\n  | 'initializing'\n  | 'recording'\n  | 'stopping'\n  | 'stopped';\n\nexport type ServerConfig = {\n  environment: string;\n  tenant: string;\n  expiresAt?: number;\n  refreshExpiresAt?: number;\n} & Corti.BearerOptions;\n"]}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@corti/dictation-web",
   "description": "Web component for Corti Dictation",
   "author": "Corti ApS",
-  "version": "0.1.21-rc.4",
+  "version": "0.1.21",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.js",
@@ -51,7 +51,7 @@
     "storybook:build": "tsc && npm run analyze -- --exclude dist && storybook build"
   },
   "dependencies": {
-    "@corti/sdk": "^0.1.21-rc.2",
+    "@corti/sdk": "^0.1.2",
     "lit": "^3.1.4"
   },
   "devDependencies": {