@creativeorange/azure-text-to-speech 3.0.0 → 3.0.1

package/dist/co-azure-tts.es.js

@@ -4,6 +4,193 @@ var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
+const DEFAULT_TOKEN_LIFETIME_MS = 8 * 60 * 1e3;
+function createSpeechAuthorizationProvider(options) {
+  var _a;
+  const hasTokenEndpoint = typeof options.tokenEndpoint === "string" && options.tokenEndpoint.trim() !== "";
+  const hasProvider = typeof options.getAuthorizationToken === "function";
+  if (hasTokenEndpoint && hasProvider) {
+    throw new Error(
+      "Provide either tokenEndpoint or getAuthorizationToken, not both."
+    );
+  }
+  if (!hasTokenEndpoint && !hasProvider) {
+    throw new Error(
+      "A tokenEndpoint or getAuthorizationToken provider is required."
+    );
+  }
+  if (hasProvider) {
+    return options.getAuthorizationToken;
+  }
+  const tokenEndpoint = options.tokenEndpoint.trim();
+  const requestOptions = (_a = options.tokenRequestOptions) != null ? _a : {};
+  return async () => {
+    var _a2, _b, _c;
+    let response;
+    try {
+      response = await fetch(tokenEndpoint, {
+        method: "GET",
+        cache: (_a2 = requestOptions.cache) != null ? _a2 : "no-store",
+        credentials: (_b = requestOptions.credentials) != null ? _b : "same-origin",
+        headers: {
+          Accept: "application/json",
+          ...(_c = requestOptions.headers) != null ? _c : {}
+        }
+      });
+    } catch {
+      throw createSafeError(
+        "Could not reach the speech token endpoint.",
+        "TOKEN_ENDPOINT_UNREACHABLE"
+      );
+    }
+    if (!response.ok) {
+      throw createSafeError(
+        `Speech token endpoint returned HTTP ${response.status}.`,
+        "TOKEN_ENDPOINT_HTTP_ERROR"
+      );
+    }
+    let payload;
+    try {
+      payload = await response.json();
+    } catch {
+      throw createSafeError(
+        "Speech token endpoint returned invalid JSON.",
+        "TOKEN_ENDPOINT_INVALID_JSON"
+      );
+    }
+    return validateSpeechAuthorization(payload);
+  };
+}
+function validateSpeechAuthorization(value) {
+  if (!value || typeof value !== "object") {
+    throw createSafeError(
+      "Speech authorization response must be an object.",
+      "TOKEN_INVALID_RESPONSE"
+    );
+  }
+  const candidate = value;
+  const token = typeof candidate.token === "string" ? candidate.token.trim() : "";
+  const region = typeof candidate.region === "string" ? candidate.region.trim() : "";
+  if (token === "") {
+    throw createSafeError(
+      "Speech authorization token is missing or empty.",
+      "TOKEN_EMPTY"
+    );
+  }
+  if (region === "") {
+    throw createSafeError(
+      "Speech authorization region is missing or empty.",
+      "TOKEN_REGION_MISSING"
+    );
+  }
+  return { token, region };
+}
+function createSafeError(message, code) {
+  const error = new Error(sanitizeErrorText(message));
+  error.message = sanitizeErrorText(message);
+  if (code) {
+    error.code = code;
+  }
+  return error;
+}
+function toSafeErrorDetail(error) {
+  if (typeof error === "string") {
+    const message = error.trim() !== "" ? sanitizeErrorText(error) : "An unexpected speech error occurred.";
+    return { message };
+  }
+  if (error && typeof error === "object") {
+    const candidate = error;
+    const rawMessage = [
+      typeof candidate.message === "string" ? candidate.message : "",
+      typeof candidate.errorDetails === "string" ? candidate.errorDetails : "",
+      typeof candidate.reason === "string" ? candidate.reason : ""
+    ].filter((part) => part.trim() !== "").join(" ");
+    const message = rawMessage !== "" ? sanitizeErrorText(rawMessage) : "An unexpected speech error occurred.";
+    const detail = { message };
+    if (typeof candidate.code === "string" && candidate.code.trim() !== "") {
+      detail.code = candidate.code;
+    } else if (typeof candidate.code === "number") {
+      detail.code = String(candidate.code);
+    }
+    return detail;
+  }
+  return {
+    message: "An unexpected speech error occurred."
+  };
+}
+function sanitizeErrorText(message) {
+  return message.replace(/Authorization\s*:\s*Bearer\s+\S+/gi, "Authorization: Bearer [redacted]").replace(/Bearer\s+\S+/gi, "Bearer [redacted]").replace(
+    /authorization[_-]?token["']?\s*[:=]\s*["']?[^"',\s}]+/gi,
+    "authorizationToken=[redacted]"
+  ).replace(
+    /access[_-]?token["']?\s*[:=]\s*["']?[^"',\s}]+/gi,
+    "accessToken=[redacted]"
+  ).replace(
+    /["']token["']\s*:\s*["'][^"']+["']/gi,
+    '"token":"[redacted]"'
+  ).replace(
+    /token["']?\s*[:=]\s*["']?[^"',\s}]+/gi,
+    "token=[redacted]"
+  );
+}
+function isLikelyAuthorizationError(error) {
+  var _a;
+  const detail = toSafeErrorDetail(error);
+  const haystack = `${detail.message} ${(_a = detail.code) != null ? _a : ""}`.toLowerCase();
+  return haystack.includes("unauthorized") || haystack.includes("authentication") || haystack.includes("authorization") || haystack.includes("invalid token") || haystack.includes("token expired") || haystack.includes("expired token") || haystack.includes("403") || haystack.includes("401") || detail.code === "TOKEN_REFRESH_ERROR";
+}
+class SpeechAuthorizationManager {
+  constructor(options) {
+    __publicField(this, "authorization");
+    __publicField(this, "authorizationExpiresAt", 0);
+    __publicField(this, "authorizationRequest");
+    __publicField(this, "provider");
+    __publicField(this, "tokenLifetimeMs");
+    this.provider = createSpeechAuthorizationProvider(options);
+    this.tokenLifetimeMs = options.tokenLifetimeMs && options.tokenLifetimeMs > 0 ? options.tokenLifetimeMs : DEFAULT_TOKEN_LIFETIME_MS;
+  }
+  getTokenLifetimeMs() {
+    return this.tokenLifetimeMs;
+  }
+  async getAuthorization() {
+    if (this.authorization && Date.now() < this.authorizationExpiresAt) {
+      return this.authorization;
+    }
+    if (this.authorizationRequest) {
+      return this.authorizationRequest;
+    }
+    this.authorizationRequest = this.fetchAuthorization().then((authorization) => {
+      this.authorization = authorization;
+      this.authorizationExpiresAt = Date.now() + this.tokenLifetimeMs;
+      return authorization;
+    }).finally(() => {
+      this.authorizationRequest = void 0;
+    });
+    return this.authorizationRequest;
+  }
+  async refreshAuthorization() {
+    this.authorization = void 0;
+    this.authorizationExpiresAt = 0;
+    if (this.authorizationRequest) {
+      return this.authorizationRequest;
+    }
+    return this.getAuthorization();
+  }
+  clearAuthorization() {
+    this.authorization = void 0;
+    this.authorizationExpiresAt = 0;
+  }
+  async fetchAuthorization() {
+    try {
+      const authorization = await this.provider();
+      return validateSpeechAuthorization(authorization);
+    } catch (error) {
+      this.clearAuthorization();
+      const detail = toSafeErrorDetail(error);
+      throw createSafeError(detail.message, detail.code);
+    }
+  }
+}
 var ws = {};
 var getRandomValues;
 var rnds8 = new Uint8Array(16);
