feat(events): Created new event for socket update default_device (#66)

docs/EVENTS.md

@@ -866,14 +866,22 @@ eventDispatch(`<event-name>`, `<data-object>`)
   {}
   ```
 
-- `phone-island-socket-disconnected-popup-open` Indicates that webscket connection missing popup appear
+- `phone-island-socket-disconnected-popup-open` Indicates that websocket connection missing popup appear
 
   ```json
   {}
   ```
 
-- `phone-island-socket-disconnected-popup-close` Indicates that webscket connection missing popup disappear
+- `phone-island-socket-disconnected-popup-close` Indicates that websocket connection missing popup disappear
 
   ```json
   {}
   ```
+
+- `phone-island-default-device-updated` Indicates that user has updated the default device
+
+  ```json
+  {
+    "id": "91204"
+  }
+  ```

src/components/Socket.tsx

@@ -16,6 +16,7 @@ import {
   dispatchParkingUpdate,
   dispatchExtensions,
   dispatchUrlCall,
+  dispatchDefaultDeviceUpdate,
 } from '../events'
 import { store } from '../store'
 import { eventDispatch, withTimeout } from '../utils'
@@ -424,6 +425,12 @@ export const Socket: FC<SocketProps> = ({
         // Dispatch phone island physical call event with the link and the urlType
         dispatchUrlCall(link, urlType)
       })
+
+       // `updateDefaultDevice` is the socket event when user change the default device
+       socket.current.on('updateDefaultDevice', (extension:string) => {
+        // Dispatch phone island physical call event with the link and the urlType
+        dispatchDefaultDeviceUpdate(extension)
+      })
     }
 
     initSocketConnection()

src/events/SocketEvents.ts

@@ -144,3 +144,13 @@ export function dispatchUrlCall(url: string, urlType: string) {
   }
   eventDispatch('phone-island-action-physical', { urlCallObject })
 }
+
+/**
+ * The dispatch function to update the default device
+ *
+ * @param extension The default_device_update event from socket
+ */
+export function dispatchDefaultDeviceUpdate(extension: string) {
+  // Dispatch the event on window for external handlers
+  eventDispatch('phone-island-default-device-updated', { id: extension })
+}