From e60c7ab1101baf2d76877b1faceedd814d135a29 Mon Sep 17 00:00:00 2001 From: makylfang Date: Wed, 21 Jun 2023 19:56:20 +0400 Subject: [PATCH] [Deploy] Merging dev to testnet (#372) * Upgrade vue packages * Handle duplicate parent connection instance * Fix: #AR-6193 readme update * Revert "hotfix handle duplicate parent connection" * Use parentConnection from store to logout * Address review comments * Render router view once and ensure parentConnection is happening only once * Add max height to toast message and show toast only if wallet is expanded * Add failsafe condition when adding token * Reduce height of VJsonViewer * Set network after chain id is added * Add notification dot on icon only if there are pending requests * Show testnet or dev banner to avoid confusion * Appear wallet button arrow at start * [Fix] Update auth-core and used base64 decoding for state params (#370) * Update auth-core and used base64 decoding for state params * Updated auth-core version * Fixed usage of state in other places --------- Co-authored-by: shrinathprabhu Co-authored-by: shaloo <5890484+shaloo@users.noreply.github.com> Co-authored-by: shalz --- README.md | 50 ++++++++++++++----- package-lock.json | 16 +++--- package.json | 2 +- src/App.vue | 31 +++++++----- .../dark/no-notifications-icon-selected.svg | 3 ++ .../images/dark/no-notifications-icon.svg | 3 ++ .../light/no-notifications-icon-selected.svg | 3 ++ .../images/light/no-notifications-icon.svg | 3 ++ src/components/AddNetwork.vue | 4 +- src/components/AppFooter.vue | 8 +++ src/components/SignMessageCompact.vue | 15 +++--- src/components/WalletButton.vue | 2 +- src/components/signMessageAdvancedInfo.vue | 2 +- src/pages/MFARestoreScreen.vue | 4 +- src/pages/backCompat/signIn.vue | 7 ++- src/pages/loggedInView.vue | 37 +++++++------- src/pages/loginRedirect.vue | 21 ++++---- src/pages/signInV2.vue | 9 ++-- src/utils/PasswordlessLoginHandler.ts | 16 +++++- src/utils/redirectUtils.ts | 5 +- src/utils/requestManagement.ts | 11 ++-- 21 files changed, 167 insertions(+), 85 deletions(-) create mode 100644 src/assets/images/dark/no-notifications-icon-selected.svg create mode 100644 src/assets/images/dark/no-notifications-icon.svg create mode 100644 src/assets/images/light/no-notifications-icon-selected.svg create mode 100644 src/assets/images/light/no-notifications-icon.svg diff --git a/README.md b/README.md index 049f74c0..b8ec2423 100644 --- a/README.md +++ b/README.md @@ -1,10 +1,32 @@ -# wallet-ui +

+ +

Arcana Wallet UI

+

+
+

+Arcana Wallet UI +

-Arcana's embedded Web3 wallet implementation. +# Arcana Wallet UI -This is a Vue app written in TypeScript and styled with Tailwind CSS. +The Arcana wallet is a non-custodial, embedded Web3 wallet that is instantly available to authenticated users of Web3 apps that use the [Arcana Auth SDK](https://github.com/arcana-network/auth). Web3 app developers must install and integrate the Auth SDK to enable users to sign blockchain transactions. Users do not have to install any software to access the Arcana Wallet UI. -## Installation +Developers can also choose to disable the Arcana Wallet UI and plug in a custom wallet UI for their apps using the white-labeled Auth feature. + +This repo contains Aracna Wallet UI implementation. It is a Vue app written in TypeScript and styled with Tailwind CSS. + +**Note:** Arcana Wallet UI is NOT a standalone wallet. It is part of the Arcana Auth SDK. + +## 📋 Installation Use the Node version listed in the [.nvmrc](./.nvmrc) file. @@ -17,20 +39,24 @@ Use the Node version listed in the [.nvmrc](./.nvmrc) file. If you are using VS Code, see the recommended [settings](./.vscode/settings.json) and [extensions](./.vscode/extensions.json). -## Usage +## 📒 Usage + +To use Arcana Wallet UI in a Web3 app, follow the instructions [here](https://docs.arcana.network/quick-start/index.html) to register the app with Arcana Network, configure the chains and social login settings and install, and integrate the app with the Arcana Auth SDK. + +## 📚 Documentation -To use Arcana's Web3 wallet in an external dapp, follow the instructions for initializing [`@arcana/auth`](https://github.com/arcana-network/auth) SDK. +Check out [Arcana Auth documentation](https://docs.arcana.network/) and use the [Auth SDK Quick Start Guide](https://docs.arcana.network/quick-start/index.html) to integrate any Web3 app and enable the Arcana Wallet UI. See [Arcana Wallet User Guide](https://docs.arcana.network/user-guides/wallet-ui/index.html) for usage details. -## Support +## 💡 Support -For any support or integration related queries, contact [Arcana's support team](mailto:support@arcana.network). +For any support or integration-related queries, contact [Arcana Support Team](mailto:support@arcana.network). -## Contributing Guide +## 🤝 Contributing -We welcome all contributions to this repository from the community. Read our [contributing guide](https://github.com/arcana-network/license/blob/main/CONTRIBUTING.md) to learn about our development process, how to propose bug fixes and improvements, and the code of conduct that we expect the participants to adhere to. +We welcome all contributions to the Arcana Auth product and Wallet UI from the community. Read our [contributing guide](https://github.com/arcana-network/license/blob/main/CONTRIBUTING.md) to learn about the our development process, how to propose bug fixes and improvements, and the code of conduct that we expect the participants to adhere to. Refer to the build and test section of this readme for details on how to test and validate your changes to the Wallet UI code before submitting your contributions. -## License +## ℹī¸ License -This public repository of Arcana Network is shared and distributed under the [MIT License](https://fossa.com/blog/open-source-licenses-101-mit-license/). +Arcana Wallet UI is distributed under the [MIT License](https://fossa.com/blog/open-source-licenses-101-mit-license/). For details see [Arcana License](https://github.com/arcana-network/license/blob/main/LICENSE.md). diff --git a/package-lock.json b/package-lock.json index 4ec2063a..2d662223 100644 --- a/package-lock.json +++ b/package-lock.json @@ -9,7 +9,7 @@ "version": "0.1.0", "dependencies": { "@arcana/auth": "^0.1.3", - "@arcana/auth-core": "^1.0.0-beta.8", + "@arcana/auth-core": "^1.0.0-beta.10", "@arcana/key-helper": "^1.0.0-beta.7", "@ethereumjs/tx": "^3.4.0", "@fontsource/montserrat": "^4.5.14", @@ -84,7 +84,7 @@ }, "../auth-core": { "name": "@arcana/auth-core", - "version": "1.0.0-beta.8", + "version": "1.0.0-beta.10", "extraneous": true, "license": "MIT", "dependencies": { @@ -167,9 +167,9 @@ } }, "node_modules/@arcana/auth-core": { - "version": "1.0.0-beta.8", - "resolved": "https://registry.npmjs.org/@arcana/auth-core/-/auth-core-1.0.0-beta.8.tgz", - "integrity": "sha512-A7pgnBydII2c4EFjNcyzIjT1bsqWEgo6kxFm77BIQiNNBkPfPAq2DN70YzDoTtn0sEDYHZvj1hJn5bs6KKAtLA==", + "version": "1.0.0-beta.10", + "resolved": "https://registry.npmjs.org/@arcana/auth-core/-/auth-core-1.0.0-beta.10.tgz", + "integrity": "sha512-KLuoz82KwmG599TRpCJhVupIgASih6LXxBGimjG1m2IUHYrjFXPBVq+y/dQu0o1W1lV2Dwg8wSAHPkyIw9LglQ==", "dependencies": { "@arcana/keystore": "^1.0.0", "@stablelib/base64": "^1.0.1", @@ -18974,9 +18974,9 @@ } }, "@arcana/auth-core": { - "version": "1.0.0-beta.8", - "resolved": "https://registry.npmjs.org/@arcana/auth-core/-/auth-core-1.0.0-beta.8.tgz", - "integrity": "sha512-A7pgnBydII2c4EFjNcyzIjT1bsqWEgo6kxFm77BIQiNNBkPfPAq2DN70YzDoTtn0sEDYHZvj1hJn5bs6KKAtLA==", + "version": "1.0.0-beta.10", + "resolved": "https://registry.npmjs.org/@arcana/auth-core/-/auth-core-1.0.0-beta.10.tgz", + "integrity": "sha512-KLuoz82KwmG599TRpCJhVupIgASih6LXxBGimjG1m2IUHYrjFXPBVq+y/dQu0o1W1lV2Dwg8wSAHPkyIw9LglQ==", "requires": { "@arcana/keystore": "^1.0.0", "@stablelib/base64": "^1.0.1", diff --git a/package.json b/package.json index 11c7a1f0..f6a16c36 100644 --- a/package.json +++ b/package.json @@ -18,7 +18,7 @@ }, "dependencies": { "@arcana/auth": "^0.1.3", - "@arcana/auth-core": "1.0.0-beta.9", + "@arcana/auth-core": "^1.0.0-beta.11", "@arcana/key-helper": "^1.0.0-beta.7", "@ethereumjs/tx": "^3.4.0", "@fontsource/montserrat": "^4.5.14", diff --git a/src/App.vue b/src/App.vue index 46f25568..052b1d0d 100644 --- a/src/App.vue +++ b/src/App.vue @@ -12,6 +12,7 @@ import { useAppStore } from '@/store/app' import { useModalStore } from '@/store/modal' import { useParentConnectionStore } from '@/store/parentConnection' import { useRequestStore } from '@/store/request' +import { AUTH_NETWORK } from '@/utils/constants' import { getImage } from '@/utils/getImage' import { initializeOnRampMoney } from '@/utils/onrampmoney.ramp' import { fetchTransakNetworks } from '@/utils/transak' @@ -116,12 +117,23 @@ function canShowCollapseButton() {