Resolve merge conflict

.github/workflows/build-and-upload-binaries-ci.yml

@@ -1,112 +0,0 @@
-name: Build and upload binaries to CI
-
-on:
-  workflow_dispatch:
-  push:
-    paths:
-      - 'clients/**'
-      - 'common/**'
-      - 'contracts/**'
-      - 'explorer-api/**'
-      - 'gateway/**'
-      - 'integrations/**'
-      - 'mixnode/**'
-      - 'sdk/rust/nym-sdk/**'
-      - 'service-providers/**'
-      - 'nym-api/**'
-      - 'nym-outfox/**'
-      - 'tools/nym-cli/**'
-      - 'tools/ts-rs-cli/**'
-  pull_request:
-    paths:
-      - 'clients/**'
-      - 'common/**'
-      - 'contracts/**'
-      - 'explorer-api/**'
-      - 'gateway/**'
-      - 'integrations/**'
-      - 'mixnode/**'
-      - 'sdk/rust/nym-sdk/**'
-      - 'service-providers/**'
-      - 'nym-api/**'
-      - 'nym-outfox/**'
-      - 'tools/nym-cli/**'
-      - 'tools/ts-rs-cli/**'
-
-env:
-  NETWORK: mainnet
-
-jobs:
-  publish-nym:
-    strategy:
-      fail-fast: false
-      matrix:
-        platform: [ubuntu-20.04]
-
-    runs-on: ${{ matrix.platform }}
-    steps:
-      - uses: actions/checkout@v3
-
-      - name: Prepare build output directory
-        shell: bash
-        env:
-          OUTPUT_DIR: ci-builds/${{ github.ref_name }}
-        run: |
-          rm -rf ci-builds || true
-          mkdir -p $OUTPUT_DIR
-          echo $OUTPUT_DIR
-
-      - name: Install Dependencies (Linux)
-        run: sudo apt-get update && sudo apt-get -y install libwebkit2gtk-4.0-dev build-essential curl wget libssl-dev libgtk-3-dev libudev-dev squashfs-tools
-        continue-on-error: true
-
-      - name: Install Rust stable
-        uses: actions-rs/toolchain@v1
-        with:
-          toolchain: stable
-
-      - name: Build all binaries
-        uses: actions-rs/cargo@v1
-        with:
-          command: build
-          args: --workspace --release
-
-      - name: Install Rust stable
-        uses: actions-rs/toolchain@v1
-        with:
-          toolchain: stable
-          target: wasm32-unknown-unknown
-          override: true
-          components: rustfmt, clippy
-
-      - name: Build release contracts
-        run: make wasm
-
-      - name: Prepare build output
-        shell: bash
-        env:
-          OUTPUT_DIR: ci-builds/${{ github.ref_name }}
-        run: |
-          cp target/release/nym-client $OUTPUT_DIR
-          cp target/release/nym-gateway $OUTPUT_DIR
-          cp target/release/nym-mixnode $OUTPUT_DIR
-          cp target/release/nym-socks5-client $OUTPUT_DIR
-          cp target/release/nym-api $OUTPUT_DIR
-          cp target/release/nym-network-requester $OUTPUT_DIR
-          cp target/release/nym-network-statistics $OUTPUT_DIR
-          cp target/release/nym-cli $OUTPUT_DIR
-
-          cp contracts/target/wasm32-unknown-unknown/release/mixnet_contract.wasm $OUTPUT_DIR
-          cp contracts/target/wasm32-unknown-unknown/release/vesting_contract.wasm $OUTPUT_DIR
-
-      - name: Deploy branch to CI www
-        continue-on-error: true
-        uses: easingthemes/ssh-deploy@main
-        env:
-          SSH_PRIVATE_KEY: ${{ secrets.CI_WWW_SSH_PRIVATE_KEY }}
-          ARGS: "-avzr"
-          SOURCE: "ci-builds/"
-          REMOTE_HOST: ${{ secrets.CI_WWW_REMOTE_HOST }}
-          REMOTE_USER: ${{ secrets.CI_WWW_REMOTE_USER }}
-          TARGET: ${{ secrets.CI_WWW_REMOTE_TARGET }}/builds/
-          EXCLUDE: "/dist/, /node_modules/"

CHANGELOG.md

