@beterdichtbij/component-library 0.71.0-alpha.8 → 0.71.0-alpha.9

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

@@ -11375,23 +11375,27 @@ var Fb = {
 		endCall: "End call",
 		placeholderSettingsHelpTitle: "Connection issues?",
 		placeholderSettingsHelpMessage: "End the call and try again.",
-		messageWhenDialing: "Calling...",
-		messageWhenRinging: "Phone is ringing",
-		messageWhenNotAnsweredDetail: "Patient does not appear to answer.",
-		initializing: "Initializing...",
-		answered: "Call answered",
-		messageWhenConnected: "Connected",
-		messageWhenNoVideoHint: "No video? Run the video call test.",
-		messageWhenCallNotDelivered: "The video call does not arrive on the patient's mobile phone or tablet.",
-		messageWhenCallNotDeliveredDetail: "Asking the patient to log in again in the BeterDichtbij app often resolves this.",
-		messageWhenConnectionIssues: "Connection issues",
-		messageWhenConnectionIssuesMedium: "The connection is unstable.",
-		messageWhenConnectionIssuesStrong: "The connection seems lost. Check internet connection and try again.",
-		messageWhenSignalHold: "Video call connection with patient's phone/tablet could not be established",
-		messageWhenSignalHoldDetail: "Run the video call test.",
-		messageWhenVideoCallHangedUp: "Call has ended.",
-		messageWhenVideoCallDeclined: "The call could not be answered right now.",
-		messageWhenDevicePermissionDenied: "A call cannot be started",
+		statusTextMessage: {
+			initializing: "Initializing...",
+			dialing: "Calling...",
+			ringing: "Phone is ringing",
+			answered: "Call answered",
+			connected: "Connected",
+			videoCallDeclined: "The call could not be answered right now.",
+			videoCallHangedUp: "Call has ended.",
+			devicePermissionDenied: "A call cannot be started",
+			callNotDelivered: "The video call does not arrive on the patient's mobile phone or tablet.",
+			signalHold: "Video call connection with patient's phone/tablet could not be established",
+			connectionIssues: "Connection issues"
+		},
+		statusDetailMessage: {
+			notAnsweredDetail: "Patient does not appear to answer.",
+			noVideoHint: "No video? Run the video call test.",
+			callNotDeliveredDetail: "Asking the patient to log in again in the BeterDichtbij app often resolves this.",
+			connectionIssuesMedium: "The connection is unstable.",
+			connectionIssuesStrong: "The connection seems lost. Check internet connection and try again.",
+			signalHoldDetail: "Run the video call test."
+		},
 		permissionDeniedForVideo: "No access to camera",
 		permissionDeniedForAudio: "No access to microphone",
 		closeWindow: "Close window",
@@ -11531,23 +11535,27 @@ var Fb = {
 		endCall: "Gesprek beëindigen",
 		placeholderSettingsHelpTitle: "Problemen met de verbinding?",
 		placeholderSettingsHelpMessage: "Sluit het gesprek en probeer opnieuw te bellen.",
-		messageWhenDialing: "Bellen...",
-		messageWhenRinging: "Telefoon gaat over",
-		messageWhenNotAnsweredDetail: "Patiënt lijkt niet op te nemen.",
-		initializing: "Bezig met opstarten...",
-		answered: "Er is opgenomen",
-		messageWhenConnected: "Verbonden",
-		messageWhenNoVideoHint: "Geen beeld? Doe de beeldbel kwaliteit test.",
-		messageWhenCallNotDelivered: "Beeldbelgesprek komt niet aan op de mobiele telefoon of tablet van de patiënt.",
-		messageWhenCallNotDeliveredDetail: "De patiënt opnieuw laten inloggen in de BeterDichtbij app lost het probleem vaak op.",
-		messageWhenConnectionIssues: "Connectie problemen",
-		messageWhenConnectionIssuesMedium: "De verbinding is instabiel.",
-		messageWhenConnectionIssuesStrong: "De verbinding lijkt verbroken. Controleer internetverbinding en probeer opnieuw.",
-		messageWhenSignalHold: "Beeldbel verbinding met patiënt zijn telefoon/tablet komt niet tot stand",
-		messageWhenSignalHoldDetail: "Doe de beeldbel kwaliteit test.",
-		messageWhenVideoCallHangedUp: "Er is opgehangen.",
-		messageWhenVideoCallDeclined: "Er kon op dit moment niet worden opgenomen.",
-		messageWhenDevicePermissionDenied: "Er kan geen gesprek worden gestart",
+		statusTextMessage: {
+			initializing: "Bezig met opstarten...",
+			dialing: "Bellen...",
+			ringing: "Telefoon gaat over",
+			answered: "Er is opgenomen",
+			connected: "Verbonden",
+			videoCallDeclined: "Er kon op dit moment niet worden opgenomen.",
+			videoCallHangedUp: "Er is opgehangen.",
+			devicePermissionDenied: "Er kan geen gesprek worden gestart",
+			callNotDelivered: "Beeldbelgesprek komt niet aan op de mobiele telefoon of tablet van de patiënt.",
+			signalHold: "Beeldbel verbinding met patiënt zijn telefoon/tablet komt niet tot stand",
+			connectionIssues: "Connectie problemen"
+		},
+		statusDetailMessage: {
+			notAnsweredDetail: "Patiënt lijkt niet op te nemen.",
+			noVideoHint: "Geen beeld? Doe de beeldbel kwaliteit test.",
+			callNotDeliveredDetail: "De patiënt opnieuw laten inloggen in de BeterDichtbij app lost het probleem vaak op.",
+			connectionIssuesMedium: "De verbinding is instabiel.",
+			connectionIssuesStrong: "De verbinding lijkt verbroken. Controleer internetverbinding en probeer opnieuw.",
+			signalHoldDetail: "Doe de beeldbel kwaliteit test."
+		},
 		permissionDeniedForVideo: "Geen toegang beschikbaar tot de camera",
 		permissionDeniedForAudio: "Er is geen toegang beschikbaar tot uw microfoon",
 		closeWindow: "Venster sluiten",
@@ -32282,32 +32290,33 @@ var hZ = { class: "video-call-template" }, gZ = {
 		}), he = 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);
