@tmsoft/webphone 5.0.3 → 5.0.4

package/dist/webphone.es.js

@@ -6631,11 +6631,7 @@ var UserAgent = class e {
 	0: [941, 1336],
 	"#": [941, 1477],
 	D: [941, 1633]
-}, ringtoneInterval = ref(null), ringtonePulseTimeout = ref(null), ringbackInterval = ref(null), notificationVolume = ref(.5), ringtoneVolume = ref(1), ringtoneTone = ref("classic"), ringtoneActive = ref(!1), ringtonePresets = {
-	classic: {
-		frequencies: [440, 480],
-		type: "sine"
-	},
+}, ringtoneInterval = ref(null), ringtonePulseTimeout = ref(null), ringbackInterval = ref(null), notificationVolume = ref(.5), ringtoneVolume = ref(1), ringtoneTone = ref("original"), ringtoneActive = ref(!1), ringtonePresets = {
 	original: {
 		frequencies: [
 			523.25,
@@ -6643,19 +6639,53 @@ var UserAgent = class e {
 			783.99
 		],
 		type: "sine",
-		originalMelody: !0
+		originalMelody: !0,
+		gain: .7,
+		duration: .5,
+		repeatDelay: 400
+	},
+	aurora: {
+		frequencies: [
+			523.25,
+			659.25,
+			783.99,
+			1046.5
+		],
+		type: "sine",
+		originalMelody: !0,
+		gain: .85,
+		duration: .55,
+		repeatDelay: 400
+	},
+	resonancia: {
+		frequencies: [
+			392,
+			523.25,
+			659.25,
+			783.99
+		],
+		type: "triangle",
+		originalMelody: !0,
+		gain: 1,
+		duration: .6,
+		repeatDelay: 400
 	}
 };
 const useAudioSounds = () => {
-	let e = (e) => {
-		notificationVolume.value = Math.max(0, Math.min(1, e / 100));
+	let e = {
+		classic: "original",
+		"original-loud": "aurora",
+		"original-intense": "resonancia"
 	}, t = (e) => {
+		notificationVolume.value = Math.max(0, Math.min(1, e / 100));
+	}, n = (e) => {
 		ringtoneVolume.value = Math.max(0, Math.min(1, e / 100));
-	}, n = () => {
-		ringtoneActive.value && (s(), o());
-	}, i = (e) => {
-		ringtoneTone.value = ringtonePresets[e] ? e : "classic", n();
-	}, a = (e, t = 150) => {
+	}, i = () => {
+		ringtoneActive.value && (l(), s());
+	}, a = (t) => {
+		let n = e[t] ?? t;
+		ringtoneTone.value = ringtonePresets[n] ? n : "original", i();
+	}, o = (e, t = 150) => {
 		audioContext.state === "suspended" && audioContext.resume();
 		let n = DTMF_FREQUENCIES[e.toUpperCase()];
 		if (!n) return;
@@ -6663,30 +6693,33 @@ const useAudioSounds = () => {
 		i.frequency.value = n[0], a.frequency.value = n[1], i.type = "sine", a.type = "sine", o.gain.value = .1 * notificationVolume.value, i.connect(o), a.connect(o), o.connect(audioContext.destination), i.start(), a.start(), setTimeout(() => {
 			i.stop(), a.stop(), i.disconnect(), a.disconnect(), o.disconnect();
 		}, t);
-	}, o = () => {
+	}, s = () => {
 		if (ringtoneActive.value) return;
 		ringtoneActive.value = !0, audioContext.state === "suspended" && audioContext.resume();
 		let e = () => {
-			let e = audioContext.currentTime, t = ringtonePresets[ringtoneTone.value] || ringtonePresets.classic, n = audioContext.createGain(), i = t.originalMelody ? .5 : 1.2, a = (t.originalMelody ? [t.frequencies[0]] : t.frequencies).map((i) => {
+			let e = audioContext.currentTime, t = ringtonePresets[ringtoneTone.value] || ringtonePresets.original, n = audioContext.createGain(), i = t.duration, a = (t.originalMelody ? [t.frequencies[0]] : t.frequencies).map((i) => {
 				let a = audioContext.createOscillator();
 				return a.type = t.type, a.frequency.setValueAtTime(i, e), t.originalMelody && t.frequencies.slice(1).forEach((t, n) => {
 					a.frequency.setValueAtTime(t, e + (n + 1) * .1);
 				}), a.connect(n), a;
 			});
-			t.originalMelody ? (n.gain.setValueAtTime(.7 * ringtoneVolume.value, e), n.gain.exponentialRampToValueAtTime(.001, e + i)) : (n.gain.setValueAtTime(0, e), n.gain.linearRampToValueAtTime(.7 * ringtoneVolume.value, e + .02), n.gain.setValueAtTime(.7 * ringtoneVolume.value, e + 1.05), n.gain.linearRampToValueAtTime(0, e + i)), n.connect(audioContext.destination), a.forEach((t) => {
+			t.originalMelody ? (n.gain.setValueAtTime(t.gain * ringtoneVolume.value, e), n.gain.exponentialRampToValueAtTime(.001, e + i)) : (n.gain.setValueAtTime(0, e), n.gain.linearRampToValueAtTime(.7 * ringtoneVolume.value, e + .02), n.gain.setValueAtTime(.7 * ringtoneVolume.value, e + 1.05), n.gain.linearRampToValueAtTime(0, e + i)), n.connect(audioContext.destination), a.forEach((t) => {
 				t.start(e), t.stop(e + i);
 			});
+		}, t = () => {
+			let t = ringtonePresets[ringtoneTone.value] || ringtonePresets.original;
+			ringtonePulseTimeout.value = window.setTimeout(e, t.repeatDelay);
 		};
-		e(), ringtoneInterval.value = window.setInterval(() => {
-			e(), ringtoneTone.value === "original" && (ringtonePulseTimeout.value = window.setTimeout(e, 400));
+		e(), t(), ringtoneInterval.value = window.setInterval(() => {
+			e(), t();
 		}, 3e3);
-	}, s = () => {
+	}, l = () => {
 		ringtoneInterval.value &&= (clearInterval(ringtoneInterval.value), null), ringtonePulseTimeout.value &&= (clearTimeout(ringtonePulseTimeout.value), null), ringtoneActive.value = !1;
 	};
 	return {
-		playDtmf: a,
-		startRingtone: o,
-		stopRingtone: s,
+		playDtmf: o,
+		startRingtone: s,
+		stopRingtone: l,
 		startRingback: () => {
 			if (ringbackInterval.value) return;
 			audioContext.state === "suspended" && audioContext.resume();
@@ -6701,9 +6734,9 @@ const useAudioSounds = () => {
 		stopRingback: () => {
 			ringbackInterval.value &&= (clearInterval(ringbackInterval.value), null);
 		},
-		setNotificationVolume: e,
-		setRingtoneVolume: t,
-		setRingtoneTone: i
+		setNotificationVolume: t,
+		setRingtoneVolume: n,
+		setRingtoneTone: a
 	};
 };
 function r(e) {
@@ -17048,7 +17081,11 @@ var icon_phone_default = { render }, Tooltip_default = /* @__PURE__ */ defineCom
 	props: { visible: { type: Boolean } },
 	emits: ["update:visible"],
 	setup(e, { emit: t }) {
-		let i = t, a = navigator.platform.toUpperCase().indexOf("MAC") >= 0 ? "⌘" : "Ctrl+", o = inject("sip"), { setVolume: p, setOutputDevice: _, setInputDevice: v, setNotificationVolume: y } = o, b = o.setRingtoneVolume ?? (() => {}), x = o.setRingtoneTone ?? (() => {}), S = ref([]), E = ref([]), D = useStorage("webphone-input-device", ""), O = useStorage("webphone-output-device", ""), k = useStorage("webphone-volume", 100), A = useStorage("webphone-notification-volume", 100), j = useStorage("webphone-ringtone-volume", 100), M = useStorage("webphone-ringtone-tone", "classic"), N = async () => {
+		let i = t, a = navigator.platform.toUpperCase().indexOf("MAC") >= 0 ? "⌘" : "Ctrl+", o = inject("sip"), { setVolume: p, setOutputDevice: _, setInputDevice: v, setNotificationVolume: y } = o, b = o.setRingtoneVolume ?? (() => {}), x = o.setRingtoneTone ?? (() => {}), S = ref([]), E = ref([]), D = useStorage("webphone-input-device", ""), O = useStorage("webphone-output-device", ""), k = useStorage("webphone-volume", 100), A = useStorage("webphone-notification-volume", 100), j = useStorage("webphone-ringtone-volume", 100), M = useStorage("webphone-ringtone-tone", "original"), N = {
+			classic: "original",
+			"original-loud": "aurora",
+			"original-intense": "resonancia"
+		}, F = async () => {
 			try {
 				await navigator.mediaDevices.getUserMedia({ audio: !0 });
 				let e = await navigator.mediaDevices.enumerateDevices();
@@ -17066,32 +17103,38 @@ var icon_phone_default = { render }, Tooltip_default = /* @__PURE__ */ defineCom
 			} catch (e) {
 				console.error("Error loading devices", e);
 			}
-		}, F = (e) => {
+		}, I = (e) => {
 			let t = String(e);
 			D.value = t, v(t);
-		}, I = (e) => {
+		}, L = (e) => {
 			let t = String(e);
 			O.value = t, _(t);
-		}, L = (e, t = 35) => e.length <= t ? e : e.substring(0, t) + "...", z = computed({
+		}, z = (e, t = 35) => e.length <= t ? e : e.substring(0, t) + "...", B = computed({
 			get: () => [k.value],
 			set: (e) => {
 				k.value = e[0], p(k.value);
 			}
-		}), B = computed({
+		}), H = computed({
 			get: () => [A.value],
 			set: (e) => {
 				A.value = e[0], y(A.value);
 			}
-		}), H = computed({
+		}), U = computed({
 			get: () => [j.value],
 			set: (e) => {
 				j.value = e[0] ?? 100, b(j.value);
 			}
-		}), U = (e) => {
+		}), W = (e) => {
 			M.value = String(e), x(M.value);
 		};
 		return onMounted(() => {
-			N(), p(k.value), y(A.value), b(j.value), localStorage.removeItem("webphone-custom-ringtone"), ["classic", "original"].includes(M.value) || (M.value = "classic"), x(M.value);
+			F(), p(k.value), y(A.value), b(j.value), localStorage.removeItem("webphone-custom-ringtone");
+			let e = N[M.value] ?? M.value;
+			M.value = [
+				"original",
+				"aurora",
+				"resonancia"
+			].includes(e) ? e : "original", x(M.value);
 		}), (t, o) => e.visible ? (openBlock(), createBlock(unref(Dialog_default), {
 			key: 0,
 			open: e.visible,
@@ -17112,7 +17155,7 @@ var icon_phone_default = { render }, Tooltip_default = /* @__PURE__ */ defineCom
 							_: 1
 						}), createVNode(unref(Select_default), {
 							modelValue: unref(D),
-							"onUpdate:modelValue": [o[0] ||= (e) => isRef(D) ? D.value = e : null, F]
+							"onUpdate:modelValue": [o[0] ||= (e) => isRef(D) ? D.value = e : null, I]
 						}, {
 							default: withCtx(() => [createVNode(unref(SelectTrigger_default), { class: "wp:w-full" }, {
 								default: withCtx(() => [createVNode(unref(SelectValue_default), { placeholder: "Select Microphone" })]),
@@ -17124,7 +17167,7 @@ var icon_phone_default = { render }, Tooltip_default = /* @__PURE__ */ defineCom
 										value: e.deviceId,
 										title: e.label
 									}, {
-										default: withCtx(() => [createTextVNode(toDisplayString(L(e.label)), 1)]),
+										default: withCtx(() => [createTextVNode(toDisplayString(z(e.label)), 1)]),
 										_: 2
 									}, 1032, ["value", "title"]))), 128))]),
 									_: 1
@@ -17138,7 +17181,7 @@ var icon_phone_default = { render }, Tooltip_default = /* @__PURE__ */ defineCom
 							_: 1
 						}), createVNode(unref(Select_default), {
 							modelValue: unref(O),
-							"onUpdate:modelValue": [o[1] ||= (e) => isRef(O) ? O.value = e : null, I]
+							"onUpdate:modelValue": [o[1] ||= (e) => isRef(O) ? O.value = e : null, L]
 						}, {
 							default: withCtx(() => [createVNode(unref(SelectTrigger_default), { class: "wp:w-full" }, {
 								default: withCtx(() => [createVNode(unref(SelectValue_default), { placeholder: "Select Speaker" })]),
@@ -17150,7 +17193,7 @@ var icon_phone_default = { render }, Tooltip_default = /* @__PURE__ */ defineCom
 										value: e.deviceId,
 										title: e.label
 									}, {
-										default: withCtx(() => [createTextVNode(toDisplayString(L(e.label)), 1)]),
+										default: withCtx(() => [createTextVNode(toDisplayString(z(e.label)), 1)]),
 										_: 2
 									}, 1032, ["value", "title"]))), 128))]),
 									_: 1
@@ -17163,8 +17206,8 @@ var icon_phone_default = { render }, Tooltip_default = /* @__PURE__ */ defineCom
 							default: withCtx(() => [...o[10] ||= [createTextVNode("Media Volume", -1)]]),
 							_: 1
 						}), createElementVNode("span", _hoisted_6$3, toDisplayString(unref(k)) + "%", 1)]), createVNode(unref(Slider_default), {
-							modelValue: z.value,
-							"onUpdate:modelValue": o[2] ||= (e) => z.value = e,
+							modelValue: B.value,
+							"onUpdate:modelValue": o[2] ||= (e) => B.value = e,
 							max: 100,
 							step: 1
 						}, null, 8, ["modelValue"])]),
@@ -17172,8 +17215,8 @@ var icon_phone_default = { render }, Tooltip_default = /* @__PURE__ */ defineCom
 							default: withCtx(() => [...o[11] ||= [createTextVNode("Notification Volume", -1)]]),
 							_: 1
 						}), createElementVNode("span", _hoisted_9$3, toDisplayString(unref(A)) + "%", 1)]), createVNode(unref(Slider_default), {
-							modelValue: B.value,
-							"onUpdate:modelValue": o[3] ||= (e) => B.value = e,
+							modelValue: H.value,
+							"onUpdate:modelValue": o[3] ||= (e) => H.value = e,
 							max: 100,
 							step: 1
 						}, null, 8, ["modelValue"])]),
