@corti/dictation-web 0.0.0-rc.359

package/dist/styles/buttons.js

@@ -0,0 +1,58 @@
+import { css } from 'lit';
+const ButtonStyles = css `
+  /* Default (plain) button styling */
+  button,
+  .button {
+    background: var(--action-plain-background);
+    /* border: 1px solid var(--action-plain-border-color); */
+    border: none;
+    color: var(--component-text-color);
+    cursor: pointer;
+    padding: 8px;
+    border-radius: var(--card-inner-border-radius);
+    display: inline-flex;
+    gap: 4px;
+    align-items: center;
+    justify-content: center;
+    transition: background 0.3s ease;
+    font-family: var(--component-font-family);
+  }
+
+  button:hover,
+  .button:hover {
+    background: var(--action-plain-background-hover);
+  }
+
+  button:focus-visible {
+    outline: 2px solid var(--action-accent-background);
+    outline-offset: 2px;
+  }
+
+  /* Accent variant */
+  button.accent,
+  .button.accent {
+    background: var(--action-accent-background);
+    color: var(--action-accent-text-color);
+    border: none;
+  }
+
+  button.accent:hover,
+  .button.accent:hover {
+    background: var(--action-accent-background-hover);
+  }
+
+  /* Accent variant */
+  button.red,
+  .button.red {
+    background: var(--action-red-background);
+    color: var(--action-red-text-color);
+    border: none;
+  }
+
+  button.red:hover,
+  .button.red:hover {
+    background: var(--action-red-background-hover);
+  }
+`;
+export default ButtonStyles;
+//# sourceMappingURL=buttons.js.map

package/dist/styles/buttons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"buttons.js","sourceRoot":"","sources":["../../src/styles/buttons.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,YAAY,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsDvB,CAAC;AAEF,eAAe,YAAY,CAAC","sourcesContent":["import { css } from 'lit';\n\nconst ButtonStyles = css`\n  /* Default (plain) button styling */\n  button,\n  .button {\n    background: var(--action-plain-background);\n    /* border: 1px solid var(--action-plain-border-color); */\n    border: none;\n    color: var(--component-text-color);\n    cursor: pointer;\n    padding: 8px;\n    border-radius: var(--card-inner-border-radius);\n    display: inline-flex;\n    gap: 4px;\n    align-items: center;\n    justify-content: center;\n    transition: background 0.3s ease;\n    font-family: var(--component-font-family);\n  }\n\n  button:hover,\n  .button:hover {\n    background: var(--action-plain-background-hover);\n  }\n\n  button:focus-visible {\n    outline: 2px solid var(--action-accent-background);\n    outline-offset: 2px;\n  }\n\n  /* Accent variant */\n  button.accent,\n  .button.accent {\n    background: var(--action-accent-background);\n    color: var(--action-accent-text-color);\n    border: none;\n  }\n\n  button.accent:hover,\n  .button.accent:hover {\n    background: var(--action-accent-background-hover);\n  }\n\n  /* Accent variant */\n  button.red,\n  .button.red {\n    background: var(--action-red-background);\n    color: var(--action-red-text-color);\n    border: none;\n  }\n\n  button.red:hover,\n  .button.red:hover {\n    background: var(--action-red-background-hover);\n  }\n`;\n\nexport default ButtonStyles;\n"]}

package/dist/styles/callout.d.ts

@@ -0,0 +1,2 @@
+declare const CalloutStyles: import("lit").CSSResult;
+export default CalloutStyles;

package/dist/styles/callout.js

@@ -0,0 +1,33 @@
+import { css } from 'lit';
+const CalloutStyles = css `
+  .callout {
+    background: var(--callout-info-background);
+    border: 1px solid var(--callout-info-border);
+    color: var(--callout-info-text);
+    padding: 8px;
+    border-radius: var(--card-inner-border-radius);
+    display: flex;
+    font-size: 0.9rem;
+    gap: 8px;
+    align-items: center;
+    max-width: 100%;
+    height: fit-content;
+    &.error {
+      background: var(--callout-error-background);
+      border: 1px solid var(--callout-error-border);
+      color: var(--callout-warn-text);
+    }
+    &.warn {
+      background: var(--callout-warn-background);
+      border: 1px solid var(--callout-warn-border);
+      color: var(--callout-warn-text);
+    }
+    &.small {
+      width: 100%;
+      padding: 6px;
+      font-size: 0.7rem;
+    }
+  }
+`;
+export default CalloutStyles;
+//# sourceMappingURL=callout.js.map

