SiliconLabsGH-43: Updated User Credential implementation

Forwarded: SiliconLabs#43
Bug-SiliconLabs: UIC-3222
Bug-Github: SiliconLabs#43

Author: silabs-borisl

applications/dev_ui/dev_gui/src/App.tsx

@@ -149,6 +149,23 @@ class App extends Component<{}, AppState> {
     this.setState({ CommissionableDevices: list });
   }
 
+  handleEvents(data: any) {
+    var toastType = toast.TYPE.DEFAULT;
+    switch (data.level) {
+      case 1:
+        toastType = toast.TYPE.INFO;
+        break;
+      case 2:
+        toastType = toast.TYPE.WARNING;
+        break;
+      case 3:
+      case 4:
+        toastType = toast.TYPE.ERROR;
+        break;
+    }
+    toast(data.message, { type: toastType })
+  }
+
   handleUPTIChange(list: any[]) {
     let upti = this.state.UPTI;
     upti.List = list;
@@ -414,6 +431,9 @@ class App extends Component<{}, AppState> {
       case "commissionable-device":
         this.handleCommissionableDevices(mes.data);
         break;
+      case "event":
+        this.handleEvents(mes.data);
+        break;
     }
   }
 

applications/dev_ui/dev_gui/src/dev-gui-api/handler.js

@@ -40,6 +40,20 @@ exports.processSmartStart = (topic, message) => {
     }
 }
 
+exports.processEvent = (topic, message) => {
+    console.log(`Received Event : '${message}'`);
+    if (message.toString() == "")
+        return;
+    try {
+        return {
+            type: "event",
+            data: JSON.parse(message)
+        };
+    } catch (error) {
+        return getErrorResponse(topic, message, error);
+    }
+}
+
 exports.processCluster = (topic, message) => {
     let index = -1;
     let match = topic.match(/ucl\/by-unid\/(.*)\/(ep\d+)\/(.*)/)

applications/dev_ui/dev_gui/src/dev-gui-api/main.js

@@ -33,7 +33,8 @@ let topics = ["ucl/SmartStart/List",
     "ucl/UPTICap/#",
     "ucl/by-machine-id/+/SystemMetrics/SupportedCommands",
     "ucl/by-machine-id/+/SystemMetrics/Attributes/#",
-    "ucl/by-mqtt-client/+/ApplicationMonitoring/Attributes/#"
+    "ucl/by-mqtt-client/+/ApplicationMonitoring/Attributes/#",
+    "ucl/Event"
 ];
 Object.keys(supportedClusters).forEach((i) => {
     topics.push(`ucl/by-unid/+/+/${i}/SupportedCommands`);
@@ -282,6 +283,8 @@ function onMqttMessage(topic, message) {
         response = handler.processAppMonitoringList(topic, message);
     } else if (topic.match(/ucl\/SmartStart\/CommissionableDevice\/(.*)/)) {
         response = handler.processCommissionableDevices(topic, message);
+    } else if (topic === "ucl/Event") {
+        response = handler.processEvent(topic, message);
     }
     if (response && Object.keys(response).length > 0)
         handler.addToQueue(response.type, response.data);