@sapia-ai/chatbot-v3 1.0.3 → 1.1.1

package/dist/react/AnswerInput.d.ts

@@ -1,6 +1,6 @@
 import { InterviewEngine } from '../core/interview';
 import { Region } from '../api/config';
-import { CurrentInputKind, TextRules } from './bubbleViewModel';
+import { CurrentInputKind, EditingDraft, TextRules } from './bubbleViewModel';
 import { UiStrings } from './strings';
 export type AnswerInputProps = {
     engine: InterviewEngine;
@@ -12,10 +12,9 @@ export type AnswerInputProps = {
     region: Region;
     /** Max video answer length in seconds (video questions). */
     maxVideoSeconds?: number;
-    /** True while re-editing an FTQ/PII answer; shows a cancel affordance. */
-    editing?: boolean;
-    cancelEditLabel?: string;
+    /** Stored answer to open the composer on when re-editing. */
+    draft?: EditingDraft;
     /** Called when the candidate pastes into a text answer (AGC paste log). */
     onPaste?: () => void;
 };
-export declare const AnswerInput: ({ engine, kind, disabled, textRules, strings, candidateCountryCode, region, maxVideoSeconds, editing, cancelEditLabel, onPaste, }: AnswerInputProps) => import("react").JSX.Element;
+export declare const AnswerInput: ({ engine, kind, disabled, textRules, strings, candidateCountryCode, region, maxVideoSeconds, draft, onPaste, }: AnswerInputProps) => import("react").JSX.Element;

package/dist/react/bubbleViewModel.d.ts

@@ -18,23 +18,32 @@ export type TextRules = {
 export declare const currentAgentBubble: (bubbles: MessageBubble[], editingQuestionId?: string) => MessageBubble | undefined;
 /** Id of the question the bottom input currently targets (for remounting per question). */
 export declare const currentQuestionId: (bubbles: MessageBubble[], editingQuestionId?: string) => string | undefined;
+/** The stored answer of the question under edit, used to seed the composer. */
+export type EditingDraft = {
+    text: string;
+};
+/**
+ * Answer text of the answer currently being re-edited, so the composer opens on it instead of
+ * blank. Reads the same source as the rendered bubble: `answer` for this session's submissions,
+ * message items for answers restored from history. Rich-text answers are markdown, which the
+ * composer renders back into the editor.
+ */
+export declare const editingAnswerDraft: (bubbles: MessageBubble[], editingQuestionId?: string) => EditingDraft | undefined;
 /** Eyebrow/badge copy builders, supplied by react/strings (keeps i18n out of the view-model). */
 export type QuestionCardLabels = {
-    /** "Question {n} of {total}" for written/video questions. */
+    /** "Question {n} of {total}", shown on every question card. */
     counter: (n: number, total: number) => string;
-    /** Type eyebrow for MCQ/BGQ/DROPDOWN. */
-    singleChoice: string;
     /** Dark badge shown on video question cards. */
     videoBadge: string;
 };
 /**
  * Marks every agent question turn as a card (matching the prototype's permanent
- * question styling); conversational agent turns stay plain. Written/video show
- * "Question n of N"; choice questions show a type eyebrow; video adds a badge.
- * The ordinal increments for each counted question even when its number isn't
- * displayed. Editing a past answer suppresses all cards (inline re-edit).
+ * question styling); conversational agent turns stay plain. Every card shows
+ * "Question n of N" (choice questions included, matching the reference); video
+ * adds a media badge. Cards persist through an edit — the docked edit banner, not a
+ * restyled transcript, is what signals edit mode.
  */
-export declare const buildQuestionCards: (bubbles: MessageBubble[], total: number, labels: QuestionCardLabels, editingQuestionId?: string) => Map<string, QuestionCard>;
+export declare const buildQuestionCards: (bubbles: MessageBubble[], total: number, labels: QuestionCardLabels) => Map<string, QuestionCard>;
 /**
  * Bubble id of the active video question, so its recorder renders inside the
  * card. Undefined unless the current question is a (non-edited) video question.
@@ -43,7 +52,14 @@ export declare const activeVideoCardId: (bubbles: MessageBubble[], editingQuesti
 /** The bottom free-text/PII input is shown only for FTQ-typed questions. */
 export declare const isTextInputActive: (bubbles: MessageBubble[], editingQuestionId?: string) => boolean;
 /** Which composed input the current question needs (video, PII subtype, or plain text). */
-export type CurrentInputKind = 'text' | 'email' | 'name' | 'phone' | 'location' | 'video';
+export declare enum CurrentInputKind {
+    TEXT = "text",
+    EMAIL = "email",
+    NAME = "name",
+    PHONE = "phone",
+    LOCATION = "location",
+    VIDEO = "video"
+}
 export declare const currentInputKind: (bubbles: MessageBubble[], editingQuestionId?: string) => CurrentInputKind;
 export declare const currentTextRules: (bubbles: MessageBubble[], editingQuestionId?: string) => TextRules;
 /** Max video answer length in seconds (legacy reuses the voice-seconds rule). */

package/dist/react/strings.d.ts

@@ -1,9 +1,9 @@
+import { QuestionType } from '../api/types/messages';
 import { Translator } from '../core/i18n/translator';
+import { SummaryKind } from '../ui/chat/SummaryCard/SummaryCard';
 export declare const buildStrings: (t: Translator) => {
     headerTitle: string;
     headerSubtitle: string;
-    speakerInterviewer: string;
-    singleChoiceLabel: string;
     videoBadge: string;
     typingLabel: string;
     typingReading: string;
@@ -25,12 +25,26 @@ export declare const buildStrings: (t: Translator) => {
     welcomePause: string;
     welcomeNext: string;
     welcomeReassurance: string;
+    /** Total-questions meta, e.g. "3 questions". */
+    summaryQuestions: (count: number) => string;
+    /** Estimated-time meta, e.g. "~9 min". */
+    summaryMinutes: (minutes: number) => string;
+    /** Uppercase label for the summary total panel, e.g. "Total". */
+    summaryTotal: string;
+    /**
+     * FE-owned label + description + icon kind for a breakdown category (the backend sends the
+     * QuestionType only). Unknown types fall back to a generic "Questions" label with no description.
+     */
+    summaryCategory: (type: QuestionType) => {
+        label: string;
+        description: string;
+        kind: SummaryKind;
+    };
     answerLooksGood: string;
     composerFooter: string;
     richToolbar: string;
     richBold: string;
     richItalic: string;
-    richUnderline: string;
     richBulletList: string;
     richNumberList: string;
     inputPlaceholder: string;
@@ -39,7 +53,13 @@ export declare const buildStrings: (t: Translator) => {
     retryLabel: string;
     editLabel: string;
     cancelEditLabel: string;
+    editingLabel: string;
+    editBannerLabel: string;
     optionsGroupLabel: string;
+    senderAgent: string;
+    senderCandidate: string;
+    opensNewTab: string;
+    widgetLabel: string;
     sliderLabel: string;
     sliderHint: string;
     submitRatingLabel: string;
@@ -77,6 +97,9 @@ export declare const buildStrings: (t: Translator) => {
     videoOff: string;
     videoFinishHint: string;
     videoCameraOff: string;
+    videoRecordingStarted: string;
+    videoRecordingStopped: string;
+    videoSecondsRemaining: (seconds: number) => string;
     videoAttempts: (current: number, max: number) => string;
     videoUploadProgress: string;
     videoUploadFailed: string;

package/dist/{react-DJysvNxz.js → react-BjO903pN.js}

@@ -1,7 +1,7 @@
-import { b as e } from "./messages-Czlp86gl.js";
-import { t } from "./react-B0K-sClg.js";
-import { a as n, i as r, n as i, r as a, t as o } from "./classPrivateFieldSet2-DtQPURVD.js";
-import { t as s } from "./defineProperty-DiFpLzd2.js";
+import { w as e } from "./messages-DCvBcspv.js";
+import { t } from "./react-DOgLiyZi.js";
+import { t as n } from "./defineProperty-DiFpLzd2.js";
+import { a as r, i, n as a, r as o, t as s } from "./classPrivateFieldSet2-DtQPURVD.js";
 //#region ../../node_modules/.pnpm/spotify-audio-element@1.0.4/node_modules/spotify-audio-element/dist/spotify-audio-element.js
 var c = /* @__PURE__ */ e(t(), 1), l, u = "https://open.spotify.com", d = /open\.spotify\.com\/(\w+)\/(\w+)/i, f = "https://open.spotify.com/embed-podcast/iframe-api/v1", p = "SpotifyIframeApi", m = "onSpotifyIframeApiReady";
 function h(e, t = {}) {
@@ -46,45 +46,45 @@ function g(e, t) {
 }
 var _ = /* @__PURE__ */ new WeakMap(), v = /* @__PURE__ */ new WeakMap(), y = /* @__PURE__ */ new WeakMap(), b = /* @__PURE__ */ new WeakMap(), x = /* @__PURE__ */ new WeakMap(), S = /* @__PURE__ */ new WeakMap(), C = /* @__PURE__ */ new WeakMap(), w = /* @__PURE__ */ new WeakMap(), T = /* @__PURE__ */ new WeakMap(), E = /* @__PURE__ */ new WeakMap(), D = /* @__PURE__ */ new WeakSet(), O = class extends ((l = globalThis.HTMLElement) == null ? class {} : l) {
 	constructor() {
-		super(), n(this, D), s(this, "loadComplete", new I()), r(this, _, void 0), r(this, v, void 0), r(this, y, void 0), r(this, b, !1), r(this, x, !1), r(this, S, !0), r(this, C, 0), r(this, w, NaN), r(this, T, !1), r(this, E, null), a(D, this, k).call(this, "config");
+		super(), r(this, D), n(this, "loadComplete", new I()), i(this, _, void 0), i(this, v, void 0), i(this, y, void 0), i(this, b, !1), i(this, x, !1), i(this, S, !0), i(this, C, 0), i(this, w, NaN), i(this, T, !1), i(this, E, null), o(D, this, k).call(this, "config");
 	}
 	async load() {
 		var e, t, n;
-		if (i(_, this)) return;
-		i(v, this) && (this.loadComplete = new I()), o(v, this, !0), await o(_, this, Promise.resolve()), o(_, this, null), o(b, this, !1), o(x, this, !1), o(C, this, 0), o(w, this, NaN), o(T, this, !1), this.dispatchEvent(new Event("emptied"));
+		if (a(_, this)) return;
+		a(v, this) && (this.loadComplete = new I()), s(v, this, !0), await s(_, this, Promise.resolve()), s(_, this, null), s(b, this, !1), s(x, this, !1), s(C, this, 0), s(w, this, NaN), s(T, this, !1), this.dispatchEvent(new Event("emptied"));
 		let r = this.api;
 		if (this.api = null, !this.src) return;
 		this.dispatchEvent(new Event("loadstart"));
-		let a = {
+		let i = {
 			t: (e = this.config) == null ? void 0 : e.startAt,
 			theme: ((t = this.config) == null ? void 0 : t.theme) === "dark" ? "0" : null,
 			preferVideo: (n = this.config) == null ? void 0 : n.preferVideo
 		};
-		if (i(y, this)) this.api = r, this.api.iframeElement.src = g(N(this.attributes), this);
+		if (a(y, this)) this.api = r, this.api.iframeElement.src = g(N(this.attributes), this);
 		else {
-			o(y, this, !0), this.shadowRoot || (this.attachShadow({ mode: "open" }), this.shadowRoot.innerHTML = h(N(this.attributes), this));
+			s(y, this, !0), this.shadowRoot || (this.attachShadow({ mode: "open" }), this.shadowRoot.innerHTML = h(N(this.attributes), this));
 			let e = this.shadowRoot.querySelector("iframe"), t = await F(f, p, m);
-			this.api = await new Promise((n) => t.createController(e, a, n)), this.api.iframeElement = e, this.api.addListener("ready", () => {
+			this.api = await new Promise((n) => t.createController(e, i, n)), this.api.iframeElement = e, this.api.addListener("ready", () => {
 				this.dispatchEvent(new Event("loadedmetadata")), this.dispatchEvent(new Event("durationchange")), this.dispatchEvent(new Event("volumechange"));
 			}), this.api.addListener("playback_update", (e) => {
-				if (i(x, this) && i(S, this) && (e.data.isBuffering || !e.data.isPaused)) {
-					o(x, this, !1), this.currentTime = 1;
+				if (a(x, this) && a(S, this) && (e.data.isBuffering || !e.data.isPaused)) {
+					s(x, this, !1), this.currentTime = 1;
 					return;
 				}
-				if (e.data.duration / 1e3 !== i(w, this) && (o(x, this, !1), o(w, this, e.data.duration / 1e3), this.dispatchEvent(new Event("durationchange"))), e.data.position / 1e3 !== i(C, this) && (o(T, this, !1), o(x, this, !1), o(C, this, e.data.position / 1e3), this.dispatchEvent(new Event("timeupdate"))), !i(b, this) && !i(S, this) && e.data.isPaused) {
-					o(S, this, !0), this.dispatchEvent(new Event("pause"));
+				if (e.data.duration / 1e3 !== a(w, this) && (s(x, this, !1), s(w, this, e.data.duration / 1e3), this.dispatchEvent(new Event("durationchange"))), e.data.position / 1e3 !== a(C, this) && (s(T, this, !1), s(x, this, !1), s(C, this, e.data.position / 1e3), this.dispatchEvent(new Event("timeupdate"))), !a(b, this) && !a(S, this) && e.data.isPaused) {
+					s(S, this, !0), this.dispatchEvent(new Event("pause"));
 					return;
 				}
-				if (i(S, this) && (e.data.isBuffering || !e.data.isPaused)) {
-					o(S, this, !1), this.dispatchEvent(new Event("play")), o(b, this, e.data.isBuffering), i(b, this) ? this.dispatchEvent(new Event("waiting")) : this.dispatchEvent(new Event("playing"));
+				if (a(S, this) && (e.data.isBuffering || !e.data.isPaused)) {
+					s(S, this, !1), this.dispatchEvent(new Event("play")), s(b, this, e.data.isBuffering), a(b, this) ? this.dispatchEvent(new Event("waiting")) : this.dispatchEvent(new Event("playing"));
 					return;
 				}
-				if (i(b, this) && !e.data.isPaused) {
-					o(b, this, !1), this.dispatchEvent(new Event("playing"));
+				if (a(b, this) && !e.data.isPaused) {
+					s(b, this, !1), this.dispatchEvent(new Event("playing"));
 					return;
 				}
-				if (!this.paused && !this.seeking && !i(x, this) && Math.ceil(this.currentTime) >= this.duration) {
-					if (o(x, this, !0), this.loop) {
+				if (!this.paused && !this.seeking && !a(x, this) && Math.ceil(this.currentTime) >= this.duration) {
+					if (s(x, this, !0), this.loop) {
 						this.currentTime = 1;
 						return;
 					}
@@ -104,21 +104,21 @@ var _ = /* @__PURE__ */ new WeakMap(), v = /* @__PURE__ */ new WeakMap(), y = /*
 	}
 	async play() {
 		var e;
-		return o(S, this, !1), o(b, this, !0), this.dispatchEvent(new Event("play")), await this.loadComplete, (e = this.api) == null ? void 0 : e.resume();
+		return s(S, this, !1), s(b, this, !0), this.dispatchEvent(new Event("play")), await this.loadComplete, (e = this.api) == null ? void 0 : e.resume();
 	}
 	async pause() {
 		var e;
 		return await this.loadComplete, (e = this.api) == null ? void 0 : e.pause();
 	}
 	get config() {
-		return i(E, this);
+		return a(E, this);
 	}
 	set config(e) {
-		o(E, this, e);
+		s(E, this, e);
 	}
 	get paused() {
 		var e;
-		return (e = i(S, this)) == null ? !0 : e;
+		return (e = a(S, this)) == null ? !0 : e;
 	}
 	get muted() {
 		return !1;
@@ -132,7 +132,7 @@ var _ = /* @__PURE__ */ new WeakMap(), v = /* @__PURE__ */ new WeakMap(), y = /*
 		return Math.ceil(this.currentTime) >= this.duration;
 	}
 	get seeking() {
-		return i(T, this);
+		return a(T, this);
 	}
 	get loop() {
 		return this.hasAttribute("loop");
@@ -141,19 +141,19 @@ var _ = /* @__PURE__ */ new WeakMap(), v = /* @__PURE__ */ new WeakMap(), y = /*
 		this.loop != e && this.toggleAttribute("loop", !!e);
 	}
 	get currentTime() {
-		return i(C, this);
+		return a(C, this);
 	}
 	set currentTime(e) {
 		if (this.currentTime == e) return;
-		o(T, this, !0);
-		let t = i(C, this);
-		o(C, this, e), this.dispatchEvent(new Event("timeupdate")), o(C, this, t), this.loadComplete.then(() => {
+		s(T, this, !0);
+		let t = a(C, this);
+		s(C, this, e), this.dispatchEvent(new Event("timeupdate")), s(C, this, t), this.loadComplete.then(() => {
 			var t;
 			(t = this.api) == null || t.seek(e);
 		});
 	}
 	get duration() {
-		return i(w, this);
+		return a(w, this);
 	}
 	get src() {
 		return this.getAttribute("src");
@@ -168,7 +168,7 @@ function k(e) {
 		delete this[e], this[e] = t;
 	}
 }
-s(O, "getTemplateHTML", h), s(O, "shadowRootOptions", { mode: "open" }), s(O, "observedAttributes", [
+n(O, "getTemplateHTML", h), n(O, "shadowRootOptions", { mode: "open" }), n(O, "observedAttributes", [
 	"controls",
 	"loop",
 	"src"
@@ -309,4 +309,4 @@ var W = H({
 //#endregion
 export { W as default };
 
-//# sourceMappingURL=react-DJysvNxz.js.map
+//# sourceMappingURL=react-BjO903pN.js.map

package/dist/{react-QrtEtv1G.js → react-Bw5AugJc.js}

@@ -1,41 +1,41 @@
-import { b as e } from "./messages-Czlp86gl.js";
-import { t } from "./react-B0K-sClg.js";
-import { n } from "./hls-mBncGwsE.js";
-import { a as r, i, n as a, r as o, t as s } from "./classPrivateFieldSet2-DtQPURVD.js";
-import { t as c } from "./defineProperty-DiFpLzd2.js";
-import { n as l, t as u } from "./dist-BSi28_cP.js";
+import { w as e } from "./messages-DCvBcspv.js";
+import { t } from "./react-DOgLiyZi.js";
+import { t as n } from "./defineProperty-DiFpLzd2.js";
+import { n as r } from "./hls-mBncGwsE.js";
+import { a as i, i as a, n as o, r as s, t as c } from "./classPrivateFieldSet2-DtQPURVD.js";
+import { n as l, t as u } from "./dist-BOe6WyvN.js";
 //#region ../../node_modules/.pnpm/hls-video-element@1.5.11/node_modules/hls-video-element/dist/hls-video-element.js
 var d = /* @__PURE__ */ e(t(), 1), f = ((e) => {
 	var t, l, u, d, f;
 	return l = /* @__PURE__ */ new WeakMap(), u = /* @__PURE__ */ new WeakMap(), d = /* @__PURE__ */ new WeakSet(), f = /* @__PURE__ */ new WeakMap(), t = class extends e {
 		constructor() {
-			super(), r(this, d), i(this, l, null), i(this, u, null), i(this, f, () => {
+			super(), i(this, d), a(this, l, null), a(this, u, null), a(this, f, () => {
 				var e, t, n;
 				(e = this.nativeEl) != null && e.webkitCurrentPlaybackTargetIsWireless ? (t = this.api) == null || t.stopLoad() : (n = this.api) == null || n.startLoad();
-			}), o(d, this, m).call(this, "config");
+			}), s(d, this, m).call(this, "config");
 		}
 		get config() {
-			return a(u, this);
+			return o(u, this);
 		}
 		set config(e) {
-			s(u, this, e);
+			c(u, this, e);
 		}
 		attributeChangedCallback(e, t, n) {
 			e !== "src" && super.attributeChangedCallback(e, t, n), e === "src" && t != n && this.load();
 		}
 		async load() {
 			var e, t;
-			let r = !this.api;
-			if (o(d, this, p).call(this), this.src) {
-				if (r && !a(u, this) && s(u, this, JSON.parse(((e = this.shadowRoot.getElementById("config")) == null ? void 0 : e.textContent) || "{}")), n.isSupported()) {
-					switch (await Promise.resolve(), this.api = new n({
+			let n = !this.api;
+			if (s(d, this, p).call(this), this.src) {
+				if (n && !o(u, this) && c(u, this, JSON.parse(((e = this.shadowRoot.getElementById("config")) == null ? void 0 : e.textContent) || "{}")), r.isSupported()) {
+					switch (await Promise.resolve(), this.api = new r({
 						liveDurationInfinity: !0,
 						autoStartLoad: !1,
 						...this.config
 					}), this.api.loadSource(this.src), this.api.attachMedia(this.nativeEl), this.nativeEl.preload) {
 						case "none": {
 							let e = () => this.api.startLoad();
-							this.nativeEl.addEventListener("play", e, { once: !0 }), this.api.on(n.Events.DESTROYING, () => {
+							this.nativeEl.addEventListener("play", e, { once: !0 }), this.api.on(r.Events.DESTROYING, () => {
 								this.nativeEl.removeEventListener("play", e);
 							});
 							break;
@@ -43,19 +43,19 @@ var d = /* @__PURE__ */ e(t(), 1), f = ((e) => {
 						case "metadata": {
 							let e = this.api.config.maxBufferLength, t = this.api.config.maxBufferSize;
 							this.api.config.maxBufferLength = 1, this.api.config.maxBufferSize = 1;
-							let r = () => {
+							let n = () => {
 								this.api.config.maxBufferLength = e, this.api.config.maxBufferSize = t;
 							};
-							this.nativeEl.addEventListener("play", r, { once: !0 }), this.api.on(n.Events.DESTROYING, () => {
-								this.nativeEl.removeEventListener("play", r);
+							this.nativeEl.addEventListener("play", n, { once: !0 }), this.api.on(r.Events.DESTROYING, () => {
+								this.nativeEl.removeEventListener("play", n);
 							}), this.api.startLoad();
 							break;
 						}
 						default: this.api.startLoad();
 					}
-					this.nativeEl.webkitCurrentPlaybackTargetIsWireless && this.api.stopLoad(), this.nativeEl.addEventListener("webkitcurrentplaybacktargetiswirelesschanged", a(f, this)), s(l, this, document.createElement("source")), a(l, this).setAttribute("type", "application/x-mpegURL"), a(l, this).setAttribute("src", this.src), this.nativeEl.disableRemotePlayback = !1, this.nativeEl.append(a(l, this));
+					this.nativeEl.webkitCurrentPlaybackTargetIsWireless && this.api.stopLoad(), this.nativeEl.addEventListener("webkitcurrentplaybacktargetiswirelesschanged", o(f, this)), c(l, this, document.createElement("source")), o(l, this).setAttribute("type", "application/x-mpegURL"), o(l, this).setAttribute("src", this.src), this.nativeEl.disableRemotePlayback = !1, this.nativeEl.append(o(l, this));
 					let e = /* @__PURE__ */ new WeakMap();
-					this.api.on(n.Events.MANIFEST_PARSED, (t, n) => {
+					this.api.on(r.Events.MANIFEST_PARSED, (t, n) => {
 						this.nativeEl.autoplay && this.nativeEl.paused && this.nativeEl.play().catch((e) => {
 							console.warn("Autoplay failed:", e);
 						}), i();
@@ -73,19 +73,19 @@ var d = /* @__PURE__ */ e(t(), 1), f = ((e) => {
 						var e;
 						let t = +((e = [...this.audioTracks].find((e) => e.enabled)) == null ? void 0 : e.id), n = this.api.audioTracks.map((e) => e.id);
 						t != this.api.audioTrack && n.includes(t) && (this.api.audioTrack = t);
-					}), this.api.on(n.Events.LEVELS_UPDATED, (t, n) => {
+					}), this.api.on(r.Events.LEVELS_UPDATED, (t, n) => {
 						var r;
 						let i = this.videoTracks[(r = this.videoTracks.selectedIndex) == null ? 0 : r];
 						if (!i) return;
 						let a = n.levels.map((t) => e.get(t));
 						for (let e of this.videoRenditions) e.id && !a.includes(e.id) && i.removeRendition(e);
 					});
-					let r = null;
-					this.api.on(n.Events.ERROR, (e, t) => {
-						t.type === n.ErrorTypes.NETWORK_ERROR && t.details === n.ErrorDetails.FRAG_LOAD_ERROR && (r = t.frag.level);
-					}), this.api.on(n.Events.LEVEL_SWITCHED, (e, t) => {
-						let n = t.level;
-						r !== null && n < r && (console.warn(`\u26A0\uFE0F hls.js downgraded quality from level ${r} to ${n} due to fragment load failure.`), this.videoRenditions.selectedIndex = n, r = null);
+					let n = null;
+					this.api.on(r.Events.ERROR, (e, t) => {
+						t.type === r.ErrorTypes.NETWORK_ERROR && t.details === r.ErrorDetails.FRAG_LOAD_ERROR && (n = t.frag.level);
+					}), this.api.on(r.Events.LEVEL_SWITCHED, (e, t) => {
+						let r = t.level;
+						n !== null && r < n && (console.warn(`\u26A0\uFE0F hls.js downgraded quality from level ${n} to ${r} due to fragment load failure.`), this.videoRenditions.selectedIndex = r, n = null);
 					}), (t = this.videoRenditions) == null || t.addEventListener("change", (e) => {
 						let t = e.target.selectedIndex;
 						t != this.api.nextLevel && (this.api.nextLevel = t);
@@ -94,13 +94,13 @@ var d = /* @__PURE__ */ e(t(), 1), f = ((e) => {
 						for (let e of this.videoTracks) this.removeVideoTrack(e);
 						for (let e of this.audioTracks) this.removeAudioTrack(e);
 					};
-					this.api.once(n.Events.DESTROYING, i);
+					this.api.once(r.Events.DESTROYING, i);
 					return;
 				}
 				await Promise.resolve(), this.nativeEl.canPlayType("application/vnd.apple.mpegurl") && (this.nativeEl.src = this.src);
 			}
 		}
-	}, c(t, "shadowRootOptions", { ...e.shadowRootOptions }), c(t, "getTemplateHTML", (t, n = {}) => {
+	}, n(t, "shadowRootOptions", { ...e.shadowRootOptions }), n(t, "getTemplateHTML", (t, n = {}) => {
 		let { src: r, ...i } = t;
 		return `
         <script type="application/json" id="config">
@@ -111,7 +111,7 @@ var d = /* @__PURE__ */ e(t(), 1), f = ((e) => {
 	}), t;
 	function p() {
 		var e, t;
-		(e = a(l, this)) == null || e.remove(), (t = this.nativeEl) == null || t.removeEventListener("webkitcurrentplaybacktargetiswirelesschanged", a(f, this)), this.api && (this.api.detachMedia(), this.api.destroy(), this.api = null);
+		(e = o(l, this)) == null || e.remove(), (t = this.nativeEl) == null || t.removeEventListener("webkitcurrentplaybacktargetiswirelesschanged", o(f, this)), this.api && (this.api.detachMedia(), this.api.destroy(), this.api = null);
 	}
 	function m(e) {
 		if (Object.prototype.hasOwnProperty.call(this, e)) {
@@ -215,4 +215,4 @@ var b = v({
 //#endregion
 export { b as default };
 
-//# sourceMappingURL=react-QrtEtv1G.js.map
+//# sourceMappingURL=react-Bw5AugJc.js.map

package/dist/{react-dE7BdGuR.js → react-D8hV9uow.js}

@@ -1,12 +1,12 @@
-import { b as e } from "./messages-Czlp86gl.js";
-import { t } from "./react-B0K-sClg.js";
-import { i as n, n as r, t as i } from "./classPrivateFieldSet2-DtQPURVD.js";
-import { t as a } from "./defineProperty-DiFpLzd2.js";
-import { n as o, t as s } from "./dist-BSi28_cP.js";
+import { w as e } from "./messages-DCvBcspv.js";
+import { t } from "./react-DOgLiyZi.js";
+import { t as n } from "./defineProperty-DiFpLzd2.js";
+import { i as r, n as i, t as a } from "./classPrivateFieldSet2-DtQPURVD.js";
+import { n as o, t as s } from "./dist-BOe6WyvN.js";
 //#region ../../node_modules/.pnpm/dash-video-element@0.3.2_@svta+cml-cta@1.0.6_@svta+cml-structured-field-values@1.1.3_@s_1d417b19612eff304477e3f6272644a6/node_modules/dash-video-element/dist/dash-video-element.js
 var c = /* @__PURE__ */ e(t(), 1), l = /* @__PURE__ */ new WeakMap(), u = class extends s(o) {
 	constructor(...e) {
-		super(...e), n(this, l, void 0);
+		super(...e), r(this, l, void 0);
 	}
 	attributeChangedCallback(e, t, n) {
 		e !== "src" && super.attributeChangedCallback(e, t, n), e === "src" && t != n && this.load();
@@ -42,11 +42,11 @@ var c = /* @__PURE__ */ e(t(), 1), l = /* @__PURE__ */ new WeakMap(), u = class
 		}
 	}
 	async load() {
-		if (r(l, this)) {
+		if (i(l, this)) {
 			this.api.attachSource(this.src);
 			return;
 		}
-		i(l, this, !0);
+		a(l, this, !0);
 		let e = await import("./dash.all.min-DZ1yEcJk.js");
 		this.api = e.MediaPlayer().create(), this.api.initialize(this.nativeEl, this.src, this.autoplay), this.api.on(e.MediaPlayer.events.STREAM_INITIALIZED, () => {
 			let e = this.api.getRepresentationsByType("video"), t = this.videoTracks.getTrackById("main");
@@ -63,7 +63,7 @@ var c = /* @__PURE__ */ e(t(), 1), l = /* @__PURE__ */ new WeakMap(), u = class
 		});
 	}
 };
-a(u, "shadowRootOptions", { ...o.shadowRootOptions }), a(u, "getTemplateHTML", (e) => {
+n(u, "shadowRootOptions", { ...o.shadowRootOptions }), n(u, "getTemplateHTML", (e) => {
 	let { src: t, ...n } = e;
 	return o.getTemplateHTML(n);
 });
@@ -190,4 +190,4 @@ var S = b({
 //#endregion
 export { S as default };
 
-//# sourceMappingURL=react-dE7BdGuR.js.map
+//# sourceMappingURL=react-D8hV9uow.js.map