update version: 0.5.7

package.json

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

src/components/CallCardDropDown/index.jsx

@@ -5,7 +5,6 @@ import Block from './style';
 import { data as mockData } from '../WidjetButton/mockTest';
 
 const CallCardDropDown = ({ hiddenState, selectUserFunc }) => {
-
 	const [inputValue, setinputValue] = useState('');
 	return (
 		<Block onClick={(e) => e.stopPropagation()} hiddenState={hiddenState}>
@@ -16,7 +15,7 @@ const CallCardDropDown = ({ hiddenState, selectUserFunc }) => {
 			/>
 			<Block.Inset hiddenState={hiddenState}>
 				{mockData.map(
-					({ NAME, UF_PHONE_INNER, LAST_NAME }) =>
+					({ NAME, UF_PHONE_INNER, LAST_NAME }, index) =>
 						(NAME.toLocaleLowerCase().includes(
 							inputValue.toLocaleLowerCase(),
 						) ||
@@ -24,7 +23,9 @@ const CallCardDropDown = ({ hiddenState, selectUserFunc }) => {
 								inputValue.toLocaleLowerCase(),
 							) ||
 							UF_PHONE_INNER.toString().includes(inputValue.toString())) && (
-							<Block.Section onClick={() => selectUserFunc(UF_PHONE_INNER)}>
+							<Block.Section
+								key={index}
+								onClick={() => selectUserFunc(UF_PHONE_INNER)}>
 								<p className='name'>
 									{NAME} {LAST_NAME}
 								</p>

src/lib/boxDIaler.js

@@ -415,6 +415,15 @@ export class BoxDialer {
 		// toast.error('Please enter another number');
 		// return;
 		// }
+
+		this.callBxMethods({
+			bxMethodName: 'CallCardSetUiState',
+			bxFuncParams: { uiState: 'connectingOutgoing' },
+			callback: (e) => {
+				console.log(e, `CallCardSetUiState method done ${e}`);
+			},
+		});
+
 		let phoneNumberString = phoneNumber.toString();
 		if (phoneNumberString.length) {
 			this.oSipSessionCall = this.oSipStack.newSession(