@sb1/ffe-account-selector-react/lib/account-selector/AccountDetails.js

Selector for bank accounts with autocomplete.

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.AccountDetails = AccountDetails;
var react_1 = __importDefault(require("react"));
var classnames_1 = __importDefault(require("classnames"));
var format_1 = require("../format");
function AccountDetails(_a) {
    var account = _a.account, _b = _a.showBalance, showBalance = _b === void 0 ? true : _b, ariaInvalid = _a.ariaInvalid, locale = _a.locale;
    var _c = account !== null && account !== void 0 ? account : {}, balance = _c.balance, accountNumber = _c.accountNumber, currencyCode = _c.currencyCode;
    var isInvalidWithNoAccount = !account && (ariaInvalid === 'true' || ariaInvalid === true);
    return (react_1.default.createElement("div", { className: (0, classnames_1.default)('ffe-small-text', 'ffe-account-selector-single__details', {
            'ffe-account-selector-single__details--invalid-empty': isInvalidWithNoAccount,
        }) }, account && (react_1.default.createElement(react_1.default.Fragment, null,
        react_1.default.createElement("div", { className: "ffe-account-selector-single__details--left" }, (0, format_1.accountFormatter)(accountNumber)),
        showBalance && (react_1.default.createElement("div", { className: "ffe-account-selector-single__details--right" }, (0, format_1.balanceWithCurrency)(balance, locale, currencyCode)))))));
}