{"version":3,"sources":["webpack:///./src/routes/wallet/wallet.ts","webpack:///./src/routes/wallet/wallet-token-detail/wallet-token-detail.ts","webpack:///./src/routes/wallet/wallet-token-detail/wallet-token-detail.html","webpack:///./src/routes/wallet/wallet.html"],"names":["Wallet","dialogService","authService","store","tokenService","wallets","this","storeSubscription","state","subscribe","user","firebaseUser","loadWallets","e","console","log","activePageId","tokens","getDSwapTokenBalances","Hive","filter","x","isCrypto","open","viewModel","whenClosed","response","WalletTokenDetail","ts","hes","token","page","loading","offset","limit","totalItems","totalPages","symbol","currentChainId","getTokenDetails","tradesCompleted","loadTradesCompleted","pageVal","loadAccountHistoryData","t","metrics","usdValue","parseFloat","quantity","lastPriceUsd","toFixed","module","exports"],"mappings":"0tBAcA,gBAAaA,EAAb,MAMI,YAAoBC,EAAsCC,EAAkCC,EAA8BC,GAAtG,KAAAH,gBAAsC,KAAAC,cAAkC,KAAAC,QAA8B,KAAAC,eAHlH,KAAAC,QAAoB,GAIxBC,KAAKC,kBAAoBD,KAAKH,MAAMK,MAAMC,UAAUD,IAC5CA,IACAF,KAAKE,MAAQA,EAEbF,KAAKI,KAAO,IAAKF,EAAMG,iBAKnC,oBACI,UACU,sBAAY,IAAZ,SACA,sBAAY,IAAZ,SAEAL,KAAKM,cACb,MAAOC,GACLC,QAAQC,IAAIF,IAKpB,aACIP,KAAKE,MAAMQ,aAAe,SAG9B,oBACI,IAAIC,QAAeX,KAAKF,aAAac,sBAAsB,IAAMC,MACjEb,KAAKD,QAAUY,EAAOG,OAAOC,IAAMA,EAAEC,UAGzC,WACIhB,KAAKL,cAAcsB,KAAK,CAAEC,UAAW,MAAmBC,WAAWC,IAC/DZ,QAAQC,IAAIW,OAGxB,OA1Ca1B,EAAM,GAFlB,cACA,YAAc,U,uBAOwB,gBAAoC,IAA4B,QAAqC,OAN/HA,GA0Cb,GA1CA,I,krBCDA,gBAAa2B,EAAb,MAiBI,YACY1B,EACAC,EACAC,EACAyB,EACAC,GAJA,KAAA5B,gBACA,KAAAC,cACA,KAAAC,QACA,KAAAyB,KACA,KAAAC,MAnBJ,KAAAC,MAAkB,GAElB,KAAAC,KAAO,EAGP,KAAAC,SAAU,EACV,KAAAC,OAAS,EACT,KAAAC,MAAQ,EAER,KAAAC,WAAa,GAEb,KAAAC,WAAa,EAUjB9B,KAAKC,kBAAoBD,KAAKH,MAAMK,MAAMC,UAAWD,IAC7CA,IACAF,KAAKE,MAAQA,EAEbF,KAAKI,KAAO,IAAKF,EAAMG,iBAKnC,gBAAe,OAAE0B,IACb/B,KAAK+B,OAASA,EACd/B,KAAKgC,qBAAuB,YAAgBhC,KAAKE,OACjDF,KAAKwB,YAAcxB,KAAKsB,GAAGW,gBAAgBF,EAAQ/B,KAAKgC,gBACxDhC,KAAKkC,sBAAwBlC,KAAKmC,oBAAoBnC,KAAK+B,OAAQ/B,KAAKyB,MAG5E,gBAAgBW,GACG,QAAXA,EACAA,EAAUpC,KAAKyB,KAAO,EACN,QAAXW,IACLA,EAAUpC,KAAKyB,KAAO,GAE1BzB,KAAKkC,sBAAwBlC,KAAKmC,oBAAoBnC,KAAK+B,OAAQK,GAGvE,0BAA0BL,EAAQN,GAC9BzB,KAAK0B,SAAU,EACf1B,KAAK+B,OAASA,EACd/B,KAAKyB,KAAOA,EACZzB,KAAK2B,QAAU3B,KAAKyB,KAAO,GAAKzB,KAAK4B,MAErC,IAAIM,QAAwBlC,KAAKuB,IAAIc,uBAAuBrC,KAAK+B,OAAQ/B,KAAK4B,MAAO5B,KAAK2B,QAE1F,IAAK,IAAIW,KAAKJ,EAAiB,CAC3B,IAAIV,QAAcxB,KAAKsB,GAAGW,gBAAgBK,EAAEP,OAAQ/B,KAAKgC,gBAAgB,GAAM,GAC3ER,GAASA,EAAMe,UACfD,EAAEE,UAAYC,WAAWH,EAAEI,UAAYD,WAAWjB,EAAMe,QAAQI,eAAeC,QAAQ,IAM/F,OAFA5C,KAAK0B,SAAU,EAERQ,IAEf,OApEab,EAAiB,GAF7B,cACA,YAAc,gB,uBAmBgB,gBACF,IACN,QACH,IACC,OAtBRA,GAoEb,GApEA,I,2ECbAwB,EAAOC,QAAU,qvtB,0CCAjBD,EAAOC,QAAU","file":"app~e947c46b.f61c3d48764201feeb27.chunk.js","sourcesContent":["import { Redirect } from 'aurelia-router';\r\nimport { Subscription } from 'rxjs';\r\nimport { customElement, autoinject, bindable } from 'aurelia-framework';\r\nimport { DswapOrderModal } from 'modals/dswap-order';\r\nimport { DialogService } from 'aurelia-dialog';\r\nimport { AuthService } from 'services/auth-service';\r\nimport { Store, dispatchify } from 'aurelia-store';\r\nimport { getCurrentFirebaseUser, getMarketMakerUser } from 'store/actions';\r\nimport { TokenService } from 'services/token-service';\r\nimport { Chain } from '../../common/enums';\r\nimport { isPeggedToken } from '../../common/functions';\r\n\r\n@autoinject()\r\n@customElement('wallet')\r\nexport class Wallet {\r\n    public storeSubscription: Subscription;\r\n    private state: IState;\r\n    private wallets: IToken[] = [];\r\n    private user;\r\n    \r\n    constructor(private dialogService: DialogService, private authService: AuthService, private store: Store<IState>, private tokenService: TokenService) {        \r\n        this.storeSubscription = this.store.state.subscribe(state => {\r\n            if (state) {\r\n                this.state = state;\r\n\r\n                this.user = { ...state.firebaseUser };\r\n            }\r\n          });    \r\n    }\r\n\r\n    async canActivate() {\r\n        try {            \r\n            await dispatchify(getCurrentFirebaseUser)();\r\n            await dispatchify(getMarketMakerUser)();\r\n\r\n            await this.loadWallets();\r\n        } catch (e) {\r\n            console.log(e);\r\n            //return new Redirect('');\r\n        }\r\n    }\r\n\r\n    async bind() {\r\n        this.state.activePageId = \"wallet\";\r\n    }\r\n\r\n    async loadWallets() {\r\n        let tokens = await this.tokenService.getDSwapTokenBalances(Chain.Hive);\r\n        this.wallets = tokens.filter(x => !x.isCrypto);\r\n    }\r\n\r\n    withdraw() {\r\n        this.dialogService.open({ viewModel: DswapOrderModal }).whenClosed(response => {\r\n            console.log(response);\r\n        });\r\n    }\r\n}\r\n","import { HiveEngineService } from 'services/hive-engine-service';\r\nimport { Redirect } from \"aurelia-router\";\r\nimport { Subscription } from \"rxjs\";\r\nimport { customElement, autoinject, bindable } from \"aurelia-framework\";\r\nimport { DswapOrderModal } from \"modals/dswap-order\";\r\nimport { DialogService } from \"aurelia-dialog\";\r\nimport { AuthService } from \"services/auth-service\";\r\nimport { Store, dispatchify } from \"aurelia-store\";\r\nimport { TokenService } from \"services/token-service\";\r\nimport { getChainByState } from 'common/functions';\r\n\r\n@autoinject()\r\n@customElement(\"walletdetail\")\r\nexport class WalletTokenDetail {\r\n    public storeSubscription: Subscription;\r\n    private state: IState;\r\n    private token: IToken[] = [];\r\n    private user;\r\n    private page = 1;\r\n    private tradesCompleted;\r\n    private symbol;\r\n    private loading = false;\r\n    private offset = 0;\r\n    private limit = 5;\r\n    // to retrieve later from an endpoint\r\n    private totalItems = 50;\r\n    // calculate later based on totalItems\r\n    private totalPages = 7;\r\n    private currentChainId;\r\n\r\n    constructor(\r\n        private dialogService: DialogService,\r\n        private authService: AuthService,\r\n        private store: Store<IState>,\r\n        private ts: TokenService,\r\n        private hes: HiveEngineService\r\n    ) {\r\n        this.storeSubscription = this.store.state.subscribe((state) => {\r\n            if (state) {\r\n                this.state = state;\r\n\r\n                this.user = { ...state.firebaseUser };\r\n            }\r\n        });\r\n    }\r\n\r\n    async activate({ symbol }) {\r\n        this.symbol = symbol;\r\n        this.currentChainId = await getChainByState(this.state);\r\n        this.token = await this.ts.getTokenDetails(symbol, this.currentChainId);\r\n        this.tradesCompleted = await this.loadTradesCompleted(this.symbol, this.page);\r\n    }\r\n\r\n    async pageClick(pageVal) {\r\n        if (pageVal == 'prev')\r\n            pageVal = this.page - 1;\r\n        else if (pageVal == 'next') \r\n            pageVal = this.page + 1;\r\n\r\n        this.tradesCompleted = await this.loadTradesCompleted(this.symbol, pageVal);\r\n    }\r\n\r\n    async loadTradesCompleted(symbol, page) {\r\n        this.loading = true;\r\n        this.symbol = symbol;\r\n        this.page = page;\r\n        this.offset = (this.page - 1) * this.limit;\r\n\r\n        let tradesCompleted = await this.hes.loadAccountHistoryData(this.symbol, this.limit, this.offset);\r\n        \r\n        for (let t of tradesCompleted) {\r\n            let token = await this.ts.getTokenDetails(t.symbol, this.currentChainId, true, false);\r\n            if (token && token.metrics) {\r\n                t.usdValue = (parseFloat(t.quantity) * parseFloat(token.metrics.lastPriceUsd)).toFixed(2);\r\n            }\r\n        }\r\n\r\n        this.loading = false;\r\n\r\n        return tradesCompleted;\r\n    }\r\n}\r\n","module.exports = \"<template bindable=\\\"selected\\\">\\r\\n    <div class=\\\"back-btn-container\\\">\\r\\n        <a route-href=\\\"route: home\\\" class=\\\"back-btn\\\">Go Back</a>\\r\\n    </div>\\r\\n    <div class=\\\"wallet-wrapper mob-margin\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\">\\r\\n                <div class=\\\"wallet-header\\\">\\r\\n                    <h2 class=\\\"wallet-title text-center\\\">\\r\\n                        ${token.name} Details\\r\\n                    </h2>\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n        <!-- <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\">\\r\\n                <div class=\\\"wallet-desc-wrapper\\\">\\r\\n                    <p class=\\\"wallet-desc\\\">\\r\\n                        View the details for ${token.name} including transaction\\r\\n                        history.\\r\\n                    </p>\\r\\n                </div>\\r\\n            </div>\\r\\n        </div> -->\\r\\n        <div class=\\\"wallets-info-wrapper\\\">\\r\\n            <div class=\\\"row\\\">\\r\\n                <div class=\\\"col-md-10 offset-md-1 pb-3\\\">\\r\\n                    <div class=\\\"wallet-detail-card\\\">\\r\\n                        <div\\r\\n                            class=\\\"wallet-detail-card-content\\\"\\r\\n                            style=\\\"width: 100%;\\\"\\r\\n                        >\\r\\n                            <div class=\\\"wallet-detail-card-text\\\">\\r\\n                                <div\\r\\n                                    class=\\\"wallet-detail-card-icon d-flex justify-content-center\\\"\\r\\n                                >\\r\\n                                    <img\\r\\n                                        width=\\\"100px\\\"\\r\\n                                        src.bind=\\\"token.metadata.icon\\\"\\r\\n                                        alt.bind=\\\"token.name + ' (' + token.symbol + ')'\\\"\\r\\n                                        title.bind=\\\"token.name + ' (' + token.symbol + ')'\\\"\\r\\n                                    />\\r\\n                                </div>\\r\\n                                <div class=\\\"d-flex justify-content-center mb-5\\\">\\r\\n                                    <h4 class=\\\"token-name\\\">\\r\\n                                        ${token.name}\\r\\n                                    </h4>\\r\\n                                </div>\\r\\n                                <div class=\\\"row\\\">\\r\\n                                    <div class=\\\"col-md-8\\\">\\r\\n                                        <div\\r\\n                                            class=\\\"token-balance wallet-detail-balance-card\\\"\\r\\n                                        >\\r\\n                                            <div class=\\\"balance-wrapper\\\">\\r\\n                                                <h6 class=\\\"detail-value-title\\\">\\r\\n                                                    balance\\r\\n                                                    <i\\r\\n                                                        class=\\\"fa fa-book-open\\\"\\r\\n                                                    ></i>\\r\\n                                                </h6>\\r\\n                                            </div>\\r\\n                                            <div class=\\\"total-received\\\">\\r\\n                                                <h4\\r\\n                                                    class=\\\"detail-value balance mb-3 text-right\\\"\\r\\n                                                >\\r\\n                                                    ${token.userBalance.balance\\r\\n                                                    | toFixed: 0}\\r\\n                                                    <span class=\\\"token-symbol\\\"\\r\\n                                                        >${token.symbol}</span\\r\\n                                                    >\\r\\n                                                </h4>\\r\\n                                                <h6\\r\\n                                                    class=\\\"detail-value-title text-right\\\"\\r\\n                                                >\\r\\n                                                    total received\\r\\n                                                </h6>\\r\\n                                                <h4\\r\\n                                                    class=\\\"detail-value-2 text-right\\\"\\r\\n                                                >\\r\\n                                                    0.00\\r\\n                                                    <span class=\\\"token-symbol\\\"\\r\\n                                                        >${token.symbol}</span\\r\\n                                                    >\\r\\n                                                </h4>\\r\\n                                            </div>\\r\\n                                            <div class=\\\"row d-block d-md-none\\\">\\r\\n                                                <div class=\\\"col-12 text-center\\\">\\r\\n                                                    <div\\r\\n                                                        class=\\\"action-button d-block d-md-none mt-2\\\"\\r\\n                                                    >\\r\\n                                                        <a\\r\\n                                                            route-href=\\\"route: send; params.bind: { symbol: token.symbol }\\\"\\r\\n                                                            class=\\\"wallet-btns wallet-btns-send\\\"\\r\\n                                                            >Send\\r\\n                                                            <i\\r\\n                                                                class=\\\"fa fa-arrow-alt-circle-up\\\"\\r\\n                                                            ></i\\r\\n                                                        ></a>\\r\\n    \\r\\n                                                        <a\\r\\n                                                            route-href=\\\"route: receive; params.bind: { symbol: token.symbol }\\\"\\r\\n                                                            class=\\\"wallet-btns wallet-btns-receive\\\"\\r\\n                                                            >Receive\\r\\n                                                            <i\\r\\n                                                                class=\\\"fa fa-arrow-alt-circle-down\\\"\\r\\n                                                            ></i\\r\\n                                                        ></a>\\r\\n                                                        <a\\r\\n                                                            route-href=\\\"route: dashboard; params.bind: { symbol: token.symbol, transactionType: 'sell' }\\\"\\r\\n                                                            class=\\\"wallet-btns wallet-btns-swap\\\"\\r\\n                                                            >Swap\\r\\n                                                            <i\\r\\n                                                                class=\\\"fa fa-list-ul\\\"\\r\\n                                                            ></i\\r\\n                                                        ></a>\\r\\n    \\r\\n                                                        <a\\r\\n                                                            route-href=\\\"route: dashboard; params.bind: { symbol: token.symbol, transactionType: 'buy' }\\\"\\r\\n                                                            class=\\\"wallet-btns wallet-btns-buy\\\"\\r\\n                                                            >Buy\\r\\n                                                            <i\\r\\n                                                                class=\\\"fa fa-university\\\"\\r\\n                                                            ></i\\r\\n                                                        ></a>\\r\\n                                                    </div>\\r\\n                                                </div>\\r\\n                                            </div>\\r\\n                                        </div>\\r\\n                                    </div>\\r\\n                                    <div class=\\\"col-md-4\\\">\\r\\n                                        <div\\r\\n                                            class=\\\"action-button d-none d-md-block\\\"\\r\\n                                        >\\r\\n                                            <a\\r\\n                                                route-href=\\\"route: send; params.bind: { symbol: token.symbol }\\\"\\r\\n                                                class=\\\"wallet-btns wallet-btns-send\\\"\\r\\n                                                >Send\\r\\n                                                <i\\r\\n                                                    class=\\\"fa fa-arrow-alt-circle-up\\\"\\r\\n                                                ></i\\r\\n                                            ></a>\\r\\n\\r\\n                                            <a\\r\\n                                                route-href=\\\"route: receive; params.bind: { symbol: token.symbol }\\\"\\r\\n                                                class=\\\"wallet-btns wallet-btns-receive\\\"\\r\\n                                                >Receive\\r\\n                                                <i\\r\\n                                                    class=\\\"fa fa-arrow-alt-circle-down\\\"\\r\\n                                                ></i\\r\\n                                            ></a>\\r\\n                                        </div>\\r\\n                                        <div\\r\\n                                            class=\\\"action-button d-none d-md-block\\\"\\r\\n                                        >\\r\\n                                            <a\\r\\n                                                route-href=\\\"route: dashboard; params.bind: { symbol: token.symbol, transactionType: 'sell' }\\\"\\r\\n                                                class=\\\"wallet-btns wallet-btns-swap\\\"\\r\\n                                                >Swap\\r\\n                                                <i class=\\\"fa fa-list-ul\\\"></i\\r\\n                                            ></a>\\r\\n\\r\\n                                            <a\\r\\n                                                route-href=\\\"route: dashboard; params.bind: { symbol: token.symbol, transactionType: 'buy' }\\\"\\r\\n                                                class=\\\"wallet-btns wallet-btns-buy\\\"\\r\\n                                                >Buy\\r\\n                                                <i class=\\\"fa fa-university\\\"></i\\r\\n                                            ></a>\\r\\n                                        </div>\\r\\n                                    </div>\\r\\n                                </div>\\r\\n                                <br class=\\\"d-block d-md-none\\\" /><br class=\\\"d-block d-md-none\\\" /><br class=\\\"d-block d-md-none\\\"/>\\r\\n                                <div class=\\\"row\\\">\\r\\n                                    <loader\\r\\n                                        loading.bind=\\\"loading\\\"\\r\\n                                        mode=\\\"tiny\\\"\\r\\n                                    ></loader>\\r\\n                                    <div class=\\\"col-md-12\\\">\\r\\n                                        <div class=\\\"transaction-history-card\\\">\\r\\n                                            <div class=\\\"wallet-header\\\">\\r\\n                                                <h2\\r\\n                                                    class=\\\"wallet-title text-center\\\"\\r\\n                                                >\\r\\n                                                    Transaction History\\r\\n                                                </h2>\\r\\n                                            </div>\\r\\n                                            <table class=\\\"table mb-0\\\">\\r\\n                                                <thead class=\\\"table-head\\\">\\r\\n                                                    <tr>\\r\\n                                                        <th\\r\\n                                                            class=\\\"icon-head head-item\\\"\\r\\n                                                            scope=\\\"col\\\"\\r\\n                                                        ></th>\\r\\n                                                        <th\\r\\n                                                            class=\\\"date-head head-item\\\"\\r\\n                                                            scope=\\\"col\\\"\\r\\n                                                        >\\r\\n                                                            Date\\r\\n                                                        </th>\\r\\n                                                        <th\\r\\n                                                            class=\\\"transaction-head head-item\\\"\\r\\n                                                            scope=\\\"col\\\"\\r\\n                                                        >\\r\\n                                                            Transaction Type\\r\\n                                                        </th>\\r\\n                                                        <th\\r\\n                                                            class=\\\"amount-head head-item\\\"\\r\\n                                                            scope=\\\"col\\\"\\r\\n                                                        >\\r\\n                                                            Amount\\r\\n                                                        </th>\\r\\n                                                    </tr>\\r\\n                                                </thead>\\r\\n                                                <tbody\\r\\n                                                    repeat.for=\\\"trade of tradesCompleted\\\"\\r\\n                                                >\\r\\n                                                    <tr>\\r\\n                                                        <th\\r\\n                                                            class=\\\"table-item\\\"\\r\\n                                                            scope=\\\"row\\\"\\r\\n                                                        >\\r\\n                                                            <div\\r\\n                                                                class=\\\"transaction-icon\\\"\\r\\n                                                            >\\r\\n                                                                <font-awesome-icon\\r\\n                                                                    show.bind=\\\"trade.type == 'received'\\\"\\r\\n                                                                    class=\\\"table-icon\\\"\\r\\n                                                                    icon.bind=\\\"['fas', 'university']\\\"\\r\\n                                                                ></font-awesome-icon>\\r\\n                                                                <font-awesome-icon\\r\\n                                                                    class=\\\"table-icon\\\"\\r\\n                                                                    show.bind=\\\"trade.type == 'sent'\\\"\\r\\n                                                                    icon.bind=\\\"['fas', 'exchange']\\\"\\r\\n                                                                ></font-awesome-icon>\\r\\n                                                            </div>\\r\\n                                                        </th>\\r\\n                                                        <td class=\\\"table-item\\\">\\r\\n                                                            <h4\\r\\n                                                                class=\\\"text-center mb-0\\\"\\r\\n                                                            >\\r\\n                                                                ${trade.timestamp_month_name}\\r\\n                                                            </h4>\\r\\n                                                            <h6\\r\\n                                                                class=\\\"text-center mb-0\\\"\\r\\n                                                            >\\r\\n                                                                ${trade.timestamp_day}\\r\\n                                                            </h6>\\r\\n                                                        </td>\\r\\n                                                        <td\\r\\n                                                            class=\\\"table-item transaction-type\\\"\\r\\n                                                        >\\r\\n                                                            ${trade.symbol}\\r\\n                                                            Trade\\r\\n                                                            <br />\\r\\n                                                            <span\\r\\n                                                                class=\\\"transaction-type-info\\\"\\r\\n                                                                show.bind=\\\"trade.type == 'received'\\\"\\r\\n                                                                >You received\\r\\n                                                                ${trade.quantity}\\r\\n                                                                ${trade.symbol}\\r\\n                                                                worth ${'$' +\\r\\n                                                                trade.usdValue}</span\\r\\n                                                            >\\r\\n                                                            <span\\r\\n                                                                class=\\\"transaction-type-info\\\"\\r\\n                                                                show.bind=\\\"trade.type == 'sent'\\\"\\r\\n                                                                >You sent\\r\\n                                                                ${trade.quantity}\\r\\n                                                                ${trade.symbol}\\r\\n                                                                worth ${'$' +\\r\\n                                                                trade.usdValue}</span\\r\\n                                                            >\\r\\n                                                        </td>\\r\\n                                                        <td\\r\\n                                                            class=\\\"table-item text-right\\\"\\r\\n                                                        >\\r\\n                                                            ${trade.quantity}\\r\\n                                                            ${trade.symbol}\\r\\n                                                        </td>\\r\\n                                                    </tr>\\r\\n                                                </tbody>\\r\\n                                            </table>\\r\\n                                            <br />\\r\\n                                            <nav\\r\\n                                                class=\\\"text-right ml-auto\\\"\\r\\n                                                aria-label=\\\"Page navigation example\\\"\\r\\n                                            >\\r\\n                                                <ul\\r\\n                                                    class=\\\"pagination\\\"\\r\\n                                                    style=\\\"margin-bottom: 0;\\\"\\r\\n                                                >\\r\\n                                                    <li\\r\\n                                                        class=\\\"page-item pagination-btn\\\"\\r\\n                                                    >\\r\\n                                                        <a\\r\\n                                                            class=\\\"page-link pagination-link text-white-custom\\\"\\r\\n                                                            click.delegate=\\\"pageClick('prev')\\\"\\r\\n                                                            aria-label=\\\"Previous\\\"\\r\\n                                                            show.bind=\\\"page > 1\\\"\\r\\n                                                        >\\r\\n                                                            <span\\r\\n                                                                aria-hidden=\\\"true\\\"\\r\\n                                                                >&laquo;</span\\r\\n                                                            >\\r\\n                                                        </a>\\r\\n                                                    </li>\\r\\n                                                    <li\\r\\n                                                        class=\\\"page-item pagination-btn\\\"\\r\\n                                                        repeat.for=\\\"p of totalPages\\\"\\r\\n                                                    >\\r\\n                                                        <a\\r\\n                                                            class=\\\"page-link pagination-link text-white-custom ${page == p+1 ? 'active' : ''}\\\"\\r\\n                                                            click.delegate=\\\"pageClick(p+1)\\\"\\r\\n                                                            >${p+1}</a\\r\\n                                                        >\\r\\n                                                    </li>\\r\\n                                                    <li\\r\\n                                                        class=\\\"page-item pagination-btn\\\"\\r\\n                                                    >\\r\\n                                                        <a\\r\\n                                                            class=\\\"page-link pagination-link text-white-custom\\\"\\r\\n                                                            click.delegate=\\\"pageClick('next')\\\"\\r\\n                                                            aria-label=\\\"Next\\\"\\r\\n                                                            show.bind=\\\"page < totalPages\\\"\\r\\n                                                        >\\r\\n                                                            <span\\r\\n                                                                aria-hidden=\\\"true\\\"\\r\\n                                                                >&raquo;</span\\r\\n                                                            >\\r\\n                                                        </a>\\r\\n                                                    </li>\\r\\n                                                </ul>\\r\\n                                            </nav>\\r\\n                                        </div>\\r\\n                                    </div>\\r\\n                                </div>\\r\\n                            </div>\\r\\n                        </div>\\r\\n                    </div>\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n</template>\\r\\n\";","module.exports = \"<template bindable=\\\"selected\\\">\\r\\n    <div class=\\\"wallet-wrapper\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\">\\r\\n                <div class=\\\"wallet-header\\\">\\r\\n                    <h2 class=\\\"wallet-title\\\">Wallets</h2>\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\">\\r\\n                <div class=\\\"wallet-desc-wrapper\\\">\\r\\n                    <p class=\\\"wallet-desc\\\">\\r\\n                        Organize your assets into various categories for easy\\r\\n                        trading on DSwap.\\r\\n                    </p>\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"wallets-info-wrapper\\\">\\r\\n            <div class=\\\"row\\\">\\r\\n                <div class=\\\"col-md-6 col-xs-12 col-sm-12 pb-3\\\" repeat.for=\\\"w of wallets\\\">\\r\\n                    <a route-href=\\\"route:walletTokenDetail; params.bind: { symbol: w.symbol }\\\">\\r\\n                        <div class=\\\"wallet-card\\\">\\r\\n                            <div class=\\\"wallet-card-content\\\">\\r\\n                                <div class=\\\"wallet-card-text\\\">\\r\\n                                    <h4 class=\\\"token-name\\\">${w.name}</h4>\\r\\n                                    <div class=\\\"token-balance\\\">\\r\\n                                        <h6 class=\\\"value-title\\\">balance</h6>\\r\\n                                        <h4 class=\\\"value balance\\\">\\r\\n                                            ${w.userBalance.balance} ${w.symbol}\\r\\n                                        </h4>\\r\\n                                    </div>\\r\\n                                    <div class=\\\"total-received\\\">\\r\\n                                        <h6 class=\\\"value-title\\\">\\r\\n                                            total received\\r\\n                                        </h6>\\r\\n                                        <h4 class=\\\"value\\\">0 ${w.symbol}</h4>\\r\\n                                    </div>\\r\\n                                </div>\\r\\n                            </div>\\r\\n                            <div class=\\\"wallet-card-icon\\\">\\r\\n                                <img\\r\\n                                    src.bind=\\\"w.metadata.icon\\\"\\r\\n                                    alt.bind=\\\"w.name + ' (' + w.symbol + ')'\\\"\\r\\n                                    title.bind=\\\"w.name + ' (' + w.symbol + ')'\\\"\\r\\n                                />\\r\\n                            </div>\\r\\n                        </div>\\r\\n                    </a>\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n</template>\\r\\n\";"],"sourceRoot":""}