@web3-onboard/core
Version:
Web3-Onboard makes it simple to connect Ethereum hardware and software wallets to your dapp. Features standardized spec compliant web3 providers for all supported wallets, framework agnostic modern javascript UI with code splitting, CSS customization, mul
4,232 lines • 131 kB
JavaScript
import { S as SvelteComponent, i as init, s as safe_not_equal, a as append_styles, e as empty, b as insert, n as noop, d as detach, c as component_subscribe, w as wallets$, f as setChain, g as binding_callbacks, h as connectedToValidAppChain, j as element, k as attr, l as null_to_empty, m as append, o as select_option, p as listen, u as update_keyed_each, q as destroy_block, t as text, r as chainIdToLabel, v as set_data, x as transition_in, y as group_outros, z as check_outros, A as transition_out, B as destroy_each, C as en, D as shortenDomain, E as shortenAddress, W as WalletAppBadge, F as create_component, G as space, H as toggle_class, I as mount_component, J as stop_propagation, K as destroy_component, L as run_all, M as selectAccounts, N as connectWallet$, O as setPrimaryWallet, P as disconnect, Q as copyWalletAddress, R as SuccessStatusIcon, T as set_style, U as add_render_callback, V as create_in_transition, X as fade, Y as Modal, Z as is_function, _ as handle_promise, $ as update_await_block_branch, a0 as isSVG, a1 as src_url_equal, a2 as HtmlTag, a3 as state, a4 as getDefaultChainStyles, a5 as BN_BOOST_INFO_URL, a6 as unrecognizedChainStyle, a7 as poweredByThirdweb, a8 as outro_and_destroy_block, a9 as create_bidirectional_transition, aa as quartOut, ab as fly, ac as bind, ad as add_flush_callback, ae as questionIcon, af as configuration, ag as updateChainRPC, ah as BN_BOOST_RPC_URL, ai as bubble, aj as connect, ak as create_out_transition, al as onDestroy, am as updateAccountCenter } from './index-10054806.js';
import { skip, debounceTime, distinctUntilChanged, startWith as startWith$1, shareReplay as shareReplay$1 } from 'rxjs/operators';
import { _ } from 'svelte-i18n';
import { BehaviorSubject, merge, startWith, shareReplay } from 'rxjs';
import { ProviderRpcErrorCode } from '@web3-onboard/common';
import 'bowser';
import 'lodash.partition';
import 'nanoid';
import 'viem';
import 'joi';
import 'lodash.merge';
import 'eventemitter3';
var caretIcon = `<svg width="100%" height="24" viewBox="0 5 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7 10L12 15L17 10H7Z" fill="currentColor"/></svg>`;
var warningIcon = `
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 21H23L12 2L1 21ZM13 18H11V16H13V18ZM13 14H11V10H13V14Z" fill="currentColor"/>
</svg>
`;
/* src/views/shared/NetworkSelector.svelte generated by Svelte v3.59.2 */
function add_css$8(target) {
append_styles(target, "svelte-1uqued6", "select.svelte-1uqued6{border:none;background-image:none;background-color:transparent;-webkit-appearance:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;appearance:none;font-size:var(--onboard-font-size-7, var(--font-size-7));line-height:var(--onboard-font-line-height-3, var(--font-line-height-3));transition:width 250ms ease-in-out;background-repeat:no-repeat, repeat;background-position:right 0px top 0px, 0 0;scrollbar-width:none;-ms-overflow-style:none;padding:0 14px 0 0;white-space:nowrap;text-overflow:ellipsis}select.minimized_ac.svelte-1uqued6{min-width:80px;max-width:80px}select.maximized_ac.svelte-1uqued6{width:auto !important}select.svelte-1uqued6:focus{outline:none}span.switching-placeholder.svelte-1uqued6{font-size:var(--onboard-font-size-7, var(--font-size-7));line-height:var(--onboard-font-line-height-3, var(--font-line-height-3));min-width:80px;max-width:80px;padding:0 8px 0 4px}");
}
function get_each_context$3(ctx, list, i) {
const child_ctx = ctx.slice();
child_ctx[15] = list[i];
return child_ctx;
}
// (92:0) {#if wallet}
function create_if_block$5(ctx) {
let if_block_anchor;
function select_block_type(ctx, dirty) {
if (/*$switching$*/ ctx[7]) return create_if_block_1$4;
return create_else_block$2;
}
let current_block_type = select_block_type(ctx);
let if_block = current_block_type(ctx);
return {
c() {
if_block.c();
if_block_anchor = empty();
},
m(target, anchor) {
if_block.m(target, anchor);
insert(target, if_block_anchor, anchor);
},
p(ctx, dirty) {
if (current_block_type === (current_block_type = select_block_type(ctx)) && if_block) {
if_block.p(ctx, dirty);
} else {
if_block.d(1);
if_block = current_block_type(ctx);
if (if_block) {
if_block.c();
if_block.m(if_block_anchor.parentNode, if_block_anchor);
}
}
},
d(detaching) {
if_block.d(detaching);
if (detaching) detach(if_block_anchor);
}
};
}
// (101:2) {:else}
function create_else_block$2(ctx) {
let select;
let show_if = !connectedToValidAppChain(/*wallet*/ ctx[6].chains[0], /*chains*/ ctx[2]);
let if_block_anchor;
let each_blocks = [];
let each_1_lookup = new Map();
let select_class_value;
let select_value_value;
let select_style_value;
let mounted;
let dispose;
let if_block = show_if && create_if_block_2$4(ctx);
let each_value = /*chains*/ ctx[2];
const get_key = ctx => /*chain*/ ctx[15].id;
for (let i = 0; i < each_value.length; i += 1) {
let child_ctx = get_each_context$3(ctx, each_value, i);
let key = get_key(child_ctx);
each_1_lookup.set(key, each_blocks[i] = create_each_block$3(key, child_ctx));
}
return {
c() {
select = element("select");
if (if_block) if_block.c();
if_block_anchor = empty();
for (let i = 0; i < each_blocks.length; i += 1) {
each_blocks[i].c();
}
attr(select, "class", select_class_value = "" + (null_to_empty(`flex justify-center items-center pointer ${/*parentCSSId*/ ctx[4]}`) + " svelte-1uqued6"));
attr(select, "style", select_style_value = `
color: var(${/*colorVar*/ ctx[1]},
var(--account-center-network-selector-color, var(--gray-500)));
background-image: url('data:image/svg+xml;utf8,${/*selectIcon*/ ctx[0]}'); ${/*bold*/ ctx[3] ? 'font-weight: 600;' : ''}`);
},
m(target, anchor) {
insert(target, select, anchor);
if (if_block) if_block.m(select, null);
append(select, if_block_anchor);
for (let i = 0; i < each_blocks.length; i += 1) {
if (each_blocks[i]) {
each_blocks[i].m(select, null);
}
}
select_option(select, /*wallet*/ ctx[6].chains[0].id);
/*select_binding*/ ctx[13](select);
if (!mounted) {
dispose = listen(select, "change", /*handleSelect*/ ctx[10]);
mounted = true;
}
},
p(ctx, dirty) {
if (dirty & /*wallet, chains*/ 68) show_if = !connectedToValidAppChain(/*wallet*/ ctx[6].chains[0], /*chains*/ ctx[2]);
if (show_if) {
if (if_block) {
if_block.p(ctx, dirty);
} else {
if_block = create_if_block_2$4(ctx);
if_block.c();
if_block.m(select, if_block_anchor);
}
} else if (if_block) {
if_block.d(1);
if_block = null;
}
if (dirty & /*chains, chainIdToLabel*/ 4) {
each_value = /*chains*/ ctx[2];
each_blocks = update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value, each_1_lookup, select, destroy_block, create_each_block$3, null, get_each_context$3);
}
if (dirty & /*parentCSSId*/ 16 && select_class_value !== (select_class_value = "" + (null_to_empty(`flex justify-center items-center pointer ${/*parentCSSId*/ ctx[4]}`) + " svelte-1uqued6"))) {
attr(select, "class", select_class_value);
}
if (dirty & /*wallet*/ 64 && select_value_value !== (select_value_value = /*wallet*/ ctx[6].chains[0].id)) {
select_option(select, /*wallet*/ ctx[6].chains[0].id);
}
if (dirty & /*colorVar, selectIcon, bold*/ 11 && select_style_value !== (select_style_value = `
color: var(${/*colorVar*/ ctx[1]},
var(--account-center-network-selector-color, var(--gray-500)));
background-image: url('data:image/svg+xml;utf8,${/*selectIcon*/ ctx[0]}'); ${/*bold*/ ctx[3] ? 'font-weight: 600;' : ''}`)) {
attr(select, "style", select_style_value);
}
},
d(detaching) {
if (detaching) detach(select);
if (if_block) if_block.d();
for (let i = 0; i < each_blocks.length; i += 1) {
each_blocks[i].d();
}
/*select_binding*/ ctx[13](null);
mounted = false;
dispose();
}
};
}
// (93:2) {#if $switching$}
function create_if_block_1$4(ctx) {
let span;
let t;
let span_class_value;
let span_style_value;
return {
c() {
span = element("span");
t = text("switching...");
attr(span, "class", span_class_value = "" + (null_to_empty(`switching-placeholder ${/*parentCSSId*/ ctx[4]}`) + " svelte-1uqued6"));
attr(span, "style", span_style_value = `
color: var(${/*colorVar*/ ctx[1]},
var(--account-center-network-selector-color, var(--gray-500)));
`);
},
m(target, anchor) {
insert(target, span, anchor);
append(span, t);
},
p(ctx, dirty) {
if (dirty & /*parentCSSId*/ 16 && span_class_value !== (span_class_value = "" + (null_to_empty(`switching-placeholder ${/*parentCSSId*/ ctx[4]}`) + " svelte-1uqued6"))) {
attr(span, "class", span_class_value);
}
if (dirty & /*colorVar*/ 2 && span_style_value !== (span_style_value = `
color: var(${/*colorVar*/ ctx[1]},
var(--account-center-network-selector-color, var(--gray-500)));
`)) {
attr(span, "style", span_style_value);
}
},
d(detaching) {
if (detaching) detach(span);
}
};
}
// (114:6) {#if !connectedToValidAppChain(wallet.chains[0], chains)}
function create_if_block_2$4(ctx) {
let option;
let t_value = (chainIdToLabel[/*wallet*/ ctx[6].chains[0].id] || 'unrecognized') + "";
let t;
let option_value_value;
return {
c() {
option = element("option");
t = text(t_value);
option.__value = option_value_value = /*wallet*/ ctx[6].chains[0].id;
option.value = option.__value;
},
m(target, anchor) {
insert(target, option, anchor);
append(option, t);
},
p(ctx, dirty) {
if (dirty & /*wallet*/ 64 && t_value !== (t_value = (chainIdToLabel[/*wallet*/ ctx[6].chains[0].id] || 'unrecognized') + "")) set_data(t, t_value);
if (dirty & /*wallet*/ 64 && option_value_value !== (option_value_value = /*wallet*/ ctx[6].chains[0].id)) {
option.__value = option_value_value;
option.value = option.__value;
}
},
d(detaching) {
if (detaching) detach(option);
}
};
}
// (119:6) {#each chains as chain (chain.id)}
function create_each_block$3(key_1, ctx) {
let option;
let t_value = (/*chain*/ ctx[15].label || chainIdToLabel[/*chain*/ ctx[15].id] || /*chain*/ ctx[15].id) + "";
let t;
let option_value_value;
return {
key: key_1,
first: null,
c() {
option = element("option");
t = text(t_value);
option.__value = option_value_value = /*chain*/ ctx[15].id;
option.value = option.__value;
this.first = option;
},
m(target, anchor) {
insert(target, option, anchor);
append(option, t);
},
p(new_ctx, dirty) {
ctx = new_ctx;
if (dirty & /*chains*/ 4 && t_value !== (t_value = (/*chain*/ ctx[15].label || chainIdToLabel[/*chain*/ ctx[15].id] || /*chain*/ ctx[15].id) + "")) set_data(t, t_value);
if (dirty & /*chains*/ 4 && option_value_value !== (option_value_value = /*chain*/ ctx[15].id)) {
option.__value = option_value_value;
option.value = option.__value;
}
},
d(detaching) {
if (detaching) detach(option);
}
};
}
function create_fragment$8(ctx) {
let if_block_anchor;
let if_block = /*wallet*/ ctx[6] && create_if_block$5(ctx);
return {
c() {
if (if_block) if_block.c();
if_block_anchor = empty();
},
m(target, anchor) {
if (if_block) if_block.m(target, anchor);
insert(target, if_block_anchor, anchor);
},
p(ctx, [dirty]) {
if (/*wallet*/ ctx[6]) {
if (if_block) {
if_block.p(ctx, dirty);
} else {
if_block = create_if_block$5(ctx);
if_block.c();
if_block.m(if_block_anchor.parentNode, if_block_anchor);
}
} else if (if_block) {
if_block.d(1);
if_block = null;
}
},
i: noop,
o: noop,
d(detaching) {
if (if_block) if_block.d(detaching);
if (detaching) detach(if_block_anchor);
}
};
}
function instance$8($$self, $$props, $$invalidate) {
let wallet;
let $resize$;
let $wallets$;
let $switching$;
component_subscribe($$self, wallets$, $$value => $$invalidate(12, $wallets$ = $$value));
let { selectIcon = caretIcon } = $$props;
let { colorVar } = $$props;
let { chains } = $$props;
let { bold = false } = $$props;
let { parentCSSId = '' } = $$props;
const switching$ = new BehaviorSubject(false);
component_subscribe($$self, switching$, value => $$invalidate(7, $switching$ = value));
let selectElement;
const resize$ = merge(wallets$, switching$.pipe(skip(1))).pipe(debounceTime(50), distinctUntilChanged((prev, next) => typeof prev === 'boolean' || typeof next === 'boolean'
? false
: prev[0] && next[0] && prev[0].chains[0].id === next[0].chains[0].id));
component_subscribe($$self, resize$, value => $$invalidate(11, $resize$ = value));
async function handleSelect() {
const selectedChain = selectElement.selectedOptions[0].value;
if (selectedChain !== wallet.chains[0].id) {
switching$.next(true);
await setChain({
chainId: selectedChain,
chainNamespace: 'evm',
wallet: wallet.label
});
switching$.next(false);
}
}
function resizeSelect() {
if (!selectElement) return;
let tempOption = document.createElement('option');
tempOption.textContent = selectElement.selectedOptions[0].textContent;
let tempSelect = document.createElement('select');
tempSelect.style.visibility = 'hidden';
tempSelect.style.position = 'fixed';
tempSelect.appendChild(tempOption);
selectElement.after(tempSelect);
$$invalidate(5, selectElement.style.width = `${tempSelect.clientWidth - 22}px`, selectElement);
tempSelect.remove();
}
function select_binding($$value) {
binding_callbacks[$$value ? 'unshift' : 'push'](() => {
selectElement = $$value;
$$invalidate(5, selectElement);
$$invalidate(2, chains);
($$invalidate(6, wallet), $$invalidate(12, $wallets$));
});
}
$$self.$$set = $$props => {
if ('selectIcon' in $$props) $$invalidate(0, selectIcon = $$props.selectIcon);
if ('colorVar' in $$props) $$invalidate(1, colorVar = $$props.colorVar);
if ('chains' in $$props) $$invalidate(2, chains = $$props.chains);
if ('bold' in $$props) $$invalidate(3, bold = $$props.bold);
if ('parentCSSId' in $$props) $$invalidate(4, parentCSSId = $$props.parentCSSId);
};
$$self.$$.update = () => {
if ($$self.$$.dirty & /*$wallets$*/ 4096) {
$$invalidate(6, [wallet] = $wallets$, wallet);
}
if ($$self.$$.dirty & /*$resize$*/ 2048) {
if ($resize$) {
resizeSelect();
}
}
};
return [
selectIcon,
colorVar,
chains,
bold,
parentCSSId,
selectElement,
wallet,
$switching$,
switching$,
resize$,
handleSelect,
$resize$,
$wallets$,
select_binding
];
}
class NetworkSelector extends SvelteComponent {
constructor(options) {
super();
init(
this,
options,
instance$8,
create_fragment$8,
safe_not_equal,
{
selectIcon: 0,
colorVar: 1,
chains: 2,
bold: 3,
parentCSSId: 4
},
add_css$8
);
}
}
var elipsisIcon = `
<svg width="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 8C13.1 8 14 7.1 14 6C14 4.9 13.1 4 12 4C10.9 4 10 4.9 10 6C10 7.1 10.9 8 12 8ZM12 10C10.9 10 10 10.9 10 12C10 13.1 10.9 14 12 14C13.1 14 14 13.1 14 12C14 10.9 13.1 10 12 10ZM12 16C10.9 16 10 16.9 10 18C10 19.1 10.9 20 12 20C13.1 20 14 19.1 14 18C14 16.9 13.1 16 12 16Z" fill="currentColor"/>
</svg>
`;
/* src/views/account-center/WalletRow.svelte generated by Svelte v3.59.2 */
function add_css$7(target) {
append_styles(target, "svelte-hb2n95", ".container.svelte-hb2n95.svelte-hb2n95{display:flex;align-items:center;gap:0.5rem;cursor:pointer;position:relative;z-index:0;width:100%;padding:0.25rem;margin-bottom:0.25rem;border-radius:12px;transition:background-color 150ms ease-in-out}.container.svelte-hb2n95.svelte-hb2n95::before{content:'';display:block;position:absolute;top:0;bottom:0;left:0;right:0;height:100%;width:100%;background:var(--action-color);border-radius:12px;z-index:-1;opacity:0}.container.svelte-hb2n95.svelte-hb2n95:hover::before{opacity:0.2}.container.svelte-hb2n95:hover .balance.svelte-hb2n95,.container.svelte-hb2n95:hover .elipsis-container.svelte-hb2n95{opacity:1}.container.svelte-hb2n95:hover .balance.svelte-hb2n95{color:var(--account-center-maximized-balance-color, inherit)}.container.primary.svelte-hb2n95.svelte-hb2n95:hover{background-color:var(\n --account-center-maximized-account-section-background-hover\n )}.account-details.svelte-hb2n95.svelte-hb2n95{flex:1 1;display:flex;gap:inherit;overflow:hidden}.address-domain.svelte-hb2n95.svelte-hb2n95{flex:1 0 auto;max-width:70%;white-space:nowrap;font-weight:600;color:var(--account-center-maximized-address-color, inherit);overflow:scroll;scrollbar-width:none;-ms-overflow-style:none}.address-domain.svelte-hb2n95.svelte-hb2n95::-webkit-scrollbar{display:none}.balance.svelte-hb2n95.svelte-hb2n95{flex:1 1 auto;max-width:70%;white-space:nowrap;text-align:end;opacity:0.4;transition:color 150ms ease-in-out, background-color 150ms ease-in-out;overflow:scroll;scrollbar-width:none;-ms-overflow-style:none}.balance.svelte-hb2n95.svelte-hb2n95::-webkit-scrollbar{display:none}.elipsis-container.svelte-hb2n95.svelte-hb2n95{flex:0;padding:0.25rem;border-radius:24px;transition:color 150ms ease-in-out, background-color 150ms ease-in-out;background-color:transparent;opacity:0.4}.elipsis-container.svelte-hb2n95.svelte-hb2n95:hover{color:var(--text-color)}.elipsis-container.active.svelte-hb2n95.svelte-hb2n95{color:var(--text-color)}.elipsis.svelte-hb2n95.svelte-hb2n95{width:24px}.menu.svelte-hb2n95.svelte-hb2n95{background:var(--onboard-white, var(--white));border:1px solid var(--onboard-gray-100, var(--gray-100));border-radius:8px;list-style-type:none;right:0.25rem;top:2.25rem;margin:0;padding:0;border:none;overflow:hidden;z-index:1}.menu.svelte-hb2n95 li.svelte-hb2n95{color:var(--onboard-primary-500, var(--primary-500));font-size:var(--onboard-font-size-5, var(--font-size-5));line-height:var(--onboard-font-line-height-3, var(--font-line-height-3));padding:12px 16px;background:var(--onboard-white, var(--white));transition:background-color 150ms ease-in-out;cursor:pointer}.menu.svelte-hb2n95 li.svelte-hb2n95:hover{background:var(--onboard-primary-200, var(--primary-200))}");
}
function get_each_context$2(ctx, list, i) {
const child_ctx = ctx.slice();
child_ctx[14] = list[i].address;
child_ctx[15] = list[i].ens;
child_ctx[16] = list[i].uns;
child_ctx[17] = list[i].balance;
child_ctx[19] = i;
return child_ctx;
}
// (203:8) {#if primary && i === 0}
function create_if_block_3$1(ctx) {
let div;
let successstatusicon;
let current;
successstatusicon = new SuccessStatusIcon({ props: { size: 14 } });
return {
c() {
div = element("div");
create_component(successstatusicon.$$.fragment);
set_style(div, "right", "-5px");
set_style(div, "bottom", "-5px");
attr(div, "class", "drop-shadow absolute");
},
m(target, anchor) {
insert(target, div, anchor);
mount_component(successstatusicon, div, null);
current = true;
},
i(local) {
if (current) return;
transition_in(successstatusicon.$$.fragment, local);
current = true;
},
o(local) {
transition_out(successstatusicon.$$.fragment, local);
current = false;
},
d(detaching) {
if (detaching) detach(div);
destroy_component(successstatusicon);
}
};
}
// (221:8) {#if balance}
function create_if_block_2$3(ctx) {
let div;
let t_value = formatBalance(/*balance*/ ctx[17]) + "";
let t;
let div_intro;
return {
c() {
div = element("div");
t = text(t_value);
attr(div, "class", "balance svelte-hb2n95");
},
m(target, anchor) {
insert(target, div, anchor);
append(div, t);
},
p(ctx, dirty) {
if (dirty & /*wallet*/ 1 && t_value !== (t_value = formatBalance(/*balance*/ ctx[17]) + "")) set_data(t, t_value);
},
i(local) {
if (local) {
if (!div_intro) {
add_render_callback(() => {
div_intro = create_in_transition(div, fade, {});
div_intro.start();
});
}
}
},
o: noop,
d(detaching) {
if (detaching) detach(div);
}
};
}
// (240:4) {#if showMenu === address}
function create_if_block$4(ctx) {
let ul;
let li0;
let t0_value = /*$_*/ ctx[4]('accountCenter.addAccount', {
default: /*en*/ ctx[2].accountCenter.addAccount
}) + "";
let t0;
let t1;
let t2;
let li1;
let t3_value = /*$_*/ ctx[4]('accountCenter.disconnectWallet', {
default: /*en*/ ctx[2].accountCenter.disconnectWallet
}) + "";
let t3;
let t4;
let li2;
let t5_value = /*en*/ ctx[2].accountCenter.copyAddress + "";
let t5;
let ul_intro;
let mounted;
let dispose;
let if_block = !(/*primary*/ ctx[1] && /*i*/ ctx[19] === 0) && create_if_block_1$3(ctx);
function click_handler_5() {
return /*click_handler_5*/ ctx[13](/*ens*/ ctx[15], /*uns*/ ctx[16], /*address*/ ctx[14]);
}
return {
c() {
ul = element("ul");
li0 = element("li");
t0 = text(t0_value);
t1 = space();
if (if_block) if_block.c();
t2 = space();
li1 = element("li");
t3 = text(t3_value);
t4 = space();
li2 = element("li");
t5 = text(t5_value);
attr(li0, "class", "svelte-hb2n95");
attr(li1, "class", "svelte-hb2n95");
attr(li2, "class", "svelte-hb2n95");
attr(ul, "class", "menu absolute svelte-hb2n95");
},
m(target, anchor) {
insert(target, ul, anchor);
append(ul, li0);
append(li0, t0);
append(ul, t1);
if (if_block) if_block.m(ul, null);
append(ul, t2);
append(ul, li1);
append(li1, t3);
append(ul, t4);
append(ul, li2);
append(li2, t5);
if (!mounted) {
dispose = [
listen(li0, "click", stop_propagation(/*click_handler_2*/ ctx[10])),
listen(li1, "click", stop_propagation(/*click_handler_4*/ ctx[12])),
listen(li2, "click", stop_propagation(click_handler_5))
];
mounted = true;
}
},
p(new_ctx, dirty) {
ctx = new_ctx;
if (dirty & /*$_, en*/ 20 && t0_value !== (t0_value = /*$_*/ ctx[4]('accountCenter.addAccount', {
default: /*en*/ ctx[2].accountCenter.addAccount
}) + "")) set_data(t0, t0_value);
if (!(/*primary*/ ctx[1] && /*i*/ ctx[19] === 0)) {
if (if_block) {
if_block.p(ctx, dirty);
} else {
if_block = create_if_block_1$3(ctx);
if_block.c();
if_block.m(ul, t2);
}
} else if (if_block) {
if_block.d(1);
if_block = null;
}
if (dirty & /*$_, en*/ 20 && t3_value !== (t3_value = /*$_*/ ctx[4]('accountCenter.disconnectWallet', {
default: /*en*/ ctx[2].accountCenter.disconnectWallet
}) + "")) set_data(t3, t3_value);
if (dirty & /*en*/ 4 && t5_value !== (t5_value = /*en*/ ctx[2].accountCenter.copyAddress + "")) set_data(t5, t5_value);
},
i(local) {
if (local) {
if (!ul_intro) {
add_render_callback(() => {
ul_intro = create_in_transition(ul, fade, {});
ul_intro.start();
});
}
}
},
o: noop,
d(detaching) {
if (detaching) detach(ul);
if (if_block) if_block.d();
mounted = false;
run_all(dispose);
}
};
}
// (252:8) {#if !(primary && i === 0)}
function create_if_block_1$3(ctx) {
let li;
let t_value = /*$_*/ ctx[4]('accountCenter.setPrimaryAccount', {
default: /*en*/ ctx[2].accountCenter.setPrimaryAccount
}) + "";
let t;
let mounted;
let dispose;
function click_handler_3() {
return /*click_handler_3*/ ctx[11](/*address*/ ctx[14]);
}
return {
c() {
li = element("li");
t = text(t_value);
attr(li, "class", "svelte-hb2n95");
},
m(target, anchor) {
insert(target, li, anchor);
append(li, t);
if (!mounted) {
dispose = listen(li, "click", stop_propagation(click_handler_3));
mounted = true;
}
},
p(new_ctx, dirty) {
ctx = new_ctx;
if (dirty & /*$_, en*/ 20 && t_value !== (t_value = /*$_*/ ctx[4]('accountCenter.setPrimaryAccount', {
default: /*en*/ ctx[2].accountCenter.setPrimaryAccount
}) + "")) set_data(t, t_value);
},
d(detaching) {
if (detaching) detach(li);
mounted = false;
dispose();
}
};
}
// (182:0) {#each wallet.accounts as { address, ens, uns, balance }
function create_each_block$2(ctx) {
let div6;
let div5;
let div0;
let walletappbadge;
let t0;
let t1;
let div2;
let div1;
let t2_value = (/*ens*/ ctx[15]
? shortenDomain(/*ens*/ ctx[15].name)
: /*uns*/ ctx[16]
? shortenDomain(/*uns*/ ctx[16].name)
: shortenAddress(/*address*/ ctx[14])) + "";
let t2;
let t3;
let t4;
let div4;
let div3;
let t5;
let t6;
let current;
let mounted;
let dispose;
walletappbadge = new WalletAppBadge({
props: {
size: 32,
padding: 4,
background: "custom",
color: "#EFF1FC",
customBackgroundColor: /*primary*/ ctx[1] && /*i*/ ctx[19] === 0
? 'rgba(24, 206, 102, 0.2)'
: 'rgba(235, 235, 237, 0.1)',
border: /*primary*/ ctx[1] && /*i*/ ctx[19] === 0
? 'green'
: 'gray',
radius: 8,
icon: /*wallet*/ ctx[0].icon
}
});
let if_block0 = /*primary*/ ctx[1] && /*i*/ ctx[19] === 0 && create_if_block_3$1();
let if_block1 = /*balance*/ ctx[17] && create_if_block_2$3(ctx);
function click_handler() {
return /*click_handler*/ ctx[8](/*address*/ ctx[14]);
}
function click_handler_1() {
return /*click_handler_1*/ ctx[9](/*address*/ ctx[14]);
}
let if_block2 = /*showMenu*/ ctx[3] === /*address*/ ctx[14] && create_if_block$4(ctx);
return {
c() {
div6 = element("div");
div5 = element("div");
div0 = element("div");
create_component(walletappbadge.$$.fragment);
t0 = space();
if (if_block0) if_block0.c();
t1 = space();
div2 = element("div");
div1 = element("div");
t2 = text(t2_value);
t3 = space();
if (if_block1) if_block1.c();
t4 = space();
div4 = element("div");
div3 = element("div");
t5 = space();
if (if_block2) if_block2.c();
t6 = space();
attr(div0, "class", "flex items-center relative");
attr(div1, "class", "address-domain svelte-hb2n95");
attr(div2, "class", "account-details svelte-hb2n95");
attr(div3, "class", "elipsis pointer flex items-center justify-center relative svelte-hb2n95");
attr(div4, "class", "elipsis-container svelte-hb2n95");
toggle_class(div4, "active", /*showMenu*/ ctx[3] === /*address*/ ctx[14]);
attr(div5, "class", "container svelte-hb2n95");
toggle_class(div5, "primary", /*primary*/ ctx[1] && /*i*/ ctx[19] === 0);
attr(div6, "class", "relative");
},
m(target, anchor) {
insert(target, div6, anchor);
append(div6, div5);
append(div5, div0);
mount_component(walletappbadge, div0, null);
append(div0, t0);
if (if_block0) if_block0.m(div0, null);
append(div5, t1);
append(div5, div2);
append(div2, div1);
append(div1, t2);
append(div2, t3);
if (if_block1) if_block1.m(div2, null);
append(div5, t4);
append(div5, div4);
append(div4, div3);
div3.innerHTML = elipsisIcon;
append(div6, t5);
if (if_block2) if_block2.m(div6, null);
append(div6, t6);
current = true;
if (!mounted) {
dispose = [
listen(div3, "click", stop_propagation(click_handler)),
listen(div5, "click", click_handler_1)
];
mounted = true;
}
},
p(new_ctx, dirty) {
ctx = new_ctx;
const walletappbadge_changes = {};
if (dirty & /*primary*/ 2) walletappbadge_changes.customBackgroundColor = /*primary*/ ctx[1] && /*i*/ ctx[19] === 0
? 'rgba(24, 206, 102, 0.2)'
: 'rgba(235, 235, 237, 0.1)';
if (dirty & /*primary*/ 2) walletappbadge_changes.border = /*primary*/ ctx[1] && /*i*/ ctx[19] === 0
? 'green'
: 'gray';
if (dirty & /*wallet*/ 1) walletappbadge_changes.icon = /*wallet*/ ctx[0].icon;
walletappbadge.$set(walletappbadge_changes);
if (/*primary*/ ctx[1] && /*i*/ ctx[19] === 0) {
if (if_block0) {
if (dirty & /*primary*/ 2) {
transition_in(if_block0, 1);
}
} else {
if_block0 = create_if_block_3$1();
if_block0.c();
transition_in(if_block0, 1);
if_block0.m(div0, null);
}
} else if (if_block0) {
group_outros();
transition_out(if_block0, 1, 1, () => {
if_block0 = null;
});
check_outros();
}
if ((!current || dirty & /*wallet*/ 1) && t2_value !== (t2_value = (/*ens*/ ctx[15]
? shortenDomain(/*ens*/ ctx[15].name)
: /*uns*/ ctx[16]
? shortenDomain(/*uns*/ ctx[16].name)
: shortenAddress(/*address*/ ctx[14])) + "")) set_data(t2, t2_value);
if (/*balance*/ ctx[17]) {
if (if_block1) {
if_block1.p(ctx, dirty);
if (dirty & /*wallet*/ 1) {
transition_in(if_block1, 1);
}
} else {
if_block1 = create_if_block_2$3(ctx);
if_block1.c();
transition_in(if_block1, 1);
if_block1.m(div2, null);
}
} else if (if_block1) {
if_block1.d(1);
if_block1 = null;
}
if (!current || dirty & /*showMenu, wallet*/ 9) {
toggle_class(div4, "active", /*showMenu*/ ctx[3] === /*address*/ ctx[14]);
}
if (!current || dirty & /*primary*/ 2) {
toggle_class(div5, "primary", /*primary*/ ctx[1] && /*i*/ ctx[19] === 0);
}
if (/*showMenu*/ ctx[3] === /*address*/ ctx[14]) {
if (if_block2) {
if_block2.p(ctx, dirty);
if (dirty & /*showMenu, wallet*/ 9) {
transition_in(if_block2, 1);
}
} else {
if_block2 = create_if_block$4(ctx);
if_block2.c();
transition_in(if_block2, 1);
if_block2.m(div6, t6);
}
} else if (if_block2) {
if_block2.d(1);
if_block2 = null;
}
},
i(local) {
if (current) return;
transition_in(walletappbadge.$$.fragment, local);
transition_in(if_block0);
transition_in(if_block1);
transition_in(if_block2);
current = true;
},
o(local) {
transition_out(walletappbadge.$$.fragment, local);
transition_out(if_block0);
current = false;
},
d(detaching) {
if (detaching) detach(div6);
destroy_component(walletappbadge);
if (if_block0) if_block0.d();
if (if_block1) if_block1.d();
if (if_block2) if_block2.d();
mounted = false;
run_all(dispose);
}
};
}
function create_fragment$7(ctx) {
let each_1_anchor;
let current;
let each_value = /*wallet*/ ctx[0].accounts;
let each_blocks = [];
for (let i = 0; i < each_value.length; i += 1) {
each_blocks[i] = create_each_block$2(get_each_context$2(ctx, each_value, i));
}
const out = i => transition_out(each_blocks[i], 1, 1, () => {
each_blocks[i] = null;
});
return {
c() {
for (let i = 0; i < each_blocks.length; i += 1) {
each_blocks[i].c();
}
each_1_anchor = empty();
},
m(target, anchor) {
for (let i = 0; i < each_blocks.length; i += 1) {
if (each_blocks[i]) {
each_blocks[i].m(target, anchor);
}
}
insert(target, each_1_anchor, anchor);
current = true;
},
p(ctx, [dirty]) {
if (dirty & /*copyWalletAddress, wallet, changeText, en, showMenu, disconnect, $_, setPrimaryWallet, primary, selectAnotherAccount, elipsisIcon, formatBalance, shortenDomain, shortenAddress*/ 127) {
each_value = /*wallet*/ ctx[0].accounts;
let i;
for (i = 0; i < each_value.length; i += 1) {
const child_ctx = get_each_context$2(ctx, each_value, i);
if (each_blocks[i]) {
each_blocks[i].p(child_ctx, dirty);
transition_in(each_blocks[i], 1);
} else {
each_blocks[i] = create_each_block$2(child_ctx);
each_blocks[i].c();
transition_in(each_blocks[i], 1);
each_blocks[i].m(each_1_anchor.parentNode, each_1_anchor);
}
}
group_outros();
for (i = each_value.length; i < each_blocks.length; i += 1) {
out(i);
}
check_outros();
}
},
i(local) {
if (current) return;
for (let i = 0; i < each_value.length; i += 1) {
transition_in(each_blocks[i]);
}
current = true;
},
o(local) {
each_blocks = each_blocks.filter(Boolean);
for (let i = 0; i < each_blocks.length; i += 1) {
transition_out(each_blocks[i]);
}
current = false;
},
d(detaching) {
destroy_each(each_blocks, detaching);
if (detaching) detach(each_1_anchor);
}
};
}
function formatBalance(balance) {
const [asset] = Object.keys(balance);
return `${balance[asset].length > 7
? balance[asset].slice(0, 7)
: balance[asset]} ${asset}`;
}
function instance$7($$self, $$props, $$invalidate) {
let $_;
component_subscribe($$self, _, $$value => $$invalidate(4, $_ = $$value));
let { wallet } = $$props;
let { primary } = $$props;
function hideMenu() {
$$invalidate(3, showMenu = '');
}
let showMenu = '';
async function selectAnotherAccount(wallet) {
try {
await selectAccounts(wallet.provider);
} catch(error) {
const { code } = error;
if (code === ProviderRpcErrorCode.UNSUPPORTED_METHOD || code === ProviderRpcErrorCode.DOES_NOT_EXIST) {
connectWallet$.next({
inProgress: false,
actionRequired: wallet.label
});
}
}
}
function changeText() {
$$invalidate(2, en.accountCenter.copyAddress = 'Copied Successfully', en);
setTimeout(hideMenu, 500);
setTimeout(
() => {
$$invalidate(2, en.accountCenter.copyAddress = 'Copy Wallet address', en);
},
700
);
}
const click_handler = address => $$invalidate(3, showMenu = showMenu === address ? '' : address);
const click_handler_1 = address => setPrimaryWallet(wallet, address);
const click_handler_2 = () => {
$$invalidate(3, showMenu = '');
selectAnotherAccount(wallet);
};
const click_handler_3 = address => {
$$invalidate(3, showMenu = '');
setPrimaryWallet(wallet, address);
};
const click_handler_4 = () => {
$$invalidate(3, showMenu = '');
disconnect({ label: wallet.label });
};
const click_handler_5 = (ens, uns, address) => {
copyWalletAddress(ens ? ens.name : uns ? uns.name : address).then(() => {
changeText();
});
};
$$self.$$set = $$props => {
if ('wallet' in $$props) $$invalidate(0, wallet = $$props.wallet);
if ('primary' in $$props) $$invalidate(1, primary = $$props.primary);
};
return [
wallet,
primary,
en,
showMenu,
$_,
selectAnotherAccount,
changeText,
hideMenu,
click_handler,
click_handler_1,
click_handler_2,
click_handler_3,
click_handler_4,
click_handler_5
];
}
class WalletRow extends SvelteComponent {
constructor(options) {
super();
init(this, options, instance$7, create_fragment$7, safe_not_equal, { wallet: 0, primary: 1, hideMenu: 7 }, add_css$7);
}
get hideMenu() {
return this.$$.ctx[7];
}
}
var plusCircleIcon = `
<svg width="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13 7H11V11H7V13H11V17H13V13H17V11H13V7ZM12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 20C7.59 20 4 16.41 4 12C4 7.59 7.59 4 12 4C16.41 4 20 7.59 20 12C20 16.41 16.41 20 12 20Z" fill="currentColor"/>
</svg>
`;
var arrowForwardIcon = `
<svg width="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10.09 15.59L11.5 17L16.5 12L11.5 7L10.09 8.41L12.67 11H3V13H12.67L10.09 15.59ZM19 3H5C3.89 3 3 3.9 3 5V9H5V5H19V19H5V15H3V19C3 20.1 3.89 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3Z" fill="currentColor"/>
</svg>
`;
var caretLightIcon = `<svg width="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.59 8.59L12 13.17L7.41 8.59L6 10L12 16L18 10L16.59 8.59Z" fill="grey"/></svg>`;
var shieldIcon = `<svg width="14" height="18" viewBox="0 0 14 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.99998 17.3125C5.05553 16.8264 3.45831 15.6979 2.20831 13.9271C0.958313 12.1562 0.333313 10.2153 0.333313 8.10417V3.14583L6.99998 0.645833L13.6666 3.14583V8.10417C13.6666 10.2153 13.0416 12.1562 11.7916 13.9271C10.5416 15.6979 8.94442 16.8264 6.99998 17.3125ZM5.12498 12.3333H8.87498C9.05553 12.3333 9.20484 12.2743 9.3229 12.1562C9.44095 12.0382 9.49998 11.8889 9.49998 11.7083V8.79167C9.49998 8.61111 9.44095 8.46181 9.3229 8.34375C9.20484 8.22569 9.05553 8.16667 8.87498 8.16667H8.66665V7.33333C8.66665 6.875 8.50345 6.48264 8.17706 6.15625C7.85067 5.82986 7.45831 5.66667 6.99998 5.66667C6.54165 5.66667 6.14928 5.82986 5.8229 6.15625C5.49651 6.48264 5.33331 6.875 5.33331 7.33333V8.16667H5.12498C4.94442 8.16667 4.79512 8.22569 4.67706 8.34375C4.55901 8.46181 4.49998 8.61111 4.49998 8.79167V11.7083C4.49998 11.8889 4.55901 12.0382 4.67706 12.1562C4.79512 12.2743 4.94442 12.3333 5.12498 12.3333ZM5.95831 8.16667V7.33333C5.95831 7.05556 6.06248 6.82292 6.27081 6.63542C6.47915 6.44792 6.7222 6.35417 6.99998 6.35417C7.27776 6.35417 7.52081 6.44792 7.72915 6.63542C7.93748 6.82292 8.04165 7.05556 8.04165 7.33333V8.16667H5.95831Z" fill="#929BED"/>
</svg>
`;
/* src/views/account-center/DisconnectAllConfirm.svelte generated by Svelte v3.59.2 */
function add_css$6(target) {
append_styles(target, "svelte-1ubxcdp", ".content.svelte-1ubxcdp{padding:1rem;width:300px;font-family:var(--onboard-font-family-normal, var(--font-family-normal));font-size:var(--onboard-font-size-5, var(--font-size-5));line-height:24px}.icon-container.svelte-1ubxcdp{width:3rem;height:3rem;background:var(--onboard-warning-100, var(--warning-100));border-radius:24px;padding:12px;color:var(--onboard-warning-500, var(--warning-500))}h4.svelte-1ubxcdp{margin:1.5rem 0 0.5rem 0;font-weight:600}p.svelte-1ubxcdp{margin:0;font-weight:400}button.svelte-1ubxcdp{margin-top:1.5rem;width:50%;font-weight:600}.right.svelte-1ubxcdp{margin-left:0.5rem;width:60%}");
}
// (49:0) <Modal close={onClose}>
function create_default_slot$1(ctx) {
let div2;
let div0;
let t0;
let h4;
let t1_value = /*$_*/ ctx[2]('modals.confirmDisconnectAll.heading', {
default: en.modals.confirmDisconnectAll.heading
}) + "";
let t1;
let t2;
let p;
let t3_value = /*$_*/ ctx[2]('modals.confirmDisconnectAll.description') + "";
let t3;
let t4;
let div1;
let button0;
let t5_value = /*$_*/ ctx[2]('modals.confirmDisconnectAll.cancel', {
default: en.modals.confirmDisconnectAll.cancel
}) + "";
let t5;
let t6;
let button1;
let t7_value = /*$_*/ ctx[2]('modals.confirmDisconnectAll.confirm', {
default: en.modals.confirmDisconnectAll.confirm
}) + "";
let t7;
let mounted;
let dispose;
return {
c() {
div2 = element("div");
div0 = element("div");
t0 = space();
h4 = element("h4");
t1 = text(t1_value);
t2 = space();
p = element("p");
t3 = text(t3_value);
t4 = space();
div1 = element("div");
button0 = element("button");
t5 = text(t5_value);
t6 = space();
button1 = element("button");
t7 = text(t7_value);
attr(div0, "class", "icon-container flex justify-center items-center svelte-1ubxcdp");
attr(h4, "class", "svelte-1ubxcdp");
attr(p, "class", "svelte-1ubxcdp");
attr(button0, "class", "button-neutral-solid-b rounded svelte-1ubxcdp");
attr(button1, "class", "right button-neutral-solid rounded svelte-1ubxcdp");
attr(div1, "class", "flex justify-between items-center w-100");
attr(div2, "class", "content svelte-1ubxcdp");
},
m(target, anchor) {
insert(target, div2, anchor);
append(div2, div0);
div0.innerHTML = warningIcon;
append(div2, t0);
append(div2, h4);
append(h4, t1);
append(div2, t2);
append(div2, p);
append(p, t3);
append(div2, t4);
append(div2, div1);
append(div1, button0);
append(button0, t5);
append(div1, t6);
append(div1, button1);
append(button1, t7);
if (!mounted) {
dispose = [
listen(button0, "click", function () {
if (is_function(/*onClose*/ ctx[1])) /*onClose*/ ctx[1].apply(this, arguments);
}),
listen(button1, "click", function () {
if (is_function(/*onConfirm*/ ctx[0])) /*onConfirm*/ ctx[0].apply(this, arguments);
})
];
mounted = true;
}
},
p(new_ctx, dirty) {
ctx = new_ctx;
if (dirty & /*$_*/ 4 && t1_value !== (t1_value = /*$_*/ ctx[2]('modals.confirmDisconnectAll.heading', {
default: en.modals.confirmDisconnectAll.heading
}) + "")) set_data(t1, t1_value);
if (dirty & /*$_*/ 4 && t3_value !== (t3_value = /*$_*/ ctx[2]('modals.confirmDisconnectAll.description') + "")) set_data(t3, t3_value);
if (dirty & /*$_*/ 4 && t5_value !== (t5_value = /*$_*/ ctx[2]('modals.confirmDisconnectAll.cancel', {
default: en.modals.confirmDisconnectAll.cancel
}) + "")) set_data(t5, t5_value);
if (dirty & /*$_*/ 4 && t7_value !== (t7_value = /*$_*/ ctx[2]('modals.confirmDisconnectAll.confirm', {
default: en.modals.confirmDisconnectAll.confirm
}) + "")) set_data(t7, t7_value);
},
d(detaching) {
if (detaching) detach(div2);
mounted = false;
run_all(dispose);
}
};
}
function create_fragment$6(ctx) {
let modal;
let current;
modal = new Modal({
props: {
close: /*onClose*/ ctx[1],
$$slots: { default: [create_default_slot$1] },
$$scope: { ctx }
}
});
return {
c() {
create_component(modal.$$.fragment);
},
m(target, anchor) {
mount_component(modal, target, anchor);
current = true;
},
p(ctx, [dirty]) {
const modal_changes = {};
if (dirty & /*onClose*/ 2) modal_changes.close = /*onClose*/ ctx[1];
if (dirty & /*$$scope, onConfirm, $_, onClose*/ 15) {
modal_changes.$$scope = { dirty, ctx };
}
modal.$set(modal_changes);
},
i(local) {
if (current) return;
transition_in(modal.$$.fragment, local);
current = true;
},
o(local) {
transition_out(modal.$$.fragment, local);
current = false;
},
d(detaching) {
destroy_component(modal, detaching);
}
};
}
function instance$6($$self, $$props, $$invalidate) {
let $_;
component_subscribe($$self, _, $$value => $$invalidate(2, $_ = $$value));
let { onConfirm } = $$props;
let { onClose } = $$props;
$$self.$$set = $$props => {
if ('onConfirm' in $$props) $$invalidate(0, onConfirm = $$props.onConfirm);
if ('onClose' in $$props) $$invalidate(1, onClose = $$props.onClose);
};
return [onConfirm, onClose, $_];
}
class DisconnectAllConfirm extends SvelteComponent {
constructor(options) {
super();
init(this, options, instance$6, create_fragment$6, safe_not_equal, { onConfirm: 0, onClose: 1 }, add_css$6);
}
}
/* src/views/account-center/EnableTransactionProtectionModal.svelte generated by Svelte v3.59.2 */
function add_css$5(target) {
append_styles(target, "svelte-ruodf3", ".content.svelte-ruodf3{--background-color:var(--w3o-background-color);--text-color:var(--w3o-text-color);--action-color:var(--w3o-action-color, var(--primary-500));font-size:1rem;line-height:1.5rem;display:flex;flex-flow:column;gap:1.5rem;padding:1rem;max-width:320px;background:var(--background-color);color:var(--text-color)}.icon-container.svelte-ruodf3{position:relative;overflow:hidden;width:3rem;height:3rem;border-radius:24px;padding:0.75rem;background:none}.icon-container.svelte-ruodf3::before{content:'';position:absolute;height:100%;width:100%;opacity:0.2;background:var(--action-color)}.text-container.svelte-ruodf3{display:flex;flex-flow:column;gap:0.5rem;padding:0 0.5rem}.actions-container.svelte-ruodf3{display:flex;flex-flow:row nowrap;gap:1rem}.heading.svelte-ruodf3{font-weight:600}button.svelte-ruodf3{font-weight:600}button.primary.svelte-ruodf3{background:var(--action-color)}");
}
// (73:0) <Modal close={onDismiss}>
function create_default_slot(ctx) {
let div5;
let div0;
let t0;
let div3;
let div1;
let t1_value = /*$_*/ ctx[3]('modals.confirmTransactionProtection.heading', {
default: en.modals.confirmTransactionProtection.heading
}) + "";
let t1;
let t2;
let div2;
let t3_value = /*$_*/ ctx[3]('modals.confirmTransactionProtection.description') + "";
let t3;
let t4;
let a;
let t5_value = /*$_*/ ctx[3]('modals.confirmTransactionProtection.link', {
default: en.modals.confirmTransactionProtection.link
}) + "";
let t5;
let t6;
let div4;
let button0;
let t7_value = /*$_*/ ctx[3]('modals.confirmTransactionProtection.dismiss', {
default: en.modals.confirmTransactionProtection.dismiss
}) + "";
let t7;
let t8;
let button1;
let t9_value = /*$_*/ ctx[3]('modals.confirmTransactionProtection.enable', {
default: en.modals.confirmTransactionProtection.enable
}) + "";
let t9;
let mounted;
let dispose;
return {
c() {
div5 = element("div");
div0 = element("div");
t0 = space();
div3 = element("div");
div1 = element("div");
t1 = text(t1_value);
t2 = space();
div2 = element("div");
t3 = text(t3_value);
t4 = space();
a = element("a");
t5 = text(t5_value);
t6 = space();
div4 = element("div");
button0 = element("button");
t7 = text(t7_value);
t8 = space();
button1 = element("button");
t9 = text(t9_value);
attr(div0, "class", "icon-container flex justify-center items-center svelte-ruodf3");
attr(div1, "class", "heading svelte-ruodf3");
attr(a, "href", /*infoLink*/ ctx[2]);
attr(a, "target", "_blank");
attr(a, "rel", "noreferrer noopener");
attr(a, "class", "no-link");
attr(div3, "class", "text-container svelte-ruodf3");
attr(button0, "class", "button-neutral-solid-b svelte-ruodf3");
attr(button1, "class", "button-neutral-solid rounded primary svelte-ruodf3");
attr(div4, "class", "actions-container svelte-ruodf3");
attr(div5, "class", "content svelte-ruodf3");
},
m(target, anchor) {
insert(target, div5, anchor);
append(div5, div0);
div0.innerHTML = shieldIcon;
append(div5, t0);
append(div5, div3);
append(div3, div1);
append(div1, t1);
append(div3, t2);
append(div3, div2);
append(div2, t3);
append(div3, t4);
append(div3, a);
append(a, t5);
append(div5, t6);
append(div5, div4);
append(div4, button0);
append(button0, t7);
append(div4, t8);
append(div4, button1);
append(button1, t9);
if (!mounted) {
dispose = [
listen(button0, "click", function () {
if (is_function(/*onDismiss*/ ctx[1])) /*onDismiss*/ ctx[1].apply(this, arguments);
}),
listen(button1, "click", function () {
if (is_function(/*onEnable*/ ctx[0])) /*onEnable*/ ctx[0].apply(this, arguments);
})
];
mounted = true;
}
},
p(new_ctx, dirty) {
ctx = new_ctx;
if (dirty & /*$_*/ 8 && t1_value !== (t1_value = /*$_*/ ctx[3]('modals.confirmTransactionProtection.heading', {
default: en.modals.confirmTransactionProtection.heading
}) + "")) set_data(t1, t1_value);
if (dirty & /*$_*/ 8 && t3_value !== (t3_value = /*$_*/ ctx[3]('modals.confirmTransactionProtection.description') + "")) set_data(t3, t3_value);
if (dirty & /*$_*/ 8 && t5_value !== (t5_value = /*$_*/ ctx[3]('modals.confirmTransactionProtection.link', {
default: en.modals.confirmTransactionProtection.link
}) + "")) set_data(t5, t5_value);
if (dirty & /*infoLink*/ 4) {
attr(a, "href", /*infoLink*/ ctx[2]);
}
if (dirty & /*$_*/ 8 && t7_value !== (t7_value = /*$_*/ ctx[3]('modals.confirmTransactionProtection.dismiss', {
default: en.modals.confirmTransactionProtection.dismiss
}) + "")) set_data(t7, t7_value);
if (dirty & /*$_*/ 8 && t9_value !== (t9_value = /*$_*/ ctx[3]('modals.confirmTransactionProtection.enable', {
default: en.modals.confirmTransactionProtection.enable
}) + "")) set_data(t9, t9_value);
},
d(detaching) {
if (detaching) detach(div5);
mounted = false;
run_all(dispose);
}
};
}
function create_fragment$5(ctx) {
let modal;
let current;
modal = new Modal({
props: {
close: /*onDismiss*/ ctx[1],
$$slots: { default: [create_default_slot] },
$$scope: { ctx }
}
});
return {
c() {
create_component(modal.$$.fragment);
},
m(target, anchor) {
mount_component(modal, target, anchor);
current = true;
},
p(ctx, [dirty]) {
const modal_changes = {};
if (dirty & /*onDismiss*/ 2) modal_changes.close = /*onDismiss*/ ctx[1];
if (dirty & /*$$scope, onEnable, $_, onDismiss, infoLink*/ 31) {
modal_changes.$$scope = { dirty, ctx };
}
modal.$set(modal_changes);
},
i(local) {
if (current) return;
transition_in(modal.$$.fragment, local);
current = true;
},
o(local) {
transition_out(modal.$$.fragment, local);
current = false;
},
d(detaching) {
destroy_component(modal, detaching);
}
};
}
function instance$5($$self, $$props, $$invalidate) {
let $_;
component_subscribe($$self, _, $$value => $$invalidate(3, $_ = $$value));
let { onEnable } = $$props;
let { onDismiss } = $$props;
let { infoLink } = $$props;
$$self.$$set = $$props => {
if ('onEnable' in $$props) $$invalidate(0, onEnable = $$props.onEnable);
if ('onDismiss' in $$props) $$invalidate(1, onDismiss = $$props.onDismiss);
if ('infoLink' in $$props) $$invalidate(2, infoLink = $$props.infoLink);
};
return [onEnable, onDismiss, infoLink, $_];
}
class EnableTransactionProtectionModal extends SvelteComponent {
constructor(options) {
super();
init(this, options, instance$5, create_fragment$5, safe_not_equal, { onEnable: 0, onDismiss: 1, infoLink: 2 }, add_css$5);
}
}
/* src/views/account-center/SecondaryTokenTable.svelte generated by Svelte v3.59.2 */
function add_css$4(target) {
append_styles(target, "svelte-b848yl", ".secondary-token-container.svelte-b848yl.svelte-b848yl{width:100%}table.svelte-b848yl.svelte-b848yl{width:100%}tr.svelte-b848yl.svelte-b848yl{padding:0.25rem 1rem;line-height:1rem;border-bottom:1px solid var(--border-color);display:flex;flex-direction:row;align-items:flex-start;gap:1rem}thead.svelte-b848yl .secondary-token-table-header.svelte-b848yl{text-align:inherit;font-size:var(--onboard-font-size-7, var(--font-size-7))}.token-icon.svelte-b848yl.svelte-b848yl{width:30%;font-weight:700;font-size:var(--onboard-font-size-6, var(--font-size-6));color:var(--text-color)}.icon-name-container.svelte-b848yl.svelte-b848yl{display:flex;flex-direction:row;align-items:flex-start;padding:0px;gap:0.5rem}.icon.svelte-b848yl.svelte-b848yl{width:1rem;height:1rem}img.svelte-b848yl.svelte-b848yl{height:100%;width:100%}.token-balance.svelte-b848yl.svelte-b848yl{width:70%;font-weight:200;font-size:var(--onboard-font-size-6, var(--font-size-6));color:var(--text-color)}");
}
function get_each_context$1(ctx, list, i) {
const child_ctx = ctx.slice();
child_ctx[1] = list[i];
return child_ctx;
}
// (66:8) {#if token && token.name && token.balance}
function create_if_block$3(ctx) {
let tr;
let td0;
let div;
let t0;
let t1_value = /*token*/ ctx[1].name.toUpperCase() + "";
let t1;
let t2;
let td1;
let t3_value = (/*token*/ ctx[1].balance.length > 7
? /*token*/ ctx[1].balance.slice(0, 7)
: /*token*/ ctx[1].balance) + "";
let t3;
let t4;
function select_block_type(ctx, dirty) {
if (/*token*/ ctx[1].icon) return create_if_block_1$2;
return create_else_block_1;
}
let current_block_type = select_block_type(ctx);
let if_block = current_block_type(ctx);
return {
c() {
tr = element("tr");
td0 = element("td");
div = element("div");
if_block.c();
t0 = space();
t1 = text(t1_value);
t2 = space();
td1 = element("td");
t3 = text(t3_value);
t4 = space();
attr(div, "class", "icon-name-container svelte-b848yl");
attr(td0, "class", "token-icon svelte-b848yl");
attr(td1, "class", "token-balance svelte-b848yl");
attr(tr, "class", "token-row svelte-b848yl");
},
m(target, anchor) {
insert(target, tr, anchor);
append(tr, td0);
append(td0, div);
if_block.m(div, null);
append(div, t0);
append(div, t1);
append(tr, t2);
append(tr, td1);
append(td1, t3);
append(tr, t4);
},
p(ctx, dirty) {
if (current_block_type === (current_block_type = select_block_type(ctx)) && if_block) {
if_block.p(ctx, dirty);
} else {
if_block.d(1);
if_block = current_block_type(ctx);
if (if_block) {
if_block.c();
if_block.m(div, t0);
}
}
if (dirty & /*secondaryTokens*/ 1 && t1_value !== (t1_value = /*token*/ ctx[1].name.toUpperCase() + "")) set_data(t1, t1_value);
if (dirty & /*secondaryTokens*/ 1 && t3_value !== (t3_value = (/*token*/ ctx[1].balance.length > 7
? /*token*/ ctx[1].balance.slice(0, 7)
: /*token*/ ctx[1].balance) + "")) set_data(t3, t3_value);
},
d(detaching) {
if (detaching) detach(tr);
if_block.d();
}
};
}
// (82:16) {:else}
function create_else_block_1(ctx) {
let div;
return {
c() {
div = element("div");
attr(div, "class", "icon svelte-b848yl");
},
m(target, anchor) {
insert(target, div, anchor);
},
p: noop,
d(detaching) {
if (detaching) detach(div);
}
};
}
// (70:16) {#if token.icon}
function create_if_block_1$2(ctx) {
let await_block_anchor;
let promise;
let info = {
ctx,
current: null,
token: null,
hasCatch: false,
pending: create_pending_block,
then: create_then_block,
catch: create_catch_block,
value: 4
};
handle_promise(promise = /*token*/ ctx[1].icon, info);
return {
c() {
await_block_anchor = empty();
info.block.c();
},
m(target, anchor) {
insert(target, await_block_anchor, anchor);
info.block.m(target, info.anchor = anchor);
info.mount = () => await_block_anchor.parentNode;
info.anchor = await_block_anchor;
},
p(new_ctx, dirty) {
ctx = new_ctx;
info.ctx = ctx;
if (dirty & /*secondaryTokens*/ 1 && promise !== (promise = /*token*/ ctx[1].icon) && handle_promise(promise, info)) ; else {
update_await_block_branch(info, ctx, dirty);
}
},
d(detaching) {
if (detaching) detach(await_block_anchor);
info.block.d(detaching);
info.token = null;
info = null;
}
};
}
// (1:0) <script lang="ts">import { _ }
function create_catch_block(ctx) {
return {
c: noop,
m: noop,
p: noop,
i: noop,
o: noop,
d: noop
};
}
// (71:53) <div in:fade|local class="icon"> {#if isSVG(iconLoaded)}
function create_then_block(ctx) {
let div;
let show_if;
let div_intro;
function select_block_type_1(ctx, dirty) {
if (dirty & /*secondaryTokens*/ 1) show_if = null;
if (show_if == null) show_if = !!isSVG(/*iconLoaded*/ ctx[4]);
if (show_if) return create_if_block_2$2;
return create_else_block$1;
}
let current_block_type = select_block_type_1(ctx, -1);
let if_block = current_block_type(ctx);
return {
c() {
div = element("div");
if_block.c();
attr(div, "class", "icon svelte-b848yl");
},
m(target, anchor) {
insert(target, div, anchor);
if_block.m(div, null);
},
p(ctx, dirty) {
if (current_block_type === (current_block_type = select_block_type_1(ctx, dirty)) && if_block) {
if_block.p(ctx, dirty);
} else {
if_block.d(1);
if_block = current_block_type(ctx);
if (if_block) {
if_block.c();
if_block.m(div, null);
}
}
},
i(local) {
if (local) {
if (!div_intro) {
add_render_callback(() => {
div_intro = create_in_transition(div, fade, {});
div_intro.start();
});
}
}
},
o: noop,
d(detaching) {
if (detaching) detach(div);
if_block.d();
}
};
}
// (76:22) {:else}
function create_else_block$1(ctx) {
let img;
let img_src_value;
return {
c() {
img = element("img");
if (!src_url_equal(img.src, img_src_value = /*iconLoaded*/ ctx[4])) attr(img, "src", img_src_value);
attr(img, "alt", "logo");
attr(img, "class", "svelte-b848yl");
},
m(target, anchor) {
insert(target, img, anchor);
},
p(ctx, dirty) {
if (dirty & /*secondaryTokens*/ 1 && !src_url_equal(img.src, img_src_value = /*iconLoaded*/ ctx[4])) {
attr(img, "src", img_src_value);
}
},
d(detaching) {
if (detaching) detach(img);
}
};
}
// (73:22) {#if isSVG(iconLoaded)}
function create_if_block_2$2(ctx) {
let html_tag;
let raw_value = /*iconLoaded*/ ctx[4] + "";
let html_anchor;
return {
c() {
html_tag = new HtmlTag(false);
html_anchor = empty();
html_tag.a = html_anchor;
},
m(target, anchor) {
html_tag.m(raw_value, target, anchor);
insert(target, html_anchor, anchor);
},
p(ctx, dirty) {
if (dirty & /*secondaryTokens*/ 1 && raw_value !== (raw_value = /*iconLoaded*/ ctx[4] + "")) html_tag.p(raw_value);
},
d(detaching) {
if (detaching) detach(html_anchor);
if (detaching) html_tag.d();
}
};
}
// (1:0) <script lang="ts">import { _ }
function create_pending_block(ctx) {
return {
c: noop,
m: noop,
p: noop,
i: noop,
o: noop,
d: noop
};
}
// (65:6) {#each secondaryTokens as token}
function create_each_block$1(ctx) {
let if_block_anchor;
let if_block = /*token*/ ctx[1] && /*token*/ ctx[1].name && /*token*/ ctx[1].balance && create_if_block$3(ctx);
return {
c() {
if (if_block) if_block.c();
if_block_anchor = empty();
},
m(target, anchor) {
if (if_block) if_block.m(target, anchor);
insert(target, if_block_anchor, anchor);
},
p(ctx, dirty) {
if (/*token*/ ctx[1] && /*token*/ ctx[1].name && /*token*/ ctx[1].balance) {
if (if_block) {
if_block.p(ctx, dirty);
} else {
if_block = create_if_block$3(ctx);
if_block.c();
if_block.m(if_block_anchor.parentNode, if_block_anchor);
}
} else if (if_block) {
if_block.d(1);
if_block = null;
}
},
d(detaching) {
if (if_block) if_block.d(detaching);
if (detaching) detach(if_block_anchor);
}
};
}
function create_fragment$4(ctx) {
let div;
let table;
let thead;
let t1;
let tbody;
let each_value = /*secondaryTokens*/ ctx[0];
let each_blocks = [];
for (let i = 0; i < each_value.length; i += 1) {
each_blocks[i] = create_each_block$1(get_each_context$1(ctx, each_value, i));
}
return {
c() {
div = element("div");
table = element("table");
thead = element("thead");
thead.innerHTML = `<tr class="svelte-b848yl"><th colspan="3" class="secondary-token-table-header svelte-b848yl">Token Balances:</th></tr>`;
t1 = space();
tbody = element("tbody");
for (let i = 0; i < each_blocks.length; i += 1) {
each_blocks[i].c();
}
attr(thead, "class", "svelte-b848yl");
attr(table, "class", "balance-change-table table-radius svelte-b848yl");
attr(div, "class", "secondary-token-container svelte-b848yl");
},
m(target, anchor) {
insert(target, div, anchor);
append(div, table);
append(table, thead);
append(table, t1);
append(table, tbody);
for (let i = 0; i < each_blocks.length; i += 1) {
if (each_blocks[i]) {
each_blocks[i].m(tbody, null);
}
}
},
p(ctx, [dirty]) {
if (dirty & /*secondaryTokens, isSVG*/ 1) {
each_value = /*secondaryTokens*/ ctx[0];
let i;
for (i = 0; i < each_value.length; i += 1) {
const child_ctx = get_each_context$1(ctx, each_value, i);
if (each_blocks[i]) {
each_blocks[i].p(child_ctx, dirty);
} else {
each_blocks[i] = create_each_block$1(child_ctx);
each_blocks[i].c();
each_blocks[i].m(tbody, null);
}
}
for (; i < each_blocks.length; i += 1) {
each_blocks[i].d(1);
}
each_blocks.length = each_value.length;
}
},
i: noop,
o: noop,
d(detaching) {
if (detaching) detach(div);
destroy_each(each_blocks, detaching);
}
};
}
function instance$4($$self, $$props, $$invalidate) {
let { secondaryTokens } = $$props;
$$self.$$set = $$props => {
if ('secondaryTokens' in $$props) $$invalidate(0, secondaryTokens = $$props.secondaryTokens);
};
return [secondaryTokens];
}
class SecondaryTokenTable extends SvelteComponent {
constructor(options) {
super();
init(this, options, instance$4, create_fragment$4, safe_not_equal, { secondaryTokens: 0 }, add_css$4);
}
}
/* src/views/account-center/AccountCenterPanel.svelte generated by Svelte v3.59.2 */
function add_css$3(target) {
append_styles(target, "svelte-177u10y", ".outer-container.svelte-177u10y{--background-color:var(--w3o-background-color);--text-color:var(--w3o-text-color);--border-color:var(--w3o-border-color, var(--gray-500));--action-color:var(--w3o-action-color, var(--primary-500));--border-radius:var(--w3o-border-radius, 1rem);--account-center-network-selector-color:var(--text-color, white);width:100%;overflow:hidden;pointer-events:auto;border:1px solid transparent;background:var(\n --account-center-maximized-upper-background,\n var(--background-color)\n );border-color:var(--border-color);border-radius:var(--account-center-border-radius, var(--border-radius))}.wallets-section.svelte-177u10y{width:100%;color:var(--text-color, var(--gray-100));background:var(--background-color, var(--gray-700))}.p5.svelte-177u10y{padding:var(--onboard-spacing-5, var(--spacing-5))}.wallets.svelte-177u10y{width:100%;margin-bottom:0.5rem}.actions.svelte-177u10y{color:var(\n --account-center-maximized-upper-action-color,\n var(--action-color)\n );padding-left:2px}.action-container.svelte-177u10y{padding:0.25rem 12px 0.25rem 0.5rem;border-radius:0.5rem;transition:background-color 150ms ease-in-out}.action-container.svelte-177u10y:hover{background-color:var(\n --account-center-maximized-upper-action-background-hover,\n rgba(146, 155, 237, 0.2)\n )}.plus-icon.svelte-177u10y{width:20px}.arrow-forward.svelte-177u10y{width:20px}.mt.svelte-177u10y{margin-top:0.25rem}.action-text.svelte-177u10y{font-size:var(--onboard-font-size-6, var(--font-size-6));line-height:var(--onboard-font-line-height-3, var(--font-line-height-3));margin-left:0.5rem}.background-blue.svelte-177u10y{background:var(\n --account-center-maximized-network-section-background,\n var(--onboard-primary-100, var(--primary-100))\n )}.background-gray.svelte-177u10y{background:var(--onboard-gray-100, var(--gray-100))}.background-yellow.svelte-177u10y{background:var(--onboard-warning-100, var(--warning-100))}.network-container.svelte-177u10y{background:var(--background-color);border-top:1px solid var(--border-color);width:100%;display:flex;flex-direction:column;align-items:flex-start;padding:0.75rem;gap:0.5rem;border-radius:var(\n --account-center-border-radius,\n var(--onboard-border-radius-3, var(--border-radius-3))\n );color:var(\n --account-center-maximized-network-text-color,\n var(--account-center-maximized-network-section, inherit)\n )}.network-section.svelte-177u10y{flex-direction:row;align-items:flex-start;padding:0px;gap:16px}.network-selector-container.svelte-177u10y{width:100%}.protect.svelte-177u10y{flex-direction:row;padding:0.25rem 0.375rem 0;gap:0.375rem;width:100%}.shield.svelte-177u10y{width:20px;height:20px;display:flex;justify-content:center}.protect-text.svelte-177u10y{font-size:var(--onboard-font-size-6, var(--font-size-6));color:var(\n --account-center-maximized-upper-action-color,\n var(--action-color)\n );line-height:1.75rem;display:flex;align-items:center}.network-selector-container.svelte-177u10y{margin-left:1rem;width:100%}.network-selector-label.svelte-177u10y{font-size:var(--onboard-font-size-7, var(--font-size-7));line-height:var(--onboard-font-line-height-3, var(--font-line-height-3))}.app-info-container.svelte-177u10y{color:var(--text-color, var(--gray-700));background:var(\n --account-center-maximized-info-section-background-color,\n var(\n --account-center-maximized-info-section,\n var(--background-color, #fff)\n )\n );border-top:1px solid var(--border-color);border-radius:var(--account-center-border-radius, inherit);display:flex;flex-direction:column;align-items:flex-start;padding:0px}.app-info-header.svelte-177u10y{width:100%;flex-direction:column;align-items:flex-start;padding:0.75rem;gap:0.5rem;border-bottom:1px solid var(--border-color)}.app-icon-name.svelte-177u10y{display:flex;align-items:center;flex-direction:row;gap:0.75rem}.app-name.svelte-177u10y{font-size:1rem;font-weight:600;line-height:1rem;margin-bottom:0.25rem;color:var(--account-center-maximized-app-name-color, inherit)}.app-description.svelte-177u10y{margin:0;font-size:var(--onboard-font-size-7, var(--font-size-7));line-height:var(--onboard-font-line-height-3, var(--font-line-height-3));color:var(--account-center-maximized-app-info-color, inherit);display:flex;flex-direction:row;align-items:flex-start;padding:0px 0.25rem;gap:1rem}.app-info.svelte-177u10y{width:100%;font-size:var(--onboard-font-size-7, var(--font-size-7));line-height:var(--onboard-font-line-height-3, var(--font-line-height-3));color:var(--account-center-maximized-app-info-color, inherit);border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;align-items:flex-start;padding:0.5rem 1rem;gap:0.25rem}.app-info-heading.svelte-177u10y{font-weight:700;color:var(--account-center-maximized-app-info-color, inherit)}.w100.svelte-177u10y{width:100%}a.svelte-177u10y{font-weight:700}.powered-by-container.svelte-177u10y{color:var(--text-color);padding:0.75rem}");
}
function get_each_context(ctx, list, i) {
const child_ctx = ctx.slice();
child_ctx[29] = list[i];
child_ctx[31] = i;
return child_ctx;
}
// (303:0) {#if disconnectConfirmModal}
function create_if_block_10(ctx) {
let disconnectallconfirm;
let current;
disconnectallconfirm = new DisconnectAllConfirm({
props: {
onClose: /*func*/ ctx[22],
onConfirm: /*disconnectAllWallets*/ ctx[13]
}
});
return {
c() {
create_component(disconnectallconfirm.$$.fragment);
},
m(target, anchor) {
mount_component(disconnectallconfirm, target, anchor);
current = true;
},
p(ctx, dirty) {
const disconnectallconfirm_changes = {};
if (dirty[0] & /*disconnectConfirmModal*/ 4) disconnectallconfirm_changes.onClose = /*func*/ ctx[22];
disconnectallconfirm.$set(disconnectallconfirm_changes);
},
i(local) {
if (current) return;
transition_in(disconnectallconfirm.$$.fragment, local);
current = true;
},
o(local) {
transition_out(disconnectallconfirm.$$.fragment, local);
current = false;
},
d(detaching) {
destroy_component(disconnectallconfirm, detaching);
}
};
}
// (309:0) {#if enableTransactionProtection}
function create_if_block_9(ctx) {
let enabletransactionprotectionmodal;
let current;
enabletransactionprotectionmodal = new EnableTransactionProtectionModal({
props: {
onDismiss: /*func_1*/ ctx[23],
onEnable: /*func_2*/ ctx[24],
infoLink: /*$accountCenter$*/ ctx[9].transactionProtectionInfoLink || BN_BOOST_INFO_URL
}
});
return {
c() {
create_component(enabletransactionprotectionmodal.$$.fragment);
},
m(target, anchor) {
mount_component(enabletransactionprotectionmodal, target, anchor);
current = true;
},
p(ctx, dirty) {
const enabletransactionprotectionmodal_changes = {};
if (dirty[0] & /*enableTransactionProtection*/ 16) enabletransactionprotectionmodal_changes.onDismiss = /*func_1*/ ctx[23];
if (dirty[0] & /*$accountCenter$*/ 512) enabletransactionprotectionmodal_changes.infoLink = /*$accountCenter$*/ ctx[9].transactionProtectionInfoLink || BN_BOOST_INFO_URL;
enabletransactionprotectionmodal.$set(enabletransactionprotectionmodal_changes);
},
i(local) {
if (current) return;
transition_in(enabletransactionprotectionmodal.$$.fragment, local);
current = true;
},
o(local) {
transition_out(enabletransactionprotectionmodal.$$.fragment, local);
current = false;
},
d(detaching) {
destroy_component(enabletransactionprotectionmodal, detaching);
}
};
}
// (318:0) {#if expanded}
function create_if_block$2(ctx) {
let div12;
let div11;
let div2;
let div0;
let each_blocks = [];
let each_1_lookup = new Map();
let t0;
let div1;
let t1;
let div8;
let div7;
let div3;
let walletappbadge;
let t2;
let t3;
let div6;
let div4;
let t4_value = /*$_*/ ctx[10]('accountCenter.currentNetwork', { default: en.accountCenter.currentNetwork }) + "";
let t4;
let t5;
let div5;
let networkselector;
let t6;
let t7;
let div10;
let t8;
let t9;
let div9;
let a;
let div12_transition;
let current;
let mounted;
let dispose;
let each_value = /*$wallets$*/ ctx[1];
const get_key = ctx => /*wallet*/ ctx[29].label;
for (let i = 0; i < each_value.length; i += 1) {
let child_ctx = get_each_context(ctx, each_value, i);
let key = get_key(child_ctx);
each_1_lookup.set(key, each_blocks[i] = create_each_block(key, child_ctx));
}
let if_block0 = /*device*/ ctx[17].type === 'desktop' && create_if_block_8(ctx);
walletappbadge = new WalletAppBadge({
props: {
size: 32,
padding: 4,
background: "custom",
color: !/*validAppChain*/ ctx[5]
? '#FFAF00'
: !/*validAppChain*/ ctx[5].icon ? '#EFF1FC' : undefined,
customBackgroundColor: /*validAppChain*/ ctx[5]
? /*validAppChain*/ ctx[5].color || /*defaultChainStyles*/ ctx[7] && /*defaultChainStyles*/ ctx[7].color || unrecognizedChainStyle.color
: '#FFE7B3',
border: "transparent",
radius: 8,
icon: /*validAppChain*/ ctx[5]
? /*validAppChain*/ ctx[5].icon || /*defaultChainStyles*/ ctx[7] && /*defaultChainStyles*/ ctx[7].icon || unrecognizedChainStyle.icon
: warningIcon
}
});
let if_block1 = /*validAppChain*/ ctx[5] && create_if_block_7();
networkselector = new NetworkSelector({
props: {
chains: /*appChains*/ ctx[14],
colorVar: "--account-center-maximized-network-selector-color",
bold: true,
selectIcon: caretLightIcon,
parentCSSId: "maximized_ac"
}
});
let if_block2 = !/*$accountCenter$*/ ctx[9].hideTransactionProtectionBtn && (/*primaryWalletOnMainnet*/ ctx[6] || /*validAppChain*/ ctx[5] && /*validAppChain*/ ctx[5].protectedRpcUrl) && create_if_block_6(ctx);
let if_block3 = /*$appMetadata$*/ ctx[11] && create_if_block_2$1(ctx);
let if_block4 = /*secondaryTokens*/ ctx[8] && /*secondaryTokens*/ ctx[8].length && create_if_block_1$1(ctx);
return {
c() {
div12 = element("div");
div11 = element("div");
div2 = element("div");
div0 = element("div");
for (let i = 0; i < each_blocks.length; i += 1) {
each_blocks[i].c();
}
t0 = space();
div1 = element("div");
if (if_block0) if_block0.c();
t1 = space();
div8 = element("div");
div7 = element("div");
div3 = element("div");
create_component(walletappbadge.$$.fragment);
t2 = space();
if (if_block1) if_block1.c();
t3 = space();
div6 = element("div");
div4 = element("div");
t4 = text(t4_value);
t5 = space();
div5 = element("div");
create_component(networkselector.$$.fragment);
t6 = space();
if (if_block2) if_block2.c();
t7 = space();
div10 = element("div");
if (if_block3) if_block3.c();
t8 = space();
if (if_block4) if_block4.c();
t9 = space();
div9 = element("div");
a = element("a");
attr(div0, "class", "wallets svelte-177u10y");
attr(div1, "class", "actions flex flex-column items-start svelte-177u10y");
attr(div2, "class", "p5 svelte-177u10y");
attr(div3, "class", "relative flex");
attr(div4, "class", "network-selector-label svelte-177u10y");
attr(div5, "class", "flex items-center");
set_style(div5, "width", "100%");
attr(div6, "class", "network-selector-container svelte-177u10y");
attr(div7, "class", "network-section flex items-center svelte-177u10y");
attr(div8, "class", "network-container svelte-177u10y");
toggle_class(div8, "background-blue", /*validAppChain*/ ctx[5] && /*validAppChain*/ ctx[5].icon || /*defaultChainStyles*/ ctx[7]);
toggle_class(div8, "background-yellow", !/*validAppChain*/ ctx[5]);
toggle_class(div8, "background-gray", /*validAppChain*/ ctx[5] && !/*defaultChainStyles*/ ctx[7]);
attr(a, "href", "https://thirdweb.com");
attr(a, "target", "_blank");
attr(a, "rel", "noopener noreferrer");
attr(a, "class", "flex justify-center items-center powered-by-container svelte-177u10y");
attr(div9, "class", "w100 svelte-177u10y");
attr(div10, "class", "app-info-container svelte-177u10y");
attr(div11, "class", "wallets-section svelte-177u10y");
attr(div12, "class", "outer-container svelte-177u10y");
},
m(target, anchor) {
insert(target, div12, anchor);
append(div12, div11);
append(div11, div2);
append(div2, div0);
for (let i = 0; i < each_blocks.length; i += 1) {
if (each_blocks[i]) {
each_blocks[i].m(div0, null);
}
}
append(div2, t0);
append(div2, div1);
if (if_block0) if_block0.m(div1, null);
append(div11, t1);
append(div11, div8);
append(div8, div7);
append(div7, div3);
mount_component(walletappbadge, div3, null);
append(div3, t2);
if (if_block1) if_block1.m(div3, null);
append(div7, t3);
append(div7, div6);
append(div6, div4);
append(div4, t4);
append(div6, t5);
append(div6, div5);
mount_component(networkselector, div5, null);
append(div8, t6);
if (if_block2) if_block2.m(div8, null);
append(div11, t7);
append(div11, div10);
if (if_block3) if_block3.m(div10, null);
append(div10, t8);
if (if_block4) if_block4.m(div10, null);
append(div10, t9);
append(div10, div9);
append(div9, a);
a.innerHTML = poweredByThirdweb;
current = true;
if (!mounted) {
dispose = [
listen(div5, "click", /*click_handler*/ ctx[21]),
listen(div12, "click", stop_propagation(function () {
if (is_function(/*hideWalletRowMenu*/ ctx[3])) /*hideWalletRowMenu*/ ctx[3].apply(this, arguments);
}))
];
mounted = true;
}
},
p(new_ctx, dirty) {
ctx = new_ctx;
if (dirty[0] & /*$wallets$, hideWalletRowMenu*/ 10) {
each_value = /*$wallets$*/ ctx[1];
group_outros();
each_blocks = update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value, each_1_lookup, div0, outro_and_destroy_block, create_each_block, null, get_each_context);
check_outros();
}
if (/*device*/ ctx[17].type === 'desktop') if_block0.p(ctx, dirty);
const walletappbadge_changes = {};
if (dirty[0] & /*validAppChain*/ 32) walletappbadge_changes.color = !/*validAppChain*/ ctx[5]
? '#FFAF00'
: !/*validAppChain*/ ctx[5].icon ? '#EFF1FC' : undefined;
if (dirty[0] & /*validAppChain, defaultChainStyles*/ 160) walletappbadge_changes.customBackgroundColor = /*validAppChain*/ ctx[5]
? /*validAppChain*/ ctx[5].color || /*defaultChainStyles*/ ctx[7] && /*defaultChainStyles*/ ctx[7].color || unrecognizedChainStyle.color
: '#FFE7B3';
if (dirty[0] & /*validAppChain, defaultChainStyles*/ 160) walletappbadge_changes.icon = /*validAppChain*/ ctx[5]
? /*validAppChain*/ ctx[5].icon || /*defaultChainStyles*/ ctx[7] && /*defaultChainStyles*/ ctx[7].icon || unrecognizedChainStyle.icon
: warningIcon;
walletappbadge.$set(walletappbadge_changes);
if (/*validAppChain*/ ctx[5]) {
if (if_block1) {
if (dirty[0] & /*validAppChain*/ 32) {
transition_in(if_block1, 1);
}
} else {
if_block1 = create_if_block_7();
if_block1.c();
transition_in(if_block1, 1);
if_block1.m(div3, null);
}
} else if (if_block1) {
group_outros();
transition_out(if_block1, 1, 1, () => {
if_block1 = null;
});
check_outros();
}
if ((!current || dirty[0] & /*$_*/ 1024) && t4_value !== (t4_value = /*$_*/ ctx[10]('accountCenter.currentNetwork', { default: en.accountCenter.currentNetwork }) + "")) set_data(t4, t4_value);
if (!/*$accountCenter$*/ ctx[9].hideTransactionProtectionBtn && (/*primaryWalletOnMainnet*/ ctx[6] || /*validAppChain*/ ctx[5] && /*validAppChain*/ ctx[5].protectedRpcUrl)) {
if (if_block2) {
if_block2.p(ctx, dirty);
} else {
if_block2 = create_if_block_6(ctx);
if_block2.c();
if_block2.m(div8, null);
}
} else if (if_block2) {
if_block2.d(1);
if_block2 = null;
}
if (!current || dirty[0] & /*validAppChain, defaultChainStyles*/ 160) {
toggle_class(div8, "background-blue", /*validAppChain*/ ctx[5] && /*validAppChain*/ ctx[5].icon || /*defaultChainStyles*/ ctx[7]);
}
if (!current || dirty[0] & /*validAppChain*/ 32) {
toggle_class(div8, "background-yellow", !/*validAppChain*/ ctx[5]);
}
if (!current || dirty[0] & /*validAppChain, defaultChainStyles*/ 160) {
toggle_class(div8, "background-gray", /*validAppChain*/ ctx[5] && !/*defaultChainStyles*/ ctx[7]);
}
if (/*$appMetadata$*/ ctx[11]) {
if (if_block3) {
if_block3.p(ctx, dirty);
if (dirty[0] & /*$appMetadata$*/ 2048) {
transition_in(if_block3, 1);
}
} else {
if_block3 = create_if_block_2$1(ctx);
if_block3.c();
transition_in(if_block3, 1);
if_block3.m(div10, t8);
}
} else if (if_block3) {
group_outros();
transition_out(if_block3, 1, 1, () => {
if_block3 = null;
});
check_outros();
}
if (/*secondaryTokens*/ ctx[8] && /*secondaryTokens*/ ctx[8].length) {
if (if_block4) {
if_block4.p(ctx, dirty);
if (dirty[0] & /*secondaryTokens*/ 256) {
transition_in(if_block4, 1);
}
} else {
if_block4 = create_if_block_1$1(ctx);
if_block4.c();
transition_in(if_block4, 1);
if_block4.m(div10, t9);
}
} else if (if_block4) {
group_outros();
transition_out(if_block4, 1, 1, () => {
if_block4 = null;
});
check_outros();
}
},
i(local) {
if (current) return;
for (let i = 0; i < each_value.length; i += 1) {
transition_in(each_blocks[i]);
}
transition_in(walletappbadge.$$.fragment, local);
transition_in(if_block1);
transition_in(networkselector.$$.fragment, local);
transition_in(if_block3);
transition_in(if_block4);
if (local) {
add_render_callback(() => {
if (!current) return;
if (!div12_transition) div12_transition = create_bidirectional_transition(
div12,
fly,
{
duration: 600,
y: /*position*/ ctx[16].includes('bottom') ? 56 : -76,
easing: quartOut,
opacity: 0
},
true
);
div12_transition.run(1);
});
}
current = true;
},
o(local) {
for (let i = 0; i < each_blocks.length; i += 1) {
transition_out(each_blocks[i]);
}
transition_out(walletappbadge.$$.fragment, local);
transition_out(if_block1);
transition_out(networkselector.$$.fragment, local);
transition_out(if_block3);
transition_out(if_block4);
if (local) {
if (!div12_transition) div12_transition = create_bidirectional_transition(
div12,
fly,
{
duration: 600,
y: /*position*/ ctx[16].includes('bottom') ? 56 : -76,
easing: quartOut,
opacity: 0
},
false
);
div12_transition.run(0);
}
current = false;
},
d(detaching) {
if (detaching) detach(div12);
for (let i = 0; i < each_blocks.length; i += 1) {
each_blocks[i].d();
}
if (if_block0) if_block0.d();
destroy_component(walletappbadge);
if (if_block1) if_block1.d();
destroy_component(networkselector);
if (if_block2) if_block2.d();
if (if_block3) if_block3.d();
if (if_block4) if_block4.d();
if (detaching && div12_transition) div12_transition.end();
mounted = false;
run_all(dispose);
}
};
}
// (334:10) {#each $wallets$ as wallet, i (wallet.label)}
function create_each_block(key_1, ctx) {
let first;
let walletrow;
let updating_hideMenu;
let current;
function walletrow_hideMenu_binding(value) {
/*walletrow_hideMenu_binding*/ ctx[25](value);
}
let walletrow_props = {
wallet: /*wallet*/ ctx[29],
primary: /*i*/ ctx[31] === 0
};
if (/*hideWalletRowMenu*/ ctx[3] !== void 0) {
walletrow_props.hideMenu = /*hideWalletRowMenu*/ ctx[3];
}
walletrow = new WalletRow({ props: walletrow_props });
binding_callbacks.push(() => bind(walletrow, 'hideMenu', walletrow_hideMenu_binding));
return {
key: key_1,
first: null,
c() {
first = empty();
create_component(walletrow.$$.fragment);
this.first = first;
},
m(target, anchor) {
insert(target, first, anchor);
mount_component(walletrow, target, anchor);
current = true;
},
p(new_ctx, dirty) {
ctx = new_ctx;
const walletrow_changes = {};
if (dirty[0] & /*$wallets$*/ 2) walletrow_changes.wallet = /*wallet*/ ctx[29];
if (dirty[0] & /*$wallets$*/ 2) walletrow_changes.primary = /*i*/ ctx[31] === 0;
if (!updating_hideMenu && dirty[0] & /*hideWalletRowMenu*/ 8) {
updating_hideMenu = true;
walletrow_changes.hideMenu = /*hideWalletRowMenu*/ ctx[3];
add_flush_callback(() => updating_hideMenu = false);
}
walletrow.$set(walletrow_changes);
},
i(local) {
if (current) return;
transition_in(walletrow.$$.fragment, local);
current = true;
},
o(local) {
transition_out(walletrow.$$.fragment, local);
current = false;
},
d(detaching) {
if (detaching) detach(first);
destroy_component(walletrow, detaching);
}
};
}
// (345:10) {#if device.type === 'desktop'}
function create_if_block_8(ctx) {
let div1;
let div0;
let t0;
let span0;
let t1_value = /*$_*/ ctx[10]('accountCenter.connectAnotherWallet', {
default: en.accountCenter.connectAnotherWallet
}) + "";
let t1;
let t2;
let div3;
let div2;
let t3;
let span1;
let t4_value = /*$_*/ ctx[10]('accountCenter.disconnectAllWallets', {
default: en.accountCenter.disconnectAllWallets
}) + "";
let t4;
let mounted;
let dispose;
return {
c() {
div1 = element("div");
div0 = element("div");
t0 = space();
span0 = element("span");
t1 = text(t1_value);
t2 = space();
div3 = element("div");
div2 = element("div");
t3 = space();
span1 = element("span");
t4 = text(t4_value);
attr(div0, "class", "plus-icon flex items-center justify-center svelte-177u10y");
attr(span0, "class", "action-text svelte-177u10y");
attr(div1, "class", "action-container flex items-center pointer svelte-177u10y");
attr(div2, "class", "arrow-forward flex items-center justify-center svelte-177u10y");
attr(span1, "class", "action-text svelte-177u10y");
attr(div3, "class", "action-container flex items-center mt pointer svelte-177u10y");
},
m(target, anchor) {
insert(target, div1, anchor);
append(div1, div0);
div0.innerHTML = plusCircleIcon;
append(div1, t0);
append(div1, span0);
append(span0, t1);
insert(target, t2, anchor);
insert(target, div3, anchor);
append(div3, div2);
div2.innerHTML = arrowForwardIcon;
append(div3, t3);
append(div3, span1);
append(span1, t4);
if (!mounted) {
dispose = [
listen(div1, "click", /*click_handler_1*/ ctx[26]),
listen(div3, "click", /*click_handler_2*/ ctx[27])
];
mounted = true;
}
},
p(ctx, dirty) {
if (dirty[0] & /*$_*/ 1024 && t1_value !== (t1_value = /*$_*/ ctx[10]('accountCenter.connectAnotherWallet', {
default: en.accountCenter.connectAnotherWallet
}) + "")) set_data(t1, t1_value);
if (dirty[0] & /*$_*/ 1024 && t4_value !== (t4_value = /*$_*/ ctx[10]('accountCenter.disconnectAllWallets', {
default: en.accountCenter.disconnectAllWallets
}) + "")) set_data(t4, t4_value);
},
d(detaching) {
if (detaching) detach(div1);
if (detaching) detach(t2);
if (detaching) detach(div3);
mounted = false;
run_all(dispose);
}
};
}
// (413:12) {#if validAppChain}
function create_if_block_7(ctx) {
let div;
let successstatusicon;
let current;
successstatusicon = new SuccessStatusIcon({ props: { size: 14 } });
return {
c() {
div = element("div");
create_component(successstatusicon.$$.fragment);
set_style(div, "right", "-5px");
set_style(div, "bottom", "-5px");
attr(div, "class", "drop-shadow absolute");
},
m(target, anchor) {
insert(target, div, anchor);
mount_component(successstatusicon, div, null);
current = true;
},
i(local) {
if (current) return;
transition_in(successstatusicon.$$.fragment, local);
current = true;
},
o(local) {
transition_out(successstatusicon.$$.fragment, local);
current = false;
},
d(detaching) {
if (detaching) detach(div);
destroy_component(successstatusicon);
}
};
}
// (442:8) {#if !$accountCenter$.hideTransactionProtectionBtn && (primaryWalletOnMainnet || (validAppChain && validAppChain.protectedRpcUrl))}
function create_if_block_6(ctx) {
let div1;
let div0;
let t0;
let span;
let t1_value = /*$_*/ ctx[10]('accountCenter.enableTransactionProtection', {
default: en.accountCenter.enableTransactionProtection
}) + "";
let t1;
let mounted;
let dispose;
return {
c() {
div1 = element("div");
div0 = element("div");
t0 = space();
span = element("span");
t1 = text(t1_value);
attr(div0, "class", "shield svelte-177u10y");
attr(span, "class", "protect-text svelte-177u10y");
attr(div1, "class", "protect action-container flex items-center pointer svelte-177u10y");
},
m(target, anchor) {
insert(target, div1, anchor);
append(div1, div0);
div0.innerHTML = shieldIcon;
append(div1, t0);
append(div1, span);
append(span, t1);
if (!mounted) {
dispose = listen(div1, "click", /*click_handler_3*/ ctx[28]);
mounted = true;
}
},
p(ctx, dirty) {
if (dirty[0] & /*$_*/ 1024 && t1_value !== (t1_value = /*$_*/ ctx[10]('accountCenter.enableTransactionProtection', {
default: en.accountCenter.enableTransactionProtection
}) + "")) set_data(t1, t1_value);
},
d(detaching) {
if (detaching) detach(div1);
mounted = false;
dispose();
}
};
}
// (461:8) {#if $appMetadata$}
function create_if_block_2$1(ctx) {
let div3;
let div1;
let walletappbadge;
let t0;
let div0;
let t1_value = (/*$appMetadata$*/ ctx[11] && /*$appMetadata$*/ ctx[11].name || 'App Name') + "";
let t1;
let t2;
let div2;
let t3_value = (/*$appMetadata$*/ ctx[11] && /*$appMetadata$*/ ctx[11].description || 'This app has not added a description.') + "";
let t3;
let t4;
let if_block_anchor;
let current;
walletappbadge = new WalletAppBadge({
props: {
size: 32,
padding: 4,
background: "white",
border: "black",
radius: 8,
icon: /*$appMetadata$*/ ctx[11] && /*$appMetadata$*/ ctx[11].icon || questionIcon
}
});
let if_block = (/*$appMetadata$*/ ctx[11].gettingStartedGuide || /*$appMetadata$*/ ctx[11].explore) && create_if_block_3(ctx);
return {
c() {
div3 = element("div");
div1 = element("div");
create_component(walletappbadge.$$.fragment);
t0 = space();
div0 = element("div");
t1 = text(t1_value);
t2 = space();
div2 = element("div");
t3 = text(t3_value);
t4 = space();
if (if_block) if_block.c();
if_block_anchor = empty();
attr(div0, "class", "app-name svelte-177u10y");
attr(div1, "class", "relative flex app-icon-name svelte-177u10y");
attr(div2, "class", "app-description svelte-177u10y");
attr(div3, "class", "flex items-start app-info-header svelte-177u10y");
},
m(target, anchor) {
insert(target, div3, anchor);
append(div3, div1);
mount_component(walletappbadge, div1, null);
append(div1, t0);
append(div1, div0);
append(div0, t1);
append(div3, t2);
append(div3, div2);
append(div2, t3);
insert(target, t4, anchor);
if (if_block) if_block.m(target, anchor);
insert(target, if_block_anchor, anchor);
current = true;
},
p(ctx, dirty) {
const walletappbadge_changes = {};
if (dirty[0] & /*$appMetadata$*/ 2048) walletappbadge_changes.icon = /*$appMetadata$*/ ctx[11] && /*$appMetadata$*/ ctx[11].icon || questionIcon;
walletappbadge.$set(walletappbadge_changes);
if ((!current || dirty[0] & /*$appMetadata$*/ 2048) && t1_value !== (t1_value = (/*$appMetadata$*/ ctx[11] && /*$appMetadata$*/ ctx[11].name || 'App Name') + "")) set_data(t1, t1_value);
if ((!current || dirty[0] & /*$appMetadata$*/ 2048) && t3_value !== (t3_value = (/*$appMetadata$*/ ctx[11] && /*$appMetadata$*/ ctx[11].description || 'This app has not added a description.') + "")) set_data(t3, t3_value);
if (/*$appMetadata$*/ ctx[11].gettingStartedGuide || /*$appMetadata$*/ ctx[11].explore) {
if (if_block) {
if_block.p(ctx, dirty);
} else {
if_block = create_if_block_3(ctx);
if_block.c();
if_block.m(if_block_anchor.parentNode, if_block_anchor);
}
} else if (if_block) {
if_block.d(1);
if_block = null;
}
},
i(local) {
if (current) return;
transition_in(walletappbadge.$$.fragment, local);
current = true;
},
o(local) {
transition_out(walletappbadge.$$.fragment, local);
current = false;
},
d(detaching) {
if (detaching) detach(div3);
destroy_component(walletappbadge);
if (detaching) detach(t4);
if (if_block) if_block.d(detaching);
if (detaching) detach(if_block_anchor);
}
};
}
// (485:10) {#if $appMetadata$.gettingStartedGuide || $appMetadata$.explore}
function create_if_block_3(ctx) {
let div1;
let div0;
let t0_value = /*$_*/ ctx[10]('accountCenter.appInfo', { default: en.accountCenter.appInfo }) + "";
let t0;
let t1;
let t2;
let if_block0 = /*$appMetadata$*/ ctx[11].gettingStartedGuide && create_if_block_5(ctx);
let if_block1 = /*$appMetadata$*/ ctx[11].explore && create_if_block_4(ctx);
return {
c() {
div1 = element("div");
div0 = element("div");
t0 = text(t0_value);
t1 = space();
if (if_block0) if_block0.c();
t2 = space();
if (if_block1) if_block1.c();
attr(div0, "class", "app-info-heading svelte-177u10y");
attr(div1, "class", "app-info svelte-177u10y");
},
m(target, anchor) {
insert(target, div1, anchor);
append(div1, div0);
append(div0, t0);
append(div1, t1);
if (if_block0) if_block0.m(div1, null);
append(div1, t2);
if (if_block1) if_block1.m(div1, null);
},
p(ctx, dirty) {
if (dirty[0] & /*$_*/ 1024 && t0_value !== (t0_value = /*$_*/ ctx[10]('accountCenter.appInfo', { default: en.accountCenter.appInfo }) + "")) set_data(t0, t0_value);
if (/*$appMetadata$*/ ctx[11].gettingStartedGuide) {
if (if_block0) {
if_block0.p(ctx, dirty);
} else {
if_block0 = create_if_block_5(ctx);
if_block0.c();
if_block0.m(div1, t2);
}
} else if (if_block0) {
if_block0.d(1);
if_block0 = null;
}
if (/*$appMetadata$*/ ctx[11].explore) {
if (if_block1) {
if_block1.p(ctx, dirty);
} else {
if_block1 = create_if_block_4(ctx);
if_block1.c();
if_block1.m(div1, null);
}
} else if (if_block1) {
if_block1.d(1);
if_block1 = null;
}
},
d(detaching) {
if (detaching) detach(div1);
if (if_block0) if_block0.d();
if (if_block1) if_block1.d();
}
};
}
// (493:14) {#if $appMetadata$.gettingStartedGuide}
function create_if_block_5(ctx) {
let div1;
let div0;
let t0_value = /*$_*/ ctx[10]('accountCenter.learnMore', { default: en.accountCenter.learnMore }) + "";
let t0;
let t1;
let a;
let t2_value = /*$_*/ ctx[10]('accountCenter.gettingStartedGuide', {
default: en.accountCenter.gettingStartedGuide
}) + "";
let t2;
let a_href_value;
return {
c() {
div1 = element("div");
div0 = element("div");
t0 = text(t0_value);
t1 = space();
a = element("a");
t2 = text(t2_value);
attr(a, "href", a_href_value = /*$appMetadata$*/ ctx[11].gettingStartedGuide);
attr(a, "target", "_blank");
attr(a, "rel", "noreferrer noopener");
attr(a, "class", "svelte-177u10y");
attr(div1, "class", "flex justify-between items-center w100 svelte-177u10y");
},
m(target, anchor) {
insert(target, div1, anchor);
append(div1, div0);
append(div0, t0);
append(div1, t1);
append(div1, a);
append(a, t2);
},
p(ctx, dirty) {
if (dirty[0] & /*$_*/ 1024 && t0_value !== (t0_value = /*$_*/ ctx[10]('accountCenter.learnMore', { default: en.accountCenter.learnMore }) + "")) set_data(t0, t0_value);
if (dirty[0] & /*$_*/ 1024 && t2_value !== (t2_value = /*$_*/ ctx[10]('accountCenter.gettingStartedGuide', {
default: en.accountCenter.gettingStartedGuide
}) + "")) set_data(t2, t2_value);
if (dirty[0] & /*$appMetadata$*/ 2048 && a_href_value !== (a_href_value = /*$appMetadata$*/ ctx[11].gettingStartedGuide)) {
attr(a, "href", a_href_value);
}
},
d(detaching) {
if (detaching) detach(div1);
}
};
}
// (512:14) {#if $appMetadata$.explore}
function create_if_block_4(ctx) {
let div1;
let div0;
let t0_value = /*$_*/ ctx[10]('accountCenter.smartContracts', { default: en.accountCenter.smartContracts }) + "";
let t0;
let t1;
let a;
let t2_value = /*$_*/ ctx[10]('accountCenter.explore', { default: en.accountCenter.explore }) + "";
let t2;
let a_href_value;
return {
c() {
div1 = element("div");
div0 = element("div");
t0 = text(t0_value);
t1 = space();
a = element("a");
t2 = text(t2_value);
attr(a, "href", a_href_value = /*$appMetadata$*/ ctx[11].explore);
attr(a, "target", "_blank");
attr(a, "rel", "noreferrer noopener");
attr(a, "class", "svelte-177u10y");
attr(div1, "class", "flex justify-between items-center w100 svelte-177u10y");
},
m(target, anchor) {
insert(target, div1, anchor);
append(div1, div0);
append(div0, t0);
append(div1, t1);
append(div1, a);
append(a, t2);
},
p(ctx, dirty) {
if (dirty[0] & /*$_*/ 1024 && t0_value !== (t0_value = /*$_*/ ctx[10]('accountCenter.smartContracts', { default: en.accountCenter.smartContracts }) + "")) set_data(t0, t0_value);
if (dirty[0] & /*$_*/ 1024 && t2_value !== (t2_value = /*$_*/ ctx[10]('accountCenter.explore', { default: en.accountCenter.explore }) + "")) set_data(t2, t2_value);
if (dirty[0] & /*$appMetadata$*/ 2048 && a_href_value !== (a_href_value = /*$appMetadata$*/ ctx[11].explore)) {
attr(a, "href", a_href_value);
}
},
d(detaching) {
if (detaching) detach(div1);
}
};
}
// (533:8) {#if secondaryTokens && secondaryTokens.length}
function create_if_block_1$1(ctx) {
let secondarytokentable;
let current;
secondarytokentable = new SecondaryTokenTable({
props: {
secondaryTokens: /*secondaryTokens*/ ctx[8]
}
});
return {
c() {
create_component(secondarytokentable.$$.fragment);
},
m(target, anchor) {
mount_component(secondarytokentable, target, anchor);
current = true;
},
p(ctx, dirty) {
const secondarytokentable_changes = {};
if (dirty[0] & /*secondaryTokens*/ 256) secondarytokentable_changes.secondaryTokens = /*secondaryTokens*/ ctx[8];
secondarytokentable.$set(secondarytokentable_changes);
},
i(local) {
if (current) return;
transition_in(secondarytokentable.$$.fragment, local);
current = true;
},
o(local) {
transition_out(secondarytokentable.$$.fragment, local);
current = false;
},
d(detaching) {
destroy_component(secondarytokentable, detaching);
}
};
}
function create_fragment$3(ctx) {
let t0;
let t1;
let if_block2_anchor;
let current;
let if_block0 = /*disconnectConfirmModal*/ ctx[2] && create_if_block_10(ctx);
let if_block1 = /*enableTransactionProtection*/ ctx[4] && create_if_block_9(ctx);
let if_block2 = /*expanded*/ ctx[0] && create_if_block$2(ctx);
return {
c() {
if (if_block0) if_block0.c();
t0 = space();
if (if_block1) if_block1.c();
t1 = space();
if (if_block2) if_block2.c();
if_block2_anchor = empty();
},
m(target, anchor) {
if (if_block0) if_block0.m(target, anchor);
insert(target, t0, anchor);
if (if_block1) if_block1.m(target, anchor);
insert(target, t1, anchor);
if (if_block2) if_block2.m(target, anchor);
insert(target, if_block2_anchor, anchor);
current = true;
},
p(ctx, dirty) {
if (/*disconnectConfirmModal*/ ctx[2]) {
if (if_block0) {
if_block0.p(ctx, dirty);
if (dirty[0] & /*disconnectConfirmModal*/ 4) {
transition_in(if_block0, 1);
}
} else {
if_block0 = create_if_block_10(ctx);
if_block0.c();
transition_in(if_block0, 1);
if_block0.m(t0.parentNode, t0);
}
} else if (if_block0) {
group_outros();
transition_out(if_block0, 1, 1, () => {
if_block0 = null;
});
check_outros();
}
if (/*enableTransactionProtection*/ ctx[4]) {
if (if_block1) {
if_block1.p(ctx, dirty);
if (dirty[0] & /*enableTransactionProtection*/ 16) {
transition_in(if_block1, 1);
}
} else {
if_block1 = create_if_block_9(ctx);
if_block1.c();
transition_in(if_block1, 1);
if_block1.m(t1.parentNode, t1);
}
} else if (if_block1) {
group_outros();
transition_out(if_block1, 1, 1, () => {
if_block1 = null;
});
check_outros();
}
if (/*expanded*/ ctx[0]) {
if (if_block2) {
if_block2.p(ctx, dirty);
if (dirty[0] & /*expanded*/ 1) {
transition_in(if_block2, 1);
}
} else {
if_block2 = create_if_block$2(ctx);
if_block2.c();
transition_in(if_block2, 1);
if_block2.m(if_block2_anchor.parentNode, if_block2_anchor);
}
} else if (if_block2) {
group_outros();
transition_out(if_block2, 1, 1, () => {
if_block2 = null;
});
check_outros();
}
},
i(local) {
if (current) return;
transition_in(if_block0);
transition_in(if_block1);
transition_in(if_block2);
current = true;
},
o(local) {
transition_out(if_block0);
transition_out(if_block1);
transition_out(if_block2);
current = false;
},
d(detaching) {
if (if_block0) if_block0.d(detaching);
if (detaching) detach(t0);
if (if_block1) if_block1.d(detaching);
if (detaching) detach(t1);
if (if_block2) if_block2.d(detaching);
if (detaching) detach(if_block2_anchor);
}
};
}
function instance$3($$self, $$props, $$invalidate) {
let primaryWallet;
let connectedChain;
let secondaryTokens;
let validAppChain;
let defaultChainStyles;
let primaryWalletOnMainnet;
let $wallets$;
let $accountCenter$;
let $_;
let $appMetadata$;
component_subscribe($$self, wallets$, $$value => $$invalidate(1, $wallets$ = $$value));
component_subscribe($$self, _, $$value => $$invalidate(10, $_ = $$value));
let { expanded } = $$props;
const accountCenter$ = state.select('accountCenter').pipe(startWith(state.get().accountCenter), shareReplay(1));
component_subscribe($$self, accountCenter$, value => $$invalidate(9, $accountCenter$ = value));
function disconnectAllWallets() {
$wallets$.forEach(({ label }) => disconnect({ label }));
}
const { chains: appChains } = state.get();
let disconnectConfirmModal = false;
let hideWalletRowMenu;
let enableTransactionProtection = false;
const appMetadata$ = state.select('appMetadata').pipe(startWith(state.get().appMetadata), shareReplay(1));
component_subscribe($$self, appMetadata$, value => $$invalidate(11, $appMetadata$ = value));
const { position } = state.get().accountCenter;
const { device } = configuration;
const enableProtectionRPC = async () => {
if (!validAppChain) return;
try {
await updateChainRPC(primaryWallet.provider, validAppChain, validAppChain.protectedRpcUrl || BN_BOOST_RPC_URL);
$$invalidate(4, enableTransactionProtection = false);
} catch(error) {
const { code } = error;
console.log(error, code);
}
};
function click_handler(event) {
bubble.call(this, $$self, event);
}
const func = () => $$invalidate(2, disconnectConfirmModal = false);
const func_1 = () => $$invalidate(4, enableTransactionProtection = false);
const func_2 = () => enableProtectionRPC();
function walletrow_hideMenu_binding(value) {
hideWalletRowMenu = value;
$$invalidate(3, hideWalletRowMenu);
}
const click_handler_1 = () => connect();
const click_handler_2 = () => $$invalidate(2, disconnectConfirmModal = true);
const click_handler_3 = () => $$invalidate(4, enableTransactionProtection = true);
$$self.$$set = $$props => {
if ('expanded' in $$props) $$invalidate(0, expanded = $$props.expanded);
};
$$self.$$.update = () => {
if ($$self.$$.dirty[0] & /*$wallets$*/ 2) {
$$invalidate(19, [primaryWallet] = $wallets$, primaryWallet);
}
if ($$self.$$.dirty[0] & /*primaryWallet*/ 524288) {
$$invalidate(20, [connectedChain] = primaryWallet ? primaryWallet.chains : [], connectedChain);
}
if ($$self.$$.dirty[0] & /*primaryWallet*/ 524288) {
$$invalidate(8, secondaryTokens = primaryWallet && primaryWallet.accounts.length && primaryWallet.accounts[0].secondaryTokens);
}
if ($$self.$$.dirty[0] & /*connectedChain*/ 1048576) {
$$invalidate(5, validAppChain = appChains.find(({ id, namespace }) => connectedChain
? id === connectedChain.id && namespace === connectedChain.namespace
: false));
}
if ($$self.$$.dirty[0] & /*connectedChain*/ 1048576) {
$$invalidate(7, defaultChainStyles = getDefaultChainStyles(connectedChain && connectedChain.id));
}
if ($$self.$$.dirty[0] & /*connectedChain*/ 1048576) {
$$invalidate(6, primaryWalletOnMainnet = connectedChain && connectedChain.id === '0x1');
}
};
return [
expanded,
$wallets$,
disconnectConfirmModal,
hideWalletRowMenu,
enableTransactionProtection,
validAppChain,
primaryWalletOnMainnet,
defaultChainStyles,
secondaryTokens,
$accountCenter$,
$_,
$appMetadata$,
accountCenter$,
disconnectAllWallets,
appChains,
appMetadata$,
position,
device,
enableProtectionRPC,
primaryWallet,
connectedChain,
click_handler,
func,
func_1,
func_2,
walletrow_hideMenu_binding,
click_handler_1,
click_handler_2,
click_handler_3
];
}
class AccountCenterPanel extends SvelteComponent {
constructor(options) {
super();
init(this, options, instance$3, create_fragment$3, safe_not_equal, { expanded: 0 }, add_css$3, [-1, -1]);
}
}
/* src/views/account-center/AcctCenterTriggerLarge.svelte generated by Svelte v3.59.2 */
function add_css$2(target) {
append_styles(target, "svelte-1xsvwqj", ".ac-trigger.svelte-1xsvwqj{--background-color:var(\n --account-center-minimized-background,\n var(--w3o-background-color, white)\n );--text-color:var(--w3o-text-color, var(--gray-700));--border-color:var(\n --account-center-border,\n var(--w3o-border-color, var(--onboard-gray-200, var(--gray-200)))\n );--border-radius:var(\n --account-center-border-radius,\n var(--w3o-border-radius, 1rem)\n );cursor:pointer;pointer-events:auto;width:100%;padding:0.5rem;border:1px solid;background:var(--background-color);color:var(--text-color);border-color:var(--border-color);border-radius:var(--border-radius);box-shadow:var(\n --account-center-box-shadow,\n var(--onboard-shadow-3, var(--shadow-3))\n );z-index:var(--account-center-z-index, 1)}.inner-row.svelte-1xsvwqj{display:flex;flex-flow:row nowrap;align-items:center;gap:0.5rem;padding:0 0.25rem}.wallet-info.svelte-1xsvwqj{display:flex;flex:1;flex-flow:column;height:2.5rem;overflow:hidden}.address.svelte-1xsvwqj{font-weight:600;line-height:1.25rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--account-center-minimized-address-color, inherit)}.balance.svelte-1xsvwqj{font-weight:400;line-height:1.25rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;opacity:0.6;color:var(--account-center-minimized-balance-color, inherit)}.chain-icon-container.svelte-1xsvwqj{margin-right:4px}.container.svelte-1xsvwqj{border:1px solid transparent;border-radius:16px;padding:1px;transition:border-color 250ms ease-in-out, backround 250ms ease-in-out;max-width:128px;cursor:default}.drop-shadow.svelte-1xsvwqj{filter:drop-shadow(0px 1px 4px rgba(0, 0, 0, 0.2))}");
}
// (168:6) {#if firstAddressBalance}
function create_if_block$1(ctx) {
let div;
let t0_value = (/*firstAddressBalance*/ ctx[5].length > 7
? /*firstAddressBalance*/ ctx[5].slice(0, 7)
: /*firstAddressBalance*/ ctx[5]) + "";
let t0;
let t1;
let t2;
let div_intro;
return {
c() {
div = element("div");
t0 = text(t0_value);
t1 = space();
t2 = text(/*firstAddressAsset*/ ctx[2]);
attr(div, "class", "balance svelte-1xsvwqj");
},
m(target, anchor) {
insert(target, div, anchor);
append(div, t0);
append(div, t1);
append(div, t2);
},
p(ctx, dirty) {
if (dirty & /*firstAddressBalance*/ 32 && t0_value !== (t0_value = (/*firstAddressBalance*/ ctx[5].length > 7
? /*firstAddressBalance*/ ctx[5].slice(0, 7)
: /*firstAddressBalance*/ ctx[5]) + "")) set_data(t0, t0_value);
if (dirty & /*firstAddressAsset*/ 4) set_data(t2, /*firstAddressAsset*/ ctx[2]);
},
i(local) {
if (local) {
if (!div_intro) {
add_render_callback(() => {
div_intro = create_in_transition(div, fade, {});
div_intro.start();
});
}
}
},
o: noop,
d(detaching) {
if (detaching) detach(div);
}
};
}
function create_fragment$2(ctx) {
let div11;
let div10;
let div3;
let div0;
let walletappbadge0;
let t0;
let div1;
let walletappbadge1;
let t1;
let div2;
let successstatusicon;
let t2;
let div5;
let div4;
let t3_value = (/*ensName*/ ctx[8]
? shortenDomain(/*ensName*/ ctx[8])
: /*unsName*/ ctx[7]
? shortenDomain(/*unsName*/ ctx[7])
: /*shortenedFirstAddress*/ ctx[6]) + "";
let t3;
let t4;
let t5;
let div9;
let div8;
let div7;
let div6;
let walletappbadge2;
let t6;
let networkselector;
let div8_style_value;
let div11_intro;
let div11_outro;
let current;
let mounted;
let dispose;
walletappbadge0 = new WalletAppBadge({
props: {
size: 32,
padding: 4,
background: 'white',
border: "darkGreen",
radius: 8,
icon: /*$appMetadata$*/ ctx[9] && /*$appMetadata$*/ ctx[9].icon || questionIcon
}
});
walletappbadge1 = new WalletAppBadge({
props: {
size: 32,
padding: 4,
background: "green",
border: "darkGreen",
radius: 8,
icon: /*primaryWallet*/ ctx[1]
? /*primaryWallet*/ ctx[1].icon
: ''
}
});
successstatusicon = new SuccessStatusIcon({ props: { size: 14 } });
let if_block = /*firstAddressBalance*/ ctx[5] && create_if_block$1(ctx);
walletappbadge2 = new WalletAppBadge({
props: {
size: 22,
padding: 4,
background: "custom",
color: !/*validAppChain*/ ctx[4]
? `var(
--account-center-chain-warning,
var(--onboard-warning-500, var(--warning-500))
)`
: !/*validAppChain*/ ctx[4].icon
? `var(--onboard-primary-100, var(--primary-100))`
: undefined,
customBackgroundColor: /*validAppChain*/ ctx[4]
? /*validAppChain*/ ctx[4].color || /*defaultChainStyles*/ ctx[3] && /*defaultChainStyles*/ ctx[3].color || unrecognizedChainStyle.color
: `var(--onboard-warning-200, var(--warning-200))`,
border: "transparent",
radius: 25,
icon: /*validAppChain*/ ctx[4]
? /*validAppChain*/ ctx[4].icon || /*defaultChainStyles*/ ctx[3] && /*defaultChainStyles*/ ctx[3].icon || unrecognizedChainStyle.icon
: warningIcon
}
});
networkselector = new NetworkSelector({
props: {
chains: /*chains*/ ctx[11],
colorVar: "--account-center-minimized-network-selector-color",
selectIcon: caretIcon,
parentCSSId: "minimized_ac"
}
});
return {
c() {
div11 = element("div");
div10 = element("div");
div3 = element("div");
div0 = element("div");
create_component(walletappbadge0.$$.fragment);
t0 = space();
div1 = element("div");
create_component(walletappbadge1.$$.fragment);
t1 = space();
div2 = element("div");
create_component(successstatusicon.$$.fragment);
t2 = space();
div5 = element("div");
div4 = element("div");
t3 = text(t3_value);
t4 = space();
if (if_block) if_block.c();
t5 = space();
div9 = element("div");
div8 = element("div");
div7 = element("div");
div6 = element("div");
create_component(walletappbadge2.$$.fragment);
t6 = space();
create_component(networkselector.$$.fragment);
attr(div0, "class", "drop-shadow svelte-1xsvwqj");
set_style(div1, "margin-left", "-0.5rem");
attr(div1, "class", "drop-shadow svelte-1xsvwqj");
set_style(div2, "right", "-4px");
set_style(div2, "bottom", "-4px");
attr(div2, "class", "drop-shadow absolute svelte-1xsvwqj");
attr(div3, "class", "flex relative");
attr(div4, "class", "address svelte-1xsvwqj");
attr(div5, "class", "wallet-info svelte-1xsvwqj");
attr(div6, "class", "chain-icon-container svelte-1xsvwqj");
attr(div7, "class", "flex items-center");
attr(div8, "class", "container shadow-1 flex items-center svelte-1xsvwqj");
attr(div8, "style", div8_style_value = `border-color: var(${/*validAppChain*/ ctx[4]
? '--onboard-primary-200, var(--primary-200)'
: '--onboard-warning-500, var(--warning-500)'}); background-color: var(${/*validAppChain*/ ctx[4]
? '--account-center-minimized-chain-select-background, var(--primary-100)'
: '--account-center-minimized-chain-select-background-warning, var(--warning-100)'})`);
attr(div9, "class", "network");
attr(div10, "class", "inner-row svelte-1xsvwqj");
attr(div11, "class", "ac-trigger svelte-1xsvwqj");
},
m(target, anchor) {
insert(target, div11, anchor);
append(div11, div10);
append(div10, div3);
append(div3, div0);
mount_component(walletappbadge0, div0, null);
append(div3, t0);
append(div3, div1);
mount_component(walletappbadge1, div1, null);
append(div3, t1);
append(div3, div2);
mount_component(successstatusicon, div2, null);
append(div10, t2);
append(div10, div5);
append(div5, div4);
append(div4, t3);
append(div5, t4);
if (if_block) if_block.m(div5, null);
append(div10, t5);
append(div10, div9);
append(div9, div8);
append(div8, div7);
append(div7, div6);
mount_component(walletappbadge2, div6, null);
append(div7, t6);
mount_component(networkselector, div7, null);
current = true;
if (!mounted) {
dispose = [
listen(div8, "click", stop_propagation(/*click_handler*/ ctx[15])),
listen(div11, "click", stop_propagation(function () {
if (is_function(/*toggle*/ ctx[0])) /*toggle*/ ctx[0].apply(this, arguments);
}))
];
mounted = true;
}
},
p(new_ctx, [dirty]) {
ctx = new_ctx;
const walletappbadge0_changes = {};
if (dirty & /*$appMetadata$*/ 512) walletappbadge0_changes.icon = /*$appMetadata$*/ ctx[9] && /*$appMetadata$*/ ctx[9].icon || questionIcon;
walletappbadge0.$set(walletappbadge0_changes);
const walletappbadge1_changes = {};
if (dirty & /*primaryWallet*/ 2) walletappbadge1_changes.icon = /*primaryWallet*/ ctx[1]
? /*primaryWallet*/ ctx[1].icon
: '';
walletappbadge1.$set(walletappbadge1_changes);
if ((!current || dirty & /*ensName, unsName, shortenedFirstAddress*/ 448) && t3_value !== (t3_value = (/*ensName*/ ctx[8]
? shortenDomain(/*ensName*/ ctx[8])
: /*unsName*/ ctx[7]
? shortenDomain(/*unsName*/ ctx[7])
: /*shortenedFirstAddress*/ ctx[6]) + "")) set_data(t3, t3_value);
if (/*firstAddressBalance*/ ctx[5]) {
if (if_block) {
if_block.p(ctx, dirty);
if (dirty & /*firstAddressBalance*/ 32) {
transition_in(if_block, 1);
}
} else {
if_block = create_if_block$1(ctx);
if_block.c();
transition_in(if_block, 1);
if_block.m(div5, null);
}
} else if (if_block) {
if_block.d(1);
if_block = null;
}
const walletappbadge2_changes = {};
if (dirty & /*validAppChain*/ 16) walletappbadge2_changes.color = !/*validAppChain*/ ctx[4]
? `var(
--account-center-chain-warning,
var(--onboard-warning-500, var(--warning-500))
)`
: !/*validAppChain*/ ctx[4].icon
? `var(--onboard-primary-100, var(--primary-100))`
: undefined;
if (dirty & /*validAppChain, defaultChainStyles*/ 24) walletappbadge2_changes.customBackgroundColor = /*validAppChain*/ ctx[4]
? /*validAppChain*/ ctx[4].color || /*defaultChainStyles*/ ctx[3] && /*defaultChainStyles*/ ctx[3].color || unrecognizedChainStyle.color
: `var(--onboard-warning-200, var(--warning-200))`;
if (dirty & /*validAppChain, defaultChainStyles*/ 24) walletappbadge2_changes.icon = /*validAppChain*/ ctx[4]
? /*validAppChain*/ ctx[4].icon || /*defaultChainStyles*/ ctx[3] && /*defaultChainStyles*/ ctx[3].icon || unrecognizedChainStyle.icon
: warningIcon;
walletappbadge2.$set(walletappbadge2_changes);
if (!current || dirty & /*validAppChain*/ 16 && div8_style_value !== (div8_style_value = `border-color: var(${/*validAppChain*/ ctx[4]
? '--onboard-primary-200, var(--primary-200)'
: '--onboard-warning-500, var(--warning-500)'}); background-color: var(${/*validAppChain*/ ctx[4]
? '--account-center-minimized-chain-select-background, var(--primary-100)'
: '--account-center-minimized-chain-select-background-warning, var(--warning-100)'})`)) {
attr(div8, "style", div8_style_value);
}
},
i(local) {
if (current) return;
transition_in(walletappbadge0.$$.fragment, local);
transition_in(walletappbadge1.$$.fragment, local);
transition_in(successstatusicon.$$.fragment, local);
transition_in(if_block);
transition_in(walletappbadge2.$$.fragment, local);
transition_in(networkselector.$$.fragment, local);
if (local) {
add_render_callback(() => {
if (!current) return;
if (div11_outro) div11_outro.end(1);
div11_intro = create_in_transition(div11, fade, { duration: 250 });
div11_intro.start();
});
}
current = true;
},
o(local) {
transition_out(walletappbadge0.$$.fragment, local);
transition_out(walletappbadge1.$$.fragment, local);
transition_out(successstatusicon.$$.fragment, local);
transition_out(walletappbadge2.$$.fragment, local);
transition_out(networkselector.$$.fragment, local);
if (div11_intro) div11_intro.invalidate();
div11_outro = create_out_transition(div11, fade, { duration: 100 });
current = false;
},
d(detaching) {
if (detaching) detach(div11);
destroy_component(walletappbadge0);
destroy_component(walletappbadge1);
destroy_component(successstatusicon);
if (if_block) if_block.d();
destroy_component(walletappbadge2);
destroy_component(networkselector);
if (detaching && div11_outro) div11_outro.end();
mounted = false;
run_all(dispose);
}
};
}
function instance$2($$self, $$props, $$invalidate) {
let primaryWallet;
let firstAccount;
let ensName;
let unsName;
let shortenedFirstAddress;
let firstAddressAsset;
let firstAddressBalance;
let primaryChain;
let validAppChain;
let defaultChainStyles;
let $wallets$;
let $appMetadata$;
component_subscribe($$self, wallets$, $$value => $$invalidate(14, $wallets$ = $$value));
let { toggle } = $$props;
const appMetadata$ = state.select('appMetadata').pipe(startWith(state.get().appMetadata), shareReplay(1));
component_subscribe($$self, appMetadata$, value => $$invalidate(9, $appMetadata$ = value));
const chains = state.get().chains;
function click_handler(event) {
bubble.call(this, $$self, event);
}
$$self.$$set = $$props => {
if ('toggle' in $$props) $$invalidate(0, toggle = $$props.toggle);
};
$$self.$$.update = () => {
if ($$self.$$.dirty & /*$wallets$*/ 16384) {
$$invalidate(1, [primaryWallet] = $wallets$, primaryWallet);
}
if ($$self.$$.dirty & /*primaryWallet*/ 2) {
$$invalidate(13, [firstAccount] = primaryWallet ? primaryWallet.accounts : [], firstAccount);
}
if ($$self.$$.dirty & /*firstAccount*/ 8192) {
$$invalidate(8, ensName = firstAccount && firstAccount.ens && shortenDomain(firstAccount.ens.name));
}
if ($$self.$$.dirty & /*firstAccount*/ 8192) {
$$invalidate(7, unsName = firstAccount && firstAccount.uns && shortenDomain(firstAccount.uns.name));
}
if ($$self.$$.dirty & /*firstAccount*/ 8192) {
$$invalidate(6, shortenedFirstAddress = firstAccount ? shortenAddress(firstAccount.address) : '');
}
if ($$self.$$.dirty & /*firstAccount*/ 8192) {
$$invalidate(
2,
[firstAddressAsset] = firstAccount && firstAccount.balance
? Object.keys(firstAccount.balance)
: [],
firstAddressAsset
);
}
if ($$self.$$.dirty & /*firstAccount, firstAddressAsset*/ 8196) {
$$invalidate(5, firstAddressBalance = firstAccount && firstAccount.balance
? firstAccount.balance[firstAddressAsset]
: null);
}
if ($$self.$$.dirty & /*primaryWallet*/ 2) {
$$invalidate(12, primaryChain = primaryWallet && primaryWallet.chains[0]);
}
if ($$self.$$.dirty & /*primaryChain*/ 4096) {
$$invalidate(4, validAppChain = chains.find(({ id, namespace }) => primaryChain
? id === primaryChain.id && namespace === primaryChain.namespace
: false));
}
if ($$self.$$.dirty & /*primaryChain*/ 4096) {
$$invalidate(3, defaultChainStyles = getDefaultChainStyles(primaryChain && primaryChain.id));
}
};
return [
toggle,
primaryWallet,
firstAddressAsset,
defaultChainStyles,
validAppChain,
firstAddressBalance,
shortenedFirstAddress,
unsName,
ensName,
$appMetadata$,
appMetadata$,
chains,
primaryChain,
firstAccount,
$wallets$,
click_handler
];
}
class AcctCenterTriggerLarge extends SvelteComponent {
constructor(options) {
super();
init(this, options, instance$2, create_fragment$2, safe_not_equal, { toggle: 0 }, add_css$2);
}
}
/* src/views/account-center/AcctCenterTriggerSmall.svelte generated by Svelte v3.59.2 */
function add_css$1(target) {
append_styles(target, "svelte-1o9vinu", ".ac-trigger.svelte-1o9vinu{--background-color:var(\n --account-center-minimized-background,\n var(--w3o-background-color, white)\n );--text-color:var(--w3o-text-color, var(--gray-700));--border-color:var(\n --account-center-border,\n var(--w3o-border-color, var(--onboard-gray-200, var(--gray-200)))\n );--border-radius:var(\n --account-center-border-radius,\n var(--w3o-border-radius, 1rem)\n );position:relative;cursor:pointer;pointer-events:auto;min-width:80px;background:var(--background-color);color:var(--text-color);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(\n --account-center-box-shadow,\n var(--onboard-shadow-3, var(--shadow-3))\n );z-index:var(--account-center-z-index, 1)}.wallet-square-wrapper.svelte-1o9vinu{position:relative;margin-left:-8px}.check-icon-wrapper.svelte-1o9vinu{position:absolute;right:-4px;bottom:-4px}.inner-row.svelte-1o9vinu{display:flex;flex-flow:row nowrap;width:80px;padding:0.75rem}.drop-shadow.svelte-1o9vinu{filter:drop-shadow(0px 1px 4px rgba(0, 0, 0, 0.2))}");
}
function create_fragment$1(ctx) {
let div5;
let div4;
let div0;
let walletappbadge0;
let t0;
let div3;
let div1;
let walletappbadge1;
let t1;
let div2;
let successstatusicon;
let div5_style_value;
let current;
let mounted;
let dispose;
walletappbadge0 = new WalletAppBadge({
props: {
size: 32,
padding: 4,
background: 'white',
border: "darkGreen",
radius: 8,
icon: /*$appMetadata$*/ ctx[3] && /*$appMetadata$*/ ctx[3].icon || questionIcon
}
});
walletappbadge1 = new WalletAppBadge({
props: {
size: 32,
padding: 4,
background: "green",
border: "darkGreen",
radius: 8,
icon: /*primaryWallet*/ ctx[1]
? /*primaryWallet*/ ctx[1].icon
: ''
}
});
successstatusicon = new SuccessStatusIcon({ props: { size: 14 } });
return {
c() {
div5 = element("div");
div4 = element("div");
div0 = element("div");
create_component(walletappbadge0.$$.fragment);
t0 = space();
div3 = element("div");
div1 = element("div");
create_component(walletappbadge1.$$.fragment);
t1 = space();
div2 = element("div");
create_component(successstatusicon.$$.fragment);
attr(div0, "class", "drop-shadow svelte-1o9vinu");
attr(div1, "class", "drop-shadow svelte-1o9vinu");
attr(div2, "class", "check-icon-wrapper drop-shadow svelte-1o9vinu");
attr(div3, "class", "wallet-square-wrapper svelte-1o9vinu");
attr(div4, "class", "inner-row svelte-1o9vinu");
attr(div5, "class", "ac-trigger svelte-1o9vinu");
attr(div5, "style", div5_style_value = /*$accountCenter$*/ ctx[2].position.includes('Left')
? 'align-self: flex-start'
: null);
},
m(target, anchor) {
insert(target, div5, anchor);
append(div5, div4);
append(div4, div0);
mount_component(walletappbadge0, div0, null);
append(div4, t0);
append(div4, div3);
append(div3, div1);
mount_component(walletappbadge1, div1, null);
append(div3, t1);
append(div3, div2);
mount_component(successstatusicon, div2, null);
current = true;
if (!mounted) {
dispose = listen(div5, "click", stop_propagation(function () {
if (is_function(/*toggle*/ ctx[0])) /*toggle*/ ctx[0].apply(this, arguments);
}));
mounted = true;
}
},
p(new_ctx, [dirty]) {
ctx = new_ctx;
const walletappbadge0_changes = {};
if (dirty & /*$appMetadata$*/ 8) walletappbadge0_changes.icon = /*$appMetadata$*/ ctx[3] && /*$appMetadata$*/ ctx[3].icon || questionIcon;
walletappbadge0.$set(walletappbadge0_changes);
const walletappbadge1_changes = {};
if (dirty & /*primaryWallet*/ 2) walletappbadge1_changes.icon = /*primaryWallet*/ ctx[1]
? /*primaryWallet*/ ctx[1].icon
: '';
walletappbadge1.$set(walletappbadge1_changes);
if (!current || dirty & /*$accountCenter$*/ 4 && div5_style_value !== (div5_style_value = /*$accountCenter$*/ ctx[2].position.includes('Left')
? 'align-self: flex-start'
: null)) {
attr(div5, "style", div5_style_value);
}
},
i(local) {
if (current) return;
transition_in(walletappbadge0.$$.fragment, local);
transition_in(walletappbadge1.$$.fragment, local);
transition_in(successstatusicon.$$.fragment, local);
current = true;
},
o(local) {
transition_out(walletappbadge0.$$.fragment, local);
transition_out(walletappbadge1.$$.fragment, local);
transition_out(successstatusicon.$$.fragment, local);
current = false;
},
d(detaching) {
if (detaching) detach(div5);
destroy_component(walletappbadge0);
destroy_component(walletappbadge1);
destroy_component(successstatusicon);
mounted = false;
dispose();
}
};
}
function instance$1($$self, $$props, $$invalidate) {
let primaryWallet;
let $wallets$;
let $accountCenter$;
let $appMetadata$;
component_subscribe($$self, wallets$, $$value => $$invalidate(6, $wallets$ = $$value));
let { toggle } = $$props;
const appMetadata$ = state.select('appMetadata').pipe(startWith$1(state.get().appMetadata), shareReplay$1(1));
component_subscribe($$self, appMetadata$, value => $$invalidate(3, $appMetadata$ = value));
const accountCenter$ = state.select('accountCenter').pipe(startWith$1(state.get().accountCenter), shareReplay$1(1));
component_subscribe($$self, accountCenter$, value => $$invalidate(2, $accountCenter$ = value));
$$self.$$set = $$props => {
if ('toggle' in $$props) $$invalidate(0, toggle = $$props.toggle);
};
$$self.$$.update = () => {
if ($$self.$$.dirty & /*$wallets$*/ 64) {
$$invalidate(1, [primaryWallet] = $wallets$, primaryWallet);
}
};
return [
toggle,
primaryWallet,
$accountCenter$,
$appMetadata$,
appMetadata$,
accountCenter$,
$wallets$
];
}
class AcctCenterTriggerSmall extends SvelteComponent {
constructor(options) {
super();
init(this, options, instance$1, create_fragment$1, safe_not_equal, { toggle: 0 }, add_css$1);
}
}
/* src/views/account-center/Index.svelte generated by Svelte v3.59.2 */
function add_css(target) {
append_styles(target, "svelte-1nua59o", ".ac-container.svelte-1nua59o{display:flex;flex-flow:column;align-items:flex-end;gap:0.5rem}");
}
// (37:2) {#if $accountCenter$.position.includes('bottom')}
function create_if_block_2(ctx) {
let accountcenterpanel;
let current;
accountcenterpanel = new AccountCenterPanel({ props: { expanded: /*expanded*/ ctx[0] } });
return {
c() {
create_component(accountcenterpanel.$$.fragment);
},
m(target, anchor) {
mount_component(accountcenterpanel, target, anchor);
current = true;
},
p(ctx, dirty) {
const accountcenterpanel_changes = {};
if (dirty & /*expanded*/ 1) accountcenterpanel_changes.expanded = /*expanded*/ ctx[0];
accountcenterpanel.$set(accountcenterpanel_changes);
},
i(local) {
if (current) return;
transition_in(accountcenterpanel.$$.fragment, local);
current = true;
},
o(local) {
transition_out(accountcenterpanel.$$.fragment, local);
current = false;
},
d(detaching) {
destroy_component(accountcenterpanel, detaching);
}
};
}
// (42:2) {:else}
function create_else_block(ctx) {
let triggerlarge;
let current;
triggerlarge = new AcctCenterTriggerLarge({ props: { toggle: /*toggle*/ ctx[4] } });
return {
c() {
create_component(triggerlarge.$$.fragment);
},
m(target, anchor) {
mount_component(triggerlarge, target, anchor);
current = true;
},
p: noop,
i(local) {
if (current) return;
transition_in(triggerlarge.$$.fragment, local);
current = true;
},
o(local) {
transition_out(triggerlarge.$$.fragment, local);
current = false;
},
d(detaching) {
destroy_component(triggerlarge, detaching);
}
};
}
// (40:2) {#if $accountCenter$.minimal}
function create_if_block_1(ctx) {
let triggersmall;
let current;
triggersmall = new AcctCenterTriggerSmall({ props: { toggle: /*toggle*/ ctx[4] } });
return {
c() {
create_component(triggersmall.$$.fragment);
},
m(target, anchor) {
mount_component(triggersmall, target, anchor);
current = true;
},
p: noop,
i(local) {
if (current) return;
transition_in(triggersmall.$$.fragment, local);
current = true;
},
o(local) {
transition_out(triggersmall.$$.fragment, local);
current = false;
},
d(detaching) {
destroy_component(triggersmall, detaching);
}
};
}
// (45:2) {#if $accountCenter$.position.includes('top')}
function create_if_block(ctx) {
let accountcenterpanel;
let current;
accountcenterpanel = new AccountCenterPanel({ props: { expanded: /*expanded*/ ctx[0] } });
return {
c() {
create_component(accountcenterpanel.$$.fragment);
},
m(target, anchor) {
mount_component(accountcenterpanel, target, anchor);
current = true;
},
p(ctx, dirty) {
const accountcenterpanel_changes = {};
if (dirty & /*expanded*/ 1) accountcenterpanel_changes.expanded = /*expanded*/ ctx[0];
accountcenterpanel.$set(accountcenterpanel_changes);
},
i(local) {
if (current) return;
transition_in(accountcenterpanel.$$.fragment, local);
current = true;
},
o(local) {
transition_out(accountcenterpanel.$$.fragment, local);
current = false;
},
d(detaching) {
destroy_component(accountcenterpanel, detaching);
}
};
}
function create_fragment(ctx) {
let div;
let show_if_1 = /*$accountCenter$*/ ctx[1].position.includes('bottom');
let t0;
let current_block_type_index;
let if_block1;
let t1;
let show_if = /*$accountCenter$*/ ctx[1].position.includes('top');
let current;
let mounted;
let dispose;
let if_block0 = show_if_1 && create_if_block_2(ctx);
const if_block_creators = [create_if_block_1, create_else_block];
const if_blocks = [];
function select_block_type(ctx, dirty) {
if (/*$accountCenter$*/ ctx[1].minimal) return 0;
return 1;
}
current_block_type_index = select_block_type(ctx);
if_block1 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
let if_block2 = show_if && create_if_block(ctx);
return {
c() {
div = element("div");
if (if_block0) if_block0.c();
t0 = space();
if_block1.c();
t1 = space();
if (if_block2) if_block2.c();
attr(div, "class", "ac-container svelte-1nua59o");
},
m(target, anchor) {
insert(target, div, anchor);
if (if_block0) if_block0.m(div, null);
append(div, t0);
if_blocks[current_block_type_index].m(div, null);
append(div, t1);
if (if_block2) if_block2.m(div, null);
current = true;
if (!mounted) {
dispose = listen(window, "click", /*minimize*/ ctx[3]);
mounted = true;
}
},
p(ctx, [dirty]) {
if (dirty & /*$accountCenter$*/ 2) show_if_1 = /*$accountCenter$*/ ctx[1].position.includes('bottom');
if (show_if_1) {
if (if_block0) {
if_block0.p(ctx, dirty);
if (dirty & /*$accountCenter$*/ 2) {
transition_in(if_block0, 1);
}
} else {
if_block0 = create_if_block_2(ctx);
if_block0.c();
transition_in(if_block0, 1);
if_block0.m(div, t0);
}
} else if (if_block0) {
group_outros();
transition_out(if_block0, 1, 1, () => {
if_block0 = null;
});
check_outros();
}
let previous_block_index = current_block_type_index;
current_block_type_index = select_block_type(ctx);
if (current_block_type_index === previous_block_index) {
if_blocks[current_block_type_index].p(ctx, dirty);
} else {
group_outros();
transition_out(if_blocks[previous_block_index], 1, 1, () => {
if_blocks[previous_block_index] = null;
});
check_outros();
if_block1 = if_blocks[current_block_type_index];
if (!if_block1) {
if_block1 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
if_block1.c();
} else {
if_block1.p(ctx, dirty);
}
transition_in(if_block1, 1);
if_block1.m(div, t1);
}
if (dirty & /*$accountCenter$*/ 2) show_if = /*$accountCenter$*/ ctx[1].position.includes('top');
if (show_if) {
if (if_block2) {
if_block2.p(ctx, dirty);
if (dirty & /*$accountCenter$*/ 2) {
transition_in(if_block2, 1);
}
} else {
if_block2 = create_if_block(ctx);
if_block2.c();
transition_in(if_block2, 1);
if_block2.m(div, null);
}
} else if (if_block2) {
group_outros();
transition_out(if_block2, 1, 1, () => {
if_block2 = null;
});
check_outros();
}
},
i(local) {
if (current) return;
transition_in(if_block0);
transition_in(if_block1);
transition_in(if_block2);
current = true;
},
o(local) {
transition_out(if_block0);
transition_out(if_block1);
transition_out(if_block2);
current = false;
},
d(detaching) {
if (detaching) detach(div);
if (if_block0) if_block0.d();
if_blocks[current_block_type_index].d();
if (if_block2) if_block2.d();
mounted = false;
dispose();
}
};
}
function instance($$self, $$props, $$invalidate) {
let $accountCenter$;
let expanded = false;
const accountCenter$ = state.select('accountCenter').pipe(startWith$1(state.get().accountCenter), shareReplay$1(1));
component_subscribe($$self, accountCenter$, value => $$invalidate(1, $accountCenter$ = value));
onDestroy(minimize);
function minimize() {
if ($accountCenter$.expanded) {
updateAccountCenter({ expanded: false });
$$invalidate(0, expanded = false);
}
}
function toggle() {
updateAccountCenter({ expanded: !$accountCenter$.expanded });
$$invalidate(0, expanded = !expanded);
}
return [expanded, $accountCenter$, accountCenter$, minimize, toggle];
}
class Index extends SvelteComponent {
constructor(options) {
super();
init(this, options, instance, create_fragment, safe_not_equal, {}, add_css);
}
}
export { Index as default };
//# sourceMappingURL=Index-fb68189d.js.map