-		}), ge = a(() => !S.value?.video && Pe.value), _e = a(() => !S.value?.audio && Pe.value), ve = a(() => C.value === i.Declined ? "incoming--declined" : "incoming--loading"), ye = a(() => {
+		}), ge = a(() => !S.value?.video && Me.value), _e = a(() => !S.value?.audio && Me.value), ve = a(() => C.value === i.Declined ? "incoming--declined" : "incoming--loading");
+		a(() => {
 			switch (x.value) {
 				case 0: return "weak";
 				case 1: return "steady";
 				case 2: return "strong";
 				default: return null;
 			}
-		}), be = a(() => {
+		}), a(() => {
 			switch (x.value) {
 				case 0: return _.value.signalStrength.weak;
 				case 1: return _.value.signalStrength.steady;
 				case 2: return _.value.signalStrength.strong;
 				default: return null;
 			}
-		}), xe = a(() => v.value ? _.value.stopSharingScreen : _.value.shareScreen), Se = a(() => _.value.placeholderSettingsHelpTitle), Ce = a(() => _.value.placeholderSettingsHelpMessage), Ae = a(() => C.value === i.Declined), je = a(() => C.value === i.HangedUp), Me = a(() => C.value === i.Connected), Ne = a(() => !Me.value), Pe = a(() => C.value === i.DevicePermissionDenied), Fe = a(() => {
-			switch (console.log("videoCallState.value", C.value), C.value) {
-				case i.Initializing: return _.value.initializing;
-				case i.Dialing: return _.value.messageWhenDialing;
-				case i.Ringing: return _.value.messageWhenRinging;
-				case i.Answered: return _.value.answered;
-				case i.Connected: return _.value.messageWhenConnected;
-				case i.Declined: return _.value.messageWhenVideoCallDeclined;
-				case i.HangedUp: return _.value.messageWhenVideoCallHangedUp;
-				case i.DevicePermissionDenied: return _.value.messageWhenDevicePermissionDenied;
-			}
-			return _.value.unknown;
+		});
+		let ye = a(() => v.value ? _.value.stopSharingScreen : _.value.shareScreen), be = a(() => _.value.placeholderSettingsHelpTitle), xe = a(() => _.value.placeholderSettingsHelpMessage), Se = a(() => C.value === i.Declined), Ce = a(() => C.value === i.HangedUp), Ae = a(() => C.value === i.Connected), je = a(() => !Ae.value), Me = a(() => C.value === i.DevicePermissionDenied), Ne = a(() => _.value.statusTextMessage || _.value), Pe = a(() => _.value.statusDetailMessage || _.value), Fe = a(() => {
+			switch (C.value) {
+				case i.Initializing: return Ne.value.initializing;
+				case i.Dialing: return Ne.value.dialing;
+				case i.Ringing: return Ne.value.ringing;
+				case i.Answered: return Ne.value.answered;
+				case i.Connected: return Ne.value.connected;
+				case i.Declined: return Ne.value.videoCallDeclined;
+				case i.HangedUp: return Ne.value.videoCallHangedUp;
+				case i.DevicePermissionDenied: return Ne.value.devicePermissionDenied;
+			}
 		}), Ie = a(() => ce.value || Fe.value), Le = a(() => P.value), Re = a(() => b.value ? ".incoming__screenshare" : ".incoming__video");
 		te(() => {
 			bt(), ue.value = window.setInterval(Ye, 5e3);
@@ -32319,15 +32328,15 @@ var hZ = { class: "video-call-template" }, gZ = {
 		}
 		function R() {
 			ze(), C.value === i.Dialing && (de = window.setTimeout(() => {
-				C.value === i.Dialing && (ce.value = _.value.messageWhenCallNotDelivered, P.value = _.value.messageWhenCallNotDeliveredDetail);
+				C.value === i.Dialing && (ce.value = Ne.value.callNotDelivered, P.value = Pe.value.callNotDeliveredDetail);
 			}, 3e4)), C.value === i.Ringing && (I = window.setTimeout(() => {
-				C.value === i.Ringing && (ce.value = "", P.value = _.value.messageWhenNotAnsweredDetail);
+				C.value === i.Ringing && (ce.value = "", P.value = Pe.value.notAnsweredDetail);
 			}, 5e3)), C.value === i.Connected && (fe = window.setTimeout(() => {
-				C.value === i.Connected && (P.value = _.value.messageWhenNoVideoHint);
+				C.value === i.Connected && (P.value = Pe.value.noVideoHint);
 			}, 5e3));
 		}
 		function Be(e) {
-			console.log("SetVideoCallState", e), C.value = e, ce.value = "", P.value = "", R();
+			C.value = e, ce.value = "", P.value = "", R();
 		}
 		function Ve() {
 			Be(i.Declined);
@@ -32348,7 +32357,7 @@ var hZ = { class: "video-call-template" }, gZ = {
 			Be(i.HangedUp), P.value = ot(e);
 		}
 		function qe() {
-			ce.value = _.value.messageWhenSignalHold, P.value = _.value.messageWhenSignalHoldDetail;
+			ce.value = Ne.value.signalHold, P.value = Pe.value.signalHoldDetail;
 		}
 		function Je() {
 			le.value = /* @__PURE__ */ new Date();
@@ -32356,7 +32365,7 @@ var hZ = { class: "video-call-template" }, gZ = {
 		function Ye() {
 			if (!le.value || C.value === i.HangedUp) return;
 			let e = /* @__PURE__ */ new Date(), t = new Date(le.value), n = Math.abs(e.getTime() - t.getTime()), r = Math.ceil(n / 1e3);
-			r >= 40 ? (ce.value = _.value.messageWhenConnectionIssues, P.value = _.value.messageWhenConnectionIssuesStrong, x.value = 0) : r > 20 && (ce.value = _.value.messageWhenConnectionIssues, P.value = _.value.messageWhenConnectionIssuesMedium, x.value = 1);
+			r >= 40 ? (ce.value = Ne.value.connectionIssues, P.value = Pe.value.connectionIssuesStrong, x.value = 0) : r > 20 && (ce.value = Ne.value.connectionIssues, P.value = Pe.value.connectionIssuesMedium, x.value = 1);
 		}
 		async function Xe(e) {
 			E.client = w(new we());
@@ -32364,10 +32373,10 @@ var hZ = { class: "video-call-template" }, gZ = {
 			E.agent = w(await E.client.createCallAgent(t)), E.deviceManager = await E.client.getDeviceManager(), S.value = await E.deviceManager.askDevicePermission({
 				video: !0,
 				audio: !0
-			}), M.value = window.setInterval(gt, 5e3), (!S.value.audio || !S.value.video) && Be(i.DevicePermissionDenied), console.log("register set incoming call listener"), E.agent.on("incomingCall", Ze), o.isCallee ? d("ready") : d("start-call");
+			}), M.value = window.setInterval(gt, 5e3), (!S.value.audio || !S.value.video) && Be(i.DevicePermissionDenied), E.agent.on("incomingCall", Ze), o.isCallee ? d("ready") : d("start-call");
 		}
 		async function Ze(e) {
-			if (console.log("Set incoming call", e), !N.value) try {
+			if (!N.value) try {
 				N.value = !0, E.incomingCall = e.incomingCall, await et();
 			} catch (e) {
 				console.log("error occured during starting call", e);
@@ -32380,7 +32389,6 @@ var hZ = { class: "video-call-template" }, gZ = {
 			return e ? { localVideoStreams: [e] } : void 0;
 		}
 		async function $e() {
-			console.log("Starting call...");
 			try {
 				Be(i.Dialing);
 				let e = { videoOptions: await Qe() }, t = [{ communicationUserId: o.participant.videoCallIdentityId }];
@@ -32390,7 +32398,6 @@ var hZ = { class: "video-call-template" }, gZ = {
 			}
 		}
 		async function et() {
-			console.log("Accepting incoming call...");
 			let e = await Qe();
 			try {
 				E.call = await E.incomingCall.accept({ videoOptions: e });
@@ -32405,7 +32412,7 @@ var hZ = { class: "video-call-template" }, gZ = {
 			console.error("No camera device found on the system");
 		}
 		function nt() {
-			console.log("Subscribing to call events"), E.call.on("stateChanged", at), E.call.on("localVideoStreamsUpdated", (e) => {
+			E.call.on("stateChanged", at), E.call.on("localVideoStreamsUpdated", (e) => {
 				e.added.forEach(ct), e.removed.forEach(st);
 			}), E.call.remoteParticipants.forEach(ut), E.call.on("remoteParticipantsUpdated", (e) => {
 				e.added.forEach(ut);
@@ -32420,7 +32427,7 @@ var hZ = { class: "video-call-template" }, gZ = {
 			(e.diagnostic === "networkReceiveQuality" || e.diagnostic === "networkSendQuality") && (e.value === Te.Bad ? (console.error(`${e.diagnostic} is bad quality`), x.value = 0) : e.value === Te.Poor ? (console.error(`${e.diagnostic} is poor quality`), x.value = 1) : x.value = 2);
 		}
 		function at() {
-			switch (console.log("Call state changed to", E.call.state), E.call.state) {
+			switch (E.call.state) {
 				case "EarlyMedia":
 					Be(i.Dialing);
 					break;
@@ -32561,17 +32568,17 @@ var hZ = { class: "video-call-template" }, gZ = {
 				}), m(rJ, null, {
 					default: L(() => [m(tJ, {
 						sm: "12",
-						lg: Ae.value ? "12" : "8"
+						lg: Se.value ? "12" : "8"
 					}, {
-						default: L(() => [u("div", { class: O(["incoming", ve.value]) }, [Ne.value ? (A(), l("div", gZ, [
+						default: L(() => [u("div", { class: O(["incoming", ve.value]) }, [je.value ? (A(), l("div", gZ, [
 							m(r, {
 								size: "lg",
 								message: Fe.value,
-								stopAnimation: Ae.value || je.value || Pe.value
+								stopAnimation: Se.value || Ce.value || Me.value
 							}, null, 8, ["message", "stopAnimation"]),
 							_e.value ? (A(), l("div", _Z, [u("div", vZ, [m(Ui, { class: "icon-xl icon-state-error" })]), u("span", null, F(_.value.permissionDeniedForAudio), 1)])) : c("", !0),
 							ge.value ? (A(), l("div", yZ, [u("div", bZ, [m(fo, { class: "icon-xl icon-state-error" })]), u("span", null, F(_.value.permissionDeniedForVideo), 1)])) : c("", !0),
-							Ae.value || je.value || Pe.value ? (A(), s(z, {
+							Se.value || Ce.value || Me.value ? (A(), s(z, {
 								key: 2,
 								variant: "primary",
 								class: "text-center",
@@ -32601,21 +32608,21 @@ var hZ = { class: "video-call-template" }, gZ = {
 							})) : c("", !0)])
 						]))], 2)]),
 						_: 1
-					}, 8, ["lg"]), Ae.value ? c("", !0) : (A(), s(tJ, {
+					}, 8, ["lg"]), Se.value ? c("", !0) : (A(), s(tJ, {
 						key: 0,
 						sm: "12",
 						lg: "4"
 					}, {
 						default: L(() => [u("div", CZ, [u("div", null, [u("div", wZ, [u("div", TZ, [
-							Pe.value ? c("", !0) : (A(), l("div", EZ)),
+							Me.value ? c("", !0) : (A(), l("div", EZ)),
 							n[2] ||= u("div", { class: "outgoing__screenshare" }, null, -1),
-							he.value && !Pe.value && !y.value && !Ne.value ? (A(), s(z, {
+							he.value && !Me.value && !y.value && !je.value ? (A(), s(z, {
 								key: 1,
 								variant: v.value ? "danger" : "primary",
 								class: "text-center",
 								onClick: Ct
 							}, {
-								default: L(() => [m(Ea), u("span", null, F(xe.value), 1)]),
+								default: L(() => [m(Ea), u("span", null, F(ye.value), 1)]),
 								_: 1
 							}, 8, ["variant"])) : c("", !0),
 							me.value ? (A(), l(t, { key: 2 }, [m(z, {
@@ -32626,27 +32633,19 @@ var hZ = { class: "video-call-template" }, gZ = {
 								_: 1
 							}), u("p", DZ, F(pe.value), 1)], 64)) : c("", !0),
 							ge.value ? (A(), l("div", OZ, [u("div", kZ, [m(fo, { class: "icon-xxl icon-state-error" })]), u("span", null, F(_.value.permissionDeniedForVideo), 1)])) : c("", !0)
-						])]), u("div", AZ, [
-							u("div", jZ, [u("p", MZ, F(Ie.value), 1), Le.value ? (A(), l("small", NZ, F(Le.value), 1)) : c("", !0)]),
-							u("div", { class: O(["settings__signal", ye.value]) }, [n[3] ||= u("ul", { class: "indicator" }, [
-								u("li"),
-								u("li"),
-								u("li")
-							], -1), u("p", null, F(be.value), 1)], 2),
-							u("div", PZ, [
-								u("p", null, [u("b", null, F(Se.value), 1)]),
-								u("p", null, F(Ce.value), 1),
-								u("p", null, [
-									u("a", {
-										href: o.videoTestUrl,
-										target: "blank",
-										rel: "noopener noreferrer"
-									}, F(_.value.testCall), 9, FZ),
-									n[4] ||= p(" • ", -1),
-									u("a", IZ, F(_.value.serviceDesk), 1)
-								])
+						])]), u("div", AZ, [u("div", jZ, [u("p", MZ, F(Ie.value), 1), Le.value ? (A(), l("small", NZ, F(Le.value), 1)) : c("", !0)]), u("div", PZ, [
+							u("p", null, [u("b", null, F(be.value), 1)]),
+							u("p", null, F(xe.value), 1),
+							u("p", null, [
+								u("a", {
+									href: o.videoTestUrl,
+									target: "blank",
+									rel: "noopener noreferrer"
+								}, F(_.value.testCall), 9, FZ),
+								n[3] ||= p(" • ", -1),
+								u("a", IZ, F(_.value.serviceDesk), 1)
 							])
-						])]), !je.value && !Pe.value ? (A(), s(z, {
+						])])]), !Ce.value && !Me.value ? (A(), s(z, {
 							key: 0,
 							variant: "danger",
 							class: "text-center w-100",