Initial Commit

README.md

@@ -13,16 +13,46 @@ npm install --save react-softphone
 ## Usage
 
 ```jsx
-import React, { Component } from 'react'
-
+import React from 'react'
 import { SoftPhone } from 'react-softphone'
+import { WebSocketInterface } from 'jssip';
+
+  const config = {
+    domain: '[email protected]', // [email protected]
+    uri: 'sip:[email protected]', // sip:[email protected]
+    password: 'secret', //  PASSWORD ,
+    ws_servers: 'wss://[email protected]:8089/ws', //ws server
+    sockets: new WebSocketInterface('wss://[email protected]:8089/ws'),
+    display_name: '***',//jssip Display Name
+    debug: false // Turn debug messages on
+
+  };
+const setConnectOnStartToLocalStorage =(newValue)=>{
+
+
+//Save newValue of connect on start to local storage
 
-const Example = () => {
-  const example = SoftPhone()
+return true
+}
+
+function App() {
   return (
-    <div>{example}</div>
-  )
+    <div className="App">
+      <header className="App-header">
+         <SoftPhone
+                     callVolume={33} //Set Default callVolume
+                     ringVolume={44} //Set Default ringVolume
+                     connectOnStart={false} //Auto connect to sip
+                     config={config} //Voip config
+                     setConnectOnStartToLocalStorage={setConnectOnStartToLocalStorage} // Callback function
+                   />
+      </header>
+    </div>
+  );
 }
+
+export default App;
+
 ```
 
 ## License

src/index.js

@@ -91,11 +91,9 @@ const useStyles = makeStyles((theme) => ({
 
 }));
 
-export function useLeet( ) {
-  return 33
-}
-export function SoftPhone({
-  callVolume=20, ringVolume, setConnectOnStartToLocalStorage, connectOnStart, config
+
+export default function SoftPhone({
+  callVolume, ringVolume, setConnectOnStartToLocalStorage, connectOnStart=false, config
 }) {
   const defaultSoftPhoneState = {
     displayCalls: [
@@ -177,7 +175,6 @@ export function SoftPhone({
   };
   const classes = useStyles();
 
-
   const [drawerOpen, drawerSetOpen] = useState(true);
   const [dialState, setdialState] = useState('');
   const [activeChannel, setActiveChannel] = useState(0);
@@ -573,15 +570,20 @@ export function SoftPhone({
     if (localStatePhone.phoneConnectOnStart) {
       handleConnectPhone(null, true);
     }
-    player.current.defaultMuted = false;
-    player.current.autoplay = true;
-    player.current.volume = parseInt(localStatePhone.callVolume, 10) / 100;
-    // player.volume = this.outputVolume;
-    flowRoute.player = player;
-    ringer.current.src = '/sound/ringing.mp3';
-    ringer.current.loop = true;
-    ringer.current.volume = parseInt(localStatePhone.ringVolume, 10) / 100;
-    flowRoute.ringer = ringer;
+
+    try {
+      player.current.defaultMuted = false;
+      player.current.autoplay = true;
+      player.current.volume = parseInt(localStatePhone.callVolume, 10) / 100;
+      // player.volume = this.outputVolume;
+      flowRoute.player = player;
+      ringer.current.src = '/sound/ringing.mp3';
+      ringer.current.loop = true;
+      ringer.current.volume = parseInt(localStatePhone.ringVolume, 10) / 100;
+      flowRoute.ringer = ringer;
+    }catch (e) {
+
+    }
   },
   []);