@beterdichtbij/component-library 0.0.0-dev-timo.12 → 0.0.0-dev-timo.14

package/dist/bd-component-lib.es.js

@@ -32223,85 +32223,85 @@ var iZ = /*#__PURE__*/ L(tZ, [["render", rZ]]), aZ = { class: "video-call-templa
 			deviceManager: null,
 			incomingCall: null,
 			call: null
-		}), ue = A(null), de = A(null), fe = A(null), pe = A(!0), me = A(!1), he = A(null), ge = A(null), _e = A(null), ve = A(0), ye = A(0), be = A(null), xe = A(!1), Ce = A(""), we = A(""), Te = A(null), Ee = A(null), De = A(!0), Oe = A(!1), ke = A(!1), Ae = A(!1), je = A(null), Me = A(null), Ne = A(null), Pe = A(null), L = null, Fe = null, Ie = null, Le = a(() => Oe.value || at.value), Re = a(() => ke.value && Ae.value), ze = a(() => {
+		}), ue = A(null), de = A(null), fe = A(null), pe = A(!0), me = A(!1), he = A(null), ge = A(null), _e = A(null), ve = A(0), ye = A(0), be = A(null), xe = A(!1), Ce = A(""), we = A(""), Te = A(null), Ee = A(null), De = A(!0), Oe = A(!1), ke = A(!1), Ae = A(!1), je = A(null), Me = A(null), Ne = A(null), Pe = A(null), L = null, Fe = null, Ie = null, Le = a(() => Oe.value || it.value), Re = a(() => {
 			switch (ve.value) {
-				case 0: return Ze.value.hasNoAvailableCamera;
-				case 1: return Ze.value.hasOneAvailableCamera;
-				default: return Ze.value.hasMultipleAvailableCameras;
+				case 0: return Xe.value.hasNoAvailableCamera;
+				case 1: return Xe.value.hasOneAvailableCamera;
+				default: return Xe.value.hasMultipleAvailableCameras;
 			}
-		}), Be = a(() => {
+		}), ze = a(() => {
 			let e = navigator.userAgent;
 			return /Mobi/.test(e) && !te.value;
-		}), Ve = a(() => {
+		}), Be = a(() => {
 			let e = navigator.userAgent, t = e.indexOf("Android") !== -1, n = /Mobi/.test(e), r = /iPad|iPhone|iPod/.test(e) && !window.MSStream;
 			return !(t && n || r);
-		}), He = a(() => !j.value?.video && at.value), Ue = a(() => !j.value?.audio && at.value), We = a(() => M.value === i.Declined ? "incoming--declined" : "incoming--loading"), Ge = a(() => {
+		}), Ve = a(() => !j.value?.video && it.value), He = a(() => !j.value?.audio && it.value), Ue = a(() => M.value === i.Declined ? "incoming--declined" : "incoming--loading"), We = a(() => {
 			switch (se.value) {
 				case 0: return "weak";
 				case 1: return "steady";
 				case 2: return "strong";
 				default: return null;
 			}
-		}), Ke = a(() => {
+		}), Ge = a(() => {
 			switch (se.value) {
 				case 0: return O.value.signalStrength.weak;
 				case 1: return O.value.signalStrength.steady;
 				case 2: return O.value.signalStrength.strong;
 				default: return null;
 			}
-		}), qe = a(() => O.value.videoCallTemplate || O.value), Je = a(() => qe.value.actions || qe.value), Ye = a(() => qe.value.help || qe.value), Xe = a(() => qe.value.permissions || qe.value), Ze = a(() => qe.value.cameraAvailability || qe.value), Qe = a(() => te.value ? Je.value.stopSharingScreen : Je.value.shareScreen), $e = a(() => Ye.value.placeholderSettingsHelpTitle), et = a(() => Ye.value.placeholderSettingsHelpMessage), tt = a(() => M.value === i.Declined), nt = a(() => M.value === i.HangedUp), rt = a(() => M.value === i.Connected), it = a(() => !rt.value), at = a(() => M.value === i.DevicePermissionDenied), ot = a(() => qe.value.statusTextMessage || qe.value), st = a(() => qe.value.statusDetailMessage || qe.value), ct = a(() => x.participantRole), lt = a(() => ke.value ? Je.value.microphoneUnmute : Je.value.microphoneMute), ut = a(() => Oe.value ? Je.value.cameraOn : Je.value.cameraOff), dt = a(() => pe.value ? Je.value.backgroundBlurUnavailable : De.value ? Je.value.backgroundBlur : Je.value.backgroundUnblur);
-		function ft(e) {
+		}), Ke = a(() => O.value.videoCallTemplate || O.value), qe = a(() => Ke.value.actions || Ke.value), Je = a(() => Ke.value.help || Ke.value), Ye = a(() => Ke.value.permissions || Ke.value), Xe = a(() => Ke.value.cameraAvailability || Ke.value), Ze = a(() => te.value ? qe.value.stopSharingScreen : qe.value.shareScreen), Qe = a(() => Je.value.placeholderSettingsHelpTitle), $e = a(() => Je.value.placeholderSettingsHelpMessage), et = a(() => M.value === i.Declined), tt = a(() => M.value === i.HangedUp), nt = a(() => M.value === i.Connected), rt = a(() => !nt.value), it = a(() => M.value === i.DevicePermissionDenied), at = a(() => Ke.value.statusTextMessage || Ke.value), ot = a(() => Ke.value.statusDetailMessage || Ke.value), st = a(() => x.participantRole), ct = a(() => ke.value ? qe.value.microphoneUnmute : qe.value.microphoneMute), lt = a(() => Oe.value ? qe.value.cameraOn : qe.value.cameraOff), ut = a(() => pe.value ? qe.value.backgroundBlurUnavailable : De.value ? qe.value.backgroundBlur : qe.value.backgroundUnblur);
+		function dt(e) {
 			if (typeof e != "string") return e;
-			let t = e.replaceAll("{participantRole}", ct.value);
+			let t = e.replaceAll("{participantRole}", st.value);
 			return t && t.charAt(0).toLocaleUpperCase() + t.slice(1);
 		}
