status-desktop/ui/imports/shared/controls/RecipientSelector.qml

import QtQuick 2.13
import QtQuick.Controls 2.13
import QtQuick.Layouts 1.13
import QtGraphicalEffects 1.13

import StatusQ.Controls 0.1

import utils 1.0

import "."
import "../panels"

Item {
    id: root

    property var contactsStore

    property var accounts
    property int inputWidth: 272
    property int sourceSelectWidth: 150
    property alias label: txtLabel.text
    property alias labelFont: txtLabel.font
    property alias input: inpAddress.input
    // If supplied, additional info will be displayed top-right in danger colour (red)
    property alias additionalInfo: txtAddlInfo.text
    property var selectedRecipient
    property bool readOnly: false
    readonly property string addressValidationError: qsTr("Invalid ethereum address")
    property alias wrongInputValidationError: inpAddress.wrongInputValidationError
    property alias ownAddressError: inpAddress.ownAddressError
    property bool isValid: false
    property bool isSelectorVisible: true
    property bool addContactEnabled: true
    property bool isPending: {
        switch (selAddressSource.currentValue) {
            case RecipientSelector.Type.Address:
                return inpAddress.isPending
            case RecipientSelector.Type.Contact:
                return selContact.isPending
            case RecipientSelector.Type.Account:
                return false // AccountSelector is never pending
        }
        return false;
    }

    readonly property var sources: [
        { text: qsTr("Address"), value: RecipientSelector.Type.Address, visible: true },
        { text: qsTr("My account"), value: RecipientSelector.Type.Account, visible: true },
        { text: qsTr("Contact"), value: RecipientSelector.Type.Contact, visible: true }
    ]

    property var selectedType: RecipientSelector.Type.Address

    enum Type {
        Address,
        Contact,
        Account
    }

    function validate() {
        switch (selAddressSource.currentValue) {
            case RecipientSelector.Type.Address:
                root.isValid = inpAddress.isValid
                break
            case RecipientSelector.Type.Contact:
                root.isValid = selContact.isValid
                break
            case RecipientSelector.Type.Account:
                root.isValid = selAccount.isValid
                break
        }
        return root.isValid
    }

    function updateAddressComboBox() {
        if (selectedType !== undefined) {
            selAddressSource.control.currentIndex = selAddressSource.control.indexOfValue(selectedType)
        }
        if (!selectedRecipient) {
            return
        }
        switch (root.selectedType) {
            case RecipientSelector.Type.Address:
                inpAddress.input.text = selectedRecipient.name || ""
                inpAddress.visible = true
                selContact.visible = selAccount.visible = false
                if(!!selectedRecipient.address){
                    inpAddress.selectedAddress = selectedRecipient.address
                }
                break
            case RecipientSelector.Type.Contact:
                selContact.selectedContact = selectedRecipient
                // TODO: we shouldn't have to call resolveEns from the outside.
                // It should be handled automatically when selectedContact is
                // updated, however, handling it on property change causes an
                // infinite loop
                selContact.resolveEns()
                selContact.visible = true
                inpAddress.visible = selAccount.visible = false
                break
            case RecipientSelector.Type.Account:
                selAccount.selectedAccount = selectedRecipient
                selAccount.visible = true
                inpAddress.visible = selContact.visible = false
                break
        }
    }

    onSelectedTypeChanged: {
        updateAddressComboBox();
    }

    Component.onCompleted: {
        updateAddressComboBox();
    }

    implicitHeight: inpAddress.height + txtLabel.height

    Text {
        id: txtLabel
        visible: label !== ""
        text: qsTr("Recipient")
        font.pixelSize: 13
        font.family: Style.current.baseFont.name
        font.weight: Font.Medium
        color: Style.current.textColor
        height: 18
    }

    Text {
        id: txtAddlInfo
        visible: text !== ""
        text: ""
        font.pixelSize: 13
        font.family: Style.current.baseFont.name
        font.weight: Font.Medium
        color: Style.current.danger
        height: 18
        anchors.right: parent.right
    }

    RowLayout {
        anchors.top: txtLabel.bottom
        anchors.topMargin: 7
        anchors.left: parent.left
        anchors.right: parent.right
        spacing: 8

        AddressInput {
            id: inpAddress

            contactsStore: root.contactsStore

            width: root.inputWidth
            input.label: ""
            input.readOnly: root.readOnly
            visible: true
            Layout.preferredWidth: selAddressSource.visible ? root.inputWidth : parent.width
            Layout.alignment: Qt.AlignTop
            Layout.fillWidth: true
            validationError: root.addressValidationError
            parentWidth: parent.width
            addContactEnabled: root.addContactEnabled
            onSelectedAddressChanged: {
                if (selAddressSource.currentValue !== RecipientSelector.Type.Address)
                    return
                root.selectedRecipient = { address: selectedAddress, type: RecipientSelector.Type.Address }
            }
            onIsValidChanged: root.validate()
        }

        ContactSelector {
            id: selContact
            contactsStore: root.contactsStore
            visible: false
            width: root.inputWidth
            dropdownWidth: parent.width
            readOnly: root.readOnly
            Layout.preferredWidth: selAddressSource.visible ? root.inputWidth : parent.width
            Layout.alignment: Qt.AlignTop
            Layout.fillWidth: true
            onSelectedContactChanged: {
                if (!selectedContact || !selectedContact.address || selAddressSource.currentValue !== RecipientSelector.Type.Contact)
                    return;
                const { address, name, alias, pubKey, icon, isContact, ensVerified } = selectedContact
                root.selectedRecipient = { address, name, alias, pubKey, icon, isContact, ensVerified, type: RecipientSelector.Type.Contact }
            }
            onIsValidChanged: root.validate()
        }

        StatusAccountSelector {
            id: selAccount
            accounts: root.accounts
            visible: false
            width: root.inputWidth
            dropdownWidth: parent.width
            label: ""
            Layout.preferredWidth: selAddressSource.visible ? root.inputWidth : parent.width
            Layout.alignment: Qt.AlignTop
            Layout.fillWidth: true
            onSelectedAccountChanged: {
                if (!selectedAccount || selAddressSource.currentValue !== RecipientSelector.Type.Account)
                    return;
                const { address, name, color, assets, fiatBalance } = selectedAccount
                root.selectedRecipient = { address, name, color, assets, fiatBalance, type: RecipientSelector.Type.Account }
            }
            onIsValidChanged: root.validate()
        }

        StatusComboBox {
            id: selAddressSource
            visible: isSelectorVisible && !root.readOnly
            model: root.sources.filter(source => source.visible)
            width: sourceSelectWidth
            Layout.preferredWidth: root.sourceSelectWidth
            Layout.alignment: Qt.AlignTop

            control.textRole: "text"
            control.valueRole: "value"

            onCurrentValueChanged: {
                if (root.readOnly) {
                    return
                }
                let address, name
                switch (currentValue) {
                    case RecipientSelector.Type.Address:
                        inpAddress.visible = true
                        selContact.visible = selAccount.visible = false
                        root.height = Qt.binding(function() { return inpAddress.height + txtLabel.height })
                        root.selectedRecipient = { address: inpAddress.selectedAddress, type: RecipientSelector.Type.Address }
                        if (root.selectedType !== RecipientSelector.Type.Address) root.selectedType = RecipientSelector.Type.Address
                        root.isValid = inpAddress.isValid
                        break;
                    case RecipientSelector.Type.Contact:
                        selContact.visible = true
                        inpAddress.visible = selAccount.visible = false
                        root.height = Qt.binding(function() { return selContact.height + txtLabel.height })
                        let { alias, isContact, ensVerified } = selContact.selectedContact
                        address = selContact.selectedContact.address
                        name = selContact.selectedContact.name
                        root.selectedRecipient = { address, name, alias, isContact, ensVerified, type: RecipientSelector.Type.Contact }
                        if (root.selectedType !== RecipientSelector.Type.Contact) root.selectedType = RecipientSelector.Type.Contact
                        root.isValid = selContact.isValid
                        break;
                    case RecipientSelector.Type.Account:
                        selAccount.visible = true
                        inpAddress.visible = selContact.visible = false
                        root.height = Qt.binding(function() { return selAccount.height + txtLabel.height })
                        const { color, assets, fiatBalance } = selAccount.selectedAccount
                        address = selAccount.selectedAccount.address
                        name = selAccount.selectedAccount.name
                        root.selectedRecipient = { address, name, color, assets, fiatBalance, type: RecipientSelector.Type.Account }
                        if (root.selectedType !== RecipientSelector.Type.Account) root.selectedType = RecipientSelector.Type.Account
                        root.isValid = selAccount.isValid
                        break;
                }
            }
        }
    }

}