From a7c9bc41c11fc9c6a25572fbbb8f49292dddcf17 Mon Sep 17 00:00:00 2001
From: Shanith K K <shanith.kk@hugobyte.com>
Date: Tue, 22 Aug 2023 11:38:50 +0530
Subject: [PATCH 01/27] chore: add icon event processor

---
 Cargo.toml                              |   1 +
 actions/icon-event-processor/Cargo.toml |  31 ++++
 actions/icon-event-processor/deploy.sh  |  29 ++++
 actions/icon-event-processor/src/lib.rs | 195 ++++++++++++++++++++++++
 4 files changed, 256 insertions(+)
 create mode 100644 actions/icon-event-processor/Cargo.toml
 create mode 100755 actions/icon-event-processor/deploy.sh
 create mode 100644 actions/icon-event-processor/src/lib.rs

diff --git a/Cargo.toml b/Cargo.toml
index 8a7ee154..41d1a383 100644
--- a/Cargo.toml
+++ b/Cargo.toml
@@ -7,6 +7,7 @@ members = [
     "actions/push-notification",
     "actions/event-receiver",
     "actions/substrate-event-processor",
+    "actions/icon-event-processor",
     "actions/user_registration",
     "actions/user_login",
     "actions/workflow-invoker",
diff --git a/actions/icon-event-processor/Cargo.toml b/actions/icon-event-processor/Cargo.toml
new file mode 100644
index 00000000..21c3327e
--- /dev/null
+++ b/actions/icon-event-processor/Cargo.toml
@@ -0,0 +1,31 @@
+#
+# Licensed to the Apache Software Foundation (ASF) under one or more
+# contributor license agreements.  See the NOTICE file distributed with
+# this work for additional information regarding copyright ownership.
+# The ASF licenses this file to You under the Apache License, Version 2.0
+# (the "License"); you may not use this file except in compliance with
+# the License.  You may obtain a copy of the License at
+#
+#     http://www.apache.org/licenses/LICENSE-2.0
+#
+# Unless required by applicable law or agreed to in writing, software
+# distributed under the License is distributed on an "AS IS" BASIS,
+# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+# See the License for the specific language governing permissions and
+# limitations under the License.
+#
+
+[package]
+name = "action-icon-event-processor"
+version = "0.1.0"
+authors = ["HugoByte <hello@hugobyte.com>"]
+repository = "https://github.com/hugobyte/aurras"
+license = "Apache-2.0"
+edition = "2018"
+
+[dependencies]
+serde_json = "1.0"
+serde = "1.0"
+serde_derive = "1.0"
+actions-common = { git = "https://github.com/HugoByte/aurras", rev = '1f7e117' }
+chesterfield = "0.0.1"
\ No newline at end of file
diff --git a/actions/icon-event-processor/deploy.sh b/actions/icon-event-processor/deploy.sh
new file mode 100755
index 00000000..9f8cbbfe
--- /dev/null
+++ b/actions/icon-event-processor/deploy.sh
@@ -0,0 +1,29 @@
+#!/bin/bash
+
+# To run this command
+# ./deploy.sh --openwhiskApiHost <openwhiskApiHost> --openwhiskApiKey <openwhiskApiKey> --openwhiskNamespace <openwhiskNamespace>
+
+openwhiskApiHost=${openwhiskApiHost:-https://localhost:31001}
+openwhiskApiKey=${openwhiskApiKey:-23bc46b1-71f6-4ed5-8c54-816aa4f8c502:123zO3xZCLrMN6v2BKK1dXYFpXlPkccOFqm12CdAsMgRU4VrNZ9lyGVCGuMDGIwP}
+openwhiskNamespace=${openwhiskNamespace:-guest}
+actionHome=${actionHome:-actions/icon-event-processor}
+
+ACTION="icon-event-processor"
+ACTION_TYPE="rust"
+SCRIPTS_DIR="$PWD/scripts"
+SRC_DIR="$PWD/${actionHome}"
+TEMP_DIR="$PWD/${actionHome}/temp"
+
+source "$SCRIPTS_DIR/accept_params.sh"
+source "$SCRIPTS_DIR/check_dependencies.sh"
+source "$SCRIPTS_DIR/build_action.sh"
+
+check wsk
+
+build
+
+$WSK_CLI -i --apihost "$openwhiskApiHost" action update ${ACTION} "$TEMP_DIR/main.zip" --docker "$DOCKER_IMAGE" \
+--auth "$openwhiskApiKey" --param event_producer_trigger "icon-produce-event" -a provide-api-key true
+
+$WSK_CLI -i --apihost "$openwhiskApiHost" trigger update "icon-produce-event" --auth "$openwhiskApiKey"
+$WSK_CLI -i --apihost "$openwhiskApiHost" rule update "icon-produce-event-rule" "icon-produce-event" "event-producer" --auth "$openwhiskApiKey"
diff --git a/actions/icon-event-processor/src/lib.rs b/actions/icon-event-processor/src/lib.rs
new file mode 100644
index 00000000..83b26aee
--- /dev/null
+++ b/actions/icon-event-processor/src/lib.rs
@@ -0,0 +1,195 @@
+extern crate serde_json;
+
+#[cfg(test)]
+use actions_common::Config;
+use actions_common::Context;
+use chesterfield::sync::{Client, Database};
+use serde_derive::{Deserialize, Serialize};
+use serde_json::{Error, Value};
+
+#[derive(Debug, Clone, PartialEq, Serialize, Deserialize)]
+struct Event {
+    #[serde(rename = "scoreAddress")]
+    score_address: String,
+    indexed: Vec<String>,
+    data: Vec<String>,
+}
+
+#[derive(Debug, Clone, PartialEq, Serialize, Deserialize)]
+struct Input {
+    topic: String,
+    brokers: Vec<String>,
+    event_producer_trigger: String,
+    event: Event,
+}
+
+struct Action {
+    params: Input,
+    context: Option<Context>,
+}
+
+impl Action {
+    pub fn new(params: Input) -> Self {
+        Action {
+            params,
+            context: None,
+        }
+    }
+    #[allow(dead_code)]
+    #[cfg(test)]
+    pub fn init(&mut self, config: &Config) {
+        let db = self.connect_db("http://localhost:5984", "test");
+        self.context = Some(Context::new(db, Some(config)));
+    }
+
+    #[cfg(not(test))]
+    pub fn init(&mut self) {
+        let db = self.connect_db("http://localhost:5984", "test");
+        self.context = Some(Context::new(db, None));
+    }
+
+    #[allow(dead_code)]
+    fn connect_db(&self, db_url: &str, db_name: &str) -> Database {
+        let client = Client::new(db_url).unwrap();
+        client.database(db_name).unwrap()
+    }
+
+    pub fn get_context(&mut self) -> &Context {
+        self.context.as_mut().expect("Action not Initialized!")
+    }
+
+    pub fn parse_event_data(&self) -> Result<Value, Error> {
+        return match self.params.event.indexed[0].as_str() {
+            "CallMessage(str,str,int,int,bytes)" => {
+                return Ok(serde_json::json!({
+                    "data": self.params.event.data[1],
+                    "req_id": self.params.event.data[0],
+                    "to": self.params.event.indexed[2],
+                    "from": self.params.event.indexed[1]
+                }));
+            }
+            _ => Err(serde::de::Error::custom(format!(
+                "Section {} Not Defined",
+                self.params.event.indexed[0]
+            ))),
+        };
+    }
+
+    pub fn produce_event(&mut self, event: Value) -> Result<Value, Error> {
+        let event_producer_trigger = self.params.event_producer_trigger.clone();
+        let topic = self.params.topic.clone();
+        let brokers = self.params.brokers.clone();
+        self.get_context().invoke_trigger(
+            &event_producer_trigger,
+            &serde_json::json!({
+                "topic": topic,
+                "value": event,
+                "brokers": brokers
+            }),
+        )
+    }
+}
+
+pub fn main(args: Value) -> Result<Value, Error> {
+    let input = serde_json::from_value::<Input>(args)?;
+    let mut action = Action::new(input);
+
+    #[cfg(not(test))]
+    action.init();
+    let parsed_event = action.parse_event_data()?;
+    action.produce_event(parsed_event)
+}
+
+#[cfg(test)]
+mod tests {
+    use super::*;
+
+    #[test]
+    fn parse_event_data_pass() {
+        let input = serde_json::from_value::<Input>(serde_json::json!({
+            "topic": "topic",
+            "brokers": ["172.17.0.1:9092"],
+            "event_producer_trigger": "produce_event",
+            "event":  {
+                    "scoreAddress": "cxca002001f46a19562648d3348bc9080175dcad3a",
+                    "indexed": [
+                        "CallMessage(str,str,int,int,bytes)",
+                        "btp://0x539.hardhat/0x959922bE3CAee4b8Cd9a407cc3ac1C251C2007B1",
+                        "cxdf97f11ef352727f5d826eec68e569d6471aa9a4",
+                        "0x1"
+                    ],
+                    "data": [
+                        "0x1",
+                        "0x73656e6443616c6c4d6573736167655f686172646861745f69636f6e30"
+                    ]
+                },
+        }))
+        .unwrap();
+        let action = Action::new(input);
+
+        let response = action.parse_event_data().unwrap();
+
+        assert_eq!(
+            response,
+            serde_json::json!({"data":"0x73656e6443616c6c4d6573736167655f686172646861745f69636f6e30","to":"cxdf97f11ef352727f5d826eec68e569d6471aa9a4","req_id":"0x1","from":"btp://0x539.hardhat/0x959922bE3CAee4b8Cd9a407cc3ac1C251C2007B1"})
+        );
+    }
+
+    #[test]
+    fn parse_call_sent_event_data_pass() {
+        let input = serde_json::from_value::<Input>(serde_json::json!({
+            "topic": "topic",
+            "brokers": ["172.17.0.1:9092"],
+            "event_producer_trigger": "produce_staking_event",
+            "event": {
+                "scoreAddress": "cxca002001f46a19562648d3348bc9080175dcad3a",
+                "indexed": [
+                    "CallMessage(str,str,int,int,bytes)",
+                    "btp://0x539.hardhat/0x959922bE3CAee4b8Cd9a407cc3ac1C251C2007B1",
+                    "cxdf97f11ef352727f5d826eec68e569d6471aa9a4",
+                    "0x1"
+                ],
+                "data": [
+                    "0x1",
+                    "0x73656e6443616c6c4d6573736167655f686172646861745f69636f6e30"
+                ]
+            },
+        }))
+        .unwrap();
+        let action = Action::new(input);
+
+        let response = action.parse_event_data().unwrap();
+
+        assert_eq!(
+            serde_json::from_value::<String>(response["from"].clone()).unwrap(),
+            "btp://0x539.hardhat/0x959922bE3CAee4b8Cd9a407cc3ac1C251C2007B1".to_string()
+        );
+    }
+
+    #[test]
+    #[should_panic(expected = "Section CallMessageSent(str,str,int,int,bytes) Not Defined")]
+    fn parse_call_message_sent_event_data_method_exception() {
+        let input = serde_json::from_value::<Input>(serde_json::json!({
+            "topic": "topic",
+            "brokers": ["172.17.0.1:9092"],
+            "event_producer_trigger": "produce_staking_event",
+            "event": {
+                "scoreAddress": "cxca002001f46a19562648d3348bc9080175dcad3a",
+                "indexed": [
+                    "CallMessageSent(str,str,int,int,bytes)",
+                    "btp://0x539.hardhat/0x959922bE3CAee4b8Cd9a407cc3ac1C251C2007B1",
+                    "cxdf97f11ef352727f5d826eec68e569d6471aa9a4",
+                    "0x1"
+                ],
+                "data": [
+                    "0x1",
+                    "0x73656e6443616c6c4d6573736167655f686172646861745f69636f6e30"
+                ]
+            },
+        }))
+        .unwrap();
+        let action = Action::new(input);
+
+        action.parse_event_data().unwrap();
+    }
+}

From 8131c568635584a27aedcd7dbc7b6166c26624b4 Mon Sep 17 00:00:00 2001
From: Shanith K K <shanith.kk@hugobyte.com>
Date: Fri, 1 Sep 2023 01:45:21 +0530
Subject: [PATCH 02/27] chore: add eth event processor

---
 Cargo.toml                               |   1 +
 actions/eth-event-processor/Cargo.toml   |  31 +++
 actions/eth-event-processor/deploy.sh    |  29 +++
 actions/eth-event-processor/src/lib.rs   | 244 +++++++++++++++++++++++
 actions/eth-event-processor/src/types.rs |  24 +++
 5 files changed, 329 insertions(+)
 create mode 100644 actions/eth-event-processor/Cargo.toml
 create mode 100755 actions/eth-event-processor/deploy.sh
 create mode 100644 actions/eth-event-processor/src/lib.rs
 create mode 100644 actions/eth-event-processor/src/types.rs

diff --git a/Cargo.toml b/Cargo.toml
index 41d1a383..bf7972bb 100644
--- a/Cargo.toml
+++ b/Cargo.toml
@@ -8,6 +8,7 @@ members = [
     "actions/event-receiver",
     "actions/substrate-event-processor",
     "actions/icon-event-processor",
+    "actions/eth-event-processor",
     "actions/user_registration",
     "actions/user_login",
     "actions/workflow-invoker",
diff --git a/actions/eth-event-processor/Cargo.toml b/actions/eth-event-processor/Cargo.toml
new file mode 100644
index 00000000..be918f88
--- /dev/null
+++ b/actions/eth-event-processor/Cargo.toml
@@ -0,0 +1,31 @@
+#
+# Licensed to the Apache Software Foundation (ASF) under one or more
+# contributor license agreements.  See the NOTICE file distributed with
+# this work for additional information regarding copyright ownership.
+# The ASF licenses this file to You under the Apache License, Version 2.0
+# (the "License"); you may not use this file except in compliance with
+# the License.  You may obtain a copy of the License at
+#
+#     http://www.apache.org/licenses/LICENSE-2.0
+#
+# Unless required by applicable law or agreed to in writing, software
+# distributed under the License is distributed on an "AS IS" BASIS,
+# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+# See the License for the specific language governing permissions and
+# limitations under the License.
+#
+
+[package]
+name = "action-eth-event-processor"
+version = "0.1.0"
+authors = ["HugoByte <hello@hugobyte.com>"]
+repository = "https://github.com/hugobyte/aurras"
+license = "Apache-2.0"
+edition = "2018"
+
+[dependencies]
+serde_json = "1.0"
+serde = "1.0"
+serde_derive = "1.0"
+actions-common = { git = "https://github.com/HugoByte/aurras", rev = '1f7e117' }
+chesterfield = "0.0.1"
\ No newline at end of file
diff --git a/actions/eth-event-processor/deploy.sh b/actions/eth-event-processor/deploy.sh
new file mode 100755
index 00000000..c4ad0498
--- /dev/null
+++ b/actions/eth-event-processor/deploy.sh
@@ -0,0 +1,29 @@
+#!/bin/bash
+
+# To run this command
+# ./deploy.sh --openwhiskApiHost <openwhiskApiHost> --openwhiskApiKey <openwhiskApiKey> --openwhiskNamespace <openwhiskNamespace>
+
+openwhiskApiHost=${openwhiskApiHost:-https://localhost:31001}
+openwhiskApiKey=${openwhiskApiKey:-23bc46b1-71f6-4ed5-8c54-816aa4f8c502:123zO3xZCLrMN6v2BKK1dXYFpXlPkccOFqm12CdAsMgRU4VrNZ9lyGVCGuMDGIwP}
+openwhiskNamespace=${openwhiskNamespace:-guest}
+actionHome=${actionHome:-actions/eth-event-processor}
+
+ACTION="eth-event-processor"
+ACTION_TYPE="rust"
+SCRIPTS_DIR="$PWD/scripts"
+SRC_DIR="$PWD/${actionHome}"
+TEMP_DIR="$PWD/${actionHome}/temp"
+
+source "$SCRIPTS_DIR/accept_params.sh"
+source "$SCRIPTS_DIR/check_dependencies.sh"
+source "$SCRIPTS_DIR/build_action.sh"
+
+check wsk
+
+build
+
+$WSK_CLI -i --apihost "$openwhiskApiHost" action update ${ACTION} "$TEMP_DIR/main.zip" --docker "$DOCKER_IMAGE" \
+--auth "$openwhiskApiKey" --param event_producer_trigger "eth-produce-event" -a provide-api-key true
+
+$WSK_CLI -i --apihost "$openwhiskApiHost" trigger update "eth-produce-event" --auth "$openwhiskApiKey"
+$WSK_CLI -i --apihost "$openwhiskApiHost" rule update "eth-produce-event-rule" "eth-produce-event" "event-producer" --auth "$openwhiskApiKey"
diff --git a/actions/eth-event-processor/src/lib.rs b/actions/eth-event-processor/src/lib.rs
new file mode 100644
index 00000000..9ef556d6
--- /dev/null
+++ b/actions/eth-event-processor/src/lib.rs
@@ -0,0 +1,244 @@
+extern crate serde_json;
+mod types;
+
+#[cfg(test)]
+use actions_common::Config;
+use actions_common::Context;
+use chesterfield::sync::{Client, Database};
+use serde_derive::{Deserialize, Serialize};
+use serde_json::{Error, Value};
+use types::*;
+
+#[derive(Debug, Clone, PartialEq, Serialize, Deserialize)]
+struct Input {
+    topic: String,
+    brokers: Vec<String>,
+    event_producer_trigger: String,
+    event: Event,
+}
+
+struct Action {
+    params: Input,
+    context: Option<Context>,
+}
+
+impl Action {
+    pub fn new(params: Input) -> Self {
+        Action {
+            params,
+            context: None,
+        }
+    }
+    #[allow(dead_code)]
+    #[cfg(test)]
+    pub fn init(&mut self, config: &Config) {
+        let db = self.connect_db("http://localhost:5984", "test");
+        self.context = Some(Context::new(db, Some(config)));
+    }
+
+    #[cfg(not(test))]
+    pub fn init(&mut self) {
+        let db = self.connect_db("http://localhost:5984", "test");
+        self.context = Some(Context::new(db, None));
+    }
+
+    #[allow(dead_code)]
+    fn connect_db(&self, db_url: &str, db_name: &str) -> Database {
+        let client = Client::new(db_url).unwrap();
+        client.database(db_name).unwrap()
+    }
+
+    pub fn get_context(&mut self) -> &Context {
+        self.context.as_mut().expect("Action not Initialized!")
+    }
+
+    pub fn parse_event_data(&self) -> Result<Value, Error> {
+        return match self.params.event.event.as_str() {
+            "CallMessage" => {
+                return Ok(serde_json::json!({
+                    "data": serde_json::from_value::<String>(self.params.event.args[4].clone()).unwrap(),
+                    "req_id": i64::from_str_radix(&self.params.event.topics[3].clone()[2..], 16).unwrap(),
+                    "to": self.params.event.topics[2].clone(),
+                    "from": self.params.event.topics[1].clone()
+                }));
+            }
+            _ => Err(serde::de::Error::custom(format!(
+                "Section {} Not Defined",
+                self.params.event.event
+            ))),
+        };
+    }
+
+    pub fn produce_event(&mut self, event: Value) -> Result<Value, Error> {
+        let event_producer_trigger = self.params.event_producer_trigger.clone();
+        let topic = self.params.topic.clone();
+        let brokers = self.params.brokers.clone();
+        self.get_context().invoke_trigger(
+            &event_producer_trigger,
+            &serde_json::json!({
+                "topic": topic,
+                "value": event,
+                "brokers": brokers
+            }),
+        )
+    }
+}
+
+pub fn main(args: Value) -> Result<Value, Error> {
+    let input = serde_json::from_value::<Input>(args)?;
+    let mut action = Action::new(input);
+
+    #[cfg(not(test))]
+    action.init();
+    let parsed_event = action.parse_event_data()?;
+    action.produce_event(parsed_event)
+}
+
+#[cfg(test)]
+mod tests {
+    use super::*;
+
+    #[test]
+    fn parse_event_data_pass() {
+        let input = serde_json::from_value::<Input>(serde_json::json!({
+            "topic": "topic",
+            "brokers": ["172.17.0.1:9092"],
+            "event_producer_trigger": "produce_event",
+            "event":  {
+                "blockNumber": 365,
+                "blockHash": "0xa6918392f79acd0983ad8b42ba59daaf07589d6204cc68defc057cda84ac8e32",
+                "transactionIndex": 0,
+                "removed": false,
+                "address": "0x0DCd1Bf9A1b36cE34237eEaFef220932846BCD82",
+                "data": "0x00000000000000000000000000000000000000000000000000000000000000010000000000000000000000000000000000000000000000000000000000000040000000000000000000000000000000000000000000000000000000000000001d73656e6443616c6c4d6573736167655f69636f6e305f68617264686174000000",
+                "topics": [
+                    "0x2cbc78425621c181f9f8a25fc06e44a0ac2b67cd6a31f8ed7918934187f8cc59",
+                    "0xff4555761731a3642885c2ca67fb09e827825033bdf74f1c7f9b4b3151eec14c",
+                    "0x16f7d9e9e594e72a2e6120902a1339f4be2c2f06b73a09dc24c1956d61880911",
+                    "0x0000000000000000000000000000000000000000000000000000000000000001"
+                ],
+                "transactionHash": "0x3cf2006eaa5520175facf358e3a8d50c6d0de20067f957152726542543647132",
+                "logIndex": 0,
+                "event": "CallMessage",
+                "eventSignature": "CallMessage(string,string,uint256,uint256,bytes)",
+                "args": [
+                    {
+                    "_isIndexed": true,
+                    "hash": "0xff4555761731a3642885c2ca67fb09e827825033bdf74f1c7f9b4b3151eec14c"
+                    },
+                    {
+                    "_isIndexed": true,
+                    "hash": "0x16f7d9e9e594e72a2e6120902a1339f4be2c2f06b73a09dc24c1956d61880911"
+                    },
+                    { "type": "BigNumber", "hex": "0x01" },
+                    { "type": "BigNumber", "hex": "0x01" },
+                    "0x73656e6443616c6c4d6573736167655f69636f6e305f68617264686174"
+                ]
+                },
+        }))
+        .unwrap();
+        let action = Action::new(input);
+
+        let response = action.parse_event_data().unwrap();
+
+        assert_eq!(
+            response,
+            serde_json::json!({"data":"0x73656e6443616c6c4d6573736167655f69636f6e305f68617264686174","from":"0xff4555761731a3642885c2ca67fb09e827825033bdf74f1c7f9b4b3151eec14c","req_id":1,"to":"0x16f7d9e9e594e72a2e6120902a1339f4be2c2f06b73a09dc24c1956d61880911"}
+            )
+        );
+    }
+
+    #[test]
+    fn parse_call_sent_event_data_pass() {
+        let input = serde_json::from_value::<Input>(serde_json::json!({
+            "topic": "topic",
+            "brokers": ["172.17.0.1:9092"],
+            "event_producer_trigger": "produce_staking_event",
+            "event": {
+                "blockNumber": 365,
+                "blockHash": "0xa6918392f79acd0983ad8b42ba59daaf07589d6204cc68defc057cda84ac8e32",
+                "transactionIndex": 0,
+                "removed": false,
+                "address": "0x0DCd1Bf9A1b36cE34237eEaFef220932846BCD82",
+                "data": "0x00000000000000000000000000000000000000000000000000000000000000010000000000000000000000000000000000000000000000000000000000000040000000000000000000000000000000000000000000000000000000000000001d73656e6443616c6c4d6573736167655f69636f6e305f68617264686174000000",
+                "topics": [
+                    "0x2cbc78425621c181f9f8a25fc06e44a0ac2b67cd6a31f8ed7918934187f8cc59",
+                    "0xff4555761731a3642885c2ca67fb09e827825033bdf74f1c7f9b4b3151eec14c",
+                    "0x16f7d9e9e594e72a2e6120902a1339f4be2c2f06b73a09dc24c1956d61880911",
+                    "0x0000000000000000000000000000000000000000000000000000000000000001"
+                ],
+                "transactionHash": "0x3cf2006eaa5520175facf358e3a8d50c6d0de20067f957152726542543647132",
+                "logIndex": 0,
+                "event": "CallMessage",
+                "eventSignature": "CallMessage(string,string,uint256,uint256,bytes)",
+                "args": [
+                    {
+                    "_isIndexed": true,
+                    "hash": "0xff4555761731a3642885c2ca67fb09e827825033bdf74f1c7f9b4b3151eec14c"
+                    },
+                    {
+                    "_isIndexed": true,
+                    "hash": "0x16f7d9e9e594e72a2e6120902a1339f4be2c2f06b73a09dc24c1956d61880911"
+                    },
+                    { "type": "BigNumber", "hex": "0x01" },
+                    { "type": "BigNumber", "hex": "0x01" },
+                    "0x73656e6443616c6c4d6573736167655f69636f6e305f68617264686174"
+                ]
+                },
+        }))
+        .unwrap();
+        let action = Action::new(input);
+
+        let response = action.parse_event_data().unwrap();
+
+        assert_eq!(
+            serde_json::from_value::<String>(response["from"].clone()).unwrap(),
+            "0xff4555761731a3642885c2ca67fb09e827825033bdf74f1c7f9b4b3151eec14c".to_string()
+        );
+    }
+
+    #[test]
+    #[should_panic(expected = "Section CallMessageSent Not Defined")]
+    fn parse_call_message_sent_event_data_method_exception() {
+        let input = serde_json::from_value::<Input>(serde_json::json!({
+            "topic": "topic",
+            "brokers": ["172.17.0.1:9092"],
+            "event_producer_trigger": "produce_staking_event",
+            "event": {
+                "blockNumber": 365,
+                "blockHash": "0xa6918392f79acd0983ad8b42ba59daaf07589d6204cc68defc057cda84ac8e32",
+                "transactionIndex": 0,
+                "removed": false,
+                "address": "0x0DCd1Bf9A1b36cE34237eEaFef220932846BCD82",
+                "data": "0x00000000000000000000000000000000000000000000000000000000000000010000000000000000000000000000000000000000000000000000000000000040000000000000000000000000000000000000000000000000000000000000001d73656e6443616c6c4d6573736167655f69636f6e305f68617264686174000000",
+                "topics": [
+                    "0x2cbc78425621c181f9f8a25fc06e44a0ac2b67cd6a31f8ed7918934187f8cc59",
+                    "0xff4555761731a3642885c2ca67fb09e827825033bdf74f1c7f9b4b3151eec14c",
+                    "0x16f7d9e9e594e72a2e6120902a1339f4be2c2f06b73a09dc24c1956d61880911",
+                    "0x0000000000000000000000000000000000000000000000000000000000000001"
+                ],
+                "transactionHash": "0x3cf2006eaa5520175facf358e3a8d50c6d0de20067f957152726542543647132",
+                "logIndex": 0,
+                "event": "CallMessageSent",
+                "eventSignature": "CallMessageSent(string,string,uint256,uint256,bytes)",
+                "args": [
+                    {
+                    "_isIndexed": true,
+                    "hash": "0xff4555761731a3642885c2ca67fb09e827825033bdf74f1c7f9b4b3151eec14c"
+                    },
+                    {
+                    "_isIndexed": true,
+                    "hash": "0x16f7d9e9e594e72a2e6120902a1339f4be2c2f06b73a09dc24c1956d61880911"
+                    },
+                    { "type": "BigNumber", "hex": "0x01" },
+                    { "type": "BigNumber", "hex": "0x01" },
+                    "0x73656e6443616c6c4d6573736167655f69636f6e305f68617264686174"
+                ]
+                },
+        }))
+        .unwrap();
+        let action = Action::new(input);
+
+        action.parse_event_data().unwrap();
+    }
+}
diff --git a/actions/eth-event-processor/src/types.rs b/actions/eth-event-processor/src/types.rs
new file mode 100644
index 00000000..500280aa
--- /dev/null
+++ b/actions/eth-event-processor/src/types.rs
@@ -0,0 +1,24 @@
+use super::*;
+
+#[derive(Debug, Clone, PartialEq, Serialize, Deserialize)]
+pub struct Event {
+    pub address: String,
+    pub topics: Vec<String>,
+    pub event: String,
+    #[serde(rename = "eventSignature")]
+    pub event_signature: String,
+    pub data: String,
+    pub args: Vec<Value>,
+}
+
+#[derive(Debug, Clone, PartialEq, Serialize, Deserialize)]
+pub struct Address {
+    #[serde(rename = "_isIndexed")]
+    pub is_indexed: bool,
+    pub hash: String,
+}
+
+#[derive(Debug, Clone, PartialEq, Serialize, Deserialize)]
+pub struct BigNumber {
+    pub hex: String,
+}

From eeebc6cc5ac8af43191400f4add57dfe8b3d7215 Mon Sep 17 00:00:00 2001
From: Shanith K K <shanith.kk@hugobyte.com>
Date: Wed, 6 Sep 2023 13:00:51 +0530
Subject: [PATCH 03/27] chore: create icon-eth message parser for notification

---
 Cargo.toml                                    |   1 +
 actions/icon-eth-notification/Cargo.toml      |  21 +++
 actions/icon-eth-notification/src/lib.rs      | 151 ++++++++++++++++++
 .../icon-eth-notification/src/types/mod.rs    |   2 +
 .../icon-eth-notification/src/types/types.rs  |  13 ++
 actions/icon-event-processor/src/lib.rs       |   5 +-
 6 files changed, 191 insertions(+), 2 deletions(-)
 create mode 100644 actions/icon-eth-notification/Cargo.toml
 create mode 100644 actions/icon-eth-notification/src/lib.rs
 create mode 100644 actions/icon-eth-notification/src/types/mod.rs
 create mode 100644 actions/icon-eth-notification/src/types/types.rs

diff --git a/Cargo.toml b/Cargo.toml
index bf7972bb..6d932c47 100644
--- a/Cargo.toml
+++ b/Cargo.toml
@@ -14,6 +14,7 @@ members = [
     "actions/workflow-invoker",
     "actions/workflow_management",
     "actions/workflow_registration",
+    "actions/icon-eth-notification",
     "workflow/openwhisk_macro",
     "workflow/workflow_macro",
     "workflow/polkadot_macro",
diff --git a/actions/icon-eth-notification/Cargo.toml b/actions/icon-eth-notification/Cargo.toml
new file mode 100644
index 00000000..d026d037
--- /dev/null
+++ b/actions/icon-eth-notification/Cargo.toml
@@ -0,0 +1,21 @@
+[package]
+name = "action-icon-eth-notification"
+version = "0.1.0"
+authors = ["HugoByte <hello@hugobyte.com>"]
+repository = "https://github.com/hugobyte/aurras"
+license = "Apache-2.0"
+edition = "2018"
+
+[dependencies]
+serde_json = "1.0"
+serde = "1.0"
+serde_derive = "1.0"
+uuid = { version = "0.8", features = ["serde", "v4"] }
+chesterfield = "0.0.1"
+actions-common = { git = "https://github.com/hugobyte/aurras", rev = '1f7e117' }
+rust-crypto = "0.2"
+
+
+[dev-dependencies]
+actions-common = { git = "https://github.com/hugobyte/aurras", rev = '1f7e117', features = ["mock_containers"] }
+tokio = { version = "1.0.0", features = ["macros"] }
\ No newline at end of file
diff --git a/actions/icon-eth-notification/src/lib.rs b/actions/icon-eth-notification/src/lib.rs
new file mode 100644
index 00000000..391672f9
--- /dev/null
+++ b/actions/icon-eth-notification/src/lib.rs
@@ -0,0 +1,151 @@
+extern crate serde_json;
+mod types;
+
+#[cfg(test)]
+use actions_common::Config;
+use actions_common::Context;
+// use chesterfield::sync::{Client, Database};
+use crypto::digest::Digest;
+use crypto::sha3::Sha3;
+use serde_derive::{Deserialize, Serialize};
+use serde_json::{Error, Value};
+use types::Event;
+
+#[derive(Debug, Clone, PartialEq, Serialize, Deserialize)]
+struct Input {
+    pub data: Value,
+}
+
+struct Action {
+    pub params: Input,
+    context: Option<Context>,
+}
+
+impl Action {
+    pub fn new(params: Input) -> Self {
+        Action {
+            params,
+            context: None,
+        }
+    }
+
+    pub fn get_context(&mut self) -> &Context {
+        self.context.as_mut().expect("Action not Initialized!")
+    }
+
+    pub fn invoke_push_notification(&mut self, value: &Value) -> Result<Value, Error> {
+        self.get_context().invoke_action("push_notification", value)
+    }
+
+    pub fn get_keccak_hash(&self, input: String) -> String {
+        let mut hasher = Sha3::keccak256();
+        hasher.input_str(&input);
+        let res = hasher.result_str();
+        "0x".to_string() + &res
+    }
+
+    pub fn filter_event(&mut self) -> Result<Value, Error> {
+        let event = serde_json::from_value::<Event>(self.params.data.clone()).unwrap();
+
+        if event.from.starts_with("0x") {
+            let address_hash = self.get_keccak_hash(event.address.clone());
+            if event.from == address_hash {
+                self.invoke_push_notification(
+                    &serde_json::json!({
+                        "token": event.token.clone(),
+                        "message": {
+                            "title": "Message Recieved On Hardhat Chain",
+                            "body": format!("Message sent to {} Recieved with request id {}", event.to.clone(), event.req_id.clone())
+                        }
+                    }),
+                )?;
+            } else {
+                return Err("Address is Not matched").map_err(serde::de::Error::custom);
+            }
+        } else {
+            if event.address == event.from {
+                self.invoke_push_notification(
+                    &serde_json::json!({
+                        "token": event.token.clone(),
+                        "message": {
+                            "title": "Message Recieved On Icon Chain",
+                            "body": format!("Message sent to {} Recieved with request id {}", event.to.clone(), event.req_id.clone())
+                        }
+                    }),
+                )?;
+            } else {
+                return Err("Address is Not matched").map_err(serde::de::Error::custom);
+            }
+        }
+
+        Ok(serde_json::json!({
+            "action": "success"
+        }))
+    }
+}
+
+pub fn main(args: Value) -> Result<Value, Error> {
+    let input = serde_json::from_value::<Input>(args)?;
+    let mut action = Action::new(input);
+
+    action.filter_event()
+}
+
+#[cfg(test)]
+mod tests {
+    use crate::{Action, Input, main};
+
+    #[test]
+    fn test_get_keccak_hash() {
+        let action = Action::new(crate::Input {
+            data: serde_json::json!({}),
+        });
+        let result = action.get_keccak_hash(
+            "btp://0x3.icon/cx2196b1de35d8e3cb40bcbf0142d29263c212ed5d".to_string(),
+        );
+        assert_eq!(
+            "0xa1f733357b915d1ede96cec955a028f730cf796d714a5975563f8e12f0875567",
+            result
+        )
+    }
+
+    // #[test]
+    // fn test_filter_icon_event() {
+    //     let data = serde_json::json!({"address":"btp://0x539.hardhat/0x959922bE3CAee4b8Cd9a407cc3ac1C251C2007B1" ,
+    //         "token" : "hshfhsdhghn","data":"0x73656e6443616c6c4d6573736167655f686172646861745f69636f6e30",
+    //         "to":"cxdf97f11ef352727f5d826eec68e569d6471aa9a4",
+    //         "req_id":1,
+    //         "from":"btp://0x539.hardhat/0x959922bE3CAee4b8Cd9a407cc3ac1C251C2007B1"});
+    //     let input = Input { data };
+    //     let mut action = Action::new(input);
+    //     action.filter_event();
+    // }
+
+    // #[test]
+    // fn test_filter_hardhat_event() {
+    //     let data = serde_json::json!({"address":"btp://0x3.icon/cx2196b1de35d8e3cb40bcbf0142d29263c212ed5d" ,
+    //         "token" : "hshfhsdhghn",
+    //         "data":"0x73656e6443616c6c4d6573736167655f69636f6e305f68617264686174",
+    //         "from":"0xa1f733357b915d1ede96cec955a028f730cf796d714a5975563f8e12f0875567",
+    //         "req_id":1,
+    //         "to":"0x16f7d9e9e594e72a2e6120902a1339f4be2c2f06b73a09dc24c1956d61880911"});
+
+    //     let input = Input { data };
+    //     let mut action = Action::new(input);
+    //     action.filter_event();
+    // }
+
+    // #[test]
+    // fn test_filter_event() {
+    //     let data = serde_json::json!({"address":"btp://0x3.icon/cx2196b1de35d8e3cb40bcbf0142d29263c212ed5d" ,
+    //         "token" : "hshfhsdhghn",
+    //         "data":"0x73656e6443616c6c4d6573736167655f69636f6e305f68617264686174",
+    //         "from":"0xa1f733357b915d1ede96cec955a028f730cf796d714a5975563f8e12f0875567",
+    //         "req_id":1,
+    //         "to":"0x16f7d9e9e594e72a2e6120902a1339f4be2c2f06b73a09dc24c1956d61880911"});
+
+    //     let input = serde_json::json!({"data": data});
+        
+    //    main(input);
+    // }
+}
diff --git a/actions/icon-eth-notification/src/types/mod.rs b/actions/icon-eth-notification/src/types/mod.rs
new file mode 100644
index 00000000..258fad5a
--- /dev/null
+++ b/actions/icon-eth-notification/src/types/mod.rs
@@ -0,0 +1,2 @@
+pub mod types;
+pub use types::*;
diff --git a/actions/icon-eth-notification/src/types/types.rs b/actions/icon-eth-notification/src/types/types.rs
new file mode 100644
index 00000000..e31c0fb0
--- /dev/null
+++ b/actions/icon-eth-notification/src/types/types.rs
@@ -0,0 +1,13 @@
+use serde_derive::{Deserialize, Serialize};
+
+#[derive(Debug, Deserialize, Serialize)]
+pub struct Event {
+    pub address: String,
+    pub token: String,
+    pub data: String,
+    pub req_id: i64,
+    pub to: String,
+    pub from: String,
+    #[serde(default)]
+    pub tx: String,
+}
diff --git a/actions/icon-event-processor/src/lib.rs b/actions/icon-event-processor/src/lib.rs
index 83b26aee..49af4d41 100644
--- a/actions/icon-event-processor/src/lib.rs
+++ b/actions/icon-event-processor/src/lib.rs
@@ -63,7 +63,8 @@ impl Action {
             "CallMessage(str,str,int,int,bytes)" => {
                 return Ok(serde_json::json!({
                     "data": self.params.event.data[1],
-                    "req_id": self.params.event.data[0],
+                    // "req_id": self.params.event.data[0],
+                    "req_id":  i64::from_str_radix(&self.params.event.data[0].clone()[2..], 16).unwrap(),
                     "to": self.params.event.indexed[2],
                     "from": self.params.event.indexed[1]
                 }));
@@ -131,7 +132,7 @@ mod tests {
 
         assert_eq!(
             response,
-            serde_json::json!({"data":"0x73656e6443616c6c4d6573736167655f686172646861745f69636f6e30","to":"cxdf97f11ef352727f5d826eec68e569d6471aa9a4","req_id":"0x1","from":"btp://0x539.hardhat/0x959922bE3CAee4b8Cd9a407cc3ac1C251C2007B1"})
+            serde_json::json!({"data":"0x73656e6443616c6c4d6573736167655f686172646861745f69636f6e30","to":"cxdf97f11ef352727f5d826eec68e569d6471aa9a4","req_id":1,"from":"btp://0x539.hardhat/0x959922bE3CAee4b8Cd9a407cc3ac1C251C2007B1"})
         );
     }
 

From ceb73733e22d521a958f9dc3296943e2e7ddc5f4 Mon Sep 17 00:00:00 2001
From: Shanith K K <shanith.kk@hugobyte.com>
Date: Thu, 7 Sep 2023 11:30:50 +0530
Subject: [PATCH 04/27] fix:fixed icon-eth-notification init  issue

---
 actions/icon-eth-notification/src/lib.rs | 32 +++++++++++++++++++++---
 1 file changed, 28 insertions(+), 4 deletions(-)

diff --git a/actions/icon-eth-notification/src/lib.rs b/actions/icon-eth-notification/src/lib.rs
index 391672f9..2acaa9fc 100644
--- a/actions/icon-eth-notification/src/lib.rs
+++ b/actions/icon-eth-notification/src/lib.rs
@@ -4,6 +4,7 @@ mod types;
 #[cfg(test)]
 use actions_common::Config;
 use actions_common::Context;
+use chesterfield::sync::{Client, Database};
 // use chesterfield::sync::{Client, Database};
 use crypto::digest::Digest;
 use crypto::sha3::Sha3;
@@ -29,12 +30,34 @@ impl Action {
         }
     }
 
+    #[cfg(test)]
+    pub fn init(&mut self, config: &Config) {
+        let db = self.connect_db("http://admin:p@ssw0rd@172.17.0.1:5984", "icon_filter_db");
+        self.context = Some(Context::new(db, Some(config)));
+    }
+
+    #[cfg(not(test))]
+    pub fn init(&mut self) {
+        let db = self.connect_db("http://admin:p@ssw0rd@172.17.0.1:5984", "icon_filter_db");
+        self.context = Some(Context::new(db, None));
+    }
+
+    fn connect_db(&self, db_url: &str, db_name: &str) -> Database {
+        let client = Client::new(db_url).unwrap();
+        let db = client.database(db_name).unwrap();
+        if !db.exists().unwrap() {
+            db.create().unwrap();
+        }
+        db
+    }
+
     pub fn get_context(&mut self) -> &Context {
         self.context.as_mut().expect("Action not Initialized!")
     }
 
     pub fn invoke_push_notification(&mut self, value: &Value) -> Result<Value, Error> {
-        self.get_context().invoke_action("push_notification", value)
+        self.get_context()
+            .invoke_trigger("send-push-notification", value)
     }
 
     pub fn get_keccak_hash(&self, input: String) -> String {
@@ -87,13 +110,14 @@ impl Action {
 pub fn main(args: Value) -> Result<Value, Error> {
     let input = serde_json::from_value::<Input>(args)?;
     let mut action = Action::new(input);
-
+    #[cfg(not(test))]
+    action.init();
     action.filter_event()
 }
 
 #[cfg(test)]
 mod tests {
-    use crate::{Action, Input, main};
+    use crate::Action;
 
     #[test]
     fn test_get_keccak_hash() {
@@ -145,7 +169,7 @@ mod tests {
     //         "to":"0x16f7d9e9e594e72a2e6120902a1339f4be2c2f06b73a09dc24c1956d61880911"});
 
     //     let input = serde_json::json!({"data": data});
-        
+
     //    main(input);
     // }
 }

From ba38996e6d1237bd0268065e3d1893e7d81367c1 Mon Sep 17 00:00:00 2001
From: Shanith K K <shanith.kk@hugobyte.com>
Date: Sun, 10 Sep 2023 13:18:24 +0530
Subject: [PATCH 05/27] chore: Add ui for icon-eth notification

---
 examples/icon-eth-notification/package.json   |  41 +++
 .../icon-eth-notification/public/index.html   |  47 +++
 examples/icon-eth-notification/src/App.js     |  25 ++
 .../icon-eth-notification/src/config/dev.json |   6 +
 .../src/config/firebase.js                    |  13 +
 .../icon-eth-notification/src/config/index.js |   6 +
 examples/icon-eth-notification/src/index.js   |  12 +
 .../icon-eth-notification/src/pages/Modal.js  | 174 ++++++++++
 .../icon-eth-notification/src/pages/index.js  |  73 +++++
 .../src/pages/main_page.js                    | 109 +++++++
 .../icon-eth-notification/src/pages/nav.js    |  53 +++
 .../src/pages/sign_in.js                      |  99 ++++++
 .../src/pages/sign_up.js                      |  75 +++++
 .../icon-eth-notification/src/pages/test.css  |   0
 examples/icon-eth-notification/src/styles.css | 304 ++++++++++++++++++
 15 files changed, 1037 insertions(+)
 create mode 100644 examples/icon-eth-notification/package.json
 create mode 100644 examples/icon-eth-notification/public/index.html
 create mode 100644 examples/icon-eth-notification/src/App.js
 create mode 100644 examples/icon-eth-notification/src/config/dev.json
 create mode 100644 examples/icon-eth-notification/src/config/firebase.js
 create mode 100644 examples/icon-eth-notification/src/config/index.js
 create mode 100644 examples/icon-eth-notification/src/index.js
 create mode 100644 examples/icon-eth-notification/src/pages/Modal.js
 create mode 100644 examples/icon-eth-notification/src/pages/index.js
 create mode 100644 examples/icon-eth-notification/src/pages/main_page.js
 create mode 100644 examples/icon-eth-notification/src/pages/nav.js
 create mode 100644 examples/icon-eth-notification/src/pages/sign_in.js
 create mode 100644 examples/icon-eth-notification/src/pages/sign_up.js
 create mode 100644 examples/icon-eth-notification/src/pages/test.css
 create mode 100644 examples/icon-eth-notification/src/styles.css

diff --git a/examples/icon-eth-notification/package.json b/examples/icon-eth-notification/package.json
new file mode 100644
index 00000000..60c11497
--- /dev/null
+++ b/examples/icon-eth-notification/package.json
@@ -0,0 +1,41 @@
+{
+  "name": "react-login-form",
+  "version": "1.0.0",
+  "description": "",
+  "keywords": [],
+  "main": "src/index.js",
+  "dependencies": {
+    "firebase": "^9.20.0",
+    "icon-sdk-js": "^1.4.3",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "react-icons": "^4.11.0",
+    "react-modal": "^3.16.1",
+    "react-router-dom": "^6.3.0",
+    "react-scripts": "5.0.1",
+    "semantic-ui-react": "^2.1.4",
+    "styled-components": "^6.0.7",
+    "web-vitals": "^2.1.4"
+  },
+  "devDependencies": {
+    "typescript": "3.8.3"
+  },
+  "scripts": {
+    "start": "react-scripts start",
+    "build": "react-scripts build",
+    "test": "react-scripts test --env=jsdom",
+    "eject": "react-scripts eject"
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  }
+}
diff --git a/examples/icon-eth-notification/public/index.html b/examples/icon-eth-notification/public/index.html
new file mode 100644
index 00000000..f31ff177
--- /dev/null
+++ b/examples/icon-eth-notification/public/index.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1, shrink-to-fit=no"
+    />
+    <meta name="theme-color" content="#000000" />
+    <link rel=stylesheet type=text/css
+    href=https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.7.2/css/all.min.css
+    />
+    <!--
+      manifest.json provides metadata used when your web app is added to the
+      homescreen on Android. See https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/
+    -->
+    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
+    <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
+    <!--
+      Notice the use of %PUBLIC_URL% in the tags above.
+      It will be replaced with the URL of the `public` folder during the build.
+      Only files inside the `public` folder can be referenced from the HTML.
+
+      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
+      work correctly both with client-side routing and a non-root public URL.
+      Learn how to configure a non-root public URL by running `npm run build`.
+    -->
+    <title>React App</title>
+  </head>
+
+  <body>
+    <noscript>
+      You need to enable JavaScript to run this app.
+    </noscript>
+    <div id="root"></div>
+    <!--
+      This HTML file is a template.
+      If you open it directly in the browser, you will see an empty page.
+
+      You can add webfonts, meta tags, or analytics to this file.
+      The build step will place the bundled scripts into the <body> tag.
+
+      To begin the development, run `npm start` or `yarn start`.
+      To create a production bundle, use `npm run build` or `yarn build`.
+    -->
+  </body>
+</html>
diff --git a/examples/icon-eth-notification/src/App.js b/examples/icon-eth-notification/src/App.js
new file mode 100644
index 00000000..9b1a455a
--- /dev/null
+++ b/examples/icon-eth-notification/src/App.js
@@ -0,0 +1,25 @@
+import React, { useState } from "react";
+import "./styles.css";
+import "./pages/test.css"
+import {
+  BrowserRouter as Router,
+  Route,
+  Routes,
+  IndexRoute,
+  Link,
+} from "react-router-dom";
+import Home from "./pages";
+import Main from "./pages/main_page";
+import ModalApp from "./pages/Modal";
+
+export default function App() {
+  return (
+    <Router>
+      <Routes>
+        <Route exact path="/" element={<Home />} />
+        <Route path='/main' element={<Main />} />
+        <Route path='/model' element={<ModalApp />} />
+      </Routes>
+    </Router>
+  );
+}
diff --git a/examples/icon-eth-notification/src/config/dev.json b/examples/icon-eth-notification/src/config/dev.json
new file mode 100644
index 00000000..f4e7811d
--- /dev/null
+++ b/examples/icon-eth-notification/src/config/dev.json
@@ -0,0 +1,6 @@
+{
+    "APP_NAME": "substrate-front-end-tutorial",
+    "DEVELOPMENT_KEYRING": true,
+    "RPC": {},
+    "api": "https://139.84.142.77:31001/api/v1/web/guest/"
+  }
\ No newline at end of file
diff --git a/examples/icon-eth-notification/src/config/firebase.js b/examples/icon-eth-notification/src/config/firebase.js
new file mode 100644
index 00000000..bd141f39
--- /dev/null
+++ b/examples/icon-eth-notification/src/config/firebase.js
@@ -0,0 +1,13 @@
+import { initializeApp } from "firebase/app"
+
+export const config = {
+    apiKey: "AIzaSyBFKOWwoGtoPXye_S_tWQHVtOzA_mf874o",
+    authDomain: "aurras.firebaseapp.com",
+    projectId: "aurras",
+    storageBucket: "aurras.appspot.com",
+    messagingSenderId: "513296427653",
+    appId: "1:513296427653:web:b753ed51e3f52588e7d7ec",
+    measurementId: "G-555C15PTHS"
+}
+
+export default initializeApp(config);
\ No newline at end of file
diff --git a/examples/icon-eth-notification/src/config/index.js b/examples/icon-eth-notification/src/config/index.js
new file mode 100644
index 00000000..5961df04
--- /dev/null
+++ b/examples/icon-eth-notification/src/config/index.js
@@ -0,0 +1,6 @@
+import configCommon from './dev.json';
+
+import firebase from './firebase';
+
+const config = { ...configCommon, firebase};
+export default config;
\ No newline at end of file
diff --git a/examples/icon-eth-notification/src/index.js b/examples/icon-eth-notification/src/index.js
new file mode 100644
index 00000000..ad818b83
--- /dev/null
+++ b/examples/icon-eth-notification/src/index.js
@@ -0,0 +1,12 @@
+import React from "react";
+import ReactDOM from "react-dom";
+
+import App from "./App";
+
+const rootElement = document.getElementById("root");
+ReactDOM.render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>,
+  rootElement
+);
diff --git a/examples/icon-eth-notification/src/pages/Modal.js b/examples/icon-eth-notification/src/pages/Modal.js
new file mode 100644
index 00000000..bc827d9f
--- /dev/null
+++ b/examples/icon-eth-notification/src/pages/Modal.js
@@ -0,0 +1,174 @@
+import React, { useState } from 'react';
+import Modal from 'react-modal';
+import config from "../config";
+import { getMessaging } from "firebase/messaging/sw";
+import { getToken } from "firebase/messaging";
+
+const customStyles = {
+    content: {
+        width: '50%',
+        top: '50%',
+        left: '50%',
+        right: 'auto',
+        bottom: 'auto',
+        marginRight: '-50%',
+        transform: 'translate(-50%, -50%)',
+    },
+};
+
+Modal.setAppElement('#root');
+
+function ModalApp(props) {
+
+    const messaging = getMessaging(config.firebase);
+    const [modalIsOpen, setIsOpen] = React.useState(false);
+    const [topics, setTopics] = useState([]);
+    const [selected, setSelected] = useState("");
+    const [token, setToken] = useState("");
+    const [user_auth, setUserAuth] = useState(props.user_auth_token);
+    const [address, SetAddress] = useState("");
+    const [notification, setNotification] = React.useState({
+        visible: false,
+        title: "",
+        message: "",
+        variant: ""
+    });
+    const [busy, setBusy] = useState(false);
+    getToken(messaging).then(token => setToken(token))
+    .catch((err) => {
+        console.log(err);
+    });
+    function openModal() {
+        setIsOpen(true);
+    }
+
+    function selectTopic(event) {
+        setSelected(event.target.value);
+    }
+
+    function afterOpenModal() {
+        fetch(`${config.api}default/workflow-management`)
+            .then(response => response.json())
+            .then(data => {
+                if (data[0]) setSelected(data[0].doc.trigger)
+                setTopics(data);
+            });
+
+    }
+
+    function closeModal() {
+        setIsOpen(false);
+    }
+
+    function register({ auth_token, topic, token , address, action}) {
+        setBusy(true);
+        const input = JSON.stringify({ address})
+        var requestOptions = {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+            },
+            body: JSON.stringify({ auth_token, topic, token , input, address:action}),
+        };
+        fetch(`${config.api}default/workflow-management`, requestOptions)
+            .then(response => response.json())
+            .then(data => {
+                setNotification({
+                    visible: true,
+                    title: "Success",
+                    message: "Registered!",
+                    variant: "positive"
+                })
+            })
+            .catch((error) => {
+                setNotification({
+                    visible: true,
+                    title: "Failed",
+                    message: "Not Registered!",
+                    variant: "negative"
+                })
+            }).finally(() => {
+                setBusy(false);
+                setTimeout(() => {
+                    setNotification({
+                        visible: false,
+                        title: "",
+                        message: "",
+                        variant: ""
+                    })
+                }, 5000);
+            });
+    }
+    return (
+        <div>
+            <button onClick={openModal} className="ui button">Register Icon/Eth Notification</button>
+            <Modal
+                isOpen={modalIsOpen}
+                onAfterOpen={afterOpenModal}
+                onRequestClose={closeModal}
+                style={customStyles}
+                contentLabel="Register Icon Notification"
+            >
+                {/* <div className="ui grid">
+                    <div className="ten column row">
+                        <div className="right floated column">
+                            <button className="circular ui icon button" onClick={closeModal}>
+                                <i className="icon close"></i>
+                            </button>
+                        </div>
+                    </div>
+                </div> */}
+                {
+                    notification.visible && <div className={"ui message ".concat(notification.variant)}>
+                        <i className="close icon"></i>
+                        <div className="header">
+                            {notification.title}
+                        </div>
+                        <p>{notification.message}</p>
+                    </div>
+                }
+
+                <div>
+                    <div className="label">
+                        Event Source
+                    </div>
+                    <div className="ui dropdown">
+                        <select className="ui dropdown w-full pt pb" onChange={selectTopic} value={selected}>
+                            {
+                                topics.map(function (item) {
+                                    return <option key={item.doc.trigger} value={item.doc.trigger}>{item.doc.name}</option>
+                                })
+                            }
+                        </select>
+                    </div>
+                </div>
+                <div>
+                    <div className="label">
+                        Address
+                    </div>
+                    <div className="ui input focus">
+                        <input type="text" placeholder="Address in BTP format" value={address} onChange={(event) => SetAddress(event.target.value)}/>
+                    </div>
+                </div>
+                <div>
+                    <div className="label">
+                        Push Notification Token
+                    </div>
+                    <div className="ui fluid disabled input pt pb">
+                        <input value={token} readOnly />
+                    </div>
+                </div>
+                <div className="ui grid">
+                    <div className="four column centered row">
+                        <button onClick={() => register({ auth_token: user_auth, topic: selected, token })} className={"ui primary button ".concat(busy ? "disabled loading" : "")}>register</button>
+                        <button onClick={closeModal} className="ui button">close</button>
+                    </div>
+                </div>
+
+
+            </Modal>
+        </div>
+    )
+}
+
+export default ModalApp
\ No newline at end of file
diff --git a/examples/icon-eth-notification/src/pages/index.js b/examples/icon-eth-notification/src/pages/index.js
new file mode 100644
index 00000000..70a93382
--- /dev/null
+++ b/examples/icon-eth-notification/src/pages/index.js
@@ -0,0 +1,73 @@
+
+import React, { useState } from "react";
+import "../styles.css";
+import SignInForm from "./sign_in";
+import SignUpForm from "./sign_up";
+
+function Home(){
+
+const [type, setType] = useState("signIn");
+  const handleOnClick = text => {
+    if (text !== type) {
+      setType(text);
+      return;
+    }
+  };
+  const containerClass =
+    "container " + (type === "signUp" ? "right-panel-active" : "");
+  return (
+    <div className="App">
+      <h2>Sign in/up Form</h2>
+      <div className={containerClass} id="container">
+        <SignUpForm />
+        <SignInForm />
+        <div className="overlay-container">
+          <div className="overlay">
+            <div className="overlay-panel overlay-left">
+              <h1>Welcome Back!</h1>
+              <p>
+                To keep connected with us please login with your personal info
+              </p>
+              <button
+                className="ghost"
+                id="signIn"
+                onClick={() => handleOnClick("signIn")}
+              >
+                Sign In
+              </button>
+            </div>
+            <div className="overlay-panel overlay-right">
+              <h1>Hello, Users!</h1>
+              <p>Enter your personal details and start journey with us</p>
+              <button
+                className="ghost "
+                id="signUp"
+                onClick={() => handleOnClick("signUp")}
+              >
+                Sign Up
+              </button>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  
+  
+  
+  );
+  }
+
+  export default Home;
+
+
+
+ 
+// const Home = () => {
+//     return (
+//         <div>
+//             <h1>Sign Up Successful</h1>
+//         </div>
+//     );
+// };
+ 
+// export default Home;
\ No newline at end of file
diff --git a/examples/icon-eth-notification/src/pages/main_page.js b/examples/icon-eth-notification/src/pages/main_page.js
new file mode 100644
index 00000000..55f56ee3
--- /dev/null
+++ b/examples/icon-eth-notification/src/pages/main_page.js
@@ -0,0 +1,109 @@
+import React from "react";
+
+import { useLocation } from "react-router-dom";
+import { Nav, NavLink, NavMenu } from "./nav";
+import  { useState } from "react";
+import ModalApp  from "./Modal";
+import {
+    Menu,
+    Button,
+    Dropdown,
+    Container,
+    Icon,
+    Image,
+    Label,
+  } from 'semantic-ui-react'
+
+function Main() {
+  const location = useLocation();
+  const user_auth_token = location.state.auth_token;
+  console.log(location.state.auth_token);
+  const [auther, setAuth] = useState(location.state.auth_token);
+
+  const handleLogout = () => {
+        location.state.auth_token ="";
+        console.log(location.state.auth_token);
+        console.log("kaskkkf");
+        setAuth("")
+  };
+
+  if (auther == ""){
+    console.log("please login");
+
+  }
+
+
+  return (
+    <>
+    
+      <Nav>
+        <NavMenu>
+          <NavLink to="/about" activeStyle>
+            About
+          </NavLink>
+          {/* <NavLink to="/model" activeStyle>
+            Register
+          </NavLink> */}
+          <Menu.Menu position="right" style={{ alignItems: 'center' }}>
+          {auther ? <ModalApp user_auth_token={auther}></ModalApp> : null}
+          {!auther ? (
+            <span>
+              {/* Create an account with Polkadot-JS Extension (
+              <a target="_blank" rel="noreferrer" href={CHROME_EXT_URL}>
+                Chrome
+              </a>
+              ,&nbsp;
+              <a target="_blank" rel="noreferrer" href={FIREFOX_ADDON_URL}>
+                Firefox
+              </a>
+              )&nbsp; */}
+            </span>
+          ) : null}
+        </Menu.Menu>
+        
+          <NavLink exact to={{pathname: "/",
+            }} activeStyle OnClick={handleLogout}>
+            Sign Out
+          </NavLink>
+        </NavMenu>
+      </Nav>
+      <div className="division">
+        <h1>Aurras</h1>
+      </div>
+
+      <div className="one">
+        <h1></h1>
+        <p>
+            Aurras is a middleware that acts as an event processor and a low code workflow orchestration platform.
+        Aurras is being pitched as a next-generation system for enabling decentralized push notification. 
+        This middleware solution listens to events from blockchain applications and propagates them to a registered pool of MQTT brokers.
+        The broader architecture consist of parachain from which the middleware listens for the events.
+        </p>
+        <p>
+            Aurras is a middleware that acts as an event processor and a low code workflow orchestration platform.
+        Aurras is being pitched as a next-generation system for enabling decentralized push notification. 
+        This middleware solution listens to events from blockchain applications and propagates them to a registered pool of MQTT brokers.
+        The broader architecture consist of parachain from which the middleware listens for the events.
+        </p>
+
+        <p>
+            Aurras is a middleware that acts as an event processor and a low code workflow orchestration platform.
+        Aurras is being pitched as a next-generation system for enabling decentralized push notification. 
+        This middleware solution listens to events from blockchain applications and propagates them to a registered pool of MQTT brokers.
+        The broader architecture consist of parachain from which the middleware listens for the events.
+        </p>
+      </div>
+
+      {/* <div className="two">
+        <h1></h1>
+      </div> */}
+
+      <div className="three">
+        <h1></h1>
+        <p>Thanks to hugobyte</p>
+      </div>
+    </>
+  );
+}
+
+export default Main;
diff --git a/examples/icon-eth-notification/src/pages/nav.js b/examples/icon-eth-notification/src/pages/nav.js
new file mode 100644
index 00000000..d7d3303d
--- /dev/null
+++ b/examples/icon-eth-notification/src/pages/nav.js
@@ -0,0 +1,53 @@
+import { FaBars } from "react-icons/fa";
+import { NavLink as Link } from "react-router-dom";
+import styled from "styled-components";
+ 
+export const Nav = styled.nav`
+  background: #ffffff;
+  height: 85px;
+  display: flex;
+  justify-content: space-between;
+  padding: 0.2rem calc((100vw - 1000px) / 2);
+  z-index: 12;
+`;
+ 
+export const NavLink = styled(Link)`
+  color: #808080;
+  display: flex;
+  align-items: center;
+  text-decoration: none;
+  padding: 0 1rem;
+  height: 100%;
+  cursor: pointer;
+  &.active {
+    color: #4d4dff;
+  }
+`;
+ 
+export const Bars = styled(FaBars)`
+  display: none;
+  color: #808080;
+  @media screen and (max-width: 768px) {
+    display: block;
+    position: absolute;
+    top: 0;
+    right: 0;
+    transform: translate(-100%, 75%);
+    font-size: 1.8rem;
+    cursor: pointer;
+  }
+`;
+ 
+export const NavMenu = styled.div`
+  display: flex;
+  align-items: center;
+  margin-right: -24px;
+  /* Second Nav */
+  /* margin-right: 24px; */
+  /* Third Nav */
+  /* width: 100vw;
+white-space: nowrap; */
+  @media screen and (max-width: 768px) {
+    display: none;
+  }
+`;
\ No newline at end of file
diff --git a/examples/icon-eth-notification/src/pages/sign_in.js b/examples/icon-eth-notification/src/pages/sign_in.js
new file mode 100644
index 00000000..b5907dc8
--- /dev/null
+++ b/examples/icon-eth-notification/src/pages/sign_in.js
@@ -0,0 +1,99 @@
+import React from "react";
+import config from "../config";
+import { useNavigate } from 'react-router-dom';
+
+function SignInForm() {
+  const navigate = useNavigate();
+  const [state, setState] = React.useState({
+    email: "",
+    password: "",
+  });
+
+  const [auth_token, setAuths] = React.useState("");
+
+  const handleChange = (evt) => {
+    const value = evt.target.value;
+    setState({
+      ...state,
+      [evt.target.name]: value,
+    });
+  };
+
+  const handleOnSubmit = (evt) => {
+    evt.preventDefault();
+
+    const { email, password } = state;
+
+    // alert(`You are login with email: ${email} and password: ${password}`);
+
+    var requestOptions = {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+      },
+      body: JSON.stringify({ email, password }),
+    };
+    console.log(requestOptions);
+    fetch(`${config.api}default/user-login.json`, requestOptions)
+      .then((response) => response.json())
+      .then((data) => {
+        const asd = data;
+        console.log(asd);
+        const user = asd["user_token"]
+        navigate('/main',
+        { state : {
+          auth_token : user,
+        }}
+        )
+        
+      })
+      .catch((err) => {
+        console.log(err);
+      });
+
+    for (const key in state) {
+      setState({
+        ...state,
+        [key]: "",
+      });
+    }
+  };
+
+  return (
+    <div className="form-container sign-in-container">
+      <form onSubmit={handleOnSubmit}>
+        <h1>Sign in</h1>
+        {/* <div className="social-container">
+          <a href="#" className="social">
+            <i className="fab fa-facebook-f" />
+          </a>
+          <a href="#" className="social">
+            <i className="fab fa-google-plus-g" />
+          </a>
+          <a href="#" className="social">
+            <i className="fab fa-linkedin-in" />
+          </a>
+        </div> */}
+        {/* <span>or use your account</span> */}
+        <input
+          type="email"
+          placeholder="Email"
+          name="email"
+          value={state.email}
+          onChange={handleChange}
+        />
+        <input
+          type="password"
+          name="password"
+          placeholder="Password"
+          value={state.password}
+          onChange={handleChange}
+        />
+        <a href="#">Forgot your password?</a>
+        <button>Sign In</button>
+      </form>
+    </div>
+  );
+}
+
+export default SignInForm;
diff --git a/examples/icon-eth-notification/src/pages/sign_up.js b/examples/icon-eth-notification/src/pages/sign_up.js
new file mode 100644
index 00000000..22027285
--- /dev/null
+++ b/examples/icon-eth-notification/src/pages/sign_up.js
@@ -0,0 +1,75 @@
+import React from "react";
+function SignUpForm() {
+  const [state, setState] = React.useState({
+    name: "",
+    email: "",
+    password: ""
+  });
+  const handleChange = evt => {
+    const value = evt.target.value;
+    setState({
+      ...state,
+      [evt.target.name]: value
+    });
+  };
+
+  const handleOnSubmit = evt => {
+    evt.preventDefault();
+
+    const { name, email, password } = state;
+    alert(
+      `You are sign up with name: ${name} email: ${email} and password: ${password}`
+    );
+
+    for (const key in state) {
+      setState({
+        ...state,
+        [key]: ""
+      });
+    }
+  };
+
+  return (
+    <div className="form-container sign-up-container">
+      <form onSubmit={handleOnSubmit}>
+        <h1>Create Account</h1>
+        {/* <div className="social-container">
+          <a href="#" className="social">
+            <i className="fab fa-facebook-f" />
+          </a>
+          <a href="#" className="social">
+            <i className="fab fa-google-plus-g" />
+          </a>
+          <a href="#" className="social">
+            <i className="fab fa-linkedin-in" />
+          </a>
+        </div> */}
+        {/* <span>or use your email for registration</span> */}
+        <input
+          type="text"
+          name="name"
+          value={state.name}
+          onChange={handleChange}
+          placeholder="Name"
+        />
+        <input
+          type="email"
+          name="email"
+          value={state.email}
+          onChange={handleChange}
+          placeholder="Email"
+        />
+        <input
+          type="password"
+          name="password"
+          value={state.password}
+          onChange={handleChange}
+          placeholder="Password"
+        />
+        <button>Sign Up</button>
+      </form>
+    </div>
+  );
+}
+
+export default SignUpForm;
diff --git a/examples/icon-eth-notification/src/pages/test.css b/examples/icon-eth-notification/src/pages/test.css
new file mode 100644
index 00000000..e69de29b
diff --git a/examples/icon-eth-notification/src/styles.css b/examples/icon-eth-notification/src/styles.css
new file mode 100644
index 00000000..c33662eb
--- /dev/null
+++ b/examples/icon-eth-notification/src/styles.css
@@ -0,0 +1,304 @@
+.App {
+  font-family: sans-serif;
+  text-align: center;
+}
+
+@import url("https://fonts.googleapis.com/css?family=Montserrat:400,800");
+
+* {
+  box-sizing: border-box;
+}
+
+body {
+  background: #f6f5f7;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  font-family: "Montserrat", sans-serif;
+  height: 100vh;
+  margin: -20px 0 50px;
+}
+
+h1 {
+  font-weight: bold;
+  margin: 0;
+}
+
+h2 {
+  text-align: center;
+}
+
+p {
+  font-size: 14px;
+  font-weight: 100;
+  line-height: 20px;
+  letter-spacing: 0.5px;
+  margin: 20px 0 30px;
+}
+
+span {
+  font-size: 12px;
+}
+
+a {
+  color: #333;
+  font-size: 14px;
+  text-decoration: none;
+  margin: 15px 0;
+}
+
+button {
+  border-radius: 20px;
+  border: 1px solid #ff4b2b;
+  background-color: #ff4b2b;
+  color: #ffffff;
+  font-size: 12px;
+  font-weight: bold;
+  padding: 12px 10px;
+  letter-spacing: 1px;
+  text-transform: uppercase;
+  transition: transform 80ms ease-in;
+}
+
+button:active {
+  transform: scale(0.95);
+}
+
+button:focus {
+  outline: none;
+}
+
+button.ghost {
+  background-color: transparent;
+  border-color: #ffffff;
+}
+
+form {
+  background-color: #ffffff;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  padding: 0 50px;
+  height: 100%;
+  text-align: center;
+}
+
+input {
+  background-color: #eee;
+  border: none;
+  padding: 12px 15px;
+  margin: 8px 0;
+  width: 100%;
+}
+
+.container {
+  background-color: #fff;
+  border-radius: 10px;
+  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
+  position: relative;
+  overflow: hidden;
+  width: 768px;
+  max-width: 100%;
+  min-height: 480px;
+}
+
+.form-container {
+  position: absolute;
+  top: 0;
+  height: 100%;
+  transition: all 0.6s ease-in-out;
+}
+
+.sign-in-container {
+  left: 0;
+  width: 50%;
+  z-index: 2;
+}
+
+.container.right-panel-active .sign-in-container {
+  transform: translateX(100%);
+}
+
+.sign-up-container {
+  left: 0;
+  width: 50%;
+  opacity: 0;
+  z-index: 1;
+}
+
+.container.right-panel-active .sign-up-container {
+  transform: translateX(100%);
+  opacity: 1;
+  z-index: 5;
+  animation: show 0.6s;
+}
+
+@keyframes show {
+  0%,
+  49.99% {
+    opacity: 0;
+    z-index: 1;
+  }
+
+  50%,
+  100% {
+    opacity: 1;
+    z-index: 5;
+  }
+}
+
+.overlay-container {
+  position: absolute;
+  top: 0;
+  left: 50%;
+  width: 50%;
+  height: 100%;
+  overflow: hidden;
+  transition: transform 0.6s ease-in-out;
+  z-index: 100;
+}
+
+.container.right-panel-active .overlay-container {
+  transform: translateX(-100%);
+}
+
+.overlay {
+  background: #ff416c;
+  background: -webkit-linear-gradient(to right, #ff4b2b, #ff416c);
+  background: linear-gradient(to right, #ff4b2b, #ff416c);
+  background-repeat: no-repeat;
+  background-size: cover;
+  background-position: 0 0;
+  color: #ffffff;
+  position: relative;
+  left: -100%;
+  height: 100%;
+  width: 200%;
+  transform: translateX(0);
+  transition: transform 0.6s ease-in-out;
+}
+
+.container.right-panel-active .overlay {
+  transform: translateX(50%);
+}
+
+.overlay-panel {
+  position: absolute;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  padding: 0 40px;
+  text-align: center;
+  top: 0;
+  height: 100%;
+  width: 50%;
+  transform: translateX(0);
+  transition: transform 0.6s ease-in-out;
+}
+
+.overlay-left {
+  transform: translateX(-20%);
+}
+
+.container.right-panel-active .overlay-left {
+  transform: translateX(0);
+}
+
+.overlay-right {
+  right: 0;
+  transform: translateX(0);
+}
+
+.container.right-panel-active .overlay-right {
+  transform: translateX(20%);
+}
+
+.social-container {
+  margin: 20px 0;
+}
+
+.social-container a {
+  border: 1px solid #dddddd;
+  border-radius: 50%;
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  margin: 0 5px;
+  height: 40px;
+  width: 40px;
+}
+
+footer {
+  background-color: #222;
+  color: #fff;
+  font-size: 14px;
+  bottom: 0;
+  position: fixed;
+  left: 0;
+  right: 0;
+  text-align: center;
+  z-index: 999;
+}
+
+footer p {
+  margin: 10px 0;
+}
+
+footer i {
+  color: red;
+}
+
+footer a {
+  color: #3c97bf;
+  text-decoration: none;
+}
+
+
+
+.division{
+  background-color: #efffd6;
+  text-align: left;
+  font-size: 30px;
+  color: rgb(29, 150, 90);
+  padding: 10px;
+  padding: 0 40px;
+  display: flex;
+  align-items: top;
+  justify-content: left;
+  /* height: 100px; */
+  top:10%;
+  /* width:30%; */
+}
+
+.one
+{
+    background-color:white;    
+    float: left;  
+    width: 100%;
+    height: 550px;
+}
+.two
+{
+    background-color:white;
+    /* width: 50%; */
+    height: 550px;
+    /* float: left; */
+}
+.three
+{
+    background-color: rgb(17, 182, 168);
+    /* float: left; */
+}
+
+p{
+  /* width: 50%; */
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  font-family: "Montserrat", sans-serif;
+  width: 850px;
+  margin: 20px 50px;
+}
\ No newline at end of file

From 838dd7accde5b6844126f1530a5c853034c561d0 Mon Sep 17 00:00:00 2001
From: Shanith K K <shanith.kk@hugobyte.com>
Date: Mon, 11 Sep 2023 13:19:12 +0530
Subject: [PATCH 06/27] style: format code in icon frontend

---
 .../icon-eth-notification/src/pages/Modal.js  | 326 ++++++++++--------
 1 file changed, 180 insertions(+), 146 deletions(-)

diff --git a/examples/icon-eth-notification/src/pages/Modal.js b/examples/icon-eth-notification/src/pages/Modal.js
index bc827d9f..cf26938f 100644
--- a/examples/icon-eth-notification/src/pages/Modal.js
+++ b/examples/icon-eth-notification/src/pages/Modal.js
@@ -1,115 +1,131 @@
-import React, { useState } from 'react';
-import Modal from 'react-modal';
+import React, { useState } from "react";
+import Modal from "react-modal";
 import config from "../config";
 import { getMessaging } from "firebase/messaging/sw";
 import { getToken } from "firebase/messaging";
 
 const customStyles = {
-    content: {
-        width: '50%',
-        top: '50%',
-        left: '50%',
-        right: 'auto',
-        bottom: 'auto',
-        marginRight: '-50%',
-        transform: 'translate(-50%, -50%)',
-    },
+  content: {
+    width: "50%",
+    top: "50%",
+    left: "50%",
+    right: "auto",
+    bottom: "auto",
+    marginRight: "-50%",
+    transform: "translate(-50%, -50%)",
+  },
 };
 
-Modal.setAppElement('#root');
+Modal.setAppElement("#root");
 
 function ModalApp(props) {
-
-    const messaging = getMessaging(config.firebase);
-    const [modalIsOpen, setIsOpen] = React.useState(false);
-    const [topics, setTopics] = useState([]);
-    const [selected, setSelected] = useState("");
-    const [token, setToken] = useState("");
-    const [user_auth, setUserAuth] = useState(props.user_auth_token);
-    const [address, SetAddress] = useState("");
-    const [notification, setNotification] = React.useState({
-        visible: false,
-        title: "",
-        message: "",
-        variant: ""
-    });
-    const [busy, setBusy] = useState(false);
-    getToken(messaging).then(token => setToken(token))
+  const messaging = getMessaging(config.firebase);
+  const [modalIsOpen, setIsOpen] = React.useState(false);
+  const [topics, setTopics] = useState([]);
+  const [selected, setSelected] = useState("");
+  const [action, setAction] = useState("");
+  const [token, setToken] = useState("");
+  const [user_auth, setUserAuth] = useState(props.user_auth_token);
+  const [address, SetAddress] = useState("");
+  const [notification, setNotification] = React.useState({
+    visible: false,
+    title: "",
+    message: "",
+    variant: "",
+  });
+  const [busy, setBusy] = useState(false);
+  getToken(messaging)
+    .then((token) => setToken(token))
     .catch((err) => {
-        console.log(err);
+      console.log(err);
     });
-    function openModal() {
-        setIsOpen(true);
-    }
+  function openModal() {
+    setIsOpen(true);
+  }
 
-    function selectTopic(event) {
-        setSelected(event.target.value);
-    }
+  function selectTopic(event) {
+    console.log(event.target);
+    setSelected(event.target.value);
+  }
 
-    function afterOpenModal() {
-        fetch(`${config.api}default/workflow-management`)
-            .then(response => response.json())
-            .then(data => {
-                if (data[0]) setSelected(data[0].doc.trigger)
-                setTopics(data);
-            });
+  function afterOpenModal() {
+    fetch(`${config.api}default/workflow-management`)
+      .then((response) => response.json())
+      .then((data) => {
+        if (data[0]) setSelected(data[0].doc.trigger);
+        setTopics(data);
+      });
+  }
 
-    }
+  function closeModal() {
+    setIsOpen(false);
+  }
 
-    function closeModal() {
-        setIsOpen(false);
-    }
+  function register({ auth_token, topic, token, address, action }) {
+    setBusy(true);
+    const input = JSON.stringify({ address });
+    var requestOptions = {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        // "mode": "cors",
+        // "Access-Control-Allow-Origin": "http://localhost:3000",
+        // "Access-Control-Allow-Methods": "GET,POST,OPTIONS,PUT,PATCH,DELETE",
+        // "Access-Control-Allow-Credentials" : "true"
 
-    function register({ auth_token, topic, token , address, action}) {
-        setBusy(true);
-        const input = JSON.stringify({ address})
-        var requestOptions = {
-            method: 'POST',
-            headers: {
-                'Content-Type': 'application/json',
-            },
-            body: JSON.stringify({ auth_token, topic, token , input, address:action}),
-        };
-        fetch(`${config.api}default/workflow-management`, requestOptions)
-            .then(response => response.json())
-            .then(data => {
-                setNotification({
-                    visible: true,
-                    title: "Success",
-                    message: "Registered!",
-                    variant: "positive"
-                })
-            })
-            .catch((error) => {
-                setNotification({
-                    visible: true,
-                    title: "Failed",
-                    message: "Not Registered!",
-                    variant: "negative"
-                })
-            }).finally(() => {
-                setBusy(false);
-                setTimeout(() => {
-                    setNotification({
-                        visible: false,
-                        title: "",
-                        message: "",
-                        variant: ""
-                    })
-                }, 5000);
-            });
-    }
-    return (
-        <div>
-            <button onClick={openModal} className="ui button">Register Icon/Eth Notification</button>
-            <Modal
-                isOpen={modalIsOpen}
-                onAfterOpen={afterOpenModal}
-                onRequestClose={closeModal}
-                style={customStyles}
-                contentLabel="Register Icon Notification"
-            >
-                {/* <div className="ui grid">
+      },
+      body: {
+        address: action,
+        topic: topic,
+        token: token,
+        input: input,
+        auth_token: auth_token,
+      },
+    };
+    console.log(requestOptions.body);
+    fetch(`${config.api}default/workflow-management`, requestOptions)
+      .then((response) => response.json())
+      .then((data) => {
+        setNotification({
+          visible: true,
+          title: "Success",
+          message: "Registered!",
+          variant: "positive",
+        });
+      })
+      .catch((error) => {
+        setNotification({
+          visible: true,
+          title: "Failed",
+          message: "Not Registered!",
+          variant: "negative",
+        });
+      })
+      .finally(() => {
+        setBusy(false);
+        setTimeout(() => {
+          setNotification({
+            visible: false,
+            title: "",
+            message: "",
+            variant: "",
+          });
+        }, 5000);
+      });
+  }
+  return (
+    <div>
+      <button onClick={openModal} className="ui button">
+        Register Icon/Eth Notification
+      </button>
+      <Modal
+        isOpen={modalIsOpen}
+        onAfterOpen={afterOpenModal}
+        onRequestClose={closeModal}
+        style={customStyles}
+        contentLabel="Register Icon Notification"
+      >
+        {/* <div className="ui grid">
                     <div className="ten column row">
                         <div className="right floated column">
                             <button className="circular ui icon button" onClick={closeModal}>
@@ -118,57 +134,75 @@ function ModalApp(props) {
                         </div>
                     </div>
                 </div> */}
-                {
-                    notification.visible && <div className={"ui message ".concat(notification.variant)}>
-                        <i className="close icon"></i>
-                        <div className="header">
-                            {notification.title}
-                        </div>
-                        <p>{notification.message}</p>
-                    </div>
-                }
-
-                <div>
-                    <div className="label">
-                        Event Source
-                    </div>
-                    <div className="ui dropdown">
-                        <select className="ui dropdown w-full pt pb" onChange={selectTopic} value={selected}>
-                            {
-                                topics.map(function (item) {
-                                    return <option key={item.doc.trigger} value={item.doc.trigger}>{item.doc.name}</option>
-                                })
-                            }
-                        </select>
-                    </div>
-                </div>
-                <div>
-                    <div className="label">
-                        Address
-                    </div>
-                    <div className="ui input focus">
-                        <input type="text" placeholder="Address in BTP format" value={address} onChange={(event) => SetAddress(event.target.value)}/>
-                    </div>
-                </div>
-                <div>
-                    <div className="label">
-                        Push Notification Token
-                    </div>
-                    <div className="ui fluid disabled input pt pb">
-                        <input value={token} readOnly />
-                    </div>
-                </div>
-                <div className="ui grid">
-                    <div className="four column centered row">
-                        <button onClick={() => register({ auth_token: user_auth, topic: selected, token })} className={"ui primary button ".concat(busy ? "disabled loading" : "")}>register</button>
-                        <button onClick={closeModal} className="ui button">close</button>
-                    </div>
-                </div>
-
+        {notification.visible && (
+          <div className={"ui message ".concat(notification.variant)}>
+            <i className="close icon"></i>
+            <div className="header">{notification.title}</div>
+            <p>{notification.message}</p>
+          </div>
+        )}
 
-            </Modal>
+        <div>
+          <div className="label">Event Source</div>
+          <div className="ui dropdown">
+            <select
+              className="ui dropdown w-full pt pb"
+              onChange={selectTopic}
+              value={selected}
+            >
+              {topics.map(function (item) {
+                return (
+                  <option key={item.doc.trigger} value={item.doc.trigger}>
+                    {item.doc.name}
+                  </option>
+                );
+              })}
+            </select>
+          </div>
+        </div>
+        <div>
+          <div className="label">Address</div>
+          <div className="ui input focus">
+            <input
+              type="text"
+              placeholder="Address in BTP format"
+              value={address}
+              onChange={(event) => SetAddress(event.target.value)}
+            />
+          </div>
+        </div>
+        <div>
+          <div className="label">Push Notification Token</div>
+          <div className="ui fluid disabled input pt pb">
+            <input value={token} readOnly />
+          </div>
+        </div>
+        <div className="ui grid">
+          <div className="four column centered row">
+            <button
+              onClick={() =>
+                register({
+                  auth_token: user_auth,
+                  topic: selected,
+                  token,
+                  address: address,
+                  action: action,
+                })
+              }
+              className={"ui primary button ".concat(
+                busy ? "disabled loading" : ""
+              )}
+            >
+              register
+            </button>
+            <button onClick={closeModal} className="ui button">
+              close
+            </button>
+          </div>
         </div>
-    )
+      </Modal>
+    </div>
+  );
 }
 
-export default ModalApp
\ No newline at end of file
+export default ModalApp;

From db1aba327d73c36c6374ee844a0b737e991296b7 Mon Sep 17 00:00:00 2001
From: shreyasbhat0 <shreyas.ks@hugobyte.com>
Date: Mon, 11 Sep 2023 14:15:10 +0530
Subject: [PATCH 07/27] fix: workflow reg error

---
 .../public/firebase-messaging-sw.js           |  8 ++++++
 .../icon-eth-notification/src/pages/Modal.js  | 26 ++++++++++++-------
 2 files changed, 25 insertions(+), 9 deletions(-)
 create mode 100644 examples/icon-eth-notification/public/firebase-messaging-sw.js

diff --git a/examples/icon-eth-notification/public/firebase-messaging-sw.js b/examples/icon-eth-notification/public/firebase-messaging-sw.js
new file mode 100644
index 00000000..e65f054c
--- /dev/null
+++ b/examples/icon-eth-notification/public/firebase-messaging-sw.js
@@ -0,0 +1,8 @@
+if ('serviceWorker' in navigator) {
+  navigator.serviceWorker.register('../firebase-messaging-sw.js')
+  .then(function(registration) {
+    console.log('Registration successful, scope is:', registration.scope);
+  }).catch(function(err) {
+    console.log('Service worker registration failed, error:', err);
+  });
+}
\ No newline at end of file
diff --git a/examples/icon-eth-notification/src/pages/Modal.js b/examples/icon-eth-notification/src/pages/Modal.js
index cf26938f..62256ccd 100644
--- a/examples/icon-eth-notification/src/pages/Modal.js
+++ b/examples/icon-eth-notification/src/pages/Modal.js
@@ -3,6 +3,7 @@ import Modal from "react-modal";
 import config from "../config";
 import { getMessaging } from "firebase/messaging/sw";
 import { getToken } from "firebase/messaging";
+import { json } from "react-router-dom";
 
 const customStyles = {
   content: {
@@ -35,7 +36,9 @@ function ModalApp(props) {
   });
   const [busy, setBusy] = useState(false);
   getToken(messaging)
-    .then((token) => setToken(token))
+    .then((token) => {
+      setToken(token);
+    })
     .catch((err) => {
       console.log(err);
     });
@@ -63,29 +66,34 @@ function ModalApp(props) {
 
   function register({ auth_token, topic, token, address, action }) {
     setBusy(true);
-    const input = JSON.stringify({ address });
+    const input = { address: address };
     var requestOptions = {
       method: "POST",
       headers: {
         "Content-Type": "application/json",
-        // "mode": "cors",
-        // "Access-Control-Allow-Origin": "http://localhost:3000",
+        mode: "no-cors",
+        "Access-Control-Allow-Origin": "*",
         // "Access-Control-Allow-Methods": "GET,POST,OPTIONS,PUT,PATCH,DELETE",
         // "Access-Control-Allow-Credentials" : "true"
-
       },
-      body: {
+      body: JSON.stringify({
         address: action,
         topic: topic,
         token: token,
         input: input,
         auth_token: auth_token,
-      },
+      }),
     };
     console.log(requestOptions.body);
-    fetch(`${config.api}default/workflow-management`, requestOptions)
-      .then((response) => response.json())
+
+    console.log(requestOptions.headers);
+    fetch(`${config.api}default/workflow-management.json`, requestOptions)
+      .then((response) => {
+        console.log(response);
+        response.json();
+      })
       .then((data) => {
+        console.log(data);
         setNotification({
           visible: true,
           title: "Success",

From 5a9b2bf41f0391928acf0a3e803a036968ecd0be Mon Sep 17 00:00:00 2001
From: Shanith K K <shanith.kk@hugobyte.com>
Date: Mon, 11 Sep 2023 15:51:00 +0530
Subject: [PATCH 08/27] chore: user registration in icon frontend

---
 .../src/pages/sign_up.js                      | 42 +++++++++++++++----
 1 file changed, 34 insertions(+), 8 deletions(-)

diff --git a/examples/icon-eth-notification/src/pages/sign_up.js b/examples/icon-eth-notification/src/pages/sign_up.js
index 22027285..c402d9e7 100644
--- a/examples/icon-eth-notification/src/pages/sign_up.js
+++ b/examples/icon-eth-notification/src/pages/sign_up.js
@@ -1,30 +1,56 @@
 import React from "react";
+import config from "../config";
+
 function SignUpForm() {
   const [state, setState] = React.useState({
     name: "",
     email: "",
-    password: ""
+    password: "",
   });
-  const handleChange = evt => {
+  const handleChange = (evt) => {
     const value = evt.target.value;
     setState({
       ...state,
-      [evt.target.name]: value
+      [evt.target.name]: value,
     });
   };
 
-  const handleOnSubmit = evt => {
+  const handleOnSubmit = (evt) => {
     evt.preventDefault();
 
     const { name, email, password } = state;
-    alert(
-      `You are sign up with name: ${name} email: ${email} and password: ${password}`
-    );
+
+    var requestOptions = {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+      },
+      body: JSON.stringify({ name, email, password }),
+    };
+    console.log(requestOptions);
+    fetch(`${config.api}default/user-registration.json`, requestOptions)
+      .then((response) => response.json())
+      .then((data) => {
+        alert(
+          `You are sign up with name: ${name} email: ${email} and password: ${password}`
+        );
+      })
+      .catch((err) => {
+        console.log(err);
+        alert(`Error  ${err}`);
+      });
+
+    for (const key in state) {
+      setState({
+        ...state,
+        [key]: "",
+      });
+    }
 
     for (const key in state) {
       setState({
         ...state,
-        [key]: ""
+        [key]: "",
       });
     }
   };

From 1836770b70d3694cd48adbc547f2a872ec8ffa0f Mon Sep 17 00:00:00 2001
From: Shanith K K <shanith.kk@hugobyte.com>
Date: Tue, 12 Sep 2023 11:32:23 +0530
Subject: [PATCH 09/27] chore: update the main page for table

---
 .../icon-eth-notification/src/pages/Modal.js  |   3 +-
 .../src/pages/main_page.js                    | 129 +++++++++++-------
 .../src/pages/sign_in.js                      |  19 +--
 3 files changed, 92 insertions(+), 59 deletions(-)

diff --git a/examples/icon-eth-notification/src/pages/Modal.js b/examples/icon-eth-notification/src/pages/Modal.js
index 62256ccd..f0a9e98d 100644
--- a/examples/icon-eth-notification/src/pages/Modal.js
+++ b/examples/icon-eth-notification/src/pages/Modal.js
@@ -73,13 +73,14 @@ function ModalApp(props) {
         "Content-Type": "application/json",
         mode: "no-cors",
         "Access-Control-Allow-Origin": "*",
+        authorization: localStorage.getItem("authToken")
         // "Access-Control-Allow-Methods": "GET,POST,OPTIONS,PUT,PATCH,DELETE",
         // "Access-Control-Allow-Credentials" : "true"
       },
       body: JSON.stringify({
         address: action,
         topic: topic,
-        token: token,
+        token: localStorage.getItem("authToken"),
         input: input,
         auth_token: auth_token,
       }),
diff --git a/examples/icon-eth-notification/src/pages/main_page.js b/examples/icon-eth-notification/src/pages/main_page.js
index 55f56ee3..94d9153b 100644
--- a/examples/icon-eth-notification/src/pages/main_page.js
+++ b/examples/icon-eth-notification/src/pages/main_page.js
@@ -2,17 +2,17 @@ import React from "react";
 
 import { useLocation } from "react-router-dom";
 import { Nav, NavLink, NavMenu } from "./nav";
-import  { useState } from "react";
-import ModalApp  from "./Modal";
+import { useState } from "react";
+import ModalApp from "./Modal";
 import {
-    Menu,
-    Button,
-    Dropdown,
-    Container,
-    Icon,
-    Image,
-    Label,
-  } from 'semantic-ui-react'
+  Menu,
+  Button,
+  Dropdown,
+  Container,
+  Icon,
+  Image,
+  Label,
+} from "semantic-ui-react";
 
 function Main() {
   const location = useLocation();
@@ -20,22 +20,26 @@ function Main() {
   console.log(location.state.auth_token);
   const [auther, setAuth] = useState(location.state.auth_token);
 
+  const [activeScreen, setActiveScreen] = useState("home");
+
+  function handleChangeActiveScreen(screen) {
+    setActiveScreen(screen);
+  }
+
   const handleLogout = () => {
-        location.state.auth_token ="";
-        console.log(location.state.auth_token);
-        console.log("kaskkkf");
-        setAuth("")
+    location.state.auth_token = "";
+    console.log(location.state.auth_token);
+    console.log("kaskkkf");
+    setAuth("");
+    localStorage.clear();
   };
 
-  if (auther == ""){
+  if (auther == "") {
     console.log("please login");
-
   }
 
-
   return (
     <>
-    
       <Nav>
         <NavMenu>
           <NavLink to="/about" activeStyle>
@@ -44,11 +48,11 @@ function Main() {
           {/* <NavLink to="/model" activeStyle>
             Register
           </NavLink> */}
-          <Menu.Menu position="right" style={{ alignItems: 'center' }}>
-          {auther ? <ModalApp user_auth_token={auther}></ModalApp> : null}
-          {!auther ? (
-            <span>
-              {/* Create an account with Polkadot-JS Extension (
+          <Menu.Menu position="right" style={{ alignItems: "center" }}>
+            {auther ? <ModalApp user_auth_token={auther}></ModalApp> : null}
+            {!auther ? (
+              <span>
+                {/* Create an account with Polkadot-JS Extension (
               <a target="_blank" rel="noreferrer" href={CHROME_EXT_URL}>
                 Chrome
               </a>
@@ -57,12 +61,16 @@ function Main() {
                 Firefox
               </a>
               )&nbsp; */}
-            </span>
-          ) : null}
-        </Menu.Menu>
-        
-          <NavLink exact to={{pathname: "/",
-            }} activeStyle OnClick={handleLogout}>
+              </span>
+            ) : null}
+          </Menu.Menu>
+
+          <NavLink
+            exact
+            to={{ pathname: "/" }}
+            activeStyle
+            OnClick={handleLogout}
+          >
             Sign Out
           </NavLink>
         </NavMenu>
@@ -71,28 +79,49 @@ function Main() {
         <h1>Aurras</h1>
       </div>
 
-      <div className="one">
-        <h1></h1>
-        <p>
-            Aurras is a middleware that acts as an event processor and a low code workflow orchestration platform.
-        Aurras is being pitched as a next-generation system for enabling decentralized push notification. 
-        This middleware solution listens to events from blockchain applications and propagates them to a registered pool of MQTT brokers.
-        The broader architecture consist of parachain from which the middleware listens for the events.
-        </p>
-        <p>
-            Aurras is a middleware that acts as an event processor and a low code workflow orchestration platform.
-        Aurras is being pitched as a next-generation system for enabling decentralized push notification. 
-        This middleware solution listens to events from blockchain applications and propagates them to a registered pool of MQTT brokers.
-        The broader architecture consist of parachain from which the middleware listens for the events.
-        </p>
+      {activeScreen === "home" && (
+        <div className="one">
+          <h1></h1>
+          <p>
+            Aurras is a middleware that acts as an event processor and a low
+            code workflow orchestration platform. Aurras is being pitched as a
+            next-generation system for enabling decentralized push notification.
+            This middleware solution listens to events from blockchain
+            applications and propagates them to a registered pool of MQTT
+            brokers. The broader architecture consist of parachain from which
+            the middleware listens for the events.
+          </p>
+          <p>
+            Aurras is a middleware that acts as an event processor and a low
+            code workflow orchestration platform. Aurras is being pitched as a
+            next-generation system for enabling decentralized push notification.
+            This middleware solution listens to events from blockchain
+            applications and propagates them to a registered pool of MQTT
+            brokers. The broader architecture consist of parachain from which
+            the middleware listens for the events.
+          </p>
 
-        <p>
-            Aurras is a middleware that acts as an event processor and a low code workflow orchestration platform.
-        Aurras is being pitched as a next-generation system for enabling decentralized push notification. 
-        This middleware solution listens to events from blockchain applications and propagates them to a registered pool of MQTT brokers.
-        The broader architecture consist of parachain from which the middleware listens for the events.
-        </p>
-      </div>
+          <p>
+            Aurras is a middleware that acts as an event processor and a low
+            code workflow orchestration platform. Aurras is being pitched as a
+            next-generation system for enabling decentralized push notification.
+            This middleware solution listens to events from blockchain
+            applications and propagates them to a registered pool of MQTT
+            brokers. The broader architecture consist of parachain from which
+            the middleware listens for the events.
+          </p>
+        </div>
+      )}
+
+      {activeScreen === "table" && <table>table</table>}
+
+      <button
+        onClick={() => {
+          handleChangeActiveScreen("table");
+        }}
+      >
+        Table
+      </button>
 
       {/* <div className="two">
         <h1></h1>
diff --git a/examples/icon-eth-notification/src/pages/sign_in.js b/examples/icon-eth-notification/src/pages/sign_in.js
index b5907dc8..9e4be5bf 100644
--- a/examples/icon-eth-notification/src/pages/sign_in.js
+++ b/examples/icon-eth-notification/src/pages/sign_in.js
@@ -1,6 +1,6 @@
 import React from "react";
 import config from "../config";
-import { useNavigate } from 'react-router-dom';
+import { useNavigate } from "react-router-dom";
 
 function SignInForm() {
   const navigate = useNavigate();
@@ -37,17 +37,20 @@ function SignInForm() {
     fetch(`${config.api}default/user-login.json`, requestOptions)
       .then((response) => response.json())
       .then((data) => {
+        console.log(data);
         const asd = data;
         console.log(asd);
-        const user = asd["user_token"]
-        navigate('/main',
-        { state : {
-          auth_token : user,
-        }}
-        )
-        
+        const user = asd["user_token"];
+        localStorage.setItem("authToken", user);
+        navigate(
+          "/main"
+          // { state : {
+          //   auth_token : user,
+          // }}
+        );
       })
       .catch((err) => {
+        alert(`Error ${err}`);
         console.log(err);
       });
 

From 6a55173b4cfcba965d6948a421174a7564084031 Mon Sep 17 00:00:00 2001
From: Shanith K K <shanith.kk@hugobyte.com>
Date: Tue, 12 Sep 2023 12:03:47 +0530
Subject: [PATCH 10/27] chore:update invalid password redirection

---
 .../src/pages/main_page.js                    | 11 +++++---
 .../src/pages/sign_in.js                      | 26 +++++++++++--------
 2 files changed, 22 insertions(+), 15 deletions(-)

diff --git a/examples/icon-eth-notification/src/pages/main_page.js b/examples/icon-eth-notification/src/pages/main_page.js
index 94d9153b..0c33669d 100644
--- a/examples/icon-eth-notification/src/pages/main_page.js
+++ b/examples/icon-eth-notification/src/pages/main_page.js
@@ -13,12 +13,13 @@ import {
   Image,
   Label,
 } from "semantic-ui-react";
+import { useNavigate } from "react-router-dom";
 
 function Main() {
   const location = useLocation();
-  const user_auth_token = location.state.auth_token;
-  console.log(location.state.auth_token);
-  const [auther, setAuth] = useState(location.state.auth_token);
+  const navigate = useNavigate();
+  // const user_auth_token = location.state.auth_token;
+  const [auther, setAuth] = useState(localStorage.getItem("authToken"));
 
   const [activeScreen, setActiveScreen] = useState("home");
 
@@ -35,7 +36,9 @@ function Main() {
   };
 
   if (auther == "") {
-    console.log("please login");
+    // console.log("please login");
+    alert(" Please Login");
+    navigate("/");
   }
 
   return (
diff --git a/examples/icon-eth-notification/src/pages/sign_in.js b/examples/icon-eth-notification/src/pages/sign_in.js
index 9e4be5bf..18fdce51 100644
--- a/examples/icon-eth-notification/src/pages/sign_in.js
+++ b/examples/icon-eth-notification/src/pages/sign_in.js
@@ -37,17 +37,21 @@ function SignInForm() {
     fetch(`${config.api}default/user-login.json`, requestOptions)
       .then((response) => response.json())
       .then((data) => {
-        console.log(data);
-        const asd = data;
-        console.log(asd);
-        const user = asd["user_token"];
-        localStorage.setItem("authToken", user);
-        navigate(
-          "/main"
-          // { state : {
-          //   auth_token : user,
-          // }}
-        );
+        console.log(data["error"]);
+        if (data.error != "") {
+          alert("Invalid username or password please login again");
+          navigate("/");
+        } else {
+          const asd = data;
+          const user = asd["user_token"];
+          localStorage.setItem("authToken", user);
+          navigate(
+            "/main"
+            // { state : {
+            //   auth_token : user,
+            // }}
+          );
+        }
       })
       .catch((err) => {
         alert(`Error ${err}`);

From 96f7aed36a6a5d7734bdba8c6e989063ad58071c Mon Sep 17 00:00:00 2001
From: Shanith K K <shanith.kk@hugobyte.com>
Date: Tue, 12 Sep 2023 12:12:00 +0530
Subject: [PATCH 11/27] fix: redirect issue in icon frontend signin page

---
 examples/icon-eth-notification/src/pages/sign_in.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/examples/icon-eth-notification/src/pages/sign_in.js b/examples/icon-eth-notification/src/pages/sign_in.js
index 18fdce51..0647b517 100644
--- a/examples/icon-eth-notification/src/pages/sign_in.js
+++ b/examples/icon-eth-notification/src/pages/sign_in.js
@@ -38,7 +38,7 @@ function SignInForm() {
       .then((response) => response.json())
       .then((data) => {
         console.log(data["error"]);
-        if (data.error != "") {
+        if (data.error != undefined) {
           alert("Invalid username or password please login again");
           navigate("/");
         } else {

From 7ab90f689bfc26f670b6d92bac6217b8ec469508 Mon Sep 17 00:00:00 2001
From: Shanith K K <shanith.kk@hugobyte.com>
Date: Tue, 12 Sep 2023 12:24:44 +0530
Subject: [PATCH 12/27] chore: removed table button from main page in icon
 frontend

---
 examples/icon-eth-notification/src/pages/Modal.js     | 2 +-
 examples/icon-eth-notification/src/pages/main_page.js | 5 ++---
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/examples/icon-eth-notification/src/pages/Modal.js b/examples/icon-eth-notification/src/pages/Modal.js
index f0a9e98d..7a4e9282 100644
--- a/examples/icon-eth-notification/src/pages/Modal.js
+++ b/examples/icon-eth-notification/src/pages/Modal.js
@@ -174,7 +174,7 @@ function ModalApp(props) {
           <div className="ui input focus">
             <input
               type="text"
-              placeholder="Address in BTP format"
+              placeholder="Address in BTP format <btp://<network>/<contract address>>"
               value={address}
               onChange={(event) => SetAddress(event.target.value)}
             />
diff --git a/examples/icon-eth-notification/src/pages/main_page.js b/examples/icon-eth-notification/src/pages/main_page.js
index 0c33669d..a16e2958 100644
--- a/examples/icon-eth-notification/src/pages/main_page.js
+++ b/examples/icon-eth-notification/src/pages/main_page.js
@@ -116,15 +116,14 @@ function Main() {
         </div>
       )}
 
-      {activeScreen === "table" && <table>table</table>}
-
+      {/* {activeScreen === "table" && <table>table</table>}
       <button
         onClick={() => {
           handleChangeActiveScreen("table");
         }}
       >
         Table
-      </button>
+      </button> */}
 
       {/* <div className="two">
         <h1></h1>

From 1ba65ad3c57dcb5035b6cb773aac72935017ab87 Mon Sep 17 00:00:00 2001
From: Shanith K K <shanith.kk@hugobyte.com>
Date: Wed, 13 Sep 2023 13:17:19 +0530
Subject: [PATCH 13/27] chore: update token issue on register

---
 .../src/config/firebase.js                    | 20 +++++++++----------
 .../icon-eth-notification/src/pages/Modal.js  |  7 +++----
 2 files changed, 13 insertions(+), 14 deletions(-)

diff --git a/examples/icon-eth-notification/src/config/firebase.js b/examples/icon-eth-notification/src/config/firebase.js
index bd141f39..1047c09b 100644
--- a/examples/icon-eth-notification/src/config/firebase.js
+++ b/examples/icon-eth-notification/src/config/firebase.js
@@ -1,13 +1,13 @@
-import { initializeApp } from "firebase/app"
+import { initializeApp } from "firebase/app";
 
 export const config = {
-    apiKey: "AIzaSyBFKOWwoGtoPXye_S_tWQHVtOzA_mf874o",
-    authDomain: "aurras.firebaseapp.com",
-    projectId: "aurras",
-    storageBucket: "aurras.appspot.com",
-    messagingSenderId: "513296427653",
-    appId: "1:513296427653:web:b753ed51e3f52588e7d7ec",
-    measurementId: "G-555C15PTHS"
-}
+    apiKey: "AIzaSyBQ6bxRG-BHLIF9W-20Imad4VnMvWEQdPE",
+    authDomain: "aurras-15d80.firebaseapp.com",
+    projectId: "aurras-15d80",
+    storageBucket: "aurras-15d80.appspot.com",
+    messagingSenderId: "625844804761",
+    appId: "1:625844804761:web:b5c14238120c1873796c08",
+    measurementId: "G-1QJ2WE25BE",
+};
 
-export default initializeApp(config);
\ No newline at end of file
+export default initializeApp(config);
diff --git a/examples/icon-eth-notification/src/pages/Modal.js b/examples/icon-eth-notification/src/pages/Modal.js
index 7a4e9282..1d22a52e 100644
--- a/examples/icon-eth-notification/src/pages/Modal.js
+++ b/examples/icon-eth-notification/src/pages/Modal.js
@@ -64,7 +64,7 @@ function ModalApp(props) {
     setIsOpen(false);
   }
 
-  function register({ auth_token, topic, token, address, action }) {
+  function register({ topic, token, address, action }) {
     setBusy(true);
     const input = { address: address };
     var requestOptions = {
@@ -80,9 +80,9 @@ function ModalApp(props) {
       body: JSON.stringify({
         address: action,
         topic: topic,
-        token: localStorage.getItem("authToken"),
+        token: token,
         input: input,
-        auth_token: auth_token,
+        auth_token: localStorage.getItem("authToken"),
       }),
     };
     console.log(requestOptions.body);
@@ -191,7 +191,6 @@ function ModalApp(props) {
             <button
               onClick={() =>
                 register({
-                  auth_token: user_auth,
                   topic: selected,
                   token,
                   address: address,

From c1ef56796f7014283b95af4b326d3a1be08c1b69 Mon Sep 17 00:00:00 2001
From: Shanith K K <shanith.kk@hugobyte.com>
Date: Wed, 13 Sep 2023 16:54:23 +0530
Subject: [PATCH 14/27] chore: update home button

---
 examples/icon-eth-notification/src/pages/main_page.js | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/examples/icon-eth-notification/src/pages/main_page.js b/examples/icon-eth-notification/src/pages/main_page.js
index a16e2958..0a5ffa52 100644
--- a/examples/icon-eth-notification/src/pages/main_page.js
+++ b/examples/icon-eth-notification/src/pages/main_page.js
@@ -35,6 +35,9 @@ function Main() {
     localStorage.clear();
   };
 
+  const handleAbout = () => {
+    activeScreen === "home"
+  };
   if (auther == "") {
     // console.log("please login");
     alert(" Please Login");
@@ -45,8 +48,8 @@ function Main() {
     <>
       <Nav>
         <NavMenu>
-          <NavLink to="/about" activeStyle>
-            About
+          <NavLink to="/main" activeStyle OnClick={handleAbout}>
+            Home
           </NavLink>
           {/* <NavLink to="/model" activeStyle>
             Register

From eb9db1feed571edcda149c93122371fa12388bd5 Mon Sep 17 00:00:00 2001
From: Shanith K K <shanith.kk@hugobyte.com>
Date: Thu, 14 Sep 2023 00:58:21 +0530
Subject: [PATCH 15/27] fix: fix notification issue in icon eth notification
 example

the notification data is not visible when an notification pop up
---
 examples/icon-eth-notification/src/index.js | 21 +++++++++++
 examples/icon-eth-notification/src/sw.js    | 39 +++++++++++++++++++++
 2 files changed, 60 insertions(+)
 create mode 100644 examples/icon-eth-notification/src/sw.js

diff --git a/examples/icon-eth-notification/src/index.js b/examples/icon-eth-notification/src/index.js
index ad818b83..c255b5bd 100644
--- a/examples/icon-eth-notification/src/index.js
+++ b/examples/icon-eth-notification/src/index.js
@@ -10,3 +10,24 @@ ReactDOM.render(
   </React.StrictMode>,
   rootElement
 );
+
+if ("Notification" in window) {
+  Notification.requestPermission().then((permission) => {
+    if (permission === "denied") {
+      console.error("permission denied");
+    }
+  });
+}
+
+if ("serviceWorker" in navigator) {
+  window.addEventListener("load", () => {
+    navigator.serviceWorker
+      .register(`${process.env.PUBLIC_URL}/firebase-messaging-sw.js`)
+      .then((registration) => {
+        console.log("SW registered: ", registration);
+      })
+      .catch((registrationError) => {
+        console.log("SW registration failed: ", registrationError);
+      });
+  });
+}
diff --git a/examples/icon-eth-notification/src/sw.js b/examples/icon-eth-notification/src/sw.js
new file mode 100644
index 00000000..08a30a79
--- /dev/null
+++ b/examples/icon-eth-notification/src/sw.js
@@ -0,0 +1,39 @@
+import { initializeApp } from "firebase/app";
+import { getMessaging, onBackgroundMessage } from "firebase/messaging/sw";
+
+const ignored = self.__WB_MANIFEST;
+
+const app = initializeApp({
+  apiKey: "AIzaSyBQ6bxRG-BHLIF9W-20Imad4VnMvWEQdPE",
+  authDomain: "aurras-15d80.firebaseapp.com",
+  projectId: "aurras-15d80",
+  storageBucket: "aurras-15d80.appspot.com",
+  messagingSenderId: "625844804761",
+  appId: "1:625844804761:web:b5c14238120c1873796c08",
+  measurementId: "G-1QJ2WE25BE",
+});
+
+const messaging = getMessaging(app);
+
+onBackgroundMessage(messaging, (payload) => {
+  const { title, body, ...restPayload } = payload.notification;
+  console.log(payload.data);
+  console.log(payload.notification);
+
+  const notificationOptions = {
+    body,
+    icon: "/icons/firebase-logo.png",
+    data: restPayload,
+  };
+
+  return self.registration.showNotification(title, notificationOptions);
+});
+
+self.addEventListener("push", (event) => {
+  if (event.notification.data && event.notification.data.click_action) {
+    self.clients.openWindow(event.notification.data.click_action);
+  } else {
+    self.clients.openWindow(event.currentTarget.origin);
+  }
+  event.notification.close();
+});

From 820131675a75710f05d5bc9ddf72fa97d691e113 Mon Sep 17 00:00:00 2001
From: Shanith K K <shanith.kk@hugobyte.com>
Date: Fri, 15 Sep 2023 12:20:33 +0530
Subject: [PATCH 16/27] chore: update main page

---
 .../src/pages/main_page.js                    | 32 +++++++++----------
 examples/icon-eth-notification/src/styles.css |  8 ++++-
 2 files changed, 22 insertions(+), 18 deletions(-)

diff --git a/examples/icon-eth-notification/src/pages/main_page.js b/examples/icon-eth-notification/src/pages/main_page.js
index 0a5ffa52..ccbaf3e7 100644
--- a/examples/icon-eth-notification/src/pages/main_page.js
+++ b/examples/icon-eth-notification/src/pages/main_page.js
@@ -88,7 +88,7 @@ function Main() {
       {activeScreen === "home" && (
         <div className="one">
           <h1></h1>
-          <p>
+          <p className="para">
             Aurras is a middleware that acts as an event processor and a low
             code workflow orchestration platform. Aurras is being pitched as a
             next-generation system for enabling decentralized push notification.
@@ -97,24 +97,22 @@ function Main() {
             brokers. The broader architecture consist of parachain from which
             the middleware listens for the events.
           </p>
-          <p>
-            Aurras is a middleware that acts as an event processor and a low
-            code workflow orchestration platform. Aurras is being pitched as a
-            next-generation system for enabling decentralized push notification.
-            This middleware solution listens to events from blockchain
-            applications and propagates them to a registered pool of MQTT
-            brokers. The broader architecture consist of parachain from which
-            the middleware listens for the events.
+          <p className="para">
+            Aurras present you an application for icon-eth notification system that will help the developers and users 
+            to notify one message is recieved on the other end chain. for do so you need to register with your DAPP
+            address. the system will register your dapp and along with the device token. once an event emitted from the 
+            xcall, aurras event feed will catch and give to the aurras system. aurras system will filter and parse the event
+            and it will check for any register user and sent the notification
           </p>
 
-          <p>
-            Aurras is a middleware that acts as an event processor and a low
-            code workflow orchestration platform. Aurras is being pitched as a
-            next-generation system for enabling decentralized push notification.
-            This middleware solution listens to events from blockchain
-            applications and propagates them to a registered pool of MQTT
-            brokers. The broader architecture consist of parachain from which
-            the middleware listens for the events.
+          <p className="para">
+            Future scope of this system is the automating the execute call, personalizing the notification for specid dapp and also 
+            for the user.
+          </p>
+
+          <p className="para">
+            while registering for the notification, you should provide the DAPP address in btp format 
+            for example <b>btp://0x3.icon/cxabsabcababcbacbabcbabcabacbacb  </b>
           </p>
         </div>
       )}
diff --git a/examples/icon-eth-notification/src/styles.css b/examples/icon-eth-notification/src/styles.css
index c33662eb..090c8395 100644
--- a/examples/icon-eth-notification/src/styles.css
+++ b/examples/icon-eth-notification/src/styles.css
@@ -293,8 +293,14 @@ footer a {
     /* float: left; */
 }
 
-p{
+.para{
   /* width: 50%; */
+
+  font-size: 14px;
+  font-weight: 100;
+  line-height: 20px;
+  letter-spacing: 0.5px;
+  margin: 20px 0 30px;
   justify-content: center;
   align-items: center;
   flex-direction: column;

From 63cd7779c0b4c6dd116a7cb84f3b9e4f3450d75a Mon Sep 17 00:00:00 2001
From: Shanith K K <shanith.kk@hugobyte.com>
Date: Fri, 15 Sep 2023 12:36:45 +0530
Subject: [PATCH 17/27] chore: firebase worker script

---
 .../icon-eth-notification/config-overrides.js | 22 +++++++++++++++++++
 1 file changed, 22 insertions(+)
 create mode 100644 examples/icon-eth-notification/config-overrides.js

diff --git a/examples/icon-eth-notification/config-overrides.js b/examples/icon-eth-notification/config-overrides.js
new file mode 100644
index 00000000..2d9dc774
--- /dev/null
+++ b/examples/icon-eth-notification/config-overrides.js
@@ -0,0 +1,22 @@
+const WorkboxWebpackPlugin = require('workbox-webpack-plugin')
+const path = require('path');
+module.exports = function override(webpackConfig) {
+  webpackConfig.module.rules.push({
+    test: /\.mjs$/,
+    include: /node_modules/,
+    type: "javascript/auto"
+  });
+  webpackConfig.plugins.push(new WorkboxWebpackPlugin.InjectManifest({
+    swSrc: path.join(process.cwd(), '/src/sw.js'),
+    swDest: 'firebase-messaging-sw.js',
+    exclude: [
+      /\.map$/,
+      /manifest$/,
+      /\.htaccess$/,
+      /firebase-messaging-sw\.js$/,
+      /sw\.js$/,
+    ]
+  }));
+
+  return webpackConfig;
+}
\ No newline at end of file

From 2524f5f9212b06743569c86fca42959c252cd1a6 Mon Sep 17 00:00:00 2001
From: Shanith K K <shanith.kk@hugobyte.com>
Date: Sat, 16 Sep 2023 20:17:19 +0530
Subject: [PATCH 18/27] fix: notification issue

---
 .../icon-eth-notification/config-overrides.js |  22 ----------
 .../icon-eth-notification/public/favicon.ico  | Bin 0 -> 3870 bytes
 .../public/firebase-messaging-sw.js           |  39 ++++++++++++++----
 .../icon-eth-notification/public/logo192.png  | Bin 0 -> 5347 bytes
 .../icon-eth-notification/public/logo512.png  | Bin 0 -> 9664 bytes
 .../public/manifest.json                      |  25 +++++++++++
 .../icon-eth-notification/public/robots.txt   |   3 ++
 examples/icon-eth-notification/src/App.js     |   5 +--
 .../icon-eth-notification/src/pages/Modal.js  |  11 +++--
 examples/icon-eth-notification/src/sw.js      |  39 ------------------
 10 files changed, 68 insertions(+), 76 deletions(-)
 delete mode 100644 examples/icon-eth-notification/config-overrides.js
 create mode 100644 examples/icon-eth-notification/public/favicon.ico
 create mode 100644 examples/icon-eth-notification/public/logo192.png
 create mode 100644 examples/icon-eth-notification/public/logo512.png
 create mode 100644 examples/icon-eth-notification/public/manifest.json
 create mode 100644 examples/icon-eth-notification/public/robots.txt
 delete mode 100644 examples/icon-eth-notification/src/sw.js

diff --git a/examples/icon-eth-notification/config-overrides.js b/examples/icon-eth-notification/config-overrides.js
deleted file mode 100644
index 2d9dc774..00000000
--- a/examples/icon-eth-notification/config-overrides.js
+++ /dev/null
@@ -1,22 +0,0 @@
-const WorkboxWebpackPlugin = require('workbox-webpack-plugin')
-const path = require('path');
-module.exports = function override(webpackConfig) {
-  webpackConfig.module.rules.push({
-    test: /\.mjs$/,
-    include: /node_modules/,
-    type: "javascript/auto"
-  });
-  webpackConfig.plugins.push(new WorkboxWebpackPlugin.InjectManifest({
-    swSrc: path.join(process.cwd(), '/src/sw.js'),
-    swDest: 'firebase-messaging-sw.js',
-    exclude: [
-      /\.map$/,
-      /manifest$/,
-      /\.htaccess$/,
-      /firebase-messaging-sw\.js$/,
-      /sw\.js$/,
-    ]
-  }));
-
-  return webpackConfig;
-}
\ No newline at end of file
diff --git a/examples/icon-eth-notification/public/favicon.ico b/examples/icon-eth-notification/public/favicon.ico
new file mode 100644
index 0000000000000000000000000000000000000000..a11777cc471a4344702741ab1c8a588998b1311a
GIT binary patch
literal 3870
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
baj7?x%VD!5Cxk2YbYLNVeiXvvpMCWYo=by@

literal 0
HcmV?d00001

diff --git a/examples/icon-eth-notification/public/firebase-messaging-sw.js b/examples/icon-eth-notification/public/firebase-messaging-sw.js
index e65f054c..38e20484 100644
--- a/examples/icon-eth-notification/public/firebase-messaging-sw.js
+++ b/examples/icon-eth-notification/public/firebase-messaging-sw.js
@@ -1,8 +1,31 @@
-if ('serviceWorker' in navigator) {
-  navigator.serviceWorker.register('../firebase-messaging-sw.js')
-  .then(function(registration) {
-    console.log('Registration successful, scope is:', registration.scope);
-  }).catch(function(err) {
-    console.log('Service worker registration failed, error:', err);
-  });
-}
\ No newline at end of file
+importScripts("https://www.gstatic.com/firebasejs/8.10.0/firebase-app.js");
+importScripts(
+  "https://www.gstatic.com/firebasejs/8.10.0/firebase-messaging.js"
+);
+
+const firebaseConfig = {
+    apiKey: "AIzaSyBQ6bxRG-BHLIF9W-20Imad4VnMvWEQdPE",
+    authDomain: "aurras-15d80.firebaseapp.com",
+    projectId: "aurras-15d80",
+    storageBucket: "aurras-15d80.appspot.com",
+    messagingSenderId: "625844804761",
+    appId: "1:625844804761:web:b5c14238120c1873796c08",
+    measurementId: "G-1QJ2WE25BE",};
+
+firebase.initializeApp(firebaseConfig);
+const messaging = firebase.messaging();
+
+messaging.onBackgroundMessage((payload) => {
+  console.log(
+    "[firebase-messaging-sw.js] Received background message ",
+    payload
+  );
+  const notificationTitle = payload.notification.title;
+  const notificationOptions = {
+    body: payload.notification.body,
+    icon: icon || '/icons/firebase-logo.png',
+    data: restPayload,
+  };
+
+  self.registration.showNotification(notificationTitle, notificationOptions);
+});
diff --git a/examples/icon-eth-notification/public/logo192.png b/examples/icon-eth-notification/public/logo192.png
new file mode 100644
index 0000000000000000000000000000000000000000..fc44b0a3796c0e0a64c3d858ca038bd4570465d9
GIT binary patch
literal 5347
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
X@eDJUQo;Ye2mwlRs<JiGX2Jghdw)}T

literal 0
HcmV?d00001

diff --git a/examples/icon-eth-notification/public/logo512.png b/examples/icon-eth-notification/public/logo512.png
new file mode 100644
index 0000000000000000000000000000000000000000..a4e47a6545bc15971f8f63fba70e4013df88a664
GIT binary patch
literal 9664
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
b{|{}U^kRn2wo}j7|0ATu<;8xA7zX}7|B6mN

literal 0
HcmV?d00001

diff --git a/examples/icon-eth-notification/public/manifest.json b/examples/icon-eth-notification/public/manifest.json
new file mode 100644
index 00000000..080d6c77
--- /dev/null
+++ b/examples/icon-eth-notification/public/manifest.json
@@ -0,0 +1,25 @@
+{
+  "short_name": "React App",
+  "name": "Create React App Sample",
+  "icons": [
+    {
+      "src": "favicon.ico",
+      "sizes": "64x64 32x32 24x24 16x16",
+      "type": "image/x-icon"
+    },
+    {
+      "src": "logo192.png",
+      "type": "image/png",
+      "sizes": "192x192"
+    },
+    {
+      "src": "logo512.png",
+      "type": "image/png",
+      "sizes": "512x512"
+    }
+  ],
+  "start_url": ".",
+  "display": "standalone",
+  "theme_color": "#000000",
+  "background_color": "#ffffff"
+}
diff --git a/examples/icon-eth-notification/public/robots.txt b/examples/icon-eth-notification/public/robots.txt
new file mode 100644
index 00000000..e9e57dc4
--- /dev/null
+++ b/examples/icon-eth-notification/public/robots.txt
@@ -0,0 +1,3 @@
+# https://www.robotstxt.org/robotstxt.html
+User-agent: *
+Disallow:
diff --git a/examples/icon-eth-notification/src/App.js b/examples/icon-eth-notification/src/App.js
index 9b1a455a..f0386563 100644
--- a/examples/icon-eth-notification/src/App.js
+++ b/examples/icon-eth-notification/src/App.js
@@ -1,6 +1,5 @@
 import React, { useState } from "react";
 import "./styles.css";
-import "./pages/test.css"
 import {
   BrowserRouter as Router,
   Route,
@@ -17,8 +16,8 @@ export default function App() {
     <Router>
       <Routes>
         <Route exact path="/" element={<Home />} />
-        <Route path='/main' element={<Main />} />
-        <Route path='/model' element={<ModalApp />} />
+        <Route path="/main" element={<Main />} />
+        <Route path="/model" element={<ModalApp />} />
       </Routes>
     </Router>
   );
diff --git a/examples/icon-eth-notification/src/pages/Modal.js b/examples/icon-eth-notification/src/pages/Modal.js
index 1d22a52e..d04c3f98 100644
--- a/examples/icon-eth-notification/src/pages/Modal.js
+++ b/examples/icon-eth-notification/src/pages/Modal.js
@@ -1,9 +1,8 @@
 import React, { useState } from "react";
 import Modal from "react-modal";
 import config from "../config";
-import { getMessaging } from "firebase/messaging/sw";
+import { getMessaging } from "firebase/messaging";
 import { getToken } from "firebase/messaging";
-import { json } from "react-router-dom";
 
 const customStyles = {
   content: {
@@ -35,7 +34,11 @@ function ModalApp(props) {
     variant: "",
   });
   const [busy, setBusy] = useState(false);
-  getToken(messaging)
+
+  getToken(messaging, {
+    vapidKey:
+      "BDMgMV3-YUMUohnjYtx4i878p1Vlkl9cV-xpf0evThEhASiVgBhw9kE_1VYB7qPA_2qHL4YyPyOeDimPs15lGHU",
+  })
     .then((token) => {
       setToken(token);
     })
@@ -73,7 +76,7 @@ function ModalApp(props) {
         "Content-Type": "application/json",
         mode: "no-cors",
         "Access-Control-Allow-Origin": "*",
-        authorization: localStorage.getItem("authToken")
+        authorization: localStorage.getItem("authToken"),
         // "Access-Control-Allow-Methods": "GET,POST,OPTIONS,PUT,PATCH,DELETE",
         // "Access-Control-Allow-Credentials" : "true"
       },
diff --git a/examples/icon-eth-notification/src/sw.js b/examples/icon-eth-notification/src/sw.js
deleted file mode 100644
index 08a30a79..00000000
--- a/examples/icon-eth-notification/src/sw.js
+++ /dev/null
@@ -1,39 +0,0 @@
-import { initializeApp } from "firebase/app";
-import { getMessaging, onBackgroundMessage } from "firebase/messaging/sw";
-
-const ignored = self.__WB_MANIFEST;
-
-const app = initializeApp({
-  apiKey: "AIzaSyBQ6bxRG-BHLIF9W-20Imad4VnMvWEQdPE",
-  authDomain: "aurras-15d80.firebaseapp.com",
-  projectId: "aurras-15d80",
-  storageBucket: "aurras-15d80.appspot.com",
-  messagingSenderId: "625844804761",
-  appId: "1:625844804761:web:b5c14238120c1873796c08",
-  measurementId: "G-1QJ2WE25BE",
-});
-
-const messaging = getMessaging(app);
-
-onBackgroundMessage(messaging, (payload) => {
-  const { title, body, ...restPayload } = payload.notification;
-  console.log(payload.data);
-  console.log(payload.notification);
-
-  const notificationOptions = {
-    body,
-    icon: "/icons/firebase-logo.png",
-    data: restPayload,
-  };
-
-  return self.registration.showNotification(title, notificationOptions);
-});
-
-self.addEventListener("push", (event) => {
-  if (event.notification.data && event.notification.data.click_action) {
-    self.clients.openWindow(event.notification.data.click_action);
-  } else {
-    self.clients.openWindow(event.currentTarget.origin);
-  }
-  event.notification.close();
-});

From 8dcab120ae99f7d8fc0e4d469c3ce25282073e6e Mon Sep 17 00:00:00 2001
From: Shanith K K <shanith.kk@hugobyte.com>
Date: Sat, 16 Sep 2023 21:35:39 +0530
Subject: [PATCH 19/27] refactor: file foramt

---
 examples/icon-eth-notification/src/App.js                     | 2 +-
 .../src/pages/{main_page.js => MainPage.js}                   | 2 +-
 .../icon-eth-notification/src/pages/{nav.js => Navigate.js}   | 0
 .../icon-eth-notification/src/pages/{sign_in.js => SignIn.js} | 0
 .../icon-eth-notification/src/pages/{sign_up.js => SignUp.js} | 0
 examples/icon-eth-notification/src/pages/index.js             | 4 ++--
 examples/icon-eth-notification/src/pages/test.css             | 0
 7 files changed, 4 insertions(+), 4 deletions(-)
 rename examples/icon-eth-notification/src/pages/{main_page.js => MainPage.js} (98%)
 rename examples/icon-eth-notification/src/pages/{nav.js => Navigate.js} (100%)
 rename examples/icon-eth-notification/src/pages/{sign_in.js => SignIn.js} (100%)
 rename examples/icon-eth-notification/src/pages/{sign_up.js => SignUp.js} (100%)
 delete mode 100644 examples/icon-eth-notification/src/pages/test.css

diff --git a/examples/icon-eth-notification/src/App.js b/examples/icon-eth-notification/src/App.js
index f0386563..5f2ead6b 100644
--- a/examples/icon-eth-notification/src/App.js
+++ b/examples/icon-eth-notification/src/App.js
@@ -8,7 +8,7 @@ import {
   Link,
 } from "react-router-dom";
 import Home from "./pages";
-import Main from "./pages/main_page";
+import Main from "./pages/MainPage";
 import ModalApp from "./pages/Modal";
 
 export default function App() {
diff --git a/examples/icon-eth-notification/src/pages/main_page.js b/examples/icon-eth-notification/src/pages/MainPage.js
similarity index 98%
rename from examples/icon-eth-notification/src/pages/main_page.js
rename to examples/icon-eth-notification/src/pages/MainPage.js
index ccbaf3e7..23945dbc 100644
--- a/examples/icon-eth-notification/src/pages/main_page.js
+++ b/examples/icon-eth-notification/src/pages/MainPage.js
@@ -1,7 +1,7 @@
 import React from "react";
 
 import { useLocation } from "react-router-dom";
-import { Nav, NavLink, NavMenu } from "./nav";
+import { Nav, NavLink, NavMenu } from "./Navigate";
 import { useState } from "react";
 import ModalApp from "./Modal";
 import {
diff --git a/examples/icon-eth-notification/src/pages/nav.js b/examples/icon-eth-notification/src/pages/Navigate.js
similarity index 100%
rename from examples/icon-eth-notification/src/pages/nav.js
rename to examples/icon-eth-notification/src/pages/Navigate.js
diff --git a/examples/icon-eth-notification/src/pages/sign_in.js b/examples/icon-eth-notification/src/pages/SignIn.js
similarity index 100%
rename from examples/icon-eth-notification/src/pages/sign_in.js
rename to examples/icon-eth-notification/src/pages/SignIn.js
diff --git a/examples/icon-eth-notification/src/pages/sign_up.js b/examples/icon-eth-notification/src/pages/SignUp.js
similarity index 100%
rename from examples/icon-eth-notification/src/pages/sign_up.js
rename to examples/icon-eth-notification/src/pages/SignUp.js
diff --git a/examples/icon-eth-notification/src/pages/index.js b/examples/icon-eth-notification/src/pages/index.js
index 70a93382..c20b7b76 100644
--- a/examples/icon-eth-notification/src/pages/index.js
+++ b/examples/icon-eth-notification/src/pages/index.js
@@ -1,8 +1,8 @@
 
 import React, { useState } from "react";
 import "../styles.css";
-import SignInForm from "./sign_in";
-import SignUpForm from "./sign_up";
+import SignInForm from "./SignIn";
+import SignUpForm from "./SignUp";
 
 function Home(){
 
diff --git a/examples/icon-eth-notification/src/pages/test.css b/examples/icon-eth-notification/src/pages/test.css
deleted file mode 100644
index e69de29b..00000000

From b9c5abf190b1f7878bc99ed0a3697c29d5cadc50 Mon Sep 17 00:00:00 2001
From: Shanith K K <shanith.kk@hugobyte.com>
Date: Sat, 16 Sep 2023 21:48:25 +0530
Subject: [PATCH 20/27] refactor: remove unwanted comments

---
 examples/icon-eth-notification/src/App.js     |  2 -
 .../src/pages/MainPage.js                     | 51 ++++++-------------
 .../icon-eth-notification/src/pages/Modal.js  | 11 ----
 .../src/pages/Navigate.js                     | 10 ++--
 .../icon-eth-notification/src/pages/SignIn.js | 21 +-------
 .../icon-eth-notification/src/pages/SignUp.js | 12 -----
 .../icon-eth-notification/src/pages/index.js  | 28 ++--------
 examples/icon-eth-notification/src/styles.css |  6 ---
 8 files changed, 26 insertions(+), 115 deletions(-)

diff --git a/examples/icon-eth-notification/src/App.js b/examples/icon-eth-notification/src/App.js
index 5f2ead6b..1ef5cb58 100644
--- a/examples/icon-eth-notification/src/App.js
+++ b/examples/icon-eth-notification/src/App.js
@@ -4,8 +4,6 @@ import {
   BrowserRouter as Router,
   Route,
   Routes,
-  IndexRoute,
-  Link,
 } from "react-router-dom";
 import Home from "./pages";
 import Main from "./pages/MainPage";
diff --git a/examples/icon-eth-notification/src/pages/MainPage.js b/examples/icon-eth-notification/src/pages/MainPage.js
index 23945dbc..4830a551 100644
--- a/examples/icon-eth-notification/src/pages/MainPage.js
+++ b/examples/icon-eth-notification/src/pages/MainPage.js
@@ -36,10 +36,9 @@ function Main() {
   };
 
   const handleAbout = () => {
-    activeScreen === "home"
+    activeScreen === "home";
   };
   if (auther == "") {
-    // console.log("please login");
     alert(" Please Login");
     navigate("/");
   }
@@ -51,22 +50,10 @@ function Main() {
           <NavLink to="/main" activeStyle OnClick={handleAbout}>
             Home
           </NavLink>
-          {/* <NavLink to="/model" activeStyle>
-            Register
-          </NavLink> */}
           <Menu.Menu position="right" style={{ alignItems: "center" }}>
             {auther ? <ModalApp user_auth_token={auther}></ModalApp> : null}
             {!auther ? (
               <span>
-                {/* Create an account with Polkadot-JS Extension (
-              <a target="_blank" rel="noreferrer" href={CHROME_EXT_URL}>
-                Chrome
-              </a>
-              ,&nbsp;
-              <a target="_blank" rel="noreferrer" href={FIREFOX_ADDON_URL}>
-                Firefox
-              </a>
-              )&nbsp; */}
               </span>
             ) : null}
           </Menu.Menu>
@@ -98,38 +85,30 @@ function Main() {
             the middleware listens for the events.
           </p>
           <p className="para">
-            Aurras present you an application for icon-eth notification system that will help the developers and users 
-            to notify one message is recieved on the other end chain. for do so you need to register with your DAPP
-            address. the system will register your dapp and along with the device token. once an event emitted from the 
-            xcall, aurras event feed will catch and give to the aurras system. aurras system will filter and parse the event
-            and it will check for any register user and sent the notification
+            Aurras present you an application for icon-eth notification system
+            that will help the developers and users to notify one message is
+            recieved on the other end chain. for do so you need to register with
+            your DAPP address. the system will register your dapp and along with
+            the device token. once an event emitted from the xcall, aurras event
+            feed will catch and give to the aurras system. aurras system will
+            filter and parse the event and it will check for any register user
+            and sent the notification
           </p>
 
           <p className="para">
-            Future scope of this system is the automating the execute call, personalizing the notification for specid dapp and also 
-            for the user.
+            Future scope of this system is the automating the execute call,
+            personalizing the notification for specid dapp and also for the
+            user.
           </p>
 
           <p className="para">
-            while registering for the notification, you should provide the DAPP address in btp format 
-            for example <b>btp://0x3.icon/cxabsabcababcbacbabcbabcabacbacb  </b>
+            while registering for the notification, you should provide the DAPP
+            address in btp format for example{" "}
+            <b>btp://0x3.icon/cxabsabcababcbacbabcbabcabacbacb </b>
           </p>
         </div>
       )}
 
-      {/* {activeScreen === "table" && <table>table</table>}
-      <button
-        onClick={() => {
-          handleChangeActiveScreen("table");
-        }}
-      >
-        Table
-      </button> */}
-
-      {/* <div className="two">
-        <h1></h1>
-      </div> */}
-
       <div className="three">
         <h1></h1>
         <p>Thanks to hugobyte</p>
diff --git a/examples/icon-eth-notification/src/pages/Modal.js b/examples/icon-eth-notification/src/pages/Modal.js
index d04c3f98..67cfd93e 100644
--- a/examples/icon-eth-notification/src/pages/Modal.js
+++ b/examples/icon-eth-notification/src/pages/Modal.js
@@ -77,8 +77,6 @@ function ModalApp(props) {
         mode: "no-cors",
         "Access-Control-Allow-Origin": "*",
         authorization: localStorage.getItem("authToken"),
-        // "Access-Control-Allow-Methods": "GET,POST,OPTIONS,PUT,PATCH,DELETE",
-        // "Access-Control-Allow-Credentials" : "true"
       },
       body: JSON.stringify({
         address: action,
@@ -137,15 +135,6 @@ function ModalApp(props) {
         style={customStyles}
         contentLabel="Register Icon Notification"
       >
-        {/* <div className="ui grid">
-                    <div className="ten column row">
-                        <div className="right floated column">
-                            <button className="circular ui icon button" onClick={closeModal}>
-                                <i className="icon close"></i>
-                            </button>
-                        </div>
-                    </div>
-                </div> */}
         {notification.visible && (
           <div className={"ui message ".concat(notification.variant)}>
             <i className="close icon"></i>
diff --git a/examples/icon-eth-notification/src/pages/Navigate.js b/examples/icon-eth-notification/src/pages/Navigate.js
index d7d3303d..018ad562 100644
--- a/examples/icon-eth-notification/src/pages/Navigate.js
+++ b/examples/icon-eth-notification/src/pages/Navigate.js
@@ -1,7 +1,7 @@
 import { FaBars } from "react-icons/fa";
 import { NavLink as Link } from "react-router-dom";
 import styled from "styled-components";
- 
+
 export const Nav = styled.nav`
   background: #ffffff;
   height: 85px;
@@ -10,7 +10,7 @@ export const Nav = styled.nav`
   padding: 0.2rem calc((100vw - 1000px) / 2);
   z-index: 12;
 `;
- 
+
 export const NavLink = styled(Link)`
   color: #808080;
   display: flex;
@@ -23,7 +23,7 @@ export const NavLink = styled(Link)`
     color: #4d4dff;
   }
 `;
- 
+
 export const Bars = styled(FaBars)`
   display: none;
   color: #808080;
@@ -37,7 +37,7 @@ export const Bars = styled(FaBars)`
     cursor: pointer;
   }
 `;
- 
+
 export const NavMenu = styled.div`
   display: flex;
   align-items: center;
@@ -50,4 +50,4 @@ white-space: nowrap; */
   @media screen and (max-width: 768px) {
     display: none;
   }
-`;
\ No newline at end of file
+`;
diff --git a/examples/icon-eth-notification/src/pages/SignIn.js b/examples/icon-eth-notification/src/pages/SignIn.js
index 0647b517..75c8b594 100644
--- a/examples/icon-eth-notification/src/pages/SignIn.js
+++ b/examples/icon-eth-notification/src/pages/SignIn.js
@@ -24,8 +24,6 @@ function SignInForm() {
 
     const { email, password } = state;
 
-    // alert(`You are login with email: ${email} and password: ${password}`);
-
     var requestOptions = {
       method: "POST",
       headers: {
@@ -45,12 +43,7 @@ function SignInForm() {
           const asd = data;
           const user = asd["user_token"];
           localStorage.setItem("authToken", user);
-          navigate(
-            "/main"
-            // { state : {
-            //   auth_token : user,
-            // }}
-          );
+          navigate("/main");
         }
       })
       .catch((err) => {
@@ -70,18 +63,6 @@ function SignInForm() {
     <div className="form-container sign-in-container">
       <form onSubmit={handleOnSubmit}>
         <h1>Sign in</h1>
-        {/* <div className="social-container">
-          <a href="#" className="social">
-            <i className="fab fa-facebook-f" />
-          </a>
-          <a href="#" className="social">
-            <i className="fab fa-google-plus-g" />
-          </a>
-          <a href="#" className="social">
-            <i className="fab fa-linkedin-in" />
-          </a>
-        </div> */}
-        {/* <span>or use your account</span> */}
         <input
           type="email"
           placeholder="Email"
diff --git a/examples/icon-eth-notification/src/pages/SignUp.js b/examples/icon-eth-notification/src/pages/SignUp.js
index c402d9e7..2e273c93 100644
--- a/examples/icon-eth-notification/src/pages/SignUp.js
+++ b/examples/icon-eth-notification/src/pages/SignUp.js
@@ -59,18 +59,6 @@ function SignUpForm() {
     <div className="form-container sign-up-container">
       <form onSubmit={handleOnSubmit}>
         <h1>Create Account</h1>
-        {/* <div className="social-container">
-          <a href="#" className="social">
-            <i className="fab fa-facebook-f" />
-          </a>
-          <a href="#" className="social">
-            <i className="fab fa-google-plus-g" />
-          </a>
-          <a href="#" className="social">
-            <i className="fab fa-linkedin-in" />
-          </a>
-        </div> */}
-        {/* <span>or use your email for registration</span> */}
         <input
           type="text"
           name="name"
diff --git a/examples/icon-eth-notification/src/pages/index.js b/examples/icon-eth-notification/src/pages/index.js
index c20b7b76..6fc34bde 100644
--- a/examples/icon-eth-notification/src/pages/index.js
+++ b/examples/icon-eth-notification/src/pages/index.js
@@ -1,13 +1,11 @@
-
 import React, { useState } from "react";
 import "../styles.css";
 import SignInForm from "./SignIn";
 import SignUpForm from "./SignUp";
 
-function Home(){
-
-const [type, setType] = useState("signIn");
-  const handleOnClick = text => {
+function Home() {
+  const [type, setType] = useState("signIn");
+  const handleOnClick = (text) => {
     if (text !== type) {
       setType(text);
       return;
@@ -51,23 +49,7 @@ const [type, setType] = useState("signIn");
         </div>
       </div>
     </div>
-  
-  
-  
   );
-  }
-
-  export default Home;
-
-
+}
 
- 
-// const Home = () => {
-//     return (
-//         <div>
-//             <h1>Sign Up Successful</h1>
-//         </div>
-//     );
-// };
- 
-// export default Home;
\ No newline at end of file
+export default Home;
diff --git a/examples/icon-eth-notification/src/styles.css b/examples/icon-eth-notification/src/styles.css
index 090c8395..869568d0 100644
--- a/examples/icon-eth-notification/src/styles.css
+++ b/examples/icon-eth-notification/src/styles.css
@@ -268,9 +268,7 @@ footer a {
   display: flex;
   align-items: top;
   justify-content: left;
-  /* height: 100px; */
   top:10%;
-  /* width:30%; */
 }
 
 .one
@@ -283,18 +281,14 @@ footer a {
 .two
 {
     background-color:white;
-    /* width: 50%; */
     height: 550px;
-    /* float: left; */
 }
 .three
 {
     background-color: rgb(17, 182, 168);
-    /* float: left; */
 }
 
 .para{
-  /* width: 50%; */
 
   font-size: 14px;
   font-weight: 100;

From c2ee80b5d982ece55ecd2ec42d4f0dcd8d0b0041 Mon Sep 17 00:00:00 2001
From: Shanith K K <shanith.kk@hugobyte.com>
Date: Tue, 19 Sep 2023 11:34:13 +0530
Subject: [PATCH 21/27] chore: update trigger for icon notification

---
 actions/workflow-invoker/deploy.sh | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/actions/workflow-invoker/deploy.sh b/actions/workflow-invoker/deploy.sh
index 23b3019e..382a2954 100755
--- a/actions/workflow-invoker/deploy.sh
+++ b/actions/workflow-invoker/deploy.sh
@@ -23,7 +23,9 @@ check wsk
 build
 
 $WSK_CLI -i --apihost "$openwhiskApiHost" action update ${ACTION} "$TEMP_DIR/main.zip" --docker "$DOCKER_IMAGE" \
---auth "$openwhiskApiKey" --param polkadot_payout_trigger "send-payout-notify" --param db_url "http://admin:p@ssw0rd@172.17.0.1:5984" --param db_name "workflow_management_db" -a provide-api-key true
+--auth "$openwhiskApiKey" --param polkadot_payout_trigger "call-actions-trigger" --param db_url "http://admin:p@ssw0rd@172.17.0.1:5984" --param db_name "workflow_management_db" -a provide-api-key true
 
-$WSK_CLI -i --apihost "$openwhiskApiHost" trigger update "send-payout-notify" --auth "$openwhiskApiKey"
-# $WSK_CLI -i --apihost "$openwhiskApiHost" rule update "payout_notify-rule" "send-payout-notify" "payout_notify" --auth "$openwhiskApiKey" // after deploying the action for polkadot payout
+$WSK_CLI -i --apihost "$openwhiskApiHost" trigger update "call-actions-trigger" --auth "$openwhiskApiKey"
+$WSK_CLI -i --apihost "$openwhiskApiHost" rule update "icon-eth-notification-rule" "call-actions-trigger" "icon-eth-notification" --auth "$openwhiskApiKey" 
+
+# $WSK_CLI -i --apihost "$openwhiskApiHost" rule update "payout_notify-rule" "call-actions-trigger" "payout_notify" --auth "$openwhiskApiKey" # after deploying the action for polkadot payout

From 668f439c31e29cb5d0969ee05085aaa94c388405 Mon Sep 17 00:00:00 2001
From: Shanith K K <shanith.kk@hugobyte.com>
Date: Wed, 27 Sep 2023 01:23:44 +0530
Subject: [PATCH 22/27] chore: update workflow invoker action for invoke action
 instead of invoking trigger

---
 actions/workflow-invoker/deploy.sh  |  6 +++---
 actions/workflow-invoker/src/lib.rs | 14 +++++++-------
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/actions/workflow-invoker/deploy.sh b/actions/workflow-invoker/deploy.sh
index 382a2954..27296422 100755
--- a/actions/workflow-invoker/deploy.sh
+++ b/actions/workflow-invoker/deploy.sh
@@ -23,9 +23,9 @@ check wsk
 build
 
 $WSK_CLI -i --apihost "$openwhiskApiHost" action update ${ACTION} "$TEMP_DIR/main.zip" --docker "$DOCKER_IMAGE" \
---auth "$openwhiskApiKey" --param polkadot_payout_trigger "call-actions-trigger" --param db_url "http://admin:p@ssw0rd@172.17.0.1:5984" --param db_name "workflow_management_db" -a provide-api-key true
+--auth "$openwhiskApiKey" --param invoke_action_name "icon-eth-notification" --param db_url "http://admin:p@ssw0rd@172.17.0.1:5984" --param db_name "workflow_management_db" -a provide-api-key true
 
-$WSK_CLI -i --apihost "$openwhiskApiHost" trigger update "call-actions-trigger" --auth "$openwhiskApiKey"
-$WSK_CLI -i --apihost "$openwhiskApiHost" rule update "icon-eth-notification-rule" "call-actions-trigger" "icon-eth-notification" --auth "$openwhiskApiKey" 
+# $WSK_CLI -i --apihost "$openwhiskApiHost" trigger update "call-actions-trigger" --auth "$openwhiskApiKey"
+# $WSK_CLI -i --apihost "$openwhiskApiHost" rule update "icon-eth-notification-rule" "call-actions-trigger" "icon-eth-notification" --auth "$openwhiskApiKey" 
 
 # $WSK_CLI -i --apihost "$openwhiskApiHost" rule update "payout_notify-rule" "call-actions-trigger" "payout_notify" --auth "$openwhiskApiKey" # after deploying the action for polkadot payout
diff --git a/actions/workflow-invoker/src/lib.rs b/actions/workflow-invoker/src/lib.rs
index f8c99b7f..38f1dc15 100644
--- a/actions/workflow-invoker/src/lib.rs
+++ b/actions/workflow-invoker/src/lib.rs
@@ -14,7 +14,7 @@ use types::Topic;
 #[derive(Debug, Clone, PartialEq, Serialize, Deserialize)]
 struct Input {
     messages: Vec<Message>,
-    polkadot_payout_trigger: String,
+    invoke_action_name: String,
     db_name: String,
     db_url: String,
 }
@@ -63,16 +63,16 @@ impl Action {
         Ok(parsed.data)
     }
 
-    pub fn invoke_trigger(&mut self, payload: &mut Vec<Value>) -> Result<Value, Error> {
+    pub fn invoke_action(&mut self, payload: &mut Vec<Value>) -> Result<Value, Error> {
         let mut failed_triggers = vec![];
         for message in payload.iter_mut() {
             let data = serde_json::from_str::<Value>(&self.params.messages[0].value).unwrap();
             update_with(message, &data);
 
-            let trigger = self.params.polkadot_payout_trigger.clone();
+            let trigger = self.params.invoke_action_name.clone();
             if self
                 .get_context()
-                .invoke_trigger(&trigger, &serde_json::json!({"data": message}))
+                .invoke_action(&trigger, &serde_json::json!({"data": message}))
                 .is_err()
             {
                 failed_triggers.push(self.params.messages[0].value.clone());
@@ -97,7 +97,7 @@ pub fn main(args: Value) -> Result<Value, Error> {
     action.init();
 
     let mut payload = action.fetch_input()?;
-    action.invoke_trigger(&mut payload)
+    action.invoke_action(&mut payload)
 }
 
 #[cfg(test)]
@@ -122,7 +122,7 @@ mod tests {
         let mut action = Action::new(Input {
             db_url: url.clone(),
             db_name: "test".to_string(),
-            polkadot_payout_trigger: "418a8b8c-02b8-11ec-9a03-0242ac130003".to_string(),
+            invoke_action_name: "418a8b8c-02b8-11ec-9a03-0242ac130003".to_string(),
             messages: vec![Message {
                 topic: "418a8b8c-02b8-11ec-9a03-0242ac130003".to_string(),
                 value: serde_json::json!({ "era" :0}).to_string(),
@@ -146,7 +146,7 @@ mod tests {
         let action = Action::new(Input {
             db_url: "url".to_string(),
             db_name: "test".to_string(),
-            polkadot_payout_trigger: "418a8b8c-02b8-11ec-9a03-0242ac130003".to_string(),
+            invoke_action_name: "418a8b8c-02b8-11ec-9a03-0242ac130003".to_string(),
             messages: vec![Message {
                 topic: "418a8b8c-02b8-11ec-9a03-0242ac130003".to_string(),
                 value: serde_json::json!({ "era" :0}).to_string(),

From 4aecc04095498faed8057dfc66dcc75be08cf30b Mon Sep 17 00:00:00 2001
From: Shanith K K <shanith.kk@hugobyte.com>
Date: Thu, 28 Sep 2023 13:01:24 +0530
Subject: [PATCH 23/27] chore: update event registration deply script

---
 register_event_source_polkadot.sh | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/register_event_source_polkadot.sh b/register_event_source_polkadot.sh
index 488e1c30..91f2594d 100755
--- a/register_event_source_polkadot.sh
+++ b/register_event_source_polkadot.sh
@@ -7,8 +7,8 @@ openwhiskApiHost=${openwhiskApiHost:-https://localhost:31001}
 openwhiskApiKey=${openwhiskApiKey:-23bc46b1-71f6-4ed5-8c54-816aa4f8c502:123zO3xZCLrMN6v2BKK1dXYFpXlPkccOFqm12CdAsMgRU4VrNZ9lyGVCGuMDGIwP}
 openwhiskNamespace=${openwhiskNamespace:-guest}
 eventRegistrationAction=${eventRegistrationAction:-event-registration}
-name=${name:-workflow-invoker}
-polkaDotPayout=${polkaDotPayout:-workflow-invoker}
+name=${name:-payout-notifiacation}  # provide the action name to be invoked when event comes
+workflowInvoker=${workflowInvoker:-workflow-invoker}
 SCRIPTS_DIR="$PWD/scripts"
 
 source "$SCRIPTS_DIR/accept_params.sh"
@@ -20,6 +20,6 @@ check jq
 TRIGGER=$($WSK_CLI -i --apihost "$openwhiskApiHost" action invoke "/${openwhiskNamespace}/${eventRegistrationAction}" \
 --auth "$openwhiskApiKey" --param name "$name" --blocking --result | $JSON_PARSER -r '.trigger')
 
-$WSK_CLI -i --apihost "$openwhiskApiHost" rule update "$TRIGGER-polkadot-payout" $TRIGGER $polkaDotPayout --auth "$openwhiskApiKey"
+$WSK_CLI -i --apihost "$openwhiskApiHost" rule update "$TRIGGER-polkadot-payout" $TRIGGER $workflowInvoker --auth "$openwhiskApiKey"
 
 echo "Add TOPICS=<section>=$TRIGGER as environment variable for the substrate based event feed service, where <section> can be balances, system etc"
\ No newline at end of file

From 020013cce3857c2ceaa5dd1c4210a086984f0af8 Mon Sep 17 00:00:00 2001
From: Shanith K K <shanith.kk@hugobyte.com>
Date: Wed, 4 Oct 2023 15:29:29 +0530
Subject: [PATCH 24/27] chore: updated deploy script in icon-eth-notification

---
 actions/icon-eth-notification/deploy.sh | 26 +++++++++++++++++++++++++
 1 file changed, 26 insertions(+)
 create mode 100755 actions/icon-eth-notification/deploy.sh

diff --git a/actions/icon-eth-notification/deploy.sh b/actions/icon-eth-notification/deploy.sh
new file mode 100755
index 00000000..d921e60b
--- /dev/null
+++ b/actions/icon-eth-notification/deploy.sh
@@ -0,0 +1,26 @@
+#!/bin/bash
+
+# To run this command
+# ./deploy.sh --openwhiskApiHost <openwhiskApiHost> --openwhiskApiKey <openwhiskApiKey> --openwhiskNamespace <openwhiskNamespace>
+
+openwhiskApiHost=${openwhiskApiHost:-https://localhost:31001}
+openwhiskApiKey=${openwhiskApiKey:-23bc46b1-71f6-4ed5-8c54-816aa4f8c502:123zO3xZCLrMN6v2BKK1dXYFpXlPkccOFqm12CdAsMgRU4VrNZ9lyGVCGuMDGIwP}
+openwhiskNamespace=${openwhiskNamespace:-guest}
+actionHome=${actionHome:-actions/icon-eth-notification}
+
+ACTION="icon-eth-notification"
+ACTION_TYPE="rust"
+SCRIPTS_DIR="$PWD/scripts"
+SRC_DIR="$PWD/${actionHome}"
+TEMP_DIR="$PWD/${actionHome}/temp"
+
+source "$SCRIPTS_DIR/accept_params.sh"
+source "$SCRIPTS_DIR/check_dependencies.sh"
+source "$SCRIPTS_DIR/build_action.sh"
+
+check wsk
+
+build
+
+$WSK_CLI -i --apihost "$openwhiskApiHost" action update ${ACTION} "$TEMP_DIR/main.zip" --docker "$DOCKER_IMAGE" \
+--auth "$openwhiskApiKey" -a provide-api-key true

From 18423e2823e0ed2a261cf91491410f7b2aaf65b5 Mon Sep 17 00:00:00 2001
From: Shanith K K <shanith.kk@hugobyte.com>
Date: Wed, 4 Oct 2023 18:12:54 +0530
Subject: [PATCH 25/27] chore:updated main deploy script for icon notification

---
 deploy.sh | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/deploy.sh b/deploy.sh
index e0ba66b1..73d85408 100755
--- a/deploy.sh
+++ b/deploy.sh
@@ -6,10 +6,10 @@
 openwhiskApiHost=${openwhiskApiHost:-https://localhost:31001}
 openwhiskApiKey=${openwhiskApiKey:-23bc46b1-71f6-4ed5-8c54-816aa4f8c502:123zO3xZCLrMN6v2BKK1dXYFpXlPkccOFqm12CdAsMgRU4VrNZ9lyGVCGuMDGIwP}
 openwhiskNamespace=${openwhiskNamespace:-guest}
-build=${build:-push-notification,balance-filter,event-receiver,event-registration,balance-notification-registration,event-producer,kafka-provider-feed,kafka-provider-web,substrate-event-processor,user-registration,user-login,workflow-invoker,workflow-registration,workflow-management}
+build=${build:-push-notification,balance-filter,event-receiver,event-registration,balance-notification-registration,event-producer,kafka-provider-feed,kafka-provider-web,substrate-event-processor,user-registration,user-login,workflow-invoker,workflow-registration,workflow-management,eth-event-processor,icon-event-processor,icon-eth-notification}
 skip=${skip:-}
 
-actions=("actions/push-notification" "actions/balance-filter" "actions/event-receiver" "actions/event-registration" "actions/balance-notification-registration" "actions/event-producer" "actions/kafka-provider-feed" "actions/kafka-provider-web" "actions/substrate-event-processor" "actions/user-registration" "actions/user-login" "actions/workflow-invoker" "actions/workflow-registration" "actions/workflow-management")
+actions=("actions/push-notification" "actions/balance-filter" "actions/event-receiver" "actions/event-registration" "actions/balance-notification-registration" "actions/event-producer" "actions/kafka-provider-feed" "actions/kafka-provider-web" "actions/substrate-event-processor" "actions/user-registration" "actions/user-login" "actions/workflow-invoker" "actions/workflow-registration" "actions/workflow-management","actions/eth-event-processor","actions/icon-event-processor","actions/icon-eth-notification")
 
 source ./scripts/accept_params.sh
 source ./scripts/util.sh

From f395c1ef995eda272d27e493e2e6093a55c064b7 Mon Sep 17 00:00:00 2001
From: Ajay Kumar <87293689+ajaykumargdr@users.noreply.github.com>
Date: Thu, 21 Dec 2023 17:58:25 +0530
Subject: [PATCH 26/27] feat: implement invoking action based on topic in
 workflow invoker (#79)

* chore: Add a method to fetch the action name that needs to be invoked from the database

* fix: debug parsing action name from json value which is fetched from the database

* chore: add method for fetching invoking action name from the database & add test cases to test the method

* fix: debug error in get_action_name_fail test case

* style: Format code according to coding standards
---
 actions/workflow-invoker/deploy.sh  |   2 +-
 actions/workflow-invoker/src/lib.rs | 111 +++++++++++++++++++++++++---
 2 files changed, 103 insertions(+), 10 deletions(-)

diff --git a/actions/workflow-invoker/deploy.sh b/actions/workflow-invoker/deploy.sh
index 27296422..f5905d75 100755
--- a/actions/workflow-invoker/deploy.sh
+++ b/actions/workflow-invoker/deploy.sh
@@ -23,7 +23,7 @@ check wsk
 build
 
 $WSK_CLI -i --apihost "$openwhiskApiHost" action update ${ACTION} "$TEMP_DIR/main.zip" --docker "$DOCKER_IMAGE" \
---auth "$openwhiskApiKey" --param invoke_action_name "icon-eth-notification" --param db_url "http://admin:p@ssw0rd@172.17.0.1:5984" --param db_name "workflow_management_db" -a provide-api-key true
+--auth "$openwhiskApiKey" --param invoke_action_name "icon-eth-notification" --param db_url "http://admin:p@ssw0rd@172.17.0.1:5984" --param db_name "workflow_management_db" --param event_registration_db "event_registration_db" -a provide-api-key true
 
 # $WSK_CLI -i --apihost "$openwhiskApiHost" trigger update "call-actions-trigger" --auth "$openwhiskApiKey"
 # $WSK_CLI -i --apihost "$openwhiskApiHost" rule update "icon-eth-notification-rule" "call-actions-trigger" "icon-eth-notification" --auth "$openwhiskApiKey" 
diff --git a/actions/workflow-invoker/src/lib.rs b/actions/workflow-invoker/src/lib.rs
index 38f1dc15..a59475a5 100644
--- a/actions/workflow-invoker/src/lib.rs
+++ b/actions/workflow-invoker/src/lib.rs
@@ -14,7 +14,7 @@ use types::Topic;
 #[derive(Debug, Clone, PartialEq, Serialize, Deserialize)]
 struct Input {
     messages: Vec<Message>,
-    invoke_action_name: String,
+    event_registration_db: String,
     db_name: String,
     db_url: String,
 }
@@ -63,23 +63,54 @@ impl Action {
         Ok(parsed.data)
     }
 
+    // fetching the action name from database
+    fn get_action_name(&mut self) -> Result<String, Error> {
+        // creating connection with the event registration database
+        let db = self.connect_db(&self.params.db_url, &self.params.event_registration_db);
+        let context = Context::new(db, None);
+
+        let data: Value = match context.get_document(&self.params.messages[0].topic) {
+            Ok(document) => document,
+            Err(_) => {
+                return Err(format!(
+                    "topic {} is not exists in the database",
+                    &self.params.messages[0].topic
+                ))
+                .map_err(serde::de::Error::custom);
+            }
+        };
+
+        // getting action name from the document
+        let action_name: String =
+            serde_json::from_value(
+                data
+                  .get("name")
+                  .unwrap()
+                  .clone()
+            ).unwrap();
+
+        Ok(action_name)
+    }
+
     pub fn invoke_action(&mut self, payload: &mut Vec<Value>) -> Result<Value, Error> {
-        let mut failed_triggers = vec![];
+        let mut failed_actions = vec![];
+
+        let action_name = self.get_action_name().unwrap();
+
         for message in payload.iter_mut() {
             let data = serde_json::from_str::<Value>(&self.params.messages[0].value).unwrap();
             update_with(message, &data);
 
-            let trigger = self.params.invoke_action_name.clone();
             if self
                 .get_context()
-                .invoke_action(&trigger, &serde_json::json!({"data": message}))
+                .invoke_action(&action_name, &serde_json::json!({"data": message}))
                 .is_err()
             {
-                failed_triggers.push(self.params.messages[0].value.clone());
+                failed_actions.push(self.params.messages[0].value.clone());
             }
         }
-        if !failed_triggers.is_empty() {
-            return Err(format!("error in triggers {:?}", failed_triggers))
+        if !failed_actions.is_empty() {
+            return Err(format!("error in triggers {:?}", failed_actions))
                 .map_err(serde::de::Error::custom);
         }
         Ok(serde_json::json!({
@@ -122,7 +153,7 @@ mod tests {
         let mut action = Action::new(Input {
             db_url: url.clone(),
             db_name: "test".to_string(),
-            invoke_action_name: "418a8b8c-02b8-11ec-9a03-0242ac130003".to_string(),
+            event_registration_db: "event_registration_db".to_string(),
             messages: vec![Message {
                 topic: "418a8b8c-02b8-11ec-9a03-0242ac130003".to_string(),
                 value: serde_json::json!({ "era" :0}).to_string(),
@@ -137,6 +168,7 @@ mod tests {
         let _ = workflow_management_db_context
             .insert_document(&doc, Some(action.params.messages[0].topic.clone()));
         let res = action.fetch_input();
+
         assert!(res.is_ok());
         couchdb.delete().await.expect("Stopping Container Failed");
     }
@@ -146,7 +178,7 @@ mod tests {
         let action = Action::new(Input {
             db_url: "url".to_string(),
             db_name: "test".to_string(),
-            invoke_action_name: "418a8b8c-02b8-11ec-9a03-0242ac130003".to_string(),
+            event_registration_db: "event_registration_db".to_string(),
             messages: vec![Message {
                 topic: "418a8b8c-02b8-11ec-9a03-0242ac130003".to_string(),
                 value: serde_json::json!({ "era" :0}).to_string(),
@@ -163,4 +195,65 @@ mod tests {
             serde_json::json!({"url":"todo!()","era":0,"owner_key":"todo!()","validator":"todo!()"})
         )
     }
+
+    #[tokio::test]
+    async fn get_action_name_pass() {
+        let config = Config::new();
+        let couchdb = CouchDB::new("admin".to_string(), "password".to_string())
+            .await
+            .unwrap();
+        sleep(Duration::from_millis(5000)).await;
+        let url = format!("http://admin:password@localhost:{}", couchdb.port());
+        let mut action = Action::new(Input {
+            db_url: url.clone(),
+            db_name: "test".to_string(),
+            event_registration_db: "event_registration_db".to_string(),
+            messages: vec![Message {
+                topic: "0a36fd24-84ac-420e-9187-912929c782ea".to_string(),
+                value: serde_json::json!({ "era" :0}).to_string(),
+            }],
+        });
+        action.init(&config);
+
+        let event_registration_db =
+            action.connect_db(&action.params.db_url, "event_registration_db");
+        let event_registration_db_context = Context::new(event_registration_db, None);
+
+        let json_value = r#"{"name": "icon-eth-notification", "trigger": "0a36fd24-84ac-420e-9187-912929c782ea"}"#;
+        let doc: Value = serde_json::from_str(json_value).unwrap();
+
+        let _ = event_registration_db_context
+            .insert_document(&doc, Some(action.params.messages[0].topic.clone()));
+
+        let invoke_action_name = action.get_action_name().unwrap();
+        assert_eq!(&invoke_action_name, "icon-eth-notification");
+
+        couchdb.delete().await.expect("Stopping Container Failed");
+    }
+
+    #[tokio::test]
+    #[should_panic = "topic 0a36fd24-84ac-420e-9187-912929c782ea is not exists in the database"]
+    async fn get_action_name_fail() {
+        let config = Config::new();
+        let couchdb = CouchDB::new("admin".to_string(), "password".to_string())
+            .await
+            .unwrap();
+        sleep(Duration::from_millis(5000)).await;
+        let url = format!("http://admin:password@localhost:{}", couchdb.port());
+        let mut action = Action::new(Input {
+            db_url: url.clone(),
+            db_name: "test".to_string(),
+            event_registration_db: "event_registration_db".to_string(),
+            messages: vec![Message {
+                topic: "0a36fd24-84ac-420e-9187-912929c782ea".to_string(),
+                value: serde_json::json!({ "era" :0}).to_string(),
+            }],
+        });
+        action.init(&config);
+
+        let invoke_action_name = action.get_action_name().unwrap();
+        assert_eq!(&invoke_action_name, "icon-eth-notification");
+
+        couchdb.delete().await.expect("Stopping Container Failed");
+    }
 }

From 514a067a689b3c1aa5eea53f9fb45ae783c62653 Mon Sep 17 00:00:00 2001
From: Shanith K K <shanith.kk@hugobyte.com>
Date: Sun, 12 May 2024 21:42:19 +0530
Subject: [PATCH 27/27] fix: issue in workflow invoker action params

---
 actions/workflow-invoker/src/lib.rs | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/actions/workflow-invoker/src/lib.rs b/actions/workflow-invoker/src/lib.rs
index 1e9faeaf..3d4c1980 100644
--- a/actions/workflow-invoker/src/lib.rs
+++ b/actions/workflow-invoker/src/lib.rs
@@ -58,7 +58,7 @@ impl Action {
     }
 
     pub fn fetch_input(&mut self) -> Result<Vec<UserData>, Error> {
-        let id = self.params.messages.clone()[0].topic.clone();
+        let id: String = self.params.messages.clone()[0].topic.clone();
         let data = self.get_context().get_document(&id)?;
         let parsed = serde_json::from_value::<Topic>(data)?;
         Ok(parsed.data)
@@ -93,14 +93,14 @@ impl Action {
         Ok(action_name)
     }
 
-    pub fn invoke_action(&mut self, payload: &mut Vec<Value>) -> Result<Value, Error> {
+    pub fn invoke_action(&mut self, payload: &mut [UserData]) -> Result<Value, Error> {
         let mut failed_actions = vec![];
 
         let action_name = self.get_action_name().unwrap();
 
         for message in payload.iter_mut() {
             let data = serde_json::from_str::<Value>(&self.params.messages[0].value).unwrap();
-            update_with(&mut user.input_data, &data);
+            update_with(&mut message.input_data, &data);
 
             if self
                 .get_context()