-		let pt = a(() => {
+		let ft = a(() => {
 			switch (M.value) {
-				case i.Initializing: return ft(ot.value.initializing);
-				case i.Dialing: return ft(ot.value.dialing);
-				case i.Ringing: return ft(ot.value.ringing);
-				case i.Answered: return ft(ot.value.answered);
-				case i.Connected: return ft(ot.value.connected);
-				case i.Declined: return ft(ot.value.videoCallDeclined);
-				case i.HangedUp: return ft(ot.value.videoCallHangedUp);
-				case i.DevicePermissionDenied: return ft(ot.value.devicePermissionDenied);
-			}
-		}), mt = a(() => Ce.value || pt.value), ht = a(() => we.value);
+				case i.Initializing: return dt(at.value.initializing);
+				case i.Dialing: return dt(at.value.dialing);
+				case i.Ringing: return dt(at.value.ringing);
+				case i.Answered: return dt(at.value.answered);
+				case i.Connected: return dt(at.value.connected);
+				case i.Declined: return dt(at.value.videoCallDeclined);
+				case i.HangedUp: return dt(at.value.videoCallHangedUp);
+				case i.DevicePermissionDenied: return dt(at.value.devicePermissionDenied);
+			}
+		}), pt = a(() => Ce.value || ft.value), mt = a(() => we.value);
 		ne(() => {
-			nn(), _t(), Ee.value = window.setInterval(At, 5e3);
+			tn(), gt(), Ee.value = window.setInterval(kt, 5e3);
 		}), ie(() => {
-			be.value && window.clearInterval(be.value), Ee.value && window.clearInterval(Ee.value), gt(), en();
+			be.value && window.clearInterval(be.value), Ee.value && window.clearInterval(Ee.value), ht(), $t();
 		});
