@tidal-music/player-web-components 0.1.0 → 0.1.2

package/dist/{index-tM9JvbA8.js → index-DbGwqQeZ.js}

@@ -1,4 +1,4 @@
-let R = Object.freeze({
+let x = Object.freeze({
   apiUrl: "https://api.tidal.com/v1",
   appVersion: "TIDAL Player",
   clientPlatform: "web",
@@ -9,55 +9,69 @@ let R = Object.freeze({
   outputDevicesEnabled: !1,
   streamingWifiAudioQuality: "LOW"
 });
-function k(t) {
-  return R[t];
+function M(t) {
+  return x[t];
 }
 function G(t) {
-  return R = Object.freeze({
-    ...R,
+  return x = Object.freeze({
+    ...x,
     ...t
   }), Object.keys(t).forEach((e) => {
     const r = e;
-    Me.dispatchEvent(new CustomEvent(r, { detail: t[r] }));
-  }), R;
+    we.dispatchEvent(new CustomEvent(r, { detail: t[r] }));
+  }), x;
 }
-const Me = new EventTarget();
-var ee = (t, e, r) => {
+const we = new EventTarget();
+var Z = (t, e, r) => {
   if (!e.has(t))
     throw TypeError("Cannot " + r);
-}, T = (t, e, r) => (ee(t, e, "read from private field"), r ? r.call(t) : e.get(t)), F = (t, e, r) => {
+}, S = (t, e, r) => (Z(t, e, "read from private field"), r ? r.call(t) : e.get(t)), R = (t, e, r) => {
   if (e.has(t))
     throw TypeError("Cannot add the same private member more than once");
   e instanceof WeakSet ? e.add(t) : e.set(t, r);
-}, B = (t, e, r, s) => (ee(t, e, "write to private field"), s ? s.call(t, r) : e.set(t, r), r), A, C, x, D;
-class te {
+}, A = (t, e, r, s) => (Z(t, e, "write to private field"), e.set(t, r), r), P, _, N, D;
+class be {
   constructor(e) {
-    F(this, A, void 0), F(this, C, void 0), F(this, x, !1), F(this, D, void 0), B(this, D, new URL(e)), B(this, A, performance.now());
+    R(this, P, void 0), R(this, _, !1), R(this, N, void 0), R(this, D, void 0), A(this, D, new URL(e)), this.synchronize();
   }
-  now(e = performance.now()) {
-    if (!T(this, C) || !T(this, A))
-      throw new ReferenceError(
-        "Initialization has not been done yet. You need to call and await the synchronize method once."
-      );
-    return Number.parseInt(
-      (T(this, C) + Math.abs(T(this, A) - e)).toFixed(0),
-      10
-    );
+  /**
+   * Returns the current time adjusted to server-time.
+   *
+   * @param clientCurrentTime The current time on the client side. Defaults to Date.now().
+   * @returns The current adjusted time (or the client time if not synced yet).
+   */
+  // eslint-disable-next-line no-restricted-syntax
+  now(e = Date.now()) {
+    return !S(this, N) || !S(this, P) ? (console.warn("TrueTime is not yet synchronized"), e) : S(this, N) + (e - S(this, P));
   }
   /**
-   * Use this method to synchronize time with the server.
+   * Synchronizes the client's time with the server's time.
+   * If the client's time is already synchronized within an hour, this method does nothing.
    *
-   * @param url - server url
+   * @returns {Promise<void>} A promise that resolves when the synchronization is complete.
    */
   async synchronize() {
-    if (!T(this, x))
+    if (!(S(this, P) && // eslint-disable-next-line no-restricted-syntax
+    Math.abs(Date.now() - S(this, P)) < 36e5 || S(this, _))) {
+      A(this, _, !0);
       try {
-        const e = await fetch(T(this, D));
-        e.ok && e.headers.has("date") && (B(this, C, new Date(e.headers.get("date")).getTime()), B(this, x, !0));
+        const e = await fetch(S(this, D));
+        e.ok && e.headers.has("date") && (A(this, N, new Date(e.headers.get("date")).getTime()), A(this, P, Date.now()));
       } catch (e) {
         console.error(e);
       }
+      A(this, _, !1);
+    }
   }
+  /**
+   * Returns the timestamp of a performance mark with the specified name and detail.
+   * PS: `performance.mark` must be called with `startTime: trueTime.now()`.
+   *
+   * @param markName - The name of the performance mark.
+   * @param detail - Optional. The detail of the performance mark.
+   * @returns The timestamp of the performance mark, or undefined if not found.
+   * @throws ReferenceError if the performance mark is not found.
+   */
   timestamp(e, r) {
     let s;
     if (r) {
@@ -67,18 +81,17 @@ class te {
         );
     } else
       s = performance.getEntriesByName(e).pop();
-    return s ? this.now(s.startTime) : void 0;
+    return s ? s.startTime : void 0;
   }
 }
-A = /* @__PURE__ */ new WeakMap(), C = /* @__PURE__ */ new WeakMap(), x = /* @__PURE__ */ new WeakMap(), D = /* @__PURE__ */ new WeakMap();
-new te("https://api.tidal.com/v1/ping");
-const b = new te("https://api.tidal.com/v1/ping"), K = (t, e, r) => {
+P = /* @__PURE__ */ new WeakMap(), _ = /* @__PURE__ */ new WeakMap(), N = /* @__PURE__ */ new WeakMap(), D = /* @__PURE__ */ new WeakMap();
+const y = new be("https://api.tidal.com/v1/ping"), Q = (t, e, r) => {
   for (const s of t) {
     const n = s.addedNodes[0];
     s.type === "childList" && n.id === e && r();
   }
 };
-function Ee() {
+function ve() {
   const t = document.getElementById("tidal-player-root");
   if (!t)
     return Promise.reject("No player root");
@@ -88,59 +101,59 @@ function Ee() {
   return "video-one" in t.children || e.push(
     new Promise((r) => {
       new MutationObserver(
-        (s) => K(s, "video-one", r)
+        (s) => Q(s, "video-one", r)
       ).observe(t, { childList: !0 });
     })
   ), "video-two" in t.children || e.push(
     new Promise((r) => {
       new MutationObserver(
-        (s) => K(s, "video-two", r)
+        (s) => Q(s, "video-two", r)
       ).observe(t, { childList: !0 });
     })
   ), Promise.all(e);
 }
-const E = document.createElement("video"), P = document.createElement("video"), re = (t) => {
+const T = document.createElement("video"), I = document.createElement("video"), ee = (t) => {
   t.setAttribute("crossorigin", "anonymous"), t.setAttribute("playsinline", "playsinline");
 };
-re(E);
-E.id = "video-one";
-re(P);
-P.id = "video-two";
-const U = "tidal-player-root";
-function Pe() {
-  let t = document.getElementById(U);
+ee(T);
+T.id = "video-one";
+ee(I);
+I.id = "video-two";
+const W = "tidal-player-root";
+function Se() {
+  let t = document.getElementById(W);
   if (!t) {
     const e = document.createElement("template");
-    e.id = U, document.body.appendChild(e), t = document.getElementById(U);
+    e.id = W, document.body.appendChild(e), t = document.getElementById(W);
   }
-  return Te();
+  return ke();
 }
-function Te() {
+function ke() {
   const t = document.getElementById(
-    U
+    W
   );
-  return t && (E.id in t.children || t.appendChild(E), P.id in t.children || t.appendChild(P)), Ee();
+  return t && (T.id in t.children || t.appendChild(T), I.id in t.children || t.appendChild(I)), ve();
 }
-function Ie() {
+function Me() {
   return new Promise(
     (t) => document.addEventListener(
       "click",
       () => {
-        E.readyState === HTMLMediaElement.HAVE_NOTHING && !E.src && E.load(), P.readyState === HTMLMediaElement.HAVE_NOTHING && !P.src && P.load(), t();
+        T.readyState === HTMLMediaElement.HAVE_NOTHING && !T.src && T.load(), I.readyState === HTMLMediaElement.HAVE_NOTHING && !I.src && I.load(), t();
       },
       { once: !0 }
     )
   );
 }
-function Le(t) {
+function Ee(t) {
   return new Promise((e) => setTimeout(() => e(), t));
 }
-function Oe(t, e) {
+function Pe(t, e) {
   return new Promise((r) => {
     t.addEventListener(e, (s) => r(s), !1);
   });
 }
-class Ae extends EventTarget {
+class Te extends EventTarget {
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
   // @ts-ignore - Setter
   #e;
@@ -170,7 +183,7 @@ class Ae extends EventTarget {
     return this.#e;
   }
 }
-class W extends Error {
+class V extends Error {
   errorCode = null;
   errorId = null;
   referenceId;
@@ -188,19 +201,19 @@ class W extends Error {
     return JSON.stringify(this.toJSON());
   }
 }
-async function N() {
+async function B() {
   if (v.credentialsProvider) {
     const t = await v.credentialsProvider.getCredentials();
     return !!(t.token && t.userId);
   }
-  return await Oe(v, "authorized"), N();
+  return await Pe(v, "authorized"), B();
 }
-const v = new Ae();
-async function Ce() {
-  const t = await N(), e = async () => {
-    const { Pushkin: s } = await Promise.resolve().then(() => Lt);
+const v = new Te();
+async function Ie() {
+  const t = await B(), e = async () => {
+    const { Pushkin: s } = await Promise.resolve().then(() => Et);
     return s.refresh();
-  }, r = async () => (await Promise.resolve().then(() => ft)).start();
+  }, r = async () => (await Promise.resolve().then(() => ut)).start();
   if (t) {
     G({
       gatherEvents: !0
@@ -216,12 +229,12 @@ async function Ce() {
     });
 }
 v.addEventListener("authorized", () => {
-  Ce().then().catch(console.error);
+  Ie().then().catch(console.error);
 });
-async function Y() {
+async function K() {
   return v.credentialsProvider ? (await v.credentialsProvider.getCredentials()).token ?? null : null;
 }
-class _e extends EventTarget {
+class Le extends EventTarget {
   dispatchError(e) {
     this.dispatchEvent(
       new CustomEvent("error", {
@@ -230,10 +243,10 @@ class _e extends EventTarget {
     );
   }
 }
-const h = new _e();
-class Ne {
+const h = new Le();
+class Oe {
   #e = /* @__PURE__ */ new Map();
-  #r = /* @__PURE__ */ new Map();
+  #t = /* @__PURE__ */ new Map();
   #s = /* @__PURE__ */ new Map();
   /**
    * Clones a session to re-use the media product and playback content for a new session.
@@ -271,7 +284,7 @@ class Ne {
    * @see {@link StreamingSessionStore.clone}
    */
   deleteSession(e) {
-    this.deleteMediaProductTransition(e), this.#r.delete(e), this.deleteStreamInfo(e);
+    this.deleteMediaProductTransition(e), this.#t.delete(e), this.deleteStreamInfo(e);
   }
   deleteStreamInfo(e) {
     this.#s.delete(e);
@@ -280,7 +293,7 @@ class Ne {
     return e ? this.#e.get(e) : void 0;
   }
   getPlaybackInfo(e) {
-    return e ? this.#r.get(e) : void 0;
+    return e ? this.#t.get(e) : void 0;
   }
   getStreamInfo(e) {
     return e ? this.#s.get(e) : void 0;
@@ -289,14 +302,17 @@ class Ne {
     return this.#e.has(e);
   }
   hasPlaybackInfo(e) {
-    return this.#r.has(e);
+    return this.#t.has(e);
   }
   hasStreamInfo(e) {
     return this.#s.has(e);
   }
   overwriteDuration(e, r) {
     const s = this.#e.get(e);
-    s && (s.playbackContext.actualDuration = r, this.saveMediaProductTransition(e, s));
+    s && (s.playbackContext = {
+      ...s.playbackContext,
+      actualDuration: r
+    }, this.saveMediaProductTransition(e, s));
   }
   saveMediaProductTransition(e, r) {
     this.#e.set(
@@ -305,18 +321,18 @@ class Ne {
     );
   }
   savePlaybackInfo(e, r) {
-    this.#r.set(e, r);
+    this.#t.set(e, r);
   }
   saveStreamInfo(e, r) {
     this.#s.set(e, r);
   }
 }
-const Q = new Ne();
-class Fe {
+const q = new Oe();
+class Ae {
   activePlayer;
   preloadPlayer;
   get preloadedMediaProduct() {
-    return Q.getMediaProductTransition(
+    return q.getMediaProductTransition(
       this.preloadedStreamingSessionId
     )?.mediaProduct ?? void 0;
   }
@@ -324,171 +340,200 @@ class Fe {
     return this.preloadPlayer?.preloadedStreamingSessionId ?? void 0;
   }
 }
-const p = new Fe();
-let Be;
-const Re = [
+const p = new Ae();
+let Ce;
+const _e = [
   {
     itemTypes: ["track", "video"],
     player: "shaka",
     qualities: ["HIGH", "LOSSLESS", "LOW", "HI_RES_LOSSLESS"]
   }
 ];
-let q = Re;
+let H = _e;
 const w = {
   browser: void 0,
   native: void 0,
   shaka: void 0
 };
-async function xe() {
+async function Ne() {
   await Promise.all(
-    q.map((t) => {
+    H.map((t) => {
       const e = w[t.player];
       return e ? e.reset() : Promise.resolve();
     })
   ), p.activePlayer = void 0, p.preloadPlayer = void 0;
 }
-function De(t) {
+function Fe(t) {
   t.name !== "nativePlayer" && w.native && w.native.abandon(), p.activePlayer = t;
 }
-function Ue() {
-  h.removeEventListener("ended", Be);
+function Be() {
+  h.removeEventListener("ended", Ce);
 }
-async function We() {
-  const { default: t } = await import("./nativePlayer-U375Dfm5-hUK7oXzY.js");
+async function Re() {
+  const { default: t } = await import("./nativePlayer-DdpXKE9r-B14o92dS.js");
   return w.native || (w.native = new t()), w.native;
 }
-async function ze() {
-  const { default: t } = await import("./browserPlayer-oNOpDVm6-UW0N6pFH.js");
+async function xe() {
+  const { default: t } = await import("./browserPlayer-B1V50MdI-D65N_aRN.js");
   return w.browser || (w.browser = new t()), w.browser;
 }
-async function Ve() {
-  const { default: t } = await import("./shakaPlayer-izGFLVQr--XUsjgT2.js");
+async function De() {
+  const { default: t } = await import("./shakaPlayer-Brgd4rob-DJ5uJTjr.js");
   return w.shaka || (w.shaka = new t()), w.shaka;
 }
-async function He(t, e) {
-  const r = q.filter((n) => n.itemTypes.includes(t)).filter(
+async function We(t, e) {
+  const r = H.filter((n) => n.itemTypes.includes(t)).filter(
     (n) => t === "track" && n.qualities && e ? n.qualities.includes(e) : !0
   );
   r.length === 0 && console.error(
     `No player found to handle audio quality "${String(
       e
     )}" for product type "${t}" in player config: `,
-    q
+    H
   );
   const { player: s } = r[0];
   switch (s) {
     case "shaka":
-      return Ve();
+      return De();
     case "browser":
-      return ze();
+      return xe();
     case "native":
-      return We();
+      return Re();
     default:
       throw new Error("No player found.");
   }
 }
-function qe() {
+function Ve() {
   return p.activePlayer?.getPosition() ?? 0;
 }
-function Qe() {
+function ze() {
   return p.activePlayer?.currentMediaProduct ?? null;
 }
-function $e() {
+function Ue() {
   const t = p.activePlayer;
   if (t) {
-    const e = Q.getMediaProductTransition(
+    const e = q.getMediaProductTransition(
       t.currentStreamingSessionId
     );
     if (e)
       return e.playbackContext;
   }
 }
-function se() {
+function te() {
   return p.activePlayer?.playbackState ?? "IDLE";
 }
-function $(t) {
-  return new Promise((e, r) => {
-    t.oncomplete = t.onsuccess = () => e(t.result), t.onabort = t.onerror = () => r(t.error);
-  });
-}
-function je(t, e) {
-  const r = indexedDB.open(t);
-  r.onupgradeneeded = () => r.result.createObjectStore(e);
-  const s = $(r);
-  return (n, o) => s.then((a) => o(a.transaction(e, n).objectStore(e)));
-}
-let V;
-function ie() {
-  return V || (V = je("keyval-store", "keyval")), V;
-}
-function ne(t, e = ie()) {
-  return e("readonly", (r) => $(r.get(t)));
-}
-function ae(t, e, r = ie()) {
-  return r("readwrite", (s) => (s.put(e, t), $(s.transaction)));
-}
-async function L(t, e) {
-  let r = /* @__PURE__ */ new Map(), s;
-  if (!k("gatherEvents"))
-    return (n) => Promise.resolve(void 0);
-  try {
-    s = await ne(t), s && (r = new Map(s));
-  } catch (n) {
-    console.error(n);
+class He {
+  #e;
+  constructor() {
+    this.#e = /* @__PURE__ */ new Map();
   }
-  return async (n) => {
-    const o = r.get(n.streamingSessionId) || e, a = {
-      ...o,
-      ...n
-    };
-    for (const c of Object.keys(n)) {
-      const d = c;
-      Array.isArray(n[d]) && (a[d] = [
-        ...o[d] || [],
-        ...n[d] || []
-      ]);
-    }
-    r.set(n.streamingSessionId, a);
+  async #t(e, r) {
+    const s = new TextEncoder().encode(
+      `${e}-${r}`
+    ), n = await crypto.subtle.digest("SHA-1", s);
+    return Array.from(new Uint8Array(n)).map((o) => o.toString(16).padStart(2, "0")).join("");
+  }
+  /**
+   * Delete a logged event by name and streamingSessionId.
+   */
+  async delete({
+    name: e,
+    streamingSessionId: r
+  }) {
+    const s = await this.#t(
+      r,
+      e
+    );
+    this.#e.delete(s);
+  }
+  /**
+   * Get a logged event by name and streamingSessionId.
+   */
+  async get({
+    name: e,
+    streamingSessionId: r
+  }) {
+    const s = await this.#t(
+      r,
+      e
+    );
+    return this.#e.get(s);
+  }
+  /**
+   * Adds or updates an event.
+   */
+  async put(e) {
+    const r = await this.#t(
+      e.streamingSessionId,
+      e.name
+    );
+    this.#e.set(r, e);
+  }
+}
+const $ = new He();
+async function O(t, e) {
+  return M("gatherEvents") ? async (r) => {
     try {
-      await ae(t, [...r]);
-    } catch (c) {
-      console.error(c);
+      const s = await $.get({
+        name: t,
+        streamingSessionId: r.streamingSessionId
+      }), n = Object.assign(
+        {},
+        e,
+        s ? s.payload : {},
+        r
+      );
+      for (const o of Object.keys(r)) {
+        const a = o;
+        Array.isArray(r[a]) && (n[a] = [
+          ...e[a] || [],
+          ...s && s.payload[a] || [],
+          ...r[a] || []
+        ]);
+      }
+      return await $.put({
+        name: t,
+        payload: n,
+        streamingSessionId: r.streamingSessionId
+      }), {
+        name: t,
+        payload: n,
+        streamingSessionId: r.streamingSessionId
+      };
+    } catch (s) {
+      console.error(s);
     }
-    return {
-      name: t,
-      payload: a
-    };
-  };
+  } : (r) => Promise.resolve(void 0);
 }
-const Ge = {
+const $e = {
   endReason: "COMPLETE",
   endTimestamp: 0,
   errorCode: null,
   errorMessage: null,
   startTimestamp: 0,
   streamingSessionId: ""
-}, Ke = await L(
+}, qe = await O(
   "drm_license_fetch",
-  Ge
+  $e
 );
-function Yt(t) {
-  return Ke(t);
+function Gt(t) {
+  return qe(t);
 }
-const Ye = {
+const je = {
   endReason: "COMPLETE",
   endTimestamp: 0,
   errorCode: null,
   errorMessage: null,
   startTimestamp: 0,
   streamingSessionId: ""
-}, Je = await L(
+}, Ge = await O(
   "playback_info_fetch",
-  Ye
+  je
 );
-function H(t) {
-  return Je(t);
+function U(t) {
+  return Ge(t);
 }
-function Jt(t) {
+function Qt(t) {
   switch (t) {
     case "bluetooth":
       return "BLUETOOTH";
@@ -510,7 +555,7 @@ function Jt(t) {
       return;
   }
 }
-const Xe = {
+const Qe = {
   actualAssetPresentation: "FULL",
   actualAudioMode: "STEREO",
   actualProductId: null,
@@ -530,24 +575,24 @@ const Xe = {
   productType: "TRACK",
   stalls: [],
   streamingSessionId: ""
-}, Ze = await L(
+}, Ke = await O(
   "playback_statistics",
-  Xe
+  Qe
 );
 function J(t) {
-  return Ze(t);
+  return Ke(t);
 }
-const et = {
+const Je = {
   streamingSessionId: "",
   timestamp: 0
-}, tt = await L(
+}, Ye = await O(
   "streaming_session_end",
-  et
+  Je
 );
-function rt(t) {
-  return tt(t);
+function Xe(t) {
+  return Ye(t);
 }
-const st = {
+const Ze = {
   "Amazon Silk": "amazon_silk",
   "Android Browser": "android",
   Bada: "bada",
@@ -587,7 +632,7 @@ const st = {
   WeChat: "wechat",
   "Yandex Browser": "yandex",
   Roku: "roku"
-}, oe = {
+}, re = {
   amazon_silk: "Amazon Silk",
   android: "Android Browser",
   bada: "Bada",
@@ -645,7 +690,7 @@ const st = {
   ChromeOS: "Chrome OS",
   PlayStation4: "PlayStation 4",
   Roku: "Roku"
-}, S = {
+}, k = {
   EdgeHTML: "EdgeHTML",
   Blink: "Blink",
   Trident: "Trident",
@@ -850,18 +895,18 @@ class i {
   static compareVersions(e, r, s = !1) {
     const n = i.getVersionPrecision(e), o = i.getVersionPrecision(r);
     let a = Math.max(n, o), c = 0;
-    const d = i.map([e, r], (l) => {
-      const y = a - i.getVersionPrecision(l), M = l + new Array(y + 1).join(".0");
-      return i.map(M.split("."), (f) => new Array(20 - f.length).join("0") + f).reverse();
+    const l = i.map([e, r], (d) => {
+      const b = a - i.getVersionPrecision(d), E = d + new Array(b + 1).join(".0");
+      return i.map(E.split("."), (f) => new Array(20 - f.length).join("0") + f).reverse();
     });
     for (s && (c = a - Math.min(n, o)), a -= 1; a >= c; ) {
-      if (d[0][a] > d[1][a])
+      if (l[0][a] > l[1][a])
         return 1;
-      if (d[0][a] === d[1][a]) {
+      if (l[0][a] === l[1][a]) {
         if (a === c)
           return 0;
         a -= 1;
-      } else if (d[0][a] < d[1][a])
+      } else if (l[0][a] < l[1][a])
         return -1;
     }
   }
@@ -928,7 +973,7 @@ class i {
    * @return {string}
    */
   static getBrowserAlias(e) {
-    return st[e];
+    return Ze[e];
   }
   /**
    * Get short version/alias for a browser name
@@ -940,10 +985,10 @@ class i {
    * @return {string}
    */
   static getBrowserTypeByAlias(e) {
-    return oe[e] || "";
+    return re[e] || "";
   }
 }
-const u = /version\/(\d+(\.?_?\d+)+)/i, it = [
+const u = /version\/(\d+(\.?_?\d+)+)/i, et = [
   /* Googlebot */
   {
     test: [/googlebot/i],
@@ -1342,7 +1387,7 @@ const u = /version\/(\d+(\.?_?\d+)+)/i, it = [
       };
     }
   }
-], nt = [
+], tt = [
   /* Roku */
   {
     test: [/Roku\/DVP/],
@@ -1495,7 +1540,7 @@ const u = /version\/(\d+(\.?_?\d+)+)/i, it = [
       };
     }
   }
-], at = [
+], rt = [
   /* Googlebot */
   {
     test: [/googlebot/i],
@@ -1727,7 +1772,7 @@ const u = /version\/(\d+(\.?_?\d+)+)/i, it = [
       };
     }
   }
-], ot = [
+], st = [
   /* EdgeHTML */
   {
     test(t) {
@@ -1736,11 +1781,11 @@ const u = /version\/(\d+(\.?_?\d+)+)/i, it = [
     describe(t) {
       if (/\sedg\//i.test(t))
         return {
-          name: S.Blink
+          name: k.Blink
         };
       const e = i.getFirstMatch(/edge\/(\d+(\.?_?\d+)+)/i, t);
       return {
-        name: S.EdgeHTML,
+        name: k.EdgeHTML,
         version: e
       };
     }
@@ -1750,7 +1795,7 @@ const u = /version\/(\d+(\.?_?\d+)+)/i, it = [
     test: [/trident/i],
     describe(t) {
       const e = {
-        name: S.Trident
+        name: k.Trident
       }, r = i.getFirstMatch(/trident\/(\d+(\.?_?\d+)+)/i, t);
       return r && (e.version = r), e;
     }
@@ -1762,7 +1807,7 @@ const u = /version\/(\d+(\.?_?\d+)+)/i, it = [
     },
     describe(t) {
       const e = {
-        name: S.Presto
+        name: k.Presto
       }, r = i.getFirstMatch(/presto\/(\d+(\.?_?\d+)+)/i, t);
       return r && (e.version = r), e;
     }
@@ -1775,7 +1820,7 @@ const u = /version\/(\d+(\.?_?\d+)+)/i, it = [
     },
     describe(t) {
       const e = {
-        name: S.Gecko
+        name: k.Gecko
       }, r = i.getFirstMatch(/gecko\/(\d+(\.?_?\d+)+)/i, t);
       return r && (e.version = r), e;
     }
@@ -1785,7 +1830,7 @@ const u = /version\/(\d+(\.?_?\d+)+)/i, it = [
     test: [/(apple)?webkit\/537\.36/i],
     describe() {
       return {
-        name: S.Blink
+        name: k.Blink
       };
     }
   },
@@ -1794,13 +1839,13 @@ const u = /version\/(\d+(\.?_?\d+)+)/i, it = [
     test: [/(apple)?webkit/i],
     describe(t) {
       const e = {
-        name: S.WebKit
+        name: k.WebKit
       }, r = i.getFirstMatch(/webkit\/(\d+(\.?_?\d+)+)/i, t);
       return r && (e.version = r), e;
     }
   }
 ];
-class X {
+class Y {
   /**
    * Create instance of Parser
    *
@@ -1841,7 +1886,7 @@ class X {
    */
   parseBrowser() {
     this.parsedResult.browser = {};
-    const e = i.find(it, (r) => {
+    const e = i.find(et, (r) => {
       if (typeof r.test == "function")
         return r.test(this);
       if (r.test instanceof Array)
@@ -1897,7 +1942,7 @@ class X {
    */
   parseOS() {
     this.parsedResult.os = {};
-    const e = i.find(nt, (r) => {
+    const e = i.find(tt, (r) => {
       if (typeof r.test == "function")
         return r.test(this);
       if (r.test instanceof Array)
@@ -1944,7 +1989,7 @@ class X {
    */
   parsePlatform() {
     this.parsedResult.platform = {};
-    const e = i.find(at, (r) => {
+    const e = i.find(rt, (r) => {
       if (typeof r.test == "function")
         return r.test(this);
       if (r.test instanceof Array)
@@ -1975,7 +2020,7 @@ class X {
    */
   parseEngine() {
     this.parsedResult.engine = {};
-    const e = i.find(ot, (r) => {
+    const e = i.find(st, (r) => {
       if (typeof r.test == "function")
         return r.test(this);
       if (r.test instanceof Array)
@@ -2025,24 +2070,24 @@ class X {
       const c = e[a];
       typeof c == "string" ? (n[a] = c, o += 1) : typeof c == "object" && (r[a] = c, s += 1);
     }), s > 0) {
-      const a = Object.keys(r), c = i.find(a, (l) => this.isOS(l));
+      const a = Object.keys(r), c = i.find(a, (d) => this.isOS(d));
       if (c) {
-        const l = this.satisfies(r[c]);
-        if (l !== void 0)
-          return l;
+        const d = this.satisfies(r[c]);
+        if (d !== void 0)
+          return d;
       }
-      const d = i.find(
+      const l = i.find(
         a,
-        (l) => this.isPlatform(l)
+        (d) => this.isPlatform(d)
       );
-      if (d) {
-        const l = this.satisfies(r[d]);
-        if (l !== void 0)
-          return l;
+      if (l) {
+        const d = this.satisfies(r[l]);
+        if (d !== void 0)
+          return d;
       }
     }
     if (o > 0) {
-      const a = Object.keys(n), c = i.find(a, (d) => this.isBrowser(d, !0));
+      const a = Object.keys(n), c = i.find(a, (l) => this.isBrowser(l, !0));
       if (c !== void 0)
         return this.compareVersion(n[c]);
     }
@@ -2101,7 +2146,7 @@ class X {
  * MIT License | (c) Dustin Diaz 2012-2015
  * MIT License | (c) Denis Demchenko 2015-2019
  */
-class ct {
+class it {
   /**
    * Creates a {@link Parser} instance
    *
@@ -2118,7 +2163,7 @@ class ct {
   static getParser(e, r = !1) {
     if (typeof e != "string")
       throw new Error("UserAgent should be a string");
-    return new X(e, r);
+    return new Y(e, r);
   }
   /**
    * Creates a {@link Parser} instance and runs {@link Parser.getResult} immediately
@@ -2130,13 +2175,13 @@ class ct {
    * const result = Bowser.parse(window.navigator.userAgent);
    */
   static parse(e) {
-    return new X(e).getResult();
+    return new Y(e).getResult();
   }
   static get BROWSER_MAP() {
-    return oe;
+    return re;
   }
   static get ENGINE_MAP() {
-    return S;
+    return k;
   }
   static get OS_MAP() {
     return g;
@@ -2145,17 +2190,17 @@ class ct {
     return m;
   }
 }
-const O = ct.parse(navigator.userAgent), dt = {
+const C = it.parse(navigator.userAgent), nt = {
   abTestGroup: null,
   abTestName: null,
-  browser: O.browser.name ?? null,
-  browserVersion: O.browser.version ?? null,
-  hardwarePlatform: O.browser.name === "Electron" ? "DESKTOP" : "WEB",
+  browser: C.browser.name ?? null,
+  browserVersion: C.browser.version ?? null,
+  hardwarePlatform: C.browser.name === "Electron" ? "DESKTOP" : "WEB",
   isOfflineModeStart: !1,
   mobileNetworkType: null,
   networkType: "WIFI",
-  operatingSystem: O.os.name ?? null,
-  operatingSystemVersion: O.os.version ?? null,
+  operatingSystem: C.os.name ?? null,
+  operatingSystemVersion: C.os.version ?? null,
   screenHeight: window.screen.height,
   screenWidth: window.screen.width,
   sessionProductId: "",
@@ -2165,36 +2210,38 @@ const O = ct.parse(navigator.userAgent), dt = {
   startReason: "IMPLICIT",
   streamingSessionId: "",
   timestamp: 0
-}, lt = await L(
+}, at = await O(
   "streaming_session_start",
-  dt
+  nt
 );
-function ut(t) {
-  return lt(t);
+function ot(t) {
+  return at(t);
 }
-function ce(t) {
+function se(t) {
   const e = `(${t.toString()})();`, r = new Blob([e], { type: "text/javascript" });
   return URL.createObjectURL(r);
 }
-let _;
-async function ht(t) {
-  const e = await ne(t.data.eventName), r = new Map(e);
-  r.delete(t.data.streamingSessionId), await ae(t.data.eventName, [...r]);
-}
-async function mt() {
-  if (!_) {
-    const { beacon: t } = await import("./worker-qh_9Fyf6-Li0uY2-a.js");
-    _ = new Worker(ce(t)), _.addEventListener("message", (e) => {
-      ht(e);
+let F;
+async function ct(t) {
+  $.delete({
+    name: t.data.eventName,
+    streamingSessionId: t.data.streamingSessionId
+  });
+}
+async function dt() {
+  if (!F) {
+    const { beacon: t } = await import("./worker-DrRlSx4a-BTanKBsS.js");
+    F = new Worker(se(t)), F.addEventListener("message", (e) => {
+      ct(e);
     });
   }
 }
-function pt(t) {
+function lt(t) {
   return t != null;
 }
-async function de(t, e) {
+async function ie(t, e) {
   if (t) {
-    const r = (await Promise.all(e.events)).filter(pt);
+    const r = (await Promise.all(e.events)).filter(lt);
     e.events = r;
     const { clientId: s, token: n } = await v.credentialsProvider.getCredentials();
     if (!n)
@@ -2202,49 +2249,49 @@ async function de(t, e) {
     const o = {
       ...e,
       accessToken: n,
-      apiUrl: k("apiUrl"),
-      appVersion: k("appVersion"),
+      apiUrl: M("apiUrl"),
+      appVersion: M("appVersion"),
       clientId: s,
-      clientPlatform: k("clientPlatform"),
-      eventUrl: k("eventUrl"),
-      ts: b.now()
+      clientPlatform: M("clientPlatform"),
+      eventUrl: M("eventUrl"),
+      ts: y.now()
     };
     return t.postMessage(JSON.stringify(o)), o;
   } else
     console.warn("Event beacon is not running.");
 }
-const ft = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const ut = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  commit: de,
-  start: mt,
+  commit: ie,
+  start: dt,
   get worker() {
-    return _;
+    return F;
   },
-  workerize: ce
+  workerize: se
 }, Symbol.toStringTag, { value: "Module" }));
-async function gt(t) {
-  if (await N())
+async function ht(t) {
+  if (await B())
     return t();
 }
-function le(t) {
-  return gt(
-    () => de(_, {
+function ne(t) {
+  return ht(
+    () => ie(F, {
       type: "streaming_metrics",
       ...t
     })
   );
 }
-function wt(t = !0) {
+function mt(t = !0) {
   const e = t && "crypto" in window && "getRandomValues" in crypto;
-  return ([1e7] + -1e3 + -4e3 + -8e3 + -1e11).replace(
-    /[018]/g,
-    (r) => (r ^ (e ? crypto.getRandomValues(new Uint8Array(1))[0] : Math.floor(256 * Math.random())) & 15 >> r / 4).toString(16)
-  );
+  return ("10000000-1000-4000-8000" + -1e11).replace(/[018]/g, (r) => {
+    const s = e ? crypto.getRandomValues(new Uint8Array(1))[0] : Math.floor(256 * Math.random());
+    return (r ^ (s ?? 0) & 15 >> r / 4).toString(16);
+  });
 }
-function yt(t) {
+function pt(t) {
   return JSON.parse(atob(t));
 }
-function bt(t, e) {
+function ft(t, e) {
   if ("codecs" in t)
     switch (t.codecs) {
       case "aac":
@@ -2275,7 +2322,7 @@ function bt(t, e) {
     }
   return "none";
 }
-function vt(t) {
+function gt(t) {
   switch (t) {
     case "mp3":
       return "mp3";
@@ -2291,17 +2338,17 @@ function vt(t) {
       return;
   }
 }
-function St(t) {
+function yt(t) {
   const e = /codecs=(["'])?((?:.(?!\1|>))*.?)\1?/.exec(t);
   if (e === null)
     return;
-  const r = e[2];
+  const r = e[2] ?? "";
   if (r.includes("mp4a") || r.includes("aac"))
     return "aac";
   if (r === "mqa" || r === "flac")
     return r;
 }
-function kt(t) {
+function wt(t) {
   const { prefetched: e, streamingSessionId: r } = t, s = "albumReplayGain" in t ? {
     albumPeakAmplitude: t.albumPeakAmplitude,
     albumReplayGain: t.albumReplayGain,
@@ -2314,20 +2361,20 @@ function kt(t) {
     type: "trackId" in t ? "track" : "video"
   };
   if (t.manifestMimeType === "application/vnd.tidal.bts" || t.manifestMimeType === "application/vnd.tidal.emu") {
-    const a = yt(t.manifest), c = a.urls[0], d = bt(
+    const a = pt(t.manifest), c = a.urls[0], l = ft(
       a,
       "audioQuality" in t ? t.audioQuality : null
     );
-    let l;
-    return "keyId" in a && (l = a.keyId), "licenseSecurityToken" in t && (l = t.licenseSecurityToken), {
+    let d;
+    return "keyId" in a && (d = a.keyId), "licenseSecurityToken" in t && (d = t.licenseSecurityToken), {
       ...s,
       bitDepth: "bitDepth" in t ? t.bitDepth ?? void 0 : void 0,
-      codec: vt(d),
+      codec: gt(l),
       prefetched: e,
       quality: n,
       sampleRate: "sampleRate" in t ? t.sampleRate ?? void 0 : void 0,
-      securityToken: l,
-      streamFormat: d,
+      securityToken: d,
+      streamFormat: l,
       streamUrl: c,
       streamingSessionId: r,
       ...o,
@@ -2339,7 +2386,7 @@ function kt(t) {
     return {
       ...s,
       bitDepth: "bitDepth" in t ? t.bitDepth ?? void 0 : void 0,
-      codec: St(c),
+      codec: yt(c),
       prefetched: e,
       quality: n,
       sampleRate: "sampleRate" in t ? t.sampleRate ?? void 0 : void 0,
@@ -2354,7 +2401,7 @@ function kt(t) {
     `${t.manifestMimeType} not supported as playback info manifest mime type.`
   );
 }
-const ue = async (t, e = {}, r = 3) => {
+const ae = async (t, e = {}, r = 3) => {
   let s, n;
   try {
     s = await fetch(t, e);
@@ -2372,13 +2419,13 @@ const ue = async (t, e = {}, r = 3) => {
       `Retrying request for ${Math.abs(
         4 - r
       )}th time in ${c}ms`
-    ), await Le(c), ue(t, e, r - 1);
+    ), await Ee(c), ae(t, e, r - 1);
   }
   if (!s)
     throw new Error("Retries exchaused. Cannot fetch playbackinfo.");
   return s;
 };
-function Mt(t, e) {
+function bt(t, e) {
   switch (e) {
     case 4032:
     case 4035:
@@ -2390,7 +2437,7 @@ function Mt(t, e) {
   }
   return t >= 500 && t < 600 || t === 429 ? "PERetryable" : t >= 400 && t < 500 ? "PENotAllowed" : "EUnexpected";
 }
-async function Et(t) {
+async function vt(t) {
   const {
     accessToken: e,
     audioQuality: r,
@@ -2398,18 +2445,18 @@ async function Et(t) {
     mediaProduct: n,
     prefetch: o,
     streamingSessionId: a
-  } = t, c = k("apiUrl"), d = new URL(
+  } = t, c = M("apiUrl"), l = new URL(
     `${c}/${n.productType}s/${n.productId}/playbackinfo`
-  ), l = d.searchParams;
-  n.productType === "video" ? l.set("videoquality", "HIGH") : l.set("audioquality", r), l.set("playbackmode", "STREAM"), l.set("assetpresentation", "FULL");
-  const y = new Headers();
-  o && y.set("x-tidal-prefetch", "true"), s && y.set("x-tidal-token", s), e && y.set("authorization", "Bearer " + e), a && y.set("x-tidal-streamingsessionid", a);
-  let M;
+  ), d = l.searchParams;
+  n.productType === "video" ? d.set("videoquality", "HIGH") : d.set("audioquality", r), d.set("playbackmode", "STREAM"), d.set("assetpresentation", "FULL");
+  const b = new Headers();
+  o && b.set("x-tidal-prefetch", "true"), s && b.set("x-tidal-token", s), e && b.set("authorization", "Bearer " + e), a && b.set("x-tidal-streamingsessionid", a);
+  let E;
   try {
-    M = await ue(
-      d.toString(),
+    E = await ae(
+      l.toString(),
       {
-        headers: y,
+        headers: b,
         // eslint-disable-next-line @typescript-eslint/ban-ts-comment
         // @ts-ignore - It is a thing.
         importance: "high"
@@ -2417,31 +2464,32 @@ async function Et(t) {
       3
     );
   } catch {
-    throw new W("PENetwork", "NPBI0");
+    throw new V("PENetwork", "NPBI0");
   }
-  const f = await M.json();
+  const f = await E.json();
   if ("status" in f) {
-    const ke = `A${f.subStatus}`;
-    throw new W(Mt(f.status, f.subStatus), ke);
+    const ye = `A${f.subStatus}`;
+    throw new V(bt(f.status, f.subStatus), ye);
   }
-  const ve = "trackId" in f, Se = "videoId" in f;
-  if (!ve && !Se)
-    throw new W("EUnexpected", "B9999");
+  const fe = "trackId" in f, ge = "videoId" in f;
+  if (!fe && !ge)
+    throw new V("EUnexpected", "B9999");
   return {
     ...f,
     prefetched: o
   };
 }
-async function Pt(t) {
+async function St(t) {
   const { streamingSessionId: e } = t, r = [];
   performance.mark("streaming_metrics:playback_info_fetch:startTimestamp", {
-    detail: e
+    detail: e,
+    startTime: y.now()
   });
   try {
-    const s = await Et(t);
+    const s = await vt(t);
     if (s === void 0)
       throw new Error("Playback info was fetched, but undefined.");
-    H({
+    U({
       endReason: "COMPLETE",
       streamingSessionId: e
     }).catch(console.error), s.expires = Date.now() + 36e5;
@@ -2465,36 +2513,38 @@ async function Pt(t) {
       productType: "VIDEO",
       streamingSessionId: e
     }).catch(console.error), performance.mark("streaming_metrics:playback_info_fetch:endTimestamp", {
-      detail: e
+      detail: e,
+      startTime: y.now()
     }), s;
   } catch (s) {
     throw performance.mark("streaming_metrics:playback_info_fetch:endTimestamp", {
-      detail: e
-    }), H({
+      detail: e,
+      startTime: y.now()
+    }), U({
       endReason: "ERROR",
       errorCode: s.message,
       errorMessage: s.stack,
       streamingSessionId: e
     }).catch(console.error), r.push(
-      rt({
+      Xe({
         streamingSessionId: e,
-        timestamp: b.timestamp(
+        timestamp: y.timestamp(
           "streaming_metrics:playback_info_fetch:endTimestamp"
         )
       })
     ), s;
   } finally {
     r.push(
-      H({
-        endTimestamp: b.timestamp(
+      U({
+        endTimestamp: y.timestamp(
           "streaming_metrics:playback_info_fetch:endTimestamp"
         ),
-        startTimestamp: b.timestamp(
+        startTimestamp: y.timestamp(
           "streaming_metrics:playback_info_fetch:startTimestamp"
         ),
         streamingSessionId: e
       })
-    ), le({
+    ), ne({
       events: r
     }).catch(console.error), performance.clearMarks(
       "streaming_metrics:playback_info_fetch:endTimestamp"
@@ -2503,24 +2553,24 @@ async function Pt(t) {
     );
   }
 }
-class he {
+class oe {
   /**
    * The current time position to restore playback from when connection is back online.
    */
   static #e = 0;
-  static #r = !1;
+  static #t = !1;
   /**
    * The media product to restore when connection is back online.
    */
   static #s = null;
-  static #t;
+  static #r;
   static #i;
   static #n;
   static disable() {
-    this.#r && (this.#t && window.removeEventListener("offline", this.#t, !1), this.#i && window.removeEventListener("online", this.#i, !1), this.#i = void 0, this.#t = void 0, this.#r = !1);
+    this.#t && (this.#r && window.removeEventListener("offline", this.#r, !1), this.#i && window.removeEventListener("online", this.#i, !1), this.#i = void 0, this.#r = void 0, this.#t = !1);
   }
   static enable() {
-    this.#r || (this.#i = () => this.#o(), this.#t = () => this.#a(), window.addEventListener("offline", this.#t, !1), window.addEventListener("online", this.#i, !1), this.#r = !0);
+    this.#t || (this.#i = () => this.#o(), this.#r = () => this.#a(), window.addEventListener("offline", this.#r, !1), window.addEventListener("online", this.#i, !1), this.#t = !0);
   }
   static #a() {
     const { activePlayer: e } = p;
@@ -2551,15 +2601,15 @@ class he {
     e && (this.#e = e.currentTime);
   }
 }
-const Tt = "streaming-privileges-revoked";
-function It(t) {
-  return new CustomEvent(Tt, {
+const kt = "streaming-privileges-revoked";
+function Mt(t) {
+  return new CustomEvent(kt, {
     detail: t
   });
 }
-let I;
-async function me(t) {
-  const e = k("apiUrl"), r = await fetch(e + "/rt/connect", {
+let L;
+async function ce(t) {
+  const e = M("apiUrl"), r = await fetch(e + "/rt/connect", {
     headers: new Headers({
       Authorization: "Bearer " + t,
       "Content-Type": "application/json"
@@ -2568,18 +2618,18 @@ async function me(t) {
   }), { url: s } = await r.json();
   return s;
 }
-function pe(t) {
+function de(t) {
   return new Promise((e) => {
     t.addEventListener("open", () => e(), { once: !0 });
   });
 }
 class z {
   #e;
-  #r;
-  #s;
   #t;
+  #s;
+  #r;
   constructor() {
-    this.#t = void 0, this.#r = this.#i(), h.addEventListener("user-action", () => {
+    this.#r = void 0, this.#t = this.#i(), h.addEventListener("user-action", () => {
       this.connected && this.userAction().then().catch(console.error);
     });
   }
@@ -2587,42 +2637,42 @@ class z {
    * Call this method to ensure pushkin is running.
    */
   static async ensure() {
-    await N() && (I ? I.connected || await I.reconnect() : I = new z());
+    await B() && (L ? L.connected || await L.reconnect() : L = new z());
   }
   /**
    * Call this method when credentials changes to re-setup pushkin with the new credentials
    */
   static async refresh() {
-    if (!await N())
+    if (!await B())
       return;
-    const e = await Y();
-    I && e && I.reconnect().catch(console.error);
+    const e = await K();
+    L && e && L.reconnect().catch(console.error);
   }
   async #i() {
-    const e = await Y();
+    const e = await K();
     if (!e)
       throw new Error("No access token to connect to Pushkin.");
-    const r = await me(e);
-    r && (this.#t = new WebSocket(r), await pe(this.#t), this.#s = (s) => this.#o(s.data), this.#e = () => this.#a(), this.#t.addEventListener("message", this.#s, !1), this.#t.addEventListener("closed", this.#e, !1), window.addEventListener("online", () => this.#a(), {
+    const r = await ce(e);
+    r && (this.#r = new WebSocket(r), await de(this.#r), this.#s = (s) => this.#o(s.data), this.#e = () => this.#a(), this.#r.addEventListener("message", this.#s, !1), this.#r.addEventListener("closed", this.#e, !1), window.addEventListener("online", () => this.#a(), {
       once: !0
     }));
   }
   async #n(e) {
-    if (!this.#t)
+    if (!this.#r)
       throw new Error(
         "No socket connected. Did you forget to call connect method in Pushkin service first?"
       );
-    this.#t.readyState !== WebSocket.OPEN && await this.#r, this.#t.send(JSON.stringify(e));
+    this.#r.readyState !== WebSocket.OPEN && await this.#t, this.#r.send(JSON.stringify(e));
   }
   #a() {
-    this.#r = this.#i();
+    this.#t = this.#i();
   }
   #o(e) {
     const r = JSON.parse(e);
     switch (r.type) {
       case "PRIVILEGED_SESSION_NOTIFICATION": {
         h.dispatchEvent(
-          It(
+          Mt(
             String(r.payload.clientDisplayName)
           )
         ), p.activePlayer?.pause();
@@ -2637,7 +2687,7 @@ class z {
     }
   }
   reconnect() {
-    return this.#t ? (this.#s && this.#t.removeEventListener("message", this.#s), this.#e && this.#t.removeEventListener("closed", this.#e), this.#t.close(), this.#r = this.#i(), this.#r) : Promise.resolve();
+    return this.#r ? (this.#s && this.#r.removeEventListener("message", this.#s), this.#e && this.#r.removeEventListener("closed", this.#e), this.#r.close(), this.#t = this.#i(), this.#t) : Promise.resolve();
   }
   /**
    * Call this method to tell Pushkin a user action happened, so it can
@@ -2648,7 +2698,7 @@ class z {
     try {
       await this.#n({
         payload: {
-          startedAt: b.now()
+          startedAt: y.now()
         },
         type: "USER_ACTION"
       });
@@ -2657,19 +2707,19 @@ class z {
     }
   }
   get connected() {
-    return this.#t && this.#t.readyState === WebSocket.OPEN;
+    return this.#r && this.#r.readyState === WebSocket.OPEN;
   }
 }
-const Lt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Et = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   Pushkin: z,
-  fetchWebSocketURL: me,
-  socketOpen: pe
+  fetchWebSocketURL: ce,
+  socketOpen: de
 }, Symbol.toStringTag, { value: "Module" }));
-async function Ot() {
-  Ue(), he.disable(), await xe();
+async function Pt() {
+  Be(), oe.disable(), await Ne();
 }
-const At = {
+const Tt = {
   actions: [],
   actualAssetPresentation: "PREVIEW",
   actualAudioMode: "STEREO",
@@ -2685,50 +2735,56 @@ const At = {
   sourceType: "",
   startAssetPosition: -1,
   startTimestamp: -1
-}, fe = await L(
+}, le = await O(
   "playback_session",
-  At
+  Tt
 );
-function Xt(t) {
-  return fe(t);
+function Kt(t) {
+  return le(t);
 }
-function Zt(t, e) {
-  return fe({
+function Jt(t, e) {
+  return le({
     actions: [e],
     streamingSessionId: t
   });
 }
-async function ge(t, e = 0, r = !1) {
-  if (await b.synchronize(), z.ensure().catch(console.error), p.activePlayer?.nextItem && p.activePlayer.nextItem.mediaProduct.productId === t.productId) {
+async function ue(t, e = 0, r = !1) {
+  if (await y.synchronize(), z.ensure().catch(console.error), p.activePlayer?.nextItem && p.activePlayer.nextItem.mediaProduct.productId === t.productId) {
     const f = p.activePlayer;
     return performance.mark(
       "streaming_metrics:playback_statistics:idealStartTimestamp",
-      { detail: p.preloadedStreamingSessionId }
+      {
+        detail: p.preloadedStreamingSessionId,
+        startTime: y.now()
+      }
     ), await f.reset({ keepPreload: !0 }), t.referenceId && p.preloadedStreamingSessionId && f.overwriteMediaProduct(
       p.preloadedStreamingSessionId,
       t
     ), f.skipToPreloadedMediaProduct();
   }
-  const s = Ot(), n = wt();
-  le({
+  const s = Pt(), n = mt();
+  ne({
     events: [
-      ut({
+      ot({
         sessionProductId: t.productId,
         sessionProductType: t.productType === "track" ? "TRACK" : "VIDEO",
         sessionType: "PLAYBACK",
         startReason: "EXPLICIT",
         streamingSessionId: n,
-        timestamp: b.now()
+        timestamp: y.now()
       })
     ]
   }).catch(console.error), performance.mark(
     "streaming_metrics:playback_statistics:idealStartTimestamp",
-    { detail: n }
+    {
+      detail: n,
+      startTime: y.now()
+    }
   );
-  const { clientId: o, token: a } = await v.credentialsProvider.getCredentials(), c = k("streamingWifiAudioQuality");
-  let d = null;
+  const { clientId: o, token: a } = await v.credentialsProvider.getCredentials(), c = M("streamingWifiAudioQuality");
+  let l = null;
   try {
-    d = await Pt({
+    l = await St({
       accessToken: a,
       audioQuality: c,
       clientId: o,
@@ -2737,25 +2793,25 @@ async function ge(t, e = 0, r = !1) {
       streamingSessionId: n
     });
   } catch (f) {
-    f instanceof W && h.dispatchError(f), document.location.href.includes("localhost") && console.error(f);
+    f instanceof V && h.dispatchError(f), document.location.href.includes("localhost") && console.error(f);
   }
-  if (!d)
+  if (!l)
     return;
-  const l = kt(d);
-  Q.saveStreamInfo(
-    l.streamingSessionId,
-    l
-  ), await s, he.enable();
-  const y = "trackId" in d ? d.audioQuality : void 0, M = await He(
+  const d = wt(l);
+  q.saveStreamInfo(
+    d.streamingSessionId,
+    d
+  ), await s, oe.enable();
+  const b = "trackId" in l ? l.audioQuality : void 0, E = await We(
     t.productType,
-    y
+    b
   );
-  return De(M), M.load(
+  return Fe(E), E.load(
     {
       assetPosition: e,
       mediaProduct: t,
-      playbackInfo: d,
-      streamInfo: l
+      playbackInfo: l,
+      streamInfo: d
     },
     "explicit"
   );
@@ -2763,44 +2819,44 @@ async function ge(t, e = 0, r = !1) {
 h.addEventListener("load", (t) => {
   if (t instanceof CustomEvent) {
     const { currentTime: e, mediaProduct: r } = t.detail;
-    ge(r, e).then().catch(console.error);
+    ue(r, e).then().catch(console.error);
   }
 });
-function Ct() {
+function It() {
   return p.activePlayer?.pause();
 }
-async function _t() {
-  await b.synchronize();
+async function Lt() {
+  await y.synchronize();
   const { activePlayer: t } = p;
   return t ? (h.dispatchEvent(new CustomEvent("user-action")), t.play()) : Promise.reject(new Error("No active player"));
 }
-async function Nt(t) {
+async function Ot(t) {
   const { activePlayer: e } = p;
   return e?.seek(t);
 }
-function er(t) {
+function Yt(t) {
   v.credentialsProvider = t;
 }
-const Ft = "active-device-changed";
-function tr(t) {
-  return new CustomEvent(Ft, {
+const At = "active-device-changed";
+function Xt(t) {
+  return new CustomEvent(At, {
     detail: t
   });
 }
-const Bt = "active-device-mode-changed";
-function rr(t) {
-  return new CustomEvent(Bt, {
+const Ct = "active-device-mode-changed";
+function Zt(t) {
+  return new CustomEvent(Ct, {
     detail: t
   });
 }
-const Rt = "active-device-pass-through-changed";
-function sr(t) {
-  return new CustomEvent(Rt, {
+const _t = "active-device-pass-through-changed";
+function er(t) {
+  return new CustomEvent(_t, {
     detail: t
   });
 }
-b.synchronize().then().catch(console.error);
-function we() {
+y.synchronize().then().catch(console.error);
+function he() {
   const { activePlayer: t } = p;
   if (!t)
     return null;
@@ -2813,10 +2869,19 @@ function we() {
       return null;
   }
 }
-Pe().then().catch(console.error);
-Ie().then().catch(console.error);
-const j = String.raw, xt = String.raw;
-function ye(t) {
+function Nt() {
+  const t = localStorage.getItem("ssuid");
+  try {
+    t && indexedDB.deleteDatabase("streaming-sessions-" + t);
+  } catch (e) {
+    console.warn(`DB streaming-sessions-${t} could not be deleted`), console.error(e);
+  }
+}
+Se().then().catch(console.error);
+Me().then().catch(console.error);
+Nt();
+const j = String.raw, Ft = String.raw;
+function me(t) {
   if (t === void 0)
     return "0:00";
   const e = parseInt(String(t), 10), r = Math.floor(e / 3600), s = Math.floor((e - r * 3600) / 60), n = e - r * 3600 - s * 60;
@@ -2828,52 +2893,52 @@ function ye(t) {
     o = `${s}:`;
   return o += n < 10 ? `0${n}` : String(n), o;
 }
-function be(t = 0) {
-  const e = typeof t == "number" ? t : parseInt(t, 10), r = Math.floor(e / 3600) % 24, s = Math.floor(e / 60) % 60, n = e % 60, o = (c, d) => {
-    if (c === 0 && d !== 1)
+function pe(t = 0) {
+  const e = typeof t == "number" ? t : parseInt(t, 10), r = Math.floor(e / 3600) % 24, s = Math.floor(e / 60) % 60, n = e % 60, o = (c, l) => {
+    if (c === 0 && l !== 1)
       return "";
-    let l;
-    switch (d) {
+    let d;
+    switch (l) {
       case 0:
-        l = "H";
+        d = "H";
         break;
       case 1:
-        l = "M";
+        d = "M";
         break;
       default:
-        l = "S";
+        d = "S";
         break;
     }
-    return `${l}${c}`;
+    return `${d}${c}`;
   };
   return `P${[r, s, n].map(o).join("")}`;
 }
-const Dt = "tidal-current-time";
-class Ut extends HTMLElement {
+const Bt = "tidal-current-time";
+class Rt extends HTMLElement {
   #e = void 0;
-  #r = /* @__PURE__ */ new Set();
+  #t = /* @__PURE__ */ new Set();
   #s;
-  #t;
+  #r;
   #i;
   constructor() {
-    super(), this.#i = (e) => this.renderTime(e.target.currentTime), this.#t = () => this.renderTime(0), this.#s = this.#n.bind(this);
+    super(), this.#i = (e) => this.renderTime(e.target.currentTime), this.#r = () => this.renderTime(0), this.#s = this.#n.bind(this);
   }
   #n() {
-    const e = we();
-    e && this.#e && !this.#r.has(e) && (e.addEventListener("timeupdate", this.#i, !1), this.#r.add(e));
+    const e = he();
+    e && this.#e && !this.#t.has(e) && (e.addEventListener("timeupdate", this.#i, !1), this.#t.add(e));
   }
   connectedCallback() {
     const e = this.attachShadow({ mode: "open" });
     e.innerHTML = "<time></time>";
     const r = e.querySelector("time");
-    this.#e === void 0 && r !== null && (this.#e = r), this.renderTime(qe()), h.addEventListener(
+    this.#e === void 0 && r !== null && (this.#e = r), this.renderTime(Ve()), h.addEventListener(
       "media-product-transition",
       this.#s,
       !1
-    ), h.addEventListener("ended", this.#t, !1);
+    ), h.addEventListener("ended", this.#r, !1);
   }
   disconnectedCallback() {
-    for (let e of this.#r)
+    for (let e of this.#t)
       e.removeEventListener(
         "timeupdate",
         this.#i,
@@ -2883,58 +2948,58 @@ class Ut extends HTMLElement {
       "media-product-transition",
       this.#s,
       !1
-    ), h.removeEventListener("ended", this.#t, !1);
+    ), h.removeEventListener("ended", this.#r, !1);
   }
   renderTime(e) {
     const r = Math.floor(e);
-    this.#e && (this.#e.textContent = ye(r), this.#e.setAttribute("datetime", be(r)));
+    this.#e && (this.#e.textContent = me(r), this.#e.setAttribute("datetime", pe(r)));
   }
 }
-customElements.define(Dt, Ut);
-const Wt = "tidal-duration-time";
-class zt extends HTMLElement {
+customElements.define(Bt, Rt);
+const xt = "tidal-duration-time";
+class Dt extends HTMLElement {
   #e;
-  #r = !1;
+  #t = !1;
   #s;
   constructor() {
     super(), this.#s = (e) => {
       const r = e;
       this.renderTime(r.detail.playbackContext.actualDuration);
-    }, this.#t();
+    }, this.#r();
   }
-  #t() {
-    this.#r || (h.addEventListener(
+  #r() {
+    this.#t || (h.addEventListener(
       "media-product-transition",
       this.#s,
       !1
-    ), this.#r = !0);
+    ), this.#t = !0);
   }
   #i() {
     const e = this.attachShadow({ mode: "open" });
     this.#e = document.createElement("time"), e.appendChild(this.#e);
   }
   connectedCallback() {
-    this.#t(), this.#i();
+    this.#r(), this.#i();
     const e = parseInt(String(this.textContent), 10), r = Number.isNaN(e) ? 0 : e;
-    this.renderTime($e()?.actualDuration ?? r);
+    this.renderTime(Ue()?.actualDuration ?? r);
   }
   disconnectedCallback() {
     h.removeEventListener(
       "media-product-transition",
       this.#s,
       !1
-    ), this.#r = !1;
+    ), this.#t = !1;
   }
   renderTime(e) {
     const r = parseInt(e.toFixed(0), 10);
-    this.#e && (this.#e.textContent = ye(r), this.#e.setAttribute("datetime", be(r)));
+    this.#e && (this.#e.textContent = me(r), this.#e.setAttribute("datetime", pe(r)));
   }
 }
-customElements.define(Wt, zt);
-const Vt = "tidal-play-trigger";
-class Ht extends HTMLElement {
+customElements.define(xt, Dt);
+const Wt = "tidal-play-trigger";
+class Vt extends HTMLElement {
   #e;
-  #r = !1;
+  #t = !1;
   constructor() {
     super(), this.#e = (e) => {
       e.preventDefault(), this.#s().catch(console.error);
@@ -2944,15 +3009,15 @@ class Ht extends HTMLElement {
     return ["product-id", "product-type"];
   }
   async #s() {
-    await this.#t(), se() === "PLAYING" ? Ct() : await _t();
+    await this.#r(), te() === "PLAYING" ? It() : await Lt();
   }
-  #t() {
-    const e = Qe()?.productId ?? void 0;
+  #r() {
+    const e = ze()?.productId ?? void 0;
     if (this.mediaProduct && this.mediaProduct.productId !== e)
-      return ge(this.mediaProduct, 0);
+      return ue(this.mediaProduct, 0);
   }
   #i() {
-    this.#r || this.addEventListener("click", this.#e, { passive: !0 });
+    this.#t || this.addEventListener("click", this.#e, { passive: !0 });
   }
   #n() {
     const e = this.attachShadow({ mode: "closed" }), r = document.createElement("style");
@@ -2970,7 +3035,7 @@ class Ht extends HTMLElement {
   disconnectedCallback() {
     this.removeEventListener("click", this.#e, {
       passive: !0
-    }), this.#r = !1;
+    }), this.#t = !1;
   }
   get mediaProduct() {
     const e = this.getAttribute("product-id");
@@ -2985,8 +3050,8 @@ class Ht extends HTMLElement {
     };
   }
 }
-customElements.define(Vt, Ht);
-const qt = j`
+customElements.define(Wt, Vt);
+const zt = j`
   :host {
     display: inline-block;
   }
@@ -3007,22 +3072,22 @@ const qt = j`
     background-color: currentColor;
     pointer-events: none;
   }
-`, Z = {
+`, X = {
   NO_DURATION: "You need to set duration before you can start/stop the progress bar."
 };
-class Qt extends HTMLElement {
+class Ut extends HTMLElement {
   #e;
-  #r = 1;
+  #t = 1;
   #s = null;
-  #t;
+  #r;
   #i;
   #n = /* @__PURE__ */ new Set();
   #a = null;
   #o;
   constructor() {
-    super(), this.#t = (e) => {
+    super(), this.#r = (e) => {
       const r = e;
-      if (this.duration = r.detail.playbackContext.actualDuration, se() === "PLAYING")
+      if (this.duration = r.detail.playbackContext.actualDuration, te() === "PLAYING")
         try {
           this.start();
         } catch (s) {
@@ -3042,7 +3107,7 @@ class Qt extends HTMLElement {
   #c() {
     this.#n.has("media-product-transition") || (h.addEventListener(
       "media-product-transition",
-      this.#t,
+      this.#r,
       !1
     ), this.#n.add("media-product-transition")), this.#n.has("playback-state-change") || (h.addEventListener(
       "playback-state-change",
@@ -3051,9 +3116,9 @@ class Qt extends HTMLElement {
   }
   #d() {
     const e = this.attachShadow({ mode: "closed" });
-    e.innerHTML = xt`
+    e.innerHTML = Ft`
       <style>
-        ${qt}
+        ${zt}
       </style>
       <div id="wrapper">
         <div id="indicator"></div>
@@ -3071,7 +3136,7 @@ class Qt extends HTMLElement {
   disconnectedCallback() {
     h.removeEventListener(
       "media-product-transition",
-      this.#t,
+      this.#r,
       !1
     ), h.removeEventListener(
       "playback-state-change",
@@ -3102,8 +3167,8 @@ class Qt extends HTMLElement {
    * @param {MouseEvent | PointerEvent} event
    */
   handleClick(e) {
-    const r = this.getMousePositionAsPercent(e), s = this.#r * r;
-    this.currentTime = s, Nt(s / 1e3);
+    const r = this.getMousePositionAsPercent(e), s = this.#t * r;
+    this.currentTime = s, Ot(s / 1e3);
   }
   /**
    * Starts the animation if duration is defined.
@@ -3112,7 +3177,7 @@ class Qt extends HTMLElement {
    */
   start() {
     if (!this.#e)
-      throw new Error(Z.NO_DURATION);
+      throw new Error(X.NO_DURATION);
     this.#e.play();
   }
   /**
@@ -3122,7 +3187,7 @@ class Qt extends HTMLElement {
    */
   stop() {
     if (!this.#e)
-      throw new Error(Z.NO_DURATION);
+      throw new Error(X.NO_DURATION);
     this.#e.pause();
   }
   /**
@@ -3137,7 +3202,7 @@ class Qt extends HTMLElement {
    * Setting this recrates the animation with the new duraton and pauses the animation.
    */
   set duration(e) {
-    this.#r = e * 1e3;
+    this.#t = e * 1e3;
     const r = [
       {
         transform: "translateX(-100%)"
@@ -3147,7 +3212,7 @@ class Qt extends HTMLElement {
       }
     ];
     this.#e = this.#s?.animate(r, {
-      duration: this.#r,
+      duration: this.#t,
       iterations: 1
     }), this.#e?.pause();
   }
@@ -3158,9 +3223,9 @@ class Qt extends HTMLElement {
     this.stop(), this.#e && (this.#e.playbackRate = e), this.start();
   }
 }
-const $t = "tidal-progress-bar";
-customElements.define($t, Qt);
-const jt = j`
+const Ht = "tidal-progress-bar";
+customElements.define(Ht, Ut);
+const $t = j`
   :host {
     position: relative;
     display: block;
@@ -3177,13 +3242,13 @@ const jt = j`
     position: relative;
     background-color: black;
   }
-`, Gt = "tidal-video-view";
-class Kt extends HTMLElement {
+`, qt = "tidal-video-view";
+class jt extends HTMLElement {
   #e = !1;
-  #r;
+  #t;
   #s;
   constructor() {
-    super(), this.#r = (e) => {
+    super(), this.#t = (e) => {
       e.detail.mediaProduct.productType === "video" && this.mountPlayer();
     }, this.#s = (e) => {
       const r = e;
@@ -3191,12 +3256,12 @@ class Kt extends HTMLElement {
         "playback-state",
         r.detail.state.toLocaleLowerCase()
       );
-    }, this.#t();
+    }, this.#r();
   }
-  #t() {
+  #r() {
     this.#e || (h.addEventListener(
       "media-product-transition",
-      this.#r,
+      this.#t,
       !1
     ), h.addEventListener(
       "playback-state-change",
@@ -3205,16 +3270,16 @@ class Kt extends HTMLElement {
     ));
   }
   connectedCallback() {
-    this.#t();
+    this.#r();
     const e = this.attachShadow({ mode: "closed" }), r = document.createElement("style");
-    r.textContent = jt;
+    r.textContent = $t;
     const s = document.createElement("slot");
     e.appendChild(r), e.appendChild(s);
   }
   disconnectedCallback() {
     h.removeEventListener(
       "media-product-transition",
-      this.#r,
+      this.#t,
       !1
     ), h.removeEventListener(
       "playback-state-change",
@@ -3223,45 +3288,45 @@ class Kt extends HTMLElement {
     ), this.#e = !0;
   }
   mountPlayer() {
-    const e = we();
+    const e = he();
     e && (this.innerHTML = "", this.appendChild(e));
   }
 }
-customElements.define(Gt, Kt);
+customElements.define(qt, jt);
 export {
-  E as A,
-  ge as B,
-  Me as F,
-  Zt as G,
-  W as H,
-  Te as N,
-  P as O,
-  b as P,
-  Jt as Q,
-  Le as R,
-  v as S,
-  Yt as U,
-  er as X,
-  L as _,
-  Xt as a,
-  k as b,
-  gt as c,
-  _ as d,
-  Dt as e,
-  Wt as f,
-  wt as g,
-  ct as h,
-  sr as i,
-  le as j,
-  Q as k,
+  V as $,
+  Kt as A,
+  ke as C,
+  F as D,
+  ne as G,
+  Yt as K,
+  O as N,
+  T as O,
+  v as P,
+  M as S,
+  q as T,
+  Qt as V,
+  Gt as W,
+  Xt as X,
+  Ee as _,
+  I as a,
+  h as b,
+  we as c,
+  Xe as d,
+  Zt as e,
+  ue as f,
+  y as g,
+  ie as h,
+  it as i,
+  Bt as j,
+  xt as k,
   p as l,
-  Vt as m,
-  J as n,
-  rt as o,
-  $t as p,
-  Gt as q,
-  rr as s,
-  tr as t,
-  de as w,
-  h as y
+  mt as m,
+  Wt as n,
+  Ht as o,
+  ht as p,
+  qt as q,
+  er as r,
+  J as s,
+  Jt as z
 };