package/dist/styles/callout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"callout.js","sourceRoot":"","sources":["../../src/styles/callout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,aAAa,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BxB,CAAC;AAEF,eAAe,aAAa,CAAC","sourcesContent":["import { css } from 'lit';\n\nconst CalloutStyles = css`\n  .callout {\n    background: var(--callout-info-background);\n    border: 1px solid var(--callout-info-border);\n    color: var(--callout-info-text);\n    padding: 8px;\n    border-radius: var(--card-inner-border-radius);\n    display: flex;\n    font-size: 0.9rem;\n    gap: 8px;\n    align-items: center;\n    max-width: 100%;\n    height: fit-content;\n    &.error {\n      background: var(--callout-error-background);\n      border: 1px solid var(--callout-error-border);\n      color: var(--callout-warn-text);\n    }\n    &.warn {\n      background: var(--callout-warn-background);\n      border: 1px solid var(--callout-warn-border);\n      color: var(--callout-warn-text);\n    }\n    &.small {\n      width: 100%;\n      padding: 6px;\n      font-size: 0.7rem;\n    }\n  }\n`;\n\nexport default CalloutStyles;\n"]}

package/dist/styles/select.d.ts

@@ -0,0 +1,2 @@
+declare const SelectStyles: import("lit").CSSResult;
+export default SelectStyles;

package/dist/styles/select.js

@@ -0,0 +1,36 @@
+import { css } from 'lit';
+const SelectStyles = css `
+  label {
+    display: block;
+    font-size: 0.8rem;
+    padding-bottom: 0.5rem;
+    font-weight: 500;
+    color: var(--component-text-color);
+    pointer-events: none;
+  }
+  select {
+    background: var(--card-background);
+    color: var(--component-text-color);
+    border: 1px solid var(--card-border-color);
+    padding: var(--card-padding);
+    border-radius: var(--card-inner-border-radius);
+    outline: none;
+    width: 100%;
+  }
+
+  select:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+  select:hover {
+    background: var(--action-plain-background-hover);
+  }
+
+  select:focus-visible {
+    outline: 2px solid var(--action-accent-background);
+    /* outline-offset: 2px; */
+  }
+`;
+export default SelectStyles;
+//# sourceMappingURL=select.js.map

package/dist/styles/select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.js","sourceRoot":"","sources":["../../src/styles/select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,YAAY,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgCvB,CAAC;AAEF,eAAe,YAAY,CAAC","sourcesContent":["import { css } from 'lit';\n\nconst SelectStyles = css`\n  label {\n    display: block;\n    font-size: 0.8rem;\n    padding-bottom: 0.5rem;\n    font-weight: 500;\n    color: var(--component-text-color);\n    pointer-events: none;\n  }\n  select {\n    background: var(--card-background);\n    color: var(--component-text-color);\n    border: 1px solid var(--card-border-color);\n    padding: var(--card-padding);\n    border-radius: var(--card-inner-border-radius);\n    outline: none;\n    width: 100%;\n  }\n\n  select:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  select:hover {\n    background: var(--action-plain-background-hover);\n  }\n\n  select:focus-visible {\n    outline: 2px solid var(--action-accent-background);\n    /* outline-offset: 2px; */\n  }\n`;\n\nexport default SelectStyles;\n"]}

package/dist/styles/theme.d.ts

@@ -0,0 +1,2 @@
+declare const ThemeStyles: import("lit").CSSResult;
+export default ThemeStyles;

package/dist/styles/theme.js

