update-

package.json

 {
 	"name": "boxdialer",
-	"version": "4.8.68",
+	"version": "4.8.69",
 	"description": "",
 	"main": "src/boxDialer.js",
 	"scripts": {

src/components/ModalPhoneNumpad/style.js

@@ -3,7 +3,7 @@
 import styled from 'styled-components';
 import KeyboardBackspaceIcon from '@mui/icons-material/KeyboardBackspace';
 import { boxDialerWidjetPosition } from '../../lib/boxDialerWidjetPosition';
-import {sizePixelPixelSizeFunc} from "../../lib/sizeContext"
+import { sizePixelPixelSizeFunc } from '../../lib/sizeContext';
 
 const ModalPhoneNumpadStyle = styled.div`
 	box-shadow: 0 0 20px #00000047;
@@ -15,8 +15,9 @@ const ModalPhoneNumpadStyle = styled.div`
 	width: 230px;
 	position: fixed;
 	bottom: 120px;
-	transition: ${({switchAnim})=> typeof switchAnim !== 'undefined' ? switchAnim ? '0.2s' : '0s' : '0.2s' };
-	${({switchAnim})=> console.log('switchAnim: ', switchAnim)}
+	transition: ${({ switchAnim }) =>
+		typeof switchAnim !== 'undefined' ? (switchAnim ? '0.2s' : '0s') : '0.2s'};
+	${({ switchAnim }) => console.log('switchAnim: ', switchAnim)}
 	z-index: 9999;
 	${({ hiddenValue, position, variant }) =>
 		hiddenValue
@@ -28,7 +29,7 @@ const ModalPhoneNumpadStyle = styled.div`
 	grid-template-rows: 40px 1fr;
 	grid-gap: 15px;
 	cursor: default;
-	.settingIcon{
+	.settingIcon {
 		position: absolute;
 		font-size: 11px;
 		cursor: pointer;
@@ -103,7 +104,7 @@ const NumberButton = styled.div`
 	display: flex;
 	justify-content: center;
 	align-items: center;
-	${({sizeContext})=> sizePixelPixelSizeFunc(sizeContext, 22)}
+	${({ sizeContext }) => sizePixelPixelSizeFunc(sizeContext, 22)}
 	cursor: pointer;
 	height: 33px;
 	position: relative;
@@ -113,7 +114,8 @@ const NumberButton = styled.div`
 				? 'orange'
 				: status === 'connected' && '#a0c13d'
 			: '#0000007d'};
-	transition: ${({switchAnim})=> typeof switchAnim !== 'undefined' ? switchAnim ? '0.3s' : '0s' : '0.3s' };
+	transition: ${({ switchAnim }) =>
+		typeof switchAnim !== 'undefined' ? (switchAnim ? '0.3s' : '0s') : '0.3s'};
 
 	.callIcon {
 		color: #0000007d;
@@ -169,7 +171,6 @@ NumberButton.CallButton = styled.div`
 		display: flex;
 		align-items: center;
 		.icon {
-	
 			margin: 0 auto;
 			border: 4px solid transparent;
 			width: 8px;
@@ -210,7 +211,8 @@ NumberButton.CallButtonModal = styled.div`
 	padding: 3px 3px 15px 3px;
 	border-top-left-radius: 8px;
 	border-top-right-radius: 8px;
-	transition: ${({switchAnim})=> typeof switchAnim !== 'undefined' ? switchAnim ? '0.1s' : '0s' : '0.1s' };
+	transition: ${({ switchAnim }) =>
+		typeof switchAnim !== 'undefined' ? (switchAnim ? '0.1s' : '0s') : '0.1s'};
 
 	clip-path: polygon(100% 0, 100% 93%, 57% 93%, 50% 100%, 43% 93%, 0 93%, 0 0);
 	${({ visiblevalue }) =>
@@ -236,7 +238,12 @@ NumberButton.CallButtonModalInset = styled.div`
 	.num_item {
 		text-wrap: nowrap;
 		color: #000;
-		transition: ${({switchAnim})=> typeof switchAnim !== 'undefined' ? switchAnim ? '0.2s' : '0s' : '0.2s' };
+		transition: ${({ switchAnim }) =>
+			typeof switchAnim !== 'undefined'
+				? switchAnim
+					? '0.2s'
+					: '0s'
+				: '0.2s'};
 		padding: 5px 10px;
 		font-size: 14px;
 		margin: 2px 0;

src/lib/boxDIaler.js

 /** @format */
 
-import {toast} from 'react-hot-toast';
+import { toast } from 'react-hot-toast';
 import outcomingringTone from '../sounds/ringtone.wav';
 import waitRingTone from '../sounds/ringbacktone.wav';
 import pickSound from '../sounds/dtmf.wav';
-import {WebSocketInterface, UA} from 'jssip';
+import { WebSocketInterface, UA } from 'jssip';
 import tugpng from '../img/tug.png';
 import packageJson from '../../package.json';
 
@@ -60,8 +60,7 @@ export class BoxDialer {
 	player;
 	strmTrack;
 	isRestarting;
-    globalHistoryData
-
+	globalHistoryData;
 
 	constructor() {
 		this.played = false;
@@ -92,13 +91,13 @@ export class BoxDialer {
 
 		this.options = {
 			eventHandlers: this.uaEvents(),
-            mediaConstraints: {audio: true, video: false},
+			mediaConstraints: { audio: true, video: false },
 		};
 	}
 
-    setGlobalHistoryData(data){
-        console.log('setGlobalHistoryData: ', data)
-        this.globalHistoryData = data
+	setGlobalHistoryData(data) {
+		console.log('setGlobalHistoryData: ', data);
+		this.globalHistoryData = data;
 	}
 
 	dialTone(freq1, freq2) {
@@ -201,7 +200,7 @@ export class BoxDialer {
 					});
 
 					window.navigator.mediaDevices
-                        .getUserMedia({audio: true})
+						.getUserMedia({ audio: true })
 						.then(function (stream) {
 							console.log(
 								'User_Danied_Media_Access',
@@ -308,7 +307,7 @@ export class BoxDialer {
 		greeting.addEventListener('click', cbk);
 	}
 
-    onSoundType({type, bool}) {
+	onSoundType({ type, bool }) {
 		this.ringtone.remove();
 		this.waitRingTone.remove();
 		this.pickSound.remove();
@@ -355,7 +354,7 @@ export class BoxDialer {
 		}
 	}
 
-    sipRegister = ({number, secret, wsurl, isIce}) => {
+	sipRegister = ({ number, secret, wsurl, isIce }) => {
 		try {
 			if (window?.alovoice_setversion && packageJson?.version) {
 				window.alovoice_setversion(packageJson?.version);
@@ -401,6 +400,7 @@ export class BoxDialer {
 						e,
 					);
 				});
+				
 				this.ua.on('disconnected', (e) => {
 					this.onSipStateChange.dynamicValue('pending');
 					console.log(
@@ -434,7 +434,6 @@ export class BoxDialer {
 				});
 				this.ua.on('connecting', (e) => {
 					console.log('%c connecting: ', 'font-size: 22px; color: yellow;', e);
-
 				});
 				this.ua.on('registrationExpiring', (e) => {
 					console.log(
@@ -489,34 +488,36 @@ export class BoxDialer {
 					});
 
 					if (this.callSession.direction === 'incoming') {
-
-                        let second
-                        console.log('auto_answer is work: ', this.globalHistoryData?.autoAnswer)
+						let second;
+						console.log(
+							'auto_answer is work: ',
+							this.globalHistoryData?.autoAnswer,
+						);
 						if (this.globalHistoryData?.autoAnswer) {
 							switch (this.globalHistoryData?.autoAnswerSecond) {
 								case 1:
-                                    second = 1000
-                                    break
+									second = 1000;
+									break;
 								case 50:
-                                    second = 5000
-                                    break
+									second = 5000;
+									break;
 								case 100:
-                                    second = 10000
-                                    break
+									second = 10000;
+									break;
 								default:
-                                    second = 0
+									second = 0;
 							}
-                            console.log('auto_answer second: ', second)
+							console.log('auto_answer second: ', second);
 							setTimeout(() => {
-                                console.log('auto_answer run boxDialer.answerButtonClick()')
-                                this.answerButtonClick()
-                            }, second)
+								console.log('auto_answer run boxDialer.answerButtonClick()');
+								this.answerButtonClick();
+							}, second);
 						}
 
 						this.showNotification(() => {
 							this.answerButtonClick();
 						});
-                        this.onSoundType({type: 'ring', bool: true});
+						this.onSoundType({ type: 'ring', bool: true });
 						this.setGuiPhoneState({
 							funcName: 'modalState',
 							stateCode: 'connectingIncoming',
@@ -546,7 +547,7 @@ export class BoxDialer {
 								e,
 							);
 							// the call has answered
-                            this.onSoundType({type: 'ring', bool: false});
+							this.onSoundType({ type: 'ring', bool: false });
 							this.setGuiPhoneState({
 								funcName: 'modalState',
 								funcParam: {
@@ -619,7 +620,7 @@ export class BoxDialer {
 								type: null,
 							});
 							this.stopInnerTimer();
-                            this.onSoundType({type: 'ring', bool: false});
+							this.onSoundType({ type: 'ring', bool: false });
 							this.closeBxCall();
 							this.hangupButtonClick();
 							this.setGuiPhoneState({
@@ -765,7 +766,7 @@ export class BoxDialer {
 		return sipState && uiStates[sipState] ? uiStates[sipState] : '';
 	}
 
-    callBxMethods({bxMethodName, bxFuncParams, callback}) {
+	callBxMethods({ bxMethodName, bxFuncParams, callback }) {
 		if (window.BX24 && window.BX24.placement) {
 			window?.BX24.placement.call(bxMethodName, bxFuncParams, callback);
 		} else if (window.alovoicePhone && window.alovoicePhone.callMethods) {
@@ -778,8 +779,7 @@ export class BoxDialer {
 
 	closeBxCall() {
 		if (window.BX24 && window.BX24.placement) {
-            window?.BX24.placement.call('CallCardClose', {}, () => {
-            });
+			window?.BX24.placement.call('CallCardClose', {}, () => {});
 		} else if (
 			window.alovoicePhone &&
 			window.alovoicePhone.callMethods &&
@@ -789,7 +789,8 @@ export class BoxDialer {
 		}
 	}
 
-    setGuiPhoneState({stateCode, funcName, funcParam}) {
+	setGuiPhoneState({ stateCode, funcName, funcParam }) {
+		console.log('boxdialer_setGuiPhoneState_states: ', { stateCode, funcName, funcParam })
 		if (window?.alovoice_wsphone && !!stateCode?.length) {
 			console.log(
 				'this_getBxUiState_stateCode',
@@ -798,7 +799,7 @@ export class BoxDialer {
 			);
 			this.callBxMethods({
 				bxMethodName: 'CallCardSetUiState',
-                bxFuncParams: {uiState: this.getBxUiState(stateCode)},
+				bxFuncParams: { uiState: this.getBxUiState(stateCode) },
 				callback: (e) => {
 					console.log(e, `CallCardSetUiState method done ${e}`);
 				},
@@ -817,12 +818,11 @@ export class BoxDialer {
 		console.log(`%c BXLOG:`, datas, 'background-color: red;');
 	}
 
-    onSessionEvent({type, event}) {
-    }
+	onSessionEvent({ type, event }) {}
 
 	selectUser() {
 		BX.Runtime.loadExtension('ui.entity-selector').then((exports) => {
-            const {Dialog, TagSelector} = exports;
+			const { Dialog, TagSelector } = exports;
 
 			const dialog = new BX.UI.EntitySelector.Dialog({
 				// targetNode: button,
@@ -832,7 +832,7 @@ export class BoxDialer {
 				entities: [
 					{
 						id: 'user', // пользователи
-                        options: {selectFields: ['ufPhoneInner']},
+						options: { selectFields: ['ufPhoneInner'] },
 					},
 					{
 						id: 'department', // структура компании: выбор только пользователей
@@ -840,7 +840,7 @@ export class BoxDialer {
 				],
 				events: {
 					'_Item:onSelect': (event) => {
-                        const {item} = event.getData();
+						const { item } = event.getData();
 						const dialog = event.getTarget();
 						const selectedItems = dialog.getSelectedItems();
 
@@ -906,19 +906,10 @@ export class BoxDialer {
 	}
 
 	skipButtonClick() {
-        this.onSoundType({type: 'ring', bool: false});
+		this.onSoundType({ type: 'ring', bool: false });
 		this.hangupButtonClick();
 	}
 
-    answerButtonClick() {
-        this.onSoundType({type: 'ring', bool: false});
-        this.callSession?.answer(this.options);
-        this.callSession.connection.addEventListener('addstream', (event) => {
-            this.remoteAudio.srcObject = event.stream;
-            this.remoteAudio.play();
-        });
-    }
-
 	sipSendDTMF(code) {
 		this.callSession.sendDTMF(code);
 	}
@@ -928,31 +919,32 @@ export class BoxDialer {
 	}
 
 	muteButtonClick() {
-        let {audio} = this.callSession.isMuted();
+		
+		let { audio } = this.callSession.isMuted();
 		if (audio) {
 			this.callSession.unmute();
 			console.log('muteButtonClick_unmute');
 
-            this.onSipStateChange['setCallEvents']({callMute: false});
+			this.onSipStateChange['setCallEvents']({ callMute: false });
 		} else {
 			this.callSession.mute();
 			console.log('muteButtonClick_mute');
 
-            this.onSipStateChange['setCallEvents']({callMute: true});
+			this.onSipStateChange['setCallEvents']({ callMute: true });
 		}
+
 	}
 
 	holdButtonClick() {
-        let {local} = this.callSession.isOnHold();
+		let { local } = this.callSession.isOnHold();
 		console.log('local: ', local);
 		if (local) {
 			this.callSession.unhold();
-
-            this.onSipStateChange['setCallEvents']({callHold: false});
+			this.onSipStateChange['setCallEvents']({ callHold: false });
 		} else {
 			this.callSession.hold();
 
-            this.onSipStateChange['setCallEvents']({callHold: true});
+			this.onSipStateChange['setCallEvents']({ callHold: true });
 		}
 	}
 
@@ -961,7 +953,7 @@ export class BoxDialer {
 	}
 
 	hangupButtonClick() {
-        this.onSoundType({type: 'ring', bool: false});
+		this.onSoundType({ type: 'ring', bool: false });
 		this.onSipStateChange.innerCallerModal({
 			bool: false,
 			type: null,