-		function gt() {
+		function ht() {
 			L &&= (window.clearTimeout(L), null), Fe &&= (window.clearTimeout(Fe), null), Ie &&= (window.clearTimeout(Ie), null);
 		}
-		function _t() {
-			gt(), M.value === i.Initializing ? L = window.setTimeout(() => {
-				M.value === i.Initializing && (Ce.value = ft(ot.value.callNotDelivered), we.value = ft(st.value.callNotDeliveredDetail));
+		function gt() {
+			ht(), M.value === i.Initializing ? L = window.setTimeout(() => {
+				M.value === i.Initializing && (Ce.value = dt(at.value.callNotDelivered), we.value = dt(ot.value.callNotDeliveredDetail));
 			}, 3e4) : M.value === i.Dialing ? Fe = window.setTimeout(() => {
-				M.value === i.Dialing && (Ce.value = "", we.value = ft(st.value.notAnsweredDetail));
+				M.value === i.Dialing && (Ce.value = "", we.value = dt(ot.value.notAnsweredDetail));
 			}, 1e4) : M.value === i.Connected && (Ie = window.setTimeout(() => {
-				M.value === i.Connected && (we.value = ft(st.value.noVideoHint));
+				M.value === i.Connected && (we.value = dt(ot.value.noVideoHint));
 			}, 5e3));
 		}
-		function vt(e) {
+		function _t(e) {
 			[
 				i.Declined,
 				i.HangedUp,
 				i.DevicePermissionDenied
-			].includes(M.value) || (M.value = e, Ce.value = "", we.value = "", _t());
+			].includes(M.value) || (M.value = e, Ce.value = "", we.value = "", gt());
 		}
-		async function yt() {
+		async function vt() {
 			if (N.call) try {
 				ke.value ? await N.call.unmute() : await N.call.mute(), ke.value = !ke.value, ke.value || (Ae.value = !1);
 			} catch (e) {
 				console.error("Unable to toggle microphone", e);
 			}
 		}
-		async function bt() {
+		async function yt() {
 			if (N.call) try {
 				if (Oe.value) {
-					let e = ue.value || await It();
+					let e = ue.value || await Ft();
 					if (!e) return;
 					await N.call.startVideo(e), ue.value = e, Oe.value = !1, await ee();
 					let t = Ne.value;
@@ -32318,7 +32318,7 @@ var iZ = /*#__PURE__*/ L(tZ, [["render", rZ]]), aZ = { class: "video-call-templa
 				console.error("Unable to toggle camera", e);
 			}
 		}
-		async function xt() {
+		async function bt() {
 			if (!(pe.value || me.value || !de.value || !fe.value)) {
 				me.value = !0;
 				try {
@@ -32330,96 +32330,96 @@ var iZ = /*#__PURE__*/ L(tZ, [["render", rZ]]), aZ = { class: "video-call-templa
 				}
 			}
 		}
+		function xt() {
+			_t(i.Declined);
+		}
 		function St() {
-			vt(i.Declined);
+			_t(i.Answered);
 		}
 		function Ct() {
-			vt(i.Answered);
+			M.value !== i.Connected && _t(i.Dialing);
 		}
 		function wt() {
-			M.value !== i.Connected && vt(i.Dialing);
+			M.value !== i.DevicePermissionDenied && !x.isCallee && Nt();
 		}
-		function Tt() {
-			M.value !== i.DevicePermissionDenied && !x.isCallee && Pt();
+		async function Tt() {
+			_t(i.HangedUp), j.value.video && Zt();
 		}
-		async function Et() {
-			vt(i.HangedUp), j.value.video && Qt();
+		function Et(e) {
+			_t(i.HangedUp), we.value = Vt(e);
 		}
-		function Dt(e) {
-			vt(i.HangedUp), we.value = Ht(e);
+		function Dt() {
+			Ce.value = dt(at.value.signalHold), we.value = dt(ot.value.signalHoldDetail);
 		}
 		function Ot() {
-			Ce.value = ft(ot.value.signalHold), we.value = ft(st.value.signalHoldDetail);
-		}
-		function kt() {
 			Te.value = /* @__PURE__ */ new Date();
 		}
-		function At() {
+		function kt() {
 			if (!Te.value || M.value === i.HangedUp) return;
 			let e = /* @__PURE__ */ new Date(), t = new Date(Te.value), n = Math.abs(e.getTime() - t.getTime()), r = Math.ceil(n / 1e3);
-			r >= 40 ? (Ce.value = ot.value.connectionIssues, we.value = st.value.connectionIssuesStrong, se.value = 0) : r > 20 && (Ce.value = ot.value.connectionIssues, we.value = st.value.connectionIssuesMedium, se.value = 1);
+			r >= 40 ? (Ce.value = at.value.connectionIssues, we.value = ot.value.connectionIssuesStrong, se.value = 0) : r > 20 && (Ce.value = at.value.connectionIssues, we.value = ot.value.connectionIssuesMedium, se.value = 1);
 		}
-		async function jt(e) {
-			await tn(), N.client = w(new f());
+		async function At(e) {
+			await en(), N.client = w(new f());
 			let t = new y(e);
 			if (N.agent = w(await N.client.createCallAgent(t)), N.deviceManager = await N.client.getDeviceManager(), j.value = await N.deviceManager.askDevicePermission({
 				video: !0,
 				audio: !0
-			}), (await N.deviceManager.getCameras()).length || (j.value.video = !1), be.value = window.setInterval(Qt, 5e3), !j.value.audio || !j.value.video) {
-				vt(i.DevicePermissionDenied);
+			}), (await N.deviceManager.getCameras()).length || (j.value.video = !1), be.value = window.setInterval(Zt, 5e3), !j.value.audio || !j.value.video) {
+				_t(i.DevicePermissionDenied);
 				return;
 			}
-			N.agent.on("incomingCall", Mt), x.isCallee ? S("ready") : S("start-call");
+			N.agent.on("incomingCall", jt), x.isCallee ? S("ready") : S("start-call");
 		}
-		async function Mt(e) {
+		async function jt(e) {
 			if (!xe.value) try {
-				xe.value = !0, N.incomingCall = e.incomingCall, await Ft();
+				xe.value = !0, N.incomingCall = e.incomingCall, await Pt();
 			} catch (e) {
 				console.log("error occured during starting call", e);
 			} finally {
 				xe.value = !1;
 			}
 		}
-		async function Nt() {
-			let e = await It();
+		async function Mt() {
+			let e = await Ft();
 			return ue.value = e, e ? { localVideoStreams: [e] } : void 0;
 		}
-		async function Pt() {
+		async function Nt() {
 			try {
-				vt(i.Dialing);
-				let e = { videoOptions: await Nt() }, t = [{ communicationUserId: x.participant.videoCallIdentityId }];
-				N.call = N.agent.startCall(t, e), Rt(), await zt(), Lt();
+				_t(i.Dialing);
+				let e = { videoOptions: await Mt() }, t = [{ communicationUserId: x.participant.videoCallIdentityId }];
+				N.call = N.agent.startCall(t, e), Lt(), await Rt(), It();
 			} catch (e) {
 				console.error(e);
 			}
 		}
-		async function Ft() {
-			let e = await Nt();
+		async function Pt() {
+			let e = await Mt();
 			try {
 				N.call = await N.incomingCall.accept({ videoOptions: e });
 			} catch (e) {
 				console.error("Error occurred during accepting call", e);
 			}
-			Rt(), await zt(), Lt();
+			Lt(), await Rt(), It();
 		}
-		async function It() {
+		async function Ft() {
 			let e = (await N.deviceManager.getCameras())[0];
 			if (e) return new g(e);
 			console.error("No camera device found on the system");
 		}
-		function Lt() {
-			N.call.on("stateChanged", Vt), N.call.on("localVideoStreamsUpdated", (e) => {
-				e.added.forEach(Wt), e.removed.forEach(Ut);
-			}), N.call.remoteParticipants.forEach(Kt), N.call.on("remoteParticipantsUpdated", (e) => {
-				e.added.forEach(Kt);
+		function It() {
+			N.call.on("stateChanged", Bt), N.call.on("localVideoStreamsUpdated", (e) => {
+				e.added.forEach(Ut), e.removed.forEach(Ht);
+			}), N.call.remoteParticipants.forEach(Gt), N.call.on("remoteParticipantsUpdated", (e) => {
+				e.added.forEach(Gt);
 			}), N.call.on("isScreenSharingOnChanged", () => {
 				te.value = N.call.isScreenSharingOn;
 			});
 		}
-		function Rt() {
-			le.value = N.call.feature(_.UserFacingDiagnostics), le.value.media.on("diagnosticChanged", Bt), le.value.network.on("diagnosticChanged", Bt);
+		function Lt() {
+			le.value = N.call.feature(_.UserFacingDiagnostics), le.value.media.on("diagnosticChanged", zt), le.value.network.on("diagnosticChanged", zt);
 		}
-		async function zt() {
+		async function Rt() {
 			if (!(!ue.value || de.value)) try {
 				let e = ue.value.feature(_.VideoEffects), t = new b();
 				if (!await e.isSupported(t)) return;
@@ -32430,41 +32430,41 @@ var iZ = /*#__PURE__*/ L(tZ, [["render", rZ]]), aZ = { class: "video-call-templa
 				console.error("Unable to initialize background blur", e);
 			}
 		}
-		function Bt(e) {
-			if (e.diagnostic === "speakingWhileMicrophoneIsMuted") {
+		function zt(e) {
+			if (console.log("Diagnostic info changed:", e), e.diagnostic === "speakingWhileMicrophoneIsMuted") {
 				Ae.value = e.value === !0;
 				return;
 			}
 			(e.diagnostic === "networkReceiveQuality" || e.diagnostic === "networkSendQuality") && (e.value === v.Bad ? (console.error(`${e.diagnostic} is bad quality`), se.value = 0) : e.value === v.Poor ? (console.error(`${e.diagnostic} is poor quality`), se.value = 1) : se.value = 2);
 		}
-		function Vt() {
+		function Bt() {
 			switch (N.call.state) {
 				case "EarlyMedia":
-					vt(i.Dialing);
+					_t(i.Dialing);
 					break;
 				case "Ringing":
-					vt(i.Ringing);
+					_t(i.Ringing);
 					break;
 				case "Connected":
-					vt(i.Connected);
+					_t(i.Connected);
 					break;
 				case "Disconnected":
 					let e = N.call.callEndReason;
-					console.log("Call end reason:", e), console.log("Code:", e?.code), console.log("SubCode:", e?.subCode), Et();
+					console.log("Call end reason:", e), console.log("Code:", e?.code), console.log("SubCode:", e?.subCode), Tt();
 					break;
 			}
 		}
-		function Ht(e) {
+		function Vt(e) {
 			let t = String(e);
-			return ft(qe.value.endReasons?.[t] || "");
+			return dt(Ke.value.endReasons?.[t] || "");
 		}
-		async function Ut(e) {
+		async function Ht(e) {
 			if (!e || e.mediaStreamType !== "ScreenSharing" || !_e.value) return;
 			_e.value.dispose();
 			let t = Pe.value;
 			t && (t.style.display = "none", Ne.value.style.display = "flex");
 		}
-		async function Wt(e) {
+		async function Ut(e) {
 			if (!e || e.mediaStreamType !== "ScreenSharing") return;
 			_e.value = await new h(e).createView();
 			let t = Pe.value;
@@ -32473,8 +32473,9 @@ var iZ = /*#__PURE__*/ L(tZ, [["render", rZ]]), aZ = { class: "video-call-templa
 			let n = t.querySelector("video");
 			n.style.objectFit = "contain";
 		}
-		async function Gt(e) {
-			if (console.log("Displaying local video stream", e, ue.value), e && e.source && ue.value && ue.value.source && he.value && ue.value.source.id == e.source.id) return !0;
+		async function Wt(e) {
+			if (e && e.source && ue.value && ue.value.source && he.value && ue.value.source.id == e.source.id) return !0;
+			console.log("Displaying local video stream", e, ue.value);
 			try {
 				he.value = new h(e);
 				let t = await he.value.createView(), n = Ne.value;
@@ -32485,36 +32486,36 @@ var iZ = /*#__PURE__*/ L(tZ, [["render", rZ]]), aZ = { class: "video-call-templa
 			}
 			return ue.value = e, !0;
 		}
-		async function Kt(e) {
-			e.videoStreams.forEach(qt), e.on("videoStreamsUpdated", (e) => {
-				e.added.forEach(qt);
+		async function Gt(e) {
+			e.videoStreams.forEach(Kt), e.on("videoStreamsUpdated", (e) => {
+				e.added.forEach(Kt);
 			});
 		}
-		async function qt(e) {
-			if (e.mediaStreamType === "Video" && (await Jt(e), e.on("isAvailableChanged", async () => await Jt(e))), e.mediaStreamType === "ScreenSharing" && e.on("isAvailableChanged", Xt), e.mediaStreamType === "ScreenSharing" && e.isAvailable) {
+		async function Kt(e) {
+			if (e.mediaStreamType === "Video" && (await qt(e), e.on("isAvailableChanged", async () => await qt(e))), e.mediaStreamType === "ScreenSharing" && e.on("isAvailableChanged", Yt), e.mediaStreamType === "ScreenSharing" && e.isAvailable) {
 				ge.value = new h(e);
 				let t = await ge.value.createView(), n = Me.value;
 				if (!n) return;
-				Yt(!0), oe.value = !0, $t(n), n.replaceChildren(t.target);
+				Jt(!0), oe.value = !0, Qt(n), n.replaceChildren(t.target);
 			}
 		}
-		async function Jt(e) {
+		async function qt(e) {
 			if (!e.isAvailable) return;
 			ge.value = new h(e);
 			let t = await ge.value.createView(), n = je.value;
-			n && (n.hidden = !1, n.replaceChildren(t.target), $t(n), Yt(!1));
+			n && (n.hidden = !1, n.replaceChildren(t.target), Qt(n), Jt(!1));
 		}
-		function Yt(e) {
+		function Jt(e) {
 			let t = je.value, n = Me.value;
 			!t || !n || (t.style.display = e ? "none" : "block", n.style.display = e ? "flex" : "none");
 		}
-		function Xt() {
-			oe.value = !1, Yt(!1);
+		function Yt() {
+			oe.value = !1, Jt(!1);
 		}
-		async function Zt() {
-			Qt(!0);
+		async function Xt() {
+			Zt(!0);
 		}
-		async function Qt(e = !1) {
+		async function Zt(e = !1) {
 			let t = N.call?.state;
 			if (t === "Connecting" || t === "EarlyMedia") return;
 			let n = (await N.deviceManager.getCameras()).filter((e) => e.name != "OBS Virtual Camera");
@@ -32522,18 +32523,18 @@ var iZ = /*#__PURE__*/ L(tZ, [["render", rZ]]), aZ = { class: "video-call-templa
 			for (let t = 0; t < ve.value; t++) {
 				(e || t != 0) && (ye.value = (ye.value + 1) % ve.value);
 				let r = n[ye.value];
-				if (await Gt(new g(r))) break;
+				if (await Wt(new g(r))) break;
 			}
 		}
-		function $t(e) {
+		function Qt(e) {
 			if (!e) return;
 			let t = e.querySelector("video");
 			t && (t.style.objectFit = "contain", t.disablePictureInPicture = !1);
 		}
-		async function en() {
+		async function $t() {
 			N.call && N.call.state !== "Disconnected" && (await N.call.hangUp({ forEveryone: !0 }), await N.agent.dispose()), S("end-call", T.value);
 		}
-		async function tn() {
+		async function en() {
 			return o ||= Promise.all([
 				import("@azure/communication-calling"),
 				import("@azure/communication-common"),
@@ -32542,7 +32543,7 @@ var iZ = /*#__PURE__*/ L(tZ, [["render", rZ]]), aZ = { class: "video-call-templa
 				f = e.CallClient, h = e.VideoStreamRenderer, g = e.LocalVideoStream, _ = e.Features, v = e.DiagnosticQuality, y = t.AzureCommunicationTokenCredential, b = n.BackgroundBlurEffect;
 			}), o;
 		}
-		async function nn() {
+		async function tn() {
 			d ||= import("./browser-1gKVsH6_.js").then((e) => e.t);
 			let { AzureLogger: e, setLogLevel: t } = await d;
 			e.log = (...e) => console.log(...e), t("info"), e.log = (...e) => {
@@ -32550,29 +32551,29 @@ var iZ = /*#__PURE__*/ L(tZ, [["render", rZ]]), aZ = { class: "video-call-templa
 				T.value = T.value.splice(1 - PZ).concat(t);
 			};
 		}
-		function rn() {
+		function nn() {
 			let e = oe.value ? Me.value : je.value;
 			e && e.querySelector("video")?.requestFullscreen();
 		}
-		function an() {
+		function rn() {
 			let e = oe.value ? Me.value : je.value;
 			if (!e) return;
 			let t = e.querySelector("video");
 			t && (document.pictureInPictureElement ? t.exitPictureInPicture() : document.pictureInPictureEnabled && t.requestPictureInPicture());
 		}
-		async function on() {
+		async function an() {
 			N.call && N.call.isScreenSharingOn ? await N.call.stopScreenSharing() : await N.call.startScreenSharing();
 		}
 		return n({
-			CallDeclined: St,
-			CallAnswered: Ct,
-			CallForDataReceived: wt,
-			CallClosedWithStatusCode: Dt,
-			CallHeartbeatReceived: kt,
-			CallSignalHoldDetected: Ot,
-			CallStartVideoCall: Tt,
-			CallHangUp: Et,
-			InitializeAcsConnection: jt
+			CallDeclined: xt,
+			CallAnswered: St,
+			CallForDataReceived: Ct,
+			CallClosedWithStatusCode: Et,
+			CallHeartbeatReceived: Ot,
+			CallSignalHoldDetected: Dt,
+			CallStartVideoCall: wt,
+			CallHangUp: Tt,
+			InitializeAcsConnection: At
 		}), (e, n) => {
 			let r = ce("BDLoader");
 			return k(), l("div", aZ, [m($q, null, {
@@ -32585,23 +32586,23 @@ var iZ = /*#__PURE__*/ L(tZ, [["render", rZ]]), aZ = { class: "video-call-templa
 				}), m(eJ, null, {
 					default: I(() => [m(Qq, {
 						sm: "12",
-						lg: tt.value ? "12" : "8"
+						lg: et.value ? "12" : "8"
 					}, {
-						default: I(() => [u("div", { class: D(["incoming", We.value]) }, [it.value ? (k(), l("div", oZ, [
+						default: I(() => [u("div", { class: D(["incoming", Ue.value]) }, [rt.value ? (k(), l("div", oZ, [
 							m(r, {
 								size: "lg",
-								message: pt.value,
-								stopAnimation: tt.value || nt.value || at.value
+								message: ft.value,
+								stopAnimation: et.value || tt.value || it.value
 							}, null, 8, ["message", "stopAnimation"]),
-							Ue.value ? (k(), l("div", sZ, [u("div", cZ, [m(Ri, { class: "icon-xl icon-state-error" })]), u("span", null, P(Xe.value.permissionDeniedForAudio), 1)])) : c("", !0),
-							He.value ? (k(), l("div", lZ, [u("div", uZ, [m(oo, { class: "icon-xl icon-state-error" })]), u("span", null, P(Xe.value.permissionDeniedForVideo), 1)])) : c("", !0),
-							tt.value || nt.value || at.value ? (k(), s(R, {
+							He.value ? (k(), l("div", sZ, [u("div", cZ, [m(Ri, { class: "icon-xl icon-state-error" })]), u("span", null, P(Ye.value.permissionDeniedForAudio), 1)])) : c("", !0),
+							Ve.value ? (k(), l("div", lZ, [u("div", uZ, [m(oo, { class: "icon-xl icon-state-error" })]), u("span", null, P(Ye.value.permissionDeniedForVideo), 1)])) : c("", !0),
+							et.value || tt.value || it.value ? (k(), s(R, {
 								key: 2,
 								variant: "primary",
 								class: "text-center",
-								onClick: en
+								onClick: $t
 							}, {
-								default: I(() => [p(P(Je.value.closeWindow), 1)]),
+								default: I(() => [p(P(qe.value.closeWindow), 1)]),
 								_: 1
 							})) : c("", !0)
 						])) : (k(), l("div", dZ, [
@@ -32618,22 +32619,22 @@ var iZ = /*#__PURE__*/ L(tZ, [["render", rZ]]), aZ = { class: "video-call-templa
 							u("div", fZ, [m(R, {
 								variant: "primary",
 								class: "text-center",
-								onClick: rn
+								onClick: nn
 							}, {
-								default: I(() => [m(xa), u("span", null, P(Je.value.fullScreen), 1)]),
+								default: I(() => [m(xa), u("span", null, P(qe.value.fullScreen), 1)]),
 								_: 1
 							}), !E && !re.value ? (k(), s(R, {
 								key: 0,
 								variant: "primary",
 								class: "text-center",
-								onClick: an
+								onClick: rn
 							}, {
-								default: I(() => [m(xa), u("span", null, P(Je.value.miniPlayer), 1)]),
+								default: I(() => [m(xa), u("span", null, P(qe.value.miniPlayer), 1)]),
 								_: 1
 							})) : c("", !0)])
 						]))], 2)]),
 						_: 1
-					}, 8, ["lg"]), tt.value ? c("", !0) : (k(), s(Qq, {
+					}, 8, ["lg"]), et.value ? c("", !0) : (k(), s(Qq, {
 						key: 0,
 						sm: "12",
 						lg: "4"
@@ -32652,95 +32653,95 @@ var iZ = /*#__PURE__*/ L(tZ, [["render", rZ]]), aZ = { class: "video-call-templa
 										ref: Pe,
 										class: "outgoing__screenshare"
 									}, null, 512),
-									u("div", _Z, [Re.value ? (k(), l("div", vZ, [m(Ri), u("span", null, P(Je.value.microphoneMutedNotice), 1)])) : c("", !0)])
+									u("div", _Z, [Ae.value ? (k(), l("div", vZ, [m(Ri), u("span", null, P(qe.value.microphoneMutedNotice), 1)])) : c("", !0)])
 								]),
 								u("div", yZ, [
 									Se((k(), s(R, {
 										class: D({ "btn-danger": ke.value }),
-										onClick: yt
+										onClick: vt
 									}, {
 										default: I(() => [ke.value ? (k(), l("img", {
 											key: 0,
 											src: UX,
-											alt: lt.value
+											alt: ct.value
 										}, null, 8, bZ)) : (k(), l("img", {
 											key: 1,
 											src: WX,
-											alt: lt.value
+											alt: ct.value
 										}, null, 8, xZ))]),
 										_: 1
-									}, 8, ["class"])), [[F(DK), lt.value]]),
+									}, 8, ["class"])), [[F(DK), ct.value]]),
 									Se((k(), s(R, {
 										class: D({ "btn-danger": Oe.value }),
-										onClick: bt
+										onClick: yt
 									}, {
 										default: I(() => [Oe.value ? (k(), l("img", {
 											key: 0,
 											src: GX,
-											alt: ut.value
+											alt: lt.value
 										}, null, 8, SZ)) : (k(), l("img", {
 											key: 1,
 											src: KX,
-											alt: ut.value
+											alt: lt.value
 										}, null, 8, CZ))]),
 										_: 1
-									}, 8, ["class"])), [[F(DK), ut.value]]),
+									}, 8, ["class"])), [[F(DK), lt.value]]),
 									Se((k(), s(R, {
 										class: D(["blur-button", {
 											off: De.value,
 											unavailable: pe.value
 										}]),
-										onClick: xt
+										onClick: bt
 									}, {
 										default: I(() => [m(iZ), m(eZ)]),
 										_: 1
-									}, 8, ["class"])), [[F(DK), dt.value]])
+									}, 8, ["class"])), [[F(DK), ut.value]])
 								]),
-								Ve.value && !at.value && !re.value && !it.value ? (k(), s(R, {
+								Be.value && !it.value && !re.value && !rt.value ? (k(), s(R, {
 									key: 0,
 									variant: te.value ? "danger" : "primary",
 									class: "share-button",
-									onClick: on
+									onClick: an
 								}, {
-									default: I(() => [m(xa), u("span", null, P(Qe.value), 1)]),
+									default: I(() => [m(xa), u("span", null, P(Ze.value), 1)]),
 									_: 1
 								}, 8, ["variant"])) : c("", !0),
-								Be.value ? (k(), l(t, { key: 1 }, [m(R, {
+								ze.value ? (k(), l(t, { key: 1 }, [m(R, {
 									class: "text-center",
-									onClick: Zt
+									onClick: Xt
 								}, {
-									default: I(() => [p(P(Je.value.switchCamera), 1)]),
+									default: I(() => [p(P(qe.value.switchCamera), 1)]),
 									_: 1
-								}), u("p", wZ, P(ze.value), 1)], 64)) : c("", !0),
-								He.value ? (k(), l("div", TZ, [u("div", EZ, [m(oo, { class: "icon-xxl icon-state-error" })]), u("span", null, P(Xe.value.permissionDeniedForVideo), 1)])) : c("", !0)
+								}), u("p", wZ, P(Re.value), 1)], 64)) : c("", !0),
+								Ve.value ? (k(), l("div", TZ, [u("div", EZ, [m(oo, { class: "icon-xxl icon-state-error" })]), u("span", null, P(Ye.value.permissionDeniedForVideo), 1)])) : c("", !0)
 							]),
-							!nt.value && !at.value ? (k(), s(R, {
+							!tt.value && !it.value ? (k(), s(R, {
 								key: 0,
 								variant: "danger",
 								class: "end-call-button text-center w-100",
-								onClick: en
+								onClick: $t
 							}, {
-								default: I(() => [m(zn), u("span", null, P(Je.value.endCall), 1)]),
+								default: I(() => [m(zn), u("span", null, P(qe.value.endCall), 1)]),
 								_: 1
 							})) : c("", !0),
 							u("div", DZ, [
-								u("div", { class: D(["settings__signal", Ge.value]) }, [n[0] ||= u("ul", { class: "indicator" }, [
+								u("div", { class: D(["settings__signal", We.value]) }, [n[0] ||= u("ul", { class: "indicator" }, [
 									u("li"),
 									u("li"),
 									u("li")
-								], -1), u("p", null, P(Ke.value), 1)], 2),
-								u("div", OZ, [u("p", kZ, P(mt.value), 1), ht.value ? (k(), l("small", AZ, P(ht.value), 1)) : c("", !0)]),
+								], -1), u("p", null, P(Ge.value), 1)], 2),
+								u("div", OZ, [u("p", kZ, P(pt.value), 1), mt.value ? (k(), l("small", AZ, P(mt.value), 1)) : c("", !0)]),
 								u("div", jZ, [
-									u("p", null, [u("b", null, P($e.value), 1)]),
-									u("p", null, P(et.value), 1),
+									u("p", null, [u("b", null, P(Qe.value), 1)]),
+									u("p", null, P($e.value), 1),
 									u("p", null, [
 										u("a", {
 											href: x.videoTestUrl,
 											target: "_blank",
 											rel: "noopener noreferrer"
-										}, P(Je.value.testCall), 9, MZ),
+										}, P(qe.value.testCall), 9, MZ),
 										n[1] ||= p(" • ", -1),
-										u("a", NZ, P(Je.value.serviceDesk), 1)
+										u("a", NZ, P(qe.value.serviceDesk), 1)
 									])
 								])
 							])