@@ -0,0 +1,56 @@
+import { css } from 'lit';
+const ThemeStyles = css `
+  :host {
+    color-scheme: light dark;
+    /* Component Defaults */
+    --component-font-family:
+      -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui,
+      helvetica neue, Cantarell, Ubuntu, roboto, noto, helvetica, arial,
+      sans-serif;
+    --component-text-color: light-dark(#333, #eee);
+
+    /* Card Defaults */
+    --card-background: light-dark(#fff, #333);
+    --card-border-color: light-dark(#ddd, #555);
+    --card-padding: 4px;
+    --card-border-radius: 8px;
+    --card-inner-border-radius: 6px;
+    --card-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
+
+    /* Actions Defaults */
+    --action-plain-border-color: light-dark(#ccc, #555);
+    --action-plain-background-hover: light-dark(#ddd, #444);
+
+    --action-accent-background: light-dark(#007bff, #0056b3);
+    --action-accent-background-hover: light-dark(#0056b3, #003d80);
+    --action-accent-text-color: #fff;
+
+    --action-red-background: light-dark(#dc3545, #bd2130);
+    --action-red-background-hover: light-dark(#bd2130, #a71c24);
+    --action-red-text-color: #fff;
+
+    /* Callout Defaults */
+    --callout-info-background: light-dark(#007bff33, #0056b333);
+    --callout-info-border: light-dark(#007bff99, #0056b399);
+    --callout-info-text: light-dark(#007bff, #0056b3);
+
+    --callout-error-background: light-dark(#dc354533, #bd213033);
+    --callout-error-border: light-dark(#dc354599, #bd213099);
+    --callout-error-text: light-dark(#dc3545, #bd2130);
+
+    --callout-warn-background: light-dark(#fd7e1433, #e06c1233);
+    --callout-warn-border: light-dark(#fd7e1499, #e06c1299);
+    --callout-warn-text: light-dark(#fd7e14, #e06c12);
+
+    /* Visualiser Defaults */
+    --visualiser-background: light-dark(#e0e0e0, #fff);
+  }
+
+  :host {
+    box-sizing: border-box;
+    font-family: var(--component-font-family);
+    color: var(--component-text-color);
+  }
+`;
+export default ThemeStyles;
+//# sourceMappingURL=theme.js.map

package/dist/styles/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../src/styles/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,WAAW,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoDtB,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["import { css } from 'lit';\n\nconst ThemeStyles = css`\n  :host {\n    color-scheme: light dark;\n    /* Component Defaults */\n    --component-font-family:\n      -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui,\n      helvetica neue, Cantarell, Ubuntu, roboto, noto, helvetica, arial,\n      sans-serif;\n    --component-text-color: light-dark(#333, #eee);\n\n    /* Card Defaults */\n    --card-background: light-dark(#fff, #333);\n    --card-border-color: light-dark(#ddd, #555);\n    --card-padding: 4px;\n    --card-border-radius: 8px;\n    --card-inner-border-radius: 6px;\n    --card-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);\n\n    /* Actions Defaults */\n    --action-plain-border-color: light-dark(#ccc, #555);\n    --action-plain-background-hover: light-dark(#ddd, #444);\n\n    --action-accent-background: light-dark(#007bff, #0056b3);\n    --action-accent-background-hover: light-dark(#0056b3, #003d80);\n    --action-accent-text-color: #fff;\n\n    --action-red-background: light-dark(#dc3545, #bd2130);\n    --action-red-background-hover: light-dark(#bd2130, #a71c24);\n    --action-red-text-color: #fff;\n\n    /* Callout Defaults */\n    --callout-info-background: light-dark(#007bff33, #0056b333);\n    --callout-info-border: light-dark(#007bff99, #0056b399);\n    --callout-info-text: light-dark(#007bff, #0056b3);\n\n    --callout-error-background: light-dark(#dc354533, #bd213033);\n    --callout-error-border: light-dark(#dc354599, #bd213099);\n    --callout-error-text: light-dark(#dc3545, #bd2130);\n\n    --callout-warn-background: light-dark(#fd7e1433, #e06c1233);\n    --callout-warn-border: light-dark(#fd7e1499, #e06c1299);\n    --callout-warn-text: light-dark(#fd7e14, #e06c12);\n\n    /* Visualiser Defaults */\n    --visualiser-background: light-dark(#e0e0e0, #fff);\n  }\n\n  :host {\n    box-sizing: border-box;\n    font-family: var(--component-font-family);\n    color: var(--component-text-color);\n  }\n`;\n\nexport default ThemeStyles;\n"]}

package/dist/types.d.ts

