Commit ed73a152 authored by Muhammadali's avatar Muhammadali

update-

parent cbc32f9d
{ {
"name": "boxdialer", "name": "boxdialer",
"version": "4.5.8", "version": "4.5.9",
"description": "", "description": "",
"main": "src/boxDialer.js", "main": "src/boxDialer.js",
"scripts": { "scripts": {
......
...@@ -32,7 +32,7 @@ const CallHistoryInputDropdown = ({ ...@@ -32,7 +32,7 @@ const CallHistoryInputDropdown = ({
if (numberSelectHistory > 0) { if (numberSelectHistory > 0) {
setModal(true); setModal(true);
} else if (numberSelectHistory == 0 || numberSelectHistory == 'zero') { } else if (numberSelectHistory == 0 || numberSelectHistory == 'zero') {
setModal(false); // setModal(false);
} }
}, [numberSelectHistory]); }, [numberSelectHistory]);
...@@ -42,6 +42,10 @@ const CallHistoryInputDropdown = ({ ...@@ -42,6 +42,10 @@ const CallHistoryInputDropdown = ({
.scrollTo(document.getElementById('numbersDiv').scrollWidth, 0); .scrollTo(document.getElementById('numbersDiv').scrollWidth, 0);
}, [inputValue]); }, [inputValue]);
console.log('input_modal: ', modal, numberSelectHistory);
document.querySelector('body').addEventListener('click', function (e) {
console.log('body_clicked_2: ', e);
});
return ( return (
<Block> <Block>
<Input <Input
...@@ -71,6 +75,7 @@ const CallHistoryInputDropdown = ({ ...@@ -71,6 +75,7 @@ const CallHistoryInputDropdown = ({
</ModalDropDown.Inset> </ModalDropDown.Inset>
</ModalDropDown> </ModalDropDown>
<ModalDropDown.FullWindow <ModalDropDown.FullWindow
id='full-size'
visiblevalue={modal} visiblevalue={modal}
onClick={() => setModal(!modal)} onClick={() => setModal(!modal)}
/> />
......
...@@ -150,12 +150,8 @@ ModalDropDown.Item = styled.div` ...@@ -150,12 +150,8 @@ ModalDropDown.Item = styled.div`
`; `;
ModalDropDown.FullWindow = styled.div` ModalDropDown.FullWindow = styled.div`
display: ${({ visiblevalue }) => (visiblevalue ? 'block' : 'none')}; display: ${({ visiblevalue }) => (visiblevalue ? 'block' : 'none')};
position: fixed; /* width: 100%;
left: 0; height: 100%; */
top: 0;
z-index: 10;
width: 100%;
height: 100vh;
`; `;
export { Input, ModalDropDown }; export { Input, ModalDropDown };
......
...@@ -35,6 +35,7 @@ DropDownStyle.Window = styled.div` ...@@ -35,6 +35,7 @@ DropDownStyle.Window = styled.div`
left: 0; left: 0;
width: 100vw; width: 100vw;
height: 100vh; height: 100vh;
z-index: 99999999;
`; `;
DropDownStyle.DropDown = styled.div` DropDownStyle.DropDown = styled.div`
z-index: 99999999999; z-index: 99999999999;
......
...@@ -210,12 +210,26 @@ const ModalPhoneNumpad = ({ ...@@ -210,12 +210,26 @@ const ModalPhoneNumpad = ({
setNumberSelectHistory('zero'); setNumberSelectHistory('zero');
}; };
document.querySelector('body').addEventListener('click', () => {
console.log('body_clicked');
});
return ( return (
<ModalPhoneNumpadStyle <ModalPhoneNumpadStyle
position={position} position={position}
hiddenValue={!phoneModal} hiddenValue={!phoneModal}
variant={variant} variant={variant}
onClick={(e) => e.stopPropagation()}> onClick={(e) => e.stopPropagation()}>
{/* <div
style={{
background: 'red',
position: 'fixed',
top: '0',
left: '0',
width: '100%',
height: '100vh',
zIndex: '99999999',
}}></div> */}
<ModalPhoneNumpadStyle.InputArea> <ModalPhoneNumpadStyle.InputArea>
<CallHistoryInputDropdown <CallHistoryInputDropdown
call_history={call_history} call_history={call_history}
...@@ -286,6 +300,10 @@ const ModalPhoneNumpad = ({ ...@@ -286,6 +300,10 @@ const ModalPhoneNumpad = ({
))} ))}
</NumberButton.CallButtonModalInset> </NumberButton.CallButtonModalInset>
</NumberButton.CallButtonModal> </NumberButton.CallButtonModal>
{/* <ModalPhoneNumpadStyle.Window
visiblevalue={exNum}
onClick={() => setExNum(false)}
/> */}
</NumberButton> </NumberButton>
</> </>
) : ( ) : (
......
...@@ -20,8 +20,8 @@ const ModalPhoneNumpadStyle = styled.div` ...@@ -20,8 +20,8 @@ const ModalPhoneNumpadStyle = styled.div`
${({ hiddenValue, position, variant }) => ${({ hiddenValue, position, variant }) =>
hiddenValue hiddenValue
? boxDialerWidjetPosition[variant][position].numpad.hidden ? boxDialerWidjetPosition[variant][position].numpad.hidden
: boxDialerWidjetPosition[variant][position].numpad.seen} : boxDialerWidjetPosition[variant][position].numpad
border-radius: 20px; .seen} /* border-radius: 20px; */
padding: 15px; padding: 15px;
display: grid; display: grid;
grid-template-rows: 40px 1fr; grid-template-rows: 40px 1fr;
...@@ -184,6 +184,7 @@ NumberButton.CallButton = styled.div` ...@@ -184,6 +184,7 @@ NumberButton.CallButton = styled.div`
`; `;
NumberButton.CallButtonModal = styled.div` NumberButton.CallButtonModal = styled.div`
position: absolute; position: absolute;
z-index: 99999999999;
width: 130px; width: 130px;
height: 160px; height: 160px;
bottom: 40px; bottom: 40px;
...@@ -252,6 +253,19 @@ NumberButton.CallButtonModalInset = styled.div` ...@@ -252,6 +253,19 @@ NumberButton.CallButtonModalInset = styled.div`
NumberButton.Icon = styled.div` NumberButton.Icon = styled.div`
font-size: 20px; font-size: 20px;
`; `;
ModalPhoneNumpadStyle.Window = styled.div`
display: ${({ visiblevalue }) => (visiblevalue == 1 ? 'block' : 'none')};
position: fixed !important;
bottom: 0 !important;
right: 0 !important;
width: 100vw !important;
height: 100vh !important;
z-index: 999999 !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
`;
export { NumberButton, Input }; export { NumberButton, Input };
export default ModalPhoneNumpadStyle; export default ModalPhoneNumpadStyle;
html,
body {
margin: 0;
padding: 0;
height: 100%;
width: 100%;
}
.nocopy { .nocopy {
-webkit-touch-callout: none; -webkit-touch-callout: none;
-webkit-user-select: none; -webkit-user-select: none;
...@@ -5,4 +13,4 @@ ...@@ -5,4 +13,4 @@
-moz-user-select: none; -moz-user-select: none;
-ms-user-select: none; -ms-user-select: none;
user-select: none; user-select: none;
} }
\ No newline at end of file
...@@ -168,7 +168,9 @@ export class BoxDialer { ...@@ -168,7 +168,9 @@ export class BoxDialer {
}, },
failed: (e) => { failed: (e) => {
console.log('%c failed', 'font-size: 22px; color: green;', e); console.log('%c failed', 'font-size: 22px; color: green;', e);
if (e?.cause) toast.error(e?.cause); if (e?.cause) {
toast.error(e?.cause);
}
// console.log('call failed with cause: ' + e.data); // console.log('call failed with cause: ' + e.data);
this.closeBxCall(); this.closeBxCall();
this.onSipStateChange.innerCallerModal({ this.onSipStateChange.innerCallerModal({
......
...@@ -133,7 +133,7 @@ const Root = ({ wsphonedata, onSetDnd, setWsphonedata, callMethod }) => { ...@@ -133,7 +133,7 @@ const Root = ({ wsphonedata, onSetDnd, setWsphonedata, callMethod }) => {
return ( return (
<> <>
{selectWidjetType(wsphonedata.variant)} {selectWidjetType(wsphonedata.variant)}
<ModalPhoneNumpad <ModalPhoneNumpad
modalState={modalState} modalState={modalState}
phoneModal={phoneModal} phoneModal={phoneModal}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment