update verison: 0.8.8

package.json

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

src/components/DropDown/index.jsx

@@ -7,7 +7,10 @@ const DropDown = ({ reasons, reason, selectFunc }) => {
 	const [visible, setVisible] = useState(false);
 
 	return (
-		<DropDownStyle visible={visible} onClick={() => setVisible(!visible)}>
+		<DropDownStyle
+			visible={visible}
+			onClick={() => setVisible(!visible)}
+			className='nocopy'>
 			<DropDownStyle.Text>{reason}</DropDownStyle.Text>
 			<DropDownStyle.DropDown visible={visible} className={'nocopy'}>
 				{reasons.map((value, index) => (

src/components/DropDown/style.js

@@ -30,7 +30,7 @@ DropDownStyle.DropDown = styled.div`
 	flex-direction: column;
 	gap: 5px;
 	width: 150px;
-	transition: 0.2s;
+	transition: 0.1s;
 	padding: 10px 0;
 	.select {
 		padding: 5px 10px;
@@ -49,7 +49,7 @@ DropDownStyle.DropDown = styled.div`
 			  }
 			: {
 					opacity: '0',
-					transform: 'scale(0.9) translate(-50%, 0)',
+					transform: 'scale(0) translate(-50%, 0)',
 			  }}
 `;
 

src/components/ModalPhoneNumpad/index.jsx

@@ -164,7 +164,7 @@ const ModalPhoneNumpad = ({
 								reason={reason}
 							/> */}
 							<DropDown
-								selectFunc={onSetDnd}
+								sele ctFunc={onSetDnd}
 								reasons={reasons}
 								reason={reason}
 							/>

src/index.js

@@ -5,7 +5,7 @@ import { createRoot } from 'react-dom/client';
 import { Toaster } from 'react-hot-toast';
 import { BoxDialer } from './lib/boxDIaler';
 import Root from './root';
-
+import './index.css';
 window.BoxDialer = new BoxDialer();
 
 const container = document.getElementById('boxdialerwidjet');

src/lib/boxDialerWidjetPosition.js

@@ -99,10 +99,12 @@ export const boxDialerWidjetPosition = {
 				hidden: {
 					left: 'auto',
 					right: '-300px',
+					bottom: '80px',
 				},
 				seen: {
+					bottom: '80px',
 					left: 'auto',
-					right: '25px',
+					right: '12px',
 				},
 			},
 		},