@@ -0,0 +1,8 @@
+import { type Corti } from '@corti/sdk';
+export type RecordingState = 'initializing' | 'recording' | 'stopping' | 'stopped';
+export type ServerConfig = {
+    environment?: string;
+    tenant?: string;
+    expiresAt?: number;
+    refreshExpiresAt?: number;
+} & Corti.BearerOptions;

package/dist/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -0,0 +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  refreshExpiresAt?: number;\n} & Corti.BearerOptions;\n"]}

package/dist/utils.d.ts

@@ -0,0 +1,59 @@
+/**
+ * Returns the localized name of a language given its BCP-47 code.
+ *
+ * @param languageCode - The BCP-47 language code (e.g. "en")
+ * @returns The localized language name (e.g. "English") or the original code if unavailable.
+ */
+export declare function getLanguageName(languageCode: string): string;
+/**
+ * Requests access to the microphone.
+ *
+ * This function checks if the microphone permission is in "prompt" state, then requests
+ * access and stops any active tracks immediately. It also logs if permission is already granted.
+ *
+ * @returns A promise that resolves when the permission request is complete.
+ */
+export declare function requestMicAccess(): Promise<void>;
+/**
+ * Retrieves available audio input devices.
+ *
+ * This function uses the mediaDevices API to enumerate devices and filters out those
+ * which are audio inputs. In some browsers, you may need to request user media before
+ * device labels are populated.
+ *
+ * @returns A promise that resolves with an object containing:
+ *  - `devices`: an array of MediaDeviceInfo objects for audio inputs.
+ *  - `defaultDeviceId`: the deviceId of the first audio input, if available.
+ */
+export declare function getAudioDevices(): Promise<{
+    devices: MediaDeviceInfo[];
+    defaultDevice?: MediaDeviceInfo;
+}>;
+/**
+ * Decodes a JWT token and extracts environment and tenant details from its issuer URL.
+ *
+ * NOTE: This function is temporarily kept for backward compatibility in return values.
+ * The SDK now handles token parsing internally, so this should be removed once we
+ * reduce the return results to only include what's necessary.
+ *
+ * @param token - A JSON Web Token (JWT) string.
+ * @returns An object containing:
+ *  - `environment`: The extracted environment from the issuer URL.
+ *  - `tenant`: The extracted tenant from the issuer URL.
+ *  - `accessToken`: The original token string.
+ * If the issuer URL doesn't match the expected format, returns undefined.
+ *
+ * @throws Will throw an error if:
+ *  - The token format is invalid.
+ *  - The base64 decoding or URI decoding fails.
+ *  - The JSON payload is invalid.
+ *  - The token payload does not contain an issuer (iss) field.
+ */
+export declare function decodeToken(token: string): {
+    environment: string;
+    tenant: string;
+    accessToken: string;
+    expiresAt: number | undefined;
+} | undefined;
+export declare function getMediaStream(deviceId?: string): Promise<MediaStream>;
+export declare function getErrorMessage(event: Error): any;

package/dist/utils.js

