@beterdichtbij/component-library 0.66.0-alpha.10 → 0.66.0-alpha.12

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

@@ -191217,17 +191217,19 @@ var gBe = { class: "video-call-template" }, _Be = {
 			Ke();
 		});
 		function V() {
-			S.value = Z9;
+			console.log("CallDeclined"), S.value = Z9;
+		}
+		function H() {
+			console.log("CallAnswered");
 		}
-		function H() {}
 		function ye() {
-			S.value !== $9 && T.agent && (!T.call || T.call.state === "Disconnected") && we();
+			console.log("CallStartVideoCall"), S.value !== $9 && !i.isCallee && we();
 		}
 		async function be() {
-			S.value = FBe, x.value.video && He();
+			console.log("CallHangUp"), S.value = FBe, x.value.video && He();
 		}
 		async function xe(e) {
-			T.client = w(new G9());
+			console.log("InitializeAcsConnection"), T.client = w(new G9());
 			let t = new Hue(e);
 			T.agent = w(await T.client.createCallAgent(t)), T.deviceManager = await T.client.getDeviceManager(), x.value = await T.deviceManager.askDevicePermission({
 				video: !0,
@@ -191235,7 +191237,7 @@ var gBe = { class: "video-call-template" }, _Be = {
 			}), ie.value = window.setInterval(He, 5e3), (!x.value.audio || !x.value.video) && (S.value = $9), i.isCallee && (T.agent.on("incomingCall", Se), o("ready"));
 		}
 		async function Se(e) {
-			if (!N.value) try {
+			if (console.log("SetIncomingCall"), !N.value) try {
 				N.value = !0, T.incomingCall = e.incomingCall, await Te();
 			} catch {
 				console.log("error occured during starting call");
@@ -191244,30 +191246,37 @@ var gBe = { class: "video-call-template" }, _Be = {
 			}
 		}
 		async function Ce() {
+			console.log("CreateNewVideoOptions");
 			let e = await Ee();
 			return e ? { localVideoStreams: [e] } : void 0;
 		}
 		async function we() {
+			console.log("StartCall");
 			try {
-				if (!T.agent || !i.participant?.videoCallIdentityId || T.call && T.call.state !== "Disconnected") return;
-				let e = await Ce(), t = { communicationUserId: i.participant.videoCallIdentityId };
-				T.call = T.agent.startCall([t], { videoOptions: e }), Oe(), De();
+				let e = { videoOptions: await Ce() }, t = [{ communicationUserId: i.participant.videoCallIdentityId }];
+				T.call = T.agent.startCall(t, e), Oe(), De();
 			} catch (e) {
 				console.error(e);
 			}
 		}
 		async function Te() {
-			if (!T.incomingCall || T.call && T.call.state !== "Disconnected") return;
+			console.log("AcceptCall");
 			let e = await Ce();
-			T.call = await T.incomingCall.accept({ videoOptions: e }), Oe(), De();
+			try {
+				T.call = await T.incomingCall.accept({ videoOptions: e });
+			} catch (e) {
+				console.error(e);
+			}
+			Oe(), De();
 		}
 		async function Ee() {
+			console.log("CreateLocalVideoStream");
 			let e = (await T.deviceManager.getCameras())[0];
 			if (e) return new Z6(e);
 			console.error("No camera device found on the system");
 		}
 		function De() {
-			T.call.on("stateChanged", Me), T.call.on("localVideoStreamsUpdated", (e) => {
+			console.log("SubscribeToCall"), T.call.on("stateChanged", Me), T.call.on("localVideoStreamsUpdated", (e) => {
 				e.added.forEach(Pe), e.removed.forEach(Ne);
 			}), T.call.remoteParticipants.forEach(Ie), T.call.on("remoteParticipantsUpdated", (e) => {
 				e.added.forEach(Ie);
@@ -191276,13 +191285,13 @@ var gBe = { class: "video-call-template" }, _Be = {
 			});
 		}
 		function Oe() {
-			C.value = T.call.feature($5.UserFacingDiagnostics), C.value.media.on("diagnosticChanged", je), C.value.network.on("diagnosticChanged", je);
+			console.log("SubscribeToDiagnostics"), C.value = T.call.feature($5.UserFacingDiagnostics), C.value.media.on("diagnosticChanged", je), C.value.network.on("diagnosticChanged", je);
 		}
 		function je(e) {
-			(e.diagnostic === "networkReceiveQuality" || e.diagnostic === "networkSendQuality") && (e.value === r6.Bad ? (console.error(`${e.diagnostic} is bad quality`), b.value = 0) : e.value === r6.Poor ? (console.error(`${e.diagnostic} is poor quality`), b.value = 1) : b.value = 2);
+			console.log("DiagnosticChangedListener"), (e.diagnostic === "networkReceiveQuality" || e.diagnostic === "networkSendQuality") && (e.value === r6.Bad ? (console.error(`${e.diagnostic} is bad quality`), b.value = 0) : e.value === r6.Poor ? (console.error(`${e.diagnostic} is poor quality`), b.value = 1) : b.value = 2);
 		}
 		function Me() {
-			switch (console.log("Call state changed to: " + T.call.state), T.call.state) {
+			switch (console.log("CallStateIsChanged", T.call.state), T.call.state) {
 				case "EarlyMedia":
 					S.value = Q9;
 					break;
@@ -191298,7 +191307,7 @@ var gBe = { class: "video-call-template" }, _Be = {
 			}
 		}
 		async function Ne(e) {
-			if (!e || e.mediaStreamType !== "ScreenSharing" || !k.value) return;
+			if (console.log("RemoveLocalScreenShareStream"), !e || e.mediaStreamType !== "ScreenSharing" || !k.value) return;
 			k.value.dispose();
 			let t = document.querySelector(".outgoing__screenshare");
 			t.style.display = "none";
@@ -191306,7 +191315,7 @@ var gBe = { class: "video-call-template" }, _Be = {
 			n.style.display = "flex";
 		}
 		async function Pe(e) {
-			if (!e || e.mediaStreamType !== "ScreenSharing") return;
+			if (console.log("DisplayLocalScreenShareStream"), !e || e.mediaStreamType !== "ScreenSharing") return;
 			k.value = await new A7(e).createView();
 			let t = document.querySelector(".outgoing__screenshare");
 			t.replaceChildren(k.value.target), t.style.display = "flex";
@@ -191316,7 +191325,7 @@ var gBe = { class: "video-call-template" }, _Be = {
 			r.style.objectFit = "contain";
 		}
 		async function Fe(e) {
-			if (e && e.source && E.value && E.value.source && E.value.source.id == e.source.id) return !0;
+			if (console.log("DisplayLocalVideoStream"), e && e.source && E.value && E.value.source && E.value.source.id == e.source.id) return !0;
 			try {
 				ee.value = new A7(e);
 				let t = await ee.value.createView(), n = document.querySelector(".outgoing__video");
@@ -191327,34 +191336,36 @@ var gBe = { class: "video-call-template" }, _Be = {
 			return E.value = e, !0;
 		}
 		async function Ie(e) {
-			e.videoStreams.forEach(Le), e.on("videoStreamsUpdated", (e) => {
+			console.log("SubscribeToRemoteParticipant"), e.videoStreams.forEach(Le), e.on("videoStreamsUpdated", (e) => {
 				e.added.forEach(Le);
 			});
 		}
 		async function Le(e) {
-			if (e.mediaStreamType === "Video" && (await Re(e), e.on("isAvailableChanged", async () => await Re(e))), e.mediaStreamType === "ScreenSharing" && e.on("isAvailableChanged", Be), e.mediaStreamType === "ScreenSharing" && e.isAvailable) {
+			if (console.log("DisplayRemoteVideoStream"), e.mediaStreamType === "Video" && (await Re(e), e.on("isAvailableChanged", async () => await Re(e))), e.mediaStreamType === "ScreenSharing" && e.on("isAvailableChanged", Be), e.mediaStreamType === "ScreenSharing" && e.isAvailable) {
 				O.value = new A7(e);
 				let t = await O.value.createView(), n = document.querySelector(".incoming__screenshare");
 				ze(!0), y.value = !0, Ue(".incoming__screenshare"), n.replaceChildren(t.target);
 			}
 		}
 		async function Re(e) {
-			if (!e.isAvailable) return;
+			if (console.log("RenderVideo"), !e.isAvailable) return;
 			O.value = new A7(e);
 			let t = await O.value.createView(), n = document.querySelector(".incoming__video");
 			n.hidden = !1, n.replaceChildren(t.target), Ue(".incoming__video"), ze(!1);
 		}
 		function ze(e) {
+			console.log("HideCameraStream");
 			let t = document.querySelector(".incoming__video"), n = document.querySelector(".incoming__screenshare");
 			t.style.display = e ? "none" : "block", n.style.display = e ? "flex" : "none";
 		}
 		function Be() {
-			y.value = !1, ze(!1);
+			console.log("ScreenSharingAvailabilityChanged"), y.value = !1, ze(!1);
 		}
 		async function Ve() {
-			He(!0);
+			console.log("SwitchLocalVideoStream"), He(!0);
 		}
 		async function He(e = !1) {
+			console.log("DisplayAvailableLocalVideoStream");
 			let t = T.call?.state;
 			if (t === "Connecting" || t === "EarlyMedia") return;
 			let n = (await T.deviceManager.getCameras()).filter((e) => e.name != "OBS Virtual Camera");
@@ -191366,32 +191377,34 @@ var gBe = { class: "video-call-template" }, _Be = {
 			}
 		}
 		function Ue(e) {
+			console.log("EnableMiniPlayerOnVideoElement");
 			let t = document.querySelector(e);
 			if (!t) return;
 			let n = t.querySelector("video");
 			n && (n.style.objectFit = "contain", n.disablePictureInPicture = !1);
 		}
 		async function We() {
-			T.call && T.call.state !== "Disconnected" && (await T.call.hangUp({ forEveryone: !0 }), await T.agent.dispose()), o("end-video-call"), window.close();
+			console.log("EndVideoCall"), T.call && T.call.state !== "Disconnected" && (await T.call.hangUp({ forEveryone: !0 }), await T.agent.dispose()), o("end-video-call"), window.close();
 		}
 		function Ge() {
-			window.close();
+			console.log("CloseWindow"), window.close();
 		}
 		function Ke() {
-			_oe("verbose"), goe.log = (...e) => {
+			console.log("InitAzureLogger"), _oe("verbose"), goe.log = (...e) => {
 				let t = [...e];
 				f.value = f.value.splice(1 - LBe).concat(t);
 			};
 		}
 		function qe() {
-			document.querySelector(ve.value).querySelector("video").requestFullscreen();
+			console.log("ChangeToFullscreen"), document.querySelector(ve.value).querySelector("video").requestFullscreen();
 		}
 		function Je() {
+			console.log("ChangeToMiniPlayer");
 			let e = document.querySelector(ve.value).querySelector("video");
 			document.pictureInPictureElement ? e.exitPictureInPicture() : document.pictureInPictureEnabled && e.requestPictureInPicture();
 		}
 		async function Ye() {
-			T.call && T.call.isScreenSharingOn ? await T.call.stopScreenSharing() : await T.call.startScreenSharing();
+			console.log("OnShareScreen"), T.call && T.call.isScreenSharingOn ? await T.call.stopScreenSharing() : await T.call.startScreenSharing();
 		}
 		return n({
 			CallDeclined: V,