@@ -1079,7 +1266,7 @@ class Timeout {
         throw new Error(message);
       }
     });
-    const clearTimeout = (timerId) => {
+    const clearTimeout2 = (timerId) => {
       const id = Math.random();
       unhandledRequests.set(id, timerId);
       scheduledTimeoutFunctions.set(timerId, id);
@@ -1104,7 +1291,7 @@ class Timeout {
       return timerId;
     };
     return {
-      clearTimeout,
+      clearTimeout: clearTimeout2,
       setTimeout: setTimeout2
     };
   }
@@ -8350,170 +8537,24 @@ class RestMessageAdapter {
     return Object.keys(params).map((k) => encodeURIComponent(k) + "=" + encodeURIComponent(params[k])).join("&");
   }
 }
-const DEFAULT_TOKEN_LIFETIME_MS = 8 * 60 * 1e3;
-function createSpeechAuthorizationProvider(options) {
-  var _a;
-  const hasTokenEndpoint = typeof options.tokenEndpoint === "string" && options.tokenEndpoint.trim() !== "";
-  const hasProvider = typeof options.getAuthorizationToken === "function";
-  if (hasTokenEndpoint && hasProvider) {
-    throw new Error(
-      "Provide either tokenEndpoint or getAuthorizationToken, not both."
-    );
-  }
-  if (!hasTokenEndpoint && !hasProvider) {
-    throw new Error(
-      "A tokenEndpoint or getAuthorizationToken provider is required."
-    );
-  }
-  if (hasProvider) {
-    return options.getAuthorizationToken;
-  }
-  const tokenEndpoint = options.tokenEndpoint.trim();
-  const requestOptions = (_a = options.tokenRequestOptions) != null ? _a : {};
-  return async () => {
-    var _a2, _b;
-    let response;
-    try {
-      response = await fetch(tokenEndpoint, {
-        method: "GET",
-        credentials: (_a2 = requestOptions.credentials) != null ? _a2 : "same-origin",
-        headers: {
-          Accept: "application/json",
-          ...(_b = requestOptions.headers) != null ? _b : {}
-        }
-      });
-    } catch {
-      throw createSafeError(
-        "Could not reach the speech token endpoint.",
-        "TOKEN_ENDPOINT_UNREACHABLE"
-      );
-    }
-    if (!response.ok) {
-      throw createSafeError(
-        `Speech token endpoint returned HTTP ${response.status}.`,
-        "TOKEN_ENDPOINT_HTTP_ERROR"
-      );
-    }
-    let payload;
-    try {
-      payload = await response.json();
-    } catch {
-      throw createSafeError(
-        "Speech token endpoint returned invalid JSON.",
-        "TOKEN_ENDPOINT_INVALID_JSON"
-      );
-    }
-    return validateSpeechAuthorization(payload);
-  };
-}
-function validateSpeechAuthorization(value) {
-  if (!value || typeof value !== "object") {
-    throw createSafeError(
-      "Speech authorization response must be an object.",
-      "TOKEN_INVALID_RESPONSE"
-    );
-  }
-  const candidate = value;
-  const token = typeof candidate.token === "string" ? candidate.token.trim() : "";
-  const region = typeof candidate.region === "string" ? candidate.region.trim() : "";
-  if (token === "") {
-    throw createSafeError(
-      "Speech authorization token is missing or empty.",
-      "TOKEN_EMPTY"
-    );
-  }
-  if (region === "") {
-    throw createSafeError(
-      "Speech authorization region is missing or empty.",
-      "TOKEN_REGION_MISSING"
-    );
-  }
-  return { token, region };
-}
-function createSafeError(message, code) {
-  const error = new Error(message);
-  error.message = message;
-  if (code) {
-    error.code = code;
-  }
-  return error;
-}
-function toSafeErrorDetail(error) {
-  if (error && typeof error === "object") {
-    const candidate = error;
-    const message = typeof candidate.message === "string" && candidate.message.trim() !== "" ? sanitizeErrorText(candidate.message) : "An unexpected speech error occurred.";
-    const detail = { message };
-    if (typeof candidate.code === "string" && candidate.code.trim() !== "") {
-      detail.code = candidate.code;
-    }
-    return detail;
-  }
-  return {
-    message: "An unexpected speech error occurred."
-  };
-}
-function sanitizeErrorText(message) {
-  return message.replace(/Bearer\s+\S+/gi, "Bearer [redacted]").replace(/token["']?\s*[:=]\s*["']?[^"',\s}]+/gi, "token=[redacted]");
-}
-class SpeechAuthorizationManager {
-  constructor(options) {
-    __publicField(this, "authorization");
-    __publicField(this, "authorizationExpiresAt", 0);
-    __publicField(this, "authorizationRequest");
-    __publicField(this, "provider");
-    __publicField(this, "tokenLifetimeMs");
-    this.provider = createSpeechAuthorizationProvider(options);
-    this.tokenLifetimeMs = options.tokenLifetimeMs && options.tokenLifetimeMs > 0 ? options.tokenLifetimeMs : DEFAULT_TOKEN_LIFETIME_MS;
-  }
-  async getAuthorization() {
-    if (this.authorization && Date.now() < this.authorizationExpiresAt) {
-      return this.authorization;
-    }
-    if (this.authorizationRequest) {
-      return this.authorizationRequest;
-    }
-    this.authorizationRequest = this.fetchAuthorization().then((authorization) => {
-      this.authorization = authorization;
-      this.authorizationExpiresAt = Date.now() + this.tokenLifetimeMs;
-      return authorization;
-    }).finally(() => {
-      this.authorizationRequest = void 0;
-    });
-    return this.authorizationRequest;
-  }
-  clearAuthorization() {
-    this.authorization = void 0;
-    this.authorizationExpiresAt = 0;
-    this.authorizationRequest = void 0;
-  }
-  async fetchAuthorization() {
-    try {
-      const authorization = await this.provider();
-      return validateSpeechAuthorization(authorization);
-    } catch (error) {
-      this.clearAuthorization();
-      throw createSafeError(
-        toSafeErrorDetail(error).message,
-        error == null ? void 0 : error.code
-      );
-    }
-  }
-}
 class SpeechToText {
   constructor(options) {
-    __publicField(this, "region");
+    __publicField(this, "region", "");
     __publicField(this, "sourceLanguage");
     __publicField(this, "targetLanguage");
     __publicField(this, "recognizer");
     __publicField(this, "authorizationManager");
-    var _a, _b, _c;
+    __publicField(this, "authorizationRefreshIntervalMs");
+    __publicField(this, "authorizationRefreshTimer");
+    __publicField(this, "stopPromise");
+    var _a;
     if (!options || typeof options.sourceLanguage !== "string" || options.sourceLanguage.trim() === "") {
       throw new Error("A sourceLanguage is required.");
     }
     this.authorizationManager = new SpeechAuthorizationManager(options);
-    this.region = (_b = (_a = options.region) == null ? void 0 : _a.trim()) != null ? _b : "";
+    this.authorizationRefreshIntervalMs = options.tokenLifetimeMs && options.tokenLifetimeMs > 0 ? options.tokenLifetimeMs : DEFAULT_TOKEN_LIFETIME_MS;
     this.sourceLanguage = options.sourceLanguage;
-    this.targetLanguage = (_c = options.targetLanguage) != null ? _c : options.sourceLanguage;
+    this.targetLanguage = (_a = options.targetLanguage) != null ? _a : options.sourceLanguage;
   }
   async start() {
     await this.registerBindings(document);
@@ -8527,9 +8568,15 @@ class SpeechToText {
       const currentNode = nodes[i];
       if (currentNode.attributes) {
         if (currentNode.attributes.getNamedItem("co-stt.start")) {
-          await this.handleStartModifier(currentNode, currentNode.attributes.getNamedItem("co-stt.start"));
+          await this.handleStartModifier(
+            currentNode,
+            currentNode.attributes.getNamedItem("co-stt.start")
+          );
         } else if (currentNode.attributes.getNamedItem("co-stt.stop")) {
-          await this.handleStopModifier(currentNode, currentNode.attributes.getNamedItem("co-stt.stop"));
+          await this.handleStopModifier(
+            currentNode,
+            currentNode.attributes.getNamedItem("co-stt.stop")
+          );
         }
       }
       if (currentNode.childNodes.length > 0) {
@@ -8553,12 +8600,13 @@ class SpeechToText {
   async handleStartModifier(node, attr) {
     node.addEventListener("click", async (_) => {
       try {
+        await this.stop();
         const speechConfig = await this.createSpeechTranslationConfig();
         const audioConfig = AudioConfig.fromDefaultMicrophoneInput();
         this.recognizer = new TranslationRecognizer(speechConfig, audioConfig);
         document.dispatchEvent(new CustomEvent("COAzureSTTStartedRecording", {}));
-        const prevResults = [];
-        this.recognizer.recognizing = (sender, event) => {
+        const prevResults = {};
+        this.recognizer.recognizing = (_sender, event) => {
           const result = event.result;
           if (result && result.reason === ResultReason.TranslatingSpeech) {
             const translation = result.translations.get(this.targetLanguage);
@@ -8576,36 +8624,105 @@ class SpeechToText {
         };
         this.recognizer.startContinuousRecognitionAsync(
           () => {
+            this.scheduleAuthorizationRefresh();
           },
           (err) => {
+            if (isLikelyAuthorizationError(err)) {
+              this.authorizationManager.clearAuthorization();
+            }
             this.dispatchError(err, "RECOGNITION_ERROR");
-            this.stop();
+            void this.stop();
           }
         );
       } catch (error) {
+        this.clearAuthorizationRefreshTimer();
+        if (isLikelyAuthorizationError(error)) {
+          this.authorizationManager.clearAuthorization();
+        }
         this.dispatchError(error);
         await this.stop();
       }
     });
   }
-  async handleStopModifier(node, attr) {
+  async handleStopModifier(node, _attr) {
     node.addEventListener("click", async (_) => {
       await this.stop();
     });
   }
   async stop() {
-    if (this.recognizer !== void 0) {
+    if (this.stopPromise) {
+      return this.stopPromise;
+    }
+    this.clearAuthorizationRefreshTimer();
+    const recognizer = this.recognizer;
+    if (!recognizer) {
+      return;
+    }
+    this.recognizer = void 0;
+    this.stopPromise = this.stopRecognizer(recognizer).finally(() => {
+      this.stopPromise = void 0;
+      document.dispatchEvent(
+        new CustomEvent("COAzureSTTStoppedRecording", {})
+      );
+    });
+    return this.stopPromise;
+  }
+  scheduleAuthorizationRefresh() {
+    this.clearAuthorizationRefreshTimer();
+    this.authorizationRefreshTimer = setTimeout(async () => {
+      if (!this.recognizer) {
+        return;
+      }
       try {
-        this.recognizer.stopContinuousRecognitionAsync();
-      } catch {
+        const authorization = await this.authorizationManager.refreshAuthorization();
+        if (!this.recognizer) {
+          return;
+        }
+        this.recognizer.authorizationToken = authorization.token;
+        this.region = authorization.region;
+        this.scheduleAuthorizationRefresh();
+      } catch (error) {
+        this.dispatchError(error, "TOKEN_REFRESH_ERROR");
+        await this.stop();
       }
+    }, this.authorizationRefreshIntervalMs);
+  }
+  clearAuthorizationRefreshTimer() {
+    if (!this.authorizationRefreshTimer) {
+      return;
+    }
+    clearTimeout(this.authorizationRefreshTimer);
+    this.authorizationRefreshTimer = void 0;
+  }
+  stopRecognizer(recognizer) {
+    return new Promise((resolve) => {
+      let closed = false;
+      const closeOnce = () => {
+        if (closed) {
+          resolve();
+          return;
+        }
+        closed = true;
+        try {
+          recognizer.close();
+        } catch {
+        } finally {
+          resolve();
+        }
+      };
       try {
-        this.recognizer.close();
+        recognizer.stopContinuousRecognitionAsync(
+          () => {
+            closeOnce();
+          },
+          () => {
+            closeOnce();
+          }
+        );
       } catch {
+        closeOnce();
       }
-      this.recognizer = void 0;
-    }
-    document.dispatchEvent(new CustomEvent("COAzureSTTStoppedRecording", {}));
+    });
   }
   dispatchError(error, code) {
     const detail = toSafeErrorDetail(error);
@@ -8623,7 +8740,7 @@ class SpeechToText {
 }
 class TextToSpeech {
   constructor(options) {
-    __publicField(this, "region");
+    __publicField(this, "region", "");
     __publicField(this, "voice");
     __publicField(this, "rate");
     __publicField(this, "pitch");
@@ -8650,16 +8767,16 @@ class TextToSpeech {
     __publicField(this, "activePrefetchedAudioUrl", "");
     __publicField(this, "playbackSegments", []);
     __publicField(this, "authorizationManager");
-    var _a, _b, _c, _d, _e;
+    __publicField(this, "stopPromise");
+    var _a, _b, _c;
     if (!options || typeof options.voice !== "string" || options.voice.trim() === "") {
       throw new Error("A voice is required.");
     }
     this.authorizationManager = new SpeechAuthorizationManager(options);
-    this.region = (_b = (_a = options.region) == null ? void 0 : _a.trim()) != null ? _b : "";
     this.voice = options.voice;
-    this.rate = (_c = options.rate) != null ? _c : 0;
-    this.pitch = (_d = options.pitch) != null ? _d : 0;
-    this.url = (_e = options.url) != null ? _e : "";
+    this.rate = (_a = options.rate) != null ? _a : 0;
+    this.pitch = (_b = options.pitch) != null ? _b : 0;
+    this.url = (_c = options.url) != null ? _c : "";
   }
   async start() {
     await this.registerBindings(document);
@@ -8688,17 +8805,35 @@ class TextToSpeech {
       const currentNode = nodes[i];
       if (currentNode.attributes) {
         if (currentNode.attributes.getNamedItem("co-tts.id")) {
-          await this.handleIdModifier(currentNode, currentNode.attributes.getNamedItem("co-tts.id"));
+          await this.handleIdModifier(
+            currentNode,
+            currentNode.attributes.getNamedItem("co-tts.id")
+          );
         } else if (currentNode.attributes.getNamedItem("co-tts.ajax")) {
-          await this.handleAjaxModifier(currentNode, currentNode.attributes.getNamedItem("co-tts.ajax"));
+          await this.handleAjaxModifier(
+            currentNode,
+            currentNode.attributes.getNamedItem("co-tts.ajax")
+          );
         } else if (currentNode.attributes.getNamedItem("co-tts")) {
-          await this.handleDefault(currentNode, currentNode.attributes.getNamedItem("co-tts"));
+          await this.handleDefault(
+            currentNode,
+            currentNode.attributes.getNamedItem("co-tts")
+          );
         } else if (currentNode.attributes.getNamedItem("co-tts.stop")) {
-          await this.handleStopModifier(currentNode, currentNode.attributes.getNamedItem("co-tts.stop"));
+          await this.handleStopModifier(
+            currentNode,
+            currentNode.attributes.getNamedItem("co-tts.stop")
+          );
         } else if (currentNode.attributes.getNamedItem("co-tts.resume")) {
-          await this.handleResumeModifier(currentNode, currentNode.attributes.getNamedItem("co-tts.resume"));
+          await this.handleResumeModifier(
+            currentNode,
+            currentNode.attributes.getNamedItem("co-tts.resume")
+          );
         } else if (currentNode.attributes.getNamedItem("co-tts.pause")) {
-          await this.handlePauseModifier(currentNode, currentNode.attributes.getNamedItem("co-tts.pause"));
+          await this.handlePauseModifier(
+            currentNode,
+            currentNode.attributes.getNamedItem("co-tts.pause")
+          );
         }
       }
       if (currentNode.childNodes.length > 0) {
@@ -8708,8 +8843,8 @@ class TextToSpeech {
   }
   async handleIdModifier(node, attr) {
     node.addEventListener("click", async (_) => {
-      var _a, _b, _c, _d;
-      this.stopPlayer();
+      var _a, _b, _c, _d, _e, _f;
+      await this.stopPlayer();
       await this.createInterval();
       const referenceDiv = document.getElementById(attr.value);
       this.clickedNode = referenceDiv;
@@ -8722,10 +8857,11 @@ class TextToSpeech {
         this.textToRead = (_c = (_b = referenceDiv.innerText) != null ? _b : referenceDiv.textContent) != null ? _c : "";
       }
       if (referenceDiv.hasAttribute("co-tts.highlight")) {
-        if (((_d = referenceDiv.attributes.getNamedItem("co-tts.highlight")) == null ? void 0 : _d.value) !== "") {
-          const newReferenceDiv = document.getElementById(referenceDiv.attributes.getNamedItem("co-tts.highlight").value);
+        const highlightTarget = (_e = (_d = referenceDiv.attributes.getNamedItem("co-tts.highlight")) == null ? void 0 : _d.value) != null ? _e : "";
+        if (highlightTarget !== "") {
+          const newReferenceDiv = document.getElementById(highlightTarget);
           this.highlightDiv = newReferenceDiv;
-          this.originalHighlightDivInnerHTML = newReferenceDiv.innerHTML;
+          this.originalHighlightDivInnerHTML = (_f = newReferenceDiv == null ? void 0 : newReferenceDiv.innerHTML) != null ? _f : "";
         } else {
           this.highlightDiv = referenceDiv;
           this.originalHighlightDivInnerHTML = referenceDiv.innerHTML;
@@ -8736,7 +8872,7 @@ class TextToSpeech {
   }
   async handleAjaxModifier(node, attr) {
     node.addEventListener("click", async (_) => {
-      this.stopPlayer();
+      await this.stopPlayer();
       await this.createInterval();
       this.clickedNode = node;
       const response = await fetch(attr.value, {
@@ -8748,22 +8884,23 @@ class TextToSpeech {
   }
   async handleDefault(node, attr) {
     node.addEventListener("click", async (_) => {
-      var _a, _b, _c;
-      this.stopPlayer();
+      var _a, _b, _c, _d, _e;
+      await this.stopPlayer();
       await this.createInterval();
       this.clickedNode = node;
       if (node.hasAttribute("co-tts.highlight")) {
-        if (((_a = node.attributes.getNamedItem("co-tts.highlight")) == null ? void 0 : _a.value) !== "") {
-          const newReferenceDiv = document.getElementById(node.attributes.getNamedItem("co-tts.highlight").value);
+        const highlightTarget = (_b = (_a = node.attributes.getNamedItem("co-tts.highlight")) == null ? void 0 : _a.value) != null ? _b : "";
+        if (highlightTarget !== "") {
+          const newReferenceDiv = document.getElementById(highlightTarget);
           this.highlightDiv = newReferenceDiv;
-          this.originalHighlightDivInnerHTML = newReferenceDiv.innerHTML;
+          this.originalHighlightDivInnerHTML = (_c = newReferenceDiv == null ? void 0 : newReferenceDiv.innerHTML) != null ? _c : "";
         } else {
           this.highlightDiv = node;
           this.originalHighlightDivInnerHTML = node.innerHTML;
         }
       }
       if (attr.value === "") {
-        this.textToRead = (_c = (_b = node.innerText) != null ? _b : node.textContent) != null ? _c : "";
+        this.textToRead = (_e = (_d = node.innerText) != null ? _d : node.textContent) != null ? _e : "";
       } else {
         this.textToRead = attr.value;
       }
@@ -8772,12 +8909,14 @@ class TextToSpeech {
   }
   async handleWithoutClick(node, attr) {
     var _a, _b, _c;
-    this.stopPlayer();
+    await this.stopPlayer();
     await this.createInterval();
     this.clickedNode = node;
     if (node.hasAttribute("co-tts.highlight")) {
       if (((_a = node.attributes.getNamedItem("co-tts.highlight")) == null ? void 0 : _a.value) !== "") {
-        const newReferenceDiv = document.getElementById(node.attributes.getNamedItem("co-tts.highlight").value);
+        const newReferenceDiv = document.getElementById(
+          node.attributes.getNamedItem("co-tts.highlight").value
+        );
         this.highlightDiv = newReferenceDiv;
         if (newReferenceDiv !== null) {
           this.originalHighlightDivInnerHTML = newReferenceDiv.innerHTML;
@@ -8794,52 +8933,86 @@ class TextToSpeech {
     }
     await this.startSynthesizer(node, attr);
   }
-  async handleStopModifier(node, attr) {
+  async handleStopModifier(node, _attr) {
     node.addEventListener("click", async (_) => {
       await this.stopPlayer();
       document.dispatchEvent(new CustomEvent("COAzureTTSStoppedPlaying", {}));
     });
   }
-  async handlePauseModifier(node, attr) {
+  async handlePauseModifier(node, _attr) {
     node.addEventListener("click", async (_) => {
+      if (!this.player || typeof this.player.pause !== "function") {
+        return;
+      }
       await this.clearInterval();
       await this.player.pause();
       document.dispatchEvent(new CustomEvent("COAzureTTSPausedPlaying", {}));
     });
   }
-  async handleResumeModifier(node, attr) {
+  async handleResumeModifier(node, _attr) {
     node.addEventListener("click", async (_) => {
+      if (!this.player) {
+        return;
+      }
       await this.createInterval();
-      await this.player.resume();
+      if (typeof this.player.resume === "function") {
+        await this.player.resume();
+      } else if (typeof this.player.play === "function") {
+        await this.player.play();
+      } else {
+        return;
+      }
       document.dispatchEvent(new CustomEvent("COAzureTTSResumedPlaying", {}));
     });
   }
   async stopPlayer() {
+    if (this.stopPromise) {
+      return this.stopPromise;
+    }
+    this.stopPromise = this.performStopPlayer().finally(() => {
+      this.stopPromise = void 0;
+    });
+    return this.stopPromise;
+  }
+  async performStopPlayer() {
     await this.clearInterval();
     if (this.highlightDiv !== void 0) {
       this.highlightDiv.innerHTML = this.originalHighlightDivInnerHTML;
     }
+    this.resetPlaybackSegments();
+    const player = this.player;
+    const activePrefetchedAudioUrl = this.activePrefetchedAudioUrl;
+    const synthesizer = this.synthesizer;
     this.textToRead = "";
     this.currentWord = "";
     this.originalHighlightDivInnerHTML = "";
     this.wordBoundryList = [];
     this.wordEncounters = [];
-    this.resetPlaybackSegments();
     this.playbackSegments = [];
-    if (this.player !== void 0) {
-      this.player.pause();
-    }
-    if (this.activePrefetchedAudioUrl !== "") {
-      URL.revokeObjectURL(this.activePrefetchedAudioUrl);
-      this.activePrefetchedAudioUrl = "";
-    }
-    this.closeSynthesizer();
-    this.player = void 0;
-    this.audioConfig = void 0;
-    this.speechConfig = void 0;
     this.highlightDiv = void 0;
     this.prevTextOffset = 0;
     this.playbackTextOffsetBase = void 0;
+    this.audioConfig = void 0;
+    this.speechConfig = void 0;
+    if (this.player === player) {
+      this.player = void 0;
+    }
+    if (this.activePrefetchedAudioUrl === activePrefetchedAudioUrl) {
+      this.activePrefetchedAudioUrl = "";
+    }
+    if (this.synthesizer === synthesizer) {
+      this.synthesizer = void 0;
+    }
+    if (player !== void 0 && typeof player.pause === "function") {
+      try {
+        player.pause();
+      } catch {
+      }
+    }
+    if (activePrefetchedAudioUrl !== "") {
+      URL.revokeObjectURL(activePrefetchedAudioUrl);
+    }
+    this.closeResource(synthesizer);
   }
   async createSpeechConfig() {
     const authorization = await this.authorizationManager.getAuthorization();
@@ -8852,13 +9025,13 @@ class TextToSpeech {
     this.region = authorization.region;
     return speechConfig;
   }
-  async startSynthesizer(node, attr) {
+  async startSynthesizer(_node, _attr) {
     try {
       this.speechConfig = await this.createSpeechConfig();
       this.player = new SpeakerAudioDestination();
       this.audioConfig = AudioConfig.fromSpeakerOutput(this.player);
       this.synthesizer = new SpeechSynthesizer(this.speechConfig, this.audioConfig);
-      this.synthesizer.wordBoundary = (s, e) => {
+      this.synthesizer.wordBoundary = (_s, e) => {
         this.wordBoundryList.push(e);
       };
       const playbackChain = this.collectPlaybackChain(this.clickedNode);
@@ -8869,19 +9042,23 @@ class TextToSpeech {
         this.playbackSegments = [];
       }
       this.player.onAudioEnd = async () => {
+        var _a;
+        const clickedNode = this.clickedNode;
         const wasChainedPlayback = this.playbackSegments.length > 0;
-        this.stopPlayer();
+        const nextNodeId = ((_a = clickedNode == null ? void 0 : clickedNode.hasAttribute) == null ? void 0 : _a.call(clickedNode, "co-tts.next")) ? clickedNode.getAttribute("co-tts.next") : null;
+        await this.stopPlayer();
         if (wasChainedPlayback) {
           document.dispatchEvent(new CustomEvent("COAzureTTSFinishedPlaying", {}));
           return;
         }
-        if (this.clickedNode.hasAttribute("co-tts.next")) {
-          const nextNode = document.getElementById(this.clickedNode.getAttribute("co-tts.next"));
+        if (nextNodeId) {
+          const nextNode = document.getElementById(nextNodeId);
           if (nextNode && await this.playPrefetchedNode(nextNode)) {
             return;
           }
-          if (nextNode && nextNode.attributes.getNamedItem("co-tts.text")) {
-            this.handleWithoutClick(nextNode, nextNode.attributes.getNamedItem("co-tts.text"));
+          const nextTextAttr = nextNode == null ? void 0 : nextNode.attributes.getNamedItem("co-tts.text");
+          if (nextNode && nextTextAttr) {
+            await this.handleWithoutClick(nextNode, nextTextAttr);
           } else if (nextNode) {
             nextNode.dispatchEvent(new Event("click"));
           }
@@ -8893,7 +9070,7 @@ class TextToSpeech {
         document.dispatchEvent(new CustomEvent("COAzureTTSStartedPlaying", {}));
       };
       if (!isChainedPlayback) {
-        this.prefetchNextNode(this.clickedNode);
+        void this.prefetchNextNode(this.clickedNode);
       }
       this.synthesizer.speakSsmlAsync(
         this.buildSSML(this.textToRead),
@@ -8901,12 +9078,18 @@ class TextToSpeech {
           this.closeSynthesizer();
         },
         (error) => {
+          if (isLikelyAuthorizationError(error)) {
+            this.authorizationManager.clearAuthorization();
+          }
           this.dispatchError(error, "SYNTHESIS_ERROR");
           this.closeSynthesizer();
-          this.stopPlayer();
+          void this.stopPlayer();
         }
       );
     } catch (error) {
+      if (isLikelyAuthorizationError(error)) {
+        this.authorizationManager.clearAuthorization();
+      }
       this.dispatchError(error);
       await this.stopPlayer();
     }
@@ -8960,7 +9143,9 @@ class TextToSpeech {
       return void 0;
     }
     if (((_a = node.attributes.getNamedItem("co-tts.highlight")) == null ? void 0 : _a.value) !== "") {
-      return document.getElementById(node.attributes.getNamedItem("co-tts.highlight").value);
+      return document.getElementById(
+        node.attributes.getNamedItem("co-tts.highlight").value
+      );
     }
     return node;
   }
@@ -8972,7 +9157,7 @@ class TextToSpeech {
     });
   }
   updateChainedHighlight(wordBoundary) {
-    var _a;
+    var _a, _b;
     if (~[".", ",", "!", "?", "*", "(", ")", "&", "\\", "/", "^", "[", "]", "<", ">", ":"].indexOf(wordBoundary.text)) {
       wordBoundary = (_a = this.previousWordBoundary) != null ? _a : void 0;
     }
@@ -8983,7 +9168,10 @@ class TextToSpeech {
     if (this.playbackTextOffsetBase === void 0) {
       this.playbackTextOffsetBase = wordBoundary.textOffset;
     }
-    const normalizedTextOffset = Math.max(0, wordBoundary.textOffset - this.playbackTextOffsetBase);
+    const normalizedTextOffset = Math.max(
+      0,
+      wordBoundary.textOffset - ((_b = this.playbackTextOffsetBase) != null ? _b : 0)
+    );
     const segment = this.playbackSegments.find((candidate) => normalizedTextOffset >= candidate.start && normalizedTextOffset < candidate.end);
     this.resetPlaybackSegments();
     if (!(segment == null ? void 0 : segment.highlightDiv)) {
@@ -8991,7 +9179,11 @@ class TextToSpeech {
       return;
     }
     const relativeTextOffset = normalizedTextOffset - segment.start;
-    const currentOffset = this.getPosition(segment.originalHighlightDivInnerHTML, wordBoundary.text, relativeTextOffset);
+    const currentOffset = this.getPosition(
+      segment.originalHighlightDivInnerHTML,
+      wordBoundary.text,
+      relativeTextOffset
+    );
     if (currentOffset === Number.MAX_SAFE_INTEGER) {
       this.previousWordBoundary = wordBoundary;
       return;
@@ -9055,9 +9247,9 @@ class TextToSpeech {
     const prefetchPromise = (async () => {
       try {
         const speechConfig = await this.createSpeechConfig();
-        synthesizer = new SpeechSynthesizer(speechConfig, null);
+        synthesizer = new SpeechSynthesizer(speechConfig, void 0);
         const wordBoundryList = [];
-        synthesizer.wordBoundary = (s, e) => {
+        synthesizer.wordBoundary = (_s, e) => {
           wordBoundryList.push(e);
         };
         return await new Promise((resolve) => {
@@ -9085,6 +9277,9 @@ class TextToSpeech {
             (error) => {
               this.closeResource(synthesizer);
               synthesizer = void 0;
+              if (isLikelyAuthorizationError(error)) {
+                this.authorizationManager.clearAuthorization();
+              }
               this.dispatchError(error, "PREFETCH_ERROR");
               resolve(null);
             }
@@ -9093,6 +9288,9 @@ class TextToSpeech {
       } catch (error) {
         this.closeResource(synthesizer);
         synthesizer = void 0;
+        if (isLikelyAuthorizationError(error)) {
+          this.authorizationManager.clearAuthorization();
+        }
         this.dispatchError(error);
         return null;
       }
@@ -9122,7 +9320,9 @@ class TextToSpeech {
     this.wordBoundaryOffset = 0;
     if (node.hasAttribute("co-tts.highlight")) {
       if (((_c = node.attributes.getNamedItem("co-tts.highlight")) == null ? void 0 : _c.value) !== "") {
-        const newReferenceDiv = document.getElementById(node.attributes.getNamedItem("co-tts.highlight").value);
+        const newReferenceDiv = document.getElementById(
+          node.attributes.getNamedItem("co-tts.highlight").value
+        );
         this.highlightDiv = newReferenceDiv;
         if (newReferenceDiv !== null) {
           this.originalHighlightDivInnerHTML = newReferenceDiv.innerHTML;
@@ -9141,14 +9341,18 @@ class TextToSpeech {
         document.dispatchEvent(new CustomEvent("COAzureTTSStartedPlaying", {}));
       }, { once: true });
       audio.addEventListener("ended", async () => {
-        this.stopPlayer();
-        if (this.clickedNode.hasAttribute("co-tts.next")) {
-          const nextNode = document.getElementById(this.clickedNode.getAttribute("co-tts.next"));
+        var _a2;
+        const clickedNode = this.clickedNode;
+        const nextNodeId = ((_a2 = clickedNode == null ? void 0 : clickedNode.hasAttribute) == null ? void 0 : _a2.call(clickedNode, "co-tts.next")) ? clickedNode.getAttribute("co-tts.next") : null;
+        await this.stopPlayer();
+        if (nextNodeId) {
+          const nextNode = document.getElementById(nextNodeId);
           if (nextNode && await this.playPrefetchedNode(nextNode)) {
             return;
           }
-          if (nextNode && nextNode.attributes.getNamedItem("co-tts.text")) {
-            this.handleWithoutClick(nextNode, nextNode.attributes.getNamedItem("co-tts.text"));
+          const nextTextAttr = nextNode == null ? void 0 : nextNode.attributes.getNamedItem("co-tts.text");
+          if (nextNode && nextTextAttr) {
+            await this.handleWithoutClick(nextNode, nextTextAttr);
           } else if (nextNode) {
             nextNode.dispatchEvent(new Event("click"));
           }
@@ -9161,9 +9365,9 @@ class TextToSpeech {
           new Error("Prefetched audio resource closed unexpectedly."),
           "AUDIO_RESOURCE_ERROR"
         );
-        this.stopPlayer();
+        void this.stopPlayer();
       }, { once: true });
-      this.prefetchNextNode(node);
+      void this.prefetchNextNode(node);
       await audio.play();
       return true;
     } catch (error) {
@@ -9300,4 +9504,4 @@ class TextToSpeech {
     );
   }
 }
-export { SpeechToText, TextToSpeech };
+export { DEFAULT_TOKEN_LIFETIME_MS, SpeechAuthorizationManager, SpeechToText, TextToSpeech, createSpeechAuthorizationProvider, isLikelyAuthorizationError, sanitizeErrorText, toSafeErrorDetail, validateSpeechAuthorization };