@@ -17181,8 +17224,8 @@ var icon_phone_default = { render }, Tooltip_default = /* @__PURE__ */ defineCom
 							default: withCtx(() => [...o[12] ||= [createTextVNode("Volumen del tono", -1)]]),
 							_: 1
 						}), createElementVNode("span", _hoisted_12$2, toDisplayString(unref(j)) + "%", 1)]), createVNode(unref(Slider_default), {
-							modelValue: H.value,
-							"onUpdate:modelValue": o[4] ||= (e) => H.value = e,
+							modelValue: U.value,
+							"onUpdate:modelValue": o[4] ||= (e) => U.value = e,
 							max: 100,
 							step: 1
 						}, null, 8, ["modelValue"])]),
@@ -17191,20 +17234,27 @@ var icon_phone_default = { render }, Tooltip_default = /* @__PURE__ */ defineCom
 							_: 1
 						}), createVNode(unref(Select_default), {
 							"model-value": unref(M),
-							"onUpdate:modelValue": U
+							"onUpdate:modelValue": W
 						}, {
 							default: withCtx(() => [createVNode(unref(SelectTrigger_default), { class: "wp:w-full" }, {
 								default: withCtx(() => [createVNode(unref(SelectValue_default), { placeholder: "Seleccionar tono" })]),
 								_: 1
 							}), createVNode(unref(SelectContent_default), null, {
 								default: withCtx(() => [createVNode(unref(SelectGroup_default), null, {
-									default: withCtx(() => [createVNode(unref(SelectItem_default), { value: "classic" }, {
-										default: withCtx(() => [...o[14] ||= [createTextVNode("Teléfono clásico", -1)]]),
-										_: 1
-									}), createVNode(unref(SelectItem_default), { value: "original" }, {
-										default: withCtx(() => [...o[15] ||= [createTextVNode("Original", -1)]]),
-										_: 1
-									})]),
+									default: withCtx(() => [
+										createVNode(unref(SelectItem_default), { value: "original" }, {
+											default: withCtx(() => [...o[14] ||= [createTextVNode("Original", -1)]]),
+											_: 1
+										}),
+										createVNode(unref(SelectItem_default), { value: "aurora" }, {
+											default: withCtx(() => [...o[15] ||= [createTextVNode("Aurora", -1)]]),
+											_: 1
+										}),
+										createVNode(unref(SelectItem_default), { value: "resonancia" }, {
+											default: withCtx(() => [...o[16] ||= [createTextVNode("Resonancia", -1)]]),
+											_: 1
+										})
+									]),
 									_: 1
 								})]),
 								_: 1
@@ -17213,30 +17263,30 @@ var icon_phone_default = { render }, Tooltip_default = /* @__PURE__ */ defineCom
 						}, 8, ["model-value"])]),
 						createVNode(unref(Separator_default)),
 						createElementVNode("div", _hoisted_14, [createVNode(unref(Label_default), { class: "wp:text-base" }, {
-							default: withCtx(() => [...o[16] ||= [createTextVNode("Atajos de teclado", -1)]]),
+							default: withCtx(() => [...o[17] ||= [createTextVNode("Atajos de teclado", -1)]]),
 							_: 1
 						}), createElementVNode("div", _hoisted_15, [
-							createElementVNode("div", _hoisted_16, [o[17] ||= createElementVNode("span", { class: "wp:text-muted-foreground" }, "Historial", -1), createVNode(unref(Kbd_default), null, {
+							createElementVNode("div", _hoisted_16, [o[18] ||= createElementVNode("span", { class: "wp:text-muted-foreground" }, "Historial", -1), createVNode(unref(Kbd_default), null, {
 								default: withCtx(() => [createTextVNode(toDisplayString(unref(a)) + "H", 1)]),
 								_: 1
 							})]),
-							createElementVNode("div", _hoisted_17, [o[18] ||= createElementVNode("span", { class: "wp:text-muted-foreground" }, "Configuración", -1), createVNode(unref(Kbd_default), null, {
+							createElementVNode("div", _hoisted_17, [o[19] ||= createElementVNode("span", { class: "wp:text-muted-foreground" }, "Configuración", -1), createVNode(unref(Kbd_default), null, {
 								default: withCtx(() => [createTextVNode(toDisplayString(unref(a)) + ",", 1)]),
 								_: 1
 							})]),
-							createElementVNode("div", _hoisted_18, [o[19] ||= createElementVNode("span", { class: "wp:text-muted-foreground" }, "Teclado", -1), createVNode(unref(Kbd_default), null, {
+							createElementVNode("div", _hoisted_18, [o[20] ||= createElementVNode("span", { class: "wp:text-muted-foreground" }, "Teclado", -1), createVNode(unref(Kbd_default), null, {
 								default: withCtx(() => [createTextVNode(toDisplayString(unref(a)) + "K", 1)]),
 								_: 1
 							})]),
-							createElementVNode("div", _hoisted_19, [o[20] ||= createElementVNode("span", { class: "wp:text-muted-foreground" }, "Línea 1", -1), createVNode(unref(Kbd_default), null, {
+							createElementVNode("div", _hoisted_19, [o[21] ||= createElementVNode("span", { class: "wp:text-muted-foreground" }, "Línea 1", -1), createVNode(unref(Kbd_default), null, {
 								default: withCtx(() => [createTextVNode(toDisplayString(unref(a)) + "1", 1)]),
 								_: 1
 							})]),
-							createElementVNode("div", _hoisted_20, [o[21] ||= createElementVNode("span", { class: "wp:text-muted-foreground" }, "Línea 2", -1), createVNode(unref(Kbd_default), null, {
+							createElementVNode("div", _hoisted_20, [o[22] ||= createElementVNode("span", { class: "wp:text-muted-foreground" }, "Línea 2", -1), createVNode(unref(Kbd_default), null, {
 								default: withCtx(() => [createTextVNode(toDisplayString(unref(a)) + "2", 1)]),
 								_: 1
 							})]),
-							createElementVNode("div", _hoisted_21, [o[22] ||= createElementVNode("span", { class: "wp:text-muted-foreground" }, "Línea 3", -1), createVNode(unref(Kbd_default), null, {
+							createElementVNode("div", _hoisted_21, [o[23] ||= createElementVNode("span", { class: "wp:text-muted-foreground" }, "Línea 3", -1), createVNode(unref(Kbd_default), null, {
 								default: withCtx(() => [createTextVNode(toDisplayString(unref(a)) + "3", 1)]),
 								_: 1
 							})])
@@ -17247,7 +17297,7 @@ var icon_phone_default = { render }, Tooltip_default = /* @__PURE__ */ defineCom
 							variant: "secondary",
 							onClick: o[5] ||= (e) => i("update:visible", !1)
 						}, {
-							default: withCtx(() => [...o[23] ||= [createTextVNode("Close", -1)]]),
+							default: withCtx(() => [...o[24] ||= [createTextVNode("Close", -1)]]),
 							_: 1
 						})]),
 						_: 1