update-

package.json

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

src/components/ModalPhoneNumpad/index.jsx

@@ -18,6 +18,7 @@ const ModalPhoneNumpad = ({
 	dynamicValue,
 	position,
 	variant,
+	extnums,
 }) => {
 	const boxDialer = window.BoxDialer;
 
@@ -270,7 +271,19 @@ const ModalPhoneNumpad = ({
 								</div>
 							</NumberButton.CallButton>
 							<NumberButton.CallButtonModal visiblevalue={exNum}>
-								<NumberButton.CallButtonModalInset></NumberButton.CallButtonModalInset>
+								<NumberButton.CallButtonModalInset>
+									{extnums?.map((item) => (
+										<p
+											className='num_item'
+											onClick={() => {
+												boxDialer.extnum = item;
+												setExNum(false);
+												callButton();
+											}}>
+											{item}
+										</p>
+									))}
+								</NumberButton.CallButtonModalInset>
 							</NumberButton.CallButtonModal>
 						</NumberButton>
 					</>

src/components/ModalPhoneNumpad/style.js

@@ -145,7 +145,7 @@ NumberButton.CallButtonModal = styled.div`
 	left: 50%;
 	background-color: #c9d5d9;
 	border-radius: 20px;
-	padding: 15px;
+	padding: 3px;
 	transition: 0.1s;
 	${({ visiblevalue }) =>
 		visiblevalue
@@ -162,6 +162,18 @@ NumberButton.CallButtonModalInset = styled.div`
 	width: 100%;
 	height: 100%;
 	overflow-y: scroll;
+
+	.num_item {
+		color: #000;
+		transition: 0.2s;
+		padding: 5px 7px;
+		border-radius: 10px;
+		:hover {
+			background-color: #0000001a;
+			padding: 5px 7px;
+			border-radius: 10px;
+		}
+	}
 	::-webkit-scrollbar {
 		width: 5px;
 	}

src/lib/boxDIaler.js

@@ -34,6 +34,7 @@ export class BoxDialer {
 	soundBool;
 	onSipStateChange = {};
 	callEvetsBoxDialer;
+	extnum
 	timer = {
 		time: 0,
 		type: null,

src/lib/controlRenderBX.jsx

@@ -18,6 +18,7 @@ const ControlRenderBX = () => {
 				reason: 'free',
 				variant: 'bxmini',
 				position: 'bottomRight',
+				extnums: ['994412860', '770412860'],
 			});
 		}
 	}, []);

src/root/index.jsx

@@ -141,6 +141,7 @@ const Root = ({ wsphonedata, onSetDnd, setWsphonedata, callMethod }) => {
 				onSetDnd={reasonSelect}
 				variant={wsphonedata.variant || 'defaultWidjet'}
 				position={wsphonedata.position || 'bottomLeft'}
+				extnums={wsphonedata.extnums}
 			/>
 
 			<Modal