import QtQuick 2.15 import QtQuick.Controls 2.15 import SortFilterProxyModel 0.2 import StatusQ 0.1 import StatusQ.Core 0.1 import StatusQ.Core.Theme 0.1 import StatusQ.Core.Utils 0.1 as SQUtils import AppLayouts.Wallet.stores 1.0 as WalletStores import AppLayouts.Wallet.popups.simpleSend 1.0 import AppLayouts.Wallet.adaptors 1.0 import AppLayouts.Wallet 1.0 import shared.popups.send 1.0 import shared.stores.send 1.0 import utils 1.0 QtObject { id: root required property var popupParent required property int loginType required property TransactionStore transactionStore required property WalletStores.CollectiblesStore walletCollectiblesStore required property WalletStores.TransactionStoreNew transactionStoreNew /** for ens flows **/ required property string myPublicKey required property string ensRegisteredAddress /** TODO: This should probably be a property and not a function. Needs changes on backend side **/ property var getStatusTokenKey: function() {} /** for sticker flows **/ required property string stickersMarketAddress required property string stickersNetworkId /** Feature flag for single network send until its feature complete **/ required property bool simpleSendEnabled /** For simple send modal flows, decoupling from transaction store **/ /** Expected model structure: - name: name of account - address: wallet address - color: color of the account - emoji: emoji selected for the account - currencyBalance: total currency balance in CurrencyAmount - accountBalance: balance of selected token + selected chain **/ required property var walletAccountsModel /** Expected model structure: - tokensKey: unique string ID of the token (asset); e.g. "ETH" or contract address - name: user visible token name (e.g. "Ethereum") - symbol: user visible token symbol (e.g. "ETH") - decimals: number of decimal places - communityId: optional; ID of the community this token belongs to, if any - marketDetails: object containing props like `currencyPrice` for the computed values below - balances: submodel[ chainId:int, account:string, balance:BigIntString, iconUrl:string ] **/ required property var groupedAccountAssetsModel /** Expected token by symbol model structure: - key: id for the token, - name: name of the token, - symbol: symbol of the token, - decimals: decimals for the token */ required property var plainTokensBySymbolModel /** Expected model structure: - symbol [string] - unique identifier of a collectible - collectionUid [string] - unique identifier of a collection - contractAddress [string] - collectible's contract address - name [string] - collectible's name e.g. "Magicat" - collectionName [string] - collection name e.g. "Crypto Kitties" - mediaUrl [url] - collectible's media url - imageUrl [url] - collectible's image url - communityId [string] - unique identifier of a community for community collectible or empty - ownership [model] - submodel of balances per chain/account - balance [int] - balance (always 1 for ERC-721) - accountAddress [string] - unique identifier of an account **/ required property var collectiblesBySymbolModel /** Expected model structure: - key [string] - unique identifier of an asset - decimals [int] - decimals of the token - marketDetails [QObject] - collectible's contract address - currencyPrice [CurrencyAmount] - assets market price in CurrencyAmount **/ required property var tokenBySymbolModel /** Expected model structure: - chainId: network chain id - chainName: name of network - iconUrl: network icon url networks on both mainnet & testnet **/ required property var flatNetworksModel /** true if testnet mode is on **/ required property bool areTestNetworksEnabled /** whether community tokens are shown in send modal based on a global setting **/ required property bool showCommunityAssetsInSend required property var savedAddressesModel required property var recentRecipientsModel /** required function to resolve an ens name - ensName [string] - ensName to be resolved - uuid [string] - unique identifier for the request **/ required property var fnResolveENS /** required signal to receive resolved ens name address **/ signal ensNameResolved(string resolvedPubKey, string resolvedAddress, string uuid) /** curently selected fiat currency symbol **/ required property string currentCurrency /** required function to format currency amount to locale string - amount [real] - amount to be formatted as a number - symbol [string] - fiat/crypto currency symbol **/ required property var fnFormatCurrencyAmount /** required function to format to currency amount from big int - amount [real] - amount to be formatted as a number - symbol [string] - fiat/crypto currency symbol - decimals [int] - decimals of the crypto token **/ required property var fnFormatCurrencyAmountFromBigInt /** required property holds the detailed collectible **/ required property var detailedCollectible /** required property holds if collectible details is loading **/ required property bool isDetailedCollectibleLoading /** required function to fetch detailed collectible chainId, contractAddress, tokenId - chainId [int] - chainId of collectible - contractAddress [string] - contract address of collectible - tokenId [string] - token id of collectible **/ required property var fnGetDetailedCollectible /** required function to reset the detailed collectible **/ required property var fnResetDetailedCollectible /** required function to get openSea explorer url - networkShortName [string] - collectible networks short name **/ required property var fnGetOpenSeaUrl /** signal to request launch of buy crypto modal **/ signal launchBuyFlowRequested(string accountAddress, int chainId, string tokenKey) function openSend(params = {}) { // TODO remove once simple send is feature complete let sendModalCmp = root.simpleSendEnabled ? simpleSendModalComponent: sendModalComponent let sendModalInst = sendModalCmp.createObject(popupParent, params) sendModalInst.open() } function connectUsername(ensName) { let params = { preSelectedSendType: Constants.SendType.ENSSetPubKey, preSelectedHoldingID: Constants.ethToken , preSelectedHoldingType: Constants.TokenType.Native, preDefinedAmountToSend: LocaleUtils.numberToLocaleString(0), preSelectedRecipient: root.ensRegisteredAddress, interactive: false, publicKey: root.myPublicKey, ensName: ensName } openSend(params) } function registerUsername(ensName) { let params = { preSelectedSendType: Constants.SendType.ENSRegister, preSelectedHoldingID: root.getStatusTokenKey(), preSelectedHoldingType: Constants.TokenType.ERC20, preDefinedAmountToSend: LocaleUtils.numberToLocaleString(10), preSelectedRecipient: root.ensRegisteredAddress, interactive: false, publicKey: root.myPublicKey, ensName: ensName } openSend(params) } function releaseUsername(ensName, senderAddress, chainId) { let params = { preSelectedSendType: Constants.SendType.ENSRelease, preSelectedAccountAddress: senderAddress, preSelectedHoldingID: Constants.ethToken , preSelectedHoldingType: Constants.TokenType.Native, preDefinedAmountToSend: LocaleUtils.numberToLocaleString(0), preSelectedChainId: chainId, preSelectedRecipient: root.ensRegisteredAddress, interactive: false, publicKey: root.myPublicKey, ensName: ensName } openSend(params) } function buyStickerPack(packId, price) { let params = { preSelectedSendType: Constants.SendType.StickersBuy, preSelectedHoldingID: root.getStatusTokenKey(), preSelectedHoldingType: Constants.TokenType.ERC20, preDefinedAmountToSend: LocaleUtils.numberToLocaleString(price), preSelectedChainId: root.stickersNetworkId, preSelectedRecipient: root.stickersMarketAddress, interactive: false, stickersPackId: packId } openSend(params) } function transferOwnership(tokenId, senderAddress) { let params = { preSelectedSendType: Constants.SendType.ERC721Transfer, preSelectedAccountAddress: senderAddress, preSelectedHoldingID: tokenId, preSelectedHoldingType: Constants.TokenType.ERC721, } openSend(params) } function sendToRecipient(recipientAddress) { let params = { preSelectedRecipient: recipientAddress } openSend(params) } function bridgeToken(tokenId, tokenType) { let params = { preSelectedSendType: Constants.SendType.Bridge, preSelectedHoldingID: tokenId , preSelectedHoldingType: tokenType, onlyAssets: true } openSend(params) } function sendToken(senderAddress, tokenId, tokenType) { let sendType = Constants.SendType.Transfer if (tokenType === Constants.TokenType.ERC721) { sendType = Constants.SendType.ERC721Transfer } else if(tokenType === Constants.TokenType.ERC1155) { sendType = Constants.SendType.ERC1155Transfer } let params = { preSelectedSendType: sendType, preSelectedAccountAddress: senderAddress, preSelectedHoldingID: tokenId , preSelectedHoldingType: tokenType, } openSend(params) } function openTokenPaymentRequest(recipientAddress, symbol, rawAmount, chainId) { const params = { preSelectedHoldingID: symbol, preSelectedHoldingType: Constants.TokenType.ERC20, preDefinedRawAmountToSend: rawAmount, preSelectedChainId: chainId, preSelectedRecipient: recipientAddress } openSend(params) } readonly property Component sendModalComponent: Component { SendModal { loginType: root.loginType store: root.transactionStore collectiblesStore: root.walletCollectiblesStore showCustomRoutingMode: !production onClosed: destroy() } } readonly property Component simpleSendModalComponent: Component { SimpleSendModal { id: simpleSendModal accountsModel: handler.accountsSelectorAdaptor.processedWalletAccounts assetsModel: handler.assetsSelectorViewAdaptor.outputAssetsModel collectiblesModel: handler.collectiblesSelectionAdaptor.model networksModel: handler.filteredFlatNetworksModel savedAddressesModel: root.savedAddressesModel recentRecipientsModel: root.recentRecipientsModel currentCurrency: root.currentCurrency fnFormatCurrencyAmount: root.fnFormatCurrencyAmount fnResolveENS: root.fnResolveENS onClosed: { destroy() root.transactionStoreNew.stopUpdatesForSuggestedRoute() } onFormChanged: { handler.resetRouterValues() if(allValuesFilledCorrectly) { handler.uuid = Utils.uuid() simpleSendModal.routesLoading = true root.transactionStoreNew.fetchSuggestedRoutes(handler.uuid, sendType, selectedChainId, selectedAccountAddress, selectedRecipientAddress, selectedAmountInBaseUnit, selectedTokenKey) } } onReviewSendClicked: { if (handler.selectedCollectibleEntry.available && !!handler.selectedCollectibleEntry.item) { root.fnGetDetailedCollectible(simpleSendModal.selectedChainId , handler.selectedCollectibleEntry.item.contractAddress, handler.selectedCollectibleEntry.item.tokenId) } Global.openPopup(sendSignModalCmp) } onLaunchBuyFlow: { root.launchBuyFlowRequested(selectedAccountAddress, selectedChainId, selectedTokenKey) } QtObject { id: handler property string uuid property var fetchedPathModel readonly property var filteredFlatNetworksModel: SortFilterProxyModel { sourceModel: root.flatNetworksModel filters: ValueFilter { roleName: "isTest"; value: root.areTestNetworksEnabled } } function routesFetched(returnedUuid, pathModel, errCode, errDescription) { simpleSendModal.routesLoading = false if(returnedUuid !== handler.uuid) { // Suggested routes for a different fetch, ignore return } simpleSendModal.routerErrorCode = errCode simpleSendModal.routerError = WalletUtils.getRouterErrorBasedOnCode(errCode) simpleSendModal.routerErrorDetails = "%1 - %2".arg(errCode).arg( WalletUtils.getRouterErrorDetailsOnCode(errCode, errDescription)) fetchedPathModel = pathModel } function transactionSent(returnedUuid, chainId, approvalTx, txHash, error) { if(returnedUuid !== handler.uuid) { // Suggested routes for a different fetch, ignore return } if (!!error) { if (error.includes(Constants.walletSection.authenticationCanceled)) { return } simpleSendModal.routerError = error return } close() } readonly property var accountsSelectorAdaptor: WalletAccountsSelectorAdaptor { accounts: root.walletAccountsModel assetsModel: root.groupedAccountAssetsModel tokensBySymbolModel: root.plainTokensBySymbolModel filteredFlatNetworksModel: handler.filteredFlatNetworksModel selectedTokenKey: simpleSendModal.selectedTokenKey selectedNetworkChainId: simpleSendModal.selectedChainId fnFormatCurrencyAmountFromBigInt: root.fnFormatCurrencyAmountFromBigInt } readonly property var assetsSelectorViewAdaptor: TokenSelectorViewAdaptor { assetsModel: root.groupedAccountAssetsModel flatNetworksModel: root.flatNetworksModel currentCurrency: root.currentCurrency showCommunityAssets: root.showCommunityAssetsInSend accountAddress: simpleSendModal.selectedAccountAddress enabledChainIds: [simpleSendModal.selectedChainId] } readonly property var collectiblesSelectionAdaptor: CollectiblesSelectionAdaptor { accountKey: simpleSendModal.selectedAccountAddress enabledChainIds: [simpleSendModal.selectedChainId] networksModel: handler.filteredFlatNetworksModel collectiblesModel: SortFilterProxyModel { sourceModel: root.collectiblesBySymbolModel filters: ValueFilter { roleName: "soulbound" value: false } } filterCommunityOwnerAndMasterTokens: true } readonly property var totalFeesAggregator: FunctionAggregator { model: !!handler.fetchedPathModel ? handler.fetchedPathModel: null initialValue: "0" roleName: "txTotalFee" aggregateFunction: (aggr, value) => SQUtils.AmountsArithmetic.sum( SQUtils.AmountsArithmetic.fromString(aggr), SQUtils.AmountsArithmetic.fromString(value)).toString() onValueChanged: { let decimals = !!handler.ethTokenEntry.item ? handler.ethTokenEntry.item.decimals: 18 let ethFiatValue = !!handler.ethTokenEntry.item ? handler.ethTokenEntry.item.marketDetails.currencyPrice.amount: 1 let totalFees = SQUtils.AmountsArithmetic.div(SQUtils.AmountsArithmetic.fromString(value), SQUtils.AmountsArithmetic.fromNumber(1, decimals)) let totalFeesInFiat = root.fnFormatCurrencyAmount(ethFiatValue*totalFees, root.currentCurrency).toString() simpleSendModal.estimatedCryptoFees = root.fnFormatCurrencyAmount(totalFees.toString(), Constants.ethToken) simpleSendModal.estimatedFiatFees = totalFeesInFiat } } readonly property var estimatedTimeAggregator: FunctionAggregator { model: !!handler.fetchedPathModel ? handler.fetchedPathModel: null initialValue: Constants.TransactionEstimatedTime.Unknown roleName: "estimatedTime" aggregateFunction: (aggr, value) => aggr < value? value : aggr onValueChanged: { simpleSendModal.estimatedTime = WalletUtils.getLabelForEstimatedTxTime(value) } } readonly property var selectedTokenEntry: ModelEntry { sourceModel: root.tokenBySymbolModel key: "key" value: simpleSendModal.selectedTokenKey } readonly property var ethTokenEntry: ModelEntry { sourceModel: root.tokenBySymbolModel key: "key" value: Constants.ethToken } readonly property var selectedCollectibleEntry: ModelEntry { sourceModel: simpleSendModal.isCollectibleSelected ? root.collectiblesBySymbolModel: null value: simpleSendModal.selectedTokenKey key: "symbol" } Component.onCompleted: { root.ensNameResolved.connect(ensNameResolved) root.transactionStoreNew.suggestedRoutesReady.connect(routesFetched) root.transactionStoreNew.transactionSent.connect(transactionSent) } function resetRouterValues() { uuid = "" fetchedPathModel = null simpleSendModal.estimatedCryptoFees = "" simpleSendModal.estimatedFiatFees = "" simpleSendModal.estimatedTime = "" simpleSendModal.routerErrorCode = "" simpleSendModal.routerError = "" simpleSendModal.routerErrorDetails = "" } } SignSendAdaptor { id: signSendAdaptor accountKey: simpleSendModal.selectedAccountAddress accountsModel: root.walletAccountsModel chainId: simpleSendModal.selectedChainId networksModel: root.flatNetworksModel tokenKey: simpleSendModal.selectedTokenKey tokenBySymbolModel: root.tokenBySymbolModel selectedAmountInBaseUnit: simpleSendModal.selectedAmountInBaseUnit } Component { id: sendSignModalCmp SendSignModal { closePolicy: Popup.CloseOnEscape destroyOnClose: true onClosed: root.fnResetDetailedCollectible() // Unused formatBigNumber: function(number, symbol, noSymbolOption) {} tokenSymbol: !!signSendAdaptor.selectedAsset && !!signSendAdaptor.selectedAsset.symbol ? signSendAdaptor.selectedAsset.symbol: "" tokenAmount: signSendAdaptor.selectedAmount tokenContractAddress: signSendAdaptor.selectedAssetContractAddress accountName: signSendAdaptor.selectedAccount.name accountAddress: signSendAdaptor.selectedAccount.address accountEmoji: signSendAdaptor.selectedAccount.emoji accountColor: Utils.getColorForId(signSendAdaptor.selectedAccount.colorId) recipientAddress: simpleSendModal.selectedRecipientAddress networkShortName: signSendAdaptor.selectedNetwork.shortName networkName: signSendAdaptor.selectedNetwork.chainName networkIconPath: Theme.svg(signSendAdaptor.selectedNetwork.iconUrl) networkBlockExplorerUrl: signSendAdaptor.selectedNetwork.blockExplorerURL fiatFees: simpleSendModal.estimatedFiatFees cryptoFees: simpleSendModal.estimatedCryptoFees estimatedTime: simpleSendModal.estimatedTime loginType: root.loginType isCollectible: simpleSendModal.isCollectibleSelected isCollectibleLoading: root.isDetailedCollectibleLoading collectibleContractAddress: root.detailedCollectible.contractAddress collectibleTokenId: root.detailedCollectible.tokenId collectibleName: root.detailedCollectible.name collectibleBackgroundColor: root.detailedCollectible.backgroundColor collectibleIsMetadataValid: root.detailedCollectible.isMetadataValid collectibleMediaUrl: root.detailedCollectible.mediaUrl collectibleMediaType: root.detailedCollectible.mediaType collectibleFallbackImageUrl: root.detailedCollectible.imageUrl fnGetOpenSeaExplorerUrl: root.fnGetOpenSeaUrl onAccepted: { root.transactionStoreNew.authenticateAndTransfer(handler.uuid, simpleSendModal.selectedAccountAddress) } } } } } }