@@ -0,0 +1,179 @@
+/* eslint-disable no-console */
+/**
+ * Returns the localized name of a language given its BCP-47 code.
+ *
+ * @param languageCode - The BCP-47 language code (e.g. "en")
+ * @returns The localized language name (e.g. "English") or the original code if unavailable.
+ */
+export function getLanguageName(languageCode) {
+    const userLocale = navigator.language || 'en';
+    const displayNames = new Intl.DisplayNames([userLocale], {
+        type: 'language',
+    });
+    const languageName = displayNames.of(languageCode);
+    return languageName || languageCode;
+}
+/**
+ * Requests access to the microphone.
+ *
+ * This function checks if the microphone permission is in "prompt" state, then requests
+ * access and stops any active tracks immediately. It also logs if permission is already granted.
+ *
+ * @returns A promise that resolves when the permission request is complete.
+ */
+export async function requestMicAccess() {
+    try {
+        // Fallback if Permissions API is not available
+        if (!navigator.permissions) {
+            const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
+            stream.getTracks().forEach(track => track.stop());
+            return;
+        }
+        const permissionStatus = await navigator.permissions.query({
+            // eslint-disable-next-line no-undef
+            name: 'microphone',
+        });
+        if (permissionStatus.state === 'prompt') {
+            const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
+            stream.getTracks().forEach(track => track.stop());
+        }
+        else if (permissionStatus.state === 'denied') {
+            console.warn('Microphone permission is denied.');
+        }
+    }
+    catch (error) {
+        console.error('Error checking/requesting microphone permission:', error);
+    }
+}
+/**
+ * Retrieves available audio input devices.
+ *
+ * This function uses the mediaDevices API to enumerate devices and filters out those
+ * which are audio inputs. In some browsers, you may need to request user media before
+ * device labels are populated.
+ *
+ * @returns A promise that resolves with an object containing:
+ *  - `devices`: an array of MediaDeviceInfo objects for audio inputs.
+ *  - `defaultDeviceId`: the deviceId of the first audio input, if available.
+ */
+export async function getAudioDevices() {
+    if (!navigator.mediaDevices?.enumerateDevices) {
+        console.error('Media devices API not supported.');
+        return { devices: [] };
+    }
+    await requestMicAccess();
+    try {
+        // Optionally: await navigator.mediaDevices.getUserMedia({ audio: true });
+        const devices = await navigator.mediaDevices.enumerateDevices();
+        const audioDevices = devices.filter(device => device.kind === 'audioinput');
+        const defaultDevice = audioDevices.length > 0 ? audioDevices[0] : undefined;
+        return { devices: audioDevices, defaultDevice };
+    }
+    catch (error) {
+        console.error('Error enumerating devices:', error);
+        return { devices: [] };
+    }
+}
+/**
+ * Decodes a JWT token and extracts environment and tenant details from its issuer URL.
+ *
+ * NOTE: This function is temporarily kept for backward compatibility in return values.
+ * The SDK now handles token parsing internally, so this should be removed once we
+ * reduce the return results to only include what's necessary.
+ *
+ * @param token - A JSON Web Token (JWT) string.
+ * @returns An object containing:
+ *  - `environment`: The extracted environment from the issuer URL.
+ *  - `tenant`: The extracted tenant from the issuer URL.
+ *  - `accessToken`: The original token string.
+ * If the issuer URL doesn't match the expected format, returns undefined.
+ *
+ * @throws Will throw an error if:
+ *  - The token format is invalid.
+ *  - The base64 decoding or URI decoding fails.
+ *  - The JSON payload is invalid.
+ *  - The token payload does not contain an issuer (iss) field.
+ */
+export function decodeToken(token) {
+    // Validate the token structure (should contain at least header and payload parts)
+    const parts = token.split('.');
+    if (parts.length < 2) {
+        throw new Error('Invalid token format');
+    }
+    // Retrieve the payload (second part) of the JWT token
+    const base64Url = parts[1];
+    // Replace URL-safe characters to match standard base64 encoding
+    const base64 = base64Url.replace(/-/g, '+').replace(/_/g, '/');
+    // Decode the base64 string into a JSON string
+    let jsonPayload;
+    try {
+        jsonPayload = decodeURIComponent(atob(base64)
+            .split('')
+            .map(c => '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2))
+            .join(''));
+    }
+    catch (error) {
+        throw new Error('Failed to decode token payload');
+    }
+    // Parse the JSON string to obtain token details
+    let tokenDetails;
+    try {
+        tokenDetails = JSON.parse(jsonPayload);
+    }
+    catch (error) {
+        throw new Error('Invalid JSON payload in token');
+    }
+    // Extract the issuer URL from the token details
+    const issuerUrl = tokenDetails.iss;
+    if (!issuerUrl) {
+        throw new Error('Token payload does not contain an issuer (iss) field');
+    }
+    // Regex to extract environment and tenant from issuer URL:
+    // Expected format: https://keycloak.{environment}.corti.app/realms/{tenant}
+    // Note: Unnecessary escapes in character classes have been removed.
+    const regex = /^https:\/\/(keycloak|auth)\.([^.]+)\.corti\.app\/realms\/([^/]+)/;
+    const match = issuerUrl.match(regex);
+    // If the issuer URL matches the expected pattern, return the extracted values along with the token
+    if (match) {
+        const expiresAt = tokenDetails.exp && typeof tokenDetails.exp === 'number'
+            ? tokenDetails.exp
+            : undefined;
+        return {
+            environment: match[2],
+            tenant: match[3],
+            accessToken: token,
+            expiresAt,
+        };
+    }
+}
+export async function getMediaStream(deviceId) {
+    if (!deviceId) {
+        throw new Error('No device ID provided');
+    }
+    if (deviceId === 'display_audio') {
+        const stream = await navigator.mediaDevices.getDisplayMedia({
+            audio: true,
+            video: true,
+        });
+        stream.getTracks().forEach(track => {
+            if (track.kind === 'video') {
+                stream.removeTrack(track);
+            }
+        });
+        return stream;
+    }
+    // Get media stream and initialize audio service.
+    const constraints = deviceId !== 'default'
+        ? { audio: { deviceId: { exact: deviceId } } }
+        : { audio: true };
+    return await navigator.mediaDevices.getUserMedia(constraints);
+}
+export function getErrorMessage(event) {
+    try {
+        return JSON.parse(event.message);
+    }
+    catch {
+        return event?.message || event;
+    }
+}
+//# sourceMappingURL=utils.js.map

package/dist/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable no-console */\n/**\n * Returns the localized name of a language given its BCP-47 code.\n *\n * @param languageCode - The BCP-47 language code (e.g. \"en\")\n * @returns The localized language name (e.g. \"English\") or the original code if unavailable.\n */\nexport function getLanguageName(languageCode: string): string {\n  const userLocale = navigator.language || 'en';\n  const displayNames = new Intl.DisplayNames([userLocale], {\n    type: 'language',\n  });\n  const languageName = displayNames.of(languageCode);\n  return languageName || languageCode;\n}\n\n/**\n * Requests access to the microphone.\n *\n * This function checks if the microphone permission is in \"prompt\" state, then requests\n * access and stops any active tracks immediately. It also logs if permission is already granted.\n *\n * @returns A promise that resolves when the permission request is complete.\n */\nexport async function requestMicAccess(): Promise<void> {\n  try {\n    // Fallback if Permissions API is not available\n    if (!navigator.permissions) {\n      const stream = await navigator.mediaDevices.getUserMedia({ audio: true });\n      stream.getTracks().forEach(track => track.stop());\n      return;\n    }\n\n    const permissionStatus = await navigator.permissions.query({\n      // eslint-disable-next-line no-undef\n      name: 'microphone' as PermissionName,\n    });\n\n    if (permissionStatus.state === 'prompt') {\n      const stream = await navigator.mediaDevices.getUserMedia({ audio: true });\n      stream.getTracks().forEach(track => track.stop());\n    } else if (permissionStatus.state === 'denied') {\n      console.warn('Microphone permission is denied.');\n    }\n  } catch (error) {\n    console.error('Error checking/requesting microphone permission:', error);\n  }\n}\n\n/**\n * Retrieves available audio input devices.\n *\n * This function uses the mediaDevices API to enumerate devices and filters out those\n * which are audio inputs. In some browsers, you may need to request user media before\n * device labels are populated.\n *\n * @returns A promise that resolves with an object containing:\n *  - `devices`: an array of MediaDeviceInfo objects for audio inputs.\n *  - `defaultDeviceId`: the deviceId of the first audio input, if available.\n */\nexport async function getAudioDevices(): Promise<{\n  devices: MediaDeviceInfo[];\n  defaultDevice?: MediaDeviceInfo;\n}> {\n  if (!navigator.mediaDevices?.enumerateDevices) {\n    console.error('Media devices API not supported.');\n    return { devices: [] };\n  }\n\n  await requestMicAccess();\n\n  try {\n    // Optionally: await navigator.mediaDevices.getUserMedia({ audio: true });\n    const devices = await navigator.mediaDevices.enumerateDevices();\n    const audioDevices = devices.filter(device => device.kind === 'audioinput');\n    const defaultDevice = audioDevices.length > 0 ? audioDevices[0] : undefined;\n    return { devices: audioDevices, defaultDevice };\n  } catch (error) {\n    console.error('Error enumerating devices:', error);\n    return { devices: [] };\n  }\n}\n\n/**\n * Decodes a JWT token and extracts environment and tenant details from its issuer URL.\n *\n * NOTE: This function is temporarily kept for backward compatibility in return values.\n * The SDK now handles token parsing internally, so this should be removed once we\n * reduce the return results to only include what's necessary.\n *\n * @param token - A JSON Web Token (JWT) string.\n * @returns An object containing:\n *  - `environment`: The extracted environment from the issuer URL.\n *  - `tenant`: The extracted tenant from the issuer URL.\n *  - `accessToken`: The original token string.\n * If the issuer URL doesn't match the expected format, returns undefined.\n *\n * @throws Will throw an error if:\n *  - The token format is invalid.\n *  - The base64 decoding or URI decoding fails.\n *  - The JSON payload is invalid.\n *  - The token payload does not contain an issuer (iss) field.\n */\nexport function decodeToken(token: string) {\n  // Validate the token structure (should contain at least header and payload parts)\n  const parts = token.split('.');\n  if (parts.length < 2) {\n    throw new Error('Invalid token format');\n  }\n\n  // Retrieve the payload (second part) of the JWT token\n  const base64Url = parts[1];\n\n  // Replace URL-safe characters to match standard base64 encoding\n  const base64 = base64Url.replace(/-/g, '+').replace(/_/g, '/');\n\n  // Decode the base64 string into a JSON string\n  let jsonPayload: string;\n  try {\n    jsonPayload = decodeURIComponent(\n      atob(base64)\n        .split('')\n        .map(c => '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2))\n        .join(''),\n    );\n  } catch (error) {\n    throw new Error('Failed to decode token payload');\n  }\n\n  // Parse the JSON string to obtain token details\n  let tokenDetails: { iss: string; [key: string]: unknown };\n  try {\n    tokenDetails = JSON.parse(jsonPayload);\n  } catch (error) {\n    throw new Error('Invalid JSON payload in token');\n  }\n\n  // Extract the issuer URL from the token details\n  const issuerUrl: string = tokenDetails.iss;\n  if (!issuerUrl) {\n    throw new Error('Token payload does not contain an issuer (iss) field');\n  }\n\n  // Regex to extract environment and tenant from issuer URL:\n  // Expected format: https://keycloak.{environment}.corti.app/realms/{tenant}\n  // Note: Unnecessary escapes in character classes have been removed.\n  const regex =\n    /^https:\\/\\/(keycloak|auth)\\.([^.]+)\\.corti\\.app\\/realms\\/([^/]+)/;\n  const match = issuerUrl.match(regex);\n\n  // If the issuer URL matches the expected pattern, return the extracted values along with the token\n  if (match) {\n    const expiresAt = tokenDetails.exp && typeof tokenDetails.exp === 'number'\n      ? tokenDetails.exp\n      : undefined;\n\n    return {\n      environment: match[2],\n      tenant: match[3],\n      accessToken: token,\n      expiresAt,\n    };\n  }\n}\n\nexport async function getMediaStream(deviceId?: string): Promise<MediaStream> {\n  if (!deviceId) {\n    throw new Error('No device ID provided');\n  }\n\n  if (deviceId === 'display_audio') {\n    const stream = await navigator.mediaDevices.getDisplayMedia({\n      audio: true,\n      video: true,\n    });\n    stream.getTracks().forEach(track => {\n      if (track.kind === 'video') {\n        stream.removeTrack(track);\n      }\n    });\n    return stream;\n  }\n\n  // Get media stream and initialize audio service.\n  const constraints: MediaStreamConstraints =\n    deviceId !== 'default'\n      ? { audio: { deviceId: { exact: deviceId } } }\n      : { audio: true };\n\n  return await navigator.mediaDevices.getUserMedia(constraints);\n}\n\nexport function getErrorMessage(event: Error) {\n  try {\n    return JSON.parse(event.message);\n  } catch {\n    return event?.message || event;\n  }\n}\n"]}

package/package.json

@@ -0,0 +1,120 @@
+{
+  "name": "@corti/dictation-web",
+  "description": "Web component for Corti Dictation",
+  "author": "Corti ApS",
+  "version": "0.0.0-rc.359",
+  "license": "MIT",
+  "type": "module",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "exports": {
+    "import": "./dist/index.js",
+    "browser": "./dist/bundle.js",
+    "default": "./dist/bundle.js"
+  },
+  "jsdelivr": "./dist/bundle.js",
+  "browser": "./dist/bundle.js",
+  "files": [
+    "dist"
+  ],
+  "bugs": {
+    "url": "https://help.corti.app",
+    "email": "help@corti.ai"
+  },
+  "repository": "github:corticph/dictation-web-sdk",
+  "homepage": "https://help.corti.app/en/articles/10714657-introducing-the-corti-dictation-browser-sdk",
+  "keywords": [
+    "corti",
+    "dictation",
+    "web",
+    "sdk",
+    "speech",
+    "recognition",
+    "transcription",
+    "audio",
+    "medical",
+    "healthcare"
+  ],
+  "scripts": {
+    "analyze": "cem analyze --litelement",
+    "build": "tsc && npm run analyze -- --exclude dist",
+    "build:bundle": "esbuild dist/index.js --bundle --outfile=dist/bundle.js --format=esm --platform=browser",
+    "release": "npm run build && npm run build:bundle && npm publish --access public",
+    "start": "npm run build && npm run build:bundle && concurrently -k -r \"tsc --watch --preserveWatchOutput\" \"web-dev-server\"",
+    "prepublish": "tsc && npm run analyze -- --exclude dist",
+    "lint": "eslint --ext .ts,.tsx src --ignore-path .gitignore && prettier \"src/**/*.ts\" --check --ignore-path .gitignore",
+    "format": "eslint --ext .ts,.tsx src --fix --ignore-path .gitignore && prettier \"src/**/*.ts\" --write --ignore-path .gitignore",
+    "prepare": "husky && husky install",
+    "test": "tsc && wtr --coverage",
+    "test:watch": "tsc && concurrently -k -r \"tsc --watch --preserveWatchOutput\" \"wtr --watch\"",
+    "storybook": "tsc && npm run analyze -- --exclude dist && concurrently -k -r \"tsc --watch --preserveWatchOutput\" \"storybook dev -p 8080\"",
+    "storybook:build": "tsc && npm run analyze -- --exclude dist && storybook build"
+  },
+  "dependencies": {
+    "@corti/sdk": "^0.0.0-rc.2",
+    "lit": "^3.1.4"
+  },
+  "devDependencies": {
+    "@custom-elements-manifest/analyzer": "^0.10.3",
+    "@open-wc/eslint-config": "^12.0.3",
+    "@open-wc/testing": "^4.0.0",
+    "@storybook/addon-a11y": "^7.6.20",
+    "@storybook/addon-essentials": "^7.6.20",
+    "@storybook/addon-links": "^7.6.20",
+    "@storybook/web-components": "^7.6.20",
+    "@types/mocha": "^10.0.7",
+    "@typescript-eslint/eslint-plugin": "^7.18.0",
+    "@typescript-eslint/parser": "^7.18.0",
+    "@web/dev-server": "^0.4.6",
+    "@web/storybook-builder": "^0.1.16",
+    "@web/storybook-framework-web-components": "^0.1.2",
+    "@web/test-runner": "^0.18.2",
+    "concurrently": "^8.2.2",
+    "esbuild": "^0.25.0",
+    "eslint": "^8.57.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-html": "^8.1.2",
+    "husky": "^8.0.0",
+    "lint-staged": "^15.2.7",
+    "prettier": "^3.3.2",
+    "sinon": "^19.0.2",
+    "storybook": "^7.6.20",
+    "tslib": "^2.6.3",
+    "typescript": "^5.5.3"
+  },
+  "customElements": "custom-elements.json",
+  "eslintConfig": {
+    "parser": "@typescript-eslint/parser",
+    "extends": [
+      "@open-wc",
+      "prettier"
+    ],
+    "plugins": [
+      "@typescript-eslint"
+    ],
+    "rules": {
+      "no-unused-vars": "off",
+      "@typescript-eslint/no-unused-vars": [
+        "error"
+      ],
+      "import/no-unresolved": "off",
+      "import/extensions": [
+        "error",
+        "always",
+        {
+          "ignorePackages": true
+        }
+      ]
+    }
+  },
+  "prettier": {
+    "singleQuote": true,
+    "arrowParens": "avoid"
+  },
+  "lint-staged": {
+    "*.ts": [
+      "eslint --fix",
+      "prettier --write"
+    ]
+  }
+}