@@ -4,20 +4,11 @@ Post 1.0.0 release, the changelog format is based on [Keep a Changelog](https://
 
 # [Unreleased]
 
-# [v1.1.9] (2023-02-07)
-
 ### Added
-- Remove Coconut feature flag ([#2793])
-- Separate `nym-api` endpoints with values of "total-supply" and "circulating-supply" in `nym` ([#2964])
 
-### Changed
-- native-client: is now capable of listening for requests on sockets different than `127.0.0.1` ([#2912]). This can be specified via `--host` flag during `init` or `run`. Alternatively a custom `host` can be set in `config.toml` file under `socket` section.
-- mixnode, gateway: fix unexpected shutdown on corrupted connection ([#2963])
+- remove coconut feature and unify builds ([#2890])
 
-[#2793]: https://github.com/nymtech/nym/issues/2793
-[#2912]: https://github.com/nymtech/nym/issues/2912
-[#2964]: https://github.com/nymtech/nym/issues/2964
-[#2963]: https://github.com/nymtech/nym/issues/3017
+[#2890]: https://github.com/nymtech/nym/pull/2890
 
 # [v1.1.8] (2023-01-31)
 
@@ -33,7 +24,7 @@ Post 1.0.0 release, the changelog format is based on [Keep a Changelog](https://
 - nym-api: an `--id` flag is now always explicitly required ([#2873])
 
 [#2754]: https://github.com/nymtech/nym/issues/2754
-[#2810]: https://github.com/nymtech/nym/issues/2810
+[#2839]: https://github.com/nymtech/nym/issues/2810
 [#2931]: https://github.com/nymtech/nym/issues/2931
 [#1902]: https://github.com/nymtech/nym/issues/1902
 [#2873]: https://github.com/nymtech/nym/issues/2873

Cargo.lock

@@ -3438,7 +3438,7 @@ dependencies = [
 
 [[package]]
 name = "nym-api"
-version = "1.1.9"
+version = "1.1.8"
 dependencies = [
  "anyhow",
  "async-trait",

clients/client-core/Cargo.toml

@@ -1,6 +1,6 @@
 [package]
 name = "client-core"
-version = "1.1.9"
+version = "1.1.8"
 authors = ["Dave Hrycyszyn <futurechimp@users.noreply.github.com>"]
 edition = "2021"
 rust-version = "1.66"

clients/native/Cargo.toml

@@ -1,6 +1,6 @@
 [package]
 name = "nym-client"
-version = "1.1.9"
+version = "1.1.8"
 authors = ["Dave Hrycyszyn <futurechimp@users.noreply.github.com>", "Jędrzej Stuczyński <andrew@nymtech.net>"]
 description = "Implementation of the Nym Client"
 edition = "2021"

clients/native/src/client/config/mod.rs

@@ -9,7 +9,6 @@ use config::defaults::DEFAULT_WEBSOCKET_LISTENING_PORT;
 use config::{NymConfig, OptionalSet};
 use serde::{Deserialize, Serialize};
 use std::fmt::Debug;
-use std::net::{IpAddr, Ipv4Addr};
 use std::path::PathBuf;
 use std::str::FromStr;
 
@@ -105,11 +104,6 @@ impl Config {
         self
     }
 
-    pub fn with_host(mut self, host: IpAddr) -> Self {
-        self.socket.host = host;
-        self
-    }
-
     pub fn with_port(mut self, port: u16) -> Self {
         self.socket.listening_port = port;
         self
@@ -136,10 +130,6 @@ impl Config {
         self.socket.socket_type
     }
 
-    pub fn get_listening_ip(&self) -> IpAddr {
-        self.socket.host
-    }
-
     pub fn get_listening_port(&self) -> u16 {
         self.socket.listening_port
     }
@@ -190,10 +180,9 @@ impl Config {
 }
 
 #[derive(Debug, Deserialize, PartialEq, Eq, Serialize)]
-#[serde(default, deny_unknown_fields)]
+#[serde(deny_unknown_fields)]
 pub struct Socket {
     socket_type: SocketType,
-    host: IpAddr,
     listening_port: u16,
 }
 
@@ -201,7 +190,6 @@ impl Default for Socket {
     fn default() -> Self {
         Socket {
             socket_type: SocketType::WebSocket,
-            host: IpAddr::V4(Ipv4Addr::new(127, 0, 0, 1)),
             listening_port: DEFAULT_WEBSOCKET_LISTENING_PORT,
         }
     }

clients/native/src/client/config/template.rs

@@ -93,9 +93,6 @@ socket_type = '{{ socket.socket_type }}'
 # will be listening for incoming requests
 listening_port = {{ socket.listening_port }}
 
-# if applicable (for the case of 'WebSocket'), the ip address on which the client
-# will be listening for incoming requests
-host = '{{ socket.host }}'
 
 ##### logging configuration options #####
 

clients/native/src/client/mod.rs

@@ -102,8 +102,7 @@ impl SocketClient {
             reply_controller_sender,
         );
 
-        websocket::Listener::new(config.get_listening_ip(), config.get_listening_port())
-            .start(websocket_handler, shutdown);
+        websocket::Listener::new(config.get_listening_port()).start(websocket_handler, shutdown);
     }
 
     /// blocking version of `start_socket` method. Will run forever (or until SIGINT is sent)

clients/native/src/commands/init.rs

@@ -12,7 +12,6 @@ use crypto::asymmetric::identity;
 use nymsphinx::addressing::clients::Recipient;
 use serde::Serialize;
 use std::fmt::Display;
-use std::net::IpAddr;
 use tap::TapFallible;
 
 #[derive(Args, Clone)]
@@ -31,7 +30,7 @@ pub(crate) struct Init {
     force_register_gateway: bool,
 
     /// Comma separated list of rest endpoints of the nyxd validators
-    #[clap(long, alias = "nymd_validators", value_delimiter = ',', hide = true)]
+    #[clap(long, alias = "nymd_validators", value_delimiter = ',')]
     nyxd_urls: Option<Vec<url::Url>>,
 
     /// Comma separated list of rest endpoints of the API validators
@@ -47,10 +46,6 @@ pub(crate) struct Init {
     #[clap(short, long)]
     port: Option<u16>,
 
-    /// Ip for the socket (if applicable) to listen for requests.
-    #[clap(long)]
-    host: Option<IpAddr>,
-
     /// Mostly debug-related option to increase default traffic rate so that you would not need to
     /// modify config post init
     #[clap(long, hide = true)]
@@ -62,7 +57,7 @@ pub(crate) struct Init {
 
     /// Set this client to work in a enabled credentials mode that would attempt to use gateway
     /// with bandwidth credential requirement.
-    #[clap(long, hide = true)]
+    #[clap(long)]
     enabled_credentials_mode: Option<bool>,
 
     /// Save a summary of the initialization to a json file
@@ -76,7 +71,6 @@ impl From<Init> for OverrideConfig {
             nym_apis: init_config.nym_apis,
             disable_socket: init_config.disable_socket,
             port: init_config.port,
-            host: init_config.host,
             fastmode: init_config.fastmode,
             no_cover: init_config.no_cover,
 

clients/native/src/commands/mod.rs

@@ -9,7 +9,6 @@ use completions::{fig_generate, ArgShell};
 use config::OptionalSet;
 use lazy_static::lazy_static;
 use std::error::Error;
-use std::net::IpAddr;
 
 pub(crate) mod init;
 pub(crate) mod run;
@@ -57,7 +56,6 @@ pub(crate) struct OverrideConfig {
     nym_apis: Option<Vec<url::Url>>,
     disable_socket: Option<bool>,
     port: Option<u16>,
-    host: Option<IpAddr>,
     fastmode: bool,
     no_cover: bool,
     nyxd_urls: Option<Vec<url::Url>>,
@@ -83,7 +81,6 @@ pub(crate) fn override_config(config: Config, args: OverrideConfig) -> Config {
         .with_base(BaseConfig::with_high_default_traffic_volume, args.fastmode)
         .with_base(BaseConfig::with_disabled_cover_traffic, args.no_cover)
         .with_optional(Config::with_port, args.port)
-        .with_optional(Config::with_host, args.host)
         .with_optional_custom_env_ext(
             BaseConfig::with_custom_nym_apis,
             args.nym_apis,

clients/native/src/commands/run.rs

@@ -2,7 +2,6 @@
 // SPDX-License-Identifier: Apache-2.0
 
 use std::error::Error;
-use std::net::IpAddr;
 
 use crate::{
     client::{config::Config, SocketClient},
@@ -23,7 +22,7 @@ pub(crate) struct Run {
     id: String,
 
     /// Comma separated list of rest endpoints of the nyxd validators
-    #[clap(long, alias = "nymd_validators", value_delimiter = ',', hide = true)]
+    #[clap(long, alias = "nymd_validators", value_delimiter = ',')]
     nyxd_urls: Option<Vec<url::Url>>,
 
     /// Comma separated list of rest endpoints of the API validators
@@ -44,10 +43,6 @@ pub(crate) struct Run {
     #[clap(short, long)]
     port: Option<u16>,
 
-    /// Ip for the socket (if applicable) to listen for requests.
-    #[clap(long)]
-    host: Option<IpAddr>,
-
     /// Mostly debug-related option to increase default traffic rate so that you would not need to
     /// modify config post init
     #[clap(long, hide = true)]
@@ -59,7 +54,7 @@ pub(crate) struct Run {
 
     /// Set this client to work in a enabled credentials mode that would attempt to use gateway
     /// with bandwidth credential requirement.
-    #[clap(long, hide = true)]
+    #[clap(long)]
     enabled_credentials_mode: Option<bool>,
 }
 
@@ -69,7 +64,6 @@ impl From<Run> for OverrideConfig {
             nym_apis: run_config.nym_apis,
             disable_socket: run_config.disable_socket,
             port: run_config.port,
-            host: run_config.host,
             fastmode: run_config.fastmode,
             no_cover: run_config.no_cover,
             nyxd_urls: run_config.nyxd_urls,

clients/native/src/websocket/listener.rs

@@ -3,7 +3,6 @@
 
 use super::handler::HandlerBuilder;
 use log::*;
-use std::net::IpAddr;
 use std::{net::SocketAddr, process, sync::Arc};
 use tokio::io::AsyncWriteExt;
 use tokio::{sync::Notify, task::JoinHandle};
@@ -25,9 +24,10 @@ pub(crate) struct Listener {
 }
 
 impl Listener {
-    pub(crate) fn new(host: IpAddr, port: u16) -> Self {
+    pub(crate) fn new(port: u16) -> Self {
         Listener {
-            address: SocketAddr::new(host, port),
+            // unless we find compelling reason not to, just listen on local only
+            address: SocketAddr::new("127.0.0.1".parse().unwrap(), port),
             state: State::AwaitingConnection,
         }
     }

clients/socks5/Cargo.toml

@@ -1,6 +1,6 @@
 [package]
 name = "nym-socks5-client"
-version = "1.1.9"
+version = "1.1.8"
 authors = ["Dave Hrycyszyn <futurechimp@users.noreply.github.com>"]
 description = "A SOCKS5 localhost proxy that converts incoming messages to Sphinx and sends them to a Nym address"
 edition = "2021"

clients/socks5/src/commands/init.rs

@@ -43,7 +43,7 @@ pub(crate) struct Init {
     force_register_gateway: bool,
 
     /// Comma separated list of rest endpoints of the nyxd validators
-    #[clap(long, alias = "nymd_validators", value_delimiter = ',', hide = true)]
+    #[clap(long, alias = "nymd_validators", value_delimiter = ',')]
     nyxd_urls: Option<Vec<url::Url>>,
 
     /// Comma separated list of rest endpoints of the API validators
@@ -66,7 +66,7 @@ pub(crate) struct Init {
 
     /// Set this client to work in a enabled credentials mode that would attempt to use gateway
     /// with bandwidth credential requirement.
-    #[clap(long, hide = true)]
+    #[clap(long)]
     enabled_credentials_mode: Option<bool>,
 
     /// Save a summary of the initialization to a json file

clients/socks5/src/commands/run.rs

@@ -43,7 +43,7 @@ pub(crate) struct Run {
     gateway: Option<identity::PublicKey>,
 
     /// Comma separated list of rest endpoints of the nyxd validators
-    #[clap(long, alias = "nymd_validators", value_delimiter = ',', hide = true)]
+    #[clap(long, alias = "nymd_validators", value_delimiter = ',')]
     nyxd_urls: Option<Vec<url::Url>>,
 
     /// Comma separated list of rest endpoints of the Nym APIs
@@ -65,7 +65,7 @@ pub(crate) struct Run {
 
     /// Set this client to work in a enabled credentials mode that would attempt to use gateway
     /// with bandwidth credential requirement.
-    #[clap(long, hide = true)]
+    #[clap(long)]
     enabled_credentials_mode: Option<bool>,
 }
 

common/commands/src/validator/cosmwasm/generators/coconut_bandwidth.rs

@@ -1,13 +1,10 @@
 // Copyright 2022 - Nym Technologies SA <contact@nymtech.net>
 // SPDX-License-Identifier: Apache-2.0
 
-use std::str::FromStr;
-
 use clap::Parser;
 use log::{debug, info};
 
 use coconut_bandwidth_contract_common::msg::InstantiateMsg;
-use validator_client::nyxd::AccountId;
 
 #[derive(Debug, Parser)]
 pub struct Args {
@@ -15,7 +12,7 @@ pub struct Args {
     pub pool_addr: String,
 
     #[clap(long)]
-    pub multisig_addr: Option<AccountId>,
+    pub multisig_addr: Option<String>,
 
     #[clap(long)]
     pub mix_denom: Option<String>,
@@ -27,10 +24,8 @@ pub async fn generate(args: Args) {
     debug!("Received arguments: {:?}", args);
 
     let multisig_addr = args.multisig_addr.unwrap_or_else(|| {
-        let address = std::env::var(network_defaults::var_names::REWARDING_VALIDATOR_ADDRESS)
-            .expect("Multisig address has to be set");
-        AccountId::from_str(address.as_str())
-            .expect("Failed converting multisig address to AccountId")
+        std::env::var(network_defaults::var_names::REWARDING_VALIDATOR_ADDRESS)
+            .expect("Multisig address has to be set")
     });
 
     let mix_denom = args.mix_denom.unwrap_or_else(|| {
@@ -39,7 +34,7 @@ pub async fn generate(args: Args) {
 
     let instantiate_msg = InstantiateMsg {
         pool_addr: args.pool_addr,
-        multisig_addr: multisig_addr.to_string(),
+        multisig_addr,
         mix_denom,
     };
 

common/commands/src/validator/cosmwasm/generators/coconut_dkg.rs

@@ -7,7 +7,6 @@ use std::str::FromStr;
 
 use coconut_dkg_common::msg::InstantiateMsg;
 use coconut_dkg_common::types::TimeConfiguration;
-use validator_client::nyxd::AccountId;
 
 #[derive(Debug, Parser)]
 pub struct Args {
@@ -15,7 +14,7 @@ pub struct Args {
     pub group_addr: String,
 
     #[clap(long)]
-    pub multisig_addr: Option<AccountId>,
+    pub multisig_addr: Option<String>,
 
     #[clap(long)]
     pub public_key_submission_time_secs: Option<u64>,
@@ -45,10 +44,8 @@ pub async fn generate(args: Args) {
     debug!("Received arguments: {:?}", args);
 
     let multisig_addr = args.multisig_addr.unwrap_or_else(|| {
-        let address = std::env::var(network_defaults::var_names::REWARDING_VALIDATOR_ADDRESS)
-            .expect("Multisig address has to be set");
-        AccountId::from_str(address.as_str())
-            .expect("Failed converting multisig address to AccountId")
+        std::env::var(network_defaults::var_names::REWARDING_VALIDATOR_ADDRESS)
+            .expect("Multisig address has to be set")
     });
 
     let mix_denom = args.mix_denom.unwrap_or_else(|| {
@@ -89,7 +86,7 @@ pub async fn generate(args: Args) {
 
     let instantiate_msg = InstantiateMsg {
         group_addr: args.group_addr,
-        multisig_addr: multisig_addr.to_string(),
+        multisig_addr,
         time_configuration: Some(time_configuration),
         mix_denom,
     };

common/commands/src/validator/cosmwasm/generators/mixnet.rs

@@ -6,17 +6,15 @@ use log::{debug, info};
 
 use cosmwasm_std::Decimal;
 use mixnet_contract_common::{InitialRewardingParams, InstantiateMsg, Percent};
-use std::str::FromStr;
 use std::time::Duration;
-use validator_client::nyxd::AccountId;
 
 #[derive(Debug, Parser)]
 pub struct Args {
     #[clap(long)]
-    pub rewarding_validator_address: Option<AccountId>,
+    pub rewarding_validator_address: Option<String>,
 
     #[clap(long)]
-    pub vesting_contract_address: Option<AccountId>,
+    pub vesting_contract_address: Option<String>,
 
     #[clap(long)]
     pub rewarding_denom: Option<String>,
@@ -79,17 +77,13 @@ pub async fn generate(args: Args) {
     debug!("initial_rewarding_params: {:?}", initial_rewarding_params);
 
     let rewarding_validator_address = args.rewarding_validator_address.unwrap_or_else(|| {
-        let address = std::env::var(network_defaults::var_names::REWARDING_VALIDATOR_ADDRESS)
-            .expect("Rewarding validator address has to be set");
-        AccountId::from_str(address.as_str())
-            .expect("Failed converting rewarding validator address to AccountId")
+        std::env::var(network_defaults::var_names::REWARDING_VALIDATOR_ADDRESS)
+            .expect("Rewarding validator address has to be set")
     });
 
     let vesting_contract_address = args.vesting_contract_address.unwrap_or_else(|| {
-        let address = std::env::var(network_defaults::var_names::VESTING_CONTRACT_ADDRESS)
-            .expect("Vesting contract address has to be set");
-        AccountId::from_str(address.as_str())
-            .expect("Failed converting vesting contract address to AccountId")
+        std::env::var(network_defaults::var_names::VESTING_CONTRACT_ADDRESS)
+            .expect("Vesting contract address has to be set")
     });
 
     let rewarding_denom = args.rewarding_denom.unwrap_or_else(|| {
@@ -98,8 +92,8 @@ pub async fn generate(args: Args) {
     });
 
     let instantiate_msg = InstantiateMsg {
-        rewarding_validator_address: rewarding_validator_address.to_string(),
-        vesting_contract_address: vesting_contract_address.to_string(),
+        rewarding_validator_address,
+        vesting_contract_address,
         rewarding_denom,
         epochs_in_interval: args.epochs_in_interval,
         epoch_duration: Duration::from_secs(args.epoch_duration),

common/commands/src/validator/cosmwasm/generators/multisig.rs

@@ -1,14 +1,12 @@
 // Copyright 2022 - Nym Technologies SA <contact@nymtech.net>
 // SPDX-License-Identifier: Apache-2.0
 
-use std::str::FromStr;
-
 use clap::Parser;
+use log::{debug, info};
+
 use cosmwasm_std::Decimal;
 use cw_utils::{Duration, Threshold};
-use log::{debug, info};
 use multisig_contract_common::msg::InstantiateMsg;
-use validator_client::nyxd::AccountId;
 
 #[derive(Debug, Parser)]
 pub struct Args {
@@ -22,10 +20,10 @@ pub struct Args {
     pub max_voting_period: u64,
 
     #[clap(long)]
-    pub coconut_bandwidth_contract_address: Option<AccountId>,
+    pub coconut_bandwidth_contract_address: Option<String>,
 
     #[clap(long)]
-    pub coconut_dkg_contract_address: Option<AccountId>,
+    pub coconut_dkg_contract_address: Option<String>,
 }
 
 pub async fn generate(args: Args) {
@@ -35,18 +33,13 @@ pub async fn generate(args: Args) {
 
     let coconut_bandwidth_contract_address =
         args.coconut_bandwidth_contract_address.unwrap_or_else(|| {
-            let address =
-                std::env::var(network_defaults::var_names::COCONUT_BANDWIDTH_CONTRACT_ADDRESS)
-                    .expect("Coconut bandwidth contract address has to be set");
-            AccountId::from_str(address.as_str())
-                .expect("Failed converting bandwidth contract address to AccountId")
+            std::env::var(network_defaults::var_names::COCONUT_BANDWIDTH_CONTRACT_ADDRESS)
+                .expect("Coconut bandwidth contract address has to be set")
         });
 
     let coconut_dkg_contract_address = args.coconut_dkg_contract_address.unwrap_or_else(|| {
-        let address = std::env::var(network_defaults::var_names::COCONUT_DKG_CONTRACT_ADDRESS)
-            .expect("Coconut DKG contract address has to be set");
-        AccountId::from_str(address.as_str())
-            .expect("Failed converting DKG contract address to AccountId")
+        std::env::var(network_defaults::var_names::COCONUT_DKG_CONTRACT_ADDRESS)
+            .expect("Coconut DKG contract address has to be set")
     });
 
     let instantiate_msg = InstantiateMsg {
@@ -56,8 +49,8 @@ pub async fn generate(args: Args) {
                 .expect("threshold can't be converted to Decimal"),
         },
         max_voting_period: Duration::Time(args.max_voting_period),
-        coconut_bandwidth_contract_address: coconut_bandwidth_contract_address.to_string(),
-        coconut_dkg_contract_address: coconut_dkg_contract_address.to_string(),
+        coconut_bandwidth_contract_address,
+        coconut_dkg_contract_address,
     };
 
     debug!("instantiate_msg: {:?}", instantiate_msg);

common/commands/src/validator/cosmwasm/generators/vesting.rs

@@ -1,18 +1,15 @@
 // Copyright 2022 - Nym Technologies SA <contact@nymtech.net>
 // SPDX-License-Identifier: Apache-2.0
 
-use std::str::FromStr;
-
 use clap::Parser;
 use log::{debug, info};
 
-use validator_client::nyxd::AccountId;
 use vesting_contract_common::InitMsg;
 
 #[derive(Debug, Parser)]
 pub struct Args {
     #[clap(long)]
-    pub mixnet_contract_address: Option<AccountId>,
+    pub mixnet_contract_address: Option<String>,
 
     #[clap(long)]
     pub mix_denom: Option<String>,
@@ -24,10 +21,8 @@ pub async fn generate(args: Args) {
     debug!("Received arguments: {:?}", args);
 
     let mixnet_contract_address = args.mixnet_contract_address.unwrap_or_else(|| {
-        let address = std::env::var(network_defaults::var_names::MIXNET_CONTRACT_ADDRESS)
-            .expect("Mixnet contract address has to be set");
-        AccountId::from_str(address.as_str())
-            .expect("Failed converting mixnet address to AccountId")
+        std::env::var(network_defaults::var_names::MIXNET_CONTRACT_ADDRESS)
+            .expect("Mixnet contract address has to be set")
     });
 
     let mix_denom = args.mix_denom.unwrap_or_else(|| {
@@ -35,7 +30,7 @@ pub async fn generate(args: Args) {
     });
 
     let instantiate_msg = InitMsg {
-        mixnet_contract_address: mixnet_contract_address.to_string(),
+        mixnet_contract_address,
         mix_denom,
     };
 

explorer-api/Cargo.toml

@@ -1,6 +1,6 @@
 [package]
 name = "explorer-api"
-version = "1.1.9"
+version = "1.1.8"
 edition = "2021"
 
 # See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html

explorer/CHANGELOG.md

@@ -1,15 +1,5 @@
 ## UNRELEASED
 
-- nothing yet
-
-## [nym-explorer-v1.0.5](https://github.com/nymtech/nym/tree/nym-explorer-v1.0.5) (2023-02-14)
-
-- NE - link `Owner` field on the node detail page to the account details on NG explorer ([#2923])
-- NE - Upgrade Sandbox and make below changes:  ([#2332])
-
-[#2923]: https://github.com/nymtech/nym/issues/2923
-[#2332]: https://github.com/nymtech/nym/issues/2332
-
 ## [nym-explorer-v1.0.4](https://github.com/nymtech/nym/tree/nym-explorer-v1.0.4) (2023-01-31)
 
 - Add routing score on gateway list ([#2913])

explorer/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nym/network-explorer",
-  "version": "1.0.5",
+  "version": "1.0.4",
   "private": true,
   "license": "Apache-2.0",
   "dependencies": {

explorer/src/components/DetailTable.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Link, Paper, Table, TableBody, TableCell, TableContainer, TableHead, TableRow } from '@mui/material';
+import { Paper, Table, TableBody, TableCell, TableContainer, TableHead, TableRow } from '@mui/material';
 import { useTheme } from '@mui/material/styles';
 import { Tooltip } from '@nymproject/react/tooltip/Tooltip';
 import { CopyToClipboard } from '@nymproject/react/clipboard/CopyToClipboard';
@@ -37,19 +37,9 @@ function formatCellValues(val: string | number, field: string) {
       </Box>
     );
   }
-
   if (field === 'bond') {
     return unymToNym(val, 6);
   }
-
-  if (field === 'owner') {
-    return (
-      <Link underline="none" color="inherit" target="_blank" href={`https://mixnet.explorers.guru/account/${val}`}>
-        {val}
-      </Link>
-    );
-  }
-
   return val;
 }
 

gateway/Cargo.toml

@@ -3,7 +3,7 @@
 
 [package]
 name = "nym-gateway"
-version = "1.1.9"
+version = "1.1.8"
 authors = [
     "Dave Hrycyszyn <futurechimp@users.noreply.github.com>",
     "Jędrzej Stuczyński <andrew@nymtech.net>",

gateway/src/commands/init.rs

@@ -55,8 +55,7 @@ pub struct Init {
         long,
         alias = "validators",
         alias = "nymd_validators",
-        value_delimiter = ',',
-        hide = true
+        value_delimiter = ','
     )]
     // the alias here is included for backwards compatibility (1.1.4 and before)
     nyxd_urls: Option<Vec<url::Url>>,
@@ -67,7 +66,7 @@ pub struct Init {
 
     /// Set this gateway to work only with coconut credentials; that would disallow clients to
     /// bypass bandwidth credential requirement
-    #[clap(long, hide = true)]
+    #[clap(long)]
     only_coconut_credentials: Option<bool>,
 
     /// Enable/disable gateway anonymized statistics that get sent to a statistics aggregator server

gateway/src/commands/run.rs

@@ -53,8 +53,7 @@ pub struct Run {
         long,
         alias = "validators",
         alias = "nymd_validators",
-        value_delimiter = ',',
-        hide = true
+        value_delimiter = ','
     )]
     // the alias here is included for backwards compatibility (1.1.4 and before)
     nyxd_urls: Option<Vec<url::Url>>,
@@ -65,7 +64,7 @@ pub struct Run {
 
     /// Set this gateway to work only with coconut credentials; that would disallow clients to
     /// bypass bandwidth credential requirement
-    #[clap(long, hide = true)]
+    #[clap(long)]
     only_coconut_credentials: Option<bool>,
 
     /// Enable/disable gateway anonymized statistics that get sent to a statistics aggregator server

gateway/src/node/mixnet_handling/receiver/connection_handler.rs

@@ -181,7 +181,6 @@ impl<St: Storage> ConnectionHandler<St> {
         mut shutdown: TaskClient,
     ) {
         debug!("Starting connection handler for {:?}", remote);
-        shutdown.mark_as_success();
         let mut framed_conn = Framed::new(conn, SphinxCodec);
         while !shutdown.is_shutdown() {
             tokio::select! {

lerna.json

@@ -4,8 +4,7 @@
     "nym-wallet",
     "nym-connect",
     "nym-connect-android",
-    "sdk/typescript/examples/docs",
-    "sdk/typescript/packages/**"
+    "sdk/typescript/**"
   ],
   "version": "0.0.0"
-}
+}

mixnode/Cargo.toml

@@ -3,7 +3,7 @@
 
 [package]
 name = "nym-mixnode"
-version = "1.1.10"
+version = "1.1.9"
 authors = [
     "Dave Hrycyszyn <futurechimp@users.noreply.github.com>",
     "Jędrzej Stuczyński <andrew@nymtech.net>",

mixnode/src/node/listener/connection_handler/mod.rs

@@ -77,7 +77,6 @@ impl ConnectionHandler {
         mut shutdown: TaskClient,
     ) {
         debug!("Starting connection handler for {:?}", remote);
-        shutdown.mark_as_success();
         let mut framed_conn = Framed::new(conn, SphinxCodec);
         while !shutdown.is_shutdown() {
             tokio::select! {

nym-api/Cargo.toml

@@ -3,7 +3,7 @@
 
 [package]
 name = "nym-api"
-version = "1.1.10"
+version = "1.1.8"
 authors = [
     "Dave Hrycyszyn <futurechimp@users.noreply.github.com>",
     "Jędrzej Stuczyński <andrew@nymtech.net>",

nym-api/src/circulating_supply_api/mod.rs

@@ -15,11 +15,7 @@ pub(crate) mod routes;
 
 /// Merges the routes with http information and returns it to Rocket for serving
 pub(crate) fn circulating_supply_routes(settings: &OpenApiSettings) -> (Vec<Route>, OpenApi) {
-    openapi_get_routes_spec![
-        settings: routes::get_full_circulating_supply,
-        routes::get_total_supply,
-        routes::get_circulating_supply
-    ]
+    openapi_get_routes_spec![settings: routes::get_circulating_supply]
 }
 
 /// Spawn the circulating supply cache refresher.

nym-api/src/circulating_supply_api/routes.rs

@@ -1,30 +1,15 @@
-// Copyright 2022-2023 - Nym Technologies SA <contact@nymtech.net>
-// SPDX-License-Identifier: Apache-2.0
+use rocket::http::Status;
+use rocket::serde::json::Json;
+use rocket::State;
 
 use crate::circulating_supply_api::cache::CirculatingSupplyCache;
 use crate::node_status_api::models::ErrorResponse;
 use nym_api_requests::models::CirculatingSupplyResponse;
-use rocket::http::Status;
-use rocket::serde::json::Json;
-use rocket::State;
 use rocket_okapi::openapi;
-use validator_client::nyxd::Coin;
-
-// TODO: this is not the best place to put it, it should be more centralised,
-// but for a quick fix, that's good enough for now...
-// (for proper solution we should be managing `NymNetworkDetails` via rocket and grabbing display exponent
-// value from the mix denom here.
-const UNYM_RATIO: f64 = 1000000.;
-
-fn unym_coin_to_float_unym(coin: Coin) -> f64 {
-    // our total supply can't exceed 1B so an overflow here is impossible
-    // (if it happened, then we SHOULD crash)
-    coin.amount as f64 / UNYM_RATIO
-}
 
 #[openapi(tag = "circulating-supply")]
 #[get("/circulating-supply")]
-pub(crate) async fn get_full_circulating_supply(
+pub(crate) async fn get_circulating_supply(
     cache: &State<CirculatingSupplyCache>,
 ) -> Result<Json<CirculatingSupplyResponse>, ErrorResponse> {
     match cache.get_circulating_supply().await {
@@ -35,43 +20,3 @@ pub(crate) async fn get_full_circulating_supply(
         )),
     }
 }
-
-#[openapi(tag = "circulating-supply")]
-#[get("/circulating-supply/total-supply-value")]
-pub(crate) async fn get_total_supply(
-    cache: &State<CirculatingSupplyCache>,
-) -> Result<Json<f64>, ErrorResponse> {
-    let full_circulating_supply = match cache.get_circulating_supply().await {
-        Some(res) => res,
-        None => {
-            return Err(ErrorResponse::new(
-                "unavailable",
-                Status::InternalServerError,
-            ))
-        }
-    };
-
-    Ok(Json(unym_coin_to_float_unym(
-        full_circulating_supply.total_supply.into(),
-    )))
-}
-
-#[openapi(tag = "circulating-supply")]
-#[get("/circulating-supply/circulating-supply-value")]
-pub(crate) async fn get_circulating_supply(
-    cache: &State<CirculatingSupplyCache>,
-) -> Result<Json<f64>, ErrorResponse> {
-    let full_circulating_supply = match cache.get_circulating_supply().await {
-        Some(res) => res,
-        None => {
-            return Err(ErrorResponse::new(
-                "unavailable",
-                Status::InternalServerError,
-            ))
-        }
-    };
-
-    Ok(Json(unym_coin_to_float_unym(
-        full_circulating_supply.circulating_supply.into(),
-    )))
-}

nym-api/src/support/cli/mod.rs

@@ -93,16 +93,11 @@ pub(crate) struct CliArgs {
     pub(crate) enabled_credentials_mode: Option<bool>,
 
     /// Announced address where coconut clients will connect.
-    #[clap(long, hide = true)]
+    #[clap(long)]
     pub(crate) announce_address: Option<url::Url>,
 
     /// Flag to indicate whether coconut signer authority is enabled on this API
-    #[clap(
-        long,
-        requires = "mnemonic",
-        requires = "announce_address",
-        hide = true
-    )]
+    #[clap(long, requires = "mnemonic", requires = "announce_address")]
     pub(crate) enable_coconut: Option<bool>,
 }
 
@@ -127,7 +122,7 @@ pub(crate) fn build_config(args: CliArgs) -> Result<Config> {
 
     let config = override_config(config_from_file, args);
 
-    if !already_initialized {
+    if already_initialized {
         fs::create_dir_all(Config::default_config_directory(&id))
             .expect("Could not create config directory");
         fs::create_dir_all(Config::default_data_directory(&id))

nym-connect-android/public/growth.html.back

@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Nym Connect</title>
+  </head>
+  <body style="background: rgb(29, 33, 37);">
+    <div id="root-growth"></div>
+  </body>
+</html>

nym-connect-android/public/log.html.back

@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Nym Wallet Logs</title>
+  </head>
+  <body>
+    <div id="root-log"></div>
+  </body>
+</html>

nym-connect-android/src-tauri/Cargo.toml

@@ -41,8 +41,8 @@ serde = { version = "1.0", features = ["derive"] }
 serde_json = "1.0"
 serde_repr = "0.1"
 tap = "1.0.1"
-# TODO swithing to `rfd101` temporarily, untill https://github.com/tauri-apps/tauri/pull/6174 is merged
-tauri = { git = "https://github.com/tauri-apps/tauri", branch = "rfd101", features = ["clipboard-write-text", "native-tls-vendored", "notification-all", "shell-open", "system-tray", "window-close", "window-minimize", "window-start-dragging"] }
+tauri = { git = "https://github.com/tauri-apps/tauri", branch = "next", features = ["clipboard-write-text", "native-tls-vendored", "notification-all", "shell-open", "system-tray", "window-close", "window-minimize", "window-start-dragging"] }
+# tauri = { version = "2.0.0-alpha.0", features = ["clipboard-write-text", "native-tls-vendored", "notification-all", "shell-open", "system-tray", "window-close", "window-minimize", "window-start-dragging"] }
 tendermint-rpc = "0.23.0"
 thiserror = "1.0"
 tokio = { version = "1.24.1", features = ["sync", "time"] }
@@ -64,9 +64,3 @@ tempfile = "3.3.0"
 [features]
 default = ["custom-protocol"]
 custom-protocol = ["tauri/custom-protocol"]
-
-# [profile.dev]
-# strip = true
-# opt-level = "s"
-# lto = true
-

nym-connect-android/src-tauri/gen/android/nym-connect-android/app/build.gradle.kts

@@ -1,112 +1,111 @@
 plugins {
-  id("com.android.application")
-  id("org.jetbrains.kotlin.android")
-  id("rustPlugin")
+    id("com.android.application")
+    id("org.jetbrains.kotlin.android")
+    id("rustPlugin")
 }
 
 android {
-  compileSdk = 33
-  defaultConfig {
-    manifestPlaceholders["usesCleartextTraffic"] = "false"
-    applicationId = "net.nymtech.nym_connect_android"
-    minSdk = 24
-    targetSdk = 33
-    versionCode = 1
-    versionName = "1.0"
-  }
-  sourceSets.getByName("main") {
-    // Vulkan validation layers
-    val ndkHome = System.getenv("NDK_HOME")
-    jniLibs.srcDir("${ndkHome}/sources/third_party/vulkan/src/build-android/jniLibs")
-  }
-  buildTypes {
-    getByName("debug") {
-      manifestPlaceholders["usesCleartextTraffic"] = "true"
-      isDebuggable = true
-      isJniDebuggable = true
-      isMinifyEnabled = false
-      packagingOptions {
-        jniLibs.keepDebugSymbols.add("*/arm64-v8a/*.so")
-
-        jniLibs.keepDebugSymbols.add("*/armeabi-v7a/*.so")
-
-        jniLibs.keepDebugSymbols.add("*/x86/*.so")
-
-        jniLibs.keepDebugSymbols.add("*/x86_64/*.so")
-      }
+    compileSdk = 33
+    defaultConfig {
+        manifestPlaceholders["usesCleartextTraffic"] = "false"
+        applicationId = "net.nymtech.nym_connect_android"
+        minSdk = 24
+        targetSdk = 33
+        versionCode = 1
+        versionName = "1.0"
     }
-    getByName("release") {
-      isMinifyEnabled = false
-    //  proguardFiles(getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro")
+    sourceSets.getByName("main") {
+        // Vulkan validation layers
+        val ndkHome = System.getenv("NDK_HOME")
+        jniLibs.srcDir("${ndkHome}/sources/third_party/vulkan/src/build-android/jniLibs")
     }
-  }
-  flavorDimensions.add("abi")
-  productFlavors {
-    create("universal") {
-      val abiList = findProperty("abiList") as? String
+    buildTypes {
+        getByName("debug") {
+            manifestPlaceholders["usesCleartextTraffic"] = "true"
+            isDebuggable = true
+            isJniDebuggable = true
+            isMinifyEnabled = false
+            packagingOptions {
+                jniLibs.keepDebugSymbols.add("*/arm64-v8a/*.so")
 
-      dimension = "abi"
-      ndk {
-        abiFilters += abiList?.split(",")?.map { it.trim() } ?: listOf(
-          "arm64-v8a", "armeabi-v7a", "x86", "x86_64",
-        )
-      }
+                jniLibs.keepDebugSymbols.add("*/armeabi-v7a/*.so")
+
+                jniLibs.keepDebugSymbols.add("*/x86/*.so")
+
+                jniLibs.keepDebugSymbols.add("*/x86_64/*.so")
+            }
+        }
+        getByName("release") {
+            isMinifyEnabled = false
+            proguardFiles(getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro")
+        }
     }
-    create("arm64") {
-      dimension = "abi"
-      ndk {
-        abiFilters += listOf("arm64-v8a")
-      }
+    flavorDimensions.add("abi")
+    productFlavors {
+        create("universal") {
+            val abiList = findProperty("abiList") as? String
+
+            dimension = "abi"
+            ndk {
+                abiFilters += abiList?.split(",")?.map { it.trim() } ?: listOf(                    "arm64-v8a",                    "armeabi-v7a",                    "x86",                    "x86_64",
+                )
+            }
+        }
+        create("arm64") {
+            dimension = "abi"
+            ndk {
+                abiFilters += listOf("arm64-v8a")
+            }
+        }
+
+        create("arm") {
+            dimension = "abi"
+            ndk {
+                abiFilters += listOf("armeabi-v7a")
+            }
+        }
+
+        create("x86") {
+            dimension = "abi"
+            ndk {
+                abiFilters += listOf("x86")
+            }
+        }
+
+        create("x86_64") {
+            dimension = "abi"
+            ndk {
+                abiFilters += listOf("x86_64")
+            }
+        }
     }
 
-    create("arm") {
-      dimension = "abi"
-      ndk {
-        abiFilters += listOf("armeabi-v7a")
-      }
-    }
-
-    create("x86") {
-      dimension = "abi"
-      ndk {
-        abiFilters += listOf("x86")
-      }
-    }
-
-    create("x86_64") {
-      dimension = "abi"
-      ndk {
-        abiFilters += listOf("x86_64")
-      }
-    }
-  }
-
-  assetPacks += mutableSetOf()
-  namespace = "net.nymtech.nym_connect_android"
+    assetPacks += mutableSetOf()
+    namespace = "net.nymtech.nym_connect_android"
 }
 
 rust {
-  rootDirRel = "../../../../"
-  targets = listOf("aarch64", "armv7", "i686", "x86_64")
-  arches = listOf("arm64", "arm", "x86", "x86_64")
+    rootDirRel = "../../../../"
+    targets = listOf("aarch64", "armv7", "i686", "x86_64")
+    arches = listOf("arm64", "arm", "x86", "x86_64")
 }
 
 dependencies {
-  implementation("androidx.webkit:webkit:1.5.0")
-  implementation("androidx.appcompat:appcompat:1.5.1")
-  implementation("com.google.android.material:material:1.7.0")
-  testImplementation("junit:junit:4.13.2")
-  androidTestImplementation("androidx.test.ext:junit:1.1.4")
-  androidTestImplementation("androidx.test.espresso:espresso-core:3.5.0")
+    implementation("androidx.webkit:webkit:1.5.0")
+    implementation("androidx.appcompat:appcompat:1.5.1")
+    implementation("com.google.android.material:material:1.7.0")
+    testImplementation("junit:junit:4.13.2")
+    androidTestImplementation("androidx.test.ext:junit:1.1.4")
+    androidTestImplementation("androidx.test.espresso:espresso-core:3.5.0")
 }
 
 afterEvaluate {
-  android.applicationVariants.all {
-    tasks["mergeUniversalReleaseJniLibFolders"].dependsOn(tasks["rustBuildRelease"])
-    tasks["mergeUniversalDebugJniLibFolders"].dependsOn(tasks["rustBuildDebug"])
-    productFlavors.filter { it.name != "universal" }.forEach { _ ->
-      val archAndBuildType = name.capitalize()
-      tasks["merge${archAndBuildType}JniLibFolders"].dependsOn(tasks["rustBuild${archAndBuildType}"])
+    android.applicationVariants.all {
+        tasks["mergeUniversalReleaseJniLibFolders"].dependsOn(tasks["rustBuildRelease"])
+        tasks["mergeUniversalDebugJniLibFolders"].dependsOn(tasks["rustBuildDebug"])
+        productFlavors.filter{ it.name != "universal" }.forEach { _ ->
+            val archAndBuildType = name.capitalize()
+            tasks["merge${archAndBuildType}JniLibFolders"].dependsOn(tasks["rustBuild${archAndBuildType}"])
+        }
     }
-  }
 }

nym-connect-android/src-tauri/gen/android/nym-connect-android/app/src/main/jniLibs/arm64-v8a/libnym_connect_android.so

@@ -1 +0,0 @@
-/home/pierre/Documents/nym/nym/nym-connect-android/src-tauri/target/aarch64-linux-android/debug/libnym_connect_android.so

nym-connect-android/src-tauri/gen/android/nym-connect-android/app/src/main/jniLibs/armeabi-v7a/libnym_connect_android.so

@@ -1 +0,0 @@
-/home/pierre/Documents/nym/nym/nym-connect-android/src-tauri/target/armv7-linux-androideabi/debug/libnym_connect_android.so

nym-connect-android/src-tauri/gen/android/nym-connect-android/app/src/main/jniLibs/x86/libnym_connect_android.so

@@ -1 +0,0 @@
-/home/pierre/Documents/nym/nym/nym-connect-android/src-tauri/target/i686-linux-android/debug/libnym_connect_android.so

nym-connect-android/src-tauri/gen/android/nym-connect-android/app/src/main/res/values-night/themes.xml

@@ -2,15 +2,15 @@
     <!-- Base application theme. -->
     <style name="Theme.nym_connect_android" parent="Theme.MaterialComponents.DayNight.DarkActionBar">
         <!-- Primary brand color. -->
-        <item name="colorPrimary">@color/grey_800</item>
-        <item name="colorPrimaryVariant">@color/grey_900</item>
-        <item name="colorOnPrimary">@color/white</item>
+        <item name="colorPrimary">@color/purple_200</item>
+        <item name="colorPrimaryVariant">@color/purple_700</item>
+        <item name="colorOnPrimary">@color/black</item>
         <!-- Secondary brand color. -->
-        <item name="colorSecondary">@color/green_500</item>
-        <item name="colorSecondaryVariant">@color/green_900</item>
+        <item name="colorSecondary">@color/teal_200</item>
+        <item name="colorSecondaryVariant">@color/teal_200</item>
         <item name="colorOnSecondary">@color/black</item>
         <!-- Status bar color. -->
         <item name="android:statusBarColor" tools:targetApi="l">?attr/colorPrimaryVariant</item>
         <!-- Customize your theme here. -->
     </style>
-</resources>
+</resources>

nym-connect-android/src-tauri/gen/android/nym-connect-android/app/src/main/res/values/colors.xml

@@ -1,9 +1,10 @@
 <?xml version="1.0" encoding="utf-8"?>
 <resources>
-    <color name="grey_900">#212121</color>
-    <color name="grey_800">#424242</color>
-  <color name="green_500">#4caf50</color>
-  <color name="green_900">#1b5e20</color>
+    <color name="purple_200">#FFBB86FC</color>
+    <color name="purple_500">#FF6200EE</color>
+    <color name="purple_700">#FF3700B3</color>
+    <color name="teal_200">#FF03DAC5</color>
+    <color name="teal_700">#FF018786</color>
     <color name="black">#FF000000</color>
     <color name="white">#FFFFFFFF</color>
 </resources>

nym-connect-android/src-tauri/gen/android/nym-connect-android/app/src/main/res/values/strings.xml

@@ -1,3 +1,3 @@
 <resources>
-    <string name="app_name">Nym Connect</string>
+    <string name="app_name">nym-connect-android</string>
 </resources>

nym-connect-android/src-tauri/gen/android/nym-connect-android/app/src/main/res/values/themes.xml

@@ -2,12 +2,12 @@
     <!-- Base application theme. -->
     <style name="Theme.nym_connect_android" parent="Theme.MaterialComponents.DayNight.DarkActionBar">
         <!-- Primary brand color. -->
-        <item name="colorPrimary">@color/grey_800</item>
-        <item name="colorPrimaryVariant">@color/grey_900</item>
+        <item name="colorPrimary">@color/purple_500</item>
+        <item name="colorPrimaryVariant">@color/purple_700</item>
         <item name="colorOnPrimary">@color/white</item>
         <!-- Secondary brand color. -->
-        <item name="colorSecondary">@color/green_500</item>
-        <item name="colorSecondaryVariant">@color/green_900</item>
+        <item name="colorSecondary">@color/teal_200</item>
+        <item name="colorSecondaryVariant">@color/teal_700</item>
         <item name="colorOnSecondary">@color/black</item>
         <!-- Status bar color. -->
         <item name="android:statusBarColor" tools:targetApi="l">?attr/colorPrimaryVariant</item>

nym-connect-android/src-tauri/src/error.rs

@@ -40,6 +40,11 @@ pub enum BackendError {
         #[from]
         source: ClientCoreError,
     },
+    #[error("{source}")]
+    ApiClientError {
+        #[from]
+        source: crate::operations::growth::api_client::ApiClientError,
+    },
 
     #[error("could not send disconnect signal to the SOCKS5 client")]
     CoundNotSendDisconnectSignal,

nym-connect-android/src-tauri/src/operations/growth/api_client.rs

@@ -0,0 +1,270 @@
+use serde::de::DeserializeOwned;
+use serde::{Deserialize, Serialize};
+use thiserror::Error;
+
+#[allow(unused)]
+#[derive(Error, Debug)]
+pub enum ApiClientError {
+    #[error("{source}")]
+    Reqwest {
+        #[from]
+        source: reqwest::Error,
+    },
+    #[error("{source}")]
+    SerdeJson {
+        #[from]
+        source: serde_json::Error,
+    },
+    #[error("{0}")]
+    Status(String),
+}
+
+const API_BASE_URL: &str = "https://growth-api.nymtech.net";
+
+// For development mode, switch to this
+// const API_BASE_URL: &str = "http://localhost:8000";
+
+#[derive(Debug, Clone)]
+pub struct GrowthApiClient {
+    base_url: String,
+}
+
+impl GrowthApiClient {
+    pub fn new(resource_base: &str) -> Self {
+        let base_url = std::env::var("API_BASE_URL").unwrap_or_else(|_| API_BASE_URL.to_string());
+        GrowthApiClient {
+            base_url: format!("{base_url}{resource_base}"),
+        }
+    }
+
+    pub fn registrations() -> Registrations {
+        Registrations::new(GrowthApiClient::new("/v1/tne"))
+    }
+
+    pub fn daily_draws() -> DailyDraws {
+        DailyDraws::new(GrowthApiClient::new("/v1/tne/daily_draw"))
+    }
+
+    pub(crate) async fn get<T: DeserializeOwned>(&self, url: &str) -> Result<T, ApiClientError> {
+        log::info!(">>> GET {}", url);
+        let proxy = reqwest::Proxy::all("socks5h://127.0.0.1:1080")?;
+        let client = reqwest::Client::builder()
+            .proxy(proxy)
+            .timeout(std::time::Duration::from_secs(10))
+            .build()?;
+
+        match client.get(format!("{}{}", self.base_url, url)).send().await {
+            Ok(res) => {
+                if res.status().is_client_error() || res.status().is_server_error() {
+                    log::error!("<<< {}", res.status());
+                    return Err(ApiClientError::Status(res.status().to_string()));
+                }
+                match res.text().await {
+                    Ok(response_body) => {
+                        log::info!("<<< {}", response_body);
+                        match serde_json::from_str(&response_body) {
+                            Ok(res) => Ok(res),
+                            Err(e) => {
+                                log::error!("<<< JSON parsing error: {}", e);
+                                Err(e.into())
+                            }
+                        }
+                    }
+                    Err(e) => {
+                        log::error!("<<< Request error: {}", e);
+                        Err(e.into())
+                    }
+                }
+            }
+            Err(e) => {
+                log::error!("<<< Response parsing error: {}", e);
+                Err(e.into())
+            }
+        }
+    }
+
+    // TODO: use the method in `operations::http` instead
+    pub(crate) async fn post<REQ: Serialize + ?Sized, RESP: DeserializeOwned>(
+        &self,
+        url: &str,
+        body: &REQ,
+    ) -> Result<RESP, ApiClientError> {
+        log::info!(">>> POST {}", url);
+        let proxy = reqwest::Proxy::all("socks5h://127.0.0.1:1080")?;
+        let client = reqwest::Client::builder()
+            .proxy(proxy)
+            .timeout(std::time::Duration::from_secs(10))
+            .build()?;
+
+        match client
+            .post(format!("{}{}", self.base_url, url))
+            .json(body)
+            .send()
+            .await
+        {
+            Ok(res) => {
+                if res.status().is_client_error() || res.status().is_server_error() {
+                    log::error!("<<< {}", res.status());
+                    return Err(ApiClientError::Status(res.status().to_string()));
+                }
+                match res.text().await {
+                    Ok(response_body) => {
+                        log::info!("<<< {}", response_body);
+                        match serde_json::from_str(&response_body) {
+                            Ok(res) => Ok(res),
+                            Err(e) => {
+                                log::error!("<<< JSON parsing error: {}", e);
+                                Err(e.into())
+                            }
+                        }
+                    }
+                    Err(e) => {
+                        log::error!("<<< Request error: {}", e);
+                        Err(e.into())
+                    }
+                }
+            }
+            Err(e) => {
+                log::error!("<<< Response parsing error: {}", e);
+                Err(e.into())
+            }
+        }
+    }
+}
+
+#[derive(Debug, Clone, Deserialize, Serialize)]
+pub struct ClientIdPartial {
+    pub client_id: String,
+    pub client_id_signature: String,
+}
+
+#[derive(Debug, Clone, Deserialize, Serialize)]
+pub struct Registration {
+    pub id: String,
+    pub client_id: String,
+    pub timestamp: String,
+}
+
+#[derive(Debug, Clone, Deserialize, Serialize)]
+pub struct Ping {
+    pub client_id: String,
+    pub timestamp: String,
+}
+
+pub struct Registrations {
+    client: GrowthApiClient,
+}
+
+impl Registrations {
+    pub fn new(client: GrowthApiClient) -> Self {
+        Registrations { client }
+    }
+
+    pub async fn register(
+        &self,
+        registration: &ClientIdPartial,
+    ) -> Result<Registration, ApiClientError> {
+        self.client.post("/register", &registration).await
+    }
+
+    #[allow(dead_code)]
+    pub async fn unregister(&self, registration: &ClientIdPartial) -> Result<(), ApiClientError> {
+        self.client.post("/unregister", &registration).await
+    }
+
+    #[allow(dead_code)]
+    pub async fn status(&self, registration: &ClientIdPartial) -> Result<(), ApiClientError> {
+        self.client.post("/status", &registration).await
+    }
+
+    pub async fn ping(&self, registration: &ClientIdPartial) -> Result<(), ApiClientError> {
+        self.client.post("/ping", &registration).await
+    }
+
+    #[allow(dead_code)]
+    pub async fn health(&self) -> Result<(), ApiClientError> {
+        self.client.get("/health").await
+    }
+}
+
+#[derive(Debug, Clone, Deserialize, Serialize)]
+pub struct DrawEntryPartial {
+    pub draw_id: String,
+    pub client_id: String,
+    pub client_id_signature: String,
+}
+
+#[derive(Debug, Clone, Deserialize, Serialize)]
+pub struct DrawEntry {
+    pub id: String,
+    pub draw_id: String,
+    pub timestamp: String,
+    pub status: Option<String>,
+}
+
+#[derive(Debug, Clone, Deserialize, Serialize)]
+pub struct DrawWithWordOfTheDay {
+    pub id: String,
+    pub start_utc: String,
+    pub end_utc: String,
+    pub word_of_the_day: Option<String>,
+    pub last_modified: String,
+}
+
+#[derive(Debug, Clone, Deserialize, Serialize)]
+pub struct ClaimPartial {
+    pub draw_id: String,
+    pub registration_id: String,
+    pub client_id: String,
+    pub client_id_signature: String,
+    pub wallet_address: String,
+}
+
+#[derive(Debug, Clone, Deserialize, Serialize)]
+pub struct Winner {
+    pub id: String,
+    pub client_id: String,
+    pub draw_id: String,
+    pub timestamp: String,
+    pub winner_reg_id: String,
+    pub winner_wallet_address: Option<String>,
+    pub winner_claim_timestamp: Option<String>,
+}
+
+pub struct DailyDraws {
+    client: GrowthApiClient,
+}
+
+impl DailyDraws {
+    pub fn new(client: GrowthApiClient) -> Self {
+        DailyDraws { client }
+    }
+
+    pub async fn current(&self) -> Result<DrawWithWordOfTheDay, ApiClientError> {
+        self.client.get("/current").await
+    }
+
+    pub async fn next(&self) -> Result<DrawWithWordOfTheDay, ApiClientError> {
+        self.client.get("/next").await
+    }
+
+    #[allow(dead_code)]
+    pub async fn status(&self, draw_id: &str) -> Result<DrawWithWordOfTheDay, ApiClientError> {
+        self.client.get(format!("/status/{draw_id}").as_str()).await
+    }
+
+    pub async fn enter(&self, entry: &DrawEntryPartial) -> Result<DrawEntry, ApiClientError> {
+        self.client.post("/enter", entry).await
+    }
+
+    pub async fn entries(
+        &self,
+        client_id: &ClientIdPartial,
+    ) -> Result<Vec<DrawEntry>, ApiClientError> {
+        self.client.post("/entries", client_id).await
+    }
+
+    pub async fn claim(&self, claim: &ClaimPartial) -> Result<Winner, ApiClientError> {
+        self.client.post("/claim", claim).await
+    }
+}

nym-connect-android/src-tauri/src/operations/growth/assets.rs

@@ -0,0 +1,57 @@
+use rust_embed::RustEmbed;
+extern crate yaml_rust;
+use yaml_rust::YamlLoader;
+
+#[derive(RustEmbed)]
+#[folder = "../src/components/Growth/content/"]
+#[include = "*.yaml"]
+#[exclude = "*.mdx"]
+struct Asset;
+
+#[derive(Debug)]
+pub struct NotificationContent {
+    pub title: String,
+    pub body: String,
+}
+
+#[derive(Debug)]
+pub struct Notifications {
+    pub you_are_in_draw: NotificationContent,
+    pub take_part: NotificationContent,
+}
+
+pub struct Content {}
+
+const RESOURCE_ERROR: &str = "❌ RESOURCE ERROR";
+
+fn get_as_string_or_error_message(value: &yaml_rust::Yaml) -> String {
+    value.as_str().unwrap_or(RESOURCE_ERROR).to_string()
+}
+
+impl Content {
+    pub fn get_notifications() -> Notifications {
+        let content = Asset::get("en.yaml").unwrap();
+        let s = std::str::from_utf8(content.data.as_ref()).unwrap();
+        let content = YamlLoader::load_from_str(s).unwrap();
+        let content = &content[0];
+
+        Notifications {
+            you_are_in_draw: NotificationContent {
+                title: get_as_string_or_error_message(
+                    &content["testAndEarn"]["notifications"]["youAreInDraw"]["title"],
+                ),
+                body: get_as_string_or_error_message(
+                    &content["testAndEarn"]["notifications"]["youAreInDraw"]["body"],
+                ),
+            },
+            take_part: NotificationContent {
+                title: get_as_string_or_error_message(
+                    &content["testAndEarn"]["notifications"]["takePart"]["title"],
+                ),
+                body: get_as_string_or_error_message(
+                    &content["testAndEarn"]["notifications"]["takePart"]["body"],
+                ),
+            },
+        }
+    }
+}

nym-connect-android/src-tauri/src/operations/growth/mod.rs

@@ -0,0 +1,3 @@
+pub mod api_client;
+pub mod assets;
+pub mod test_and_earn;

nym-connect-android/src-tauri/src/operations/growth/test_and_earn.rs

@@ -0,0 +1,159 @@
+use crate::error::BackendError;
+use crate::operations::export::get_identity_key;
+use crate::operations::growth::api_client::{
+    ClaimPartial, ClientIdPartial, DrawEntry, DrawEntryPartial, DrawWithWordOfTheDay,
+    GrowthApiClient, Registration, Winner,
+};
+use crate::State;
+use serde::{Deserialize, Serialize};
+use std::sync::Arc;
+#[cfg(desktop)]
+use tauri::api::notification::Notification;
+use tauri::Manager;
+use tokio::sync::RwLock;
+
+async fn get_client_id(
+    state: &tauri::State<'_, Arc<RwLock<State>>>,
+) -> Result<ClientIdPartial, BackendError> {
+    let keypair = get_identity_key(state).await?;
+    let client_id = keypair.public_key().to_base58_string();
+    let client_id_signature = keypair
+        .private_key()
+        .sign(client_id.as_bytes())
+        .to_base58_string();
+    Ok(ClientIdPartial {
+        client_id,
+        client_id_signature,
+    })
+}
+
+#[tauri::command]
+pub async fn growth_tne_get_client_id(
+    state: tauri::State<'_, Arc<RwLock<State>>>,
+) -> Result<ClientIdPartial, BackendError> {
+    get_client_id(&state).await
+}
+
+#[tauri::command]
+pub async fn growth_tne_take_part(
+    app_handle: tauri::AppHandle,
+    state: tauri::State<'_, Arc<RwLock<State>>>,
+) -> Result<Registration, BackendError> {
+    let notifications = super::assets::Content::get_notifications();
+
+    let client_id = get_client_id(&state).await?;
+    let registration = GrowthApiClient::registrations()
+        .register(&client_id)
+        .await?;
+
+    log::info!("<<< Test&Earn: registration details: {:?}", registration);
+
+    #[cfg(desktop)]
+    if let Err(e) = Notification::new(&app_handle.config().tauri.bundle.identifier)
+        .title(notifications.take_part.title)
+        .body(notifications.take_part.body)
+        .show()
+    {
+        log::error!("Could not show notification. Error = {:?}", e);
+    }
+
+    Ok(registration)
+}
+
+#[derive(Debug, Clone, Deserialize, Serialize)]
+pub struct Draws {
+    pub current: Option<DrawWithWordOfTheDay>,
+    pub next: Option<DrawWithWordOfTheDay>,
+    pub draws: Vec<DrawEntry>,
+}
+
+#[tauri::command]
+pub async fn growth_tne_get_draws(client_details: ClientIdPartial) -> Result<Draws, BackendError> {
+    let draws_api = GrowthApiClient::daily_draws();
+
+    let current = draws_api.current().await.ok();
+    let next = draws_api.next().await.ok();
+    let draws = draws_api.entries(&client_details).await?;
+
+    Ok(Draws {
+        current,
+        next,
+        draws,
+    })
+}
+
+#[tauri::command]
+pub async fn growth_tne_enter_draw(
+    client_details: ClientIdPartial,
+    draw_id: String,
+) -> Result<DrawEntry, BackendError> {
+    Ok(GrowthApiClient::daily_draws()
+        .enter(&DrawEntryPartial {
+            draw_id,
+            client_id: client_details.client_id,
+            client_id_signature: client_details.client_id_signature,
+        })
+        .await?)
+}
+
+#[tauri::command]
+pub async fn growth_tne_submit_wallet_address(
+    client_details: ClientIdPartial,
+    draw_id: String,
+    wallet_address: String,
+    registration_id: String,
+) -> Result<Winner, BackendError> {
+    Ok(GrowthApiClient::daily_draws()
+        .claim(&ClaimPartial {
+            draw_id,
+            client_id: client_details.client_id,
+            client_id_signature: client_details.client_id_signature,
+            wallet_address,
+            registration_id,
+        })
+        .await?)
+}
+
+#[tauri::command]
+pub async fn growth_tne_ping(client_details: ClientIdPartial) -> Result<(), BackendError> {
+    log::info!("Test&Earn is sending a ping...");
+    Ok(GrowthApiClient::registrations()
+        .ping(&client_details)
+        .await?)
+}
+
+#[cfg(desktop)]
+#[tauri::command]
+pub async fn growth_tne_toggle_window(
+    app_handle: tauri::AppHandle,
+    window_title: Option<String>,
+) -> Result<(), BackendError> {
+    if let Some(window) = app_handle.windows().get("growth") {
+        log::info!("Closing growth window...");
+        if let Err(e) = window.close() {
+            log::error!("Unable to close growth window: {:?}", e);
+        }
+        return Ok(());
+    }
+
+    log::info!("Creating growth window...");
+    match tauri::WindowBuilder::new(
+        &app_handle,
+        "growth",
+        tauri::WindowUrl::App("growth.html".into()),
+    )
+    .title(window_title.unwrap_or_else(|| "NymConnect Test&Earn".to_string()))
+    .build()
+    {
+        Ok(window) => {
+            if let Err(e) = window.set_focus() {
+                log::error!("Unable to focus growth window: {:?}", e);
+            }
+            Ok(())
+        }
+        Err(e) => {
+            log::error!("Unable to create growth window: {:?}", e);
+            Err(BackendError::NewWindowError)
+        }
+    }
+}

nym-connect-android/src-tauri/src/operations/mod.rs

@@ -1,6 +1,7 @@
 pub mod connection;
 pub mod directory;
 pub mod export;
+pub mod growth;
 pub mod help;
 pub mod http;
 #[cfg(desktop)]

nym-connect-android/src-tauri/src/state.rs

@@ -161,7 +161,7 @@ impl State {
 
     pub fn load_socks5_config(&self) -> Result<Socks5Config> {
         let id = self.get_config_id()?;
-        let config = Socks5Config::load_from_file(&id)
+        let config = Socks5Config::load_from_file(Some(&id))
             .tap_err(|_| log::warn!("Failed to load configuration file"))?;
         Ok(config)
     }

nym-connect-android/src/components/Growth/TestAndEarnButtonArea.tsx

@@ -0,0 +1,84 @@
+import React from 'react';
+import { Badge, Box, Button, Tooltip } from '@mui/material';
+import MonetizationOnIcon from '@mui/icons-material/MonetizationOn';
+import { invoke } from '@tauri-apps/api';
+import Content from './content/en.yaml';
+import { useClientContext } from '../../context/main';
+import { useTestAndEarnContext } from './context/TestAndEarnContext';
+import { NymShipyardTheme } from '../../theme';
+import { ConnectionStatusKind } from '../../types';
+
+export const Wrapper: FCWithChildren<{ disabled: boolean }> = ({ disabled, children }) => {
+  if (disabled) {
+    return (
+      <Badge badgeContent="!" color="warning">
+        <Tooltip arrow title={disabled ? Content.testAndEarn.mainWindow.button.popup.disconnected : undefined}>
+          <div>{children}</div>
+        </Tooltip>
+      </Badge>
+    );
+  }
+  // eslint-disable-next-line react/jsx-no-useless-fragment
+  return <>{children}</>;
+};
+
+export const TestAndEarnButtonArea: FCWithChildren = () => {
+  const clientContext = useClientContext();
+  const context = useTestAndEarnContext();
+  const disabled = clientContext.connectionStatus !== ConnectionStatusKind.connected;
+  const pinger = React.useRef<NodeJS.Timer | null>();
+
+  const doPing = async () => {
+    if (context.clientDetails) {
+      try {
+        await invoke('growth_tne_ping', { clientDetails: context.clientDetails });
+      } catch (_e) {
+        // console.error('Failed to ping: ', e);
+      }
+    }
+  };
+
+  React.useEffect(() => {
+    (async () => {
+      if (!disabled) {
+        // sleep a little until the SOCKS5 proxy connects
+        setTimeout(() => {
+          doPing();
+        }, 1000 * 10);
+
+        // update every 15 mins
+        pinger.current = setInterval(doPing, 1000 * 60 * 15);
+      } else if (pinger.current) {
+        clearInterval(pinger.current);
+        pinger.current = null;
+      }
+    })();
+  }, [disabled, context.clientDetails]);
+
+  const handleClick = async () => {
+    if (!disabled) {
+      await context.toggleGrowthWindow(Content.testAndEarn.popupWindow.title);
+    }
+  };
+
+  return (
+    <NymShipyardTheme>
+      <Box justifyContent="center" display="grid">
+        <Wrapper disabled={disabled}>
+          <Button
+            color={disabled ? 'secondary' : undefined}
+            variant="contained"
+            size="small"
+            endIcon={<MonetizationOnIcon />}
+            sx={{ width: '150px', mb: 4, opacity: disabled ? 0.4 : undefined }}
+            onClick={handleClick}
+          >
+            {context.registration
+              ? Content.testAndEarn.mainWindow.button.text.entered
+              : Content.testAndEarn.mainWindow.button.text.default}
+          </Button>
+        </Wrapper>
+      </Box>
+    </NymShipyardTheme>
+  );
+};

nym-connect-android/src/components/Growth/TestAndEarnCurrentDraw.stories.tsx

@@ -0,0 +1,94 @@
+import * as React from 'react';
+import { ComponentMeta } from '@storybook/react';
+import { DateTime, Duration } from 'luxon';
+import {
+  TestAndEarnCurrentDraw,
+  TestAndEarnCurrentDrawEntered,
+  TestAndEarnCurrentDrawFuture,
+} from './TestAndEarnCurrentDraw';
+import { NymShipyardTheme } from '../../theme';
+import { DrawEntryStatus } from './context/types';
+import { testMarkdown } from './context/mocks/TestAndEarnContext';
+
+export default {
+  title: 'Growth/TestAndEarn/Components/Cards/Current Draw',
+  component: TestAndEarnCurrentDraw,
+} as ComponentMeta<typeof TestAndEarnCurrentDraw>;
+
+export const Valid = () => (
+  <NymShipyardTheme>
+    <TestAndEarnCurrentDraw
+      draw={{
+        id: '1',
+        start_utc: DateTime.now().toISO(),
+        end_utc: DateTime.now()
+          .plus(Duration.fromMillis(1000 * 3600))
+          .toISO(),
+        last_modified: DateTime.now().toISO(),
+        word_of_the_day: 'words words words',
+      }}
+    />
+  </NymShipyardTheme>
+);
+
+export const EnteredMalformedDraw = () => (
+  <NymShipyardTheme>
+    <TestAndEarnCurrentDrawEntered
+      draw={{
+        id: '1',
+        start_utc: DateTime.now().toISO(),
+        end_utc: DateTime.now()
+          .plus(Duration.fromMillis(1000 * 3600))
+          .toISO(),
+        last_modified: DateTime.now().toISO(),
+        word_of_the_day: undefined,
+        entry: {
+          draw_id: '1',
+          status: DrawEntryStatus.pending,
+          id: 'aaaa',
+          timestamp: DateTime.now().toISO(),
+        },
+      }}
+    />
+  </NymShipyardTheme>
+);
+
+export const EnteredDraw = () => (
+  <NymShipyardTheme>
+    <TestAndEarnCurrentDrawEntered
+      draw={{
+        id: '1',
+        start_utc: DateTime.now().toISO(),
+        end_utc: DateTime.now()
+          .plus(Duration.fromMillis(1000 * 3600))
+          .toISO(),
+        last_modified: DateTime.now().toISO(),
+        word_of_the_day: testMarkdown,
+        entry: {
+          draw_id: '1',
+          status: DrawEntryStatus.pending,
+          id: 'aaaa',
+          timestamp: DateTime.now().toISO(),
+        },
+      }}
+    />
+  </NymShipyardTheme>
+);
+
+export const Future = () => (
+  <NymShipyardTheme>
+    <TestAndEarnCurrentDrawFuture
+      draw={{
+        id: '1',
+        start_utc: DateTime.now()
+          .plus(Duration.fromMillis(1000 * 3600))
+          .toISO(),
+        end_utc: DateTime.now()
+          .plus(Duration.fromMillis(1000 * 3600 * 2))
+          .toISO(),
+        last_modified: DateTime.now().toISO(),
+        word_of_the_day: 'words words words',
+      }}
+    />
+  </NymShipyardTheme>
+);

nym-connect-android/src/components/Growth/TestAndEarnCurrentDraw.tsx

@@ -0,0 +1,192 @@
+import React from 'react';
+import LoadingButton from '@mui/lab/LoadingButton';
+import { Alert, AlertTitle, Box, Card, CardContent, CardMedia, Link, Typography } from '@mui/material';
+import { SxProps } from '@mui/system';
+import { DateTime } from 'luxon';
+import ReactMarkdown from 'react-markdown';
+import assetAnimation from './content/assets/matrix.webp';
+import { CopyToClipboard } from '../CopyToClipboard';
+import { useTestAndEarnContext } from './context/TestAndEarnContext';
+import { DrawEntryStatus, DrawWithWordOfTheDay } from './context/types';
+import Content from './content/en.yaml';
+
+export const TestAndEarnCurrentDrawFuture: FCWithChildren<{ draw?: DrawWithWordOfTheDay }> = ({ draw }) => {
+  const startsUtc = React.useMemo(() => draw && DateTime.fromISO(draw.start_utc), [draw?.start_utc]);
+  const startsIn = React.useMemo(() => {
+    if (draw && startsUtc) {
+      return startsUtc.toRelative();
+    }
+    return undefined;
+  }, [draw?.start_utc]);
+
+  if (!draw || !startsUtc) {
+    return null;
+  }
+  return (
+    <Card sx={{ mb: 2 }} elevation={10}>
+      <CardContent>
+        <h3>
+          {Content.testAndEarn.draw.next.header} {startsIn} ⏰
+        </h3>
+        <p>on {startsUtc.toLocaleString(DateTime.DATETIME_FULL)}</p>
+      </CardContent>
+    </Card>
+  );
+};
+
+export const TestAndEarnCurrentDrawEnter: FCWithChildren<{ draw?: DrawWithWordOfTheDay }> = ({ draw }) => {
+  const context = useTestAndEarnContext();
+  const [busy, setBusy] = React.useState(false);
+  const [error, setError] = React.useState<string>();
+  const handleClick = async () => {
+    if (!draw) {
+      setError('No draw selected');
+      return;
+    }
+
+    setBusy(true);
+    try {
+      await context.enterDraw(draw.id);
+    } catch (e) {
+      const message = `${e}`;
+      console.error('Could not enter draw', message);
+      setError(message);
+    }
+    setBusy(false);
+  };
+  return (
+    <Box display="flex" flexDirection="column" alignItems="center" py={3} px={2} mx={6} my={2}>
+      <Typography mb={4}>Complete today’s task for the chance to earn 1000 NYMs.</Typography>
+      <LoadingButton variant="contained" size="large" loading={busy} onClick={handleClick}>
+        Start task ✨
+      </LoadingButton>
+      {error && (
+        <Box mt={2}>
+          <Alert variant="filled" severity="error">
+            <AlertTitle>Oh no! Something went wrong.</AlertTitle>
+            {error}
+          </Alert>
+        </Box>
+      )}
+    </Box>
+  );
+};
+
+export const TestAndEarnCurrentDrawEntered: FCWithChildren<{ draw?: DrawWithWordOfTheDay }> = ({ draw }) => {
+  if (!draw || !draw.entry) {
+    return null;
+  }
+
+  if (!draw.word_of_the_day) {
+    return (
+      <Alert severity="error" variant="filled">
+        <AlertTitle>Oh no! Something is wrong</AlertTitle>
+        Someone configured the wrong instructions for the task, you will not be able to see it until this is fixed
+      </Alert>
+    );
+  }
+
+  return (
+    <Box
+      display="flex"
+      flexDirection="column"
+      alignItems="center"
+      sx={{ background: 'rgba(255,255,255,0.1)' }}
+      py={4}
+      mx={6}
+      my={2}
+      borderRadius={2}
+    >
+      <Box py={2} px={4} color="warning.light">
+        <ReactMarkdown>{draw.word_of_the_day}</ReactMarkdown>
+      </Box>
+
+      <Typography>{Content.testAndEarn.task.afterText}</Typography>
+      <Typography mt={2} fontFamily="monospace" fontWeight="bold" color="warning.main">
+        {draw.entry.id} <CopyToClipboard iconButton light text={draw.entry.id} />
+      </Typography>
+
+      <Typography mt={2}>{Content.testAndEarn.task.beforeSocials}</Typography>
+      <Typography mt={2} mx={1} textAlign="center">
+        <Typography component="span" color="info.light" fontWeight="bold">
+          Twitter
+        </Typography>{' '}
+        - remember to
+        <Typography component="span" color="info.light">
+          @nymproject
+        </Typography>{' '}
+        and use the hashtag{' '}
+        <Typography component="span" color="info.light">
+          #PrivacyLovesCompany
+        </Typography>
+      </Typography>
+      <Typography mt={2}>or</Typography>
+      <Typography textAlign="center" fontWeight="bold">
+        Nym{' '}
+        <Link target="_blank" href="https://t.me/nymchan" color="info.light">
+          Telegram channel
+        </Link>
+      </Typography>
+    </Box>
+  );
+};
+
+export const TestAndEarnCurrentDraw: FCWithChildren<{
+  draw?: DrawWithWordOfTheDay;
+  sx?: SxProps;
+}> = ({ draw }) => {
+  const [trigger, setTrigger] = React.useState(DateTime.now().toISO());
+  const endsUtc = React.useMemo(() => draw && DateTime.fromISO(draw.end_utc), [draw?.end_utc]);
+  const closesIn = React.useMemo(() => {
+    if (draw && endsUtc) {
+      return endsUtc.toRelative();
+    }
+    return undefined;
+  }, [trigger, endsUtc]);
+
+  React.useEffect(() => {
+    const timer = setInterval(() => setTrigger(DateTime.now().toISO()), 1000 * 3600 * 15);
+    return () => clearInterval(timer);
+  }, []);
+
+  if (draw && closesIn && endsUtc) {
+    return (
+      <Card elevation={10}>
+        <CardContent>
+          <h3>
+            {"Today's task ends "}
+            {closesIn}
+            <Typography sx={{ opacity: 0.5 }}>
+              {endsUtc.weekdayLong} {endsUtc.toLocaleString(DateTime.DATETIME_FULL)}
+            </Typography>
+          </h3>
+          {!draw.entry && <TestAndEarnCurrentDrawEnter draw={draw} />}
+          {draw.entry && <TestAndEarnCurrentDrawEntered draw={draw} />}
+        </CardContent>
+        <CardMedia component="img" height="150" image={assetAnimation} alt="lottery" />
+      </Card>
+    );
+  }
+
+  return null;
+};
+
+export const TestAndEarnCurrentDrawWithState: FCWithChildren<{
+  sx?: SxProps;
+}> = ({ sx }) => {
+  const context = useTestAndEarnContext();
+
+  if (
+    context.draws?.current?.entry?.status === DrawEntryStatus.winner ||
+    context.draws?.current?.entry?.status === DrawEntryStatus.claimed ||
+    context.draws?.current?.entry?.status === DrawEntryStatus.noWin
+  ) {
+    return null;
+  }
+
+  if (!context.draws?.current) {
+    return <TestAndEarnCurrentDrawFuture draw={context.draws?.next} />;
+  }
+
+  return <TestAndEarnCurrentDraw sx={sx} draw={context.draws.current} />;
+};

nym-connect-android/src/components/Growth/TestAndEarnDraws.stories.tsx

@@ -0,0 +1,19 @@
+/* eslint-disable react/jsx-pascal-case */
+import * as React from 'react';
+import { ComponentMeta } from '@storybook/react';
+import { NymShipyardTheme } from 'src/theme';
+import { TestAndEarnDraws } from './TestAndEarnDraws';
+import { MockTestAndEarnProvider_RegisteredWithAllDraws } from './context/mocks/TestAndEarnContext';
+
+export default {
+  title: 'Growth/TestAndEarn/Components/Cards/Draws',
+  component: TestAndEarnDraws,
+} as ComponentMeta<typeof TestAndEarnDraws>;
+
+export const Draws = () => (
+  <NymShipyardTheme>
+    <MockTestAndEarnProvider_RegisteredWithAllDraws>
+      <TestAndEarnDraws />
+    </MockTestAndEarnProvider_RegisteredWithAllDraws>
+  </NymShipyardTheme>
+);

nym-connect-android/src/components/Growth/TestAndEarnDraws.tsx

@@ -0,0 +1,196 @@
+/* eslint-disable react/jsx-no-useless-fragment */
+import React from 'react';
+import LoadingButton from '@mui/lab/LoadingButton';
+import {
+  Alert,
+  AlertTitle,
+  Button,
+  Card,
+  CardContent,
+  Chip,
+  Dialog,
+  Table,
+  TableBody,
+  TableCell,
+  TableContainer,
+  TableRow,
+  Tooltip,
+  Typography,
+} from '@mui/material';
+import { SxProps } from '@mui/system';
+import { DateTime } from 'luxon';
+import { useTestAndEarnContext } from './context/TestAndEarnContext';
+import { DrawEntry, DrawEntryStatus } from './context/types';
+import { CopyToClipboard } from '../CopyToClipboard';
+import { TestAndEarnEnterWalletAddress } from './TestAndEarnEnterWalletAddress';
+import Content from './content/en.yaml';
+
+const statusToText = (status: string): string => Content.testAndEarn.status.chip[status] || '-';
+
+const statusToColor = (status: string): 'info' | 'success' | 'warning' | undefined => {
+  switch (status) {
+    case DrawEntryStatus.pending:
+      return 'info';
+    case DrawEntryStatus.winner:
+      return 'warning';
+    case DrawEntryStatus.claimed:
+      return 'success';
+    default:
+      return undefined;
+  }
+};
+
+const StatusText: FCWithChildren<{ entry: DrawEntry }> = ({ entry }) => {
+  const context = useTestAndEarnContext();
+  const [busy, setBusy] = React.useState(false);
+  const [error, setError] = React.useState<string>();
+  const [showWalletCapture, setShowWalletCapture] = React.useState(false);
+
+  const clear = () => {
+    setShowWalletCapture(false);
+    setError(undefined);
+    setBusy(false);
+  };
+
+  const handleStartWalletCapture = async () => {
+    setBusy(true);
+    setShowWalletCapture(true);
+  };
+
+  const cancelEndWalletCapture = async () => {
+    setBusy(false);
+    setShowWalletCapture(false);
+  };
+
+  const handleEndWalletCapture = async () => {
+    setBusy(true);
+    setShowWalletCapture(false);
+
+    if (!context.walletAddress) {
+      setError('Wallet address is not set');
+      return;
+    }
+    if (!entry.draw_id) {
+      setError('Task id is not set');
+      return;
+    }
+
+    try {
+      await context.claim(entry.draw_id, context.walletAddress);
+    } catch (e) {
+      const message = `${e}`;
+      console.error('Failed to submit claim');
+      setError(message);
+    }
+    setBusy(false);
+  };
+
+  if (error) {
+    return (
+      <Alert severity="error" variant="filled">
+        <AlertTitle>Oh no! Failed to submit claim</AlertTitle>
+        {error}
+        <Button variant="contained" color="secondary" size="small" onClick={() => clear()} sx={{ mx: 2 }}>
+          Try again!
+        </Button>
+      </Alert>
+    );
+  }
+
+  if (showWalletCapture) {
+    return (
+      <Dialog open fullWidth onBackdropClick={cancelEndWalletCapture}>
+        <TestAndEarnEnterWalletAddress onSubmit={handleEndWalletCapture} />
+      </Dialog>
+    );
+  }
+
+  switch (entry.status) {
+    case DrawEntryStatus.pending:
+      return <>{Content.testAndEarn.status.text.Pending}</>;
+    case DrawEntryStatus.winner:
+      return (
+        <>
+          {Content.testAndEarn.status.text.Winner}
+          <LoadingButton
+            loading={busy}
+            disabled={busy}
+            variant="contained"
+            sx={{ ml: 2 }}
+            size="small"
+            onClick={handleStartWalletCapture}
+          >
+            {Content.testAndEarn.winner.claimButton.text}
+          </LoadingButton>
+        </>
+      );
+    case DrawEntryStatus.claimed:
+      return <>{Content.testAndEarn.status.text.Claimed}</>;
+    case DrawEntryStatus.noWin:
+      return <>{Content.testAndEarn.status.text.NoWin}</>;
+    default:
+      return null;
+  }
+};
+
+export const TestAndEarnDraws: FCWithChildren<{
+  sx?: SxProps;
+}> = () => {
+  const context = useTestAndEarnContext();
+
+  const draws = React.useMemo<DrawEntry[]>(
+    () =>
+      (context.draws?.draws || []).map((item) => ({
+        ...item,
+        timestamp: DateTime.fromISO(item.timestamp).toLocaleString(DateTime.DATETIME_FULL),
+      })),
+    [context.draws?.draws],
+  );
+
+  if (!context.draws) {
+    return null;
+  }
+
+  return (
+    <Card sx={{ mb: 2 }}>
+      <CardContent>
+        <Typography mb={2}>Here is a history of the tasks you have completed:</Typography>
+        <TableContainer>
+          <Table>
+            <TableBody>
+              {draws.map((entry) => (
+                <TableRow key={entry.draw_id}>
+                  <TableCell width="150px">{entry.timestamp}</TableCell>
+                  <TableCell width="150px">
+                    <Tooltip arrow title={`Task Id: ${entry.draw_id}`}>
+                      <Chip label={statusToText(entry.status)} color={statusToColor(entry.status)} />
+                    </Tooltip>
+                  </TableCell>
+                  <TableCell>
+                    <StatusText entry={entry} />
+                  </TableCell>
+                  <TableCell>
+                    {entry.id} <CopyToClipboard iconButton light text={entry.id} />
+                  </TableCell>
+                </TableRow>
+              ))}
+            </TableBody>
+          </Table>
+        </TableContainer>
+      </CardContent>
+    </Card>
+  );
+};
+
+export const TestAndEarnDrawsWithState: FCWithChildren<{
+  sx?: SxProps;
+}> = ({ sx }) => {
+  const context = useTestAndEarnContext();
+
+  const drawCount = context.draws?.draws?.length || 0;
+  if (drawCount < 1) {
+    return null;
+  }
+
+  return <TestAndEarnDraws sx={sx} />;
+};

nym-connect-android/src/components/Growth/TestAndEarnEnterWalletAddress.stories.tsx

@@ -0,0 +1,41 @@
+import * as React from 'react';
+import { ComponentMeta } from '@storybook/react';
+import { Box } from '@mui/material';
+import { TestAndEarnEnterWalletAddress } from './TestAndEarnEnterWalletAddress';
+import { TestAndEarnContextProvider } from './context/TestAndEarnContext';
+import { NymShipyardTheme } from '../../theme';
+
+export default {
+  title: 'Growth/TestAndEarn/Components/Enter wallet address',
+  component: TestAndEarnEnterWalletAddress,
+} as ComponentMeta<typeof TestAndEarnEnterWalletAddress>;
+
+export const Empty = () => (
+  <NymShipyardTheme>
+    <TestAndEarnContextProvider>
+      <Box minWidth="25vw" maxWidth={500}>
+        <TestAndEarnEnterWalletAddress sx={{ width: '100%' }} />
+      </Box>
+    </TestAndEarnContextProvider>
+  </NymShipyardTheme>
+);
+
+export const ErrorValue = () => (
+  <NymShipyardTheme>
+    <TestAndEarnContextProvider>
+      <Box minWidth="25vw" maxWidth={500}>
+        <TestAndEarnEnterWalletAddress initialValue="this is a bad value" sx={{ width: '100%' }} />
+      </Box>
+    </TestAndEarnContextProvider>
+  </NymShipyardTheme>
+);
+
+export const ValidValue = () => (
+  <NymShipyardTheme>
+    <TestAndEarnContextProvider>
+      <Box minWidth="25vw" maxWidth={500}>
+        <TestAndEarnEnterWalletAddress initialValue="n1xr4w0kddak8d8zlfmu8sl6dk2r4p9uhhzzlaec" sx={{ width: '100%' }} />
+      </Box>
+    </TestAndEarnContextProvider>
+  </NymShipyardTheme>
+);

nym-connect-android/src/components/Growth/TestAndEarnEnterWalletAddress.tsx

@@ -0,0 +1,37 @@
+import React from 'react';
+import { WalletAddressFormField } from '@nymproject/react/account/WalletAddressFormField';
+import { SxProps } from '@mui/system';
+import { Box, Button, Paper, Stack } from '@mui/material';
+import ArrowCircleRightIcon from '@mui/icons-material/ArrowCircleRight';
+import { useTestAndEarnContext } from './context/TestAndEarnContext';
+
+export const TestAndEarnEnterWalletAddress: FCWithChildren<{
+  initialValue?: string;
+  placeholder?: string;
+  onSubmit?: () => Promise<void> | void;
+  sx?: SxProps;
+}> = ({ initialValue, placeholder, onSubmit }) => {
+  const context = useTestAndEarnContext();
+  const [isAddressValid, setAddressIsValid] = React.useState(false);
+  return (
+    <Paper sx={{ py: 4, px: 2 }}>
+      <Stack spacing={4}>
+        <Box>
+          <WalletAddressFormField
+            label="Wallet address"
+            initialValue={initialValue}
+            placeholder={placeholder || 'Please enter your wallet address'}
+            onChanged={context.setWalletAddress}
+            onValidate={setAddressIsValid}
+            sx={{ width: '80%' }}
+          />
+        </Box>
+        <Box>
+          <Button variant="contained" endIcon={<ArrowCircleRightIcon />} disabled={!isAddressValid} onClick={onSubmit}>
+            Submit
+          </Button>
+        </Box>
+      </Stack>
+    </Paper>
+  );
+};

nym-connect-android/src/components/Growth/TestAndEarnError.tsx

@@ -0,0 +1,13 @@
+import React from 'react';
+import { Box, Button } from '@mui/material';
+
+export const TestAndEarnError: FCWithChildren<{ error?: string }> = ({ error = 'An error has occurred' }) => (
+  <Box>
+    <Box mb={4} fontWeight="bold">
+      {error}
+    </Box>
+    <Button variant="outlined" color="secondary">
+      Send us an error report
+    </Button>
+  </Box>
+);

nym-connect-android/src/components/Growth/TestAndEarnPopup.stories.tsx

@@ -0,0 +1,162 @@
+/* eslint-disable react/jsx-pascal-case */
+import * as React from 'react';
+import { ComponentMeta } from '@storybook/react';
+import { Alert, Box } from '@mui/material';
+import { NymShipyardTheme } from 'src/theme';
+import { TestAndEarnPopup, TestAndEarnPopupContent } from './TestAndEarnPopup';
+import { TestAndEarnContextProvider } from './context/TestAndEarnContext';
+import { MockProvider } from '../../context/mocks/main';
+import { ConnectionStatusKind } from '../../types';
+import {
+  MockTestAndEarnProvider_NotRegistered,
+  MockTestAndEarnProvider_RegisteredAndError,
+  MockTestAndEarnProvider_RegisteredWithDraws,
+  MockTestAndEarnProvider_RegisteredWithDrawsAndEntry,
+  MockTestAndEarnProvider_RegisteredWithDrawsAndEntryAndNoWinner,
+  MockTestAndEarnProvider_RegisteredWithDrawsAndEntryAndWinner,
+  MockTestAndEarnProvider_RegisteredWithDrawsAndEntryAndWinnerClaimed,
+  MockTestAndEarnProvider_RegisteredWithDrawsAndEntryAndWinnerCollectWallet,
+  MockTestAndEarnProvider_RegisteredWithDrawsNoCurrent,
+} from './context/mocks/TestAndEarnContext';
+
+export default {
+  title: 'Growth/TestAndEarn/Content/Popup',
+  component: TestAndEarnPopupContent,
+} as ComponentMeta<typeof TestAndEarnPopupContent>;
+
+const MacOSWindow: FCWithChildren<{
+  width?: string | number;
+  height?: string | number;
+  title?: string;
+  children: React.ReactNode;
+}> = ({ title, width, height, children }) => (
+  <Box sx={{ border: '1px solid #EEEEEE', width, height }}>
+    <Box sx={{ background: '#EEEEEE', display: 'grid', gridTemplateColumns: 'auto auto', gridTemplateRows: 'auto' }}>
+      <Box ml={1}>
+        <svg width="52px" height="12px" viewBox="0 0 52 12" version="1.1" xmlns="http://www.w3.org/2000/svg">
+          <g id="Components" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
+            <g id="macOS" transform="translate(-600.000000, -220.000000)">
+              <g id="Group" transform="translate(600.000000, 220.000000)" strokeWidth="0.5">
+                <g id="Traffic-Lights">
+                  <circle id="Traffic-Light---Zoom" stroke="#1BAC2C" fill="#2ACB42" cx="46" cy="6" r="5.75" />
+                  <circle id="Traffic-Light---Minimise" stroke="#DFA023" fill="#FFC12F" cx="26" cy="6" r="5.75" />
+                  <circle id="Traffic-Light---Close" stroke="#E24640" fill="#FF6157" cx="6" cy="6" r="5.75" />
+                </g>
+              </g>
+            </g>
+          </g>
+        </svg>
+      </Box>
+      <Box
+        sx={{
+          alignSelf: 'center',
+          color: '#000000',
+          opacity: 0.848675272,
+          fontSize: 13,
+        }}
+      >
+        {title || 'Window title'}
+      </Box>
+    </Box>
+    <Box sx={{ overflowY: 'scroll', height: 'calc(100% - 25px)' }}>{children}</Box>
+  </Box>
+);
+
+const Wrapper: FCWithChildren<{ text: React.ReactNode }> = ({ text }) => (
+  <NymShipyardTheme>
+    <Alert severity="info" sx={{ mb: 4 }}>
+      {text}
+    </Alert>
+    <MacOSWindow width={700} height={600} title="Test&Earn">
+      <TestAndEarnPopup />
+    </MacOSWindow>
+  </NymShipyardTheme>
+);
+
+export const Stage0 = () => (
+  <MockProvider connectionStatus={ConnectionStatusKind.connected}>
+    <MockTestAndEarnProvider_NotRegistered>
+      <Wrapper text="The user sees this content when they have not joined Test&Earn." />
+    </MockTestAndEarnProvider_NotRegistered>
+  </MockProvider>
+);
+
+export const Stage1EnterDraw = () => (
+  <MockProvider connectionStatus={ConnectionStatusKind.connected}>
+    <MockTestAndEarnProvider_RegisteredWithDraws>
+      <Wrapper text="The user has signed up and can see the next draw and choose the enter." />
+    </MockTestAndEarnProvider_RegisteredWithDraws>
+  </MockProvider>
+);
+
+export const Stage2GetTask = () => (
+  <MockProvider connectionStatus={ConnectionStatusKind.connected}>
+    <MockTestAndEarnProvider_RegisteredWithDrawsAndEntry>
+      <Wrapper text="The user has entered a draw and can view the word of the day if they missed the popup notification." />
+    </MockTestAndEarnProvider_RegisteredWithDrawsAndEntry>
+  </MockProvider>
+);
+
+export const Stage3Winner = () => (
+  <MockProvider connectionStatus={ConnectionStatusKind.connected}>
+    <MockTestAndEarnProvider_RegisteredWithDrawsAndEntryAndWinner>
+      <Wrapper text="The user has won and can claim their prize." />
+    </MockTestAndEarnProvider_RegisteredWithDrawsAndEntryAndWinner>
+  </MockProvider>
+);
+
+export const Stage3NoPrize = () => (
+  <MockProvider connectionStatus={ConnectionStatusKind.connected}>
+    <MockTestAndEarnProvider_RegisteredWithDrawsAndEntryAndNoWinner>
+      <Wrapper text="The user has not won. A winner has been announced." />
+    </MockTestAndEarnProvider_RegisteredWithDrawsAndEntryAndNoWinner>
+  </MockProvider>
+);
+
+export const Stage4EnterWalletAddress = () => (
+  <MockProvider connectionStatus={ConnectionStatusKind.connected}>
+    <MockTestAndEarnProvider_RegisteredWithDrawsAndEntryAndWinnerCollectWallet>
+      <Wrapper text="The user is a winner, claims their prize and enters their wallet address." />
+    </MockTestAndEarnProvider_RegisteredWithDrawsAndEntryAndWinnerCollectWallet>
+  </MockProvider>
+);
+
+export const Stage5ClaimedPrize = () => (
+  <MockProvider connectionStatus={ConnectionStatusKind.connected}>
+    <MockTestAndEarnProvider_RegisteredWithDrawsAndEntryAndWinnerClaimed>
+      <Wrapper text="The user is a winner and has claimed their prize." />
+    </MockTestAndEarnProvider_RegisteredWithDrawsAndEntryAndWinnerClaimed>
+  </MockProvider>
+);
+
+export const Stage6DrawsFinished = () => (
+  <MockProvider connectionStatus={ConnectionStatusKind.connected}>
+    <MockTestAndEarnProvider_RegisteredWithDrawsNoCurrent>
+      <Wrapper text="There are no more draws. The user can see their entries and prizes they have claimed." />
+    </MockTestAndEarnProvider_RegisteredWithDrawsNoCurrent>
+  </MockProvider>
+);
+
+export const Connecting = () => (
+  <MockProvider connectionStatus={ConnectionStatusKind.connecting}>
+    <TestAndEarnContextProvider>
+      <Wrapper text="Test&Earn requires the user to be connected to talk the API. This is shown while connecting." />
+    </TestAndEarnContextProvider>
+  </MockProvider>
+);
+
+export const Disconnected = () => (
+  <MockProvider connectionStatus={ConnectionStatusKind.disconnected}>
+    <TestAndEarnContextProvider>
+      <Wrapper text="Test&Earn requires the user to be connected to talk the API. This is shown when not connected." />
+    </TestAndEarnContextProvider>
+  </MockProvider>
+);
+
+export const Error = () => (
+  <MockProvider>
+    <MockTestAndEarnProvider_RegisteredAndError>
+      <Wrapper text="The user see this with details about errors. They can submit an error report." />
+    </MockTestAndEarnProvider_RegisteredAndError>
+  </MockProvider>
+);

nym-connect-android/src/components/Growth/TestAndEarnPopup.tsx

@@ -0,0 +1,118 @@
+import React from 'react';
+import { Box, CircularProgress, LinearProgress, Stack, Typography } from '@mui/material';
+import { useClientContext } from '../../context/main';
+import ErrorContent from './content/TestAndEarn/Error.mdx';
+import ContentStep0 from './content/TestAndEarn/Stage0_intro.mdx';
+import ContentNotAvailable from './content/TestAndEarnNotAvaialble.mdx';
+import { ConnectionStatusKind } from '../../types';
+import { useTestAndEarnContext } from './context/TestAndEarnContext';
+import { TestAndEarnWinnerWithState } from './TestAndEarnWinner';
+import { TestAndEarnCurrentDrawWithState } from './TestAndEarnCurrentDraw';
+import { TestAndEarnDrawsWithState } from './TestAndEarnDraws';
+
+enum Stages {
+  mustRegister = 'mustRegister',
+  registered = 'registered',
+}
+
+export const TestAndEarnPopupContent: FCWithChildren<{
+  stage?: string;
+  connectionStatus?: ConnectionStatusKind;
+  error?: string;
+}> = ({ connectionStatus, error, stage = Stages.mustRegister }) => {
+  if (error) {
+    return (
+      <Box p={4}>
+        <ErrorContent error={error} />
+      </Box>
+    );
+  }
+
+  if (!connectionStatus || connectionStatus === ConnectionStatusKind.disconnected) {
+    return (
+      <Box p={4}>
+        <ContentNotAvailable />
+      </Box>
+    );
+  }
+
+  if (connectionStatus === ConnectionStatusKind.connecting || connectionStatus === ConnectionStatusKind.disconnecting) {
+    return (
+      <Box p={4} justifyContent="center" alignItems="center" display="flex">
+        <CircularProgress />
+        <Typography ml={3}>Please wait...</Typography>
+      </Box>
+    );
+  }
+
+  switch (stage) {
+    case Stages.mustRegister:
+      return (
+        <Box p={4}>
+          <ContentStep0 />
+        </Box>
+      );
+    case Stages.registered:
+      return (
+        <Box p={4}>
+          <TestAndEarnWinnerWithState />
+          <TestAndEarnCurrentDrawWithState />
+          <TestAndEarnDrawsWithState />
+        </Box>
+      );
+    default:
+      return (
+        <Box p={4}>
+          <Stack direction="row" spacing={2} display="flex" alignItems="center">
+            <CircularProgress />
+            <Box>Waiting for task information...</Box>
+          </Stack>
+        </Box>
+      );
+  }
+};
+
+export const TestAndEarnPopup: FCWithChildren = () => {
+  const clientContext = useClientContext();
+  const context = useTestAndEarnContext();
+
+  React.useEffect(() => {
+    if (clientContext.connectionStatus === ConnectionStatusKind.connected) {
+      context.refresh();
+    }
+  }, [clientContext.connectionStatus]);
+
+  const stage = React.useMemo<Stages>(() => {
+    if (context.registration) {
+      return Stages.registered;
+    }
+    return Stages.mustRegister;
+  }, [context.registration?.id]);
+
+  React.useEffect(() => {
+    const interval = setInterval(context.refresh, 1000 * 60 * 5);
+    return () => clearInterval(interval);
+  }, []);
+
+  if (!context.loadedOnce && clientContext.connectionStatus === ConnectionStatusKind.connected) {
+    const message = 'Waiting for data to be transferred over the mixnet...';
+    return (
+      <Box p={4}>
+        <Stack direction="row" spacing={2} display="flex" alignItems="center">
+          <CircularProgress />
+          <Box>{message}</Box>
+          {/* {process.env.NODE_ENV === 'development' && <pre>{JSON.stringify(context, null, 2)}</pre>} */}
+        </Stack>
+      </Box>
+    );
+  }
+
+  return (
+    <>
+      {context.loading && <LinearProgress />}
+      {/* <Button onClick={context.refresh}>Refresh</Button> */}
+      <TestAndEarnPopupContent connectionStatus={clientContext.connectionStatus} stage={stage} error={context.error} />
+      {/* {process.env.NODE_ENV === 'development' && <pre>{JSON.stringify(context, null, 2)}</pre>} */}
+    </>
+  );
+};

nym-connect-android/src/components/Growth/TestAndEarnTakePart.tsx

@@ -0,0 +1,75 @@
+import React from 'react';
+import { Alert, AlertTitle, Box, Checkbox, Link, Stack } from '@mui/material';
+import LoadingButton from '@mui/lab/LoadingButton';
+import { SxProps } from '@mui/system';
+import ArrowCircleRightIcon from '@mui/icons-material/ArrowCircleRight';
+import { invoke } from '@tauri-apps/api';
+import { useTestAndEarnContext } from './context/TestAndEarnContext';
+import { Registration } from './context/types';
+
+export const TestAndEarnTakePart: FCWithChildren<{
+  websiteLinkUrl: string;
+  websiteLinkText: string;
+  content: string;
+  sx?: SxProps;
+}> = ({ content, websiteLinkText, websiteLinkUrl, sx }) => {
+  const [agree, setAgree] = React.useState(false);
+  const [busy, setBusy] = React.useState(false);
+  const [error, setError] = React.useState<string>();
+  const context = useTestAndEarnContext();
+  const handleNext = async () => {
+    try {
+      setBusy(true);
+      if (context.clientDetails) {
+        const registration: Registration = await invoke('growth_tne_take_part');
+        console.log('Registration: ', { registration });
+        await context.setAndStoreRegistration(registration);
+        if (registration) {
+          console.log('Registered...');
+        } else {
+          setError('Failed to get registration details');
+        }
+      } else {
+        setError('Failed to get client details');
+      }
+    } catch (e) {
+      const message = `${e}`;
+      console.error('An error occurred', message);
+      setError(message);
+      setBusy(false); // the busy state only resets on errors, for success stats, the context will navigate the window away
+    }
+  };
+  return (
+    <>
+      <Stack direction="row" spacing={6} alignItems="center" sx={{ ...(Array.isArray(sx) ? sx : [sx]) }}>
+        <Stack alignItems="center" direction="row">
+          <Checkbox onChange={(_event, checked) => setAgree(checked)} />
+          <Box color="primary.light" fontWeight="bold">
+            {content}
+          </Box>
+        </Stack>
+        <Box>
+          <Link href={websiteLinkUrl} target="_blank" color="secondary" sx={{ opacity: 0.5 }}>
+            {websiteLinkText}
+          </Link>
+        </Box>
+        <LoadingButton
+          loading={busy}
+          disabled={!agree || busy}
+          variant="contained"
+          sx={{ justifySelf: 'end' }}
+          endIcon={<ArrowCircleRightIcon />}
+          onClick={handleNext}
+        >
+          Next
+        </LoadingButton>
+      </Stack>
+      {error && (
+        <Alert severity="error" variant="filled">
+          <AlertTitle>Oh no! Something went wrong</AlertTitle>
+          {error}
+        </Alert>
+      )}
+    </>
+  );
+};

nym-connect-android/src/components/Growth/TestAndEarnWinner.stories.tsx

@@ -0,0 +1,19 @@
+/* eslint-disable react/jsx-pascal-case */
+import * as React from 'react';
+import { ComponentMeta } from '@storybook/react';
+import { NymShipyardTheme } from 'src/theme';
+import { TestAndEarnWinner, TestAndEarnWinnerWithState } from './TestAndEarnWinner';
+import { MockTestAndEarnProvider_RegisteredWithDrawsAndEntryAndWinner } from './context/mocks/TestAndEarnContext';
+
+export default {
+  title: 'Growth/TestAndEarn/Components/Cards/Winner',
+  component: TestAndEarnWinner,
+} as ComponentMeta<typeof TestAndEarnWinner>;
+
+export const Winner = () => (
+  <NymShipyardTheme>
+    <MockTestAndEarnProvider_RegisteredWithDrawsAndEntryAndWinner>
+      <TestAndEarnWinnerWithState />
+    </MockTestAndEarnProvider_RegisteredWithDrawsAndEntryAndWinner>
+  </NymShipyardTheme>
+);

nym-connect-android/src/components/Growth/TestAndEarnWinner.tsx

@@ -0,0 +1,114 @@
+import React from 'react';
+import { Alert, AlertTitle, Button, Card, CardContent, CardMedia, Dialog, Typography } from '@mui/material';
+import { SxProps } from '@mui/system';
+import LoadingButton from '@mui/lab/LoadingButton';
+import winner from './content/assets/winner.webp';
+import { useTestAndEarnContext } from './context/TestAndEarnContext';
+import { DrawEntry, DrawEntryStatus } from './context/types';
+import { TestAndEarnEnterWalletAddress } from './TestAndEarnEnterWalletAddress';
+import Content from './content/en.yaml';
+
+export const TestAndEarnWinner: FCWithChildren<{
+  sx?: SxProps;
+  entry?: DrawEntry;
+}> = ({ entry }) => {
+  const context = useTestAndEarnContext();
+  const [busy, setBusy] = React.useState(false);
+  const [error, setError] = React.useState<string>();
+  const [showWalletCapture, setShowWalletCapture] = React.useState(false);
+
+  const clear = () => {
+    setShowWalletCapture(false);
+    setError(undefined);
+    setBusy(false);
+  };
+
+  const handleStartWalletCapture = async () => {
+    setBusy(true);
+    setShowWalletCapture(true);
+  };
+
+  const cancelEndWalletCapture = async () => {
+    setBusy(false);
+    setShowWalletCapture(false);
+  };
+
+  const handleEndWalletCapture = async () => {
+    setBusy(true);
+    setShowWalletCapture(false);
+
+    if (!context.walletAddress) {
+      setError('Wallet address is not set');
+      return;
+    }
+    if (!entry?.draw_id) {
+      setError('Draw id is not set');
+      return;
+    }
+
+    try {
+      await context.claim(entry.draw_id, context.walletAddress);
+    } catch (e) {
+      const message = `${e}`;
+      console.error('Failed to submit claim', entry.draw_id, context.walletAddress);
+      setError(message);
+    }
+    setBusy(false);
+  };
+
+  return (
+    <>
+      {showWalletCapture && (
+        <Dialog open fullWidth onBackdropClick={cancelEndWalletCapture}>
+          <TestAndEarnEnterWalletAddress onSubmit={handleEndWalletCapture} />
+        </Dialog>
+      )}
+      <Card sx={{ mb: 2 }}>
+        <CardMedia component="img" height="165" image={winner} alt="winner" />
+        <CardContent>
+          <Typography color="warning.main" fontSize={20} fontWeight="bold">
+            {Content.testAndEarn.winner.card.header}
+          </Typography>
+          <Typography mt={2}>
+            {entry && (
+              <>
+                {Content.testAndEarn.winner.card.text} {entry.draw_id}.
+              </>
+            )}
+            <LoadingButton
+              loading={busy}
+              variant="contained"
+              sx={{ ml: 2, my: 2 }}
+              size="small"
+              onClick={handleStartWalletCapture}
+            >
+              {Content.testAndEarn.winner.claimButton.text}
+            </LoadingButton>
+          </Typography>
+          {error && (
+            <Alert severity="error" variant="filled">
+              <AlertTitle>Oh no! Failed to submit claim</AlertTitle>
+              {error}
+              <Button variant="contained" color="secondary" size="small" onClick={() => clear()} sx={{ mx: 2 }}>
+                Try again!
+              </Button>
+            </Alert>
+          )}
+        </CardContent>
+      </Card>
+    </>
+  );
+};
+
+export const TestAndEarnWinnerWithState: FCWithChildren<{
+  sx?: SxProps;
+}> = ({ sx }) => {
+  const context = useTestAndEarnContext();
+
+  if (context.draws?.current?.entry?.status === DrawEntryStatus.winner) {
+    return <TestAndEarnWinner sx={sx} entry={context.draws.current.entry} />;
+  }
+
+  // when the user does not have any unclaimed prizes, don't render anything
+  return null;
+};

nym-connect-android/src/components/Growth/TestAndEarnWinnerWalletAddress.tsx

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Box } from '@mui/material';
+import { SxProps } from '@mui/system';
+import Content from './content/TestAndEarn/WinnerEntersWalletAddress.mdx';
+
+export const TestAndEarnWinnerWalletAddress: FCWithChildren<{
+  sx?: SxProps;
+}> = () => (
+  <Box>
+    <Content />
+  </Box>
+);

nym-connect-android/src/components/Growth/content/TestAndEarn/Error.mdx

@@ -0,0 +1,17 @@
+import { Alert, AlertTitle, Link } from '@mui/material';
+import { TestAndEarnError } from '../../TestAndEarnError';
+
+<Alert severity="error" sx={{ mb: 4 }}>
+  <AlertTitle>Oh no! Something went wrong</AlertTitle>
+
+  Sorry about that. Here is some more information about the error that occurred:
+
+  <TestAndEarnError/>
+
+  Any error reports that you send us will contain information about your client, the gateway you're using and your IP address.
+
+  We need this information to make Nym better for everyone.
+
+</Alert>
+
+If you'd like more information about Test&Earn please look on the <Link href="http://shipyard.nymtech.net/test-and-win">Shipyard website</Link>.

nym-connect-android/src/components/Growth/content/TestAndEarn/Stage0_intro.mdx

@@ -0,0 +1,25 @@
+import { Card, CardContent, Link, Typography } from '@mui/material';
+import { TestAndEarnTakePart } from '../../TestAndEarnTakePart';
+
+### Test privacy & Earn tokens!
+
+<Typography color="primary.light" component="span">
+Help us stress test the Nym privacy system and have the chance to earn 1000 NYMs per day!
+</Typography>
+
+All you need to do is:
+
+1. Make sure you're running NymConnect and it is connected.
+2. Note your reference number.
+3. NymConnect will ping you a task every day.
+
+Complete the task, post it on Twitter <Typography color="primary.light" component="span">#PrivacyLovesCompany</Typography> or <Link target="_blank" href="https://t.me/nymchan">Telegram</Link> along with your reference number!
+
+Thank you for being part of the Nym community and helping to build a flourishing and free digital society.  #PrivacyLovesCompany and we love you!
+
+<Card>
+  <CardContent sx={{ py: 2 }}>
+    <TestAndEarnTakePart content={"I want to take part"} websiteLinkText={"Terms and conditions"}
+                         websiteLinkUrl={"https://shipyard.nymtech.net/test-and-win"} sx={{ py: 2 }} />
+  </CardContent>
+</Card>

nym-connect-android/src/components/Growth/content/TestAndEarn/WinnerEntersWalletAddress.mdx

@@ -0,0 +1,9 @@
+import { TestAndEarnEnterWalletAddress } from '../../TestAndEarnEnterWalletAddress';
+
+### 🎉 Congratulations! One more thing...
+
+We need one more thing from you, and that is your wallet address:
+
+<TestAndEarnEnterWalletAddress/>
+
+Once you've submitting your wallet address over the mixnet, we will be in touch to arrange sending your tokens to you.

nym-connect-android/src/components/Growth/content/TestAndEarnNotAvaialble.mdx

@@ -0,0 +1,3 @@
+## 😕 Sorry, Test&Earn is only accessible while you are connected to the mixnet
+
+Please connect to any service provider and try again once the connection has been established.

nym-connect-android/src/components/Growth/content/en.yaml

@@ -0,0 +1,43 @@
+testAndEarn:
+  mainWindow:
+    button:
+      text:
+        default: Join Test&Earn
+        entered: Test&Earn
+        claim: Claim your reward
+      popup:
+        disconnected: Test&Earn is only available when connected. Please connect to any service provider.
+    help:
+      url: https://shipyard.nymtech.net/test-and-win
+  popupWindow:
+    title: NymConnect Test&Earn 🌈
+  notifications:
+    takePart:
+      title: Thanks for taking part in Ter&Earn
+      body: Watch out for new tasks 👀 and take part to earn
+    youAreInDraw:
+      title: Thanks for completing the task ✨
+      body: Post a message on Telegram, Discord or Twitter for a chance to to be selected 🤞 good luck
+  task:
+    afterText: Copy your reference number
+    beforeSocials: "And include it in your post to:"
+  draw:
+    next:
+      header: The next task starts
+  winner:
+    claimButton:
+      text: Claim your reward!
+    card:
+      header: You are a top contributor!
+      text: Congratulations, you have earned the reward for
+  status:
+    chip:
+      Pending: Good luck 🤞
+      Winner: Rewarded!
+      Claimed: Claimed
+      NoWin: No rewards
+    text:
+      Pending: Task completed. Good luck 🤞
+      Winner: Well done 🎉
+      Claimed: You have claimed the reward 💰
+      NoWin: Sorry you were not a top contributor, better luck next time!

nym-connect-android/src/components/Growth/context/TestAndEarnContext.tsx

@@ -0,0 +1,272 @@
+/* eslint-disable @typescript-eslint/naming-convention */
+import React, { createContext, useCallback, useContext, useMemo, useState } from 'react';
+import { forage } from '@tauri-apps/tauri-forage';
+import { invoke } from '@tauri-apps/api';
+import { ClientId, DrawEntry, Draws, Registration } from './types';
+import { useClientContext } from '../../../context/main';
+import { ConnectionStatusKind } from '../../../types';
+
+export type TTestAndEarnContext = {
+  loadedOnce: boolean;
+  loading: boolean;
+  clientDetails?: ClientId;
+  registration?: Registration;
+  walletAddress?: string;
+  draws?: Draws;
+  isWinnerWithUnclaimedPrize?: boolean;
+  isEnterWallet?: boolean;
+  error?: string;
+  setWalletAddress: (newWalletAddress: string) => void;
+  clearStorage: () => Promise<void>;
+  toggleGrowthWindow: (windowTitle?: string) => Promise<void>;
+  setAndStoreClientId: (newClientId: ClientId) => Promise<void>;
+  setAndStoreRegistration: (registration: Registration) => Promise<void>;
+  enterDraw: (drawId: string) => Promise<DrawEntry>;
+  claim: (drawId: string, walletAddress: string) => Promise<void>;
+  refresh: () => Promise<void>;
+};
+
+const defaultValue: TTestAndEarnContext = {
+  loadedOnce: false,
+  loading: true,
+  setWalletAddress: () => undefined,
+  clearStorage: async () => undefined,
+  toggleGrowthWindow: async () => undefined,
+  setAndStoreRegistration: async () => undefined,
+  setAndStoreClientId: async () => undefined,
+  enterDraw: async () => ({} as DrawEntry),
+  claim: async () => undefined,
+  refresh: async () => undefined,
+};
+
+export const TestAndEarnContext = createContext(defaultValue);
+
+const CLIENT_ID_KEY = 'tne_client_id';
+const REGISTRATION_KEY = 'tne_registration';
+
+export const TestAndEarnContextProvider: FCWithChildren = ({ children }) => {
+  const clientContext = useClientContext();
+  const [loadedOnce, setLoadedOnce] = useState(false);
+  const [loading, setLoading] = useState(true);
+  const [walletAddress, setWalletAddress] = useState<string>();
+  const [registration, setRegistration] = useState<Registration>();
+  const [clientDetails, setClientDetails] = useState<ClientId>();
+  const [draws, setDraws] = useState<Draws>();
+
+  const setAndStoreClientId = async (newClientId: ClientId) => {
+    await forage.setItem({ key: CLIENT_ID_KEY, value: newClientId } as any)();
+    setClientDetails((prevState) => {
+      if (
+        prevState?.client_id !== newClientId.client_id ||
+        prevState?.client_id_signature !== newClientId.client_id_signature
+      ) {
+        console.log('Setting client details');
+        return newClientId;
+      }
+      console.log('Skipping client details');
+      return prevState;
+    });
+  };
+  const loadClientDetails = async () => {
+    const data: ClientId | undefined = await forage.getItem({ key: CLIENT_ID_KEY })();
+    if (data) {
+      try {
+        setClientDetails((prevState) => {
+          if (prevState?.client_id !== data.client_id || prevState?.client_id_signature !== data.client_id_signature) {
+            console.log('Setting client details');
+            return data;
+          }
+          console.log('Skipping client details');
+          return prevState;
+        });
+      } catch (e) {
+        console.error('Failed to get registration');
+      }
+    } else {
+      const clientId: ClientId = await invoke('growth_tne_get_client_id');
+      await setAndStoreClientId(clientId);
+    }
+  };
+
+  const loadRegistration = async () => {
+    const data: Registration | undefined = await forage.getItem({ key: REGISTRATION_KEY })();
+    if (data) {
+      try {
+        setRegistration((prevState) => {
+          if (
+            prevState?.timestamp !== data.timestamp ||
+            prevState.client_id_signature !== data.client_id_signature ||
+            prevState.id !== data.id
+          ) {
+            console.log('Setting registration');
+            return data;
+          }
+          console.log('Skipping registration');
+          return prevState;
+        });
+      } catch (e) {
+        console.error('Failed to get registration');
+      }
+    }
+  };
+
+  const loadDraws = React.useCallback(async () => {
+    setLoading(true);
+    let clientDetailsForDraws = clientDetails;
+    try {
+      if (!clientDetailsForDraws) {
+        console.log('[loadDraws] client details not set, trying to get...');
+        clientDetailsForDraws = await invoke('growth_tne_get_client_id');
+      }
+
+      if (!clientDetailsForDraws) {
+        console.log('[loadDraws] failed to get client details not set, skipping...');
+        setLoading(false);
+        setLoadedOnce(true);
+        return;
+      }
+
+      const newDraws: Draws = await invoke('growth_tne_get_draws', { clientDetails: clientDetailsForDraws });
+      console.log('[loadDraws] draws = ', newDraws);
+
+      // find the entered draw and keep a reference
+      const entered = newDraws.draws.find((draw) => draw.draw_id === newDraws.current?.id);
+      if (newDraws.current) {
+        newDraws.current.entry = entered;
+      }
+
+      console.log('[loadDraws] setting draws');
+      setDraws(newDraws);
+    } catch (e) {
+      console.error('Could not get draws: ', e);
+    }
+    setLoading(false);
+    setLoadedOnce(true);
+    console.log('[loadDraws] done, loaded once');
+  }, [clientDetails]);
+
+  React.useEffect(() => {
+    loadClientDetails().catch(console.error);
+    loadRegistration().catch(console.error);
+  }, []);
+
+  React.useEffect(() => {
+    if (registration && clientContext.connectionStatus === ConnectionStatusKind.connected) {
+      setTimeout(() => {
+        loadDraws().catch(console.error);
+      }, 1000 * 3);
+    }
+  }, [registration?.id, registration?.timestamp, clientContext.connectionStatus]);
+
+  const refresh = React.useCallback(async () => {
+    console.log('Refreshing...');
+
+    console.log('Loading client details...');
+    await loadClientDetails();
+
+    console.log('Loading registration...');
+    await loadRegistration();
+
+    console.log('Loading draws...');
+    await loadDraws();
+
+    console.log('Refresh complete.');
+  }, [clientDetails]);
+
+  const clearStorage = async () => {
+    await forage.setItem({ key: REGISTRATION_KEY, value: undefined })();
+  };
+
+  const toggleGrowthWindow = useCallback(async (windowTitle?: string) => {
+    try {
+      await invoke('growth_tne_toggle_window', { windowTitle });
+    } catch (e) {
+      console.error('Failed to toggle growth window', e);
+    }
+  }, []);
+
+  const setAndStoreRegistration = async (newRegistration: Registration) => {
+    await forage.setItem({ key: REGISTRATION_KEY, value: newRegistration } as any)();
+    setRegistration(newRegistration);
+  };
+
+  const enterDraw = async (drawId: string): Promise<DrawEntry> => {
+    if (!clientDetails) {
+      throw new Error('No client details set');
+    }
+    if (!draws) {
+      throw new Error('No draws set');
+    }
+
+    const existingEntry: DrawEntry | undefined = draws.draws.filter((d) => d.draw_id === drawId)[0];
+    if (existingEntry) {
+      throw new Error('Already entered into draw');
+    }
+
+    const entry: DrawEntry = await invoke('growth_tne_enter_draw', { clientDetails, drawId });
+    console.log('Entered draw', { entry });
+
+    await loadDraws();
+
+    return entry;
+  };
+
+  const claim = async (drawId: string, newWalletAddress: string) => {
+    if (!clientDetails) {
+      throw new Error('No client details set');
+    }
+    if (!draws) {
+      throw new Error('No draws set');
+    }
+    if (!registration) {
+      throw new Error('No registration set');
+    }
+
+    const registrationId = registration.id;
+
+    const args = {
+      registrationId,
+      clientDetails,
+      drawId,
+      walletAddress: newWalletAddress,
+    };
+    console.log({ args });
+    await invoke('growth_tne_submit_wallet_address', args);
+
+    await loadDraws();
+  };
+
+  const contextValue = useMemo<TTestAndEarnContext>(
+    () => ({
+      loadedOnce,
+      loading,
+      clientDetails,
+      registration,
+      walletAddress,
+      draws,
+      clearStorage,
+      toggleGrowthWindow,
+      setWalletAddress,
+      setAndStoreClientId,
+      setAndStoreRegistration,
+      enterDraw,
+      refresh,
+      claim,
+    }),
+    [
+      loadedOnce,
+      loading,
+      walletAddress,
+      registration,
+      refresh,
+      draws,
+      draws?.current?.last_modified,
+      draws?.current?.entry,
+      draws?.draws.length,
+      clientDetails,
+    ],
+  );
+  return <TestAndEarnContext.Provider value={contextValue}>{children}</TestAndEarnContext.Provider>;
+};
+
+export const useTestAndEarnContext = () => useContext(TestAndEarnContext);

nym-connect-android/src/components/Growth/context/mocks/TestAndEarnContext.tsx

@@ -0,0 +1,262 @@
+/* eslint-disable @typescript-eslint/naming-convention */
+import React from 'react';
+import { DateTime } from 'luxon';
+import { TTestAndEarnContext, TestAndEarnContext } from '../TestAndEarnContext';
+import { DrawEntry, DrawEntryStatus, DrawWithWordOfTheDay } from '../types';
+
+const methodDefaults = {
+  loadedOnce: true,
+  loading: false,
+  refresh: async () => undefined,
+  setAndStoreClientId: async () => undefined,
+  setAndStoreRegistration: async () => undefined,
+  clearStorage: async () => undefined,
+  toggleGrowthWindow: async () => undefined,
+  setWalletAddress: async () => undefined,
+  enterDraw: async () => ({} as DrawEntry),
+  claim: async () => undefined,
+};
+
+const mockValues_NotRegistered: TTestAndEarnContext = {
+  ...methodDefaults,
+};
+
+export const MockTestAndEarnProvider_NotRegistered: FCWithChildren = ({ children }) => (
+  <TestAndEarnContext.Provider value={mockValues_NotRegistered}>{children}</TestAndEarnContext.Provider>
+);
+
+export const testMarkdown = `**Create a sentence including "Nym" and one or more of the following words** *(in any language)*:
+ 
+- Privacy
+- Pleasure 
+- Pineapple
+- Mix
+`;
+
+const mockValues_Registered: TTestAndEarnContext = {
+  ...methodDefaults,
+  registration: {
+    id: '1234',
+    client_id_signature: 'signature',
+    client_id: '5678',
+    timestamp: '2022-12-12T18:17:37.840Z',
+  },
+};
+
+export const MockTestAndEarnProvider_Registered: FCWithChildren = ({ children }) => (
+  <TestAndEarnContext.Provider value={mockValues_Registered}>{children}</TestAndEarnContext.Provider>
+);
+
+const allDraws: DrawEntry[] = [
+  {
+    draw_id: '1111',
+    timestamp: DateTime.now().toISO(),
+    id: 'AAAA',
+    status: DrawEntryStatus.pending,
+  },
+  {
+    draw_id: '2222',
+    timestamp: DateTime.now().toISO(),
+    id: 'BBBB',
+    status: DrawEntryStatus.noWin,
+  },
+  {
+    draw_id: '2222',
+    timestamp: DateTime.now().toISO(),
+    id: 'BBBB',
+    status: DrawEntryStatus.claimed,
+  },
+  {
+    draw_id: '2222',
+    timestamp: DateTime.now().toISO(),
+    id: 'BBBB',
+    status: DrawEntryStatus.winner,
+  },
+];
+
+const draws: DrawEntry[] = [
+  {
+    draw_id: '1111',
+    timestamp: DateTime.now().toISO(),
+    id: 'AAAA',
+    status: DrawEntryStatus.pending,
+  },
+  {
+    draw_id: '2222',
+    timestamp: DateTime.now().toISO(),
+    id: 'BBBB',
+    status: DrawEntryStatus.noWin,
+  },
+];
+
+const drawsWithWin: DrawEntry[] = [
+  {
+    draw_id: '1111',
+    timestamp: DateTime.now().toISO(),
+    id: 'AAAA',
+    status: DrawEntryStatus.winner,
+  },
+  {
+    draw_id: '2222',
+    timestamp: DateTime.now().toISO(),
+    id: 'BBBB',
+    status: DrawEntryStatus.noWin,
+  },
+];
+
+const drawsWithClaim: DrawEntry[] = [
+  {
+    draw_id: '1111',
+    timestamp: DateTime.now().toISO(),
+    id: 'AAAA',
+    status: DrawEntryStatus.claimed,
+  },
+  {
+    draw_id: '2222',
+    timestamp: DateTime.now().toISO(),
+    id: 'BBBB',
+    status: DrawEntryStatus.noWin,
+  },
+];
+
+const current: DrawWithWordOfTheDay = {
+  id: '1111',
+  start_utc: DateTime.now().toISO(),
+  end_utc: DateTime.now().plus({ day: 1 }).minus({ second: 25 }).toISO(),
+  last_modified: DateTime.now().toISO(),
+  word_of_the_day: testMarkdown,
+};
+
+const mockValues_RegisteredWithAllDrawsAndEntry: TTestAndEarnContext = {
+  ...mockValues_Registered,
+  draws: {
+    current: {
+      ...current,
+    },
+    draws: allDraws,
+  },
+};
+
+export const MockTestAndEarnProvider_RegisteredWithAllDraws: FCWithChildren = ({ children }) => (
+  <TestAndEarnContext.Provider value={mockValues_RegisteredWithAllDrawsAndEntry}>
+    {children}
+  </TestAndEarnContext.Provider>
+);
+
+const mockValues_RegisteredWithDrawsNoCurrent: TTestAndEarnContext = {
+  ...mockValues_Registered,
+  draws: {
+    draws: drawsWithClaim,
+  },
+};
+
+export const MockTestAndEarnProvider_RegisteredWithDrawsNoCurrent: FCWithChildren = ({ children }) => (
+  <TestAndEarnContext.Provider value={mockValues_RegisteredWithDrawsNoCurrent}>{children}</TestAndEarnContext.Provider>
+);
+
+const mockValues_RegisteredWithDraws: TTestAndEarnContext = {
+  ...mockValues_Registered,
+  draws: {
+    current,
+    draws,
+  },
+};
+
+export const MockTestAndEarnProvider_RegisteredWithDraws: FCWithChildren = ({ children }) => (
+  <TestAndEarnContext.Provider value={mockValues_RegisteredWithDraws}>{children}</TestAndEarnContext.Provider>
+);
+
+const mockValues_RegisteredWithDrawsAndEntry: TTestAndEarnContext = {
+  ...mockValues_Registered,
+  draws: {
+    current: {
+      ...current,
+      entry: mockValues_RegisteredWithDraws.draws!.draws[0],
+    },
+    draws,
+  },
+};
+
+export const MockTestAndEarnProvider_RegisteredWithDrawsAndEntry: FCWithChildren = ({ children }) => (
+  <TestAndEarnContext.Provider value={mockValues_RegisteredWithDrawsAndEntry}>{children}</TestAndEarnContext.Provider>
+);
+
+const mockValues_RegisteredWithDrawsAndEntryAndWinner: TTestAndEarnContext = {
+  ...mockValues_Registered,
+  draws: {
+    current: {
+      ...current,
+      entry: drawsWithWin[0],
+    },
+    draws: drawsWithWin,
+  },
+  isWinnerWithUnclaimedPrize: true,
+};
+
+export const MockTestAndEarnProvider_RegisteredWithDrawsAndEntryAndWinner = ({
+  children,
+}: {
+  children: React.ReactNode;
+}) => (
+  <TestAndEarnContext.Provider value={mockValues_RegisteredWithDrawsAndEntryAndWinner}>
+    {children}
+  </TestAndEarnContext.Provider>
+);
+
+const mockValues_RegisteredWithDrawsAndEntryAndNoWinner: TTestAndEarnContext = {
+  ...mockValues_RegisteredWithDrawsAndEntry,
+  isWinnerWithUnclaimedPrize: false,
+};
+
+export const MockTestAndEarnProvider_RegisteredWithDrawsAndEntryAndNoWinner = ({
+  children,
+}: {
+  children: React.ReactNode;
+}) => (
+  <TestAndEarnContext.Provider value={mockValues_RegisteredWithDrawsAndEntryAndNoWinner}>
+    {children}
+  </TestAndEarnContext.Provider>
+);
+
+const mockValues_RegisteredWithDrawsAndEntryAndWinnerCollectWallet: TTestAndEarnContext = {
+  ...mockValues_Registered,
+  draws: {
+    draws: drawsWithWin,
+  },
+};
+
+export const MockTestAndEarnProvider_RegisteredWithDrawsAndEntryAndWinnerCollectWallet = ({
+  children,
+}: {
+  children: React.ReactNode;
+}) => (
+  <TestAndEarnContext.Provider value={mockValues_RegisteredWithDrawsAndEntryAndWinnerCollectWallet}>
+    {children}
+  </TestAndEarnContext.Provider>
+);
+
+const mockValues_RegisteredWithDrawsAndEntryAndWinnerClaimed: TTestAndEarnContext = {
+  ...mockValues_Registered,
+  draws: {
+    draws: drawsWithClaim,
+  },
+};
+
+export const MockTestAndEarnProvider_RegisteredWithDrawsAndEntryAndWinnerClaimed = ({
+  children,
+}: {
+  children: React.ReactNode;
+}) => (
+  <TestAndEarnContext.Provider value={mockValues_RegisteredWithDrawsAndEntryAndWinnerClaimed}>
+    {children}
+  </TestAndEarnContext.Provider>
+);
+
+const mockValues_RegisteredAndError: TTestAndEarnContext = {
+  ...mockValues_Registered,
+  error: 'Error message text will go here',
+};
+
+export const MockTestAndEarnProvider_RegisteredAndError: FCWithChildren = ({ children }) => (
+  <TestAndEarnContext.Provider value={mockValues_RegisteredAndError}>{children}</TestAndEarnContext.Provider>
+);

nym-connect-android/src/components/Growth/context/types.ts

@@ -0,0 +1,64 @@
+export interface ClientId {
+  client_id: string;
+  client_id_signature: string;
+}
+
+export interface Registration {
+  id: string;
+  client_id: string;
+  client_id_signature: string;
+  timestamp: string;
+}
+
+export interface DrawEntryPartial {
+  draw_id: string;
+  client_id: string;
+  client_id_signature: string;
+}
+
+export enum DrawEntryStatus {
+  pending = 'Pending',
+  winner = 'Winner',
+  noWin = 'NoWin',
+  claimed = 'Claimed',
+}
+
+export interface DrawEntry {
+  id: string;
+  draw_id: string;
+  timestamp: string;
+  status: DrawEntryStatus;
+}
+
+export interface DrawWithWordOfTheDay {
+  id: string;
+  start_utc: string;
+  end_utc: string;
+  word_of_the_day?: string;
+  last_modified: string;
+  entry?: DrawEntry;
+}
+
+export interface ClaimPartial {
+  draw_id: string;
+  registration_id: string;
+  client_id: string;
+  client_id_signature: string;
+  wallet_address: string;
+}
+
+export interface Winner {
+  id: string;
+  client_id: string;
+  draw_id: string;
+  timestamp: string;
+  winner_reg_id: string;
+  winner_wallet_address?: string;
+  winner_claim_timestamp?: string;
+}
+
+export interface Draws {
+  current?: DrawWithWordOfTheDay;
+  next?: DrawWithWordOfTheDay;
+  draws: DrawEntry[];
+}

nym-connect-android/src/growth.tsx.back

@@ -0,0 +1,23 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+import { ErrorBoundary } from 'react-error-boundary';
+import { ClientContextProvider } from './context/main';
+import { ErrorFallback } from './components/Error';
+import { NymShipyardTheme } from './theme';
+import { TestAndEarnPopup } from './components/Growth/TestAndEarnPopup';
+import { TestAndEarnContextProvider } from './components/Growth/context/TestAndEarnContext';
+
+const root = document.getElementById('root-growth');
+
+ReactDOM.render(
+  <ErrorBoundary FallbackComponent={ErrorFallback}>
+    <ClientContextProvider>
+      <TestAndEarnContextProvider>
+        <NymShipyardTheme mode="dark">
+          <TestAndEarnPopup />
+        </NymShipyardTheme>
+      </TestAndEarnContextProvider>
+    </ClientContextProvider>
+  </ErrorBoundary>,
+  root,
+);

nym-connect-android/src/log.tsx.back

@@ -0,0 +1,18 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+import { ErrorBoundary } from 'react-error-boundary';
+import { LogViewer } from './components/LogViewer';
+import { ErrorFallback } from './components/ErrorFallback';
+import { NymMixnetTheme } from './theme';
+
+const Log = () => (
+  <ErrorBoundary FallbackComponent={ErrorFallback}>
+    <NymMixnetTheme mode="dark">
+      <LogViewer />
+    </NymMixnetTheme>
+  </ErrorBoundary>
+);
+
+const root = document.getElementById('root-log');
+
+ReactDOM.render(<Log />, root);

nym-connect-android/tsconfig.json

@@ -13,11 +13,11 @@
     "resolveJsonModule": true,
     "isolatedModules": false,
     "jsx": "react-jsx",
-    "sourceMap": true,
+    "sourceMap": false,
     "baseUrl": ".",
     "paths": {
       "@assets/*": ["../assets/*"]
     }
   },
-  "exclude": ["node_modules", "dist", "jest.config.js", "webpack.config.js", "webpack.prod.js", "webpack.common.js", "target", "src-tauri"]
+  "exclude": ["node_modules", "dist", "jest.config.js", "webpack.config.js", "webpack.prod.js", "webpack.common.js", "target"]
 }

nym-connect-android/webpack.common.js

@@ -4,6 +4,8 @@ const { webpackCommon } = require('@nymproject/webpack');
 
 const entry = {
   app: path.resolve(__dirname, 'src/index.tsx'),
+  // growth: path.resolve(__dirname, 'src/growth.tsx'),
+  // log: path.resolve(__dirname, 'src/log.tsx'),
 };
 
 module.exports = mergeWithRules({
@@ -16,20 +18,22 @@ module.exports = mergeWithRules({
 })(
   webpackCommon(__dirname, [
     { filename: 'index.html', chunks: ['app'], template: path.resolve(__dirname, 'public/index.html') },
+    // { filename: 'log.html', chunks: ['log'], template: path.resolve(__dirname, 'public/log.html') },
+    // { filename: 'growth.html', chunks: ['growth'], template: path.resolve(__dirname, 'public/growth.html') },
   ]),
   {
     module: {
       rules: [
-        {
-          test: /\.mdx?$/,
-          use: [
-            {
-              loader: '@mdx-js/loader',
-              /** @type {import('@mdx-js/loader').Options} */
-              options: {},
-            },
-          ],
-        },
+        // {
+        //   test: /\.mdx?$/,
+        //   use: [
+        //     {
+        //       loader: '@mdx-js/loader',
+        //       /** @type {import('@mdx-js/loader').Options} */
+        //       options: {},
+        //     },
+        //   ],
+        // },
         {
           test: /\.ya?ml$/,
           type: 'asset/resource',

nym-connect-android/webpack.dev.js

@@ -1,7 +1,7 @@
 const { mergeWithRules } = require('webpack-merge');
 const webpack = require('webpack');
-const ReactRefreshWebpackPlugin = require('@pmmmwh/react-refresh-webpack-plugin');
-const ReactRefreshTypeScript = require('react-refresh-typescript');
+// const ReactRefreshWebpackPlugin = require('@pmmmwh/react-refresh-webpack-plugin');
+// const ReactRefreshTypeScript = require('react-refresh-typescript');
 const commonConfig = require('./webpack.common');
 
 module.exports = mergeWithRules({
@@ -13,7 +13,7 @@ module.exports = mergeWithRules({
   },
 })(commonConfig, {
   mode: 'development',
-  devtool: 'inline-source-map',
+  devtool: false,
   module: {
     rules: [
       {
@@ -21,9 +21,9 @@ module.exports = mergeWithRules({
         use: 'ts-loader',
         exclude: /node_modules/,
         options: {
-          getCustomTransformers: () => ({
-            before: [ReactRefreshTypeScript()],
-          }),
+          // getCustomTransformers: () => ({
+          //   before: [ReactRefreshTypeScript()],
+          // }),
           // `ts-loader` does not work with HMR unless `transpileOnly` is used.
           // If you need type checking, `ForkTsCheckerWebpackPlugin` is an alternative.
           transpileOnly: true,
@@ -32,15 +32,14 @@ module.exports = mergeWithRules({
     ],
   },
   plugins: [
-    new ReactRefreshWebpackPlugin(),
-
+    // new ReactRefreshWebpackPlugin(),
     // this can be included automatically by the dev server, however build mode fails if missing
-    new webpack.HotModuleReplacementPlugin(),
+    // new webpack.HotModuleReplacementPlugin(),
   ],
 
   // recommended for faster rebuild
   optimization: {
-    runtimeChunk: true,
+    // runtimeChunk: true,
     removeAvailableModules: false,
     removeEmptyChunks: false,
     splitChunks: false,
@@ -56,14 +55,14 @@ module.exports = mergeWithRules({
 
   devServer: {
     port: 9000,
-    compress: true,
+    // compress: true,
     historyApiFallback: true,
     // disable this because on android it makes reloading infinity loop
     hot: false,
     host: 'local-ipv4',
     allowedHosts: 'all',
-    client: {
-      overlay: false,
-    },
+    // client: {
+    //   overlay: false,
+    // },
   },
 });

nym-connect-android/webpack.prod.js

@@ -4,6 +4,8 @@ const common = require('./webpack.common');
 
 const entry = {
   app: path.resolve(__dirname, 'src/index.tsx'),
+  growth: path.resolve(__dirname, 'src/growth.tsx'),
+  log: path.resolve(__dirname, 'src/log.tsx'),
 };
 
 module.exports = merge(common, {

nym-connect/CHANGELOG.md

@@ -2,20 +2,6 @@
 
 ## UNRELEASED
 
-## [nym-connect-v1.1.9](https://github.com/nymtech/nym/tree/nym-connect-v1.1.9) (2023-02-14)
-
-- Button animations ([#2949])
-- add effect when the button is clicked ([#2947])
-- UI to select gateways based on some performance criteria by checking gateways' routing score from nym-api ([#2942])
-- client health check when connecting ([#2859])
-- allow user to select own gateway ([#2952])
-
-[#2952]: https://github.com/nymtech/nym/issues/2952
-[#2949]: https://github.com/nymtech/nym/issues/2949
-[#2947]: https://github.com/nymtech/nym/issues/2947
-[#2942]: https://github.com/nymtech/nym/issues/2942
-[#2859]: https://github.com/nymtech/nym/issues/2859
-
 ## [nym-connect-v1.1.8](https://github.com/nymtech/nym/tree/nym-connect-v1.1.8) (2023-01-31)
 
 - Add supported apps in the menu + update guide ([#2868])

nym-connect/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nym/nym-connect",
-  "version": "1.1.9",
+  "version": "1.1.8",
   "main": "index.js",
   "license": "MIT",
   "scripts": {

nym-connect/src-tauri/Cargo.toml

@@ -1,6 +1,6 @@
 [package]
 name = "nym-connect"
-version = "1.1.9"
+version = "1.1.8"
 description = "nym-connect"
 authors = ["Nym Technologies SA"]
 license = ""
@@ -45,8 +45,6 @@ url = "2.2"
 yaml-rust = "0.4"
 
 client-core = { path = "../../clients/client-core" }
-nym-api-requests = { path = "../../nym-api/nym-api-requests" }
-contracts-common = { path = "../../common/cosmwasm-smart-contracts/contracts-common"}
 config-common = { path = "../../common/config", package = "config" }
 crypto = { path = "../../common/crypto" }
 logging = { path = "../../common/logging"}

nym-connect/src-tauri/src/main.rs

@@ -52,7 +52,6 @@ fn main() {
             crate::operations::connection::status::get_gateway_connection_status,
             crate::operations::connection::status::start_connection_health_check_task,
             crate::operations::directory::get_services,
-            crate::operations::directory::get_gateways_detailed,
             crate::operations::export::export_keys,
             crate::operations::window::hide_window,
             crate::operations::growth::test_and_earn::growth_tne_get_client_id,

nym-connect/src-tauri/src/operations/directory/mod.rs

@@ -1,35 +1,21 @@
 use itertools::Itertools;
 
 use crate::error::Result;
-use crate::models::{
-    DirectoryService, DirectoryServiceProvider, HarbourMasterService, PagedResult,
-};
-use contracts_common::types::Percent;
-use nym_api_requests::models::GatewayBondAnnotated;
+use crate::models::{DirectoryService, HarbourMasterService, PagedResult};
 
 static SERVICE_PROVIDER_WELLKNOWN_URL: &str =
     "https://nymtech.net/.wellknown/connect/service-providers.json";
 
 static HARBOUR_MASTER_URL: &str = "https://harbourmaster.nymtech.net/v1/services/?size=100";
 
-static GATEWAYS_DETAILED_URL: &str =
-    "https://validator.nymtech.net/api/v1/status/gateways/detailed";
-
 #[tauri::command]
-pub async fn get_services() -> Result<Vec<DirectoryServiceProvider>> {
+pub async fn get_services() -> Result<Vec<DirectoryService>> {
     log::trace!("Fetching services");
-    let services_res = reqwest::get(SERVICE_PROVIDER_WELLKNOWN_URL)
+    let res = reqwest::get(SERVICE_PROVIDER_WELLKNOWN_URL)
         .await?
         .json::<Vec<DirectoryService>>()
         .await?;
-    log::trace!("Received: {:#?}", services_res);
-
-    log::trace!("Fetching gateways");
-    let gateway_res = reqwest::get(GATEWAYS_DETAILED_URL)
-        .await?
-        .json::<Vec<GatewayBondAnnotated>>()
-        .await?;
-    log::trace!("Received: {:#?}", gateway_res);
+    log::trace!("Received: {:#?}", res);
 
     // TODO: get paged
     log::trace!("Fetching active services");
@@ -41,7 +27,7 @@ pub async fn get_services() -> Result<Vec<DirectoryServiceProvider>> {
 
     let mut filtered: Vec<DirectoryService> = vec![];
 
-    for service in &services_res {
+    for service in &res {
         let items: _ = service
             .items
             .clone()
@@ -61,32 +47,5 @@ pub async fn get_services() -> Result<Vec<DirectoryServiceProvider>> {
         })
     }
 
-    let perf_threshold = Percent::from_percentage_value(90).unwrap();
-
-    // Use only services that are active AND have a performance of >= 90%
-    let services_with_good_performance: Vec<DirectoryServiceProvider> = filtered
-        .iter_mut()
-        .fold(vec![], |mut acc, sp| {
-            acc.append(&mut sp.items);
-            acc
-        })
-        .into_iter()
-        .filter(|sp| {
-            gateway_res.iter().any(|gateway| {
-                gateway.gateway_bond.gateway.identity_key == sp.gateway
-                    && gateway.performance >= perf_threshold
-            })
-        })
-        .collect();
-
-    Ok(services_with_good_performance)
-}
-
-#[tauri::command]
-pub async fn get_gateways_detailed() -> Result<Vec<GatewayBondAnnotated>> {
-    let res = reqwest::get(GATEWAYS_DETAILED_URL)
-        .await?
-        .json::<Vec<GatewayBondAnnotated>>()
-        .await?;
-    Ok(res)
+    Ok(filtered)
 }

nym-connect/src-tauri/tauri.conf.json

@@ -1,7 +1,7 @@
 {
   "package": {
     "productName": "nym-connect",
-    "version": "1.1.9"
+    "version": "1.1.8"
   },
   "build": {
     "distDir": "../dist",

nym-connect/src/App.tsx

@@ -0,0 +1,74 @@
+import React, { useEffect } from 'react';
+import { DateTime } from 'luxon';
+import { forage } from '@tauri-apps/tauri-forage';
+import { useClientContext } from './context/main';
+import { useTauriEvents } from './utils';
+import { AppRoutes } from './routes';
+import { Connected } from './pages/connection/Connected';
+
+export const App: FCWithChildren = () => {
+  const context = useClientContext();
+  const [busy, setBusy] = React.useState<boolean>();
+
+  useTauriEvents('help://clear-storage', (_event) => {
+    console.log('About to clear local storage...');
+    // clear local storage
+    try {
+      forage.clear()();
+      console.log('Local storage cleared');
+    } catch (e) {
+      console.error('Failed to clear local storage', e);
+    }
+  });
+
+  const handleConnectClick = React.useCallback(async () => {
+    const currentStatus = context.connectionStatus;
+    if (currentStatus === 'connected' || currentStatus === 'disconnected') {
+      setBusy(true);
+
+      // eslint-disable-next-line default-case
+      switch (currentStatus) {
+        case 'disconnected':
+          await context.startConnecting();
+          context.setConnectedSince(DateTime.now());
+          break;
+        case 'connected':
+          await context.startDisconnecting();
+          context.setConnectedSince(undefined);
+          break;
+      }
+      setBusy(false);
+    }
+  }, [context.connectionStatus]);
+
+  if (context.connectionStatus === 'disconnected' || context.connectionStatus === 'connecting') {
+    return <AppRoutes />;
+  }
+
+  return (
+    <Connected
+      status={context.connectionStatus}
+      showInfoModal={context.showInfoModal}
+      closeInfoModal={() => context.setShowInfoModal(false)}
+      busy={busy}
+      onConnectClick={handleConnectClick}
+      ipAddress="127.0.0.1"
+      port={1080}
+      gatewayPerformance={context.gatewayPerformance}
+      connectedSince={context.connectedSince}
+      serviceProvider={context.selectedProvider}
+      stats={[
+        {
+          label: 'in:',
+          totalBytes: 1024,
+          rateBytesPerSecond: 1024 * 1024 * 1024 + 10,
+        },
+        {
+          label: 'out:',
+          totalBytes: 1024 * 1024 * 1024 * 1024 * 20,
+          rateBytesPerSecond: 1024 * 1024 + 10,
+        },
+      ]}
+    />
+  );
+};

nym-connect/src/components/AppWindowFrame.tsx

@@ -1,28 +1,10 @@
 import React from 'react';
 import { Box } from '@mui/material';
-import { useLocation } from 'react-router-dom';
-import { useClientContext } from 'src/context/main';
 import { CustomTitleBar } from './CustomTitleBar';
+import { useLocation, useParams } from 'react-router-dom';
 
 export const AppWindowFrame: FCWithChildren = ({ children }) => {
   const location = useLocation();
-  const { userDefinedGateway, setUserDefinedGateway } = useClientContext();
-
-  // defined functions to be used when moving away from pages
-  const onBack = () => {
-    switch (location.pathname) {
-      case '/menu/settings':
-        return () => {
-          // when the user moves away from the settings page and the gateway is not valid
-          // set isActive to false
-          if (!userDefinedGateway?.gateway) {
-            setUserDefinedGateway((current) => ({ ...current, isActive: false }));
-          }
-        };
-      default:
-        return undefined;
-    }
-  };
 
   return (
     <Box
@@ -32,7 +14,7 @@ export const AppWindowFrame: FCWithChildren = ({ children }) => {
         height: '100vh',
       }}
     >
-      <CustomTitleBar path={location.pathname} onBack={onBack()} />
+      <CustomTitleBar path={location.pathname} />
       <Box style={{ padding: '16px' }}>{children}</Box>
     </Box>
   );

nym-connect/src/components/ConnectionStatus.tsx

@@ -1,10 +1,10 @@
 import React from 'react';
 import { Box, CircularProgress, Tooltip, Typography } from '@mui/material';
 import { DateTime } from 'luxon';
-import { ErrorOutline, InfoOutlined } from '@mui/icons-material';
 import { ConnectionStatusKind, GatewayPerformance } from '../types';
 import { ServiceProvider } from '../types/directory';
 import { GatwayWarningInfo, ServiceProviderInfo } from './TooltipInfo';
+import { ErrorOutline, InfoOutlined } from '@mui/icons-material';
 
 const FONT_SIZE = '14px';
 const FONT_WEIGHT = '600';
@@ -83,14 +83,17 @@ export const ConnectionStatus: FCWithChildren<{
   serviceProvider?: ServiceProvider;
 }> = ({ status, serviceProvider, gatewayPerformance }) => {
   const color = status === 'connected' || status === 'disconnecting' ? '#21D072' : 'white';
+  console.log(gatewayPerformance);
 
   return (
-    <Box color={color} sx={{ mb: 2 }}>
-      <ConnectionStatusContent
-        status={status}
-        serviceProvider={serviceProvider}
-        gatewayError={gatewayPerformance !== 'Good'}
-      />
-    </Box>
+    <>
+      <Box color={color} sx={{ mb: 2 }}>
+        <ConnectionStatusContent
+          status={status}
+          serviceProvider={serviceProvider}
+          gatewayError={gatewayPerformance !== 'Good'}
+        />
+      </Box>
+    </>
   );
 };

nym-connect/src/components/CustomTitleBar.tsx

@@ -29,13 +29,9 @@ const MenuIcon = () => {
   return <CustomButton Icon={Menu} onClick={() => navigate('/menu')} />;
 };
 
-const ArrowBackIcon = ({ onBack }: { onBack?: () => void }) => {
+const ArrowBackIcon = () => {
   const navigate = useNavigate();
-  const handleBack = () => {
-    onBack?.();
-    navigate(-1);
-  };
-  return <CustomButton Icon={ArrowBack} onClick={handleBack} />;
+  return <CustomButton Icon={ArrowBack} onClick={() => navigate(-1)} />;
 };
 
 const getTitleIcon = (path: string) => {
@@ -50,14 +46,16 @@ const getTitleIcon = (path: string) => {
   return <NymWordmark width={36} />;
 };
 
-export const CustomTitleBar = ({ path = '/', onBack }: { path?: string; onBack?: () => void }) => (
-  <Box data-tauri-drag-region style={customTitleBarStyles.titlebar}>
-    {/* set width to keep logo centered */}
-    <Box sx={{ width: '40px' }}>{path === '/' ? <MenuIcon /> : <ArrowBackIcon onBack={onBack} />}</Box>
-    {getTitleIcon(path)}
-    <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>
-      <CustomButton Icon={Minimize} onClick={() => appWindow.minimize()} />
-      <CustomButton Icon={Close} onClick={() => appWindow.close()} />
+export const CustomTitleBar = ({ path = '/' }: { path?: string }) => {
+  return (
+    <Box data-tauri-drag-region style={customTitleBarStyles.titlebar}>
+      {/* set width to keep logo centered */}
+      <Box sx={{ width: '40px' }}>{path === '/' ? <MenuIcon /> : <ArrowBackIcon />}</Box>
+      {getTitleIcon(path)}
+      <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>
+        <CustomButton Icon={Minimize} onClick={() => appWindow.minimize()} />
+        <CustomButton Icon={Close} onClick={() => appWindow.close()} />
+      </Box>
     </Box>
-  </Box>
-);
+  );
+};

nym-connect/src/components/Growth/TestAndEarnButtonArea.tsx

@@ -6,6 +6,7 @@ import Content from './content/en.yaml';
 import { useClientContext } from '../../context/main';
 import { useTestAndEarnContext } from './context/TestAndEarnContext';
 import { NymShipyardTheme } from '../../theme';
+import { ConnectionStatusKind } from '../../types';
 
 export const Wrapper: FCWithChildren<{ disabled: boolean }> = ({ disabled, children }) => {
   if (disabled) {

nym-connect/src/components/Growth/context/TestAndEarnContext.tsx

@@ -4,6 +4,7 @@ import { forage } from '@tauri-apps/tauri-forage';
 import { invoke } from '@tauri-apps/api';
 import { ClientId, DrawEntry, Draws, Registration } from './types';
 import { useClientContext } from '../../../context/main';
+import { ConnectionStatusKind } from '../../../types';
 
 export type TTestAndEarnContext = {
   loadedOnce: boolean;

nym-connect/src/components/HelpPageImage.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+import { Box } from '@mui/material';
 
 export const HelpImage = ({ img, imageDescription }: { img: string; imageDescription: string }) => (
   <img src={img} alt={imageDescription} width="100%" />

nym-connect/src/components/IpAddressAndPortModal.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Box, Typography } from '@mui/material';
+import { Box, Button, Typography } from '@mui/material';
 import { InfoModal } from './InfoModal';
 import { CopyToClipboard } from './CopyToClipboard';
 

nym-connect/src/components/PowerButton.tsx

@@ -0,0 +1,132 @@
+import React from 'react';
+import { ConnectionStatusKind } from 'src/types';
+
+const getStatusFillColor = (status: ConnectionStatusKind, hover: boolean, isError: boolean): string => {
+  if (isError && hover) {
+    return '#21D072';
+  }
+  if (isError) {
+    return '#40475C';
+  }
+
+  switch (status) {
+    case 'disconnected':
+      if (hover) {
+        return '#FFF';
+      }
+      return '#BBB';
+    case 'connecting':
+      return '#FFF';
+    case 'disconnecting':
+      return '#FFF';
+    default:
+      // connected
+      if (hover) {
+        return '#E43E3E';
+      }
+      return '#21D072';
+  }
+};
+
+export const PowerButton: FCWithChildren<{
+  onClick?: (status: ConnectionStatusKind) => void;
+  isError?: boolean;
+  disabled?: boolean;
+  status: ConnectionStatusKind;
+  busy?: boolean;
+}> = ({ onClick, disabled, status, isError }) => {
+  const [hover, setHover] = React.useState<boolean>(false);
+
+  const handleClick = () => {
+    if (disabled === true) {
+      return;
+    }
+    if (onClick) {
+      onClick(status);
+    }
+  };
+
+  const statusFillColor = getStatusFillColor(status, hover, Boolean(isError));
+
+  return (
+    <svg
+      width="190"
+      height="190"
+      viewBox="0 0 200 200"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      onClick={handleClick}
+      style={{ cursor: disabled ? 'not-allowed' : 'pointer' }}
+      onMouseEnter={() => !disabled && setHover(true)}
+      onMouseLeave={() => !disabled && setHover(false)}
+    >
+      <g transform="translate(-30, -25) ">
+        <circle cx={131} cy={131} r={70} strokeWidth={2} stroke={statusFillColor} filter="url(#blur)" opacity="0.6" />
+        <circle cx={131} cy={131} r={22} strokeWidth={1} stroke={statusFillColor} filter="url(#blur)" opacity="0.3" />
+        <circle opacity={0.6} cx={131} cy={131} r={68.5} stroke={statusFillColor} />
+        <g filter="url(#filter1_d_944_9033)">
+          <circle cx={131} cy={131} r={64} fill="url(#paint1_radial_944_9033)" />
+          <circle cx={131} cy={131} r={63} stroke={statusFillColor} strokeWidth={2} />
+        </g>
+        <g opacity={0.5} filter="url(#filter2_f_944_9033)">
+          <g clipPath="url(#clip0_944_9033)">
+            <path
+              d="M131 113C129.9 113 129 113.9 129 115V131C129 132.1 129.9 133 131 133C132.1 133 133 132.1 133 131V115C133 113.9 132.1 113 131 113ZM141.28 118.72C140.5 119.5 140.52 120.72 141.26 121.5C143.52 123.9 144.92 127.1 145 130.64C145.18 138.3 138.84 144.9 131.18 144.98C123.36 145.1 117 138.8 117 131C117 127.32 118.42 123.98 120.74 121.48C121.48 120.7 121.48 119.48 120.72 118.72C119.92 117.92 118.62 117.94 117.86 118.76C114.96 121.84 113.14 125.94 113 130.48C112.72 140.24 120.66 148.68 130.42 148.98C140.62 149.3 149 141.12 149 130.98C149 126.24 147.16 121.96 144.16 118.76C143.4 117.94 142.08 117.92 141.28 118.72Z"
+              stroke={statusFillColor}
+            />
+          </g>
+        </g>
+        <g clipPath="url(#clip1_944_9033)">
+          <path
+            d="M131 113C129.9 113 129 113.9 129 115V131C129 132.1 129.9 133 131 133C132.1 133 133 132.1 133 131V115C133 113.9 132.1 113 131 113ZM141.28 118.72C140.5 119.5 140.52 120.72 141.26 121.5C143.52 123.9 144.92 127.1 145 130.64C145.18 138.3 138.84 144.9 131.18 144.98C123.36 145.1 117 138.8 117 131C117 127.32 118.42 123.98 120.74 121.48C121.48 120.7 121.48 119.48 120.72 118.72C119.92 117.92 118.62 117.94 117.86 118.76C114.96 121.84 113.14 125.94 113 130.48C112.72 140.24 120.66 148.68 130.42 148.98C140.62 149.3 149 141.12 149 130.98C149 126.24 147.16 121.96 144.16 118.76C143.4 117.94 142.08 117.92 141.28 118.72Z"
+            fill={statusFillColor}
+          />
+        </g>
+        <defs>
+          <filter
+            id="filter0_f_944_9033"
+            x={0}
+            y={0}
+            width={240}
+            height={240}
+            filterUnits="userSpaceOnUse"
+            colorInterpolationFilters="sRGB"
+          >
+            <feFlood floodOpacity={0} result="BackgroundImageFix" />
+            <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
+            <feGaussianBlur stdDeviation={40} result="effect1_foregroundBlur_944_9033" />
+          </filter>
+          <filter
+            id="filter1_d_944_9033"
+            x={52}
+            y={58}
+            width={158}
+            height={158}
+            filterUnits="userSpaceOnUse"
+            colorInterpolationFilters="sRGB"
+          >
+            <feFlood floodOpacity={0} result="BackgroundImageFix" />
+            <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_944_9033" />
+            <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_944_9033" result="shape" />
+          </filter>
+          <filter
+            id="filter2_f_944_9033"
+            x={97}
+            y={97}
+            width={68}
+            height={68}
+            filterUnits="userSpaceOnUse"
+            colorInterpolationFilters="sRGB"
+          >
+            <feFlood floodOpacity={0} result="BackgroundImageFix" />
+            <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
+            <feGaussianBlur stdDeviation={5} result="effect1_foregroundBlur_944_9033" />
+          </filter>
+          <filter id="blur">
+            <feGaussianBlur stdDeviation="5" />
+          </filter>
+        </defs>
+      </g>
+    </svg>
+  );
+};

nym-connect/src/components/PowerButton/PowerButton.tsx

@@ -1,124 +0,0 @@
-import React, { useCallback } from 'react';
-import { ConnectionStatusKind } from 'src/types';
-import './power-button.css';
-
-const getStatusFillColor = (status: ConnectionStatusKind, hover: boolean, isError: boolean): string => {
-  if (isError && hover) {
-    return '#21D072';
-  }
-  if (isError) {
-    return '#40475C';
-  }
-
-  switch (status) {
-    case 'disconnected':
-      if (hover) {
-        return '#FFF';
-      }
-      return '#BBB';
-    case 'connecting':
-      return '#FFF';
-    case 'disconnecting':
-      return '#FFF';
-    default:
-      // connected
-      if (hover) {
-        return '#E43E3E';
-      }
-      return '#21D072';
-  }
-};
-
-export const PowerButton: FCWithChildren<{
-  onClick?: (status: ConnectionStatusKind) => void;
-  isError?: boolean;
-  disabled?: boolean;
-  status: ConnectionStatusKind;
-  busy?: boolean;
-}> = ({ onClick, disabled, status, isError }) => {
-  const [hover, setHover] = React.useState<boolean>(false);
-
-  const handleClick = () => {
-    if (disabled === true) {
-      return;
-    }
-    if (onClick) {
-      onClick(status);
-    }
-  };
-
-  const statusFillColor = getStatusFillColor(status, hover, Boolean(isError));
-
-  const getClassName = useCallback(() => {
-    if (hover) {
-      switch (status) {
-        case 'disconnected':
-          return 'expand';
-        default:
-          return 'contract';
-      }
-    }
-    if (!hover) {
-      switch (status) {
-        case 'connected':
-          return 'expand';
-        default:
-          return 'contract';
-      }
-    }
-    return 'contract';
-  }, [status, hover]);
-
-  const buttonPulse = () => {
-    if (status === 'connecting' || status === 'disconnecting') return 'pulse';
-    return undefined;
-  };
-
-  return (
-    <svg
-      width="190"
-      height="190"
-      viewBox="0 0 200 200"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      onClick={handleClick}
-      style={{ cursor: disabled ? 'not-allowed' : 'pointer' }}
-      onMouseEnter={() => !disabled && setHover(true)}
-      onMouseLeave={() => !disabled && setHover(false)}
-    >
-      <g transform="translate(-30, -25) ">
-        <circle cx={131} cy={131} r={75} strokeWidth={4} stroke={statusFillColor} filter="url(#blur)" opacity="0.6" />
-        <circle cx={131} cy={131} r={25} strokeWidth={2} stroke={statusFillColor} filter="url(#blur)" opacity="0.5" />
-        <g id="Button power">
-          <circle cx="131" cy="131" r="68.5" stroke={statusFillColor} strokeWidth="0.5" />
-          <circle id="ring-one" className={getClassName()} cx="131" cy="131" r="73" stroke={statusFillColor} />
-          <circle id="ring-two" className={getClassName()} cx="131" cy="131" r="77" stroke={statusFillColor} />
-          <circle id="ring-three" className={getClassName()} cx="131" cy="131" r="81" stroke={statusFillColor} />
-          <circle id="ring-four" className={getClassName()} cx="131" cy="131" r="85" stroke={statusFillColor} />
-          <g id="button bg">
-            <circle cx="131" cy="131" r="63" stroke={statusFillColor} strokeWidth="3" className={buttonPulse()} />
-          </g>
-          <g id="Power icon">
-            <g id="Icon">
-              <g id="Group 672_2">
-                <g id="power_settings_new_black_24dp (1) 1_2" clipPath="url(#clip1_944_8739)">
-                  <path
-                    id="Vector_2"
-                    d="M131 113C129.9 113 129 113.9 129 115V131C129 132.1 129.9 133 131 133C132.1 133 133 132.1 133 131V115C133 113.9 132.1 113 131 113ZM141.28 118.72C140.5 119.5 140.52 120.72 141.26 121.5C143.52 123.9 144.92 127.1 145 130.64C145.18 138.3 138.84 144.9 131.18 144.98C123.36 145.1 117 138.8 117 131C117 127.32 118.42 123.98 120.74 121.48C121.48 120.7 121.48 119.48 120.72 118.72C119.92 117.92 118.62 117.94 117.86 118.76C114.96 121.84 113.14 125.94 113 130.48C112.72 140.24 120.66 148.68 130.42 148.98C140.62 149.3 149 141.12 149 130.98C149 126.24 147.16 121.96 144.16 118.76C143.4 117.94 142.08 117.92 141.28 118.72Z"
-                    fill={statusFillColor}
-                    className={buttonPulse()}
-                  />
-                </g>
-              </g>
-            </g>
-          </g>
-        </g>
-        <defs>
-          <filter id="blur" width="200%" height="200%" x="-50%" y="-50%">
-            <feGaussianBlur stdDeviation="12.5" />
-          </filter>
-        </defs>
-      </g>
-    </svg>
-  );
-};

nym-connect/src/components/PowerButton/power-button.css

@@ -1,72 +0,0 @@
-#ring-expand {
-  animation-name: rings-expand;
-  animation-duration: 0.4s;
-  animation-timing-function: ease-in-out;
-  animation-play-state: paused;
-}
-
-#ring-one.expand {
-  opacity: 0.3;
-  transition: opacity 0.1s ease-in-out;
-}
-
-#ring-two.expand {
-  opacity: 0.2;
-  transition: opacity 0.2s ease-in-out;
-}
-
-#ring-three.expand {
-  opacity: 0.1;
-  transition: opacity 0.3s ease-in-out;
-}
-
-#ring-four.expand {
-  opacity: 0.05;
-  transition: opacity 0.4s ease-in-out;
-}
-
-#ring-one.contract {
-  opacity: 0;
-  transition: opacity 0.4s;
-  transition-delay: 0.1s;
-}
-
-#ring-two.contract {
-  opacity: 0;
-  transition: opacity 0.3s;
-  transition-delay: 0.1s;
-}
-
-#ring-three.contract {
-  opacity: 0;
-  transition: opacity 0.1s;
-  transition-delay: 0.1s;
-}
-
-#ring-four.contract {
-  opacity: 0;
-  transition: opacity 0.1s;
-  transition-delay: 0.1s;
-}
-
-circle,
-path {
-  transition: stroke 0.5s, fill 0.5s;
-}
-
-.pulse {
-  animation-name: pulse;
-  animation-duration: 0.5s;
-  animation-iteration-count: infinite;
-  animation-direction: alternate;
-}
-
-@keyframes pulse {
-  from {
-    opacity: 1;
-  }
-
-  to {
-    opacity: 0.3;
-  }
-}